@norges-domstoler/dds-components 2.0.0 → 2.3.0

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/{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/{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/{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 * as CSS 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?: CSS.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?: CSS.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.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/{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/{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';
 export declare type DescriptionListGroupProps = {
+    /**Custom margin. */
     margin?: CSS.Property.Margin<string>;
 } & HTMLAttributes<HTMLDivElement>;
 export declare const DescriptionListGroup: import("react").ForwardRefExoticComponent<{
+    /**Custom margin. */
     margin?: CSS.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/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/{components → src/components}/Drawer/DrawerGroup.d.ts

@@ -1,8 +1,12 @@
 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;

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

@@ -1,14 +1,22 @@
 import { HTMLAttributes } from 'react';
 export declare type GlobalMessagePurpose = 'info' | 'warning' | 'danger';
 export declare type GlobalMessageProps = {
+    /**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;
 } & HTMLAttributes<HTMLDivElement>;
 export declare const GlobalMessage: import("react").ForwardRefExoticComponent<{
+    /**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;
 } & HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>;

package/dist/{helpers → src/components}/IconWrapper/IconWrapper.d.ts

@@ -4,8 +4,11 @@ import { HTMLAttributes } from 'react';
 import * as CSS from 'csstype';
 export declare type IconSize = 'small' | 'medium' | 'large' | 'inline';
 export declare type IconWrapperProps = {
+    /**Ikon. */
     Icon: OverridableComponent<SvgIconTypeMap<Record<string, unknown>, 'svg'>>;
+    /**Størrelsen til ikonet. */
     iconSize?: IconSize;
+    /**Fargen til ikonet. */
     color?: CSS.Property.Color;
 } & HTMLAttributes<SVGElement>;
 export declare function IconWrapper({ Icon, iconSize, color, className, style, ...rest }: IconWrapperProps): JSX.Element;

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

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

package/dist/{helpers → src/components}/InputMessage/InputMessage.tokens.d.ts

@@ -1,9 +1,7 @@
 import { CSSObject } from 'styled-components';
-import * as CSS from 'csstype';
 export declare const inputMessageTokens: {
     padding: string;
     base: CSSObject;
-    defaultMaxWidth: CSS.Property.MaxWidth<string>;
     tip: {
         base: CSSObject;
     };

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

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

package/dist/{components → src/components}/InternalHeader/InternalHeader.styles.d.ts

@@ -13,13 +13,13 @@ 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<{
+    items?: import("../OverflowMenu").OverflowMenuContextItem[] | undefined;
+    userProps?: import("../OverflowMenu").UserProps | undefined;
+    navItems?: import("../OverflowMenu").OverflowMenuNavItem[] | undefined;
     isOpen?: boolean | undefined;
-    anchorRef?: import("react").RefObject<HTMLButtonElement> | undefined;
     onClose?: (() => void) | undefined;
+    anchorRef?: import("react").RefObject<HTMLButtonElement> | undefined;
     placement?: import("../../hooks").Placement | undefined;
-    userProps?: import("../OverflowMenu").UserProps | undefined;
-    items?: import("../OverflowMenu").OverflowMenuContextItem[] | undefined;
-    navItems?: import("../OverflowMenu").OverflowMenuNavItem[] | undefined;
     offset?: number | undefined;
 } & import("react").HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>, any, {}, never>;
 export {};

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

@@ -16,11 +16,18 @@ export declare type InternaHeaderUserProps = {
     href?: string;
 };
 export declare type InternalHeaderProps = {
+    /**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;
 } & HTMLAttributes<HTMLDivElement>;

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

@@ -0,0 +1,16 @@
+import { HTMLAttributes } from 'react';
+import { TypographyBodyType } from '../Typography';
+export declare type ListType = 'ordered' | 'unordered';
+export declare type ListTypographyType = TypographyBodyType | 'inherit';
+export declare type ListProps = {
+    /**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;
+} & HTMLAttributes<HTMLUListElement | HTMLOListElement>;
+export declare const List: import("react").ForwardRefExoticComponent<{
+    /**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;
+} & HTMLAttributes<HTMLUListElement | HTMLOListElement> & import("react").RefAttributes<HTMLUListElement | HTMLOListElement>>;

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

@@ -3,18 +3,30 @@ import * as CSS from 'csstype';
 export declare type LocalMessagePurpose = 'info' | 'warning' | 'danger' | 'confidential' | 'success' | 'tips';
 export declare type LocalMessageLayout = 'horisontal' | 'vertical';
 export declare type LocalMessageProps = {
+    /**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;
-    width?: CSS.Property.Width<string>;
+    /**Layoutet i komponenten. Ved kompleks innhold anbefales `layout='vertical'`. */
     layout?: LocalMessageLayout;
+    /**Custom bredde ved behov. */
+    width?: CSS.Property.Width<string>;
 } & HTMLAttributes<HTMLDivElement>;
 export declare const LocalMessage: import("react").ForwardRefExoticComponent<{
+    /**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;
-    width?: CSS.Property.Width<string> | undefined;
+    /**Layoutet i komponenten. Ved kompleks innhold anbefales `layout='vertical'`. */
     layout?: LocalMessageLayout | undefined;
+    /**Custom bredde ved behov. */
+    width?: CSS.Property.Width<string> | undefined;
 } & HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>;

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

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

package/dist/{components → src/components}/Modal/ModalBody.d.ts

@@ -1,7 +1,9 @@
 import { HTMLAttributes } from 'react';
 export declare type ModalBodyProps = {
+    /**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;
 } & HTMLAttributes<HTMLDivElement>;
 export declare const ModalBody: import("react").ForwardRefExoticComponent<{
+    /**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;
 } & HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>;

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

@@ -6,13 +6,13 @@ declare type ContainerProps = {
 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<{
+    items?: OverflowMenuContextItem[] | undefined;
+    userProps?: import("./OverflowMenu.types").UserProps | undefined;
+    navItems?: OverflowMenuNavItem[] | undefined;
     isOpen?: boolean | undefined;
-    anchorRef?: import("react").RefObject<HTMLButtonElement> | undefined;
     onClose?: (() => void) | undefined;
+    anchorRef?: import("react").RefObject<HTMLButtonElement> | undefined;
     placement?: import("../../hooks").Placement | undefined;
-    userProps?: import("./OverflowMenu.types").UserProps | undefined;
-    items?: OverflowMenuContextItem[] | undefined;
-    navItems?: OverflowMenuNavItem[] | undefined;
     offset?: number | undefined;
 } & import("react").HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>;
 export {};