@norges-domstoler/dds-components 4.0.2 → 4.2.0

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

@@ -0,0 +1,50 @@
+import { ReactNode, RefObject } from 'react';
+import { Property } from 'csstype';
+import { BaseComponentPropsWithChildren } from '../../types';
+export declare type DrawerSize = 'small' | 'large';
+export declare type DrawerPlacement = 'left' | 'right';
+export declare type WidthProps = {
+    minWidth?: Property.MinWidth<string>;
+    maxWidth?: Property.MaxWidth<string>;
+    width?: Property.Width<string>;
+};
+export declare type DrawerProps = BaseComponentPropsWithChildren<HTMLDivElement, {
+    /**Størrelsen på `<Drawer />`. */
+    size?: DrawerSize;
+    /** Plasseringen til `<Drawer />`. */
+    placement?: DrawerPlacement;
+    /**Header for `<Drawer />`. Har default styling hvis verdien er en string. */
+    header?: string | ReactNode;
+    /**Spesifiserer om `<Drawer />` skal legges vises. **OBS!** nødvendig kun hvis `<DrawerGroup />` ikke er i bruk. */
+    isOpen?: boolean;
+    /**Funksjon kjørt ved lukking. **OBS!** nødvendig kun hvis `<DrawerGroup />` ikke er i bruk. */
+    onClose?: () => void;
+    /**Spesifiserer hvilken DOM node `<Drawer />` skal ha som forelder via React portal. Brukes med f.eks `document.getElementById("id")` (skaper ikke ny DOM node). */
+    parentElement?: HTMLElement;
+    /**Custom props for breddehåndtering ved behov. */
+    widthProps?: WidthProps;
+    /**Ref til elementet som åpner `<Drawer />`.  **OBS!** nødvendig kun hvis `<DrawerGroup />` ikke er i bruk. */
+    triggerRef?: RefObject<HTMLElement>;
+}>;
+export declare const Drawer: import("react").ForwardRefExoticComponent<{
+    htmlProps?: import("react").HTMLAttributes<HTMLDivElement> | undefined;
+} & Pick<import("react").HTMLAttributes<HTMLDivElement>, "className" | "id"> & {
+    /**Størrelsen på `<Drawer />`. */
+    size?: DrawerSize | undefined;
+    /** Plasseringen til `<Drawer />`. */
+    placement?: DrawerPlacement | undefined;
+    /**Header for `<Drawer />`. Har default styling hvis verdien er en string. */
+    header?: string | ReactNode;
+    /**Spesifiserer om `<Drawer />` skal legges vises. **OBS!** nødvendig kun hvis `<DrawerGroup />` ikke er i bruk. */
+    isOpen?: boolean | undefined;
+    /**Funksjon kjørt ved lukking. **OBS!** nødvendig kun hvis `<DrawerGroup />` ikke er i bruk. */
+    onClose?: (() => void) | undefined;
+    /**Spesifiserer hvilken DOM node `<Drawer />` skal ha som forelder via React portal. Brukes med f.eks `document.getElementById("id")` (skaper ikke ny DOM node). */
+    parentElement?: HTMLElement | undefined;
+    /**Custom props for breddehåndtering ved behov. */
+    widthProps?: WidthProps | undefined;
+    /**Ref til elementet som åpner `<Drawer />`.  **OBS!** nødvendig kun hvis `<DrawerGroup />` ikke er i bruk. */
+    triggerRef?: RefObject<HTMLElement> | undefined;
+} & {
+    children?: ReactNode;
+} & import("react").RefAttributes<HTMLDivElement>>;

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

@@ -0,0 +1,24 @@
+/// <reference types="react" />
+import { DrawerProps } from '.';
+declare const _default: {
+    title: string;
+    component: import("react").ForwardRefExoticComponent<{
+        htmlProps?: import("react").HTMLAttributes<HTMLDivElement> | undefined;
+    } & Pick<import("react").HTMLAttributes<HTMLDivElement>, "id" | "className"> & {
+        size?: import("./Drawer").DrawerSize | undefined;
+        placement?: import("./Drawer").DrawerPlacement | undefined;
+        header?: import("react").ReactNode;
+        isOpen?: boolean | undefined;
+        onClose?: (() => void) | undefined;
+        parentElement?: HTMLElement | undefined;
+        widthProps?: import("./Drawer").WidthProps | undefined;
+        triggerRef?: import("react").RefObject<HTMLElement> | undefined;
+    } & {
+        children?: import("react").ReactNode;
+    } & import("react").RefAttributes<HTMLDivElement>>;
+};
+export default _default;
+export declare const OverviewPlacement: (args: DrawerProps) => JSX.Element;
+export declare const OverviewSizes: (args: DrawerProps) => JSX.Element;
+export declare const Default: (args: DrawerProps) => JSX.Element;
+export declare const LongContent: (args: DrawerProps) => JSX.Element;

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

@@ -0,0 +1,17 @@
+import { CSSObject } from 'styled-components';
+export declare const drawerTokens: {
+    container: {
+        base: CSSObject;
+        size: {
+            large: {
+                base: CSSObject;
+            };
+            small: {
+                base: CSSObject;
+            };
+        };
+    };
+    contentContainer: {
+        base: CSSObject;
+    };
+};

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

@@ -0,0 +1,13 @@
+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;
+export {};

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

@@ -0,0 +1,2 @@
+export * from './Drawer';
+export * from './DrawerGroup';

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

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

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

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

@@ -0,0 +1,53 @@
+import { CSSObject } from 'styled-components';
+export declare const globalMessageTokens: {
+    container: {
+        base: CSSObject;
+        info: {
+            base: CSSObject;
+        };
+        danger: {
+            base: CSSObject;
+        };
+        warning: {
+            base: CSSObject;
+        };
+    };
+    contentContainer: {
+        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;
+        };
+    };
+    button: {
+        info: {
+            purpose: string;
+        };
+        danger: {
+            purpose: string;
+        };
+        warning: {
+            purpose: string;
+        };
+    };
+};

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

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

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

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

package/dist/cjs/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/cjs/components/IconWrapper/index.d.ts

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

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

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

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

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

@@ -0,0 +1,14 @@
+import { CSSObject } from 'styled-components';
+export declare const inputMessageTokens: {
+    padding: string;
+    base: CSSObject;
+    tip: {
+        base: CSSObject;
+    };
+    error: {
+        base: CSSObject;
+    };
+    icon: {
+        spaceRight: string;
+    };
+};

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

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

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

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import { InternalHeaderProps } from './InternalHeader.types';
+export declare const InternalHeader: (props: InternalHeaderProps) => JSX.Element;

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

@@ -0,0 +1,40 @@
+/// <reference types="react" />
+import { InternalHeaderProps } from '.';
+declare const _default: {
+    title: string;
+    component: (props: 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/cjs/components/InternalHeader/InternalHeader.styles.d.ts

@@ -0,0 +1,30 @@
+/// <reference types="react" />
+import { InternalHeaderProps } from './InternalHeader.types';
+export declare const Wrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
+declare type BannerProps = {
+    hasContextMenu?: boolean;
+};
+export declare const BannerWrapper: import("styled-components").StyledComponent<"div", any, BannerProps, never>;
+export declare const BannerLeftWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const ApplicationNameWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const LovisaWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const Navigation: import("styled-components").StyledComponent<"nav", any, {}, never>;
+declare type NavListProps = Pick<InternalHeaderProps, 'smallScreen'>;
+export declare const NavigationList: import("styled-components").StyledComponent<"ul", any, NavListProps, never>;
+export declare const ContextMenuGroup: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const StyledOverflowMenu: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<{
+    htmlProps?: import("react").HTMLAttributes<HTMLDivElement> | undefined;
+} & Pick<import("react").HTMLAttributes<HTMLDivElement>, "className" | "id"> & {
+    items?: import("../OverflowMenu").OverflowMenuContextItem[] | undefined;
+    userProps?: ({
+        name: string;
+        href?: string | undefined;
+    } & (import("react").AnchorHTMLAttributes<HTMLAnchorElement> | import("react").ButtonHTMLAttributes<HTMLButtonElement>)) | undefined;
+    navItems?: import("../OverflowMenu").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>>, any, {}, never>;
+export {};

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

@@ -0,0 +1,40 @@
+import { CSSObject } from 'styled-components';
+export declare const internalHeaderTokens: {
+    wrapper: {
+        base: CSSObject;
+    };
+    applicationNameWrapper: {
+        base: CSSObject;
+    };
+    lovisaWrapper: {
+        base: CSSObject;
+    };
+    banner: {
+        base: CSSObject;
+        contextMenuSpacing: string;
+    };
+    bannerLeft: {
+        base: CSSObject;
+    };
+    navigation: {
+        base: CSSObject;
+    };
+    navigationLink: {
+        base: CSSObject;
+        hover: {
+            base: CSSObject;
+        };
+        active: {
+            base: CSSObject;
+        };
+        focus: {
+            base: CSSObject;
+        };
+        current: {
+            base: CSSObject;
+        };
+    };
+    contextGroup: {
+        base: CSSObject;
+    };
+};

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

@@ -0,0 +1,35 @@
+import { OverridableComponent } from '@mui/material/OverridableComponent';
+import { SvgIconTypeMap } from '@mui/material/SvgIcon';
+import { AnchorHTMLAttributes, ButtonHTMLAttributes } from 'react';
+import { BaseComponentProps } from '../../types';
+declare type NavigationLinkProps = {
+    href: string;
+    title: string;
+} & AnchorHTMLAttributes<HTMLAnchorElement>;
+declare type ContextMenuElementProps = {
+    title: string;
+    href?: string;
+    Icon?: OverridableComponent<SvgIconTypeMap<Record<string, unknown>, 'svg'>>;
+    onClick?: () => void;
+} & (AnchorHTMLAttributes<HTMLAnchorElement> | ButtonHTMLAttributes<HTMLButtonElement>);
+declare type InternaHeaderUserProps = {
+    name: string;
+    href?: string;
+};
+export declare type InternalHeaderProps = BaseComponentProps<HTMLDivElement, {
+    /**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;
+}>;
+export {};

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

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

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

@@ -0,0 +1,14 @@
+import { AnchorHTMLAttributes } from 'react';
+declare type LinkProps = {
+    isCurrent?: boolean;
+};
+export declare const Link: import("styled-components").StyledComponent<"a", any, LinkProps, never>;
+export declare type NavigationItemProps = {
+    title: string;
+    isCurrent?: boolean;
+} & AnchorHTMLAttributes<HTMLAnchorElement>;
+export declare const NavigationItem: import("react").ForwardRefExoticComponent<{
+    title: string;
+    isCurrent?: boolean | undefined;
+} & AnchorHTMLAttributes<HTMLAnchorElement> & import("react").RefAttributes<HTMLAnchorElement>>;
+export {};

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

@@ -0,0 +1,2 @@
+export * from './InternalHeader';
+export * from './InternalHeader.types';

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

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

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

@@ -0,0 +1,18 @@
+/// <reference types="react" />
+import { ListProps } from '.';
+declare const _default: {
+    title: string;
+    component: import("react").ForwardRefExoticComponent<{
+        htmlProps?: import("react").HTMLAttributes<HTMLOListElement | HTMLUListElement> | undefined;
+    } & Pick<import("react").HTMLAttributes<HTMLOListElement | HTMLUListElement>, "id" | "className"> & {
+        listType?: import("./List").ListType | undefined;
+        typographyType?: import("./List").ListTypographyType | undefined;
+    } & {
+        children?: import("react").ReactNode;
+    } & 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/cjs/components/List/List.tokens.d.ts

@@ -0,0 +1,16 @@
+import { CSSObject } from 'styled-components';
+export declare const listTokens: {
+    base: CSSObject;
+    spaceLeft: string;
+    sizes: {
+        bodySans01: CSSObject;
+        bodySans02: CSSObject;
+        bodySans03: CSSObject;
+        bodySans04: CSSObject;
+        bodySerif01: CSSObject;
+        bodySerif02: CSSObject;
+        bodySerif03: CSSObject;
+        bodySerif04: CSSObject;
+        inherit: CSSObject;
+    };
+};

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

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

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

@@ -0,0 +1,5 @@
+import { CSSObject } from 'styled-components';
+export declare const listItemTokens: {
+    base: CSSObject;
+    bulletSpacing: string;
+};

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

@@ -0,0 +1,2 @@
+export * from './List';
+export * from './ListItem';

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

@@ -0,0 +1,37 @@
+/// <reference types="react" />
+import { Property } from 'csstype';
+import { BaseComponentPropsWithChildren } from '../../types';
+export declare type LocalMessagePurpose = 'info' | 'warning' | 'danger' | 'confidential' | 'success' | 'tips';
+export declare type LocalMessageLayout = 'horisontal' | 'vertical';
+export declare type LocalMessageProps = BaseComponentPropsWithChildren<HTMLDivElement, {
+    /**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>;
+}>;
+export declare const LocalMessage: import("react").ForwardRefExoticComponent<{
+    htmlProps?: import("react").HTMLAttributes<HTMLDivElement> | undefined;
+} & Pick<import("react").HTMLAttributes<HTMLDivElement>, "id" | "className"> & {
+    /**Meldingen som vises til brukeren. Brukes kun når meldingen er string. */
+    message?: string | undefined;
+    /**Formålet med meldingen. Påvirker styling. */
+    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;
+} & {
+    children?: import("react").ReactNode;
+} & import("react").RefAttributes<HTMLDivElement>>;