@norges-domstoler/dds-design-tokens 7.2.0 → 8.0.0

package/dist/{dds/build → generated-tokens}/js/Core/ddsTokens.d.ts

@@ -22,29 +22,14 @@ export declare const ddsFontSizeX0875 = "0.875rem";
 export declare const ddsFontSizeX0875NumberRem = 0.875;
 export declare const ddsFontSizeX075 = "0.75rem";
 export declare const ddsFontSizeX075NumberRem = 0.75;
-export declare const ddsFontSizeXxlarge = "3rem";
-export declare const ddsFontSizeXxlargeNumberRem = 3;
-export declare const ddsFontSizeXlarge = "2rem";
-export declare const ddsFontSizeXlargeNumberRem = 2;
-export declare const ddsFontSizeLarge = "1.5rem";
-export declare const ddsFontSizeLargeNumberRem = 1.5;
-export declare const ddsFontSizeMedium = "1.25rem";
-export declare const ddsFontSizeMediumNumberRem = 1.25;
-export declare const ddsFontSizeSmall = "1.125rem";
-export declare const ddsFontSizeSmallNumberRem = 1.125;
-export declare const ddsFontSizeXsmall = "1rem";
-export declare const ddsFontSizeXsmallNumberRem = 1;
-export declare const ddsFontSizeXxsmall = "0.875rem";
-export declare const ddsFontSizeXxsmallNumberRem = 0.875;
-export declare const ddsFontSizeXxxsmall = "0.75rem";
-export declare const ddsFontSizeXxxsmallNumberRem = 0.75;
 export declare const ddsFontWeightLight = "300";
 export declare const ddsFontWeightNormal = "400";
+export declare const ddsFontWeightSemiBold = "500";
 export declare const ddsFontWeightBold = "600";
 export declare const ddsFontLineheightX1 = 1.5;
 export declare const ddsFontLineheightX2 = 1.35;
 export declare const ddsFontLineheightX3 = 1.2;
-export declare const ddsFontLineheightList = 2.5;
+export declare const ddsFontLineheightList = 2;
 export declare const ddsFontLetterSpacingTight = "-0.01em";
 export declare const ddsFontLetterSpacingNormal = "0em";
 export declare const ddsFontLetterSpacingLoose = "0.01em";
@@ -132,16 +117,106 @@ export declare const ddsZindexTooltip = "120";
 export declare const ddsZindexDropdown = "100";
 export declare const ddsZindexSticky = "50";
 export declare const ddsZindexAbsoluteElement = "1";
+export declare const ddsColorDataRed100 = "#f8d2d4";
+export declare const ddsColorDataRed200 = "#f0a5a9";
+export declare const ddsColorDataRed300 = "#e9787e";
+export declare const ddsColorDataRed400 = "#e14b53";
+export declare const ddsColorDataRed500 = "#da1e28";
+export declare const ddsColorDataRed600 = "#ae1820";
+export declare const ddsColorDataRed700 = "#831218";
+export declare const ddsColorDataRed800 = "#570c10";
+export declare const ddsColorDataRed900 = "#2c0608";
+export declare const ddsColorDataMagenta100 = "#eed3df";
+export declare const ddsColorDataMagenta200 = "#dfa5bf";
+export declare const ddsColorDataMagenta300 = "#cf789e";
+export declare const ddsColorDataMagenta400 = "#c74f84";
+export declare const ddsColorDataMagenta500 = "#b62665";
+export declare const ddsColorDataMagenta600 = "#8a1a4b";
+export declare const ddsColorDataMagenta700 = "#671438";
+export declare const ddsColorDataMagenta800 = "#440e26";
+export declare const ddsColorDataMagenta900 = "#220713";
+export declare const ddsColorDataBrown100 = "#f0ddd5";
+export declare const ddsColorDataBrown200 = "#e1bcac";
+export declare const ddsColorDataBrown300 = "#d19a82";
+export declare const ddsColorDataBrown400 = "#c27959";
+export declare const ddsColorDataBrown500 = "#b3572f";
+export declare const ddsColorDataBrown600 = "#8f4626";
+export declare const ddsColorDataBrown700 = "#6b341c";
+export declare const ddsColorDataBrown800 = "#482313";
+export declare const ddsColorDataBrown900 = "#241109";
+export declare const ddsColorDataOlive100 = "#e6e4d0";
+export declare const ddsColorDataOlive200 = "#cdc9a1";
+export declare const ddsColorDataOlive300 = "#b3ae71";
+export declare const ddsColorDataOlive400 = "#989344";
+export declare const ddsColorDataOlive500 = "#7c7518";
+export declare const ddsColorDataOlive600 = "#635e13";
+export declare const ddsColorDataOlive700 = "#4a460e";
+export declare const ddsColorDataOlive800 = "#322f0a";
+export declare const ddsColorDataOlive900 = "#191705";
+export declare const ddsColorDataGreen100 = "#d1e6d7";
+export declare const ddsColorDataGreen200 = "#a3ccaf";
+export declare const ddsColorDataGreen300 = "#75b388";
+export declare const ddsColorDataGreen400 = "#479960";
+export declare const ddsColorDataGreen500 = "#198038";
+export declare const ddsColorDataGreen600 = "#14662d";
+export declare const ddsColorDataGreen700 = "#0f4d22";
+export declare const ddsColorDataGreen800 = "#0a3316";
+export declare const ddsColorDataGreen900 = "#051a0b";
+export declare const ddsColorDataTeal100 = "#c2e2e1";
+export declare const ddsColorDataTeal200 = "#90ccc9";
+export declare const ddsColorDataTeal300 = "#5dafad";
+export declare const ddsColorDataTeal400 = "#2c9390";
+export declare const ddsColorDataTeal500 = "#007d79";
+export declare const ddsColorDataTeal600 = "#006461";
+export declare const ddsColorDataTeal700 = "#004b49";
+export declare const ddsColorDataTeal800 = "#003230";
+export declare const ddsColorDataTeal900 = "#001918";
+export declare const ddsColorDataDeepblue100 = "#b9d7e5";
+export declare const ddsColorDataDeepblue200 = "#96c5d9";
+export declare const ddsColorDataDeepblue300 = "#6aa8c3";
+export declare const ddsColorDataDeepblue400 = "#3e8bac";
+export declare const ddsColorDataDeepblue500 = "#196b8f";
+export declare const ddsColorDataDeepblue600 = "#135774";
+export declare const ddsColorDataDeepblue700 = "#0e455e";
+export declare const ddsColorDataDeepblue800 = "#0d3445";
+export declare const ddsColorDataDeepblue900 = "#05151d";
+export declare const ddsColorDataBlue100 = "#cfe0ff";
+export declare const ddsColorDataBlue200 = "#9fc0ff";
+export declare const ddsColorDataBlue300 = "#6fa1fe";
+export declare const ddsColorDataBlue400 = "#3f81fe";
+export declare const ddsColorDataBlue500 = "#0f62fe";
+export declare const ddsColorDataBlue600 = "#0c4ecb";
+export declare const ddsColorDataBlue700 = "#093b98";
+export declare const ddsColorDataBlue800 = "#062766";
+export declare const ddsColorDataBlue900 = "#031433";
+export declare const ddsColorDataPurple100 = "#e8d9fe";
+export declare const ddsColorDataPurple200 = "#d0b2fe";
+export declare const ddsColorDataPurple300 = "#b98cfd";
+export declare const ddsColorDataPurple400 = "#a165fd";
+export declare const ddsColorDataPurple500 = "#8a3ffc";
+export declare const ddsColorDataPurple600 = "#6e32ca";
+export declare const ddsColorDataPurple700 = "#532697";
+export declare const ddsColorDataPurple800 = "#371965";
+export declare const ddsColorDataPurple900 = "#1c0d32";
+export declare const ddsColorDataGray100 = "#e3e3e3";
+export declare const ddsColorDataGray200 = "#c7c7c7";
+export declare const ddsColorDataGray300 = "#aaaaaa";
+export declare const ddsColorDataGray400 = "#8e8e8e";
+export declare const ddsColorDataGray500 = "#727272";
+export declare const ddsColorDataGray600 = "#5b5b5b";
+export declare const ddsColorDataGray700 = "#444444";
+export declare const ddsColorDataGray800 = "#2e2e2e";
+export declare const ddsColorDataGray900 = "#171717";
 export declare const ddsColorBgDefault = "#ffffff";
-export declare const ddsColorBgSubtle = "#f8f9f9";
+export declare const ddsColorBgSubtle = "#f1f3f4";
 export declare const ddsColorSurfaceDefault = "#ffffff";
-export declare const ddsColorSurfaceSubtle = "#f8f9f9";
-export declare const ddsColorSurfaceMedium = "#ebecee";
+export declare const ddsColorSurfaceSubtle = "#f1f3f4";
+export declare const ddsColorSurfaceMedium = "#e4e6e8";
 export declare const ddsColorSurfaceHoverDefault = "#e7f1f7";
-export declare const ddsColorSurfaceHoverSubtle = "#f8f9f9";
+export declare const ddsColorSurfaceHoverSubtle = "#f1f3f4";
 export declare const ddsColorSurfaceSelectedDefault = "#e7f1f7";
 export declare const ddsColorSurfaceInverseDefault = "#354754";
-export declare const ddsColorSurfaceInverseHover = "#313d45";
+export declare const ddsColorSurfaceInverseHover = "#2a3943";
 export declare const ddsColorSurfaceInverseSelected = "#202b32";
 export declare const ddsColorSurfaceActionResting = "#106ead";
 export declare const ddsColorSurfaceActionHover = "#0d588a";
@@ -160,13 +235,13 @@ export declare const ddsColorSurfaceInfoStrong = "#9eceee";
 export declare const ddsColorSurfacePaperDefault = "#ffffff";
 export declare const ddsColorSurfaceBackdropDefault = "#0b0d0e80";
 export declare const ddsColorSurfaceFieldDefault = "#ffffff";
-export declare const ddsColorSurfaceFieldDisabled = "#f8f9f9";
-export declare const ddsColorSurfaceHighlightedDefault = "#ffe6df";
+export declare const ddsColorSurfaceFieldDisabled = "#f1f3f4";
+export declare const ddsColorSurfaceHighlightedDefault = "#fce5dd";
 export declare const ddsColorSurfaceScrollbar = "#adb5ba";
 export declare const ddsColorSurfaceNotification = "#d83737";
-export declare const ddsColorSurfaceSkeleton = "#cfd4d7";
+export declare const ddsColorSurfaceSkeleton = "#d6dadd";
 export declare const ddsColorBorderDefault = "#77838c";
-export declare const ddsColorBorderSubtle = "#cfd4d7";
+export declare const ddsColorBorderSubtle = "#d6dadd";
 export declare const ddsColorBorderInverse = "#acbbc6";
 export declare const ddsColorBorderActionDefault = "#106ead";
 export declare const ddsColorBorderActionHover = "#0d588a";
@@ -198,11 +273,11 @@ export declare const ddsColorIconActionResting = "#106ead";
 export declare const ddsColorIconActionHover = "#0d588a";
 export declare const ddsColorIconOnSuccessDefault = "#3d723d";
 export declare const ddsColorIconOnSuccessStrong = "#0b0d0e";
-export declare const ddsColorIconOnWarningDefault = "#92862e";
+export declare const ddsColorIconOnWarningDefault = "#9a8c26";
 export declare const ddsColorIconOnWarningStrong = "#0b0d0e";
 export declare const ddsColorIconOnDangerDefault = "#ad2c2c";
 export declare const ddsColorIconOnDangerStrong = "#0b0d0e";
-export declare const ddsColorIconOnInfoDefault = "#466f8a";
+export declare const ddsColorIconOnInfoDefault = "#3e7192";
 export declare const ddsColorIconOnInfoStrong = "#0b0d0e";
 export declare const ddsColorIconDanger = "#ad2c2c";
 export declare const ddsColorBrandPrimaryDefault = "#354754";
@@ -213,12 +288,42 @@ export declare const ddsColorBrandSecondaryDefault = "#9ab8b7";
 export declare const ddsColorBrandSecondarySubtle = "#e6eded";
 export declare const ddsColorBrandSecondaryMedium = "#b8cdcd";
 export declare const ddsColorBrandSecondaryStrong = "#4d6463";
-export declare const ddsColorBrandTertiaryDefault = "#f2a68f";
-export declare const ddsColorBrandTertiarySubtle = "#ffe6df";
-export declare const ddsColorBrandTertiaryMedium = "#f6c1b1";
-export declare const ddsColorBrandTertiaryStrong = "#f27e55";
-export declare const ddsColorFocusOutside = "#2f4a5c";
+export declare const ddsColorBrandTertiaryDefault = "#f27e55";
+export declare const ddsColorBrandTertiarySubtle = "#fce5dd";
+export declare const ddsColorBrandTertiaryMedium = "#f2a68f";
+export declare const ddsColorBrandTertiaryStrong = "#d45d32";
+export declare const ddsColorFocusOutside = "#2a4b61";
 export declare const ddsColorFocusInside = "#f1f8fd";
+export declare const ddsColorData10Default = "#196b8f";
+export declare const ddsColorData10Subtle = "#96c5d9";
+export declare const ddsColorData10Border = "#196b8f";
+export declare const ddsColorData01Default = "#0f62fe";
+export declare const ddsColorData01Subtle = "#9fc0ff";
+export declare const ddsColorData01Border = "#0f62fe";
+export declare const ddsColorData02Default = "#b3572f";
+export declare const ddsColorData02Subtle = "#e1bcac";
+export declare const ddsColorData02Border = "#b3572f";
+export declare const ddsColorData03Default = "#727272";
+export declare const ddsColorData03Subtle = "#c7c7c7";
+export declare const ddsColorData03Border = "#727272";
+export declare const ddsColorData04Default = "#198038";
+export declare const ddsColorData04Subtle = "#a3ccaf";
+export declare const ddsColorData04Border = "#198038";
+export declare const ddsColorData05Default = "#8a3ffc";
+export declare const ddsColorData05Subtle = "#d0b2fe";
+export declare const ddsColorData05Border = "#8a3ffc";
+export declare const ddsColorData06Default = "#b62665";
+export declare const ddsColorData06Subtle = "#dfa5bf";
+export declare const ddsColorData06Border = "#b62665";
+export declare const ddsColorData07Default = "#7c7518";
+export declare const ddsColorData07Subtle = "#cdc9a1";
+export declare const ddsColorData07Border = "#7c7518";
+export declare const ddsColorData08Default = "#da1e28";
+export declare const ddsColorData08Subtle = "#f0a5a9";
+export declare const ddsColorData08Border = "#da1e28";
+export declare const ddsColorData09Default = "#007d79";
+export declare const ddsColorData09Subtle = "#90ccc9";
+export declare const ddsColorData09Border = "#007d79";
 export declare const ddsFontLabelMedium = "600 0.875rem/1.5 'IBM Plex Sans', Arial, sans-serif";
 export declare const ddsFontBodyXsmall = "400 0.75rem/1.5 'IBM Plex Sans', Arial, sans-serif";
 export declare const ddsFontBodySmall = "400 0.875rem/1.5 'IBM Plex Sans', Arial, sans-serif";

package/dist/{dds/build → generated-tokens}/js/Core/ddsTokens.js

@@ -23,29 +23,14 @@ const ddsFontSizeX0875 = "0.875rem";
 const ddsFontSizeX0875NumberRem = 0.875;
 const ddsFontSizeX075 = "0.75rem";
 const ddsFontSizeX075NumberRem = 0.75;
-const ddsFontSizeXxlarge = "3rem";
-const ddsFontSizeXxlargeNumberRem = 3;
-const ddsFontSizeXlarge = "2rem";
-const ddsFontSizeXlargeNumberRem = 2;
-const ddsFontSizeLarge = "1.5rem";
-const ddsFontSizeLargeNumberRem = 1.5;
-const ddsFontSizeMedium = "1.25rem";
-const ddsFontSizeMediumNumberRem = 1.25;
-const ddsFontSizeSmall = "1.125rem";
-const ddsFontSizeSmallNumberRem = 1.125;
-const ddsFontSizeXsmall = "1rem";
-const ddsFontSizeXsmallNumberRem = 1;
-const ddsFontSizeXxsmall = "0.875rem";
-const ddsFontSizeXxsmallNumberRem = 0.875;
-const ddsFontSizeXxxsmall = "0.75rem";
-const ddsFontSizeXxxsmallNumberRem = 0.75;
 const ddsFontWeightLight = "300";
 const ddsFontWeightNormal = "400";
+const ddsFontWeightSemiBold = "500";
 const ddsFontWeightBold = "600";
 const ddsFontLineheightX1 = 1.5; // Brukes på str ×1_25 og mindre 
 const ddsFontLineheightX2 = 1.35; // Brukes på str x1.5, ×2 og ×3 
 const ddsFontLineheightX3 = 1.2; // Brukes på str ×3 og større
-const ddsFontLineheightList = 2.5; // Brukes på lister
+const ddsFontLineheightList = 2; // Brukes på lister
 const ddsFontLetterSpacingTight = "-0.01em"; // Brukes på str ×2.5 og større
 const ddsFontLetterSpacingNormal = "0em"; // Brukes på str ×1 og opp til og med ×2
 const ddsFontLetterSpacingLoose = "0.01em"; // Brukes på størrelser under ×1
@@ -133,16 +118,106 @@ const ddsZindexTooltip = "120"; // Brukes for dds-tooltip
 const ddsZindexDropdown = "100"; // Dropdown brukes for bl.a søkeforslag, dropdown i select
 const ddsZindexSticky = "50"; // Sticky header skal dekke til flat innhold i gruppen (tabell o.l.). Den skal legge seg under elementer som stiller med egne flater
 const ddsZindexAbsoluteElement = "1"; // Dekorative elementer med absolutt posisjon, som ellers hadde blitt skjult bak forelder
+const ddsColorDataRed100 = "#f8d2d4";
+const ddsColorDataRed200 = "#f0a5a9";
+const ddsColorDataRed300 = "#e9787e";
+const ddsColorDataRed400 = "#e14b53";
+const ddsColorDataRed500 = "#da1e28";
+const ddsColorDataRed600 = "#ae1820";
+const ddsColorDataRed700 = "#831218";
+const ddsColorDataRed800 = "#570c10";
+const ddsColorDataRed900 = "#2c0608";
+const ddsColorDataMagenta100 = "#eed3df";
+const ddsColorDataMagenta200 = "#dfa5bf";
+const ddsColorDataMagenta300 = "#cf789e";
+const ddsColorDataMagenta400 = "#c74f84";
+const ddsColorDataMagenta500 = "#b62665";
+const ddsColorDataMagenta600 = "#8a1a4b";
+const ddsColorDataMagenta700 = "#671438";
+const ddsColorDataMagenta800 = "#440e26";
+const ddsColorDataMagenta900 = "#220713";
+const ddsColorDataBrown100 = "#f0ddd5";
+const ddsColorDataBrown200 = "#e1bcac";
+const ddsColorDataBrown300 = "#d19a82";
+const ddsColorDataBrown400 = "#c27959";
+const ddsColorDataBrown500 = "#b3572f";
+const ddsColorDataBrown600 = "#8f4626";
+const ddsColorDataBrown700 = "#6b341c";
+const ddsColorDataBrown800 = "#482313";
+const ddsColorDataBrown900 = "#241109";
+const ddsColorDataOlive100 = "#e6e4d0";
+const ddsColorDataOlive200 = "#cdc9a1";
+const ddsColorDataOlive300 = "#b3ae71";
+const ddsColorDataOlive400 = "#989344";
+const ddsColorDataOlive500 = "#7c7518";
+const ddsColorDataOlive600 = "#635e13";
+const ddsColorDataOlive700 = "#4a460e";
+const ddsColorDataOlive800 = "#322f0a";
+const ddsColorDataOlive900 = "#191705";
+const ddsColorDataGreen100 = "#d1e6d7";
+const ddsColorDataGreen200 = "#a3ccaf";
+const ddsColorDataGreen300 = "#75b388";
+const ddsColorDataGreen400 = "#479960";
+const ddsColorDataGreen500 = "#198038";
+const ddsColorDataGreen600 = "#14662d";
+const ddsColorDataGreen700 = "#0f4d22";
+const ddsColorDataGreen800 = "#0a3316";
+const ddsColorDataGreen900 = "#051a0b";
+const ddsColorDataTeal100 = "#c2e2e1";
+const ddsColorDataTeal200 = "#90ccc9";
+const ddsColorDataTeal300 = "#5dafad";
+const ddsColorDataTeal400 = "#2c9390";
+const ddsColorDataTeal500 = "#007d79";
+const ddsColorDataTeal600 = "#006461";
+const ddsColorDataTeal700 = "#004b49";
+const ddsColorDataTeal800 = "#003230";
+const ddsColorDataTeal900 = "#001918";
+const ddsColorDataDeepblue100 = "#b9d7e5";
+const ddsColorDataDeepblue200 = "#96c5d9";
+const ddsColorDataDeepblue300 = "#6aa8c3";
+const ddsColorDataDeepblue400 = "#3e8bac";
+const ddsColorDataDeepblue500 = "#196b8f";
+const ddsColorDataDeepblue600 = "#135774";
+const ddsColorDataDeepblue700 = "#0e455e";
+const ddsColorDataDeepblue800 = "#0d3445";
+const ddsColorDataDeepblue900 = "#05151d";
+const ddsColorDataBlue100 = "#cfe0ff";
+const ddsColorDataBlue200 = "#9fc0ff";
+const ddsColorDataBlue300 = "#6fa1fe";
+const ddsColorDataBlue400 = "#3f81fe";
+const ddsColorDataBlue500 = "#0f62fe";
+const ddsColorDataBlue600 = "#0c4ecb";
+const ddsColorDataBlue700 = "#093b98";
+const ddsColorDataBlue800 = "#062766";
+const ddsColorDataBlue900 = "#031433";
+const ddsColorDataPurple100 = "#e8d9fe";
+const ddsColorDataPurple200 = "#d0b2fe";
+const ddsColorDataPurple300 = "#b98cfd";
+const ddsColorDataPurple400 = "#a165fd";
+const ddsColorDataPurple500 = "#8a3ffc";
+const ddsColorDataPurple600 = "#6e32ca";
+const ddsColorDataPurple700 = "#532697";
+const ddsColorDataPurple800 = "#371965";
+const ddsColorDataPurple900 = "#1c0d32";
+const ddsColorDataGray100 = "#e3e3e3";
+const ddsColorDataGray200 = "#c7c7c7";
+const ddsColorDataGray300 = "#aaaaaa";
+const ddsColorDataGray400 = "#8e8e8e";
+const ddsColorDataGray500 = "#727272";
+const ddsColorDataGray600 = "#5b5b5b";
+const ddsColorDataGray700 = "#444444";
+const ddsColorDataGray800 = "#2e2e2e";
+const ddsColorDataGray900 = "#171717";
 const ddsColorBgDefault = "#ffffff"; // UI shell base color
-const ddsColorBgSubtle = "#f8f9f9"; // Alternative UI shell base color
+const ddsColorBgSubtle = "#f1f3f4"; // Alternative UI shell base color
 const ddsColorSurfaceDefault = "#ffffff"; // Default bg
-const ddsColorSurfaceSubtle = "#f8f9f9"; // Subtle surface color
-const ddsColorSurfaceMedium = "#ebecee"; // Medium surface color
+const ddsColorSurfaceSubtle = "#f1f3f4"; // Subtle surface color
+const ddsColorSurfaceMedium = "#e4e6e8"; // Medium surface color
 const ddsColorSurfaceHoverDefault = "#e7f1f7"; // Hover on surface (default, subtle, medium)
-const ddsColorSurfaceHoverSubtle = "#f8f9f9"; // Subtle hover on surface (default, medium)
+const ddsColorSurfaceHoverSubtle = "#f1f3f4"; // Subtle hover on surface (default, medium)
 const ddsColorSurfaceSelectedDefault = "#e7f1f7"; // Selected state for surface (default, subtle, medium)
 const ddsColorSurfaceInverseDefault = "#354754"; // Can be used as a surface for menu, navigation, footer etc
-const ddsColorSurfaceInverseHover = "#313d45"; // Hover on surface.inverse
+const ddsColorSurfaceInverseHover = "#2a3943"; // Hover on surface.inverse
 const ddsColorSurfaceInverseSelected = "#202b32"; // selected on surface.inverse
 const ddsColorSurfaceActionResting = "#106ead"; // Primary button bg
 const ddsColorSurfaceActionHover = "#0d588a"; // Hover on surface.action/selected
@@ -161,13 +236,13 @@ const ddsColorSurfaceInfoStrong = "#9eceee"; // tag strong value
 const ddsColorSurfacePaperDefault = "#ffffff"; // modal, drawer, popover etc
 const ddsColorSurfaceBackdropDefault = "#0b0d0e80"; // background overlay for modals (50%)
 const ddsColorSurfaceFieldDefault = "#ffffff"; // Form elements (textinput, datepicker etc)
-const ddsColorSurfaceFieldDisabled = "#f8f9f9"; // disabled state on surface.field
-const ddsColorSurfaceHighlightedDefault = "#ffe6df"; // bg for highlighted text on text.default. Use with $Text
+const ddsColorSurfaceFieldDisabled = "#f1f3f4"; // disabled state on surface.field
+const ddsColorSurfaceHighlightedDefault = "#fce5dd"; // bg for highlighted text on text.default. Use with $Text
 const ddsColorSurfaceScrollbar = "#adb5ba"; // Used for scrollbar
 const ddsColorSurfaceNotification = "#d83737"; // bg on a notification
-const ddsColorSurfaceSkeleton = "#cfd4d7"; // Used for skeleton
+const ddsColorSurfaceSkeleton = "#d6dadd"; // Used for skeleton
 const ddsColorBorderDefault = "#77838c"; // Form components, togglebutton, secondary button, checkbox etc
-const ddsColorBorderSubtle = "#cfd4d7"; // Dropdown, tooltip, overflow etc
+const ddsColorBorderSubtle = "#d6dadd"; // Dropdown, tooltip, overflow etc
 const ddsColorBorderInverse = "#acbbc6"; // Border or divider on surface.inverse
 const ddsColorBorderActionDefault = "#106ead"; // Used in progress tracker
 const ddsColorBorderActionHover = "#0d588a"; // Hover on secondary button etc
@@ -199,27 +274,57 @@ const ddsColorIconActionResting = "#106ead"; // Often used with Text.action
 const ddsColorIconActionHover = "#0d588a"; // hover on icon-action
 const ddsColorIconOnSuccessDefault = "#3d723d"; // On surface.success-default
 const ddsColorIconOnSuccessStrong = "#0b0d0e"; // On surface-success-strong
-const ddsColorIconOnWarningDefault = "#92862e"; // On surface.warning-default
+const ddsColorIconOnWarningDefault = "#9a8c26"; // On surface.warning-default
 const ddsColorIconOnWarningStrong = "#0b0d0e"; // On surface.warning-strong
 const ddsColorIconOnDangerDefault = "#ad2c2c"; // On surface.danger-default
 const ddsColorIconOnDangerStrong = "#0b0d0e"; // On surface.danger-strong
-const ddsColorIconOnInfoDefault = "#466f8a"; // On surface.info-default
+const ddsColorIconOnInfoDefault = "#3e7192"; // On surface.info-default
 const ddsColorIconOnInfoStrong = "#0b0d0e"; // On surface.info-strong
 const ddsColorIconDanger = "#ad2c2c"; // Error icon on paper, or default or subtle surafce/bg
 const ddsColorBrandPrimaryDefault = "#354754"; // Primary brand color
 const ddsColorBrandPrimarySubtle = "#eaeff4"; // Primary brand color
 const ddsColorBrandPrimaryMedium = "#4f6a7e"; // Primary brand color
-const ddsColorBrandPrimaryStrong = "#202b32";
+const ddsColorBrandPrimaryStrong = "#202b32"; // Primary brand color
 const ddsColorBrandSecondaryDefault = "#9ab8b7"; // Secondary brand color
 const ddsColorBrandSecondarySubtle = "#e6eded"; // Secondary brand color
 const ddsColorBrandSecondaryMedium = "#b8cdcd"; // Secondary brand color
-const ddsColorBrandSecondaryStrong = "#4d6463";
-const ddsColorBrandTertiaryDefault = "#f2a68f"; // Tertiary brand color
-const ddsColorBrandTertiarySubtle = "#ffe6df"; // Tertiary brand color
-const ddsColorBrandTertiaryMedium = "#f6c1b1"; // Tertiary brand color
-const ddsColorBrandTertiaryStrong = "#f27e55";
-const ddsColorFocusOutside = "#2f4a5c"; // Contrast to .inside
+const ddsColorBrandSecondaryStrong = "#4d6463"; // Secondary brand color
+const ddsColorBrandTertiaryDefault = "#f27e55"; // Tertiary brand color
+const ddsColorBrandTertiarySubtle = "#fce5dd"; // Tertiary brand color
+const ddsColorBrandTertiaryMedium = "#f2a68f"; // Tertiary brand color
+const ddsColorBrandTertiaryStrong = "#d45d32"; // Tertiary brand color
+const ddsColorFocusOutside = "#2a4b61"; // Contrast to .inside
 const ddsColorFocusInside = "#f1f8fd"; // Contrast to .outside
+const ddsColorData10Default = "#196b8f";
+const ddsColorData10Subtle = "#96c5d9";
+const ddsColorData10Border = "#196b8f";
+const ddsColorData01Default = "#0f62fe";
+const ddsColorData01Subtle = "#9fc0ff";
+const ddsColorData01Border = "#0f62fe";
+const ddsColorData02Default = "#b3572f";
+const ddsColorData02Subtle = "#e1bcac";
+const ddsColorData02Border = "#b3572f";
+const ddsColorData03Default = "#727272";
+const ddsColorData03Subtle = "#c7c7c7";
+const ddsColorData03Border = "#727272";
+const ddsColorData04Default = "#198038";
+const ddsColorData04Subtle = "#a3ccaf";
+const ddsColorData04Border = "#198038";
+const ddsColorData05Default = "#8a3ffc";
+const ddsColorData05Subtle = "#d0b2fe";
+const ddsColorData05Border = "#8a3ffc";
+const ddsColorData06Default = "#b62665";
+const ddsColorData06Subtle = "#dfa5bf";
+const ddsColorData06Border = "#b62665";
+const ddsColorData07Default = "#7c7518";
+const ddsColorData07Subtle = "#cdc9a1";
+const ddsColorData07Border = "#7c7518";
+const ddsColorData08Default = "#da1e28";
+const ddsColorData08Subtle = "#f0a5a9";
+const ddsColorData08Border = "#da1e28";
+const ddsColorData09Default = "#007d79";
+const ddsColorData09Subtle = "#90ccc9";
+const ddsColorData09Border = "#007d79";
 const ddsFontLabelMedium = "600 0.875rem/1.5 'IBM Plex Sans', Arial, sans-serif"; // Label for form components
 const ddsFontBodyXsmall = "400 0.75rem/1.5 'IBM Plex Sans', Arial, sans-serif"; //  used with xsmall button and input fields
 const ddsFontBodySmall = "400 0.875rem/1.5 'IBM Plex Sans', Arial, sans-serif"; //  used with small button and input fields
@@ -287,4 +392,4 @@ const ddsFontLabelMediumLetterSpacing = "0.01em";
 const ddsFontLabelMediumParagraphSpacing = "1em";
 const ddsFontLabelMediumParagraphSpacingNumberEm = 1;
 
-export { ddsBorderRadiusButton, ddsBorderRadiusButtonNumberPx, ddsBorderRadiusChip, ddsBorderRadiusChipNumberPx, ddsBorderRadiusInput, ddsBorderRadiusInputNumberPx, ddsBorderRadiusRounded, ddsBorderRadiusRoundedNumberPx, ddsBorderRadiusSurface, ddsBorderRadiusSurfaceNumberPx, ddsBreakpointLg, ddsBreakpointLgNumberPx, ddsBreakpointMd, ddsBreakpointMdNumberPx, ddsBreakpointSm, ddsBreakpointSmNumberPx, ddsBreakpointXl, ddsBreakpointXlNumberPx, ddsBreakpointXs, ddsBreakpointXsNumberPx, ddsColorBgDefault, ddsColorBgSubtle, ddsColorBorderActionDefault, ddsColorBorderActionHover, ddsColorBorderDanger, ddsColorBorderDefault, ddsColorBorderInfo, ddsColorBorderInverse, ddsColorBorderOnAction, ddsColorBorderSubtle, ddsColorBorderSuccess, ddsColorBorderWarning, ddsColorBrandPrimaryDefault, ddsColorBrandPrimaryMedium, ddsColorBrandPrimaryStrong, ddsColorBrandPrimarySubtle, ddsColorBrandSecondaryDefault, ddsColorBrandSecondaryMedium, ddsColorBrandSecondaryStrong, ddsColorBrandSecondarySubtle, ddsColorBrandTertiaryDefault, ddsColorBrandTertiaryMedium, ddsColorBrandTertiaryStrong, ddsColorBrandTertiarySubtle, ddsColorFocusInside, ddsColorFocusOutside, ddsColorIconActionHover, ddsColorIconActionResting, ddsColorIconDanger, ddsColorIconDefault, ddsColorIconMedium, ddsColorIconOnAction, ddsColorIconOnDangerDefault, ddsColorIconOnDangerStrong, ddsColorIconOnInfoDefault, ddsColorIconOnInfoStrong, ddsColorIconOnInverse, ddsColorIconOnSuccessDefault, ddsColorIconOnSuccessStrong, ddsColorIconOnWarningDefault, ddsColorIconOnWarningStrong, ddsColorIconSubtle, ddsColorSurfaceActionDangerHover, ddsColorSurfaceActionDangerResting, ddsColorSurfaceActionHover, ddsColorSurfaceActionResting, ddsColorSurfaceActionSelected, ddsColorSurfaceActionSelectedDisabled, ddsColorSurfaceBackdropDefault, ddsColorSurfaceDangerDefault, ddsColorSurfaceDangerStrong, ddsColorSurfaceDefault, ddsColorSurfaceFieldDefault, ddsColorSurfaceFieldDisabled, ddsColorSurfaceHighlightedDefault, ddsColorSurfaceHoverDefault, ddsColorSurfaceHoverSubtle, ddsColorSurfaceInfoDefault, ddsColorSurfaceInfoStrong, ddsColorSurfaceInverseDefault, ddsColorSurfaceInverseHover, ddsColorSurfaceInverseSelected, ddsColorSurfaceMedium, ddsColorSurfaceNotification, ddsColorSurfacePaperDefault, ddsColorSurfaceScrollbar, ddsColorSurfaceSelectedDefault, ddsColorSurfaceSkeleton, ddsColorSurfaceSubtle, ddsColorSurfaceSuccessDefault, ddsColorSurfaceSuccessStrong, ddsColorSurfaceWarningDefault, ddsColorSurfaceWarningStrong, ddsColorTextActionHover, ddsColorTextActionResting, ddsColorTextActionVisited, ddsColorTextActionVisitedOnInverse, ddsColorTextDanger, ddsColorTextDefault, ddsColorTextMedium, ddsColorTextOnAction, ddsColorTextOnInverse, ddsColorTextOnNotification, ddsColorTextOnStatusDefault, ddsColorTextOnStatusStrong, ddsColorTextRequiredfield, ddsColorTextSubtle, ddsFontBodyLarge, ddsFontBodyLargeLetterSpacing, ddsFontBodyLargeParagraphSpacing, ddsFontBodyLargeParagraphSpacingNumberEm, ddsFontBodyMedium, ddsFontBodyMediumLetterSpacing, ddsFontBodyMediumParagraphSpacing, ddsFontBodyMediumParagraphSpacingNumberEm, ddsFontBodySmall, ddsFontBodySmallLetterSpacing, ddsFontBodySmallParagraphSpacing, ddsFontBodySmallParagraphSpacingNumberEm, ddsFontBodyXsmall, ddsFontBodyXsmallLetterSpacing, ddsFontBodyXsmallParagraphSpacing, ddsFontBodyXsmallParagraphSpacingNumberEm, ddsFontCodeMedium, ddsFontCodeMediumLetterSpacing, ddsFontCodeMediumParagraphSpacing, ddsFontCodeMediumParagraphSpacingNumberEm, ddsFontFamilyMonospace, ddsFontFamilySans, ddsFontHeadingLarge, ddsFontHeadingLargeLetterSpacing, ddsFontHeadingLargeParagraphSpacing, ddsFontHeadingLargeParagraphSpacingNumberEm, ddsFontHeadingMedium, ddsFontHeadingMediumLetterSpacing, ddsFontHeadingMediumParagraphSpacing, ddsFontHeadingMediumParagraphSpacingNumberEm, ddsFontHeadingSmall, ddsFontHeadingSmallLetterSpacing, ddsFontHeadingSmallParagraphSpacing, ddsFontHeadingSmallParagraphSpacingNumberEm, ddsFontHeadingXlarge, ddsFontHeadingXlargeLetterSpacing, ddsFontHeadingXlargeParagraphSpacing, ddsFontHeadingXlargeParagraphSpacingNumberEm, ddsFontHeadingXsmall, ddsFontHeadingXsmallLetterSpacing, ddsFontHeadingXsmallParagraphSpacing, ddsFontHeadingXsmallParagraphSpacingNumberEm, ddsFontHeadingXxlarge, ddsFontHeadingXxlargeLetterSpacing, ddsFontHeadingXxlargeParagraphSpacing, ddsFontHeadingXxlargeParagraphSpacingNumberEm, ddsFontHeadingXxsmall, ddsFontHeadingXxsmallLetterSpacing, ddsFontHeadingXxsmallParagraphSpacing, ddsFontHeadingXxsmallParagraphSpacingNumberEm, ddsFontLabelMedium, ddsFontLabelMediumLetterSpacing, ddsFontLabelMediumParagraphSpacing, ddsFontLabelMediumParagraphSpacingNumberEm, ddsFontLeadMedium, ddsFontLeadMediumLetterSpacing, ddsFontLeadMediumParagraphSpacing, ddsFontLeadMediumParagraphSpacingNumberEm, ddsFontLetterSpacingLoose, ddsFontLetterSpacingNormal, ddsFontLetterSpacingTight, ddsFontLineheightList, ddsFontLineheightX1, ddsFontLineheightX2, ddsFontLineheightX3, ddsFontParagraphSpacingHeading, ddsFontParagraphSpacingHeadingNumberEm, ddsFontParagraphSpacingLarge, ddsFontParagraphSpacingLargeNumberEm, ddsFontParagraphSpacingMedium, ddsFontParagraphSpacingMediumNumberEm, ddsFontParagraphSpacingSmall, ddsFontParagraphSpacingSmallNumberEm, ddsFontSizeLarge, ddsFontSizeLargeNumberRem, ddsFontSizeMedium, ddsFontSizeMediumNumberRem, ddsFontSizeSmall, ddsFontSizeSmallNumberRem, ddsFontSizeX075, ddsFontSizeX075NumberRem, ddsFontSizeX0875, ddsFontSizeX0875NumberRem, ddsFontSizeX1, ddsFontSizeX1125, ddsFontSizeX1125NumberRem, ddsFontSizeX125, ddsFontSizeX125NumberRem, ddsFontSizeX15, ddsFontSizeX15NumberRem, ddsFontSizeX1NumberRem, ddsFontSizeX2, ddsFontSizeX25, ddsFontSizeX25NumberRem, ddsFontSizeX2NumberRem, ddsFontSizeX3, ddsFontSizeX3NumberRem, ddsFontSizeX4, ddsFontSizeX4NumberRem, ddsFontSizeX5, ddsFontSizeX5NumberRem, ddsFontSizeXlarge, ddsFontSizeXlargeNumberRem, ddsFontSizeXsmall, ddsFontSizeXsmallNumberRem, ddsFontSizeXxlarge, ddsFontSizeXxlargeNumberRem, ddsFontSizeXxsmall, ddsFontSizeXxsmallNumberRem, ddsFontSizeXxxsmall, ddsFontSizeXxxsmallNumberRem, ddsFontStyleItalic, ddsFontStyleNormal, ddsFontStyleUnderline, ddsFontWeightBold, ddsFontWeightLight, ddsFontWeightNormal, ddsGridLgCount, ddsGridLgGutterSize, ddsGridLgGutterSizeNumberPx, ddsGridMdCount, ddsGridMdGutterSize, ddsGridMdGutterSizeNumberPx, ddsGridSmCount, ddsGridSmGutterSize, ddsGridSmGutterSizeNumberPx, ddsGridXlCount, ddsGridXlGutterSize, ddsGridXlGutterSizeNumberPx, ddsGridXsCount, ddsGridXsGutterSize, ddsGridXsGutterSizeNumberPx, ddsIconSizeLarge, ddsIconSizeLargeNumberPx, ddsIconSizeMedium, ddsIconSizeMediumNumberPx, ddsIconSizeSmall, ddsIconSizeSmallNumberPx, ddsShadow1, ddsShadow2, ddsShadow3, ddsShadow4, ddsSpacingPaddingTopHeading, ddsSpacingPaddingTopHeadingNumberEm, ddsSpacingX0, ddsSpacingX0125, ddsSpacingX0125NumberRem, ddsSpacingX025, ddsSpacingX025NumberRem, ddsSpacingX05, ddsSpacingX05NumberRem, ddsSpacingX075, ddsSpacingX075NumberRem, ddsSpacingX0NumberRem, ddsSpacingX1, ddsSpacingX10, ddsSpacingX10NumberRem, ddsSpacingX15, ddsSpacingX15NumberRem, ddsSpacingX1NumberRem, ddsSpacingX2, ddsSpacingX25, ddsSpacingX25NumberRem, ddsSpacingX2NumberRem, ddsSpacingX3, ddsSpacingX3NumberRem, ddsSpacingX4, ddsSpacingX4NumberRem, ddsSpacingX6, ddsSpacingX6NumberRem, ddsZindexAbsoluteElement, ddsZindexDrawer, ddsZindexDrawerBackdrop, ddsZindexDropdown, ddsZindexModalBackdrop, ddsZindexOverflowmenu, ddsZindexPopover, ddsZindexSkiptocontent, ddsZindexSticky, ddsZindexTooltip };
+export { ddsBorderRadiusButton, ddsBorderRadiusButtonNumberPx, ddsBorderRadiusChip, ddsBorderRadiusChipNumberPx, ddsBorderRadiusInput, ddsBorderRadiusInputNumberPx, ddsBorderRadiusRounded, ddsBorderRadiusRoundedNumberPx, ddsBorderRadiusSurface, ddsBorderRadiusSurfaceNumberPx, ddsBreakpointLg, ddsBreakpointLgNumberPx, ddsBreakpointMd, ddsBreakpointMdNumberPx, ddsBreakpointSm, ddsBreakpointSmNumberPx, ddsBreakpointXl, ddsBreakpointXlNumberPx, ddsBreakpointXs, ddsBreakpointXsNumberPx, ddsColorBgDefault, ddsColorBgSubtle, ddsColorBorderActionDefault, ddsColorBorderActionHover, ddsColorBorderDanger, ddsColorBorderDefault, ddsColorBorderInfo, ddsColorBorderInverse, ddsColorBorderOnAction, ddsColorBorderSubtle, ddsColorBorderSuccess, ddsColorBorderWarning, ddsColorBrandPrimaryDefault, ddsColorBrandPrimaryMedium, ddsColorBrandPrimaryStrong, ddsColorBrandPrimarySubtle, ddsColorBrandSecondaryDefault, ddsColorBrandSecondaryMedium, ddsColorBrandSecondaryStrong, ddsColorBrandSecondarySubtle, ddsColorBrandTertiaryDefault, ddsColorBrandTertiaryMedium, ddsColorBrandTertiaryStrong, ddsColorBrandTertiarySubtle, ddsColorData01Border, ddsColorData01Default, ddsColorData01Subtle, ddsColorData02Border, ddsColorData02Default, ddsColorData02Subtle, ddsColorData03Border, ddsColorData03Default, ddsColorData03Subtle, ddsColorData04Border, ddsColorData04Default, ddsColorData04Subtle, ddsColorData05Border, ddsColorData05Default, ddsColorData05Subtle, ddsColorData06Border, ddsColorData06Default, ddsColorData06Subtle, ddsColorData07Border, ddsColorData07Default, ddsColorData07Subtle, ddsColorData08Border, ddsColorData08Default, ddsColorData08Subtle, ddsColorData09Border, ddsColorData09Default, ddsColorData09Subtle, ddsColorData10Border, ddsColorData10Default, ddsColorData10Subtle, ddsColorDataBlue100, ddsColorDataBlue200, ddsColorDataBlue300, ddsColorDataBlue400, ddsColorDataBlue500, ddsColorDataBlue600, ddsColorDataBlue700, ddsColorDataBlue800, ddsColorDataBlue900, ddsColorDataBrown100, ddsColorDataBrown200, ddsColorDataBrown300, ddsColorDataBrown400, ddsColorDataBrown500, ddsColorDataBrown600, ddsColorDataBrown700, ddsColorDataBrown800, ddsColorDataBrown900, ddsColorDataDeepblue100, ddsColorDataDeepblue200, ddsColorDataDeepblue300, ddsColorDataDeepblue400, ddsColorDataDeepblue500, ddsColorDataDeepblue600, ddsColorDataDeepblue700, ddsColorDataDeepblue800, ddsColorDataDeepblue900, ddsColorDataGray100, ddsColorDataGray200, ddsColorDataGray300, ddsColorDataGray400, ddsColorDataGray500, ddsColorDataGray600, ddsColorDataGray700, ddsColorDataGray800, ddsColorDataGray900, ddsColorDataGreen100, ddsColorDataGreen200, ddsColorDataGreen300, ddsColorDataGreen400, ddsColorDataGreen500, ddsColorDataGreen600, ddsColorDataGreen700, ddsColorDataGreen800, ddsColorDataGreen900, ddsColorDataMagenta100, ddsColorDataMagenta200, ddsColorDataMagenta300, ddsColorDataMagenta400, ddsColorDataMagenta500, ddsColorDataMagenta600, ddsColorDataMagenta700, ddsColorDataMagenta800, ddsColorDataMagenta900, ddsColorDataOlive100, ddsColorDataOlive200, ddsColorDataOlive300, ddsColorDataOlive400, ddsColorDataOlive500, ddsColorDataOlive600, ddsColorDataOlive700, ddsColorDataOlive800, ddsColorDataOlive900, ddsColorDataPurple100, ddsColorDataPurple200, ddsColorDataPurple300, ddsColorDataPurple400, ddsColorDataPurple500, ddsColorDataPurple600, ddsColorDataPurple700, ddsColorDataPurple800, ddsColorDataPurple900, ddsColorDataRed100, ddsColorDataRed200, ddsColorDataRed300, ddsColorDataRed400, ddsColorDataRed500, ddsColorDataRed600, ddsColorDataRed700, ddsColorDataRed800, ddsColorDataRed900, ddsColorDataTeal100, ddsColorDataTeal200, ddsColorDataTeal300, ddsColorDataTeal400, ddsColorDataTeal500, ddsColorDataTeal600, ddsColorDataTeal700, ddsColorDataTeal800, ddsColorDataTeal900, ddsColorFocusInside, ddsColorFocusOutside, ddsColorIconActionHover, ddsColorIconActionResting, ddsColorIconDanger, ddsColorIconDefault, ddsColorIconMedium, ddsColorIconOnAction, ddsColorIconOnDangerDefault, ddsColorIconOnDangerStrong, ddsColorIconOnInfoDefault, ddsColorIconOnInfoStrong, ddsColorIconOnInverse, ddsColorIconOnSuccessDefault, ddsColorIconOnSuccessStrong, ddsColorIconOnWarningDefault, ddsColorIconOnWarningStrong, ddsColorIconSubtle, ddsColorSurfaceActionDangerHover, ddsColorSurfaceActionDangerResting, ddsColorSurfaceActionHover, ddsColorSurfaceActionResting, ddsColorSurfaceActionSelected, ddsColorSurfaceActionSelectedDisabled, ddsColorSurfaceBackdropDefault, ddsColorSurfaceDangerDefault, ddsColorSurfaceDangerStrong, ddsColorSurfaceDefault, ddsColorSurfaceFieldDefault, ddsColorSurfaceFieldDisabled, ddsColorSurfaceHighlightedDefault, ddsColorSurfaceHoverDefault, ddsColorSurfaceHoverSubtle, ddsColorSurfaceInfoDefault, ddsColorSurfaceInfoStrong, ddsColorSurfaceInverseDefault, ddsColorSurfaceInverseHover, ddsColorSurfaceInverseSelected, ddsColorSurfaceMedium, ddsColorSurfaceNotification, ddsColorSurfacePaperDefault, ddsColorSurfaceScrollbar, ddsColorSurfaceSelectedDefault, ddsColorSurfaceSkeleton, ddsColorSurfaceSubtle, ddsColorSurfaceSuccessDefault, ddsColorSurfaceSuccessStrong, ddsColorSurfaceWarningDefault, ddsColorSurfaceWarningStrong, ddsColorTextActionHover, ddsColorTextActionResting, ddsColorTextActionVisited, ddsColorTextActionVisitedOnInverse, ddsColorTextDanger, ddsColorTextDefault, ddsColorTextMedium, ddsColorTextOnAction, ddsColorTextOnInverse, ddsColorTextOnNotification, ddsColorTextOnStatusDefault, ddsColorTextOnStatusStrong, ddsColorTextRequiredfield, ddsColorTextSubtle, ddsFontBodyLarge, ddsFontBodyLargeLetterSpacing, ddsFontBodyLargeParagraphSpacing, ddsFontBodyLargeParagraphSpacingNumberEm, ddsFontBodyMedium, ddsFontBodyMediumLetterSpacing, ddsFontBodyMediumParagraphSpacing, ddsFontBodyMediumParagraphSpacingNumberEm, ddsFontBodySmall, ddsFontBodySmallLetterSpacing, ddsFontBodySmallParagraphSpacing, ddsFontBodySmallParagraphSpacingNumberEm, ddsFontBodyXsmall, ddsFontBodyXsmallLetterSpacing, ddsFontBodyXsmallParagraphSpacing, ddsFontBodyXsmallParagraphSpacingNumberEm, ddsFontCodeMedium, ddsFontCodeMediumLetterSpacing, ddsFontCodeMediumParagraphSpacing, ddsFontCodeMediumParagraphSpacingNumberEm, ddsFontFamilyMonospace, ddsFontFamilySans, ddsFontHeadingLarge, ddsFontHeadingLargeLetterSpacing, ddsFontHeadingLargeParagraphSpacing, ddsFontHeadingLargeParagraphSpacingNumberEm, ddsFontHeadingMedium, ddsFontHeadingMediumLetterSpacing, ddsFontHeadingMediumParagraphSpacing, ddsFontHeadingMediumParagraphSpacingNumberEm, ddsFontHeadingSmall, ddsFontHeadingSmallLetterSpacing, ddsFontHeadingSmallParagraphSpacing, ddsFontHeadingSmallParagraphSpacingNumberEm, ddsFontHeadingXlarge, ddsFontHeadingXlargeLetterSpacing, ddsFontHeadingXlargeParagraphSpacing, ddsFontHeadingXlargeParagraphSpacingNumberEm, ddsFontHeadingXsmall, ddsFontHeadingXsmallLetterSpacing, ddsFontHeadingXsmallParagraphSpacing, ddsFontHeadingXsmallParagraphSpacingNumberEm, ddsFontHeadingXxlarge, ddsFontHeadingXxlargeLetterSpacing, ddsFontHeadingXxlargeParagraphSpacing, ddsFontHeadingXxlargeParagraphSpacingNumberEm, ddsFontHeadingXxsmall, ddsFontHeadingXxsmallLetterSpacing, ddsFontHeadingXxsmallParagraphSpacing, ddsFontHeadingXxsmallParagraphSpacingNumberEm, ddsFontLabelMedium, ddsFontLabelMediumLetterSpacing, ddsFontLabelMediumParagraphSpacing, ddsFontLabelMediumParagraphSpacingNumberEm, ddsFontLeadMedium, ddsFontLeadMediumLetterSpacing, ddsFontLeadMediumParagraphSpacing, ddsFontLeadMediumParagraphSpacingNumberEm, ddsFontLetterSpacingLoose, ddsFontLetterSpacingNormal, ddsFontLetterSpacingTight, ddsFontLineheightList, ddsFontLineheightX1, ddsFontLineheightX2, ddsFontLineheightX3, ddsFontParagraphSpacingHeading, ddsFontParagraphSpacingHeadingNumberEm, ddsFontParagraphSpacingLarge, ddsFontParagraphSpacingLargeNumberEm, ddsFontParagraphSpacingMedium, ddsFontParagraphSpacingMediumNumberEm, ddsFontParagraphSpacingSmall, ddsFontParagraphSpacingSmallNumberEm, ddsFontSizeX075, ddsFontSizeX075NumberRem, ddsFontSizeX0875, ddsFontSizeX0875NumberRem, ddsFontSizeX1, ddsFontSizeX1125, ddsFontSizeX1125NumberRem, ddsFontSizeX125, ddsFontSizeX125NumberRem, ddsFontSizeX15, ddsFontSizeX15NumberRem, ddsFontSizeX1NumberRem, ddsFontSizeX2, ddsFontSizeX25, ddsFontSizeX25NumberRem, ddsFontSizeX2NumberRem, ddsFontSizeX3, ddsFontSizeX3NumberRem, ddsFontSizeX4, ddsFontSizeX4NumberRem, ddsFontSizeX5, ddsFontSizeX5NumberRem, ddsFontStyleItalic, ddsFontStyleNormal, ddsFontStyleUnderline, ddsFontWeightBold, ddsFontWeightLight, ddsFontWeightNormal, ddsFontWeightSemiBold, ddsGridLgCount, ddsGridLgGutterSize, ddsGridLgGutterSizeNumberPx, ddsGridMdCount, ddsGridMdGutterSize, ddsGridMdGutterSizeNumberPx, ddsGridSmCount, ddsGridSmGutterSize, ddsGridSmGutterSizeNumberPx, ddsGridXlCount, ddsGridXlGutterSize, ddsGridXlGutterSizeNumberPx, ddsGridXsCount, ddsGridXsGutterSize, ddsGridXsGutterSizeNumberPx, ddsIconSizeLarge, ddsIconSizeLargeNumberPx, ddsIconSizeMedium, ddsIconSizeMediumNumberPx, ddsIconSizeSmall, ddsIconSizeSmallNumberPx, ddsShadow1, ddsShadow2, ddsShadow3, ddsShadow4, ddsSpacingPaddingTopHeading, ddsSpacingPaddingTopHeadingNumberEm, ddsSpacingX0, ddsSpacingX0125, ddsSpacingX0125NumberRem, ddsSpacingX025, ddsSpacingX025NumberRem, ddsSpacingX05, ddsSpacingX05NumberRem, ddsSpacingX075, ddsSpacingX075NumberRem, ddsSpacingX0NumberRem, ddsSpacingX1, ddsSpacingX10, ddsSpacingX10NumberRem, ddsSpacingX15, ddsSpacingX15NumberRem, ddsSpacingX1NumberRem, ddsSpacingX2, ddsSpacingX25, ddsSpacingX25NumberRem, ddsSpacingX2NumberRem, ddsSpacingX3, ddsSpacingX3NumberRem, ddsSpacingX4, ddsSpacingX4NumberRem, ddsSpacingX6, ddsSpacingX6NumberRem, ddsZindexAbsoluteElement, ddsZindexDrawer, ddsZindexDrawerBackdrop, ddsZindexDropdown, ddsZindexModalBackdrop, ddsZindexOverflowmenu, ddsZindexPopover, ddsZindexSkiptocontent, ddsZindexSticky, ddsZindexTooltip };