@equinor/eds-core-react 2.3.4 → 2.3.6

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>>;

package/dist/types/components/next/Input/Input.types.d.ts

@@ -2,13 +2,15 @@ import { InputHTMLAttributes, ReactNode } from 'react';
 export type InputProps = {
     /** Invalid state - shows error styling */
     invalid?: boolean;
-    /** Text at the start (e.g., "$", "USD") - always neutral color */
+    /** Hide error icon when invalid - defaults to false (icon shows by default) */
+    hideErrorIcon?: boolean;
+    /** Text at the start (e.g., "https://", "NOK") */
     startText?: string;
-    /** Adornment at the start (icons, buttons, etc.) - inherits state color (red when invalid) */
+    /** Adornment at the start (icons, buttons, etc.) */
     startAdornment?: ReactNode;
-    /** Text at the end (e.g., "km", "%") - always neutral color */
+    /** Text at the end (e.g., "km", "%") */
     endText?: string;
-    /** Adornment at the end (icons, buttons, etc.) - inherits state color (red when invalid) */
+    /** Adornment at the end (icons, buttons, etc.) */
     endAdornment?: ReactNode;
     /** Render as input or textarea */
     as?: 'input' | 'textarea';

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

@@ -8,6 +8,7 @@ export declare const TextField: import("react").ForwardRefExoticComponent<{
     id?: string;
 } & {
     invalid?: boolean;
+    hideErrorIcon?: boolean;
     startText?: string;
     startAdornment?: import("react").ReactNode;
     endText?: string;

package/package.json

@@ -1,13 +1,13 @@
 {
   "name": "@equinor/eds-core-react",
-  "version": "2.3.4",
+  "version": "2.3.6",
   "description": "The React implementation of the Equinor Design System",
   "sideEffects": [
     "**/*.css"
   ],
   "types": "dist/types/index.d.ts",
   "main": "dist/eds-core-react.cjs",
-  "module": "dist/esm/index.mjs",
+  "module": "dist/esm/index.js",
   "license": "MIT",
   "author": {
     "name": "EDS Core Team",
@@ -29,7 +29,7 @@
   "exports": {
     ".": {
       "types": "./dist/types/index.d.ts",
-      "import": "./dist/esm/index.mjs",
+      "import": "./dist/esm/index.js",
       "require": "./dist/eds-core-react.cjs"
     }
   },
@@ -40,27 +40,27 @@
     "react"
   ],
   "devDependencies": {
-    "@figma/code-connect": "^1.3.12",
-    "@playwright/test": "^1.57.0",
+    "@figma/code-connect": "^1.3.13",
+    "@playwright/test": "^1.58.2",
     "@rollup/plugin-babel": "^6.1.0",
     "@rollup/plugin-commonjs": "^28.0.8",
     "@rollup/plugin-node-resolve": "^16.0.3",
-    "@storybook/addon-a11y": "^9.1.13",
-    "@storybook/addon-docs": "^9.1.13",
-    "@storybook/addon-links": "^9.1.13",
-    "@storybook/react-vite": "^9.1.13",
+    "@storybook/addon-a11y": "^10.2.10",
+    "@storybook/addon-docs": "^10.2.10",
+    "@storybook/addon-links": "^10.2.10",
+    "@storybook/react-vite": "^10.2.10",
     "@testing-library/dom": "^10.4.1",
     "@testing-library/jest-dom": "^6.9.1",
-    "@testing-library/react": "16.3.0",
+    "@testing-library/react": "16.3.2",
     "@testing-library/user-event": "14.6.1",
     "@types/jest": "^30.0.0",
     "@types/mdx": "^2.0.13",
-    "@types/node": "^24.9.1",
+    "@types/node": "^25.2.3",
     "@types/ramda": "^0.31.1",
-    "@types/react": "^19.2.2",
-    "@types/react-dom": "^19.2.2",
+    "@types/react": "^19.2.14",
+    "@types/react-dom": "^19.2.3",
     "babel-plugin-styled-components": "^2.1.4",
-    "eslint-plugin-storybook": "9.1.13",
+    "eslint-plugin-storybook": "10.2.8",
     "jest": "^30.2.0",
     "jest-environment-jsdom": "^30.2.0",
     "jest-styled-components": "^7.2.0",
@@ -68,16 +68,16 @@
     "postcss": "^8.5.6",
     "postcss-import": "^16.1.1",
     "ramda": "^0.32.0",
-    "react": "^19.2.0",
-    "react-dom": "^19.2.0",
-    "react-hook-form": "^7.65.0",
-    "react-router-dom": "^7.9.4",
-    "rollup": "^4.52.5",
-    "rollup-plugin-delete": "^3.0.1",
+    "react": "^19.2.4",
+    "react-dom": "^19.2.4",
+    "react-hook-form": "^7.71.1",
+    "react-router-dom": "^7.13.0",
+    "rollup": "^4.57.1",
+    "rollup-plugin-delete": "^3.0.2",
     "rollup-plugin-postcss": "^4.0.2",
     "rollup-preserve-directives": "^1.1.3",
-    "storybook": "^9.1.13",
-    "styled-components": "6.1.19",
+    "storybook": "^10.2.8",
+    "styled-components": "6.3.9",
     "tsc-watch": "^7.2.0",
     "typescript": "^5.9.3"
   },
@@ -87,18 +87,18 @@
     "styled-components": "^6"
   },
   "dependencies": {
-    "@babel/runtime": "^7.28.4",
-    "@floating-ui/react": "^0.27.16",
-    "@internationalized/date": "^3.10.0",
-    "@react-aria/utils": "^3.31.0",
-    "@react-stately/calendar": "^3.9.0",
-    "@react-stately/datepicker": "^3.15.2",
-    "@react-types/shared": "^3.32.1",
-    "@tanstack/react-virtual": "3.13.12",
-    "downshift": "9.0.10",
-    "react-aria": "^3.44.0",
-    "@equinor/eds-icons": "^1.2.1",
-    "@equinor/eds-tokens": "^2.1.1",
+    "@babel/runtime": "^7.28.6",
+    "@floating-ui/react": "^0.27.17",
+    "@internationalized/date": "^3.11.0",
+    "@react-aria/utils": "^3.33.0",
+    "@react-stately/calendar": "^3.9.2",
+    "@react-stately/datepicker": "^3.16.0",
+    "@react-types/shared": "^3.33.0",
+    "@tanstack/react-virtual": "3.13.18",
+    "downshift": "9.3.0",
+    "react-aria": "^3.46.0",
+    "@equinor/eds-icons": "^1.2.2",
+    "@equinor/eds-tokens": "^2.2.0",
     "@equinor/eds-utils": "^2.0.0"
   },
   "scripts": {

package/dist/esm/components/Icon/index.mjs

@@ -1,7 +0,0 @@
-import { Icon as Icon$1 } from './Icon.mjs';
-import { add } from './library.mjs';
-
-const Icon = Icon$1;
-Icon.add = add;
-
-export { Icon };

package/dist/esm/components/Progress/index.mjs

@@ -1,13 +0,0 @@
-import { LinearProgress } from './Linear/LinearProgress.mjs';
-import { CircularProgress } from './Circular/CircularProgress.mjs';
-import { StarProgress } from './Star/StarProgress.mjs';
-import { DotProgress } from './Dots/DotProgress.mjs';
-
-const Progress = {
-  Linear: LinearProgress,
-  Circular: CircularProgress,
-  Star: StarProgress,
-  Dots: DotProgress
-};
-
-export { CircularProgress, DotProgress, LinearProgress, Progress, StarProgress };

package/dist/esm/components/Snackbar/index.mjs

@@ -1,7 +0,0 @@
-import { SnackbarAction } from './SnackbarAction.mjs';
-import { Snackbar as Snackbar$1 } from './Snackbar.mjs';
-
-const Snackbar = Snackbar$1;
-Snackbar.Action = SnackbarAction;
-
-export { Snackbar, SnackbarAction };

package/dist/esm/index.mjs

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

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

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