@norges-domstoler/dds-design-tokens
Version:
Design tokens used in Domstolenes designsystem
791 lines (790 loc) • 34.7 kB
TypeScript
export declare const ddsTokens: {
core: {
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;
ddsFontLineheightX2: 1.35;
ddsFontLineheightX3: 1.2;
ddsFontLineheightList: 2;
ddsFontLetterSpacingTight: "-0.01em";
ddsFontLetterSpacingNormal: "0em";
ddsFontLetterSpacingLoose: "0.01em";
ddsFontParagraphSpacingSmall: "1em";
ddsFontParagraphSpacingSmallNumberEm: 1;
ddsFontParagraphSpacingMedium: "0.66em";
ddsFontParagraphSpacingMediumNumberEm: 0.66;
ddsFontParagraphSpacingLarge: "0.5em";
ddsFontParagraphSpacingLargeNumberEm: 0.5;
ddsFontParagraphSpacingHeading: "0.4em";
ddsFontParagraphSpacingHeadingNumberEm: 0.4;
ddsFontStyleUnderline: "underline";
ddsFontStyleNormal: "none";
ddsFontStyleItalic: "italic";
ddsSpacingPaddingTopHeading: "0.7em";
ddsSpacingPaddingTopHeadingNumberEm: 0.7;
ddsSpacingX0: "0rem";
ddsSpacingX0NumberRem: 0;
ddsSpacingX0125: "0.125rem";
ddsSpacingX0125NumberRem: 0.125;
ddsSpacingX025: "0.25rem";
ddsSpacingX025NumberRem: 0.25;
ddsSpacingX05: "0.5rem";
ddsSpacingX05NumberRem: 0.5;
ddsSpacingX075: "0.75rem";
ddsSpacingX075NumberRem: 0.75;
ddsSpacingX1: "1rem";
ddsSpacingX1NumberRem: 1;
ddsSpacingX15: "1.5rem";
ddsSpacingX15NumberRem: 1.5;
ddsSpacingX2: "2rem";
ddsSpacingX2NumberRem: 2;
ddsSpacingX25: "2.5rem";
ddsSpacingX25NumberRem: 2.5;
ddsSpacingX3: "3rem";
ddsSpacingX3NumberRem: 3;
ddsSpacingX4: "4rem";
ddsSpacingX4NumberRem: 4;
ddsSpacingX6: "6rem";
ddsSpacingX6NumberRem: 6;
ddsSpacingX10: "10rem";
ddsSpacingX10NumberRem: 10;
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;
ddsZindexSkiptocontent: "250";
ddsZindexModalBackdrop: "200";
ddsZindexDrawer: "180";
ddsZindexDrawerBackdrop: "180";
ddsZindexOverflowmenu: "160";
ddsZindexPopover: "140";
ddsZindexTooltip: "120";
ddsZindexDropdown: "100";
ddsZindexSticky: "50";
ddsZindexAbsoluteElement: "1";
ddsColorData10Default: "#196b8f";
ddsColorData10Subtle: "#96c5d9";
ddsColorData10Border: "#196b8f";
ddsColorDataRed100: "#f8d2d4";
ddsColorDataRed200: "#f0a5a9";
ddsColorDataRed300: "#e9787e";
ddsColorDataRed400: "#e14b53";
ddsColorDataRed500: "#da1e28";
ddsColorDataRed600: "#ae1820";
ddsColorDataRed700: "#831218";
ddsColorDataRed800: "#570c10";
ddsColorDataRed900: "#2c0608";
ddsColorDataMagenta100: "#eed3df";
ddsColorDataMagenta200: "#dfa5bf";
ddsColorDataMagenta300: "#cf789e";
ddsColorDataMagenta400: "#c74f84";
ddsColorDataMagenta500: "#b62665";
ddsColorDataMagenta600: "#8a1a4b";
ddsColorDataMagenta700: "#671438";
ddsColorDataMagenta800: "#440e26";
ddsColorDataMagenta900: "#220713";
ddsColorDataBrown100: "#f0ddd5";
ddsColorDataBrown200: "#e1bcac";
ddsColorDataBrown300: "#d19a82";
ddsColorDataBrown400: "#c27959";
ddsColorDataBrown500: "#b3572f";
ddsColorDataBrown600: "#8f4626";
ddsColorDataBrown700: "#6b341c";
ddsColorDataBrown800: "#482313";
ddsColorDataBrown900: "#241109";
ddsColorDataOlive100: "#e6e4d0";
ddsColorDataOlive200: "#cdc9a1";
ddsColorDataOlive300: "#b3ae71";
ddsColorDataOlive400: "#989344";
ddsColorDataOlive500: "#7c7518";
ddsColorDataOlive600: "#635e13";
ddsColorDataOlive700: "#4a460e";
ddsColorDataOlive800: "#322f0a";
ddsColorDataOlive900: "#191705";
ddsColorDataGreen100: "#d1e6d7";
ddsColorDataGreen200: "#a3ccaf";
ddsColorDataGreen300: "#75b388";
ddsColorDataGreen400: "#479960";
ddsColorDataGreen500: "#198038";
ddsColorDataGreen600: "#14662d";
ddsColorDataGreen700: "#0f4d22";
ddsColorDataGreen800: "#0a3316";
ddsColorDataGreen900: "#051a0b";
ddsColorDataTeal100: "#c2e2e1";
ddsColorDataTeal200: "#90ccc9";
ddsColorDataTeal300: "#5dafad";
ddsColorDataTeal400: "#2c9390";
ddsColorDataTeal500: "#007d79";
ddsColorDataTeal600: "#006461";
ddsColorDataTeal700: "#004b49";
ddsColorDataTeal800: "#003230";
ddsColorDataTeal900: "#001918";
ddsColorDataDeepblue100: "#b9d7e5";
ddsColorDataDeepblue200: "#96c5d9";
ddsColorDataDeepblue300: "#6aa8c3";
ddsColorDataDeepblue400: "#3e8bac";
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: "#198038";
ddsColorData04Subtle: "#a3ccaf";
ddsColorData04Border: "#198038";
ddsColorData05Default: "#8a3ffc";
ddsColorData05Subtle: "#d0b2fe";
ddsColorData05Border: "#8a3ffc";
ddsColorData06Default: "#b62665";
ddsColorData06Subtle: "#dfa5bf";
ddsColorData06Border: "#b62665";
ddsColorData07Default: "#7c7518";
ddsColorData07Subtle: "#cdc9a1";
ddsColorData07Border: "#7c7518";
ddsColorData08Default: "#da1e28";
ddsColorData08Subtle: "#f0a5a9";
ddsColorData08Border: "#da1e28";
ddsColorData09Default: "#007d79";
ddsColorData09Subtle: "#90ccc9";
ddsColorData09Border: "#007d79";
ddsColorBgDefault: "#ffffff";
ddsColorBgSubtle: "#f1f3f4";
ddsColorSurfaceDefault: "#ffffff";
ddsColorSurfaceSubtle: "#f1f3f4";
ddsColorSurfaceMedium: "#e9ebec";
ddsColorSurfaceHoverDefault: "#e7f1f7";
ddsColorSurfaceHoverSubtle: "#f1f3f4";
ddsColorSurfaceSelectedDefault: "#e7f1f7";
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";
ddsColorTextOnAction: "#ffffff";
ddsColorTextOnStatusDefault: "#0b0d0e";
ddsColorTextOnStatusStrong: "#0b0d0e";
ddsColorTextActionResting: "#106ead";
ddsColorTextActionHover: "#0d588a";
ddsColorTextRequiredfield: "#d83737";
ddsColorTextActionVisited: "#7f29b4";
ddsColorTextActionVisitedOnInverse: "#cca9e1";
ddsColorTextOnNotification: "#ffffff";
ddsColorTextDanger: "#ad2c2c";
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";
ddsFontLabelMedium: "600 0.875rem/1.5 'IBM Plex Sans', Arial, sans-serif";
ddsFontBodyXsmall: "400 0.75rem/1.5 'IBM Plex Sans', Arial, sans-serif";
ddsFontBodySmall: "400 0.875rem/1.5 'IBM Plex Sans', Arial, sans-serif";
ddsFontBodyMedium: "400 1rem/1.5 'IBM Plex Sans', Arial, sans-serif";
ddsFontBodyLarge: "400 1.125rem/1.5 'IBM Plex Sans', Arial, sans-serif";
ddsFontHeadingXxsmall: "600 0.75rem/1.5 'IBM Plex Sans', Arial, sans-serif";
ddsFontHeadingXsmall: "600 0.875rem/1.5 'IBM Plex Sans', Arial, sans-serif";
ddsFontHeadingSmall: "600 1rem/1.5 'IBM Plex Sans', Arial, sans-serif";
ddsFontHeadingMedium: "600 1.125rem/1.5 'IBM Plex Sans', Arial, sans-serif";
ddsFontHeadingLarge: "400 1.5rem/1.35 'IBM Plex Sans', Arial, sans-serif";
ddsFontHeadingXlarge: "400 2rem/1.35 'IBM Plex Sans', Arial, sans-serif";
ddsFontHeadingXxlarge: "300 clamp(2.5rem, 1.667rem + 2.222vw, 3rem)/1.2 'IBM Plex Sans', Arial, sans-serif";
ddsFontLeadMedium: "300 1.125rem/1.5 'IBM Plex Sans', Arial, sans-serif";
ddsFontCodeMedium: "400 1rem/1.5 'IBM Plex Mono', 'Courier New', monospace";
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;
};
public: {
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;
ddsFontLineheightX2: 1.35;
ddsFontLineheightX3: 1.2;
ddsFontLineheightList: 2;
ddsFontLetterSpacingTight: "-0.01em";
ddsFontLetterSpacingNormal: "0em";
ddsFontLetterSpacingLoose: "0.01em";
ddsFontParagraphSpacingSmall: "1em";
ddsFontParagraphSpacingSmallNumberEm: 1;
ddsFontParagraphSpacingMedium: "0.66em";
ddsFontParagraphSpacingMediumNumberEm: 0.66;
ddsFontParagraphSpacingLarge: "0.5em";
ddsFontParagraphSpacingLargeNumberEm: 0.5;
ddsFontParagraphSpacingHeading: "0.4em";
ddsFontParagraphSpacingHeadingNumberEm: 0.4;
ddsFontStyleUnderline: "underline";
ddsFontStyleNormal: "none";
ddsFontStyleItalic: "italic";
ddsSpacingPaddingTopHeading: "0.7em";
ddsSpacingPaddingTopHeadingNumberEm: 0.7;
ddsSpacingX0: "0rem";
ddsSpacingX0NumberRem: 0;
ddsSpacingX0125: "0.125rem";
ddsSpacingX0125NumberRem: 0.125;
ddsSpacingX025: "0.25rem";
ddsSpacingX025NumberRem: 0.25;
ddsSpacingX05: "0.5rem";
ddsSpacingX05NumberRem: 0.5;
ddsSpacingX075: "0.75rem";
ddsSpacingX075NumberRem: 0.75;
ddsSpacingX1: "1rem";
ddsSpacingX1NumberRem: 1;
ddsSpacingX15: "1.5rem";
ddsSpacingX15NumberRem: 1.5;
ddsSpacingX2: "2rem";
ddsSpacingX2NumberRem: 2;
ddsSpacingX25: "2.5rem";
ddsSpacingX25NumberRem: 2.5;
ddsSpacingX3: "3rem";
ddsSpacingX3NumberRem: 3;
ddsSpacingX4: "4rem";
ddsSpacingX4NumberRem: 4;
ddsSpacingX6: "6rem";
ddsSpacingX6NumberRem: 6;
ddsSpacingX10: "10rem";
ddsSpacingX10NumberRem: 10;
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;
ddsZindexSkiptocontent: "250";
ddsZindexModalBackdrop: "200";
ddsZindexDrawer: "180";
ddsZindexDrawerBackdrop: "180";
ddsZindexOverflowmenu: "160";
ddsZindexPopover: "140";
ddsZindexTooltip: "120";
ddsZindexDropdown: "100";
ddsZindexSticky: "50";
ddsZindexAbsoluteElement: "1";
ddsColorData10Default: "#196b8f";
ddsColorData10Subtle: "#96c5d9";
ddsColorData10Border: "#196b8f";
ddsColorDataRed100: "#f8d2d4";
ddsColorDataRed200: "#f0a5a9";
ddsColorDataRed300: "#e9787e";
ddsColorDataRed400: "#e14b53";
ddsColorDataRed500: "#da1e28";
ddsColorDataRed600: "#ae1820";
ddsColorDataRed700: "#831218";
ddsColorDataRed800: "#570c10";
ddsColorDataRed900: "#2c0608";
ddsColorDataMagenta100: "#eed3df";
ddsColorDataMagenta200: "#dfa5bf";
ddsColorDataMagenta300: "#cf789e";
ddsColorDataMagenta400: "#c74f84";
ddsColorDataMagenta500: "#b62665";
ddsColorDataMagenta600: "#8a1a4b";
ddsColorDataMagenta700: "#671438";
ddsColorDataMagenta800: "#440e26";
ddsColorDataMagenta900: "#220713";
ddsColorDataBrown100: "#f0ddd5";
ddsColorDataBrown200: "#e1bcac";
ddsColorDataBrown300: "#d19a82";
ddsColorDataBrown400: "#c27959";
ddsColorDataBrown500: "#b3572f";
ddsColorDataBrown600: "#8f4626";
ddsColorDataBrown700: "#6b341c";
ddsColorDataBrown800: "#482313";
ddsColorDataBrown900: "#241109";
ddsColorDataOlive100: "#e6e4d0";
ddsColorDataOlive200: "#cdc9a1";
ddsColorDataOlive300: "#b3ae71";
ddsColorDataOlive400: "#989344";
ddsColorDataOlive500: "#7c7518";
ddsColorDataOlive600: "#635e13";
ddsColorDataOlive700: "#4a460e";
ddsColorDataOlive800: "#322f0a";
ddsColorDataOlive900: "#191705";
ddsColorDataGreen100: "#d1e6d7";
ddsColorDataGreen200: "#a3ccaf";
ddsColorDataGreen300: "#75b388";
ddsColorDataGreen400: "#479960";
ddsColorDataGreen500: "#198038";
ddsColorDataGreen600: "#14662d";
ddsColorDataGreen700: "#0f4d22";
ddsColorDataGreen800: "#0a3316";
ddsColorDataGreen900: "#051a0b";
ddsColorDataTeal100: "#c2e2e1";
ddsColorDataTeal200: "#90ccc9";
ddsColorDataTeal300: "#5dafad";
ddsColorDataTeal400: "#2c9390";
ddsColorDataTeal500: "#007d79";
ddsColorDataTeal600: "#006461";
ddsColorDataTeal700: "#004b49";
ddsColorDataTeal800: "#003230";
ddsColorDataTeal900: "#001918";
ddsColorDataDeepblue100: "#b9d7e5";
ddsColorDataDeepblue200: "#96c5d9";
ddsColorDataDeepblue300: "#6aa8c3";
ddsColorDataDeepblue400: "#3e8bac";
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: "#198038";
ddsColorData04Subtle: "#a3ccaf";
ddsColorData04Border: "#198038";
ddsColorData05Default: "#8a3ffc";
ddsColorData05Subtle: "#d0b2fe";
ddsColorData05Border: "#8a3ffc";
ddsColorData06Default: "#b62665";
ddsColorData06Subtle: "#dfa5bf";
ddsColorData06Border: "#b62665";
ddsColorData07Default: "#7c7518";
ddsColorData07Subtle: "#cdc9a1";
ddsColorData07Border: "#7c7518";
ddsColorData08Default: "#da1e28";
ddsColorData08Subtle: "#f0a5a9";
ddsColorData08Border: "#da1e28";
ddsColorData09Default: "#007d79";
ddsColorData09Subtle: "#90ccc9";
ddsColorData09Border: "#007d79";
ddsColorBgDefault: "#ffffff";
ddsColorBgSubtle: "#f1f3f4";
ddsColorSurfaceDefault: "#ffffff";
ddsColorSurfaceSubtle: "#f1f3f4";
ddsColorSurfaceMedium: "#e9ebec";
ddsColorSurfaceHoverDefault: "#e7f1f7";
ddsColorSurfaceHoverSubtle: "#f1f3f4";
ddsColorSurfaceSelectedDefault: "#e7f1f7";
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";
ddsColorTextOnAction: "#ffffff";
ddsColorTextOnStatusDefault: "#0b0d0e";
ddsColorTextOnStatusStrong: "#0b0d0e";
ddsColorTextActionResting: "#106ead";
ddsColorTextActionHover: "#0d588a";
ddsColorTextRequiredfield: "#d83737";
ddsColorTextActionVisited: "#7f29b4";
ddsColorTextActionVisitedOnInverse: "#cca9e1";
ddsColorTextOnNotification: "#ffffff";
ddsColorTextDanger: "#ad2c2c";
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";
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 1rem/1.5 'IBM Plex Sans', Arial, sans-serif";
ddsFontHeadingXsmall: "600 1.125rem/1.5 'IBM Plex Sans', Arial, sans-serif";
ddsFontHeadingSmall: "600 1.25rem/1.5 'IBM Plex Sans', Arial, sans-serif";
ddsFontHeadingMedium: "500 1.5rem/1.5 'IBM Plex Sans', Arial, sans-serif";
ddsFontHeadingLarge: "400 2rem/1.35 'IBM Plex Sans', Arial, sans-serif";
ddsFontHeadingXlarge: "300 clamp(2.5rem, 1.667rem + 2.222vw, 3rem)/1.35 'IBM Plex Sans', Arial, sans-serif";
ddsFontHeadingXxlarge: "300 clamp(3rem, 1.333rem + 4.444vw, 4rem)/1.2 'IBM Plex Sans', Arial, sans-serif";
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;
};
};