@norges-domstoler/dds-components 6.0.0 → 7.0.0

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 };