@norges-domstoler/dds-components 17.7.0 → 18.0.0

package/dist/index.d.ts

@@ -3,13 +3,13 @@ import react__default, { ElementType, ReactNode, HTMLAttributes, InputHTMLAttrib
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as CSS from 'csstype';
 import { Property, StandardProperties } from 'csstype';
-import * as styled_components from 'styled-components';
 import { UseFloatingReturn, Strategy, Placement as Placement$1 } from '@floating-ui/react-dom';
 import { DateValue, AriaCalendarProps } from '@react-aria/calendar';
 import { DateValue as DateValue$1, CalendarDate, Time } from '@internationalized/date';
 import { AriaDatePickerProps } from '@react-types/datepicker';
 import { AriaDateFieldOptions, useDatePicker, AriaTimeFieldProps } from '@react-aria/datepicker';
 import { OptionProps, GroupBase, SingleValueProps, Props as Props$1, SelectInstance } from 'react-select';
+import { ddsTokens } from '@norges-domstoler/dds-design-tokens';
 
 declare function handleElementWithBackdropMount(container: HTMLElement): void;
 declare function handleElementWithBackdropUnmount(container: HTMLElement): void;
@@ -37,9 +37,6 @@ declare const ElementAs: react.ForwardRefExoticComponent<{
 type HiddenInputProps = InputHTMLAttributes<HTMLInputElement>;
 declare const HiddenInput: react.ForwardRefExoticComponent<HiddenInputProps & react.RefAttributes<HTMLInputElement>>;
 
-type Density = 'normal' | 'compact' | 'extraCompact';
-declare function getDensityCn(value: Density): "normal" | "compact" | "extra-compact";
-
 type Direction$1 = 'row' | 'column';
 
 /**
@@ -103,6 +100,8 @@ type PropsOf<T extends As> = ComponentPropsWithoutRef<T> & {
     as?: T;
 };
 
+type Size = 'xxlarge' | 'xlarge' | 'large' | 'medium' | 'small' | 'xsmall';
+
 /**
  * Gir tilbake `T` med properties fra `K` som påkrevd gitt at `Condition` er `true`
  *
@@ -127,20 +126,22 @@ declare function TextOverflowEllipsisInner({ className, ...rest }: ComponentProp
 type DDSTextColor = '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 TextColor = DDSTextColor | Property.Color;
 
-type TypographyBodySansType = 'bodySans01' | 'bodySans02' | 'bodySans03' | 'bodySans04';
-type TypographyBodyType = TypographyBodySansType;
-type TypographyHeadingType = 'headingSans01' | 'headingSans02' | 'headingSans03' | 'headingSans04' | 'headingSans05' | 'headingSans06' | 'headingSans07' | 'headingSans08';
-type TypographyLeadType = 'leadSans01' | 'leadSans02' | 'leadSans03' | 'leadSans04' | 'leadSans05';
-type TypographySupportingType = 'supportingStyleHelperText01' | 'supportingStylePlaceholderText01' | 'supportingStylePlaceholderText02' | 'supportingStylePlaceholderText03' | 'supportingStyleTiny01' | 'supportingStyleTiny02';
-type AnchorTypographyType = 'a';
-type LabelTypographyType = 'supportingStyleLabel01';
-type OtherTypographyType = TypographyHeadingType | TypographyBodyType | TypographyLeadType | TypographySupportingType;
-type TypographyType = AnchorTypographyType | LabelTypographyType | OtherTypographyType;
-type StaticTypographyType = OtherTypographyType | LabelTypographyType;
-type HyphenTypographyType = 'body-sans-01' | 'body-sans-02' | 'body-sans-03' | 'body-sans-04' | 'heading-sans-01' | 'heading-sans-02' | 'heading-sans-03' | 'heading-sans-04' | 'heading-sans-05' | 'heading-sans-06' | 'heading-sans-07' | 'heading-sans-08' | 'lead-sans-01' | 'lead-sans-02' | 'lead-sans-03' | 'lead-sans-04' | 'lead-sans-05' | 'supporting-style-helper-text-01' | 'supporting-style-placeholder-text-01' | 'supporting-style-placeholder-text-02' | 'supporting-style-placeholder-text-03' | 'supporting-style-tiny-01' | 'supporting-style-tiny-02' | 'a' | 'supporting-style-label-01';
+type TypographyBodyType = 'bodyXsmall' | 'bodySmall' | 'bodyMedium' | 'bodyLarge';
+type TypographyHeadingType = 'headingXxsmall' | 'headingXsmall' | 'headingSmall' | 'headingMedium' | 'headingLarge' | 'headingXlarge' | 'headingXxlarge';
+type TypographyLeadType = 'leadMedium';
+type TypographyAnchorType = 'a';
+type TypographyLabelType = 'labelMedium';
+type OtherTypographyType = TypographyHeadingType | TypographyBodyType | TypographyLeadType;
+type TypographyType = TypographyAnchorType | TypographyLabelType | OtherTypographyType;
+type StaticTypographyType = OtherTypographyType | TypographyLabelType;
+type HyphenTypographyType = 'body-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 InlineElement = 'a' | 'abbr' | 'audio' | 'b' | 'bdi' | 'bdo' | 'big' | 'br' | 'button' | 'canvas' | 'cite' | 'code' | 'data' | 'datalist' | 'del' | 'dfn' | 'em' | 'embed' | 'i' | 'iframe' | 'img' | 'input' | 'ins' | 'kbd' | 'label' | 'map' | 'mark' | 'meter' | 'noscript' | 'object' | 'output' | 'picture' | 'progress' | 'q' | 'ruby' | 's' | 'samp' | 'script' | 'select' | 'slot' | 'small' | 'span' | 'strong' | 'sub' | 'sup' | 'svg' | 'template' | 'textarea' | 'time' | 'u' | 'var' | 'video' | 'wbr';
 type BaseTypographyProps = PropsWithChildren<{
-    /**Spesifiserer om tekstelementet skal ha spacing definert i Elsa. Brukes hovedsakelig i artikler og lignende. **OBS!** har forskjellig virkning på ulike typografityper. `body` og `lead`-typer får margin på bunnen, `heading`-typer får margin på bunnen og padding på toppen mens `supportingStyles` får margin topp og bunn. */
+    /**Spesifiserer om tekstelementet skal ha spacing definert i Elsa.
+     * Brukes hovedsakelig i artikler og lignende.
+     * **OBS!** har forskjellig virkning på ulike typografityper.
+     * `body` og `lead`-typer får margin på bunnen, `heading`-typer får margin på bunnen og padding på toppen mens label får margin topp og bunn.
+     * */
     withMargins?: boolean;
 }> & Pick<HTMLAttributes<HTMLElement>, 'style'>;
 type TypographyComponentProps = BaseTypographyProps & {
@@ -168,10 +169,10 @@ type LabelTypographyProps = BaseComponentProps<HTMLLabelElement, TypographyCompo
 type OtherTypographyProps = BaseComponentProps<HTMLElement, TypographyComponentProps, 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?: AnchorTypographyType;
+    typographyType?: TypographyAnchorType;
 } & AnchorTypographyProps) | ({
     /**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?: LabelTypographyType;
+    typographyType?: TypographyLabelType;
 } & LabelTypographyProps) | ({
     /**Styling basert på det typografiske utvalget definert i Figma. Returnerer default HTML tag for hver type. **OBS!** Ved bruk av `'a'` er det flere tilgjengelige props, se under.  */
     typographyType?: OtherTypographyType;
@@ -179,8 +180,8 @@ type TypographyProps = ({
 declare const Typography: react.ForwardRefExoticComponent<TypographyProps & react.RefAttributes<HTMLElement>>;
 
 declare const defaultTypographyType: TypographyBodyType;
-declare const defaultTypographyTypeClassName = "body-sans-02";
-declare const getElementType: (element: string) => ElementType;
+declare const defaultTypographyTypeClassName: HyphenTypographyType;
+declare const getElementType: (element: TypographyType) => ElementType;
 declare const isHeading: (type: TypographyType) => type is TypographyHeadingType;
 declare const isLegend: (as: ElementType) => boolean;
 declare const isCaption: (as: ElementType) => boolean;
@@ -248,7 +249,7 @@ type LinkProps = BaseComponentPropsWithChildren<HTMLAnchorElement, {
     external?: boolean;
     /**Om lenken kan få `:visited`-styling. */
     withVisited?: boolean;
-    /**Spesifiserer typografistil basert på utvalget for brødtekst.  */
+    /**Spesifiserer typografistil basert på utvalget for brødtekst. Arver hvis ikke oppgitt. */
     typographyType?: TypographyBodyType;
 } & BaseTypographyProps & PickedHTMLAttributes$3, Omit<AnchorHTMLAttributes<HTMLAnchorElement>, keyof PickedHTMLAttributes$3>>;
 declare const Link: react.ForwardRefExoticComponent<Pick<Omit<AnchorHTMLAttributes<HTMLAnchorElement>, "onClick" | "target" | "href">, "id" | "className"> & {
@@ -256,7 +257,7 @@ declare const Link: react.ForwardRefExoticComponent<Pick<Omit<AnchorHTMLAttribut
     external?: boolean;
     /**Om lenken kan få `:visited`-styling. */
     withVisited?: boolean;
-    /**Spesifiserer typografistil basert på utvalget for brødtekst.  */
+    /**Spesifiserer typografistil basert på utvalget for brødtekst. Arver hvis ikke oppgitt. */
     typographyType?: TypographyBodyType;
 } & {
     withMargins?: boolean;
@@ -291,7 +292,7 @@ interface CommonInputProps {
     /**Feilmelding. Setter også error state. */
     errorMessage?: string;
 }
-type InputSize = 'medium' | 'small' | 'tiny';
+type InputSize = Extract<Size, 'medium' | 'small' | 'xsmall'>;
 type InputProps = CommonInputProps & {
     /**Størrelse på inputfeltet.
      * @default "medium"
@@ -554,25 +555,17 @@ type BreakpointBasedProps<T extends keyof StandardProperties> = {
     [k in ScreenSizeLiteral]?: StandardProperties[T];
 };
 
-declare const dangerInputfield: {
-    borderColor: "#d83737";
-    boxShadow: string;
-};
-
-declare const focusInputfield: {
-    outline: string;
-    outlineOffset: "2px";
-    boxShadow: string;
-};
-declare const focusDangerInputfield: {
-    borderColor: "#77838c";
-};
-
-declare const outlineOffset: "2px";
-declare const outlineInset: string;
+/**
+ * Styling utils i TS (CSS-in-JS)
+ */
+/**
+ * DDS utils
+ */
+declare const outlineOffset = "var(--dds-spacing-x0-125)";
+declare const outlineInset = "calc(var(--dds-spacing-x0-125) * -1)";
 declare const focusVisible: {
     outline: string;
-    outlineOffset: "2px";
+    outlineOffset: string;
     boxShadow: string;
 };
 declare const focusVisibleTransitionValue = "outline-offset 0.2s";
@@ -580,11 +573,24 @@ declare const focusVisibleInset: {
     outline: string;
     outlineOffset: string;
 };
-declare const focusVisibleInsetSelect: {
-    outline: string;
-    outlineOffset: string;
+declare const scrollbarStyling: {
+    scrollbarColor: string;
+    scrollbarWidth: "thin";
+    '&::-webkit-scrollbar': {
+        width: string;
+        height: string;
+    };
+    '&::-webkit-scrollbar-track': {
+        background: string;
+    };
+    '&::-webkit-scrollbar-thumb': {
+        background: string;
+    };
 };
-
+declare const visibilityTransition: (open: boolean) => string;
+/**
+ * Generelle utils
+ */
 declare const hideInput: {
     clip: string;
     position: string;
@@ -592,21 +598,10 @@ declare const hideInput: {
     width: string;
     margin: number;
 };
-
-declare const hoverInputfield: {
-    borderColor: "#0d588a";
-    boxShadow: string;
-};
-declare const hoverDangerInputfield: {
-    borderColor: "#d83737";
-    boxShadow: string;
-};
-
-declare const normalizeButton: {
-    margin: number;
-    textTransform: Property.TextTransform;
+declare const inheritLinkStyling: {
+    color: string;
+    textDecoration: string;
 };
-
 declare const removeButtonStyling: {
     background: string;
     color: string;
@@ -616,52 +611,22 @@ declare const removeButtonStyling: {
     cursor: string;
     outline: string;
 };
-
 declare const removeListStyling: {
     listStyle: string;
     padding: number;
     margin: number;
 };
-
-declare const inheritLinkStyling: {
-    color: string;
-    textDecoration: string;
-};
-
-/**
- * CSS-in-JS scrollbar styling
- */
-declare const scrollbarStyling: {
-    scrollbarColor: string;
-    scrollbarWidth: "thin";
-    '&::-webkit-scrollbar': {
-        width: string;
-        height: string;
-    };
-    '&::-webkit-scrollbar-track': {
-        background: string;
-    };
-    '&::-webkit-scrollbar-thumb': {
-        background: string;
-    };
-};
-
-declare const selection: {
-    color: "#0b0d0e";
-    backgroundColor: "#ffe6df";
+declare const normalizeButton: {
+    margin: number;
+    textTransform: Property.TextTransform;
 };
 
-declare const visibilityTransition: (open: boolean) => styled_components.RuleSet<object>;
-
-type StyledSvgProps = SVGAttributes<SVGSVGElement>;
-declare function StyledSvg({ height, width, fill, className, ...props }: StyledSvgProps): react_jsx_runtime.JSX.Element;
-
 type SvgProps = {
     title?: string;
 } & SVGAttributes<SVGSVGElement>;
 type SvgIcon = (props: SvgProps) => JSX.Element;
 
-declare function SvgWrapper(props: SvgProps): react_jsx_runtime.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;
 
@@ -829,6 +794,8 @@ declare function InstagramIcon(props: SvgProps): react_jsx_runtime.JSX.Element;
 
 declare function JordskifterettIcon(props: SvgProps): react_jsx_runtime.JSX.Element;
 
+declare function JordskiftesakIcon(props: SvgProps): react_jsx_runtime.JSX.Element;
+
 declare function KeyIcon(props: SvgProps): react_jsx_runtime.JSX.Element;
 
 declare function LagmannsrettIcon(props: SvgProps): react_jsx_runtime.JSX.Element;
@@ -1065,6 +1032,7 @@ declare const index_ImageIcon: typeof ImageIcon;
 declare const index_InfoIcon: typeof InfoIcon;
 declare const index_InstagramIcon: typeof InstagramIcon;
 declare const index_JordskifterettIcon: typeof JordskifterettIcon;
+declare const index_JordskiftesakIcon: typeof JordskiftesakIcon;
 declare const index_KeyIcon: typeof KeyIcon;
 declare const index_LagmannsrettIcon: typeof LagmannsrettIcon;
 declare const index_LanguageIcon: typeof LanguageIcon;
@@ -1138,7 +1106,7 @@ 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_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_SearchIcon as SearchIcon, 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_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_SearchIcon as SearchIcon, 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 };
 }
 
 /**
@@ -1229,7 +1197,7 @@ declare namespace Icon {
 }
 
 type ButtonPurpose = 'primary' | 'secondary' | 'danger' | 'tertiary';
-type ButtonSize = 'tiny' | 'small' | 'medium' | 'large';
+type ButtonSize = Extract<Size, 'xsmall' | 'small' | 'medium' | 'large'>;
 type IconPosition = 'left' | 'right';
 type PickedHTMLAttributes$2 = Pick<ButtonHTMLAttributes<HTMLButtonElement>, 'onClick' | 'onFocus' | 'onBlur' | 'type'>;
 type ButtonProps = BaseComponentProps<HTMLButtonElement, {
@@ -1278,7 +1246,7 @@ declare const Button: react.ForwardRefExoticComponent<Pick<Omit<react.ButtonHTML
     onFocus?: FocusEventHandler<HTMLButtonElement> | undefined;
     onBlur?: FocusEventHandler<HTMLButtonElement> | undefined;
     onClick?: MouseEventHandler<HTMLButtonElement> | undefined;
-    type?: "submit" | "reset" | "button" | undefined;
+    type?: "submit" | "reset" | "button" | undefined | undefined;
 } & {
     htmlProps?: Omit<react.ButtonHTMLAttributes<HTMLButtonElement>, "onFocus" | "onBlur" | "onClick" | "type"> | undefined;
 } & react.RefAttributes<HTMLButtonElement>>;
@@ -1351,13 +1319,13 @@ declare const Card: {
     displayName: string;
 };
 
-type CardAccordionProps = BaseComponentPropsWithChildren<HTMLDivElement, {
+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;
 }>;
-declare const CardAccordion: react.ForwardRefExoticComponent<Pick<react.HTMLAttributes<HTMLDivElement>, "id" | "className"> & {
+declare const CardExpandable: react.ForwardRefExoticComponent<Pick<react.HTMLAttributes<HTMLDivElement>, "id" | "className"> & {
     /**Spesifiserer om body skal være utvidet ved innlastning. */
     isExpanded?: boolean;
     /**For å lytte til endringer i expanded-state. */
@@ -1368,7 +1336,7 @@ declare const CardAccordion: react.ForwardRefExoticComponent<Pick<react.HTMLAttr
     htmlProps?: react.HTMLAttributes<HTMLDivElement> | undefined;
 } & react.RefAttributes<HTMLDivElement>>;
 
-type CardAccordionHeaderProps = Omit<BaseComponentPropsWithChildren<HTMLButtonElement, {
+type CardExpandableHeaderProps = Omit<BaseComponentPropsWithChildren<HTMLButtonElement, {
     /**Overskriver default padding. */
     padding?: Property.Padding<string>;
     /**Overskriver default teksttype. */
@@ -1376,13 +1344,13 @@ type CardAccordionHeaderProps = Omit<BaseComponentPropsWithChildren<HTMLButtonEl
     /**Angir om teksten skal være i "bold"-format. */
     bold?: boolean;
 }, ButtonHTMLAttributes<HTMLButtonElement>>, 'id'>;
-declare const CardAccordionHeader: react.ForwardRefExoticComponent<CardAccordionHeaderProps & react.RefAttributes<HTMLButtonElement>>;
+declare const CardExpandableHeader: react.ForwardRefExoticComponent<CardExpandableHeaderProps & react.RefAttributes<HTMLButtonElement>>;
 
-type CardAccordionBodyProps = Omit<BaseComponentPropsWithChildren<HTMLDivElement, {
+type CardExpandableBodyProps = Omit<BaseComponentPropsWithChildren<HTMLDivElement, {
     /**Overskriver default padding. */
     padding?: Property.Padding<string>;
 }>, 'id'>;
-declare const CardAccordionBody: react.ForwardRefExoticComponent<CardAccordionBodyProps & react.RefAttributes<HTMLDivElement>>;
+declare const CardExpandableBody: react.ForwardRefExoticComponent<CardExpandableBodyProps & react.RefAttributes<HTMLDivElement>>;
 
 type ChipProps = BaseComponentProps<HTMLDivElement, {
     /** Teksten som vises i komponenten. */
@@ -1514,12 +1482,13 @@ declare const DescriptionListGroup: react.ForwardRefExoticComponent<Pick<react.H
     htmlProps?: react.HTMLAttributes<HTMLDivElement> | undefined;
 } & react.RefAttributes<HTMLDivElement>>;
 
+type DetailListSize = Extract<Size, 'large' | 'medium' | 'small'>;
 type DetailListProps = BaseComponentPropsWithChildren<HTMLDListElement, {
     /**
-     * Spesifiserer hvor romslige celler skal være.
-     * @default "normal"
+     * Størrelse på tabellen. Påvirker tetthet i cellene og font.
+     * @default "medium"
      */
-    density?: Density;
+    size?: DetailListSize;
     /**
      * Om rader skal ha skillelinje.
      * @default true
@@ -1533,10 +1502,10 @@ type DetailListProps = BaseComponentPropsWithChildren<HTMLDListElement, {
 }>;
 declare const DetailList: react.ForwardRefExoticComponent<Pick<react.HTMLAttributes<HTMLDListElement>, "id" | "className"> & {
     /**
-     * Spesifiserer hvor romslige celler skal være.
-     * @default "normal"
+     * Størrelse på tabellen. Påvirker tetthet i cellene og font.
+     * @default "medium"
      */
-    density?: Density;
+    size?: DetailListSize;
     /**
      * Om rader skal ha skillelinje.
      * @default true
@@ -2760,13 +2729,13 @@ declare const CheckboxGroup: {
 };
 
 declare const RadioButton: react.ForwardRefExoticComponent<Pick<Omit<react.InputHTMLAttributes<HTMLInputElement>, "aria-describedby" | "onChange" | "name" | "value" | "checked" | "readOnly" | "required">, "id" | "className"> & SelectionControlCommonProps & {
-    "aria-describedby"?: string | undefined;
+    "aria-describedby"?: string | undefined | undefined;
     onChange?: react.ChangeEventHandler<HTMLInputElement> | undefined;
-    name?: string | undefined;
-    value?: string | readonly string[] | number | undefined;
-    checked?: boolean | undefined;
-    readOnly?: boolean | undefined;
-    required?: boolean | undefined;
+    name?: string | undefined | undefined;
+    value?: string | number | readonly string[] | undefined;
+    checked?: boolean | undefined | undefined;
+    readOnly?: boolean | undefined | undefined;
+    required?: boolean | undefined | undefined;
 } & {
     children?: react.ReactNode | undefined;
 } & {
@@ -2836,7 +2805,7 @@ type SpinnerProps = BaseComponentProps<SVGElement, {
      */
     color?: TextColor;
     /**Størrelse; Setter høyde og bredde på spinneren.
-     * @default ddsTokens.ddsIconSizeMedium
+     * @default "var(--dds-icon-size-medium)"
      */
     size?: Property.Width;
     /**Tekst som vises ved hover.
@@ -2912,12 +2881,13 @@ declare const VStack: react.ForwardRefExoticComponent<Pick<react.HTMLAttributes<
 declare function spacingPropToCn(value: string): HyphenSpacingProps;
 type HyphenSpacingProps = 'x-0-125' | 'x-0-25' | 'x-0-5' | 'x-0-75' | 'x-1' | 'x-1-5' | 'x-2' | 'x-2-5' | 'x-3' | 'x-4' | 'x-6' | 'x-10';
 
-type TableDensity = Density;
+type TableSize = Extract<Size, 'small' | 'medium' | 'large'>;
 type TableProps = {
-    /**Spesifiserer hvor romslige cellene i tabellen skal være.
-     * @default "normal"
+    /**
+     * Størrelse på tabellen. Påvirker tetthet i cellene og font.
+     * @default "medium"
      */
-    density?: TableDensity;
+    size?: TableSize;
     /**Spesifiserer om cellene i `<Head>` skal bli sticky ved scrolling. */
     stickyHeader?: boolean;
     /**Legger skillelinjer mellom radene. */
@@ -2958,7 +2928,7 @@ declare const CollapsibleTable$1: react.ForwardRefExoticComponent<{
     headerValues: HeaderValues;
     definingColumnIndex?: Array<number>;
 } & {
-    density?: TableDensity;
+    size?: TableSize;
     stickyHeader?: boolean;
     withDividers?: boolean;
 } & react.HTMLAttributes<HTMLTableElement> & react.RefAttributes<HTMLTableElement>>;
@@ -3035,7 +3005,7 @@ declare const SortCell: react.ForwardRefExoticComponent<{
 } & Omit<TableCellProps, "type"> & react.RefAttributes<HTMLTableCellElement>>;
 
 declare const Table$1: react.ForwardRefExoticComponent<{
-    density?: TableDensity;
+    size?: TableSize;
     stickyHeader?: boolean;
     withDividers?: boolean;
 } & react.HTMLAttributes<HTMLTableElement> & react.RefAttributes<HTMLTableElement>>;
@@ -3245,8 +3215,588 @@ interface TextAffixProps {
     readOnly?: boolean;
 }
 
+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"
+     */
+    theme?: DdsTheme;
+    /**
+     * Selve applikasjonen.
+     */
+    children?: ReactNode;
+}
+declare function ThemeProvider({ theme, children, }: ThemeProviderProps): react_jsx_runtime.JSX.Element;
+/**
+ * Hook for å hente gjeldende tema og temanavn. Brukes inni ThemeProvider.
+ *
+ * @returns tema med JS-konstanter og navnet på temaet.
+ */
+declare function useTheme(): {
+    theme: {
+        ddsFontFamilySans: "'IBM Plex Sans', Arial, sans-serif";
+        ddsFontFamilyMonospace: "'IBM Plex Mono', 'Courier New', monospace";
+        ddsFontSizeX5: "5rem";
+        ddsFontSizeX5NumberRem: 5;
+        ddsFontSizeX4: "4rem";
+        ddsFontSizeX4NumberRem: 4;
+        ddsFontSizeX3: "3rem";
+        ddsFontSizeX3NumberRem: 3;
+        ddsFontSizeX25: "2.5rem";
+        ddsFontSizeX25NumberRem: 2.5;
+        ddsFontSizeX2: "2rem";
+        ddsFontSizeX2NumberRem: 2;
+        ddsFontSizeX15: "1.5rem";
+        ddsFontSizeX15NumberRem: 1.5;
+        ddsFontSizeX125: "1.25rem";
+        ddsFontSizeX125NumberRem: 1.25;
+        ddsFontSizeX1125: "1.125rem";
+        ddsFontSizeX1125NumberRem: 1.125;
+        ddsFontSizeX1: "1rem";
+        ddsFontSizeX1NumberRem: 1;
+        ddsFontSizeX0875: "0.875rem";
+        ddsFontSizeX0875NumberRem: 0.875;
+        ddsFontSizeX075: "0.75rem";
+        ddsFontSizeX075NumberRem: 0.75;
+        ddsFontSizeXxlarge: "3rem";
+        ddsFontSizeXxlargeNumberRem: 3;
+        ddsFontSizeXlarge: "2rem";
+        ddsFontSizeXlargeNumberRem: 2;
+        ddsFontSizeLarge: "1.5rem";
+        ddsFontSizeLargeNumberRem: 1.5;
+        ddsFontSizeMedium: "1.25rem";
+        ddsFontSizeMediumNumberRem: 1.25;
+        ddsFontSizeSmall: "1.125rem";
+        ddsFontSizeSmallNumberRem: 1.125;
+        ddsFontSizeXsmall: "1rem";
+        ddsFontSizeXsmallNumberRem: 1;
+        ddsFontSizeXxsmall: "0.875rem";
+        ddsFontSizeXxsmallNumberRem: 0.875;
+        ddsFontSizeXxxsmall: "0.75rem";
+        ddsFontSizeXxxsmallNumberRem: 0.75;
+        ddsFontWeightLight: "300";
+        ddsFontWeightNormal: "400";
+        ddsFontWeightBold: "600";
+        ddsFontLineheightX1: 1.5;
+        ddsFontLineheightX2: 1.35;
+        ddsFontLineheightX3: 1.2;
+        ddsFontLineheightList: 2.5;
+        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;
+        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";
+        ddsGridSmGutterSize: "16px";
+        ddsGridSmGutterSizeNumberPx: 16;
+        ddsGridSmCount: "8";
+        ddsGridLgGutterSize: "24px";
+        ddsGridLgGutterSizeNumberPx: 24;
+        ddsGridLgCount: "12";
+        ddsGridMdGutterSize: "24px";
+        ddsGridMdGutterSizeNumberPx: 24;
+        ddsGridMdCount: "12";
+        ddsGridXlGutterSize: "24px";
+        ddsGridXlGutterSizeNumberPx: 24;
+        ddsGridXlCount: "12";
+        ddsIconSizeLarge: "40px";
+        ddsIconSizeLargeNumberPx: 40;
+        ddsIconSizeMedium: "24px";
+        ddsIconSizeMediumNumberPx: 24;
+        ddsIconSizeSmall: "16px";
+        ddsIconSizeSmallNumberPx: 16;
+        ddsBreakpointXs: "1px";
+        ddsBreakpointXsNumberPx: 1;
+        ddsBreakpointSm: "600px";
+        ddsBreakpointSmNumberPx: 600;
+        ddsBreakpointMd: "960px";
+        ddsBreakpointMdNumberPx: 960;
+        ddsBreakpointLg: "1280px";
+        ddsBreakpointLgNumberPx: 1280;
+        ddsBreakpointXl: "1920px";
+        ddsBreakpointXlNumberPx: 1920;
+        ddsColorBgDefault: "#ffffff";
+        ddsColorBgSubtle: "#f8f9f9";
+        ddsColorSurfaceDefault: "#ffffff";
+        ddsColorSurfaceSubtle: "#f8f9f9";
+        ddsColorSurfaceMedium: "#ebecee";
+        ddsColorSurfaceHoverDefault: "#e7f1f7";
+        ddsColorSurfaceHoverSubtle: "#f8f9f9";
+        ddsColorSurfaceSelectedDefault: "#e7f1f7";
+        ddsColorSurfaceInverseDefault: "#354754";
+        ddsColorSurfaceInverseHover: "#313d45";
+        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: "#f8f9f9";
+        ddsColorSurfaceHighlightedDefault: "#ffe6df";
+        ddsColorSurfaceScrollbar: "#adb5ba";
+        ddsColorSurfaceNotification: "#d83737";
+        ddsColorSurfaceSkeleton: "#cfd4d7";
+        ddsColorBorderDefault: "#77838c";
+        ddsColorBorderSubtle: "#cfd4d7";
+        ddsColorBorderInverse: "#acbbc6";
+        ddsColorBorderActionDefault: "#106ead";
+        ddsColorBorderActionHover: "#0d588a";
+        ddsColorBorderSuccess: "#65be66";
+        ddsColorBorderWarning: "#f4e04d";
+        ddsColorBorderDanger: "#d83737";
+        ddsColorBorderInfo: "#75b9e6";
+        ddsColorBorderOnAction: "#ffffff";
+        ddsColorTextDefault: "#0b0d0e";
+        ddsColorTextMedium: "#3a4146";
+        ddsColorTextSubtle: "#545c62";
+        ddsColorTextOnInverse: "#ffffff";
+        ddsColorTextOnAction: "#ffffff";
+        ddsColorTextOnStatusDefault: "#0b0d0e";
+        ddsColorTextOnStatusStrong: "#0b0d0e";
+        ddsColorTextActionResting: "#106ead";
+        ddsColorTextActionHover: "#0d588a";
+        ddsColorTextRequiredfield: "#d83737";
+        ddsColorTextActionVisited: "#7f29b4";
+        ddsColorTextActionVisitedOnInverse: "#cca9e1";
+        ddsColorTextOnNotification: "#ffffff";
+        ddsColorIconDefault: "#0b0d0e";
+        ddsColorIconMedium: "#3a4146";
+        ddsColorIconSubtle: "#545c62";
+        ddsColorIconOnInverse: "#ffffff";
+        ddsColorIconOnAction: "#ffffff";
+        ddsColorIconActionResting: "#106ead";
+        ddsColorIconActionHover: "#0d588a";
+        ddsColorIconOnSuccessDefault: "#3d723d";
+        ddsColorIconOnSuccessStrong: "#0b0d0e";
+        ddsColorIconOnWarningDefault: "#92862e";
+        ddsColorIconOnWarningStrong: "#0b0d0e";
+        ddsColorIconOnDangerDefault: "#ad2c2c";
+        ddsColorIconOnDangerStrong: "#0b0d0e";
+        ddsColorIconOnInfoDefault: "#466f8a";
+        ddsColorIconOnInfoStrong: "#0b0d0e";
+        ddsColorBrandPrimaryDefault: "#354754";
+        ddsColorBrandPrimarySubtle: "#eaeff4";
+        ddsColorBrandPrimaryMedium: "#4f6a7e";
+        ddsColorBrandPrimaryStrong: "#202b32";
+        ddsColorBrandSecondaryDefault: "#9ab8b7";
+        ddsColorBrandSecondarySubtle: "#e6eded";
+        ddsColorBrandSecondaryMedium: "#b8cdcd";
+        ddsColorBrandSecondaryStrong: "#4d6463";
+        ddsColorBrandTertiaryDefault: "#f2a68f";
+        ddsColorBrandTertiarySubtle: "#ffe6df";
+        ddsColorBrandTertiaryMedium: "#f6c1b1";
+        ddsColorBrandTertiaryStrong: "#f27e55";
+        ddsColorFocusOutside: "#2f4a5c";
+        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 clamp(1.25rem, 0.833rem + 1.111vw, 1.5rem)/1.35 'IBM Plex Sans', Arial, sans-serif";
+        ddsFontHeadingXlarge: "400 clamp(1.5rem, 0.667rem + 2.222vw, 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";
+        ddsBorderRadiusButton: "2px";
+        ddsBorderRadiusButtonNumberPx: 2;
+        ddsBorderRadiusSurface: "4px";
+        ddsBorderRadiusSurfaceNumberPx: 4;
+        ddsBorderRadiusInput: "2px";
+        ddsBorderRadiusInputNumberPx: 2;
+        ddsBorderRadiusChip: "4px";
+        ddsBorderRadiusChipNumberPx: 4;
+        ddsBorderRadiusRounded: "9999px";
+        ddsBorderRadiusRoundedNumberPx: 9999;
+        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;
+        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;
+        ddsFontLeadMediumLetterSpacing: "0em";
+        ddsFontLeadMediumParagraphSpacing: "1em";
+        ddsFontLeadMediumParagraphSpacingNumberEm: 1;
+        ddsFontCodeMediumLetterSpacing: "0em";
+        ddsFontCodeMediumParagraphSpacing: "1em";
+        ddsFontCodeMediumParagraphSpacingNumberEm: 1;
+        ddsFontLabelMediumLetterSpacing: "0.01em";
+        ddsFontLabelMediumParagraphSpacing: "1em";
+        ddsFontLabelMediumParagraphSpacingNumberEm: 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;
+        ddsFontSizeXxlarge: "4rem";
+        ddsFontSizeXxlargeNumberRem: 4;
+        ddsFontSizeXlarge: "3rem";
+        ddsFontSizeXlargeNumberRem: 3;
+        ddsFontSizeLarge: "2rem";
+        ddsFontSizeLargeNumberRem: 2;
+        ddsFontSizeMedium: "1.5rem";
+        ddsFontSizeMediumNumberRem: 1.5;
+        ddsFontSizeSmall: "1.25rem";
+        ddsFontSizeSmallNumberRem: 1.25;
+        ddsFontSizeXsmall: "1.125rem";
+        ddsFontSizeXsmallNumberRem: 1.125;
+        ddsFontSizeXxsmall: "1rem";
+        ddsFontSizeXxsmallNumberRem: 1;
+        ddsFontSizeXxxsmall: "0.875rem";
+        ddsFontSizeXxxsmallNumberRem: 0.875;
+        ddsFontWeightLight: "300";
+        ddsFontWeightNormal: "400";
+        ddsFontWeightBold: "600";
+        ddsFontLineheightX1: 1.5;
+        ddsFontLineheightX2: 1.35;
+        ddsFontLineheightX3: 1.2;
+        ddsFontLineheightList: 2.5;
+        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;
+        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";
+        ddsGridSmGutterSize: "16px";
+        ddsGridSmGutterSizeNumberPx: 16;
+        ddsGridSmCount: "8";
+        ddsGridLgGutterSize: "24px";
+        ddsGridLgGutterSizeNumberPx: 24;
+        ddsGridLgCount: "12";
+        ddsGridMdGutterSize: "24px";
+        ddsGridMdGutterSizeNumberPx: 24;
+        ddsGridMdCount: "12";
+        ddsGridXlGutterSize: "24px";
+        ddsGridXlGutterSizeNumberPx: 24;
+        ddsGridXlCount: "12";
+        ddsIconSizeLarge: "40px";
+        ddsIconSizeLargeNumberPx: 40;
+        ddsIconSizeMedium: "24px";
+        ddsIconSizeMediumNumberPx: 24;
+        ddsIconSizeSmall: "16px";
+        ddsIconSizeSmallNumberPx: 16;
+        ddsBreakpointXs: "1px";
+        ddsBreakpointXsNumberPx: 1;
+        ddsBreakpointSm: "600px";
+        ddsBreakpointSmNumberPx: 600;
+        ddsBreakpointMd: "960px";
+        ddsBreakpointMdNumberPx: 960;
+        ddsBreakpointLg: "1280px";
+        ddsBreakpointLgNumberPx: 1280;
+        ddsBreakpointXl: "1920px";
+        ddsBreakpointXlNumberPx: 1920;
+        ddsColorBgDefault: "#ffffff";
+        ddsColorBgSubtle: "#f8f9f9";
+        ddsColorSurfaceDefault: "#ffffff";
+        ddsColorSurfaceSubtle: "#f8f9f9";
+        ddsColorSurfaceMedium: "#ebecee";
+        ddsColorSurfaceHoverDefault: "#e7f1f7";
+        ddsColorSurfaceHoverSubtle: "#f8f9f9";
+        ddsColorSurfaceSelectedDefault: "#e7f1f7";
+        ddsColorSurfaceInverseDefault: "#354754";
+        ddsColorSurfaceInverseHover: "#313d45";
+        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: "#f8f9f9";
+        ddsColorSurfaceHighlightedDefault: "#ffe6df";
+        ddsColorSurfaceScrollbar: "#adb5ba";
+        ddsColorSurfaceNotification: "#d83737";
+        ddsColorSurfaceSkeleton: "#cfd4d7";
+        ddsColorBorderDefault: "#77838c";
+        ddsColorBorderSubtle: "#cfd4d7";
+        ddsColorBorderInverse: "#acbbc6";
+        ddsColorBorderActionDefault: "#106ead";
+        ddsColorBorderActionHover: "#0d588a";
+        ddsColorBorderSuccess: "#65be66";
+        ddsColorBorderWarning: "#f4e04d";
+        ddsColorBorderDanger: "#d83737";
+        ddsColorBorderInfo: "#75b9e6";
+        ddsColorBorderOnAction: "#ffffff";
+        ddsColorTextDefault: "#0b0d0e";
+        ddsColorTextMedium: "#3a4146";
+        ddsColorTextSubtle: "#545c62";
+        ddsColorTextOnInverse: "#ffffff";
+        ddsColorTextOnAction: "#ffffff";
+        ddsColorTextOnStatusDefault: "#0b0d0e";
+        ddsColorTextOnStatusStrong: "#0b0d0e";
+        ddsColorTextActionResting: "#106ead";
+        ddsColorTextActionHover: "#0d588a";
+        ddsColorTextRequiredfield: "#d83737";
+        ddsColorTextActionVisited: "#7f29b4";
+        ddsColorTextActionVisitedOnInverse: "#cca9e1";
+        ddsColorTextOnNotification: "#ffffff";
+        ddsColorIconDefault: "#0b0d0e";
+        ddsColorIconMedium: "#3a4146";
+        ddsColorIconSubtle: "#545c62";
+        ddsColorIconOnInverse: "#ffffff";
+        ddsColorIconOnAction: "#ffffff";
+        ddsColorIconActionResting: "#106ead";
+        ddsColorIconActionHover: "#0d588a";
+        ddsColorIconOnSuccessDefault: "#3d723d";
+        ddsColorIconOnSuccessStrong: "#0b0d0e";
+        ddsColorIconOnWarningDefault: "#92862e";
+        ddsColorIconOnWarningStrong: "#0b0d0e";
+        ddsColorIconOnDangerDefault: "#ad2c2c";
+        ddsColorIconOnDangerStrong: "#0b0d0e";
+        ddsColorIconOnInfoDefault: "#466f8a";
+        ddsColorIconOnInfoStrong: "#0b0d0e";
+        ddsColorBrandPrimaryDefault: "#354754";
+        ddsColorBrandPrimarySubtle: "#eaeff4";
+        ddsColorBrandPrimaryMedium: "#4f6a7e";
+        ddsColorBrandPrimaryStrong: "#202b32";
+        ddsColorBrandSecondaryDefault: "#9ab8b7";
+        ddsColorBrandSecondarySubtle: "#e6eded";
+        ddsColorBrandSecondaryMedium: "#b8cdcd";
+        ddsColorBrandSecondaryStrong: "#4d6463";
+        ddsColorBrandTertiaryDefault: "#f2a68f";
+        ddsColorBrandTertiarySubtle: "#ffe6df";
+        ddsColorBrandTertiaryMedium: "#f6c1b1";
+        ddsColorBrandTertiaryStrong: "#f27e55";
+        ddsColorFocusOutside: "#2f4a5c";
+        ddsColorFocusInside: "#f1f8fd";
+        ddsBorderRadiusButton: "2px";
+        ddsBorderRadiusButtonNumberPx: 2;
+        ddsBorderRadiusSurface: "2px";
+        ddsBorderRadiusSurfaceNumberPx: 2;
+        ddsBorderRadiusInput: "2px";
+        ddsBorderRadiusInputNumberPx: 2;
+        ddsBorderRadiusChip: "2px";
+        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 0.875rem/1.5 'IBM Plex Sans', Arial, sans-serif";
+        ddsFontHeadingXsmall: "600 1rem/1.5 'IBM Plex Sans', Arial, sans-serif";
+        ddsFontHeadingSmall: "600 1.125rem/1.5 'IBM Plex Sans', Arial, sans-serif";
+        ddsFontHeadingMedium: "600 1.25rem/1.5 'IBM Plex Sans', Arial, sans-serif";
+        ddsFontHeadingLarge: "400 clamp(1.5rem, 0.667rem + 2.222vw, 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";
+        ddsFontLeadMedium: "300 1.5rem/1.5 'IBM Plex Sans', Arial, sans-serif";
+        ddsFontCodeMedium: "400 1.125rem/1.5 'IBM Plex Mono', 'Courier New', monospace";
+        ddsFontHeadingXxlargeLetterSpacing: "-0.01em";
+        ddsFontHeadingXxlargeParagraphSpacing: "0.4em";
+        ddsFontHeadingXxlargeParagraphSpacingNumberEm: 0.4;
+        ddsFontHeadingXlargeLetterSpacing: "-0.01em";
+        ddsFontHeadingXlargeParagraphSpacing: "0.4em";
+        ddsFontHeadingXlargeParagraphSpacingNumberEm: 0.4;
+        ddsFontHeadingLargeLetterSpacing: "0em";
+        ddsFontHeadingLargeParagraphSpacing: "0.4em";
+        ddsFontHeadingLargeParagraphSpacingNumberEm: 0.4;
+        ddsFontHeadingMediumLetterSpacing: "0em";
+        ddsFontHeadingMediumParagraphSpacing: "0.4em";
+        ddsFontHeadingMediumParagraphSpacingNumberEm: 0.4;
+        ddsFontHeadingSmallLetterSpacing: "0em";
+        ddsFontHeadingSmallParagraphSpacing: "0.4em";
+        ddsFontHeadingSmallParagraphSpacingNumberEm: 0.4;
+        ddsFontHeadingXsmallLetterSpacing: "0em";
+        ddsFontHeadingXsmallParagraphSpacing: "0.4em";
+        ddsFontHeadingXsmallParagraphSpacingNumberEm: 0.4;
+        ddsFontHeadingXxsmallLetterSpacing: "0.01em";
+        ddsFontHeadingXxsmallParagraphSpacing: "0.4em";
+        ddsFontHeadingXxsmallParagraphSpacingNumberEm: 0.4;
+        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;
+        ddsFontLeadMediumLetterSpacing: "0em";
+        ddsFontLeadMediumParagraphSpacing: "0.66em";
+        ddsFontLeadMediumParagraphSpacingNumberEm: 0.66;
+        ddsFontCodeMediumLetterSpacing: "0em";
+        ddsFontCodeMediumParagraphSpacing: "1em";
+        ddsFontCodeMediumParagraphSpacingNumberEm: 1;
+        ddsFontLabelMediumLetterSpacing: "0.01em";
+        ddsFontLabelMediumParagraphSpacing: "1em";
+        ddsFontLabelMediumParagraphSpacingNumberEm: 1;
+    };
+    themeName: "core" | "public";
+};
+
 type ToggleBarValue = string | number | null | undefined;
-type ToggleBarSize = 'tiny' | 'small' | 'medium' | 'large';
+type ToggleBarSize = Extract<Size, 'xsmall' | 'small' | 'medium' | 'large'>;
 type ToggleBarProps<T extends string | number> = BaseComponentPropsWithChildren<HTMLDivElement, {
     /**Størrelse på komponenten.
      * @default "medium"
@@ -3366,4 +3916,4 @@ declare const VisuallyHidden: {
     displayName: string;
 };
 
-export { Accordion, AccordionBody, type AccordionBodyProps, AccordionHeader, type AccordionHeaderProps, type AccordionProps, AddressShieldedIcon, AgreementIcon, type AnchorTypographyType, AnimatedChevronUpDown, AppsIcon, ArchiveIcon, ArrowDownIcon, ArrowLeftIcon, ArrowRightIcon, ArrowUpIcon, type As, AttachmentIcon, BackLink, type BackLinkProps, Backdrop, BarChartBoxedIcon, BarChartIcon, type BaseComponentProps, type BaseComponentPropsWithChildren, type BaseItemProps, type BaseLabelProps, type BaseTypographyProps, BlockIcon, BookIcon, Breadcrumb, type BreadcrumbProps, Breadcrumbs, type BreadcrumbsProps, type BreakpointBasedProps, BuildCircledIcon, BuildIcon, Button, ButtonGroup, type ButtonGroupProps, type ButtonProps, type ButtonPurpose, type ButtonSize, Calendar, CalendarIcon, CalendarMonthIcon, type CalendarProps, CalendarViewDayIcon, CalendarViewMonthIcon, CalendarViewWeekIcon, CallIcon, type Callback, Caption, type CaptionProps, Card, CardAccordion, CardAccordionBody, type CardAccordionBodyProps, CardAccordionHeader, type CardAccordionHeaderProps, type CardAccordionProps, type CardAppearance, type CardProps, type CardType, CaringIcon, CharCounter, ChatIcon, CheckCircledIcon, CheckIcon, Checkbox, CheckboxGroup, type CheckboxGroupProps, type CheckboxPickedHTMLAttributes, type CheckboxProps, ChecklistIcon, ChevronDownIcon, ChevronFirstIcon, ChevronLargeLeftIcon, ChevronLargeRightIcon, ChevronLastIcon, ChevronLeftIcon, ChevronRightIcon, ChevronUpIcon, Chip, ChipGroup, type ChipGroupProps, type ChipProps, CloseCircledIcon, CloseIcon, CloseSmallIcon, CloudIcon, CollapseIcon, CollapsibleTable, type CollapsibleTableProps, CollapsibleRow as CollapsibleTableRow, type ColumnsOccupied, CommentIcon, type CommonInputProps, Contrast, type ContrastProps, CopyIcon, CourtIcon, DatePicker, type DatePickerProps, DateRangeIcon, DeathsIcon, type Density, DescriptionList, type DescriptionListAppearance, DescriptionListDesc, type DescriptionListDescProps, DescriptionListGroup, type DescriptionListGroupProps, type DescriptionListProps, DescriptionListTerm, type DescriptionListTermProps, DetailList, DetailListDesc, type DetailListDescProps, type DetailListProps, DetailListRow, type DetailListRowProps, 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, EditIcon, ElementAs, type ElementAsProps, EmptyContent, type EmptyContentProps, ErrorIcon, ExclaimIcon, ExpandIcon, type ExpandableCardProps, type ExtractStrict, FacebookIcon, FamilyIcon, FavStar, type FavStarProps, Feedback, FeedbackIcon, type FeedbackProps, Fieldset, type FieldsetProps, FileAddIcon, FileIcon, type FileList, FileShieldedIcon, FileTextIcon, FileUploader, type FileUploaderAccept, type FileUploaderProps, FilterIcon, FilterListIcon, FilterListOffIcon, FilterOffIcon, FindInPageIcon, FlickrIcon, FolderAddIcon, FolderIcon, FolderShieldedIcon, Footer, FooterLeft, type FooterLeftProps, FooterList, FooterListGroup, type FooterListGroupProps, FooterListHeader, type FooterListHeaderProps, type FooterListProps, FooterLogo, type FooterLogoProps, type FooterProps, FooterSocialsGroup, type FooterSocialsGroupProps, FooterSocialsList, type FooterSocialsListProps, FullscreenExitIcon, FullscreenIcon, GavelIcon, GlobalMessage, type GlobalMessageProps, type GlobalMessagePurpose, Grid, GridChild, type GridChildProps, type GridProps, GuardianIcon, HStack, Heading, type HeadingLevel, type HeadingProps, HelpFilledIcon, HelpIcon, HelpSimpleIcon, HiddenInput, HomeIcon, HourglassBottomIcon, HourglassDisabledIcon, HourglassEmptyIcon, HourglassFullIcon, HourglassTopIcon, type HyphenTypographyType, Icon, type IconPosition, type IconProps, type IconSize, ImageIcon, type InfoCardProps, InfoIcon, InlineButton, type InlineButtonProps, InlineEditInput, type InlineEditInputProps, InlineEditTextArea, type InlineEditTextAreaProps, type InlineElement, Input, InputMessage, type InputMessageProps, type InputMessageType, type InputProps, type InputSize, type InputTypographyTypes, InstagramIcon, InternalHeader, type InternalHeaderProps, JordskifterettIcon, KeyIcon, Label, type LabelProps, type LabelTypographyType, LagmannsrettIcon, LanguageIcon, type Layout, Legend, type LegendProps, LibraryAddIcon, LineChartIcon, Link, LinkIcon, LinkOffIcon, type LinkProps, LinkedInIcon, List, ListAltIcon, ListIcon, ListItem, type ListItemProps, type ListProps, type ListType, type ListTypographyType, LocalMessage, type LocalMessageLayout, type LocalMessageProps, type LocalMessagePurpose, LocationIcon, LockIcon, LockOpenIcon, LoginIcon, LogoutIcon, MailIcon, MailOpenIcon, MenuIcon, MinusCirledIcon, MinusIcon, Modal, ModalActions, type ModalActionsProps, ModalBody, type ModalBodyProps, type ModalProps, MoreHorizontalIcon, MoreVerticalIcon, NativeSelect, NativeSelectPlaceholder, type NativeSelectPlaceholderProps, type NativeSelectProps, type NavigationCardProps, NotarialIcon, NotificationsIcon, NotificationsOffIcon, type Nullable, OnlineMeetingIcon, OpenExternalIcon, type OtherTypographyType, OverflowMenu, OverflowMenuButton, type OverflowMenuButtonProps, OverflowMenuDivider, OverflowMenuGroup, type OverflowMenuGroupProps, OverflowMenuLink, type OverflowMenuLinkProps, OverflowMenuList, OverflowMenuListHeader, type OverflowMenuListItemBaseProps, type OverflowMenuProps, OverflowMenuSpan, type OverflowMenuSpanProps, Pagination, type PaginationOption, type PaginationProps, Paper, type PaperProps, Paragraph, type ParagraphProps, PayoutIcon, PdfIcon, PersonAddIcon, PersonIcon, PersonShieldedIcon, PhoneInput, type PhoneInputProps, type PhoneInputValue, PinIcon, type Placement, PlusCircledIcon, PlusIcon, Popover, PopoverGroup, type PopoverGroupProps, type PopoverProps, type PopoverSizeProps, PowerOfAttorneyIcon, PrintIcon, ProgressBar, type ProgressBarProps, type ProgressBarSize, ProgressTracker, ProgressTrackerItem, type ProgressTrackerItemProps, type ProgressTrackerProps, PropertyIcon, type PropsOf, PublishIcon, QuestionAnswerIcon, RadioButton, RadioButtonGroup, type RadioButtonGroupProps, type RadioButtonProps, type Rating, ReceiptIcon, RedoIcon, RefreshIcon, ReplayIcon, ScreenSize, type ScreenSizeLiteral, Search, SearchAutocompleteWrapper, type SearchAutocompleteWrapperProps, type SearchButtonProps, type SearchData, SearchIcon, type SearchProps, type SearchSize, SearchSuggestions, type SearchSuggestionsProps, Select, type SelectOption, type SelectProps, SettingsIcon, Skeleton, type SkeletonAppearance, type SkeletonProps, SkipToContent, type SkipToContentProps, SmsIcon, type SortOrder, Spinner, type SpinnerProps, SplitButton, type SplitButtonPrimaryActionProps, type SplitButtonProps, type SplitButtonPurpose, type SplitButtonSecondaryActionsProps, type StackProps, type StackSpacing, type StackStyleProps, StarFilledIcon, StarHalfFilled, StarIcon, StatefulInput, type StatefulInputProps, type StaticTypographyType, StyledSvg, type SvgIcon, type SvgProps, SvgWrapper, SyncIcon, Tab, TabList, type TabListProps, TabPanel, type TabPanelProps, TabPanels, type TabPanelsProps, type TabProps, Table, Body as TableBody, type TableBodyProps, Cell as TableCell, type TableCellLayout, type TableCellProps, type TableCellType, type TableDensity, Foot as TableFoot, type TableFootProps, Head as TableHead, type TableHeadProps, type TableProps, Row as TableRow, type TableRowProps, type TableRowType, SortCell as TableSortCell, type TableSortCellProps, TableWrapper, Tabs, type TabsProps, Tag, type TagAppearance, type TagProps, type TagPurpose, type TextAffixProps, TextArea, type TextAreaProps, TextInput, type TextInputProps, TextOverflowEllipsisInner, TextOverflowEllipsisWrapper, ThumbDownFilledIcon, ThumbDownIcon, type ThumbIconProps, ThumbUpFilledIcon, ThumbUpIcon, TimeIcon, TimePicker, type TimePickerProps, TingrettIcon, TipIcon, ToggleBar, type ToggleBarProps, type ToggleBarSize, type ToggleBarValue, ToggleButton, ToggleButtonGroup, type ToggleButtonGroupProps, type ToggleButtonProps, ToggleRadio, type ToggleRadioProps, Tooltip, type TooltipProps, TrashIcon, TrendingDownIcon, TrendingUpIcon, Typography, type TypographyBodyType, type TypographyComponentProps, type TypographyHeadingType, type TypographyLeadType, type TypographyProps, type TypographyType, UndoIcon, UnfoldLessIcon, UnfoldMoreIcon, UploadIcon, VStack, VisibilityOffIcon, VisibilityOnIcon, VisuallyHidden, type VisuallyHiddenProps, WarningIcon, WebexIcon, type WeightedSearchData, type WidthProps, type WithRequiredIf, XIcon, ZoomInIcon, ZoomOutIcon, calendarDateToNativeDate, cn, countryOptions, createSelectOptions, dangerInputfield, dateValueToNativeDate, defaultTypographyType, defaultTypographyTypeClassName, focusDangerInputfield, focusInputfield, focusVisible, focusVisibleInset, focusVisibleInsetSelect, focusVisibleTransitionValue, getBaseHTMLProps, getDefaultText, getDensityCn, getElementType, getLiteralScreenSize, getTypographyCn, handleElementWithBackdropMount, handleElementWithBackdropUnmount, hideInput, hoverDangerInputfield, hoverInputfield, index as icons, inheritLinkStyling, inlineElements, inputTypographyTypes, isCaption, isGridColumn, isHeading, isInlineElement, isKeyboardEvent, isLegend, isRelativeGridColumn, nativeDateToCalendarDate, nativeDateToDateValue, nativeDateToTime, normalizeButton, outlineInset, outlineOffset, removeButtonStyling, removeListStyling, renderCharCounter, renderInputMessage, scrollbarStyling, selection, spacingPropToCn, typographyTypes, useCombinedRef, useFloatPosition, useFocusTrap, useIsMounted, useMountTransition, useOnClickOutside, useOnKeyDown, useReturnFocusOnBlur, useRoveFocus, useScreenSize, visibilityTransition };
+export { Accordion, AccordionBody, type AccordionBodyProps, AccordionHeader, type AccordionHeaderProps, type AccordionProps, AddressShieldedIcon, AgreementIcon, AnimatedChevronUpDown, AppsIcon, ArchiveIcon, ArrowDownIcon, ArrowLeftIcon, ArrowRightIcon, ArrowUpIcon, type As, AttachmentIcon, BackLink, type BackLinkProps, Backdrop, BarChartBoxedIcon, BarChartIcon, type BaseComponentProps, type BaseComponentPropsWithChildren, type BaseItemProps, type BaseLabelProps, type BaseTypographyProps, BlockIcon, BookIcon, Breadcrumb, type BreadcrumbProps, Breadcrumbs, type BreadcrumbsProps, type BreakpointBasedProps, BuildCircledIcon, BuildIcon, Button, ButtonGroup, type ButtonGroupProps, type ButtonProps, type ButtonPurpose, type ButtonSize, Calendar, CalendarIcon, CalendarMonthIcon, type CalendarProps, CalendarViewDayIcon, CalendarViewMonthIcon, CalendarViewWeekIcon, CallIcon, type Callback, Caption, type CaptionProps, Card, type CardAppearance, CardExpandable, CardExpandableBody, type CardExpandableBodyProps, CardExpandableHeader, type CardExpandableHeaderProps, type CardExpandableProps, type CardProps, type CardType, CaringIcon, CharCounter, ChatIcon, CheckCircledIcon, CheckIcon, Checkbox, CheckboxGroup, type CheckboxGroupProps, type CheckboxPickedHTMLAttributes, type CheckboxProps, ChecklistIcon, ChevronDownIcon, ChevronFirstIcon, ChevronLargeLeftIcon, ChevronLargeRightIcon, ChevronLastIcon, ChevronLeftIcon, ChevronRightIcon, ChevronUpIcon, Chip, ChipGroup, type ChipGroupProps, type ChipProps, CloseCircledIcon, CloseIcon, CloseSmallIcon, CloudIcon, CollapseIcon, CollapsibleTable, type CollapsibleTableProps, CollapsibleRow as CollapsibleTableRow, type ColumnsOccupied, CommentIcon, type CommonInputProps, Contrast, type ContrastProps, CopyIcon, CourtIcon, DatePicker, type DatePickerProps, DateRangeIcon, 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, EditIcon, ElementAs, type ElementAsProps, EmptyContent, type EmptyContentProps, ErrorIcon, ExclaimIcon, ExpandIcon, type ExpandableCardProps, type ExtractStrict, FacebookIcon, FamilyIcon, FavStar, type FavStarProps, Feedback, FeedbackIcon, type FeedbackProps, Fieldset, type FieldsetProps, FileAddIcon, FileIcon, type FileList, FileShieldedIcon, FileTextIcon, FileUploader, type FileUploaderAccept, type FileUploaderProps, FilterIcon, FilterListIcon, FilterListOffIcon, FilterOffIcon, FindInPageIcon, FlickrIcon, FolderAddIcon, FolderIcon, FolderShieldedIcon, Footer, FooterLeft, type FooterLeftProps, FooterList, FooterListGroup, type FooterListGroupProps, FooterListHeader, type FooterListHeaderProps, type FooterListProps, FooterLogo, type FooterLogoProps, type FooterProps, FooterSocialsGroup, type FooterSocialsGroupProps, FooterSocialsList, type FooterSocialsListProps, FullscreenExitIcon, FullscreenIcon, GavelIcon, GlobalMessage, type GlobalMessageProps, type GlobalMessagePurpose, Grid, GridChild, type GridChildProps, type GridProps, GuardianIcon, HStack, Heading, type HeadingLevel, type HeadingProps, HelpFilledIcon, HelpIcon, HelpSimpleIcon, HiddenInput, HomeIcon, HourglassBottomIcon, HourglassDisabledIcon, HourglassEmptyIcon, HourglassFullIcon, HourglassTopIcon, type HyphenTypographyType, Icon, type IconPosition, type IconProps, type IconSize, ImageIcon, type InfoCardProps, InfoIcon, InlineButton, type InlineButtonProps, InlineEditInput, type InlineEditInputProps, InlineEditTextArea, type InlineEditTextAreaProps, type InlineElement, Input, InputMessage, type InputMessageProps, type InputMessageType, type InputProps, type InputSize, type InputTypographyTypes, InstagramIcon, InternalHeader, type InternalHeaderProps, JordskifterettIcon, 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, type NavigationCardProps, NotarialIcon, NotificationsIcon, NotificationsOffIcon, type Nullable, OnlineMeetingIcon, OpenExternalIcon, type OtherTypographyType, OverflowMenu, OverflowMenuButton, type OverflowMenuButtonProps, OverflowMenuDivider, OverflowMenuGroup, type OverflowMenuGroupProps, OverflowMenuLink, type OverflowMenuLinkProps, OverflowMenuList, OverflowMenuListHeader, type OverflowMenuListItemBaseProps, type OverflowMenuProps, OverflowMenuSpan, type OverflowMenuSpanProps, Pagination, type PaginationOption, type PaginationProps, Paper, type PaperProps, Paragraph, type ParagraphProps, PayoutIcon, PdfIcon, PersonAddIcon, PersonIcon, PersonShieldedIcon, PhoneInput, type PhoneInputProps, type PhoneInputValue, PinIcon, type Placement, PlusCircledIcon, PlusIcon, Popover, PopoverGroup, type PopoverGroupProps, type PopoverProps, type PopoverSizeProps, PowerOfAttorneyIcon, PrintIcon, ProgressBar, type ProgressBarProps, type ProgressBarSize, ProgressTracker, ProgressTrackerItem, type ProgressTrackerItemProps, type ProgressTrackerProps, PropertyIcon, type PropsOf, PublishIcon, QuestionAnswerIcon, RadioButton, RadioButtonGroup, type RadioButtonGroupProps, type RadioButtonProps, type Rating, ReceiptIcon, RedoIcon, RefreshIcon, ReplayIcon, ScreenSize, type ScreenSizeLiteral, Search, SearchAutocompleteWrapper, type SearchAutocompleteWrapperProps, type SearchButtonProps, type SearchData, SearchIcon, type SearchProps, type SearchSize, SearchSuggestions, type SearchSuggestionsProps, Select, type SelectOption, type SelectProps, SettingsIcon, type Size, Skeleton, type SkeletonAppearance, type SkeletonProps, SkipToContent, type SkipToContentProps, SmsIcon, type SortOrder, Spinner, type SpinnerProps, SplitButton, type SplitButtonPrimaryActionProps, type SplitButtonProps, type SplitButtonPurpose, type SplitButtonSecondaryActionsProps, type StackProps, type StackSpacing, type StackStyleProps, StarFilledIcon, StarHalfFilled, StarIcon, StatefulInput, type StatefulInputProps, type StaticTypographyType, type SvgIcon, type SvgProps, SvgWrapper, SyncIcon, Tab, TabList, type TabListProps, TabPanel, type TabPanelProps, TabPanels, type TabPanelsProps, type TabProps, Table, Body as TableBody, type TableBodyProps, Cell as TableCell, type TableCellLayout, type TableCellProps, type TableCellType, 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, type ThumbIconProps, ThumbUpFilledIcon, ThumbUpIcon, TimeIcon, TimePicker, type TimePickerProps, TingrettIcon, TipIcon, ToggleBar, type ToggleBarProps, type ToggleBarSize, type ToggleBarValue, ToggleButton, ToggleButtonGroup, type ToggleButtonGroupProps, type ToggleButtonProps, ToggleRadio, type ToggleRadioProps, Tooltip, type TooltipProps, TrashIcon, TrendingDownIcon, TrendingUpIcon, Typography, type TypographyAnchorType, type TypographyBodyType, type TypographyComponentProps, type TypographyHeadingType, type TypographyLabelType, type TypographyLeadType, type TypographyProps, type TypographyType, UndoIcon, UnfoldLessIcon, UnfoldMoreIcon, UploadIcon, VStack, VisibilityOffIcon, VisibilityOnIcon, VisuallyHidden, type VisuallyHiddenProps, WarningIcon, WebexIcon, type WeightedSearchData, type WidthProps, type WithRequiredIf, XIcon, ZoomInIcon, ZoomOutIcon, calendarDateToNativeDate, cn, countryOptions, createSelectOptions, dateValueToNativeDate, defaultTypographyType, defaultTypographyTypeClassName, focusVisible, focusVisibleInset, focusVisibleTransitionValue, getBaseHTMLProps, getDefaultText, getElementType, getLiteralScreenSize, getTypographyCn, handleElementWithBackdropMount, handleElementWithBackdropUnmount, hideInput, index as icons, inheritLinkStyling, inlineElements, inputTypographyTypes, isCaption, isGridColumn, isHeading, isInlineElement, isKeyboardEvent, isLegend, isRelativeGridColumn, nativeDateToCalendarDate, nativeDateToDateValue, nativeDateToTime, normalizeButton, outlineInset, outlineOffset, removeButtonStyling, removeListStyling, renderCharCounter, renderInputMessage, scrollbarStyling, spacingPropToCn, typographyTypes, useCombinedRef, useFloatPosition, useFocusTrap, useIsMounted, useMountTransition, useOnClickOutside, useOnKeyDown, useReturnFocusOnBlur, useRoveFocus, useScreenSize, useTheme, visibilityTransition };