@norges-domstoler/dds-components 13.2.0 → 13.4.0

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

@@ -1,37 +1,37 @@
-import { Placement } from '../../hooks/useFloatPosition';
-import { AnchorHTMLAttributes, ButtonHTMLAttributes, RefObject } from 'react';
-import { BaseComponentProps } from '../../types';
-import { SvgIcon } from '../../icons/utils';
-type OverflowMenuItemBase = {
-    title: string;
-    icon?: SvgIcon;
-};
-export type OverflowMenuButtonItem = OverflowMenuItemBase & ButtonHTMLAttributes<HTMLButtonElement>;
-export type OverflowMenuLinkItem = OverflowMenuItemBase & AnchorHTMLAttributes<HTMLAnchorElement>;
-export type OverflowMenuContextItem = OverflowMenuButtonItem | OverflowMenuLinkItem;
-export type OverflowMenuNavItem = OverflowMenuLinkItem;
-type UserProps = {
-    name: string;
-    href?: string;
-} & (AnchorHTMLAttributes<HTMLAnchorElement> | ButtonHTMLAttributes<HTMLButtonElement>);
-export type OverflowMenuProps = BaseComponentProps<HTMLDivElement, {
-    /**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;
-    /**Callback for å lukke menyen. **OBS!** nødvendig kun hvis `<OverflowMenuGroup />` ikke brukes.  */
-    onClose?: () => void;
-    /**Callback for å toggle menyen. **OBS!** nødvendig kun hvis `<OverflowMenuGroup />` ikke brukes.  */
-    onToggle?: () => 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;
-    /**Avstand fra anchor-elementet i px. */
-    offset?: number;
-}>;
-export {};
+import { Placement } from '../../hooks/useFloatPosition';
+import { AnchorHTMLAttributes, ButtonHTMLAttributes, RefObject } from 'react';
+import { BaseComponentProps } from '../../types';
+import { SvgIcon } from '../../icons/utils';
+type OverflowMenuItemBase = {
+    title: string;
+    icon?: SvgIcon;
+};
+export type OverflowMenuButtonItem = OverflowMenuItemBase & ButtonHTMLAttributes<HTMLButtonElement>;
+export type OverflowMenuLinkItem = OverflowMenuItemBase & AnchorHTMLAttributes<HTMLAnchorElement>;
+export type OverflowMenuContextItem = OverflowMenuButtonItem | OverflowMenuLinkItem;
+export type OverflowMenuNavItem = OverflowMenuLinkItem;
+type UserProps = {
+    name: string;
+    href?: string;
+} & (AnchorHTMLAttributes<HTMLAnchorElement> | ButtonHTMLAttributes<HTMLButtonElement>);
+export type OverflowMenuProps = BaseComponentProps<HTMLDivElement, {
+    /**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;
+    /**Callback for å lukke menyen. **OBS!** nødvendig kun hvis `<OverflowMenuGroup />` ikke brukes.  */
+    onClose?: () => void;
+    /**Callback for å toggle menyen. **OBS!** nødvendig kun hvis `<OverflowMenuGroup />` ikke brukes.  */
+    onToggle?: () => 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;
+    /**Avstand fra anchor-elementet i px. */
+    offset?: number;
+}>;
+export {};

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

@@ -1,14 +1,17 @@
-import { ReactNode } from 'react';
-export 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;
+import { ReactNode } from 'react';
+export 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): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};

package/dist/components/OverflowMenu/OverflowMenuGroup.js

@@ -50,5 +50,6 @@ var OverflowMenuGroup = function OverflowMenuGroup(_ref) {
     children: Children$1
   });
 };
+OverflowMenuGroup.displayName = 'OverflowMenuGroup';
 
 export { OverflowMenuGroup };

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

@@ -1,21 +1,21 @@
-import { AnchorHTMLAttributes, ButtonHTMLAttributes, Dispatch, SetStateAction } from 'react';
-import { BaseComponentProps } from '../../types';
-import { SvgIcon } from '../../icons/utils';
-export declare const Span: import("styled-components").StyledComponent<"span", any, {}, never>;
-export declare const Link: import("styled-components").StyledComponent<"a", any, {}, never>;
-type BaseOverflowMenuItemProps = {
-    title: string;
-    icon?: SvgIcon;
-    focus?: boolean;
-    setFocus?: Dispatch<SetStateAction<number>>;
-    index?: number;
-    isMenuClosed?: boolean;
-};
-type AnchorOverflowMenuItemProps = BaseOverflowMenuItemProps & BaseComponentProps<HTMLAnchorElement, {
-    href?: string;
-}, AnchorHTMLAttributes<HTMLAnchorElement>>;
-type ButtonOverflowMenuItemProps = BaseOverflowMenuItemProps & BaseComponentProps<HTMLButtonElement, Pick<ButtonHTMLAttributes<HTMLButtonElement>, 'onClick'>, ButtonHTMLAttributes<HTMLButtonElement>>;
-type OtherOverflowMenuItemProps = BaseOverflowMenuItemProps & BaseComponentProps<HTMLSpanElement>;
-export type OverflowMenuItemProps = AnchorOverflowMenuItemProps | ButtonOverflowMenuItemProps | OtherOverflowMenuItemProps;
-export declare const OverflowMenuItem: import("react").ForwardRefExoticComponent<(AnchorOverflowMenuItemProps | ButtonOverflowMenuItemProps | Pick<OtherOverflowMenuItemProps, string>) & import("react").RefAttributes<HTMLAnchorElement>>;
-export {};
+import { AnchorHTMLAttributes, ButtonHTMLAttributes, Dispatch, SetStateAction } from 'react';
+import { BaseComponentProps } from '../../types';
+import { SvgIcon } from '../../icons/utils';
+export declare const Span: import("styled-components").StyledComponent<"span", any, {}, never>;
+export declare const Link: import("styled-components").StyledComponent<"a", any, {}, never>;
+type BaseOverflowMenuItemProps = {
+    title: string;
+    icon?: SvgIcon;
+    focus?: boolean;
+    setFocus?: Dispatch<SetStateAction<number>>;
+    index?: number;
+    isMenuClosed?: boolean;
+};
+type AnchorOverflowMenuItemProps = BaseOverflowMenuItemProps & BaseComponentProps<HTMLAnchorElement, {
+    href?: string;
+}, AnchorHTMLAttributes<HTMLAnchorElement>>;
+type ButtonOverflowMenuItemProps = BaseOverflowMenuItemProps & BaseComponentProps<HTMLButtonElement, Pick<ButtonHTMLAttributes<HTMLButtonElement>, 'onClick'>, ButtonHTMLAttributes<HTMLButtonElement>>;
+type OtherOverflowMenuItemProps = BaseOverflowMenuItemProps & BaseComponentProps<HTMLSpanElement>;
+export type OverflowMenuItemProps = AnchorOverflowMenuItemProps | ButtonOverflowMenuItemProps | OtherOverflowMenuItemProps;
+export declare const OverflowMenuItem: import("react").ForwardRefExoticComponent<(AnchorOverflowMenuItemProps | ButtonOverflowMenuItemProps | Omit<OtherOverflowMenuItemProps, "ref">) & import("react").RefAttributes<HTMLAnchorElement>>;
+export {};

package/dist/components/OverflowMenu/OverflowMenuItem.js

@@ -117,5 +117,6 @@ var OverflowMenuItem = /*#__PURE__*/forwardRef(function (props, ref) {
     }), title]
   }));
 });
+OverflowMenuItem.displayName = 'OverflowMenuItem';
 
 export { Link, OverflowMenuItem, Span };

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

@@ -1,3 +1,3 @@
-export * from './OverflowMenu';
-export * from './OverflowMenu.types';
-export * from './OverflowMenuGroup';
+export * from './OverflowMenu';
+export * from './OverflowMenu.types';
+export * from './OverflowMenuGroup';

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

@@ -1,52 +1,52 @@
-import { HTMLAttributes } from 'react';
-import { BaseComponentProps } from '../../types';
-export type PaginationOption = {
-    label: string;
-    value: number;
-};
-export type PaginationProps = BaseComponentProps<HTMLElement, {
-    /**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<Pick<Omit<HTMLAttributes<HTMLElement>, "onChange">, "className" | "id"> & {
-    /**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;
-} & {
-    htmlProps?: Omit<HTMLAttributes<HTMLElement>, "onChange"> | undefined;
-} & import("react").RefAttributes<HTMLElement>>;
+import { HTMLAttributes } from 'react';
+import { BaseComponentProps } from '../../types';
+export type PaginationOption = {
+    label: string;
+    value: number;
+};
+export type PaginationProps = BaseComponentProps<HTMLElement, {
+    /**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<Pick<Omit<HTMLAttributes<HTMLElement>, "onChange">, "className" | "id"> & {
+    /**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;
+} & {
+    htmlProps?: Omit<HTMLAttributes<HTMLElement>, "onChange"> | undefined;
+} & import("react").RefAttributes<HTMLElement>>;

package/dist/components/Pagination/Pagination.js

@@ -4,19 +4,12 @@ import { jsx, jsxs } from 'react/jsx-runtime';
 import { forwardRef, useState } from 'react';
 import styled, { css } from 'styled-components';
 import { Typography } from '../Typography/Typography/Typography.js';
-import '../../helpers/Backdrop/Backdrop.js';
-import '../../helpers/Chevron/AnimatedChevronUpDown.styles.js';
-import '../../helpers/HiddenInput/HiddenInput.js';
-import '../../helpers/Input/Input.styles.js';
-import '../../helpers/Input/Input.tokens.js';
-import '../InputMessage/InputMessage.js';
-import '../../helpers/Paper/Paper.js';
-import '../../helpers/RequiredMarker/RequiredMarker.js';
-import '../../hooks/useFloatPosition.js';
-import '../../utils/color.js';
-import '../../hooks/useScreenSize.js';
-import { getBaseHTMLProps } from '../../types/BaseComponentProps.js';
+import '../Typography/Label/Label.js';
+import '../Typography/Paragraph/Paragraph.js';
+import '../Typography/Heading/Heading.js';
 import '../Typography/Link/Link.js';
+import '../Typography/Legend/Legend.js';
+import '../Typography/Caption/Caption.js';
 import { Button } from '../Button/Button.js';
 import { Select } from '../Select/Select.js';
 import { PaginationGenerator } from './paginationGenerator.js';
@@ -28,6 +21,7 @@ import { ChevronLastIcon } from '../../icons/tsx/chevronLast.js';
 import { ChevronLeftIcon } from '../../icons/tsx/chevronLeft.js';
 import { ChevronRightIcon } from '../../icons/tsx/chevronRight.js';
 import { MoreHorizontalIcon } from '../../icons/tsx/moreHorizontal.js';
+import { getBaseHTMLProps } from '../../types/BaseComponentProps.js';
 
 var outerContainer = paginationTokens.outerContainer,
   indicatorsContainer = paginationTokens.indicatorsContainer,
@@ -253,5 +247,6 @@ var Pagination = /*#__PURE__*/forwardRef(function (props, ref) {
     }), navigationToBeRendered]
   }));
 });
+Pagination.displayName = 'Pagination';
 
 export { Pagination };

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

@@ -1,47 +1,48 @@
-import { PaginationProps } from '.';
-declare const _default: {
-    title: string;
-    component: import("react").ForwardRefExoticComponent<Pick<Omit<import("react").HTMLAttributes<HTMLElement>, "onChange">, "className" | "id"> & {
-        itemsAmount: number;
-        defaultItemsPerPage?: number | undefined;
-        defaultActivePage?: number | undefined;
-        withPagination?: boolean | undefined;
-        withCounter?: boolean | undefined;
-        withSelect?: boolean | undefined;
-        selectOptions?: import("./Pagination").PaginationOption[] | undefined;
-        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: {
-            control: string;
-        };
-        withPagination: {
-            control: string;
-        };
-        withSelect: {
-            control: string;
-        };
-        smallScreen: {
-            control: string;
-        };
-        defaultItemsPerPage: {
-            control: string;
-        };
-        defaultActivePage: {
-            control: string;
-        };
-    };
-    parameters: {
-        controls: {
-            exclude: string[];
-        };
-    };
-};
-export default _default;
-export declare const Overview: (args: PaginationProps) => JSX.Element;
-export declare const OverviewMobile: (args: PaginationProps) => JSX.Element;
-export declare const Default: (args: PaginationProps) => JSX.Element;
+/// <reference types="react" />
+import { PaginationProps } from '.';
+declare const _default: {
+    title: string;
+    component: import("react").ForwardRefExoticComponent<Pick<Omit<import("react").HTMLAttributes<HTMLElement>, "onChange">, "id" | "className"> & {
+        itemsAmount: number;
+        defaultItemsPerPage?: number | undefined;
+        defaultActivePage?: number | undefined;
+        withPagination?: boolean | undefined;
+        withCounter?: boolean | undefined;
+        withSelect?: boolean | undefined;
+        selectOptions?: import("./Pagination").PaginationOption[] | undefined;
+        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: {
+            control: string;
+        };
+        withPagination: {
+            control: string;
+        };
+        withSelect: {
+            control: string;
+        };
+        smallScreen: {
+            control: string;
+        };
+        defaultItemsPerPage: {
+            control: string;
+        };
+        defaultActivePage: {
+            control: string;
+        };
+    };
+    parameters: {
+        controls: {
+            exclude: string[];
+        };
+    };
+};
+export default _default;
+export declare const Overview: (args: PaginationProps) => import("react/jsx-runtime").JSX.Element;
+export declare const OverviewMobile: (args: PaginationProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Default: (args: PaginationProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -1,14 +1,14 @@
-export declare const paginationTokens: {
-    outerContainer: {
-        gap: string;
-    };
-    indicatorsContainer: {
-        gap: string;
-    };
-    truncationIcon: {
-        color: string;
-    };
-    list: {
-        gap: string;
-    };
-};
+export declare const paginationTokens: {
+    outerContainer: {
+        gap: string;
+    };
+    indicatorsContainer: {
+        gap: string;
+    };
+    truncationIcon: {
+        color: string;
+    };
+    list: {
+        gap: string;
+    };
+};

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

@@ -1 +1 @@
-export * from './Pagination';
+export * from './Pagination';

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

@@ -1 +1 @@
-export declare function PaginationGenerator(pagesAmount: number, activePage: number): (string | number)[];
+export declare function PaginationGenerator(pagesAmount: number, activePage: number): (string | number)[];

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

@@ -1,60 +1,60 @@
-import { Property } from 'csstype';
-import { ReactNode } from 'react';
-import { Placement } from '../../hooks';
-import { BaseComponentPropsWithChildren } from '../../types';
-export type PopoverSizeProps = {
-    width?: Property.Width<string>;
-    height?: Property.Height<string>;
-    minWidth?: Property.MinWidth<string>;
-    minHeight?: Property.MinHeight<string>;
-    maxWidth?: Property.MaxWidth<string>;
-    maxHeight?: Property.MaxHeight<string>;
-};
-export type PopoverProps = BaseComponentPropsWithChildren<HTMLDivElement, {
-    /**Tittel. */
-    title?: string | ReactNode;
-    /** **OBS!** Propen settes automatisk av `<PopoverGroup />`. Spesifiserer om `<Popover />` skal vises. */
-    isOpen?: boolean;
-    /**Om lukkeknapp skal vises. */
-    withCloseButton?: boolean;
-    /** **OBS!** Propen settes automatisk av `<PopoverGroup />`. Anchor-elementet. */
-    anchorElement?: HTMLElement;
-    /**Spesifiserer hvor komponenten skal plasseres i forhold til anchor-elementet. */
-    placement?: Placement;
-    /**Avstand fra anchor-elementet i px. */
-    offset?: number;
-    /** Ekstra logikk kjørt når lukkeknappen trykkes. */
-    onCloseButtonClick?: () => void;
-    /** Ekstra logikk kjørt når popover mister fokus. */
-    onBlur?: () => void;
-    /**Custom størrelse. */
-    sizeProps?: PopoverSizeProps;
-    /** **OBS!** Propen settes automatisk av `<PopoverGroup />`. Funksjon kjørt ved lukking. */
-    onClose?: () => void;
-}>;
-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. */
-    isOpen?: boolean | undefined;
-    /**Om lukkeknapp skal vises. */
-    withCloseButton?: boolean | undefined;
-    /** **OBS!** Propen settes automatisk av `<PopoverGroup />`. Anchor-elementet. */
-    anchorElement?: HTMLElement | undefined;
-    /**Spesifiserer hvor komponenten skal plasseres i forhold til anchor-elementet. */
-    placement?: Placement | undefined;
-    /**Avstand fra anchor-elementet i px. */
-    offset?: number | undefined;
-    /** Ekstra logikk kjørt når lukkeknappen trykkes. */
-    onCloseButtonClick?: (() => void) | undefined;
-    /** Ekstra logikk kjørt når popover mister fokus. */
-    onBlur?: (() => void) | undefined;
-    /**Custom størrelse. */
-    sizeProps?: PopoverSizeProps | undefined;
-    /** **OBS!** Propen settes automatisk av `<PopoverGroup />`. Funksjon kjørt ved lukking. */
-    onClose?: (() => void) | undefined;
-} & {
-    children?: ReactNode;
-} & {
-    htmlProps?: import("react").HTMLAttributes<HTMLDivElement> | undefined;
-} & import("react").RefAttributes<HTMLDivElement>>;
+import { Property } from 'csstype';
+import { ReactNode } from 'react';
+import { Placement } from '../../hooks';
+import { BaseComponentPropsWithChildren } from '../../types';
+export type PopoverSizeProps = {
+    width?: Property.Width<string>;
+    height?: Property.Height<string>;
+    minWidth?: Property.MinWidth<string>;
+    minHeight?: Property.MinHeight<string>;
+    maxWidth?: Property.MaxWidth<string>;
+    maxHeight?: Property.MaxHeight<string>;
+};
+export type PopoverProps = BaseComponentPropsWithChildren<HTMLDivElement, {
+    /**Tittel. */
+    title?: string | ReactNode;
+    /** **OBS!** Propen settes automatisk av `<PopoverGroup />`. Spesifiserer om `<Popover />` skal vises. */
+    isOpen?: boolean;
+    /**Om lukkeknapp skal vises. */
+    withCloseButton?: boolean;
+    /** **OBS!** Propen settes automatisk av `<PopoverGroup />`. Anchor-elementet. */
+    anchorElement?: HTMLElement;
+    /**Spesifiserer hvor komponenten skal plasseres i forhold til anchor-elementet. */
+    placement?: Placement;
+    /**Avstand fra anchor-elementet i px. */
+    offset?: number;
+    /** Ekstra logikk kjørt når lukkeknappen trykkes. */
+    onCloseButtonClick?: () => void;
+    /** Ekstra logikk kjørt når popover mister fokus. */
+    onBlur?: () => void;
+    /**Custom størrelse. */
+    sizeProps?: PopoverSizeProps;
+    /** **OBS!** Propen settes automatisk av `<PopoverGroup />`. Funksjon kjørt ved lukking. */
+    onClose?: () => void;
+}>;
+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. */
+    isOpen?: boolean | undefined;
+    /**Om lukkeknapp skal vises. */
+    withCloseButton?: boolean | undefined;
+    /** **OBS!** Propen settes automatisk av `<PopoverGroup />`. Anchor-elementet. */
+    anchorElement?: HTMLElement | undefined;
+    /**Spesifiserer hvor komponenten skal plasseres i forhold til anchor-elementet. */
+    placement?: Placement | undefined;
+    /**Avstand fra anchor-elementet i px. */
+    offset?: number | undefined;
+    /** Ekstra logikk kjørt når lukkeknappen trykkes. */
+    onCloseButtonClick?: (() => void) | undefined;
+    /** Ekstra logikk kjørt når popover mister fokus. */
+    onBlur?: (() => void) | undefined;
+    /**Custom størrelse. */
+    sizeProps?: PopoverSizeProps | undefined;
+    /** **OBS!** Propen settes automatisk av `<PopoverGroup />`. Funksjon kjørt ved lukking. */
+    onClose?: (() => void) | undefined;
+} & {
+    children?: ReactNode;
+} & {
+    htmlProps?: import("react").HTMLAttributes<HTMLDivElement> | undefined;
+} & import("react").RefAttributes<HTMLDivElement>>;

package/dist/components/Popover/Popover.js

@@ -19,6 +19,15 @@ import { useReturnFocusOnBlur } from '../../hooks/useReturnFocusOnBlur.js';
 import { getBaseHTMLProps } from '../../types/BaseComponentProps.js';
 import { Button } from '../Button/Button.js';
 import { Typography } from '../Typography/Typography/Typography.js';
+import '../Typography/Label/Label.js';
+import '../Typography/Paragraph/Paragraph.js';
+import '../Typography/Heading/Heading.js';
+import '../Typography/Link/Link.js';
+import '../Typography/Legend/Legend.js';
+import '../Typography/Caption/Caption.js';
+import { popoverTokens } from './Popover.tokens.js';
+import '../../icons/utils/StyledSvg.js';
+import { CloseIcon } from '../../icons/tsx/close.js';
 import '../../helpers/Backdrop/Backdrop.js';
 import '../../helpers/Chevron/AnimatedChevronUpDown.styles.js';
 import '../../helpers/HiddenInput/HiddenInput.js';
@@ -27,10 +36,6 @@ import '../../helpers/Input/Input.tokens.js';
 import '../InputMessage/InputMessage.js';
 import { Paper } from '../../helpers/Paper/Paper.js';
 import '../../helpers/RequiredMarker/RequiredMarker.js';
-import '../Typography/Link/Link.js';
-import { popoverTokens } from './Popover.tokens.js';
-import '../../icons/utils/StyledSvg.js';
-import { CloseIcon } from '../../icons/tsx/close.js';
 
 var Spacing = ddsBaseTokens.spacing;
 var wrapper = popoverTokens.wrapper,
@@ -138,5 +143,6 @@ var Popover = /*#__PURE__*/forwardRef(function (props, ref) {
     })]
   })) : null;
 });
+Popover.displayName = 'Popover';
 
 export { Popover };