@equinor/eds-core-react 0.34.0 → 0.35.0

package/dist/eds-core-react.cjs

@@ -2753,7 +2753,6 @@ var Icon$2 = /*#__PURE__*/react.forwardRef(function Icon(_ref5, ref) {
     'aria-hidden': true
   };
   var pathProps = {
-    d: icon.svgPathData,
     $height: icon.height ? parseInt(icon.height) : size,
     $size: size || parseInt(icon.height)
   };
@@ -2774,9 +2773,15 @@ var Icon$2 = /*#__PURE__*/react.forwardRef(function Icon(_ref5, ref) {
     children: [title && /*#__PURE__*/jsxRuntime.jsx("title", {
       id: titleId,
       children: title
-    }), /*#__PURE__*/jsxRuntime.jsx(StyledPath$2, _objectSpread__default.default({
+    }), Array.isArray(icon.svgPathData) ? icon.svgPathData.map(function (pathData) {
+      return /*#__PURE__*/jsxRuntime.jsx(StyledPath$2, _objectSpread__default.default(_objectSpread__default.default({}, pathProps), {}, {
+        d: pathData
+      }), pathData);
+    }) : /*#__PURE__*/jsxRuntime.jsx(StyledPath$2, _objectSpread__default.default(_objectSpread__default.default({
       "data-testid": "eds-icon-path"
-    }, pathProps))]
+    }, pathProps), {}, {
+      d: icon.svgPathData
+    }))]
   }));
 });
 
@@ -4467,30 +4472,26 @@ var StyledSideSheet = styled__default.default.div.withConfig({
 var Header$1 = styled__default.default.div.withConfig({
   displayName: "SideSheet__Header",
   componentId: "sc-wkzlnn-1"
-})(["display:flex;flex-wrap:nowrap;justify-content:space-between;align-items:center;padding-bottom:24px;padding-right:10px;"]);
+})(["display:flex;flex-wrap:nowrap;justify-content:space-between;align-items:center;padding-bottom:24px;padding-right:10px;& > button{margin-left:auto;}"]);
 var SideSheet = /*#__PURE__*/react.forwardRef(function SideSheet(_ref2, ref) {
   var _ref2$variant = _ref2.variant,
     variant = _ref2$variant === void 0 ? 'medium' : _ref2$variant,
     width = _ref2.width,
-    _ref2$title = _ref2.title,
-    title = _ref2$title === void 0 ? '' : _ref2$title,
+    title = _ref2.title,
     children = _ref2.children,
-    _ref2$open = _ref2.open,
-    open = _ref2$open === void 0 ? true : _ref2$open,
+    open = _ref2.open,
     onClose = _ref2.onClose,
     rest = _objectWithoutProperties__default.default(_ref2, _excluded$H);
   var props = _objectSpread__default.default(_objectSpread__default.default({}, rest), {}, {
     ref: ref,
     width: width || variants[variant]
   });
-
-  // Controller must set open={false} when pressing the close button
   return open && /*#__PURE__*/jsxRuntime.jsxs(StyledSideSheet, _objectSpread__default.default(_objectSpread__default.default({}, props), {}, {
-    children: [/*#__PURE__*/jsxRuntime.jsxs(Header$1, {
-      children: [/*#__PURE__*/jsxRuntime.jsx(Typography, {
+    children: [(title || onClose) && /*#__PURE__*/jsxRuntime.jsxs(Header$1, {
+      children: [title && /*#__PURE__*/jsxRuntime.jsx(Typography, {
         variant: "h2",
         children: title
-      }), /*#__PURE__*/jsxRuntime.jsx(Button$1, {
+      }), onClose && /*#__PURE__*/jsxRuntime.jsx(Button$1, {
         variant: "ghost_icon",
         onClick: onClose,
         title: "Close",
@@ -5082,6 +5083,7 @@ var RangeWrapper = styled__default.default.div.attrs(function (_ref) {
     $valB = _ref.$valB,
     $disabled = _ref.$disabled,
     $hideActiveTrack = _ref.$hideActiveTrack,
+    $labelAlwaysOn = _ref.$labelAlwaysOn,
     style = _ref.style;
   return {
     'data-disabled': $disabled ? true : null,
@@ -5090,6 +5092,7 @@ var RangeWrapper = styled__default.default.div.attrs(function (_ref) {
       '--b': $valB,
       '--min': $min,
       '--max': $max,
+      '--showTooltip': $labelAlwaysOn ? 1 : 0,
       '--background': $disabled ? track.entities.indicator.states.disabled.background : $hideActiveTrack ? 'transparent' : track.entities.indicator.background,
       '--background-hover': $hideActiveTrack ? 'transparent' : track.entities.indicator.states.hover.background
     }, style)
@@ -5097,27 +5100,24 @@ var RangeWrapper = styled__default.default.div.attrs(function (_ref) {
 }).withConfig({
   displayName: "Slider__RangeWrapper",
   componentId: "sc-n1grrg-0"
-})(["", ";--dif:calc(var(--max) - var(--min));--realWidth:calc(100% - 12px);", " ", " &::before,&::after{", ";background:var(--background);}&::before{margin-left:calc( calc(", " / 2) + (var(--a) - var(--min)) / var(--dif) * var(--realWidth) );width:calc((var(--b) - var(--a)) / var(--dif) * var(--realWidth));}&::after{margin-left:calc( calc(", " / 2) + (var(--b) - var(--min)) / var(--dif) * var(--realWidth) );width:calc((var(--a) - var(--b)) / var(--dif) * var(--realWidth));}@media (hover:hover) and (pointer:fine){&:hover:not([data-disabled]){", " &::before,&::after{background:var(--background-hover);}}}&:where(:hover,:has(:focus-visible)){--showTooltip:1;}", ";"], function (_ref2) {
-  var $labelAlwaysOn = _ref2.$labelAlwaysOn;
-  return styled.css({
-    '--showTooltip': $labelAlwaysOn ? 1 : 0
-  });
-}, wrapperGrid, fakeTrackBg, trackFill, handle.width, handle.width, fakeTrackBgHover, function (_ref3) {
-  var $touchNavigation = _ref3.$touchNavigation;
+})(["--dif:calc(var(--max) - var(--min));--realWidth:calc(100% - 12px);", " ", " &::before,&::after{", ";background:var(--background);}&::before{margin-left:calc( calc(", " / 2) + (var(--a) - var(--min)) / var(--dif) * var(--realWidth) );width:calc((var(--b) - var(--a)) / var(--dif) * var(--realWidth));}&::after{margin-left:calc( calc(", " / 2) + (var(--b) - var(--min)) / var(--dif) * var(--realWidth) );width:calc((var(--a) - var(--b)) / var(--dif) * var(--realWidth));}&:where(:hover,:has(:focus-visible)){> output{--showTooltip:1;}}@media (hover:hover) and (pointer:fine){&:hover:not([data-disabled]){", " &::before,&::after{background:var(--background-hover);}}}", ";"], wrapperGrid, fakeTrackBg, trackFill, handle.width, handle.width, fakeTrackBgHover, function (_ref2) {
+  var $touchNavigation = _ref2.$touchNavigation;
   return $touchNavigation && styled.css(["& > input[type='range']{pointer-events:none;}& > input[type='range']::-webkit-slider-thumb{pointer-events:auto;}& > input[type='range']::-moz-range-thumb{pointer-events:auto;}"]);
 });
-var Wrapper = styled__default.default.div.attrs(function (_ref4) {
-  var $min = _ref4.$min,
-    $max = _ref4.$max,
-    value = _ref4.value,
-    disabled = _ref4.disabled,
-    $hideActiveTrack = _ref4.$hideActiveTrack,
-    style = _ref4.style;
+var Wrapper = styled__default.default.div.attrs(function (_ref3) {
+  var $min = _ref3.$min,
+    $max = _ref3.$max,
+    value = _ref3.value,
+    disabled = _ref3.disabled,
+    $hideActiveTrack = _ref3.$hideActiveTrack,
+    $labelAlwaysOn = _ref3.$labelAlwaysOn,
+    style = _ref3.style;
   return {
     style: _objectSpread__default.default({
       '--min': $min,
       '--max': $max,
       '--value': value,
+      '--showTooltip': $labelAlwaysOn ? 1 : 0,
       '--background': disabled ? track.entities.indicator.states.disabled.background : $hideActiveTrack ? 'transparent' : track.entities.indicator.background,
       '--background-hover': $hideActiveTrack ? 'transparent' : track.entities.indicator.states.hover.background
     }, style)
@@ -5125,12 +5125,7 @@ var Wrapper = styled__default.default.div.attrs(function (_ref4) {
 }).withConfig({
   displayName: "Slider__Wrapper",
   componentId: "sc-n1grrg-1"
-})(["", ";--dif:calc(var(--max) - var(--min));--realWidth:calc(100% - 12px);", " ", " &::after{", " background:var(--background)}&::after{margin-right:calc( (var(--max) - var(--value)) / var(--dif) * var(--realWidth) );margin-left:3px;}@media (hover:hover) and (pointer:fine){&:hover:not([disabled]){", " &::after{background:var(--background-hover);}}}&:where(:hover,:has(:focus-visible)){--showTooltip:1;}"], function (_ref5) {
-  var $labelAlwaysOn = _ref5.$labelAlwaysOn;
-  return styled.css({
-    '--showTooltip': $labelAlwaysOn ? 1 : 0
-  });
-}, wrapperGrid, fakeTrackBg, trackFill, fakeTrackBgHover);
+})(["--dif:calc(var(--max) - var(--min));--realWidth:calc(100% - 12px);", " ", " &::after{", " background:var(--background)}&::after{margin-right:calc( (var(--max) - var(--value)) / var(--dif) * var(--realWidth) );margin-left:3px;}&:where(:hover,:has(:focus-visible)){> output{--showTooltip:1;}}@media (hover:hover) and (pointer:fine){&:hover:not([disabled]){", " &::after{background:var(--background-hover);}}}"], wrapperGrid, fakeTrackBg, trackFill, fakeTrackBgHover);
 var WrapperGroupLabel = styled__default.default.div.withConfig({
   displayName: "Slider__WrapperGroupLabel",
   componentId: "sc-n1grrg-2"
@@ -5138,33 +5133,33 @@ var WrapperGroupLabel = styled__default.default.div.withConfig({
 var WrapperGroupLabelDots = styled__default.default(WrapperGroupLabel).withConfig({
   displayName: "Slider__WrapperGroupLabelDots",
   componentId: "sc-n1grrg-3"
-})(["&:before,&:after{content:' ';display:block;position:absolute;width:", ";height:", ";background:", ";", " bottom:", ";left:0;}&:after{right:0;left:auto;}"], dot.width, dot.height, slider.background, edsUtils.bordersTemplate(dot.border), dot.spacings.bottom);
+})(["&:before,&:after{content:' ';display:block;position:absolute;width:", ";height:", ";background:", ";", ";bottom:", ";left:0;}&:after{right:0;left:auto;}"], dot.width, dot.height, slider.background, edsUtils.bordersTemplate(dot.border), dot.spacings.bottom);
 var SrOnlyLabel = styled__default.default.label.withConfig({
   displayName: "Slider__SrOnlyLabel",
   componentId: "sc-n1grrg-4"
 })(["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 Slider = /*#__PURE__*/react.forwardRef(function Slider(_ref6, ref) {
-  var _ref6$min = _ref6.min,
-    min = _ref6$min === void 0 ? 0 : _ref6$min,
-    _ref6$max = _ref6.max,
-    max = _ref6$max === void 0 ? 100 : _ref6$max,
-    _ref6$value = _ref6.value,
-    value = _ref6$value === void 0 ? [40, 60] : _ref6$value,
-    outputFunction = _ref6.outputFunction,
-    onChange = _ref6.onChange,
-    onChangeCommitted = _ref6.onChangeCommitted,
-    _ref6$minMaxDots = _ref6.minMaxDots,
-    minMaxDots = _ref6$minMaxDots === void 0 ? true : _ref6$minMaxDots,
-    _ref6$minMaxValues = _ref6.minMaxValues,
-    minMaxValues = _ref6$minMaxValues === void 0 ? true : _ref6$minMaxValues,
-    labelAlwaysOn = _ref6.labelAlwaysOn,
-    _ref6$step = _ref6.step,
-    step = _ref6$step === void 0 ? 1 : _ref6$step,
-    disabled = _ref6.disabled,
-    hideActiveTrack = _ref6.hideActiveTrack,
-    ariaLabelledby = _ref6.ariaLabelledby,
-    ariaLabelledbyNative = _ref6['aria-labelledby'],
-    rest = _objectWithoutProperties__default.default(_ref6, _excluded$C);
+var Slider = /*#__PURE__*/react.forwardRef(function Slider(_ref4, ref) {
+  var _ref4$min = _ref4.min,
+    min = _ref4$min === void 0 ? 0 : _ref4$min,
+    _ref4$max = _ref4.max,
+    max = _ref4$max === void 0 ? 100 : _ref4$max,
+    _ref4$value = _ref4.value,
+    value = _ref4$value === void 0 ? [40, 60] : _ref4$value,
+    outputFunction = _ref4.outputFunction,
+    onChange = _ref4.onChange,
+    onChangeCommitted = _ref4.onChangeCommitted,
+    _ref4$minMaxDots = _ref4.minMaxDots,
+    minMaxDots = _ref4$minMaxDots === void 0 ? true : _ref4$minMaxDots,
+    _ref4$minMaxValues = _ref4.minMaxValues,
+    minMaxValues = _ref4$minMaxValues === void 0 ? true : _ref4$minMaxValues,
+    labelAlwaysOn = _ref4.labelAlwaysOn,
+    _ref4$step = _ref4.step,
+    step = _ref4$step === void 0 ? 1 : _ref4$step,
+    disabled = _ref4.disabled,
+    hideActiveTrack = _ref4.hideActiveTrack,
+    ariaLabelledby = _ref4.ariaLabelledby,
+    ariaLabelledbyNative = _ref4['aria-labelledby'],
+    rest = _objectWithoutProperties__default.default(_ref4, _excluded$C);
   var isNumber = !Array.isArray(value);
   var isRangeSlider = !isNumber && value.length === 2;
   var parsedValue = isNumber ? [value] : value;
@@ -8416,7 +8411,7 @@ var Label = styled__default.default.span.withConfig({
 })(function (_ref2) {
   var theme = _ref2.theme,
     $multiline = _ref2.$multiline;
-  return styled.css(["", " text-overflow:ellipsis;white-space:", ";overflow:", ";overflow-wrap:anywhere;"], edsUtils.spacingsTemplate(theme.entities.label.spacings), $multiline ? 'normal' : 'nowrap', $multiline ? 'initial' : 'hidden');
+  return styled.css(["", " text-overflow:ellipsis;white-space:", ";overflow:", ";overflow-wrap:anywhere;@supports (-moz-appearance:none){overflow:", ";}"], edsUtils.spacingsTemplate(theme.entities.label.spacings), $multiline ? 'normal' : 'nowrap', $multiline ? 'initial' : 'hidden', $multiline ? 'initial' : 'clip');
 });
 function AutocompleteOptionInner(props, ref) {
   var value = props.value,
@@ -8467,7 +8462,7 @@ var StyledList = styled__default.default(List$1).withConfig({
   componentId: "sc-yvif0e-1"
 })(function (_ref) {
   var theme = _ref.theme;
-  return styled.css(["background-color:", ";box-shadow:", ";", " overflow-y:auto;overflow-x:hidden;padding:0;display:grid;"], theme.background, theme.boxShadow, edsUtils.bordersTemplate(theme.border));
+  return styled.css(["background-color:", ";box-shadow:", ";", " overflow-y:auto;overflow-x:hidden;padding:0;display:grid;@supports (-moz-appearance:none){scrollbar-width:thin;}"], theme.background, theme.boxShadow, edsUtils.bordersTemplate(theme.border));
 });
 var HelperText = styled__default.default(TextfieldHelperText).withConfig({
   displayName: "Autocomplete__HelperText",

package/dist/esm/components/Autocomplete/Autocomplete.js

@@ -33,7 +33,7 @@ var StyledList = styled(List).withConfig({
   componentId: "sc-yvif0e-1"
 })(function (_ref) {
   var theme = _ref.theme;
-  return css(["background-color:", ";box-shadow:", ";", " overflow-y:auto;overflow-x:hidden;padding:0;display:grid;"], theme.background, theme.boxShadow, bordersTemplate(theme.border));
+  return css(["background-color:", ";box-shadow:", ";", " overflow-y:auto;overflow-x:hidden;padding:0;display:grid;@supports (-moz-appearance:none){scrollbar-width:thin;}"], theme.background, theme.boxShadow, bordersTemplate(theme.border));
 });
 var HelperText = styled(TextfieldHelperText).withConfig({
   displayName: "Autocomplete__HelperText",

package/dist/esm/components/Autocomplete/Option.js

@@ -24,7 +24,7 @@ var Label = styled.span.withConfig({
 })(function (_ref2) {
   var theme = _ref2.theme,
     $multiline = _ref2.$multiline;
-  return css(["", " text-overflow:ellipsis;white-space:", ";overflow:", ";overflow-wrap:anywhere;"], spacingsTemplate(theme.entities.label.spacings), $multiline ? 'normal' : 'nowrap', $multiline ? 'initial' : 'hidden');
+  return css(["", " text-overflow:ellipsis;white-space:", ";overflow:", ";overflow-wrap:anywhere;@supports (-moz-appearance:none){overflow:", ";}"], spacingsTemplate(theme.entities.label.spacings), $multiline ? 'normal' : 'nowrap', $multiline ? 'initial' : 'hidden', $multiline ? 'initial' : 'clip');
 });
 function AutocompleteOptionInner(props, ref) {
   var value = props.value,

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

@@ -86,7 +86,6 @@ var Icon = /*#__PURE__*/forwardRef(function Icon(_ref5, ref) {
     'aria-hidden': true
   };
   var pathProps = {
-    d: icon.svgPathData,
     $height: icon.height ? parseInt(icon.height) : size,
     $size: size || parseInt(icon.height)
   };
@@ -107,9 +106,15 @@ var Icon = /*#__PURE__*/forwardRef(function Icon(_ref5, ref) {
     children: [title && /*#__PURE__*/jsx("title", {
       id: titleId,
       children: title
-    }), /*#__PURE__*/jsx(StyledPath, _objectSpread({
+    }), Array.isArray(icon.svgPathData) ? icon.svgPathData.map(function (pathData) {
+      return /*#__PURE__*/jsx(StyledPath, _objectSpread(_objectSpread({}, pathProps), {}, {
+        d: pathData
+      }), pathData);
+    }) : /*#__PURE__*/jsx(StyledPath, _objectSpread(_objectSpread({
       "data-testid": "eds-icon-path"
-    }, pathProps))]
+    }, pathProps), {}, {
+      d: icon.svgPathData
+    }))]
   }));
 });
 

package/dist/esm/components/SideSheet/SideSheet.js

@@ -25,30 +25,26 @@ var StyledSideSheet = styled.div.withConfig({
 var Header = styled.div.withConfig({
   displayName: "SideSheet__Header",
   componentId: "sc-wkzlnn-1"
-})(["display:flex;flex-wrap:nowrap;justify-content:space-between;align-items:center;padding-bottom:24px;padding-right:10px;"]);
+})(["display:flex;flex-wrap:nowrap;justify-content:space-between;align-items:center;padding-bottom:24px;padding-right:10px;& > button{margin-left:auto;}"]);
 var SideSheet = /*#__PURE__*/forwardRef(function SideSheet(_ref2, ref) {
   var _ref2$variant = _ref2.variant,
     variant = _ref2$variant === void 0 ? 'medium' : _ref2$variant,
     width = _ref2.width,
-    _ref2$title = _ref2.title,
-    title = _ref2$title === void 0 ? '' : _ref2$title,
+    title = _ref2.title,
     children = _ref2.children,
-    _ref2$open = _ref2.open,
-    open = _ref2$open === void 0 ? true : _ref2$open,
+    open = _ref2.open,
     onClose = _ref2.onClose,
     rest = _objectWithoutProperties(_ref2, _excluded);
   var props = _objectSpread(_objectSpread({}, rest), {}, {
     ref: ref,
     width: width || variants[variant]
   });
-
-  // Controller must set open={false} when pressing the close button
   return open && /*#__PURE__*/jsxs(StyledSideSheet, _objectSpread(_objectSpread({}, props), {}, {
-    children: [/*#__PURE__*/jsxs(Header, {
-      children: [/*#__PURE__*/jsx(Typography, {
+    children: [(title || onClose) && /*#__PURE__*/jsxs(Header, {
+      children: [title && /*#__PURE__*/jsx(Typography, {
         variant: "h2",
         children: title
-      }), /*#__PURE__*/jsx(Button, {
+      }), onClose && /*#__PURE__*/jsx(Button, {
         variant: "ghost_icon",
         onClick: onClose,
         title: "Close",

package/dist/esm/components/Slider/Slider.js

@@ -28,6 +28,7 @@ var RangeWrapper = styled.div.attrs(function (_ref) {
     $valB = _ref.$valB,
     $disabled = _ref.$disabled,
     $hideActiveTrack = _ref.$hideActiveTrack,
+    $labelAlwaysOn = _ref.$labelAlwaysOn,
     style = _ref.style;
   return {
     'data-disabled': $disabled ? true : null,
@@ -36,6 +37,7 @@ var RangeWrapper = styled.div.attrs(function (_ref) {
       '--b': $valB,
       '--min': $min,
       '--max': $max,
+      '--showTooltip': $labelAlwaysOn ? 1 : 0,
       '--background': $disabled ? track.entities.indicator.states.disabled.background : $hideActiveTrack ? 'transparent' : track.entities.indicator.background,
       '--background-hover': $hideActiveTrack ? 'transparent' : track.entities.indicator.states.hover.background
     }, style)
@@ -43,27 +45,24 @@ var RangeWrapper = styled.div.attrs(function (_ref) {
 }).withConfig({
   displayName: "Slider__RangeWrapper",
   componentId: "sc-n1grrg-0"
-})(["", ";--dif:calc(var(--max) - var(--min));--realWidth:calc(100% - 12px);", " ", " &::before,&::after{", ";background:var(--background);}&::before{margin-left:calc( calc(", " / 2) + (var(--a) - var(--min)) / var(--dif) * var(--realWidth) );width:calc((var(--b) - var(--a)) / var(--dif) * var(--realWidth));}&::after{margin-left:calc( calc(", " / 2) + (var(--b) - var(--min)) / var(--dif) * var(--realWidth) );width:calc((var(--a) - var(--b)) / var(--dif) * var(--realWidth));}@media (hover:hover) and (pointer:fine){&:hover:not([data-disabled]){", " &::before,&::after{background:var(--background-hover);}}}&:where(:hover,:has(:focus-visible)){--showTooltip:1;}", ";"], function (_ref2) {
-  var $labelAlwaysOn = _ref2.$labelAlwaysOn;
-  return css({
-    '--showTooltip': $labelAlwaysOn ? 1 : 0
-  });
-}, wrapperGrid, fakeTrackBg, trackFill, handle.width, handle.width, fakeTrackBgHover, function (_ref3) {
-  var $touchNavigation = _ref3.$touchNavigation;
+})(["--dif:calc(var(--max) - var(--min));--realWidth:calc(100% - 12px);", " ", " &::before,&::after{", ";background:var(--background);}&::before{margin-left:calc( calc(", " / 2) + (var(--a) - var(--min)) / var(--dif) * var(--realWidth) );width:calc((var(--b) - var(--a)) / var(--dif) * var(--realWidth));}&::after{margin-left:calc( calc(", " / 2) + (var(--b) - var(--min)) / var(--dif) * var(--realWidth) );width:calc((var(--a) - var(--b)) / var(--dif) * var(--realWidth));}&:where(:hover,:has(:focus-visible)){> output{--showTooltip:1;}}@media (hover:hover) and (pointer:fine){&:hover:not([data-disabled]){", " &::before,&::after{background:var(--background-hover);}}}", ";"], wrapperGrid, fakeTrackBg, trackFill, handle.width, handle.width, fakeTrackBgHover, function (_ref2) {
+  var $touchNavigation = _ref2.$touchNavigation;
   return $touchNavigation && css(["& > input[type='range']{pointer-events:none;}& > input[type='range']::-webkit-slider-thumb{pointer-events:auto;}& > input[type='range']::-moz-range-thumb{pointer-events:auto;}"]);
 });
-var Wrapper = styled.div.attrs(function (_ref4) {
-  var $min = _ref4.$min,
-    $max = _ref4.$max,
-    value = _ref4.value,
-    disabled = _ref4.disabled,
-    $hideActiveTrack = _ref4.$hideActiveTrack,
-    style = _ref4.style;
+var Wrapper = styled.div.attrs(function (_ref3) {
+  var $min = _ref3.$min,
+    $max = _ref3.$max,
+    value = _ref3.value,
+    disabled = _ref3.disabled,
+    $hideActiveTrack = _ref3.$hideActiveTrack,
+    $labelAlwaysOn = _ref3.$labelAlwaysOn,
+    style = _ref3.style;
   return {
     style: _objectSpread({
       '--min': $min,
       '--max': $max,
       '--value': value,
+      '--showTooltip': $labelAlwaysOn ? 1 : 0,
       '--background': disabled ? track.entities.indicator.states.disabled.background : $hideActiveTrack ? 'transparent' : track.entities.indicator.background,
       '--background-hover': $hideActiveTrack ? 'transparent' : track.entities.indicator.states.hover.background
     }, style)
@@ -71,12 +70,7 @@ var Wrapper = styled.div.attrs(function (_ref4) {
 }).withConfig({
   displayName: "Slider__Wrapper",
   componentId: "sc-n1grrg-1"
-})(["", ";--dif:calc(var(--max) - var(--min));--realWidth:calc(100% - 12px);", " ", " &::after{", " background:var(--background)}&::after{margin-right:calc( (var(--max) - var(--value)) / var(--dif) * var(--realWidth) );margin-left:3px;}@media (hover:hover) and (pointer:fine){&:hover:not([disabled]){", " &::after{background:var(--background-hover);}}}&:where(:hover,:has(:focus-visible)){--showTooltip:1;}"], function (_ref5) {
-  var $labelAlwaysOn = _ref5.$labelAlwaysOn;
-  return css({
-    '--showTooltip': $labelAlwaysOn ? 1 : 0
-  });
-}, wrapperGrid, fakeTrackBg, trackFill, fakeTrackBgHover);
+})(["--dif:calc(var(--max) - var(--min));--realWidth:calc(100% - 12px);", " ", " &::after{", " background:var(--background)}&::after{margin-right:calc( (var(--max) - var(--value)) / var(--dif) * var(--realWidth) );margin-left:3px;}&:where(:hover,:has(:focus-visible)){> output{--showTooltip:1;}}@media (hover:hover) and (pointer:fine){&:hover:not([disabled]){", " &::after{background:var(--background-hover);}}}"], wrapperGrid, fakeTrackBg, trackFill, fakeTrackBgHover);
 var WrapperGroupLabel = styled.div.withConfig({
   displayName: "Slider__WrapperGroupLabel",
   componentId: "sc-n1grrg-2"
@@ -84,33 +78,33 @@ var WrapperGroupLabel = styled.div.withConfig({
 var WrapperGroupLabelDots = styled(WrapperGroupLabel).withConfig({
   displayName: "Slider__WrapperGroupLabelDots",
   componentId: "sc-n1grrg-3"
-})(["&:before,&:after{content:' ';display:block;position:absolute;width:", ";height:", ";background:", ";", " bottom:", ";left:0;}&:after{right:0;left:auto;}"], dot.width, dot.height, slider.background, bordersTemplate(dot.border), dot.spacings.bottom);
+})(["&:before,&:after{content:' ';display:block;position:absolute;width:", ";height:", ";background:", ";", ";bottom:", ";left:0;}&:after{right:0;left:auto;}"], dot.width, dot.height, slider.background, bordersTemplate(dot.border), dot.spacings.bottom);
 var SrOnlyLabel = styled.label.withConfig({
   displayName: "Slider__SrOnlyLabel",
   componentId: "sc-n1grrg-4"
 })(["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 Slider = /*#__PURE__*/forwardRef(function Slider(_ref6, ref) {
-  var _ref6$min = _ref6.min,
-    min = _ref6$min === void 0 ? 0 : _ref6$min,
-    _ref6$max = _ref6.max,
-    max = _ref6$max === void 0 ? 100 : _ref6$max,
-    _ref6$value = _ref6.value,
-    value = _ref6$value === void 0 ? [40, 60] : _ref6$value,
-    outputFunction = _ref6.outputFunction,
-    onChange = _ref6.onChange,
-    onChangeCommitted = _ref6.onChangeCommitted,
-    _ref6$minMaxDots = _ref6.minMaxDots,
-    minMaxDots = _ref6$minMaxDots === void 0 ? true : _ref6$minMaxDots,
-    _ref6$minMaxValues = _ref6.minMaxValues,
-    minMaxValues = _ref6$minMaxValues === void 0 ? true : _ref6$minMaxValues,
-    labelAlwaysOn = _ref6.labelAlwaysOn,
-    _ref6$step = _ref6.step,
-    step = _ref6$step === void 0 ? 1 : _ref6$step,
-    disabled = _ref6.disabled,
-    hideActiveTrack = _ref6.hideActiveTrack,
-    ariaLabelledby = _ref6.ariaLabelledby,
-    ariaLabelledbyNative = _ref6['aria-labelledby'],
-    rest = _objectWithoutProperties(_ref6, _excluded);
+var Slider = /*#__PURE__*/forwardRef(function Slider(_ref4, ref) {
+  var _ref4$min = _ref4.min,
+    min = _ref4$min === void 0 ? 0 : _ref4$min,
+    _ref4$max = _ref4.max,
+    max = _ref4$max === void 0 ? 100 : _ref4$max,
+    _ref4$value = _ref4.value,
+    value = _ref4$value === void 0 ? [40, 60] : _ref4$value,
+    outputFunction = _ref4.outputFunction,
+    onChange = _ref4.onChange,
+    onChangeCommitted = _ref4.onChangeCommitted,
+    _ref4$minMaxDots = _ref4.minMaxDots,
+    minMaxDots = _ref4$minMaxDots === void 0 ? true : _ref4$minMaxDots,
+    _ref4$minMaxValues = _ref4.minMaxValues,
+    minMaxValues = _ref4$minMaxValues === void 0 ? true : _ref4$minMaxValues,
+    labelAlwaysOn = _ref4.labelAlwaysOn,
+    _ref4$step = _ref4.step,
+    step = _ref4$step === void 0 ? 1 : _ref4$step,
+    disabled = _ref4.disabled,
+    hideActiveTrack = _ref4.hideActiveTrack,
+    ariaLabelledby = _ref4.ariaLabelledby,
+    ariaLabelledbyNative = _ref4['aria-labelledby'],
+    rest = _objectWithoutProperties(_ref4, _excluded);
   var isNumber = !Array.isArray(value);
   var isRangeSlider = !isNumber && value.length === 2;
   var parsedValue = isNumber ? [value] : value;

package/dist/types/components/SideSheet/SideSheet.d.ts

@@ -7,7 +7,7 @@ export type SideSheetProps = {
     /** OnClick function (close) */
     onClose?: (Event: any) => void;
     /** Open / close Side Sheet */
-    open?: boolean;
+    open: boolean;
     /** Override width of Side Sheet */
     width?: string;
 } & HTMLAttributes<HTMLDivElement>;
@@ -19,7 +19,7 @@ export declare const SideSheet: import("react").ForwardRefExoticComponent<{
     /** OnClick function (close) */
     onClose?: (Event: any) => void;
     /** Open / close Side Sheet */
-    open?: boolean;
+    open: boolean;
     /** Override width of Side Sheet */
     width?: string;
 } & HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@equinor/eds-core-react",
-  "version": "0.34.0",
+  "version": "0.35.0",
   "description": "The React implementation of the Equinor Design System",
   "sideEffects": [
     "**/*.css"
@@ -85,7 +85,7 @@
     "@floating-ui/react": "^0.26.2",
     "@tanstack/react-virtual": "3.0.0-beta.54",
     "downshift": "^8.2.3",
-    "@equinor/eds-icons": "^0.19.3",
+    "@equinor/eds-icons": "^0.20.0",
     "@equinor/eds-tokens": "0.9.2",
     "@equinor/eds-utils": "0.8.3"
   },

package/dist/types/test/index.d.ts

@@ -1 +0,0 @@
-export * from './withAnchorEl';

package/dist/types/test/withAnchorEl.d.ts

@@ -1,5 +0,0 @@
-import { ReactElement } from 'react';
-import { RenderOptions, RenderResult } from '@testing-library/react';
-declare const customRender: (ui: React.ReactElement, options?: Omit<RenderOptions, 'queries'>) => RenderResult;
-export * from '@testing-library/react';
-export { customRender as render };