@digdir/designsystemet-react 1.13.1 → 1.13.3

package/dist/cjs/components/button/button.js

@@ -13,15 +13,16 @@ var spinner = require('../spinner/spinner.js');
  * @example
  * <Button>Click me</Button>
  */
-const Button = react.forwardRef(function Button({ asChild, className, children, icon = false, loading = false, variant = 'primary', popoverTarget, popovertarget, ...rest }, ref) {
+const Button = react.forwardRef(function Button({ asChild, className, children, icon = false, loading = false, variant = 'primary', popoverTarget, popovertarget, commandfor, commandFor, ...rest }, ref) {
     const Component = asChild ? reactSlot.Slot : 'button';
     const popoverVal = popoverTarget ?? popovertarget;
     const popoverKey = react.version.startsWith('19')
         ? 'popoverTarget'
         : 'popovertarget';
+    const commandForVal = commandFor ?? commandfor;
     // Fallbacks to undefined to prevent rendering attribute="false"
     return (jsxRuntime.jsxs(Component, { suppressHydrationWarning // Might get augmented through designsystemet-web with aria-haspopup etc.
-        : true, "aria-busy": Boolean(loading) || undefined, "aria-disabled": Boolean(loading) || undefined, className: cl('ds-button', className), "data-icon": icon || undefined, "data-variant": variant, ref: ref, 
+        : true, "aria-busy": Boolean(loading) || undefined, "aria-disabled": Boolean(loading) || undefined, className: cl('ds-button', className), "data-icon": icon || undefined, commandfor: commandForVal, "data-variant": variant, ref: ref, 
         /* don't set type when we use `asChild` */
         type: asChild ? undefined : 'button', [popoverKey]: popoverVal, ...rest, children: [loading === true ? (jsxRuntime.jsx(spinner.Spinner, { "aria-hidden": 'true' })) : (loading // Allow custom loading spinner
             ), jsxRuntime.jsx(reactSlot.Slottable, { children: icon && loading ? null : children })] }));

package/dist/cjs/components/dialog/dialog-trigger-context.js

@@ -4,7 +4,9 @@
 var jsxRuntime = require('react/jsx-runtime');
 var react = require('react');
 
-const Context = react.createContext({});
+const Context = react.createContext({
+    current: null,
+});
 /**
  * DialogTriggerContext component, used to provide a context for a dialog trigger.
  *
@@ -17,9 +19,8 @@ const Context = react.createContext({});
  * </Dialog.TriggerContext>
  */
 const DialogTriggerContext = (rest) => {
-    const [state, setState] = react.useState({});
-    const setContext = (next) => setState({ ...state, ...next });
-    return jsxRuntime.jsx(Context.Provider, { value: { ...state, setContext }, ...rest });
+    const contextRef = react.useRef(null);
+    return jsxRuntime.jsx(Context.Provider, { value: contextRef, ...rest });
 };
 DialogTriggerContext.displayName = 'DialogTriggerContext';
 

package/dist/cjs/components/dialog/dialog-trigger.js

@@ -19,10 +19,16 @@ var dialogTriggerContext = require('./dialog-trigger-context.js');
  * </Dialog.TriggerContext>
  */
 const DialogTrigger = react.forwardRef(function DialogTrigger({ asChild, ...rest }, ref) {
-    const { id, modal } = react.useContext(dialogTriggerContext.Context);
+    const contextRef = react.useContext(dialogTriggerContext.Context); // Using contextRef instead of command as this is instantly available and plays nice with tests
     const Component = asChild ? reactSlot.Slot : button.Button;
-    return (jsxRuntime.jsx(Component, { suppressHydrationWarning // Might get augmented through designsystemet-web with aria-haspopup
-        : true, command: modal ? 'show-modal' : '--show-non-modal', commandfor: id, ref: ref, ...rest }));
+    const openDialog = () => {
+        /* check if element has `data-modal`, it it has, use `showModal` */
+        contextRef.current?.getAttribute('data-modal') === 'true'
+            ? contextRef.current?.showModal()
+            : contextRef.current?.show();
+    };
+    return (jsxRuntime.jsx(Component, { "aria-haspopup": 'dialog', onClick: openDialog, ref: ref, suppressHydrationWarning // Might get augmented through designsystemet-web with aria-haspopup
+        : true, ...rest }));
 });
 
 exports.DialogTrigger = DialogTrigger;

package/dist/cjs/components/dialog/dialog.js

@@ -34,24 +34,23 @@ var dialogTriggerContext = require('./dialog-trigger-context.js');
  * </Dialog>
  */
 const Dialog = react.forwardRef(function Dialog({ asChild, children, className, closeButton = 'Lukk dialogvindu', id, modal = true, onAnimationEnd, onClick, onClose, open, placement = 'center', ...rest }, ref) {
-    const { setContext } = react.useContext(dialogTriggerContext.Context);
+    const contextRef = react.useContext(dialogTriggerContext.Context);
     const dialogRef = react.useRef(null); // This local ref is used to make sure the dialog works without a DialogTriggerContext
     const Component = asChild ? reactSlot.Slot : 'dialog';
-    const mergedRefs = useMergeRefs.useMergeRefs([ref, dialogRef]);
+    const mergedRefs = useMergeRefs.useMergeRefs([contextRef, ref, dialogRef]);
     const showProp = modal ? 'showModal' : 'show';
     const autoId = react.useId();
     const usedId = id ?? autoId;
     // Toggle open based on prop
     react.useEffect(() => dialogRef.current?.[open ? showProp : 'close'](), [open]);
-    // Store context for DialogTrigger to consume, so it can open the dialog when the trigger is clicked
-    react.useEffect(() => setContext?.({ id: usedId, modal }), [usedId, modal]);
-    return (jsxRuntime.jsxs(Component, { className: cl('ds-dialog', className), "data-placement": placement, id: usedId, onClose: (event) => onClose?.(event.nativeEvent), onClick: (event) => {
+    return (jsxRuntime.jsxs(Component, { className: cl('ds-dialog', className), "data-placement": placement, "data-modal": modal, id: usedId, onClose: (event) => onClose?.(event.nativeEvent), onClick: (event) => {
             onClick?.(event);
             const { currentTarget: dialog, target: el, defaultPrevented } = event;
             const isClose = el?.closest?.('[data-command="close"]');
             if (!defaultPrevented && isClose) {
                 dialog.close();
-                console.warn('Designsystemet: data-command="close" is deprecated. Use command="close" and commandfor="DIALOG-ID" instead.');
+                if (window.dsWarnings !== false)
+                    console.log('Designsystemet: data-command="close" is deprecated. Use command="close" and commandfor="DIALOG-ID" instead.');
             }
         }, onAnimationEnd: (event) => {
             const { currentTarget: dialog } = event;
@@ -59,7 +58,7 @@ const Dialog = react.forwardRef(function Dialog({ asChild, children, className,
             if (document.activeElement !== autofocus)
                 autofocus?.focus(); // Handle autofocus on open
             onAnimationEnd?.(event);
-        }, ref: mergedRefs, ...rest, children: [closeButton !== false && (jsxRuntime.jsx(button.Button, { "aria-label": closeButton, "data-color": 'neutral', icon: true, variant: 'tertiary', command: 'close', commandfor: id ?? autoId })), children] }));
+        }, ref: mergedRefs, ...rest, children: [closeButton !== false && (jsxRuntime.jsx(button.Button, { "aria-label": closeButton, "data-color": 'neutral', icon: true, variant: 'tertiary', command: 'close', commandfor: usedId })), children] }));
 });
 
 exports.Dialog = Dialog;

package/dist/cjs/components/pagination/pagination-button.js

@@ -2,8 +2,8 @@
 'use strict';
 
 var jsxRuntime = require('react/jsx-runtime');
-var reactSlot = require('@radix-ui/react-slot');
 var react = require('react');
+var button = require('../button/button.js');
 
 /**
  * PaginationButton component, use within a Pagination.Item.
@@ -13,10 +13,8 @@ var react = require('react');
  *   <PaginationButton aria-label='Forrige side'>Forrige</PaginationButton>
  * </PaginationItem>
  */
-const PaginationButton = react.forwardRef(function PaginationButton({ asChild, ...rest }, ref) {
-    const Component = asChild ? reactSlot.Slot : 'button';
-    return (jsxRuntime.jsx(Component, { className: 'ds-button', "data-variant": 'tertiary', suppressHydrationWarning // Since <ds-pagination> adds attributes
-        : true, ref: ref, ...rest }));
+const PaginationButton = react.forwardRef(function PaginationButton(rest, ref) {
+    return jsxRuntime.jsx(button.Button, { "data-variant": 'tertiary', ref: ref, ...rest });
 });
 
 exports.PaginationButton = PaginationButton;

package/dist/cjs/components/suggestion/suggestion-list.js

@@ -20,8 +20,8 @@ var suggestion = require('./suggestion.js');
 const SuggestionList = react.forwardRef(function SuggestionList({ singular = '%d forslag', plural = '%d forslag', className, id, autoPlacement = true, ...rest }, ref) {
     const { handleFilter } = react.useContext(suggestion.SuggestionContext);
     react.useEffect(handleFilter); // Must run on every render
-    return (jsxRuntime.jsx("u-datalist", { class: className, popover: 'manual' // Is also set by field.ts, but is nice to have in case focus runs before toggle event
-        , "data-nofilter": true, "data-sr-plural": plural, "data-sr-singular": singular, ref: ref, suppressHydrationWarning // Since <u-datalist> adds attributes
+    return (jsxRuntime.jsx("u-datalist", { class: className, "data-nofilter": true, "data-sr-plural": plural, "data-sr-singular": singular, popover: 'manual', ref: ref, role: 'listbox' // Is also set by <ds-suggestion> but nice to have to please tests
+        , suppressHydrationWarning // Since <u-datalist> adds attributes
         : true, ...rest }));
 });
 

package/dist/cjs/components/tabs/tabs-tab.js

@@ -19,13 +19,11 @@ const TabsTab = react.forwardRef(function TabsTab({ value, className, onClick, o
     jsxRuntime.jsx("ds-tab", { "aria-controls": rest['aria-controls'] ?? getPrefixedValue?.(value), "data-value": value, ref: ref, suppressHydrationWarning // Since <ds-tablist> adds attributes
         : true, onClickCapture: (e) => {
             onClickCapture?.(e);
-            if (isControlled && currentValue !== value) {
-                e.preventDefault();
-            }
+            if (isControlled && currentValue !== value)
+                e.preventDefault(); // In controlled mode, prevent click in event capture phase
         }, onClick: (e) => {
-            if (e.isTrusted || !isControlled || currentValue !== value) {
-                onChange?.(value); // Only call onChange is user actually clicked, not when programmatically clicked/controlled
-            }
+            if (currentValue !== value)
+                onChange?.(value); // Only call onChange when actual value change
             onClick?.(e);
         }, class: className, ...rest, children: rest.children }));
 });

package/dist/cjs/components/tabs/tabs.js

@@ -42,13 +42,20 @@ const Tabs = react.forwardRef(function Tabs({ value, defaultValue, className, on
             return;
         tabsRef.current?.tabList?.tabs?.forEach((tab) => {
             if (tab.getAttribute('data-value') === value)
-                tab.click();
+                tab.setAttribute('aria-selected', 'true');
         });
     }, [value, isControlled]);
+    react.useEffect(() => {
+        if (defaultValue && tabsRef.current) {
+            tabsRef.current?.tabList?.tabs?.forEach((tab) => {
+                if (tab.getAttribute('data-value') === defaultValue)
+                    tab.setAttribute('aria-selected', 'true');
+            });
+        }
+    }, []);
     return (jsxRuntime.jsx(Context.Provider, { value: {
             isControlled,
             currentValue: value,
-            defaultValue,
             onChange: onValueChange,
             getPrefixedValue: (value) => value && `${valuePrefix}-${value}`,
         }, children: jsxRuntime.jsx("ds-tabs", { suppressHydrationWarning // Since <ds-tablist> adds attributes

package/dist/cjs/components/toggle-group/toggle-group-item.js

@@ -16,20 +16,8 @@ const ToggleGroupItem = react.forwardRef(function ToggleGroupItem({ className, c
     const toggleGroup$1 = react.useContext(toggleGroup.ToggleGroupContext);
     const value = rawValue ?? genValue;
     const active = toggleGroup$1.value === value;
-    const { form, formAction, formEncType, formMethod, formNoValidate, formTarget, required, disabled, 'aria-disabled': ariaDisabled, ...labelProps } = rest;
-    /** Add backwards compatibility for `button` props that were previously allowed on `ToggleGroupItem` but are passeable to `input`*/
-    const inputProps = {
-        form,
-        formAction,
-        formEncType,
-        formMethod,
-        formNoValidate,
-        formTarget,
-        required,
-        disabled,
-        'aria-disabled': ariaDisabled,
-    };
-    return (jsxRuntime.jsxs("label", { ref: ref, ...labelProps, className: cl('ds-button', className), "data-variant": 'tertiary', "aria-disabled": ariaDisabled ?? disabled, children: [jsxRuntime.jsx("input", { ...inputProps, checked: active, name: toggleGroup$1.name, onChange: () => toggleGroup$1.onChange?.(value), type: 'radio', value: value, disabled: disabled, "aria-disabled": ariaDisabled }), children] }));
+    const { 'aria-disabled': ariaDisabled, disabled, form, formAction, formEncType, formMethod, formNoValidate, formTarget, required, ...labelProps } = rest;
+    return (jsxRuntime.jsxs("label", { ref: ref, ...labelProps, className: cl('ds-button', className), "data-variant": 'tertiary', "aria-disabled": ariaDisabled ?? disabled, children: [jsxRuntime.jsx("input", { "aria-disabled": ariaDisabled, checked: active, disabled: disabled, form: form, formAction: formAction, formEncType: formEncType, formMethod: formMethod, formNoValidate: formNoValidate, formTarget: formTarget, name: toggleGroup$1.name, onChange: () => toggleGroup$1.onChange?.(value), required: required, type: 'radio', value: value }), children] }));
 });
 
 exports.ToggleGroupItem = ToggleGroupItem;

package/dist/cjs/components/tooltip/tooltip.js

@@ -19,11 +19,11 @@ var react = require('react');
  *  Hover me
  * </Tooltip>
  */
-const Tooltip = react.forwardRef(function Tooltip({ content, placement = 'top', autoPlacement = true, ...rest }, _ref) {
+const Tooltip = react.forwardRef(function Tooltip({ content, placement = 'top', autoPlacement = true, ...rest }, ref) {
     /* check if children is a string */
     const isString = typeof rest.children === 'string';
-    return (jsxRuntime.jsx(reactSlot.Slot, { "aria-label": content, "data-tooltip": content, "data-placement": placement, "data-autoplacement": autoPlacement, suppressHydrationWarning // Since data-tooltip adds aria-label/aria-description
-        : true, ...rest, children: isString ? jsxRuntime.jsx("span", { tabIndex: 0, children: rest.children }) : rest.children }));
+    return (jsxRuntime.jsx(reactSlot.Slot, { "aria-label": content || undefined, "data-tooltip": content, "data-placement": placement, "data-autoplacement": autoPlacement, suppressHydrationWarning // Since data-tooltip adds aria-label/aria-description
+        : true, ref: ref, ...rest, children: isString ? jsxRuntime.jsx("span", { tabIndex: 0, children: rest.children }) : rest.children }));
 });
 
 exports.Tooltip = Tooltip;

package/dist/esm/components/button/button.js

@@ -11,15 +11,16 @@ import { Spinner } from '../spinner/spinner.js';
  * @example
  * <Button>Click me</Button>
  */
-const Button = forwardRef(function Button({ asChild, className, children, icon = false, loading = false, variant = 'primary', popoverTarget, popovertarget, ...rest }, ref) {
+const Button = forwardRef(function Button({ asChild, className, children, icon = false, loading = false, variant = 'primary', popoverTarget, popovertarget, commandfor, commandFor, ...rest }, ref) {
     const Component = asChild ? Slot : 'button';
     const popoverVal = popoverTarget ?? popovertarget;
     const popoverKey = version.startsWith('19')
         ? 'popoverTarget'
         : 'popovertarget';
+    const commandForVal = commandFor ?? commandfor;
     // Fallbacks to undefined to prevent rendering attribute="false"
     return (jsxs(Component, { suppressHydrationWarning // Might get augmented through designsystemet-web with aria-haspopup etc.
-        : true, "aria-busy": Boolean(loading) || undefined, "aria-disabled": Boolean(loading) || undefined, className: cl('ds-button', className), "data-icon": icon || undefined, "data-variant": variant, ref: ref, 
+        : true, "aria-busy": Boolean(loading) || undefined, "aria-disabled": Boolean(loading) || undefined, className: cl('ds-button', className), "data-icon": icon || undefined, commandfor: commandForVal, "data-variant": variant, ref: ref, 
         /* don't set type when we use `asChild` */
         type: asChild ? undefined : 'button', [popoverKey]: popoverVal, ...rest, children: [loading === true ? (jsx(Spinner, { "aria-hidden": 'true' })) : (loading // Allow custom loading spinner
             ), jsx(Slottable, { children: icon && loading ? null : children })] }));

package/dist/esm/components/dialog/dialog-trigger-context.js

@@ -1,8 +1,10 @@
 'use client';
 import { jsx } from 'react/jsx-runtime';
-import { createContext, useState } from 'react';
+import { createContext, useRef } from 'react';
 
-const Context = createContext({});
+const Context = createContext({
+    current: null,
+});
 /**
  * DialogTriggerContext component, used to provide a context for a dialog trigger.
  *
@@ -15,9 +17,8 @@ const Context = createContext({});
  * </Dialog.TriggerContext>
  */
 const DialogTriggerContext = (rest) => {
-    const [state, setState] = useState({});
-    const setContext = (next) => setState({ ...state, ...next });
-    return jsx(Context.Provider, { value: { ...state, setContext }, ...rest });
+    const contextRef = useRef(null);
+    return jsx(Context.Provider, { value: contextRef, ...rest });
 };
 DialogTriggerContext.displayName = 'DialogTriggerContext';
 

package/dist/esm/components/dialog/dialog-trigger.js

@@ -17,10 +17,16 @@ import { Context } from './dialog-trigger-context.js';
  * </Dialog.TriggerContext>
  */
 const DialogTrigger = forwardRef(function DialogTrigger({ asChild, ...rest }, ref) {
-    const { id, modal } = useContext(Context);
+    const contextRef = useContext(Context); // Using contextRef instead of command as this is instantly available and plays nice with tests
     const Component = asChild ? Slot : Button;
-    return (jsx(Component, { suppressHydrationWarning // Might get augmented through designsystemet-web with aria-haspopup
-        : true, command: modal ? 'show-modal' : '--show-non-modal', commandfor: id, ref: ref, ...rest }));
+    const openDialog = () => {
+        /* check if element has `data-modal`, it it has, use `showModal` */
+        contextRef.current?.getAttribute('data-modal') === 'true'
+            ? contextRef.current?.showModal()
+            : contextRef.current?.show();
+    };
+    return (jsx(Component, { "aria-haspopup": 'dialog', onClick: openDialog, ref: ref, suppressHydrationWarning // Might get augmented through designsystemet-web with aria-haspopup
+        : true, ...rest }));
 });
 
 export { DialogTrigger };

package/dist/esm/components/dialog/dialog.js

@@ -32,24 +32,23 @@ import { Context } from './dialog-trigger-context.js';
  * </Dialog>
  */
 const Dialog = forwardRef(function Dialog({ asChild, children, className, closeButton = 'Lukk dialogvindu', id, modal = true, onAnimationEnd, onClick, onClose, open, placement = 'center', ...rest }, ref) {
-    const { setContext } = useContext(Context);
+    const contextRef = useContext(Context);
     const dialogRef = useRef(null); // This local ref is used to make sure the dialog works without a DialogTriggerContext
     const Component = asChild ? Slot : 'dialog';
-    const mergedRefs = useMergeRefs([ref, dialogRef]);
+    const mergedRefs = useMergeRefs([contextRef, ref, dialogRef]);
     const showProp = modal ? 'showModal' : 'show';
     const autoId = useId();
     const usedId = id ?? autoId;
     // Toggle open based on prop
     useEffect(() => dialogRef.current?.[open ? showProp : 'close'](), [open]);
-    // Store context for DialogTrigger to consume, so it can open the dialog when the trigger is clicked
-    useEffect(() => setContext?.({ id: usedId, modal }), [usedId, modal]);
-    return (jsxs(Component, { className: cl('ds-dialog', className), "data-placement": placement, id: usedId, onClose: (event) => onClose?.(event.nativeEvent), onClick: (event) => {
+    return (jsxs(Component, { className: cl('ds-dialog', className), "data-placement": placement, "data-modal": modal, id: usedId, onClose: (event) => onClose?.(event.nativeEvent), onClick: (event) => {
             onClick?.(event);
             const { currentTarget: dialog, target: el, defaultPrevented } = event;
             const isClose = el?.closest?.('[data-command="close"]');
             if (!defaultPrevented && isClose) {
                 dialog.close();
-                console.warn('Designsystemet: data-command="close" is deprecated. Use command="close" and commandfor="DIALOG-ID" instead.');
+                if (window.dsWarnings !== false)
+                    console.log('Designsystemet: data-command="close" is deprecated. Use command="close" and commandfor="DIALOG-ID" instead.');
             }
         }, onAnimationEnd: (event) => {
             const { currentTarget: dialog } = event;
@@ -57,7 +56,7 @@ const Dialog = forwardRef(function Dialog({ asChild, children, className, closeB
             if (document.activeElement !== autofocus)
                 autofocus?.focus(); // Handle autofocus on open
             onAnimationEnd?.(event);
-        }, ref: mergedRefs, ...rest, children: [closeButton !== false && (jsx(Button, { "aria-label": closeButton, "data-color": 'neutral', icon: true, variant: 'tertiary', command: 'close', commandfor: id ?? autoId })), children] }));
+        }, ref: mergedRefs, ...rest, children: [closeButton !== false && (jsx(Button, { "aria-label": closeButton, "data-color": 'neutral', icon: true, variant: 'tertiary', command: 'close', commandfor: usedId })), children] }));
 });
 
 export { Dialog };

package/dist/esm/components/pagination/pagination-button.js

@@ -1,7 +1,7 @@
 'use client';
 import { jsx } from 'react/jsx-runtime';
-import { Slot } from '@radix-ui/react-slot';
 import { forwardRef } from 'react';
+import { Button } from '../button/button.js';
 
 /**
  * PaginationButton component, use within a Pagination.Item.
@@ -11,10 +11,8 @@ import { forwardRef } from 'react';
  *   <PaginationButton aria-label='Forrige side'>Forrige</PaginationButton>
  * </PaginationItem>
  */
-const PaginationButton = forwardRef(function PaginationButton({ asChild, ...rest }, ref) {
-    const Component = asChild ? Slot : 'button';
-    return (jsx(Component, { className: 'ds-button', "data-variant": 'tertiary', suppressHydrationWarning // Since <ds-pagination> adds attributes
-        : true, ref: ref, ...rest }));
+const PaginationButton = forwardRef(function PaginationButton(rest, ref) {
+    return jsx(Button, { "data-variant": 'tertiary', ref: ref, ...rest });
 });
 
 export { PaginationButton };

package/dist/esm/components/suggestion/suggestion-list.js

@@ -18,8 +18,8 @@ import { SuggestionContext } from './suggestion.js';
 const SuggestionList = forwardRef(function SuggestionList({ singular = '%d forslag', plural = '%d forslag', className, id, autoPlacement = true, ...rest }, ref) {
     const { handleFilter } = useContext(SuggestionContext);
     useEffect(handleFilter); // Must run on every render
-    return (jsx("u-datalist", { class: className, popover: 'manual' // Is also set by field.ts, but is nice to have in case focus runs before toggle event
-        , "data-nofilter": true, "data-sr-plural": plural, "data-sr-singular": singular, ref: ref, suppressHydrationWarning // Since <u-datalist> adds attributes
+    return (jsx("u-datalist", { class: className, "data-nofilter": true, "data-sr-plural": plural, "data-sr-singular": singular, popover: 'manual', ref: ref, role: 'listbox' // Is also set by <ds-suggestion> but nice to have to please tests
+        , suppressHydrationWarning // Since <u-datalist> adds attributes
         : true, ...rest }));
 });
 

package/dist/esm/components/tabs/tabs-tab.js

@@ -17,13 +17,11 @@ const TabsTab = forwardRef(function TabsTab({ value, className, onClick, onClick
     jsx("ds-tab", { "aria-controls": rest['aria-controls'] ?? getPrefixedValue?.(value), "data-value": value, ref: ref, suppressHydrationWarning // Since <ds-tablist> adds attributes
         : true, onClickCapture: (e) => {
             onClickCapture?.(e);
-            if (isControlled && currentValue !== value) {
-                e.preventDefault();
-            }
+            if (isControlled && currentValue !== value)
+                e.preventDefault(); // In controlled mode, prevent click in event capture phase
         }, onClick: (e) => {
-            if (e.isTrusted || !isControlled || currentValue !== value) {
-                onChange?.(value); // Only call onChange is user actually clicked, not when programmatically clicked/controlled
-            }
+            if (currentValue !== value)
+                onChange?.(value); // Only call onChange when actual value change
             onClick?.(e);
         }, class: className, ...rest, children: rest.children }));
 });

package/dist/esm/components/tabs/tabs.js

@@ -40,13 +40,20 @@ const Tabs = forwardRef(function Tabs({ value, defaultValue, className, onChange
             return;
         tabsRef.current?.tabList?.tabs?.forEach((tab) => {
             if (tab.getAttribute('data-value') === value)
-                tab.click();
+                tab.setAttribute('aria-selected', 'true');
         });
     }, [value, isControlled]);
+    useEffect(() => {
+        if (defaultValue && tabsRef.current) {
+            tabsRef.current?.tabList?.tabs?.forEach((tab) => {
+                if (tab.getAttribute('data-value') === defaultValue)
+                    tab.setAttribute('aria-selected', 'true');
+            });
+        }
+    }, []);
     return (jsx(Context.Provider, { value: {
             isControlled,
             currentValue: value,
-            defaultValue,
             onChange: onValueChange,
             getPrefixedValue: (value) => value && `${valuePrefix}-${value}`,
         }, children: jsx("ds-tabs", { suppressHydrationWarning // Since <ds-tablist> adds attributes

package/dist/esm/components/toggle-group/toggle-group-item.js

@@ -14,20 +14,8 @@ const ToggleGroupItem = forwardRef(function ToggleGroupItem({ className, childre
     const toggleGroup = useContext(ToggleGroupContext);
     const value = rawValue ?? genValue;
     const active = toggleGroup.value === value;
-    const { form, formAction, formEncType, formMethod, formNoValidate, formTarget, required, disabled, 'aria-disabled': ariaDisabled, ...labelProps } = rest;
-    /** Add backwards compatibility for `button` props that were previously allowed on `ToggleGroupItem` but are passeable to `input`*/
-    const inputProps = {
-        form,
-        formAction,
-        formEncType,
-        formMethod,
-        formNoValidate,
-        formTarget,
-        required,
-        disabled,
-        'aria-disabled': ariaDisabled,
-    };
-    return (jsxs("label", { ref: ref, ...labelProps, className: cl('ds-button', className), "data-variant": 'tertiary', "aria-disabled": ariaDisabled ?? disabled, children: [jsx("input", { ...inputProps, checked: active, name: toggleGroup.name, onChange: () => toggleGroup.onChange?.(value), type: 'radio', value: value, disabled: disabled, "aria-disabled": ariaDisabled }), children] }));
+    const { 'aria-disabled': ariaDisabled, disabled, form, formAction, formEncType, formMethod, formNoValidate, formTarget, required, ...labelProps } = rest;
+    return (jsxs("label", { ref: ref, ...labelProps, className: cl('ds-button', className), "data-variant": 'tertiary', "aria-disabled": ariaDisabled ?? disabled, children: [jsx("input", { "aria-disabled": ariaDisabled, checked: active, disabled: disabled, form: form, formAction: formAction, formEncType: formEncType, formMethod: formMethod, formNoValidate: formNoValidate, formTarget: formTarget, name: toggleGroup.name, onChange: () => toggleGroup.onChange?.(value), required: required, type: 'radio', value: value }), children] }));
 });
 
 export { ToggleGroupItem };

package/dist/esm/components/tooltip/tooltip.js

@@ -17,11 +17,11 @@ import { forwardRef } from 'react';
  *  Hover me
  * </Tooltip>
  */
-const Tooltip = forwardRef(function Tooltip({ content, placement = 'top', autoPlacement = true, ...rest }, _ref) {
+const Tooltip = forwardRef(function Tooltip({ content, placement = 'top', autoPlacement = true, ...rest }, ref) {
     /* check if children is a string */
     const isString = typeof rest.children === 'string';
-    return (jsx(Slot, { "aria-label": content, "data-tooltip": content, "data-placement": placement, "data-autoplacement": autoPlacement, suppressHydrationWarning // Since data-tooltip adds aria-label/aria-description
-        : true, ...rest, children: isString ? jsx("span", { tabIndex: 0, children: rest.children }) : rest.children }));
+    return (jsx(Slot, { "aria-label": content || undefined, "data-tooltip": content, "data-placement": placement, "data-autoplacement": autoPlacement, suppressHydrationWarning // Since data-tooltip adds aria-label/aria-description
+        : true, ref: ref, ...rest, children: isString ? jsx("span", { tabIndex: 0, children: rest.children }) : rest.children }));
 });
 
 export { Tooltip };

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

@@ -2,7 +2,7 @@ import type { Color, SeverityColors } from '@digdir/designsystemet-types';
 import type { ButtonHTMLAttributes, ReactNode } from 'react';
 import type { DefaultProps } from '../../types';
 import type { MergeRight } from '../../utilities';
-export type ButtonProps = MergeRight<DefaultProps & ButtonHTMLAttributes<HTMLButtonElement>, {
+export type ButtonProps = MergeRight<DefaultProps & Omit<ButtonHTMLAttributes<HTMLButtonElement>, 'command' | 'commandfor' | 'commandFor'>, {
     /**
      * Specify which variant to use
      * @default 'primary'
@@ -35,6 +35,17 @@ export type ButtonProps = MergeRight<DefaultProps & ButtonHTMLAttributes<HTMLBut
      * @default 'button'
      */
     type?: ButtonHTMLAttributes<HTMLButtonElement>['type'];
+    /**
+     * Native invoker commands. Specifies actions to perform on an element specified by commandfor. Polyfilled by designsystemet-web and includes a custom --show-non-modal command.
+     * "show-modal", "close", "request-close", "show-popover", "hide-popover", "toggle-popover", "--show-non-modal"
+     */
+    command?: string;
+    /**
+     * Specifies the target element for "command".
+     * value is ID of target
+     */
+    commandfor?: string;
+    commandFor?: string;
 }>;
 /**
  * Button used for interaction
@@ -42,7 +53,7 @@ export type ButtonProps = MergeRight<DefaultProps & ButtonHTMLAttributes<HTMLBut
  * @example
  * <Button>Click me</Button>
  */
-export declare const Button: import("react").ForwardRefExoticComponent<Omit<DefaultProps & ButtonHTMLAttributes<HTMLButtonElement>, "type" | "data-color" | "variant" | "asChild" | "icon" | "loading"> & {
+export declare const Button: import("react").ForwardRefExoticComponent<Omit<DefaultProps & Omit<ButtonHTMLAttributes<HTMLButtonElement>, "command" | "commandfor" | "commandFor">, "type" | "data-color" | "command" | "commandfor" | "commandFor" | "variant" | "icon" | "loading" | "asChild"> & {
     /**
      * Specify which variant to use
      * @default 'primary'
@@ -75,5 +86,16 @@ export declare const Button: import("react").ForwardRefExoticComponent<Omit<Defa
      * @default 'button'
      */
     type?: ButtonHTMLAttributes<HTMLButtonElement>["type"];
+    /**
+     * Native invoker commands. Specifies actions to perform on an element specified by commandfor. Polyfilled by designsystemet-web and includes a custom --show-non-modal command.
+     * "show-modal", "close", "request-close", "show-popover", "hide-popover", "toggle-popover", "--show-non-modal"
+     */
+    command?: string;
+    /**
+     * Specifies the target element for "command".
+     * value is ID of target
+     */
+    commandfor?: string;
+    commandFor?: string;
 } & import("react").RefAttributes<HTMLButtonElement>>;
 //# sourceMappingURL=button.d.ts.map

package/dist/types/components/button/button.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"button.d.ts","sourceRoot":"","sources":["../../../src/components/button/button.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,KAAK,EAAE,cAAc,EAAE,MAAM,8BAA8B,CAAC;AAG1E,OAAO,KAAK,EAAE,oBAAoB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAE7D,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAChD,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAGlD,MAAM,MAAM,WAAW,GAAG,UAAU,CAClC,YAAY,GAAG,oBAAoB,CAAC,iBAAiB,CAAC,EACtD;IACE;;;OAGG;IACH,OAAO,CAAC,EAAE,SAAS,GAAG,WAAW,GAAG,UAAU,CAAC;IAC/C;;OAEG;IACH,YAAY,CAAC,EAAE,KAAK,GAAG,OAAO,CAAC,cAAc,EAAE,QAAQ,CAAC,CAAC;IACzD;;;;OAIG;IACH,IAAI,CAAC,EAAE,OAAO,CAAC;IACf;;;;;OAKG;IACH,OAAO,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IAC9B;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;;OAGG;IACH,IAAI,CAAC,EAAE,oBAAoB,CAAC,iBAAiB,CAAC,CAAC,MAAM,CAAC,CAAC;CACxD,CACF,CAAC;AAEF;;;;;GAKG;AACH,eAAO,MAAM,MAAM;IAzCf;;;OAGG;cACO,SAAS,GAAG,WAAW,GAAG,UAAU;IAC9C;;OAEG;mBACY,KAAK,GAAG,OAAO,CAAC,cAAc,EAAE,QAAQ,CAAC;IACxD;;;;OAIG;WACI,OAAO;IACd;;;;;OAKG;cACO,OAAO,GAAG,SAAS;IAC7B;;;OAGG;cACO,OAAO;IACjB;;;OAGG;WACI,oBAAoB,CAAC,iBAAiB,CAAC,CAAC,MAAM,CAAC;qDAuDzD,CAAC"}
+{"version":3,"file":"button.d.ts","sourceRoot":"","sources":["../../../src/components/button/button.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,KAAK,EAAE,cAAc,EAAE,MAAM,8BAA8B,CAAC;AAG1E,OAAO,KAAK,EAAE,oBAAoB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAE7D,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAChD,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAGlD,MAAM,MAAM,WAAW,GAAG,UAAU,CAClC,YAAY,GACV,IAAI,CACF,oBAAoB,CAAC,iBAAiB,CAAC,EACvC,SAAS,GAAG,YAAY,GAAG,YAAY,CACxC,EACH;IACE;;;OAGG;IACH,OAAO,CAAC,EAAE,SAAS,GAAG,WAAW,GAAG,UAAU,CAAC;IAC/C;;OAEG;IACH,YAAY,CAAC,EAAE,KAAK,GAAG,OAAO,CAAC,cAAc,EAAE,QAAQ,CAAC,CAAC;IACzD;;;;OAIG;IACH,IAAI,CAAC,EAAE,OAAO,CAAC;IACf;;;;;OAKG;IACH,OAAO,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IAC9B;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;;OAGG;IACH,IAAI,CAAC,EAAE,oBAAoB,CAAC,iBAAiB,CAAC,CAAC,MAAM,CAAC,CAAC;IACvD;;;OAGG;IACH,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB;;;OAGG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB,CACF,CAAC;AAEF;;;;;GAKG;AACH,eAAO,MAAM,MAAM;IApDf;;;OAGG;cACO,SAAS,GAAG,WAAW,GAAG,UAAU;IAC9C;;OAEG;mBACY,KAAK,GAAG,OAAO,CAAC,cAAc,EAAE,QAAQ,CAAC;IACxD;;;;OAIG;WACI,OAAO;IACd;;;;;OAKG;cACO,OAAO,GAAG,SAAS;IAC7B;;;OAGG;cACO,OAAO;IACjB;;;OAGG;WACI,oBAAoB,CAAC,iBAAiB,CAAC,CAAC,MAAM,CAAC;IACtD;;;OAGG;cACO,MAAM;IAChB;;;OAGG;iBACU,MAAM;iBACN,MAAM;qDA4DtB,CAAC"}

package/dist/types/components/dialog/dialog-trigger-context.d.ts

@@ -1,11 +1,5 @@
 import type { ReactNode } from 'react';
-type DialogContext = {
-    id?: string;
-    modal?: boolean;
-};
-export declare const Context: import("react").Context<DialogContext & {
-    setContext?: (context: DialogContext) => void;
-}>;
+export declare const Context: import("react").Context<import("react").RefObject<HTMLDialogElement | null>>;
 export type DialogTriggerContextProps = {
     children: ReactNode;
 };
@@ -24,5 +18,4 @@ export declare const DialogTriggerContext: {
     (rest: DialogTriggerContextProps): import("react/jsx-runtime").JSX.Element;
     displayName: string;
 };
-export {};
 //# sourceMappingURL=dialog-trigger-context.d.ts.map

package/dist/types/components/dialog/dialog-trigger-context.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"dialog-trigger-context.d.ts","sourceRoot":"","sources":["../../../src/components/dialog/dialog-trigger-context.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGvC,KAAK,aAAa,GAAG;IAAE,EAAE,CAAC,EAAE,MAAM,CAAC;IAAC,KAAK,CAAC,EAAE,OAAO,CAAA;CAAE,CAAC;AACtD,eAAO,MAAM,OAAO;iBACa,CAAC,OAAO,EAAE,aAAa,KAAK,IAAI;EAC5D,CAAC;AAEN,MAAM,MAAM,yBAAyB,GAAG;IAAE,QAAQ,EAAE,SAAS,CAAA;CAAE,CAAC;AAEhE;;;;;;;;;;GAUG;AACH,eAAO,MAAM,oBAAoB;WAAU,yBAAyB;;CAKnE,CAAC"}
+{"version":3,"file":"dialog-trigger-context.d.ts","sourceRoot":"","sources":["../../../src/components/dialog/dialog-trigger-context.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGvC,eAAO,MAAM,OAAO,8EAInB,CAAC;AAEF,MAAM,MAAM,yBAAyB,GAAG;IAAE,QAAQ,EAAE,SAAS,CAAA;CAAE,CAAC;AAEhE;;;;;;;;;;GAUG;AACH,eAAO,MAAM,oBAAoB;WAAU,yBAAyB;;CAInE,CAAC"}

package/dist/types/components/dialog/dialog-trigger.d.ts

@@ -12,12 +12,15 @@ export type DialogTriggerProps = ComponentPropsWithRef<typeof Button>;
  *   </Dialog>
  * </Dialog.TriggerContext>
  */
-export declare const DialogTrigger: import("react").ForwardRefExoticComponent<Omit<Omit<import("../../types").DefaultProps & import("react").ButtonHTMLAttributes<HTMLButtonElement>, "type" | "data-color" | "variant" | "asChild" | "icon" | "loading"> & {
+export declare const DialogTrigger: import("react").ForwardRefExoticComponent<Omit<Omit<import("../../types").DefaultProps & Omit<import("react").ButtonHTMLAttributes<HTMLButtonElement>, "command" | "commandfor" | "commandFor">, "type" | "data-color" | "command" | "commandfor" | "commandFor" | "variant" | "icon" | "loading" | "asChild"> & {
     variant?: "primary" | "secondary" | "tertiary";
     'data-color'?: import("packages/types/dist/types").Color | Extract<import("packages/types/dist/types").SeverityColors, "danger">;
     icon?: boolean;
     loading?: boolean | import("react").ReactNode;
     asChild?: boolean;
     type?: import("react").ButtonHTMLAttributes<HTMLButtonElement>["type"];
+    command?: string;
+    commandfor?: string;
+    commandFor?: string;
 } & import("react").RefAttributes<HTMLButtonElement>, "ref"> & import("react").RefAttributes<HTMLButtonElement>>;
 //# sourceMappingURL=dialog-trigger.d.ts.map

package/dist/types/components/dialog/dialog-trigger.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"dialog-trigger.d.ts","sourceRoot":"","sources":["../../../src/components/dialog/dialog-trigger.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,OAAO,CAAC;AAGnD,OAAO,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAC;AAG1C,MAAM,MAAM,kBAAkB,GAAG,qBAAqB,CAAC,OAAO,MAAM,CAAC,CAAC;AAEtE;;;;;;;;;;GAUG;AACH,eAAO,MAAM,aAAa;;;;;;;gHAezB,CAAC"}
+{"version":3,"file":"dialog-trigger.d.ts","sourceRoot":"","sources":["../../../src/components/dialog/dialog-trigger.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,OAAO,CAAC;AAGnD,OAAO,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAC;AAG1C,MAAM,MAAM,kBAAkB,GAAG,qBAAqB,CAAC,OAAO,MAAM,CAAC,CAAC;AAEtE;;;;;;;;;;GAUG;AACH,eAAO,MAAM,aAAa;;;;;;;;;;gHAsBzB,CAAC"}

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

@@ -68,7 +68,7 @@ export type DialogProps = MergeRight<DefaultProps & DialogHTMLAttributes<HTMLDia
  *   Content
  * </Dialog>
  */
-export declare const Dialog: import("react").ForwardRefExoticComponent<Omit<DefaultProps & DialogHTMLAttributes<HTMLDialogElement>, "asChild" | "open" | "placement" | "modal" | "closedby" | "onClose" | "closeButton"> & {
+export declare const Dialog: import("react").ForwardRefExoticComponent<Omit<DefaultProps & DialogHTMLAttributes<HTMLDialogElement>, "asChild" | "open" | "placement" | "closedby" | "onClose" | "closeButton" | "modal"> & {
     /**
      * Screen reader label of close button. Set false to hide the close button.
      * @default 'Lukk dialogvindu'

package/dist/types/components/pagination/pagination-button.d.ts

@@ -1,16 +1,12 @@
-import { type AriaAttributes, type HTMLAttributes } from 'react';
+import { type AriaAttributes } from 'react';
+import { type ButtonProps } from '../button/button';
 export type PaginationButtonProps = {
     /**
      * Toggle button as active
      * @default false
      */
     'aria-current'?: AriaAttributes['aria-current'];
-    /**
-     * Change the default rendered element for the one passed as a child, merging their props and behavior.
-     * @default false
-     */
-    asChild?: boolean;
-} & HTMLAttributes<HTMLButtonElement>;
+} & Omit<ButtonProps, 'icon' | 'loading'>;
 /**
  * PaginationButton component, use within a Pagination.Item.
  *
@@ -25,10 +21,5 @@ export declare const PaginationButton: import("react").ForwardRefExoticComponent
      * @default false
      */
     'aria-current'?: AriaAttributes["aria-current"];
-    /**
-     * Change the default rendered element for the one passed as a child, merging their props and behavior.
-     * @default false
-     */
-    asChild?: boolean;
-} & HTMLAttributes<HTMLButtonElement> & import("react").RefAttributes<HTMLButtonElement>>;
+} & Omit<ButtonProps, "icon" | "loading"> & import("react").RefAttributes<HTMLButtonElement>>;
 //# sourceMappingURL=pagination-button.d.ts.map

package/dist/types/components/pagination/pagination-button.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"pagination-button.d.ts","sourceRoot":"","sources":["../../../src/components/pagination/pagination-button.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,cAAc,EAAc,KAAK,cAAc,EAAE,MAAM,OAAO,CAAC;AAE7E,MAAM,MAAM,qBAAqB,GAAG;IAClC;;;OAGG;IACH,cAAc,CAAC,EAAE,cAAc,CAAC,cAAc,CAAC,CAAC;IAChD;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,GAAG,cAAc,CAAC,iBAAiB,CAAC,CAAC;AAEtC;;;;;;;GAOG;AACH,eAAO,MAAM,gBAAgB;IApB3B;;;OAGG;qBACc,cAAc,CAAC,cAAc,CAAC;IAC/C;;;OAGG;cACO,OAAO;yFA0BjB,CAAC"}
+{"version":3,"file":"pagination-button.d.ts","sourceRoot":"","sources":["../../../src/components/pagination/pagination-button.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,cAAc,EAAc,MAAM,OAAO,CAAC;AACxD,OAAO,EAAU,KAAK,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAE5D,MAAM,MAAM,qBAAqB,GAAG;IAClC;;;OAGG;IACH,cAAc,CAAC,EAAE,cAAc,CAAC,cAAc,CAAC,CAAC;CACjD,GAAG,IAAI,CAAC,WAAW,EAAE,MAAM,GAAG,SAAS,CAAC,CAAC;AAE1C;;;;;;;GAOG;AACH,eAAO,MAAM,gBAAgB;IAf3B;;;OAGG;qBACc,cAAc,CAAC,cAAc,CAAC;6FAgB/C,CAAC"}

package/dist/types/components/search/search-button.d.ts

@@ -22,12 +22,15 @@ export type SearchButtonProps = MergeRight<ButtonProps, {
  *   <SearchButton>Søk</SearchButton>
  * </Search>
  */
-export declare const SearchButton: import("react").ForwardRefExoticComponent<Omit<import("../../types").DefaultProps & import("react").ButtonHTMLAttributes<HTMLButtonElement>, "type" | "data-color" | "variant" | "asChild" | "icon" | "loading"> & {
+export declare const SearchButton: import("react").ForwardRefExoticComponent<Omit<import("../../types").DefaultProps & Omit<import("react").ButtonHTMLAttributes<HTMLButtonElement>, "command" | "commandfor" | "commandFor">, "type" | "data-color" | "command" | "commandfor" | "commandFor" | "variant" | "icon" | "loading" | "asChild"> & {
     variant?: "primary" | "secondary" | "tertiary";
     'data-color'?: import("packages/types/dist/types").Color | Extract<import("packages/types/dist/types").SeverityColors, "danger">;
     icon?: boolean;
     loading?: boolean | ReactNode;
     asChild?: boolean;
     type?: import("react").ButtonHTMLAttributes<HTMLButtonElement>["type"];
+    command?: string;
+    commandfor?: string;
+    commandFor?: string;
 } & import("react").RefAttributes<HTMLButtonElement>>;
 //# sourceMappingURL=search-button.d.ts.map

package/dist/types/components/search/search-button.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"search-button.d.ts","sourceRoot":"","sources":["../../../src/components/search/search-button.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAc,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAEnD,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAClD,OAAO,EAAU,KAAK,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAE5D,MAAM,MAAM,iBAAiB,GAAG,UAAU,CACxC,WAAW,EACX;IACE;;;OAGG;IACH,OAAO,CAAC,EAAE,SAAS,GAAG,WAAW,CAAC;IAClC;;;OAGG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB,CACF,CAAC;AAEF;;;;;;;;GAQG;AACH,eAAO,MAAM,YAAY;;;;;;;qDAQxB,CAAC"}
+{"version":3,"file":"search-button.d.ts","sourceRoot":"","sources":["../../../src/components/search/search-button.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAc,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAEnD,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAClD,OAAO,EAAU,KAAK,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAE5D,MAAM,MAAM,iBAAiB,GAAG,UAAU,CACxC,WAAW,EACX;IACE;;;OAGG;IACH,OAAO,CAAC,EAAE,SAAS,GAAG,WAAW,CAAC;IAClC;;;OAGG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB,CACF,CAAC;AAEF;;;;;;;;GAQG;AACH,eAAO,MAAM,YAAY;;;;;;;;;;qDAQxB,CAAC"}

package/dist/types/components/suggestion/suggestion-list.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"suggestion-list.d.ts","sourceRoot":"","sources":["../../../src/components/suggestion/suggestion-list.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAE5C,OAAO,4BAA4B,CAAC;AACpC,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAChD,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAGlD,MAAM,MAAM,mBAAmB,GAAG,UAAU,CAC1C,YAAY,GAAG,cAAc,CAAC,mBAAmB,CAAC,EAClD;IACE;;;OAGG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB;;;OAGG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB;;;OAGG;IACH,aAAa,CAAC,EAAE,OAAO,CAAC;CACzB,CACF,CAAC;AAEF;;;;;;;;;;GAUG;AACH,eAAO,MAAM,cAAc;IA7BvB;;;OAGG;eACQ,MAAM;IACjB;;;OAGG;aACM,MAAM;IACf;;;OAGG;oBACa,OAAO;uDA6CzB,CAAC"}
+{"version":3,"file":"suggestion-list.d.ts","sourceRoot":"","sources":["../../../src/components/suggestion/suggestion-list.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAE5C,OAAO,4BAA4B,CAAC;AACpC,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAChD,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAGlD,MAAM,MAAM,mBAAmB,GAAG,UAAU,CAC1C,YAAY,GAAG,cAAc,CAAC,mBAAmB,CAAC,EAClD;IACE;;;OAGG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB;;;OAGG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB;;;OAGG;IACH,aAAa,CAAC,EAAE,OAAO,CAAC;CACzB,CACF,CAAC;AAEF;;;;;;;;;;GAUG;AACH,eAAO,MAAM,cAAc;IA7BvB;;;OAGG;eACQ,MAAM;IACjB;;;OAGG;aACM,MAAM;IACf;;;OAGG;oBACa,OAAO;uDA8CzB,CAAC"}

package/dist/types/components/tabs/tabs-tab.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"tabs-tab.d.ts","sourceRoot":"","sources":["../../../src/components/tabs/tabs-tab.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,4BAA4B,CAAC;AAC/D,OAAO,KAAK,EAAE,cAAc,EAAc,MAAM,OAAO,CAAC;AACxD,OAAO,4BAA4B,CAAC;AAIpC,MAAM,MAAM,YAAY,GAAG;IACzB;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;CACf,GAAG,IAAI,CAAC,cAAc,CAAC,YAAY,CAAC,EAAE,OAAO,CAAC,CAAC;AAEhD;;;;;GAKG;AACH,eAAO,MAAM,OAAO;IAZlB;;OAEG;WACI,MAAM;8FAyCb,CAAC"}
+{"version":3,"file":"tabs-tab.d.ts","sourceRoot":"","sources":["../../../src/components/tabs/tabs-tab.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,4BAA4B,CAAC;AAC/D,OAAO,KAAK,EAAE,cAAc,EAAc,MAAM,OAAO,CAAC;AACxD,OAAO,4BAA4B,CAAC;AAIpC,MAAM,MAAM,YAAY,GAAG;IACzB;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;CACf,GAAG,IAAI,CAAC,cAAc,CAAC,YAAY,CAAC,EAAE,OAAO,CAAC,CAAC;AAEhD;;;;;GAKG;AACH,eAAO,MAAM,OAAO;IAZlB;;OAEG;WACI,MAAM;8FAqCb,CAAC"}

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

@@ -23,7 +23,6 @@ export type TabsProps = MergeRight<DefaultProps & Omit<HTMLAttributes<DSTabEleme
 export type ContextProps = {
     isControlled?: boolean;
     currentValue?: string;
-    defaultValue?: string;
     onChange?: (value: string) => void;
     getPrefixedValue?: (value?: string) => string | undefined;
 };

package/dist/types/components/tabs/tabs.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"tabs.d.ts","sourceRoot":"","sources":["../../../src/components/tabs/tabs.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,4BAA4B,CAAC;AAC/D,OAAO,4BAA4B,CAAC;AAEpC,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAS5C,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAChD,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAGlD,MAAM,MAAM,SAAS,GAAG,UAAU,CAChC,YAAY,GAAG,IAAI,CAAC,cAAc,CAAC,YAAY,CAAC,EAAE,UAAU,GAAG,OAAO,CAAC,EACvE;IACE;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;;OAGG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB;;;OAGG;IACH,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CACpC,CACF,CAAC;AAEF,MAAM,MAAM,YAAY,GAAG;IACzB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,gBAAgB,CAAC,EAAE,CAAC,KAAK,CAAC,EAAE,MAAM,KAAK,MAAM,GAAG,SAAS,CAAC;CAC3D,CAAC;AAEF,eAAO,MAAM,OAAO,uCAAkC,CAAC;AAEvD;;;;;;;;;;;;;;GAcG;AACH,eAAO,MAAM,IAAI;IA3Cb;;;OAGG;YACK,MAAM;IACd;;;OAGG;mBACY,MAAM;IACrB;;;OAGG;eACQ,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI;gDA4EpC,CAAC"}
+{"version":3,"file":"tabs.d.ts","sourceRoot":"","sources":["../../../src/components/tabs/tabs.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,4BAA4B,CAAC;AAC/D,OAAO,4BAA4B,CAAC;AAEpC,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAS5C,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAChD,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAGlD,MAAM,MAAM,SAAS,GAAG,UAAU,CAChC,YAAY,GAAG,IAAI,CAAC,cAAc,CAAC,YAAY,CAAC,EAAE,UAAU,GAAG,OAAO,CAAC,EACvE;IACE;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;;OAGG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB;;;OAGG;IACH,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CACpC,CACF,CAAC;AAEF,MAAM,MAAM,YAAY,GAAG;IACzB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,gBAAgB,CAAC,EAAE,CAAC,KAAK,CAAC,EAAE,MAAM,KAAK,MAAM,GAAG,SAAS,CAAC;CAC3D,CAAC;AAEF,eAAO,MAAM,OAAO,uCAAkC,CAAC;AAEvD;;;;;;;;;;;;;;GAcG;AACH,eAAO,MAAM,IAAI;IA1Cb;;;OAGG;YACK,MAAM;IACd;;;OAGG;mBACY,MAAM;IACrB;;;OAGG;eACQ,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI;gDAoFpC,CAAC"}

package/dist/types/components/toggle-group/toggle-group-item.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"toggle-group-item.d.ts","sourceRoot":"","sources":["../../../src/components/toggle-group/toggle-group-item.tsx"],"names":[],"mappings":"AACA,OAAO,EAEL,KAAK,mBAAmB,EACxB,KAAK,mBAAmB,EAGzB,MAAM,OAAO,CAAC;AACf,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAGhD,MAAM,MAAM,oBAAoB,GAAG;IACjC;;;QAGI;IACJ,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;QAEI;IACJ,IAAI,CAAC,EAAE,OAAO,CAAC;CAChB,GAAG,YAAY,GACd,mBAAmB,CAAC,gBAAgB,CAAC,GACrC,IAAI,CACF,mBAAmB,CAAC,gBAAgB,CAAC,EACnC,YAAY,GACZ,aAAa,GACb,YAAY,GACZ,YAAY,GACZ,UAAU,GACV,gBAAgB,GAChB,OAAO,GACP,UAAU,CACb,CAAC;AAEJ;;;;GAIG;AACH,eAAO,MAAM,eAAe;IA5B1B;;;QAGI;YACI,MAAM;IACd;;QAEI;WACG,OAAO;4QA+Ed,CAAC"}
+{"version":3,"file":"toggle-group-item.d.ts","sourceRoot":"","sources":["../../../src/components/toggle-group/toggle-group-item.tsx"],"names":[],"mappings":"AACA,OAAO,EAEL,KAAK,mBAAmB,EACxB,KAAK,mBAAmB,EAGzB,MAAM,OAAO,CAAC;AACf,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAGhD,MAAM,MAAM,oBAAoB,GAAG;IACjC;;;QAGI;IACJ,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;QAEI;IACJ,IAAI,CAAC,EAAE,OAAO,CAAC;CAChB,GAAG,YAAY,GACd,mBAAmB,CAAC,gBAAgB,CAAC,GACrC,IAAI,CACF,mBAAmB,CAAC,gBAAgB,CAAC,EACnC,YAAY,GACZ,aAAa,GACb,YAAY,GACZ,YAAY,GACZ,UAAU,GACV,gBAAgB,GAChB,OAAO,GACP,UAAU,CACb,CAAC;AAEJ;;;;GAIG;AACH,eAAO,MAAM,eAAe;IA5B1B;;;QAGI;YACI,MAAM;IACd;;QAEI;WACG,OAAO;4QAwEd,CAAC"}

package/dist/types/components/tooltip/tooltip.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"tooltip.d.ts","sourceRoot":"","sources":["../../../src/components/tooltip/tooltip.tsx"],"names":[],"mappings":"AACA,OAAO,4BAA4B,CAAC;AACpC,OAAO,KAAK,EAAE,cAAc,EAAE,YAAY,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAEzE,OAAO,KAAK,EAAE,YAAY,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAC3D,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAElD,MAAM,MAAM,YAAY,GAAG,UAAU,CACnC,IAAI,CAAC,YAAY,EAAE,YAAY,CAAC,GAAG,cAAc,CAAC,cAAc,CAAC,EACjE;IACE;;;;;OAKG;IACH,QAAQ,EAAE,CAAC,YAAY,GAAG,aAAa,CAAC,WAAW,CAAC,CAAC,GAAG,MAAM,CAAC;IAC/D;;QAEI;IACJ,OAAO,EAAE,MAAM,CAAC;IAChB;;;OAGG;IACH,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB;;;OAGG;IACH,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB;;;;;;OAMG;IACH,IAAI,CAAC,EAAE,OAAO,CAAC;IACf;;;OAGG;IACH,IAAI,CAAC,EAAE,aAAa,GAAG,YAAY,CAAC;CACrC,CACF,CAAC;AAEF;;;;;;;;;;;;GAYG;AACH,eAAO,MAAM,OAAO;IAlDhB;;;;;OAKG;cACO,CAAC,YAAY,GAAG,aAAa,CAAC,WAAW,CAAC,CAAC,GAAG,MAAM;IAC9D;;QAEI;aACK,MAAM;IACf;;;OAGG;gBACS,SAAS;IACrB;;;OAGG;oBACa,OAAO;IACvB;;;;;;OAMG;WACI,OAAO;IACd;;;OAGG;WACI,aAAa,GAAG,YAAY;kCAsCtC,CAAC"}
+{"version":3,"file":"tooltip.d.ts","sourceRoot":"","sources":["../../../src/components/tooltip/tooltip.tsx"],"names":[],"mappings":"AACA,OAAO,4BAA4B,CAAC;AACpC,OAAO,KAAK,EAAE,cAAc,EAAE,YAAY,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAEzE,OAAO,KAAK,EAAE,YAAY,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAC3D,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAElD,MAAM,MAAM,YAAY,GAAG,UAAU,CACnC,IAAI,CAAC,YAAY,EAAE,YAAY,CAAC,GAAG,cAAc,CAAC,cAAc,CAAC,EACjE;IACE;;;;;OAKG;IACH,QAAQ,EAAE,CAAC,YAAY,GAAG,aAAa,CAAC,WAAW,CAAC,CAAC,GAAG,MAAM,CAAC;IAC/D;;QAEI;IACJ,OAAO,EAAE,MAAM,CAAC;IAChB;;;OAGG;IACH,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB;;;OAGG;IACH,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB;;;;;;OAMG;IACH,IAAI,CAAC,EAAE,OAAO,CAAC;IACf;;;OAGG;IACH,IAAI,CAAC,EAAE,aAAa,GAAG,YAAY,CAAC;CACrC,CACF,CAAC;AAEF;;;;;;;;;;;;GAYG;AACH,eAAO,MAAM,OAAO;IAlDhB;;;;;OAKG;cACO,CAAC,YAAY,GAAG,aAAa,CAAC,WAAW,CAAC,CAAC,GAAG,MAAM;IAC9D;;QAEI;aACK,MAAM;IACf;;;OAGG;gBACS,SAAS;IACrB;;;OAGG;oBACa,OAAO;IACvB;;;;;;OAMG;WACI,OAAO;IACd;;;OAGG;WACI,aAAa,GAAG,YAAY;kCAuCtC,CAAC"}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@digdir/designsystemet-react",
   "type": "module",
-  "version": "1.13.1",
+  "version": "1.13.3",
   "description": "React components for Designsystemet",
   "author": "Designsystemet team",
   "repository": {
@@ -37,33 +37,33 @@
   "dependencies": {
     "@floating-ui/dom": "^1.7.6",
     "@floating-ui/react": "0.26.23",
-    "@navikt/aksel-icons": "^8.7.0",
+    "@navikt/aksel-icons": "^8.9.0",
     "@radix-ui/react-slot": "^1.2.4",
-    "@tanstack/react-virtual": "^3.13.22",
+    "@tanstack/react-virtual": "^3.13.23",
     "clsx": "^2.1.1",
-    "@digdir/designsystemet-types": "^1.13.1",
-    "@digdir/designsystemet-web": "^1.13.1"
+    "@digdir/designsystemet-types": "1.13.3",
+    "@digdir/designsystemet-web": "1.13.3"
   },
   "devDependencies": {
-    "@rollup/plugin-commonjs": "^29.0.2",
-    "@rollup/plugin-node-resolve": "^16.0.3",
-    "@storybook/addon-docs": "^10.2.19",
-    "@storybook/addon-vitest": "^10.2.19",
-    "@storybook/react-vite": "^10.2.19",
-    "@testing-library/jest-dom": "^6.9.1",
-    "@testing-library/react": "^16.3.2",
-    "@testing-library/user-event": "^14.6.1",
-    "@types/react": "^19.2.14",
-    "@types/react-dom": "^19.2.3",
-    "react": "^19.2.4",
-    "react-dom": "^19.2.4",
-    "rimraf": "^6.1.3",
-    "rollup": "^4.59.0",
-    "rollup-plugin-copy": "^3.5.0",
-    "storybook": "^10.2.19",
+    "@rollup/plugin-commonjs": "29.0.2",
+    "@rollup/plugin-node-resolve": "16.0.3",
+    "@storybook/addon-docs": "10.3.4",
+    "@storybook/addon-vitest": "10.3.4",
+    "@storybook/react-vite": "10.3.4",
+    "@testing-library/jest-dom": "6.9.1",
+    "@testing-library/react": "16.3.2",
+    "@testing-library/user-event": "14.6.1",
+    "@types/react": "19.2.14",
+    "@types/react-dom": "19.2.3",
+    "react": "19.2.4",
+    "react-dom": "19.2.4",
+    "rimraf": "6.1.3",
+    "rollup": "4.60.1",
+    "rollup-plugin-copy": "3.5.0",
+    "storybook": "10.3.4",
     "tsx": "4.21.0",
-    "typescript": "^5.9.3",
-    "@digdir/designsystemet-css": "^1.13.1"
+    "typescript": "5.9.3",
+    "@digdir/designsystemet-css": "^1.13.3"
   },
   "scripts": {
     "build": "pnpm run clean && tsc -b tsconfig.lib.json --emitDeclarationOnly false && rollup -c --bundleConfigAsCjs",