@equinor/eds-core-react 0.26.0 → 0.27.0

package/dist/esm/components/Popover/Popover.js

@@ -42,55 +42,49 @@ var PopoverArrow = styled.svg.withConfig({
 });
 var Popover = /*#__PURE__*/forwardRef(function Popover(_ref5, ref) {
   var children = _ref5.children,
-      _ref5$placement = _ref5.placement,
-      placement = _ref5$placement === void 0 ? 'bottom' : _ref5$placement,
-      anchorEl = _ref5.anchorEl,
-      style = _ref5.style,
-      open = _ref5.open,
-      onClose = _ref5.onClose,
-      withinPortal = _ref5.withinPortal,
-      trapFocus = _ref5.trapFocus,
-      rest = _objectWithoutProperties(_ref5, _excluded);
-
+    _ref5$placement = _ref5.placement,
+    placement = _ref5$placement === void 0 ? 'bottom' : _ref5$placement,
+    anchorEl = _ref5.anchorEl,
+    style = _ref5.style,
+    open = _ref5.open,
+    onClose = _ref5.onClose,
+    withinPortal = _ref5.withinPortal,
+    trapFocus = _ref5.trapFocus,
+    rest = _objectWithoutProperties(_ref5, _excluded);
   var arrowRef = useRef(null);
-
   var _useFloating = useFloating({
-    placement: placement,
-    open: open,
-    onOpenChange: onClose,
-    middleware: [offset(14), flip(), shift({
-      padding: 8
-    }), arrow({
-      element: arrowRef
-    })],
-    whileElementsMounted: autoUpdate
-  }),
-      x = _useFloating.x,
-      y = _useFloating.y,
-      reference = _useFloating.reference,
-      floating = _useFloating.floating,
-      strategy = _useFloating.strategy,
-      context = _useFloating.context,
-      _useFloating$middlewa = _useFloating.middlewareData.arrow;
-
+      placement: placement,
+      open: open,
+      onOpenChange: onClose,
+      middleware: [offset(14), flip(), shift({
+        padding: 8
+      }), arrow({
+        element: arrowRef
+      })],
+      whileElementsMounted: autoUpdate
+    }),
+    x = _useFloating.x,
+    y = _useFloating.y,
+    reference = _useFloating.reference,
+    floating = _useFloating.floating,
+    strategy = _useFloating.strategy,
+    context = _useFloating.context,
+    _useFloating$middlewa = _useFloating.middlewareData.arrow;
   _useFloating$middlewa = _useFloating$middlewa === void 0 ? {} : _useFloating$middlewa;
   var arrowX = _useFloating$middlewa.x,
-      arrowY = _useFloating$middlewa.y,
-      finalPlacement = _useFloating.placement;
+    arrowY = _useFloating$middlewa.y,
+    finalPlacement = _useFloating.placement;
   useEffect(function () {
     reference(anchorEl);
   }, [anchorEl, reference]);
   var popoverRef = useMemo(function () {
     return mergeRefs(floating, ref);
   }, [floating, ref]);
-
   var _useInteractions = useInteractions([useDismiss(context)]),
-      getFloatingProps = _useInteractions.getFloatingProps;
-
+    getFloatingProps = _useInteractions.getFloatingProps;
   useEffect(function () {
     if (arrowRef.current) {
       var _Object$assign;
-
       var staticSide = {
         top: 'bottom',
         right: 'left',
@@ -98,46 +92,37 @@ var Popover = /*#__PURE__*/forwardRef(function Popover(_ref5, ref) {
         left: 'right'
       }[finalPlacement.split('-')[0]];
       var arrowTransform = 'none';
-
       switch (staticSide) {
         case 'right':
           arrowTransform = 'rotateY(180deg)';
           break;
-
         case 'left':
           arrowTransform = 'none';
           break;
-
         case 'top':
           arrowTransform = 'rotate(90deg)';
           break;
-
         case 'bottom':
           arrowTransform = 'rotate(-90deg)';
           break;
       }
-
       Object.assign(arrowRef.current.style, (_Object$assign = {
         left: arrowX != null ? "".concat(arrowX, "px") : '',
         top: arrowY != null ? "".concat(arrowY, "px") : '',
         right: '',
         bottom: ''
       }, _defineProperty(_Object$assign, staticSide, '-6px'), _defineProperty(_Object$assign, "transform", arrowTransform), _Object$assign));
-    } // eslint-disable-next-line react-hooks/exhaustive-deps
-
+    }
+    // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [arrowRef.current, arrowX, arrowY, finalPlacement]);
-
   var props = _objectSpread({
     open: open
   }, rest);
-
   var _useEds = useEds(),
-      density = _useEds.density;
-
+    density = _useEds.density;
   var token = useToken({
     density: density
   }, popover);
-
   var popover$1 = /*#__PURE__*/jsx(ThemeProvider, {
     theme: token,
     children: /*#__PURE__*/jsxs(PopoverPaper, _objectSpread(_objectSpread(_objectSpread({
@@ -164,7 +149,6 @@ var Popover = /*#__PURE__*/forwardRef(function Popover(_ref5, ref) {
       })]
     }))
   });
-
   return /*#__PURE__*/jsx(Fragment, {
     children: withinPortal ? /*#__PURE__*/jsx(FloatingPortal, {
       id: "eds-popover-container",

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

@@ -1,14 +1,14 @@
 import { tokens } from '@equinor/eds-tokens';
 
 var header = tokens.typography.ui.accordion_header,
-    _tokens$colors = tokens.colors,
-    background = _tokens$colors.ui.background__default.rgba,
-    focusOutlineColor = _tokens$colors.interactive.focus.rgba,
-    _tokens$spacings$comf = tokens.spacings.comfortable,
-    spacingMedium = _tokens$spacings$comf.medium,
-    spacingSmall = _tokens$spacings$comf.small,
-    borderRadius = tokens.shape.corners.borderRadius,
-    focusOutlineWidth = tokens.interactions.focused.width;
+  _tokens$colors = tokens.colors,
+  background = _tokens$colors.ui.background__default.rgba,
+  focusOutlineColor = _tokens$colors.interactive.focus.rgba,
+  _tokens$spacings$comf = tokens.spacings.comfortable,
+  spacingMedium = _tokens$spacings$comf.medium,
+  spacingSmall = _tokens$spacings$comf.small,
+  borderRadius = tokens.shape.corners.borderRadius,
+  focusOutlineWidth = tokens.interactions.focused.width;
 var popover = {
   background: background,
   typography: header,

package/dist/esm/components/Popover/PopoverActions.js

@@ -14,12 +14,10 @@ var StyledPopoverActions = styled.div.withConfig({
 });
 var PopoverActions = /*#__PURE__*/forwardRef(function PopoverActions(_ref2, ref) {
   var children = _ref2.children,
-      rest = _objectWithoutProperties(_ref2, _excluded);
-
+    rest = _objectWithoutProperties(_ref2, _excluded);
   var props = _objectSpread({
     ref: ref
   }, rest);
-
   return /*#__PURE__*/jsx(StyledPopoverActions, _objectSpread(_objectSpread({}, props), {}, {
     children: children
   }));

package/dist/esm/components/Popover/PopoverContent.js

@@ -14,15 +14,15 @@ var ContentWrapper = styled.div.withConfig({
 });
 var PopoverContent = /*#__PURE__*/forwardRef(function PopoverContent(_ref2, ref) {
   var children = _ref2.children,
-      rest = _objectWithoutProperties(_ref2, _excluded);
-
+    rest = _objectWithoutProperties(_ref2, _excluded);
   var props = _objectSpread(_objectSpread({}, rest), {}, {
     ref: ref
   });
-
   return /*#__PURE__*/jsx(ContentWrapper, _objectSpread(_objectSpread({}, props), {}, {
     children: children
   }));
-}); // PopoverContent.displayName = 'eds-popover-content'
+});
+
+// PopoverContent.displayName = 'eds-popover-content'
 
 export { PopoverContent };

package/dist/esm/components/Popover/PopoverHeader.js

@@ -19,12 +19,10 @@ var StyledDivider = styled(Divider).withConfig({
 })(["margin-bottom:0;"]);
 var PopoverHeader = /*#__PURE__*/forwardRef(function PopoverHeader(_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(StyledPopoverHeader, {
       children: children

package/dist/esm/components/Popover/PopoverTitle.js

@@ -14,12 +14,10 @@ var StyledPopoverTitle = styled.div.withConfig({
 });
 var PopoverTitle = /*#__PURE__*/forwardRef(function PopoverTitle(_ref2, ref) {
   var children = _ref2.children,
-      rest = _objectWithoutProperties(_ref2, _excluded);
-
+    rest = _objectWithoutProperties(_ref2, _excluded);
   var props = _objectSpread(_objectSpread({}, rest), {}, {
     ref: ref
   });
-
   return /*#__PURE__*/jsx(StyledPopoverTitle, _objectSpread(_objectSpread({}, props), {}, {
     children: children
   }));

package/dist/esm/components/Progress/Circular/CircularProgress.js

@@ -27,12 +27,10 @@ var ProgressCircle = styled.circle.withConfig({
   displayName: "CircularProgress__ProgressCircle",
   componentId: "sc-hib054-3"
 })([""]);
-
 var getToken = function getToken(color) {
   if (CircularProgress_tokens[color]) {
     return CircularProgress_tokens[color];
   }
-
   return {
     background: 'transparent',
     entities: {
@@ -42,51 +40,41 @@ var getToken = function getToken(color) {
     }
   };
 };
-
 var CircularProgress = /*#__PURE__*/forwardRef(function CircularProgress(_ref2, ref) {
   var _ref2$variant = _ref2.variant,
-      variant = _ref2$variant === void 0 ? 'indeterminate' : _ref2$variant,
-      _ref2$value = _ref2.value,
-      value = _ref2$value === void 0 ? null : _ref2$value,
-      _ref2$size = _ref2.size,
-      size = _ref2$size === void 0 ? 48 : _ref2$size,
-      _ref2$color = _ref2.color,
-      color = _ref2$color === void 0 ? 'primary' : _ref2$color,
-      rest = _objectWithoutProperties(_ref2, _excluded);
-
+    variant = _ref2$variant === void 0 ? 'indeterminate' : _ref2$variant,
+    _ref2$value = _ref2.value,
+    value = _ref2$value === void 0 ? null : _ref2$value,
+    _ref2$size = _ref2.size,
+    size = _ref2$size === void 0 ? 48 : _ref2$size,
+    _ref2$color = _ref2.color,
+    color = _ref2$color === void 0 ? 'primary' : _ref2$color,
+    rest = _objectWithoutProperties(_ref2, _excluded);
   var thickness = 4;
   var progress = Math.round(value);
   var trackStyle = {};
-
   var props = _objectSpread(_objectSpread({}, rest), {}, {
     ref: ref,
     variant: variant
   });
-
   var token = getToken(color);
-
   var _useState = useState(0),
-      _useState2 = _slicedToArray(_useState, 2),
-      srProgress = _useState2[0],
-      setSrProgress = _useState2[1];
-
+    _useState2 = _slicedToArray(_useState, 2),
+    srProgress = _useState2[0],
+    setSrProgress = _useState2[1];
   var circumference = 2 * Math.PI * ((48 - thickness) / 2);
-
   if (variant === 'determinate') {
     trackStyle.stroke = circumference.toFixed(3);
     trackStyle.strokeDashoffset = "".concat(((100 - progress) / 100 * circumference).toFixed(3), "px");
     props['aria-valuenow'] = progress;
-
     if (value !== undefined) {
       props['aria-valuenow'] = progress;
       props['aria-valuemin'] = 0;
       props['aria-valuemax'] = 100;
     }
   }
-
   useEffect(function () {
     if (variant === 'indeterminate') return;
-
     if (progress >= 25 && progress < 50) {
       setSrProgress(25);
     } else if (progress >= 50 && progress < 75) {
@@ -97,11 +85,9 @@ var CircularProgress = /*#__PURE__*/forwardRef(function CircularProgress(_ref2,
       setSrProgress(100);
     }
   }, [progress, variant]);
-
   var getProgressFormatted = function getProgressFormatted() {
     return "Loading ".concat(srProgress, "%");
   };
-
   return /*#__PURE__*/jsxs(Fragment, {
     children: [/*#__PURE__*/jsxs(Svg, _objectSpread(_objectSpread({}, props), {}, {
       viewBox: "24 24 48 48",
@@ -132,6 +118,6 @@ var CircularProgress = /*#__PURE__*/forwardRef(function CircularProgress(_ref2,
       children: getProgressFormatted()
     })]
   });
-}); // CircularProgress.displayName = 'eds-circular-progress'
+});
 
 export { CircularProgress };

package/dist/esm/components/Progress/Circular/CircularProgress.tokens.js

@@ -1,11 +1,11 @@
 import { tokens as tokens$1 } from '@equinor/eds-tokens';
 
 var _tokens$colors = tokens$1.colors,
-    _tokens$colors$infogr = _tokens$colors.infographic,
-    primary13 = _tokens$colors$infogr.primary__moss_green_13.rgba,
-    primary100 = _tokens$colors$infogr.primary__moss_green_100.rgba,
-    icon_on_interactive_colors = _tokens$colors.interactive.icon_on_interactive_colors.rgba,
-    background__semitransparent = _tokens$colors.ui.background__semitransparent.rgba;
+  _tokens$colors$infogr = _tokens$colors.infographic,
+  primary13 = _tokens$colors$infogr.primary__moss_green_13.rgba,
+  primary100 = _tokens$colors$infogr.primary__moss_green_100.rgba,
+  icon_on_interactive_colors = _tokens$colors.interactive.icon_on_interactive_colors.rgba,
+  background__semitransparent = _tokens$colors.ui.background__semitransparent.rgba;
 var primary = {
   background: primary13,
   entities: {

package/dist/esm/components/Progress/Dots/DotProgress.js

@@ -14,27 +14,22 @@ var Svg = styled.svg.withConfig({
   var color = _ref.color;
   return color;
 }, opacity, opacity, opacity);
-
 var getColor = function getColor(color) {
   if (DotProgress_tokens[color]) {
     return DotProgress_tokens[color].background;
   }
-
   return color;
 };
-
 var DotProgress = /*#__PURE__*/forwardRef(function DotProgress(_ref2, ref) {
   var _ref2$color = _ref2.color,
-      color = _ref2$color === void 0 ? 'neutral' : _ref2$color,
-      _ref2$size = _ref2.size,
-      size = _ref2$size === void 0 ? 32 : _ref2$size,
-      rest = _objectWithoutProperties(_ref2, _excluded);
-
+    color = _ref2$color === void 0 ? 'neutral' : _ref2$color,
+    _ref2$size = _ref2.size,
+    size = _ref2$size === void 0 ? 32 : _ref2$size,
+    rest = _objectWithoutProperties(_ref2, _excluded);
   var props = _objectSpread(_objectSpread({}, rest), {}, {
     color: getColor(color),
     ref: ref
   });
-
   var height = size / 4;
   var width = size;
   return /*#__PURE__*/jsxs(Svg, _objectSpread(_objectSpread({}, props), {}, {

package/dist/esm/components/Progress/Dots/DotProgress.tokens.js

@@ -1,10 +1,10 @@
 import { tokens as tokens$1 } from '@equinor/eds-tokens';
 
 var _tokens$colors = tokens$1.colors,
-    primary100 = _tokens$colors.infographic.primary__moss_green_100.rgba,
-    _tokens$colors$intera = _tokens$colors.interactive,
-    icon_on_interactive_colors = _tokens$colors$intera.icon_on_interactive_colors.rgba,
-    danger_resting = _tokens$colors$intera.danger__resting.rgba;
+  primary100 = _tokens$colors.infographic.primary__moss_green_100.rgba,
+  _tokens$colors$intera = _tokens$colors.interactive,
+  icon_on_interactive_colors = _tokens$colors$intera.icon_on_interactive_colors.rgba,
+  danger_resting = _tokens$colors$intera.danger__resting.rgba;
 var primary = {
   background: primary100
 };

package/dist/esm/components/Progress/Linear/LinearProgress.js

@@ -26,22 +26,18 @@ var SrOnlyOutput = styled.output.withConfig({
 })(["position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0;"]);
 var LinearProgress = /*#__PURE__*/forwardRef(function LinearProgress(_ref, ref) {
   var _ref$variant = _ref.variant,
-      variant = _ref$variant === void 0 ? 'indeterminate' : _ref$variant,
-      _ref$value = _ref.value,
-      value = _ref$value === void 0 ? null : _ref$value,
-      rest = _objectWithoutProperties(_ref, _excluded);
-
+    variant = _ref$variant === void 0 ? 'indeterminate' : _ref$variant,
+    _ref$value = _ref.value,
+    value = _ref$value === void 0 ? null : _ref$value,
+    rest = _objectWithoutProperties(_ref, _excluded);
   var props = _objectSpread(_objectSpread({}, rest), {}, {
     ref: ref
   });
-
   var _useState = useState(0),
-      _useState2 = _slicedToArray(_useState, 2),
-      srProgress = _useState2[0],
-      setSrProgress = _useState2[1];
-
+    _useState2 = _slicedToArray(_useState, 2),
+    srProgress = _useState2[0],
+    setSrProgress = _useState2[1];
   var barStyle;
-
   if (variant === 'determinate') {
     if (value !== undefined) {
       props['aria-valuenow'] = Math.round(value);
@@ -51,13 +47,11 @@ var LinearProgress = /*#__PURE__*/forwardRef(function LinearProgress(_ref, ref)
       barStyle = "translateX(".concat(transform, "%)");
     }
   }
-
   var transformStyle = {
     transform: barStyle
   };
   useEffect(function () {
     if (variant === 'indeterminate') return;
-
     if (value >= 25 && value < 50) {
       setSrProgress(25);
     } else if (value >= 50 && value < 75) {
@@ -68,11 +62,9 @@ var LinearProgress = /*#__PURE__*/forwardRef(function LinearProgress(_ref, ref)
       setSrProgress(100);
     }
   }, [value, variant]);
-
   var getProgressFormatted = function getProgressFormatted() {
     return "Loading ".concat(srProgress, "%");
   };
-
   return /*#__PURE__*/jsxs(Fragment, {
     children: [/*#__PURE__*/jsx(Track, _objectSpread(_objectSpread({}, props), {}, {
       role: "progressbar",
@@ -83,6 +75,6 @@ var LinearProgress = /*#__PURE__*/forwardRef(function LinearProgress(_ref, ref)
       children: getProgressFormatted()
     })]
   });
-}); // LinearProgress.displayName = 'eds-linear-progress'
+});
 
 export { LinearProgress };

package/dist/esm/components/Progress/Linear/LinearProgress.tokens.js

@@ -1,8 +1,8 @@
 import { tokens } from '@equinor/eds-tokens';
 
 var _tokens$colors$infogr = tokens.colors.infographic,
-    primary13 = _tokens$colors$infogr.primary__moss_green_13.rgba,
-    primary100 = _tokens$colors$infogr.primary__moss_green_100.rgba;
+  primary13 = _tokens$colors$infogr.primary__moss_green_13.rgba,
+  primary100 = _tokens$colors$infogr.primary__moss_green_100.rgba;
 var primary = {
   background: primary13,
   entities: {

package/dist/esm/components/Progress/Star/StarProgress.js

@@ -13,28 +13,25 @@ var Svg = styled.svg.withConfig({
   componentId: "sc-c0byj9-0"
 })(["fill:", ";", ""], token.background, function (_ref) {
   var variant = _ref.variant,
-      progress = _ref.progress;
+    progress = _ref.progress;
   return variant === 'indeterminate' ? css(["path{&:nth-child(1){animation:", " 1.3s linear infinite;}&:nth-child(2){animation:", " 1.3s linear 0.3s infinite;}&:nth-child(3){animation:", " 1.3s linear 0.4s infinite;}&:nth-child(4){animation:", " 1.3s linear 0.6s infinite;}&:nth-child(5){animation:", " 1.3s linear 0.8s infinite;}&:nth-child(6){animation:", " 1.3s linear 1s infinite;}}"], indeterminate, indeterminate, indeterminate, indeterminate, indeterminate, indeterminate) : css(["path{animation:", " 1.3s linear;&:nth-child(6){animation-play-state:", ";}&:nth-child(5){animation-play-state:", ";}&:nth-child(4){animation-play-state:", ";}&:nth-child(3){animation-play-state:", ";}&:nth-child(2){animation-play-state:", ";}&:nth-child(1){animation-play-state:", ";}}"], determinate, progress > 90 ? 'running' : 'paused', progress > 80 ? 'running' : 'paused', progress > 60 ? 'running' : 'paused', progress > 40 ? 'running' : 'paused', progress > 20 ? 'running' : 'paused', progress <= 20 ? 'running' : 'paused');
 });
 var StarProgress = /*#__PURE__*/forwardRef(function StarProgress(_ref2, ref) {
   var _ref2$variant = _ref2.variant,
-      variant = _ref2$variant === void 0 ? 'indeterminate' : _ref2$variant,
-      _ref2$value = _ref2.value,
-      value = _ref2$value === void 0 ? null : _ref2$value,
-      _ref2$size = _ref2.size,
-      size = _ref2$size === void 0 ? 48 : _ref2$size,
-      rest = _objectWithoutProperties(_ref2, _excluded);
-
+    variant = _ref2$variant === void 0 ? 'indeterminate' : _ref2$variant,
+    _ref2$value = _ref2.value,
+    value = _ref2$value === void 0 ? null : _ref2$value,
+    _ref2$size = _ref2.size,
+    size = _ref2$size === void 0 ? 48 : _ref2$size,
+    rest = _objectWithoutProperties(_ref2, _excluded);
   var progress = Math.round(value);
   var height = size * 1.2;
   var width = size;
-
   var props = _objectSpread(_objectSpread({}, rest), {}, {
     ref: ref,
     variant: variant,
     progress: progress
   });
-
   if (variant === 'determinate') {
     if (value !== undefined) {
       props['aria-valuenow'] = progress;
@@ -42,7 +39,6 @@ var StarProgress = /*#__PURE__*/forwardRef(function StarProgress(_ref2, ref) {
       props['aria-valuemax'] = 100;
     }
   }
-
   return /*#__PURE__*/jsxs(Svg, _objectSpread(_objectSpread({}, props), {}, {
     role: "progressbar",
     width: width,
@@ -65,6 +61,6 @@ var StarProgress = /*#__PURE__*/forwardRef(function StarProgress(_ref2, ref) {
       d: "M39.6262 1.07261V11.7603V19.3368C39.627 19.7178 39.4265 20.0709 39.0988 20.2644L31.4145 24.8195L23.3545 29.5964C22.6385 30.0192 21.7339 29.5029 21.7339 28.6717V10.3259C21.7339 9.94495 21.9356 9.5927 22.2641 9.39955L38.008 0.149533C38.7232 -0.270381 39.6241 0.24385 39.6262 1.07261Z"
     })]
   }));
-}); // StarProgress.displayName = 'eds-star-progress'
+});
 
 export { StarProgress };

package/dist/esm/components/Radio/Radio.js

@@ -11,7 +11,7 @@ import { useEds } from '../EdsProvider/eds.context.js';
 var _excluded = ["label", "disabled", "className", "style"];
 var Input = styled.input.attrs(function (_ref) {
   var _ref$type = _ref.type,
-      type = _ref$type === void 0 ? 'radio' : _ref$type;
+    type = _ref$type === void 0 ? 'radio' : _ref$type;
   return {
     type: type
   };
@@ -20,7 +20,7 @@ var Input = styled.input.attrs(function (_ref) {
   componentId: "sc-we59oz-0"
 })(["--scale:", ";appearance:none;width:100%;height:100%;margin:0;grid-area:input;transform:scale(var(--scale));cursor:", ";&:focus{outline:none;}&[data-focus-visible-added]:focus + svg{", "}&:focus-visible + svg{", "}&:not(:checked) ~ svg path[name='selected']{display:none;}&:not(:checked) ~ svg path[name='unselected']{display:inline;}&:checked ~ svg path[name='unselected']{display:none;}&:checked ~ svg path[name='selected']{display:inline;}"], function (_ref2) {
   var theme = _ref2.theme,
-      iconSize = _ref2.iconSize;
+    iconSize = _ref2.iconSize;
   return parseFloat(theme.clickbound.height) / iconSize;
 }, function (_ref3) {
   var disabled = _ref3.disabled;
@@ -52,8 +52,8 @@ var StyledPath = styled.path.attrs(function (_ref7) {
 })([""]);
 var Svg = styled.svg.attrs(function (_ref8) {
   var height = _ref8.height,
-      width = _ref8.width,
-      fill = _ref8.fill;
+    width = _ref8.width,
+    fill = _ref8.fill;
   return {
     name: null,
     xmlns: 'http://www.w3.org/2000/svg',
@@ -84,15 +84,13 @@ var InputWrapper = styled.span.withConfig({
 });
 var Radio = /*#__PURE__*/forwardRef(function Radio(_ref12, ref) {
   var label = _ref12.label,
-      _ref12$disabled = _ref12.disabled,
-      disabled = _ref12$disabled === void 0 ? false : _ref12$disabled,
-      className = _ref12.className,
-      style = _ref12.style,
-      rest = _objectWithoutProperties(_ref12, _excluded);
-
+    _ref12$disabled = _ref12.disabled,
+    disabled = _ref12$disabled === void 0 ? false : _ref12$disabled,
+    className = _ref12.className,
+    style = _ref12.style,
+    rest = _objectWithoutProperties(_ref12, _excluded);
   var _useEds = useEds(),
-      density = _useEds.density;
-
+    density = _useEds.density;
   var token = useToken({
     density: density
   }, comfortable);

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

@@ -1,18 +1,18 @@
 import { tokens } from '@equinor/eds-tokens';
 
 var _tokens$colors$intera = tokens.colors.interactive,
-    primaryColor = _tokens$colors$intera.primary__resting.rgba,
-    primaryHoverAlt = _tokens$colors$intera.primary__hover_alt.rgba,
-    focusOutlineColor = _tokens$colors$intera.focus.rgba,
-    disabledText = _tokens$colors$intera.disabled__text.rgba,
-    labelTypography = tokens.typography.navigation.menu_title,
-    _tokens$spacings$comf = tokens.spacings.comfortable,
-    medium_small = _tokens$spacings$comf.medium_small,
-    x_small = _tokens$spacings$comf.x_small,
-    _tokens$clickbounds = tokens.clickbounds,
-    clicboundSize = _tokens$clickbounds.default__base,
-    compactClickboundSize = _tokens$clickbounds.compact__standard,
-    focusOutlineWidth = tokens.interactions.focused.width;
+  primaryColor = _tokens$colors$intera.primary__resting.rgba,
+  primaryHoverAlt = _tokens$colors$intera.primary__hover_alt.rgba,
+  focusOutlineColor = _tokens$colors$intera.focus.rgba,
+  disabledText = _tokens$colors$intera.disabled__text.rgba,
+  labelTypography = tokens.typography.navigation.menu_title,
+  _tokens$spacings$comf = tokens.spacings.comfortable,
+  medium_small = _tokens$spacings$comf.medium_small,
+  x_small = _tokens$spacings$comf.x_small,
+  _tokens$clickbounds = tokens.clickbounds,
+  clicboundSize = _tokens$clickbounds.default__base,
+  compactClickboundSize = _tokens$clickbounds.compact__standard,
+  focusOutlineWidth = tokens.interactions.focused.width;
 var comfortable = {
   background: primaryColor,
   typography: labelTypography,

package/dist/esm/components/Scrim/Scrim.js

@@ -19,12 +19,11 @@ var ScrimContent = styled.div.withConfig({
 })(["width:auto;height:auto;"]);
 var Scrim = /*#__PURE__*/forwardRef(function Scrim(_ref, ref) {
   var children = _ref.children,
-      onClose = _ref.onClose,
-      open = _ref.open,
-      _ref$isDismissable = _ref.isDismissable,
-      isDismissable = _ref$isDismissable === void 0 ? false : _ref$isDismissable,
-      rest = _objectWithoutProperties(_ref, _excluded);
-
+    onClose = _ref.onClose,
+    open = _ref.open,
+    _ref$isDismissable = _ref.isDismissable,
+    isDismissable = _ref$isDismissable === void 0 ? false : _ref$isDismissable,
+    rest = _objectWithoutProperties(_ref, _excluded);
   var scrimRef = useRef(null);
   var combinedScrimRef = useMemo(function () {
     return mergeRefs(scrimRef, ref);
@@ -34,7 +33,6 @@ var Scrim = /*#__PURE__*/forwardRef(function Scrim(_ref, ref) {
       onClose();
     }
   });
-
   var handleMouseClose = function handleMouseClose(event) {
     if (event && event.target === scrimRef.current) {
       if (event.type === 'click' && isDismissable && open) {
@@ -42,11 +40,9 @@ var Scrim = /*#__PURE__*/forwardRef(function Scrim(_ref, ref) {
       }
     }
   };
-
   if (!open) {
     return null;
   }
-
   return /*#__PURE__*/jsx(StyledScrim, _objectSpread(_objectSpread({
     lockScroll: true,
     onClick: handleMouseClose,