@norges-domstoler/dds-components 7.0.0 → 7.1.0

package/README.md

@@ -48,6 +48,7 @@ Tilgjengelige komponenter:
 - Divider
 - Drawer
 - GlobalMessage
+- Grid
 - Icon
 - InputMessage
 - InternaHeader

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>, "id" | "className"> & {
+    component: import("react").ForwardRefExoticComponent<Pick<import("react").HTMLAttributes<HTMLElement>, "className" | "id"> & {
         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>, "onFocus" | "onBlur" | "onClick" | "type">, "id" | "className"> & {
+    component: import("react").ForwardRefExoticComponent<Pick<Omit<import("react").ButtonHTMLAttributes<HTMLButtonElement>, "type" | "onFocus" | "onBlur" | "onClick">, "className" | "id"> & {
         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">, "className" | "id"> & {
         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/Checkbox/CheckboxGroup.stories.d.ts

@@ -8,6 +8,11 @@ declare const _default: {
                 type: string;
             };
         };
+        tip: {
+            control: {
+                type: string;
+            };
+        };
         errorMessage: {
             control: {
                 type: string;

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>, "id" | "className"> & {
+    component: import("react").ForwardRefExoticComponent<Pick<import("react").HTMLAttributes<HTMLDivElement>, "className" | "id"> & {
         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>, "id" | "className"> & {
+    component: import("react").ForwardRefExoticComponent<Pick<import("react").HTMLAttributes<HTMLDListElement>, "className" | "id"> & {
         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>, "id" | "className"> & {
+    component: import("react").ForwardRefExoticComponent<Pick<import("react").HTMLAttributes<HTMLHRElement>, "className" | "id"> & {
         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>, "id" | "className"> & {
+    component: import("react").ForwardRefExoticComponent<Pick<import("react").HTMLAttributes<HTMLDivElement>, "className" | "id"> & {
         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>, "id" | "className"> & {
+    component: import("react").ForwardRefExoticComponent<Pick<import("react").HTMLAttributes<HTMLDivElement>, "className" | "id"> & {
         message?: string | undefined;
         purpose?: import("./GlobalMessage").GlobalMessagePurpose | undefined;
         closable?: boolean | undefined;

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/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>, "id" | "className"> & {
+    component: import("react").ForwardRefExoticComponent<Pick<import("react").HTMLAttributes<HTMLDivElement>, "className" | "id"> & {
         message: string;
         messageType: import("./InputMessage").InputMessageType;
     } & {

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

@@ -2,7 +2,6 @@ export declare const inputMessageTokens: {
     message: {
         tip: {
             backgroundColor: string;
-            padding: string;
         };
         error: {
             padding: string;

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>, "id" | "className"> & {
+    component: import("react").ForwardRefExoticComponent<Pick<import("react").HTMLAttributes<HTMLOListElement | HTMLUListElement>, "className" | "id"> & {
         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>, "id" | "className"> & {
+    component: import("react").ForwardRefExoticComponent<Pick<import("react").HTMLAttributes<HTMLDivElement>, "className" | "id"> & {
         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>, "id" | "className"> & {
+    component: import("react").ForwardRefExoticComponent<Pick<import("react").HTMLAttributes<HTMLDivElement>, "className" | "id"> & {
         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>, "id" | "className"> & {
+    component: import("react").ForwardRefExoticComponent<Pick<import("react").HTMLAttributes<HTMLDivElement>, "className" | "id"> & {
         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">, "id" | "className"> & {
+    component: import("react").ForwardRefExoticComponent<Pick<Omit<import("react").HTMLAttributes<HTMLElement>, "onChange">, "className" | "id"> & {
         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>, "id" | "className"> & {
+    component: import("react").ForwardRefExoticComponent<Pick<import("react").HTMLAttributes<HTMLDivElement>, "className" | "id"> & {
         title?: import("react").ReactNode;
         isOpen?: boolean | undefined;
         withCloseButton?: boolean | undefined;

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">, "className" | "id"> & {
         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/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">, "id" | "className"> & {
+    component: <T extends string | number = string>(props: Pick<Omit<import("react").HTMLAttributes<HTMLDivElement>, "onChange">, "className" | "id"> & {
         name?: string | undefined;
         label?: string | undefined;
         onChange?: ((event: import("react").ChangeEvent<HTMLInputElement>, value: T | undefined) => void) | undefined;

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

@@ -144,6 +144,10 @@ export declare const selectTokens: {
             color: string;
             backgroundColor: string;
         };
+        focus: {
+            color: string;
+            backgroundColor: string;
+        };
         selected: {
             lineHeight: any;
             fontSize: 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>, "id" | "className"> & {
+    component: import("react").ForwardRefExoticComponent<Pick<import("react").HTMLAttributes<HTMLAnchorElement>, "className" | "id"> & {
         text?: string | undefined;
         href: string;
         top?: import("csstype").Property.Top<string | number> | undefined;

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

@@ -1,6 +1,6 @@
 declare const _default: {
     title: string;
-    component: import("react").ForwardRefExoticComponent<Pick<import("react").HTMLAttributes<HTMLDivElement>, "id" | "className"> & {
+    component: import("react").ForwardRefExoticComponent<Pick<import("react").HTMLAttributes<HTMLDivElement>, "className" | "id"> & {
         activeStep?: number | undefined;
     } & {
         children?: import("react").ReactNode;

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>, "id" | "className"> & {
+    component: import("react").ForwardRefExoticComponent<Pick<import("react").HTMLAttributes<HTMLSpanElement>, "className" | "id"> & {
         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>, "id" | "className"> & {
+    component: import("react").ForwardRefExoticComponent<Pick<import("react").InputHTMLAttributes<HTMLInputElement>, "className" | "id"> & {
         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>, "children" | "style" | "onMouseLeave" | "onMouseOver">, "id" | "className"> & {
+    component: import("react").ForwardRefExoticComponent<Pick<Omit<import("react").HTMLAttributes<HTMLDivElement>, "style" | "children" | "onMouseLeave" | "onMouseOver">, "className" | "id"> & {
         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/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>, "id" | "className"> & {
+    component: import("react").ForwardRefExoticComponent<Pick<import("react").HTMLAttributes<HTMLTableCaptionElement>, "className" | "id"> & {
         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>, "id" | "className"> & {
+    component: import("react").ForwardRefExoticComponent<Pick<import("react").HTMLAttributes<HTMLHeadingElement>, "className" | "id"> & {
         level: import("./Heading").HeadingLevel;
         typographyType?: import("..").TypographyHeadingType | undefined;
     } & {

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

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

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>, "id" | "className"> & {
+    component: import("react").ForwardRefExoticComponent<Pick<import("react").HTMLAttributes<HTMLLegendElement>, "className" | "id"> & {
         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">, "id" | "className"> & {
+    component: import("react").ForwardRefExoticComponent<Pick<Omit<import("react").AnchorHTMLAttributes<HTMLAnchorElement>, "onClick" | "href" | "target">, "className" | "id"> & {
         external?: boolean | undefined;
         typographyType?: ("bodySans01" | "bodySans02" | "bodySans03" | "bodySans04") | undefined;
     } & {

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

@@ -4,7 +4,7 @@ declare type StoryTProps = {
 } & ParagraphProps;
 declare const _default: {
     title: string;
-    component: import("react").ForwardRefExoticComponent<Pick<import("react").HTMLAttributes<HTMLParagraphElement>, "id" | "className"> & {
+    component: import("react").ForwardRefExoticComponent<Pick<import("react").HTMLAttributes<HTMLParagraphElement>, "className" | "id"> & {
         typographyType?: ("bodySans01" | "bodySans02" | "bodySans03" | "bodySans04") | import("..").TypographyLeadType | undefined;
     } & {
         withMargins?: boolean | undefined;

package/dist/cjs/index.d.ts

@@ -37,4 +37,5 @@ export * from './components/ScrollableContainer';
 export * from './icons/tsx';
 export * from './components/ToggleBar';
 export * from './components/Stepper';
+export * from './components/Grid';
 export * from './hooks';