@fluentui/tokens 1.0.0-alpha.5 → 1.0.0-alpha.7

package/CHANGELOG.json

@@ -2,7 +2,94 @@
   "name": "@fluentui/tokens",
   "entries": [
     {
-      "date": "Fri, 12 May 2023 20:22:36 GMT",
+      "date": "Fri, 04 Aug 2023 08:48:24 GMT",
+      "tag": "@fluentui/tokens_v1.0.0-alpha.7",
+      "version": "1.0.0-alpha.7",
+      "comments": {
+        "prerelease": [
+          {
+            "author": "miroslav.stastny@microsoft.com",
+            "package": "@fluentui/tokens",
+            "commit": "141424a604b98ea762cfa375fe78df8c9e6bdec8",
+            "comment": "feat: add status color tokens"
+          },
+          {
+            "author": "miroslav.stastny@microsoft.com",
+            "package": "@fluentui/tokens",
+            "commit": "01cc58f793345482d293c6837db64f85f552562d",
+            "comment": "Add colorBrandStroke2Contrast and colorNeutralStrokeAlpha2"
+          }
+        ]
+      }
+    },
+    {
+      "date": "Wed, 28 Jun 2023 11:12:36 GMT",
+      "tag": "@fluentui/tokens_v1.0.0-alpha.6",
+      "version": "1.0.0-alpha.6",
+      "comments": {
+        "none": [
+          {
+            "author": "martinhochel@microsoft.com",
+            "package": "@fluentui/tokens",
+            "commit": "fbe878e9c9785588197481f172c42c2c0a230292",
+            "comment": "fix: update .npmignore to unify v8 packages and exclude project.json"
+          }
+        ]
+      }
+    },
+    {
+      "date": "Tue, 20 Jun 2023 12:39:07 GMT",
+      "tag": "@fluentui/tokens_v1.0.0-alpha.6",
+      "version": "1.0.0-alpha.6",
+      "comments": {
+        "prerelease": [
+          {
+            "author": "miroslav.stastny@microsoft.com",
+            "package": "@fluentui/tokens",
+            "commit": "7516a6bde1bd7b8c957ca479ffcb0e737e9ca693",
+            "comment": "Add/update theme tokens"
+          },
+          {
+            "author": "martinhochel@microsoft.com",
+            "package": "@fluentui/tokens",
+            "commit": "cf6b94ba6559236150bc1f1814b023607edaeb20",
+            "comment": "fix:  cast to String keys interpolated within string literals"
+          }
+        ]
+      }
+    },
+    {
+      "date": "Wed, 24 May 2023 20:45:37 GMT",
+      "tag": "@fluentui/tokens_v1.0.0-alpha.5",
+      "version": "1.0.0-alpha.5",
+      "comments": {
+        "none": [
+          {
+            "author": "olfedias@microsoft.com",
+            "package": "@fluentui/tokens",
+            "commit": "69e0617a93cb44ef42f3bd19284b7dc5fe27fed3",
+            "comment": "chore: update test-ssr script"
+          }
+        ]
+      }
+    },
+    {
+      "date": "Thu, 18 May 2023 00:39:20 GMT",
+      "tag": "@fluentui/tokens_v1.0.0-alpha.5",
+      "version": "1.0.0-alpha.5",
+      "comments": {
+        "none": [
+          {
+            "author": "olfedias@microsoft.com",
+            "package": "@fluentui/tokens",
+            "commit": "06cd515eda59a3078bfe32f9cc7c1f281cd20208",
+            "comment": "chore: add test-ssr script to v9 packages"
+          }
+        ]
+      }
+    },
+    {
+      "date": "Fri, 12 May 2023 20:28:07 GMT",
       "tag": "@fluentui/tokens_v1.0.0-alpha.5",
       "version": "1.0.0-alpha.5",
       "comments": {

package/CHANGELOG.md

@@ -1,12 +1,32 @@
 # Change Log - @fluentui/tokens
 
-This log was last generated on Fri, 12 May 2023 20:22:36 GMT and should not be manually modified.
+This log was last generated on Fri, 04 Aug 2023 08:48:24 GMT and should not be manually modified.
 
 <!-- Start content -->
 
+## [1.0.0-alpha.7](https://github.com/microsoft/fluentui/tree/@fluentui/tokens_v1.0.0-alpha.7)
+
+Fri, 04 Aug 2023 08:48:24 GMT 
+[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/tokens_v1.0.0-alpha.6..@fluentui/tokens_v1.0.0-alpha.7)
+
+### Changes
+
+- feat: add status color tokens ([PR #28006](https://github.com/microsoft/fluentui/pull/28006) by miroslav.stastny@microsoft.com)
+- Add colorBrandStroke2Contrast and colorNeutralStrokeAlpha2 ([PR #28638](https://github.com/microsoft/fluentui/pull/28638) by miroslav.stastny@microsoft.com)
+
+## [1.0.0-alpha.6](https://github.com/microsoft/fluentui/tree/@fluentui/tokens_v1.0.0-alpha.6)
+
+Tue, 20 Jun 2023 12:39:07 GMT 
+[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/tokens_v1.0.0-alpha.5..@fluentui/tokens_v1.0.0-alpha.6)
+
+### Changes
+
+- Add/update theme tokens ([PR #27791](https://github.com/microsoft/fluentui/pull/27791) by miroslav.stastny@microsoft.com)
+- fix:  cast to String keys interpolated within string literals ([PR #28067](https://github.com/microsoft/fluentui/pull/28067) by martinhochel@microsoft.com)
+
 ## [1.0.0-alpha.5](https://github.com/microsoft/fluentui/tree/@fluentui/tokens_v1.0.0-alpha.5)
 
-Fri, 12 May 2023 20:22:36 GMT 
+Fri, 12 May 2023 20:28:07 GMT 
 [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/tokens_v1.0.0-alpha.4..@fluentui/tokens_v1.0.0-alpha.5)
 
 ### Changes

package/dist/index.d.ts

@@ -83,6 +83,14 @@ export declare type ColorPaletteTokens = StatusColorPaletteTokens & PersonaColor
 
 export declare type ColorPaletteYellow = 'colorPaletteYellowBackground1' | 'colorPaletteYellowBackground2' | 'colorPaletteYellowBackground3' | 'colorPaletteYellowForeground1' | 'colorPaletteYellowForeground2' | 'colorPaletteYellowForeground3' | 'colorPaletteYellowForegroundInverted' | 'colorPaletteYellowBorderActive' | 'colorPaletteYellowBorder1' | 'colorPaletteYellowBorder2';
 
+declare type ColorStatusDanger = 'colorStatusDangerBackground1' | 'colorStatusDangerBackground2' | 'colorStatusDangerBackground3' | 'colorStatusDangerForeground1' | 'colorStatusDangerForeground2' | 'colorStatusDangerForeground3' | 'colorStatusDangerForegroundInverted' | 'colorStatusDangerBorderActive' | 'colorStatusDangerBorder1' | 'colorStatusDangerBorder2';
+
+declare type ColorStatusSuccess = 'colorStatusSuccessBackground1' | 'colorStatusSuccessBackground2' | 'colorStatusSuccessBackground3' | 'colorStatusSuccessForeground1' | 'colorStatusSuccessForeground2' | 'colorStatusSuccessForeground3' | 'colorStatusSuccessForegroundInverted' | 'colorStatusSuccessBorderActive' | 'colorStatusSuccessBorder1' | 'colorStatusSuccessBorder2';
+
+declare type ColorStatusTokens = Record<ColorStatusSuccess | ColorStatusWarning | ColorStatusDanger, string>;
+
+declare type ColorStatusWarning = 'colorStatusWarningBackground1' | 'colorStatusWarningBackground2' | 'colorStatusWarningBackground3' | 'colorStatusWarningForeground1' | 'colorStatusWarningForeground2' | 'colorStatusWarningForeground3' | 'colorStatusWarningForegroundInverted' | 'colorStatusWarningBorderActive' | 'colorStatusWarningBorder1' | 'colorStatusWarningBorder2';
+
 /**
  * Design tokens for alias colors
  */
@@ -121,6 +129,8 @@ export declare type ColorTokens = {
     colorCompoundBrandForeground1Pressed: string;
     colorBrandForeground1: string;
     colorBrandForeground2: string;
+    colorBrandForeground2Hover: string;
+    colorBrandForeground2Pressed: string;
     colorNeutralForeground1Static: string;
     colorNeutralForegroundInverted: string;
     colorNeutralForegroundInvertedHover: string;
@@ -197,6 +207,8 @@ export declare type ColorTokens = {
     colorCompoundBrandBackgroundPressed: string;
     colorBrandBackgroundStatic: string;
     colorBrandBackground2: string;
+    colorBrandBackground2Hover: string;
+    colorBrandBackground2Pressed: string;
     colorBrandBackgroundInverted: string;
     colorBrandBackgroundInvertedHover: string;
     colorBrandBackgroundInvertedPressed: string;
@@ -211,6 +223,7 @@ export declare type ColorTokens = {
     colorNeutralStroke1Selected: string;
     colorNeutralStroke2: string;
     colorNeutralStroke3: string;
+    colorNeutralStrokeSubtle: string;
     colorNeutralStrokeOnBrand: string;
     colorNeutralStrokeOnBrand2: string;
     colorNeutralStrokeOnBrand2Hover: string;
@@ -218,6 +231,9 @@ export declare type ColorTokens = {
     colorNeutralStrokeOnBrand2Selected: string;
     colorBrandStroke1: string;
     colorBrandStroke2: string;
+    colorBrandStroke2Hover: string;
+    colorBrandStroke2Pressed: string;
+    colorBrandStroke2Contrast: string;
     colorCompoundBrandStroke: string;
     colorCompoundBrandStrokeHover: string;
     colorCompoundBrandStrokePressed: string;
@@ -227,6 +243,7 @@ export declare type ColorTokens = {
     colorTransparentStrokeInteractive: string;
     colorTransparentStrokeDisabled: string;
     colorNeutralStrokeAlpha: string;
+    colorNeutralStrokeAlpha2: string;
     colorStrokeFocus1: string;
     colorStrokeFocus2: string;
     colorNeutralShadowAmbient: string;
@@ -376,7 +393,7 @@ export declare const teamsHighContrastTheme: Theme;
 
 export declare const teamsLightTheme: Theme;
 
-export declare type Theme = FontSizeTokens & LineHeightTokens & BorderRadiusTokens & StrokeWidthTokens & HorizontalSpacingTokens & VerticalSpacingTokens & DurationTokens & CurveTokens & ShadowTokens & ShadowBrandTokens & FontFamilyTokens & FontWeightTokens & ColorPaletteTokens & ColorTokens;
+export declare type Theme = FontSizeTokens & LineHeightTokens & BorderRadiusTokens & StrokeWidthTokens & HorizontalSpacingTokens & VerticalSpacingTokens & DurationTokens & CurveTokens & ShadowTokens & ShadowBrandTokens & FontFamilyTokens & FontWeightTokens & ColorPaletteTokens & ColorStatusTokens & ColorTokens;
 
 /**
  * Programmatically generates a tokens to css variables mapping object from the keys in a theme.

package/lib/alias/darkColor.js

@@ -1,154 +1,162 @@
-/* !!! DO NOT EDIT !!! */ /* This file has been generated by the token pipeline */import { black, blackAlpha, grey, grey10Alpha, grey12Alpha, grey14Alpha, white, whiteAlpha } from '../global/colors';
-export const generateColorTokens = brand => ({
-  colorNeutralForeground1: white,
-  colorNeutralForeground1Hover: white,
-  colorNeutralForeground1Pressed: white,
-  colorNeutralForeground1Selected: white,
-  colorNeutralForeground2: grey[84],
-  colorNeutralForeground2Hover: white,
-  colorNeutralForeground2Pressed: white,
-  colorNeutralForeground2Selected: white,
-  colorNeutralForeground2BrandHover: brand[100],
-  colorNeutralForeground2BrandPressed: brand[90],
-  colorNeutralForeground2BrandSelected: brand[100],
-  colorNeutralForeground3: grey[68],
-  colorNeutralForeground3Hover: grey[84],
-  colorNeutralForeground3Pressed: grey[84],
-  colorNeutralForeground3Selected: grey[84],
-  colorNeutralForeground3BrandHover: brand[100],
-  colorNeutralForeground3BrandPressed: brand[90],
-  colorNeutralForeground3BrandSelected: brand[100],
-  colorNeutralForeground4: grey[60],
-  colorNeutralForegroundDisabled: grey[36],
-  colorNeutralForegroundInvertedDisabled: whiteAlpha[40],
-  colorBrandForegroundLink: brand[100],
-  colorBrandForegroundLinkHover: brand[110],
-  colorBrandForegroundLinkPressed: brand[90],
-  colorBrandForegroundLinkSelected: brand[100],
-  colorNeutralForeground2Link: grey[84],
-  colorNeutralForeground2LinkHover: white,
-  colorNeutralForeground2LinkPressed: white,
-  colorNeutralForeground2LinkSelected: white,
-  colorCompoundBrandForeground1: brand[100],
-  colorCompoundBrandForeground1Hover: brand[110],
-  colorCompoundBrandForeground1Pressed: brand[90],
-  colorBrandForeground1: brand[100],
-  colorBrandForeground2: brand[110],
-  colorNeutralForeground1Static: grey[14],
-  colorNeutralForegroundStaticInverted: white,
-  colorNeutralForegroundInverted: grey[14],
-  colorNeutralForegroundInvertedHover: grey[14],
-  colorNeutralForegroundInvertedPressed: grey[14],
-  colorNeutralForegroundInvertedSelected: grey[14],
-  colorNeutralForegroundInverted2: grey[14],
-  colorNeutralForegroundOnBrand: white,
-  colorNeutralForegroundInvertedLink: white,
-  colorNeutralForegroundInvertedLinkHover: white,
-  colorNeutralForegroundInvertedLinkPressed: white,
-  colorNeutralForegroundInvertedLinkSelected: white,
-  colorBrandForegroundInverted: brand[80],
-  colorBrandForegroundInvertedHover: brand[70],
-  colorBrandForegroundInvertedPressed: brand[60],
-  colorBrandForegroundOnLight: brand[80],
-  colorBrandForegroundOnLightHover: brand[70],
-  colorBrandForegroundOnLightPressed: brand[50],
-  colorBrandForegroundOnLightSelected: brand[60],
-  colorNeutralBackground1: grey[16],
-  colorNeutralBackground1Hover: grey[24],
-  colorNeutralBackground1Pressed: grey[12],
-  colorNeutralBackground1Selected: grey[22],
-  colorNeutralBackground2: grey[12],
-  colorNeutralBackground2Hover: grey[20],
-  colorNeutralBackground2Pressed: grey[8],
-  colorNeutralBackground2Selected: grey[18],
-  colorNeutralBackground3: grey[8],
-  colorNeutralBackground3Hover: grey[16],
-  colorNeutralBackground3Pressed: grey[4],
-  colorNeutralBackground3Selected: grey[14],
-  colorNeutralBackground4: grey[4],
-  colorNeutralBackground4Hover: grey[12],
-  colorNeutralBackground4Pressed: black,
-  colorNeutralBackground4Selected: grey[10],
-  colorNeutralBackground5: black,
-  colorNeutralBackground5Hover: grey[8],
-  colorNeutralBackground5Pressed: grey[2],
-  colorNeutralBackground5Selected: grey[6],
-  colorNeutralBackground6: grey[20],
-  colorNeutralBackgroundInverted: white,
-  colorNeutralBackgroundStatic: grey[24],
-  colorNeutralBackgroundAlpha: grey10Alpha[50],
-  colorNeutralBackgroundAlpha2: grey12Alpha[70],
-  colorSubtleBackground: 'transparent',
-  colorSubtleBackgroundHover: grey[22],
-  colorSubtleBackgroundPressed: grey[18],
-  colorSubtleBackgroundSelected: grey[20],
-  colorSubtleBackgroundLightAlphaHover: grey14Alpha[80],
-  colorSubtleBackgroundLightAlphaPressed: grey14Alpha[50],
-  colorSubtleBackgroundLightAlphaSelected: 'transparent',
-  colorSubtleBackgroundInverted: 'transparent',
-  colorSubtleBackgroundInvertedHover: blackAlpha[10],
-  colorSubtleBackgroundInvertedPressed: blackAlpha[30],
-  colorSubtleBackgroundInvertedSelected: blackAlpha[20],
-  colorTransparentBackground: 'transparent',
-  colorTransparentBackgroundHover: 'transparent',
-  colorTransparentBackgroundPressed: 'transparent',
-  colorTransparentBackgroundSelected: 'transparent',
-  colorNeutralBackgroundDisabled: grey[8],
-  colorNeutralBackgroundInvertedDisabled: whiteAlpha[10],
-  colorNeutralStencil1: grey[34],
-  colorNeutralStencil2: grey[20],
-  colorNeutralStencil1Alpha: whiteAlpha[10],
-  colorNeutralStencil2Alpha: whiteAlpha[5],
-  colorBackgroundOverlay: blackAlpha[50],
-  colorScrollbarOverlay: whiteAlpha[60],
-  colorBrandBackground: brand[70],
-  colorBrandBackgroundHover: brand[80],
-  colorBrandBackgroundPressed: brand[40],
-  colorBrandBackgroundSelected: brand[60],
-  colorCompoundBrandBackground: brand[100],
-  colorCompoundBrandBackgroundHover: brand[110],
-  colorCompoundBrandBackgroundPressed: brand[90],
-  colorBrandBackgroundStatic: brand[80],
-  colorBrandBackground2: brand[40],
-  colorBrandBackgroundInverted: white,
-  colorBrandBackgroundInvertedHover: brand[160],
-  colorBrandBackgroundInvertedPressed: brand[140],
-  colorBrandBackgroundInvertedSelected: brand[150],
-  colorNeutralStrokeAccessible: grey[68],
-  colorNeutralStrokeAccessibleHover: grey[74],
-  colorNeutralStrokeAccessiblePressed: grey[70],
-  colorNeutralStrokeAccessibleSelected: brand[100],
-  colorNeutralStroke1: grey[40],
-  colorNeutralStroke1Hover: grey[46],
-  colorNeutralStroke1Pressed: grey[42],
-  colorNeutralStroke1Selected: grey[44],
-  colorNeutralStroke2: grey[32],
-  colorNeutralStroke3: grey[24],
-  colorNeutralStrokeOnBrand: grey[16],
-  colorNeutralStrokeOnBrand2: white,
-  colorNeutralStrokeOnBrand2Hover: white,
-  colorNeutralStrokeOnBrand2Pressed: white,
-  colorNeutralStrokeOnBrand2Selected: white,
-  colorBrandStroke1: brand[100],
-  colorBrandStroke2: brand[50],
-  colorCompoundBrandStroke: brand[100],
-  colorCompoundBrandStrokeHover: brand[110],
-  colorCompoundBrandStrokePressed: brand[90],
-  colorNeutralStrokeDisabled: grey[26],
-  colorNeutralStrokeInvertedDisabled: whiteAlpha[40],
-  colorTransparentStroke: 'transparent',
-  colorTransparentStrokeInteractive: 'transparent',
-  colorTransparentStrokeDisabled: 'transparent',
-  colorNeutralStrokeAlpha: whiteAlpha[10],
-  colorStrokeFocus1: black,
-  colorStrokeFocus2: white,
-  colorNeutralShadowAmbient: 'rgba(0,0,0,0.24)',
-  colorNeutralShadowKey: 'rgba(0,0,0,0.28)',
-  colorNeutralShadowAmbientLighter: 'rgba(0,0,0,0.12)',
-  colorNeutralShadowKeyLighter: 'rgba(0,0,0,0.14)',
-  colorNeutralShadowAmbientDarker: 'rgba(0,0,0,0.40)',
-  colorNeutralShadowKeyDarker: 'rgba(0,0,0,0.48)',
-  colorBrandShadowAmbient: 'rgba(0,0,0,0.30)',
-  colorBrandShadowKey: 'rgba(0,0,0,0.25)'
-});
-//# sourceMappingURL=darkColor.js.map
+/* !!! DO NOT EDIT !!! */ /* This file has been generated by the token pipeline */ import { black, blackAlpha, grey, grey10Alpha, grey12Alpha, grey14Alpha, white, whiteAlpha } from '../global/colors';
+export const generateColorTokens = (brand)=>({
+        colorNeutralForeground1: white,
+        colorNeutralForeground1Hover: white,
+        colorNeutralForeground1Pressed: white,
+        colorNeutralForeground1Selected: white,
+        colorNeutralForeground2: grey[84],
+        colorNeutralForeground2Hover: white,
+        colorNeutralForeground2Pressed: white,
+        colorNeutralForeground2Selected: white,
+        colorNeutralForeground2BrandHover: brand[100],
+        colorNeutralForeground2BrandPressed: brand[90],
+        colorNeutralForeground2BrandSelected: brand[100],
+        colorNeutralForeground3: grey[68],
+        colorNeutralForeground3Hover: grey[84],
+        colorNeutralForeground3Pressed: grey[84],
+        colorNeutralForeground3Selected: grey[84],
+        colorNeutralForeground3BrandHover: brand[100],
+        colorNeutralForeground3BrandPressed: brand[90],
+        colorNeutralForeground3BrandSelected: brand[100],
+        colorNeutralForeground4: grey[60],
+        colorNeutralForegroundDisabled: grey[36],
+        colorNeutralForegroundInvertedDisabled: whiteAlpha[40],
+        colorBrandForegroundLink: brand[100],
+        colorBrandForegroundLinkHover: brand[110],
+        colorBrandForegroundLinkPressed: brand[90],
+        colorBrandForegroundLinkSelected: brand[100],
+        colorNeutralForeground2Link: grey[84],
+        colorNeutralForeground2LinkHover: white,
+        colorNeutralForeground2LinkPressed: white,
+        colorNeutralForeground2LinkSelected: white,
+        colorCompoundBrandForeground1: brand[100],
+        colorCompoundBrandForeground1Hover: brand[110],
+        colorCompoundBrandForeground1Pressed: brand[90],
+        colorBrandForeground1: brand[100],
+        colorBrandForeground2: brand[110],
+        colorBrandForeground2Hover: brand[130],
+        colorBrandForeground2Pressed: brand[160],
+        colorNeutralForeground1Static: grey[14],
+        colorNeutralForegroundStaticInverted: white,
+        colorNeutralForegroundInverted: grey[14],
+        colorNeutralForegroundInvertedHover: grey[14],
+        colorNeutralForegroundInvertedPressed: grey[14],
+        colorNeutralForegroundInvertedSelected: grey[14],
+        colorNeutralForegroundInverted2: grey[14],
+        colorNeutralForegroundOnBrand: white,
+        colorNeutralForegroundInvertedLink: white,
+        colorNeutralForegroundInvertedLinkHover: white,
+        colorNeutralForegroundInvertedLinkPressed: white,
+        colorNeutralForegroundInvertedLinkSelected: white,
+        colorBrandForegroundInverted: brand[80],
+        colorBrandForegroundInvertedHover: brand[70],
+        colorBrandForegroundInvertedPressed: brand[60],
+        colorBrandForegroundOnLight: brand[80],
+        colorBrandForegroundOnLightHover: brand[70],
+        colorBrandForegroundOnLightPressed: brand[50],
+        colorBrandForegroundOnLightSelected: brand[60],
+        colorNeutralBackground1: grey[16],
+        colorNeutralBackground1Hover: grey[24],
+        colorNeutralBackground1Pressed: grey[12],
+        colorNeutralBackground1Selected: grey[22],
+        colorNeutralBackground2: grey[12],
+        colorNeutralBackground2Hover: grey[20],
+        colorNeutralBackground2Pressed: grey[8],
+        colorNeutralBackground2Selected: grey[18],
+        colorNeutralBackground3: grey[8],
+        colorNeutralBackground3Hover: grey[16],
+        colorNeutralBackground3Pressed: grey[4],
+        colorNeutralBackground3Selected: grey[14],
+        colorNeutralBackground4: grey[4],
+        colorNeutralBackground4Hover: grey[12],
+        colorNeutralBackground4Pressed: black,
+        colorNeutralBackground4Selected: grey[10],
+        colorNeutralBackground5: black,
+        colorNeutralBackground5Hover: grey[8],
+        colorNeutralBackground5Pressed: grey[2],
+        colorNeutralBackground5Selected: grey[6],
+        colorNeutralBackground6: grey[20],
+        colorNeutralBackgroundInverted: white,
+        colorNeutralBackgroundStatic: grey[24],
+        colorNeutralBackgroundAlpha: grey10Alpha[50],
+        colorNeutralBackgroundAlpha2: grey12Alpha[70],
+        colorSubtleBackground: 'transparent',
+        colorSubtleBackgroundHover: grey[22],
+        colorSubtleBackgroundPressed: grey[18],
+        colorSubtleBackgroundSelected: grey[20],
+        colorSubtleBackgroundLightAlphaHover: grey14Alpha[80],
+        colorSubtleBackgroundLightAlphaPressed: grey14Alpha[50],
+        colorSubtleBackgroundLightAlphaSelected: 'transparent',
+        colorSubtleBackgroundInverted: 'transparent',
+        colorSubtleBackgroundInvertedHover: blackAlpha[10],
+        colorSubtleBackgroundInvertedPressed: blackAlpha[30],
+        colorSubtleBackgroundInvertedSelected: blackAlpha[20],
+        colorTransparentBackground: 'transparent',
+        colorTransparentBackgroundHover: 'transparent',
+        colorTransparentBackgroundPressed: 'transparent',
+        colorTransparentBackgroundSelected: 'transparent',
+        colorNeutralBackgroundDisabled: grey[8],
+        colorNeutralBackgroundInvertedDisabled: whiteAlpha[10],
+        colorNeutralStencil1: grey[34],
+        colorNeutralStencil2: grey[20],
+        colorNeutralStencil1Alpha: whiteAlpha[10],
+        colorNeutralStencil2Alpha: whiteAlpha[5],
+        colorBackgroundOverlay: blackAlpha[50],
+        colorScrollbarOverlay: whiteAlpha[60],
+        colorBrandBackground: brand[70],
+        colorBrandBackgroundHover: brand[80],
+        colorBrandBackgroundPressed: brand[40],
+        colorBrandBackgroundSelected: brand[60],
+        colorCompoundBrandBackground: brand[100],
+        colorCompoundBrandBackgroundHover: brand[110],
+        colorCompoundBrandBackgroundPressed: brand[90],
+        colorBrandBackgroundStatic: brand[80],
+        colorBrandBackground2: brand[20],
+        colorBrandBackground2Hover: brand[40],
+        colorBrandBackground2Pressed: brand[10],
+        colorBrandBackgroundInverted: white,
+        colorBrandBackgroundInvertedHover: brand[160],
+        colorBrandBackgroundInvertedPressed: brand[140],
+        colorBrandBackgroundInvertedSelected: brand[150],
+        colorNeutralStrokeAccessible: grey[68],
+        colorNeutralStrokeAccessibleHover: grey[74],
+        colorNeutralStrokeAccessiblePressed: grey[70],
+        colorNeutralStrokeAccessibleSelected: brand[100],
+        colorNeutralStroke1: grey[40],
+        colorNeutralStroke1Hover: grey[46],
+        colorNeutralStroke1Pressed: grey[42],
+        colorNeutralStroke1Selected: grey[44],
+        colorNeutralStroke2: grey[32],
+        colorNeutralStroke3: grey[24],
+        colorNeutralStrokeSubtle: grey[4],
+        colorNeutralStrokeOnBrand: grey[16],
+        colorNeutralStrokeOnBrand2: white,
+        colorNeutralStrokeOnBrand2Hover: white,
+        colorNeutralStrokeOnBrand2Pressed: white,
+        colorNeutralStrokeOnBrand2Selected: white,
+        colorBrandStroke1: brand[100],
+        colorBrandStroke2: brand[50],
+        colorBrandStroke2Hover: brand[50],
+        colorBrandStroke2Pressed: brand[30],
+        colorBrandStroke2Contrast: brand[50],
+        colorCompoundBrandStroke: brand[100],
+        colorCompoundBrandStrokeHover: brand[110],
+        colorCompoundBrandStrokePressed: brand[90],
+        colorNeutralStrokeDisabled: grey[26],
+        colorNeutralStrokeInvertedDisabled: whiteAlpha[40],
+        colorTransparentStroke: 'transparent',
+        colorTransparentStrokeInteractive: 'transparent',
+        colorTransparentStrokeDisabled: 'transparent',
+        colorNeutralStrokeAlpha: whiteAlpha[10],
+        colorNeutralStrokeAlpha2: whiteAlpha[20],
+        colorStrokeFocus1: black,
+        colorStrokeFocus2: white,
+        colorNeutralShadowAmbient: 'rgba(0,0,0,0.24)',
+        colorNeutralShadowKey: 'rgba(0,0,0,0.28)',
+        colorNeutralShadowAmbientLighter: 'rgba(0,0,0,0.12)',
+        colorNeutralShadowKeyLighter: 'rgba(0,0,0,0.14)',
+        colorNeutralShadowAmbientDarker: 'rgba(0,0,0,0.40)',
+        colorNeutralShadowKeyDarker: 'rgba(0,0,0,0.48)',
+        colorBrandShadowAmbient: 'rgba(0,0,0,0.30)',
+        colorBrandShadowKey: 'rgba(0,0,0,0.25)'
+    });