import * as react from 'react';
import react__default, { Dispatch, SetStateAction, RefObject, ReactNode, ComponentPropsWithRef, HTMLAttributes, Ref, CSSProperties, ElementType, ComponentPropsWithoutRef, SVGAttributes, JSX, ButtonHTMLAttributes, ComponentProps, InputHTMLAttributes, MouseEventHandler, DependencyList, RefCallback, ChangeEvent, KeyboardEvent as KeyboardEvent$1, AnchorHTMLAttributes, LabelHTMLAttributes, AriaRole, FocusEvent, ForwardedRef, ForwardRefExoticComponent, MouseEvent as MouseEvent$1, ReactElement } from 'react';
import * as CSS from 'csstype';
import { Property, StandardProperties } from 'csstype';
import { Strategy, UseFloatingReturn, Placement as Placement$1 } from '@floating-ui/react-dom';
import { ddsTokens } from '@norges-domstoler/dds-design-tokens';
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, SelectInstance, Props } from 'react-select';

interface AccordionConfig {
    /**
     * Ukontrollerttilstand: om utvidbare delen skal være utvidet ved første render.
     */
    isInitiallyExpanded?: boolean;
    /**
     * Kontrollert tilstand: om utvidbare delen er utvidet.
     */
    isExpanded?: boolean;
    /**
     * Callback når tilstanden endres.
     */
    onChange?: (expanded: boolean) => void;
    /**
     * Custom id for accordion; delene får i tillegg suffix `'header'` og `'body'`.
     */
    id?: string;
}
interface UseAccordionHeaderProps {
    /**
     * `onClick` som kontrollerer lukking og åpning av accordion, og eventuelt `onChange` satt i config
     */
    onClick: () => void;
    /**
     * Nativ `aria-expanded`.
     */
    'aria-expanded': boolean;
    /**
     * Nativ `aria-controls`.
     */
    'aria-controls': string;
    /**
     * Id, settes for riktig bruk av aria-props.
     */
    id: string;
}
interface UseAccordionBodyProps {
    /**
     * Id, settes for riktig bruk av aria-props.
     */
    id: string;
    /**
     * Nativ `role`. Gir innholdet en rolle tilgjengelig for skjermlesere.
     */
    role: string;
    /**
     * Nativ `aria-labelledby`.
     */
    'aria-labelledby': string;
    /**
     * Nativ `aria-hidden`.
     */
    'aria-hidden': boolean;
    /**
     * Høyde som skal settes i CSS for animasjon.
     */
    height?: number;
    /**
     * Klassenavn for innhold-wrapper; håndterer animasjon og lukking.
     */
    className?: string;
}
interface AccordionState {
    /**
     * Id, settes for riktig bruk av aria-props.
     */
    id: string;
    /**
     * Om accordion er utvided.
     */
    isExpanded: boolean;
    /**
     * State funksjon som setter `isExpanded` ved behov.
     */
    setIsExpanded: Dispatch<SetStateAction<boolean>>;
    /**
     * Funksjon som åpner accordion. Brukes ved behov.
     */
    openAccordion: () => void;
    /**
     * Funksjon som lukker accordion. Brukes ved behov.
     */
    closeAccordion: () => void;
    /**
     * Funksjon som toggler accordion. Brukes ved behov.
     */
    toggleExpanded: () => void;
    /**
     * Props som settes på header-elementet.
     */
    headerProps: UseAccordionHeaderProps;
    /**
     * Props som settes på innholds-elementet.
     */
    bodyProps: UseAccordionBodyProps;
    /**
     * Ref som settes på wrapper inni innholds-elementet; Sørger for animasjon.
     */
    bodyContentRef: RefObject<HTMLDivElement | null>;
}
/**
 * Implementerer trekkspill-mønsteret; header som utvider og trekker sammen et panel. Håndterer oppførsel, UU og visuelle effekter.
 * @returns {AccordionState} accordion state og props å bruke på acccordion-elementer: header og body.
 * @example
 * ```tsx
 * function MyComponent() {
 *
 *  const { isExpanded, bodyContentRef, headerProps, bodyProps } = useAccordion({});
 *  const { height, ...restBodyProps } = bodyProps;
 *
 *  return (
 *    <>
 *      <button {...headerProps}>
 *        {isExpanded ? 'Skjul' : 'Vis'} innhold
 *      </button>
 *      <div style={{height}} {...restBodyProps}>
 *        <div ref={bodyContentRef}>
 *          innhold
 *        </div>
 *      </div>
 *    </>
 *  )
 * });
 * ```
 */
declare const useAccordion: ({ isInitiallyExpanded, isExpanded: isExpandedProp, onChange, id, }: AccordionConfig) => AccordionState;

interface AccordionContext {
    headerProps: UseAccordionHeaderProps;
    bodyProps: UseAccordionBodyProps;
    isExpanded: boolean;
    toggleExpanded: () => void;
    bodyContentRef: RefObject<HTMLDivElement | null>;
}
declare const AccordionContext: react.Context<Partial<AccordionContext>>;
declare const AccordionContextProvider: ({ children, ...values }: AccordionContext & {
    children: ReactNode;
}) => react.JSX.Element;
declare const useAccordionContext: () => Partial<AccordionContext>;

declare function handleElementWithBackdropMount(container: HTMLElement): void;
declare function handleElementWithBackdropUnmount(container: HTMLElement): void;

type BackdropProps = {
    isMounted?: boolean;
    zIndex: 'drawer' | 'modal';
} & Pick<ComponentPropsWithRef<'div'>, 'children' | 'onClick' | 'ref'>;
/**
 * Backdrop-komponent, viser et bakgrunnslag for et element som skal låse applikasjonen i bakgrunnen (Modal el.l.).
 *
 * @component
 * @param {Object} props - Props for komponenten.
 * @param {boolean} [props.isMounted] - Angir om backdropen skal være synlig (`true`) eller skjult (`false`). Standard er `false`.
 * @param {'drawer' | 'modal'} props.zIndex - Bestemmer hvilken z-index-klasse som skal brukes, avhengig av konteksten (f.eks. drawer eller modal).
 * @param {React.ReactNode} [props.children] - Eventuelt innhold som skal vises inni backdropen.
 * @param {React.MouseEventHandler<HTMLDivElement>} [props.onClick] - Klikkhåndterer for backdropen, f.eks. for å lukke en modal.
 * @param {React.Ref<HTMLDivElement>} [props.ref] - Referanse til DOM-elementet.
 *
 * @returns {JSX.Element} Et `<div>`-element med riktige klasser basert på synlighet og z-index.

 * @example
 * ```tsx
 * <Backdrop isMounted={true} zIndex="modal" onClick={handleClose}>
 *   <ModalContent />
 * </Backdrop>
 * ```
 */
declare const Backdrop: {
    ({ isMounted, zIndex, ...props }: BackdropProps): react.JSX.Element;
    displayName: string;
};

type Direction$1 = 'row' | 'column';

interface HTMLRootProps {
    /**HTML id. */
    id?: string;
    /**HTML klassenavn. */
    className?: string;
    /**HTML inline style. */
    style?: CSSProperties;
}
type CommonComponentProps<THTMLProps extends object, TRef extends Ref<unknown>> = HTMLRootProps & {
    /**Native HTML-attributter som vil settes på elementet som genereres.
     * Untatt `id`, `className`, `style` og eventuelt andre ofte brukte native HTML-attributter spesifisert i dokumentasjonen.
     * */
    htmlProps?: THTMLProps;
    /**Ref til komponenten. */
    ref?: TRef;
};
/**
 * Basetype for props som eksponeres til konsumenter av designsystemet.
 * - Rot: `id`, `className`, `style`, `TOtherProps`
 * - `htmlProps`: resterende HTML-attributter.
 * Se også {@link BaseComponentPropsWithChildren} og
 * {@link getBaseHTMLProps}.
 *
 * @template TElement Element-type som genereres av komponenten.
 * @template TOtherProps Andre props komponenten skal eksponere til konsumenter.
 * @template THTMLAttributesProps Standard `HTMLAttributes<T>` men kan overstyres for f.eks knapper hvis man trenger en annen basetype for `htmlProps`.
 */
type BaseComponentProps<TElement extends Element, TOtherProps extends object = object, THTMLAttributesProps extends HTMLAttributes<TElement> = HTMLAttributes<TElement>> = TOtherProps & CommonComponentProps<Omit<THTMLAttributesProps, keyof HTMLRootProps | keyof TOtherProps>, Ref<TElement>>;
/**
 * Basetype for polymorfe props som eksponeres til konsumenter av designsystemet.
 * - Rot: `id`, `className`, `style`, `TOtherProps`
 * - `htmlProps`: resterende props fra `TComponentProps`
 *
 * @template E `ElemenType` komponenten returnerer.
 * @template TOtherProps Andre props komponenten skal eksponere til konsumenter.
 * @template TComponentProps Standard `ComponentPropsWithoutRef<E>` som kan overstyres hvis man trenger en annen basetype for `htmlProps`, f.eks. for å støtte ofte brukte attributter på roten.
 */
type PolymorphicBaseComponentProps<E extends ElementType, TOtherProps extends object = object> = TOtherProps & HTMLRootProps & {
    /** HTML- eller React-element som returneres. */
    as?: E;
    /** Barn. Blir ignorert hvis returnert HTML tag ikke støtter de. */
    children?: React.ReactNode;
} & CommonComponentProps<Omit<ComponentPropsWithoutRef<E>, keyof HTMLRootProps | keyof TOtherProps>, ComponentPropsWithRef<E>['ref']> & Omit<ComponentPropsWithoutRef<E>, keyof HTMLRootProps | keyof TOtherProps | 'children' | 'ref'>;
/**
 * Utvidelse av {@link BaseComponentProps} med prop for `children`.
 */
type BaseComponentPropsWithChildren<T extends Element, TProps extends object = object, THTMLProps extends HTMLAttributes<T> = HTMLAttributes<T>> = BaseComponentProps<T, TProps & {
    /**Barn. */
    children?: ReactNode;
}, THTMLProps>;
/**
 * Slår sammen id, className,htmlProps og unknownProps til ett objekt
 * som kan spreades som baseprops for en komponent. `unknownProps` er
 * med for å sikre at aria- og data- attributter blir spreadet, alle
 * komponenter må derfor ta hensyn til `...rest` når de leser props.
 *
 * Typisk bruk:
 * ```tsx
 * const Props = BaseComponentProps<HTMLElement, {
 *   propA: string,
 *   propB: string,
 * }>
 *
 * const MyComponent = (props: Props) => {
 *   const { id, className, style, htmlProps, ...rest } = props;
 *
 *   const wrapperProps = getBaseHTMLProps(id, className, style, htmlProps, rest)
 *
 *   return <div {...wrapperProps}>innhold</div>
 * }
 * ```
 * @param id id fra props til komponenten.
 * @param className className for komponenten.
 * @param htmlProps htmlProps fra komponenten.
 * @param unknownProps andre ukjente props som skal spreades, kommer typisk fra `...rest` når man leser props til komponenten.
 * @returns Objekt med alle argumentene som kan spreades.
 *
 * Kan også kalles uten `className`-parameteret. Oppførselen er lik.
 */
declare function getBaseHTMLProps<T extends Element>(id: HTMLAttributes<T>['id'], className: HTMLAttributes<T>['className'], style: HTMLAttributes<T>['style'], htmlProps: HTMLAttributes<T> | undefined, unknownProps: object): HTMLAttributes<T> & object;

declare const SIZES: readonly ["xsmall", "small", "medium", "large", "xlarge", "xxlarge", "inherit", "component"];
type Size = (typeof SIZES)[number];
declare function createSizes<T extends Array<Size>>(...sizes: T): T;

declare const PURPOSES: readonly ["primary", "secondary", "tertiary", "success", "info", "danger", "warning", "default", "tips"];
type Purpose = (typeof PURPOSES)[number];
declare function createPurposes<T extends Array<Purpose>>(...sizes: T): T;

declare const BORDER_RADII: readonly ["button", "input", "surface", "chip", "rounded", "0"];
declare const ELEVATIONS: readonly ["small", "medium", "large"];
declare const BORDER_COLORS: readonly ["border-default", "border-subtle", "border-inverse", "border-action-default", "border-action-hover", "border-success", "border-warning", "border-danger", "border-info", "border-on-action"];
declare const BACKGROUNDS: readonly ["surface-default", "surface-subtle", "surface-medium", "surface-inverse-default", "surface-danger-default", "surface-danger-strong", "surface-success-default", "surface-success-strong", "surface-warning-default", "surface-warning-strong", "surface-info-default", "surface-info-strong", "surface-paper-default", "surface-notification", "surface-field-disabled", "brand-primary-default", "brand-primary-subtle", "brand-primary-medium", "brand-primary-strong", "brand-secondary-default", "brand-secondary-subtle", "brand-secondary-medium", "brand-secondary-strong", "brand-tertiary-default", "brand-tertiary-subtle", "brand-tertiary-medium", "brand-tertiary-strong"];
type BorderRadius = (typeof BORDER_RADII)[number];
type Elevation = (typeof ELEVATIONS)[number];
type BorderColor = (typeof BORDER_COLORS)[number];
type PaperBackground = (typeof BACKGROUNDS)[number];
declare const isPaperBackground: (value: unknown) => value is PaperBackground;
declare const isBorderColor: (value: unknown) => value is BorderColor;
declare const isBorderRadius: (value: unknown) => value is BorderRadius;
declare const isElevation: (value: unknown) => value is Elevation;

/**
 * Gir tilbake `T` med properties fra `K` som påkrevd gitt at `Condition` er `true`
 *
 * @template Condition
 * @template T
 * @template K
 */
type WithRequiredIf<Condition extends boolean, T, K extends keyof T> = Omit<T, K> & Pick<true extends Condition ? Required<T> : T, K>;
/**
 * Gir tilbake typer fra `T` som matcher `U`
 *
 * @template T en union type
 * @template U delmengde av `T`
 */
type ExtractStrict<T, U extends T> = U;
type Nullable<T> = T | null;
type Callback<T> = (e: T) => void;

type SvgProps = {
    title?: string;
} & SVGAttributes<SVGSVGElement>;
type SvgIcon = (props: SvgProps) => JSX.Element;
type IconStatesOf<I> = I extends {
    states: ReadonlyArray<infer S>;
} ? S : never;
type SvgPropsWithState<I> = SvgProps & (IconStatesOf<I> extends never ? object : {
    /**
     * Ikon-state hvis ikonet kan animeres; types basert på ikon valgt i `icon` prop. Statiske ikoner støtter ikke propen.
     */
    iconState?: IconStatesOf<I>;
});

declare const BUTTON_SIZES: ["xsmall", "small", "medium", "large"];
declare const BUTTON_PURPOSES: ["primary", "secondary", "tertiary", "danger"];
type ButtonSize = (typeof BUTTON_SIZES)[number];
type ButtonPurpose = (typeof BUTTON_PURPOSES)[number];
type IconPosition = 'left' | 'right';
type PickedHTMLAttributes$4 = Pick<ButtonHTMLAttributes<HTMLButtonElement>, 'onClick' | 'onFocus' | 'onBlur' | 'type' | 'aria-label'>;
type ButtonProps<I extends SvgIcon = SvgIcon, T extends ElementType = 'button'> = PolymorphicBaseComponentProps<T, {
    /** Størrelsen på knappen.
     *  @default "medium"
     */
    size?: ButtonSize;
    /**Innhold i knappen (unntatt ikon). */
    children?: ReactNode;
    /**Bestemmer farger basert på formål.
     * @default "primary"
     */
    purpose?: ButtonPurpose;
    /**	Posisjonen til ikonet i forhold til teksten.
     *  @default "left"
     */
    iconPosition?: IconPosition;
    /**Indikerer en loading-knapp. */
    loading?: boolean;
    /** Tooltip som vises ved loading.
     *  @default "Lagring pågår"
     */
    loadingTooltip?: string;
    /**Ikonet som ligger i knappen.  */
    icon?: I;
    /**
     * Ikon-state hvis ikonet kan animeres; types basert på ikon valgt i `icon` prop. Statiske ikoner støtter ikke propen.
     */
    iconState?: IconStatesOf<I>;
    /**Knapp med full bredde. */
    fullWidth?: boolean;
} & PickedHTMLAttributes$4>;

declare const TEXT_COLORS: readonly ["text-on-action", "text-on-inverse", "text-on-status-default", "text-on-status-strong", "text-action-resting", "text-action-hover", "text-action-visited", "text-default", "text-requiredfield", "text-subtle", "text-medium", "text-on-notification", "text-on-primary-default", "text-on-primary-medium", "text-on-primary-subtle", "text-on-primary-strong", "text-on-secondary-default", "text-on-secondary-medium", "text-on-secondary-subtle", "text-on-secondary-strong", "text-on-tertiary-default", "text-on-tertiary-medium", "text-on-tertiary-subtle", "text-on-tertiary-strong", "text-on-data-default", "text-on-data-subtle", "icon-on-action", "icon-on-info-default", "icon-on-success-default", "icon-on-danger-default", "icon-on-warning-default", "icon-on-info-strong", "icon-on-success-strong", "icon-on-danger-strong", "icon-on-warning-strong", "icon-on-inverse", "icon-action-resting", "icon-action-hover", "icon-default", "icon-subtle", "icon-medium"];
declare const ICON_COLORS: readonly ["text-on-action", "text-on-inverse", "text-on-status-default", "text-on-status-strong", "text-action-resting", "text-action-hover", "text-action-visited", "text-default", "text-requiredfield", "text-subtle", "text-medium", "text-on-notification", "text-on-primary-default", "text-on-primary-medium", "text-on-primary-subtle", "text-on-primary-strong", "text-on-secondary-default", "text-on-secondary-medium", "text-on-secondary-subtle", "text-on-secondary-strong", "text-on-tertiary-default", "text-on-tertiary-medium", "text-on-tertiary-subtle", "text-on-tertiary-strong", "text-on-data-default", "text-on-data-subtle", "icon-on-action", "icon-on-info-default", "icon-on-success-default", "icon-on-danger-default", "icon-on-warning-default", "icon-on-info-strong", "icon-on-success-strong", "icon-on-danger-strong", "icon-on-warning-strong", "icon-on-inverse", "icon-action-resting", "icon-action-hover", "icon-default", "icon-subtle", "icon-medium", "brand-primary-default", "brand-primary-strong", "brand-primary-medium", "brand-primary-subtle", "brand-secondary-default", "brand-secondary-strong", "brand-secondary-medium", "brand-secondary-subtle", "brand-tertiary-default", "brand-tertiary-strong", "brand-tertiary-medium", "brand-tertiary-subtle"];
type DDSTextColor = (typeof TEXT_COLORS)[number];
type DDSIconColor = (typeof ICON_COLORS)[number];
type TextColor = DDSTextColor | Property.Color;
type IconColor = DDSIconColor | Property.Color;

/**
 * Join class names together.
 * Will filter out all falsy values.
 */
declare function cn(...classNames: Array<unknown>): string | undefined;

declare const ICON_SIZES: ["large", "medium", "small", "inherit", "component"];
type IconSize = (typeof ICON_SIZES)[number];
type IconProps<I extends SvgIcon = SvgIcon> = BaseComponentProps<SVGSVGElement, {
    /**Ikonet importert fra `@norges-domstoler/dds-components`. */
    icon: I;
    /**Størrelsen på ikonet.
     * @default "medium"
     */
    iconSize?: IconSize;
    /**Fargen på ikonet.
     * @default "currentcolor"
     */
    color?: IconColor;
    /**
     * Ikon-state hvis ikonet kan animeres; types basert på ikon valgt i `icon` prop. Statiske ikoner støtter ikke propen.
     */
    iconState?: IconStatesOf<I>;
}, SvgPropsWithState<I>>;
declare function Icon<I extends SvgIcon = SvgIcon>(props: IconProps<I>): react.JSX.Element;
declare namespace Icon {
    var displayName: string;
}

declare const Button: {
    <I extends SvgIcon, T extends ElementType = "button">({ as: propAs, children, purpose, size: propSize, iconPosition, loading, loadingTooltip, fullWidth, icon, iconState, onClick, onFocus, onBlur, id, ref, className, style, htmlProps, ...props }: ButtonProps<I, T>): react.JSX.Element;
    displayName: string;
};

declare const TOGGLE_SIZES: ["medium", "large"];
type ToggleSize = (typeof TOGGLE_SIZES)[number];
type ToggleVariant = 'default' | 'colorScheme';
type ToggleProps = BaseComponentProps<HTMLElement, {
    /**Ledetekst; tillater bruk av f.eks. `<VisuallyHidden>` for usynlig tekst. */
    children?: ReactNode;
    /**
     * Callback som blir kalt når brukeren endrer toggle-verdien.
     */
    onChange?: (checked: boolean) => void;
    /**
     * Om toggle er av eller på.
     */
    checked?: boolean;
    /**
     * Den initielle verdien når komponenten brukes uncontrolled.
     * @default false
     */
    defaultChecked?: boolean;
    /**Spesifiserer om input er `disabled`. */
    disabled?: boolean;
    /**
     * Inputelementet blir `readonly` - den kan ikke interageres med. Brukes bl.a. til å presentere input brukeren har fylt ut andre steder.
     */
    readOnly?: boolean;
    /**
     * Indikerer at verdien prosesseres; viser loading-tilstand og setter `disabled`.
     */
    isLoading?: boolean;
    /**
     * Størrelse.
     * @default "medium"
     */
    size?: ToggleSize;
    /**
     * Variant basert på bruksområde.
     * @default "default"
     */
    variant?: ToggleVariant;
} & Pick<ComponentProps<'input'>, 'name' | 'aria-describedby' | 'onBlur'>, InputHTMLAttributes<HTMLInputElement>>;
declare const Toggle: {
    ({ id, children, size, checked: checkedProp, defaultChecked, onChange, disabled, readOnly, isLoading, className, style, htmlProps, variant, ...rest }: ToggleProps): react.JSX.Element;
    displayName: string;
};

type StylelessButtonProps<TProps extends object = object> = TProps & ComponentPropsWithRef<'button'>;
/**
 * Normalisert `<button>` uten styling. Base for custom buttom styling.
 *
 * @component
 * @template T ekstra props ved behov.
 * @param {Object & T} props - Standard HTML-attributter for komponenten med mulig utvidelse.
 *
 * @returns {JSX.Element} `<button>`-element uten styling.

 * @example
 * ```tsx
 *  <StylelessButton className="min-styling">
 *    Tekst
 *  </StylelessButton>
 * ```
 */
declare const StylelessButton: ({ className, ...rest }: StylelessButtonProps) => react.JSX.Element;

type DropdownItemT = 'span' | 'a' | typeof StylelessButton | typeof Toggle;
type DropdownItemButtonProps = {
    /**Asynkron `onClick` event; håndterer loading status, slik at menyen ikke lukker seg under loading. */
    onClickAsync?: MouseEventHandler<HTMLButtonElement>;
    /**Egen styring av når menyen skal lukkes ved klikk på knapp i menyen. Bruker intern logikk som default. Støtter i tillegg egen funksjon og ingen lukking (`false`).
     * @default true
     */
    closeMenuOnClickAsync?: boolean | ((close: () => void) => void);
} & Pick<ButtonProps, 'loading' | 'loadingTooltip'>;
interface DropdownItemCustomProps<T extends DropdownItemT = 'span'> {
    as?: T;
    /**Ikon som vises ved teksten. **OBS!** Settes i tillegg til `children` for riktig layout. */
    icon?: SvgIcon;
    /**Bestemmer farger basert på formål.
     * @default "default"
     */
    purpose?: 'default' | 'danger';
}
type DropdownItemProps<T extends DropdownItemT = 'span'> = DropdownItemCustomProps<T> & DropdownItemButtonProps & (T extends typeof StylelessButton ? StylelessButtonProps : ComponentPropsWithRef<T>);
declare const DropdownItem: <T extends DropdownItemT = "span">({ icon, className, children: propChildren, purpose, loading, loadingTooltip, ...rest }: DropdownItemProps<T>) => react.JSX.Element;

type DropdownHeaderProps = ComponentPropsWithRef<'h2'>;
declare const DropdownHeader: ({ className, ...rest }: DropdownHeaderProps) => react.JSX.Element;

/**
 * Usynlig `<input>` til bruk for skjermlesere, typisk for custom radioknapper o.l..
 *
 * @component
 * @param {Object} props - Standard HTML-attributter for komponenten.
 *
 * @returns {JSX.Element} Et usynlig `<input>`-element.

 * @example
 * ```tsx
 * <label htmlFor="id">
 *  <HiddenInput id="id" />
 *  //visuell erstatning for input
 * </label>
 * });
 * ```
 */
declare const HiddenInput: ({ className, ...rest }: ComponentPropsWithRef<"input">) => react.JSX.Element;

type StylelessListProps<TProps extends object = object> = TProps & ComponentPropsWithRef<'ul'>;
/**
 * Normalisert `<ul>` uten styling. Base for custom ul styling.
 *
 * @component
 * @template T ekstra props ved behov.
 * @param {Object & T} props - Standard HTML-attributter for komponenten med mulig utvidelse.
 *
 * @returns {JSX.Element} `<ul>`-element uten styling.

 * @example
 * ```tsx
 *  <StylelessList className="min-styling">
 *    <li>item</li>
 *    <li>item</li>
 *  </StylelessList>
 * ```
 */
declare const StylelessList: ({ className, ...rest }: StylelessListProps) => react.JSX.Element;
type StylelessOListProps<TProps extends object = object> = TProps & ComponentPropsWithRef<'ol'>;
/**
 * Normalisert `<ol>` uten styling. Base for custom ol styling.
 *
 * @component
 * @template T ekstra props ved behov.
 * @param {Object & T} props - Standard HTML-attributter for komponenten med mulig utvidelse.
 *
 * @returns {JSX.Element} `<ol>`-element uten styling.

 * @example
 * ```tsx
 *  <StylelessOList className="min-styling">
 *    <li>item</li>
 *    <li>item</li>
 *  </StylelessOList>
 * ```
 */
declare const StylelessOList: ({ className, ...rest }: StylelessOListProps) => react.JSX.Element;

/**
 * Styling utils i TS (CSS-in-JS)
 */
/**
 * DDS utils
 */
declare const outlineOffset = "var(--dds-spacing-x0-125)";
declare const outlineInset = "calc(var(--dds-spacing-x0-125) * -1)";
declare const focusVisible: {
    outline: string;
    outlineOffset: string;
    boxShadow: string;
};
declare const focusVisibleTransitionValue = "outline-offset var(--dds-motion-micro-state)";
declare const focusVisibleInset: {
    outline: string;
    outlineOffset: string;
};
declare const scrollbarStyling: {
    scrollbarColor: string;
    scrollbarWidth: "thin";
};
/**
 * Generelle utils
 */
declare const hideInput: {
    clip: string;
    position: string;
    height: string;
    width: string;
    margin: number;
};
declare const inheritLinkStyling: {
    color: string;
    textDecoration: string;
};
declare const removeButtonStyling: {
    background: string;
    color: string;
    border: string;
    padding: number;
    font: string;
    cursor: string;
    outline: string;
};
declare const removeListStyling: {
    listStyle: string;
    padding: number;
    margin: number;
};
declare const normalizeButton: {
    margin: number;
    textTransform: Property.TextTransform;
};

declare const BREAKPOINTS: readonly ["xs", "sm", "md", "lg", "xl"];
type Breakpoint = (typeof BREAKPOINTS)[number];
declare const SPACING_SCALES: readonly ["x0", "x0.125", "x0.25", "x0.5", "x0.75", "x1", "x1.5", "x2", "x2.5", "x3", "x4", "x6", "x10"];
type SpacingScale = (typeof SPACING_SCALES)[number];
interface PrimitiveDisplayProps {
    /** Skjuler komponenten fra og med det angitte brekkpunktet og nedover. */
    hideBelow?: Breakpoint;
    /** Viser komponenten kun under det angitte brekkpunktet. */
    showBelow?: Breakpoint;
}
type BreakpointBasedProp<T> = Partial<Record<Breakpoint, T>>;
type ResponsiveProp<T> = T | BreakpointBasedProp<T>;
interface PrimitiveLayoutProps {
    /** CSS `width`. Støtter verdi per brekkpunkt eller samme for alle skjermstørrelser. */
    width?: ResponsiveProp<Property.Width>;
    /** CSS `max-width`. Støtter verdi per brekkpunkt eller samme for alle skjermstørrelser. */
    maxWidth?: ResponsiveProp<Property.MaxWidth>;
    /** CSS `min-width`. Støtter verdi per brekkpunkt eller samme for alle skjermstørrelser. */
    minWidth?: ResponsiveProp<Property.MinWidth>;
    /** CSS `height`. Støtter verdi per brekkpunkt eller samme for alle skjermstørrelser. */
    height?: ResponsiveProp<Property.Height>;
    /** CSS `max-height`. Støtter verdi per brekkpunkt eller samme for alle skjermstørrelser. */
    maxHeight?: ResponsiveProp<Property.MaxHeight>;
    /** CSS `min-height`. Støtter verdi per brekkpunkt eller samme for alle skjermstørrelser. */
    minHeight?: ResponsiveProp<Property.MinHeight>;
    /** CSS `overflow`. Støtter verdi per brekkpunkt eller samme for alle skjermstørrelser. */
    overflow?: ResponsiveProp<Property.Overflow>;
    /** CSS `overflow-y`. Støtter verdi per brekkpunkt eller samme for alle skjermstørrelser. */
    overflowY?: ResponsiveProp<Property.OverflowY>;
    /** CSS `overflow-x`. Støtter verdi per brekkpunkt eller samme for alle skjermstørrelser. */
    overflowX?: ResponsiveProp<Property.OverflowX>;
    /** CSS `position`. Støtter verdi per brekkpunkt eller samme for alle skjermstørrelser. */
    position?: ResponsiveProp<Property.Position>;
    /** CSS `top`. Støtter standardverdier og dds spacing tokens skala, per brekkpunkt eller samme for alle skjermstørrelser. */
    top?: ResponsiveProp<Property.Top | SpacingScale>;
    /** CSS `bottom`. Støtter standardverdier og dds spacing tokens skala, per brekkpunkt eller samme for alle skjermstørrelser. */
    bottom?: ResponsiveProp<Property.Bottom | SpacingScale>;
    /** CSS `left`. Støtter standardverdier og dds spacing tokens skala, per brekkpunkt eller samme for alle skjermstørrelser. */
    left?: ResponsiveProp<Property.Left | SpacingScale>;
    /** CSS `right`. Støtter standardverdier og dds spacing tokens skala, per brekkpunkt eller samme for alle skjermstørrelser. */
    right?: ResponsiveProp<Property.Right | SpacingScale>;
    /** CSS `padding`. Støtter standardverdier og dds spacing tokens skala, per brekkpunkt eller samme for alle skjermstørrelser. */
    padding?: ResponsiveProp<Property.Padding | SpacingScale>;
    /** CSS `padding-inline`. Støtter standardverdier og dds spacing tokens skala, per brekkpunkt eller samme for alle skjermstørrelser. */
    paddingInline?: ResponsiveProp<Property.PaddingInline | SpacingScale>;
    /** CSS `padding-block`. Støtter standardverdier og dds spacing tokens skala, per brekkpunkt eller samme for alle skjermstørrelser.*/
    paddingBlock?: ResponsiveProp<Property.PaddingBlock | SpacingScale>;
    /** CSS `margin`. Støtter standardverdier og dds spacing tokens skala, per brekkpunkt eller samme for alle skjermstørrelser.*/
    margin?: ResponsiveProp<Property.Margin | SpacingScale>;
    /** CSS `margin-inline`. Støtter standardverdier og dds spacing tokens skala, per brekkpunkt eller samme for alle skjermstørrelser.*/
    marginInline?: ResponsiveProp<Property.MarginInline | SpacingScale>;
    /** CSS `margin-block`. Støtter standardverdier og dds spacing tokens skala, per brekkpunkt eller samme for alle skjermstørrelser.*/
    marginBlock?: ResponsiveProp<Property.MarginBlock | SpacingScale>;
    /** CSS `display`.  Støtter verdi per brekkpunkt eller samme for alle skjermstørrelser. */
    display?: ResponsiveProp<Property.Display>;
    /** CSS `flex-direction`. Støtter verdi per brekkpunkt eller samme for alle skjermstørrelser. */
    flexDirection?: ResponsiveProp<Property.FlexDirection>;
    /** CSS `flex-basis`. Støtter verdi per brekkpunkt eller samme for alle skjermstørrelser. */
    flexBasis?: ResponsiveProp<Property.FlexBasis>;
    /** CSS `flex-wrap`. Støtter verdi per brekkpunkt eller samme for alle skjermstørrelser. */
    flexWrap?: ResponsiveProp<Property.FlexWrap>;
    /** CSS `flex-flow`. Støtter verdi per brekkpunkt eller samme for alle skjermstørrelser. */
    flexFlow?: ResponsiveProp<Property.FlexFlow>;
    /** CSS `align-items`. Støtter verdi per brekkpunkt eller samme for alle skjermstørrelser. */
    alignItems?: ResponsiveProp<Property.AlignItems>;
    /** CSS `justify-items`. Støtter verdi per brekkpunkt eller samme for alle skjermstørrelser. */
    justifyItems?: ResponsiveProp<Property.JustifyItems>;
    /** CSS `place-items`. Støtter verdi per brekkpunkt eller samme for alle skjermstørrelser. */
    placeItems?: ResponsiveProp<Property.PlaceItems>;
    /** CSS `align-content`. Støtter verdi per brekkpunkt eller samme for alle skjermstørrelser. */
    alignContent?: ResponsiveProp<Property.AlignContent>;
    /** CSS `justify-content`. Støtter verdi per brekkpunkt eller samme for alle skjermstørrelser. */
    justifyContent?: ResponsiveProp<Property.JustifyContent>;
    /** CSS `text-align`. Støtter standardverdier per brekkpunkt eller samme for alle skjermstørrelser. */
    textAlign?: ResponsiveProp<Property.TextAlign>;
    /** CSS `gap`. Støtter standardverdier og dds spacing tokens skala, per brekkpunkt eller samme for alle skjermstørrelser.*/
    gap?: ResponsiveProp<Property.Gap | SpacingScale>;
    /** CSS `row-gap`. Støtter standardverdier og dds spacing tokens skala, per brekkpunkt eller samme for alle skjermstørrelser. */
    rowGap?: ResponsiveProp<Property.RowGap | SpacingScale>;
    /** CSS `column-gap`. Støtter standardverdier og dds spacing tokens skala, per brekkpunkt eller samme for alle skjermstørrelser. */
    columnGap?: ResponsiveProp<Property.ColumnGap | SpacingScale>;
    /** CSS `word-break`. Støtter verdi per brekkpunkt eller samme for alle skjermstørrelser. */
    wordBreak?: ResponsiveProp<Property.WordBreak>;
}
type ResponsiveProps = PrimitiveDisplayProps & PrimitiveLayoutProps;
type ResponsiveStackProps = Omit<ResponsiveProps, 'display' | 'flexDirection'>;
type ResponsiveGridProps = Omit<ResponsiveProps, 'display'> & {
    /** CSS `display`.  Støtter verdi per brekkpunkt eller samme for alle skjermstørrelser. */
    display?: ExtractStrict<Property.Display, 'grid' | 'inline-grid'>;
    /** CSS `grid-template-columns`. Støtter standardverdier per brekkpunkt eller samme for alle skjermstørrelser. */
    gridTemplateColumns?: ResponsiveProp<Property.GridTemplateColumns>;
    /** CSS `grid`. Støtter standardverdier per brekkpunkt eller samme for alle skjermstørrelser. */
    grid?: ResponsiveProp<Property.Grid>;
    /** CSS `grid-auto-columns`. Støtter standardverdier per brekkpunkt eller samme for alle skjermstørrelser. */
    gridAutoColumns?: ResponsiveProp<Property.GridAutoColumns>;
    /** CSS `grid-auto-rows`. Støtter standardverdier per brekkpunkt eller samme for alle skjermstørrelser. */
    gridAutoRows?: ResponsiveProp<Property.GridAutoRows>;
    /** CSS `grid-auto-flow`. Støtter standardverdier per brekkpunkt eller samme for alle skjermstørrelser. */
    gridAutoFlow?: ResponsiveProp<Property.GridAutoFlow>;
    /** CSS `grid-template-rows`. Støtter standardverdier per brekkpunkt eller samme for alle skjermstørrelser. */
    gridTemplateRows?: ResponsiveProp<Property.GridTemplateRows>;
    /** CSS `grid-template`. Støtter standardverdier per brekkpunkt eller samme for alle skjermstørrelser. */
    gridTemplate?: ResponsiveProp<Property.GridTemplate>;
    /** CSS `grid-template-areas`. Støtter standardverdier per brekkpunkt eller samme for alle skjermstørrelser. */
    gridTemplateAreas?: ResponsiveProp<Property.GridTemplateAreas>;
};
type ResponsiveBleedProps = PrimitiveLayoutProps & {
    /**Setter negativ CSS `margin-inline`, overskriver prop `marginInline`. Støtter standardverdier og dds spacing tokens skala, per brekkpunkt eller samme for alle skjermstørrelser.*/
    bleedMarginInline?: ResponsiveProp<Property.MarginInline | SpacingScale>;
    /**Setter negativ CSS `margin-block`, overskriver prop `marginBlock`. Støtter standardverdier og dds spacing tokens skala, per brekkpunkt eller samme for alle skjermstørrelser.*/
    bleedMarginBlock?: ResponsiveProp<Property.MarginBlock | SpacingScale>;
};

type BleedProps<T extends ElementType = 'div'> = PolymorphicBaseComponentProps<T, {
    /**
     * Setter positiv padding som gjenspeiler negativ margin satt med `bleedMarginBlock` og `bleedMarginInline`. Overskriver `paddingInline` og `paddingBlock`.
     */
    reflectivePadding?: boolean;
} & ResponsiveBleedProps>;
declare const Bleed: {
    <T extends ElementType = "div">({ id, className, style, htmlProps, bleedMarginBlock, bleedMarginInline, reflectivePadding, ...rest }: BleedProps<T>): react.JSX.Element;
    displayName: string;
};

type BoxProps<T extends ElementType = 'div'> = PolymorphicBaseComponentProps<T, ResponsiveProps>;
declare const Box: {
    <T extends ElementType = "div">({ id, className, style, padding, paddingInline, paddingBlock, margin, marginInline, marginBlock, height, maxHeight, minHeight, width, maxWidth, minWidth, position, left, right, bottom, top, overflow, overflowX, overflowY, display, textAlign, flexDirection, gap, columnGap, rowGap, alignItems, alignContent, justifyItems, placeItems, justifyContent, flexWrap, flexBasis, flexFlow, wordBreak, htmlProps, ...rest }: BoxProps<T>): react.JSX.Element;
    displayName: string;
};

type ContrastProps<T extends ElementType = 'div'> = BoxProps<T>;
declare const Contrast: {
    <T extends ElementType = "div">({ id, className, style, htmlProps, ...rest }: ContrastProps<T>): react.JSX.Element;
    displayName: string;
};

type GridProps<T extends ElementType = 'div'> = PolymorphicBaseComponentProps<T, {
    /** CSS `grid-template-columns`. Støtter standardverdier per brekkpunkt eller samme for alle skjermstørrelser.
       * @default {
      xs: 'repeat(var(--dds-grid-xs-count), minmax(0, 1fr))',
      sm: 'repeat(var(--dds-grid-sm-count), minmax(0, 1fr))',
      md: 'repeat(var(--dds-grid-md-count), minmax(0, 1fr))',
      lg: 'repeat(var(--dds-grid-lg-count), minmax(0, 1fr))',
      xl: 'repeat(var(--dds-grid-xl-count), minmax(0, 1fr))',
      }
      */
    gridTemplateColumns?: ResponsiveGridProps['gridTemplateColumns'];
    /** Om standard styling for sideoppsett skal brukes.
     * Ved `true` settes overskrivbare standard verdier for `grid-template-columns`, `marginInline`, `rowGap` og `columnGap` som er tilpasset sideoppsett.
     * @default true
     */
    defaultPageLayout?: boolean;
} & ResponsiveGridProps>;
declare const Grid: {
    <T extends ElementType = "div">({ id, className, htmlProps, defaultPageLayout, display, grid, gridAutoColumns, gridAutoFlow, gridAutoRows, gridTemplate, gridTemplateAreas, gridTemplateRows, gridTemplateColumns, columnGap, rowGap, marginInline, style, ...rest }: GridProps<T>): react.JSX.Element;
    displayName: string;
};

type RelativeColumnsOccupied = 'all' | 'firstHalf' | 'secondHalf';
type ColumnsOccupied = ResponsiveProp<StandardProperties['gridColumn'] | RelativeColumnsOccupied>;
type GridChildProps<T extends ElementType = 'div'> = PolymorphicBaseComponentProps<T, {
    /**Hvilke kolonner innholdet skal okkupere. Støtter standardverdier for CSS `grid-column` og relative verider `'all'`, `'firstHalf'` eller `'secondHalf'`, per brekkpunkt eller samme for alle skjermstørrelser. */
    columnsOccupied?: ColumnsOccupied;
    /**CSS `justify-self`. Støtter verdi per brekkpunkt eller samme for alle skjermstørrelser. */
    justifySelf?: ResponsiveProp<Property.JustifySelf>;
    /**CSS `grid-row`. Støtter verdi per brekkpunkt eller samme for alle skjermstørrelser. */
    gridRow?: ResponsiveProp<Property.GridRow>;
    /**CSS `grid-area`. Støtter verdi per brekkpunkt eller samme for alle skjermstørrelser. */
    gridArea?: ResponsiveProp<Property.GridArea>;
} & Omit<ResponsiveProps, 'display'>>;
declare const GridChild: {
    <T extends ElementType = "div">({ id, className, htmlProps, style, gridRow, gridArea, justifySelf, columnsOccupied, ...rest }: GridChildProps<T>): react.JSX.Element;
    displayName: string;
};

type PaperElevation = Elevation;
type PaperBorder = BorderColor;
type PaperBorderRadius = BorderRadius;
type PickedAttributes$1<T extends ElementType = 'div'> = Pick<ComponentProps<T>, 'tabIndex' | 'role'>;
type PaperProps<T extends ElementType = 'div'> = PolymorphicBaseComponentProps<T, {
    /**I hvor stor grad flaten skal framheves. Støtter dds tokens. */
    elevation?: PaperElevation;
    /**Farge på kantlinje. Støtter dds tokens. */
    border?: PaperBorder;
    /**Hvor runde hjørner skal være. Støtter dds tokens. */
    borderRadius?: PaperBorderRadius;
    /**Bakgrunn. Støtter dds tokens. */
    background?: PaperBackground;
} & ResponsiveProps & PickedAttributes$1>;
declare const Paper: <T extends ElementType = "div">({ id, elevation, border, borderRadius, background, className, htmlProps, style, ...rest }: PaperProps<T>) => react.JSX.Element;

type ShowHideProps<T extends ElementType = 'div'> = PolymorphicBaseComponentProps<T, PrimitiveDisplayProps>;
declare const ShowHide: {
    <T extends ElementType = "div">({ hideBelow, showBelow, className, style, htmlProps, id, as: C, ...rest }: ShowHideProps<T>): react.JSX.Element;
    displayName: string;
};

type VStackProps<T extends ElementType = 'div'> = PolymorphicBaseComponentProps<T, ResponsiveStackProps>;
declare const VStack: {
    <T extends ElementType = "div">({ id, className, style, htmlProps, ...rest }: VStackProps<T>): react.JSX.Element;
    displayName: string;
};

type HStackProps<T extends ElementType = 'div'> = PolymorphicBaseComponentProps<T, ResponsiveStackProps>;
declare const HStack: {
    <T extends ElementType = "div">({ id, className, style, htmlProps, ...rest }: HStackProps<T>): react.JSX.Element;
    displayName: string;
};

declare function AddressShieldedIcon(props: SvgProps): react.JSX.Element;

declare function AgreementIcon(props: SvgProps): react.JSX.Element;

declare function AppsIcon(props: SvgProps): react.JSX.Element;

declare function ArchiveIcon(props: SvgProps): react.JSX.Element;

declare function ArrowDownIcon(props: SvgProps): react.JSX.Element;

declare function ArrowLeftIcon(props: SvgProps): react.JSX.Element;

declare function ArrowRightIcon(props: SvgProps): react.JSX.Element;

declare function ArrowUpIcon(props: SvgProps): react.JSX.Element;

declare function AttachmentIcon(props: SvgProps): react.JSX.Element;

declare function BlockIcon(props: SvgProps): react.JSX.Element;

declare function BookIcon(props: SvgProps): react.JSX.Element;

declare function BriefcaseIcon(props: SvgProps): react.JSX.Element;

declare function BuildIcon(props: SvgProps): react.JSX.Element;

declare function BuildingIcon(props: SvgProps): react.JSX.Element;

declare function CalendarIcon(props: SvgProps): react.JSX.Element;

declare function CalendarMonthIcon(props: SvgProps): react.JSX.Element;

declare function CalendarViewDayIcon(props: SvgProps): react.JSX.Element;

declare function CalendarViewMonthIcon(props: SvgProps): react.JSX.Element;

declare function CalendarViewWeekIcon(props: SvgProps): react.JSX.Element;

declare function CallIcon(props: SvgProps): react.JSX.Element;

declare function CaringIcon(props: SvgProps): react.JSX.Element;

declare function ChatIcon(props: SvgProps): react.JSX.Element;

declare function CheckIcon(props: SvgProps): react.JSX.Element;

declare function CheckCircledIcon(props: SvgProps): react.JSX.Element;

declare function ChecklistIcon(props: SvgProps): react.JSX.Element;

declare function ChevronDownIcon(props: SvgProps): react.JSX.Element;

declare function ChevronFirstIcon(props: SvgProps): react.JSX.Element;

declare function ChevronLastIcon(props: SvgProps): react.JSX.Element;

declare function ChevronLeftIcon(props: SvgProps): react.JSX.Element;

declare function ChevronRightIcon(props: SvgProps): react.JSX.Element;

declare function ChevronUpIcon(props: SvgProps): react.JSX.Element;

declare function CircleIcon(props: SvgProps): react.JSX.Element;

declare function CircleFilledIcon(props: SvgProps): react.JSX.Element;

declare function CloseIcon(props: SvgProps): react.JSX.Element;

declare function CloseSmallIcon(props: SvgProps): react.JSX.Element;

declare function CloseCircledIcon(props: SvgProps): react.JSX.Element;

declare function CloudIcon(props: SvgProps): react.JSX.Element;

declare function CollapseIcon(props: SvgProps): react.JSX.Element;

declare function CommentIcon(props: SvgProps): react.JSX.Element;

declare function CopyIcon(props: SvgProps): react.JSX.Element;

declare function CourtIcon(props: SvgProps): react.JSX.Element;

declare function DateRangeIcon(props: SvgProps): react.JSX.Element;

declare function DeathsIcon(props: SvgProps): react.JSX.Element;

declare function DoubleChevronLeftIcon(props: SvgProps): react.JSX.Element;

declare function DoubleChevronRightIcon(props: SvgProps): react.JSX.Element;

declare function DownloadIcon(props: SvgProps): react.JSX.Element;

declare function DownloadDoneIcon(props: SvgProps): react.JSX.Element;

declare function DragHandleIcon(props: SvgProps): react.JSX.Element;

declare function EditIcon(props: SvgProps): react.JSX.Element;

declare function EditAltIcon(props: SvgProps): react.JSX.Element;

declare function ErrorIcon(props: SvgProps): react.JSX.Element;

declare function ExclaimIcon(props: SvgProps): react.JSX.Element;

declare function ExpandIcon(props: SvgProps): react.JSX.Element;

declare function FacebookIcon(props: SvgProps): react.JSX.Element;

declare function FamilyIcon(props: SvgProps): react.JSX.Element;

declare function FeedbackIcon(props: SvgProps): react.JSX.Element;

declare function FileIcon(props: SvgProps): react.JSX.Element;

declare function FileAddIcon(props: SvgProps): react.JSX.Element;

declare function FileShieldedIcon(props: SvgProps): react.JSX.Element;

declare function FileSignedIcon(props: SvgProps): react.JSX.Element;

declare function FileTextIcon(props: SvgProps): react.JSX.Element;

declare function FilterIcon(props: SvgProps): react.JSX.Element;

declare function FilterListIcon(props: SvgProps): react.JSX.Element;

declare function FindInPageIcon(props: SvgProps): react.JSX.Element;

declare function FlickrIcon(props: SvgProps): react.JSX.Element;

declare function FloppyDiskIcon(props: SvgProps): react.JSX.Element;

declare function FolderIcon(props: SvgProps): react.JSX.Element;

declare function FolderAddIcon(props: SvgProps): react.JSX.Element;

declare function FolderShieldedIcon(props: SvgProps): react.JSX.Element;

declare function FullscreenExitIcon(props: SvgProps): react.JSX.Element;

declare function FullscreenIcon(props: SvgProps): react.JSX.Element;

declare function GavelIcon(props: SvgProps): react.JSX.Element;

declare function GroupIcon(props: SvgProps): react.JSX.Element;

declare function GuardianIcon(props: SvgProps): react.JSX.Element;

declare function HelpIcon(props: SvgProps): react.JSX.Element;

declare function HelpFilledIcon(props: SvgProps): react.JSX.Element;

declare function HomeIcon(props: SvgProps): react.JSX.Element;

declare function HourglassEmptyIcon(props: SvgProps): react.JSX.Element;

declare function ImageIcon(props: SvgProps): react.JSX.Element;

declare function InfoIcon(props: SvgProps): react.JSX.Element;

declare function InstagramIcon(props: SvgProps): react.JSX.Element;

declare function JordskifterettIcon(props: SvgProps): react.JSX.Element;

declare function JordskiftesakIcon(props: SvgProps): react.JSX.Element;

declare function KeyIcon(props: SvgProps): react.JSX.Element;

declare function LagmannsrettIcon(props: SvgProps): react.JSX.Element;

declare function LanguageIcon(props: SvgProps): react.JSX.Element;

declare function LinkIcon(props: SvgProps): react.JSX.Element;

declare function LinkedInIcon(props: SvgProps): react.JSX.Element;

declare function LinkOffIcon(props: SvgProps): react.JSX.Element;

declare function ListIcon(props: SvgProps): react.JSX.Element;

declare function ListAltIcon(props: SvgProps): react.JSX.Element;

declare function LocationIcon(props: SvgProps): react.JSX.Element;

declare function LockIcon(props: SvgProps): react.JSX.Element;

declare function LockFilledIcon(props: SvgProps): react.JSX.Element;

declare function LockOpenIcon(props: SvgProps): react.JSX.Element;

declare function LoginIcon(props: SvgProps): react.JSX.Element;

declare function LogoutIcon(props: SvgProps): react.JSX.Element;

declare function MailIcon(props: SvgProps): react.JSX.Element;

declare function MailOpenIcon(props: SvgProps): react.JSX.Element;

declare function MenuIcon(props: SvgProps): react.JSX.Element;

declare function MinusIcon(props: SvgProps): react.JSX.Element;

declare function MinusCircledIcon(props: SvgProps): react.JSX.Element;

declare function MoreHorizontalIcon(props: SvgProps): react.JSX.Element;

declare function MoreVerticalIcon(props: SvgProps): react.JSX.Element;

declare function NotarialIcon(props: SvgProps): react.JSX.Element;

declare function NotificationsIcon(props: SvgProps): react.JSX.Element;

declare function NotificationsOffIcon(props: SvgProps): react.JSX.Element;

declare function OnlineMeetingIcon(props: SvgProps): react.JSX.Element;

declare function OpenExternalIcon(props: SvgProps): react.JSX.Element;

declare function PanelLeftIcon(props: SvgProps): react.JSX.Element;

declare function PaperPlaneIcon(props: SvgProps): react.JSX.Element;

declare function PayoutIcon(props: SvgProps): react.JSX.Element;

declare function PdfIcon(props: SvgProps): react.JSX.Element;

declare function PersonIcon(props: SvgProps): react.JSX.Element;

declare function PersonAddIcon(props: SvgProps): react.JSX.Element;

declare function PersonShieldedIcon(props: SvgProps): react.JSX.Element;

declare function PinIcon(props: SvgProps): react.JSX.Element;

declare function PlusIcon(props: SvgProps): react.JSX.Element;

declare function PlusCircledIcon(props: SvgProps): react.JSX.Element;

declare function PowerOfAttorneyIcon(props: SvgProps): react.JSX.Element;

declare function PrintIcon(props: SvgProps): react.JSX.Element;

declare function PublishIcon(props: SvgProps): react.JSX.Element;

declare function QuestionAnswerIcon(props: SvgProps): react.JSX.Element;

declare function ReceiptIcon(props: SvgProps): react.JSX.Element;

declare function RedoIcon(props: SvgProps): react.JSX.Element;

declare function RowsIcon(props: SvgProps): react.JSX.Element;

declare function RefreshIcon(props: SvgProps): react.JSX.Element;

declare function ReplayIcon(props: SvgProps): react.JSX.Element;

declare function ScaleIcon(props: SvgProps): react.JSX.Element;

declare function SearchIcon(props: SvgProps): react.JSX.Element;

declare function SectionIcon(props: SvgProps): react.JSX.Element;

declare function SettingsIcon(props: SvgProps): react.JSX.Element;

declare function SmsIcon(props: SvgProps): react.JSX.Element;

declare function StarIcon(props: SvgProps): react.JSX.Element;

declare function StarFilledIcon(props: SvgProps): react.JSX.Element;

declare function StarHalfFilledIcon(props: SvgProps): react.JSX.Element;

declare function SyncIcon(props: SvgProps): react.JSX.Element;

declare function ThumbDownIcon(props: SvgProps): react.JSX.Element;

declare function ThumbDownFilledIcon(props: SvgProps): react.JSX.Element;

declare function ThumbUpIcon(props: SvgProps): react.JSX.Element;

declare function ThumbUpFilledIcon(props: SvgProps): react.JSX.Element;

declare function TimeIcon(props: SvgProps): react.JSX.Element;

declare function TingrettIcon(props: SvgProps): react.JSX.Element;

declare function TipIcon(props: SvgProps): react.JSX.Element;

declare function TrashIcon(props: SvgProps): react.JSX.Element;

declare function UndoIcon(props: SvgProps): react.JSX.Element;

declare function UnfoldLessIcon(props: SvgProps): react.JSX.Element;

declare function UnfoldMoreIcon(props: SvgProps): react.JSX.Element;

declare function UploadIcon(props: SvgProps): react.JSX.Element;

declare function VisibilityOffIcon(props: SvgProps): react.JSX.Element;

declare function VisibilityOnIcon(props: SvgProps): react.JSX.Element;

declare function WarningIcon(props: SvgProps): react.JSX.Element;

declare function WebexIcon(props: SvgProps): react.JSX.Element;

declare function XIcon(props: SvgProps): react.JSX.Element;

declare function ZoomInIcon(props: SvgProps): react.JSX.Element;

declare function ZoomOutIcon(props: SvgProps): react.JSX.Element;

declare function BarChartIcon(props: SvgProps): react.JSX.Element;

declare function BarChartBoxedIcon(props: SvgProps): react.JSX.Element;

declare function LineChartIcon(props: SvgProps): react.JSX.Element;

declare function TrendingUpIcon(props: SvgProps): react.JSX.Element;

declare function TrendingDownIcon(props: SvgProps): react.JSX.Element;

declare function HelpSimpleIcon(props: SvgProps): react.JSX.Element;

declare const STATES: readonly ["up", "down"];
type AnimatedChevronUpDownIconStates = (typeof STATES)[number];
declare function AnimatedChevronUpDownIcon(props: SvgProps & {
    iconState?: AnimatedChevronUpDownIconStates;
}): react.JSX.Element;
declare namespace AnimatedChevronUpDownIcon {
    var states: readonly ["up", "down"];
}

declare function FlagIcon(props: SvgProps): react.JSX.Element;

declare function FlagFilledIcon(props: SvgProps): react.JSX.Element;

declare function LocationOffIcon(props: SvgProps): react.JSX.Element;

declare function MapIcon(props: SvgProps): react.JSX.Element;

declare function MoonIcon(props: SvgProps): react.JSX.Element;

declare function NotebookPenIcon(props: SvgProps): react.JSX.Element;

declare function StickyNoteIcon(props: SvgProps): react.JSX.Element;

declare function SunIcon(props: SvgProps): react.JSX.Element;

declare function SupportIcon(props: SvgProps): react.JSX.Element;

declare const index_AddressShieldedIcon: typeof AddressShieldedIcon;
declare const index_AgreementIcon: typeof AgreementIcon;
declare const index_AnimatedChevronUpDownIcon: typeof AnimatedChevronUpDownIcon;
type index_AnimatedChevronUpDownIconStates = AnimatedChevronUpDownIconStates;
declare const index_AppsIcon: typeof AppsIcon;
declare const index_ArchiveIcon: typeof ArchiveIcon;
declare const index_ArrowDownIcon: typeof ArrowDownIcon;
declare const index_ArrowLeftIcon: typeof ArrowLeftIcon;
declare const index_ArrowRightIcon: typeof ArrowRightIcon;
declare const index_ArrowUpIcon: typeof ArrowUpIcon;
declare const index_AttachmentIcon: typeof AttachmentIcon;
declare const index_BarChartBoxedIcon: typeof BarChartBoxedIcon;
declare const index_BarChartIcon: typeof BarChartIcon;
declare const index_BlockIcon: typeof BlockIcon;
declare const index_BookIcon: typeof BookIcon;
declare const index_BriefcaseIcon: typeof BriefcaseIcon;
declare const index_BuildIcon: typeof BuildIcon;
declare const index_BuildingIcon: typeof BuildingIcon;
declare const index_CalendarIcon: typeof CalendarIcon;
declare const index_CalendarMonthIcon: typeof CalendarMonthIcon;
declare const index_CalendarViewDayIcon: typeof CalendarViewDayIcon;
declare const index_CalendarViewMonthIcon: typeof CalendarViewMonthIcon;
declare const index_CalendarViewWeekIcon: typeof CalendarViewWeekIcon;
declare const index_CallIcon: typeof CallIcon;
declare const index_CaringIcon: typeof CaringIcon;
declare const index_ChatIcon: typeof ChatIcon;
declare const index_CheckCircledIcon: typeof CheckCircledIcon;
declare const index_CheckIcon: typeof CheckIcon;
declare const index_ChecklistIcon: typeof ChecklistIcon;
declare const index_ChevronDownIcon: typeof ChevronDownIcon;
declare const index_ChevronFirstIcon: typeof ChevronFirstIcon;
declare const index_ChevronLastIcon: typeof ChevronLastIcon;
declare const index_ChevronLeftIcon: typeof ChevronLeftIcon;
declare const index_ChevronRightIcon: typeof ChevronRightIcon;
declare const index_ChevronUpIcon: typeof ChevronUpIcon;
declare const index_CircleFilledIcon: typeof CircleFilledIcon;
declare const index_CircleIcon: typeof CircleIcon;
declare const index_CloseCircledIcon: typeof CloseCircledIcon;
declare const index_CloseIcon: typeof CloseIcon;
declare const index_CloseSmallIcon: typeof CloseSmallIcon;
declare const index_CloudIcon: typeof CloudIcon;
declare const index_CollapseIcon: typeof CollapseIcon;
declare const index_CommentIcon: typeof CommentIcon;
declare const index_CopyIcon: typeof CopyIcon;
declare const index_CourtIcon: typeof CourtIcon;
declare const index_DateRangeIcon: typeof DateRangeIcon;
declare const index_DeathsIcon: typeof DeathsIcon;
declare const index_DoubleChevronLeftIcon: typeof DoubleChevronLeftIcon;
declare const index_DoubleChevronRightIcon: typeof DoubleChevronRightIcon;
declare const index_DownloadDoneIcon: typeof DownloadDoneIcon;
declare const index_DownloadIcon: typeof DownloadIcon;
declare const index_DragHandleIcon: typeof DragHandleIcon;
declare const index_EditAltIcon: typeof EditAltIcon;
declare const index_EditIcon: typeof EditIcon;
declare const index_ErrorIcon: typeof ErrorIcon;
declare const index_ExclaimIcon: typeof ExclaimIcon;
declare const index_ExpandIcon: typeof ExpandIcon;
declare const index_FacebookIcon: typeof FacebookIcon;
declare const index_FamilyIcon: typeof FamilyIcon;
declare const index_FeedbackIcon: typeof FeedbackIcon;
declare const index_FileAddIcon: typeof FileAddIcon;
declare const index_FileIcon: typeof FileIcon;
declare const index_FileShieldedIcon: typeof FileShieldedIcon;
declare const index_FileSignedIcon: typeof FileSignedIcon;
declare const index_FileTextIcon: typeof FileTextIcon;
declare const index_FilterIcon: typeof FilterIcon;
declare const index_FilterListIcon: typeof FilterListIcon;
declare const index_FindInPageIcon: typeof FindInPageIcon;
declare const index_FlagFilledIcon: typeof FlagFilledIcon;
declare const index_FlagIcon: typeof FlagIcon;
declare const index_FlickrIcon: typeof FlickrIcon;
declare const index_FloppyDiskIcon: typeof FloppyDiskIcon;
declare const index_FolderAddIcon: typeof FolderAddIcon;
declare const index_FolderIcon: typeof FolderIcon;
declare const index_FolderShieldedIcon: typeof FolderShieldedIcon;
declare const index_FullscreenExitIcon: typeof FullscreenExitIcon;
declare const index_FullscreenIcon: typeof FullscreenIcon;
declare const index_GavelIcon: typeof GavelIcon;
declare const index_GroupIcon: typeof GroupIcon;
declare const index_GuardianIcon: typeof GuardianIcon;
declare const index_HelpFilledIcon: typeof HelpFilledIcon;
declare const index_HelpIcon: typeof HelpIcon;
declare const index_HelpSimpleIcon: typeof HelpSimpleIcon;
declare const index_HomeIcon: typeof HomeIcon;
declare const index_HourglassEmptyIcon: typeof HourglassEmptyIcon;
declare const index_ImageIcon: typeof ImageIcon;
declare const index_InfoIcon: typeof InfoIcon;
declare const index_InstagramIcon: typeof InstagramIcon;
declare const index_JordskifterettIcon: typeof JordskifterettIcon;
declare const index_JordskiftesakIcon: typeof JordskiftesakIcon;
declare const index_KeyIcon: typeof KeyIcon;
declare const index_LagmannsrettIcon: typeof LagmannsrettIcon;
declare const index_LanguageIcon: typeof LanguageIcon;
declare const index_LineChartIcon: typeof LineChartIcon;
declare const index_LinkIcon: typeof LinkIcon;
declare const index_LinkOffIcon: typeof LinkOffIcon;
declare const index_LinkedInIcon: typeof LinkedInIcon;
declare const index_ListAltIcon: typeof ListAltIcon;
declare const index_ListIcon: typeof ListIcon;
declare const index_LocationIcon: typeof LocationIcon;
declare const index_LocationOffIcon: typeof LocationOffIcon;
declare const index_LockFilledIcon: typeof LockFilledIcon;
declare const index_LockIcon: typeof LockIcon;
declare const index_LockOpenIcon: typeof LockOpenIcon;
declare const index_LoginIcon: typeof LoginIcon;
declare const index_LogoutIcon: typeof LogoutIcon;
declare const index_MailIcon: typeof MailIcon;
declare const index_MailOpenIcon: typeof MailOpenIcon;
declare const index_MapIcon: typeof MapIcon;
declare const index_MenuIcon: typeof MenuIcon;
declare const index_MinusCircledIcon: typeof MinusCircledIcon;
declare const index_MinusIcon: typeof MinusIcon;
declare const index_MoonIcon: typeof MoonIcon;
declare const index_MoreHorizontalIcon: typeof MoreHorizontalIcon;
declare const index_MoreVerticalIcon: typeof MoreVerticalIcon;
declare const index_NotarialIcon: typeof NotarialIcon;
declare const index_NotebookPenIcon: typeof NotebookPenIcon;
declare const index_NotificationsIcon: typeof NotificationsIcon;
declare const index_NotificationsOffIcon: typeof NotificationsOffIcon;
declare const index_OnlineMeetingIcon: typeof OnlineMeetingIcon;
declare const index_OpenExternalIcon: typeof OpenExternalIcon;
declare const index_PanelLeftIcon: typeof PanelLeftIcon;
declare const index_PaperPlaneIcon: typeof PaperPlaneIcon;
declare const index_PayoutIcon: typeof PayoutIcon;
declare const index_PdfIcon: typeof PdfIcon;
declare const index_PersonAddIcon: typeof PersonAddIcon;
declare const index_PersonIcon: typeof PersonIcon;
declare const index_PersonShieldedIcon: typeof PersonShieldedIcon;
declare const index_PinIcon: typeof PinIcon;
declare const index_PlusCircledIcon: typeof PlusCircledIcon;
declare const index_PlusIcon: typeof PlusIcon;
declare const index_PowerOfAttorneyIcon: typeof PowerOfAttorneyIcon;
declare const index_PrintIcon: typeof PrintIcon;
declare const index_PublishIcon: typeof PublishIcon;
declare const index_QuestionAnswerIcon: typeof QuestionAnswerIcon;
declare const index_ReceiptIcon: typeof ReceiptIcon;
declare const index_RedoIcon: typeof RedoIcon;
declare const index_RefreshIcon: typeof RefreshIcon;
declare const index_ReplayIcon: typeof ReplayIcon;
declare const index_RowsIcon: typeof RowsIcon;
declare const index_ScaleIcon: typeof ScaleIcon;
declare const index_SearchIcon: typeof SearchIcon;
declare const index_SectionIcon: typeof SectionIcon;
declare const index_SettingsIcon: typeof SettingsIcon;
declare const index_SmsIcon: typeof SmsIcon;
declare const index_StarFilledIcon: typeof StarFilledIcon;
declare const index_StarHalfFilledIcon: typeof StarHalfFilledIcon;
declare const index_StarIcon: typeof StarIcon;
declare const index_StickyNoteIcon: typeof StickyNoteIcon;
declare const index_SunIcon: typeof SunIcon;
declare const index_SupportIcon: typeof SupportIcon;
declare const index_SyncIcon: typeof SyncIcon;
declare const index_ThumbDownFilledIcon: typeof ThumbDownFilledIcon;
declare const index_ThumbDownIcon: typeof ThumbDownIcon;
declare const index_ThumbUpFilledIcon: typeof ThumbUpFilledIcon;
declare const index_ThumbUpIcon: typeof ThumbUpIcon;
declare const index_TimeIcon: typeof TimeIcon;
declare const index_TingrettIcon: typeof TingrettIcon;
declare const index_TipIcon: typeof TipIcon;
declare const index_TrashIcon: typeof TrashIcon;
declare const index_TrendingDownIcon: typeof TrendingDownIcon;
declare const index_TrendingUpIcon: typeof TrendingUpIcon;
declare const index_UndoIcon: typeof UndoIcon;
declare const index_UnfoldLessIcon: typeof UnfoldLessIcon;
declare const index_UnfoldMoreIcon: typeof UnfoldMoreIcon;
declare const index_UploadIcon: typeof UploadIcon;
declare const index_VisibilityOffIcon: typeof VisibilityOffIcon;
declare const index_VisibilityOnIcon: typeof VisibilityOnIcon;
declare const index_WarningIcon: typeof WarningIcon;
declare const index_WebexIcon: typeof WebexIcon;
declare const index_XIcon: typeof XIcon;
declare const index_ZoomInIcon: typeof ZoomInIcon;
declare const index_ZoomOutIcon: typeof ZoomOutIcon;
declare namespace index {
  export { index_AddressShieldedIcon as AddressShieldedIcon, index_AgreementIcon as AgreementIcon, index_AnimatedChevronUpDownIcon as AnimatedChevronUpDownIcon, type index_AnimatedChevronUpDownIconStates as AnimatedChevronUpDownIconStates, index_AppsIcon as AppsIcon, index_ArchiveIcon as ArchiveIcon, index_ArrowDownIcon as ArrowDownIcon, index_ArrowLeftIcon as ArrowLeftIcon, index_ArrowRightIcon as ArrowRightIcon, index_ArrowUpIcon as ArrowUpIcon, index_AttachmentIcon as AttachmentIcon, index_BarChartBoxedIcon as BarChartBoxedIcon, index_BarChartIcon as BarChartIcon, index_BlockIcon as BlockIcon, index_BookIcon as BookIcon, index_BriefcaseIcon as BriefcaseIcon, index_BuildIcon as BuildIcon, index_BuildingIcon as BuildingIcon, index_CalendarIcon as CalendarIcon, index_CalendarMonthIcon as CalendarMonthIcon, index_CalendarViewDayIcon as CalendarViewDayIcon, index_CalendarViewMonthIcon as CalendarViewMonthIcon, index_CalendarViewWeekIcon as CalendarViewWeekIcon, index_CallIcon as CallIcon, index_CaringIcon as CaringIcon, index_ChatIcon as ChatIcon, index_CheckCircledIcon as CheckCircledIcon, index_CheckIcon as CheckIcon, index_ChecklistIcon as ChecklistIcon, index_ChevronDownIcon as ChevronDownIcon, index_ChevronFirstIcon as ChevronFirstIcon, index_ChevronLastIcon as ChevronLastIcon, index_ChevronLeftIcon as ChevronLeftIcon, index_ChevronRightIcon as ChevronRightIcon, index_ChevronUpIcon as ChevronUpIcon, index_CircleFilledIcon as CircleFilledIcon, index_CircleIcon as CircleIcon, index_CloseCircledIcon as CloseCircledIcon, index_CloseIcon as CloseIcon, index_CloseSmallIcon as CloseSmallIcon, index_CloudIcon as CloudIcon, index_CollapseIcon as CollapseIcon, index_CommentIcon as CommentIcon, index_CopyIcon as CopyIcon, index_CourtIcon as CourtIcon, index_DateRangeIcon as DateRangeIcon, index_DeathsIcon as DeathsIcon, index_DoubleChevronLeftIcon as DoubleChevronLeftIcon, index_DoubleChevronRightIcon as DoubleChevronRightIcon, index_DownloadDoneIcon as DownloadDoneIcon, index_DownloadIcon as DownloadIcon, index_DragHandleIcon as DragHandleIcon, index_EditAltIcon as EditAltIcon, index_EditIcon as EditIcon, index_ErrorIcon as ErrorIcon, index_ExclaimIcon as ExclaimIcon, index_ExpandIcon as ExpandIcon, index_FacebookIcon as FacebookIcon, index_FamilyIcon as FamilyIcon, index_FeedbackIcon as FeedbackIcon, index_FileAddIcon as FileAddIcon, index_FileIcon as FileIcon, index_FileShieldedIcon as FileShieldedIcon, index_FileSignedIcon as FileSignedIcon, index_FileTextIcon as FileTextIcon, index_FilterIcon as FilterIcon, index_FilterListIcon as FilterListIcon, index_FindInPageIcon as FindInPageIcon, index_FlagFilledIcon as FlagFilledIcon, index_FlagIcon as FlagIcon, index_FlickrIcon as FlickrIcon, index_FloppyDiskIcon as FloppyDiskIcon, index_FolderAddIcon as FolderAddIcon, index_FolderIcon as FolderIcon, index_FolderShieldedIcon as FolderShieldedIcon, index_FullscreenExitIcon as FullscreenExitIcon, index_FullscreenIcon as FullscreenIcon, index_GavelIcon as GavelIcon, index_GroupIcon as GroupIcon, index_GuardianIcon as GuardianIcon, index_HelpFilledIcon as HelpFilledIcon, index_HelpIcon as HelpIcon, index_HelpSimpleIcon as HelpSimpleIcon, index_HomeIcon as HomeIcon, index_HourglassEmptyIcon as HourglassEmptyIcon, index_ImageIcon as ImageIcon, index_InfoIcon as InfoIcon, index_InstagramIcon as InstagramIcon, index_JordskifterettIcon as JordskifterettIcon, index_JordskiftesakIcon as JordskiftesakIcon, index_KeyIcon as KeyIcon, index_LagmannsrettIcon as LagmannsrettIcon, index_LanguageIcon as LanguageIcon, index_LineChartIcon as LineChartIcon, index_LinkIcon as LinkIcon, index_LinkOffIcon as LinkOffIcon, index_LinkedInIcon as LinkedInIcon, index_ListAltIcon as ListAltIcon, index_ListIcon as ListIcon, index_LocationIcon as LocationIcon, index_LocationOffIcon as LocationOffIcon, index_LockFilledIcon as LockFilledIcon, index_LockIcon as LockIcon, index_LockOpenIcon as LockOpenIcon, index_LoginIcon as LoginIcon, index_LogoutIcon as LogoutIcon, index_MailIcon as MailIcon, index_MailOpenIcon as MailOpenIcon, index_MapIcon as MapIcon, index_MenuIcon as MenuIcon, index_MinusCircledIcon as MinusCircledIcon, index_MinusIcon as MinusIcon, index_MoonIcon as MoonIcon, index_MoreHorizontalIcon as MoreHorizontalIcon, index_MoreVerticalIcon as MoreVerticalIcon, index_NotarialIcon as NotarialIcon, index_NotebookPenIcon as NotebookPenIcon, index_NotificationsIcon as NotificationsIcon, index_NotificationsOffIcon as NotificationsOffIcon, index_OnlineMeetingIcon as OnlineMeetingIcon, index_OpenExternalIcon as OpenExternalIcon, index_PanelLeftIcon as PanelLeftIcon, index_PaperPlaneIcon as PaperPlaneIcon, index_PayoutIcon as PayoutIcon, index_PdfIcon as PdfIcon, index_PersonAddIcon as PersonAddIcon, index_PersonIcon as PersonIcon, index_PersonShieldedIcon as PersonShieldedIcon, index_PinIcon as PinIcon, index_PlusCircledIcon as PlusCircledIcon, index_PlusIcon as PlusIcon, index_PowerOfAttorneyIcon as PowerOfAttorneyIcon, index_PrintIcon as PrintIcon, index_PublishIcon as PublishIcon, index_QuestionAnswerIcon as QuestionAnswerIcon, index_ReceiptIcon as ReceiptIcon, index_RedoIcon as RedoIcon, index_RefreshIcon as RefreshIcon, index_ReplayIcon as ReplayIcon, index_RowsIcon as RowsIcon, index_ScaleIcon as ScaleIcon, index_SearchIcon as SearchIcon, index_SectionIcon as SectionIcon, index_SettingsIcon as SettingsIcon, index_SmsIcon as SmsIcon, index_StarFilledIcon as StarFilledIcon, index_StarHalfFilledIcon as StarHalfFilledIcon, index_StarIcon as StarIcon, index_StickyNoteIcon as StickyNoteIcon, index_SunIcon as SunIcon, index_SupportIcon as SupportIcon, index_SyncIcon as SyncIcon, index_ThumbDownFilledIcon as ThumbDownFilledIcon, index_ThumbDownIcon as ThumbDownIcon, index_ThumbUpFilledIcon as ThumbUpFilledIcon, index_ThumbUpIcon as ThumbUpIcon, index_TimeIcon as TimeIcon, index_TingrettIcon as TingrettIcon, index_TipIcon as TipIcon, index_TrashIcon as TrashIcon, index_TrendingDownIcon as TrendingDownIcon, index_TrendingUpIcon as TrendingUpIcon, index_UndoIcon as UndoIcon, index_UnfoldLessIcon as UnfoldLessIcon, index_UnfoldMoreIcon as UnfoldMoreIcon, index_UploadIcon as UploadIcon, index_VisibilityOffIcon as VisibilityOffIcon, index_VisibilityOnIcon as VisibilityOnIcon, index_WarningIcon as WarningIcon, index_WebexIcon as WebexIcon, index_XIcon as XIcon, index_ZoomInIcon as ZoomInIcon, index_ZoomOutIcon as ZoomOutIcon };
}

/**
 * Hook som returnerer en callback-funksjon som refererer til den nyeste versjonen av den opprinnelige funksjonen.
 * Nyttig når du trenger en stabil referanse (f.eks. i event listeners), men fortsatt ønsker at den skal bruke den nyeste logikken.
 *
 * @template T - Typen til callback-funksjonen.
 * @param {T | undefined} callback - Funksjonen som skal kalles.
 * @param {DependencyList} [deps=[]] - Avhengigheter som styrer når den returnerte funksjonen skal oppdateres.
 * @returns {T} En memorisert funksjon som peker til den nyeste versjonen av `callback`.
 * @example
 * ```tsx
 * function MyComponent() {
 *   const [count, setCount] = useState(0);
 *
 *   const handleClick = useCallbackRef(() => {
 *     console.log('Klikk med count:', count);
 *   }, [count]);
 *
 *   useEffect(() => {
 *     window.addEventListener('click', handleClick);
 *     return () => window.removeEventListener('click', handleClick);
 *   }, [handleClick]);
 *
 *   return <button onClick={() => setCount(c => c + 1)}>Øk</button>;
 * }
 * ```

 */
declare function useCallbackRef<T extends (...args: Array<never>) => unknown>(callback: T | undefined, deps?: DependencyList): T;

/**
 * Kombinerer refs for et element.
 *
 * @template T elementet som refereres til.
 * @param {Array<Ref<T> | undefined>} refs array med refs.
 * @returns {RefCallback<T>} callback med kombinerte refs.
 * @example
 * ```tsx
 * function MyComponent(ref) {
 *
 *  const itemRef = useRef<HTMLDivElement>(null);
 *  const combinedRef = useCombinedRef(ref, itemRef);
 *
 *  return <div ref={combinedRef}>innhold</div>
 * });
 * ```
 */
declare function useCombinedRef<T>(...refs: Array<Ref<T> | undefined>): RefCallback<T>;

interface UseControllableStateProps<T> {
    /**Verdi. */
    value?: T;
    /**Default verdi. */
    defaultValue?: T | (() => T);
    /** `onChange` funksjon. */
    onChange?: (value: T) => void;
}
/**
 * The `useControllableState` hook returns the state and function that updates the state, just like React.useState does.
 */
/**
 * Håndterer bruk av state slik at den kan bli enten kontrollert eller ukontrollert ut av boksen.
 * @template T typen til verdien.
 * @param {{
 *  value?: T;
 *  defaultValue?: T | (() => T);
 *  onChange?: (value: T) => void;
 * }} props verdi, default verdi ved ukontrollert state og funksjon til å kotrnollere `value`.
 * @returns {[T, Dispatch<SetStateAction<T>>]} state og funksjon til å kontrollere den.
 * @example
 * ```tsx
 * const MyComponent = ({
 *   onChange,
 *  checked: checkedProp,
 *  defaultChecked
 * }) => {
 *  const [checked, setChecked] = useControllableState({
 *    value: checkedProp,
 *    defaultValue: defaultChecked ?? false,
 *    onChange,
 *  });
 *  return (
 *    <input
 *      checked={checked}
 *      onChange={e => setChecked(e.target.checked)}
 *      type="checkbox"
 *    />
 *  ) };
 * ```
 */
declare function useControllableState<T>(props: UseControllableStateProps<T>): [T, Dispatch<SetStateAction<T>>];
/**
 * The `useControllableGroupState` hook returns the group value and handleChange function to control it.
 */
interface UseControllableGroupStateProps<T> extends Pick<UseControllableStateProps<T>, 'defaultValue' | 'value'> {
    onChange?: (event: ChangeEvent<HTMLInputElement>, value: T) => void;
}
declare function useControllableGroupState<T>(props: UseControllableGroupStateProps<T>): {
    groupValue: T | undefined;
    handleChange: (e: ChangeEvent<HTMLInputElement>) => void;
};

type Placement = 'top' | 'top-start' | 'top-end' | 'bottom' | 'bottom-start' | 'bottom-end' | 'right' | 'right-start' | 'right-end' | 'left' | 'left-start' | 'left-end';
interface UseFloatPositionOptions {
    /**
     * Whether to update the position of the floating element on every animation frame if required.
     * This is optimized for performance but can still be costly.
     * @default true
     */
    animationFrame?: boolean;
    /**
     * `offset` is used to displace the floating element from its core placement.
     * The value passed is logical, meaning its effect on the
     * physical result is dependent on the writing direction (e.g. RTL).
     * @default 8
     */
    offset?: number;
    /**
     * Where to place the floating element relative to its reference element.
     * @default 'bottom'
     */
    placement?: Placement;
}
interface FloatingStyles {
    position: Strategy;
    top: number;
    left: number;
}
interface UseFloatPosition {
    refs: UseFloatingReturn['refs'];
    isPositioned: boolean;
    styles: {
        floating: FloatingStyles;
        arrow: {
            [x: string]: string | number;
            position: Strategy;
            top: string | number;
            left: string | number;
            transform: string;
        } | undefined;
    };
}
/**
 * Håndterer posisjonering av et element i forhold til et annet element i DOM.
 * @param {HTMLElement | null} arrowRef pil-elementet.
 * @param {{AnimationFrame: boolean, offset: number, placement: Placement}} options alternativer for float.
 * @returns {{
 *  refs: import('@floating-ui/react-dom').UseFloatingReturn['refs'],
 *  styles: {
 *    floating: import('@floating-ui/react-dom').FloatingStyles,
 *    arrow:
 *      undefined | {
 *        [x: string]: string | number;
 *        position: Strategy;
 *        top: string | number;
 *        left: string | number;
 *        transform: string;
 *      }
 *  }
 * }}  Objekt med refs og styling for floating UI.
 * @example
 * ```tsx
 * function MyComponent() {
 *
 *    // Hvis du trenger en pil
 *    const [arrowElement, setArrowElement] = useState<HTMLElement | null>(null);
 *
 *    const { refs, styles: positionStyles } = useFloatPosition(arrowElement, {
 *      placement: 'right',
 *      offset: 2,
 *    });
 *
 *    return (
 *      <>
 *        <button ref={refs.setReference}>Anchor</button>
 *        <div
 *          ref={refs.setFloating}
 *          style={positionStyles.floating}
 *        >
 *          <div ref={setArrowElement} style={positionStyles.arrow}>
 *          // din pil, f.eks. svg
 *          </div>
 *          Innhold
 *        </div>
 *      </>
 * };
 * ```
 */
declare const useFloatPosition: (arrowRef?: HTMLElement | null, options?: UseFloatPositionOptions) => UseFloatPosition;

/**
 * Fanger fokus i en loop inni et element.
 * @template {HTMLElement} T typen til container-elementet som fanger fokus.
 * @param {boolean} active om focus skal fanges, f.eks. når en modal åpnes.
 * @param {RefObject<HTMLElement | null> | undefined} initialFocusRef `ref` til elementet som skal motta focus når focus trap er aktiv.
 * @returns {RefObject<T | null>} `ref` til elementet som fanger fokus.
 * @example
 * ```tsx
 * function MyComponent() {
 *
 *  const [isOpen, setOpen] = useState(false);
 *  const componentRef = useFocusTrap<HTMLDivElement>(isOpen);
 *
 *  return isOpen ? <div ref={componentRef}><button>click</button></div> : null;
 *
 * }
 * ```
 */
declare function useFocusTrap<T extends HTMLElement>(active: boolean, initialFocusRef?: RefObject<HTMLElement | null> | undefined): RefObject<T | null>;

/**
 * Sjekker om komponenten er mounted i DOM.
 *
 * @returns {() => boolean} om komponenten er mounted.
 * @example
 * ```tsx
 * function MyComponent() {
 *
 *  const isMounted = useIsMounted();
 *
 *  useEffect(() => {
 *    if(isMounted()) {
 *    // logikk når mounted
 *    }
 *  }, [isMounted]);
 *
 * });
 * ```
 *
 */
declare const useIsMounted: () => (() => boolean);

/**
 * Tillater effekter og animasjoner å bli gjennomført like etter et element blir lagt til eller like før det blir fjernet fra DOM.
 * @param {boolean} isMounted om elementet er mounted.
 * @param {number} unmountDelay hvor lenge transition skal vare før unmount.
 * @returns {boolean} om den har trasisjonert inn.
 * @example
 * ```css
 * // CSS
 * .component {
 *  transition: opacity 0.2s;
 *  opacity: 0;
 * }
 *
 * .transitionedIn.mounted {
 *  opacity: 1;
 * }
 * ```
 * ```jsx
 * // JSX
 * function MyComponent(isMounted) {
 *
 * const hasTransitionedIn = useMountTransition(isMounted, 500);
 *
 *  return isMounted || hasTransitionedIn ? (
 *    <div
 *      className={`component ${hasTransitionedIn && 'transitionedIn'} ${isMounted && 'mounted'}`}
 *    >
 *      innhold
 *    </div>)
 *  : null;
 * };
 * ```
 */
declare const useMountTransition: (isMounted: boolean, unmountDelay: number) => boolean;

/**
 * Kjører logikk når brukeren klikker utenfor espesifisert(e) element(er).
 * @param {HTMLElement | null | undefined | Array<HTMLElement | null | undefined>} element HTML element(er) som overvåkes for klikk utenfor.
 * @param {(event: MouseEvent | TouchEvent) => void} handler funksjonen som kjøres ved klikk utenfor.
 * @returns {void}
 * @example
 * ```tsx
 * * function MyComponent() {
 *  const [isOpen, setOpen] = useState(true);
 *  const ref = useRef<HTMLDivElement>(null);
 *  useOnClickOutside(ref.current, () => setOpen(false));
 *
 *  return isOpen && <div ref={ref}>innhold</div>
 * };
 * ```
 */
declare function useOnClickOutside(element: RefObject<HTMLElement | null> | Array<RefObject<HTMLElement | null> | undefined> | undefined, handler: (event: MouseEvent | TouchEvent) => void): void;

/**
 * Kjører logikk når spesifisert(e) tast(er) blir trykt ned.
 * @param {string} key tasten som trykkes.
 * @param {(event: KeyboardEvent) => void} handler funksjonen som skal kjøres.
 * @returns {void}
 * @example
 * ```tsx
 * function MyComponent() {
 *  const [isOpen, setOpen] = useState(true);
 *  useOnKeyDown('Escape', () => setOpen(false));
 *
 *   return isOpen ? <div>innhold</div> : null;
 * }
 * ```
 */
declare const useOnKeyDown: (key: string | Array<string>, handler: (event: KeyboardEvent) => void) => void;

/**
 * Returnerer fokus til et element når første eller siste barn i en container mister fokus ved tastaturnavigasjon.
 * @template {HTMLElement} T typen til container som skal returnere fous.
 * @param {boolean} active om container skal få fokus, f.eks. når en modal åpnes.
 * @param {() => void} onBlur ekstra logikk når fokus forlater container.
 * @param {HTMLElement | null | undefined} triggerElement elementet som skal få fokus når fokus forlater container.
 * @returns {RefObject<T | null>} ref til container som skal returnere fokus.
 * @example
 * ```tsx
 * const MyComponent() {
 *
 *  const [isOpen, setOpen] = useState(false);
 *  const triggerRef = useRef<HTMLButtonElement>(null);
 *  const containerRef = useReturnFocusOnBlur<HTMLDivElement>(
 *    isOpen,
 *    () => setOpen(false),
 *    triggerRef.current,
 *  );
 *
 *  return (
 *    <div>
 *      <button
 *        ref={triggerRef}
 *        onClick={() => setOpen(true)}
 *      >
 *        Åpne popover
 *      </button>
 *      {isOpen &&
 *        <div ref={containerRef}>
 *          <button>1</button>
 *          <button>2</button>
 *        </div>
 *      }
 *    </div>
 *  )
 * }
 * ```
 */
declare function useReturnFocusOnBlur<T extends HTMLElement>(active: boolean, onBlur: () => void, triggerElement?: HTMLElement | null): RefObject<T | null>;

declare const isKeyboardEvent: (e: Event | KeyboardEvent$1<Element>) => e is KeyboardEvent$1<Element>;
/**
 * Bytter fokus mellom elementer i en gruppe med piltaster og ikke `Tab`, samt looper fokus i gruppen.
 * @param {number} size antall elementer i gruppen.
 * @param {boolean} active om fokus skal kontrolleres av hooken. Når status blir inaktiv vil fokusrekkefølge nullstilles.
 * @param {'row' | 'column'} direction retning elementene blas i.
 * @param {boolean} noWrap om indeksen skal 'wrappe' rundt til 0 hvis den går over size - 1, eller til size - 1 hvis den går under 0.
 * @returns {[focusedIndex: number, setFocus: Dispatch<SetStateAction<number>>]} hook par: indeksen til fokuserte elemenentet og funksjonen som håndterer fokus.
 * @example
 * ```tsx
 * import elements from './elements';
 * import RoveItem from './RoveItem';
 *
 * function MyComponent() {
 *  const [focusedIndex, setFocus] = useRoveFocus(elements.length);
 *
 *  return (
 *  <ul>
 *    {elements.map((element, index) => (
 *    <li key={element}>
 *      <RoveItem index={index} shouldFocus={focusedIndex === index} setFocus={setFocus}>{element.name}</RoveItem>
 *    </li>
 *    ))}
 *  </ul>)
 * }
 * ```
 */
declare function useRoveFocus(size?: number, active?: boolean, direction?: Direction$1, noWrap?: boolean): [number, Dispatch<SetStateAction<number>>];

declare enum ScreenSize {
    XSmall = 0,
    Small = 1,
    Medium = 2,
    Large = 3,
    XLarge = 4
}
/**
 * Sjekker skjermstørrelsen basert på brekkpunkter definerte i designsystemet.
 * @returns den aktuelle skjermstørrelsen basert på {@link ScreenSize}.
 * @example
 * ```tsx
 * function MyComponent() {
 *  const screenSize = useScreenSize();
 *  const isSmallScreen = screenSize === ScreenSize.Small;
 *
 *  return <div className={isSmallScreen && 'smallDiv'} >innhold</div>
 * }
 * ```
 */
declare const useScreenSize: () => ScreenSize;

/**
 * Kjører logikk når vindusstørrelsen endrer seg.
 * @param {() => void} handler funksjonen som skal kjøres.
 * @returns {void}
 * @example
 * ```tsx
 * function MyComponent() {
 *   const [width, setWidth] = useState<number>(window.innerWidth);
 *   useResize(() => setWidth(window.innerWidth));
 *
 *   return <div>vindusstørrelse: {width}px</div>;
 * }
 * ```
 */
declare const useWindowResize: (handler: () => void) => void;

type DdsTheme = keyof typeof ddsTokens;
interface ThemeProviderProps {
    /**
     * Elsa tema for applikasjonen.
     * @default "core-light"
     */
    theme?: DdsTheme;
    /**
     * Selve applikasjonen.
     */
    children?: ReactNode;
}
/**
 * Hook for å hente gjeldende tema og temanavn. Brukes inni ThemeProvider.
 *
 * @returns tema med JS-konstanter og navnet på temaet.
 */
declare function useTheme(): {
    theme: {
        ddsFontFamilySans: "'IBM Plex Sans', Arial, sans-serif";
        ddsFontFamilyMonospace: "'IBM Plex Mono', 'Courier New', monospace";
        ddsFontSizeX5: "5rem";
        ddsFontSizeX5NumberRem: 5;
        ddsFontSizeX4: "4rem";
        ddsFontSizeX4NumberRem: 4;
        ddsFontSizeX3: "3rem";
        ddsFontSizeX3NumberRem: 3;
        ddsFontSizeX25: "2.5rem";
        ddsFontSizeX25NumberRem: 2.5;
        ddsFontSizeX2: "2rem";
        ddsFontSizeX2NumberRem: 2;
        ddsFontSizeX15: "1.5rem";
        ddsFontSizeX15NumberRem: 1.5;
        ddsFontSizeX125: "1.25rem";
        ddsFontSizeX125NumberRem: 1.25;
        ddsFontSizeX1125: "1.125rem";
        ddsFontSizeX1125NumberRem: 1.125;
        ddsFontSizeX1: "1rem";
        ddsFontSizeX1NumberRem: 1;
        ddsFontSizeX0875: "0.875rem";
        ddsFontSizeX0875NumberRem: 0.875;
        ddsFontSizeX075: "0.75rem";
        ddsFontSizeX075NumberRem: 0.75;
        ddsFontWeightLight: "300";
        ddsFontWeightNormal: "400";
        ddsFontWeightSemiBold: "500";
        ddsFontWeightBold: "600";
        ddsFontLineheightX1: 1.5;
        ddsFontLineheightX3: 1.2;
        ddsFontLineheightX2: 1.3;
        ddsFontLetterSpacingTight: "-0.01em";
        ddsFontLetterSpacingNormal: "0em";
        ddsFontLetterSpacingLoose: "0.01em";
        ddsFontParagraphSpacingSmall: "1em";
        ddsFontParagraphSpacingSmallNumberEm: 1;
        ddsFontParagraphSpacingMedium: "0.66em";
        ddsFontParagraphSpacingMediumNumberEm: 0.66;
        ddsFontParagraphSpacingLarge: "0.5em";
        ddsFontParagraphSpacingLargeNumberEm: 0.5;
        ddsFontParagraphSpacingList: "0.5em";
        ddsFontParagraphSpacingListNumberEm: 0.5;
        ddsFontParagraphSpacingHeading: "0.4em";
        ddsFontParagraphSpacingHeadingNumberEm: 0.4;
        ddsFontStyleUnderline: "underline";
        ddsFontStyleNormal: "none";
        ddsFontStyleItalic: "italic";
        ddsSpacingPaddingTopHeading: "0.7em";
        ddsSpacingPaddingTopHeadingNumberEm: 0.7;
        ddsSpacingX0: "0rem";
        ddsSpacingX0NumberRem: 0;
        ddsSpacingX0125: "0.125rem";
        ddsSpacingX0125NumberRem: 0.125;
        ddsSpacingX025: "0.25rem";
        ddsSpacingX025NumberRem: 0.25;
        ddsSpacingX05: "0.5rem";
        ddsSpacingX05NumberRem: 0.5;
        ddsSpacingX075: "0.75rem";
        ddsSpacingX075NumberRem: 0.75;
        ddsSpacingX1: "1rem";
        ddsSpacingX1NumberRem: 1;
        ddsSpacingX15: "1.5rem";
        ddsSpacingX15NumberRem: 1.5;
        ddsSpacingX2: "2rem";
        ddsSpacingX2NumberRem: 2;
        ddsSpacingX25: "2.5rem";
        ddsSpacingX25NumberRem: 2.5;
        ddsSpacingX3: "3rem";
        ddsSpacingX3NumberRem: 3;
        ddsSpacingX4: "4rem";
        ddsSpacingX4NumberRem: 4;
        ddsSpacingX6: "6rem";
        ddsSpacingX6NumberRem: 6;
        ddsSpacingX10: "10rem";
        ddsSpacingX10NumberRem: 10;
        ddsGridXsGutterSize: "16px";
        ddsGridXsGutterSizeNumberPx: 16;
        ddsGridXsCount: "4";
        ddsGridSmGutterSize: "16px";
        ddsGridSmGutterSizeNumberPx: 16;
        ddsGridSmCount: "8";
        ddsGridLgGutterSize: "24px";
        ddsGridLgGutterSizeNumberPx: 24;
        ddsGridLgCount: "12";
        ddsGridMdGutterSize: "24px";
        ddsGridMdGutterSizeNumberPx: 24;
        ddsGridMdCount: "12";
        ddsGridXlGutterSize: "24px";
        ddsGridXlGutterSizeNumberPx: 24;
        ddsGridXlCount: "12";
        ddsSizeIconLarge: "40px";
        ddsSizeIconLargeNumberPx: 40;
        ddsSizeIconMedium: "24px";
        ddsSizeIconMediumNumberPx: 24;
        ddsSizeIconSmall: "16px";
        ddsSizeIconSmallNumberPx: 16;
        ddsSizeIconComponent: "1.3em";
        ddsSizeIconComponentNumberEm: 1.3;
        ddsBreakpointXs: "1px";
        ddsBreakpointXsNumberPx: 1;
        ddsBreakpointSm: "600px";
        ddsBreakpointSmNumberPx: 600;
        ddsBreakpointMd: "960px";
        ddsBreakpointMdNumberPx: 960;
        ddsBreakpointLg: "1280px";
        ddsBreakpointLgNumberPx: 1280;
        ddsBreakpointXl: "1920px";
        ddsBreakpointXlNumberPx: 1920;
        ddsZindexSkiptocontent: "250";
        ddsZindexModalBackdrop: "200";
        ddsZindexDrawer: "180";
        ddsZindexDrawerBackdrop: "180";
        ddsZindexOverflowmenu: "160";
        ddsZindexPopover: "140";
        ddsZindexTooltip: "120";
        ddsZindexDropdown: "100";
        ddsZindexSticky: "50";
        ddsZindexAbsoluteElement: "1";
        ddsColorData10Default: "#196b8f";
        ddsColorData10Subtle: "#93cee6";
        ddsColorData10Border: "#196b8f";
        ddsColorDataRed100: "#f8d2d4";
        ddsColorDataRed200: "#f0a5a9";
        ddsColorDataRed300: "#f4858b";
        ddsColorDataRed400: "#e14b53";
        ddsColorDataRed500: "#da1e28";
        ddsColorDataRed600: "#ae1820";
        ddsColorDataRed700: "#831218";
        ddsColorDataRed800: "#570c10";
        ddsColorDataRed900: "#2c0608";
        ddsColorDataMagenta100: "#f7d9f2";
        ddsColorDataMagenta200: "#edb5e4";
        ddsColorDataMagenta300: "#e079d0";
        ddsColorDataMagenta400: "#d54dc0";
        ddsColorDataMagenta500: "#cb20b0";
        ddsColorDataMagenta600: "#a21a8d";
        ddsColorDataMagenta700: "#7a136a";
        ddsColorDataMagenta800: "#510d46";
        ddsColorDataMagenta900: "#290623";
        ddsColorDataBrown100: "#f0ddd5";
        ddsColorDataBrown200: "#e1bcac";
        ddsColorDataBrown300: "#d19a82";
        ddsColorDataBrown400: "#c27959";
        ddsColorDataBrown500: "#b3572f";
        ddsColorDataBrown600: "#8f4626";
        ddsColorDataBrown700: "#6b341c";
        ddsColorDataBrown800: "#482313";
        ddsColorDataBrown900: "#241109";
        ddsColorDataOlive100: "#e9e7cd";
        ddsColorDataOlive200: "#cdc9a1";
        ddsColorDataOlive300: "#b3ae71";
        ddsColorDataOlive400: "#989344";
        ddsColorDataOlive500: "#7c7518";
        ddsColorDataOlive600: "#635e13";
        ddsColorDataOlive700: "#4a460e";
        ddsColorDataOlive800: "#322f0a";
        ddsColorDataOlive900: "#191705";
        ddsColorDataGreen100: "#d7e8cf";
        ddsColorDataGreen200: "#aed19e";
        ddsColorDataGreen300: "#95c280";
        ddsColorDataGreen400: "#619947";
        ddsColorDataGreen500: "#3a8019";
        ddsColorDataGreen600: "#2e6614";
        ddsColorDataGreen700: "#234d0f";
        ddsColorDataGreen800: "#17330a";
        ddsColorDataGreen900: "#0c1a05";
        ddsColorDataTeal100: "#c2e2e1";
        ddsColorDataTeal200: "#90ccc9";
        ddsColorDataTeal300: "#5dafad";
        ddsColorDataTeal400: "#2c9390";
        ddsColorDataTeal500: "#007d79";
        ddsColorDataTeal600: "#006461";
        ddsColorDataTeal700: "#004b49";
        ddsColorDataTeal800: "#003230";
        ddsColorDataTeal900: "#001918";
        ddsColorDataDeepblue100: "#c6e3f1";
        ddsColorDataDeepblue200: "#93cee6";
        ddsColorDataDeepblue300: "#62abcb";
        ddsColorDataDeepblue400: "#358fb5";
        ddsColorDataDeepblue500: "#196b8f";
        ddsColorDataDeepblue600: "#135774";
        ddsColorDataDeepblue700: "#0e455e";
        ddsColorDataDeepblue800: "#0d3445";
        ddsColorDataDeepblue900: "#05151d";
        ddsColorDataBlue100: "#cfe0ff";
        ddsColorDataBlue200: "#9fc0ff";
        ddsColorDataBlue300: "#6fa1fe";
        ddsColorDataBlue400: "#3f81fe";
        ddsColorDataBlue500: "#0f62fe";
        ddsColorDataBlue600: "#0c4ecb";
        ddsColorDataBlue700: "#093b98";
        ddsColorDataBlue800: "#062766";
        ddsColorDataBlue900: "#031433";
        ddsColorDataPurple100: "#e8d9fe";
        ddsColorDataPurple200: "#d0b2fe";
        ddsColorDataPurple300: "#b98cfd";
        ddsColorDataPurple400: "#a165fd";
        ddsColorDataPurple500: "#8a3ffc";
        ddsColorDataPurple600: "#6e32ca";
        ddsColorDataPurple700: "#532697";
        ddsColorDataPurple800: "#371965";
        ddsColorDataPurple900: "#1c0d32";
        ddsColorDataGray100: "#e3e3e3";
        ddsColorDataGray200: "#c7c7c7";
        ddsColorDataGray300: "#aaaaaa";
        ddsColorDataGray400: "#8e8e8e";
        ddsColorDataGray500: "#727272";
        ddsColorDataGray600: "#5b5b5b";
        ddsColorDataGray700: "#444444";
        ddsColorDataGray800: "#2e2e2e";
        ddsColorDataGray900: "#171717";
        ddsColorData01Default: "#0f62fe";
        ddsColorData01Subtle: "#9fc0ff";
        ddsColorData01Border: "#0f62fe";
        ddsColorData02Default: "#b3572f";
        ddsColorData02Subtle: "#e1bcac";
        ddsColorData02Border: "#b3572f";
        ddsColorData03Default: "#727272";
        ddsColorData03Subtle: "#c7c7c7";
        ddsColorData03Border: "#727272";
        ddsColorData04Default: "#3a8019";
        ddsColorData04Subtle: "#aed19e";
        ddsColorData04Border: "#3a8019";
        ddsColorData05Default: "#8a3ffc";
        ddsColorData05Subtle: "#d0b2fe";
        ddsColorData05Border: "#8a3ffc";
        ddsColorData06Default: "#cb20b0";
        ddsColorData06Subtle: "#edb5e4";
        ddsColorData06Border: "#cb20b0";
        ddsColorData07Default: "#7c7518";
        ddsColorData07Subtle: "#cdc9a1";
        ddsColorData07Border: "#7c7518";
        ddsColorData08Default: "#da1e28";
        ddsColorData08Subtle: "#f0a5a9";
        ddsColorData08Border: "#da1e28";
        ddsColorData09Default: "#007d79";
        ddsColorData09Subtle: "#90ccc9";
        ddsColorData09Border: "#007d79";
        ddsMotionMicroState: "200ms linear";
        ddsMotionSurface: "200ms cubic-bezier(0.4, 0, 0.2, 1)";
        ddsMotionChevron: "200ms linear";
        ddsMotionAnimationSkeleton: "800ms cubic-bezier(0.4, 0, 0.2, 1) infinite alternate";
        ddsColorBgDefault: "#ffffff";
        ddsColorBgSubtle: "#f1f3f4";
        ddsColorSurfaceDefault: "#ffffff";
        ddsColorSurfaceSubtle: "#f1f3f4";
        ddsColorSurfaceMedium: "#e9ebec";
        ddsColorSurfaceHoverDefault: "#e7f1f7";
        ddsColorSurfaceHoverSubtle: "#f1f3f4";
        ddsColorSurfaceSelectedDefault: "#e7f1f7";
        ddsColorSurfaceInverseDefault: "#354754";
        ddsColorSurfaceInverseHover: "#2a3943";
        ddsColorSurfaceInverseSelected: "#202b32";
        ddsColorSurfaceActionResting: "#106ead";
        ddsColorSurfaceActionHover: "#0d588a";
        ddsColorSurfaceActionSelected: "#106ead";
        ddsColorSurfaceActionDangerResting: "#d83737";
        ddsColorSurfaceActionDangerHover: "#ad2c2c";
        ddsColorSurfaceActionSelectedDisabled: "#77838c";
        ddsColorSurfaceDangerDefault: "#fbebeb";
        ddsColorSurfaceDangerStrong: "#e47373";
        ddsColorSurfaceSuccessDefault: "#f0f9f0";
        ddsColorSurfaceSuccessStrong: "#93d294";
        ddsColorSurfaceWarningDefault: "#fefced";
        ddsColorSurfaceWarningStrong: "#f7e982";
        ddsColorSurfaceInfoDefault: "#f1f8fd";
        ddsColorSurfaceInfoStrong: "#9eceee";
        ddsColorSurfacePaperDefault: "#ffffff";
        ddsColorSurfaceBackdropDefault: "#0b0d0e80";
        ddsColorSurfaceFieldDefault: "#ffffff";
        ddsColorSurfaceFieldDisabled: "#f1f3f4";
        ddsColorSurfaceHighlightedDefault: "#fce5dd";
        ddsColorSurfaceScrollbar: "#adb5ba";
        ddsColorSurfaceNotification: "#d83737";
        ddsColorSurfaceSkeleton: "#d6dadd";
        ddsColorBorderDefault: "#77838c";
        ddsColorBorderSubtle: "#d6dadd";
        ddsColorBorderInverse: "#acbbc6";
        ddsColorBorderActionDefault: "#106ead";
        ddsColorBorderActionHover: "#0d588a";
        ddsColorBorderSuccess: "#65be66";
        ddsColorBorderWarning: "#f4e04d";
        ddsColorBorderDanger: "#d83737";
        ddsColorBorderInfo: "#75b9e6";
        ddsColorBorderOnAction: "#ffffff";
        ddsColorTextDefault: "#0b0d0e";
        ddsColorTextMedium: "#3a4146";
        ddsColorTextSubtle: "#545c62";
        ddsColorTextOnInverse: "#ffffff";
        ddsColorTextDanger: "#ad2c2c";
        ddsColorTextOnAction: "#ffffff";
        ddsColorTextOnStatusDefault: "#0b0d0e";
        ddsColorTextOnStatusStrong: "#0b0d0e";
        ddsColorTextActionResting: "#106ead";
        ddsColorTextActionHover: "#0d588a";
        ddsColorTextRequiredfield: "#d83737";
        ddsColorTextActionVisited: "#7f29b4";
        ddsColorTextActionVisitedOnInverse: "#cca9e1";
        ddsColorTextOnNotification: "#ffffff";
        ddsColorTextOnPrimaryDefault: "#ffffff";
        ddsColorTextOnPrimarySubtle: "#0b0d0e";
        ddsColorTextOnPrimaryMedium: "#ffffff";
        ddsColorTextOnPrimaryStrong: "#ffffff";
        ddsColorTextOnSecondaryDefault: "#0b0d0e";
        ddsColorTextOnSecondarySubtle: "#0b0d0e";
        ddsColorTextOnSecondaryMedium: "#0b0d0e";
        ddsColorTextOnSecondaryStrong: "#ffffff";
        ddsColorTextOnTertiaryDefault: "#0b0d0e";
        ddsColorTextOnTertiarySubtle: "#0b0d0e";
        ddsColorTextOnTertiaryMedium: "#0b0d0e";
        ddsColorTextOnTertiaryStrong: "#0b0d0e";
        ddsColorTextOnDataDefault: "#ffffff";
        ddsColorTextOnDataSubtle: "#0b0d0e";
        ddsColorIconDefault: "#0b0d0e";
        ddsColorIconMedium: "#3a4146";
        ddsColorIconSubtle: "#545c62";
        ddsColorIconOnInverse: "#ffffff";
        ddsColorIconOnAction: "#ffffff";
        ddsColorIconActionResting: "#106ead";
        ddsColorIconActionHover: "#0d588a";
        ddsColorIconOnSuccessDefault: "#3d723d";
        ddsColorIconOnSuccessStrong: "#0b0d0e";
        ddsColorIconOnWarningDefault: "#9a8c26";
        ddsColorIconOnWarningStrong: "#0b0d0e";
        ddsColorIconOnDangerDefault: "#ad2c2c";
        ddsColorIconOnDangerStrong: "#0b0d0e";
        ddsColorIconOnInfoDefault: "#3e7192";
        ddsColorIconOnInfoStrong: "#0b0d0e";
        ddsColorIconDanger: "#ad2c2c";
        ddsColorBrandPrimaryDefault: "#354754";
        ddsColorBrandPrimarySubtle: "#eaeff4";
        ddsColorBrandPrimaryMedium: "#4f6a7e";
        ddsColorBrandPrimaryStrong: "#202b32";
        ddsColorBrandSecondaryDefault: "#9ab8b7";
        ddsColorBrandSecondarySubtle: "#e6eded";
        ddsColorBrandSecondaryMedium: "#b8cdcd";
        ddsColorBrandSecondaryStrong: "#4d6463";
        ddsColorBrandTertiaryDefault: "#f27e55";
        ddsColorBrandTertiarySubtle: "#fce5dd";
        ddsColorBrandTertiaryMedium: "#f2a68f";
        ddsColorBrandTertiaryStrong: "#d45d32";
        ddsColorFocusOutside: "#2a4b61";
        ddsColorFocusInside: "#f1f8fd";
        ddsShadowLarge: "8px 16px 32px 0px rgba(11, 13, 14, 10%)";
        ddsShadowMedium: "2px 4px 8px 0px rgba(11, 13, 14, 10%)";
        ddsShadowSmall: "1px 2px 4px 0px rgba(11, 13, 14, 10%)";
        ddsBorderRadiusButton: "2px";
        ddsBorderRadiusButtonNumberPx: 2;
        ddsBorderRadiusSurface: "4px";
        ddsBorderRadiusSurfaceNumberPx: 4;
        ddsBorderRadiusInput: "2px";
        ddsBorderRadiusInputNumberPx: 2;
        ddsBorderRadiusChip: "4px";
        ddsBorderRadiusChipNumberPx: 4;
        ddsBorderRadiusRounded: "9999px";
        ddsBorderRadiusRoundedNumberPx: 9999;
        ddsFontLabelMedium: "600 0.875rem/1.3 'IBM Plex Sans', Arial, sans-serif";
        ddsFontBodyLongXsmall: "400 0.75rem/1.5 'IBM Plex Sans', Arial, sans-serif";
        ddsFontBodyLongSmall: "400 0.875rem/1.5 'IBM Plex Sans', Arial, sans-serif";
        ddsFontBodyLongMedium: "400 1rem/1.5 'IBM Plex Sans', Arial, sans-serif";
        ddsFontBodyLongLarge: "400 1.125rem/1.5 'IBM Plex Sans', Arial, sans-serif";
        ddsFontHeadingXxsmall: "600 0.75rem/1.3 'IBM Plex Sans', Arial, sans-serif";
        ddsFontHeadingXsmall: "600 0.875rem/1.3 'IBM Plex Sans', Arial, sans-serif";
        ddsFontHeadingSmall: "600 1rem/1.3 'IBM Plex Sans', Arial, sans-serif";
        ddsFontHeadingMedium: "600 1.125rem/1.3 'IBM Plex Sans', Arial, sans-serif";
        ddsFontHeadingLarge: "400 clamp(1.25rem, 0.833rem + 1.111vw, 1.5rem)/1.3 'IBM Plex Sans', Arial, sans-serif";
        ddsFontHeadingXlarge: "400 clamp(1.5rem, 0.667rem + 2.222vw, 2rem)/1.3 'IBM Plex Sans', Arial, sans-serif";
        ddsFontHeadingXxlarge: "300 clamp(2.5rem, 1.667rem + 2.222vw, 3rem)/1.3 'IBM Plex Sans', Arial, sans-serif";
        ddsFontLeadMedium: "300 1.125rem/1.5 'IBM Plex Sans', Arial, sans-serif";
        ddsFontCodeMedium: "400 1rem/1.5 'IBM Plex Mono', 'Courier New', monospace";
        ddsFontBodyShortXsmall: "400 0.75rem/1.3 'IBM Plex Sans', Arial, sans-serif";
        ddsFontBodyShortSmall: "400 0.875rem/1.3 'IBM Plex Sans', Arial, sans-serif";
        ddsFontBodyShortMedium: "400 1rem/1.3 'IBM Plex Sans', Arial, sans-serif";
        ddsFontBodyShortLarge: "400 1.125rem/1.3 'IBM Plex Sans', Arial, sans-serif";
        ddsFontHeadingXxlargeLetterSpacing: "-0.01em";
        ddsFontHeadingXxlargeParagraphSpacing: "0.4em";
        ddsFontHeadingXxlargeParagraphSpacingNumberEm: 0.4;
        ddsFontHeadingXlargeLetterSpacing: "0em";
        ddsFontHeadingXlargeParagraphSpacing: "0.4em";
        ddsFontHeadingXlargeParagraphSpacingNumberEm: 0.4;
        ddsFontHeadingLargeLetterSpacing: "0em";
        ddsFontHeadingLargeParagraphSpacing: "0.4em";
        ddsFontHeadingLargeParagraphSpacingNumberEm: 0.4;
        ddsFontHeadingMediumLetterSpacing: "0em";
        ddsFontHeadingMediumParagraphSpacing: "0.4em";
        ddsFontHeadingMediumParagraphSpacingNumberEm: 0.4;
        ddsFontHeadingSmallLetterSpacing: "0em";
        ddsFontHeadingSmallParagraphSpacing: "0.4em";
        ddsFontHeadingSmallParagraphSpacingNumberEm: 0.4;
        ddsFontHeadingXsmallLetterSpacing: "0.01em";
        ddsFontHeadingXsmallParagraphSpacing: "0.4em";
        ddsFontHeadingXsmallParagraphSpacingNumberEm: 0.4;
        ddsFontHeadingXxsmallLetterSpacing: "0.01em";
        ddsFontHeadingXxsmallParagraphSpacing: "0.4em";
        ddsFontHeadingXxsmallParagraphSpacingNumberEm: 0.4;
        ddsFontBodyLongLargeLetterSpacing: "0em";
        ddsFontBodyLongLargeParagraphSpacing: "1em";
        ddsFontBodyLongLargeParagraphSpacingNumberEm: 1;
        ddsFontBodyLongMediumLetterSpacing: "0em";
        ddsFontBodyLongMediumParagraphSpacing: "1em";
        ddsFontBodyLongMediumParagraphSpacingNumberEm: 1;
        ddsFontBodyLongSmallLetterSpacing: "0.01em";
        ddsFontBodyLongSmallParagraphSpacing: "1em";
        ddsFontBodyLongSmallParagraphSpacingNumberEm: 1;
        ddsFontBodyLongXsmallLetterSpacing: "0.01em";
        ddsFontBodyLongXsmallParagraphSpacing: "1em";
        ddsFontBodyLongXsmallParagraphSpacingNumberEm: 1;
        ddsFontLeadMediumLetterSpacing: "0em";
        ddsFontLeadMediumParagraphSpacing: "1em";
        ddsFontLeadMediumParagraphSpacingNumberEm: 1;
        ddsFontCodeMediumLetterSpacing: "0em";
        ddsFontCodeMediumParagraphSpacing: "1em";
        ddsFontCodeMediumParagraphSpacingNumberEm: 1;
        ddsFontLabelMediumLetterSpacing: "0.01em";
        ddsFontLabelMediumParagraphSpacing: "1em";
        ddsFontLabelMediumParagraphSpacingNumberEm: 1;
        ddsFontBodyShortLargeLetterSpacing: "0em";
        ddsFontBodyShortLargeParagraphSpacing: "1em";
        ddsFontBodyShortLargeParagraphSpacingNumberEm: 1;
        ddsFontBodyShortMediumLetterSpacing: "0em";
        ddsFontBodyShortMediumParagraphSpacing: "1em";
        ddsFontBodyShortMediumParagraphSpacingNumberEm: 1;
        ddsFontBodyShortSmallLetterSpacing: "0.01em";
        ddsFontBodyShortSmallParagraphSpacing: "1em";
        ddsFontBodyShortSmallParagraphSpacingNumberEm: 1;
        ddsFontBodyShortXsmallLetterSpacing: "0.01em";
        ddsFontBodyShortXsmallParagraphSpacing: "1em";
        ddsFontBodyShortXsmallParagraphSpacingNumberEm: 1;
        ddsSizeHeightInputLarge: "3.625rem";
        ddsSizeHeightInputLargeNumberRem: 3.625;
        ddsSizeHeightInputMedium: "3rem";
        ddsSizeHeightInputMediumNumberRem: 3;
        ddsSizeHeightInputSmall: "2.187rem";
        ddsSizeHeightInputSmallNumberRem: 2.187;
        ddsSizeHeightInputXsmall: "1.5625rem";
        ddsSizeHeightInputXsmallNumberRem: 1.5625;
    } | {
        ddsFontFamilySans: "'IBM Plex Sans', Arial, sans-serif";
        ddsFontFamilyMonospace: "'IBM Plex Mono', 'Courier New', monospace";
        ddsFontSizeX5: "5rem";
        ddsFontSizeX5NumberRem: 5;
        ddsFontSizeX4: "4rem";
        ddsFontSizeX4NumberRem: 4;
        ddsFontSizeX3: "3rem";
        ddsFontSizeX3NumberRem: 3;
        ddsFontSizeX25: "2.5rem";
        ddsFontSizeX25NumberRem: 2.5;
        ddsFontSizeX2: "2rem";
        ddsFontSizeX2NumberRem: 2;
        ddsFontSizeX15: "1.5rem";
        ddsFontSizeX15NumberRem: 1.5;
        ddsFontSizeX125: "1.25rem";
        ddsFontSizeX125NumberRem: 1.25;
        ddsFontSizeX1125: "1.125rem";
        ddsFontSizeX1125NumberRem: 1.125;
        ddsFontSizeX1: "1rem";
        ddsFontSizeX1NumberRem: 1;
        ddsFontSizeX0875: "0.875rem";
        ddsFontSizeX0875NumberRem: 0.875;
        ddsFontSizeX075: "0.75rem";
        ddsFontSizeX075NumberRem: 0.75;
        ddsFontWeightLight: "300";
        ddsFontWeightNormal: "400";
        ddsFontWeightSemiBold: "500";
        ddsFontWeightBold: "600";
        ddsFontLineheightX1: 1.5;
        ddsFontLineheightX3: 1.2;
        ddsFontLineheightX2: 1.3;
        ddsFontLetterSpacingTight: "-0.01em";
        ddsFontLetterSpacingNormal: "0em";
        ddsFontLetterSpacingLoose: "0.01em";
        ddsFontParagraphSpacingSmall: "1em";
        ddsFontParagraphSpacingSmallNumberEm: 1;
        ddsFontParagraphSpacingMedium: "0.66em";
        ddsFontParagraphSpacingMediumNumberEm: 0.66;
        ddsFontParagraphSpacingLarge: "0.5em";
        ddsFontParagraphSpacingLargeNumberEm: 0.5;
        ddsFontParagraphSpacingList: "0.5em";
        ddsFontParagraphSpacingListNumberEm: 0.5;
        ddsFontParagraphSpacingHeading: "0.4em";
        ddsFontParagraphSpacingHeadingNumberEm: 0.4;
        ddsFontStyleUnderline: "underline";
        ddsFontStyleNormal: "none";
        ddsFontStyleItalic: "italic";
        ddsSpacingPaddingTopHeading: "0.7em";
        ddsSpacingPaddingTopHeadingNumberEm: 0.7;
        ddsSpacingX0: "0rem";
        ddsSpacingX0NumberRem: 0;
        ddsSpacingX0125: "0.125rem";
        ddsSpacingX0125NumberRem: 0.125;
        ddsSpacingX025: "0.25rem";
        ddsSpacingX025NumberRem: 0.25;
        ddsSpacingX05: "0.5rem";
        ddsSpacingX05NumberRem: 0.5;
        ddsSpacingX075: "0.75rem";
        ddsSpacingX075NumberRem: 0.75;
        ddsSpacingX1: "1rem";
        ddsSpacingX1NumberRem: 1;
        ddsSpacingX15: "1.5rem";
        ddsSpacingX15NumberRem: 1.5;
        ddsSpacingX2: "2rem";
        ddsSpacingX2NumberRem: 2;
        ddsSpacingX25: "2.5rem";
        ddsSpacingX25NumberRem: 2.5;
        ddsSpacingX3: "3rem";
        ddsSpacingX3NumberRem: 3;
        ddsSpacingX4: "4rem";
        ddsSpacingX4NumberRem: 4;
        ddsSpacingX6: "6rem";
        ddsSpacingX6NumberRem: 6;
        ddsSpacingX10: "10rem";
        ddsSpacingX10NumberRem: 10;
        ddsGridXsGutterSize: "16px";
        ddsGridXsGutterSizeNumberPx: 16;
        ddsGridXsCount: "4";
        ddsGridSmGutterSize: "16px";
        ddsGridSmGutterSizeNumberPx: 16;
        ddsGridSmCount: "8";
        ddsGridLgGutterSize: "24px";
        ddsGridLgGutterSizeNumberPx: 24;
        ddsGridLgCount: "12";
        ddsGridMdGutterSize: "24px";
        ddsGridMdGutterSizeNumberPx: 24;
        ddsGridMdCount: "12";
        ddsGridXlGutterSize: "24px";
        ddsGridXlGutterSizeNumberPx: 24;
        ddsGridXlCount: "12";
        ddsSizeIconLarge: "40px";
        ddsSizeIconLargeNumberPx: 40;
        ddsSizeIconMedium: "24px";
        ddsSizeIconMediumNumberPx: 24;
        ddsSizeIconSmall: "16px";
        ddsSizeIconSmallNumberPx: 16;
        ddsSizeIconComponent: "1.3em";
        ddsSizeIconComponentNumberEm: 1.3;
        ddsBreakpointXs: "1px";
        ddsBreakpointXsNumberPx: 1;
        ddsBreakpointSm: "600px";
        ddsBreakpointSmNumberPx: 600;
        ddsBreakpointMd: "960px";
        ddsBreakpointMdNumberPx: 960;
        ddsBreakpointLg: "1280px";
        ddsBreakpointLgNumberPx: 1280;
        ddsBreakpointXl: "1920px";
        ddsBreakpointXlNumberPx: 1920;
        ddsZindexSkiptocontent: "250";
        ddsZindexModalBackdrop: "200";
        ddsZindexDrawer: "180";
        ddsZindexDrawerBackdrop: "180";
        ddsZindexOverflowmenu: "160";
        ddsZindexPopover: "140";
        ddsZindexTooltip: "120";
        ddsZindexDropdown: "100";
        ddsZindexSticky: "50";
        ddsZindexAbsoluteElement: "1";
        ddsColorData10Default: "#62abcb";
        ddsColorData10Subtle: "#135774";
        ddsColorData10Border: "#62abcb";
        ddsColorDataRed100: "#f8d2d4";
        ddsColorDataRed200: "#f0a5a9";
        ddsColorDataRed300: "#f4858b";
        ddsColorDataRed400: "#e14b53";
        ddsColorDataRed500: "#da1e28";
        ddsColorDataRed600: "#ae1820";
        ddsColorDataRed700: "#831218";
        ddsColorDataRed800: "#570c10";
        ddsColorDataRed900: "#2c0608";
        ddsColorDataMagenta100: "#f7d9f2";
        ddsColorDataMagenta200: "#edb5e4";
        ddsColorDataMagenta300: "#e079d0";
        ddsColorDataMagenta400: "#d54dc0";
        ddsColorDataMagenta500: "#cb20b0";
        ddsColorDataMagenta600: "#a21a8d";
        ddsColorDataMagenta700: "#7a136a";
        ddsColorDataMagenta800: "#510d46";
        ddsColorDataMagenta900: "#290623";
        ddsColorDataBrown100: "#f0ddd5";
        ddsColorDataBrown200: "#e1bcac";
        ddsColorDataBrown300: "#d19a82";
        ddsColorDataBrown400: "#c27959";
        ddsColorDataBrown500: "#b3572f";
        ddsColorDataBrown600: "#8f4626";
        ddsColorDataBrown700: "#6b341c";
        ddsColorDataBrown800: "#482313";
        ddsColorDataBrown900: "#241109";
        ddsColorDataOlive100: "#e9e7cd";
        ddsColorDataOlive200: "#cdc9a1";
        ddsColorDataOlive300: "#b3ae71";
        ddsColorDataOlive400: "#989344";
        ddsColorDataOlive500: "#7c7518";
        ddsColorDataOlive600: "#635e13";
        ddsColorDataOlive700: "#4a460e";
        ddsColorDataOlive800: "#322f0a";
        ddsColorDataOlive900: "#191705";
        ddsColorDataGreen100: "#d7e8cf";
        ddsColorDataGreen200: "#aed19e";
        ddsColorDataGreen300: "#95c280";
        ddsColorDataGreen400: "#619947";
        ddsColorDataGreen500: "#3a8019";
        ddsColorDataGreen600: "#2e6614";
        ddsColorDataGreen700: "#234d0f";
        ddsColorDataGreen800: "#17330a";
        ddsColorDataGreen900: "#0c1a05";
        ddsColorDataTeal100: "#c2e2e1";
        ddsColorDataTeal200: "#90ccc9";
        ddsColorDataTeal300: "#5dafad";
        ddsColorDataTeal400: "#2c9390";
        ddsColorDataTeal500: "#007d79";
        ddsColorDataTeal600: "#006461";
        ddsColorDataTeal700: "#004b49";
        ddsColorDataTeal800: "#003230";
        ddsColorDataTeal900: "#001918";
        ddsColorDataDeepblue100: "#c6e3f1";
        ddsColorDataDeepblue200: "#93cee6";
        ddsColorDataDeepblue300: "#62abcb";
        ddsColorDataDeepblue400: "#358fb5";
        ddsColorDataDeepblue500: "#196b8f";
        ddsColorDataDeepblue600: "#135774";
        ddsColorDataDeepblue700: "#0e455e";
        ddsColorDataDeepblue800: "#0d3445";
        ddsColorDataDeepblue900: "#05151d";
        ddsColorDataBlue100: "#cfe0ff";
        ddsColorDataBlue200: "#9fc0ff";
        ddsColorDataBlue300: "#6fa1fe";
        ddsColorDataBlue400: "#3f81fe";
        ddsColorDataBlue500: "#0f62fe";
        ddsColorDataBlue600: "#0c4ecb";
        ddsColorDataBlue700: "#093b98";
        ddsColorDataBlue800: "#062766";
        ddsColorDataBlue900: "#031433";
        ddsColorDataPurple100: "#e8d9fe";
        ddsColorDataPurple200: "#d0b2fe";
        ddsColorDataPurple300: "#b98cfd";
        ddsColorDataPurple400: "#a165fd";
        ddsColorDataPurple500: "#8a3ffc";
        ddsColorDataPurple600: "#6e32ca";
        ddsColorDataPurple700: "#532697";
        ddsColorDataPurple800: "#371965";
        ddsColorDataPurple900: "#1c0d32";
        ddsColorDataGray100: "#e3e3e3";
        ddsColorDataGray200: "#c7c7c7";
        ddsColorDataGray300: "#aaaaaa";
        ddsColorDataGray400: "#8e8e8e";
        ddsColorDataGray500: "#727272";
        ddsColorDataGray600: "#5b5b5b";
        ddsColorDataGray700: "#444444";
        ddsColorDataGray800: "#2e2e2e";
        ddsColorDataGray900: "#171717";
        ddsColorData01Default: "#6fa1fe";
        ddsColorData01Subtle: "#0c4ecb";
        ddsColorData01Border: "#6fa1fe";
        ddsColorData02Default: "#d19a82";
        ddsColorData02Subtle: "#8f4626";
        ddsColorData02Border: "#d19a82";
        ddsColorData03Default: "#aaaaaa";
        ddsColorData03Subtle: "#5b5b5b";
        ddsColorData03Border: "#aaaaaa";
        ddsColorData04Default: "#95c280";
        ddsColorData04Subtle: "#2e6614";
        ddsColorData04Border: "#95c280";
        ddsColorData05Default: "#b98cfd";
        ddsColorData05Subtle: "#6e32ca";
        ddsColorData05Border: "#b98cfd";
        ddsColorData06Default: "#e079d0";
        ddsColorData06Subtle: "#a21a8d";
        ddsColorData06Border: "#e079d0";
        ddsColorData07Default: "#b3ae71";
        ddsColorData07Subtle: "#635e13";
        ddsColorData07Border: "#b3ae71";
        ddsColorData08Default: "#f4858b";
        ddsColorData08Subtle: "#ae1820";
        ddsColorData08Border: "#f4858b";
        ddsColorData09Default: "#5dafad";
        ddsColorData09Subtle: "#006461";
        ddsColorData09Border: "#5dafad";
        ddsMotionMicroState: "200ms linear";
        ddsMotionSurface: "200ms cubic-bezier(0.4, 0, 0.2, 1)";
        ddsMotionChevron: "200ms linear";
        ddsMotionAnimationSkeleton: "800ms cubic-bezier(0.4, 0, 0.2, 1) infinite alternate";
        ddsColorBgDefault: "#181a1c";
        ddsColorBgSubtle: "#22272a";
        ddsColorSurfaceDefault: "#181a1c";
        ddsColorSurfaceSubtle: "#22272a";
        ddsColorSurfaceMedium: "#303438";
        ddsColorSurfaceHoverDefault: "#062c45";
        ddsColorSurfaceHoverSubtle: "#22272a";
        ddsColorSurfaceSelectedDefault: "#062c45";
        ddsColorSurfaceInverseDefault: "#354754";
        ddsColorSurfaceInverseHover: "#2a3943";
        ddsColorSurfaceInverseSelected: "#202b32";
        ddsColorSurfaceActionResting: "#589ac6";
        ddsColorSurfaceActionHover: "#9fc5de";
        ddsColorSurfaceActionSelected: "#589ac6";
        ddsColorSurfaceActionDangerResting: "#e47373";
        ddsColorSurfaceActionDangerHover: "#efafaf";
        ddsColorSurfaceActionSelectedDisabled: "#77838c";
        ddsColorSurfaceDangerDefault: "#561616";
        ddsColorSurfaceDangerStrong: "#dc4b4b";
        ddsColorSurfaceSuccessDefault: "#284c29";
        ddsColorSurfaceSuccessStrong: "#65be66";
        ddsColorSurfaceWarningDefault: "#494317";
        ddsColorSurfaceWarningStrong: "#f4e04d";
        ddsColorSurfaceInfoDefault: "#2a4b61";
        ddsColorSurfaceInfoStrong: "#75b9e6";
        ddsColorSurfacePaperDefault: "#303438";
        ddsColorSurfaceBackdropDefault: "#0b0d0e80";
        ddsColorSurfaceFieldDefault: "#0b0d0e";
        ddsColorSurfaceFieldDisabled: "#303438";
        ddsColorSurfaceHighlightedDefault: "#833a21";
        ddsColorSurfaceScrollbar: "#545c62";
        ddsColorSurfaceNotification: "#d83737";
        ddsColorSurfaceSkeleton: "#545c62";
        ddsColorBorderDefault: "#77838c";
        ddsColorBorderSubtle: "#545c62";
        ddsColorBorderInverse: "#acbbc6";
        ddsColorBorderActionDefault: "#589ac6";
        ddsColorBorderActionHover: "#9fc5de";
        ddsColorBorderSuccess: "#519852";
        ddsColorBorderWarning: "#ccba35";
        ddsColorBorderDanger: "#ad2c2c";
        ddsColorBorderInfo: "#5197c5";
        ddsColorBorderOnAction: "#181a1c";
        ddsColorTextDefault: "#ffffff";
        ddsColorTextMedium: "#e9ebec";
        ddsColorTextSubtle: "#d6dadd";
        ddsColorTextOnInverse: "#ffffff";
        ddsColorTextDanger: "#efafaf";
        ddsColorTextOnAction: "#0b0d0e";
        ddsColorTextOnStatusDefault: "#ffffff";
        ddsColorTextOnStatusStrong: "#0b0d0e";
        ddsColorTextActionResting: "#9fc5de";
        ddsColorTextActionHover: "#e7f1f7";
        ddsColorTextRequiredfield: "#efafaf";
        ddsColorTextActionVisited: "#cca9e1";
        ddsColorTextActionVisitedOnInverse: "#cca9e1";
        ddsColorTextOnNotification: "#ffffff";
        ddsColorTextOnPrimaryDefault: "#ffffff";
        ddsColorTextOnPrimarySubtle: "#ffffff";
        ddsColorTextOnPrimaryMedium: "#ffffff";
        ddsColorTextOnPrimaryStrong: "#ffffff";
        ddsColorTextOnSecondaryDefault: "#0b0d0e";
        ddsColorTextOnSecondarySubtle: "#ffffff";
        ddsColorTextOnSecondaryMedium: "#ffffff";
        ddsColorTextOnSecondaryStrong: "#0b0d0e";
        ddsColorTextOnTertiaryDefault: "#0b0d0e";
        ddsColorTextOnTertiarySubtle: "#ffffff";
        ddsColorTextOnTertiaryMedium: "#0b0d0e";
        ddsColorTextOnTertiaryStrong: "#0b0d0e";
        ddsColorTextOnDataDefault: "#0b0d0e";
        ddsColorTextOnDataSubtle: "#ffffff";
        ddsColorIconDefault: "#ffffff";
        ddsColorIconMedium: "#e9ebec";
        ddsColorIconSubtle: "#d6dadd";
        ddsColorIconOnInverse: "#ffffff";
        ddsColorIconOnAction: "#0b0d0e";
        ddsColorIconActionResting: "#9fc5de";
        ddsColorIconActionHover: "#e7f1f7";
        ddsColorIconOnSuccessDefault: "#c1e5c2";
        ddsColorIconOnSuccessStrong: "#0b0d0e";
        ddsColorIconOnWarningDefault: "#fbf3b8";
        ddsColorIconOnWarningStrong: "#0b0d0e";
        ddsColorIconOnDangerDefault: "#efafaf";
        ddsColorIconOnDangerStrong: "#0b0d0e";
        ddsColorIconOnInfoDefault: "#c8e3f5";
        ddsColorIconOnInfoStrong: "#0b0d0e";
        ddsColorIconDanger: "#efafaf";
        ddsColorBrandPrimaryDefault: "#354754";
        ddsColorBrandPrimarySubtle: "#2a3943";
        ddsColorBrandPrimaryMedium: "#405767";
        ddsColorBrandPrimaryStrong: "#4f6a7e";
        ddsColorBrandSecondaryDefault: "#9ab8b7";
        ddsColorBrandSecondarySubtle: "#2b3a3a";
        ddsColorBrandSecondaryMedium: "#4d6463";
        ddsColorBrandSecondaryStrong: "#b8cdcd";
        ddsColorBrandTertiaryDefault: "#f27e55";
        ddsColorBrandTertiarySubtle: "#a24422";
        ddsColorBrandTertiaryMedium: "#f2a68f";
        ddsColorBrandTertiaryStrong: "#ffd6ca";
        ddsColorFocusOutside: "#f1f8fd";
        ddsColorFocusInside: "#2a4b61";
        ddsShadowLarge: "8px 16px 32px 0px rgba(11, 13, 14, 80%)";
        ddsShadowMedium: "2px 4px 8px 0px rgba(11, 13, 14, 80%)";
        ddsShadowSmall: "1px 2px 4px 0px rgba(11, 13, 14, 80%)";
        ddsBorderRadiusButton: "2px";
        ddsBorderRadiusButtonNumberPx: 2;
        ddsBorderRadiusSurface: "4px";
        ddsBorderRadiusSurfaceNumberPx: 4;
        ddsBorderRadiusInput: "2px";
        ddsBorderRadiusInputNumberPx: 2;
        ddsBorderRadiusChip: "4px";
        ddsBorderRadiusChipNumberPx: 4;
        ddsBorderRadiusRounded: "9999px";
        ddsBorderRadiusRoundedNumberPx: 9999;
        ddsFontLabelMedium: "600 0.875rem/1.3 'IBM Plex Sans', Arial, sans-serif";
        ddsFontBodyLongXsmall: "400 0.75rem/1.5 'IBM Plex Sans', Arial, sans-serif";
        ddsFontBodyLongSmall: "400 0.875rem/1.5 'IBM Plex Sans', Arial, sans-serif";
        ddsFontBodyLongMedium: "400 1rem/1.5 'IBM Plex Sans', Arial, sans-serif";
        ddsFontBodyLongLarge: "400 1.125rem/1.5 'IBM Plex Sans', Arial, sans-serif";
        ddsFontHeadingXxsmall: "600 0.75rem/1.3 'IBM Plex Sans', Arial, sans-serif";
        ddsFontHeadingXsmall: "600 0.875rem/1.3 'IBM Plex Sans', Arial, sans-serif";
        ddsFontHeadingSmall: "600 1rem/1.3 'IBM Plex Sans', Arial, sans-serif";
        ddsFontHeadingMedium: "600 1.125rem/1.3 'IBM Plex Sans', Arial, sans-serif";
        ddsFontHeadingLarge: "400 clamp(1.25rem, 0.833rem + 1.111vw, 1.5rem)/1.3 'IBM Plex Sans', Arial, sans-serif";
        ddsFontHeadingXlarge: "400 clamp(1.5rem, 0.667rem + 2.222vw, 2rem)/1.3 'IBM Plex Sans', Arial, sans-serif";
        ddsFontHeadingXxlarge: "300 clamp(2.5rem, 1.667rem + 2.222vw, 3rem)/1.3 'IBM Plex Sans', Arial, sans-serif";
        ddsFontLeadMedium: "300 1.125rem/1.5 'IBM Plex Sans', Arial, sans-serif";
        ddsFontCodeMedium: "400 1rem/1.5 'IBM Plex Mono', 'Courier New', monospace";
        ddsFontBodyShortXsmall: "400 0.75rem/1.3 'IBM Plex Sans', Arial, sans-serif";
        ddsFontBodyShortSmall: "400 0.875rem/1.3 'IBM Plex Sans', Arial, sans-serif";
        ddsFontBodyShortMedium: "400 1rem/1.3 'IBM Plex Sans', Arial, sans-serif";
        ddsFontBodyShortLarge: "400 1.125rem/1.3 'IBM Plex Sans', Arial, sans-serif";
        ddsFontHeadingXxlargeLetterSpacing: "-0.01em";
        ddsFontHeadingXxlargeParagraphSpacing: "0.4em";
        ddsFontHeadingXxlargeParagraphSpacingNumberEm: 0.4;
        ddsFontHeadingXlargeLetterSpacing: "0em";
        ddsFontHeadingXlargeParagraphSpacing: "0.4em";
        ddsFontHeadingXlargeParagraphSpacingNumberEm: 0.4;
        ddsFontHeadingLargeLetterSpacing: "0em";
        ddsFontHeadingLargeParagraphSpacing: "0.4em";
        ddsFontHeadingLargeParagraphSpacingNumberEm: 0.4;
        ddsFontHeadingMediumLetterSpacing: "0em";
        ddsFontHeadingMediumParagraphSpacing: "0.4em";
        ddsFontHeadingMediumParagraphSpacingNumberEm: 0.4;
        ddsFontHeadingSmallLetterSpacing: "0em";
        ddsFontHeadingSmallParagraphSpacing: "0.4em";
        ddsFontHeadingSmallParagraphSpacingNumberEm: 0.4;
        ddsFontHeadingXsmallLetterSpacing: "0.01em";
        ddsFontHeadingXsmallParagraphSpacing: "0.4em";
        ddsFontHeadingXsmallParagraphSpacingNumberEm: 0.4;
        ddsFontHeadingXxsmallLetterSpacing: "0.01em";
        ddsFontHeadingXxsmallParagraphSpacing: "0.4em";
        ddsFontHeadingXxsmallParagraphSpacingNumberEm: 0.4;
        ddsFontBodyLongLargeLetterSpacing: "0em";
        ddsFontBodyLongLargeParagraphSpacing: "1em";
        ddsFontBodyLongLargeParagraphSpacingNumberEm: 1;
        ddsFontBodyLongMediumLetterSpacing: "0em";
        ddsFontBodyLongMediumParagraphSpacing: "1em";
        ddsFontBodyLongMediumParagraphSpacingNumberEm: 1;
        ddsFontBodyLongSmallLetterSpacing: "0.01em";
        ddsFontBodyLongSmallParagraphSpacing: "1em";
        ddsFontBodyLongSmallParagraphSpacingNumberEm: 1;
        ddsFontBodyLongXsmallLetterSpacing: "0.01em";
        ddsFontBodyLongXsmallParagraphSpacing: "1em";
        ddsFontBodyLongXsmallParagraphSpacingNumberEm: 1;
        ddsFontLeadMediumLetterSpacing: "0em";
        ddsFontLeadMediumParagraphSpacing: "1em";
        ddsFontLeadMediumParagraphSpacingNumberEm: 1;
        ddsFontCodeMediumLetterSpacing: "0em";
        ddsFontCodeMediumParagraphSpacing: "1em";
        ddsFontCodeMediumParagraphSpacingNumberEm: 1;
        ddsFontLabelMediumLetterSpacing: "0.01em";
        ddsFontLabelMediumParagraphSpacing: "1em";
        ddsFontLabelMediumParagraphSpacingNumberEm: 1;
        ddsFontBodyShortLargeLetterSpacing: "0em";
        ddsFontBodyShortLargeParagraphSpacing: "1em";
        ddsFontBodyShortLargeParagraphSpacingNumberEm: 1;
        ddsFontBodyShortMediumLetterSpacing: "0em";
        ddsFontBodyShortMediumParagraphSpacing: "1em";
        ddsFontBodyShortMediumParagraphSpacingNumberEm: 1;
        ddsFontBodyShortSmallLetterSpacing: "0.01em";
        ddsFontBodyShortSmallParagraphSpacing: "1em";
        ddsFontBodyShortSmallParagraphSpacingNumberEm: 1;
        ddsFontBodyShortXsmallLetterSpacing: "0.01em";
        ddsFontBodyShortXsmallParagraphSpacing: "1em";
        ddsFontBodyShortXsmallParagraphSpacingNumberEm: 1;
        ddsSizeHeightInputLarge: "3.625rem";
        ddsSizeHeightInputLargeNumberRem: 3.625;
        ddsSizeHeightInputMedium: "3rem";
        ddsSizeHeightInputMediumNumberRem: 3;
        ddsSizeHeightInputSmall: "2.187rem";
        ddsSizeHeightInputSmallNumberRem: 2.187;
        ddsSizeHeightInputXsmall: "1.5625rem";
        ddsSizeHeightInputXsmallNumberRem: 1.5625;
    } | {
        ddsFontFamilySans: "'IBM Plex Sans', Arial, sans-serif";
        ddsFontFamilyMonospace: "'IBM Plex Mono', 'Courier New', monospace";
        ddsFontSizeX5: "5rem";
        ddsFontSizeX5NumberRem: 5;
        ddsFontSizeX4: "4rem";
        ddsFontSizeX4NumberRem: 4;
        ddsFontSizeX3: "3rem";
        ddsFontSizeX3NumberRem: 3;
        ddsFontSizeX25: "2.5rem";
        ddsFontSizeX25NumberRem: 2.5;
        ddsFontSizeX2: "2rem";
        ddsFontSizeX2NumberRem: 2;
        ddsFontSizeX15: "1.5rem";
        ddsFontSizeX15NumberRem: 1.5;
        ddsFontSizeX125: "1.25rem";
        ddsFontSizeX125NumberRem: 1.25;
        ddsFontSizeX1125: "1.125rem";
        ddsFontSizeX1125NumberRem: 1.125;
        ddsFontSizeX1: "1rem";
        ddsFontSizeX1NumberRem: 1;
        ddsFontSizeX0875: "0.875rem";
        ddsFontSizeX0875NumberRem: 0.875;
        ddsFontSizeX075: "0.75rem";
        ddsFontSizeX075NumberRem: 0.75;
        ddsFontWeightLight: "300";
        ddsFontWeightNormal: "400";
        ddsFontWeightSemiBold: "500";
        ddsFontWeightBold: "600";
        ddsFontLineheightX1: 1.5;
        ddsFontLineheightX3: 1.2;
        ddsFontLineheightX2: 1.3;
        ddsFontLetterSpacingTight: "-0.01em";
        ddsFontLetterSpacingNormal: "0em";
        ddsFontLetterSpacingLoose: "0.01em";
        ddsFontParagraphSpacingSmall: "1em";
        ddsFontParagraphSpacingSmallNumberEm: 1;
        ddsFontParagraphSpacingMedium: "0.66em";
        ddsFontParagraphSpacingMediumNumberEm: 0.66;
        ddsFontParagraphSpacingLarge: "0.5em";
        ddsFontParagraphSpacingLargeNumberEm: 0.5;
        ddsFontParagraphSpacingList: "0.5em";
        ddsFontParagraphSpacingListNumberEm: 0.5;
        ddsFontParagraphSpacingHeading: "0.4em";
        ddsFontParagraphSpacingHeadingNumberEm: 0.4;
        ddsFontStyleUnderline: "underline";
        ddsFontStyleNormal: "none";
        ddsFontStyleItalic: "italic";
        ddsSpacingPaddingTopHeading: "0.7em";
        ddsSpacingPaddingTopHeadingNumberEm: 0.7;
        ddsSpacingX0: "0rem";
        ddsSpacingX0NumberRem: 0;
        ddsSpacingX0125: "0.125rem";
        ddsSpacingX0125NumberRem: 0.125;
        ddsSpacingX025: "0.25rem";
        ddsSpacingX025NumberRem: 0.25;
        ddsSpacingX05: "0.5rem";
        ddsSpacingX05NumberRem: 0.5;
        ddsSpacingX075: "0.75rem";
        ddsSpacingX075NumberRem: 0.75;
        ddsSpacingX1: "1rem";
        ddsSpacingX1NumberRem: 1;
        ddsSpacingX15: "1.5rem";
        ddsSpacingX15NumberRem: 1.5;
        ddsSpacingX2: "2rem";
        ddsSpacingX2NumberRem: 2;
        ddsSpacingX25: "2.5rem";
        ddsSpacingX25NumberRem: 2.5;
        ddsSpacingX3: "3rem";
        ddsSpacingX3NumberRem: 3;
        ddsSpacingX4: "4rem";
        ddsSpacingX4NumberRem: 4;
        ddsSpacingX6: "6rem";
        ddsSpacingX6NumberRem: 6;
        ddsSpacingX10: "10rem";
        ddsSpacingX10NumberRem: 10;
        ddsGridXsGutterSize: "16px";
        ddsGridXsGutterSizeNumberPx: 16;
        ddsGridXsCount: "4";
        ddsGridSmGutterSize: "16px";
        ddsGridSmGutterSizeNumberPx: 16;
        ddsGridSmCount: "8";
        ddsGridLgGutterSize: "24px";
        ddsGridLgGutterSizeNumberPx: 24;
        ddsGridLgCount: "12";
        ddsGridMdGutterSize: "24px";
        ddsGridMdGutterSizeNumberPx: 24;
        ddsGridMdCount: "12";
        ddsGridXlGutterSize: "24px";
        ddsGridXlGutterSizeNumberPx: 24;
        ddsGridXlCount: "12";
        ddsSizeIconLarge: "40px";
        ddsSizeIconLargeNumberPx: 40;
        ddsSizeIconMedium: "24px";
        ddsSizeIconMediumNumberPx: 24;
        ddsSizeIconSmall: "16px";
        ddsSizeIconSmallNumberPx: 16;
        ddsSizeIconComponent: "1.3em";
        ddsSizeIconComponentNumberEm: 1.3;
        ddsBreakpointXs: "1px";
        ddsBreakpointXsNumberPx: 1;
        ddsBreakpointSm: "600px";
        ddsBreakpointSmNumberPx: 600;
        ddsBreakpointMd: "960px";
        ddsBreakpointMdNumberPx: 960;
        ddsBreakpointLg: "1280px";
        ddsBreakpointLgNumberPx: 1280;
        ddsBreakpointXl: "1920px";
        ddsBreakpointXlNumberPx: 1920;
        ddsZindexSkiptocontent: "250";
        ddsZindexModalBackdrop: "200";
        ddsZindexDrawer: "180";
        ddsZindexDrawerBackdrop: "180";
        ddsZindexOverflowmenu: "160";
        ddsZindexPopover: "140";
        ddsZindexTooltip: "120";
        ddsZindexDropdown: "100";
        ddsZindexSticky: "50";
        ddsZindexAbsoluteElement: "1";
        ddsColorData10Default: "#196b8f";
        ddsColorData10Subtle: "#93cee6";
        ddsColorData10Border: "#196b8f";
        ddsColorDataRed100: "#f8d2d4";
        ddsColorDataRed200: "#f0a5a9";
        ddsColorDataRed300: "#f4858b";
        ddsColorDataRed400: "#e14b53";
        ddsColorDataRed500: "#da1e28";
        ddsColorDataRed600: "#ae1820";
        ddsColorDataRed700: "#831218";
        ddsColorDataRed800: "#570c10";
        ddsColorDataRed900: "#2c0608";
        ddsColorDataMagenta100: "#f7d9f2";
        ddsColorDataMagenta200: "#edb5e4";
        ddsColorDataMagenta300: "#e079d0";
        ddsColorDataMagenta400: "#d54dc0";
        ddsColorDataMagenta500: "#cb20b0";
        ddsColorDataMagenta600: "#a21a8d";
        ddsColorDataMagenta700: "#7a136a";
        ddsColorDataMagenta800: "#510d46";
        ddsColorDataMagenta900: "#290623";
        ddsColorDataBrown100: "#f0ddd5";
        ddsColorDataBrown200: "#e1bcac";
        ddsColorDataBrown300: "#d19a82";
        ddsColorDataBrown400: "#c27959";
        ddsColorDataBrown500: "#b3572f";
        ddsColorDataBrown600: "#8f4626";
        ddsColorDataBrown700: "#6b341c";
        ddsColorDataBrown800: "#482313";
        ddsColorDataBrown900: "#241109";
        ddsColorDataOlive100: "#e9e7cd";
        ddsColorDataOlive200: "#cdc9a1";
        ddsColorDataOlive300: "#b3ae71";
        ddsColorDataOlive400: "#989344";
        ddsColorDataOlive500: "#7c7518";
        ddsColorDataOlive600: "#635e13";
        ddsColorDataOlive700: "#4a460e";
        ddsColorDataOlive800: "#322f0a";
        ddsColorDataOlive900: "#191705";
        ddsColorDataGreen100: "#d7e8cf";
        ddsColorDataGreen200: "#aed19e";
        ddsColorDataGreen300: "#95c280";
        ddsColorDataGreen400: "#619947";
        ddsColorDataGreen500: "#3a8019";
        ddsColorDataGreen600: "#2e6614";
        ddsColorDataGreen700: "#234d0f";
        ddsColorDataGreen800: "#17330a";
        ddsColorDataGreen900: "#0c1a05";
        ddsColorDataTeal100: "#c2e2e1";
        ddsColorDataTeal200: "#90ccc9";
        ddsColorDataTeal300: "#5dafad";
        ddsColorDataTeal400: "#2c9390";
        ddsColorDataTeal500: "#007d79";
        ddsColorDataTeal600: "#006461";
        ddsColorDataTeal700: "#004b49";
        ddsColorDataTeal800: "#003230";
        ddsColorDataTeal900: "#001918";
        ddsColorDataDeepblue100: "#c6e3f1";
        ddsColorDataDeepblue200: "#93cee6";
        ddsColorDataDeepblue300: "#62abcb";
        ddsColorDataDeepblue400: "#358fb5";
        ddsColorDataDeepblue500: "#196b8f";
        ddsColorDataDeepblue600: "#135774";
        ddsColorDataDeepblue700: "#0e455e";
        ddsColorDataDeepblue800: "#0d3445";
        ddsColorDataDeepblue900: "#05151d";
        ddsColorDataBlue100: "#cfe0ff";
        ddsColorDataBlue200: "#9fc0ff";
        ddsColorDataBlue300: "#6fa1fe";
        ddsColorDataBlue400: "#3f81fe";
        ddsColorDataBlue500: "#0f62fe";
        ddsColorDataBlue600: "#0c4ecb";
        ddsColorDataBlue700: "#093b98";
        ddsColorDataBlue800: "#062766";
        ddsColorDataBlue900: "#031433";
        ddsColorDataPurple100: "#e8d9fe";
        ddsColorDataPurple200: "#d0b2fe";
        ddsColorDataPurple300: "#b98cfd";
        ddsColorDataPurple400: "#a165fd";
        ddsColorDataPurple500: "#8a3ffc";
        ddsColorDataPurple600: "#6e32ca";
        ddsColorDataPurple700: "#532697";
        ddsColorDataPurple800: "#371965";
        ddsColorDataPurple900: "#1c0d32";
        ddsColorDataGray100: "#e3e3e3";
        ddsColorDataGray200: "#c7c7c7";
        ddsColorDataGray300: "#aaaaaa";
        ddsColorDataGray400: "#8e8e8e";
        ddsColorDataGray500: "#727272";
        ddsColorDataGray600: "#5b5b5b";
        ddsColorDataGray700: "#444444";
        ddsColorDataGray800: "#2e2e2e";
        ddsColorDataGray900: "#171717";
        ddsColorData01Default: "#0f62fe";
        ddsColorData01Subtle: "#9fc0ff";
        ddsColorData01Border: "#0f62fe";
        ddsColorData02Default: "#b3572f";
        ddsColorData02Subtle: "#e1bcac";
        ddsColorData02Border: "#b3572f";
        ddsColorData03Default: "#727272";
        ddsColorData03Subtle: "#c7c7c7";
        ddsColorData03Border: "#727272";
        ddsColorData04Default: "#3a8019";
        ddsColorData04Subtle: "#aed19e";
        ddsColorData04Border: "#3a8019";
        ddsColorData05Default: "#8a3ffc";
        ddsColorData05Subtle: "#d0b2fe";
        ddsColorData05Border: "#8a3ffc";
        ddsColorData06Default: "#cb20b0";
        ddsColorData06Subtle: "#edb5e4";
        ddsColorData06Border: "#cb20b0";
        ddsColorData07Default: "#7c7518";
        ddsColorData07Subtle: "#cdc9a1";
        ddsColorData07Border: "#7c7518";
        ddsColorData08Default: "#da1e28";
        ddsColorData08Subtle: "#f0a5a9";
        ddsColorData08Border: "#da1e28";
        ddsColorData09Default: "#007d79";
        ddsColorData09Subtle: "#90ccc9";
        ddsColorData09Border: "#007d79";
        ddsMotionMicroState: "200ms linear";
        ddsMotionSurface: "200ms cubic-bezier(0.4, 0, 0.2, 1)";
        ddsMotionChevron: "200ms linear";
        ddsMotionAnimationSkeleton: "800ms cubic-bezier(0.4, 0, 0.2, 1) infinite alternate";
        ddsColorBgDefault: "#ffffff";
        ddsColorBgSubtle: "#f1f3f4";
        ddsColorSurfaceDefault: "#ffffff";
        ddsColorSurfaceSubtle: "#f1f3f4";
        ddsColorSurfaceMedium: "#e9ebec";
        ddsColorSurfaceHoverDefault: "#e7f1f7";
        ddsColorSurfaceHoverSubtle: "#f1f3f4";
        ddsColorSurfaceSelectedDefault: "#e7f1f7";
        ddsColorSurfaceInverseDefault: "#354754";
        ddsColorSurfaceInverseHover: "#2a3943";
        ddsColorSurfaceInverseSelected: "#202b32";
        ddsColorSurfaceActionResting: "#106ead";
        ddsColorSurfaceActionHover: "#0d588a";
        ddsColorSurfaceActionSelected: "#106ead";
        ddsColorSurfaceActionDangerResting: "#d83737";
        ddsColorSurfaceActionDangerHover: "#ad2c2c";
        ddsColorSurfaceActionSelectedDisabled: "#77838c";
        ddsColorSurfaceDangerDefault: "#fbebeb";
        ddsColorSurfaceDangerStrong: "#e47373";
        ddsColorSurfaceSuccessDefault: "#f0f9f0";
        ddsColorSurfaceSuccessStrong: "#93d294";
        ddsColorSurfaceWarningDefault: "#fefced";
        ddsColorSurfaceWarningStrong: "#f7e982";
        ddsColorSurfaceInfoDefault: "#f1f8fd";
        ddsColorSurfaceInfoStrong: "#9eceee";
        ddsColorSurfacePaperDefault: "#ffffff";
        ddsColorSurfaceBackdropDefault: "#0b0d0e80";
        ddsColorSurfaceFieldDefault: "#ffffff";
        ddsColorSurfaceFieldDisabled: "#f1f3f4";
        ddsColorSurfaceHighlightedDefault: "#fce5dd";
        ddsColorSurfaceScrollbar: "#adb5ba";
        ddsColorSurfaceNotification: "#d83737";
        ddsColorSurfaceSkeleton: "#d6dadd";
        ddsColorBorderDefault: "#77838c";
        ddsColorBorderSubtle: "#d6dadd";
        ddsColorBorderInverse: "#acbbc6";
        ddsColorBorderActionDefault: "#106ead";
        ddsColorBorderActionHover: "#0d588a";
        ddsColorBorderSuccess: "#65be66";
        ddsColorBorderWarning: "#f4e04d";
        ddsColorBorderDanger: "#d83737";
        ddsColorBorderInfo: "#75b9e6";
        ddsColorBorderOnAction: "#ffffff";
        ddsColorTextDefault: "#0b0d0e";
        ddsColorTextMedium: "#3a4146";
        ddsColorTextSubtle: "#545c62";
        ddsColorTextOnInverse: "#ffffff";
        ddsColorTextDanger: "#ad2c2c";
        ddsColorTextOnAction: "#ffffff";
        ddsColorTextOnStatusDefault: "#0b0d0e";
        ddsColorTextOnStatusStrong: "#0b0d0e";
        ddsColorTextActionResting: "#106ead";
        ddsColorTextActionHover: "#0d588a";
        ddsColorTextRequiredfield: "#d83737";
        ddsColorTextActionVisited: "#7f29b4";
        ddsColorTextActionVisitedOnInverse: "#cca9e1";
        ddsColorTextOnNotification: "#ffffff";
        ddsColorTextOnPrimaryDefault: "#ffffff";
        ddsColorTextOnPrimarySubtle: "#0b0d0e";
        ddsColorTextOnPrimaryMedium: "#ffffff";
        ddsColorTextOnPrimaryStrong: "#ffffff";
        ddsColorTextOnSecondaryDefault: "#0b0d0e";
        ddsColorTextOnSecondarySubtle: "#0b0d0e";
        ddsColorTextOnSecondaryMedium: "#0b0d0e";
        ddsColorTextOnSecondaryStrong: "#ffffff";
        ddsColorTextOnTertiaryDefault: "#0b0d0e";
        ddsColorTextOnTertiarySubtle: "#0b0d0e";
        ddsColorTextOnTertiaryMedium: "#0b0d0e";
        ddsColorTextOnTertiaryStrong: "#0b0d0e";
        ddsColorTextOnDataDefault: "#ffffff";
        ddsColorTextOnDataSubtle: "#0b0d0e";
        ddsColorIconDefault: "#0b0d0e";
        ddsColorIconMedium: "#3a4146";
        ddsColorIconSubtle: "#545c62";
        ddsColorIconOnInverse: "#ffffff";
        ddsColorIconOnAction: "#ffffff";
        ddsColorIconActionResting: "#106ead";
        ddsColorIconActionHover: "#0d588a";
        ddsColorIconOnSuccessDefault: "#3d723d";
        ddsColorIconOnSuccessStrong: "#0b0d0e";
        ddsColorIconOnWarningDefault: "#9a8c26";
        ddsColorIconOnWarningStrong: "#0b0d0e";
        ddsColorIconOnDangerDefault: "#ad2c2c";
        ddsColorIconOnDangerStrong: "#0b0d0e";
        ddsColorIconOnInfoDefault: "#3e7192";
        ddsColorIconOnInfoStrong: "#0b0d0e";
        ddsColorIconDanger: "#ad2c2c";
        ddsColorBrandPrimaryDefault: "#354754";
        ddsColorBrandPrimarySubtle: "#eaeff4";
        ddsColorBrandPrimaryMedium: "#4f6a7e";
        ddsColorBrandPrimaryStrong: "#202b32";
        ddsColorBrandSecondaryDefault: "#9ab8b7";
        ddsColorBrandSecondarySubtle: "#e6eded";
        ddsColorBrandSecondaryMedium: "#b8cdcd";
        ddsColorBrandSecondaryStrong: "#4d6463";
        ddsColorBrandTertiaryDefault: "#f27e55";
        ddsColorBrandTertiarySubtle: "#fce5dd";
        ddsColorBrandTertiaryMedium: "#f2a68f";
        ddsColorBrandTertiaryStrong: "#d45d32";
        ddsColorFocusOutside: "#2a4b61";
        ddsColorFocusInside: "#f1f8fd";
        ddsShadowLarge: "8px 16px 32px 0px rgba(11, 13, 14, 10%)";
        ddsShadowMedium: "2px 4px 8px 0px rgba(11, 13, 14, 10%)";
        ddsShadowSmall: "1px 2px 4px 0px rgba(11, 13, 14, 10%)";
        ddsBorderRadiusButton: "2px";
        ddsBorderRadiusButtonNumberPx: 2;
        ddsBorderRadiusSurface: "2px";
        ddsBorderRadiusSurfaceNumberPx: 2;
        ddsBorderRadiusInput: "2px";
        ddsBorderRadiusInputNumberPx: 2;
        ddsBorderRadiusChip: "2px";
        ddsBorderRadiusChipNumberPx: 2;
        ddsBorderRadiusRounded: "9999px";
        ddsBorderRadiusRoundedNumberPx: 9999;
        ddsFontLabelMedium: "600 1rem/1.3 'IBM Plex Sans', Arial, sans-serif";
        ddsFontBodyLongXsmall: "400 0.875rem/1.5 'IBM Plex Sans', Arial, sans-serif";
        ddsFontBodyLongSmall: "400 1rem/1.5 'IBM Plex Sans', Arial, sans-serif";
        ddsFontBodyLongMedium: "400 1.125rem/1.5 'IBM Plex Sans', Arial, sans-serif";
        ddsFontBodyLongLarge: "400 1.25rem/1.5 'IBM Plex Sans', Arial, sans-serif";
        ddsFontHeadingXxsmall: "600 1rem/1.3 'IBM Plex Sans', Arial, sans-serif";
        ddsFontHeadingXsmall: "600 1.125rem/1.3 'IBM Plex Sans', Arial, sans-serif";
        ddsFontHeadingSmall: "600 1.25rem/1.3 'IBM Plex Sans', Arial, sans-serif";
        ddsFontHeadingMedium: "500 1.5rem/1.3 'IBM Plex Sans', Arial, sans-serif";
        ddsFontHeadingLarge: "400 clamp(1.5rem, 0.667rem + 2.222vw, 2rem)/1.3 'IBM Plex Sans', Arial, sans-serif";
        ddsFontHeadingXlarge: "300 clamp(2.5rem, 1.667rem + 2.222vw, 3rem)/1.3 'IBM Plex Sans', Arial, sans-serif";
        ddsFontHeadingXxlarge: "300 clamp(3rem, 1.333rem + 4.444vw, 4rem)/1.3 'IBM Plex Sans', Arial, sans-serif";
        ddsFontLeadMedium: "300 1.5rem/1.5 'IBM Plex Sans', Arial, sans-serif";
        ddsFontCodeMedium: "400 1.125rem/1.5 'IBM Plex Mono', 'Courier New', monospace";
        ddsFontBodyShortXsmall: "400 0.875rem/1.3 'IBM Plex Sans', Arial, sans-serif";
        ddsFontBodyShortSmall: "400 1rem/1.3 'IBM Plex Sans', Arial, sans-serif";
        ddsFontBodyShortMedium: "400 1.125rem/1.3 'IBM Plex Sans', Arial, sans-serif";
        ddsFontBodyShortLarge: "400 1.25rem/1.3 'IBM Plex Sans', Arial, sans-serif";
        ddsFontHeadingXxlargeLetterSpacing: "-0.01em";
        ddsFontHeadingXxlargeParagraphSpacing: "0.4em";
        ddsFontHeadingXxlargeParagraphSpacingNumberEm: 0.4;
        ddsFontHeadingXlargeLetterSpacing: "-0.01em";
        ddsFontHeadingXlargeParagraphSpacing: "0.4em";
        ddsFontHeadingXlargeParagraphSpacingNumberEm: 0.4;
        ddsFontHeadingLargeLetterSpacing: "0em";
        ddsFontHeadingLargeParagraphSpacing: "0.4em";
        ddsFontHeadingLargeParagraphSpacingNumberEm: 0.4;
        ddsFontHeadingMediumLetterSpacing: "0em";
        ddsFontHeadingMediumParagraphSpacing: "0.4em";
        ddsFontHeadingMediumParagraphSpacingNumberEm: 0.4;
        ddsFontHeadingSmallLetterSpacing: "0em";
        ddsFontHeadingSmallParagraphSpacing: "0.4em";
        ddsFontHeadingSmallParagraphSpacingNumberEm: 0.4;
        ddsFontHeadingXsmallLetterSpacing: "0em";
        ddsFontHeadingXsmallParagraphSpacing: "0.4em";
        ddsFontHeadingXsmallParagraphSpacingNumberEm: 0.4;
        ddsFontHeadingXxsmallLetterSpacing: "0.01em";
        ddsFontHeadingXxsmallParagraphSpacing: "0.4em";
        ddsFontHeadingXxsmallParagraphSpacingNumberEm: 0.4;
        ddsFontBodyLongLargeLetterSpacing: "0em";
        ddsFontBodyLongLargeParagraphSpacing: "1em";
        ddsFontBodyLongLargeParagraphSpacingNumberEm: 1;
        ddsFontBodyLongMediumLetterSpacing: "0em";
        ddsFontBodyLongMediumParagraphSpacing: "1em";
        ddsFontBodyLongMediumParagraphSpacingNumberEm: 1;
        ddsFontBodyLongSmallLetterSpacing: "0em";
        ddsFontBodyLongSmallParagraphSpacing: "1em";
        ddsFontBodyLongSmallParagraphSpacingNumberEm: 1;
        ddsFontBodyLongXsmallLetterSpacing: "0.01em";
        ddsFontBodyLongXsmallParagraphSpacing: "1em";
        ddsFontBodyLongXsmallParagraphSpacingNumberEm: 1;
        ddsFontLeadMediumLetterSpacing: "0em";
        ddsFontLeadMediumParagraphSpacing: "0.66em";
        ddsFontLeadMediumParagraphSpacingNumberEm: 0.66;
        ddsFontCodeMediumLetterSpacing: "0em";
        ddsFontCodeMediumParagraphSpacing: "1em";
        ddsFontCodeMediumParagraphSpacingNumberEm: 1;
        ddsFontLabelMediumLetterSpacing: "0.01em";
        ddsFontLabelMediumParagraphSpacing: "1em";
        ddsFontLabelMediumParagraphSpacingNumberEm: 1;
        ddsFontBodyShortLargeLetterSpacing: "0em";
        ddsFontBodyShortLargeParagraphSpacing: "1em";
        ddsFontBodyShortLargeParagraphSpacingNumberEm: 1;
        ddsFontBodyShortMediumLetterSpacing: "0em";
        ddsFontBodyShortMediumParagraphSpacing: "1em";
        ddsFontBodyShortMediumParagraphSpacingNumberEm: 1;
        ddsFontBodyShortSmallLetterSpacing: "0.01em";
        ddsFontBodyShortSmallParagraphSpacing: "1em";
        ddsFontBodyShortSmallParagraphSpacingNumberEm: 1;
        ddsFontBodyShortXsmallLetterSpacing: "0.01em";
        ddsFontBodyShortXsmallParagraphSpacing: "1em";
        ddsFontBodyShortXsmallParagraphSpacingNumberEm: 1;
        ddsSizeHeightInputLarge: "3.8125rem";
        ddsSizeHeightInputLargeNumberRem: 3.8125;
        ddsSizeHeightInputMedium: "3.125rem";
        ddsSizeHeightInputMediumNumberRem: 3.125;
        ddsSizeHeightInputSmall: "2.5rem";
        ddsSizeHeightInputSmallNumberRem: 2.5;
        ddsSizeHeightInputXsmall: "1.8125rem";
        ddsSizeHeightInputXsmallNumberRem: 1.8125;
    } | {
        ddsFontFamilySans: "'IBM Plex Sans', Arial, sans-serif";
        ddsFontFamilyMonospace: "'IBM Plex Mono', 'Courier New', monospace";
        ddsFontSizeX5: "5rem";
        ddsFontSizeX5NumberRem: 5;
        ddsFontSizeX4: "4rem";
        ddsFontSizeX4NumberRem: 4;
        ddsFontSizeX3: "3rem";
        ddsFontSizeX3NumberRem: 3;
        ddsFontSizeX25: "2.5rem";
        ddsFontSizeX25NumberRem: 2.5;
        ddsFontSizeX2: "2rem";
        ddsFontSizeX2NumberRem: 2;
        ddsFontSizeX15: "1.5rem";
        ddsFontSizeX15NumberRem: 1.5;
        ddsFontSizeX125: "1.25rem";
        ddsFontSizeX125NumberRem: 1.25;
        ddsFontSizeX1125: "1.125rem";
        ddsFontSizeX1125NumberRem: 1.125;
        ddsFontSizeX1: "1rem";
        ddsFontSizeX1NumberRem: 1;
        ddsFontSizeX0875: "0.875rem";
        ddsFontSizeX0875NumberRem: 0.875;
        ddsFontSizeX075: "0.75rem";
        ddsFontSizeX075NumberRem: 0.75;
        ddsFontWeightLight: "300";
        ddsFontWeightNormal: "400";
        ddsFontWeightSemiBold: "500";
        ddsFontWeightBold: "600";
        ddsFontLineheightX1: 1.5;
        ddsFontLineheightX3: 1.2;
        ddsFontLineheightX2: 1.3;
        ddsFontLetterSpacingTight: "-0.01em";
        ddsFontLetterSpacingNormal: "0em";
        ddsFontLetterSpacingLoose: "0.01em";
        ddsFontParagraphSpacingSmall: "1em";
        ddsFontParagraphSpacingSmallNumberEm: 1;
        ddsFontParagraphSpacingMedium: "0.66em";
        ddsFontParagraphSpacingMediumNumberEm: 0.66;
        ddsFontParagraphSpacingLarge: "0.5em";
        ddsFontParagraphSpacingLargeNumberEm: 0.5;
        ddsFontParagraphSpacingList: "0.5em";
        ddsFontParagraphSpacingListNumberEm: 0.5;
        ddsFontParagraphSpacingHeading: "0.4em";
        ddsFontParagraphSpacingHeadingNumberEm: 0.4;
        ddsFontStyleUnderline: "underline";
        ddsFontStyleNormal: "none";
        ddsFontStyleItalic: "italic";
        ddsSpacingPaddingTopHeading: "0.7em";
        ddsSpacingPaddingTopHeadingNumberEm: 0.7;
        ddsSpacingX0: "0rem";
        ddsSpacingX0NumberRem: 0;
        ddsSpacingX0125: "0.125rem";
        ddsSpacingX0125NumberRem: 0.125;
        ddsSpacingX025: "0.25rem";
        ddsSpacingX025NumberRem: 0.25;
        ddsSpacingX05: "0.5rem";
        ddsSpacingX05NumberRem: 0.5;
        ddsSpacingX075: "0.75rem";
        ddsSpacingX075NumberRem: 0.75;
        ddsSpacingX1: "1rem";
        ddsSpacingX1NumberRem: 1;
        ddsSpacingX15: "1.5rem";
        ddsSpacingX15NumberRem: 1.5;
        ddsSpacingX2: "2rem";
        ddsSpacingX2NumberRem: 2;
        ddsSpacingX25: "2.5rem";
        ddsSpacingX25NumberRem: 2.5;
        ddsSpacingX3: "3rem";
        ddsSpacingX3NumberRem: 3;
        ddsSpacingX4: "4rem";
        ddsSpacingX4NumberRem: 4;
        ddsSpacingX6: "6rem";
        ddsSpacingX6NumberRem: 6;
        ddsSpacingX10: "10rem";
        ddsSpacingX10NumberRem: 10;
        ddsGridXsGutterSize: "16px";
        ddsGridXsGutterSizeNumberPx: 16;
        ddsGridXsCount: "4";
        ddsGridSmGutterSize: "16px";
        ddsGridSmGutterSizeNumberPx: 16;
        ddsGridSmCount: "8";
        ddsGridLgGutterSize: "24px";
        ddsGridLgGutterSizeNumberPx: 24;
        ddsGridLgCount: "12";
        ddsGridMdGutterSize: "24px";
        ddsGridMdGutterSizeNumberPx: 24;
        ddsGridMdCount: "12";
        ddsGridXlGutterSize: "24px";
        ddsGridXlGutterSizeNumberPx: 24;
        ddsGridXlCount: "12";
        ddsSizeIconLarge: "40px";
        ddsSizeIconLargeNumberPx: 40;
        ddsSizeIconMedium: "24px";
        ddsSizeIconMediumNumberPx: 24;
        ddsSizeIconSmall: "16px";
        ddsSizeIconSmallNumberPx: 16;
        ddsSizeIconComponent: "1.3em";
        ddsSizeIconComponentNumberEm: 1.3;
        ddsBreakpointXs: "1px";
        ddsBreakpointXsNumberPx: 1;
        ddsBreakpointSm: "600px";
        ddsBreakpointSmNumberPx: 600;
        ddsBreakpointMd: "960px";
        ddsBreakpointMdNumberPx: 960;
        ddsBreakpointLg: "1280px";
        ddsBreakpointLgNumberPx: 1280;
        ddsBreakpointXl: "1920px";
        ddsBreakpointXlNumberPx: 1920;
        ddsZindexSkiptocontent: "250";
        ddsZindexModalBackdrop: "200";
        ddsZindexDrawer: "180";
        ddsZindexDrawerBackdrop: "180";
        ddsZindexOverflowmenu: "160";
        ddsZindexPopover: "140";
        ddsZindexTooltip: "120";
        ddsZindexDropdown: "100";
        ddsZindexSticky: "50";
        ddsZindexAbsoluteElement: "1";
        ddsColorData10Default: "#62abcb";
        ddsColorData10Subtle: "#135774";
        ddsColorData10Border: "#62abcb";
        ddsColorDataRed100: "#f8d2d4";
        ddsColorDataRed200: "#f0a5a9";
        ddsColorDataRed300: "#f4858b";
        ddsColorDataRed400: "#e14b53";
        ddsColorDataRed500: "#da1e28";
        ddsColorDataRed600: "#ae1820";
        ddsColorDataRed700: "#831218";
        ddsColorDataRed800: "#570c10";
        ddsColorDataRed900: "#2c0608";
        ddsColorDataMagenta100: "#f7d9f2";
        ddsColorDataMagenta200: "#edb5e4";
        ddsColorDataMagenta300: "#e079d0";
        ddsColorDataMagenta400: "#d54dc0";
        ddsColorDataMagenta500: "#cb20b0";
        ddsColorDataMagenta600: "#a21a8d";
        ddsColorDataMagenta700: "#7a136a";
        ddsColorDataMagenta800: "#510d46";
        ddsColorDataMagenta900: "#290623";
        ddsColorDataBrown100: "#f0ddd5";
        ddsColorDataBrown200: "#e1bcac";
        ddsColorDataBrown300: "#d19a82";
        ddsColorDataBrown400: "#c27959";
        ddsColorDataBrown500: "#b3572f";
        ddsColorDataBrown600: "#8f4626";
        ddsColorDataBrown700: "#6b341c";
        ddsColorDataBrown800: "#482313";
        ddsColorDataBrown900: "#241109";
        ddsColorDataOlive100: "#e9e7cd";
        ddsColorDataOlive200: "#cdc9a1";
        ddsColorDataOlive300: "#b3ae71";
        ddsColorDataOlive400: "#989344";
        ddsColorDataOlive500: "#7c7518";
        ddsColorDataOlive600: "#635e13";
        ddsColorDataOlive700: "#4a460e";
        ddsColorDataOlive800: "#322f0a";
        ddsColorDataOlive900: "#191705";
        ddsColorDataGreen100: "#d7e8cf";
        ddsColorDataGreen200: "#aed19e";
        ddsColorDataGreen300: "#95c280";
        ddsColorDataGreen400: "#619947";
        ddsColorDataGreen500: "#3a8019";
        ddsColorDataGreen600: "#2e6614";
        ddsColorDataGreen700: "#234d0f";
        ddsColorDataGreen800: "#17330a";
        ddsColorDataGreen900: "#0c1a05";
        ddsColorDataTeal100: "#c2e2e1";
        ddsColorDataTeal200: "#90ccc9";
        ddsColorDataTeal300: "#5dafad";
        ddsColorDataTeal400: "#2c9390";
        ddsColorDataTeal500: "#007d79";
        ddsColorDataTeal600: "#006461";
        ddsColorDataTeal700: "#004b49";
        ddsColorDataTeal800: "#003230";
        ddsColorDataTeal900: "#001918";
        ddsColorDataDeepblue100: "#c6e3f1";
        ddsColorDataDeepblue200: "#93cee6";
        ddsColorDataDeepblue300: "#62abcb";
        ddsColorDataDeepblue400: "#358fb5";
        ddsColorDataDeepblue500: "#196b8f";
        ddsColorDataDeepblue600: "#135774";
        ddsColorDataDeepblue700: "#0e455e";
        ddsColorDataDeepblue800: "#0d3445";
        ddsColorDataDeepblue900: "#05151d";
        ddsColorDataBlue100: "#cfe0ff";
        ddsColorDataBlue200: "#9fc0ff";
        ddsColorDataBlue300: "#6fa1fe";
        ddsColorDataBlue400: "#3f81fe";
        ddsColorDataBlue500: "#0f62fe";
        ddsColorDataBlue600: "#0c4ecb";
        ddsColorDataBlue700: "#093b98";
        ddsColorDataBlue800: "#062766";
        ddsColorDataBlue900: "#031433";
        ddsColorDataPurple100: "#e8d9fe";
        ddsColorDataPurple200: "#d0b2fe";
        ddsColorDataPurple300: "#b98cfd";
        ddsColorDataPurple400: "#a165fd";
        ddsColorDataPurple500: "#8a3ffc";
        ddsColorDataPurple600: "#6e32ca";
        ddsColorDataPurple700: "#532697";
        ddsColorDataPurple800: "#371965";
        ddsColorDataPurple900: "#1c0d32";
        ddsColorDataGray100: "#e3e3e3";
        ddsColorDataGray200: "#c7c7c7";
        ddsColorDataGray300: "#aaaaaa";
        ddsColorDataGray400: "#8e8e8e";
        ddsColorDataGray500: "#727272";
        ddsColorDataGray600: "#5b5b5b";
        ddsColorDataGray700: "#444444";
        ddsColorDataGray800: "#2e2e2e";
        ddsColorDataGray900: "#171717";
        ddsColorData01Default: "#6fa1fe";
        ddsColorData01Subtle: "#0c4ecb";
        ddsColorData01Border: "#6fa1fe";
        ddsColorData02Default: "#d19a82";
        ddsColorData02Subtle: "#8f4626";
        ddsColorData02Border: "#d19a82";
        ddsColorData03Default: "#aaaaaa";
        ddsColorData03Subtle: "#5b5b5b";
        ddsColorData03Border: "#aaaaaa";
        ddsColorData04Default: "#95c280";
        ddsColorData04Subtle: "#2e6614";
        ddsColorData04Border: "#95c280";
        ddsColorData05Default: "#b98cfd";
        ddsColorData05Subtle: "#6e32ca";
        ddsColorData05Border: "#b98cfd";
        ddsColorData06Default: "#e079d0";
        ddsColorData06Subtle: "#a21a8d";
        ddsColorData06Border: "#e079d0";
        ddsColorData07Default: "#b3ae71";
        ddsColorData07Subtle: "#635e13";
        ddsColorData07Border: "#b3ae71";
        ddsColorData08Default: "#f4858b";
        ddsColorData08Subtle: "#ae1820";
        ddsColorData08Border: "#f4858b";
        ddsColorData09Default: "#5dafad";
        ddsColorData09Subtle: "#006461";
        ddsColorData09Border: "#5dafad";
        ddsMotionMicroState: "200ms linear";
        ddsMotionSurface: "200ms cubic-bezier(0.4, 0, 0.2, 1)";
        ddsMotionChevron: "200ms linear";
        ddsMotionAnimationSkeleton: "800ms cubic-bezier(0.4, 0, 0.2, 1) infinite alternate";
        ddsColorBgDefault: "#181a1c";
        ddsColorBgSubtle: "#22272a";
        ddsColorSurfaceDefault: "#181a1c";
        ddsColorSurfaceSubtle: "#22272a";
        ddsColorSurfaceMedium: "#303438";
        ddsColorSurfaceHoverDefault: "#062c45";
        ddsColorSurfaceHoverSubtle: "#22272a";
        ddsColorSurfaceSelectedDefault: "#062c45";
        ddsColorSurfaceInverseDefault: "#354754";
        ddsColorSurfaceInverseHover: "#2a3943";
        ddsColorSurfaceInverseSelected: "#202b32";
        ddsColorSurfaceActionResting: "#589ac6";
        ddsColorSurfaceActionHover: "#9fc5de";
        ddsColorSurfaceActionSelected: "#589ac6";
        ddsColorSurfaceActionDangerResting: "#e47373";
        ddsColorSurfaceActionDangerHover: "#efafaf";
        ddsColorSurfaceActionSelectedDisabled: "#77838c";
        ddsColorSurfaceDangerDefault: "#561616";
        ddsColorSurfaceDangerStrong: "#dc4b4b";
        ddsColorSurfaceSuccessDefault: "#284c29";
        ddsColorSurfaceSuccessStrong: "#65be66";
        ddsColorSurfaceWarningDefault: "#494317";
        ddsColorSurfaceWarningStrong: "#f4e04d";
        ddsColorSurfaceInfoDefault: "#2a4b61";
        ddsColorSurfaceInfoStrong: "#75b9e6";
        ddsColorSurfacePaperDefault: "#303438";
        ddsColorSurfaceBackdropDefault: "#0b0d0e80";
        ddsColorSurfaceFieldDefault: "#0b0d0e";
        ddsColorSurfaceFieldDisabled: "#303438";
        ddsColorSurfaceHighlightedDefault: "#833a21";
        ddsColorSurfaceScrollbar: "#545c62";
        ddsColorSurfaceNotification: "#d83737";
        ddsColorSurfaceSkeleton: "#545c62";
        ddsColorBorderDefault: "#77838c";
        ddsColorBorderSubtle: "#545c62";
        ddsColorBorderInverse: "#acbbc6";
        ddsColorBorderActionDefault: "#589ac6";
        ddsColorBorderActionHover: "#9fc5de";
        ddsColorBorderSuccess: "#519852";
        ddsColorBorderWarning: "#ccba35";
        ddsColorBorderDanger: "#ad2c2c";
        ddsColorBorderInfo: "#5197c5";
        ddsColorBorderOnAction: "#181a1c";
        ddsColorTextDefault: "#ffffff";
        ddsColorTextMedium: "#e9ebec";
        ddsColorTextSubtle: "#d6dadd";
        ddsColorTextOnInverse: "#ffffff";
        ddsColorTextDanger: "#efafaf";
        ddsColorTextOnAction: "#0b0d0e";
        ddsColorTextOnStatusDefault: "#ffffff";
        ddsColorTextOnStatusStrong: "#0b0d0e";
        ddsColorTextActionResting: "#9fc5de";
        ddsColorTextActionHover: "#e7f1f7";
        ddsColorTextRequiredfield: "#efafaf";
        ddsColorTextActionVisited: "#cca9e1";
        ddsColorTextActionVisitedOnInverse: "#cca9e1";
        ddsColorTextOnNotification: "#ffffff";
        ddsColorTextOnPrimaryDefault: "#ffffff";
        ddsColorTextOnPrimarySubtle: "#ffffff";
        ddsColorTextOnPrimaryMedium: "#ffffff";
        ddsColorTextOnPrimaryStrong: "#ffffff";
        ddsColorTextOnSecondaryDefault: "#0b0d0e";
        ddsColorTextOnSecondarySubtle: "#ffffff";
        ddsColorTextOnSecondaryMedium: "#ffffff";
        ddsColorTextOnSecondaryStrong: "#0b0d0e";
        ddsColorTextOnTertiaryDefault: "#0b0d0e";
        ddsColorTextOnTertiarySubtle: "#ffffff";
        ddsColorTextOnTertiaryMedium: "#0b0d0e";
        ddsColorTextOnTertiaryStrong: "#0b0d0e";
        ddsColorTextOnDataDefault: "#0b0d0e";
        ddsColorTextOnDataSubtle: "#ffffff";
        ddsColorIconDefault: "#ffffff";
        ddsColorIconMedium: "#e9ebec";
        ddsColorIconSubtle: "#d6dadd";
        ddsColorIconOnInverse: "#ffffff";
        ddsColorIconOnAction: "#0b0d0e";
        ddsColorIconActionResting: "#9fc5de";
        ddsColorIconActionHover: "#e7f1f7";
        ddsColorIconOnSuccessDefault: "#c1e5c2";
        ddsColorIconOnSuccessStrong: "#0b0d0e";
        ddsColorIconOnWarningDefault: "#fbf3b8";
        ddsColorIconOnWarningStrong: "#0b0d0e";
        ddsColorIconOnDangerDefault: "#efafaf";
        ddsColorIconOnDangerStrong: "#0b0d0e";
        ddsColorIconOnInfoDefault: "#c8e3f5";
        ddsColorIconOnInfoStrong: "#0b0d0e";
        ddsColorIconDanger: "#efafaf";
        ddsColorBrandPrimaryDefault: "#354754";
        ddsColorBrandPrimarySubtle: "#2a3943";
        ddsColorBrandPrimaryMedium: "#405767";
        ddsColorBrandPrimaryStrong: "#4f6a7e";
        ddsColorBrandSecondaryDefault: "#9ab8b7";
        ddsColorBrandSecondarySubtle: "#2b3a3a";
        ddsColorBrandSecondaryMedium: "#4d6463";
        ddsColorBrandSecondaryStrong: "#b8cdcd";
        ddsColorBrandTertiaryDefault: "#f27e55";
        ddsColorBrandTertiarySubtle: "#a24422";
        ddsColorBrandTertiaryMedium: "#f2a68f";
        ddsColorBrandTertiaryStrong: "#ffd6ca";
        ddsColorFocusOutside: "#f1f8fd";
        ddsColorFocusInside: "#2a4b61";
        ddsShadowLarge: "8px 16px 32px 0px rgba(11, 13, 14, 80%)";
        ddsShadowMedium: "2px 4px 8px 0px rgba(11, 13, 14, 80%)";
        ddsShadowSmall: "1px 2px 4px 0px rgba(11, 13, 14, 80%)";
        ddsBorderRadiusButton: "2px";
        ddsBorderRadiusButtonNumberPx: 2;
        ddsBorderRadiusSurface: "2px";
        ddsBorderRadiusSurfaceNumberPx: 2;
        ddsBorderRadiusInput: "2px";
        ddsBorderRadiusInputNumberPx: 2;
        ddsBorderRadiusChip: "2px";
        ddsBorderRadiusChipNumberPx: 2;
        ddsBorderRadiusRounded: "9999px";
        ddsBorderRadiusRoundedNumberPx: 9999;
        ddsFontLabelMedium: "600 1rem/1.3 'IBM Plex Sans', Arial, sans-serif";
        ddsFontBodyLongXsmall: "400 0.875rem/1.5 'IBM Plex Sans', Arial, sans-serif";
        ddsFontBodyLongSmall: "400 1rem/1.5 'IBM Plex Sans', Arial, sans-serif";
        ddsFontBodyLongMedium: "400 1.125rem/1.5 'IBM Plex Sans', Arial, sans-serif";
        ddsFontBodyLongLarge: "400 1.25rem/1.5 'IBM Plex Sans', Arial, sans-serif";
        ddsFontHeadingXxsmall: "600 1rem/1.3 'IBM Plex Sans', Arial, sans-serif";
        ddsFontHeadingXsmall: "600 1.125rem/1.3 'IBM Plex Sans', Arial, sans-serif";
        ddsFontHeadingSmall: "600 1.25rem/1.3 'IBM Plex Sans', Arial, sans-serif";
        ddsFontHeadingMedium: "500 1.5rem/1.3 'IBM Plex Sans', Arial, sans-serif";
        ddsFontHeadingLarge: "400 clamp(1.5rem, 0.667rem + 2.222vw, 2rem)/1.3 'IBM Plex Sans', Arial, sans-serif";
        ddsFontHeadingXlarge: "300 clamp(2.5rem, 1.667rem + 2.222vw, 3rem)/1.3 'IBM Plex Sans', Arial, sans-serif";
        ddsFontHeadingXxlarge: "300 clamp(3rem, 1.333rem + 4.444vw, 4rem)/1.3 'IBM Plex Sans', Arial, sans-serif";
        ddsFontLeadMedium: "300 1.5rem/1.5 'IBM Plex Sans', Arial, sans-serif";
        ddsFontCodeMedium: "400 1.125rem/1.5 'IBM Plex Mono', 'Courier New', monospace";
        ddsFontBodyShortXsmall: "400 0.875rem/1.3 'IBM Plex Sans', Arial, sans-serif";
        ddsFontBodyShortSmall: "400 1rem/1.3 'IBM Plex Sans', Arial, sans-serif";
        ddsFontBodyShortMedium: "400 1.125rem/1.3 'IBM Plex Sans', Arial, sans-serif";
        ddsFontBodyShortLarge: "400 1.25rem/1.3 'IBM Plex Sans', Arial, sans-serif";
        ddsFontHeadingXxlargeLetterSpacing: "-0.01em";
        ddsFontHeadingXxlargeParagraphSpacing: "0.4em";
        ddsFontHeadingXxlargeParagraphSpacingNumberEm: 0.4;
        ddsFontHeadingXlargeLetterSpacing: "-0.01em";
        ddsFontHeadingXlargeParagraphSpacing: "0.4em";
        ddsFontHeadingXlargeParagraphSpacingNumberEm: 0.4;
        ddsFontHeadingLargeLetterSpacing: "0em";
        ddsFontHeadingLargeParagraphSpacing: "0.4em";
        ddsFontHeadingLargeParagraphSpacingNumberEm: 0.4;
        ddsFontHeadingMediumLetterSpacing: "0em";
        ddsFontHeadingMediumParagraphSpacing: "0.4em";
        ddsFontHeadingMediumParagraphSpacingNumberEm: 0.4;
        ddsFontHeadingSmallLetterSpacing: "0em";
        ddsFontHeadingSmallParagraphSpacing: "0.4em";
        ddsFontHeadingSmallParagraphSpacingNumberEm: 0.4;
        ddsFontHeadingXsmallLetterSpacing: "0em";
        ddsFontHeadingXsmallParagraphSpacing: "0.4em";
        ddsFontHeadingXsmallParagraphSpacingNumberEm: 0.4;
        ddsFontHeadingXxsmallLetterSpacing: "0.01em";
        ddsFontHeadingXxsmallParagraphSpacing: "0.4em";
        ddsFontHeadingXxsmallParagraphSpacingNumberEm: 0.4;
        ddsFontBodyLongLargeLetterSpacing: "0em";
        ddsFontBodyLongLargeParagraphSpacing: "1em";
        ddsFontBodyLongLargeParagraphSpacingNumberEm: 1;
        ddsFontBodyLongMediumLetterSpacing: "0em";
        ddsFontBodyLongMediumParagraphSpacing: "1em";
        ddsFontBodyLongMediumParagraphSpacingNumberEm: 1;
        ddsFontBodyLongSmallLetterSpacing: "0em";
        ddsFontBodyLongSmallParagraphSpacing: "1em";
        ddsFontBodyLongSmallParagraphSpacingNumberEm: 1;
        ddsFontBodyLongXsmallLetterSpacing: "0.01em";
        ddsFontBodyLongXsmallParagraphSpacing: "1em";
        ddsFontBodyLongXsmallParagraphSpacingNumberEm: 1;
        ddsFontLeadMediumLetterSpacing: "0em";
        ddsFontLeadMediumParagraphSpacing: "0.66em";
        ddsFontLeadMediumParagraphSpacingNumberEm: 0.66;
        ddsFontCodeMediumLetterSpacing: "0em";
        ddsFontCodeMediumParagraphSpacing: "1em";
        ddsFontCodeMediumParagraphSpacingNumberEm: 1;
        ddsFontLabelMediumLetterSpacing: "0.01em";
        ddsFontLabelMediumParagraphSpacing: "1em";
        ddsFontLabelMediumParagraphSpacingNumberEm: 1;
        ddsFontBodyShortLargeLetterSpacing: "0em";
        ddsFontBodyShortLargeParagraphSpacing: "1em";
        ddsFontBodyShortLargeParagraphSpacingNumberEm: 1;
        ddsFontBodyShortMediumLetterSpacing: "0em";
        ddsFontBodyShortMediumParagraphSpacing: "1em";
        ddsFontBodyShortMediumParagraphSpacingNumberEm: 1;
        ddsFontBodyShortSmallLetterSpacing: "0.01em";
        ddsFontBodyShortSmallParagraphSpacing: "1em";
        ddsFontBodyShortSmallParagraphSpacingNumberEm: 1;
        ddsFontBodyShortXsmallLetterSpacing: "0.01em";
        ddsFontBodyShortXsmallParagraphSpacing: "1em";
        ddsFontBodyShortXsmallParagraphSpacingNumberEm: 1;
        ddsSizeHeightInputLarge: "3.8125rem";
        ddsSizeHeightInputLargeNumberRem: 3.8125;
        ddsSizeHeightInputMedium: "3.125rem";
        ddsSizeHeightInputMediumNumberRem: 3.125;
        ddsSizeHeightInputSmall: "2.5rem";
        ddsSizeHeightInputSmallNumberRem: 2.5;
        ddsSizeHeightInputXsmall: "1.8125rem";
        ddsSizeHeightInputXsmallNumberRem: 1.8125;
    };
    themeName: "core-light" | "core-dark" | "public-light" | "public-dark";
};

type Language = 'nb' | 'nn' | 'no' | 'en' | 'se';

interface LanguageProviderProps {
    language: Language;
    children?: ReactNode;
}

type DdsProviderProps = LanguageProviderProps & ThemeProviderProps;
declare function DdsProvider({ language, theme, children }: DdsProviderProps): react.JSX.Element;

type PropsOfWithRef<T extends ElementType> = ComponentPropsWithRef<T> & {
    /** HTML- eller React-element som returneres. */
    as?: T;
} & Omit<React.ComponentPropsWithRef<T>, 'as'>;

type PolymorphicProps<T extends ElementType> = PropsOfWithRef<T>;
declare const ElementAs: <T extends ElementType>({ as, ref, children, ...props }: PolymorphicProps<T>) => react.JSX.Element;

type AccordionProps = BaseComponentPropsWithChildren<HTMLDivElement, Pick<AccordionConfig, 'isExpanded' | 'isInitiallyExpanded' | 'onChange'>>;
declare const Accordion: {
    ({ isInitiallyExpanded, isExpanded, onChange, id, children, className, style, htmlProps, ...rest }: AccordionProps): react.JSX.Element;
    displayName: string;
};

declare function TextOverflowEllipsisWrapper({ className, ...rest }: ComponentProps<'span'>): react.JSX.Element;
declare function TextOverflowEllipsisInner({ className, ...rest }: ComponentProps<'span'>): react.JSX.Element;

type TypographyBodyShortType = 'bodyShortXsmall' | 'bodyShortSmall' | 'bodyShortMedium' | 'bodyShortLarge';
type TypographyBodyLongType = 'bodyLongXsmall' | 'bodyLongSmall' | 'bodyLongMedium' | 'bodyLongLarge';
type TypographyBodyType = TypographyBodyLongType | TypographyBodyShortType;
declare const TG_HEADING_TYPES: readonly ["headingXxsmall", "headingXsmall", "headingSmall", "headingMedium", "headingLarge", "headingXlarge", "headingXxlarge"];
type TypographyHeadingType = (typeof TG_HEADING_TYPES)[number];
type TypographyLeadType = 'leadMedium';
type TypographyAnchorType = 'a';
type TypographyLabelType = 'labelMedium';
type OtherTypographyType = TypographyHeadingType | TypographyBodyType | TypographyLeadType;
type TypographyType = TypographyAnchorType | TypographyLabelType | OtherTypographyType;
type StaticTypographyType = OtherTypographyType | TypographyLabelType;
type HyphenTypographyType = 'body-short-xsmall' | 'body-short-small' | 'body-short-medium' | 'body-short-large' | 'body-long-xsmall' | 'body-long-small' | 'body-long-medium' | 'body-long-large' | 'heading-xxsmall' | 'heading-xsmall' | 'heading-small' | 'heading-medium' | 'heading-large' | 'heading-xlarge' | 'heading-xxlarge' | 'lead-medium' | 'a' | 'label-medium';
type InlineElement = 'a' | 'abbr' | 'audio' | 'b' | 'bdi' | 'bdo' | 'big' | 'br' | 'button' | 'canvas' | 'cite' | 'code' | 'data' | 'datalist' | 'del' | 'dfn' | 'em' | 'embed' | 'i' | 'iframe' | 'img' | 'input' | 'ins' | 'kbd' | 'label' | 'map' | 'mark' | 'meter' | 'noscript' | 'object' | 'output' | 'picture' | 'progress' | 'q' | 'ruby' | 's' | 'samp' | 'script' | 'select' | 'slot' | 'small' | 'span' | 'strong' | 'sub' | 'sup' | 'svg' | 'template' | 'textarea' | 'time' | 'u' | 'var' | 'video' | 'wbr';
type BlockTypographyResponsiveProps = Pick<ResponsiveProps, 'textAlign' | 'wordBreak' | 'display' | 'margin' | 'marginBlock' | 'maxWidth' | 'width' | 'minWidth'>;
type InlineTypographyResponsiveProps = Pick<BlockTypographyResponsiveProps, 'wordBreak' | 'textAlign' | 'marginBlock'> & {
    display?: ExtractStrict<ResponsiveProps['display'], 'block' | 'inline' | 'inline-block'>;
};
interface BaseTypographyProps {
    /**Tekstfarge fra utvalget eller custom. **OBS!** Bruk farger fra `@dds-design-tokens` med navn i kebab-case, f.eks. `text-subtle`. */
    color?: TextColor;
    /**Spesifiserer om tekstelementet skal ha spacing definert i Elsa.
     * Brukes hovedsakelig i artikler og lignende.
     * **OBS!** har forskjellig virkning på ulike typografityper.
     * `body` og `lead`-typer får margin på bunnen, `heading`-typer får margin på bunnen og padding på toppen mens label får margin topp og bunn.
     * */
    withMargins?: boolean;
}
interface CommonInlineTypographyProps extends BaseTypographyProps, InlineTypographyResponsiveProps {
}
interface CommonBlockTypographyProps extends BaseTypographyProps, BlockTypographyResponsiveProps {
}
type TypographyComponentProps = CommonBlockTypographyProps & {
    /**Setter `bold` styling. */
    bold?: boolean;
    /**Setter `italic` styling. */
    italic?: boolean;
    /**Setter en linje under. */
    underline?: boolean;
    /**HTML tag som skal brukes istedenfor default definert via `typographyType`.  */
    as?: ElementType;
};

type AnchorTypographyProps = BaseComponentPropsWithChildren<HTMLAnchorElement, {
    /**nativ `href`-prop ved `typographyType='a'`.  */
    href?: string | undefined;
    /**nativ `target`-prop ved `typographyType='a'`.  */
    target?: string;
}, AnchorHTMLAttributes<HTMLAnchorElement>>;
type LabelTypographyProps = BaseComponentPropsWithChildren<HTMLLabelElement, HTMLAttributes<HTMLLabelElement>>;
type OtherTypographyProps = BaseComponentPropsWithChildren<HTMLElement, HTMLAttributes<HTMLElement>>;
type TypographyProps = ({
    /**Styling basert på det typografiske utvalget definert i Figma. Returnerer default HTML tag for hver type. **OBS!** Ved bruk av `'a'` er det flere tilgjengelige props, se under.  */
    typographyType?: TypographyAnchorType;
} & TypographyComponentProps & Omit<AnchorTypographyProps, 'color'>) | ({
    /**Styling basert på det typografiske utvalget definert i Figma. Returnerer default HTML tag for hver type. **OBS!** Ved bruk av `'a'` er det flere tilgjengelige props, se under.  */
    typographyType?: TypographyLabelType;
} & TypographyComponentProps & Omit<LabelTypographyProps, 'color'>) | ({
    /**Styling basert på det typografiske utvalget definert i Figma. Returnerer default HTML tag for hver type. **OBS!** Ved bruk av `'a'` er det flere tilgjengelige props, se under.  */
    typographyType?: OtherTypographyType;
} & TypographyComponentProps & Omit<OtherTypographyProps, 'color'>);
declare const Typography: {
    (props: TypographyProps): react.JSX.Element;
    displayName: string;
};

declare const getElementType: (element: TypographyType) => ElementType;
declare const isHeading: (type: TypographyType) => type is TypographyHeadingType;
declare const isLegend: (as: ElementType) => boolean;
declare const isCaption: (as: ElementType) => boolean;
declare const inlineElements: Array<ElementType>;
declare const isInlineElement: (as: ElementType) => as is InlineElement;
declare function getTypographyCn(value: TypographyType): HyphenTypographyType;
declare const getColorCn: (color?: TextColor) => string | null;

type CaptionProps = BaseComponentPropsWithChildren<HTMLTableCaptionElement, CommonBlockTypographyProps>;
declare const Caption: {
    ({ id, className, style, htmlProps, children, ...rest }: CaptionProps): react.JSX.Element;
    displayName: string;
};

type HeadingLevel = 1 | 2 | 3 | 4 | 5 | 6;
type HeadingProps = BaseComponentPropsWithChildren<HTMLHeadingElement, {
    /**Nivå på overskriften. Komponenten returnerer HTML heading element med dette nivået med default styling. */
    level: HeadingLevel;
    /**Spesifiserer typografistil basert på utvalget for HTML heading elementer.  */
    typographyType?: TypographyHeadingType;
    /**Setter standard spacing for `<Heading>` som er over et inputelement. */
    withMarginsOverInput?: boolean;
} & CommonBlockTypographyProps>;
declare const Heading: {
    ({ id, className, style, htmlProps, children, typographyType, level, withMargins, withMarginsOverInput, ...rest }: HeadingProps): react.JSX.Element;
    displayName: string;
};

type PickedHTMLAttributes$3 = Pick<LabelHTMLAttributes<HTMLLabelElement>, 'htmlFor'>;
interface BaseLabelProps {
    /** Om input knyttet til ledeteksten er påkrevd; påvirker styling. */
    showRequiredStyling?: boolean;
    /** Om input knyttet til ledeteksten er `read-only`; påvirker styling. */
    readOnly?: boolean;
    /**Innhold som står etter ledeteksten (knapp med ekstra info e.l.). */
    afterLabelContent?: ReactNode;
}
type LabelProps = BaseComponentPropsWithChildren<HTMLLabelElement, BaseLabelProps & CommonInlineTypographyProps & PickedHTMLAttributes$3>;
declare const Label: {
    ({ showRequiredStyling, readOnly, id, className, style, htmlProps, children, afterLabelContent, ...rest }: LabelProps): react.JSX.Element;
    displayName: string;
};

type LegendProps = BaseComponentPropsWithChildren<HTMLLegendElement, CommonBlockTypographyProps & {
    /**Typografistil basert på utvalget for HTML heading elementer.  */
    typographyType?: TypographyHeadingType;
    /**Setter standard spacing for `<Legend>` som er over et inputelement. */
    withMarginsOverInput?: boolean;
}>;
declare const Legend: {
    ({ id, className, style, htmlProps, typographyType, withMarginsOverInput, withMargins, ...rest }: LegendProps): react.JSX.Element;
    displayName: string;
};

type PickedHTMLAttributes$2 = Pick<AnchorHTMLAttributes<HTMLAnchorElement>, 'onClick' | 'href' | 'target'>;
type LinkProps<T extends ElementType = 'a'> = PolymorphicBaseComponentProps<T, {
    /**Om lenken kan få `:visited`-styling. */
    withVisited?: boolean;
    /**Spesifiserer typografistil basert på utvalget for brødtekst. Arver hvis ikke oppgitt. */
    typographyType?: TypographyBodyType;
    /**
     * Tvinger komponenten til å behandle `as` som en anchor tag wrapper og forwarde anchor-spesifikke props (target, rel).
     * Bruk når custom `as` komponent wrapper en `<a>` tag.
     * */
    isAnchor?: boolean;
    /**Om styling for inline ikon skal gjelde.
     * Ikon kan legges inn som barn ved siden av teksten med `<Icon>`-komponent.
     * */
    withIconStyling?: boolean;
} & CommonInlineTypographyProps & PickedHTMLAttributes$2>;
declare const Link: {
    <T extends ElementType = "a">({ id, className, htmlProps, children, typographyType, withMargins, withVisited, style, color, as: propAs, isAnchor: propIsAnchor, withIconStyling, ...rest }: LinkProps<T>): react.JSX.Element;
    displayName: string;
};

type ParagraphProps = BaseComponentPropsWithChildren<HTMLParagraphElement, {
    /** Spesifiserer typografistil basert på utvalget for brødtekst og ingress.
     * @default 'BodyLongMedium'
     */
    typographyType?: TypographyBodyType | TypographyLeadType;
} & CommonBlockTypographyProps>;
declare const Paragraph: {
    ({ id, className, style, htmlProps, children, typographyType, ...rest }: ParagraphProps): react.JSX.Element;
    displayName: string;
};

type AccordionHeaderProps = Omit<BaseComponentPropsWithChildren<HTMLButtonElement, {
    /**Overskriver default teksttype. */
    typographyType?: StaticTypographyType;
    /**Angir om teksten skal være i "bold"-format. */
    bold?: boolean;
}, ButtonHTMLAttributes<HTMLButtonElement>>, 'id'>;
declare const AccordionHeader: {
    ({ children, className, style, htmlProps, typographyType, bold, ...rest }: AccordionHeaderProps): react.JSX.Element;
    displayName: string;
};

type AccordionBodyProps = Omit<BaseComponentPropsWithChildren<HTMLDivElement>, 'id'>;
declare const AccordionBody: {
    ({ children, className, style, htmlProps, ...rest }: AccordionBodyProps): react.JSX.Element;
    displayName: string;
};

type BackLinkProps = {
    /**
     * Ledetekst.
     */
    label: string;
    /**
     * Custom HTML- eller React-element som returneres. Brukes ved klient-side ruting o.l.
     */
    as?: ElementType;
} & Pick<ComponentPropsWithRef<'a'>, 'onClick' | 'href' | 'ref'>;
declare const BackLink: {
    ({ label, ref, as, ...rest }: BackLinkProps): react.JSX.Element;
    displayName: string;
};

type BreadcrumbProps = ComponentPropsWithRef<'a'> | ComponentPropsWithRef<'span'>;
declare const isAnchorTypographyProps: (props: BreadcrumbProps) => props is ComponentPropsWithRef<"a">;
declare const Breadcrumb: {
    ({ children, ref, ...rest }: BreadcrumbProps): react.JSX.Element;
    displayName: string;
};

type BreadcrumbsProps = BaseComponentProps<HTMLElement, {
    /**
     * Brekkpunkt for små skjermer.
     * Trunkerer barn unntatt første og siste; trunkerte barn er tilgjengelige ved å trykke på trunkeringsknappen.
     */
    smallScreenBreakpoint?: Breakpoint;
    /**`<Breadcrumb> barn.` */
    children?: ReactNode;
}>;
declare const Breadcrumbs: {
    ({ children, smallScreenBreakpoint, id, className, style, htmlProps, ...rest }: BreadcrumbsProps): react.JSX.Element;
    displayName: string;
};

type PickedHTMLAttributes$1 = Pick<HTMLAttributes<HTMLDivElement>, 'role' | 'aria-label' | 'aria-labelledby'>;
type ButtonGroupProps = BaseComponentPropsWithChildren<HTMLDivElement, {
    /**Retning for gruppen.
     * @default "row"
     */
    direction?: Direction$1;
    /**Størrelse på knappene.
     * @default "medium"
     */
    buttonSize?: ButtonSize;
    /**Nativ `aria-label` ved behov. */
    'aria-label'?: string;
    /**Nativ `aria-labelledby` ved behov. */
    'aria-labelledby'?: string;
    /**Nativ `role` ved behov.
     * @default "group"
     */
    role?: AriaRole;
} & Omit<ButtonHTMLAttributes<HTMLButtonElement>, keyof PickedHTMLAttributes$1>>;
declare const ButtonGroup: {
    ({ children, id, className, style, htmlProps, direction, buttonSize, role, ...rest }: ButtonGroupProps): react.JSX.Element;
    displayName: string;
};

interface SelectionControlCommonProps {
    /**Ledetekst for alternativet. */
    label?: string;
    /**Spesifiserer om input er `disabled`. */
    disabled?: boolean;
    /**Indikerer valideringsfeil. Påvirker styling. */
    error?: boolean;
    /**Inputelementet blir `readonly` - den kan ikke interageres med. Brukes bl.a. til å presentere input brukeren har fylt ut andre steder. */
    readOnly?: boolean;
    /**Barn. Brukes når komponenten skal ha unik layout eller lignende. */
    children?: ReactNode;
}
interface SelectionControlGroupCommonProps {
    /**Ledetekst for gruppen. */
    label?: string;
    /**Retningen barna gjengis i.
     * @default "row"
     */
    direction?: Direction$1;
    /**Custom id for for gruppen, knytter ledetekst til gruppen via `aria-label`. */
    groupId?: string;
    /**Hjelpetekst for gruppen. */
    tip?: string;
    /**Gir alle barna `disabled` prop. */
    disabled?: boolean;
    /**Gir alle barna `readOnly` prop. */
    readOnly?: boolean;
    /**Meldingen som vises ved valideringsfeil. Gir error-tilstand til barna og setter `aria-describedby` for barna. */
    errorMessage?: string;
}

type CheckboxPickedHTMLAttributes = Pick<InputHTMLAttributes<HTMLInputElement>, 'aria-describedby' | 'name' | 'checked' | 'defaultChecked' | 'value' | 'defaultValue' | 'onChange' | 'onBlur'>;
type CheckboxProps = BaseComponentProps<HTMLInputElement, SelectionControlCommonProps & {
    /**Brukes ved nøstet struktur der alle `<Checkbox>` som hører til en gruppe kan bli valgt ved å trykke på en forelder `<Checkbox>`.
     * Hvis enkelte `<Checkbox>` blir valgt men ikke alle, skal forelder `<Checkbox>` få tilstanden `indeterminate` - verken valgt eller ikke. */
    indeterminate?: boolean;
} & CheckboxPickedHTMLAttributes & Pick<ComponentProps<'input'>, 'required'>, InputHTMLAttributes<HTMLInputElement>>;

declare const Checkbox: {
    ({ id, name, label, error, disabled, readOnly, indeterminate, "aria-describedby": ariaDescribedby, className, htmlProps, style, children, ...rest }: CheckboxProps): react.JSX.Element;
    displayName: string;
};

type CheckboxGroupProps = BaseComponentPropsWithChildren<HTMLDivElement, SelectionControlGroupCommonProps & {
    /**Indikerer at det er påkrevd å velge minst ett alternativ. Legger en markør bak ledeteksten. **OBS!** `required` må i tillegg gis til `<Checkbox>`-barna manuelt. */
    required?: boolean;
}>;
declare const CheckboxGroup: {
    (props: CheckboxGroupProps): react.JSX.Element;
    displayName: string;
};

type RadioPickedInputHTMLAttributes = Pick<InputHTMLAttributes<HTMLInputElement>, 'name' | 'readOnly' | 'checked' | 'value' | 'required' | 'onChange' | 'aria-describedby'>;
type RadioButtonProps = BaseComponentProps<HTMLInputElement, SelectionControlCommonProps & RadioPickedInputHTMLAttributes>;
type RadioValue = RadioPickedInputHTMLAttributes['value'];

type CardAppearance = 'filled' | 'border';
type BaseCardProps<T extends HTMLElement> = BaseComponentPropsWithChildren<T, {
    /** Utseende på komponenten.
     * @default "filled"
     */
    appearance?: CardAppearance;
    /** Referanse til komponenten. */
    cardRef?: RefObject<T | null>;
}>;
type InfoCardProps = BaseCardProps<HTMLDivElement> & {
    /** Spesifiserer funksjonalitet og formål med komponenten. **OBS!** ved `'navigation'` må `href` oppgis. */
    cardType: 'info';
};
type NavigationCardProps = BaseCardProps<HTMLAnchorElement> & {
    cardType: 'navigation';
} & Pick<AnchorHTMLAttributes<HTMLAnchorElement>, 'href' | 'target' | 'onClick'>;
type ExpandableCardProps = BaseCardProps<HTMLDivElement> & {
    cardType: 'expandable';
};
type CardProps = InfoCardProps | NavigationCardProps | ExpandableCardProps;
type CardSelectableType = 'radio' | 'checkbox';
type CardSelectableProps = BaseComponentPropsWithChildren<HTMLInputElement, Pick<BaseCardProps<HTMLInputElement>, 'appearance'> & Omit<SelectionControlCommonProps, 'label'> & {
    /** Spesifiserer inputtype som returneres. */
    cardType?: CardSelectableType;
    /** Custom padding. */
    padding?: Property.Padding;
    /** Custom absolutt posisjonering av kontroll-elementet. */
    controlPlacementProps?: {
        left?: Property.Left;
        top?: Property.Top;
    };
} & RadioPickedInputHTMLAttributes & CheckboxPickedHTMLAttributes>;

declare const Card: {
    (props: CardProps): react.JSX.Element;
    displayName: string;
};

type CardExpandableProps = BaseComponentPropsWithChildren<HTMLDivElement, Pick<AccordionConfig, 'isExpanded' | 'isInitiallyExpanded' | 'onChange'>>;
declare const CardExpandable: {
    ({ isInitiallyExpanded, isExpanded, onChange, id, children, className, style, htmlProps, ...rest }: CardExpandableProps): react.JSX.Element;
    displayName: string;
};

type CardExpandableHeaderProps = 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 CardExpandableHeader: {
    ({ children, className, style, htmlProps, padding, typographyType, bold, ...rest }: CardExpandableHeaderProps): react.JSX.Element;
    displayName: string;
};

type CardExpandableBodyProps = Omit<BaseComponentPropsWithChildren<HTMLDivElement, {
    /**Overskriver default padding. */
    padding?: Property.Padding<string>;
}>, 'id'>;
declare const CardExpandableBody: {
    ({ children, className, style, htmlProps, padding, ...rest }: CardExpandableBodyProps): react.JSX.Element;
    displayName: string;
};

declare const CardSelectable: {
    (props: CardSelectableProps): react.JSX.Element | null;
    displayName: string;
};

type CardSelectableGroupProps<T extends string | number> = BaseComponentPropsWithChildren<HTMLDivElement, Omit<SelectionControlGroupCommonProps, 'label' | 'direction' | 'tip'> & Pick<ResponsiveProps, 'display' | 'gap' | 'padding' | 'margin' | 'flexDirection' | 'rowGap' | 'flexWrap' | 'alignItems' | 'columnGap'> & {
    /** Spesifiserer inputtype som returneres. */
    cardType: CardSelectableType;
    /**Id til valgfri hjelpetekst; Tar hånd om semantisk tilknytting og annen UU. */
    tipId?: string;
    /** Gir alle barna `name` prop.*/
    name?: string;
    /**Funksjonen for `onChange`-event for barna. */
    onChange?: (value: T | undefined) => void;
    /** Gjør alle barna påkrevd ved å gi dem `required` prop. */
    required?: boolean;
    /**Verdi - en `<CardSelectable>` med denne verdien blir valgt med controlled state. */
    value?: T | undefined;
    /**Default verdi - en `<CardSelectable>` med denne verdien blir forhåndsvalgt med uncontrolled state. */
    defaultValue?: T | undefined;
}, Omit<HTMLAttributes<HTMLDivElement>, 'onChange'>>;
declare const CardSelectableGroup: {
    <T extends string | number = string>({ name, cardType, errorMessage, disabled, readOnly, value, defaultValue, children, required, onChange, id, tipId, className, style, htmlProps, ...rest }: CardSelectableGroupProps<T>): react.JSX.Element;
    displayName: string;
};

type ChipProps = BaseComponentProps<HTMLDivElement, {
    /** Teksten som vises i komponenten. */
    children?: string;
    /** Ekstra logikk når `<Chip>` lukkes. */
    onClose?: () => void;
}>;
declare const Chip: {
    ({ children, onClose, id, className, style, htmlProps, ...rest }: ChipProps): react.JSX.Element | null;
    displayName: string;
};

type ChipGroupProps = ComponentPropsWithRef<'ul'>;
declare const ChipGroup: {
    ({ children, ...rest }: ChipGroupProps): react.JSX.Element;
    displayName: string;
};

type CookieBannerCheckboxProps = Omit<CheckboxProps, 'label' | 'children'> & {
    /**Header - kort oppsummering av den spesifikke typen informasjonskapsel. */
    headerText?: string;
    /**Detaljer rundt den spesifikke typen informasjonskapsel. */
    description: string;
};
declare function CookieBannerCheckbox({ headerText, description, id, className, style, htmlProps, ...rest }: CookieBannerCheckboxProps): react.JSX.Element;
declare namespace CookieBannerCheckbox {
    var displayName: string;
}

type CookieBannerProps = BaseComponentPropsWithChildren<HTMLDivElement, {
    /**Header - kort oppsummering. */
    headerText?: string;
    /**Hovedinnholdet med info rundt informasjonkapsler bruk på siden. Kan inneholde lenker og andre interaktive elementer. */
    description?: ReactNode;
    /**Knapper for ulike nivåer av godkjenning av informasjonskaplser. Layout for knappene håndteres ut av boksen. */
    buttons?: Array<Omit<ButtonProps, 'purpose' | 'size'>>;
    /**Checkboxes for hver type informasjonskapsel som brukes på siden. Layout håndteres ut av boksen. */
    checkboxes?: Array<CookieBannerCheckboxProps>;
    /**Brekkpunkt for sammentrukket variant; Brukes på siden med detaljer om informasjonskapsler. */
    collapsedBreakpoint?: Breakpoint;
} & Pick<ResponsiveProps, 'position' | 'top' | 'bottom' | 'left' | 'right' | 'width' | 'maxHeight'>>;
declare function CookieBanner({ headerText, description, buttons, checkboxes, id, className, style, htmlProps, maxHeight, width, children, collapsedBreakpoint, ref, ...rest }: CookieBannerProps): react.JSX.Element;
declare namespace CookieBanner {
    var displayName: string;
}

type CalendarProps<T extends DateValue> = AriaCalendarProps<T>;
declare function Calendar<T extends DateValue>(props: CalendarProps<T>): react.JSX.Element;
declare namespace Calendar {
    var displayName: string;
}

interface CommonInputProps {
    /**Ledetekst. */
    label?: string;
    /** Innhold etter ledetekst, f.eks. knapp som viser ekstra info e.l. */
    afterLabelContent?: ReactNode;
    /**Bredde for inputfeltet. Kan settes per brekkpunkt, manglende brekkpunter får da default bredde. */
    width?: ResponsiveProps['width'];
    /**Hjelpetekst. */
    tip?: string;
    /**Feilmelding. Setter også error state. */
    errorMessage?: string;
}
declare const INPUT_SIZES: ["xsmall", "small", "medium"];
type InputSize = (typeof INPUT_SIZES)[number];
type InputProps = CommonInputProps & {
    /**Størrelse på inputfeltet.
     * @default "medium"
     */
    componentSize?: InputSize;
} & Omit<ComponentPropsWithRef<'input'>, 'width' | 'height'>;
interface InputIconProps {
    /** Ikonet som vises i komponenten. */
    icon?: SvgIcon;
}

type DateFieldProps<T extends DateValue$1 = CalendarDate> = AriaDateFieldOptions<T> & {
    buttonProps?: ReturnType<typeof useDatePicker>['buttonProps'];
    buttonOnClick?: () => void;
    groupProps?: ReturnType<typeof useDatePicker>['groupProps'];
    ref?: Ref<HTMLDivElement>;
    clearable?: boolean;
    tipId?: string;
    errorMessageId?: string;
} & Pick<InputProps, 'componentSize' | 'errorMessage' | 'tip' | 'disabled' | 'style' | 'width' | 'className'>;

interface DatePickerProps extends Omit<AriaDatePickerProps<CalendarDate>, 'granularity'>, Pick<DateFieldProps<CalendarDate>, 'componentSize' | 'tip' | 'style'>, Pick<ResponsiveProps, 'width'> {
    ref?: Ref<HTMLElement>;
    /**
     * Ledetekst.
     */
    label?: string;
    /**
     * Feilmelding.
     */
    errorMessage?: string;
    /**Om ukenummer skal vises.
     * @default true
     */
    showWeekNumbers?: boolean;
    /**
     * Brekkpunkt for små skjermer; viser kalender i modal.
     */
    smallScreenBreakpoint?: Breakpoint;
    /**
     * Om brukeren kan fjerne valgt dato med en tømmeknapp, inkludert delvis utfylte verdier (f.eks. kun måned).
     * @default false
     */
    clearable?: boolean;
}
declare function DatePicker({ errorMessage, componentSize, tip, style, width, smallScreenBreakpoint, showWeekNumbers, clearable, ref, ...props }: DatePickerProps): react.JSX.Element;
declare namespace DatePicker {
    var displayName: string;
}

type TimePickerProps = Omit<AriaTimeFieldProps<Time>, 'hideTimeZone'> & Pick<InputProps, 'componentSize' | 'errorMessage' | 'tip' | 'style' | 'width' | 'className'> & {
    ref?: Ref<HTMLDivElement>;
};
declare function TimePicker({ componentSize, width, ref, ...props }: TimePickerProps): react.JSX.Element;
declare namespace TimePicker {
    var 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 DescriptionListAppearance = 'default' | 'subtle';
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?: Direction$1;
}>;
declare const DescriptionList: {
    ({ appearance, direction, children, id, className, style, htmlProps, ...rest }: DescriptionListProps): react.JSX.Element;
    displayName: string;
};

type DescriptionListTermProps = ComponentPropsWithRef<'dt'>;
declare const DescriptionListTerm: {
    (props: DescriptionListTermProps): react.JSX.Element;
    displayName: string;
};

type DescriptionListDescProps = BaseComponentPropsWithChildren<HTMLElement, {
    /**Ikon som vises ved siden av teksten. */
    icon?: SvgIcon;
}>;
declare const DescriptionListDesc: {
    ({ children, icon, id, className, style, htmlProps, ...rest }: DescriptionListDescProps): react.JSX.Element;
    displayName: string;
};

type DescriptionListGroupProps = BaseComponentPropsWithChildren<HTMLDivElement, {
    /**Custom margin. */
    margin?: Property.Margin<string>;
    /**Custom min-width. */
    minWidth?: Property.MinWidth<string>;
    /**Custom max-width. */
    maxWidth?: Property.MaxWidth<string>;
}>;
declare const DescriptionListGroup: {
    ({ children, margin, minWidth, maxWidth, id, className, style, htmlProps, ...rest }: DescriptionListGroupProps): react.JSX.Element;
    displayName: string;
};

declare const DETAIL_LIST_SIZES: ["small", "medium", "large"];
type DetailListSize = (typeof DETAIL_LIST_SIZES)[number];
type DetailListProps = BaseComponentPropsWithChildren<HTMLDListElement, {
    /**
     * Størrelse på tabellen. Påvirker tetthet i cellene og font.
     * @default "medium"
     */
    size?: DetailListSize;
    /**
     * Om rader skal ha skillelinje.
     * @default true
     */
    withDividers?: boolean;
    /**
     * Om rader skal ha sebrastriper.
     * @default true
     */
    striped?: boolean;
    /**Brekkpunkt for små skjermer; den gjør om rader til kolonner. */
    smallScreenBreakpoint?: Breakpoint;
}>;
declare const DetailList: {
    ({ id, className, style, htmlProps, withDividers, striped, size, smallScreenBreakpoint, ...rest }: DetailListProps): react.JSX.Element;
    displayName: string;
};

type DetailListDescProps = ComponentPropsWithRef<'dd'> & Pick<ResponsiveProps, 'textAlign'>;
declare const DetailListDesc: {
    ({ className, ...rest }: DetailListDescProps): react.JSX.Element;
    displayName: string;
};

type DetailListRowProps = ComponentPropsWithRef<'div'>;
declare const DetailListRow: {
    ({ className, ...rest }: DetailListRowProps): react.JSX.Element;
    displayName: string;
};

type DetailListTermProps = ComponentPropsWithRef<'dt'>;
declare const DetailListTerm: {
    ({ className, ...rest }: DetailListTermProps): react.JSX.Element;
    displayName: string;
};

type DividerColor = 'default' | 'subtle' | 'on-inverse';
type DividerProps = BaseComponentProps<HTMLHRElement, {
    /** Farge på horisontal linje.
     * @default "default"
     */
    color?: DividerColor;
}, Omit<HTMLAttributes<HTMLHRElement>, 'color'>>;
declare const Divider: ({ color, id, className, style, htmlProps, ...rest }: DividerProps) => react.JSX.Element;

declare const DRAWER_SIZES: ["small", "medium", "large"];
type DrawerSize = (typeof DRAWER_SIZES)[number];
type DrawerPlacement = 'left' | 'right';
type DrawerProps = Omit<BaseComponentPropsWithChildren<HTMLDivElement, {
    /**Størrelsen på `<Drawer>`.
     * @default "small"
     */
    size?: DrawerSize;
    /** Plasseringen til `<Drawer>`.
     * @default "right"
     */
    placement?: DrawerPlacement;
    /**Header for `<Drawer>`. Returnerer default `<Heading>` hvis verdien er en `string`. */
    header?: string | ReactNode;
    /**Spesifiserer hvilken DOM node `<Drawer>` skal ha som forelder via React portal.
     * Brukes med f.eks `document.getElementById("id")` eller ref (skaper ikke ny DOM node).
     * @default themeProviderRef
     */
    parentElement?: HTMLElement;
    /**
     * Om `<Drawer>` skal vises med backdrop som gråer ut bakgrunnen.
     */
    withBackdrop?: boolean;
} & Pick<ResponsiveProps, 'minWidth' | 'maxWidth' | 'width'>>, 'id'>;
declare const Drawer: {
    ({ children, header, placement, parentElement, size, className, style, htmlProps, maxWidth, minWidth, width, withBackdrop, ref, ...rest }: DrawerProps): react.ReactPortal | null;
    displayName: string;
};

interface DrawerGroupProps {
    /**Barna til komponenten: trigger-element og `<Drawer>`. */
    children: ReactNode;
    /**
     * Om `<Drawer>` er åpen ved første render.
     */
    isInitiallyOpen?: boolean;
    /**
     * Implementerer kontrollert tilstand: om `<Drawer>` er åpen.
     */
    isOpen?: boolean;
    /**
     * Implementerer kontrollert tilstand: funksjon som kontrollerer `isOpen`.
     */
    setIsOpen?: Dispatch<SetStateAction<boolean>>;
    /**`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, isInitiallyOpen, isOpen: propIsOpen, setIsOpen: propSetIsOpen, drawerId, onOpen, onClose, }: DrawerGroupProps): react.JSX.Element;
    displayName: string;
};

type EmptyContentProps = {
    /**Tittel - kort oppsummering. */
    headerText?: string;
    /**Nivå på overskriften. Sørg for at den følger hierarkiet på siden.
     * @default 2
     */
    headerHeadingLevel?: HeadingLevel;
    /**Melding - beskrivelse og forklaring på hvordan brukeren kan få innhold. Kan inneholde lenker og andre interaktive elementer. */
    children: ReactNode;
} & Omit<HTMLAttributes<HTMLDivElement>, 'children'>;
declare function EmptyContent({ headerText, children, headerHeadingLevel, ...rest }: EmptyContentProps): react.JSX.Element;
declare namespace EmptyContent {
    var displayName: string;
}

type ErrorSummaryProps = BaseComponentPropsWithChildren<HTMLDivElement, {
    /**Custom overskrift. Bruker default heading tag hvis den er av typen `string`. */
    heading?: ReactNode;
}>;
declare const ErrorSummary: {
    ({ heading: pHeading, className, style, children, id, htmlProps, ...props }: ErrorSummaryProps): react.JSX.Element;
    displayName: string;
};

type ErrorSummaryItemProps<T extends ElementType> = LinkProps<T>;
declare const ErrorSummaryItem: {
    <T extends ElementType>({ className, style, children, id, htmlProps, ...props }: ErrorSummaryItemProps<T>): react.JSX.Element;
    displayName: string;
};

declare const FAVSTAR_SIZES: ["medium", "large"];
type ComponentSize = (typeof FAVSTAR_SIZES)[number];
type FavStarProps = 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 "favoritt"-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;
}, Omit<HTMLAttributes<HTMLElement>, 'onChange'>>;
declare const FavStar: {
    ({ id, className, style, onChange, checked: checkedProp, defaultChecked, size, htmlProps, ...rest }: FavStarProps): react.JSX.Element;
    displayName: string;
};

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.
     * @default "Hva syns du om tjenesten?"
     */
    ratingLabel?: string;
    /**Label til fritekstfeltet når bruker har gitt tommel opp.
     * @default "Hva kan vi forbedre? (valgfritt)"
     */
    positiveFeedbackLabel?: string;
    /**Label til fritekstfeltet når bruker har gitt tommel ned.
     *  @default "Hva kan vi forbedre? (valgfritt)"
     */
    negativeFeedbackLabel?: string;
    /**Tittel som vises når bruker har gitt tommel opp/ned, og enda ikke sendt inn kommentar.
     *  @default "Tusen takk! Tilbakemeldingen din hjelper oss å forbedre løsningen"
     */
    ratingSubmittedTitle?: string;
    /**Tittel som vises når bruker har gitt feedback (inkl. eventuell kommentar).
     * @default "Tusen takk! Tilbakemeldingen din hjelper oss å forbedre løsningen"
     */
    submittedTitle?: string;
    /**Tip som vises under tekstfeltet når bruker skal sende inn kommentar.
     * @default "Ikke send inn personopplysninger eller annen sensitiv informasjon"
     */
    textAreaTip?: string;
    /**Om tommel opp eller ned er valgt. Brukes når komponenten skal være styrt utenfra. */
    ratingValue?: Rating | null;
    /**Verdien til fritekstfeltet. Brukes når komponenten skal være styrt utenfra. */
    feedbackTextValue?: string;
    /**Tooltip-teksten til tommel-opp-knappen.
     * @default "Bra"
     */
    thumbUpTooltip?: string;
    /**Tooltip-teksten til tommel-ned-knappen.
     * @default "Dårlig"
     */
    thumbDownTooltip?: string;
    /**Om tilbakemeldingskomponenten skal ekskludere fritekstfeltet (i.e. kun ha tommel opp/ned).
     * @default false
     */
    feedbackTextAreaExcluded?: boolean;
    /**Om knappene skal vise spinner. Gjelder både tommel opp/ned knappene, og "send inn" knappen.
     * @default false
     */
    loading?: boolean;
    /**Om tilbakemelding er sendt inn. Brukes når komponenten skal være styrt utenfra. */
    isSubmitted?: boolean;
    /**Callback når bruker har gitt tommel-rating. */
    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, textAreaTip, ratingValue: ratingProp, feedbackTextValue: feedbackTextProp, thumbUpTooltip, thumbDownTooltip, feedbackTextAreaExcluded, loading, isSubmitted: isSubmittedProp, onRating, onFeedbackTextChange, onSubmit, }: FeedbackProps) => react.JSX.Element;

type FieldsetProps = BaseComponentPropsWithChildren<HTMLFieldSetElement, {
    /** Om alle inputfelt skal bli `disabled`. */
    disabled?: boolean;
}>;
declare const Fieldset: {
    ({ id, className, style, htmlProps, ...rest }: FieldsetProps): react.JSX.Element;
    displayName: string;
};

type FieldsetGroupProps = BaseComponentPropsWithChildren<HTMLDivElement>;
declare const FieldsetGroup: {
    ({ id, className, style, htmlProps, ...rest }: FieldsetGroupProps): react.JSX.Element;
    displayName: string;
};

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 FileUploaderAccept = MimeType | FileExtensionAccept;
interface RemoteFile {
    name: string;
    url: string;
}
type FileList = Array<File | RemoteFile>;
type UploadStatus = 'uploading' | 'success' | 'error';
interface UploadInfo {
    uploadStatus?: UploadStatus;
    errorMessage?: string;
}
type FileStatusMap = Map<string, UploadInfo>;

type FileUploaderHookProps = {
    /**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;
    /**Filendelser eller mime-typer filopplasteren skal akseptere. */
    accept: Array<FileUploaderAccept> | undefined;
    /**Om filopplasteren er avslått eller ikke. */
    disabled?: boolean;
    /**Om filopplasteren er read-only. */
    readOnly?: boolean;
    /**Maks antall filer som tillates. */
    maxFiles: number | undefined;
    onKeyDown?: ComponentProps<'input'>['onKeyDown'];
} & Pick<InputProps, 'errorMessage' | 'id'>;

type FileUploaderProps = {
    /**Id til filopplasteren. */
    id?: string;
    /**Ledetekst for slippsonen. Denne teksten skal, av UU-hensyn, henge sammen med den usynlige teksten: "velg fil med påfølgende knapp"
     * @default Dra og slipp filer her eller
     */
    dropAreaLabel?: string;
    /**Ledetekst for opplastingsknappen.
     * @default Velg fil
     */
    btnLabel?: string;
    /**Om det er påkrevd med minst én fil. */
    required?: boolean;
    /**Callback for når fil-listen endres. */
    onChange: (newFiles: FileList) => void;
    /**Om drag-and-drop zone skal vises.
     * @default true
     */
    withDragAndDrop?: boolean;
    /**Om listen med opplastede filer skal skjules. Brukes kun hvis listen blir vist på egen måte. */
    hideFileList?: boolean;
    /** Map som lar konsumenten styre info om opplasting på hver fil: status og feilmelding. Bruker `deriveId` prop som nøkkel. Statusinfo vises i fillisten. */
    fileStatusMap?: Map<string, UploadInfo>;
    /** Funksjon som genererer en ID for hver fil. Brukes som nøkkel i `fileStatusMap` prop for å kunne mappe status på opplasting av hver fil og vise det i fillisten. */
    deriveId?: (file: File | RemoteFile) => string;
    /**
     * Funksjon som lar brukeren prøve å laste opp en fil på nytt ved opplastlingfeil. Brukes sammen med `deriveId` og `fileStatusMap` props.
     */
    onRetry?: (fileId: string) => void;
} & Pick<ResponsiveProps, 'width'> & Partial<FileUploaderHookProps> & Omit<ComponentPropsWithRef<'div'>, 'onChange' | 'id'> & Pick<InputProps, 'tip' | 'label' | 'afterLabelContent'>;
declare const FileUploader: {
    (props: FileUploaderProps): react.JSX.Element;
    displayName: string;
};

type FooterProps = ComponentPropsWithRef<'footer'>;
declare const Footer: ({ className, ...rest }: FooterProps) => react.JSX.Element;

type FooterListHeaderProps = Omit<HeadingProps, 'level' | 'withMargins'>;
declare const FooterListHeader: (props: FooterListHeaderProps) => react.JSX.Element;

type HideBreakpoint = 'xs' | 'sm' | 'md';
type FooterLogoProps = ComponentPropsWithRef<'img'> & {
    /**Brekkepunkt når logoen skal skjules på mindre skjerm. */
    hideBreakpoint?: HideBreakpoint;
};
declare const FooterLogo: ({ hideBreakpoint, ...rest }: FooterLogoProps) => react.JSX.Element;

type FooterListProps = ComponentPropsWithRef<'ul'>;
declare const FooterList: ({ className, ...rest }: FooterListProps) => react.JSX.Element;

type FooterSocialsListProps = ComponentPropsWithRef<'ul'>;
declare const FooterSocialsList: ({ className, ...rest }: FooterSocialsListProps) => react.JSX.Element;

type FooterSocialsGroupProps = ComponentPropsWithRef<'div'>;
declare const FooterSocialsGroup: ({ className, ...rest }: FooterSocialsGroupProps) => react.JSX.Element;

type FooterListGroupProps = ComponentPropsWithRef<'div'>;
declare const FooterListGroup: ({ className, ...rest }: FooterListGroupProps) => react.JSX.Element;

type FooterLeftProps = ComponentPropsWithRef<'div'>;
declare const FooterLeft: ({ className, ...rest }: FooterLeftProps) => react.JSX.Element;

type FormSummaryProps = Pick<PaperProps, 'children' | 'htmlProps' | 'ref' | 'id' | 'style' | 'className' | 'padding' | 'paddingBlock' | 'paddingInline' | 'margin' | 'marginBlock' | 'marginInline' | 'width' | 'minWidth' | 'maxWidth'>;
declare const FormSummary: (props: FormSummaryProps) => react.JSX.Element;

type InputMessageType = 'error' | 'tip';
type InputMessageProps = BaseComponentProps<HTMLDivElement, {
    /**Innhold. */
    children?: ReactNode;
    /** Formålet med meldingen. Påvirker styling.
     * @default "error"
     */
    messageType: InputMessageType;
} & Pick<ResponsiveProps, 'margin' | 'marginInline' | 'marginBlock'>>;
declare const InputMessage: {
    ({ messageType, id, className, style, htmlProps, children, ...rest }: InputMessageProps): react.JSX.Element;
    displayName: string;
};
interface RenderInputMessageProps {
    tip?: string;
    tipId?: string;
    errorMessage?: string;
    errorMessageId?: string;
    noSpacing?: boolean;
}
declare const renderInputMessage: ({ tip, tipId, errorMessage, errorMessageId, noSpacing, }: RenderInputMessageProps) => react.JSX.Element;

type FormSummaryHeaderProps = ComponentPropsWithRef<'div'>;
declare function FormSummaryHeader({ ...props }: FormSummaryHeaderProps): react.JSX.Element;
type FormSummaryHeadingProps = {
    /** Heading level. */
    level?: Exclude<HeadingProps['level'], 1>;
} & Omit<HeadingProps, 'level'>;
declare function FormSummaryHeading({ level, ...props }: FormSummaryHeadingProps): react.JSX.Element;
type FormSummaryEditButtonProps = {
    /**Formål med knappen. */
    purpose?: ExtractStrict<ButtonPurpose, 'secondary' | 'tertiary'>;
} & Omit<ButtonProps, 'purpose'>;
declare function FormSummaryEditButton({ purpose, ...props }: FormSummaryEditButtonProps): react.JSX.Element;
type FormSummaryFieldsProps = Omit<DescriptionListProps, 'direction'>;
declare function FormSummaryFields({ ...props }: FormSummaryFieldsProps): react.JSX.Element;
type FormSummaryFieldProps = ComponentPropsWithRef<'div'>;
declare function FormSummaryField({ className, ...props }: FormSummaryFieldProps): react.JSX.Element;
type FormSummaryLabelProps = DescriptionListTermProps;
declare function FormSummaryLabel(props: FormSummaryLabelProps): react.JSX.Element;
type FormSummaryValueProps = {
    /**Hvis data hentes fra ekstern kilde kan feltet vise innlastning. */
    isLoading?: boolean;
} & DescriptionListDescProps;
declare function FormSummaryValue({ className, isLoading, children, ...props }: FormSummaryValueProps): react.JSX.Element;
declare function FormSummaryEmptyValue(): react.JSX.Element;
type FormSummaryErrorProps = Omit<InputMessageProps, 'messageType' | 'message'>;
declare function FormSummaryError({ ...props }: FormSummaryErrorProps): react.JSX.Element;

declare const G_MESSAGE_PURPOSES: ["info", "warning", "danger"];
type GlobalMessagePurpose = (typeof G_MESSAGE_PURPOSES)[number];
type GlobalMessageProps = BaseComponentProps<HTMLDivElement, {
    /**Melding. */
    children?: ReactNode;
    /**Formålet med meldingen. Påvirker styling.
     * @default "info"
     */
    purpose?: GlobalMessagePurpose;
    /**Indikerer om meldingen skal være lukkbar. */
    closable?: boolean;
    /**Ekstra logikk å kjøre når meldingen lukkes. */
    onClose?: () => void;
}>;
declare const GlobalMessage: {
    ({ purpose, closable, onClose, children, id, className, style, htmlProps, ...rest }: GlobalMessageProps): react.JSX.Element | null;
    displayName: string;
};

type InlineButtonProps = {
    /**
     * Enestående ikon; bruk av denne propen sørge for riktig visning av ikonet.
     */
    icon?: SvgIcon;
} & Pick<BaseTypographyProps, 'color'> & Omit<ComponentPropsWithRef<'button'>, 'color'>;
declare const InlineButton: ({ className, color, icon, children, ...rest }: InlineButtonProps) => react.JSX.Element;

interface InlineEditContextType {
    onChange: (e: ChangeEvent<EditElement>) => void;
    onBlur: (e: FocusEvent<EditElement>) => void;
    onFocus: (e: FocusEvent<EditElement>) => void;
    isEditing: boolean;
    value: string | number | ReadonlyArray<string> | undefined;
    emptiable: boolean;
}

interface TagToElementMap {
    input: HTMLInputElement;
    textarea: HTMLTextAreaElement;
    select: HTMLSelectElement;
}
type EditElementTag = keyof TagToElementMap;
type EditElement = TagToElementMap[EditElementTag];
type PickedContextType = Partial<Omit<InlineEditContextType, 'isEditing' | 'emptiable'>>;
type InlineEditHTMLProps<T extends EditElementTag> = Omit<React.ComponentPropsWithRef<T>, keyof PickedContextType | 'width'>;
interface CommonInlineFieldProps {
    /**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.
     * @default "140px"
     */
    width?: ResponsiveProps['width'];
    /**Om redigeringsikonet skal vises. */
    hideIcon?: boolean;
}
type InlineEditGenericProps<T extends EditElementTag> = CommonInlineFieldProps & InlineEditHTMLProps<T> & {
    /**Callback for når verdien blir lagret. */
    onSetValue?: (value: string) => void;
    /**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;
    /**HTML `value`. */
    value?: ComponentProps<T>['value'];
};
type InlineEditTextAreaProps = InlineEditGenericProps<'textarea'>;
type InlineEditInputProps = InlineEditGenericProps<'input'>;
type InlineEditSelectProps = InlineEditGenericProps<'select'>;

declare const InlineEditTextArea: ({ onSetValue, emptiable, value, onFocus, onChange, onBlur, ref, ...rest }: InlineEditTextAreaProps) => react.JSX.Element;

declare const InlineEditInput: ({ onSetValue, emptiable, value, onFocus, onChange, onBlur, ref, ...rest }: InlineEditInputProps) => react.JSX.Element;

declare const InlineEditSelect: ({ onSetValue, emptiable, value, onFocus, onChange, onBlur, ref, ...rest }: InlineEditSelectProps) => react.JSX.Element;

type NavigationLinkProps = {
    children: ReactNode;
    href: string;
} & AnchorHTMLAttributes<HTMLAnchorElement>;
type ContextMenuElementProps = {
    children: ReactNode;
    href?: string;
    icon?: SvgIcon;
    onClick?: () => void;
} & (AnchorHTMLAttributes<HTMLAnchorElement> | ButtonHTMLAttributes<HTMLButtonElement>);
interface InternaHeaderUserProps {
    children: ReactNode;
    href?: string;
}
type InternalHeaderProps = BaseComponentProps<HTMLDivElement, {
    /**Navn på applikasjonen. */
    applicationName?: string;
    /**Beskrivelse på applikasjonen ellen tittel på en underside. Tilgjengelig fram til Lovisa Next kommer. */
    applicationDesc?: string;
    /**URL til hovedsiden. */
    applicationHref?: string;
    /**Brekkpunkt for små skjermer; den justerer på spacing og legger navigasjonen i kontekstmenyen. */
    smallScreenBreakpoint?: Breakpoint;
    /**Info om brukeren. Dukker opp som punkt på toppen av kontekstmenyen med tekst oppgitt i name. Blir en lenke hvis href er oppgitt. */
    user?: InternaHeaderUserProps;
    /**Lenker som skal vises i navigasjonsmenyen. */
    navItems?: Array<NavigationLinkProps>;
    /**Lenker eller knapper som skal vises i kontekstmenyen. Støtter ikon i tillegg til tekst. */
    contextMenuItems?: Array<ContextMenuElementProps>;
    /**URL til siden i navigasjonen brukeren er på. Gir highlight til navigasjonselementet i navItems med samme URL. */
    currentPageHref?: string;
    /**Ekstra logikk som kjøres når currentPage endres. */
    onCurrentPageChange?: () => void;
}>;

declare const InternalHeader: {
    (props: InternalHeaderProps): react.JSX.Element;
    displayName: string;
};

type ListType = 'ordered' | 'unordered';
type ListTypographyType = TypographyBodyLongType | 'inherit';
type ListProps = BaseComponentPropsWithChildren<HTMLUListElement | HTMLOListElement, {
    /**Spesifiserer om komponenten skal returnere `<ul>` (punktliste) eller `<ol>` (nummerert liste).
     * @default "unordered"
     */
    listType?: ListType;
    /**Spesifiserer typografi for listen. Komponenten arver i utgangspunktet fra forelder, men hvis forelder stiller ikke med relevant styling  må det velges `TypographyBodyType` som brukes i `<body>` ellers på siden.
     *  @default "inherit"
     */
    typographyType?: ListTypographyType;
}>;
declare const List: {
    ({ listType, typographyType, children, id, className, style, htmlProps, ...rest }: ListProps): react.JSX.Element;
    displayName: string;
};

type ListItemProps = ComponentPropsWithRef<'li'>;
declare const ListItem: {
    ({ className, ...rest }: ListItemProps): react.JSX.Element;
    displayName: string;
};

declare const L_MESSAGE_PURPOSES: ["info", "success", "warning", "danger", "tips"];
type LocalMessagePurpose = (typeof L_MESSAGE_PURPOSES)[number];
type LocalMessageLayout = 'horisontal' | 'vertical';
type LocalMessageProps = BaseComponentProps<HTMLDivElement, {
    /**Innhold i meldingen. */
    children?: ReactNode;
    /**Formålet med meldingen. Påvirker styling.
     * @default "info"
     */
    purpose?: LocalMessagePurpose;
    /** Indikerer om meldingen skal være lukkbar.*/
    closable?: boolean;
    /**Ekstra logikk å kjøre når meldingen lukkes. */
    onClose?: () => void;
    /**Layoutet i komponenten. Ved kompleks innhold anbefales `layout='vertical'`.
     * @default "horisontal"
     */
    layout?: LocalMessageLayout;
} & Pick<ResponsiveProps, 'width'>>;
declare const LocalMessage: {
    ({ purpose, closable, onClose, width, layout, children, id, className, style, htmlProps, ...rest }: LocalMessageProps): react.JSX.Element | null;
    displayName: string;
};

type ModalProps = BaseComponentPropsWithChildren<HTMLDivElement, {
    /**Spesifiserer om `<Modal>` skal åpnes. */
    isOpen?: boolean;
    /**Funksjon kjørt ved lukking; gjør at `<Modal>` blir lukkbar via: Esc-tast, klikk utenfor, klikk på dedikert lukkeknapp. */
    onClose?: () => void;
    /**Fordeler DOM node for `<Modal>` via React portal. Brukes med f.eks `document.getElementById("id")` eller `ref` (skaper ikke ny DOM node).
     * @default themeProviderRef
     */
    parentElement?: HTMLElement;
    /**Header i `<Modal>`. Returnerer default `<Heading>` ved `string`. Setter også `aria-labelledby`. */
    header?: string | ReactNode;
    /**Ref som brukes til returnering av fokus. */
    triggerRef?: RefObject<HTMLElement | null>;
    /**Ref som skal motta fokus når `<Modal>` åpnes. Hvis utelatt blir `<Modal>` fokusert. */
    initialFocusRef?: RefObject<HTMLElement | null>;
    /** Gjør at innholdet kan scrolles */
    scrollable?: boolean;
}>;
declare const Modal: {
    ({ isOpen, parentElement, children, header, onClose, id, triggerRef, initialFocusRef, scrollable, className, style, htmlProps, ref, ...rest }: ModalProps): react.ReactPortal | null;
    displayName: string;
};

type ModalBodyProps = BaseComponentPropsWithChildren<HTMLDivElement, {
    /**Gjør at innholdet kan scrolles. Det må eventuelt settes (max)bredde og (max)høyde styling på både denne subkomponenten og `<Modal />`.  */
    scrollable?: boolean;
    /**Høyde på container. Kan resultere i scrolling. */
    height?: ResponsiveProps['height'];
}>;
declare const ModalBody: {
    ({ children, id, className, style, scrollable, htmlProps, height, ...rest }: ModalBodyProps): react.JSX.Element;
    displayName: string;
};

type ModalActionsProps = ComponentPropsWithRef<'div'>;
declare const ModalActions: {
    (props: ModalActionsProps): react.JSX.Element;
    displayName: string;
};

interface NewsPopoverSlide {
    /**`<img>` bilde. */
    image: ReactNode;
    /**Overskiftstekst. */
    heading: string;
    /**Løpende tekst med detaljer. */
    text: string;
}
type NewsPopoverProps = BaseComponentProps<HTMLElement, {
    /**Header-tekst. */
    header: string;
    /**Innhold i nyhetene. */
    news: Array<NewsPopoverSlide>;
    /**Aktiv nyhet ved første render i ukontrollert tilstand. */
    defaultActiveSlide?: number;
    /**Implementerer kontrollert tilstand: aktiv nyhet. */
    activeSlide?: number;
    /** Implementerer kontrollert tilstand: setter `aktivSlide`.  */
    setActiveSlide?: Dispatch<SetStateAction<number>>;
    /**Om komponenten skal være åpen på første render i ukontrollert tilstand.  */
    isInitiallyOpen?: boolean;
    /**Implementerer kontrollert tilstand: om komponenten skal være åpen.  */
    isOpen?: boolean;
    /**Implementerer kontrollert tilstand: setter `isOpen`.  */
    setIsOpen?: Dispatch<SetStateAction<boolean>>;
    /**
     * Om komponenten skal lukkes på klikk utenfor.
     * @default true
     */
    closeOnClickOutside?: boolean;
    /**
     * Brekkpunkt for små skjermer;
     * gjør at komponenten tar 100% bredde av forelderen.
     * @default 'xs'
     */
    smallScreenBreakpoint?: Breakpoint;
}>;
declare const NewsPopover: {
    ({ id, className, style, htmlProps, header, news, defaultActiveSlide, activeSlide: activeSlideProp, setActiveSlide: setActiveSlideProp, isOpen: isOpenProp, isInitiallyOpen, setIsOpen: setIsOpenProp, smallScreenBreakpoint, closeOnClickOutside, ref, ...rest }: NewsPopoverProps): react.JSX.Element | null;
    displayName: string;
};

declare const OverflowMenu: {
    ({ placement, offset, parentElement, portal, className, htmlProps, ref, style, ...rest }: OverflowMenuProps): react.JSX.Element;
    displayName: string;
};

type OverflowMenuButtonProps = Omit<DropdownItemProps<typeof StylelessButton>, 'as'>;
type OverflowMenuLinkProps = Omit<DropdownItemProps<'a'>, keyof DropdownItemButtonProps | 'as'>;
type OverflowMenuSpanProps = Omit<DropdownItemProps<'span'>, keyof DropdownItemButtonProps | 'as'>;
type OverflowMenuToggleProps = Omit<DropdownItemProps<typeof Toggle>, keyof DropdownItemButtonProps | 'as' | 'purpose' | 'icon'>;
type OverflowMenuProps = Omit<BaseComponentPropsWithChildren<HTMLDivElement, {
    /**Plassering av menyen i forhold til anchor-elementet.
     * @default "bottom-end"
     */
    placement?: Placement;
    /**Avstand fra anchor-elementet i px.
     * @default 2
     */
    offset?: number;
    /**Angir rotnode hvor menyen skal rendres hvis portal=false.
     * Hvis parentElement ikke er satt vil menyen rendres i det elementet som OverflowMenu er plassert i.
     * Hvis portal er true, vil parentElement bli ignorert.
     * @default themeProviderRef
     */
    parentElement?: HTMLElement;
    /**Angir om menyen skal rendres i en portal eller ikke.
     * Hvis portal er false, vil parentElement bli brukt hvis det er satt.
     * @default true
     */
    portal?: boolean;
}>, 'id'>;

declare const OverflowMenuButton: {
    ({ onClick, onClickAsync, closeMenuOnClickAsync, purpose, loading, ref, ...rest }: OverflowMenuButtonProps): react.JSX.Element;
    displayName: string;
};

declare const OverflowMenuLink: {
    ({ onClick, ref, ...rest }: OverflowMenuLinkProps): react.JSX.Element;
    displayName: string;
};

declare const OverflowMenuToggle: {
    ({ ref, ...rest }: OverflowMenuToggleProps): react.JSX.Element;
    displayName: string;
};

type OverflowMenuDividerProps = Omit<DividerProps, 'color'>;
declare const OverflowMenuDivider: {
    ({ id, className, style, htmlProps, ...rest }: OverflowMenuDividerProps): react.JSX.Element;
    displayName: string;
};

type OverflowMenuListProps = StylelessListProps;
declare const OverflowMenuList: (props: OverflowMenuListProps) => react.JSX.Element;

declare const OverflowMenuSpan: {
    (props: OverflowMenuSpanProps): react.JSX.Element;
    displayName: string;
};

type OverflowMenuListHeaderProps = ComponentPropsWithRef<'h2'>;
declare const OverflowMenuListHeader: {
    (props: OverflowMenuListHeaderProps): react.JSX.Element;
    displayName: string;
};

interface OverflowMenuGroupProps {
    /**Om `<OverflowMenu>` er åpen ved første render.
     * @default false
     */
    isInitiallyOpen?: boolean;
    /**Implementerer kontrollert tilstand: forteller `<OverflowMenu>` om den skal være åpen. */
    isOpen?: boolean;
    /**Implementerer kontrollert tilstand: funksjon for å kontrollere `isOpen`. */
    setIsOpen?: Dispatch<SetStateAction<boolean>>;
    /**Callback når `<OverflowMenu>` åpnes. */
    onOpen?: () => void;
    /**Callback når `<OverflowMenu>` lukkes. */
    onClose?: () => void;
    /**Barn, anchor-elementet som første og `<OverflowMenu>` som andre. */
    children: ReactNode;
    /**Custom id for `<OverflowMenu>`. */
    overflowMenuId?: string;
}
declare const OverflowMenuGroup: {
    ({ children, onClose, onOpen, setIsOpen: propSetIsOpen, isOpen: propIsOpen, isInitiallyOpen, overflowMenuId, }: OverflowMenuGroupProps): react.JSX.Element;
    displayName: string;
};

interface PaginationOption {
    label: string;
    value: number;
}
type PaginationProps = BaseComponentProps<HTMLElement, {
    /**Totalt antall elementer som skal pagineres. */
    itemsAmount: number;
    /**Antall elementer per side ved innlastning.
     * @default 10
     */
    defaultItemsPerPage?: number;
    /**Den aktive siden ved innlastning.
     * @default 1
     */
    defaultActivePage?: number;
    /**Den aktive siden. Brukes til kontrollert tilstand - når denne er satt styrer du siden utenfra. */
    activePage?: number;
    /**Spesifiserer om selve pagineringen skal vises.
     * @default true
     */
    withPagination?: boolean;
    /**Om teksten `'Vis x-y av z'` skal vises. */
    withCounter?: boolean;
    /**Om `<Select>` for å velge antall per side skal vises. */
    withSelect?: boolean;
    /**Custom options for `<Select>`. **OBS!** husk å inkludere "Alle"-alternativet hvis relevant - brukere forventer ofte den muligheten.
     * @default [
        { label: '10', value: 10 },
        { label: '25', value: 25 },
        { label: '50', value: 50 },
        { label: 'Alle', value: itemsAmount },
      ]
     */
    selectOptions?: Array<PaginationOption>;
    /**Kalles ved sideendring - henter ny aktiv side og kjører ekstra logikk. */
    onChange?: (event: React.MouseEvent<HTMLButtonElement, MouseEvent>, page: number) => void;
    /**Kalles når `selectedOption` endres, hvis `withSelect="true"`.
     * Brukes til å hente valgt alternativ og evt. kjøre ekstra logikk.
     */
    onSelectOptionChange?: (option: PaginationOption | null) => void;
    /**Brekkpunkt for små skjermer; den viser færre sideknapper og stacker delkomponentene. */
    smallScreenBreakpoint?: Breakpoint;
}, Omit<HTMLAttributes<HTMLElement>, 'onChange'>>;
declare const Pagination: {
    ({ itemsAmount, defaultItemsPerPage, defaultActivePage, activePage: activePageProp, withPagination, withCounter, withSelect, selectOptions, smallScreenBreakpoint, onChange, onSelectOptionChange, id, className, style, htmlProps, ref, ...rest }: PaginationProps): react.JSX.Element | null;
    displayName: string;
};

type ISOCountryCode = 'AF' | 'AL' | 'DZ' | 'AS' | 'AD' | 'AO' | 'AI' | 'AG' | 'AR' | 'AM' | 'AW' | 'AU' | 'AT' | 'AZ' | 'BS' | 'BH' | 'BD' | 'BB' | 'BY' | 'BE' | 'BZ' | 'BJ' | 'BM' | 'BT' | 'BO' | 'BA' | 'BW' | 'BR' | 'IO' | 'VG' | 'BN' | 'BG' | 'BF' | 'BI' | 'KH' | 'CM' | 'CA' | 'CV' | 'KY' | 'CF' | 'TD' | 'CL' | 'CN' | 'CX' | 'CC' | 'CO' | 'EH' | 'KM' | 'CD' | 'CG' | 'CK' | 'CR' | 'CI' | 'HR' | 'CU' | 'CW' | 'CY' | 'CZ' | 'DK' | 'DJ' | 'DM' | 'DO' | 'EC' | 'EG' | 'SV' | 'GQ' | 'GS' | 'ER' | 'EE' | 'ET' | 'FK' | 'FO' | 'FJ' | 'FI' | 'FR' | 'GF' | 'PF' | 'GA' | 'GM' | 'GE' | 'DE' | 'GH' | 'GI' | 'GR' | 'GL' | 'GD' | 'GP' | 'GU' | 'GT' | 'GG' | 'GN' | 'GW' | 'GY' | 'HT' | 'HM' | 'HN' | 'HK' | 'HU' | 'IS' | 'IN' | 'ID' | 'IR' | 'IQ' | 'IE' | 'IM' | 'IL' | 'IT' | 'JM' | 'JP' | 'JE' | 'JO' | 'KZ' | 'KE' | 'KI' | 'XK' | 'KW' | 'KG' | 'LA' | 'LV' | 'LB' | 'LS' | 'LR' | 'LY' | 'LI' | 'LT' | 'LU' | 'MO' | 'MK' | 'MG' | 'MW' | 'MY' | 'MV' | 'ML' | 'MT' | 'MH' | 'MQ' | 'MR' | 'MU' | 'YT' | 'MX' | 'FM' | 'MD' | 'MC' | 'MN' | 'ME' | 'MS' | 'MA' | 'MZ' | 'MM' | 'NA' | 'NR' | 'NP' | 'NL' | 'NC' | 'NZ' | 'NI' | 'NE' | 'NG' | 'NU' | 'NF' | 'KP' | 'MP' | 'NO' | 'OM' | 'PK' | 'PW' | 'PS' | 'PA' | 'PG' | 'PY' | 'PE' | 'PH' | 'PL' | 'PT' | 'PR' | 'QA' | 'RE' | 'RO' | 'RU' | 'RW' | 'BL' | 'SH' | 'KN' | 'LC' | 'MF' | 'PM' | 'VC' | 'WS' | 'SM' | 'ST' | 'SA' | 'SN' | 'RS' | 'SC' | 'SL' | 'SG' | 'SX' | 'SK' | 'SI' | 'SB' | 'SO' | 'ZA' | 'KR' | 'SS' | 'ES' | 'LK' | 'SD' | 'SR' | 'SJ' | 'SZ' | 'SE' | 'CH' | 'SY' | 'TW' | 'TJ' | 'TZ' | 'TH' | 'TL' | 'TG' | 'TK' | 'TO' | 'TT' | 'TN' | 'TR' | 'TM' | 'TC' | 'TV' | 'VI' | 'UG' | 'UA' | 'AE' | 'GB' | 'US' | 'UY' | 'UZ' | 'VU' | 'VA' | 'VE' | 'VN' | 'WF' | 'YE' | 'ZM' | 'ZW' | 'AX';

interface PhoneInputValue {
    countryCode: ISOCountryCode | (string & {});
    phoneNumber: string;
}
type PhoneInputProps = {
    /**
     * Custom id for gruppen ved behov. setter `${id}-country-code` som `id` for landskode og `${id}-phone-number` for telefonnummer.
     */
    id?: string;
    /**
     * Verdi bestående av landskode og telefonnummer.
     * */
    value?: PhoneInputValue;
    /** Default verdi bestående av landkode og telefonnummer. */
    defaultValue?: PhoneInputValue;
    /**
     * `onChange` funksjon.
     */
    onChange?: (value: PhoneInputValue) => void;
    /** `name` attributt; setter `${name}-country-code` som `name` for landskode og `${name}-phone-number` for telefonnummer. */
    name?: string;
    /**
     * Brekkpunkt for små skjermer; den stacker subkomponentene vertikalt.
     */
    smallScreenBreakpoint?: Breakpoint;
    /**
     * Usynlig ledetekst for nedtrekksliste med landkoder. Brukes hvis default ikke passer eller ikke er beskrivende nok.
     * @default "Landskode"
     */
    selectLabel?: string;
    /**
     * Ref for nedtrekksliste med landkoder.
     */
    selectRef?: ForwardedRef<HTMLSelectElement>;
    /**
     * Usynlig ledetekst for gruppen.  Brukes hvis default ikke passer eller ikke er beskrivende nok.
     * @default "Landskode og telefonnummer"
     */
    groupLabel?: string;
} & Pick<InputProps, 'readOnly' | 'disabled' | 'width' | 'componentSize' | 'errorMessage' | 'label' | 'afterLabelContent' | 'tip' | 'required' | 'className' | 'style' | 'aria-required' | 'aria-describedby' | 'ref'>;
declare const PhoneInput: {
    ({ label, readOnly, errorMessage, tip, required, width, componentSize, name, className, style, value, selectLabel, selectRef, onChange, defaultValue, "aria-required": ariaRequired, "aria-describedby": ariaDescribedby, groupLabel, afterLabelContent, ref, ...props }: PhoneInputProps): react.JSX.Element;
    displayName: string;
};

type PopoverSizeProps = Pick<ResponsiveProps, 'width' | 'height' | 'minWidth' | 'minHeight' | 'maxWidth' | 'maxHeight'>;
type PopoverProps = BaseComponentPropsWithChildren<HTMLDivElement, {
    /**Header. Bruker default semantisk heading hvis verdien er en `string`.  */
    header?: string | ReactNode;
    /**Om lukkeknapp skal vises.
     * @default true
     */
    withCloseButton?: boolean;
    /**Spesifiserer hvor komponenten skal plasseres i forhold til anchor-elementet.
     * @default "bottom"
     */
    placement?: Placement;
    /**Angir rotnode hvor popover skal rendres.
     * @default themeProviderRef
     */
    parentElement?: HTMLElement;
    /**Angir om popover skal rendre i en portal eller ikke.
     * @default "false"
     */
    portal?: boolean;
    /**Avstand fra anchor-elementet i px.
     * @default 8
     */
    offset?: number;
    /** Ekstra logikk kjørt når popover mister fokus. */
    onBlur?: () => void;
    /**Custom størrelse. */
    sizeProps?: PopoverSizeProps;
    /** Om focus skal returneres ved `blur`
     * @default true
     */
    returnFocusOnBlur?: boolean;
    /**Anchor ref ved custom kontrollert bruk uten `<PopoverGroup>` Kun for corner cases. */
    anchorRef?: RefObject<HTMLElement | null>;
    /**Spesifiserer om popover er åpen ved custom kontrollert bruk uten `<PopoverGroup>` Kun for corner cases. */
    isOpen?: boolean;
    /**Callback for lukking ved custom kontrollert bruk uten `<PopoverGroup>` Kun for corner cases. */
    onClose?: () => void;
}>;
declare const Popover: {
    ({ id, header, withCloseButton, onBlur, children, placement, parentElement, portal, offset, sizeProps, returnFocusOnBlur, className, htmlProps, anchorRef, isOpen: propIsOpen, onClose: propOnClose, style, ref, ...rest }: PopoverProps): react.JSX.Element | null;
    displayName: string;
};

interface PopoverGroupProps {
    /** Barna til wrapperen: anchor-element som det første og `<Popover>` som det andre.  */
    children: ReactNode;
    /**Forteller `<Popover>` om den skal være åpen på første render.  */
    isInitiallyOpen?: boolean;
    /**Implementerer kontrollert tilstand: forteller `<Popover>` om den skal være åpen.  */
    isOpen?: boolean;
    /**Implementerer kontrollert tilstand: funksjon for å kontrollere `isOpen`.  */
    setIsOpen?: Dispatch<SetStateAction<boolean>>;
    /**Callback når <Popover> åpnes. */
    onOpen?: () => void;
    /**Callback når <Popover> lukkes. */
    onClose?: () => void;
    /** `id` til `<Popover>.` */
    popoverId?: string;
}
declare const PopoverGroup: {
    ({ isOpen: propIsOpen, setIsOpen: propSetIsOpen, onClose, onOpen, isInitiallyOpen, children, popoverId, }: PopoverGroupProps): react.JSX.Element;
    displayName: string;
};

interface BaseItemProps {
    /** Om steget er valgt eller ikke. Settes av konsument. */
    active?: boolean;
    /** Om steget er ferdig eller ikke. Settes av konsument.
     * @default false
     */
    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 forelder og skal ikke settes manuelt. */
    index?: number;
}
type ProgressTrackerItemProps = BaseComponentPropsWithChildren<HTMLButtonElement, BaseItemProps & {
    /** Click-handler som gjør det mulig for bruker å klikke på steget for å navigere. Valgfri. */
    onClick?: (index: number) => void;
}> | BaseComponentPropsWithChildren<HTMLDivElement, BaseItemProps & {
    onClick?: undefined;
}>;
declare const ProgressTrackerItem: {
    (props: ProgressTrackerItemProps): react.JSX.Element;
    displayName: string;
};

type ProgressTrackerProps = BaseComponentPropsWithChildren<HTMLDivElement, {
    /** Indeksen til det aktive steget.
     * @default 0
     */
    activeStep?: number;
    /** Ekstra logikk ved klikking på et steg. */
    onStepChange?: (step: number) => void;
    /**Retning stegene gjengis i. OBS! Ikke tilpasset mindre skjermer. */
    direction?: Direction$1;
}>;
type ProgressTrackerComponent = ForwardRefExoticComponent<ProgressTrackerProps> & {
    Item: typeof ProgressTrackerItem;
};
declare const ProgressTracker: ProgressTrackerComponent;

declare const PROGRESS_BAR_SIZES: ["small", "medium"];
type ProgressBarSize = (typeof PROGRESS_BAR_SIZES)[number];
type ProgressBarProps = Pick<CommonInputProps, 'tip' | 'errorMessage' | 'label' | 'width'> & {
    /**
     * Størrelse.
     * @default "medium"
     */
    size?: ProgressBarSize;
    /**
     * Indikerer i hvor stor grad prosessen er fullført.
     * Den skal ha verdi over 0; mindre eller lik `max`, mindre eller lik 1 hvis `max` ikke er satt.
     * Hvis verdien er `undefined` eller ugyldig blir komponenten "indeterminate".
     */
    value?: number;
    /**
     * Verdi som indikerer at prosessen er fullført; maksimal verdi.
     * @default 1
     */
    max?: number;
} & Omit<ComponentPropsWithRef<'progress'>, 'max' | 'value'>;
declare const ProgressBar: {
    ({ label, tip, errorMessage, size, "aria-describedby": ariaDescribedby, value, width, max, id, className, style, ...rest }: ProgressBarProps): react.JSX.Element;
    displayName: string;
};

declare const SEARCH_SIZES: ["small", "medium", "large"];

type SearchSize = (typeof SEARCH_SIZES)[number];
type SearchButtonProps = {
    label?: string;
    purpose?: ExtractStrict<ButtonPurpose, 'primary' | 'secondary'>;
} & Pick<ButtonProps, 'loading' | 'loadingTooltip'> & ComponentPropsWithRef<'button'>;

type SearchProps = Pick<InputProps, 'tip' | 'label'> & {
    /**Størrelsen på komponenten. */
    componentSize?: SearchSize;
    /**Props for søkeknappen. */
    buttonProps?: SearchButtonProps;
    /**Om søkeikonet skal vises. */
    showIcon?: boolean;
} & Pick<InputProps, 'width'> & Omit<ComponentPropsWithRef<'input'>, 'width' | 'height'>;
declare const Search$1: {
    ({ componentSize, buttonProps, showIcon, name, label, tip, id, value, width, onChange, className, style, "aria-describedby": ariaDescribedby, ref, ...rest }: SearchProps): react.JSX.Element;
    displayName: string;
};

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.
     * @default 2
     */
    queryLength?: number;
    /** Barnet til subkomponenten - `<Search>`. */
    children?: ReactNode;
    /**Initielle `value` i `<Search>`. */
    value?: string;
}
declare const SearchAutocompleteWrapper: {
    (props: SearchAutocompleteWrapperProps): react.JSX.Element;
    displayName: string;
};

type SearchSuggestionsProps = BaseComponentProps<HTMLDivElement, {
    /**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: {
    ({ id, searchId, className, style, htmlProps, suggestions, showSuggestions, onSuggestionClick, maxSuggestions, ...rest }: SearchSuggestionsProps): react.JSX.Element;
    displayName: string;
};

type SearchCompoundProps = typeof Search$1 & {
    AutocompleteWrapper: typeof SearchAutocompleteWrapper;
    Suggestions: typeof SearchSuggestions;
};
declare const Search: SearchCompoundProps;

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> = {
    /**Størrelsen på komponenten.
     * @default "medium"
     */
    componentSize?: InputSize;
    /**Nedtrekkslisten blir `readonly` og får readOnly styling. */
    readOnly?: boolean;
    /** CSS klassenavn. */
    className?: string;
    /** Inline styling. */
    style?: React.CSSProperties;
    /** Custom element som vises for det valgte elementet. */
    customOptionElement?: (props: OptionProps<Option, IsMulti, GroupBase<Option>>) => JSX.Element;
    /** Custom element som vises i listen over alternativer. */
    customSingleValueElement?: (props: SingleValueProps<Option, IsMulti, GroupBase<Option>>) => JSX.Element;
    /** Testid. Legges på control-div med suffiks "control". */
    'data-testid'?: string;
    /**Ref til komponenten. */
    ref?: SelectForwardRefType<Option, IsMulti>;
} & CommonInputProps & InputIconProps & Pick<HTMLAttributes<HTMLInputElement>, 'aria-required'> & WrappedReactSelectProps<Option, IsMulti, GroupBase<Option>>;
type SelectForwardRefType<Option, IsMulti extends boolean> = Ref<SelectInstance<Option, IsMulti, GroupBase<Option>>>;
declare function Select<Option = unknown, IsMulti extends boolean = false>({ id, label, componentSize, errorMessage, tip, 'aria-required': ariaRequired, readOnly, options, isMulti, value, icon, defaultValue, width, closeMenuOnSelect, className, style, isDisabled, isClearable, placeholder, menuPortalTarget, menuPlacement, customOptionElement, customSingleValueElement, 'data-testid': dataTestId, onKeyDown, openMenuOnClick, ref, instanceId, afterLabelContent, hideSelectedOptions, ...rest }: SelectProps<Option, IsMulti>): JSX.Element;
declare namespace Select {
    var displayName: string;
}

type NativeSelectProps = {
    /** Om brukeren kan fjerne verdien med en tømmeknapp. */
    clearable?: boolean;
    /** Implementerer `readOnly` oppførsel etter standard for `<input>` og setter `readOnly` styling. */
    readOnly?: InputProps['readOnly'];
} & CommonInputProps & Pick<InputProps, 'componentSize'> & InputIconProps & ComponentPropsWithRef<'select'>;
declare const NativeSelect: ({ ref, id, children, componentSize, label, multiple, readOnly, errorMessage, tip, required, "aria-required": ariaRequired, "aria-describedby": ariaDescribedby, width, className, style, onKeyDown, onMouseDown, clearable, afterLabelContent, onChange, icon, ...rest }: NativeSelectProps) => react.JSX.Element;

declare const createSelectOptions: <TValue extends string | number>(...args: Array<TValue>) => Array<SelectOption<TValue>>;

declare const RadioButton: {
    ({ id, name, label, disabled, readOnly, error, checked, value, children, required, onChange, "aria-describedby": ariaDescribedby, className, htmlProps, style, ...rest }: RadioButtonProps): react.JSX.Element;
    displayName: string;
};

type RadioButtonGroupProps<T extends string | number> = BaseComponentPropsWithChildren<HTMLDivElement, SelectionControlGroupCommonProps & {
    /** Gir alle barna `name` prop.*/
    name?: string;
    /**Funksjonen for onChange-event for barna. */
    onChange?: (event: ChangeEvent<HTMLInputElement>, value: T | undefined) => void;
    /** Gjør alle barna påkrevd ved å gi dem `required` prop. Legger en markør (*) bak ledeteksten. */
    required?: boolean;
    /**Verdi - en `<RadioButton>` med denne verdien blir valgt med controlled state. */
    value?: T | undefined;
    /**Default verdi - en `<RadioButton>` med denne verdien blir forhåndsvalgt med uncontrolled state. */
    defaultValue?: T | undefined;
}, Omit<HTMLAttributes<HTMLDivElement>, 'onChange'>>;
declare const RadioButtonGroup: {
    <T extends string | number = string>({ name, label, groupId, errorMessage, tip, disabled, readOnly, direction, value, defaultValue, children, required, onChange, id, className, style, htmlProps, ...rest }: RadioButtonGroupProps<T>): react.JSX.Element;
    displayName: string;
};

type SkeletonAppearance = 'circle' | 'rectangle';
type SkeletonProps = {
    /**CSS border radius.
     * @default "var(--dds-border-radius-surface)"
     */
    borderRadius?: Property.BorderRadius;
} & Pick<ResponsiveProps, 'width' | 'height'> & ComponentPropsWithRef<'div'>;
declare const Skeleton: {
    ({ width, height, borderRadius, className, style, ref, ...rest }: SkeletonProps): react.JSX.Element;
    displayName: string;
};

type SkipToContentProps = BaseComponentProps<HTMLAnchorElement, {
    /** Teksten som vises i lenka.
     * @default "Til hovedinnhold"
     */
    text?: string;
    /**Spesifiserer hvor det skal hoppes til via `id`-attributtet til innholdet. */
    href: string;
    /**Avstand fra top i nærmeste posisjonert container.
     * @default 0
     */
    top?: Property.Top;
}>;
declare const SkipToContent: {
    ({ text, top, id, className, htmlProps, style, ...rest }: SkipToContentProps): react.JSX.Element;
    displayName: string;
};

type SpinnerProps = BaseComponentProps<SVGElement, {
    /**Farge på spinneren.
     * @default "iconActionResting"
     */
    color?: TextColor;
    /**Størrelse; Setter høyde og bredde på spinneren.
     * @default "var(--dds-size-icon-medium)"
     */
    size?: Property.Width;
    /**Tekst som vises ved hover.
     * @default "Innlasting pågår"
     */
    tooltip?: string;
}, Omit<HTMLAttributes<SVGSVGElement>, 'color'>>;
declare function Spinner(props: SpinnerProps): react.JSX.Element;
declare namespace Spinner {
    var displayName: string;
}

type SplitButtonPurpose = ExtractStrict<ButtonPurpose, 'primary' | 'secondary'>;
type SplitButtonPrimaryActionProps = Omit<ButtonProps, 'size' | 'purpose'>;
type SplitButtonSecondaryActionsProps = Array<OverflowMenuButtonProps>;
type SplitButtonProps = Pick<ButtonProps, 'size'> & {
    /**Props for primær handling. Samme props som for `<Button>` unntatt `size` og `purpose`. */
    primaryAction: SplitButtonPrimaryActionProps;
    /**Props for sekunære handlinger. */
    secondaryActions: SplitButtonSecondaryActionsProps;
    /**Formål med knappen.
     * @default "primary"
     */
    purpose?: SplitButtonPurpose;
} & ComponentPropsWithRef<'div'>;
declare const SplitButton: {
    ({ size, primaryAction, secondaryActions, purpose, className, ...rest }: SplitButtonProps): react.JSX.Element;
    displayName: string;
};

type TableBodyProps = ComponentPropsWithRef<'tbody'>;
declare const Body: {
    (props: TableBodyProps): react.JSX.Element;
    displayName: string;
};

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; legger en flex `<div>` i cellen, unntatt 'none' som ikke legger inn noe. 'tekst and icon' legger `gap` mellom barna og andre barnet i cellen.
     * @default "left"
     */
    layout?: TableCellLayout;
    /** Props ved bruk av `<CollapsibleRow>`. **OBS!** settes automatisk av forelder. */
    collapsibleProps?: CollapsibleProps;
} & (ComponentPropsWithRef<'td'> | ComponentPropsWithRef<'th'>);
declare const Cell: {
    ({ children, type: _type, layout, collapsibleProps, className, ...rest }: TableCellProps): react.JSX.Element;
    displayName: string;
};

type TableFootProps = ComponentPropsWithRef<'tfoot'>;
declare const Foot: {
    (props: TableFootProps): react.JSX.Element;
    displayName: string;
};

type TableHeadProps = ComponentPropsWithRef<'thead'>;
declare const Head: ({ children, ...rest }: TableHeadProps) => react.JSX.Element;

type TableSize = Extract<Size, 'small' | 'medium' | 'large'>;
type TableProps = {
    /**
     * Størrelse på tabellen. Påvirker tetthet i cellene og font.
     * @default "medium"
     */
    size?: TableSize;
    /**Spesifiserer om cellene i `<Head>` skal bli sticky ved scrolling. */
    stickyHeader?: boolean;
    /**Legger skillelinjer mellom radene. */
    withDividers?: boolean;
    /**Rader veksler bakgrunnsfarge.
     * @default true
     */
    withStripes?: boolean;
} & ComponentPropsWithRef<'table'>;
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.
     * @default "normal"
     **/
    mode?: RowMode;
    /**Spesifiserer om raden har blitt valgt/markert. */
    selected?: boolean;
    /**Spesifiserer om raden skal ha hover styling. Brukes hovedsakelig på rader med klikkbar innhold. */
    hoverable?: boolean;
} & ComponentPropsWithRef<'tr'>;

declare const Row: {
    ({ type: _type, mode, hoverable, selected, className, ...rest }: TableRowProps): react.JSX.Element;
    displayName: string;
};

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: {
    ({ isSorted, sortOrder, onClick, children, ...rest }: TableSortCellProps): react.JSX.Element;
    displayName: string;
};

declare const Table$1: {
    ({ size, stickyHeader, withDividers, withStripes, className, children, ...rest }: TableProps): react.JSX.Element;
    displayName: string;
};

type TableWrapperProps = HTMLAttributes<HTMLDivElement>;
declare const TableWrapper: {
    ({ className, ...rest }: TableWrapperProps): react.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: {
    ({ type: _type, className, mode, selected, hoverable, children, ref, ...rest }: TableRowProps): react.JSX.Element;
    displayName: string;
};

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;

declare const CollapsibleTable$1: {
    ({ isCollapsed, headerValues, definingColumnIndex, ...rest }: CollapsibleTableProps): react.JSX.Element;
    displayName: string;
};

type CollapsibleTableCompoundProps = typeof CollapsibleTable$1 & {
    Row: typeof CollapsibleRow;
};
declare const CollapsibleTable: CollapsibleTableCompoundProps;

type AddTabButtonProps = {
    /** Bredden. Her er det støtte for de samme enhetene som du kan bruke i `grid-template-columns`.
     * @default "1fr"
     */
    width?: CSS.Properties['width'];
    index?: number;
} & ComponentPropsWithRef<'button'>;
declare const AddTabButton: {
    ({ ref, children, index, className, width, ...rest }: AddTabButtonProps): react.JSX.Element;
    displayName: string;
};

declare const TABS_SIZES: ["small", "medium"];
type TabSize = (typeof TABS_SIZES)[number];
type TabsProps = BaseComponentPropsWithChildren<HTMLDivElement, {
    /**Størrelse på hver `<Tab>`. */
    size?: TabSize;
    /** 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.
     * @default "row"
     */
    tabContentDirection?: Direction$1;
    /** Props for "Legg til fane"-knapp. Støtter native HTML attributter og `width`. */
    addTabButtonProps?: Omit<AddTabButtonProps, 'index'>;
} & Pick<ResponsiveProps, 'width'>, Omit<HTMLAttributes<HTMLDivElement>, 'onChange'>>;
declare const Tabs: {
    ({ id, activeTab, onChange, tabContentDirection, size, addTabButtonProps, width, children, className, style, htmlProps, ...rest }: TabsProps): react.JSX.Element;
    displayName: string;
};

type PickedAttributes = Pick<ButtonHTMLAttributes<HTMLButtonElement>, 'onClick' | 'onKeyDown'>;
type TabProps = BaseComponentPropsWithChildren<HTMLButtonElement, {
    /**Spesifiserer om fanen er aktiv.
     * @default false
     */
    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>`. Støtter samme enheter som `grid-template-columns`.
     * @default "1fr"
     */
    width?: CSS.Properties['width'];
} & PickedAttributes, Omit<ButtonHTMLAttributes<HTMLButtonElement>, keyof PickedAttributes>>;
declare const Tab: {
    ({ active, icon, children, focus, setFocus, index, onClick, onKeyDown, id, className, htmlProps, style, width, ref, ...rest }: TabProps): react.JSX.Element;
    displayName: string;
};

type TabListProps = ComponentPropsWithRef<'div'>;
declare const TabList: {
    ({ children, id, style, onFocus, ref, ...rest }: TabListProps): react.JSX.Element;
    displayName: string;
};

type TabPanelProps = BaseComponentPropsWithChildren<HTMLDivElement, {
    /** Spesifiserer om panelet skal vises basert på aktiv fane. */
    active?: boolean;
    /** CSS `padding`. Støtter standardverdier og dds spacing tokens skala, per brekkpunkt eller samme for alle skjermstørrelser.
     * @default 'x0.25'
     */
    padding?: ResponsiveProps['padding'];
}>;
declare const TabPanel: {
    ({ active, children, id, className, style, htmlProps, padding, ...rest }: TabPanelProps): react.JSX.Element;
    displayName: string;
};

type TabPanelsProps = Pick<ResponsiveProps, 'padding' | 'paddingBlock' | 'paddingInline'> & ComponentPropsWithRef<'div'>;
declare const TabPanels: {
    ({ children, ref, ...rest }: TabPanelsProps): react.JSX.Element;
    displayName: string;
};

declare const TAG_PURPOSES: ["success", "info", "danger", "warning", "default"];
type TagPurpose = (typeof TAG_PURPOSES)[number];
type TagAppearance = 'default' | 'strong';
type TagProps = BaseComponentProps<HTMLSpanElement, {
    /**
     * Innholdet til `<Tag>.`
     */
    children?: string;
    /**
     * Formål med status eller kategorisering. Påvirker styling.
     * @default "default"
     */
    purpose?: TagPurpose;
    /**
     * Det visuelle uttrykket til komponenten.
     * @default "default"
     */
    appearance?: TagAppearance;
    /**
     * Om `<Tag>` skal ha et ikon til venstre for teksten. Tags med `purpose="default"` har aldri ikon.
     * @default false
     */
    withIcon?: boolean;
}>;
declare const Tag: {
    ({ purpose, appearance, id, className, style, children, htmlProps, withIcon, ...rest }: TagProps): react.JSX.Element;
    displayName: string;
};

type TextAreaProps = CommonInputProps & {
    /** Spesifiserer om tegntelleren skal vises ved bruk av `maxLength` attributt.
     * @default true
     */
    withCharacterCounter?: boolean;
} & ComponentPropsWithRef<'textarea'>;
declare const TextArea: {
    ({ id, value, defaultValue, onChange, errorMessage, required, tip, label, readOnly, "aria-required": ariaRequired, "aria-describedby": ariaDescribedby, maxLength, withCharacterCounter, className, style, width, ref, ...rest }: TextAreaProps): react.JSX.Element;
    displayName: string;
};

type TextInputProps = Omit<InputProps, 'prefix'> & InputIconProps & {
    /** Spesifiserer om tegntelleren skal vises ved bruk av `maxLength` attributt. */
    withCharacterCounter?: boolean;
    /**
     * 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;
}

declare const TextInput: {
    ({ label, afterLabelContent, disabled, readOnly, errorMessage, tip, required, maxLength, onChange, id, width, componentSize, type, withCharacterCounter, className, style, value, defaultValue, "aria-required": ariaRequired, "aria-describedby": ariaDescribedby, icon, prefix, suffix, ref, ...rest }: TextInputProps): react__default.JSX.Element;
    displayName: string;
};

type ToggleBarValue = string | number | null | undefined;
declare const TOGGLE_BAR_SIZES: ["xsmall", "small", "medium", "large"];
type ToggleBarSize = (typeof TOGGLE_BAR_SIZES)[number];
declare const TOGGLE_BAR_PURPOSES: ["primary", "secondary"];
type ToggleBarPurpose = (typeof TOGGLE_BAR_PURPOSES)[number];
type ToggleBarProps<T extends string | number> = BaseComponentPropsWithChildren<HTMLDivElement, {
    /**
     * Formål med komponenten.
     * @default "primary"
     */
    purpose?: ToggleBarPurpose;
    /**Størrelse på komponenten.
     * @default "medium"
     */
    size?: ToggleBarSize;
    /**Ledetekst for hele gruppen. */
    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?: ResponsiveProps['width'];
}, InputHTMLAttributes<HTMLInputElement>>;

declare const ToggleBar: {
    <T extends string | number = string>(props: ToggleBarProps<T>): react.JSX.Element;
    displayName: string;
};

type ToggleRadioProps = BaseComponentProps<HTMLInputElement, {
    /**Ledetekst som vises i komponenten. */
    label?: string;
    /**Ikonet som vises i komponenten. */
    icon?: SvgIcon;
} & Pick<InputHTMLAttributes<HTMLInputElement>, 'name' | 'checked' | 'value' | 'onChange' | 'aria-label' | 'aria-labelledby'>>;
declare const ToggleRadio: {
    ({ value, name, onChange, checked, "aria-label": ariaLabel, "aria-labelledby": ariaLabelledBy, icon, label, htmlProps, className, style, id, ...rest }: ToggleRadioProps): react.JSX.Element;
    displayName: string;
};

declare const TOGGLE_BUTTON_SIZES: ["xsmall", "small"];
type ToggleButtonProps = BaseComponentProps<HTMLInputElement, {
    /**Ledetekst for inputelementet. */
    label?: string;
    /** Ikon. */
    icon?: SvgIcon;
    /**Størrelse.
     * @default 'small'
     */
    size?: (typeof TOGGLE_BUTTON_SIZES)[number];
} & CheckboxPickedHTMLAttributes, InputHTMLAttributes<HTMLInputElement>>;

declare const ToggleButton: {
    ({ id, label, icon, size, className, style, htmlProps, ...rest }: ToggleButtonProps): react.JSX.Element;
    displayName: string;
};

type Direction = 'row' | 'column';
type ToggleButtonGroupProps = BaseComponentPropsWithChildren<HTMLDivElement, {
    /** Ledetekst for gruppen. */
    label?: string;
    /**Retningen barna legger seg i.
     * @default "row"
     */
    direction?: Direction;
    /** Custom `id` for ledetekst. Blir generert som default for å knytte ledetekst til gruppen.  */
    labelId?: string;
}>;
declare const ToggleButtonGroup: {
    (props: ToggleButtonGroupProps): react.JSX.Element;
    displayName: string;
};

type AnchorElement = ReactElement<HTMLAttributes<HTMLElement> & {
    ref: Ref<HTMLElement>;
}>;
type PickedHTMLAttributes = Pick<HTMLAttributes<HTMLDivElement>, 'style' | 'onMouseLeave' | 'onMouseOver'>;
type TooltipProps = BaseComponentProps<HTMLDivElement, {
    /**Innhold i tooltip. */
    text: string;
    /**Plassering i forhold til anchor-elementet.
     * @default "bottom"
     */
    placement?: Placement$1;
    /**Anchor-elementet. */
    children: AnchorElement;
    /**Forsinkelse for når tooltip skal dukke opp. Oppgis i millisekunder.
     * @default 100
     */
    delay?: number;
    /**`id` for tooltip. */
    tooltipId?: string;
    /**Om tooltip skal alltid være i DOM, eller bli rendret først når den skal vises. */
    keepMounted?: boolean;
} & PickedHTMLAttributes, Omit<HTMLAttributes<HTMLDivElement>, 'children' | keyof PickedHTMLAttributes>>;
declare const Tooltip: {
    ({ text, placement, children, tooltipId, delay, style, onMouseLeave, onMouseOver, keepMounted, id, ref, className, htmlProps, ...rest }: TooltipProps): react.JSX.Element;
    displayName: string;
};

type VisuallyHiddenProps<T extends ElementType = 'span'> = PolymorphicBaseComponentProps<T>;
declare const VisuallyHidden: {
    <T extends ElementType = "span">({ id, as: asProp, className, style, htmlProps, ...rest }: VisuallyHiddenProps<T>): react.JSX.Element;
    displayName: string;
};

export { Accordion, AccordionBody, type AccordionBodyProps, type AccordionConfig, AccordionContextProvider, AccordionHeader, type AccordionHeaderProps, type AccordionProps, type AccordionState, AddTabButton, type AddTabButtonProps, AddressShieldedIcon, AgreementIcon, AnimatedChevronUpDownIcon, type AnimatedChevronUpDownIconStates, AppsIcon, ArchiveIcon, ArrowDownIcon, ArrowLeftIcon, ArrowRightIcon, ArrowUpIcon, AttachmentIcon, BORDER_COLORS, BORDER_RADII, BackLink, type BackLinkProps, Backdrop, BarChartBoxedIcon, BarChartIcon, type BaseComponentProps, type BaseComponentPropsWithChildren, type BaseItemProps, type BaseLabelProps, type BaseTypographyProps, Bleed, type BleedProps, BlockIcon, type BlockTypographyResponsiveProps, BookIcon, type BorderColor, type BorderRadius, Box, type BoxProps, Breadcrumb, type BreadcrumbProps, Breadcrumbs, type BreadcrumbsProps, type Breakpoint, BriefcaseIcon, BuildIcon, BuildingIcon, Button, ButtonGroup, type ButtonGroupProps, type ButtonProps, type ButtonPurpose, type ButtonSize, Calendar, CalendarIcon, CalendarMonthIcon, type CalendarProps, CalendarViewDayIcon, CalendarViewMonthIcon, CalendarViewWeekIcon, CallIcon, type Callback, Caption, type CaptionProps, Card, CardExpandable, CardExpandableBody, type CardExpandableBodyProps, CardExpandableHeader, type CardExpandableHeaderProps, type CardExpandableProps, type CardProps, CardSelectable, CardSelectableGroup, type CardSelectableGroupProps, type CardSelectableProps, CaringIcon, ChatIcon, CheckCircledIcon, CheckIcon, Checkbox, CheckboxGroup, type CheckboxGroupProps, type CheckboxPickedHTMLAttributes, type CheckboxProps, ChecklistIcon, ChevronDownIcon, ChevronFirstIcon, ChevronLastIcon, ChevronLeftIcon, ChevronRightIcon, ChevronUpIcon, Chip, ChipGroup, type ChipGroupProps, type ChipProps, CircleFilledIcon, CircleIcon, CloseCircledIcon, CloseIcon, CloseSmallIcon, CloudIcon, CollapseIcon, CollapsibleTable, type CollapsibleTableProps, CollapsibleRow as CollapsibleTableRow, type ColumnsOccupied, CommentIcon, type CommonBlockTypographyProps, type CommonInlineTypographyProps, Contrast, type ContrastProps, CookieBanner, CookieBannerCheckbox, type CookieBannerCheckboxProps, type CookieBannerProps, CopyIcon, CourtIcon, DETAIL_LIST_SIZES, DatePicker, type DatePickerProps, DateRangeIcon, DdsProvider, type DdsProviderProps, type DdsTheme, DeathsIcon, DescriptionList, type DescriptionListAppearance, DescriptionListDesc, type DescriptionListDescProps, DescriptionListGroup, type DescriptionListGroupProps, type DescriptionListProps, DescriptionListTerm, type DescriptionListTermProps, DetailList, DetailListDesc, type DetailListDescProps, type DetailListProps, DetailListRow, type DetailListRowProps, type DetailListSize, DetailListTerm, type DetailListTermProps, 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, DropdownHeader, DropdownItem, type DropdownItemButtonProps, type DropdownItemCustomProps, type DropdownItemProps, ELEVATIONS, EditAltIcon, EditIcon, ElementAs, type Elevation, EmptyContent, type EmptyContentProps, ErrorIcon, ErrorSummary, ErrorSummaryItem, type ErrorSummaryItemProps, type ErrorSummaryProps, ExclaimIcon, ExpandIcon, type ExtractStrict, FacebookIcon, FamilyIcon, FavStar, type FavStarProps, Feedback, FeedbackIcon, type FeedbackProps, Fieldset, FieldsetGroup, type FieldsetGroupProps, type FieldsetProps, FileAddIcon, FileIcon, type FileList, FileShieldedIcon, FileSignedIcon, type FileStatusMap, FileTextIcon, FileUploader, type FileUploaderAccept, type FileUploaderProps, FilterIcon, FilterListIcon, FindInPageIcon, FlagFilledIcon, FlagIcon, FlickrIcon, type FloatingStyles, FloppyDiskIcon, FolderAddIcon, FolderIcon, FolderShieldedIcon, Footer, FooterLeft, type FooterLeftProps, FooterList, FooterListGroup, type FooterListGroupProps, FooterListHeader, type FooterListHeaderProps, type FooterListProps, FooterLogo, type FooterLogoProps, type FooterProps, FooterSocialsGroup, type FooterSocialsGroupProps, FooterSocialsList, type FooterSocialsListProps, FormSummary, FormSummaryEditButton, FormSummaryEmptyValue, FormSummaryError, FormSummaryField, FormSummaryFields, FormSummaryHeader, FormSummaryHeading, FormSummaryLabel, type FormSummaryProps, FormSummaryValue, FullscreenExitIcon, FullscreenIcon, GavelIcon, GlobalMessage, type GlobalMessageProps, type GlobalMessagePurpose, Grid, GridChild, type GridChildProps, type GridProps, GroupIcon, GuardianIcon, HStack, type HStackProps, type HTMLRootProps, Heading, type HeadingLevel, type HeadingProps, HelpFilledIcon, HelpIcon, HelpSimpleIcon, HiddenInput, HomeIcon, HourglassEmptyIcon, type HyphenTypographyType, Icon, type IconPosition, type IconProps, type IconSize, ImageIcon, InfoIcon, InlineButton, type InlineButtonProps, InlineEditInput, type InlineEditInputProps, InlineEditSelect, type InlineEditSelectProps, InlineEditTextArea, type InlineEditTextAreaProps, type InlineElement, type InlineTypographyResponsiveProps, InputMessage, type InputMessageProps, type InputMessageType, InstagramIcon, type InternaHeaderUserProps, InternalHeader, type InternalHeaderProps, JordskifterettIcon, JordskiftesakIcon, KeyIcon, L_MESSAGE_PURPOSES, Label, type LabelProps, LagmannsrettIcon, LanguageIcon, type Layout, Legend, type LegendProps, 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, LocationOffIcon, LockFilledIcon, LockIcon, LockOpenIcon, LoginIcon, LogoutIcon, MailIcon, MailOpenIcon, MapIcon, MenuIcon, MinusCircledIcon, MinusIcon, Modal, ModalActions, type ModalActionsProps, ModalBody, type ModalBodyProps, type ModalProps, MoonIcon, MoreHorizontalIcon, MoreVerticalIcon, NativeSelect, type NativeSelectProps, NewsPopover, type NewsPopoverProps, NotarialIcon, NotebookPenIcon, NotificationsIcon, NotificationsOffIcon, type Nullable, OnlineMeetingIcon, OpenExternalIcon, type OtherTypographyType, OverflowMenu, OverflowMenuButton, type OverflowMenuButtonProps, OverflowMenuDivider, OverflowMenuGroup, type OverflowMenuGroupProps, OverflowMenuLink, type OverflowMenuLinkProps, OverflowMenuList, OverflowMenuListHeader, type OverflowMenuProps, OverflowMenuSpan, type OverflowMenuSpanProps, OverflowMenuToggle, type OverflowMenuToggleProps, Pagination, type PaginationOption, type PaginationProps, PanelLeftIcon, Paper, type PaperBackground, type PaperBorder, type PaperBorderRadius, type PaperElevation, PaperPlaneIcon, type PaperProps, Paragraph, type ParagraphProps, PayoutIcon, PdfIcon, PersonAddIcon, PersonIcon, PersonShieldedIcon, PhoneInput, type PhoneInputProps, PinIcon, type Placement, PlusCircledIcon, PlusIcon, type PolymorphicBaseComponentProps, type PolymorphicProps, Popover, PopoverGroup, type PopoverGroupProps, type PopoverProps, type PopoverSizeProps, PowerOfAttorneyIcon, PrintIcon, ProgressBar, type ProgressBarProps, type ProgressBarSize, ProgressTracker, ProgressTrackerItem, type ProgressTrackerItemProps, type ProgressTrackerProps, PublishIcon, type Purpose, QuestionAnswerIcon, RadioButton, RadioButtonGroup, type RadioButtonGroupProps, type RadioButtonProps, type RadioValue, type Rating, ReceiptIcon, RedoIcon, RefreshIcon, type RemoteFile, ReplayIcon, type ResponsiveProps, type ResponsiveStackProps, RowsIcon, ScaleIcon, ScreenSize, Search, SearchAutocompleteWrapper, type SearchAutocompleteWrapperProps, type SearchButtonProps, type SearchData, SearchIcon, type SearchProps, type SearchSize, SearchSuggestions, type SearchSuggestionsProps, SectionIcon, Select, type SelectForwardRefType, type SelectOption, type SelectProps, SettingsIcon, ShowHide, type ShowHideProps, type Size, Skeleton, type SkeletonAppearance, type SkeletonProps, SkipToContent, type SkipToContentProps, SmsIcon, type SortOrder, type SpacingScale, Spinner, type SpinnerProps, SplitButton, type SplitButtonPrimaryActionProps, type SplitButtonProps, type SplitButtonPurpose, type SplitButtonSecondaryActionsProps, StarFilledIcon, StarHalfFilledIcon, StarIcon, type StaticTypographyType, StickyNoteIcon, StylelessButton, type StylelessButtonProps, StylelessList, type StylelessListProps, StylelessOList, type StylelessOListProps, SunIcon, SupportIcon, type SvgIcon, type SvgProps, SyncIcon, TG_HEADING_TYPES, Tab, TabList, type TabListProps, TabPanel, type TabPanelProps, TabPanels, type TabPanelsProps, type TabProps, type TabSize, Table, Body as TableBody, type TableBodyProps, Cell as TableCell, type TableCellLayout, type TableCellProps, type TableCellType, Foot as TableFoot, type TableFootProps, Head as TableHead, type TableHeadProps, type TableProps, Row as TableRow, type TableRowProps, type TableRowType, type TableSize, SortCell as TableSortCell, type TableSortCellProps, TableWrapper, Tabs, type TabsProps, Tag, type TagAppearance, type TagProps, type TagPurpose, type TextAffixProps, TextArea, type TextAreaProps, TextInput, type TextInputProps, TextOverflowEllipsisInner, TextOverflowEllipsisWrapper, ThumbDownFilledIcon, ThumbDownIcon, ThumbUpFilledIcon, ThumbUpIcon, TimeIcon, TimePicker, type TimePickerProps, TingrettIcon, TipIcon, Toggle, ToggleBar, type ToggleBarProps, type ToggleBarSize, type ToggleBarValue, ToggleButton, ToggleButtonGroup, type ToggleButtonGroupProps, type ToggleButtonProps, type ToggleProps, ToggleRadio, type ToggleRadioProps, type ToggleSize, Tooltip, type TooltipProps, TrashIcon, TrendingDownIcon, TrendingUpIcon, Typography, type TypographyAnchorType, type TypographyBodyLongType, type TypographyBodyShortType, type TypographyBodyType, type TypographyComponentProps, type TypographyHeadingType, type TypographyLabelType, type TypographyLeadType, type TypographyProps, type TypographyType, UndoIcon, UnfoldLessIcon, UnfoldMoreIcon, UploadIcon, type UploadInfo, type UploadStatus, type UseAccordionBodyProps, type UseAccordionHeaderProps, type UseControllableGroupStateProps, type UseControllableStateProps, type UseFloatPositionOptions, VStack, type VStackProps, VisibilityOffIcon, VisibilityOnIcon, VisuallyHidden, type VisuallyHiddenProps, WarningIcon, WebexIcon, type WeightedSearchData, type WithRequiredIf, XIcon, ZoomInIcon, ZoomOutIcon, calendarDateToNativeDate, cn, createPurposes, createSelectOptions, createSizes, dateValueToNativeDate, focusVisible, focusVisibleInset, focusVisibleTransitionValue, getBaseHTMLProps, getColorCn, getElementType, getTypographyCn, handleElementWithBackdropMount, handleElementWithBackdropUnmount, hideInput, index as icons, inheritLinkStyling, inlineElements, isAnchorTypographyProps, isBorderColor, isBorderRadius, isCaption, isElevation, isHeading, isInlineElement, isKeyboardEvent, isLegend, isPaperBackground, nativeDateToCalendarDate, nativeDateToDateValue, nativeDateToTime, normalizeButton, outlineInset, outlineOffset, removeButtonStyling, removeListStyling, renderInputMessage, scrollbarStyling, useAccordion, useAccordionContext, useCallbackRef, useCombinedRef, useControllableGroupState, useControllableState, useFloatPosition, useFocusTrap, useIsMounted, useMountTransition, useOnClickOutside, useOnKeyDown, useReturnFocusOnBlur, useRoveFocus, useScreenSize, useTheme, useWindowResize };