@equinor/eds-core-react 0.47.0 → 0.49.0

package/dist/eds-core-react.cjs

@@ -269,7 +269,7 @@ function _isObject(x) {
  * @param {Object} l
  * @param {Object} r
  * @return {Object}
- * @see R.mergeDeepWithKey, R.merge, R.mergeWith
+ * @see R.mergeDeepWithKey, R.mergeWith
  * @example
  *
  *      let concatValues = (k, l, r) => k == 'values' ? R.concat(l, r) : r
@@ -349,7 +349,7 @@ var mergeDeepWithKey = /*#__PURE__*/_curry3(function mergeDeepWithKey(fn, lObj,
  * @param {Object} lObj
  * @param {Object} rObj
  * @return {Object}
- * @see R.merge, R.mergeDeepLeft, R.mergeDeepWith, R.mergeDeepWithKey
+ * @see R.mergeDeepLeft, R.mergeDeepWith, R.mergeDeepWithKey
  * @example
  *
  *      R.mergeDeepRight({ name: 'fred', age: 10, contact: { email: 'moo@example.com' }},
@@ -377,7 +377,7 @@ var mergeDeepRight = /*#__PURE__*/_curry2(function mergeDeepRight(lObj, rObj) {
  * @param {Object} l
  * @param {Object} r
  * @return {Object}
- * @see R.mergeDeepWith, R.merge, R.mergeWithKey
+ * @see R.mergeDeepWith, R.mergeWithKey
  * @example
  *
  *      R.mergeWith(R.concat,
@@ -1149,6 +1149,7 @@ const Tooltip$2 = /*#__PURE__*/react.forwardRef(function Tooltip({
   children,
   style,
   enterDelay = 100,
+  disabled = false,
   portalContainer,
   ...rest
 }, ref) {
@@ -1264,7 +1265,7 @@ const Tooltip$2 = /*#__PURE__*/react.forwardRef(function Tooltip({
     })]
   });
   return /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
-    children: [shouldOpen && open && /*#__PURE__*/reactDom.createPortal(TooltipEl, portalContainer ?? rootElement ?? document.body), updatedChildren]
+    children: [shouldOpen && open && !disabled && /*#__PURE__*/reactDom.createPortal(TooltipEl, portalContainer ?? rootElement ?? document.body), updatedChildren]
   });
 });
 
@@ -1853,7 +1854,8 @@ const StyledTableCell$1 = styled__default.default.th.withConfig({
 })(props => {
   const {
     theme,
-    $sticky
+    $sticky,
+    $density
   } = props;
   const {
     background,
@@ -1871,7 +1873,11 @@ const StyledTableCell$1 = styled__default.default.th.withConfig({
   if (ariaSort && ariaSort !== 'none') {
     sortStylingActive = styled.css(["", ";background:", ";color:", ";"], activeToken.border.type === 'bordergroup' ? styled.css(["border-color:", ";"], activeToken.border.bottom.color) : '', activeToken.background, activeToken.typography.color);
   }
-  return styled.css(["min-height:", ";height:", ";background:", ";box-sizing:border-box;", " ", " ", " ", " ", " ", ""], height, height, background, edsUtils.spacingsTemplate(spacings), edsUtils.typographyTemplate(typography), edsUtils.bordersTemplate(theme.border), sortStylingHover, sortStylingActive, $sticky ? styled.css(["position:sticky;top:0;z-index:1;"]) : '');
+
+  // Firefox specific workaround (bug in v142.0) - see issue #3910
+  // Hardcoded padding values compensate for Firefox's incorrect table cell height calculation
+  const firefoxFix = edsUtils.isFirefox() ? styled.css(["vertical-align:top;height:auto;min-height:", ";> div{padding:", " 0;}"], height, $density === 'compact' ? '7px' : '13px') : styled.css([""]);
+  return styled.css(["min-height:", ";height:", ";background:", ";box-sizing:border-box;", " ", " ", " ", " ", " ", " ", ""], height, height, background, edsUtils.spacingsTemplate(spacings), edsUtils.typographyTemplate(typography), edsUtils.bordersTemplate(theme.border), sortStylingHover, sortStylingActive, firefoxFix, $sticky ? styled.css(["position:sticky;top:0;z-index:1;"]) : '');
 });
 const CellInner$1 = styled__default.default.div.withConfig({
   displayName: "HeaderCell__CellInner",
@@ -1892,6 +1898,7 @@ const TableHeaderCell = /*#__PURE__*/react.forwardRef(function TableHeaderCell({
   const props = {
     ref,
     $sticky: sticky,
+    $density: density,
     ...rest
   };
   return /*#__PURE__*/jsxRuntime.jsx(styled.ThemeProvider, {
@@ -3998,20 +4005,24 @@ const TabList = /*#__PURE__*/react.forwardRef(function TabsList({
     }
   }, [arrowNavigating, tabsFocused]);
   const Tabs = react.Children.map(children, (child, $index) => {
-    const childProps = child.props;
+    if (! /*#__PURE__*/react.isValidElement(child)) {
+      return null;
+    }
+    const tabChild = child;
+    const childProps = tabChild.props;
     const controlledActive = childProps.value;
     const isActive = controlledActive ? controlledActive === activeTab : $index === activeTab;
-    const tabRef = isActive ? edsUtils.mergeRefs(child.ref, selectedTabRef) : child.ref;
+    const tabRef = isActive ? edsUtils.mergeRefs(tabChild.ref, selectedTabRef) : tabChild.ref;
     if (isActive) currentTab.current = $index;
-    return /*#__PURE__*/react.cloneElement(child, {
+    return /*#__PURE__*/react.cloneElement(tabChild, {
       id: `${tabsId}-tab-${$index + 1}`,
       'aria-controls': `${tabsId}-panel-${$index + 1}`,
       active: isActive,
       $index,
-      onClick: () => handleChange($index),
+      onClick: () => handleChange(controlledActive !== undefined ? controlledActive : $index),
       ref: tabRef
     });
-  });
+  }) ?? [];
   const focusableChildren = Tabs.filter(child => {
     const childProps = child.props;
     return !childProps.disabled;
@@ -4098,7 +4109,7 @@ const TabPanels = /*#__PURE__*/react.forwardRef(function TabPanels({
     tabsId
   } = react.useContext(TabsContext);
   const Panels = react.Children.map(children, (child, $index) => {
-    if (conditionalRender && activeTab !== $index) return null;
+    if (! /*#__PURE__*/react.isValidElement(child) || conditionalRender && activeTab !== $index) return null;
     return /*#__PURE__*/react.cloneElement(child, {
       id: `${tabsId}-panel-${$index + 1}`,
       'aria-labelledby': `${tabsId}-tab-${$index + 1}`,
@@ -7478,7 +7489,7 @@ const Breadcrumb = /*#__PURE__*/react.forwardRef(function Breadcrumb({
     href,
     ref
   };
-  const showTooltip = maxWidth > 0 || forceTooltip;
+  const showTooltip = maxWidth !== undefined && maxWidth > 0 || forceTooltip === true;
   const isHrefDefined = href !== undefined;
   const forwardedAs = react.useMemo(() => as ? as : isHrefDefined ? 'a' : 'span', [as, isHrefDefined]);
   const crumb = /*#__PURE__*/jsxRuntime.jsx(StyledTypography, {
@@ -9508,6 +9519,10 @@ const StyledAddItemIcon = styled__default.default(Icon$1).withConfig({
 }) => {
   return styled.css(["padding:", ";color:", ";"], multiple ? '0.75rem' : '0 0.75rem 0 0', edsTokens.tokens.colors.interactive.primary__resting.hex);
 });
+const StyledPlaceholder = styled__default.default.span.withConfig({
+  displayName: "AddNewOption__StyledPlaceholder",
+  componentId: "sc-8xtrxx-1"
+})(["color:", ";"], input$1.entities.placeholder.typography.color);
 function AddNewOptionInner(props, ref) {
   const {
     value,
@@ -9520,17 +9535,21 @@ function AddNewOptionInner(props, ref) {
   return /*#__PURE__*/jsxRuntime.jsxs(StyledListItem, {
     ref: ref,
     $highlighted: highlighted,
-    "aria-label": `Add new option: ${value}`,
     onClick: e => {
       onClick(e);
     },
     ...other,
+    "aria-label": `Add new option: ${value}`,
+    "aria-live": "polite",
+    "aria-selected": false,
     children: [/*#__PURE__*/jsxRuntime.jsx(StyledAddItemIcon, {
       multiple: multiple,
       data: edsIcons.add_box
     }), /*#__PURE__*/jsxRuntime.jsx(AutocompleteOptionLabel, {
       $multiline: multiline,
-      children: value
+      children: value ? value : /*#__PURE__*/jsxRuntime.jsx(StyledPlaceholder, {
+        children: "Type to add new options"
+      })
     })]
   });
 }
@@ -9740,8 +9759,9 @@ function AutocompleteInner(props, ref) {
     return allowSelectAll && !typedInputValue;
   }, [allowSelectAll, multiple, typedInputValue]);
   const availableItems = react.useMemo(() => {
+    if (showSelectAll && onAddNewOption) return [AddSymbol, AllSymbol, ..._availableItems];
     if (showSelectAll) return [AllSymbol, ..._availableItems];
-    if (_availableItems.length === 0 && onAddNewOption) return [AddSymbol];
+    if (onAddNewOption) return [AddSymbol, ..._availableItems];
     return _availableItems;
   }, [_availableItems, showSelectAll, onAddNewOption]);
 
@@ -9826,12 +9846,10 @@ function AutocompleteInner(props, ref) {
     if (item == null) {
       return '';
     }
-    if (typeof item === 'object') {
-      if (optionLabel) {
-        return optionLabel(item);
-      } else {
-        throw new Error('Missing label. When using objects for options make sure to define the `optionLabel` property');
-      }
+    if (optionLabel) {
+      return optionLabel(item);
+    } else if (typeof item === 'object') {
+      throw new Error('Missing label. When using objects for options make sure to define the `optionLabel` property');
     }
     if (typeof item === 'string') {
       return item;
@@ -9866,6 +9884,7 @@ function AutocompleteInner(props, ref) {
     //can not pass readonly type to downshift so we cast it to regular T[]
     initialSelectedItem: initialSelectedOptions[0],
     isItemDisabled(item) {
+      if (item === AddSymbol) return !typedInputValue.trim();
       return optionDisabled(item);
     },
     itemToKey,
@@ -9919,7 +9938,7 @@ function AutocompleteInner(props, ref) {
           if (selectedItem != null && !optionDisabled(selectedItem)) {
             if (selectedItem === AllSymbol) {
               toggleAllSelected();
-            } else if (selectedItem === AddSymbol) {
+            } else if (selectedItem === AddSymbol && typedInputValue.trim()) {
               onAddNewOption?.(typedInputValue);
             } else if (multiple) {
               const shouldRemove = itemCompare ? selectedItems.some(i => itemCompare(selectedItem, i)) : selectedItems.includes(selectedItem);
@@ -9941,6 +9960,7 @@ function AutocompleteInner(props, ref) {
     comboBoxProps = {
       ...comboBoxProps,
       onSelectedItemChange: changes => {
+        if (changes.selectedItem === AddSymbol) return;
         if (onOptionsChange) {
           let {
             selectedItem
@@ -9967,11 +9987,9 @@ function AutocompleteInner(props, ref) {
           case downshift.useCombobox.stateChangeTypes.InputKeyDownEnter:
           case downshift.useCombobox.stateChangeTypes.ItemClick:
             if (changes.selectedItem === AddSymbol) {
-              onAddNewOption(typedInputValue);
               return {
                 ...changes,
-                inputValue: '',
-                selectedItem: null
+                inputValue: ''
               };
             }
             return {
@@ -10260,6 +10278,7 @@ function AutocompleteInner(props, ref) {
           }, 'select-all');
         }
         if (item === AddSymbol && onAddNewOption) {
+          const isDisabled = !typedInputValue.trim();
           return /*#__PURE__*/jsxRuntime.jsx(AddNewOption, {
             "data-index": 0,
             "data-testid": 'add-item',
@@ -10279,7 +10298,7 @@ function AutocompleteInner(props, ref) {
               item,
               index: index
             }),
-            value: `${typedInputValue}`
+            value: typedInputValue.trim()
           }, 'add-item');
         }
         return /*#__PURE__*/jsxRuntime.jsx(AutocompleteOption, {
@@ -11385,6 +11404,15 @@ function CalendarCell({
   });
 }
 
+const TOTAL_VISIBLE_YEARS = 36;
+const RANGE_OFFSET = 30 / 2;
+const getPageYears = (selectedYear, yearPickerPage = 0) => {
+  const page = yearPickerPage * TOTAL_VISIBLE_YEARS;
+  return Array.from({
+    length: TOTAL_VISIBLE_YEARS
+  }, (_, i) => i + (selectedYear + page - RANGE_OFFSET));
+};
+
 // Disable no-autofocus - it's not the native autofocus attribute, but react-aria's autoFocus prop
 /* eslint-disable jsx-a11y/no-autofocus */
 const Grid = styled__default.default.div.withConfig({
@@ -11397,8 +11425,6 @@ const GridColumn = styled__default.default.button.withConfig({
 })(["background-color:transparent;outline:none;border:none;display:flex;justify-content:center;cursor:pointer;padding:8px;font-size:", ";font-family:", ";font-weight:", ";line-height:", ";color:", ";border-radius:999px;", ";&:hover{background-color:#f0f0f0;}&:focus{outline:2px dashed ", ";}"], edsTokens.tokens.typography.navigation.button.fontSize, edsTokens.tokens.typography.navigation.button.fontFamily, edsTokens.tokens.typography.navigation.button.fontWeight, edsTokens.tokens.typography.navigation.button.lineHeight, edsTokens.tokens.colors.text.static_icons__default.rgba, ({
   $active
 }) => $active ? `background-color: ${edsTokens.tokens.colors.interactive.primary__selected_highlight.rgba}` : '', edsTokens.tokens.colors.interactive.primary__resting.rgba);
-const TOTAL_VISIBLE_YEARS = 36;
-const RANGE_OFFSET = 30 / 2;
 const GridFocusManager = ({
   year: selectedYear,
   setFocusedYear,
@@ -11408,10 +11434,7 @@ const GridFocusManager = ({
   const focusManager = reactAria.useFocusManager();
   const prevYear = react.useRef();
   const navByKeyboard = react.useRef(false);
-  const page = yearPickerPage * TOTAL_VISIBLE_YEARS;
-  const years = Array.from({
-    length: TOTAL_VISIBLE_YEARS
-  }, (_, i) => i + (selectedYear + page - RANGE_OFFSET));
+  const years = getPageYears(selectedYear, yearPickerPage);
   react.useEffect(() => {
     if (prevYear.current === undefined) {
       prevYear.current = yearPickerPage;
@@ -11614,14 +11637,18 @@ function CalendarHeader({
   nextMonthDisabled,
   showYearPicker,
   setShowYearPicker,
-  setYearPickerPage
+  setYearPickerPage,
+  yearPickerPage
 }) {
+  const years = getPageYears(state.focusedDate.year, yearPickerPage);
+  const backButtonDisabled = showYearPicker && state.minValue ? years[0] < state.minValue.year : previousMonthDisabled;
+  const nextButtonDisabled = showYearPicker && state.maxValue ? years[years.length - 1] > state.maxValue.year : nextMonthDisabled;
   return /*#__PURE__*/jsxRuntime.jsx(HeaderWrapper, {
     children: /*#__PURE__*/jsxRuntime.jsxs(HeaderActions, {
       children: [/*#__PURE__*/jsxRuntime.jsx(Button$1, {
         variant: 'ghost_icon',
         "aria-label": 'Previous month',
-        disabled: previousMonthDisabled,
+        disabled: backButtonDisabled,
         onClick: () => showYearPicker ? setYearPickerPage(page => page - 1) : state.focusPreviousPage(),
         children: /*#__PURE__*/jsxRuntime.jsx(Icon$1, {
           data: edsIcons.chevron_left
@@ -11652,7 +11679,7 @@ function CalendarHeader({
       }), /*#__PURE__*/jsxRuntime.jsx(Button$1, {
         variant: 'ghost_icon',
         onClick: () => showYearPicker ? setYearPickerPage(page => page + 1) : state.focusNextPage(),
-        disabled: nextMonthDisabled,
+        disabled: nextButtonDisabled,
         "aria-label": 'Next month',
         children: /*#__PURE__*/jsxRuntime.jsx(Icon$1, {
           data: edsIcons.chevron_right
@@ -11712,6 +11739,7 @@ const Calendar = /*#__PURE__*/react.forwardRef(({
         nextMonthDisabled: nextButtonProps.isDisabled,
         setShowYearPicker: setShowYearPicker,
         showYearPicker: showYearPicker,
+        yearPickerPage: yearPickerPage,
         setYearPickerPage: setYearPickerPage
       })
     }), /*#__PURE__*/jsxRuntime.jsx(Popover.Content, {
@@ -12307,7 +12335,8 @@ const RangeCalendar = /*#__PURE__*/react.forwardRef(({
         title: title,
         setShowYearPicker: setShowYearPicker,
         showYearPicker: showYearPicker,
-        setYearPickerPage: setYearPickerPage
+        setYearPickerPage: setYearPickerPage,
+        yearPickerPage: yearPickerPage
       })
     }), /*#__PURE__*/jsxRuntime.jsx(Popover.Content, {
       children: /*#__PURE__*/jsxRuntime.jsx(CalendarGrid, {
@@ -12610,6 +12639,7 @@ exports.TableFoot = Foot;
 exports.TableHead = Head;
 exports.TableOfContents = TableOfContents;
 exports.TableOfContentsLinkItem = LinkItem;
+exports.TableRow = Row;
 exports.Tabs = Tabs;
 exports.TextField = TextField;
 exports.ToggleButton = ToggleButton;
@@ -12619,6 +12649,5 @@ exports.TopbarActions = Actions;
 exports.TopbarCustomContent = CustomContent;
 exports.TopbarHeader = Header$2;
 exports.Typography = Typography;
-exports.tableRow = Row;
 exports.useEds = useEds;
 exports.useSideBar = useSideBar;

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

@@ -4,6 +4,7 @@ import { forwardRef } from 'react';
 import styled, { css } from 'styled-components';
 import { Icon } from '../Icon/index.js';
 import { StyledListItem, AutocompleteOptionLabel } from './Option.js';
+import { input } from '../Input/Input.tokens.js';
 import { jsxs, jsx } from 'react/jsx-runtime';
 
 const StyledAddItemIcon = styled(Icon).withConfig({
@@ -14,6 +15,10 @@ const StyledAddItemIcon = styled(Icon).withConfig({
 }) => {
   return css(["padding:", ";color:", ";"], multiple ? '0.75rem' : '0 0.75rem 0 0', tokens.colors.interactive.primary__resting.hex);
 });
+const StyledPlaceholder = styled.span.withConfig({
+  displayName: "AddNewOption__StyledPlaceholder",
+  componentId: "sc-8xtrxx-1"
+})(["color:", ";"], input.entities.placeholder.typography.color);
 function AddNewOptionInner(props, ref) {
   const {
     value,
@@ -26,17 +31,21 @@ function AddNewOptionInner(props, ref) {
   return /*#__PURE__*/jsxs(StyledListItem, {
     ref: ref,
     $highlighted: highlighted,
-    "aria-label": `Add new option: ${value}`,
     onClick: e => {
       onClick(e);
     },
     ...other,
+    "aria-label": `Add new option: ${value}`,
+    "aria-live": "polite",
+    "aria-selected": false,
     children: [/*#__PURE__*/jsx(StyledAddItemIcon, {
       multiple: multiple,
       data: add_box
     }), /*#__PURE__*/jsx(AutocompleteOptionLabel, {
       $multiline: multiline,
-      children: value
+      children: value ? value : /*#__PURE__*/jsx(StyledPlaceholder, {
+        children: "Type to add new options"
+      })
     })]
   });
 }

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

@@ -13,8 +13,8 @@ import { AutocompleteOption } from './Option.js';
 import { useFloating, offset, flip, size, useInteractions, autoUpdate } from '@floating-ui/react';
 import { AddNewOption } from './AddNewOption.js';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
-import pickBy from '../../node_modules/.pnpm/ramda@0.30.1/node_modules/ramda/es/pickBy.js';
-import mergeWith from '../../node_modules/.pnpm/ramda@0.30.1/node_modules/ramda/es/mergeWith.js';
+import pickBy from '../../node_modules/.pnpm/ramda@0.31.3/node_modules/ramda/es/pickBy.js';
+import mergeWith from '../../node_modules/.pnpm/ramda@0.31.3/node_modules/ramda/es/mergeWith.js';
 import { useEds } from '../EdsProvider/eds.context.js';
 import { Label } from '../Label/Label.js';
 import { Input } from '../Input/Input.js';
@@ -224,8 +224,9 @@ function AutocompleteInner(props, ref) {
     return allowSelectAll && !typedInputValue;
   }, [allowSelectAll, multiple, typedInputValue]);
   const availableItems = useMemo(() => {
+    if (showSelectAll && onAddNewOption) return [AddSymbol, AllSymbol, ..._availableItems];
     if (showSelectAll) return [AllSymbol, ..._availableItems];
-    if (_availableItems.length === 0 && onAddNewOption) return [AddSymbol];
+    if (onAddNewOption) return [AddSymbol, ..._availableItems];
     return _availableItems;
   }, [_availableItems, showSelectAll, onAddNewOption]);
 
@@ -310,12 +311,10 @@ function AutocompleteInner(props, ref) {
     if (item == null) {
       return '';
     }
-    if (typeof item === 'object') {
-      if (optionLabel) {
-        return optionLabel(item);
-      } else {
-        throw new Error('Missing label. When using objects for options make sure to define the `optionLabel` property');
-      }
+    if (optionLabel) {
+      return optionLabel(item);
+    } else if (typeof item === 'object') {
+      throw new Error('Missing label. When using objects for options make sure to define the `optionLabel` property');
     }
     if (typeof item === 'string') {
       return item;
@@ -350,6 +349,7 @@ function AutocompleteInner(props, ref) {
     //can not pass readonly type to downshift so we cast it to regular T[]
     initialSelectedItem: initialSelectedOptions[0],
     isItemDisabled(item) {
+      if (item === AddSymbol) return !typedInputValue.trim();
       return optionDisabled(item);
     },
     itemToKey,
@@ -403,7 +403,7 @@ function AutocompleteInner(props, ref) {
           if (selectedItem != null && !optionDisabled(selectedItem)) {
             if (selectedItem === AllSymbol) {
               toggleAllSelected();
-            } else if (selectedItem === AddSymbol) {
+            } else if (selectedItem === AddSymbol && typedInputValue.trim()) {
               onAddNewOption?.(typedInputValue);
             } else if (multiple) {
               const shouldRemove = itemCompare ? selectedItems.some(i => itemCompare(selectedItem, i)) : selectedItems.includes(selectedItem);
@@ -425,6 +425,7 @@ function AutocompleteInner(props, ref) {
     comboBoxProps = {
       ...comboBoxProps,
       onSelectedItemChange: changes => {
+        if (changes.selectedItem === AddSymbol) return;
         if (onOptionsChange) {
           let {
             selectedItem
@@ -451,11 +452,9 @@ function AutocompleteInner(props, ref) {
           case useCombobox.stateChangeTypes.InputKeyDownEnter:
           case useCombobox.stateChangeTypes.ItemClick:
             if (changes.selectedItem === AddSymbol) {
-              onAddNewOption(typedInputValue);
               return {
                 ...changes,
-                inputValue: '',
-                selectedItem: null
+                inputValue: ''
               };
             }
             return {
@@ -744,6 +743,7 @@ function AutocompleteInner(props, ref) {
           }, 'select-all');
         }
         if (item === AddSymbol && onAddNewOption) {
+          const isDisabled = !typedInputValue.trim();
           return /*#__PURE__*/jsx(AddNewOption, {
             "data-index": 0,
             "data-testid": 'add-item',
@@ -763,7 +763,7 @@ function AutocompleteInner(props, ref) {
               item,
               index: index
             }),
-            value: `${typedInputValue}`
+            value: typedInputValue.trim()
           }, 'add-item');
         }
         return /*#__PURE__*/jsx(AutocompleteOption, {

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

@@ -1,5 +1,5 @@
 import { tokens } from '@equinor/eds-tokens';
-import mergeDeepRight from '../../node_modules/.pnpm/ramda@0.30.1/node_modules/ramda/es/mergeDeepRight.js';
+import mergeDeepRight from '../../node_modules/.pnpm/ramda@0.31.3/node_modules/ramda/es/mergeDeepRight.js';
 
 const {
   typography,

package/dist/esm/components/Breadcrumbs/Breadcrumb.js

@@ -30,7 +30,7 @@ const Breadcrumb = /*#__PURE__*/forwardRef(function Breadcrumb({
     href,
     ref
   };
-  const showTooltip = maxWidth > 0 || forceTooltip;
+  const showTooltip = maxWidth !== undefined && maxWidth > 0 || forceTooltip === true;
   const isHrefDefined = href !== undefined;
   const forwardedAs = useMemo(() => as ? as : isHrefDefined ? 'a' : 'span', [as, isHrefDefined]);
   const crumb = /*#__PURE__*/jsx(StyledTypography, {

package/dist/esm/components/Button/tokens/contained.js

@@ -1,6 +1,6 @@
 import { tokens } from '@equinor/eds-tokens';
 import { button } from './button.js';
-import mergeDeepRight from '../../../node_modules/.pnpm/ramda@0.30.1/node_modules/ramda/es/mergeDeepRight.js';
+import mergeDeepRight from '../../../node_modules/.pnpm/ramda@0.31.3/node_modules/ramda/es/mergeDeepRight.js';
 
 const {
   colors: {

package/dist/esm/components/Button/tokens/contained_icon.js

@@ -1,6 +1,6 @@
 import { tokens } from '@equinor/eds-tokens';
 import { primary as primary$1, secondary as secondary$1, danger as danger$1 } from './contained.js';
-import mergeDeepRight from '../../../node_modules/.pnpm/ramda@0.30.1/node_modules/ramda/es/mergeDeepRight.js';
+import mergeDeepRight from '../../../node_modules/.pnpm/ramda@0.31.3/node_modules/ramda/es/mergeDeepRight.js';
 
 const {
   clickbounds: {

package/dist/esm/components/Button/tokens/ghost.js

@@ -1,6 +1,6 @@
 import { tokens } from '@equinor/eds-tokens';
 import { button } from './button.js';
-import mergeDeepRight from '../../../node_modules/.pnpm/ramda@0.30.1/node_modules/ramda/es/mergeDeepRight.js';
+import mergeDeepRight from '../../../node_modules/.pnpm/ramda@0.31.3/node_modules/ramda/es/mergeDeepRight.js';
 
 const {
   colors: {

package/dist/esm/components/Button/tokens/icon.js

@@ -1,6 +1,6 @@
 import { tokens } from '@equinor/eds-tokens';
 import { button } from './button.js';
-import mergeDeepRight from '../../../node_modules/.pnpm/ramda@0.30.1/node_modules/ramda/es/mergeDeepRight.js';
+import mergeDeepRight from '../../../node_modules/.pnpm/ramda@0.31.3/node_modules/ramda/es/mergeDeepRight.js';
 
 const {
   colors: {

package/dist/esm/components/Button/tokens/outlined.js

@@ -1,6 +1,6 @@
 import { tokens } from '@equinor/eds-tokens';
 import { button } from './button.js';
-import mergeDeepRight from '../../../node_modules/.pnpm/ramda@0.30.1/node_modules/ramda/es/mergeDeepRight.js';
+import mergeDeepRight from '../../../node_modules/.pnpm/ramda@0.31.3/node_modules/ramda/es/mergeDeepRight.js';
 
 const {
   colors: {

package/dist/esm/components/Datepicker/calendars/Calendar.js

@@ -53,6 +53,7 @@ const Calendar = /*#__PURE__*/forwardRef(({
         nextMonthDisabled: nextButtonProps.isDisabled,
         setShowYearPicker: setShowYearPicker,
         showYearPicker: showYearPicker,
+        yearPickerPage: yearPickerPage,
         setYearPickerPage: setYearPickerPage
       })
     }), /*#__PURE__*/jsx(Popover.Content, {

package/dist/esm/components/Datepicker/calendars/CalendarHeader.js

@@ -4,6 +4,7 @@ import { Icon } from '../../Icon/index.js';
 import { chevron_left, chevron_up, chevron_down, chevron_right } from '@equinor/eds-icons';
 import { CalendarDate } from '@internationalized/date';
 import { tokens } from '@equinor/eds-tokens';
+import { getPageYears } from '../utils/getPageYears.js';
 import { jsx, jsxs } from 'react/jsx-runtime';
 
 const HeaderWrapper = styled.div.withConfig({
@@ -40,14 +41,18 @@ function CalendarHeader({
   nextMonthDisabled,
   showYearPicker,
   setShowYearPicker,
-  setYearPickerPage
+  setYearPickerPage,
+  yearPickerPage
 }) {
+  const years = getPageYears(state.focusedDate.year, yearPickerPage);
+  const backButtonDisabled = showYearPicker && state.minValue ? years[0] < state.minValue.year : previousMonthDisabled;
+  const nextButtonDisabled = showYearPicker && state.maxValue ? years[years.length - 1] > state.maxValue.year : nextMonthDisabled;
   return /*#__PURE__*/jsx(HeaderWrapper, {
     children: /*#__PURE__*/jsxs(HeaderActions, {
       children: [/*#__PURE__*/jsx(Button, {
         variant: 'ghost_icon',
         "aria-label": 'Previous month',
-        disabled: previousMonthDisabled,
+        disabled: backButtonDisabled,
         onClick: () => showYearPicker ? setYearPickerPage(page => page - 1) : state.focusPreviousPage(),
         children: /*#__PURE__*/jsx(Icon, {
           data: chevron_left
@@ -78,7 +83,7 @@ function CalendarHeader({
       }), /*#__PURE__*/jsx(Button, {
         variant: 'ghost_icon',
         onClick: () => showYearPicker ? setYearPickerPage(page => page + 1) : state.focusNextPage(),
-        disabled: nextMonthDisabled,
+        disabled: nextButtonDisabled,
         "aria-label": 'Next month',
         children: /*#__PURE__*/jsx(Icon, {
           data: chevron_right

package/dist/esm/components/Datepicker/calendars/RangeCalendar.js

@@ -46,7 +46,8 @@ const RangeCalendar = /*#__PURE__*/forwardRef(({
         title: title,
         setShowYearPicker: setShowYearPicker,
         showYearPicker: showYearPicker,
-        setYearPickerPage: setYearPickerPage
+        setYearPickerPage: setYearPickerPage,
+        yearPickerPage: yearPickerPage
       })
     }), /*#__PURE__*/jsx(Popover.Content, {
       children: /*#__PURE__*/jsx(CalendarGrid, {

package/dist/esm/components/Datepicker/calendars/YearGrid.js

@@ -2,6 +2,7 @@ import styled from 'styled-components';
 import { tokens } from '@equinor/eds-tokens';
 import { FocusScope, useFocusManager } from 'react-aria';
 import { useRef, useEffect } from 'react';
+import { getPageYears } from '../utils/getPageYears.js';
 import { jsx } from 'react/jsx-runtime';
 
 // Disable no-autofocus - it's not the native autofocus attribute, but react-aria's autoFocus prop
@@ -16,8 +17,6 @@ const GridColumn = styled.button.withConfig({
 })(["background-color:transparent;outline:none;border:none;display:flex;justify-content:center;cursor:pointer;padding:8px;font-size:", ";font-family:", ";font-weight:", ";line-height:", ";color:", ";border-radius:999px;", ";&:hover{background-color:#f0f0f0;}&:focus{outline:2px dashed ", ";}"], tokens.typography.navigation.button.fontSize, tokens.typography.navigation.button.fontFamily, tokens.typography.navigation.button.fontWeight, tokens.typography.navigation.button.lineHeight, tokens.colors.text.static_icons__default.rgba, ({
   $active
 }) => $active ? `background-color: ${tokens.colors.interactive.primary__selected_highlight.rgba}` : '', tokens.colors.interactive.primary__resting.rgba);
-const TOTAL_VISIBLE_YEARS = 36;
-const RANGE_OFFSET = 30 / 2;
 const GridFocusManager = ({
   year: selectedYear,
   setFocusedYear,
@@ -27,10 +26,7 @@ const GridFocusManager = ({
   const focusManager = useFocusManager();
   const prevYear = useRef();
   const navByKeyboard = useRef(false);
-  const page = yearPickerPage * TOTAL_VISIBLE_YEARS;
-  const years = Array.from({
-    length: TOTAL_VISIBLE_YEARS
-  }, (_, i) => i + (selectedYear + page - RANGE_OFFSET));
+  const years = getPageYears(selectedYear, yearPickerPage);
   useEffect(() => {
     if (prevYear.current === undefined) {
       prevYear.current = yearPickerPage;

package/dist/esm/components/Datepicker/utils/getPageYears.js

@@ -0,0 +1,10 @@
+const TOTAL_VISIBLE_YEARS = 36;
+const RANGE_OFFSET = 30 / 2;
+const getPageYears = (selectedYear, yearPickerPage = 0) => {
+  const page = yearPickerPage * TOTAL_VISIBLE_YEARS;
+  return Array.from({
+    length: TOTAL_VISIBLE_YEARS
+  }, (_, i) => i + (selectedYear + page - RANGE_OFFSET));
+};
+
+export { getPageYears };

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

@@ -1,5 +1,5 @@
 import { tokens } from '@equinor/eds-tokens';
-import mergeDeepRight from '../../node_modules/.pnpm/ramda@0.30.1/node_modules/ramda/es/mergeDeepRight.js';
+import mergeDeepRight from '../../node_modules/.pnpm/ramda@0.31.3/node_modules/ramda/es/mergeDeepRight.js';
 
 const {
   colors: {

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

@@ -1,5 +1,5 @@
 import { tokens } from '@equinor/eds-tokens';
-import mergeDeepRight from '../../node_modules/.pnpm/ramda@0.30.1/node_modules/ramda/es/mergeDeepRight.js';
+import mergeDeepRight from '../../node_modules/.pnpm/ramda@0.31.3/node_modules/ramda/es/mergeDeepRight.js';
 
 const {
   colors: {

package/dist/esm/components/Table/DataCell/DataCell.tokens.js

@@ -1,5 +1,5 @@
 import { tokens } from '@equinor/eds-tokens';
-import mergeDeepRight from '../../../node_modules/.pnpm/ramda@0.30.1/node_modules/ramda/es/mergeDeepRight.js';
+import mergeDeepRight from '../../../node_modules/.pnpm/ramda@0.31.3/node_modules/ramda/es/mergeDeepRight.js';
 
 const {
   typography: {

package/dist/esm/components/Table/HeaderCell/HeaderCell.js

@@ -1,6 +1,6 @@
 import { forwardRef } from 'react';
 import styled, { ThemeProvider, css } from 'styled-components';
-import { useToken, spacingsTemplate, typographyTemplate, bordersTemplate } from '@equinor/eds-utils';
+import { useToken, isFirefox, spacingsTemplate, typographyTemplate, bordersTemplate } from '@equinor/eds-utils';
 import { token } from './HeaderCell.tokens.js';
 import { jsx } from 'react/jsx-runtime';
 import { useEds } from '../../EdsProvider/eds.context.js';
@@ -11,7 +11,8 @@ const StyledTableCell = styled.th.withConfig({
 })(props => {
   const {
     theme,
-    $sticky
+    $sticky,
+    $density
   } = props;
   const {
     background,
@@ -29,7 +30,11 @@ const StyledTableCell = styled.th.withConfig({
   if (ariaSort && ariaSort !== 'none') {
     sortStylingActive = css(["", ";background:", ";color:", ";"], activeToken.border.type === 'bordergroup' ? css(["border-color:", ";"], activeToken.border.bottom.color) : '', activeToken.background, activeToken.typography.color);
   }
-  return css(["min-height:", ";height:", ";background:", ";box-sizing:border-box;", " ", " ", " ", " ", " ", ""], height, height, background, spacingsTemplate(spacings), typographyTemplate(typography), bordersTemplate(theme.border), sortStylingHover, sortStylingActive, $sticky ? css(["position:sticky;top:0;z-index:1;"]) : '');
+
+  // Firefox specific workaround (bug in v142.0) - see issue #3910
+  // Hardcoded padding values compensate for Firefox's incorrect table cell height calculation
+  const firefoxFix = isFirefox() ? css(["vertical-align:top;height:auto;min-height:", ";> div{padding:", " 0;}"], height, $density === 'compact' ? '7px' : '13px') : css([""]);
+  return css(["min-height:", ";height:", ";background:", ";box-sizing:border-box;", " ", " ", " ", " ", " ", " ", ""], height, height, background, spacingsTemplate(spacings), typographyTemplate(typography), bordersTemplate(theme.border), sortStylingHover, sortStylingActive, firefoxFix, $sticky ? css(["position:sticky;top:0;z-index:1;"]) : '');
 });
 const CellInner = styled.div.withConfig({
   displayName: "HeaderCell__CellInner",
@@ -50,6 +55,7 @@ const TableHeaderCell = /*#__PURE__*/forwardRef(function TableHeaderCell({
   const props = {
     ref,
     $sticky: sticky,
+    $density: density,
     ...rest
   };
   return /*#__PURE__*/jsx(ThemeProvider, {

package/dist/esm/components/Table/index.js

@@ -20,4 +20,4 @@ Table.Foot.displayName = 'Table.Foot';
 Table.Row.displayName = 'Table.Row';
 Table.Caption.displayName = 'Table.Caption';
 
-export { Table, Body as TableBody, Caption as TableCaption, Cell as TableCell, Foot as TableFoot, Head as TableHead, Row as tableRow };
+export { Table, Body as TableBody, Caption as TableCaption, Cell as TableCell, Foot as TableFoot, Head as TableHead, Row as TableRow };

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

@@ -1,4 +1,4 @@
-import { forwardRef, useContext, useRef, useState, useCallback, Children, cloneElement } from 'react';
+import { forwardRef, useContext, useRef, useState, useCallback, Children, isValidElement, cloneElement } from 'react';
 import styled from 'styled-components';
 import { mergeRefs } from '@equinor/eds-utils';
 import { TabsContext } from './Tabs.context.js';
@@ -39,20 +39,24 @@ const TabList = /*#__PURE__*/forwardRef(function TabsList({
     }
   }, [arrowNavigating, tabsFocused]);
   const Tabs = Children.map(children, (child, $index) => {
-    const childProps = child.props;
+    if (! /*#__PURE__*/isValidElement(child)) {
+      return null;
+    }
+    const tabChild = child;
+    const childProps = tabChild.props;
     const controlledActive = childProps.value;
     const isActive = controlledActive ? controlledActive === activeTab : $index === activeTab;
-    const tabRef = isActive ? mergeRefs(child.ref, selectedTabRef) : child.ref;
+    const tabRef = isActive ? mergeRefs(tabChild.ref, selectedTabRef) : tabChild.ref;
     if (isActive) currentTab.current = $index;
-    return /*#__PURE__*/cloneElement(child, {
+    return /*#__PURE__*/cloneElement(tabChild, {
       id: `${tabsId}-tab-${$index + 1}`,
       'aria-controls': `${tabsId}-panel-${$index + 1}`,
       active: isActive,
       $index,
-      onClick: () => handleChange($index),
+      onClick: () => handleChange(controlledActive !== undefined ? controlledActive : $index),
       ref: tabRef
     });
-  });
+  }) ?? [];
   const focusableChildren = Tabs.filter(child => {
     const childProps = child.props;
     return !childProps.disabled;

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

@@ -1,4 +1,4 @@
-import { forwardRef, useContext, Children, cloneElement } from 'react';
+import { forwardRef, useContext, Children, isValidElement, cloneElement } from 'react';
 import { TabsContext } from './Tabs.context.js';
 import { jsx } from 'react/jsx-runtime';
 
@@ -12,7 +12,7 @@ const TabPanels = /*#__PURE__*/forwardRef(function TabPanels({
     tabsId
   } = useContext(TabsContext);
   const Panels = Children.map(children, (child, $index) => {
-    if (conditionalRender && activeTab !== $index) return null;
+    if (! /*#__PURE__*/isValidElement(child) || conditionalRender && activeTab !== $index) return null;
     return /*#__PURE__*/cloneElement(child, {
       id: `${tabsId}-panel-${$index + 1}`,
       'aria-labelledby': `${tabsId}-tab-${$index + 1}`,

package/dist/esm/components/Tooltip/Tooltip.js

@@ -27,6 +27,7 @@ const Tooltip = /*#__PURE__*/forwardRef(function Tooltip({
   children,
   style,
   enterDelay = 100,
+  disabled = false,
   portalContainer,
   ...rest
 }, ref) {
@@ -142,7 +143,7 @@ const Tooltip = /*#__PURE__*/forwardRef(function Tooltip({
     })]
   });
   return /*#__PURE__*/jsxs(Fragment, {
-    children: [shouldOpen && open && /*#__PURE__*/createPortal(TooltipEl, portalContainer ?? rootElement ?? document.body), updatedChildren]
+    children: [shouldOpen && open && !disabled && /*#__PURE__*/createPortal(TooltipEl, portalContainer ?? rootElement ?? document.body), updatedChildren]
   });
 });
 

package/dist/esm/index.js

@@ -23,7 +23,7 @@ export { Body as TableBody } from './components/Table/Body.js';
 export { Cell as TableCell } from './components/Table/Cell.js';
 export { Head as TableHead } from './components/Table/Head/Head.js';
 export { Foot as TableFoot } from './components/Table/Foot/Foot.js';
-export { Row as tableRow } from './components/Table/Row/Row.js';
+export { Row as TableRow } from './components/Table/Row/Row.js';
 export { Caption as TableCaption } from './components/Table/Caption.js';
 export { Divider } from './components/Divider/Divider.js';
 export { TextField } from './components/TextField/TextField.js';

package/dist/esm/node_modules/.pnpm/{ramda@0.30.1 → ramda@0.31.3}/node_modules/ramda/es/mergeDeepRight.js

@@ -15,7 +15,7 @@ import mergeDeepWithKey from './mergeDeepWithKey.js';
  * @param {Object} lObj
  * @param {Object} rObj
  * @return {Object}
- * @see R.merge, R.mergeDeepLeft, R.mergeDeepWith, R.mergeDeepWithKey
+ * @see R.mergeDeepLeft, R.mergeDeepWith, R.mergeDeepWithKey
  * @example
  *
  *      R.mergeDeepRight({ name: 'fred', age: 10, contact: { email: 'moo@example.com' }},

package/dist/esm/node_modules/.pnpm/{ramda@0.30.1 → ramda@0.31.3}/node_modules/ramda/es/mergeWith.js

@@ -16,7 +16,7 @@ import mergeWithKey from './mergeWithKey.js';
  * @param {Object} l
  * @param {Object} r
  * @return {Object}
- * @see R.mergeDeepWith, R.merge, R.mergeWithKey
+ * @see R.mergeDeepWith, R.mergeWithKey
  * @example
  *
  *      R.mergeWith(R.concat,

package/dist/esm/node_modules/.pnpm/{ramda@0.30.1 → ramda@0.31.3}/node_modules/ramda/es/mergeWithKey.js

@@ -16,7 +16,7 @@ import _has from './internal/_has.js';
  * @param {Object} l
  * @param {Object} r
  * @return {Object}
- * @see R.mergeDeepWithKey, R.merge, R.mergeWith
+ * @see R.mergeDeepWithKey, R.mergeWith
  * @example
  *
  *      let concatValues = (k, l, r) => k == 'values' ? R.concat(l, r) : r

package/dist/types/components/Breadcrumbs/Breadcrumb.d.ts

@@ -6,7 +6,7 @@ type OverridableSubComponent = OverridableComponent<BreadcrumbProps, HTMLAnchorE
 export type BreadcrumbProps = {
     maxWidth?: number;
     /** Children is breadcrumb text */
-    children: string;
+    children: React.ReactNode;
     /** Always show tooltip */
     forceTooltip?: boolean;
     /** Override element type */

package/dist/types/components/Datepicker/calendars/CalendarHeader.d.ts

@@ -3,7 +3,7 @@ import { Dispatch, SetStateAction } from 'react';
 /**
  * The default header for the calendar components if no custom header is provided
  */
-export declare function CalendarHeader({ state, title, previousMonthDisabled, nextMonthDisabled, showYearPicker, setShowYearPicker, setYearPickerPage, }: {
+export declare function CalendarHeader({ state, title, previousMonthDisabled, nextMonthDisabled, showYearPicker, setShowYearPicker, setYearPickerPage, yearPickerPage, }: {
     state: CalendarState | RangeCalendarState;
     title: string;
     previousMonthDisabled?: boolean;
@@ -11,4 +11,5 @@ export declare function CalendarHeader({ state, title, previousMonthDisabled, ne
     showYearPicker: boolean;
     setShowYearPicker: (showYearPicker: boolean) => void;
     setYearPickerPage?: Dispatch<SetStateAction<number>>;
+    yearPickerPage: number;
 }): import("react/jsx-runtime").JSX.Element;

package/dist/types/components/Datepicker/utils/getPageYears.d.ts

@@ -0,0 +1 @@
+export declare const getPageYears: (selectedYear: number, yearPickerPage?: number) => number[];

package/dist/types/components/Table/index.d.ts

@@ -3,16 +3,16 @@ import { Body as TableBody, BodyProps } from './Body';
 import { Cell as TableCell, CellProps } from './Cell';
 import { Head as TableHead, HeadProps } from './Head';
 import { Foot as TableFoot, FootProps } from './Foot';
-import { Row as tableRow, RowProps } from './Row';
+import { Row as TableRow, RowProps } from './Row';
 import { Caption as TableCaption, CaptionProps } from './Caption';
 type TableCompoundProps = typeof BaseTable & {
     Body: typeof TableBody;
     Cell: typeof TableCell;
     Head: typeof TableHead;
     Foot: typeof TableFoot;
-    Row: typeof tableRow;
+    Row: typeof TableRow;
     Caption: typeof TableCaption;
 };
 declare const Table: TableCompoundProps;
-export { Table, TableBody, TableCell, TableHead, TableFoot, tableRow, TableCaption, };
+export { Table, TableBody, TableCell, TableHead, TableFoot, TableRow, TableCaption, };
 export type { TableProps, CellProps, BodyProps, RowProps, CaptionProps, HeadProps, FootProps, };

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

@@ -2,7 +2,7 @@ import { Variants } from './Tabs.types';
 type State = {
     variant: Variants;
     scrollable: boolean;
-    handleChange: (index: number) => void;
+    handleChange: (value: number | string) => void;
     activeTab: number | string;
     tabsId: string;
     tabsFocused: boolean;

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

@@ -4,7 +4,7 @@ export type TabsProps = {
     /** The index of the active tab OR a string matching the value prop on the active tab */
     activeTab?: number | string;
     /** The callback function for selecting a tab */
-    onChange?: (index: number) => void;
+    onChange?: (value: number | string) => void;
     /** Sets the width of the tabs. Tabs can have a maximum width of 360px */
     variant?: Variants;
     /** adds scrollbar if tabs overflow on non-touch devices */
@@ -14,7 +14,7 @@ declare const Tabs: import("react").ForwardRefExoticComponent<{
     /** The index of the active tab OR a string matching the value prop on the active tab */
     activeTab?: number | string;
     /** The callback function for selecting a tab */
-    onChange?: (index: number) => void;
+    onChange?: (value: number | string) => void;
     /** Sets the width of the tabs. Tabs can have a maximum width of 360px */
     variant?: Variants;
     /** adds scrollbar if tabs overflow on non-touch devices */

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

@@ -5,6 +5,8 @@ export type TooltipProps = {
     placement?: Placement;
     /** Tooltip title */
     title?: ReactNode;
+    /** Disable the tooltip */
+    disabled?: boolean;
     /** Tooltip anchor element */
     children: React.ReactElement & React.RefAttributes<HTMLElement>;
     /** Delay in ms, default 100 */
@@ -19,6 +21,8 @@ export declare const Tooltip: import("react").ForwardRefExoticComponent<{
     placement?: Placement;
     /** Tooltip title */
     title?: ReactNode;
+    /** Disable the tooltip */
+    disabled?: boolean;
     /** Tooltip anchor element */
     children: React.ReactElement & React.RefAttributes<HTMLElement>;
     /** Delay in ms, default 100 */

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@equinor/eds-core-react",
-  "version": "0.47.0",
+  "version": "0.49.0",
   "description": "The React implementation of the Equinor Design System",
   "sideEffects": [
     "**/*.css"
@@ -33,44 +33,40 @@
   ],
   "devDependencies": {
     "@rollup/plugin-babel": "^6.0.4",
-    "@rollup/plugin-commonjs": "^28.0.3",
+    "@rollup/plugin-commonjs": "^28.0.6",
     "@rollup/plugin-node-resolve": "^16.0.1",
-    "@storybook/addon-a11y": "^8.6.12",
-    "@storybook/addon-actions": "^8.6.12",
-    "@storybook/addon-docs": "^8.6.12",
-    "@storybook/addon-essentials": "^8.6.12",
-    "@storybook/addon-links": "^8.6.12",
-    "@storybook/blocks": "^8.6.12",
-    "@storybook/preview-api": "^8.6.12",
-    "@storybook/react": "^8.6.12",
-    "@storybook/react-vite": "^8.6.12",
-    "@testing-library/dom": "^10.4.0",
-    "@testing-library/jest-dom": "^6.6.3",
+    "@storybook/addon-a11y": "^9.1.5",
+    "@storybook/addon-docs": "^9.1.5",
+    "@storybook/addon-links": "^9.1.5",
+    "@storybook/react-vite": "^9.1.5",
+    "@testing-library/dom": "^10.4.1",
+    "@testing-library/jest-dom": "^6.8.0",
     "@testing-library/react": "16.3.0",
     "@testing-library/user-event": "14.5.2",
     "@types/jest": "^29.5.14",
     "@types/ramda": "^0.30.2",
-    "@types/react": "^18.3.20",
-    "@types/react-dom": "^18.3.6",
+    "@types/react": "^18.3.24",
+    "@types/react-dom": "^18.3.7",
     "babel-plugin-styled-components": "^2.1.4",
     "jest": "^29.7.0",
     "jest-environment-jsdom": "^29.7.0",
     "jest-styled-components": "^7.2.0",
     "js-file-download": "^0.4.12",
-    "postcss": "^8.5.3",
-    "ramda": "^0.30.1",
+    "postcss": "^8.5.6",
+    "ramda": "^0.31.3",
     "react": "^18.3.1",
     "react-dom": "^18.3.1",
-    "react-hook-form": "^7.56.1",
-    "react-router-dom": "^6.30.0",
-    "rollup": "^4.40.1",
+    "react-hook-form": "^7.62.0",
+    "react-router-dom": "^6.30.1",
+    "rollup": "^4.50.0",
     "rollup-plugin-delete": "^2.2.0",
     "rollup-plugin-postcss": "^4.0.2",
     "rollup-preserve-directives": "^1.1.3",
-    "storybook": "^8.6.14",
-    "styled-components": "6.1.18",
-    "tsc-watch": "^6.2.1",
-    "typescript": "^5.8.3"
+    "storybook": "^9.1.5",
+    "styled-components": "6.1.19",
+    "tsc-watch": "^6.3.1",
+    "typescript": "^5.9.2",
+    "eslint-plugin-storybook": "9.1.5"
   },
   "peerDependencies": {
     "react": ">=16.8",
@@ -78,19 +74,19 @@
     "styled-components": ">=5.1"
   },
   "dependencies": {
-    "@babel/runtime": "^7.27.4",
-    "@floating-ui/react": "^0.27.8",
-    "@internationalized/date": "^3.8.0",
-    "@react-aria/utils": "^3.28.2",
-    "@react-stately/calendar": "^3.8.0",
-    "@react-stately/datepicker": "^3.14.0",
-    "@react-types/shared": "^3.29.0",
-    "@tanstack/react-virtual": "3.13.8",
+    "@babel/runtime": "^7.28.3",
+    "@floating-ui/react": "^0.27.16",
+    "@internationalized/date": "^3.9.0",
+    "@react-aria/utils": "^3.30.1",
+    "@react-stately/calendar": "^3.8.4",
+    "@react-stately/datepicker": "^3.15.1",
+    "@react-types/shared": "^3.32.0",
+    "@tanstack/react-virtual": "3.13.12",
     "downshift": "9.0.8",
-    "react-aria": "^3.39.0",
-    "@equinor/eds-tokens": "0.9.2",
-    "@equinor/eds-utils": "0.8.7",
-    "@equinor/eds-icons": "^0.22.0"
+    "react-aria": "^3.43.1",
+    "@equinor/eds-icons": "^0.22.0",
+    "@equinor/eds-utils": "0.9.0",
+    "@equinor/eds-tokens": "0.10.0"
   },
   "scripts": {
     "build": "rollup -c --bundleConfigAsCjs && tsc -p tsconfig.build.json",

package/dist/types/components/Datepicker/DatePicker.spec.d.ts

@@ -1 +0,0 @@
-export {};

package/dist/types/components/Datepicker/DateRangePicker.spec.d.ts

@@ -1 +0,0 @@
-export {};