@norges-domstoler/dds-components 7.0.1 → 7.2.0

package/README.md

@@ -48,6 +48,7 @@ Tilgjengelige komponenter:
 - Divider
 - Drawer
 - GlobalMessage
+- Grid
 - Icon
 - InputMessage
 - InternaHeader
@@ -57,6 +58,7 @@ Tilgjengelige komponenter:
 - OverflowMenu
 - Pagination
 - Popover
+- ProgressTracker
 - RadioButton
 - Scrollbar
 - Search

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>, "onFocus" | "onBlur" | "onClick" | "type">, "id" | "className"> & {
+    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;
@@ -13,12 +13,12 @@ declare const _default: {
         href?: string | undefined;
         target?: string | undefined;
     } & {
+        type?: "button" | "submit" | "reset" | undefined;
         onFocus?: import("react").FocusEventHandler<HTMLButtonElement> | undefined;
         onBlur?: import("react").FocusEventHandler<HTMLButtonElement> | undefined;
         onClick?: import("react").MouseEventHandler<HTMLButtonElement> | undefined;
-        type?: "button" | "submit" | "reset" | undefined;
     } & {
-        htmlProps?: Omit<import("react").ButtonHTMLAttributes<HTMLButtonElement>, "onFocus" | "onBlur" | "onClick" | "type"> | undefined;
+        htmlProps?: Omit<import("react").ButtonHTMLAttributes<HTMLButtonElement>, "type" | "onFocus" | "onBlur" | "onClick"> | undefined;
     } & import("react").RefAttributes<HTMLButtonElement>>;
     argTypes: {
         label: {

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

@@ -1,23 +1,23 @@
 import { CheckboxProps } from '.';
 declare const _default: {
     title: string;
-    component: import("react").ForwardRefExoticComponent<Pick<Omit<import("react").InputHTMLAttributes<HTMLInputElement>, "defaultChecked" | "defaultValue" | "aria-describedby" | "onBlur" | "onChange" | "name" | "value" | "checked">, "id" | "className"> & {
+    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;
         readOnly?: boolean | undefined;
         indeterminate?: boolean | undefined;
     } & {
+        name?: string | undefined;
         defaultChecked?: boolean | undefined;
         defaultValue?: string | number | readonly string[] | undefined;
         'aria-describedby'?: string | undefined;
         onBlur?: import("react").FocusEventHandler<HTMLInputElement> | undefined;
         onChange?: import("react").ChangeEventHandler<HTMLInputElement> | undefined;
-        name?: string | undefined;
         value?: string | number | readonly string[] | undefined;
         checked?: boolean | undefined;
     } & {
-        htmlProps?: Omit<import("react").InputHTMLAttributes<HTMLInputElement>, "defaultChecked" | "defaultValue" | "aria-describedby" | "onBlur" | "onChange" | "name" | "value" | "checked"> | undefined;
+        htmlProps?: Omit<import("react").InputHTMLAttributes<HTMLInputElement>, "name" | "defaultChecked" | "defaultValue" | "aria-describedby" | "onBlur" | "onChange" | "value" | "checked"> | undefined;
     } & import("react").RefAttributes<HTMLInputElement>>;
     argTypes: {
         label: {

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

@@ -0,0 +1,6 @@
+import { ScreenSize } from '../../hooks';
+export declare type GridContextProps = {
+    screenSize: ScreenSize;
+};
+export declare const GridContext: import("react").Context<GridContextProps>;
+export declare const useGridContext: () => GridContextProps;

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

@@ -0,0 +1,24 @@
+import { BaseComponentPropsWithChildren } from '../../types';
+import { Property } from 'csstype';
+import { HTMLAttributes } from 'react';
+declare type MaxWidthGrid = {
+    xs?: Property.MaxWidth;
+    sm?: Property.MaxWidth;
+    md?: Property.MaxWidth;
+    lg?: Property.MaxWidth;
+    xl?: Property.MaxWidth;
+};
+declare type BaseGridProps = {
+    /**Maksimal bredde. Gjøres per brekkepunkt.  */
+    maxWidth?: MaxWidthGrid;
+} & Pick<HTMLAttributes<HTMLElement>, 'style'>;
+declare type GridDivProps = BaseComponentPropsWithChildren<HTMLDivElement, {
+    /**HTML tag som returneres. */
+    as: 'div';
+} & BaseGridProps>;
+declare type GridFormProps = BaseComponentPropsWithChildren<HTMLFormElement, {
+    as: 'form';
+} & BaseGridProps>;
+export declare type GridProps = GridDivProps | GridFormProps;
+export declare const Grid: (props: GridProps) => JSX.Element;
+export {};

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

@@ -0,0 +1,8 @@
+import { GridProps } from '.';
+declare const _default: {
+    title: string;
+    component: (props: GridProps) => JSX.Element;
+};
+export default _default;
+export declare const PageExample: (args: GridProps) => JSX.Element;
+export declare const JustRelativeColumns: (args: GridProps) => JSX.Element;

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

@@ -0,0 +1,82 @@
+export declare const gridTokens: {
+    0: {
+        grid: {
+            columns: number;
+            gap: string;
+            marginLeft: string;
+            marginRight: string;
+        };
+        columns: {
+            firstHalf: {
+                gridColumn: string;
+            };
+            secondHalf: {
+                gridColumn: string;
+            };
+        };
+    };
+    1: {
+        grid: {
+            columns: number;
+            gap: string;
+            marginLeft: string;
+            marginRight: string;
+        };
+        columns: {
+            firstHalf: {
+                gridColumn: string;
+            };
+            secondHalf: {
+                gridColumn: string;
+            };
+        };
+    };
+    2: {
+        grid: {
+            columns: number;
+            gap: string;
+            marginLeft: string;
+            marginRight: string;
+        };
+        columns: {
+            firstHalf: {
+                gridColumn: string;
+            };
+            secondHalf: {
+                gridColumn: string;
+            };
+        };
+    };
+    3: {
+        grid: {
+            columns: number;
+            gap: string;
+            marginLeft: string;
+            marginRight: string;
+        };
+        columns: {
+            firstHalf: {
+                gridColumn: string;
+            };
+            secondHalf: {
+                gridColumn: string;
+            };
+        };
+    };
+    4: {
+        grid: {
+            columns: number;
+            gap: string;
+            marginLeft: string;
+            marginRight: string;
+        };
+        columns: {
+            firstHalf: {
+                gridColumn: string;
+            };
+            secondHalf: {
+                gridColumn: string;
+            };
+        };
+    };
+};

package/dist/cjs/components/Grid/Grid.utils.d.ts

@@ -0,0 +1,3 @@
+import { ScreenSize } from '../../hooks';
+export declare type ScreenSizeLiteral = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
+export declare const getLiteralScreenSize: (screenSize: ScreenSize) => ScreenSizeLiteral;

package/dist/cjs/components/Grid/GridChild.d.ts

@@ -0,0 +1,24 @@
+import { Property } from 'csstype';
+import { BaseComponentPropsWithChildren } from '../../types';
+import { HTMLAttributes } from 'react';
+export declare const isRelativeGridColumn: (type: ColumnsOccupied | undefined) => type is RelativeColumnsOccupied;
+export declare const isGridColumn: (type: ColumnsOccupied | undefined) => type is GridColumnPerScreenSize;
+declare type RelativeColumnsOccupied = 'all' | 'firstHalf' | 'secondHalf';
+declare type GridColumnPerScreenSize = {
+    xs: Property.GridColumn;
+    sm: Property.GridColumn;
+    md: Property.GridColumn;
+    lg: Property.GridColumn;
+    xl: Property.GridColumn;
+};
+export declare type ColumnsOccupied = RelativeColumnsOccupied | GridColumnPerScreenSize;
+export declare type GridChildProps = BaseComponentPropsWithChildren<HTMLDivElement, {
+    /**hvilke kolonner innholdet skal okkupere. Tar inn enten en string med relativ definisjon eller et objekt med egentilpassede `grid-column` CSS verdi definert for hver brekkepunkt. */
+    columnsOccupied?: ColumnsOccupied;
+    /**Plassering av innholdet på x-aksen. */
+    justifySelf?: Property.JustifySelf;
+    /**Hvilke rader innholdet skal okkupere. */
+    gridRow?: Property.GridRow;
+}> & Pick<HTMLAttributes<HTMLElement>, 'style'>;
+export declare const GridChild: (props: GridChildProps) => JSX.Element;
+export {};

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

@@ -0,0 +1,2 @@
+export * from './Grid';
+export * from './GridChild';

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,14 +1,14 @@
 import { RadioButtonProps } from '.';
 declare const _default: {
     title: string;
-    component: import("react").ForwardRefExoticComponent<Pick<Omit<import("react").InputHTMLAttributes<HTMLInputElement>, "aria-describedby" | "onChange" | "name" | "value" | "checked" | "readOnly" | "required">, "id" | "className"> & {
+    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;
     } & {
+        name?: string | undefined;
         'aria-describedby'?: string | undefined;
         onChange?: import("react").ChangeEventHandler<HTMLInputElement> | undefined;
-        name?: string | undefined;
         value?: string | number | readonly string[] | undefined;
         checked?: boolean | undefined;
         readOnly?: boolean | undefined;
@@ -16,7 +16,7 @@ declare const _default: {
     } & {
         children?: import("react").ReactNode;
     } & {
-        htmlProps?: Omit<import("react").InputHTMLAttributes<HTMLInputElement>, "aria-describedby" | "onChange" | "name" | "value" | "checked" | "readOnly" | "required"> | undefined;
+        htmlProps?: Omit<import("react").InputHTMLAttributes<HTMLInputElement>, "name" | "aria-describedby" | "onChange" | "value" | "checked" | "readOnly" | "required"> | undefined;
     } & import("react").RefAttributes<HTMLInputElement>>;
     argTypes: {
         label: {

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/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/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>, "children" | "style" | "onMouseLeave" | "onMouseOver">, "id" | "className"> & {
+    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>;
@@ -12,7 +12,7 @@ declare const _default: {
         onMouseLeave?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
         onMouseOver?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
     } & {
-        htmlProps?: Omit<import("react").HTMLAttributes<HTMLDivElement>, "children" | "style" | "onMouseLeave" | "onMouseOver"> | undefined;
+        htmlProps?: Omit<import("react").HTMLAttributes<HTMLDivElement>, "style" | "children" | "onMouseLeave" | "onMouseOver"> | undefined;
     } & import("react").RefAttributes<HTMLDivElement>>;
     argTypes: {
         text: {

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

@@ -2,8 +2,12 @@ import { LabelHTMLAttributes } from 'react';
 import { BaseComponentPropsWithChildren } from '../../../types';
 import { BaseTypographyProps } from '../Typography';
 declare type PickedHTMLAttributes = Pick<LabelHTMLAttributes<HTMLLabelElement>, 'htmlFor'>;
-export declare type LabelProps = BaseComponentPropsWithChildren<HTMLLabelElement, BaseTypographyProps & PickedHTMLAttributes, Omit<LabelHTMLAttributes<HTMLLabelElement>, keyof PickedHTMLAttributes>>;
-export declare const Label: import("react").ForwardRefExoticComponent<Pick<Omit<LabelHTMLAttributes<HTMLLabelElement>, "htmlFor">, "className" | "id"> & {
+declare type BaseLabelProps = {
+    /** Spesifiserer om input etiketten er knyttet til er påkrevd; påvirker styling. */
+    showRequiredStyling?: boolean;
+};
+export declare type LabelProps = BaseComponentPropsWithChildren<HTMLLabelElement, BaseLabelProps & BaseTypographyProps & PickedHTMLAttributes, Omit<LabelHTMLAttributes<HTMLLabelElement>, keyof PickedHTMLAttributes>>;
+export declare const Label: import("react").ForwardRefExoticComponent<Pick<Omit<LabelHTMLAttributes<HTMLLabelElement>, "htmlFor">, "className" | "id"> & BaseLabelProps & {
     withMargins?: boolean | undefined;
 } & {
     children?: import("react").ReactNode;

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

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

package/dist/cjs/index.d.ts

@@ -36,5 +36,6 @@ export * from './components/VisuallyHidden';
 export * from './components/ScrollableContainer';
 export * from './icons/tsx';
 export * from './components/ToggleBar';
-export * from './components/Stepper';
+export * from './components/Grid';
+export * from './components/ProgressTracker';
 export * from './hooks';