@fluentui/tokens 1.0.0-alpha.23 → 1.0.0-alpha.24

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 (96) hide show
  1. package/CHANGELOG.md +11 -2
  2. package/dist/index.d.cts +509 -0
  3. package/lib/alias/darkColorPalette.js.map +1 -1
  4. package/lib/alias/highContrastColorPalette.js.map +1 -1
  5. package/lib/alias/lightColorPalette.js.map +1 -1
  6. package/lib/global/colorPalette.js.map +1 -1
  7. package/lib/global/typographyStyles.js.map +1 -1
  8. package/lib/statusColorMapping.js.map +1 -1
  9. package/lib/themeToTokensObject.js.map +1 -1
  10. package/lib/types.js.map +1 -1
  11. package/lib-commonjs/alias/{darkColor.js → darkColor.cjs} +1 -1
  12. package/lib-commonjs/alias/{darkColorPalette.js → darkColorPalette.cjs} +3 -3
  13. package/lib-commonjs/alias/darkColorPalette.cjs.map +1 -0
  14. package/lib-commonjs/alias/{highContrastColor.js → highContrastColor.cjs} +1 -1
  15. package/lib-commonjs/alias/{highContrastColorPalette.js → highContrastColorPalette.cjs} +3 -3
  16. package/lib-commonjs/alias/highContrastColorPalette.cjs.map +1 -0
  17. package/lib-commonjs/alias/{lightColor.js → lightColor.cjs} +1 -1
  18. package/lib-commonjs/alias/{lightColorPalette.js → lightColorPalette.cjs} +3 -3
  19. package/lib-commonjs/alias/lightColorPalette.cjs.map +1 -0
  20. package/lib-commonjs/alias/{teamsDarkColor.js → teamsDarkColor.cjs} +1 -1
  21. package/lib-commonjs/alias/{teamsFontFamilies.js → teamsFontFamilies.cjs} +1 -1
  22. package/lib-commonjs/global/{colorPalette.js → colorPalette.cjs} +1 -1
  23. package/lib-commonjs/global/colorPalette.cjs.map +1 -0
  24. package/lib-commonjs/global/{index.js → index.cjs} +8 -8
  25. package/lib-commonjs/global/{typographyStyles.js → typographyStyles.cjs} +1 -1
  26. package/lib-commonjs/global/typographyStyles.cjs.map +1 -0
  27. package/lib-commonjs/{index.js → index.cjs} +5 -5
  28. package/lib-commonjs/statusColorMapping.cjs.map +1 -0
  29. package/lib-commonjs/themeToTokensObject.cjs.map +1 -0
  30. package/lib-commonjs/themes/{index.js → index.cjs} +2 -2
  31. package/lib-commonjs/themes/teams/{darkTheme.js → darkTheme.cjs} +3 -3
  32. package/lib-commonjs/themes/teams/{highContrastTheme.js → highContrastTheme.cjs} +2 -2
  33. package/lib-commonjs/themes/teams/{index.js → index.cjs} +3 -3
  34. package/lib-commonjs/themes/teams/{lightTheme.js → lightTheme.cjs} +3 -3
  35. package/lib-commonjs/themes/web/{darkTheme.js → darkTheme.cjs} +2 -2
  36. package/lib-commonjs/themes/web/{index.js → index.cjs} +2 -2
  37. package/lib-commonjs/themes/web/{lightTheme.js → lightTheme.cjs} +2 -2
  38. package/lib-commonjs/utils/{createDarkTheme.js → createDarkTheme.cjs} +7 -7
  39. package/lib-commonjs/utils/{createHighContrastTheme.js → createHighContrastTheme.cjs} +7 -7
  40. package/lib-commonjs/utils/{createLightTheme.js → createLightTheme.cjs} +7 -7
  41. package/lib-commonjs/utils/{createTeamsDarkTheme.js → createTeamsDarkTheme.cjs} +7 -7
  42. package/lib-commonjs/utils/{index.js → index.cjs} +4 -4
  43. package/package.json +13 -7
  44. package/lib-commonjs/alias/darkColorPalette.js.map +0 -1
  45. package/lib-commonjs/alias/highContrastColorPalette.js.map +0 -1
  46. package/lib-commonjs/alias/lightColorPalette.js.map +0 -1
  47. package/lib-commonjs/global/colorPalette.js.map +0 -1
  48. package/lib-commonjs/global/typographyStyles.js.map +0 -1
  49. package/lib-commonjs/statusColorMapping.js.map +0 -1
  50. package/lib-commonjs/themeToTokensObject.js.map +0 -1
  51. /package/lib-commonjs/alias/{darkColor.js.map → darkColor.cjs.map} +0 -0
  52. /package/lib-commonjs/alias/{highContrastColor.js.map → highContrastColor.cjs.map} +0 -0
  53. /package/lib-commonjs/alias/{lightColor.js.map → lightColor.cjs.map} +0 -0
  54. /package/lib-commonjs/alias/{teamsDarkColor.js.map → teamsDarkColor.cjs.map} +0 -0
  55. /package/lib-commonjs/alias/{teamsFontFamilies.js.map → teamsFontFamilies.cjs.map} +0 -0
  56. /package/lib-commonjs/global/{borderRadius.js → borderRadius.cjs} +0 -0
  57. /package/lib-commonjs/global/{borderRadius.js.map → borderRadius.cjs.map} +0 -0
  58. /package/lib-commonjs/global/{brandColors.js → brandColors.cjs} +0 -0
  59. /package/lib-commonjs/global/{brandColors.js.map → brandColors.cjs.map} +0 -0
  60. /package/lib-commonjs/global/{colors.js → colors.cjs} +0 -0
  61. /package/lib-commonjs/global/{colors.js.map → colors.cjs.map} +0 -0
  62. /package/lib-commonjs/global/{curves.js → curves.cjs} +0 -0
  63. /package/lib-commonjs/global/{curves.js.map → curves.cjs.map} +0 -0
  64. /package/lib-commonjs/global/{durations.js → durations.cjs} +0 -0
  65. /package/lib-commonjs/global/{durations.js.map → durations.cjs.map} +0 -0
  66. /package/lib-commonjs/global/{fonts.js → fonts.cjs} +0 -0
  67. /package/lib-commonjs/global/{fonts.js.map → fonts.cjs.map} +0 -0
  68. /package/lib-commonjs/global/{index.js.map → index.cjs.map} +0 -0
  69. /package/lib-commonjs/global/{spacings.js → spacings.cjs} +0 -0
  70. /package/lib-commonjs/global/{spacings.js.map → spacings.cjs.map} +0 -0
  71. /package/lib-commonjs/global/{strokeWidths.js → strokeWidths.cjs} +0 -0
  72. /package/lib-commonjs/global/{strokeWidths.js.map → strokeWidths.cjs.map} +0 -0
  73. /package/lib-commonjs/{index.js.map → index.cjs.map} +0 -0
  74. /package/lib-commonjs/{sharedColorNames.js → sharedColorNames.cjs} +0 -0
  75. /package/lib-commonjs/{sharedColorNames.js.map → sharedColorNames.cjs.map} +0 -0
  76. /package/lib-commonjs/{statusColorMapping.js → statusColorMapping.cjs} +0 -0
  77. /package/lib-commonjs/{themeToTokensObject.js → themeToTokensObject.cjs} +0 -0
  78. /package/lib-commonjs/themes/{index.js.map → index.cjs.map} +0 -0
  79. /package/lib-commonjs/themes/teams/{darkTheme.js.map → darkTheme.cjs.map} +0 -0
  80. /package/lib-commonjs/themes/teams/{highContrastTheme.js.map → highContrastTheme.cjs.map} +0 -0
  81. /package/lib-commonjs/themes/teams/{index.js.map → index.cjs.map} +0 -0
  82. /package/lib-commonjs/themes/teams/{lightTheme.js.map → lightTheme.cjs.map} +0 -0
  83. /package/lib-commonjs/themes/web/{darkTheme.js.map → darkTheme.cjs.map} +0 -0
  84. /package/lib-commonjs/themes/web/{index.js.map → index.cjs.map} +0 -0
  85. /package/lib-commonjs/themes/web/{lightTheme.js.map → lightTheme.cjs.map} +0 -0
  86. /package/lib-commonjs/{tokens.js → tokens.cjs} +0 -0
  87. /package/lib-commonjs/{tokens.js.map → tokens.cjs.map} +0 -0
  88. /package/lib-commonjs/{types.js → types.cjs} +0 -0
  89. /package/lib-commonjs/{types.js.map → types.cjs.map} +0 -0
  90. /package/lib-commonjs/utils/{createDarkTheme.js.map → createDarkTheme.cjs.map} +0 -0
  91. /package/lib-commonjs/utils/{createHighContrastTheme.js.map → createHighContrastTheme.cjs.map} +0 -0
  92. /package/lib-commonjs/utils/{createLightTheme.js.map → createLightTheme.cjs.map} +0 -0
  93. /package/lib-commonjs/utils/{createTeamsDarkTheme.js.map → createTeamsDarkTheme.cjs.map} +0 -0
  94. /package/lib-commonjs/utils/{index.js.map → index.cjs.map} +0 -0
  95. /package/lib-commonjs/utils/{shadows.js → shadows.cjs} +0 -0
  96. /package/lib-commonjs/utils/{shadows.js.map → shadows.cjs.map} +0 -0
package/CHANGELOG.md CHANGED
@@ -1,12 +1,21 @@
1
1
  # Change Log - @fluentui/tokens
2
2
 
3
- This log was last generated on Thu, 22 Jan 2026 17:01:14 GMT and should not be manually modified.
3
+ <!-- This log was last generated on Tue, 11 Aug 2026 17:16:03 GMT and should not be manually modified. -->
4
4
 
5
5
  <!-- Start content -->
6
6
 
7
+ ## [1.0.0-alpha.24](https://github.com/microsoft/fluentui/tree/@fluentui/tokens_v1.0.0-alpha.24)
8
+
9
+ Tue, 11 Aug 2026 17:16:03 GMT
10
+ [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/tokens_v1.0.0-alpha.23..@fluentui/tokens_v1.0.0-alpha.24)
11
+
12
+ ### Changes
13
+
14
+ - Ship ESM-first (type:module): valid ESM under lib/, CommonJS under lib-commonjs/*.cjs, and drop the `node` export condition - bare-Node `import` resolves ESM, `require` resolves CJS; node-targeted bundlers tree-shake. ([PR #36327](https://github.com/microsoft/fluentui/pull/36327) by martinhochel@microsoft.com)
15
+
7
16
  ## [1.0.0-alpha.23](https://github.com/microsoft/fluentui/tree/@fluentui/tokens_v1.0.0-alpha.23)
8
17
 
9
- Thu, 22 Jan 2026 17:01:14 GMT
18
+ Thu, 22 Jan 2026 17:06:30 GMT
10
19
  [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/tokens_v1.0.0-alpha.22..@fluentui/tokens_v1.0.0-alpha.23)
11
20
 
12
21
  ### Changes
@@ -0,0 +1,509 @@
1
+ export declare type BorderRadiusTokens = {
2
+ borderRadiusNone: string;
3
+ borderRadiusSmall: string;
4
+ borderRadiusMedium: string;
5
+ borderRadiusLarge: string;
6
+ borderRadiusXLarge: string;
7
+ borderRadius2XLarge: string;
8
+ borderRadius3XLarge: string;
9
+ borderRadius4XLarge: string;
10
+ borderRadius5XLarge: string;
11
+ borderRadius6XLarge: string;
12
+ borderRadiusCircular: string;
13
+ };
14
+
15
+ export declare type Brands = 10 | 20 | 30 | 40 | 50 | 60 | 70 | 80 | 90 | 100 | 110 | 120 | 130 | 140 | 150 | 160;
16
+
17
+ export declare type BrandVariants = Record<Brands, string>;
18
+
19
+ export declare type ColorPaletteAnchor = 'colorPaletteAnchorBackground2' | 'colorPaletteAnchorForeground2' | 'colorPaletteAnchorBorderActive';
20
+
21
+ export declare type ColorPaletteBeige = 'colorPaletteBeigeBackground2' | 'colorPaletteBeigeForeground2' | 'colorPaletteBeigeBorderActive';
22
+
23
+ export declare type ColorPaletteBerry = 'colorPaletteBerryBackground1' | 'colorPaletteBerryBackground2' | 'colorPaletteBerryBackground3' | 'colorPaletteBerryForeground1' | 'colorPaletteBerryForeground2' | 'colorPaletteBerryForeground3' | 'colorPaletteBerryBorderActive' | 'colorPaletteBerryBorder1' | 'colorPaletteBerryBorder2';
24
+
25
+ export declare type ColorPaletteBlue = 'colorPaletteBlueBackground2' | 'colorPaletteBlueForeground2' | 'colorPaletteBlueBorderActive';
26
+
27
+ export declare type ColorPaletteBrass = 'colorPaletteBrassBackground2' | 'colorPaletteBrassForeground2' | 'colorPaletteBrassBorderActive';
28
+
29
+ export declare type ColorPaletteBrown = 'colorPaletteBrownBackground2' | 'colorPaletteBrownForeground2' | 'colorPaletteBrownBorderActive';
30
+
31
+ export declare type ColorPaletteCornflower = 'colorPaletteCornflowerBackground2' | 'colorPaletteCornflowerForeground2' | 'colorPaletteCornflowerBorderActive';
32
+
33
+ export declare type ColorPaletteCranberry = 'colorPaletteCranberryBackground2' | 'colorPaletteCranberryForeground2' | 'colorPaletteCranberryBorderActive';
34
+
35
+ export declare type ColorPaletteDarkGreen = 'colorPaletteDarkGreenBackground2' | 'colorPaletteDarkGreenForeground2' | 'colorPaletteDarkGreenBorderActive';
36
+
37
+ export declare type ColorPaletteDarkOrange = 'colorPaletteDarkOrangeBackground1' | 'colorPaletteDarkOrangeBackground2' | 'colorPaletteDarkOrangeBackground3' | 'colorPaletteDarkOrangeForeground1' | 'colorPaletteDarkOrangeForeground2' | 'colorPaletteDarkOrangeForeground3' | 'colorPaletteDarkOrangeBorderActive' | 'colorPaletteDarkOrangeBorder1' | 'colorPaletteDarkOrangeBorder2';
38
+
39
+ export declare type ColorPaletteDarkRed = 'colorPaletteDarkRedBackground2' | 'colorPaletteDarkRedForeground2' | 'colorPaletteDarkRedBorderActive';
40
+
41
+ export declare type ColorPaletteForest = 'colorPaletteForestBackground2' | 'colorPaletteForestForeground2' | 'colorPaletteForestBorderActive';
42
+
43
+ export declare type ColorPaletteGold = 'colorPaletteGoldBackground2' | 'colorPaletteGoldForeground2' | 'colorPaletteGoldBorderActive';
44
+
45
+ export declare type ColorPaletteGrape = 'colorPaletteGrapeBackground2' | 'colorPaletteGrapeForeground2' | 'colorPaletteGrapeBorderActive';
46
+
47
+ export declare type ColorPaletteGreen = 'colorPaletteGreenBackground1' | 'colorPaletteGreenBackground2' | 'colorPaletteGreenBackground3' | 'colorPaletteGreenForeground1' | 'colorPaletteGreenForeground2' | 'colorPaletteGreenForeground3' | 'colorPaletteGreenForegroundInverted' | 'colorPaletteGreenBorderActive' | 'colorPaletteGreenBorder1' | 'colorPaletteGreenBorder2';
48
+
49
+ export declare type ColorPaletteLavender = 'colorPaletteLavenderBackground2' | 'colorPaletteLavenderForeground2' | 'colorPaletteLavenderBorderActive';
50
+
51
+ export declare type ColorPaletteLightGreen = 'colorPaletteLightGreenBackground1' | 'colorPaletteLightGreenBackground2' | 'colorPaletteLightGreenBackground3' | 'colorPaletteLightGreenForeground1' | 'colorPaletteLightGreenForeground2' | 'colorPaletteLightGreenForeground3' | 'colorPaletteLightGreenBorderActive' | 'colorPaletteLightGreenBorder1' | 'colorPaletteLightGreenBorder2';
52
+
53
+ export declare type ColorPaletteLightTeal = 'colorPaletteLightTealBackground2' | 'colorPaletteLightTealForeground2' | 'colorPaletteLightTealBorderActive';
54
+
55
+ export declare type ColorPaletteLilac = 'colorPaletteLilacBackground2' | 'colorPaletteLilacForeground2' | 'colorPaletteLilacBorderActive';
56
+
57
+ export declare type ColorPaletteMagenta = 'colorPaletteMagentaBackground2' | 'colorPaletteMagentaForeground2' | 'colorPaletteMagentaBorderActive';
58
+
59
+ export declare type ColorPaletteMarigold = 'colorPaletteMarigoldBackground1' | 'colorPaletteMarigoldBackground2' | 'colorPaletteMarigoldBackground3' | 'colorPaletteMarigoldForeground1' | 'colorPaletteMarigoldForeground2' | 'colorPaletteMarigoldForeground3' | 'colorPaletteMarigoldBorderActive' | 'colorPaletteMarigoldBorder1' | 'colorPaletteMarigoldBorder2';
60
+
61
+ export declare type ColorPaletteMink = 'colorPaletteMinkBackground2' | 'colorPaletteMinkForeground2' | 'colorPaletteMinkBorderActive';
62
+
63
+ export declare type ColorPaletteNavy = 'colorPaletteNavyBackground2' | 'colorPaletteNavyForeground2' | 'colorPaletteNavyBorderActive';
64
+
65
+ export declare type ColorPalettePeach = 'colorPalettePeachBackground2' | 'colorPalettePeachForeground2' | 'colorPalettePeachBorderActive';
66
+
67
+ export declare type ColorPalettePink = 'colorPalettePinkBackground2' | 'colorPalettePinkForeground2' | 'colorPalettePinkBorderActive';
68
+
69
+ export declare type ColorPalettePlatinum = 'colorPalettePlatinumBackground2' | 'colorPalettePlatinumForeground2' | 'colorPalettePlatinumBorderActive';
70
+
71
+ export declare type ColorPalettePlum = 'colorPalettePlumBackground2' | 'colorPalettePlumForeground2' | 'colorPalettePlumBorderActive';
72
+
73
+ export declare type ColorPalettePumpkin = 'colorPalettePumpkinBackground2' | 'colorPalettePumpkinForeground2' | 'colorPalettePumpkinBorderActive';
74
+
75
+ export declare type ColorPalettePurple = 'colorPalettePurpleBackground2' | 'colorPalettePurpleForeground2' | 'colorPalettePurpleBorderActive';
76
+
77
+ export declare type ColorPaletteRed = 'colorPaletteRedBackground1' | 'colorPaletteRedBackground2' | 'colorPaletteRedBackground3' | 'colorPaletteRedForeground1' | 'colorPaletteRedForeground2' | 'colorPaletteRedForeground3' | 'colorPaletteRedForegroundInverted' | 'colorPaletteRedBorderActive' | 'colorPaletteRedBorder1' | 'colorPaletteRedBorder2';
78
+
79
+ export declare type ColorPaletteRoyalBlue = 'colorPaletteRoyalBlueBackground2' | 'colorPaletteRoyalBlueForeground2' | 'colorPaletteRoyalBlueBorderActive';
80
+
81
+ export declare type ColorPaletteSeafoam = 'colorPaletteSeafoamBackground2' | 'colorPaletteSeafoamForeground2' | 'colorPaletteSeafoamBorderActive';
82
+
83
+ export declare type ColorPaletteSteel = 'colorPaletteSteelBackground2' | 'colorPaletteSteelForeground2' | 'colorPaletteSteelBorderActive';
84
+
85
+ export declare type ColorPaletteTeal = 'colorPaletteTealBackground2' | 'colorPaletteTealForeground2' | 'colorPaletteTealBorderActive';
86
+
87
+ export declare type ColorPaletteTokens = StatusColorPaletteTokens & PersonaColorPaletteTokens;
88
+
89
+ export declare type ColorPaletteYellow = 'colorPaletteYellowBackground1' | 'colorPaletteYellowBackground2' | 'colorPaletteYellowBackground3' | 'colorPaletteYellowForeground1' | 'colorPaletteYellowForeground2' | 'colorPaletteYellowForeground3' | 'colorPaletteYellowForegroundInverted' | 'colorPaletteYellowBorderActive' | 'colorPaletteYellowBorder1' | 'colorPaletteYellowBorder2';
90
+
91
+ declare type ColorStatusDanger = 'colorStatusDangerBackground1' | 'colorStatusDangerBackground2' | 'colorStatusDangerBackground3' | 'colorStatusDangerBackground3Hover' | 'colorStatusDangerBackground3Pressed' | 'colorStatusDangerForeground1' | 'colorStatusDangerForeground2' | 'colorStatusDangerForeground3' | 'colorStatusDangerForegroundInverted' | 'colorStatusDangerBorderActive' | 'colorStatusDangerBorder1' | 'colorStatusDangerBorder2';
92
+
93
+ declare type ColorStatusSuccess = 'colorStatusSuccessBackground1' | 'colorStatusSuccessBackground2' | 'colorStatusSuccessBackground3' | 'colorStatusSuccessForeground1' | 'colorStatusSuccessForeground2' | 'colorStatusSuccessForeground3' | 'colorStatusSuccessForegroundInverted' | 'colorStatusSuccessBorderActive' | 'colorStatusSuccessBorder1' | 'colorStatusSuccessBorder2';
94
+
95
+ declare type ColorStatusTokens = Record<ColorStatusSuccess | ColorStatusWarning | ColorStatusDanger, string>;
96
+
97
+ declare type ColorStatusWarning = 'colorStatusWarningBackground1' | 'colorStatusWarningBackground2' | 'colorStatusWarningBackground3' | 'colorStatusWarningForeground1' | 'colorStatusWarningForeground2' | 'colorStatusWarningForeground3' | 'colorStatusWarningForegroundInverted' | 'colorStatusWarningBorderActive' | 'colorStatusWarningBorder1' | 'colorStatusWarningBorder2';
98
+
99
+ /**
100
+ * Design tokens for alias colors
101
+ */
102
+ export declare type ColorTokens = {
103
+ colorNeutralForeground1: string;
104
+ colorNeutralForeground1Hover: string;
105
+ colorNeutralForeground1Pressed: string;
106
+ colorNeutralForeground1Selected: string;
107
+ colorNeutralForeground2: string;
108
+ colorNeutralForeground2Hover: string;
109
+ colorNeutralForeground2Pressed: string;
110
+ colorNeutralForeground2Selected: string;
111
+ colorNeutralForeground2BrandHover: string;
112
+ colorNeutralForeground2BrandPressed: string;
113
+ colorNeutralForeground2BrandSelected: string;
114
+ colorNeutralForeground3: string;
115
+ colorNeutralForeground3Hover: string;
116
+ colorNeutralForeground3Pressed: string;
117
+ colorNeutralForeground3Selected: string;
118
+ colorNeutralForeground3BrandHover: string;
119
+ colorNeutralForeground3BrandPressed: string;
120
+ colorNeutralForeground3BrandSelected: string;
121
+ colorNeutralForeground4: string;
122
+ colorNeutralForeground5: string;
123
+ colorNeutralForeground5Hover: string;
124
+ colorNeutralForeground5Pressed: string;
125
+ colorNeutralForeground5Selected: string;
126
+ colorNeutralForegroundDisabled: string;
127
+ colorNeutralForegroundInvertedDisabled: string;
128
+ colorBrandForegroundLink: string;
129
+ colorBrandForegroundLinkHover: string;
130
+ colorBrandForegroundLinkPressed: string;
131
+ colorBrandForegroundLinkSelected: string;
132
+ colorNeutralForeground2Link: string;
133
+ colorNeutralForeground2LinkHover: string;
134
+ colorNeutralForeground2LinkPressed: string;
135
+ colorNeutralForeground2LinkSelected: string;
136
+ colorCompoundBrandForeground1: string;
137
+ colorCompoundBrandForeground1Hover: string;
138
+ colorCompoundBrandForeground1Pressed: string;
139
+ colorBrandForeground1: string;
140
+ colorBrandForeground2: string;
141
+ colorBrandForeground2Hover: string;
142
+ colorBrandForeground2Pressed: string;
143
+ colorNeutralForeground1Static: string;
144
+ colorNeutralForegroundInverted: string;
145
+ colorNeutralForegroundInvertedHover: string;
146
+ colorNeutralForegroundInvertedPressed: string;
147
+ colorNeutralForegroundInvertedSelected: string;
148
+ colorNeutralForegroundInverted2: string;
149
+ colorNeutralForegroundOnBrand: string;
150
+ colorNeutralForegroundStaticInverted: string;
151
+ colorNeutralForegroundInvertedLink: string;
152
+ colorNeutralForegroundInvertedLinkHover: string;
153
+ colorNeutralForegroundInvertedLinkPressed: string;
154
+ colorNeutralForegroundInvertedLinkSelected: string;
155
+ colorBrandForegroundInverted: string;
156
+ colorBrandForegroundInvertedHover: string;
157
+ colorBrandForegroundInvertedPressed: string;
158
+ colorBrandForegroundOnLight: string;
159
+ colorBrandForegroundOnLightHover: string;
160
+ colorBrandForegroundOnLightPressed: string;
161
+ colorBrandForegroundOnLightSelected: string;
162
+ colorNeutralBackground1: string;
163
+ colorNeutralBackground1Hover: string;
164
+ colorNeutralBackground1Pressed: string;
165
+ colorNeutralBackground1Selected: string;
166
+ colorNeutralBackground2: string;
167
+ colorNeutralBackground2Hover: string;
168
+ colorNeutralBackground2Pressed: string;
169
+ colorNeutralBackground2Selected: string;
170
+ colorNeutralBackground3: string;
171
+ colorNeutralBackground3Hover: string;
172
+ colorNeutralBackground3Pressed: string;
173
+ colorNeutralBackground3Selected: string;
174
+ colorNeutralBackground4: string;
175
+ colorNeutralBackground4Hover: string;
176
+ colorNeutralBackground4Pressed: string;
177
+ colorNeutralBackground4Selected: string;
178
+ colorNeutralBackground5: string;
179
+ colorNeutralBackground5Hover: string;
180
+ colorNeutralBackground5Pressed: string;
181
+ colorNeutralBackground5Selected: string;
182
+ colorNeutralBackground6: string;
183
+ colorNeutralBackground7: string;
184
+ colorNeutralBackground7Hover: string;
185
+ colorNeutralBackground7Pressed: string;
186
+ colorNeutralBackground7Selected: string;
187
+ colorNeutralBackground8: string;
188
+ colorNeutralBackgroundInverted: string;
189
+ colorNeutralBackgroundInvertedHover: string;
190
+ colorNeutralBackgroundInvertedPressed: string;
191
+ colorNeutralBackgroundInvertedSelected: string;
192
+ colorNeutralBackgroundStatic: string;
193
+ colorNeutralBackgroundAlpha: string;
194
+ colorNeutralBackgroundAlpha2: string;
195
+ colorSubtleBackground: string;
196
+ colorSubtleBackgroundHover: string;
197
+ colorSubtleBackgroundPressed: string;
198
+ colorSubtleBackgroundSelected: string;
199
+ colorSubtleBackgroundLightAlphaHover: string;
200
+ colorSubtleBackgroundLightAlphaPressed: string;
201
+ colorSubtleBackgroundLightAlphaSelected: string;
202
+ colorSubtleBackgroundInverted: string;
203
+ colorSubtleBackgroundInvertedHover: string;
204
+ colorSubtleBackgroundInvertedPressed: string;
205
+ colorSubtleBackgroundInvertedSelected: string;
206
+ colorTransparentBackground: string;
207
+ colorTransparentBackgroundHover: string;
208
+ colorTransparentBackgroundPressed: string;
209
+ colorTransparentBackgroundSelected: string;
210
+ colorNeutralBackgroundDisabled: string;
211
+ colorNeutralBackgroundDisabled2: string;
212
+ colorNeutralBackgroundInvertedDisabled: string;
213
+ colorNeutralStencil1: string;
214
+ colorNeutralStencil2: string;
215
+ colorNeutralStencil1Alpha: string;
216
+ colorNeutralStencil2Alpha: string;
217
+ colorBackgroundOverlay: string;
218
+ colorScrollbarOverlay: string;
219
+ colorBrandBackground: string;
220
+ colorBrandBackgroundHover: string;
221
+ colorBrandBackgroundPressed: string;
222
+ colorBrandBackgroundSelected: string;
223
+ colorCompoundBrandBackground: string;
224
+ colorCompoundBrandBackgroundHover: string;
225
+ colorCompoundBrandBackgroundPressed: string;
226
+ colorBrandBackgroundStatic: string;
227
+ colorBrandBackground2: string;
228
+ colorBrandBackground2Hover: string;
229
+ colorBrandBackground2Pressed: string;
230
+ colorBrandBackground3Static: string;
231
+ colorBrandBackground4Static: string;
232
+ colorBrandBackgroundInverted: string;
233
+ colorBrandBackgroundInvertedHover: string;
234
+ colorBrandBackgroundInvertedPressed: string;
235
+ colorBrandBackgroundInvertedSelected: string;
236
+ colorNeutralCardBackground: string;
237
+ colorNeutralCardBackgroundHover: string;
238
+ colorNeutralCardBackgroundPressed: string;
239
+ colorNeutralCardBackgroundSelected: string;
240
+ colorNeutralCardBackgroundDisabled: string;
241
+ colorNeutralStrokeAccessible: string;
242
+ colorNeutralStrokeAccessibleHover: string;
243
+ colorNeutralStrokeAccessiblePressed: string;
244
+ colorNeutralStrokeAccessibleSelected: string;
245
+ colorNeutralStroke1: string;
246
+ colorNeutralStroke1Hover: string;
247
+ colorNeutralStroke1Pressed: string;
248
+ colorNeutralStroke1Selected: string;
249
+ colorNeutralStroke2: string;
250
+ colorNeutralStroke3: string;
251
+ colorNeutralStroke4: string;
252
+ colorNeutralStroke4Hover: string;
253
+ colorNeutralStroke4Pressed: string;
254
+ colorNeutralStroke4Selected: string;
255
+ colorNeutralStrokeSubtle: string;
256
+ colorNeutralStrokeOnBrand: string;
257
+ colorNeutralStrokeOnBrand2: string;
258
+ colorNeutralStrokeOnBrand2Hover: string;
259
+ colorNeutralStrokeOnBrand2Pressed: string;
260
+ colorNeutralStrokeOnBrand2Selected: string;
261
+ colorBrandStroke1: string;
262
+ colorBrandStroke2: string;
263
+ colorBrandStroke2Hover: string;
264
+ colorBrandStroke2Pressed: string;
265
+ colorBrandStroke2Contrast: string;
266
+ colorCompoundBrandStroke: string;
267
+ colorCompoundBrandStrokeHover: string;
268
+ colorCompoundBrandStrokePressed: string;
269
+ colorNeutralStrokeDisabled: string;
270
+ colorNeutralStrokeDisabled2: string;
271
+ colorNeutralStrokeInvertedDisabled: string;
272
+ colorTransparentStroke: string;
273
+ colorTransparentStrokeInteractive: string;
274
+ colorTransparentStrokeDisabled: string;
275
+ colorNeutralStrokeAlpha: string;
276
+ colorNeutralStrokeAlpha2: string;
277
+ colorStrokeFocus1: string;
278
+ colorStrokeFocus2: string;
279
+ colorNeutralShadowAmbient: string;
280
+ colorNeutralShadowKey: string;
281
+ colorNeutralShadowAmbientLighter: string;
282
+ colorNeutralShadowKeyLighter: string;
283
+ colorNeutralShadowAmbientDarker: string;
284
+ colorNeutralShadowKeyDarker: string;
285
+ colorBrandShadowAmbient: string;
286
+ colorBrandShadowKey: string;
287
+ };
288
+
289
+ export declare const createDarkTheme: (brand: BrandVariants) => Theme;
290
+
291
+ export declare const createHighContrastTheme: () => Theme;
292
+
293
+ export declare const createLightTheme: (brand: BrandVariants) => Theme;
294
+
295
+ export declare const createTeamsDarkTheme: (brand: BrandVariants) => Theme;
296
+
297
+ export declare type CurveTokens = {
298
+ curveAccelerateMax: string;
299
+ curveAccelerateMid: string;
300
+ curveAccelerateMin: string;
301
+ curveDecelerateMax: string;
302
+ curveDecelerateMid: string;
303
+ curveDecelerateMin: string;
304
+ curveEasyEaseMax: string;
305
+ curveEasyEase: string;
306
+ curveLinear: string;
307
+ };
308
+
309
+ export declare type DurationTokens = {
310
+ durationUltraFast: string;
311
+ durationFaster: string;
312
+ durationFast: string;
313
+ durationNormal: string;
314
+ durationGentle: string;
315
+ durationSlow: string;
316
+ durationSlower: string;
317
+ durationUltraSlow: string;
318
+ };
319
+
320
+ export declare type FontFamilyTokens = {
321
+ fontFamilyBase: string;
322
+ fontFamilyMonospace: string;
323
+ fontFamilyNumeric: string;
324
+ };
325
+
326
+ export declare type FontSizeTokens = {
327
+ fontSizeBase100: string;
328
+ fontSizeBase200: string;
329
+ fontSizeBase300: string;
330
+ fontSizeBase400: string;
331
+ fontSizeBase500: string;
332
+ fontSizeBase600: string;
333
+ fontSizeHero700: string;
334
+ fontSizeHero800: string;
335
+ fontSizeHero900: string;
336
+ fontSizeHero1000: string;
337
+ };
338
+
339
+ export declare type FontWeightTokens = {
340
+ fontWeightRegular: number;
341
+ fontWeightMedium: number;
342
+ fontWeightSemibold: number;
343
+ fontWeightBold: number;
344
+ };
345
+
346
+ export declare type HorizontalSpacingTokens = {
347
+ spacingHorizontalNone: string;
348
+ spacingHorizontalXXS: string;
349
+ spacingHorizontalXS: string;
350
+ spacingHorizontalSNudge: string;
351
+ spacingHorizontalS: string;
352
+ spacingHorizontalMNudge: string;
353
+ spacingHorizontalM: string;
354
+ spacingHorizontalL: string;
355
+ spacingHorizontalXL: string;
356
+ spacingHorizontalXXL: string;
357
+ spacingHorizontalXXXL: string;
358
+ };
359
+
360
+ export declare type LineHeightTokens = {
361
+ lineHeightBase100: string;
362
+ lineHeightBase200: string;
363
+ lineHeightBase300: string;
364
+ lineHeightBase400: string;
365
+ lineHeightBase500: string;
366
+ lineHeightBase600: string;
367
+ lineHeightHero700: string;
368
+ lineHeightHero800: string;
369
+ lineHeightHero900: string;
370
+ lineHeightHero1000: string;
371
+ };
372
+
373
+ export declare type PartialTheme = Partial<Theme>;
374
+
375
+ declare type PersonaColorPaletteTokens = Record<ColorPaletteDarkRed | ColorPaletteCranberry | ColorPalettePumpkin | ColorPalettePeach | ColorPaletteGold | ColorPaletteBrass | ColorPaletteBrown | ColorPaletteForest | ColorPaletteSeafoam | ColorPaletteDarkGreen | ColorPaletteLightTeal | ColorPaletteTeal | ColorPaletteSteel | ColorPaletteBlue | ColorPaletteRoyalBlue | ColorPaletteCornflower | ColorPaletteNavy | ColorPaletteLavender | ColorPalettePurple | ColorPaletteGrape | ColorPaletteLilac | ColorPalettePink | ColorPaletteMagenta | ColorPalettePlum | ColorPaletteBeige | ColorPaletteMink | ColorPalettePlatinum | ColorPaletteAnchor, string>;
376
+
377
+ export declare type ShadowBrandTokens = {
378
+ shadow2Brand: string;
379
+ shadow4Brand: string;
380
+ shadow8Brand: string;
381
+ shadow16Brand: string;
382
+ shadow28Brand: string;
383
+ shadow64Brand: string;
384
+ };
385
+
386
+ /**
387
+ * Design tokens for shadow levels
388
+ */
389
+ export declare type ShadowTokens = {
390
+ shadow2: string;
391
+ shadow4: string;
392
+ shadow8: string;
393
+ shadow16: string;
394
+ shadow28: string;
395
+ shadow64: string;
396
+ };
397
+
398
+ export declare type SpacingTokens = {
399
+ none: string;
400
+ xxs: string;
401
+ xs: string;
402
+ sNudge: string;
403
+ s: string;
404
+ mNudge: string;
405
+ m: string;
406
+ l: string;
407
+ xl: string;
408
+ xxl: string;
409
+ xxxl: string;
410
+ };
411
+
412
+ declare type StatusColorPaletteTokens = Record<ColorPaletteRed | ColorPaletteGreen | ColorPaletteDarkOrange | ColorPaletteYellow | ColorPaletteBerry | ColorPaletteMarigold | ColorPaletteLightGreen, string>;
413
+
414
+ export declare type StrokeWidthTokens = {
415
+ strokeWidthThin: string;
416
+ strokeWidthThick: string;
417
+ strokeWidthThicker: string;
418
+ strokeWidthThickest: string;
419
+ };
420
+
421
+ export declare const teamsDarkTheme: Theme;
422
+
423
+ export declare const teamsDarkV21Theme: Theme;
424
+
425
+ export declare const teamsHighContrastTheme: Theme;
426
+
427
+ export declare const teamsLightTheme: Theme;
428
+
429
+ export declare const teamsLightV21Theme: Theme;
430
+
431
+ export declare type Theme = FontSizeTokens & LineHeightTokens & BorderRadiusTokens & StrokeWidthTokens & HorizontalSpacingTokens & VerticalSpacingTokens & DurationTokens & CurveTokens & ShadowTokens & ShadowBrandTokens & FontFamilyTokens & FontWeightTokens & ColorPaletteTokens & ColorStatusTokens & ColorTokens & ZIndexTokens;
432
+
433
+ /**
434
+ * Programmatically generates a tokens to css variables mapping object from the keys in a theme.
435
+ * This helps with ease of use as a user of a custom theme does not have to manually construct this object, but it could
436
+ * affect tree-shaking since bundlers do not know the shape of the output.
437
+ *
438
+ * @param theme - Theme from which to get the keys to generate the tokens to css variables mapping object
439
+ * @returns Tokens to css variables mapping object corresponding to the passed theme
440
+ */
441
+ export declare function themeToTokensObject<TTheme extends Theme>(theme: TTheme): Record<keyof TTheme, string>;
442
+
443
+ export declare const tokens: Record<keyof Theme, string>;
444
+
445
+ export declare type TypographyStyle = {
446
+ fontFamily: string;
447
+ fontSize: string;
448
+ fontWeight: string;
449
+ lineHeight: string;
450
+ };
451
+
452
+ export declare type TypographyStyles = {
453
+ body1: TypographyStyle;
454
+ body1Strong: TypographyStyle;
455
+ body1Stronger: TypographyStyle;
456
+ body2: TypographyStyle;
457
+ caption1: TypographyStyle;
458
+ caption1Strong: TypographyStyle;
459
+ caption1Stronger: TypographyStyle;
460
+ caption2: TypographyStyle;
461
+ caption2Strong: TypographyStyle;
462
+ subtitle1: TypographyStyle;
463
+ subtitle2: TypographyStyle;
464
+ subtitle2Stronger: TypographyStyle;
465
+ title1: TypographyStyle;
466
+ title2: TypographyStyle;
467
+ title3: TypographyStyle;
468
+ largeTitle: TypographyStyle;
469
+ display: TypographyStyle;
470
+ };
471
+
472
+ /**
473
+ * Global typography styles (fontSize, fontWeight, and lineHeight)
474
+ */
475
+ export declare const typographyStyles: TypographyStyles;
476
+
477
+ export declare type VerticalSpacingTokens = {
478
+ spacingVerticalNone: string;
479
+ spacingVerticalXXS: string;
480
+ spacingVerticalXS: string;
481
+ spacingVerticalSNudge: string;
482
+ spacingVerticalS: string;
483
+ spacingVerticalMNudge: string;
484
+ spacingVerticalM: string;
485
+ spacingVerticalL: string;
486
+ spacingVerticalXL: string;
487
+ spacingVerticalXXL: string;
488
+ spacingVerticalXXXL: string;
489
+ };
490
+
491
+ export declare const webDarkTheme: Theme;
492
+
493
+ export declare const webLightTheme: Theme;
494
+
495
+ /**
496
+ * Design tokens for z-index groups and levels
497
+ */
498
+ export declare type ZIndexTokens = {
499
+ zIndexBackground?: string;
500
+ zIndexContent?: string;
501
+ zIndexOverlay?: string;
502
+ zIndexPopup?: string;
503
+ zIndexMessages?: string;
504
+ zIndexFloating?: string;
505
+ zIndexPriority?: string;
506
+ zIndexDebug?: string;
507
+ };
508
+
509
+ export { }
@@ -1 +1 @@
1
- {"version":3,"sources":["../src/alias/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.colorStatusDangerBackground3Hover = mappedStatusColors[statusColorMapping.danger].shade10;\ncolorStatusTokens.colorStatusDangerBackground3Pressed = mappedStatusColors[statusColorMapping.danger].shade20;\n\ncolorStatusTokens.colorStatusDangerForeground3 = mappedStatusColors[statusColorMapping.danger].tint40;\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","colorStatusDangerBackground3Hover","danger","colorStatusDangerBackground3Pressed","colorStatusDangerForeground3","colorStatusDangerBorder2","colorStatusSuccessForeground3","success","colorStatusSuccessBorder2","colorStatusWarningForegroundInverted","warning"],"mappings":"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"}
1
+ {"version":3,"sources":["../src/alias/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 type {\n ColorPaletteTokens,\n ColorStatusTokens,\n PersonaColorPaletteTokens,\n StatusColorPaletteTokens,\n} 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.colorStatusDangerBackground3Hover = mappedStatusColors[statusColorMapping.danger].shade10;\ncolorStatusTokens.colorStatusDangerBackground3Pressed = mappedStatusColors[statusColorMapping.danger].shade20;\n\ncolorStatusTokens.colorStatusDangerForeground3 = mappedStatusColors[statusColorMapping.danger].tint40;\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","colorStatusDangerBackground3Hover","danger","colorStatusDangerBackground3Pressed","colorStatusDangerForeground3","colorStatusDangerBorder2","colorStatusSuccessForeground3","success","colorStatusSuccessBorder2","colorStatusWarningForegroundInverted","warning"],"mappings":"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"}
@@ -1 +1 @@
1
- {"version":3,"sources":["../src/alias/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\n// one-off overrides for colorStatus tokens\ncolorStatusTokens.colorStatusDangerBackground3Hover = hcHighlight;\ncolorStatusTokens.colorStatusDangerBackground3Pressed = hcHighlight;\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","colorStatusDangerBackground3Hover","colorStatusDangerBackground3Pressed"],"mappings":"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"}
1
+ {"version":3,"sources":["../src/alias/highContrastColorPalette.ts"],"sourcesContent":["import { hcHighlight, hcCanvas, hcCanvasText } from '../global/colors';\nimport { statusSharedColorNames, personaSharedColorNames } from '../sharedColorNames';\nimport type {\n ColorPaletteTokens,\n ColorStatusTokens,\n PersonaColorPaletteTokens,\n StatusColorPaletteTokens,\n} 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\n// one-off overrides for colorStatus tokens\ncolorStatusTokens.colorStatusDangerBackground3Hover = hcHighlight;\ncolorStatusTokens.colorStatusDangerBackground3Pressed = hcHighlight;\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","colorStatusDangerBackground3Hover","colorStatusDangerBackground3Pressed"],"mappings":"AAAA,SAASA,WAAW,EAAEC,QAAQ,EAAEC,YAAY,QAAQ,sBAAmB;AACvE,SAASC,sBAAsB,EAAEC,uBAAuB,QAAQ,yBAAsB;AAOtF,SAASC,kBAAkB,QAAQ,2BAAwB;AAE3D,MAAMC,2BAA2BH,uBAAuBI,MAAM,CAAC,CAACC,KAAKC;IACnE,MAAMC,QAAQD,YAAYE,KAAK,CAAC,GAAG,GAAGC,WAAW,KAAKH,YAAYE,KAAK,CAAC;IACxE,MAAME,oBAAoB;QACxB,CAAC,CAAC,YAAY,EAAEH,MAAM,WAAW,CAAC,CAAC,EAAET;QACrC,CAAC,CAAC,YAAY,EAAES,MAAM,WAAW,CAAC,CAAC,EAAET;QACrC,CAAC,CAAC,YAAY,EAAES,MAAM,WAAW,CAAC,CAAC,EAAER;QACrC,CAAC,CAAC,YAAY,EAAEQ,MAAM,WAAW,CAAC,CAAC,EAAER;QACrC,CAAC,CAAC,YAAY,EAAEQ,MAAM,WAAW,CAAC,CAAC,EAAER;QACrC,CAAC,CAAC,YAAY,EAAEQ,MAAM,WAAW,CAAC,CAAC,EAAER;QACrC,CAAC,CAAC,YAAY,EAAEQ,MAAM,YAAY,CAAC,CAAC,EAAEV;QACtC,CAAC,CAAC,YAAY,EAAEU,MAAM,OAAO,CAAC,CAAC,EAAER;QACjC,CAAC,CAAC,YAAY,EAAEQ,MAAM,OAAO,CAAC,CAAC,EAAER;IACnC;IAEA,OAAOY,OAAOC,MAAM,CAACP,KAAKK;AAC5B,GAAG,CAAC;AAEJ,kBAAkB;AAClBP,yBAAyBU,iCAAiC,GAAGd;AAC7DI,yBAAyBW,mCAAmC,GAAGf;AAC/DI,yBAAyBY,oCAAoC,GAAGhB;AAEhE,MAAMiB,4BAA4Bf,wBAAwBG,MAAM,CAAC,CAACC,KAAKC;IACrE,MAAMC,QAAQD,YAAYE,KAAK,CAAC,GAAG,GAAGC,WAAW,KAAKH,YAAYE,KAAK,CAAC;IACxE,MAAME,oBAAoB;QACxB,CAAC,CAAC,YAAY,EAAEH,MAAM,WAAW,CAAC,CAAC,EAAET;QACrC,CAAC,CAAC,YAAY,EAAES,MAAM,WAAW,CAAC,CAAC,EAAER;QACrC,CAAC,CAAC,YAAY,EAAEQ,MAAM,YAAY,CAAC,CAAC,EAAEV;IACxC;IAEA,OAAOc,OAAOC,MAAM,CAACP,KAAKK;AAC5B,GAAG,CAAC;AAEJ,OAAO,MAAMO,qBAAyC;IAAE,GAAGd,wBAAwB;IAAE,GAAGa,yBAAyB;AAAC,EAAE;AAEpH,OAAO,MAAME,oBAAuCP,OAAOQ,OAAO,CAACjB,oBAAoBE,MAAM,CAC3F,CAACC,KAAK,CAACe,aAAad,YAAY;IAC9B,MAAMC,QAAQa,YAAYZ,KAAK,CAAC,GAAG,GAAGC,WAAW,KAAKW,YAAYZ,KAAK,CAAC;IAExE,6CAA6C;IAC7C,MAAMa,oBAAoB;QACxB,CAAC,CAAC,WAAW,EAAEd,MAAM,WAAW,CAAC,CAAC,EAAET;QACpC,CAAC,CAAC,WAAW,EAAES,MAAM,WAAW,CAAC,CAAC,EAAET;QACpC,CAAC,CAAC,WAAW,EAAES,MAAM,WAAW,CAAC,CAAC,EAAER;QACpC,CAAC,CAAC,WAAW,EAAEQ,MAAM,WAAW,CAAC,CAAC,EAAER;QACpC,CAAC,CAAC,WAAW,EAAEQ,MAAM,WAAW,CAAC,CAAC,EAAER;QACpC,CAAC,CAAC,WAAW,EAAEQ,MAAM,WAAW,CAAC,CAAC,EAAER;QACpC,CAAC,CAAC,WAAW,EAAEQ,MAAM,YAAY,CAAC,CAAC,EAAEV;QACrC,CAAC,CAAC,WAAW,EAAEU,MAAM,kBAAkB,CAAC,CAAC,EAAER;QAC3C,CAAC,CAAC,WAAW,EAAEQ,MAAM,OAAO,CAAC,CAAC,EAAER;QAChC,CAAC,CAAC,WAAW,EAAEQ,MAAM,OAAO,CAAC,CAAC,EAAER;IAClC;IAEA,OAAOY,OAAOC,MAAM,CAACP,KAAKgB;AAC5B,GACA,CAAC,GACD;AAEF,2CAA2C;AAC3CH,kBAAkBI,iCAAiC,GAAGzB;AACtDqB,kBAAkBK,mCAAmC,GAAG1B"}