@norges-domstoler/dds-components 5.4.0 → 5.5.0

package/README.md

@@ -70,7 +70,14 @@ Tilgjengelige komponenter:
 - ToggleBar
 - ToggleButton
 - Tooltip
-- Typography
+- Typografikomponenter:
+  - Caption
+  - Heading
+  - Label
+  - Legend
+  - Link
+  - Paragraph
+  - Typography
 - VisuallyHidden
 
 ## ⏫ Release av ny versjon

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

@@ -3,11 +3,11 @@ export declare type BreadcrumbsProps = BaseComponentPropsWithChildren<HTMLElemen
     /** Spesifiserer om versjonen for små skjermer skal vises; den viser `<Breadcrumb />` kun til den forrige siden.  */
     smallScreen?: boolean;
 }>;
-export declare const Breadcrumbs: import("react").ForwardRefExoticComponent<{
-    htmlProps?: import("react").HTMLAttributes<HTMLElement> | undefined;
-} & Pick<import("react").HTMLAttributes<HTMLElement>, "className" | "id"> & {
+export declare const Breadcrumbs: import("react").ForwardRefExoticComponent<Pick<import("react").HTMLAttributes<HTMLElement>, "className" | "id"> & {
     /** Spesifiserer om versjonen for små skjermer skal vises; den viser `<Breadcrumb />` kun til den forrige siden.  */
     smallScreen?: boolean | undefined;
 } & {
     children?: import("react").ReactNode;
+} & {
+    htmlProps?: import("react").HTMLAttributes<HTMLElement> | undefined;
 } & import("react").RefAttributes<HTMLElement>>;

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

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

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

@@ -1,6 +1,4 @@
-export declare const Button: import("react").ForwardRefExoticComponent<{
-    htmlProps?: Omit<import("react").ButtonHTMLAttributes<HTMLButtonElement>, "onClick" | "onFocus" | "onBlur" | "type"> | undefined;
-} & Pick<Omit<import("react").ButtonHTMLAttributes<HTMLButtonElement>, "onClick" | "onFocus" | "onBlur" | "type">, "id" | "className"> & {
+export declare const Button: import("react").ForwardRefExoticComponent<Pick<Omit<import("react").ButtonHTMLAttributes<HTMLButtonElement>, "onClick" | "onFocus" | "onBlur" | "type">, "id" | "className"> & {
     size?: import("./Button.types").ButtonSize | undefined;
     label?: string | undefined;
     purpose?: import("./Button.types").ButtonPurpose | undefined;
@@ -16,4 +14,6 @@ export declare const Button: import("react").ForwardRefExoticComponent<{
     onFocus?: import("react").FocusEventHandler<HTMLButtonElement> | undefined;
     onBlur?: import("react").FocusEventHandler<HTMLButtonElement> | undefined;
     type?: "button" | "submit" | "reset" | undefined;
+} & {
+    htmlProps?: Omit<import("react").ButtonHTMLAttributes<HTMLButtonElement>, "onClick" | "onFocus" | "onBlur" | "type"> | undefined;
 } & import("react").RefAttributes<HTMLButtonElement>>;

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

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

package/dist/cjs/components/Card/CardAccordion/CardAccordion.d.ts

@@ -3,11 +3,11 @@ export declare type CardAccordionProps = BaseComponentPropsWithChildren<HTMLDivE
     /**Spesifiserer om body skal være utvidet ved innlastning. */
     isExpanded?: boolean;
 }>;
-export declare const CardAccordion: import("react").ForwardRefExoticComponent<{
-    htmlProps?: import("react").HTMLAttributes<HTMLDivElement> | undefined;
-} & Pick<import("react").HTMLAttributes<HTMLDivElement>, "id" | "className"> & {
+export declare const CardAccordion: import("react").ForwardRefExoticComponent<Pick<import("react").HTMLAttributes<HTMLDivElement>, "id" | "className"> & {
     /**Spesifiserer om body skal være utvidet ved innlastning. */
     isExpanded?: boolean | undefined;
 } & {
     children?: import("react").ReactNode;
+} & {
+    htmlProps?: import("react").HTMLAttributes<HTMLDivElement> | undefined;
 } & import("react").RefAttributes<HTMLDivElement>>;

package/dist/cjs/components/Card/CardAccordion/CardAccordionBody.d.ts

@@ -8,9 +8,7 @@ export declare type CardAccordionBodyProps = BaseComponentPropsWithChildren<HTML
     /**Overskriver default padding på toppen. Brukes når barn har spacing på toppen, f.eks. en overskrift. */
     paddingTop?: Property.PaddingTop<string>;
 }>;
-export declare const CardAccordionBody: import("react").ForwardRefExoticComponent<{
-    htmlProps?: import("react").HTMLAttributes<HTMLDivElement> | undefined;
-} & Pick<import("react").HTMLAttributes<HTMLDivElement>, "className" | "id"> & {
+export declare const CardAccordionBody: import("react").ForwardRefExoticComponent<Pick<import("react").HTMLAttributes<HTMLDivElement>, "className" | "id"> & {
     /** **OBS!** denne propen blir satt automatisk av forelder. Forteller komponenten om den skal utvides.  */
     isExpanded?: boolean | undefined;
     /** **OBS!** denne propen blir satt automatisk av forelder. Forteller `id` til `<CardAccordionHeader />`.  */
@@ -19,4 +17,6 @@ export declare const CardAccordionBody: import("react").ForwardRefExoticComponen
     paddingTop?: Property.PaddingTop<string> | undefined;
 } & {
     children?: import("react").ReactNode;
+} & {
+    htmlProps?: import("react").HTMLAttributes<HTMLDivElement> | undefined;
 } & import("react").RefAttributes<HTMLDivElement>>;

package/dist/cjs/components/Card/CardAccordion/CardAccordionHeader.d.ts

@@ -8,9 +8,7 @@ export declare type CardAccordionHeaderProps = BaseComponentPropsWithChildren<HT
     /** **OBS!** denne propen blir satt automatisk av forelder. Forteller `id` til `<CardAccordionBody />`.  */
     bodyId?: string;
 }, ButtonHTMLAttributes<HTMLButtonElement>>;
-export declare const CardAccordionHeader: import("react").ForwardRefExoticComponent<{
-    htmlProps?: ButtonHTMLAttributes<HTMLButtonElement> | undefined;
-} & Pick<ButtonHTMLAttributes<HTMLButtonElement>, "className" | "id"> & {
+export declare const CardAccordionHeader: import("react").ForwardRefExoticComponent<Pick<ButtonHTMLAttributes<HTMLButtonElement>, "className" | "id"> & {
     /** **OBS!** denne propen blir satt automatisk av forelder. Forteller body er utvidet.  */
     isExpanded?: boolean | undefined;
     /** **OBS!** denne propen blir satt automatisk av forelder. Callback for å styre utvidelse og sammentrukking.  */
@@ -19,4 +17,6 @@ export declare const CardAccordionHeader: import("react").ForwardRefExoticCompon
     bodyId?: string | undefined;
 } & {
     children?: import("react").ReactNode;
+} & {
+    htmlProps?: ButtonHTMLAttributes<HTMLButtonElement> | undefined;
 } & import("react").RefAttributes<HTMLButtonElement>>;

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

@@ -1,6 +1,4 @@
-export declare const Checkbox: import("react").ForwardRefExoticComponent<{
-    htmlProps?: Omit<import("react").InputHTMLAttributes<HTMLInputElement>, "aria-describedby" | "name" | "checked" | "defaultChecked" | "value" | "defaultValue" | "onChange" | "onBlur"> | undefined;
-} & Pick<Omit<import("react").InputHTMLAttributes<HTMLInputElement>, "aria-describedby" | "name" | "checked" | "defaultChecked" | "value" | "defaultValue" | "onChange" | "onBlur">, "id" | "className"> & {
+export declare const Checkbox: import("react").ForwardRefExoticComponent<Pick<Omit<import("react").InputHTMLAttributes<HTMLInputElement>, "aria-describedby" | "name" | "checked" | "defaultChecked" | "value" | "defaultValue" | "onChange" | "onBlur">, "id" | "className"> & {
     label?: string | undefined;
     error?: boolean | undefined;
     disabled?: boolean | undefined;
@@ -15,4 +13,6 @@ export declare const Checkbox: import("react").ForwardRefExoticComponent<{
     defaultValue?: string | number | readonly string[] | undefined;
     onChange?: import("react").ChangeEventHandler<HTMLInputElement> | undefined;
     onBlur?: import("react").FocusEventHandler<HTMLInputElement> | undefined;
+} & {
+    htmlProps?: Omit<import("react").InputHTMLAttributes<HTMLInputElement>, "aria-describedby" | "name" | "checked" | "defaultChecked" | "value" | "defaultValue" | "onChange" | "onBlur"> | undefined;
 } & import("react").RefAttributes<HTMLInputElement>>;

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

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

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

@@ -5,11 +5,11 @@ export declare type ChipProps = BaseComponentProps<HTMLDivElement, {
     /** Ekstra logikk når `<Chip />` lukkes. */
     onClose?: () => void;
 }>;
-export declare const Chip: import("react").ForwardRefExoticComponent<{
-    htmlProps?: import("react").HTMLAttributes<HTMLDivElement> | undefined;
-} & Pick<import("react").HTMLAttributes<HTMLDivElement>, "className" | "id"> & {
+export declare const Chip: import("react").ForwardRefExoticComponent<Pick<import("react").HTMLAttributes<HTMLDivElement>, "className" | "id"> & {
     /** Teksten som vises i komponenten. */
     text?: string | undefined;
     /** Ekstra logikk når `<Chip />` lukkes. */
     onClose?: (() => void) | undefined;
+} & {
+    htmlProps?: import("react").HTMLAttributes<HTMLDivElement> | undefined;
 } & import("react").RefAttributes<HTMLDivElement>>;

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

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

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

@@ -1,9 +1,11 @@
 import { InputProps } from '../../helpers';
-import { Property } from 'csstype';
-export declare type DatepickerProps = InputProps;
-export declare const Datepicker: import("react").ForwardRefExoticComponent<{
-    label?: string | undefined;
-    width?: Property.Width<string> | undefined;
-    tip?: string | undefined;
-    errorMessage?: string | undefined;
-} & import("react").InputHTMLAttributes<HTMLInputElement> & import("react").RefAttributes<HTMLInputElement>>;
+declare type DatepickerType = 'date' | 'datetime-local';
+export declare type DatepickerProps = Omit<InputProps, 'type'> & {
+    /** Angi dato-input med eller uten klokkeslett. */
+    type?: DatepickerType;
+};
+export declare const Datepicker: import("react").ForwardRefExoticComponent<Omit<InputProps, "type"> & {
+    /** Angi dato-input med eller uten klokkeslett. */
+    type?: DatepickerType | undefined;
+} & import("react").RefAttributes<HTMLInputElement>>;
+export {};

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

@@ -1,12 +1,9 @@
 import { DatepickerProps } from '.';
 declare const _default: {
     title: string;
-    component: import("react").ForwardRefExoticComponent<{
-        label?: string | undefined;
-        width?: import("csstype").Property.Width<string> | undefined;
-        tip?: string | undefined;
-        errorMessage?: string | undefined;
-    } & import("react").InputHTMLAttributes<HTMLInputElement> & import("react").RefAttributes<HTMLInputElement>>;
+    component: import("react").ForwardRefExoticComponent<Omit<import("../../helpers").InputProps, "type"> & {
+        type?: ("date" | "datetime-local") | undefined;
+    } & import("react").RefAttributes<HTMLInputElement>>;
     argTypes: {
         label: {
             control: {

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

@@ -4,11 +4,11 @@ export declare type DescriptionListProps = BaseComponentPropsWithChildren<HTMLDL
     /**Påvirker tekst styling. */
     appearance?: DescriptionListAppearance;
 }>;
-export declare const DescriptionList: import("react").ForwardRefExoticComponent<{
-    htmlProps?: import("react").HTMLAttributes<HTMLDListElement> | undefined;
-} & Pick<import("react").HTMLAttributes<HTMLDListElement>, "id" | "className"> & {
+export declare const DescriptionList: import("react").ForwardRefExoticComponent<Pick<import("react").HTMLAttributes<HTMLDListElement>, "id" | "className"> & {
     /**Påvirker tekst styling. */
     appearance?: DescriptionListAppearance | undefined;
 } & {
     children?: import("react").ReactNode;
+} & {
+    htmlProps?: import("react").HTMLAttributes<HTMLDListElement> | undefined;
 } & import("react").RefAttributes<HTMLDListElement>>;

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

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

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

@@ -4,11 +4,11 @@ export declare type DescriptionListDescProps = BaseComponentPropsWithChildren<HT
     /**Ikon som vises ved siden av teksten. */
     icon?: SvgIcon;
 }>;
-export declare const DescriptionListDesc: import("react").ForwardRefExoticComponent<{
-    htmlProps?: import("react").HTMLAttributes<HTMLElement> | undefined;
-} & Pick<import("react").HTMLAttributes<HTMLElement>, "className" | "id"> & {
+export declare const DescriptionListDesc: import("react").ForwardRefExoticComponent<Pick<import("react").HTMLAttributes<HTMLElement>, "className" | "id"> & {
     /**Ikon som vises ved siden av teksten. */
     icon?: SvgIcon | undefined;
 } & {
     children?: import("react").ReactNode;
+} & {
+    htmlProps?: import("react").HTMLAttributes<HTMLElement> | undefined;
 } & import("react").RefAttributes<HTMLElement>>;

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

@@ -4,11 +4,11 @@ export declare type DescriptionListGroupProps = BaseComponentPropsWithChildren<H
     /**Custom margin. */
     margin?: Property.Margin<string>;
 }>;
-export declare const DescriptionListGroup: import("react").ForwardRefExoticComponent<{
-    htmlProps?: import("react").HTMLAttributes<HTMLDivElement> | undefined;
-} & Pick<import("react").HTMLAttributes<HTMLDivElement>, "id" | "className"> & {
+export declare const DescriptionListGroup: import("react").ForwardRefExoticComponent<Pick<import("react").HTMLAttributes<HTMLDivElement>, "id" | "className"> & {
     /**Custom margin. */
     margin?: Property.Margin<string> | undefined;
 } & {
     children?: import("react").ReactNode;
+} & {
+    htmlProps?: import("react").HTMLAttributes<HTMLDivElement> | undefined;
 } & import("react").RefAttributes<HTMLDivElement>>;

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

@@ -4,9 +4,9 @@ export declare type DividerProps = BaseComponentProps<HTMLHRElement, {
     /** Farge på horisontal linje. */
     color?: DividerColor;
 }>;
-export declare const Divider: import("react").ForwardRefExoticComponent<{
-    htmlProps?: import("react").HTMLAttributes<HTMLHRElement> | undefined;
-} & Pick<import("react").HTMLAttributes<HTMLHRElement>, "id" | "className"> & {
+export declare const Divider: import("react").ForwardRefExoticComponent<Pick<import("react").HTMLAttributes<HTMLHRElement>, "id" | "className"> & {
     /** Farge på horisontal linje. */
     color?: DividerColor | undefined;
+} & {
+    htmlProps?: import("react").HTMLAttributes<HTMLHRElement> | undefined;
 } & import("react").RefAttributes<HTMLHRElement>>;

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

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

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

@@ -26,9 +26,7 @@ export declare type DrawerProps = BaseComponentPropsWithChildren<HTMLDivElement,
     /**Ref til elementet som åpner `<Drawer />`.  **OBS!** nødvendig kun hvis `<DrawerGroup />` ikke er i bruk. */
     triggerRef?: RefObject<HTMLElement>;
 }>;
-export declare const Drawer: import("react").ForwardRefExoticComponent<{
-    htmlProps?: import("react").HTMLAttributes<HTMLDivElement> | undefined;
-} & Pick<import("react").HTMLAttributes<HTMLDivElement>, "className" | "id"> & {
+export declare const Drawer: import("react").ForwardRefExoticComponent<Pick<import("react").HTMLAttributes<HTMLDivElement>, "className" | "id"> & {
     /**Størrelsen på `<Drawer />`. */
     size?: DrawerSize | undefined;
     /** Plasseringen til `<Drawer />`. */
@@ -47,4 +45,6 @@ export declare const Drawer: import("react").ForwardRefExoticComponent<{
     triggerRef?: RefObject<HTMLElement> | undefined;
 } & {
     children?: ReactNode;
+} & {
+    htmlProps?: import("react").HTMLAttributes<HTMLDivElement> | undefined;
 } & import("react").RefAttributes<HTMLDivElement>>;

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

@@ -1,9 +1,7 @@
 import { DrawerProps } from '.';
 declare const _default: {
     title: string;
-    component: import("react").ForwardRefExoticComponent<{
-        htmlProps?: import("react").HTMLAttributes<HTMLDivElement> | undefined;
-    } & Pick<import("react").HTMLAttributes<HTMLDivElement>, "id" | "className"> & {
+    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;
@@ -14,6 +12,8 @@ declare const _default: {
         triggerRef?: import("react").RefObject<HTMLElement> | undefined;
     } & {
         children?: import("react").ReactNode;
+    } & {
+        htmlProps?: import("react").HTMLAttributes<HTMLDivElement> | undefined;
     } & import("react").RefAttributes<HTMLDivElement>>;
 };
 export default _default;

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

@@ -10,9 +10,7 @@ export declare type GlobalMessageProps = BaseComponentPropsWithChildren<HTMLDivE
     /**Ekstra logikk å kjøre når meldingen lukkes. */
     onClose?: () => void;
 }>;
-export declare const GlobalMessage: import("react").ForwardRefExoticComponent<{
-    htmlProps?: import("react").HTMLAttributes<HTMLDivElement> | undefined;
-} & Pick<import("react").HTMLAttributes<HTMLDivElement>, "id" | "className"> & {
+export declare const GlobalMessage: import("react").ForwardRefExoticComponent<Pick<import("react").HTMLAttributes<HTMLDivElement>, "id" | "className"> & {
     /**Meldingen som vises til brukeren. Brukes kun når meldingen er en `string`. */
     message?: string | undefined;
     /**Formålet med meldingen. Påvirker styling. */
@@ -23,4 +21,6 @@ export declare const GlobalMessage: import("react").ForwardRefExoticComponent<{
     onClose?: (() => void) | undefined;
 } & {
     children?: import("react").ReactNode;
+} & {
+    htmlProps?: import("react").HTMLAttributes<HTMLDivElement> | undefined;
 } & import("react").RefAttributes<HTMLDivElement>>;

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

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

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

@@ -6,11 +6,11 @@ export declare type InputMessageProps = BaseComponentProps<HTMLDivElement, {
     /** Formålet med meldingen. Påvirker styling. */
     messageType: InputMessageType;
 }>;
-export declare const InputMessage: import("react").ForwardRefExoticComponent<{
-    htmlProps?: import("react").HTMLAttributes<HTMLDivElement> | undefined;
-} & Pick<import("react").HTMLAttributes<HTMLDivElement>, "className" | "id"> & {
+export declare const InputMessage: import("react").ForwardRefExoticComponent<Pick<import("react").HTMLAttributes<HTMLDivElement>, "className" | "id"> & {
     /** Meldingen som vises til brukeren. */
     message: string;
     /** Formålet med meldingen. Påvirker styling. */
     messageType: InputMessageType;
+} & {
+    htmlProps?: import("react").HTMLAttributes<HTMLDivElement> | undefined;
 } & import("react").RefAttributes<HTMLDivElement>>;

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

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

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

@@ -8,6 +8,11 @@ declare const _default: {
                 type: string;
             };
         };
+        applicationDesc: {
+            control: {
+                type: string;
+            };
+        };
         currentPageHref: {
             control: {
                 type: string;
@@ -30,10 +35,10 @@ export declare const Overview: () => JSX.Element;
 export declare const Default: (args: InternalHeaderProps) => JSX.Element;
 export declare const WithNavigationAndContextMenu: (args: InternalHeaderProps) => JSX.Element;
 export declare const WithCurrentPage: (args: InternalHeaderProps) => JSX.Element;
-export declare const SmallScreenWithNavigation: () => JSX.Element;
+export declare const SmallScreenWithNavigation: (args: InternalHeaderProps) => JSX.Element;
 export declare const SmallScreenWithContextMenu: (args: InternalHeaderProps) => JSX.Element;
-export declare const SmallScreenWithNavigationAndContextMenu: () => JSX.Element;
+export declare const SmallScreenWithNavigationAndContextMenu: (args: InternalHeaderProps) => JSX.Element;
 export declare const NoStoryHeading: (args: InternalHeaderProps) => JSX.Element;
-export declare const NoStoryHeadingSmallScreen: () => JSX.Element;
-export declare const NoStoryHeadingSmallScreenLong: () => JSX.Element;
-export declare const NonInteractiveUserOnly: () => JSX.Element;
+export declare const NoStoryHeadingSmallScreen: (args: InternalHeaderProps) => JSX.Element;
+export declare const NoStoryHeadingSmallScreenLong: (args: InternalHeaderProps) => JSX.Element;
+export declare const NonInteractiveUserOnly: (args: InternalHeaderProps) => JSX.Element;

package/dist/cjs/components/InternalHeader/InternalHeader.styles.d.ts

@@ -11,9 +11,7 @@ export declare const Navigation: import("styled-components").StyledComponent<"na
 declare type NavListProps = Pick<InternalHeaderProps, 'smallScreen'>;
 export declare const NavigationList: import("styled-components").StyledComponent<"ul", any, NavListProps, never>;
 export declare const ContextMenuGroup: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const StyledOverflowMenu: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<{
-    htmlProps?: import("react").HTMLAttributes<HTMLDivElement> | undefined;
-} & Pick<import("react").HTMLAttributes<HTMLDivElement>, "className" | "id"> & {
+export declare const StyledOverflowMenu: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<Pick<import("react").HTMLAttributes<HTMLDivElement>, "className" | "id"> & {
     items?: import("../OverflowMenu").OverflowMenuContextItem[] | undefined;
     userProps?: ({
         name: string;
@@ -25,5 +23,7 @@ export declare const StyledOverflowMenu: import("styled-components").StyledCompo
     anchorRef?: import("react").RefObject<HTMLButtonElement> | undefined;
     placement?: import("../../hooks").Placement | undefined;
     offset?: number | undefined;
+} & {
+    htmlProps?: import("react").HTMLAttributes<HTMLDivElement> | undefined;
 } & import("react").RefAttributes<HTMLDivElement>>, any, {}, never>;
 export {};

package/dist/cjs/components/InternalHeader/InternalHeader.types.d.ts

@@ -18,6 +18,8 @@ declare type InternaHeaderUserProps = {
 export declare type InternalHeaderProps = BaseComponentProps<HTMLDivElement, {
     /**Navn på applikasjonen. */
     applicationName?: string;
+    /**Beskrivelse på applikasjonen ellen tittel på en underside. Tilgjengelig fram til Lovisa Next kommer. */
+    applicationDesc?: string;
     /**Indikerer om versjonen for små skjermer skal vises. */
     smallScreen?: boolean;
     /**Info om brukeren. Dukker opp som punkt på toppen av kontekstmenyen med tekst oppgitt i name. Blir en lenke hvis href er oppgitt. */

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

@@ -8,13 +8,13 @@ export declare type ListProps = BaseComponentPropsWithChildren<HTMLUListElement
     /**Spesifiserer typografi for listen. Komponenten arver i utgangspunktet fra forelder, men hvis forelder stiller ikke med relevant styling  må det velges `TypographyBodyType` som brukes i `<body>` ellers på siden. */
     typographyType?: ListTypographyType;
 }>;
-export declare const List: import("react").ForwardRefExoticComponent<{
-    htmlProps?: import("react").HTMLAttributes<HTMLUListElement | HTMLOListElement> | undefined;
-} & Pick<import("react").HTMLAttributes<HTMLUListElement | HTMLOListElement>, "id" | "className"> & {
+export declare const List: import("react").ForwardRefExoticComponent<Pick<import("react").HTMLAttributes<HTMLUListElement | HTMLOListElement>, "id" | "className"> & {
     /**Spesifiserer om komponenten skal returnere `<ul />` (punktliste) eller `<ol />` (nummerert liste). */
     listType?: ListType | undefined;
     /**Spesifiserer typografi for listen. Komponenten arver i utgangspunktet fra forelder, men hvis forelder stiller ikke med relevant styling  må det velges `TypographyBodyType` som brukes i `<body>` ellers på siden. */
     typographyType?: ListTypographyType | undefined;
 } & {
     children?: import("react").ReactNode;
+} & {
+    htmlProps?: import("react").HTMLAttributes<HTMLUListElement | HTMLOListElement> | undefined;
 } & import("react").RefAttributes<HTMLUListElement | HTMLOListElement>>;

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

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

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

@@ -16,9 +16,7 @@ export declare type LocalMessageProps = BaseComponentPropsWithChildren<HTMLDivEl
     /**Custom bredde ved behov. */
     width?: Property.Width<string>;
 }>;
-export declare const LocalMessage: import("react").ForwardRefExoticComponent<{
-    htmlProps?: import("react").HTMLAttributes<HTMLDivElement> | undefined;
-} & Pick<import("react").HTMLAttributes<HTMLDivElement>, "id" | "className"> & {
+export declare const LocalMessage: import("react").ForwardRefExoticComponent<Pick<import("react").HTMLAttributes<HTMLDivElement>, "id" | "className"> & {
     /**Meldingen som vises til brukeren. Brukes kun når meldingen er string. */
     message?: string | undefined;
     /**Formålet med meldingen. Påvirker styling. */
@@ -33,4 +31,6 @@ export declare const LocalMessage: import("react").ForwardRefExoticComponent<{
     width?: Property.Width<string> | undefined;
 } & {
     children?: import("react").ReactNode;
+} & {
+    htmlProps?: import("react").HTMLAttributes<HTMLDivElement> | undefined;
 } & import("react").RefAttributes<HTMLDivElement>>;

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

@@ -1,9 +1,7 @@
 import { LocalMessageProps } from './LocalMessage';
 declare const _default: {
     title: string;
-    component: import("react").ForwardRefExoticComponent<{
-        htmlProps?: import("react").HTMLAttributes<HTMLDivElement> | undefined;
-    } & Pick<import("react").HTMLAttributes<HTMLDivElement>, "id" | "className"> & {
+    component: import("react").ForwardRefExoticComponent<Pick<import("react").HTMLAttributes<HTMLDivElement>, "id" | "className"> & {
         message?: string | undefined;
         purpose?: import("./LocalMessage").LocalMessagePurpose | undefined;
         closable?: boolean | undefined;
@@ -12,6 +10,8 @@ declare const _default: {
         width?: import("csstype").Property.Width<string> | undefined;
     } & {
         children?: import("react").ReactNode;
+    } & {
+        htmlProps?: import("react").HTMLAttributes<HTMLDivElement> | undefined;
     } & import("react").RefAttributes<HTMLDivElement>>;
     argTypes: {
         message: {

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

@@ -12,9 +12,7 @@ export declare type ModalProps = BaseComponentPropsWithChildren<HTMLDivElement,
     /**Ref som brukes til returnering av fokus. */
     triggerRef?: RefObject<HTMLElement>;
 }>;
-export declare const Modal: import("react").ForwardRefExoticComponent<{
-    htmlProps?: import("react").HTMLAttributes<HTMLDivElement> | undefined;
-} & Pick<import("react").HTMLAttributes<HTMLDivElement>, "className" | "id"> & {
+export declare const Modal: import("react").ForwardRefExoticComponent<Pick<import("react").HTMLAttributes<HTMLDivElement>, "className" | "id"> & {
     /**Spesifiserer om modal skal vises. */
     isOpen?: boolean | undefined;
     /**Funksjon kjørt ved lukking; Settes hvis modal skal være lukkbar. Legger en lukkeknapp i hjørnet og kjøres ved Esc-trykk, lukkeknappklikk og museklikk utenfor. */
@@ -27,4 +25,6 @@ export declare const Modal: import("react").ForwardRefExoticComponent<{
     triggerRef?: RefObject<HTMLElement> | undefined;
 } & {
     children?: ReactNode;
+} & {
+    htmlProps?: import("react").HTMLAttributes<HTMLDivElement> | undefined;
 } & import("react").RefAttributes<HTMLDivElement>>;