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