@equinor/eds-core-react 0.44.0 → 0.45.1

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

@@ -1,6 +1,6 @@
 import { forwardRef, useState, useCallback } from 'react';
 import styled, { css } from 'styled-components';
-import { outlineTemplate, spacingsTemplate, typographyMixin, useToken } from '@equinor/eds-utils';
+import { useToken, outlineTemplate, spacingsTemplate, typographyMixin } from '@equinor/eds-utils';
 import { inputToken } from './Input.tokens.js';
 import { jsxs, jsx } from 'react/jsx-runtime';
 import { useEds } from '../EdsProvider/eds.context.js';

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

@@ -17,15 +17,11 @@ const helperText = {
     comfortable: {
       left: comfortable.small,
       right: comfortable.small,
-      top: comfortable.small,
-      bottom: '6px'
-    },
+      top: comfortable.small},
     compact: {
       left: comfortable.small,
       right: comfortable.small,
-      top: comfortable.xx_small,
-      bottom: '6px'
-    }
+      top: comfortable.xx_small}
   }
 };
 

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

@@ -3,8 +3,8 @@ import styled, { ThemeProvider } from 'styled-components';
 import { useToken } from '@equinor/eds-utils';
 import { inputToken } from './InputWrapper.tokens.js';
 import { jsx, jsxs } from 'react/jsx-runtime';
-import { HelperText as TextfieldHelperText } from './HelperText/HelperText.js';
 import { Label as Label$1 } from '../Label/Label.js';
+import { HelperText as TextfieldHelperText } from './HelperText/HelperText.js';
 import { useEds } from '../EdsProvider/eds.context.js';
 
 const Container = styled.div.withConfig({

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

@@ -15,10 +15,7 @@ const label = {
   },
   spacings: {
     left: comfortable.small,
-    right: comfortable.small,
-    top: '6px',
-    bottom: '6px'
-  },
+    right: comfortable.small},
   states: {
     disabled: {
       typography: {

package/dist/esm/components/Menu/Menu.context.js

@@ -1,4 +1,4 @@
-import { useContext, createContext, useState } from 'react';
+import { useContext, useState, createContext } from 'react';
 import { jsx } from 'react/jsx-runtime';
 
 const initalState = {

package/dist/esm/components/Menu/Menu.js

@@ -2,12 +2,12 @@ import { forwardRef, useMemo, useEffect } from 'react';
 import styled, { ThemeProvider } from 'styled-components';
 import { MenuProvider, useMenu } from './Menu.context.js';
 import { MenuList } from './MenuList.js';
-import { bordersTemplate, useToken, mergeRefs, useIsomorphicLayoutEffect, useGlobalKeyPress } from '@equinor/eds-utils';
+import { useToken, mergeRefs, useIsomorphicLayoutEffect, bordersTemplate, useGlobalKeyPress } from '@equinor/eds-utils';
 import { menu } from './Menu.tokens.js';
 import { offset, flip, shift, size, useFloating, autoUpdate, useInteractions, useDismiss } from '@floating-ui/react';
 import { jsx } from 'react/jsx-runtime';
-import { Paper } from '../Paper/Paper.js';
 import { useEds } from '../EdsProvider/eds.context.js';
+import { Paper } from '../Paper/Paper.js';
 
 const {
   border

package/dist/esm/components/Menu/MenuItem.js

@@ -1,7 +1,7 @@
 import { forwardRef } from 'react';
 import styled, { css } from 'styled-components';
 import { menu } from './Menu.tokens.js';
-import { typographyTemplate, spacingsTemplate, outlineTemplate, mergeRefs } from '@equinor/eds-utils';
+import { mergeRefs, typographyTemplate, spacingsTemplate, outlineTemplate } from '@equinor/eds-utils';
 import { useMenu } from './Menu.context.js';
 import { jsx } from 'react/jsx-runtime';
 

package/dist/esm/components/Pagination/Pagination.js

@@ -5,7 +5,7 @@ import { Button } from '../Button/index.js';
 import { Icon } from '../Icon/index.js';
 import { PaginationItem } from './PaginationItem.js';
 import { pagination } from './Pagination.tokens.js';
-import { chevron_left, chevron_right, more_horizontal } from '@equinor/eds-icons';
+import { more_horizontal, chevron_right, chevron_left } from '@equinor/eds-icons';
 import { PaginationControl } from './paginationControl.js';
 import { jsx, jsxs } from 'react/jsx-runtime';
 import { Typography } from '../Typography/Typography.js';

package/dist/esm/components/Paper/Paper.js

@@ -1,6 +1,6 @@
 import { forwardRef } from 'react';
 import styled from 'styled-components';
-import { paper, elevation } from './Paper.tokens.js';
+import { elevation, paper } from './Paper.tokens.js';
 import { jsx } from 'react/jsx-runtime';
 
 const StyledPaper = styled.div.withConfig({

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

@@ -1,11 +1,11 @@
 import { forwardRef, useRef, useMemo, useEffect } from 'react';
-import styled, { css, ThemeProvider } from 'styled-components';
-import { typographyTemplate, bordersTemplate, outlineTemplate, mergeRefs, useToken } from '@equinor/eds-utils';
+import styled, { ThemeProvider, css } from 'styled-components';
+import { mergeRefs, useToken, typographyTemplate, bordersTemplate, outlineTemplate } from '@equinor/eds-utils';
 import { popover } from './Popover.tokens.js';
-import { useFloating, offset, flip, shift, arrow, autoUpdate, useInteractions, useDismiss, FloatingFocusManager } from '@floating-ui/react';
+import { useFloating, autoUpdate, offset, flip, shift, arrow, useInteractions, useDismiss, FloatingFocusManager } from '@floating-ui/react';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
-import { Paper } from '../Paper/Paper.js';
 import { useEds } from '../EdsProvider/eds.context.js';
+import { Paper } from '../Paper/Paper.js';
 
 const PopoverPaper = styled(Paper).withConfig({
   displayName: "Popover__PopoverPaper",

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

@@ -1,5 +1,5 @@
 import { forwardRef, useState, useEffect } from 'react';
-import styled, { keyframes, css } from 'styled-components';
+import styled, { css, keyframes } from 'styled-components';
 import * as CircularProgress_tokens from './CircularProgress.tokens.js';
 import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
 

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

@@ -1,5 +1,5 @@
 import { forwardRef } from 'react';
-import styled, { keyframes, css } from 'styled-components';
+import styled, { css, keyframes } from 'styled-components';
 import { token } from './StarProgress.tokens.js';
 import { jsxs, jsx } from 'react/jsx-runtime';
 

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

@@ -2,7 +2,7 @@ import { forwardRef, useMemo } from 'react';
 import styled, { ThemeProvider } from 'styled-components';
 import { radio_button_selected, radio_button_unselected } from '@equinor/eds-icons';
 import { comfortable } from './Radio.tokens.js';
-import { outlineTemplate, typographyTemplate, spacingsTemplate, useToken } from '@equinor/eds-utils';
+import { useToken, spacingsTemplate, outlineTemplate, typographyTemplate } from '@equinor/eds-utils';
 import { jsxs, jsx } from 'react/jsx-runtime';
 import { useEds } from '../EdsProvider/eds.context.js';
 

package/dist/esm/components/Search/Search.js

@@ -1,6 +1,6 @@
 import { forwardRef, useRef, useState, useEffect, useMemo } from 'react';
 import styled from 'styled-components';
-import { search, close } from '@equinor/eds-icons';
+import { close, search } from '@equinor/eds-icons';
 import { Button } from '../Button/index.js';
 import { Icon } from '../Icon/index.js';
 import { mergeRefs, setReactInputValue } from '@equinor/eds-utils';

package/dist/esm/components/Select/NativeSelect.js

@@ -1,7 +1,7 @@
 import { forwardRef } from 'react';
-import styled, { css, ThemeProvider } from 'styled-components';
+import styled, { ThemeProvider, css } from 'styled-components';
 import { nativeselect } from './NativeSelect.tokens.js';
-import { typographyTemplate, spacingsTemplate, outlineTemplate, useToken } from '@equinor/eds-utils';
+import { useToken, typographyTemplate, spacingsTemplate, outlineTemplate } from '@equinor/eds-utils';
 import { jsx, jsxs } from 'react/jsx-runtime';
 import { useEds } from '../EdsProvider/eds.context.js';
 import { Label } from '../Label/Label.js';

package/dist/esm/components/SideBar/SideBar.js

@@ -1,7 +1,7 @@
 import { forwardRef, useEffect } from 'react';
-import styled, { css, ThemeProvider } from 'styled-components';
+import styled, { ThemeProvider, css } from 'styled-components';
 import { sidebar } from './SideBar.tokens.js';
-import { bordersTemplate, useToken } from '@equinor/eds-utils';
+import { useToken, bordersTemplate } from '@equinor/eds-utils';
 import { SideBarProvider, useSideBar } from './SideBar.context.js';
 import { jsx } from 'react/jsx-runtime';
 import { useEds } from '../EdsProvider/eds.context.js';

package/dist/esm/components/SideBar/SideBarAccordion/index.js

@@ -1,6 +1,6 @@
 import { forwardRef, useState, useMemo, Children } from 'react';
 import styled, { css } from 'styled-components';
-import { bordersTemplate, outlineTemplate, useId, mergeRefs } from '@equinor/eds-utils';
+import { useId, mergeRefs, bordersTemplate, outlineTemplate } from '@equinor/eds-utils';
 import { chevron_up, chevron_down, arrow_drop_down } from '@equinor/eds-icons';
 import { useSideBar } from '../SideBar.context.js';
 import { sidebar } from '../SideBar.tokens.js';

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

@@ -4,7 +4,7 @@ import { slider } from './Slider.tokens.js';
 import { MinMax } from './MinMax.js';
 import { Output } from './Output.js';
 import { SliderInput } from './SliderInput.js';
-import { bordersTemplate, useId } from '@equinor/eds-utils';
+import { useId, bordersTemplate } from '@equinor/eds-utils';
 import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
 
 const {

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

@@ -66,11 +66,9 @@ const slider = {
           background: indicatorColor,
           states: {
             hover: {
-              background: primaryHover
-            },
+              },
             disabled: {
-              background: backgroundBorderDisabled
-            }
+              }
           }
         }
       },
@@ -122,7 +120,6 @@ const slider = {
         hover: {
           background: primaryHoverAlt,
           border: {
-            type: 'border',
             color: primaryHover
           }
         }
@@ -147,7 +144,6 @@ const slider = {
     disabled: {
       background: backgroundColorDisabled,
       border: {
-        type: 'border',
         color: backgroundColorMedium
       }
     }

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

@@ -1,7 +1,7 @@
 import { forwardRef } from 'react';
 import styled, { css } from 'styled-components';
 import { slider } from './Slider.tokens.js';
-import { bordersTemplate, outlineTemplate } from '@equinor/eds-utils';
+import { outlineTemplate, bordersTemplate } from '@equinor/eds-utils';
 import { jsx } from 'react/jsx-runtime';
 
 const {
@@ -14,9 +14,9 @@ const {
 } = slider;
 const track = css(["width:100%;height:100%;cursor:pointer;background:none;"]);
 const thumb = css(["", " height:", ";width:", ";background:", ";cursor:pointer;position:relative;z-index:1;"], bordersTemplate(handle.border), handle.height, handle.width, handle.background);
-const thumbHover = css(["@media (hover:hover) and (pointer:fine){box-shadow:0px 0px 0px 6px ", ";border-color:", ";}"], handle.states.hover.background, handle.states.hover.border.type === 'border' && handle.states.hover.border.color);
+const thumbHover = css(["@media (hover:hover) and (pointer:fine){box-shadow:0px 0px 0px 6px ", ";border-color:", ";}"], handle.states.hover.background, handle.states.hover.border.color);
 const thumbHoverAndDisabled = css(["@media (hover:hover) and (pointer:fine){cursor:not-allowed;box-shadow:none;}"]);
-const thumbDisabled = css(["background-color:", ";border-color:", ";"], _disabled.background, _disabled.border.type === 'border' && _disabled.border.color);
+const thumbDisabled = css(["background-color:", ";border-color:", ";"], _disabled.background, _disabled.border.color);
 const StyledSliderInput = styled.input.attrs(() => ({
   type: 'range'
 })).withConfig({

package/dist/esm/components/Snackbar/Snackbar.js

@@ -1,10 +1,10 @@
 import { forwardRef, useState, useRef, useEffect } from 'react';
-import styled, { css, ThemeProvider } from 'styled-components';
+import styled, { ThemeProvider, css } from 'styled-components';
 import { snackbar } from './Snackbar.tokens.js';
-import { spacingsTemplate, bordersTemplate, typographyTemplate, useToken } from '@equinor/eds-utils';
+import { useToken, spacingsTemplate, bordersTemplate, typographyTemplate } from '@equinor/eds-utils';
 import { jsx } from 'react/jsx-runtime';
-import { Paper } from '../Paper/Paper.js';
 import { useEds } from '../EdsProvider/eds.context.js';
+import { Paper } from '../Paper/Paper.js';
 
 const PopoverDiv = styled('div').withConfig({
   shouldForwardProp: () => true //workaround to avoid warning until popover gets added to react types

package/dist/esm/components/Switch/Switch.js

@@ -1,9 +1,9 @@
 import { forwardRef } from 'react';
-import styled, { css, ThemeProvider } from 'styled-components';
+import styled, { ThemeProvider, css } from 'styled-components';
 import { SwitchSmall } from './SwitchSmall.js';
 import { SwitchDefault } from './SwitchDefault.js';
 import { comfortable } from './Switch.tokens.js';
-import { typographyTemplate, useToken } from '@equinor/eds-utils';
+import { useToken, typographyTemplate } from '@equinor/eds-utils';
 import { jsx, jsxs } from 'react/jsx-runtime';
 import { useEds } from '../EdsProvider/eds.context.js';
 

package/dist/esm/components/Switch/SwitchDefault.js

@@ -1,7 +1,7 @@
 import { forwardRef } from 'react';
 import styled, { css } from 'styled-components';
 import { bordersTemplate } from '@equinor/eds-utils';
-import { BaseInput, GridWrapper, BaseInputWrapper } from './Switch.styles.js';
+import { GridWrapper, BaseInputWrapper, BaseInput } from './Switch.styles.js';
 import { jsxs, jsx } from 'react/jsx-runtime';
 
 const Input = styled(BaseInput).withConfig({

package/dist/esm/components/Switch/SwitchSmall.js

@@ -1,6 +1,6 @@
 import { forwardRef } from 'react';
 import styled, { css } from 'styled-components';
-import { BaseInput, GridWrapper, BaseInputWrapper } from './Switch.styles.js';
+import { GridWrapper, BaseInputWrapper, BaseInput } from './Switch.styles.js';
 import { outlineTemplate } from '@equinor/eds-utils';
 import { jsxs, jsx } from 'react/jsx-runtime';
 

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

@@ -1,6 +1,6 @@
 import { forwardRef } from 'react';
-import styled, { css, ThemeProvider } from 'styled-components';
-import { spacingsTemplate, typographyTemplate, bordersTemplate, useToken } from '@equinor/eds-utils';
+import styled, { ThemeProvider, css } from 'styled-components';
+import { useToken, spacingsTemplate, typographyTemplate, bordersTemplate } from '@equinor/eds-utils';
 import { applyVariant, tableCell } from './DataCell.tokens.js';
 import { jsx } from 'react/jsx-runtime';
 import { useEds } from '../../EdsProvider/eds.context.js';

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

@@ -1,6 +1,6 @@
 import { forwardRef } from 'react';
-import styled, { css, ThemeProvider } from 'styled-components';
-import { spacingsTemplate, typographyTemplate, bordersTemplate, useToken } from '@equinor/eds-utils';
+import styled, { ThemeProvider, css } from 'styled-components';
+import { useToken, spacingsTemplate, typographyTemplate, bordersTemplate } from '@equinor/eds-utils';
 import { token } from '../HeaderCell/HeaderCell.tokens.js';
 import { jsx } from 'react/jsx-runtime';
 import { useEds } from '../../EdsProvider/eds.context.js';

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

@@ -1,6 +1,6 @@
 import { forwardRef } from 'react';
-import styled, { css, ThemeProvider } from 'styled-components';
-import { spacingsTemplate, typographyTemplate, bordersTemplate, useToken } from '@equinor/eds-utils';
+import styled, { ThemeProvider, css } from 'styled-components';
+import { useToken, 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';
@@ -34,7 +34,7 @@ const StyledTableCell = styled.th.withConfig({
 const CellInner = styled.div.withConfig({
   displayName: "HeaderCell__CellInner",
   componentId: "sc-18w2o3a-1"
-})(["display:flex;align-items:center;"]);
+})(["display:flex;align-items:center;height:100%;"]);
 const TableHeaderCell = /*#__PURE__*/forwardRef(function TableHeaderCell({
   children,
   sort,

package/dist/esm/components/TableOfContents/TableOfContents.js

@@ -1,11 +1,11 @@
 import { forwardRef } from 'react';
-import styled, { css, ThemeProvider } from 'styled-components';
+import styled, { ThemeProvider, css } from 'styled-components';
 import { List } from '../List/index.js';
-import { typographyTemplate, useToken } from '@equinor/eds-utils';
+import { useToken, typographyTemplate } from '@equinor/eds-utils';
 import { tableOfContents } from './TableOfContents.tokens.js';
 import { jsx, jsxs } from 'react/jsx-runtime';
-import { Typography } from '../Typography/Typography.js';
 import { useEds } from '../EdsProvider/eds.context.js';
+import { Typography } from '../Typography/Typography.js';
 
 const StyledTableOfContents = styled.nav.withConfig({
   displayName: "TableOfContents__StyledTableOfContents",

package/dist/esm/components/TextField/TextField.js

@@ -1,6 +1,6 @@
 import { forwardRef } from 'react';
 import { useId } from '@equinor/eds-utils';
-import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
+import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
 import { InputWrapper } from '../InputWrapper/InputWrapper.js';
 import { Textarea } from '../Textarea/Textarea.js';
 import { Input } from '../Input/Input.js';
@@ -49,7 +49,7 @@ const TextField = /*#__PURE__*/forwardRef(function TextField({
       })]
     }),
     rowsMax,
-    ref: inputRef || textareaRef,
+    ref: ref || inputRef || textareaRef,
     $multiline: multiline,
     ...other
   };
@@ -60,7 +60,6 @@ const TextField = /*#__PURE__*/forwardRef(function TextField({
     disabled
   };
   const containerProps = {
-    ref,
     className,
     style: {
       width: '100%',

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

@@ -1,9 +1,9 @@
 import { forwardRef, useRef, useState, useMemo, useEffect, cloneElement } from 'react';
 import { createPortal } from 'react-dom';
 import styled from 'styled-components';
-import { typographyTemplate, spacingsTemplate, bordersTemplate, mergeRefs } from '@equinor/eds-utils';
+import { mergeRefs, typographyTemplate, spacingsTemplate, bordersTemplate } from '@equinor/eds-utils';
 import { tooltip } from './Tooltip.tokens.js';
-import { useFloating, offset, flip, shift, arrow, autoUpdate, useInteractions, useHover, useFocus, useRole, useDismiss } from '@floating-ui/react';
+import { useFloating, autoUpdate, offset, flip, shift, arrow, useInteractions, useHover, useFocus, useRole, useDismiss } from '@floating-ui/react';
 import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
 import { useEds } from '../EdsProvider/eds.context.js';
 

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

@@ -39,19 +39,9 @@ const tooltip = {
     radius: borderRadius
   },
   entities: {
-    tooltip: {
-      height: spacingXlarge
-    },
     arrow: {
       width: '6px',
-      height: spacingSmall,
-      spacings: {
-        bottom: '-6px',
-        top: '-6px',
-        left: '-6px',
-        right: '-6px'
-      }
-    }
+      height: spacingSmall}
   },
   spacings: {
     left: spacingSmall,

package/dist/esm/components/TopBar/TopBar.js

@@ -1,10 +1,10 @@
 import { forwardRef } from 'react';
-import styled, { css, ThemeProvider } from 'styled-components';
-import { bordersTemplate, spacingsTemplate, typographyTemplate, useToken } from '@equinor/eds-utils';
+import styled, { ThemeProvider, css } from 'styled-components';
+import { useToken, bordersTemplate, spacingsTemplate, typographyTemplate } from '@equinor/eds-utils';
 import { topbar } from './TopBar.tokens.js';
 import { jsx } from 'react/jsx-runtime';
-import { Paper } from '../Paper/Paper.js';
 import { useEds } from '../EdsProvider/eds.context.js';
+import { Paper } from '../Paper/Paper.js';
 
 const StyledTopBar = styled(Paper).withConfig({
   displayName: "TopBar__StyledTopBar",

package/dist/esm/components/Typography/Typography.js

@@ -1,7 +1,7 @@
 import { forwardRef } from 'react';
 import styled, { css } from 'styled-components';
 import { typographyTemplate, outlineTemplate } from '@equinor/eds-utils';
-import { link, quickVariants, typography, colors } from './Typography.tokens.js';
+import { quickVariants, typography, colors, link } from './Typography.tokens.js';
 import { jsx } from 'react/jsx-runtime';
 
 const getElementType = (variant, link) => {

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

@@ -84,6 +84,11 @@ export type AutocompleteProps<T> = {
      */
     dropdownHeight?: number;
     /**
+     * Method that is used to select a key that can be used for comparing items. If omitted, objects are matched by reference.
+     */
+    itemToKey?: (value: T | null) => unknown;
+    /**
+     * @deprecated since version 0.45.0 - use itemToKey instead
      * Method that is used to compare objects by value. If omitted, objects are matched by reference.
      */
     itemCompare?: (value: T, compare: T) => boolean;
@@ -92,9 +97,9 @@ export type AutocompleteProps<T> = {
      */
     onClear?: () => void;
 } & HTMLAttributes<HTMLDivElement>;
-declare function AutocompleteInner<T>(props: AutocompleteProps<T>, ref: React.ForwardedRef<HTMLDivElement>): import("react/jsx-runtime").JSX.Element;
+declare function AutocompleteInner<T>(props: AutocompleteProps<T>, ref: React.ForwardedRef<HTMLInputElement>): import("react/jsx-runtime").JSX.Element;
 export declare const Autocomplete: <T>(props: AutocompleteProps<T> & {
-    ref?: React.ForwardedRef<HTMLDivElement>;
+    ref?: React.ForwardedRef<HTMLInputElement>;
     /** @ignore */
     displayName?: string | undefined;
 }) => ReturnType<typeof AutocompleteInner>;

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

@@ -27,5 +27,5 @@ type SharedTextFieldProps = {
     multiline?: boolean;
 };
 export type TextFieldProps = SharedTextFieldProps & (TextareaHTMLAttributes<HTMLTextAreaElement> | InputHTMLAttributes<HTMLInputElement>);
-export declare const TextField: import("react").ForwardRefExoticComponent<TextFieldProps & import("react").RefAttributes<HTMLDivElement>>;
+export declare const TextField: import("react").ForwardRefExoticComponent<TextFieldProps & import("react").RefAttributes<HTMLInputElement>>;
 export {};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@equinor/eds-core-react",
-  "version": "0.44.0",
+  "version": "0.45.1",
   "description": "The React implementation of the Equinor Design System",
   "sideEffects": [
     "**/*.css"
@@ -33,44 +33,44 @@
   ],
   "devDependencies": {
     "@rollup/plugin-babel": "^6.0.4",
-    "@rollup/plugin-commonjs": "^28.0.2",
-    "@rollup/plugin-node-resolve": "^16.0.0",
-    "@storybook/addon-a11y": "^8.4.7",
-    "@storybook/addon-actions": "^8.4.7",
-    "@storybook/addon-docs": "^8.4.7",
-    "@storybook/addon-essentials": "^8.4.7",
-    "@storybook/addon-links": "^8.4.7",
-    "@storybook/blocks": "^8.4.7",
-    "@storybook/preview-api": "^8.4.7",
-    "@storybook/react": "^8.4.7",
-    "@storybook/react-vite": "^8.4.7",
+    "@rollup/plugin-commonjs": "^28.0.3",
+    "@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",
-    "@testing-library/react": "16.1.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.3",
-    "@types/react-dom": "^18.3.0",
+    "@types/react": "^18.3.20",
+    "@types/react-dom": "^18.3.6",
     "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.4.49",
+    "postcss": "^8.5.3",
     "ramda": "^0.30.1",
     "react": "^18.3.1",
     "react-dom": "^18.3.1",
-    "react-hook-form": "^7.54.2",
-    "react-router-dom": "^6.26.0",
-    "rollup": "^4.29.1",
-    "rollup-plugin-delete": "^2.1.0",
+    "react-hook-form": "^7.56.1",
+    "react-router-dom": "^6.30.0",
+    "rollup": "^4.40.1",
+    "rollup-plugin-delete": "^2.2.0",
     "rollup-plugin-postcss": "^4.0.2",
     "rollup-preserve-directives": "^1.1.3",
-    "storybook": "^8.4.7",
-    "styled-components": "6.1.13",
+    "storybook": "^8.6.12",
+    "styled-components": "6.1.17",
     "tsc-watch": "^6.2.1",
-    "typescript": "^5.7.2"
+    "typescript": "^5.8.3"
   },
   "peerDependencies": {
     "react": ">=16.8",
@@ -78,19 +78,19 @@
     "styled-components": ">=5.1"
   },
   "dependencies": {
-    "@babel/runtime": "^7.26.0",
-    "@floating-ui/react": "^0.27.2",
-    "@internationalized/date": "^3.6.0",
-    "@react-aria/utils": "^3.26.0",
-    "@react-stately/calendar": "^3.6.0",
-    "@react-stately/datepicker": "^3.11.0",
-    "@react-types/shared": "^3.26.0",
+    "@babel/runtime": "^7.27.0",
+    "@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.2",
     "downshift": "9.0.8",
-    "react-aria": "^3.36.0",
-    "@equinor/eds-icons": "^0.22.0",
+    "react-aria": "^3.39.0",
     "@equinor/eds-tokens": "0.9.2",
-    "@equinor/eds-utils": "0.8.6"
+    "@equinor/eds-icons": "^0.22.0",
+    "@equinor/eds-utils": "0.8.7"
   },
   "scripts": {
     "build": "rollup -c --bundleConfigAsCjs && tsc -p tsconfig.build.json",