@fluentui/react-theme 9.0.0-rc.9 → 9.1.0

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 (89) hide show
  1. package/CHANGELOG.json +148 -1
  2. package/CHANGELOG.md +38 -2
  3. package/README.md +60 -2
  4. package/dist/index.d.ts +38 -57
  5. package/lib/alias/darkColor.js +14 -8
  6. package/lib/alias/darkColor.js.map +1 -1
  7. package/lib/alias/darkColorPalette.js +26 -11
  8. package/lib/alias/darkColorPalette.js.map +1 -1
  9. package/lib/alias/highContrastColor.js +8 -2
  10. package/lib/alias/highContrastColor.js.map +1 -1
  11. package/lib/alias/highContrastColorPalette.js +25 -10
  12. package/lib/alias/highContrastColorPalette.js.map +1 -1
  13. package/lib/alias/lightColor.js +7 -1
  14. package/lib/alias/lightColor.js.map +1 -1
  15. package/lib/alias/lightColorPalette.js +28 -11
  16. package/lib/alias/lightColorPalette.js.map +1 -1
  17. package/lib/alias/teamsDarkColor.js +12 -6
  18. package/lib/alias/teamsDarkColor.js.map +1 -1
  19. package/lib/alias/teamsDarkColorPalette.js +26 -11
  20. package/lib/alias/teamsDarkColorPalette.js.map +1 -1
  21. package/lib/global/borderRadius.js.map +1 -1
  22. package/lib/global/brandColors.js.map +1 -1
  23. package/lib/global/colorPalette.js +41 -0
  24. package/lib/global/colorPalette.js.map +1 -0
  25. package/lib/global/colors.js +52 -100
  26. package/lib/global/colors.js.map +1 -1
  27. package/lib/global/curves.js.map +1 -1
  28. package/lib/global/durations.js.map +1 -1
  29. package/lib/global/fonts.js +2 -1
  30. package/lib/global/fonts.js.map +1 -1
  31. package/lib/global/spacings.js.map +1 -1
  32. package/lib/global/strokeWidths.js.map +1 -1
  33. package/lib/global/typographyStyles.js +9 -3
  34. package/lib/global/typographyStyles.js.map +1 -1
  35. package/lib/index.js.map +1 -1
  36. package/lib/sharedColorNames.js +9 -0
  37. package/lib/sharedColorNames.js.map +1 -0
  38. package/lib/themeToTokensObject.js.map +1 -1
  39. package/lib/tokens.js +72 -376
  40. package/lib/tokens.js.map +1 -1
  41. package/lib/types.js.map +1 -1
  42. package/lib/utils/createDarkTheme.js.map +1 -1
  43. package/lib/utils/createHighContrastTheme.js.map +1 -1
  44. package/lib/utils/createLightTheme.js.map +1 -1
  45. package/lib/utils/createTeamsDarkTheme.js.map +1 -1
  46. package/lib/utils/shadows.js.map +1 -1
  47. package/lib-commonjs/alias/darkColor.js +14 -8
  48. package/lib-commonjs/alias/darkColor.js.map +1 -1
  49. package/lib-commonjs/alias/darkColorPalette.js +27 -11
  50. package/lib-commonjs/alias/darkColorPalette.js.map +1 -1
  51. package/lib-commonjs/alias/highContrastColor.js +8 -2
  52. package/lib-commonjs/alias/highContrastColor.js.map +1 -1
  53. package/lib-commonjs/alias/highContrastColorPalette.js +25 -9
  54. package/lib-commonjs/alias/highContrastColorPalette.js.map +1 -1
  55. package/lib-commonjs/alias/lightColor.js +7 -1
  56. package/lib-commonjs/alias/lightColor.js.map +1 -1
  57. package/lib-commonjs/alias/lightColorPalette.js +29 -11
  58. package/lib-commonjs/alias/lightColorPalette.js.map +1 -1
  59. package/lib-commonjs/alias/teamsDarkColor.js +12 -6
  60. package/lib-commonjs/alias/teamsDarkColor.js.map +1 -1
  61. package/lib-commonjs/alias/teamsDarkColorPalette.js +27 -11
  62. package/lib-commonjs/alias/teamsDarkColorPalette.js.map +1 -1
  63. package/lib-commonjs/global/borderRadius.js.map +1 -1
  64. package/lib-commonjs/global/brandColors.js.map +1 -1
  65. package/lib-commonjs/global/colorPalette.js +49 -0
  66. package/lib-commonjs/global/colorPalette.js.map +1 -0
  67. package/lib-commonjs/global/colors.js +54 -101
  68. package/lib-commonjs/global/colors.js.map +1 -1
  69. package/lib-commonjs/global/curves.js.map +1 -1
  70. package/lib-commonjs/global/durations.js.map +1 -1
  71. package/lib-commonjs/global/fonts.js +2 -1
  72. package/lib-commonjs/global/fonts.js.map +1 -1
  73. package/lib-commonjs/global/spacings.js.map +1 -1
  74. package/lib-commonjs/global/strokeWidths.js.map +1 -1
  75. package/lib-commonjs/global/typographyStyles.js +9 -3
  76. package/lib-commonjs/global/typographyStyles.js.map +1 -1
  77. package/lib-commonjs/index.js.map +1 -1
  78. package/lib-commonjs/sharedColorNames.js +16 -0
  79. package/lib-commonjs/sharedColorNames.js.map +1 -0
  80. package/lib-commonjs/themeToTokensObject.js.map +1 -1
  81. package/lib-commonjs/tokens.js +72 -376
  82. package/lib-commonjs/tokens.js.map +1 -1
  83. package/lib-commonjs/utils/createDarkTheme.js.map +1 -1
  84. package/lib-commonjs/utils/createHighContrastTheme.js.map +1 -1
  85. package/lib-commonjs/utils/createLightTheme.js.map +1 -1
  86. package/lib-commonjs/utils/createTeamsDarkTheme.js.map +1 -1
  87. package/lib-commonjs/utils/shadows.js.map +1 -1
  88. package/package.json +4 -5
  89. package/dist/tsdoc-metadata.json +0 -11
@@ -42,6 +42,8 @@ exports.tokens = {
42
42
  colorNeutralForegroundInvertedHover: 'var(--colorNeutralForegroundInvertedHover)',
43
43
  colorNeutralForegroundInvertedPressed: 'var(--colorNeutralForegroundInvertedPressed)',
44
44
  colorNeutralForegroundInvertedSelected: 'var(--colorNeutralForegroundInvertedSelected)',
45
+ colorNeutralForegroundInverted2: 'var(--colorNeutralForegroundInverted2)',
46
+ colorNeutralForegroundStaticInverted: 'var(--colorNeutralForegroundStaticInverted)',
45
47
  colorNeutralForegroundInvertedLink: 'var(--colorNeutralForegroundInvertedLink)',
46
48
  colorNeutralForegroundInvertedLinkHover: 'var(--colorNeutralForegroundInvertedLinkHover)',
47
49
  colorNeutralForegroundInvertedLinkPressed: 'var(--colorNeutralForegroundInvertedLinkPressed)',
@@ -78,6 +80,7 @@ exports.tokens = {
78
80
  colorNeutralBackground5Pressed: 'var(--colorNeutralBackground5Pressed)',
79
81
  colorNeutralBackground5Selected: 'var(--colorNeutralBackground5Selected)',
80
82
  colorNeutralBackground6: 'var(--colorNeutralBackground6)',
83
+ colorNeutralBackgroundStatic: 'var(--colorNeutralBackgroundStatic)',
81
84
  colorNeutralBackgroundInverted: 'var(--colorNeutralBackgroundInverted)',
82
85
  colorSubtleBackground: 'var(--colorSubtleBackground)',
83
86
  colorSubtleBackgroundHover: 'var(--colorSubtleBackgroundHover)',
@@ -149,26 +152,46 @@ exports.tokens = {
149
152
  colorBrandShadowAmbient: 'var(--colorBrandShadowAmbient)',
150
153
  colorBrandShadowKey: 'var(--colorBrandShadowKey)',
151
154
  // Color palette tokens
152
- // Color palette anchor tokens
153
- colorPaletteAnchorBackground1: 'var(--colorPaletteAnchorBackground1)',
154
- colorPaletteAnchorBackground2: 'var(--colorPaletteAnchorBackground2)',
155
- colorPaletteAnchorBackground3: 'var(--colorPaletteAnchorBackground3)',
156
- colorPaletteAnchorBorderActive: 'var(--colorPaletteAnchorBorderActive)',
157
- colorPaletteAnchorBorder1: 'var(--colorPaletteAnchorBorder1)',
158
- colorPaletteAnchorBorder2: 'var(--colorPaletteAnchorBorder2)',
159
- colorPaletteAnchorForeground1: 'var(--colorPaletteAnchorForeground1)',
160
- colorPaletteAnchorForeground2: 'var(--colorPaletteAnchorForeground2)',
161
- colorPaletteAnchorForeground3: 'var(--colorPaletteAnchorForeground3)',
162
- // Color palette beige tokens
163
- colorPaletteBeigeBackground1: 'var(--colorPaletteBeigeBackground1)',
164
- colorPaletteBeigeBackground2: 'var(--colorPaletteBeigeBackground2)',
165
- colorPaletteBeigeBackground3: 'var(--colorPaletteBeigeBackground3)',
166
- colorPaletteBeigeBorderActive: 'var(--colorPaletteBeigeBorderActive)',
167
- colorPaletteBeigeBorder1: 'var(--colorPaletteBeigeBorder1)',
168
- colorPaletteBeigeBorder2: 'var(--colorPaletteBeigeBorder2)',
169
- colorPaletteBeigeForeground1: 'var(--colorPaletteBeigeForeground1)',
170
- colorPaletteBeigeForeground2: 'var(--colorPaletteBeigeForeground2)',
171
- colorPaletteBeigeForeground3: 'var(--colorPaletteBeigeForeground3)',
155
+ // Color palette red tokens
156
+ colorPaletteRedBackground1: 'var(--colorPaletteRedBackground1)',
157
+ colorPaletteRedBackground2: 'var(--colorPaletteRedBackground2)',
158
+ colorPaletteRedBackground3: 'var(--colorPaletteRedBackground3)',
159
+ colorPaletteRedBorderActive: 'var(--colorPaletteRedBorderActive)',
160
+ colorPaletteRedBorder1: 'var(--colorPaletteRedBorder1)',
161
+ colorPaletteRedBorder2: 'var(--colorPaletteRedBorder2)',
162
+ colorPaletteRedForeground1: 'var(--colorPaletteRedForeground1)',
163
+ colorPaletteRedForeground2: 'var(--colorPaletteRedForeground2)',
164
+ colorPaletteRedForeground3: 'var(--colorPaletteRedForeground3)',
165
+ // Color palette green tokens
166
+ colorPaletteGreenBackground1: 'var(--colorPaletteGreenBackground1)',
167
+ colorPaletteGreenBackground2: 'var(--colorPaletteGreenBackground2)',
168
+ colorPaletteGreenBackground3: 'var(--colorPaletteGreenBackground3)',
169
+ colorPaletteGreenBorderActive: 'var(--colorPaletteGreenBorderActive)',
170
+ colorPaletteGreenBorder1: 'var(--colorPaletteGreenBorder1)',
171
+ colorPaletteGreenBorder2: 'var(--colorPaletteGreenBorder2)',
172
+ colorPaletteGreenForeground1: 'var(--colorPaletteGreenForeground1)',
173
+ colorPaletteGreenForeground2: 'var(--colorPaletteGreenForeground2)',
174
+ colorPaletteGreenForeground3: 'var(--colorPaletteGreenForeground3)',
175
+ // Color palette dark orange tokens
176
+ colorPaletteDarkOrangeBackground1: 'var(--colorPaletteDarkOrangeBackground1)',
177
+ colorPaletteDarkOrangeBackground2: 'var(--colorPaletteDarkOrangeBackground2)',
178
+ colorPaletteDarkOrangeBackground3: 'var(--colorPaletteDarkOrangeBackground3)',
179
+ colorPaletteDarkOrangeBorderActive: 'var(--colorPaletteDarkOrangeBorderActive)',
180
+ colorPaletteDarkOrangeBorder1: 'var(--colorPaletteDarkOrangeBorder1)',
181
+ colorPaletteDarkOrangeBorder2: 'var(--colorPaletteDarkOrangeBorder2)',
182
+ colorPaletteDarkOrangeForeground1: 'var(--colorPaletteDarkOrangeForeground1)',
183
+ colorPaletteDarkOrangeForeground2: 'var(--colorPaletteDarkOrangeForeground2)',
184
+ colorPaletteDarkOrangeForeground3: 'var(--colorPaletteDarkOrangeForeground3)',
185
+ // Color palette yellow tokens
186
+ colorPaletteYellowBackground1: 'var(--colorPaletteYellowBackground1)',
187
+ colorPaletteYellowBackground2: 'var(--colorPaletteYellowBackground2)',
188
+ colorPaletteYellowBackground3: 'var(--colorPaletteYellowBackground3)',
189
+ colorPaletteYellowBorderActive: 'var(--colorPaletteYellowBorderActive)',
190
+ colorPaletteYellowBorder1: 'var(--colorPaletteYellowBorder1)',
191
+ colorPaletteYellowBorder2: 'var(--colorPaletteYellowBorder2)',
192
+ colorPaletteYellowForeground1: 'var(--colorPaletteYellowForeground1)',
193
+ colorPaletteYellowForeground2: 'var(--colorPaletteYellowForeground2)',
194
+ colorPaletteYellowForeground3: 'var(--colorPaletteYellowForeground3)',
172
195
  // Color palette berry tokens
173
196
  colorPaletteBerryBackground1: 'var(--colorPaletteBerryBackground1)',
174
197
  colorPaletteBerryBackground2: 'var(--colorPaletteBerryBackground2)',
@@ -179,466 +202,138 @@ exports.tokens = {
179
202
  colorPaletteBerryForeground1: 'var(--colorPaletteBerryForeground1)',
180
203
  colorPaletteBerryForeground2: 'var(--colorPaletteBerryForeground2)',
181
204
  colorPaletteBerryForeground3: 'var(--colorPaletteBerryForeground3)',
205
+ // Color palette marigold tokens
206
+ colorPaletteMarigoldBackground1: 'var(--colorPaletteMarigoldBackground1)',
207
+ colorPaletteMarigoldBackground2: 'var(--colorPaletteMarigoldBackground2)',
208
+ colorPaletteMarigoldBackground3: 'var(--colorPaletteMarigoldBackground3)',
209
+ colorPaletteMarigoldBorderActive: 'var(--colorPaletteMarigoldBorderActive)',
210
+ colorPaletteMarigoldBorder1: 'var(--colorPaletteMarigoldBorder1)',
211
+ colorPaletteMarigoldBorder2: 'var(--colorPaletteMarigoldBorder2)',
212
+ colorPaletteMarigoldForeground1: 'var(--colorPaletteMarigoldForeground1)',
213
+ colorPaletteMarigoldForeground2: 'var(--colorPaletteMarigoldForeground2)',
214
+ colorPaletteMarigoldForeground3: 'var(--colorPaletteMarigoldForeground3)',
215
+ // Color palette light green tokens
216
+ colorPaletteLightGreenBackground1: 'var(--colorPaletteLightGreenBackground1)',
217
+ colorPaletteLightGreenBackground2: 'var(--colorPaletteLightGreenBackground2)',
218
+ colorPaletteLightGreenBackground3: 'var(--colorPaletteLightGreenBackground3)',
219
+ colorPaletteLightGreenBorderActive: 'var(--colorPaletteLightGreenBorderActive)',
220
+ colorPaletteLightGreenBorder1: 'var(--colorPaletteLightGreenBorder1)',
221
+ colorPaletteLightGreenBorder2: 'var(--colorPaletteLightGreenBorder2)',
222
+ colorPaletteLightGreenForeground1: 'var(--colorPaletteLightGreenForeground1)',
223
+ colorPaletteLightGreenForeground2: 'var(--colorPaletteLightGreenForeground2)',
224
+ colorPaletteLightGreenForeground3: 'var(--colorPaletteLightGreenForeground3)',
225
+ // Color palette anchor tokens
226
+ colorPaletteAnchorBackground2: 'var(--colorPaletteAnchorBackground2)',
227
+ colorPaletteAnchorBorderActive: 'var(--colorPaletteAnchorBorderActive)',
228
+ colorPaletteAnchorForeground2: 'var(--colorPaletteAnchorForeground2)',
229
+ // Color palette beige tokens
230
+ colorPaletteBeigeBackground2: 'var(--colorPaletteBeigeBackground2)',
231
+ colorPaletteBeigeBorderActive: 'var(--colorPaletteBeigeBorderActive)',
232
+ colorPaletteBeigeForeground2: 'var(--colorPaletteBeigeForeground2)',
182
233
  // Color palette blue tokens
183
- colorPaletteBlueBackground1: 'var(--colorPaletteBlueBackground1)',
184
234
  colorPaletteBlueBackground2: 'var(--colorPaletteBlueBackground2)',
185
- colorPaletteBlueBackground3: 'var(--colorPaletteBlueBackground3)',
186
235
  colorPaletteBlueBorderActive: 'var(--colorPaletteBlueBorderActive)',
187
- colorPaletteBlueBorder1: 'var(--colorPaletteBlueBorder1)',
188
- colorPaletteBlueBorder2: 'var(--colorPaletteBlueBorder2)',
189
- colorPaletteBlueForeground1: 'var(--colorPaletteBlueForeground1)',
190
236
  colorPaletteBlueForeground2: 'var(--colorPaletteBlueForeground2)',
191
- colorPaletteBlueForeground3: 'var(--colorPaletteBlueForeground3)',
192
237
  // Color palette brass tokens
193
- colorPaletteBrassBackground1: 'var(--colorPaletteBrassBackground1)',
194
238
  colorPaletteBrassBackground2: 'var(--colorPaletteBrassBackground2)',
195
- colorPaletteBrassBackground3: 'var(--colorPaletteBrassBackground3)',
196
239
  colorPaletteBrassBorderActive: 'var(--colorPaletteBrassBorderActive)',
197
- colorPaletteBrassBorder1: 'var(--colorPaletteBrassBorder1)',
198
- colorPaletteBrassBorder2: 'var(--colorPaletteBrassBorder2)',
199
- colorPaletteBrassForeground1: 'var(--colorPaletteBrassForeground1)',
200
240
  colorPaletteBrassForeground2: 'var(--colorPaletteBrassForeground2)',
201
- colorPaletteBrassForeground3: 'var(--colorPaletteBrassForeground3)',
202
- // Color palette bronze tokens
203
- colorPaletteBronzeBackground1: 'var(--colorPaletteBronzeBackground1)',
204
- colorPaletteBronzeBackground2: 'var(--colorPaletteBronzeBackground2)',
205
- colorPaletteBronzeBackground3: 'var(--colorPaletteBronzeBackground3)',
206
- colorPaletteBronzeBorderActive: 'var(--colorPaletteBronzeBorderActive)',
207
- colorPaletteBronzeBorder1: 'var(--colorPaletteBronzeBorder1)',
208
- colorPaletteBronzeBorder2: 'var(--colorPaletteBronzeBorder2)',
209
- colorPaletteBronzeForeground1: 'var(--colorPaletteBronzeForeground1)',
210
- colorPaletteBronzeForeground2: 'var(--colorPaletteBronzeForeground2)',
211
- colorPaletteBronzeForeground3: 'var(--colorPaletteBronzeForeground3)',
212
241
  // Color palette brown tokens
213
- colorPaletteBrownBackground1: 'var(--colorPaletteBrownBackground1)',
214
242
  colorPaletteBrownBackground2: 'var(--colorPaletteBrownBackground2)',
215
- colorPaletteBrownBackground3: 'var(--colorPaletteBrownBackground3)',
216
243
  colorPaletteBrownBorderActive: 'var(--colorPaletteBrownBorderActive)',
217
- colorPaletteBrownBorder1: 'var(--colorPaletteBrownBorder1)',
218
- colorPaletteBrownBorder2: 'var(--colorPaletteBrownBorder2)',
219
- colorPaletteBrownForeground1: 'var(--colorPaletteBrownForeground1)',
220
244
  colorPaletteBrownForeground2: 'var(--colorPaletteBrownForeground2)',
221
- colorPaletteBrownForeground3: 'var(--colorPaletteBrownForeground3)',
222
- // Color palette burgundy tokens
223
- colorPaletteBurgundyBackground1: 'var(--colorPaletteBurgundyBackground1)',
224
- colorPaletteBurgundyBackground2: 'var(--colorPaletteBurgundyBackground2)',
225
- colorPaletteBurgundyBackground3: 'var(--colorPaletteBurgundyBackground3)',
226
- colorPaletteBurgundyBorderActive: 'var(--colorPaletteBurgundyBorderActive)',
227
- colorPaletteBurgundyBorder1: 'var(--colorPaletteBurgundyBorder1)',
228
- colorPaletteBurgundyBorder2: 'var(--colorPaletteBurgundyBorder2)',
229
- colorPaletteBurgundyForeground1: 'var(--colorPaletteBurgundyForeground1)',
230
- colorPaletteBurgundyForeground2: 'var(--colorPaletteBurgundyForeground2)',
231
- colorPaletteBurgundyForeground3: 'var(--colorPaletteBurgundyForeground3)',
232
- // Color palette charcoal tokens
233
- colorPaletteCharcoalBackground1: 'var(--colorPaletteCharcoalBackground1)',
234
- colorPaletteCharcoalBackground2: 'var(--colorPaletteCharcoalBackground2)',
235
- colorPaletteCharcoalBackground3: 'var(--colorPaletteCharcoalBackground3)',
236
- colorPaletteCharcoalBorderActive: 'var(--colorPaletteCharcoalBorderActive)',
237
- colorPaletteCharcoalBorder1: 'var(--colorPaletteCharcoalBorder1)',
238
- colorPaletteCharcoalBorder2: 'var(--colorPaletteCharcoalBorder2)',
239
- colorPaletteCharcoalForeground1: 'var(--colorPaletteCharcoalForeground1)',
240
- colorPaletteCharcoalForeground2: 'var(--colorPaletteCharcoalForeground2)',
241
- colorPaletteCharcoalForeground3: 'var(--colorPaletteCharcoalForeground3)',
242
245
  // Color palette cornflower tokens
243
- colorPaletteCornflowerBackground1: 'var(--colorPaletteCornflowerBackground1)',
244
246
  colorPaletteCornflowerBackground2: 'var(--colorPaletteCornflowerBackground2)',
245
- colorPaletteCornflowerBackground3: 'var(--colorPaletteCornflowerBackground3)',
246
247
  colorPaletteCornflowerBorderActive: 'var(--colorPaletteCornflowerBorderActive)',
247
- colorPaletteCornflowerBorder1: 'var(--colorPaletteCornflowerBorder1)',
248
- colorPaletteCornflowerBorder2: 'var(--colorPaletteCornflowerBorder2)',
249
- colorPaletteCornflowerForeground1: 'var(--colorPaletteCornflowerForeground1)',
250
248
  colorPaletteCornflowerForeground2: 'var(--colorPaletteCornflowerForeground2)',
251
- colorPaletteCornflowerForeground3: 'var(--colorPaletteCornflowerForeground3)',
252
249
  // Color palette cranberry tokens
253
- colorPaletteCranberryBackground1: 'var(--colorPaletteCranberryBackground1)',
254
250
  colorPaletteCranberryBackground2: 'var(--colorPaletteCranberryBackground2)',
255
- colorPaletteCranberryBackground3: 'var(--colorPaletteCranberryBackground3)',
256
251
  colorPaletteCranberryBorderActive: 'var(--colorPaletteCranberryBorderActive)',
257
- colorPaletteCranberryBorder1: 'var(--colorPaletteCranberryBorder1)',
258
- colorPaletteCranberryBorder2: 'var(--colorPaletteCranberryBorder2)',
259
- colorPaletteCranberryForeground1: 'var(--colorPaletteCranberryForeground1)',
260
252
  colorPaletteCranberryForeground2: 'var(--colorPaletteCranberryForeground2)',
261
- colorPaletteCranberryForeground3: 'var(--colorPaletteCranberryForeground3)',
262
- // Color palette cyan tokens
263
- colorPaletteCyanBackground1: 'var(--colorPaletteCyanBackground1)',
264
- colorPaletteCyanBackground2: 'var(--colorPaletteCyanBackground2)',
265
- colorPaletteCyanBackground3: 'var(--colorPaletteCyanBackground3)',
266
- colorPaletteCyanBorderActive: 'var(--colorPaletteCyanBorderActive)',
267
- colorPaletteCyanBorder1: 'var(--colorPaletteCyanBorder1)',
268
- colorPaletteCyanBorder2: 'var(--colorPaletteCyanBorder2)',
269
- colorPaletteCyanForeground1: 'var(--colorPaletteCyanForeground1)',
270
- colorPaletteCyanForeground2: 'var(--colorPaletteCyanForeground2)',
271
- colorPaletteCyanForeground3: 'var(--colorPaletteCyanForeground3)',
272
- // Color palette dark blue tokens
273
- colorPaletteDarkBlueBackground1: 'var(--colorPaletteDarkBlueBackground1)',
274
- colorPaletteDarkBlueBackground2: 'var(--colorPaletteDarkBlueBackground2)',
275
- colorPaletteDarkBlueBackground3: 'var(--colorPaletteDarkBlueBackground3)',
276
- colorPaletteDarkBlueBorderActive: 'var(--colorPaletteDarkBlueBorderActive)',
277
- colorPaletteDarkBlueBorder1: 'var(--colorPaletteDarkBlueBorder1)',
278
- colorPaletteDarkBlueBorder2: 'var(--colorPaletteDarkBlueBorder2)',
279
- colorPaletteDarkBlueForeground1: 'var(--colorPaletteDarkBlueForeground1)',
280
- colorPaletteDarkBlueForeground2: 'var(--colorPaletteDarkBlueForeground2)',
281
- colorPaletteDarkBlueForeground3: 'var(--colorPaletteDarkBlueForeground3)',
282
- // Color palette dark brown tokens
283
- colorPaletteDarkBrownBackground1: 'var(--colorPaletteDarkBrownBackground1)',
284
- colorPaletteDarkBrownBackground2: 'var(--colorPaletteDarkBrownBackground2)',
285
- colorPaletteDarkBrownBackground3: 'var(--colorPaletteDarkBrownBackground3)',
286
- colorPaletteDarkBrownBorderActive: 'var(--colorPaletteDarkBrownBorderActive)',
287
- colorPaletteDarkBrownBorder1: 'var(--colorPaletteDarkBrownBorder1)',
288
- colorPaletteDarkBrownBorder2: 'var(--colorPaletteDarkBrownBorder2)',
289
- colorPaletteDarkBrownForeground1: 'var(--colorPaletteDarkBrownForeground1)',
290
- colorPaletteDarkBrownForeground2: 'var(--colorPaletteDarkBrownForeground2)',
291
- colorPaletteDarkBrownForeground3: 'var(--colorPaletteDarkBrownForeground3)',
292
253
  // Color palette dark green tokens
293
- colorPaletteDarkGreenBackground1: 'var(--colorPaletteDarkGreenBackground1)',
294
254
  colorPaletteDarkGreenBackground2: 'var(--colorPaletteDarkGreenBackground2)',
295
- colorPaletteDarkGreenBackground3: 'var(--colorPaletteDarkGreenBackground3)',
296
255
  colorPaletteDarkGreenBorderActive: 'var(--colorPaletteDarkGreenBorderActive)',
297
- colorPaletteDarkGreenBorder1: 'var(--colorPaletteDarkGreenBorder1)',
298
- colorPaletteDarkGreenBorder2: 'var(--colorPaletteDarkGreenBorder2)',
299
- colorPaletteDarkGreenForeground1: 'var(--colorPaletteDarkGreenForeground1)',
300
256
  colorPaletteDarkGreenForeground2: 'var(--colorPaletteDarkGreenForeground2)',
301
- colorPaletteDarkGreenForeground3: 'var(--colorPaletteDarkGreenForeground3)',
302
- // Color palette dark orange tokens
303
- colorPaletteDarkOrangeBackground1: 'var(--colorPaletteDarkOrangeBackground1)',
304
- colorPaletteDarkOrangeBackground2: 'var(--colorPaletteDarkOrangeBackground2)',
305
- colorPaletteDarkOrangeBackground3: 'var(--colorPaletteDarkOrangeBackground3)',
306
- colorPaletteDarkOrangeBorderActive: 'var(--colorPaletteDarkOrangeBorderActive)',
307
- colorPaletteDarkOrangeBorder1: 'var(--colorPaletteDarkOrangeBorder1)',
308
- colorPaletteDarkOrangeBorder2: 'var(--colorPaletteDarkOrangeBorder2)',
309
- colorPaletteDarkOrangeForeground1: 'var(--colorPaletteDarkOrangeForeground1)',
310
- colorPaletteDarkOrangeForeground2: 'var(--colorPaletteDarkOrangeForeground2)',
311
- colorPaletteDarkOrangeForeground3: 'var(--colorPaletteDarkOrangeForeground3)',
312
- // Color palette dark purple tokens
313
- colorPaletteDarkPurpleBackground1: 'var(--colorPaletteDarkPurpleBackground1)',
314
- colorPaletteDarkPurpleBackground2: 'var(--colorPaletteDarkPurpleBackground2)',
315
- colorPaletteDarkPurpleBackground3: 'var(--colorPaletteDarkPurpleBackground3)',
316
- colorPaletteDarkPurpleBorderActive: 'var(--colorPaletteDarkPurpleBorderActive)',
317
- colorPaletteDarkPurpleBorder1: 'var(--colorPaletteDarkPurpleBorder1)',
318
- colorPaletteDarkPurpleBorder2: 'var(--colorPaletteDarkPurpleBorder2)',
319
- colorPaletteDarkPurpleForeground1: 'var(--colorPaletteDarkPurpleForeground1)',
320
- colorPaletteDarkPurpleForeground2: 'var(--colorPaletteDarkPurpleForeground2)',
321
- colorPaletteDarkPurpleForeground3: 'var(--colorPaletteDarkPurpleForeground3)',
322
257
  // Color palette dark red tokens
323
- colorPaletteDarkRedBackground1: 'var(--colorPaletteDarkRedBackground1)',
324
258
  colorPaletteDarkRedBackground2: 'var(--colorPaletteDarkRedBackground2)',
325
- colorPaletteDarkRedBackground3: 'var(--colorPaletteDarkRedBackground3)',
326
259
  colorPaletteDarkRedBorderActive: 'var(--colorPaletteDarkRedBorderActive)',
327
- colorPaletteDarkRedBorder1: 'var(--colorPaletteDarkRedBorder1)',
328
- colorPaletteDarkRedBorder2: 'var(--colorPaletteDarkRedBorder2)',
329
- colorPaletteDarkRedForeground1: 'var(--colorPaletteDarkRedForeground1)',
330
260
  colorPaletteDarkRedForeground2: 'var(--colorPaletteDarkRedForeground2)',
331
- colorPaletteDarkRedForeground3: 'var(--colorPaletteDarkRedForeground3)',
332
- // Color palette dark teal tokens
333
- colorPaletteDarkTealBackground1: 'var(--colorPaletteDarkTealBackground1)',
334
- colorPaletteDarkTealBackground2: 'var(--colorPaletteDarkTealBackground2)',
335
- colorPaletteDarkTealBackground3: 'var(--colorPaletteDarkTealBackground3)',
336
- colorPaletteDarkTealBorderActive: 'var(--colorPaletteDarkTealBorderActive)',
337
- colorPaletteDarkTealBorder1: 'var(--colorPaletteDarkTealBorder1)',
338
- colorPaletteDarkTealBorder2: 'var(--colorPaletteDarkTealBorder2)',
339
- colorPaletteDarkTealForeground1: 'var(--colorPaletteDarkTealForeground1)',
340
- colorPaletteDarkTealForeground2: 'var(--colorPaletteDarkTealForeground2)',
341
- colorPaletteDarkTealForeground3: 'var(--colorPaletteDarkTealForeground3)',
342
261
  // Color palette forest tokens
343
- colorPaletteForestBackground1: 'var(--colorPaletteForestBackground1)',
344
262
  colorPaletteForestBackground2: 'var(--colorPaletteForestBackground2)',
345
- colorPaletteForestBackground3: 'var(--colorPaletteForestBackground3)',
346
263
  colorPaletteForestBorderActive: 'var(--colorPaletteForestBorderActive)',
347
- colorPaletteForestBorder1: 'var(--colorPaletteForestBorder1)',
348
- colorPaletteForestBorder2: 'var(--colorPaletteForestBorder2)',
349
- colorPaletteForestForeground1: 'var(--colorPaletteForestForeground1)',
350
264
  colorPaletteForestForeground2: 'var(--colorPaletteForestForeground2)',
351
- colorPaletteForestForeground3: 'var(--colorPaletteForestForeground3)',
352
265
  // Color palette gold tokens
353
- colorPaletteGoldBackground1: 'var(--colorPaletteGoldBackground1)',
354
266
  colorPaletteGoldBackground2: 'var(--colorPaletteGoldBackground2)',
355
- colorPaletteGoldBackground3: 'var(--colorPaletteGoldBackground3)',
356
267
  colorPaletteGoldBorderActive: 'var(--colorPaletteGoldBorderActive)',
357
- colorPaletteGoldBorder1: 'var(--colorPaletteGoldBorder1)',
358
- colorPaletteGoldBorder2: 'var(--colorPaletteGoldBorder2)',
359
- colorPaletteGoldForeground1: 'var(--colorPaletteGoldForeground1)',
360
268
  colorPaletteGoldForeground2: 'var(--colorPaletteGoldForeground2)',
361
- colorPaletteGoldForeground3: 'var(--colorPaletteGoldForeground3)',
362
269
  // Color palette grape tokens
363
- colorPaletteGrapeBackground1: 'var(--colorPaletteGrapeBackground1)',
364
270
  colorPaletteGrapeBackground2: 'var(--colorPaletteGrapeBackground2)',
365
- colorPaletteGrapeBackground3: 'var(--colorPaletteGrapeBackground3)',
366
271
  colorPaletteGrapeBorderActive: 'var(--colorPaletteGrapeBorderActive)',
367
- colorPaletteGrapeBorder1: 'var(--colorPaletteGrapeBorder1)',
368
- colorPaletteGrapeBorder2: 'var(--colorPaletteGrapeBorder2)',
369
- colorPaletteGrapeForeground1: 'var(--colorPaletteGrapeForeground1)',
370
272
  colorPaletteGrapeForeground2: 'var(--colorPaletteGrapeForeground2)',
371
- colorPaletteGrapeForeground3: 'var(--colorPaletteGrapeForeground3)',
372
- // Color palette green tokens
373
- colorPaletteGreenBackground1: 'var(--colorPaletteGreenBackground1)',
374
- colorPaletteGreenBackground2: 'var(--colorPaletteGreenBackground2)',
375
- colorPaletteGreenBackground3: 'var(--colorPaletteGreenBackground3)',
376
- colorPaletteGreenBorderActive: 'var(--colorPaletteGreenBorderActive)',
377
- colorPaletteGreenBorder1: 'var(--colorPaletteGreenBorder1)',
378
- colorPaletteGreenBorder2: 'var(--colorPaletteGreenBorder2)',
379
- colorPaletteGreenForeground1: 'var(--colorPaletteGreenForeground1)',
380
- colorPaletteGreenForeground2: 'var(--colorPaletteGreenForeground2)',
381
- colorPaletteGreenForeground3: 'var(--colorPaletteGreenForeground3)',
382
- // Color palette hot pink tokens
383
- colorPaletteHotPinkBackground1: 'var(--colorPaletteHotPinkBackground1)',
384
- colorPaletteHotPinkBackground2: 'var(--colorPaletteHotPinkBackground2)',
385
- colorPaletteHotPinkBackground3: 'var(--colorPaletteHotPinkBackground3)',
386
- colorPaletteHotPinkBorderActive: 'var(--colorPaletteHotPinkBorderActive)',
387
- colorPaletteHotPinkBorder1: 'var(--colorPaletteHotPinkBorder1)',
388
- colorPaletteHotPinkBorder2: 'var(--colorPaletteHotPinkBorder2)',
389
- colorPaletteHotPinkForeground1: 'var(--colorPaletteHotPinkForeground1)',
390
- colorPaletteHotPinkForeground2: 'var(--colorPaletteHotPinkForeground2)',
391
- colorPaletteHotPinkForeground3: 'var(--colorPaletteHotPinkForeground3)',
392
273
  // Color palette lavender tokens
393
- colorPaletteLavenderBackground1: 'var(--colorPaletteLavenderBackground1)',
394
274
  colorPaletteLavenderBackground2: 'var(--colorPaletteLavenderBackground2)',
395
- colorPaletteLavenderBackground3: 'var(--colorPaletteLavenderBackground3)',
396
275
  colorPaletteLavenderBorderActive: 'var(--colorPaletteLavenderBorderActive)',
397
- colorPaletteLavenderBorder1: 'var(--colorPaletteLavenderBorder1)',
398
- colorPaletteLavenderBorder2: 'var(--colorPaletteLavenderBorder2)',
399
- colorPaletteLavenderForeground1: 'var(--colorPaletteLavenderForeground1)',
400
276
  colorPaletteLavenderForeground2: 'var(--colorPaletteLavenderForeground2)',
401
- colorPaletteLavenderForeground3: 'var(--colorPaletteLavenderForeground3)',
402
- // Color palette light blue tokens
403
- colorPaletteLightBlueBackground1: 'var(--colorPaletteLightBlueBackground1)',
404
- colorPaletteLightBlueBackground2: 'var(--colorPaletteLightBlueBackground2)',
405
- colorPaletteLightBlueBackground3: 'var(--colorPaletteLightBlueBackground3)',
406
- colorPaletteLightBlueBorderActive: 'var(--colorPaletteLightBlueBorderActive)',
407
- colorPaletteLightBlueBorder1: 'var(--colorPaletteLightBlueBorder1)',
408
- colorPaletteLightBlueBorder2: 'var(--colorPaletteLightBlueBorder2)',
409
- colorPaletteLightBlueForeground1: 'var(--colorPaletteLightBlueForeground1)',
410
- colorPaletteLightBlueForeground2: 'var(--colorPaletteLightBlueForeground2)',
411
- colorPaletteLightBlueForeground3: 'var(--colorPaletteLightBlueForeground3)',
412
- // Color palette light green tokens
413
- colorPaletteLightGreenBackground1: 'var(--colorPaletteLightGreenBackground1)',
414
- colorPaletteLightGreenBackground2: 'var(--colorPaletteLightGreenBackground2)',
415
- colorPaletteLightGreenBackground3: 'var(--colorPaletteLightGreenBackground3)',
416
- colorPaletteLightGreenBorderActive: 'var(--colorPaletteLightGreenBorderActive)',
417
- colorPaletteLightGreenBorder1: 'var(--colorPaletteLightGreenBorder1)',
418
- colorPaletteLightGreenBorder2: 'var(--colorPaletteLightGreenBorder2)',
419
- colorPaletteLightGreenForeground1: 'var(--colorPaletteLightGreenForeground1)',
420
- colorPaletteLightGreenForeground2: 'var(--colorPaletteLightGreenForeground2)',
421
- colorPaletteLightGreenForeground3: 'var(--colorPaletteLightGreenForeground3)',
422
277
  // Color palette light teal tokens
423
- colorPaletteLightTealBackground1: 'var(--colorPaletteLightTealBackground1)',
424
278
  colorPaletteLightTealBackground2: 'var(--colorPaletteLightTealBackground2)',
425
- colorPaletteLightTealBackground3: 'var(--colorPaletteLightTealBackground3)',
426
279
  colorPaletteLightTealBorderActive: 'var(--colorPaletteLightTealBorderActive)',
427
- colorPaletteLightTealBorder1: 'var(--colorPaletteLightTealBorder1)',
428
- colorPaletteLightTealBorder2: 'var(--colorPaletteLightTealBorder2)',
429
- colorPaletteLightTealForeground1: 'var(--colorPaletteLightTealForeground1)',
430
280
  colorPaletteLightTealForeground2: 'var(--colorPaletteLightTealForeground2)',
431
- colorPaletteLightTealForeground3: 'var(--colorPaletteLightTealForeground3)',
432
281
  // Color palette lilac tokens
433
- colorPaletteLilacBackground1: 'var(--colorPaletteLilacBackground1)',
434
282
  colorPaletteLilacBackground2: 'var(--colorPaletteLilacBackground2)',
435
- colorPaletteLilacBackground3: 'var(--colorPaletteLilacBackground3)',
436
283
  colorPaletteLilacBorderActive: 'var(--colorPaletteLilacBorderActive)',
437
- colorPaletteLilacBorder1: 'var(--colorPaletteLilacBorder1)',
438
- colorPaletteLilacBorder2: 'var(--colorPaletteLilacBorder2)',
439
- colorPaletteLilacForeground1: 'var(--colorPaletteLilacForeground1)',
440
284
  colorPaletteLilacForeground2: 'var(--colorPaletteLilacForeground2)',
441
- colorPaletteLilacForeground3: 'var(--colorPaletteLilacForeground3)',
442
- // Color palette lime tokens
443
- colorPaletteLimeBackground1: 'var(--colorPaletteLimeBackground1)',
444
- colorPaletteLimeBackground2: 'var(--colorPaletteLimeBackground2)',
445
- colorPaletteLimeBackground3: 'var(--colorPaletteLimeBackground3)',
446
- colorPaletteLimeBorderActive: 'var(--colorPaletteLimeBorderActive)',
447
- colorPaletteLimeBorder1: 'var(--colorPaletteLimeBorder1)',
448
- colorPaletteLimeBorder2: 'var(--colorPaletteLimeBorder2)',
449
- colorPaletteLimeForeground1: 'var(--colorPaletteLimeForeground1)',
450
- colorPaletteLimeForeground2: 'var(--colorPaletteLimeForeground2)',
451
- colorPaletteLimeForeground3: 'var(--colorPaletteLimeForeground3)',
452
285
  // Color palette magenta tokens
453
- colorPaletteMagentaBackground1: 'var(--colorPaletteMagentaBackground1)',
454
286
  colorPaletteMagentaBackground2: 'var(--colorPaletteMagentaBackground2)',
455
- colorPaletteMagentaBackground3: 'var(--colorPaletteMagentaBackground3)',
456
287
  colorPaletteMagentaBorderActive: 'var(--colorPaletteMagentaBorderActive)',
457
- colorPaletteMagentaBorder1: 'var(--colorPaletteMagentaBorder1)',
458
- colorPaletteMagentaBorder2: 'var(--colorPaletteMagentaBorder2)',
459
- colorPaletteMagentaForeground1: 'var(--colorPaletteMagentaForeground1)',
460
288
  colorPaletteMagentaForeground2: 'var(--colorPaletteMagentaForeground2)',
461
- colorPaletteMagentaForeground3: 'var(--colorPaletteMagentaForeground3)',
462
- // Color palette marigold tokens
463
- colorPaletteMarigoldBackground1: 'var(--colorPaletteMarigoldBackground1)',
464
- colorPaletteMarigoldBackground2: 'var(--colorPaletteMarigoldBackground2)',
465
- colorPaletteMarigoldBackground3: 'var(--colorPaletteMarigoldBackground3)',
466
- colorPaletteMarigoldBorderActive: 'var(--colorPaletteMarigoldBorderActive)',
467
- colorPaletteMarigoldBorder1: 'var(--colorPaletteMarigoldBorder1)',
468
- colorPaletteMarigoldBorder2: 'var(--colorPaletteMarigoldBorder2)',
469
- colorPaletteMarigoldForeground1: 'var(--colorPaletteMarigoldForeground1)',
470
- colorPaletteMarigoldForeground2: 'var(--colorPaletteMarigoldForeground2)',
471
- colorPaletteMarigoldForeground3: 'var(--colorPaletteMarigoldForeground3)',
472
289
  // Color palette mink tokens
473
- colorPaletteMinkBackground1: 'var(--colorPaletteMinkBackground1)',
474
290
  colorPaletteMinkBackground2: 'var(--colorPaletteMinkBackground2)',
475
- colorPaletteMinkBackground3: 'var(--colorPaletteMinkBackground3)',
476
291
  colorPaletteMinkBorderActive: 'var(--colorPaletteMinkBorderActive)',
477
- colorPaletteMinkBorder1: 'var(--colorPaletteMinkBorder1)',
478
- colorPaletteMinkBorder2: 'var(--colorPaletteMinkBorder2)',
479
- colorPaletteMinkForeground1: 'var(--colorPaletteMinkForeground1)',
480
292
  colorPaletteMinkForeground2: 'var(--colorPaletteMinkForeground2)',
481
- colorPaletteMinkForeground3: 'var(--colorPaletteMinkForeground3)',
482
293
  // Color palette navy tokens
483
- colorPaletteNavyBackground1: 'var(--colorPaletteNavyBackground1)',
484
294
  colorPaletteNavyBackground2: 'var(--colorPaletteNavyBackground2)',
485
- colorPaletteNavyBackground3: 'var(--colorPaletteNavyBackground3)',
486
295
  colorPaletteNavyBorderActive: 'var(--colorPaletteNavyBorderActive)',
487
- colorPaletteNavyBorder1: 'var(--colorPaletteNavyBorder1)',
488
- colorPaletteNavyBorder2: 'var(--colorPaletteNavyBorder2)',
489
- colorPaletteNavyForeground1: 'var(--colorPaletteNavyForeground1)',
490
296
  colorPaletteNavyForeground2: 'var(--colorPaletteNavyForeground2)',
491
- colorPaletteNavyForeground3: 'var(--colorPaletteNavyForeground3)',
492
- // Color palette orange tokens
493
- colorPaletteOrangeBackground1: 'var(--colorPaletteOrangeBackground1)',
494
- colorPaletteOrangeBackground2: 'var(--colorPaletteOrangeBackground2)',
495
- colorPaletteOrangeBackground3: 'var(--colorPaletteOrangeBackground3)',
496
- colorPaletteOrangeBorderActive: 'var(--colorPaletteOrangeBorderActive)',
497
- colorPaletteOrangeBorder1: 'var(--colorPaletteOrangeBorder1)',
498
- colorPaletteOrangeBorder2: 'var(--colorPaletteOrangeBorder2)',
499
- colorPaletteOrangeForeground1: 'var(--colorPaletteOrangeForeground1)',
500
- colorPaletteOrangeForeground2: 'var(--colorPaletteOrangeForeground2)',
501
- colorPaletteOrangeForeground3: 'var(--colorPaletteOrangeForeground3)',
502
- // Color palette orchid tokens
503
- colorPaletteOrchidBackground1: 'var(--colorPaletteOrchidBackground1)',
504
- colorPaletteOrchidBackground2: 'var(--colorPaletteOrchidBackground2)',
505
- colorPaletteOrchidBackground3: 'var(--colorPaletteOrchidBackground3)',
506
- colorPaletteOrchidBorderActive: 'var(--colorPaletteOrchidBorderActive)',
507
- colorPaletteOrchidBorder1: 'var(--colorPaletteOrchidBorder1)',
508
- colorPaletteOrchidBorder2: 'var(--colorPaletteOrchidBorder2)',
509
- colorPaletteOrchidForeground1: 'var(--colorPaletteOrchidForeground1)',
510
- colorPaletteOrchidForeground2: 'var(--colorPaletteOrchidForeground2)',
511
- colorPaletteOrchidForeground3: 'var(--colorPaletteOrchidForeground3)',
512
297
  // Color palette peach tokens
513
- colorPalettePeachBackground1: 'var(--colorPalettePeachBackground1)',
514
298
  colorPalettePeachBackground2: 'var(--colorPalettePeachBackground2)',
515
- colorPalettePeachBackground3: 'var(--colorPalettePeachBackground3)',
516
299
  colorPalettePeachBorderActive: 'var(--colorPalettePeachBorderActive)',
517
- colorPalettePeachBorder1: 'var(--colorPalettePeachBorder1)',
518
- colorPalettePeachBorder2: 'var(--colorPalettePeachBorder2)',
519
- colorPalettePeachForeground1: 'var(--colorPalettePeachForeground1)',
520
300
  colorPalettePeachForeground2: 'var(--colorPalettePeachForeground2)',
521
- colorPalettePeachForeground3: 'var(--colorPalettePeachForeground3)',
522
301
  // Color palette pink tokens
523
- colorPalettePinkBackground1: 'var(--colorPalettePinkBackground1)',
524
302
  colorPalettePinkBackground2: 'var(--colorPalettePinkBackground2)',
525
- colorPalettePinkBackground3: 'var(--colorPalettePinkBackground3)',
526
303
  colorPalettePinkBorderActive: 'var(--colorPalettePinkBorderActive)',
527
- colorPalettePinkBorder1: 'var(--colorPalettePinkBorder1)',
528
- colorPalettePinkBorder2: 'var(--colorPalettePinkBorder2)',
529
- colorPalettePinkForeground1: 'var(--colorPalettePinkForeground1)',
530
304
  colorPalettePinkForeground2: 'var(--colorPalettePinkForeground2)',
531
- colorPalettePinkForeground3: 'var(--colorPalettePinkForeground3)',
532
305
  // Color palette platinum tokens
533
- colorPalettePlatinumBackground1: 'var(--colorPalettePlatinumBackground1)',
534
306
  colorPalettePlatinumBackground2: 'var(--colorPalettePlatinumBackground2)',
535
- colorPalettePlatinumBackground3: 'var(--colorPalettePlatinumBackground3)',
536
307
  colorPalettePlatinumBorderActive: 'var(--colorPalettePlatinumBorderActive)',
537
- colorPalettePlatinumBorder1: 'var(--colorPalettePlatinumBorder1)',
538
- colorPalettePlatinumBorder2: 'var(--colorPalettePlatinumBorder2)',
539
- colorPalettePlatinumForeground1: 'var(--colorPalettePlatinumForeground1)',
540
308
  colorPalettePlatinumForeground2: 'var(--colorPalettePlatinumForeground2)',
541
- colorPalettePlatinumForeground3: 'var(--colorPalettePlatinumForeground3)',
542
309
  // Color palette plum tokens
543
- colorPalettePlumBackground1: 'var(--colorPalettePlumBackground1)',
544
310
  colorPalettePlumBackground2: 'var(--colorPalettePlumBackground2)',
545
- colorPalettePlumBackground3: 'var(--colorPalettePlumBackground3)',
546
311
  colorPalettePlumBorderActive: 'var(--colorPalettePlumBorderActive)',
547
- colorPalettePlumBorder1: 'var(--colorPalettePlumBorder1)',
548
- colorPalettePlumBorder2: 'var(--colorPalettePlumBorder2)',
549
- colorPalettePlumForeground1: 'var(--colorPalettePlumForeground1)',
550
312
  colorPalettePlumForeground2: 'var(--colorPalettePlumForeground2)',
551
- colorPalettePlumForeground3: 'var(--colorPalettePlumForeground3)',
552
313
  // Color palette pumpkin tokens
553
- colorPalettePumpkinBackground1: 'var(--colorPalettePumpkinBackground1)',
554
314
  colorPalettePumpkinBackground2: 'var(--colorPalettePumpkinBackground2)',
555
- colorPalettePumpkinBackground3: 'var(--colorPalettePumpkinBackground3)',
556
315
  colorPalettePumpkinBorderActive: 'var(--colorPalettePumpkinBorderActive)',
557
- colorPalettePumpkinBorder1: 'var(--colorPalettePumpkinBorder1)',
558
- colorPalettePumpkinBorder2: 'var(--colorPalettePumpkinBorder2)',
559
- colorPalettePumpkinForeground1: 'var(--colorPalettePumpkinForeground1)',
560
316
  colorPalettePumpkinForeground2: 'var(--colorPalettePumpkinForeground2)',
561
- colorPalettePumpkinForeground3: 'var(--colorPalettePumpkinForeground3)',
562
317
  // Color palette purple tokens
563
- colorPalettePurpleBackground1: 'var(--colorPalettePurpleBackground1)',
564
318
  colorPalettePurpleBackground2: 'var(--colorPalettePurpleBackground2)',
565
- colorPalettePurpleBackground3: 'var(--colorPalettePurpleBackground3)',
566
319
  colorPalettePurpleBorderActive: 'var(--colorPalettePurpleBorderActive)',
567
- colorPalettePurpleBorder1: 'var(--colorPalettePurpleBorder1)',
568
- colorPalettePurpleBorder2: 'var(--colorPalettePurpleBorder2)',
569
- colorPalettePurpleForeground1: 'var(--colorPalettePurpleForeground1)',
570
320
  colorPalettePurpleForeground2: 'var(--colorPalettePurpleForeground2)',
571
- colorPalettePurpleForeground3: 'var(--colorPalettePurpleForeground3)',
572
- // Color palette red tokens
573
- colorPaletteRedBackground1: 'var(--colorPaletteRedBackground1)',
574
- colorPaletteRedBackground2: 'var(--colorPaletteRedBackground2)',
575
- colorPaletteRedBackground3: 'var(--colorPaletteRedBackground3)',
576
- colorPaletteRedBorderActive: 'var(--colorPaletteRedBorderActive)',
577
- colorPaletteRedBorder1: 'var(--colorPaletteRedBorder1)',
578
- colorPaletteRedBorder2: 'var(--colorPaletteRedBorder2)',
579
- colorPaletteRedForeground1: 'var(--colorPaletteRedForeground1)',
580
- colorPaletteRedForeground2: 'var(--colorPaletteRedForeground2)',
581
- colorPaletteRedForeground3: 'var(--colorPaletteRedForeground3)',
582
321
  // Color palette royal blue tokens
583
- colorPaletteRoyalBlueBackground1: 'var(--colorPaletteRoyalBlueBackground1)',
584
322
  colorPaletteRoyalBlueBackground2: 'var(--colorPaletteRoyalBlueBackground2)',
585
- colorPaletteRoyalBlueBackground3: 'var(--colorPaletteRoyalBlueBackground3)',
586
323
  colorPaletteRoyalBlueBorderActive: 'var(--colorPaletteRoyalBlueBorderActive)',
587
- colorPaletteRoyalBlueBorder1: 'var(--colorPaletteRoyalBlueBorder1)',
588
- colorPaletteRoyalBlueBorder2: 'var(--colorPaletteRoyalBlueBorder2)',
589
- colorPaletteRoyalBlueForeground1: 'var(--colorPaletteRoyalBlueForeground1)',
590
324
  colorPaletteRoyalBlueForeground2: 'var(--colorPaletteRoyalBlueForeground2)',
591
- colorPaletteRoyalBlueForeground3: 'var(--colorPaletteRoyalBlueForeground3)',
592
325
  // Color palette seafoam tokens
593
- colorPaletteSeafoamBackground1: 'var(--colorPaletteSeafoamBackground1)',
594
326
  colorPaletteSeafoamBackground2: 'var(--colorPaletteSeafoamBackground2)',
595
- colorPaletteSeafoamBackground3: 'var(--colorPaletteSeafoamBackground3)',
596
327
  colorPaletteSeafoamBorderActive: 'var(--colorPaletteSeafoamBorderActive)',
597
- colorPaletteSeafoamBorder1: 'var(--colorPaletteSeafoamBorder1)',
598
- colorPaletteSeafoamBorder2: 'var(--colorPaletteSeafoamBorder2)',
599
- colorPaletteSeafoamForeground1: 'var(--colorPaletteSeafoamForeground1)',
600
328
  colorPaletteSeafoamForeground2: 'var(--colorPaletteSeafoamForeground2)',
601
- colorPaletteSeafoamForeground3: 'var(--colorPaletteSeafoamForeground3)',
602
- // Color palette silver tokens
603
- colorPaletteSilverBackground1: 'var(--colorPaletteSilverBackground1)',
604
- colorPaletteSilverBackground2: 'var(--colorPaletteSilverBackground2)',
605
- colorPaletteSilverBackground3: 'var(--colorPaletteSilverBackground3)',
606
- colorPaletteSilverBorderActive: 'var(--colorPaletteSilverBorderActive)',
607
- colorPaletteSilverBorder1: 'var(--colorPaletteSilverBorder1)',
608
- colorPaletteSilverBorder2: 'var(--colorPaletteSilverBorder2)',
609
- colorPaletteSilverForeground1: 'var(--colorPaletteSilverForeground1)',
610
- colorPaletteSilverForeground2: 'var(--colorPaletteSilverForeground2)',
611
- colorPaletteSilverForeground3: 'var(--colorPaletteSilverForeground3)',
612
329
  // Color palette steel tokens
613
- colorPaletteSteelBackground1: 'var(--colorPaletteSteelBackground1)',
614
330
  colorPaletteSteelBackground2: 'var(--colorPaletteSteelBackground2)',
615
- colorPaletteSteelBackground3: 'var(--colorPaletteSteelBackground3)',
616
331
  colorPaletteSteelBorderActive: 'var(--colorPaletteSteelBorderActive)',
617
- colorPaletteSteelBorder1: 'var(--colorPaletteSteelBorder1)',
618
- colorPaletteSteelBorder2: 'var(--colorPaletteSteelBorder2)',
619
- colorPaletteSteelForeground1: 'var(--colorPaletteSteelForeground1)',
620
332
  colorPaletteSteelForeground2: 'var(--colorPaletteSteelForeground2)',
621
- colorPaletteSteelForeground3: 'var(--colorPaletteSteelForeground3)',
622
333
  // Color palette teal tokens
623
- colorPaletteTealBackground1: 'var(--colorPaletteTealBackground1)',
624
334
  colorPaletteTealBackground2: 'var(--colorPaletteTealBackground2)',
625
- colorPaletteTealBackground3: 'var(--colorPaletteTealBackground3)',
626
335
  colorPaletteTealBorderActive: 'var(--colorPaletteTealBorderActive)',
627
- colorPaletteTealBorder1: 'var(--colorPaletteTealBorder1)',
628
- colorPaletteTealBorder2: 'var(--colorPaletteTealBorder2)',
629
- colorPaletteTealForeground1: 'var(--colorPaletteTealForeground1)',
630
336
  colorPaletteTealForeground2: 'var(--colorPaletteTealForeground2)',
631
- colorPaletteTealForeground3: 'var(--colorPaletteTealForeground3)',
632
- // Color palette yellow tokens
633
- colorPaletteYellowBackground1: 'var(--colorPaletteYellowBackground1)',
634
- colorPaletteYellowBackground2: 'var(--colorPaletteYellowBackground2)',
635
- colorPaletteYellowBackground3: 'var(--colorPaletteYellowBackground3)',
636
- colorPaletteYellowBorderActive: 'var(--colorPaletteYellowBorderActive)',
637
- colorPaletteYellowBorder1: 'var(--colorPaletteYellowBorder1)',
638
- colorPaletteYellowBorder2: 'var(--colorPaletteYellowBorder2)',
639
- colorPaletteYellowForeground1: 'var(--colorPaletteYellowForeground1)',
640
- colorPaletteYellowForeground2: 'var(--colorPaletteYellowForeground2)',
641
- colorPaletteYellowForeground3: 'var(--colorPaletteYellowForeground3)',
642
337
  // Border radius tokens
643
338
  borderRadiusNone: 'var(--borderRadiusNone)',
644
339
  borderRadiusSmall: 'var(--borderRadiusSmall)',
@@ -665,6 +360,7 @@ exports.tokens = {
665
360
  fontWeightRegular: 'var(--fontWeightRegular)',
666
361
  fontWeightMedium: 'var(--fontWeightMedium)',
667
362
  fontWeightSemibold: 'var(--fontWeightSemibold)',
363
+ fontWeightBold: 'var(--fontWeightBold)',
668
364
  // Line height tokens
669
365
  lineHeightBase100: 'var(--lineHeightBase100)',
670
366
  lineHeightBase200: 'var(--lineHeightBase200)',