@norges-domstoler/dds-components 6.0.0 → 7.0.1

package/dist/components/Checkbox/Checkbox.tokens.d.ts

@@ -1,65 +0,0 @@
-import { CSSObject } from 'styled-components';
-export declare const checkboxTokens: {
-    checkbox: {
-        base: CSSObject;
-        spaceLeft: string;
-        hover: {
-            base: CSSObject;
-        };
-        disabled: {
-            base: CSSObject;
-        };
-        readOnly: {
-            base: CSSObject;
-        };
-        checked: {
-            base: CSSObject;
-            hover: {
-                base: CSSObject;
-            };
-            disabled: {
-                base: CSSObject;
-            };
-            readOnly: {
-                base: CSSObject;
-            };
-        };
-        indeterminate: {
-            base: CSSObject;
-            hover: {
-                base: CSSObject;
-            };
-            disabled: {
-                base: CSSObject;
-            };
-            readOnly: {
-                base: CSSObject;
-            };
-        };
-        danger: {
-            base: CSSObject;
-            hover: {
-                base: CSSObject;
-            };
-        };
-    };
-    checkmark: {
-        base: CSSObject;
-        color: string;
-        indeterminate: {
-            base: CSSObject;
-        };
-    };
-    container: {
-        base: CSSObject;
-        focus: {
-            base: CSSObject;
-        };
-        withLabel: {
-            base: CSSObject;
-        };
-        noLabel: {
-            base: CSSObject;
-        };
-    };
-};

package/dist/components/Checkbox/Checkbox.tokens.js

@@ -1,132 +0,0 @@
-import { ddsBaseTokens } from '@norges-domstoler/dds-design-tokens';
-import 'styled-components';
-import { focusVisible } from '../../helpers/styling/focusVisible.js';
-import { hoverInputfield, hoverDangerInputfield } from '../../helpers/styling/hover.js';
-import '../../helpers/styling/focus.js';
-import { dangerInputfield } from '../../helpers/styling/danger.js';
-import '../../helpers/styling/selection.js';
-
-var Colors = ddsBaseTokens.colors,
-    Spacing = ddsBaseTokens.spacing,
-    FontPackages = ddsBaseTokens.fontPackages,
-    BorderRadius = ddsBaseTokens.borderRadius;
-var checkboxBase = {
-  border: '1px solid',
-  backgroundColor: Colors.DdsColorNeutralsWhite,
-  borderColor: Colors.DdsColorNeutralsGray5,
-  borderRadius: BorderRadius.RadiiDdsBorderRadius1Radius,
-  height: FontPackages.supportingStyle_inputtext_02.base.fontSize,
-  width: FontPackages.supportingStyle_inputtext_02.base.fontSize
-};
-var checkboxCheckedBase = {
-  borderColor: Colors.DdsColorInteractiveBase,
-  backgroundColor: Colors.DdsColorInteractiveBase
-};
-var checkboxDisabledBase = {
-  borderColor: Colors.DdsColorNeutralsGray5,
-  color: Colors.DdsColorNeutralsGray6
-};
-var checkboxCheckedDisabledBase = {
-  borderColor: Colors.DdsColorNeutralsGray6,
-  backgroundColor: Colors.DdsColorNeutralsGray6
-};
-var checkboxReadOnlyBase = {
-  backgroundColor: 'transparent'
-};
-var checkboxCheckedReadOnlyBase = {
-  borderColor: Colors.DdsColorNeutralsGray6,
-  backgroundColor: Colors.DdsColorNeutralsGray6
-};
-var checkboxHoverBase = Object.assign({}, hoverInputfield);
-var checkboxCheckedHoverBase = {
-  backgroundColor: Colors.DdsColorInteractiveDark,
-  boxShadow: "inset 0 0 0 1px  ".concat(Colors.DdsColorInteractiveDark),
-  borderColor: Colors.DdsColorInteractiveDark
-};
-var checkboxDangerBase = Object.assign({}, dangerInputfield);
-var checkboxDangerHoverBase = Object.assign({}, hoverDangerInputfield);
-var focusBase = Object.assign({}, focusVisible);
-var checkmarkBase = {
-  borderWidth: '0 1px 1px 0',
-  transform: 'rotate(45deg)',
-  left: '35%',
-  top: '10%',
-  width: '30%',
-  height: '65%'
-};
-var checkmarkIndeterminateBase = {
-  borderWidth: '1px 0 0 0'
-};
-var containerBase = Object.assign({}, FontPackages.body_sans_02.base);
-var containerWithLabelBase = Object.assign(Object.assign({}, FontPackages.body_sans_02.base), {
-  padding: "0 ".concat(Spacing.SizesDdsSpacingLocalX025, " 0 ").concat(FontPackages.supportingStyle_inputtext_02.numbers.fontSizeNumber + Spacing.SizesDdsSpacingLocalX075NumberPx, "px")
-});
-var containerNoLabelBase = {
-  padding: "".concat(Spacing.SizesDdsSpacingLocalX075, " ").concat(Spacing.SizesDdsSpacingLocalX0125, " ").concat(Spacing.SizesDdsSpacingLocalX075, " ").concat(Spacing.SizesDdsSpacingLocalX15)
-};
-var checkboxTokens = {
-  checkbox: {
-    base: checkboxBase,
-    spaceLeft: Spacing.SizesDdsSpacingLocalX025,
-    hover: {
-      base: checkboxHoverBase
-    },
-    disabled: {
-      base: checkboxDisabledBase
-    },
-    readOnly: {
-      base: checkboxReadOnlyBase
-    },
-    checked: {
-      base: checkboxCheckedBase,
-      hover: {
-        base: checkboxCheckedHoverBase
-      },
-      disabled: {
-        base: checkboxCheckedDisabledBase
-      },
-      readOnly: {
-        base: checkboxCheckedReadOnlyBase
-      }
-    },
-    indeterminate: {
-      base: checkboxCheckedBase,
-      hover: {
-        base: checkboxCheckedHoverBase
-      },
-      disabled: {
-        base: checkboxCheckedDisabledBase
-      },
-      readOnly: {
-        base: checkboxCheckedReadOnlyBase
-      }
-    },
-    danger: {
-      base: checkboxDangerBase,
-      hover: {
-        base: checkboxDangerHoverBase
-      }
-    }
-  },
-  checkmark: {
-    base: checkmarkBase,
-    color: Colors.DdsColorNeutralsWhite,
-    indeterminate: {
-      base: checkmarkIndeterminateBase
-    }
-  },
-  container: {
-    base: containerBase,
-    focus: {
-      base: focusBase
-    },
-    withLabel: {
-      base: containerWithLabelBase
-    },
-    noLabel: {
-      base: containerNoLabelBase
-    }
-  }
-};
-
-export { checkboxTokens };

package/dist/components/RadioButton/RadioButton.styles.d.ts

@@ -1,5 +0,0 @@
-import { RadioButtonProps } from './RadioButton.types';
-export declare const CustomRadioButton: import("styled-components").StyledComponent<"span", any, {}, never>;
-declare type ContainerProps = Pick<RadioButtonProps, 'error' | 'disabled' | 'readOnly'>;
-export declare const Container: import("styled-components").StyledComponent<"label", any, ContainerProps, never>;
-export {};

package/dist/components/RadioButton/RadioButton.styles.js

@@ -1,27 +0,0 @@
-import styled, { css } from 'styled-components';
-import { radioButtonTokens } from './RadioButton.tokens.js';
-import { focusVisibleTransitionValue } from '../../helpers/styling/focusVisible.js';
-import '../../helpers/styling/hover.js';
-import '../../helpers/styling/focus.js';
-import '../../helpers/styling/danger.js';
-import '../../helpers/styling/selection.js';
-
-var CustomRadioButton = styled.span.withConfig({
-  displayName: "RadioButtonstyles__CustomRadioButton",
-  componentId: "sc-iwypha-0"
-})(["position:absolute;box-sizing:border-box;border-radius:50%;vertical-align:middle;", " left:", ";&:after{content:'';position:absolute;display:none;}"], radioButtonTokens.radioButton.base, radioButtonTokens.radioButton.spaceLeft);
-var Container = styled.label.withConfig({
-  displayName: "RadioButtonstyles__Container",
-  componentId: "sc-iwypha-1"
-})(["position:relative;display:block;cursor:pointer;user-select:none;width:fit-content;display:flex;align-items:center;", " input:checked ~ ", ":after{display:block;}input ~ ", "{transition:box-shadow 0.2s,background-color 0.2s,border 0.2s;}input:checked ~ ", "{", "}&:hover input:enabled ~ ", "{", "}&:hover input:checked:enabled ~ ", "{", "}&:focus-within{", " transition:", ";}", " ", " ", " ", ":after{border-radius:50%;", "}"], radioButtonTokens.container.base, CustomRadioButton, CustomRadioButton, CustomRadioButton, radioButtonTokens.radioButton.checked.base, CustomRadioButton, radioButtonTokens.radioButton.hover.base, CustomRadioButton, radioButtonTokens.radioButton.checked.hover.base, radioButtonTokens.container.focus.base, focusVisibleTransitionValue, function (_ref) {
-  var error = _ref.error;
-  return error && css(["input ~ ", "{", "}&:hover input:enabled ~ ", "{", "}"], CustomRadioButton, radioButtonTokens.radioButton.danger.base, CustomRadioButton, radioButtonTokens.radioButton.danger.hover.base);
-}, function (_ref2) {
-  var disabled = _ref2.disabled;
-  return disabled && css(["cursor:not-allowed;input ~ ", "{", "}input:checked ~ ", "{", "}"], CustomRadioButton, radioButtonTokens.radioButton.disabled.base, CustomRadioButton, radioButtonTokens.radioButton.checked.disabled.base);
-}, function (_ref3) {
-  var readOnly = _ref3.readOnly;
-  return readOnly && css(["cursor:default;input ~ ", "{", "}input:checked ~ ", "{", "}"], CustomRadioButton, radioButtonTokens.radioButton.readOnly.base, CustomRadioButton, radioButtonTokens.radioButton.checked.readOnly.base);
-}, CustomRadioButton, radioButtonTokens.checkmark.base);
-
-export { Container, CustomRadioButton };

package/dist/components/RadioButton/RadioButton.tokens.d.ts

@@ -1,43 +0,0 @@
-import { CSSObject } from 'styled-components';
-export declare const radioButtonTokens: {
-    radioButton: {
-        base: CSSObject;
-        spaceLeft: string;
-        hover: {
-            base: CSSObject;
-        };
-        disabled: {
-            base: CSSObject;
-        };
-        readOnly: {
-            base: CSSObject;
-        };
-        checked: {
-            base: CSSObject;
-            hover: {
-                base: CSSObject;
-            };
-            disabled: {
-                base: CSSObject;
-            };
-            readOnly: {
-                base: CSSObject;
-            };
-        };
-        danger: {
-            base: CSSObject;
-            hover: {
-                base: CSSObject;
-            };
-        };
-    };
-    checkmark: {
-        base: CSSObject;
-    };
-    container: {
-        base: CSSObject;
-        focus: {
-            base: CSSObject;
-        };
-    };
-};

package/dist/components/RadioButton/RadioButton.tokens.js

@@ -1,100 +0,0 @@
-import { ddsBaseTokens } from '@norges-domstoler/dds-design-tokens';
-import 'styled-components';
-import { focusVisible } from '../../helpers/styling/focusVisible.js';
-import { hoverInputfield, hoverDangerInputfield } from '../../helpers/styling/hover.js';
-import '../../helpers/styling/focus.js';
-import { dangerInputfield } from '../../helpers/styling/danger.js';
-import '../../helpers/styling/selection.js';
-
-var Colors = ddsBaseTokens.colors,
-    Spacing = ddsBaseTokens.spacing,
-    FontPackages = ddsBaseTokens.fontPackages;
-var radioButtonBase = {
-  border: '1px solid',
-  borderColor: Colors.DdsColorNeutralsGray5,
-  backgroundColor: Colors.DdsColorNeutralsWhite,
-  height: FontPackages.supportingStyle_inputtext_02.numbers.fontSizeNumber,
-  width: FontPackages.supportingStyle_inputtext_02.numbers.fontSizeNumber
-};
-var radioButtonHoverBase = Object.assign({}, hoverInputfield);
-var radioButtonDisabledBase = {
-  borderColor: Colors.DdsColorNeutralsGray5,
-  color: Colors.DdsColorNeutralsGray6
-};
-var radioButtonReadOnlyBase = {
-  backgroundColor: 'transparent'
-};
-var radioButtonDangerBase = Object.assign({}, dangerInputfield);
-var radioButtonDangerHoverBase = Object.assign({}, hoverDangerInputfield);
-var radioButtonCheckedBase = {
-  backgroundColor: Colors.DdsColorInteractiveBase,
-  borderColor: Colors.DdsColorInteractiveBase
-};
-var radioButtonCheckedHoverBase = {
-  backgroundColor: Colors.DdsColorInteractiveDark,
-  borderColor: Colors.DdsColorInteractiveDark,
-  boxShadow: "inset 0 0 0 1px  ".concat(Colors.DdsColorInteractiveDark)
-};
-var radioButtonCheckedDisabledBase = {
-  borderColor: Colors.DdsColorNeutralsGray6,
-  backgroundColor: Colors.DdsColorNeutralsGray6
-};
-var radioButtonCheckedReadOnlyBase = {
-  borderColor: Colors.DdsColorNeutralsGray6,
-  backgroundColor: Colors.DdsColorNeutralsGray6
-};
-var checkmarkBase = {
-  backgroundColor: Colors.DdsColorNeutralsWhite,
-  height: Spacing.SizesDdsSpacingLocalX05,
-  width: Spacing.SizesDdsSpacingLocalX05,
-  left: "calc(50% - ".concat(Spacing.SizesDdsSpacingLocalX05NumberPx / 2, "px)"),
-  top: "calc(50% - ".concat(Spacing.SizesDdsSpacingLocalX05NumberPx / 2, "px)")
-};
-var containerBase = {
-  padding: "0 ".concat(Spacing.SizesDdsSpacingLocalX025, " 0 ").concat(20 + Spacing.SizesDdsSpacingLocalX075NumberPx, "px")
-};
-var focusBase = Object.assign({}, focusVisible);
-var radioButtonTokens = {
-  radioButton: {
-    base: radioButtonBase,
-    spaceLeft: Spacing.SizesDdsSpacingLocalX025,
-    hover: {
-      base: radioButtonHoverBase
-    },
-    disabled: {
-      base: radioButtonDisabledBase
-    },
-    readOnly: {
-      base: radioButtonReadOnlyBase
-    },
-    checked: {
-      base: radioButtonCheckedBase,
-      hover: {
-        base: radioButtonCheckedHoverBase
-      },
-      disabled: {
-        base: radioButtonCheckedDisabledBase
-      },
-      readOnly: {
-        base: radioButtonCheckedReadOnlyBase
-      }
-    },
-    danger: {
-      base: radioButtonDangerBase,
-      hover: {
-        base: radioButtonDangerHoverBase
-      }
-    }
-  },
-  checkmark: {
-    base: checkmarkBase
-  },
-  container: {
-    base: containerBase,
-    focus: {
-      base: focusBase
-    }
-  }
-};
-
-export { radioButtonTokens };

package/dist/components/TextInput/CharCounter.tokens.d.ts

@@ -1,4 +0,0 @@
-import { CSSObject } from 'styled-components';
-export declare const charCounterTokens: {
-    base: CSSObject;
-};

package/dist/components/TextInput/CharCounter.tokens.js

@@ -1,11 +0,0 @@
-import { ddsBaseTokens } from '@norges-domstoler/dds-design-tokens';
-
-var Spacing = ddsBaseTokens.spacing;
-var charCounterBase = {
-  padding: "".concat(Spacing.SizesDdsSpacingLocalX025, " ").concat(Spacing.SizesDdsSpacingLocalX05)
-};
-var charCounterTokens = {
-  base: charCounterBase
-};
-
-export { charCounterTokens };