@norges-domstoler/dds-components 5.4.0 → 5.5.0

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

@@ -1,9 +1,7 @@
 import { ModalProps } 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"> & {
         isOpen?: boolean | undefined;
         onClose?: (() => void) | undefined;
         parentElement?: HTMLElement | undefined;
@@ -11,6 +9,8 @@ declare const _default: {
         triggerRef?: import("react").RefObject<HTMLElement> | undefined;
     } & {
         children?: import("react").ReactNode;
+    } & {
+        htmlProps?: import("react").HTMLAttributes<HTMLDivElement> | undefined;
     } & import("react").RefAttributes<HTMLDivElement>>;
     argTypes: {
         header: {

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

@@ -6,13 +6,13 @@ export declare type ModalBodyProps = BaseComponentPropsWithChildren<HTMLDivEleme
     /**Høyde på container. */
     height?: Property.Height;
 }>;
-export declare const ModalBody: import("react").ForwardRefExoticComponent<{
-    htmlProps?: import("react").HTMLAttributes<HTMLDivElement> | undefined;
-} & Pick<import("react").HTMLAttributes<HTMLDivElement>, "id" | "className"> & {
+export declare const ModalBody: import("react").ForwardRefExoticComponent<Pick<import("react").HTMLAttributes<HTMLDivElement>, "id" | "className"> & {
     /**Gjør at innholdet kan scrolles. Det må eventuelt settes (max)bredde og (max)høyde styling på både denne subkomponenten og `<Modal />`.  */
     scrollable?: boolean | undefined;
     /**Høyde på container. */
     height?: Property.Height<0 | (string & {})> | undefined;
 } & {
     children?: import("react").ReactNode;
+} & {
+    htmlProps?: import("react").HTMLAttributes<HTMLDivElement> | undefined;
 } & import("react").RefAttributes<HTMLDivElement>>;

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

@@ -4,9 +4,7 @@ declare type ContainerProps = {
 };
 export declare const Container: import("styled-components").StyledComponent<"div", any, ContainerProps, never>;
 export declare const OverflowMenuList: import("styled-components").StyledComponent<"ul", any, {}, never>;
-export declare const OverflowMenu: import("react").ForwardRefExoticComponent<{
-    htmlProps?: import("react").HTMLAttributes<HTMLDivElement> | undefined;
-} & Pick<import("react").HTMLAttributes<HTMLDivElement>, "className" | "id"> & {
+export declare const OverflowMenu: import("react").ForwardRefExoticComponent<Pick<import("react").HTMLAttributes<HTMLDivElement>, "className" | "id"> & {
     items?: OverflowMenuContextItem[] | undefined;
     userProps?: ({
         name: string;
@@ -18,5 +16,7 @@ export declare const OverflowMenu: import("react").ForwardRefExoticComponent<{
     anchorRef?: import("react").RefObject<HTMLButtonElement> | undefined;
     placement?: import("../../hooks").Placement | undefined;
     offset?: number | undefined;
+} & {
+    htmlProps?: import("react").HTMLAttributes<HTMLDivElement> | undefined;
 } & import("react").RefAttributes<HTMLDivElement>>;
 export {};

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

@@ -1,9 +1,7 @@
 import { OverflowMenuProps, OverflowMenuContextItem, OverflowMenuNavItem } 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"> & {
         items?: OverflowMenuContextItem[] | undefined;
         userProps?: ({
             name: string;
@@ -15,6 +13,8 @@ declare const _default: {
         anchorRef?: import("react").RefObject<HTMLButtonElement> | undefined;
         placement?: import("../../hooks").Placement | undefined;
         offset?: number | undefined;
+    } & {
+        htmlProps?: import("react").HTMLAttributes<HTMLDivElement> | undefined;
     } & import("react").RefAttributes<HTMLDivElement>>;
 };
 export default _default;

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

@@ -26,9 +26,7 @@ export declare type PaginationProps = BaseComponentProps<HTMLElement, {
     /**Spesifiserer om versjonen for små skjermer skal vises; den viser færre sideknapper og stacker subkomponentene. */
     smallScreen?: boolean;
 }, Omit<HTMLAttributes<HTMLElement>, 'onChange'>>;
-export declare const Pagination: import("react").ForwardRefExoticComponent<{
-    htmlProps?: Omit<HTMLAttributes<HTMLElement>, "onChange"> | undefined;
-} & Pick<Omit<HTMLAttributes<HTMLElement>, "onChange">, "className" | "id"> & {
+export declare const Pagination: import("react").ForwardRefExoticComponent<Pick<Omit<HTMLAttributes<HTMLElement>, "onChange">, "className" | "id"> & {
     /**Totalt antall elementer å paginere. */
     itemsAmount: number;
     /**Antall elementer per side ved innlastning av komponenten. */
@@ -49,4 +47,6 @@ export declare const Pagination: import("react").ForwardRefExoticComponent<{
     onSelectOptionChange?: ((option: PaginationOption | null) => void) | undefined;
     /**Spesifiserer om versjonen for små skjermer skal vises; den viser færre sideknapper og stacker subkomponentene. */
     smallScreen?: boolean | undefined;
+} & {
+    htmlProps?: Omit<HTMLAttributes<HTMLElement>, "onChange"> | undefined;
 } & import("react").RefAttributes<HTMLElement>>;

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

@@ -1,9 +1,7 @@
 import { PaginationProps } from '.';
 declare const _default: {
     title: string;
-    component: import("react").ForwardRefExoticComponent<{
-        htmlProps?: Omit<import("react").HTMLAttributes<HTMLElement>, "onChange"> | undefined;
-    } & Pick<Omit<import("react").HTMLAttributes<HTMLElement>, "onChange">, "id" | "className"> & {
+    component: import("react").ForwardRefExoticComponent<Pick<Omit<import("react").HTMLAttributes<HTMLElement>, "onChange">, "id" | "className"> & {
         itemsAmount: number;
         defaultItemsPerPage?: number | undefined;
         defaultActivePage?: number | undefined;
@@ -14,6 +12,8 @@ declare const _default: {
         onChange?: ((event: import("react").MouseEvent<HTMLButtonElement, MouseEvent>, page: number) => void) | undefined;
         onSelectOptionChange?: ((option: import("./Pagination").PaginationOption | null) => void) | undefined;
         smallScreen?: boolean | undefined;
+    } & {
+        htmlProps?: Omit<import("react").HTMLAttributes<HTMLElement>, "onChange"> | undefined;
     } & import("react").RefAttributes<HTMLElement>>;
     argTypes: {
         withCounter: {

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

@@ -30,9 +30,7 @@ export declare type PopoverProps = BaseComponentPropsWithChildren<HTMLDivElement
     /**Custom størrelse. */
     sizeProps?: PopoverSizeProps;
 }>;
-export declare const Popover: import("react").ForwardRefExoticComponent<{
-    htmlProps?: import("react").HTMLAttributes<HTMLDivElement> | undefined;
-} & Pick<import("react").HTMLAttributes<HTMLDivElement>, "className" | "id"> & {
+export declare const Popover: import("react").ForwardRefExoticComponent<Pick<import("react").HTMLAttributes<HTMLDivElement>, "className" | "id"> & {
     /**Tittel. */
     title?: string | ReactNode;
     /** **OBS!** Propen settes automatisk av `<PopoverGroup />`. Spesifiserer om `<Popover />` skal vises. */
@@ -53,4 +51,6 @@ export declare const Popover: import("react").ForwardRefExoticComponent<{
     sizeProps?: PopoverSizeProps | undefined;
 } & {
     children?: ReactNode;
+} & {
+    htmlProps?: import("react").HTMLAttributes<HTMLDivElement> | undefined;
 } & import("react").RefAttributes<HTMLDivElement>>;

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

@@ -2,9 +2,7 @@ import { PopoverProps } from '.';
 import { Placement } from '../../hooks';
 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"> & {
         title?: import("react").ReactNode;
         isOpen?: boolean | undefined;
         withCloseButton?: boolean | undefined;
@@ -16,6 +14,8 @@ declare const _default: {
         sizeProps?: import("./Popover").PopoverSizeProps | undefined;
     } & {
         children?: import("react").ReactNode;
+    } & {
+        htmlProps?: import("react").HTMLAttributes<HTMLDivElement> | undefined;
     } & import("react").RefAttributes<HTMLDivElement>>;
     argTypes: {
         withCloseButton: {

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

@@ -1,6 +1,4 @@
-export declare const RadioButton: import("react").ForwardRefExoticComponent<{
-    htmlProps?: Omit<import("react").InputHTMLAttributes<HTMLInputElement>, "name" | "readOnly" | "checked" | "value" | "required" | "onChange" | "aria-describedby"> | undefined;
-} & Pick<Omit<import("react").InputHTMLAttributes<HTMLInputElement>, "name" | "readOnly" | "checked" | "value" | "required" | "onChange" | "aria-describedby">, "id" | "className"> & {
+export declare const RadioButton: import("react").ForwardRefExoticComponent<Pick<Omit<import("react").InputHTMLAttributes<HTMLInputElement>, "name" | "readOnly" | "checked" | "value" | "required" | "onChange" | "aria-describedby">, "id" | "className"> & {
     label?: string | undefined;
     disabled?: boolean | undefined;
     error?: boolean | undefined;
@@ -14,4 +12,6 @@ export declare const RadioButton: import("react").ForwardRefExoticComponent<{
     'aria-describedby'?: string | undefined;
 } & {
     children?: import("react").ReactNode;
+} & {
+    htmlProps?: Omit<import("react").InputHTMLAttributes<HTMLInputElement>, "name" | "readOnly" | "checked" | "value" | "required" | "onChange" | "aria-describedby"> | undefined;
 } & import("react").RefAttributes<HTMLInputElement>>;

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

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

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

@@ -12,5 +12,6 @@ export declare const Container: import("styled-components").StyledComponent<"div
 export declare const Wrapper: import("styled-components").StyledComponent<"div", any, {
     width?: string | number | undefined;
 }, never>;
+export declare const InnerSingleValue: import("styled-components").StyledComponent<"div", any, {}, never>;
 export declare const getCustomStyles: <TOption>() => Partial<StylesConfig<TOption, boolean, GroupBase<TOption>>>;
 export {};

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

@@ -8,13 +8,13 @@ export declare type SkipToContentProps = BaseComponentProps<HTMLAnchorElement, {
     /**Avstand fra top i nærmeste posisjonert container. */
     top?: Property.Top<string | number>;
 }>;
-export declare const SkipToContent: import("react").ForwardRefExoticComponent<{
-    htmlProps?: import("react").HTMLAttributes<HTMLAnchorElement> | undefined;
-} & Pick<import("react").HTMLAttributes<HTMLAnchorElement>, "className" | "id"> & {
+export declare const SkipToContent: import("react").ForwardRefExoticComponent<Pick<import("react").HTMLAttributes<HTMLAnchorElement>, "className" | "id"> & {
     /** Teksten som vises i lenka. */
     text?: string | undefined;
     /**Spesifiserer hvor det skal hoppes til via `id`-attributtet til innholdet. */
     href: string;
     /**Avstand fra top i nærmeste posisjonert container. */
     top?: Property.Top<string | number> | undefined;
+} & {
+    htmlProps?: import("react").HTMLAttributes<HTMLAnchorElement> | undefined;
 } & import("react").RefAttributes<HTMLAnchorElement>>;

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

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

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

@@ -1,5 +1,5 @@
 import { Property } from 'csstype';
-import { TextColor } from '../Typography';
+import { TextColor } from '../../utils';
 import { BaseComponentProps } from '../../types';
 export declare type SpinnerProps = BaseComponentProps<SVGElement, {
     /**Farge på spinneren. */

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

@@ -1,11 +1,11 @@
 /**
  * @beta Denne komponenten er ikke ferdig og endringer kan gjøres utenfor semver.
  */
-export declare const Stepper: import("react").ForwardRefExoticComponent<{
-    htmlProps?: import("react").HTMLAttributes<HTMLDivElement> | undefined;
-} & Pick<import("react").HTMLAttributes<HTMLDivElement>, "id" | "className"> & {
+export declare const Stepper: import("react").ForwardRefExoticComponent<Pick<import("react").HTMLAttributes<HTMLDivElement>, "id" | "className"> & {
     /** Indeksen til det aktive steget. */
     activeStep?: number | undefined;
 } & {
     children?: import("react").ReactNode;
+} & {
+    htmlProps?: import("react").HTMLAttributes<HTMLDivElement> | undefined;
 } & import("react").RefAttributes<HTMLDivElement>>;

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

@@ -1,11 +1,11 @@
 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"> & {
         activeStep?: number | undefined;
     } & {
         children?: import("react").ReactNode;
+    } & {
+        htmlProps?: import("react").HTMLAttributes<HTMLDivElement> | undefined;
     } & import("react").RefAttributes<HTMLDivElement>>;
     argTypes: {
         color: {

package/dist/cjs/components/Tabs/Tab.d.ts

@@ -16,9 +16,7 @@ export declare type TabProps = BaseComponentPropsWithChildren<HTMLButtonElement,
     /** Indeksen til `<Tab />`. **OBS!** settes automatisk av forelder.*/
     index?: number;
 } & Pick<ButtonHTMLAttributes<HTMLButtonElement>, 'onClick' | 'onKeyDown'>, Omit<ButtonHTMLAttributes<HTMLButtonElement>, 'onClick' | 'onKeyDown'>>;
-export declare const Tab: import("react").ForwardRefExoticComponent<{
-    htmlProps?: Omit<ButtonHTMLAttributes<HTMLButtonElement>, "onKeyDown" | "onClick"> | undefined;
-} & Pick<Omit<ButtonHTMLAttributes<HTMLButtonElement>, "onKeyDown" | "onClick">, "className" | "id"> & {
+export declare const Tab: import("react").ForwardRefExoticComponent<Pick<Omit<ButtonHTMLAttributes<HTMLButtonElement>, "onKeyDown" | "onClick">, "className" | "id"> & {
     /**Spesifiserer om fanen er aktiv. */
     active?: boolean | undefined;
     /** Ikon. */
@@ -33,4 +31,6 @@ export declare const Tab: import("react").ForwardRefExoticComponent<{
     index?: number | undefined;
 } & Pick<ButtonHTMLAttributes<HTMLButtonElement>, "onKeyDown" | "onClick"> & {
     children?: import("react").ReactNode;
+} & {
+    htmlProps?: Omit<ButtonHTMLAttributes<HTMLButtonElement>, "onKeyDown" | "onClick"> | undefined;
 } & import("react").RefAttributes<HTMLButtonElement>>;

package/dist/cjs/components/Tabs/TabPanel.d.ts

@@ -3,11 +3,11 @@ export declare type TabPanelProps = BaseComponentPropsWithChildren<HTMLDivElemen
     /** Spesifiserer om panelet skal vises basert på aktiv fane. */
     active?: boolean;
 }>;
-export declare const TabPanel: import("react").ForwardRefExoticComponent<{
-    htmlProps?: import("react").HTMLAttributes<HTMLDivElement> | undefined;
-} & Pick<import("react").HTMLAttributes<HTMLDivElement>, "className" | "id"> & {
+export declare const TabPanel: import("react").ForwardRefExoticComponent<Pick<import("react").HTMLAttributes<HTMLDivElement>, "className" | "id"> & {
     /** Spesifiserer om panelet skal vises basert på aktiv fane. */
     active?: boolean | undefined;
 } & {
     children?: import("react").ReactNode;
+} & {
+    htmlProps?: import("react").HTMLAttributes<HTMLDivElement> | undefined;
 } & import("react").RefAttributes<HTMLDivElement>>;

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

@@ -11,9 +11,7 @@ export declare type TabsProps = BaseComponentPropsWithChildren<HTMLDivElement, {
     /**Custom bredde lik for alle `<Tab />`. */
     tabWidth?: Property.Width;
 }, Omit<HTMLAttributes<HTMLDivElement>, 'onChange'>>;
-export declare const Tabs: import("react").ForwardRefExoticComponent<{
-    htmlProps?: Omit<HTMLAttributes<HTMLDivElement>, "onChange"> | undefined;
-} & Pick<Omit<HTMLAttributes<HTMLDivElement>, "onChange">, "className" | "id"> & {
+export declare const Tabs: import("react").ForwardRefExoticComponent<Pick<Omit<HTMLAttributes<HTMLDivElement>, "onChange">, "className" | "id"> & {
     /** Indeksen til den aktive fanen. **OBS!** Ved å sette denne vil brukere aldri kunne endre tab uten at du også registrerer en `onChange`-lytter for å ta vare på aktiv tab utenfor komponenten. */
     activeTab?: number | undefined;
     /** Ekstra logikk ved endring av aktiv fane. */
@@ -24,4 +22,6 @@ export declare const Tabs: import("react").ForwardRefExoticComponent<{
     tabWidth?: Property.Width<0 | (string & {})> | undefined;
 } & {
     children?: import("react").ReactNode;
+} & {
+    htmlProps?: Omit<HTMLAttributes<HTMLDivElement>, "onChange"> | undefined;
 } & import("react").RefAttributes<HTMLDivElement>>;

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

@@ -6,11 +6,11 @@ export declare type TagProps = BaseComponentProps<HTMLSpanElement, {
     /**Formål med status eller kategorisering. Påvirker styling. */
     purpose?: TagPurpose;
 }>;
-export declare const Tag: import("react").ForwardRefExoticComponent<{
-    htmlProps?: import("react").HTMLAttributes<HTMLSpanElement> | undefined;
-} & Pick<import("react").HTMLAttributes<HTMLSpanElement>, "id" | "className"> & {
+export declare const Tag: import("react").ForwardRefExoticComponent<Pick<import("react").HTMLAttributes<HTMLSpanElement>, "id" | "className"> & {
     /**Tekst som vises i `<Tag />.` */
     text?: string | undefined;
     /**Formål med status eller kategorisering. Påvirker styling. */
     purpose?: TagPurpose | undefined;
+} & {
+    htmlProps?: import("react").HTMLAttributes<HTMLSpanElement> | undefined;
 } & import("react").RefAttributes<HTMLSpanElement>>;

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

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

package/dist/cjs/components/ToggleBar/ToggleRadio.d.ts

@@ -8,12 +8,12 @@ export declare type ToggleRadioProps = BaseComponentProps<HTMLInputElement, {
     /**Ikonet som vises i komponenten. */
     icon?: SvgIcon;
 } & PickedInputHTMLAttributes, Omit<InputHTMLAttributes<HTMLInputElement>, keyof PickedInputHTMLAttributes>>;
-export declare const ToggleRadio: import("react").ForwardRefExoticComponent<{
-    htmlProps?: Omit<InputHTMLAttributes<HTMLInputElement>, "name" | "checked" | "value" | "onChange" | "aria-label" | "aria-labelledby"> | undefined;
-} & Pick<Omit<InputHTMLAttributes<HTMLInputElement>, "name" | "checked" | "value" | "onChange" | "aria-label" | "aria-labelledby">, "className" | "id"> & {
+export declare const ToggleRadio: import("react").ForwardRefExoticComponent<Pick<Omit<InputHTMLAttributes<HTMLInputElement>, "name" | "checked" | "value" | "onChange" | "aria-label" | "aria-labelledby">, "className" | "id"> & {
     /**Ledetekst som vises i komponenten. */
     label?: string | undefined;
     /**Ikonet som vises i komponenten. */
     icon?: SvgIcon | undefined;
-} & PickedInputHTMLAttributes & import("react").RefAttributes<HTMLInputElement>>;
+} & PickedInputHTMLAttributes & {
+    htmlProps?: Omit<InputHTMLAttributes<HTMLInputElement>, "name" | "checked" | "value" | "onChange" | "aria-label" | "aria-labelledby"> | undefined;
+} & import("react").RefAttributes<HTMLInputElement>>;
 export {};

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

@@ -7,11 +7,11 @@ export declare type ToggleButtonProps = BaseComponentProps<HTMLInputElement, {
     /** Ikon. */
     icon?: SvgIcon;
 }, InputHTMLAttributes<HTMLInputElement>>;
-export declare const ToggleButton: import("react").ForwardRefExoticComponent<{
-    htmlProps?: InputHTMLAttributes<HTMLInputElement> | undefined;
-} & Pick<InputHTMLAttributes<HTMLInputElement>, "className" | "id"> & {
+export declare const ToggleButton: import("react").ForwardRefExoticComponent<Pick<InputHTMLAttributes<HTMLInputElement>, "className" | "id"> & {
     /**Ledetekst for inputelementet. */
     label?: string | undefined;
     /** Ikon. */
     icon?: SvgIcon | undefined;
+} & {
+    htmlProps?: InputHTMLAttributes<HTMLInputElement> | undefined;
 } & import("react").RefAttributes<HTMLInputElement>>;

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

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

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

@@ -15,9 +15,7 @@ export declare type TooltipProps = BaseComponentProps<HTMLDivElement, {
     /**`id` for tooltip. */
     tooltipId?: string;
 } & PickedHTMLAttributes, Omit<HTMLAttributes<HTMLDivElement>, 'children' | keyof PickedHTMLAttributes>>;
-export declare const Tooltip: React.ForwardRefExoticComponent<{
-    htmlProps?: Omit<React.HTMLAttributes<HTMLDivElement>, "style" | "onMouseLeave" | "onMouseOver" | "children"> | undefined; /**`id` for tooltip. */
-} & Pick<Omit<React.HTMLAttributes<HTMLDivElement>, "style" | "onMouseLeave" | "onMouseOver" | "children">, "className" | "id"> & {
+export declare const Tooltip: React.ForwardRefExoticComponent<Pick<Omit<React.HTMLAttributes<HTMLDivElement>, "style" | "onMouseLeave" | "onMouseOver" | "children">, "className" | "id"> & {
     /**Innhold i tooltip. */
     text: string;
     /**Plassering i forhold til anchor-elementet. */
@@ -28,5 +26,7 @@ export declare const Tooltip: React.ForwardRefExoticComponent<{
     delay?: number | undefined;
     /**`id` for tooltip. */
     tooltipId?: string | undefined;
-} & PickedHTMLAttributes & React.RefAttributes<HTMLDivElement>>;
+} & PickedHTMLAttributes & {
+    htmlProps?: Omit<React.HTMLAttributes<HTMLDivElement>, "style" | "onMouseLeave" | "onMouseOver" | "children"> | undefined;
+} & React.RefAttributes<HTMLDivElement>>;
 export {};

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

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

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

@@ -0,0 +1,10 @@
+import { BaseComponentPropsWithChildren } from '../../../types';
+import { BaseTypographyProps } from '../Typography';
+export declare type CaptionProps = BaseComponentPropsWithChildren<HTMLTableCaptionElement, BaseTypographyProps>;
+export declare const Caption: import("react").ForwardRefExoticComponent<Pick<import("react").HTMLAttributes<HTMLTableCaptionElement>, "id" | "className"> & {
+    withMargins?: boolean | undefined;
+} & {
+    children?: import("react").ReactNode;
+} & Pick<import("react").HTMLAttributes<HTMLElement>, "style"> & {
+    htmlProps?: import("react").HTMLAttributes<HTMLTableCaptionElement> | undefined;
+} & import("react").RefAttributes<HTMLTableCaptionElement>>;

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

@@ -0,0 +1,28 @@
+import { CaptionProps } from '.';
+declare type StoryTProps = {
+    text: string;
+} & CaptionProps;
+declare const _default: {
+    title: string;
+    component: import("react").ForwardRefExoticComponent<Pick<import("react").HTMLAttributes<HTMLTableCaptionElement>, "id" | "className"> & {
+        withMargins?: boolean | undefined;
+    } & {
+        children?: import("react").ReactNode;
+    } & Pick<import("react").HTMLAttributes<HTMLElement>, "style"> & {
+        htmlProps?: import("react").HTMLAttributes<HTMLTableCaptionElement> | undefined;
+    } & import("react").RefAttributes<HTMLTableCaptionElement>>;
+    argTypes: {
+        withMargins: {
+            control: {
+                type: string;
+            };
+        };
+        text: {
+            control: {
+                type: string;
+            };
+        };
+    };
+};
+export default _default;
+export declare const Default: (args: StoryTProps) => JSX.Element;

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

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

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

@@ -0,0 +1,21 @@
+import { BaseComponentPropsWithChildren } from '../../../types';
+import { BaseTypographyProps, TypographyHeadingType } from '../Typography';
+export declare type HeadingLevel = 1 | 2 | 3 | 4 | 5 | 6;
+export declare type HeadingProps = BaseComponentPropsWithChildren<HTMLHeadingElement, {
+    /**Nivå på overskriften. Komponenten returnerer HTML heading element med dette nivået med default styling. */
+    level: HeadingLevel;
+    /**Spesifiserer typografistil basert på utvalget for HTML heading elementer.  */
+    typographyType?: TypographyHeadingType;
+} & BaseTypographyProps>;
+export declare const Heading: import("react").ForwardRefExoticComponent<Pick<import("react").HTMLAttributes<HTMLHeadingElement>, "id" | "className"> & {
+    /**Nivå på overskriften. Komponenten returnerer HTML heading element med dette nivået med default styling. */
+    level: HeadingLevel;
+    /**Spesifiserer typografistil basert på utvalget for HTML heading elementer.  */
+    typographyType?: TypographyHeadingType | undefined;
+} & {
+    withMargins?: boolean | undefined;
+} & {
+    children?: import("react").ReactNode;
+} & Pick<import("react").HTMLAttributes<HTMLElement>, "style"> & {
+    htmlProps?: import("react").HTMLAttributes<HTMLHeadingElement> | undefined;
+} & import("react").RefAttributes<HTMLHeadingElement>>;

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

@@ -0,0 +1,37 @@
+import { HeadingProps } from '.';
+declare type StoryTProps = {
+    text: string;
+} & HeadingProps;
+declare const _default: {
+    title: string;
+    component: import("react").ForwardRefExoticComponent<Pick<import("react").HTMLAttributes<HTMLHeadingElement>, "id" | "className"> & {
+        level: import("./Heading").HeadingLevel;
+        typographyType?: import("..").TypographyHeadingType | undefined;
+    } & {
+        withMargins?: boolean | undefined;
+    } & {
+        children?: import("react").ReactNode;
+    } & Pick<import("react").HTMLAttributes<HTMLElement>, "style"> & {
+        htmlProps?: import("react").HTMLAttributes<HTMLHeadingElement> | undefined;
+    } & import("react").RefAttributes<HTMLHeadingElement>>;
+    argTypes: {
+        typographyType: {
+            control: {
+                type: string;
+            };
+        };
+        withMargins: {
+            control: {
+                type: string;
+            };
+        };
+        text: {
+            control: {
+                type: string;
+            };
+        };
+    };
+};
+export default _default;
+export declare const Overview: () => JSX.Element;
+export declare const Default: (args: StoryTProps) => JSX.Element;

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

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

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

@@ -0,0 +1,13 @@
+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"> & {
+    withMargins?: boolean | undefined;
+} & {
+    children?: import("react").ReactNode;
+} & Pick<import("react").HTMLAttributes<HTMLElement>, "style"> & PickedHTMLAttributes & {
+    htmlProps?: Omit<LabelHTMLAttributes<HTMLLabelElement>, "htmlFor"> | undefined;
+} & import("react").RefAttributes<HTMLLabelElement>>;
+export {};

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

@@ -0,0 +1,30 @@
+import { LabelProps } from '.';
+declare type StoryTProps = {
+    text: string;
+} & LabelProps;
+declare const _default: {
+    title: string;
+    component: import("react").ForwardRefExoticComponent<Pick<Omit<import("react").LabelHTMLAttributes<HTMLLabelElement>, "htmlFor">, "id" | "className"> & {
+        withMargins?: boolean | undefined;
+    } & {
+        children?: import("react").ReactNode;
+    } & Pick<import("react").HTMLAttributes<HTMLElement>, "style"> & {
+        htmlFor?: string | undefined;
+    } & {
+        htmlProps?: Omit<import("react").LabelHTMLAttributes<HTMLLabelElement>, "htmlFor"> | undefined;
+    } & import("react").RefAttributes<HTMLLabelElement>>;
+    argTypes: {
+        withMargins: {
+            control: {
+                type: string;
+            };
+        };
+        text: {
+            control: {
+                type: string;
+            };
+        };
+    };
+};
+export default _default;
+export declare const Default: (args: StoryTProps) => JSX.Element;

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

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