@fluentui/tokens 1.0.0-alpha.2 → 1.0.0-alpha.21

package/CHANGELOG.md

@@ -1,12 +1,186 @@
 # Change Log - @fluentui/tokens
 
-This log was last generated on Wed, 21 Dec 2022 10:17:15 GMT and should not be manually modified.
+This log was last generated on Mon, 16 Dec 2024 16:22:05 GMT and should not be manually modified.
 
 <!-- Start content -->
 
+## [1.0.0-alpha.21](https://github.com/microsoft/fluentui/tree/@fluentui/tokens_v1.0.0-alpha.21)
+
+Mon, 16 Dec 2024 16:22:05 GMT 
+[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/tokens_v1.0.0-alpha.20..@fluentui/tokens_v1.0.0-alpha.21)
+
+### Changes
+
+- bugfix: ensure teams tokens follow teams overrides for fonts ([PR #33393](https://github.com/microsoft/fluentui/pull/33393) by bernardo.sunderhus@gmail.com)
+
+## [1.0.0-alpha.20](https://github.com/microsoft/fluentui/tree/@fluentui/tokens_v1.0.0-alpha.20)
+
+Fri, 06 Dec 2024 12:53:46 GMT 
+[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/tokens_v1.0.0-alpha.19..@fluentui/tokens_v1.0.0-alpha.20)
+
+### Changes
+
+- chore: remove usage of "export *"  ([PR #33380](https://github.com/microsoft/fluentui/pull/33380) by olfedias@microsoft.com)
+
+## [1.0.0-alpha.19](https://github.com/microsoft/fluentui/tree/@fluentui/tokens_v1.0.0-alpha.19)
+
+Mon, 11 Nov 2024 10:00:39 GMT 
+[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/tokens_v1.0.0-alpha.18..@fluentui/tokens_v1.0.0-alpha.19)
+
+### Changes
+
+- chore: replace npm-scripts and just-scrtips with nx inferred tasks ([PR #33074](https://github.com/microsoft/fluentui/pull/33074) by martinhochel@microsoft.com)
+
+## [1.0.0-alpha.18](https://github.com/microsoft/fluentui/tree/@fluentui/tokens_v1.0.0-alpha.18)
+
+Tue, 15 Oct 2024 17:17:52 GMT 
+[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/tokens_v1.0.0-alpha.17..@fluentui/tokens_v1.0.0-alpha.18)
+
+### Changes
+
+- feat: add explicit .js file extensions to all relative import/export statement within built output to support native ESM within browser ([PR #30770](https://github.com/microsoft/fluentui/pull/30770) by martinhochel@microsoft.com)
+
+## [1.0.0-alpha.17](https://github.com/microsoft/fluentui/tree/@fluentui/tokens_v1.0.0-alpha.17)
+
+Mon, 23 Sep 2024 12:40:16 GMT 
+[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/tokens_v1.0.0-alpha.16..@fluentui/tokens_v1.0.0-alpha.17)
+
+### Changes
+
+- feat: add z-index tokens ([PR #32356](https://github.com/microsoft/fluentui/pull/32356) by marcosvmmoura@gmail.com)
+
+## [1.0.0-alpha.16](https://github.com/microsoft/fluentui/tree/@fluentui/tokens_v1.0.0-alpha.16)
+
+Mon, 18 Mar 2024 19:50:46 GMT 
+[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/tokens_v1.0.0-alpha.15..@fluentui/tokens_v1.0.0-alpha.16)
+
+### Changes
+
+- reverting #30770 which caused compilation issues ([PR #30803](https://github.com/microsoft/fluentui/pull/30803) by mgodbolt@microsoft.com)
+
+## [1.0.0-alpha.15](https://github.com/microsoft/fluentui/tree/@fluentui/tokens_v1.0.0-alpha.15)
+
+Fri, 15 Mar 2024 21:43:49 GMT 
+[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/tokens_v1.0.0-alpha.14..@fluentui/tokens_v1.0.0-alpha.15)
+
+### Changes
+
+- feat: enable .js extension addition and directory import/export unwrapping in build output ([PR #30770](https://github.com/microsoft/fluentui/pull/30770) by martinhochel@microsoft.com)
+
+## [1.0.0-alpha.14](https://github.com/microsoft/fluentui/tree/@fluentui/tokens_v1.0.0-alpha.14)
+
+Thu, 07 Mar 2024 19:33:27 GMT 
+[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/tokens_v1.0.0-alpha.13..@fluentui/tokens_v1.0.0-alpha.14)
+
+### Changes
+
+- feat: Add/update color tokens ([PR #30412](https://github.com/microsoft/fluentui/pull/30412) by miroslav.stastny@microsoft.com)
+
+## [1.0.0-alpha.13](https://github.com/microsoft/fluentui/tree/@fluentui/tokens_v1.0.0-alpha.13)
+
+Thu, 09 Nov 2023 17:29:48 GMT 
+[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/tokens_v1.0.0-alpha.12..@fluentui/tokens_v1.0.0-alpha.13)
+
+### Changes
+
+- chore: use package.json#files setup instead of npmignore for all v9 libraries ([PR #29734](https://github.com/microsoft/fluentui/pull/29734) by martinhochel@microsoft.com)
+
+## [1.0.0-alpha.12](https://github.com/microsoft/fluentui/tree/@fluentui/tokens_v1.0.0-alpha.12)
+
+Wed, 01 Nov 2023 12:55:59 GMT 
+[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/tokens_v1.0.0-alpha.11..@fluentui/tokens_v1.0.0-alpha.12)
+
+### Changes
+
+- fix(tokens): Fix motion curves to match design ([PR #29546](https://github.com/microsoft/fluentui/pull/29546) by robertpenner@microsoft.com)
+
+## [1.0.0-alpha.11](https://github.com/microsoft/fluentui/tree/@fluentui/tokens_v1.0.0-alpha.11)
+
+Tue, 26 Sep 2023 17:49:15 GMT 
+[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/tokens_v1.0.0-alpha.10..@fluentui/tokens_v1.0.0-alpha.11)
+
+### Changes
+
+- chore: trigger manual version bump after broken release ([PR #29303](https://github.com/microsoft/fluentui/pull/29303) by yuanboxue@microsoft.com)
+
+## [1.0.0-alpha.10](https://github.com/microsoft/fluentui/tree/@fluentui/tokens_v1.0.0-alpha.10)
+
+Tue, 26 Sep 2023 15:31:40 GMT 
+[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/tokens_v1.0.0-alpha.9..@fluentui/tokens_v1.0.0-alpha.10)
+
+### Changes
+
+- fix: bump swc core to mitigate transpilation memory leaks ([PR #29253](https://github.com/microsoft/fluentui/pull/29253) by martinhochel@microsoft.com)
+
+## [1.0.0-alpha.9](https://github.com/microsoft/fluentui/tree/@fluentui/tokens_v1.0.0-alpha.9)
+
+Tue, 05 Sep 2023 13:29:13 GMT 
+[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/tokens_v1.0.0-alpha.8..@fluentui/tokens_v1.0.0-alpha.9)
+
+### Changes
+
+- bumps @swc/helpers version to 0.5.1 ([PR #28989](https://github.com/microsoft/fluentui/pull/28989) by bernardo.sunderhus@gmail.com)
+
+## [1.0.0-alpha.8](https://github.com/microsoft/fluentui/tree/@fluentui/tokens_v1.0.0-alpha.8)
+
+Wed, 09 Aug 2023 13:17:11 GMT 
+[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/tokens_v1.0.0-alpha.7..@fluentui/tokens_v1.0.0-alpha.8)
+
+### Changes
+
+- feat: add durationGentle ([PR #28770](https://github.com/microsoft/fluentui/pull/28770) by miroslav.stastny@microsoft.com)
+
+## [1.0.0-alpha.7](https://github.com/microsoft/fluentui/tree/@fluentui/tokens_v1.0.0-alpha.7)
+
+Fri, 04 Aug 2023 08:52:58 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: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
+
+- chore: exclude .swcrc from being published ([PR #27740](https://github.com/microsoft/fluentui/pull/27740) by olfedias@microsoft.com)
+
+## [1.0.0-alpha.4](https://github.com/microsoft/fluentui/tree/@fluentui/tokens_v1.0.0-alpha.4)
+
+Tue, 21 Mar 2023 21:23:17 GMT 
+[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/tokens_v1.0.0-alpha.3..@fluentui/tokens_v1.0.0-alpha.4)
+
+### Changes
+
+- chore: migrate to swc transpilation approach. ([PR #27250](https://github.com/microsoft/fluentui/pull/27250) by tristan.watanabe@gmail.com)
+- fix: add node field to package.json exports map. ([PR #27154](https://github.com/microsoft/fluentui/pull/27154) by tristan.watanabe@gmail.com)
+
+## [1.0.0-alpha.3](https://github.com/microsoft/fluentui/tree/@fluentui/tokens_v1.0.0-alpha.3)
+
+Wed, 15 Mar 2023 10:19:53 GMT 
+[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/tokens_v1.0.0-alpha.2..@fluentui/tokens_v1.0.0-alpha.3)
+
+### Changes
+
+- feat(tokens): Add colorNeutralBackgroundAlpha and colorNeutralStrokeAlpha tokens ([PR #27034](https://github.com/microsoft/fluentui/pull/27034) by miroslav.stastny@microsoft.com)
+
 ## [1.0.0-alpha.2](https://github.com/microsoft/fluentui/tree/@fluentui/tokens_v1.0.0-alpha.2)
 
-Wed, 21 Dec 2022 10:17:15 GMT 
+Wed, 21 Dec 2022 10:20:33 GMT 
 [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/tokens_v1.0.0-alpha.1..@fluentui/tokens_v1.0.0-alpha.2)
 
 ### 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' | 'colorStatusDangerBackground3Hover' | 'colorStatusDangerBackground3Pressed' | '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;
@@ -161,8 +171,10 @@ export declare type ColorTokens = {
     colorNeutralBackground5Pressed: string;
     colorNeutralBackground5Selected: string;
     colorNeutralBackground6: string;
-    colorNeutralBackgroundStatic: string;
     colorNeutralBackgroundInverted: string;
+    colorNeutralBackgroundStatic: string;
+    colorNeutralBackgroundAlpha: string;
+    colorNeutralBackgroundAlpha2: string;
     colorSubtleBackground: string;
     colorSubtleBackgroundHover: string;
     colorSubtleBackgroundPressed: string;
@@ -195,10 +207,19 @@ export declare type ColorTokens = {
     colorCompoundBrandBackgroundPressed: string;
     colorBrandBackgroundStatic: string;
     colorBrandBackground2: string;
+    colorBrandBackground2Hover: string;
+    colorBrandBackground2Pressed: string;
+    colorBrandBackground3Static: string;
+    colorBrandBackground4Static: string;
     colorBrandBackgroundInverted: string;
     colorBrandBackgroundInvertedHover: string;
     colorBrandBackgroundInvertedPressed: string;
     colorBrandBackgroundInvertedSelected: string;
+    colorNeutralCardBackground: string;
+    colorNeutralCardBackgroundHover: string;
+    colorNeutralCardBackgroundPressed: string;
+    colorNeutralCardBackgroundSelected: string;
+    colorNeutralCardBackgroundDisabled: string;
     colorNeutralStrokeAccessible: string;
     colorNeutralStrokeAccessibleHover: string;
     colorNeutralStrokeAccessiblePressed: string;
@@ -209,6 +230,7 @@ export declare type ColorTokens = {
     colorNeutralStroke1Selected: string;
     colorNeutralStroke2: string;
     colorNeutralStroke3: string;
+    colorNeutralStrokeSubtle: string;
     colorNeutralStrokeOnBrand: string;
     colorNeutralStrokeOnBrand2: string;
     colorNeutralStrokeOnBrand2Hover: string;
@@ -216,6 +238,9 @@ export declare type ColorTokens = {
     colorNeutralStrokeOnBrand2Selected: string;
     colorBrandStroke1: string;
     colorBrandStroke2: string;
+    colorBrandStroke2Hover: string;
+    colorBrandStroke2Pressed: string;
+    colorBrandStroke2Contrast: string;
     colorCompoundBrandStroke: string;
     colorCompoundBrandStrokeHover: string;
     colorCompoundBrandStrokePressed: string;
@@ -224,6 +249,8 @@ export declare type ColorTokens = {
     colorTransparentStroke: string;
     colorTransparentStrokeInteractive: string;
     colorTransparentStrokeDisabled: string;
+    colorNeutralStrokeAlpha: string;
+    colorNeutralStrokeAlpha2: string;
     colorStrokeFocus1: string;
     colorStrokeFocus2: string;
     colorNeutralShadowAmbient: string;
@@ -261,6 +288,7 @@ export declare type DurationTokens = {
     durationFaster: string;
     durationFast: string;
     durationNormal: string;
+    durationGentle: string;
     durationSlow: string;
     durationSlower: string;
     durationUltraSlow: string;
@@ -373,7 +401,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 & ZIndexTokens;
 
 /**
  * Programmatically generates a tokens to css variables mapping object from the keys in a theme.
@@ -437,4 +465,18 @@ export declare const webDarkTheme: Theme;
 
 export declare const webLightTheme: Theme;
 
+/**
+ * Design tokens for z-index groups and levels
+ */
+export declare type ZIndexTokens = {
+    zIndexBackground?: string;
+    zIndexContent?: string;
+    zIndexOverlay?: string;
+    zIndexPopup?: string;
+    zIndexMessages?: string;
+    zIndexFloating?: string;
+    zIndexPriority?: string;
+    zIndexDebug?: string;
+};
+
 export { }

package/lib/alias/darkColor.js

@@ -1,155 +1,169 @@
-/* !!! DO NOT EDIT !!! */
-
-/* This file has been generated by the token pipeline */
-import { black, blackAlpha, grey, 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],
-  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',
-  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)' // rgba(0,0,0,0.25) undefined
-
-});
-//# 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.js";
+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],
+        colorBrandBackground3Static: brand[60],
+        colorBrandBackground4Static: brand[40],
+        colorBrandBackgroundInverted: white,
+        colorBrandBackgroundInvertedHover: brand[160],
+        colorBrandBackgroundInvertedPressed: brand[140],
+        colorBrandBackgroundInvertedSelected: brand[150],
+        colorNeutralCardBackground: grey[20],
+        colorNeutralCardBackgroundHover: grey[24],
+        colorNeutralCardBackgroundPressed: grey[18],
+        colorNeutralCardBackgroundSelected: grey[22],
+        colorNeutralCardBackgroundDisabled: grey[8],
+        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)'
+    });