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