@norges-domstoler/dds-components 4.0.2 → 4.2.0

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

@@ -0,0 +1,39 @@
+/// <reference types="react" />
+import { LocalMessageProps } from './LocalMessage';
+declare const _default: {
+    title: string;
+    component: import("react").ForwardRefExoticComponent<{
+        htmlProps?: import("react").HTMLAttributes<HTMLDivElement> | undefined;
+    } & Pick<import("react").HTMLAttributes<HTMLDivElement>, "id" | "className"> & {
+        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;
+    } & {
+        children?: import("react").ReactNode;
+    } & 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/cjs/components/LocalMessage/LocalMessage.tokens.d.ts

@@ -0,0 +1,100 @@
+import { CSSObject } from 'styled-components';
+import { Property } from 'csstype';
+export declare const localMessageTokens: {
+    container: {
+        base: CSSObject;
+        defaultWidth: Property.Width<string>;
+        info: {
+            base: CSSObject;
+        };
+        danger: {
+            base: CSSObject;
+        };
+        warning: {
+            base: CSSObject;
+        };
+        success: {
+            base: CSSObject;
+        };
+        tips: {
+            base: CSSObject;
+        };
+        confidential: {
+            base: CSSObject;
+        };
+    };
+    contentContainer: {
+        base: CSSObject;
+        withClosable: {
+            base: CSSObject;
+        };
+        vertical: {
+            base: CSSObject;
+        };
+    };
+    topContainer: {
+        base: CSSObject;
+        withClosable: {
+            base: CSSObject;
+        };
+    };
+    icon: {
+        marginRight: string;
+        info: {
+            icon: import("@mui/material/OverridableComponent").OverridableComponent<import("@mui/material").SvgIconTypeMap<{}, "svg">> & {
+                muiName: string;
+            };
+            color: string;
+        };
+        danger: {
+            icon: import("@mui/material/OverridableComponent").OverridableComponent<import("@mui/material").SvgIconTypeMap<{}, "svg">> & {
+                muiName: string;
+            };
+            color: string;
+        };
+        warning: {
+            icon: import("@mui/material/OverridableComponent").OverridableComponent<import("@mui/material").SvgIconTypeMap<{}, "svg">> & {
+                muiName: string;
+            };
+            color: string;
+        };
+        success: {
+            icon: import("@mui/material/OverridableComponent").OverridableComponent<import("@mui/material").SvgIconTypeMap<{}, "svg">> & {
+                muiName: string;
+            };
+            color: string;
+        };
+        tips: {
+            icon: import("@mui/material/OverridableComponent").OverridableComponent<import("@mui/material").SvgIconTypeMap<{}, "svg">> & {
+                muiName: string;
+            };
+            color: string;
+        };
+        confidential: {
+            icon: import("@mui/material/OverridableComponent").OverridableComponent<import("@mui/material").SvgIconTypeMap<{}, "svg">> & {
+                muiName: string;
+            };
+            color: string;
+        };
+    };
+    button: {
+        info: {
+            purpose: string;
+        };
+        danger: {
+            purpose: string;
+        };
+        warning: {
+            purpose: string;
+        };
+        success: {
+            purpose: string;
+        };
+        confidential: {
+            purpose: string;
+        };
+        tips: {
+            purpose: string;
+        };
+    };
+};

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

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

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

@@ -0,0 +1,30 @@
+import { ReactNode, RefObject } from 'react';
+import { BaseComponentPropsWithChildren } from '../../types';
+export declare type ModalProps = BaseComponentPropsWithChildren<HTMLDivElement, {
+    /**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>;
+}>;
+export declare const Modal: import("react").ForwardRefExoticComponent<{
+    htmlProps?: import("react").HTMLAttributes<HTMLDivElement> | undefined;
+} & Pick<import("react").HTMLAttributes<HTMLDivElement>, "className" | "id"> & {
+    /**Spesifiserer om modal skal vises. */
+    isOpen?: boolean | undefined;
+    /**Funksjon kjørt ved lukking; Settes hvis modal skal være lukkbar. Legger en lukkeknapp i hjørnet og kjøres ved Esc-trykk, lukkeknappklikk og museklikk utenfor. */
+    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;
+} & {
+    children?: ReactNode;
+} & import("react").RefAttributes<HTMLDivElement>>;

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

@@ -0,0 +1,28 @@
+/// <reference types="react" />
+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"> & {
+        isOpen?: boolean | undefined;
+        onClose?: (() => void) | undefined;
+        parentElement?: HTMLElement | undefined;
+        header?: import("react").ReactNode;
+        triggerRef?: import("react").RefObject<HTMLElement> | undefined;
+    } & {
+        children?: import("react").ReactNode;
+    } & 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/cjs/components/Modal/Modal.tokens.d.ts

@@ -0,0 +1,19 @@
+import { CSSObject } from 'styled-components';
+export declare const modalTokens: {
+    base: CSSObject;
+    focus: {
+        base: CSSObject;
+    };
+    contentContainer: {
+        base: CSSObject;
+    };
+    actionsContainer: {
+        base: CSSObject;
+    };
+    bodyScrollable: {
+        base: CSSObject;
+        focus: {
+            base: CSSObject;
+        };
+    };
+};

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

@@ -0,0 +1,3 @@
+import { HTMLAttributes } from 'react';
+export declare type ModalActionsProps = HTMLAttributes<HTMLDivElement>;
+export declare const ModalActions: import("react").ForwardRefExoticComponent<ModalActionsProps & import("react").RefAttributes<HTMLDivElement>>;

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

@@ -0,0 +1,14 @@
+/// <reference types="react" />
+import { BaseComponentPropsWithChildren } from '../../types';
+export declare type ModalBodyProps = BaseComponentPropsWithChildren<HTMLDivElement, {
+    /**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;
+}>;
+export declare const ModalBody: import("react").ForwardRefExoticComponent<{
+    htmlProps?: import("react").HTMLAttributes<HTMLDivElement> | undefined;
+} & Pick<import("react").HTMLAttributes<HTMLDivElement>, "className" | "id"> & {
+    /**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;
+} & {
+    children?: import("react").ReactNode;
+} & import("react").RefAttributes<HTMLDivElement>>;

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

@@ -0,0 +1,3 @@
+export * from './Modal';
+export * from './ModalBody';
+export * from './ModalActions';

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

@@ -0,0 +1,23 @@
+/// <reference types="react" />
+import { OverflowMenuContextItem, OverflowMenuNavItem } from '.';
+declare type ContainerProps = {
+    isOpen: boolean;
+};
+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"> & {
+    items?: OverflowMenuContextItem[] | undefined;
+    userProps?: ({
+        name: string;
+        href?: string | undefined;
+    } & (import("react").AnchorHTMLAttributes<HTMLAnchorElement> | import("react").ButtonHTMLAttributes<HTMLButtonElement>)) | undefined;
+    navItems?: OverflowMenuNavItem[] | undefined;
+    isOpen?: boolean | undefined;
+    onClose?: (() => void) | undefined;
+    anchorRef?: import("react").RefObject<HTMLButtonElement> | undefined;
+    placement?: import("../../hooks").Placement | undefined;
+    offset?: number | undefined;
+} & import("react").RefAttributes<HTMLDivElement>>;
+export {};

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

@@ -0,0 +1,26 @@
+/// <reference types="react" />
+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"> & {
+        items?: OverflowMenuContextItem[] | undefined;
+        userProps?: ({
+            name: string;
+            href?: string | undefined;
+        } & (import("react").AnchorHTMLAttributes<HTMLAnchorElement> | import("react").ButtonHTMLAttributes<HTMLButtonElement>)) | undefined;
+        navItems?: OverflowMenuNavItem[] | undefined;
+        isOpen?: boolean | undefined;
+        onClose?: (() => void) | undefined;
+        anchorRef?: import("react").RefObject<HTMLButtonElement> | undefined;
+        placement?: import("../../hooks").Placement | undefined;
+        offset?: number | undefined;
+    } & 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/cjs/components/OverflowMenu/OverflowMenu.tokens.d.ts

@@ -0,0 +1,22 @@
+import { CSSObject } from 'styled-components';
+export declare const overflowMenuTokens: {
+    container: {
+        base: CSSObject;
+    };
+    link: {
+        base: CSSObject;
+        active: {
+            base: CSSObject;
+        };
+        hover: {
+            base: CSSObject;
+        };
+        focus: {
+            base: CSSObject;
+        };
+    };
+    divider: {
+        base: CSSObject;
+    };
+    offset: number;
+};

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

@@ -0,0 +1,36 @@
+import { SvgIconTypeMap } from '@mui/material';
+import { OverridableComponent } from '@mui/material/OverridableComponent';
+import { Placement } from '../../hooks/useFloatPosition';
+import { AnchorHTMLAttributes, ButtonHTMLAttributes, RefObject } from 'react';
+import { BaseComponentProps } from '../../types';
+export declare type OverflowMenuContextItem = {
+    title: string;
+    Icon?: OverridableComponent<SvgIconTypeMap<Record<string, unknown>, 'svg'>>;
+} & (AnchorHTMLAttributes<HTMLAnchorElement> | ButtonHTMLAttributes<HTMLButtonElement>);
+export declare type OverflowMenuNavItem = {
+    title: string;
+    Icon?: OverridableComponent<SvgIconTypeMap<Record<string, unknown>, 'svg'>>;
+} & AnchorHTMLAttributes<HTMLAnchorElement>;
+declare type UserProps = {
+    name: string;
+    href?: string;
+} & (AnchorHTMLAttributes<HTMLAnchorElement> | ButtonHTMLAttributes<HTMLButtonElement>);
+export declare 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;
+    /**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/cjs/components/OverflowMenu/OverflowMenuGroup.d.ts

@@ -0,0 +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/cjs/components/OverflowMenu/OverflowMenuItem.d.ts

@@ -0,0 +1,24 @@
+import React, { AnchorHTMLAttributes, ButtonHTMLAttributes, Dispatch, SetStateAction } from 'react';
+import { OverridableComponent } from '@mui/material/OverridableComponent';
+import { SvgIconTypeMap } from '@mui/material/SvgIcon';
+import { IconWrapper } from '../IconWrapper';
+import { BaseComponentProps } from '../../types';
+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>;
+declare type BaseOverflowMenuItemProps = {
+    title: string;
+    Icon?: OverridableComponent<SvgIconTypeMap<Record<string, unknown>, 'svg'>>;
+    focus?: boolean;
+    setFocus?: Dispatch<SetStateAction<number>>;
+    index?: number;
+    isMenuClosed?: boolean;
+};
+declare type AnchorOverflowMenuItemProps = BaseOverflowMenuItemProps & BaseComponentProps<HTMLAnchorElement, {
+    href?: string;
+}, AnchorHTMLAttributes<HTMLAnchorElement>>;
+declare type ButtonOverflowMenuItemProps = BaseOverflowMenuItemProps & BaseComponentProps<HTMLButtonElement, Pick<ButtonHTMLAttributes<HTMLButtonElement>, 'onClick'>, ButtonHTMLAttributes<HTMLButtonElement>>;
+declare type OtherOverflowMenuItemProps = BaseOverflowMenuItemProps & BaseComponentProps<HTMLSpanElement>;
+export declare type OverflowMenuItemProps = AnchorOverflowMenuItemProps | ButtonOverflowMenuItemProps | OtherOverflowMenuItemProps;
+export declare const OverflowMenuItem: React.ForwardRefExoticComponent<(AnchorOverflowMenuItemProps | ButtonOverflowMenuItemProps | Pick<OtherOverflowMenuItemProps, string>) & React.RefAttributes<HTMLAnchorElement>>;
+export {};

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

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

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

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

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

@@ -0,0 +1,48 @@
+/// <reference types="react" />
+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"> & {
+        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;
+    } & 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;

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

@@ -0,0 +1,15 @@
+import { CSSObject } from 'styled-components';
+export declare const paginationTokens: {
+    container: {
+        spaceBetweenItems: string;
+    };
+    indicatorsContainer: {
+        spacing: string;
+    };
+    list: {
+        base: CSSObject;
+    };
+    paginationItem: {
+        spacing: string;
+    };
+};

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

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

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

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

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

@@ -0,0 +1,56 @@
+import { Property } from 'csstype';
+import { ReactNode } from 'react';
+import { Placement } from '../../hooks';
+import { BaseComponentPropsWithChildren } from '../../types';
+export declare 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 declare 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 lukkeknappen mister fokus. */
+    onCloseButtonBlur?: () => void;
+    /**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"> & {
+    /**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 lukkeknappen mister fokus. */
+    onCloseButtonBlur?: (() => void) | undefined;
+    /**Custom størrelse. */
+    sizeProps?: PopoverSizeProps | undefined;
+} & {
+    children?: ReactNode;
+} & import("react").RefAttributes<HTMLDivElement>>;

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

@@ -0,0 +1,54 @@
+/// <reference types="react" />
+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"> & {
+        title?: import("react").ReactNode;
+        isOpen?: boolean | undefined;
+        withCloseButton?: boolean | undefined;
+        anchorElement?: HTMLElement | undefined;
+        placement?: Placement | undefined;
+        offset?: number | undefined;
+        onCloseButtonClick?: (() => void) | undefined;
+        onCloseButtonBlur?: (() => void) | undefined;
+        sizeProps?: import("./Popover").PopoverSizeProps | undefined;
+    } & {
+        children?: import("react").ReactNode;
+    } & import("react").RefAttributes<HTMLDivElement>>;
+    argTypes: {
+        withCloseButton: {
+            control: {
+                type: string;
+            };
+        };
+        placement: {
+            control: {
+                type: string;
+            };
+        };
+        title: {
+            control: {
+                type: string;
+            };
+        };
+        offset: {
+            control: {
+                type: string;
+            };
+        };
+    };
+    parameters: {
+        controls: {
+            exclude: string[];
+        };
+    };
+};
+export default _default;
+export declare const ContentOverview: (args: PopoverProps) => JSX.Element;
+export declare const PlacementOverview: () => JSX.Element;
+export declare const Default: (args: PopoverProps) => JSX.Element;
+export declare const Overflow: (args: PopoverProps) => JSX.Element;
+export declare const InlineExample: (args: PopoverProps) => JSX.Element;