@norges-domstoler/dds-components 14.3.1 → 14.5.0

package/dist/index.d.ts

@@ -4,16 +4,16 @@ import { Property, StandardProperties } from 'csstype';
 import * as styled_components from 'styled-components';
 import * as styled_components_dist_types from 'styled-components/dist/types';
 import * as react from 'react';
-import react__default, { HTMLAttributes, PropsWithChildren, ElementType, ComponentPropsWithoutRef, CSSProperties, AnchorHTMLAttributes, LabelHTMLAttributes, InputHTMLAttributes, RefCallback, RefObject, KeyboardEvent as KeyboardEvent$1, Dispatch, SetStateAction, SVGAttributes, ButtonHTMLAttributes, ReactNode, ReactElement, MouseEventHandler, ChangeEvent, Ref, MouseEvent as MouseEvent$1, TdHTMLAttributes, ThHTMLAttributes, ForwardRefExoticComponent, TextareaHTMLAttributes } from 'react';
+import react__default, { HTMLAttributes, PropsWithChildren, ElementType, ComponentPropsWithoutRef, CSSProperties, AnchorHTMLAttributes, LabelHTMLAttributes, InputHTMLAttributes, RefCallback, RefObject, KeyboardEvent as KeyboardEvent$1, Dispatch, SetStateAction, SVGAttributes, ButtonHTMLAttributes, ReactNode, ReactElement, MouseEventHandler, TextareaHTMLAttributes, ForwardRefExoticComponent, MouseEvent as MouseEvent$1, ChangeEvent, Ref, TdHTMLAttributes, ThHTMLAttributes } from 'react';
 import { TextColor as TextColor$1 } from '@norges-domstoler/dds-components/src/utils';
 import * as _floating_ui_react_dom from '@floating-ui/react-dom';
 import { Strategy, Placement as Placement$1 } from '@floating-ui/react-dom';
 import { Environment } from '@norges-domstoler/development-utils';
-import { OptionProps, GroupBase, SingleValueProps, Props, SelectInstance } from 'react-select';
 import { DateValue, AriaCalendarProps } from '@react-aria/calendar';
 import { DateValue as DateValue$1, CalendarDate, Time } from '@internationalized/date';
 import { AriaDatePickerProps } from '@react-types/datepicker';
 import { AriaDateFieldOptions, useDatePicker, AriaTimeFieldProps } from '@react-aria/datepicker';
+import { OptionProps, GroupBase, SingleValueProps, Props, SelectInstance } from 'react-select';
 
 interface SvgChevronProps {
     isUp?: boolean;
@@ -29,7 +29,7 @@ declare const StatefulInput: styled_components.IStyledComponent<"web", styled_co
     ref?: ((instance: HTMLInputElement | null) => void) | react.RefObject<HTMLInputElement> | null | undefined;
 }, StyledInputProps>> & Omit<styled_components.IStyledComponent<"web", styled_components_dist_types.FastOmit<react.DetailedHTMLProps<react.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, never>>, keyof react.Component<any, {}, any>>;
 interface OuterInputContainerProps {
-    width?: Property.Width;
+    $width?: Property.Width;
 }
 declare const OuterInputContainer: styled_components.IStyledComponent<"web", styled_components_dist_types.Substitute<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, OuterInputContainerProps>>;
 /**Brukes som container til input og ikon for posisjonering. */
@@ -206,6 +206,190 @@ declare const getFontStyling: (type: StaticTypographyType, withColor?: boolean)
     fontWeight: number;
     fontStyle: string;
     color: string | undefined;
+} | {
+    lineHeight: string;
+    fontSize: string;
+    letterSpacing: string;
+    fontFamily: string;
+    fontWeight: number;
+    fontStyle: string;
+    color: string | undefined;
+} | {
+    lineHeight: string;
+    fontSize: string;
+    letterSpacing: string;
+    fontFamily: string;
+    fontWeight: number;
+    fontStyle: string;
+    color: string | undefined;
+} | {
+    lineHeight: string;
+    fontSize: string;
+    letterSpacing: string;
+    fontFamily: string;
+    fontWeight: number;
+    fontStyle: string;
+    color: string | undefined;
+} | {
+    lineHeight: string;
+    fontSize: string;
+    letterSpacing: string;
+    fontFamily: string;
+    fontWeight: number;
+    fontStyle: string;
+    color: string | undefined;
+} | {
+    lineHeight: string;
+    fontSize: string;
+    letterSpacing: string;
+    fontFamily: string;
+    fontWeight: number;
+    fontStyle: string;
+    color: string | undefined;
+} | {
+    lineHeight: string;
+    fontSize: string;
+    letterSpacing: string;
+    fontFamily: string;
+    fontWeight: number;
+    fontStyle: string;
+    color: string | undefined;
+} | {
+    lineHeight: string;
+    fontSize: string;
+    letterSpacing: string;
+    fontFamily: string;
+    fontWeight: number;
+    fontStyle: string;
+    color: string | undefined;
+} | {
+    lineHeight: string;
+    fontSize: string;
+    letterSpacing: string;
+    fontFamily: string;
+    fontWeight: number;
+    fontStyle: string;
+    color: string | undefined;
+} | {
+    lineHeight: string;
+    fontSize: string;
+    letterSpacing: string;
+    fontFamily: string;
+    fontWeight: number;
+    fontStyle: string;
+    color: string | undefined;
+} | {
+    lineHeight: string;
+    fontSize: string;
+    letterSpacing: string;
+    fontFamily: string;
+    fontWeight: number;
+    fontStyle: string;
+    color: string | undefined;
+} | {
+    lineHeight: string;
+    fontSize: string;
+    letterSpacing: string;
+    fontFamily: string;
+    fontWeight: number;
+    fontStyle: string;
+    color: string | undefined;
+} | {
+    lineHeight: string;
+    fontSize: string;
+    letterSpacing: string;
+    fontFamily: string;
+    fontWeight: number;
+    fontStyle: string;
+    color: string | undefined;
+} | {
+    lineHeight: string;
+    fontSize: string;
+    letterSpacing: string;
+    fontFamily: string;
+    fontWeight: number;
+    fontStyle: string;
+    color: string | undefined;
+} | {
+    lineHeight: string;
+    fontSize: string;
+    letterSpacing: string;
+    fontFamily: string;
+    fontWeight: number;
+    fontStyle: string;
+    color: string | undefined;
+} | {
+    lineHeight: string;
+    fontSize: string;
+    letterSpacing: string;
+    fontFamily: string;
+    fontWeight: number;
+    fontStyle: string;
+    color: string | undefined;
+} | {
+    lineHeight: string;
+    fontSize: string;
+    letterSpacing: string;
+    fontFamily: string;
+    fontWeight: number;
+    fontStyle: string;
+    color: string | undefined;
+} | {
+    lineHeight: string;
+    fontSize: string;
+    letterSpacing: string;
+    fontFamily: string;
+    fontWeight: number;
+    fontStyle: string;
+    color: string | undefined;
+} | {
+    lineHeight: string;
+    fontSize: string;
+    letterSpacing: string;
+    fontFamily: string;
+    fontWeight: number;
+    fontStyle: string;
+    color: string | undefined;
+} | {
+    lineHeight: string;
+    fontSize: string;
+    letterSpacing: string;
+    fontFamily: string;
+    fontWeight: number;
+    fontStyle: string;
+    color: string | undefined;
+} | {
+    lineHeight: string;
+    fontSize: string;
+    letterSpacing: string;
+    fontFamily: string;
+    fontWeight: number;
+    fontStyle: string;
+    color: string | undefined;
+} | {
+    lineHeight: string;
+    fontSize: string;
+    letterSpacing: string;
+    fontFamily: string;
+    fontWeight: number;
+    fontStyle: string;
+    color: string | undefined;
+} | {
+    lineHeight: string;
+    fontSize: string;
+    letterSpacing: string;
+    fontFamily: string;
+    fontWeight: number;
+    fontStyle: string;
+    color: string | undefined;
+} | {
+    lineHeight: string;
+    fontSize: string;
+    letterSpacing: string;
+    fontFamily: string;
+    fontWeight: number;
+    fontStyle: string;
+    color: string | undefined;
 };
 
 type CaptionProps = BaseComponentPropsWithChildren<HTMLTableCaptionElement, BaseTypographyProps>;
@@ -354,9 +538,6 @@ declare const inputTokens: {
             gap: number;
         };
     };
-    container: {
-        gap: string;
-    };
 };
 
 declare function getDefaultText(value?: string | number | ReadonlyArray<string>, defaultValue?: string | number | ReadonlyArray<string>): string;
@@ -623,6 +804,10 @@ declare const focusVisible: {
     outline: string;
     outlineOffset: string;
 };
+declare const focusVisibleCard: {
+    outline: string;
+    outlineOffset: string;
+};
 declare const focusVisibleOnDark: {
     outline: string;
     outlineOffset: string;
@@ -1323,144 +1508,35 @@ type CompoundAppShell = typeof AppShell$1 & {
 };
 declare const AppShell: CompoundAppShell;
 
-declare const RadioButton: react.ForwardRefExoticComponent<Pick<Omit<react.InputHTMLAttributes<HTMLInputElement>, "name" | "aria-describedby" | "onChange" | "value" | "checked" | "readOnly" | "required">, "className" | "id"> & {
-    label?: string | undefined;
-    disabled?: boolean | undefined;
-    error?: boolean | undefined;
-} & {
-    name?: string | undefined;
-    "aria-describedby"?: string | undefined;
-    onChange?: react.ChangeEventHandler<HTMLInputElement> | undefined;
-    value?: string | number | readonly string[] | undefined;
-    checked?: boolean | undefined;
-    readOnly?: boolean | undefined;
-    required?: boolean | undefined;
-} & {
+interface BackLinkProps {
+    label: string;
+    href: string;
+}
+declare const BackLink: react.ForwardRefExoticComponent<BackLinkProps & react.RefAttributes<HTMLElement>>;
+
+type BreadcrumbProps = HTMLAttributes<HTMLSpanElement> | AnchorHTMLAttributes<HTMLAnchorElement>;
+declare const Breadcrumb: react.ForwardRefExoticComponent<BreadcrumbProps & react.RefAttributes<HTMLElement>>;
+
+type BreadcrumbsProps = BaseComponentPropsWithChildren<HTMLElement>;
+declare const Breadcrumbs: react.ForwardRefExoticComponent<Pick<react.HTMLAttributes<HTMLElement>, "className" | "id"> & object & {
     children?: react.ReactNode;
 } & {
-    htmlProps?: Omit<react.InputHTMLAttributes<HTMLInputElement>, "name" | "aria-describedby" | "onChange" | "value" | "checked" | "readOnly" | "required"> | undefined;
-} & react.RefAttributes<HTMLInputElement>>;
+    htmlProps?: react.HTMLAttributes<HTMLElement> | undefined;
+} & react.RefAttributes<HTMLElement>>;
 
-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 RadioButtonGroupProps<T extends string | number> = BaseComponentPropsWithChildren<HTMLDivElement, {
-    /** 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. */
-    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: Pick<Omit<HTMLAttributes<HTMLDivElement>, "onChange">, "className" | "id"> & {
-    /** Gir alle barna `name` prop.*/
-    name?: string | undefined;
-    /**Ledetekst for hele gruppen. */
-    label?: string | undefined;
-    /**Funksjonen for onChange-event for barna. */
-    onChange?: ((event: ChangeEvent<HTMLInputElement>, value: T | undefined) => void) | undefined;
-    /**Legger en markør (*) bak label som indikerer at input er påkrevd. Gjør alle barna påkrevd ved å gi dem `required` prop. */
-    required?: boolean | undefined;
-    /**Meldingen som vises ved valideringsfeil. Gir alle barna error prop. */
-    errorMessage?: string | undefined;
-    /**Hjelpetekst for gruppen. */
-    tip?: string | undefined;
-    /**Gir alle barna `disabled` prop. */
-    disabled?: boolean | undefined;
-    /**Gir alle barna `readOnly` prop */
-    readOnly?: boolean | undefined;
-    /**Retningen radioknappene skal gjengis i. */
-    direction?: Direction$1 | undefined;
-    /**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 | undefined;
-} & {
-    children?: react.ReactNode;
-} & {
-    htmlProps?: Omit<HTMLAttributes<HTMLDivElement>, "onChange"> | undefined;
-} & {
-    ref?: Ref<HTMLDivElement> | undefined;
-}) => ReactElement;
-
-type CheckboxPickedHTMLAttributes = Pick<InputHTMLAttributes<HTMLInputElement>, 'aria-describedby' | 'name' | 'checked' | 'defaultChecked' | 'value' | 'defaultValue' | 'onChange' | 'onBlur'>;
-type CheckboxProps = BaseComponentProps<HTMLInputElement, {
-    /** Ledetekst for inputelementet. */
-    label?: string;
-    /**Indikererr ugyldig input, endrer styling. */
-    error?: boolean;
-    /** Setter disabled-tilstand for inputelementet. */
-    disabled?: boolean;
-    /**Inputelementet blir readOnly - den kan ikke interageres med. Brukes til å hente input brukeren har fylt ut andre steder. */
-    readOnly?: boolean;
-    /**Brukes ved nøstet struktur der alle Checkbox som hører til en gruppe kan bli valgt ved å trykke på en forelder Checkbox. Hvis enkelte <Checkbox /> blir valgt men ikke alle skal forelder <Checkbox /> få tilstanden indeterminate - verken checked eller ikke. */
-    indeterminate?: boolean;
-} & CheckboxPickedHTMLAttributes, Omit<InputHTMLAttributes<HTMLInputElement>, keyof CheckboxPickedHTMLAttributes>>;
-
-declare const Checkbox: react.ForwardRefExoticComponent<Pick<Omit<react.InputHTMLAttributes<HTMLInputElement>, "name" | "aria-describedby" | "onBlur" | "onChange" | "defaultChecked" | "defaultValue" | "value" | "checked">, "className" | "id"> & {
-    label?: string | undefined;
-    error?: boolean | undefined;
-    disabled?: boolean | undefined;
-    readOnly?: boolean | undefined;
-    indeterminate?: boolean | undefined;
-} & CheckboxPickedHTMLAttributes & {
-    htmlProps?: Omit<react.InputHTMLAttributes<HTMLInputElement>, "name" | "aria-describedby" | "onBlur" | "onChange" | "defaultChecked" | "defaultValue" | "value" | "checked"> | undefined;
-} & react.RefAttributes<HTMLInputElement>>;
-
-type CheckboxGroupProps = BaseComponentPropsWithChildren<HTMLDivElement, {
-    /**Ledetekst for gruppen. */
-    label?: string;
-    /**Retningen barna gjengis i. */
-    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;
-    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;
-}>;
-declare const CheckboxGroup: {
-    (props: CheckboxGroupProps): react_jsx_runtime.JSX.Element;
-    displayName: string;
-};
-
-type IconSize = 'small' | 'medium' | 'large' | 'inherit';
-type IconProps = BaseComponentProps<SVGSVGElement, {
-    /**Ikonet importert fra `@norges-domstoler/dds-components`. */
-    icon: SvgIcon;
-    /**Størrelsen på ikonet. */
-    iconSize?: IconSize;
-    /**Fargen på ikonet. */
-    color?: Property.Color;
-}>;
-declare function Icon(props: IconProps): JSX.Element;
-declare namespace Icon {
-    var displayName: string;
-}
+type IconSize = 'small' | 'medium' | 'large' | 'inherit';
+type IconProps = BaseComponentProps<SVGSVGElement, {
+    /**Ikonet importert fra `@norges-domstoler/dds-components`. */
+    icon: SvgIcon;
+    /**Størrelsen på ikonet. */
+    iconSize?: IconSize;
+    /**Fargen på ikonet. */
+    color?: Property.Color;
+}>;
+declare function Icon(props: IconProps): JSX.Element;
+declare namespace Icon {
+    var displayName: string;
+}
 
 type ButtonPurpose = 'primary' | 'secondary' | 'danger';
 type ButtonSize = 'tiny' | 'small' | 'medium' | 'large';
@@ -1519,443 +1595,163 @@ declare const Button: react.ForwardRefExoticComponent<Pick<Omit<react.ButtonHTML
     htmlProps?: Omit<react.ButtonHTMLAttributes<HTMLButtonElement>, "type" | "onFocus" | "onBlur" | "onClick"> | undefined;
 } & react.RefAttributes<HTMLButtonElement>>;
 
-declare const TextInput: react__default.ForwardRefExoticComponent<CommonInputProps & {
-    componentSize?: InputSize | undefined;
-} & react__default.InputHTMLAttributes<HTMLInputElement> & {
-    withCharacterCounter?: boolean | undefined;
-    icon?: SvgIcon | undefined;
-    prefix?: string | undefined;
-    suffix?: string | undefined;
-} & react__default.RefAttributes<HTMLInputElement>>;
-
-type TextInputProps = InputProps & {
-    /** Spesifiserer om tegntelleren skal vises ved bruk av `maxLength` attributt. */
-    withCharacterCounter?: boolean;
-    /** Ikonet som vises i komponenten. */
-    icon?: SvgIcon;
-    /**
-     * Prefiks som vises før inputfeltet.
-     * OBS! Prefiks leses ikke av skjermleser og skal derfor ikke brukes som en erstatter
-     * for en beskrivende label. */
-    prefix?: string;
-    /**
-     * Suffiks som vises etter inputfeltet.
-     * OBS! Suffiks leses ikke av skjermleser og skal derfor ikke brukes som en erstatter
-     * for en beskrivende label. */
-    suffix?: string;
+type CardColor = 'filledDark' | 'filledLight' | 'strokeDark' | 'strokeLight';
+type CardType = 'info' | 'navigation' | 'expandable';
+type BaseCardProps<T extends HTMLElement> = BaseComponentPropsWithChildren<T, {
+    /** Fargepalett i komponenten. */
+    color?: CardColor;
+    /** Referanse til komponenten. */
+    cardRef?: RefObject<T>;
+}>;
+type InfoCardProps = BaseCardProps<HTMLDivElement> & {
+    /** Spesifiserer funksjonalitet og formål med komponenten. **OBS!** ved `'navigation'` må `href` oppgis. Ved `'expandable'` må alle `<Card />` grupperte sammen ligge egen `<div>` container. */
+    cardType: 'info';
+};
+type NavigationCardProps = BaseCardProps<HTMLAnchorElement> & {
+    cardType: 'navigation';
+} & Pick<AnchorHTMLAttributes<HTMLAnchorElement>, 'href' | 'target'>;
+type ExpandableCardProps = BaseCardProps<HTMLDivElement> & {
+    cardType: 'expandable';
+};
+type CardProps = InfoCardProps | NavigationCardProps | ExpandableCardProps;
+declare const Card: {
+    (props: CardProps): react_jsx_runtime.JSX.Element;
+    displayName: string;
 };
-interface TextAffixProps {
-    readOnly?: boolean;
-}
-
-interface SelectOption<TValue = unknown> {
-    label: string | number;
-    value: TValue;
-}
-type WrappedReactSelectProps<Option, IsMulti extends boolean, Group extends GroupBase<Option>> = WithRequiredIf<Option extends SelectOption ? false : true, Props<Option, IsMulti, Group>, 'getOptionLabel' | 'getOptionValue'>;
-type SelectProps<Option = unknown, IsMulti extends boolean = false> = {
-    /**Ledetekst for nedtrekkslisten. */
-    label?: string;
-    /**Størrelsen på komponenten. */
-    componentSize?: InputSize;
-    /**Ikonet som vises i komponenten. */
-    icon?: SvgIcon;
-    /**Nedtrekkslisten blir disabled og får readOnly styling. */
-    readOnly?: boolean;
-    /**Meldingen som vises ved valideringsfeil. */
-    errorMessage?: string;
-    /**Hjelpetekst. */
-    tip?: string;
-    /**Custom bredde ved behov. */
-    width?: Property.Width<string>;
-    /** CSS klassenavn. */
-    className?: string;
-    /** Inline styling. */
-    style?: React.CSSProperties;
-    customOptionElement?: (props: OptionProps<Option, IsMulti, GroupBase<Option>>) => JSX.Element;
-    customSingleValueElement?: (props: SingleValueProps<Option, IsMulti, GroupBase<Option>>) => JSX.Element;
-} & Pick<HTMLAttributes<HTMLInputElement>, 'aria-required'> & WrappedReactSelectProps<Option, IsMulti, GroupBase<Option>>;
-type ForwardRefType<Option, IsMulti extends boolean> = React.ForwardedRef<SelectInstance<Option, IsMulti, GroupBase<Option>>>;
-declare function SelectInner<Option = unknown, IsMulti extends boolean = false>(props: SelectProps<Option, IsMulti>, ref: ForwardRefType<Option, IsMulti>): react_jsx_runtime.JSX.Element;
-declare const Select: typeof SelectInner;
-
-declare const createSelectOptions: <TValue extends string | number>(...args: TValue[]) => SelectOption<TValue>[];
 
-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. */
-    purpose?: GlobalMessagePurpose;
-    /**Indikerer om meldingen skal være lukkbar. */
-    closable?: boolean;
-    /**Ekstra logikk å kjøre når meldingen lukkes. */
-    onClose?: () => void;
+type CardAccordionProps = BaseComponentPropsWithChildren<HTMLDivElement, {
+    /**Spesifiserer om body skal være utvidet ved innlastning. */
+    isExpanded?: boolean;
+    /**For å lytte til endringer i expanded-state. */
+    onChange?: (expanded: boolean) => void;
 }>;
-declare const GlobalMessage: react.ForwardRefExoticComponent<Pick<react.HTMLAttributes<HTMLDivElement>, "className" | "id"> & {
-    /**Meldingen som vises til brukeren. Brukes kun når meldingen er en `string`. */
-    message?: string | undefined;
-    /**Formålet med meldingen. Påvirker styling. */
-    purpose?: GlobalMessagePurpose | undefined;
-    /**Indikerer om meldingen skal være lukkbar. */
-    closable?: boolean | undefined;
-    /**Ekstra logikk å kjøre når meldingen lukkes. */
-    onClose?: (() => void) | undefined;
+declare const CardAccordion: react.ForwardRefExoticComponent<Pick<react.HTMLAttributes<HTMLDivElement>, "className" | "id"> & {
+    /**Spesifiserer om body skal være utvidet ved innlastning. */
+    isExpanded?: boolean | undefined;
+    /**For å lytte til endringer i expanded-state. */
+    onChange?: ((expanded: boolean) => void) | undefined;
 } & {
     children?: react.ReactNode;
 } & {
     htmlProps?: react.HTMLAttributes<HTMLDivElement> | undefined;
 } & react.RefAttributes<HTMLDivElement>>;
 
-type LocalMessagePurpose = 'info' | 'warning' | 'danger' | 'confidential' | 'success' | 'tips';
-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. */
-    purpose?: LocalMessagePurpose;
-    /** Indikerer om meldingen skal være lukkbar.*/
-    closable?: boolean;
-    /**Ekstra logikk å kjøre når meldingen lukkes. */
+type CardAccordionHeaderProps = Omit<BaseComponentPropsWithChildren<HTMLButtonElement, {
+    /**Overskriver default padding. */
+    padding?: Property.Padding<string>;
+    /**Overskriver default teksttype. */
+    typographyType?: StaticTypographyType;
+    /**Angir om teksten skal være i "bold"-format. */
+    bold?: boolean;
+}, ButtonHTMLAttributes<HTMLButtonElement>>, 'id'>;
+declare const CardAccordionHeader: react.ForwardRefExoticComponent<CardAccordionHeaderProps & react.RefAttributes<HTMLButtonElement>>;
+
+type CardAccordionBodyProps = Omit<BaseComponentPropsWithChildren<HTMLDivElement, {
+    /**Overskriver default padding på toppen. Brukes når barn har spacing på toppen, f.eks. en overskrift. */
+    paddingTop?: Property.PaddingTop<string>;
+    /**Overskriver default padding. */
+    padding?: Property.Padding<string>;
+}>, 'id'>;
+declare const CardAccordionBody: react.ForwardRefExoticComponent<CardAccordionBodyProps & react.RefAttributes<HTMLDivElement>>;
+
+type ChipProps = BaseComponentProps<HTMLDivElement, {
+    /** Teksten som vises i komponenten. */
+    text?: string;
+    /** Ekstra logikk når `<Chip />` lukkes. */
     onClose?: () => void;
-    /**Layoutet i komponenten. Ved kompleks innhold anbefales `layout='vertical'`. */
-    layout?: LocalMessageLayout;
-    /**Custom bredde ved behov. */
-    width?: Property.Width<string>;
 }>;
-declare const LocalMessage: react.ForwardRefExoticComponent<Pick<react.HTMLAttributes<HTMLDivElement>, "className" | "id"> & {
-    /**Meldingen som vises til brukeren. Brukes kun når meldingen er string. */
-    message?: string | undefined;
-    /**Formålet med meldingen. Påvirker styling. */
-    purpose?: LocalMessagePurpose | undefined;
-    /** Indikerer om meldingen skal være lukkbar.*/
-    closable?: boolean | undefined;
-    /**Ekstra logikk å kjøre når meldingen lukkes. */
+declare const Chip: react.ForwardRefExoticComponent<Pick<react.HTMLAttributes<HTMLDivElement>, "className" | "id"> & {
+    /** Teksten som vises i komponenten. */
+    text?: string | undefined;
+    /** Ekstra logikk når `<Chip />` lukkes. */
     onClose?: (() => void) | undefined;
-    /**Layoutet i komponenten. Ved kompleks innhold anbefales `layout='vertical'`. */
-    layout?: LocalMessageLayout | undefined;
-    /**Custom bredde ved behov. */
-    width?: Property.Width<string> | undefined;
-} & {
-    children?: react.ReactNode;
 } & {
     htmlProps?: react.HTMLAttributes<HTMLDivElement> | undefined;
 } & react.RefAttributes<HTMLDivElement>>;
 
-type SearchSize = 'small' | 'medium' | 'large';
-type ButtonProps = {
-    onClick: (event: MouseEvent$1<HTMLButtonElement>) => void;
-    label?: string;
-    loading?: boolean;
-    purpose?: 'primary' | 'secondary';
-} & ButtonHTMLAttributes<HTMLButtonElement>;
-type SearchProps = Pick<InputProps, 'tip' | 'label'> & {
-    /**Størrelsen på komponenten. */
-    componentSize?: SearchSize;
-    /**Props for søkeknappen. */
-    buttonProps?: ButtonProps;
-} & InputHTMLAttributes<HTMLInputElement>;
-declare const Search$1: react.ForwardRefExoticComponent<Pick<InputProps, "label" | "tip"> & {
-    /**Størrelsen på komponenten. */
-    componentSize?: SearchSize | undefined;
-    /**Props for søkeknappen. */
-    buttonProps?: ButtonProps | undefined;
-} & InputHTMLAttributes<HTMLInputElement> & react.RefAttributes<HTMLInputElement>>;
+type ChipGroupProps = HTMLAttributes<HTMLUListElement>;
+declare const ChipGroup: react.ForwardRefExoticComponent<ChipGroupProps & react.RefAttributes<HTMLUListElement>>;
 
-interface WeightedValue {
-    text: string;
-    relevance: number;
-}
-interface WeightedSearchData {
-    array: Array<WeightedValue>;
-    sortFunction?: (a: WeightedValue, b: WeightedValue) => number;
-}
-interface SearchData {
-    array: Array<string>;
-    sortFunction?: (a: string, b: string) => number;
-}
-interface SearchAutocompleteWrapperProps {
-    /**Array med data som kan søkes på og eventuelt tilhørende sorteringsfunksjon. Array kan bestå av elementer av typen `string`  eller objekter med vekt og tekst.*/
-    data?: SearchData | WeightedSearchData;
-    /** Ekstra callback ved `onChange` i `<Search>`. */
-    onChange?: (e: ChangeEvent<HTMLInputElement>) => void;
-    /**Callback når et forslag blir valgt, inkludert søkefunksjon. */
-    onSuggestionSelection?: () => void;
-    /** Custom filter for forslag. */
-    filter?: (sugestion: string, query: string) => boolean;
-    /**Minst lengde på query når forslag skal vises. */
-    queryLength?: number;
-    /** Barnet til komponenten (`<Search />`). */
-    children?: ReactNode;
-    /**Initielle `value` i `<Search>`. */
-    value?: string;
+type CalendarProps<T extends DateValue> = AriaCalendarProps<T>;
+declare function Calendar<T extends DateValue>(props: CalendarProps<T>): react_jsx_runtime.JSX.Element;
+declare namespace Calendar {
+    var displayName: string;
 }
-declare const SearchAutocompleteWrapper: {
-    (props: SearchAutocompleteWrapperProps): react_jsx_runtime.JSX.Element;
-    displayName: string;
-};
-
-type SearchSuggestionsProps = BaseComponentProps<HTMLDivElement, Pick<SearchProps, 'componentSize'> & {
-    /**Forslag som vises i listen. */
-    suggestions?: Array<string>;
-    /** Om listen skal vises. */
-    showSuggestions?: boolean;
-    /**Callback når et forslag blir valgt, inkludert søkefunksjon. */
-    onSuggestionClick?: (e: MouseEvent$1<HTMLButtonElement>) => void;
-    /** Maks antall forslag vist i listen. */
-    maxSuggestions?: number;
-    /**Id til `<Search>`. */
-    searchId: string;
-}>;
-declare const SearchSuggestions: react.ForwardRefExoticComponent<Pick<react.HTMLAttributes<HTMLDivElement>, "className" | "id"> & Pick<SearchProps, "componentSize"> & {
-    /**Forslag som vises i listen. */
-    suggestions?: string[] | undefined;
-    /** Om listen skal vises. */
-    showSuggestions?: boolean | undefined;
-    /**Callback når et forslag blir valgt, inkludert søkefunksjon. */
-    onSuggestionClick?: ((e: MouseEvent$1<HTMLButtonElement>) => void) | undefined;
-    /** Maks antall forslag vist i listen. */
-    maxSuggestions?: number | undefined;
-    /**Id til `<Search>`. */
-    searchId: string;
-} & {
-    htmlProps?: react.HTMLAttributes<HTMLDivElement> | undefined;
-} & react.RefAttributes<HTMLDivElement>>;
-
-type SearchCompoundProps = typeof Search$1 & {
-    AutocompleteWrapper: typeof SearchAutocompleteWrapper;
-    Suggestions: typeof SearchSuggestions;
-};
-declare const Search: SearchCompoundProps;
-
-type TableBodyProps = HTMLAttributes<HTMLTableSectionElement>;
-declare const Body: react.ForwardRefExoticComponent<TableBodyProps & react.RefAttributes<HTMLTableSectionElement>>;
 
-type TableCellType = 'data' | 'head';
-type TableCellLayout = 'left' | 'right' | 'center' | 'text and icon';
-interface CollapsibleProps {
-    isCollapsibleChild?: boolean;
-}
-type TableCellProps = {
+type DateFieldProps<T extends DateValue$1 = CalendarDate> = AriaDateFieldOptions<T> & {
+    className?: string;
+    buttonProps?: ReturnType<typeof useDatePicker>['buttonProps'];
+    groupProps?: ReturnType<typeof useDatePicker>['groupProps'];
     /**
-     * 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>`.
+     * For å sette en egendefinert bredde på komponenten.
      */
-    type?: TableCellType;
-    /**Layout av innholdet i cellen. 'tekst and icon' legger `gap` mellom barna og andre barnet i cellen.  */
-    layout?: TableCellLayout;
-    /** Props ved bruk av `<CollapsibleRow>`. **OBS!** settes automatisk av forelder. */
-    collapsibleProps?: CollapsibleProps;
-} & (TdHTMLAttributes<HTMLTableCellElement> | ThHTMLAttributes<HTMLTableCellElement>);
-declare const Cell: react.ForwardRefExoticComponent<TableCellProps & react.RefAttributes<HTMLTableCellElement>>;
-
-type TableFootProps = HTMLAttributes<HTMLTableSectionElement>;
-declare const Foot: react.ForwardRefExoticComponent<TableFootProps & react.RefAttributes<HTMLTableSectionElement>>;
-
-type TableHeadProps = HTMLAttributes<HTMLTableSectionElement>;
-declare const Head: react.ForwardRefExoticComponent<TableHeadProps & react.RefAttributes<HTMLTableSectionElement>>;
+    width?: CSS.Properties['width'];
+} & Pick<InputProps, 'componentSize' | 'errorMessage' | 'tip' | 'disabled' | 'style'>;
 
-type TableDensity = 'normal' | 'compact' | 'extraCompact';
-type TableProps = {
-    /**Spesifiserer hvor romslige cellene i tabellen skal være. */
-    density?: TableDensity;
-    /**Spesifiserer om cellene i `<Head>` skal bli sticky ved scrolling. */
-    stickyHeader?: boolean;
-    /**Legger skillelinjer mellom radene. */
-    withDividers?: boolean;
-} & HTMLAttributes<HTMLTableElement>;
-type TableRowType = 'body' | 'head';
-type RowMode = 'normal' | 'sum';
-type TableRowProps = {
+interface DatePickerProps extends Omit<AriaDatePickerProps<CalendarDate>, 'granularity'>, Pick<DateFieldProps<CalendarDate>, 'componentSize' | 'tip' | 'style'> {
+    label?: string;
+    errorMessage?: string;
     /**
-     * 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>`.
+     * For å sette en egendefinert bredde på komponenten.
      */
-    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.  */
-    mode?: RowMode;
-    /**Spesifiserer om raden har blitt valgt/markert. */
-    selected?: boolean;
-    /**Spesifiserer om raden skal ha hover styling. Brukes hovedsakelig på klikkbare rader. */
-    hoverable?: boolean;
-} & HTMLAttributes<HTMLTableRowElement>;
-
-declare const Row: react.ForwardRefExoticComponent<{
-    type?: TableRowType | undefined;
-    mode?: RowMode | undefined;
-    selected?: boolean | undefined;
-    hoverable?: boolean | undefined;
-} & react.HTMLAttributes<HTMLTableRowElement> & react.RefAttributes<HTMLTableRowElement>>;
-
-type SortOrder = 'ascending' | 'descending';
-type TableSortCellProps = {
-    /**Spesifiserer om kolonnen er sortert. */
-    isSorted?: boolean;
-    /**Sorteringsrekkefølge i kolonnen. Avgjør hvilket ikon skal vises i cellen. */
-    sortOrder?: SortOrder;
-    /**onClick-funksjon for sortering og annen logikk. */
-    onClick: (event: MouseEvent$1<HTMLButtonElement>) => void;
-} & Omit<TableCellProps, 'type'>;
-declare const SortCell: react.ForwardRefExoticComponent<{
-    /**Spesifiserer om kolonnen er sortert. */
-    isSorted?: boolean | undefined;
-    /**Sorteringsrekkefølge i kolonnen. Avgjør hvilket ikon skal vises i cellen. */
-    sortOrder?: SortOrder | undefined;
-    /**onClick-funksjon for sortering og annen logikk. */
-    onClick: (event: MouseEvent$1<HTMLButtonElement>) => void;
-} & Omit<TableCellProps, "type"> & react.RefAttributes<HTMLTableCellElement>>;
+    width?: CSS.Properties['width'];
+}
+declare const DatePicker: react.ForwardRefExoticComponent<DatePickerProps & react.RefAttributes<HTMLElement>>;
 
-declare const Table$1: react.ForwardRefExoticComponent<{
-    density?: TableDensity | undefined;
-    stickyHeader?: boolean | undefined;
-    withDividers?: boolean | undefined;
-} & react.HTMLAttributes<HTMLTableElement> & react.RefAttributes<HTMLTableElement>>;
+type TimePickerProps = Omit<AriaTimeFieldProps<Time>, 'hideTimeZone'> & {
+    className?: string;
+    /**
+     * For å sette en egendefinert bredde på komponenten.
+     */
+    width?: CSS.Properties['width'];
+} & Pick<InputProps, 'componentSize' | 'errorMessage' | 'tip' | 'disabled' | 'style'>;
+declare const TimePicker: react.ForwardRefExoticComponent<Omit<AriaTimeFieldProps<Time>, "hideTimeZone"> & {
+    className?: string | undefined;
+    /**
+     * For å sette en egendefinert bredde på komponenten.
+     */
+    width?: CSS.Properties['width'];
+} & Pick<InputProps, "style" | "disabled" | "tip" | "errorMessage" | "componentSize"> & react.RefAttributes<HTMLDivElement>>;
 
-type TableWrapperProps = HTMLAttributes<HTMLDivElement>;
-declare const TableWrapper: {
-    ({ children, ...rest }: TableWrapperProps): react_jsx_runtime.JSX.Element;
-    displayName: string;
-};
+declare function nativeDateToDateValue(date: Date, timeZone?: string | undefined): DateValue$1;
+declare function dateValueToNativeDate(date: DateValue$1, timeZone?: string | undefined): Date;
+declare function nativeDateToCalendarDate(date: Date): CalendarDate;
+declare function nativeDateToTime(date: Date): Time;
+declare function calendarDateToNativeDate(date: CalendarDate, time?: Time): Date;
 
-type TableCompoundProps = typeof Table$1 & {
-    Wrapper: typeof TableWrapper;
-    Head: typeof Head;
-    Body: typeof Body;
-    Foot: typeof Foot;
-    Row: typeof Row;
-    Cell: typeof Cell;
-    SortCell: typeof SortCell;
-};
-declare const Table: TableCompoundProps;
+type DescriptionListAppearance = 'small' | 'bold';
+type DescriptionListProps = BaseComponentPropsWithChildren<HTMLDListElement, {
+    /**Påvirker tekst styling. */
+    appearance?: DescriptionListAppearance;
+    /**Setter flex-direction. NB! Fungerer kun ved bruk av `DescriptionListGroup` som barn av `DescriptionList`.
+     *  @default "column"
+     */
+    direction?: 'row' | 'column';
+}>;
+declare const DescriptionList: react.ForwardRefExoticComponent<Pick<react.HTMLAttributes<HTMLDListElement>, "className" | "id"> & {
+    /**Påvirker tekst styling. */
+    appearance?: DescriptionListAppearance | undefined;
+    /**Setter flex-direction. NB! Fungerer kun ved bruk av `DescriptionListGroup` som barn av `DescriptionList`.
+     *  @default "column"
+     */
+    direction?: "row" | "column" | undefined;
+} & {
+    children?: react.ReactNode;
+} & {
+    htmlProps?: react.HTMLAttributes<HTMLDListElement> | undefined;
+} & react.RefAttributes<HTMLDListElement>>;
 
-type BreadcrumbProps = HTMLAttributes<HTMLSpanElement> | AnchorHTMLAttributes<HTMLAnchorElement>;
-declare const Breadcrumb: react.ForwardRefExoticComponent<BreadcrumbProps & react.RefAttributes<HTMLElement>>;
+type DescriptionListTermProps = HTMLAttributes<HTMLElement>;
+declare const DescriptionListTerm: react.ForwardRefExoticComponent<DescriptionListTermProps & react.RefAttributes<HTMLElement>>;
 
-type BreadcrumbsProps = BaseComponentPropsWithChildren<HTMLElement>;
-declare const Breadcrumbs: react.ForwardRefExoticComponent<Pick<react.HTMLAttributes<HTMLElement>, "className" | "id"> & object & {
-    children?: react.ReactNode;
-} & {
-    htmlProps?: react.HTMLAttributes<HTMLElement> | undefined;
-} & react.RefAttributes<HTMLElement>>;
-
-interface PaginationOption {
-    label: string;
-    value: number;
-}
-type PaginationProps = BaseComponentProps<HTMLElement, {
-    /**Totalt antall elementer å paginere. */
-    itemsAmount: number;
-    /**Antall elementer per side ved innlastning av komponenten. */
-    defaultItemsPerPage?: number;
-    /**Den aktive siden ved innlastning av komponenten. */
-    defaultActivePage?: number;
-    /**Spesifiserer om selve pagineringen skal vises. */
-    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. */
-    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;
-}, Omit<HTMLAttributes<HTMLElement>, 'onChange'>>;
-declare const Pagination: react.ForwardRefExoticComponent<Pick<Omit<HTMLAttributes<HTMLElement>, "onChange">, "className" | "id"> & {
-    /**Totalt antall elementer å paginere. */
-    itemsAmount: number;
-    /**Antall elementer per side ved innlastning av komponenten. */
-    defaultItemsPerPage?: number | undefined;
-    /**Den aktive siden ved innlastning av komponenten. */
-    defaultActivePage?: number | undefined;
-    /**Spesifiserer om selve pagineringen skal vises. */
-    withPagination?: boolean | undefined;
-    /**Spesifiserer om teksten `'Vis x-y av z'` skal vises. */
-    withCounter?: boolean | undefined;
-    /**Spesifiserer om `<Select />` til å velge antall resultater per side skal vises. */
-    withSelect?: boolean | undefined;
-    /**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. */
-    selectOptions?: PaginationOption[] | undefined;
-    /**Brukes til å hente side og eventuelt annen logikk ved endring av side. */
-    onChange?: ((event: React.MouseEvent<HTMLButtonElement, MouseEvent>, page: number) => void) | undefined;
-    /**Brukes til å hente `selectedOption` og eventuelt kjøre annen logikk når `withSelect=true` ved endring av alternativ. */
-    onSelectOptionChange?: ((option: PaginationOption | null) => void) | undefined;
-    /**Spesifiserer om versjonen for små skjermer skal vises; den viser færre sideknapper og stacker subkomponentene. */
-    smallScreen?: boolean | undefined;
-} & {
-    htmlProps?: Omit<HTMLAttributes<HTMLElement>, "onChange"> | undefined;
-} & react.RefAttributes<HTMLElement>>;
-
-type DividerColor = 'primary' | 'primaryLighter';
-type DividerProps = BaseComponentProps<HTMLHRElement, {
-    /** Farge på horisontal linje. */
-    color?: DividerColor;
-}>;
-declare const Divider: react.ForwardRefExoticComponent<Pick<react.HTMLAttributes<HTMLHRElement>, "className" | "id"> & {
-    /** Farge på horisontal linje. */
-    color?: DividerColor | undefined;
-} & {
-    htmlProps?: react.HTMLAttributes<HTMLHRElement> | undefined;
-} & react.RefAttributes<HTMLHRElement>>;
-
-type ListType = 'ordered' | 'unordered';
-type ListTypographyType = TypographyBodyType | 'inherit';
-type ListProps = BaseComponentPropsWithChildren<HTMLUListElement | HTMLOListElement, {
-    /**Spesifiserer om komponenten skal returnere `<ul />` (punktliste) eller `<ol />` (nummerert liste). */
-    listType?: ListType;
-    /**Spesifiserer typografi for listen. Komponenten arver i utgangspunktet fra forelder, men hvis forelder stiller ikke med relevant styling  må det velges `TypographyBodyType` som brukes i `<body>` ellers på siden. */
-    typographyType?: ListTypographyType;
-}>;
-declare const List: react.ForwardRefExoticComponent<Pick<react.HTMLAttributes<HTMLOListElement | HTMLUListElement>, "className" | "id"> & {
-    /**Spesifiserer om komponenten skal returnere `<ul />` (punktliste) eller `<ol />` (nummerert liste). */
-    listType?: ListType | undefined;
-    /**Spesifiserer typografi for listen. Komponenten arver i utgangspunktet fra forelder, men hvis forelder stiller ikke med relevant styling  må det velges `TypographyBodyType` som brukes i `<body>` ellers på siden. */
-    typographyType?: ListTypographyType | undefined;
-} & {
-    children?: react.ReactNode;
-} & {
-    htmlProps?: react.HTMLAttributes<HTMLOListElement | HTMLUListElement> | undefined;
-} & react.RefAttributes<HTMLOListElement | HTMLUListElement>>;
-
-type ListItemProps = HTMLAttributes<HTMLLIElement>;
-declare const ListItem: react.ForwardRefExoticComponent<ListItemProps & react.RefAttributes<HTMLLIElement>>;
-
-type DescriptionListAppearance = 'small' | 'bold';
-type DescriptionListProps = BaseComponentPropsWithChildren<HTMLDListElement, {
-    /**Påvirker tekst styling. */
-    appearance?: DescriptionListAppearance;
-    /**Setter flex-direction. NB! Fungerer kun ved bruk av `DescriptionListGroup` som barn av `DescriptionList`.
-     *  @default "column"
-     */
-    direction?: 'row' | 'column';
-}>;
-declare const DescriptionList: react.ForwardRefExoticComponent<Pick<react.HTMLAttributes<HTMLDListElement>, "className" | "id"> & {
-    /**Påvirker tekst styling. */
-    appearance?: DescriptionListAppearance | undefined;
-    /**Setter flex-direction. NB! Fungerer kun ved bruk av `DescriptionListGroup` som barn av `DescriptionList`.
-     *  @default "column"
-     */
-    direction?: "row" | "column" | undefined;
-} & {
-    children?: react.ReactNode;
-} & {
-    htmlProps?: react.HTMLAttributes<HTMLDListElement> | undefined;
-} & react.RefAttributes<HTMLDListElement>>;
-
-type DescriptionListTermProps = HTMLAttributes<HTMLElement>;
-declare const DescriptionListTerm: react.ForwardRefExoticComponent<DescriptionListTermProps & react.RefAttributes<HTMLElement>>;
-
-type DescriptionListDescProps = BaseComponentPropsWithChildren<HTMLElement, {
-    /**Ikon som vises ved siden av teksten. */
-    icon?: SvgIcon;
-}>;
-declare const DescriptionListDesc: react.ForwardRefExoticComponent<Pick<react.HTMLAttributes<HTMLElement>, "className" | "id"> & {
-    /**Ikon som vises ved siden av teksten. */
-    icon?: SvgIcon | undefined;
-} & {
+type DescriptionListDescProps = BaseComponentPropsWithChildren<HTMLElement, {
+    /**Ikon som vises ved siden av teksten. */
+    icon?: SvgIcon;
+}>;
+declare const DescriptionListDesc: react.ForwardRefExoticComponent<Pick<react.HTMLAttributes<HTMLElement>, "className" | "id"> & {
+    /**Ikon som vises ved siden av teksten. */
+    icon?: SvgIcon | undefined;
+} & {
     children?: react.ReactNode;
 } & {
     htmlProps?: react.HTMLAttributes<HTMLElement> | undefined;
@@ -1982,86 +1778,323 @@ declare const DescriptionListGroup: react.ForwardRefExoticComponent<Pick<react.H
     htmlProps?: react.HTMLAttributes<HTMLDivElement> | undefined;
 } & react.RefAttributes<HTMLDivElement>>;
 
-type DDSTextColor = 'interactive' | 'primary' | 'danger' | 'warning' | 'success' | 'onLight' | 'onDark' | 'gray1' | 'gray2' | 'gray3' | 'gray4' | 'gray5' | 'gray6' | 'gray7' | 'gray8' | 'gray9';
-type TextColor = DDSTextColor | Property.Color;
-
-type SpinnerProps = BaseComponentProps<SVGElement, {
-    /**Farge på spinneren. */
-    color?: TextColor | (string & NonNullable<unknown>);
-    /**Størrelse; Setter høyde og bredde på spinneren. */
-    size?: Property.Width<string>;
-    /**Tekst som vises ved hover. */
-    tooltip?: string;
-}>;
-declare function Spinner(props: SpinnerProps): react_jsx_runtime.JSX.Element;
-declare namespace Spinner {
-    var displayName: string;
-}
-
-type CardColor = 'filledDark' | 'filledLight' | 'strokeDark' | 'strokeLight';
-type CardType = 'info' | 'navigation' | 'expandable';
-type BaseCardProps<T extends HTMLElement> = BaseComponentPropsWithChildren<T, {
-    /** Fargepalett i komponenten. */
-    color?: CardColor;
-    /** Referanse til komponenten. */
-    cardRef?: RefObject<T>;
+type DividerColor = 'primary' | 'primaryLighter';
+type DividerProps = BaseComponentProps<HTMLHRElement, {
+    /** Farge på horisontal linje. */
+    color?: DividerColor;
 }>;
-type InfoCardProps = BaseCardProps<HTMLDivElement> & {
-    /** Spesifiserer funksjonalitet og formål med komponenten. **OBS!** ved `'navigation'` må `href` oppgis. Ved `'expandable'` må alle `<Card />` grupperte sammen ligge egen `<div>` container. */
-    cardType: 'info';
-};
-type NavigationCardProps = BaseCardProps<HTMLAnchorElement> & {
-    cardType: 'navigation';
-} & Pick<AnchorHTMLAttributes<HTMLAnchorElement>, 'href' | 'target'>;
-type ExpandableCardProps = BaseCardProps<HTMLDivElement> & {
-    cardType: 'expandable';
-};
-type CardProps = InfoCardProps | NavigationCardProps | ExpandableCardProps;
-declare const Card: {
-    (props: CardProps): react_jsx_runtime.JSX.Element;
-    displayName: string;
-};
+declare const Divider: react.ForwardRefExoticComponent<Pick<react.HTMLAttributes<HTMLHRElement>, "className" | "id"> & {
+    /** Farge på horisontal linje. */
+    color?: DividerColor | undefined;
+} & {
+    htmlProps?: react.HTMLAttributes<HTMLHRElement> | undefined;
+} & react.RefAttributes<HTMLHRElement>>;
 
-type CardAccordionProps = BaseComponentPropsWithChildren<HTMLDivElement, {
-    /**Spesifiserer om body skal være utvidet ved innlastning. */
-    isExpanded?: boolean;
-    /**For å lytte til endringer i expanded-state. */
-    onChange?: (expanded: boolean) => void;
+type DrawerSize = 'small' | 'medium' | 'large';
+type DrawerPlacement = 'left' | 'right';
+interface WidthProps {
+    minWidth?: Property.MinWidth<string>;
+    maxWidth?: Property.MaxWidth<string>;
+    width?: Property.Width<string>;
+}
+type DrawerProps = BaseComponentPropsWithChildren<HTMLDivElement, {
+    /**Størrelsen på `<Drawer />`. */
+    size?: DrawerSize;
+    /** Plasseringen til `<Drawer />`. */
+    placement?: DrawerPlacement;
+    /**Header for `<Drawer />`. Har default styling hvis verdien er en string. */
+    header?: string | ReactNode;
+    /**Spesifiserer om `<Drawer />` skal legges vises. **OBS!** nødvendig kun hvis `<DrawerGroup />` ikke er i bruk. */
+    isOpen?: boolean;
+    /**Funksjon kjørt ved lukking. **OBS!** nødvendig kun hvis `<DrawerGroup />` ikke er i bruk. */
+    onClose?: () => void;
+    /**Spesifiserer hvilken DOM node `<Drawer />` skal ha som forelder via React portal. Brukes med f.eks `document.getElementById("id")` (skaper ikke ny DOM node). */
+    parentElement?: HTMLElement;
+    /**Custom props for breddehåndtering ved behov. */
+    widthProps?: WidthProps;
+    /**Ref til elementet som åpner `<Drawer />`.  **OBS!** nødvendig kun hvis `<DrawerGroup />` ikke er i bruk. */
+    triggerRef?: RefObject<HTMLElement>;
 }>;
-declare const CardAccordion: react.ForwardRefExoticComponent<Pick<react.HTMLAttributes<HTMLDivElement>, "className" | "id"> & {
-    /**Spesifiserer om body skal være utvidet ved innlastning. */
-    isExpanded?: boolean | undefined;
-    /**For å lytte til endringer i expanded-state. */
-    onChange?: ((expanded: boolean) => void) | undefined;
+declare const Drawer: react.ForwardRefExoticComponent<Pick<react.HTMLAttributes<HTMLDivElement>, "className" | "id"> & {
+    /**Størrelsen på `<Drawer />`. */
+    size?: DrawerSize | undefined;
+    /** Plasseringen til `<Drawer />`. */
+    placement?: DrawerPlacement | undefined;
+    /**Header for `<Drawer />`. Har default styling hvis verdien er en string. */
+    header?: string | ReactNode;
+    /**Spesifiserer om `<Drawer />` skal legges vises. **OBS!** nødvendig kun hvis `<DrawerGroup />` ikke er i bruk. */
+    isOpen?: boolean | undefined;
+    /**Funksjon kjørt ved lukking. **OBS!** nødvendig kun hvis `<DrawerGroup />` ikke er i bruk. */
+    onClose?: (() => void) | undefined;
+    /**Spesifiserer hvilken DOM node `<Drawer />` skal ha som forelder via React portal. Brukes med f.eks `document.getElementById("id")` (skaper ikke ny DOM node). */
+    parentElement?: HTMLElement | undefined;
+    /**Custom props for breddehåndtering ved behov. */
+    widthProps?: WidthProps | undefined;
+    /**Ref til elementet som åpner `<Drawer />`.  **OBS!** nødvendig kun hvis `<DrawerGroup />` ikke er i bruk. */
+    triggerRef?: RefObject<HTMLElement> | undefined;
 } & {
-    children?: react.ReactNode;
+    children?: ReactNode;
 } & {
     htmlProps?: react.HTMLAttributes<HTMLDivElement> | undefined;
 } & react.RefAttributes<HTMLDivElement>>;
 
-type CardAccordionHeaderProps = Omit<BaseComponentPropsWithChildren<HTMLButtonElement, {
-    /**Overskriver default padding. */
-    padding?: Property.Padding<string>;
-    /**Overskriver default teksttype. */
-    typographyType?: StaticTypographyType;
-    /**Angir om teksten skal være i "bold"-format. */
-    bold?: boolean;
-}, ButtonHTMLAttributes<HTMLButtonElement>>, 'id'>;
-declare const CardAccordionHeader: react.ForwardRefExoticComponent<CardAccordionHeaderProps & react.RefAttributes<HTMLButtonElement>>;
-
-type CardAccordionBodyProps = Omit<BaseComponentPropsWithChildren<HTMLDivElement, {
-    /**Overskriver default padding på toppen. Brukes når barn har spacing på toppen, f.eks. en overskrift. */
-    paddingTop?: Property.PaddingTop<string>;
-    /**Overskriver default padding. */
-    padding?: Property.Padding<string>;
-}>, 'id'>;
-declare const CardAccordionBody: react.ForwardRefExoticComponent<CardAccordionBodyProps & react.RefAttributes<HTMLDivElement>>;
+interface DrawerGroupProps {
+    /**Barna til komponenten. */
+    children: ReactNode;
+    /**`id` til `<Drawer />`. */
+    drawerId?: string;
+    /**Ekstra logikk som kjøres når `<Drawer />` åpnes. */
+    onOpen?: () => void;
+    /**Ekstra logikk som kjøres når `<Drawer />` lukkes. */
+    onClose?: () => void;
+}
+declare const DrawerGroup: {
+    ({ children, drawerId, onOpen, onClose, }: DrawerGroupProps): react_jsx_runtime.JSX.Element;
+    displayName: string;
+};
 
-type NavigationLinkProps = {
-    href: string;
-    title: string;
-} & AnchorHTMLAttributes<HTMLAnchorElement>;
-type ContextMenuElementProps = {
+type EmptyContentProps = {
+    title?: string;
+    message: string;
+} & HTMLAttributes<HTMLDivElement>;
+declare function EmptyContent({ title, message, ...rest }: EmptyContentProps): react_jsx_runtime.JSX.Element;
+declare namespace EmptyContent {
+    var displayName: string;
+}
+
+type ComponentSize = 'medium' | 'large';
+interface FavStarProps extends BaseComponentPropsWithChildren<HTMLElement> {
+    /**
+     * Status på favorisering. `true` betyr at den er favorisert.
+     */
+    checked?: boolean;
+    /**
+     * Hvis du skal bruke `<FavStar>` uncontrolled så kan denne brukes til å sette den initielle "favortitt"-statusen.
+     * @default false
+     */
+    defaultChecked?: boolean;
+    /**
+     * Callback som blir kalt når brukeren endrer status på favorisering.
+     */
+    onChange?: (checked: boolean) => void;
+    /**
+     * Størrelse på `<FavStar>`. `'medium'` er den mest vanlige størrelsen.
+     * @default 'medium'
+     */
+    size?: ComponentSize;
+}
+declare const FavStar: react.ForwardRefExoticComponent<FavStarProps & react.RefAttributes<HTMLInputElement>>;
+
+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 */
+    ratingLabel: string;
+    /**Label til fritekstfeltet når bruker har gitt tommel opp */
+    positiveFeedbackLabel?: string;
+    /**Label til fritekstfeltet når bruker har gitt tommel ned */
+    negativeFeedbackLabel?: string;
+    /**Tittel som vises når bruker har gitt tommel opp/ned, og enda ikke sendt inn kommentar */
+    ratingSubmittedTitle?: string;
+    /**Tittel som vises når bruker har gitt feedback (inkl. eventuell kommentar) */
+    submittedTitle?: 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*/
+    thumbUpTooltip?: string;
+    /**Tooltip-teksten til tommel-ned-knappen*/
+    thumbDownTooltip?: string;
+    /**Om tilbakemeldingskomponenten skal ekskludere fritekstfeltet (i.e. kun ha tommel opp/ned).*/
+    feedbackTextAreaExcluded?: boolean;
+    /**Om knappene skal vise spinner. Gjelder både tommel opp/ned knappene, og "send inn" knappen. */
+    loading?: boolean;
+    /**Om tilbakemelding er sendt inn. Brukes når komponenten skal være styrt utenfra. */
+    isSubmitted?: boolean;
+    /**Callback når bruker har gitt tommelrating */
+    onRating?: (rating: Rating) => void;
+    /**Callback når bruker skriver noe i fritekstfeltet */
+    onFeedbackTextChange?: (feedbackText: string) => void;
+    /**Callback når bruker sender inn feedback */
+    onSubmit?: (rating: Rating, feedbackText: string) => void;
+}
+type Rating = 'positive' | 'negative';
+type Layout = 'vertical' | 'horizontal';
+
+declare const Feedback: ({ layout, ratingLabel, positiveFeedbackLabel, negativeFeedbackLabel, ratingSubmittedTitle, submittedTitle, ratingValue: ratingProp, feedbackTextValue: feedbackTextProp, thumbUpTooltip, thumbDownTooltip, feedbackTextAreaExcluded, loading, isSubmitted: isSubmittedProp, onRating, onFeedbackTextChange, onSubmit, }: FeedbackProps) => react_jsx_runtime.JSX.Element;
+
+type FileExtensionAccept = `.${string}`;
+type AnyMimeType = '*';
+type ImageMimeType = 'png' | 'jpeg' | 'bmp' | 'gif' | 'svg+xml' | 'tiff' | 'webp';
+type VideoMimeType = 'x-msvideo' | 'mp4' | 'mpeg' | 'ogg' | 'mp2t' | 'webm' | '3gpp' | '3gpp2';
+type AudioMimeType = 'aac' | 'midi' | 'x-midi' | 'mpeg' | 'ogg' | 'opus' | 'wav' | 'webm' | '3gpp' | '3gpp2';
+type ApplicationMimeType = 'octet-stream' | 'msword' | 'vnd.openxmlformats-officedocument.wordprocessingml.document' | 'epub+zip' | 'gzip' | 'java-archive' | 'json' | 'vnd.oasis.opendocument.presentation' | 'vnd.oasis.opendocument.spreadsheet' | 'vnd.oasis.opendocument.text' | 'pdf' | 'vnd.ms-powerpoint' | 'vnd.openxmlformats-officedocument.presentationml.presentation' | 'rtf' | 'x-sh' | 'x-tar' | 'vnd.visio' | 'xhtml+xml' | 'vnd.ms-excel' | 'vnd.openxmlformats-officedocument.spreadsheetml.sheet' | 'xml' | 'vnd.mozilla.xul+xml' | 'zip';
+type MimeType = `image/${ImageMimeType | AnyMimeType}` | `video/${VideoMimeType | AnyMimeType}` | `audio/${AudioMimeType | AnyMimeType}` | `application/${ApplicationMimeType}`;
+type Accept = MimeType | FileExtensionAccept;
+type FileList = Array<File>;
+
+interface FileUploaderHookProps {
+    id: string | undefined;
+    /**Dersom komponenten skal styres internt. Utgangspunktet for filene som har blitt lastet opp. */
+    initialFiles: FileList | undefined;
+    /**Dersom komponenten styres utenfra. Filene som har blitt lastet opp. */
+    value: FileList | undefined;
+    /**Callback for når fil-listen endres. */
+    onChange: (newFiles: FileList) => void;
+    /**Hvilke filendelser eller mime-typer som filopplasteren skal akseptere. */
+    accept: Array<Accept> | undefined;
+    /**Om filopplasteren er avslått eller ikke */
+    disabled: boolean | undefined;
+    /**Maks antall filer som tillates. */
+    maxFiles: number | undefined;
+    /**Feilmelding. Setter også error state. */
+    errorMessage: string | undefined;
+}
+
+type FileUploaderProps = {
+    /**Id til filopplasteren. */
+    id?: string;
+    /**Ledetekst for filopplaster. */
+    label?: string;
+    /**Hjelpetekst. */
+    tip?: string;
+    /**Om det er påkrevd med minst en fil. */
+    required?: boolean;
+    /**Callback for når fil-listen endres. */
+    onChange: (newFiles: FileList) => void;
+    /**Bredde for filopplasteren. */
+    width?: Property.Width<string>;
+} & Partial<FileUploaderHookProps>;
+declare const FileUploader: {
+    (props: FileUploaderProps): react_jsx_runtime.JSX.Element;
+    displayName: string;
+};
+
+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. */
+    purpose?: GlobalMessagePurpose;
+    /**Indikerer om meldingen skal være lukkbar. */
+    closable?: boolean;
+    /**Ekstra logikk å kjøre når meldingen lukkes. */
+    onClose?: () => void;
+}>;
+declare const GlobalMessage: react.ForwardRefExoticComponent<Pick<react.HTMLAttributes<HTMLDivElement>, "className" | "id"> & {
+    /**Meldingen som vises til brukeren. Brukes kun når meldingen er en `string`. */
+    message?: string | undefined;
+    /**Formålet med meldingen. Påvirker styling. */
+    purpose?: GlobalMessagePurpose | undefined;
+    /**Indikerer om meldingen skal være lukkbar. */
+    closable?: boolean | undefined;
+    /**Ekstra logikk å kjøre når meldingen lukkes. */
+    onClose?: (() => void) | undefined;
+} & {
+    children?: react.ReactNode;
+} & {
+    htmlProps?: react.HTMLAttributes<HTMLDivElement> | undefined;
+} & react.RefAttributes<HTMLDivElement>>;
+
+type RowGapGrid = BreakpointBasedProps<'rowGap'>;
+type MaxWidthGrid = BreakpointBasedProps<'maxWidth'>;
+type BaseGridProps = {
+    /**Maksimal bredde. Gjøres per brekkepunkt.  */
+    maxWidth?: MaxWidthGrid;
+    /** CSS `row-gap`. Gjøres per brekkepunkt. */
+    rowGap?: RowGapGrid;
+} & Pick<HTMLAttributes<HTMLElement>, 'style'>;
+type GridDivProps = BaseComponentPropsWithChildren<HTMLDivElement, {
+    /**HTML tag som returneres. */
+    as: 'div';
+} & BaseGridProps>;
+type GridFormProps = BaseComponentPropsWithChildren<HTMLFormElement, {
+    as: 'form';
+} & BaseGridProps>;
+type GridProps = GridDivProps | GridFormProps;
+declare const Grid: {
+    (props: GridProps): react_jsx_runtime.JSX.Element;
+    displayName: string;
+};
+
+declare const isRelativeGridColumn: (type: ColumnsOccupied | undefined) => type is RelativeColumnsOccupied;
+declare const isGridColumn: (type: ColumnsOccupied | undefined) => type is GridColumnPerScreenSize;
+type RelativeColumnsOccupied = 'all' | 'firstHalf' | 'secondHalf';
+type GridColumnPerScreenSize = BreakpointBasedProps<'gridColumn'>;
+type ColumnsOccupied = RelativeColumnsOccupied | GridColumnPerScreenSize;
+type GridChildProps = BaseComponentPropsWithChildren<HTMLDivElement, {
+    /**hvilke kolonner innholdet skal okkupere. Tar inn enten en string med relativ definisjon eller et objekt med egentilpassede `grid-column` CSS verdi definert for hver brekkepunkt. */
+    columnsOccupied?: ColumnsOccupied;
+    /**Plassering av innholdet på x-aksen. */
+    justifySelf?: Property.JustifySelf;
+    /**Hvilke rader innholdet skal okkupere. */
+    gridRow?: Property.GridRow;
+}> & Pick<HTMLAttributes<HTMLElement>, 'style'>;
+declare const GridChild: {
+    (props: GridChildProps): react_jsx_runtime.JSX.Element;
+    displayName: string;
+};
+
+interface BaseInlineInputProps {
+    /**Spesifiserer error state. Hvis `errorMessage` ikke brukes må inputfeltet knyttes med ARIA til en feilmelding som vises andre steder i applikasjonen. */
+    error?: boolean;
+    /**Feilmelding. Setter også error state. */
+    errorMessage?: string;
+    /** Bredde på komponenten. */
+    width?: Property.Width;
+    /**Om redigeringsikonet skal vises. */
+    hideIcon?: boolean;
+    /** **OBS!** settes automatisk av forelder. Spesifiserer om brukeren kan tømme inputfeltet. */
+    emptiable?: boolean;
+    /** **OBS!** settes automatisk av forelder. Spesifiserer om komponenten er i redigeringsmodus. */
+    isEditing?: boolean;
+}
+type InlineEditProps = {
+    /**Callback for når verdien blir lagret. */
+    onSetValue?: (value: string) => void;
+    /** Ref til barnet. */
+    inputRef: RefObject<HTMLElement>;
+    /** Barn (inputelementet). */
+    children: ReactNode;
+    /**Spesifiserer om brukeren kan tømme inputfeltet. */
+    emptiable?: boolean;
+    /**Ekstra callback ved `onChange`-event. */
+    onChange?: () => void;
+    /**Ekstra callback ved `onFocus`-event. */
+    onFocus?: () => void;
+    /**Ekstra callback ved `onBlur`-event. */
+    onBlur?: () => void;
+} & Pick<InputHTMLAttributes<HTMLInputElement>, 'value'>;
+type CommonInlineEditWrapperProps = Pick<InlineEditProps, 'onSetValue' | 'emptiable' | 'onBlur' | 'onFocus' | 'onChange'> & Pick<BaseInlineInputProps, 'error' | 'errorMessage' | 'width' | 'hideIcon'>;
+type InlineEditTextAreaProps = Omit<TextareaHTMLAttributes<HTMLTextAreaElement>, 'onChange' | 'onFocus' | 'onBlur'> & CommonInlineEditWrapperProps;
+type InlineEditInputProps = Omit<InputHTMLAttributes<HTMLInputElement>, 'width' | 'onChange' | 'onFocus' | 'onBlur'> & CommonInlineEditWrapperProps;
+
+declare const InlineEditTextArea: react.ForwardRefExoticComponent<Omit<react.TextareaHTMLAttributes<HTMLTextAreaElement>, "onFocus" | "onBlur" | "onChange"> & Pick<InlineEditProps, "onFocus" | "onBlur" | "onChange" | "onSetValue" | "emptiable"> & Pick<BaseInlineInputProps, "width" | "error" | "errorMessage" | "hideIcon"> & react.RefAttributes<HTMLTextAreaElement>>;
+
+declare const InlineEditInput: react.ForwardRefExoticComponent<Omit<react.InputHTMLAttributes<HTMLInputElement>, "width" | "onFocus" | "onBlur" | "onChange"> & Pick<InlineEditProps, "onFocus" | "onBlur" | "onChange" | "onSetValue" | "emptiable"> & Pick<BaseInlineInputProps, "width" | "error" | "errorMessage" | "hideIcon"> & react.RefAttributes<HTMLInputElement>>;
+
+type InputMessageType = 'error' | 'tip';
+type InputMessageProps = BaseComponentProps<HTMLDivElement, {
+    /** Meldingen som vises til brukeren. */
+    message: string;
+    /** Formålet med meldingen. Påvirker styling. */
+    messageType: InputMessageType;
+}>;
+declare const InputMessage: react.ForwardRefExoticComponent<Pick<react.HTMLAttributes<HTMLDivElement>, "className" | "id"> & {
+    /** Meldingen som vises til brukeren. */
+    message: string;
+    /** Formålet med meldingen. Påvirker styling. */
+    messageType: InputMessageType;
+} & {
+    htmlProps?: react.HTMLAttributes<HTMLDivElement> | undefined;
+} & react.RefAttributes<HTMLDivElement>>;
+
+type NavigationLinkProps = {
+    href: string;
+    title: string;
+} & AnchorHTMLAttributes<HTMLAnchorElement>;
+type ContextMenuElementProps = {
     title: string;
     href?: string;
     icon?: SvgIcon;
@@ -2095,53 +2128,62 @@ declare const InternalHeader: {
     displayName: string;
 };
 
-type SkipToContentProps = BaseComponentProps<HTMLAnchorElement, {
-    /** Teksten som vises i lenka. */
-    text?: string;
-    /**Spesifiserer hvor det skal hoppes til via `id`-attributtet til innholdet. */
-    href: string;
-    /**Avstand fra top i nærmeste posisjonert container. */
-    top?: Property.Top;
+type ListType = 'ordered' | 'unordered';
+type ListTypographyType = TypographyBodyType | 'inherit';
+type ListProps = BaseComponentPropsWithChildren<HTMLUListElement | HTMLOListElement, {
+    /**Spesifiserer om komponenten skal returnere `<ul />` (punktliste) eller `<ol />` (nummerert liste). */
+    listType?: ListType;
+    /**Spesifiserer typografi for listen. Komponenten arver i utgangspunktet fra forelder, men hvis forelder stiller ikke med relevant styling  må det velges `TypographyBodyType` som brukes i `<body>` ellers på siden. */
+    typographyType?: ListTypographyType;
 }>;
-declare const SkipToContent: react.ForwardRefExoticComponent<Pick<react.HTMLAttributes<HTMLAnchorElement>, "className" | "id"> & {
-    /** Teksten som vises i lenka. */
-    text?: string | undefined;
-    /**Spesifiserer hvor det skal hoppes til via `id`-attributtet til innholdet. */
-    href: string;
-    /**Avstand fra top i nærmeste posisjonert container. */
-    top?: Property.Top<0 | (string & {})> | undefined;
+declare const List: react.ForwardRefExoticComponent<Pick<react.HTMLAttributes<HTMLOListElement | HTMLUListElement>, "className" | "id"> & {
+    /**Spesifiserer om komponenten skal returnere `<ul />` (punktliste) eller `<ol />` (nummerert liste). */
+    listType?: ListType | undefined;
+    /**Spesifiserer typografi for listen. Komponenten arver i utgangspunktet fra forelder, men hvis forelder stiller ikke med relevant styling  må det velges `TypographyBodyType` som brukes i `<body>` ellers på siden. */
+    typographyType?: ListTypographyType | undefined;
 } & {
-    htmlProps?: react.HTMLAttributes<HTMLAnchorElement> | undefined;
-} & react.RefAttributes<HTMLAnchorElement>>;
+    children?: react.ReactNode;
+} & {
+    htmlProps?: react.HTMLAttributes<HTMLOListElement | HTMLUListElement> | undefined;
+} & react.RefAttributes<HTMLOListElement | HTMLUListElement>>;
 
-type AnchorElement = react__default.ReactElement & react__default.RefAttributes<HTMLElement>;
-type PickedHTMLAttributes = Pick<HTMLAttributes<HTMLDivElement>, 'style' | 'onMouseLeave' | 'onMouseOver'>;
-type TooltipProps = BaseComponentProps<HTMLDivElement, {
-    /**Innhold i tooltip. */
-    text: string;
-    /**Plassering i forhold til anchor-elementet. */
-    placement?: Placement$1;
-    /**Anchor-elementet. */
-    children: AnchorElement;
-    /**Forsinkelse for når tooltip skal dukke opp. Oppgis i millisekunder.  */
-    delay?: number;
-    /**`id` for tooltip. */
-    tooltipId?: string;
-} & PickedHTMLAttributes, Omit<HTMLAttributes<HTMLDivElement>, 'children' | keyof PickedHTMLAttributes>>;
-declare const Tooltip: react__default.ForwardRefExoticComponent<Pick<Omit<react__default.HTMLAttributes<HTMLDivElement>, "style" | "children" | "onMouseLeave" | "onMouseOver">, "className" | "id"> & {
-    /**Innhold i tooltip. */
-    text: string;
-    /**Plassering i forhold til anchor-elementet. */
-    placement?: Placement$1 | undefined;
-    /**Anchor-elementet. */
-    children: AnchorElement;
-    /**Forsinkelse for når tooltip skal dukke opp. Oppgis i millisekunder.  */
-    delay?: number | undefined;
-    /**`id` for tooltip. */
-    tooltipId?: string | undefined;
-} & PickedHTMLAttributes & {
-    htmlProps?: Omit<react__default.HTMLAttributes<HTMLDivElement>, "style" | "children" | "onMouseLeave" | "onMouseOver"> | undefined;
-} & react__default.RefAttributes<HTMLDivElement>>;
+type ListItemProps = HTMLAttributes<HTMLLIElement>;
+declare const ListItem: react.ForwardRefExoticComponent<ListItemProps & react.RefAttributes<HTMLLIElement>>;
+
+type LocalMessagePurpose = 'info' | 'warning' | 'danger' | 'confidential' | 'success' | 'tips';
+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. */
+    purpose?: LocalMessagePurpose;
+    /** Indikerer om meldingen skal være lukkbar.*/
+    closable?: boolean;
+    /**Ekstra logikk å kjøre når meldingen lukkes. */
+    onClose?: () => void;
+    /**Layoutet i komponenten. Ved kompleks innhold anbefales `layout='vertical'`. */
+    layout?: LocalMessageLayout;
+    /**Custom bredde ved behov. */
+    width?: Property.Width<string>;
+}>;
+declare const LocalMessage: react.ForwardRefExoticComponent<Pick<react.HTMLAttributes<HTMLDivElement>, "className" | "id"> & {
+    /**Meldingen som vises til brukeren. Brukes kun når meldingen er string. */
+    message?: string | undefined;
+    /**Formålet med meldingen. Påvirker styling. */
+    purpose?: LocalMessagePurpose | undefined;
+    /** Indikerer om meldingen skal være lukkbar.*/
+    closable?: boolean | undefined;
+    /**Ekstra logikk å kjøre når meldingen lukkes. */
+    onClose?: (() => void) | undefined;
+    /**Layoutet i komponenten. Ved kompleks innhold anbefales `layout='vertical'`. */
+    layout?: LocalMessageLayout | undefined;
+    /**Custom bredde ved behov. */
+    width?: Property.Width<string> | undefined;
+} & {
+    children?: react.ReactNode;
+} & {
+    htmlProps?: react.HTMLAttributes<HTMLDivElement> | undefined;
+} & react.RefAttributes<HTMLDivElement>>;
 
 type ModalProps = BaseComponentPropsWithChildren<HTMLDivElement, {
     /**Spesifiserer om modal skal vises. */
@@ -2196,114 +2238,56 @@ declare const ModalBody: react.ForwardRefExoticComponent<Pick<react.HTMLAttribut
 type ModalActionsProps = HTMLAttributes<HTMLDivElement>;
 declare const ModalActions: react.ForwardRefExoticComponent<ModalActionsProps & react.RefAttributes<HTMLDivElement>>;
 
-type DrawerSize = 'small' | 'medium' | 'large';
-type DrawerPlacement = 'left' | 'right';
-interface WidthProps {
-    minWidth?: Property.MinWidth<string>;
-    maxWidth?: Property.MaxWidth<string>;
-    width?: Property.Width<string>;
+interface PaginationOption {
+    label: string;
+    value: number;
 }
-type DrawerProps = BaseComponentPropsWithChildren<HTMLDivElement, {
-    /**Størrelsen på `<Drawer />`. */
-    size?: DrawerSize;
-    /** Plasseringen til `<Drawer />`. */
-    placement?: DrawerPlacement;
-    /**Header for `<Drawer />`. Har default styling hvis verdien er en string. */
-    header?: string | ReactNode;
-    /**Spesifiserer om `<Drawer />` skal legges vises. **OBS!** nødvendig kun hvis `<DrawerGroup />` ikke er i bruk. */
-    isOpen?: boolean;
-    /**Funksjon kjørt ved lukking. **OBS!** nødvendig kun hvis `<DrawerGroup />` ikke er i bruk. */
-    onClose?: () => void;
-    /**Spesifiserer hvilken DOM node `<Drawer />` skal ha som forelder via React portal. Brukes med f.eks `document.getElementById("id")` (skaper ikke ny DOM node). */
-    parentElement?: HTMLElement;
-    /**Custom props for breddehåndtering ved behov. */
-    widthProps?: WidthProps;
-    /**Ref til elementet som åpner `<Drawer />`.  **OBS!** nødvendig kun hvis `<DrawerGroup />` ikke er i bruk. */
-    triggerRef?: RefObject<HTMLElement>;
-}>;
-declare const Drawer: react.ForwardRefExoticComponent<Pick<react.HTMLAttributes<HTMLDivElement>, "className" | "id"> & {
-    /**Størrelsen på `<Drawer />`. */
-    size?: DrawerSize | undefined;
-    /** Plasseringen til `<Drawer />`. */
-    placement?: DrawerPlacement | undefined;
-    /**Header for `<Drawer />`. Har default styling hvis verdien er en string. */
-    header?: string | ReactNode;
-    /**Spesifiserer om `<Drawer />` skal legges vises. **OBS!** nødvendig kun hvis `<DrawerGroup />` ikke er i bruk. */
-    isOpen?: boolean | undefined;
-    /**Funksjon kjørt ved lukking. **OBS!** nødvendig kun hvis `<DrawerGroup />` ikke er i bruk. */
-    onClose?: (() => void) | undefined;
-    /**Spesifiserer hvilken DOM node `<Drawer />` skal ha som forelder via React portal. Brukes med f.eks `document.getElementById("id")` (skaper ikke ny DOM node). */
-    parentElement?: HTMLElement | undefined;
-    /**Custom props for breddehåndtering ved behov. */
-    widthProps?: WidthProps | undefined;
-    /**Ref til elementet som åpner `<Drawer />`.  **OBS!** nødvendig kun hvis `<DrawerGroup />` ikke er i bruk. */
-    triggerRef?: RefObject<HTMLElement> | undefined;
-} & {
-    children?: ReactNode;
+type PaginationProps = BaseComponentProps<HTMLElement, {
+    /**Totalt antall elementer å paginere. */
+    itemsAmount: number;
+    /**Antall elementer per side ved innlastning av komponenten. */
+    defaultItemsPerPage?: number;
+    /**Den aktive siden ved innlastning av komponenten. */
+    defaultActivePage?: number;
+    /**Spesifiserer om selve pagineringen skal vises. */
+    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. */
+    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;
+}, Omit<HTMLAttributes<HTMLElement>, 'onChange'>>;
+declare const Pagination: react.ForwardRefExoticComponent<Pick<Omit<HTMLAttributes<HTMLElement>, "onChange">, "className" | "id"> & {
+    /**Totalt antall elementer å paginere. */
+    itemsAmount: number;
+    /**Antall elementer per side ved innlastning av komponenten. */
+    defaultItemsPerPage?: number | undefined;
+    /**Den aktive siden ved innlastning av komponenten. */
+    defaultActivePage?: number | undefined;
+    /**Spesifiserer om selve pagineringen skal vises. */
+    withPagination?: boolean | undefined;
+    /**Spesifiserer om teksten `'Vis x-y av z'` skal vises. */
+    withCounter?: boolean | undefined;
+    /**Spesifiserer om `<Select />` til å velge antall resultater per side skal vises. */
+    withSelect?: boolean | undefined;
+    /**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. */
+    selectOptions?: PaginationOption[] | undefined;
+    /**Brukes til å hente side og eventuelt annen logikk ved endring av side. */
+    onChange?: ((event: React.MouseEvent<HTMLButtonElement, MouseEvent>, page: number) => void) | undefined;
+    /**Brukes til å hente `selectedOption` og eventuelt kjøre annen logikk når `withSelect=true` ved endring av alternativ. */
+    onSelectOptionChange?: ((option: PaginationOption | null) => void) | undefined;
+    /**Spesifiserer om versjonen for små skjermer skal vises; den viser færre sideknapper og stacker subkomponentene. */
+    smallScreen?: boolean | undefined;
 } & {
-    htmlProps?: react.HTMLAttributes<HTMLDivElement> | undefined;
-} & react.RefAttributes<HTMLDivElement>>;
-
-interface DrawerGroupProps {
-    /**Barna til komponenten. */
-    children: ReactNode;
-    /**`id` til `<Drawer />`. */
-    drawerId?: string;
-    /**Ekstra logikk som kjøres når `<Drawer />` åpnes. */
-    onOpen?: () => void;
-    /**Ekstra logikk som kjøres når `<Drawer />` lukkes. */
-    onClose?: () => void;
-}
-declare const DrawerGroup: {
-    ({ children, drawerId, onOpen, onClose, }: DrawerGroupProps): react_jsx_runtime.JSX.Element;
-    displayName: string;
-};
-
-type CalendarProps<T extends DateValue> = AriaCalendarProps<T>;
-declare function Calendar<T extends DateValue>(props: CalendarProps<T>): react_jsx_runtime.JSX.Element;
-declare namespace Calendar {
-    var displayName: string;
-}
-
-type DateFieldProps<T extends DateValue$1 = CalendarDate> = AriaDateFieldOptions<T> & {
-    className?: string;
-    buttonProps?: ReturnType<typeof useDatePicker>['buttonProps'];
-    /**
-     * For å sette en egendefinert bredde på komponenten.
-     */
-    width?: CSS.Properties['width'];
-} & Pick<InputProps, 'componentSize' | 'errorMessage' | 'tip' | 'disabled' | 'style'>;
-
-interface DatePickerProps extends Omit<AriaDatePickerProps<CalendarDate>, 'granularity'>, Pick<DateFieldProps<CalendarDate>, 'componentSize' | 'tip' | 'style'> {
-    label?: string;
-    errorMessage?: string;
-    /**
-     * For å sette en egendefinert bredde på komponenten.
-     */
-    width?: CSS.Properties['width'];
-}
-declare const DatePicker: react.ForwardRefExoticComponent<DatePickerProps & react.RefAttributes<HTMLElement>>;
-
-type TimePickerProps = Omit<AriaTimeFieldProps<Time>, 'hideTimeZone'> & {
-    className?: string;
-    /**
-     * For å sette en egendefinert bredde på komponenten.
-     */
-    width?: CSS.Properties['width'];
-} & Pick<InputProps, 'componentSize' | 'errorMessage' | 'tip' | 'disabled' | 'style'>;
-declare const TimePicker: react.ForwardRefExoticComponent<Omit<AriaTimeFieldProps<Time>, "hideTimeZone"> & {
-    className?: string | undefined;
-    /**
-     * For å sette en egendefinert bredde på komponenten.
-     */
-    width?: CSS.Properties['width'];
-} & Pick<InputProps, "style" | "disabled" | "tip" | "errorMessage" | "componentSize"> & react.RefAttributes<HTMLDivElement>>;
-
-declare function nativeDateToDateValue(date: Date, timeZone?: string | undefined): DateValue$1;
-declare function dateValueToNativeDate(date: DateValue$1, timeZone?: string | undefined): Date;
-declare function nativeDateToCalendarDate(date: Date): CalendarDate;
-declare function nativeDateToTime(date: Date): Time;
-declare function calendarDateToNativeDate(date: CalendarDate, time?: Time): Date;
+    htmlProps?: Omit<HTMLAttributes<HTMLElement>, "onChange"> | undefined;
+} & react.RefAttributes<HTMLElement>>;
 
 interface PopoverSizeProps {
     width?: Property.Width<string>;
@@ -2379,179 +2363,41 @@ declare const PopoverGroup: {
     displayName: string;
 };
 
-type InputMessageType = 'error' | 'tip';
-type InputMessageProps = BaseComponentProps<HTMLDivElement, {
-    /** Meldingen som vises til brukeren. */
-    message: string;
-    /** Formålet med meldingen. Påvirker styling. */
-    messageType: InputMessageType;
-}>;
-declare const InputMessage: react.ForwardRefExoticComponent<Pick<react.HTMLAttributes<HTMLDivElement>, "className" | "id"> & {
-    /** Meldingen som vises til brukeren. */
-    message: string;
-    /** Formålet med meldingen. Påvirker styling. */
-    messageType: InputMessageType;
-} & {
-    htmlProps?: react.HTMLAttributes<HTMLDivElement> | undefined;
-} & react.RefAttributes<HTMLDivElement>>;
-
-declare const ToggleButton: react.ForwardRefExoticComponent<Pick<Omit<react.InputHTMLAttributes<HTMLInputElement>, "name" | "aria-describedby" | "onBlur" | "onChange" | "defaultChecked" | "defaultValue" | "value" | "checked">, "className" | "id"> & {
-    label?: string | undefined;
-    icon?: SvgIcon | undefined;
-} & CheckboxPickedHTMLAttributes & {
-    htmlProps?: Omit<react.InputHTMLAttributes<HTMLInputElement>, "name" | "aria-describedby" | "onBlur" | "onChange" | "defaultChecked" | "defaultValue" | "value" | "checked"> | undefined;
-} & react.RefAttributes<HTMLInputElement>>;
-
-type Direction = 'row' | 'column';
-type ToggleButtonGroupProps = BaseComponentPropsWithChildren<HTMLDivElement, {
-    /** Ledetekst for gruppen. */
-    label?: string;
-    /**Retningen barna legger seg i. */
-    direction?: Direction;
-    /** Custom `id` for ledetekst. Blir generert som default for å knytte ledetekst til gruppen.  */
-    labelId?: string;
-}>;
-declare const ToggleButtonGroup: {
-    (props: ToggleButtonGroupProps): react_jsx_runtime.JSX.Element;
-    displayName: string;
-};
-
-type ToggleButtonProps = BaseComponentProps<HTMLInputElement, {
-    /**Ledetekst for inputelementet. */
-    label?: string;
-    /** Ikon. */
-    icon?: SvgIcon;
-} & CheckboxPickedHTMLAttributes, Omit<InputHTMLAttributes<HTMLInputElement>, keyof CheckboxPickedHTMLAttributes>>;
-
-type TabsProps = BaseComponentPropsWithChildren<HTMLDivElement, {
-    /** Indeksen til den aktive fanen. **OBS!** Ved å sette denne vil brukere aldri kunne endre tab uten at du også registrerer en `onChange`-lytter for å ta vare på aktiv tab utenfor komponenten. */
-    activeTab?: number;
-    /** Ekstra logikk ved endring av aktiv fane. */
-    onChange?: (index: number) => void;
-    /** Retningen ikon og tekst vises i `<Tab />`-elementer. */
-    tabContentDirection?: Direction$1;
-    /**Bredde for hele komponenten. */
-    width?: Property.Width;
-}, Omit<HTMLAttributes<HTMLDivElement>, 'onChange'>>;
-declare const Tabs: react.ForwardRefExoticComponent<Pick<Omit<HTMLAttributes<HTMLDivElement>, "onChange">, "className" | "id"> & {
-    /** Indeksen til den aktive fanen. **OBS!** Ved å sette denne vil brukere aldri kunne endre tab uten at du også registrerer en `onChange`-lytter for å ta vare på aktiv tab utenfor komponenten. */
-    activeTab?: number | undefined;
-    /** Ekstra logikk ved endring av aktiv fane. */
-    onChange?: ((index: number) => void) | undefined;
-    /** Retningen ikon og tekst vises i `<Tab />`-elementer. */
-    tabContentDirection?: Direction$1 | undefined;
-    /**Bredde for hele komponenten. */
-    width?: Property.Width<0 | (string & {})> | undefined;
-} & {
-    children?: react.ReactNode;
-} & {
-    htmlProps?: Omit<HTMLAttributes<HTMLDivElement>, "onChange"> | undefined;
-} & react.RefAttributes<HTMLDivElement>>;
-
-type TabProps = BaseComponentPropsWithChildren<HTMLButtonElement, {
-    /**Spesifiserer om fanen er aktiv. */
+interface BaseItemProps {
+    /** Om steget er valgt eller ikke. Settes av konsument. */
     active?: boolean;
-    /** Ikon. */
+    /** Om steget er ferdig eller ikke. Settes av konsument. */
+    completed?: boolean;
+    /** Om steget skal være disabled. Settes av konsument.
+     * @default false
+     */
+    disabled?: boolean;
+    /** Ikon som skal vises istedenfor stegnummeret. Settes av konument. */
     icon?: SvgIcon;
-    /** 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 steget. NB! Denne settes automatisk av `<ProgressTracker />` og skal ikke settes manuelt. */
     index?: number;
-    /**
-     * 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">, "className" | "id"> & {
-    /**Spesifiserer om fanen er aktiv. */
-    active?: boolean | undefined;
-    /** Ikon. */
-    icon?: SvgIcon | undefined;
-    /** Spesifiserer om `<Tab />` skal ha fokus. **OBS!** settes automatisk av forelder.*/
-    focus?: boolean | undefined;
-    /**  Callback som setter fokus. **OBS!** settes automatisk av forelder.*/
-    setFocus?: Dispatch<SetStateAction<number>> | undefined;
-    /** Indeksen til `<Tab />`. **OBS!** settes automatisk av forelder.*/
-    index?: number | undefined;
-    /**
-     * 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;
-} & {
-    htmlProps?: Omit<ButtonHTMLAttributes<HTMLButtonElement>, "onKeyDown" | "onClick"> | undefined;
-} & react.RefAttributes<HTMLButtonElement>>;
-
-type TabListProps = HTMLAttributes<HTMLDivElement>;
-declare const TabList: react.ForwardRefExoticComponent<TabListProps & react.RefAttributes<HTMLDivElement>>;
-
-type TabPanelProps = BaseComponentPropsWithChildren<HTMLDivElement, {
-    /** Spesifiserer om panelet skal vises basert på aktiv fane. */
-    active?: boolean;
-}>;
-declare const TabPanel: react.ForwardRefExoticComponent<Pick<react.HTMLAttributes<HTMLDivElement>, "className" | "id"> & {
-    /** Spesifiserer om panelet skal vises basert på aktiv fane. */
-    active?: boolean | undefined;
-} & {
-    children?: react.ReactNode;
-} & {
-    htmlProps?: react.HTMLAttributes<HTMLDivElement> | undefined;
-} & react.RefAttributes<HTMLDivElement>>;
-
-type TabPanelsProps = HTMLAttributes<HTMLDivElement>;
-declare const TabPanels: react.ForwardRefExoticComponent<TabPanelsProps & react.RefAttributes<HTMLDivElement>>;
-
-type TagPurpose = 'success' | 'info' | 'danger' | 'warning' | 'default';
-type TagProps = BaseComponentProps<HTMLSpanElement, {
-    /**Tekst som vises i `<Tag />.` */
-    text?: string;
-    /**Formål med status eller kategorisering. Påvirker styling. */
-    purpose?: TagPurpose;
-}>;
-declare const Tag: react.ForwardRefExoticComponent<Pick<react.HTMLAttributes<HTMLSpanElement>, "className" | "id"> & {
-    /**Tekst som vises i `<Tag />.` */
-    text?: string | undefined;
-    /**Formål med status eller kategorisering. Påvirker styling. */
-    purpose?: TagPurpose | undefined;
-} & {
-    htmlProps?: react.HTMLAttributes<HTMLSpanElement> | undefined;
-} & react.RefAttributes<HTMLSpanElement>>;
-
-type ChipProps = BaseComponentProps<HTMLDivElement, {
-    /** Teksten som vises i komponenten. */
-    text?: string;
-    /** Ekstra logikk når `<Chip />` lukkes. */
-    onClose?: () => void;
-}>;
-declare const Chip: react.ForwardRefExoticComponent<Pick<react.HTMLAttributes<HTMLDivElement>, "className" | "id"> & {
-    /** Teksten som vises i komponenten. */
-    text?: string | undefined;
-    /** Ekstra logikk når `<Chip />` lukkes. */
-    onClose?: (() => void) | undefined;
-} & {
-    htmlProps?: react.HTMLAttributes<HTMLDivElement> | undefined;
-} & react.RefAttributes<HTMLDivElement>>;
-
-type ChipGroupProps = HTMLAttributes<HTMLUListElement>;
-declare const ChipGroup: react.ForwardRefExoticComponent<ChipGroupProps & react.RefAttributes<HTMLUListElement>>;
+}
+type ProgressTrackerItemProps = ({
+    /** Click-handler som gjør det mulig for bruker å klikke på steget for å navigere. Valgfri. */
+    onClick: (index: number) => void;
+} & BaseComponentPropsWithChildren<HTMLButtonElement, BaseItemProps>) | ({
+    onClick?: undefined;
+} & BaseComponentPropsWithChildren<HTMLDivElement, BaseItemProps>);
+declare const ProgressTrackerItem: {
+    (props: ProgressTrackerItemProps): react_jsx_runtime.JSX.Element;
+    displayName: string;
+};
 
-type VisuallyHiddenDivProps = BaseComponentPropsWithChildren<HTMLDivElement, {
-    as: 'div';
-}>;
-type VisuallyHiddenSpanProps = BaseComponentPropsWithChildren<HTMLSpanElement, {
-    /**Spesifiserer hvilken HTML tag skal returneres. */
-    as: 'span';
+type ProgressTrackerProps = BaseComponentPropsWithChildren<HTMLDivElement, {
+    /** Indeksen til det aktive steget. */
+    activeStep?: number;
+    /** Ekstra logikk ved klikking på et steg. */
+    onStepChange?: (step: number) => void;
 }>;
-type VisuallyHiddenProps = VisuallyHiddenSpanProps | VisuallyHiddenDivProps;
-declare const VisuallyHidden: {
-    (props: VisuallyHiddenProps): react_jsx_runtime.JSX.Element;
-    displayName: string;
+type ProgressTrackerComponent = ForwardRefExoticComponent<ProgressTrackerProps> & {
+    Item: typeof ProgressTrackerItem;
 };
+declare const ProgressTracker: ProgressTrackerComponent;
 
 type ScrollbarProps = BaseComponentProps<HTMLDivElement, {
     /** Ref til container med innholdet som skal scrolles. */
@@ -2598,170 +2444,284 @@ declare const scrollbarStyling: {
     };
 };
 
-type ToggleBarValue = string | number | null | undefined;
-type ToggleBarSize = 'tiny' | 'small' | 'medium' | 'large';
-type ToggleBarProps<T extends string | number> = BaseComponentPropsWithChildren<HTMLDivElement, {
-    /**Størrelse på komponenten. */
-    size?: ToggleBarSize;
-    /**Ledetekst for hele gruppen. */
+type SearchSize = 'small' | 'medium' | 'large';
+type ButtonProps = {
+    onClick: (event: MouseEvent$1<HTMLButtonElement>) => void;
     label?: string;
-    /**Funksjonen for `onChange`-event for barna. */
-    onChange?: (event: ChangeEvent<HTMLInputElement>, value?: T) => void;
-    /**Den valgte verdien i gruppen. Hvis satt ved innlastning blir en `<ToggleRadio />` forhåndsvalgt. */
-    value?: T;
-    /** Gir alle barna samme `name` prop.*/
-    name?: string;
-    /**Bredden til komponenten. Bredden fordeles likt mellom barna.  */
-    width?: Property.Width;
-}>;
+    loading?: boolean;
+    purpose?: 'primary' | 'secondary';
+} & ButtonHTMLAttributes<HTMLButtonElement>;
+type SearchProps = Pick<InputProps, 'tip' | 'label'> & {
+    /**Størrelsen på komponenten. */
+    componentSize?: SearchSize;
+    /**Props for søkeknappen. */
+    buttonProps?: ButtonProps;
+} & InputHTMLAttributes<HTMLInputElement>;
+declare const Search$1: react.ForwardRefExoticComponent<Pick<InputProps, "label" | "tip"> & {
+    /**Størrelsen på komponenten. */
+    componentSize?: SearchSize | undefined;
+    /**Props for søkeknappen. */
+    buttonProps?: ButtonProps | undefined;
+} & InputHTMLAttributes<HTMLInputElement> & react.RefAttributes<HTMLInputElement>>;
 
-declare const ToggleBar: {
-    <T extends string | number = string>(props: ToggleBarProps<T>): react_jsx_runtime.JSX.Element;
+interface WeightedValue {
+    text: string;
+    relevance: number;
+}
+interface WeightedSearchData {
+    array: Array<WeightedValue>;
+    sortFunction?: (a: WeightedValue, b: WeightedValue) => number;
+}
+interface SearchData {
+    array: Array<string>;
+    sortFunction?: (a: string, b: string) => number;
+}
+interface SearchAutocompleteWrapperProps {
+    /**Array med data som kan søkes på og eventuelt tilhørende sorteringsfunksjon. Array kan bestå av elementer av typen `string`  eller objekter med vekt og tekst.*/
+    data?: SearchData | WeightedSearchData;
+    /** Ekstra callback ved `onChange` i `<Search>`. */
+    onChange?: (e: ChangeEvent<HTMLInputElement>) => void;
+    /**Callback når et forslag blir valgt, inkludert søkefunksjon. */
+    onSuggestionSelection?: () => void;
+    /** Custom filter for forslag. */
+    filter?: (sugestion: string, query: string) => boolean;
+    /**Minst lengde på query når forslag skal vises. */
+    queryLength?: number;
+    /** Barnet til komponenten (`<Search />`). */
+    children?: ReactNode;
+    /**Initielle `value` i `<Search>`. */
+    value?: string;
+}
+declare const SearchAutocompleteWrapper: {
+    (props: SearchAutocompleteWrapperProps): react_jsx_runtime.JSX.Element;
     displayName: string;
 };
 
-type PickedInputHTMLAttributes = Pick<InputHTMLAttributes<HTMLInputElement>, 'name' | 'checked' | 'value' | 'onChange' | 'aria-label' | 'aria-labelledby'>;
-type ToggleRadioProps = BaseComponentProps<HTMLInputElement, {
-    /**Ledetekst som vises i komponenten. */
-    label?: string;
-    /**Ikonet som vises i komponenten. */
-    icon?: SvgIcon;
-} & PickedInputHTMLAttributes, Omit<InputHTMLAttributes<HTMLInputElement>, keyof PickedInputHTMLAttributes>>;
-declare const ToggleRadio: react.ForwardRefExoticComponent<Pick<Omit<InputHTMLAttributes<HTMLInputElement>, "name" | "aria-label" | "aria-labelledby" | "onChange" | "value" | "checked">, "className" | "id"> & {
-    /**Ledetekst som vises i komponenten. */
-    label?: string | undefined;
-    /**Ikonet som vises i komponenten. */
-    icon?: SvgIcon | undefined;
-} & PickedInputHTMLAttributes & {
-    htmlProps?: Omit<InputHTMLAttributes<HTMLInputElement>, "name" | "aria-label" | "aria-labelledby" | "onChange" | "value" | "checked"> | undefined;
-} & react.RefAttributes<HTMLInputElement>>;
-
-type RowGapGrid = BreakpointBasedProps<'rowGap'>;
-type MaxWidthGrid = BreakpointBasedProps<'maxWidth'>;
-type BaseGridProps = {
-    /**Maksimal bredde. Gjøres per brekkepunkt.  */
-    maxWidth?: MaxWidthGrid;
-    /** CSS `row-gap`. Gjøres per brekkepunkt. */
-    rowGap?: RowGapGrid;
-} & Pick<HTMLAttributes<HTMLElement>, 'style'>;
-type GridDivProps = BaseComponentPropsWithChildren<HTMLDivElement, {
-    /**HTML tag som returneres. */
-    as: 'div';
-} & BaseGridProps>;
-type GridFormProps = BaseComponentPropsWithChildren<HTMLFormElement, {
-    as: 'form';
-} & BaseGridProps>;
-type GridProps = GridDivProps | GridFormProps;
-declare const Grid: {
-    (props: GridProps): react_jsx_runtime.JSX.Element;
-    displayName: string;
-};
+type SearchSuggestionsProps = BaseComponentProps<HTMLDivElement, Pick<SearchProps, 'componentSize'> & {
+    /**Forslag som vises i listen. */
+    suggestions?: Array<string>;
+    /** Om listen skal vises. */
+    showSuggestions?: boolean;
+    /**Callback når et forslag blir valgt, inkludert søkefunksjon. */
+    onSuggestionClick?: (e: MouseEvent$1<HTMLButtonElement>) => void;
+    /** Maks antall forslag vist i listen. */
+    maxSuggestions?: number;
+    /**Id til `<Search>`. */
+    searchId: string;
+}>;
+declare const SearchSuggestions: react.ForwardRefExoticComponent<Pick<react.HTMLAttributes<HTMLDivElement>, "className" | "id"> & Pick<SearchProps, "componentSize"> & {
+    /**Forslag som vises i listen. */
+    suggestions?: string[] | undefined;
+    /** Om listen skal vises. */
+    showSuggestions?: boolean | undefined;
+    /**Callback når et forslag blir valgt, inkludert søkefunksjon. */
+    onSuggestionClick?: ((e: MouseEvent$1<HTMLButtonElement>) => void) | undefined;
+    /** Maks antall forslag vist i listen. */
+    maxSuggestions?: number | undefined;
+    /**Id til `<Search>`. */
+    searchId: string;
+} & {
+    htmlProps?: react.HTMLAttributes<HTMLDivElement> | undefined;
+} & react.RefAttributes<HTMLDivElement>>;
 
-declare const isRelativeGridColumn: (type: ColumnsOccupied | undefined) => type is RelativeColumnsOccupied;
-declare const isGridColumn: (type: ColumnsOccupied | undefined) => type is GridColumnPerScreenSize;
-type RelativeColumnsOccupied = 'all' | 'firstHalf' | 'secondHalf';
-type GridColumnPerScreenSize = BreakpointBasedProps<'gridColumn'>;
-type ColumnsOccupied = RelativeColumnsOccupied | GridColumnPerScreenSize;
-type GridChildProps = BaseComponentPropsWithChildren<HTMLDivElement, {
-    /**hvilke kolonner innholdet skal okkupere. Tar inn enten en string med relativ definisjon eller et objekt med egentilpassede `grid-column` CSS verdi definert for hver brekkepunkt. */
-    columnsOccupied?: ColumnsOccupied;
-    /**Plassering av innholdet på x-aksen. */
-    justifySelf?: Property.JustifySelf;
-    /**Hvilke rader innholdet skal okkupere. */
-    gridRow?: Property.GridRow;
-}> & Pick<HTMLAttributes<HTMLElement>, 'style'>;
-declare const GridChild: {
-    (props: GridChildProps): react_jsx_runtime.JSX.Element;
-    displayName: string;
+type SearchCompoundProps = typeof Search$1 & {
+    AutocompleteWrapper: typeof SearchAutocompleteWrapper;
+    Suggestions: typeof SearchSuggestions;
 };
+declare const Search: SearchCompoundProps;
 
-interface BaseItemProps {
-    /** Om steget er valgt eller ikke. Settes av konsument. */
-    active?: boolean;
-    /** Om steget er ferdig eller ikke. Settes av konsument. */
-    completed?: boolean;
-    /** Om steget skal være disabled. Settes av konsument.
-     * @default false
-     */
-    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. */
-    index?: number;
+interface SelectOption<TValue = unknown> {
+    label: string | number;
+    value: TValue;
 }
-type ProgressTrackerItemProps = ({
-    /** Click-handler som gjør det mulig for bruker å klikke på steget for å navigere. Valgfri. */
-    onClick: (index: number) => void;
-} & BaseComponentPropsWithChildren<HTMLButtonElement, BaseItemProps>) | ({
-    onClick?: undefined;
-} & BaseComponentPropsWithChildren<HTMLDivElement, BaseItemProps>);
-declare const ProgressTrackerItem: {
-    (props: ProgressTrackerItemProps): react_jsx_runtime.JSX.Element;
-    displayName: string;
-};
+type WrappedReactSelectProps<Option, IsMulti extends boolean, Group extends GroupBase<Option>> = WithRequiredIf<Option extends SelectOption ? false : true, Props<Option, IsMulti, Group>, 'getOptionLabel' | 'getOptionValue'>;
+type SelectProps<Option = unknown, IsMulti extends boolean = false> = {
+    /**Ledetekst for nedtrekkslisten. */
+    label?: string;
+    /**Størrelsen på komponenten. */
+    componentSize?: InputSize;
+    /**Ikonet som vises i komponenten. */
+    icon?: SvgIcon;
+    /**Nedtrekkslisten blir disabled og får readOnly styling. */
+    readOnly?: boolean;
+    /**Meldingen som vises ved valideringsfeil. */
+    errorMessage?: string;
+    /**Hjelpetekst. */
+    tip?: string;
+    /**Custom bredde ved behov. */
+    width?: Property.Width<string>;
+    /** CSS klassenavn. */
+    className?: string;
+    /** Inline styling. */
+    style?: React.CSSProperties;
+    customOptionElement?: (props: OptionProps<Option, IsMulti, GroupBase<Option>>) => JSX.Element;
+    customSingleValueElement?: (props: SingleValueProps<Option, IsMulti, GroupBase<Option>>) => JSX.Element;
+} & Pick<HTMLAttributes<HTMLInputElement>, 'aria-required'> & WrappedReactSelectProps<Option, IsMulti, GroupBase<Option>>;
+type ForwardRefType<Option, IsMulti extends boolean> = React.ForwardedRef<SelectInstance<Option, IsMulti, GroupBase<Option>>>;
+declare function SelectInner<Option = unknown, IsMulti extends boolean = false>(props: SelectProps<Option, IsMulti>, ref: ForwardRefType<Option, IsMulti>): react_jsx_runtime.JSX.Element;
+declare const Select: typeof SelectInner;
 
-type ProgressTrackerProps = BaseComponentPropsWithChildren<HTMLDivElement, {
-    /** Indeksen til det aktive steget. */
-    activeStep?: number;
-    /** Ekstra logikk ved klikking på et steg. */
-    onStepChange?: (step: number) => void;
-}>;
-type ProgressTrackerComponent = ForwardRefExoticComponent<ProgressTrackerProps> & {
-    Item: typeof ProgressTrackerItem;
-};
-declare const ProgressTracker: ProgressTrackerComponent;
+declare const createSelectOptions: <TValue extends string | number>(...args: TValue[]) => SelectOption<TValue>[];
 
-interface BaseInlineInputProps {
-    /**Spesifiserer error state. Hvis `errorMessage` ikke brukes må inputfeltet knyttes med ARIA til en feilmelding som vises andre steder i applikasjonen. */
+type CheckboxPickedHTMLAttributes = Pick<InputHTMLAttributes<HTMLInputElement>, 'aria-describedby' | 'name' | 'checked' | 'defaultChecked' | 'value' | 'defaultValue' | 'onChange' | 'onBlur'>;
+type CheckboxProps = BaseComponentProps<HTMLInputElement, {
+    /** Ledetekst for inputelementet. */
+    label?: string;
+    /**Indikererr ugyldig input, endrer styling. */
     error?: boolean;
-    /**Feilmelding. Setter også error state. */
+    /** Setter disabled-tilstand for inputelementet. */
+    disabled?: boolean;
+    /**Inputelementet blir readOnly - den kan ikke interageres med. Brukes til å hente input brukeren har fylt ut andre steder. */
+    readOnly?: boolean;
+    /**Brukes ved nøstet struktur der alle Checkbox som hører til en gruppe kan bli valgt ved å trykke på en forelder Checkbox. Hvis enkelte <Checkbox /> blir valgt men ikke alle skal forelder <Checkbox /> få tilstanden indeterminate - verken checked eller ikke. */
+    indeterminate?: boolean;
+} & CheckboxPickedHTMLAttributes, Omit<InputHTMLAttributes<HTMLInputElement>, keyof CheckboxPickedHTMLAttributes>>;
+
+declare const Checkbox: react.ForwardRefExoticComponent<Pick<Omit<react.InputHTMLAttributes<HTMLInputElement>, "name" | "aria-describedby" | "onBlur" | "onChange" | "defaultChecked" | "defaultValue" | "value" | "checked">, "className" | "id"> & {
+    label?: string | undefined;
+    error?: boolean | undefined;
+    disabled?: boolean | undefined;
+    readOnly?: boolean | undefined;
+    indeterminate?: boolean | undefined;
+} & CheckboxPickedHTMLAttributes & {
+    htmlProps?: Omit<react.InputHTMLAttributes<HTMLInputElement>, "name" | "aria-describedby" | "onBlur" | "onChange" | "defaultChecked" | "defaultValue" | "value" | "checked"> | undefined;
+} & react.RefAttributes<HTMLInputElement>>;
+
+type CheckboxGroupProps = BaseComponentPropsWithChildren<HTMLDivElement, {
+    /**Ledetekst for gruppen. */
+    label?: string;
+    /**Retningen barna gjengis i. */
+    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;
-    /** Bredde på komponenten. */
-    width?: Property.Width;
-    /**Om redigeringsikonet skal vises. */
-    hideIcon?: boolean;
-    /** **OBS!** settes automatisk av forelder. Spesifiserer om brukeren kan tømme inputfeltet. */
-    emptiable?: boolean;
-    /** **OBS!** settes automatisk av forelder. Spesifiserer om komponenten er i redigeringsmodus. */
-    isEditing?: boolean;
-}
-type InlineEditProps = {
-    /**Callback for når verdien blir lagret. */
-    onSetValue?: (value: string) => void;
-    /** Ref til barnet. */
-    inputRef: RefObject<HTMLElement>;
-    /** Barn (inputelementet). */
-    children: ReactNode;
-    /**Spesifiserer om brukeren kan tømme inputfeltet. */
-    emptiable?: boolean;
-    /**Ekstra callback ved `onChange`-event. */
-    onChange?: () => void;
-    /**Ekstra callback ved `onFocus`-event. */
-    onFocus?: () => void;
-    /**Ekstra callback ved `onBlur`-event. */
-    onBlur?: () => void;
-} & Pick<InputHTMLAttributes<HTMLInputElement>, 'value'>;
-type CommonInlineEditWrapperProps = Pick<InlineEditProps, 'onSetValue' | 'emptiable' | 'onBlur' | 'onFocus' | 'onChange'> & Pick<BaseInlineInputProps, 'error' | 'errorMessage' | 'width' | 'hideIcon'>;
-type InlineEditTextAreaProps = Omit<TextareaHTMLAttributes<HTMLTextAreaElement>, 'onChange' | 'onFocus' | 'onBlur'> & CommonInlineEditWrapperProps;
-type InlineEditInputProps = Omit<InputHTMLAttributes<HTMLInputElement>, 'width' | 'onChange' | 'onFocus' | 'onBlur'> & CommonInlineEditWrapperProps;
+    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;
+}>;
+declare const CheckboxGroup: {
+    (props: CheckboxGroupProps): react_jsx_runtime.JSX.Element;
+    displayName: string;
+};
 
-declare const InlineEditTextArea: react.ForwardRefExoticComponent<Omit<react.TextareaHTMLAttributes<HTMLTextAreaElement>, "onFocus" | "onBlur" | "onChange"> & Pick<InlineEditProps, "onFocus" | "onBlur" | "onChange" | "onSetValue" | "emptiable"> & Pick<BaseInlineInputProps, "width" | "error" | "errorMessage" | "hideIcon"> & react.RefAttributes<HTMLTextAreaElement>>;
+declare const RadioButton: react.ForwardRefExoticComponent<Pick<Omit<react.InputHTMLAttributes<HTMLInputElement>, "name" | "aria-describedby" | "onChange" | "value" | "checked" | "readOnly" | "required">, "className" | "id"> & {
+    label?: string | undefined;
+    disabled?: boolean | undefined;
+    error?: boolean | undefined;
+} & {
+    name?: string | undefined;
+    "aria-describedby"?: string | undefined;
+    onChange?: react.ChangeEventHandler<HTMLInputElement> | undefined;
+    value?: string | number | readonly string[] | undefined;
+    checked?: boolean | undefined;
+    readOnly?: boolean | undefined;
+    required?: boolean | undefined;
+} & {
+    children?: react.ReactNode;
+} & {
+    htmlProps?: Omit<react.InputHTMLAttributes<HTMLInputElement>, "name" | "aria-describedby" | "onChange" | "value" | "checked" | "readOnly" | "required"> | undefined;
+} & react.RefAttributes<HTMLInputElement>>;
 
-declare const InlineEditInput: react.ForwardRefExoticComponent<Omit<react.InputHTMLAttributes<HTMLInputElement>, "width" | "onFocus" | "onBlur" | "onChange"> & Pick<InlineEditProps, "onFocus" | "onBlur" | "onChange" | "onSetValue" | "emptiable"> & Pick<BaseInlineInputProps, "width" | "error" | "errorMessage" | "hideIcon"> & 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>>;
 
-declare const StyledTextArea: styled_components.IStyledComponent<"web", styled_components_dist_types.Substitute<styled_components_dist_types.FastOmit<Omit<styled_components_dist_types.FastOmit<react.DetailedHTMLProps<react.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, never>, "ref"> & {
-    ref?: ((instance: HTMLInputElement | null) => void) | react.RefObject<HTMLInputElement> | null | undefined;
-}, "disabled" | "readOnly" | "componentSize" | "hasErrorMessage" | "prefixLength" | "suffixLength"> & Pick<InputProps, "disabled" | "readOnly"> & {
-    hasErrorMessage: boolean;
+type RadioButtonGroupProps<T extends string | number> = BaseComponentPropsWithChildren<HTMLDivElement, {
+    /** 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. */
+    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: Pick<Omit<HTMLAttributes<HTMLDivElement>, "onChange">, "className" | "id"> & {
+    /** Gir alle barna `name` prop.*/
+    name?: string | undefined;
+    /**Ledetekst for hele gruppen. */
+    label?: string | undefined;
+    /**Funksjonen for onChange-event for barna. */
+    onChange?: ((event: ChangeEvent<HTMLInputElement>, value: T | undefined) => void) | undefined;
+    /**Legger en markør (*) bak label som indikerer at input er påkrevd. Gjør alle barna påkrevd ved å gi dem `required` prop. */
+    required?: boolean | undefined;
+    /**Meldingen som vises ved valideringsfeil. Gir alle barna error prop. */
+    errorMessage?: string | undefined;
+    /**Hjelpetekst for gruppen. */
+    tip?: string | undefined;
+    /**Gir alle barna `disabled` prop. */
+    disabled?: boolean | undefined;
+    /**Gir alle barna `readOnly` prop */
+    readOnly?: boolean | undefined;
+    /**Retningen radioknappene skal gjengis i. */
+    direction?: Direction$1 | undefined;
+    /**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 | undefined;
 } & {
-    prefixLength?: number | undefined;
-    suffixLength?: number | undefined;
-} & Pick<InputProps, "componentSize">, StyledInputProps>> & Omit<styled_components.IStyledComponent<"web", styled_components_dist_types.Substitute<Omit<styled_components_dist_types.FastOmit<react.DetailedHTMLProps<react.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, never>, "ref"> & {
-    ref?: ((instance: HTMLInputElement | null) => void) | react.RefObject<HTMLInputElement> | null | undefined;
-}, StyledInputProps>> & Omit<styled_components.IStyledComponent<"web", styled_components_dist_types.FastOmit<react.DetailedHTMLProps<react.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, never>>, keyof react.Component<any, {}, any>>, keyof react.Component<any, {}, any>>;
-declare const TextArea: react.ForwardRefExoticComponent<CommonInputProps & react.TextareaHTMLAttributes<HTMLTextAreaElement> & react.RefAttributes<HTMLTextAreaElement>>;
+    children?: react.ReactNode;
+} & {
+    htmlProps?: Omit<HTMLAttributes<HTMLDivElement>, "onChange"> | undefined;
+} & {
+    ref?: Ref<HTMLDivElement> | undefined;
+}) => ReactElement;
+
+type SkipToContentProps = BaseComponentProps<HTMLAnchorElement, {
+    /** Teksten som vises i lenka. */
+    text?: string;
+    /**Spesifiserer hvor det skal hoppes til via `id`-attributtet til innholdet. */
+    href: string;
+    /**Avstand fra top i nærmeste posisjonert container. */
+    top?: Property.Top;
+}>;
+declare const SkipToContent: react.ForwardRefExoticComponent<Pick<react.HTMLAttributes<HTMLAnchorElement>, "className" | "id"> & {
+    /** Teksten som vises i lenka. */
+    text?: string | undefined;
+    /**Spesifiserer hvor det skal hoppes til via `id`-attributtet til innholdet. */
+    href: string;
+    /**Avstand fra top i nærmeste posisjonert container. */
+    top?: Property.Top<0 | (string & {})> | undefined;
+} & {
+    htmlProps?: react.HTMLAttributes<HTMLAnchorElement> | undefined;
+} & react.RefAttributes<HTMLAnchorElement>>;
 
-type TextAreaProps = CommonInputProps & TextareaHTMLAttributes<HTMLTextAreaElement>;
+type DDSTextColor = 'interactive' | 'primary' | 'danger' | 'warning' | 'success' | 'onLight' | 'onDark' | 'gray1' | 'gray2' | 'gray3' | 'gray4' | 'gray5' | 'gray6' | 'gray7' | 'gray8' | 'gray9';
+type TextColor = DDSTextColor | Property.Color;
+
+type SpinnerProps = BaseComponentProps<SVGElement, {
+    /**Farge på spinneren. */
+    color?: TextColor | (string & NonNullable<unknown>);
+    /**Størrelse; Setter høyde og bredde på spinneren. */
+    size?: Property.Width<string>;
+    /**Tekst som vises ved hover. */
+    tooltip?: string;
+}>;
+declare function Spinner(props: SpinnerProps): react_jsx_runtime.JSX.Element;
+declare namespace Spinner {
+    var displayName: string;
+}
 
 type SplitButtonPurpose = ExtractStrict<ButtonPurpose, 'primary' | 'secondary'>;
 interface SplitButtonProps {
@@ -2804,130 +2764,445 @@ interface StackStyleProps {
      */
     align?: StandardProperties['alignItems'];
     /**
-     * CSS `justify-content`.
-     * @default 'flex-start'
+     * CSS `justify-content`.
+     * @default 'flex-start'
+     */
+    justify?: StandardProperties['justifyContent'];
+    /**
+     * Hvilken spacing token som skal brukes som CSS `gap`.
+     */
+    gap?: keyof typeof stackTokens.spacing | 0;
+    /**
+     * Hvilken spacing token som skal brukes som CSS `padding`.
+     */
+    padding?: keyof typeof stackTokens.spacing | 0;
+}
+type StackProps = BaseComponentPropsWithChildren<HTMLDivElement, Omit<StackStyleProps, 'direction'>>;
+declare const HStack: react.ForwardRefExoticComponent<Pick<react.HTMLAttributes<HTMLDivElement>, "className" | "id"> & Omit<StackStyleProps, "direction"> & {
+    children?: react.ReactNode;
+} & {
+    htmlProps?: react.HTMLAttributes<HTMLDivElement> | undefined;
+} & react.RefAttributes<HTMLDivElement>>;
+declare const VStack: react.ForwardRefExoticComponent<Pick<react.HTMLAttributes<HTMLDivElement>, "className" | "id"> & Omit<StackStyleProps, "direction"> & {
+    children?: react.ReactNode;
+} & {
+    htmlProps?: react.HTMLAttributes<HTMLDivElement> | undefined;
+} & react.RefAttributes<HTMLDivElement>>;
+
+type TableDensity = 'normal' | 'compact' | 'extraCompact';
+type TableProps = {
+    /**Spesifiserer hvor romslige cellene i tabellen skal være. */
+    density?: TableDensity;
+    /**Spesifiserer om cellene i `<Head>` skal bli sticky ved scrolling. */
+    stickyHeader?: boolean;
+    /**Legger skillelinjer mellom radene. */
+    withDividers?: boolean;
+} & HTMLAttributes<HTMLTableElement>;
+type HeaderValues = Array<{
+    key: string;
+    content: ReactNode;
+}>;
+type TableRowType = 'body' | 'head';
+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>`.
+     */
+    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.  */
+    mode?: RowMode;
+    /**Spesifiserer om raden har blitt valgt/markert. */
+    selected?: boolean;
+    /**Spesifiserer om raden skal ha hover styling. Brukes hovedsakelig på klikkbare rader. */
+    hoverable?: boolean;
+} & HTMLAttributes<HTMLTableRowElement>;
+
+type TableBodyProps = HTMLAttributes<HTMLTableSectionElement>;
+declare const Body: react.ForwardRefExoticComponent<TableBodyProps & react.RefAttributes<HTMLTableSectionElement>>;
+
+type TableCellType = 'data' | 'head';
+type TableCellLayout = 'left' | 'right' | 'center' | 'text and icon';
+interface CollapsibleProps {
+    isCollapsibleChild?: boolean;
+}
+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>`.
+     */
+    type?: TableCellType;
+    /**Layout av innholdet i cellen. 'tekst and icon' legger `gap` mellom barna og andre barnet i cellen.  */
+    layout?: TableCellLayout;
+    /** Props ved bruk av `<CollapsibleRow>`. **OBS!** settes automatisk av forelder. */
+    collapsibleProps?: CollapsibleProps;
+} & (TdHTMLAttributes<HTMLTableCellElement> | ThHTMLAttributes<HTMLTableCellElement>);
+declare const Cell: react.ForwardRefExoticComponent<TableCellProps & react.RefAttributes<HTMLTableCellElement>>;
+
+type TableFootProps = HTMLAttributes<HTMLTableSectionElement>;
+declare const Foot: react.ForwardRefExoticComponent<TableFootProps & react.RefAttributes<HTMLTableSectionElement>>;
+
+type TableHeadProps = HTMLAttributes<HTMLTableSectionElement>;
+declare const Head: react.ForwardRefExoticComponent<TableHeadProps & react.RefAttributes<HTMLTableSectionElement>>;
+
+declare const Row: react.ForwardRefExoticComponent<{
+    type?: TableRowType | undefined;
+    mode?: RowMode | undefined;
+    selected?: boolean | undefined;
+    hoverable?: boolean | undefined;
+} & react.HTMLAttributes<HTMLTableRowElement> & react.RefAttributes<HTMLTableRowElement>>;
+
+type SortOrder = 'ascending' | 'descending';
+type TableSortCellProps = {
+    /**Spesifiserer om kolonnen er sortert. */
+    isSorted?: boolean;
+    /**Sorteringsrekkefølge i kolonnen. Avgjør hvilket ikon skal vises i cellen. */
+    sortOrder?: SortOrder;
+    /**onClick-funksjon for sortering og annen logikk. */
+    onClick: (event: MouseEvent$1<HTMLButtonElement>) => void;
+} & Omit<TableCellProps, 'type'>;
+declare const SortCell: react.ForwardRefExoticComponent<{
+    /**Spesifiserer om kolonnen er sortert. */
+    isSorted?: boolean | undefined;
+    /**Sorteringsrekkefølge i kolonnen. Avgjør hvilket ikon skal vises i cellen. */
+    sortOrder?: SortOrder | undefined;
+    /**onClick-funksjon for sortering og annen logikk. */
+    onClick: (event: MouseEvent$1<HTMLButtonElement>) => void;
+} & Omit<TableCellProps, "type"> & react.RefAttributes<HTMLTableCellElement>>;
+
+declare const Table$1: react.ForwardRefExoticComponent<{
+    density?: TableDensity | undefined;
+    stickyHeader?: boolean | undefined;
+    withDividers?: boolean | undefined;
+} & react.HTMLAttributes<HTMLTableElement> & react.RefAttributes<HTMLTableElement>>;
+
+type TableWrapperProps = HTMLAttributes<HTMLDivElement>;
+declare const TableWrapper: {
+    ({ children, ...rest }: TableWrapperProps): react_jsx_runtime.JSX.Element;
+    displayName: string;
+};
+
+type TableCompoundProps = typeof Table$1 & {
+    Wrapper: typeof TableWrapper;
+    Head: typeof Head;
+    Body: typeof Body;
+    Foot: typeof Foot;
+    Row: typeof Row;
+    Cell: typeof Cell;
+    SortCell: typeof SortCell;
+};
+declare const Table: TableCompoundProps;
+
+declare const CollapsibleRow: react.ForwardRefExoticComponent<{
+    type?: TableRowType | undefined;
+    mode?: RowMode | undefined;
+    selected?: boolean | undefined;
+    hoverable?: boolean | undefined;
+} & react.HTMLAttributes<HTMLTableRowElement> & react.RefAttributes<HTMLTableRowElement>>;
+
+declare const CollapsibleTable$1: react.ForwardRefExoticComponent<{
+    isCollapsed?: boolean | undefined;
+    headerValues: HeaderValues;
+    definingColumnIndex?: number[] | undefined;
+} & {
+    density?: TableDensity | undefined;
+    stickyHeader?: boolean | undefined;
+    withDividers?: boolean | undefined;
+} & react.HTMLAttributes<HTMLTableElement> & react.RefAttributes<HTMLTableElement>>;
+
+type CollapsibleTableProps = {
+    /**Om tabellen skal kollapse. */
+    isCollapsed?: boolean;
+    /**Innhold i headere (`content`) og deres `key`. `headerValues.content` må være den samme som faktisk innhold i `<Table.Cell type='head'>`. */
+    headerValues: HeaderValues;
+    /**
+     * Indeksen(e) til kolonnen(e) som skal synes når tabellen er kollapset. Rekkefølgen i array avgjør rekkefølgen i render.
+     * @default [0]
+     *  */
+    definingColumnIndex?: Array<number>;
+} & TableProps;
+
+type CollapsibleTableCompoundProps = typeof CollapsibleTable$1 & {
+    Row: typeof CollapsibleRow;
+};
+declare const CollapsibleTable: CollapsibleTableCompoundProps;
+
+type TabsProps = BaseComponentPropsWithChildren<HTMLDivElement, {
+    /** Indeksen til den aktive fanen. **OBS!** Ved å sette denne vil brukere aldri kunne endre tab uten at du også registrerer en `onChange`-lytter for å ta vare på aktiv tab utenfor komponenten. */
+    activeTab?: number;
+    /** Ekstra logikk ved endring av aktiv fane. */
+    onChange?: (index: number) => void;
+    /** Retningen ikon og tekst vises i `<Tab />`-elementer. */
+    tabContentDirection?: Direction$1;
+    /**Bredde for hele komponenten. */
+    width?: Property.Width;
+}, Omit<HTMLAttributes<HTMLDivElement>, 'onChange'>>;
+declare const Tabs: react.ForwardRefExoticComponent<Pick<Omit<HTMLAttributes<HTMLDivElement>, "onChange">, "className" | "id"> & {
+    /** Indeksen til den aktive fanen. **OBS!** Ved å sette denne vil brukere aldri kunne endre tab uten at du også registrerer en `onChange`-lytter for å ta vare på aktiv tab utenfor komponenten. */
+    activeTab?: number | undefined;
+    /** Ekstra logikk ved endring av aktiv fane. */
+    onChange?: ((index: number) => void) | undefined;
+    /** Retningen ikon og tekst vises i `<Tab />`-elementer. */
+    tabContentDirection?: Direction$1 | undefined;
+    /**Bredde for hele komponenten. */
+    width?: Property.Width<0 | (string & {})> | undefined;
+} & {
+    children?: react.ReactNode;
+} & {
+    htmlProps?: Omit<HTMLAttributes<HTMLDivElement>, "onChange"> | undefined;
+} & react.RefAttributes<HTMLDivElement>>;
+
+type TabProps = BaseComponentPropsWithChildren<HTMLButtonElement, {
+    /**Spesifiserer om fanen er aktiv. */
+    active?: boolean;
+    /** Ikon. */
+    icon?: SvgIcon;
+    /** 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.*/
+    index?: number;
+    /**
+     * 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">, "className" | "id"> & {
+    /**Spesifiserer om fanen er aktiv. */
+    active?: boolean | undefined;
+    /** Ikon. */
+    icon?: SvgIcon | undefined;
+    /** Spesifiserer om `<Tab />` skal ha fokus. **OBS!** settes automatisk av forelder.*/
+    focus?: boolean | undefined;
+    /**  Callback som setter fokus. **OBS!** settes automatisk av forelder.*/
+    setFocus?: Dispatch<SetStateAction<number>> | undefined;
+    /** Indeksen til `<Tab />`. **OBS!** settes automatisk av forelder.*/
+    index?: number | undefined;
+    /**
+     * 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;
+} & {
+    htmlProps?: Omit<ButtonHTMLAttributes<HTMLButtonElement>, "onKeyDown" | "onClick"> | undefined;
+} & react.RefAttributes<HTMLButtonElement>>;
+
+type TabListProps = HTMLAttributes<HTMLDivElement>;
+declare const TabList: react.ForwardRefExoticComponent<TabListProps & react.RefAttributes<HTMLDivElement>>;
+
+type TabPanelProps = BaseComponentPropsWithChildren<HTMLDivElement, {
+    /** Spesifiserer om panelet skal vises basert på aktiv fane. */
+    active?: boolean;
+}>;
+declare const TabPanel: react.ForwardRefExoticComponent<Pick<react.HTMLAttributes<HTMLDivElement>, "className" | "id"> & {
+    /** Spesifiserer om panelet skal vises basert på aktiv fane. */
+    active?: boolean | undefined;
+} & {
+    children?: react.ReactNode;
+} & {
+    htmlProps?: react.HTMLAttributes<HTMLDivElement> | undefined;
+} & react.RefAttributes<HTMLDivElement>>;
+
+type TabPanelsProps = HTMLAttributes<HTMLDivElement>;
+declare const TabPanels: react.ForwardRefExoticComponent<TabPanelsProps & react.RefAttributes<HTMLDivElement>>;
+
+type TagPurpose = 'success' | 'info' | 'danger' | 'warning' | 'default';
+type TagProps = BaseComponentPropsWithChildren<HTMLSpanElement, {
+    /**
+     * Innholdet til `<Tag>.` Kan brukes istedenfor `text`.
+     */
+    children?: ReactNode;
+    /**
+     * Samme oppførsel som `children`. Er `children` brukt vil denne ignoreres. Tekst som vises i `<Tag>`.
+     */
+    text?: string;
+    /**
+     * Formål med status eller kategorisering. Påvirker styling.
+     * */
+    purpose?: TagPurpose;
+    /**
+     * Om `<Tag>` skal ha et ikon til venstre for teksten. Tags med `purpose="default"` har aldri ikon.
+     * @default false
+     */
+    withIcon?: boolean;
+}>;
+declare const Tag: react.ForwardRefExoticComponent<Pick<react.HTMLAttributes<HTMLSpanElement>, "className" | "id"> & {
+    /**
+     * Innholdet til `<Tag>.` Kan brukes istedenfor `text`.
      */
-    justify?: StandardProperties['justifyContent'];
+    children?: ReactNode;
     /**
-     * Hvilken spacing token som skal brukes som CSS `gap`.
+     * Samme oppførsel som `children`. Er `children` brukt vil denne ignoreres. Tekst som vises i `<Tag>`.
      */
-    gap?: keyof typeof stackTokens.spacing | 0;
+    text?: string | undefined;
     /**
-     * Hvilken spacing token som skal brukes som CSS `padding`.
+     * Formål med status eller kategorisering. Påvirker styling.
+     * */
+    purpose?: TagPurpose | undefined;
+    /**
+     * Om `<Tag>` skal ha et ikon til venstre for teksten. Tags med `purpose="default"` har aldri ikon.
+     * @default false
      */
-    padding?: keyof typeof stackTokens.spacing | 0;
-}
-type StackProps = BaseComponentPropsWithChildren<HTMLDivElement, Omit<StackStyleProps, 'direction'>>;
-declare const HStack: react.ForwardRefExoticComponent<Pick<react.HTMLAttributes<HTMLDivElement>, "className" | "id"> & Omit<StackStyleProps, "direction"> & {
-    children?: react.ReactNode;
+    withIcon?: boolean | undefined;
 } & {
-    htmlProps?: react.HTMLAttributes<HTMLDivElement> | undefined;
-} & react.RefAttributes<HTMLDivElement>>;
-declare const VStack: react.ForwardRefExoticComponent<Pick<react.HTMLAttributes<HTMLDivElement>, "className" | "id"> & Omit<StackStyleProps, "direction"> & {
-    children?: react.ReactNode;
+    children?: ReactNode;
 } & {
-    htmlProps?: react.HTMLAttributes<HTMLDivElement> | undefined;
-} & react.RefAttributes<HTMLDivElement>>;
+    htmlProps?: react.HTMLAttributes<HTMLSpanElement> | undefined;
+} & react.RefAttributes<HTMLSpanElement>>;
 
-type FileExtensionAccept = `.${string}`;
-type AnyMimeType = '*';
-type ImageMimeType = 'png' | 'jpeg' | 'bmp' | 'gif' | 'svg+xml' | 'tiff' | 'webp';
-type VideoMimeType = 'x-msvideo' | 'mp4' | 'mpeg' | 'ogg' | 'mp2t' | 'webm' | '3gpp' | '3gpp2';
-type AudioMimeType = 'aac' | 'midi' | 'x-midi' | 'mpeg' | 'ogg' | 'opus' | 'wav' | 'webm' | '3gpp' | '3gpp2';
-type ApplicationMimeType = 'octet-stream' | 'msword' | 'vnd.openxmlformats-officedocument.wordprocessingml.document' | 'epub+zip' | 'gzip' | 'java-archive' | 'json' | 'vnd.oasis.opendocument.presentation' | 'vnd.oasis.opendocument.spreadsheet' | 'vnd.oasis.opendocument.text' | 'pdf' | 'vnd.ms-powerpoint' | 'vnd.openxmlformats-officedocument.presentationml.presentation' | 'rtf' | 'x-sh' | 'x-tar' | 'vnd.visio' | 'xhtml+xml' | 'vnd.ms-excel' | 'vnd.openxmlformats-officedocument.spreadsheetml.sheet' | 'xml' | 'vnd.mozilla.xul+xml' | 'zip';
-type MimeType = `image/${ImageMimeType | AnyMimeType}` | `video/${VideoMimeType | AnyMimeType}` | `audio/${AudioMimeType | AnyMimeType}` | `application/${ApplicationMimeType}`;
-type Accept = MimeType | FileExtensionAccept;
-type FileList = Array<File>;
+declare const StyledTextArea: styled_components.IStyledComponent<"web", styled_components_dist_types.Substitute<styled_components_dist_types.FastOmit<Omit<styled_components_dist_types.FastOmit<react.DetailedHTMLProps<react.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, never>, "ref"> & {
+    ref?: ((instance: HTMLInputElement | null) => void) | react.RefObject<HTMLInputElement> | null | undefined;
+}, "disabled" | "readOnly" | "componentSize" | "hasErrorMessage" | "prefixLength" | "suffixLength"> & Pick<InputProps, "disabled" | "readOnly"> & {
+    hasErrorMessage: boolean;
+} & {
+    prefixLength?: number | undefined;
+    suffixLength?: number | undefined;
+} & Pick<InputProps, "componentSize">, StyledInputProps>> & Omit<styled_components.IStyledComponent<"web", styled_components_dist_types.Substitute<Omit<styled_components_dist_types.FastOmit<react.DetailedHTMLProps<react.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, never>, "ref"> & {
+    ref?: ((instance: HTMLInputElement | null) => void) | react.RefObject<HTMLInputElement> | null | undefined;
+}, StyledInputProps>> & Omit<styled_components.IStyledComponent<"web", styled_components_dist_types.FastOmit<react.DetailedHTMLProps<react.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, never>>, keyof react.Component<any, {}, any>>, keyof react.Component<any, {}, any>>;
+declare const TextArea: react.ForwardRefExoticComponent<CommonInputProps & react.TextareaHTMLAttributes<HTMLTextAreaElement> & react.RefAttributes<HTMLTextAreaElement>>;
 
-interface FileUploaderHookProps {
-    id: string | undefined;
-    /**Dersom komponenten skal styres internt. Utgangspunktet for filene som har blitt lastet opp. */
-    initialFiles: FileList | undefined;
-    /**Dersom komponenten styres utenfra. Filene som har blitt lastet opp. */
-    value: FileList | undefined;
-    /**Callback for når fil-listen endres. */
-    onChange: (newFiles: FileList) => void;
-    /**Hvilke filendelser eller mime-typer som filopplasteren skal akseptere. */
-    accept: Array<Accept> | undefined;
-    /**Om filopplasteren er avslått eller ikke */
-    disabled: boolean | undefined;
-    /**Maks antall filer som tillates. */
-    maxFiles: number | undefined;
-    /**Feilmelding. Setter også error state. */
-    errorMessage: string | undefined;
+type TextAreaProps = CommonInputProps & TextareaHTMLAttributes<HTMLTextAreaElement>;
+
+declare const TextInput: react__default.ForwardRefExoticComponent<CommonInputProps & {
+    componentSize?: InputSize | undefined;
+} & react__default.InputHTMLAttributes<HTMLInputElement> & {
+    withCharacterCounter?: boolean | undefined;
+    icon?: SvgIcon | undefined;
+    prefix?: string | undefined;
+    suffix?: string | undefined;
+} & react__default.RefAttributes<HTMLInputElement>>;
+
+type TextInputProps = InputProps & {
+    /** Spesifiserer om tegntelleren skal vises ved bruk av `maxLength` attributt. */
+    withCharacterCounter?: boolean;
+    /** Ikonet som vises i komponenten. */
+    icon?: SvgIcon;
+    /**
+     * Prefiks som vises før inputfeltet.
+     * OBS! Prefiks leses ikke av skjermleser og skal derfor ikke brukes som en erstatter
+     * for en beskrivende label. */
+    prefix?: string;
+    /**
+     * Suffiks som vises etter inputfeltet.
+     * OBS! Suffiks leses ikke av skjermleser og skal derfor ikke brukes som en erstatter
+     * for en beskrivende label. */
+    suffix?: string;
+};
+interface TextAffixProps {
+    readOnly?: boolean;
 }
 
-type FileUploaderProps = {
-    /**Id til filopplasteren. */
-    id?: string;
-    /**Ledetekst for filopplaster. */
+type ToggleBarValue = string | number | null | undefined;
+type ToggleBarSize = 'tiny' | 'small' | 'medium' | 'large';
+type ToggleBarProps<T extends string | number> = BaseComponentPropsWithChildren<HTMLDivElement, {
+    /**Størrelse på komponenten. */
+    size?: ToggleBarSize;
+    /**Ledetekst for hele gruppen. */
     label?: string;
-    /**Hjelpetekst. */
-    tip?: string;
-    /**Om det er påkrevd med minst en fil. */
-    required?: boolean;
-    /**Callback for når fil-listen endres. */
-    onChange: (newFiles: FileList) => void;
-    /**Bredde for filopplasteren. */
-    width?: Property.Width<string>;
-} & Partial<FileUploaderHookProps>;
-declare const FileUploader: {
-    (props: FileUploaderProps): react_jsx_runtime.JSX.Element;
+    /**Funksjonen for `onChange`-event for barna. */
+    onChange?: (event: ChangeEvent<HTMLInputElement>, value?: T) => void;
+    /**Den valgte verdien i gruppen. Hvis satt ved innlastning blir en `<ToggleRadio />` forhåndsvalgt. */
+    value?: T;
+    /** Gir alle barna samme `name` prop.*/
+    name?: string;
+    /**Bredden til komponenten. Bredden fordeles likt mellom barna.  */
+    width?: Property.Width;
+}>;
+
+declare const ToggleBar: {
+    <T extends string | number = string>(props: ToggleBarProps<T>): react_jsx_runtime.JSX.Element;
     displayName: string;
 };
 
-type EmptyContentProps = {
-    title?: string;
-    message: string;
-} & HTMLAttributes<HTMLDivElement>;
-declare function EmptyContent({ title, message, ...rest }: EmptyContentProps): react_jsx_runtime.JSX.Element;
-declare namespace EmptyContent {
-    var displayName: string;
-}
+type PickedInputHTMLAttributes = Pick<InputHTMLAttributes<HTMLInputElement>, 'name' | 'checked' | 'value' | 'onChange' | 'aria-label' | 'aria-labelledby'>;
+type ToggleRadioProps = BaseComponentProps<HTMLInputElement, {
+    /**Ledetekst som vises i komponenten. */
+    label?: string;
+    /**Ikonet som vises i komponenten. */
+    icon?: SvgIcon;
+} & PickedInputHTMLAttributes, Omit<InputHTMLAttributes<HTMLInputElement>, keyof PickedInputHTMLAttributes>>;
+declare const ToggleRadio: react.ForwardRefExoticComponent<Pick<Omit<InputHTMLAttributes<HTMLInputElement>, "name" | "aria-label" | "aria-labelledby" | "onChange" | "value" | "checked">, "className" | "id"> & {
+    /**Ledetekst som vises i komponenten. */
+    label?: string | undefined;
+    /**Ikonet som vises i komponenten. */
+    icon?: SvgIcon | undefined;
+} & PickedInputHTMLAttributes & {
+    htmlProps?: Omit<InputHTMLAttributes<HTMLInputElement>, "name" | "aria-label" | "aria-labelledby" | "onChange" | "value" | "checked"> | undefined;
+} & react.RefAttributes<HTMLInputElement>>;
 
-interface BackLinkProps {
-    label: string;
-    href: string;
-}
-declare const BackLink: react.ForwardRefExoticComponent<BackLinkProps & react.RefAttributes<HTMLElement>>;
+declare const ToggleButton: react.ForwardRefExoticComponent<Pick<Omit<react.InputHTMLAttributes<HTMLInputElement>, "name" | "aria-describedby" | "onBlur" | "onChange" | "defaultChecked" | "defaultValue" | "value" | "checked">, "className" | "id"> & {
+    label?: string | undefined;
+    icon?: SvgIcon | undefined;
+} & CheckboxPickedHTMLAttributes & {
+    htmlProps?: Omit<react.InputHTMLAttributes<HTMLInputElement>, "name" | "aria-describedby" | "onBlur" | "onChange" | "defaultChecked" | "defaultValue" | "value" | "checked"> | undefined;
+} & react.RefAttributes<HTMLInputElement>>;
 
-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 */
-    ratingLabel: string;
-    /**Label til fritekstfeltet når bruker har gitt tommel opp */
-    positiveFeedbackLabel?: string;
-    /**Label til fritekstfeltet når bruker har gitt tommel ned */
-    negativeFeedbackLabel?: string;
-    /**Tittel som vises når bruker har gitt tommel opp/ned, og enda ikke sendt inn kommentar */
-    ratingSubmittedTitle?: string;
-    /**Tittel som vises når bruker har gitt feedback (inkl. eventuell kommentar) */
-    submittedTitle?: 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*/
-    thumbUpTooltip?: string;
-    /**Tooltip-teksten til tommel-ned-knappen*/
-    thumbDownTooltip?: string;
-    /**Om tilbakemeldingskomponenten skal ekskludere fritekstfeltet (i.e. kun ha tommel opp/ned).*/
-    feedbackTextAreaExcluded?: boolean;
-    /**Om knappene skal vise spinner. Gjelder både tommel opp/ned knappene, og "send inn" knappen. */
-    loading?: boolean;
-    /**Om tilbakemelding er sendt inn. Brukes når komponenten skal være styrt utenfra. */
-    isSubmitted?: boolean;
-    /**Callback når bruker har gitt tommelrating */
-    onRating?: (rating: Rating) => void;
-    /**Callback når bruker skriver noe i fritekstfeltet */
-    onFeedbackTextChange?: (feedbackText: string) => void;
-    /**Callback når bruker sender inn feedback */
-    onSubmit?: (rating: Rating, feedbackText: string) => void;
-}
-type Rating = 'positive' | 'negative';
-type Layout = 'vertical' | 'horizontal';
+type Direction = 'row' | 'column';
+type ToggleButtonGroupProps = BaseComponentPropsWithChildren<HTMLDivElement, {
+    /** Ledetekst for gruppen. */
+    label?: string;
+    /**Retningen barna legger seg i. */
+    direction?: Direction;
+    /** Custom `id` for ledetekst. Blir generert som default for å knytte ledetekst til gruppen.  */
+    labelId?: string;
+}>;
+declare const ToggleButtonGroup: {
+    (props: ToggleButtonGroupProps): react_jsx_runtime.JSX.Element;
+    displayName: string;
+};
 
-declare const Feedback: ({ layout, ratingLabel, positiveFeedbackLabel, negativeFeedbackLabel, ratingSubmittedTitle, submittedTitle, ratingValue: ratingProp, feedbackTextValue: feedbackTextProp, thumbUpTooltip, thumbDownTooltip, feedbackTextAreaExcluded, loading, isSubmitted: isSubmittedProp, onRating, onFeedbackTextChange, onSubmit, }: FeedbackProps) => react_jsx_runtime.JSX.Element;
+type ToggleButtonProps = BaseComponentProps<HTMLInputElement, {
+    /**Ledetekst for inputelementet. */
+    label?: string;
+    /** Ikon. */
+    icon?: SvgIcon;
+} & CheckboxPickedHTMLAttributes, Omit<InputHTMLAttributes<HTMLInputElement>, keyof CheckboxPickedHTMLAttributes>>;
+
+type AnchorElement = react__default.ReactElement & react__default.RefAttributes<HTMLElement>;
+type PickedHTMLAttributes = Pick<HTMLAttributes<HTMLDivElement>, 'style' | 'onMouseLeave' | 'onMouseOver'>;
+type TooltipProps = BaseComponentProps<HTMLDivElement, {
+    /**Innhold i tooltip. */
+    text: string;
+    /**Plassering i forhold til anchor-elementet. */
+    placement?: Placement$1;
+    /**Anchor-elementet. */
+    children: AnchorElement;
+    /**Forsinkelse for når tooltip skal dukke opp. Oppgis i millisekunder.  */
+    delay?: number;
+    /**`id` for tooltip. */
+    tooltipId?: string;
+} & PickedHTMLAttributes, Omit<HTMLAttributes<HTMLDivElement>, 'children' | keyof PickedHTMLAttributes>>;
+declare const Tooltip: react__default.ForwardRefExoticComponent<Pick<Omit<react__default.HTMLAttributes<HTMLDivElement>, "style" | "children" | "onMouseLeave" | "onMouseOver">, "className" | "id"> & {
+    /**Innhold i tooltip. */
+    text: string;
+    /**Plassering i forhold til anchor-elementet. */
+    placement?: Placement$1 | undefined;
+    /**Anchor-elementet. */
+    children: AnchorElement;
+    /**Forsinkelse for når tooltip skal dukke opp. Oppgis i millisekunder.  */
+    delay?: number | undefined;
+    /**`id` for tooltip. */
+    tooltipId?: string | undefined;
+} & PickedHTMLAttributes & {
+    htmlProps?: Omit<react__default.HTMLAttributes<HTMLDivElement>, "style" | "children" | "onMouseLeave" | "onMouseOver"> | undefined;
+} & react__default.RefAttributes<HTMLDivElement>>;
+
+type VisuallyHiddenDivProps = BaseComponentPropsWithChildren<HTMLDivElement, {
+    as: 'div';
+}>;
+type VisuallyHiddenSpanProps = BaseComponentPropsWithChildren<HTMLSpanElement, {
+    /**Spesifiserer hvilken HTML tag skal returneres. */
+    as: 'span';
+}>;
+type VisuallyHiddenProps = VisuallyHiddenSpanProps | VisuallyHiddenDivProps;
+declare const VisuallyHidden: {
+    (props: VisuallyHiddenProps): react_jsx_runtime.JSX.Element;
+    displayName: string;
+};
 
-export { AddressShieldedIcon, AgreementIcon, type AnchorTypographyType, AnimatedChevronUpDown, AppShell, type AppShellProps, AppsIcon, ArchiveIcon, ArrowDownIcon, ArrowLeftIcon, ArrowRightIcon, ArrowUpIcon, type As, AttachmentIcon, BackLink, type BackLinkProps, BarChartBoxedIcon, BarChartIcon, type BaseComponentProps, type BaseComponentPropsWithChildren, type BaseTypographyProps, BlockIcon, BookIcon, Breadcrumb, type BreadcrumbProps, Breadcrumbs, type BreadcrumbsProps, type BreakpointBasedProps, BuildCircledIcon, BuildIcon, Button, type ButtonAppearance, type ButtonProps$1 as 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 CardColor, type CardProps, type CardType, CaringIcon, 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, type ColumnsOccupied, CommentIcon, type CommonInputProps, Container, 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, EmptyContent, type EmptyContentProps, ErrorIcon, ExclaimIcon, ExpandIcon, type ExpandableCardProps, type ExtractStrict, FacebookIcon, FamilyIcon, Feedback, FeedbackIcon, type FeedbackProps, FileAddIcon, FileIcon, FileShieldedIcon, FileTextIcon, FileUploader, FilterIcon, FilterListIcon, FilterListOffIcon, FilterOffIcon, FindInPageIcon, FlickrIcon, FolderAddIcon, FolderIcon, FolderShieldedIcon, FullscreenExitIcon, FullscreenIcon, GavelIcon, GlobalMessage, type GlobalMessageProps, type GlobalMessagePurpose, Grid, GridChild, type GridChildProps, type GridProps, HStack, Heading, type HeadingLevel, type HeadingProps, HelpFilledIcon, HelpIcon, HiddenInput, HomeIcon, HourglassBottom, HourglassDisabled, HourglassEmpty, HourglassFull, HourglassTop, Icon, type IconPosition, type IconProps, type IconSize, ImageIcon, type InfoCardProps, InfoIcon, InlineEditInput, type InlineEditInputProps, InlineEditTextArea, type InlineEditTextAreaProps, type InlineElement, Input, InputAffixContainer, InputContainer, 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, type NavigationCardProps, NotarialIcon, NotificationsIcon, NotificationsOffIcon, type Nullable, OnlineMeetingIcon, OpenExternalIcon, type OtherTypographyType, OuterInputContainer, OverflowMenu, type OverflowMenuButtonItem, type OverflowMenuContextItem, OverflowMenuGroup, type OverflowMenuGroupProps, type OverflowMenuLinkItem, OverflowMenuList, type OverflowMenuNavItem, type OverflowMenuProps, 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, PrintIcon, ProgressTracker, PropertyIcon, type PropsOf, PublishIcon, QuestionAnswerIcon, RadioButton, RadioButtonGroup, type RadioButtonGroupProps, type RadioButtonProps, type Rating, ReceiptIcon, RedoIcon, RefreshIcon, ReplayIcon, RequiredMarker, ScreenSize, type ScreenSizeLiteral, ScrollableContainer, type ScrollableContainerProps, Scrollbar, type ScrollbarProps, Search, type SearchAutocompleteWrapperProps, type SearchData, SearchIcon, type SearchProps, type SearchSize, type SearchSuggestionsProps, Select, type SelectOption, type SelectProps, SettingsIcon, SkipToContent, type SkipToContentProps, SmsIcon, type SortOrder, Spinner, type SpinnerProps, SplitButton, type SplitButtonProps, type SplitButtonPurpose, type StackProps, type StackStyleProps, StarFilledIcon, StarHalfFilled, StarIcon, StatefulInput, type StaticTypographyType, type StyledCommonInputProps, type StyledInputProps, StyledSvg, StyledTextArea, type SvgIcon, type SvgProps, SyncIcon, Tab, TabList, type TabListProps, TabPanel, type TabPanelProps, TabPanels, type TabPanelsProps, type TabProps, Table, type TableBodyProps, type TableCellLayout, type TableCellProps, type TableCellType, type TableDensity, type TableFootProps, type TableHeadProps, type TableProps, type TableRowProps, type TableRowType, type TableSortCellProps, Tabs, type TabsProps, Tag, type TagProps, type TagPurpose, type TextAffixProps, TextArea, type TextAreaProps, TextInput, type TextInputProps, TextOverflowEllipsisInner, TextOverflowEllipsisWrapper, Thumbdown, ThumbdownFilled, Thumbup, ThumbupFilled, 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, TwitterIcon, Typography, type TypographyBodyType, type TypographyComponentProps, type TypographyHeadingType, type TypographyInteractionStyling, type TypographyLeadType, type TypographyProps, type TypographyType, UndoIcon, UnfoldLessIcon, UnfoldMoreIcon, UploadIcon, VStack, VisibilityOffIcon, VisibilityOnIcon, VisuallyHidden, type VisuallyHiddenProps, WarningIcon, type WeightedSearchData, type WidthProps, type WithRequiredIf, ZoomInIcon, ZoomOutIcon, calendarDateToNativeDate, cn, createSelectOptions, dangerInputfield, dateValueToNativeDate, defaultTypographyType, focusDangerInputfield, focusInputfield, focusVisible, focusVisibleInset, focusVisibleLink, focusVisibleLinkOnDark, focusVisibleLinkTransitionValue, focusVisibleOnDark, focusVisibleThickWithBorderOnDark, focusVisibleTransitionValue, focusVisibleWithBorder, getAdditionalFontStyle, getAnchorStyling, getBaseHTMLProps, getDefaultText, getElementType, getFontStyling, getLiteralScreenSize, getMarginStyling, hideInput, hoverDangerInputfield, hoverInputfield, hoverWithBorder, index as icons, inlineElements, inputTokens, inputTypographyTypes, isGridColumn, isHeading, isInlineElement, isKeyboardEvent, isRelativeGridColumn, nativeDateToCalendarDate, nativeDateToDateValue, nativeDateToTime, normalizeButton, outlineOffset, removeButtonStyling, removeListStyling, scrollbarStyling, selection, useCombinedRef, useFloatPosition, useFocusTrap, useIsMounted, useMountTransition, useOnClickOutside, useOnKeyDown, useReturnFocusOnBlur, useRoveFocus, useScreenSize, visibilityTransition };
+export { AddressShieldedIcon, AgreementIcon, type AnchorTypographyType, AnimatedChevronUpDown, AppShell, type AppShellProps, AppsIcon, ArchiveIcon, ArrowDownIcon, ArrowLeftIcon, ArrowRightIcon, ArrowUpIcon, type As, AttachmentIcon, BackLink, type BackLinkProps, BarChartBoxedIcon, BarChartIcon, type BaseComponentProps, type BaseComponentPropsWithChildren, type BaseTypographyProps, BlockIcon, BookIcon, Breadcrumb, type BreadcrumbProps, Breadcrumbs, type BreadcrumbsProps, type BreakpointBasedProps, BuildCircledIcon, BuildIcon, Button, type ButtonAppearance, type ButtonProps$1 as 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 CardColor, type CardProps, type CardType, CaringIcon, 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, type ColumnsOccupied, CommentIcon, type CommonInputProps, Container, 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, EmptyContent, type EmptyContentProps, ErrorIcon, ExclaimIcon, ExpandIcon, type ExpandableCardProps, type ExtractStrict, FacebookIcon, FamilyIcon, FavStar, type FavStarProps, Feedback, FeedbackIcon, type FeedbackProps, FileAddIcon, FileIcon, FileShieldedIcon, FileTextIcon, FileUploader, FilterIcon, FilterListIcon, FilterListOffIcon, FilterOffIcon, FindInPageIcon, FlickrIcon, FolderAddIcon, FolderIcon, FolderShieldedIcon, FullscreenExitIcon, FullscreenIcon, GavelIcon, GlobalMessage, type GlobalMessageProps, type GlobalMessagePurpose, Grid, GridChild, type GridChildProps, type GridProps, HStack, Heading, type HeadingLevel, type HeadingProps, HelpFilledIcon, HelpIcon, HiddenInput, HomeIcon, HourglassBottom, HourglassDisabled, HourglassEmpty, HourglassFull, HourglassTop, Icon, type IconPosition, type IconProps, type IconSize, ImageIcon, type InfoCardProps, InfoIcon, InlineEditInput, type InlineEditInputProps, InlineEditTextArea, type InlineEditTextAreaProps, type InlineElement, Input, InputAffixContainer, InputContainer, 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, type NavigationCardProps, NotarialIcon, NotificationsIcon, NotificationsOffIcon, type Nullable, OnlineMeetingIcon, OpenExternalIcon, type OtherTypographyType, OuterInputContainer, OverflowMenu, type OverflowMenuButtonItem, type OverflowMenuContextItem, OverflowMenuGroup, type OverflowMenuGroupProps, type OverflowMenuLinkItem, OverflowMenuList, type OverflowMenuNavItem, type OverflowMenuProps, 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, PrintIcon, ProgressTracker, PropertyIcon, type PropsOf, PublishIcon, QuestionAnswerIcon, RadioButton, RadioButtonGroup, type RadioButtonGroupProps, type RadioButtonProps, type Rating, ReceiptIcon, RedoIcon, RefreshIcon, ReplayIcon, RequiredMarker, ScreenSize, type ScreenSizeLiteral, ScrollableContainer, type ScrollableContainerProps, Scrollbar, type ScrollbarProps, Search, type SearchAutocompleteWrapperProps, type SearchData, SearchIcon, type SearchProps, type SearchSize, type SearchSuggestionsProps, Select, type SelectOption, type SelectProps, SettingsIcon, SkipToContent, type SkipToContentProps, SmsIcon, type SortOrder, Spinner, type SpinnerProps, SplitButton, type SplitButtonProps, type SplitButtonPurpose, type StackProps, type StackStyleProps, StarFilledIcon, StarHalfFilled, StarIcon, StatefulInput, type StaticTypographyType, type StyledCommonInputProps, type StyledInputProps, StyledSvg, StyledTextArea, type SvgIcon, type SvgProps, SyncIcon, Tab, TabList, type TabListProps, TabPanel, type TabPanelProps, TabPanels, type TabPanelsProps, type TabProps, Table, type TableBodyProps, type TableCellLayout, type TableCellProps, type TableCellType, type TableDensity, type TableFootProps, type TableHeadProps, type TableProps, type TableRowProps, type TableRowType, type TableSortCellProps, Tabs, type TabsProps, Tag, type TagProps, type TagPurpose, type TextAffixProps, TextArea, type TextAreaProps, TextInput, type TextInputProps, TextOverflowEllipsisInner, TextOverflowEllipsisWrapper, Thumbdown, ThumbdownFilled, Thumbup, ThumbupFilled, 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, TwitterIcon, Typography, type TypographyBodyType, type TypographyComponentProps, type TypographyHeadingType, type TypographyInteractionStyling, type TypographyLeadType, type TypographyProps, type TypographyType, UndoIcon, UnfoldLessIcon, UnfoldMoreIcon, UploadIcon, VStack, VisibilityOffIcon, VisibilityOnIcon, VisuallyHidden, type VisuallyHiddenProps, WarningIcon, type WeightedSearchData, type WidthProps, type WithRequiredIf, ZoomInIcon, ZoomOutIcon, calendarDateToNativeDate, cn, createSelectOptions, dangerInputfield, dateValueToNativeDate, defaultTypographyType, focusDangerInputfield, focusInputfield, focusVisible, focusVisibleCard, focusVisibleInset, focusVisibleLink, focusVisibleLinkOnDark, focusVisibleLinkTransitionValue, focusVisibleOnDark, focusVisibleThickWithBorderOnDark, focusVisibleTransitionValue, focusVisibleWithBorder, getAdditionalFontStyle, getAnchorStyling, getBaseHTMLProps, getDefaultText, getElementType, getFontStyling, getLiteralScreenSize, getMarginStyling, hideInput, hoverDangerInputfield, hoverInputfield, hoverWithBorder, index as icons, inlineElements, inputTokens, inputTypographyTypes, isGridColumn, isHeading, isInlineElement, isKeyboardEvent, isRelativeGridColumn, nativeDateToCalendarDate, nativeDateToDateValue, nativeDateToTime, normalizeButton, outlineOffset, removeButtonStyling, removeListStyling, scrollbarStyling, selection, useCombinedRef, useFloatPosition, useFocusTrap, useIsMounted, useMountTransition, useOnClickOutside, useOnKeyDown, useReturnFocusOnBlur, useRoveFocus, useScreenSize, visibilityTransition };