UNPKG

@norges-domstoler/dds-design-tokens

Version:

Design tokens used in Domstolenes designsystem

791 lines (790 loc) 34.7 kB
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; }; };