@digdir/designsystemet-react 1.7.1 → 1.7.2

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

@@ -45,16 +45,20 @@ const Dialog = react.forwardRef(function Dialog({ asChild, children, className,
             if (event.defaultPrevented)
                 return; // Skip if default action is prevented
             const { clientY: y, clientX: x, target } = event;
-            if (event instanceof KeyboardEvent)
-                return (closedby === 'none' &&
-                    event.key === 'Escape' &&
-                    event.preventDefault()); // Skip ESC-key if closedby="none"
             /* Check if clicked element or its closest parent has data-command='close' */
-            if (target instanceof Element) {
+            if (target instanceof Element && event.type === 'click') {
                 const closeElement = target.closest('[data-command="close"]');
                 if (closeElement)
                     return dialog?.close();
             }
+            // if the browser supports closedBy, we let the browser handle it
+            // see https://developer.mozilla.org/en-US/docs/Web/API/HTMLDialogElement/closedBy
+            if (dialog && 'closedBy' in dialog)
+                return;
+            if (event instanceof KeyboardEvent)
+                return (closedby === 'none' &&
+                    event.key === 'Escape' &&
+                    event.preventDefault()); // Skip ESC-key if closedby="none"
             if (window.getSelection()?.toString())
                 return; // Fix bug where if you select text spanning two divs it thinks you clicked outside
             if (dialog && target === dialog && closedby === 'any') {
@@ -85,7 +89,7 @@ const Dialog = react.forwardRef(function Dialog({ asChild, children, className,
         currentRef?.addEventListener('close', handleClose);
         return () => currentRef?.removeEventListener('close', handleClose);
     }, [onClose]);
-    return (jsxRuntime.jsxs(Component, { className: cl('ds-dialog', className), ref: mergedRefs, "data-modal": modal, ...rest, children: [closeButton !== false && (jsxRuntime.jsx(button.Button, { "aria-label": closeButton, "data-color": 'neutral', icon: true, variant: 'tertiary', "data-command": 'close' })), children] }));
+    return (jsxRuntime.jsxs(Component, { className: cl('ds-dialog', className), ref: mergedRefs, "data-modal": modal, closedby: closedby, ...rest, children: [closeButton !== false && (jsxRuntime.jsx(button.Button, { "aria-label": closeButton, "data-color": 'neutral', icon: true, variant: 'tertiary', "data-command": 'close' })), children] }));
 });
 
 exports.Dialog = Dialog;

package/dist/cjs/components/tag/tag.js

@@ -11,8 +11,8 @@ var react = require('react');
  * @example
  * <Tag>Melk</Tag>
  */
-const Tag = react.forwardRef(function Tag({ className, ...rest }, ref) {
-    return jsxRuntime.jsx("span", { className: cl('ds-tag', className), ref: ref, ...rest });
+const Tag = react.forwardRef(function Tag({ className, variant = 'default', ...rest }, ref) {
+    return (jsxRuntime.jsx("span", { className: cl('ds-tag', className), ref: ref, "data-variant": variant, ...rest }));
 });
 
 exports.Tag = Tag;

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

@@ -21,13 +21,14 @@ var useMergeRefs = require('../../utilities/hooks/use-merge-refs/use-merge-refs.
  *  Hover me
  * </Tooltip>
  */
-const Tooltip = react.forwardRef(function Tooltip({ id, children, content, placement = 'top', autoPlacement = true, open, className, ...rest }, ref) {
+const Tooltip = react.forwardRef(function Tooltip({ id, children, content, placement = 'top', autoPlacement = true, open, className, type, ...rest }, ref) {
     const randomTooltipId = react.useId();
     const [internalOpen, setInternalOpen] = react.useState(false);
     const triggerRef = react.useRef(null);
     const tooltipRef = react.useRef(null);
     const mergedRefs = useMergeRefs.useMergeRefs([tooltipRef, ref]);
     const controlledOpen = open ?? internalOpen;
+    const tooltipId = id ?? randomTooltipId;
     const setOpen = () => {
         setInternalOpen(true);
     };
@@ -101,12 +102,13 @@ const Tooltip = react.forwardRef(function Tooltip({ id, children, content, place
         return null;
     }
     const popoverProps = {
-        [react.version.startsWith('19') ? 'popoverTarget' : 'popovertarget']: id ?? randomTooltipId,
+        [react.version.startsWith('19') ? 'popoverTarget' : 'popovertarget']: tooltipId,
         [react.version.startsWith('19')
             ? 'popoverTargetAction'
             : 'popovertargetaction']: 'show',
     };
-    return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(ChildContainer, { ref: triggerRef, ...popoverProps, onMouseEnter: setOpen, onMouseLeave: setClose, onFocus: setOpen, onBlur: setClose, children: children }), jsxRuntime.jsx("span", { onMouseEnter: setOpen, onMouseLeave: setClose, ref: mergedRefs, role: 'tooltip', className: cl('ds-tooltip', className), id: id ?? randomTooltipId, popover: 'manual', ...rest, children: content })] }));
+    const autoType = `aria-${triggerRef.current?.innerText.trim() ? 'describedby' : 'labelledby'}`;
+    return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(ChildContainer, { ref: triggerRef, ...popoverProps, onMouseEnter: setOpen, onMouseLeave: setClose, onFocus: setOpen, onBlur: setClose, [type ? 'aria-' + type : autoType]: tooltipId, children: children }), jsxRuntime.jsx("span", { onMouseEnter: setOpen, onMouseLeave: setClose, ref: mergedRefs, role: 'tooltip', className: cl('ds-tooltip', className), id: tooltipId, popover: 'manual', ...rest, children: content })] }));
 });
 const arrowPseudoElement = {
     name: 'ArrowPseudoElement',

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

@@ -43,16 +43,20 @@ const Dialog = forwardRef(function Dialog({ asChild, children, className, closeB
             if (event.defaultPrevented)
                 return; // Skip if default action is prevented
             const { clientY: y, clientX: x, target } = event;
-            if (event instanceof KeyboardEvent)
-                return (closedby === 'none' &&
-                    event.key === 'Escape' &&
-                    event.preventDefault()); // Skip ESC-key if closedby="none"
             /* Check if clicked element or its closest parent has data-command='close' */
-            if (target instanceof Element) {
+            if (target instanceof Element && event.type === 'click') {
                 const closeElement = target.closest('[data-command="close"]');
                 if (closeElement)
                     return dialog?.close();
             }
+            // if the browser supports closedBy, we let the browser handle it
+            // see https://developer.mozilla.org/en-US/docs/Web/API/HTMLDialogElement/closedBy
+            if (dialog && 'closedBy' in dialog)
+                return;
+            if (event instanceof KeyboardEvent)
+                return (closedby === 'none' &&
+                    event.key === 'Escape' &&
+                    event.preventDefault()); // Skip ESC-key if closedby="none"
             if (window.getSelection()?.toString())
                 return; // Fix bug where if you select text spanning two divs it thinks you clicked outside
             if (dialog && target === dialog && closedby === 'any') {
@@ -83,7 +87,7 @@ const Dialog = forwardRef(function Dialog({ asChild, children, className, closeB
         currentRef?.addEventListener('close', handleClose);
         return () => currentRef?.removeEventListener('close', handleClose);
     }, [onClose]);
-    return (jsxs(Component, { className: cl('ds-dialog', className), ref: mergedRefs, "data-modal": modal, ...rest, children: [closeButton !== false && (jsx(Button, { "aria-label": closeButton, "data-color": 'neutral', icon: true, variant: 'tertiary', "data-command": 'close' })), children] }));
+    return (jsxs(Component, { className: cl('ds-dialog', className), ref: mergedRefs, "data-modal": modal, closedby: closedby, ...rest, children: [closeButton !== false && (jsx(Button, { "aria-label": closeButton, "data-color": 'neutral', icon: true, variant: 'tertiary', "data-command": 'close' })), children] }));
 });
 
 export { Dialog };

package/dist/esm/components/tag/tag.js

@@ -9,8 +9,8 @@ import { forwardRef } from 'react';
  * @example
  * <Tag>Melk</Tag>
  */
-const Tag = forwardRef(function Tag({ className, ...rest }, ref) {
-    return jsx("span", { className: cl('ds-tag', className), ref: ref, ...rest });
+const Tag = forwardRef(function Tag({ className, variant = 'default', ...rest }, ref) {
+    return (jsx("span", { className: cl('ds-tag', className), ref: ref, "data-variant": variant, ...rest }));
 });
 
 export { Tag };

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

@@ -19,13 +19,14 @@ import { useMergeRefs } from '../../utilities/hooks/use-merge-refs/use-merge-ref
  *  Hover me
  * </Tooltip>
  */
-const Tooltip = forwardRef(function Tooltip({ id, children, content, placement = 'top', autoPlacement = true, open, className, ...rest }, ref) {
+const Tooltip = forwardRef(function Tooltip({ id, children, content, placement = 'top', autoPlacement = true, open, className, type, ...rest }, ref) {
     const randomTooltipId = useId();
     const [internalOpen, setInternalOpen] = useState(false);
     const triggerRef = useRef(null);
     const tooltipRef = useRef(null);
     const mergedRefs = useMergeRefs([tooltipRef, ref]);
     const controlledOpen = open ?? internalOpen;
+    const tooltipId = id ?? randomTooltipId;
     const setOpen = () => {
         setInternalOpen(true);
     };
@@ -99,12 +100,13 @@ const Tooltip = forwardRef(function Tooltip({ id, children, content, placement =
         return null;
     }
     const popoverProps = {
-        [version.startsWith('19') ? 'popoverTarget' : 'popovertarget']: id ?? randomTooltipId,
+        [version.startsWith('19') ? 'popoverTarget' : 'popovertarget']: tooltipId,
         [version.startsWith('19')
             ? 'popoverTargetAction'
             : 'popovertargetaction']: 'show',
     };
-    return (jsxs(Fragment$1, { children: [jsx(ChildContainer, { ref: triggerRef, ...popoverProps, onMouseEnter: setOpen, onMouseLeave: setClose, onFocus: setOpen, onBlur: setClose, children: children }), jsx("span", { onMouseEnter: setOpen, onMouseLeave: setClose, ref: mergedRefs, role: 'tooltip', className: cl('ds-tooltip', className), id: id ?? randomTooltipId, popover: 'manual', ...rest, children: content })] }));
+    const autoType = `aria-${triggerRef.current?.innerText.trim() ? 'describedby' : 'labelledby'}`;
+    return (jsxs(Fragment$1, { children: [jsx(ChildContainer, { ref: triggerRef, ...popoverProps, onMouseEnter: setOpen, onMouseLeave: setClose, onFocus: setOpen, onBlur: setClose, [type ? 'aria-' + type : autoType]: tooltipId, children: children }), jsx("span", { onMouseEnter: setOpen, onMouseLeave: setClose, ref: mergedRefs, role: 'tooltip', className: cl('ds-tooltip', className), id: tooltipId, popover: 'manual', ...rest, children: content })] }));
 });
 const arrowPseudoElement = {
     name: 'ArrowPseudoElement',

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

@@ -10,6 +10,8 @@ export type DialogProps = MergeRight<DefaultProps & DialogHTMLAttributes<HTMLDia
     /**
      * Light dismiss behavior, allowing to close on backdrop click  by setting `closedby="any"`.
      *
+     * @see https://developer.mozilla.org/en-US/docs/Web/API/HTMLDialogElement/closedBy
+     *
      * @default 'closerequest'
      */
     closedby?: 'none' | 'closerequest' | 'any';
@@ -69,6 +71,8 @@ export declare const Dialog: import("react").ForwardRefExoticComponent<Omit<Defa
     /**
      * Light dismiss behavior, allowing to close on backdrop click  by setting `closedby="any"`.
      *
+     * @see https://developer.mozilla.org/en-US/docs/Web/API/HTMLDialogElement/closedBy
+     *
      * @default 'closerequest'
      */
     closedby?: "none" | "closerequest" | "any";

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

@@ -1 +1 @@
-{"version":3,"file":"dialog.d.ts","sourceRoot":"","sources":["../../../src/components/dialog/dialog.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,OAAO,CAAC;AAElD,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAChD,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAKlD,MAAM,MAAM,WAAW,GAAG,UAAU,CAClC,YAAY,GAAG,oBAAoB,CAAC,iBAAiB,CAAC,EACtD;IACE;;;OAGG;IACH,WAAW,CAAC,EAAE,MAAM,GAAG,KAAK,CAAC;IAC7B;;;;OAIG;IACH,QAAQ,CAAC,EAAE,MAAM,GAAG,cAAc,GAAG,KAAK,CAAC;IAC3C;;;;;;OAMG;IACH,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB;;OAEG;IACH,IAAI,CAAC,EAAE,OAAO,CAAC;IACf;;OAEG;IACH,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI,CAAC;IACjC;;;;;OAKG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,CACF,CAAC;AAEF;;;;;;;;;;;;;;;;;;;;;;GAsBG;AACH,eAAO,MAAM,MAAM;IA5Df;;;OAGG;kBACW,MAAM,GAAG,KAAK;IAC5B;;;;OAIG;eACQ,MAAM,GAAG,cAAc,GAAG,KAAK;IAC1C;;;;;;OAMG;YACK,OAAO;IACf;;OAEG;WACI,OAAO;IACd;;OAEG;cACO,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI;IAChC;;;;;OAKG;cACO,OAAO;qDA0HpB,CAAC"}
+{"version":3,"file":"dialog.d.ts","sourceRoot":"","sources":["../../../src/components/dialog/dialog.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,OAAO,CAAC;AAElD,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAChD,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAKlD,MAAM,MAAM,WAAW,GAAG,UAAU,CAClC,YAAY,GAAG,oBAAoB,CAAC,iBAAiB,CAAC,EACtD;IACE;;;OAGG;IACH,WAAW,CAAC,EAAE,MAAM,GAAG,KAAK,CAAC;IAC7B;;;;;;OAMG;IACH,QAAQ,CAAC,EAAE,MAAM,GAAG,cAAc,GAAG,KAAK,CAAC;IAC3C;;;;;;OAMG;IACH,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB;;OAEG;IACH,IAAI,CAAC,EAAE,OAAO,CAAC;IACf;;OAEG;IACH,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI,CAAC;IACjC;;;;;OAKG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,CACF,CAAC;AAEF;;;;;;;;;;;;;;;;;;;;;;GAsBG;AACH,eAAO,MAAM,MAAM;IA9Df;;;OAGG;kBACW,MAAM,GAAG,KAAK;IAC5B;;;;;;OAMG;eACQ,MAAM,GAAG,cAAc,GAAG,KAAK;IAC1C;;;;;;OAMG;YACK,OAAO;IACf;;OAEG;WACI,OAAO;IACd;;OAEG;cACO,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI;IAChC;;;;;OAKG;cACO,OAAO;qDA8HpB,CAAC"}

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

@@ -7,6 +7,12 @@ export type TagProps = MergeRight<DefaultProps & HTMLAttributes<HTMLSpanElement>
      * Change the color scheme of the tag
      */
     'data-color'?: Color | SeverityColors;
+    /**
+     * The visual variant of the tag
+     *
+     * @default 'default'
+     */
+    variant?: 'default' | 'outline';
 }>;
 /**
  * Use `Tag` to display categories or statuses.
@@ -14,10 +20,16 @@ export type TagProps = MergeRight<DefaultProps & HTMLAttributes<HTMLSpanElement>
  * @example
  * <Tag>Melk</Tag>
  */
-export declare const Tag: import("react").ForwardRefExoticComponent<Omit<DefaultProps & HTMLAttributes<HTMLSpanElement>, "data-color"> & {
+export declare const Tag: import("react").ForwardRefExoticComponent<Omit<DefaultProps & HTMLAttributes<HTMLSpanElement>, "data-color" | "variant"> & {
     /**
      * Change the color scheme of the tag
      */
     'data-color'?: Color | SeverityColors;
+    /**
+     * The visual variant of the tag
+     *
+     * @default 'default'
+     */
+    variant?: "default" | "outline";
 } & import("react").RefAttributes<HTMLSpanElement>>;
 //# sourceMappingURL=tag.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"tag.d.ts","sourceRoot":"","sources":["../../../src/components/tag/tag.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,KAAK,EAAE,cAAc,EAAE,MAAM,8BAA8B,CAAC;AAE1E,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAE5C,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAChD,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAElD,MAAM,MAAM,QAAQ,GAAG,UAAU,CAC/B,YAAY,GAAG,cAAc,CAAC,eAAe,CAAC,EAC9C;IACE;;OAEG;IACH,YAAY,CAAC,EAAE,KAAK,GAAG,cAAc,CAAC;CACvC,CACF,CAAC;AAEF;;;;;GAKG;AACH,eAAO,MAAM,GAAG;IAbZ;;OAEG;mBACY,KAAK,GAAG,cAAc;mDAevC,CAAC"}
+{"version":3,"file":"tag.d.ts","sourceRoot":"","sources":["../../../src/components/tag/tag.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,KAAK,EAAE,cAAc,EAAE,MAAM,8BAA8B,CAAC;AAE1E,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAE5C,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAChD,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAElD,MAAM,MAAM,QAAQ,GAAG,UAAU,CAC/B,YAAY,GAAG,cAAc,CAAC,eAAe,CAAC,EAC9C;IACE;;OAEG;IACH,YAAY,CAAC,EAAE,KAAK,GAAG,cAAc,CAAC;IACtC;;;;OAIG;IACH,OAAO,CAAC,EAAE,SAAS,GAAG,SAAS,CAAC;CACjC,CACF,CAAC;AAEF;;;;;GAKG;AACH,eAAO,MAAM,GAAG;IAnBZ;;OAEG;mBACY,KAAK,GAAG,cAAc;IACrC;;;;OAIG;cACO,SAAS,GAAG,SAAS;mDAsBjC,CAAC"}

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

@@ -28,6 +28,11 @@ export type TooltipProps = MergeRight<Omit<DefaultProps, 'data-color'> & HTMLAtt
      * This overrides the internal state of the tooltip.
      */
     open?: boolean;
+    /**
+     * Override if `aria-describedby` or `aria-labelledby` is used.
+     * By default, if the trigger element has no inner text, `aria-labelledby` is used.
+     */
+    type?: 'describedby' | 'labelledby';
 }>;
 /**
  * Tooltip component that displays a small piece of information when hovering or focusing on an element.
@@ -42,7 +47,7 @@ export type TooltipProps = MergeRight<Omit<DefaultProps, 'data-color'> & HTMLAtt
  *  Hover me
  * </Tooltip>
  */
-export declare const Tooltip: import("react").ForwardRefExoticComponent<Omit<Omit<DefaultProps, "data-color"> & HTMLAttributes<HTMLDivElement>, "content" | "children" | "open" | "placement" | "autoPlacement"> & {
+export declare const Tooltip: import("react").ForwardRefExoticComponent<Omit<Omit<DefaultProps, "data-color"> & HTMLAttributes<HTMLDivElement>, "type" | "content" | "children" | "open" | "placement" | "autoPlacement"> & {
     /**
      * The element or string that triggers the tooltip.
      *
@@ -69,5 +74,10 @@ export declare const Tooltip: import("react").ForwardRefExoticComponent<Omit<Omi
      * This overrides the internal state of the tooltip.
      */
     open?: boolean;
+    /**
+     * Override if `aria-describedby` or `aria-labelledby` is used.
+     * By default, if the trigger element has no inner text, `aria-labelledby` is used.
+     */
+    type?: "describedby" | "labelledby";
 } & RefAttributes<HTMLDivElement>>;
 //# sourceMappingURL=tooltip.d.ts.map

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":"AAUA,OAAO,KAAK,EAAE,cAAc,EAAE,YAAY,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAWzE,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAChD,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAGlD,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,KAAK,GAAG,OAAO,GAAG,QAAQ,GAAG,MAAM,CAAC;IAChD;;;OAGG;IACH,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB;;;OAGG;IACH,IAAI,CAAC,EAAE,OAAO,CAAC;CAChB,CACF,CAAC;AAEF;;;;;;;;;;;;GAYG;AACH,eAAO,MAAM,OAAO;IA1ChB;;;;;OAKG;cACO,CAAC,YAAY,GAAG,aAAa,CAAC,WAAW,CAAC,CAAC,GAAG,MAAM;IAC9D;;QAEI;aACK,MAAM;IACf;;;OAGG;gBACS,KAAK,GAAG,OAAO,GAAG,QAAQ,GAAG,MAAM;IAC/C;;;OAGG;oBACa,OAAO;IACvB;;;OAGG;WACI,OAAO;kCAoKjB,CAAC"}
+{"version":3,"file":"tooltip.d.ts","sourceRoot":"","sources":["../../../src/components/tooltip/tooltip.tsx"],"names":[],"mappings":"AAUA,OAAO,KAAK,EAAE,cAAc,EAAE,YAAY,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAWzE,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAChD,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAGlD,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,KAAK,GAAG,OAAO,GAAG,QAAQ,GAAG,MAAM,CAAC;IAChD;;;OAGG;IACH,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB;;;OAGG;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;IA/ChB;;;;;OAKG;cACO,CAAC,YAAY,GAAG,aAAa,CAAC,WAAW,CAAC,CAAC,GAAG,MAAM;IAC9D;;QAEI;aACK,MAAM;IACf;;;OAGG;gBACS,KAAK,GAAG,OAAO,GAAG,QAAQ,GAAG,MAAM;IAC/C;;;OAGG;oBACa,OAAO;IACvB;;;OAGG;WACI,OAAO;IACd;;;OAGG;WACI,aAAa,GAAG,YAAY;kCAwKtC,CAAC"}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@digdir/designsystemet-react",
   "type": "module",
-  "version": "1.7.1",
+  "version": "1.7.2",
   "description": "React components for Designsystemet",
   "author": "Designsystemet team",
   "repository": {
@@ -38,20 +38,20 @@
   "dependencies": {
     "@floating-ui/dom": "^1.7.4",
     "@floating-ui/react": "0.26.23",
-    "@navikt/aksel-icons": "^7.32.2",
+    "@navikt/aksel-icons": "^7.32.5",
     "@radix-ui/react-slot": "^1.2.3",
     "@tanstack/react-virtual": "^3.13.12",
-    "@u-elements/u-combobox": "^1.0.2",
+    "@u-elements/u-combobox": "^1.0.4",
     "@u-elements/u-datalist": "^1.0.14",
     "@u-elements/u-details": "^0.1.5",
     "clsx": "^2.1.1"
   },
   "devDependencies": {
-    "@rollup/plugin-commonjs": "^28.0.8",
+    "@rollup/plugin-commonjs": "^28.0.9",
     "@rollup/plugin-node-resolve": "^16.0.3",
-    "@storybook/addon-docs": "^9.1.13",
-    "@storybook/addon-vitest": "^9.1.13",
-    "@storybook/react-vite": "^9.1.13",
+    "@storybook/addon-docs": "^9.1.16",
+    "@storybook/addon-vitest": "^9.1.16",
+    "@storybook/react-vite": "^9.1.16",
     "@testing-library/dom": "^10.4.1",
     "@testing-library/jest-dom": "^6.9.1",
     "@testing-library/react": "^16.3.0",
@@ -60,14 +60,14 @@
     "@types/react-dom": "^19.2.2",
     "react": "^19.2.0",
     "react-dom": "^19.2.0",
-    "rimraf": "^6.0.1",
+    "rimraf": "^6.1.0",
     "rollup": "^4.52.5",
     "rollup-plugin-copy": "^3.5.0",
-    "storybook": "^9.1.13",
+    "storybook": "^9.1.16",
     "tsx": "4.20.6",
     "typescript": "^5.9.3",
-    "@digdir/designsystemet": "^1.7.1",
-    "@digdir/designsystemet-css": "^1.7.1"
+    "@digdir/designsystemet": "^1.7.2",
+    "@digdir/designsystemet-css": "^1.7.2"
   },
   "scripts": {
     "build": "pnpm run clean && tsc -b tsconfig.lib.json --emitDeclarationOnly false && rollup -c --bundleConfigAsCjs",