@norges-domstoler/dds-components 7.1.0 → 7.2.0

package/README.md

@@ -58,6 +58,7 @@ Tilgjengelige komponenter:
 - OverflowMenu
 - Pagination
 - Popover
+- ProgressTracker
 - RadioButton
 - Scrollbar
 - Search

package/dist/cjs/components/Breadcrumbs/Breadcrumbs.stories.d.ts

@@ -1,7 +1,7 @@
 import { BreadcrumbsProps } from '.';
 declare const _default: {
     title: string;
-    component: import("react").ForwardRefExoticComponent<Pick<import("react").HTMLAttributes<HTMLElement>, "className" | "id"> & {
+    component: import("react").ForwardRefExoticComponent<Pick<import("react").HTMLAttributes<HTMLElement>, "id" | "className"> & {
         smallScreen?: boolean | undefined;
     } & {
         children?: import("react").ReactNode;

package/dist/cjs/components/Button/Button.stories.d.ts

@@ -1,7 +1,7 @@
 import { ButtonProps } from '.';
 declare const _default: {
     title: string;
-    component: import("react").ForwardRefExoticComponent<Pick<Omit<import("react").ButtonHTMLAttributes<HTMLButtonElement>, "type" | "onFocus" | "onBlur" | "onClick">, "className" | "id"> & {
+    component: import("react").ForwardRefExoticComponent<Pick<Omit<import("react").ButtonHTMLAttributes<HTMLButtonElement>, "type" | "onFocus" | "onBlur" | "onClick">, "id" | "className"> & {
         size?: import("./Button.types").ButtonSize | undefined;
         label?: string | undefined;
         purpose?: import("./Button.types").ButtonPurpose | undefined;

package/dist/cjs/components/Checkbox/Checkbox.stories.d.ts

@@ -1,7 +1,7 @@
 import { CheckboxProps } from '.';
 declare const _default: {
     title: string;
-    component: import("react").ForwardRefExoticComponent<Pick<Omit<import("react").InputHTMLAttributes<HTMLInputElement>, "name" | "defaultChecked" | "defaultValue" | "aria-describedby" | "onBlur" | "onChange" | "value" | "checked">, "className" | "id"> & {
+    component: import("react").ForwardRefExoticComponent<Pick<Omit<import("react").InputHTMLAttributes<HTMLInputElement>, "name" | "defaultChecked" | "defaultValue" | "aria-describedby" | "onBlur" | "onChange" | "value" | "checked">, "id" | "className"> & {
         label?: string | undefined;
         error?: boolean | undefined;
         disabled?: boolean | undefined;

package/dist/cjs/components/Chip/Chip.stories.d.ts

@@ -1,7 +1,7 @@
 import { ChipProps } from '.';
 declare const _default: {
     title: string;
-    component: import("react").ForwardRefExoticComponent<Pick<import("react").HTMLAttributes<HTMLDivElement>, "className" | "id"> & {
+    component: import("react").ForwardRefExoticComponent<Pick<import("react").HTMLAttributes<HTMLDivElement>, "id" | "className"> & {
         text?: string | undefined;
         onClose?: (() => void) | undefined;
     } & {

package/dist/cjs/components/DescriptionList/DescriptionList.stories.d.ts

@@ -1,7 +1,7 @@
 import { DescriptionListProps } from '.';
 declare const _default: {
     title: string;
-    component: import("react").ForwardRefExoticComponent<Pick<import("react").HTMLAttributes<HTMLDListElement>, "className" | "id"> & {
+    component: import("react").ForwardRefExoticComponent<Pick<import("react").HTMLAttributes<HTMLDListElement>, "id" | "className"> & {
         appearance?: import("./DescriptionList").DescriptionListAppearance | undefined;
     } & {
         children?: import("react").ReactNode;

package/dist/cjs/components/Divider/Divider.stories.d.ts

@@ -1,7 +1,7 @@
 import { DividerProps } from '.';
 declare const _default: {
     title: string;
-    component: import("react").ForwardRefExoticComponent<Pick<import("react").HTMLAttributes<HTMLHRElement>, "className" | "id"> & {
+    component: import("react").ForwardRefExoticComponent<Pick<import("react").HTMLAttributes<HTMLHRElement>, "id" | "className"> & {
         color?: import("./Divider").DividerColor | undefined;
     } & {
         htmlProps?: import("react").HTMLAttributes<HTMLHRElement> | undefined;

package/dist/cjs/components/Drawer/Drawer.stories.d.ts

@@ -1,7 +1,7 @@
 import { DrawerProps } from '.';
 declare const _default: {
     title: string;
-    component: import("react").ForwardRefExoticComponent<Pick<import("react").HTMLAttributes<HTMLDivElement>, "className" | "id"> & {
+    component: import("react").ForwardRefExoticComponent<Pick<import("react").HTMLAttributes<HTMLDivElement>, "id" | "className"> & {
         size?: import("./Drawer").DrawerSize | undefined;
         placement?: import("./Drawer").DrawerPlacement | undefined;
         header?: import("react").ReactNode;

package/dist/cjs/components/GlobalMessage/GlobalMessage.stories.d.ts

@@ -1,7 +1,7 @@
 import { GlobalMessageProps } from './GlobalMessage';
 declare const _default: {
     title: string;
-    component: import("react").ForwardRefExoticComponent<Pick<import("react").HTMLAttributes<HTMLDivElement>, "className" | "id"> & {
+    component: import("react").ForwardRefExoticComponent<Pick<import("react").HTMLAttributes<HTMLDivElement>, "id" | "className"> & {
         message?: string | undefined;
         purpose?: import("./GlobalMessage").GlobalMessagePurpose | undefined;
         closable?: boolean | undefined;

package/dist/cjs/components/InputMessage/InputMessage.stories.d.ts

@@ -1,7 +1,7 @@
 import { InputMessageProps } from '.';
 declare const _default: {
     title: string;
-    component: import("react").ForwardRefExoticComponent<Pick<import("react").HTMLAttributes<HTMLDivElement>, "className" | "id"> & {
+    component: import("react").ForwardRefExoticComponent<Pick<import("react").HTMLAttributes<HTMLDivElement>, "id" | "className"> & {
         message: string;
         messageType: import("./InputMessage").InputMessageType;
     } & {

package/dist/cjs/components/List/List.stories.d.ts

@@ -1,7 +1,7 @@
 import { ListProps } from '.';
 declare const _default: {
     title: string;
-    component: import("react").ForwardRefExoticComponent<Pick<import("react").HTMLAttributes<HTMLOListElement | HTMLUListElement>, "className" | "id"> & {
+    component: import("react").ForwardRefExoticComponent<Pick<import("react").HTMLAttributes<HTMLOListElement | HTMLUListElement>, "id" | "className"> & {
         listType?: import("./List").ListType | undefined;
         typographyType?: import("./List").ListTypographyType | undefined;
     } & {

package/dist/cjs/components/LocalMessage/LocalMessage.stories.d.ts

@@ -1,7 +1,7 @@
 import { LocalMessageProps } from './LocalMessage';
 declare const _default: {
     title: string;
-    component: import("react").ForwardRefExoticComponent<Pick<import("react").HTMLAttributes<HTMLDivElement>, "className" | "id"> & {
+    component: import("react").ForwardRefExoticComponent<Pick<import("react").HTMLAttributes<HTMLDivElement>, "id" | "className"> & {
         message?: string | undefined;
         purpose?: import("./LocalMessage").LocalMessagePurpose | undefined;
         closable?: boolean | undefined;

package/dist/cjs/components/Modal/Modal.stories.d.ts

@@ -1,7 +1,7 @@
 import { ModalProps } from '.';
 declare const _default: {
     title: string;
-    component: import("react").ForwardRefExoticComponent<Pick<import("react").HTMLAttributes<HTMLDivElement>, "className" | "id"> & {
+    component: import("react").ForwardRefExoticComponent<Pick<import("react").HTMLAttributes<HTMLDivElement>, "id" | "className"> & {
         isOpen?: boolean | undefined;
         onClose?: (() => void) | undefined;
         parentElement?: HTMLElement | undefined;

package/dist/cjs/components/OverflowMenu/OverflowMenu.stories.d.ts

@@ -1,7 +1,7 @@
 import { OverflowMenuProps, OverflowMenuContextItem, OverflowMenuNavItem } from '.';
 declare const _default: {
     title: string;
-    component: import("react").ForwardRefExoticComponent<Pick<import("react").HTMLAttributes<HTMLDivElement>, "className" | "id"> & {
+    component: import("react").ForwardRefExoticComponent<Pick<import("react").HTMLAttributes<HTMLDivElement>, "id" | "className"> & {
         items?: OverflowMenuContextItem[] | undefined;
         userProps?: ({
             name: string;

package/dist/cjs/components/Pagination/Pagination.stories.d.ts

@@ -1,7 +1,7 @@
 import { PaginationProps } from '.';
 declare const _default: {
     title: string;
-    component: import("react").ForwardRefExoticComponent<Pick<Omit<import("react").HTMLAttributes<HTMLElement>, "onChange">, "className" | "id"> & {
+    component: import("react").ForwardRefExoticComponent<Pick<Omit<import("react").HTMLAttributes<HTMLElement>, "onChange">, "id" | "className"> & {
         itemsAmount: number;
         defaultItemsPerPage?: number | undefined;
         defaultActivePage?: number | undefined;

package/dist/cjs/components/Popover/Popover.stories.d.ts

@@ -2,7 +2,7 @@ import { PopoverProps } from '.';
 import { Placement } from '../../hooks';
 declare const _default: {
     title: string;
-    component: import("react").ForwardRefExoticComponent<Pick<import("react").HTMLAttributes<HTMLDivElement>, "className" | "id"> & {
+    component: import("react").ForwardRefExoticComponent<Pick<import("react").HTMLAttributes<HTMLDivElement>, "id" | "className"> & {
         title?: import("react").ReactNode;
         isOpen?: boolean | undefined;
         withCloseButton?: boolean | undefined;

package/dist/cjs/components/ProgressTracker/ProgressTracker.context.d.ts

@@ -0,0 +1,6 @@
+declare type ProgressTrackerContextType = {
+    activeStep: number;
+};
+export declare const ProgressTrackerContext: import("react").Context<ProgressTrackerContextType>;
+export declare const useProgressTrackerContext: () => ProgressTrackerContextType;
+export {};

package/dist/cjs/components/ProgressTracker/ProgressTracker.d.ts

@@ -0,0 +1,12 @@
+import { ForwardRefExoticComponent } from 'react';
+import { BaseComponentPropsWithChildren } from '../../types';
+import { ProgressTrackerItem } from './ProgressTrackerItem';
+declare type ProgressTrackerProps = BaseComponentPropsWithChildren<HTMLDivElement, {
+    /** Indeksen til det aktive steget. */
+    activeStep?: number;
+}>;
+declare type ProgressTrackerComponent = ForwardRefExoticComponent<ProgressTrackerProps> & {
+    Item: typeof ProgressTrackerItem;
+};
+export declare const ProgressTracker: ProgressTrackerComponent;
+export {};

package/dist/cjs/components/ProgressTracker/ProgressTracker.stories.d.ts

@@ -0,0 +1,40 @@
+declare const _default: {
+    title: string;
+    component: import("react").ForwardRefExoticComponent<Pick<import("react").HTMLAttributes<HTMLDivElement>, "id" | "className"> & {
+        activeStep?: number | undefined;
+    } & {
+        children?: import("react").ReactNode;
+    } & {
+        htmlProps?: import("react").HTMLAttributes<HTMLDivElement> | undefined;
+    }> & {
+        Item: (props: ({
+            onClick: (index: number) => void;
+        } & Pick<import("react").HTMLAttributes<HTMLButtonElement>, "id" | "className"> & {
+            active?: boolean | undefined;
+            completed?: boolean | undefined;
+            disabled?: boolean | undefined;
+            icon?: import("../../icons/utils").SvgIcon | undefined;
+            index?: number | undefined;
+        } & {
+            children?: import("react").ReactNode;
+        } & {
+            htmlProps?: import("react").HTMLAttributes<HTMLButtonElement> | undefined;
+        }) | ({
+            onClick?: undefined;
+        } & Pick<import("react").HTMLAttributes<HTMLDivElement>, "id" | "className"> & {
+            active?: boolean | undefined;
+            completed?: boolean | undefined;
+            disabled?: boolean | undefined;
+            icon?: import("../../icons/utils").SvgIcon | undefined;
+            index?: number | undefined;
+        } & {
+            children?: import("react").ReactNode;
+        } & {
+            htmlProps?: import("react").HTMLAttributes<HTMLDivElement> | undefined;
+        })) => JSX.Element;
+    };
+};
+export default _default;
+export declare const Overview: () => JSX.Element;
+export declare const WithIcons: () => JSX.Element;
+export declare const NonClickable: () => JSX.Element;

package/dist/cjs/components/ProgressTracker/ProgressTracker.tokens.d.ts

@@ -0,0 +1,69 @@
+import { IconSize } from '../Icon';
+export declare const progressTrackerTokens: {
+    itemsWrapper: {
+        gap: string;
+    };
+    itemContentWrapper: {
+        gap: string;
+    };
+    connector: {
+        color: string;
+        height: string;
+        width: string;
+    };
+    itemNumber: {
+        size: string;
+        borderWidth: string;
+        iconSize: IconSize;
+        fontSize: string;
+        active: {
+            borderColor: string;
+            color: string;
+            backgroundColor: string;
+        };
+        completed: {
+            borderColor: string;
+            color: string;
+            backgroundColor: string;
+            hover: {
+                borderColor: string;
+                color: string;
+                backgroundColor: string;
+            };
+        };
+        inactive: {
+            borderColor: string;
+            color: string;
+            backgroundColor: string;
+            hover: {
+                borderColor: string;
+                color: string;
+                backgroundColor: string;
+            };
+        };
+        disabled: {
+            borderColor: string;
+            color: string;
+            backgroundColor: string;
+        };
+    };
+    itemText: {
+        fontFamily: string;
+        fontSize: string;
+        active: {
+            color: string;
+            textDecoration: string;
+        };
+        inactive: {
+            color: string;
+            textDecoration: string;
+            hover: {
+                textDecoration: string;
+            };
+        };
+        disabled: {
+            color: string;
+            textDecoration: string;
+        };
+    };
+};

package/dist/cjs/components/ProgressTracker/ProgressTrackerItem.d.ts

@@ -0,0 +1,24 @@
+import { SvgIcon } from '../../icons/utils';
+import { BaseComponentPropsWithChildren } from '../../types';
+declare type BaseItemProps = {
+    /** Om steget er valgt eller ikke. Settes av konsument. */
+    active?: boolean;
+    /** Om steget er ferdig eller ikke. Settes av konsument. */
+    completed?: boolean;
+    /** Om steget skal være disabled. Settes av konsument.
+     * @default false
+     */
+    disabled?: boolean;
+    /** Ikon som skal vises istedenfor stegnummeret. Settes av konument. */
+    icon?: SvgIcon;
+    /** Indeksen til steget. NB! Denne settes automatisk av `<ProgressTracker />` og skal ikke settes manuelt. */
+    index?: number;
+};
+declare type ProgressTrackerItemProps = ({
+    /** Click-handler som gjør det mulig for bruker å klikke på steget for å navigere. Valgfri. */
+    onClick: (index: number) => void;
+} & BaseComponentPropsWithChildren<HTMLButtonElement, BaseItemProps>) | ({
+    onClick?: undefined;
+} & BaseComponentPropsWithChildren<HTMLDivElement, BaseItemProps>);
+export declare const ProgressTrackerItem: (props: ProgressTrackerItemProps) => JSX.Element;
+export {};

package/dist/cjs/components/ProgressTracker/index.d.ts

@@ -0,0 +1 @@
+export * from './ProgressTracker';

package/dist/cjs/components/RadioButton/RadioButton.stories.d.ts

@@ -1,7 +1,7 @@
 import { RadioButtonProps } from '.';
 declare const _default: {
     title: string;
-    component: import("react").ForwardRefExoticComponent<Pick<Omit<import("react").InputHTMLAttributes<HTMLInputElement>, "name" | "aria-describedby" | "onChange" | "value" | "checked" | "readOnly" | "required">, "className" | "id"> & {
+    component: import("react").ForwardRefExoticComponent<Pick<Omit<import("react").InputHTMLAttributes<HTMLInputElement>, "name" | "aria-describedby" | "onChange" | "value" | "checked" | "readOnly" | "required">, "id" | "className"> & {
         label?: string | undefined;
         disabled?: boolean | undefined;
         error?: boolean | undefined;

package/dist/cjs/components/RadioButton/RadioButtonGroup.stories.d.ts

@@ -1,7 +1,7 @@
 import { RadioButtonGroupProps } from '.';
 declare const _default: {
     title: string;
-    component: <T extends string | number = string>(props: Pick<Omit<import("react").HTMLAttributes<HTMLDivElement>, "onChange">, "className" | "id"> & {
+    component: <T extends string | number = string>(props: Pick<Omit<import("react").HTMLAttributes<HTMLDivElement>, "onChange">, "id" | "className"> & {
         name?: string | undefined;
         label?: string | undefined;
         onChange?: ((event: import("react").ChangeEvent<HTMLInputElement>, value: T | undefined) => void) | undefined;

package/dist/cjs/components/Search/Search.d.ts

@@ -6,13 +6,13 @@ declare type ButtonProps = {
     label?: string;
     loading?: boolean;
 } & ButtonHTMLAttributes<HTMLButtonElement>;
-export declare type SearchProps = Pick<BaseInputProps, 'tip'> & {
+export declare type SearchProps = Pick<BaseInputProps, 'tip' | 'label'> & {
     /**Størrelsen på komponenten. */
     componentSize?: SearchSize;
     /**Props for søkeknappen. */
     buttonProps?: ButtonProps;
 } & InputHTMLAttributes<HTMLInputElement>;
-export declare const Search: import("react").ForwardRefExoticComponent<Pick<BaseInputProps, "tip"> & {
+export declare const Search: import("react").ForwardRefExoticComponent<Pick<BaseInputProps, "label" | "tip"> & {
     /**Størrelsen på komponenten. */
     componentSize?: SearchSize | undefined;
     /**Props for søkeknappen. */

package/dist/cjs/components/Search/Search.stories.d.ts

@@ -1,7 +1,7 @@
 import { SearchProps } from './Search';
 declare const _default: {
     title: string;
-    component: import("react").ForwardRefExoticComponent<Pick<import("../../helpers").InputProps, "tip"> & {
+    component: import("react").ForwardRefExoticComponent<Pick<import("../../helpers").InputProps, "label" | "tip"> & {
         componentSize?: import("./Search").SearchSize | undefined;
         buttonProps?: ({
             onClick: (event: import("react").MouseEvent<HTMLButtonElement, MouseEvent>) => void;
@@ -15,6 +15,11 @@ declare const _default: {
                 type: string;
             };
         };
+        label: {
+            control: {
+                type: string;
+            };
+        };
     };
     parameters: {
         controls: {
@@ -24,5 +29,6 @@ declare const _default: {
 };
 export default _default;
 export declare const Overview: (args: SearchProps) => JSX.Element;
+export declare const OverviewSizes: (args: SearchProps) => JSX.Element;
 export declare const Default: (args: SearchProps) => JSX.Element;
 export declare const WithButton: (args: SearchProps) => JSX.Element;

package/dist/cjs/components/Search/Search.tokens.d.ts

@@ -61,7 +61,10 @@ export declare const searchTokens: {
             top: string;
         };
     };
-    container: {
+    horisontalContainer: {
+        gap: string;
+    };
+    outerContainer: {
         gap: string;
     };
 };

package/dist/cjs/components/SkipToContent/SkipToContent.stories.d.ts

@@ -1,7 +1,7 @@
 import { SkipToContentProps } from '.';
 declare const _default: {
     title: string;
-    component: import("react").ForwardRefExoticComponent<Pick<import("react").HTMLAttributes<HTMLAnchorElement>, "className" | "id"> & {
+    component: import("react").ForwardRefExoticComponent<Pick<import("react").HTMLAttributes<HTMLAnchorElement>, "id" | "className"> & {
         text?: string | undefined;
         href: string;
         top?: import("csstype").Property.Top<string | number> | undefined;

package/dist/cjs/components/Table/Cell.d.ts

@@ -4,7 +4,7 @@ export declare type TableCellLayout = 'left' | 'right' | 'center' | 'text and ic
 export declare type TableCellProps = {
     /**Type celle. Returnerer enten `<td>` eller `<th>`. */
     type?: TableCellType;
-    /**Layout av innholdet i cellen. 'tekst and icon' legger margin mellom første barnet og andre barnet i cellen, og skal hovedsakelig brukes når innholdet er tekst og ikon; tekst må bli wrappet i `<span>` hvis det er det første barnet.  */
+    /**Layout av innholdet i cellen. 'tekst and icon' legger `gap` mellom barna og andre barnet i cellen.  */
     layout?: TableCellLayout;
 } & (TdHTMLAttributes<HTMLTableCellElement> | ThHTMLAttributes<HTMLTableCellElement>);
 export declare const Cell: import("react").ForwardRefExoticComponent<TableCellProps & import("react").RefAttributes<HTMLTableCellElement>>;

package/dist/cjs/components/Table/Table.d.ts

@@ -5,10 +5,14 @@ export declare type TableProps = {
     density?: TableDensity;
     /**Spesifiserer om cellene i `<Head>` skal bli sticky ved scrolling. */
     stickyHeader?: boolean;
+    /**Legger skillelinjer mellom radene. */
+    withDividers?: boolean;
 } & HTMLAttributes<HTMLTableElement>;
 export declare const Table: import("react").ForwardRefExoticComponent<{
     /**Spesifiserer hvor romslige cellene i tabellen skal være. */
     density?: TableDensity | undefined;
     /**Spesifiserer om cellene i `<Head>` skal bli sticky ved scrolling. */
     stickyHeader?: boolean | undefined;
+    /**Legger skillelinjer mellom radene. */
+    withDividers?: boolean | undefined;
 } & HTMLAttributes<HTMLTableElement> & import("react").RefAttributes<HTMLTableElement>>;

package/dist/cjs/components/Table/Table.stories.d.ts

@@ -4,6 +4,7 @@ declare const _default: {
     component: import("react").ForwardRefExoticComponent<{
         density?: import("./Table").TableDensity | undefined;
         stickyHeader?: boolean | undefined;
+        withDividers?: boolean | undefined;
     } & import("react").HTMLAttributes<HTMLTableElement> & import("react").RefAttributes<HTMLTableElement>>;
     argTypes: {
         stickyHeader: {
@@ -11,10 +12,16 @@ declare const _default: {
                 type: string;
             };
         };
+        withDividers: {
+            control: {
+                type: string;
+            };
+        };
     };
 };
 export default _default;
 export declare const Default: (args: TableProps) => JSX.Element;
+export declare const withDividers: (args: TableProps) => JSX.Element;
 export declare const Focusable: (args: TableProps) => JSX.Element;
 export declare const Compact: (args: TableProps) => JSX.Element;
 export declare const StickyHeader: (args: TableProps) => JSX.Element;

package/dist/cjs/components/Table/Table.tokens.d.ts

@@ -0,0 +1,72 @@
+export declare const tableTokens: {
+    row: {
+        base: {
+            color: string;
+            font: {
+                lineHeight: any;
+                fontSize: string;
+                letterSpacing: any;
+                fontFamily: any;
+                fontWeight: any;
+                fontStyle: any;
+            };
+        };
+        body: {
+            odd: {
+                backgroundColor: string;
+            };
+            even: {
+                backgroundColor: string;
+            };
+            hover: {
+                backgroundColor: string;
+            };
+            selected: {
+                backgroundColor: string;
+            };
+            mode: {
+                sum: {
+                    font: {
+                        lineHeight: any;
+                        fontSize: string;
+                        letterSpacing: any;
+                        fontFamily: any;
+                        fontWeight: any;
+                        fontStyle: any;
+                    };
+                    borderTop: string;
+                    borderBottom: string;
+                    backgroundColor: string;
+                };
+            };
+            withDividers: {
+                borderBottom: string;
+            };
+        };
+    };
+    cell: {
+        density: {
+            normal: {
+                padding: string;
+            };
+            compact: {
+                padding: string;
+            };
+        };
+        head: {
+            backgroundColor: string;
+        };
+        sort: {
+            gap: string;
+            icon: {
+                marginInlineStart: string;
+            };
+        };
+        layout: {
+            textAndIcon: {
+                gap: string;
+                marginRight: string;
+            };
+        };
+    };
+};

package/dist/cjs/components/Tag/Tag.stories.d.ts

@@ -1,7 +1,7 @@
 import { TagProps } from '.';
 declare const _default: {
     title: string;
-    component: import("react").ForwardRefExoticComponent<Pick<import("react").HTMLAttributes<HTMLSpanElement>, "className" | "id"> & {
+    component: import("react").ForwardRefExoticComponent<Pick<import("react").HTMLAttributes<HTMLSpanElement>, "id" | "className"> & {
         text?: string | undefined;
         purpose?: import("./Tag").TagPurpose | undefined;
     } & {

package/dist/cjs/components/ToggleButton/ToggleButton.stories.d.ts

@@ -1,7 +1,7 @@
 import { ToggleButtonProps } from '.';
 declare const _default: {
     title: string;
-    component: import("react").ForwardRefExoticComponent<Pick<import("react").InputHTMLAttributes<HTMLInputElement>, "className" | "id"> & {
+    component: import("react").ForwardRefExoticComponent<Pick<import("react").InputHTMLAttributes<HTMLInputElement>, "id" | "className"> & {
         label?: string | undefined;
         icon?: import("../../icons/utils").SvgIcon | undefined;
     } & {

package/dist/cjs/components/Tooltip/Tooltip.stories.d.ts

@@ -1,7 +1,7 @@
 import { TooltipProps } from '.';
 declare const _default: {
     title: string;
-    component: import("react").ForwardRefExoticComponent<Pick<Omit<import("react").HTMLAttributes<HTMLDivElement>, "style" | "children" | "onMouseLeave" | "onMouseOver">, "className" | "id"> & {
+    component: import("react").ForwardRefExoticComponent<Pick<Omit<import("react").HTMLAttributes<HTMLDivElement>, "style" | "children" | "onMouseLeave" | "onMouseOver">, "id" | "className"> & {
         text: string;
         placement?: import("../..").Placement | undefined;
         children: import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> & import("react").RefAttributes<HTMLElement>;

package/dist/cjs/components/Typography/Caption/Caption.stories.d.ts

@@ -4,7 +4,7 @@ declare type StoryTProps = {
 } & CaptionProps;
 declare const _default: {
     title: string;
-    component: import("react").ForwardRefExoticComponent<Pick<import("react").HTMLAttributes<HTMLTableCaptionElement>, "className" | "id"> & {
+    component: import("react").ForwardRefExoticComponent<Pick<import("react").HTMLAttributes<HTMLTableCaptionElement>, "id" | "className"> & {
         withMargins?: boolean | undefined;
     } & {
         children?: import("react").ReactNode;

package/dist/cjs/components/Typography/Heading/Heading.stories.d.ts

@@ -4,7 +4,7 @@ declare type StoryTProps = {
 } & HeadingProps;
 declare const _default: {
     title: string;
-    component: import("react").ForwardRefExoticComponent<Pick<import("react").HTMLAttributes<HTMLHeadingElement>, "className" | "id"> & {
+    component: import("react").ForwardRefExoticComponent<Pick<import("react").HTMLAttributes<HTMLHeadingElement>, "id" | "className"> & {
         level: import("./Heading").HeadingLevel;
         typographyType?: import("..").TypographyHeadingType | undefined;
     } & {

package/dist/cjs/components/Typography/Label/Label.stories.d.ts

@@ -4,7 +4,7 @@ declare type StoryTProps = {
 } & LabelProps;
 declare const _default: {
     title: string;
-    component: import("react").ForwardRefExoticComponent<Pick<Omit<import("react").LabelHTMLAttributes<HTMLLabelElement>, "htmlFor">, "className" | "id"> & {
+    component: import("react").ForwardRefExoticComponent<Pick<Omit<import("react").LabelHTMLAttributes<HTMLLabelElement>, "htmlFor">, "id" | "className"> & {
         showRequiredStyling?: boolean | undefined;
     } & {
         withMargins?: boolean | undefined;

package/dist/cjs/components/Typography/Legend/Legend.stories.d.ts

@@ -4,7 +4,7 @@ declare type StoryTProps = {
 } & LegendProps;
 declare const _default: {
     title: string;
-    component: import("react").ForwardRefExoticComponent<Pick<import("react").HTMLAttributes<HTMLLegendElement>, "className" | "id"> & {
+    component: import("react").ForwardRefExoticComponent<Pick<import("react").HTMLAttributes<HTMLLegendElement>, "id" | "className"> & {
         withMargins?: boolean | undefined;
     } & {
         children?: import("react").ReactNode;

package/dist/cjs/components/Typography/Link/Link.stories.d.ts

@@ -4,7 +4,7 @@ declare type StoryTProps = {
 } & LinkProps;
 declare const _default: {
     title: string;
-    component: import("react").ForwardRefExoticComponent<Pick<Omit<import("react").AnchorHTMLAttributes<HTMLAnchorElement>, "onClick" | "href" | "target">, "className" | "id"> & {
+    component: import("react").ForwardRefExoticComponent<Pick<Omit<import("react").AnchorHTMLAttributes<HTMLAnchorElement>, "onClick" | "href" | "target">, "id" | "className"> & {
         external?: boolean | undefined;
         typographyType?: ("bodySans01" | "bodySans02" | "bodySans03" | "bodySans04") | undefined;
     } & {