@norges-domstoler/dds-components 21.20.0 → 22.0.0

package/dist/index.d.mts

@@ -1,6 +1,6 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as react from 'react';
-import { ComponentPropsWithRef, DependencyList, Ref, RefCallback, Dispatch, SetStateAction, ChangeEvent, RefObject, ElementType, ComponentPropsWithoutRef, CSSProperties, HTMLAttributes, ReactNode, KeyboardEvent as KeyboardEvent$1, ComponentProps, SVGAttributes, JSX, AnchorHTMLAttributes, LabelHTMLAttributes, ButtonHTMLAttributes, AriaRole, InputHTMLAttributes, FocusEvent, MouseEventHandler, ForwardedRef, ForwardRefExoticComponent, MouseEvent as MouseEvent$1, ReactElement } from 'react';
+import { ComponentPropsWithRef, ElementType, CSSProperties, Ref, ComponentPropsWithoutRef, HTMLAttributes, ReactNode, SVGAttributes, JSX, ButtonHTMLAttributes, ComponentProps, InputHTMLAttributes, MouseEventHandler, DependencyList, RefCallback, Dispatch, SetStateAction, ChangeEvent, RefObject, 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';
@@ -43,31 +43,294 @@ declare const Backdrop: {
     displayName: string;
 };
 
-interface SvgChevronProps {
-    isUp?: boolean;
-    height?: Property.Height;
-    width?: Property.Width;
+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"];
+type DDSTextColor = (typeof TEXT_COLORS)[number];
+type TextColor = DDSTextColor | Property.Color;
+
+/**
+ * Join class names together.
+ * Will filter out all falsy values.
+ */
+declare function cn(...classNames: Array<unknown>): string | undefined;
+
+declare const ICON_SIZES: ["small", "medium", "large", "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?: TextColor;
+    /**
+     * 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_runtime.JSX.Element;
+declare namespace Icon {
+    var displayName: string;
 }
+
+declare const Button: {
+    <I extends SvgIcon, T extends ElementType = "button">({ as: propAs, children, purpose, size, iconPosition, loading, loadingTooltip, fullWidth, icon, iconState, onClick, onFocus, onBlur, id, ref, className, style, htmlProps, ...props }: ButtonProps<I, T>): react_jsx_runtime.JSX.Element;
+    displayName: string;
+};
+
+declare const TOGGLE_SIZES: ["medium", "large"];
+type ToggleSize = (typeof TOGGLE_SIZES)[number];
+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;
+} & 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, ...rest }: ToggleProps): react_jsx_runtime.JSX.Element;
+    displayName: string;
+};
+
+type StylelessButtonProps<TProps extends object = object> = TProps & ComponentPropsWithRef<'button'>;
 /**
- * Animert chevron der armene beveger seg uavhengig av hverandre.
+ * Normalisert `<button>` uten styling. Base for custom buttom styling.
  *
  * @component
- * @param {SvgChevronProps} props - Props for komponenten.
- * @param {boolean} props.isUp - om chevron peker opp.
- * @param {Property.Height} props.height - høyde.
- * @param {Property.Width} props.width - bredde.
+ * @template T ekstra props ved behov.
+ * @param {Object & T} props - Standard HTML-attributter for komponenten med mulig utvidelse.
  *
- * @returns {JSX.Element} Et `<svg>`-element som animeres basert props.
+ * @returns {JSX.Element} `<button>`-element uten styling.
 
  * @example
  * ```tsx
- * const [isExpanded, setIsExpanded] = useState(false);
- * <button onClick={() => setIsExpanded(!isExpanded)}>
- *    <AnimatedChevronUpDown isUp={isExpanded} />
- * </button>
+ *  <StylelessButton className="min-styling">
+ *    Tekst
+ *  </StylelessButton>
  * ```
  */
-declare const AnimatedChevronUpDown: ({ isUp, height, width, }: SvgChevronProps) => react_jsx_runtime.JSX.Element;
+declare const StylelessButton: ({ className, ...rest }: StylelessButtonProps) => react_jsx_runtime.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>;
+} & 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_runtime.JSX.Element;
+
+type DropdownHeaderProps = ComponentPropsWithRef<'h2'>;
+declare const DropdownHeader: ({ className, ...rest }: DropdownHeaderProps) => react_jsx_runtime.JSX.Element;
 
 /**
  * Usynlig `<input>` til bruk for skjermlesere, typisk for custom radioknapper o.l..
@@ -274,7 +537,7 @@ interface UseFloatPosition {
  * };
  * ```
  */
-declare const useFloatPosition: (arrowRef: HTMLElement | null, options?: UseFloatPositionOptions) => UseFloatPosition;
+declare const useFloatPosition: (arrowRef?: HTMLElement | null, options?: UseFloatPositionOptions) => UseFloatPosition;
 
 /**
  * Fanger fokus i en loop inni et element.
@@ -428,140 +691,21 @@ declare const useOnKeyDown: (key: string | Array<string>, handler: (event: Keybo
  */
 declare function useReturnFocusOnBlur<T extends HTMLElement>(active: boolean, onBlur: () => void, triggerElement?: HTMLElement | null): RefObject<T | null>;
 
-type Direction$1 = 'row' | 'column';
-
-interface CommonComponentProps<THTMLProps extends object, TRef extends Ref<unknown>> {
-    /**HTML id. */
-    id?: string;
-    /**HTML klassenavn. */
-    className?: string;
-    /**Native HTML-attributter som vil settes på elementet som genereres. Untatt `id`, `className` (og eventuelle andre attributter spesifisert i dokumentasjonen) som settes på toppnivå. */
-    htmlProps?: THTMLProps;
-    /**Ref til komponenten. */
-    ref?: TRef;
-}
+declare const isKeyboardEvent: (e: Event | KeyboardEvent$1<Element>) => e is KeyboardEvent$1<Element>;
 /**
- * Basetype for props som eksponeres til konsumenter av designsystemet.
- * Lager en intersection-type med props som sendes inn og `id` og `htmlProps`
- * slik at man kan ha `HTMLAttributes`-props på komponenter som eksponeres
- * av designsystemet. Se også {@link BaseComponentPropsWithChildren} og
- * {@link getBaseHTMLProps}.
+ * 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';
  *
- * @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>> = Omit<THTMLAttributesProps, 'id' | 'className' | keyof TOtherProps> & TOtherProps & CommonComponentProps<THTMLAttributesProps, Ref<TElement>>;
-/**
- * Basetype for polymorfe props som eksponeres til konsumenter av designsystemet.
- * Lager en intersection-type med props som sendes inn og `id` og `htmlProps`
- * slik at man kan ha `ComponentPropsWithRef`-props på komponenter som eksponeres
- * av designsystemet.
- *
- * @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, TComponentProps extends object = ComponentPropsWithoutRef<E>> = Omit<TComponentProps, 'id' | 'className' | 'style' | 'ref' | keyof TOtherProps> & TOtherProps & CommonComponentProps<TComponentProps, ComponentPropsWithRef<E>['ref']> & {
-    /**HTML- eller React-element som returneres. */
-    as?: E;
-    /**Inline style. */
-    style?: CSSProperties;
-};
-/**
- * Utvidelese av {@link BaseComponentProps} med prop for `children`.
- *
- * {@link BaseComponentProps}
- */
-type BaseComponentPropsWithChildren<T extends Element, TProps extends object = object, THTMLProps extends HTMLAttributes<T> = HTMLAttributes<T>> = BaseComponentProps<T, TProps & {
-    /**Barn. */
-    children?: ReactNode;
-}, THTMLProps>;
-interface GetBaseHTMLProps {
-    <T extends Element>(id: HTMLAttributes<T>['id'], className: HTMLAttributes<T>['className'], htmlProps: HTMLAttributes<T> | undefined, unknownProps: object): HTMLAttributes<T> & object;
-    <T extends Element>(id: HTMLAttributes<T>['id'], htmlProps: HTMLAttributes<T> | undefined, unknownProps: object): HTMLAttributes<T> & object;
-}
-/**
- * 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:
- * ```
- * const Props = BaseComponentProps<HTMLElement, {
- *   propA: string,
- *   propB: string,
- * }>
- *
- * const MyComponent = (props: Props) => {
- *   const { propA, propB, id, className, htmlProps, ...rest } = props;
- *
- *   const wrapperProps = getBaseHTMLProps(id, className, 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 const getBaseHTMLProps: GetBaseHTMLProps;
-
-declare const SIZES: readonly ["xsmall", "small", "medium", "large", "xlarge", "xxlarge", "inherit"];
-type Size = (typeof SIZES)[number];
-declare function createSizes<T extends Array<Size>>(...sizes: T): T;
-
-declare const BORDER_RADII: readonly ["button", "input", "surface", "chip", "rounded", "0"];
-declare const ELEVATIONS: readonly [1, 2, 3, 4];
-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-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;
-
-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);
+ * function MyComponent() {
+ *  const [focusedIndex, setFocus] = useRoveFocus(elements.length);
  *
  *  return (
  *  <ul>
@@ -701,25 +845,6 @@ type ResponsiveStackProps = Omit<ResponsiveProps, 'display' | 'flexDirection'>;
 
 declare const getLiteralScreenSize: (screenSize: ScreenSize) => Breakpoint;
 
-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_runtime.JSX.Element;
-
 type StylelessListProps<TProps extends object = object> = TProps & ComponentPropsWithRef<'ul'>;
 /**
  * Normalisert `<ul>` uten styling. Base for custom ul styling.
@@ -827,7 +952,7 @@ declare const normalizeButton: {
 
 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, justifyContent, flexWrap, flexBasis, flexFlow, htmlProps, ...rest }: BoxProps<T>): react_jsx_runtime.JSX.Element;
+    <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, justifyContent, flexWrap, flexBasis, flexFlow, wordBreak, htmlProps, ...rest }: BoxProps<T>): react_jsx_runtime.JSX.Element;
     displayName: string;
 };
 
@@ -876,34 +1001,27 @@ type PaperProps<T extends ElementType = 'div'> = PolymorphicBaseComponentProps<T
     borderRadius?: PaperBorderRadius;
     /**Bakgrunn. Støtter dds tokens. */
     background?: PaperBackground;
-} & ResponsiveProps & PickedAttributes$1, Omit<ComponentProps<T>, keyof PickedAttributes$1>>;
+} & ResponsiveProps & PickedAttributes$1>;
 declare const Paper: <T extends ElementType = "div">({ id, elevation, border, borderRadius, background, className, htmlProps, style, ...rest }: PaperProps<T>) => react_jsx_runtime.JSX.Element;
 
 type ShowHideProps<T extends ElementType = 'div'> = PolymorphicBaseComponentProps<T, PrimitiveDisplayProps>;
 declare const ShowHide: {
-    <T extends ElementType = "div">({ hideBelow, showBelow, className, htmlProps, id, ...rest }: ShowHideProps<T>): react_jsx_runtime.JSX.Element;
+    <T extends ElementType = "div">({ hideBelow, showBelow, className, style, htmlProps, id, as: C, ...rest }: ShowHideProps<T>): react_jsx_runtime.JSX.Element;
     displayName: string;
 };
 
 type VStackProps<T extends ElementType = 'div'> = PolymorphicBaseComponentProps<T, ResponsiveStackProps>;
 declare const VStack: {
-    <T extends ElementType = "div">({ id, className, htmlProps, ...rest }: VStackProps<T>): react_jsx_runtime.JSX.Element;
+    <T extends ElementType = "div">({ id, className, style, htmlProps, ...rest }: VStackProps<T>): react_jsx_runtime.JSX.Element;
     displayName: string;
 };
 
 type HStackProps<T extends ElementType = 'div'> = PolymorphicBaseComponentProps<T, ResponsiveStackProps>;
 declare const HStack: {
-    <T extends ElementType = "div">({ id, className, htmlProps, ...rest }: HStackProps<T>): react_jsx_runtime.JSX.Element;
+    <T extends ElementType = "div">({ id, className, style, htmlProps, ...rest }: HStackProps<T>): react_jsx_runtime.JSX.Element;
     displayName: string;
 };
 
-type SvgProps = {
-    title?: string;
-} & SVGAttributes<SVGSVGElement>;
-type SvgIcon = (props: SvgProps) => JSX.Element;
-
-declare function SvgWrapper({ height, width, fill, className, title, children, ...props }: SvgProps): react_jsx_runtime.JSX.Element;
-
 declare function AddressShieldedIcon(props: SvgProps): react_jsx_runtime.JSX.Element;
 
 declare function AgreementIcon(props: SvgProps): react_jsx_runtime.JSX.Element;
@@ -928,8 +1046,6 @@ declare function BookIcon(props: SvgProps): react_jsx_runtime.JSX.Element;
 
 declare function BuildIcon(props: SvgProps): react_jsx_runtime.JSX.Element;
 
-declare function BuildCircledIcon(props: SvgProps): react_jsx_runtime.JSX.Element;
-
 declare function CalendarIcon(props: SvgProps): react_jsx_runtime.JSX.Element;
 
 declare function CalendarMonthIcon(props: SvgProps): react_jsx_runtime.JSX.Element;
@@ -956,10 +1072,6 @@ declare function ChevronDownIcon(props: SvgProps): react_jsx_runtime.JSX.Element
 
 declare function ChevronFirstIcon(props: SvgProps): react_jsx_runtime.JSX.Element;
 
-declare function ChevronLargeLeftIcon(props: SvgProps): react_jsx_runtime.JSX.Element;
-
-declare function ChevronLargeRightIcon(props: SvgProps): react_jsx_runtime.JSX.Element;
-
 declare function ChevronLastIcon(props: SvgProps): react_jsx_runtime.JSX.Element;
 
 declare function ChevronLeftIcon(props: SvgProps): react_jsx_runtime.JSX.Element;
@@ -1024,10 +1136,6 @@ declare function FilterIcon(props: SvgProps): react_jsx_runtime.JSX.Element;
 
 declare function FilterListIcon(props: SvgProps): react_jsx_runtime.JSX.Element;
 
-declare function FilterListOffIcon(props: SvgProps): react_jsx_runtime.JSX.Element;
-
-declare function FilterOffIcon(props: SvgProps): react_jsx_runtime.JSX.Element;
-
 declare function FindInPageIcon(props: SvgProps): react_jsx_runtime.JSX.Element;
 
 declare function FlickrIcon(props: SvgProps): react_jsx_runtime.JSX.Element;
@@ -1052,16 +1160,8 @@ declare function HelpFilledIcon(props: SvgProps): react_jsx_runtime.JSX.Element;
 
 declare function HomeIcon(props: SvgProps): react_jsx_runtime.JSX.Element;
 
-declare function HourglassBottomIcon(props: SvgProps): react_jsx_runtime.JSX.Element;
-
-declare function HourglassDisabledIcon(props: SvgProps): react_jsx_runtime.JSX.Element;
-
 declare function HourglassEmptyIcon(props: SvgProps): react_jsx_runtime.JSX.Element;
 
-declare function HourglassFullIcon(props: SvgProps): react_jsx_runtime.JSX.Element;
-
-declare function HourglassTopIcon(props: SvgProps): react_jsx_runtime.JSX.Element;
-
 declare function ImageIcon(props: SvgProps): react_jsx_runtime.JSX.Element;
 
 declare function InfoIcon(props: SvgProps): react_jsx_runtime.JSX.Element;
@@ -1142,8 +1242,6 @@ declare function PowerOfAttorneyIcon(props: SvgProps): react_jsx_runtime.JSX.Ele
 
 declare function PrintIcon(props: SvgProps): react_jsx_runtime.JSX.Element;
 
-declare function PropertyIcon(props: SvgProps): react_jsx_runtime.JSX.Element;
-
 declare function PublishIcon(props: SvgProps): react_jsx_runtime.JSX.Element;
 
 declare function QuestionAnswerIcon(props: SvgProps): react_jsx_runtime.JSX.Element;
@@ -1222,12 +1320,21 @@ declare function TrendingUpIcon(props: SvgProps): react_jsx_runtime.JSX.Element;
 
 declare function TrendingDownIcon(props: SvgProps): react_jsx_runtime.JSX.Element;
 
-declare function LibraryAddIcon(props: SvgProps): react_jsx_runtime.JSX.Element;
-
 declare function HelpSimpleIcon(props: SvgProps): react_jsx_runtime.JSX.Element;
 
+declare const STATES: readonly ["up", "down"];
+type AnimatedChevronUpDownIconStates = (typeof STATES)[number];
+declare function AnimatedChevronUpDownIcon(props: SvgProps & {
+    iconState?: AnimatedChevronUpDownIconStates;
+}): react_jsx_runtime.JSX.Element;
+declare namespace AnimatedChevronUpDownIcon {
+    var states: readonly ["up", "down"];
+}
+
 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;
@@ -1239,7 +1346,6 @@ 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_BuildCircledIcon: typeof BuildCircledIcon;
 declare const index_BuildIcon: typeof BuildIcon;
 declare const index_CalendarIcon: typeof CalendarIcon;
 declare const index_CalendarMonthIcon: typeof CalendarMonthIcon;
@@ -1254,8 +1360,6 @@ 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_ChevronLargeLeftIcon: typeof ChevronLargeLeftIcon;
-declare const index_ChevronLargeRightIcon: typeof ChevronLargeRightIcon;
 declare const index_ChevronLastIcon: typeof ChevronLastIcon;
 declare const index_ChevronLeftIcon: typeof ChevronLeftIcon;
 declare const index_ChevronRightIcon: typeof ChevronRightIcon;
@@ -1288,8 +1392,6 @@ declare const index_FileShieldedIcon: typeof FileShieldedIcon;
 declare const index_FileTextIcon: typeof FileTextIcon;
 declare const index_FilterIcon: typeof FilterIcon;
 declare const index_FilterListIcon: typeof FilterListIcon;
-declare const index_FilterListOffIcon: typeof FilterListOffIcon;
-declare const index_FilterOffIcon: typeof FilterOffIcon;
 declare const index_FindInPageIcon: typeof FindInPageIcon;
 declare const index_FlickrIcon: typeof FlickrIcon;
 declare const index_FolderAddIcon: typeof FolderAddIcon;
@@ -1303,11 +1405,7 @@ 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_HourglassBottomIcon: typeof HourglassBottomIcon;
-declare const index_HourglassDisabledIcon: typeof HourglassDisabledIcon;
 declare const index_HourglassEmptyIcon: typeof HourglassEmptyIcon;
-declare const index_HourglassFullIcon: typeof HourglassFullIcon;
-declare const index_HourglassTopIcon: typeof HourglassTopIcon;
 declare const index_ImageIcon: typeof ImageIcon;
 declare const index_InfoIcon: typeof InfoIcon;
 declare const index_InstagramIcon: typeof InstagramIcon;
@@ -1316,7 +1414,6 @@ 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_LibraryAddIcon: typeof LibraryAddIcon;
 declare const index_LineChartIcon: typeof LineChartIcon;
 declare const index_LinkIcon: typeof LinkIcon;
 declare const index_LinkOffIcon: typeof LinkOffIcon;
@@ -1350,7 +1447,6 @@ 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_PropertyIcon: typeof PropertyIcon;
 declare const index_PublishIcon: typeof PublishIcon;
 declare const index_QuestionAnswerIcon: typeof QuestionAnswerIcon;
 declare const index_ReceiptIcon: typeof ReceiptIcon;
@@ -1388,25 +1484,14 @@ 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_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_BuildCircledIcon as BuildCircledIcon, index_BuildIcon as BuildIcon, 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_ChevronLargeLeftIcon as ChevronLargeLeftIcon, index_ChevronLargeRightIcon as ChevronLargeRightIcon, index_ChevronLastIcon as ChevronLastIcon, index_ChevronLeftIcon as ChevronLeftIcon, index_ChevronRightIcon as ChevronRightIcon, index_ChevronUpIcon as ChevronUpIcon, 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_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_FileTextIcon as FileTextIcon, index_FilterIcon as FilterIcon, index_FilterListIcon as FilterListIcon, index_FilterListOffIcon as FilterListOffIcon, index_FilterOffIcon as FilterOffIcon, index_FindInPageIcon as FindInPageIcon, index_FlickrIcon as FlickrIcon, 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_GuardianIcon as GuardianIcon, index_HelpFilledIcon as HelpFilledIcon, index_HelpIcon as HelpIcon, index_HelpSimpleIcon as HelpSimpleIcon, index_HomeIcon as HomeIcon, index_HourglassBottomIcon as HourglassBottomIcon, index_HourglassDisabledIcon as HourglassDisabledIcon, index_HourglassEmptyIcon as HourglassEmptyIcon, index_HourglassFullIcon as HourglassFullIcon, index_HourglassTopIcon as HourglassTopIcon, 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_LibraryAddIcon as LibraryAddIcon, 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_LockIcon as LockIcon, index_LockOpenIcon as LockOpenIcon, index_LoginIcon as LoginIcon, index_LogoutIcon as LogoutIcon, index_MailIcon as MailIcon, index_MailOpenIcon as MailOpenIcon, index_MenuIcon as MenuIcon, index_MinusCirledIcon as MinusCirledIcon, index_MinusIcon as MinusIcon, index_MoreHorizontalIcon as MoreHorizontalIcon, index_MoreVerticalIcon as MoreVerticalIcon, index_NotarialIcon as NotarialIcon, index_NotificationsIcon as NotificationsIcon, index_NotificationsOffIcon as NotificationsOffIcon, index_OnlineMeetingIcon as OnlineMeetingIcon, index_OpenExternalIcon as OpenExternalIcon, 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_PropertyIcon as PropertyIcon, 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_ScaleIcon as ScaleIcon, index_SearchIcon as SearchIcon, index_SectionIcon as SectionIcon, index_SettingsIcon as SettingsIcon, index_SmsIcon as SmsIcon, index_StarFilledIcon as StarFilledIcon, index_StarHalfFilled as StarHalfFilled, index_StarIcon as StarIcon, 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 };
+  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_BuildIcon as BuildIcon, 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_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_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_FileTextIcon as FileTextIcon, index_FilterIcon as FilterIcon, index_FilterListIcon as FilterListIcon, index_FindInPageIcon as FindInPageIcon, index_FlickrIcon as FlickrIcon, 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_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_LockIcon as LockIcon, index_LockOpenIcon as LockOpenIcon, index_LoginIcon as LoginIcon, index_LogoutIcon as LogoutIcon, index_MailIcon as MailIcon, index_MailOpenIcon as MailOpenIcon, index_MenuIcon as MenuIcon, index_MinusCirledIcon as MinusCirledIcon, index_MinusIcon as MinusIcon, index_MoreHorizontalIcon as MoreHorizontalIcon, index_MoreVerticalIcon as MoreVerticalIcon, index_NotarialIcon as NotarialIcon, index_NotificationsIcon as NotificationsIcon, index_NotificationsOffIcon as NotificationsOffIcon, index_OnlineMeetingIcon as OnlineMeetingIcon, index_OpenExternalIcon as OpenExternalIcon, 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_ScaleIcon as ScaleIcon, index_SearchIcon as SearchIcon, index_SectionIcon as SectionIcon, index_SettingsIcon as SettingsIcon, index_SmsIcon as SmsIcon, index_StarFilledIcon as StarFilledIcon, index_StarHalfFilled as StarHalfFilled, index_StarIcon as StarIcon, 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 };
 }
 
-/**
- * Join class names together.
- * Will filter out all falsy values.
- */
-declare function cn(...classNames: Array<unknown>): string | undefined;
-
 type DdsTheme = keyof typeof ddsTokens;
-interface ThemeContextProps {
-    theme: DdsTheme;
-    el: HTMLDivElement | null;
-}
-declare const ThemeContext: react.Context<ThemeContextProps | undefined>;
 interface ThemeProviderProps {
     /**
      * Elsa tema for applikasjonen.
-     * @default "core"
+     * @default "core-light"
      */
     theme?: DdsTheme;
     /**
@@ -1414,7 +1499,6 @@ interface ThemeProviderProps {
      */
     children?: ReactNode;
 }
-declare function ThemeProvider({ theme, children, }: ThemeProviderProps): react_jsx_runtime.JSX.Element;
 /**
  * Hook for å hente gjeldende tema og temanavn. Brukes inni ThemeProvider.
  *
@@ -1451,8 +1535,856 @@ declare function useTheme(): {
         ddsFontWeightSemiBold: "500";
         ddsFontWeightBold: "600";
         ddsFontLineheightX1: 1.5;
-        ddsFontLineheightX2: 1.35;
         ddsFontLineheightX3: 1.2;
+        ddsFontLineheightX2: 1.3;
+        ddsFontLineheightList: 2;
+        ddsFontLetterSpacingTight: "-0.01em";
+        ddsFontLetterSpacingNormal: "0em";
+        ddsFontLetterSpacingLoose: "0.01em";
+        ddsFontParagraphSpacingSmall: "1em";
+        ddsFontParagraphSpacingSmallNumberEm: 1;
+        ddsFontParagraphSpacingMedium: "0.66em";
+        ddsFontParagraphSpacingMediumNumberEm: 0.66;
+        ddsFontParagraphSpacingLarge: "0.5em";
+        ddsFontParagraphSpacingLargeNumberEm: 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";
+        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;
+    } | {
+        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;
+        ddsFontLineheightList: 2;
+        ddsFontLetterSpacingTight: "-0.01em";
+        ddsFontLetterSpacingNormal: "0em";
+        ddsFontLetterSpacingLoose: "0.01em";
+        ddsFontParagraphSpacingSmall: "1em";
+        ddsFontParagraphSpacingSmallNumberEm: 1;
+        ddsFontParagraphSpacingMedium: "0.66em";
+        ddsFontParagraphSpacingMediumNumberEm: 0.66;
+        ddsFontParagraphSpacingLarge: "0.5em";
+        ddsFontParagraphSpacingLargeNumberEm: 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";
+        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: "#3a4146";
+        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;
+    } | {
+        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;
         ddsFontLineheightList: 2;
         ddsFontLetterSpacingTight: "-0.01em";
         ddsFontLetterSpacingNormal: "0em";
@@ -1496,10 +2428,6 @@ declare function useTheme(): {
         ddsSpacingX6NumberRem: 6;
         ddsSpacingX10: "10rem";
         ddsSpacingX10NumberRem: 10;
-        ddsShadow1: "1px 2px 4px 0px rgba(11, 13, 14, 10%)";
-        ddsShadow2: "2px 4px 8px 0px rgba(11, 13, 14, 10%)";
-        ddsShadow3: "4px 8px 16px 0px rgba(11, 13, 14, 10%)";
-        ddsShadow4: "8px 16px 32px 0px rgba(11, 13, 14, 10%)";
         ddsGridXsGutterSize: "16px";
         ddsGridXsGutterSizeNumberPx: 16;
         ddsGridXsCount: "4";
@@ -1515,12 +2443,14 @@ declare function useTheme(): {
         ddsGridXlGutterSize: "24px";
         ddsGridXlGutterSizeNumberPx: 24;
         ddsGridXlCount: "12";
-        ddsIconSizeLarge: "40px";
-        ddsIconSizeLargeNumberPx: 40;
-        ddsIconSizeMedium: "24px";
-        ddsIconSizeMediumNumberPx: 24;
-        ddsIconSizeSmall: "16px";
-        ddsIconSizeSmallNumberPx: 16;
+        ddsSizeIconLarge: "40px";
+        ddsSizeIconLargeNumberPx: 40;
+        ddsSizeIconMedium: "24px";
+        ddsSizeIconMediumNumberPx: 24;
+        ddsSizeIconSmall: "16px";
+        ddsSizeIconSmallNumberPx: 16;
+        ddsSizeIconComponent: "1.3em";
+        ddsSizeIconComponentNumberEm: 1.3;
         ddsBreakpointXs: "1px";
         ddsBreakpointXsNumberPx: 1;
         ddsBreakpointSm: "600px";
@@ -1542,26 +2472,26 @@ declare function useTheme(): {
         ddsZindexSticky: "50";
         ddsZindexAbsoluteElement: "1";
         ddsColorData10Default: "#196b8f";
-        ddsColorData10Subtle: "#96c5d9";
+        ddsColorData10Subtle: "#93cee6";
         ddsColorData10Border: "#196b8f";
         ddsColorDataRed100: "#f8d2d4";
         ddsColorDataRed200: "#f0a5a9";
-        ddsColorDataRed300: "#e9787e";
+        ddsColorDataRed300: "#f4858b";
         ddsColorDataRed400: "#e14b53";
         ddsColorDataRed500: "#da1e28";
         ddsColorDataRed600: "#ae1820";
         ddsColorDataRed700: "#831218";
         ddsColorDataRed800: "#570c10";
         ddsColorDataRed900: "#2c0608";
-        ddsColorDataMagenta100: "#eed3df";
-        ddsColorDataMagenta200: "#dfa5bf";
-        ddsColorDataMagenta300: "#cf789e";
-        ddsColorDataMagenta400: "#c74f84";
-        ddsColorDataMagenta500: "#b62665";
-        ddsColorDataMagenta600: "#8a1a4b";
-        ddsColorDataMagenta700: "#671438";
-        ddsColorDataMagenta800: "#440e26";
-        ddsColorDataMagenta900: "#220713";
+        ddsColorDataMagenta100: "#f7d9f2";
+        ddsColorDataMagenta200: "#edb5e4";
+        ddsColorDataMagenta300: "#e079d0";
+        ddsColorDataMagenta400: "#d54dc0";
+        ddsColorDataMagenta500: "#cb20b0";
+        ddsColorDataMagenta600: "#a21a8d";
+        ddsColorDataMagenta700: "#7a136a";
+        ddsColorDataMagenta800: "#510d46";
+        ddsColorDataMagenta900: "#290623";
         ddsColorDataBrown100: "#f0ddd5";
         ddsColorDataBrown200: "#e1bcac";
         ddsColorDataBrown300: "#d19a82";
@@ -1571,7 +2501,7 @@ declare function useTheme(): {
         ddsColorDataBrown700: "#6b341c";
         ddsColorDataBrown800: "#482313";
         ddsColorDataBrown900: "#241109";
-        ddsColorDataOlive100: "#e6e4d0";
+        ddsColorDataOlive100: "#e9e7cd";
         ddsColorDataOlive200: "#cdc9a1";
         ddsColorDataOlive300: "#b3ae71";
         ddsColorDataOlive400: "#989344";
@@ -1580,15 +2510,15 @@ declare function useTheme(): {
         ddsColorDataOlive700: "#4a460e";
         ddsColorDataOlive800: "#322f0a";
         ddsColorDataOlive900: "#191705";
-        ddsColorDataGreen100: "#d1e6d7";
-        ddsColorDataGreen200: "#a3ccaf";
-        ddsColorDataGreen300: "#75b388";
-        ddsColorDataGreen400: "#479960";
-        ddsColorDataGreen500: "#198038";
-        ddsColorDataGreen600: "#14662d";
-        ddsColorDataGreen700: "#0f4d22";
-        ddsColorDataGreen800: "#0a3316";
-        ddsColorDataGreen900: "#051a0b";
+        ddsColorDataGreen100: "#d7e8cf";
+        ddsColorDataGreen200: "#aed19e";
+        ddsColorDataGreen300: "#95c280";
+        ddsColorDataGreen400: "#619947";
+        ddsColorDataGreen500: "#3a8019";
+        ddsColorDataGreen600: "#2e6614";
+        ddsColorDataGreen700: "#234d0f";
+        ddsColorDataGreen800: "#17330a";
+        ddsColorDataGreen900: "#0c1a05";
         ddsColorDataTeal100: "#c2e2e1";
         ddsColorDataTeal200: "#90ccc9";
         ddsColorDataTeal300: "#5dafad";
@@ -1598,10 +2528,10 @@ declare function useTheme(): {
         ddsColorDataTeal700: "#004b49";
         ddsColorDataTeal800: "#003230";
         ddsColorDataTeal900: "#001918";
-        ddsColorDataDeepblue100: "#b9d7e5";
-        ddsColorDataDeepblue200: "#96c5d9";
-        ddsColorDataDeepblue300: "#6aa8c3";
-        ddsColorDataDeepblue400: "#3e8bac";
+        ddsColorDataDeepblue100: "#c6e3f1";
+        ddsColorDataDeepblue200: "#93cee6";
+        ddsColorDataDeepblue300: "#62abcb";
+        ddsColorDataDeepblue400: "#358fb5";
         ddsColorDataDeepblue500: "#196b8f";
         ddsColorDataDeepblue600: "#135774";
         ddsColorDataDeepblue700: "#0e455e";
@@ -1643,15 +2573,15 @@ declare function useTheme(): {
         ddsColorData03Default: "#727272";
         ddsColorData03Subtle: "#c7c7c7";
         ddsColorData03Border: "#727272";
-        ddsColorData04Default: "#198038";
-        ddsColorData04Subtle: "#a3ccaf";
-        ddsColorData04Border: "#198038";
+        ddsColorData04Default: "#3a8019";
+        ddsColorData04Subtle: "#aed19e";
+        ddsColorData04Border: "#3a8019";
         ddsColorData05Default: "#8a3ffc";
         ddsColorData05Subtle: "#d0b2fe";
         ddsColorData05Border: "#8a3ffc";
-        ddsColorData06Default: "#b62665";
-        ddsColorData06Subtle: "#dfa5bf";
-        ddsColorData06Border: "#b62665";
+        ddsColorData06Default: "#cb20b0";
+        ddsColorData06Subtle: "#edb5e4";
+        ddsColorData06Border: "#cb20b0";
         ddsColorData07Default: "#7c7518";
         ddsColorData07Subtle: "#cdc9a1";
         ddsColorData07Border: "#7c7518";
@@ -1708,6 +2638,7 @@ declare function useTheme(): {
         ddsColorTextMedium: "#3a4146";
         ddsColorTextSubtle: "#545c62";
         ddsColorTextOnInverse: "#ffffff";
+        ddsColorTextDanger: "#ad2c2c";
         ddsColorTextOnAction: "#ffffff";
         ddsColorTextOnStatusDefault: "#0b0d0e";
         ddsColorTextOnStatusStrong: "#0b0d0e";
@@ -1717,7 +2648,20 @@ declare function useTheme(): {
         ddsColorTextActionVisited: "#7f29b4";
         ddsColorTextActionVisitedOnInverse: "#cca9e1";
         ddsColorTextOnNotification: "#ffffff";
-        ddsColorTextDanger: "#ad2c2c";
+        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";
@@ -1748,34 +2692,41 @@ declare function useTheme(): {
         ddsColorBrandTertiaryStrong: "#d45d32";
         ddsColorFocusOutside: "#2a4b61";
         ddsColorFocusInside: "#f1f8fd";
-        ddsFontLabelMedium: "600 0.875rem/1.5 'IBM Plex Sans', Arial, sans-serif";
-        ddsFontBodyXsmall: "400 0.75rem/1.5 'IBM Plex Sans', Arial, sans-serif";
-        ddsFontBodySmall: "400 0.875rem/1.5 'IBM Plex Sans', Arial, sans-serif";
-        ddsFontBodyMedium: "400 1rem/1.5 'IBM Plex Sans', Arial, sans-serif";
-        ddsFontBodyLarge: "400 1.125rem/1.5 'IBM Plex Sans', Arial, sans-serif";
-        ddsFontHeadingXxsmall: "600 0.75rem/1.5 'IBM Plex Sans', Arial, sans-serif";
-        ddsFontHeadingXsmall: "600 0.875rem/1.5 'IBM Plex Sans', Arial, sans-serif";
-        ddsFontHeadingSmall: "600 1rem/1.5 'IBM Plex Sans', Arial, sans-serif";
-        ddsFontHeadingMedium: "600 1.125rem/1.5 'IBM Plex Sans', Arial, sans-serif";
-        ddsFontHeadingLarge: "400 1.5rem/1.35 'IBM Plex Sans', Arial, sans-serif";
-        ddsFontHeadingXlarge: "400 2rem/1.35 'IBM Plex Sans', Arial, sans-serif";
-        ddsFontHeadingXxlarge: "300 clamp(2.5rem, 1.667rem + 2.222vw, 3rem)/1.2 '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";
+        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;
+        ddsBorderRadiusSurface: "2px";
+        ddsBorderRadiusSurfaceNumberPx: 2;
         ddsBorderRadiusInput: "2px";
         ddsBorderRadiusInputNumberPx: 2;
-        ddsBorderRadiusChip: "4px";
-        ddsBorderRadiusChipNumberPx: 4;
+        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: "0em";
+        ddsFontHeadingXlargeLetterSpacing: "-0.01em";
         ddsFontHeadingXlargeParagraphSpacing: "0.4em";
         ddsFontHeadingXlargeParagraphSpacingNumberEm: 0.4;
         ddsFontHeadingLargeLetterSpacing: "0em";
@@ -1787,33 +2738,45 @@ declare function useTheme(): {
         ddsFontHeadingSmallLetterSpacing: "0em";
         ddsFontHeadingSmallParagraphSpacing: "0.4em";
         ddsFontHeadingSmallParagraphSpacingNumberEm: 0.4;
-        ddsFontHeadingXsmallLetterSpacing: "0.01em";
+        ddsFontHeadingXsmallLetterSpacing: "0em";
         ddsFontHeadingXsmallParagraphSpacing: "0.4em";
         ddsFontHeadingXsmallParagraphSpacingNumberEm: 0.4;
         ddsFontHeadingXxsmallLetterSpacing: "0.01em";
         ddsFontHeadingXxsmallParagraphSpacing: "0.4em";
         ddsFontHeadingXxsmallParagraphSpacingNumberEm: 0.4;
-        ddsFontBodyLargeLetterSpacing: "0em";
-        ddsFontBodyLargeParagraphSpacing: "1em";
-        ddsFontBodyLargeParagraphSpacingNumberEm: 1;
-        ddsFontBodyMediumLetterSpacing: "0em";
-        ddsFontBodyMediumParagraphSpacing: "1em";
-        ddsFontBodyMediumParagraphSpacingNumberEm: 1;
-        ddsFontBodySmallLetterSpacing: "0.01em";
-        ddsFontBodySmallParagraphSpacing: "1em";
-        ddsFontBodySmallParagraphSpacingNumberEm: 1;
-        ddsFontBodyXsmallLetterSpacing: "0.01em";
-        ddsFontBodyXsmallParagraphSpacing: "1em";
-        ddsFontBodyXsmallParagraphSpacingNumberEm: 1;
+        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: "1em";
-        ddsFontLeadMediumParagraphSpacingNumberEm: 1;
+        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;
     } | {
         ddsFontFamilySans: "'IBM Plex Sans', Arial, sans-serif";
         ddsFontFamilyMonospace: "'IBM Plex Mono', 'Courier New', monospace";
@@ -1844,8 +2807,8 @@ declare function useTheme(): {
         ddsFontWeightSemiBold: "500";
         ddsFontWeightBold: "600";
         ddsFontLineheightX1: 1.5;
-        ddsFontLineheightX2: 1.35;
         ddsFontLineheightX3: 1.2;
+        ddsFontLineheightX2: 1.3;
         ddsFontLineheightList: 2;
         ddsFontLetterSpacingTight: "-0.01em";
         ddsFontLetterSpacingNormal: "0em";
@@ -1889,10 +2852,6 @@ declare function useTheme(): {
         ddsSpacingX6NumberRem: 6;
         ddsSpacingX10: "10rem";
         ddsSpacingX10NumberRem: 10;
-        ddsShadow1: "1px 2px 4px 0px rgba(11, 13, 14, 10%)";
-        ddsShadow2: "2px 4px 8px 0px rgba(11, 13, 14, 10%)";
-        ddsShadow3: "4px 8px 16px 0px rgba(11, 13, 14, 10%)";
-        ddsShadow4: "8px 16px 32px 0px rgba(11, 13, 14, 10%)";
         ddsGridXsGutterSize: "16px";
         ddsGridXsGutterSizeNumberPx: 16;
         ddsGridXsCount: "4";
@@ -1908,12 +2867,14 @@ declare function useTheme(): {
         ddsGridXlGutterSize: "24px";
         ddsGridXlGutterSizeNumberPx: 24;
         ddsGridXlCount: "12";
-        ddsIconSizeLarge: "40px";
-        ddsIconSizeLargeNumberPx: 40;
-        ddsIconSizeMedium: "24px";
-        ddsIconSizeMediumNumberPx: 24;
-        ddsIconSizeSmall: "16px";
-        ddsIconSizeSmallNumberPx: 16;
+        ddsSizeIconLarge: "40px";
+        ddsSizeIconLargeNumberPx: 40;
+        ddsSizeIconMedium: "24px";
+        ddsSizeIconMediumNumberPx: 24;
+        ddsSizeIconSmall: "16px";
+        ddsSizeIconSmallNumberPx: 16;
+        ddsSizeIconComponent: "1.3em";
+        ddsSizeIconComponentNumberEm: 1.3;
         ddsBreakpointXs: "1px";
         ddsBreakpointXsNumberPx: 1;
         ddsBreakpointSm: "600px";
@@ -1934,27 +2895,27 @@ declare function useTheme(): {
         ddsZindexDropdown: "100";
         ddsZindexSticky: "50";
         ddsZindexAbsoluteElement: "1";
-        ddsColorData10Default: "#196b8f";
-        ddsColorData10Subtle: "#96c5d9";
-        ddsColorData10Border: "#196b8f";
+        ddsColorData10Default: "#62abcb";
+        ddsColorData10Subtle: "#135774";
+        ddsColorData10Border: "#62abcb";
         ddsColorDataRed100: "#f8d2d4";
         ddsColorDataRed200: "#f0a5a9";
-        ddsColorDataRed300: "#e9787e";
+        ddsColorDataRed300: "#f4858b";
         ddsColorDataRed400: "#e14b53";
         ddsColorDataRed500: "#da1e28";
         ddsColorDataRed600: "#ae1820";
         ddsColorDataRed700: "#831218";
         ddsColorDataRed800: "#570c10";
         ddsColorDataRed900: "#2c0608";
-        ddsColorDataMagenta100: "#eed3df";
-        ddsColorDataMagenta200: "#dfa5bf";
-        ddsColorDataMagenta300: "#cf789e";
-        ddsColorDataMagenta400: "#c74f84";
-        ddsColorDataMagenta500: "#b62665";
-        ddsColorDataMagenta600: "#8a1a4b";
-        ddsColorDataMagenta700: "#671438";
-        ddsColorDataMagenta800: "#440e26";
-        ddsColorDataMagenta900: "#220713";
+        ddsColorDataMagenta100: "#f7d9f2";
+        ddsColorDataMagenta200: "#edb5e4";
+        ddsColorDataMagenta300: "#e079d0";
+        ddsColorDataMagenta400: "#d54dc0";
+        ddsColorDataMagenta500: "#cb20b0";
+        ddsColorDataMagenta600: "#a21a8d";
+        ddsColorDataMagenta700: "#7a136a";
+        ddsColorDataMagenta800: "#510d46";
+        ddsColorDataMagenta900: "#290623";
         ddsColorDataBrown100: "#f0ddd5";
         ddsColorDataBrown200: "#e1bcac";
         ddsColorDataBrown300: "#d19a82";
@@ -1964,7 +2925,7 @@ declare function useTheme(): {
         ddsColorDataBrown700: "#6b341c";
         ddsColorDataBrown800: "#482313";
         ddsColorDataBrown900: "#241109";
-        ddsColorDataOlive100: "#e6e4d0";
+        ddsColorDataOlive100: "#e9e7cd";
         ddsColorDataOlive200: "#cdc9a1";
         ddsColorDataOlive300: "#b3ae71";
         ddsColorDataOlive400: "#989344";
@@ -1973,15 +2934,15 @@ declare function useTheme(): {
         ddsColorDataOlive700: "#4a460e";
         ddsColorDataOlive800: "#322f0a";
         ddsColorDataOlive900: "#191705";
-        ddsColorDataGreen100: "#d1e6d7";
-        ddsColorDataGreen200: "#a3ccaf";
-        ddsColorDataGreen300: "#75b388";
-        ddsColorDataGreen400: "#479960";
-        ddsColorDataGreen500: "#198038";
-        ddsColorDataGreen600: "#14662d";
-        ddsColorDataGreen700: "#0f4d22";
-        ddsColorDataGreen800: "#0a3316";
-        ddsColorDataGreen900: "#051a0b";
+        ddsColorDataGreen100: "#d7e8cf";
+        ddsColorDataGreen200: "#aed19e";
+        ddsColorDataGreen300: "#95c280";
+        ddsColorDataGreen400: "#619947";
+        ddsColorDataGreen500: "#3a8019";
+        ddsColorDataGreen600: "#2e6614";
+        ddsColorDataGreen700: "#234d0f";
+        ddsColorDataGreen800: "#17330a";
+        ddsColorDataGreen900: "#0c1a05";
         ddsColorDataTeal100: "#c2e2e1";
         ddsColorDataTeal200: "#90ccc9";
         ddsColorDataTeal300: "#5dafad";
@@ -1991,10 +2952,10 @@ declare function useTheme(): {
         ddsColorDataTeal700: "#004b49";
         ddsColorDataTeal800: "#003230";
         ddsColorDataTeal900: "#001918";
-        ddsColorDataDeepblue100: "#b9d7e5";
-        ddsColorDataDeepblue200: "#96c5d9";
-        ddsColorDataDeepblue300: "#6aa8c3";
-        ddsColorDataDeepblue400: "#3e8bac";
+        ddsColorDataDeepblue100: "#c6e3f1";
+        ddsColorDataDeepblue200: "#93cee6";
+        ddsColorDataDeepblue300: "#62abcb";
+        ddsColorDataDeepblue400: "#358fb5";
         ddsColorDataDeepblue500: "#196b8f";
         ddsColorDataDeepblue600: "#135774";
         ddsColorDataDeepblue700: "#0e455e";
@@ -2017,130 +2978,147 @@ declare function useTheme(): {
         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: "#198038";
-        ddsColorData04Subtle: "#a3ccaf";
-        ddsColorData04Border: "#198038";
-        ddsColorData05Default: "#8a3ffc";
-        ddsColorData05Subtle: "#d0b2fe";
-        ddsColorData05Border: "#8a3ffc";
-        ddsColorData06Default: "#b62665";
-        ddsColorData06Subtle: "#dfa5bf";
-        ddsColorData06Border: "#b62665";
-        ddsColorData07Default: "#7c7518";
-        ddsColorData07Subtle: "#cdc9a1";
-        ddsColorData07Border: "#7c7518";
-        ddsColorData08Default: "#da1e28";
-        ddsColorData08Subtle: "#f0a5a9";
-        ddsColorData08Border: "#da1e28";
-        ddsColorData09Default: "#007d79";
-        ddsColorData09Subtle: "#90ccc9";
-        ddsColorData09Border: "#007d79";
-        ddsColorBgDefault: "#ffffff";
-        ddsColorBgSubtle: "#f1f3f4";
-        ddsColorSurfaceDefault: "#ffffff";
-        ddsColorSurfaceSubtle: "#f1f3f4";
-        ddsColorSurfaceMedium: "#e9ebec";
-        ddsColorSurfaceHoverDefault: "#e7f1f7";
-        ddsColorSurfaceHoverSubtle: "#f1f3f4";
-        ddsColorSurfaceSelectedDefault: "#e7f1f7";
+        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";
+        ddsColorBgDefault: "#181a1c";
+        ddsColorBgSubtle: "#22272a";
+        ddsColorSurfaceDefault: "#181a1c";
+        ddsColorSurfaceSubtle: "#22272a";
+        ddsColorSurfaceMedium: "#303438";
+        ddsColorSurfaceHoverDefault: "#062c45";
+        ddsColorSurfaceHoverSubtle: "#22272a";
+        ddsColorSurfaceSelectedDefault: "#062c45";
         ddsColorSurfaceInverseDefault: "#354754";
         ddsColorSurfaceInverseHover: "#2a3943";
         ddsColorSurfaceInverseSelected: "#202b32";
-        ddsColorSurfaceActionResting: "#106ead";
-        ddsColorSurfaceActionHover: "#0d588a";
-        ddsColorSurfaceActionSelected: "#106ead";
-        ddsColorSurfaceActionDangerResting: "#d83737";
-        ddsColorSurfaceActionDangerHover: "#ad2c2c";
+        ddsColorSurfaceActionResting: "#589ac6";
+        ddsColorSurfaceActionHover: "#9fc5de";
+        ddsColorSurfaceActionSelected: "#589ac6";
+        ddsColorSurfaceActionDangerResting: "#e47373";
+        ddsColorSurfaceActionDangerHover: "#efafaf";
         ddsColorSurfaceActionSelectedDisabled: "#77838c";
-        ddsColorSurfaceDangerDefault: "#fbebeb";
-        ddsColorSurfaceDangerStrong: "#e47373";
-        ddsColorSurfaceSuccessDefault: "#f0f9f0";
-        ddsColorSurfaceSuccessStrong: "#93d294";
-        ddsColorSurfaceWarningDefault: "#fefced";
-        ddsColorSurfaceWarningStrong: "#f7e982";
-        ddsColorSurfaceInfoDefault: "#f1f8fd";
-        ddsColorSurfaceInfoStrong: "#9eceee";
-        ddsColorSurfacePaperDefault: "#ffffff";
+        ddsColorSurfaceDangerDefault: "#561616";
+        ddsColorSurfaceDangerStrong: "#dc4b4b";
+        ddsColorSurfaceSuccessDefault: "#284c29";
+        ddsColorSurfaceSuccessStrong: "#65be66";
+        ddsColorSurfaceWarningDefault: "#494317";
+        ddsColorSurfaceWarningStrong: "#f4e04d";
+        ddsColorSurfaceInfoDefault: "#2a4b61";
+        ddsColorSurfaceInfoStrong: "#75b9e6";
+        ddsColorSurfacePaperDefault: "#3a4146";
         ddsColorSurfaceBackdropDefault: "#0b0d0e80";
-        ddsColorSurfaceFieldDefault: "#ffffff";
-        ddsColorSurfaceFieldDisabled: "#f1f3f4";
-        ddsColorSurfaceHighlightedDefault: "#fce5dd";
-        ddsColorSurfaceScrollbar: "#adb5ba";
+        ddsColorSurfaceFieldDefault: "#0b0d0e";
+        ddsColorSurfaceFieldDisabled: "#303438";
+        ddsColorSurfaceHighlightedDefault: "#833a21";
+        ddsColorSurfaceScrollbar: "#545c62";
         ddsColorSurfaceNotification: "#d83737";
-        ddsColorSurfaceSkeleton: "#d6dadd";
+        ddsColorSurfaceSkeleton: "#545c62";
         ddsColorBorderDefault: "#77838c";
-        ddsColorBorderSubtle: "#d6dadd";
+        ddsColorBorderSubtle: "#545c62";
         ddsColorBorderInverse: "#acbbc6";
-        ddsColorBorderActionDefault: "#106ead";
-        ddsColorBorderActionHover: "#0d588a";
-        ddsColorBorderSuccess: "#65be66";
-        ddsColorBorderWarning: "#f4e04d";
-        ddsColorBorderDanger: "#d83737";
-        ddsColorBorderInfo: "#75b9e6";
-        ddsColorBorderOnAction: "#ffffff";
-        ddsColorTextDefault: "#0b0d0e";
-        ddsColorTextMedium: "#3a4146";
-        ddsColorTextSubtle: "#545c62";
+        ddsColorBorderActionDefault: "#589ac6";
+        ddsColorBorderActionHover: "#9fc5de";
+        ddsColorBorderSuccess: "#519852";
+        ddsColorBorderWarning: "#ccba35";
+        ddsColorBorderDanger: "#ad2c2c";
+        ddsColorBorderInfo: "#5197c5";
+        ddsColorBorderOnAction: "#181a1c";
+        ddsColorTextDefault: "#ffffff";
+        ddsColorTextMedium: "#e9ebec";
+        ddsColorTextSubtle: "#d6dadd";
         ddsColorTextOnInverse: "#ffffff";
-        ddsColorTextOnAction: "#ffffff";
-        ddsColorTextOnStatusDefault: "#0b0d0e";
+        ddsColorTextDanger: "#efafaf";
+        ddsColorTextOnAction: "#0b0d0e";
+        ddsColorTextOnStatusDefault: "#ffffff";
         ddsColorTextOnStatusStrong: "#0b0d0e";
-        ddsColorTextActionResting: "#106ead";
-        ddsColorTextActionHover: "#0d588a";
-        ddsColorTextRequiredfield: "#d83737";
-        ddsColorTextActionVisited: "#7f29b4";
+        ddsColorTextActionResting: "#9fc5de";
+        ddsColorTextActionHover: "#e7f1f7";
+        ddsColorTextRequiredfield: "#efafaf";
+        ddsColorTextActionVisited: "#cca9e1";
         ddsColorTextActionVisitedOnInverse: "#cca9e1";
         ddsColorTextOnNotification: "#ffffff";
-        ddsColorTextDanger: "#ad2c2c";
-        ddsColorIconDefault: "#0b0d0e";
-        ddsColorIconMedium: "#3a4146";
-        ddsColorIconSubtle: "#545c62";
+        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: "#ffffff";
-        ddsColorIconActionResting: "#106ead";
-        ddsColorIconActionHover: "#0d588a";
-        ddsColorIconOnSuccessDefault: "#3d723d";
+        ddsColorIconOnAction: "#0b0d0e";
+        ddsColorIconActionResting: "#9fc5de";
+        ddsColorIconActionHover: "#e7f1f7";
+        ddsColorIconOnSuccessDefault: "#c1e5c2";
         ddsColorIconOnSuccessStrong: "#0b0d0e";
-        ddsColorIconOnWarningDefault: "#9a8c26";
+        ddsColorIconOnWarningDefault: "#fbf3b8";
         ddsColorIconOnWarningStrong: "#0b0d0e";
-        ddsColorIconOnDangerDefault: "#ad2c2c";
+        ddsColorIconOnDangerDefault: "#efafaf";
         ddsColorIconOnDangerStrong: "#0b0d0e";
-        ddsColorIconOnInfoDefault: "#3e7192";
+        ddsColorIconOnInfoDefault: "#c8e3f5";
         ddsColorIconOnInfoStrong: "#0b0d0e";
-        ddsColorIconDanger: "#ad2c2c";
+        ddsColorIconDanger: "#efafaf";
         ddsColorBrandPrimaryDefault: "#354754";
-        ddsColorBrandPrimarySubtle: "#eaeff4";
-        ddsColorBrandPrimaryMedium: "#4f6a7e";
-        ddsColorBrandPrimaryStrong: "#202b32";
+        ddsColorBrandPrimarySubtle: "#2a3943";
+        ddsColorBrandPrimaryMedium: "#405767";
+        ddsColorBrandPrimaryStrong: "#4f6a7e";
         ddsColorBrandSecondaryDefault: "#9ab8b7";
-        ddsColorBrandSecondarySubtle: "#e6eded";
-        ddsColorBrandSecondaryMedium: "#b8cdcd";
-        ddsColorBrandSecondaryStrong: "#4d6463";
+        ddsColorBrandSecondarySubtle: "#2b3a3a";
+        ddsColorBrandSecondaryMedium: "#4d6463";
+        ddsColorBrandSecondaryStrong: "#b8cdcd";
         ddsColorBrandTertiaryDefault: "#f27e55";
-        ddsColorBrandTertiarySubtle: "#fce5dd";
+        ddsColorBrandTertiarySubtle: "#a24422";
         ddsColorBrandTertiaryMedium: "#f2a68f";
-        ddsColorBrandTertiaryStrong: "#d45d32";
-        ddsColorFocusOutside: "#2a4b61";
-        ddsColorFocusInside: "#f1f8fd";
+        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";
@@ -2151,20 +3129,24 @@ declare function useTheme(): {
         ddsBorderRadiusChipNumberPx: 2;
         ddsBorderRadiusRounded: "9999px";
         ddsBorderRadiusRoundedNumberPx: 9999;
-        ddsFontLabelMedium: "600 1rem/1.5 'IBM Plex Sans', Arial, sans-serif";
-        ddsFontBodyXsmall: "400 0.875rem/1.5 'IBM Plex Sans', Arial, sans-serif";
-        ddsFontBodySmall: "400 1rem/1.5 'IBM Plex Sans', Arial, sans-serif";
-        ddsFontBodyMedium: "400 1.125rem/1.5 'IBM Plex Sans', Arial, sans-serif";
-        ddsFontBodyLarge: "400 1.25rem/1.5 'IBM Plex Sans', Arial, sans-serif";
-        ddsFontHeadingXxsmall: "600 1rem/1.5 'IBM Plex Sans', Arial, sans-serif";
-        ddsFontHeadingXsmall: "600 1.125rem/1.5 'IBM Plex Sans', Arial, sans-serif";
-        ddsFontHeadingSmall: "600 1.25rem/1.5 'IBM Plex Sans', Arial, sans-serif";
-        ddsFontHeadingMedium: "500 1.5rem/1.5 'IBM Plex Sans', Arial, sans-serif";
-        ddsFontHeadingLarge: "400 2rem/1.35 'IBM Plex Sans', Arial, sans-serif";
-        ddsFontHeadingXlarge: "300 clamp(2.5rem, 1.667rem + 2.222vw, 3rem)/1.35 'IBM Plex Sans', Arial, sans-serif";
-        ddsFontHeadingXxlarge: "300 clamp(3rem, 1.333rem + 4.444vw, 4rem)/1.2 'IBM Plex Sans', Arial, sans-serif";
+        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;
@@ -2186,18 +3168,18 @@ declare function useTheme(): {
         ddsFontHeadingXxsmallLetterSpacing: "0.01em";
         ddsFontHeadingXxsmallParagraphSpacing: "0.4em";
         ddsFontHeadingXxsmallParagraphSpacingNumberEm: 0.4;
-        ddsFontBodyLargeLetterSpacing: "0em";
-        ddsFontBodyLargeParagraphSpacing: "1em";
-        ddsFontBodyLargeParagraphSpacingNumberEm: 1;
-        ddsFontBodyMediumLetterSpacing: "0em";
-        ddsFontBodyMediumParagraphSpacing: "1em";
-        ddsFontBodyMediumParagraphSpacingNumberEm: 1;
-        ddsFontBodySmallLetterSpacing: "0em";
-        ddsFontBodySmallParagraphSpacing: "1em";
-        ddsFontBodySmallParagraphSpacingNumberEm: 1;
-        ddsFontBodyXsmallLetterSpacing: "0.01em";
-        ddsFontBodyXsmallParagraphSpacing: "1em";
-        ddsFontBodyXsmallParagraphSpacingNumberEm: 1;
+        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;
@@ -2207,8 +3189,20 @@ declare function useTheme(): {
         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;
     };
-    themeName: "core" | "public";
+    themeName: "core-light" | "core-dark" | "public-light" | "public-dark";
 };
 
 type Language = 'nb' | 'nn' | 'no' | 'en' | 'se';
@@ -2224,36 +3218,42 @@ declare function DdsProvider({ language, theme, children }: DdsProviderProps): r
 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_runtime.JSX.Element;
 
-type AccordionProps = BaseComponentPropsWithChildren<HTMLDivElement, {
-    /**Spesifiserer om body skal være utvidet ved innlastning. */
+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;
-    /**For å lytte til endringer i expanded-state. */
+    /**
+     * Callback når tilstanden endres.
+     */
     onChange?: (expanded: boolean) => void;
-}>;
+    /**
+     * Custom id for accordion; delene får i tillegg suffix `'header'` og `'body'`.
+     */
+    id?: string;
+}
+
+type AccordionProps = BaseComponentPropsWithChildren<HTMLDivElement, Pick<AccordionConfig, 'isExpanded' | 'isInitiallyExpanded' | 'onChange'>>;
 declare const Accordion: {
-    ({ isExpanded, onChange, id, children, className, htmlProps, ...rest }: AccordionProps): react_jsx_runtime.JSX.Element;
+    ({ isInitiallyExpanded, isExpanded, onChange, id, children, className, style, htmlProps, ...rest }: AccordionProps): react_jsx_runtime.JSX.Element;
     displayName: string;
 };
 
 declare function TextOverflowEllipsisWrapper({ className, ...rest }: ComponentProps<'span'>): react_jsx_runtime.JSX.Element;
 declare function TextOverflowEllipsisInner({ className, ...rest }: ComponentProps<'span'>): react_jsx_runtime.JSX.Element;
 
-/**
- * Tekstfarger i kebab-case; camelCase blir deprecated, og kebab-case blir standarden for props som refererer til CSS-variabler.
- * TODO: fjerne cameCase på et tidspunkt.
- */
-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", "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 TEXT_COLORS_CAMEL: readonly ["textOnAction", "textOnInverse", "textOnStatusDefault", "textOnStatusStrong", "textActionResting", "textActionHover", "textActionVisited", "textDefault", "textRequiredfield", "textSubtle", "textMedium", "textOnNotification", "iconOnAction", "iconOnInfoDefault", "iconOnSuccessDefault", "iconOnDangerDefault", "iconOnWarningDefault", "iconOnInfoStrong", "iconOnSuccessStrong", "iconOnDangerStrong", "iconOnWarningStrong", "iconOnInverse", "iconActionResting", "iconActionHover", "iconDefault", "iconSubtle", "iconMedium"];
-type DDSTextColor = (typeof TEXT_COLORS)[number];
-type DDSTextColorCamel = (typeof TEXT_COLORS_CAMEL)[number];
-type TextColor = DDSTextColor | DDSTextColorCamel | Property.Color;
-
-type TypographyBodyType = 'bodyXsmall' | 'bodySmall' | 'bodyMedium' | 'bodyLarge';
+type TypographyBodyShortType = 'bodyShortXsmall' | 'bodyShortSmall' | 'bodyShortMedium' | 'bodyShortLarge';
+type TypographyBodyLongType = 'bodyLongXsmall' | 'bodyLongSmall' | 'bodyLongMedium' | 'bodyLongLarge';
+type TypographyBodyType = TypographyBodyLongType | TypographyBodyShortType;
 type TypographyHeadingType = 'headingXxsmall' | 'headingXsmall' | 'headingSmall' | 'headingMedium' | 'headingLarge' | 'headingXlarge' | 'headingXxlarge';
 type TypographyLeadType = 'leadMedium';
 type TypographyAnchorType = 'a';
@@ -2261,7 +3261,7 @@ type TypographyLabelType = 'labelMedium';
 type OtherTypographyType = TypographyHeadingType | TypographyBodyType | TypographyLeadType;
 type TypographyType = TypographyAnchorType | TypographyLabelType | OtherTypographyType;
 type StaticTypographyType = OtherTypographyType | TypographyLabelType;
-type HyphenTypographyType = 'body-xsmall' | 'body-small' | 'body-medium' | 'body-large' | 'heading-xxsmall' | 'heading-xsmall' | 'heading-small' | 'heading-medium' | 'heading-large' | 'heading-xlarge' | 'heading-xxlarge' | 'lead-medium' | 'a' | 'label-medium';
+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';
 interface BaseTypographyProps {
     /**Tekstfarge fra utvalget eller custom. **OBS!** Bruk farger fra `@dds-design-tokens` med navn i kebab-case, f.eks. `text-subtle`. */
@@ -2272,8 +3272,6 @@ interface BaseTypographyProps {
      * `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;
-    /**HTML style. */
-    style?: CSSProperties;
 }
 type TypographyComponentProps = BaseTypographyProps & {
     /**Setter `bold` styling. */
@@ -2286,7 +3284,7 @@ type TypographyComponentProps = BaseTypographyProps & {
     as?: ElementType;
 };
 
-type AnchorTypographyProps = BaseComponentProps<HTMLAnchorElement, {
+type AnchorTypographyProps = BaseComponentPropsWithChildren<HTMLAnchorElement, {
     /**nativ `href`-prop ved `typographyType='a'`.  */
     href?: string | undefined;
     /** Spesifiserer om lenka er ekstern ved `typographyType='a'` eller `as='a'`.*/
@@ -2294,8 +3292,8 @@ type AnchorTypographyProps = BaseComponentProps<HTMLAnchorElement, {
     /**nativ `target`-prop ved `typographyType='a'`.  */
     target?: string;
 }, AnchorHTMLAttributes<HTMLAnchorElement>>;
-type LabelTypographyProps = BaseComponentProps<HTMLLabelElement, HTMLAttributes<HTMLLabelElement>>;
-type OtherTypographyProps = BaseComponentProps<HTMLElement, HTMLAttributes<HTMLElement>>;
+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;
@@ -2311,52 +3309,6 @@ declare const Typography: {
     displayName: string;
 };
 
-declare const ICON_SIZES: ["small", "medium", "large", "inherit"];
-type IconSize = (typeof ICON_SIZES)[number];
-type IconProps = BaseComponentProps<SVGSVGElement, {
-    /**Ikonet importert fra `@norges-domstoler/dds-components`. */
-    icon: SvgIcon;
-    /**Størrelsen på ikonet.
-     * @default "medium"
-     */
-    iconSize?: IconSize;
-    /**Fargen på ikonet.
-     * @default "currentcolor"
-     */
-    color?: TextColor;
-}, Omit<HTMLAttributes<SVGSVGElement>, 'color'>>;
-declare function Icon(props: IconProps): react.JSX.Element;
-declare namespace Icon {
-    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;
-}
-
-declare const defaultTypographyType: TypographyBodyType;
-declare const defaultTypographyTypeClassName: HyphenTypographyType;
 declare const getElementType: (element: TypographyType) => ElementType;
 declare const isHeading: (type: TypographyType) => type is TypographyHeadingType;
 declare const isLegend: (as: ElementType) => boolean;
@@ -2368,7 +3320,7 @@ declare const getColorCn: (color?: TextColor) => string | null;
 
 type CaptionProps = BaseComponentPropsWithChildren<HTMLTableCaptionElement, BaseTypographyProps, Omit<ComponentProps<'caption'>, 'color'>>;
 declare const Caption: {
-    ({ id, className, htmlProps, children, ...rest }: CaptionProps): react_jsx_runtime.JSX.Element;
+    ({ id, className, style, htmlProps, children, ...rest }: CaptionProps): react_jsx_runtime.JSX.Element;
     displayName: string;
 };
 
@@ -2380,11 +3332,11 @@ type HeadingProps = BaseComponentPropsWithChildren<HTMLHeadingElement, {
     typographyType?: TypographyHeadingType;
 } & BaseTypographyProps, Omit<HTMLAttributes<HTMLHeadingElement>, 'color'>>;
 declare const Heading: {
-    ({ id, className, htmlProps, children, typographyType, level, ...rest }: HeadingProps): react_jsx_runtime.JSX.Element;
+    ({ id, className, style, htmlProps, children, typographyType, level, ...rest }: HeadingProps): react_jsx_runtime.JSX.Element;
     displayName: string;
 };
 
-type PickedHTMLAttributes$4 = Pick<LabelHTMLAttributes<HTMLLabelElement>, 'htmlFor'>;
+type PickedHTMLAttributes$3 = Pick<LabelHTMLAttributes<HTMLLabelElement>, 'htmlFor'>;
 interface BaseLabelProps {
     /** Om input knyttet til ledeteksten er påkrevd; påvirker styling. */
     showRequiredStyling?: boolean;
@@ -2393,9 +3345,9 @@ interface BaseLabelProps {
     /**Innhold som står etter ledeteksten (knapp med ekstra info e.l.). */
     afterLabelContent?: ReactNode;
 }
-type LabelProps = BaseComponentPropsWithChildren<HTMLLabelElement, BaseLabelProps & BaseTypographyProps & PickedHTMLAttributes$4, Omit<LabelHTMLAttributes<HTMLLabelElement>, keyof PickedHTMLAttributes$4 | 'color'>>;
+type LabelProps = BaseComponentPropsWithChildren<HTMLLabelElement, BaseLabelProps & BaseTypographyProps & PickedHTMLAttributes$3, Omit<LabelHTMLAttributes<HTMLLabelElement>, keyof PickedHTMLAttributes$3 | 'color'>>;
 declare const Label: {
-    ({ showRequiredStyling, readOnly, id, className, htmlProps, children, afterLabelContent, ...rest }: LabelProps): react_jsx_runtime.JSX.Element;
+    ({ showRequiredStyling, readOnly, id, className, style, htmlProps, children, afterLabelContent, ...rest }: LabelProps): react_jsx_runtime.JSX.Element;
     displayName: string;
 };
 
@@ -2404,11 +3356,11 @@ type LegendProps = BaseComponentPropsWithChildren<HTMLLegendElement, BaseTypogra
     typographyType?: TypographyHeadingType;
 }, Omit<HTMLAttributes<HTMLLegendElement>, 'color'>>;
 declare const Legend: {
-    ({ id, className, htmlProps, typographyType, ...rest }: LegendProps): react_jsx_runtime.JSX.Element;
+    ({ id, className, style, htmlProps, typographyType, ...rest }: LegendProps): react_jsx_runtime.JSX.Element;
     displayName: string;
 };
 
-type PickedHTMLAttributes$3 = Pick<AnchorHTMLAttributes<HTMLAnchorElement>, 'onClick' | 'href' | 'target'>;
+type PickedHTMLAttributes$2 = Pick<AnchorHTMLAttributes<HTMLAnchorElement>, 'onClick' | 'href' | 'target'>;
 type LinkProps<T extends ElementType = 'a'> = PolymorphicBaseComponentProps<T, {
     /**Spesifiserer om lenken fører til et eksternt nettsted eller åpnes i nytt vindu. Påvirker styling og setter `target` prop. */
     external?: boolean;
@@ -2416,18 +3368,20 @@ type LinkProps<T extends ElementType = 'a'> = PolymorphicBaseComponentProps<T, {
     withVisited?: boolean;
     /**Spesifiserer typografistil basert på utvalget for brødtekst. Arver hvis ikke oppgitt. */
     typographyType?: TypographyBodyType;
-} & BaseTypographyProps & PickedHTMLAttributes$3, Omit<ComponentPropsWithoutRef<T>, keyof PickedHTMLAttributes$3 | 'color'>>;
+} & BaseTypographyProps & PickedHTMLAttributes$2>;
 declare const Link: {
     <T extends ElementType = "a">({ id, className, htmlProps, children, typographyType, withMargins, withVisited, external, target, style, color, as: propAs, ...rest }: LinkProps<T>): react_jsx_runtime.JSX.Element;
     displayName: string;
 };
 
 type ParagraphProps = BaseComponentPropsWithChildren<HTMLParagraphElement, {
-    /**Spesifiserer typografistil basert på utvalget for brødtekst og ingress.  */
+    /** Spesifiserer typografistil basert på utvalget for brødtekst og ingress.
+     * @default 'BodyLongMedium'
+     */
     typographyType?: TypographyBodyType | TypographyLeadType;
 } & BaseTypographyProps, Omit<HTMLAttributes<HTMLParagraphElement>, 'color'>>;
 declare const Paragraph: {
-    ({ id, className, htmlProps, children, typographyType, ...rest }: ParagraphProps): react_jsx_runtime.JSX.Element;
+    ({ id, className, style, htmlProps, children, typographyType, ...rest }: ParagraphProps): react_jsx_runtime.JSX.Element;
     displayName: string;
 };
 
@@ -2438,13 +3392,13 @@ type AccordionHeaderProps = Omit<BaseComponentPropsWithChildren<HTMLButtonElemen
     bold?: boolean;
 }, ButtonHTMLAttributes<HTMLButtonElement>>, 'id'>;
 declare const AccordionHeader: {
-    ({ children, className, htmlProps, typographyType, bold, ...rest }: AccordionHeaderProps): react_jsx_runtime.JSX.Element;
+    ({ children, className, style, htmlProps, typographyType, bold, ...rest }: AccordionHeaderProps): react_jsx_runtime.JSX.Element;
     displayName: string;
 };
 
 type AccordionBodyProps = Omit<BaseComponentPropsWithChildren<HTMLDivElement>, 'id'>;
 declare const AccordionBody: {
-    ({ children, className, htmlProps, ...rest }: AccordionBodyProps): react_jsx_runtime.JSX.Element;
+    ({ children, className, style, htmlProps, ...rest }: AccordionBodyProps): react_jsx_runtime.JSX.Element;
     displayName: string;
 };
 
@@ -2470,56 +3424,17 @@ declare const Breadcrumb: {
     displayName: string;
 };
 
-type BreadcrumbsProps = BaseComponentPropsWithChildren<HTMLElement, {
+type BreadcrumbsProps = BaseComponentProps<HTMLElement, {
     /**
      * Spesifiserer ved hvilket brekkpunkt og nedover versjonen for små skjermer skal vises.
      * Trunkerer barn unntatt første og siste; trunkerte barn er tilgjengelige ved å trykke på trunkeringsknappen.
      */
     smallScreenBreakpoint?: Breakpoint;
+    /**`<Breadcrumb> barn.` */
+    children?: ReactNode;
 }>;
 declare const Breadcrumbs: {
-    ({ children, smallScreenBreakpoint, id, className, htmlProps, ...rest }: BreadcrumbsProps): react_jsx_runtime.JSX.Element;
-    displayName: string;
-};
-
-declare const BUTTON_SIZES: ["xsmall", "small", "medium", "large"];
-type ButtonPurpose = 'primary' | 'secondary' | 'danger' | 'tertiary';
-type ButtonSize = (typeof BUTTON_SIZES)[number];
-type IconPosition = 'left' | 'right';
-type PickedHTMLAttributes$2 = Pick<ButtonHTMLAttributes<HTMLButtonElement>, 'onClick' | 'onFocus' | 'onBlur' | 'type'>;
-type ButtonProps = BaseComponentProps<HTMLButtonElement, {
-    /** 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?: SvgIcon;
-    /**Knapp med full bredde. */
-    fullWidth?: boolean;
-    /**URL for knapper som skal brukes som lenke. Knappen blir til et `<a>`-element. */
-    href?: string;
-    /**Nativt `target`-attributt. Kan settes når knappen er et `<a>`-element.  */
-    target?: string;
-} & PickedHTMLAttributes$2, Omit<ButtonHTMLAttributes<HTMLButtonElement>, keyof PickedHTMLAttributes$2>>;
-
-declare const Button: {
-    ({ children, purpose, size, iconPosition, href, target, loading, loadingTooltip, fullWidth, icon, onClick, onFocus, onBlur, id, ref, className, htmlProps, ...rest }: ButtonProps): react_jsx_runtime.JSX.Element | undefined;
+    ({ children, smallScreenBreakpoint, id, className, style, htmlProps, ...rest }: BreadcrumbsProps): react_jsx_runtime.JSX.Element;
     displayName: string;
 };
 
@@ -2543,7 +3458,7 @@ type ButtonGroupProps = BaseComponentPropsWithChildren<HTMLDivElement, {
     role?: AriaRole;
 } & Omit<ButtonHTMLAttributes<HTMLButtonElement>, keyof PickedHTMLAttributes$1>>;
 declare const ButtonGroup: {
-    ({ children, id, className, htmlProps, direction, buttonSize, role, ...rest }: ButtonGroupProps): react_jsx_runtime.JSX.Element;
+    ({ children, id, className, style, htmlProps, direction, buttonSize, role, ...rest }: ButtonGroupProps): react_jsx_runtime.JSX.Element;
     displayName: string;
 };
 
@@ -2556,6 +3471,8 @@ interface SelectionControlCommonProps {
     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. */
@@ -2581,10 +3498,10 @@ type CheckboxProps = BaseComponentProps<HTMLInputElement, SelectionControlCommon
     /**Brukes ved nøstet struktur der alle `<Checkbox>` som hører til en gruppe kan bli valgt ved å trykke på en forelder `<Checkbox>`.
      * Hvis enkelte `<Checkbox>` blir valgt men ikke alle, skal forelder `<Checkbox>` få tilstanden `indeterminate` - verken valgt eller ikke. */
     indeterminate?: boolean;
-} & CheckboxPickedHTMLAttributes, Omit<InputHTMLAttributes<HTMLInputElement>, keyof CheckboxPickedHTMLAttributes>>;
+} & CheckboxPickedHTMLAttributes & Pick<ComponentProps<'input'>, 'required'>, InputHTMLAttributes<HTMLInputElement>>;
 
 declare const Checkbox: {
-    ({ id, name, label, error, disabled, readOnly, indeterminate, "aria-describedby": ariaDescribedby, className, htmlProps, children, ...rest }: CheckboxProps): react_jsx_runtime.JSX.Element;
+    ({ id, name, label, error, disabled, readOnly, indeterminate, "aria-describedby": ariaDescribedby, className, htmlProps, style, children, ...rest }: CheckboxProps): react_jsx_runtime.JSX.Element;
     displayName: string;
 };
 
@@ -2597,6 +3514,10 @@ declare const CheckboxGroup: {
     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.
@@ -2612,7 +3533,7 @@ type InfoCardProps = BaseCardProps<HTMLDivElement> & {
 };
 type NavigationCardProps = BaseCardProps<HTMLAnchorElement> & {
     cardType: 'navigation';
-} & Pick<AnchorHTMLAttributes<HTMLAnchorElement>, 'href' | 'target'>;
+} & Pick<AnchorHTMLAttributes<HTMLAnchorElement>, 'href' | 'target' | 'onClick'>;
 type ExpandableCardProps = BaseCardProps<HTMLDivElement> & {
     cardType: 'expandable';
 };
@@ -2628,21 +3549,16 @@ type CardSelectableProps = BaseComponentPropsWithChildren<HTMLInputElement, Pick
         left?: Property.Left;
         top?: Property.Top;
     };
-} & CheckboxPickedHTMLAttributes, Omit<InputHTMLAttributes<HTMLInputElement>, keyof CheckboxPickedHTMLAttributes>>;
+} & RadioPickedInputHTMLAttributes & CheckboxPickedHTMLAttributes>;
 
 declare const Card: {
     (props: CardProps): react_jsx_runtime.JSX.Element;
     displayName: string;
 };
 
-type CardExpandableProps = BaseComponentPropsWithChildren<HTMLDivElement, {
-    /**Spesifiserer om body skal være utvidet ved innlastning. */
-    isExpanded?: boolean;
-    /**For å lytte til endringer i expanded-state. */
-    onChange?: (expanded: boolean) => void;
-}>;
+type CardExpandableProps = BaseComponentPropsWithChildren<HTMLDivElement, Pick<AccordionConfig, 'isExpanded' | 'isInitiallyExpanded' | 'onChange'>>;
 declare const CardExpandable: {
-    ({ isExpanded, onChange, id, children, className, htmlProps, ...rest }: CardExpandableProps): react_jsx_runtime.JSX.Element;
+    ({ isInitiallyExpanded, isExpanded, onChange, id, children, className, style, htmlProps, ...rest }: CardExpandableProps): react_jsx_runtime.JSX.Element;
     displayName: string;
 };
 
@@ -2655,7 +3571,7 @@ type CardExpandableHeaderProps = Omit<BaseComponentPropsWithChildren<HTMLButtonE
     bold?: boolean;
 }, ButtonHTMLAttributes<HTMLButtonElement>>, 'id'>;
 declare const CardExpandableHeader: {
-    ({ children, className, htmlProps, padding, typographyType, bold, ...rest }: CardExpandableHeaderProps): react_jsx_runtime.JSX.Element;
+    ({ children, className, style, htmlProps, padding, typographyType, bold, ...rest }: CardExpandableHeaderProps): react_jsx_runtime.JSX.Element;
     displayName: string;
 };
 
@@ -2664,7 +3580,7 @@ type CardExpandableBodyProps = Omit<BaseComponentPropsWithChildren<HTMLDivElemen
     padding?: Property.Padding<string>;
 }>, 'id'>;
 declare const CardExpandableBody: {
-    ({ children, className, htmlProps, padding, ...rest }: CardExpandableBodyProps): react_jsx_runtime.JSX.Element;
+    ({ children, className, style, htmlProps, padding, ...rest }: CardExpandableBodyProps): react_jsx_runtime.JSX.Element;
     displayName: string;
 };
 
@@ -2690,18 +3606,18 @@ type CardSelectableGroupProps<T extends string | number> = BaseComponentPropsWit
     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, htmlProps, "aria-describedby": ariaDescribedby, ...rest }: CardSelectableGroupProps<T>): react_jsx_runtime.JSX.Element;
+    <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_runtime.JSX.Element;
     displayName: string;
 };
 
 type ChipProps = BaseComponentProps<HTMLDivElement, {
     /** Teksten som vises i komponenten. */
-    text?: string;
+    children?: string;
     /** Ekstra logikk når `<Chip>` lukkes. */
     onClose?: () => void;
 }>;
 declare const Chip: {
-    ({ text, onClose, id, className, htmlProps, ...rest }: ChipProps): react_jsx_runtime.JSX.Element | null;
+    ({ children, onClose, id, className, style, htmlProps, ...rest }: ChipProps): react_jsx_runtime.JSX.Element | null;
     displayName: string;
 };
 
@@ -2711,8 +3627,11 @@ declare const ChipGroup: {
     displayName: string;
 };
 
-type ContrastProps<T extends React.ElementType> = PolymorphicProps<T>;
-declare const Contrast: <T extends React.ElementType>({ className, as, ...rest }: ContrastProps<T>) => react_jsx_runtime.JSX.Element;
+type ContrastProps<T extends ElementType = 'div'> = BoxProps<T>;
+declare const Contrast: {
+    <T extends ElementType = "div">({ id, className, style, htmlProps, ...rest }: ContrastProps<T>): react_jsx_runtime.JSX.Element;
+    displayName: string;
+};
 
 type CookieBannerCheckboxProps = Omit<CheckboxProps, 'label' | 'children'> & {
     /**Header - kort oppsummering av den spesifikke typen informasjonskapsel. */
@@ -2720,7 +3639,7 @@ type CookieBannerCheckboxProps = Omit<CheckboxProps, 'label' | 'children'> & {
     /**Detaljer rundt den spesifikke typen informasjonskapsel. */
     description: string;
 };
-declare function CookieBannerCheckbox({ headerText, description, id, className, htmlProps, ...rest }: CookieBannerCheckboxProps): react_jsx_runtime.JSX.Element;
+declare function CookieBannerCheckbox({ headerText, description, id, className, style, htmlProps, ...rest }: CookieBannerCheckboxProps): react_jsx_runtime.JSX.Element;
 declare namespace CookieBannerCheckbox {
     var displayName: string;
 }
@@ -2737,7 +3656,7 @@ type CookieBannerProps = BaseComponentPropsWithChildren<HTMLDivElement, {
     /**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, htmlProps, maxHeight, width, children, collapsedBreakpoint, ...rest }: CookieBannerProps): react_jsx_runtime.JSX.Element;
+declare function CookieBanner({ headerText, description, buttons, checkboxes, id, className, style, htmlProps, maxHeight, width, children, collapsedBreakpoint, ...rest }: CookieBannerProps): react_jsx_runtime.JSX.Element;
 declare namespace CookieBanner {
     var displayName: string;
 }
@@ -2748,6 +3667,31 @@ 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;
@@ -2811,7 +3755,7 @@ type DescriptionListProps = BaseComponentPropsWithChildren<HTMLDListElement, {
     direction?: Direction$1;
 }>;
 declare const DescriptionList: {
-    ({ appearance, direction, children, id, className, htmlProps, ...rest }: DescriptionListProps): react_jsx_runtime.JSX.Element;
+    ({ appearance, direction, children, id, className, style, htmlProps, ...rest }: DescriptionListProps): react_jsx_runtime.JSX.Element;
     displayName: string;
 };
 
@@ -2826,7 +3770,7 @@ type DescriptionListDescProps = BaseComponentPropsWithChildren<HTMLElement, {
     icon?: SvgIcon;
 }>;
 declare const DescriptionListDesc: {
-    ({ children, icon, id, className, htmlProps, ...rest }: DescriptionListDescProps): react_jsx_runtime.JSX.Element;
+    ({ children, icon, id, className, style, htmlProps, ...rest }: DescriptionListDescProps): react_jsx_runtime.JSX.Element;
     displayName: string;
 };
 
@@ -2839,7 +3783,7 @@ type DescriptionListGroupProps = BaseComponentPropsWithChildren<HTMLDivElement,
     maxWidth?: Property.MaxWidth<string>;
 }>;
 declare const DescriptionListGroup: {
-    ({ children, margin, minWidth, maxWidth, id, className, htmlProps, ...rest }: DescriptionListGroupProps): react_jsx_runtime.JSX.Element;
+    ({ children, margin, minWidth, maxWidth, id, className, style, htmlProps, ...rest }: DescriptionListGroupProps): react_jsx_runtime.JSX.Element;
     displayName: string;
 };
 
@@ -2864,11 +3808,11 @@ type DetailListProps = BaseComponentPropsWithChildren<HTMLDListElement, {
     smallScreenBreakpoint?: Breakpoint;
 }>;
 declare const DetailList: {
-    ({ id, className, htmlProps, withDividers, striped, size, smallScreenBreakpoint, ...rest }: DetailListProps): react_jsx_runtime.JSX.Element;
+    ({ id, className, style, htmlProps, withDividers, striped, size, smallScreenBreakpoint, ...rest }: DetailListProps): react_jsx_runtime.JSX.Element;
     displayName: string;
 };
 
-type DetailListDescProps = ComponentPropsWithRef<'dd'>;
+type DetailListDescProps = ComponentPropsWithRef<'dd'> & Pick<ResponsiveProps, 'textAlign'>;
 declare const DetailListDesc: {
     ({ className, ...rest }: DetailListDescProps): react_jsx_runtime.JSX.Element;
     displayName: string;
@@ -2893,12 +3837,11 @@ type DividerProps = BaseComponentProps<HTMLHRElement, {
      */
     color?: DividerColor;
 }, Omit<HTMLAttributes<HTMLHRElement>, 'color'>>;
-declare const Divider: ({ color, id, className, htmlProps, ...rest }: DividerProps) => react_jsx_runtime.JSX.Element;
+declare const Divider: ({ color, id, className, style, htmlProps, ...rest }: DividerProps) => react_jsx_runtime.JSX.Element;
 
 declare const DRAWER_SIZES: ["small", "medium", "large"];
 type DrawerSize = (typeof DRAWER_SIZES)[number];
 type DrawerPlacement = 'left' | 'right';
-type WidthProps = Pick<ResponsiveProps, 'minWidth' | 'maxWidth' | 'width'>;
 type DrawerProps = Omit<BaseComponentPropsWithChildren<HTMLDivElement, {
     /**Størrelsen på `<Drawer>`.
      * @default "small"
@@ -2915,15 +3858,13 @@ type DrawerProps = Omit<BaseComponentPropsWithChildren<HTMLDivElement, {
      * @default themeProviderRef
      */
     parentElement?: HTMLElement;
-    /**Custom props for breddehåndtering ved behov. Kan settes per brekkpunkt eller samme verdi for alle. */
-    widthProps?: WidthProps;
     /**
      * Om `<Drawer>` skal vises med backdrop som gråer ut bakgrunnen.
      */
     withBackdrop?: boolean;
-}>, 'id'>;
+} & Pick<ResponsiveProps, 'minWidth' | 'maxWidth' | 'width'>>, 'id'>;
 declare const Drawer: {
-    ({ children, header, placement, parentElement, size, className, htmlProps, widthProps, withBackdrop, ref, ...rest }: DrawerProps): react.ReactPortal | null;
+    ({ children, header, placement, parentElement, size, className, style, htmlProps, maxWidth, minWidth, width, withBackdrop, ref, ...rest }: DrawerProps): react.ReactPortal | null;
     displayName: string;
 };
 
@@ -2962,9 +3903,9 @@ type EmptyContentProps = {
      */
     headerHeadingLevel?: HeadingLevel;
     /**Melding - beskrivelse og forklaring på hvordan brukeren kan få innhold. Kan inneholde lenker og andre interaktive elementer. */
-    message: ReactNode;
-} & HTMLAttributes<HTMLDivElement>;
-declare function EmptyContent({ headerText, message, headerHeadingLevel, ...rest }: EmptyContentProps): react_jsx_runtime.JSX.Element;
+    children: ReactNode;
+} & Omit<HTMLAttributes<HTMLDivElement>, 'children'>;
+declare function EmptyContent({ headerText, children, headerHeadingLevel, ...rest }: EmptyContentProps): react_jsx_runtime.JSX.Element;
 declare namespace EmptyContent {
     var displayName: string;
 }
@@ -2992,7 +3933,7 @@ type FavStarProps = BaseComponentPropsWithChildren<HTMLElement, {
     size?: ComponentSize;
 }, Omit<HTMLAttributes<HTMLElement>, 'onChange'>>;
 declare const FavStar: {
-    ({ id, className, onChange, checked: checkedProp, defaultChecked, size, htmlProps, ...rest }: FavStarProps): react_jsx_runtime.JSX.Element;
+    ({ id, className, style, onChange, checked: checkedProp, defaultChecked, size, htmlProps, ...rest }: FavStarProps): react_jsx_runtime.JSX.Element;
     displayName: string;
 };
 
@@ -3062,13 +4003,13 @@ type FieldsetProps = BaseComponentPropsWithChildren<HTMLFieldSetElement, {
     disabled?: boolean;
 }>;
 declare const Fieldset: {
-    ({ id, className, htmlProps, ...rest }: FieldsetProps): react_jsx_runtime.JSX.Element;
+    ({ id, className, style, htmlProps, ...rest }: FieldsetProps): react_jsx_runtime.JSX.Element;
     displayName: string;
 };
 
 type FieldsetGroupProps = BaseComponentPropsWithChildren<HTMLDivElement>;
 declare const FieldsetGroup: {
-    ({ id, className, htmlProps, ...rest }: FieldsetGroupProps): react_jsx_runtime.JSX.Element;
+    ({ id, className, style, htmlProps, ...rest }: FieldsetGroupProps): react_jsx_runtime.JSX.Element;
     displayName: string;
 };
 
@@ -3093,7 +4034,7 @@ type FileUploaderHookProps = {
     value: FileList | undefined;
     /**Callback for når fil-listen endres. */
     onChange: (newFiles: FileList) => void;
-    /**Hvilke filendelser eller mime-typer som filopplasteren skal akseptere. */
+    /**Filendelser eller mime-typer filopplasteren skal akseptere. */
     accept: Array<FileUploaderAccept> | undefined;
     /**Om filopplasteren er avslått eller ikke. */
     disabled?: boolean;
@@ -3164,15 +4105,15 @@ declare const FormSummary: (props: FormSummaryProps) => react_jsx_runtime.JSX.El
 
 type InputMessageType = 'error' | 'tip';
 type InputMessageProps = BaseComponentProps<HTMLDivElement, {
-    /** Meldingen som vises til brukeren. */
-    message?: string;
+    /**Innhold. */
+    children?: ReactNode;
     /** Formålet med meldingen. Påvirker styling.
      * @default "error"
      */
     messageType: InputMessageType;
 } & Pick<ResponsiveProps, 'margin' | 'marginInline' | 'marginBlock'>>;
 declare const InputMessage: {
-    ({ message, messageType, id, className, htmlProps, children, ...rest }: InputMessageProps): react_jsx_runtime.JSX.Element;
+    ({ messageType, id, className, style, htmlProps, children, ...rest }: InputMessageProps): react_jsx_runtime.JSX.Element;
     displayName: string;
 };
 interface RenderInputMessageProps {
@@ -3211,10 +4152,11 @@ declare function FormSummaryEmptyValue(): react_jsx_runtime.JSX.Element;
 type FormSummaryErrorProps = Omit<InputMessageProps, 'messageType' | 'message'>;
 declare function FormSummaryError({ ...props }: FormSummaryErrorProps): react_jsx_runtime.JSX.Element;
 
-type GlobalMessagePurpose = 'info' | 'warning' | 'danger';
-type GlobalMessageProps = BaseComponentPropsWithChildren<HTMLDivElement, {
-    /**Meldingen som vises til brukeren. Brukes kun når meldingen er en `string`. */
-    message?: string;
+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"
      */
@@ -3225,7 +4167,7 @@ type GlobalMessageProps = BaseComponentPropsWithChildren<HTMLDivElement, {
     onClose?: () => void;
 }>;
 declare const GlobalMessage: {
-    ({ message, purpose, closable, onClose, children, id, className, htmlProps, ...rest }: GlobalMessageProps): react_jsx_runtime.JSX.Element | null;
+    ({ purpose, closable, onClose, children, id, className, style, htmlProps, ...rest }: GlobalMessageProps): react_jsx_runtime.JSX.Element | null;
     displayName: string;
 };
 
@@ -3332,9 +4274,9 @@ declare const InternalHeader: {
 };
 
 type ListType = 'ordered' | 'unordered';
-type ListTypographyType = TypographyBodyType | 'inherit';
+type ListTypographyType = TypographyBodyLongType | 'inherit';
 type ListProps = BaseComponentPropsWithChildren<HTMLUListElement | HTMLOListElement, {
-    /**Spesifiserer om komponenten skal returnere `<ul />` (punktliste) eller `<ol />` (nummerert liste).
+    /**Spesifiserer om komponenten skal returnere `<ul>` (punktliste) eller `<ol>` (nummerert liste).
      * @default "unordered"
      */
     listType?: ListType;
@@ -3344,7 +4286,7 @@ type ListProps = BaseComponentPropsWithChildren<HTMLUListElement | HTMLOListElem
     typographyType?: ListTypographyType;
 }>;
 declare const List: {
-    ({ listType, typographyType, children, id, className, htmlProps, ...rest }: ListProps): react_jsx_runtime.JSX.Element;
+    ({ listType, typographyType, children, id, className, style, htmlProps, ...rest }: ListProps): react_jsx_runtime.JSX.Element;
     displayName: string;
 };
 
@@ -3354,11 +4296,12 @@ declare const ListItem: {
     displayName: string;
 };
 
-type LocalMessagePurpose = 'info' | 'warning' | 'danger' | 'success' | 'tips';
+declare const L_MESSAGE_PURPOSES: ["info", "success", "warning", "danger", "tips"];
+type LocalMessagePurpose = (typeof L_MESSAGE_PURPOSES)[number];
 type LocalMessageLayout = 'horisontal' | 'vertical';
-type LocalMessageProps = BaseComponentPropsWithChildren<HTMLDivElement, {
-    /**Meldingen som vises til brukeren. Brukes kun når meldingen er string. */
-    message?: string;
+type LocalMessageProps = BaseComponentProps<HTMLDivElement, {
+    /**Innhold i meldingen. */
+    children?: ReactNode;
     /**Formålet med meldingen. Påvirker styling.
      * @default "info"
      */
@@ -3373,7 +4316,7 @@ type LocalMessageProps = BaseComponentPropsWithChildren<HTMLDivElement, {
     layout?: LocalMessageLayout;
 } & Pick<ResponsiveProps, 'width'>>;
 declare const LocalMessage: {
-    ({ message, purpose, closable, onClose, width, layout, children, id, className, htmlProps, ...rest }: LocalMessageProps): react_jsx_runtime.JSX.Element;
+    ({ purpose, closable, onClose, width, layout, children, id, className, style, htmlProps, ...rest }: LocalMessageProps): react_jsx_runtime.JSX.Element;
     displayName: string;
 };
 
@@ -3396,7 +4339,7 @@ type ModalProps = BaseComponentPropsWithChildren<HTMLDivElement, {
     scrollable?: boolean;
 }>;
 declare const Modal: {
-    ({ isOpen, parentElement, children, header, onClose, id, triggerRef, initialFocusRef, scrollable, className, htmlProps, ref, ...rest }: ModalProps): react.ReactPortal | null;
+    ({ isOpen, parentElement, children, header, onClose, id, triggerRef, initialFocusRef, scrollable, className, style, htmlProps, ref, ...rest }: ModalProps): react.ReactPortal | null;
     displayName: string;
 };
 
@@ -3404,10 +4347,10 @@ 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?: Property.Height;
+    height?: ResponsiveProps['height'];
 }>;
 declare const ModalBody: {
-    ({ children, id, className, scrollable, htmlProps, height, ...rest }: ModalBodyProps): react_jsx_runtime.JSX.Element;
+    ({ children, id, className, style, scrollable, htmlProps, height, ...rest }: ModalBodyProps): react_jsx_runtime.JSX.Element;
     displayName: string;
 };
 
@@ -3418,24 +4361,14 @@ declare const ModalActions: {
 };
 
 declare const OverflowMenu: {
-    ({ placement, offset, className, htmlProps, ref, ...rest }: OverflowMenuProps): react_jsx_runtime.JSX.Element;
+    ({ placement, offset, className, htmlProps, ref, style, ...rest }: OverflowMenuProps): react_jsx_runtime.JSX.Element;
     displayName: string;
 };
 
-type OverflowMenuListItemBaseProps<T extends 'span' | 'button' | 'a'> = {
-    /**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';
-} & ComponentPropsWithRef<T>;
-type OverflowMenuButtonProps = OverflowMenuListItemBaseProps<'button'> & Pick<ButtonProps, 'loading' | 'loadingTooltip'> & {
-    /**Asynkron `onClick` event; håndterer loading status, slik at menyen ikke lukker seg under loading. */
-    onClickAsync?: MouseEventHandler<HTMLButtonElement>;
-};
-type OverflowMenuLinkProps = OverflowMenuListItemBaseProps<'a'>;
-type OverflowMenuSpanProps = OverflowMenuListItemBaseProps<'span'>;
+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"
@@ -3448,18 +4381,23 @@ type OverflowMenuProps = Omit<BaseComponentPropsWithChildren<HTMLDivElement, {
 }>, 'id'>;
 
 declare const OverflowMenuButton: {
-    ({ id, icon, children, className, onClick, onClickAsync, purpose, loading, loadingTooltip, "aria-disabled": ariaDisabled, ref, ...rest }: OverflowMenuButtonProps): react_jsx_runtime.JSX.Element;
+    ({ onClick, onClickAsync, purpose, loading, ref, ...rest }: OverflowMenuButtonProps): react_jsx_runtime.JSX.Element;
     displayName: string;
 };
 
 declare const OverflowMenuLink: {
-    ({ id, href, icon, className, onClick, children, ref, purpose, ...rest }: OverflowMenuLinkProps): react_jsx_runtime.JSX.Element;
+    ({ onClick, ref, ...rest }: OverflowMenuLinkProps): react_jsx_runtime.JSX.Element;
+    displayName: string;
+};
+
+declare const OverflowMenuToggle: {
+    ({ ref, ...rest }: OverflowMenuToggleProps): react_jsx_runtime.JSX.Element;
     displayName: string;
 };
 
 type OverflowMenuDividerProps = Omit<DividerProps, 'color'>;
 declare const OverflowMenuDivider: {
-    ({ id, className, htmlProps, ...rest }: OverflowMenuDividerProps): react_jsx_runtime.JSX.Element;
+    ({ id, className, style, htmlProps, ...rest }: OverflowMenuDividerProps): react_jsx_runtime.JSX.Element;
     displayName: string;
 };
 
@@ -3467,13 +4405,13 @@ type OverflowMenuListProps = StylelessListProps;
 declare const OverflowMenuList: (props: OverflowMenuListProps) => react_jsx_runtime.JSX.Element;
 
 declare const OverflowMenuSpan: {
-    ({ icon, children, className, purpose, ...rest }: OverflowMenuSpanProps): react_jsx_runtime.JSX.Element;
+    (props: OverflowMenuSpanProps): react_jsx_runtime.JSX.Element;
     displayName: string;
 };
 
 type OverflowMenuListHeaderProps = ComponentPropsWithRef<'h2'>;
 declare const OverflowMenuListHeader: {
-    ({ className, ...rest }: OverflowMenuListHeaderProps): react_jsx_runtime.JSX.Element;
+    (props: OverflowMenuListHeaderProps): react_jsx_runtime.JSX.Element;
     displayName: string;
 };
 
@@ -3544,7 +4482,7 @@ type PaginationProps = BaseComponentProps<HTMLElement, {
     smallScreenBreakpoint?: Breakpoint;
 }, Omit<HTMLAttributes<HTMLElement>, 'onChange'>>;
 declare const Pagination: {
-    ({ itemsAmount, defaultItemsPerPage, defaultActivePage, activePage: activePageProp, withPagination, withCounter, withSelect, selectOptions, smallScreenBreakpoint, onChange, onSelectOptionChange, id, className, htmlProps, ref, ...rest }: PaginationProps): react_jsx_runtime.JSX.Element | null;
+    ({ itemsAmount, defaultItemsPerPage, defaultActivePage, activePage: activePageProp, withPagination, withCounter, withSelect, selectOptions, smallScreenBreakpoint, onChange, onSelectOptionChange, id, className, style, htmlProps, ref, ...rest }: PaginationProps): react_jsx_runtime.JSX.Element | null;
     displayName: string;
 };
 
@@ -3640,7 +4578,7 @@ type PopoverProps = BaseComponentPropsWithChildren<HTMLDivElement, {
     onClose?: () => void;
 }>;
 declare const Popover: {
-    ({ id, header, withCloseButton, onBlur, children, placement, parentElement, portal, offset, sizeProps, returnFocusOnBlur, className, htmlProps, anchorRef, isOpen: propIsOpen, onClose: propOnClose, ref, ...rest }: PopoverProps): react_jsx_runtime.JSX.Element | null;
+    ({ id, header, withCloseButton, onBlur, children, placement, parentElement, portal, offset, sizeProps, returnFocusOnBlur, className, htmlProps, anchorRef, isOpen: propIsOpen, onClose: propOnClose, style, ref, ...rest }: PopoverProps): react_jsx_runtime.JSX.Element | null;
     displayName: string;
 };
 
@@ -3788,7 +4726,7 @@ declare const SearchAutocompleteWrapper: {
     displayName: string;
 };
 
-type SearchSuggestionsProps = BaseComponentProps<HTMLDivElement, Pick<SearchProps, 'componentSize'> & {
+type SearchSuggestionsProps = BaseComponentProps<HTMLDivElement, {
     /**Forslag som vises i listen. */
     suggestions?: Array<string>;
     /** Om listen skal vises. */
@@ -3801,7 +4739,7 @@ type SearchSuggestionsProps = BaseComponentProps<HTMLDivElement, Pick<SearchProp
     searchId: string;
 }>;
 declare const SearchSuggestions: {
-    ({ id, searchId, className, htmlProps, suggestions, showSuggestions, componentSize, onSuggestionClick, maxSuggestions, ...rest }: SearchSuggestionsProps): react_jsx_runtime.JSX.Element;
+    ({ id, searchId, className, style, htmlProps, suggestions, showSuggestions, onSuggestionClick, maxSuggestions, ...rest }: SearchSuggestionsProps): react_jsx_runtime.JSX.Element;
     displayName: string;
 };
 
@@ -3837,7 +4775,7 @@ type SelectProps<Option = unknown, IsMulti extends boolean = false> = {
     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, customOptionElement, customSingleValueElement, 'data-testid': dataTestId, onKeyDown, openMenuOnClick, ref, instanceId, afterLabelContent, ...rest }: SelectProps<Option, IsMulti>): react_jsx_runtime.JSX.Element;
+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, customOptionElement, customSingleValueElement, 'data-testid': dataTestId, onKeyDown, openMenuOnClick, ref, instanceId, afterLabelContent, hideSelectedOptions, ...rest }: SelectProps<Option, IsMulti>): react_jsx_runtime.JSX.Element;
 declare namespace Select {
     var displayName: string;
 }
@@ -3849,20 +4787,11 @@ type NativeSelectProps = {
     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_runtime.JSX.Element;
-type NativeSelectPlaceholderProps = ComponentPropsWithRef<'option'>;
-declare const NativeSelectPlaceholder: {
-    ({ children, value, ...rest }: NativeSelectPlaceholderProps): react_jsx_runtime.JSX.Element;
-    displayName: string;
-};
 
 declare const createSelectOptions: <TValue extends string | number>(...args: Array<TValue>) => Array<SelectOption<TValue>>;
 
-type PickedInputHTMLAttributes$1 = Pick<InputHTMLAttributes<HTMLInputElement>, 'name' | 'readOnly' | 'checked' | 'value' | 'required' | 'onChange' | 'aria-describedby'>;
-type RadioButtonProps = BaseComponentPropsWithChildren<HTMLInputElement, SelectionControlCommonProps & PickedInputHTMLAttributes$1, Omit<InputHTMLAttributes<HTMLInputElement>, keyof PickedInputHTMLAttributes$1>>;
-type RadioValue = PickedInputHTMLAttributes$1['value'];
-
 declare const RadioButton: {
-    ({ id, name, label, disabled, readOnly, error, checked, value, children, required, onChange, "aria-describedby": ariaDescribedby, className, htmlProps, ...rest }: RadioButtonProps): react_jsx_runtime.JSX.Element;
+    ({ id, name, label, disabled, readOnly, error, checked, value, children, required, onChange, "aria-describedby": ariaDescribedby, className, htmlProps, style, ...rest }: RadioButtonProps): react_jsx_runtime.JSX.Element;
     displayName: string;
 };
 
@@ -3879,7 +4808,7 @@ type RadioButtonGroupProps<T extends string | number> = BaseComponentPropsWithCh
     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, htmlProps, ...rest }: RadioButtonGroupProps<T>): react_jsx_runtime.JSX.Element;
+    <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_runtime.JSX.Element;
     displayName: string;
 };
 
@@ -3908,7 +4837,7 @@ type SkipToContentProps = BaseComponentProps<HTMLAnchorElement, {
     top?: Property.Top;
 }>;
 declare const SkipToContent: {
-    ({ text, top, id, className, htmlProps, ...rest }: SkipToContentProps): react_jsx_runtime.JSX.Element;
+    ({ text, top, id, className, htmlProps, style, ...rest }: SkipToContentProps): react_jsx_runtime.JSX.Element;
     displayName: string;
 };
 
@@ -3918,7 +4847,7 @@ type SpinnerProps = BaseComponentProps<SVGElement, {
      */
     color?: TextColor;
     /**Størrelse; Setter høyde og bredde på spinneren.
-     * @default "var(--dds-icon-size-medium)"
+     * @default "var(--dds-size-icon-medium)"
      */
     size?: Property.Width;
     /**Tekst som vises ved hover.
@@ -4119,7 +5048,7 @@ type TabsProps = BaseComponentPropsWithChildren<HTMLDivElement, {
     addTabButtonProps?: Omit<AddTabButtonProps, 'index'>;
 } & Pick<ResponsiveProps, 'width'>, Omit<HTMLAttributes<HTMLDivElement>, 'onChange'>>;
 declare const Tabs: {
-    ({ id, activeTab, onChange, tabContentDirection, size, addTabButtonProps, width, children, className, htmlProps, ...rest }: TabsProps): react_jsx_runtime.JSX.Element;
+    ({ id, activeTab, onChange, tabContentDirection, size, addTabButtonProps, width, children, className, style, htmlProps, ...rest }: TabsProps): react_jsx_runtime.JSX.Element;
     displayName: string;
 };
 
@@ -4143,7 +5072,7 @@ type TabProps = BaseComponentPropsWithChildren<HTMLButtonElement, {
     width?: CSS.Properties['width'];
 } & PickedAttributes, Omit<ButtonHTMLAttributes<HTMLButtonElement>, keyof PickedAttributes>>;
 declare const Tab: {
-    ({ active, icon, children, focus, setFocus, index, onClick, onKeyDown, id, className, htmlProps, width, ref, ...rest }: TabProps): react_jsx_runtime.JSX.Element;
+    ({ active, icon, children, focus, setFocus, index, onClick, onKeyDown, id, className, htmlProps, style, width, ref, ...rest }: TabProps): react_jsx_runtime.JSX.Element;
     displayName: string;
 };
 
@@ -4162,7 +5091,7 @@ type TabPanelProps = BaseComponentPropsWithChildren<HTMLDivElement, {
     padding?: ResponsiveProps['padding'];
 }>;
 declare const TabPanel: {
-    ({ active, children, id, className, htmlProps, padding, ...rest }: TabPanelProps): react_jsx_runtime.JSX.Element;
+    ({ active, children, id, className, style, htmlProps, padding, ...rest }: TabPanelProps): react_jsx_runtime.JSX.Element;
     displayName: string;
 };
 
@@ -4172,17 +5101,14 @@ declare const TabPanels: {
     displayName: string;
 };
 
-type TagPurpose = 'success' | 'info' | 'danger' | 'warning' | 'default';
+declare const TAG_PURPOSES: ["success", "info", "danger", "warning", "default"];
+type TagPurpose = (typeof TAG_PURPOSES)[number];
 type TagAppearance = 'default' | 'strong';
-type TagProps = BaseComponentPropsWithChildren<HTMLSpanElement, {
-    /**
-     * Innholdet til `<Tag>.` Kan brukes istedenfor `text`.
-     */
-    children?: ReactNode;
+type TagProps = BaseComponentProps<HTMLSpanElement, {
     /**
-     * Samme oppførsel som `children`. Er `children` brukt vil denne ignoreres. Tekst som vises i `<Tag>`.
+     * Innholdet til `<Tag>.`
      */
-    text?: string;
+    children?: string;
     /**
      * Formål med status eller kategorisering. Påvirker styling.
      * @default "default"
@@ -4200,7 +5126,7 @@ type TagProps = BaseComponentPropsWithChildren<HTMLSpanElement, {
     withIcon?: boolean;
 }>;
 declare const Tag: {
-    ({ text, purpose, appearance, id, className, children, htmlProps, withIcon, ...rest }: TagProps): react_jsx_runtime.JSX.Element;
+    ({ purpose, appearance, id, className, style, children, htmlProps, withIcon, ...rest }: TagProps): react_jsx_runtime.JSX.Element;
     displayName: string;
 };
 
@@ -4236,45 +5162,6 @@ declare const TextInput: {
     displayName: string;
 };
 
-declare const TOGGLE_SIZES: ["medium", "large"];
-type ToggleSize = (typeof TOGGLE_SIZES)[number];
-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;
-}, Omit<InputHTMLAttributes<HTMLInputElement>, 'size' | 'onChange' | 'checked' | 'defaultChecked'>>;
-declare const Toggle: {
-    ({ id, children, size, checked: checkedProp, defaultChecked, onChange, disabled, readOnly, isLoading, className, htmlProps, ...rest }: ToggleProps): react_jsx_runtime.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];
@@ -4293,7 +5180,7 @@ type ToggleBarProps<T extends string | number> = BaseComponentPropsWithChildren<
     name?: string;
     /**Bredden til komponenten. Bredden fordeles likt mellom barna.  */
     width?: ResponsiveProps['width'];
-}, Omit<InputHTMLAttributes<HTMLInputElement>, 'value' | 'onChange' | 'size' | 'width'>>;
+}, InputHTMLAttributes<HTMLInputElement>>;
 
 declare const ToggleBar: {
     <T extends string | number = string>(props: ToggleBarProps<T>): react_jsx_runtime.JSX.Element;
@@ -4301,15 +5188,14 @@ declare const ToggleBar: {
 };
 
 declare const typographyTypes: Record<ToggleBarSize, StaticTypographyType>;
-type PickedInputHTMLAttributes = Pick<InputHTMLAttributes<HTMLInputElement>, 'name' | 'checked' | 'value' | 'onChange' | 'aria-label' | 'aria-labelledby'>;
 type ToggleRadioProps = BaseComponentProps<HTMLInputElement, {
     /**Ledetekst som vises i komponenten. */
     label?: string;
     /**Ikonet som vises i komponenten. */
     icon?: SvgIcon;
-} & PickedInputHTMLAttributes, Omit<InputHTMLAttributes<HTMLInputElement>, keyof PickedInputHTMLAttributes>>;
+} & 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, id, ...rest }: ToggleRadioProps): react_jsx_runtime.JSX.Element;
+    ({ value, name, onChange, checked, "aria-label": ariaLabel, "aria-labelledby": ariaLabelledBy, icon, label, htmlProps, className, style, id, ...rest }: ToggleRadioProps): react_jsx_runtime.JSX.Element;
     displayName: string;
 };
 
@@ -4323,10 +5209,10 @@ type ToggleButtonProps = BaseComponentProps<HTMLInputElement, {
      * @default 'small'
      */
     size?: (typeof TOGGLE_BUTTON_SIZES)[number];
-} & CheckboxPickedHTMLAttributes, Omit<InputHTMLAttributes<HTMLInputElement>, keyof CheckboxPickedHTMLAttributes | 'size'>>;
+} & CheckboxPickedHTMLAttributes, InputHTMLAttributes<HTMLInputElement>>;
 
 declare const ToggleButton: {
-    ({ id, label, icon, size, className, htmlProps, ...rest }: ToggleButtonProps): react_jsx_runtime.JSX.Element;
+    ({ id, label, icon, size, className, style, htmlProps, ...rest }: ToggleButtonProps): react_jsx_runtime.JSX.Element;
     displayName: string;
 };
 
@@ -4375,8 +5261,8 @@ declare const Tooltip: {
 
 type VisuallyHiddenProps<T extends ElementType = 'span'> = PolymorphicBaseComponentProps<T>;
 declare const VisuallyHidden: {
-    <T extends ElementType = "span">({ id, as: asProp, className, htmlProps, ...rest }: VisuallyHiddenProps<T>): react_jsx_runtime.JSX.Element;
+    <T extends ElementType = "span">({ id, as: asProp, className, style, htmlProps, ...rest }: VisuallyHiddenProps<T>): react_jsx_runtime.JSX.Element;
     displayName: string;
 };
 
-export { Accordion, AccordionBody, type AccordionBodyProps, AccordionHeader, type AccordionHeaderProps, type AccordionProps, AddTabButton, type AddTabButtonProps, AddressShieldedIcon, AgreementIcon, AnimatedChevronUpDown, 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, BlockIcon, BookIcon, type BorderColor, type BorderRadius, Box, type BoxProps, Breadcrumb, type BreadcrumbProps, Breadcrumbs, type BreadcrumbsProps, type Breakpoint, BuildCircledIcon, BuildIcon, Button, ButtonGroup, type ButtonGroupProps, type ButtonProps, type ButtonPurpose, type ButtonSize, Calendar, CalendarIcon, CalendarMonthIcon, type CalendarProps, CalendarViewDayIcon, CalendarViewMonthIcon, CalendarViewWeekIcon, CallIcon, type Callback, Caption, type CaptionProps, Card, 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, ChevronLargeLeftIcon, ChevronLargeRightIcon, ChevronLastIcon, ChevronLeftIcon, ChevronRightIcon, ChevronUpIcon, Chip, ChipGroup, type ChipGroupProps, type ChipProps, CloseCircledIcon, CloseIcon, CloseSmallIcon, CloudIcon, CollapseIcon, CollapsibleTable, type CollapsibleTableProps, CollapsibleRow as CollapsibleTableRow, type ColumnsOccupied, CommentIcon, Contrast, type ContrastProps, CookieBanner, CookieBannerCheckbox, type CookieBannerCheckboxProps, type CookieBannerProps, CopyIcon, CourtIcon, 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, ELEVATIONS, EditIcon, ElementAs, type Elevation, EmptyContent, type EmptyContentProps, ErrorIcon, ExclaimIcon, ExpandIcon, type ExtractStrict, FacebookIcon, FamilyIcon, FavStar, type FavStarProps, Feedback, FeedbackIcon, type FeedbackProps, Fieldset, FieldsetGroup, type FieldsetGroupProps, type FieldsetProps, FileAddIcon, FileIcon, type FileList, FileShieldedIcon, FileTextIcon, FileUploader, type FileUploaderAccept, type FileUploaderProps, FilterIcon, FilterListIcon, FilterListOffIcon, FilterOffIcon, FindInPageIcon, FlickrIcon, type FloatingStyles, 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, GuardianIcon, HStack, type HStackProps, Heading, type HeadingLevel, type HeadingProps, HelpFilledIcon, HelpIcon, HelpSimpleIcon, HiddenInput, HomeIcon, HourglassBottomIcon, HourglassDisabledIcon, HourglassEmptyIcon, HourglassFullIcon, HourglassTopIcon, type HyphenTypographyType, Icon, type IconPosition, type IconProps, type IconSize, ImageIcon, InfoIcon, InlineButton, type InlineButtonProps, InlineEditInput, type InlineEditInputProps, InlineEditSelect, type InlineEditSelectProps, InlineEditTextArea, type InlineEditTextAreaProps, type InlineElement, InputMessage, type InputMessageProps, type InputMessageType, InstagramIcon, InternalHeader, type InternalHeaderProps, JordskifterettIcon, JordskiftesakIcon, KeyIcon, Label, type LabelProps, LagmannsrettIcon, LanguageIcon, type Layout, Legend, type LegendProps, LibraryAddIcon, LineChartIcon, Link, LinkIcon, LinkOffIcon, type LinkProps, LinkedInIcon, List, ListAltIcon, ListIcon, ListItem, type ListItemProps, type ListProps, type ListType, type ListTypographyType, LocalMessage, type LocalMessageLayout, type LocalMessageProps, type LocalMessagePurpose, LocationIcon, LockIcon, LockOpenIcon, LoginIcon, LogoutIcon, MailIcon, MailOpenIcon, MenuIcon, MinusCirledIcon, MinusIcon, Modal, ModalActions, type ModalActionsProps, ModalBody, type ModalBodyProps, type ModalProps, MoreHorizontalIcon, MoreVerticalIcon, NativeSelect, NativeSelectPlaceholder, type NativeSelectPlaceholderProps, type NativeSelectProps, NotarialIcon, NotificationsIcon, NotificationsOffIcon, type Nullable, OnlineMeetingIcon, OpenExternalIcon, type OtherTypographyType, OverflowMenu, OverflowMenuButton, type OverflowMenuButtonProps, OverflowMenuDivider, OverflowMenuGroup, type OverflowMenuGroupProps, OverflowMenuLink, type OverflowMenuLinkProps, OverflowMenuList, OverflowMenuListHeader, type OverflowMenuListItemBaseProps, type OverflowMenuProps, OverflowMenuSpan, type OverflowMenuSpanProps, Pagination, type PaginationOption, type PaginationProps, Paper, type PaperBackground, type PaperBorder, type PaperBorderRadius, type PaperElevation, type PaperProps, Paragraph, type ParagraphProps, PayoutIcon, PdfIcon, PersonAddIcon, PersonIcon, PersonShieldedIcon, PhoneInput, type PhoneInputProps, type PhoneInputValue, 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, PropertyIcon, PublishIcon, QuestionAnswerIcon, RadioButton, RadioButtonGroup, type RadioButtonGroupProps, type RadioButtonProps, type RadioValue, type Rating, ReceiptIcon, RedoIcon, RefreshIcon, type RemoteFile, ReplayIcon, type ResponsiveProps, type ResponsiveStackProps, 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, StarHalfFilled, StarIcon, type StaticTypographyType, StylelessButton, type StylelessButtonProps, StylelessList, type StylelessListProps, StylelessOList, type StylelessOListProps, type SvgIcon, type SvgProps, SvgWrapper, SyncIcon, 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, ThemeContext, ThemeProvider, type ThemeProviderProps, 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 TypographyBodyType, type TypographyComponentProps, type TypographyHeadingType, type TypographyLabelType, type TypographyLeadType, type TypographyProps, type TypographyType, UndoIcon, UnfoldLessIcon, UnfoldMoreIcon, UploadIcon, 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, countryOptions, createSelectOptions, createSizes, dateValueToNativeDate, defaultTypographyType, defaultTypographyTypeClassName, focusVisible, focusVisibleInset, focusVisibleTransitionValue, getBaseHTMLProps, getColorCn, getElementType, getLiteralScreenSize, 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, typographyTypes, useCallbackRef, useCombinedRef, useControllableGroupState, useControllableState, useFloatPosition, useFocusTrap, useIsMounted, useMountTransition, useOnClickOutside, useOnKeyDown, useReturnFocusOnBlur, useRoveFocus, useScreenSize, useTheme, useWindowResize, visibilityTransition };
+export { Accordion, AccordionBody, type AccordionBodyProps, AccordionHeader, type AccordionHeaderProps, type AccordionProps, 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, BlockIcon, BookIcon, type BorderColor, type BorderRadius, Box, type BoxProps, Breadcrumb, type BreadcrumbProps, Breadcrumbs, type BreadcrumbsProps, type Breakpoint, BuildIcon, Button, ButtonGroup, type ButtonGroupProps, type ButtonProps, type ButtonPurpose, type ButtonSize, Calendar, CalendarIcon, CalendarMonthIcon, type CalendarProps, CalendarViewDayIcon, CalendarViewMonthIcon, CalendarViewWeekIcon, CallIcon, type Callback, Caption, type CaptionProps, Card, 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, CloseCircledIcon, CloseIcon, CloseSmallIcon, CloudIcon, CollapseIcon, CollapsibleTable, type CollapsibleTableProps, CollapsibleRow as CollapsibleTableRow, type ColumnsOccupied, CommentIcon, Contrast, type ContrastProps, CookieBanner, CookieBannerCheckbox, type CookieBannerCheckboxProps, type CookieBannerProps, CopyIcon, CourtIcon, DatePicker, type DatePickerProps, DateRangeIcon, DdsProvider, type DdsProviderProps, 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, EditIcon, ElementAs, type Elevation, EmptyContent, type EmptyContentProps, ErrorIcon, ExclaimIcon, ExpandIcon, type ExtractStrict, FacebookIcon, FamilyIcon, FavStar, type FavStarProps, Feedback, FeedbackIcon, type FeedbackProps, Fieldset, FieldsetGroup, type FieldsetGroupProps, type FieldsetProps, FileAddIcon, FileIcon, type FileList, FileShieldedIcon, FileTextIcon, FileUploader, type FileUploaderAccept, type FileUploaderProps, FilterIcon, FilterListIcon, FindInPageIcon, FlickrIcon, type FloatingStyles, 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, GuardianIcon, HStack, type HStackProps, 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, InputMessage, type InputMessageProps, type InputMessageType, InstagramIcon, 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, LockIcon, LockOpenIcon, LoginIcon, LogoutIcon, MailIcon, MailOpenIcon, MenuIcon, MinusCirledIcon, MinusIcon, Modal, ModalActions, type ModalActionsProps, ModalBody, type ModalBodyProps, type ModalProps, MoreHorizontalIcon, MoreVerticalIcon, NativeSelect, type NativeSelectProps, NotarialIcon, 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, Paper, type PaperBackground, type PaperBorder, type PaperBorderRadius, type PaperElevation, type PaperProps, Paragraph, type ParagraphProps, PayoutIcon, PdfIcon, PersonAddIcon, PersonIcon, PersonShieldedIcon, PhoneInput, type PhoneInputProps, type PhoneInputValue, 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, 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, StarHalfFilled, StarIcon, type StaticTypographyType, StylelessButton, type StylelessButtonProps, StylelessList, type StylelessListProps, StylelessOList, type StylelessOListProps, type SvgIcon, type SvgProps, SyncIcon, 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 UseControllableGroupStateProps, type UseControllableStateProps, type UseFloatPositionOptions, VStack, type VStackProps, VisibilityOffIcon, VisibilityOnIcon, VisuallyHidden, type VisuallyHiddenProps, WarningIcon, WebexIcon, type WeightedSearchData, type WithRequiredIf, XIcon, ZoomInIcon, ZoomOutIcon, calendarDateToNativeDate, cn, countryOptions, createPurposes, createSelectOptions, createSizes, dateValueToNativeDate, focusVisible, focusVisibleInset, focusVisibleTransitionValue, getBaseHTMLProps, getColorCn, getElementType, getLiteralScreenSize, 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, typographyTypes, useCallbackRef, useCombinedRef, useControllableGroupState, useControllableState, useFloatPosition, useFocusTrap, useIsMounted, useMountTransition, useOnClickOutside, useOnKeyDown, useReturnFocusOnBlur, useRoveFocus, useScreenSize, useTheme, useWindowResize, visibilityTransition };