@digdir/designsystemet-react 0.62.0 → 1.0.0-rc.1

package/dist/cjs/components/Accordion/Accordion.js

@@ -4,8 +4,12 @@
 var jsxRuntime = require('react/jsx-runtime');
 var React = require('react');
 var lite = require('../../node_modules/clsx/dist/lite.js');
+var getColor = require('../../utilities/getColor.js');
 
-const Accordion = React.forwardRef(({ border = false, color = 'neutral', className, ...rest }, ref) => (jsxRuntime.jsx("div", { className: lite.clsx('fds-accordion', border && 'fds-accordion--border', color && `fds-accordion--${color}`, className), ref: ref, ...rest })));
+const Accordion = React.forwardRef(({ border = false, className, ...rest }, ref) => {
+    const color = getColor.getColor(rest.color || 'neutral');
+    return (jsxRuntime.jsx("div", { className: lite.clsx('fds-accordion', border && 'fds-accordion--border', color && `fds-accordion--${color}`, className), ref: ref, ...rest }));
+});
 Accordion.displayName = 'Accordion';
 
 exports.Accordion = Accordion;

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

@@ -6,12 +6,14 @@ 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');
+var getColor = require('../../utilities/getColor.js');
 
 /**
  * Button used for interaction
  */
-const Button = React.forwardRef(({ children, color = 'first', variant = 'primary', fullWidth = false, icon = false, type = 'button', className, asChild, ...rest }, ref) => {
+const Button = React.forwardRef(({ children, variant = 'primary', fullWidth = false, icon = false, type = 'button', className, asChild, ...rest }, ref) => {
     const size = getSize.getSize(rest.size || 'md');
+    const color = getColor.getColor(rest.color || 'accent', 'action');
     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/Card/Card.js

@@ -5,9 +5,11 @@ 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 getColor = require('../../utilities/getColor.js');
 
-const Card = React.forwardRef(({ color = 'neutral', isLink = false, asChild = false, className, ...rest }, ref) => {
+const Card = React.forwardRef(({ isLink = false, asChild = false, className, ...rest }, ref) => {
     const Component = asChild ? index.Slot : 'div';
+    const color = getColor.getColor(rest.color || 'neutral');
     return (jsxRuntime.jsx(Component, { ref: ref, className: lite.clsx(`fds-card`, `fds-card--${color}`, isLink && `fds-card--link`, isLink && `fds-focus`, className), ...rest }));
 });
 Card.displayName = 'Card';

package/dist/cjs/components/ErrorSummary/ErrorSummaryHeading.js

@@ -13,7 +13,7 @@ const ErrorSummaryHeading = ({ id, ...rest }) => {
             setHeadingId(id);
         }
     }, [headingId, id, setHeadingId]);
-    return (jsxRuntime.jsx(index.List.Heading, { ...rest, id: headingId }));
+    return (jsxRuntime.jsx(index.List.Heading, { ...rest, id: headingId, className: 'fds-error-summary__heading' }));
 };
 ErrorSummaryHeading.displayName = 'ErrorSummaryHeading';
 

package/dist/cjs/components/Link/Link.js

@@ -8,7 +8,7 @@ var index = require('../../node_modules/@radix-ui/react-slot/dist/index.js');
 
 const Link = React.forwardRef(({ asChild, children, className, inverted = false, ...rest }, ref) => {
     const Component = asChild ? index.Slot : 'a';
-    return (jsxRuntime.jsx(Component, { className: lite.clsx('fds-link', inverted && 'fds-link--inverted', className), ref: ref, ...rest, children: children }));
+    return (jsxRuntime.jsx(Component, { className: lite.clsx('fds-link', className), ref: ref, "data-ds-theme": inverted ? 'dark' : undefined, ...rest, children: children }));
 });
 Link.displayName = 'Link';
 

package/dist/cjs/components/Modal/ModalHeader.js

@@ -14,7 +14,7 @@ var Heading = require('../Typography/Heading/Heading.js');
 const ModalHeader = React.forwardRef(({ closeButton = true, children, subtitle, asChild, className, ...rest }, ref) => {
     const Component = asChild ? index.Slot : 'div';
     const context = React.useContext(ModalRoot.ModalContext);
-    return (jsxRuntime.jsxs(Component, { ref: ref, className: lite.clsx('fds-modal__header', !closeButton && 'fds-modal__header--no-button', className), ...rest, children: [subtitle && (jsxRuntime.jsx(Paragraph.Paragraph, { size: 'sm', variant: 'short', children: subtitle })), jsxRuntime.jsx(Heading.Heading, { level: 2, size: 'xs', children: children }), closeButton && (jsxRuntime.jsx(Button.Button, { name: 'close', variant: 'tertiary', color: 'second', size: 'md', onClick: context?.closeModal, autoFocus: true, icon: true, className: 'fds-modal__header__button', children: jsxRuntime.jsx(akselIcons.XMarkIcon, { title: 'close modal', fontSize: '1.5em' }) }))] }));
+    return (jsxRuntime.jsxs(Component, { ref: ref, className: lite.clsx('fds-modal__header', !closeButton && 'fds-modal__header--no-button', className), ...rest, children: [subtitle && (jsxRuntime.jsx(Paragraph.Paragraph, { size: 'sm', variant: 'short', children: subtitle })), jsxRuntime.jsx(Heading.Heading, { level: 2, size: 'xs', children: children }), closeButton && (jsxRuntime.jsx(Button.Button, { name: 'close', variant: 'tertiary', color: 'neutral', size: 'md', onClick: context?.closeModal, autoFocus: true, icon: true, className: 'fds-modal__header__button', children: jsxRuntime.jsx(akselIcons.XMarkIcon, { title: 'close modal', fontSize: '1.5em' }) }))] }));
 });
 ModalHeader.displayName = 'ModalHeader';
 

package/dist/cjs/components/Pagination/PaginationButton.js

@@ -8,7 +8,7 @@ var Button = require('../Button/Button.js');
 
 const PaginationButton = React.forwardRef(({ isActive, ...rest }, ref) => {
     const { size } = React.useContext(PaginationRoot.PaginationContext);
-    return (jsxRuntime.jsx(Button.Button, { ref: ref, variant: isActive ? 'primary' : 'tertiary', "aria-current": isActive, color: 'first', size: size, ...rest }));
+    return (jsxRuntime.jsx(Button.Button, { ref: ref, variant: isActive ? 'primary' : 'tertiary', "aria-current": isActive, size: size, ...rest }));
 });
 
 exports.PaginationButton = PaginationButton;

package/dist/cjs/components/SkipLink/SkipLink.js

@@ -5,7 +5,7 @@ var jsxRuntime = require('react/jsx-runtime');
 var lite = require('../../node_modules/clsx/dist/lite.js');
 
 const SkipLink = ({ href, children, className, ...rest }) => {
-    return (jsxRuntime.jsx("a", { href: href, className: lite.clsx(`fds-sr-only`, 'fds-skiplink', className), ...rest, children: children }));
+    return (jsxRuntime.jsx("a", { href: href, className: lite.clsx(`fds-sr-only`, 'fds-skiplink', className), ...rest, children: jsxRuntime.jsx("p", { className: 'fds-skiplink__content', children: children }) }));
 };
 SkipLink.displayName = 'SkipLink';
 

package/dist/cjs/components/Spinner/Spinner.js

@@ -19,7 +19,9 @@ const Spinner = ({ title, variant = 'default', className, style, ...rest }) => {
     const size = getSize.getSize(rest.size || 'md');
     const svgRef = useSynchronizedAnimation.useSynchronizedAnimation('fds-spinner-rotate-animation');
     const strokeRef = useSynchronizedAnimation.useSynchronizedAnimation('fds-spinner-stroke-animation');
-    return (jsxRuntime.jsxs("svg", { className: lite.clsx('fds-spinner', `fds-spinner--${variant}`, className), style: { width: sizeMap[size], height: sizeMap[size], ...style }, viewBox: '0 0 50 50', ref: svgRef, ...rest, children: [jsxRuntime.jsx("title", { children: title }), jsxRuntime.jsx("circle", { className: lite.clsx('fds-spinner__background', variant === 'inverted' && 'fds-spinner__background--inverted'), cx: '25', cy: '25', r: '20', fill: 'none', strokeWidth: '5' }), jsxRuntime.jsx("circle", { className: lite.clsx(`fds-spinner__circle`), cx: '25', cy: '25', r: '20', fill: 'none', strokeWidth: '5', ref: strokeRef })] }));
+    return (jsxRuntime.jsxs("svg", { className: lite.clsx('fds-spinner', variant !== 'inverted'
+            ? `fds-spinner--${variant}`
+            : 'fds-spinner--default', className), "data-ds-theme": variant === 'inverted' ? 'dark' : undefined, style: { width: sizeMap[size], height: sizeMap[size], ...style }, viewBox: '0 0 50 50', ref: svgRef, ...rest, children: [jsxRuntime.jsx("title", { children: title }), jsxRuntime.jsx("circle", { className: lite.clsx('fds-spinner__background', variant === 'inverted' && 'fds-spinner__background--inverted'), cx: '25', cy: '25', r: '20', fill: 'none', strokeWidth: '5' }), jsxRuntime.jsx("circle", { className: lite.clsx(`fds-spinner__circle`), cx: '25', cy: '25', r: '20', fill: 'none', strokeWidth: '5', ref: strokeRef })] }));
 };
 Spinner.displayName = 'Spinner';
 

package/dist/cjs/components/Tabs/Tab/Tab.js

@@ -10,7 +10,7 @@ var RovingTabindexItem = require('../../../utilities/RovingTabIndex/RovingTabind
 const Tab = React.forwardRef((props, ref) => {
     const { children, className, ...rest } = props;
     const { ...useTabRest } = useTab.useTabItem(props);
-    return (jsxRuntime.jsx(RovingTabindexItem.RovingTabindexItem, { ...rest, asChild: true, children: jsxRuntime.jsx("button", { ...useTabRest, className: lite.clsx('fds-tabs__tab', className), ref: ref, children: children }) }));
+    return (jsxRuntime.jsx(RovingTabindexItem.RovingTabindexItem, { ...rest, asChild: true, children: jsxRuntime.jsx("button", { ...useTabRest, className: lite.clsx('fds-tabs__tab', 'fds-focus', className), ref: ref, children: children }) }));
 });
 Tab.displayName = 'Tab';
 

package/dist/cjs/components/Tag/Tag.js

@@ -5,10 +5,12 @@ var jsxRuntime = require('react/jsx-runtime');
 var React = require('react');
 var lite = require('../../node_modules/clsx/dist/lite.js');
 var getSize = require('../../utilities/getSize.js');
+var getColor = require('../../utilities/getColor.js');
 var Paragraph = require('../Typography/Paragraph/Paragraph.js');
 
-const Tag = React.forwardRef(({ children, color = 'neutral', className, ...rest }, ref) => {
+const Tag = React.forwardRef(({ children, className, ...rest }, ref) => {
     const size = getSize.getSize(rest.size || 'md');
+    const color = getColor.getColor(rest.color || 'neutral');
     return (jsxRuntime.jsx(Paragraph.Paragraph, { asChild: true, size: size, children: jsxRuntime.jsx("span", { className: lite.clsx('fds-tag', `fds-tag--${color}`, `fds-tag--${size}`, className), ref: ref, ...rest, children: children }) }));
 });
 Tag.displayName = 'Tag';

package/dist/cjs/components/ToggleGroup/ToggleGroupItem/ToggleGroupItem.js

@@ -11,7 +11,7 @@ var Button = require('../../Button/Button.js');
 const ToggleGroupItem = React.forwardRef((props, ref) => {
     const { children, icon, className, ...rest } = props;
     const { active, size = 'md', buttonProps } = useToggleGroupitem.useToggleGroupItem(props);
-    return (jsxRuntime.jsx(RovingTabindexItem.RovingTabindexItem, { asChild: true, value: rest.value, children: jsxRuntime.jsx(Button.Button, { className: lite.clsx('fds-togglegroup__item', className), icon: icon, color: 'first', variant: active ? 'primary' : 'tertiary', size: size, ref: ref, ...rest, ...buttonProps, children: children }) }));
+    return (jsxRuntime.jsx(RovingTabindexItem.RovingTabindexItem, { asChild: true, value: rest.value, children: jsxRuntime.jsx(Button.Button, { className: lite.clsx('fds-togglegroup__item', className), icon: icon, variant: active ? 'primary' : 'tertiary', size: size, ref: ref, ...rest, ...buttonProps, children: children }) }));
 });
 ToggleGroupItem.displayName = 'ToggleGroupItem';
 

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

@@ -77,8 +77,8 @@ const Tooltip = React.forwardRef(({ children, content, placement = 'top', delay
     }
     return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [React.cloneElement(children, getReferenceProps({
                 ref: childMergedRef,
-            })), internalOpen && (jsxRuntime.jsx(Container, { children: jsxRuntime.jsxs("div", { ref: refs.setFloating, style: { ...floatingStyles, ...animationStyles, ...style }, role: 'tooltip', ...getFloatingProps({
-                        className: lite.clsx('fds-tooltip', inverted && 'fds-tooltip--inverted', className),
+            })), internalOpen && (jsxRuntime.jsx(Container, { children: jsxRuntime.jsxs("div", { ref: refs.setFloating, style: { ...floatingStyles, ...animationStyles, ...style }, role: 'tooltip', "data-ds-theme": inverted ? 'light' : 'dark', ...getFloatingProps({
+                        className: lite.clsx('fds-tooltip', className),
                         ref: mergedRef,
                         ...rest,
                     }), children: [content, jsxRuntime.jsx(floatingUi_react.FloatingArrow, { ref: arrowRef, context: context, className: 'fds-tooltip__arrow', height: ARROW_HEIGHT })] }) }))] }));

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

@@ -66,7 +66,7 @@ const ComboboxInput = ({ hideClearButton, listId, error, hideChips, handleKeyDow
             }
         },
     });
-    return (jsxRuntime.jsxs(Box.Box, { ...props, "aria-disabled": disabled, className: lite.clsx('fds-textfield__input', 'fds-combobox__input__wrapper', readOnly && 'fds-combobox--readonly', error && 'fds-combobox--error'), children: [jsxRuntime.jsxs("div", { className: 'fds-combobox__chip-and-input', children: [multiple && !hideChips && jsxRuntime.jsx(ComboboxChips.default, {}), jsxRuntime.jsx("input", { ref: mergedRefs, "aria-activedescendant": props['aria-activedescendant'], readOnly: readOnly, "aria-autocomplete": 'list', role: 'combobox', "aria-expanded": open, "aria-controls": listId, autoComplete: 'off', size: htmlSize, value: inputValue, ...objectUtils.omit(['style', 'className'], rest), ...formFieldProps.inputProps, className: 'fds-combobox__input', onChange: (e) => {
+    return (jsxRuntime.jsxs(Box.Box, { ...props, "aria-disabled": disabled ? 'true' : undefined, className: lite.clsx('fds-textfield__input', 'fds-combobox__input__wrapper', readOnly && 'fds-combobox--readonly', error && 'fds-combobox--error'), children: [jsxRuntime.jsxs("div", { className: 'fds-combobox__chip-and-input', children: [multiple && !hideChips && jsxRuntime.jsx(ComboboxChips.default, {}), jsxRuntime.jsx("input", { ref: mergedRefs, "aria-activedescendant": props['aria-activedescendant'], readOnly: readOnly, "aria-autocomplete": 'list', role: 'combobox', "aria-expanded": open, "aria-controls": listId, autoComplete: 'off', size: htmlSize, value: inputValue, ...objectUtils.omit(['style', 'className'], rest), ...formFieldProps.inputProps, className: 'fds-combobox__input', onChange: (e) => {
                             onChange(e);
                             !open && setOpen(true);
                             rest.onChange && rest.onChange(e);

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

@@ -39,7 +39,7 @@ const useFloatingCombobox = ({ listRef }) => {
                 apply({ rects, elements }) {
                     requestAnimationFrame(() => {
                         Object.assign(elements.floating.style, {
-                            width: `calc(${rects.reference.width}px - calc(var(--fds-spacing-2) * 2))`,
+                            width: `calc(${rects.reference.width}px - calc(var(--ds-spacing-2) * 2))`,
                             maxHeight: `200px`,
                         });
                     });

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

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

package/dist/cjs/utilities/getColor.js

@@ -0,0 +1,27 @@
+'use client';
+'use strict';
+
+function getColor(color, type) {
+    if (type === 'action') {
+        switch (color) {
+            case 'first':
+                return 'accent';
+            case 'second':
+                return 'neutral';
+            default:
+                return color;
+        }
+    }
+    switch (color) {
+        case 'first':
+            return 'brand1';
+        case 'second':
+            return 'brand2';
+        case 'third':
+            return 'brand3';
+        default:
+            return color;
+    }
+}
+
+exports.getColor = getColor;

package/dist/cjs/utilities/getSize.js

@@ -18,8 +18,10 @@ function getSize(size) {
         case 'xlarge':
             return 'xl';
         case 'xxlarge':
+        case '2xlarge':
             return '2xl';
         case 'xxxlarge':
+        case '3xlarge':
             return '3xl';
         case 'xxxxlarge':
             return '4xl';

package/dist/esm/components/Accordion/Accordion.js

@@ -2,8 +2,12 @@
 import { jsx } from 'react/jsx-runtime';
 import { forwardRef } from 'react';
 import { clsx } from '../../node_modules/clsx/dist/lite.js';
+import { getColor } from '../../utilities/getColor.js';
 
-const Accordion = forwardRef(({ border = false, color = 'neutral', className, ...rest }, ref) => (jsx("div", { className: clsx('fds-accordion', border && 'fds-accordion--border', color && `fds-accordion--${color}`, className), ref: ref, ...rest })));
+const Accordion = forwardRef(({ border = false, className, ...rest }, ref) => {
+    const color = getColor(rest.color || 'neutral');
+    return (jsx("div", { className: clsx('fds-accordion', border && 'fds-accordion--border', color && `fds-accordion--${color}`, className), ref: ref, ...rest }));
+});
 Accordion.displayName = 'Accordion';
 
 export { Accordion };

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

@@ -4,12 +4,14 @@ 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';
+import { getColor } from '../../utilities/getColor.js';
 
 /**
  * Button used for interaction
  */
-const Button = forwardRef(({ children, color = 'first', variant = 'primary', fullWidth = false, icon = false, type = 'button', className, asChild, ...rest }, ref) => {
+const Button = forwardRef(({ children, variant = 'primary', fullWidth = false, icon = false, type = 'button', className, asChild, ...rest }, ref) => {
     const size = getSize(rest.size || 'md');
+    const color = getColor(rest.color || 'accent', 'action');
     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/Card/Card.js

@@ -3,9 +3,11 @@ 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 { getColor } from '../../utilities/getColor.js';
 
-const Card = forwardRef(({ color = 'neutral', isLink = false, asChild = false, className, ...rest }, ref) => {
+const Card = forwardRef(({ isLink = false, asChild = false, className, ...rest }, ref) => {
     const Component = asChild ? $5e63c961fc1ce211$export$8c6ed5c666ac1360 : 'div';
+    const color = getColor(rest.color || 'neutral');
     return (jsx(Component, { ref: ref, className: clsx(`fds-card`, `fds-card--${color}`, isLink && `fds-card--link`, isLink && `fds-focus`, className), ...rest }));
 });
 Card.displayName = 'Card';

package/dist/esm/components/ErrorSummary/ErrorSummaryHeading.js

@@ -11,7 +11,7 @@ const ErrorSummaryHeading = ({ id, ...rest }) => {
             setHeadingId(id);
         }
     }, [headingId, id, setHeadingId]);
-    return (jsx(List.Heading, { ...rest, id: headingId }));
+    return (jsx(List.Heading, { ...rest, id: headingId, className: 'fds-error-summary__heading' }));
 };
 ErrorSummaryHeading.displayName = 'ErrorSummaryHeading';
 

package/dist/esm/components/Link/Link.js

@@ -6,7 +6,7 @@ import { Slot as $5e63c961fc1ce211$export$8c6ed5c666ac1360 } from '../../node_mo
 
 const Link = forwardRef(({ asChild, children, className, inverted = false, ...rest }, ref) => {
     const Component = asChild ? $5e63c961fc1ce211$export$8c6ed5c666ac1360 : 'a';
-    return (jsx(Component, { className: clsx('fds-link', inverted && 'fds-link--inverted', className), ref: ref, ...rest, children: children }));
+    return (jsx(Component, { className: clsx('fds-link', className), ref: ref, "data-ds-theme": inverted ? 'dark' : undefined, ...rest, children: children }));
 });
 Link.displayName = 'Link';
 

package/dist/esm/components/Modal/ModalHeader.js

@@ -12,7 +12,7 @@ import { Heading } from '../Typography/Heading/Heading.js';
 const ModalHeader = forwardRef(({ closeButton = true, children, subtitle, asChild, className, ...rest }, ref) => {
     const Component = asChild ? $5e63c961fc1ce211$export$8c6ed5c666ac1360 : 'div';
     const context = useContext(ModalContext);
-    return (jsxs(Component, { ref: ref, className: clsx('fds-modal__header', !closeButton && 'fds-modal__header--no-button', className), ...rest, children: [subtitle && (jsx(Paragraph, { size: 'sm', variant: 'short', children: subtitle })), jsx(Heading, { level: 2, size: 'xs', children: children }), closeButton && (jsx(Button, { name: 'close', variant: 'tertiary', color: 'second', size: 'md', onClick: context?.closeModal, autoFocus: true, icon: true, className: 'fds-modal__header__button', children: jsx(XMarkIcon, { title: 'close modal', fontSize: '1.5em' }) }))] }));
+    return (jsxs(Component, { ref: ref, className: clsx('fds-modal__header', !closeButton && 'fds-modal__header--no-button', className), ...rest, children: [subtitle && (jsx(Paragraph, { size: 'sm', variant: 'short', children: subtitle })), jsx(Heading, { level: 2, size: 'xs', children: children }), closeButton && (jsx(Button, { name: 'close', variant: 'tertiary', color: 'neutral', size: 'md', onClick: context?.closeModal, autoFocus: true, icon: true, className: 'fds-modal__header__button', children: jsx(XMarkIcon, { title: 'close modal', fontSize: '1.5em' }) }))] }));
 });
 ModalHeader.displayName = 'ModalHeader';
 

package/dist/esm/components/Pagination/PaginationButton.js

@@ -6,7 +6,7 @@ import { Button } from '../Button/Button.js';
 
 const PaginationButton = forwardRef(({ isActive, ...rest }, ref) => {
     const { size } = useContext(PaginationContext);
-    return (jsx(Button, { ref: ref, variant: isActive ? 'primary' : 'tertiary', "aria-current": isActive, color: 'first', size: size, ...rest }));
+    return (jsx(Button, { ref: ref, variant: isActive ? 'primary' : 'tertiary', "aria-current": isActive, size: size, ...rest }));
 });
 
 export { PaginationButton };

package/dist/esm/components/SkipLink/SkipLink.js

@@ -3,7 +3,7 @@ import { jsx } from 'react/jsx-runtime';
 import { clsx } from '../../node_modules/clsx/dist/lite.js';
 
 const SkipLink = ({ href, children, className, ...rest }) => {
-    return (jsx("a", { href: href, className: clsx(`fds-sr-only`, 'fds-skiplink', className), ...rest, children: children }));
+    return (jsx("a", { href: href, className: clsx(`fds-sr-only`, 'fds-skiplink', className), ...rest, children: jsx("p", { className: 'fds-skiplink__content', children: children }) }));
 };
 SkipLink.displayName = 'SkipLink';
 

package/dist/esm/components/Spinner/Spinner.js

@@ -17,7 +17,9 @@ const Spinner = ({ title, variant = 'default', className, style, ...rest }) => {
     const size = getSize(rest.size || 'md');
     const svgRef = useSynchronizedAnimation('fds-spinner-rotate-animation');
     const strokeRef = useSynchronizedAnimation('fds-spinner-stroke-animation');
-    return (jsxs("svg", { className: clsx('fds-spinner', `fds-spinner--${variant}`, className), style: { width: sizeMap[size], height: sizeMap[size], ...style }, viewBox: '0 0 50 50', ref: svgRef, ...rest, children: [jsx("title", { children: title }), jsx("circle", { className: clsx('fds-spinner__background', variant === 'inverted' && 'fds-spinner__background--inverted'), cx: '25', cy: '25', r: '20', fill: 'none', strokeWidth: '5' }), jsx("circle", { className: clsx(`fds-spinner__circle`), cx: '25', cy: '25', r: '20', fill: 'none', strokeWidth: '5', ref: strokeRef })] }));
+    return (jsxs("svg", { className: clsx('fds-spinner', variant !== 'inverted'
+            ? `fds-spinner--${variant}`
+            : 'fds-spinner--default', className), "data-ds-theme": variant === 'inverted' ? 'dark' : undefined, style: { width: sizeMap[size], height: sizeMap[size], ...style }, viewBox: '0 0 50 50', ref: svgRef, ...rest, children: [jsx("title", { children: title }), jsx("circle", { className: clsx('fds-spinner__background', variant === 'inverted' && 'fds-spinner__background--inverted'), cx: '25', cy: '25', r: '20', fill: 'none', strokeWidth: '5' }), jsx("circle", { className: clsx(`fds-spinner__circle`), cx: '25', cy: '25', r: '20', fill: 'none', strokeWidth: '5', ref: strokeRef })] }));
 };
 Spinner.displayName = 'Spinner';
 

package/dist/esm/components/Tabs/Tab/Tab.js

@@ -8,7 +8,7 @@ import { RovingTabindexItem } from '../../../utilities/RovingTabIndex/RovingTabi
 const Tab = forwardRef((props, ref) => {
     const { children, className, ...rest } = props;
     const { ...useTabRest } = useTabItem(props);
-    return (jsx(RovingTabindexItem, { ...rest, asChild: true, children: jsx("button", { ...useTabRest, className: clsx('fds-tabs__tab', className), ref: ref, children: children }) }));
+    return (jsx(RovingTabindexItem, { ...rest, asChild: true, children: jsx("button", { ...useTabRest, className: clsx('fds-tabs__tab', 'fds-focus', className), ref: ref, children: children }) }));
 });
 Tab.displayName = 'Tab';
 

package/dist/esm/components/Tag/Tag.js

@@ -3,10 +3,12 @@ import { jsx } from 'react/jsx-runtime';
 import { forwardRef } from 'react';
 import { clsx } from '../../node_modules/clsx/dist/lite.js';
 import { getSize } from '../../utilities/getSize.js';
+import { getColor } from '../../utilities/getColor.js';
 import { Paragraph } from '../Typography/Paragraph/Paragraph.js';
 
-const Tag = forwardRef(({ children, color = 'neutral', className, ...rest }, ref) => {
+const Tag = forwardRef(({ children, className, ...rest }, ref) => {
     const size = getSize(rest.size || 'md');
+    const color = getColor(rest.color || 'neutral');
     return (jsx(Paragraph, { asChild: true, size: size, children: jsx("span", { className: clsx('fds-tag', `fds-tag--${color}`, `fds-tag--${size}`, className), ref: ref, ...rest, children: children }) }));
 });
 Tag.displayName = 'Tag';

package/dist/esm/components/ToggleGroup/ToggleGroupItem/ToggleGroupItem.js

@@ -9,7 +9,7 @@ import { Button } from '../../Button/Button.js';
 const ToggleGroupItem = forwardRef((props, ref) => {
     const { children, icon, className, ...rest } = props;
     const { active, size = 'md', buttonProps } = useToggleGroupItem(props);
-    return (jsx(RovingTabindexItem, { asChild: true, value: rest.value, children: jsx(Button, { className: clsx('fds-togglegroup__item', className), icon: icon, color: 'first', variant: active ? 'primary' : 'tertiary', size: size, ref: ref, ...rest, ...buttonProps, children: children }) }));
+    return (jsx(RovingTabindexItem, { asChild: true, value: rest.value, children: jsx(Button, { className: clsx('fds-togglegroup__item', className), icon: icon, variant: active ? 'primary' : 'tertiary', size: size, ref: ref, ...rest, ...buttonProps, children: children }) }));
 });
 ToggleGroupItem.displayName = 'ToggleGroupItem';
 

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

@@ -57,8 +57,8 @@ const Tooltip = forwardRef(({ children, content, placement = 'top', delay = 150,
     }
     return (jsxs(Fragment, { children: [cloneElement(children, getReferenceProps({
                 ref: childMergedRef,
-            })), internalOpen && (jsx(Container, { children: jsxs("div", { ref: refs.setFloating, style: { ...floatingStyles, ...animationStyles, ...style }, role: 'tooltip', ...getFloatingProps({
-                        className: clsx('fds-tooltip', inverted && 'fds-tooltip--inverted', className),
+            })), internalOpen && (jsx(Container, { children: jsxs("div", { ref: refs.setFloating, style: { ...floatingStyles, ...animationStyles, ...style }, role: 'tooltip', "data-ds-theme": inverted ? 'light' : 'dark', ...getFloatingProps({
+                        className: clsx('fds-tooltip', className),
                         ref: mergedRef,
                         ...rest,
                     }), children: [content, jsx(FloatingArrow, { ref: arrowRef, context: context, className: 'fds-tooltip__arrow', height: ARROW_HEIGHT })] }) }))] }));

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

@@ -62,7 +62,7 @@ const ComboboxInput = ({ hideClearButton, listId, error, hideChips, handleKeyDow
             }
         },
     });
-    return (jsxs(Box, { ...props, "aria-disabled": disabled, className: clsx('fds-textfield__input', 'fds-combobox__input__wrapper', readOnly && 'fds-combobox--readonly', error && 'fds-combobox--error'), children: [jsxs("div", { className: 'fds-combobox__chip-and-input', children: [multiple && !hideChips && jsx(ComboboxChips, {}), jsx("input", { ref: mergedRefs, "aria-activedescendant": props['aria-activedescendant'], readOnly: readOnly, "aria-autocomplete": 'list', role: 'combobox', "aria-expanded": open, "aria-controls": listId, autoComplete: 'off', size: htmlSize, value: inputValue, ...omit(['style', 'className'], rest), ...formFieldProps.inputProps, className: 'fds-combobox__input', onChange: (e) => {
+    return (jsxs(Box, { ...props, "aria-disabled": disabled ? 'true' : undefined, className: clsx('fds-textfield__input', 'fds-combobox__input__wrapper', readOnly && 'fds-combobox--readonly', error && 'fds-combobox--error'), children: [jsxs("div", { className: 'fds-combobox__chip-and-input', children: [multiple && !hideChips && jsx(ComboboxChips, {}), jsx("input", { ref: mergedRefs, "aria-activedescendant": props['aria-activedescendant'], readOnly: readOnly, "aria-autocomplete": 'list', role: 'combobox', "aria-expanded": open, "aria-controls": listId, autoComplete: 'off', size: htmlSize, value: inputValue, ...omit(['style', 'className'], rest), ...formFieldProps.inputProps, className: 'fds-combobox__input', onChange: (e) => {
                             onChange(e);
                             !open && setOpen(true);
                             rest.onChange && rest.onChange(e);

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

@@ -37,7 +37,7 @@ const useFloatingCombobox = ({ listRef }) => {
                 apply({ rects, elements }) {
                     requestAnimationFrame(() => {
                         Object.assign(elements.floating.style, {
-                            width: `calc(${rects.reference.width}px - calc(var(--fds-spacing-2) * 2))`,
+                            width: `calc(${rects.reference.width}px - calc(var(--ds-spacing-2) * 2))`,
                             maxHeight: `200px`,
                         });
                     });

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

@@ -1,5 +1,5 @@
 'use client';
-import _extends from '../node_modules/@babel/runtime/helpers/esm/extends.js';
+import _extends from '../../../@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/utilities/getColor.js

@@ -0,0 +1,25 @@
+'use client';
+function getColor(color, type) {
+    if (type === 'action') {
+        switch (color) {
+            case 'first':
+                return 'accent';
+            case 'second':
+                return 'neutral';
+            default:
+                return color;
+        }
+    }
+    switch (color) {
+        case 'first':
+            return 'brand1';
+        case 'second':
+            return 'brand2';
+        case 'third':
+            return 'brand3';
+        default:
+            return color;
+    }
+}
+
+export { getColor };

package/dist/esm/utilities/getSize.js

@@ -16,8 +16,10 @@ function getSize(size) {
         case 'xlarge':
             return 'xl';
         case 'xxlarge':
+        case '2xlarge':
             return '2xl';
         case 'xxxlarge':
+        case '3xlarge':
             return '3xl';
         case 'xxxxlarge':
             return '4xl';

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

@@ -1,7 +1,8 @@
 import type { ReactNode, HTMLAttributes } from 'react';
+type OldColors = 'first' | 'second' | 'third';
 export type AccordionProps = {
     /** Accordion background color */
-    color?: 'first' | 'second' | 'third' | 'neutral' | 'subtle';
+    color?: 'brand1' | 'brand2' | 'brand3' | 'neutral' | 'subtle' | OldColors;
     /** Show border */
     border?: boolean;
     /** Instances of `Accordion.Item` */
@@ -9,10 +10,11 @@ export type AccordionProps = {
 } & HTMLAttributes<HTMLDivElement>;
 export declare const Accordion: import("react").ForwardRefExoticComponent<{
     /** Accordion background color */
-    color?: "first" | "second" | "third" | "neutral" | "subtle" | undefined;
+    color?: "neutral" | "brand1" | "brand2" | "brand3" | OldColors | "subtle" | undefined;
     /** Show border */
     border?: boolean | undefined;
     /** Instances of `Accordion.Item` */
     children: ReactNode;
 } & HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>;
+export {};
 //# sourceMappingURL=Accordion.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"Accordion.d.ts","sourceRoot":"","sources":["../../../../src/components/Accordion/Accordion.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAIvD,MAAM,MAAM,cAAc,GAAG;IAC3B,iCAAiC;IACjC,KAAK,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,OAAO,GAAG,SAAS,GAAG,QAAQ,CAAC;IAC5D,kBAAkB;IAClB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,oCAAoC;IACpC,QAAQ,EAAE,SAAS,CAAC;CACrB,GAAG,cAAc,CAAC,cAAc,CAAC,CAAC;AAEnC,eAAO,MAAM,SAAS;IARpB,iCAAiC;;IAEjC,kBAAkB;;IAElB,oCAAoC;cAC1B,SAAS;mFAgBpB,CAAC"}
+{"version":3,"file":"Accordion.d.ts","sourceRoot":"","sources":["../../../../src/components/Accordion/Accordion.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAMvD,KAAK,SAAS,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAC;AAE9C,MAAM,MAAM,cAAc,GAAG;IAC3B,iCAAiC;IACjC,KAAK,CAAC,EAAE,QAAQ,GAAG,QAAQ,GAAG,QAAQ,GAAG,SAAS,GAAG,QAAQ,GAAG,SAAS,CAAC;IAC1E,kBAAkB;IAClB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,oCAAoC;IACpC,QAAQ,EAAE,SAAS,CAAC;CACrB,GAAG,cAAc,CAAC,cAAc,CAAC,CAAC;AAEnC,eAAO,MAAM,SAAS;IARpB,iCAAiC;;IAEjC,kBAAkB;;IAElB,oCAAoC;cAC1B,SAAS;mFAoBpB,CAAC"}

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

@@ -1,13 +1,17 @@
 import type { ButtonHTMLAttributes } from 'react';
 type OldButtonSizes = 'small' | 'medium' | 'large';
+type OldColors = 'first' | 'second' | 'success';
 export type ButtonProps = {
     /** Specify which variant to use */
     variant?: 'primary' | 'secondary' | 'tertiary';
-    /** Specify which color palette to use */
-    color?: 'first' | 'second' | 'success' | 'danger';
+    /** Specify which color palette to use
+     * @default accent
+     * @note `first`, `second`, `success` is deprecated
+     */
+    color?: 'accent' | 'neutral' | 'danger' | OldColors;
     /**
      * Size
-     * @default `md`
+     * @default md
      * @note `small`, `medium`, `large` is deprecated
      */
     size?: 'sm' | 'md' | 'lg' | OldButtonSizes;
@@ -29,11 +33,14 @@ export type ButtonProps = {
 export declare const Button: import("react").ForwardRefExoticComponent<{
     /** Specify which variant to use */
     variant?: "primary" | "secondary" | "tertiary" | undefined;
-    /** Specify which color palette to use */
-    color?: "first" | "second" | "success" | "danger" | undefined;
+    /** Specify which color palette to use
+     * @default accent
+     * @note `first`, `second`, `success` is deprecated
+     */
+    color?: "accent" | "neutral" | OldColors | "danger" | undefined;
     /**
      * Size
-     * @default `md`
+     * @default md
      * @note `small`, `medium`, `large` is deprecated
      */
     size?: "sm" | "md" | "lg" | OldButtonSizes | undefined;

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;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"}
+{"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;AACnD,KAAK,SAAS,GAAG,OAAO,GAAG,QAAQ,GAAG,SAAS,CAAC;AAEhD,MAAM,MAAM,WAAW,GAAG;IACxB,mCAAmC;IACnC,OAAO,CAAC,EAAE,SAAS,GAAG,WAAW,GAAG,UAAU,CAAC;IAC/C;;;OAGG;IACH,KAAK,CAAC,EAAE,QAAQ,GAAG,SAAS,GAAG,QAAQ,GAAG,SAAS,CAAC;IACpD;;;;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;IA7BjB,mCAAmC;;IAEnC;;;OAGG;;IAEH;;;;OAIG;;IAEH,0DAA0D;;IAE1D;;OAEG;;IAEH;;;OAGG;;+FA6CJ,CAAC"}

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

@@ -1,10 +1,11 @@
 import type { ReactNode, HTMLAttributes } from 'react';
+type OldColors = 'first' | 'second' | 'third';
 export type CardProps = {
     /**
      * Changes background & border color
      * @default neutral
      */
-    color?: 'neutral' | 'subtle' | 'first' | 'second' | 'third';
+    color?: 'neutral' | 'subtle' | 'brand1' | 'brand2' | 'brand3' | OldColors;
     /**
      * Change the default rendered element for the one passed as a child, merging their props and behavior.
      * @default false
@@ -27,7 +28,7 @@ export declare const Card: import("react").ForwardRefExoticComponent<{
      * Changes background & border color
      * @default neutral
      */
-    color?: "first" | "second" | "third" | "neutral" | "subtle" | undefined;
+    color?: "neutral" | "brand1" | "brand2" | "brand3" | "subtle" | OldColors | undefined;
     /**
      * Change the default rendered element for the one passed as a child, merging their props and behavior.
      * @default false
@@ -45,4 +46,5 @@ export declare const Card: import("react").ForwardRefExoticComponent<{
      */
     href?: undefined;
 } & HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>;
+export {};
 //# sourceMappingURL=Card.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"Card.d.ts","sourceRoot":"","sources":["../../../../src/components/Card/Card.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAKvD,MAAM,MAAM,SAAS,GAAG;IACtB;;;OAGG;IACH,KAAK,CAAC,EAAE,SAAS,GAAG,QAAQ,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAC;IAC5D;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;;OAGG;IACH,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,oGAAoG;IACpG,QAAQ,EAAE,SAAS,CAAC;IAEpB;;OAEG;IACH,IAAI,CAAC,EAAE,KAAK,CAAC;CACd,GAAG,cAAc,CAAC,cAAc,CAAC,CAAC;AAEnC,eAAO,MAAM,IAAI;IAxBf;;;OAGG;;IAEH;;;OAGG;;IAEH;;;OAGG;;IAEH,oGAAoG;cAC1F,SAAS;IAEnB;;OAEG;;mFAyBJ,CAAC"}
+{"version":3,"file":"Card.d.ts","sourceRoot":"","sources":["../../../../src/components/Card/Card.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAOvD,KAAK,SAAS,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAC;AAE9C,MAAM,MAAM,SAAS,GAAG;IACtB;;;OAGG;IACH,KAAK,CAAC,EAAE,SAAS,GAAG,QAAQ,GAAG,QAAQ,GAAG,QAAQ,GAAG,QAAQ,GAAG,SAAS,CAAC;IAC1E;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;;OAGG;IACH,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,oGAAoG;IACpG,QAAQ,EAAE,SAAS,CAAC;IAEpB;;OAEG;IACH,IAAI,CAAC,EAAE,KAAK,CAAC;CACd,GAAG,cAAc,CAAC,cAAc,CAAC,CAAC;AAEnC,eAAO,MAAM,IAAI;IAxBf;;;OAGG;;IAEH;;;OAGG;;IAEH;;;OAGG;;IAEH,oGAAoG;cAC1F,SAAS;IAEnB;;OAEG;;mFAuBJ,CAAC"}

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

@@ -3,7 +3,7 @@ import { Button } from '../Button';
 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;
+    color?: "accent" | "neutral" | ("first" | "second" | "success") | "danger" | undefined;
     size?: "sm" | "md" | "lg" | ("small" | "medium" | "large") | undefined;
     fullWidth?: boolean | undefined;
     icon?: boolean | undefined;

package/dist/types/components/ErrorSummary/ErrorSummaryHeading.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ErrorSummaryHeading.d.ts","sourceRoot":"","sources":["../../../../src/components/ErrorSummary/ErrorSummaryHeading.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAC;AAKhD,MAAM,MAAM,wBAAwB,GAAG,gBAAgB,CAAC;AAExD,eAAO,MAAM,mBAAmB;sBAG7B,wBAAwB;;CAe1B,CAAC"}
+{"version":3,"file":"ErrorSummaryHeading.d.ts","sourceRoot":"","sources":["../../../../src/components/ErrorSummary/ErrorSummaryHeading.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAC;AAKhD,MAAM,MAAM,wBAAwB,GAAG,gBAAgB,CAAC;AAExD,eAAO,MAAM,mBAAmB;sBAG7B,wBAAwB;;CAgB1B,CAAC"}

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

@@ -4,7 +4,10 @@ export type LinkProps = {
     children: ReactNode;
     /** Custom class name for the link. This will be appended to the design system class names. */
     className?: string;
-    /** Inverts the color of the link. Use this on dark backgrounds. */
+    /**
+     * Inverts the color of the link. Use this on dark backgrounds.
+     * @deprecated Use `data-ds-theme="dark"` instead.
+     */
     inverted?: boolean;
     /** The URL that the link points to. This can also be an email address (starting with `mailto:`) or a phone number (staring with `tel:`). */
     href?: string;
@@ -19,7 +22,10 @@ export declare const Link: import("react").ForwardRefExoticComponent<{
     children: ReactNode;
     /** Custom class name for the link. This will be appended to the design system class names. */
     className?: string | undefined;
-    /** Inverts the color of the link. Use this on dark backgrounds. */
+    /**
+     * Inverts the color of the link. Use this on dark backgrounds.
+     * @deprecated Use `data-ds-theme="dark"` instead.
+     */
     inverted?: boolean | undefined;
     /** The URL that the link points to. This can also be an email address (starting with `mailto:`) or a phone number (staring with `tel:`). */
     href?: string | undefined;

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

@@ -1 +1 @@
-{"version":3,"file":"Link.d.ts","sourceRoot":"","sources":["../../../../src/components/Link/Link.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,oBAAoB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAK7D,MAAM,MAAM,SAAS,GAAG;IACtB,8CAA8C;IAC9C,QAAQ,EAAE,SAAS,CAAC;IAEpB,8FAA8F;IAC9F,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB,mEAAmE;IACnE,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB,4IAA4I;IAC5I,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,GAAG,oBAAoB,CAAC,iBAAiB,CAAC,CAAC;AAE5C,eAAO,MAAM,IAAI;IAlBf,8CAA8C;cACpC,SAAS;IAEnB,8FAA8F;;IAG9F,mEAAmE;;IAGnE,4IAA4I;;IAE5I;;;OAGG;;+FAkBJ,CAAC"}
+{"version":3,"file":"Link.d.ts","sourceRoot":"","sources":["../../../../src/components/Link/Link.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,oBAAoB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAK7D,MAAM,MAAM,SAAS,GAAG;IACtB,8CAA8C;IAC9C,QAAQ,EAAE,SAAS,CAAC;IAEpB,8FAA8F;IAC9F,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB,4IAA4I;IAC5I,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,GAAG,oBAAoB,CAAC,iBAAiB,CAAC,CAAC;AAE5C,eAAO,MAAM,IAAI;IArBf,8CAA8C;cACpC,SAAS;IAEnB,8FAA8F;;IAG9F;;;OAGG;;IAGH,4IAA4I;;IAE5I;;;OAGG;;+FAmBJ,CAAC"}

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?: "2xs" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | ("xxsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "3xlarge") | undefined;
+    size?: "2xs" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | ("xxsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge") | undefined;
     spacing?: boolean | undefined;
     asChild?: boolean | undefined;
 } & import("react").HTMLAttributes<HTMLHeadingElement> & import("react").RefAttributes<HTMLHeadingElement>>;

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

@@ -3,7 +3,7 @@ import { Button } from '../Button';
 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;
+    color?: "accent" | "neutral" | ("first" | "second" | "success") | "danger" | undefined;
     size?: "sm" | "md" | "lg" | ("small" | "medium" | "large") | undefined;
     fullWidth?: boolean | undefined;
     icon?: boolean | undefined;

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

@@ -1 +1 @@
-{"version":3,"file":"PaginationButton.d.ts","sourceRoot":"","sources":["../../../../src/components/Pagination/PaginationButton.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,WAAW,CAAC;AAK7C,MAAM,MAAM,qBAAqB,GAAG;IAClC;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,GAAG,IAAI,CAAC,WAAW,EAAE,MAAM,GAAG,MAAM,CAAC,CAAC;AAEvC,eAAO,MAAM,gBAAgB;IAP3B;;;OAGG;;0FAoBH,CAAC"}
+{"version":3,"file":"PaginationButton.d.ts","sourceRoot":"","sources":["../../../../src/components/Pagination/PaginationButton.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,WAAW,CAAC;AAK7C,MAAM,MAAM,qBAAqB,GAAG;IAClC;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,GAAG,IAAI,CAAC,WAAW,EAAE,MAAM,GAAG,MAAM,CAAC,CAAC;AAEvC,eAAO,MAAM,gBAAgB;IAP3B;;;OAGG;;0FAmBH,CAAC"}

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

@@ -3,7 +3,7 @@ import { Button } from '../Button';
 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;
+    color?: "accent" | "neutral" | ("first" | "second" | "success") | "danger" | undefined;
     size?: "sm" | "md" | "lg" | ("small" | "medium" | "large") | undefined;
     fullWidth?: boolean | undefined;
     icon?: boolean | undefined;

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

@@ -10,7 +10,11 @@ export type SpinnerProps = {
      * @note `xxsmall`, `xsmall`, `small`, `medium`, `large`, `xlarge` is deprecated
      */
     size?: '2xs' | 'xs' | 'sm' | 'md' | 'lg' | 'xl' | OldSpinnerSizes;
-    /** Spinner appearance  */
+    /**
+     * Spinner appearance
+     * @default default
+     * @note `inverted` is deprecated
+     */
     variant?: 'default' | 'interaction' | 'inverted';
 } & React.ComponentPropsWithoutRef<'svg'>;
 /**  Spinner component used for indicating busy or indeterminate loading */

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

@@ -1 +1 @@
-{"version":3,"file":"Spinner.d.ts","sourceRoot":"","sources":["../../../../src/components/Spinner/Spinner.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AAMpC,KAAK,eAAe,GAChB,SAAS,GACT,QAAQ,GACR,OAAO,GACP,QAAQ,GACR,OAAO,GACP,QAAQ,CAAC;AAab,MAAM,MAAM,YAAY,GAAG;IACzB,qBAAqB;IACrB,KAAK,EAAE,MAAM,CAAC;IACd;;;;;OAKG;IACH,IAAI,CAAC,EAAE,KAAK,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,eAAe,CAAC;IAClE,0BAA0B;IAC1B,OAAO,CAAC,EAAE,SAAS,GAAG,aAAa,GAAG,UAAU,CAAC;CAClD,GAAG,KAAK,CAAC,wBAAwB,CAAC,KAAK,CAAC,CAAC;AAE1C,2EAA2E;AAC3E,eAAO,MAAM,OAAO;oDAMjB,YAAY,GAAG,WAAW;;CAgD5B,CAAC"}
+{"version":3,"file":"Spinner.d.ts","sourceRoot":"","sources":["../../../../src/components/Spinner/Spinner.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AAMpC,KAAK,eAAe,GAChB,SAAS,GACT,QAAQ,GACR,OAAO,GACP,QAAQ,GACR,OAAO,GACP,QAAQ,CAAC;AAab,MAAM,MAAM,YAAY,GAAG;IACzB,qBAAqB;IACrB,KAAK,EAAE,MAAM,CAAC;IACd;;;;;OAKG;IACH,IAAI,CAAC,EAAE,KAAK,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,eAAe,CAAC;IAClE;;;;OAIG;IACH,OAAO,CAAC,EAAE,SAAS,GAAG,aAAa,GAAG,UAAU,CAAC;CAClD,GAAG,KAAK,CAAC,wBAAwB,CAAC,KAAK,CAAC,CAAC;AAE1C,2EAA2E;AAC3E,eAAO,MAAM,OAAO;oDAMjB,YAAY,GAAG,WAAW;;CAuD5B,CAAC"}

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

@@ -1,11 +1,12 @@
 import type { HTMLAttributes } from 'react';
 import type { ParagraphProps } from '../Typography';
 type Size = Exclude<ParagraphProps['size'], 'xsmall' | 'xs'>;
+type OldColors = 'first' | 'second' | 'third';
 export type TagProps = {
     /** Color of the tag
      * @default neutral
      */
-    color?: 'neutral' | 'success' | 'warning' | 'danger' | 'info' | 'first' | 'second' | 'third';
+    color?: 'neutral' | 'success' | 'warning' | 'danger' | 'info' | 'brand1' | 'brand2' | 'brand3' | OldColors;
     /**
      * Size of the tag
      * @default md
@@ -17,7 +18,7 @@ export declare const Tag: import("react").ForwardRefExoticComponent<{
     /** Color of the tag
      * @default neutral
      */
-    color?: "first" | "second" | "success" | "danger" | "info" | "warning" | "third" | "neutral" | undefined;
+    color?: "neutral" | "brand1" | "brand2" | "brand3" | "success" | "danger" | "info" | "warning" | OldColors | undefined;
     /**
      * Size of the tag
      * @default md

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

@@ -1 +1 @@
-{"version":3,"file":"Tag.d.ts","sourceRoot":"","sources":["../../../../src/components/Tag/Tag.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAI5C,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,eAAe,CAAC;AAIpD,KAAK,IAAI,GAAG,OAAO,CAAC,cAAc,CAAC,MAAM,CAAC,EAAE,QAAQ,GAAG,IAAI,CAAC,CAAC;AAE7D,MAAM,MAAM,QAAQ,GAAG;IACrB;;OAEG;IACH,KAAK,CAAC,EACF,SAAS,GACT,SAAS,GACT,SAAS,GACT,QAAQ,GACR,MAAM,GACN,OAAO,GACP,QAAQ,GACR,OAAO,CAAC;IACZ;;;;OAIG;IACH,IAAI,CAAC,EAAE,IAAI,CAAC;CACb,GAAG,cAAc,CAAC,eAAe,CAAC,CAAC;AAEpC,eAAO,MAAM,GAAG;IApBd;;OAEG;;IAUH;;;;OAIG;WACI,IAAI;qFA2BZ,CAAC"}
+{"version":3,"file":"Tag.d.ts","sourceRoot":"","sources":["../../../../src/components/Tag/Tag.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAI5C,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,eAAe,CAAC;AAIpD,KAAK,IAAI,GAAG,OAAO,CAAC,cAAc,CAAC,MAAM,CAAC,EAAE,QAAQ,GAAG,IAAI,CAAC,CAAC;AAC7D,KAAK,SAAS,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAC;AAE9C,MAAM,MAAM,QAAQ,GAAG;IACrB;;OAEG;IACH,KAAK,CAAC,EACF,SAAS,GACT,SAAS,GACT,SAAS,GACT,QAAQ,GACR,MAAM,GACN,QAAQ,GACR,QAAQ,GACR,QAAQ,GACR,SAAS,CAAC;IACd;;;;OAIG;IACH,IAAI,CAAC,EAAE,IAAI,CAAC;CACb,GAAG,cAAc,CAAC,eAAe,CAAC,CAAC;AAEpC,eAAO,MAAM,GAAG;IArBd;;OAEG;;IAWH;;;;OAIG;WACI,IAAI;qFA4BZ,CAAC"}

package/dist/types/components/ToggleGroup/ToggleGroupItem/ToggleGroupItem.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ToggleGroupItem.d.ts","sourceRoot":"","sources":["../../../../../src/components/ToggleGroup/ToggleGroupItem/ToggleGroupItem.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC;AAMhD,MAAM,MAAM,oBAAoB,GAAG;IACjC,yGAAyG;IACzG,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,GAAG,IAAI,CAAC,WAAW,EAAE,OAAO,CAAC,CAAC;AAE/B,eAAO,MAAM,eAAe;IAJ1B,yGAAyG;;kFA6BzG,CAAC"}
+{"version":3,"file":"ToggleGroupItem.d.ts","sourceRoot":"","sources":["../../../../../src/components/ToggleGroup/ToggleGroupItem/ToggleGroupItem.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC;AAMhD,MAAM,MAAM,oBAAoB,GAAG;IACjC,yGAAyG;IACzG,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,GAAG,IAAI,CAAC,WAAW,EAAE,OAAO,CAAC,CAAC;AAE/B,eAAO,MAAM,eAAe;IAJ1B,yGAAyG;;kFA4BzG,CAAC"}

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

@@ -23,7 +23,10 @@ export type TooltipProps = {
     open?: boolean;
     /** Whether the tooltip is open by default or not. */
     defaultOpen?: boolean;
-    /** Inverts the color of the tooltip. Use this on dark backgrounds. */
+    /**
+     * Inverts the color of the tooltip. Use this on dark backgrounds.
+     * @deprecated Use the `data-ds-theme` attribute instead.
+     */
     inverted?: boolean;
     /**
      * Portals the floating element outside of the app root and into the body.
@@ -55,7 +58,10 @@ export declare const Tooltip: React.ForwardRefExoticComponent<{
     open?: boolean | undefined;
     /** Whether the tooltip is open by default or not. */
     defaultOpen?: boolean | undefined;
-    /** Inverts the color of the tooltip. Use this on dark backgrounds. */
+    /**
+     * Inverts the color of the tooltip. Use this on dark backgrounds.
+     * @deprecated Use the `data-ds-theme` attribute instead.
+     */
     inverted?: boolean | undefined;
     /**
      * Portals the floating element outside of the app root and into the body.

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":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAE5C,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAuB/B,MAAM,MAAM,YAAY,GAAG;IACzB;;;OAGG;IACH,QAAQ,EAAE,KAAK,CAAC,YAAY,GAAG,KAAK,CAAC,aAAa,CAAC,WAAW,CAAC,CAAC;IAChE,6BAA6B;IAC7B,OAAO,EAAE,MAAM,CAAC;IAChB;;;OAGG;IACH,SAAS,CAAC,EAAE,KAAK,GAAG,OAAO,GAAG,QAAQ,GAAG,MAAM,CAAC;IAChD;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;OAEG;IACH,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,qDAAqD;IACrD,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,sEAAsE;IACtE,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;;OAIG;IACH,MAAM,CAAC,EAAE,OAAO,CAAC;CAClB,GAAG,cAAc,CAAC,cAAc,CAAC,CAAC;AAEnC,eAAO,MAAM,OAAO;IAhClB;;;OAGG;cACO,MAAM,YAAY,GAAG,MAAM,aAAa,CAAC,WAAW,CAAC;IAC/D,6BAA6B;aACpB,MAAM;IACf;;;OAGG;;IAEH;;OAEG;;IAEH;;OAEG;;IAEH,qDAAqD;;IAErD,sEAAsE;;IAEtE;;;;OAIG;;yEAmHJ,CAAC"}
+{"version":3,"file":"Tooltip.d.ts","sourceRoot":"","sources":["../../../../src/components/Tooltip/Tooltip.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAE5C,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAuB/B,MAAM,MAAM,YAAY,GAAG;IACzB;;;OAGG;IACH,QAAQ,EAAE,KAAK,CAAC,YAAY,GAAG,KAAK,CAAC,aAAa,CAAC,WAAW,CAAC,CAAC;IAChE,6BAA6B;IAC7B,OAAO,EAAE,MAAM,CAAC;IAChB;;;OAGG;IACH,SAAS,CAAC,EAAE,KAAK,GAAG,OAAO,GAAG,QAAQ,GAAG,MAAM,CAAC;IAChD;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;OAEG;IACH,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,qDAAqD;IACrD,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;;OAIG;IACH,MAAM,CAAC,EAAE,OAAO,CAAC;CAClB,GAAG,cAAc,CAAC,cAAc,CAAC,CAAC;AAEnC,eAAO,MAAM,OAAO;IAnClB;;;OAGG;cACO,MAAM,YAAY,GAAG,MAAM,aAAa,CAAC,WAAW,CAAC;IAC/D,6BAA6B;aACpB,MAAM;IACf;;;OAGG;;IAEH;;OAEG;;IAEH;;OAEG;;IAEH,qDAAqD;;IAErD;;;OAGG;;IAEH;;;;OAIG;;yEAgHJ,CAAC"}

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

@@ -1,5 +1,5 @@
 import type { HTMLAttributes } from 'react';
-type OldHeadingSizes = 'xxsmall' | 'xsmall' | 'small' | 'medium' | 'large' | 'xlarge' | '2xlarge' | '3xlarge';
+type OldHeadingSizes = 'xxsmall' | 'xsmall' | 'small' | 'medium' | 'large' | 'xlarge' | '2xlarge';
 export type HeadingProps = {
     /** Heading level. This will translate into any h1-6 level unless `as` is defined */
     level?: 1 | 2 | 3 | 4 | 5 | 6;
@@ -8,7 +8,7 @@ export type HeadingProps = {
      *
      * @note `xxsmall`, `xsmall`, `small`, `medium`, `large`, `xlarge`, `2xlarge`, `3xlarge` is deprecated
      */
-    size?: '2xs' | 'xs' | 'sm' | 'md' | 'lg' | 'xl' | '2xl' | '3xl' | OldHeadingSizes;
+    size?: '2xs' | 'xs' | 'sm' | 'md' | 'lg' | 'xl' | '2xl' | OldHeadingSizes;
     /** Adds margin-bottom */
     spacing?: boolean;
     /**
@@ -26,7 +26,7 @@ export declare const Heading: import("react").ForwardRefExoticComponent<{
      *
      * @note `xxsmall`, `xsmall`, `small`, `medium`, `large`, `xlarge`, `2xlarge`, `3xlarge` is deprecated
      */
-    size?: "2xs" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | OldHeadingSizes | undefined;
+    size?: "2xs" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | OldHeadingSizes | undefined;
     /** Adds margin-bottom */
     spacing?: boolean | undefined;
     /**

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

@@ -1 +1 @@
-{"version":3,"file":"Heading.d.ts","sourceRoot":"","sources":["../../../../../src/components/Typography/Heading/Heading.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAe,cAAc,EAAE,MAAM,OAAO,CAAC;AAOzD,KAAK,eAAe,GAChB,SAAS,GACT,QAAQ,GACR,OAAO,GACP,QAAQ,GACR,OAAO,GACP,QAAQ,GACR,SAAS,GACT,SAAS,CAAC;AAEd,MAAM,MAAM,YAAY,GAAG;IACzB,oFAAoF;IACpF,KAAK,CAAC,EAAE,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;IAC9B;;;;OAIG;IACH,IAAI,CAAC,EACD,KAAK,GACL,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,KAAK,GACL,KAAK,GACL,eAAe,CAAC;IACpB,yBAAyB;IACzB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,GAAG,cAAc,CAAC,kBAAkB,CAAC,CAAC;AAEvC,uEAAuE;AACvE,eAAO,MAAM,OAAO;IA3BlB,oFAAoF;;IAEpF;;;;OAIG;;IAWH,yBAAyB;;IAEzB;;;OAGG;;2FAuBJ,CAAC"}
+{"version":3,"file":"Heading.d.ts","sourceRoot":"","sources":["../../../../../src/components/Typography/Heading/Heading.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAe,cAAc,EAAE,MAAM,OAAO,CAAC;AAOzD,KAAK,eAAe,GAChB,SAAS,GACT,QAAQ,GACR,OAAO,GACP,QAAQ,GACR,OAAO,GACP,QAAQ,GACR,SAAS,CAAC;AAEd,MAAM,MAAM,YAAY,GAAG;IACzB,oFAAoF;IACpF,KAAK,CAAC,EAAE,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;IAC9B;;;;OAIG;IACH,IAAI,CAAC,EAAE,KAAK,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,KAAK,GAAG,eAAe,CAAC;IAC1E,yBAAyB;IACzB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,GAAG,cAAc,CAAC,kBAAkB,CAAC,CAAC;AAEvC,uEAAuE;AACvE,eAAO,MAAM,OAAO;IAlBlB,oFAAoF;;IAEpF;;;;OAIG;;IAEH,yBAAyB;;IAEzB;;;OAGG;;2FAuBJ,CAAC"}

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

@@ -0,0 +1,2 @@
+export declare function getColor<T>(color: T, type?: 'action'): T | "accent" | "neutral" | "brand1" | "brand2" | "brand3";
+//# sourceMappingURL=getColor.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"getColor.d.ts","sourceRoot":"","sources":["../../../src/utilities/getColor.ts"],"names":[],"mappings":"AAAA,wBAAgB,QAAQ,CAAC,CAAC,EAAE,KAAK,EAAE,CAAC,EAAE,IAAI,CAAC,EAAE,QAAQ,6DAsBpD"}

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

@@ -1,2 +1,2 @@
-export declare function getSize(size: string): string;
+export declare function getSize<T>(size: T): T | "3xs" | "2xs" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl";
 //# sourceMappingURL=getSize.d.ts.map

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

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

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

@@ -1,2 +1,4 @@
 export * from './objectUtils';
+export * from './getColor';
+export * from './getSize';
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/utilities/index.ts"],"names":[],"mappings":"AAAA,cAAc,eAAe,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/utilities/index.ts"],"names":[],"mappings":"AAAA,cAAc,eAAe,CAAC;AAC9B,cAAc,YAAY,CAAC;AAC3B,cAAc,WAAW,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@digdir/designsystemet-react",
-  "version": "0.62.0",
+  "version": "1.0.0-rc.1",
   "description": "React components for Designsystemet",
   "author": "Designsystemet team",
   "repository": "https://github.com/digdir/designsystemet",
@@ -39,5 +39,5 @@
     "rollup": "^4.12.1",
     "typescript": "^5.4.2"
   },
-  "gitHead": "1e5c96601e637b59585362632c539dfc214b8270"
+  "gitHead": "8840f56d037879099652b2c7275ce08e93584f74"
 }