@equinor/eds-core-react 2.3.5 → 2.3.6

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

@@ -48,7 +48,9 @@ function Option({
   const isSelected = selectedItemsLabels.includes(label);
   const optionComponent = _optionComponent?.(item, isSelected);
   const highlighted = highlightedIndex === index && !isDisabled ? 'true' : 'false';
-  const itemProps = getItemProps({
+
+  // Guard: downshift 9.x validates that item exists in the items array
+  const itemProps = item !== undefined ? getItemProps({
     ...(multiline && {
       ref: rowVirtualizer.measureElement
     }),
@@ -60,7 +62,14 @@ function Option({
         height: `${virtualItem.size}px`
       })
     }
-  });
+  }) : {
+    style: {
+      transform: `translateY(${virtualItem.start}px)`,
+      ...(!multiline && {
+        height: `${virtualItem.size}px`
+      })
+    }
+  };
   return /*#__PURE__*/jsxs(StyledListItem, {
     $isdisabled: isDisabled ? 'true' : 'false',
     $highlighted: highlighted,

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

@@ -27,7 +27,7 @@ function SelectAllOption({
       ref: rowVirtualizer.measureElement
     }),
     item,
-    index: index
+    index
   });
   return /*#__PURE__*/jsxs(StyledListItem, {
     ref: ref,

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

@@ -112,7 +112,13 @@ const useAutocomplete = ({
       ...multipleSelectionProps,
       onSelectedItemsChange: changes => {
         if (onOptionsChange) {
-          let selectedItems = changes.selectedItems.filter(item => item !== AllSymbol || item !== AddSymbol);
+          // AddSymbol/AllSymbol are handled manually in onStateChange,
+          // so skip propagating when they appear in selectedItems
+          // (downshift 9.x propagates selectedItem to useMultipleSelection)
+          if (changes.selectedItems.some(item => item === AllSymbol || item === AddSymbol)) {
+            return;
+          }
+          let selectedItems = changes.selectedItems;
           if (itemCompare) {
             selectedItems = inputOptions.filter(item => selectedItems.some(compare => itemCompare(item, compare)));
           }
@@ -269,6 +275,9 @@ const useAutocomplete = ({
               toggleAllSelected();
             } else if (selectedItem === AddSymbol && typedInputValue.trim()) {
               onAddNewOption?.(typedInputValue);
+              if (clearSearchOnChange) {
+                setTypedInputValue('');
+              }
             } else if (multiple) {
               const shouldRemove = itemCompare ? selectedItems.some(i => itemCompare(selectedItem, i)) : selectedItems.includes(selectedItem);
               if (shouldRemove) {
@@ -494,7 +503,9 @@ const useAutocomplete = ({
             };
           case useCombobox.stateChangeTypes.InputKeyDownEnter:
           case useCombobox.stateChangeTypes.ItemClick:
-            if (clearSearchOnChange) {
+            // Don't clear typedInputValue for AddSymbol — onStateChange needs
+            // it to call onAddNewOption (downshift 9.x runs onStateChange after re-render)
+            if (clearSearchOnChange && changes.selectedItem !== AddSymbol) {
               setTypedInputValue('');
             }
             return {

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

@@ -74,11 +74,7 @@ const info = {
         color: infoColor
       }
     }
-  },
-  modes: {
-    compact: {}
-  }
-};
+  }};
 const warning = {
   entities: {
     icon: {
@@ -87,10 +83,6 @@ const warning = {
         color: warningColor
       }
     }
-  },
-  modes: {
-    compact: {}
-  }
-};
+  }};
 
 export { enabled, info, warning };

package/dist/esm/components/Chip/Chip.js

@@ -85,7 +85,7 @@ const Chip = /*#__PURE__*/forwardRef(function Chip({
   };
   const resizedChildren = Children.map(children, child => {
     // We force size on Icon & Avatar component
-    if (child.props) {
+    if (child?.props) {
       return /*#__PURE__*/cloneElement(child, {
         size: 16,
         disabled

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

@@ -107,8 +107,6 @@ const enabled = {
   },
   entities: {
     icon: {
-      height: medium,
-      width: medium,
       border: {
         radius: borderRadius,
         type: 'border',

package/dist/esm/components/Datepicker/fields/DateFieldSegments.js

@@ -1,20 +1,29 @@
 import { useDateFieldState } from '@react-stately/datepicker';
 import { useDateField } from 'react-aria';
-import { createCalendar } from '@internationalized/date';
+import { CalendarDate, createCalendar } from '@internationalized/date';
 import { DateSegment } from './DateSegment.js';
 import { forwardRef } from 'react';
 import { jsx } from 'react/jsx-runtime';
 
 // In some cases we need to use the index as key
 /* eslint-disable react/no-array-index-key */
+// Use January 1st as placeholder when no value is set.
+// This ensures the day segment allows values up to 31,
+// preventing eager auto-advance when typing "3" (which
+// would otherwise auto-complete to "03" in months with
+// fewer than 30 days, like February).
+const DEFAULT_PLACEHOLDER = new CalendarDate(new Date().getFullYear(), 1, 1);
+
 /**
  * A field that wraps segments for inputting a date / date-time
  */
 const DateFieldSegments = /*#__PURE__*/forwardRef((props, ref) => {
+  const placeholderValue = props.placeholderValue ?? DEFAULT_PLACEHOLDER;
   const state = useDateFieldState({
     ...props,
     locale: props.locale,
-    createCalendar
+    createCalendar,
+    placeholderValue
   });
   const {
     fieldProps

package/dist/esm/components/Datepicker/utils/get-calendar-date.js

@@ -1,4 +1,4 @@
-import { toCalendarDateTime, toCalendarDate, fromDate } from '@internationalized/date';
+import { toCalendarDateTime, fromDate, toCalendarDate } from '@internationalized/date';
 
 const getCalendarDate = (value, timezone, showTimeInput = false) => {
   if (!value) return null;

package/dist/esm/components/EdsProvider/eds.context.js

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

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

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

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

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

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 { quickVariants, typography, colors, link } from './Typography.tokens.js';
+import { quickVariants, typography, link, colors } from './Typography.tokens.js';
 import { jsx } from 'react/jsx-runtime';
 
 const getElementType = (variant, link) => {

package/dist/esm/index.js

@@ -16,85 +16,85 @@ export { Progress } from './components/Progress/index.js';
 export { Breadcrumbs } from './components/Breadcrumbs/index.js';
 export { Menu } from './components/Menu/index.js';
 export { SideBar } from './components/SideBar/index.js';
-export { ButtonGroup } from './components/Button/ButtonGroup/ButtonGroup.js';
-export { ToggleButton } from './components/Button/ToggleButton/ToggleButton.js';
-export { TypographyNext } from './components/Typography/Typography.new.js';
-export { Heading } from './components/Typography/Heading.js';
-export { Paragraph } from './components/Typography/Paragraph.js';
-export { Typography } from './components/Typography/Typography.js';
-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 { Caption as TableCaption } from './components/Table/Caption.js';
-export { Divider } from './components/Divider/Divider.js';
-export { TextField } from './components/TextField/TextField.js';
-export { Textarea } from './components/Textarea/Textarea.js';
-export { ListItem } from './components/List/ListItem.js';
-export { AccordionItem } from './components/Accordion/AccordionItem.js';
 export { AccordionHeader } from './components/Accordion/AccordionHeader.js';
-export { AccordionHeaderTitle } from './components/Accordion/AccordionHeaderTitle.js';
 export { AccordionHeaderActions } from './components/Accordion/AccordionHeaderActions.js';
+export { AccordionHeaderTitle } from './components/Accordion/AccordionHeaderTitle.js';
+export { AccordionItem } from './components/Accordion/AccordionItem.js';
 export { AccordionPanel } from './components/Accordion/AccordionPanel.js';
-export { Tab } from './components/Tabs/Tab.js';
-export { TabPanels } from './components/Tabs/TabPanels.js';
-export { TabPanel } from './components/Tabs/TabPanel.js';
-export { TabList } from './components/Tabs/TabList.js';
+export { AddSymbol, AllSymbol, Autocomplete, StyledButton, defaultOptionDisabled } from './components/Autocomplete/Autocomplete.js';
+export { Avatar } from './components/Avatar/Avatar.js';
+export { BannerActions } from './components/Banner/BannerActions.js';
+export { BannerIcon } from './components/Banner/BannerIcon.js';
+export { BannerMessage } from './components/Banner/BannerMessage.js';
+export { Breadcrumb } from './components/Breadcrumbs/Breadcrumb.js';
+export { ButtonGroup } from './components/Button/ButtonGroup/ButtonGroup.js';
 export { CardActions } from './components/Card/CardActions.js';
 export { CardContent } from './components/Card/CardContent.js';
 export { CardHeader } from './components/Card/CardHeader.js';
-export { CardMedia } from './components/Card/CardMedia.js';
 export { CardHeaderTitle } from './components/Card/CardHeaderTitle.js';
-export { Actions as TopbarActions } from './components/TopBar/Actions.js';
-export { Header as TopbarHeader } from './components/TopBar/Header.js';
-export { CustomContent as TopbarCustomContent } from './components/TopBar/CustomContent.js';
+export { CardMedia } from './components/Card/CardMedia.js';
+export { Checkbox } from './components/Checkbox/Checkbox.js';
+export { Chip } from './components/Chip/Chip.js';
+export { CircularProgress } from './components/Progress/Circular/CircularProgress.js';
+export { DatePicker } from './components/Datepicker/DatePicker.js';
+export { DateRangePicker } from './components/Datepicker/DateRangePicker.js';
 export { DialogActions } from './components/Dialog/DialogActions.js';
-export { DialogTitle } from './components/Dialog/DialogTitle.js';
 export { DialogContent } from './components/Dialog/DialogContent.js';
 export { DialogHeader } from './components/Dialog/DialogHeader.js';
-export { Scrim } from './components/Scrim/Scrim.js';
-export { LinkItem as TableOfContentsLinkItem } from './components/TableOfContents/LinkItem.js';
-export { SideSheet } from './components/SideSheet/SideSheet.js';
-export { Chip } from './components/Chip/Chip.js';
-export { Avatar } from './components/Avatar/Avatar.js';
-export { Search } from './components/Search/Search.js';
-export { Slider } from './components/Slider/Slider.js';
-export { Tooltip } from './components/Tooltip/Tooltip.js';
-export { SnackbarAction } from './components/Snackbar/SnackbarAction.js';
-export { PopoverTitle } from './components/Popover/PopoverTitle.js';
-export { PopoverContent } from './components/Popover/PopoverContent.js';
-export { PopoverHeader } from './components/Popover/PopoverHeader.js';
-export { PopoverActions } from './components/Popover/PopoverActions.js';
-export { BannerIcon } from './components/Banner/BannerIcon.js';
-export { BannerMessage } from './components/Banner/BannerMessage.js';
-export { BannerActions } from './components/Banner/BannerActions.js';
-export { LinearProgress } from './components/Progress/Linear/LinearProgress.js';
-export { CircularProgress } from './components/Progress/Circular/CircularProgress.js';
-export { StarProgress } from './components/Progress/Star/StarProgress.js';
+export { DialogTitle } from './components/Dialog/DialogTitle.js';
+export { Divider } from './components/Divider/Divider.js';
 export { DotProgress } from './components/Progress/Dots/DotProgress.js';
-export { Breadcrumb } from './components/Breadcrumbs/Breadcrumb.js';
+export { EdsProvider, useEds } from './components/EdsProvider/eds.context.js';
+export { Heading } from './components/Typography/Heading.js';
+export { Input } from './components/Input/Input.js';
+export { InputWrapper } from './components/InputWrapper/InputWrapper.js';
+export { Label } from './components/Label/Label.js';
+export { LinearProgress } from './components/Progress/Linear/LinearProgress.js';
+export { ListItem } from './components/List/ListItem.js';
 export { MenuItem } from './components/Menu/MenuItem.js';
 export { MenuSection } from './components/Menu/MenuSection.js';
-export { Pagination } from './components/Pagination/Pagination.js';
 export { NativeSelect } from './components/Select/NativeSelect.js';
-export { Label } from './components/Label/Label.js';
-export { Input } from './components/Input/Input.js';
-export { Checkbox } from './components/Checkbox/Checkbox.js';
-export { Radio } from './components/Radio/Radio.js';
-export { Switch } from './components/Switch/Switch.js';
-export { EdsProvider, useEds } from './components/EdsProvider/eds.context.js';
+export { Pagination } from './components/Pagination/Pagination.js';
 export { Paper } from './components/Paper/Paper.js';
-export { AddSymbol, AllSymbol, Autocomplete, StyledButton, defaultOptionDisabled } from './components/Autocomplete/Autocomplete.js';
-export { InputWrapper } from './components/InputWrapper/InputWrapper.js';
-export { useInputField } from './components/InputWrapper/useInputField.js';
-export { useSideBar } from './components/SideBar/SideBar.context.js';
-export { SidebarLink } from './components/SideBar/SidebarLink/index.js';
+export { Paragraph } from './components/Typography/Paragraph.js';
+export { PopoverActions } from './components/Popover/PopoverActions.js';
+export { PopoverContent } from './components/Popover/PopoverContent.js';
+export { PopoverHeader } from './components/Popover/PopoverHeader.js';
+export { PopoverTitle } from './components/Popover/PopoverTitle.js';
+export { Radio } from './components/Radio/Radio.js';
+export { Scrim } from './components/Scrim/Scrim.js';
+export { Search } from './components/Search/Search.js';
+export { SideBarAccordion } from './components/SideBar/SideBarAccordion/index.js';
+export { SideBarAccordionItem } from './components/SideBar/SideBarAccordionItem/index.js';
+export { SideBarButton } from './components/SideBar/SideBarButton/index.js';
 export { SideBarContent } from './components/SideBar/SideBarContent.js';
 export { SideBarFooter } from './components/SideBar/SideBarFooter.js';
 export { SideBarToggle } from './components/SideBar/SideBarToggle.js';
-export { SideBarButton } from './components/SideBar/SideBarButton/index.js';
-export { SideBarAccordion } from './components/SideBar/SideBarAccordion/index.js';
-export { SideBarAccordionItem } from './components/SideBar/SideBarAccordionItem/index.js';
-export { DatePicker } from './components/Datepicker/DatePicker.js';
-export { DateRangePicker } from './components/Datepicker/DateRangePicker.js';
+export { SideSheet } from './components/SideSheet/SideSheet.js';
+export { SidebarLink } from './components/SideBar/SidebarLink/index.js';
+export { Slider } from './components/Slider/Slider.js';
+export { SnackbarAction } from './components/Snackbar/SnackbarAction.js';
+export { StarProgress } from './components/Progress/Star/StarProgress.js';
+export { Switch } from './components/Switch/Switch.js';
+export { Tab } from './components/Tabs/Tab.js';
+export { TabList } from './components/Tabs/TabList.js';
+export { TabPanel } from './components/Tabs/TabPanel.js';
+export { TabPanels } from './components/Tabs/TabPanels.js';
+export { Body as TableBody } from './components/Table/Body.js';
+export { Caption as TableCaption } from './components/Table/Caption.js';
+export { Cell as TableCell } from './components/Table/Cell.js';
+export { Foot as TableFoot } from './components/Table/Foot/Foot.js';
+export { Head as TableHead } from './components/Table/Head/Head.js';
+export { LinkItem as TableOfContentsLinkItem } from './components/TableOfContents/LinkItem.js';
+export { Row as TableRow } from './components/Table/Row/Row.js';
+export { TextField } from './components/TextField/TextField.js';
+export { Textarea } from './components/Textarea/Textarea.js';
+export { ToggleButton } from './components/Button/ToggleButton/ToggleButton.js';
+export { Tooltip } from './components/Tooltip/Tooltip.js';
+export { Actions as TopbarActions } from './components/TopBar/Actions.js';
+export { CustomContent as TopbarCustomContent } from './components/TopBar/CustomContent.js';
+export { Header as TopbarHeader } from './components/TopBar/Header.js';
+export { Typography } from './components/Typography/Typography.js';
+export { TypographyNext } from './components/Typography/Typography.new.js';
+export { useInputField } from './components/InputWrapper/useInputField.js';
+export { useSideBar } from './components/SideBar/SideBar.context.js';

package/dist/esm-next/components/next/Button/Button.js

@@ -32,18 +32,16 @@ const Button = /*#__PURE__*/forwardRef(function Button({
     "data-variant": variant,
     "data-selectable-space": selectableSpace,
     "data-space-proportions": "squished",
-    "data-font-family": "ui",
-    "data-font-size": typographySize,
-    "data-line-height": "squished",
     "data-color-appearance": disabled ? 'neutral' : tone,
     "data-icon-only": icon || undefined,
     "data-round": icon && round ? true : undefined,
     ...rest,
-    children: /*#__PURE__*/jsx(TypographyNext, {
+    children: icon ? children : /*#__PURE__*/jsx(TypographyNext, {
+      as: "span",
       family: "ui",
       size: typographySize,
-      baseline: "center",
       lineHeight: "squished",
+      baseline: "center",
       children: children
     })
   });

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

@@ -5,6 +5,7 @@ import { Icon } from '../Icon/Icon.js';
 
 const Input = /*#__PURE__*/forwardRef(function Input({
   invalid = false,
+  hideErrorIcon = false,
   disabled,
   readOnly,
   type = 'text',
@@ -17,8 +18,8 @@ const Input = /*#__PURE__*/forwardRef(function Input({
   as: Component = 'input',
   ...inputProps
 }, ref) {
-  const tone = invalid && !disabled ? 'danger' : 'neutral';
-  const showErrorIcon = invalid && !disabled;
+  const tone = invalid && !disabled && !readOnly ? 'danger' : 'neutral';
+  const displayErrorIcon = !hideErrorIcon && invalid && !disabled && !readOnly;
   const hasStartAdornment = startText || startAdornment;
   const hasEndAdornment = endText || endAdornment;
   const containerClasses = ['eds-input-container', containerClassName].filter(Boolean).join(' ');
@@ -31,7 +32,7 @@ const Input = /*#__PURE__*/forwardRef(function Input({
     "data-disabled": disabled || undefined,
     "data-readonly": readOnly || undefined,
     "data-invalid": invalid || undefined,
-    children: [showErrorIcon && /*#__PURE__*/jsx("span", {
+    children: [displayErrorIcon && /*#__PURE__*/jsx("span", {
       className: "eds-error-icon",
       "data-font-size": "xs",
       "data-font-family": "ui",
@@ -41,10 +42,9 @@ const Input = /*#__PURE__*/forwardRef(function Input({
       })
     }), hasStartAdornment && /*#__PURE__*/jsxs("div", {
       className: "eds-adornment",
-      "data-font-size": "xs",
+      "data-color-appearance": "neutral",
       children: [startText && /*#__PURE__*/jsx("span", {
         className: "eds-adornment__text",
-        "data-color-appearance": "neutral",
         "data-font-family": "ui",
         "data-font-size": "xs",
         "data-baseline": "center",
@@ -52,8 +52,6 @@ const Input = /*#__PURE__*/forwardRef(function Input({
       }), startAdornment && /*#__PURE__*/jsx("span", {
         className: "eds-adornment__adornment",
         "data-font-size": "xs",
-        "data-font-family": "ui",
-        "data-baseline": "center",
         children: startAdornment
       })]
     }), /*#__PURE__*/jsx(Component, {
@@ -70,10 +68,9 @@ const Input = /*#__PURE__*/forwardRef(function Input({
       "aria-invalid": invalid || undefined
     }), hasEndAdornment && /*#__PURE__*/jsxs("div", {
       className: "eds-adornment",
-      "data-font-size": "xs",
+      "data-color-appearance": "neutral",
       children: [endText && /*#__PURE__*/jsx("span", {
         className: "eds-adornment__text",
-        "data-color-appearance": "neutral",
         "data-font-family": "ui",
         "data-font-size": "xs",
         "data-baseline": "center",
@@ -81,8 +78,6 @@ const Input = /*#__PURE__*/forwardRef(function Input({
       }), endAdornment && /*#__PURE__*/jsx("span", {
         className: "eds-adornment__adornment",
         "data-font-size": "xs",
-        "data-font-family": "ui",
-        "data-baseline": "center",
         children: endAdornment
       })]
     })]

package/dist/esm-next/index.next.js

@@ -1,9 +1,9 @@
 export { Button } from './components/next/Button/Button.js';
-export { Icon } from './components/next/Icon/Icon.js';
-export { Field } from './components/next/Field/Field.js';
-export { useFieldIds } from './components/next/Field/useFieldIds.js';
 export { Checkbox } from './components/next/Checkbox/Checkbox.js';
+export { Field } from './components/next/Field/Field.js';
+export { Icon } from './components/next/Icon/Icon.js';
+export { Input } from './components/next/Input/Input.js';
 export { Radio } from './components/next/Radio/Radio.js';
 export { Switch } from './components/next/Switch/Switch.js';
-export { Input } from './components/next/Input/Input.js';
 export { TextField } from './components/next/TextField/TextField.js';
+export { useFieldIds } from './components/next/Field/useFieldIds.js';

package/dist/index.next.cjs

@@ -106,18 +106,16 @@ const Button = /*#__PURE__*/react.forwardRef(function Button({
     "data-variant": variant,
     "data-selectable-space": selectableSpace,
     "data-space-proportions": "squished",
-    "data-font-family": "ui",
-    "data-font-size": typographySize,
-    "data-line-height": "squished",
     "data-color-appearance": disabled ? 'neutral' : tone,
     "data-icon-only": icon || undefined,
     "data-round": icon && round ? true : undefined,
     ...rest,
-    children: /*#__PURE__*/jsxRuntime.jsx(TypographyNext, {
+    children: icon ? children : /*#__PURE__*/jsxRuntime.jsx(TypographyNext, {
+      as: "span",
       family: "ui",
       size: typographySize,
-      baseline: "center",
       lineHeight: "squished",
+      baseline: "center",
       children: children
     })
   });
@@ -533,6 +531,7 @@ Switch.displayName = 'Switch';
 
 const Input = /*#__PURE__*/react.forwardRef(function Input({
   invalid = false,
+  hideErrorIcon = false,
   disabled,
   readOnly,
   type = 'text',
@@ -545,8 +544,8 @@ const Input = /*#__PURE__*/react.forwardRef(function Input({
   as: Component = 'input',
   ...inputProps
 }, ref) {
-  const tone = invalid && !disabled ? 'danger' : 'neutral';
-  const showErrorIcon = invalid && !disabled;
+  const tone = invalid && !disabled && !readOnly ? 'danger' : 'neutral';
+  const displayErrorIcon = !hideErrorIcon && invalid && !disabled && !readOnly;
   const hasStartAdornment = startText || startAdornment;
   const hasEndAdornment = endText || endAdornment;
   const containerClasses = ['eds-input-container', containerClassName].filter(Boolean).join(' ');
@@ -559,7 +558,7 @@ const Input = /*#__PURE__*/react.forwardRef(function Input({
     "data-disabled": disabled || undefined,
     "data-readonly": readOnly || undefined,
     "data-invalid": invalid || undefined,
-    children: [showErrorIcon && /*#__PURE__*/jsxRuntime.jsx("span", {
+    children: [displayErrorIcon && /*#__PURE__*/jsxRuntime.jsx("span", {
       className: "eds-error-icon",
       "data-font-size": "xs",
       "data-font-family": "ui",
@@ -569,10 +568,9 @@ const Input = /*#__PURE__*/react.forwardRef(function Input({
       })
     }), hasStartAdornment && /*#__PURE__*/jsxRuntime.jsxs("div", {
       className: "eds-adornment",
-      "data-font-size": "xs",
+      "data-color-appearance": "neutral",
       children: [startText && /*#__PURE__*/jsxRuntime.jsx("span", {
         className: "eds-adornment__text",
-        "data-color-appearance": "neutral",
         "data-font-family": "ui",
         "data-font-size": "xs",
         "data-baseline": "center",
@@ -580,8 +578,6 @@ const Input = /*#__PURE__*/react.forwardRef(function Input({
       }), startAdornment && /*#__PURE__*/jsxRuntime.jsx("span", {
         className: "eds-adornment__adornment",
         "data-font-size": "xs",
-        "data-font-family": "ui",
-        "data-baseline": "center",
         children: startAdornment
       })]
     }), /*#__PURE__*/jsxRuntime.jsx(Component, {
@@ -598,10 +594,9 @@ const Input = /*#__PURE__*/react.forwardRef(function Input({
       "aria-invalid": invalid || undefined
     }), hasEndAdornment && /*#__PURE__*/jsxRuntime.jsxs("div", {
       className: "eds-adornment",
-      "data-font-size": "xs",
+      "data-color-appearance": "neutral",
       children: [endText && /*#__PURE__*/jsxRuntime.jsx("span", {
         className: "eds-adornment__text",
-        "data-color-appearance": "neutral",
         "data-font-family": "ui",
         "data-font-size": "xs",
         "data-baseline": "center",
@@ -609,8 +604,6 @@ const Input = /*#__PURE__*/react.forwardRef(function Input({
       }), endAdornment && /*#__PURE__*/jsxRuntime.jsx("span", {
         className: "eds-adornment__adornment",
         "data-font-size": "xs",
-        "data-font-family": "ui",
-        "data-baseline": "center",
         children: endAdornment
       })]
     })]

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

@@ -11,7 +11,7 @@ export declare const StyledButton: import("styled-components/dist/types").IStyle
     disabled?: boolean;
     type?: string;
     fullWidth?: boolean;
-} & import("react").ButtonHTMLAttributes<HTMLButtonElement> & Omit<any, "variant" | "href" | keyof import("react").ButtonHTMLAttributes<HTMLButtonElement> | "fullWidth">, never>> & string & Omit<import("@equinor/eds-utils").OverridableComponent<import("../Button").ButtonProps, HTMLButtonElement> & {
+} & import("react").ButtonHTMLAttributes<HTMLButtonElement> & Omit<any, keyof import("react").ButtonHTMLAttributes<HTMLButtonElement> | "variant" | "href" | "fullWidth">, never>> & string & Omit<import("@equinor/eds-utils").OverridableComponent<import("../Button").ButtonProps, HTMLButtonElement> & {
     Group: typeof import("../Button").ButtonGroup;
     Toggle: typeof import("../Button").ToggleButton;
 }, keyof import("react").Component<any, {}, any>>;

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

@@ -94,7 +94,7 @@ export declare const AutocompleteContext: import("react").Context<{
         optionLabel?: (option: unknown) => string;
     } & {
         ref?: React.Ref<HTMLInputElement>;
-    }, "meta" | "label" | "disabled" | "style" | "ref" | "className" | "multiple" | "variant" | "placeholder" | "readOnly" | "options" | "helperText" | "helperIcon" | "loading" | "optionDisabled" | "totalOptions" | "initialSelectedOptions" | "noOptionsText" | "hideClearButton" | "selectedOptions" | "selectionDisplay" | "onOptionsChange" | "onInputChange" | "onAddNewOption" | "allowSelectAll" | "optionComponent" | "optionsFilter" | "autoWidth" | "clearSearchOnChange" | "multiline" | "dropdownHeight" | "itemToKey" | "itemCompare" | "onClear" | "optionLabel">;
+    }, "disabled" | "className" | "style" | "meta" | "label" | "ref" | "multiple" | "variant" | "placeholder" | "readOnly" | "options" | "helperText" | "helperIcon" | "loading" | "optionDisabled" | "totalOptions" | "initialSelectedOptions" | "noOptionsText" | "hideClearButton" | "selectedOptions" | "selectionDisplay" | "onOptionsChange" | "onInputChange" | "onAddNewOption" | "allowSelectAll" | "optionComponent" | "optionsFilter" | "autoWidth" | "clearSearchOnChange" | "multiline" | "dropdownHeight" | "itemToKey" | "itemCompare" | "onClear" | "optionLabel">;
     highlightedIndex: number;
     selectedItem: unknown;
     isOpen: boolean;
@@ -208,7 +208,7 @@ export declare const useAutocompleteContext: () => {
         optionLabel?: (option: unknown) => string;
     } & {
         ref?: React.Ref<HTMLInputElement>;
-    }, "meta" | "label" | "disabled" | "style" | "ref" | "className" | "multiple" | "variant" | "placeholder" | "readOnly" | "options" | "helperText" | "helperIcon" | "loading" | "optionDisabled" | "totalOptions" | "initialSelectedOptions" | "noOptionsText" | "hideClearButton" | "selectedOptions" | "selectionDisplay" | "onOptionsChange" | "onInputChange" | "onAddNewOption" | "allowSelectAll" | "optionComponent" | "optionsFilter" | "autoWidth" | "clearSearchOnChange" | "multiline" | "dropdownHeight" | "itemToKey" | "itemCompare" | "onClear" | "optionLabel">;
+    }, "disabled" | "className" | "style" | "meta" | "label" | "ref" | "multiple" | "variant" | "placeholder" | "readOnly" | "options" | "helperText" | "helperIcon" | "loading" | "optionDisabled" | "totalOptions" | "initialSelectedOptions" | "noOptionsText" | "hideClearButton" | "selectedOptions" | "selectionDisplay" | "onOptionsChange" | "onInputChange" | "onAddNewOption" | "allowSelectAll" | "optionComponent" | "optionsFilter" | "autoWidth" | "clearSearchOnChange" | "multiline" | "dropdownHeight" | "itemToKey" | "itemCompare" | "onClear" | "optionLabel">;
     highlightedIndex: number;
     selectedItem: unknown;
     isOpen: boolean;

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

@@ -1,3 +1,4 @@
+import type { DOMAttributes } from 'react';
 import { AutocompleteProps } from './Autocomplete';
 import { AutocompleteToken } from './Autocomplete.tokens';
 export declare const useAutocomplete: <T>({ options, totalOptions, label, meta, className, style, disabled, readOnly, loading, hideClearButton, onOptionsChange, onAddNewOption, onInputChange, selectedOptions: _selectedOptions, selectionDisplay, multiple, itemToKey: _itemToKey, itemCompare: _itemCompare, allowSelectAll, initialSelectedOptions: _initialSelectedOptions, optionDisabled, optionsFilter, autoWidth, placeholder, optionLabel, clearSearchOnChange, multiline, dropdownHeight, optionComponent, helperText, helperIcon, noOptionsText, variant, onClear, ref, ...other }: AutocompleteProps<T> & {
@@ -26,7 +27,7 @@ export declare const useAutocomplete: <T>({ options, totalOptions, label, meta,
         disabled: boolean;
         ref: import("react").RefObject<HTMLInputElement>;
     }>, "preventKeyAction">>;
-    consolidatedEvents: Partial<import("react").DOMAttributes<unknown>>;
+    consolidatedEvents: Partial<DOMAttributes<unknown>>;
     multiple: boolean;
     disabled: boolean;
     optionDisabled: (option: T) => boolean;
@@ -102,7 +103,7 @@ export declare const useAutocomplete: <T>({ options, totalOptions, label, meta,
         optionLabel?: (option: T) => string;
     }) & {
         ref?: React.Ref<HTMLInputElement>;
-    }, "meta" | "label" | "disabled" | "style" | "ref" | "className" | "multiple" | "variant" | "placeholder" | "readOnly" | "options" | "helperText" | "helperIcon" | "loading" | "optionDisabled" | "totalOptions" | "initialSelectedOptions" | "noOptionsText" | "hideClearButton" | "selectedOptions" | "selectionDisplay" | "onOptionsChange" | "onInputChange" | "onAddNewOption" | "allowSelectAll" | "optionComponent" | "optionsFilter" | "autoWidth" | "clearSearchOnChange" | "multiline" | "dropdownHeight" | "itemToKey" | "itemCompare" | "onClear" | "optionLabel">;
+    }, "disabled" | "className" | "style" | "meta" | "label" | "ref" | "multiple" | "variant" | "placeholder" | "readOnly" | "options" | "helperText" | "helperIcon" | "loading" | "optionDisabled" | "totalOptions" | "initialSelectedOptions" | "noOptionsText" | "hideClearButton" | "selectedOptions" | "selectionDisplay" | "onOptionsChange" | "onInputChange" | "onAddNewOption" | "allowSelectAll" | "optionComponent" | "optionsFilter" | "autoWidth" | "clearSearchOnChange" | "multiline" | "dropdownHeight" | "itemToKey" | "itemCompare" | "onClear" | "optionLabel">;
     highlightedIndex: number;
     selectedItem: T;
     isOpen: boolean;

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

@@ -2,7 +2,7 @@
  * DateRangePicker component encapsulates the logic for selecting a range of dates
  * Either by accessible input fields or by a calendar.
  */
-export declare const DateRangePicker: import("react").ForwardRefExoticComponent<Omit<import("./props").DatePickerProps, "defaultValue" | "onChange" | "multiple" | "value" | "showTimeInput" | "stateRef"> & Partial<{
+export declare const DateRangePicker: import("react").ForwardRefExoticComponent<Omit<import("./props").DatePickerProps, "value" | "defaultValue" | "onChange" | "multiple" | "showTimeInput" | "stateRef"> & Partial<{
     onChange: (range: {
         from: Date | null;
         to: Date | null;

package/dist/types/components/SideBar/SideBarButton/index.d.ts

@@ -7,4 +7,4 @@ export type SideBarButtonProps = {
 export declare const SideBarButton: import("react").ForwardRefExoticComponent<{
     label: string;
     icon: IconData;
-} & Omit<ButtonProps, "variant" | "href" | "type" | "fullWidth"> & import("react").RefAttributes<HTMLButtonElement>>;
+} & Omit<ButtonProps, "type" | "variant" | "href" | "fullWidth"> & import("react").RefAttributes<HTMLButtonElement>>;