@digdir/designsystemet-react 1.13.3 → 1.15.0

package/dist/cjs/components/checkbox/checkbox.js

@@ -14,8 +14,8 @@ var validationMessage = require('../validation-message/validation-message.js');
  * @example
  * <Checkbox label="I agree" value="agree" />
  */
-const Checkbox = react.forwardRef(function Checkbox({ 'data-size': size, className, style, children, label: label$1, description, error, ...rest }, ref) {
-    return (jsxRuntime.jsxs(index.Field, { "data-size": size, className: className, style: style, children: [jsxRuntime.jsx(input.Input, { type: 'checkbox', ref: ref, ...rest }), !!label$1 && jsxRuntime.jsx(label.Label, { weight: 'regular', children: label$1 }), !!description && jsxRuntime.jsx("div", { "data-field": 'description', children: description }), !!error && jsxRuntime.jsx(validationMessage.ValidationMessage, { children: error })] }));
+const Checkbox = react.forwardRef(function Checkbox({ 'data-size': size, className, style, children, label: label$1, description, error, variant, ...rest }, ref) {
+    return (jsxRuntime.jsxs(index.Field, { "data-size": size, "data-variant": variant, className: className, style: style, children: [jsxRuntime.jsx(input.Input, { type: 'checkbox', ref: ref, ...rest }), !!label$1 && jsxRuntime.jsx(label.Label, { weight: 'regular', children: label$1 }), !!description && jsxRuntime.jsx("div", { "data-field": 'description', children: description }), !!error && jsxRuntime.jsx(validationMessage.ValidationMessage, { children: error })] }));
 });
 
 exports.Checkbox = Checkbox;

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

@@ -43,7 +43,11 @@ const Dialog = react.forwardRef(function Dialog({ asChild, children, className,
     const usedId = id ?? autoId;
     // Toggle open based on prop
     react.useEffect(() => dialogRef.current?.[open ? showProp : 'close'](), [open]);
-    return (jsxRuntime.jsxs(Component, { className: cl('ds-dialog', className), "data-placement": placement, "data-modal": modal, 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) => {
+            if (event.target !== event.currentTarget)
+                return; // Ignore close events from nested dialogs
+            onClose?.(event.nativeEvent); // Backward compatibility: expose native event
+        }, onClick: (event) => {
             onClick?.(event);
             const { currentTarget: dialog, target: el, defaultPrevented } = event;
             const isClose = el?.closest?.('[data-command="close"]');

package/dist/cjs/components/popover/popover.js

@@ -53,16 +53,12 @@ const Popover = react.forwardRef(function Popover({ id, className, onClose, onOp
             }
         };
         const handleKeydown = (event) => {
-            if (event.key !== 'Escape' || !controlledOpen)
-                return;
-            const isOpen = popoverRef.current?.matches(':popover-open') ||
-                popoverRef.current?.classList.contains(':popover-open'); // Polyfill support
-            if (!isOpen)
-                return;
-            event.preventDefault(); // Prevent closing fullscreen in Safari
-            document.querySelector(trigger)?.focus?.(); // Move focus back to trigger since `popoover="manual"` doesn't do this
-            setInternalOpen(false);
-            onClose?.();
+            if (event.key === 'Escape' && controlledOpen && isTopLayer(popover)) {
+                event.preventDefault(); // Prevent closing fullscreen in Safari
+                document.querySelector(trigger)?.focus?.(); // Move focus back to trigger since `popover="manual"` doesn't do this
+                setInternalOpen(false);
+                onClose?.();
+            }
         };
         popover?.togglePopover?.(controlledOpen);
         if (controlledOpen) {
@@ -84,5 +80,25 @@ const Popover = react.forwardRef(function Popover({ id, className, onClose, onOp
     return (jsxRuntime.jsx(Component, { className: cl('ds-popover', className), id: id || popoverId, popover: 'manual', "data-placement": placement, "data-variant": variant, ref: mergedRefs, suppressHydrationWarning // Since _ds-floating adds attributes
         : true, ...rest }));
 });
+// NOTE: This is not able to check if the popover is the most recently added #topLayer,
+// so we need another method in time, or remove the controlled popover="manual" in a v2
+const isTopLayer = (checkElement) => {
+    if (!checkElement)
+        return false;
+    const { x, y, width, height } = checkElement.getBoundingClientRect();
+    const topElement = document.elementFromPoint(x + width / 2, y + height / 2);
+    // If the element on top is on browser #top-layer but not same as provided element, then provided element is not on top
+    for (let el = topElement; el; el = el.parentElement) {
+        if (checkElement === el)
+            return true; // If the topElement is same as provided element, it's on top
+        if (el instanceof HTMLDialogElement && el.open)
+            return false; // Check for open dialog
+        if (el.classList.contains(':popover-open'))
+            return false; // Polyfill support
+        if (el.matches(':popover-open'))
+            return false; // Native support
+    }
+    return false;
+};
 
 exports.Popover = Popover;

package/dist/cjs/components/radio/radio.js

@@ -14,8 +14,8 @@ var validationMessage = require('../validation-message/validation-message.js');
  * @example
  * <Radio label="I agree" value="agree" />
  */
-const Radio = react.forwardRef(function Radio({ 'data-size': size, className, style, children, label: label$1, description, error, ...rest }, ref) {
-    return (jsxRuntime.jsxs(index.Field, { "data-size": size, className: className, style: style, children: [jsxRuntime.jsx(input.Input, { type: 'radio', ref: ref, ...rest }), !!label$1 && jsxRuntime.jsx(label.Label, { weight: 'regular', children: label$1 }), !!description && jsxRuntime.jsx("div", { "data-field": 'description', children: description }), !!error && jsxRuntime.jsx(validationMessage.ValidationMessage, { children: error })] }));
+const Radio = react.forwardRef(function Radio({ 'data-size': size, className, style, children, label: label$1, description, error, variant, ...rest }, ref) {
+    return (jsxRuntime.jsxs(index.Field, { "data-size": size, "data-variant": variant, className: className, style: style, children: [jsxRuntime.jsx(input.Input, { type: 'radio', ref: ref, ...rest }), !!label$1 && jsxRuntime.jsx(label.Label, { weight: 'regular', children: label$1 }), !!description && jsxRuntime.jsx("div", { "data-field": 'description', children: description }), !!error && jsxRuntime.jsx(validationMessage.ValidationMessage, { children: error })] }));
 });
 
 exports.Radio = Radio;

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

@@ -17,10 +17,8 @@ var react = require('react');
  * </Suggestion>
  */
 const SuggestionClear = react.forwardRef(function SuggestionClear({ 'aria-label': label = 'Tøm', ...rest }, ref) {
-    return (
-    //biome-ignore lint/a11y/useAriaPropsSupportedByRole: <del> needs aria-label when u-combobox makes it the clear button
-    jsxRuntime.jsx("del", { "aria-label": label, hidden: true, ref: ref, suppressHydrationWarning // Since <ds-suggestion> adds attributes
-        : true, ...rest }));
+    return (jsxRuntime.jsx("button", { "aria-label": label, hidden: true, ref: ref, suppressHydrationWarning // Since <ds-suggestion> adds attributes
+        : true, type: 'reset', ...rest }));
 });
 
 exports.SuggestionClear = SuggestionClear;

package/dist/cjs/components/switch/switch.js

@@ -13,8 +13,8 @@ var label = require('../label/label.js');
  * @example
  * <Switch label="I agree" value="agree" />
  */
-const Switch = react.forwardRef(function Switch({ 'data-size': size, children, className, description, label: label$1, position, style, ...rest }, ref) {
-    return (jsxRuntime.jsxs(index.Field, { className: className, "data-position": position, "data-size": size, style: style, children: [jsxRuntime.jsx(input.Input, { type: 'checkbox', role: 'switch', ref: ref, ...rest }), !!label$1 && jsxRuntime.jsx(label.Label, { weight: 'regular', children: label$1 }), !!description && jsxRuntime.jsx("div", { "data-field": 'description', children: description })] }));
+const Switch = react.forwardRef(function Switch({ 'data-size': size, children, className, description, label: label$1, position, style, variant, ...rest }, ref) {
+    return (jsxRuntime.jsxs(index.Field, { className: className, "data-position": position, "data-size": size, "data-variant": variant, style: style, children: [jsxRuntime.jsx(input.Input, { type: 'checkbox', role: 'switch', ref: ref, ...rest }), !!label$1 && jsxRuntime.jsx(label.Label, { weight: 'regular', children: label$1 }), !!description && jsxRuntime.jsx("div", { "data-field": 'description', children: description })] }));
 });
 
 exports.Switch = Switch;

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

@@ -22,7 +22,7 @@ var react = require('react');
 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 || undefined, "data-tooltip": content, "data-placement": placement, "data-autoplacement": autoPlacement, suppressHydrationWarning // Since data-tooltip adds aria-label/aria-description
+    return (jsxRuntime.jsx(reactSlot.Slot, { "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 }));
 });
 

package/dist/cjs/utilities/hooks/use-checkbox-group/use-checkbox-group.js

@@ -47,10 +47,15 @@ function useCheckboxGroup(props) {
          * <Checkbox {...getCheckboxProps({ value: 'all', allowIndeterminate: true })} />
          */
         getCheckboxProps: (propsOrValue) => {
-            const props = typeof propsOrValue === 'string'
+            let groupProps;
+            if (props) {
+                const { onChange, error, ...rest } = props;
+                groupProps = rest;
+            }
+            const checkboxProps = typeof propsOrValue === 'string'
                 ? { value: propsOrValue }
                 : propsOrValue || {};
-            const { allowIndeterminate = false, ref: forwardedRef = undefined, value = '', ...rest } = props;
+            const { allowIndeterminate = false, ref: forwardedRef = undefined, value = '', ...rest } = checkboxProps;
             const handleRef = (element) => {
                 if (element) {
                     const refs = allowIndeterminate ? indeterminateRefs : checkboxRefs;
@@ -92,6 +97,7 @@ function useCheckboxGroup(props) {
                 }
             };
             return {
+                ...groupProps,
                 ...rest,
                 'aria-describedby': `${error ? errorId : ''} ${rest['aria-describedby'] || ''}`.trim() ||
                     undefined,

package/dist/cjs/utilities/hooks/use-radio-group/use-radio-group.js

@@ -16,8 +16,9 @@ var react = require('react');
  *   value: '',
  * });
  */
-function useRadioGroup({ error, readOnly, required, disabled, name, onChange, value: initalValue = '', } = {}) {
-    const [groupValue, setGroupValue] = react.useState(initalValue);
+function useRadioGroup(props) {
+    const { error, readOnly, required, disabled, name, onChange, value: initialValue = '', } = props || {};
+    const [groupValue, setGroupValue] = react.useState(initialValue);
     const errorId = react.useId();
     const namedId = react.useId();
     const radioGroupName = name || namedId;
@@ -39,10 +40,15 @@ function useRadioGroup({ error, readOnly, required, disabled, name, onChange, va
          * <Radio label="Option 1" {...getRadioProps('option-1')} />
          */
         getRadioProps: (propsOrValue) => {
-            const props = typeof propsOrValue === 'string'
+            let groupProps;
+            if (props) {
+                const { onChange, error, ...rest } = props;
+                groupProps = rest;
+            }
+            const radioProps = typeof propsOrValue === 'string'
                 ? { value: propsOrValue }
                 : propsOrValue;
-            const { ref: forwardedRef = undefined, value = '', ...rest } = props;
+            const { ref: forwardedRef = undefined, value = '', ...rest } = radioProps;
             const handleRef = (element) => {
                 if (element) {
                     // Set initial checked state
@@ -67,6 +73,7 @@ function useRadioGroup({ error, readOnly, required, disabled, name, onChange, va
                 }
             };
             return {
+                ...groupProps,
                 ...rest,
                 name: radioGroupName,
                 'aria-describedby': `${error ? errorId : ''} ${rest['aria-describedby'] || ''}`.trim() ||

package/dist/esm/components/checkbox/checkbox.js

@@ -12,8 +12,8 @@ import { ValidationMessage } from '../validation-message/validation-message.js';
  * @example
  * <Checkbox label="I agree" value="agree" />
  */
-const Checkbox = forwardRef(function Checkbox({ 'data-size': size, className, style, children, label, description, error, ...rest }, ref) {
-    return (jsxs(FieldComponent, { "data-size": size, className: className, style: style, children: [jsx(Input, { type: 'checkbox', ref: ref, ...rest }), !!label && jsx(Label, { weight: 'regular', children: label }), !!description && jsx("div", { "data-field": 'description', children: description }), !!error && jsx(ValidationMessage, { children: error })] }));
+const Checkbox = forwardRef(function Checkbox({ 'data-size': size, className, style, children, label, description, error, variant, ...rest }, ref) {
+    return (jsxs(FieldComponent, { "data-size": size, "data-variant": variant, className: className, style: style, children: [jsx(Input, { type: 'checkbox', ref: ref, ...rest }), !!label && jsx(Label, { weight: 'regular', children: label }), !!description && jsx("div", { "data-field": 'description', children: description }), !!error && jsx(ValidationMessage, { children: error })] }));
 });
 
 export { Checkbox };

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

@@ -41,7 +41,11 @@ const Dialog = forwardRef(function Dialog({ asChild, children, className, closeB
     const usedId = id ?? autoId;
     // Toggle open based on prop
     useEffect(() => dialogRef.current?.[open ? showProp : 'close'](), [open]);
-    return (jsxs(Component, { className: cl('ds-dialog', className), "data-placement": placement, "data-modal": modal, 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) => {
+            if (event.target !== event.currentTarget)
+                return; // Ignore close events from nested dialogs
+            onClose?.(event.nativeEvent); // Backward compatibility: expose native event
+        }, onClick: (event) => {
             onClick?.(event);
             const { currentTarget: dialog, target: el, defaultPrevented } = event;
             const isClose = el?.closest?.('[data-command="close"]');

package/dist/esm/components/popover/popover.js

@@ -51,16 +51,12 @@ const Popover = forwardRef(function Popover({ id, className, onClose, onOpen, op
             }
         };
         const handleKeydown = (event) => {
-            if (event.key !== 'Escape' || !controlledOpen)
-                return;
-            const isOpen = popoverRef.current?.matches(':popover-open') ||
-                popoverRef.current?.classList.contains(':popover-open'); // Polyfill support
-            if (!isOpen)
-                return;
-            event.preventDefault(); // Prevent closing fullscreen in Safari
-            document.querySelector(trigger)?.focus?.(); // Move focus back to trigger since `popoover="manual"` doesn't do this
-            setInternalOpen(false);
-            onClose?.();
+            if (event.key === 'Escape' && controlledOpen && isTopLayer(popover)) {
+                event.preventDefault(); // Prevent closing fullscreen in Safari
+                document.querySelector(trigger)?.focus?.(); // Move focus back to trigger since `popover="manual"` doesn't do this
+                setInternalOpen(false);
+                onClose?.();
+            }
         };
         popover?.togglePopover?.(controlledOpen);
         if (controlledOpen) {
@@ -82,5 +78,25 @@ const Popover = forwardRef(function Popover({ id, className, onClose, onOpen, op
     return (jsx(Component, { className: cl('ds-popover', className), id: id || popoverId, popover: 'manual', "data-placement": placement, "data-variant": variant, ref: mergedRefs, suppressHydrationWarning // Since _ds-floating adds attributes
         : true, ...rest }));
 });
+// NOTE: This is not able to check if the popover is the most recently added #topLayer,
+// so we need another method in time, or remove the controlled popover="manual" in a v2
+const isTopLayer = (checkElement) => {
+    if (!checkElement)
+        return false;
+    const { x, y, width, height } = checkElement.getBoundingClientRect();
+    const topElement = document.elementFromPoint(x + width / 2, y + height / 2);
+    // If the element on top is on browser #top-layer but not same as provided element, then provided element is not on top
+    for (let el = topElement; el; el = el.parentElement) {
+        if (checkElement === el)
+            return true; // If the topElement is same as provided element, it's on top
+        if (el instanceof HTMLDialogElement && el.open)
+            return false; // Check for open dialog
+        if (el.classList.contains(':popover-open'))
+            return false; // Polyfill support
+        if (el.matches(':popover-open'))
+            return false; // Native support
+    }
+    return false;
+};
 
 export { Popover };

package/dist/esm/components/radio/radio.js

@@ -12,8 +12,8 @@ import { ValidationMessage } from '../validation-message/validation-message.js';
  * @example
  * <Radio label="I agree" value="agree" />
  */
-const Radio = forwardRef(function Radio({ 'data-size': size, className, style, children, label, description, error, ...rest }, ref) {
-    return (jsxs(FieldComponent, { "data-size": size, className: className, style: style, children: [jsx(Input, { type: 'radio', ref: ref, ...rest }), !!label && jsx(Label, { weight: 'regular', children: label }), !!description && jsx("div", { "data-field": 'description', children: description }), !!error && jsx(ValidationMessage, { children: error })] }));
+const Radio = forwardRef(function Radio({ 'data-size': size, className, style, children, label, description, error, variant, ...rest }, ref) {
+    return (jsxs(FieldComponent, { "data-size": size, "data-variant": variant, className: className, style: style, children: [jsx(Input, { type: 'radio', ref: ref, ...rest }), !!label && jsx(Label, { weight: 'regular', children: label }), !!description && jsx("div", { "data-field": 'description', children: description }), !!error && jsx(ValidationMessage, { children: error })] }));
 });
 
 export { Radio };

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

@@ -15,10 +15,8 @@ import { forwardRef } from 'react';
  * </Suggestion>
  */
 const SuggestionClear = forwardRef(function SuggestionClear({ 'aria-label': label = 'Tøm', ...rest }, ref) {
-    return (
-    //biome-ignore lint/a11y/useAriaPropsSupportedByRole: <del> needs aria-label when u-combobox makes it the clear button
-    jsx("del", { "aria-label": label, hidden: true, ref: ref, suppressHydrationWarning // Since <ds-suggestion> adds attributes
-        : true, ...rest }));
+    return (jsx("button", { "aria-label": label, hidden: true, ref: ref, suppressHydrationWarning // Since <ds-suggestion> adds attributes
+        : true, type: 'reset', ...rest }));
 });
 
 export { SuggestionClear };

package/dist/esm/components/switch/switch.js

@@ -11,8 +11,8 @@ import { Label } from '../label/label.js';
  * @example
  * <Switch label="I agree" value="agree" />
  */
-const Switch = forwardRef(function Switch({ 'data-size': size, children, className, description, label, position, style, ...rest }, ref) {
-    return (jsxs(FieldComponent, { className: className, "data-position": position, "data-size": size, style: style, children: [jsx(Input, { type: 'checkbox', role: 'switch', ref: ref, ...rest }), !!label && jsx(Label, { weight: 'regular', children: label }), !!description && jsx("div", { "data-field": 'description', children: description })] }));
+const Switch = forwardRef(function Switch({ 'data-size': size, children, className, description, label, position, style, variant, ...rest }, ref) {
+    return (jsxs(FieldComponent, { className: className, "data-position": position, "data-size": size, "data-variant": variant, style: style, children: [jsx(Input, { type: 'checkbox', role: 'switch', ref: ref, ...rest }), !!label && jsx(Label, { weight: 'regular', children: label }), !!description && jsx("div", { "data-field": 'description', children: description })] }));
 });
 
 export { Switch };

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

@@ -20,7 +20,7 @@ import { forwardRef } from 'react';
 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 || undefined, "data-tooltip": content, "data-placement": placement, "data-autoplacement": autoPlacement, suppressHydrationWarning // Since data-tooltip adds aria-label/aria-description
+    return (jsx(Slot, { "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 }));
 });
 

package/dist/esm/utilities/hooks/use-checkbox-group/use-checkbox-group.js

@@ -45,10 +45,15 @@ function useCheckboxGroup(props) {
          * <Checkbox {...getCheckboxProps({ value: 'all', allowIndeterminate: true })} />
          */
         getCheckboxProps: (propsOrValue) => {
-            const props = typeof propsOrValue === 'string'
+            let groupProps;
+            if (props) {
+                const { onChange, error, ...rest } = props;
+                groupProps = rest;
+            }
+            const checkboxProps = typeof propsOrValue === 'string'
                 ? { value: propsOrValue }
                 : propsOrValue || {};
-            const { allowIndeterminate = false, ref: forwardedRef = undefined, value = '', ...rest } = props;
+            const { allowIndeterminate = false, ref: forwardedRef = undefined, value = '', ...rest } = checkboxProps;
             const handleRef = (element) => {
                 if (element) {
                     const refs = allowIndeterminate ? indeterminateRefs : checkboxRefs;
@@ -90,6 +95,7 @@ function useCheckboxGroup(props) {
                 }
             };
             return {
+                ...groupProps,
                 ...rest,
                 'aria-describedby': `${error ? errorId : ''} ${rest['aria-describedby'] || ''}`.trim() ||
                     undefined,

package/dist/esm/utilities/hooks/use-radio-group/use-radio-group.js

@@ -14,8 +14,9 @@ import { useState, useId } from 'react';
  *   value: '',
  * });
  */
-function useRadioGroup({ error, readOnly, required, disabled, name, onChange, value: initalValue = '', } = {}) {
-    const [groupValue, setGroupValue] = useState(initalValue);
+function useRadioGroup(props) {
+    const { error, readOnly, required, disabled, name, onChange, value: initialValue = '', } = props || {};
+    const [groupValue, setGroupValue] = useState(initialValue);
     const errorId = useId();
     const namedId = useId();
     const radioGroupName = name || namedId;
@@ -37,10 +38,15 @@ function useRadioGroup({ error, readOnly, required, disabled, name, onChange, va
          * <Radio label="Option 1" {...getRadioProps('option-1')} />
          */
         getRadioProps: (propsOrValue) => {
-            const props = typeof propsOrValue === 'string'
+            let groupProps;
+            if (props) {
+                const { onChange, error, ...rest } = props;
+                groupProps = rest;
+            }
+            const radioProps = typeof propsOrValue === 'string'
                 ? { value: propsOrValue }
                 : propsOrValue;
-            const { ref: forwardedRef = undefined, value = '', ...rest } = props;
+            const { ref: forwardedRef = undefined, value = '', ...rest } = radioProps;
             const handleRef = (element) => {
                 if (element) {
                     // Set initial checked state
@@ -65,6 +71,7 @@ function useRadioGroup({ error, readOnly, required, disabled, name, onChange, va
                 }
             };
             return {
+                ...groupProps,
                 ...rest,
                 name: radioGroupName,
                 'aria-describedby': `${error ? errorId : ''} ${rest['aria-describedby'] || ''}`.trim() ||

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

@@ -53,7 +53,7 @@ export type ButtonProps = MergeRight<DefaultProps & Omit<ButtonHTMLAttributes<HT
  * @example
  * <Button>Click me</Button>
  */
-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"> & {
+export declare const Button: import("react").ForwardRefExoticComponent<Omit<DefaultProps & Omit<ButtonHTMLAttributes<HTMLButtonElement>, "command" | "commandfor" | "commandFor">, "type" | "data-color" | "variant" | "command" | "commandfor" | "commandFor" | "icon" | "loading" | "asChild"> & {
     /**
      * Specify which variant to use
      * @default 'primary'

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

@@ -23,6 +23,10 @@ export type CheckboxProps = MergeRight<DefaultProps & Omit<InputProps, 'type' |
      * Error message for field
      */
     error?: ReactNode;
+    /**
+     * If outline, the checkbox will have a border.
+     */
+    variant?: 'outline';
 } & LabelRequired>;
 /**
  * Checkbox used to select multiple options.

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

@@ -1 +1 @@
-{"version":3,"file":"checkbox.d.ts","sourceRoot":"","sources":["../../../src/components/checkbox/checkbox.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,OAAO,KAAK,EAAE,YAAY,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AAC/D,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAElD,OAAO,EAAS,KAAK,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAIxD,MAAM,MAAM,aAAa,GAAG,UAAU,CACpC,YAAY,GAAG,IAAI,CAAC,UAAU,EAAE,MAAM,GAAG,MAAM,GAAG,MAAM,CAAC,EACzD;IACE;;OAEG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB;;OAEG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB;;OAEG;IACH,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB;;OAEG;IACH,KAAK,CAAC,EAAE,UAAU,CAAC,OAAO,CAAC,CAAC;IAC5B;;OAEG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC;CACnB,GAAG,aAAa,CAClB,CAAC;AAEF;;;;;GAKG;AACH,eAAO,MAAM,QAAQ,4GAuBpB,CAAC"}
+{"version":3,"file":"checkbox.d.ts","sourceRoot":"","sources":["../../../src/components/checkbox/checkbox.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,OAAO,KAAK,EAAE,YAAY,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AAC/D,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAElD,OAAO,EAAS,KAAK,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAIxD,MAAM,MAAM,aAAa,GAAG,UAAU,CACpC,YAAY,GAAG,IAAI,CAAC,UAAU,EAAE,MAAM,GAAG,MAAM,GAAG,MAAM,CAAC,EACzD;IACE;;OAEG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB;;OAEG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB;;OAEG;IACH,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB;;OAEG;IACH,KAAK,CAAC,EAAE,UAAU,CAAC,OAAO,CAAC,CAAC;IAC5B;;OAEG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB;;OAEG;IACH,OAAO,CAAC,EAAE,SAAS,CAAC;CACrB,GAAG,aAAa,CAClB,CAAC;AAEF;;;;;GAKG;AACH,eAAO,MAAM,QAAQ,4GA6BpB,CAAC"}

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

@@ -12,7 +12,7 @@ export type DialogTriggerProps = ComponentPropsWithRef<typeof Button>;
  *   </Dialog>
  * </Dialog.TriggerContext>
  */
-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"> & {
+export declare const DialogTrigger: import("react").ForwardRefExoticComponent<Omit<Omit<import("../../types").DefaultProps & Omit<import("react").ButtonHTMLAttributes<HTMLButtonElement>, "command" | "commandfor" | "commandFor">, "type" | "data-color" | "variant" | "command" | "commandfor" | "commandFor" | "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;

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,EAAkB,oBAAoB,EAAE,MAAM,OAAO,CAAC;AAElE,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;;;;OAIG;IACH,SAAS,CAAC,EAAE,QAAQ,GAAG,MAAM,GAAG,OAAO,GAAG,KAAK,GAAG,QAAQ,CAAC;IAC3D;;;;;;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;IApEf;;;OAGG;kBACW,MAAM,GAAG,KAAK;IAC5B;;;;;;OAMG;eACQ,MAAM,GAAG,cAAc,GAAG,KAAK;IAC1C;;;;OAIG;gBACS,QAAQ,GAAG,MAAM,GAAG,OAAO,GAAG,KAAK,GAAG,QAAQ;IAC1D;;;;;;OAMG;YACK,OAAO;IACf;;OAEG;WACI,OAAO;IACd;;OAEG;cACO,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI;IAChC;;;;;OAKG;cACO,OAAO;qDAmGpB,CAAC"}
+{"version":3,"file":"dialog.d.ts","sourceRoot":"","sources":["../../../src/components/dialog/dialog.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAkB,oBAAoB,EAAE,MAAM,OAAO,CAAC;AAElE,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;;;;OAIG;IACH,SAAS,CAAC,EAAE,QAAQ,GAAG,MAAM,GAAG,OAAO,GAAG,KAAK,GAAG,QAAQ,CAAC;IAC3D;;;;;;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;IApEf;;;OAGG;kBACW,MAAM,GAAG,KAAK;IAC5B;;;;;;OAMG;eACQ,MAAM,GAAG,cAAc,GAAG,KAAK;IAC1C;;;;OAIG;gBACS,QAAQ,GAAG,MAAM,GAAG,OAAO,GAAG,KAAK,GAAG,QAAQ;IAC1D;;;;;;OAMG;YACK,OAAO;IACf;;OAEG;WACI,OAAO;IACd;;OAEG;cACO,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI;IAChC;;;;;OAKG;cACO,OAAO;qDAsGpB,CAAC"}

package/dist/types/components/error-summary/error-summary.d.ts

@@ -1,3 +1,4 @@
+import type { DSErrorSummaryElement } from '@digdir/designsystemet-web';
 import type { HTMLAttributes, ReactNode } from 'react';
 import type { DefaultProps } from '../../types';
 export type ErrorSummaryProps = {
@@ -5,7 +6,7 @@ export type ErrorSummaryProps = {
      * @deprecated This is not supported anymore, as the element needs to be `ds-error-summary`
      */
     asChild?: ReactNode;
-} & Omit<HTMLAttributes<HTMLDivElement> & DefaultProps, 'data-color'>;
+} & Omit<HTMLAttributes<DSErrorSummaryElement> & DefaultProps, 'data-color'>;
 /**
  * ErrorSummary component, used to display a list of errors.
  *
@@ -27,5 +28,5 @@ export declare const ErrorSummary: import("react").ForwardRefExoticComponent<{
      * @deprecated This is not supported anymore, as the element needs to be `ds-error-summary`
      */
     asChild?: ReactNode;
-} & Omit<HTMLAttributes<HTMLDivElement> & DefaultProps, "data-color"> & import("react").RefAttributes<HTMLDivElement>>;
+} & Omit<HTMLAttributes<DSErrorSummaryElement> & DefaultProps, "data-color"> & import("react").RefAttributes<DSErrorSummaryElement>>;
 //# sourceMappingURL=error-summary.d.ts.map

package/dist/types/components/error-summary/error-summary.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"error-summary.d.ts","sourceRoot":"","sources":["../../../src/components/error-summary/error-summary.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvD,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAEhD,MAAM,MAAM,iBAAiB,GAAG;IAC9B;;OAEG;IACH,OAAO,CAAC,EAAE,SAAS,CAAC;CACrB,GAAG,IAAI,CAAC,cAAc,CAAC,cAAc,CAAC,GAAG,YAAY,EAAE,YAAY,CAAC,CAAC;AAEtE;;;;;;;;;;;;;;;GAeG;AACH,eAAO,MAAM,YAAY;IAtBvB;;OAEG;cACO,SAAS;sHAkCpB,CAAC"}
+{"version":3,"file":"error-summary.d.ts","sourceRoot":"","sources":["../../../src/components/error-summary/error-summary.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,4BAA4B,CAAC;AAGxE,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvD,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAEhD,MAAM,MAAM,iBAAiB,GAAG;IAC9B;;OAEG;IACH,OAAO,CAAC,EAAE,SAAS,CAAC;CACrB,GAAG,IAAI,CAAC,cAAc,CAAC,qBAAqB,CAAC,GAAG,YAAY,EAAE,YAAY,CAAC,CAAC;AAE7E;;;;;;;;;;;;;;;GAeG;AACH,eAAO,MAAM,YAAY;IAtBvB;;OAEG;cACO,SAAS;oIAmCnB,CAAC"}

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

@@ -7,7 +7,6 @@ export type HeadingProps = {
     level?: 1 | 2 | 3 | 4 | 5 | 6;
     /**
      * Changes text sizing
-     * @default 'md'
      */
     'data-size'?: '2xs' | 'xs' | 'sm' | 'md' | 'lg' | 'xl' | '2xl';
     /**
@@ -30,7 +29,6 @@ export declare const Heading: import("react").ForwardRefExoticComponent<{
     level?: 1 | 2 | 3 | 4 | 5 | 6;
     /**
      * Changes text sizing
-     * @default 'md'
      */
     'data-size'?: "2xs" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl";
     /**

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

@@ -1 +1 @@
-{"version":3,"file":"heading.d.ts","sourceRoot":"","sources":["../../../src/components/heading/heading.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAe,cAAc,EAAE,MAAM,OAAO,CAAC;AAGzD,MAAM,MAAM,YAAY,GAAG;IACzB;;;OAGG;IACH,KAAK,CAAC,EAAE,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;IAC9B;;;OAGG;IACH,WAAW,CAAC,EAAE,KAAK,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,KAAK,CAAC;IAC/D;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,GAAG,cAAc,CAAC,kBAAkB,CAAC,CAAC;AAEvC;;;;;GAKG;AACH,eAAO,MAAM,OAAO;IAvBlB;;;OAGG;YACK,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC;IAC7B;;;OAGG;kBACW,KAAK,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,KAAK;IAC9D;;;OAGG;cACO,OAAO;2FAiBlB,CAAC"}
+{"version":3,"file":"heading.d.ts","sourceRoot":"","sources":["../../../src/components/heading/heading.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAe,cAAc,EAAE,MAAM,OAAO,CAAC;AAGzD,MAAM,MAAM,YAAY,GAAG;IACzB;;;OAGG;IACH,KAAK,CAAC,EAAE,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;IAC9B;;OAEG;IACH,WAAW,CAAC,EAAE,KAAK,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,KAAK,CAAC;IAC/D;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,GAAG,cAAc,CAAC,kBAAkB,CAAC,CAAC;AAEvC;;;;;GAKG;AACH,eAAO,MAAM,OAAO;IAtBlB;;;OAGG;YACK,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC;IAC7B;;OAEG;kBACW,KAAK,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,KAAK;IAC9D;;;OAGG;cACO,OAAO;2FAiBlB,CAAC"}

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

@@ -1 +1 @@
-{"version":3,"file":"popover.d.ts","sourceRoot":"","sources":["../../../src/components/popover/popover.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,KAAK,EAAE,cAAc,EAAE,MAAM,8BAA8B,CAAC;AAG1E,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAE5C,OAAO,4BAA4B,CAAC;AACpC,OAAO,KAAK,EAAE,YAAY,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAC3D,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAIlD,MAAM,MAAM,YAAY,GAAG,UAAU,CACnC,YAAY,GAAG,cAAc,CAAC,cAAc,CAAC,EAC7C;IACE;;OAEG;IACH,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ;;;OAGG;IACH,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB;;;OAGG;IACH,IAAI,CAAC,EAAE,OAAO,CAAC;IACf;;;;OAIG;IACH,OAAO,CAAC,EAAE,SAAS,GAAG,QAAQ,CAAC;IAC/B;;OAEG;IACH,YAAY,CAAC,EAAE,KAAK,GAAG,cAAc,CAAC;IACtC;;OAEG;IACH,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB;;;OAGG;IACH,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,CACF,CAAC;AAEF;;;;;;;;;;;;;;;;GAgBG;AAEH,eAAO,MAAM,OAAO;IA/DhB;;OAEG;SACE,MAAM;IACX;;;OAGG;gBACS,SAAS;IACrB;;;OAGG;WACI,OAAO;IACd;;;;OAIG;cACO,SAAS,GAAG,QAAQ;IAC9B;;OAEG;mBACY,KAAK,GAAG,cAAc;IACrC;;OAEG;aACM,MAAM,IAAI;IACnB;;OAEG;cACO,MAAM,IAAI;IACpB;;;OAGG;oBACa,OAAO;IACvB;;;OAGG;cACO,OAAO;kDA6GpB,CAAC"}
+{"version":3,"file":"popover.d.ts","sourceRoot":"","sources":["../../../src/components/popover/popover.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,KAAK,EAAE,cAAc,EAAE,MAAM,8BAA8B,CAAC;AAG1E,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAE5C,OAAO,4BAA4B,CAAC;AACpC,OAAO,KAAK,EAAE,YAAY,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAC3D,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAIlD,MAAM,MAAM,YAAY,GAAG,UAAU,CACnC,YAAY,GAAG,cAAc,CAAC,cAAc,CAAC,EAC7C;IACE;;OAEG;IACH,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ;;;OAGG;IACH,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB;;;OAGG;IACH,IAAI,CAAC,EAAE,OAAO,CAAC;IACf;;;;OAIG;IACH,OAAO,CAAC,EAAE,SAAS,GAAG,QAAQ,CAAC;IAC/B;;OAEG;IACH,YAAY,CAAC,EAAE,KAAK,GAAG,cAAc,CAAC;IACtC;;OAEG;IACH,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB;;;OAGG;IACH,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,CACF,CAAC;AAEF;;;;;;;;;;;;;;;;GAgBG;AACH,eAAO,MAAM,OAAO;IA9DhB;;OAEG;SACE,MAAM;IACX;;;OAGG;gBACS,SAAS;IACrB;;;OAGG;WACI,OAAO;IACd;;;;OAIG;cACO,SAAS,GAAG,QAAQ;IAC9B;;OAEG;mBACY,KAAK,GAAG,cAAc;IACrC;;OAEG;aACM,MAAM,IAAI;IACnB;;OAEG;cACO,MAAM,IAAI;IACpB;;;OAGG;oBACa,OAAO;IACvB;;;OAGG;cACO,OAAO;kDAwGpB,CAAC"}

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

@@ -23,6 +23,10 @@ export type RadioProps = MergeRight<DefaultProps & Omit<InputProps, 'type' | 'ro
      * Error message for field
      */
     error?: ReactNode;
+    /**
+     * If outline, the radio will have a border.
+     */
+    variant?: 'outline';
 } & LabelRequired>;
 /**
  * Radio used to select multiple options.

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

@@ -1 +1 @@
-{"version":3,"file":"radio.d.ts","sourceRoot":"","sources":["../../../src/components/radio/radio.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,OAAO,KAAK,EAAE,YAAY,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AAC/D,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAElD,OAAO,EAAS,KAAK,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAIxD,MAAM,MAAM,UAAU,GAAG,UAAU,CACjC,YAAY,GAAG,IAAI,CAAC,UAAU,EAAE,MAAM,GAAG,MAAM,GAAG,MAAM,CAAC,EACzD;IACE;;QAEI;IACJ,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB;;OAEG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB;;OAEG;IACH,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB;;OAEG;IACH,KAAK,CAAC,EAAE,UAAU,CAAC,OAAO,CAAC,CAAC;IAC5B;;OAEG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC;CACnB,GAAG,aAAa,CAClB,CAAC;AAEF;;;;;GAKG;AACH,eAAO,MAAM,KAAK,yGAqBhB,CAAC"}
+{"version":3,"file":"radio.d.ts","sourceRoot":"","sources":["../../../src/components/radio/radio.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,OAAO,KAAK,EAAE,YAAY,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AAC/D,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAElD,OAAO,EAAS,KAAK,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAIxD,MAAM,MAAM,UAAU,GAAG,UAAU,CACjC,YAAY,GAAG,IAAI,CAAC,UAAU,EAAE,MAAM,GAAG,MAAM,GAAG,MAAM,CAAC,EACzD;IACE;;QAEI;IACJ,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB;;OAEG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB;;OAEG;IACH,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB;;OAEG;IACH,KAAK,CAAC,EAAE,UAAU,CAAC,OAAO,CAAC,CAAC;IAC5B;;OAEG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB;;OAEG;IACH,OAAO,CAAC,EAAE,SAAS,CAAC;CACrB,GAAG,aAAa,CAClB,CAAC;AAEF;;;;;GAKG;AACH,eAAO,MAAM,KAAK,yGA2BhB,CAAC"}

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

@@ -22,7 +22,7 @@ export type SearchButtonProps = MergeRight<ButtonProps, {
  *   <SearchButton>Søk</SearchButton>
  * </Search>
  */
-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"> & {
+export declare const SearchButton: import("react").ForwardRefExoticComponent<Omit<import("../../types").DefaultProps & Omit<import("react").ButtonHTMLAttributes<HTMLButtonElement>, "command" | "commandfor" | "commandFor">, "type" | "data-color" | "variant" | "command" | "commandfor" | "commandFor" | "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;

package/dist/types/components/suggestion/suggestion-clear.d.ts

@@ -1,7 +1,7 @@
-import { type DelHTMLAttributes } from 'react';
+import { type ButtonHTMLAttributes } from 'react';
 import type { DefaultProps } from '../../types';
 import type { MergeRight } from '../../utilities';
-export type SuggestionClearProps = MergeRight<DefaultProps & DelHTMLAttributes<HTMLModElement>, {
+export type SuggestionClearProps = MergeRight<DefaultProps & ButtonHTMLAttributes<HTMLButtonElement>, {
     /**
      * Aria label for the clear button
      * @default 'Tøm'
@@ -20,11 +20,11 @@ export type SuggestionClearProps = MergeRight<DefaultProps & DelHTMLAttributes<H
  *   <Suggestion.List />
  * </Suggestion>
  */
-export declare const SuggestionClear: import("react").ForwardRefExoticComponent<Omit<DefaultProps & DelHTMLAttributes<HTMLModElement>, "aria-label"> & {
+export declare const SuggestionClear: import("react").ForwardRefExoticComponent<Omit<DefaultProps & ButtonHTMLAttributes<HTMLButtonElement>, "aria-label"> & {
     /**
      * Aria label for the clear button
      * @default 'Tøm'
      */
     'aria-label'?: string;
-} & import("react").RefAttributes<HTMLModElement>>;
+} & import("react").RefAttributes<HTMLButtonElement>>;
 //# sourceMappingURL=suggestion-clear.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"suggestion-clear.d.ts","sourceRoot":"","sources":["../../../src/components/suggestion/suggestion-clear.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,iBAAiB,EAAc,MAAM,OAAO,CAAC;AAC3D,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAChD,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAGlD,MAAM,MAAM,oBAAoB,GAAG,UAAU,CAC3C,YAAY,GAAG,iBAAiB,CAAC,cAAc,CAAC,EAChD;IACE;;;OAGG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB,CACF,CAAC;AAEF;;;;;;;;;;;GAWG;AACH,eAAO,MAAM,eAAe;IApBxB;;;OAGG;mBACY,MAAM;kDA6BxB,CAAC"}
+{"version":3,"file":"suggestion-clear.d.ts","sourceRoot":"","sources":["../../../src/components/suggestion/suggestion-clear.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,oBAAoB,EAAc,MAAM,OAAO,CAAC;AAC9D,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAChD,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAGlD,MAAM,MAAM,oBAAoB,GAAG,UAAU,CAC3C,YAAY,GAAG,oBAAoB,CAAC,iBAAiB,CAAC,EACtD;IACE;;;OAGG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB,CACF,CAAC;AAEF;;;;;;;;;;;GAWG;AACH,eAAO,MAAM,eAAe;IApBxB;;;OAGG;mBACY,MAAM;qDA8BvB,CAAC"}

package/dist/types/components/suggestion/suggestion-input.d.ts

@@ -1,5 +1,5 @@
 import { type InputProps } from '../input/input';
-export type SuggestionInputProps = InputProps;
+export type SuggestionInputProps = Omit<InputProps, 'role' | 'data-indeterminate'>;
 declare global {
     namespace React.JSX {
         interface IntrinsicAttributes {
@@ -23,12 +23,5 @@ declare global {
  *   <Suggestion.List />
  * </Suggestion>
  */
-export declare const SuggestionInput: import("react").ForwardRefExoticComponent<Omit<import("../../types").DefaultProps & Omit<import("react").InputHTMLAttributes<HTMLInputElement>, "prefix" | "type">, "type" | "disabled" | "readOnly" | "size" | "role" | "data-indeterminate"> & {
-    type?: "checkbox" | "color" | "date" | "datetime-local" | "email" | "file" | "hidden" | "month" | "number" | "password" | "radio" | "search" | "tel" | "text" | "time" | "url" | "week";
-    size?: number;
-    disabled?: boolean;
-    readOnly?: boolean;
-    role?: import("react").AriaRole | undefined;
-    'data-indeterminate'?: boolean;
-} & import("react").RefAttributes<HTMLInputElement>>;
+export declare const SuggestionInput: import("react").ForwardRefExoticComponent<SuggestionInputProps & import("react").RefAttributes<HTMLInputElement>>;
 //# sourceMappingURL=suggestion-input.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"suggestion-input.d.ts","sourceRoot":"","sources":["../../../src/components/suggestion/suggestion-input.tsx"],"names":[],"mappings":"AACA,OAAO,EAAS,KAAK,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAGxD,MAAM,MAAM,oBAAoB,GAAG,UAAU,CAAC;AAI9C,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,KAAK,CAAC,GAAG,CAAC;QAClB,UAAU,mBAAmB;YAC3B,aAAa,CAAC,EAAE,MAAM,CAAC;SACxB;KACF;IACD,UAAU,KAAK,CAAC;QACd,UAAU,cAAc,CAAC,CAAC;YACxB,aAAa,CAAC,EAAE,MAAM,CAAC;SACxB;KACF;CACF;AAED;;;;;;;;;;GAUG;AACH,eAAO,MAAM,eAAe;;;;;;;oDA4B1B,CAAC"}
+{"version":3,"file":"suggestion-input.d.ts","sourceRoot":"","sources":["../../../src/components/suggestion/suggestion-input.tsx"],"names":[],"mappings":"AACA,OAAO,EAAS,KAAK,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAGxD,MAAM,MAAM,oBAAoB,GAAG,IAAI,CACrC,UAAU,EACV,MAAM,GAAG,oBAAoB,CAC9B,CAAC;AAIF,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,KAAK,CAAC,GAAG,CAAC;QAClB,UAAU,mBAAmB;YAC3B,aAAa,CAAC,EAAE,MAAM,CAAC;SACxB;KACF;IACD,UAAU,KAAK,CAAC;QACd,UAAU,cAAc,CAAC,CAAC;YACxB,aAAa,CAAC,EAAE,MAAM,CAAC;SACxB;KACF;CACF;AAED;;;;;;;;;;GAUG;AACH,eAAO,MAAM,eAAe,mHA4B1B,CAAC"}

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

@@ -25,6 +25,10 @@ export type SwitchProps = MergeRight<DefaultProps & Omit<InputHTMLAttributes<HTM
      * @default start
      */
     position?: FieldProps['position'];
+    /**
+     * If outline, the switch will have a border.
+     */
+    variant?: 'outline';
 } & LabelRequired>;
 /**
  * Switch used to toggle options.

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

@@ -1 +1 @@
-{"version":3,"file":"switch.d.ts","sourceRoot":"","sources":["../../../src/components/switch/switch.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,mBAAmB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAE5D,OAAO,KAAK,EAAE,YAAY,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AAC/D,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAClD,OAAO,EAAS,KAAK,UAAU,EAAE,MAAM,UAAU,CAAC;AAClD,OAAO,EAAS,KAAK,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAGxD,MAAM,MAAM,WAAW,GAAG,UAAU,CAClC,YAAY,GAAG,IAAI,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC,EAC3E;IACE;;OAEG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB;;OAEG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB;;OAEG;IACH,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB;;OAEG;IACH,KAAK,CAAC,EAAE,UAAU,CAAC,OAAO,CAAC,CAAC;IAC5B;;;OAGG;IACH,QAAQ,CAAC,EAAE,UAAU,CAAC,UAAU,CAAC,CAAC;CACnC,GAAG,aAAa,CAClB,CAAC;AAEF;;;;;GAKG;AACH,eAAO,MAAM,MAAM,0GAyBjB,CAAC"}
+{"version":3,"file":"switch.d.ts","sourceRoot":"","sources":["../../../src/components/switch/switch.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,mBAAmB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAE5D,OAAO,KAAK,EAAE,YAAY,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AAC/D,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAClD,OAAO,EAAS,KAAK,UAAU,EAAE,MAAM,UAAU,CAAC;AAClD,OAAO,EAAS,KAAK,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAGxD,MAAM,MAAM,WAAW,GAAG,UAAU,CAClC,YAAY,GAAG,IAAI,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC,EAC3E;IACE;;OAEG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB;;OAEG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB;;OAEG;IACH,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB;;OAEG;IACH,KAAK,CAAC,EAAE,UAAU,CAAC,OAAO,CAAC,CAAC;IAC5B;;;OAGG;IACH,QAAQ,CAAC,EAAE,UAAU,CAAC,UAAU,CAAC,CAAC;IAClC;;OAEG;IACH,OAAO,CAAC,EAAE,SAAS,CAAC;CACrB,GAAG,aAAa,CAClB,CAAC;AAEF;;;;;GAKG;AACH,eAAO,MAAM,MAAM,0GA2BjB,CAAC"}

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

@@ -33,8 +33,8 @@ export type TooltipProps = MergeRight<Omit<DefaultProps, 'data-color'> & HTMLAtt
      */
     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.
+     * @deprecated This prop has no effect. The tooltip will be set as `aria-description`
+     * if the component already contains accessible text, and `aria-label` otherwise.
      */
     type?: 'describedby' | 'labelledby';
 }>;
@@ -82,8 +82,8 @@ export declare const Tooltip: import("react").ForwardRefExoticComponent<Omit<Omi
      */
     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.
+     * @deprecated This prop has no effect. The tooltip will be set as `aria-description`
+     * if the component already contains accessible text, and `aria-label` otherwise.
      */
     type?: "describedby" | "labelledby";
 } & RefAttributes<HTMLDivElement>>;

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;kCAuCtC,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;kCAsCtC,CAAC"}

package/dist/types/utilities/hooks/use-checkbox-group/use-checkbox-group.d.ts

@@ -37,6 +37,10 @@ export type UseCheckboxGroupProps = {
      * @returns void
      */
     onChange?: (nextValue: string[], currentValue: string[]) => void;
+    /**
+     * If outline, all checkboxes in the group will have a border
+     */
+    variant?: CheckboxProps['variant'];
 };
 /**
  * Get anything that is set on a checkbox, but

package/dist/types/utilities/hooks/use-checkbox-group/use-checkbox-group.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"use-checkbox-group.d.ts","sourceRoot":"","sources":["../../../../src/utilities/hooks/use-checkbox-group/use-checkbox-group.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAEV,QAAQ,EACR,YAAY,EACZ,SAAS,EACT,cAAc,EACf,MAAM,OAAO,CAAC;AAEf,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,qBAAqB,CAAC;AAEzD,MAAM,MAAM,qBAAqB,GAAG;IAClC;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;OAGG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB;;;OAGG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,EAAE,CAAC;IACjB;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;;;OAKG;IACH,QAAQ,CAAC,EAAE,CAAC,SAAS,EAAE,MAAM,EAAE,EAAE,YAAY,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC;CAClE,CAAC;AAEF;;;GAGG;AACH,MAAM,MAAM,gBAAgB,GAAG,IAAI,CACjC,aAAa,EACX,QAAQ,GACR,MAAM,GACN,MAAM,GACN,MAAM,GACN,YAAY,GACZ,iBAAiB,GACjB,OAAO,GACP,SAAS,GACT,OAAO,CACV,GAAG;IACF,6EAA6E;IAC7E,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,GAAG,CAAC,EAAE,YAAY,CAAC,gBAAgB,CAAC,CAAC;IACrC,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAgBF,KAAK,sBAAsB,GAAG;IAC5B,KAAK,EAAE,MAAM,EAAE,CAAC;IAChB,QAAQ,EAAE,QAAQ,CAAC,cAAc,CAAC,MAAM,EAAE,CAAC,CAAC,CAAC;IAC7C,gBAAgB,EAAE,CAChB,YAAY,CAAC,EAAE,MAAM,GAAG,gBAAgB,KACrC,gBAAgB,CAAC;IACtB,sBAAsB,EAAE;QACtB,QAAQ,EAAE,SAAS,CAAC;QACpB,MAAM,EAAE,OAAO,CAAC;QAChB,EAAE,EAAE,MAAM,CAAC;KACZ,CAAC;CACH,CAAC;AAEF,wBAAgB,gBAAgB,CAC9B,KAAK,CAAC,EAAE,qBAAqB,GAC5B,sBAAsB,CA8IxB"}
+{"version":3,"file":"use-checkbox-group.d.ts","sourceRoot":"","sources":["../../../../src/utilities/hooks/use-checkbox-group/use-checkbox-group.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAEV,QAAQ,EACR,YAAY,EACZ,SAAS,EACT,cAAc,EACf,MAAM,OAAO,CAAC;AAEf,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,qBAAqB,CAAC;AAEzD,MAAM,MAAM,qBAAqB,GAAG;IAClC;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;OAGG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB;;;OAGG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,EAAE,CAAC;IACjB;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;;;OAKG;IACH,QAAQ,CAAC,EAAE,CAAC,SAAS,EAAE,MAAM,EAAE,EAAE,YAAY,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC;IACjE;;OAEG;IACH,OAAO,CAAC,EAAE,aAAa,CAAC,SAAS,CAAC,CAAC;CACpC,CAAC;AAEF;;;GAGG;AACH,MAAM,MAAM,gBAAgB,GAAG,IAAI,CACjC,aAAa,EACX,QAAQ,GACR,MAAM,GACN,MAAM,GACN,MAAM,GACN,YAAY,GACZ,iBAAiB,GACjB,OAAO,GACP,SAAS,GACT,OAAO,CACV,GAAG;IACF,6EAA6E;IAC7E,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,GAAG,CAAC,EAAE,YAAY,CAAC,gBAAgB,CAAC,CAAC;IACrC,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAgBF,KAAK,sBAAsB,GAAG;IAC5B,KAAK,EAAE,MAAM,EAAE,CAAC;IAChB,QAAQ,EAAE,QAAQ,CAAC,cAAc,CAAC,MAAM,EAAE,CAAC,CAAC,CAAC;IAC7C,gBAAgB,EAAE,CAChB,YAAY,CAAC,EAAE,MAAM,GAAG,gBAAgB,KACrC,gBAAgB,CAAC;IACtB,sBAAsB,EAAE;QACtB,QAAQ,EAAE,SAAS,CAAC;QACpB,MAAM,EAAE,OAAO,CAAC;QAChB,EAAE,EAAE,MAAM,CAAC;KACZ,CAAC;CACH,CAAC;AAEF,wBAAgB,gBAAgB,CAC9B,KAAK,CAAC,EAAE,qBAAqB,GAC5B,sBAAsB,CAsJxB"}

package/dist/types/utilities/hooks/use-radio-group/use-radio-group.d.ts

@@ -19,6 +19,10 @@ export type UseRadioGroupProps = {
     value?: string;
     /** Callback when selected radios changes */
     onChange?: (nextValue: string, prevValue: string) => void;
+    /**
+     * If outline, all radios in the group will have a border
+     */
+    variant?: RadioProps['variant'];
 };
 /**
  * Get anything that is set on a radio, but
@@ -51,6 +55,6 @@ type useRadioGroupReturn = {
  *   value: '',
  * });
  */
-export declare function useRadioGroup({ error, readOnly, required, disabled, name, onChange, value: initalValue, }?: UseRadioGroupProps): useRadioGroupReturn;
+export declare function useRadioGroup(props?: UseRadioGroupProps): useRadioGroupReturn;
 export {};
 //# sourceMappingURL=use-radio-group.d.ts.map

package/dist/types/utilities/hooks/use-radio-group/use-radio-group.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"use-radio-group.d.ts","sourceRoot":"","sources":["../../../../src/utilities/hooks/use-radio-group/use-radio-group.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAEV,QAAQ,EACR,YAAY,EACZ,SAAS,EACT,cAAc,EACf,MAAM,OAAO,CAAC;AAEf,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,qBAAqB,CAAC;AAEtD,MAAM,MAAM,kBAAkB,GAAG;IAC/B,uCAAuC;IACvC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,0CAA0C;IAC1C,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,wCAAwC;IACxC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,uCAAuC;IACvC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,4CAA4C;IAC5C,QAAQ,CAAC,EAAE,CAAC,SAAS,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,KAAK,IAAI,CAAC;CAC3D,CAAC;AAEF;;;GAGG;AACH,MAAM,MAAM,aAAa,GAAG,IAAI,CAC9B,UAAU,EACR,QAAQ,GACR,MAAM,GACN,MAAM,GACN,MAAM,GACN,YAAY,GACZ,iBAAiB,GACjB,OAAO,GACP,MAAM,GACN,SAAS,GACT,OAAO,CACV,GAAG;IACF,GAAG,CAAC,EAAE,YAAY,CAAC,gBAAgB,CAAC,CAAC;IACrC,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF,KAAK,mBAAmB,GAAG;IACzB,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,QAAQ,CAAC,cAAc,CAAC,MAAM,CAAC,CAAC,CAAC;IAC3C,aAAa,EAAE,CAAC,YAAY,EAAE,MAAM,GAAG,aAAa,KAAK,aAAa,CAAC;IACvE,sBAAsB,EAAE;QACtB,QAAQ,EAAE,SAAS,CAAC;QACpB,MAAM,EAAE,OAAO,CAAC;QAChB,EAAE,EAAE,MAAM,CAAC;KACZ,CAAC;CACH,CAAC;AAEF;;;;;;;;;;;;GAYG;AACH,wBAAgB,aAAa,CAAC,EAC5B,KAAK,EACL,QAAQ,EACR,QAAQ,EACR,QAAQ,EACR,IAAI,EACJ,QAAQ,EACR,KAAK,EAAE,WAAgB,GACxB,GAAE,kBAAuB,GAAG,mBAAmB,CAsF/C"}
+{"version":3,"file":"use-radio-group.d.ts","sourceRoot":"","sources":["../../../../src/utilities/hooks/use-radio-group/use-radio-group.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAEV,QAAQ,EACR,YAAY,EACZ,SAAS,EACT,cAAc,EACf,MAAM,OAAO,CAAC;AAEf,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,qBAAqB,CAAC;AAEtD,MAAM,MAAM,kBAAkB,GAAG;IAC/B,uCAAuC;IACvC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,0CAA0C;IAC1C,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,wCAAwC;IACxC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,uCAAuC;IACvC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,4CAA4C;IAC5C,QAAQ,CAAC,EAAE,CAAC,SAAS,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,KAAK,IAAI,CAAC;IAC1D;;OAEG;IACH,OAAO,CAAC,EAAE,UAAU,CAAC,SAAS,CAAC,CAAC;CACjC,CAAC;AAEF;;;GAGG;AACH,MAAM,MAAM,aAAa,GAAG,IAAI,CAC9B,UAAU,EACR,QAAQ,GACR,MAAM,GACN,MAAM,GACN,MAAM,GACN,YAAY,GACZ,iBAAiB,GACjB,OAAO,GACP,MAAM,GACN,SAAS,GACT,OAAO,CACV,GAAG;IACF,GAAG,CAAC,EAAE,YAAY,CAAC,gBAAgB,CAAC,CAAC;IACrC,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF,KAAK,mBAAmB,GAAG;IACzB,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,QAAQ,CAAC,cAAc,CAAC,MAAM,CAAC,CAAC,CAAC;IAC3C,aAAa,EAAE,CAAC,YAAY,EAAE,MAAM,GAAG,aAAa,KAAK,aAAa,CAAC;IACvE,sBAAsB,EAAE;QACtB,QAAQ,EAAE,SAAS,CAAC;QACpB,MAAM,EAAE,OAAO,CAAC;QAChB,EAAE,EAAE,MAAM,CAAC;KACZ,CAAC;CACH,CAAC;AAEF;;;;;;;;;;;;GAYG;AACH,wBAAgB,aAAa,CAAC,KAAK,CAAC,EAAE,kBAAkB,GAAG,mBAAmB,CAuG7E"}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@digdir/designsystemet-react",
   "type": "module",
-  "version": "1.13.3",
+  "version": "1.15.0",
   "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.9.0",
+    "@navikt/aksel-icons": "^8.10.5",
     "@radix-ui/react-slot": "^1.2.4",
-    "@tanstack/react-virtual": "^3.13.23",
+    "@tanstack/react-virtual": "^3.13.24",
     "clsx": "^2.1.1",
-    "@digdir/designsystemet-types": "1.13.3",
-    "@digdir/designsystemet-web": "1.13.3"
+    "@digdir/designsystemet-types": "1.15.0",
+    "@digdir/designsystemet-web": "1.15.0"
   },
   "devDependencies": {
     "@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",
+    "@storybook/addon-docs": "10.4.0",
+    "@storybook/addon-vitest": "10.4.0",
+    "@storybook/react-vite": "10.4.0",
     "@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",
+    "react": "19.2.6",
+    "react-dom": "19.2.6",
     "rimraf": "6.1.3",
-    "rollup": "4.60.1",
+    "rollup": "4.60.4",
     "rollup-plugin-copy": "3.5.0",
-    "storybook": "10.3.4",
-    "tsx": "4.21.0",
+    "storybook": "10.4.0",
+    "tsx": "4.22.1",
     "typescript": "5.9.3",
-    "@digdir/designsystemet-css": "^1.13.3"
+    "@digdir/designsystemet-css": "^1.15.0"
   },
   "scripts": {
     "build": "pnpm run clean && tsc -b tsconfig.lib.json --emitDeclarationOnly false && rollup -c --bundleConfigAsCjs",