@norges-domstoler/dds-design-tokens
Version:
Design tokens used in Domstolenes designsystem
886 lines (883 loc) • 195 kB
JavaScript
'use strict';
// Do not edit directly, this file was auto-generated.
const ddsFontFamilySans$3 = "'IBM Plex Sans', Arial, sans-serif";
const ddsFontFamilyMonospace$3 = "'IBM Plex Mono', 'Courier New', monospace"; // For kode
const ddsFontSizeX5$3 = "5rem";
const ddsFontSizeX5NumberRem$3 = 5;
const ddsFontSizeX4$3 = "4rem";
const ddsFontSizeX4NumberRem$3 = 4;
const ddsFontSizeX3$3 = "3rem";
const ddsFontSizeX3NumberRem$3 = 3;
const ddsFontSizeX25$3 = "2.5rem";
const ddsFontSizeX25NumberRem$3 = 2.5;
const ddsFontSizeX2$3 = "2rem";
const ddsFontSizeX2NumberRem$3 = 2;
const ddsFontSizeX15$3 = "1.5rem";
const ddsFontSizeX15NumberRem$3 = 1.5;
const ddsFontSizeX125$3 = "1.25rem";
const ddsFontSizeX125NumberRem$3 = 1.25;
const ddsFontSizeX1125$3 = "1.125rem";
const ddsFontSizeX1125NumberRem$3 = 1.125;
const ddsFontSizeX1$3 = "1rem";
const ddsFontSizeX1NumberRem$3 = 1;
const ddsFontSizeX0875$3 = "0.875rem";
const ddsFontSizeX0875NumberRem$3 = 0.875;
const ddsFontSizeX075$3 = "0.75rem";
const ddsFontSizeX075NumberRem$3 = 0.75;
const ddsFontWeightLight$3 = "300";
const ddsFontWeightNormal$3 = "400";
const ddsFontWeightSemiBold$3 = "500";
const ddsFontWeightBold$3 = "600";
const ddsFontLineheightX1$3 = 1.5; // Brukes på mengetekst og artikler
const ddsFontLineheightX3$3 = 1.2;
const ddsFontLineheightX2$3 = 1.3; // Brukes i komponenter og overskrifter
const ddsFontLetterSpacingTight$3 = "-0.01em"; // Brukes på str ×2.5 og større
const ddsFontLetterSpacingNormal$3 = "0em"; // Brukes på str ×1 og opp til og med ×2
const ddsFontLetterSpacingLoose$3 = "0.01em"; // Brukes på størrelser under ×1
const ddsFontParagraphSpacingSmall$3 = "1em";
const ddsFontParagraphSpacingSmallNumberEm$3 = 1; // Brukes på str ×1_25 og mindre
const ddsFontParagraphSpacingMedium$3 = "0.66em";
const ddsFontParagraphSpacingMediumNumberEm$3 = 0.66; // Brukes på str x1.5, ×2 og ×3
const ddsFontParagraphSpacingLarge$3 = "0.5em";
const ddsFontParagraphSpacingLargeNumberEm$3 = 0.5; // Brukes på str ×3 og større
const ddsFontParagraphSpacingList$3 = "0.5em";
const ddsFontParagraphSpacingListNumberEm$3 = 0.5; // Brukes mellom kulepunkter i lister
const ddsFontParagraphSpacingHeading$3 = "0.4em";
const ddsFontParagraphSpacingHeadingNumberEm$3 = 0.4; // Brukes på på alle headere (bottom)
const ddsFontStyleUnderline$3 = "underline";
const ddsFontStyleNormal$3 = "none";
const ddsFontStyleItalic$3 = "italic";
const ddsSpacingPaddingTopHeading$3 = "0.7em";
const ddsSpacingPaddingTopHeadingNumberEm$3 = 0.7; // Ekstra spacing over dds-header. 70% av størrelsen på headeren
const ddsSpacingX0$3 = "0rem";
const ddsSpacingX0NumberRem$3 = 0;
const ddsSpacingX0125$3 = "0.125rem";
const ddsSpacingX0125NumberRem$3 = 0.125;
const ddsSpacingX025$3 = "0.25rem";
const ddsSpacingX025NumberRem$3 = 0.25;
const ddsSpacingX05$3 = "0.5rem";
const ddsSpacingX05NumberRem$3 = 0.5;
const ddsSpacingX075$3 = "0.75rem";
const ddsSpacingX075NumberRem$3 = 0.75;
const ddsSpacingX1$3 = "1rem";
const ddsSpacingX1NumberRem$3 = 1;
const ddsSpacingX15$3 = "1.5rem";
const ddsSpacingX15NumberRem$3 = 1.5;
const ddsSpacingX2$3 = "2rem";
const ddsSpacingX2NumberRem$3 = 2;
const ddsSpacingX25$3 = "2.5rem";
const ddsSpacingX25NumberRem$3 = 2.5;
const ddsSpacingX3$3 = "3rem";
const ddsSpacingX3NumberRem$3 = 3;
const ddsSpacingX4$3 = "4rem";
const ddsSpacingX4NumberRem$3 = 4;
const ddsSpacingX6$3 = "6rem";
const ddsSpacingX6NumberRem$3 = 6;
const ddsSpacingX10$3 = "10rem";
const ddsSpacingX10NumberRem$3 = 10;
const ddsGridXsGutterSize$3 = "16px";
const ddsGridXsGutterSizeNumberPx$3 = 16;
const ddsGridXsCount$3 = "4";
const ddsGridSmGutterSize$3 = "16px";
const ddsGridSmGutterSizeNumberPx$3 = 16;
const ddsGridSmCount$3 = "8";
const ddsGridLgGutterSize$3 = "24px";
const ddsGridLgGutterSizeNumberPx$3 = 24;
const ddsGridLgCount$3 = "12";
const ddsGridMdGutterSize$3 = "24px";
const ddsGridMdGutterSizeNumberPx$3 = 24;
const ddsGridMdCount$3 = "12";
const ddsGridXlGutterSize$3 = "24px";
const ddsGridXlGutterSizeNumberPx$3 = 24;
const ddsGridXlCount$3 = "12";
const ddsSizeIconLarge$3 = "40px";
const ddsSizeIconLargeNumberPx$3 = 40;
const ddsSizeIconMedium$3 = "24px";
const ddsSizeIconMediumNumberPx$3 = 24;
const ddsSizeIconSmall$3 = "16px";
const ddsSizeIconSmallNumberPx$3 = 16;
const ddsSizeIconComponent$3 = "1.3em";
const ddsSizeIconComponentNumberEm$3 = 1.3; // Brukes i komponenter. Relativ til tekststørrelsen
const ddsBreakpointXs$3 = "1px";
const ddsBreakpointXsNumberPx$3 = 1;
const ddsBreakpointSm$3 = "600px";
const ddsBreakpointSmNumberPx$3 = 600;
const ddsBreakpointMd$3 = "960px";
const ddsBreakpointMdNumberPx$3 = 960;
const ddsBreakpointLg$3 = "1280px";
const ddsBreakpointLgNumberPx$3 = 1280;
const ddsBreakpointXl$3 = "1920px";
const ddsBreakpointXlNumberPx$3 = 1920;
const ddsZindexSkiptocontent$3 = "250"; // Brukes for dds-skiptocontent
const ddsZindexModalBackdrop$3 = "200"; // Brukes for dds-modal
const ddsZindexDrawer$3 = "180"; // Brukes for dds-drawer
const ddsZindexDrawerBackdrop$3 = "180"; // Brukes for dds-drawer
const ddsZindexOverflowmenu$3 = "160"; // Brukes for dds-overflowmenu
const ddsZindexPopover$3 = "140"; // Brukes for dds-popover og kalender i datepicker
const ddsZindexTooltip$3 = "120"; // Brukes for dds-tooltip
const ddsZindexDropdown$3 = "100"; // Dropdown brukes for bl.a søkeforslag, dropdown i select
const ddsZindexSticky$3 = "50"; // Sticky header skal dekke til flat innhold i gruppen (tabell o.l.). Den skal legge seg under elementer som stiller med egne flater
const ddsZindexAbsoluteElement$3 = "1"; // Dekorative elementer med absolutt posisjon, som ellers hadde blitt skjult bak forelder
const ddsColorData10Default$3 = "#196b8f";
const ddsColorData10Subtle$3 = "#93cee6";
const ddsColorData10Border$3 = "#196b8f";
const ddsColorDataRed100$3 = "#f8d2d4";
const ddsColorDataRed200$3 = "#f0a5a9";
const ddsColorDataRed300$3 = "#f4858b";
const ddsColorDataRed400$3 = "#e14b53";
const ddsColorDataRed500$3 = "#da1e28";
const ddsColorDataRed600$3 = "#ae1820";
const ddsColorDataRed700$3 = "#831218";
const ddsColorDataRed800$3 = "#570c10";
const ddsColorDataRed900$3 = "#2c0608";
const ddsColorDataMagenta100$3 = "#f7d9f2";
const ddsColorDataMagenta200$3 = "#edb5e4";
const ddsColorDataMagenta300$3 = "#e079d0";
const ddsColorDataMagenta400$3 = "#d54dc0";
const ddsColorDataMagenta500$3 = "#cb20b0";
const ddsColorDataMagenta600$3 = "#a21a8d";
const ddsColorDataMagenta700$3 = "#7a136a";
const ddsColorDataMagenta800$3 = "#510d46";
const ddsColorDataMagenta900$3 = "#290623";
const ddsColorDataBrown100$3 = "#f0ddd5";
const ddsColorDataBrown200$3 = "#e1bcac";
const ddsColorDataBrown300$3 = "#d19a82";
const ddsColorDataBrown400$3 = "#c27959";
const ddsColorDataBrown500$3 = "#b3572f";
const ddsColorDataBrown600$3 = "#8f4626";
const ddsColorDataBrown700$3 = "#6b341c";
const ddsColorDataBrown800$3 = "#482313";
const ddsColorDataBrown900$3 = "#241109";
const ddsColorDataOlive100$3 = "#e9e7cd";
const ddsColorDataOlive200$3 = "#cdc9a1";
const ddsColorDataOlive300$3 = "#b3ae71";
const ddsColorDataOlive400$3 = "#989344";
const ddsColorDataOlive500$3 = "#7c7518";
const ddsColorDataOlive600$3 = "#635e13";
const ddsColorDataOlive700$3 = "#4a460e";
const ddsColorDataOlive800$3 = "#322f0a";
const ddsColorDataOlive900$3 = "#191705";
const ddsColorDataGreen100$3 = "#d7e8cf";
const ddsColorDataGreen200$3 = "#aed19e";
const ddsColorDataGreen300$3 = "#95c280";
const ddsColorDataGreen400$3 = "#619947";
const ddsColorDataGreen500$3 = "#3a8019";
const ddsColorDataGreen600$3 = "#2e6614";
const ddsColorDataGreen700$3 = "#234d0f";
const ddsColorDataGreen800$3 = "#17330a";
const ddsColorDataGreen900$3 = "#0c1a05";
const ddsColorDataTeal100$3 = "#c2e2e1";
const ddsColorDataTeal200$3 = "#90ccc9";
const ddsColorDataTeal300$3 = "#5dafad";
const ddsColorDataTeal400$3 = "#2c9390";
const ddsColorDataTeal500$3 = "#007d79";
const ddsColorDataTeal600$3 = "#006461";
const ddsColorDataTeal700$3 = "#004b49";
const ddsColorDataTeal800$3 = "#003230";
const ddsColorDataTeal900$3 = "#001918";
const ddsColorDataDeepblue100$3 = "#c6e3f1";
const ddsColorDataDeepblue200$3 = "#93cee6";
const ddsColorDataDeepblue300$3 = "#62abcb";
const ddsColorDataDeepblue400$3 = "#358fb5";
const ddsColorDataDeepblue500$3 = "#196b8f";
const ddsColorDataDeepblue600$3 = "#135774";
const ddsColorDataDeepblue700$3 = "#0e455e";
const ddsColorDataDeepblue800$3 = "#0d3445";
const ddsColorDataDeepblue900$3 = "#05151d";
const ddsColorDataBlue100$3 = "#cfe0ff";
const ddsColorDataBlue200$3 = "#9fc0ff";
const ddsColorDataBlue300$3 = "#6fa1fe";
const ddsColorDataBlue400$3 = "#3f81fe";
const ddsColorDataBlue500$3 = "#0f62fe";
const ddsColorDataBlue600$3 = "#0c4ecb";
const ddsColorDataBlue700$3 = "#093b98";
const ddsColorDataBlue800$3 = "#062766";
const ddsColorDataBlue900$3 = "#031433";
const ddsColorDataPurple100$3 = "#e8d9fe";
const ddsColorDataPurple200$3 = "#d0b2fe";
const ddsColorDataPurple300$3 = "#b98cfd";
const ddsColorDataPurple400$3 = "#a165fd";
const ddsColorDataPurple500$3 = "#8a3ffc";
const ddsColorDataPurple600$3 = "#6e32ca";
const ddsColorDataPurple700$3 = "#532697";
const ddsColorDataPurple800$3 = "#371965";
const ddsColorDataPurple900$3 = "#1c0d32";
const ddsColorDataGray100$3 = "#e3e3e3";
const ddsColorDataGray200$3 = "#c7c7c7";
const ddsColorDataGray300$3 = "#aaaaaa";
const ddsColorDataGray400$3 = "#8e8e8e";
const ddsColorDataGray500$3 = "#727272";
const ddsColorDataGray600$3 = "#5b5b5b";
const ddsColorDataGray700$3 = "#444444";
const ddsColorDataGray800$3 = "#2e2e2e";
const ddsColorDataGray900$3 = "#171717";
const ddsColorData01Default$3 = "#0f62fe";
const ddsColorData01Subtle$3 = "#9fc0ff";
const ddsColorData01Border$3 = "#0f62fe";
const ddsColorData02Default$3 = "#b3572f";
const ddsColorData02Subtle$3 = "#e1bcac";
const ddsColorData02Border$3 = "#b3572f";
const ddsColorData03Default$3 = "#727272";
const ddsColorData03Subtle$3 = "#c7c7c7";
const ddsColorData03Border$3 = "#727272";
const ddsColorData04Default$3 = "#3a8019";
const ddsColorData04Subtle$3 = "#aed19e";
const ddsColorData04Border$3 = "#3a8019";
const ddsColorData05Default$3 = "#8a3ffc";
const ddsColorData05Subtle$3 = "#d0b2fe";
const ddsColorData05Border$3 = "#8a3ffc";
const ddsColorData06Default$3 = "#cb20b0";
const ddsColorData06Subtle$3 = "#edb5e4";
const ddsColorData06Border$3 = "#cb20b0";
const ddsColorData07Default$3 = "#7c7518";
const ddsColorData07Subtle$3 = "#cdc9a1";
const ddsColorData07Border$3 = "#7c7518";
const ddsColorData08Default$3 = "#da1e28";
const ddsColorData08Subtle$3 = "#f0a5a9";
const ddsColorData08Border$3 = "#da1e28";
const ddsColorData09Default$3 = "#007d79";
const ddsColorData09Subtle$3 = "#90ccc9";
const ddsColorData09Border$3 = "#007d79";
const ddsMotionMicroState$3 = "200ms linear"; // Animasjon for hover og andre states. feks. selected, pressed
const ddsMotionSurface$3 = "200ms cubic-bezier(0.4, 0, 0.2, 1)"; // Default animasjon for fokusmarkering, åpne/lukke funksjonalitet. feks, modal, accordion etc
const ddsMotionChevron$3 = "200ms linear"; // Animert chevron
const ddsMotionAnimationSkeleton$3 = "800ms cubic-bezier(0.4, 0, 0.2, 1) infinite alternate"; // Skeleton animasjon
const ddsColorBgDefault$3 = "#ffffff"; // UI shell base color
const ddsColorBgSubtle$3 = "#f1f3f4"; // Alternative UI shell base color
const ddsColorSurfaceDefault$3 = "#ffffff"; // Default bg
const ddsColorSurfaceSubtle$3 = "#f1f3f4"; // Subtle surface color
const ddsColorSurfaceMedium$3 = "#e9ebec"; // Medium surface color
const ddsColorSurfaceHoverDefault$3 = "#e7f1f7"; // Hover on surface (default, subtle, medium)
const ddsColorSurfaceHoverSubtle$3 = "#f1f3f4"; // Subtle hover on surface (default, medium)
const ddsColorSurfaceSelectedDefault$3 = "#e7f1f7"; // Selected state for surface (default, subtle, medium)
const ddsColorSurfaceInverseDefault$3 = "#354754"; // Can be used as a surface for menu, navigation, footer etc
const ddsColorSurfaceInverseHover$3 = "#2a3943"; // Hover on surface.inverse
const ddsColorSurfaceInverseSelected$3 = "#202b32"; // selected on surface.inverse
const ddsColorSurfaceActionResting$3 = "#106ead"; // Primary button bg
const ddsColorSurfaceActionHover$3 = "#0d588a"; // Hover on surface.action/selected
const ddsColorSurfaceActionSelected$3 = "#106ead"; // Selected state for components such as togglebutton, togglebar, progress tracker, checkbox etc
const ddsColorSurfaceActionDangerResting$3 = "#d83737"; // Danger button
const ddsColorSurfaceActionDangerHover$3 = "#ad2c2c"; // Hover on surface.action-danger
const ddsColorSurfaceActionSelectedDisabled$3 = "#77838c"; // bg on a selected disabled checkbox, radio etc
const ddsColorSurfaceDangerDefault$3 = "#fbebeb"; // tag, message, errormessage
const ddsColorSurfaceDangerStrong$3 = "#e47373"; // tag strong value
const ddsColorSurfaceSuccessDefault$3 = "#f0f9f0"; // tag, message
const ddsColorSurfaceSuccessStrong$3 = "#93d294"; // tag with strong value
const ddsColorSurfaceWarningDefault$3 = "#fefced"; // tag, message
const ddsColorSurfaceWarningStrong$3 = "#f7e982"; // tag strong value
const ddsColorSurfaceInfoDefault$3 = "#f1f8fd"; // tag, message
const ddsColorSurfaceInfoStrong$3 = "#9eceee"; // tag strong value
const ddsColorSurfacePaperDefault$3 = "#ffffff"; // modal, drawer, popover etc
const ddsColorSurfaceBackdropDefault$3 = "#0b0d0e80"; // background overlay for modals (50%)
const ddsColorSurfaceFieldDefault$3 = "#ffffff"; // Form elements (textinput, datepicker etc)
const ddsColorSurfaceFieldDisabled$3 = "#f1f3f4"; // disabled state on surface.field
const ddsColorSurfaceHighlightedDefault$3 = "#fce5dd"; // bg for highlighted text on text.default. Use with $Text
const ddsColorSurfaceScrollbar$3 = "#adb5ba"; // Used for scrollbar
const ddsColorSurfaceNotification$3 = "#d83737"; // bg on a notification
const ddsColorSurfaceSkeleton$3 = "#d6dadd"; // Used for skeleton
const ddsColorBorderDefault$3 = "#77838c"; // Form components, togglebutton, secondary button, checkbox etc
const ddsColorBorderSubtle$3 = "#d6dadd"; // Dropdown, tooltip, overflow etc
const ddsColorBorderInverse$3 = "#acbbc6"; // Border or divider on surface.inverse
const ddsColorBorderActionDefault$3 = "#106ead"; // Used in progress tracker
const ddsColorBorderActionHover$3 = "#0d588a"; // Hover on secondary button etc
const ddsColorBorderSuccess$3 = "#65be66"; // Used with tag-default
const ddsColorBorderWarning$3 = "#f4e04d"; // Tag.default
const ddsColorBorderDanger$3 = "#d83737"; // Tag.default, error message field
const ddsColorBorderInfo$3 = "#75b9e6"; // Tag.default
const ddsColorBorderOnAction$3 = "#ffffff"; // Used on primary split button
const ddsColorTextDefault$3 = "#0b0d0e"; // default text, heading, body. on surface.hover
const ddsColorTextMedium$3 = "#3a4146"; // Label, etc
const ddsColorTextSubtle$3 = "#545c62"; // Disabled or less important text
const ddsColorTextOnInverse$3 = "#ffffff"; // On surface.inverse
const ddsColorTextDanger$3 = "#ad2c2c"; // Error text on paper, or default or subtle surafce/bg
const ddsColorTextOnAction$3 = "#ffffff"; // On surface.action (primary and danger button)
const ddsColorTextOnStatusDefault$3 = "#0b0d0e"; // On default status surfaces
const ddsColorTextOnStatusStrong$3 = "#0b0d0e"; // On status surfaces with strong prop
const ddsColorTextActionResting$3 = "#106ead"; // Link, number in progress tracker
const ddsColorTextActionHover$3 = "#0d588a"; // Hover on text.action
const ddsColorTextRequiredfield$3 = "#d83737"; // Asterix to indicate required field
const ddsColorTextActionVisited$3 = "#7f29b4"; // Used for visited links
const ddsColorTextActionVisitedOnInverse$3 = "#cca9e1"; // Used for visited links on inverse surfaces
const ddsColorTextOnNotification$3 = "#ffffff"; // Used on surface.notification
const ddsColorTextOnPrimaryDefault$3 = "#ffffff"; // Used on brand.primary-default
const ddsColorTextOnPrimarySubtle$3 = "#0b0d0e"; // Used on brand.primary-subtle
const ddsColorTextOnPrimaryMedium$3 = "#ffffff"; // Used on brand.primary-medium
const ddsColorTextOnPrimaryStrong$3 = "#ffffff"; // Used on brand.primary-strong
const ddsColorTextOnSecondaryDefault$3 = "#0b0d0e"; // Used on brand.secondary-default
const ddsColorTextOnSecondarySubtle$3 = "#0b0d0e"; // Used on brand.secondary-subtle
const ddsColorTextOnSecondaryMedium$3 = "#0b0d0e"; // Used on brand.secondary-medium
const ddsColorTextOnSecondaryStrong$3 = "#ffffff"; // Used on brand.secondary-strong
const ddsColorTextOnTertiaryDefault$3 = "#0b0d0e"; // Used on brand.tertiary-default
const ddsColorTextOnTertiarySubtle$3 = "#0b0d0e"; // Used on brand.tertiary-subtle
const ddsColorTextOnTertiaryMedium$3 = "#0b0d0e"; // Used on brand.tertiary-medium
const ddsColorTextOnTertiaryStrong$3 = "#0b0d0e"; // Used on brand.tertiary-strong
const ddsColorTextOnDataDefault$3 = "#ffffff"; // Used on data. with default value
const ddsColorTextOnDataSubtle$3 = "#0b0d0e"; // Used on data. with subtle value
const ddsColorIconDefault$3 = "#0b0d0e"; // Often used with text.default
const ddsColorIconMedium$3 = "#3a4146"; // Often used with text.medium
const ddsColorIconSubtle$3 = "#545c62"; // Often used with text.subtle
const ddsColorIconOnInverse$3 = "#ffffff"; // On surface.inverse
const ddsColorIconOnAction$3 = "#ffffff"; // On surface.action (primary and danger button)
const ddsColorIconActionResting$3 = "#106ead"; // Often used with Text.action
const ddsColorIconActionHover$3 = "#0d588a"; // hover on icon-action
const ddsColorIconOnSuccessDefault$3 = "#3d723d"; // On surface.success-default
const ddsColorIconOnSuccessStrong$3 = "#0b0d0e"; // On surface-success-strong
const ddsColorIconOnWarningDefault$3 = "#9a8c26"; // On surface.warning-default
const ddsColorIconOnWarningStrong$3 = "#0b0d0e"; // On surface.warning-strong
const ddsColorIconOnDangerDefault$3 = "#ad2c2c"; // On surface.danger-default
const ddsColorIconOnDangerStrong$3 = "#0b0d0e"; // On surface.danger-strong
const ddsColorIconOnInfoDefault$3 = "#3e7192"; // On surface.info-default
const ddsColorIconOnInfoStrong$3 = "#0b0d0e"; // On surface.info-strong
const ddsColorIconDanger$3 = "#ad2c2c"; // Error icon on paper, or default or subtle surafce/bg
const ddsColorBrandPrimaryDefault$3 = "#354754"; // Primary brand color
const ddsColorBrandPrimarySubtle$3 = "#eaeff4"; // Primary brand color
const ddsColorBrandPrimaryMedium$3 = "#4f6a7e"; // Primary brand color
const ddsColorBrandPrimaryStrong$3 = "#202b32"; // Primary brand color
const ddsColorBrandSecondaryDefault$3 = "#9ab8b7"; // Secondary brand color
const ddsColorBrandSecondarySubtle$3 = "#e6eded"; // Secondary brand color
const ddsColorBrandSecondaryMedium$3 = "#b8cdcd"; // Secondary brand color
const ddsColorBrandSecondaryStrong$3 = "#4d6463"; // Secondary brand color
const ddsColorBrandTertiaryDefault$3 = "#f27e55"; // Tertiary brand color
const ddsColorBrandTertiarySubtle$3 = "#fce5dd"; // Tertiary brand color
const ddsColorBrandTertiaryMedium$3 = "#f2a68f"; // Tertiary brand color
const ddsColorBrandTertiaryStrong$3 = "#d45d32"; // Tertiary brand color
const ddsColorFocusOutside$3 = "#2a4b61"; // Contrast to .inside
const ddsColorFocusInside$3 = "#f1f8fd"; // Contrast to .outside
const ddsShadowLarge$3 = "8px 16px 32px 0px rgba(11, 13, 14, 10%)"; // Dialoger. Eksempel: modal, drawer, popover
const ddsShadowMedium$3 = "2px 4px 8px 0px rgba(11, 13, 14, 10%)"; // Dropdowns. Eksempel: overflowmenu, dropdown
const ddsShadowSmall$3 = "1px 2px 4px 0px rgba(11, 13, 14, 10%)"; // Eksempel: tooltip
const ddsBorderRadiusButton$3 = "2px";
const ddsBorderRadiusButtonNumberPx$3 = 2; // For use in button component and togglebutton
const ddsBorderRadiusSurface$3 = "4px";
const ddsBorderRadiusSurfaceNumberPx$3 = 4; // Most surfaces, for example cards, papers, messages, backgrounds in GUI
const ddsBorderRadiusInput$3 = "2px";
const ddsBorderRadiusInputNumberPx$3 = 2; // All input fields, and check boxes
const ddsBorderRadiusChip$3 = "4px";
const ddsBorderRadiusChipNumberPx$3 = 4; // Chips and tags
const ddsBorderRadiusRounded$3 = "9999px";
const ddsBorderRadiusRoundedNumberPx$3 = 9999; // Rounded and circular components such as radiobutton, toggle, togglebutton and progress tracker
const ddsFontLabelMedium$3 = "600 0.875rem/1.3 'IBM Plex Sans', Arial, sans-serif"; // Label for form components
const ddsFontBodyLongXsmall$3 = "400 0.75rem/1.5 'IBM Plex Sans', Arial, sans-serif"; // Xsmall body text for editorial content
const ddsFontBodyLongSmall$3 = "400 0.875rem/1.5 'IBM Plex Sans', Arial, sans-serif"; // Small body text for editorial content
const ddsFontBodyLongMedium$3 = "400 1rem/1.5 'IBM Plex Sans', Arial, sans-serif"; // Default body text for editorial content
const ddsFontBodyLongLarge$3 = "400 1.125rem/1.5 'IBM Plex Sans', Arial, sans-serif"; // Large body text for editorial content
const ddsFontHeadingXxsmall$3 = "600 0.75rem/1.3 'IBM Plex Sans', Arial, sans-serif"; // Default h6
const ddsFontHeadingXsmall$3 = "600 0.875rem/1.3 'IBM Plex Sans', Arial, sans-serif"; // Default h5
const ddsFontHeadingSmall$3 = "600 1rem/1.3 'IBM Plex Sans', Arial, sans-serif"; // Default h4
const ddsFontHeadingMedium$3 = "600 1.125rem/1.3 'IBM Plex Sans', Arial, sans-serif"; // Default h3
const ddsFontHeadingLarge$3 = "400 clamp(1.25rem, 0.833rem + 1.111vw, 1.5rem)/1.3 'IBM Plex Sans', Arial, sans-serif"; // Default h2
const ddsFontHeadingXlarge$3 = "400 clamp(1.5rem, 0.667rem + 2.222vw, 2rem)/1.3 'IBM Plex Sans', Arial, sans-serif"; // Default H1
const ddsFontHeadingXxlarge$3 = "300 clamp(2.5rem, 1.667rem + 2.222vw, 3rem)/1.3 'IBM Plex Sans', Arial, sans-serif"; // Display or extra large page title (h1)
const ddsFontLeadMedium$3 = "300 1.125rem/1.5 'IBM Plex Sans', Arial, sans-serif"; // Lead brukes som ingress når man skriver artikler etc
const ddsFontCodeMedium$3 = "400 1rem/1.5 'IBM Plex Mono', 'Courier New', monospace"; // Brukes for kodesnutter etc
const ddsFontBodyShortXsmall$3 = "400 0.75rem/1.3 'IBM Plex Sans', Arial, sans-serif"; // used with xsmall button and input fields
const ddsFontBodyShortSmall$3 = "400 0.875rem/1.3 'IBM Plex Sans', Arial, sans-serif"; // used with small button and input fields
const ddsFontBodyShortMedium$3 = "400 1rem/1.3 'IBM Plex Sans', Arial, sans-serif"; // Used with medium button and input fields
const ddsFontBodyShortLarge$3 = "400 1.125rem/1.3 'IBM Plex Sans', Arial, sans-serif"; // Used for large button and large search
const ddsFontHeadingXxlargeLetterSpacing$3 = "-0.01em";
const ddsFontHeadingXxlargeParagraphSpacing$3 = "0.4em";
const ddsFontHeadingXxlargeParagraphSpacingNumberEm$3 = 0.4;
const ddsFontHeadingXlargeLetterSpacing$3 = "0em";
const ddsFontHeadingXlargeParagraphSpacing$3 = "0.4em";
const ddsFontHeadingXlargeParagraphSpacingNumberEm$3 = 0.4;
const ddsFontHeadingLargeLetterSpacing$3 = "0em";
const ddsFontHeadingLargeParagraphSpacing$3 = "0.4em";
const ddsFontHeadingLargeParagraphSpacingNumberEm$3 = 0.4;
const ddsFontHeadingMediumLetterSpacing$3 = "0em";
const ddsFontHeadingMediumParagraphSpacing$3 = "0.4em";
const ddsFontHeadingMediumParagraphSpacingNumberEm$3 = 0.4;
const ddsFontHeadingSmallLetterSpacing$3 = "0em";
const ddsFontHeadingSmallParagraphSpacing$3 = "0.4em";
const ddsFontHeadingSmallParagraphSpacingNumberEm$3 = 0.4;
const ddsFontHeadingXsmallLetterSpacing$3 = "0.01em";
const ddsFontHeadingXsmallParagraphSpacing$3 = "0.4em";
const ddsFontHeadingXsmallParagraphSpacingNumberEm$3 = 0.4;
const ddsFontHeadingXxsmallLetterSpacing$3 = "0.01em";
const ddsFontHeadingXxsmallParagraphSpacing$3 = "0.4em";
const ddsFontHeadingXxsmallParagraphSpacingNumberEm$3 = 0.4;
const ddsFontBodyLongLargeLetterSpacing$3 = "0em";
const ddsFontBodyLongLargeParagraphSpacing$3 = "1em";
const ddsFontBodyLongLargeParagraphSpacingNumberEm$3 = 1;
const ddsFontBodyLongMediumLetterSpacing$3 = "0em";
const ddsFontBodyLongMediumParagraphSpacing$3 = "1em";
const ddsFontBodyLongMediumParagraphSpacingNumberEm$3 = 1;
const ddsFontBodyLongSmallLetterSpacing$3 = "0.01em";
const ddsFontBodyLongSmallParagraphSpacing$3 = "1em";
const ddsFontBodyLongSmallParagraphSpacingNumberEm$3 = 1;
const ddsFontBodyLongXsmallLetterSpacing$3 = "0.01em";
const ddsFontBodyLongXsmallParagraphSpacing$3 = "1em";
const ddsFontBodyLongXsmallParagraphSpacingNumberEm$3 = 1;
const ddsFontLeadMediumLetterSpacing$3 = "0em";
const ddsFontLeadMediumParagraphSpacing$3 = "1em";
const ddsFontLeadMediumParagraphSpacingNumberEm$3 = 1;
const ddsFontCodeMediumLetterSpacing$3 = "0em";
const ddsFontCodeMediumParagraphSpacing$3 = "1em";
const ddsFontCodeMediumParagraphSpacingNumberEm$3 = 1;
const ddsFontLabelMediumLetterSpacing$3 = "0.01em";
const ddsFontLabelMediumParagraphSpacing$3 = "1em";
const ddsFontLabelMediumParagraphSpacingNumberEm$3 = 1;
const ddsFontBodyShortLargeLetterSpacing$3 = "0em";
const ddsFontBodyShortLargeParagraphSpacing$3 = "1em";
const ddsFontBodyShortLargeParagraphSpacingNumberEm$3 = 1;
const ddsFontBodyShortMediumLetterSpacing$3 = "0em";
const ddsFontBodyShortMediumParagraphSpacing$3 = "1em";
const ddsFontBodyShortMediumParagraphSpacingNumberEm$3 = 1;
const ddsFontBodyShortSmallLetterSpacing$3 = "0.01em";
const ddsFontBodyShortSmallParagraphSpacing$3 = "1em";
const ddsFontBodyShortSmallParagraphSpacingNumberEm$3 = 1;
const ddsFontBodyShortXsmallLetterSpacing$3 = "0.01em";
const ddsFontBodyShortXsmallParagraphSpacing$3 = "1em";
const ddsFontBodyShortXsmallParagraphSpacingNumberEm$3 = 1;
var ddsTokensCoreLight = /*#__PURE__*/Object.freeze({
__proto__: null,
ddsBorderRadiusButton: ddsBorderRadiusButton$3,
ddsBorderRadiusButtonNumberPx: ddsBorderRadiusButtonNumberPx$3,
ddsBorderRadiusChip: ddsBorderRadiusChip$3,
ddsBorderRadiusChipNumberPx: ddsBorderRadiusChipNumberPx$3,
ddsBorderRadiusInput: ddsBorderRadiusInput$3,
ddsBorderRadiusInputNumberPx: ddsBorderRadiusInputNumberPx$3,
ddsBorderRadiusRounded: ddsBorderRadiusRounded$3,
ddsBorderRadiusRoundedNumberPx: ddsBorderRadiusRoundedNumberPx$3,
ddsBorderRadiusSurface: ddsBorderRadiusSurface$3,
ddsBorderRadiusSurfaceNumberPx: ddsBorderRadiusSurfaceNumberPx$3,
ddsBreakpointLg: ddsBreakpointLg$3,
ddsBreakpointLgNumberPx: ddsBreakpointLgNumberPx$3,
ddsBreakpointMd: ddsBreakpointMd$3,
ddsBreakpointMdNumberPx: ddsBreakpointMdNumberPx$3,
ddsBreakpointSm: ddsBreakpointSm$3,
ddsBreakpointSmNumberPx: ddsBreakpointSmNumberPx$3,
ddsBreakpointXl: ddsBreakpointXl$3,
ddsBreakpointXlNumberPx: ddsBreakpointXlNumberPx$3,
ddsBreakpointXs: ddsBreakpointXs$3,
ddsBreakpointXsNumberPx: ddsBreakpointXsNumberPx$3,
ddsColorBgDefault: ddsColorBgDefault$3,
ddsColorBgSubtle: ddsColorBgSubtle$3,
ddsColorBorderActionDefault: ddsColorBorderActionDefault$3,
ddsColorBorderActionHover: ddsColorBorderActionHover$3,
ddsColorBorderDanger: ddsColorBorderDanger$3,
ddsColorBorderDefault: ddsColorBorderDefault$3,
ddsColorBorderInfo: ddsColorBorderInfo$3,
ddsColorBorderInverse: ddsColorBorderInverse$3,
ddsColorBorderOnAction: ddsColorBorderOnAction$3,
ddsColorBorderSubtle: ddsColorBorderSubtle$3,
ddsColorBorderSuccess: ddsColorBorderSuccess$3,
ddsColorBorderWarning: ddsColorBorderWarning$3,
ddsColorBrandPrimaryDefault: ddsColorBrandPrimaryDefault$3,
ddsColorBrandPrimaryMedium: ddsColorBrandPrimaryMedium$3,
ddsColorBrandPrimaryStrong: ddsColorBrandPrimaryStrong$3,
ddsColorBrandPrimarySubtle: ddsColorBrandPrimarySubtle$3,
ddsColorBrandSecondaryDefault: ddsColorBrandSecondaryDefault$3,
ddsColorBrandSecondaryMedium: ddsColorBrandSecondaryMedium$3,
ddsColorBrandSecondaryStrong: ddsColorBrandSecondaryStrong$3,
ddsColorBrandSecondarySubtle: ddsColorBrandSecondarySubtle$3,
ddsColorBrandTertiaryDefault: ddsColorBrandTertiaryDefault$3,
ddsColorBrandTertiaryMedium: ddsColorBrandTertiaryMedium$3,
ddsColorBrandTertiaryStrong: ddsColorBrandTertiaryStrong$3,
ddsColorBrandTertiarySubtle: ddsColorBrandTertiarySubtle$3,
ddsColorData01Border: ddsColorData01Border$3,
ddsColorData01Default: ddsColorData01Default$3,
ddsColorData01Subtle: ddsColorData01Subtle$3,
ddsColorData02Border: ddsColorData02Border$3,
ddsColorData02Default: ddsColorData02Default$3,
ddsColorData02Subtle: ddsColorData02Subtle$3,
ddsColorData03Border: ddsColorData03Border$3,
ddsColorData03Default: ddsColorData03Default$3,
ddsColorData03Subtle: ddsColorData03Subtle$3,
ddsColorData04Border: ddsColorData04Border$3,
ddsColorData04Default: ddsColorData04Default$3,
ddsColorData04Subtle: ddsColorData04Subtle$3,
ddsColorData05Border: ddsColorData05Border$3,
ddsColorData05Default: ddsColorData05Default$3,
ddsColorData05Subtle: ddsColorData05Subtle$3,
ddsColorData06Border: ddsColorData06Border$3,
ddsColorData06Default: ddsColorData06Default$3,
ddsColorData06Subtle: ddsColorData06Subtle$3,
ddsColorData07Border: ddsColorData07Border$3,
ddsColorData07Default: ddsColorData07Default$3,
ddsColorData07Subtle: ddsColorData07Subtle$3,
ddsColorData08Border: ddsColorData08Border$3,
ddsColorData08Default: ddsColorData08Default$3,
ddsColorData08Subtle: ddsColorData08Subtle$3,
ddsColorData09Border: ddsColorData09Border$3,
ddsColorData09Default: ddsColorData09Default$3,
ddsColorData09Subtle: ddsColorData09Subtle$3,
ddsColorData10Border: ddsColorData10Border$3,
ddsColorData10Default: ddsColorData10Default$3,
ddsColorData10Subtle: ddsColorData10Subtle$3,
ddsColorDataBlue100: ddsColorDataBlue100$3,
ddsColorDataBlue200: ddsColorDataBlue200$3,
ddsColorDataBlue300: ddsColorDataBlue300$3,
ddsColorDataBlue400: ddsColorDataBlue400$3,
ddsColorDataBlue500: ddsColorDataBlue500$3,
ddsColorDataBlue600: ddsColorDataBlue600$3,
ddsColorDataBlue700: ddsColorDataBlue700$3,
ddsColorDataBlue800: ddsColorDataBlue800$3,
ddsColorDataBlue900: ddsColorDataBlue900$3,
ddsColorDataBrown100: ddsColorDataBrown100$3,
ddsColorDataBrown200: ddsColorDataBrown200$3,
ddsColorDataBrown300: ddsColorDataBrown300$3,
ddsColorDataBrown400: ddsColorDataBrown400$3,
ddsColorDataBrown500: ddsColorDataBrown500$3,
ddsColorDataBrown600: ddsColorDataBrown600$3,
ddsColorDataBrown700: ddsColorDataBrown700$3,
ddsColorDataBrown800: ddsColorDataBrown800$3,
ddsColorDataBrown900: ddsColorDataBrown900$3,
ddsColorDataDeepblue100: ddsColorDataDeepblue100$3,
ddsColorDataDeepblue200: ddsColorDataDeepblue200$3,
ddsColorDataDeepblue300: ddsColorDataDeepblue300$3,
ddsColorDataDeepblue400: ddsColorDataDeepblue400$3,
ddsColorDataDeepblue500: ddsColorDataDeepblue500$3,
ddsColorDataDeepblue600: ddsColorDataDeepblue600$3,
ddsColorDataDeepblue700: ddsColorDataDeepblue700$3,
ddsColorDataDeepblue800: ddsColorDataDeepblue800$3,
ddsColorDataDeepblue900: ddsColorDataDeepblue900$3,
ddsColorDataGray100: ddsColorDataGray100$3,
ddsColorDataGray200: ddsColorDataGray200$3,
ddsColorDataGray300: ddsColorDataGray300$3,
ddsColorDataGray400: ddsColorDataGray400$3,
ddsColorDataGray500: ddsColorDataGray500$3,
ddsColorDataGray600: ddsColorDataGray600$3,
ddsColorDataGray700: ddsColorDataGray700$3,
ddsColorDataGray800: ddsColorDataGray800$3,
ddsColorDataGray900: ddsColorDataGray900$3,
ddsColorDataGreen100: ddsColorDataGreen100$3,
ddsColorDataGreen200: ddsColorDataGreen200$3,
ddsColorDataGreen300: ddsColorDataGreen300$3,
ddsColorDataGreen400: ddsColorDataGreen400$3,
ddsColorDataGreen500: ddsColorDataGreen500$3,
ddsColorDataGreen600: ddsColorDataGreen600$3,
ddsColorDataGreen700: ddsColorDataGreen700$3,
ddsColorDataGreen800: ddsColorDataGreen800$3,
ddsColorDataGreen900: ddsColorDataGreen900$3,
ddsColorDataMagenta100: ddsColorDataMagenta100$3,
ddsColorDataMagenta200: ddsColorDataMagenta200$3,
ddsColorDataMagenta300: ddsColorDataMagenta300$3,
ddsColorDataMagenta400: ddsColorDataMagenta400$3,
ddsColorDataMagenta500: ddsColorDataMagenta500$3,
ddsColorDataMagenta600: ddsColorDataMagenta600$3,
ddsColorDataMagenta700: ddsColorDataMagenta700$3,
ddsColorDataMagenta800: ddsColorDataMagenta800$3,
ddsColorDataMagenta900: ddsColorDataMagenta900$3,
ddsColorDataOlive100: ddsColorDataOlive100$3,
ddsColorDataOlive200: ddsColorDataOlive200$3,
ddsColorDataOlive300: ddsColorDataOlive300$3,
ddsColorDataOlive400: ddsColorDataOlive400$3,
ddsColorDataOlive500: ddsColorDataOlive500$3,
ddsColorDataOlive600: ddsColorDataOlive600$3,
ddsColorDataOlive700: ddsColorDataOlive700$3,
ddsColorDataOlive800: ddsColorDataOlive800$3,
ddsColorDataOlive900: ddsColorDataOlive900$3,
ddsColorDataPurple100: ddsColorDataPurple100$3,
ddsColorDataPurple200: ddsColorDataPurple200$3,
ddsColorDataPurple300: ddsColorDataPurple300$3,
ddsColorDataPurple400: ddsColorDataPurple400$3,
ddsColorDataPurple500: ddsColorDataPurple500$3,
ddsColorDataPurple600: ddsColorDataPurple600$3,
ddsColorDataPurple700: ddsColorDataPurple700$3,
ddsColorDataPurple800: ddsColorDataPurple800$3,
ddsColorDataPurple900: ddsColorDataPurple900$3,
ddsColorDataRed100: ddsColorDataRed100$3,
ddsColorDataRed200: ddsColorDataRed200$3,
ddsColorDataRed300: ddsColorDataRed300$3,
ddsColorDataRed400: ddsColorDataRed400$3,
ddsColorDataRed500: ddsColorDataRed500$3,
ddsColorDataRed600: ddsColorDataRed600$3,
ddsColorDataRed700: ddsColorDataRed700$3,
ddsColorDataRed800: ddsColorDataRed800$3,
ddsColorDataRed900: ddsColorDataRed900$3,
ddsColorDataTeal100: ddsColorDataTeal100$3,
ddsColorDataTeal200: ddsColorDataTeal200$3,
ddsColorDataTeal300: ddsColorDataTeal300$3,
ddsColorDataTeal400: ddsColorDataTeal400$3,
ddsColorDataTeal500: ddsColorDataTeal500$3,
ddsColorDataTeal600: ddsColorDataTeal600$3,
ddsColorDataTeal700: ddsColorDataTeal700$3,
ddsColorDataTeal800: ddsColorDataTeal800$3,
ddsColorDataTeal900: ddsColorDataTeal900$3,
ddsColorFocusInside: ddsColorFocusInside$3,
ddsColorFocusOutside: ddsColorFocusOutside$3,
ddsColorIconActionHover: ddsColorIconActionHover$3,
ddsColorIconActionResting: ddsColorIconActionResting$3,
ddsColorIconDanger: ddsColorIconDanger$3,
ddsColorIconDefault: ddsColorIconDefault$3,
ddsColorIconMedium: ddsColorIconMedium$3,
ddsColorIconOnAction: ddsColorIconOnAction$3,
ddsColorIconOnDangerDefault: ddsColorIconOnDangerDefault$3,
ddsColorIconOnDangerStrong: ddsColorIconOnDangerStrong$3,
ddsColorIconOnInfoDefault: ddsColorIconOnInfoDefault$3,
ddsColorIconOnInfoStrong: ddsColorIconOnInfoStrong$3,
ddsColorIconOnInverse: ddsColorIconOnInverse$3,
ddsColorIconOnSuccessDefault: ddsColorIconOnSuccessDefault$3,
ddsColorIconOnSuccessStrong: ddsColorIconOnSuccessStrong$3,
ddsColorIconOnWarningDefault: ddsColorIconOnWarningDefault$3,
ddsColorIconOnWarningStrong: ddsColorIconOnWarningStrong$3,
ddsColorIconSubtle: ddsColorIconSubtle$3,
ddsColorSurfaceActionDangerHover: ddsColorSurfaceActionDangerHover$3,
ddsColorSurfaceActionDangerResting: ddsColorSurfaceActionDangerResting$3,
ddsColorSurfaceActionHover: ddsColorSurfaceActionHover$3,
ddsColorSurfaceActionResting: ddsColorSurfaceActionResting$3,
ddsColorSurfaceActionSelected: ddsColorSurfaceActionSelected$3,
ddsColorSurfaceActionSelectedDisabled: ddsColorSurfaceActionSelectedDisabled$3,
ddsColorSurfaceBackdropDefault: ddsColorSurfaceBackdropDefault$3,
ddsColorSurfaceDangerDefault: ddsColorSurfaceDangerDefault$3,
ddsColorSurfaceDangerStrong: ddsColorSurfaceDangerStrong$3,
ddsColorSurfaceDefault: ddsColorSurfaceDefault$3,
ddsColorSurfaceFieldDefault: ddsColorSurfaceFieldDefault$3,
ddsColorSurfaceFieldDisabled: ddsColorSurfaceFieldDisabled$3,
ddsColorSurfaceHighlightedDefault: ddsColorSurfaceHighlightedDefault$3,
ddsColorSurfaceHoverDefault: ddsColorSurfaceHoverDefault$3,
ddsColorSurfaceHoverSubtle: ddsColorSurfaceHoverSubtle$3,
ddsColorSurfaceInfoDefault: ddsColorSurfaceInfoDefault$3,
ddsColorSurfaceInfoStrong: ddsColorSurfaceInfoStrong$3,
ddsColorSurfaceInverseDefault: ddsColorSurfaceInverseDefault$3,
ddsColorSurfaceInverseHover: ddsColorSurfaceInverseHover$3,
ddsColorSurfaceInverseSelected: ddsColorSurfaceInverseSelected$3,
ddsColorSurfaceMedium: ddsColorSurfaceMedium$3,
ddsColorSurfaceNotification: ddsColorSurfaceNotification$3,
ddsColorSurfacePaperDefault: ddsColorSurfacePaperDefault$3,
ddsColorSurfaceScrollbar: ddsColorSurfaceScrollbar$3,
ddsColorSurfaceSelectedDefault: ddsColorSurfaceSelectedDefault$3,
ddsColorSurfaceSkeleton: ddsColorSurfaceSkeleton$3,
ddsColorSurfaceSubtle: ddsColorSurfaceSubtle$3,
ddsColorSurfaceSuccessDefault: ddsColorSurfaceSuccessDefault$3,
ddsColorSurfaceSuccessStrong: ddsColorSurfaceSuccessStrong$3,
ddsColorSurfaceWarningDefault: ddsColorSurfaceWarningDefault$3,
ddsColorSurfaceWarningStrong: ddsColorSurfaceWarningStrong$3,
ddsColorTextActionHover: ddsColorTextActionHover$3,
ddsColorTextActionResting: ddsColorTextActionResting$3,
ddsColorTextActionVisited: ddsColorTextActionVisited$3,
ddsColorTextActionVisitedOnInverse: ddsColorTextActionVisitedOnInverse$3,
ddsColorTextDanger: ddsColorTextDanger$3,
ddsColorTextDefault: ddsColorTextDefault$3,
ddsColorTextMedium: ddsColorTextMedium$3,
ddsColorTextOnAction: ddsColorTextOnAction$3,
ddsColorTextOnDataDefault: ddsColorTextOnDataDefault$3,
ddsColorTextOnDataSubtle: ddsColorTextOnDataSubtle$3,
ddsColorTextOnInverse: ddsColorTextOnInverse$3,
ddsColorTextOnNotification: ddsColorTextOnNotification$3,
ddsColorTextOnPrimaryDefault: ddsColorTextOnPrimaryDefault$3,
ddsColorTextOnPrimaryMedium: ddsColorTextOnPrimaryMedium$3,
ddsColorTextOnPrimaryStrong: ddsColorTextOnPrimaryStrong$3,
ddsColorTextOnPrimarySubtle: ddsColorTextOnPrimarySubtle$3,
ddsColorTextOnSecondaryDefault: ddsColorTextOnSecondaryDefault$3,
ddsColorTextOnSecondaryMedium: ddsColorTextOnSecondaryMedium$3,
ddsColorTextOnSecondaryStrong: ddsColorTextOnSecondaryStrong$3,
ddsColorTextOnSecondarySubtle: ddsColorTextOnSecondarySubtle$3,
ddsColorTextOnStatusDefault: ddsColorTextOnStatusDefault$3,
ddsColorTextOnStatusStrong: ddsColorTextOnStatusStrong$3,
ddsColorTextOnTertiaryDefault: ddsColorTextOnTertiaryDefault$3,
ddsColorTextOnTertiaryMedium: ddsColorTextOnTertiaryMedium$3,
ddsColorTextOnTertiaryStrong: ddsColorTextOnTertiaryStrong$3,
ddsColorTextOnTertiarySubtle: ddsColorTextOnTertiarySubtle$3,
ddsColorTextRequiredfield: ddsColorTextRequiredfield$3,
ddsColorTextSubtle: ddsColorTextSubtle$3,
ddsFontBodyLongLarge: ddsFontBodyLongLarge$3,
ddsFontBodyLongLargeLetterSpacing: ddsFontBodyLongLargeLetterSpacing$3,
ddsFontBodyLongLargeParagraphSpacing: ddsFontBodyLongLargeParagraphSpacing$3,
ddsFontBodyLongLargeParagraphSpacingNumberEm: ddsFontBodyLongLargeParagraphSpacingNumberEm$3,
ddsFontBodyLongMedium: ddsFontBodyLongMedium$3,
ddsFontBodyLongMediumLetterSpacing: ddsFontBodyLongMediumLetterSpacing$3,
ddsFontBodyLongMediumParagraphSpacing: ddsFontBodyLongMediumParagraphSpacing$3,
ddsFontBodyLongMediumParagraphSpacingNumberEm: ddsFontBodyLongMediumParagraphSpacingNumberEm$3,
ddsFontBodyLongSmall: ddsFontBodyLongSmall$3,
ddsFontBodyLongSmallLetterSpacing: ddsFontBodyLongSmallLetterSpacing$3,
ddsFontBodyLongSmallParagraphSpacing: ddsFontBodyLongSmallParagraphSpacing$3,
ddsFontBodyLongSmallParagraphSpacingNumberEm: ddsFontBodyLongSmallParagraphSpacingNumberEm$3,
ddsFontBodyLongXsmall: ddsFontBodyLongXsmall$3,
ddsFontBodyLongXsmallLetterSpacing: ddsFontBodyLongXsmallLetterSpacing$3,
ddsFontBodyLongXsmallParagraphSpacing: ddsFontBodyLongXsmallParagraphSpacing$3,
ddsFontBodyLongXsmallParagraphSpacingNumberEm: ddsFontBodyLongXsmallParagraphSpacingNumberEm$3,
ddsFontBodyShortLarge: ddsFontBodyShortLarge$3,
ddsFontBodyShortLargeLetterSpacing: ddsFontBodyShortLargeLetterSpacing$3,
ddsFontBodyShortLargeParagraphSpacing: ddsFontBodyShortLargeParagraphSpacing$3,
ddsFontBodyShortLargeParagraphSpacingNumberEm: ddsFontBodyShortLargeParagraphSpacingNumberEm$3,
ddsFontBodyShortMedium: ddsFontBodyShortMedium$3,
ddsFontBodyShortMediumLetterSpacing: ddsFontBodyShortMediumLetterSpacing$3,
ddsFontBodyShortMediumParagraphSpacing: ddsFontBodyShortMediumParagraphSpacing$3,
ddsFontBodyShortMediumParagraphSpacingNumberEm: ddsFontBodyShortMediumParagraphSpacingNumberEm$3,
ddsFontBodyShortSmall: ddsFontBodyShortSmall$3,
ddsFontBodyShortSmallLetterSpacing: ddsFontBodyShortSmallLetterSpacing$3,
ddsFontBodyShortSmallParagraphSpacing: ddsFontBodyShortSmallParagraphSpacing$3,
ddsFontBodyShortSmallParagraphSpacingNumberEm: ddsFontBodyShortSmallParagraphSpacingNumberEm$3,
ddsFontBodyShortXsmall: ddsFontBodyShortXsmall$3,
ddsFontBodyShortXsmallLetterSpacing: ddsFontBodyShortXsmallLetterSpacing$3,
ddsFontBodyShortXsmallParagraphSpacing: ddsFontBodyShortXsmallParagraphSpacing$3,
ddsFontBodyShortXsmallParagraphSpacingNumberEm: ddsFontBodyShortXsmallParagraphSpacingNumberEm$3,
ddsFontCodeMedium: ddsFontCodeMedium$3,
ddsFontCodeMediumLetterSpacing: ddsFontCodeMediumLetterSpacing$3,
ddsFontCodeMediumParagraphSpacing: ddsFontCodeMediumParagraphSpacing$3,
ddsFontCodeMediumParagraphSpacingNumberEm: ddsFontCodeMediumParagraphSpacingNumberEm$3,
ddsFontFamilyMonospace: ddsFontFamilyMonospace$3,
ddsFontFamilySans: ddsFontFamilySans$3,
ddsFontHeadingLarge: ddsFontHeadingLarge$3,
ddsFontHeadingLargeLetterSpacing: ddsFontHeadingLargeLetterSpacing$3,
ddsFontHeadingLargeParagraphSpacing: ddsFontHeadingLargeParagraphSpacing$3,
ddsFontHeadingLargeParagraphSpacingNumberEm: ddsFontHeadingLargeParagraphSpacingNumberEm$3,
ddsFontHeadingMedium: ddsFontHeadingMedium$3,
ddsFontHeadingMediumLetterSpacing: ddsFontHeadingMediumLetterSpacing$3,
ddsFontHeadingMediumParagraphSpacing: ddsFontHeadingMediumParagraphSpacing$3,
ddsFontHeadingMediumParagraphSpacingNumberEm: ddsFontHeadingMediumParagraphSpacingNumberEm$3,
ddsFontHeadingSmall: ddsFontHeadingSmall$3,
ddsFontHeadingSmallLetterSpacing: ddsFontHeadingSmallLetterSpacing$3,
ddsFontHeadingSmallParagraphSpacing: ddsFontHeadingSmallParagraphSpacing$3,
ddsFontHeadingSmallParagraphSpacingNumberEm: ddsFontHeadingSmallParagraphSpacingNumberEm$3,
ddsFontHeadingXlarge: ddsFontHeadingXlarge$3,
ddsFontHeadingXlargeLetterSpacing: ddsFontHeadingXlargeLetterSpacing$3,
ddsFontHeadingXlargeParagraphSpacing: ddsFontHeadingXlargeParagraphSpacing$3,
ddsFontHeadingXlargeParagraphSpacingNumberEm: ddsFontHeadingXlargeParagraphSpacingNumberEm$3,
ddsFontHeadingXsmall: ddsFontHeadingXsmall$3,
ddsFontHeadingXsmallLetterSpacing: ddsFontHeadingXsmallLetterSpacing$3,
ddsFontHeadingXsmallParagraphSpacing: ddsFontHeadingXsmallParagraphSpacing$3,
ddsFontHeadingXsmallParagraphSpacingNumberEm: ddsFontHeadingXsmallParagraphSpacingNumberEm$3,
ddsFontHeadingXxlarge: ddsFontHeadingXxlarge$3,
ddsFontHeadingXxlargeLetterSpacing: ddsFontHeadingXxlargeLetterSpacing$3,
ddsFontHeadingXxlargeParagraphSpacing: ddsFontHeadingXxlargeParagraphSpacing$3,
ddsFontHeadingXxlargeParagraphSpacingNumberEm: ddsFontHeadingXxlargeParagraphSpacingNumberEm$3,
ddsFontHeadingXxsmall: ddsFontHeadingXxsmall$3,
ddsFontHeadingXxsmallLetterSpacing: ddsFontHeadingXxsmallLetterSpacing$3,
ddsFontHeadingXxsmallParagraphSpacing: ddsFontHeadingXxsmallParagraphSpacing$3,
ddsFontHeadingXxsmallParagraphSpacingNumberEm: ddsFontHeadingXxsmallParagraphSpacingNumberEm$3,
ddsFontLabelMedium: ddsFontLabelMedium$3,
ddsFontLabelMediumLetterSpacing: ddsFontLabelMediumLetterSpacing$3,
ddsFontLabelMediumParagraphSpacing: ddsFontLabelMediumParagraphSpacing$3,
ddsFontLabelMediumParagraphSpacingNumberEm: ddsFontLabelMediumParagraphSpacingNumberEm$3,
ddsFontLeadMedium: ddsFontLeadMedium$3,
ddsFontLeadMediumLetterSpacing: ddsFontLeadMediumLetterSpacing$3,
ddsFontLeadMediumParagraphSpacing: ddsFontLeadMediumParagraphSpacing$3,
ddsFontLeadMediumParagraphSpacingNumberEm: ddsFontLeadMediumParagraphSpacingNumberEm$3,
ddsFontLetterSpacingLoose: ddsFontLetterSpacingLoose$3,
ddsFontLetterSpacingNormal: ddsFontLetterSpacingNormal$3,
ddsFontLetterSpacingTight: ddsFontLetterSpacingTight$3,
ddsFontLineheightX1: ddsFontLineheightX1$3,
ddsFontLineheightX2: ddsFontLineheightX2$3,
ddsFontLineheightX3: ddsFontLineheightX3$3,
ddsFontParagraphSpacingHeading: ddsFontParagraphSpacingHeading$3,
ddsFontParagraphSpacingHeadingNumberEm: ddsFontParagraphSpacingHeadingNumberEm$3,
ddsFontParagraphSpacingLarge: ddsFontParagraphSpacingLarge$3,
ddsFontParagraphSpacingLargeNumberEm: ddsFontParagraphSpacingLargeNumberEm$3,
ddsFontParagraphSpacingList: ddsFontParagraphSpacingList$3,
ddsFontParagraphSpacingListNumberEm: ddsFontParagraphSpacingListNumberEm$3,
ddsFontParagraphSpacingMedium: ddsFontParagraphSpacingMedium$3,
ddsFontParagraphSpacingMediumNumberEm: ddsFontParagraphSpacingMediumNumberEm$3,
ddsFontParagraphSpacingSmall: ddsFontParagraphSpacingSmall$3,
ddsFontParagraphSpacingSmallNumberEm: ddsFontParagraphSpacingSmallNumberEm$3,
ddsFontSizeX075: ddsFontSizeX075$3,
ddsFontSizeX075NumberRem: ddsFontSizeX075NumberRem$3,
ddsFontSizeX0875: ddsFontSizeX0875$3,
ddsFontSizeX0875NumberRem: ddsFontSizeX0875NumberRem$3,
ddsFontSizeX1: ddsFontSizeX1$3,
ddsFontSizeX1125: ddsFontSizeX1125$3,
ddsFontSizeX1125NumberRem: ddsFontSizeX1125NumberRem$3,
ddsFontSizeX125: ddsFontSizeX125$3,
ddsFontSizeX125NumberRem: ddsFontSizeX125NumberRem$3,
ddsFontSizeX15: ddsFontSizeX15$3,
ddsFontSizeX15NumberRem: ddsFontSizeX15NumberRem$3,
ddsFontSizeX1NumberRem: ddsFontSizeX1NumberRem$3,
ddsFontSizeX2: ddsFontSizeX2$3,
ddsFontSizeX25: ddsFontSizeX25$3,
ddsFontSizeX25NumberRem: ddsFontSizeX25NumberRem$3,
ddsFontSizeX2NumberRem: ddsFontSizeX2NumberRem$3,
ddsFontSizeX3: ddsFontSizeX3$3,
ddsFontSizeX3NumberRem: ddsFontSizeX3NumberRem$3,
ddsFontSizeX4: ddsFontSizeX4$3,
ddsFontSizeX4NumberRem: ddsFontSizeX4NumberRem$3,
ddsFontSizeX5: ddsFontSizeX5$3,
ddsFontSizeX5NumberRem: ddsFontSizeX5NumberRem$3,
ddsFontStyleItalic: ddsFontStyleItalic$3,
ddsFontStyleNormal: ddsFontStyleNormal$3,
ddsFontStyleUnderline: ddsFontStyleUnderline$3,
ddsFontWeightBold: ddsFontWeightBold$3,
ddsFontWeightLight: ddsFontWeightLight$3,
ddsFontWeightNormal: ddsFontWeightNormal$3,
ddsFontWeightSemiBold: ddsFontWeightSemiBold$3,
ddsGridLgCount: ddsGridLgCount$3,
ddsGridLgGutterSize: ddsGridLgGutterSize$3,
ddsGridLgGutterSizeNumberPx: ddsGridLgGutterSizeNumberPx$3,
ddsGridMdCount: ddsGridMdCount$3,
ddsGridMdGutterSize: ddsGridMdGutterSize$3,
ddsGridMdGutterSizeNumberPx: ddsGridMdGutterSizeNumberPx$3,
ddsGridSmCount: ddsGridSmCount$3,
ddsGridSmGutterSize: ddsGridSmGutterSize$3,
ddsGridSmGutterSizeNumberPx: ddsGridSmGutterSizeNumberPx$3,
ddsGridXlCount: ddsGridXlCount$3,
ddsGridXlGutterSize: ddsGridXlGutterSize$3,
ddsGridXlGutterSizeNumberPx: ddsGridXlGutterSizeNumberPx$3,
ddsGridXsCount: ddsGridXsCount$3,
ddsGridXsGutterSize: ddsGridXsGutterSize$3,
ddsGridXsGutterSizeNumberPx: ddsGridXsGutterSizeNumberPx$3,
ddsMotionAnimationSkeleton: ddsMotionAnimationSkeleton$3,
ddsMotionChevron: ddsMotionChevron$3,
ddsMotionMicroState: ddsMotionMicroState$3,
ddsMotionSurface: ddsMotionSurface$3,
ddsShadowLarge: ddsShadowLarge$3,
ddsShadowMedium: ddsShadowMedium$3,
ddsShadowSmall: ddsShadowSmall$3,
ddsSizeIconComponent: ddsSizeIconComponent$3,
ddsSizeIconComponentNumberEm: ddsSizeIconComponentNumberEm$3,
ddsSizeIconLarge: ddsSizeIconLarge$3,
ddsSizeIconLargeNumberPx: ddsSizeIconLargeNumberPx$3,
ddsSizeIconMedium: ddsSizeIconMedium$3,
ddsSizeIconMediumNumberPx: ddsSizeIconMediumNumberPx$3,
ddsSizeIconSmall: ddsSizeIconSmall$3,
ddsSizeIconSmallNumberPx: ddsSizeIconSmallNumberPx$3,
ddsSpacingPaddingTopHeading: ddsSpacingPaddingTopHeading$3,
ddsSpacingPaddingTopHeadingNumberEm: ddsSpacingPaddingTopHeadingNumberEm$3,
ddsSpacingX0: ddsSpacingX0$3,
ddsSpacingX0125: ddsSpacingX0125$3,
ddsSpacingX0125NumberRem: ddsSpacingX0125NumberRem$3,
ddsSpacingX025: ddsSpacingX025$3,
ddsSpacingX025NumberRem: ddsSpacingX025NumberRem$3,
ddsSpacingX05: ddsSpacingX05$3,
ddsSpacingX05NumberRem: ddsSpacingX05NumberRem$3,
ddsSpacingX075: ddsSpacingX075$3,
ddsSpacingX075NumberRem: ddsSpacingX075NumberRem$3,
ddsSpacingX0NumberRem: ddsSpacingX0NumberRem$3,
ddsSpacingX1: ddsSpacingX1$3,
ddsSpacingX10: ddsSpacingX10$3,
ddsSpacingX10NumberRem: ddsSpacingX10NumberRem$3,
ddsSpacingX15: ddsSpacingX15$3,
ddsSpacingX15NumberRem: ddsSpacingX15NumberRem$3,
ddsSpacingX1NumberRem: ddsSpacingX1NumberRem$3,
ddsSpacingX2: ddsSpacingX2$3,
ddsSpacingX25: ddsSpacingX25$3,
ddsSpacingX25NumberRem: ddsSpacingX25NumberRem$3,
ddsSpacingX2NumberRem: ddsSpacingX2NumberRem$3,
ddsSpacingX3: ddsSpacingX3$3,
ddsSpacingX3NumberRem: ddsSpacingX3NumberRem$3,
ddsSpacingX4: ddsSpacingX4$3,
ddsSpacingX4NumberRem: ddsSpacingX4NumberRem$3,
ddsSpacingX6: ddsSpacingX6$3,
ddsSpacingX6NumberRem: ddsSpacingX6NumberRem$3,
ddsZindexAbsoluteElement: ddsZindexAbsoluteElement$3,
ddsZindexDrawer: ddsZindexDrawer$3,
ddsZindexDrawerBackdrop: ddsZindexDrawerBackdrop$3,
ddsZindexDropdown: ddsZindexDropdown$3,
ddsZindexModalBackdrop: ddsZindexModalBackdrop$3,
ddsZindexOverflowmenu: ddsZindexOverflowmenu$3,
ddsZindexPopover: ddsZindexPopover$3,
ddsZindexSkiptocontent: ddsZindexSkiptocontent$3,
ddsZindexSticky: ddsZindexSticky$3,
ddsZindexTooltip: ddsZindexTooltip$3
});
// Do not edit directly, this file was auto-generated.
const ddsFontFamilySans$2 = "'IBM Plex Sans', Arial, sans-serif";
const ddsFontFamilyMonospace$2 = "'IBM Plex Mono', 'Courier New', monospace"; // For kode
const ddsFontSizeX5$2 = "5rem";
const ddsFontSizeX5NumberRem$2 = 5;
const ddsFontSizeX4$2 = "4rem";
const ddsFontSizeX4NumberRem$2 = 4;
const ddsFontSizeX3$2 = "3rem";
const ddsFontSizeX3NumberRem$2 = 3;
const ddsFontSizeX25$2 = "2.5rem";
const ddsFontSizeX25NumberRem$2 = 2.5;
const ddsFontSizeX2$2 = "2rem";
const ddsFontSizeX2NumberRem$2 = 2;
const ddsFontSizeX15$2 = "1.5rem";
const ddsFontSizeX15NumberRem$2 = 1.5;
const ddsFontSizeX125$2 = "1.25rem";
const ddsFontSizeX125NumberRem$2 = 1.25;
const ddsFontSizeX1125$2 = "1.125rem";
const ddsFontSizeX1125NumberRem$2 = 1.125;
const ddsFontSizeX1$2 = "1rem";
const ddsFontSizeX1NumberRem$2 = 1;
const ddsFontSizeX0875$2