@norges-domstoler/dds-components 16.3.0 → 17.1.0

package/dist/index.d.mts

@@ -2,7 +2,7 @@ import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as CSS from 'csstype';
 import { Property, StandardProperties } from 'csstype';
 import * as react from 'react';
-import react__default, { ElementType, ReactNode, HTMLAttributes, InputHTMLAttributes, PropsWithChildren, ComponentPropsWithoutRef, ComponentProps, AnchorHTMLAttributes, LabelHTMLAttributes, RefCallback, RefObject, KeyboardEvent as KeyboardEvent$1, Dispatch, SetStateAction, SVGAttributes, ButtonHTMLAttributes, FocusEventHandler, MouseEventHandler, AriaRole, TextareaHTMLAttributes, ForwardRefExoticComponent, MouseEvent as MouseEvent$1, ChangeEvent, Ref, ReactElement, TdHTMLAttributes, ThHTMLAttributes } from 'react';
+import react__default, { HTMLAttributes, ElementType, ReactNode, InputHTMLAttributes, PropsWithChildren, ComponentPropsWithoutRef, ComponentProps, AnchorHTMLAttributes, LabelHTMLAttributes, RefCallback, RefObject, KeyboardEvent as KeyboardEvent$1, Dispatch, SetStateAction, SVGAttributes, ButtonHTMLAttributes, FocusEventHandler, MouseEventHandler, AriaRole, TextareaHTMLAttributes, ForwardRefExoticComponent, ChangeEvent, MouseEvent as MouseEvent$1, Ref, ReactElement, ComponentPropsWithRef, TdHTMLAttributes, ThHTMLAttributes } from 'react';
 import * as styled_components from 'styled-components';
 import { UseFloatingReturn, Strategy, Placement as Placement$1 } from '@floating-ui/react-dom';
 import { DateValue, AriaCalendarProps } from '@react-aria/calendar';
@@ -18,6 +18,15 @@ interface SvgChevronProps {
 }
 declare const AnimatedChevronUpDown: ({ isUp, height, width, }: SvgChevronProps) => react_jsx_runtime.JSX.Element;
 
+type ContrastProps = HTMLAttributes<HTMLElement> & {
+    /** HTML-element som returneres. */
+    as?: ElementType;
+};
+declare const Contrast: react.ForwardRefExoticComponent<HTMLAttributes<HTMLElement> & {
+    /** HTML-element som returneres. */
+    as?: ElementType;
+} & react.RefAttributes<HTMLElement>>;
+
 type ElementAsProps = {
     as: ElementType;
     children?: ReactNode;
@@ -175,199 +184,6 @@ declare const isHeading: (type: TypographyType) => type is TypographyHeadingType
 declare const isLegend: (as: ElementType) => boolean;
 declare const inlineElements: Array<ElementType>;
 declare const isInlineElement: (as: ElementType) => as is InlineElement;
-declare const getFontStyling: (type: StaticTypographyType, withColor?: boolean) => {
-    lineHeight: string;
-    fontSize: string;
-    letterSpacing: string;
-    fontFamily: string;
-    fontWeight: number;
-    fontStyle: string;
-    color: "#0b0d0e" | "#545c62" | "#3a4146" | undefined;
-} | {
-    lineHeight: string;
-    fontSize: string;
-    letterSpacing: string;
-    fontFamily: string;
-    fontWeight: number;
-    fontStyle: string;
-    color: "#0b0d0e" | "#545c62" | "#3a4146" | undefined;
-} | {
-    lineHeight: string;
-    fontSize: string;
-    letterSpacing: string;
-    fontFamily: string;
-    fontWeight: number;
-    fontStyle: string;
-    color: "#0b0d0e" | "#545c62" | "#3a4146" | undefined;
-} | {
-    lineHeight: string;
-    fontSize: string;
-    letterSpacing: string;
-    fontFamily: string;
-    fontWeight: number;
-    fontStyle: string;
-    color: "#0b0d0e" | "#545c62" | "#3a4146" | undefined;
-} | {
-    lineHeight: string;
-    fontSize: string;
-    letterSpacing: string;
-    fontFamily: string;
-    fontWeight: number;
-    fontStyle: string;
-    color: "#0b0d0e" | "#545c62" | "#3a4146" | undefined;
-} | {
-    lineHeight: string;
-    fontSize: string;
-    letterSpacing: string;
-    fontFamily: string;
-    fontWeight: number;
-    fontStyle: string;
-    color: "#0b0d0e" | "#545c62" | "#3a4146" | undefined;
-} | {
-    lineHeight: string;
-    fontSize: string;
-    letterSpacing: string;
-    fontFamily: string;
-    fontWeight: number;
-    fontStyle: string;
-    color: "#0b0d0e" | "#545c62" | "#3a4146" | undefined;
-} | {
-    lineHeight: string;
-    fontSize: string;
-    letterSpacing: string;
-    fontFamily: string;
-    fontWeight: number;
-    fontStyle: string;
-    color: "#0b0d0e" | "#545c62" | "#3a4146" | undefined;
-} | {
-    lineHeight: string;
-    fontSize: string;
-    letterSpacing: string;
-    fontFamily: string;
-    fontWeight: number;
-    fontStyle: string;
-    color: "#0b0d0e" | "#545c62" | "#3a4146" | undefined;
-} | {
-    lineHeight: string;
-    fontSize: string;
-    letterSpacing: string;
-    fontFamily: string;
-    fontWeight: number;
-    fontStyle: string;
-    color: "#0b0d0e" | "#545c62" | "#3a4146" | undefined;
-} | {
-    lineHeight: string;
-    fontSize: string;
-    letterSpacing: string;
-    fontFamily: string;
-    fontWeight: number;
-    fontStyle: string;
-    color: "#0b0d0e" | "#545c62" | "#3a4146" | undefined;
-} | {
-    lineHeight: string;
-    fontSize: string;
-    letterSpacing: string;
-    fontFamily: string;
-    fontWeight: number;
-    fontStyle: string;
-    color: "#0b0d0e" | "#545c62" | "#3a4146" | undefined;
-} | {
-    lineHeight: string;
-    fontSize: string;
-    letterSpacing: string;
-    fontFamily: string;
-    fontWeight: number;
-    fontStyle: string;
-    color: "#0b0d0e" | "#545c62" | "#3a4146" | undefined;
-} | {
-    lineHeight: string;
-    fontSize: string;
-    letterSpacing: string;
-    fontFamily: string;
-    fontWeight: number;
-    fontStyle: string;
-    color: "#0b0d0e" | "#545c62" | "#3a4146" | undefined;
-} | {
-    lineHeight: string;
-    fontSize: string;
-    letterSpacing: string;
-    fontFamily: string;
-    fontWeight: number;
-    fontStyle: string;
-    color: "#0b0d0e" | "#545c62" | "#3a4146" | undefined;
-} | {
-    lineHeight: string;
-    fontSize: string;
-    letterSpacing: string;
-    fontFamily: string;
-    fontWeight: number;
-    fontStyle: string;
-    color: "#0b0d0e" | "#545c62" | "#3a4146" | undefined;
-} | {
-    lineHeight: string;
-    fontSize: string;
-    letterSpacing: string;
-    fontFamily: string;
-    fontWeight: number;
-    fontStyle: string;
-    color: "#0b0d0e" | "#545c62" | "#3a4146" | undefined;
-} | {
-    lineHeight: string;
-    fontSize: string;
-    letterSpacing: string;
-    fontFamily: string;
-    fontWeight: number;
-    fontStyle: string;
-    color: "#0b0d0e" | "#545c62" | "#3a4146" | undefined;
-} | {
-    lineHeight: string;
-    fontSize: string;
-    letterSpacing: string;
-    fontFamily: string;
-    fontWeight: number;
-    fontStyle: string;
-    color: "#0b0d0e" | "#545c62" | "#3a4146" | undefined;
-} | {
-    lineHeight: string;
-    fontSize: string;
-    letterSpacing: string;
-    fontFamily: string;
-    fontWeight: number;
-    fontStyle: string;
-    color: "#0b0d0e" | "#545c62" | "#3a4146" | undefined;
-} | {
-    lineHeight: string;
-    fontSize: string;
-    letterSpacing: string;
-    fontFamily: string;
-    fontWeight: number;
-    fontStyle: string;
-    color: "#0b0d0e" | "#545c62" | "#3a4146" | undefined;
-} | {
-    lineHeight: string;
-    fontSize: string;
-    letterSpacing: string;
-    fontFamily: string;
-    fontWeight: number;
-    fontStyle: string;
-    color: "#0b0d0e" | "#545c62" | "#3a4146" | undefined;
-} | {
-    lineHeight: string;
-    fontSize: string;
-    letterSpacing: string;
-    fontFamily: string;
-    fontWeight: number;
-    fontStyle: string;
-    color: "#0b0d0e" | "#545c62" | "#3a4146" | undefined;
-} | {
-    lineHeight: string;
-    fontSize: string;
-    letterSpacing: string;
-    fontFamily: string;
-    fontWeight: number;
-    fontStyle: string;
-    color: "#0b0d0e" | "#545c62" | "#3a4146" | undefined;
-};
 declare function getTypographyCn(value: TypographyType): HyphenTypographyType;
 
 type CaptionProps = BaseComponentPropsWithChildren<HTMLTableCaptionElement, BaseTypographyProps>;
@@ -475,15 +291,15 @@ interface CommonInputProps {
 }
 type InputSize = 'medium' | 'small' | 'tiny';
 type InputProps = CommonInputProps & {
-    /**Størrelse på inputfeltet. */
+    /**Størrelse på inputfeltet.
+     * @default "medium"
+     */
     componentSize?: InputSize;
 } & InputHTMLAttributes<HTMLInputElement>;
 type StatefulInputProps = {
     hasErrorMessage: boolean;
 } & Pick<InputProps, 'componentSize'> & InputHTMLAttributes<HTMLInputElement>;
-type InputTypographyTypes = {
-    [k in InputSize]: StaticTypographyType;
-};
+type InputTypographyTypes = Record<InputSize, StaticTypographyType>;
 
 declare const inputTypographyTypes: InputTypographyTypes;
 declare const Input: react.ForwardRefExoticComponent<InputHTMLAttributes<HTMLInputElement> & react.RefAttributes<HTMLInputElement>>;
@@ -1346,17 +1162,17 @@ declare const Breadcrumb: react.ForwardRefExoticComponent<BreadcrumbProps & reac
 
 type BreadcrumbsProps = BaseComponentPropsWithChildren<HTMLElement, {
     /**
-     * Om variant for mindre skjerm skal vises.
-     * Trunkerer barn unntatt første og siste; trunkerte barn er tigjengelige ved å trykke på trukeringsknappen.
+     * Spesifiserer ved hvilket brekkpunkt og nedover versjonen for små skjermer skal vises.
+     * Trunkerer barn unntatt første og siste; trunkerte barn er tilgjengelige ved å trykke på trunkeringsknappen.
      */
-    smallScreen?: boolean;
+    smallScreenBreakpoint?: ScreenSizeLiteral;
 }>;
 declare const Breadcrumbs: react.ForwardRefExoticComponent<Pick<react.HTMLAttributes<HTMLElement>, "id" | "className"> & {
     /**
-     * Om variant for mindre skjerm skal vises.
-     * Trunkerer barn unntatt første og siste; trunkerte barn er tigjengelige ved å trykke på trukeringsknappen.
+     * Spesifiserer ved hvilket brekkpunkt og nedover versjonen for små skjermer skal vises.
+     * Trunkerer barn unntatt første og siste; trunkerte barn er tilgjengelige ved å trykke på trunkeringsknappen.
      */
-    smallScreen?: boolean;
+    smallScreenBreakpoint?: ScreenSizeLiteral;
 } & {
     children?: react.ReactNode | undefined;
 } & {
@@ -1367,9 +1183,13 @@ type IconSize = 'small' | 'medium' | 'large' | 'inherit';
 type IconProps = BaseComponentProps<SVGSVGElement, {
     /**Ikonet importert fra `@norges-domstoler/dds-components`. */
     icon: SvgIcon;
-    /**Størrelsen på ikonet. */
+    /**Størrelsen på ikonet.
+     * @default "medium"
+     */
     iconSize?: IconSize;
-    /**Fargen på ikonet. */
+    /**Fargen på ikonet.
+     * @default "currentcolor"
+     */
     color?: TextColor;
 }>;
 declare function Icon(props: IconProps): JSX.Element;
@@ -1382,17 +1202,25 @@ type ButtonSize = 'tiny' | 'small' | 'medium' | 'large';
 type IconPosition = 'left' | 'right';
 type PickedHTMLAttributes$2 = Pick<ButtonHTMLAttributes<HTMLButtonElement>, 'onClick' | 'onFocus' | 'onBlur' | 'type'>;
 type ButtonProps = BaseComponentProps<HTMLButtonElement, {
-    /**Størrelsen på knappen. */
+    /** Størrelsen på knappen.
+     *  @default "medium"
+     */
     size?: ButtonSize;
     /**Innhold i knappen (unntatt ikon). */
     children?: ReactNode;
-    /**Bestemmer farger basert på formål. */
+    /**Bestemmer farger basert på formål.
+     * @default "primary"
+     */
     purpose?: ButtonPurpose;
-    /**	Posisjonen til ikonet i forhold til teksten.*/
+    /**	Posisjonen til ikonet i forhold til teksten.
+     *  @default "left"
+     */
     iconPosition?: IconPosition;
     /**Indikerer en loading-knapp. */
     loading?: boolean;
-    /**Tooltip som vises ved loading. */
+    /** Tooltip som vises ved loading.
+     *  @default "Lagring pågår"
+     */
     loadingTooltip?: string;
     /**Ikonet som ligger i knappen.  */
     icon?: SvgIcon;
@@ -1426,27 +1254,39 @@ declare const Button: react.ForwardRefExoticComponent<Pick<Omit<react.ButtonHTML
 
 type PickedHTMLAttributes$1 = Pick<HTMLAttributes<HTMLDivElement>, 'role' | 'aria-label' | 'aria-labelledby'>;
 type ButtonGroupProps = BaseComponentPropsWithChildren<HTMLDivElement, {
-    /**Retning for gruppen. */
+    /**Retning for gruppen.
+     * @default "row"
+     */
     direction?: Direction$1;
-    /**Størrelse på knappene. */
+    /**Størrelse på knappene.
+     * @default "medium"
+     */
     buttonSize?: ButtonSize;
     /**Nativ `aria-label` ved behov. */
     'aria-label'?: string;
     /**Nativ `aria-labelledby` ved behov. */
     'aria-labelledby'?: string;
-    /**Nativ `role` ved behov. */
+    /**Nativ `role` ved behov.
+     * @default "group"
+     */
     role?: AriaRole;
 } & Omit<ButtonHTMLAttributes<HTMLButtonElement>, keyof PickedHTMLAttributes$1>>;
 declare const ButtonGroup: react.ForwardRefExoticComponent<Pick<HTMLAttributes<HTMLDivElement>, "id" | "className"> & {
-    /**Retning for gruppen. */
+    /**Retning for gruppen.
+     * @default "row"
+     */
     direction?: Direction$1;
-    /**Størrelse på knappene. */
+    /**Størrelse på knappene.
+     * @default "medium"
+     */
     buttonSize?: ButtonSize;
     /**Nativ `aria-label` ved behov. */
     'aria-label'?: string;
     /**Nativ `aria-labelledby` ved behov. */
     'aria-labelledby'?: string;
-    /**Nativ `role` ved behov. */
+    /**Nativ `role` ved behov.
+     * @default "group"
+     */
     role?: AriaRole;
 } & Omit<ButtonHTMLAttributes<HTMLButtonElement>, "role" | "aria-label" | "aria-labelledby"> & {
     children?: react.ReactNode | undefined;
@@ -1457,7 +1297,9 @@ declare const ButtonGroup: react.ForwardRefExoticComponent<Pick<HTMLAttributes<H
 type CardAppearance = 'filled' | 'border';
 type CardType = 'info' | 'navigation' | 'expandable';
 type BaseCardProps<T extends HTMLElement> = BaseComponentPropsWithChildren<T, {
-    /** Utseende på komponenten. */
+    /** Utseende på komponenten.
+     * @default "filled"
+     */
     appearance?: CardAppearance;
     /** Referanse til komponenten. */
     cardRef?: RefObject<T>;
@@ -1626,11 +1468,15 @@ declare const DescriptionListGroup: react.ForwardRefExoticComponent<Pick<react.H
 
 type DividerColor = 'default' | 'subtle' | 'onInverse';
 type DividerProps = BaseComponentProps<HTMLHRElement, {
-    /** Farge på horisontal linje. */
+    /** Farge på horisontal linje.
+     * @default "default"
+     */
     color?: DividerColor;
 }>;
 declare const Divider: react.ForwardRefExoticComponent<Pick<react.HTMLAttributes<HTMLHRElement>, "id" | "className"> & {
-    /** Farge på horisontal linje. */
+    /** Farge på horisontal linje.
+     * @default "default"
+     */
     color?: DividerColor;
 } & {
     htmlProps?: react.HTMLAttributes<HTMLHRElement> | undefined;
@@ -1644,9 +1490,13 @@ interface WidthProps {
     width?: Property.Width;
 }
 type DrawerProps = BaseComponentPropsWithChildren<HTMLDivElement, {
-    /**Størrelsen på `<Drawer />`. */
+    /**Størrelsen på `<Drawer>`.
+     * @default "small"
+     */
     size?: DrawerSize;
-    /** Plasseringen til `<Drawer />`. */
+    /** Plasseringen til `<Drawer>`.
+     * @default "right"
+     */
     placement?: DrawerPlacement;
     /**Header for `<Drawer />`. Har default styling hvis verdien er en string. */
     header?: string | ReactNode;
@@ -1654,7 +1504,9 @@ type DrawerProps = BaseComponentPropsWithChildren<HTMLDivElement, {
     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). */
+    /**Spesifiserer hvilken DOM node `<Drawer>` skal ha som forelder via React portal. Brukes med f.eks `document.getElementById("id")` (skaper ikke ny DOM node).
+     * @default document.body
+     */
     parentElement?: HTMLElement;
     /**Custom props for breddehåndtering ved behov. */
     widthProps?: WidthProps;
@@ -1662,9 +1514,13 @@ type DrawerProps = BaseComponentPropsWithChildren<HTMLDivElement, {
     triggerRef?: RefObject<HTMLElement>;
 }>;
 declare const Drawer: react.ForwardRefExoticComponent<Pick<react.HTMLAttributes<HTMLDivElement>, "id" | "className"> & {
-    /**Størrelsen på `<Drawer />`. */
+    /**Størrelsen på `<Drawer>`.
+     * @default "small"
+     */
     size?: DrawerSize;
-    /** Plasseringen til `<Drawer />`. */
+    /** Plasseringen til `<Drawer>`.
+     * @default "right"
+     */
     placement?: DrawerPlacement;
     /**Header for `<Drawer />`. Har default styling hvis verdien er en string. */
     header?: string | ReactNode;
@@ -1672,7 +1528,9 @@ declare const Drawer: react.ForwardRefExoticComponent<Pick<react.HTMLAttributes<
     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). */
+    /**Spesifiserer hvilken DOM node `<Drawer>` skal ha som forelder via React portal. Brukes med f.eks `document.getElementById("id")` (skaper ikke ny DOM node).
+     * @default document.body
+     */
     parentElement?: HTMLElement;
     /**Custom props for breddehåndtering ved behov. */
     widthProps?: WidthProps;
@@ -1702,7 +1560,9 @@ declare const DrawerGroup: {
 type EmptyContentProps = {
     /**Tittel - kort oppsummering. */
     title?: string;
-    /**Nivå på overskriften. Sørg for at den følger hierarkiet på siden. */
+    /**Nivå på overskriften. Sørg for at den følger hierarkiet på siden.
+     * @default 2
+     */
     titleHeadingLevel?: HeadingLevel;
     /**Melding - beskrivelse og forklaring på hvordan brukeren kan få innhold. Kan inneholde lenker og andre interaktive elementer. */
     message: ReactNode;
@@ -1719,7 +1579,7 @@ interface FavStarProps extends BaseComponentPropsWithChildren<HTMLElement> {
      */
     checked?: boolean;
     /**
-     * Hvis du skal bruke `<FavStar>` uncontrolled så kan denne brukes til å sette den initielle "favortitt"-statusen.
+     * Hvis du skal bruke `<FavStar>` uncontrolled så kan denne brukes til å sette den initielle "favoritt"-statusen.
      * @default false
      */
     defaultChecked?: boolean;
@@ -1729,7 +1589,7 @@ interface FavStarProps extends BaseComponentPropsWithChildren<HTMLElement> {
     onChange?: (checked: boolean) => void;
     /**
      * Størrelse på `<FavStar>`. `'medium'` er den mest vanlige størrelsen.
-     * @default 'medium'
+     * @default "medium"
      */
     size?: ComponentSize;
 }
@@ -1738,29 +1598,49 @@ declare const FavStar: react.ForwardRefExoticComponent<FavStarProps & react.RefA
 interface FeedbackProps {
     /**Om knappene skal være plassert under eller ved siden av teksten. */
     layout?: Layout;
-    /**Label som er plassert over tommel opp/ned knappene. */
+    /**Label som er plassert over tommel opp/ned knappene.
+     * @default "Hva syns du om tjenesten?"
+     */
     ratingLabel: string;
-    /**Label til fritekstfeltet når bruker har gitt tommel opp. */
+    /**Label til fritekstfeltet når bruker har gitt tommel opp.
+     * @default "Hva kan vi forbedre? (valgfritt)"
+     */
     positiveFeedbackLabel?: string;
-    /**Label til fritekstfeltet når bruker har gitt tommel ned. */
+    /**Label til fritekstfeltet når bruker har gitt tommel ned.
+     *  @default "Hva kan vi forbedre? (valgfritt)"
+     */
     negativeFeedbackLabel?: string;
-    /**Tittel som vises når bruker har gitt tommel opp/ned, og enda ikke sendt inn kommentar. */
+    /**Tittel som vises når bruker har gitt tommel opp/ned, og enda ikke sendt inn kommentar.
+     *  @default "Tusen takk! Tilbakemeldingen din hjelper oss å forbedre løsningen"
+     */
     ratingSubmittedTitle?: string;
-    /**Tittel som vises når bruker har gitt feedback (inkl. eventuell kommentar). */
+    /**Tittel som vises når bruker har gitt feedback (inkl. eventuell kommentar).
+     * @default "Tusen takk! Tilbakemeldingen din hjelper oss å forbedre løsningen"
+     */
     submittedTitle?: string;
-    /**Tip som vises under tekstfeltet når bruker skal sende inn kommentar.  */
+    /**Tip som vises under tekstfeltet når bruker skal sende inn kommentar.
+     * @default "Ikke send inn personopplysninger eller annen sensitiv informasjon"
+     */
     textAreaTip?: string;
     /**Om tommel opp eller ned er valgt. Brukes når komponenten skal være styrt utenfra. */
     ratingValue?: Rating | null;
     /**Verdien til fritekstfeltet. Brukes når komponenten skal være styrt utenfra. */
     feedbackTextValue?: string;
-    /**Tooltip-teksten til tommel-opp-knappen.*/
+    /**Tooltip-teksten til tommel-opp-knappen.
+     * @default "Bra"
+     */
     thumbUpTooltip?: string;
-    /**Tooltip-teksten til tommel-ned-knappen.*/
+    /**Tooltip-teksten til tommel-ned-knappen.
+     * @default "Dårlig"
+     */
     thumbDownTooltip?: string;
-    /**Om tilbakemeldingskomponenten skal ekskludere fritekstfeltet (i.e. kun ha tommel opp/ned).*/
+    /**Om tilbakemeldingskomponenten skal ekskludere fritekstfeltet (i.e. kun ha tommel opp/ned).
+     * @default false
+     */
     feedbackTextAreaExcluded?: boolean;
-    /**Om knappene skal vise spinner. Gjelder både tommel opp/ned knappene, og "send inn" knappen. */
+    /**Om knappene skal vise spinner. Gjelder både tommel opp/ned knappene, og "send inn" knappen.
+     * @default false
+     */
     loading?: boolean;
     /**Om tilbakemelding er sendt inn. Brukes når komponenten skal være styrt utenfra. */
     isSubmitted?: boolean;
@@ -1822,19 +1702,25 @@ type FileUploaderProps = {
     id?: string;
     /**Ledetekst for filopplaster. */
     label?: string;
-    /**Ledetekst for slippsonen. Denne teksten skal, av UU-hensyn, henge sammen med den usynlige teksten: "velg fil med påfølgende knapp" */
+    /**Ledetekst for slippsonen. Denne teksten skal, av UU-hensyn, henge sammen med den usynlige teksten: "velg fil med påfølgende knapp"
+     * @default "Dra og slipp filer her eller"
+     */
     dropAreaLabel?: string;
-    /**Ledetekst for opplastingsknappen. */
+    /**Ledetekst for opplastingsknappen.
+     * @default "Velg fil"
+     */
     btnLabel?: string;
     /**Hjelpetekst. */
     tip?: string;
-    /**Om det er påkrevd med minst en fil. */
+    /**Om det er påkrevd med minst én fil. */
     required?: boolean;
     /**Callback for når fil-listen endres. */
     onChange: (newFiles: FileList) => void;
     /**Bredde for filopplasteren. */
     width?: Property.Width;
-    /**Om drag-and-drop zone skal vises. */
+    /**Om drag-and-drop zone skal vises.
+     * @default true
+     */
     withDragAndDrop?: boolean;
     /**Om listen med opplastede filer skal skjules. Brukes kun hvis listen blir vist på egen måte. */
     hideFileList?: boolean;
@@ -1844,16 +1730,41 @@ declare const FileUploader: {
     displayName: string;
 };
 
-declare const purposeVariants: {
-    [k in GlobalMessagePurpose]: {
-        icon: SvgIcon;
-    };
+type FooterProps = ComponentProps<'footer'>;
+declare const Footer: react.ForwardRefExoticComponent<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLElement>, HTMLElement>, "ref"> & react.RefAttributes<HTMLElement>>;
+
+type FooterListHeaderProps = Omit<HeadingProps, 'level' | 'withMargins'>;
+declare const FooterListHeader: react.ForwardRefExoticComponent<FooterListHeaderProps & react.RefAttributes<HTMLHeadingElement>>;
+
+type HideBreakpoint = 'xs' | 'sm' | 'md';
+type FooterLogoProps = ComponentProps<'img'> & {
+    /**Brekkepunkt når logoen skal skjules på mindre skjerm. */
+    hideBreakpoint?: HideBreakpoint;
 };
+declare const FooterLogo: react.ForwardRefExoticComponent<Omit<FooterLogoProps, "ref"> & react.RefAttributes<HTMLImageElement>>;
+
+type FooterListProps = ComponentProps<'ul'>;
+declare const FooterList: react.ForwardRefExoticComponent<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLUListElement>, HTMLUListElement>, "ref"> & react.RefAttributes<HTMLUListElement>>;
+
+type FooterSocialsListProps = ComponentProps<'ul'>;
+declare const FooterSocialsList: react.ForwardRefExoticComponent<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLUListElement>, HTMLUListElement>, "ref"> & react.RefAttributes<HTMLUListElement>>;
+
+type FooterSocialsGroupProps = ComponentProps<'div'>;
+declare const FooterSocialsGroup: react.ForwardRefExoticComponent<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & react.RefAttributes<HTMLDivElement>>;
+
+type FooterListGroupProps = ComponentProps<'div'>;
+declare const FooterListGroup: react.ForwardRefExoticComponent<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & react.RefAttributes<HTMLDivElement>>;
+
+type FooterLeftProps = ComponentProps<'div'>;
+declare const FooterLeft: react.ForwardRefExoticComponent<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & react.RefAttributes<HTMLDivElement>>;
+
 type GlobalMessagePurpose = 'info' | 'warning' | 'danger';
 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. */
+    /**Formålet med meldingen. Påvirker styling.
+     * @default "info"
+     */
     purpose?: GlobalMessagePurpose;
     /**Indikerer om meldingen skal være lukkbar. */
     closable?: boolean;
@@ -1863,7 +1774,9 @@ type GlobalMessageProps = BaseComponentPropsWithChildren<HTMLDivElement, {
 declare const GlobalMessage: react.ForwardRefExoticComponent<Pick<react.HTMLAttributes<HTMLDivElement>, "id" | "className"> & {
     /**Meldingen som vises til brukeren. Brukes kun når meldingen er en `string`. */
     message?: string;
-    /**Formålet med meldingen. Påvirker styling. */
+    /**Formålet med meldingen. Påvirker styling.
+     * @default "info"
+     */
     purpose?: GlobalMessagePurpose;
     /**Indikerer om meldingen skal være lukkbar. */
     closable?: boolean;
@@ -1877,11 +1790,14 @@ declare const GlobalMessage: react.ForwardRefExoticComponent<Pick<react.HTMLAttr
 
 type RowGapGrid = BreakpointBasedProps<'rowGap'>;
 type MaxWidthGrid = BreakpointBasedProps<'maxWidth'>;
+type ColumnGapGrid = BreakpointBasedProps<'columnGap'>;
 type BaseGridProps = {
     /**Maksimal bredde. Gjøres per brekkepunkt.  */
     maxWidth?: MaxWidthGrid;
     /** CSS `row-gap`. Gjøres per brekkepunkt. */
     rowGap?: RowGapGrid;
+    /** CSS `column-gap`. Gjøres per brekkepunkt. */
+    columnGap?: ColumnGapGrid;
 } & Pick<HTMLAttributes<HTMLElement>, 'style'>;
 type GridDivProps = BaseComponentPropsWithChildren<HTMLDivElement, {
     /**HTML tag som returneres. */
@@ -1922,7 +1838,9 @@ interface BaseInlineInputProps {
     error?: boolean;
     /**Feilmelding. Setter også error state. */
     errorMessage?: string;
-    /** Bredde på komponenten. */
+    /** Bredde på komponenten.
+     * @default "140px"
+     */
     width?: Property.Width;
     /**Om redigeringsikonet skal vises. */
     hideIcon?: boolean;
@@ -1959,13 +1877,17 @@ type InputMessageType = 'error' | 'tip';
 type InputMessageProps = BaseComponentProps<HTMLDivElement, {
     /** Meldingen som vises til brukeren. */
     message: string;
-    /** Formålet med meldingen. Påvirker styling. */
+    /** Formålet med meldingen. Påvirker styling.
+     * @default "error"
+     */
     messageType: InputMessageType;
 }>;
 declare const InputMessage: react.ForwardRefExoticComponent<Pick<react.HTMLAttributes<HTMLDivElement>, "id" | "className"> & {
     /** Meldingen som vises til brukeren. */
     message: string;
-    /** Formålet med meldingen. Påvirker styling. */
+    /** Formålet med meldingen. Påvirker styling.
+     * @default "error"
+     */
     messageType: InputMessageType;
 } & {
     htmlProps?: react.HTMLAttributes<HTMLDivElement> | undefined;
@@ -1973,17 +1895,17 @@ declare const InputMessage: react.ForwardRefExoticComponent<Pick<react.HTMLAttri
 declare const renderInputMessage: (tip?: string, tipId?: string, errorMessage?: string, errorMessageId?: string) => react_jsx_runtime.JSX.Element;
 
 type NavigationLinkProps = {
+    children: ReactNode;
     href: string;
-    title: string;
 } & AnchorHTMLAttributes<HTMLAnchorElement>;
 type ContextMenuElementProps = {
-    title: string;
+    children: ReactNode;
     href?: string;
     icon?: SvgIcon;
     onClick?: () => void;
 } & (AnchorHTMLAttributes<HTMLAnchorElement> | ButtonHTMLAttributes<HTMLButtonElement>);
 interface InternaHeaderUserProps {
-    name: string;
+    children: ReactNode;
     href?: string;
 }
 type InternalHeaderProps = BaseComponentProps<HTMLDivElement, {
@@ -1993,15 +1915,15 @@ type InternalHeaderProps = BaseComponentProps<HTMLDivElement, {
     applicationDesc?: string;
     /**URL til hovedsiden. */
     applicationHref?: string;
-    /**Indikerer om versjonen for små skjermer skal vises. */
-    smallScreen?: boolean;
+    /**Spesifiserer ved hvilket brekkpunkt og nedover versjonen for små skjermer skal vises; den justerer på spacing og legger navigasjonen i kontekstmenyen. */
+    smallScreenBreakpoint?: ScreenSizeLiteral;
     /**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;
+    user?: InternaHeaderUserProps;
     /**Lenker som skal vises i navigasjonsmenyen. */
-    navigationElements?: Array<NavigationLinkProps>;
+    navItems?: Array<NavigationLinkProps>;
     /**Lenker eller knapper som skal vises i kontekstmenyen. Støtter ikon i tillegg til tekst. */
-    contextMenuElements?: Array<ContextMenuElementProps>;
-    /**URL til siden i navigasjonen brukeren er på. Gir highlight til navigasjonselementet i navigationElements med samme URL. */
+    contextMenuItems?: Array<ContextMenuElementProps>;
+    /**URL til siden i navigasjonen brukeren er på. Gir highlight til navigasjonselementet i navItems med samme URL. */
     currentPageHref?: string;
     /**Ekstra logikk som kjøres når currentPage endres. */
     onCurrentPageChange?: () => void;
@@ -2015,15 +1937,23 @@ declare const InternalHeader: {
 type ListType = 'ordered' | 'unordered';
 type ListTypographyType = TypographyBodyType | 'inherit';
 type ListProps = BaseComponentPropsWithChildren<HTMLUListElement | HTMLOListElement, {
-    /**Spesifiserer om komponenten skal returnere `<ul />` (punktliste) eller `<ol />` (nummerert liste). */
+    /**Spesifiserer om komponenten skal returnere `<ul />` (punktliste) eller `<ol />` (nummerert liste).
+     * @default "unordered"
+     */
     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. */
+    /**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.
+     *  @default "inherit"
+     */
     typographyType?: ListTypographyType;
 }>;
 declare const List: react.ForwardRefExoticComponent<Pick<react.HTMLAttributes<HTMLOListElement | HTMLUListElement>, "id" | "className"> & {
-    /**Spesifiserer om komponenten skal returnere `<ul />` (punktliste) eller `<ol />` (nummerert liste). */
+    /**Spesifiserer om komponenten skal returnere `<ul />` (punktliste) eller `<ol />` (nummerert liste).
+     * @default "unordered"
+     */
     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. */
+    /**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.
+     *  @default "inherit"
+     */
     typographyType?: ListTypographyType;
 } & {
     children?: react.ReactNode | undefined;
@@ -2039,13 +1969,17 @@ type LocalMessageLayout = 'horisontal' | 'vertical';
 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. */
+    /**Formålet med meldingen. Påvirker styling.
+     * @default "info"
+     */
     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'`. */
+    /**Layoutet i komponenten. Ved kompleks innhold anbefales `layout='vertical'`.
+     * @default "horisontal"
+     */
     layout?: LocalMessageLayout;
     /**Custom bredde ved behov. */
     width?: Property.Width;
@@ -2053,13 +1987,17 @@ type LocalMessageProps = BaseComponentPropsWithChildren<HTMLDivElement, {
 declare const LocalMessage: react.ForwardRefExoticComponent<Pick<react.HTMLAttributes<HTMLDivElement>, "id" | "className"> & {
     /**Meldingen som vises til brukeren. Brukes kun når meldingen er string. */
     message?: string;
-    /**Formålet med meldingen. Påvirker styling. */
+    /**Formålet med meldingen. Påvirker styling.
+     * @default "info"
+     */
     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'`. */
+    /**Layoutet i komponenten. Ved kompleks innhold anbefales `layout='vertical'`.
+     * @default "horisontal"
+     */
     layout?: LocalMessageLayout;
     /**Custom bredde ved behov. */
     width?: Property.Width;
@@ -2074,7 +2012,9 @@ type ModalProps = BaseComponentPropsWithChildren<HTMLDivElement, {
     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). */
+    /**Spesifiserer hvilken DOM node `<Modal />` skal ha som forelder via React portal. Brukes med f.eks `document.getElementById("id")` (skaper ikke ny DOM node).
+     * @default document.body
+     */
     parentElement?: HTMLElement;
     /**Tittel/header i modal. Setter `aria-labelledby`. */
     header?: string | ReactNode;
@@ -2088,7 +2028,9 @@ declare const Modal: react.ForwardRefExoticComponent<Pick<react.HTMLAttributes<H
     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). */
+    /**Spesifiserer hvilken DOM node `<Modal />` skal ha som forelder via React portal. Brukes med f.eks `document.getElementById("id")` (skaper ikke ny DOM node).
+     * @default document.body
+     */
     parentElement?: HTMLElement;
     /**Tittel/header i modal. Setter `aria-labelledby`. */
     header?: string | ReactNode;
@@ -2129,43 +2071,31 @@ declare const OverflowMenu: react.ForwardRefExoticComponent<Pick<react.HTMLAttri
     onClose?: () => void;
     onToggle?: () => void;
     anchorRef?: react.RefObject<HTMLButtonElement>;
-    items?: Array<OverflowMenuContextItem>;
-    userProps?: {
-        name: string;
-        href?: string;
-    } & (react.ButtonHTMLAttributes<HTMLButtonElement> | react.AnchorHTMLAttributes<HTMLAnchorElement>);
-    navItems?: Array<OverflowMenuNavItem>;
 } & {
     children?: react.ReactNode | undefined;
 } & {
     htmlProps?: react.HTMLAttributes<HTMLDivElement> | undefined;
 } & react.RefAttributes<HTMLDivElement>>;
 
-interface OverflowMenuItemBase {
-    title: string;
-    icon?: SvgIcon;
-}
-type OverflowMenuButtonItem = OverflowMenuItemBase & ButtonHTMLAttributes<HTMLButtonElement>;
-type OverflowMenuLinkItem = OverflowMenuItemBase & AnchorHTMLAttributes<HTMLAnchorElement>;
-type OverflowMenuContextItem = OverflowMenuButtonItem | OverflowMenuLinkItem;
-type OverflowMenuNavItem = OverflowMenuLinkItem;
-type UserProps = {
-    name: string;
-    href?: string;
-} & (AnchorHTMLAttributes<HTMLAnchorElement> | ButtonHTMLAttributes<HTMLButtonElement>);
 interface OverflowMenuListItemBaseProps {
-    /**Ikon som vises ved teksten. */
+    /**Ikon som vises ved teksten. **OBS!** Settes i tillegg til `children` for riktig layout. */
     icon?: SvgIcon;
 }
 type OverflowMenuButtonProps = OverflowMenuListItemBaseProps & ButtonHTMLAttributes<HTMLButtonElement>;
 type OverflowMenuLinkProps = OverflowMenuListItemBaseProps & AnchorHTMLAttributes<HTMLAnchorElement>;
-type OverflowMenuSpanProps = OverflowMenuListItemBaseProps & BaseComponentPropsWithChildren<HTMLSpanElement>;
+type OverflowMenuSpanProps = OverflowMenuListItemBaseProps & HTMLAttributes<HTMLSpanElement>;
 type OverflowMenuProps = BaseComponentPropsWithChildren<HTMLDivElement, {
-    /**Plassering av menyen i forhold til anchor-elementet. */
+    /**Plassering av menyen i forhold til anchor-elementet.
+     * @default "bottom-end"
+     */
     placement?: Placement;
-    /**Avstand fra anchor-elementet i px. */
+    /**Avstand fra anchor-elementet i px.
+     * @default 2
+     */
     offset?: number;
-    /**Spesifiserer om menyen skal vises. **OBS!** nødvendig kun hvis `<OverflowMenuGroup />` ikke brukes.  */
+    /**Spesifiserer om menyen skal vises. **OBS!** nødvendig kun hvis `<OverflowMenuGroup />` ikke brukes.
+     * @default false
+     */
     isOpen?: boolean;
     /**Callback for å lukke menyen. **OBS!** nødvendig kun hvis `<OverflowMenuGroup />` ikke brukes.  */
     onClose?: () => void;
@@ -2173,21 +2103,6 @@ type OverflowMenuProps = BaseComponentPropsWithChildren<HTMLDivElement, {
     onToggle?: () => void;
     /**Ref til elementet som styrer menyen. **OBS!** nødvendig kun hvis ``<OverflowMenuGroup />` ikke brukes.  */
     anchorRef?: RefObject<HTMLButtonElement>;
-    /**Lenker eller knapper som skal vises i menyen. Støtter ikon i tillegg til tekst.
-     *
-     * @deprecated
-     */
-    items?: Array<OverflowMenuContextItem>;
-    /**Eget element for brukernavn, kan være interaktivt eller statisk. Ligger alltid på toppen av menyen.
-     *
-     * @deprecated
-     */
-    userProps?: UserProps;
-    /**Navigasjonslenker, brukes hvis navigasjonen skal ligge i menyen (f.eks. ved liten skjerm o.l.).
-     *
-     * @deprecated
-     */
-    navItems?: Array<OverflowMenuNavItem>;
 }>;
 
 declare const OverflowMenuButton: react.ForwardRefExoticComponent<OverflowMenuListItemBaseProps & react.ButtonHTMLAttributes<HTMLButtonElement> & react.RefAttributes<HTMLButtonElement>>;
@@ -2202,11 +2117,7 @@ declare const OverflowMenuDivider: react.ForwardRefExoticComponent<Pick<react.HT
 
 declare const OverflowMenuList: react.ForwardRefExoticComponent<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLUListElement>, HTMLUListElement>, "ref"> & react.RefAttributes<HTMLUListElement>>;
 
-declare const OverflowMenuSpan: react.ForwardRefExoticComponent<OverflowMenuListItemBaseProps & Pick<react.HTMLAttributes<HTMLSpanElement>, "id" | "className"> & object & {
-    children?: react.ReactNode | undefined;
-} & {
-    htmlProps?: react.HTMLAttributes<HTMLSpanElement> | undefined;
-} & react.RefAttributes<HTMLButtonElement>>;
+declare const OverflowMenuSpan: react.ForwardRefExoticComponent<OverflowMenuListItemBaseProps & react.HTMLAttributes<HTMLSpanElement> & react.RefAttributes<HTMLButtonElement>>;
 
 declare const OverflowMenuListHeader: react.ForwardRefExoticComponent<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, "ref"> & react.RefAttributes<HTMLHeadingElement>>;
 
@@ -2234,46 +2145,72 @@ interface PaginationOption {
 type PaginationProps = BaseComponentProps<HTMLElement, {
     /**Totalt antall elementer å paginere. */
     itemsAmount: number;
-    /**Antall elementer per side ved innlastning av komponenten. */
+    /**Antall elementer per side ved innlastning av komponenten.
+     * @default 10
+     */
     defaultItemsPerPage?: number;
-    /**Den aktive siden ved innlastning av komponenten. */
+    /**Den aktive siden ved innlastning av komponenten.
+     * @default 1
+     */
     defaultActivePage?: number;
-    /**Spesifiserer om selve pagineringen skal vises. */
+    /**Spesifiserer om selve pagineringen skal vises.
+     * @default true
+     */
     withPagination?: boolean;
     /**Spesifiserer om teksten `'Vis x-y av z'` skal vises. */
     withCounter?: boolean;
     /**Spesifiserer om `<Select />` til å velge antall resultater per side skal vises. */
     withSelect?: boolean;
-    /**Custom options for `<Select />`. **OBS!** hvis det settes custom `selectOptions` bør "alle"-alternativet inkluderes der det er relevant, da brukere ofte liker å ha muligheten. */
+    /**Custom options for `<Select />`. **OBS!** hvis det settes custom `selectOptions` bør "alle"-alternativet inkluderes der det er relevant, da brukere ofte liker å ha muligheten.
+     * @default [
+        { label: '10', value: 10 },
+        { label: '25', value: 25 },
+        { label: '50', value: 50 },
+        { label: 'Alle', value: itemsAmount },
+      ]
+     */
     selectOptions?: Array<PaginationOption>;
     /**Brukes til å hente side og eventuelt annen logikk ved endring av side. */
     onChange?: (event: React.MouseEvent<HTMLButtonElement, MouseEvent>, page: number) => void;
     /**Brukes til å hente `selectedOption` og eventuelt kjøre annen logikk når `withSelect=true` ved endring av alternativ. */
     onSelectOptionChange?: (option: PaginationOption | null) => void;
-    /**Spesifiserer om versjonen for små skjermer skal vises; den viser færre sideknapper og stacker subkomponentene. */
-    smallScreen?: boolean;
+    /**Spesifiserer ved hvilket brekkpunkt og nedover versjonen for små skjermer skal vises; den viser færre sideknapper og stacker subkomponentene. */
+    smallScreenBreakpoint?: ScreenSizeLiteral;
 }, Omit<HTMLAttributes<HTMLElement>, 'onChange'>>;
 declare const Pagination: react.ForwardRefExoticComponent<Pick<Omit<HTMLAttributes<HTMLElement>, "onChange">, "id" | "className"> & {
     /**Totalt antall elementer å paginere. */
     itemsAmount: number;
-    /**Antall elementer per side ved innlastning av komponenten. */
+    /**Antall elementer per side ved innlastning av komponenten.
+     * @default 10
+     */
     defaultItemsPerPage?: number;
-    /**Den aktive siden ved innlastning av komponenten. */
+    /**Den aktive siden ved innlastning av komponenten.
+     * @default 1
+     */
     defaultActivePage?: number;
-    /**Spesifiserer om selve pagineringen skal vises. */
+    /**Spesifiserer om selve pagineringen skal vises.
+     * @default true
+     */
     withPagination?: boolean;
     /**Spesifiserer om teksten `'Vis x-y av z'` skal vises. */
     withCounter?: boolean;
     /**Spesifiserer om `<Select />` til å velge antall resultater per side skal vises. */
     withSelect?: boolean;
-    /**Custom options for `<Select />`. **OBS!** hvis det settes custom `selectOptions` bør "alle"-alternativet inkluderes der det er relevant, da brukere ofte liker å ha muligheten. */
+    /**Custom options for `<Select />`. **OBS!** hvis det settes custom `selectOptions` bør "alle"-alternativet inkluderes der det er relevant, da brukere ofte liker å ha muligheten.
+     * @default [
+        { label: '10', value: 10 },
+        { label: '25', value: 25 },
+        { label: '50', value: 50 },
+        { label: 'Alle', value: itemsAmount },
+      ]
+     */
     selectOptions?: Array<PaginationOption>;
     /**Brukes til å hente side og eventuelt annen logikk ved endring av side. */
     onChange?: (event: React.MouseEvent<HTMLButtonElement, MouseEvent>, page: number) => void;
     /**Brukes til å hente `selectedOption` og eventuelt kjøre annen logikk når `withSelect=true` ved endring av alternativ. */
     onSelectOptionChange?: (option: PaginationOption | null) => void;
-    /**Spesifiserer om versjonen for små skjermer skal vises; den viser færre sideknapper og stacker subkomponentene. */
-    smallScreen?: boolean;
+    /**Spesifiserer ved hvilket brekkpunkt og nedover versjonen for små skjermer skal vises; den viser færre sideknapper og stacker subkomponentene. */
+    smallScreenBreakpoint?: ScreenSizeLiteral;
 } & {
     htmlProps?: Omit<HTMLAttributes<HTMLElement>, "onChange"> | undefined;
 } & react.RefAttributes<HTMLElement>>;
@@ -2289,15 +2226,23 @@ interface PopoverSizeProps {
 type PopoverProps = BaseComponentPropsWithChildren<HTMLDivElement, {
     /**Tittel. */
     title?: string | ReactNode;
-    /** **OBS!** Propen settes automatisk av `<PopoverGroup />`. Spesifiserer om `<Popover />` skal vises. */
+    /** **OBS!** Propen settes automatisk av `<PopoverGroup />`. Spesifiserer om `<Popover />` skal vises.
+     * @default false
+     */
     isOpen?: boolean;
-    /**Om lukkeknapp skal vises. */
+    /**Om lukkeknapp skal vises.
+     * @default true
+     */
     withCloseButton?: boolean;
     /** **OBS!** Propen settes automatisk av `<PopoverGroup />`. Anchor-elementet. */
     anchorElement?: HTMLElement;
-    /**Spesifiserer hvor komponenten skal plasseres i forhold til anchor-elementet. */
+    /**Spesifiserer hvor komponenten skal plasseres i forhold til anchor-elementet.
+     * @default "bottom"
+     */
     placement?: Placement;
-    /**Avstand fra anchor-elementet i px. */
+    /**Avstand fra anchor-elementet i px.
+     * @default 8
+     */
     offset?: number;
     /** Ekstra logikk kjørt når lukkeknappen trykkes. */
     onCloseButtonClick?: () => void;
@@ -2311,15 +2256,23 @@ type PopoverProps = BaseComponentPropsWithChildren<HTMLDivElement, {
 declare const Popover: react.ForwardRefExoticComponent<Pick<react.HTMLAttributes<HTMLDivElement>, "id" | "className"> & {
     /**Tittel. */
     title?: string | ReactNode;
-    /** **OBS!** Propen settes automatisk av `<PopoverGroup />`. Spesifiserer om `<Popover />` skal vises. */
+    /** **OBS!** Propen settes automatisk av `<PopoverGroup />`. Spesifiserer om `<Popover />` skal vises.
+     * @default false
+     */
     isOpen?: boolean;
-    /**Om lukkeknapp skal vises. */
+    /**Om lukkeknapp skal vises.
+     * @default true
+     */
     withCloseButton?: boolean;
     /** **OBS!** Propen settes automatisk av `<PopoverGroup />`. Anchor-elementet. */
     anchorElement?: HTMLElement;
-    /**Spesifiserer hvor komponenten skal plasseres i forhold til anchor-elementet. */
+    /**Spesifiserer hvor komponenten skal plasseres i forhold til anchor-elementet.
+     * @default "bottom"
+     */
     placement?: Placement;
-    /**Avstand fra anchor-elementet i px. */
+    /**Avstand fra anchor-elementet i px.
+     * @default 8
+     */
     offset?: number;
     /** Ekstra logikk kjørt når lukkeknappen trykkes. */
     onCloseButtonClick?: () => void;
@@ -2355,7 +2308,9 @@ declare const PopoverGroup: {
 interface BaseItemProps {
     /** Om steget er valgt eller ikke. Settes av konsument. */
     active?: boolean;
-    /** Om steget er ferdig eller ikke. Settes av konsument. */
+    /** Om steget er ferdig eller ikke. Settes av konsument.
+     * @default false
+     */
     completed?: boolean;
     /** Om steget skal være disabled. Settes av konsument.
      * @default false
@@ -2363,7 +2318,7 @@ interface BaseItemProps {
     disabled?: boolean;
     /** Ikon som skal vises istedenfor stegnummeret. Settes av konument. */
     icon?: SvgIcon;
-    /** Indeksen til steget. NB! Denne settes automatisk av `<ProgressTracker />` og skal ikke settes manuelt. */
+    /** Indeksen til steget. NB! Denne settes automatisk av forelder og skal ikke settes manuelt. */
     index?: number;
 }
 type ProgressTrackerItemProps = BaseComponentPropsWithChildren<HTMLButtonElement, BaseItemProps & {
@@ -2378,7 +2333,9 @@ declare const ProgressTrackerItem: {
 };
 
 type ProgressTrackerProps = BaseComponentPropsWithChildren<HTMLDivElement, {
-    /** Indeksen til det aktive steget. */
+    /** Indeksen til det aktive steget.
+     * @default 0
+     */
     activeStep?: number;
     /** Ekstra logikk ved klikking på et steg. */
     onStepChange?: (step: number) => void;
@@ -2390,11 +2347,9 @@ declare const ProgressTracker: ProgressTrackerComponent;
 
 type SearchSize = 'small' | 'medium' | 'large';
 type SearchButtonProps = {
-    onClick: (event: MouseEvent$1<HTMLButtonElement>) => void;
     label?: string;
-    loading?: boolean;
-    purpose?: 'primary' | 'secondary';
-} & ButtonHTMLAttributes<HTMLButtonElement>;
+    purpose?: ExtractStrict<ButtonPurpose, 'primary' | 'secondary'>;
+} & Pick<ButtonProps, 'loading' | 'loadingTooltip'> & ComponentProps<'button'>;
 
 type SearchProps = Pick<InputProps, 'tip' | 'label'> & {
     /**Størrelsen på komponenten. */
@@ -2430,9 +2385,11 @@ interface SearchAutocompleteWrapperProps {
     onSuggestionSelection?: () => void;
     /** Custom filter for forslag. */
     filter?: (sugestion: string, query: string) => boolean;
-    /**Minst lengde på query når forslag skal vises. */
+    /**Minst lengde på query når forslag skal vises.
+     * @default 2
+     */
     queryLength?: number;
-    /** Barnet til komponenten (`<Search />`). */
+    /** Barnet til subkomponenten - `<Search>`. */
     children?: ReactNode;
     /**Initielle `value` i `<Search>`. */
     value?: string;
@@ -2483,7 +2440,9 @@ type WrappedReactSelectProps<Option, IsMulti extends boolean, Group extends Grou
 type SelectProps<Option = unknown, IsMulti extends boolean = false> = {
     /**Ledetekst for nedtrekkslisten. */
     label?: string;
-    /**Størrelsen på komponenten. */
+    /**Størrelsen på komponenten.
+     * @default "medium"
+     */
     componentSize?: InputSize;
     /**Ikonet som vises i komponenten. */
     icon?: SvgIcon;
@@ -2517,58 +2476,58 @@ declare const NativeSelectPlaceholder: react.ForwardRefExoticComponent<Omit<reac
 
 declare const createSelectOptions: <TValue extends string | number>(...args: Array<TValue>) => Array<SelectOption<TValue>>;
 
-type CheckboxPickedHTMLAttributes = Pick<InputHTMLAttributes<HTMLInputElement>, 'aria-describedby' | 'name' | 'checked' | 'defaultChecked' | 'value' | 'defaultValue' | 'onChange' | 'onBlur'>;
-type CheckboxProps = BaseComponentProps<HTMLInputElement, {
-    /** Ledetekst for inputelementet. */
+interface SelectionControlCommonProps {
+    /**Ledetekst for alternativet. */
     label?: string;
-    /**Indikererr ugyldig input, endrer styling. */
-    error?: boolean;
-    /** Setter disabled-tilstand for inputelementet. */
+    /**Spesifiserer om input er `disabled`. */
     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;
-} & CheckboxPickedHTMLAttributes, Omit<InputHTMLAttributes<HTMLInputElement>, keyof CheckboxPickedHTMLAttributes>>;
-
-declare const Checkbox: react.ForwardRefExoticComponent<Pick<Omit<react.InputHTMLAttributes<HTMLInputElement>, "defaultChecked" | "defaultValue" | "aria-describedby" | "onBlur" | "onChange" | "name" | "value" | "checked">, "id" | "className"> & {
-    label?: string;
+    /**Indikerer valideringsfeil. Påvirker styling. */
     error?: boolean;
-    disabled?: boolean;
+    /**Inputelementet blir `readonly` - den kan ikke interageres med. Brukes bl.a. til å presentere input brukeren har fylt ut andre steder. */
     readOnly?: boolean;
-    indeterminate?: boolean;
-} & CheckboxPickedHTMLAttributes & {
-    htmlProps?: Omit<react.InputHTMLAttributes<HTMLInputElement>, "defaultChecked" | "defaultValue" | "aria-describedby" | "onBlur" | "onChange" | "name" | "value" | "checked"> | undefined;
-} & react.RefAttributes<HTMLInputElement>>;
-
-type CheckboxGroupProps = BaseComponentPropsWithChildren<HTMLDivElement, {
+}
+interface SelectionControlGroupCommonProps {
     /**Ledetekst for gruppen. */
     label?: string;
-    /**Retningen barna gjengis i. */
+    /**Retningen barna gjengis i.
+     * @default "row"
+     */
     direction?: Direction$1;
     /**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;
     /**Hjelpetekst for gruppen. */
     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;
     /**Gir alle barna `disabled` prop. */
     disabled?: boolean;
     /**Gir alle barna `readOnly` prop. */
     readOnly?: boolean;
+    /**Meldingen som vises ved valideringsfeil. Gir error-tilstand til barna og setter `aria-describedby` for barna. */
+    errorMessage?: string;
+}
+
+type CheckboxPickedHTMLAttributes = Pick<InputHTMLAttributes<HTMLInputElement>, 'aria-describedby' | 'name' | 'checked' | 'defaultChecked' | 'value' | 'defaultValue' | 'onChange' | 'onBlur'>;
+type CheckboxProps = BaseComponentProps<HTMLInputElement, SelectionControlCommonProps & {
+    /**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 valgt eller ikke. */
+    indeterminate?: boolean;
+} & CheckboxPickedHTMLAttributes, Omit<InputHTMLAttributes<HTMLInputElement>, keyof CheckboxPickedHTMLAttributes>>;
+
+declare const Checkbox: react.ForwardRefExoticComponent<Pick<Omit<react.InputHTMLAttributes<HTMLInputElement>, "defaultChecked" | "defaultValue" | "aria-describedby" | "onBlur" | "onChange" | "name" | "value" | "checked">, "id" | "className"> & SelectionControlCommonProps & {
+    indeterminate?: boolean;
+} & CheckboxPickedHTMLAttributes & {
+    htmlProps?: Omit<react.InputHTMLAttributes<HTMLInputElement>, "defaultChecked" | "defaultValue" | "aria-describedby" | "onBlur" | "onChange" | "name" | "value" | "checked"> | undefined;
+} & react.RefAttributes<HTMLInputElement>>;
+
+type CheckboxGroupProps = BaseComponentPropsWithChildren<HTMLDivElement, SelectionControlGroupCommonProps & {
+    /**Indikerer at det er påkrevd å velge minst ett alternativ. Legger en markør bak ledeteksten. **OBS!** `required` må i tillegg gis til `<Checkbox>`-barna manuelt. */
+    required?: boolean;
 }>;
 declare const CheckboxGroup: {
     (props: CheckboxGroupProps): react_jsx_runtime.JSX.Element;
     displayName: string;
 };
 
-declare const RadioButton: react.ForwardRefExoticComponent<Pick<Omit<react.InputHTMLAttributes<HTMLInputElement>, "aria-describedby" | "onChange" | "name" | "value" | "checked" | "readOnly" | "required">, "id" | "className"> & {
-    label?: string;
-    disabled?: boolean;
-    error?: boolean;
-} & {
+declare const RadioButton: react.ForwardRefExoticComponent<Pick<Omit<react.InputHTMLAttributes<HTMLInputElement>, "aria-describedby" | "onChange" | "name" | "value" | "checked" | "readOnly" | "required">, "id" | "className"> & SelectionControlCommonProps & {
     "aria-describedby"?: string | undefined;
     onChange?: react.ChangeEventHandler<HTMLInputElement> | undefined;
     name?: string | undefined;
@@ -2583,68 +2542,74 @@ declare const RadioButton: react.ForwardRefExoticComponent<Pick<Omit<react.Input
 } & react.RefAttributes<HTMLInputElement>>;
 
 type PickedInputHTMLAttributes$1 = Pick<InputHTMLAttributes<HTMLInputElement>, 'name' | 'readOnly' | 'checked' | 'value' | 'required' | 'onChange' | 'aria-describedby'>;
-type RadioButtonProps = BaseComponentPropsWithChildren<HTMLInputElement, {
-    /**Ledetekst for alternativet. */
-    label?: string;
-    /**Spesifiserer om input er disabled. */
-    disabled?: boolean;
-    /**Indikerer valideringsfeil. Påvirker styling. */
-    error?: boolean;
-} & PickedInputHTMLAttributes$1, Omit<InputHTMLAttributes<HTMLInputElement>, keyof PickedInputHTMLAttributes$1>>;
+type RadioButtonProps = BaseComponentPropsWithChildren<HTMLInputElement, SelectionControlCommonProps & PickedInputHTMLAttributes$1, Omit<InputHTMLAttributes<HTMLInputElement>, keyof PickedInputHTMLAttributes$1>>;
 
-type RadioButtonGroupProps<T extends string | number> = BaseComponentPropsWithChildren<HTMLDivElement, {
+type RadioButtonGroupProps<T extends string | number> = BaseComponentPropsWithChildren<HTMLDivElement, SelectionControlGroupCommonProps & {
     /** Gir alle barna `name` prop.*/
     name?: string;
-    /**Ledetekst for hele gruppen. */
-    label?: string;
     /**Funksjonen for onChange-event for barna. */
     onChange?: (event: ChangeEvent<HTMLInputElement>, value: T | undefined) => void;
-    /**Legger en markør (*) bak label som indikerer at input er påkrevd. Gjør alle barna påkrevd ved å gi dem `required` prop. */
+    /** Gjør alle barna påkrevd ved å gi dem `required` prop. Legger en markør (*) bak ledeteksten. */
     required?: boolean;
-    /**Meldingen som vises ved valideringsfeil. Gir alle barna error prop. */
-    errorMessage?: string;
-    /**Hjelpetekst for gruppen. */
-    tip?: string;
-    /**Gir alle barna `disabled` prop. */
-    disabled?: boolean;
-    /**Gir alle barna `readOnly` prop */
-    readOnly?: boolean;
-    /**Retningen radioknappene skal gjengis i. */
-    direction?: Direction$1;
     /**Default verdi - en `<RadioButton />` blir forhåndsvalgt. **OBS!** brukes kun når brukeren ikke skal fylle ut selv. */
     value?: T | undefined;
-    /**custom id for for gruppen, knytter `label` til gruppen via `aria-label`. */
-    groupId?: string;
 }, Omit<HTMLAttributes<HTMLDivElement>, 'onChange'>>;
 declare const RadioButtonGroup: <T extends string | number = string>(props: RadioButtonGroupProps<T> & {
     ref?: Ref<HTMLDivElement>;
 }) => ReactElement;
 
+type SkeletonAppearance = 'circle' | 'rectangle';
+type SkeletonProps = {
+    /** Bredde. */
+    width?: Property.Width;
+    /** Høyde. */
+    height?: Property.Height;
+    /**CSS border radius.
+     * @default "var(--dds-border-radius-surface)"
+     */
+    borderRadius: Property.BorderRadius;
+} & ComponentPropsWithRef<'div'>;
+declare const Skeleton: react.ForwardRefExoticComponent<Omit<SkeletonProps, "ref"> & react.RefAttributes<HTMLDivElement>>;
+
 type SkipToContentProps = BaseComponentProps<HTMLAnchorElement, {
-    /** Teksten som vises i lenka. */
+    /** Teksten som vises i lenka.
+     * @default "Til hovedinnhold"
+     */
     text?: string;
     /**Spesifiserer hvor det skal hoppes til via `id`-attributtet til innholdet. */
     href: string;
-    /**Avstand fra top i nærmeste posisjonert container. */
+    /**Avstand fra top i nærmeste posisjonert container.
+     * @default 0
+     */
     top?: Property.Top;
 }>;
 declare const SkipToContent: react.ForwardRefExoticComponent<Pick<react.HTMLAttributes<HTMLAnchorElement>, "id" | "className"> & {
-    /** Teksten som vises i lenka. */
+    /** Teksten som vises i lenka.
+     * @default "Til hovedinnhold"
+     */
     text?: string;
     /**Spesifiserer hvor det skal hoppes til via `id`-attributtet til innholdet. */
     href: string;
-    /**Avstand fra top i nærmeste posisjonert container. */
+    /**Avstand fra top i nærmeste posisjonert container.
+     * @default 0
+     */
     top?: Property.Top;
 } & {
     htmlProps?: react.HTMLAttributes<HTMLAnchorElement> | undefined;
 } & react.RefAttributes<HTMLAnchorElement>>;
 
 type SpinnerProps = BaseComponentProps<SVGElement, {
-    /**Farge på spinneren. */
+    /**Farge på spinneren.
+     * @default "iconActionResting"
+     */
     color?: TextColor;
-    /**Størrelse; Setter høyde og bredde på spinneren. */
+    /**Størrelse; Setter høyde og bredde på spinneren.
+     * @default ddsTokens.ddsIconSizeMedium
+     */
     size?: Property.Width;
-    /**Tekst som vises ved hover. */
+    /**Tekst som vises ved hover.
+     * @default "Innlasting pågår"
+     */
     tooltip?: string;
 }>;
 declare function Spinner(props: SpinnerProps): react_jsx_runtime.JSX.Element;
@@ -2654,25 +2619,25 @@ declare namespace Spinner {
 
 type SplitButtonPurpose = ExtractStrict<ButtonPurpose, 'primary' | 'secondary'>;
 type SplitButtonPrimaryActionProps = Omit<ButtonProps, 'size' | 'purpose'>;
-type SplitButtonSecondaryActionsProps = Array<OverflowMenuButtonItem>;
-type SplitButtonProps = {
-    /**Størrelse på komponenten. */
-    size?: ButtonSize;
-    /**Props for primær handling. Samme props som for `<Button />` unntatt `size` og `purpose`. */
+type SplitButtonSecondaryActionsProps = Array<OverflowMenuButtonProps>;
+type SplitButtonProps = Pick<ButtonProps, 'size'> & {
+    /**Props for primær handling. Samme props som for `<Button>` unntatt `size` og `purpose`. */
     primaryAction: SplitButtonPrimaryActionProps;
     /**Props for sekunære handlinger. */
     secondaryActions: SplitButtonSecondaryActionsProps;
-    /**Formål med knappen */
+    /**Formål med knappen.
+     * @default "primary"
+     */
     purpose?: SplitButtonPurpose;
 } & HTMLAttributes<HTMLDivElement>;
-declare const SplitButton: react.ForwardRefExoticComponent<{
-    /**Størrelse på komponenten. */
-    size?: ButtonSize;
-    /**Props for primær handling. Samme props som for `<Button />` unntatt `size` og `purpose`. */
+declare const SplitButton: react.ForwardRefExoticComponent<Pick<ButtonProps, "size"> & {
+    /**Props for primær handling. Samme props som for `<Button>` unntatt `size` og `purpose`. */
     primaryAction: SplitButtonPrimaryActionProps;
     /**Props for sekunære handlinger. */
     secondaryActions: SplitButtonSecondaryActionsProps;
-    /**Formål med knappen */
+    /**Formål med knappen.
+     * @default "primary"
+     */
     purpose?: SplitButtonPurpose;
 } & HTMLAttributes<HTMLDivElement> & react.RefAttributes<HTMLDivElement>>;
 
@@ -2684,12 +2649,12 @@ interface StackStyleProps {
     direction: 'horizontal' | 'vertical';
     /**
      * CSS `align-items`.
-     * @default 'center'
+     * @default "center"
      */
     align?: StandardProperties['alignItems'];
     /**
      * CSS `justify-content`.
-     * @default 'flex-start'
+     * @default "flex-start"
      */
     justify?: StandardProperties['justifyContent'];
     /**
@@ -2717,7 +2682,9 @@ type HyphenSpacingProps = 'x-0-125' | 'x-0-25' | 'x-0-5' | 'x-0-75' | 'x-1' | 'x
 
 type TableDensity = 'normal' | 'compact' | 'extraCompact';
 type TableProps = {
-    /**Spesifiserer hvor romslige cellene i tabellen skal være. */
+    /**Spesifiserer hvor romslige cellene i tabellen skal være.
+     * @default "normal"
+     */
     density?: TableDensity;
     /**Spesifiserer om cellene i `<Head>` skal bli sticky ved scrolling. */
     stickyHeader?: boolean;
@@ -2733,10 +2700,13 @@ type RowMode = 'normal' | 'sum';
 type TableRowProps = {
     /**
      * Spesifiserer om raden skal brukes i `<head>` eller `<body>`-seksjonen.
-     * @default 'body' hvis den er brukt i `<Table.Body>` eller `<Table.Foot>`, 'head' hvis den er i `<Table.Head>`.
+     * @default "body" hvis den er brukt i `<Table.Body>` eller `<Table.Foot>`, 'head' hvis den er i `<Table.Head>`.
      */
     type?: TableRowType;
-    /**Custom modus for rader som har ytterligere semantisk betydning (f.eks. summeringsrad), definerer kun styling. Ved bruk av sum må `<Cell>` med tall i høyrestilles vha layout prop.  */
+    /**Custom modus for rader som har ytterligere semantisk betydning (f.eks. summeringsrad), definerer kun styling.
+     * Ved bruk av sum må `<Cell>` med tall i høyrestilles vha layout prop.
+     * @default "normal"
+     **/
     mode?: RowMode;
     /**Spesifiserer om raden har blitt valgt/markert. */
     selected?: boolean;
@@ -2755,10 +2725,12 @@ interface CollapsibleProps {
 type TableCellProps = {
     /**
      * Type celle. Returnerer enten `<td>` eller `<th>`.
-     * @default 'data' hvis den er brukt i `<Table.Body>` eller `<Table.Foot>`, 'head' hvis den er i `<Table.Head>`.
+     * @default "data" hvis den er brukt i `<Table.Body>` eller `<Table.Foot>`, 'head' hvis den er i `<Table.Head>`.
      */
     type?: TableCellType;
-    /**Layout av innholdet i cellen; legger en flex `<div>` i cellen, unntatt 'none' som ikke legger inn noe. 'tekst and icon' legger `gap` mellom barna og andre barnet i cellen.  */
+    /**Layout av innholdet i cellen; legger en flex `<div>` i cellen, unntatt 'none' som ikke legger inn noe. 'tekst and icon' legger `gap` mellom barna og andre barnet i cellen.
+     * @default "left"
+     */
     layout?: TableCellLayout;
     /** Props ved bruk av `<CollapsibleRow>`. **OBS!** settes automatisk av forelder. */
     collapsibleProps?: CollapsibleProps;
@@ -2858,7 +2830,9 @@ type TabsProps = BaseComponentPropsWithChildren<HTMLDivElement, {
     activeTab?: number;
     /** Ekstra logikk ved endring av aktiv fane. */
     onChange?: (index: number) => void;
-    /** Retningen ikon og tekst vises i `<Tab />`-elementer. */
+    /** Retningen ikon og tekst vises i `<Tab>`-elementer.
+     * @default "row"
+     */
     tabContentDirection?: Direction$1;
     /**Bredde for hele komponenten. */
     width?: Property.Width;
@@ -2868,7 +2842,9 @@ declare const Tabs: react.ForwardRefExoticComponent<Pick<Omit<HTMLAttributes<HTM
     activeTab?: number;
     /** Ekstra logikk ved endring av aktiv fane. */
     onChange?: (index: number) => void;
-    /** Retningen ikon og tekst vises i `<Tab />`-elementer. */
+    /** Retningen ikon og tekst vises i `<Tab>`-elementer.
+     * @default "row"
+     */
     tabContentDirection?: Direction$1;
     /**Bredde for hele komponenten. */
     width?: Property.Width;
@@ -2879,31 +2855,39 @@ declare const Tabs: react.ForwardRefExoticComponent<Pick<Omit<HTMLAttributes<HTM
 } & react.RefAttributes<HTMLDivElement>>;
 
 type TabProps = BaseComponentPropsWithChildren<HTMLButtonElement, {
-    /**Spesifiserer om fanen er aktiv. */
+    /**Spesifiserer om fanen er aktiv.
+     * @default false
+     */
     active?: boolean;
     /** Ikon. */
     icon?: SvgIcon;
-    /** Spesifiserer om `<Tab />` skal ha fokus. **OBS!** settes automatisk av forelder.*/
+    /** Spesifiserer om `<Tab>` skal ha fokus. **OBS!** settes automatisk av forelder.*/
     focus?: boolean;
     /**  Callback som setter fokus. **OBS!** settes automatisk av forelder.*/
     setFocus?: Dispatch<SetStateAction<number>>;
-    /** Indeksen til `<Tab />`. **OBS!** settes automatisk av forelder.*/
+    /** Indeksen til `<Tab>`. **OBS!** settes automatisk av forelder.*/
     index?: number;
-    /** Bredden til `<Tab />`. Her er det støtte for de samme enhetene som du kan bruke i `grid-template-columns`. */
+    /** Bredden til `<Tab>`. Her er det støtte for de samme enhetene som du kan bruke i `grid-template-columns`.
+     * @default "1fr"
+     */
     width?: CSS.Properties['width'];
 } & Pick<ButtonHTMLAttributes<HTMLButtonElement>, 'onClick' | 'onKeyDown'>, Omit<ButtonHTMLAttributes<HTMLButtonElement>, 'onClick' | 'onKeyDown'>>;
 declare const Tab: react.ForwardRefExoticComponent<Pick<Omit<ButtonHTMLAttributes<HTMLButtonElement>, "onKeyDown" | "onClick">, "id" | "className"> & {
-    /**Spesifiserer om fanen er aktiv. */
+    /**Spesifiserer om fanen er aktiv.
+     * @default false
+     */
     active?: boolean;
     /** Ikon. */
     icon?: SvgIcon;
-    /** Spesifiserer om `<Tab />` skal ha fokus. **OBS!** settes automatisk av forelder.*/
+    /** Spesifiserer om `<Tab>` skal ha fokus. **OBS!** settes automatisk av forelder.*/
     focus?: boolean;
     /**  Callback som setter fokus. **OBS!** settes automatisk av forelder.*/
     setFocus?: Dispatch<SetStateAction<number>>;
-    /** Indeksen til `<Tab />`. **OBS!** settes automatisk av forelder.*/
+    /** Indeksen til `<Tab>`. **OBS!** settes automatisk av forelder.*/
     index?: number;
-    /** Bredden til `<Tab />`. Her er det støtte for de samme enhetene som du kan bruke i `grid-template-columns`. */
+    /** Bredden til `<Tab>`. Her er det støtte for de samme enhetene som du kan bruke i `grid-template-columns`.
+     * @default "1fr"
+     */
     width?: CSS.Properties["width"];
 } & Pick<ButtonHTMLAttributes<HTMLButtonElement>, "onKeyDown" | "onClick"> & {
     children?: react.ReactNode | undefined;
@@ -2943,10 +2927,12 @@ type TagProps = BaseComponentPropsWithChildren<HTMLSpanElement, {
     text?: string;
     /**
      * Formål med status eller kategorisering. Påvirker styling.
-     * */
+     * @default "default"
+     */
     purpose?: TagPurpose;
     /**
      * Det visuelle uttrykket til komponenten.
+     * @default "default"
      */
     appearance?: TagAppearance;
     /**
@@ -2966,10 +2952,12 @@ declare const Tag: react.ForwardRefExoticComponent<Pick<react.HTMLAttributes<HTM
     text?: string;
     /**
      * Formål med status eller kategorisering. Påvirker styling.
-     * */
+     * @default "default"
+     */
     purpose?: TagPurpose;
     /**
      * Det visuelle uttrykket til komponenten.
+     * @default "default"
      */
     appearance?: TagAppearance;
     /**
@@ -2984,11 +2972,15 @@ declare const Tag: react.ForwardRefExoticComponent<Pick<react.HTMLAttributes<HTM
 } & react.RefAttributes<HTMLSpanElement>>;
 
 type TextAreaProps = CommonInputProps & {
-    /** Spesifiserer om tegntelleren skal vises ved bruk av `maxLength` attributt. */
+    /** Spesifiserer om tegntelleren skal vises ved bruk av `maxLength` attributt.
+     * @default true
+     */
     withCharacterCounter?: boolean;
 } & TextareaHTMLAttributes<HTMLTextAreaElement>;
 declare const TextArea: react.ForwardRefExoticComponent<CommonInputProps & {
-    /** Spesifiserer om tegntelleren skal vises ved bruk av `maxLength` attributt. */
+    /** Spesifiserer om tegntelleren skal vises ved bruk av `maxLength` attributt.
+     * @default true
+     */
     withCharacterCounter?: boolean;
 } & TextareaHTMLAttributes<HTMLTextAreaElement> & react.RefAttributes<HTMLTextAreaElement>>;
 
@@ -3024,7 +3016,9 @@ interface TextAffixProps {
 type ToggleBarValue = string | number | null | undefined;
 type ToggleBarSize = 'tiny' | 'small' | 'medium' | 'large';
 type ToggleBarProps<T extends string | number> = BaseComponentPropsWithChildren<HTMLDivElement, {
-    /**Størrelse på komponenten. */
+    /**Størrelse på komponenten.
+     * @default "medium"
+     */
     size?: ToggleBarSize;
     /**Ledetekst for hele gruppen. */
     label?: string;
@@ -3043,9 +3037,7 @@ declare const ToggleBar: {
     displayName: string;
 };
 
-declare const typographyTypes: {
-    [k in ToggleBarSize]: StaticTypographyType;
-};
+declare const typographyTypes: Record<ToggleBarSize, StaticTypographyType>;
 type PickedInputHTMLAttributes = Pick<InputHTMLAttributes<HTMLInputElement>, 'name' | 'checked' | 'value' | 'onChange' | 'aria-label' | 'aria-labelledby'>;
 type ToggleRadioProps = BaseComponentProps<HTMLInputElement, {
     /**Ledetekst som vises i komponenten. */
@@ -3073,7 +3065,9 @@ type Direction = 'row' | 'column';
 type ToggleButtonGroupProps = BaseComponentPropsWithChildren<HTMLDivElement, {
     /** Ledetekst for gruppen. */
     label?: string;
-    /**Retningen barna legger seg i. */
+    /**Retningen barna legger seg i.
+     * @default "row"
+     */
     direction?: Direction;
     /** Custom `id` for ledetekst. Blir generert som default for å knytte ledetekst til gruppen.  */
     labelId?: string;
@@ -3095,11 +3089,15 @@ type PickedHTMLAttributes = Pick<HTMLAttributes<HTMLDivElement>, 'style' | 'onMo
 type TooltipProps = BaseComponentProps<HTMLDivElement, {
     /**Innhold i tooltip. */
     text: string;
-    /**Plassering i forhold til anchor-elementet. */
+    /**Plassering i forhold til anchor-elementet.
+     * @default "bottom"
+     */
     placement?: Placement$1;
     /**Anchor-elementet. */
     children: AnchorElement;
-    /**Forsinkelse for når tooltip skal dukke opp. Oppgis i millisekunder.  */
+    /**Forsinkelse for når tooltip skal dukke opp. Oppgis i millisekunder.
+     * @default 100
+     */
     delay?: number;
     /**`id` for tooltip. */
     tooltipId?: string;
@@ -3107,11 +3105,15 @@ type TooltipProps = BaseComponentProps<HTMLDivElement, {
 declare const Tooltip: react__default.ForwardRefExoticComponent<Pick<Omit<react__default.HTMLAttributes<HTMLDivElement>, "style" | "children" | "onMouseLeave" | "onMouseOver">, "id" | "className"> & {
     /**Innhold i tooltip. */
     text: string;
-    /**Plassering i forhold til anchor-elementet. */
+    /**Plassering i forhold til anchor-elementet.
+     * @default "bottom"
+     */
     placement?: Placement$1;
     /**Anchor-elementet. */
     children: AnchorElement;
-    /**Forsinkelse for når tooltip skal dukke opp. Oppgis i millisekunder.  */
+    /**Forsinkelse for når tooltip skal dukke opp. Oppgis i millisekunder.
+     * @default 100
+     */
     delay?: number;
     /**`id` for tooltip. */
     tooltipId?: string;
@@ -3132,4 +3134,4 @@ declare const VisuallyHidden: {
     displayName: string;
 };
 
-export { AddressShieldedIcon, AgreementIcon, type AnchorTypographyType, AnimatedChevronUpDown, AppsIcon, ArchiveIcon, ArrowDownIcon, ArrowLeftIcon, ArrowRightIcon, ArrowUpIcon, type As, AttachmentIcon, BackLink, type BackLinkProps, BarChartBoxedIcon, BarChartIcon, type BaseComponentProps, type BaseComponentPropsWithChildren, type BaseItemProps, type BaseLabelProps, type BaseTypographyProps, BlockIcon, BookIcon, Breadcrumb, type BreadcrumbProps, Breadcrumbs, type BreadcrumbsProps, type BreakpointBasedProps, BuildCircledIcon, BuildIcon, Button, ButtonGroup, type ButtonGroupProps, type ButtonProps, type ButtonPurpose, type ButtonSize, Calendar, CalendarIcon, CalendarMonthIcon, type CalendarProps, CalendarViewDayIcon, CalendarViewMonthIcon, CalendarViewWeekIcon, CallIcon, type Callback, Caption, type CaptionProps, Card, CardAccordion, CardAccordionBody, type CardAccordionBodyProps, CardAccordionHeader, type CardAccordionHeaderProps, type CardAccordionProps, type CardAppearance, type CardProps, type CardType, CaringIcon, CharCounter, ChatIcon, CheckCircledIcon, CheckIcon, Checkbox, CheckboxGroup, type CheckboxGroupProps, type CheckboxPickedHTMLAttributes, type CheckboxProps, ChecklistIcon, ChevronDownIcon, ChevronFirstIcon, ChevronLargeLeftIcon, ChevronLargeRightIcon, ChevronLastIcon, ChevronLeftIcon, ChevronRightIcon, ChevronUpIcon, Chip, ChipGroup, type ChipGroupProps, type ChipProps, CloseCircledIcon, CloseIcon, CloseSmallIcon, CloudIcon, CollapseIcon, CollapsibleTable, type CollapsibleTableProps, CollapsibleRow as CollapsibleTableRow, type ColumnsOccupied, CommentIcon, type CommonInputProps, CopyIcon, CourtIcon, DatePicker, type DatePickerProps, DateRangeIcon, DeathsIcon, DescriptionList, type DescriptionListAppearance, DescriptionListDesc, type DescriptionListDescProps, DescriptionListGroup, type DescriptionListGroupProps, type DescriptionListProps, DescriptionListTerm, type DescriptionListTermProps, type Direction$1 as Direction, Divider, type DividerColor, type DividerProps, DoubleChevronLeftIcon, DoubleChevronRightIcon, DownloadDoneIcon, DownloadIcon, DragHandleIcon, Drawer, DrawerGroup, type DrawerGroupProps, type DrawerPlacement, type DrawerProps, type DrawerSize, EditIcon, ElementAs, type ElementAsProps, EmptyContent, type EmptyContentProps, ErrorIcon, ExclaimIcon, ExpandIcon, type ExpandableCardProps, type ExtractStrict, FacebookIcon, FamilyIcon, FavStar, type FavStarProps, Feedback, FeedbackIcon, type FeedbackProps, Fieldset, type FieldsetProps, FileAddIcon, FileIcon, type FileList, FileShieldedIcon, FileTextIcon, FileUploader, type FileUploaderAccept, type FileUploaderProps, FilterIcon, FilterListIcon, FilterListOffIcon, FilterOffIcon, FindInPageIcon, FlickrIcon, FolderAddIcon, FolderIcon, FolderShieldedIcon, FullscreenExitIcon, FullscreenIcon, GavelIcon, GlobalMessage, type GlobalMessageProps, type GlobalMessagePurpose, Grid, GridChild, type GridChildProps, type GridProps, GuardianIcon, HStack, Heading, type HeadingLevel, type HeadingProps, HelpFilledIcon, HelpIcon, HelpSimpleIcon, HiddenInput, HomeIcon, HourglassBottomIcon, HourglassDisabledIcon, HourglassEmptyIcon, HourglassFullIcon, HourglassTopIcon, type HyphenTypographyType, Icon, type IconPosition, type IconProps, type IconSize, ImageIcon, type InfoCardProps, InfoIcon, InlineButton, type InlineButtonProps, InlineEditInput, type InlineEditInputProps, InlineEditTextArea, type InlineEditTextAreaProps, type InlineElement, Input, InputMessage, type InputMessageProps, type InputMessageType, type InputProps, type InputSize, type InputTypographyTypes, InstagramIcon, InternalHeader, type InternalHeaderProps, JordskifterettIcon, KeyIcon, Label, type LabelProps, type LabelTypographyType, LagmannsrettIcon, LanguageIcon, type Layout, Legend, type LegendProps, LibraryAddIcon, LineChartIcon, Link, LinkIcon, LinkOffIcon, type LinkProps, LinkedInIcon, List, ListAltIcon, ListIcon, ListItem, type ListItemProps, type ListProps, type ListType, type ListTypographyType, LocalMessage, type LocalMessageLayout, type LocalMessageProps, type LocalMessagePurpose, LocationIcon, LockIcon, LockOpenIcon, LoginIcon, LogoutIcon, MailIcon, MailOpenIcon, MenuIcon, MinusCirledIcon, MinusIcon, Modal, ModalActions, type ModalActionsProps, ModalBody, type ModalBodyProps, type ModalProps, MoreHorizontalIcon, MoreVerticalIcon, NativeSelect, NativeSelectPlaceholder, type NativeSelectPlaceholderProps, type NativeSelectProps, type NavigationCardProps, NotarialIcon, NotificationsIcon, NotificationsOffIcon, type Nullable, OnlineMeetingIcon, OpenExternalIcon, type OtherTypographyType, OverflowMenu, OverflowMenuButton, type OverflowMenuButtonItem, type OverflowMenuButtonProps, type OverflowMenuContextItem, OverflowMenuDivider, OverflowMenuGroup, type OverflowMenuGroupProps, OverflowMenuLink, type OverflowMenuLinkItem, type OverflowMenuLinkProps, OverflowMenuList, OverflowMenuListHeader, type OverflowMenuListItemBaseProps, type OverflowMenuNavItem, type OverflowMenuProps, OverflowMenuSpan, type OverflowMenuSpanProps, Pagination, type PaginationOption, type PaginationProps, Paper, type PaperProps, Paragraph, type ParagraphProps, PayoutIcon, PdfIcon, PersonAddIcon, PersonIcon, PersonShieldedIcon, PinIcon, type Placement, PlusCircledIcon, PlusIcon, Popover, PopoverGroup, type PopoverGroupProps, type PopoverProps, type PopoverSizeProps, PowerOfAttorneyIcon, PrintIcon, ProgressTracker, ProgressTrackerItem, type ProgressTrackerItemProps, type ProgressTrackerProps, PropertyIcon, type PropsOf, PublishIcon, QuestionAnswerIcon, RadioButton, RadioButtonGroup, type RadioButtonGroupProps, type RadioButtonProps, type Rating, ReceiptIcon, RedoIcon, RefreshIcon, ReplayIcon, ScreenSize, type ScreenSizeLiteral, Search, SearchAutocompleteWrapper, type SearchAutocompleteWrapperProps, type SearchButtonProps, type SearchData, SearchIcon, type SearchProps, type SearchSize, SearchSuggestions, type SearchSuggestionsProps, Select, type SelectOption, type SelectProps, SettingsIcon, SkipToContent, type SkipToContentProps, SmsIcon, type SortOrder, Spinner, type SpinnerProps, SplitButton, type SplitButtonPrimaryActionProps, type SplitButtonProps, type SplitButtonPurpose, type SplitButtonSecondaryActionsProps, type StackProps, type StackSpacing, type StackStyleProps, StarFilledIcon, StarHalfFilled, StarIcon, StatefulInput, type StatefulInputProps, type StaticTypographyType, StyledSvg, type SvgIcon, type SvgProps, SvgWrapper, SyncIcon, Tab, TabList, type TabListProps, TabPanel, type TabPanelProps, TabPanels, type TabPanelsProps, type TabProps, Table, Body as TableBody, type TableBodyProps, Cell as TableCell, type TableCellLayout, type TableCellProps, type TableCellType, type TableDensity, Foot as TableFoot, type TableFootProps, Head as TableHead, type TableHeadProps, type TableProps, Row as TableRow, type TableRowProps, type TableRowType, SortCell as TableSortCell, type TableSortCellProps, TableWrapper, Tabs, type TabsProps, Tag, type TagAppearance, type TagProps, type TagPurpose, type TextAffixProps, TextArea, type TextAreaProps, TextInput, type TextInputProps, TextOverflowEllipsisInner, TextOverflowEllipsisWrapper, ThumbDownFilledIcon, ThumbDownIcon, ThumbUpFilledIcon, ThumbUpIcon, TimeIcon, TimePicker, type TimePickerProps, TingrettIcon, TipIcon, ToggleBar, type ToggleBarProps, type ToggleBarSize, type ToggleBarValue, ToggleButton, ToggleButtonGroup, type ToggleButtonGroupProps, type ToggleButtonProps, ToggleRadio, type ToggleRadioProps, Tooltip, type TooltipProps, TrashIcon, TrendingDownIcon, TrendingUpIcon, Typography, type TypographyBodyType, type TypographyComponentProps, type TypographyHeadingType, type TypographyLeadType, type TypographyProps, type TypographyType, UndoIcon, UnfoldLessIcon, UnfoldMoreIcon, UploadIcon, VStack, VisibilityOffIcon, VisibilityOnIcon, VisuallyHidden, type VisuallyHiddenProps, WarningIcon, WebexIcon, type WeightedSearchData, type WidthProps, type WithRequiredIf, XIcon, ZoomInIcon, ZoomOutIcon, calendarDateToNativeDate, cn, createSelectOptions, dangerInputfield, dateValueToNativeDate, defaultTypographyType, defaultTypographyTypeClassName, focusDangerInputfield, focusInputfield, focusVisible, focusVisibleInset, focusVisibleInsetSelect, focusVisibleTransitionValue, getBaseHTMLProps, getDefaultText, getElementType, getFontStyling, getLiteralScreenSize, getTypographyCn, hideInput, hoverDangerInputfield, hoverInputfield, index as icons, inheritLinkStyling, inlineElements, inputTypographyTypes, isGridColumn, isHeading, isInlineElement, isKeyboardEvent, isLegend, isRelativeGridColumn, nativeDateToCalendarDate, nativeDateToDateValue, nativeDateToTime, normalizeButton, outlineInset, outlineOffset, purposeVariants, removeButtonStyling, removeListStyling, renderCharCounter, renderInputMessage, scrollbarStyling, selection, spacingPropToCn, typographyTypes, useCombinedRef, useFloatPosition, useFocusTrap, useIsMounted, useMountTransition, useOnClickOutside, useOnKeyDown, useReturnFocusOnBlur, useRoveFocus, useScreenSize, visibilityTransition };
+export { AddressShieldedIcon, AgreementIcon, type AnchorTypographyType, AnimatedChevronUpDown, AppsIcon, ArchiveIcon, ArrowDownIcon, ArrowLeftIcon, ArrowRightIcon, ArrowUpIcon, type As, AttachmentIcon, BackLink, type BackLinkProps, BarChartBoxedIcon, BarChartIcon, type BaseComponentProps, type BaseComponentPropsWithChildren, type BaseItemProps, type BaseLabelProps, type BaseTypographyProps, BlockIcon, BookIcon, Breadcrumb, type BreadcrumbProps, Breadcrumbs, type BreadcrumbsProps, type BreakpointBasedProps, BuildCircledIcon, BuildIcon, Button, ButtonGroup, type ButtonGroupProps, type ButtonProps, type ButtonPurpose, type ButtonSize, Calendar, CalendarIcon, CalendarMonthIcon, type CalendarProps, CalendarViewDayIcon, CalendarViewMonthIcon, CalendarViewWeekIcon, CallIcon, type Callback, Caption, type CaptionProps, Card, CardAccordion, CardAccordionBody, type CardAccordionBodyProps, CardAccordionHeader, type CardAccordionHeaderProps, type CardAccordionProps, type CardAppearance, type CardProps, type CardType, CaringIcon, CharCounter, ChatIcon, CheckCircledIcon, CheckIcon, Checkbox, CheckboxGroup, type CheckboxGroupProps, type CheckboxPickedHTMLAttributes, type CheckboxProps, ChecklistIcon, ChevronDownIcon, ChevronFirstIcon, ChevronLargeLeftIcon, ChevronLargeRightIcon, ChevronLastIcon, ChevronLeftIcon, ChevronRightIcon, ChevronUpIcon, Chip, ChipGroup, type ChipGroupProps, type ChipProps, CloseCircledIcon, CloseIcon, CloseSmallIcon, CloudIcon, CollapseIcon, CollapsibleTable, type CollapsibleTableProps, CollapsibleRow as CollapsibleTableRow, type ColumnsOccupied, CommentIcon, type CommonInputProps, Contrast, type ContrastProps, CopyIcon, CourtIcon, DatePicker, type DatePickerProps, DateRangeIcon, DeathsIcon, DescriptionList, type DescriptionListAppearance, DescriptionListDesc, type DescriptionListDescProps, DescriptionListGroup, type DescriptionListGroupProps, type DescriptionListProps, DescriptionListTerm, type DescriptionListTermProps, type Direction$1 as Direction, Divider, type DividerColor, type DividerProps, DoubleChevronLeftIcon, DoubleChevronRightIcon, DownloadDoneIcon, DownloadIcon, DragHandleIcon, Drawer, DrawerGroup, type DrawerGroupProps, type DrawerPlacement, type DrawerProps, type DrawerSize, EditIcon, ElementAs, type ElementAsProps, EmptyContent, type EmptyContentProps, ErrorIcon, ExclaimIcon, ExpandIcon, type ExpandableCardProps, type ExtractStrict, FacebookIcon, FamilyIcon, FavStar, type FavStarProps, Feedback, FeedbackIcon, type FeedbackProps, Fieldset, type FieldsetProps, FileAddIcon, FileIcon, type FileList, FileShieldedIcon, FileTextIcon, FileUploader, type FileUploaderAccept, type FileUploaderProps, FilterIcon, FilterListIcon, FilterListOffIcon, FilterOffIcon, FindInPageIcon, FlickrIcon, FolderAddIcon, FolderIcon, FolderShieldedIcon, Footer, FooterLeft, type FooterLeftProps, FooterList, FooterListGroup, type FooterListGroupProps, FooterListHeader, type FooterListHeaderProps, type FooterListProps, FooterLogo, type FooterLogoProps, type FooterProps, FooterSocialsGroup, type FooterSocialsGroupProps, FooterSocialsList, type FooterSocialsListProps, FullscreenExitIcon, FullscreenIcon, GavelIcon, GlobalMessage, type GlobalMessageProps, type GlobalMessagePurpose, Grid, GridChild, type GridChildProps, type GridProps, GuardianIcon, HStack, Heading, type HeadingLevel, type HeadingProps, HelpFilledIcon, HelpIcon, HelpSimpleIcon, HiddenInput, HomeIcon, HourglassBottomIcon, HourglassDisabledIcon, HourglassEmptyIcon, HourglassFullIcon, HourglassTopIcon, type HyphenTypographyType, Icon, type IconPosition, type IconProps, type IconSize, ImageIcon, type InfoCardProps, InfoIcon, InlineButton, type InlineButtonProps, InlineEditInput, type InlineEditInputProps, InlineEditTextArea, type InlineEditTextAreaProps, type InlineElement, Input, InputMessage, type InputMessageProps, type InputMessageType, type InputProps, type InputSize, type InputTypographyTypes, InstagramIcon, InternalHeader, type InternalHeaderProps, JordskifterettIcon, KeyIcon, Label, type LabelProps, type LabelTypographyType, LagmannsrettIcon, LanguageIcon, type Layout, Legend, type LegendProps, LibraryAddIcon, LineChartIcon, Link, LinkIcon, LinkOffIcon, type LinkProps, LinkedInIcon, List, ListAltIcon, ListIcon, ListItem, type ListItemProps, type ListProps, type ListType, type ListTypographyType, LocalMessage, type LocalMessageLayout, type LocalMessageProps, type LocalMessagePurpose, LocationIcon, LockIcon, LockOpenIcon, LoginIcon, LogoutIcon, MailIcon, MailOpenIcon, MenuIcon, MinusCirledIcon, MinusIcon, Modal, ModalActions, type ModalActionsProps, ModalBody, type ModalBodyProps, type ModalProps, MoreHorizontalIcon, MoreVerticalIcon, NativeSelect, NativeSelectPlaceholder, type NativeSelectPlaceholderProps, type NativeSelectProps, type NavigationCardProps, NotarialIcon, NotificationsIcon, NotificationsOffIcon, type Nullable, OnlineMeetingIcon, OpenExternalIcon, type OtherTypographyType, OverflowMenu, OverflowMenuButton, type OverflowMenuButtonProps, OverflowMenuDivider, OverflowMenuGroup, type OverflowMenuGroupProps, OverflowMenuLink, type OverflowMenuLinkProps, OverflowMenuList, OverflowMenuListHeader, type OverflowMenuListItemBaseProps, type OverflowMenuProps, OverflowMenuSpan, type OverflowMenuSpanProps, Pagination, type PaginationOption, type PaginationProps, Paper, type PaperProps, Paragraph, type ParagraphProps, PayoutIcon, PdfIcon, PersonAddIcon, PersonIcon, PersonShieldedIcon, PinIcon, type Placement, PlusCircledIcon, PlusIcon, Popover, PopoverGroup, type PopoverGroupProps, type PopoverProps, type PopoverSizeProps, PowerOfAttorneyIcon, PrintIcon, ProgressTracker, ProgressTrackerItem, type ProgressTrackerItemProps, type ProgressTrackerProps, PropertyIcon, type PropsOf, PublishIcon, QuestionAnswerIcon, RadioButton, RadioButtonGroup, type RadioButtonGroupProps, type RadioButtonProps, type Rating, ReceiptIcon, RedoIcon, RefreshIcon, ReplayIcon, ScreenSize, type ScreenSizeLiteral, Search, SearchAutocompleteWrapper, type SearchAutocompleteWrapperProps, type SearchButtonProps, type SearchData, SearchIcon, type SearchProps, type SearchSize, SearchSuggestions, type SearchSuggestionsProps, Select, type SelectOption, type SelectProps, SettingsIcon, Skeleton, type SkeletonAppearance, type SkeletonProps, SkipToContent, type SkipToContentProps, SmsIcon, type SortOrder, Spinner, type SpinnerProps, SplitButton, type SplitButtonPrimaryActionProps, type SplitButtonProps, type SplitButtonPurpose, type SplitButtonSecondaryActionsProps, type StackProps, type StackSpacing, type StackStyleProps, StarFilledIcon, StarHalfFilled, StarIcon, StatefulInput, type StatefulInputProps, type StaticTypographyType, StyledSvg, type SvgIcon, type SvgProps, SvgWrapper, SyncIcon, Tab, TabList, type TabListProps, TabPanel, type TabPanelProps, TabPanels, type TabPanelsProps, type TabProps, Table, Body as TableBody, type TableBodyProps, Cell as TableCell, type TableCellLayout, type TableCellProps, type TableCellType, type TableDensity, Foot as TableFoot, type TableFootProps, Head as TableHead, type TableHeadProps, type TableProps, Row as TableRow, type TableRowProps, type TableRowType, SortCell as TableSortCell, type TableSortCellProps, TableWrapper, Tabs, type TabsProps, Tag, type TagAppearance, type TagProps, type TagPurpose, type TextAffixProps, TextArea, type TextAreaProps, TextInput, type TextInputProps, TextOverflowEllipsisInner, TextOverflowEllipsisWrapper, ThumbDownFilledIcon, ThumbDownIcon, ThumbUpFilledIcon, ThumbUpIcon, TimeIcon, TimePicker, type TimePickerProps, TingrettIcon, TipIcon, ToggleBar, type ToggleBarProps, type ToggleBarSize, type ToggleBarValue, ToggleButton, ToggleButtonGroup, type ToggleButtonGroupProps, type ToggleButtonProps, ToggleRadio, type ToggleRadioProps, Tooltip, type TooltipProps, TrashIcon, TrendingDownIcon, TrendingUpIcon, Typography, type TypographyBodyType, type TypographyComponentProps, type TypographyHeadingType, type TypographyLeadType, type TypographyProps, type TypographyType, UndoIcon, UnfoldLessIcon, UnfoldMoreIcon, UploadIcon, VStack, VisibilityOffIcon, VisibilityOnIcon, VisuallyHidden, type VisuallyHiddenProps, WarningIcon, WebexIcon, type WeightedSearchData, type WidthProps, type WithRequiredIf, XIcon, ZoomInIcon, ZoomOutIcon, calendarDateToNativeDate, cn, createSelectOptions, dangerInputfield, dateValueToNativeDate, defaultTypographyType, defaultTypographyTypeClassName, focusDangerInputfield, focusInputfield, focusVisible, focusVisibleInset, focusVisibleInsetSelect, focusVisibleTransitionValue, getBaseHTMLProps, getDefaultText, getElementType, getLiteralScreenSize, getTypographyCn, hideInput, hoverDangerInputfield, hoverInputfield, index as icons, inheritLinkStyling, inlineElements, inputTypographyTypes, isGridColumn, isHeading, isInlineElement, isKeyboardEvent, isLegend, isRelativeGridColumn, nativeDateToCalendarDate, nativeDateToDateValue, nativeDateToTime, normalizeButton, outlineInset, outlineOffset, removeButtonStyling, removeListStyling, renderCharCounter, renderInputMessage, scrollbarStyling, selection, spacingPropToCn, typographyTypes, useCombinedRef, useFloatPosition, useFocusTrap, useIsMounted, useMountTransition, useOnClickOutside, useOnKeyDown, useReturnFocusOnBlur, useRoveFocus, useScreenSize, visibilityTransition };