@digdir/designsystemet-react 1.16.0 → 1.17.0

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

@@ -22,7 +22,7 @@ var react = require('react');
  *  <Icon />
  * </Avatar>
  */
-const Avatar = react.forwardRef(function Avatar({ 'aria-label': ariaLabel, 'data-tooltip': dataTooltip, variant = 'circle', className, children, initials, asChild, ...rest }, ref) {
+const Avatar = react.forwardRef(function Avatar({ 'aria-label': ariaLabel, 'data-tooltip': dataTooltip, variant, className, children, initials, asChild, ...rest }, ref) {
     const OuterComponent = asChild ? reactSlot.Slot : 'span';
     const useSlot = children && typeof children !== 'string';
     const textChild = children && typeof children === 'string';

package/dist/cjs/components/badge/badge.js

@@ -16,7 +16,7 @@ var react = require('react');
  *   <Icon />
  * </Badge>
  */
-const Badge = react.forwardRef(function Badge({ className, count, maxCount, variant = 'base', ...rest }, ref) {
+const Badge = react.forwardRef(function Badge({ className, count, maxCount, variant, ...rest }, ref) {
     return (jsxRuntime.jsx("span", { className: cl('ds-badge', className), "data-count": count && maxCount && count > maxCount ? `${maxCount}+` : count, "data-variant": variant, ref: ref, ...rest }));
 });
 

package/dist/cjs/components/card/card.js

@@ -21,7 +21,7 @@ const SELECTOR_SKIP = 'a,button,label,details,dialog,[role="button"],[popover],[
  *  <Card.Block>Footer</Card.Block>
  * </Card>
  */
-const Card = react.forwardRef(function Card({ asChild = false, variant = 'default', className, ...rest }, ref) {
+const Card = react.forwardRef(function Card({ asChild = false, variant, className, ...rest }, ref) {
     const Component = asChild ? reactSlot.Slot : 'div';
     const cardRef = react.useRef(null);
     const linkGeneratedId = react.useId();

package/dist/cjs/components/details/details.js

@@ -16,7 +16,7 @@ require('@digdir/designsystemet-web');
  *  <Details.Content>Content</Details.Content>
  * </Details>
  */
-const Details = react.forwardRef(function Details({ className, open, defaultOpen = false, variant = 'default', onToggle, ...rest }, ref) {
+const Details = react.forwardRef(function Details({ className, open, defaultOpen = false, variant, onToggle, ...rest }, ref) {
     const detailsRef = react.useRef(null);
     const initialOpen = react.useRef(defaultOpen); // Allow rendering defaultOpen on server, but only render once on client
     const mergedRefs = useMergeRefs.useMergeRefs([detailsRef, ref]);

package/dist/cjs/components/paragraph/paragraph.js

@@ -13,7 +13,7 @@ var react = require('react');
  * @example
  * <Paragraph data-size='lg'>Paragraph</Paragraph>
  */
-const Paragraph = react.forwardRef(function Paragraph({ className, asChild, variant = 'default', ...rest }, ref) {
+const Paragraph = react.forwardRef(function Paragraph({ className, asChild, variant, ...rest }, ref) {
     const Component = asChild ? reactSlot.Slot : 'p';
     return (jsxRuntime.jsx(Component, { ref: ref, className: cl(`ds-paragraph`, className), "data-variant": variant, ...rest }));
 });

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

@@ -26,7 +26,7 @@ var popoverTriggerContext = require('./popover-trigger-context.js');
  *   Content
  * </Popover>
  */
-const Popover = react.forwardRef(function Popover({ id, className, onClose, onOpen, open, variant = 'default', placement = 'top', autoPlacement = true, asChild = false, ...rest }, ref) {
+const Popover = react.forwardRef(function Popover({ id, className, onClose, onOpen, open, variant, placement = 'top', autoPlacement = true, asChild = false, ...rest }, ref) {
     const Component = asChild ? reactSlot.Slot : 'div';
     const popoverRef = react.useRef(null);
     const mergedRefs = useMergeRefs.useMergeRefs([popoverRef, ref]);

package/dist/cjs/components/skeleton/skeleton.js

@@ -19,7 +19,7 @@ require('../../utilities/roving-focus/roving-focus-root.js');
  * <Skeleton variant="text" />
  * <Skeleton variant="rectangle" />
  */
-const Skeleton = react.forwardRef(function Skeleton({ asChild, className, height, style, variant = 'rectangle', width, ...rest }, ref) {
+const Skeleton = react.forwardRef(function Skeleton({ asChild, className, height, style, variant, width, ...rest }, ref) {
     const Component = asChild ? reactSlot.Slot : 'span';
     const isText = variant === 'text';
     const animationRef = useSynchronizedAnimation.useSynchronizedAnimation('ds-skeleton-opacity-fade');

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

@@ -14,7 +14,7 @@ var tabs = require('./tabs.js');
  */
 const TabsTab = react.forwardRef(function TabsTab({ value, className, onClick, onClickCapture, ...rest }, ref) {
     const { onChange, getPrefixedValue, isControlled, currentValue } = react.useContext(tabs.Context);
-    return (jsxRuntime.jsx("ds-tab", { "aria-controls": rest['aria-controls'] ?? getPrefixedValue?.(value), "data-value": value, ref: ref, suppressHydrationWarning // Since <ds-tablist> adds attributes
+    return (jsxRuntime.jsx("ds-tab", { "aria-controls": rest['aria-controls'] ?? getPrefixedValue?.(value), "aria-selected": `${currentValue === value}`, "data-value": value, ref: ref, role: 'tab', suppressHydrationWarning // Since <ds-tablist> adds attributes
         : true, onClickCapture: (e) => {
             onClickCapture?.(e);
             if (isControlled && currentValue !== value)

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

@@ -37,22 +37,6 @@ const Tabs = react.forwardRef(function Tabs({ value, defaultValue, className, on
         };
         value = uncontrolledValue;
     }
-    react.useEffect(() => {
-        if (!isControlled || !tabsRef.current || value === undefined)
-            return;
-        tabsRef.current?.tabList?.tabs?.forEach((tab) => {
-            if (tab.getAttribute('data-value') === value)
-                tab.setAttribute('aria-selected', 'true');
-        });
-    }, [value, isControlled]);
-    react.useEffect(() => {
-        if (defaultValue && tabsRef.current) {
-            tabsRef.current?.tabList?.tabs?.forEach((tab) => {
-                if (tab.getAttribute('data-value') === defaultValue)
-                    tab.setAttribute('aria-selected', 'true');
-            });
-        }
-    }, []);
     return (jsxRuntime.jsx(Context.Provider, { value: {
             isControlled,
             currentValue: value,

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

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

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

@@ -20,7 +20,7 @@ import { forwardRef, Fragment } from 'react';
  *  <Icon />
  * </Avatar>
  */
-const Avatar = forwardRef(function Avatar({ 'aria-label': ariaLabel, 'data-tooltip': dataTooltip, variant = 'circle', className, children, initials, asChild, ...rest }, ref) {
+const Avatar = forwardRef(function Avatar({ 'aria-label': ariaLabel, 'data-tooltip': dataTooltip, variant, className, children, initials, asChild, ...rest }, ref) {
     const OuterComponent = asChild ? Slot : 'span';
     const useSlot = children && typeof children !== 'string';
     const textChild = children && typeof children === 'string';

package/dist/esm/components/badge/badge.js

@@ -14,7 +14,7 @@ import { forwardRef } from 'react';
  *   <Icon />
  * </Badge>
  */
-const Badge = forwardRef(function Badge({ className, count, maxCount, variant = 'base', ...rest }, ref) {
+const Badge = forwardRef(function Badge({ className, count, maxCount, variant, ...rest }, ref) {
     return (jsx("span", { className: cl('ds-badge', className), "data-count": count && maxCount && count > maxCount ? `${maxCount}+` : count, "data-variant": variant, ref: ref, ...rest }));
 });
 

package/dist/esm/components/card/card.js

@@ -19,7 +19,7 @@ const SELECTOR_SKIP = 'a,button,label,details,dialog,[role="button"],[popover],[
  *  <Card.Block>Footer</Card.Block>
  * </Card>
  */
-const Card = forwardRef(function Card({ asChild = false, variant = 'default', className, ...rest }, ref) {
+const Card = forwardRef(function Card({ asChild = false, variant, className, ...rest }, ref) {
     const Component = asChild ? Slot : 'div';
     const cardRef = useRef(null);
     const linkGeneratedId = useId();

package/dist/esm/components/details/details.js

@@ -14,7 +14,7 @@ import '@digdir/designsystemet-web';
  *  <Details.Content>Content</Details.Content>
  * </Details>
  */
-const Details = forwardRef(function Details({ className, open, defaultOpen = false, variant = 'default', onToggle, ...rest }, ref) {
+const Details = forwardRef(function Details({ className, open, defaultOpen = false, variant, onToggle, ...rest }, ref) {
     const detailsRef = useRef(null);
     const initialOpen = useRef(defaultOpen); // Allow rendering defaultOpen on server, but only render once on client
     const mergedRefs = useMergeRefs([detailsRef, ref]);

package/dist/esm/components/paragraph/paragraph.js

@@ -11,7 +11,7 @@ import { forwardRef } from 'react';
  * @example
  * <Paragraph data-size='lg'>Paragraph</Paragraph>
  */
-const Paragraph = forwardRef(function Paragraph({ className, asChild, variant = 'default', ...rest }, ref) {
+const Paragraph = forwardRef(function Paragraph({ className, asChild, variant, ...rest }, ref) {
     const Component = asChild ? Slot : 'p';
     return (jsx(Component, { ref: ref, className: cl(`ds-paragraph`, className), "data-variant": variant, ...rest }));
 });

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

@@ -24,7 +24,7 @@ import { Context } from './popover-trigger-context.js';
  *   Content
  * </Popover>
  */
-const Popover = forwardRef(function Popover({ id, className, onClose, onOpen, open, variant = 'default', placement = 'top', autoPlacement = true, asChild = false, ...rest }, ref) {
+const Popover = forwardRef(function Popover({ id, className, onClose, onOpen, open, variant, placement = 'top', autoPlacement = true, asChild = false, ...rest }, ref) {
     const Component = asChild ? Slot : 'div';
     const popoverRef = useRef(null);
     const mergedRefs = useMergeRefs([popoverRef, ref]);

package/dist/esm/components/skeleton/skeleton.js

@@ -17,7 +17,7 @@ import '../../utilities/roving-focus/roving-focus-root.js';
  * <Skeleton variant="text" />
  * <Skeleton variant="rectangle" />
  */
-const Skeleton = forwardRef(function Skeleton({ asChild, className, height, style, variant = 'rectangle', width, ...rest }, ref) {
+const Skeleton = forwardRef(function Skeleton({ asChild, className, height, style, variant, width, ...rest }, ref) {
     const Component = asChild ? Slot : 'span';
     const isText = variant === 'text';
     const animationRef = useSynchronizedAnimation('ds-skeleton-opacity-fade');

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

@@ -12,7 +12,7 @@ import { Context } from './tabs.js';
  */
 const TabsTab = forwardRef(function TabsTab({ value, className, onClick, onClickCapture, ...rest }, ref) {
     const { onChange, getPrefixedValue, isControlled, currentValue } = useContext(Context);
-    return (jsx("ds-tab", { "aria-controls": rest['aria-controls'] ?? getPrefixedValue?.(value), "data-value": value, ref: ref, suppressHydrationWarning // Since <ds-tablist> adds attributes
+    return (jsx("ds-tab", { "aria-controls": rest['aria-controls'] ?? getPrefixedValue?.(value), "aria-selected": `${currentValue === value}`, "data-value": value, ref: ref, role: 'tab', suppressHydrationWarning // Since <ds-tablist> adds attributes
         : true, onClickCapture: (e) => {
             onClickCapture?.(e);
             if (isControlled && currentValue !== value)

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

@@ -2,7 +2,7 @@
 import { jsx } from 'react/jsx-runtime';
 import '@digdir/designsystemet-web';
 import cl from 'clsx/lite';
-import { createContext, forwardRef, useState, useRef, useId, useEffect } from 'react';
+import { createContext, forwardRef, useState, useRef, useId } from 'react';
 import { useMergeRefs } from '../../utilities/hooks/use-merge-refs/use-merge-refs.js';
 
 const Context = createContext({});
@@ -35,22 +35,6 @@ const Tabs = forwardRef(function Tabs({ value, defaultValue, className, onChange
         };
         value = uncontrolledValue;
     }
-    useEffect(() => {
-        if (!isControlled || !tabsRef.current || value === undefined)
-            return;
-        tabsRef.current?.tabList?.tabs?.forEach((tab) => {
-            if (tab.getAttribute('data-value') === value)
-                tab.setAttribute('aria-selected', 'true');
-        });
-    }, [value, isControlled]);
-    useEffect(() => {
-        if (defaultValue && tabsRef.current) {
-            tabsRef.current?.tabList?.tabs?.forEach((tab) => {
-                if (tab.getAttribute('data-value') === defaultValue)
-                    tab.setAttribute('aria-selected', 'true');
-            });
-        }
-    }, []);
     return (jsx(Context.Provider, { value: {
             isControlled,
             currentValue: value,

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

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

package/dist/react-types.d.ts

@@ -15,7 +15,6 @@ declare global {
        *
        * These are augmented based on your theme configuration.
        *
-       * Consist of both main and support colors
        * @link https://theme.designsystemet.no
        */
       'data-color'?: Color | (string & {});

package/dist/types/components/Combobox/ComboboxIdContext.d.ts

@@ -12,7 +12,7 @@ export declare const ComboboxIdReducer: (state: ComboboxIdContextType, action: C
 export declare const ComboboxIdDispatch: import("react").Context<Dispatch<SetActiveIndexAction>>;
 export declare const ComboboxIdProvider: ({ children }: {
     children: ReactNode;
-}) => import("react/jsx-runtime").JSX.Element;
+}) => import("react").JSX.Element;
 export declare function useComboboxIdDispatch(): Dispatch<SetActiveIndexAction>;
 export declare function useComboboxId(): ComboboxIdContextType;
 export {};

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

@@ -1 +1 @@
-{"version":3,"file":"ComboboxIdContext.d.ts","sourceRoot":"","sources":["../../../src/components/Combobox/ComboboxIdContext.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGjD,KAAK,qBAAqB,GAAG;IAC3B,WAAW,EAAE,MAAM,CAAC;CACrB,CAAC;AAEF,eAAO,MAAM,iBAAiB,gDAE5B,CAAC;AAEH,KAAK,oBAAoB,GAAG;IAC1B,IAAI,EAAE,kBAAkB,CAAC;IACzB,OAAO,EAAE,MAAM,CAAC;CACjB,CAAC;AAEF,KAAK,uBAAuB,GAAG,oBAAoB,CAAC;AAEpD,eAAO,MAAM,iBAAiB,GAC5B,OAAO,qBAAqB,EAC5B,QAAQ,uBAAuB,0BAWhC,CAAC;AAEF,eAAO,MAAM,kBAAkB,yDAI7B,CAAC;AAEH,eAAO,MAAM,kBAAkB,GAAI,cAAc;IAAE,QAAQ,EAAE,SAAS,CAAA;CAAE,4CAYvE,CAAC;AAEF,wBAAgB,qBAAqB,mCAEpC;AAED,wBAAgB,aAAa,0BAE5B"}
+{"version":3,"file":"ComboboxIdContext.d.ts","sourceRoot":"","sources":["../../../src/components/Combobox/ComboboxIdContext.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGjD,KAAK,qBAAqB,GAAG;IAC3B,WAAW,EAAE,MAAM,CAAC;CACrB,CAAC;AAEF,eAAO,MAAM,iBAAiB,gDAE5B,CAAC;AAEH,KAAK,oBAAoB,GAAG;IAC1B,IAAI,EAAE,kBAAkB,CAAC;IACzB,OAAO,EAAE,MAAM,CAAC;CACjB,CAAC;AAEF,KAAK,uBAAuB,GAAG,oBAAoB,CAAC;AAEpD,eAAO,MAAM,iBAAiB,GAC5B,OAAO,qBAAqB,EAC5B,QAAQ,uBAAuB,0BAWhC,CAAC;AAEF,eAAO,MAAM,kBAAkB,yDAI7B,CAAC;AAEH,eAAO,MAAM,kBAAkB,GAAI,cAAc;IAAE,QAAQ,EAAE,SAAS,CAAA;CAAE,gCAYvE,CAAC;AAEF,wBAAgB,qBAAqB,mCAEpC;AAED,wBAAgB,aAAa,0BAE5B"}

package/dist/types/components/Combobox/Option/SelectedIcon.d.ts

@@ -3,7 +3,7 @@ type SelectedIconProps = {
     selected: boolean;
 };
 declare const SelectedIcon: {
-    ({ multiple, selected }: SelectedIconProps): import("react/jsx-runtime").JSX.Element;
+    ({ multiple, selected }: SelectedIconProps): import("react").JSX.Element;
     displayName: string;
 };
 export { SelectedIcon };

package/dist/types/components/Combobox/internal/ComboboxChips.d.ts

@@ -1,5 +1,5 @@
 declare const ComboboxChips: {
-    (): import("react/jsx-runtime").JSX.Element;
+    (): import("react").JSX.Element;
     displayName: string;
 };
 export default ComboboxChips;

package/dist/types/components/Combobox/internal/ComboboxError.d.ts

@@ -6,7 +6,7 @@ type ComboboxErrorProps = {
     formFieldProps: ReturnType<typeof useFormField>;
 };
 declare const ComboboxError: {
-    ({ size, error, formFieldProps }: ComboboxErrorProps): import("react/jsx-runtime").JSX.Element;
+    ({ size, error, formFieldProps }: ComboboxErrorProps): import("react").JSX.Element;
     displayName: string;
 };
 export default ComboboxError;

package/dist/types/components/Combobox/internal/ComboboxInput.d.ts

@@ -8,7 +8,7 @@ type ComboboxInputProps = {
     handleKeyDown: (event: KeyboardEvent) => void;
 } & Omit<InputHTMLAttributes<HTMLInputElement>, 'size'>;
 declare const ComboboxInput: {
-    ({ hideClearButton, listId, error, hideChips, handleKeyDown, ...rest }: ComboboxInputProps): import("react/jsx-runtime").JSX.Element;
+    ({ hideClearButton, listId, error, hideChips, handleKeyDown, ...rest }: ComboboxInputProps): import("react").JSX.Element;
     displayName: string;
 };
 export default ComboboxInput;

package/dist/types/components/Combobox/internal/ComboboxLabel.d.ts

@@ -9,7 +9,7 @@ type ComboboxLabelProps = {
     formFieldProps: ReturnType<typeof useFormField>;
 };
 declare const ComboboxLabel: {
-    ({ label, description, hideLabel, size, readOnly, formFieldProps, }: ComboboxLabelProps): import("react/jsx-runtime").JSX.Element;
+    ({ label, description, hideLabel, size, readOnly, formFieldProps, }: ComboboxLabelProps): import("react").JSX.Element;
     displayName: string;
 };
 export default ComboboxLabel;

package/dist/types/components/Combobox/internal/ComboboxNative.d.ts

@@ -8,7 +8,7 @@ type ComboboxNativeProps = {
     name: ComboboxProps['name'];
 };
 declare const ComboboxNative: {
-    ({ selectedOptions, multiple, name, }: ComboboxNativeProps): import("react/jsx-runtime").JSX.Element;
+    ({ selectedOptions, multiple, name, }: ComboboxNativeProps): import("react").JSX.Element;
     displayName: string;
 };
 export default ComboboxNative;

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

@@ -1 +1 @@
-{"version":3,"file":"details.d.ts","sourceRoot":"","sources":["../../../src/components/details/details.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,qBAAqB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAG9D,OAAO,4BAA4B,CAAC;AACpC,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAChD,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAElD,MAAM,MAAM,YAAY,GAAG,UAAU,CACnC,YAAY,GAAG,qBAAqB,CAAC,kBAAkB,CAAC,EACxD;IACE;;;;OAIG;IACH,OAAO,CAAC,EAAE,SAAS,GAAG,QAAQ,CAAC;IAC/B;;;;;;OAMG;IACH,IAAI,CAAC,EAAE,OAAO,CAAC;IACf;;;OAGG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB;;OAEG;IACH,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI,CAAC;IAClC;;OAEG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB,CACF,GACC,CACI;IAAE,IAAI,EAAE,OAAO,CAAC;IAAC,QAAQ,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI,CAAA;CAAE,GACnD;IAAE,IAAI,CAAC,EAAE,KAAK,CAAC;IAAC,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI,CAAA;CAAE,CACtD,CAAC;AAEJ;;;;;;;;GAQG;AACH,eAAO,MAAM,OAAO,6GA2CnB,CAAC"}
+{"version":3,"file":"details.d.ts","sourceRoot":"","sources":["../../../src/components/details/details.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,qBAAqB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAG9D,OAAO,4BAA4B,CAAC;AACpC,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAChD,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAElD,MAAM,MAAM,YAAY,GAAG,UAAU,CACnC,YAAY,GAAG,qBAAqB,CAAC,kBAAkB,CAAC,EACxD;IACE;;;;OAIG;IACH,OAAO,CAAC,EAAE,SAAS,GAAG,QAAQ,CAAC;IAC/B;;;;;;OAMG;IACH,IAAI,CAAC,EAAE,OAAO,CAAC;IACf;;;OAGG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB;;OAEG;IACH,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI,CAAC;IAClC;;OAEG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB,CACF,GACC,CACI;IAAE,IAAI,EAAE,OAAO,CAAC;IAAC,QAAQ,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI,CAAA;CAAE,GACnD;IAAE,IAAI,CAAC,EAAE,KAAK,CAAC;IAAC,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI,CAAA;CAAE,CACtD,CAAC;AAEJ;;;;;;;;GAQG;AACH,eAAO,MAAM,OAAO,6GAoCnB,CAAC"}

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

@@ -15,7 +15,7 @@ export type DialogTriggerContextProps = {
  * </Dialog.TriggerContext>
  */
 export declare const DialogTriggerContext: {
-    (rest: DialogTriggerContextProps): import("react/jsx-runtime").JSX.Element;
+    (rest: DialogTriggerContextProps): import("react").JSX.Element;
     displayName: string;
 };
 //# sourceMappingURL=dialog-trigger-context.d.ts.map

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

@@ -19,7 +19,7 @@ export type DropdownTriggerContextProps = {
  * </DropdownTriggerContext>
  */
 export declare const DropdownTriggerContext: {
-    ({ children, }: DropdownTriggerContextProps): import("react/jsx-runtime").JSX.Element;
+    ({ children, }: DropdownTriggerContextProps): import("react").JSX.Element;
     displayName: string;
 };
 //# sourceMappingURL=dropdown-trigger-context.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"paragraph.d.ts","sourceRoot":"","sources":["../../../src/components/paragraph/paragraph.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAG5C,MAAM,MAAM,cAAc,GAAG;IAC3B;;OAEG;IACH,WAAW,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAC/C;;;OAGG;IACH,OAAO,CAAC,EAAE,MAAM,GAAG,SAAS,GAAG,OAAO,CAAC;IACvC;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,GAAG,cAAc,CAAC,oBAAoB,CAAC,CAAC;AAEzC;;;;;;GAMG;AACH,eAAO,MAAM,SAAS;IAvBpB;;OAEG;kBACW,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI;IAC9C;;;OAGG;cACO,MAAM,GAAG,SAAS,GAAG,OAAO;IACtC;;;OAGG;cACO,OAAO;+FA0BlB,CAAC"}
+{"version":3,"file":"paragraph.d.ts","sourceRoot":"","sources":["../../../src/components/paragraph/paragraph.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAG5C,MAAM,MAAM,cAAc,GAAG;IAC3B;;OAEG;IACH,WAAW,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAC/C;;;OAGG;IACH,OAAO,CAAC,EAAE,MAAM,GAAG,SAAS,GAAG,OAAO,CAAC;IACvC;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,GAAG,cAAc,CAAC,oBAAoB,CAAC,CAAC;AAEzC;;;;;;GAMG;AACH,eAAO,MAAM,SAAS;IAvBpB;;OAEG;kBACW,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI;IAC9C;;;OAGG;cACO,MAAM,GAAG,SAAS,GAAG,OAAO;IACtC;;;OAGG;cACO,OAAO;+FAuBlB,CAAC"}

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

@@ -14,7 +14,7 @@ export type PopoverTriggerContextProps = {
  * </PopoverTriggerContext>
  */
 export declare const PopoverTriggerContext: {
-    ({ children, }: PopoverTriggerContextProps): import("react/jsx-runtime").JSX.Element;
+    ({ children, }: PopoverTriggerContextProps): import("react").JSX.Element;
     displayName: string;
 };
 export declare const Context: import("react").Context<{

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

@@ -1 +1 @@
-{"version":3,"file":"skeleton.d.ts","sourceRoot":"","sources":["../../../src/components/skeleton/skeleton.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAc,KAAK,cAAc,EAAE,MAAM,OAAO,CAAC;AAIxD,MAAM,MAAM,aAAa,GAAG;IAC1B;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB;;OAEG;IACH,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACzB;;;OAGG;IACH,OAAO,CAAC,EAAE,WAAW,GAAG,QAAQ,GAAG,MAAM,CAAC;IAC1C;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,0FAA0F;IAC1F,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB,GAAG,cAAc,CAAC,eAAe,CAAC,CAAC;AAEpC;;;;;;;GAOG;AACH,eAAO,MAAM,QAAQ;IA9BnB;;OAEG;YACK,MAAM,GAAG,MAAM;IACvB;;OAEG;aACM,MAAM,GAAG,MAAM;IACxB;;;OAGG;cACO,WAAW,GAAG,QAAQ,GAAG,MAAM;IACzC;;;OAGG;cACO,OAAO;IACjB,0FAA0F;iBAC7E,MAAM;qFA2CpB,CAAC"}
+{"version":3,"file":"skeleton.d.ts","sourceRoot":"","sources":["../../../src/components/skeleton/skeleton.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAc,KAAK,cAAc,EAAE,MAAM,OAAO,CAAC;AAIxD,MAAM,MAAM,aAAa,GAAG;IAC1B;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB;;OAEG;IACH,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACzB;;;OAGG;IACH,OAAO,CAAC,EAAE,WAAW,GAAG,QAAQ,GAAG,MAAM,CAAC;IAC1C;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,0FAA0F;IAC1F,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB,GAAG,cAAc,CAAC,eAAe,CAAC,CAAC;AAEpC;;;;;;;GAOG;AACH,eAAO,MAAM,QAAQ;IA9BnB;;OAEG;YACK,MAAM,GAAG,MAAM;IACvB;;OAEG;aACM,MAAM,GAAG,MAAM;IACxB;;;OAGG;cACO,WAAW,GAAG,QAAQ,GAAG,MAAM;IACzC;;;OAGG;cACO,OAAO;IACjB,0FAA0F;iBAC7E,MAAM;qFAmCpB,CAAC"}

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

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

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

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

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@digdir/designsystemet-react",
   "type": "module",
-  "version": "1.16.0",
+  "version": "1.17.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.10.5",
-    "@radix-ui/react-slot": "^1.2.4",
-    "@tanstack/react-virtual": "^3.13.24",
+    "@navikt/aksel-icons": "^8.12.1",
+    "@radix-ui/react-slot": "^1.2.5",
+    "@tanstack/react-virtual": "^3.14.2",
     "clsx": "^2.1.1",
-    "@digdir/designsystemet-types": "1.16.0",
-    "@digdir/designsystemet-web": "1.16.0"
+    "@digdir/designsystemet-types": "1.17.0",
+    "@digdir/designsystemet-web": "1.17.0"
   },
   "devDependencies": {
-    "@rollup/plugin-commonjs": "29.0.2",
+    "@rollup/plugin-commonjs": "29.0.3",
     "@rollup/plugin-node-resolve": "16.0.3",
-    "@storybook/addon-docs": "10.4.0",
-    "@storybook/addon-vitest": "10.4.0",
-    "@storybook/react-vite": "10.4.0",
+    "@storybook/addon-docs": "10.4.4",
+    "@storybook/addon-vitest": "10.4.4",
+    "@storybook/react-vite": "10.4.4",
     "@testing-library/jest-dom": "6.9.1",
     "@testing-library/react": "16.3.2",
     "@testing-library/user-event": "14.6.1",
-    "@types/react": "19.2.14",
+    "@types/react": "19.2.17",
     "@types/react-dom": "19.2.3",
-    "react": "19.2.6",
-    "react-dom": "19.2.6",
+    "react": "19.2.7",
+    "react-dom": "19.2.7",
     "rimraf": "6.1.3",
-    "rollup": "4.60.4",
+    "rollup": "4.62.0",
     "rollup-plugin-copy": "3.5.0",
-    "storybook": "10.4.0",
-    "tsx": "4.22.1",
+    "storybook": "10.4.4",
+    "tsx": "4.22.4",
     "typescript": "5.9.3",
-    "@digdir/designsystemet-css": "^1.16.0"
+    "@digdir/designsystemet-css": "^1.17.0"
   },
   "scripts": {
     "build": "pnpm run clean && tsc -b tsconfig.lib.json --emitDeclarationOnly false && rollup -c --bundleConfigAsCjs",