@equinor/eds-core-react 0.26.0 → 0.28.0-dev12052022

package/dist/esm/components/Dialog/DialogHeader.js

@@ -19,12 +19,10 @@ var StyledDivider = styled(Divider).withConfig({
 })(["margin-bottom:0;"]);
 var DialogHeader = /*#__PURE__*/forwardRef(function DialogHeader(_ref2, ref) {
   var children = _ref2.children,
-      rest = _objectWithoutProperties(_ref2, _excluded);
-
+    rest = _objectWithoutProperties(_ref2, _excluded);
   var props = _objectSpread(_objectSpread({}, rest), {}, {
     ref: ref
   });
-
   return /*#__PURE__*/jsxs("div", _objectSpread(_objectSpread({}, props), {}, {
     children: [/*#__PURE__*/jsx(StyledDialogHeader, {
       children: children

package/dist/esm/components/Dialog/DialogTitle.js

@@ -11,13 +11,12 @@ var StyledDialogTitle = styled.div.withConfig({
   componentId: "sc-1t3jljt-0"
 })(function (_ref) {
   var theme = _ref.theme,
-      children = _ref.children;
+    children = _ref.children;
   return css(["", " min-height:", ";align-self:end;justify-self:start;margin-right:", ";", ""], typographyTemplate(theme.entities.title.typography), theme.entities.title.minHeight, theme.entities.children.spacings.right, !children && css(["min-height:initial;height:'8px';"]));
 });
 var DialogTitle = /*#__PURE__*/forwardRef(function DialogTitle(_ref2, ref) {
   var children = _ref2.children,
-      rest = _objectWithoutProperties(_ref2, _excluded);
-
+    rest = _objectWithoutProperties(_ref2, _excluded);
   return /*#__PURE__*/jsx(Fragment, {
     children: /*#__PURE__*/jsx(StyledDialogTitle, _objectSpread(_objectSpread({
       id: "eds-dialog-title",

package/dist/esm/components/Divider/Divider.js

@@ -13,29 +13,26 @@ var StyledDivider = styled.hr.withConfig({
   componentId: "sc-1d8osde-0"
 })(function (_ref) {
   var backgroundColor = _ref.backgroundColor,
-      marginTop = _ref.marginTop,
-      marginBottom = _ref.marginBottom,
-      dividerHeight = _ref.dividerHeight;
+    marginTop = _ref.marginTop,
+    marginBottom = _ref.marginBottom,
+    dividerHeight = _ref.dividerHeight;
   return css(["border:none;background-color:", ";margin-top:", ";margin-bottom:calc(", " - ", "px);height:", "px;"], backgroundColor, marginTop, marginBottom, dividerHeight, dividerHeight);
 });
 var Divider = /*#__PURE__*/forwardRef(function Divider(_ref2, ref) {
   var _ref2$color = _ref2.color,
-      color = _ref2$color === void 0 ? 'medium' : _ref2$color,
-      _ref2$variant = _ref2.variant,
-      variant = _ref2$variant === void 0 ? 'medium' : _ref2$variant,
-      _ref2$size = _ref2.size,
-      size = _ref2$size === void 0 ? '1' : _ref2$size,
-      rest = _objectWithoutProperties(_ref2, _excluded);
-
+    color = _ref2$color === void 0 ? 'medium' : _ref2$color,
+    _ref2$variant = _ref2.variant,
+    variant = _ref2$variant === void 0 ? 'medium' : _ref2$variant,
+    _ref2$size = _ref2.size,
+    size = _ref2$size === void 0 ? '1' : _ref2$size,
+    rest = _objectWithoutProperties(_ref2, _excluded);
   var colorValue = color === 'medium' ? 'mediumColor' : color;
-
   var props = _objectSpread({
     backgroundColor: divider[colorValue].background,
     marginTop: Divider_tokens[variant].spacings.top,
     marginBottom: Divider_tokens[variant].spacings.bottom,
     dividerHeight: parseInt(size)
   }, rest);
-
   return /*#__PURE__*/jsx(StyledDivider, _objectSpread(_objectSpread({}, props), {}, {
     ref: ref
   }));

package/dist/esm/components/Divider/Divider.tokens.js

@@ -1,12 +1,12 @@
 import { tokens as tokens$1 } from '@equinor/eds-tokens';
 
 var _tokens$colors$ui = tokens$1.colors.ui,
-    lighter = _tokens$colors$ui.background__default.rgba,
-    light = _tokens$colors$ui.background__light.rgba,
-    mediumColor = _tokens$colors$ui.background__medium.rgba,
-    _tokens$spacings$comf = tokens$1.spacings.comfortable,
-    spacingSmall = _tokens$spacings$comf.small,
-    spacingMedium = _tokens$spacings$comf.medium;
+  lighter = _tokens$colors$ui.background__default.rgba,
+  light = _tokens$colors$ui.background__light.rgba,
+  mediumColor = _tokens$colors$ui.background__medium.rgba,
+  _tokens$spacings$comf = tokens$1.spacings.comfortable,
+  spacingSmall = _tokens$spacings$comf.small,
+  spacingMedium = _tokens$spacings$comf.medium;
 var divider = {
   lighter: {
     background: lighter

package/dist/esm/components/EdsProvider/eds.context.js

@@ -10,15 +10,13 @@ var initalState = {
 var EdsContext = /*#__PURE__*/createContext(initalState);
 var EdsProvider = function EdsProvider(_ref) {
   var children = _ref.children,
-      density = _ref.density;
-
+    density = _ref.density;
   var _useState = useState(_objectSpread(_objectSpread({}, initalState), {}, {
-    density: density || 'comfortable'
-  })),
-      _useState2 = _slicedToArray(_useState, 2),
-      state = _useState2[0],
-      setState = _useState2[1];
-
+      density: density || 'comfortable'
+    })),
+    _useState2 = _slicedToArray(_useState, 2),
+    state = _useState2[0],
+    setState = _useState2[1];
   var setDensity = function setDensity(density) {
     return setState(function (prevState) {
       return _objectSpread(_objectSpread({}, prevState), {}, {
@@ -26,7 +24,6 @@ var EdsProvider = function EdsProvider(_ref) {
       });
     });
   };
-
   useEffect(function () {
     if (typeof density !== 'undefined' && density !== state.density) {
       setDensity(density);

package/dist/esm/components/Icon/Icon.js

@@ -6,16 +6,14 @@ import { get } from './library.js';
 import { jsxs, jsx } from 'react/jsx-runtime';
 
 var _excluded = ["size", "color", "name", "rotation", "title", "data"];
-
 var transform = function transform(_ref) {
   var rotation = _ref.rotation;
   return rotation ? "transform: rotate(".concat(rotation, "deg)") : '';
 };
-
 var StyledSvg = styled.svg.attrs(function (_ref2) {
   var height = _ref2.height,
-      width = _ref2.width,
-      fill = _ref2.fill;
+    width = _ref2.width,
+    fill = _ref2.fill;
   return {
     name: null,
     xmlns: 'http://www.w3.org/2000/svg',
@@ -29,7 +27,7 @@ var StyledSvg = styled.svg.attrs(function (_ref2) {
 })(["", ""], transform);
 var StyledPath = styled.path.attrs(function (_ref3) {
   var height = _ref3.height,
-      size = _ref3.size;
+    size = _ref3.size;
   return {
     size: null,
     fillRule: 'evenodd',
@@ -40,52 +38,43 @@ var StyledPath = styled.path.attrs(function (_ref3) {
   displayName: "Icon__StyledPath",
   componentId: "sc-6evbi1-1"
 })([""]);
-
 var customIcon = function customIcon(icon) {
   return {
     icon: icon,
     count: Math.floor(Math.random() * 1000)
   };
 };
-
 var findIcon = function findIcon(name, data, size) {
   // eslint-disable-next-line prefer-const
   var _ref4 = data ? customIcon(data) : get(name),
-      icon = _ref4.icon,
-      count = _ref4.count;
-
+    icon = _ref4.icon,
+    count = _ref4.count;
   if (size < 24) {
     var _icon$sizes;
-
     // fallback to normal icon if small is not made yet
     icon = ((_icon$sizes = icon.sizes) === null || _icon$sizes === void 0 ? void 0 : _icon$sizes.small) || icon;
   }
-
   return {
     icon: icon,
     count: count
   };
 };
-
 var Icon = /*#__PURE__*/forwardRef(function Icon(_ref5, ref) {
   var size = _ref5.size,
-      _ref5$color = _ref5.color,
-      color = _ref5$color === void 0 ? 'currentColor' : _ref5$color,
-      name = _ref5.name,
-      rotation = _ref5.rotation,
-      title = _ref5.title,
-      data = _ref5.data,
-      rest = _objectWithoutProperties(_ref5, _excluded);
-
+    _ref5$color = _ref5.color,
+    color = _ref5$color === void 0 ? 'currentColor' : _ref5$color,
+    name = _ref5.name,
+    rotation = _ref5.rotation,
+    title = _ref5.title,
+    data = _ref5.data,
+    rest = _objectWithoutProperties(_ref5, _excluded);
   // eslint-disable-next-line prefer-const
   var _findIcon = findIcon(name, data, size),
-      icon = _findIcon.icon,
-      count = _findIcon.count;
-
+    icon = _findIcon.icon,
+    count = _findIcon.count;
   if (typeof icon === 'undefined') {
     throw Error("Icon \"".concat(name, "\" not found. Have you added it using Icon.add() or using data props?"));
   }
-
   var height = size ? size : parseInt(icon.width);
   var width = size ? size : parseInt(icon.height);
   var svgProps = {
@@ -101,10 +90,10 @@ var Icon = /*#__PURE__*/forwardRef(function Icon(_ref5, ref) {
     d: icon.svgPathData,
     height: icon.height ? icon.height : size,
     size: size || icon.height
-  }; // Accessibility
+  };
 
+  // Accessibility
   var titleId = '';
-
   if (title) {
     titleId = "".concat(icon.prefix, "-").concat(icon.name, "-").concat(count);
     svgProps = _objectSpread(_objectSpread({}, svgProps), {}, {
@@ -114,7 +103,6 @@ var Icon = /*#__PURE__*/forwardRef(function Icon(_ref5, ref) {
       'aria-labelledby': titleId
     });
   }
-
   return /*#__PURE__*/jsxs(StyledSvg, _objectSpread(_objectSpread(_objectSpread({}, svgProps), rest), {}, {
     ref: ref,
     children: [title && /*#__PURE__*/jsx("title", {
@@ -124,6 +112,8 @@ var Icon = /*#__PURE__*/forwardRef(function Icon(_ref5, ref) {
       "data-testid": "eds-icon-path"
     }, pathProps))]
   }));
-}); // Icon.displayName = 'EdsIcon'
+});
+
+// Icon.displayName = 'EdsIcon'
 
 export { Icon };

package/dist/esm/components/Icon/library.js

@@ -4,7 +4,6 @@ var _icons = {};
 var count = 0;
 /** Add icons to library to be used for rendering using name.
 This needs to be done lonly once */
-
 var add = function add(icons) {
   _icons = _objectSpread(_objectSpread({}, _icons), icons);
 };

package/dist/esm/components/Input/Input.js

@@ -14,12 +14,11 @@ var Container = styled.div.withConfig({
   componentId: "sc-1ykv024-0"
 })(function (_ref) {
   var _entities$adornment, _entities$adornment$s;
-
   var token = _ref.token,
-      disabled = _ref.disabled,
-      readOnly = _ref.readOnly;
+    disabled = _ref.disabled,
+    readOnly = _ref.readOnly;
   var states = token.states,
-      entities = token.entities;
+    entities = token.entities;
   return css(["--eds-input-adornment-color:", ";--eds-input-color:", ";position:relative;height:", ";width:", ";display:flex;flex-direction:row;border:none;box-sizing:border-box;box-shadow:", ";background:", ";", " &:focus-within{--eds-input-adornment-color:", ";box-shadow:none;", "}", " ", ""], entities.adornment.typography.color, token.typography.color, token.height, token.width, token.boxShadow, token.background, outlineTemplate(token.outline), (_entities$adornment = entities.adornment) === null || _entities$adornment === void 0 ? void 0 : (_entities$adornment$s = _entities$adornment.states.focus) === null || _entities$adornment$s === void 0 ? void 0 : _entities$adornment$s.outline.color, outlineTemplate(states.focus.outline), disabled && css(["--eds-input-adornment-color:", ";--eds-input-color:", ";cursor:not-allowed;box-shadow:none;"], states.disabled.typography.color, states.disabled.typography.color), readOnly && css({
     background: states.readOnly.background,
     boxShadow: states.readOnly.boxShadow
@@ -30,8 +29,8 @@ var StyledInput = styled.input.withConfig({
   componentId: "sc-1ykv024-1"
 })(function (_ref2) {
   var token = _ref2.token,
-      paddingLeft = _ref2.paddingLeft,
-      paddingRight = _ref2.paddingRight;
+    paddingLeft = _ref2.paddingLeft,
+    paddingRight = _ref2.paddingRight;
   return css(["width:100%;border:none;background:transparent;", " ", " outline:none;padding-left:", ";padding-right:", ";&::placeholder{color:", ";}&:disabled{color:var(--eds-input-color);cursor:not-allowed;}"], spacingsTemplate(token.spacings), typographyMixin(token.typography), paddingLeft, paddingRight, token.entities.placeholder.typography.color);
 });
 var Adornments = styled.div.withConfig({
@@ -57,45 +56,37 @@ var RightAdornments = styled(Adornments).withConfig({
 });
 var Input = /*#__PURE__*/forwardRef(function Input(_ref6, ref) {
   var variant = _ref6.variant,
-      _ref6$disabled = _ref6.disabled,
-      disabled = _ref6$disabled === void 0 ? false : _ref6$disabled,
-      _ref6$type = _ref6.type,
-      type = _ref6$type === void 0 ? 'text' : _ref6$type,
-      leftAdornments = _ref6.leftAdornments,
-      rightAdornments = _ref6.rightAdornments,
-      readOnly = _ref6.readOnly,
-      className = _ref6.className,
-      style = _ref6.style,
-      leftAdornmentsProps = _ref6.leftAdornmentsProps,
-      rightAdornmentsProps = _ref6.rightAdornmentsProps,
-      leftAdornmentsWidth = _ref6.leftAdornmentsWidth,
-      rightAdornmentsWidth = _ref6.rightAdornmentsWidth,
-      other = _objectWithoutProperties(_ref6, _excluded);
-
+    _ref6$disabled = _ref6.disabled,
+    disabled = _ref6$disabled === void 0 ? false : _ref6$disabled,
+    _ref6$type = _ref6.type,
+    type = _ref6$type === void 0 ? 'text' : _ref6$type,
+    leftAdornments = _ref6.leftAdornments,
+    rightAdornments = _ref6.rightAdornments,
+    readOnly = _ref6.readOnly,
+    className = _ref6.className,
+    style = _ref6.style,
+    leftAdornmentsProps = _ref6.leftAdornmentsProps,
+    rightAdornmentsProps = _ref6.rightAdornmentsProps,
+    leftAdornmentsWidth = _ref6.leftAdornmentsWidth,
+    rightAdornmentsWidth = _ref6.rightAdornmentsWidth,
+    other = _objectWithoutProperties(_ref6, _excluded);
   var inputVariant = inputToken[variant] ? inputToken[variant] : inputToken.input;
-
   var _useEds = useEds(),
-      density = _useEds.density;
-
+    density = _useEds.density;
   var _token = useToken({
     density: density
   }, inputVariant)();
-
   var _useState = useState(),
-      _useState2 = _slicedToArray(_useState, 2),
-      rightAdornmentsRef = _useState2[0],
-      setRightAdornmentsRef = _useState2[1];
-
+    _useState2 = _slicedToArray(_useState, 2),
+    rightAdornmentsRef = _useState2[0],
+    setRightAdornmentsRef = _useState2[1];
   var _useState3 = useState(),
-      _useState4 = _slicedToArray(_useState3, 2),
-      leftAdornmentsRef = _useState4[0],
-      setLeftAdornmentsRef = _useState4[1];
-
+    _useState4 = _slicedToArray(_useState3, 2),
+    leftAdornmentsRef = _useState4[0],
+    setLeftAdornmentsRef = _useState4[1];
   var token = useCallback(function () {
     var _leftAdornmentsWidth = leftAdornmentsWidth || (leftAdornmentsRef ? leftAdornmentsRef.clientWidth : 0);
-
     var _rightAdornmentsWidth = rightAdornmentsWidth || (rightAdornmentsRef ? rightAdornmentsRef.clientWidth : 0);
-
     return _objectSpread(_objectSpread({}, _token), {}, {
       spacings: _objectSpread(_objectSpread({}, _token.spacings), {}, {
         left: "".concat(_leftAdornmentsWidth + parseInt(_token.spacings.left), "px"),
@@ -103,7 +94,6 @@ var Input = /*#__PURE__*/forwardRef(function Input(_ref6, ref) {
       })
     });
   }, [leftAdornmentsWidth, leftAdornmentsRef, rightAdornmentsWidth, rightAdornmentsRef, _token])();
-
   var inputProps = _objectSpread({
     ref: ref,
     type: type,
@@ -114,7 +104,6 @@ var Input = /*#__PURE__*/forwardRef(function Input(_ref6, ref) {
       resize: 'none'
     }
   }, other);
-
   var containerProps = {
     disabled: disabled,
     readOnly: readOnly,
@@ -122,17 +111,14 @@ var Input = /*#__PURE__*/forwardRef(function Input(_ref6, ref) {
     style: style,
     token: token
   };
-
   var _leftAdornmentProps = _objectSpread(_objectSpread({}, leftAdornmentsProps), {}, {
     ref: setLeftAdornmentsRef,
     token: token
   });
-
   var _rightAdornmentProps = _objectSpread(_objectSpread({}, rightAdornmentsProps), {}, {
     ref: setRightAdornmentsRef,
     token: token
   });
-
   return (
     /*#__PURE__*/
     // Not using <ThemeProvider> because of cascading styling messing with adornments

package/dist/esm/components/Input/Input.tokens.js

@@ -3,24 +3,24 @@ import { tokens as tokens$1 } from '@equinor/eds-tokens';
 import mergeDeepRight from '../../node_modules/.pnpm/ramda@0.28.0/node_modules/ramda/es/mergeDeepRight.js';
 
 var _tokens$colors = tokens$1.colors,
-    background = _tokens$colors.ui.background__light.rgba,
-    _tokens$colors$text = _tokens$colors.text,
-    static_icons__default = _tokens$colors$text.static_icons__default,
-    static_icons__tertiary = _tokens$colors$text.static_icons__tertiary,
-    _tokens$colors$intera = _tokens$colors.interactive,
-    disabled__text = _tokens$colors$intera.disabled__text,
-    primary__resting = _tokens$colors$intera.primary__resting,
-    danger__resting = _tokens$colors$intera.danger__resting,
-    danger__hover = _tokens$colors$intera.danger__hover,
-    warning__resting = _tokens$colors$intera.warning__resting,
-    warning__hover = _tokens$colors$intera.warning__hover,
-    success__resting = _tokens$colors$intera.success__resting,
-    success__hover = _tokens$colors$intera.success__hover,
-    _tokens$spacings$comf = tokens$1.spacings.comfortable,
-    small = _tokens$spacings$comf.small,
-    x_small = _tokens$spacings$comf.x_small,
-    typography = tokens$1.typography,
-    shape = tokens$1.shape;
+  background = _tokens$colors.ui.background__light.rgba,
+  _tokens$colors$text = _tokens$colors.text,
+  static_icons__default = _tokens$colors$text.static_icons__default,
+  static_icons__tertiary = _tokens$colors$text.static_icons__tertiary,
+  _tokens$colors$intera = _tokens$colors.interactive,
+  disabled__text = _tokens$colors$intera.disabled__text,
+  primary__resting = _tokens$colors$intera.primary__resting,
+  danger__resting = _tokens$colors$intera.danger__resting,
+  danger__hover = _tokens$colors$intera.danger__hover,
+  warning__resting = _tokens$colors$intera.warning__resting,
+  warning__hover = _tokens$colors$intera.warning__hover,
+  success__resting = _tokens$colors$intera.success__resting,
+  success__hover = _tokens$colors$intera.success__hover,
+  _tokens$spacings$comf = tokens$1.spacings.comfortable,
+  small = _tokens$spacings$comf.small,
+  x_small = _tokens$spacings$comf.x_small,
+  typography = tokens$1.typography,
+  shape = tokens$1.shape;
 var input = {
   height: shape.straight.minHeight,
   width: '100%',

package/dist/esm/components/InputWrapper/HelperText/HelperText.js

@@ -27,15 +27,13 @@ var Text = styled.p.withConfig({
 })(["margin:0;", ";"], typographyMixin(helperText.typography));
 var TextfieldHelperText = /*#__PURE__*/forwardRef(function TextfieldHelperText(_ref2, ref) {
   var text = _ref2.text,
-      icon = _ref2.icon,
-      _ref2$color = _ref2.color,
-      color = _ref2$color === void 0 ? helperText.typography.color : _ref2$color,
-      rest = _objectWithoutProperties(_ref2, _excluded);
-
+    icon = _ref2.icon,
+    _ref2$color = _ref2.color,
+    color = _ref2$color === void 0 ? helperText.typography.color : _ref2$color,
+    rest = _objectWithoutProperties(_ref2, _excluded);
   if (!text) {
     return null;
   }
-
   return /*#__PURE__*/jsxs(Container, _objectSpread(_objectSpread({}, _objectSpread(_objectSpread({}, rest), {}, {
     color: color,
     ref: ref

package/dist/esm/components/InputWrapper/HelperText/HelperText.token.js

@@ -2,8 +2,8 @@ import _objectSpread from '@babel/runtime/helpers/objectSpread2';
 import { tokens } from '@equinor/eds-tokens';
 
 var colors = tokens.colors,
-    comfortable = tokens.spacings.comfortable,
-    typography = tokens.typography;
+  comfortable = tokens.spacings.comfortable,
+  typography = tokens.typography;
 var helperText = {
   background: colors.ui.background__light.hex,
   typography: _objectSpread(_objectSpread({}, typography.input.helper), {}, {

package/dist/esm/components/InputWrapper/InputWrapper.js

@@ -22,22 +22,19 @@ var Label = styled(Label$1).withConfig({
   displayName: "InputWrapper__Label",
   componentId: "sc-v6o9z1-2"
 })(["margin-left:8px;margin-right:8px;"]);
-
 /** InputWrapper is a internal skeleton component for structuring input elements  */
 var InputWrapper = /*#__PURE__*/forwardRef(function InputWrapper(_ref, ref) {
   var children = _ref.children,
-      color = _ref.color,
-      label = _ref.label,
-      _ref$labelProps = _ref.labelProps,
-      labelProps = _ref$labelProps === void 0 ? {} : _ref$labelProps,
-      _ref$helperProps = _ref.helperProps,
-      helperProps = _ref$helperProps === void 0 ? {} : _ref$helperProps,
-      helperIcon = _ref.helperIcon,
-      other = _objectWithoutProperties(_ref, _excluded);
-
+    color = _ref.color,
+    label = _ref.label,
+    _ref$labelProps = _ref.labelProps,
+    labelProps = _ref$labelProps === void 0 ? {} : _ref$labelProps,
+    _ref$helperProps = _ref.helperProps,
+    helperProps = _ref$helperProps === void 0 ? {} : _ref$helperProps,
+    helperIcon = _ref.helperIcon,
+    other = _objectWithoutProperties(_ref, _excluded);
   var _useEds = useEds(),
-      density = _useEds.density;
-
+    density = _useEds.density;
   var actualVariant = color || 'input';
   var inputToken$1 = inputToken[actualVariant];
   var token = useToken({
@@ -45,7 +42,6 @@ var InputWrapper = /*#__PURE__*/forwardRef(function InputWrapper(_ref, ref) {
   }, inputToken$1);
   var helperTextColor = useCallback(function () {
     var _token = token();
-
     return other.disabled ? _token.entities.helperText.states.disabled.typography.color : _token.entities.helperText.typography.color;
   }, [token, other.disabled])();
   var hasHelperText = Boolean(helperProps === null || helperProps === void 0 ? void 0 : helperProps.text);

package/dist/esm/components/InputWrapper/InputWrapper.tokens.js

@@ -3,24 +3,24 @@ import { tokens } from '@equinor/eds-tokens';
 import mergeDeepRight from '../../node_modules/.pnpm/ramda@0.28.0/node_modules/ramda/es/mergeDeepRight.js';
 
 var _tokens$colors = tokens.colors,
-    background = _tokens$colors.ui.background__light.rgba,
-    _tokens$colors$text = _tokens$colors.text,
-    static_icons__default = _tokens$colors$text.static_icons__default,
-    static_icons__tertiary = _tokens$colors$text.static_icons__tertiary,
-    _tokens$colors$intera = _tokens$colors.interactive,
-    disabled__text = _tokens$colors$intera.disabled__text,
-    primary__resting = _tokens$colors$intera.primary__resting,
-    danger__resting = _tokens$colors$intera.danger__resting,
-    danger__hover = _tokens$colors$intera.danger__hover,
-    warning__resting = _tokens$colors$intera.warning__resting,
-    warning__hover = _tokens$colors$intera.warning__hover,
-    success__resting = _tokens$colors$intera.success__resting,
-    success__hover = _tokens$colors$intera.success__hover,
-    _tokens$spacings$comf = tokens.spacings.comfortable,
-    small = _tokens$spacings$comf.small,
-    x_small = _tokens$spacings$comf.x_small,
-    typography = tokens.typography,
-    shape = tokens.shape;
+  background = _tokens$colors.ui.background__light.rgba,
+  _tokens$colors$text = _tokens$colors.text,
+  static_icons__default = _tokens$colors$text.static_icons__default,
+  static_icons__tertiary = _tokens$colors$text.static_icons__tertiary,
+  _tokens$colors$intera = _tokens$colors.interactive,
+  disabled__text = _tokens$colors$intera.disabled__text,
+  primary__resting = _tokens$colors$intera.primary__resting,
+  danger__resting = _tokens$colors$intera.danger__resting,
+  danger__hover = _tokens$colors$intera.danger__hover,
+  warning__resting = _tokens$colors$intera.warning__resting,
+  warning__hover = _tokens$colors$intera.warning__hover,
+  success__resting = _tokens$colors$intera.success__resting,
+  success__hover = _tokens$colors$intera.success__hover,
+  _tokens$spacings$comf = tokens.spacings.comfortable,
+  small = _tokens$spacings$comf.small,
+  x_small = _tokens$spacings$comf.x_small,
+  typography = tokens.typography,
+  shape = tokens.shape;
 var input = {
   minHeight: shape.straight.minHeight,
   background: background,

package/dist/esm/components/Label/Label.js

@@ -20,15 +20,13 @@ var Text = styled.span.withConfig({
 })(["margin:0;"]);
 var Label = /*#__PURE__*/forwardRef(function Label(props, ref) {
   var _props$label = props.label,
-      label = _props$label === void 0 ? '' : _props$label,
-      meta = props.meta,
-      _props$disabled = props.disabled,
-      disabled = _props$disabled === void 0 ? false : _props$disabled,
-      other = _objectWithoutProperties(props, _excluded);
-
+    label = _props$label === void 0 ? '' : _props$label,
+    meta = props.meta,
+    _props$disabled = props.disabled,
+    disabled = _props$disabled === void 0 ? false : _props$disabled,
+    other = _objectWithoutProperties(props, _excluded);
   return (
     /*#__PURE__*/
-
     /*  @TODO: Other props spread has to be at the end for downshift to create the for attribute */
     jsxs(LabelBase, _objectSpread(_objectSpread({
       ref: ref,
@@ -41,6 +39,8 @@ var Label = /*#__PURE__*/forwardRef(function Label(props, ref) {
       })]
     }))
   );
-}); // Label.displayName = 'eds-text-field-label'
+});
+
+// Label.displayName = 'eds-text-field-label'
 
 export { Label };

package/dist/esm/components/Label/Label.tokens.js

@@ -2,8 +2,8 @@ import _objectSpread from '@babel/runtime/helpers/objectSpread2';
 import { tokens } from '@equinor/eds-tokens';
 
 var colors = tokens.colors,
-    comfortable = tokens.spacings.comfortable,
-    typography = tokens.typography;
+  comfortable = tokens.spacings.comfortable,
+  typography = tokens.typography;
 var label = {
   background: colors.ui.background__light.rgba,
   typography: _objectSpread(_objectSpread({}, typography.input.label), {}, {

package/dist/esm/components/List/List.js

@@ -17,10 +17,9 @@ var StyledList = styled.ul.withConfig({
 }, typographyTemplate(typography));
 var List = /*#__PURE__*/forwardRef(function List(_ref2, ref) {
   var children = _ref2.children,
-      _ref2$variant = _ref2.variant,
-      variant = _ref2$variant === void 0 ? 'bullet' : _ref2$variant,
-      props = _objectWithoutProperties(_ref2, _excluded);
-
+    _ref2$variant = _ref2.variant,
+    variant = _ref2$variant === void 0 ? 'bullet' : _ref2$variant,
+    props = _objectWithoutProperties(_ref2, _excluded);
   var as = variant === 'numbered' ? 'ol' : 'ul';
   return /*#__PURE__*/jsx(StyledList, _objectSpread(_objectSpread({
     as: as,
@@ -28,6 +27,6 @@ var List = /*#__PURE__*/forwardRef(function List(_ref2, ref) {
   }, props), {}, {
     children: children
   }));
-}); // List.displayName = 'List'
+});
 
 export { List };

package/dist/esm/components/List/ListItem.js

@@ -6,12 +6,11 @@ import { jsx } from 'react/jsx-runtime';
 var _excluded = ["children"];
 var ListItem = /*#__PURE__*/forwardRef(function ListItem(_ref, ref) {
   var children = _ref.children,
-      props = _objectWithoutProperties(_ref, _excluded);
-
+    props = _objectWithoutProperties(_ref, _excluded);
   return /*#__PURE__*/jsx("li", _objectSpread(_objectSpread({}, props), {}, {
     ref: ref,
     children: children
   }));
-}); // ListItem.displayName = 'ListItem'
+});
 
 export { ListItem };