@norges-domstoler/dds-components 2.1.0 → 2.3.1

package/dist/{components → src/components}/Drawer/DrawerGroup.d.ts

@@ -1,8 +1,12 @@
 import { ReactNode } from 'react';
 declare type drawerGroupProps = {
+    /**Barna til komponenten. */
     children: ReactNode;
+    /**`id` til `<Drawer />`. */
     drawerId?: string;
+    /**Ekstra logikk som kjøres når `<Drawer />` åpnes. */
     onOpen?: () => void;
+    /**Ekstra logikk som kjøres når `<Drawer />` lukkes. */
     onClose?: () => void;
 };
 export declare const DrawerGroup: ({ children, drawerId, onOpen, onClose }: drawerGroupProps) => JSX.Element;

package/dist/{components → src/components}/GlobalMessage/GlobalMessage.d.ts

@@ -1,14 +1,22 @@
 import { HTMLAttributes } from 'react';
 export declare type GlobalMessagePurpose = 'info' | 'warning' | 'danger';
 export declare type GlobalMessageProps = {
+    /**Meldingen som vises til brukeren. Brukes kun når meldingen er en `string`. */
     message?: string;
+    /**Formålet med meldingen. Påvirker styling. */
     purpose?: GlobalMessagePurpose;
+    /**Indikerer om meldingen skal være lukkbar. */
     closable?: boolean;
+    /**Ekstra logikk å kjøre når meldingen lukkes. */
     onClose?: () => void;
 } & HTMLAttributes<HTMLDivElement>;
 export declare const GlobalMessage: import("react").ForwardRefExoticComponent<{
+    /**Meldingen som vises til brukeren. Brukes kun når meldingen er en `string`. */
     message?: string | undefined;
+    /**Formålet med meldingen. Påvirker styling. */
     purpose?: GlobalMessagePurpose | undefined;
+    /**Indikerer om meldingen skal være lukkbar. */
     closable?: boolean | undefined;
+    /**Ekstra logikk å kjøre når meldingen lukkes. */
     onClose?: (() => void) | undefined;
 } & HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>;

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

@@ -0,0 +1,27 @@
+/// <reference types="react" />
+import { GlobalMessageProps } from './GlobalMessage';
+declare const _default: {
+    title: string;
+    component: import("react").ForwardRefExoticComponent<{
+        message?: string | undefined;
+        purpose?: import("./GlobalMessage").GlobalMessagePurpose | undefined;
+        closable?: boolean | undefined;
+        onClose?: (() => void) | undefined;
+    } & import("react").HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>;
+    argTypes: {
+        message: {
+            control: {
+                type: string;
+            };
+        };
+        closable: {
+            control: {
+                type: string;
+            };
+        };
+    };
+};
+export default _default;
+export declare const Overview: (args: GlobalMessageProps) => JSX.Element;
+export declare const Default: (args: GlobalMessageProps) => JSX.Element;
+export declare const Closable: (args: GlobalMessageProps) => JSX.Element;

package/dist/{helpers → src/components}/IconWrapper/IconWrapper.d.ts

@@ -1,11 +1,14 @@
 import { SvgIconTypeMap } from '@mui/material/SvgIcon';
 import { OverridableComponent } from '@mui/material/OverridableComponent';
 import { HTMLAttributes } from 'react';
-import * as CSS from 'csstype';
+import { Property } from 'csstype';
 export declare type IconSize = 'small' | 'medium' | 'large' | 'inline';
 export declare type IconWrapperProps = {
+    /**Ikon. */
     Icon: OverridableComponent<SvgIconTypeMap<Record<string, unknown>, 'svg'>>;
+    /**Størrelsen til ikonet. */
     iconSize?: IconSize;
-    color?: CSS.Property.Color;
+    /**Fargen til ikonet. */
+    color?: Property.Color;
 } & HTMLAttributes<SVGElement>;
 export declare function IconWrapper({ Icon, iconSize, color, className, style, ...rest }: IconWrapperProps): JSX.Element;

package/dist/src/components/IconWrapper/IconWrapper.stories.d.ts

@@ -0,0 +1,22 @@
+/// <reference types="react" />
+import { IconWrapper, IconWrapperProps } from '.';
+declare const _default: {
+    title: string;
+    component: typeof IconWrapper;
+    argTypes: {
+        color: {
+            control: {
+                type: string;
+            };
+        };
+    };
+    parameters: {
+        controls: {
+            exclude: string[];
+        };
+    };
+};
+export default _default;
+export declare const Overview: (args: IconWrapperProps) => JSX.Element;
+export declare const Default: (args: IconWrapperProps) => JSX.Element;
+export declare const Inline: (args: IconWrapperProps) => JSX.Element;

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

@@ -0,0 +1,14 @@
+import { HTMLAttributes } from 'react';
+export declare type InputMessageType = 'error' | 'tip';
+export declare type InputMessageProps = {
+    /** Meldingen som vises til brukeren. */
+    message: string;
+    /** Formålet med meldingen. Påvirker styling. */
+    messageType: InputMessageType;
+} & HTMLAttributes<HTMLDivElement>;
+export declare const InputMessage: import("react").ForwardRefExoticComponent<{
+    /** Meldingen som vises til brukeren. */
+    message: string;
+    /** Formålet med meldingen. Påvirker styling. */
+    messageType: InputMessageType;
+} & HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>;

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

@@ -0,0 +1,19 @@
+/// <reference types="react" />
+import { InputMessageProps } from '.';
+declare const _default: {
+    title: string;
+    component: import("react").ForwardRefExoticComponent<{
+        message: string;
+        messageType: import("./InputMessage").InputMessageType;
+    } & import("react").HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>;
+    argTypes: {
+        message: {
+            control: {
+                type: string;
+            };
+        };
+    };
+};
+export default _default;
+export declare const Overview: () => JSX.Element;
+export declare const Default: (args: InputMessageProps) => JSX.Element;

package/dist/{helpers → src/components}/InputMessage/InputMessage.tokens.d.ts

@@ -1,9 +1,7 @@
 import { CSSObject } from 'styled-components';
-import * as CSS from 'csstype';
 export declare const inputMessageTokens: {
     padding: string;
     base: CSSObject;
-    defaultMaxWidth: CSS.Property.MaxWidth<string>;
     tip: {
         base: CSSObject;
     };

package/dist/src/components/InputMessage/index.d.ts

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

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

@@ -0,0 +1,40 @@
+/// <reference types="react" />
+import { InternalHeaderProps } from '.';
+declare const _default: {
+    title: string;
+    component: ({ applicationName, smallScreen, navigationElements, contextMenuElements, currentPageHref, userProps, onCurrentPageChange, ...rest }: InternalHeaderProps) => JSX.Element;
+    argTypes: {
+        applicationName: {
+            control: {
+                type: string;
+            };
+        };
+        currentPageHref: {
+            control: {
+                type: string;
+            };
+        };
+        smallScreen: {
+            control: {
+                type: string;
+            };
+        };
+    };
+    parameters: {
+        controls: {
+            exclude: string[];
+        };
+    };
+};
+export default _default;
+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 SmallScreenWithContextMenu: (args: InternalHeaderProps) => JSX.Element;
+export declare const SmallScreenWithNavigationAndContextMenu: () => 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;

package/dist/{components → src/components}/InternalHeader/InternalHeader.styles.d.ts

@@ -13,13 +13,13 @@ 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<{
+    items?: import("../OverflowMenu").OverflowMenuContextItem[] | undefined;
+    userProps?: import("../OverflowMenu").UserProps | undefined;
+    navItems?: import("../OverflowMenu").OverflowMenuNavItem[] | undefined;
     isOpen?: boolean | undefined;
-    anchorRef?: import("react").RefObject<HTMLButtonElement> | undefined;
     onClose?: (() => void) | undefined;
+    anchorRef?: import("react").RefObject<HTMLButtonElement> | undefined;
     placement?: import("../../hooks").Placement | undefined;
-    userProps?: import("../OverflowMenu").UserProps | undefined;
-    items?: import("../OverflowMenu").OverflowMenuContextItem[] | undefined;
-    navItems?: import("../OverflowMenu").OverflowMenuNavItem[] | undefined;
     offset?: number | undefined;
 } & import("react").HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>, any, {}, never>;
 export {};

package/dist/{components → src/components}/InternalHeader/InternalHeader.types.d.ts

@@ -16,11 +16,18 @@ export declare type InternaHeaderUserProps = {
     href?: string;
 };
 export declare type InternalHeaderProps = {
+    /**Navn på applikasjonen. */
     applicationName?: 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. */
     userProps?: InternaHeaderUserProps;
+    /**Lenker som skal vises i navigasjonsmenyen. */
     navigationElements?: NavigationLinkProps[];
+    /**Lenker eller knapper som skal vises i kontekstmenyen. Støtter ikon i tillegg til tekst. */
     contextMenuElements?: ContextMenuElementProps[];
+    /**URL til siden i navigasjonen brukeren er på. Gir highlight til navigasjonselementet i navigationElements med samme URL. */
     currentPageHref?: string;
+    /**Ekstra logikk som kjøres når currentPage endres. */
     onCurrentPageChange?: () => void;
 } & HTMLAttributes<HTMLDivElement>;

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

@@ -0,0 +1,16 @@
+import { HTMLAttributes } from 'react';
+import { TypographyBodyType } from '../Typography';
+export declare type ListType = 'ordered' | 'unordered';
+export declare type ListTypographyType = TypographyBodyType | 'inherit';
+export declare type ListProps = {
+    /**Spesifiserer om komponenten skal returnere `<ul />` (punktliste) eller `<ol />` (nummerert liste). */
+    listType?: ListType;
+    /**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;
+} & HTMLAttributes<HTMLUListElement | HTMLOListElement>;
+export declare const List: import("react").ForwardRefExoticComponent<{
+    /**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;
+} & HTMLAttributes<HTMLUListElement | HTMLOListElement> & import("react").RefAttributes<HTMLUListElement | HTMLOListElement>>;

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

@@ -0,0 +1,14 @@
+/// <reference types="react" />
+import { ListProps } from '.';
+declare const _default: {
+    title: string;
+    component: import("react").ForwardRefExoticComponent<{
+        listType?: import("./List").ListType | undefined;
+        typographyType?: import("./List").ListTypographyType | undefined;
+    } & import("react").HTMLAttributes<HTMLOListElement | HTMLUListElement> & import("react").RefAttributes<HTMLOListElement | HTMLUListElement>>;
+};
+export default _default;
+export declare const Overview: (args: ListProps) => JSX.Element;
+export declare const Default: (args: ListProps) => JSX.Element;
+export declare const Nested: (args: ListProps) => JSX.Element;
+export declare const Example: (args: ListProps) => JSX.Element;

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

@@ -0,0 +1,32 @@
+import { HTMLAttributes } from 'react';
+import { Property } from 'csstype';
+export declare type LocalMessagePurpose = 'info' | 'warning' | 'danger' | 'confidential' | 'success' | 'tips';
+export declare type LocalMessageLayout = 'horisontal' | 'vertical';
+export declare type LocalMessageProps = {
+    /**Meldingen som vises til brukeren. Brukes kun når meldingen er string. */
+    message?: string;
+    /**Formålet med meldingen. Påvirker styling. */
+    purpose?: LocalMessagePurpose;
+    /** Indikerer om meldingen skal være lukkbar.*/
+    closable?: boolean;
+    /**Ekstra logikk å kjøre når meldingen lukkes. */
+    onClose?: () => void;
+    /**Layoutet i komponenten. Ved kompleks innhold anbefales `layout='vertical'`. */
+    layout?: LocalMessageLayout;
+    /**Custom bredde ved behov. */
+    width?: Property.Width<string>;
+} & HTMLAttributes<HTMLDivElement>;
+export declare const LocalMessage: import("react").ForwardRefExoticComponent<{
+    /**Meldingen som vises til brukeren. Brukes kun når meldingen er string. */
+    message?: string | undefined;
+    /**Formålet med meldingen. Påvirker styling. */
+    purpose?: LocalMessagePurpose | undefined;
+    /** Indikerer om meldingen skal være lukkbar.*/
+    closable?: boolean | undefined;
+    /**Ekstra logikk å kjøre når meldingen lukkes. */
+    onClose?: (() => void) | undefined;
+    /**Layoutet i komponenten. Ved kompleks innhold anbefales `layout='vertical'`. */
+    layout?: LocalMessageLayout | undefined;
+    /**Custom bredde ved behov. */
+    width?: Property.Width<string> | undefined;
+} & HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>;

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

@@ -0,0 +1,35 @@
+/// <reference types="react" />
+import { LocalMessageProps } from './LocalMessage';
+declare const _default: {
+    title: string;
+    component: import("react").ForwardRefExoticComponent<{
+        message?: string | undefined;
+        purpose?: import("./LocalMessage").LocalMessagePurpose | undefined;
+        closable?: boolean | undefined;
+        onClose?: (() => void) | undefined;
+        layout?: import("./LocalMessage").LocalMessageLayout | undefined;
+        width?: import("csstype").Property.Width<string> | undefined;
+    } & import("react").HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>;
+    argTypes: {
+        message: {
+            control: {
+                type: string;
+            };
+        };
+        width: {
+            control: {
+                type: string;
+            };
+        };
+        closable: {
+            control: {
+                type: string;
+            };
+        };
+    };
+};
+export default _default;
+export declare const Overview: (args: LocalMessageProps) => JSX.Element;
+export declare const Default: (args: LocalMessageProps) => JSX.Element;
+export declare const Closable: (args: LocalMessageProps) => JSX.Element;
+export declare const ComplexContent: (args: LocalMessageProps) => JSX.Element;

package/dist/{components → src/components}/LocalMessage/LocalMessage.tokens.d.ts

@@ -1,9 +1,9 @@
 import { CSSObject } from 'styled-components';
-import * as CSS from 'csstype';
+import { Property } from 'csstype';
 export declare const localMessageTokens: {
     container: {
         base: CSSObject;
-        defaultWidth: CSS.Property.Width<string>;
+        defaultWidth: Property.Width<string>;
         info: {
             base: CSSObject;
         };

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

@@ -0,0 +1,25 @@
+import { HTMLAttributes, ReactNode, RefObject } from 'react';
+export declare type ModalProps = {
+    /**Spesifiserer om modal skal vises. */
+    isOpen?: boolean;
+    /**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. */
+    onClose?: () => void;
+    /**Spesifiserer hvilken DOM node `<Modal />` skal ha som forelder via React portal. Brukes med f.eks `document.getElementById("id")` (skaper ikke ny DOM node). */
+    parentElement?: HTMLElement;
+    /**Tittel/header i modal. Setter `aria-labelledby`. */
+    header?: string | ReactNode;
+    /**Ref som brukes til returnering av fokus. */
+    triggerRef?: RefObject<HTMLElement>;
+} & HTMLAttributes<HTMLDivElement>;
+export declare const Modal: import("react").ForwardRefExoticComponent<{
+    /**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. */
+    onClose?: (() => void) | undefined;
+    /**Spesifiserer hvilken DOM node `<Modal />` skal ha som forelder via React portal. Brukes med f.eks `document.getElementById("id")` (skaper ikke ny DOM node). */
+    parentElement?: HTMLElement | undefined;
+    /**Tittel/header i modal. Setter `aria-labelledby`. */
+    header?: string | ReactNode;
+    /**Ref som brukes til returnering av fokus. */
+    triggerRef?: RefObject<HTMLElement> | undefined;
+} & HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>;

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

@@ -0,0 +1,24 @@
+/// <reference types="react" />
+import { ModalProps } from '.';
+declare const _default: {
+    title: string;
+    component: import("react").ForwardRefExoticComponent<{
+        isOpen?: boolean | undefined;
+        onClose?: (() => void) | undefined;
+        parentElement?: HTMLElement | undefined;
+        header?: import("react").ReactNode;
+        triggerRef?: import("react").RefObject<HTMLElement> | undefined;
+    } & import("react").HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>;
+    argTypes: {
+        header: {
+            control: {
+                type: string;
+            };
+        };
+    };
+};
+export default _default;
+export declare const Overview: () => JSX.Element;
+export declare const Default: (args: ModalProps) => JSX.Element;
+export declare const NoActionButtons: (args: ModalProps) => JSX.Element;
+export declare const Scrollable: (args: ModalProps) => JSX.Element;

package/dist/{components → src/components}/Modal/ModalBody.d.ts

@@ -1,7 +1,9 @@
 import { HTMLAttributes } from 'react';
 export declare type ModalBodyProps = {
+    /**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;
 } & HTMLAttributes<HTMLDivElement>;
 export declare const ModalBody: import("react").ForwardRefExoticComponent<{
+    /**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;
 } & HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>;

package/dist/{components → src/components}/OverflowMenu/OverflowMenu.d.ts

@@ -6,13 +6,13 @@ 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<{
+    items?: OverflowMenuContextItem[] | undefined;
+    userProps?: import("./OverflowMenu.types").UserProps | undefined;
+    navItems?: OverflowMenuNavItem[] | undefined;
     isOpen?: boolean | undefined;
-    anchorRef?: import("react").RefObject<HTMLButtonElement> | undefined;
     onClose?: (() => void) | undefined;
+    anchorRef?: import("react").RefObject<HTMLButtonElement> | undefined;
     placement?: import("../../hooks").Placement | undefined;
-    userProps?: import("./OverflowMenu.types").UserProps | undefined;
-    items?: OverflowMenuContextItem[] | undefined;
-    navItems?: OverflowMenuNavItem[] | undefined;
     offset?: number | undefined;
 } & import("react").HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>;
 export {};

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

@@ -0,0 +1,21 @@
+/// <reference types="react" />
+import { OverflowMenuProps } from '.';
+declare const _default: {
+    title: string;
+    component: import("react").ForwardRefExoticComponent<{
+        items?: import("./OverflowMenu.types").OverflowMenuContextItem[] | undefined;
+        userProps?: import("./OverflowMenu.types").UserProps | undefined;
+        navItems?: import("./OverflowMenu.types").OverflowMenuNavItem[] | undefined;
+        isOpen?: boolean | undefined;
+        onClose?: (() => void) | undefined;
+        anchorRef?: import("react").RefObject<HTMLButtonElement> | undefined;
+        placement?: import("../../hooks").Placement | undefined;
+        offset?: number | undefined;
+    } & import("react").HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>;
+};
+export default _default;
+export declare const Default: (args: OverflowMenuProps) => JSX.Element;
+export declare const WithStaticUser: (args: OverflowMenuProps) => JSX.Element;
+export declare const WithInteractiveUser: (args: OverflowMenuProps) => JSX.Element;
+export declare const WithNavigation: (args: OverflowMenuProps) => JSX.Element;
+export declare const WithNavigationAndInteractiveUser: (args: OverflowMenuProps) => JSX.Element;

package/dist/{components → src/components}/OverflowMenu/OverflowMenu.types.d.ts

@@ -15,12 +15,20 @@ export declare type UserProps = {
     href?: string;
 } & (AnchorHTMLAttributes<HTMLAnchorElement> | ButtonHTMLAttributes<HTMLButtonElement>);
 export declare type OverflowMenuProps = {
+    /**Lenker eller knapper som skal vises i menyen. Støtter ikon i tillegg til tekst. */
+    items?: OverflowMenuContextItem[];
+    /**Eget element for brukernavn, kan være interaktivt eller statisk. Ligger alltid på toppen av menyen. */
+    userProps?: UserProps;
+    /**Navigasjonslenker, brukes hvis navigasjonen skal ligge i menyen (f.eks. ved liten skjerm o.l.). */
+    navItems?: OverflowMenuNavItem[];
+    /**Spesifiserer om menyen skal vises. **OBS!** nødvendig kun hvis `<OverflowMenuGroup />` ikke brukes.  */
     isOpen?: boolean;
-    anchorRef?: RefObject<HTMLButtonElement>;
+    /**Callback for å lukke menyen. **OBS!** nødvendig kun hvis `<OverflowMenuGroup />` ikke brukes.  */
     onClose?: () => void;
+    /**Ref til elementet som styrer menyen. **OBS!** nødvendig kun hvis ``<OverflowMenuGroup />` ikke brukes.  */
+    anchorRef?: RefObject<HTMLButtonElement>;
+    /**Plassering av menyen i forhold til anchor-elementet. */
     placement?: Placement;
-    userProps?: UserProps;
-    items?: OverflowMenuContextItem[];
-    navItems?: OverflowMenuNavItem[];
+    /**Avstand fra anchor-elementet i px. */
     offset?: number;
 } & HTMLAttributes<HTMLDivElement>;

package/dist/{components → src/components}/OverflowMenu/OverflowMenuGroup.d.ts

@@ -1,9 +1,14 @@
 import { ReactNode } from 'react';
 export declare type OverflowMenuGroupProps = {
+    /**Ekstra logikk som kjøres når `<OverflowMenu />` åpnes og lukkes. */
     onToggle?: () => void;
+    /**Ekstra logikk som kjøres når `<OverflowMenu />` åpnes. */
     onOpen?: () => void;
+    /**Ekstra logikk som kjøres når `<OverflowMenu />` lukkes. */
     onClose?: () => void;
+    /**Barn, anchor-elementet som første og `<OverflowMenu />` som andre. */
     children: ReactNode;
+    /**Custom id for `<OverflowMenu />`. */
     overflowMenuId?: string;
 };
 export declare const OverflowMenuGroup: ({ children, onClose, onToggle, onOpen, overflowMenuId }: OverflowMenuGroupProps) => JSX.Element;

package/dist/{components → src/components}/OverflowMenu/OverflowMenuItem.d.ts

@@ -1,7 +1,7 @@
 import React, { AnchorHTMLAttributes, ButtonHTMLAttributes, HTMLAttributes, Dispatch, SetStateAction } from 'react';
 import { OverridableComponent } from '@mui/material/OverridableComponent';
 import { SvgIconTypeMap } from '@mui/material/SvgIcon';
-import { IconWrapper } from '../../helpers/IconWrapper';
+import { IconWrapper } from '../IconWrapper';
 export declare const Span: import("styled-components").StyledComponent<"span", any, {}, never>;
 export declare const Link: import("styled-components").StyledComponent<"a", any, {}, never>;
 export declare const StyledIconWrapper: import("styled-components").StyledComponent<typeof IconWrapper, any, {}, never>;

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

@@ -0,0 +1,49 @@
+import { HTMLAttributes } from 'react';
+export declare type PaginationOption = {
+    label: string;
+    value: number;
+};
+export declare type PaginationProps = {
+    /**Totalt antall elementer å paginere. */
+    itemsAmount: number;
+    /**Antall elementer per side ved innlastning av komponenten. */
+    defaultItemsPerPage?: number;
+    /**Den aktive siden ved innlastning av komponenten. */
+    defaultActivePage?: number;
+    /**Spesifiserer om selve pagineringen skal vises. */
+    withPagination?: boolean;
+    /**Spesifiserer om teksten `'Vis x-y av z'` skal vises. */
+    withCounter?: boolean;
+    /**Spesifiserer om `<Select />` til å velge antall resultater per side skal vises. */
+    withSelect?: boolean;
+    /**Custom options for `<Select />`. **OBS!** hvis det settes custom `selectOptions` bør "alle"-alternativet inkluderes der det er relevant, da brukere ofte liker å ha muligheten. */
+    selectOptions?: PaginationOption[];
+    /**Brukes til å hente side og eventuelt annen logikk ved endring av side. */
+    onChange?: (event: React.MouseEvent<HTMLButtonElement, MouseEvent>, page: number) => void;
+    /**Brukes til å hente `selectedOption` og eventuelt kjøre annen logikk når `withSelect=true` ved endring av alternativ. */
+    onSelectOptionChange?: (option: PaginationOption | null) => void;
+    /**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<{
+    /**Totalt antall elementer å paginere. */
+    itemsAmount: number;
+    /**Antall elementer per side ved innlastning av komponenten. */
+    defaultItemsPerPage?: number | undefined;
+    /**Den aktive siden ved innlastning av komponenten. */
+    defaultActivePage?: number | undefined;
+    /**Spesifiserer om selve pagineringen skal vises. */
+    withPagination?: boolean | undefined;
+    /**Spesifiserer om teksten `'Vis x-y av z'` skal vises. */
+    withCounter?: boolean | undefined;
+    /**Spesifiserer om `<Select />` til å velge antall resultater per side skal vises. */
+    withSelect?: boolean | undefined;
+    /**Custom options for `<Select />`. **OBS!** hvis det settes custom `selectOptions` bør "alle"-alternativet inkluderes der det er relevant, da brukere ofte liker å ha muligheten. */
+    selectOptions?: PaginationOption[] | undefined;
+    /**Brukes til å hente side og eventuelt annen logikk ved endring av side. */
+    onChange?: ((event: React.MouseEvent<HTMLButtonElement, MouseEvent>, page: number) => void) | undefined;
+    /**Brukes til å hente `selectedOption` og eventuelt kjøre annen logikk når `withSelect=true` ved endring av alternativ. */
+    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;
+} & Omit<HTMLAttributes<HTMLElement>, "onChange"> & import("react").RefAttributes<HTMLElement>>;