@digdir/designsystemet-react 1.1.5 → 1.1.6

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

@@ -1,4 +1,4 @@
-import type { Color, SeverityColors } from '@digdir/designsystemet-react/colors';
+import type { Color, SeverityColors } from '@digdir/designsystemet/types';
 import type { Placement } from '@floating-ui/dom';
 import type { HTMLAttributes } from 'react';
 import type { DefaultProps } from '../../types';

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

@@ -1 +1 @@
-{"version":3,"file":"popover.d.ts","sourceRoot":"","sources":["../../../src/components/popover/popover.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,KAAK,EACL,cAAc,EACf,MAAM,qCAAqC,CAAC;AAC7C,OAAO,KAAK,EAAmB,SAAS,EAAE,MAAM,kBAAkB,CAAC;AAUnE,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAE5C,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAChD,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAMlD,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,KAAK,CAAC,GAAG,CAAC;QAClB,UAAU,mBAAmB;YAC3B,aAAa,CAAC,EAAE,MAAM,CAAC;SACxB;KACF;IACD,UAAU,KAAK,CAAC;QAEd,UAAU,cAAc,CAAC,CAAC;YACxB,aAAa,CAAC,EAAE,MAAM,CAAC;SACxB;KACF;CACF;AAED,MAAM,MAAM,YAAY,GAAG,UAAU,CACnC,YAAY,GAAG,cAAc,CAAC,cAAc,CAAC,EAC7C;IACE;;OAEG;IACH,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ;;;OAGG;IACH,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB;;;OAGG;IACH,IAAI,CAAC,EAAE,OAAO,CAAC;IACf;;;;OAIG;IACH,OAAO,CAAC,EAAE,SAAS,GAAG,QAAQ,CAAC;IAC/B;;OAEG;IACH,YAAY,CAAC,EAAE,KAAK,GAAG,cAAc,CAAC;IACtC;;OAEG;IACH,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB;;;OAGG;IACH,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,CACF,CAAC;AAEF;;;;;;;;;;;;;;;;GAgBG;AACH,eAAO,MAAM,OAAO;IA9DhB;;OAEG;SACE,MAAM;IACX;;;OAGG;gBACS,SAAS;IACrB;;;OAGG;WACI,OAAO;IACd;;;;OAIG;cACO,SAAS,GAAG,QAAQ;IAC9B;;OAEG;mBACY,KAAK,GAAG,cAAc;IACrC;;OAEG;aACM,MAAM,IAAI;IACnB;;OAEG;cACO,MAAM,IAAI;IACpB;;;OAGG;oBACa,OAAO;IACvB;;;OAGG;cACO,OAAO;wCAgIpB,CAAC"}
+{"version":3,"file":"popover.d.ts","sourceRoot":"","sources":["../../../src/components/popover/popover.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,KAAK,EAAE,cAAc,EAAE,MAAM,8BAA8B,CAAC;AAC1E,OAAO,KAAK,EAAmB,SAAS,EAAE,MAAM,kBAAkB,CAAC;AAUnE,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAE5C,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAChD,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAMlD,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,KAAK,CAAC,GAAG,CAAC;QAClB,UAAU,mBAAmB;YAC3B,aAAa,CAAC,EAAE,MAAM,CAAC;SACxB;KACF;IACD,UAAU,KAAK,CAAC;QAEd,UAAU,cAAc,CAAC,CAAC;YACxB,aAAa,CAAC,EAAE,MAAM,CAAC;SACxB;KACF;CACF;AAED,MAAM,MAAM,YAAY,GAAG,UAAU,CACnC,YAAY,GAAG,cAAc,CAAC,cAAc,CAAC,EAC7C;IACE;;OAEG;IACH,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ;;;OAGG;IACH,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB;;;OAGG;IACH,IAAI,CAAC,EAAE,OAAO,CAAC;IACf;;;;OAIG;IACH,OAAO,CAAC,EAAE,SAAS,GAAG,QAAQ,CAAC;IAC/B;;OAEG;IACH,YAAY,CAAC,EAAE,KAAK,GAAG,cAAc,CAAC;IACtC;;OAEG;IACH,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB;;;OAGG;IACH,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,CACF,CAAC;AAEF;;;;;;;;;;;;;;;;GAgBG;AACH,eAAO,MAAM,OAAO;IA9DhB;;OAEG;SACE,MAAM;IACX;;;OAGG;gBACS,SAAS;IACrB;;;OAGG;WACI,OAAO;IACd;;;;OAIG;cACO,SAAS,GAAG,QAAQ;IAC9B;;OAEG;mBACY,KAAK,GAAG,cAAc;IACrC;;OAEG;aACM,MAAM,IAAI;IACnB;;OAEG;cACO,MAAM,IAAI;IACpB;;;OAGG;oBACa,OAAO;IACvB;;;OAGG;cACO,OAAO;wCAgIpB,CAAC"}

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

@@ -1,6 +1,38 @@
+import { Search as SearchRoot } from './search';
 import { SearchButton } from './search-button';
 import { SearchClear } from './search-clear';
 import { SearchInput } from './search-input';
+type Search = typeof SearchRoot & {
+    /**
+     * Search.Clear component, used to display a clear button when the search input is not empty.
+     *
+     * @example
+     * <Search>
+     *   <Search.Input aria-label='Søk' />
+     *   <Search.Clear />
+     * </Search>
+     */
+    Clear: typeof SearchClear;
+    /**
+     * Search.Button component, used to display a search button within a Search component.
+     *
+     * @example
+     * <Search>
+     *   <Search.Input aria-label='Søk' />
+     *   <Search.Button>Søk</Search.Button>
+     * </Search>
+     */
+    Button: typeof SearchButton;
+    /**
+     * Search.Input component, used to display a search input within the Search component.
+     *
+     * @example
+     * <Search>
+     *   <Search.Input aria-label='Søk' />
+     * </Search>
+     */
+    Input: typeof SearchInput;
+};
 /**
  * Search component, use to display different variations of a search input
  *
@@ -17,23 +49,10 @@ import { SearchInput } from './search-input';
  *   <Search.Clear />
  * </Search>
  */
-declare const Search: React.ForwardRefExoticComponent<import("../../types").DefaultProps & React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>> & {
-    Clear: React.ForwardRefExoticComponent<Omit<import("..").ButtonProps, "children" | "variant"> & {
-        'aria-label'?: string;
-    } & React.RefAttributes<HTMLButtonElement>>;
-    Button: React.ForwardRefExoticComponent<Omit<import("../../types").DefaultProps & React.ButtonHTMLAttributes<HTMLButtonElement>, "type" | "data-color" | "variant" | "icon" | "loading" | "asChild"> & {
-        variant?: "primary" | "secondary" | "tertiary";
-        'data-color'?: import("../../colors").Color | import("../../colors").SeverityDanger;
-        icon?: boolean;
-        loading?: boolean | React.ReactNode;
-        asChild?: boolean;
-        type?: React.ButtonHTMLAttributes<HTMLButtonElement>["type"];
-    } & React.RefAttributes<HTMLButtonElement>>;
-    Input: React.ForwardRefExoticComponent<import("../../types").DefaultProps & Omit<React.InputHTMLAttributes<HTMLInputElement>, "type" | "readOnly"> & React.RefAttributes<HTMLInputElement>>;
-};
+declare const SearchComponent: Search;
 export type { SearchProps } from './search';
 export type { SearchButtonProps } from './search-button';
 export type { SearchClearProps } from './search-clear';
 export type { SearchInputProps } from './search-input';
-export { SearchClear, SearchButton, SearchInput, Search };
+export { SearchClear, SearchButton, SearchInput, SearchComponent as Search };
 //# sourceMappingURL=index.d.ts.map

package/dist/types/components/search/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/search/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAC/C,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAC7C,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAE7C;;;;;;;;;;;;;;;GAeG;AACH,QAAA,MAAM,MAAM;;;;;;;;;;;;;CAIV,CAAC;AAMH,YAAY,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AAC5C,YAAY,EAAE,iBAAiB,EAAE,MAAM,iBAAiB,CAAC;AACzD,YAAY,EAAE,gBAAgB,EAAE,MAAM,gBAAgB,CAAC;AACvD,YAAY,EAAE,gBAAgB,EAAE,MAAM,gBAAgB,CAAC;AACvD,OAAO,EAAE,WAAW,EAAE,YAAY,EAAE,WAAW,EAAE,MAAM,EAAE,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/search/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,IAAI,UAAU,EAAE,MAAM,UAAU,CAAC;AAChD,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAC/C,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAC7C,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAE7C,KAAK,MAAM,GAAG,OAAO,UAAU,GAAG;IAChC;;;;;;;;OAQG;IACH,KAAK,EAAE,OAAO,WAAW,CAAC;IAC1B;;;;;;;;OAQG;IACH,MAAM,EAAE,OAAO,YAAY,CAAC;IAC5B;;;;;;;OAOG;IACH,KAAK,EAAE,OAAO,WAAW,CAAC;CAC3B,CAAC;AAEF;;;;;;;;;;;;;;;GAeG;AACH,QAAA,MAAM,eAAe,EAAE,MAIrB,CAAC;AAMH,YAAY,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AAC5C,YAAY,EAAE,iBAAiB,EAAE,MAAM,iBAAiB,CAAC;AACzD,YAAY,EAAE,gBAAgB,EAAE,MAAM,gBAAgB,CAAC;AACvD,YAAY,EAAE,gBAAgB,EAAE,MAAM,gBAAgB,CAAC;AACvD,OAAO,EAAE,WAAW,EAAE,YAAY,EAAE,WAAW,EAAE,eAAe,IAAI,MAAM,EAAE,CAAC"}

package/dist/types/components/search/search-button.d.ts

@@ -18,13 +18,13 @@ export type SearchButtonProps = MergeRight<ButtonProps, {
  *
  * @example
  * <Search>
- *   <Search.Input aria-label='Søk' />
- *   <Search.Button>Søk</Search.Button>
+ *   <SearchInput aria-label='Søk' />
+ *   <SearchButton>Søk</SearchButton>
  * </Search>
  */
 export declare const SearchButton: React.ForwardRefExoticComponent<Omit<import("../../types").DefaultProps & React.ButtonHTMLAttributes<HTMLButtonElement>, "type" | "data-color" | "variant" | "icon" | "loading" | "asChild"> & {
     variant?: "primary" | "secondary" | "tertiary";
-    'data-color'?: import("../../colors").Color | import("../../colors").SeverityDanger;
+    'data-color'?: import("packages/cli/dist/src/types").Color | Extract<import("packages/cli/dist/src/types").SeverityColors, "danger">;
     icon?: boolean;
     loading?: boolean | ReactNode;
     asChild?: boolean;

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

@@ -11,8 +11,8 @@ export type SearchClearProps = Omit<ButtonProps, 'variant' | 'children'> & {
  *
  * @example
  * <Search>
- *   <Search.Input aria-label='Søk' />
- *   <Search.Clear />
+ *   <SearchInput aria-label='Søk' />
+ *   <SearchClear />
  * </Search>
  */
 export declare const SearchClear: React.ForwardRefExoticComponent<Omit<ButtonProps, "children" | "variant"> & {

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

@@ -5,7 +5,7 @@ export type SearchInputProps = DefaultProps & Omit<React.InputHTMLAttributes<HTM
  *
  * @example
  * <Search>
- *   <Search.Input aria-label='Søk' />
+ *   <SearchInput aria-label='Søk' />
  * </Search>
  */
 export declare const SearchInput: React.ForwardRefExoticComponent<DefaultProps & Omit<React.InputHTMLAttributes<HTMLInputElement>, "type" | "readOnly"> & React.RefAttributes<HTMLInputElement>>;

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

@@ -1,5 +1,30 @@
+import { Select as SelectParent } from './select';
 import { SelectOptgroup } from './select-optgroup';
 import { SelectOption } from './select-option';
+type Select = typeof SelectParent & {
+    /**
+     * Select.Option component, used to display a native option within a select.
+     *
+     * @example
+     * <Select>
+     *   <Select.Option value='1'>Option 1</Select.Option>
+     *   <Select.Option value='2'>Option 2</Select.Option>
+     * </Select>
+     */
+    Option: typeof SelectOption;
+    /**
+     * Select.Optgroup component, used to display a native optgroup within a select.
+     *
+     * @example
+     * <Select>
+     *   <Select.Optgroup label='Group 1'>
+     *     <Select.Option value='1'>Option 1</Select.Option>
+     *     <Select.Option value='2'>Option 2</Select.Option>
+     *   </Select.Optgroup>
+     * </Select>
+     */
+    Optgroup: typeof SelectOptgroup;
+};
 /**
  * Select component, used to display a native select.
  *
@@ -9,19 +34,9 @@ import { SelectOption } from './select-option';
  *   <Select.Option value='2'>Option 2</Select.Option>
  * </Select>
  */
-declare const Select: React.ForwardRefExoticComponent<Omit<Omit<import("../../types").DefaultProps, "data-color"> & Omit<React.SelectHTMLAttributes<HTMLSelectElement>, "multiple" | "size">, "readOnly" | "width"> & {
-    readOnly?: boolean;
-    width?: "full" | "auto";
-} & React.RefAttributes<HTMLSelectElement>> & {
-    Option: React.ForwardRefExoticComponent<{
-        asChild?: boolean;
-    } & React.OptionHTMLAttributes<HTMLOptionElement> & React.RefAttributes<HTMLOptionElement>>;
-    Optgroup: React.ForwardRefExoticComponent<{
-        asChild?: boolean;
-    } & React.OptgroupHTMLAttributes<HTMLOptGroupElement> & React.RefAttributes<HTMLOptGroupElement>>;
-};
+declare const SelectComponent: Select;
 export type { SelectProps } from './select';
 export type { SelectOptgroupProps } from './select-optgroup';
 export type { SelectOptionProps } from './select-option';
-export { Select, SelectOption, SelectOptgroup };
+export { SelectComponent as Select, SelectOption, SelectOptgroup };
 //# sourceMappingURL=index.d.ts.map

package/dist/types/components/select/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/select/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;AACnD,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAE/C;;;;;;;;GAQG;AACH,QAAA,MAAM,MAAM;;;;;;;;;;CAGV,CAAC;AAKH,YAAY,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AAC5C,YAAY,EAAE,mBAAmB,EAAE,MAAM,mBAAmB,CAAC;AAC7D,YAAY,EAAE,iBAAiB,EAAE,MAAM,iBAAiB,CAAC;AACzD,OAAO,EAAE,MAAM,EAAE,YAAY,EAAE,cAAc,EAAE,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/select/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,IAAI,YAAY,EAAE,MAAM,UAAU,CAAC;AAClD,OAAO,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;AACnD,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAE/C,KAAK,MAAM,GAAG,OAAO,YAAY,GAAG;IAClC;;;;;;;;OAQG;IACH,MAAM,EAAE,OAAO,YAAY,CAAC;IAC5B;;;;;;;;;;OAUG;IACH,QAAQ,EAAE,OAAO,cAAc,CAAC;CACjC,CAAC;AAEF;;;;;;;;GAQG;AACH,QAAA,MAAM,eAAe,EAAE,MAGrB,CAAC;AAKH,YAAY,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AAC5C,YAAY,EAAE,mBAAmB,EAAE,MAAM,mBAAmB,CAAC;AAC7D,YAAY,EAAE,iBAAiB,EAAE,MAAM,iBAAiB,CAAC;AACzD,OAAO,EAAE,eAAe,IAAI,MAAM,EAAE,YAAY,EAAE,cAAc,EAAE,CAAC"}

package/dist/types/components/select/select-optgroup.d.ts

@@ -11,10 +11,10 @@ export type SelectOptgroupProps = {
  *
  * @example
  * <Select>
- *   <Select.Optgroup label='Group 1'>
- *     <Select.Option value='1'>Option 1</Select.Option>
- *     <Select.Option value='2'>Option 2</Select.Option>
- *   </Select.Optgroup>
+ *   <SelectOptgroup label='Group 1'>
+ *     <SelectOption value='1'>Option 1</SelectOption>
+ *     <SelectOption value='2'>Option 2</SelectOption>
+ *   </SelectOptgroup>
  * </Select>
  */
 export declare const SelectOptgroup: React.ForwardRefExoticComponent<{

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

@@ -11,8 +11,8 @@ export type SelectOptionProps = {
  *
  * @example
  * <Select>
- *   <Select.Option value='1'>Option 1</Select.Option>
- *   <Select.Option value='2'>Option 2</Select.Option>
+ *   <SelectOption value='1'>Option 1</SelectOption>
+ *   <SelectOption value='2'>Option 2</SelectOption>
  * </Select>
  */
 export declare const SelectOption: React.ForwardRefExoticComponent<{

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

@@ -69,11 +69,11 @@ export type SuggestionProps = {
      *
      * If `label` and `value` is different, you must use `{ value: string; label: string}[]`.
      *
-     * Using this makes the component controlled and it must be used in combination with {@linkcode SuggestionProps.onSelectedChange|onSelectedChange}.
+     * Using this makes the component controlled and it must be used in combination with `onSelectedChange`.
      */
     selected?: SuggestionSelected;
     /**
-     * @deprecated Use {@linkcode SuggestionProps.selected|selected} instead
+     * @deprecated Use `selected` instead
      */
     value?: SuggestionSelected;
     /**
@@ -81,7 +81,7 @@ export type SuggestionProps = {
      */
     defaultSelected?: SuggestionSelected;
     /**
-     * @deprecated Use `{@linkcode SuggestionProps.defaultSelected|defaultSelected} instead
+     * @deprecated Use `defaultSelected` instead
      */
     defaultValue?: SuggestionSelected;
     /**
@@ -89,7 +89,7 @@ export type SuggestionProps = {
      */
     onSelectedChange?: (value: Item[]) => void;
     /**
-     * @deprecated Use {@linkcode SuggestionProps.onSelectedChange|onSelectedChange} instead
+     * @deprecated Use `onSelectedChange` instead
      */
     onValueChange?: (value: Item[]) => void;
     /**
@@ -140,11 +140,11 @@ export declare const Suggestion: React.ForwardRefExoticComponent<{
      *
      * If `label` and `value` is different, you must use `{ value: string; label: string}[]`.
      *
-     * Using this makes the component controlled and it must be used in combination with {@linkcode SuggestionProps.onSelectedChange|onSelectedChange}.
+     * Using this makes the component controlled and it must be used in combination with `onSelectedChange`.
      */
     selected?: SuggestionSelected;
     /**
-     * @deprecated Use {@linkcode SuggestionProps.selected|selected} instead
+     * @deprecated Use `selected` instead
      */
     value?: SuggestionSelected;
     /**
@@ -152,7 +152,7 @@ export declare const Suggestion: React.ForwardRefExoticComponent<{
      */
     defaultSelected?: SuggestionSelected;
     /**
-     * @deprecated Use `{@linkcode SuggestionProps.defaultSelected|defaultSelected} instead
+     * @deprecated Use `defaultSelected` instead
      */
     defaultValue?: SuggestionSelected;
     /**
@@ -160,7 +160,7 @@ export declare const Suggestion: React.ForwardRefExoticComponent<{
      */
     onSelectedChange?: (value: Item[]) => void;
     /**
-     * @deprecated Use {@linkcode SuggestionProps.onSelectedChange|onSelectedChange} instead
+     * @deprecated Use `onSelectedChange` instead
      */
     onValueChange?: (value: Item[]) => void;
     /**

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

@@ -1,4 +1,5 @@
 import type { TableProps } from './table';
+import { Table as TableRoot } from './table';
 import type { TableBodyProps } from './table-body';
 import { TableBody } from './table-body';
 import type { TableCellProps } from './table-cell';
@@ -11,6 +12,68 @@ import type { TableHeaderCellProps } from './table-header-cell';
 import { TableHeaderCell } from './table-header-cell';
 import type { TableRowProps } from './table-row';
 import { TableRow } from './table-row';
+type Table = typeof TableRoot & {
+    /**
+     * TableHead component, used to display the header of a table. Renders a native HTML thead element.
+     *
+     * @example
+     * <Table.Head>
+     *   <Table.Row>
+     *     <Table.HeaderCell>Name</Table.HeaderCell>
+     *     <Table.HeaderCell>Age</Table.HeaderCell>
+     *   </Table.Row>
+     * </Table.Head>
+     */
+    Head: typeof TableHead;
+    /**
+     * Table.Body component, used to display the body of a table. Renders a native HTML tbody element.
+     *
+     * @example
+     * <Table.Body>
+     *   <Table.Row>
+     *     <Table.Cell>John</Table.Cell>
+     *     <Table.Cell>25</Table.Cell>
+     *   </Table.Row>
+     * </Table.Body>
+     */
+    Body: typeof TableBody;
+    /**
+     * Table.Row component, used to display the rows of a table. Renders a native HTML tr element.
+     *
+     * @example
+     * <Table.Row>
+     *   <Table.Cell>John</Table.Cell>
+     *   <Table.Cell>25</Table.Cell>
+     * </Table.Row>
+     */
+    Row: typeof TableRow;
+    /**
+     * Table.Cell component, used to display the cells of a table. Renders a native HTML td element.
+     *
+     * @example
+     * <Table.Cell>John</Table.Cell>
+     */
+    Cell: typeof TableCell;
+    /**
+     * Table.HeaderCell component, used to display the header cells of a table. Renders a native HTML th element.
+     *
+     * @example
+     * <Table.HeaderCell>Name</Table.HeaderCell>
+     */
+    HeaderCell: typeof TableHeaderCell;
+    /**
+     * Table.Foot component, used to display the footer of a table. Renders a native HTML tfoot element.
+     *
+     * @example
+     * <Table.Foot>
+     *   <Table.Row>
+     *     <Table.Cell>Total</Table.Cell>
+     *     <Table.Cell>2</Table.Cell>
+     *   </Table.Row>
+     * </Table.Foot>
+     */
+    Foot: typeof TableFoot;
+};
 /**
  * Table component, used to display tabular data. Renders a native HTML table element.
  *
@@ -36,21 +99,7 @@ import { TableRow } from './table-row';
  *   </Table.Foot>
  * </Table>
  */
-declare const Table: React.ForwardRefExoticComponent<{
-    zebra?: boolean;
-    stickyHeader?: boolean;
-    border?: boolean;
-    hover?: boolean;
-} & Omit<React.TableHTMLAttributes<HTMLTableElement>, "border"> & import("../../types").DefaultProps & React.RefAttributes<HTMLTableElement>> & {
-    Head: React.ForwardRefExoticComponent<TableHeadProps & React.RefAttributes<HTMLTableSectionElement>>;
-    Body: React.ForwardRefExoticComponent<TableBodyProps & React.RefAttributes<HTMLTableSectionElement>>;
-    Row: React.ForwardRefExoticComponent<TableRowProps & React.RefAttributes<HTMLTableRowElement>>;
-    Cell: React.ForwardRefExoticComponent<TableCellProps & React.RefAttributes<HTMLTableCellElement>>;
-    HeaderCell: React.ForwardRefExoticComponent<{
-        sort?: React.AriaAttributes["aria-sort"];
-    } & React.ThHTMLAttributes<HTMLTableCellElement> & React.RefAttributes<HTMLTableCellElement>>;
-    Foot: React.ForwardRefExoticComponent<TableFootProps & React.RefAttributes<HTMLTableSectionElement>>;
-};
-export { Table, TableHead, TableBody, TableRow, TableCell, TableHeaderCell, TableFoot, };
+declare const TableComponent: Table;
+export { TableComponent as Table, TableHead, TableBody, TableRow, TableCell, TableHeaderCell, TableFoot, };
 export type { TableProps, TableHeadProps, TableBodyProps, TableRowProps, TableCellProps, TableHeaderCellProps, TableFootProps, };
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/table/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AAE1C,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,cAAc,CAAC;AACnD,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AACzC,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,cAAc,CAAC;AACnD,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AACzC,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,cAAc,CAAC;AACnD,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AACzC,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,cAAc,CAAC;AACnD,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AACzC,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,qBAAqB,CAAC;AAChE,OAAO,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAC;AACtD,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AACjD,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AAEvC;;;;;;;;;;;;;;;;;;;;;;;;GAwBG;AACH,QAAA,MAAM,KAAK;;;;;;;;;;;;;;CAOT,CAAC;AAUH,OAAO,EACL,KAAK,EACL,SAAS,EACT,SAAS,EACT,QAAQ,EACR,SAAS,EACT,eAAe,EACf,SAAS,GACV,CAAC;AACF,YAAY,EACV,UAAU,EACV,cAAc,EACd,cAAc,EACd,aAAa,EACb,cAAc,EACd,oBAAoB,EACpB,cAAc,GACf,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/table/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AAC1C,OAAO,EAAE,KAAK,IAAI,SAAS,EAAE,MAAM,SAAS,CAAC;AAC7C,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,cAAc,CAAC;AACnD,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AACzC,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,cAAc,CAAC;AACnD,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AACzC,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,cAAc,CAAC;AACnD,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AACzC,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,cAAc,CAAC;AACnD,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AACzC,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,qBAAqB,CAAC;AAChE,OAAO,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAC;AACtD,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AACjD,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AAEvC,KAAK,KAAK,GAAG,OAAO,SAAS,GAAG;IAC9B;;;;;;;;;;OAUG;IACH,IAAI,EAAE,OAAO,SAAS,CAAC;IACvB;;;;;;;;;;OAUG;IACH,IAAI,EAAE,OAAO,SAAS,CAAC;IACvB;;;;;;;;OAQG;IACH,GAAG,EAAE,OAAO,QAAQ,CAAC;IACrB;;;;;OAKG;IACH,IAAI,EAAE,OAAO,SAAS,CAAC;IACvB;;;;;OAKG;IACH,UAAU,EAAE,OAAO,eAAe,CAAC;IACnC;;;;;;;;;;OAUG;IACH,IAAI,EAAE,OAAO,SAAS,CAAC;CACxB,CAAC;AAEF;;;;;;;;;;;;;;;;;;;;;;;;GAwBG;AACH,QAAA,MAAM,cAAc,EAAE,KAOpB,CAAC;AAUH,OAAO,EACL,cAAc,IAAI,KAAK,EACvB,SAAS,EACT,SAAS,EACT,QAAQ,EACR,SAAS,EACT,eAAe,EACf,SAAS,GACV,CAAC;AACF,YAAY,EACV,UAAU,EACV,cAAc,EACd,cAAc,EACd,aAAa,EACb,cAAc,EACd,oBAAoB,EACpB,cAAc,GACf,CAAC"}

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

@@ -4,12 +4,12 @@ export type TableBodyProps = HTMLAttributes<HTMLTableSectionElement>;
  * TableBody component, used to display the body of a table. Renders a native HTML tbody element.
  *
  * @example
- * <Table.Body>
- *   <Table.Row>
- *     <Table.Cell>John</Table.Cell>
- *     <Table.Cell>25</Table.Cell>
- *   </Table.Row>
- * </Table.Body>
+ * <TableBody>
+ *   <TableRow>
+ *     <TableCell>John</TableCell>
+ *     <TableCell>25</TableCell>
+ *   </TableRow>
+ * </TableBody>
  */
 export declare const TableBody: React.ForwardRefExoticComponent<TableBodyProps & React.RefAttributes<HTMLTableSectionElement>>;
 //# sourceMappingURL=table-body.d.ts.map

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

@@ -4,7 +4,7 @@ export type TableCellProps = TdHTMLAttributes<HTMLTableCellElement>;
  * TableCell component, used to display the cells of a table. Renders a native HTML td element.
  *
  * @example
- * <Table.Cell>John</Table.Cell>
+ * <TableCell>John</TableCell>
  */
 export declare const TableCell: React.ForwardRefExoticComponent<TableCellProps & React.RefAttributes<HTMLTableCellElement>>;
 //# sourceMappingURL=table-cell.d.ts.map

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

@@ -4,12 +4,12 @@ export type TableFootProps = HTMLAttributes<HTMLTableSectionElement>;
  * TableFoot component, used to display the footer of a table. Renders a native HTML tfoot element.
  *
  * @example
- * <Table.Foot>
- *   <Table.Row>
- *     <Table.Cell>Total</Table.Cell>
- *     <Table.Cell>2</Table.Cell>
- *   </Table.Row>
- * </Table.Foot>
+ * <TableFoot>
+ *   <TableRow>
+ *     <TableCell>Total</TableCell>
+ *     <TableCell>2</TableCell>
+ *   </TableRow>
+ * </TableFoot>
  */
 export declare const TableFoot: React.ForwardRefExoticComponent<TableFootProps & React.RefAttributes<HTMLTableSectionElement>>;
 //# sourceMappingURL=table-foot.d.ts.map

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

@@ -4,12 +4,12 @@ export type TableHeadProps = HTMLAttributes<HTMLTableSectionElement>;
  * TableHead component, used to display the header of a table. Renders a native HTML thead element.
  *
  * @example
- * <Table.Head>
- *   <Table.Row>
- *     <Table.HeaderCell>Name</Table.HeaderCell>
- *     <Table.HeaderCell>Age</Table.HeaderCell>
- *   </Table.Row>
- * </Table.Head>
+ * <TableHead>
+ *   <TableRow>
+ *     <TableHeaderCell>Name</TableHeaderCell>
+ *     <TableHeaderCell>Age</TableHeaderCell>
+ *   </TableRow>
+ * </TableHead>
  */
 export declare const TableHead: React.ForwardRefExoticComponent<TableHeadProps & React.RefAttributes<HTMLTableSectionElement>>;
 //# sourceMappingURL=table-head.d.ts.map

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

@@ -11,7 +11,7 @@ export type TableHeaderCellProps = {
  * TableHeaderCell component, used to display the header cells of a table. Renders a native HTML th element.
  *
  * @example
- * <Table.HeaderCell>Name</Table.HeaderCell>
+ * <TableHeaderCell>Name</TableHeaderCell>
  */
 export declare const TableHeaderCell: React.ForwardRefExoticComponent<{
     /**

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

@@ -4,10 +4,10 @@ export type TableRowProps = HTMLAttributes<HTMLTableRowElement>;
  * TableRow component, used to display the rows of a table. Renders a native HTML tr element.
  *
  * @example
- * <Table.Row>
- *   <Table.Cell>John</Table.Cell>
- *   <Table.Cell>25</Table.Cell>
- * </Table.Row>
+ * <TableRow>
+ *   <TableCell>John</TableCell>
+ *   <TableCell>25</TableCell>
+ * </TableRow>
  */
 export declare const TableRow: React.ForwardRefExoticComponent<TableRowProps & React.RefAttributes<HTMLTableRowElement>>;
 //# sourceMappingURL=table-row.d.ts.map

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

@@ -1,6 +1,33 @@
+import { Tabs as TabsParent } from './tabs';
 import { TabsList } from './tabs-list';
 import { TabsPanel } from './tabs-panel';
 import { TabsTab } from './tabs-tab';
+type Tabs = typeof TabsParent & {
+    /**
+     * The container for all `Tab` components.
+     *
+     * @example
+     * <Tabs.List>
+     *  <Tabs.Tab value='1'>Tab 1</Tabs.Tab>
+     *  <Tabs.Tab value='2'>Tab 2</Tabs.Tab>
+     * </Tabs.List>
+     */
+    List: typeof TabsList;
+    /**
+     * A single item in a Tabs component.
+     *
+     * @example
+     * <Tabs.Tab value='1'>Tab 1</Tabs.Tab>
+     */
+    Tab: typeof TabsTab;
+    /**
+     * A single content item in a Tabs component.
+     *
+     * @example
+     * <Tabs.Panel value='1'>content 1</Tabs.Panel>
+     */
+    Panel: typeof TabsPanel;
+};
 /**
  * Display a group of tabs that can be toggled between.
  *
@@ -16,22 +43,10 @@ import { TabsTab } from './tabs-tab';
  *   <Tabs.Panel value='3'>content 3</Tabs.Panel>
  * </Tabs>
  */
-declare const Tabs: React.ForwardRefExoticComponent<Omit<import("../../types").DefaultProps & Omit<React.HTMLAttributes<HTMLDivElement>, "value" | "onChange">, "value" | "onChange" | "defaultValue"> & {
-    value?: string;
-    defaultValue?: string;
-    onChange?: (value: string) => void;
-} & React.RefAttributes<HTMLDivElement>> & {
-    List: React.ForwardRefExoticComponent<import("./tabs-list").TabsListProps & React.RefAttributes<HTMLDivElement>>;
-    Tab: React.ForwardRefExoticComponent<{
-        value: string;
-    } & Omit<React.HTMLAttributes<HTMLButtonElement>, "value"> & React.RefAttributes<HTMLButtonElement>>;
-    Panel: React.ForwardRefExoticComponent<{
-        value: string;
-    } & Omit<React.HTMLAttributes<HTMLDivElement>, "value"> & React.RefAttributes<HTMLDivElement>>;
-};
+declare const TabsComponent: Tabs;
 export type { TabsProps } from './tabs';
 export type { TabsListProps } from './tabs-list';
 export type { TabsPanelProps } from './tabs-panel';
 export type { TabsTabProps } from './tabs-tab';
-export { Tabs, TabsTab, TabsList, TabsPanel };
+export { TabsComponent as Tabs, TabsTab, TabsList, TabsPanel };
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/tabs/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AACvC,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AACzC,OAAO,EAAE,OAAO,EAAE,MAAM,YAAY,CAAC;AAErC;;;;;;;;;;;;;;GAcG;AACH,QAAA,MAAM,IAAI;;;;;;;;;;;;CAIR,CAAC;AAMH,YAAY,EAAE,SAAS,EAAE,MAAM,QAAQ,CAAC;AACxC,YAAY,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AACjD,YAAY,EAAE,cAAc,EAAE,MAAM,cAAc,CAAC;AACnD,YAAY,EAAE,YAAY,EAAE,MAAM,YAAY,CAAC;AAC/C,OAAO,EAAE,IAAI,EAAE,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAE,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/tabs/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,IAAI,UAAU,EAAE,MAAM,QAAQ,CAAC;AAC5C,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AACvC,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AACzC,OAAO,EAAE,OAAO,EAAE,MAAM,YAAY,CAAC;AAErC,KAAK,IAAI,GAAG,OAAO,UAAU,GAAG;IAC9B;;;;;;;;OAQG;IACH,IAAI,EAAE,OAAO,QAAQ,CAAC;IACtB;;;;;OAKG;IACH,GAAG,EAAE,OAAO,OAAO,CAAC;IACpB;;;;;OAKG;IACH,KAAK,EAAE,OAAO,SAAS,CAAC;CACzB,CAAC;AAEF;;;;;;;;;;;;;;GAcG;AACH,QAAA,MAAM,aAAa,EAAE,IAInB,CAAC;AAMH,YAAY,EAAE,SAAS,EAAE,MAAM,QAAQ,CAAC;AACxC,YAAY,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AACjD,YAAY,EAAE,cAAc,EAAE,MAAM,cAAc,CAAC;AACnD,YAAY,EAAE,YAAY,EAAE,MAAM,YAAY,CAAC;AAC/C,OAAO,EAAE,aAAa,IAAI,IAAI,EAAE,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAE,CAAC"}

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

@@ -4,10 +4,10 @@ export type TabsListProps = HTMLAttributes<HTMLDivElement>;
  * The container for all `Tab` components.
  *
  * @example
- * <Tabs.List>
- *  <Tabs.Tab value='1'>Tab 1</Tabs.Tab>
- *  <Tabs.Tab value='2'>Tab 2</Tabs.Tab>
- * </Tabs.List>
+ * <TabsList>
+ *  <TabsTab value='1'>Tab 1</TabsTab>
+ *  <TabsTab value='2'>Tab 2</TabsTab>
+ * </TabsList>
  */
 export declare const TabsList: React.ForwardRefExoticComponent<TabsListProps & React.RefAttributes<HTMLDivElement>>;
 //# sourceMappingURL=tabs-list.d.ts.map

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

@@ -10,7 +10,7 @@ export type TabsPanelProps = {
  * A single content item in a Tabs component.
  *
  * @example
- * <Tabs.Panel value='1'>content 1</Tabs.Panel>
+ * <TabsPanel value='1'>content 1</TabsPanel>
  */
 export declare const TabsPanel: React.ForwardRefExoticComponent<{
     /**

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

@@ -9,7 +9,7 @@ export type TabsTabProps = {
  * A single item in a Tabs component.
  *
  * @example
- * <Tabs.Tab value='1'>Tab 1</Tabs.Tab>
+ * <TabsTab value='1'>Tab 1</TabsTab>
  */
 export declare const TabsTab: React.ForwardRefExoticComponent<{
     /**

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

@@ -1,4 +1,4 @@
-import type { Color, SeverityColors } from '@digdir/designsystemet-react/colors';
+import type { Color, SeverityColors } from '@digdir/designsystemet/types';
 import type { HTMLAttributes } from 'react';
 import type { DefaultProps } from '../../types';
 import type { MergeRight } from '../../utilities';

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,EACV,KAAK,EACL,cAAc,EACf,MAAM,qCAAqC,CAAC;AAE7C,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAE5C,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAChD,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAElD,MAAM,MAAM,QAAQ,GAAG,UAAU,CAC/B,YAAY,GAAG,cAAc,CAAC,eAAe,CAAC,EAC9C;IACE;;OAEG;IACH,YAAY,CAAC,EAAE,KAAK,GAAG,cAAc,CAAC;CACvC,CACF,CAAC;AAEF;;;;;GAKG;AACH,eAAO,MAAM,GAAG;IAbZ;;OAEG;mBACY,KAAK,GAAG,cAAc;yCAevC,CAAC"}
+{"version":3,"file":"tag.d.ts","sourceRoot":"","sources":["../../../src/components/tag/tag.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,KAAK,EAAE,cAAc,EAAE,MAAM,8BAA8B,CAAC;AAE1E,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAE5C,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAChD,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAElD,MAAM,MAAM,QAAQ,GAAG,UAAU,CAC/B,YAAY,GAAG,cAAc,CAAC,eAAe,CAAC,EAC9C;IACE;;OAEG;IACH,YAAY,CAAC,EAAE,KAAK,GAAG,cAAc,CAAC;CACvC,CACF,CAAC;AAEF;;;;;GAKG;AACH,eAAO,MAAM,GAAG;IAbZ;;OAEG;mBACY,KAAK,GAAG,cAAc;yCAevC,CAAC"}

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

@@ -1,4 +1,13 @@
+import { ToggleGroup as ToggleGroupParent } from './toggle-group';
 import { ToggleGroupItem } from './toggle-group-item';
+type ToggleGroup = typeof ToggleGroupParent & {
+    /**
+     * A single item in a ToggleGroup.
+     * @example
+     * <ToggleGroup.Item value='1'>Toggle 1</ToggleGroup.Item>
+     */
+    Item: typeof ToggleGroupItem;
+};
 /**
  * Display a group of buttons that can be toggled between.
  *
@@ -9,17 +18,8 @@ import { ToggleGroupItem } from './toggle-group-item';
  *   <ToggleGroup.Item value='3'>Toggle 3</ToggleGroup.Item>
  * </ToggleGroup>
  */
-declare const ToggleGroup: React.ForwardRefExoticComponent<Omit<import("../../types").DefaultProps & Omit<React.HTMLAttributes<HTMLDivElement>, "value" | "onChange">, "name" | "value" | "onChange" | "defaultValue"> & {
-    value?: string;
-    defaultValue?: string;
-    onChange?: (value: string) => void;
-    name?: string;
-} & React.RefAttributes<HTMLDivElement>> & {
-    Item: React.ForwardRefExoticComponent<{
-        value?: string;
-    } & Omit<import("..").ButtonProps, "value" | "variant" | "loading"> & React.RefAttributes<HTMLButtonElement>>;
-};
+declare const ToggleGroupComponent: ToggleGroup;
 export type { ToggleGroupProps } from './toggle-group';
 export type { ToggleGroupItemProps } from './toggle-group-item';
-export { ToggleGroup, ToggleGroupItem };
+export { ToggleGroupComponent as ToggleGroup, ToggleGroupItem };
 //# sourceMappingURL=index.d.ts.map