@digdir/designsystemet-react 1.0.0-rc.2 → 1.0.0-rc.4

package/dist/esm/components/Typography/Paragraph/Paragraph.js

@@ -3,12 +3,10 @@ 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';
 
 /** Use `Paragraph` to display text with paragraph text styles. */
-const Paragraph = forwardRef(({ className, spacing, asChild, variant, ...rest }, ref) => {
+const Paragraph = forwardRef(({ className, spacing, size = 'md', asChild, variant, ...rest }, ref) => {
     const Component = asChild ? $5e63c961fc1ce211$export$8c6ed5c666ac1360 : 'p';
-    const size = getSize(rest.size || 'md');
     return (jsx(Component, { ref: ref, className: clsx('fds-paragraph', `fds-paragraph--${size}`, spacing && 'fds-paragraph--spacing', variant && `fds-paragraph--${variant}`, className), ...rest }));
 });
 Paragraph.displayName = 'Paragraph';

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

@@ -19,7 +19,7 @@ const Checkbox = forwardRef((props, ref) => {
             }
         },
     ]);
-    return (jsx(Paragraph, { asChild: true, size: size, children: jsxs("div", { className: clsx('fds-checkbox', `fds-checkbox--${size}`, inputProps.disabled && `fds-checkbox--disabled`, hasError && `fds-checkbox--error`, readOnly && `fds-checkbox--readonly`, className), style: style, children: [jsx("input", { className: `fds-checkbox__input`, ref: inputRef, ...omit(['size', 'error', 'indeterminate'], rest), ...inputProps, type: 'checkbox', "aria-checked": rest.indeterminate ? 'mixed' : inputProps.checked }), children && (jsxs(Fragment, { children: [jsx(Label, { className: `fds-checkbox__label`, htmlFor: inputProps.id, size: size, weight: 'regular', children: jsx("span", { children: children }) }), description && (jsx(Paragraph, { asChild: true, size: size, children: jsx("div", { id: descriptionId, className: `fds-checkbox__description`, children: description }) }))] }))] }) }));
+    return (jsx(Paragraph, { asChild: true, size: size, children: jsxs("div", { className: clsx('fds-checkbox', `fds-checkbox--${size}`, hasError && `fds-checkbox--error`, readOnly && `fds-checkbox--readonly`, className), style: style, children: [jsx("input", { className: `fds-checkbox__input`, ref: inputRef, ...omit(['size', 'error', 'indeterminate'], rest), ...inputProps, type: 'checkbox', disabled: inputProps.disabled, "aria-checked": rest.indeterminate ? 'mixed' : inputProps.checked }), children && (jsxs(Fragment, { children: [jsx(Label, { className: `fds-checkbox__label`, htmlFor: inputProps.id, size: size, weight: 'regular', children: jsx("span", { children: children }) }), description && (jsx(Paragraph, { asChild: true, size: size, children: jsx("div", { id: descriptionId, className: `fds-checkbox__description`, children: description }) }))] }))] }) }));
 });
 Checkbox.displayName = 'Checkbox';
 

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

@@ -6,7 +6,6 @@ import { clsx } from '../../../node_modules/clsx/dist/lite.js';
 import { useVirtualizer } from '../../../node_modules/@tanstack/react-virtual/dist/esm/index.js';
 import { useFormField } from '../useFormField.js';
 import useDebounce from '../../../utilities/useDebounce.js';
-import { getSize } from '../../../utilities/getSize.js';
 import useCombobox from './useCombobox.js';
 import ComboboxInput from './internal/ComboboxInput.js';
 import ComboboxLabel from './internal/ComboboxLabel.js';
@@ -21,8 +20,7 @@ import { Box } from '../../Box/Box.js';
 import { Spinner } from '../../Spinner/Spinner.js';
 import { omit } from '../../../utilities/objectUtils.js';
 
-const ComboboxComponent = forwardRef(({ value, initialValue = [], onValueChange, label, hideLabel = false, description, multiple = false, disabled = false, readOnly = false, hideChips = false, clearButtonLabel = 'Fjern alt', hideClearButton = false, error, errorId, id, name, portal = true, htmlSize = 0, virtual = false, children, style, loading, loadingLabel = 'Laster...', filter, chipSrLabel = (option) => 'Slett ' + option.label, className, ...rest }, forwareddRef) => {
-    const size = getSize(rest.size || 'md');
+const ComboboxComponent = forwardRef(({ value, initialValue = [], onValueChange, label, hideLabel = false, description, multiple = false, disabled = false, readOnly = false, hideChips = false, clearButtonLabel = 'Fjern alt', hideClearButton = false, error, errorId, id, name, portal = true, htmlSize = 0, virtual = false, children, style, size = 'md', loading, loadingLabel = 'Laster...', filter, chipSrLabel = (option) => 'Slett ' + option.label, className, ...rest }, forwareddRef) => {
     const inputRef = useRef(null);
     const portalRef = useRef(null);
     const listRef = useRef([]);

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

@@ -3,7 +3,7 @@ import { useFloating, useRole, useDismiss, useListNavigation, useInteractions }
 import { useState } from 'react';
 import { flushSync } from 'react-dom';
 import { useComboboxId, useComboboxIdDispatch } from './ComboboxIdContext.js';
-import { autoUpdate, flip, size } from '../../../node_modules/@floating-ui/dom/dist/floating-ui.dom.js';
+import { autoUpdate, flip, size } from '../../../node_modules/@floating-ui/react-dom/node_modules/@floating-ui/dom/dist/floating-ui.dom.js';
 import { offset } from '../../../node_modules/@floating-ui/core/dist/floating-ui.core.js';
 
 const useFloatingCombobox = ({ listRef }) => {

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

@@ -19,7 +19,7 @@ const Fieldset = forwardRef((props, ref) => {
             size,
             disabled: props?.disabled,
             readOnly,
-        }, children: jsxs("fieldset", { ...fieldsetProps, className: clsx('fds-fieldset', !hideLegend && 'fds-fieldset--spacing', readOnly && 'fds-fieldset--readonly', props?.disabled && 'fds-fieldset--disabled', className), ref: ref, ...rest, children: [jsx(Label, { asChild: true, size: size, children: jsx("legend", { className: 'fds-fieldset__legend', children: jsxs("span", { className: clsx('fds-fieldset__legend__content', hideLegend && `fds-sr-only`), children: [readOnly && (jsx(PadlockLockedFillIcon, { className: 'fds-fieldset__readonly__icon', "aria-hidden": true })), legend] }) }) }), description && (jsx(Paragraph, { size: size, variant: 'short', asChild: true, children: jsx("div", { id: descriptionId, className: clsx('fds-fieldset__description', hideLegend && `fds-sr-only`), children: description }) })), children, jsx("div", { id: errorId, "aria-live": 'polite', "aria-relevant": 'additions removals', className: 'fds-fieldset__error-message', children: hasError && jsx(ErrorMessage, { size: size, children: error }) })] }) }));
+        }, children: jsxs("fieldset", { ...fieldsetProps, className: clsx('fds-fieldset', !hideLegend && 'fds-fieldset--spacing', readOnly && 'fds-fieldset--readonly', className), disabled: props?.disabled, ref: ref, ...rest, children: [jsx(Label, { asChild: true, size: size, children: jsx("legend", { className: 'fds-fieldset__legend', children: jsxs("span", { className: clsx('fds-fieldset__legend__content', hideLegend && `fds-sr-only`), children: [readOnly && (jsx(PadlockLockedFillIcon, { className: 'fds-fieldset__readonly__icon', "aria-hidden": true })), legend] }) }) }), description && (jsx(Paragraph, { size: size, variant: 'short', asChild: true, children: jsx("div", { id: descriptionId, className: clsx('fds-fieldset__description', hideLegend && `fds-sr-only`), children: description }) })), children, jsx("div", { id: errorId, "aria-live": 'polite', "aria-relevant": 'additions removals', className: 'fds-fieldset__error-message', children: hasError && jsx(ErrorMessage, { size: size, children: error }) })] }) }));
 });
 Fieldset.displayName = 'Fieldset';
 

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

@@ -12,7 +12,7 @@ import { Paragraph } from '../../Typography/Paragraph/Paragraph.js';
 const NativeSelect = forwardRef((props, ref) => {
     const { children, disabled = false, label, description, hideLabel = false, error, className, htmlSize = 0, ...rest } = props;
     const { selectProps, descriptionId, errorId, readOnly = false, size = 'md', } = useNativeSelect(props);
-    return (jsx(Paragraph, { asChild: true, size: size, children: jsxs("div", { className: clsx('fds-native-select--container', disabled && 'fds-native-select--disabled', readOnly && 'fds-native-select--readonly', error && 'fds-native-select--error'), children: [label && (jsxs(Label, { weight: 'medium', size: size, htmlFor: selectProps.id, className: clsx('fds-native-select__label', hideLabel && 'fds-sr-only'), children: [readOnly && (jsx(PadlockLockedFillIcon, { "aria-hidden": true, className: 'fds-native-select__readonly__icon' })), label] })), description && (jsx(Paragraph, { asChild: true, size: size, children: jsx("div", { id: descriptionId, className: clsx(`fds-native-select__description`, hideLabel && `fds-sr-only`), children: description }) })), jsx("select", { disabled: disabled || readOnly, ref: ref, size: htmlSize, className: clsx('fds-native-select', `fds-native-select--${size}`, `fds-focus`, props.multiple && 'fds-native-select--multiple', className), ...omit(['size', 'error', 'errorId'], rest), ...omit(['readOnly', 'disabled'], selectProps), children: children }), error && (jsx("div", { id: errorId, className: 'fds-native-select__error-message', "aria-live": 'polite', "aria-relevant": 'additions removals', children: jsx(ErrorMessage, { size: size, children: error }) }))] }) }));
+    return (jsx(Paragraph, { asChild: true, size: size, children: jsxs("div", { className: clsx('fds-native-select--container', readOnly && 'fds-native-select--readonly', error && 'fds-native-select--error'), children: [label && (jsxs(Label, { weight: 'medium', size: size, htmlFor: selectProps.id, className: clsx('fds-native-select__label', hideLabel && 'fds-sr-only'), children: [readOnly && (jsx(PadlockLockedFillIcon, { "aria-hidden": true, className: 'fds-native-select__readonly__icon' })), label] })), description && (jsx(Paragraph, { asChild: true, size: size, children: jsx("div", { id: descriptionId, className: clsx(`fds-native-select__description`, hideLabel && `fds-sr-only`), children: description }) })), jsx("div", { className: 'fds-native-select__wrapper', children: jsx("select", { disabled: disabled || readOnly, ref: ref, size: htmlSize, className: clsx('fds-native-select', `fds-native-select--${size}`, `fds-focus`, props.multiple && 'fds-native-select--multiple', className), ...omit(['size', 'error', 'errorId'], rest), ...omit(['readOnly', 'disabled'], selectProps), children: children }) }), error && (jsx("div", { id: errorId, className: 'fds-native-select__error-message', "aria-live": 'polite', "aria-relevant": 'additions removals', children: jsx(ErrorMessage, { size: size, children: error }) }))] }) }));
 });
 NativeSelect.displayName = 'NativeSelect';
 

package/dist/esm/components/form/NativeSelect/useNativeSelect.js

@@ -2,13 +2,11 @@
 import { useContext } from 'react';
 import { useFormField } from '../useFormField.js';
 import { FieldsetContext } from '../Fieldset/FieldsetContext.js';
-import { getSize } from '../../../utilities/getSize.js';
 
 /** Handles props for `NativeSelect` in context with `Fieldset` */
 const useNativeSelect = (props) => {
     const fieldset = useContext(FieldsetContext);
-    const { inputProps: selectProps, readOnly, ...rest } = useFormField(props, 'select');
-    const size = getSize(fieldset?.size ?? props.size ?? 'md');
+    const { inputProps: selectProps, readOnly, size = fieldset?.size ?? 'md', ...rest } = useFormField(props, 'select');
     return {
         ...rest,
         readOnly,

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

@@ -10,7 +10,7 @@ import { Label } from '../../Typography/Label/Label.js';
 const Radio = forwardRef((props, ref) => {
     const { children, description, className, style, ...rest } = props;
     const { inputProps, descriptionId, hasError, size = 'md', readOnly, } = useRadio(props);
-    return (jsx(Paragraph, { asChild: true, size: size, children: jsxs("div", { className: clsx('fds-radio', `fds-radio--${size}`, inputProps.disabled && `fds-radio--disabled`, hasError && `fds-radio--error`, readOnly && `fds-radio--readonly`, className), style: style, children: [jsx("input", { className: 'fds-radio__input', ref: ref, ...omit(['size', 'error'], rest), ...inputProps }), children && (jsxs(Fragment, { children: [jsx(Label, { className: 'fds-radio__label', htmlFor: inputProps.id, size: size, weight: 'regular', children: jsx("span", { children: children }) }), description && (jsx(Paragraph, { asChild: true, size: size, children: jsx("div", { id: descriptionId, className: 'fds-radio__description', children: description }) }))] }))] }) }));
+    return (jsx(Paragraph, { asChild: true, size: size, children: jsxs("div", { className: clsx('fds-radio', `fds-radio--${size}`, hasError && `fds-radio--error`, readOnly && `fds-radio--readonly`, className), style: style, children: [jsx("input", { className: 'fds-radio__input', disabled: inputProps.disabled, ref: ref, ...omit(['size', 'error'], rest), ...inputProps }), children && (jsxs(Fragment, { children: [jsx(Label, { className: 'fds-radio__label', htmlFor: inputProps.id, size: size, weight: 'regular', children: jsx("span", { children: children }) }), description && (jsx(Paragraph, { asChild: true, size: size, children: jsx("div", { id: descriptionId, className: 'fds-radio__description', children: description }) }))] }))] }) }));
 });
 Radio.displayName = 'Radio';
 

package/dist/esm/components/form/Search/useSearch.js

@@ -2,13 +2,11 @@
 import { useContext } from 'react';
 import { useFormField } from '../useFormField.js';
 import { FieldsetContext } from '../Fieldset/FieldsetContext.js';
-import { getSize } from '../../../utilities/getSize.js';
 
 /** Handles props for `Search` in context with `Fieldset` */
 const useSearch = (props) => {
     const fieldset = useContext(FieldsetContext);
-    const { inputProps, readOnly, ...rest } = useFormField(props, 'search');
-    const size = fieldset?.size ?? getSize(props.size || 'md');
+    const { inputProps, readOnly, size = fieldset?.size ?? 'md', ...rest } = useFormField(props, 'search');
     return {
         ...rest,
         readOnly,

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

@@ -11,7 +11,7 @@ import { Label } from '../../Typography/Label/Label.js';
 const Switch = forwardRef((props, ref) => {
     const { children, description, position = 'left', className, ...rest } = props;
     const { inputProps, descriptionId, size = 'md', readOnly, } = useSwitch(props);
-    return (jsx(Paragraph, { asChild: true, size: size, children: jsxs("div", { className: clsx(`fds-switch`, `fds-switch--${size}`, inputProps.disabled && `fds-switch--disabled`, readOnly && `fds-switch--readonly`, className), children: [jsx("input", { className: `fds-switch__input`, ref: ref, ...omit(['size', 'error'], rest), ...inputProps }), jsxs(Label, { className: clsx(`fds-switch__label`, position === 'right' && `fds-switch__label--right`), htmlFor: inputProps.id, size: size, weight: 'regular', children: [jsx("span", { className: `fds-switch__track`, children: jsx("span", { className: `fds-switch__thumb` }) }), readOnly && (jsx(PadlockLockedFillIcon, { "aria-hidden": true, className: `fds-switch__readonly__icon` })), children && jsx("span", { children: children })] }), description && (jsx(Paragraph, { asChild: true, size: size, children: jsx("div", { id: descriptionId, className: `fds-switch__description`, children: description }) }))] }) }));
+    return (jsx(Paragraph, { asChild: true, size: size, children: jsxs("div", { className: clsx(`fds-switch`, `fds-switch--${size}`, inputProps.disabled && `fds-switch--disabled`, readOnly && `fds-switch--readonly`, className), children: [jsx("input", { className: `fds-switch__input`, disabled: inputProps.disabled, ref: ref, ...omit(['size', 'error'], rest), ...inputProps }), jsxs(Label, { className: clsx(`fds-switch__label`, position === 'right' && `fds-switch__label--right`), htmlFor: inputProps.id, size: size, weight: 'regular', children: [jsx("span", { className: `fds-switch__track`, children: jsx("span", { className: `fds-switch__thumb` }) }), readOnly && (jsx(PadlockLockedFillIcon, { "aria-hidden": true, className: `fds-switch__readonly__icon` })), children && jsx("span", { children: children })] }), description && (jsx(Paragraph, { asChild: true, size: size, children: jsx("div", { id: descriptionId, className: `fds-switch__description`, children: description }) }))] }) }));
 });
 Switch.displayName = 'Switch';
 

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

@@ -24,7 +24,7 @@ const Textarea = forwardRef((props, ref) => {
     const characterLimitId = `${textareaProps.id}-charactercount}`;
     const hasCharacterLimit = characterLimit != null;
     const describedBy = clsx(textareaProps['aria-describedby'], hasCharacterLimit && characterLimitId) || undefined;
-    return (jsx(Paragraph, { asChild: true, size: size, children: jsxs("div", { style: style, className: clsx('fds-textarea', `fds-textarea--${size}`, textareaProps.disabled && 'fds-textarea--disabled', readOnly && `fds-textarea--readonly`, hasError && `fds-textarea--error`, className), children: [label && (jsxs(Label, { size: size, weight: 'medium', htmlFor: textareaProps.id, className: clsx('fds-textarea__label', hideLabel && `fds-sr-only`), children: [readOnly && (jsx(PadlockLockedFillIcon, { "aria-hidden": true, className: 'fds-textarea__readonly__icon' })), jsx("span", { children: label })] })), description && (jsx(Paragraph, { asChild: true, size: size, children: jsx("div", { id: descriptionId, className: clsx('fds-textarea__description', hideLabel && `fds-sr-only`), children: description }) })), jsx("textarea", { className: clsx('fds-textarea__input', `fds-focus`), ref: ref, "aria-describedby": describedBy, ...omit(['size', 'error', 'errorId'], rest), ...textareaProps, onChange: (e) => {
+    return (jsx(Paragraph, { asChild: true, size: size, children: jsxs("div", { style: style, className: clsx('fds-textarea', `fds-textarea--${size}`, hasError && `fds-textarea--error`, className), children: [label && (jsxs(Label, { size: size, weight: 'medium', htmlFor: textareaProps.id, className: clsx('fds-textarea__label', hideLabel && `fds-sr-only`), children: [readOnly && (jsx(PadlockLockedFillIcon, { "aria-hidden": true, className: 'fds-textarea__readonly-icon' })), jsx("span", { children: label })] })), description && (jsx(Paragraph, { asChild: true, size: size, children: jsx("div", { id: descriptionId, className: clsx('fds-textarea__description', hideLabel && `fds-sr-only`), children: description }) })), jsx("textarea", { className: clsx('fds-textarea__input', `fds-focus`), ref: ref, "aria-describedby": describedBy, disabled: textareaProps.disabled, readOnly: readOnly, ...omit(['size', 'error', 'errorId'], rest), ...textareaProps, onChange: (e) => {
                         textareaProps?.onChange?.(e);
                         setValue(e.target.value);
                     } }), hasCharacterLimit && (jsx(CharacterCounter, { size: size, value: value ? value.toString() : '', id: characterLimitId, ...characterLimit })), jsx("div", { className: 'fds-textarea__error-message', id: errorId, "aria-live": 'polite', "aria-relevant": 'additions removals', children: hasError && jsx(ErrorMessage, { size: size, children: props.error }) })] }) }));

package/dist/esm/components/form/Textarea/useTextarea.js

@@ -2,13 +2,11 @@
 import { useContext } from 'react';
 import { useFormField } from '../useFormField.js';
 import { FieldsetContext } from '../Fieldset/FieldsetContext.js';
-import { getSize } from '../../../utilities/getSize.js';
 
 /** Handles props for `Textarea` in context with `Fieldset` */
 const useTextarea = (props) => {
     const fieldset = useContext(FieldsetContext);
-    const { inputProps, readOnly, ...rest } = useFormField(props, 'textarea');
-    const size = fieldset?.size ?? getSize(props.size ?? 'md');
+    const { inputProps, readOnly, size = fieldset?.size ?? 'md', ...rest } = useFormField(props, 'textarea');
     return {
         ...rest,
         readOnly,

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

@@ -24,7 +24,7 @@ const Textfield = forwardRef((props, ref) => {
     const characterLimitId = `textfield-charactercount-${useId()}`;
     const hasCharacterLimit = characterLimit != null;
     const describedBy = clsx(inputProps['aria-describedby'], hasCharacterLimit && characterLimitId) || undefined;
-    return (jsx(Paragraph, { asChild: true, size: size, children: jsxs("div", { style: style, className: clsx(`fds-textfield`, `fds-textfield--${size}`, inputProps.disabled && `fds-textfield--disabled`, readOnly && `fds-textfield--readonly`, hasError && `fds-textfield--error`, className), children: [label && (jsxs(Label, { size: size, weight: 'medium', htmlFor: inputProps.id, className: clsx(`fds-textfield__label`, hideLabel && `fds-sr-only`), children: [readOnly && (jsx(PadlockLockedFillIcon, { "aria-hidden": true, className: 'fds-textfield__readonly__icon' })), jsx("span", { children: label })] })), description && (jsx(Paragraph, { asChild: true, size: size, children: jsx("div", { id: descriptionId, className: clsx(`fds-textfield__description`, hideLabel && `fds-sr-only`), children: description }) })), jsxs("div", { className: 'fds-textfield__field', children: [prefix && (jsx(Paragraph, { asChild: true, size: size, variant: 'short', children: jsx("div", { className: clsx(`fds-textfield__adornment`, `fds-textfield__prefix`), "aria-hidden": 'true', children: prefix }) })), jsx("input", { className: clsx(`fds-textfield__input`, `fds-focus`, prefix && `fds-textfield__input--with-prefix`, suffix && `fds-textfield__input--with-suffix`), ref: ref, type: type, "aria-describedby": describedBy, size: htmlSize, ...omit(['size', 'error', 'errorId'], rest), ...inputProps, onChange: (e) => {
+    return (jsx(Paragraph, { asChild: true, size: size, children: jsxs("div", { style: style, className: clsx(`fds-textfield`, `fds-textfield--${size}`, readOnly && `fds-textfield--readonly`, hasError && `fds-textfield--error`, className), children: [label && (jsxs(Label, { size: size, weight: 'medium', htmlFor: inputProps.id, className: clsx(`fds-textfield__label`, hideLabel && `fds-sr-only`), children: [readOnly && (jsx(PadlockLockedFillIcon, { "aria-hidden": true, className: 'fds-textfield__readonly__icon' })), jsx("span", { children: label })] })), description && (jsx(Paragraph, { asChild: true, size: size, children: jsx("div", { id: descriptionId, className: clsx(`fds-textfield__description`, hideLabel && `fds-sr-only`), children: description }) })), jsxs("div", { className: 'fds-textfield__field', children: [prefix && (jsx(Paragraph, { asChild: true, size: size, variant: 'short', children: jsx("div", { className: clsx(`fds-textfield__adornment`, `fds-textfield__prefix`), "aria-hidden": 'true', children: prefix }) })), jsx("input", { className: clsx(`fds-textfield__input`, `fds-focus`, prefix && `fds-textfield__input--with-prefix`, suffix && `fds-textfield__input--with-suffix`), ref: ref, type: type, disabled: inputProps.disabled, "aria-describedby": describedBy, size: htmlSize, ...omit(['size', 'error', 'errorId'], rest), ...inputProps, onChange: (e) => {
                                 inputProps?.onChange?.(e);
                                 setInputValue(e.target.value);
                             } }), suffix && (jsx(Paragraph, { asChild: true, size: size, variant: 'short', children: jsx("div", { className: clsx(`fds-textfield__adornment`, `fds-textfield__suffix`), "aria-hidden": 'true', children: suffix }) }))] }), hasCharacterLimit && (jsx(CharacterCounter, { size: size, value: inputValue ? inputValue.toString() : '', id: characterLimitId, ...characterLimit })), jsx("div", { className: 'fds-textfield__error-message', id: errorId, "aria-live": 'polite', "aria-relevant": 'additions removals', children: hasError && jsx(ErrorMessage, { size: size, children: props.error }) })] }) }));

package/dist/esm/components/form/Textfield/useTextfield.js

@@ -2,13 +2,11 @@
 import { useContext } from 'react';
 import { useFormField } from '../useFormField.js';
 import { FieldsetContext } from '../Fieldset/FieldsetContext.js';
-import { getSize } from '../../../utilities/getSize.js';
 
 /** Handles props for `Textfield` in context with `Fieldset` */
 const useTextfield = (props) => {
     const fieldset = useContext(FieldsetContext);
-    const { inputProps, readOnly, ...rest } = useFormField(props, 'textfield');
-    const size = getSize(fieldset?.size ?? props.size ?? 'md');
+    const { inputProps, readOnly, size = fieldset?.size ?? 'md', ...rest } = useFormField(props, 'textfield');
     return {
         ...rest,
         readOnly,

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

@@ -1,7 +1,6 @@
 'use client';
 import { useContext, useId } from 'react';
 import { clsx } from '../../node_modules/clsx/dist/lite.js';
-import { getSize } from '../../utilities/getSize.js';
 import { FieldsetContext } from './Fieldset/FieldsetContext.js';
 
 /**
@@ -13,10 +12,10 @@ const useFormField = (props, prefix) => {
     const id = props.id ?? `${prefix}-${randomId}`;
     const errorId = props.errorId ?? `${prefix}-error-${randomId}`;
     const descriptionId = `${prefix}-description-${randomId}`;
+    const size = props.size ?? fieldset?.size ?? 'md';
     const disabled = fieldset?.disabled || props?.disabled;
     const readOnly = ((fieldset?.readOnly || props?.readOnly) && !disabled) || undefined;
     const hasError = !disabled && !readOnly && !!(props.error || fieldset?.error);
-    const size = getSize(props.size || fieldset?.size || 'md');
     return {
         readOnly,
         hasError,
@@ -27,7 +26,9 @@ const useFormField = (props, prefix) => {
             id,
             disabled,
             'aria-invalid': hasError ? true : undefined,
-            'aria-describedby': clsx(props['aria-describedby'], (!!props?.description && typeof props?.description === 'string') && descriptionId, (hasError && !fieldset?.error) && errorId, (hasError && !!fieldset?.error) && fieldset?.errorId) || undefined,
+            'aria-describedby': clsx(props['aria-describedby'], !!props?.description &&
+                typeof props?.description === 'string' &&
+                descriptionId, hasError && !fieldset?.error && errorId, hasError && !!fieldset?.error && fieldset?.errorId) || undefined,
         },
     };
 };

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

@@ -8,8 +8,8 @@ export { arrow } from '../../react-dom/dist/floating-ui.react-dom.js';
 import { isElement, isHTMLElement, getOverflowAncestors, getWindow, getNodeName, isLastTraversableNode, getParentNode, getComputedStyle } from '../../utils/dist/floating-ui.utils.dom.js';
 import { tabbable, isTabbable } from '../../../tabbable/dist/index.esm.js';
 import { createPortal } from 'react-dom';
-import { platform } from '../../dom/dist/floating-ui.dom.js';
-export { autoUpdate, computePosition, flip, shift, size } from '../../dom/dist/floating-ui.dom.js';
+import { platform } from '../../react-dom/node_modules/@floating-ui/dom/dist/floating-ui.dom.js';
+export { autoUpdate, computePosition, flip, shift, size } from '../../react-dom/node_modules/@floating-ui/dom/dist/floating-ui.dom.js';
 
 /**
  * Merges an array of refs into a single memoized callback ref or `null`.

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

@@ -1,6 +1,6 @@
 'use client';
-import { arrow as arrow$1, computePosition } from '../../dom/dist/floating-ui.dom.js';
-export { autoUpdate, flip, platform, shift, size } from '../../dom/dist/floating-ui.dom.js';
+import { arrow as arrow$1, computePosition } from '../node_modules/@floating-ui/dom/dist/floating-ui.dom.js';
+export { autoUpdate, flip, platform, shift, size } from '../node_modules/@floating-ui/dom/dist/floating-ui.dom.js';
 import * as React from 'react';
 import { useLayoutEffect, useEffect } from 'react';
 import * as ReactDOM from 'react-dom';

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

@@ -1,8 +1,8 @@
 '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 { createCoords, rectToClientRect, round, max, min, floor } from '../../utils/dist/floating-ui.utils.js';
-import { getOverflowAncestors, isElement, getWindow, getComputedStyle, getDocumentElement, isHTMLElement, isWebKit, getNodeName, isOverflowElement, getNodeScroll, isTableElement, isContainingBlock, getContainingBlock, getParentNode, isLastTraversableNode } from '../../utils/dist/floating-ui.utils.dom.js';
+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 { createCoords, rectToClientRect, round, max, min, floor } from '../../../../../utils/dist/floating-ui.utils.js';
+import { getOverflowAncestors, isElement, getWindow, getComputedStyle, getDocumentElement, isHTMLElement, isWebKit, getNodeName, isOverflowElement, getNodeScroll, isTableElement, isContainingBlock, getContainingBlock, getParentNode, isLastTraversableNode } from '../../../../../utils/dist/floating-ui.utils.dom.js';
 
 function getCssDimensions(element) {
   const css = getComputedStyle(element);

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

@@ -1,20 +1,22 @@
 import type { ReactNode, HTMLAttributes } from 'react';
-type OldColors = 'first' | 'second' | 'third';
 export type AccordionProps = {
-    /** Accordion background color */
-    color?: 'brand1' | 'brand2' | 'brand3' | 'neutral' | 'subtle' | OldColors;
+    /** Accordion background color
+     * @default neutral
+     */
+    color?: 'brand1' | 'brand2' | 'brand3' | 'neutral' | 'subtle';
     /** Show border */
     border?: boolean;
     /** Instances of `Accordion.Item` */
     children: ReactNode;
 } & HTMLAttributes<HTMLDivElement>;
 export declare const Accordion: import("react").ForwardRefExoticComponent<{
-    /** Accordion background color */
-    color?: "neutral" | "brand1" | "brand2" | "brand3" | OldColors | "subtle" | undefined;
+    /** Accordion background color
+     * @default neutral
+     */
+    color?: "neutral" | "brand1" | "brand2" | "brand3" | "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;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"}
+{"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;;OAEG;IACH,KAAK,CAAC,EAAE,QAAQ,GAAG,QAAQ,GAAG,QAAQ,GAAG,SAAS,GAAG,QAAQ,CAAC;IAC9D,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;IAVpB;;OAEG;;IAEH,kBAAkB;;IAElB,oCAAoC;cAC1B,SAAS;mFAkBpB,CAAC"}

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

@@ -1,6 +1,5 @@
 import type { HTMLAttributes } from 'react';
 type Severity = 'info' | 'warning' | 'success' | 'danger';
-type OldAlertSizes = 'small' | 'medium' | 'large';
 export type AlertProps = {
     /** Sets color & icon according to severity */
     severity?: Severity;
@@ -16,10 +15,8 @@ export type AlertProps = {
      * Does not affect font size.
      *
      * @default md
-     *
-     * @note `small`, `medium`, `large` is deprecated
      */
-    size?: 'sm' | 'md' | 'lg' | OldAlertSizes;
+    size?: 'sm' | 'md' | 'lg';
 } & HTMLAttributes<HTMLDivElement>;
 export declare const Alert: import("react").ForwardRefExoticComponent<{
     /** Sets color & icon according to severity */
@@ -36,10 +33,8 @@ export declare const Alert: import("react").ForwardRefExoticComponent<{
      * Does not affect font size.
      *
      * @default md
-     *
-     * @note `small`, `medium`, `large` is deprecated
      */
-    size?: "sm" | "md" | "lg" | OldAlertSizes | undefined;
+    size?: "sm" | "md" | "lg" | undefined;
 } & HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>;
 export {};
 //# sourceMappingURL=Alert.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"Alert.d.ts","sourceRoot":"","sources":["../../../../src/components/Alert/Alert.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AA6B5C,KAAK,QAAQ,GAAG,MAAM,GAAG,SAAS,GAAG,SAAS,GAAG,QAAQ,CAAC;AAE1D,KAAK,aAAa,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAC;AAElD,MAAM,MAAM,UAAU,GAAG;IACvB,8CAA8C;IAC9C,QAAQ,CAAC,EAAE,QAAQ,CAAC;IACpB,6CAA6C;IAC7C,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;iCAG6B;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;;;;;OAOG;IACH,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,aAAa,CAAC;CAC3C,GAAG,cAAc,CAAC,cAAc,CAAC,CAAC;AACnC,eAAO,MAAM,KAAK;IAnBhB,8CAA8C;;IAE9C,6CAA6C;;IAE7C;;;iCAG6B;;IAE7B;;;;;;;OAOG;;mFAuCJ,CAAC"}
+{"version":3,"file":"Alert.d.ts","sourceRoot":"","sources":["../../../../src/components/Alert/Alert.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AA4B5C,KAAK,QAAQ,GAAG,MAAM,GAAG,SAAS,GAAG,SAAS,GAAG,QAAQ,CAAC;AAE1D,MAAM,MAAM,UAAU,GAAG;IACvB,8CAA8C;IAC9C,QAAQ,CAAC,EAAE,QAAQ,CAAC;IACpB,6CAA6C;IAC7C,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;iCAG6B;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;;;OAKG;IACH,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;CAC3B,GAAG,cAAc,CAAC,cAAc,CAAC,CAAC;AACnC,eAAO,MAAM,KAAK;IAjBhB,8CAA8C;;IAE9C,6CAA6C;;IAE7C;;;iCAG6B;;IAE7B;;;;;OAKG;;mFA8CJ,CAAC"}

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

@@ -1,12 +1,10 @@
 import type { HTMLAttributes } from 'react';
-type OldShadowSizes = 'xsmall' | 'small' | 'medium' | 'large' | 'xlarge';
-type OldBorderRadii = 'small' | 'medium' | 'large' | 'xlarge' | 'xxlarge' | 'xxxlarge' | 'xxxxlarge';
 export type BoxProps = {
     /**
      * Shadow size of the box
      * @default undefined
      */
-    shadow?: 'xs' | 'sm' | 'md' | 'lg' | 'xl' | OldShadowSizes;
+    shadow?: 'xs' | 'sm' | 'md' | 'lg' | 'xl';
     /**
      * Border color of the box
      * @default undefined
@@ -16,7 +14,7 @@ export type BoxProps = {
      * Border radius of the box
      * @default undefined
      */
-    borderRadius?: 'sm' | 'md' | 'lg' | 'xl' | '2xl' | '3xl' | '4xl' | 'full' | OldBorderRadii;
+    borderRadius?: 'sm' | 'md' | 'lg' | 'xl' | '2xl' | '3xl' | '4xl' | 'full';
     /**
      * Background color of the box
      * @default 'default'
@@ -33,7 +31,7 @@ export declare const Box: import("react").ForwardRefExoticComponent<{
      * Shadow size of the box
      * @default undefined
      */
-    shadow?: "xs" | "sm" | "md" | "lg" | "xl" | OldShadowSizes | undefined;
+    shadow?: "sm" | "md" | "lg" | "xs" | "xl" | undefined;
     /**
      * Border color of the box
      * @default undefined
@@ -43,7 +41,7 @@ export declare const Box: import("react").ForwardRefExoticComponent<{
      * Border radius of the box
      * @default undefined
      */
-    borderRadius?: "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | OldBorderRadii | "full" | undefined;
+    borderRadius?: "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "full" | undefined;
     /**
      * Background color of the box
      * @default 'default'
@@ -55,5 +53,4 @@ export declare const Box: import("react").ForwardRefExoticComponent<{
      */
     asChild?: boolean | undefined;
 } & HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>;
-export {};
 //# sourceMappingURL=Box.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"Box.d.ts","sourceRoot":"","sources":["../../../../src/components/Box/Box.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAO5C,KAAK,cAAc,GAAG,QAAQ,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,GAAG,QAAQ,CAAC;AACzE,KAAK,cAAc,GACf,OAAO,GACP,QAAQ,GACR,OAAO,GACP,QAAQ,GACR,SAAS,GACT,UAAU,GACV,WAAW,CAAC;AAEhB,MAAM,MAAM,QAAQ,GAAG;IACrB;;;OAGG;IACH,MAAM,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,cAAc,CAAC;IAC3D;;;OAGG;IACH,WAAW,CAAC,EAAE,SAAS,GAAG,QAAQ,GAAG,QAAQ,CAAC;IAC9C;;;OAGG;IACH,YAAY,CAAC,EACT,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,KAAK,GACL,KAAK,GACL,KAAK,GACL,MAAM,GACN,cAAc,CAAC;IACnB;;;OAGG;IACH,UAAU,CAAC,EAAE,SAAS,GAAG,QAAQ,CAAC;IAClC;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,GAAG,cAAc,CAAC,cAAc,CAAC,CAAC;AAEnC,eAAO,MAAM,GAAG;IApCd;;;OAGG;;IAEH;;;OAGG;;IAEH;;;OAGG;;IAWH;;;OAGG;;IAEH;;;OAGG;;mFAsCJ,CAAC"}
+{"version":3,"file":"Box.d.ts","sourceRoot":"","sources":["../../../../src/components/Box/Box.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAK5C,MAAM,MAAM,QAAQ,GAAG;IACrB;;;OAGG;IACH,MAAM,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAC1C;;;OAGG;IACH,WAAW,CAAC,EAAE,SAAS,GAAG,QAAQ,GAAG,QAAQ,CAAC;IAC9C;;;OAGG;IACH,YAAY,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,KAAK,GAAG,KAAK,GAAG,KAAK,GAAG,MAAM,CAAC;IAC1E;;;OAGG;IACH,UAAU,CAAC,EAAE,SAAS,GAAG,QAAQ,CAAC;IAClC;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,GAAG,cAAc,CAAC,cAAc,CAAC,CAAC;AAEnC,eAAO,MAAM,GAAG;IA3Bd;;;OAGG;;IAEH;;;OAGG;;IAEH;;;OAGG;;IAEH;;;OAGG;;IAEH;;;OAGG;;mFAoCJ,CAAC"}

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

@@ -1,20 +1,16 @@
 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
      * @default accent
-     * @note `first`, `second`, `success` is deprecated
      */
-    color?: 'accent' | 'neutral' | 'danger' | OldColors;
+    color?: 'accent' | 'neutral' | 'danger';
     /**
      * Size
      * @default md
-     * @note `small`, `medium`, `large` is deprecated
      */
-    size?: 'sm' | 'md' | 'lg' | OldButtonSizes;
+    size?: 'sm' | 'md' | 'lg';
     /** If `Button` should fill full width of its container */
     fullWidth?: boolean;
     /** Toggle icon only styling, pass icon as children
@@ -35,15 +31,13 @@ export declare const Button: import("react").ForwardRefExoticComponent<{
     variant?: "primary" | "secondary" | "tertiary" | undefined;
     /** Specify which color palette to use
      * @default accent
-     * @note `first`, `second`, `success` is deprecated
      */
-    color?: "accent" | "neutral" | OldColors | "danger" | undefined;
+    color?: "accent" | "neutral" | "danger" | undefined;
     /**
      * Size
      * @default md
-     * @note `small`, `medium`, `large` is deprecated
      */
-    size?: "sm" | "md" | "lg" | OldButtonSizes | undefined;
+    size?: "sm" | "md" | "lg" | undefined;
     /** If `Button` should fill full width of its container */
     fullWidth?: boolean | undefined;
     /** Toggle icon only styling, pass icon as children
@@ -56,5 +50,4 @@ 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;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"}
+{"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;;OAEG;IACH,KAAK,CAAC,EAAE,QAAQ,GAAG,SAAS,GAAG,QAAQ,CAAC;IACxC;;;OAGG;IACH,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAC1B,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;IA3BjB,mCAAmC;;IAEnC;;OAEG;;IAEH;;;OAGG;;IAEH,0DAA0D;;IAE1D;;OAEG;;IAEH;;;OAGG;;+FA6CJ,CAAC"}

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

@@ -1,11 +1,10 @@
 import type { ReactNode, HTMLAttributes } from 'react';
-type OldColors = 'first' | 'second' | 'third';
 export type CardProps = {
     /**
      * Changes background & border color
      * @default neutral
      */
-    color?: 'neutral' | 'subtle' | 'brand1' | 'brand2' | 'brand3' | OldColors;
+    color?: 'neutral' | 'subtle' | 'brand1' | 'brand2' | 'brand3';
     /**
      * Change the default rendered element for the one passed as a child, merging their props and behavior.
      * @default false
@@ -18,17 +17,13 @@ export type CardProps = {
     isLink?: boolean;
     /** Instances of `Card.Header`, `Card.Content`, `Card.Footer` or other React nodes like `Divider` */
     children: ReactNode;
-    /**
-     * @deprecated Use `asChild` and `isLink={true}` instead
-     */
-    href?: never;
 } & HTMLAttributes<HTMLDivElement>;
 export declare const Card: import("react").ForwardRefExoticComponent<{
     /**
      * Changes background & border color
      * @default neutral
      */
-    color?: "neutral" | "brand1" | "brand2" | "brand3" | "subtle" | OldColors | undefined;
+    color?: "neutral" | "brand1" | "brand2" | "brand3" | "subtle" | undefined;
     /**
      * Change the default rendered element for the one passed as a child, merging their props and behavior.
      * @default false
@@ -41,10 +36,5 @@ export declare const Card: import("react").ForwardRefExoticComponent<{
     isLink?: boolean | undefined;
     /** Instances of `Card.Header`, `Card.Content`, `Card.Footer` or other React nodes like `Divider` */
     children: ReactNode;
-    /**
-     * @deprecated Use `asChild` and `isLink={true}` instead
-     */
-    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;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"}
+{"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,QAAQ,GAAG,QAAQ,GAAG,QAAQ,CAAC;IAC9D;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;;OAGG;IACH,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,oGAAoG;IACpG,QAAQ,EAAE,SAAS,CAAC;CACrB,GAAG,cAAc,CAAC,cAAc,CAAC,CAAC;AAEnC,eAAO,MAAM,IAAI;IAnBf;;;OAGG;;IAEH;;;OAGG;;IAEH;;;OAGG;;IAEH,oGAAoG;cAC1F,SAAS;mFAuBpB,CAAC"}

package/dist/types/components/Chip/Group/Group.d.ts

@@ -1,14 +1,12 @@
 import type { HTMLAttributes } from 'react';
-type OldChipSizes = 'small' | 'medium' | 'large';
 export type ChipGroupContext = {
-    size?: 'sm' | 'md' | 'lg' | OldChipSizes;
+    size?: 'sm' | 'md' | 'lg';
 };
 export declare const ChipGroupContext: import("react").Context<ChipGroupContext | null>;
 export type ChipGroupProps = {
     /**
      * Changes Chip size and gap between chips.
      * @default md
-     * @note `small`, `medium`, `large` is deprecated
      */
     size?: ChipGroupContext['size'];
 } & HTMLAttributes<HTMLUListElement>;
@@ -16,9 +14,7 @@ export declare const Group: import("react").ForwardRefExoticComponent<{
     /**
      * Changes Chip size and gap between chips.
      * @default md
-     * @note `small`, `medium`, `large` is deprecated
      */
     size?: ChipGroupContext['size'];
 } & HTMLAttributes<HTMLUListElement> & import("react").RefAttributes<HTMLUListElement>>;
-export {};
 //# sourceMappingURL=Group.d.ts.map

package/dist/types/components/Chip/Group/Group.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Group.d.ts","sourceRoot":"","sources":["../../../../../src/components/Chip/Group/Group.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAM5C,KAAK,YAAY,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAC;AAEjD,MAAM,MAAM,gBAAgB,GAAG;IAC7B,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,YAAY,CAAC;CAC1C,CAAC;AAEF,eAAO,MAAM,gBAAgB,kDAA+C,CAAC;AAE7E,MAAM,MAAM,cAAc,GAAG;IAC3B;;;;OAIG;IACH,IAAI,CAAC,EAAE,gBAAgB,CAAC,MAAM,CAAC,CAAC;CACjC,GAAG,cAAc,CAAC,gBAAgB,CAAC,CAAC;AAErC,eAAO,MAAM,KAAK;IARhB;;;;OAIG;WACI,gBAAgB,CAAC,MAAM,CAAC;uFA2BhC,CAAC"}
+{"version":3,"file":"Group.d.ts","sourceRoot":"","sources":["../../../../../src/components/Chip/Group/Group.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAI5C,MAAM,MAAM,gBAAgB,GAAG;IAC7B,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;CAC3B,CAAC;AAEF,eAAO,MAAM,gBAAgB,kDAA+C,CAAC;AAE7E,MAAM,MAAM,cAAc,GAAG;IAC3B;;;OAGG;IACH,IAAI,CAAC,EAAE,gBAAgB,CAAC,MAAM,CAAC,CAAC;CACjC,GAAG,cAAc,CAAC,gBAAgB,CAAC,CAAC;AAErC,eAAO,MAAM,KAAK;IAPhB;;;OAGG;WACI,gBAAgB,CAAC,MAAM,CAAC;uFAyBhC,CAAC"}

package/dist/types/components/Chip/Removable/Removable.d.ts

@@ -4,7 +4,6 @@ export type RemovableChipProps = {
     /**
      * Changes Chip size and gap between chips.
      * @default 'md'
-     * @note `small`, `medium`, `large` is deprecated
      */
     size?: ChipGroupContext['size'];
 } & ButtonHTMLAttributes<HTMLButtonElement>;
@@ -12,7 +11,6 @@ export declare const RemovableChip: import("react").ForwardRefExoticComponent<{
     /**
      * Changes Chip size and gap between chips.
      * @default 'md'
-     * @note `small`, `medium`, `large` is deprecated
      */
     size?: ChipGroupContext['size'];
 } & ButtonHTMLAttributes<HTMLButtonElement> & import("react").RefAttributes<HTMLButtonElement>>;

package/dist/types/components/Chip/Removable/Removable.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Removable.d.ts","sourceRoot":"","sources":["../../../../../src/components/Chip/Removable/Removable.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,OAAO,CAAC;AAMlD,OAAO,EAAE,gBAAgB,EAAE,MAAM,gBAAgB,CAAC;AAGlD,MAAM,MAAM,kBAAkB,GAAG;IAC/B;;;;OAIG;IACH,IAAI,CAAC,EAAE,gBAAgB,CAAC,MAAM,CAAC,CAAC;CACjC,GAAG,oBAAoB,CAAC,iBAAiB,CAAC,CAAC;AAE5C,eAAO,MAAM,aAAa;IARxB;;;;OAIG;WACI,gBAAgB,CAAC,MAAM,CAAC;+FAuChC,CAAC"}
+{"version":3,"file":"Removable.d.ts","sourceRoot":"","sources":["../../../../../src/components/Chip/Removable/Removable.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,OAAO,CAAC;AAMlD,OAAO,EAAE,gBAAgB,EAAE,MAAM,gBAAgB,CAAC;AAElD,MAAM,MAAM,kBAAkB,GAAG;IAC/B;;;OAGG;IACH,IAAI,CAAC,EAAE,gBAAgB,CAAC,MAAM,CAAC,CAAC;CACjC,GAAG,oBAAoB,CAAC,iBAAiB,CAAC,CAAC;AAE5C,eAAO,MAAM,aAAa;IAPxB;;;OAGG;WACI,gBAAgB,CAAC,MAAM,CAAC;+FAsChC,CAAC"}

package/dist/types/components/Chip/Toggle/Toggle.d.ts

@@ -8,7 +8,6 @@ export type ToggleChipProps = {
     /**
      * Changes Chip size and gap between chips.
      * @default 'md'
-     * @note `small`, `medium`, `large` is deprecated
      */
     size?: ChipGroupContext['size'];
     /**
@@ -24,7 +23,6 @@ export declare const ToggleChip: import("react").ForwardRefExoticComponent<{
     /**
      * Changes Chip size and gap between chips.
      * @default 'md'
-     * @note `small`, `medium`, `large` is deprecated
      */
     size?: ChipGroupContext['size'];
     /**

package/dist/types/components/Chip/Toggle/Toggle.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Toggle.d.ts","sourceRoot":"","sources":["../../../../../src/components/Chip/Toggle/Toggle.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,OAAO,CAAC;AAMlD,OAAO,EAAE,gBAAgB,EAAE,MAAM,gBAAgB,CAAC;AAGlD,MAAM,MAAM,eAAe,GAAG;IAC5B;;OAEG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;;;;OAIG;IACH,IAAI,CAAC,EAAE,gBAAgB,CAAC,MAAM,CAAC,CAAC;IAChC;;SAEK;IACL,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,GAAG,oBAAoB,CAAC,iBAAiB,CAAC,CAAC;AAE5C,eAAO,MAAM,UAAU;IAhBrB;;OAEG;;IAEH;;;;OAIG;WACI,gBAAgB,CAAC,MAAM,CAAC;IAC/B;;SAEK;;+FAmDN,CAAC"}
+{"version":3,"file":"Toggle.d.ts","sourceRoot":"","sources":["../../../../../src/components/Chip/Toggle/Toggle.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,OAAO,CAAC;AAMlD,OAAO,EAAE,gBAAgB,EAAE,MAAM,gBAAgB,CAAC;AAElD,MAAM,MAAM,eAAe,GAAG;IAC5B;;OAEG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;;;OAGG;IACH,IAAI,CAAC,EAAE,gBAAgB,CAAC,MAAM,CAAC,CAAC;IAChC;;SAEK;IACL,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,GAAG,oBAAoB,CAAC,iBAAiB,CAAC,CAAC;AAE5C,eAAO,MAAM,UAAU;IAfrB;;OAEG;;IAEH;;;OAGG;WACI,gBAAgB,CAAC,MAAM,CAAC;IAC/B;;SAEK;;+FAmDN,CAAC"}