@digdir/designsystemet-react 1.11.0 → 1.11.1

package/dist/cjs/components/avatar/avatar.js

@@ -27,7 +27,7 @@ const Avatar = react.forwardRef(function Avatar({ 'aria-label': ariaLabel, varia
     const useSlot = children && typeof children !== 'string';
     const textChild = children && typeof children === 'string';
     const Component = useSlot ? reactSlot.Slot : react.Fragment;
-    return (jsxRuntime.jsx(OuterComponent, { ref: ref, className: cl('ds-avatar', className), "data-variant": variant, "data-initials": initials, role: 'img', "aria-label": ariaLabel, ...rest, children: jsxRuntime.jsx(Component, { ...(useSlot ? { 'aria-hidden': true } : {}), children: textChild ? jsxRuntime.jsx("span", { children: children }) : children }) }));
+    return (jsxRuntime.jsx(OuterComponent, { ref: ref, className: cl('ds-avatar', className), "data-variant": variant, "data-initials": initials, role: asChild ? undefined : 'img', "aria-label": ariaLabel, ...rest, children: jsxRuntime.jsx(Component, { ...(useSlot && !asChild ? { 'aria-hidden': true } : {}), children: textChild ? jsxRuntime.jsx("span", { children: children }) : children }) }));
 });
 
 exports.Avatar = Avatar;

package/dist/cjs/index.js

@@ -7,32 +7,32 @@ var avatarStack = require('./components/avatar-stack/avatar-stack.js');
 var index = require('./components/badge/index.js');
 var index$1 = require('./components/breadcrumbs/index.js');
 var button = require('./components/button/button.js');
-var index$2 = require('./components/Combobox/index.js');
-var index$3 = require('./components/card/index.js');
+var index$4 = require('./components/Combobox/index.js');
+var index$2 = require('./components/card/index.js');
 var checkbox = require('./components/checkbox/checkbox.js');
-var index$4 = require('./components/chip/index.js');
+var index$3 = require('./components/chip/index.js');
 var index$5 = require('./components/details/index.js');
 var index$6 = require('./components/dialog/index.js');
 var divider = require('./components/divider/divider.js');
 var index$7 = require('./components/dropdown/index.js');
-var index$8 = require('./components/error-summary/index.js');
-var index$9 = require('./components/field/index.js');
-var index$a = require('./components/fieldset/index.js');
+var index$9 = require('./components/error-summary/index.js');
+var index$a = require('./components/field/index.js');
+var index$b = require('./components/fieldset/index.js');
 var heading = require('./components/heading/heading.js');
 var input = require('./components/input/input.js');
 var label = require('./components/label/label.js');
 var link = require('./components/link/link.js');
-var index$b = require('./components/list/index.js');
-var index$c = require('./components/pagination/index.js');
+var index$c = require('./components/list/index.js');
+var index$d = require('./components/pagination/index.js');
 var paragraph = require('./components/paragraph/paragraph.js');
-var index$d = require('./components/popover/index.js');
+var index$e = require('./components/popover/index.js');
 var radio = require('./components/radio/radio.js');
-var index$e = require('./components/search/index.js');
-var index$f = require('./components/select/index.js');
+var index$f = require('./components/search/index.js');
+var index$g = require('./components/select/index.js');
 var skeleton = require('./components/skeleton/skeleton.js');
 var skipLink = require('./components/skip-link/skip-link.js');
 var spinner = require('./components/spinner/spinner.js');
-var index$g = require('./components/suggestion/index.js');
+var index$8 = require('./components/suggestion/index.js');
 var _switch = require('./components/switch/switch.js');
 var index$h = require('./components/table/index.js');
 var index$i = require('./components/tabs/index.js');
@@ -57,10 +57,10 @@ var badgePosition = require('./components/badge/badge-position.js');
 var breadcrumbsItem = require('./components/breadcrumbs/breadcrumbs-item.js');
 var breadcrumbsLink = require('./components/breadcrumbs/breadcrumbs-link.js');
 var breadcrumbsList = require('./components/breadcrumbs/breadcrumbs-list.js');
-var Empty = require('./components/Combobox/Empty.js');
-var Option = require('./components/Combobox/Option/Option.js');
 var cardBlock = require('./components/card/card-block.js');
 var chips = require('./components/chip/chips.js');
+var Empty = require('./components/Combobox/Empty.js');
+var Option = require('./components/Combobox/Option/Option.js');
 var detailsContent = require('./components/details/details-content.js');
 var detailsSummary = require('./components/details/details-summary.js');
 var dialogBlock = require('./components/dialog/dialog-block.js');
@@ -72,6 +72,11 @@ var dropdownItem = require('./components/dropdown/dropdown-item.js');
 var dropdownList = require('./components/dropdown/dropdown-list.js');
 var dropdownTrigger = require('./components/dropdown/dropdown-trigger.js');
 var dropdownTriggerContext = require('./components/dropdown/dropdown-trigger-context.js');
+var suggestionClear = require('./components/suggestion/suggestion-clear.js');
+var suggestionEmpty = require('./components/suggestion/suggestion-empty.js');
+var suggestionInput = require('./components/suggestion/suggestion-input.js');
+var suggestionList = require('./components/suggestion/suggestion-list.js');
+var suggestionOption = require('./components/suggestion/suggestion-option.js');
 var errorSummaryHeading = require('./components/error-summary/error-summary-heading.js');
 var errorSummaryItem = require('./components/error-summary/error-summary-item.js');
 var errorSummaryLink = require('./components/error-summary/error-summary-link.js');
@@ -93,11 +98,6 @@ var searchClear = require('./components/search/search-clear.js');
 var searchInput = require('./components/search/search-input.js');
 var selectOptgroup = require('./components/select/select-optgroup.js');
 var selectOption = require('./components/select/select-option.js');
-var suggestionClear = require('./components/suggestion/suggestion-clear.js');
-var suggestionEmpty = require('./components/suggestion/suggestion-empty.js');
-var suggestionInput = require('./components/suggestion/suggestion-input.js');
-var suggestionList = require('./components/suggestion/suggestion-list.js');
-var suggestionOption = require('./components/suggestion/suggestion-option.js');
 var tableBody = require('./components/table/table-body.js');
 var tableCell = require('./components/table/table-cell.js');
 var tableFoot = require('./components/table/table-foot.js');
@@ -117,32 +117,32 @@ exports.EXPERIMENTAL_AvatarStack = avatarStack.EXPERIMENTAL_AvatarStack;
 exports.Badge = index.Badge;
 exports.Breadcrumbs = index$1.Breadcrumbs;
 exports.Button = button.Button;
-exports.Combobox = index$2.Combobox;
-exports.Card = index$3.Card;
+exports.Combobox = index$4.Combobox;
+exports.Card = index$2.Card;
 exports.Checkbox = checkbox.Checkbox;
-exports.Chip = index$4.Chip;
+exports.Chip = index$3.Chip;
 exports.Details = index$5.Details;
 exports.Dialog = index$6.Dialog;
 exports.Divider = divider.Divider;
 exports.Dropdown = index$7.Dropdown;
-exports.ErrorSummary = index$8.ErrorSummary;
-exports.Field = index$9.Field;
-exports.Fieldset = index$a.Fieldset;
+exports.ErrorSummary = index$9.ErrorSummary;
+exports.Field = index$a.Field;
+exports.Fieldset = index$b.Fieldset;
 exports.Heading = heading.Heading;
 exports.Input = input.Input;
 exports.Label = label.Label;
 exports.Link = link.Link;
-exports.List = index$b.List;
-exports.Pagination = index$c.Pagination;
+exports.List = index$c.List;
+exports.Pagination = index$d.Pagination;
 exports.Paragraph = paragraph.Paragraph;
-exports.Popover = index$d.Popover;
+exports.Popover = index$e.Popover;
 exports.Radio = radio.Radio;
-exports.Search = index$e.Search;
-exports.Select = index$f.Select;
+exports.Search = index$f.Search;
+exports.Select = index$g.Select;
 exports.Skeleton = skeleton.Skeleton;
 exports.SkipLink = skipLink.SkipLink;
 exports.Spinner = spinner.Spinner;
-exports.EXPERIMENTAL_Suggestion = index$g.EXPERIMENTAL_Suggestion;
+exports.EXPERIMENTAL_Suggestion = index$8.EXPERIMENTAL_Suggestion;
 exports.Switch = _switch.Switch;
 exports.Table = index$h.Table;
 exports.Tabs = index$i.Tabs;
@@ -166,13 +166,13 @@ exports.BadgePosition = badgePosition.BadgePosition;
 exports.BreadcrumbsItem = breadcrumbsItem.BreadcrumbsItem;
 exports.BreadcrumbsLink = breadcrumbsLink.BreadcrumbsLink;
 exports.BreadcrumbsList = breadcrumbsList.BreadcrumbsList;
-exports.ComboboxEmpty = Empty.ComboboxEmpty;
-exports.ComboboxOption = Option.ComboboxOption;
 exports.CardBlock = cardBlock.CardBlock;
 exports.ChipButton = chips.ChipButton;
 exports.ChipCheckbox = chips.ChipCheckbox;
 exports.ChipRadio = chips.ChipRadio;
 exports.ChipRemovable = chips.ChipRemovable;
+exports.ComboboxEmpty = Empty.ComboboxEmpty;
+exports.ComboboxOption = Option.ComboboxOption;
 exports.DetailsContent = detailsContent.DetailsContent;
 exports.DetailsSummary = detailsSummary.DetailsSummary;
 exports.DialogBlock = dialogBlock.DialogBlock;
@@ -184,6 +184,11 @@ exports.DropdownItem = dropdownItem.DropdownItem;
 exports.DropdownList = dropdownList.DropdownList;
 exports.DropdownTrigger = dropdownTrigger.DropdownTrigger;
 exports.DropdownTriggerContext = dropdownTriggerContext.DropdownTriggerContext;
+exports.EXPERIMENTAL_SuggestionClear = suggestionClear.SuggestionClear;
+exports.EXPERIMENTAL_SuggestionEmpty = suggestionEmpty.SuggestionEmpty;
+exports.EXPERIMENTAL_SuggestionInput = suggestionInput.SuggestionInput;
+exports.EXPERIMENTAL_SuggestionList = suggestionList.SuggestionList;
+exports.EXPERIMENTAL_SuggestionOption = suggestionOption.SuggestionOption;
 exports.ErrorSummaryHeading = errorSummaryHeading.ErrorSummaryHeading;
 exports.ErrorSummaryItem = errorSummaryItem.ErrorSummaryItem;
 exports.ErrorSummaryLink = errorSummaryLink.ErrorSummaryLink;
@@ -207,11 +212,6 @@ exports.SearchClear = searchClear.SearchClear;
 exports.SearchInput = searchInput.SearchInput;
 exports.SelectOptgroup = selectOptgroup.SelectOptgroup;
 exports.SelectOption = selectOption.SelectOption;
-exports.EXPERIMENTAL_SuggestionClear = suggestionClear.SuggestionClear;
-exports.EXPERIMENTAL_SuggestionEmpty = suggestionEmpty.SuggestionEmpty;
-exports.EXPERIMENTAL_SuggestionInput = suggestionInput.SuggestionInput;
-exports.EXPERIMENTAL_SuggestionList = suggestionList.SuggestionList;
-exports.EXPERIMENTAL_SuggestionOption = suggestionOption.SuggestionOption;
 exports.TableBody = tableBody.TableBody;
 exports.TableCell = tableCell.TableCell;
 exports.TableFoot = tableFoot.TableFoot;

package/dist/esm/components/avatar/avatar.js

@@ -25,7 +25,7 @@ const Avatar = forwardRef(function Avatar({ 'aria-label': ariaLabel, variant = '
     const useSlot = children && typeof children !== 'string';
     const textChild = children && typeof children === 'string';
     const Component = useSlot ? Slot : Fragment;
-    return (jsx(OuterComponent, { ref: ref, className: cl('ds-avatar', className), "data-variant": variant, "data-initials": initials, role: 'img', "aria-label": ariaLabel, ...rest, children: jsx(Component, { ...(useSlot ? { 'aria-hidden': true } : {}), children: textChild ? jsx("span", { children: children }) : children }) }));
+    return (jsx(OuterComponent, { ref: ref, className: cl('ds-avatar', className), "data-variant": variant, "data-initials": initials, role: asChild ? undefined : 'img', "aria-label": ariaLabel, ...rest, children: jsx(Component, { ...(useSlot && !asChild ? { 'aria-hidden': true } : {}), children: textChild ? jsx("span", { children: children }) : children }) }));
 });
 
 export { Avatar };

package/dist/esm/index.js

@@ -55,10 +55,10 @@ export { BadgePosition } from './components/badge/badge-position.js';
 export { BreadcrumbsItem } from './components/breadcrumbs/breadcrumbs-item.js';
 export { BreadcrumbsLink } from './components/breadcrumbs/breadcrumbs-link.js';
 export { BreadcrumbsList } from './components/breadcrumbs/breadcrumbs-list.js';
-export { ComboboxEmpty } from './components/Combobox/Empty.js';
-export { ComboboxOption } from './components/Combobox/Option/Option.js';
 export { CardBlock } from './components/card/card-block.js';
 export { ChipButton, ChipCheckbox, ChipRadio, ChipRemovable } from './components/chip/chips.js';
+export { ComboboxEmpty } from './components/Combobox/Empty.js';
+export { ComboboxOption } from './components/Combobox/Option/Option.js';
 export { DetailsContent } from './components/details/details-content.js';
 export { DetailsSummary } from './components/details/details-summary.js';
 export { DialogBlock } from './components/dialog/dialog-block.js';
@@ -70,6 +70,11 @@ export { DropdownItem } from './components/dropdown/dropdown-item.js';
 export { DropdownList } from './components/dropdown/dropdown-list.js';
 export { DropdownTrigger } from './components/dropdown/dropdown-trigger.js';
 export { DropdownTriggerContext } from './components/dropdown/dropdown-trigger-context.js';
+export { SuggestionClear as EXPERIMENTAL_SuggestionClear } from './components/suggestion/suggestion-clear.js';
+export { SuggestionEmpty as EXPERIMENTAL_SuggestionEmpty } from './components/suggestion/suggestion-empty.js';
+export { SuggestionInput as EXPERIMENTAL_SuggestionInput } from './components/suggestion/suggestion-input.js';
+export { SuggestionList as EXPERIMENTAL_SuggestionList } from './components/suggestion/suggestion-list.js';
+export { SuggestionOption as EXPERIMENTAL_SuggestionOption } from './components/suggestion/suggestion-option.js';
 export { ErrorSummaryHeading } from './components/error-summary/error-summary-heading.js';
 export { ErrorSummaryItem } from './components/error-summary/error-summary-item.js';
 export { ErrorSummaryLink } from './components/error-summary/error-summary-link.js';
@@ -91,11 +96,6 @@ export { SearchClear } from './components/search/search-clear.js';
 export { SearchInput } from './components/search/search-input.js';
 export { SelectOptgroup } from './components/select/select-optgroup.js';
 export { SelectOption } from './components/select/select-option.js';
-export { SuggestionClear as EXPERIMENTAL_SuggestionClear } from './components/suggestion/suggestion-clear.js';
-export { SuggestionEmpty as EXPERIMENTAL_SuggestionEmpty } from './components/suggestion/suggestion-empty.js';
-export { SuggestionInput as EXPERIMENTAL_SuggestionInput } from './components/suggestion/suggestion-input.js';
-export { SuggestionList as EXPERIMENTAL_SuggestionList } from './components/suggestion/suggestion-list.js';
-export { SuggestionOption as EXPERIMENTAL_SuggestionOption } from './components/suggestion/suggestion-option.js';
 export { TableBody } from './components/table/table-body.js';
 export { TableCell } from './components/table/table-cell.js';
 export { TableFoot } from './components/table/table-foot.js';

package/dist/types/utilities/roving-focus/use-roving-focus.d.ts

@@ -140,18 +140,18 @@ export declare const useRovingFocus: (value: string) => {
         onFocusCapture?: import("react").FocusEventHandler<T> | undefined;
         onBlur?: import("react").FocusEventHandler<T> | undefined;
         onBlurCapture?: import("react").FocusEventHandler<T> | undefined;
-        onChange?: import("react").FormEventHandler<T> | undefined;
-        onChangeCapture?: import("react").FormEventHandler<T> | undefined;
+        onChange?: import("react").ChangeEventHandler<T, Element> | undefined;
+        onChangeCapture?: import("react").ChangeEventHandler<T, Element> | undefined;
         onBeforeInput?: import("react").InputEventHandler<T> | undefined;
-        onBeforeInputCapture?: import("react").FormEventHandler<T> | undefined;
-        onInput?: import("react").FormEventHandler<T> | undefined;
-        onInputCapture?: import("react").FormEventHandler<T> | undefined;
-        onReset?: import("react").FormEventHandler<T> | undefined;
-        onResetCapture?: import("react").FormEventHandler<T> | undefined;
-        onSubmit?: import("react").FormEventHandler<T> | undefined;
-        onSubmitCapture?: import("react").FormEventHandler<T> | undefined;
-        onInvalid?: import("react").FormEventHandler<T> | undefined;
-        onInvalidCapture?: import("react").FormEventHandler<T> | undefined;
+        onBeforeInputCapture?: import("react").InputEventHandler<T> | undefined;
+        onInput?: import("react").InputEventHandler<T> | undefined;
+        onInputCapture?: import("react").InputEventHandler<T> | undefined;
+        onReset?: import("react").ReactEventHandler<T> | undefined;
+        onResetCapture?: import("react").ReactEventHandler<T> | undefined;
+        onSubmit?: import("react").SubmitEventHandler<T> | undefined;
+        onSubmitCapture?: import("react").SubmitEventHandler<T> | undefined;
+        onInvalid?: import("react").ReactEventHandler<T> | undefined;
+        onInvalidCapture?: import("react").ReactEventHandler<T> | undefined;
         onLoad?: import("react").ReactEventHandler<T> | undefined;
         onLoadCapture?: import("react").ReactEventHandler<T> | undefined;
         onError?: import("react").ReactEventHandler<T> | undefined;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@digdir/designsystemet-react",
   "type": "module",
-  "version": "1.11.0",
+  "version": "1.11.1",
   "description": "React components for Designsystemet",
   "author": "Designsystemet team",
   "repository": {
@@ -35,38 +35,38 @@
     "access": "public"
   },
   "dependencies": {
-    "@floating-ui/dom": "^1.7.4",
+    "@floating-ui/dom": "^1.7.5",
     "@floating-ui/react": "0.26.23",
-    "@navikt/aksel-icons": "^7.38.0",
+    "@navikt/aksel-icons": "^8.2.0",
     "@radix-ui/react-slot": "^1.2.4",
     "@tanstack/react-virtual": "^3.13.18",
-    "@u-elements/u-combobox": "^1.0.5",
-    "@u-elements/u-datalist": "^1.0.14",
+    "@u-elements/u-combobox": "^1.0.7",
+    "@u-elements/u-datalist": "^1.1.0",
     "@u-elements/u-details": "^0.1.5",
     "clsx": "^2.1.1",
-    "@digdir/designsystemet-types": "^1.11.0"
+    "@digdir/designsystemet-types": "^1.11.1"
   },
   "devDependencies": {
     "@rollup/plugin-commonjs": "^29.0.0",
     "@rollup/plugin-node-resolve": "^16.0.3",
-    "@storybook/addon-docs": "^10.1.11",
-    "@storybook/addon-vitest": "^10.1.11",
-    "@storybook/react-vite": "^10.1.11",
+    "@storybook/addon-docs": "^10.2.3",
+    "@storybook/addon-vitest": "^10.2.3",
+    "@storybook/react-vite": "^10.2.3",
     "@testing-library/jest-dom": "^6.9.1",
-    "@testing-library/react": "^16.3.1",
+    "@testing-library/react": "^16.3.2",
     "@testing-library/user-event": "^14.6.1",
-    "@types/react": "^19.2.8",
+    "@types/react": "^19.2.10",
     "@types/react-dom": "^19.2.3",
-    "react": "^19.2.3",
-    "react-dom": "^19.2.3",
+    "react": "^19.2.4",
+    "react-dom": "^19.2.4",
     "rimraf": "^6.1.2",
-    "rollup": "^4.55.1",
+    "rollup": "^4.57.1",
     "rollup-plugin-copy": "^3.5.0",
-    "storybook": "^10.1.11",
+    "storybook": "^10.2.3",
     "tsx": "4.21.0",
     "typescript": "^5.9.3",
-    "@digdir/designsystemet": "^1.11.0",
-    "@digdir/designsystemet-css": "^1.11.0"
+    "@digdir/designsystemet-css": "^1.11.1",
+    "@digdir/designsystemet": "^1.11.1"
   },
   "scripts": {
     "build": "pnpm run clean && tsc -b tsconfig.lib.json --emitDeclarationOnly false && rollup -c --bundleConfigAsCjs",