@fluentui/react-theme 0.0.0-nightly9edaf68d4420211116.1 → 0.0.0-nightlya0aef7969220220228.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (116) hide show
  1. package/CHANGELOG.json +125 -4
  2. package/CHANGELOG.md +40 -5
  3. package/dist/react-theme.d.ts +74 -74
  4. package/lib/alias/dark.js +46 -43
  5. package/lib/alias/dark.js.map +1 -1
  6. package/lib/alias/highContrast.js +7 -4
  7. package/lib/alias/highContrast.js.map +1 -1
  8. package/lib/alias/light.js +45 -42
  9. package/lib/alias/light.js.map +1 -1
  10. package/lib/alias/teamsDark.js +46 -43
  11. package/lib/alias/teamsDark.js.map +1 -1
  12. package/lib/global/borderRadius.js.map +1 -1
  13. package/lib/global/brandColors.d.ts +1 -0
  14. package/lib/global/brandColors.js +51 -29
  15. package/lib/global/brandColors.js.map +1 -1
  16. package/lib/global/colors.js.map +1 -1
  17. package/lib/global/fonts.js.map +1 -1
  18. package/lib/global/index.js.map +1 -1
  19. package/lib/global/strokeWidths.js.map +1 -1
  20. package/lib/index.d.ts +3 -1
  21. package/lib/index.js +2 -0
  22. package/lib/index.js.map +1 -1
  23. package/lib/themeToTokensObject.d.ts +10 -0
  24. package/lib/themeToTokensObject.js +19 -0
  25. package/lib/themeToTokensObject.js.map +1 -0
  26. package/lib/themes/index.js.map +1 -1
  27. package/lib/themes/teams/darkTheme.js.map +1 -1
  28. package/lib/themes/teams/highContrastTheme.js.map +1 -1
  29. package/lib/themes/teams/index.js.map +1 -1
  30. package/lib/themes/teams/lightTheme.js.map +1 -1
  31. package/lib/themes/web/darkTheme.js.map +1 -1
  32. package/lib/themes/web/highContrastTheme.js.map +1 -1
  33. package/lib/themes/web/index.js.map +1 -1
  34. package/lib/themes/web/lightTheme.js.map +1 -1
  35. package/lib/tokens.d.ts +2 -0
  36. package/lib/tokens.js +687 -0
  37. package/lib/tokens.js.map +1 -0
  38. package/lib/types.d.ts +60 -77
  39. package/lib/types.js.map +1 -1
  40. package/lib/utils/createDarkTheme.js +2 -1
  41. package/lib/utils/createDarkTheme.js.map +1 -1
  42. package/lib/utils/createHighContrastTheme.js +2 -1
  43. package/lib/utils/createHighContrastTheme.js.map +1 -1
  44. package/lib/utils/createLightTheme.js +2 -1
  45. package/lib/utils/createLightTheme.js.map +1 -1
  46. package/lib/utils/createTeamsDarkTheme.js +2 -1
  47. package/lib/utils/createTeamsDarkTheme.js.map +1 -1
  48. package/lib/utils/index.d.ts +0 -2
  49. package/lib/utils/index.js +0 -2
  50. package/lib/utils/index.js.map +1 -1
  51. package/lib/utils/shadows.d.ts +2 -1
  52. package/lib/utils/shadows.js +7 -7
  53. package/lib/utils/shadows.js.map +1 -1
  54. package/lib-commonjs/alias/dark.js +46 -43
  55. package/lib-commonjs/alias/dark.js.map +1 -1
  56. package/lib-commonjs/alias/highContrast.js +6 -3
  57. package/lib-commonjs/alias/highContrast.js.map +1 -1
  58. package/lib-commonjs/alias/light.js +45 -42
  59. package/lib-commonjs/alias/light.js.map +1 -1
  60. package/lib-commonjs/alias/teamsDark.js +46 -43
  61. package/lib-commonjs/alias/teamsDark.js.map +1 -1
  62. package/lib-commonjs/global/borderRadius.js.map +1 -1
  63. package/lib-commonjs/global/brandColors.d.ts +1 -0
  64. package/lib-commonjs/global/brandColors.js +52 -30
  65. package/lib-commonjs/global/brandColors.js.map +1 -1
  66. package/lib-commonjs/global/colors.js.map +1 -1
  67. package/lib-commonjs/global/fonts.js.map +1 -1
  68. package/lib-commonjs/global/index.js.map +1 -1
  69. package/lib-commonjs/global/strokeWidths.js.map +1 -1
  70. package/lib-commonjs/index.d.ts +3 -1
  71. package/lib-commonjs/index.js +19 -0
  72. package/lib-commonjs/index.js.map +1 -1
  73. package/lib-commonjs/themeToTokensObject.d.ts +10 -0
  74. package/lib-commonjs/themeToTokensObject.js +28 -0
  75. package/lib-commonjs/themeToTokensObject.js.map +1 -0
  76. package/lib-commonjs/themes/index.js.map +1 -1
  77. package/lib-commonjs/themes/teams/darkTheme.js.map +1 -1
  78. package/lib-commonjs/themes/teams/highContrastTheme.js.map +1 -1
  79. package/lib-commonjs/themes/teams/index.js.map +1 -1
  80. package/lib-commonjs/themes/teams/lightTheme.js.map +1 -1
  81. package/lib-commonjs/themes/web/darkTheme.js.map +1 -1
  82. package/lib-commonjs/themes/web/highContrastTheme.js.map +1 -1
  83. package/lib-commonjs/themes/web/index.js.map +1 -1
  84. package/lib-commonjs/themes/web/lightTheme.js.map +1 -1
  85. package/lib-commonjs/tokens.d.ts +2 -0
  86. package/lib-commonjs/tokens.js +693 -0
  87. package/lib-commonjs/tokens.js.map +1 -0
  88. package/lib-commonjs/types.d.ts +60 -77
  89. package/lib-commonjs/types.js.map +1 -1
  90. package/lib-commonjs/utils/createDarkTheme.js +2 -1
  91. package/lib-commonjs/utils/createDarkTheme.js.map +1 -1
  92. package/lib-commonjs/utils/createHighContrastTheme.js +2 -1
  93. package/lib-commonjs/utils/createHighContrastTheme.js.map +1 -1
  94. package/lib-commonjs/utils/createLightTheme.js +2 -1
  95. package/lib-commonjs/utils/createLightTheme.js.map +1 -1
  96. package/lib-commonjs/utils/createTeamsDarkTheme.js +2 -1
  97. package/lib-commonjs/utils/createTeamsDarkTheme.js.map +1 -1
  98. package/lib-commonjs/utils/index.d.ts +0 -2
  99. package/lib-commonjs/utils/index.js +0 -12
  100. package/lib-commonjs/utils/index.js.map +1 -1
  101. package/lib-commonjs/utils/shadows.d.ts +2 -1
  102. package/lib-commonjs/utils/shadows.js +7 -7
  103. package/lib-commonjs/utils/shadows.js.map +1 -1
  104. package/package.json +6 -5
  105. package/lib/utils/mergeThemes.d.ts +0 -2
  106. package/lib/utils/mergeThemes.js +0 -15
  107. package/lib/utils/mergeThemes.js.map +0 -1
  108. package/lib/utils/themeToCSSVariables.d.ts +0 -2
  109. package/lib/utils/themeToCSSVariables.js +0 -12
  110. package/lib/utils/themeToCSSVariables.js.map +0 -1
  111. package/lib-commonjs/utils/mergeThemes.d.ts +0 -2
  112. package/lib-commonjs/utils/mergeThemes.js +0 -24
  113. package/lib-commonjs/utils/mergeThemes.js.map +0 -1
  114. package/lib-commonjs/utils/themeToCSSVariables.d.ts +0 -2
  115. package/lib-commonjs/utils/themeToCSSVariables.js +0 -21
  116. package/lib-commonjs/utils/themeToCSSVariables.js.map +0 -1
@@ -0,0 +1,693 @@
1
+ "use strict";
2
+
3
+ Object.defineProperty(exports, "__esModule", {
4
+ value: true
5
+ });
6
+ exports.tokens = void 0;
7
+ exports.tokens = {
8
+ // Color tokens
9
+ colorNeutralForeground1: 'var(--colorNeutralForeground1)',
10
+ colorNeutralForeground1Hover: 'var(--colorNeutralForeground1Hover)',
11
+ colorNeutralForeground1Pressed: 'var(--colorNeutralForeground1Pressed)',
12
+ colorNeutralForeground1Selected: 'var(--colorNeutralForeground1Selected)',
13
+ colorNeutralForeground2: 'var(--colorNeutralForeground2)',
14
+ colorNeutralForeground2Hover: 'var(--colorNeutralForeground2Hover)',
15
+ colorNeutralForeground2Pressed: 'var(--colorNeutralForeground2Pressed)',
16
+ colorNeutralForeground2Selected: 'var(--colorNeutralForeground2Selected)',
17
+ colorNeutralForeground2BrandHover: 'var(--colorNeutralForeground2BrandHover)',
18
+ colorNeutralForeground2BrandPressed: 'var(--colorNeutralForeground2BrandPressed)',
19
+ colorNeutralForeground2BrandSelected: 'var(--colorNeutralForeground2BrandSelected)',
20
+ colorNeutralForeground3: 'var(--colorNeutralForeground3)',
21
+ colorNeutralForeground3Hover: 'var(--colorNeutralForeground3Hover)',
22
+ colorNeutralForeground3Pressed: 'var(--colorNeutralForeground3Pressed)',
23
+ colorNeutralForeground3Selected: 'var(--colorNeutralForeground3Selected)',
24
+ colorNeutralForeground3BrandHover: 'var(--colorNeutralForeground3BrandHover)',
25
+ colorNeutralForeground3BrandPressed: 'var(--colorNeutralForeground3BrandPressed)',
26
+ colorNeutralForeground3BrandSelected: 'var(--colorNeutralForeground3BrandSelected)',
27
+ colorNeutralForeground4: 'var(--colorNeutralForeground4)',
28
+ colorNeutralForegroundDisabled: 'var(--colorNeutralForegroundDisabled)',
29
+ colorBrandForegroundLink: 'var(--colorBrandForegroundLink)',
30
+ colorBrandForegroundLinkHover: 'var(--colorBrandForegroundLinkHover)',
31
+ colorBrandForegroundLinkPressed: 'var(--colorBrandForegroundLinkPressed)',
32
+ colorBrandForegroundLinkSelected: 'var(--colorBrandForegroundLinkSelected)',
33
+ colorCompoundBrandForeground1: 'var(--colorCompoundBrandForeground1)',
34
+ colorCompoundBrandForeground1Hover: 'var(--colorCompoundBrandForeground1Hover)',
35
+ colorCompoundBrandForeground1Pressed: 'var(--colorCompoundBrandForeground1Pressed)',
36
+ colorNeutralForegroundOnBrand: 'var(--colorNeutralForegroundOnBrand)',
37
+ colorNeutralForegroundInverted: 'var(--colorNeutralForegroundInverted)',
38
+ colorNeutralForegroundInvertedHover: 'var(--colorNeutralForegroundInvertedHover)',
39
+ colorNeutralForegroundInvertedPressed: 'var(--colorNeutralForegroundInvertedPressed)',
40
+ colorNeutralForegroundInvertedSelected: 'var(--colorNeutralForegroundInvertedSelected)',
41
+ colorNeutralForegroundInvertedLink: 'var(--colorNeutralForegroundInvertedLink)',
42
+ colorNeutralForegroundInvertedLinkHover: 'var(--colorNeutralForegroundInvertedLinkHover)',
43
+ colorNeutralForegroundInvertedLinkPressed: 'var(--colorNeutralForegroundInvertedLinkPressed)',
44
+ colorNeutralForegroundInvertedLinkSelected: 'var(--colorNeutralForegroundInvertedLinkSelected)',
45
+ colorNeutralForegroundInvertedDisabled: 'var(--colorNeutralForegroundInvertedDisabled)',
46
+ colorBrandForeground1: 'var(--colorBrandForeground1)',
47
+ colorBrandForeground2: 'var(--colorBrandForeground2)',
48
+ colorNeutralForeground1Static: 'var(--colorNeutralForeground1Static)',
49
+ colorBrandForegroundInverted: 'var(--colorBrandForegroundInverted)',
50
+ colorBrandForegroundInvertedHover: 'var(--colorBrandForegroundInvertedHover)',
51
+ colorBrandForegroundInvertedPressed: 'var(--colorBrandForegroundInvertedPressed)',
52
+ colorBrandForegroundOnLight: 'var(--colorBrandForegroundOnLight)',
53
+ colorBrandForegroundOnLightHover: 'var(--colorBrandForegroundOnLightHover)',
54
+ colorBrandForegroundOnLightPressed: 'var(--colorBrandForegroundOnLightPressed)',
55
+ colorBrandForegroundOnLightSelected: 'var(--colorBrandForegroundOnLightSelected)',
56
+ colorNeutralBackground1: 'var(--colorNeutralBackground1)',
57
+ colorNeutralBackground1Hover: 'var(--colorNeutralBackground1Hover)',
58
+ colorNeutralBackground1Pressed: 'var(--colorNeutralBackground1Pressed)',
59
+ colorNeutralBackground1Selected: 'var(--colorNeutralBackground1Selected)',
60
+ colorNeutralBackground2: 'var(--colorNeutralBackground2)',
61
+ colorNeutralBackground2Hover: 'var(--colorNeutralBackground2Hover)',
62
+ colorNeutralBackground2Pressed: 'var(--colorNeutralBackground2Pressed)',
63
+ colorNeutralBackground2Selected: 'var(--colorNeutralBackground2Selected)',
64
+ colorNeutralBackground3: 'var(--colorNeutralBackground3)',
65
+ colorNeutralBackground3Hover: 'var(--colorNeutralBackground3Hover)',
66
+ colorNeutralBackground3Pressed: 'var(--colorNeutralBackground3Pressed)',
67
+ colorNeutralBackground3Selected: 'var(--colorNeutralBackground3Selected)',
68
+ colorNeutralBackground4: 'var(--colorNeutralBackground4)',
69
+ colorNeutralBackground4Hover: 'var(--colorNeutralBackground4Hover)',
70
+ colorNeutralBackground4Pressed: 'var(--colorNeutralBackground4Pressed)',
71
+ colorNeutralBackground4Selected: 'var(--colorNeutralBackground4Selected)',
72
+ colorNeutralBackground5: 'var(--colorNeutralBackground5)',
73
+ colorNeutralBackground5Hover: 'var(--colorNeutralBackground5Hover)',
74
+ colorNeutralBackground5Pressed: 'var(--colorNeutralBackground5Pressed)',
75
+ colorNeutralBackground5Selected: 'var(--colorNeutralBackground5Selected)',
76
+ colorNeutralBackground6: 'var(--colorNeutralBackground6)',
77
+ colorNeutralBackgroundInverted: 'var(--colorNeutralBackgroundInverted)',
78
+ colorSubtleBackground: 'var(--colorSubtleBackground)',
79
+ colorSubtleBackgroundHover: 'var(--colorSubtleBackgroundHover)',
80
+ colorSubtleBackgroundPressed: 'var(--colorSubtleBackgroundPressed)',
81
+ colorSubtleBackgroundSelected: 'var(--colorSubtleBackgroundSelected)',
82
+ colorSubtleBackgroundLightAlphaHover: 'var(--colorSubtleBackgroundLightAlphaHover)',
83
+ colorSubtleBackgroundLightAlphaPressed: 'var(--colorSubtleBackgroundLightAlphaPressed)',
84
+ colorSubtleBackgroundLightAlphaSelected: 'var(--colorSubtleBackgroundLightAlphaSelected)',
85
+ colorSubtleBackgroundInverted: 'var(--colorSubtleBackgroundInverted)',
86
+ colorSubtleBackgroundInvertedHover: 'var(--colorSubtleBackgroundInvertedHover)',
87
+ colorSubtleBackgroundInvertedPressed: 'var(--colorSubtleBackgroundInvertedPressed)',
88
+ colorSubtleBackgroundInvertedSelected: 'var(--colorSubtleBackgroundInvertedSelected)',
89
+ colorTransparentBackground: 'var(--colorTransparentBackground)',
90
+ colorTransparentBackgroundHover: 'var(--colorTransparentBackgroundHover)',
91
+ colorTransparentBackgroundPressed: 'var(--colorTransparentBackgroundPressed)',
92
+ colorTransparentBackgroundSelected: 'var(--colorTransparentBackgroundSelected)',
93
+ colorNeutralBackgroundDisabled: 'var(--colorNeutralBackgroundDisabled)',
94
+ colorNeutralBackgroundInvertedDisabled: 'var(--colorNeutralBackgroundInvertedDisabled)',
95
+ colorNeutralStencil1: 'var(--colorNeutralStencil1)',
96
+ colorNeutralStencil2: 'var(--colorNeutralStencil2)',
97
+ colorBrandBackground: 'var(--colorBrandBackground)',
98
+ colorBrandBackgroundHover: 'var(--colorBrandBackgroundHover)',
99
+ colorBrandBackgroundPressed: 'var(--colorBrandBackgroundPressed)',
100
+ colorBrandBackgroundSelected: 'var(--colorBrandBackgroundSelected)',
101
+ colorCompoundBrandBackground: 'var(--colorCompoundBrandBackground)',
102
+ colorCompoundBrandBackgroundHover: 'var(--colorCompoundBrandBackgroundHover)',
103
+ colorCompoundBrandBackgroundPressed: 'var(--colorCompoundBrandBackgroundPressed)',
104
+ colorBrandBackgroundStatic: 'var(--colorBrandBackgroundStatic)',
105
+ colorBrandBackground2: 'var(--colorBrandBackground2)',
106
+ colorBrandBackgroundInverted: 'var(--colorBrandBackgroundInverted)',
107
+ colorBrandBackgroundInvertedHover: 'var(--colorBrandBackgroundInvertedHover)',
108
+ colorBrandBackgroundInvertedPressed: 'var(--colorBrandBackgroundInvertedPressed)',
109
+ colorBrandBackgroundInvertedSelected: 'var(--colorBrandBackgroundInvertedSelected)',
110
+ colorNeutralStrokeAccessible: 'var(--colorNeutralStrokeAccessible)',
111
+ colorNeutralStrokeAccessibleHover: 'var(--colorNeutralStrokeAccessibleHover)',
112
+ colorNeutralStrokeAccessiblePressed: 'var(--colorNeutralStrokeAccessiblePressed)',
113
+ colorNeutralStrokeAccessibleSelected: 'var(--colorNeutralStrokeAccessibleSelected)',
114
+ colorNeutralStroke1: 'var(--colorNeutralStroke1)',
115
+ colorNeutralStroke1Hover: 'var(--colorNeutralStroke1Hover)',
116
+ colorNeutralStroke1Pressed: 'var(--colorNeutralStroke1Pressed)',
117
+ colorNeutralStroke1Selected: 'var(--colorNeutralStroke1Selected)',
118
+ colorNeutralStroke2: 'var(--colorNeutralStroke2)',
119
+ colorNeutralStroke3: 'var(--colorNeutralStroke3)',
120
+ colorNeutralStrokeOnBrand: 'var(--colorNeutralStrokeOnBrand)',
121
+ colorNeutralStrokeOnBrand2: 'var(--colorNeutralStrokeOnBrand2)',
122
+ colorNeutralStrokeOnBrand2Hover: 'var(--colorNeutralStrokeOnBrand2Hover)',
123
+ colorNeutralStrokeOnBrand2Pressed: 'var(--colorNeutralStrokeOnBrand2Pressed)',
124
+ colorNeutralStrokeOnBrand2Selected: 'var(--colorNeutralStrokeOnBrand2Selected)',
125
+ colorBrandStroke1: 'var(--colorBrandStroke1)',
126
+ colorBrandStroke2: 'var(--colorBrandStroke2)',
127
+ colorCompoundBrandStroke: 'var(--colorCompoundBrandStroke)',
128
+ colorCompoundBrandStrokeHover: 'var(--colorCompoundBrandStrokeHover)',
129
+ colorCompoundBrandStrokePressed: 'var(--colorCompoundBrandStrokePressed)',
130
+ colorNeutralStrokeDisabled: 'var(--colorNeutralStrokeDisabled)',
131
+ colorNeutralStrokeInvertedDisabled: 'var(--colorNeutralStrokeInvertedDisabled)',
132
+ colorTransparentStroke: 'var(--colorTransparentStroke)',
133
+ colorTransparentStrokeInteractive: 'var(--colorTransparentStrokeInteractive)',
134
+ colorTransparentStrokeDisabled: 'var(--colorTransparentStrokeDisabled)',
135
+ colorStrokeFocus1: 'var(--colorStrokeFocus1)',
136
+ colorStrokeFocus2: 'var(--colorStrokeFocus2)',
137
+ colorNeutralShadowAmbient: 'var(--colorNeutralShadowAmbient)',
138
+ colorNeutralShadowKey: 'var(--colorNeutralShadowKey)',
139
+ colorNeutralShadowAmbientLighter: 'var(--colorNeutralShadowAmbientLighter)',
140
+ colorNeutralShadowKeyLighter: 'var(--colorNeutralShadowKeyLighter)',
141
+ colorNeutralShadowAmbientDarker: 'var(--colorNeutralShadowAmbientDarker)',
142
+ colorNeutralShadowKeyDarker: 'var(--colorNeutralShadowKeyDarker)',
143
+ colorBrandShadowAmbient: 'var(--colorBrandShadowAmbient)',
144
+ colorBrandShadowKey: 'var(--colorBrandShadowKey)',
145
+ // 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)',
166
+ // Color palette berry tokens
167
+ colorPaletteBerryBackground1: 'var(--colorPaletteBerryBackground1)',
168
+ colorPaletteBerryBackground2: 'var(--colorPaletteBerryBackground2)',
169
+ colorPaletteBerryBackground3: 'var(--colorPaletteBerryBackground3)',
170
+ colorPaletteBerryBorderActive: 'var(--colorPaletteBerryBorderActive)',
171
+ colorPaletteBerryBorder1: 'var(--colorPaletteBerryBorder1)',
172
+ colorPaletteBerryBorder2: 'var(--colorPaletteBerryBorder2)',
173
+ colorPaletteBerryForeground1: 'var(--colorPaletteBerryForeground1)',
174
+ colorPaletteBerryForeground2: 'var(--colorPaletteBerryForeground2)',
175
+ colorPaletteBerryForeground3: 'var(--colorPaletteBerryForeground3)',
176
+ // Color palette blue tokens
177
+ colorPaletteBlueBackground1: 'var(--colorPaletteBlueBackground1)',
178
+ colorPaletteBlueBackground2: 'var(--colorPaletteBlueBackground2)',
179
+ colorPaletteBlueBackground3: 'var(--colorPaletteBlueBackground3)',
180
+ colorPaletteBlueBorderActive: 'var(--colorPaletteBlueBorderActive)',
181
+ colorPaletteBlueBorder1: 'var(--colorPaletteBlueBorder1)',
182
+ colorPaletteBlueBorder2: 'var(--colorPaletteBlueBorder2)',
183
+ colorPaletteBlueForeground1: 'var(--colorPaletteBlueForeground1)',
184
+ colorPaletteBlueForeground2: 'var(--colorPaletteBlueForeground2)',
185
+ colorPaletteBlueForeground3: 'var(--colorPaletteBlueForeground3)',
186
+ // Color palette brass tokens
187
+ colorPaletteBrassBackground1: 'var(--colorPaletteBrassBackground1)',
188
+ colorPaletteBrassBackground2: 'var(--colorPaletteBrassBackground2)',
189
+ colorPaletteBrassBackground3: 'var(--colorPaletteBrassBackground3)',
190
+ colorPaletteBrassBorderActive: 'var(--colorPaletteBrassBorderActive)',
191
+ colorPaletteBrassBorder1: 'var(--colorPaletteBrassBorder1)',
192
+ colorPaletteBrassBorder2: 'var(--colorPaletteBrassBorder2)',
193
+ colorPaletteBrassForeground1: 'var(--colorPaletteBrassForeground1)',
194
+ 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
+ // Color palette brown tokens
207
+ colorPaletteBrownBackground1: 'var(--colorPaletteBrownBackground1)',
208
+ colorPaletteBrownBackground2: 'var(--colorPaletteBrownBackground2)',
209
+ colorPaletteBrownBackground3: 'var(--colorPaletteBrownBackground3)',
210
+ colorPaletteBrownBorderActive: 'var(--colorPaletteBrownBorderActive)',
211
+ colorPaletteBrownBorder1: 'var(--colorPaletteBrownBorder1)',
212
+ colorPaletteBrownBorder2: 'var(--colorPaletteBrownBorder2)',
213
+ colorPaletteBrownForeground1: 'var(--colorPaletteBrownForeground1)',
214
+ 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
+ // Color palette cornflower tokens
237
+ colorPaletteCornflowerBackground1: 'var(--colorPaletteCornflowerBackground1)',
238
+ colorPaletteCornflowerBackground2: 'var(--colorPaletteCornflowerBackground2)',
239
+ colorPaletteCornflowerBackground3: 'var(--colorPaletteCornflowerBackground3)',
240
+ colorPaletteCornflowerBorderActive: 'var(--colorPaletteCornflowerBorderActive)',
241
+ colorPaletteCornflowerBorder1: 'var(--colorPaletteCornflowerBorder1)',
242
+ colorPaletteCornflowerBorder2: 'var(--colorPaletteCornflowerBorder2)',
243
+ colorPaletteCornflowerForeground1: 'var(--colorPaletteCornflowerForeground1)',
244
+ colorPaletteCornflowerForeground2: 'var(--colorPaletteCornflowerForeground2)',
245
+ colorPaletteCornflowerForeground3: 'var(--colorPaletteCornflowerForeground3)',
246
+ // Color palette cranberry tokens
247
+ colorPaletteCranberryBackground1: 'var(--colorPaletteCranberryBackground1)',
248
+ colorPaletteCranberryBackground2: 'var(--colorPaletteCranberryBackground2)',
249
+ colorPaletteCranberryBackground3: 'var(--colorPaletteCranberryBackground3)',
250
+ colorPaletteCranberryBorderActive: 'var(--colorPaletteCranberryBorderActive)',
251
+ colorPaletteCranberryBorder1: 'var(--colorPaletteCranberryBorder1)',
252
+ colorPaletteCranberryBorder2: 'var(--colorPaletteCranberryBorder2)',
253
+ colorPaletteCranberryForeground1: 'var(--colorPaletteCranberryForeground1)',
254
+ 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
+ // Color palette dark green tokens
287
+ colorPaletteDarkGreenBackground1: 'var(--colorPaletteDarkGreenBackground1)',
288
+ colorPaletteDarkGreenBackground2: 'var(--colorPaletteDarkGreenBackground2)',
289
+ colorPaletteDarkGreenBackground3: 'var(--colorPaletteDarkGreenBackground3)',
290
+ colorPaletteDarkGreenBorderActive: 'var(--colorPaletteDarkGreenBorderActive)',
291
+ colorPaletteDarkGreenBorder1: 'var(--colorPaletteDarkGreenBorder1)',
292
+ colorPaletteDarkGreenBorder2: 'var(--colorPaletteDarkGreenBorder2)',
293
+ colorPaletteDarkGreenForeground1: 'var(--colorPaletteDarkGreenForeground1)',
294
+ 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
+ // Color palette dark red tokens
317
+ colorPaletteDarkRedBackground1: 'var(--colorPaletteDarkRedBackground1)',
318
+ colorPaletteDarkRedBackground2: 'var(--colorPaletteDarkRedBackground2)',
319
+ colorPaletteDarkRedBackground3: 'var(--colorPaletteDarkRedBackground3)',
320
+ colorPaletteDarkRedBorderActive: 'var(--colorPaletteDarkRedBorderActive)',
321
+ colorPaletteDarkRedBorder1: 'var(--colorPaletteDarkRedBorder1)',
322
+ colorPaletteDarkRedBorder2: 'var(--colorPaletteDarkRedBorder2)',
323
+ colorPaletteDarkRedForeground1: 'var(--colorPaletteDarkRedForeground1)',
324
+ 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
+ // Color palette forest tokens
337
+ colorPaletteForestBackground1: 'var(--colorPaletteForestBackground1)',
338
+ colorPaletteForestBackground2: 'var(--colorPaletteForestBackground2)',
339
+ colorPaletteForestBackground3: 'var(--colorPaletteForestBackground3)',
340
+ colorPaletteForestBorderActive: 'var(--colorPaletteForestBorderActive)',
341
+ colorPaletteForestBorder1: 'var(--colorPaletteForestBorder1)',
342
+ colorPaletteForestBorder2: 'var(--colorPaletteForestBorder2)',
343
+ colorPaletteForestForeground1: 'var(--colorPaletteForestForeground1)',
344
+ colorPaletteForestForeground2: 'var(--colorPaletteForestForeground2)',
345
+ colorPaletteForestForeground3: 'var(--colorPaletteForestForeground3)',
346
+ // Color palette gold tokens
347
+ colorPaletteGoldBackground1: 'var(--colorPaletteGoldBackground1)',
348
+ colorPaletteGoldBackground2: 'var(--colorPaletteGoldBackground2)',
349
+ colorPaletteGoldBackground3: 'var(--colorPaletteGoldBackground3)',
350
+ colorPaletteGoldBorderActive: 'var(--colorPaletteGoldBorderActive)',
351
+ colorPaletteGoldBorder1: 'var(--colorPaletteGoldBorder1)',
352
+ colorPaletteGoldBorder2: 'var(--colorPaletteGoldBorder2)',
353
+ colorPaletteGoldForeground1: 'var(--colorPaletteGoldForeground1)',
354
+ colorPaletteGoldForeground2: 'var(--colorPaletteGoldForeground2)',
355
+ colorPaletteGoldForeground3: 'var(--colorPaletteGoldForeground3)',
356
+ // Color palette grape tokens
357
+ colorPaletteGrapeBackground1: 'var(--colorPaletteGrapeBackground1)',
358
+ colorPaletteGrapeBackground2: 'var(--colorPaletteGrapeBackground2)',
359
+ colorPaletteGrapeBackground3: 'var(--colorPaletteGrapeBackground3)',
360
+ colorPaletteGrapeBorderActive: 'var(--colorPaletteGrapeBorderActive)',
361
+ colorPaletteGrapeBorder1: 'var(--colorPaletteGrapeBorder1)',
362
+ colorPaletteGrapeBorder2: 'var(--colorPaletteGrapeBorder2)',
363
+ colorPaletteGrapeForeground1: 'var(--colorPaletteGrapeForeground1)',
364
+ 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
+ // Color palette lavender tokens
387
+ colorPaletteLavenderBackground1: 'var(--colorPaletteLavenderBackground1)',
388
+ colorPaletteLavenderBackground2: 'var(--colorPaletteLavenderBackground2)',
389
+ colorPaletteLavenderBackground3: 'var(--colorPaletteLavenderBackground3)',
390
+ colorPaletteLavenderBorderActive: 'var(--colorPaletteLavenderBorderActive)',
391
+ colorPaletteLavenderBorder1: 'var(--colorPaletteLavenderBorder1)',
392
+ colorPaletteLavenderBorder2: 'var(--colorPaletteLavenderBorder2)',
393
+ colorPaletteLavenderForeground1: 'var(--colorPaletteLavenderForeground1)',
394
+ 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
+ // Color palette light teal tokens
417
+ colorPaletteLightTealBackground1: 'var(--colorPaletteLightTealBackground1)',
418
+ colorPaletteLightTealBackground2: 'var(--colorPaletteLightTealBackground2)',
419
+ colorPaletteLightTealBackground3: 'var(--colorPaletteLightTealBackground3)',
420
+ colorPaletteLightTealBorderActive: 'var(--colorPaletteLightTealBorderActive)',
421
+ colorPaletteLightTealBorder1: 'var(--colorPaletteLightTealBorder1)',
422
+ colorPaletteLightTealBorder2: 'var(--colorPaletteLightTealBorder2)',
423
+ colorPaletteLightTealForeground1: 'var(--colorPaletteLightTealForeground1)',
424
+ colorPaletteLightTealForeground2: 'var(--colorPaletteLightTealForeground2)',
425
+ colorPaletteLightTealForeground3: 'var(--colorPaletteLightTealForeground3)',
426
+ // Color palette lilac tokens
427
+ colorPaletteLilacBackground1: 'var(--colorPaletteLilacBackground1)',
428
+ colorPaletteLilacBackground2: 'var(--colorPaletteLilacBackground2)',
429
+ colorPaletteLilacBackground3: 'var(--colorPaletteLilacBackground3)',
430
+ colorPaletteLilacBorderActive: 'var(--colorPaletteLilacBorderActive)',
431
+ colorPaletteLilacBorder1: 'var(--colorPaletteLilacBorder1)',
432
+ colorPaletteLilacBorder2: 'var(--colorPaletteLilacBorder2)',
433
+ colorPaletteLilacForeground1: 'var(--colorPaletteLilacForeground1)',
434
+ 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
+ // Color palette magenta tokens
447
+ colorPaletteMagentaBackground1: 'var(--colorPaletteMagentaBackground1)',
448
+ colorPaletteMagentaBackground2: 'var(--colorPaletteMagentaBackground2)',
449
+ colorPaletteMagentaBackground3: 'var(--colorPaletteMagentaBackground3)',
450
+ colorPaletteMagentaBorderActive: 'var(--colorPaletteMagentaBorderActive)',
451
+ colorPaletteMagentaBorder1: 'var(--colorPaletteMagentaBorder1)',
452
+ colorPaletteMagentaBorder2: 'var(--colorPaletteMagentaBorder2)',
453
+ colorPaletteMagentaForeground1: 'var(--colorPaletteMagentaForeground1)',
454
+ 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
+ // Color palette mink tokens
467
+ colorPaletteMinkBackground1: 'var(--colorPaletteMinkBackground1)',
468
+ colorPaletteMinkBackground2: 'var(--colorPaletteMinkBackground2)',
469
+ colorPaletteMinkBackground3: 'var(--colorPaletteMinkBackground3)',
470
+ colorPaletteMinkBorderActive: 'var(--colorPaletteMinkBorderActive)',
471
+ colorPaletteMinkBorder1: 'var(--colorPaletteMinkBorder1)',
472
+ colorPaletteMinkBorder2: 'var(--colorPaletteMinkBorder2)',
473
+ colorPaletteMinkForeground1: 'var(--colorPaletteMinkForeground1)',
474
+ colorPaletteMinkForeground2: 'var(--colorPaletteMinkForeground2)',
475
+ colorPaletteMinkForeground3: 'var(--colorPaletteMinkForeground3)',
476
+ // Color palette navy tokens
477
+ colorPaletteNavyBackground1: 'var(--colorPaletteNavyBackground1)',
478
+ colorPaletteNavyBackground2: 'var(--colorPaletteNavyBackground2)',
479
+ colorPaletteNavyBackground3: 'var(--colorPaletteNavyBackground3)',
480
+ colorPaletteNavyBorderActive: 'var(--colorPaletteNavyBorderActive)',
481
+ colorPaletteNavyBorder1: 'var(--colorPaletteNavyBorder1)',
482
+ colorPaletteNavyBorder2: 'var(--colorPaletteNavyBorder2)',
483
+ colorPaletteNavyForeground1: 'var(--colorPaletteNavyForeground1)',
484
+ 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
+ // Color palette peach tokens
507
+ colorPalettePeachBackground1: 'var(--colorPalettePeachBackground1)',
508
+ colorPalettePeachBackground2: 'var(--colorPalettePeachBackground2)',
509
+ colorPalettePeachBackground3: 'var(--colorPalettePeachBackground3)',
510
+ colorPalettePeachBorderActive: 'var(--colorPalettePeachBorderActive)',
511
+ colorPalettePeachBorder1: 'var(--colorPalettePeachBorder1)',
512
+ colorPalettePeachBorder2: 'var(--colorPalettePeachBorder2)',
513
+ colorPalettePeachForeground1: 'var(--colorPalettePeachForeground1)',
514
+ colorPalettePeachForeground2: 'var(--colorPalettePeachForeground2)',
515
+ colorPalettePeachForeground3: 'var(--colorPalettePeachForeground3)',
516
+ // Color palette pink tokens
517
+ colorPalettePinkBackground1: 'var(--colorPalettePinkBackground1)',
518
+ colorPalettePinkBackground2: 'var(--colorPalettePinkBackground2)',
519
+ colorPalettePinkBackground3: 'var(--colorPalettePinkBackground3)',
520
+ colorPalettePinkBorderActive: 'var(--colorPalettePinkBorderActive)',
521
+ colorPalettePinkBorder1: 'var(--colorPalettePinkBorder1)',
522
+ colorPalettePinkBorder2: 'var(--colorPalettePinkBorder2)',
523
+ colorPalettePinkForeground1: 'var(--colorPalettePinkForeground1)',
524
+ colorPalettePinkForeground2: 'var(--colorPalettePinkForeground2)',
525
+ colorPalettePinkForeground3: 'var(--colorPalettePinkForeground3)',
526
+ // Color palette platinum tokens
527
+ colorPalettePlatinumBackground1: 'var(--colorPalettePlatinumBackground1)',
528
+ colorPalettePlatinumBackground2: 'var(--colorPalettePlatinumBackground2)',
529
+ colorPalettePlatinumBackground3: 'var(--colorPalettePlatinumBackground3)',
530
+ colorPalettePlatinumBorderActive: 'var(--colorPalettePlatinumBorderActive)',
531
+ colorPalettePlatinumBorder1: 'var(--colorPalettePlatinumBorder1)',
532
+ colorPalettePlatinumBorder2: 'var(--colorPalettePlatinumBorder2)',
533
+ colorPalettePlatinumForeground1: 'var(--colorPalettePlatinumForeground1)',
534
+ colorPalettePlatinumForeground2: 'var(--colorPalettePlatinumForeground2)',
535
+ colorPalettePlatinumForeground3: 'var(--colorPalettePlatinumForeground3)',
536
+ // Color palette plum tokens
537
+ colorPalettePlumBackground1: 'var(--colorPalettePlumBackground1)',
538
+ colorPalettePlumBackground2: 'var(--colorPalettePlumBackground2)',
539
+ colorPalettePlumBackground3: 'var(--colorPalettePlumBackground3)',
540
+ colorPalettePlumBorderActive: 'var(--colorPalettePlumBorderActive)',
541
+ colorPalettePlumBorder1: 'var(--colorPalettePlumBorder1)',
542
+ colorPalettePlumBorder2: 'var(--colorPalettePlumBorder2)',
543
+ colorPalettePlumForeground1: 'var(--colorPalettePlumForeground1)',
544
+ colorPalettePlumForeground2: 'var(--colorPalettePlumForeground2)',
545
+ colorPalettePlumForeground3: 'var(--colorPalettePlumForeground3)',
546
+ // Color palette pumpkin tokens
547
+ colorPalettePumpkinBackground1: 'var(--colorPalettePumpkinBackground1)',
548
+ colorPalettePumpkinBackground2: 'var(--colorPalettePumpkinBackground2)',
549
+ colorPalettePumpkinBackground3: 'var(--colorPalettePumpkinBackground3)',
550
+ colorPalettePumpkinBorderActive: 'var(--colorPalettePumpkinBorderActive)',
551
+ colorPalettePumpkinBorder1: 'var(--colorPalettePumpkinBorder1)',
552
+ colorPalettePumpkinBorder2: 'var(--colorPalettePumpkinBorder2)',
553
+ colorPalettePumpkinForeground1: 'var(--colorPalettePumpkinForeground1)',
554
+ colorPalettePumpkinForeground2: 'var(--colorPalettePumpkinForeground2)',
555
+ colorPalettePumpkinForeground3: 'var(--colorPalettePumpkinForeground3)',
556
+ // Color palette purple tokens
557
+ colorPalettePurpleBackground1: 'var(--colorPalettePurpleBackground1)',
558
+ colorPalettePurpleBackground2: 'var(--colorPalettePurpleBackground2)',
559
+ colorPalettePurpleBackground3: 'var(--colorPalettePurpleBackground3)',
560
+ colorPalettePurpleBorderActive: 'var(--colorPalettePurpleBorderActive)',
561
+ colorPalettePurpleBorder1: 'var(--colorPalettePurpleBorder1)',
562
+ colorPalettePurpleBorder2: 'var(--colorPalettePurpleBorder2)',
563
+ colorPalettePurpleForeground1: 'var(--colorPalettePurpleForeground1)',
564
+ 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
+ // Color palette royal blue tokens
577
+ colorPaletteRoyalBlueBackground1: 'var(--colorPaletteRoyalBlueBackground1)',
578
+ colorPaletteRoyalBlueBackground2: 'var(--colorPaletteRoyalBlueBackground2)',
579
+ colorPaletteRoyalBlueBackground3: 'var(--colorPaletteRoyalBlueBackground3)',
580
+ colorPaletteRoyalBlueBorderActive: 'var(--colorPaletteRoyalBlueBorderActive)',
581
+ colorPaletteRoyalBlueBorder1: 'var(--colorPaletteRoyalBlueBorder1)',
582
+ colorPaletteRoyalBlueBorder2: 'var(--colorPaletteRoyalBlueBorder2)',
583
+ colorPaletteRoyalBlueForeground1: 'var(--colorPaletteRoyalBlueForeground1)',
584
+ colorPaletteRoyalBlueForeground2: 'var(--colorPaletteRoyalBlueForeground2)',
585
+ colorPaletteRoyalBlueForeground3: 'var(--colorPaletteRoyalBlueForeground3)',
586
+ // Color palette seafoam tokens
587
+ colorPaletteSeafoamBackground1: 'var(--colorPaletteSeafoamBackground1)',
588
+ colorPaletteSeafoamBackground2: 'var(--colorPaletteSeafoamBackground2)',
589
+ colorPaletteSeafoamBackground3: 'var(--colorPaletteSeafoamBackground3)',
590
+ colorPaletteSeafoamBorderActive: 'var(--colorPaletteSeafoamBorderActive)',
591
+ colorPaletteSeafoamBorder1: 'var(--colorPaletteSeafoamBorder1)',
592
+ colorPaletteSeafoamBorder2: 'var(--colorPaletteSeafoamBorder2)',
593
+ colorPaletteSeafoamForeground1: 'var(--colorPaletteSeafoamForeground1)',
594
+ 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
+ // Color palette steel tokens
607
+ colorPaletteSteelBackground1: 'var(--colorPaletteSteelBackground1)',
608
+ colorPaletteSteelBackground2: 'var(--colorPaletteSteelBackground2)',
609
+ colorPaletteSteelBackground3: 'var(--colorPaletteSteelBackground3)',
610
+ colorPaletteSteelBorderActive: 'var(--colorPaletteSteelBorderActive)',
611
+ colorPaletteSteelBorder1: 'var(--colorPaletteSteelBorder1)',
612
+ colorPaletteSteelBorder2: 'var(--colorPaletteSteelBorder2)',
613
+ colorPaletteSteelForeground1: 'var(--colorPaletteSteelForeground1)',
614
+ colorPaletteSteelForeground2: 'var(--colorPaletteSteelForeground2)',
615
+ colorPaletteSteelForeground3: 'var(--colorPaletteSteelForeground3)',
616
+ // Color palette teal tokens
617
+ colorPaletteTealBackground1: 'var(--colorPaletteTealBackground1)',
618
+ colorPaletteTealBackground2: 'var(--colorPaletteTealBackground2)',
619
+ colorPaletteTealBackground3: 'var(--colorPaletteTealBackground3)',
620
+ colorPaletteTealBorderActive: 'var(--colorPaletteTealBorderActive)',
621
+ colorPaletteTealBorder1: 'var(--colorPaletteTealBorder1)',
622
+ colorPaletteTealBorder2: 'var(--colorPaletteTealBorder2)',
623
+ colorPaletteTealForeground1: 'var(--colorPaletteTealForeground1)',
624
+ 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
+ // Border radius tokens
637
+ borderRadiusNone: 'var(--borderRadiusNone)',
638
+ borderRadiusSmall: 'var(--borderRadiusSmall)',
639
+ borderRadiusMedium: 'var(--borderRadiusMedium)',
640
+ borderRadiusLarge: 'var(--borderRadiusLarge)',
641
+ borderRadiusXLarge: 'var(--borderRadiusXLarge)',
642
+ borderRadiusCircular: 'var(--borderRadiusCircular)',
643
+ // Font family tokens
644
+ fontFamilyBase: 'var(--fontFamilyBase)',
645
+ fontFamilyMonospace: 'var(--fontFamilyMonospace)',
646
+ fontFamilyNumeric: 'var(--fontFamilyNumeric)',
647
+ // Font size tokens
648
+ fontSizeBase100: 'var(--fontSizeBase100)',
649
+ fontSizeBase200: 'var(--fontSizeBase200)',
650
+ fontSizeBase300: 'var(--fontSizeBase300)',
651
+ fontSizeBase400: 'var(--fontSizeBase400)',
652
+ fontSizeBase500: 'var(--fontSizeBase500)',
653
+ fontSizeBase600: 'var(--fontSizeBase600)',
654
+ fontSizeHero700: 'var(--fontSizeHero700)',
655
+ fontSizeHero800: 'var(--fontSizeHero800)',
656
+ fontSizeHero900: 'var(--fontSizeHero900)',
657
+ fontSizeHero1000: 'var(--fontSizeHero1000)',
658
+ // Font weight tokens
659
+ fontWeightRegular: 'var(--fontWeightRegular)',
660
+ fontWeightMedium: 'var(--fontWeightMedium)',
661
+ fontWeightSemibold: 'var(--fontWeightSemibold)',
662
+ // Line height tokens
663
+ lineHeightBase100: 'var(--lineHeightBase100)',
664
+ lineHeightBase200: 'var(--lineHeightBase200)',
665
+ lineHeightBase300: 'var(--lineHeightBase300)',
666
+ lineHeightBase400: 'var(--lineHeightBase400)',
667
+ lineHeightBase500: 'var(--lineHeightBase500)',
668
+ lineHeightBase600: 'var(--lineHeightBase600)',
669
+ lineHeightHero700: 'var(--lineHeightHero700)',
670
+ lineHeightHero800: 'var(--lineHeightHero800)',
671
+ lineHeightHero900: 'var(--lineHeightHero900)',
672
+ lineHeightHero1000: 'var(--lineHeightHero1000)',
673
+ // Shadow tokens
674
+ shadow2: 'var(--shadow2)',
675
+ shadow4: 'var(--shadow4)',
676
+ shadow8: 'var(--shadow8)',
677
+ shadow16: 'var(--shadow16)',
678
+ shadow28: 'var(--shadow28)',
679
+ shadow64: 'var(--shadow64)',
680
+ // Shadow brand tokens
681
+ shadow2Brand: 'var(--shadow2Brand)',
682
+ shadow4Brand: 'var(--shadow4Brand)',
683
+ shadow8Brand: 'var(--shadow8Brand)',
684
+ shadow16Brand: 'var(--shadow16Brand)',
685
+ shadow28Brand: 'var(--shadow28Brand)',
686
+ shadow64Brand: 'var(--shadow64Brand)',
687
+ // Stroke width tokens
688
+ strokeWidthThin: 'var(--strokeWidthThin)',
689
+ strokeWidthThick: 'var(--strokeWidthThick)',
690
+ strokeWidthThicker: 'var(--strokeWidthThicker)',
691
+ strokeWidthThickest: 'var(--strokeWidthThickest)'
692
+ };
693
+ //# sourceMappingURL=tokens.js.map