@fluentui/tokens 1.0.0-alpha.6 → 1.0.0-alpha.8

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (69) hide show
  1. package/CHANGELOG.json +52 -1
  2. package/CHANGELOG.md +21 -2
  3. package/dist/index.d.ts +12 -1
  4. package/lib/alias/darkColor.js +2 -0
  5. package/lib/alias/darkColor.js.map +1 -1
  6. package/lib/alias/darkColorPalette.js +25 -1
  7. package/lib/alias/darkColorPalette.js.map +1 -1
  8. package/lib/alias/highContrastColor.js +2 -0
  9. package/lib/alias/highContrastColor.js.map +1 -1
  10. package/lib/alias/highContrastColorPalette.js +18 -0
  11. package/lib/alias/highContrastColorPalette.js.map +1 -1
  12. package/lib/alias/lightColor.js +2 -0
  13. package/lib/alias/lightColor.js.map +1 -1
  14. package/lib/alias/lightColorPalette.js +23 -1
  15. package/lib/alias/lightColorPalette.js.map +1 -1
  16. package/lib/alias/teamsDarkColor.js +2 -0
  17. package/lib/alias/teamsDarkColor.js.map +1 -1
  18. package/lib/global/colorPalette.js +6 -1
  19. package/lib/global/colorPalette.js.map +1 -1
  20. package/lib/global/durations.js +1 -0
  21. package/lib/global/durations.js.map +1 -1
  22. package/lib/sharedColorNames.js +5 -0
  23. package/lib/sharedColorNames.js.map +1 -1
  24. package/lib/statusColorMapping.js +5 -0
  25. package/lib/statusColorMapping.js.map +1 -0
  26. package/lib/tokens.js +36 -0
  27. package/lib/tokens.js.map +1 -1
  28. package/lib/types.js.map +1 -1
  29. package/lib/utils/createDarkTheme.js +2 -1
  30. package/lib/utils/createDarkTheme.js.map +1 -1
  31. package/lib/utils/createHighContrastTheme.js +2 -1
  32. package/lib/utils/createHighContrastTheme.js.map +1 -1
  33. package/lib/utils/createLightTheme.js +2 -1
  34. package/lib/utils/createLightTheme.js.map +1 -1
  35. package/lib/utils/createTeamsDarkTheme.js +2 -1
  36. package/lib/utils/createTeamsDarkTheme.js.map +1 -1
  37. package/lib-commonjs/alias/darkColor.js +2 -0
  38. package/lib-commonjs/alias/darkColor.js.map +1 -1
  39. package/lib-commonjs/alias/darkColorPalette.js +33 -3
  40. package/lib-commonjs/alias/darkColorPalette.js.map +1 -1
  41. package/lib-commonjs/alias/highContrastColor.js +2 -0
  42. package/lib-commonjs/alias/highContrastColor.js.map +1 -1
  43. package/lib-commonjs/alias/highContrastColorPalette.js +27 -3
  44. package/lib-commonjs/alias/highContrastColorPalette.js.map +1 -1
  45. package/lib-commonjs/alias/lightColor.js +2 -0
  46. package/lib-commonjs/alias/lightColor.js.map +1 -1
  47. package/lib-commonjs/alias/lightColorPalette.js +31 -3
  48. package/lib-commonjs/alias/lightColorPalette.js.map +1 -1
  49. package/lib-commonjs/alias/teamsDarkColor.js +2 -0
  50. package/lib-commonjs/alias/teamsDarkColor.js.map +1 -1
  51. package/lib-commonjs/global/colorPalette.js +7 -1
  52. package/lib-commonjs/global/colorPalette.js.map +1 -1
  53. package/lib-commonjs/global/durations.js +1 -0
  54. package/lib-commonjs/global/durations.js.map +1 -1
  55. package/lib-commonjs/sharedColorNames.js +6 -0
  56. package/lib-commonjs/sharedColorNames.js.map +1 -1
  57. package/lib-commonjs/statusColorMapping.js +13 -0
  58. package/lib-commonjs/statusColorMapping.js.map +1 -0
  59. package/lib-commonjs/tokens.js +36 -0
  60. package/lib-commonjs/tokens.js.map +1 -1
  61. package/lib-commonjs/utils/createDarkTheme.js +1 -0
  62. package/lib-commonjs/utils/createDarkTheme.js.map +1 -1
  63. package/lib-commonjs/utils/createHighContrastTheme.js +1 -0
  64. package/lib-commonjs/utils/createHighContrastTheme.js.map +1 -1
  65. package/lib-commonjs/utils/createLightTheme.js +1 -0
  66. package/lib-commonjs/utils/createLightTheme.js.map +1 -1
  67. package/lib-commonjs/utils/createTeamsDarkTheme.js +1 -0
  68. package/lib-commonjs/utils/createTeamsDarkTheme.js.map +1 -1
  69. package/package.json +1 -1
package/CHANGELOG.json CHANGED
@@ -2,7 +2,58 @@
2
2
  "name": "@fluentui/tokens",
3
3
  "entries": [
4
4
  {
5
- "date": "Tue, 20 Jun 2023 12:34:50 GMT",
5
+ "date": "Wed, 09 Aug 2023 13:11:52 GMT",
6
+ "tag": "@fluentui/tokens_v1.0.0-alpha.8",
7
+ "version": "1.0.0-alpha.8",
8
+ "comments": {
9
+ "prerelease": [
10
+ {
11
+ "author": "miroslav.stastny@microsoft.com",
12
+ "package": "@fluentui/tokens",
13
+ "commit": "3df6e4cf274b9811b7a279d9f611d8a6c20fdab8",
14
+ "comment": "feat: add durationGentle"
15
+ }
16
+ ]
17
+ }
18
+ },
19
+ {
20
+ "date": "Fri, 04 Aug 2023 08:52:58 GMT",
21
+ "tag": "@fluentui/tokens_v1.0.0-alpha.7",
22
+ "version": "1.0.0-alpha.7",
23
+ "comments": {
24
+ "prerelease": [
25
+ {
26
+ "author": "miroslav.stastny@microsoft.com",
27
+ "package": "@fluentui/tokens",
28
+ "commit": "141424a604b98ea762cfa375fe78df8c9e6bdec8",
29
+ "comment": "feat: add status color tokens"
30
+ },
31
+ {
32
+ "author": "miroslav.stastny@microsoft.com",
33
+ "package": "@fluentui/tokens",
34
+ "commit": "01cc58f793345482d293c6837db64f85f552562d",
35
+ "comment": "Add colorBrandStroke2Contrast and colorNeutralStrokeAlpha2"
36
+ }
37
+ ]
38
+ }
39
+ },
40
+ {
41
+ "date": "Wed, 28 Jun 2023 11:12:36 GMT",
42
+ "tag": "@fluentui/tokens_v1.0.0-alpha.6",
43
+ "version": "1.0.0-alpha.6",
44
+ "comments": {
45
+ "none": [
46
+ {
47
+ "author": "martinhochel@microsoft.com",
48
+ "package": "@fluentui/tokens",
49
+ "commit": "fbe878e9c9785588197481f172c42c2c0a230292",
50
+ "comment": "fix: update .npmignore to unify v8 packages and exclude project.json"
51
+ }
52
+ ]
53
+ }
54
+ },
55
+ {
56
+ "date": "Tue, 20 Jun 2023 12:39:07 GMT",
6
57
  "tag": "@fluentui/tokens_v1.0.0-alpha.6",
7
58
  "version": "1.0.0-alpha.6",
8
59
  "comments": {
package/CHANGELOG.md CHANGED
@@ -1,12 +1,31 @@
1
1
  # Change Log - @fluentui/tokens
2
2
 
3
- This log was last generated on Tue, 20 Jun 2023 12:34:50 GMT and should not be manually modified.
3
+ This log was last generated on Wed, 09 Aug 2023 13:11:52 GMT and should not be manually modified.
4
4
 
5
5
  <!-- Start content -->
6
6
 
7
+ ## [1.0.0-alpha.8](https://github.com/microsoft/fluentui/tree/@fluentui/tokens_v1.0.0-alpha.8)
8
+
9
+ Wed, 09 Aug 2023 13:11:52 GMT
10
+ [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/tokens_v1.0.0-alpha.7..@fluentui/tokens_v1.0.0-alpha.8)
11
+
12
+ ### Changes
13
+
14
+ - feat: add durationGentle ([PR #28770](https://github.com/microsoft/fluentui/pull/28770) by miroslav.stastny@microsoft.com)
15
+
16
+ ## [1.0.0-alpha.7](https://github.com/microsoft/fluentui/tree/@fluentui/tokens_v1.0.0-alpha.7)
17
+
18
+ Fri, 04 Aug 2023 08:52:58 GMT
19
+ [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/tokens_v1.0.0-alpha.6..@fluentui/tokens_v1.0.0-alpha.7)
20
+
21
+ ### Changes
22
+
23
+ - feat: add status color tokens ([PR #28006](https://github.com/microsoft/fluentui/pull/28006) by miroslav.stastny@microsoft.com)
24
+ - Add colorBrandStroke2Contrast and colorNeutralStrokeAlpha2 ([PR #28638](https://github.com/microsoft/fluentui/pull/28638) by miroslav.stastny@microsoft.com)
25
+
7
26
  ## [1.0.0-alpha.6](https://github.com/microsoft/fluentui/tree/@fluentui/tokens_v1.0.0-alpha.6)
8
27
 
9
- Tue, 20 Jun 2023 12:34:50 GMT
28
+ Tue, 20 Jun 2023 12:39:07 GMT
10
29
  [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/tokens_v1.0.0-alpha.5..@fluentui/tokens_v1.0.0-alpha.6)
11
30
 
12
31
  ### Changes
package/dist/index.d.ts CHANGED
@@ -83,6 +83,14 @@ export declare type ColorPaletteTokens = StatusColorPaletteTokens & PersonaColor
83
83
 
84
84
  export declare type ColorPaletteYellow = 'colorPaletteYellowBackground1' | 'colorPaletteYellowBackground2' | 'colorPaletteYellowBackground3' | 'colorPaletteYellowForeground1' | 'colorPaletteYellowForeground2' | 'colorPaletteYellowForeground3' | 'colorPaletteYellowForegroundInverted' | 'colorPaletteYellowBorderActive' | 'colorPaletteYellowBorder1' | 'colorPaletteYellowBorder2';
85
85
 
86
+ declare type ColorStatusDanger = 'colorStatusDangerBackground1' | 'colorStatusDangerBackground2' | 'colorStatusDangerBackground3' | 'colorStatusDangerForeground1' | 'colorStatusDangerForeground2' | 'colorStatusDangerForeground3' | 'colorStatusDangerForegroundInverted' | 'colorStatusDangerBorderActive' | 'colorStatusDangerBorder1' | 'colorStatusDangerBorder2';
87
+
88
+ declare type ColorStatusSuccess = 'colorStatusSuccessBackground1' | 'colorStatusSuccessBackground2' | 'colorStatusSuccessBackground3' | 'colorStatusSuccessForeground1' | 'colorStatusSuccessForeground2' | 'colorStatusSuccessForeground3' | 'colorStatusSuccessForegroundInverted' | 'colorStatusSuccessBorderActive' | 'colorStatusSuccessBorder1' | 'colorStatusSuccessBorder2';
89
+
90
+ declare type ColorStatusTokens = Record<ColorStatusSuccess | ColorStatusWarning | ColorStatusDanger, string>;
91
+
92
+ declare type ColorStatusWarning = 'colorStatusWarningBackground1' | 'colorStatusWarningBackground2' | 'colorStatusWarningBackground3' | 'colorStatusWarningForeground1' | 'colorStatusWarningForeground2' | 'colorStatusWarningForeground3' | 'colorStatusWarningForegroundInverted' | 'colorStatusWarningBorderActive' | 'colorStatusWarningBorder1' | 'colorStatusWarningBorder2';
93
+
86
94
  /**
87
95
  * Design tokens for alias colors
88
96
  */
@@ -225,6 +233,7 @@ export declare type ColorTokens = {
225
233
  colorBrandStroke2: string;
226
234
  colorBrandStroke2Hover: string;
227
235
  colorBrandStroke2Pressed: string;
236
+ colorBrandStroke2Contrast: string;
228
237
  colorCompoundBrandStroke: string;
229
238
  colorCompoundBrandStrokeHover: string;
230
239
  colorCompoundBrandStrokePressed: string;
@@ -234,6 +243,7 @@ export declare type ColorTokens = {
234
243
  colorTransparentStrokeInteractive: string;
235
244
  colorTransparentStrokeDisabled: string;
236
245
  colorNeutralStrokeAlpha: string;
246
+ colorNeutralStrokeAlpha2: string;
237
247
  colorStrokeFocus1: string;
238
248
  colorStrokeFocus2: string;
239
249
  colorNeutralShadowAmbient: string;
@@ -271,6 +281,7 @@ export declare type DurationTokens = {
271
281
  durationFaster: string;
272
282
  durationFast: string;
273
283
  durationNormal: string;
284
+ durationGentle: string;
274
285
  durationSlow: string;
275
286
  durationSlower: string;
276
287
  durationUltraSlow: string;
@@ -383,7 +394,7 @@ export declare const teamsHighContrastTheme: Theme;
383
394
 
384
395
  export declare const teamsLightTheme: Theme;
385
396
 
386
- export declare type Theme = FontSizeTokens & LineHeightTokens & BorderRadiusTokens & StrokeWidthTokens & HorizontalSpacingTokens & VerticalSpacingTokens & DurationTokens & CurveTokens & ShadowTokens & ShadowBrandTokens & FontFamilyTokens & FontWeightTokens & ColorPaletteTokens & ColorTokens;
397
+ export declare type Theme = FontSizeTokens & LineHeightTokens & BorderRadiusTokens & StrokeWidthTokens & HorizontalSpacingTokens & VerticalSpacingTokens & DurationTokens & CurveTokens & ShadowTokens & ShadowBrandTokens & FontFamilyTokens & FontWeightTokens & ColorPaletteTokens & ColorStatusTokens & ColorTokens;
387
398
 
388
399
  /**
389
400
  * Programmatically generates a tokens to css variables mapping object from the keys in a theme.
@@ -138,6 +138,7 @@ export const generateColorTokens = (brand)=>({
138
138
  colorBrandStroke2: brand[50],
139
139
  colorBrandStroke2Hover: brand[50],
140
140
  colorBrandStroke2Pressed: brand[30],
141
+ colorBrandStroke2Contrast: brand[50],
141
142
  colorCompoundBrandStroke: brand[100],
142
143
  colorCompoundBrandStrokeHover: brand[110],
143
144
  colorCompoundBrandStrokePressed: brand[90],
@@ -147,6 +148,7 @@ export const generateColorTokens = (brand)=>({
147
148
  colorTransparentStrokeInteractive: 'transparent',
148
149
  colorTransparentStrokeDisabled: 'transparent',
149
150
  colorNeutralStrokeAlpha: whiteAlpha[10],
151
+ colorNeutralStrokeAlpha2: whiteAlpha[20],
150
152
  colorStrokeFocus1: black,
151
153
  colorStrokeFocus2: white,
152
154
  colorNeutralShadowAmbient: 'rgba(0,0,0,0.24)',
@@ -1 +1 @@
1
- {"version":3,"sources":["darkColor.ts"],"sourcesContent":["/* !!! DO NOT EDIT !!! */\n/* This file has been generated by the token pipeline */\n\nimport { black, blackAlpha, grey, grey10Alpha, grey12Alpha, grey14Alpha, white, whiteAlpha } from '../global/colors';\nimport type { BrandVariants, ColorTokens } from '../types';\n\nexport const generateColorTokens = (brand: BrandVariants): ColorTokens => ({\n colorNeutralForeground1: white, // #ffffff Global.Color.White\n colorNeutralForeground1Hover: white, // #ffffff Global.Color.White\n colorNeutralForeground1Pressed: white, // #ffffff Global.Color.White\n colorNeutralForeground1Selected: white, // #ffffff Global.Color.White\n colorNeutralForeground2: grey[84], // #d6d6d6 Global.Color.Grey.84\n colorNeutralForeground2Hover: white, // #ffffff Global.Color.White\n colorNeutralForeground2Pressed: white, // #ffffff Global.Color.White\n colorNeutralForeground2Selected: white, // #ffffff Global.Color.White\n colorNeutralForeground2BrandHover: brand[100], // #2899f5 Global.Color.Brand.100\n colorNeutralForeground2BrandPressed: brand[90], // #1890f1 Global.Color.Brand.90\n colorNeutralForeground2BrandSelected: brand[100], // #2899f5 Global.Color.Brand.100\n colorNeutralForeground3: grey[68], // #adadad Global.Color.Grey.68\n colorNeutralForeground3Hover: grey[84], // #d6d6d6 Global.Color.Grey.84\n colorNeutralForeground3Pressed: grey[84], // #d6d6d6 Global.Color.Grey.84\n colorNeutralForeground3Selected: grey[84], // #d6d6d6 Global.Color.Grey.84\n colorNeutralForeground3BrandHover: brand[100], // #2899f5 Global.Color.Brand.100\n colorNeutralForeground3BrandPressed: brand[90], // #1890f1 Global.Color.Brand.90\n colorNeutralForeground3BrandSelected: brand[100], // #2899f5 Global.Color.Brand.100\n colorNeutralForeground4: grey[60], // #999999 Global.Color.Grey.60\n colorNeutralForegroundDisabled: grey[36], // #5c5c5c Global.Color.Grey.36\n colorNeutralForegroundInvertedDisabled: whiteAlpha[40], // rgba(255, 255, 255, 0.4) Global.Color.WhiteAlpha.40\n colorBrandForegroundLink: brand[100], // #2899f5 Global.Color.Brand.100\n colorBrandForegroundLinkHover: brand[110], // #3aa0f3 Global.Color.Brand.110\n colorBrandForegroundLinkPressed: brand[90], // #1890f1 Global.Color.Brand.90\n colorBrandForegroundLinkSelected: brand[100], // #2899f5 Global.Color.Brand.100\n colorNeutralForeground2Link: grey[84], // #d6d6d6 Global.Color.Grey.84\n colorNeutralForeground2LinkHover: white, // #ffffff Global.Color.White\n colorNeutralForeground2LinkPressed: white, // #ffffff Global.Color.White\n colorNeutralForeground2LinkSelected: white, // #ffffff Global.Color.White\n colorCompoundBrandForeground1: brand[100], // #2899f5 Global.Color.Brand.100\n colorCompoundBrandForeground1Hover: brand[110], // #3aa0f3 Global.Color.Brand.110\n colorCompoundBrandForeground1Pressed: brand[90], // #1890f1 Global.Color.Brand.90\n colorBrandForeground1: brand[100], // #2899f5 Global.Color.Brand.100\n colorBrandForeground2: brand[110], // #3aa0f3 Global.Color.Brand.110\n colorBrandForeground2Hover: brand[130], // #82c7ff Global.Color.Brand.130\n colorBrandForeground2Pressed: brand[160], // #eff6fc Global.Color.Brand.160\n colorNeutralForeground1Static: grey[14], // #242424 Global.Color.Grey.14\n colorNeutralForegroundStaticInverted: white, // #ffffff Global.Color.White\n colorNeutralForegroundInverted: grey[14], // #242424 Global.Color.Grey.14\n colorNeutralForegroundInvertedHover: grey[14], // #242424 Global.Color.Grey.14\n colorNeutralForegroundInvertedPressed: grey[14], // #242424 Global.Color.Grey.14\n colorNeutralForegroundInvertedSelected: grey[14], // #242424 Global.Color.Grey.14\n colorNeutralForegroundInverted2: grey[14], // #242424 Global.Color.Grey.14\n colorNeutralForegroundOnBrand: white, // #ffffff Global.Color.White\n colorNeutralForegroundInvertedLink: white, // #ffffff Global.Color.White\n colorNeutralForegroundInvertedLinkHover: white, // #ffffff Global.Color.White\n colorNeutralForegroundInvertedLinkPressed: white, // #ffffff Global.Color.White\n colorNeutralForegroundInvertedLinkSelected: white, // #ffffff Global.Color.White\n colorBrandForegroundInverted: brand[80], // #0078d4 Global.Color.Brand.80\n colorBrandForegroundInvertedHover: brand[70], // #106ebe Global.Color.Brand.70\n colorBrandForegroundInvertedPressed: brand[60], // #005a9e Global.Color.Brand.60\n colorBrandForegroundOnLight: brand[80], // #0078d4 Global.Color.Brand.80\n colorBrandForegroundOnLightHover: brand[70], // #106ebe Global.Color.Brand.70\n colorBrandForegroundOnLightPressed: brand[50], // #004c87 Global.Color.Brand.50\n colorBrandForegroundOnLightSelected: brand[60], // #005a9e Global.Color.Brand.60\n colorNeutralBackground1: grey[16], // #292929 Global.Color.Grey.16\n colorNeutralBackground1Hover: grey[24], // #3d3d3d Global.Color.Grey.24\n colorNeutralBackground1Pressed: grey[12], // #1f1f1f Global.Color.Grey.12\n colorNeutralBackground1Selected: grey[22], // #383838 Global.Color.Grey.22\n colorNeutralBackground2: grey[12], // #1f1f1f Global.Color.Grey.12\n colorNeutralBackground2Hover: grey[20], // #333333 Global.Color.Grey.20\n colorNeutralBackground2Pressed: grey[8], // #141414 Global.Color.Grey.8\n colorNeutralBackground2Selected: grey[18], // #2e2e2e Global.Color.Grey.18\n colorNeutralBackground3: grey[8], // #141414 Global.Color.Grey.8\n colorNeutralBackground3Hover: grey[16], // #292929 Global.Color.Grey.16\n colorNeutralBackground3Pressed: grey[4], // #0a0a0a Global.Color.Grey.4\n colorNeutralBackground3Selected: grey[14], // #242424 Global.Color.Grey.14\n colorNeutralBackground4: grey[4], // #0a0a0a Global.Color.Grey.4\n colorNeutralBackground4Hover: grey[12], // #1f1f1f Global.Color.Grey.12\n colorNeutralBackground4Pressed: black, // #000000 Global.Color.Black\n colorNeutralBackground4Selected: grey[10], // #1a1a1a Global.Color.Grey.10\n colorNeutralBackground5: black, // #000000 Global.Color.Black\n colorNeutralBackground5Hover: grey[8], // #141414 Global.Color.Grey.8\n colorNeutralBackground5Pressed: grey[2], // #050505 Global.Color.Grey.2\n colorNeutralBackground5Selected: grey[6], // #0f0f0f Global.Color.Grey.6\n colorNeutralBackground6: grey[20], // #333333 Global.Color.Grey.20\n colorNeutralBackgroundInverted: white, // #ffffff Global.Color.White\n colorNeutralBackgroundStatic: grey[24], // #3d3d3d Global.Color.Grey.24\n colorNeutralBackgroundAlpha: grey10Alpha[50], // rgba(26, 26, 26, 0.5) Global.Color.Grey10Alpha.50\n colorNeutralBackgroundAlpha2: grey12Alpha[70], // rgba(31, 31, 31, 0.7) Global.Color.Grey12Alpha.70\n colorSubtleBackground: 'transparent', // transparent undefined\n colorSubtleBackgroundHover: grey[22], // #383838 Global.Color.Grey.22\n colorSubtleBackgroundPressed: grey[18], // #2e2e2e Global.Color.Grey.18\n colorSubtleBackgroundSelected: grey[20], // #333333 Global.Color.Grey.20\n colorSubtleBackgroundLightAlphaHover: grey14Alpha[80], // rgba(36, 36, 36, 0.8) Global.Color.Grey14Alpha.80\n colorSubtleBackgroundLightAlphaPressed: grey14Alpha[50], // rgba(36, 36, 36, 0.5) Global.Color.Grey14Alpha.50\n colorSubtleBackgroundLightAlphaSelected: 'transparent', // transparent undefined\n colorSubtleBackgroundInverted: 'transparent', // transparent undefined\n colorSubtleBackgroundInvertedHover: blackAlpha[10], // rgba(0, 0, 0, 0.1) Global.Color.BlackAlpha.10\n colorSubtleBackgroundInvertedPressed: blackAlpha[30], // rgba(0, 0, 0, 0.3) Global.Color.BlackAlpha.30\n colorSubtleBackgroundInvertedSelected: blackAlpha[20], // rgba(0, 0, 0, 0.2) Global.Color.BlackAlpha.20\n colorTransparentBackground: 'transparent', // transparent undefined\n colorTransparentBackgroundHover: 'transparent', // transparent undefined\n colorTransparentBackgroundPressed: 'transparent', // transparent undefined\n colorTransparentBackgroundSelected: 'transparent', // transparent undefined\n colorNeutralBackgroundDisabled: grey[8], // #141414 Global.Color.Grey.8\n colorNeutralBackgroundInvertedDisabled: whiteAlpha[10], // rgba(255, 255, 255, 0.1) Global.Color.WhiteAlpha.10\n colorNeutralStencil1: grey[34], // #575757 Global.Color.Grey.34\n colorNeutralStencil2: grey[20], // #333333 Global.Color.Grey.20\n colorNeutralStencil1Alpha: whiteAlpha[10], // rgba(255, 255, 255, 0.1) Global.Color.WhiteAlpha.10\n colorNeutralStencil2Alpha: whiteAlpha[5], // rgba(255, 255, 255, 0.05) Global.Color.WhiteAlpha.5\n colorBackgroundOverlay: blackAlpha[50], // rgba(0, 0, 0, 0.5) Global.Color.BlackAlpha.50\n colorScrollbarOverlay: whiteAlpha[60], // rgba(255, 255, 255, 0.6) Global.Color.WhiteAlpha.60\n colorBrandBackground: brand[70], // #106ebe Global.Color.Brand.70\n colorBrandBackgroundHover: brand[80], // #0078d4 Global.Color.Brand.80\n colorBrandBackgroundPressed: brand[40], // #004578 Global.Color.Brand.40\n colorBrandBackgroundSelected: brand[60], // #005a9e Global.Color.Brand.60\n colorCompoundBrandBackground: brand[100], // #2899f5 Global.Color.Brand.100\n colorCompoundBrandBackgroundHover: brand[110], // #3aa0f3 Global.Color.Brand.110\n colorCompoundBrandBackgroundPressed: brand[90], // #1890f1 Global.Color.Brand.90\n colorBrandBackgroundStatic: brand[80], // #0078d4 Global.Color.Brand.80\n colorBrandBackground2: brand[20], // #002848 Global.Color.Brand.20\n colorBrandBackground2Hover: brand[40], // #004578 Global.Color.Brand.40\n colorBrandBackground2Pressed: brand[10], // #001526 Global.Color.Brand.10\n colorBrandBackgroundInverted: white, // #ffffff Global.Color.White\n colorBrandBackgroundInvertedHover: brand[160], // #eff6fc Global.Color.Brand.160\n colorBrandBackgroundInvertedPressed: brand[140], // #c7e0f4 Global.Color.Brand.140\n colorBrandBackgroundInvertedSelected: brand[150], // #deecf9 Global.Color.Brand.150\n colorNeutralStrokeAccessible: grey[68], // #adadad Global.Color.Grey.68\n colorNeutralStrokeAccessibleHover: grey[74], // #bdbdbd Global.Color.Grey.74\n colorNeutralStrokeAccessiblePressed: grey[70], // #b3b3b3 Global.Color.Grey.70\n colorNeutralStrokeAccessibleSelected: brand[100], // #2899f5 Global.Color.Brand.100\n colorNeutralStroke1: grey[40], // #666666 Global.Color.Grey.40\n colorNeutralStroke1Hover: grey[46], // #757575 Global.Color.Grey.46\n colorNeutralStroke1Pressed: grey[42], // #6b6b6b Global.Color.Grey.42\n colorNeutralStroke1Selected: grey[44], // #707070 Global.Color.Grey.44\n colorNeutralStroke2: grey[32], // #525252 Global.Color.Grey.32\n colorNeutralStroke3: grey[24], // #3d3d3d Global.Color.Grey.24\n colorNeutralStrokeSubtle: grey[4], // #0a0a0a Global.Color.Grey.4\n colorNeutralStrokeOnBrand: grey[16], // #292929 Global.Color.Grey.16\n colorNeutralStrokeOnBrand2: white, // #ffffff Global.Color.White\n colorNeutralStrokeOnBrand2Hover: white, // #ffffff Global.Color.White\n colorNeutralStrokeOnBrand2Pressed: white, // #ffffff Global.Color.White\n colorNeutralStrokeOnBrand2Selected: white, // #ffffff Global.Color.White\n colorBrandStroke1: brand[100], // #2899f5 Global.Color.Brand.100\n colorBrandStroke2: brand[50], // #004c87 Global.Color.Brand.50\n colorBrandStroke2Hover: brand[50], // #004c87 Global.Color.Brand.50\n colorBrandStroke2Pressed: brand[30], // #043862 Global.Color.Brand.30\n colorCompoundBrandStroke: brand[100], // #2899f5 Global.Color.Brand.100\n colorCompoundBrandStrokeHover: brand[110], // #3aa0f3 Global.Color.Brand.110\n colorCompoundBrandStrokePressed: brand[90], // #1890f1 Global.Color.Brand.90\n colorNeutralStrokeDisabled: grey[26], // #424242 Global.Color.Grey.26\n colorNeutralStrokeInvertedDisabled: whiteAlpha[40], // rgba(255, 255, 255, 0.4) Global.Color.WhiteAlpha.40\n colorTransparentStroke: 'transparent', // transparent undefined\n colorTransparentStrokeInteractive: 'transparent', // transparent undefined\n colorTransparentStrokeDisabled: 'transparent', // transparent undefined\n colorNeutralStrokeAlpha: whiteAlpha[10], // rgba(255, 255, 255, 0.1) Global.Color.WhiteAlpha.10\n colorStrokeFocus1: black, // #000000 Global.Color.Black\n colorStrokeFocus2: white, // #ffffff Global.Color.White\n colorNeutralShadowAmbient: 'rgba(0,0,0,0.24)', // rgba(0,0,0,0.24) undefined\n colorNeutralShadowKey: 'rgba(0,0,0,0.28)', // rgba(0,0,0,0.28) undefined\n colorNeutralShadowAmbientLighter: 'rgba(0,0,0,0.12)', // rgba(0,0,0,0.12) undefined\n colorNeutralShadowKeyLighter: 'rgba(0,0,0,0.14)', // rgba(0,0,0,0.14) undefined\n colorNeutralShadowAmbientDarker: 'rgba(0,0,0,0.40)', // rgba(0,0,0,0.40) undefined\n colorNeutralShadowKeyDarker: 'rgba(0,0,0,0.48)', // rgba(0,0,0,0.48) undefined\n colorBrandShadowAmbient: 'rgba(0,0,0,0.30)', // rgba(0,0,0,0.30) undefined\n colorBrandShadowKey: 'rgba(0,0,0,0.25)', // rgba(0,0,0,0.25) undefined\n});\n"],"names":["black","blackAlpha","grey","grey10Alpha","grey12Alpha","grey14Alpha","white","whiteAlpha","generateColorTokens","brand","colorNeutralForeground1","colorNeutralForeground1Hover","colorNeutralForeground1Pressed","colorNeutralForeground1Selected","colorNeutralForeground2","colorNeutralForeground2Hover","colorNeutralForeground2Pressed","colorNeutralForeground2Selected","colorNeutralForeground2BrandHover","colorNeutralForeground2BrandPressed","colorNeutralForeground2BrandSelected","colorNeutralForeground3","colorNeutralForeground3Hover","colorNeutralForeground3Pressed","colorNeutralForeground3Selected","colorNeutralForeground3BrandHover","colorNeutralForeground3BrandPressed","colorNeutralForeground3BrandSelected","colorNeutralForeground4","colorNeutralForegroundDisabled","colorNeutralForegroundInvertedDisabled","colorBrandForegroundLink","colorBrandForegroundLinkHover","colorBrandForegroundLinkPressed","colorBrandForegroundLinkSelected","colorNeutralForeground2Link","colorNeutralForeground2LinkHover","colorNeutralForeground2LinkPressed","colorNeutralForeground2LinkSelected","colorCompoundBrandForeground1","colorCompoundBrandForeground1Hover","colorCompoundBrandForeground1Pressed","colorBrandForeground1","colorBrandForeground2","colorBrandForeground2Hover","colorBrandForeground2Pressed","colorNeutralForeground1Static","colorNeutralForegroundStaticInverted","colorNeutralForegroundInverted","colorNeutralForegroundInvertedHover","colorNeutralForegroundInvertedPressed","colorNeutralForegroundInvertedSelected","colorNeutralForegroundInverted2","colorNeutralForegroundOnBrand","colorNeutralForegroundInvertedLink","colorNeutralForegroundInvertedLinkHover","colorNeutralForegroundInvertedLinkPressed","colorNeutralForegroundInvertedLinkSelected","colorBrandForegroundInverted","colorBrandForegroundInvertedHover","colorBrandForegroundInvertedPressed","colorBrandForegroundOnLight","colorBrandForegroundOnLightHover","colorBrandForegroundOnLightPressed","colorBrandForegroundOnLightSelected","colorNeutralBackground1","colorNeutralBackground1Hover","colorNeutralBackground1Pressed","colorNeutralBackground1Selected","colorNeutralBackground2","colorNeutralBackground2Hover","colorNeutralBackground2Pressed","colorNeutralBackground2Selected","colorNeutralBackground3","colorNeutralBackground3Hover","colorNeutralBackground3Pressed","colorNeutralBackground3Selected","colorNeutralBackground4","colorNeutralBackground4Hover","colorNeutralBackground4Pressed","colorNeutralBackground4Selected","colorNeutralBackground5","colorNeutralBackground5Hover","colorNeutralBackground5Pressed","colorNeutralBackground5Selected","colorNeutralBackground6","colorNeutralBackgroundInverted","colorNeutralBackgroundStatic","colorNeutralBackgroundAlpha","colorNeutralBackgroundAlpha2","colorSubtleBackground","colorSubtleBackgroundHover","colorSubtleBackgroundPressed","colorSubtleBackgroundSelected","colorSubtleBackgroundLightAlphaHover","colorSubtleBackgroundLightAlphaPressed","colorSubtleBackgroundLightAlphaSelected","colorSubtleBackgroundInverted","colorSubtleBackgroundInvertedHover","colorSubtleBackgroundInvertedPressed","colorSubtleBackgroundInvertedSelected","colorTransparentBackground","colorTransparentBackgroundHover","colorTransparentBackgroundPressed","colorTransparentBackgroundSelected","colorNeutralBackgroundDisabled","colorNeutralBackgroundInvertedDisabled","colorNeutralStencil1","colorNeutralStencil2","colorNeutralStencil1Alpha","colorNeutralStencil2Alpha","colorBackgroundOverlay","colorScrollbarOverlay","colorBrandBackground","colorBrandBackgroundHover","colorBrandBackgroundPressed","colorBrandBackgroundSelected","colorCompoundBrandBackground","colorCompoundBrandBackgroundHover","colorCompoundBrandBackgroundPressed","colorBrandBackgroundStatic","colorBrandBackground2","colorBrandBackground2Hover","colorBrandBackground2Pressed","colorBrandBackgroundInverted","colorBrandBackgroundInvertedHover","colorBrandBackgroundInvertedPressed","colorBrandBackgroundInvertedSelected","colorNeutralStrokeAccessible","colorNeutralStrokeAccessibleHover","colorNeutralStrokeAccessiblePressed","colorNeutralStrokeAccessibleSelected","colorNeutralStroke1","colorNeutralStroke1Hover","colorNeutralStroke1Pressed","colorNeutralStroke1Selected","colorNeutralStroke2","colorNeutralStroke3","colorNeutralStrokeSubtle","colorNeutralStrokeOnBrand","colorNeutralStrokeOnBrand2","colorNeutralStrokeOnBrand2Hover","colorNeutralStrokeOnBrand2Pressed","colorNeutralStrokeOnBrand2Selected","colorBrandStroke1","colorBrandStroke2","colorBrandStroke2Hover","colorBrandStroke2Pressed","colorCompoundBrandStroke","colorCompoundBrandStrokeHover","colorCompoundBrandStrokePressed","colorNeutralStrokeDisabled","colorNeutralStrokeInvertedDisabled","colorTransparentStroke","colorTransparentStrokeInteractive","colorTransparentStrokeDisabled","colorNeutralStrokeAlpha","colorStrokeFocus1","colorStrokeFocus2","colorNeutralShadowAmbient","colorNeutralShadowKey","colorNeutralShadowAmbientLighter","colorNeutralShadowKeyLighter","colorNeutralShadowAmbientDarker","colorNeutralShadowKeyDarker","colorBrandShadowAmbient","colorBrandShadowKey"],"mappings":"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"}
1
+ {"version":3,"sources":["darkColor.ts"],"sourcesContent":["/* !!! DO NOT EDIT !!! */\n/* This file has been generated by the token pipeline */\n\nimport { black, blackAlpha, grey, grey10Alpha, grey12Alpha, grey14Alpha, white, whiteAlpha } from '../global/colors';\nimport type { BrandVariants, ColorTokens } from '../types';\n\nexport const generateColorTokens = (brand: BrandVariants): ColorTokens => ({\n colorNeutralForeground1: white, // #ffffff Global.Color.White\n colorNeutralForeground1Hover: white, // #ffffff Global.Color.White\n colorNeutralForeground1Pressed: white, // #ffffff Global.Color.White\n colorNeutralForeground1Selected: white, // #ffffff Global.Color.White\n colorNeutralForeground2: grey[84], // #d6d6d6 Global.Color.Grey.84\n colorNeutralForeground2Hover: white, // #ffffff Global.Color.White\n colorNeutralForeground2Pressed: white, // #ffffff Global.Color.White\n colorNeutralForeground2Selected: white, // #ffffff Global.Color.White\n colorNeutralForeground2BrandHover: brand[100], // #2899f5 Global.Color.Brand.100\n colorNeutralForeground2BrandPressed: brand[90], // #1890f1 Global.Color.Brand.90\n colorNeutralForeground2BrandSelected: brand[100], // #2899f5 Global.Color.Brand.100\n colorNeutralForeground3: grey[68], // #adadad Global.Color.Grey.68\n colorNeutralForeground3Hover: grey[84], // #d6d6d6 Global.Color.Grey.84\n colorNeutralForeground3Pressed: grey[84], // #d6d6d6 Global.Color.Grey.84\n colorNeutralForeground3Selected: grey[84], // #d6d6d6 Global.Color.Grey.84\n colorNeutralForeground3BrandHover: brand[100], // #2899f5 Global.Color.Brand.100\n colorNeutralForeground3BrandPressed: brand[90], // #1890f1 Global.Color.Brand.90\n colorNeutralForeground3BrandSelected: brand[100], // #2899f5 Global.Color.Brand.100\n colorNeutralForeground4: grey[60], // #999999 Global.Color.Grey.60\n colorNeutralForegroundDisabled: grey[36], // #5c5c5c Global.Color.Grey.36\n colorNeutralForegroundInvertedDisabled: whiteAlpha[40], // rgba(255, 255, 255, 0.4) Global.Color.WhiteAlpha.40\n colorBrandForegroundLink: brand[100], // #2899f5 Global.Color.Brand.100\n colorBrandForegroundLinkHover: brand[110], // #3aa0f3 Global.Color.Brand.110\n colorBrandForegroundLinkPressed: brand[90], // #1890f1 Global.Color.Brand.90\n colorBrandForegroundLinkSelected: brand[100], // #2899f5 Global.Color.Brand.100\n colorNeutralForeground2Link: grey[84], // #d6d6d6 Global.Color.Grey.84\n colorNeutralForeground2LinkHover: white, // #ffffff Global.Color.White\n colorNeutralForeground2LinkPressed: white, // #ffffff Global.Color.White\n colorNeutralForeground2LinkSelected: white, // #ffffff Global.Color.White\n colorCompoundBrandForeground1: brand[100], // #2899f5 Global.Color.Brand.100\n colorCompoundBrandForeground1Hover: brand[110], // #3aa0f3 Global.Color.Brand.110\n colorCompoundBrandForeground1Pressed: brand[90], // #1890f1 Global.Color.Brand.90\n colorBrandForeground1: brand[100], // #2899f5 Global.Color.Brand.100\n colorBrandForeground2: brand[110], // #3aa0f3 Global.Color.Brand.110\n colorBrandForeground2Hover: brand[130], // #82c7ff Global.Color.Brand.130\n colorBrandForeground2Pressed: brand[160], // #eff6fc Global.Color.Brand.160\n colorNeutralForeground1Static: grey[14], // #242424 Global.Color.Grey.14\n colorNeutralForegroundStaticInverted: white, // #ffffff Global.Color.White\n colorNeutralForegroundInverted: grey[14], // #242424 Global.Color.Grey.14\n colorNeutralForegroundInvertedHover: grey[14], // #242424 Global.Color.Grey.14\n colorNeutralForegroundInvertedPressed: grey[14], // #242424 Global.Color.Grey.14\n colorNeutralForegroundInvertedSelected: grey[14], // #242424 Global.Color.Grey.14\n colorNeutralForegroundInverted2: grey[14], // #242424 Global.Color.Grey.14\n colorNeutralForegroundOnBrand: white, // #ffffff Global.Color.White\n colorNeutralForegroundInvertedLink: white, // #ffffff Global.Color.White\n colorNeutralForegroundInvertedLinkHover: white, // #ffffff Global.Color.White\n colorNeutralForegroundInvertedLinkPressed: white, // #ffffff Global.Color.White\n colorNeutralForegroundInvertedLinkSelected: white, // #ffffff Global.Color.White\n colorBrandForegroundInverted: brand[80], // #0078d4 Global.Color.Brand.80\n colorBrandForegroundInvertedHover: brand[70], // #106ebe Global.Color.Brand.70\n colorBrandForegroundInvertedPressed: brand[60], // #005a9e Global.Color.Brand.60\n colorBrandForegroundOnLight: brand[80], // #0078d4 Global.Color.Brand.80\n colorBrandForegroundOnLightHover: brand[70], // #106ebe Global.Color.Brand.70\n colorBrandForegroundOnLightPressed: brand[50], // #004c87 Global.Color.Brand.50\n colorBrandForegroundOnLightSelected: brand[60], // #005a9e Global.Color.Brand.60\n colorNeutralBackground1: grey[16], // #292929 Global.Color.Grey.16\n colorNeutralBackground1Hover: grey[24], // #3d3d3d Global.Color.Grey.24\n colorNeutralBackground1Pressed: grey[12], // #1f1f1f Global.Color.Grey.12\n colorNeutralBackground1Selected: grey[22], // #383838 Global.Color.Grey.22\n colorNeutralBackground2: grey[12], // #1f1f1f Global.Color.Grey.12\n colorNeutralBackground2Hover: grey[20], // #333333 Global.Color.Grey.20\n colorNeutralBackground2Pressed: grey[8], // #141414 Global.Color.Grey.8\n colorNeutralBackground2Selected: grey[18], // #2e2e2e Global.Color.Grey.18\n colorNeutralBackground3: grey[8], // #141414 Global.Color.Grey.8\n colorNeutralBackground3Hover: grey[16], // #292929 Global.Color.Grey.16\n colorNeutralBackground3Pressed: grey[4], // #0a0a0a Global.Color.Grey.4\n colorNeutralBackground3Selected: grey[14], // #242424 Global.Color.Grey.14\n colorNeutralBackground4: grey[4], // #0a0a0a Global.Color.Grey.4\n colorNeutralBackground4Hover: grey[12], // #1f1f1f Global.Color.Grey.12\n colorNeutralBackground4Pressed: black, // #000000 Global.Color.Black\n colorNeutralBackground4Selected: grey[10], // #1a1a1a Global.Color.Grey.10\n colorNeutralBackground5: black, // #000000 Global.Color.Black\n colorNeutralBackground5Hover: grey[8], // #141414 Global.Color.Grey.8\n colorNeutralBackground5Pressed: grey[2], // #050505 Global.Color.Grey.2\n colorNeutralBackground5Selected: grey[6], // #0f0f0f Global.Color.Grey.6\n colorNeutralBackground6: grey[20], // #333333 Global.Color.Grey.20\n colorNeutralBackgroundInverted: white, // #ffffff Global.Color.White\n colorNeutralBackgroundStatic: grey[24], // #3d3d3d Global.Color.Grey.24\n colorNeutralBackgroundAlpha: grey10Alpha[50], // rgba(26, 26, 26, 0.5) Global.Color.Grey10Alpha.50\n colorNeutralBackgroundAlpha2: grey12Alpha[70], // rgba(31, 31, 31, 0.7) Global.Color.Grey12Alpha.70\n colorSubtleBackground: 'transparent', // transparent undefined\n colorSubtleBackgroundHover: grey[22], // #383838 Global.Color.Grey.22\n colorSubtleBackgroundPressed: grey[18], // #2e2e2e Global.Color.Grey.18\n colorSubtleBackgroundSelected: grey[20], // #333333 Global.Color.Grey.20\n colorSubtleBackgroundLightAlphaHover: grey14Alpha[80], // rgba(36, 36, 36, 0.8) Global.Color.Grey14Alpha.80\n colorSubtleBackgroundLightAlphaPressed: grey14Alpha[50], // rgba(36, 36, 36, 0.5) Global.Color.Grey14Alpha.50\n colorSubtleBackgroundLightAlphaSelected: 'transparent', // transparent undefined\n colorSubtleBackgroundInverted: 'transparent', // transparent undefined\n colorSubtleBackgroundInvertedHover: blackAlpha[10], // rgba(0, 0, 0, 0.1) Global.Color.BlackAlpha.10\n colorSubtleBackgroundInvertedPressed: blackAlpha[30], // rgba(0, 0, 0, 0.3) Global.Color.BlackAlpha.30\n colorSubtleBackgroundInvertedSelected: blackAlpha[20], // rgba(0, 0, 0, 0.2) Global.Color.BlackAlpha.20\n colorTransparentBackground: 'transparent', // transparent undefined\n colorTransparentBackgroundHover: 'transparent', // transparent undefined\n colorTransparentBackgroundPressed: 'transparent', // transparent undefined\n colorTransparentBackgroundSelected: 'transparent', // transparent undefined\n colorNeutralBackgroundDisabled: grey[8], // #141414 Global.Color.Grey.8\n colorNeutralBackgroundInvertedDisabled: whiteAlpha[10], // rgba(255, 255, 255, 0.1) Global.Color.WhiteAlpha.10\n colorNeutralStencil1: grey[34], // #575757 Global.Color.Grey.34\n colorNeutralStencil2: grey[20], // #333333 Global.Color.Grey.20\n colorNeutralStencil1Alpha: whiteAlpha[10], // rgba(255, 255, 255, 0.1) Global.Color.WhiteAlpha.10\n colorNeutralStencil2Alpha: whiteAlpha[5], // rgba(255, 255, 255, 0.05) Global.Color.WhiteAlpha.5\n colorBackgroundOverlay: blackAlpha[50], // rgba(0, 0, 0, 0.5) Global.Color.BlackAlpha.50\n colorScrollbarOverlay: whiteAlpha[60], // rgba(255, 255, 255, 0.6) Global.Color.WhiteAlpha.60\n colorBrandBackground: brand[70], // #106ebe Global.Color.Brand.70\n colorBrandBackgroundHover: brand[80], // #0078d4 Global.Color.Brand.80\n colorBrandBackgroundPressed: brand[40], // #004578 Global.Color.Brand.40\n colorBrandBackgroundSelected: brand[60], // #005a9e Global.Color.Brand.60\n colorCompoundBrandBackground: brand[100], // #2899f5 Global.Color.Brand.100\n colorCompoundBrandBackgroundHover: brand[110], // #3aa0f3 Global.Color.Brand.110\n colorCompoundBrandBackgroundPressed: brand[90], // #1890f1 Global.Color.Brand.90\n colorBrandBackgroundStatic: brand[80], // #0078d4 Global.Color.Brand.80\n colorBrandBackground2: brand[20], // #002848 Global.Color.Brand.20\n colorBrandBackground2Hover: brand[40], // #004578 Global.Color.Brand.40\n colorBrandBackground2Pressed: brand[10], // #001526 Global.Color.Brand.10\n colorBrandBackgroundInverted: white, // #ffffff Global.Color.White\n colorBrandBackgroundInvertedHover: brand[160], // #eff6fc Global.Color.Brand.160\n colorBrandBackgroundInvertedPressed: brand[140], // #c7e0f4 Global.Color.Brand.140\n colorBrandBackgroundInvertedSelected: brand[150], // #deecf9 Global.Color.Brand.150\n colorNeutralStrokeAccessible: grey[68], // #adadad Global.Color.Grey.68\n colorNeutralStrokeAccessibleHover: grey[74], // #bdbdbd Global.Color.Grey.74\n colorNeutralStrokeAccessiblePressed: grey[70], // #b3b3b3 Global.Color.Grey.70\n colorNeutralStrokeAccessibleSelected: brand[100], // #2899f5 Global.Color.Brand.100\n colorNeutralStroke1: grey[40], // #666666 Global.Color.Grey.40\n colorNeutralStroke1Hover: grey[46], // #757575 Global.Color.Grey.46\n colorNeutralStroke1Pressed: grey[42], // #6b6b6b Global.Color.Grey.42\n colorNeutralStroke1Selected: grey[44], // #707070 Global.Color.Grey.44\n colorNeutralStroke2: grey[32], // #525252 Global.Color.Grey.32\n colorNeutralStroke3: grey[24], // #3d3d3d Global.Color.Grey.24\n colorNeutralStrokeSubtle: grey[4], // #0a0a0a Global.Color.Grey.4\n colorNeutralStrokeOnBrand: grey[16], // #292929 Global.Color.Grey.16\n colorNeutralStrokeOnBrand2: white, // #ffffff Global.Color.White\n colorNeutralStrokeOnBrand2Hover: white, // #ffffff Global.Color.White\n colorNeutralStrokeOnBrand2Pressed: white, // #ffffff Global.Color.White\n colorNeutralStrokeOnBrand2Selected: white, // #ffffff Global.Color.White\n colorBrandStroke1: brand[100], // #2899f5 Global.Color.Brand.100\n colorBrandStroke2: brand[50], // #004c87 Global.Color.Brand.50\n colorBrandStroke2Hover: brand[50], // #004c87 Global.Color.Brand.50\n colorBrandStroke2Pressed: brand[30], // #043862 Global.Color.Brand.30\n colorBrandStroke2Contrast: brand[50], // #004c87 Global.Color.Brand.50\n colorCompoundBrandStroke: brand[100], // #2899f5 Global.Color.Brand.100\n colorCompoundBrandStrokeHover: brand[110], // #3aa0f3 Global.Color.Brand.110\n colorCompoundBrandStrokePressed: brand[90], // #1890f1 Global.Color.Brand.90\n colorNeutralStrokeDisabled: grey[26], // #424242 Global.Color.Grey.26\n colorNeutralStrokeInvertedDisabled: whiteAlpha[40], // rgba(255, 255, 255, 0.4) Global.Color.WhiteAlpha.40\n colorTransparentStroke: 'transparent', // transparent undefined\n colorTransparentStrokeInteractive: 'transparent', // transparent undefined\n colorTransparentStrokeDisabled: 'transparent', // transparent undefined\n colorNeutralStrokeAlpha: whiteAlpha[10], // rgba(255, 255, 255, 0.1) Global.Color.WhiteAlpha.10\n colorNeutralStrokeAlpha2: whiteAlpha[20], // rgba(255, 255, 255, 0.2) Global.Color.WhiteAlpha.20\n colorStrokeFocus1: black, // #000000 Global.Color.Black\n colorStrokeFocus2: white, // #ffffff Global.Color.White\n colorNeutralShadowAmbient: 'rgba(0,0,0,0.24)', // rgba(0,0,0,0.24) undefined\n colorNeutralShadowKey: 'rgba(0,0,0,0.28)', // rgba(0,0,0,0.28) undefined\n colorNeutralShadowAmbientLighter: 'rgba(0,0,0,0.12)', // rgba(0,0,0,0.12) undefined\n colorNeutralShadowKeyLighter: 'rgba(0,0,0,0.14)', // rgba(0,0,0,0.14) undefined\n colorNeutralShadowAmbientDarker: 'rgba(0,0,0,0.40)', // rgba(0,0,0,0.40) undefined\n colorNeutralShadowKeyDarker: 'rgba(0,0,0,0.48)', // rgba(0,0,0,0.48) undefined\n colorBrandShadowAmbient: 'rgba(0,0,0,0.30)', // rgba(0,0,0,0.30) undefined\n colorBrandShadowKey: 'rgba(0,0,0,0.25)', // rgba(0,0,0,0.25) undefined\n});\n"],"names":["black","blackAlpha","grey","grey10Alpha","grey12Alpha","grey14Alpha","white","whiteAlpha","generateColorTokens","brand","colorNeutralForeground1","colorNeutralForeground1Hover","colorNeutralForeground1Pressed","colorNeutralForeground1Selected","colorNeutralForeground2","colorNeutralForeground2Hover","colorNeutralForeground2Pressed","colorNeutralForeground2Selected","colorNeutralForeground2BrandHover","colorNeutralForeground2BrandPressed","colorNeutralForeground2BrandSelected","colorNeutralForeground3","colorNeutralForeground3Hover","colorNeutralForeground3Pressed","colorNeutralForeground3Selected","colorNeutralForeground3BrandHover","colorNeutralForeground3BrandPressed","colorNeutralForeground3BrandSelected","colorNeutralForeground4","colorNeutralForegroundDisabled","colorNeutralForegroundInvertedDisabled","colorBrandForegroundLink","colorBrandForegroundLinkHover","colorBrandForegroundLinkPressed","colorBrandForegroundLinkSelected","colorNeutralForeground2Link","colorNeutralForeground2LinkHover","colorNeutralForeground2LinkPressed","colorNeutralForeground2LinkSelected","colorCompoundBrandForeground1","colorCompoundBrandForeground1Hover","colorCompoundBrandForeground1Pressed","colorBrandForeground1","colorBrandForeground2","colorBrandForeground2Hover","colorBrandForeground2Pressed","colorNeutralForeground1Static","colorNeutralForegroundStaticInverted","colorNeutralForegroundInverted","colorNeutralForegroundInvertedHover","colorNeutralForegroundInvertedPressed","colorNeutralForegroundInvertedSelected","colorNeutralForegroundInverted2","colorNeutralForegroundOnBrand","colorNeutralForegroundInvertedLink","colorNeutralForegroundInvertedLinkHover","colorNeutralForegroundInvertedLinkPressed","colorNeutralForegroundInvertedLinkSelected","colorBrandForegroundInverted","colorBrandForegroundInvertedHover","colorBrandForegroundInvertedPressed","colorBrandForegroundOnLight","colorBrandForegroundOnLightHover","colorBrandForegroundOnLightPressed","colorBrandForegroundOnLightSelected","colorNeutralBackground1","colorNeutralBackground1Hover","colorNeutralBackground1Pressed","colorNeutralBackground1Selected","colorNeutralBackground2","colorNeutralBackground2Hover","colorNeutralBackground2Pressed","colorNeutralBackground2Selected","colorNeutralBackground3","colorNeutralBackground3Hover","colorNeutralBackground3Pressed","colorNeutralBackground3Selected","colorNeutralBackground4","colorNeutralBackground4Hover","colorNeutralBackground4Pressed","colorNeutralBackground4Selected","colorNeutralBackground5","colorNeutralBackground5Hover","colorNeutralBackground5Pressed","colorNeutralBackground5Selected","colorNeutralBackground6","colorNeutralBackgroundInverted","colorNeutralBackgroundStatic","colorNeutralBackgroundAlpha","colorNeutralBackgroundAlpha2","colorSubtleBackground","colorSubtleBackgroundHover","colorSubtleBackgroundPressed","colorSubtleBackgroundSelected","colorSubtleBackgroundLightAlphaHover","colorSubtleBackgroundLightAlphaPressed","colorSubtleBackgroundLightAlphaSelected","colorSubtleBackgroundInverted","colorSubtleBackgroundInvertedHover","colorSubtleBackgroundInvertedPressed","colorSubtleBackgroundInvertedSelected","colorTransparentBackground","colorTransparentBackgroundHover","colorTransparentBackgroundPressed","colorTransparentBackgroundSelected","colorNeutralBackgroundDisabled","colorNeutralBackgroundInvertedDisabled","colorNeutralStencil1","colorNeutralStencil2","colorNeutralStencil1Alpha","colorNeutralStencil2Alpha","colorBackgroundOverlay","colorScrollbarOverlay","colorBrandBackground","colorBrandBackgroundHover","colorBrandBackgroundPressed","colorBrandBackgroundSelected","colorCompoundBrandBackground","colorCompoundBrandBackgroundHover","colorCompoundBrandBackgroundPressed","colorBrandBackgroundStatic","colorBrandBackground2","colorBrandBackground2Hover","colorBrandBackground2Pressed","colorBrandBackgroundInverted","colorBrandBackgroundInvertedHover","colorBrandBackgroundInvertedPressed","colorBrandBackgroundInvertedSelected","colorNeutralStrokeAccessible","colorNeutralStrokeAccessibleHover","colorNeutralStrokeAccessiblePressed","colorNeutralStrokeAccessibleSelected","colorNeutralStroke1","colorNeutralStroke1Hover","colorNeutralStroke1Pressed","colorNeutralStroke1Selected","colorNeutralStroke2","colorNeutralStroke3","colorNeutralStrokeSubtle","colorNeutralStrokeOnBrand","colorNeutralStrokeOnBrand2","colorNeutralStrokeOnBrand2Hover","colorNeutralStrokeOnBrand2Pressed","colorNeutralStrokeOnBrand2Selected","colorBrandStroke1","colorBrandStroke2","colorBrandStroke2Hover","colorBrandStroke2Pressed","colorBrandStroke2Contrast","colorCompoundBrandStroke","colorCompoundBrandStrokeHover","colorCompoundBrandStrokePressed","colorNeutralStrokeDisabled","colorNeutralStrokeInvertedDisabled","colorTransparentStroke","colorTransparentStrokeInteractive","colorTransparentStrokeDisabled","colorNeutralStrokeAlpha","colorNeutralStrokeAlpha2","colorStrokeFocus1","colorStrokeFocus2","colorNeutralShadowAmbient","colorNeutralShadowKey","colorNeutralShadowAmbientLighter","colorNeutralShadowKeyLighter","colorNeutralShadowAmbientDarker","colorNeutralShadowKeyDarker","colorBrandShadowAmbient","colorBrandShadowKey"],"mappings":"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"}
@@ -1,5 +1,6 @@
1
- /* color palette used in both darkTheme and teamsDarkTheme */ import { statusSharedColors, personaSharedColors } from '../global/colorPalette';
1
+ /* color palette used in both darkTheme and teamsDarkTheme */ import { statusSharedColors, personaSharedColors, mappedStatusColors } from '../global/colorPalette';
2
2
  import { statusSharedColorNames, personaSharedColorNames } from '../sharedColorNames';
3
+ import { statusColorMapping } from '../statusColorMapping';
3
4
  const statusColorPaletteTokens = statusSharedColorNames.reduce((acc, sharedColor)=>{
4
5
  const color = sharedColor.slice(0, 1).toUpperCase() + sharedColor.slice(1);
5
6
  const sharedColorTokens = {
@@ -41,3 +42,26 @@ export const colorPaletteTokens = {
41
42
  ...statusColorPaletteTokens,
42
43
  ...personaColorPaletteTokens
43
44
  };
45
+ export const colorStatusTokens = Object.entries(statusColorMapping).reduce((acc, [statusColor, sharedColor])=>{
46
+ const color = statusColor.slice(0, 1).toUpperCase() + statusColor.slice(1);
47
+ // TODO: double check the mapping with design - see the one-off patches above
48
+ const statusColorTokens = {
49
+ [`colorStatus${color}Background1`]: mappedStatusColors[sharedColor].shade40,
50
+ [`colorStatus${color}Background2`]: mappedStatusColors[sharedColor].shade30,
51
+ [`colorStatus${color}Background3`]: mappedStatusColors[sharedColor].primary,
52
+ [`colorStatus${color}Foreground1`]: mappedStatusColors[sharedColor].tint30,
53
+ [`colorStatus${color}Foreground2`]: mappedStatusColors[sharedColor].tint40,
54
+ [`colorStatus${color}Foreground3`]: mappedStatusColors[sharedColor].tint20,
55
+ [`colorStatus${color}BorderActive`]: mappedStatusColors[sharedColor].tint30,
56
+ [`colorStatus${color}ForegroundInverted`]: mappedStatusColors[sharedColor].shade10,
57
+ [`colorStatus${color}Border1`]: mappedStatusColors[sharedColor].primary,
58
+ [`colorStatus${color}Border2`]: mappedStatusColors[sharedColor].tint20
59
+ };
60
+ return Object.assign(acc, statusColorTokens);
61
+ }, {});
62
+ // one-off overrides for colorStatus tokens
63
+ colorStatusTokens.colorStatusDangerForeground3 = mappedStatusColors[statusColorMapping.danger].tint30;
64
+ colorStatusTokens.colorStatusDangerBorder2 = mappedStatusColors[statusColorMapping.danger].tint30;
65
+ colorStatusTokens.colorStatusSuccessForeground3 = mappedStatusColors[statusColorMapping.success].tint40;
66
+ colorStatusTokens.colorStatusSuccessBorder2 = mappedStatusColors[statusColorMapping.success].tint40;
67
+ colorStatusTokens.colorStatusWarningForegroundInverted = mappedStatusColors[statusColorMapping.warning].shade20;
@@ -1 +1 @@
1
- {"version":3,"sources":["darkColorPalette.ts"],"sourcesContent":["/* color palette used in both darkTheme and teamsDarkTheme */\n\nimport { statusSharedColors, personaSharedColors } from '../global/colorPalette';\nimport { statusSharedColorNames, personaSharedColorNames } from '../sharedColorNames';\nimport { ColorPaletteTokens, PersonaColorPaletteTokens, StatusColorPaletteTokens } from '../types';\n\nconst statusColorPaletteTokens = statusSharedColorNames.reduce((acc, sharedColor) => {\n const color = sharedColor.slice(0, 1).toUpperCase() + sharedColor.slice(1);\n const sharedColorTokens = {\n [`colorPalette${color}Background1`]: statusSharedColors[sharedColor].shade40,\n [`colorPalette${color}Background2`]: statusSharedColors[sharedColor].shade30,\n [`colorPalette${color}Background3`]: statusSharedColors[sharedColor].primary,\n [`colorPalette${color}Foreground1`]: statusSharedColors[sharedColor].tint30,\n [`colorPalette${color}Foreground2`]: statusSharedColors[sharedColor].tint40,\n [`colorPalette${color}Foreground3`]: statusSharedColors[sharedColor].tint20,\n [`colorPalette${color}BorderActive`]: statusSharedColors[sharedColor].tint30,\n [`colorPalette${color}Border1`]: statusSharedColors[sharedColor].primary,\n [`colorPalette${color}Border2`]: statusSharedColors[sharedColor].tint20,\n };\n\n return Object.assign(acc, sharedColorTokens);\n}, {} as StatusColorPaletteTokens);\n\n// one-off patches\nstatusColorPaletteTokens.colorPaletteRedForeground3 = statusSharedColors.red.tint30;\nstatusColorPaletteTokens.colorPaletteRedBorder2 = statusSharedColors.red.tint30;\nstatusColorPaletteTokens.colorPaletteGreenForeground3 = statusSharedColors.green.tint40;\nstatusColorPaletteTokens.colorPaletteGreenBorder2 = statusSharedColors.green.tint40;\nstatusColorPaletteTokens.colorPaletteDarkOrangeForeground3 = statusSharedColors.darkOrange.tint30;\nstatusColorPaletteTokens.colorPaletteDarkOrangeBorder2 = statusSharedColors.darkOrange.tint30;\n\nstatusColorPaletteTokens.colorPaletteRedForegroundInverted = statusSharedColors.red.primary;\nstatusColorPaletteTokens.colorPaletteGreenForegroundInverted = statusSharedColors.green.primary;\nstatusColorPaletteTokens.colorPaletteYellowForegroundInverted = statusSharedColors.yellow.shade30;\n\nconst personaColorPaletteTokens = personaSharedColorNames.reduce((acc, sharedColor) => {\n const color = sharedColor.slice(0, 1).toUpperCase() + sharedColor.slice(1);\n const sharedColorTokens = {\n [`colorPalette${color}Background2`]: personaSharedColors[sharedColor].shade30,\n [`colorPalette${color}Foreground2`]: personaSharedColors[sharedColor].tint40,\n [`colorPalette${color}BorderActive`]: personaSharedColors[sharedColor].tint30,\n };\n\n return Object.assign(acc, sharedColorTokens);\n}, {} as PersonaColorPaletteTokens);\n\n// one-off patches\npersonaColorPaletteTokens.colorPaletteDarkRedBackground2 = personaSharedColors.darkRed.shade20;\npersonaColorPaletteTokens.colorPalettePlumBackground2 = personaSharedColors.plum.shade20;\n\nexport const colorPaletteTokens: ColorPaletteTokens = { ...statusColorPaletteTokens, ...personaColorPaletteTokens };\n"],"names":["statusSharedColors","personaSharedColors","statusSharedColorNames","personaSharedColorNames","statusColorPaletteTokens","reduce","acc","sharedColor","color","slice","toUpperCase","sharedColorTokens","shade40","shade30","primary","tint30","tint40","tint20","Object","assign","colorPaletteRedForeground3","red","colorPaletteRedBorder2","colorPaletteGreenForeground3","green","colorPaletteGreenBorder2","colorPaletteDarkOrangeForeground3","darkOrange","colorPaletteDarkOrangeBorder2","colorPaletteRedForegroundInverted","colorPaletteGreenForegroundInverted","colorPaletteYellowForegroundInverted","yellow","personaColorPaletteTokens","colorPaletteDarkRedBackground2","darkRed","shade20","colorPalettePlumBackground2","plum","colorPaletteTokens"],"mappings":"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"}
1
+ {"version":3,"sources":["darkColorPalette.ts"],"sourcesContent":["/* color palette used in both darkTheme and teamsDarkTheme */\n\nimport { statusSharedColors, personaSharedColors, mappedStatusColors } from '../global/colorPalette';\nimport { statusSharedColorNames, personaSharedColorNames } from '../sharedColorNames';\nimport { ColorPaletteTokens, ColorStatusTokens, PersonaColorPaletteTokens, StatusColorPaletteTokens } from '../types';\nimport { statusColorMapping } from '../statusColorMapping';\n\nconst statusColorPaletteTokens = statusSharedColorNames.reduce((acc, sharedColor) => {\n const color = sharedColor.slice(0, 1).toUpperCase() + sharedColor.slice(1);\n const sharedColorTokens = {\n [`colorPalette${color}Background1`]: statusSharedColors[sharedColor].shade40,\n [`colorPalette${color}Background2`]: statusSharedColors[sharedColor].shade30,\n [`colorPalette${color}Background3`]: statusSharedColors[sharedColor].primary,\n [`colorPalette${color}Foreground1`]: statusSharedColors[sharedColor].tint30,\n [`colorPalette${color}Foreground2`]: statusSharedColors[sharedColor].tint40,\n [`colorPalette${color}Foreground3`]: statusSharedColors[sharedColor].tint20,\n [`colorPalette${color}BorderActive`]: statusSharedColors[sharedColor].tint30,\n [`colorPalette${color}Border1`]: statusSharedColors[sharedColor].primary,\n [`colorPalette${color}Border2`]: statusSharedColors[sharedColor].tint20,\n };\n\n return Object.assign(acc, sharedColorTokens);\n}, {} as StatusColorPaletteTokens);\n\n// one-off patches\nstatusColorPaletteTokens.colorPaletteRedForeground3 = statusSharedColors.red.tint30;\nstatusColorPaletteTokens.colorPaletteRedBorder2 = statusSharedColors.red.tint30;\nstatusColorPaletteTokens.colorPaletteGreenForeground3 = statusSharedColors.green.tint40;\nstatusColorPaletteTokens.colorPaletteGreenBorder2 = statusSharedColors.green.tint40;\nstatusColorPaletteTokens.colorPaletteDarkOrangeForeground3 = statusSharedColors.darkOrange.tint30;\nstatusColorPaletteTokens.colorPaletteDarkOrangeBorder2 = statusSharedColors.darkOrange.tint30;\n\nstatusColorPaletteTokens.colorPaletteRedForegroundInverted = statusSharedColors.red.primary;\nstatusColorPaletteTokens.colorPaletteGreenForegroundInverted = statusSharedColors.green.primary;\nstatusColorPaletteTokens.colorPaletteYellowForegroundInverted = statusSharedColors.yellow.shade30;\n\nconst personaColorPaletteTokens = personaSharedColorNames.reduce((acc, sharedColor) => {\n const color = sharedColor.slice(0, 1).toUpperCase() + sharedColor.slice(1);\n const sharedColorTokens = {\n [`colorPalette${color}Background2`]: personaSharedColors[sharedColor].shade30,\n [`colorPalette${color}Foreground2`]: personaSharedColors[sharedColor].tint40,\n [`colorPalette${color}BorderActive`]: personaSharedColors[sharedColor].tint30,\n };\n\n return Object.assign(acc, sharedColorTokens);\n}, {} as PersonaColorPaletteTokens);\n\n// one-off patches\npersonaColorPaletteTokens.colorPaletteDarkRedBackground2 = personaSharedColors.darkRed.shade20;\npersonaColorPaletteTokens.colorPalettePlumBackground2 = personaSharedColors.plum.shade20;\n\nexport const colorPaletteTokens: ColorPaletteTokens = { ...statusColorPaletteTokens, ...personaColorPaletteTokens };\n\nexport const colorStatusTokens: ColorStatusTokens = Object.entries(statusColorMapping).reduce(\n (acc, [statusColor, sharedColor]) => {\n const color = statusColor.slice(0, 1).toUpperCase() + statusColor.slice(1);\n\n // TODO: double check the mapping with design - see the one-off patches above\n const statusColorTokens = {\n [`colorStatus${color}Background1`]: mappedStatusColors[sharedColor].shade40,\n [`colorStatus${color}Background2`]: mappedStatusColors[sharedColor].shade30,\n [`colorStatus${color}Background3`]: mappedStatusColors[sharedColor].primary,\n [`colorStatus${color}Foreground1`]: mappedStatusColors[sharedColor].tint30,\n [`colorStatus${color}Foreground2`]: mappedStatusColors[sharedColor].tint40,\n [`colorStatus${color}Foreground3`]: mappedStatusColors[sharedColor].tint20,\n [`colorStatus${color}BorderActive`]: mappedStatusColors[sharedColor].tint30,\n [`colorStatus${color}ForegroundInverted`]: mappedStatusColors[sharedColor].shade10,\n [`colorStatus${color}Border1`]: mappedStatusColors[sharedColor].primary,\n [`colorStatus${color}Border2`]: mappedStatusColors[sharedColor].tint20,\n };\n\n return Object.assign(acc, statusColorTokens);\n },\n {} as ColorStatusTokens,\n);\n\n// one-off overrides for colorStatus tokens\ncolorStatusTokens.colorStatusDangerForeground3 = mappedStatusColors[statusColorMapping.danger].tint30;\ncolorStatusTokens.colorStatusDangerBorder2 = mappedStatusColors[statusColorMapping.danger].tint30;\ncolorStatusTokens.colorStatusSuccessForeground3 = mappedStatusColors[statusColorMapping.success].tint40;\ncolorStatusTokens.colorStatusSuccessBorder2 = mappedStatusColors[statusColorMapping.success].tint40;\ncolorStatusTokens.colorStatusWarningForegroundInverted = mappedStatusColors[statusColorMapping.warning].shade20;\n"],"names":["statusSharedColors","personaSharedColors","mappedStatusColors","statusSharedColorNames","personaSharedColorNames","statusColorMapping","statusColorPaletteTokens","reduce","acc","sharedColor","color","slice","toUpperCase","sharedColorTokens","shade40","shade30","primary","tint30","tint40","tint20","Object","assign","colorPaletteRedForeground3","red","colorPaletteRedBorder2","colorPaletteGreenForeground3","green","colorPaletteGreenBorder2","colorPaletteDarkOrangeForeground3","darkOrange","colorPaletteDarkOrangeBorder2","colorPaletteRedForegroundInverted","colorPaletteGreenForegroundInverted","colorPaletteYellowForegroundInverted","yellow","personaColorPaletteTokens","colorPaletteDarkRedBackground2","darkRed","shade20","colorPalettePlumBackground2","plum","colorPaletteTokens","colorStatusTokens","entries","statusColor","statusColorTokens","shade10","colorStatusDangerForeground3","danger","colorStatusDangerBorder2","colorStatusSuccessForeground3","success","colorStatusSuccessBorder2","colorStatusWarningForegroundInverted","warning"],"mappings":"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"}
@@ -138,6 +138,7 @@ export const generateColorTokens = ()=>({
138
138
  colorBrandStroke2: hcCanvasText,
139
139
  colorBrandStroke2Hover: hcHighlight,
140
140
  colorBrandStroke2Pressed: hcHighlight,
141
+ colorBrandStroke2Contrast: hcCanvas,
141
142
  colorCompoundBrandStroke: hcHighlight,
142
143
  colorCompoundBrandStrokeHover: hcHighlight,
143
144
  colorCompoundBrandStrokePressed: hcHighlight,
@@ -147,6 +148,7 @@ export const generateColorTokens = ()=>({
147
148
  colorTransparentStrokeInteractive: hcHighlight,
148
149
  colorTransparentStrokeDisabled: hcDisabled,
149
150
  colorNeutralStrokeAlpha: hcCanvasText,
151
+ colorNeutralStrokeAlpha2: hcCanvas,
150
152
  colorStrokeFocus1: hcCanvas,
151
153
  colorStrokeFocus2: hcHighlight,
152
154
  colorNeutralShadowAmbient: 'rgba(0,0,0,0.24)',
@@ -1 +1 @@
1
- {"version":3,"sources":["highContrastColor.ts"],"sourcesContent":["/* !!! DO NOT EDIT !!! */\n/* This file has been generated by the token pipeline */\n\nimport {\n blackAlpha,\n hcButtonFace,\n hcButtonText,\n hcCanvas,\n hcCanvasText,\n hcDisabled,\n hcHighlight,\n hcHighlightText,\n hcHyperlink,\n} from '../global/colors';\nimport type { ColorTokens } from '../types';\n\nexport const generateColorTokens = (): ColorTokens => ({\n colorNeutralForeground1: hcCanvasText, // CanvasText Global.Color.hcCanvasText\n colorNeutralForeground1Hover: hcHighlightText, // HighlightText Global.Color.hcHighlightText\n colorNeutralForeground1Pressed: hcHighlightText, // HighlightText Global.Color.hcHighlightText\n colorNeutralForeground1Selected: hcHighlightText, // HighlightText Global.Color.hcHighlightText\n colorNeutralForeground2: hcCanvasText, // CanvasText Global.Color.hcCanvasText\n colorNeutralForeground2Hover: hcHighlightText, // HighlightText Global.Color.hcHighlightText\n colorNeutralForeground2Pressed: hcHighlightText, // HighlightText Global.Color.hcHighlightText\n colorNeutralForeground2Selected: hcHighlightText, // HighlightText Global.Color.hcHighlightText\n colorNeutralForeground2BrandHover: hcHighlightText, // HighlightText Global.Color.hcHighlightText\n colorNeutralForeground2BrandPressed: hcHighlightText, // HighlightText Global.Color.hcHighlightText\n colorNeutralForeground2BrandSelected: hcHighlightText, // HighlightText Global.Color.hcHighlightText\n colorNeutralForeground3: hcCanvasText, // CanvasText Global.Color.hcCanvasText\n colorNeutralForeground3Hover: hcHighlightText, // HighlightText Global.Color.hcHighlightText\n colorNeutralForeground3Pressed: hcHighlightText, // HighlightText Global.Color.hcHighlightText\n colorNeutralForeground3Selected: hcHighlightText, // HighlightText Global.Color.hcHighlightText\n colorNeutralForeground3BrandHover: hcHighlightText, // HighlightText Global.Color.hcHighlightText\n colorNeutralForeground3BrandPressed: hcHighlightText, // HighlightText Global.Color.hcHighlightText\n colorNeutralForeground3BrandSelected: hcHighlightText, // HighlightText Global.Color.hcHighlightText\n colorNeutralForeground4: hcCanvasText, // CanvasText Global.Color.hcCanvasText\n colorNeutralForegroundDisabled: hcDisabled, // GrayText Global.Color.hcDisabled\n colorNeutralForegroundInvertedDisabled: hcDisabled, // GrayText Global.Color.hcDisabled\n colorBrandForegroundLink: hcHyperlink, // LinkText Global.Color.hcHyperlink\n colorBrandForegroundLinkHover: hcHyperlink, // LinkText Global.Color.hcHyperlink\n colorBrandForegroundLinkPressed: hcHyperlink, // LinkText Global.Color.hcHyperlink\n colorBrandForegroundLinkSelected: hcHyperlink, // LinkText Global.Color.hcHyperlink\n colorNeutralForeground2Link: hcHyperlink, // LinkText Global.Color.hcHyperlink\n colorNeutralForeground2LinkHover: hcHyperlink, // LinkText Global.Color.hcHyperlink\n colorNeutralForeground2LinkPressed: hcHyperlink, // LinkText Global.Color.hcHyperlink\n colorNeutralForeground2LinkSelected: hcHyperlink, // LinkText Global.Color.hcHyperlink\n colorCompoundBrandForeground1: hcHighlight, // Highlight Global.Color.hcHighlight\n colorCompoundBrandForeground1Hover: hcHighlight, // Highlight Global.Color.hcHighlight\n colorCompoundBrandForeground1Pressed: hcHighlight, // Highlight Global.Color.hcHighlight\n colorBrandForeground1: hcCanvasText, // CanvasText Global.Color.hcCanvasText\n colorBrandForeground2: hcCanvasText, // CanvasText Global.Color.hcCanvasText\n colorBrandForeground2Hover: hcCanvasText, // CanvasText Global.Color.hcCanvasText\n colorBrandForeground2Pressed: hcCanvasText, // CanvasText Global.Color.hcCanvasText\n colorNeutralForeground1Static: hcCanvas, // Canvas Global.Color.hcCanvas\n colorNeutralForegroundStaticInverted: hcCanvasText, // CanvasText Global.Color.hcCanvasText\n colorNeutralForegroundInverted: hcHighlightText, // HighlightText Global.Color.hcHighlightText\n colorNeutralForegroundInvertedHover: hcHighlightText, // HighlightText Global.Color.hcHighlightText\n colorNeutralForegroundInvertedPressed: hcHighlightText, // HighlightText Global.Color.hcHighlightText\n colorNeutralForegroundInvertedSelected: hcHighlightText, // HighlightText Global.Color.hcHighlightText\n colorNeutralForegroundInverted2: hcCanvasText, // CanvasText Global.Color.hcCanvasText\n colorNeutralForegroundOnBrand: hcButtonText, // ButtonText Global.Color.hcButtonText\n colorNeutralForegroundInvertedLink: hcHyperlink, // LinkText Global.Color.hcHyperlink\n colorNeutralForegroundInvertedLinkHover: hcHyperlink, // LinkText Global.Color.hcHyperlink\n colorNeutralForegroundInvertedLinkPressed: hcHyperlink, // LinkText Global.Color.hcHyperlink\n colorNeutralForegroundInvertedLinkSelected: hcHyperlink, // LinkText Global.Color.hcHyperlink\n colorBrandForegroundInverted: hcCanvasText, // CanvasText Global.Color.hcCanvasText\n colorBrandForegroundInvertedHover: hcHighlightText, // HighlightText Global.Color.hcHighlightText\n colorBrandForegroundInvertedPressed: hcHighlightText, // HighlightText Global.Color.hcHighlightText\n colorBrandForegroundOnLight: hcButtonText, // ButtonText Global.Color.hcButtonText\n colorBrandForegroundOnLightHover: hcHighlightText, // HighlightText Global.Color.hcHighlightText\n colorBrandForegroundOnLightPressed: hcHighlightText, // HighlightText Global.Color.hcHighlightText\n colorBrandForegroundOnLightSelected: hcHighlightText, // HighlightText Global.Color.hcHighlightText\n colorNeutralBackground1: hcCanvas, // Canvas Global.Color.hcCanvas\n colorNeutralBackground1Hover: hcHighlight, // Highlight Global.Color.hcHighlight\n colorNeutralBackground1Pressed: hcHighlight, // Highlight Global.Color.hcHighlight\n colorNeutralBackground1Selected: hcHighlight, // Highlight Global.Color.hcHighlight\n colorNeutralBackground2: hcCanvas, // Canvas Global.Color.hcCanvas\n colorNeutralBackground2Hover: hcHighlight, // Highlight Global.Color.hcHighlight\n colorNeutralBackground2Pressed: hcHighlight, // Highlight Global.Color.hcHighlight\n colorNeutralBackground2Selected: hcHighlight, // Highlight Global.Color.hcHighlight\n colorNeutralBackground3: hcCanvas, // Canvas Global.Color.hcCanvas\n colorNeutralBackground3Hover: hcHighlight, // Highlight Global.Color.hcHighlight\n colorNeutralBackground3Pressed: hcHighlight, // Highlight Global.Color.hcHighlight\n colorNeutralBackground3Selected: hcHighlight, // Highlight Global.Color.hcHighlight\n colorNeutralBackground4: hcCanvas, // Canvas Global.Color.hcCanvas\n colorNeutralBackground4Hover: hcHighlight, // Highlight Global.Color.hcHighlight\n colorNeutralBackground4Pressed: hcHighlight, // Highlight Global.Color.hcHighlight\n colorNeutralBackground4Selected: hcHighlight, // Highlight Global.Color.hcHighlight\n colorNeutralBackground5: hcCanvas, // Canvas Global.Color.hcCanvas\n colorNeutralBackground5Hover: hcHighlight, // Highlight Global.Color.hcHighlight\n colorNeutralBackground5Pressed: hcHighlight, // Highlight Global.Color.hcHighlight\n colorNeutralBackground5Selected: hcHighlight, // Highlight Global.Color.hcHighlight\n colorNeutralBackground6: hcCanvas, // Canvas Global.Color.hcCanvas\n colorNeutralBackgroundInverted: hcCanvas, // Canvas Global.Color.hcCanvas\n colorNeutralBackgroundStatic: hcCanvas, // Canvas Global.Color.hcCanvas\n colorNeutralBackgroundAlpha: hcCanvas, // Canvas Global.Color.hcCanvas\n colorNeutralBackgroundAlpha2: hcCanvas, // Canvas Global.Color.hcCanvas\n colorSubtleBackground: 'transparent', // transparent undefined\n colorSubtleBackgroundHover: hcHighlight, // Highlight Global.Color.hcHighlight\n colorSubtleBackgroundPressed: hcHighlight, // Highlight Global.Color.hcHighlight\n colorSubtleBackgroundSelected: hcHighlight, // Highlight Global.Color.hcHighlight\n colorSubtleBackgroundLightAlphaHover: hcHighlight, // Highlight Global.Color.hcHighlight\n colorSubtleBackgroundLightAlphaPressed: hcHighlight, // Highlight Global.Color.hcHighlight\n colorSubtleBackgroundLightAlphaSelected: hcHighlight, // Highlight Global.Color.hcHighlight\n colorSubtleBackgroundInverted: 'transparent', // transparent undefined\n colorSubtleBackgroundInvertedHover: hcHighlight, // Highlight Global.Color.hcHighlight\n colorSubtleBackgroundInvertedPressed: hcHighlight, // Highlight Global.Color.hcHighlight\n colorSubtleBackgroundInvertedSelected: hcHighlight, // Highlight Global.Color.hcHighlight\n colorTransparentBackground: 'transparent', // transparent undefined\n colorTransparentBackgroundHover: hcHighlight, // Highlight Global.Color.hcHighlight\n colorTransparentBackgroundPressed: hcHighlight, // Highlight Global.Color.hcHighlight\n colorTransparentBackgroundSelected: hcHighlight, // Highlight Global.Color.hcHighlight\n colorNeutralBackgroundDisabled: hcCanvas, // Canvas Global.Color.hcCanvas\n colorNeutralBackgroundInvertedDisabled: hcCanvas, // Canvas Global.Color.hcCanvas\n colorNeutralStencil1: hcCanvasText, // CanvasText Global.Color.hcCanvasText\n colorNeutralStencil2: hcCanvasText, // CanvasText Global.Color.hcCanvasText\n colorNeutralStencil1Alpha: hcCanvasText, // CanvasText Global.Color.hcCanvasText\n colorNeutralStencil2Alpha: hcCanvasText, // CanvasText Global.Color.hcCanvasText\n colorBackgroundOverlay: blackAlpha[50], // rgba(0, 0, 0, 0.5) Global.Color.BlackAlpha.50\n colorScrollbarOverlay: hcButtonFace, // ButtonFace Global.Color.hcButtonFace\n colorBrandBackground: hcButtonFace, // ButtonFace Global.Color.hcButtonFace\n colorBrandBackgroundHover: hcHighlight, // Highlight Global.Color.hcHighlight\n colorBrandBackgroundPressed: hcHighlight, // Highlight Global.Color.hcHighlight\n colorBrandBackgroundSelected: hcHighlight, // Highlight Global.Color.hcHighlight\n colorCompoundBrandBackground: hcHighlight, // Highlight Global.Color.hcHighlight\n colorCompoundBrandBackgroundHover: hcHighlight, // Highlight Global.Color.hcHighlight\n colorCompoundBrandBackgroundPressed: hcHighlight, // Highlight Global.Color.hcHighlight\n colorBrandBackgroundStatic: hcCanvas, // Canvas Global.Color.hcCanvas\n colorBrandBackground2: hcCanvas, // Canvas Global.Color.hcCanvas\n colorBrandBackground2Hover: hcCanvas, // Canvas Global.Color.hcCanvas\n colorBrandBackground2Pressed: hcCanvas, // Canvas Global.Color.hcCanvas\n colorBrandBackgroundInverted: hcButtonFace, // ButtonFace Global.Color.hcButtonFace\n colorBrandBackgroundInvertedHover: hcHighlight, // Highlight Global.Color.hcHighlight\n colorBrandBackgroundInvertedPressed: hcHighlight, // Highlight Global.Color.hcHighlight\n colorBrandBackgroundInvertedSelected: hcHighlight, // Highlight Global.Color.hcHighlight\n colorNeutralStrokeAccessible: hcCanvasText, // CanvasText Global.Color.hcCanvasText\n colorNeutralStrokeAccessibleHover: hcHighlight, // Highlight Global.Color.hcHighlight\n colorNeutralStrokeAccessiblePressed: hcHighlight, // Highlight Global.Color.hcHighlight\n colorNeutralStrokeAccessibleSelected: hcHighlight, // Highlight Global.Color.hcHighlight\n colorNeutralStroke1: hcCanvasText, // CanvasText Global.Color.hcCanvasText\n colorNeutralStroke1Hover: hcHighlight, // Highlight Global.Color.hcHighlight\n colorNeutralStroke1Pressed: hcHighlight, // Highlight Global.Color.hcHighlight\n colorNeutralStroke1Selected: hcHighlight, // Highlight Global.Color.hcHighlight\n colorNeutralStroke2: hcCanvasText, // CanvasText Global.Color.hcCanvasText\n colorNeutralStroke3: hcCanvasText, // CanvasText Global.Color.hcCanvasText\n colorNeutralStrokeSubtle: hcCanvasText, // CanvasText Global.Color.hcCanvasText\n colorNeutralStrokeOnBrand: hcCanvas, // Canvas Global.Color.hcCanvas\n colorNeutralStrokeOnBrand2: hcCanvasText, // CanvasText Global.Color.hcCanvasText\n colorNeutralStrokeOnBrand2Hover: hcCanvasText, // CanvasText Global.Color.hcCanvasText\n colorNeutralStrokeOnBrand2Pressed: hcCanvasText, // CanvasText Global.Color.hcCanvasText\n colorNeutralStrokeOnBrand2Selected: hcCanvasText, // CanvasText Global.Color.hcCanvasText\n colorBrandStroke1: hcCanvasText, // CanvasText Global.Color.hcCanvasText\n colorBrandStroke2: hcCanvasText, // CanvasText Global.Color.hcCanvasText\n colorBrandStroke2Hover: hcHighlight, // Highlight Global.Color.hcHighlight\n colorBrandStroke2Pressed: hcHighlight, // Highlight Global.Color.hcHighlight\n colorCompoundBrandStroke: hcHighlight, // Highlight Global.Color.hcHighlight\n colorCompoundBrandStrokeHover: hcHighlight, // Highlight Global.Color.hcHighlight\n colorCompoundBrandStrokePressed: hcHighlight, // Highlight Global.Color.hcHighlight\n colorNeutralStrokeDisabled: hcDisabled, // GrayText Global.Color.hcDisabled\n colorNeutralStrokeInvertedDisabled: hcDisabled, // GrayText Global.Color.hcDisabled\n colorTransparentStroke: hcCanvasText, // CanvasText Global.Color.hcCanvasText\n colorTransparentStrokeInteractive: hcHighlight, // Highlight Global.Color.hcHighlight\n colorTransparentStrokeDisabled: hcDisabled, // GrayText Global.Color.hcDisabled\n colorNeutralStrokeAlpha: hcCanvasText, // CanvasText Global.Color.hcCanvasText\n colorStrokeFocus1: hcCanvas, // Canvas Global.Color.hcCanvas\n colorStrokeFocus2: hcHighlight, // Highlight Global.Color.hcHighlight\n colorNeutralShadowAmbient: 'rgba(0,0,0,0.24)', // rgba(0,0,0,0.24) undefined\n colorNeutralShadowKey: 'rgba(0,0,0,0.28)', // rgba(0,0,0,0.28) undefined\n colorNeutralShadowAmbientLighter: 'rgba(0,0,0,0.12)', // rgba(0,0,0,0.12) undefined\n colorNeutralShadowKeyLighter: 'rgba(0,0,0,0.14)', // rgba(0,0,0,0.14) undefined\n colorNeutralShadowAmbientDarker: 'rgba(0,0,0,0.40)', // rgba(0,0,0,0.40) undefined\n colorNeutralShadowKeyDarker: 'rgba(0,0,0,0.48)', // rgba(0,0,0,0.48) undefined\n colorBrandShadowAmbient: 'rgba(0,0,0,0.30)', // rgba(0,0,0,0.30) undefined\n colorBrandShadowKey: 'rgba(0,0,0,0.25)', // rgba(0,0,0,0.25) undefined\n});\n"],"names":["blackAlpha","hcButtonFace","hcButtonText","hcCanvas","hcCanvasText","hcDisabled","hcHighlight","hcHighlightText","hcHyperlink","generateColorTokens","colorNeutralForeground1","colorNeutralForeground1Hover","colorNeutralForeground1Pressed","colorNeutralForeground1Selected","colorNeutralForeground2","colorNeutralForeground2Hover","colorNeutralForeground2Pressed","colorNeutralForeground2Selected","colorNeutralForeground2BrandHover","colorNeutralForeground2BrandPressed","colorNeutralForeground2BrandSelected","colorNeutralForeground3","colorNeutralForeground3Hover","colorNeutralForeground3Pressed","colorNeutralForeground3Selected","colorNeutralForeground3BrandHover","colorNeutralForeground3BrandPressed","colorNeutralForeground3BrandSelected","colorNeutralForeground4","colorNeutralForegroundDisabled","colorNeutralForegroundInvertedDisabled","colorBrandForegroundLink","colorBrandForegroundLinkHover","colorBrandForegroundLinkPressed","colorBrandForegroundLinkSelected","colorNeutralForeground2Link","colorNeutralForeground2LinkHover","colorNeutralForeground2LinkPressed","colorNeutralForeground2LinkSelected","colorCompoundBrandForeground1","colorCompoundBrandForeground1Hover","colorCompoundBrandForeground1Pressed","colorBrandForeground1","colorBrandForeground2","colorBrandForeground2Hover","colorBrandForeground2Pressed","colorNeutralForeground1Static","colorNeutralForegroundStaticInverted","colorNeutralForegroundInverted","colorNeutralForegroundInvertedHover","colorNeutralForegroundInvertedPressed","colorNeutralForegroundInvertedSelected","colorNeutralForegroundInverted2","colorNeutralForegroundOnBrand","colorNeutralForegroundInvertedLink","colorNeutralForegroundInvertedLinkHover","colorNeutralForegroundInvertedLinkPressed","colorNeutralForegroundInvertedLinkSelected","colorBrandForegroundInverted","colorBrandForegroundInvertedHover","colorBrandForegroundInvertedPressed","colorBrandForegroundOnLight","colorBrandForegroundOnLightHover","colorBrandForegroundOnLightPressed","colorBrandForegroundOnLightSelected","colorNeutralBackground1","colorNeutralBackground1Hover","colorNeutralBackground1Pressed","colorNeutralBackground1Selected","colorNeutralBackground2","colorNeutralBackground2Hover","colorNeutralBackground2Pressed","colorNeutralBackground2Selected","colorNeutralBackground3","colorNeutralBackground3Hover","colorNeutralBackground3Pressed","colorNeutralBackground3Selected","colorNeutralBackground4","colorNeutralBackground4Hover","colorNeutralBackground4Pressed","colorNeutralBackground4Selected","colorNeutralBackground5","colorNeutralBackground5Hover","colorNeutralBackground5Pressed","colorNeutralBackground5Selected","colorNeutralBackground6","colorNeutralBackgroundInverted","colorNeutralBackgroundStatic","colorNeutralBackgroundAlpha","colorNeutralBackgroundAlpha2","colorSubtleBackground","colorSubtleBackgroundHover","colorSubtleBackgroundPressed","colorSubtleBackgroundSelected","colorSubtleBackgroundLightAlphaHover","colorSubtleBackgroundLightAlphaPressed","colorSubtleBackgroundLightAlphaSelected","colorSubtleBackgroundInverted","colorSubtleBackgroundInvertedHover","colorSubtleBackgroundInvertedPressed","colorSubtleBackgroundInvertedSelected","colorTransparentBackground","colorTransparentBackgroundHover","colorTransparentBackgroundPressed","colorTransparentBackgroundSelected","colorNeutralBackgroundDisabled","colorNeutralBackgroundInvertedDisabled","colorNeutralStencil1","colorNeutralStencil2","colorNeutralStencil1Alpha","colorNeutralStencil2Alpha","colorBackgroundOverlay","colorScrollbarOverlay","colorBrandBackground","colorBrandBackgroundHover","colorBrandBackgroundPressed","colorBrandBackgroundSelected","colorCompoundBrandBackground","colorCompoundBrandBackgroundHover","colorCompoundBrandBackgroundPressed","colorBrandBackgroundStatic","colorBrandBackground2","colorBrandBackground2Hover","colorBrandBackground2Pressed","colorBrandBackgroundInverted","colorBrandBackgroundInvertedHover","colorBrandBackgroundInvertedPressed","colorBrandBackgroundInvertedSelected","colorNeutralStrokeAccessible","colorNeutralStrokeAccessibleHover","colorNeutralStrokeAccessiblePressed","colorNeutralStrokeAccessibleSelected","colorNeutralStroke1","colorNeutralStroke1Hover","colorNeutralStroke1Pressed","colorNeutralStroke1Selected","colorNeutralStroke2","colorNeutralStroke3","colorNeutralStrokeSubtle","colorNeutralStrokeOnBrand","colorNeutralStrokeOnBrand2","colorNeutralStrokeOnBrand2Hover","colorNeutralStrokeOnBrand2Pressed","colorNeutralStrokeOnBrand2Selected","colorBrandStroke1","colorBrandStroke2","colorBrandStroke2Hover","colorBrandStroke2Pressed","colorCompoundBrandStroke","colorCompoundBrandStrokeHover","colorCompoundBrandStrokePressed","colorNeutralStrokeDisabled","colorNeutralStrokeInvertedDisabled","colorTransparentStroke","colorTransparentStrokeInteractive","colorTransparentStrokeDisabled","colorNeutralStrokeAlpha","colorStrokeFocus1","colorStrokeFocus2","colorNeutralShadowAmbient","colorNeutralShadowKey","colorNeutralShadowAmbientLighter","colorNeutralShadowKeyLighter","colorNeutralShadowAmbientDarker","colorNeutralShadowKeyDarker","colorBrandShadowAmbient","colorBrandShadowKey"],"mappings":"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"}
1
+ {"version":3,"sources":["highContrastColor.ts"],"sourcesContent":["/* !!! DO NOT EDIT !!! */\n/* This file has been generated by the token pipeline */\n\nimport {\n blackAlpha,\n hcButtonFace,\n hcButtonText,\n hcCanvas,\n hcCanvasText,\n hcDisabled,\n hcHighlight,\n hcHighlightText,\n hcHyperlink,\n} from '../global/colors';\nimport type { ColorTokens } from '../types';\n\nexport const generateColorTokens = (): ColorTokens => ({\n colorNeutralForeground1: hcCanvasText, // CanvasText Global.Color.hcCanvasText\n colorNeutralForeground1Hover: hcHighlightText, // HighlightText Global.Color.hcHighlightText\n colorNeutralForeground1Pressed: hcHighlightText, // HighlightText Global.Color.hcHighlightText\n colorNeutralForeground1Selected: hcHighlightText, // HighlightText Global.Color.hcHighlightText\n colorNeutralForeground2: hcCanvasText, // CanvasText Global.Color.hcCanvasText\n colorNeutralForeground2Hover: hcHighlightText, // HighlightText Global.Color.hcHighlightText\n colorNeutralForeground2Pressed: hcHighlightText, // HighlightText Global.Color.hcHighlightText\n colorNeutralForeground2Selected: hcHighlightText, // HighlightText Global.Color.hcHighlightText\n colorNeutralForeground2BrandHover: hcHighlightText, // HighlightText Global.Color.hcHighlightText\n colorNeutralForeground2BrandPressed: hcHighlightText, // HighlightText Global.Color.hcHighlightText\n colorNeutralForeground2BrandSelected: hcHighlightText, // HighlightText Global.Color.hcHighlightText\n colorNeutralForeground3: hcCanvasText, // CanvasText Global.Color.hcCanvasText\n colorNeutralForeground3Hover: hcHighlightText, // HighlightText Global.Color.hcHighlightText\n colorNeutralForeground3Pressed: hcHighlightText, // HighlightText Global.Color.hcHighlightText\n colorNeutralForeground3Selected: hcHighlightText, // HighlightText Global.Color.hcHighlightText\n colorNeutralForeground3BrandHover: hcHighlightText, // HighlightText Global.Color.hcHighlightText\n colorNeutralForeground3BrandPressed: hcHighlightText, // HighlightText Global.Color.hcHighlightText\n colorNeutralForeground3BrandSelected: hcHighlightText, // HighlightText Global.Color.hcHighlightText\n colorNeutralForeground4: hcCanvasText, // CanvasText Global.Color.hcCanvasText\n colorNeutralForegroundDisabled: hcDisabled, // GrayText Global.Color.hcDisabled\n colorNeutralForegroundInvertedDisabled: hcDisabled, // GrayText Global.Color.hcDisabled\n colorBrandForegroundLink: hcHyperlink, // LinkText Global.Color.hcHyperlink\n colorBrandForegroundLinkHover: hcHyperlink, // LinkText Global.Color.hcHyperlink\n colorBrandForegroundLinkPressed: hcHyperlink, // LinkText Global.Color.hcHyperlink\n colorBrandForegroundLinkSelected: hcHyperlink, // LinkText Global.Color.hcHyperlink\n colorNeutralForeground2Link: hcHyperlink, // LinkText Global.Color.hcHyperlink\n colorNeutralForeground2LinkHover: hcHyperlink, // LinkText Global.Color.hcHyperlink\n colorNeutralForeground2LinkPressed: hcHyperlink, // LinkText Global.Color.hcHyperlink\n colorNeutralForeground2LinkSelected: hcHyperlink, // LinkText Global.Color.hcHyperlink\n colorCompoundBrandForeground1: hcHighlight, // Highlight Global.Color.hcHighlight\n colorCompoundBrandForeground1Hover: hcHighlight, // Highlight Global.Color.hcHighlight\n colorCompoundBrandForeground1Pressed: hcHighlight, // Highlight Global.Color.hcHighlight\n colorBrandForeground1: hcCanvasText, // CanvasText Global.Color.hcCanvasText\n colorBrandForeground2: hcCanvasText, // CanvasText Global.Color.hcCanvasText\n colorBrandForeground2Hover: hcCanvasText, // CanvasText Global.Color.hcCanvasText\n colorBrandForeground2Pressed: hcCanvasText, // CanvasText Global.Color.hcCanvasText\n colorNeutralForeground1Static: hcCanvas, // Canvas Global.Color.hcCanvas\n colorNeutralForegroundStaticInverted: hcCanvasText, // CanvasText Global.Color.hcCanvasText\n colorNeutralForegroundInverted: hcHighlightText, // HighlightText Global.Color.hcHighlightText\n colorNeutralForegroundInvertedHover: hcHighlightText, // HighlightText Global.Color.hcHighlightText\n colorNeutralForegroundInvertedPressed: hcHighlightText, // HighlightText Global.Color.hcHighlightText\n colorNeutralForegroundInvertedSelected: hcHighlightText, // HighlightText Global.Color.hcHighlightText\n colorNeutralForegroundInverted2: hcCanvasText, // CanvasText Global.Color.hcCanvasText\n colorNeutralForegroundOnBrand: hcButtonText, // ButtonText Global.Color.hcButtonText\n colorNeutralForegroundInvertedLink: hcHyperlink, // LinkText Global.Color.hcHyperlink\n colorNeutralForegroundInvertedLinkHover: hcHyperlink, // LinkText Global.Color.hcHyperlink\n colorNeutralForegroundInvertedLinkPressed: hcHyperlink, // LinkText Global.Color.hcHyperlink\n colorNeutralForegroundInvertedLinkSelected: hcHyperlink, // LinkText Global.Color.hcHyperlink\n colorBrandForegroundInverted: hcCanvasText, // CanvasText Global.Color.hcCanvasText\n colorBrandForegroundInvertedHover: hcHighlightText, // HighlightText Global.Color.hcHighlightText\n colorBrandForegroundInvertedPressed: hcHighlightText, // HighlightText Global.Color.hcHighlightText\n colorBrandForegroundOnLight: hcButtonText, // ButtonText Global.Color.hcButtonText\n colorBrandForegroundOnLightHover: hcHighlightText, // HighlightText Global.Color.hcHighlightText\n colorBrandForegroundOnLightPressed: hcHighlightText, // HighlightText Global.Color.hcHighlightText\n colorBrandForegroundOnLightSelected: hcHighlightText, // HighlightText Global.Color.hcHighlightText\n colorNeutralBackground1: hcCanvas, // Canvas Global.Color.hcCanvas\n colorNeutralBackground1Hover: hcHighlight, // Highlight Global.Color.hcHighlight\n colorNeutralBackground1Pressed: hcHighlight, // Highlight Global.Color.hcHighlight\n colorNeutralBackground1Selected: hcHighlight, // Highlight Global.Color.hcHighlight\n colorNeutralBackground2: hcCanvas, // Canvas Global.Color.hcCanvas\n colorNeutralBackground2Hover: hcHighlight, // Highlight Global.Color.hcHighlight\n colorNeutralBackground2Pressed: hcHighlight, // Highlight Global.Color.hcHighlight\n colorNeutralBackground2Selected: hcHighlight, // Highlight Global.Color.hcHighlight\n colorNeutralBackground3: hcCanvas, // Canvas Global.Color.hcCanvas\n colorNeutralBackground3Hover: hcHighlight, // Highlight Global.Color.hcHighlight\n colorNeutralBackground3Pressed: hcHighlight, // Highlight Global.Color.hcHighlight\n colorNeutralBackground3Selected: hcHighlight, // Highlight Global.Color.hcHighlight\n colorNeutralBackground4: hcCanvas, // Canvas Global.Color.hcCanvas\n colorNeutralBackground4Hover: hcHighlight, // Highlight Global.Color.hcHighlight\n colorNeutralBackground4Pressed: hcHighlight, // Highlight Global.Color.hcHighlight\n colorNeutralBackground4Selected: hcHighlight, // Highlight Global.Color.hcHighlight\n colorNeutralBackground5: hcCanvas, // Canvas Global.Color.hcCanvas\n colorNeutralBackground5Hover: hcHighlight, // Highlight Global.Color.hcHighlight\n colorNeutralBackground5Pressed: hcHighlight, // Highlight Global.Color.hcHighlight\n colorNeutralBackground5Selected: hcHighlight, // Highlight Global.Color.hcHighlight\n colorNeutralBackground6: hcCanvas, // Canvas Global.Color.hcCanvas\n colorNeutralBackgroundInverted: hcCanvas, // Canvas Global.Color.hcCanvas\n colorNeutralBackgroundStatic: hcCanvas, // Canvas Global.Color.hcCanvas\n colorNeutralBackgroundAlpha: hcCanvas, // Canvas Global.Color.hcCanvas\n colorNeutralBackgroundAlpha2: hcCanvas, // Canvas Global.Color.hcCanvas\n colorSubtleBackground: 'transparent', // transparent undefined\n colorSubtleBackgroundHover: hcHighlight, // Highlight Global.Color.hcHighlight\n colorSubtleBackgroundPressed: hcHighlight, // Highlight Global.Color.hcHighlight\n colorSubtleBackgroundSelected: hcHighlight, // Highlight Global.Color.hcHighlight\n colorSubtleBackgroundLightAlphaHover: hcHighlight, // Highlight Global.Color.hcHighlight\n colorSubtleBackgroundLightAlphaPressed: hcHighlight, // Highlight Global.Color.hcHighlight\n colorSubtleBackgroundLightAlphaSelected: hcHighlight, // Highlight Global.Color.hcHighlight\n colorSubtleBackgroundInverted: 'transparent', // transparent undefined\n colorSubtleBackgroundInvertedHover: hcHighlight, // Highlight Global.Color.hcHighlight\n colorSubtleBackgroundInvertedPressed: hcHighlight, // Highlight Global.Color.hcHighlight\n colorSubtleBackgroundInvertedSelected: hcHighlight, // Highlight Global.Color.hcHighlight\n colorTransparentBackground: 'transparent', // transparent undefined\n colorTransparentBackgroundHover: hcHighlight, // Highlight Global.Color.hcHighlight\n colorTransparentBackgroundPressed: hcHighlight, // Highlight Global.Color.hcHighlight\n colorTransparentBackgroundSelected: hcHighlight, // Highlight Global.Color.hcHighlight\n colorNeutralBackgroundDisabled: hcCanvas, // Canvas Global.Color.hcCanvas\n colorNeutralBackgroundInvertedDisabled: hcCanvas, // Canvas Global.Color.hcCanvas\n colorNeutralStencil1: hcCanvasText, // CanvasText Global.Color.hcCanvasText\n colorNeutralStencil2: hcCanvasText, // CanvasText Global.Color.hcCanvasText\n colorNeutralStencil1Alpha: hcCanvasText, // CanvasText Global.Color.hcCanvasText\n colorNeutralStencil2Alpha: hcCanvasText, // CanvasText Global.Color.hcCanvasText\n colorBackgroundOverlay: blackAlpha[50], // rgba(0, 0, 0, 0.5) Global.Color.BlackAlpha.50\n colorScrollbarOverlay: hcButtonFace, // ButtonFace Global.Color.hcButtonFace\n colorBrandBackground: hcButtonFace, // ButtonFace Global.Color.hcButtonFace\n colorBrandBackgroundHover: hcHighlight, // Highlight Global.Color.hcHighlight\n colorBrandBackgroundPressed: hcHighlight, // Highlight Global.Color.hcHighlight\n colorBrandBackgroundSelected: hcHighlight, // Highlight Global.Color.hcHighlight\n colorCompoundBrandBackground: hcHighlight, // Highlight Global.Color.hcHighlight\n colorCompoundBrandBackgroundHover: hcHighlight, // Highlight Global.Color.hcHighlight\n colorCompoundBrandBackgroundPressed: hcHighlight, // Highlight Global.Color.hcHighlight\n colorBrandBackgroundStatic: hcCanvas, // Canvas Global.Color.hcCanvas\n colorBrandBackground2: hcCanvas, // Canvas Global.Color.hcCanvas\n colorBrandBackground2Hover: hcCanvas, // Canvas Global.Color.hcCanvas\n colorBrandBackground2Pressed: hcCanvas, // Canvas Global.Color.hcCanvas\n colorBrandBackgroundInverted: hcButtonFace, // ButtonFace Global.Color.hcButtonFace\n colorBrandBackgroundInvertedHover: hcHighlight, // Highlight Global.Color.hcHighlight\n colorBrandBackgroundInvertedPressed: hcHighlight, // Highlight Global.Color.hcHighlight\n colorBrandBackgroundInvertedSelected: hcHighlight, // Highlight Global.Color.hcHighlight\n colorNeutralStrokeAccessible: hcCanvasText, // CanvasText Global.Color.hcCanvasText\n colorNeutralStrokeAccessibleHover: hcHighlight, // Highlight Global.Color.hcHighlight\n colorNeutralStrokeAccessiblePressed: hcHighlight, // Highlight Global.Color.hcHighlight\n colorNeutralStrokeAccessibleSelected: hcHighlight, // Highlight Global.Color.hcHighlight\n colorNeutralStroke1: hcCanvasText, // CanvasText Global.Color.hcCanvasText\n colorNeutralStroke1Hover: hcHighlight, // Highlight Global.Color.hcHighlight\n colorNeutralStroke1Pressed: hcHighlight, // Highlight Global.Color.hcHighlight\n colorNeutralStroke1Selected: hcHighlight, // Highlight Global.Color.hcHighlight\n colorNeutralStroke2: hcCanvasText, // CanvasText Global.Color.hcCanvasText\n colorNeutralStroke3: hcCanvasText, // CanvasText Global.Color.hcCanvasText\n colorNeutralStrokeSubtle: hcCanvasText, // CanvasText Global.Color.hcCanvasText\n colorNeutralStrokeOnBrand: hcCanvas, // Canvas Global.Color.hcCanvas\n colorNeutralStrokeOnBrand2: hcCanvasText, // CanvasText Global.Color.hcCanvasText\n colorNeutralStrokeOnBrand2Hover: hcCanvasText, // CanvasText Global.Color.hcCanvasText\n colorNeutralStrokeOnBrand2Pressed: hcCanvasText, // CanvasText Global.Color.hcCanvasText\n colorNeutralStrokeOnBrand2Selected: hcCanvasText, // CanvasText Global.Color.hcCanvasText\n colorBrandStroke1: hcCanvasText, // CanvasText Global.Color.hcCanvasText\n colorBrandStroke2: hcCanvasText, // CanvasText Global.Color.hcCanvasText\n colorBrandStroke2Hover: hcHighlight, // Highlight Global.Color.hcHighlight\n colorBrandStroke2Pressed: hcHighlight, // Highlight Global.Color.hcHighlight\n colorBrandStroke2Contrast: hcCanvas, // Canvas Global.Color.hcCanvas\n colorCompoundBrandStroke: hcHighlight, // Highlight Global.Color.hcHighlight\n colorCompoundBrandStrokeHover: hcHighlight, // Highlight Global.Color.hcHighlight\n colorCompoundBrandStrokePressed: hcHighlight, // Highlight Global.Color.hcHighlight\n colorNeutralStrokeDisabled: hcDisabled, // GrayText Global.Color.hcDisabled\n colorNeutralStrokeInvertedDisabled: hcDisabled, // GrayText Global.Color.hcDisabled\n colorTransparentStroke: hcCanvasText, // CanvasText Global.Color.hcCanvasText\n colorTransparentStrokeInteractive: hcHighlight, // Highlight Global.Color.hcHighlight\n colorTransparentStrokeDisabled: hcDisabled, // GrayText Global.Color.hcDisabled\n colorNeutralStrokeAlpha: hcCanvasText, // CanvasText Global.Color.hcCanvasText\n colorNeutralStrokeAlpha2: hcCanvas, // Canvas Global.Color.hcCanvas\n colorStrokeFocus1: hcCanvas, // Canvas Global.Color.hcCanvas\n colorStrokeFocus2: hcHighlight, // Highlight Global.Color.hcHighlight\n colorNeutralShadowAmbient: 'rgba(0,0,0,0.24)', // rgba(0,0,0,0.24) undefined\n colorNeutralShadowKey: 'rgba(0,0,0,0.28)', // rgba(0,0,0,0.28) undefined\n colorNeutralShadowAmbientLighter: 'rgba(0,0,0,0.12)', // rgba(0,0,0,0.12) undefined\n colorNeutralShadowKeyLighter: 'rgba(0,0,0,0.14)', // rgba(0,0,0,0.14) undefined\n colorNeutralShadowAmbientDarker: 'rgba(0,0,0,0.40)', // rgba(0,0,0,0.40) undefined\n colorNeutralShadowKeyDarker: 'rgba(0,0,0,0.48)', // rgba(0,0,0,0.48) undefined\n colorBrandShadowAmbient: 'rgba(0,0,0,0.30)', // rgba(0,0,0,0.30) undefined\n colorBrandShadowKey: 'rgba(0,0,0,0.25)', // rgba(0,0,0,0.25) undefined\n});\n"],"names":["blackAlpha","hcButtonFace","hcButtonText","hcCanvas","hcCanvasText","hcDisabled","hcHighlight","hcHighlightText","hcHyperlink","generateColorTokens","colorNeutralForeground1","colorNeutralForeground1Hover","colorNeutralForeground1Pressed","colorNeutralForeground1Selected","colorNeutralForeground2","colorNeutralForeground2Hover","colorNeutralForeground2Pressed","colorNeutralForeground2Selected","colorNeutralForeground2BrandHover","colorNeutralForeground2BrandPressed","colorNeutralForeground2BrandSelected","colorNeutralForeground3","colorNeutralForeground3Hover","colorNeutralForeground3Pressed","colorNeutralForeground3Selected","colorNeutralForeground3BrandHover","colorNeutralForeground3BrandPressed","colorNeutralForeground3BrandSelected","colorNeutralForeground4","colorNeutralForegroundDisabled","colorNeutralForegroundInvertedDisabled","colorBrandForegroundLink","colorBrandForegroundLinkHover","colorBrandForegroundLinkPressed","colorBrandForegroundLinkSelected","colorNeutralForeground2Link","colorNeutralForeground2LinkHover","colorNeutralForeground2LinkPressed","colorNeutralForeground2LinkSelected","colorCompoundBrandForeground1","colorCompoundBrandForeground1Hover","colorCompoundBrandForeground1Pressed","colorBrandForeground1","colorBrandForeground2","colorBrandForeground2Hover","colorBrandForeground2Pressed","colorNeutralForeground1Static","colorNeutralForegroundStaticInverted","colorNeutralForegroundInverted","colorNeutralForegroundInvertedHover","colorNeutralForegroundInvertedPressed","colorNeutralForegroundInvertedSelected","colorNeutralForegroundInverted2","colorNeutralForegroundOnBrand","colorNeutralForegroundInvertedLink","colorNeutralForegroundInvertedLinkHover","colorNeutralForegroundInvertedLinkPressed","colorNeutralForegroundInvertedLinkSelected","colorBrandForegroundInverted","colorBrandForegroundInvertedHover","colorBrandForegroundInvertedPressed","colorBrandForegroundOnLight","colorBrandForegroundOnLightHover","colorBrandForegroundOnLightPressed","colorBrandForegroundOnLightSelected","colorNeutralBackground1","colorNeutralBackground1Hover","colorNeutralBackground1Pressed","colorNeutralBackground1Selected","colorNeutralBackground2","colorNeutralBackground2Hover","colorNeutralBackground2Pressed","colorNeutralBackground2Selected","colorNeutralBackground3","colorNeutralBackground3Hover","colorNeutralBackground3Pressed","colorNeutralBackground3Selected","colorNeutralBackground4","colorNeutralBackground4Hover","colorNeutralBackground4Pressed","colorNeutralBackground4Selected","colorNeutralBackground5","colorNeutralBackground5Hover","colorNeutralBackground5Pressed","colorNeutralBackground5Selected","colorNeutralBackground6","colorNeutralBackgroundInverted","colorNeutralBackgroundStatic","colorNeutralBackgroundAlpha","colorNeutralBackgroundAlpha2","colorSubtleBackground","colorSubtleBackgroundHover","colorSubtleBackgroundPressed","colorSubtleBackgroundSelected","colorSubtleBackgroundLightAlphaHover","colorSubtleBackgroundLightAlphaPressed","colorSubtleBackgroundLightAlphaSelected","colorSubtleBackgroundInverted","colorSubtleBackgroundInvertedHover","colorSubtleBackgroundInvertedPressed","colorSubtleBackgroundInvertedSelected","colorTransparentBackground","colorTransparentBackgroundHover","colorTransparentBackgroundPressed","colorTransparentBackgroundSelected","colorNeutralBackgroundDisabled","colorNeutralBackgroundInvertedDisabled","colorNeutralStencil1","colorNeutralStencil2","colorNeutralStencil1Alpha","colorNeutralStencil2Alpha","colorBackgroundOverlay","colorScrollbarOverlay","colorBrandBackground","colorBrandBackgroundHover","colorBrandBackgroundPressed","colorBrandBackgroundSelected","colorCompoundBrandBackground","colorCompoundBrandBackgroundHover","colorCompoundBrandBackgroundPressed","colorBrandBackgroundStatic","colorBrandBackground2","colorBrandBackground2Hover","colorBrandBackground2Pressed","colorBrandBackgroundInverted","colorBrandBackgroundInvertedHover","colorBrandBackgroundInvertedPressed","colorBrandBackgroundInvertedSelected","colorNeutralStrokeAccessible","colorNeutralStrokeAccessibleHover","colorNeutralStrokeAccessiblePressed","colorNeutralStrokeAccessibleSelected","colorNeutralStroke1","colorNeutralStroke1Hover","colorNeutralStroke1Pressed","colorNeutralStroke1Selected","colorNeutralStroke2","colorNeutralStroke3","colorNeutralStrokeSubtle","colorNeutralStrokeOnBrand","colorNeutralStrokeOnBrand2","colorNeutralStrokeOnBrand2Hover","colorNeutralStrokeOnBrand2Pressed","colorNeutralStrokeOnBrand2Selected","colorBrandStroke1","colorBrandStroke2","colorBrandStroke2Hover","colorBrandStroke2Pressed","colorBrandStroke2Contrast","colorCompoundBrandStroke","colorCompoundBrandStrokeHover","colorCompoundBrandStrokePressed","colorNeutralStrokeDisabled","colorNeutralStrokeInvertedDisabled","colorTransparentStroke","colorTransparentStrokeInteractive","colorTransparentStrokeDisabled","colorNeutralStrokeAlpha","colorNeutralStrokeAlpha2","colorStrokeFocus1","colorStrokeFocus2","colorNeutralShadowAmbient","colorNeutralShadowKey","colorNeutralShadowAmbientLighter","colorNeutralShadowKeyLighter","colorNeutralShadowAmbientDarker","colorNeutralShadowKeyDarker","colorBrandShadowAmbient","colorBrandShadowKey"],"mappings":"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"}
@@ -1,5 +1,6 @@
1
1
  import { hcHighlight, hcCanvas, hcCanvasText } from '../global/colors';
2
2
  import { statusSharedColorNames, personaSharedColorNames } from '../sharedColorNames';
3
+ import { statusColorMapping } from '../statusColorMapping';
3
4
  const statusColorPaletteTokens = statusSharedColorNames.reduce((acc, sharedColor)=>{
4
5
  const color = sharedColor.slice(0, 1).toUpperCase() + sharedColor.slice(1);
5
6
  const sharedColorTokens = {
@@ -32,3 +33,20 @@ export const colorPaletteTokens = {
32
33
  ...statusColorPaletteTokens,
33
34
  ...personaColorPaletteTokens
34
35
  };
36
+ export const colorStatusTokens = Object.entries(statusColorMapping).reduce((acc, [statusColor, sharedColor])=>{
37
+ const color = statusColor.slice(0, 1).toUpperCase() + statusColor.slice(1);
38
+ // TODO: double check the mapping with design
39
+ const statusColorTokens = {
40
+ [`colorStatus${color}Background1`]: hcCanvas,
41
+ [`colorStatus${color}Background2`]: hcCanvas,
42
+ [`colorStatus${color}Background3`]: hcCanvasText,
43
+ [`colorStatus${color}Foreground1`]: hcCanvasText,
44
+ [`colorStatus${color}Foreground2`]: hcCanvasText,
45
+ [`colorStatus${color}Foreground3`]: hcCanvasText,
46
+ [`colorStatus${color}BorderActive`]: hcHighlight,
47
+ [`colorStatus${color}ForegroundInverted`]: hcCanvasText,
48
+ [`colorStatus${color}Border1`]: hcCanvasText,
49
+ [`colorStatus${color}Border2`]: hcCanvasText
50
+ };
51
+ return Object.assign(acc, statusColorTokens);
52
+ }, {});
@@ -1 +1 @@
1
- {"version":3,"sources":["highContrastColorPalette.ts"],"sourcesContent":["import { hcHighlight, hcCanvas, hcCanvasText } from '../global/colors';\nimport { statusSharedColorNames, personaSharedColorNames } from '../sharedColorNames';\nimport { ColorPaletteTokens, PersonaColorPaletteTokens, StatusColorPaletteTokens } from '../types';\n\nconst statusColorPaletteTokens = statusSharedColorNames.reduce((acc, sharedColor) => {\n const color = sharedColor.slice(0, 1).toUpperCase() + sharedColor.slice(1);\n const sharedColorTokens = {\n [`colorPalette${color}Background1`]: hcCanvas,\n [`colorPalette${color}Background2`]: hcCanvas,\n [`colorPalette${color}Background3`]: hcCanvasText,\n [`colorPalette${color}Foreground1`]: hcCanvasText,\n [`colorPalette${color}Foreground2`]: hcCanvasText,\n [`colorPalette${color}Foreground3`]: hcCanvasText,\n [`colorPalette${color}BorderActive`]: hcHighlight,\n [`colorPalette${color}Border1`]: hcCanvasText,\n [`colorPalette${color}Border2`]: hcCanvasText,\n };\n\n return Object.assign(acc, sharedColorTokens);\n}, {} as StatusColorPaletteTokens);\n\n// one-off patches\nstatusColorPaletteTokens.colorPaletteRedForegroundInverted = hcCanvasText;\nstatusColorPaletteTokens.colorPaletteGreenForegroundInverted = hcCanvasText;\nstatusColorPaletteTokens.colorPaletteYellowForegroundInverted = hcCanvasText;\n\nconst personaColorPaletteTokens = personaSharedColorNames.reduce((acc, sharedColor) => {\n const color = sharedColor.slice(0, 1).toUpperCase() + sharedColor.slice(1);\n const sharedColorTokens = {\n [`colorPalette${color}Background2`]: hcCanvas,\n [`colorPalette${color}Foreground2`]: hcCanvasText,\n [`colorPalette${color}BorderActive`]: hcHighlight,\n };\n\n return Object.assign(acc, sharedColorTokens);\n}, {} as PersonaColorPaletteTokens);\n\nexport const colorPaletteTokens: ColorPaletteTokens = { ...statusColorPaletteTokens, ...personaColorPaletteTokens };\n"],"names":["hcHighlight","hcCanvas","hcCanvasText","statusSharedColorNames","personaSharedColorNames","statusColorPaletteTokens","reduce","acc","sharedColor","color","slice","toUpperCase","sharedColorTokens","Object","assign","colorPaletteRedForegroundInverted","colorPaletteGreenForegroundInverted","colorPaletteYellowForegroundInverted","personaColorPaletteTokens","colorPaletteTokens"],"mappings":"AAAA,SAASA,WAAW,EAAEC,QAAQ,EAAEC,YAAY,QAAQ,mBAAmB;AACvE,SAASC,sBAAsB,EAAEC,uBAAuB,QAAQ,sBAAsB;AAGtF,MAAMC,2BAA2BF,uBAAuBG,MAAM,CAAC,CAACC,KAAKC,cAAgB;IACnF,MAAMC,QAAQD,YAAYE,KAAK,CAAC,GAAG,GAAGC,WAAW,KAAKH,YAAYE,KAAK,CAAC;IACxE,MAAME,oBAAoB;QACxB,CAAC,CAAC,YAAY,EAAEH,MAAM,WAAW,CAAC,CAAC,EAAER;QACrC,CAAC,CAAC,YAAY,EAAEQ,MAAM,WAAW,CAAC,CAAC,EAAER;QACrC,CAAC,CAAC,YAAY,EAAEQ,MAAM,WAAW,CAAC,CAAC,EAAEP;QACrC,CAAC,CAAC,YAAY,EAAEO,MAAM,WAAW,CAAC,CAAC,EAAEP;QACrC,CAAC,CAAC,YAAY,EAAEO,MAAM,WAAW,CAAC,CAAC,EAAEP;QACrC,CAAC,CAAC,YAAY,EAAEO,MAAM,WAAW,CAAC,CAAC,EAAEP;QACrC,CAAC,CAAC,YAAY,EAAEO,MAAM,YAAY,CAAC,CAAC,EAAET;QACtC,CAAC,CAAC,YAAY,EAAES,MAAM,OAAO,CAAC,CAAC,EAAEP;QACjC,CAAC,CAAC,YAAY,EAAEO,MAAM,OAAO,CAAC,CAAC,EAAEP;IACnC;IAEA,OAAOW,OAAOC,MAAM,CAACP,KAAKK;AAC5B,GAAG,CAAC;AAEJ,kBAAkB;AAClBP,yBAAyBU,iCAAiC,GAAGb;AAC7DG,yBAAyBW,mCAAmC,GAAGd;AAC/DG,yBAAyBY,oCAAoC,GAAGf;AAEhE,MAAMgB,4BAA4Bd,wBAAwBE,MAAM,CAAC,CAACC,KAAKC,cAAgB;IACrF,MAAMC,QAAQD,YAAYE,KAAK,CAAC,GAAG,GAAGC,WAAW,KAAKH,YAAYE,KAAK,CAAC;IACxE,MAAME,oBAAoB;QACxB,CAAC,CAAC,YAAY,EAAEH,MAAM,WAAW,CAAC,CAAC,EAAER;QACrC,CAAC,CAAC,YAAY,EAAEQ,MAAM,WAAW,CAAC,CAAC,EAAEP;QACrC,CAAC,CAAC,YAAY,EAAEO,MAAM,YAAY,CAAC,CAAC,EAAET;IACxC;IAEA,OAAOa,OAAOC,MAAM,CAACP,KAAKK;AAC5B,GAAG,CAAC;AAEJ,OAAO,MAAMO,qBAAyC;IAAE,GAAGd,wBAAwB;IAAE,GAAGa,yBAAyB;AAAC,EAAE"}
1
+ {"version":3,"sources":["highContrastColorPalette.ts"],"sourcesContent":["import { hcHighlight, hcCanvas, hcCanvasText } from '../global/colors';\nimport { statusSharedColorNames, personaSharedColorNames } from '../sharedColorNames';\nimport { ColorPaletteTokens, ColorStatusTokens, PersonaColorPaletteTokens, StatusColorPaletteTokens } from '../types';\nimport { statusColorMapping } from '../statusColorMapping';\n\nconst statusColorPaletteTokens = statusSharedColorNames.reduce((acc, sharedColor) => {\n const color = sharedColor.slice(0, 1).toUpperCase() + sharedColor.slice(1);\n const sharedColorTokens = {\n [`colorPalette${color}Background1`]: hcCanvas,\n [`colorPalette${color}Background2`]: hcCanvas,\n [`colorPalette${color}Background3`]: hcCanvasText,\n [`colorPalette${color}Foreground1`]: hcCanvasText,\n [`colorPalette${color}Foreground2`]: hcCanvasText,\n [`colorPalette${color}Foreground3`]: hcCanvasText,\n [`colorPalette${color}BorderActive`]: hcHighlight,\n [`colorPalette${color}Border1`]: hcCanvasText,\n [`colorPalette${color}Border2`]: hcCanvasText,\n };\n\n return Object.assign(acc, sharedColorTokens);\n}, {} as StatusColorPaletteTokens);\n\n// one-off patches\nstatusColorPaletteTokens.colorPaletteRedForegroundInverted = hcCanvasText;\nstatusColorPaletteTokens.colorPaletteGreenForegroundInverted = hcCanvasText;\nstatusColorPaletteTokens.colorPaletteYellowForegroundInverted = hcCanvasText;\n\nconst personaColorPaletteTokens = personaSharedColorNames.reduce((acc, sharedColor) => {\n const color = sharedColor.slice(0, 1).toUpperCase() + sharedColor.slice(1);\n const sharedColorTokens = {\n [`colorPalette${color}Background2`]: hcCanvas,\n [`colorPalette${color}Foreground2`]: hcCanvasText,\n [`colorPalette${color}BorderActive`]: hcHighlight,\n };\n\n return Object.assign(acc, sharedColorTokens);\n}, {} as PersonaColorPaletteTokens);\n\nexport const colorPaletteTokens: ColorPaletteTokens = { ...statusColorPaletteTokens, ...personaColorPaletteTokens };\n\nexport const colorStatusTokens: ColorStatusTokens = Object.entries(statusColorMapping).reduce(\n (acc, [statusColor, sharedColor]) => {\n const color = statusColor.slice(0, 1).toUpperCase() + statusColor.slice(1);\n\n // TODO: double check the mapping with design\n const statusColorTokens = {\n [`colorStatus${color}Background1`]: hcCanvas,\n [`colorStatus${color}Background2`]: hcCanvas,\n [`colorStatus${color}Background3`]: hcCanvasText,\n [`colorStatus${color}Foreground1`]: hcCanvasText,\n [`colorStatus${color}Foreground2`]: hcCanvasText,\n [`colorStatus${color}Foreground3`]: hcCanvasText,\n [`colorStatus${color}BorderActive`]: hcHighlight,\n [`colorStatus${color}ForegroundInverted`]: hcCanvasText,\n [`colorStatus${color}Border1`]: hcCanvasText,\n [`colorStatus${color}Border2`]: hcCanvasText,\n };\n\n return Object.assign(acc, statusColorTokens);\n },\n {} as ColorStatusTokens,\n);\n"],"names":["hcHighlight","hcCanvas","hcCanvasText","statusSharedColorNames","personaSharedColorNames","statusColorMapping","statusColorPaletteTokens","reduce","acc","sharedColor","color","slice","toUpperCase","sharedColorTokens","Object","assign","colorPaletteRedForegroundInverted","colorPaletteGreenForegroundInverted","colorPaletteYellowForegroundInverted","personaColorPaletteTokens","colorPaletteTokens","colorStatusTokens","entries","statusColor","statusColorTokens"],"mappings":"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"}
@@ -138,6 +138,7 @@ export const generateColorTokens = (brand)=>({
138
138
  colorBrandStroke2: brand[140],
139
139
  colorBrandStroke2Hover: brand[120],
140
140
  colorBrandStroke2Pressed: brand[80],
141
+ colorBrandStroke2Contrast: brand[140],
141
142
  colorCompoundBrandStroke: brand[80],
142
143
  colorCompoundBrandStrokeHover: brand[70],
143
144
  colorCompoundBrandStrokePressed: brand[60],
@@ -147,6 +148,7 @@ export const generateColorTokens = (brand)=>({
147
148
  colorTransparentStrokeInteractive: 'transparent',
148
149
  colorTransparentStrokeDisabled: 'transparent',
149
150
  colorNeutralStrokeAlpha: blackAlpha[5],
151
+ colorNeutralStrokeAlpha2: whiteAlpha[20],
150
152
  colorStrokeFocus1: white,
151
153
  colorStrokeFocus2: black,
152
154
  colorNeutralShadowAmbient: 'rgba(0,0,0,0.12)',