@equinor/eds-core-react 0.24.0-dev.20221006 → 0.24.0-dev.20221007

package/dist/eds-core-react.cjs.js

@@ -797,7 +797,7 @@ var useEds = function useEds() {
   return react.useContext(EdsContext);
 };
 
-var _excluded$1n = ["color", "variant", "children", "disabled", "href", "tabIndex", "fullWidth"];
+var _excluded$1o = ["color", "variant", "children", "disabled", "href", "tabIndex", "fullWidth"];
 
 var getVariant = function getVariant(tokenSet, variant) {
   switch (variant) {
@@ -864,7 +864,7 @@ var Button$1 = /*#__PURE__*/react.forwardRef(function Button(_ref2, ref) {
       tabIndex = _ref2$tabIndex === void 0 ? 0 : _ref2$tabIndex,
       _ref2$fullWidth = _ref2.fullWidth,
       fullWidth = _ref2$fullWidth === void 0 ? false : _ref2$fullWidth,
-      other = _objectWithoutProperties__default["default"](_ref2, _excluded$1n);
+      other = _objectWithoutProperties__default["default"](_ref2, _excluded$1o);
 
   var _useEds = useEds(),
       density = _useEds.density;
@@ -905,7 +905,7 @@ var group = {
   }
 };
 
-var _excluded$1m = ["children", "vertical"];
+var _excluded$1n = ["children", "vertical"];
 var border$4 = group.border;
 var radius$1 = border$4.type === 'border' && border$4.radius;
 var ButtonGroupBase = styled__default["default"].div.withConfig({
@@ -918,7 +918,7 @@ var ButtonGroupBase = styled__default["default"].div.withConfig({
 var ButtonGroup = /*#__PURE__*/react.forwardRef(function ButtonGroup(_ref2, ref) {
   var children = _ref2.children,
       vertical = _ref2.vertical,
-      rest = _objectWithoutProperties__default["default"](_ref2, _excluded$1m);
+      rest = _objectWithoutProperties__default["default"](_ref2, _excluded$1n);
 
   var props = _objectSpread__default["default"]({
     ref: ref,
@@ -932,13 +932,13 @@ var ButtonGroup = /*#__PURE__*/react.forwardRef(function ButtonGroup(_ref2, ref)
   }));
 });
 
-var _excluded$1l = ["children", "multiple", "selectedIndexes", "onChange"];
+var _excluded$1m = ["children", "multiple", "selectedIndexes", "onChange"];
 var ToggleButton = /*#__PURE__*/react.forwardRef(function ToggleButton(_ref, ref) {
   var children = _ref.children,
       multiple = _ref.multiple,
       selectedIndexes = _ref.selectedIndexes,
       onChange = _ref.onChange,
-      props = _objectWithoutProperties__default["default"](_ref, _excluded$1l);
+      props = _objectWithoutProperties__default["default"](_ref, _excluded$1m);
 
   var _useState = react.useState(selectedIndexes || []),
       _useState2 = _slicedToArray__default["default"](_useState, 2),
@@ -1031,7 +1031,7 @@ var link = {
   }
 };
 
-var _excluded$1k = ["variant", "children", "bold", "italic", "link", "group", "token", "as"];
+var _excluded$1l = ["variant", "children", "bold", "italic", "link", "group", "token", "as"];
 
 var getElementType = function getElementType(variant, link) {
   if (link) {
@@ -1110,7 +1110,7 @@ var Typography = /*#__PURE__*/react.forwardRef(function Typography(_ref5, ref) {
       group = _ref5.group,
       token = _ref5.token,
       providedAs = _ref5.as,
-      other = _objectWithoutProperties__default["default"](_ref5, _excluded$1k);
+      other = _objectWithoutProperties__default["default"](_ref5, _excluded$1l);
 
   var as = providedAs ? providedAs : getElementType(variant, link);
   var variantName = toVariantName(variant, bold, italic, link);
@@ -1251,14 +1251,14 @@ var applyVariant = function applyVariant(variant, token) {
   }
 };
 
-var _excluded$1j = ["children"];
+var _excluded$1k = ["children"];
 var TableBase$1 = styled__default["default"].table.withConfig({
   displayName: "Table__TableBase",
   componentId: "sc-14kktwc-0"
 })(["border-spacing:0;background:", ";"], tableCell.background);
 var Table$1 = /*#__PURE__*/react.forwardRef(function Table(_ref, ref) {
   var children = _ref.children,
-      props = _objectWithoutProperties__default["default"](_ref, _excluded$1j);
+      props = _objectWithoutProperties__default["default"](_ref, _excluded$1k);
 
   return /*#__PURE__*/jsxRuntime.jsx(TableBase$1, _objectSpread__default["default"](_objectSpread__default["default"]({}, props), {}, {
     ref: ref,
@@ -1271,14 +1271,14 @@ var initalState$2 = {
 };
 var InnerContext = /*#__PURE__*/react.createContext(initalState$2);
 
-var _excluded$1i = ["children"];
+var _excluded$1j = ["children"];
 var TableBase = styled__default["default"].tbody.withConfig({
   displayName: "Body__TableBase",
   componentId: "sc-1pdmiku-0"
 })([""]);
 var Body = /*#__PURE__*/react.forwardRef(function Body(_ref, ref) {
   var children = _ref.children,
-      props = _objectWithoutProperties__default["default"](_ref, _excluded$1i);
+      props = _objectWithoutProperties__default["default"](_ref, _excluded$1j);
 
   return /*#__PURE__*/jsxRuntime.jsx(InnerContext.Provider, {
     value: {
@@ -1291,7 +1291,7 @@ var Body = /*#__PURE__*/react.forwardRef(function Body(_ref, ref) {
   });
 });
 
-var _excluded$1h = ["children", "variant"];
+var _excluded$1i = ["children", "variant"];
 var StyledTableCell$1 = styled__default["default"].td.withConfig({
   displayName: "DataCell__StyledTableCell",
   componentId: "sc-15tuitc-0"
@@ -1313,7 +1313,7 @@ var TableDataCell = /*#__PURE__*/react.forwardRef(function TableDataCell(_ref2,
   var children = _ref2.children,
       _ref2$variant = _ref2.variant,
       variant = _ref2$variant === void 0 ? 'text' : _ref2$variant,
-      rest = _objectWithoutProperties__default["default"](_ref2, _excluded$1h);
+      rest = _objectWithoutProperties__default["default"](_ref2, _excluded$1i);
 
   var _useEds = useEds(),
       density = _useEds.density;
@@ -1420,7 +1420,7 @@ var token$4 = {
   }
 };
 
-var _excluded$1g = ["children", "sort"];
+var _excluded$1h = ["children", "sort"];
 var StyledTableCell = styled__default["default"].th.withConfig({
   displayName: "HeaderCell__StyledTableCell",
   componentId: "sc-18w2o3a-0"
@@ -1453,7 +1453,7 @@ var CellInner = styled__default["default"].div.withConfig({
 var TableHeaderCell = /*#__PURE__*/react.forwardRef(function TableHeaderCell(_ref, ref) {
   var children = _ref.children,
       sort = _ref.sort,
-      rest = _objectWithoutProperties__default["default"](_ref, _excluded$1g);
+      rest = _objectWithoutProperties__default["default"](_ref, _excluded$1h);
 
   var _useEds = useEds(),
       density = _useEds.density;
@@ -1515,7 +1515,7 @@ var token$3 = {
   }
 };
 
-var _excluded$1f = ["children", "sticky"];
+var _excluded$1g = ["children", "sticky"];
 var StyledTableHead = styled__default["default"].thead.withConfig({
   displayName: "Head__StyledTableHead",
   componentId: "sc-g9tch7-0"
@@ -1523,7 +1523,7 @@ var StyledTableHead = styled__default["default"].thead.withConfig({
 var Head = /*#__PURE__*/react.forwardRef(function Head(_ref, ref) {
   var children = _ref.children,
       sticky = _ref.sticky,
-      props = _objectWithoutProperties__default["default"](_ref, _excluded$1f);
+      props = _objectWithoutProperties__default["default"](_ref, _excluded$1g);
 
   return /*#__PURE__*/jsxRuntime.jsx(InnerContext.Provider, {
     value: {
@@ -1643,7 +1643,7 @@ var tokens$5 = /*#__PURE__*/Object.freeze({
   medium: medium$3
 });
 
-var _excluded$1e = ["color", "variant", "size"];
+var _excluded$1f = ["color", "variant", "size"];
 var divider = divider$1;
 var StyledDivider$3 = styled__default["default"].hr.withConfig({
   displayName: "Divider__StyledDivider",
@@ -1662,7 +1662,7 @@ var Divider = /*#__PURE__*/react.forwardRef(function Divider(_ref2, ref) {
       variant = _ref2$variant === void 0 ? 'medium' : _ref2$variant,
       _ref2$size = _ref2.size,
       size = _ref2$size === void 0 ? '1' : _ref2$size,
-      rest = _objectWithoutProperties__default["default"](_ref2, _excluded$1e);
+      rest = _objectWithoutProperties__default["default"](_ref2, _excluded$1f);
 
   var colorValue = color === 'medium' ? 'mediumColor' : color;
 
@@ -1885,7 +1885,7 @@ var tokens$4 = /*#__PURE__*/Object.freeze({
   inputToken: inputToken
 });
 
-var _excluded$1d = ["variant", "disabled", "type"];
+var _excluded$1e = ["variant", "disabled", "type"];
 var StyledInput$1 = styled__default["default"].input.withConfig({
   displayName: "Input__StyledInput",
   componentId: "sc-1ykv024-0"
@@ -1906,7 +1906,7 @@ var Input$4 = /*#__PURE__*/react.forwardRef(function Input(_ref2, ref) {
       disabled = _ref2$disabled === void 0 ? false : _ref2$disabled,
       _ref2$type = _ref2.type,
       type = _ref2$type === void 0 ? 'text' : _ref2$type,
-      other = _objectWithoutProperties__default["default"](_ref2, _excluded$1d);
+      other = _objectWithoutProperties__default["default"](_ref2, _excluded$1e);
 
   var actualVariant = variant === 'default' ? 'input' : variant;
   var inputVariant = inputToken[actualVariant];
@@ -1969,7 +1969,7 @@ var input$1 = {
   }
 };
 
-var _excluded$1c = ["size", "variant", "isDisabled", "colors", "children"];
+var _excluded$1d = ["size", "variant", "isDisabled", "colors", "children"];
 var StyledIcon$2 = styled__default["default"].div.withConfig({
   displayName: "Icon__StyledIcon",
   componentId: "sc-jr0rqa-0"
@@ -2007,7 +2007,7 @@ var InputIcon = /*#__PURE__*/react.forwardRef(function InputIcon(_ref2, ref) {
     focusColor: input$1[variant].focusColor
   } : _ref2$colors,
       children = _ref2.children,
-      other = _objectWithoutProperties__default["default"](_ref2, _excluded$1c);
+      other = _objectWithoutProperties__default["default"](_ref2, _excluded$1d);
 
   var _useTextField = useTextField(),
       isFocused = _useTextField.isFocused;
@@ -2149,7 +2149,7 @@ var tokens$3 = /*#__PURE__*/Object.freeze({
   success: success
 });
 
-var _excluded$1b = ["variant", "disabled", "type", "rowsMax"];
+var _excluded$1c = ["variant", "disabled", "type", "rowsMax"];
 var input = input$2;
 
 var Variation$2 = function Variation(_ref) {
@@ -2186,7 +2186,7 @@ var Textarea = /*#__PURE__*/react.forwardRef(function Textarea(_ref2, ref) {
       _ref2$type = _ref2.type,
       type = _ref2$type === void 0 ? 'text' : _ref2$type,
       rowsMax = _ref2.rowsMax,
-      other = _objectWithoutProperties__default["default"](_ref2, _excluded$1b);
+      other = _objectWithoutProperties__default["default"](_ref2, _excluded$1c);
 
   var actualVariant = variant === 'default' ? 'input' : variant;
   var inputVariant = tokens$4[actualVariant];
@@ -2228,7 +2228,7 @@ var Textarea = /*#__PURE__*/react.forwardRef(function Textarea(_ref2, ref) {
   return /*#__PURE__*/jsxRuntime.jsx(StyledTextarea, _objectSpread__default["default"]({}, inputProps));
 });
 
-var _excluded$1a = ["multiline", "variant", "disabled", "readOnly", "type", "unit", "inputIcon", "rowsMax", "onBlur", "onFocus"];
+var _excluded$1b = ["multiline", "variant", "disabled", "readOnly", "type", "unit", "inputIcon", "rowsMax", "onBlur", "onFocus"];
 var textfield = textfield$1;
 
 var Variation$1 = function Variation(_ref) {
@@ -2296,7 +2296,7 @@ var Field = /*#__PURE__*/react.forwardRef(function Field(_ref5, ref) {
       rowsMax = _ref5.rowsMax,
       onBlur = _ref5.onBlur,
       onFocus = _ref5.onFocus,
-      other = _objectWithoutProperties__default["default"](_ref5, _excluded$1a);
+      other = _objectWithoutProperties__default["default"](_ref5, _excluded$1b);
 
   var _useTextField = useTextField(),
       handleFocus = _useTextField.handleFocus,
@@ -2387,7 +2387,7 @@ var label = {
   }
 };
 
-var _excluded$19 = ["label", "meta", "disabled"];
+var _excluded$1a = ["label", "meta", "disabled"];
 var LabelBase = styled__default["default"].label.withConfig({
   displayName: "Label__LabelBase",
   componentId: "sc-1gi2bcn-0"
@@ -2405,7 +2405,7 @@ var Label$1 = /*#__PURE__*/react.forwardRef(function Label(props, ref) {
       meta = props.meta,
       _props$disabled = props.disabled,
       disabled = _props$disabled === void 0 ? false : _props$disabled,
-      other = _objectWithoutProperties__default["default"](props, _excluded$19);
+      other = _objectWithoutProperties__default["default"](props, _excluded$1a);
 
   return (
     /*#__PURE__*/
@@ -2466,7 +2466,7 @@ var helperText = {
   }
 };
 
-var _excluded$18 = ["helperText", "icon", "variant", "disabled"];
+var _excluded$19 = ["helperText", "icon", "variant", "disabled"];
 
 var Variation = function Variation(_ref) {
   var variant = _ref.variant,
@@ -2512,7 +2512,7 @@ var TextfieldHelperText = /*#__PURE__*/react.forwardRef(function TextfieldHelper
       _ref4$variant = _ref4.variant,
       variant = _ref4$variant === void 0 ? 'default' : _ref4$variant,
       isDisabled = _ref4.disabled,
-      rest = _objectWithoutProperties__default["default"](_ref4, _excluded$18);
+      rest = _objectWithoutProperties__default["default"](_ref4, _excluded$19);
 
   var helperVariant = helperText[variant];
   var spacings = helperText.spacings.comfortable;
@@ -2544,7 +2544,7 @@ var TextfieldHelperText = /*#__PURE__*/react.forwardRef(function TextfieldHelper
   }));
 });
 
-var _excluded$17 = ["id", "label", "meta", "unit", "helperText", "placeholder", "disabled", "multiline", "className", "variant", "inputRef", "inputIcon", "helperIcon", "rowsMax", "style"];
+var _excluded$18 = ["id", "label", "meta", "unit", "helperText", "placeholder", "disabled", "multiline", "className", "variant", "inputRef", "inputIcon", "helperIcon", "rowsMax", "style"];
 var Container$4 = styled__default["default"].div.withConfig({
   displayName: "TextField__Container",
   componentId: "sc-o1nc07-0"
@@ -2566,7 +2566,7 @@ var TextField = /*#__PURE__*/react.forwardRef(function TextField(_ref, ref) {
       helperIcon = _ref.helperIcon,
       rowsMax = _ref.rowsMax,
       style = _ref.style,
-      other = _objectWithoutProperties__default["default"](_ref, _excluded$17);
+      other = _objectWithoutProperties__default["default"](_ref, _excluded$18);
 
   var helperTextId = edsUtils.useId(null, 'helpertext');
 
@@ -2636,7 +2636,7 @@ var get = function get(name) {
   };
 };
 
-var _excluded$16 = ["size", "color", "name", "rotation", "title", "data"];
+var _excluded$17 = ["size", "color", "name", "rotation", "title", "data"];
 
 var transform = function transform(_ref) {
   var rotation = _ref.rotation;
@@ -2706,7 +2706,7 @@ var Icon$2 = /*#__PURE__*/react.forwardRef(function Icon(_ref5, ref) {
       rotation = _ref5.rotation,
       title = _ref5.title,
       data = _ref5.data,
-      rest = _objectWithoutProperties__default["default"](_ref5, _excluded$16);
+      rest = _objectWithoutProperties__default["default"](_ref5, _excluded$17);
 
   // eslint-disable-next-line prefer-const
   var _findIcon = findIcon(name, data, size),
@@ -2765,7 +2765,7 @@ var list = {
   typography: paragraph$1.body_short
 };
 
-var _excluded$15 = ["children", "variant"];
+var _excluded$16 = ["children", "variant"];
 var typography$d = list.typography;
 var StyledList$2 = styled__default["default"].ul.withConfig({
   displayName: "List__StyledList",
@@ -2778,7 +2778,7 @@ var List$2 = /*#__PURE__*/react.forwardRef(function List(_ref2, ref) {
   var children = _ref2.children,
       _ref2$variant = _ref2.variant,
       variant = _ref2$variant === void 0 ? 'bullet' : _ref2$variant,
-      props = _objectWithoutProperties__default["default"](_ref2, _excluded$15);
+      props = _objectWithoutProperties__default["default"](_ref2, _excluded$16);
 
   var as = variant === 'numbered' ? 'ol' : 'ul';
   return /*#__PURE__*/jsxRuntime.jsx(StyledList$2, _objectSpread__default["default"](_objectSpread__default["default"]({
@@ -2789,10 +2789,10 @@ var List$2 = /*#__PURE__*/react.forwardRef(function List(_ref2, ref) {
   }));
 }); // List.displayName = 'List'
 
-var _excluded$14 = ["children"];
+var _excluded$15 = ["children"];
 var ListItem$2 = /*#__PURE__*/react.forwardRef(function ListItem(_ref, ref) {
   var children = _ref.children,
-      props = _objectWithoutProperties__default["default"](_ref, _excluded$14);
+      props = _objectWithoutProperties__default["default"](_ref, _excluded$15);
 
   return /*#__PURE__*/jsxRuntime.jsx("li", _objectSpread__default["default"](_objectSpread__default["default"]({}, props), {}, {
     ref: ref,
@@ -2888,7 +2888,7 @@ var accordion = {
   }
 };
 
-var _excluded$13 = ["headerLevel", "chevronPosition", "children", "id"];
+var _excluded$14 = ["headerLevel", "chevronPosition", "children", "id"];
 var Accordion$1 = /*#__PURE__*/react.forwardRef(function Accordion(_ref, ref) {
   var _ref$headerLevel = _ref.headerLevel,
       headerLevel = _ref$headerLevel === void 0 ? 'h2' : _ref$headerLevel,
@@ -2896,7 +2896,7 @@ var Accordion$1 = /*#__PURE__*/react.forwardRef(function Accordion(_ref, ref) {
       chevronPosition = _ref$chevronPosition === void 0 ? 'left' : _ref$chevronPosition,
       children = _ref.children,
       id = _ref.id,
-      props = _objectWithoutProperties__default["default"](_ref, _excluded$13);
+      props = _objectWithoutProperties__default["default"](_ref, _excluded$14);
 
   var accordionId = edsUtils.useId(id, 'accordion');
 
@@ -2924,7 +2924,7 @@ var Accordion$1 = /*#__PURE__*/react.forwardRef(function Accordion(_ref, ref) {
   });
 }); // Accordion.displayName = 'Accordion'
 
-var _excluded$12 = ["headerLevel", "chevronPosition", "index", "accordionId", "isExpanded", "children", "disabled"];
+var _excluded$13 = ["headerLevel", "chevronPosition", "index", "accordionId", "isExpanded", "children", "disabled"];
 var AccordionItem = /*#__PURE__*/react.forwardRef(function AccordionItem(_ref, ref) {
   var headerLevel = _ref.headerLevel,
       chevronPosition = _ref.chevronPosition,
@@ -2934,7 +2934,7 @@ var AccordionItem = /*#__PURE__*/react.forwardRef(function AccordionItem(_ref, r
       isExpanded = _ref.isExpanded,
       children = _ref.children,
       disabled = _ref.disabled,
-      props = _objectWithoutProperties__default["default"](_ref, _excluded$12);
+      props = _objectWithoutProperties__default["default"](_ref, _excluded$13);
 
   var _useState = react.useState(isExpanded),
       _useState2 = _slicedToArray__default["default"](_useState, 2),
@@ -2972,7 +2972,7 @@ var AccordionItem = /*#__PURE__*/react.forwardRef(function AccordionItem(_ref, r
   }));
 }); // AccordionItem.displayName = 'AccordionItem'
 
-var _excluded$11 = ["isExpanded", "disabled", "children"];
+var _excluded$12 = ["isExpanded", "disabled", "children"];
 var StyledAccordionHeaderTitle = styled__default["default"].span.withConfig({
   displayName: "AccordionHeaderTitle__StyledAccordionHeaderTitle",
   componentId: "sc-g27uve-0"
@@ -2989,7 +2989,7 @@ var AccordionHeaderTitle = /*#__PURE__*/react.forwardRef(function AccordionHeade
   var isExpanded = _ref2.isExpanded,
       disabled = _ref2.disabled,
       children = _ref2.children,
-      rest = _objectWithoutProperties__default["default"](_ref2, _excluded$11);
+      rest = _objectWithoutProperties__default["default"](_ref2, _excluded$12);
 
   return /*#__PURE__*/jsxRuntime.jsx(StyledAccordionHeaderTitle, _objectSpread__default["default"](_objectSpread__default["default"]({
     ref: ref,
@@ -3000,7 +3000,7 @@ var AccordionHeaderTitle = /*#__PURE__*/react.forwardRef(function AccordionHeade
   }));
 }); // AccordionHeaderTitle.displayName = 'AccordionHeaderTitle'
 
-var _excluded$10 = ["isExpanded", "disabled", "children"];
+var _excluded$11 = ["isExpanded", "disabled", "children"];
 var StyledAccordionHeaderActions = styled__default["default"].span.withConfig({
   displayName: "AccordionHeaderActions__StyledAccordionHeaderActions",
   componentId: "sc-klu9el-0"
@@ -3023,7 +3023,7 @@ var AccordionHeaderActions = /*#__PURE__*/react.forwardRef(function AccordionHea
   var isExpanded = _ref2.isExpanded,
       disabled = _ref2.disabled,
       children = _ref2.children,
-      rest = _objectWithoutProperties__default["default"](_ref2, _excluded$10);
+      rest = _objectWithoutProperties__default["default"](_ref2, _excluded$11);
 
   return /*#__PURE__*/jsxRuntime.jsx(StyledAccordionHeaderActions, _objectSpread__default["default"](_objectSpread__default["default"]({
     ref: ref,
@@ -3034,7 +3034,7 @@ var AccordionHeaderActions = /*#__PURE__*/react.forwardRef(function AccordionHea
   }));
 });
 
-var _excluded$$ = ["parentIndex", "headerLevel", "chevronPosition", "panelId", "id", "isExpanded", "children", "toggleExpanded", "disabled", "className", "style"];
+var _excluded$10 = ["parentIndex", "headerLevel", "chevronPosition", "panelId", "id", "isExpanded", "children", "toggleExpanded", "disabled", "className", "style"];
 var chevronToken = accordion.entities.chevron;
 var StyledAccordionHeader = styled__default["default"].div.withConfig({
   displayName: "AccordionHeader__StyledAccordionHeader",
@@ -3110,7 +3110,7 @@ var AccordionHeader = /*#__PURE__*/react.forwardRef(function AccordionHeader(_re
       disabled = _ref5.disabled,
       className = _ref5.className,
       style = _ref5.style,
-      props = _objectWithoutProperties__default["default"](_ref5, _excluded$$);
+      props = _objectWithoutProperties__default["default"](_ref5, _excluded$10);
 
   var handleClick = function handleClick() {
     if (!disabled) {
@@ -3193,7 +3193,7 @@ var AccordionHeader = /*#__PURE__*/react.forwardRef(function AccordionHeader(_re
   });
 });
 
-var _excluded$_ = ["id", "headerId", "hidden", "children"];
+var _excluded$$ = ["id", "headerId", "hidden", "children"];
 var StyledAccordionPanel = styled__default["default"].div.attrs(function (_ref) {
   var headerId = _ref.headerId;
   return {
@@ -3216,7 +3216,7 @@ var AccordionPanel = /*#__PURE__*/react.forwardRef(function AccordionPanel(_ref3
       headerId = _ref3.headerId,
       hidden = _ref3.hidden,
       children = _ref3.children,
-      props = _objectWithoutProperties__default["default"](_ref3, _excluded$_);
+      props = _objectWithoutProperties__default["default"](_ref3, _excluded$$);
 
   return /*#__PURE__*/jsxRuntime.jsx(StyledAccordionPanel, _objectSpread__default["default"](_objectSpread__default["default"]({
     headerId: headerId,
@@ -3360,7 +3360,7 @@ var token$1 = {
   }
 };
 
-var _excluded$Z = ["activeTab", "onChange", "onBlur", "onFocus", "variant", "scrollable", "id"];
+var _excluded$_ = ["activeTab", "onChange", "onBlur", "onFocus", "variant", "scrollable", "id"];
 var Tabs$1 = /*#__PURE__*/react.forwardRef(function Tabs(_ref, ref) {
   var _ref$activeTab = _ref.activeTab,
       activeTab = _ref$activeTab === void 0 ? 0 : _ref$activeTab,
@@ -3375,7 +3375,7 @@ var Tabs$1 = /*#__PURE__*/react.forwardRef(function Tabs(_ref, ref) {
       _ref$scrollable = _ref.scrollable,
       scrollable = _ref$scrollable === void 0 ? false : _ref$scrollable,
       id = _ref.id,
-      props = _objectWithoutProperties__default["default"](_ref, _excluded$Z);
+      props = _objectWithoutProperties__default["default"](_ref, _excluded$_);
 
   var tabsId = edsUtils.useId(id, 'tabs');
   var tabsRef = react.useRef(null);
@@ -3471,7 +3471,7 @@ var Tabs$1 = /*#__PURE__*/react.forwardRef(function Tabs(_ref, ref) {
   });
 });
 
-var _excluded$Y = ["children"];
+var _excluded$Z = ["children"];
 var variants$1 = {
   fullWidth: 'minmax(1%, 360px)',
   minWidth: 'max-content'
@@ -3493,7 +3493,7 @@ var StyledTabList = styled__default["default"].div.attrs(function () {
 var TabList = /*#__PURE__*/react.forwardRef(function TabsList(_ref3, ref) {
   var _ref3$children = _ref3.children,
       children = _ref3$children === void 0 ? [] : _ref3$children,
-      props = _objectWithoutProperties__default["default"](_ref3, _excluded$Y);
+      props = _objectWithoutProperties__default["default"](_ref3, _excluded$Z);
 
   var _useContext = react.useContext(TabsContext),
       activeTab = _useContext.activeTab,
@@ -3575,32 +3575,37 @@ var TabList = /*#__PURE__*/react.forwardRef(function TabsList(_ref3, ref) {
   }));
 });
 
+var _excluded$Y = ["active"];
 var StyledTab = styled__default["default"].button.attrs(function (_ref) {
-  var _ref$active = _ref.active,
-      active = _ref$active === void 0 ? false : _ref$active,
+  var _ref$$active = _ref.$active,
+      $active = _ref$$active === void 0 ? false : _ref$$active,
       _ref$disabled = _ref.disabled,
       disabled = _ref$disabled === void 0 ? false : _ref$disabled;
   return {
     type: 'button',
     role: 'tab',
-    'aria-selected': active,
+    'aria-selected': $active,
     'aria-disabled': disabled,
-    tabIndex: active ? '0' : '-1'
+    tabIndex: $active ? '0' : '-1'
   };
 }).withConfig({
   displayName: "Tab__StyledTab",
   componentId: "sc-scjkct-0"
 })(function (_ref2) {
   var theme = _ref2.theme,
-      active = _ref2.active,
+      $active = _ref2.$active,
       disabled = _ref2.disabled;
   var tab = theme.entities.tab;
-  return styled.css(["appearance:none;box-sizing:border-box;border:none;outline:none;height:", ";", " ", " color:", ";background-color:", ";position:relative;white-space:nowrap;text-overflow:ellipsis;overflow-x:hidden;scroll-snap-align:end;scroll-snap-stop:always;&:focus{outline:none;}&[data-focus],&[data-focus-visible-added]:focus{", "}&:focus-visible{", "}&::-moz-focus-inner{border:0;}@media (hover:hover) and (pointer:fine){&[data-hover],&:hover{color:", ";", "}}", " ", ""], tab.height, edsUtils.spacingsTemplate(tab.spacings), edsUtils.typographyTemplate(tab.typography), active ? tab.states.active.typography.color : tab.typography.color, tab.background, edsUtils.outlineTemplate(tab.states.focus.outline), edsUtils.outlineTemplate(tab.states.focus.outline), active ? tab.states.active.states.hover.typography.color : tab.typography.color, disabled ? styled.css(["background:", ";cursor:not-allowed;"], tab.states.disabled.background) : styled.css(["background:", ";cursor:pointer;"], tab.states.hover.background), disabled ? edsUtils.bordersTemplate(tab.states.disabled.border) : edsUtils.bordersTemplate(tab.border), active && edsUtils.bordersTemplate(tab.states.active.border));
+  return styled.css(["appearance:none;box-sizing:border-box;display:inline-flex;align-items:center;border:none;outline:none;height:", ";", " ", " color:", ";background-color:", ";position:relative;white-space:nowrap;text-overflow:ellipsis;text-decoration:none;overflow-x:hidden;scroll-snap-align:end;scroll-snap-stop:always;&:focus{outline:none;}&[data-focus],&[data-focus-visible-added]:focus{", "}&:focus-visible{", "}&::-moz-focus-inner{border:0;}@media (hover:hover) and (pointer:fine){&[data-hover],&:hover{color:", ";", "}}", " ", ""], tab.height, edsUtils.spacingsTemplate(tab.spacings), edsUtils.typographyTemplate(tab.typography), $active ? tab.states.active.typography.color : tab.typography.color, tab.background, edsUtils.outlineTemplate(tab.states.focus.outline), edsUtils.outlineTemplate(tab.states.focus.outline), $active ? tab.states.active.states.hover.typography.color : tab.typography.color, disabled ? styled.css(["background:", ";cursor:not-allowed;"], tab.states.disabled.background) : styled.css(["background:", ";cursor:pointer;"], tab.states.hover.background), disabled ? edsUtils.bordersTemplate(tab.states.disabled.border) : edsUtils.bordersTemplate(tab.border), $active && edsUtils.bordersTemplate(tab.states.active.border));
 });
-var Tab = /*#__PURE__*/react.forwardRef(function Tab(props, ref) {
+var Tab = /*#__PURE__*/react.forwardRef(function Tab(_ref3, ref) {
+  var active = _ref3.active,
+      rest = _objectWithoutProperties__default["default"](_ref3, _excluded$Y);
+
   return /*#__PURE__*/jsxRuntime.jsx(StyledTab, _objectSpread__default["default"]({
-    ref: ref
-  }, props));
+    ref: ref,
+    $active: active
+  }, rest));
 });
 
 var _excluded$X = ["children"];
@@ -9524,11 +9529,8 @@ function AutocompleteInner(props, ref) {
     },
     onIsOpenChange: function onIsOpenChange(_ref8) {
       var selectedItem = _ref8.selectedItem;
-      // Show all options when single select is reopened with a selected item
-      var availableHash = JSON.stringify(availableItems[0]);
-      var selectedsHash = JSON.stringify(selectedItem);
 
-      if (availableItems.length === 1 && selectedsHash === availableHash) {
+      if (!multiple && selectedItem !== null) {
         setAvailableItems(options);
       }
     },

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

@@ -254,11 +254,8 @@ function AutocompleteInner(props, ref) {
     },
     onIsOpenChange: function onIsOpenChange(_ref8) {
       var selectedItem = _ref8.selectedItem;
-      // Show all options when single select is reopened with a selected item
-      var availableHash = JSON.stringify(availableItems[0]);
-      var selectedsHash = JSON.stringify(selectedItem);
 
-      if (availableItems.length === 1 && selectedsHash === availableHash) {
+      if (!multiple && selectedItem !== null) {
         setAvailableItems(options);
       }
     },

package/dist/esm/components/Tabs/Tab.js

@@ -1,35 +1,41 @@
 import _objectSpread from '@babel/runtime/helpers/objectSpread2';
+import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
 import { forwardRef } from 'react';
 import styled, { css } from 'styled-components';
 import { spacingsTemplate, typographyTemplate, outlineTemplate, bordersTemplate } from '@equinor/eds-utils';
 import { jsx } from 'react/jsx-runtime';
 
+var _excluded = ["active"];
 var StyledTab = styled.button.attrs(function (_ref) {
-  var _ref$active = _ref.active,
-      active = _ref$active === void 0 ? false : _ref$active,
+  var _ref$$active = _ref.$active,
+      $active = _ref$$active === void 0 ? false : _ref$$active,
       _ref$disabled = _ref.disabled,
       disabled = _ref$disabled === void 0 ? false : _ref$disabled;
   return {
     type: 'button',
     role: 'tab',
-    'aria-selected': active,
+    'aria-selected': $active,
     'aria-disabled': disabled,
-    tabIndex: active ? '0' : '-1'
+    tabIndex: $active ? '0' : '-1'
   };
 }).withConfig({
   displayName: "Tab__StyledTab",
   componentId: "sc-scjkct-0"
 })(function (_ref2) {
   var theme = _ref2.theme,
-      active = _ref2.active,
+      $active = _ref2.$active,
       disabled = _ref2.disabled;
   var tab = theme.entities.tab;
-  return css(["appearance:none;box-sizing:border-box;border:none;outline:none;height:", ";", " ", " color:", ";background-color:", ";position:relative;white-space:nowrap;text-overflow:ellipsis;overflow-x:hidden;scroll-snap-align:end;scroll-snap-stop:always;&:focus{outline:none;}&[data-focus],&[data-focus-visible-added]:focus{", "}&:focus-visible{", "}&::-moz-focus-inner{border:0;}@media (hover:hover) and (pointer:fine){&[data-hover],&:hover{color:", ";", "}}", " ", ""], tab.height, spacingsTemplate(tab.spacings), typographyTemplate(tab.typography), active ? tab.states.active.typography.color : tab.typography.color, tab.background, outlineTemplate(tab.states.focus.outline), outlineTemplate(tab.states.focus.outline), active ? tab.states.active.states.hover.typography.color : tab.typography.color, disabled ? css(["background:", ";cursor:not-allowed;"], tab.states.disabled.background) : css(["background:", ";cursor:pointer;"], tab.states.hover.background), disabled ? bordersTemplate(tab.states.disabled.border) : bordersTemplate(tab.border), active && bordersTemplate(tab.states.active.border));
+  return css(["appearance:none;box-sizing:border-box;display:inline-flex;align-items:center;border:none;outline:none;height:", ";", " ", " color:", ";background-color:", ";position:relative;white-space:nowrap;text-overflow:ellipsis;text-decoration:none;overflow-x:hidden;scroll-snap-align:end;scroll-snap-stop:always;&:focus{outline:none;}&[data-focus],&[data-focus-visible-added]:focus{", "}&:focus-visible{", "}&::-moz-focus-inner{border:0;}@media (hover:hover) and (pointer:fine){&[data-hover],&:hover{color:", ";", "}}", " ", ""], tab.height, spacingsTemplate(tab.spacings), typographyTemplate(tab.typography), $active ? tab.states.active.typography.color : tab.typography.color, tab.background, outlineTemplate(tab.states.focus.outline), outlineTemplate(tab.states.focus.outline), $active ? tab.states.active.states.hover.typography.color : tab.typography.color, disabled ? css(["background:", ";cursor:not-allowed;"], tab.states.disabled.background) : css(["background:", ";cursor:pointer;"], tab.states.hover.background), disabled ? bordersTemplate(tab.states.disabled.border) : bordersTemplate(tab.border), $active && bordersTemplate(tab.states.active.border));
 });
-var Tab = /*#__PURE__*/forwardRef(function Tab(props, ref) {
+var Tab = /*#__PURE__*/forwardRef(function Tab(_ref3, ref) {
+  var active = _ref3.active,
+      rest = _objectWithoutProperties(_ref3, _excluded);
+
   return /*#__PURE__*/jsx(StyledTab, _objectSpread({
-    ref: ref
-  }, props));
+    ref: ref,
+    $active: active
+  }, rest));
 });
 
 export { Tab };

package/dist/types/components/Tabs/Tab.d.ts

@@ -1,13 +1,15 @@
-import { ButtonHTMLAttributes } from 'react';
+import { ButtonHTMLAttributes, ElementType } from 'react';
+import { OverridableComponent } from '@equinor/eds-utils';
+declare type OverridableSubComponent = OverridableComponent<TabProps, HTMLButtonElement> & {
+    displayName?: string;
+};
 export declare type TabProps = {
     /** If `true`, the tab will be active. */
     active?: boolean;
     /** If `true`, the tab will be disabled. */
     disabled?: boolean;
+    /** Override element type */
+    as?: ElementType;
 } & ButtonHTMLAttributes<HTMLButtonElement>;
-export declare const Tab: import("react").ForwardRefExoticComponent<{
-    /** If `true`, the tab will be active. */
-    active?: boolean;
-    /** If `true`, the tab will be disabled. */
-    disabled?: boolean;
-} & ButtonHTMLAttributes<HTMLButtonElement> & import("react").RefAttributes<HTMLButtonElement>>;
+export declare const Tab: OverridableSubComponent;
+export {};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@equinor/eds-core-react",
-  "version": "0.24.0-dev.20221006",
+  "version": "0.24.0-dev.20221007",
   "description": "The React implementation of the Equinor Design System",
   "sideEffects": [
     "**/*.css"
@@ -81,7 +81,7 @@
     "@babel/runtime": "^7.19.0",
     "@equinor/eds-icons": "0.15.0-dev.20221005",
     "@equinor/eds-tokens": "0.8.0-dev.20221005",
-    "@equinor/eds-utils": "0.4.0",
+    "@equinor/eds-utils": "0.5.0-dev.20221006",
     "@floating-ui/react-dom-interactions": "^0.10.1",
     "downshift": "^6.1.12"
   },