@norges-domstoler/dds-components 2.4.0 → 3.0.0

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

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

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

@@ -3,8 +3,13 @@ import { BreadcrumbsProps } from '.';
 declare const _default: {
     title: string;
     component: import("react").ForwardRefExoticComponent<{
+        id?: string | undefined;
+        htmlProps?: Omit<import("react").HTMLAttributes<HTMLElement>, "id"> | undefined;
+    } & {
         smallScreen?: boolean | undefined;
-    } & import("react").HTMLAttributes<HTMLElement> & import("react").RefAttributes<HTMLElement>>;
+    } & {
+        children?: import("react").ReactNode;
+    } & import("react").RefAttributes<HTMLElement>>;
     argTypes: {
         smallScreen: {
             control: {

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

@@ -1,5 +1,8 @@
 /// <reference types="react" />
 export declare const Button: import("react").ForwardRefExoticComponent<{
+    id?: string | undefined;
+    htmlProps?: Omit<Omit<import("react").ButtonHTMLAttributes<HTMLButtonElement>, "onClick" | "onFocus" | "onBlur">, "id"> | undefined;
+} & {
     size?: import("./Button.types").ButtonSize | undefined;
     label?: string | undefined;
     purpose?: import("./Button.types").ButtonPurpose | undefined;
@@ -10,4 +13,8 @@ export declare const Button: import("react").ForwardRefExoticComponent<{
     fullWidth?: boolean | undefined;
     href?: string | undefined;
     target?: string | undefined;
-} & import("react").ButtonHTMLAttributes<HTMLButtonElement> & import("react").RefAttributes<HTMLButtonElement>>;
+} & {
+    onClick?: import("react").MouseEventHandler<HTMLButtonElement> | undefined;
+    onFocus?: import("react").FocusEventHandler<HTMLButtonElement> | undefined;
+    onBlur?: import("react").FocusEventHandler<HTMLButtonElement> | undefined;
+} & import("react").RefAttributes<HTMLButtonElement>>;

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

@@ -3,6 +3,9 @@ import { ButtonProps } from '.';
 declare const _default: {
     title: string;
     component: import("react").ForwardRefExoticComponent<{
+        id?: string | undefined;
+        htmlProps?: Omit<Omit<import("react").ButtonHTMLAttributes<HTMLButtonElement>, "onFocus" | "onBlur" | "onClick">, "id"> | undefined;
+    } & {
         size?: import("./Button.types").ButtonSize | undefined;
         label?: string | undefined;
         purpose?: import("./Button.types").ButtonPurpose | undefined;
@@ -13,7 +16,11 @@ declare const _default: {
         fullWidth?: boolean | undefined;
         href?: string | undefined;
         target?: string | undefined;
-    } & import("react").ButtonHTMLAttributes<HTMLButtonElement> & import("react").RefAttributes<HTMLButtonElement>>;
+    } & {
+        onFocus?: import("react").FocusEventHandler<HTMLButtonElement> | undefined;
+        onBlur?: import("react").FocusEventHandler<HTMLButtonElement> | undefined;
+        onClick?: import("react").MouseEventHandler<HTMLButtonElement> | undefined;
+    } & import("react").RefAttributes<HTMLButtonElement>>;
     argTypes: {
         label: {
             control: {

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

@@ -1,11 +1,13 @@
 import { SvgIconTypeMap } from '@mui/material/SvgIcon';
 import { OverridableComponent } from '@mui/material/OverridableComponent';
 import { ButtonHTMLAttributes } from 'react';
+import { BaseComponentProps } from '../../types';
 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 = {
+declare type PickedHTMLAttributes = Pick<ButtonHTMLAttributes<HTMLButtonElement>, 'onClick' | 'onFocus' | 'onBlur'>;
+export declare type ButtonProps = BaseComponentProps<HTMLButtonElement, {
     /**Størrelsen på knappen. */
     size?: ButtonSize;
     /**Tekst i knappen. */
@@ -26,4 +28,5 @@ export declare type ButtonProps = {
     href?: string;
     /**Nativt target-attributt som kan spesifiseres når knappen er et `<a>`-element.  */
     target?: string;
-} & ButtonHTMLAttributes<HTMLButtonElement>;
+} & PickedHTMLAttributes, Omit<ButtonHTMLAttributes<HTMLButtonElement>, keyof PickedHTMLAttributes>>;
+export {};

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

@@ -1,23 +1,23 @@
-import { AnchorHTMLAttributes, HTMLAttributes, RefObject } from 'react';
+import { AnchorHTMLAttributes, RefObject } from 'react';
+import { BaseComponentPropsWithChildren } from '../../types';
 export declare type CardColor = 'filledDark' | 'filledLight' | 'strokeDark' | 'strokeLight';
 export declare type CardType = 'info' | 'navigation' | 'expandable';
-export declare type InfoCardProps = {
+declare type BaseCardProps<T extends HTMLElement> = BaseComponentPropsWithChildren<T, {
     /** Fargepalett i komponenten. */
     color?: CardColor;
+    /** Referanse til komponenten. */
+    cardRef?: RefObject<T>;
+}>;
+export declare type InfoCardProps = BaseCardProps<HTMLDivElement> & {
     /** 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 = {
-    color?: CardColor;
+};
+export declare type NavigationCardProps = BaseCardProps<HTMLAnchorElement> & {
     cardType: 'navigation';
-    cardRef?: RefObject<HTMLAnchorElement>;
-} & AnchorHTMLAttributes<HTMLAnchorElement>;
-export declare type ExpandableCardProps = {
-    color?: CardColor;
+} & Pick<AnchorHTMLAttributes<HTMLAnchorElement>, 'href' | 'target'>;
+export declare type ExpandableCardProps = BaseCardProps<HTMLDivElement> & {
     cardType: 'expandable';
-    cardRef?: RefObject<HTMLDivElement>;
-} & HTMLAttributes<HTMLDivElement>;
+};
 export declare type CardProps = InfoCardProps | NavigationCardProps | ExpandableCardProps;
 export declare const Card: (props: CardProps) => JSX.Element;
+export {};

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

@@ -0,0 +1,15 @@
+/// <reference types="react" />
+import { BaseComponentPropsWithChildren } from '../../../types';
+export declare type CardAccordionProps = BaseComponentPropsWithChildren<HTMLDivElement, {
+    /**Spesifiserer om body skal være utvidet ved innlastning. */
+    isExpanded?: boolean;
+}>;
+export declare const CardAccordion: import("react").ForwardRefExoticComponent<{
+    id?: string | undefined;
+    htmlProps?: Omit<import("react").HTMLAttributes<HTMLDivElement>, "id"> | undefined;
+} & {
+    /**Spesifiserer om body skal være utvidet ved innlastning. */
+    isExpanded?: boolean | undefined;
+} & {
+    children?: import("react").ReactNode;
+} & import("react").RefAttributes<HTMLDivElement>>;

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

@@ -1,18 +1,24 @@
-import { HTMLAttributes } from 'react';
+/// <reference types="react" />
 import { Property } from 'csstype';
-export declare type CardAccordionBodyProps = {
+import { BaseComponentPropsWithChildren } from '../../../types';
+export declare type CardAccordionBodyProps = BaseComponentPropsWithChildren<HTMLDivElement, {
     /** **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<{
+    id?: string | undefined;
+    htmlProps?: Omit<import("react").HTMLAttributes<HTMLDivElement>, "id"> | undefined;
+} & {
     /** **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>>;
+} & {
+    children?: import("react").ReactNode;
+} & import("react").RefAttributes<HTMLDivElement>>;

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

@@ -1,17 +1,23 @@
 import { ButtonHTMLAttributes } from 'react';
-export declare type CardAccordionHeaderProps = {
+import { BaseComponentPropsWithChildren } from '../../../types';
+export declare type CardAccordionHeaderProps = BaseComponentPropsWithChildren<HTMLButtonElement, {
     /** **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>;
+}, ButtonHTMLAttributes<HTMLButtonElement>>;
 export declare const CardAccordionHeader: import("react").ForwardRefExoticComponent<{
+    id?: string | undefined;
+    htmlProps?: Omit<ButtonHTMLAttributes<HTMLButtonElement>, "id"> | undefined;
+} & {
     /** **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>>;
+} & {
+    children?: import("react").ReactNode;
+} & import("react").RefAttributes<HTMLButtonElement>>;

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

@@ -0,0 +1,16 @@
+/// <reference types="react" />
+export declare const Checkbox: import("react").ForwardRefExoticComponent<{
+    id?: string | undefined;
+    htmlProps?: Omit<Omit<import("react").InputHTMLAttributes<HTMLInputElement>, "aria-describedby" | "name" | "checked" | "onChange">, "id"> | undefined;
+} & {
+    label?: string | undefined;
+    error?: boolean | undefined;
+    disabled?: boolean | undefined;
+    readOnly?: boolean | undefined;
+    indeterminate?: boolean | undefined;
+} & {
+    'aria-describedby'?: string | undefined;
+    name?: string | undefined;
+    checked?: boolean | undefined;
+    onChange?: import("react").ChangeEventHandler<HTMLInputElement> | undefined;
+} & import("react").RefAttributes<HTMLInputElement>>;

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

@@ -3,12 +3,20 @@ import { CheckboxProps } from '.';
 declare const _default: {
     title: string;
     component: import("react").ForwardRefExoticComponent<{
+        id?: string | undefined;
+        htmlProps?: Omit<Omit<import("react").InputHTMLAttributes<HTMLInputElement>, "aria-describedby" | "onChange" | "name" | "checked">, "id"> | undefined;
+    } & {
         label?: string | undefined;
         error?: boolean | undefined;
         disabled?: boolean | undefined;
         readOnly?: boolean | undefined;
         indeterminate?: boolean | undefined;
-    } & import("react").InputHTMLAttributes<HTMLInputElement> & import("react").RefAttributes<HTMLInputElement>>;
+    } & {
+        'aria-describedby'?: string | undefined;
+        onChange?: import("react").ChangeEventHandler<HTMLInputElement> | undefined;
+        name?: string | undefined;
+        checked?: boolean | undefined;
+    } & import("react").RefAttributes<HTMLInputElement>>;
     argTypes: {
         label: {
             control: {

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

@@ -1,5 +1,7 @@
 import { InputHTMLAttributes } from 'react';
-export declare type CheckboxProps = {
+import { BaseComponentProps } from '../../types';
+declare type PickedHTMLAttributes = Pick<InputHTMLAttributes<HTMLInputElement>, 'aria-describedby' | 'name' | 'checked' | 'onChange'>;
+export declare type CheckboxProps = BaseComponentProps<HTMLInputElement, {
     /** Ledetekst for inputelementet. */
     label?: string;
     /**Indikererr ugyldig input, endrer styling. */
@@ -10,4 +12,5 @@ export declare type CheckboxProps = {
     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>;
+} & PickedHTMLAttributes, Omit<InputHTMLAttributes<HTMLInputElement>, keyof PickedHTMLAttributes>>;
+export {};

package/dist/components/Chip/Chip.d.ts

@@ -0,0 +1,17 @@
+/// <reference types="react" />
+import { BaseComponentProps } from '../../types';
+export declare type ChipProps = BaseComponentProps<HTMLDivElement, {
+    /** Teksten som vises i komponenten. */
+    text?: string;
+    /** Ekstra logikk når `<Chip />` lukkes. */
+    onClose?: () => void;
+}>;
+export declare const Chip: import("react").ForwardRefExoticComponent<{
+    id?: string | undefined;
+    htmlProps?: Omit<import("react").HTMLAttributes<HTMLDivElement>, "id"> | undefined;
+} & {
+    /** Teksten som vises i komponenten. */
+    text?: string | undefined;
+    /** Ekstra logikk når `<Chip />` lukkes. */
+    onClose?: (() => void) | undefined;
+} & import("react").RefAttributes<HTMLDivElement>>;

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

@@ -0,0 +1,21 @@
+/// <reference types="react" />
+import { ChipProps } from '.';
+declare const _default: {
+    title: string;
+    component: import("react").ForwardRefExoticComponent<{
+        id?: string | undefined;
+        htmlProps?: Omit<import("react").HTMLAttributes<HTMLDivElement>, "id"> | undefined;
+    } & {
+        text?: string | undefined;
+        onClose?: (() => void) | undefined;
+    } & import("react").RefAttributes<HTMLDivElement>>;
+    argTypes: {
+        text: {
+            control: {
+                type: string;
+            };
+        };
+    };
+};
+export default _default;
+export declare const Default: (args: ChipProps) => JSX.Element;

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

@@ -0,0 +1,12 @@
+import { CSSObject } from 'styled-components';
+export declare const chipTokens: {
+    container: {
+        base: CSSObject;
+    };
+    group: {
+        base: CSSObject;
+    };
+    text: {
+        base: CSSObject;
+    };
+};

package/dist/components/Chip/ChipGroup.d.ts

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

package/dist/components/Chip/ChipGroup.stories.d.ts

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+import { ChipGroupProps } from '.';
+declare const _default: {
+    title: string;
+    component: import("react").ForwardRefExoticComponent<ChipGroupProps & import("react").RefAttributes<HTMLUListElement>>;
+};
+export default _default;
+export declare const Default: (args: ChipGroupProps) => JSX.Element;

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

@@ -0,0 +1,2 @@
+export * from './Chip';
+export * from './ChipGroup';

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

@@ -0,0 +1,16 @@
+/// <reference types="react" />
+import { BaseComponentPropsWithChildren } from '../../types';
+export declare type DescriptionListAppearance = 'small' | 'bold';
+export declare type DescriptionListProps = BaseComponentPropsWithChildren<HTMLDListElement, {
+    /**Påvirker tekst styling. */
+    appearance?: DescriptionListAppearance;
+}>;
+export declare const DescriptionList: import("react").ForwardRefExoticComponent<{
+    id?: string | undefined;
+    htmlProps?: Omit<import("react").HTMLAttributes<HTMLDListElement>, "id"> | undefined;
+} & {
+    /**Påvirker tekst styling. */
+    appearance?: DescriptionListAppearance | undefined;
+} & {
+    children?: import("react").ReactNode;
+} & import("react").RefAttributes<HTMLDListElement>>;

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

@@ -3,8 +3,13 @@ import { DescriptionListProps } from '.';
 declare const _default: {
     title: string;
     component: import("react").ForwardRefExoticComponent<{
+        id?: string | undefined;
+        htmlProps?: Omit<import("react").HTMLAttributes<HTMLDListElement>, "id"> | undefined;
+    } & {
         appearance?: import("./DescriptionList").DescriptionListAppearance | undefined;
-    } & import("react").HTMLAttributes<HTMLDListElement> & import("react").RefAttributes<HTMLDListElement>>;
+    } & {
+        children?: import("react").ReactNode;
+    } & import("react").RefAttributes<HTMLDListElement>>;
 };
 export default _default;
 export declare const Overview: () => JSX.Element;

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

@@ -1,11 +1,17 @@
-import { HTMLAttributes } from 'react';
+/// <reference types="react" />
 import { OverridableComponent } from '@mui/material/OverridableComponent';
 import { SvgIconTypeMap } from '@mui/material';
-export declare type DescriptionListDescProps = {
+import { BaseComponentPropsWithChildren } from '../../types';
+export declare type DescriptionListDescProps = BaseComponentPropsWithChildren<HTMLElement, {
     /**Ikon som vises ved siden av teksten. */
     Icon?: OverridableComponent<SvgIconTypeMap<Record<string, unknown>, 'svg'>>;
-} & HTMLAttributes<HTMLElement>;
+}>;
 export declare const DescriptionListDesc: import("react").ForwardRefExoticComponent<{
+    id?: string | undefined;
+    htmlProps?: Omit<import("react").HTMLAttributes<HTMLElement>, "id"> | undefined;
+} & {
     /**Ikon som vises ved siden av teksten. */
     Icon?: OverridableComponent<SvgIconTypeMap<Record<string, unknown>, "svg">> | undefined;
-} & HTMLAttributes<HTMLElement> & import("react").RefAttributes<HTMLElement>>;
+} & {
+    children?: import("react").ReactNode;
+} & import("react").RefAttributes<HTMLElement>>;

package/dist/components/DescriptionList/DescriptionListGroup.d.ts

@@ -0,0 +1,16 @@
+/// <reference types="react" />
+import { Property } from 'csstype';
+import { BaseComponentPropsWithChildren } from '../../types';
+export declare type DescriptionListGroupProps = BaseComponentPropsWithChildren<HTMLDivElement, {
+    /**Custom margin. */
+    margin?: Property.Margin<string>;
+}>;
+export declare const DescriptionListGroup: import("react").ForwardRefExoticComponent<{
+    id?: string | undefined;
+    htmlProps?: Omit<import("react").HTMLAttributes<HTMLDivElement>, "id"> | undefined;
+} & {
+    /**Custom margin. */
+    margin?: Property.Margin<string> | undefined;
+} & {
+    children?: import("react").ReactNode;
+} & import("react").RefAttributes<HTMLDivElement>>;

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

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

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

@@ -3,8 +3,11 @@ import { DividerProps } from '.';
 declare const _default: {
     title: string;
     component: import("react").ForwardRefExoticComponent<{
+        id?: string | undefined;
+        htmlProps?: Omit<import("react").HTMLAttributes<HTMLHRElement>, "id"> | undefined;
+    } & {
         color?: import("./Divider").DividerColor | undefined;
-    } & import("react").HTMLAttributes<HTMLHRElement> & import("react").RefAttributes<HTMLHRElement>>;
+    } & import("react").RefAttributes<HTMLHRElement>>;
     argTypes: {};
 };
 export default _default;

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

@@ -1,5 +1,6 @@
-import { HTMLAttributes, ReactNode, RefObject } from 'react';
+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 = {
@@ -7,7 +8,7 @@ export declare type WidthProps = {
     maxWidth?: Property.MaxWidth<string>;
     width?: Property.Width<string>;
 };
-export declare type DrawerProps = {
+export declare type DrawerProps = BaseComponentPropsWithChildren<HTMLDivElement, {
     /**Størrelsen på `<Drawer />`. */
     size?: DrawerSize;
     /** Plasseringen til `<Drawer />`. */
@@ -24,8 +25,11 @@ export declare type DrawerProps = {
     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<{
+    id?: string | undefined;
+    htmlProps?: Omit<import("react").HTMLAttributes<HTMLDivElement>, "id"> | undefined;
+} & {
     /**Størrelsen på `<Drawer />`. */
     size?: DrawerSize | undefined;
     /** Plasseringen til `<Drawer />`. */
@@ -42,4 +46,6 @@ export declare const Drawer: import("react").ForwardRefExoticComponent<{
     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>>;
+} & {
+    children?: ReactNode;
+} & import("react").RefAttributes<HTMLDivElement>>;

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

@@ -3,6 +3,9 @@ import { DrawerProps } from '.';
 declare const _default: {
     title: string;
     component: import("react").ForwardRefExoticComponent<{
+        id?: string | undefined;
+        htmlProps?: Omit<import("react").HTMLAttributes<HTMLDivElement>, "id"> | undefined;
+    } & {
         size?: import("./Drawer").DrawerSize | undefined;
         placement?: import("./Drawer").DrawerPlacement | undefined;
         header?: import("react").ReactNode;
@@ -11,7 +14,9 @@ declare const _default: {
         parentElement?: HTMLElement | undefined;
         widthProps?: import("./Drawer").WidthProps | undefined;
         triggerRef?: import("react").RefObject<HTMLElement> | undefined;
-    } & import("react").HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>;
+    } & {
+        children?: import("react").ReactNode;
+    } & import("react").RefAttributes<HTMLDivElement>>;
 };
 export default _default;
 export declare const OverviewPlacement: (args: DrawerProps) => JSX.Element;

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

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