@norges-domstoler/dds-components 2.1.0 → 2.3.1

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

@@ -1,7 +1,9 @@
 import { HTMLAttributes } from 'react';
 export declare type BreadcrumbsProps = {
+    /** Spesifiserer om versjonen for små skjermer skal vises; den viser `<Breadcrumb />` kun til den forrige siden.  */
     smallScreen?: boolean;
 } & HTMLAttributes<HTMLElement>;
 export declare const Breadcrumbs: import("react").ForwardRefExoticComponent<{
+    /** Spesifiserer om versjonen for små skjermer skal vises; den viser `<Breadcrumb />` kun til den forrige siden.  */
     smallScreen?: boolean | undefined;
 } & HTMLAttributes<HTMLElement> & import("react").RefAttributes<HTMLElement>>;

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

@@ -0,0 +1,19 @@
+/// <reference types="react" />
+import { BreadcrumbsProps } from '.';
+declare const _default: {
+    title: string;
+    component: import("react").ForwardRefExoticComponent<{
+        smallScreen?: boolean | undefined;
+    } & import("react").HTMLAttributes<HTMLElement> & import("react").RefAttributes<HTMLElement>>;
+    argTypes: {
+        smallScreen: {
+            control: {
+                type: string;
+            };
+        };
+    };
+};
+export default _default;
+export declare const Overview: (args: BreadcrumbsProps) => JSX.Element;
+export declare const Default: (args: BreadcrumbsProps) => JSX.Element;
+export declare const SmallScreen: () => JSX.Element;

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

@@ -5,11 +5,9 @@ export declare const Button: import("react").ForwardRefExoticComponent<{
     purpose?: import("./Button.types").ButtonPurpose | undefined;
     iconPosition?: import("./Button.types").IconPosition | undefined;
     appearance?: import("./Button.types").ButtonAppearance | undefined;
-    href?: string | undefined;
-    target?: string | undefined;
     loading?: boolean | undefined;
-    className?: string | undefined;
-    style?: import("react").CSSProperties | undefined;
     Icon?: import("@mui/material/OverridableComponent").OverridableComponent<import("@mui/material").SvgIconTypeMap<Record<string, unknown>, "svg">> | undefined;
     fullWidth?: boolean | undefined;
+    href?: string | undefined;
+    target?: string | undefined;
 } & import("react").ButtonHTMLAttributes<HTMLButtonElement> & import("react").RefAttributes<HTMLButtonElement>>;

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

@@ -0,0 +1,56 @@
+/// <reference types="react" />
+import { ButtonProps } from '.';
+declare const _default: {
+    title: string;
+    component: import("react").ForwardRefExoticComponent<{
+        size?: import("./Button.types").ButtonSize | undefined;
+        label?: string | undefined;
+        purpose?: import("./Button.types").ButtonPurpose | undefined;
+        iconPosition?: import("./Button.types").IconPosition | undefined;
+        appearance?: import("./Button.types").ButtonAppearance | undefined;
+        loading?: boolean | undefined;
+        Icon?: import("@mui/material/OverridableComponent").OverridableComponent<import("@mui/material").SvgIconTypeMap<Record<string, unknown>, "svg">> | undefined;
+        fullWidth?: boolean | undefined;
+        href?: string | undefined;
+        target?: string | undefined;
+    } & import("react").ButtonHTMLAttributes<HTMLButtonElement> & import("react").RefAttributes<HTMLButtonElement>>;
+    argTypes: {
+        label: {
+            control: {
+                type: string;
+            };
+        };
+        loading: {
+            control: {
+                type: string;
+            };
+        };
+        fullWidth: {
+            control: {
+                type: string;
+            };
+        };
+        href: {
+            control: {
+                type: string;
+            };
+        };
+    };
+    parameters: {
+        controls: {
+            exclude: string[];
+        };
+    };
+};
+export default _default;
+export declare const OverviewWithText: (args: ButtonProps) => JSX.Element;
+export declare const OverviewJustIcon: (args: ButtonProps) => JSX.Element;
+export declare const OverviewSizes: (args: ButtonProps) => JSX.Element;
+export declare const OverviewLoading: (args: ButtonProps) => JSX.Element;
+export declare const OverviewFullWidth: (args: ButtonProps) => JSX.Element;
+export declare const Default: (args: ButtonProps) => JSX.Element;
+export declare const WithIcon: (args: ButtonProps) => JSX.Element;
+export declare const Icon: (args: ButtonProps) => JSX.Element;
+export declare const Ghost: (args: ButtonProps) => JSX.Element;
+export declare const Borderless: (args: ButtonProps) => JSX.Element;
+export declare const Rounded: (args: ButtonProps) => JSX.Element;

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

@@ -1,21 +1,29 @@
 import { SvgIconTypeMap } from '@mui/material/SvgIcon';
 import { OverridableComponent } from '@mui/material/OverridableComponent';
-import React, { ButtonHTMLAttributes } from 'react';
+import { ButtonHTMLAttributes } from 'react';
 export declare type ButtonPurpose = 'primary' | 'secondary' | 'danger';
 export declare type ButtonSize = 'tiny' | 'small' | 'medium' | 'large';
 export declare type ButtonAppearance = 'filled' | 'ghost' | 'rounded' | 'borderless';
 export declare type IconPosition = 'left' | 'right';
 export declare type ButtonProps = {
+    /**Størrelsen på knappen. */
     size?: ButtonSize;
+    /**Tekst i knappen. */
     label?: string;
+    /**Bestemmer farger basert på formål. */
     purpose?: ButtonPurpose;
+    /**	Posisjonen til ikonet i forhold til teksten.*/
     iconPosition?: IconPosition;
+    /**Bestemmer utseende på knappen, bl.a. bakgrunn, border radius og skygger.  */
     appearance?: ButtonAppearance;
-    href?: string;
-    target?: string;
+    /**Indikerer en loading-knapp. */
     loading?: boolean;
-    className?: string;
-    style?: React.CSSProperties;
+    /**Ikonet som ligger i knappen.  */
     Icon?: OverridableComponent<SvgIconTypeMap<Record<string, unknown>, 'svg'>>;
+    /**Knapp med full bredde. */
     fullWidth?: boolean;
+    /**URL for knapper som skal brukes som lenke. Knappen blir til et `<a>`-element. */
+    href?: string;
+    /**Nativt target-attributt som kan spesifiseres når knappen er et `<a>`-element.  */
+    target?: string;
 } & ButtonHTMLAttributes<HTMLButtonElement>;

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

@@ -2,8 +2,11 @@ import { AnchorHTMLAttributes, HTMLAttributes, RefObject } from 'react';
 export declare type CardColor = 'filledDark' | 'filledLight' | 'strokeDark' | 'strokeLight';
 export declare type CardType = 'info' | 'navigation' | 'expandable';
 export declare type InfoCardProps = {
+    /** Fargepalett i komponenten. */
     color?: CardColor;
+    /** Spesifiserer funksjonalitet og formål med komponenten. **OBS!** ved `'navigation'` må `href` oppgis. Ved `'expandable'` må alle `<Card />` grupperte sammen ligge egen `<div>` container. */
     cardType: 'info';
+    /** Referanse til komponenten. */
     cardRef?: RefObject<HTMLDivElement>;
 } & HTMLAttributes<HTMLDivElement>;
 export declare type NavigationCardProps = {

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

@@ -0,0 +1,11 @@
+/// <reference types="react" />
+import { CardProps, ExpandableCardProps } from '.';
+declare const _default: {
+    title: string;
+    component: (props: CardProps) => JSX.Element;
+};
+export default _default;
+export declare const Overview: () => JSX.Element;
+export declare const Default: (args: CardProps) => JSX.Element;
+export declare const Accordion: (args: ExpandableCardProps) => JSX.Element;
+export declare const Examples: (args: CardProps) => JSX.Element;

package/dist/{components → src/components}/Card/CardAccordion/CardAccordion.d.ts

@@ -1,7 +1,9 @@
 import { HTMLAttributes } from 'react';
 export declare type CardAccordionProps = {
+    /**Spesifiserer om body skal være utvidet ved innlastning. */
     isExpanded?: boolean;
 } & HTMLAttributes<HTMLDivElement>;
 export declare const CardAccordion: import("react").ForwardRefExoticComponent<{
+    /**Spesifiserer om body skal være utvidet ved innlastning. */
     isExpanded?: boolean | undefined;
 } & HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>;

package/dist/src/components/Card/CardAccordion/CardAccordionBody.d.ts

@@ -0,0 +1,18 @@
+import { HTMLAttributes } from 'react';
+import { Property } from 'csstype';
+export declare type CardAccordionBodyProps = {
+    /** **OBS!** denne propen blir satt automatisk av forelder. Forteller komponenten om den skal utvides.  */
+    isExpanded?: boolean;
+    /** **OBS!** denne propen blir satt automatisk av forelder. Forteller `id` til `<CardAccordionHeader />`.  */
+    headerId?: string;
+    /**Overskriver default padding på toppen. Brukes når barn har spacing på toppen, f.eks. en overskrift. */
+    paddingTop?: Property.PaddingTop<string>;
+} & HTMLAttributes<HTMLDivElement>;
+export declare const CardAccordionBody: import("react").ForwardRefExoticComponent<{
+    /** **OBS!** denne propen blir satt automatisk av forelder. Forteller komponenten om den skal utvides.  */
+    isExpanded?: boolean | undefined;
+    /** **OBS!** denne propen blir satt automatisk av forelder. Forteller `id` til `<CardAccordionHeader />`.  */
+    headerId?: string | undefined;
+    /**Overskriver default padding på toppen. Brukes når barn har spacing på toppen, f.eks. en overskrift. */
+    paddingTop?: Property.PaddingTop<string> | undefined;
+} & HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>;

package/dist/src/components/Card/CardAccordion/CardAccordionHeader.d.ts

@@ -0,0 +1,17 @@
+import { ButtonHTMLAttributes } from 'react';
+export declare type CardAccordionHeaderProps = {
+    /** **OBS!** denne propen blir satt automatisk av forelder. Forteller body er utvidet.  */
+    isExpanded?: boolean;
+    /** **OBS!** denne propen blir satt automatisk av forelder. Callback for å styre utvidelse og sammentrukking.  */
+    toggleExpanded?: () => void;
+    /** **OBS!** denne propen blir satt automatisk av forelder. Forteller `id` til `<CardAccordionBody />`.  */
+    bodyId?: string;
+} & ButtonHTMLAttributes<HTMLButtonElement>;
+export declare const CardAccordionHeader: import("react").ForwardRefExoticComponent<{
+    /** **OBS!** denne propen blir satt automatisk av forelder. Forteller body er utvidet.  */
+    isExpanded?: boolean | undefined;
+    /** **OBS!** denne propen blir satt automatisk av forelder. Callback for å styre utvidelse og sammentrukking.  */
+    toggleExpanded?: (() => void) | undefined;
+    /** **OBS!** denne propen blir satt automatisk av forelder. Forteller `id` til `<CardAccordionBody />`.  */
+    bodyId?: string | undefined;
+} & ButtonHTMLAttributes<HTMLButtonElement> & import("react").RefAttributes<HTMLButtonElement>>;

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

@@ -5,6 +5,4 @@ export declare const Checkbox: import("react").ForwardRefExoticComponent<{
     disabled?: boolean | undefined;
     readOnly?: boolean | undefined;
     indeterminate?: boolean | undefined;
-    className?: string | undefined;
-    style?: import("react").CSSProperties | undefined;
 } & import("react").InputHTMLAttributes<HTMLInputElement> & import("react").RefAttributes<HTMLInputElement>>;

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

@@ -0,0 +1,47 @@
+/// <reference types="react" />
+import { CheckboxProps } from '.';
+declare const _default: {
+    title: string;
+    component: import("react").ForwardRefExoticComponent<{
+        label?: string | undefined;
+        error?: boolean | undefined;
+        disabled?: boolean | undefined;
+        readOnly?: boolean | undefined;
+        indeterminate?: boolean | undefined;
+    } & import("react").InputHTMLAttributes<HTMLInputElement> & import("react").RefAttributes<HTMLInputElement>>;
+    argTypes: {
+        label: {
+            control: {
+                type: string;
+            };
+        };
+        error: {
+            control: {
+                type: string;
+            };
+        };
+        disabled: {
+            control: {
+                type: string;
+            };
+        };
+        readOnly: {
+            control: {
+                type: string;
+            };
+        };
+        indeterminate: {
+            control: {
+                type: string;
+            };
+        };
+    };
+    parameters: {
+        controls: {
+            exclude: string[];
+        };
+    };
+};
+export default _default;
+export declare const Overview: (args: CheckboxProps) => JSX.Element;
+export declare const Default: (args: CheckboxProps) => JSX.Element;

package/dist/src/components/Checkbox/Checkbox.types.d.ts

@@ -0,0 +1,13 @@
+import { InputHTMLAttributes } from 'react';
+export declare type CheckboxProps = {
+    /** Ledetekst for inputelementet. */
+    label?: string;
+    /**Indikererr ugyldig input, endrer styling. */
+    error?: boolean;
+    /** Setter disabled-tilstand for inputelementet. */
+    disabled?: boolean;
+    /**Inputelementet blir readOnly - den kan ikke interageres med. Brukes til å hente input brukeren har fylt ut andre steder. */
+    readOnly?: boolean;
+    /**Brukes ved nøstet struktur der alle Checkbox som hører til en gruppe kan bli valgt ved å trykke på en forelder Checkbox. Hvis enkelte <Checkbox /> blir valgt men ikke alle skal forelder <Checkbox /> få tilstanden indeterminate - verken checked eller ikke. */
+    indeterminate?: boolean;
+} & InputHTMLAttributes<HTMLInputElement>;

package/dist/src/components/Checkbox/CheckboxGroup.d.ts

@@ -0,0 +1,17 @@
+import { HTMLAttributes } from 'react';
+declare type Direction = 'column' | 'row';
+export declare type CheckboxGroupProps = {
+    /**Ledetekst for gruppen. */
+    label?: string;
+    /**Retningen barna gjengis i. */
+    direction?: Direction;
+    /**Custom id for for gruppen, knytter ledetekst til gruppen via `aria-label`. */
+    groupId?: string;
+    /**Meldingen som vises ved valideringsfeil. Sender error-tilstand til barna når det finnes  og setter `aria-describedby` for barna. */
+    errorMessage?: string;
+    tip?: string;
+    /**Indikerer at det er påkrevd å velge minst ett alternativ. Innebærer visuell endring. **OBS!** `required` må i tillegg gis til `<Checkbox />` manuelt. */
+    required?: boolean;
+} & HTMLAttributes<HTMLDivElement>;
+export declare const CheckboxGroup: ({ label, direction, errorMessage, tip, required, groupId, children, className, style, ...rest }: CheckboxGroupProps) => JSX.Element;
+export {};

package/dist/src/components/Checkbox/CheckboxGroup.stories.d.ts

@@ -0,0 +1,46 @@
+/// <reference types="react" />
+import { CheckboxGroupProps } from '.';
+declare const _default: {
+    title: string;
+    component: ({ label, direction, errorMessage, tip, required, groupId, children, className, style, ...rest }: CheckboxGroupProps) => JSX.Element;
+    argTypes: {
+        label: {
+            control: {
+                type: string;
+            };
+        };
+        errorMessage: {
+            control: {
+                type: string;
+            };
+        };
+        required: {
+            control: {
+                type: string;
+            };
+        };
+        disabled: {
+            control: {
+                type: string;
+            };
+        };
+        readOnly: {
+            control: {
+                type: string;
+            };
+        };
+        indeterminate: {
+            control: {
+                type: string;
+            };
+        };
+    };
+    parameters: {
+        controls: {
+            exclude: string[];
+        };
+    };
+};
+export default _default;
+export declare const Overview: (args: CheckboxGroupProps) => JSX.Element;
+export declare const Default: (args: CheckboxGroupProps) => JSX.Element;

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

@@ -1,10 +1,10 @@
 /// <reference types="react" />
-import { InputProps } from '../../helpers/Input';
-import * as CSS from 'csstype';
+import { InputProps } from '../../helpers';
+import { Property } from 'csstype';
 export declare type DatepickerProps = InputProps;
 export declare const Datepicker: import("react").ForwardRefExoticComponent<{
     label?: string | undefined;
-    width?: CSS.Property.Width<string> | undefined;
+    width?: Property.Width<string> | undefined;
     tip?: string | undefined;
     errorMessage?: string | undefined;
 } & import("react").InputHTMLAttributes<HTMLInputElement> & import("react").RefAttributes<HTMLInputElement>>;

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

@@ -0,0 +1,55 @@
+/// <reference types="react" />
+import { DatepickerProps } from '.';
+declare const _default: {
+    title: string;
+    component: import("react").ForwardRefExoticComponent<{
+        label?: string | undefined;
+        width?: import("csstype").Property.Width<string> | undefined;
+        tip?: string | undefined;
+        errorMessage?: string | undefined;
+    } & import("react").InputHTMLAttributes<HTMLInputElement> & import("react").RefAttributes<HTMLInputElement>>;
+    argTypes: {
+        label: {
+            control: {
+                type: string;
+            };
+        };
+        tip: {
+            control: {
+                type: string;
+            };
+        };
+        errorMessage: {
+            control: {
+                type: string;
+            };
+        };
+        width: {
+            control: {
+                type: string;
+            };
+        };
+        required: {
+            control: {
+                type: string;
+            };
+        };
+        disabled: {
+            control: {
+                type: string;
+            };
+        };
+        readOnly: {
+            control: {
+                type: string;
+            };
+        };
+    };
+};
+export default _default;
+export declare const OverviewDate: () => JSX.Element;
+export declare const OverviewDatetime: () => JSX.Element;
+export declare const Default: (args: DatepickerProps) => JSX.Element;
+export declare const WithLabel: (args: DatepickerProps) => JSX.Element;
+export declare const Datetime: (args: DatepickerProps) => JSX.Element;
+export declare const DatetimeWithLabel: (args: DatepickerProps) => JSX.Element;

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

@@ -1,8 +1,10 @@
 import { HTMLAttributes } from 'react';
 export declare type DescriptionListAppearance = 'small' | 'bold';
 export declare type DescriptionListProps = {
+    /**Påvirker tekst styling. */
     appearance?: DescriptionListAppearance;
 } & HTMLAttributes<HTMLDListElement>;
 export declare const DescriptionList: import("react").ForwardRefExoticComponent<{
+    /**Påvirker tekst styling. */
     appearance?: DescriptionListAppearance | undefined;
 } & HTMLAttributes<HTMLDListElement> & import("react").RefAttributes<HTMLDListElement>>;

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

@@ -0,0 +1,14 @@
+/// <reference types="react" />
+import { DescriptionListProps } from '.';
+declare const _default: {
+    title: string;
+    component: import("react").ForwardRefExoticComponent<{
+        appearance?: import("./DescriptionList").DescriptionListAppearance | undefined;
+    } & import("react").HTMLAttributes<HTMLDListElement> & import("react").RefAttributes<HTMLDListElement>>;
+};
+export default _default;
+export declare const Overview: () => JSX.Element;
+export declare const Default: (args: DescriptionListProps) => JSX.Element;
+export declare const Group: (args: DescriptionListProps) => JSX.Element;
+export declare const WithIcon: (args: DescriptionListProps) => JSX.Element;
+export declare const ColumnExample: (args: DescriptionListProps) => JSX.Element;

package/dist/{components → src/components}/DescriptionList/DescriptionListDesc.d.ts

@@ -2,8 +2,10 @@ import { HTMLAttributes } from 'react';
 import { OverridableComponent } from '@mui/material/OverridableComponent';
 import { SvgIconTypeMap } from '@mui/material';
 export declare type DescriptionListDescProps = {
+    /**Ikon som vises ved siden av teksten. */
     Icon?: OverridableComponent<SvgIconTypeMap<Record<string, unknown>, 'svg'>>;
 } & HTMLAttributes<HTMLElement>;
 export declare const DescriptionListDesc: import("react").ForwardRefExoticComponent<{
+    /**Ikon som vises ved siden av teksten. */
     Icon?: OverridableComponent<SvgIconTypeMap<Record<string, unknown>, "svg">> | undefined;
 } & HTMLAttributes<HTMLElement> & import("react").RefAttributes<HTMLElement>>;

package/dist/{components → src/components}/DescriptionList/DescriptionListGroup.d.ts

@@ -1,8 +1,10 @@
 import { HTMLAttributes } from 'react';
-import * as CSS from 'csstype';
+import { Property } from 'csstype';
 export declare type DescriptionListGroupProps = {
-    margin?: CSS.Property.Margin<string>;
+    /**Custom margin. */
+    margin?: Property.Margin<string>;
 } & HTMLAttributes<HTMLDivElement>;
 export declare const DescriptionListGroup: import("react").ForwardRefExoticComponent<{
-    margin?: CSS.Property.Margin<string> | undefined;
+    /**Custom margin. */
+    margin?: Property.Margin<string> | undefined;
 } & HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>;

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

@@ -1,8 +1,10 @@
 import { HTMLAttributes } from 'react';
 export declare type DividerColor = 'primary' | 'primaryLighter';
 export declare type DividerProps = {
+    /** Farge på horisontal linje. */
     color?: DividerColor;
 } & HTMLAttributes<HTMLHRElement>;
 export declare const Divider: import("react").ForwardRefExoticComponent<{
+    /** Farge på horisontal linje. */
     color?: DividerColor | undefined;
 } & HTMLAttributes<HTMLHRElement> & import("react").RefAttributes<HTMLHRElement>>;

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

@@ -0,0 +1,13 @@
+/// <reference types="react" />
+import { DividerProps } from '.';
+declare const _default: {
+    title: string;
+    component: import("react").ForwardRefExoticComponent<{
+        color?: import("./Divider").DividerColor | undefined;
+    } & import("react").HTMLAttributes<HTMLHRElement> & import("react").RefAttributes<HTMLHRElement>>;
+    argTypes: {};
+};
+export default _default;
+export declare const Overview: (args: DividerProps) => JSX.Element;
+export declare const Default: (args: DividerProps) => JSX.Element;
+export declare const Example: (args: DividerProps) => JSX.Element;

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

@@ -0,0 +1,45 @@
+import { HTMLAttributes, ReactNode, RefObject } from 'react';
+import { Property } from 'csstype';
+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 = {
+    /**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>;
+} & HTMLAttributes<HTMLDivElement>;
+export declare const Drawer: import("react").ForwardRefExoticComponent<{
+    /**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;
+} & HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>;

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

@@ -0,0 +1,20 @@
+/// <reference types="react" />
+import { DrawerProps } from '.';
+declare const _default: {
+    title: string;
+    component: import("react").ForwardRefExoticComponent<{
+        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;
+    } & import("react").HTMLAttributes<HTMLDivElement> & 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;