@digdir/designsystemet-react 1.18.0 → 1.19.0

package/dist/types/components/suggestion/index.d.ts

@@ -4,6 +4,7 @@ import { SuggestionEmpty } from './suggestion-empty';
 import { SuggestionInput } from './suggestion-input';
 import { SuggestionList } from './suggestion-list';
 import { SuggestionOption } from './suggestion-option';
+import { SuggestionToggle } from './suggestion-toggle';
 type Suggestion = typeof SuggestionRoot & {
     /**
      * Component that provides a Suggestion list.
@@ -13,6 +14,8 @@ type Suggestion = typeof SuggestionRoot & {
      * @example
      * <Suggestion>
      *   <Suggestion.Input />
+     *   <Suggestion.Toggle />
+     *   <Suggestion.Clear />
      *   <Suggestion.List />
      * </Suggestion>
      */
@@ -25,6 +28,8 @@ type Suggestion = typeof SuggestionRoot & {
      * @example
      * <Suggestion>
      *   <Suggestion.Input />
+     *   <Suggestion.Toggle />
+     *   <Suggestion.Clear />
      *   <Suggestion.List />
      * </Suggestion>
      */
@@ -46,6 +51,8 @@ type Suggestion = typeof SuggestionRoot & {
      * @example
      * <Suggestion>
      *   <Suggestion.Input />
+     *   <Suggestion.Toggle />
+     *   <Suggestion.Clear />
      *   <Suggestion.List>
      *     <Suggestion.Option value='Option 1'>Option 1</Suggestion.Option>
      *     <Suggestion.Option value='Option 2'>Option 2</Suggestion.Option>
@@ -61,11 +68,26 @@ type Suggestion = typeof SuggestionRoot & {
      * @example
      * <Suggestion>
      *   <Suggestion.Input />
+     *   <Suggestion.Toggle />
      *   <Suggestion.Clear />
      *   <Suggestion.List />
      * </Suggestion>
      */
     Clear: typeof SuggestionClear;
+    /**
+     * Component that provides a toggle button for the Suggestion list.
+     *
+     * Place as a descendant of `Suggestion`
+     *
+     * @example
+     * <Suggestion>
+     *   <Suggestion.Input />
+     *   <Suggestion.Toggle />
+     *   <Suggestion.Clear />
+     *   <Suggestion.List />
+     * </Suggestion>
+     */
+    Toggle: typeof SuggestionToggle;
 };
 /**
  * A component that provides a suggestion list for an input field.
@@ -73,6 +95,7 @@ type Suggestion = typeof SuggestionRoot & {
  * @example
  * <Suggestion>
  *   <Suggestion.Input />
+ *   <Suggestion.Toggle />
  *   <Suggestion.Clear />
  *   <Suggestion.List>
  *     <Suggestion.Empty>Tomt</Suggestion.Empty>
@@ -88,5 +111,5 @@ export type { SuggestionEmptyProps } from './suggestion-empty';
 export type { SuggestionInputProps } from './suggestion-input';
 export type { SuggestionListProps } from './suggestion-list';
 export type { SuggestionOptionProps } from './suggestion-option';
-export { EXPERIMENTAL_Suggestion, SuggestionClear as EXPERIMENTAL_SuggestionClear, SuggestionEmpty as EXPERIMENTAL_SuggestionEmpty, SuggestionInput as EXPERIMENTAL_SuggestionInput, SuggestionList as EXPERIMENTAL_SuggestionList, SuggestionOption as EXPERIMENTAL_SuggestionOption, };
-//# sourceMappingURL=index.d.ts.map
+export type { SuggestionToggleProps } from './suggestion-toggle';
+export { EXPERIMENTAL_Suggestion, SuggestionClear as EXPERIMENTAL_SuggestionClear, SuggestionEmpty as EXPERIMENTAL_SuggestionEmpty, SuggestionInput as EXPERIMENTAL_SuggestionInput, SuggestionList as EXPERIMENTAL_SuggestionList, SuggestionOption as EXPERIMENTAL_SuggestionOption, SuggestionToggle as EXPERIMENTAL_SuggestionToggle, };

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

@@ -16,6 +16,7 @@ export type SuggestionClearProps = MergeRight<DefaultProps & ButtonHTMLAttribute
  * @example
  * <Suggestion>
  *   <Suggestion.Input />
+ *   <Suggestion.Toggle />
  *   <Suggestion.Clear />
  *   <Suggestion.List />
  * </Suggestion>
@@ -27,4 +28,3 @@ export declare const SuggestionClear: import("react").ForwardRefExoticComponent<
      */
     'aria-label'?: string;
 } & import("react").RefAttributes<HTMLButtonElement>>;
-//# sourceMappingURL=suggestion-clear.d.ts.map

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

@@ -1,7 +1,13 @@
 import type { OptionHTMLAttributes } from 'react';
 import type { DefaultProps } from '../../types';
 import '@digdir/designsystemet-web';
-export type SuggestionEmptyProps = DefaultProps & OptionHTMLAttributes<HTMLOptionElement>;
+export type SuggestionEmptyProps = DefaultProps & OptionHTMLAttributes<HTMLOptionElement> & {
+    /**
+     * Optionally the text to display when the suggestion list is empty.
+     * If <Suggestion> has `data-creatable`, use `{value}` to replace with the current input value.
+     **/
+    'data-empty'?: string;
+};
 /**
  * Component that provides an empty Suggestion list.
  *
@@ -12,5 +18,10 @@ export type SuggestionEmptyProps = DefaultProps & OptionHTMLAttributes<HTMLOptio
  *   <Suggestion.Empty>Tomt</Suggestion.Empty>
  * </Suggestion.List>
  */
-export declare const SuggestionEmpty: import("react").ForwardRefExoticComponent<DefaultProps & OptionHTMLAttributes<HTMLOptionElement> & import("react").RefAttributes<HTMLOptionElement>>;
-//# sourceMappingURL=suggestion-empty.d.ts.map
+export declare const SuggestionEmpty: import("react").ForwardRefExoticComponent<DefaultProps & OptionHTMLAttributes<HTMLOptionElement> & {
+    /**
+     * Optionally the text to display when the suggestion list is empty.
+     * If <Suggestion> has `data-creatable`, use `{value}` to replace with the current input value.
+     **/
+    'data-empty'?: string;
+} & import("react").RefAttributes<HTMLOptionElement>>;

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

@@ -24,4 +24,3 @@ declare global {
  * </Suggestion>
  */
 export declare const SuggestionInput: import("react").ForwardRefExoticComponent<SuggestionInputProps & import("react").RefAttributes<HTMLInputElement>>;
-//# sourceMappingURL=suggestion-input.d.ts.map

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

@@ -47,4 +47,3 @@ export declare const SuggestionList: import("react").ForwardRefExoticComponent<O
      */
     autoPlacement?: boolean;
 } & import("react").RefAttributes<HTMLDataListElement>>;
-//# sourceMappingURL=suggestion-list.d.ts.map

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

@@ -15,4 +15,3 @@ export type SuggestionOptionProps = OptionHTMLAttributes<HTMLOptionElement> & De
  * </Suggestion>
  */
 export declare const SuggestionOption: import("react").ForwardRefExoticComponent<OptionHTMLAttributes<HTMLOptionElement> & DefaultProps & import("react").RefAttributes<HTMLOptionElement>>;
-//# sourceMappingURL=suggestion-option.d.ts.map

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

@@ -0,0 +1,30 @@
+import { type ButtonHTMLAttributes } from 'react';
+import type { DefaultProps } from '../../types';
+import type { MergeRight } from '../../utilities';
+export type SuggestionToggleProps = MergeRight<DefaultProps & ButtonHTMLAttributes<HTMLButtonElement>, {
+    /**
+     * Aria label for the toggle button
+     * @default 'Valg'
+     */
+    'aria-label'?: string;
+}>;
+/**
+ * Component that provides a toggle button for the Suggestion list.
+ *
+ * Place as a descendant of `Suggestion`
+ *
+ * @example
+ * <Suggestion>
+ *   <Suggestion.Input />
+ *   <Suggestion.Toggle />
+ *   <Suggestion.Clear />
+ *   <Suggestion.List />
+ * </Suggestion>
+ */
+export declare const SuggestionToggle: import("react").ForwardRefExoticComponent<Omit<DefaultProps & ButtonHTMLAttributes<HTMLButtonElement>, "aria-label"> & {
+    /**
+     * Aria label for the toggle button
+     * @default 'Valg'
+     */
+    'aria-label'?: string;
+} & import("react").RefAttributes<HTMLButtonElement>>;

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

@@ -35,7 +35,6 @@ type Filter = (args: {
 }) => boolean;
 type SuggestionContextType = {
     handleFilter: (input?: HTMLInputElement | null) => void;
-    isEmpty?: boolean;
     dsSuggestionRef?: RefObject<DSSuggestionElement | null>;
 };
 type SuggestionValue<T extends {
@@ -114,4 +113,3 @@ export type SuggestionProps = SuggestionSingleProps | SuggestionMultipleProps;
 export declare const Suggestion: import("react").ForwardRefExoticComponent<SuggestionProps & import("react").RefAttributes<DSSuggestionElement>>;
 export declare const SuggestionContext: import("react").Context<SuggestionContextType>;
 export {};
-//# sourceMappingURL=suggestion.d.ts.map

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

@@ -37,4 +37,3 @@ export type SwitchProps = MergeRight<DefaultProps & Omit<InputHTMLAttributes<HTM
  * <Switch label="I agree" value="agree" />
  */
 export declare const Switch: import("react").ForwardRefExoticComponent<SwitchProps & import("react").RefAttributes<HTMLInputElement>>;
-//# sourceMappingURL=switch.d.ts.map

package/dist/types/components/table/index.d.ts

@@ -102,4 +102,3 @@ type Table = typeof TableRoot & {
 declare const TableComponent: Table;
 export type { TableBodyProps, TableCellProps, TableFootProps, TableHeaderCellProps, TableHeadProps, TableProps, TableRowProps, };
 export { TableBody, TableCell, TableComponent as Table, TableFoot, TableHead, TableHeaderCell, TableRow, };
-//# sourceMappingURL=index.d.ts.map

package/dist/types/components/table/table-body.d.ts

@@ -12,4 +12,3 @@ export type TableBodyProps = HTMLAttributes<HTMLTableSectionElement>;
  * </TableBody>
  */
 export declare const TableBody: import("react").ForwardRefExoticComponent<TableBodyProps & import("react").RefAttributes<HTMLTableSectionElement>>;
-//# sourceMappingURL=table-body.d.ts.map

package/dist/types/components/table/table-cell.d.ts

@@ -7,4 +7,3 @@ export type TableCellProps = TdHTMLAttributes<HTMLTableCellElement>;
  * <TableCell>John</TableCell>
  */
 export declare const TableCell: import("react").ForwardRefExoticComponent<TableCellProps & import("react").RefAttributes<HTMLTableCellElement>>;
-//# sourceMappingURL=table-cell.d.ts.map

package/dist/types/components/table/table-foot.d.ts

@@ -12,4 +12,3 @@ export type TableFootProps = HTMLAttributes<HTMLTableSectionElement>;
  * </TableFoot>
  */
 export declare const TableFoot: import("react").ForwardRefExoticComponent<TableFootProps & import("react").RefAttributes<HTMLTableSectionElement>>;
-//# sourceMappingURL=table-foot.d.ts.map

package/dist/types/components/table/table-head.d.ts

@@ -12,4 +12,3 @@ export type TableHeadProps = HTMLAttributes<HTMLTableSectionElement>;
  * </TableHead>
  */
 export declare const TableHead: import("react").ForwardRefExoticComponent<TableHeadProps & import("react").RefAttributes<HTMLTableSectionElement>>;
-//# sourceMappingURL=table-head.d.ts.map

package/dist/types/components/table/table-header-cell.d.ts

@@ -20,4 +20,3 @@ export declare const TableHeaderCell: import("react").ForwardRefExoticComponent<
      */
     sort?: AriaAttributes["aria-sort"];
 } & ThHTMLAttributes<HTMLTableCellElement> & import("react").RefAttributes<HTMLTableCellElement>>;
-//# sourceMappingURL=table-header-cell.d.ts.map

package/dist/types/components/table/table-row.d.ts

@@ -10,4 +10,3 @@ export type TableRowProps = HTMLAttributes<HTMLTableRowElement>;
  * </TableRow>
  */
 export declare const TableRow: import("react").ForwardRefExoticComponent<TableRowProps & import("react").RefAttributes<HTMLTableRowElement>>;
-//# sourceMappingURL=table-row.d.ts.map

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

@@ -69,4 +69,3 @@ export declare const Table: import("react").ForwardRefExoticComponent<{
      */
     hover?: boolean;
 } & Omit<TableHTMLAttributes<HTMLTableElement>, "border"> & DefaultProps & import("react").RefAttributes<HTMLTableElement>>;
-//# sourceMappingURL=table.d.ts.map

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

@@ -49,4 +49,3 @@ export type { TabsListProps } from './tabs-list';
 export type { TabsPanelProps } from './tabs-panel';
 export type { TabsTabProps } from './tabs-tab';
 export { TabsComponent as Tabs, TabsList, TabsPanel, TabsTab };
-//# sourceMappingURL=index.d.ts.map

package/dist/types/components/tabs/tabs-list.d.ts

@@ -12,4 +12,3 @@ export type TabsListProps = HTMLAttributes<DSTabListElement>;
  * </TabsList>
  */
 export declare const TabsList: import("react").ForwardRefExoticComponent<TabsListProps & import("react").RefAttributes<DSTabListElement>>;
-//# sourceMappingURL=tabs-list.d.ts.map

package/dist/types/components/tabs/tabs-panel.d.ts

@@ -21,4 +21,3 @@ export declare const TabsPanel: import("react").ForwardRefExoticComponent<{
      */
     value: string;
 } & Omit<HTMLAttributes<DSTabPanelElement>, "value"> & import("react").RefAttributes<DSTabPanelElement>>;
-//# sourceMappingURL=tabs-panel.d.ts.map

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

@@ -19,4 +19,3 @@ export declare const TabsTab: import("react").ForwardRefExoticComponent<{
      */
     value: string;
 } & Omit<HTMLAttributes<DSTabElement>, "value"> & import("react").RefAttributes<DSTabElement>>;
-//# sourceMappingURL=tabs-tab.d.ts.map

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

@@ -42,7 +42,7 @@ export declare const Context: import("react").Context<ContextProps>;
  *   <Tabs.Panel value='3'>content 3</Tabs.Panel>
  * </Tabs>
  */
-export declare const Tabs: import("react").ForwardRefExoticComponent<Omit<DefaultProps & Omit<HTMLAttributes<DSTabElement>, "value" | "onChange">, "defaultValue" | "value" | "onChange"> & {
+export declare const Tabs: import("react").ForwardRefExoticComponent<Omit<DefaultProps & Omit<HTMLAttributes<DSTabElement>, "onChange" | "value">, "defaultValue" | "onChange" | "value"> & {
     /**
      * Controlled state for `Tabs` component
      * @default undefined
@@ -59,4 +59,3 @@ export declare const Tabs: import("react").ForwardRefExoticComponent<Omit<Defaul
      */
     onChange?: (value: string) => void;
 } & import("react").RefAttributes<DSTabElement>>;
-//# sourceMappingURL=tabs.d.ts.map

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

@@ -1,12 +1,7 @@
-import type { Color, SeverityColors } from '@digdir/designsystemet-types';
 import type { HTMLAttributes } from 'react';
 import type { DefaultProps } from '../../types';
 import type { MergeRight } from '../../utilities';
 export type TagProps = MergeRight<DefaultProps & HTMLAttributes<HTMLSpanElement>, {
-    /**
-     * Change the color scheme of the tag
-     */
-    'data-color'?: Color | SeverityColors;
     /**
      * The visual variant of the tag
      *
@@ -20,11 +15,7 @@ export type TagProps = MergeRight<DefaultProps & HTMLAttributes<HTMLSpanElement>
  * @example
  * <Tag>Melk</Tag>
  */
-export declare const Tag: import("react").ForwardRefExoticComponent<Omit<DefaultProps & HTMLAttributes<HTMLSpanElement>, "data-color" | "variant"> & {
-    /**
-     * Change the color scheme of the tag
-     */
-    'data-color'?: Color | SeverityColors;
+export declare const Tag: import("react").ForwardRefExoticComponent<Omit<DefaultProps & HTMLAttributes<HTMLSpanElement>, "variant"> & {
     /**
      * The visual variant of the tag
      *
@@ -32,4 +23,3 @@ export declare const Tag: import("react").ForwardRefExoticComponent<Omit<Default
      */
     variant?: "default" | "outline";
 } & import("react").RefAttributes<HTMLSpanElement>>;
-//# sourceMappingURL=tag.d.ts.map

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

@@ -1,11 +1,10 @@
 import type { TextareaHTMLAttributes } from 'react';
 import type { DefaultProps } from '../../types';
-export type TextareaProps = TextareaHTMLAttributes<HTMLTextAreaElement> & Omit<DefaultProps, 'data-color'>;
+export type TextareaProps = TextareaHTMLAttributes<HTMLTextAreaElement> & DefaultProps;
 /**
  * Native HTML textarea element.
  *
  * @example
  * <Textarea />
  */
-export declare const Textarea: import("react").ForwardRefExoticComponent<TextareaHTMLAttributes<HTMLTextAreaElement> & Omit<DefaultProps, "data-color"> & import("react").RefAttributes<HTMLTextAreaElement>>;
-//# sourceMappingURL=textarea.d.ts.map
+export declare const Textarea: import("react").ForwardRefExoticComponent<TextareaHTMLAttributes<HTMLTextAreaElement> & DefaultProps & import("react").RefAttributes<HTMLTextAreaElement>>;

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

@@ -3,7 +3,7 @@ import type { DefaultProps, LabelRequired } from '../../types';
 import { type FieldCounterProps } from '../field';
 import { type InputProps } from '../input/input';
 import { type TextareaProps } from '../textarea/textarea';
-type InputProps_ = Omit<InputProps, 'prefix' | 'className' | 'style' | 'data-color' | 'type'>;
+type InputProps_ = Omit<InputProps, 'prefix' | 'className' | 'style' | 'type'>;
 type TextareaProps_ = Omit<TextareaProps, 'prefix' | 'className' | 'style'>;
 type SharedTextfieldProps = {
     /**
@@ -40,7 +40,7 @@ type SharedTextfieldProps = {
      * Pass a number to set a limit, or an object to configure the counter
      */
     counter?: FieldCounterProps | number;
-} & LabelRequired & Omit<DefaultProps, 'data-color'>;
+} & LabelRequired & DefaultProps;
 type TextfieldTextareaProps = {
     /**
      * Use to render a `Textarea` instead of `Input` for multiline support
@@ -72,4 +72,3 @@ export type TextfieldProps = SharedTextfieldProps & (TextfieldTextareaProps | Te
  */
 export declare const Textfield: import("react").ForwardRefExoticComponent<TextfieldProps & import("react").RefAttributes<HTMLInputElement | HTMLTextAreaElement>>;
 export {};
-//# sourceMappingURL=textfield.d.ts.map

package/dist/types/components/toggle-group/index.d.ts

@@ -12,7 +12,7 @@ type ToggleGroup = typeof ToggleGroupParent & {
  * Display a group of buttons that can be toggled between.
  *
  * @example
- * <ToggleGroup data-toggle-group="Label" onChange={(value) => console.log(value)}>
+ * <ToggleGroup aria-label="Label" onChange={(value) => console.log(value)}>
  *   <ToggleGroup.Item value='1'>Toggle 1</ToggleGroup.Item>
  *   <ToggleGroup.Item value='2'>Toggle 2</ToggleGroup.Item>
  *   <ToggleGroup.Item value='3'>Toggle 3</ToggleGroup.Item>
@@ -22,4 +22,3 @@ declare const ToggleGroupComponent: ToggleGroup;
 export type { ToggleGroupProps } from './toggle-group';
 export type { ToggleGroupItemProps } from './toggle-group-item';
 export { ToggleGroupComponent as ToggleGroup, ToggleGroupItem };
-//# sourceMappingURL=index.d.ts.map

package/dist/types/components/toggle-group/toggle-group-item.d.ts

@@ -10,7 +10,7 @@ export type ToggleGroupItemProps = {
      * @deprecated Icon prop is deprecated
      **/
     icon?: boolean;
-} & DefaultProps & LabelHTMLAttributes<HTMLLabelElement> & Pick<InputHTMLAttributes<HTMLInputElement>, 'formAction' | 'formEncType' | 'formTarget' | 'formMethod' | 'required' | 'formNoValidate' | 'value' | 'disabled'>;
+} & DefaultProps & LabelHTMLAttributes<HTMLLabelElement> & Pick<InputHTMLAttributes<HTMLInputElement>, 'formAction' | 'formEncType' | 'formTarget' | 'formMethod' | 'required' | 'formNoValidate' | 'value' | 'disabled' | 'readOnly'>;
 /**
  * A single item in a ToggleGroup.
  * @example
@@ -26,5 +26,4 @@ export declare const ToggleGroupItem: import("react").ForwardRefExoticComponent<
      * @deprecated Icon prop is deprecated
      **/
     icon?: boolean;
-} & DefaultProps & LabelHTMLAttributes<HTMLLabelElement> & Pick<InputHTMLAttributes<HTMLInputElement>, "disabled" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "required" | "value"> & import("react").RefAttributes<HTMLLabelElement>>;
-//# sourceMappingURL=toggle-group-item.d.ts.map
+} & DefaultProps & LabelHTMLAttributes<HTMLLabelElement> & Pick<InputHTMLAttributes<HTMLInputElement>, "disabled" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "readOnly" | "required" | "value"> & import("react").RefAttributes<HTMLLabelElement>>;

package/dist/types/components/toggle-group/toggle-group.d.ts

@@ -9,7 +9,7 @@ export type ToggleGroupContextProps = {
     name?: string;
 };
 export declare const ToggleGroupContext: import("react").Context<ToggleGroupContextProps>;
-export type ToggleGroupProps = MergeRight<DefaultProps & Omit<HTMLAttributes<HTMLFieldSetElement>, 'value' | 'onChange'>, {
+export type ToggleGroupProps = MergeRight<DefaultProps & Omit<HTMLAttributes<HTMLFieldSetElement>, 'value' | 'onChange' | 'aria-label' | 'aria-labelledby'>, {
     /**
      * Specify which variant to use
      * @default 'primary'
@@ -31,46 +31,31 @@ export type ToggleGroupProps = MergeRight<DefaultProps & Omit<HTMLAttributes<HTM
      * Form element name
      */
     name?: string;
+} & ({
     /**
      * Toggle group label for accessibility
+     * @deprecated Use aria-label or aria-labelledby instead.
      */
     'data-toggle-group'?: string;
-}>;
+    'aria-label'?: never;
+    'aria-labelledby'?: never;
+} | {
+    'data-toggle-group'?: never;
+    'aria-labelledby'?: never;
+    'aria-label': string;
+} | {
+    'data-toggle-group'?: never;
+    'aria-labelledby': string;
+    'aria-label'?: never;
+})>;
 /**
  * Display a group of buttons that can be toggled between.
  *
  * @example
- * <ToggleGroup data-toggle-group="Label" onChange={(value) => console.log(value)}>
+ * <ToggleGroup aria-label="Label" onChange={(value) => console.log(value)}>
  *   <ToggleGroup.Item value='1'>Toggle 1</ToggleGroup.Item>
  *   <ToggleGroup.Item value='2'>Toggle 2</ToggleGroup.Item>
  *   <ToggleGroup.Item value='3'>Toggle 3</ToggleGroup.Item>
  * </ToggleGroup>
  */
-export declare const ToggleGroup: import("react").ForwardRefExoticComponent<Omit<DefaultProps & Omit<HTMLAttributes<HTMLFieldSetElement>, "value" | "onChange">, "defaultValue" | "name" | "value" | "onChange" | "variant" | "data-toggle-group"> & {
-    /**
-     * Specify which variant to use
-     * @default 'primary'
-     */
-    variant?: "primary" | "secondary";
-    /**
-     * Controlled state for `ToggleGroup` component.
-     */
-    value?: string;
-    /**
-     * Default value.
-     */
-    defaultValue?: string;
-    /**
-     * Callback with selected `ToggleGroupItem` `value`
-     */
-    onChange?: (value: string) => void;
-    /**
-     * Form element name
-     */
-    name?: string;
-    /**
-     * Toggle group label for accessibility
-     */
-    'data-toggle-group'?: string;
-} & import("react").RefAttributes<HTMLFieldSetElement>>;
-//# sourceMappingURL=toggle-group.d.ts.map
+export declare const ToggleGroup: import("react").ForwardRefExoticComponent<ToggleGroupProps & import("react").RefAttributes<HTMLFieldSetElement>>;

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

@@ -2,7 +2,7 @@ import '@digdir/designsystemet-web';
 import type { HTMLAttributes, ReactElement, RefAttributes } from 'react';
 import type { DefaultProps, Placement } from '../../types';
 import type { MergeRight } from '../../utilities';
-export type TooltipProps = MergeRight<Omit<DefaultProps, 'data-color'> & HTMLAttributes<HTMLDivElement>, {
+export type TooltipProps = MergeRight<DefaultProps & HTMLAttributes<HTMLDivElement>, {
     /**
      * The element or string that triggers the tooltip.
      *
@@ -51,7 +51,7 @@ export type TooltipProps = MergeRight<Omit<DefaultProps, 'data-color'> & HTMLAtt
  *  Hover me
  * </Tooltip>
  */
-export declare const Tooltip: import("react").ForwardRefExoticComponent<Omit<Omit<DefaultProps, "data-color"> & HTMLAttributes<HTMLDivElement>, "type" | "content" | "children" | "open" | "placement" | "autoPlacement"> & {
+export declare const Tooltip: import("react").ForwardRefExoticComponent<Omit<DefaultProps & HTMLAttributes<HTMLDivElement>, "content" | "children" | "type" | "open" | "placement" | "autoPlacement"> & {
     /**
      * The element or string that triggers the tooltip.
      *
@@ -87,4 +87,3 @@ export declare const Tooltip: import("react").ForwardRefExoticComponent<Omit<Omi
      */
     type?: "describedby" | "labelledby";
 } & RefAttributes<HTMLDivElement>>;
-//# sourceMappingURL=tooltip.d.ts.map

package/dist/types/components/validation-message/validation-message.d.ts

@@ -1,13 +1,7 @@
-import type { SeverityColors } from '@digdir/designsystemet-types';
 import type { HTMLAttributes } from 'react';
 import type { DefaultProps } from '../../types';
 import type { MergeRight } from '../../utilities';
-export type ValidationMessageProps = MergeRight<Omit<DefaultProps, 'data-color'> & HTMLAttributes<HTMLParagraphElement>, {
-    /**
-     * Sets color and icon.
-     * @default 'danger'
-     */
-    'data-color'?: SeverityColors;
+export type ValidationMessageProps = MergeRight<DefaultProps & HTMLAttributes<HTMLParagraphElement>, {
     /**
      * Change the default rendered element for the one passed as a child, merging their props and behavior.
      * @default false
@@ -20,16 +14,10 @@ export type ValidationMessageProps = MergeRight<Omit<DefaultProps, 'data-color'>
  * @example
  * <ValidationMessage>This is a danger validation message</ValidationMessage>
  */
-export declare const ValidationMessage: import("react").ForwardRefExoticComponent<Omit<Omit<DefaultProps, "data-color"> & HTMLAttributes<HTMLParagraphElement>, "data-color" | "asChild"> & {
-    /**
-     * Sets color and icon.
-     * @default 'danger'
-     */
-    'data-color'?: SeverityColors;
+export declare const ValidationMessage: import("react").ForwardRefExoticComponent<Omit<DefaultProps & HTMLAttributes<HTMLParagraphElement>, "asChild"> & {
     /**
      * Change the default rendered element for the one passed as a child, merging their props and behavior.
      * @default false
      */
     asChild?: boolean;
 } & import("react").RefAttributes<HTMLParagraphElement>>;
-//# sourceMappingURL=validation-message.d.ts.map

package/dist/types/index.d.ts

@@ -14,4 +14,3 @@ useDebounceCallback,
 useIsomorphicLayoutEffect, 
 /** @deprecated This export is deprecated. Use utility libraries or create your own utility function. */
 useMediaQuery, usePagination, useRadioGroup, useSynchronizedAnimation, } from './utilities';
-//# sourceMappingURL=index.d.ts.map

package/dist/types/types.d.ts

@@ -1,18 +1,22 @@
 import type { Size } from '@digdir/designsystemet-types';
 import type { Placement as FloatingUIPlacement } from '@floating-ui/dom';
 import type { ReactNode } from 'react';
-import type { Color } from './colors';
+import type { Color, SeverityColors } from './colors';
 export type Placement = FloatingUIPlacement | 'none';
 export type DefaultProps = {
     /**
-     * Changes size for descendant Designsystemet components. Select from predefined sizes.
+     * Use `data-size` to change the size for descendant Designsystemet components and variables.
+     *
+     * Select from predefined sizes or define your own size.
      */
-    'data-size'?: Size;
+    'data-size'?: Size | (string & {});
     /**
-     * Changes color for descendant Designsystemet components.
+     * Use `data-color` to change the color for descendant Designsystemet components and variables.
+     *
      * Select from predefined colors and colors defined using theme.designsystemet.no.
+     * @link https://theme.designsystemet.no
      */
-    'data-color'?: Color;
+    'data-color'?: Color | SeverityColors | (string & {});
 };
 export type LabelRequired = {
     'aria-label': string;
@@ -27,4 +31,3 @@ export type LabelRequired = {
     'aria-labelledby': string;
     label?: never;
 };
-//# sourceMappingURL=types.d.ts.map

package/dist/types/utilities/hooks/deprecated/use-debounce-callback/use-debounce-callback.d.ts

@@ -1,4 +1,3 @@
 type DebounceFunction<T> = (...args: T[]) => void;
 export declare function useDebounceCallback<T>(callback: DebounceFunction<T>, delay?: number): (...args: T[]) => void;
 export {};
-//# sourceMappingURL=use-debounce-callback.d.ts.map

package/dist/types/utilities/hooks/deprecated/use-isomorphic-layout-effect/use-isomorphic-layout-effect.d.ts

@@ -1,3 +1,2 @@
 import { useEffect } from 'react';
 export declare const useIsomorphicLayoutEffect: typeof useEffect;
-//# sourceMappingURL=use-isomorphic-layout-effect.d.ts.map

package/dist/types/utilities/hooks/deprecated/use-media-query/use-media-query.d.ts

@@ -4,4 +4,3 @@ type UseMediaQueryOptions = {
 };
 export declare function useMediaQuery(query: string, { defaultValue, initializeWithValue, }?: UseMediaQueryOptions): boolean;
 export {};
-//# sourceMappingURL=use-media-query.d.ts.map

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

@@ -9,4 +9,3 @@ export { usePagination } from './use-pagination/use-pagination';
 export type { UseRadioGroupProps } from './use-radio-group/use-radio-group';
 export { useRadioGroup } from './use-radio-group/use-radio-group';
 export { useSynchronizedAnimation } from './use-synchronized-animation/use-synchronized-animation';
-//# sourceMappingURL=index.d.ts.map

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

@@ -65,4 +65,3 @@ type useCheckboxGroupReturn = {
 };
 export declare function useCheckboxGroup(props?: UseCheckboxGroupProps): useCheckboxGroupReturn;
 export {};
-//# sourceMappingURL=use-checkbox-group.d.ts.map

package/dist/types/utilities/hooks/use-merge-refs/use-merge-refs.d.ts

@@ -3,4 +3,3 @@ import type { Ref, RefCallback } from 'react';
  * Merges an array of refs into a single memoized callback ref or `null`.
  */
 export declare function useMergeRefs<Instance>(refs: Array<Ref<Instance> | undefined>): null | RefCallback<Instance>;
-//# sourceMappingURL=use-merge-refs.d.ts.map

package/dist/types/utilities/hooks/use-pagination/use-pagination.d.ts

@@ -79,4 +79,3 @@ export declare const usePagination: ({ currentPage: current, setCurrentPage, onC
     /** Indication if next page action should be shown or not */
     hasNext: boolean;
 };
-//# sourceMappingURL=use-pagination.d.ts.map

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

@@ -57,4 +57,3 @@ type useRadioGroupReturn = {
  */
 export declare function useRadioGroup(props?: UseRadioGroupProps): useRadioGroupReturn;
 export {};
-//# sourceMappingURL=use-radio-group.d.ts.map

package/dist/types/utilities/hooks/use-synchronized-animation/use-synchronized-animation.d.ts

@@ -13,4 +13,3 @@ export declare const useIsomorphicLayoutEffect: typeof useEffect;
  * ```
  */
 export declare function useSynchronizedAnimation<T>(animationName: string): import("react").RefObject<T | null>;
-//# sourceMappingURL=use-synchronized-animation.d.ts.map

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

@@ -10,4 +10,3 @@ declare global {
     }
 }
 export declare const warn: (message: string, ...args: Parameters<typeof console.warn>) => true | void;
-//# sourceMappingURL=index.d.ts.map

package/dist/types/utilities/roving-focus/roving-focus-item.d.ts

@@ -14,4 +14,3 @@ export declare const RovingFocusItem: import("react").ForwardRefExoticComponent<
      */
     asChild?: boolean;
 } & HTMLAttributes<HTMLElement> & import("react").RefAttributes<HTMLElement>>;
-//# sourceMappingURL=roving-focus-item.d.ts.map

package/dist/types/utilities/roving-focus/roving-focus-root.d.ts

@@ -31,4 +31,3 @@ export declare const RovingFocusRoot: import("react").ForwardRefExoticComponent<
      */
     orientation?: "vertical" | "horizontal" | "ambiguous";
 } & HTMLAttributes<HTMLElement> & import("react").RefAttributes<HTMLElement>>;
-//# sourceMappingURL=roving-focus-root.d.ts.map