@fluentui/react-theme 0.0.0-nightlyd3bf09bf8120211201.1 → 0.0.0-nightlydd0f007b3f20220119.1

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 (52) hide show
  1. package/CHANGELOG.json +42 -4
  2. package/CHANGELOG.md +9 -5
  3. package/dist/react-theme.d.ts +54 -72
  4. package/lib/alias/dark.js +43 -41
  5. package/lib/alias/dark.js.map +1 -1
  6. package/lib/alias/highContrast.js +3 -1
  7. package/lib/alias/highContrast.js.map +1 -1
  8. package/lib/alias/light.js +43 -41
  9. package/lib/alias/light.js.map +1 -1
  10. package/lib/alias/teamsDark.js +43 -41
  11. package/lib/alias/teamsDark.js.map +1 -1
  12. package/lib/global/brandColors.d.ts +1 -0
  13. package/lib/global/brandColors.js +50 -27
  14. package/lib/global/brandColors.js.map +1 -1
  15. package/lib/index.d.ts +2 -1
  16. package/lib/index.js +1 -0
  17. package/lib/index.js.map +1 -1
  18. package/lib/tokens.d.ts +2 -0
  19. package/lib/tokens.js +686 -0
  20. package/lib/tokens.js.map +1 -0
  21. package/lib/types.d.ts +51 -77
  22. package/lib/utils/index.d.ts +0 -1
  23. package/lib/utils/index.js +0 -1
  24. package/lib/utils/index.js.map +1 -1
  25. package/lib-commonjs/alias/dark.js +43 -41
  26. package/lib-commonjs/alias/dark.js.map +1 -1
  27. package/lib-commonjs/alias/highContrast.js +3 -1
  28. package/lib-commonjs/alias/highContrast.js.map +1 -1
  29. package/lib-commonjs/alias/light.js +43 -41
  30. package/lib-commonjs/alias/light.js.map +1 -1
  31. package/lib-commonjs/alias/teamsDark.js +43 -41
  32. package/lib-commonjs/alias/teamsDark.js.map +1 -1
  33. package/lib-commonjs/global/brandColors.d.ts +1 -0
  34. package/lib-commonjs/global/brandColors.js +51 -28
  35. package/lib-commonjs/global/brandColors.js.map +1 -1
  36. package/lib-commonjs/index.d.ts +2 -1
  37. package/lib-commonjs/index.js +10 -0
  38. package/lib-commonjs/index.js.map +1 -1
  39. package/lib-commonjs/tokens.d.ts +2 -0
  40. package/lib-commonjs/tokens.js +692 -0
  41. package/lib-commonjs/tokens.js.map +1 -0
  42. package/lib-commonjs/types.d.ts +51 -77
  43. package/lib-commonjs/utils/index.d.ts +0 -1
  44. package/lib-commonjs/utils/index.js +0 -10
  45. package/lib-commonjs/utils/index.js.map +1 -1
  46. package/package.json +3 -3
  47. package/lib/utils/mergeThemes.d.ts +0 -2
  48. package/lib/utils/mergeThemes.js +0 -15
  49. package/lib/utils/mergeThemes.js.map +0 -1
  50. package/lib-commonjs/utils/mergeThemes.d.ts +0 -2
  51. package/lib-commonjs/utils/mergeThemes.js +0 -24
  52. package/lib-commonjs/utils/mergeThemes.js.map +0 -1
@@ -0,0 +1,692 @@
1
+ "use strict";
2
+
3
+ Object.defineProperty(exports, "__esModule", {
4
+ value: true
5
+ });
6
+ exports.tokens = void 0;
7
+ exports.tokens = {
8
+ // Color tokens
9
+ colorNeutralForeground1: 'var(--colorNeutralForeground1)',
10
+ colorNeutralForeground1Hover: 'var(--colorNeutralForeground1Hover)',
11
+ colorNeutralForeground1Pressed: 'var(--colorNeutralForeground1Pressed)',
12
+ colorNeutralForeground1Selected: 'var(--colorNeutralForeground1Selected)',
13
+ colorNeutralForeground2: 'var(--colorNeutralForeground2)',
14
+ colorNeutralForeground2Hover: 'var(--colorNeutralForeground2Hover)',
15
+ colorNeutralForeground2Pressed: 'var(--colorNeutralForeground2Pressed)',
16
+ colorNeutralForeground2Selected: 'var(--colorNeutralForeground2Selected)',
17
+ colorNeutralForeground2BrandHover: 'var(--colorNeutralForeground2BrandHover)',
18
+ colorNeutralForeground2BrandPressed: 'var(--colorNeutralForeground2BrandPressed)',
19
+ colorNeutralForeground2BrandSelected: 'var(--colorNeutralForeground2BrandSelected)',
20
+ colorNeutralForeground3: 'var(--colorNeutralForeground3)',
21
+ colorNeutralForeground3Hover: 'var(--colorNeutralForeground3Hover)',
22
+ colorNeutralForeground3Pressed: 'var(--colorNeutralForeground3Pressed)',
23
+ colorNeutralForeground3Selected: 'var(--colorNeutralForeground3Selected)',
24
+ colorNeutralForeground3BrandHover: 'var(--colorNeutralForeground3BrandHover)',
25
+ colorNeutralForeground3BrandPressed: 'var(--colorNeutralForeground3BrandPressed)',
26
+ colorNeutralForeground3BrandSelected: 'var(--colorNeutralForeground3BrandSelected)',
27
+ colorNeutralForeground4: 'var(--colorNeutralForeground4)',
28
+ colorNeutralForegroundDisabled: 'var(--colorNeutralForegroundDisabled)',
29
+ colorBrandForegroundLink: 'var(--colorBrandForegroundLink)',
30
+ colorBrandForegroundLinkHover: 'var(--colorBrandForegroundLinkHover)',
31
+ colorBrandForegroundLinkPressed: 'var(--colorBrandForegroundLinkPressed)',
32
+ colorBrandForegroundLinkSelected: 'var(--colorBrandForegroundLinkSelected)',
33
+ colorCompoundBrandForeground1: 'var(--colorCompoundBrandForeground1)',
34
+ colorCompoundBrandForeground1Hover: 'var(--colorCompoundBrandForeground1Hover)',
35
+ colorCompoundBrandForeground1Pressed: 'var(--colorCompoundBrandForeground1Pressed)',
36
+ colorNeutralForegroundOnBrand: 'var(--colorNeutralForegroundOnBrand)',
37
+ colorNeutralForegroundInverted: 'var(--colorNeutralForegroundInverted)',
38
+ colorNeutralForegroundInvertedHover: 'var(--colorNeutralForegroundInvertedHover)',
39
+ colorNeutralForegroundInvertedPressed: 'var(--colorNeutralForegroundInvertedPressed)',
40
+ colorNeutralForegroundInvertedSelected: 'var(--colorNeutralForegroundInvertedSelected)',
41
+ colorNeutralForegroundInvertedLink: 'var(--colorNeutralForegroundInvertedLink)',
42
+ colorNeutralForegroundInvertedLinkHover: 'var(--colorNeutralForegroundInvertedLinkHover)',
43
+ colorNeutralForegroundInvertedLinkPressed: 'var(--colorNeutralForegroundInvertedLinkPressed)',
44
+ colorNeutralForegroundInvertedLinkSelected: 'var(--colorNeutralForegroundInvertedLinkSelected)',
45
+ colorNeutralForegroundInvertedDisabled: 'var(--colorNeutralForegroundInvertedDisabled)',
46
+ colorBrandForeground1: 'var(--colorBrandForeground1)',
47
+ colorBrandForeground2: 'var(--colorBrandForeground2)',
48
+ colorBrandForegroundInverted: 'var(--colorBrandForegroundInverted)',
49
+ colorBrandForegroundInvertedHover: 'var(--colorBrandForegroundInvertedHover)',
50
+ colorBrandForegroundInvertedPressed: 'var(--colorBrandForegroundInvertedPressed)',
51
+ colorBrandForegroundOnLight: 'var(--colorBrandForegroundOnLight)',
52
+ colorBrandForegroundOnLightHover: 'var(--colorBrandForegroundOnLightHover)',
53
+ colorBrandForegroundOnLightPressed: 'var(--colorBrandForegroundOnLightPressed)',
54
+ colorBrandForegroundOnLightSelected: 'var(--colorBrandForegroundOnLightSelected)',
55
+ colorNeutralBackground1: 'var(--colorNeutralBackground1)',
56
+ colorNeutralBackground1Hover: 'var(--colorNeutralBackground1Hover)',
57
+ colorNeutralBackground1Pressed: 'var(--colorNeutralBackground1Pressed)',
58
+ colorNeutralBackground1Selected: 'var(--colorNeutralBackground1Selected)',
59
+ colorNeutralBackground2: 'var(--colorNeutralBackground2)',
60
+ colorNeutralBackground2Hover: 'var(--colorNeutralBackground2Hover)',
61
+ colorNeutralBackground2Pressed: 'var(--colorNeutralBackground2Pressed)',
62
+ colorNeutralBackground2Selected: 'var(--colorNeutralBackground2Selected)',
63
+ colorNeutralBackground3: 'var(--colorNeutralBackground3)',
64
+ colorNeutralBackground3Hover: 'var(--colorNeutralBackground3Hover)',
65
+ colorNeutralBackground3Pressed: 'var(--colorNeutralBackground3Pressed)',
66
+ colorNeutralBackground3Selected: 'var(--colorNeutralBackground3Selected)',
67
+ colorNeutralBackground4: 'var(--colorNeutralBackground4)',
68
+ colorNeutralBackground4Hover: 'var(--colorNeutralBackground4Hover)',
69
+ colorNeutralBackground4Pressed: 'var(--colorNeutralBackground4Pressed)',
70
+ colorNeutralBackground4Selected: 'var(--colorNeutralBackground4Selected)',
71
+ colorNeutralBackground5: 'var(--colorNeutralBackground5)',
72
+ colorNeutralBackground5Hover: 'var(--colorNeutralBackground5Hover)',
73
+ colorNeutralBackground5Pressed: 'var(--colorNeutralBackground5Pressed)',
74
+ colorNeutralBackground5Selected: 'var(--colorNeutralBackground5Selected)',
75
+ colorNeutralBackground6: 'var(--colorNeutralBackground6)',
76
+ colorNeutralBackgroundInverted: 'var(--colorNeutralBackgroundInverted)',
77
+ colorSubtleBackground: 'var(--colorSubtleBackground)',
78
+ colorSubtleBackgroundHover: 'var(--colorSubtleBackgroundHover)',
79
+ colorSubtleBackgroundPressed: 'var(--colorSubtleBackgroundPressed)',
80
+ colorSubtleBackgroundSelected: 'var(--colorSubtleBackgroundSelected)',
81
+ colorSubtleBackgroundLightAlphaHover: 'var(--colorSubtleBackgroundLightAlphaHover)',
82
+ colorSubtleBackgroundLightAlphaPressed: 'var(--colorSubtleBackgroundLightAlphaPressed)',
83
+ colorSubtleBackgroundLightAlphaSelected: 'var(--colorSubtleBackgroundLightAlphaSelected)',
84
+ colorSubtleBackgroundInverted: 'var(--colorSubtleBackgroundInverted)',
85
+ colorSubtleBackgroundInvertedHover: 'var(--colorSubtleBackgroundInvertedHover)',
86
+ colorSubtleBackgroundInvertedPressed: 'var(--colorSubtleBackgroundInvertedPressed)',
87
+ colorSubtleBackgroundInvertedSelected: 'var(--colorSubtleBackgroundInvertedSelected)',
88
+ colorTransparentBackground: 'var(--colorTransparentBackground)',
89
+ colorTransparentBackgroundHover: 'var(--colorTransparentBackgroundHover)',
90
+ colorTransparentBackgroundPressed: 'var(--colorTransparentBackgroundPressed)',
91
+ colorTransparentBackgroundSelected: 'var(--colorTransparentBackgroundSelected)',
92
+ colorNeutralBackgroundDisabled: 'var(--colorNeutralBackgroundDisabled)',
93
+ colorNeutralBackgroundInvertedDisabled: 'var(--colorNeutralBackgroundInvertedDisabled)',
94
+ colorNeutralStencil1: 'var(--colorNeutralStencil1)',
95
+ colorNeutralStencil2: 'var(--colorNeutralStencil2)',
96
+ colorBrandBackground: 'var(--colorBrandBackground)',
97
+ colorBrandBackgroundHover: 'var(--colorBrandBackgroundHover)',
98
+ colorBrandBackgroundPressed: 'var(--colorBrandBackgroundPressed)',
99
+ colorBrandBackgroundSelected: 'var(--colorBrandBackgroundSelected)',
100
+ colorCompoundBrandBackground: 'var(--colorCompoundBrandBackground)',
101
+ colorCompoundBrandBackgroundHover: 'var(--colorCompoundBrandBackgroundHover)',
102
+ colorCompoundBrandBackgroundPressed: 'var(--colorCompoundBrandBackgroundPressed)',
103
+ colorBrandBackgroundStatic: 'var(--colorBrandBackgroundStatic)',
104
+ colorBrandBackground2: 'var(--colorBrandBackground2)',
105
+ colorBrandBackgroundInverted: 'var(--colorBrandBackgroundInverted)',
106
+ colorBrandBackgroundInvertedHover: 'var(--colorBrandBackgroundInvertedHover)',
107
+ colorBrandBackgroundInvertedPressed: 'var(--colorBrandBackgroundInvertedPressed)',
108
+ colorBrandBackgroundInvertedSelected: 'var(--colorBrandBackgroundInvertedSelected)',
109
+ colorNeutralStrokeAccessible: 'var(--colorNeutralStrokeAccessible)',
110
+ colorNeutralStrokeAccessibleHover: 'var(--colorNeutralStrokeAccessibleHover)',
111
+ colorNeutralStrokeAccessiblePressed: 'var(--colorNeutralStrokeAccessiblePressed)',
112
+ colorNeutralStrokeAccessibleSelected: 'var(--colorNeutralStrokeAccessibleSelected)',
113
+ colorNeutralStroke1: 'var(--colorNeutralStroke1)',
114
+ colorNeutralStroke1Hover: 'var(--colorNeutralStroke1Hover)',
115
+ colorNeutralStroke1Pressed: 'var(--colorNeutralStroke1Pressed)',
116
+ colorNeutralStroke1Selected: 'var(--colorNeutralStroke1Selected)',
117
+ colorNeutralStroke2: 'var(--colorNeutralStroke2)',
118
+ colorNeutralStroke3: 'var(--colorNeutralStroke3)',
119
+ colorNeutralStrokeOnBrand: 'var(--colorNeutralStrokeOnBrand)',
120
+ colorNeutralStrokeOnBrand2: 'var(--colorNeutralStrokeOnBrand2)',
121
+ colorNeutralStrokeOnBrand2Hover: 'var(--colorNeutralStrokeOnBrand2Hover)',
122
+ colorNeutralStrokeOnBrand2Pressed: 'var(--colorNeutralStrokeOnBrand2Pressed)',
123
+ colorNeutralStrokeOnBrand2Selected: 'var(--colorNeutralStrokeOnBrand2Selected)',
124
+ colorBrandStroke1: 'var(--colorBrandStroke1)',
125
+ colorBrandStroke2: 'var(--colorBrandStroke2)',
126
+ colorCompoundBrandStroke: 'var(--colorCompoundBrandStroke)',
127
+ colorCompoundBrandStrokeHover: 'var(--colorCompoundBrandStrokeHover)',
128
+ colorCompoundBrandStrokePressed: 'var(--colorCompoundBrandStrokePressed)',
129
+ colorNeutralStrokeDisabled: 'var(--colorNeutralStrokeDisabled)',
130
+ colorNeutralStrokeInvertedDisabled: 'var(--colorNeutralStrokeInvertedDisabled)',
131
+ colorTransparentStroke: 'var(--colorTransparentStroke)',
132
+ colorTransparentStrokeInteractive: 'var(--colorTransparentStrokeInteractive)',
133
+ colorTransparentStrokeDisabled: 'var(--colorTransparentStrokeDisabled)',
134
+ colorStrokeFocus1: 'var(--colorStrokeFocus1)',
135
+ colorStrokeFocus2: 'var(--colorStrokeFocus2)',
136
+ colorNeutralShadowAmbient: 'var(--colorNeutralShadowAmbient)',
137
+ colorNeutralShadowKey: 'var(--colorNeutralShadowKey)',
138
+ colorNeutralShadowAmbientLighter: 'var(--colorNeutralShadowAmbientLighter)',
139
+ colorNeutralShadowKeyLighter: 'var(--colorNeutralShadowKeyLighter)',
140
+ colorNeutralShadowAmbientDarker: 'var(--colorNeutralShadowAmbientDarker)',
141
+ colorNeutralShadowKeyDarker: 'var(--colorNeutralShadowKeyDarker)',
142
+ colorBrandShadowAmbient: 'var(--colorBrandShadowAmbient)',
143
+ colorBrandShadowKey: 'var(--colorBrandShadowKey)',
144
+ // Color palette tokens
145
+ // Color palette anchor tokens
146
+ colorPaletteAnchorBackground1: 'var(--colorPaletteAnchorBackground1)',
147
+ colorPaletteAnchorBackground2: 'var(--colorPaletteAnchorBackground2)',
148
+ colorPaletteAnchorBackground3: 'var(--colorPaletteAnchorBackground3)',
149
+ colorPaletteAnchorBorderActive: 'var(--colorPaletteAnchorBorderActive)',
150
+ colorPaletteAnchorBorder1: 'var(--colorPaletteAnchorBorder1)',
151
+ colorPaletteAnchorBorder2: 'var(--colorPaletteAnchorBorder2)',
152
+ colorPaletteAnchorForeground1: 'var(--colorPaletteAnchorForeground1)',
153
+ colorPaletteAnchorForeground2: 'var(--colorPaletteAnchorForeground2)',
154
+ colorPaletteAnchorForeground3: 'var(--colorPaletteAnchorForeground3)',
155
+ // Color palette beige tokens
156
+ colorPaletteBeigeBackground1: 'var(--colorPaletteBeigeBackground1)',
157
+ colorPaletteBeigeBackground2: 'var(--colorPaletteBeigeBackground2)',
158
+ colorPaletteBeigeBackground3: 'var(--colorPaletteBeigeBackground3)',
159
+ colorPaletteBeigeBorderActive: 'var(--colorPaletteBeigeBorderActive)',
160
+ colorPaletteBeigeBorder1: 'var(--colorPaletteBeigeBorder1)',
161
+ colorPaletteBeigeBorder2: 'var(--colorPaletteBeigeBorder2)',
162
+ colorPaletteBeigeForeground1: 'var(--colorPaletteBeigeForeground1)',
163
+ colorPaletteBeigeForeground2: 'var(--colorPaletteBeigeForeground2)',
164
+ colorPaletteBeigeForeground3: 'var(--colorPaletteBeigeForeground3)',
165
+ // Color palette berry tokens
166
+ colorPaletteBerryBackground1: 'var(--colorPaletteBerryBackground1)',
167
+ colorPaletteBerryBackground2: 'var(--colorPaletteBerryBackground2)',
168
+ colorPaletteBerryBackground3: 'var(--colorPaletteBerryBackground3)',
169
+ colorPaletteBerryBorderActive: 'var(--colorPaletteBerryBorderActive)',
170
+ colorPaletteBerryBorder1: 'var(--colorPaletteBerryBorder1)',
171
+ colorPaletteBerryBorder2: 'var(--colorPaletteBerryBorder2)',
172
+ colorPaletteBerryForeground1: 'var(--colorPaletteBerryForeground1)',
173
+ colorPaletteBerryForeground2: 'var(--colorPaletteBerryForeground2)',
174
+ colorPaletteBerryForeground3: 'var(--colorPaletteBerryForeground3)',
175
+ // Color palette blue tokens
176
+ colorPaletteBlueBackground1: 'var(--colorPaletteBlueBackground1)',
177
+ colorPaletteBlueBackground2: 'var(--colorPaletteBlueBackground2)',
178
+ colorPaletteBlueBackground3: 'var(--colorPaletteBlueBackground3)',
179
+ colorPaletteBlueBorderActive: 'var(--colorPaletteBlueBorderActive)',
180
+ colorPaletteBlueBorder1: 'var(--colorPaletteBlueBorder1)',
181
+ colorPaletteBlueBorder2: 'var(--colorPaletteBlueBorder2)',
182
+ colorPaletteBlueForeground1: 'var(--colorPaletteBlueForeground1)',
183
+ colorPaletteBlueForeground2: 'var(--colorPaletteBlueForeground2)',
184
+ colorPaletteBlueForeground3: 'var(--colorPaletteBlueForeground3)',
185
+ // Color palette brass tokens
186
+ colorPaletteBrassBackground1: 'var(--colorPaletteBrassBackground1)',
187
+ colorPaletteBrassBackground2: 'var(--colorPaletteBrassBackground2)',
188
+ colorPaletteBrassBackground3: 'var(--colorPaletteBrassBackground3)',
189
+ colorPaletteBrassBorderActive: 'var(--colorPaletteBrassBorderActive)',
190
+ colorPaletteBrassBorder1: 'var(--colorPaletteBrassBorder1)',
191
+ colorPaletteBrassBorder2: 'var(--colorPaletteBrassBorder2)',
192
+ colorPaletteBrassForeground1: 'var(--colorPaletteBrassForeground1)',
193
+ colorPaletteBrassForeground2: 'var(--colorPaletteBrassForeground2)',
194
+ colorPaletteBrassForeground3: 'var(--colorPaletteBrassForeground3)',
195
+ // Color palette bronze tokens
196
+ colorPaletteBronzeBackground1: 'var(--colorPaletteBronzeBackground1)',
197
+ colorPaletteBronzeBackground2: 'var(--colorPaletteBronzeBackground2)',
198
+ colorPaletteBronzeBackground3: 'var(--colorPaletteBronzeBackground3)',
199
+ colorPaletteBronzeBorderActive: 'var(--colorPaletteBronzeBorderActive)',
200
+ colorPaletteBronzeBorder1: 'var(--colorPaletteBronzeBorder1)',
201
+ colorPaletteBronzeBorder2: 'var(--colorPaletteBronzeBorder2)',
202
+ colorPaletteBronzeForeground1: 'var(--colorPaletteBronzeForeground1)',
203
+ colorPaletteBronzeForeground2: 'var(--colorPaletteBronzeForeground2)',
204
+ colorPaletteBronzeForeground3: 'var(--colorPaletteBronzeForeground3)',
205
+ // Color palette brown tokens
206
+ colorPaletteBrownBackground1: 'var(--colorPaletteBrownBackground1)',
207
+ colorPaletteBrownBackground2: 'var(--colorPaletteBrownBackground2)',
208
+ colorPaletteBrownBackground3: 'var(--colorPaletteBrownBackground3)',
209
+ colorPaletteBrownBorderActive: 'var(--colorPaletteBrownBorderActive)',
210
+ colorPaletteBrownBorder1: 'var(--colorPaletteBrownBorder1)',
211
+ colorPaletteBrownBorder2: 'var(--colorPaletteBrownBorder2)',
212
+ colorPaletteBrownForeground1: 'var(--colorPaletteBrownForeground1)',
213
+ colorPaletteBrownForeground2: 'var(--colorPaletteBrownForeground2)',
214
+ colorPaletteBrownForeground3: 'var(--colorPaletteBrownForeground3)',
215
+ // Color palette burgundy tokens
216
+ colorPaletteBurgundyBackground1: 'var(--colorPaletteBurgundyBackground1)',
217
+ colorPaletteBurgundyBackground2: 'var(--colorPaletteBurgundyBackground2)',
218
+ colorPaletteBurgundyBackground3: 'var(--colorPaletteBurgundyBackground3)',
219
+ colorPaletteBurgundyBorderActive: 'var(--colorPaletteBurgundyBorderActive)',
220
+ colorPaletteBurgundyBorder1: 'var(--colorPaletteBurgundyBorder1)',
221
+ colorPaletteBurgundyBorder2: 'var(--colorPaletteBurgundyBorder2)',
222
+ colorPaletteBurgundyForeground1: 'var(--colorPaletteBurgundyForeground1)',
223
+ colorPaletteBurgundyForeground2: 'var(--colorPaletteBurgundyForeground2)',
224
+ colorPaletteBurgundyForeground3: 'var(--colorPaletteBurgundyForeground3)',
225
+ // Color palette charcoal tokens
226
+ colorPaletteCharcoalBackground1: 'var(--colorPaletteCharcoalBackground1)',
227
+ colorPaletteCharcoalBackground2: 'var(--colorPaletteCharcoalBackground2)',
228
+ colorPaletteCharcoalBackground3: 'var(--colorPaletteCharcoalBackground3)',
229
+ colorPaletteCharcoalBorderActive: 'var(--colorPaletteCharcoalBorderActive)',
230
+ colorPaletteCharcoalBorder1: 'var(--colorPaletteCharcoalBorder1)',
231
+ colorPaletteCharcoalBorder2: 'var(--colorPaletteCharcoalBorder2)',
232
+ colorPaletteCharcoalForeground1: 'var(--colorPaletteCharcoalForeground1)',
233
+ colorPaletteCharcoalForeground2: 'var(--colorPaletteCharcoalForeground2)',
234
+ colorPaletteCharcoalForeground3: 'var(--colorPaletteCharcoalForeground3)',
235
+ // Color palette cornflower tokens
236
+ colorPaletteCornflowerBackground1: 'var(--colorPaletteCornflowerBackground1)',
237
+ colorPaletteCornflowerBackground2: 'var(--colorPaletteCornflowerBackground2)',
238
+ colorPaletteCornflowerBackground3: 'var(--colorPaletteCornflowerBackground3)',
239
+ colorPaletteCornflowerBorderActive: 'var(--colorPaletteCornflowerBorderActive)',
240
+ colorPaletteCornflowerBorder1: 'var(--colorPaletteCornflowerBorder1)',
241
+ colorPaletteCornflowerBorder2: 'var(--colorPaletteCornflowerBorder2)',
242
+ colorPaletteCornflowerForeground1: 'var(--colorPaletteCornflowerForeground1)',
243
+ colorPaletteCornflowerForeground2: 'var(--colorPaletteCornflowerForeground2)',
244
+ colorPaletteCornflowerForeground3: 'var(--colorPaletteCornflowerForeground3)',
245
+ // Color palette cranberry tokens
246
+ colorPaletteCranberryBackground1: 'var(--colorPaletteCranberryBackground1)',
247
+ colorPaletteCranberryBackground2: 'var(--colorPaletteCranberryBackground2)',
248
+ colorPaletteCranberryBackground3: 'var(--colorPaletteCranberryBackground3)',
249
+ colorPaletteCranberryBorderActive: 'var(--colorPaletteCranberryBorderActive)',
250
+ colorPaletteCranberryBorder1: 'var(--colorPaletteCranberryBorder1)',
251
+ colorPaletteCranberryBorder2: 'var(--colorPaletteCranberryBorder2)',
252
+ colorPaletteCranberryForeground1: 'var(--colorPaletteCranberryForeground1)',
253
+ colorPaletteCranberryForeground2: 'var(--colorPaletteCranberryForeground2)',
254
+ colorPaletteCranberryForeground3: 'var(--colorPaletteCranberryForeground3)',
255
+ // Color palette cyan tokens
256
+ colorPaletteCyanBackground1: 'var(--colorPaletteCyanBackground1)',
257
+ colorPaletteCyanBackground2: 'var(--colorPaletteCyanBackground2)',
258
+ colorPaletteCyanBackground3: 'var(--colorPaletteCyanBackground3)',
259
+ colorPaletteCyanBorderActive: 'var(--colorPaletteCyanBorderActive)',
260
+ colorPaletteCyanBorder1: 'var(--colorPaletteCyanBorder1)',
261
+ colorPaletteCyanBorder2: 'var(--colorPaletteCyanBorder2)',
262
+ colorPaletteCyanForeground1: 'var(--colorPaletteCyanForeground1)',
263
+ colorPaletteCyanForeground2: 'var(--colorPaletteCyanForeground2)',
264
+ colorPaletteCyanForeground3: 'var(--colorPaletteCyanForeground3)',
265
+ // Color palette dark blue tokens
266
+ colorPaletteDarkBlueBackground1: 'var(--colorPaletteDarkBlueBackground1)',
267
+ colorPaletteDarkBlueBackground2: 'var(--colorPaletteDarkBlueBackground2)',
268
+ colorPaletteDarkBlueBackground3: 'var(--colorPaletteDarkBlueBackground3)',
269
+ colorPaletteDarkBlueBorderActive: 'var(--colorPaletteDarkBlueBorderActive)',
270
+ colorPaletteDarkBlueBorder1: 'var(--colorPaletteDarkBlueBorder1)',
271
+ colorPaletteDarkBlueBorder2: 'var(--colorPaletteDarkBlueBorder2)',
272
+ colorPaletteDarkBlueForeground1: 'var(--colorPaletteDarkBlueForeground1)',
273
+ colorPaletteDarkBlueForeground2: 'var(--colorPaletteDarkBlueForeground2)',
274
+ colorPaletteDarkBlueForeground3: 'var(--colorPaletteDarkBlueForeground3)',
275
+ // Color palette dark brown tokens
276
+ colorPaletteDarkBrownBackground1: 'var(--colorPaletteDarkBrownBackground1)',
277
+ colorPaletteDarkBrownBackground2: 'var(--colorPaletteDarkBrownBackground2)',
278
+ colorPaletteDarkBrownBackground3: 'var(--colorPaletteDarkBrownBackground3)',
279
+ colorPaletteDarkBrownBorderActive: 'var(--colorPaletteDarkBrownBorderActive)',
280
+ colorPaletteDarkBrownBorder1: 'var(--colorPaletteDarkBrownBorder1)',
281
+ colorPaletteDarkBrownBorder2: 'var(--colorPaletteDarkBrownBorder2)',
282
+ colorPaletteDarkBrownForeground1: 'var(--colorPaletteDarkBrownForeground1)',
283
+ colorPaletteDarkBrownForeground2: 'var(--colorPaletteDarkBrownForeground2)',
284
+ colorPaletteDarkBrownForeground3: 'var(--colorPaletteDarkBrownForeground3)',
285
+ // Color palette dark green tokens
286
+ colorPaletteDarkGreenBackground1: 'var(--colorPaletteDarkGreenBackground1)',
287
+ colorPaletteDarkGreenBackground2: 'var(--colorPaletteDarkGreenBackground2)',
288
+ colorPaletteDarkGreenBackground3: 'var(--colorPaletteDarkGreenBackground3)',
289
+ colorPaletteDarkGreenBorderActive: 'var(--colorPaletteDarkGreenBorderActive)',
290
+ colorPaletteDarkGreenBorder1: 'var(--colorPaletteDarkGreenBorder1)',
291
+ colorPaletteDarkGreenBorder2: 'var(--colorPaletteDarkGreenBorder2)',
292
+ colorPaletteDarkGreenForeground1: 'var(--colorPaletteDarkGreenForeground1)',
293
+ colorPaletteDarkGreenForeground2: 'var(--colorPaletteDarkGreenForeground2)',
294
+ colorPaletteDarkGreenForeground3: 'var(--colorPaletteDarkGreenForeground3)',
295
+ // Color palette dark orange tokens
296
+ colorPaletteDarkOrangeBackground1: 'var(--colorPaletteDarkOrangeBackground1)',
297
+ colorPaletteDarkOrangeBackground2: 'var(--colorPaletteDarkOrangeBackground2)',
298
+ colorPaletteDarkOrangeBackground3: 'var(--colorPaletteDarkOrangeBackground3)',
299
+ colorPaletteDarkOrangeBorderActive: 'var(--colorPaletteDarkOrangeBorderActive)',
300
+ colorPaletteDarkOrangeBorder1: 'var(--colorPaletteDarkOrangeBorder1)',
301
+ colorPaletteDarkOrangeBorder2: 'var(--colorPaletteDarkOrangeBorder2)',
302
+ colorPaletteDarkOrangeForeground1: 'var(--colorPaletteDarkOrangeForeground1)',
303
+ colorPaletteDarkOrangeForeground2: 'var(--colorPaletteDarkOrangeForeground2)',
304
+ colorPaletteDarkOrangeForeground3: 'var(--colorPaletteDarkOrangeForeground3)',
305
+ // Color palette dark purple tokens
306
+ colorPaletteDarkPurpleBackground1: 'var(--colorPaletteDarkPurpleBackground1)',
307
+ colorPaletteDarkPurpleBackground2: 'var(--colorPaletteDarkPurpleBackground2)',
308
+ colorPaletteDarkPurpleBackground3: 'var(--colorPaletteDarkPurpleBackground3)',
309
+ colorPaletteDarkPurpleBorderActive: 'var(--colorPaletteDarkPurpleBorderActive)',
310
+ colorPaletteDarkPurpleBorder1: 'var(--colorPaletteDarkPurpleBorder1)',
311
+ colorPaletteDarkPurpleBorder2: 'var(--colorPaletteDarkPurpleBorder2)',
312
+ colorPaletteDarkPurpleForeground1: 'var(--colorPaletteDarkPurpleForeground1)',
313
+ colorPaletteDarkPurpleForeground2: 'var(--colorPaletteDarkPurpleForeground2)',
314
+ colorPaletteDarkPurpleForeground3: 'var(--colorPaletteDarkPurpleForeground3)',
315
+ // Color palette dark red tokens
316
+ colorPaletteDarkRedBackground1: 'var(--colorPaletteDarkRedBackground1)',
317
+ colorPaletteDarkRedBackground2: 'var(--colorPaletteDarkRedBackground2)',
318
+ colorPaletteDarkRedBackground3: 'var(--colorPaletteDarkRedBackground3)',
319
+ colorPaletteDarkRedBorderActive: 'var(--colorPaletteDarkRedBorderActive)',
320
+ colorPaletteDarkRedBorder1: 'var(--colorPaletteDarkRedBorder1)',
321
+ colorPaletteDarkRedBorder2: 'var(--colorPaletteDarkRedBorder2)',
322
+ colorPaletteDarkRedForeground1: 'var(--colorPaletteDarkRedForeground1)',
323
+ colorPaletteDarkRedForeground2: 'var(--colorPaletteDarkRedForeground2)',
324
+ colorPaletteDarkRedForeground3: 'var(--colorPaletteDarkRedForeground3)',
325
+ // Color palette dark teal tokens
326
+ colorPaletteDarkTealBackground1: 'var(--colorPaletteDarkTealBackground1)',
327
+ colorPaletteDarkTealBackground2: 'var(--colorPaletteDarkTealBackground2)',
328
+ colorPaletteDarkTealBackground3: 'var(--colorPaletteDarkTealBackground3)',
329
+ colorPaletteDarkTealBorderActive: 'var(--colorPaletteDarkTealBorderActive)',
330
+ colorPaletteDarkTealBorder1: 'var(--colorPaletteDarkTealBorder1)',
331
+ colorPaletteDarkTealBorder2: 'var(--colorPaletteDarkTealBorder2)',
332
+ colorPaletteDarkTealForeground1: 'var(--colorPaletteDarkTealForeground1)',
333
+ colorPaletteDarkTealForeground2: 'var(--colorPaletteDarkTealForeground2)',
334
+ colorPaletteDarkTealForeground3: 'var(--colorPaletteDarkTealForeground3)',
335
+ // Color palette forest tokens
336
+ colorPaletteForestBackground1: 'var(--colorPaletteForestBackground1)',
337
+ colorPaletteForestBackground2: 'var(--colorPaletteForestBackground2)',
338
+ colorPaletteForestBackground3: 'var(--colorPaletteForestBackground3)',
339
+ colorPaletteForestBorderActive: 'var(--colorPaletteForestBorderActive)',
340
+ colorPaletteForestBorder1: 'var(--colorPaletteForestBorder1)',
341
+ colorPaletteForestBorder2: 'var(--colorPaletteForestBorder2)',
342
+ colorPaletteForestForeground1: 'var(--colorPaletteForestForeground1)',
343
+ colorPaletteForestForeground2: 'var(--colorPaletteForestForeground2)',
344
+ colorPaletteForestForeground3: 'var(--colorPaletteForestForeground3)',
345
+ // Color palette gold tokens
346
+ colorPaletteGoldBackground1: 'var(--colorPaletteGoldBackground1)',
347
+ colorPaletteGoldBackground2: 'var(--colorPaletteGoldBackground2)',
348
+ colorPaletteGoldBackground3: 'var(--colorPaletteGoldBackground3)',
349
+ colorPaletteGoldBorderActive: 'var(--colorPaletteGoldBorderActive)',
350
+ colorPaletteGoldBorder1: 'var(--colorPaletteGoldBorder1)',
351
+ colorPaletteGoldBorder2: 'var(--colorPaletteGoldBorder2)',
352
+ colorPaletteGoldForeground1: 'var(--colorPaletteGoldForeground1)',
353
+ colorPaletteGoldForeground2: 'var(--colorPaletteGoldForeground2)',
354
+ colorPaletteGoldForeground3: 'var(--colorPaletteGoldForeground3)',
355
+ // Color palette grape tokens
356
+ colorPaletteGrapeBackground1: 'var(--colorPaletteGrapeBackground1)',
357
+ colorPaletteGrapeBackground2: 'var(--colorPaletteGrapeBackground2)',
358
+ colorPaletteGrapeBackground3: 'var(--colorPaletteGrapeBackground3)',
359
+ colorPaletteGrapeBorderActive: 'var(--colorPaletteGrapeBorderActive)',
360
+ colorPaletteGrapeBorder1: 'var(--colorPaletteGrapeBorder1)',
361
+ colorPaletteGrapeBorder2: 'var(--colorPaletteGrapeBorder2)',
362
+ colorPaletteGrapeForeground1: 'var(--colorPaletteGrapeForeground1)',
363
+ colorPaletteGrapeForeground2: 'var(--colorPaletteGrapeForeground2)',
364
+ colorPaletteGrapeForeground3: 'var(--colorPaletteGrapeForeground3)',
365
+ // Color palette green tokens
366
+ colorPaletteGreenBackground1: 'var(--colorPaletteGreenBackground1)',
367
+ colorPaletteGreenBackground2: 'var(--colorPaletteGreenBackground2)',
368
+ colorPaletteGreenBackground3: 'var(--colorPaletteGreenBackground3)',
369
+ colorPaletteGreenBorderActive: 'var(--colorPaletteGreenBorderActive)',
370
+ colorPaletteGreenBorder1: 'var(--colorPaletteGreenBorder1)',
371
+ colorPaletteGreenBorder2: 'var(--colorPaletteGreenBorder2)',
372
+ colorPaletteGreenForeground1: 'var(--colorPaletteGreenForeground1)',
373
+ colorPaletteGreenForeground2: 'var(--colorPaletteGreenForeground2)',
374
+ colorPaletteGreenForeground3: 'var(--colorPaletteGreenForeground3)',
375
+ // Color palette hot pink tokens
376
+ colorPaletteHotPinkBackground1: 'var(--colorPaletteHotPinkBackground1)',
377
+ colorPaletteHotPinkBackground2: 'var(--colorPaletteHotPinkBackground2)',
378
+ colorPaletteHotPinkBackground3: 'var(--colorPaletteHotPinkBackground3)',
379
+ colorPaletteHotPinkBorderActive: 'var(--colorPaletteHotPinkBorderActive)',
380
+ colorPaletteHotPinkBorder1: 'var(--colorPaletteHotPinkBorder1)',
381
+ colorPaletteHotPinkBorder2: 'var(--colorPaletteHotPinkBorder2)',
382
+ colorPaletteHotPinkForeground1: 'var(--colorPaletteHotPinkForeground1)',
383
+ colorPaletteHotPinkForeground2: 'var(--colorPaletteHotPinkForeground2)',
384
+ colorPaletteHotPinkForeground3: 'var(--colorPaletteHotPinkForeground3)',
385
+ // Color palette lavender tokens
386
+ colorPaletteLavenderBackground1: 'var(--colorPaletteLavenderBackground1)',
387
+ colorPaletteLavenderBackground2: 'var(--colorPaletteLavenderBackground2)',
388
+ colorPaletteLavenderBackground3: 'var(--colorPaletteLavenderBackground3)',
389
+ colorPaletteLavenderBorderActive: 'var(--colorPaletteLavenderBorderActive)',
390
+ colorPaletteLavenderBorder1: 'var(--colorPaletteLavenderBorder1)',
391
+ colorPaletteLavenderBorder2: 'var(--colorPaletteLavenderBorder2)',
392
+ colorPaletteLavenderForeground1: 'var(--colorPaletteLavenderForeground1)',
393
+ colorPaletteLavenderForeground2: 'var(--colorPaletteLavenderForeground2)',
394
+ colorPaletteLavenderForeground3: 'var(--colorPaletteLavenderForeground3)',
395
+ // Color palette light blue tokens
396
+ colorPaletteLightBlueBackground1: 'var(--colorPaletteLightBlueBackground1)',
397
+ colorPaletteLightBlueBackground2: 'var(--colorPaletteLightBlueBackground2)',
398
+ colorPaletteLightBlueBackground3: 'var(--colorPaletteLightBlueBackground3)',
399
+ colorPaletteLightBlueBorderActive: 'var(--colorPaletteLightBlueBorderActive)',
400
+ colorPaletteLightBlueBorder1: 'var(--colorPaletteLightBlueBorder1)',
401
+ colorPaletteLightBlueBorder2: 'var(--colorPaletteLightBlueBorder2)',
402
+ colorPaletteLightBlueForeground1: 'var(--colorPaletteLightBlueForeground1)',
403
+ colorPaletteLightBlueForeground2: 'var(--colorPaletteLightBlueForeground2)',
404
+ colorPaletteLightBlueForeground3: 'var(--colorPaletteLightBlueForeground3)',
405
+ // Color palette light green tokens
406
+ colorPaletteLightGreenBackground1: 'var(--colorPaletteLightGreenBackground1)',
407
+ colorPaletteLightGreenBackground2: 'var(--colorPaletteLightGreenBackground2)',
408
+ colorPaletteLightGreenBackground3: 'var(--colorPaletteLightGreenBackground3)',
409
+ colorPaletteLightGreenBorderActive: 'var(--colorPaletteLightGreenBorderActive)',
410
+ colorPaletteLightGreenBorder1: 'var(--colorPaletteLightGreenBorder1)',
411
+ colorPaletteLightGreenBorder2: 'var(--colorPaletteLightGreenBorder2)',
412
+ colorPaletteLightGreenForeground1: 'var(--colorPaletteLightGreenForeground1)',
413
+ colorPaletteLightGreenForeground2: 'var(--colorPaletteLightGreenForeground2)',
414
+ colorPaletteLightGreenForeground3: 'var(--colorPaletteLightGreenForeground3)',
415
+ // Color palette light teal tokens
416
+ colorPaletteLightTealBackground1: 'var(--colorPaletteLightTealBackground1)',
417
+ colorPaletteLightTealBackground2: 'var(--colorPaletteLightTealBackground2)',
418
+ colorPaletteLightTealBackground3: 'var(--colorPaletteLightTealBackground3)',
419
+ colorPaletteLightTealBorderActive: 'var(--colorPaletteLightTealBorderActive)',
420
+ colorPaletteLightTealBorder1: 'var(--colorPaletteLightTealBorder1)',
421
+ colorPaletteLightTealBorder2: 'var(--colorPaletteLightTealBorder2)',
422
+ colorPaletteLightTealForeground1: 'var(--colorPaletteLightTealForeground1)',
423
+ colorPaletteLightTealForeground2: 'var(--colorPaletteLightTealForeground2)',
424
+ colorPaletteLightTealForeground3: 'var(--colorPaletteLightTealForeground3)',
425
+ // Color palette lilac tokens
426
+ colorPaletteLilacBackground1: 'var(--colorPaletteLilacBackground1)',
427
+ colorPaletteLilacBackground2: 'var(--colorPaletteLilacBackground2)',
428
+ colorPaletteLilacBackground3: 'var(--colorPaletteLilacBackground3)',
429
+ colorPaletteLilacBorderActive: 'var(--colorPaletteLilacBorderActive)',
430
+ colorPaletteLilacBorder1: 'var(--colorPaletteLilacBorder1)',
431
+ colorPaletteLilacBorder2: 'var(--colorPaletteLilacBorder2)',
432
+ colorPaletteLilacForeground1: 'var(--colorPaletteLilacForeground1)',
433
+ colorPaletteLilacForeground2: 'var(--colorPaletteLilacForeground2)',
434
+ colorPaletteLilacForeground3: 'var(--colorPaletteLilacForeground3)',
435
+ // Color palette lime tokens
436
+ colorPaletteLimeBackground1: 'var(--colorPaletteLimeBackground1)',
437
+ colorPaletteLimeBackground2: 'var(--colorPaletteLimeBackground2)',
438
+ colorPaletteLimeBackground3: 'var(--colorPaletteLimeBackground3)',
439
+ colorPaletteLimeBorderActive: 'var(--colorPaletteLimeBorderActive)',
440
+ colorPaletteLimeBorder1: 'var(--colorPaletteLimeBorder1)',
441
+ colorPaletteLimeBorder2: 'var(--colorPaletteLimeBorder2)',
442
+ colorPaletteLimeForeground1: 'var(--colorPaletteLimeForeground1)',
443
+ colorPaletteLimeForeground2: 'var(--colorPaletteLimeForeground2)',
444
+ colorPaletteLimeForeground3: 'var(--colorPaletteLimeForeground3)',
445
+ // Color palette magenta tokens
446
+ colorPaletteMagentaBackground1: 'var(--colorPaletteMagentaBackground1)',
447
+ colorPaletteMagentaBackground2: 'var(--colorPaletteMagentaBackground2)',
448
+ colorPaletteMagentaBackground3: 'var(--colorPaletteMagentaBackground3)',
449
+ colorPaletteMagentaBorderActive: 'var(--colorPaletteMagentaBorderActive)',
450
+ colorPaletteMagentaBorder1: 'var(--colorPaletteMagentaBorder1)',
451
+ colorPaletteMagentaBorder2: 'var(--colorPaletteMagentaBorder2)',
452
+ colorPaletteMagentaForeground1: 'var(--colorPaletteMagentaForeground1)',
453
+ colorPaletteMagentaForeground2: 'var(--colorPaletteMagentaForeground2)',
454
+ colorPaletteMagentaForeground3: 'var(--colorPaletteMagentaForeground3)',
455
+ // Color palette marigold tokens
456
+ colorPaletteMarigoldBackground1: 'var(--colorPaletteMarigoldBackground1)',
457
+ colorPaletteMarigoldBackground2: 'var(--colorPaletteMarigoldBackground2)',
458
+ colorPaletteMarigoldBackground3: 'var(--colorPaletteMarigoldBackground3)',
459
+ colorPaletteMarigoldBorderActive: 'var(--colorPaletteMarigoldBorderActive)',
460
+ colorPaletteMarigoldBorder1: 'var(--colorPaletteMarigoldBorder1)',
461
+ colorPaletteMarigoldBorder2: 'var(--colorPaletteMarigoldBorder2)',
462
+ colorPaletteMarigoldForeground1: 'var(--colorPaletteMarigoldForeground1)',
463
+ colorPaletteMarigoldForeground2: 'var(--colorPaletteMarigoldForeground2)',
464
+ colorPaletteMarigoldForeground3: 'var(--colorPaletteMarigoldForeground3)',
465
+ // Color palette mink tokens
466
+ colorPaletteMinkBackground1: 'var(--colorPaletteMinkBackground1)',
467
+ colorPaletteMinkBackground2: 'var(--colorPaletteMinkBackground2)',
468
+ colorPaletteMinkBackground3: 'var(--colorPaletteMinkBackground3)',
469
+ colorPaletteMinkBorderActive: 'var(--colorPaletteMinkBorderActive)',
470
+ colorPaletteMinkBorder1: 'var(--colorPaletteMinkBorder1)',
471
+ colorPaletteMinkBorder2: 'var(--colorPaletteMinkBorder2)',
472
+ colorPaletteMinkForeground1: 'var(--colorPaletteMinkForeground1)',
473
+ colorPaletteMinkForeground2: 'var(--colorPaletteMinkForeground2)',
474
+ colorPaletteMinkForeground3: 'var(--colorPaletteMinkForeground3)',
475
+ // Color palette navy tokens
476
+ colorPaletteNavyBackground1: 'var(--colorPaletteNavyBackground1)',
477
+ colorPaletteNavyBackground2: 'var(--colorPaletteNavyBackground2)',
478
+ colorPaletteNavyBackground3: 'var(--colorPaletteNavyBackground3)',
479
+ colorPaletteNavyBorderActive: 'var(--colorPaletteNavyBorderActive)',
480
+ colorPaletteNavyBorder1: 'var(--colorPaletteNavyBorder1)',
481
+ colorPaletteNavyBorder2: 'var(--colorPaletteNavyBorder2)',
482
+ colorPaletteNavyForeground1: 'var(--colorPaletteNavyForeground1)',
483
+ colorPaletteNavyForeground2: 'var(--colorPaletteNavyForeground2)',
484
+ colorPaletteNavyForeground3: 'var(--colorPaletteNavyForeground3)',
485
+ // Color palette orange tokens
486
+ colorPaletteOrangeBackground1: 'var(--colorPaletteOrangeBackground1)',
487
+ colorPaletteOrangeBackground2: 'var(--colorPaletteOrangeBackground2)',
488
+ colorPaletteOrangeBackground3: 'var(--colorPaletteOrangeBackground3)',
489
+ colorPaletteOrangeBorderActive: 'var(--colorPaletteOrangeBorderActive)',
490
+ colorPaletteOrangeBorder1: 'var(--colorPaletteOrangeBorder1)',
491
+ colorPaletteOrangeBorder2: 'var(--colorPaletteOrangeBorder2)',
492
+ colorPaletteOrangeForeground1: 'var(--colorPaletteOrangeForeground1)',
493
+ colorPaletteOrangeForeground2: 'var(--colorPaletteOrangeForeground2)',
494
+ colorPaletteOrangeForeground3: 'var(--colorPaletteOrangeForeground3)',
495
+ // Color palette orchid tokens
496
+ colorPaletteOrchidBackground1: 'var(--colorPaletteOrchidBackground1)',
497
+ colorPaletteOrchidBackground2: 'var(--colorPaletteOrchidBackground2)',
498
+ colorPaletteOrchidBackground3: 'var(--colorPaletteOrchidBackground3)',
499
+ colorPaletteOrchidBorderActive: 'var(--colorPaletteOrchidBorderActive)',
500
+ colorPaletteOrchidBorder1: 'var(--colorPaletteOrchidBorder1)',
501
+ colorPaletteOrchidBorder2: 'var(--colorPaletteOrchidBorder2)',
502
+ colorPaletteOrchidForeground1: 'var(--colorPaletteOrchidForeground1)',
503
+ colorPaletteOrchidForeground2: 'var(--colorPaletteOrchidForeground2)',
504
+ colorPaletteOrchidForeground3: 'var(--colorPaletteOrchidForeground3)',
505
+ // Color palette peach tokens
506
+ colorPalettePeachBackground1: 'var(--colorPalettePeachBackground1)',
507
+ colorPalettePeachBackground2: 'var(--colorPalettePeachBackground2)',
508
+ colorPalettePeachBackground3: 'var(--colorPalettePeachBackground3)',
509
+ colorPalettePeachBorderActive: 'var(--colorPalettePeachBorderActive)',
510
+ colorPalettePeachBorder1: 'var(--colorPalettePeachBorder1)',
511
+ colorPalettePeachBorder2: 'var(--colorPalettePeachBorder2)',
512
+ colorPalettePeachForeground1: 'var(--colorPalettePeachForeground1)',
513
+ colorPalettePeachForeground2: 'var(--colorPalettePeachForeground2)',
514
+ colorPalettePeachForeground3: 'var(--colorPalettePeachForeground3)',
515
+ // Color palette pink tokens
516
+ colorPalettePinkBackground1: 'var(--colorPalettePinkBackground1)',
517
+ colorPalettePinkBackground2: 'var(--colorPalettePinkBackground2)',
518
+ colorPalettePinkBackground3: 'var(--colorPalettePinkBackground3)',
519
+ colorPalettePinkBorderActive: 'var(--colorPalettePinkBorderActive)',
520
+ colorPalettePinkBorder1: 'var(--colorPalettePinkBorder1)',
521
+ colorPalettePinkBorder2: 'var(--colorPalettePinkBorder2)',
522
+ colorPalettePinkForeground1: 'var(--colorPalettePinkForeground1)',
523
+ colorPalettePinkForeground2: 'var(--colorPalettePinkForeground2)',
524
+ colorPalettePinkForeground3: 'var(--colorPalettePinkForeground3)',
525
+ // Color palette platinum tokens
526
+ colorPalettePlatinumBackground1: 'var(--colorPalettePlatinumBackground1)',
527
+ colorPalettePlatinumBackground2: 'var(--colorPalettePlatinumBackground2)',
528
+ colorPalettePlatinumBackground3: 'var(--colorPalettePlatinumBackground3)',
529
+ colorPalettePlatinumBorderActive: 'var(--colorPalettePlatinumBorderActive)',
530
+ colorPalettePlatinumBorder1: 'var(--colorPalettePlatinumBorder1)',
531
+ colorPalettePlatinumBorder2: 'var(--colorPalettePlatinumBorder2)',
532
+ colorPalettePlatinumForeground1: 'var(--colorPalettePlatinumForeground1)',
533
+ colorPalettePlatinumForeground2: 'var(--colorPalettePlatinumForeground2)',
534
+ colorPalettePlatinumForeground3: 'var(--colorPalettePlatinumForeground3)',
535
+ // Color palette plum tokens
536
+ colorPalettePlumBackground1: 'var(--colorPalettePlumBackground1)',
537
+ colorPalettePlumBackground2: 'var(--colorPalettePlumBackground2)',
538
+ colorPalettePlumBackground3: 'var(--colorPalettePlumBackground3)',
539
+ colorPalettePlumBorderActive: 'var(--colorPalettePlumBorderActive)',
540
+ colorPalettePlumBorder1: 'var(--colorPalettePlumBorder1)',
541
+ colorPalettePlumBorder2: 'var(--colorPalettePlumBorder2)',
542
+ colorPalettePlumForeground1: 'var(--colorPalettePlumForeground1)',
543
+ colorPalettePlumForeground2: 'var(--colorPalettePlumForeground2)',
544
+ colorPalettePlumForeground3: 'var(--colorPalettePlumForeground3)',
545
+ // Color palette pumpkin tokens
546
+ colorPalettePumpkinBackground1: 'var(--colorPalettePumpkinBackground1)',
547
+ colorPalettePumpkinBackground2: 'var(--colorPalettePumpkinBackground2)',
548
+ colorPalettePumpkinBackground3: 'var(--colorPalettePumpkinBackground3)',
549
+ colorPalettePumpkinBorderActive: 'var(--colorPalettePumpkinBorderActive)',
550
+ colorPalettePumpkinBorder1: 'var(--colorPalettePumpkinBorder1)',
551
+ colorPalettePumpkinBorder2: 'var(--colorPalettePumpkinBorder2)',
552
+ colorPalettePumpkinForeground1: 'var(--colorPalettePumpkinForeground1)',
553
+ colorPalettePumpkinForeground2: 'var(--colorPalettePumpkinForeground2)',
554
+ colorPalettePumpkinForeground3: 'var(--colorPalettePumpkinForeground3)',
555
+ // Color palette purple tokens
556
+ colorPalettePurpleBackground1: 'var(--colorPalettePurpleBackground1)',
557
+ colorPalettePurpleBackground2: 'var(--colorPalettePurpleBackground2)',
558
+ colorPalettePurpleBackground3: 'var(--colorPalettePurpleBackground3)',
559
+ colorPalettePurpleBorderActive: 'var(--colorPalettePurpleBorderActive)',
560
+ colorPalettePurpleBorder1: 'var(--colorPalettePurpleBorder1)',
561
+ colorPalettePurpleBorder2: 'var(--colorPalettePurpleBorder2)',
562
+ colorPalettePurpleForeground1: 'var(--colorPalettePurpleForeground1)',
563
+ colorPalettePurpleForeground2: 'var(--colorPalettePurpleForeground2)',
564
+ colorPalettePurpleForeground3: 'var(--colorPalettePurpleForeground3)',
565
+ // Color palette red tokens
566
+ colorPaletteRedBackground1: 'var(--colorPaletteRedBackground1)',
567
+ colorPaletteRedBackground2: 'var(--colorPaletteRedBackground2)',
568
+ colorPaletteRedBackground3: 'var(--colorPaletteRedBackground3)',
569
+ colorPaletteRedBorderActive: 'var(--colorPaletteRedBorderActive)',
570
+ colorPaletteRedBorder1: 'var(--colorPaletteRedBorder1)',
571
+ colorPaletteRedBorder2: 'var(--colorPaletteRedBorder2)',
572
+ colorPaletteRedForeground1: 'var(--colorPaletteRedForeground1)',
573
+ colorPaletteRedForeground2: 'var(--colorPaletteRedForeground2)',
574
+ colorPaletteRedForeground3: 'var(--colorPaletteRedForeground3)',
575
+ // Color palette royal blue tokens
576
+ colorPaletteRoyalBlueBackground1: 'var(--colorPaletteRoyalBlueBackground1)',
577
+ colorPaletteRoyalBlueBackground2: 'var(--colorPaletteRoyalBlueBackground2)',
578
+ colorPaletteRoyalBlueBackground3: 'var(--colorPaletteRoyalBlueBackground3)',
579
+ colorPaletteRoyalBlueBorderActive: 'var(--colorPaletteRoyalBlueBorderActive)',
580
+ colorPaletteRoyalBlueBorder1: 'var(--colorPaletteRoyalBlueBorder1)',
581
+ colorPaletteRoyalBlueBorder2: 'var(--colorPaletteRoyalBlueBorder2)',
582
+ colorPaletteRoyalBlueForeground1: 'var(--colorPaletteRoyalBlueForeground1)',
583
+ colorPaletteRoyalBlueForeground2: 'var(--colorPaletteRoyalBlueForeground2)',
584
+ colorPaletteRoyalBlueForeground3: 'var(--colorPaletteRoyalBlueForeground3)',
585
+ // Color palette seafoam tokens
586
+ colorPaletteSeafoamBackground1: 'var(--colorPaletteSeafoamBackground1)',
587
+ colorPaletteSeafoamBackground2: 'var(--colorPaletteSeafoamBackground2)',
588
+ colorPaletteSeafoamBackground3: 'var(--colorPaletteSeafoamBackground3)',
589
+ colorPaletteSeafoamBorderActive: 'var(--colorPaletteSeafoamBorderActive)',
590
+ colorPaletteSeafoamBorder1: 'var(--colorPaletteSeafoamBorder1)',
591
+ colorPaletteSeafoamBorder2: 'var(--colorPaletteSeafoamBorder2)',
592
+ colorPaletteSeafoamForeground1: 'var(--colorPaletteSeafoamForeground1)',
593
+ colorPaletteSeafoamForeground2: 'var(--colorPaletteSeafoamForeground2)',
594
+ colorPaletteSeafoamForeground3: 'var(--colorPaletteSeafoamForeground3)',
595
+ // Color palette silver tokens
596
+ colorPaletteSilverBackground1: 'var(--colorPaletteSilverBackground1)',
597
+ colorPaletteSilverBackground2: 'var(--colorPaletteSilverBackground2)',
598
+ colorPaletteSilverBackground3: 'var(--colorPaletteSilverBackground3)',
599
+ colorPaletteSilverBorderActive: 'var(--colorPaletteSilverBorderActive)',
600
+ colorPaletteSilverBorder1: 'var(--colorPaletteSilverBorder1)',
601
+ colorPaletteSilverBorder2: 'var(--colorPaletteSilverBorder2)',
602
+ colorPaletteSilverForeground1: 'var(--colorPaletteSilverForeground1)',
603
+ colorPaletteSilverForeground2: 'var(--colorPaletteSilverForeground2)',
604
+ colorPaletteSilverForeground3: 'var(--colorPaletteSilverForeground3)',
605
+ // Color palette steel tokens
606
+ colorPaletteSteelBackground1: 'var(--colorPaletteSteelBackground1)',
607
+ colorPaletteSteelBackground2: 'var(--colorPaletteSteelBackground2)',
608
+ colorPaletteSteelBackground3: 'var(--colorPaletteSteelBackground3)',
609
+ colorPaletteSteelBorderActive: 'var(--colorPaletteSteelBorderActive)',
610
+ colorPaletteSteelBorder1: 'var(--colorPaletteSteelBorder1)',
611
+ colorPaletteSteelBorder2: 'var(--colorPaletteSteelBorder2)',
612
+ colorPaletteSteelForeground1: 'var(--colorPaletteSteelForeground1)',
613
+ colorPaletteSteelForeground2: 'var(--colorPaletteSteelForeground2)',
614
+ colorPaletteSteelForeground3: 'var(--colorPaletteSteelForeground3)',
615
+ // Color palette teal tokens
616
+ colorPaletteTealBackground1: 'var(--colorPaletteTealBackground1)',
617
+ colorPaletteTealBackground2: 'var(--colorPaletteTealBackground2)',
618
+ colorPaletteTealBackground3: 'var(--colorPaletteTealBackground3)',
619
+ colorPaletteTealBorderActive: 'var(--colorPaletteTealBorderActive)',
620
+ colorPaletteTealBorder1: 'var(--colorPaletteTealBorder1)',
621
+ colorPaletteTealBorder2: 'var(--colorPaletteTealBorder2)',
622
+ colorPaletteTealForeground1: 'var(--colorPaletteTealForeground1)',
623
+ colorPaletteTealForeground2: 'var(--colorPaletteTealForeground2)',
624
+ colorPaletteTealForeground3: 'var(--colorPaletteTealForeground3)',
625
+ // Color palette yellow tokens
626
+ colorPaletteYellowBackground1: 'var(--colorPaletteYellowBackground1)',
627
+ colorPaletteYellowBackground2: 'var(--colorPaletteYellowBackground2)',
628
+ colorPaletteYellowBackground3: 'var(--colorPaletteYellowBackground3)',
629
+ colorPaletteYellowBorderActive: 'var(--colorPaletteYellowBorderActive)',
630
+ colorPaletteYellowBorder1: 'var(--colorPaletteYellowBorder1)',
631
+ colorPaletteYellowBorder2: 'var(--colorPaletteYellowBorder2)',
632
+ colorPaletteYellowForeground1: 'var(--colorPaletteYellowForeground1)',
633
+ colorPaletteYellowForeground2: 'var(--colorPaletteYellowForeground2)',
634
+ colorPaletteYellowForeground3: 'var(--colorPaletteYellowForeground3)',
635
+ // Border radius tokens
636
+ borderRadiusNone: 'var(--borderRadiusNone)',
637
+ borderRadiusSmall: 'var(--borderRadiusSmall)',
638
+ borderRadiusMedium: 'var(--borderRadiusMedium)',
639
+ borderRadiusLarge: 'var(--borderRadiusLarge)',
640
+ borderRadiusXLarge: 'var(--borderRadiusXLarge)',
641
+ borderRadiusCircular: 'var(--borderRadiusCircular)',
642
+ // Font family tokens
643
+ fontFamilyBase: 'var(--fontFamilyBase)',
644
+ fontFamilyMonospace: 'var(--fontFamilyMonospace)',
645
+ fontFamilyNumeric: 'var(--fontFamilyNumeric)',
646
+ // Font size tokens
647
+ fontSizeBase100: 'var(--fontSizeBase100)',
648
+ fontSizeBase200: 'var(--fontSizeBase200)',
649
+ fontSizeBase300: 'var(--fontSizeBase300)',
650
+ fontSizeBase400: 'var(--fontSizeBase400)',
651
+ fontSizeBase500: 'var(--fontSizeBase500)',
652
+ fontSizeBase600: 'var(--fontSizeBase600)',
653
+ fontSizeHero700: 'var(--fontSizeHero700)',
654
+ fontSizeHero800: 'var(--fontSizeHero800)',
655
+ fontSizeHero900: 'var(--fontSizeHero900)',
656
+ fontSizeHero1000: 'var(--fontSizeHero1000)',
657
+ // Font weight tokens
658
+ fontWeightRegular: 'var(--fontWeightRegular)',
659
+ fontWeightMedium: 'var(--fontWeightMedium)',
660
+ fontWeightSemibold: 'var(--fontWeightSemibold)',
661
+ // Line height tokens
662
+ lineHeightBase100: 'var(--lineHeightBase100)',
663
+ lineHeightBase200: 'var(--lineHeightBase200)',
664
+ lineHeightBase300: 'var(--lineHeightBase300)',
665
+ lineHeightBase400: 'var(--lineHeightBase400)',
666
+ lineHeightBase500: 'var(--lineHeightBase500)',
667
+ lineHeightBase600: 'var(--lineHeightBase600)',
668
+ lineHeightHero700: 'var(--lineHeightHero700)',
669
+ lineHeightHero800: 'var(--lineHeightHero800)',
670
+ lineHeightHero900: 'var(--lineHeightHero900)',
671
+ lineHeightHero1000: 'var(--lineHeightHero1000)',
672
+ // Shadow tokens
673
+ shadow2: 'var(--shadow2)',
674
+ shadow4: 'var(--shadow4)',
675
+ shadow8: 'var(--shadow8)',
676
+ shadow16: 'var(--shadow16)',
677
+ shadow28: 'var(--shadow28)',
678
+ shadow64: 'var(--shadow64)',
679
+ // Shadow brand tokens
680
+ shadow2Brand: 'var(--shadow2Brand)',
681
+ shadow4Brand: 'var(--shadow4Brand)',
682
+ shadow8Brand: 'var(--shadow8Brand)',
683
+ shadow16Brand: 'var(--shadow16Brand)',
684
+ shadow28Brand: 'var(--shadow28Brand)',
685
+ shadow64Brand: 'var(--shadow64Brand)',
686
+ // Stroke width tokens
687
+ strokeWidthThin: 'var(--strokeWidthThin)',
688
+ strokeWidthThick: 'var(--strokeWidthThick)',
689
+ strokeWidthThicker: 'var(--strokeWidthThicker)',
690
+ strokeWidthThickest: 'var(--strokeWidthThickest)'
691
+ };
692
+ //# sourceMappingURL=tokens.js.map