@digdir/designsystemet-react 0.60.0 → 0.61.0

package/dist/cjs/components/Button/Button.js

@@ -5,11 +5,13 @@ var jsxRuntime = require('react/jsx-runtime');
 var React = require('react');
 var lite = require('../../node_modules/clsx/dist/lite.js');
 var index = require('../../node_modules/@radix-ui/react-slot/dist/index.js');
+var getSize = require('../../utilities/getSize.js');
 
 /**
  * Button used for interaction
  */
-const Button = React.forwardRef(({ children, color = 'first', variant = 'primary', size = 'medium', fullWidth = false, icon = false, type = 'button', className, asChild, ...rest }, ref) => {
+const Button = React.forwardRef(({ children, color = 'first', variant = 'primary', fullWidth = false, icon = false, type = 'button', className, asChild, ...rest }, ref) => {
+    const size = getSize.getSize(rest.size || 'md');
     const Component = asChild ? index.Slot : 'button';
     return (jsxRuntime.jsx(Component, { ref: ref, type: type, className: lite.clsx('fds-btn', `fds-focus`, `fds-btn--${size}`, `fds-btn--${variant}`, `fds-btn--${color}`, fullWidth && 'fds-btn--full-width', icon && 'fds-btn--icon-only', className), ...rest, children: children }));
 });

package/dist/cjs/components/DropdownMenu/DropdownMenuContent.js

@@ -7,7 +7,7 @@ var floatingUi_react = require('../../packages/react/node_modules/@floating-ui/r
 var lite = require('../../node_modules/clsx/dist/lite.js');
 var DropdownMenu = require('./DropdownMenu.js');
 var floatingUi_dom = require('../../packages/react/node_modules/@floating-ui/dom/dist/floating-ui.dom.js');
-var floatingUi_core = require('../../packages/react/node_modules/@floating-ui/core/dist/floating-ui.core.js');
+var floatingUi_core = require('../../node_modules/@floating-ui/core/dist/floating-ui.core.js');
 var useIsomorphicLayoutEffect = require('../../hooks/useIsomorphicLayoutEffect.js');
 
 function _interopNamespaceDefault(e) {

package/dist/cjs/components/Popover/PopoverContent.js

@@ -7,7 +7,7 @@ var floatingUi_react = require('../../packages/react/node_modules/@floating-ui/r
 var clsx = require('../../node_modules/clsx/dist/clsx.js');
 var Popover = require('./Popover.js');
 var floatingUi_dom = require('../../packages/react/node_modules/@floating-ui/dom/dist/floating-ui.dom.js');
-var floatingUi_core = require('../../packages/react/node_modules/@floating-ui/core/dist/floating-ui.core.js');
+var floatingUi_core = require('../../node_modules/@floating-ui/core/dist/floating-ui.core.js');
 var floatingUi_reactDom = require('../../packages/react/node_modules/@floating-ui/react-dom/dist/floating-ui.react-dom.js');
 var useIsomorphicLayoutEffect = require('../../hooks/useIsomorphicLayoutEffect.js');
 var Paragraph = require('../Typography/Paragraph/Paragraph.js');

package/dist/cjs/components/Tooltip/Tooltip.js

@@ -6,7 +6,7 @@ var React = require('react');
 var lite = require('../../node_modules/clsx/dist/lite.js');
 var floatingUi_react = require('../../packages/react/node_modules/@floating-ui/react/dist/floating-ui.react.js');
 var floatingUi_dom = require('../../packages/react/node_modules/@floating-ui/dom/dist/floating-ui.dom.js');
-var floatingUi_core = require('../../packages/react/node_modules/@floating-ui/core/dist/floating-ui.core.js');
+var floatingUi_core = require('../../node_modules/@floating-ui/core/dist/floating-ui.core.js');
 var floatingUi_reactDom = require('../../packages/react/node_modules/@floating-ui/react-dom/dist/floating-ui.react-dom.js');
 
 function _interopNamespaceDefault(e) {

package/dist/cjs/components/form/Combobox/Combobox.js

@@ -96,6 +96,10 @@ const ComboboxComponent = React.forwardRef(({ value, initialValue = [], onValueC
             inputRef.current?.focus();
         }
         else {
+            /* clear newSelectedOptions */
+            Object.keys(newSelectedOptions).forEach((key) => {
+                delete newSelectedOptions[key];
+            });
             newSelectedOptions[option.value] = option;
             setInputValue(option?.label || '');
             // move cursor to the end of the input
@@ -104,7 +108,6 @@ const ComboboxComponent = React.forwardRef(({ value, initialValue = [], onValueC
             }, 0);
         }
         setSelectedOptions(newSelectedOptions);
-        console.log('calling new value with: ', Object.keys(newSelectedOptions));
         onValueChange?.(Object.keys(newSelectedOptions));
         !multiple && setOpen(false);
         refs.domReference.current?.focus();

package/dist/cjs/components/form/Combobox/useCombobox.js

@@ -83,8 +83,12 @@ function useCombobox({ children, inputValue, multiple, filter = (inputValue, opt
     const [selectedOptions, setSelectedOptions] = React.useState(preSelectedOptions);
     const { filteredOptions, filteredOptionsChildren } = React.useMemo(() => {
         const filteredOptions = [];
-        const filteredOptionsChildren = Object.keys(options)
-            .map((option, index) => {
+        const filteredOptionsChildren = Object.keys(options).map((option, index) => {
+            /* If we have a selected value in single mode and the input matches an option, return all children */
+            if (!multiple && Object.keys(selectedOptions).length === 1) {
+                filteredOptions.push(options[option].value);
+                return optionsChildren[index];
+            }
             if (multiple && selectedOptions[option]) {
                 filteredOptions.push(options[option].value);
                 return optionsChildren[index];
@@ -93,8 +97,7 @@ function useCombobox({ children, inputValue, multiple, filter = (inputValue, opt
                 filteredOptions.push(options[option].value);
                 return optionsChildren[index];
             }
-        })
-            .filter((child) => child);
+        });
         return { filteredOptions, filteredOptionsChildren };
         // eslint-disable-next-line react-hooks/exhaustive-deps
     }, [inputValue, multiple, options, optionsChildren, selectedOptions]);

package/dist/cjs/components/form/Combobox/useFloatingCombobox.js

@@ -6,7 +6,7 @@ var React = require('react');
 var ReactDOM = require('react-dom');
 var ComboboxIdContext = require('./ComboboxIdContext.js');
 var floatingUi_dom = require('../../../packages/react/node_modules/@floating-ui/dom/dist/floating-ui.dom.js');
-var floatingUi_core = require('../../../packages/react/node_modules/@floating-ui/core/dist/floating-ui.core.js');
+var floatingUi_core = require('../../../node_modules/@floating-ui/core/dist/floating-ui.core.js');
 
 const useFloatingCombobox = ({ listRef }) => {
     const [open, setOpen] = React.useState(false);

package/dist/cjs/{packages/react/node_modules → node_modules}/@floating-ui/core/dist/floating-ui.core.js

@@ -1,7 +1,7 @@
 'use client';
 'use strict';
 
-var floatingUi_utils = require('../../../../../../node_modules/@floating-ui/utils/dist/floating-ui.utils.js');
+var floatingUi_utils = require('../../utils/dist/floating-ui.utils.js');
 
 function computeCoordsFromPlacement(_ref, placement, rtl) {
   let {

package/dist/cjs/node_modules/@radix-ui/react-slot/dist/index.js

@@ -1,7 +1,7 @@
 'use client';
 'use strict';
 
-var _extends = require('../../../@babel/runtime/helpers/esm/extends.js');
+var _extends = require('../node_modules/@babel/runtime/helpers/esm/extends.js');
 var React = require('react');
 var index = require('../../react-compose-refs/dist/index.js');
 

package/dist/cjs/packages/react/node_modules/@floating-ui/dom/dist/floating-ui.dom.js

@@ -1,7 +1,7 @@
 'use client';
 'use strict';
 
-var floatingUi_core = require('../../core/dist/floating-ui.core.js');
+var floatingUi_core = require('../../../../../../node_modules/@floating-ui/core/dist/floating-ui.core.js');
 var floatingUi_utils = require('../../../../../../node_modules/@floating-ui/utils/dist/floating-ui.utils.js');
 var floatingUi_utils_dom = require('../../../../../../node_modules/@floating-ui/utils/dist/floating-ui.utils.dom.js');
 

package/dist/cjs/utilities/getSize.js

@@ -0,0 +1,31 @@
+'use client';
+'use strict';
+
+function getSize(size) {
+    switch (size) {
+        case 'xxxsmall':
+            return '3xs';
+        case 'xxsmall':
+            return '2xs';
+        case 'xsmall':
+            return 'xs';
+        case 'small':
+            return 'sm';
+        case 'medium':
+            return 'md';
+        case 'large':
+            return 'lg';
+        case 'xlarge':
+            return 'xl';
+        case 'xxlarge':
+            return '2xl';
+        case 'xxxlarge':
+            return '3xl';
+        case 'xxxxlarge':
+            return '4xl';
+        default:
+            return size;
+    }
+}
+
+exports.getSize = getSize;

package/dist/esm/components/Button/Button.js

@@ -3,11 +3,13 @@ import { jsx } from 'react/jsx-runtime';
 import { forwardRef } from 'react';
 import { clsx } from '../../node_modules/clsx/dist/lite.js';
 import { Slot as $5e63c961fc1ce211$export$8c6ed5c666ac1360 } from '../../node_modules/@radix-ui/react-slot/dist/index.js';
+import { getSize } from '../../utilities/getSize.js';
 
 /**
  * Button used for interaction
  */
-const Button = forwardRef(({ children, color = 'first', variant = 'primary', size = 'medium', fullWidth = false, icon = false, type = 'button', className, asChild, ...rest }, ref) => {
+const Button = forwardRef(({ children, color = 'first', variant = 'primary', fullWidth = false, icon = false, type = 'button', className, asChild, ...rest }, ref) => {
+    const size = getSize(rest.size || 'md');
     const Component = asChild ? $5e63c961fc1ce211$export$8c6ed5c666ac1360 : 'button';
     return (jsx(Component, { ref: ref, type: type, className: clsx('fds-btn', `fds-focus`, `fds-btn--${size}`, `fds-btn--${variant}`, `fds-btn--${color}`, fullWidth && 'fds-btn--full-width', icon && 'fds-btn--icon-only', className), ...rest, children: children }));
 });

package/dist/esm/components/DropdownMenu/DropdownMenuContent.js

@@ -6,7 +6,7 @@ import { useFloating, useInteractions, useFocus, useClick, useDismiss, useRole,
 import { clsx } from '../../node_modules/clsx/dist/lite.js';
 import { DropdownMenuContext } from './DropdownMenu.js';
 import { autoUpdate, shift } from '../../packages/react/node_modules/@floating-ui/dom/dist/floating-ui.dom.js';
-import { offset } from '../../packages/react/node_modules/@floating-ui/core/dist/floating-ui.core.js';
+import { offset } from '../../node_modules/@floating-ui/core/dist/floating-ui.core.js';
 import { useIsomorphicLayoutEffect } from '../../hooks/useIsomorphicLayoutEffect.js';
 
 const GAP = 4;

package/dist/esm/components/Popover/PopoverContent.js

@@ -6,7 +6,7 @@ import { useFloating, useInteractions, useFocus, useClick, useDismiss, useRole,
 import { clsx } from '../../node_modules/clsx/dist/clsx.js';
 import { PopoverContext } from './Popover.js';
 import { autoUpdate, flip, shift } from '../../packages/react/node_modules/@floating-ui/dom/dist/floating-ui.dom.js';
-import { offset } from '../../packages/react/node_modules/@floating-ui/core/dist/floating-ui.core.js';
+import { offset } from '../../node_modules/@floating-ui/core/dist/floating-ui.core.js';
 import { arrow } from '../../packages/react/node_modules/@floating-ui/react-dom/dist/floating-ui.react-dom.js';
 import { useIsomorphicLayoutEffect } from '../../hooks/useIsomorphicLayoutEffect.js';
 import { Paragraph } from '../Typography/Paragraph/Paragraph.js';

package/dist/esm/components/Tooltip/Tooltip.js

@@ -5,7 +5,7 @@ import { forwardRef, useState, cloneElement } from 'react';
 import { clsx } from '../../node_modules/clsx/dist/lite.js';
 import { useFloating, useTransitionStyles, useInteractions, useHover, useFocus, useDismiss, useRole, useMergeRefs, FloatingPortal, FloatingArrow } from '../../packages/react/node_modules/@floating-ui/react/dist/floating-ui.react.js';
 import { autoUpdate, flip, shift } from '../../packages/react/node_modules/@floating-ui/dom/dist/floating-ui.dom.js';
-import { offset } from '../../packages/react/node_modules/@floating-ui/core/dist/floating-ui.core.js';
+import { offset } from '../../node_modules/@floating-ui/core/dist/floating-ui.core.js';
 import { arrow } from '../../packages/react/node_modules/@floating-ui/react-dom/dist/floating-ui.react-dom.js';
 
 const ARROW_HEIGHT = 7;

package/dist/esm/components/form/Combobox/Combobox.js

@@ -94,6 +94,10 @@ const ComboboxComponent = forwardRef(({ value, initialValue = [], onValueChange,
             inputRef.current?.focus();
         }
         else {
+            /* clear newSelectedOptions */
+            Object.keys(newSelectedOptions).forEach((key) => {
+                delete newSelectedOptions[key];
+            });
             newSelectedOptions[option.value] = option;
             setInputValue(option?.label || '');
             // move cursor to the end of the input
@@ -102,7 +106,6 @@ const ComboboxComponent = forwardRef(({ value, initialValue = [], onValueChange,
             }, 0);
         }
         setSelectedOptions(newSelectedOptions);
-        console.log('calling new value with: ', Object.keys(newSelectedOptions));
         onValueChange?.(Object.keys(newSelectedOptions));
         !multiple && setOpen(false);
         refs.domReference.current?.focus();

package/dist/esm/components/form/Combobox/useCombobox.js

@@ -79,8 +79,12 @@ function useCombobox({ children, inputValue, multiple, filter = (inputValue, opt
     const [selectedOptions, setSelectedOptions] = useState(preSelectedOptions);
     const { filteredOptions, filteredOptionsChildren } = useMemo(() => {
         const filteredOptions = [];
-        const filteredOptionsChildren = Object.keys(options)
-            .map((option, index) => {
+        const filteredOptionsChildren = Object.keys(options).map((option, index) => {
+            /* If we have a selected value in single mode and the input matches an option, return all children */
+            if (!multiple && Object.keys(selectedOptions).length === 1) {
+                filteredOptions.push(options[option].value);
+                return optionsChildren[index];
+            }
             if (multiple && selectedOptions[option]) {
                 filteredOptions.push(options[option].value);
                 return optionsChildren[index];
@@ -89,8 +93,7 @@ function useCombobox({ children, inputValue, multiple, filter = (inputValue, opt
                 filteredOptions.push(options[option].value);
                 return optionsChildren[index];
             }
-        })
-            .filter((child) => child);
+        });
         return { filteredOptions, filteredOptionsChildren };
         // eslint-disable-next-line react-hooks/exhaustive-deps
     }, [inputValue, multiple, options, optionsChildren, selectedOptions]);

package/dist/esm/components/form/Combobox/useFloatingCombobox.js

@@ -4,7 +4,7 @@ import { useState } from 'react';
 import { flushSync } from 'react-dom';
 import { useComboboxId, useComboboxIdDispatch } from './ComboboxIdContext.js';
 import { autoUpdate, flip, size } from '../../../packages/react/node_modules/@floating-ui/dom/dist/floating-ui.dom.js';
-import { offset } from '../../../packages/react/node_modules/@floating-ui/core/dist/floating-ui.core.js';
+import { offset } from '../../../node_modules/@floating-ui/core/dist/floating-ui.core.js';
 
 const useFloatingCombobox = ({ listRef }) => {
     const [open, setOpen] = useState(false);

package/dist/esm/{packages/react/node_modules → node_modules}/@floating-ui/core/dist/floating-ui.core.js

@@ -1,5 +1,5 @@
 'use client';
-import { evaluate, getSide, getOppositePlacement, getExpandedPlacements, getOppositeAxisPlacements, getAlignmentSides, getAlignment, getSideAxis, clamp, getPaddingObject, rectToClientRect, getAlignmentAxis, getOppositeAxis, getAxisLength, min, max } from '../../../../../../node_modules/@floating-ui/utils/dist/floating-ui.utils.js';
+import { evaluate, getSide, getOppositePlacement, getExpandedPlacements, getOppositeAxisPlacements, getAlignmentSides, getAlignment, getSideAxis, clamp, getPaddingObject, rectToClientRect, getAlignmentAxis, getOppositeAxis, getAxisLength, min, max } from '../../utils/dist/floating-ui.utils.js';
 
 function computeCoordsFromPlacement(_ref, placement, rtl) {
   let {

package/dist/esm/node_modules/@radix-ui/react-slot/dist/index.js

@@ -1,5 +1,5 @@
 'use client';
-import _extends from '../../../@babel/runtime/helpers/esm/extends.js';
+import _extends from '../node_modules/@babel/runtime/helpers/esm/extends.js';
 import { forwardRef, Children, isValidElement, createElement, cloneElement, Fragment } from 'react';
 import { composeRefs as $6ed0406888f73fc4$export$43e446d32b3d21af } from '../../react-compose-refs/dist/index.js';
 

package/dist/esm/packages/react/node_modules/@floating-ui/dom/dist/floating-ui.dom.js

@@ -1,6 +1,6 @@
 'use client';
-import { shift as shift$1, flip as flip$1, arrow as arrow$1, size as size$1, computePosition as computePosition$1 } from '../../core/dist/floating-ui.core.js';
-export { detectOverflow, offset } from '../../core/dist/floating-ui.core.js';
+import { shift as shift$1, flip as flip$1, arrow as arrow$1, size as size$1, computePosition as computePosition$1 } from '../../../../../../node_modules/@floating-ui/core/dist/floating-ui.core.js';
+export { detectOverflow, offset } from '../../../../../../node_modules/@floating-ui/core/dist/floating-ui.core.js';
 import { createCoords, rectToClientRect, round, max, min, floor } from '../../../../../../node_modules/@floating-ui/utils/dist/floating-ui.utils.js';
 import { getOverflowAncestors, isElement, getWindow, getComputedStyle, getDocumentElement, isHTMLElement, isWebKit, getNodeName, isOverflowElement, getNodeScroll, isTableElement, isContainingBlock, getContainingBlock, getParentNode, isLastTraversableNode } from '../../../../../../node_modules/@floating-ui/utils/dist/floating-ui.utils.dom.js';
 

package/dist/esm/utilities/getSize.js

@@ -0,0 +1,29 @@
+'use client';
+function getSize(size) {
+    switch (size) {
+        case 'xxxsmall':
+            return '3xs';
+        case 'xxsmall':
+            return '2xs';
+        case 'xsmall':
+            return 'xs';
+        case 'small':
+            return 'sm';
+        case 'medium':
+            return 'md';
+        case 'large':
+            return 'lg';
+        case 'xlarge':
+            return 'xl';
+        case 'xxlarge':
+            return '2xl';
+        case 'xxxlarge':
+            return '3xl';
+        case 'xxxxlarge':
+            return '4xl';
+        default:
+            return size;
+    }
+}
+
+export { getSize };

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

@@ -31,7 +31,7 @@ export declare const Box: import("react").ForwardRefExoticComponent<{
      * Shadow size of the box
      * @default undefined
      */
-    shadow?: "small" | "medium" | "large" | "xsmall" | "xlarge" | undefined;
+    shadow?: "xsmall" | "small" | "medium" | "large" | "xlarge" | undefined;
     /**
      * Border color of the box
      * @default undefined

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

@@ -1,11 +1,16 @@
 import type { ButtonHTMLAttributes } from 'react';
+type OldButtonSizes = 'small' | 'medium' | 'large';
 export type ButtonProps = {
     /** Specify which variant to use */
     variant?: 'primary' | 'secondary' | 'tertiary';
     /** Specify which color palette to use */
     color?: 'first' | 'second' | 'success' | 'danger';
-    /** Size */
-    size?: 'small' | 'medium' | 'large';
+    /**
+     * Size
+     * @default `md`
+     * @note `small`, `medium`, `large` is deprecated
+     */
+    size?: 'sm' | 'md' | 'lg' | OldButtonSizes;
     /** If `Button` should fill full width of its container */
     fullWidth?: boolean;
     /** Toggle icon only styling, pass icon as children
@@ -26,8 +31,12 @@ export declare const Button: import("react").ForwardRefExoticComponent<{
     variant?: "primary" | "secondary" | "tertiary" | undefined;
     /** Specify which color palette to use */
     color?: "first" | "second" | "success" | "danger" | undefined;
-    /** Size */
-    size?: "small" | "medium" | "large" | undefined;
+    /**
+     * Size
+     * @default `md`
+     * @note `small`, `medium`, `large` is deprecated
+     */
+    size?: "sm" | "md" | "lg" | OldButtonSizes | undefined;
     /** If `Button` should fill full width of its container */
     fullWidth?: boolean | undefined;
     /** Toggle icon only styling, pass icon as children
@@ -40,4 +49,5 @@ export declare const Button: import("react").ForwardRefExoticComponent<{
      */
     asChild?: boolean | undefined;
 } & ButtonHTMLAttributes<HTMLButtonElement> & import("react").RefAttributes<HTMLButtonElement>>;
+export {};
 //# 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":"AACA,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,OAAO,CAAC;AAIlD,MAAM,MAAM,WAAW,GAAG;IACxB,mCAAmC;IACnC,OAAO,CAAC,EAAE,SAAS,GAAG,WAAW,GAAG,UAAU,CAAC;IAC/C,yCAAyC;IACzC,KAAK,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,SAAS,GAAG,QAAQ,CAAC;IAClD,WAAW;IACX,IAAI,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAC;IACpC,0DAA0D;IAC1D,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;;OAEG;IACH,IAAI,CAAC,EAAE,OAAO,CAAC;IACf;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,GAAG,oBAAoB,CAAC,iBAAiB,CAAC,CAAC;AAE5C;;GAEG;AACH,eAAO,MAAM,MAAM;IAtBjB,mCAAmC;;IAEnC,yCAAyC;;IAEzC,WAAW;;IAEX,0DAA0D;;IAE1D;;OAEG;;IAEH;;;OAGG;;+FA6CJ,CAAC"}
+{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../../src/components/Button/Button.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,OAAO,CAAC;AAMlD,KAAK,cAAc,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAC;AAEnD,MAAM,MAAM,WAAW,GAAG;IACxB,mCAAmC;IACnC,OAAO,CAAC,EAAE,SAAS,GAAG,WAAW,GAAG,UAAU,CAAC;IAC/C,yCAAyC;IACzC,KAAK,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,SAAS,GAAG,QAAQ,CAAC;IAClD;;;;OAIG;IACH,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,cAAc,CAAC;IAC3C,0DAA0D;IAC1D,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;;OAEG;IACH,IAAI,CAAC,EAAE,OAAO,CAAC;IACf;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,GAAG,oBAAoB,CAAC,iBAAiB,CAAC,CAAC;AAE5C;;GAEG;AACH,eAAO,MAAM,MAAM;IA1BjB,mCAAmC;;IAEnC,yCAAyC;;IAEzC;;;;OAIG;;IAEH,0DAA0D;;IAE1D;;OAEG;;IAEH;;;OAGG;;+FA6CJ,CAAC"}

package/dist/types/components/DropdownMenu/DropdownMenuTrigger.d.ts

@@ -4,7 +4,7 @@ export type DropdownMenuTriggerProps = React.ComponentPropsWithRef<typeof Button
 export declare const DropdownMenuTrigger: React.ForwardRefExoticComponent<Omit<{
     variant?: "primary" | "secondary" | "tertiary" | undefined;
     color?: "first" | "second" | "success" | "danger" | undefined;
-    size?: "small" | "medium" | "large" | undefined;
+    size?: "sm" | "md" | "lg" | ("small" | "medium" | "large") | undefined;
     fullWidth?: boolean | undefined;
     icon?: boolean | undefined;
     asChild?: boolean | undefined;

package/dist/types/components/List/ListHeading.d.ts

@@ -2,7 +2,7 @@ import { type HeadingProps } from '../Typography';
 export type ListHeadingProps = HeadingProps;
 export declare const ListHeading: import("react").ForwardRefExoticComponent<{
     level?: 1 | 2 | 3 | 4 | 5 | 6 | undefined;
-    size?: "small" | "medium" | "large" | "xsmall" | "xxsmall" | "xlarge" | "2xlarge" | "3xlarge" | undefined;
+    size?: "xxsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "3xlarge" | undefined;
     spacing?: boolean | undefined;
     asChild?: boolean | undefined;
 } & import("react").HTMLAttributes<HTMLHeadingElement> & import("react").RefAttributes<HTMLHeadingElement>>;

package/dist/types/components/Modal/ModalTrigger.d.ts

@@ -4,7 +4,7 @@ export type ModalTriggerProps = React.ComponentPropsWithRef<typeof Button>;
 export declare const ModalTrigger: React.ForwardRefExoticComponent<Omit<{
     variant?: "primary" | "secondary" | "tertiary" | undefined;
     color?: "first" | "second" | "success" | "danger" | undefined;
-    size?: "small" | "medium" | "large" | undefined;
+    size?: "sm" | "md" | "lg" | ("small" | "medium" | "large") | undefined;
     fullWidth?: boolean | undefined;
     icon?: boolean | undefined;
     asChild?: boolean | undefined;

package/dist/types/components/Pagination/PaginationButton.d.ts

@@ -12,5 +12,5 @@ export declare const PaginationButton: import("react").ForwardRefExoticComponent
      * @default false
      */
     isActive?: boolean | undefined;
-} & Omit<ButtonProps, "size" | "icon"> & import("react").RefAttributes<HTMLButtonElement>>;
+} & Omit<ButtonProps, "icon" | "size"> & import("react").RefAttributes<HTMLButtonElement>>;
 //# sourceMappingURL=PaginationButton.d.ts.map

package/dist/types/components/Pagination/PaginationNextPrev.d.ts

@@ -2,9 +2,9 @@ import type { PaginationButtonProps } from './PaginationButton';
 export type PaginationNextProps = PaginationButtonProps;
 export declare const PaginationNext: import("react").ForwardRefExoticComponent<{
     isActive?: boolean | undefined;
-} & Omit<import("..").ButtonProps, "size" | "icon"> & import("react").RefAttributes<HTMLButtonElement>>;
+} & Omit<import("..").ButtonProps, "icon" | "size"> & import("react").RefAttributes<HTMLButtonElement>>;
 export type PaginationPreviousProps = PaginationButtonProps;
 export declare const PaginationPrevious: import("react").ForwardRefExoticComponent<{
     isActive?: boolean | undefined;
-} & Omit<import("..").ButtonProps, "size" | "icon"> & import("react").RefAttributes<HTMLButtonElement>>;
+} & Omit<import("..").ButtonProps, "icon" | "size"> & import("react").RefAttributes<HTMLButtonElement>>;
 //# sourceMappingURL=PaginationNextPrev.d.ts.map

package/dist/types/components/Popover/PopoverTrigger.d.ts

@@ -4,7 +4,7 @@ export type PopoverTriggerProps = React.ComponentPropsWithRef<typeof Button>;
 export declare const PopoverTrigger: React.ForwardRefExoticComponent<Omit<{
     variant?: "primary" | "secondary" | "tertiary" | undefined;
     color?: "first" | "second" | "success" | "danger" | undefined;
-    size?: "small" | "medium" | "large" | undefined;
+    size?: "sm" | "md" | "lg" | ("small" | "medium" | "large") | undefined;
     fullWidth?: boolean | undefined;
     icon?: boolean | undefined;
     asChild?: boolean | undefined;

package/dist/types/components/Typography/ErrorMessage/ErrorMessage.d.ts

@@ -15,7 +15,7 @@ export type ErrorMessageProps = {
 /** Use `ErrorMessage` to display text as error message. */
 export declare const ErrorMessage: import("react").ForwardRefExoticComponent<{
     /** Changes text sizing */
-    size?: "small" | "medium" | "large" | "xsmall" | undefined;
+    size?: "xsmall" | "small" | "medium" | "large" | undefined;
     /** Adds margin-bottom */
     spacing?: boolean | undefined;
     /** Toggle error color */

package/dist/types/components/Typography/Heading/Heading.d.ts

@@ -21,7 +21,7 @@ export declare const Heading: import("react").ForwardRefExoticComponent<{
     /** Changes text sizing
      * @default 'xlarge'
      */
-    size?: "small" | "medium" | "large" | "xsmall" | "xxsmall" | "xlarge" | "2xlarge" | "3xlarge" | undefined;
+    size?: "xxsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "3xlarge" | undefined;
     /** Adds margin-bottom */
     spacing?: boolean | undefined;
     /**

package/dist/types/components/Typography/Ingress/Ingress.d.ts

@@ -17,7 +17,7 @@ export declare const Ingress: import("react").ForwardRefExoticComponent<{
     /** Changes text sizing
      * @default 'medium'
      */
-    size?: "small" | "medium" | "large" | "xsmall" | undefined;
+    size?: "xsmall" | "small" | "medium" | "large" | undefined;
     /** Adds margin-bottom */
     spacing?: boolean | undefined;
     /**

package/dist/types/components/Typography/Label/Label.d.ts

@@ -16,7 +16,7 @@ export type LabelProps = {
 /** Use `Label` for labels. */
 export declare const Label: import("react").ForwardRefExoticComponent<{
     /** Changes text sizing */
-    size?: "small" | "medium" | "large" | "xsmall" | undefined;
+    size?: "xsmall" | "small" | "medium" | "large" | undefined;
     /** Adds margin-bottom */
     spacing?: boolean | undefined;
     /** Adjusts font weight. Use this when you have a label hierarchy, such as checkboxes/radios in a fieldset */

package/dist/types/components/Typography/Paragraph/Paragraph.d.ts

@@ -15,7 +15,7 @@ export type ParagraphProps = {
 /** Use `Paragraph` to display text with paragraph text styles. */
 export declare const Paragraph: import("react").ForwardRefExoticComponent<{
     /** Changes text sizing */
-    size?: "small" | "medium" | "large" | "xsmall" | undefined;
+    size?: "xsmall" | "small" | "medium" | "large" | undefined;
     /** Adds margin-bottom */
     spacing?: boolean | undefined;
     /** Adjusts styling for paragraph length */

package/dist/types/components/form/Combobox/Combobox.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Combobox.d.ts","sourceRoot":"","sources":["../../../../../src/components/form/Combobox/Combobox.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AAMpC,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAC;AAEtD,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAC;AAKzD,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,eAAe,CAAC;AAY5C,MAAM,MAAM,aAAa,GAAG;IAC1B;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;;OAGG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,EAAE,CAAC;IACjB;;OAEG;IACH,YAAY,CAAC,EAAE,MAAM,EAAE,CAAC;IACxB;;OAEG;IACH,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC;IAC1C;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;;OAGG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB;;;OAGG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;;;OAGG;IACH,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B;;;OAGG;IACH,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B;;;;OAIG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;OAEG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB;;;;OAIG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;;OAGG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB;;;;;;;OAOG;IACH,MAAM,CAAC,EAAE,CAAC,UAAU,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,KAAK,OAAO,CAAC;IACzD;;;;;;OAMG;IACH,WAAW,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,MAAM,CAAC;CAC1C,GAAG,WAAW,GACb,cAAc,GACd,IAAI,CAAC,KAAK,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAAE,MAAM,CAAC,CAAC;AAE5D,eAAO,MAAM,iBAAiB;IA5F5B;;OAEG;;IAEH;;;OAGG;;IAEH;;OAEG;;IAEH;;OAEG;;IAEH;;OAEG;6BACqB,MAAM,EAAE,KAAK,IAAI;IACzC;;;OAGG;;IAEH;;OAEG;;IAEH;;;OAGG;;IAEH;;;OAGG;;IAEH;;;OAGG;;IAEH;;;OAGG;;IAEH;;;;OAIG;;IAEH;;OAEG;;IAEH;;;;OAIG;;IAEH;;;OAGG;;IAEH;;;;;;;OAOG;2BACmB,MAAM,UAAU,MAAM,KAAK,OAAO;IACxD;;;;;;OAMG;4BACoB,MAAM,KAAK,MAAM;;;;;;;;;oKAgWzC,CAAC;AAEF,eAAO,MAAM,QAAQ;IAzbnB;;OAEG;;IAEH;;;OAGG;;IAEH;;OAEG;;IAEH;;OAEG;;IAEH;;OAEG;6BACqB,MAAM,EAAE,KAAK,IAAI;IACzC;;;OAGG;;IAEH;;OAEG;;IAEH;;;OAGG;;IAEH;;;OAGG;;IAEH;;;OAGG;;IAEH;;;OAGG;;IAEH;;;;OAIG;;IAEH;;OAEG;;IAEH;;;;OAIG;;IAEH;;;OAGG;;IAEH;;;;;;;OAOG;2BACmB,MAAM,UAAU,MAAM,KAAK,OAAO;IACxD;;;;;;OAMG;4BACoB,MAAM,KAAK,MAAM;;;;;;;;;oKA2WzC,CAAC"}
+{"version":3,"file":"Combobox.d.ts","sourceRoot":"","sources":["../../../../../src/components/form/Combobox/Combobox.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AAMpC,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAC;AAEtD,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAC;AAKzD,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,eAAe,CAAC;AAY5C,MAAM,MAAM,aAAa,GAAG;IAC1B;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;;OAGG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,EAAE,CAAC;IACjB;;OAEG;IACH,YAAY,CAAC,EAAE,MAAM,EAAE,CAAC;IACxB;;OAEG;IACH,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC;IAC1C;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;;OAGG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB;;;OAGG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;;;OAGG;IACH,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B;;;OAGG;IACH,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B;;;;OAIG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;OAEG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB;;;;OAIG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;;OAGG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB;;;;;;;OAOG;IACH,MAAM,CAAC,EAAE,CAAC,UAAU,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,KAAK,OAAO,CAAC;IACzD;;;;;;OAMG;IACH,WAAW,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,MAAM,CAAC;CAC1C,GAAG,WAAW,GACb,cAAc,GACd,IAAI,CAAC,KAAK,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAAE,MAAM,CAAC,CAAC;AAE5D,eAAO,MAAM,iBAAiB;IA5F5B;;OAEG;;IAEH;;;OAGG;;IAEH;;OAEG;;IAEH;;OAEG;;IAEH;;OAEG;6BACqB,MAAM,EAAE,KAAK,IAAI;IACzC;;;OAGG;;IAEH;;OAEG;;IAEH;;;OAGG;;IAEH;;;OAGG;;IAEH;;;OAGG;;IAEH;;;OAGG;;IAEH;;;;OAIG;;IAEH;;OAEG;;IAEH;;;;OAIG;;IAEH;;;OAGG;;IAEH;;;;;;;OAOG;2BACmB,MAAM,UAAU,MAAM,KAAK,OAAO;IACxD;;;;;;OAMG;4BACoB,MAAM,KAAK,MAAM;;;;;;;;;oKAmWzC,CAAC;AAEF,eAAO,MAAM,QAAQ;IA5bnB;;OAEG;;IAEH;;;OAGG;;IAEH;;OAEG;;IAEH;;OAEG;;IAEH;;OAEG;6BACqB,MAAM,EAAE,KAAK,IAAI;IACzC;;;OAGG;;IAEH;;OAEG;;IAEH;;;OAGG;;IAEH;;;OAGG;;IAEH;;;OAGG;;IAEH;;;OAGG;;IAEH;;;;OAIG;;IAEH;;OAEG;;IAEH;;;;OAIG;;IAEH;;;OAGG;;IAEH;;;;;;;OAOG;2BACmB,MAAM,UAAU,MAAM,KAAK,OAAO;IACxD;;;;;;OAMG;4BACoB,MAAM,KAAK,MAAM;;;;;;;;;oKA8WzC,CAAC"}

package/dist/types/components/form/Combobox/useCombobox.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useCombobox.d.ts","sourceRoot":"","sources":["../../../../../src/components/form/Combobox/useCombobox.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAErD,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,iBAAiB,CAAC;AAE3D,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,YAAY,CAAC;AAChD,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,UAAU,CAAC;AAGpD,MAAM,MAAM,gBAAgB,GAAG;IAC7B,QAAQ,EAAE,SAAS,CAAC;IACpB,UAAU,EAAE,MAAM,CAAC;IACnB,QAAQ,EAAE,OAAO,CAAC;IAClB,MAAM,CAAC,EAAE,WAAW,CAAC,aAAa,CAAC,QAAQ,CAAC,CAAC,CAAC;IAC9C,YAAY,CAAC,EAAE,MAAM,EAAE,CAAC;CACzB,CAAC;AAEF,MAAM,MAAM,MAAM,GAAG;IACnB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB,CAAC;AAIF,wBAAgB,gBAAgB,CAC9B,KAAK,EAAE,SAAS,GACf,KAAK,IAAI,YAAY,CAAC,mBAAmB,CAAC,CAE5C;AAED,wBAAgB,gBAAgB,CAC9B,KAAK,EAAE,SAAS,GACf,KAAK,IAAI,YAAY,CAAC,mBAAmB,CAAC,CAE5C;AAED,wBAAgB,2BAA2B,CACzC,KAAK,EAAE,SAAS,GACf,KAAK,IAAI,YAAY,CAAC,mBAAmB,CAAC,CAE5C;AAED,MAAM,CAAC,OAAO,UAAU,WAAW,CAAC,EAClC,QAAQ,EACR,UAAU,EACV,QAAQ,EACR,MAEC,EACD,YAAY,GACb,EAAE,gBAAgB;;;;;;;;;;;;;;;EA4HlB"}
+{"version":3,"file":"useCombobox.d.ts","sourceRoot":"","sources":["../../../../../src/components/form/Combobox/useCombobox.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAErD,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,iBAAiB,CAAC;AAE3D,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,YAAY,CAAC;AAChD,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,UAAU,CAAC;AAGpD,MAAM,MAAM,gBAAgB,GAAG;IAC7B,QAAQ,EAAE,SAAS,CAAC;IACpB,UAAU,EAAE,MAAM,CAAC;IACnB,QAAQ,EAAE,OAAO,CAAC;IAClB,MAAM,CAAC,EAAE,WAAW,CAAC,aAAa,CAAC,QAAQ,CAAC,CAAC,CAAC;IAC9C,YAAY,CAAC,EAAE,MAAM,EAAE,CAAC;CACzB,CAAC;AAEF,MAAM,MAAM,MAAM,GAAG;IACnB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB,CAAC;AAIF,wBAAgB,gBAAgB,CAC9B,KAAK,EAAE,SAAS,GACf,KAAK,IAAI,YAAY,CAAC,mBAAmB,CAAC,CAE5C;AAED,wBAAgB,gBAAgB,CAC9B,KAAK,EAAE,SAAS,GACf,KAAK,IAAI,YAAY,CAAC,mBAAmB,CAAC,CAE5C;AAED,wBAAgB,2BAA2B,CACzC,KAAK,EAAE,SAAS,GACf,KAAK,IAAI,YAAY,CAAC,mBAAmB,CAAC,CAE5C;AAED,MAAM,CAAC,OAAO,UAAU,WAAW,CAAC,EAClC,QAAQ,EACR,UAAU,EACV,QAAQ,EACR,MAEC,EACD,YAAY,GACb,EAAE,gBAAgB;;;;;;;;;;;;;;;EAkIlB"}

package/dist/types/utilities/getSize.d.ts

@@ -0,0 +1,2 @@
+export declare function getSize(size: string): string;
+//# sourceMappingURL=getSize.d.ts.map

package/dist/types/utilities/getSize.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"getSize.d.ts","sourceRoot":"","sources":["../../../src/utilities/getSize.ts"],"names":[],"mappings":"AAAA,wBAAgB,OAAO,CAAC,IAAI,EAAE,MAAM,UAyBnC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@digdir/designsystemet-react",
-  "version": "0.60.0",
+  "version": "0.61.0",
   "description": "React components for Designsystemet",
   "author": "Designsystemet team",
   "repository": "https://github.com/digdir/designsystemet",
@@ -15,7 +15,6 @@
   ],
   "scripts": {
     "build": "yarn run clean && tsc -p tsconfig.build.json && rollup -c --bundleConfigAsCjs",
-    "generate:css": "esno ./scripts/generate-css.ts",
     "clean": "rimraf dist && rimraf tsc-build",
     "copy-css-to-build": "copyfiles -u 1 ./src/**/*.css ./tsc-build/",
     "types": "tsc --noEmit"
@@ -34,13 +33,11 @@
     "@tanstack/react-virtual": "^3.2.0"
   },
   "devDependencies": {
-    "@types/fs-extra": "^11.0.4",
     "copyfiles": "^2.4.1",
     "esno": "^4.7.0",
-    "fs-extra": "^11.2.0",
     "rimraf": "^5.0.5",
     "rollup": "^4.12.1",
     "typescript": "^5.4.2"
   },
-  "gitHead": "65be7461058771bb400da9a4c606e855d79b7237"
+  "gitHead": "878b8bbe53351879efff228b0b8c11eeca8c23bb"
 }