@fluentui/react-theme 0.0.0-nightlyfc5cfdc52420220215.1 → 0.0.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 (192) hide show
  1. package/CHANGELOG.json +224 -6
  2. package/CHANGELOG.md +124 -42
  3. package/dist/index.d.ts +433 -0
  4. package/{lib → dist}/tsdoc-metadata.json +0 -0
  5. package/lib/alias/{dark.js → darkColor.js} +20 -31
  6. package/lib/alias/darkColor.js.map +1 -0
  7. package/lib/alias/darkColorPalette.js +33 -0
  8. package/lib/alias/darkColorPalette.js.map +1 -0
  9. package/lib/alias/{highContrast.js → highContrastColor.js} +8 -19
  10. package/lib/alias/highContrastColor.js.map +1 -0
  11. package/lib/alias/highContrastColorPalette.js +33 -0
  12. package/lib/alias/highContrastColorPalette.js.map +1 -0
  13. package/lib/alias/{light.js → lightColor.js} +9 -20
  14. package/lib/alias/lightColor.js.map +1 -0
  15. package/lib/alias/lightColorPalette.js +33 -0
  16. package/lib/alias/lightColorPalette.js.map +1 -0
  17. package/lib/alias/{teamsDark.js → teamsDarkColor.js} +20 -31
  18. package/lib/alias/teamsDarkColor.js.map +1 -0
  19. package/lib/alias/teamsDarkColorPalette.js +33 -0
  20. package/lib/alias/teamsDarkColorPalette.js.map +1 -0
  21. package/lib/global/borderRadius.js.map +1 -1
  22. package/lib/global/brandColors.js +16 -16
  23. package/lib/global/brandColors.js.map +1 -1
  24. package/lib/global/colors.js +45 -27
  25. package/lib/global/colors.js.map +1 -1
  26. package/lib/global/curves.js +12 -0
  27. package/lib/global/curves.js.map +1 -0
  28. package/lib/global/durations.js +10 -0
  29. package/lib/global/durations.js.map +1 -0
  30. package/lib/global/fonts.js.map +1 -1
  31. package/lib/global/index.js +5 -0
  32. package/lib/global/index.js.map +1 -1
  33. package/lib/global/spacings.js +40 -0
  34. package/lib/global/spacings.js.map +1 -0
  35. package/lib/global/strokeWidths.js.map +1 -1
  36. package/lib/global/typographyStyles.js +104 -0
  37. package/lib/global/typographyStyles.js.map +1 -0
  38. package/lib/index.js +3 -2
  39. package/lib/index.js.map +1 -1
  40. package/lib/themeToTokensObject.js.map +1 -1
  41. package/lib/themes/index.js.map +1 -1
  42. package/lib/themes/teams/darkTheme.js.map +1 -1
  43. package/lib/themes/teams/highContrastTheme.js.map +1 -1
  44. package/lib/themes/teams/index.js.map +1 -1
  45. package/lib/themes/teams/lightTheme.js.map +1 -1
  46. package/lib/themes/web/darkTheme.js.map +1 -1
  47. package/lib/themes/web/index.js +0 -1
  48. package/lib/themes/web/index.js.map +1 -1
  49. package/lib/themes/web/lightTheme.js.map +1 -1
  50. package/lib/tokens.js +116 -377
  51. package/lib/tokens.js.map +1 -1
  52. package/lib/types.js.map +1 -1
  53. package/lib/utils/createDarkTheme.js +9 -1
  54. package/lib/utils/createDarkTheme.js.map +1 -1
  55. package/lib/utils/createHighContrastTheme.js +9 -1
  56. package/lib/utils/createHighContrastTheme.js.map +1 -1
  57. package/lib/utils/createLightTheme.js +9 -1
  58. package/lib/utils/createLightTheme.js.map +1 -1
  59. package/lib/utils/createTeamsDarkTheme.js +9 -1
  60. package/lib/utils/createTeamsDarkTheme.js.map +1 -1
  61. package/lib/utils/index.js.map +1 -1
  62. package/lib/utils/shadows.js.map +1 -1
  63. package/lib-commonjs/alias/{dark.js → darkColor.js} +20 -31
  64. package/lib-commonjs/alias/darkColor.js.map +1 -0
  65. package/lib-commonjs/alias/darkColorPalette.js +41 -0
  66. package/lib-commonjs/alias/darkColorPalette.js.map +1 -0
  67. package/lib-commonjs/alias/{highContrast.js → highContrastColor.js} +8 -19
  68. package/lib-commonjs/alias/highContrastColor.js.map +1 -0
  69. package/lib-commonjs/alias/highContrastColorPalette.js +41 -0
  70. package/lib-commonjs/alias/highContrastColorPalette.js.map +1 -0
  71. package/lib-commonjs/alias/{light.js → lightColor.js} +9 -20
  72. package/lib-commonjs/alias/lightColor.js.map +1 -0
  73. package/lib-commonjs/alias/lightColorPalette.js +41 -0
  74. package/lib-commonjs/alias/lightColorPalette.js.map +1 -0
  75. package/lib-commonjs/alias/{teamsDark.js → teamsDarkColor.js} +20 -31
  76. package/lib-commonjs/alias/teamsDarkColor.js.map +1 -0
  77. package/lib-commonjs/alias/teamsDarkColorPalette.js +41 -0
  78. package/lib-commonjs/alias/teamsDarkColorPalette.js.map +1 -0
  79. package/lib-commonjs/global/borderRadius.js.map +1 -1
  80. package/lib-commonjs/global/brandColors.js +16 -16
  81. package/lib-commonjs/global/brandColors.js.map +1 -1
  82. package/lib-commonjs/global/colors.js +46 -28
  83. package/lib-commonjs/global/colors.js.map +1 -1
  84. package/lib-commonjs/global/curves.js +18 -0
  85. package/lib-commonjs/global/curves.js.map +1 -0
  86. package/lib-commonjs/global/durations.js +16 -0
  87. package/lib-commonjs/global/durations.js.map +1 -0
  88. package/lib-commonjs/global/fonts.js.map +1 -1
  89. package/lib-commonjs/global/index.js +10 -0
  90. package/lib-commonjs/global/index.js.map +1 -1
  91. package/lib-commonjs/global/spacings.js +46 -0
  92. package/lib-commonjs/global/spacings.js.map +1 -0
  93. package/lib-commonjs/global/strokeWidths.js.map +1 -1
  94. package/lib-commonjs/global/typographyStyles.js +112 -0
  95. package/lib-commonjs/global/typographyStyles.js.map +1 -0
  96. package/lib-commonjs/index.js +67 -4
  97. package/lib-commonjs/index.js.map +1 -1
  98. package/lib-commonjs/themeToTokensObject.js.map +1 -1
  99. package/lib-commonjs/themes/index.js.map +1 -1
  100. package/lib-commonjs/themes/teams/darkTheme.js.map +1 -1
  101. package/lib-commonjs/themes/teams/highContrastTheme.js.map +1 -1
  102. package/lib-commonjs/themes/teams/index.js.map +1 -1
  103. package/lib-commonjs/themes/teams/lightTheme.js.map +1 -1
  104. package/lib-commonjs/themes/web/darkTheme.js.map +1 -1
  105. package/lib-commonjs/themes/web/index.js +0 -2
  106. package/lib-commonjs/themes/web/index.js.map +1 -1
  107. package/lib-commonjs/themes/web/lightTheme.js.map +1 -1
  108. package/lib-commonjs/tokens.js +116 -377
  109. package/lib-commonjs/tokens.js.map +1 -1
  110. package/lib-commonjs/types.js.map +1 -1
  111. package/lib-commonjs/utils/createDarkTheme.js +15 -3
  112. package/lib-commonjs/utils/createDarkTheme.js.map +1 -1
  113. package/lib-commonjs/utils/createHighContrastTheme.js +15 -3
  114. package/lib-commonjs/utils/createHighContrastTheme.js.map +1 -1
  115. package/lib-commonjs/utils/createLightTheme.js +15 -3
  116. package/lib-commonjs/utils/createLightTheme.js.map +1 -1
  117. package/lib-commonjs/utils/createTeamsDarkTheme.js +15 -3
  118. package/lib-commonjs/utils/createTeamsDarkTheme.js.map +1 -1
  119. package/lib-commonjs/utils/index.js.map +1 -1
  120. package/lib-commonjs/utils/shadows.js.map +1 -1
  121. package/package.json +14 -12
  122. package/dist/react-theme.d.ts +0 -358
  123. package/lib/alias/dark.d.ts +0 -3
  124. package/lib/alias/dark.js.map +0 -1
  125. package/lib/alias/highContrast.d.ts +0 -3
  126. package/lib/alias/highContrast.js.map +0 -1
  127. package/lib/alias/light.d.ts +0 -3
  128. package/lib/alias/light.js.map +0 -1
  129. package/lib/alias/teamsDark.d.ts +0 -3
  130. package/lib/alias/teamsDark.js.map +0 -1
  131. package/lib/global/borderRadius.d.ts +0 -2
  132. package/lib/global/brandColors.d.ts +0 -4
  133. package/lib/global/colors.d.ts +0 -15
  134. package/lib/global/fonts.d.ts +0 -5
  135. package/lib/global/index.d.ts +0 -4
  136. package/lib/global/strokeWidths.d.ts +0 -2
  137. package/lib/index.d.ts +0 -5
  138. package/lib/themeToTokensObject.d.ts +0 -10
  139. package/lib/themes/index.d.ts +0 -2
  140. package/lib/themes/teams/darkTheme.d.ts +0 -2
  141. package/lib/themes/teams/highContrastTheme.d.ts +0 -2
  142. package/lib/themes/teams/index.d.ts +0 -3
  143. package/lib/themes/teams/lightTheme.d.ts +0 -2
  144. package/lib/themes/web/darkTheme.d.ts +0 -2
  145. package/lib/themes/web/highContrastTheme.d.ts +0 -2
  146. package/lib/themes/web/highContrastTheme.js +0 -3
  147. package/lib/themes/web/highContrastTheme.js.map +0 -1
  148. package/lib/themes/web/index.d.ts +0 -3
  149. package/lib/themes/web/lightTheme.d.ts +0 -2
  150. package/lib/tokens.d.ts +0 -2
  151. package/lib/types.d.ts +0 -342
  152. package/lib/utils/createDarkTheme.d.ts +0 -2
  153. package/lib/utils/createHighContrastTheme.d.ts +0 -2
  154. package/lib/utils/createLightTheme.d.ts +0 -2
  155. package/lib/utils/createTeamsDarkTheme.d.ts +0 -2
  156. package/lib/utils/index.d.ts +0 -4
  157. package/lib/utils/shadows.d.ts +0 -3
  158. package/lib-commonjs/alias/dark.d.ts +0 -3
  159. package/lib-commonjs/alias/dark.js.map +0 -1
  160. package/lib-commonjs/alias/highContrast.d.ts +0 -3
  161. package/lib-commonjs/alias/highContrast.js.map +0 -1
  162. package/lib-commonjs/alias/light.d.ts +0 -3
  163. package/lib-commonjs/alias/light.js.map +0 -1
  164. package/lib-commonjs/alias/teamsDark.d.ts +0 -3
  165. package/lib-commonjs/alias/teamsDark.js.map +0 -1
  166. package/lib-commonjs/global/borderRadius.d.ts +0 -2
  167. package/lib-commonjs/global/brandColors.d.ts +0 -4
  168. package/lib-commonjs/global/colors.d.ts +0 -15
  169. package/lib-commonjs/global/fonts.d.ts +0 -5
  170. package/lib-commonjs/global/index.d.ts +0 -4
  171. package/lib-commonjs/global/strokeWidths.d.ts +0 -2
  172. package/lib-commonjs/index.d.ts +0 -5
  173. package/lib-commonjs/themeToTokensObject.d.ts +0 -10
  174. package/lib-commonjs/themes/index.d.ts +0 -2
  175. package/lib-commonjs/themes/teams/darkTheme.d.ts +0 -2
  176. package/lib-commonjs/themes/teams/highContrastTheme.d.ts +0 -2
  177. package/lib-commonjs/themes/teams/index.d.ts +0 -3
  178. package/lib-commonjs/themes/teams/lightTheme.d.ts +0 -2
  179. package/lib-commonjs/themes/web/darkTheme.d.ts +0 -2
  180. package/lib-commonjs/themes/web/highContrastTheme.d.ts +0 -2
  181. package/lib-commonjs/themes/web/highContrastTheme.js +0 -11
  182. package/lib-commonjs/themes/web/highContrastTheme.js.map +0 -1
  183. package/lib-commonjs/themes/web/index.d.ts +0 -3
  184. package/lib-commonjs/themes/web/lightTheme.d.ts +0 -2
  185. package/lib-commonjs/tokens.d.ts +0 -2
  186. package/lib-commonjs/types.d.ts +0 -342
  187. package/lib-commonjs/utils/createDarkTheme.d.ts +0 -2
  188. package/lib-commonjs/utils/createHighContrastTheme.d.ts +0 -2
  189. package/lib-commonjs/utils/createLightTheme.d.ts +0 -2
  190. package/lib-commonjs/utils/createTeamsDarkTheme.d.ts +0 -2
  191. package/lib-commonjs/utils/index.d.ts +0 -4
  192. package/lib-commonjs/utils/shadows.d.ts +0 -3
@@ -30,6 +30,10 @@ exports.tokens = {
30
30
  colorBrandForegroundLinkHover: 'var(--colorBrandForegroundLinkHover)',
31
31
  colorBrandForegroundLinkPressed: 'var(--colorBrandForegroundLinkPressed)',
32
32
  colorBrandForegroundLinkSelected: 'var(--colorBrandForegroundLinkSelected)',
33
+ colorNeutralForeground2Link: 'var(--colorNeutralForeground2Link)',
34
+ colorNeutralForeground2LinkHover: 'var(--colorNeutralForeground2LinkHover)',
35
+ colorNeutralForeground2LinkPressed: 'var(--colorNeutralForeground2LinkPressed)',
36
+ colorNeutralForeground2LinkSelected: 'var(--colorNeutralForeground2LinkSelected)',
33
37
  colorCompoundBrandForeground1: 'var(--colorCompoundBrandForeground1)',
34
38
  colorCompoundBrandForeground1Hover: 'var(--colorCompoundBrandForeground1Hover)',
35
39
  colorCompoundBrandForeground1Pressed: 'var(--colorCompoundBrandForeground1Pressed)',
@@ -94,6 +98,8 @@ exports.tokens = {
94
98
  colorNeutralBackgroundInvertedDisabled: 'var(--colorNeutralBackgroundInvertedDisabled)',
95
99
  colorNeutralStencil1: 'var(--colorNeutralStencil1)',
96
100
  colorNeutralStencil2: 'var(--colorNeutralStencil2)',
101
+ colorBackgroundOverlay: 'var(--colorBackgroundOverlay)',
102
+ colorScrollbarOverlay: 'var(--colorScrollbarOverlay)',
97
103
  colorBrandBackground: 'var(--colorBrandBackground)',
98
104
  colorBrandBackgroundHover: 'var(--colorBrandBackgroundHover)',
99
105
  colorBrandBackgroundPressed: 'var(--colorBrandBackgroundPressed)',
@@ -143,26 +149,46 @@ exports.tokens = {
143
149
  colorBrandShadowAmbient: 'var(--colorBrandShadowAmbient)',
144
150
  colorBrandShadowKey: 'var(--colorBrandShadowKey)',
145
151
  // 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)',
152
+ // Color palette red tokens
153
+ colorPaletteRedBackground1: 'var(--colorPaletteRedBackground1)',
154
+ colorPaletteRedBackground2: 'var(--colorPaletteRedBackground2)',
155
+ colorPaletteRedBackground3: 'var(--colorPaletteRedBackground3)',
156
+ colorPaletteRedBorderActive: 'var(--colorPaletteRedBorderActive)',
157
+ colorPaletteRedBorder1: 'var(--colorPaletteRedBorder1)',
158
+ colorPaletteRedBorder2: 'var(--colorPaletteRedBorder2)',
159
+ colorPaletteRedForeground1: 'var(--colorPaletteRedForeground1)',
160
+ colorPaletteRedForeground2: 'var(--colorPaletteRedForeground2)',
161
+ colorPaletteRedForeground3: 'var(--colorPaletteRedForeground3)',
162
+ // Color palette green tokens
163
+ colorPaletteGreenBackground1: 'var(--colorPaletteGreenBackground1)',
164
+ colorPaletteGreenBackground2: 'var(--colorPaletteGreenBackground2)',
165
+ colorPaletteGreenBackground3: 'var(--colorPaletteGreenBackground3)',
166
+ colorPaletteGreenBorderActive: 'var(--colorPaletteGreenBorderActive)',
167
+ colorPaletteGreenBorder1: 'var(--colorPaletteGreenBorder1)',
168
+ colorPaletteGreenBorder2: 'var(--colorPaletteGreenBorder2)',
169
+ colorPaletteGreenForeground1: 'var(--colorPaletteGreenForeground1)',
170
+ colorPaletteGreenForeground2: 'var(--colorPaletteGreenForeground2)',
171
+ colorPaletteGreenForeground3: 'var(--colorPaletteGreenForeground3)',
172
+ // Color palette dark orange tokens
173
+ colorPaletteDarkOrangeBackground1: 'var(--colorPaletteDarkOrangeBackground1)',
174
+ colorPaletteDarkOrangeBackground2: 'var(--colorPaletteDarkOrangeBackground2)',
175
+ colorPaletteDarkOrangeBackground3: 'var(--colorPaletteDarkOrangeBackground3)',
176
+ colorPaletteDarkOrangeBorderActive: 'var(--colorPaletteDarkOrangeBorderActive)',
177
+ colorPaletteDarkOrangeBorder1: 'var(--colorPaletteDarkOrangeBorder1)',
178
+ colorPaletteDarkOrangeBorder2: 'var(--colorPaletteDarkOrangeBorder2)',
179
+ colorPaletteDarkOrangeForeground1: 'var(--colorPaletteDarkOrangeForeground1)',
180
+ colorPaletteDarkOrangeForeground2: 'var(--colorPaletteDarkOrangeForeground2)',
181
+ colorPaletteDarkOrangeForeground3: 'var(--colorPaletteDarkOrangeForeground3)',
182
+ // Color palette yellow tokens
183
+ colorPaletteYellowBackground1: 'var(--colorPaletteYellowBackground1)',
184
+ colorPaletteYellowBackground2: 'var(--colorPaletteYellowBackground2)',
185
+ colorPaletteYellowBackground3: 'var(--colorPaletteYellowBackground3)',
186
+ colorPaletteYellowBorderActive: 'var(--colorPaletteYellowBorderActive)',
187
+ colorPaletteYellowBorder1: 'var(--colorPaletteYellowBorder1)',
188
+ colorPaletteYellowBorder2: 'var(--colorPaletteYellowBorder2)',
189
+ colorPaletteYellowForeground1: 'var(--colorPaletteYellowForeground1)',
190
+ colorPaletteYellowForeground2: 'var(--colorPaletteYellowForeground2)',
191
+ colorPaletteYellowForeground3: 'var(--colorPaletteYellowForeground3)',
166
192
  // Color palette berry tokens
167
193
  colorPaletteBerryBackground1: 'var(--colorPaletteBerryBackground1)',
168
194
  colorPaletteBerryBackground2: 'var(--colorPaletteBerryBackground2)',
@@ -173,466 +199,138 @@ exports.tokens = {
173
199
  colorPaletteBerryForeground1: 'var(--colorPaletteBerryForeground1)',
174
200
  colorPaletteBerryForeground2: 'var(--colorPaletteBerryForeground2)',
175
201
  colorPaletteBerryForeground3: 'var(--colorPaletteBerryForeground3)',
202
+ // Color palette marigold tokens
203
+ colorPaletteMarigoldBackground1: 'var(--colorPaletteMarigoldBackground1)',
204
+ colorPaletteMarigoldBackground2: 'var(--colorPaletteMarigoldBackground2)',
205
+ colorPaletteMarigoldBackground3: 'var(--colorPaletteMarigoldBackground3)',
206
+ colorPaletteMarigoldBorderActive: 'var(--colorPaletteMarigoldBorderActive)',
207
+ colorPaletteMarigoldBorder1: 'var(--colorPaletteMarigoldBorder1)',
208
+ colorPaletteMarigoldBorder2: 'var(--colorPaletteMarigoldBorder2)',
209
+ colorPaletteMarigoldForeground1: 'var(--colorPaletteMarigoldForeground1)',
210
+ colorPaletteMarigoldForeground2: 'var(--colorPaletteMarigoldForeground2)',
211
+ colorPaletteMarigoldForeground3: 'var(--colorPaletteMarigoldForeground3)',
212
+ // Color palette light green tokens
213
+ colorPaletteLightGreenBackground1: 'var(--colorPaletteLightGreenBackground1)',
214
+ colorPaletteLightGreenBackground2: 'var(--colorPaletteLightGreenBackground2)',
215
+ colorPaletteLightGreenBackground3: 'var(--colorPaletteLightGreenBackground3)',
216
+ colorPaletteLightGreenBorderActive: 'var(--colorPaletteLightGreenBorderActive)',
217
+ colorPaletteLightGreenBorder1: 'var(--colorPaletteLightGreenBorder1)',
218
+ colorPaletteLightGreenBorder2: 'var(--colorPaletteLightGreenBorder2)',
219
+ colorPaletteLightGreenForeground1: 'var(--colorPaletteLightGreenForeground1)',
220
+ colorPaletteLightGreenForeground2: 'var(--colorPaletteLightGreenForeground2)',
221
+ colorPaletteLightGreenForeground3: 'var(--colorPaletteLightGreenForeground3)',
222
+ // Color palette anchor tokens
223
+ colorPaletteAnchorBackground2: 'var(--colorPaletteAnchorBackground2)',
224
+ colorPaletteAnchorBorderActive: 'var(--colorPaletteAnchorBorderActive)',
225
+ colorPaletteAnchorForeground2: 'var(--colorPaletteAnchorForeground2)',
226
+ // Color palette beige tokens
227
+ colorPaletteBeigeBackground2: 'var(--colorPaletteBeigeBackground2)',
228
+ colorPaletteBeigeBorderActive: 'var(--colorPaletteBeigeBorderActive)',
229
+ colorPaletteBeigeForeground2: 'var(--colorPaletteBeigeForeground2)',
176
230
  // Color palette blue tokens
177
- colorPaletteBlueBackground1: 'var(--colorPaletteBlueBackground1)',
178
231
  colorPaletteBlueBackground2: 'var(--colorPaletteBlueBackground2)',
179
- colorPaletteBlueBackground3: 'var(--colorPaletteBlueBackground3)',
180
232
  colorPaletteBlueBorderActive: 'var(--colorPaletteBlueBorderActive)',
181
- colorPaletteBlueBorder1: 'var(--colorPaletteBlueBorder1)',
182
- colorPaletteBlueBorder2: 'var(--colorPaletteBlueBorder2)',
183
- colorPaletteBlueForeground1: 'var(--colorPaletteBlueForeground1)',
184
233
  colorPaletteBlueForeground2: 'var(--colorPaletteBlueForeground2)',
185
- colorPaletteBlueForeground3: 'var(--colorPaletteBlueForeground3)',
186
234
  // Color palette brass tokens
187
- colorPaletteBrassBackground1: 'var(--colorPaletteBrassBackground1)',
188
235
  colorPaletteBrassBackground2: 'var(--colorPaletteBrassBackground2)',
189
- colorPaletteBrassBackground3: 'var(--colorPaletteBrassBackground3)',
190
236
  colorPaletteBrassBorderActive: 'var(--colorPaletteBrassBorderActive)',
191
- colorPaletteBrassBorder1: 'var(--colorPaletteBrassBorder1)',
192
- colorPaletteBrassBorder2: 'var(--colorPaletteBrassBorder2)',
193
- colorPaletteBrassForeground1: 'var(--colorPaletteBrassForeground1)',
194
237
  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
238
  // Color palette brown tokens
207
- colorPaletteBrownBackground1: 'var(--colorPaletteBrownBackground1)',
208
239
  colorPaletteBrownBackground2: 'var(--colorPaletteBrownBackground2)',
209
- colorPaletteBrownBackground3: 'var(--colorPaletteBrownBackground3)',
210
240
  colorPaletteBrownBorderActive: 'var(--colorPaletteBrownBorderActive)',
211
- colorPaletteBrownBorder1: 'var(--colorPaletteBrownBorder1)',
212
- colorPaletteBrownBorder2: 'var(--colorPaletteBrownBorder2)',
213
- colorPaletteBrownForeground1: 'var(--colorPaletteBrownForeground1)',
214
241
  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
242
  // Color palette cornflower tokens
237
- colorPaletteCornflowerBackground1: 'var(--colorPaletteCornflowerBackground1)',
238
243
  colorPaletteCornflowerBackground2: 'var(--colorPaletteCornflowerBackground2)',
239
- colorPaletteCornflowerBackground3: 'var(--colorPaletteCornflowerBackground3)',
240
244
  colorPaletteCornflowerBorderActive: 'var(--colorPaletteCornflowerBorderActive)',
241
- colorPaletteCornflowerBorder1: 'var(--colorPaletteCornflowerBorder1)',
242
- colorPaletteCornflowerBorder2: 'var(--colorPaletteCornflowerBorder2)',
243
- colorPaletteCornflowerForeground1: 'var(--colorPaletteCornflowerForeground1)',
244
245
  colorPaletteCornflowerForeground2: 'var(--colorPaletteCornflowerForeground2)',
245
- colorPaletteCornflowerForeground3: 'var(--colorPaletteCornflowerForeground3)',
246
246
  // Color palette cranberry tokens
247
- colorPaletteCranberryBackground1: 'var(--colorPaletteCranberryBackground1)',
248
247
  colorPaletteCranberryBackground2: 'var(--colorPaletteCranberryBackground2)',
249
- colorPaletteCranberryBackground3: 'var(--colorPaletteCranberryBackground3)',
250
248
  colorPaletteCranberryBorderActive: 'var(--colorPaletteCranberryBorderActive)',
251
- colorPaletteCranberryBorder1: 'var(--colorPaletteCranberryBorder1)',
252
- colorPaletteCranberryBorder2: 'var(--colorPaletteCranberryBorder2)',
253
- colorPaletteCranberryForeground1: 'var(--colorPaletteCranberryForeground1)',
254
249
  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
250
  // Color palette dark green tokens
287
- colorPaletteDarkGreenBackground1: 'var(--colorPaletteDarkGreenBackground1)',
288
251
  colorPaletteDarkGreenBackground2: 'var(--colorPaletteDarkGreenBackground2)',
289
- colorPaletteDarkGreenBackground3: 'var(--colorPaletteDarkGreenBackground3)',
290
252
  colorPaletteDarkGreenBorderActive: 'var(--colorPaletteDarkGreenBorderActive)',
291
- colorPaletteDarkGreenBorder1: 'var(--colorPaletteDarkGreenBorder1)',
292
- colorPaletteDarkGreenBorder2: 'var(--colorPaletteDarkGreenBorder2)',
293
- colorPaletteDarkGreenForeground1: 'var(--colorPaletteDarkGreenForeground1)',
294
253
  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
254
  // Color palette dark red tokens
317
- colorPaletteDarkRedBackground1: 'var(--colorPaletteDarkRedBackground1)',
318
255
  colorPaletteDarkRedBackground2: 'var(--colorPaletteDarkRedBackground2)',
319
- colorPaletteDarkRedBackground3: 'var(--colorPaletteDarkRedBackground3)',
320
256
  colorPaletteDarkRedBorderActive: 'var(--colorPaletteDarkRedBorderActive)',
321
- colorPaletteDarkRedBorder1: 'var(--colorPaletteDarkRedBorder1)',
322
- colorPaletteDarkRedBorder2: 'var(--colorPaletteDarkRedBorder2)',
323
- colorPaletteDarkRedForeground1: 'var(--colorPaletteDarkRedForeground1)',
324
257
  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
258
  // Color palette forest tokens
337
- colorPaletteForestBackground1: 'var(--colorPaletteForestBackground1)',
338
259
  colorPaletteForestBackground2: 'var(--colorPaletteForestBackground2)',
339
- colorPaletteForestBackground3: 'var(--colorPaletteForestBackground3)',
340
260
  colorPaletteForestBorderActive: 'var(--colorPaletteForestBorderActive)',
341
- colorPaletteForestBorder1: 'var(--colorPaletteForestBorder1)',
342
- colorPaletteForestBorder2: 'var(--colorPaletteForestBorder2)',
343
- colorPaletteForestForeground1: 'var(--colorPaletteForestForeground1)',
344
261
  colorPaletteForestForeground2: 'var(--colorPaletteForestForeground2)',
345
- colorPaletteForestForeground3: 'var(--colorPaletteForestForeground3)',
346
262
  // Color palette gold tokens
347
- colorPaletteGoldBackground1: 'var(--colorPaletteGoldBackground1)',
348
263
  colorPaletteGoldBackground2: 'var(--colorPaletteGoldBackground2)',
349
- colorPaletteGoldBackground3: 'var(--colorPaletteGoldBackground3)',
350
264
  colorPaletteGoldBorderActive: 'var(--colorPaletteGoldBorderActive)',
351
- colorPaletteGoldBorder1: 'var(--colorPaletteGoldBorder1)',
352
- colorPaletteGoldBorder2: 'var(--colorPaletteGoldBorder2)',
353
- colorPaletteGoldForeground1: 'var(--colorPaletteGoldForeground1)',
354
265
  colorPaletteGoldForeground2: 'var(--colorPaletteGoldForeground2)',
355
- colorPaletteGoldForeground3: 'var(--colorPaletteGoldForeground3)',
356
266
  // Color palette grape tokens
357
- colorPaletteGrapeBackground1: 'var(--colorPaletteGrapeBackground1)',
358
267
  colorPaletteGrapeBackground2: 'var(--colorPaletteGrapeBackground2)',
359
- colorPaletteGrapeBackground3: 'var(--colorPaletteGrapeBackground3)',
360
268
  colorPaletteGrapeBorderActive: 'var(--colorPaletteGrapeBorderActive)',
361
- colorPaletteGrapeBorder1: 'var(--colorPaletteGrapeBorder1)',
362
- colorPaletteGrapeBorder2: 'var(--colorPaletteGrapeBorder2)',
363
- colorPaletteGrapeForeground1: 'var(--colorPaletteGrapeForeground1)',
364
269
  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
270
  // Color palette lavender tokens
387
- colorPaletteLavenderBackground1: 'var(--colorPaletteLavenderBackground1)',
388
271
  colorPaletteLavenderBackground2: 'var(--colorPaletteLavenderBackground2)',
389
- colorPaletteLavenderBackground3: 'var(--colorPaletteLavenderBackground3)',
390
272
  colorPaletteLavenderBorderActive: 'var(--colorPaletteLavenderBorderActive)',
391
- colorPaletteLavenderBorder1: 'var(--colorPaletteLavenderBorder1)',
392
- colorPaletteLavenderBorder2: 'var(--colorPaletteLavenderBorder2)',
393
- colorPaletteLavenderForeground1: 'var(--colorPaletteLavenderForeground1)',
394
273
  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
274
  // Color palette light teal tokens
417
- colorPaletteLightTealBackground1: 'var(--colorPaletteLightTealBackground1)',
418
275
  colorPaletteLightTealBackground2: 'var(--colorPaletteLightTealBackground2)',
419
- colorPaletteLightTealBackground3: 'var(--colorPaletteLightTealBackground3)',
420
276
  colorPaletteLightTealBorderActive: 'var(--colorPaletteLightTealBorderActive)',
421
- colorPaletteLightTealBorder1: 'var(--colorPaletteLightTealBorder1)',
422
- colorPaletteLightTealBorder2: 'var(--colorPaletteLightTealBorder2)',
423
- colorPaletteLightTealForeground1: 'var(--colorPaletteLightTealForeground1)',
424
277
  colorPaletteLightTealForeground2: 'var(--colorPaletteLightTealForeground2)',
425
- colorPaletteLightTealForeground3: 'var(--colorPaletteLightTealForeground3)',
426
278
  // Color palette lilac tokens
427
- colorPaletteLilacBackground1: 'var(--colorPaletteLilacBackground1)',
428
279
  colorPaletteLilacBackground2: 'var(--colorPaletteLilacBackground2)',
429
- colorPaletteLilacBackground3: 'var(--colorPaletteLilacBackground3)',
430
280
  colorPaletteLilacBorderActive: 'var(--colorPaletteLilacBorderActive)',
431
- colorPaletteLilacBorder1: 'var(--colorPaletteLilacBorder1)',
432
- colorPaletteLilacBorder2: 'var(--colorPaletteLilacBorder2)',
433
- colorPaletteLilacForeground1: 'var(--colorPaletteLilacForeground1)',
434
281
  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
282
  // Color palette magenta tokens
447
- colorPaletteMagentaBackground1: 'var(--colorPaletteMagentaBackground1)',
448
283
  colorPaletteMagentaBackground2: 'var(--colorPaletteMagentaBackground2)',
449
- colorPaletteMagentaBackground3: 'var(--colorPaletteMagentaBackground3)',
450
284
  colorPaletteMagentaBorderActive: 'var(--colorPaletteMagentaBorderActive)',
451
- colorPaletteMagentaBorder1: 'var(--colorPaletteMagentaBorder1)',
452
- colorPaletteMagentaBorder2: 'var(--colorPaletteMagentaBorder2)',
453
- colorPaletteMagentaForeground1: 'var(--colorPaletteMagentaForeground1)',
454
285
  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
286
  // Color palette mink tokens
467
- colorPaletteMinkBackground1: 'var(--colorPaletteMinkBackground1)',
468
287
  colorPaletteMinkBackground2: 'var(--colorPaletteMinkBackground2)',
469
- colorPaletteMinkBackground3: 'var(--colorPaletteMinkBackground3)',
470
288
  colorPaletteMinkBorderActive: 'var(--colorPaletteMinkBorderActive)',
471
- colorPaletteMinkBorder1: 'var(--colorPaletteMinkBorder1)',
472
- colorPaletteMinkBorder2: 'var(--colorPaletteMinkBorder2)',
473
- colorPaletteMinkForeground1: 'var(--colorPaletteMinkForeground1)',
474
289
  colorPaletteMinkForeground2: 'var(--colorPaletteMinkForeground2)',
475
- colorPaletteMinkForeground3: 'var(--colorPaletteMinkForeground3)',
476
290
  // Color palette navy tokens
477
- colorPaletteNavyBackground1: 'var(--colorPaletteNavyBackground1)',
478
291
  colorPaletteNavyBackground2: 'var(--colorPaletteNavyBackground2)',
479
- colorPaletteNavyBackground3: 'var(--colorPaletteNavyBackground3)',
480
292
  colorPaletteNavyBorderActive: 'var(--colorPaletteNavyBorderActive)',
481
- colorPaletteNavyBorder1: 'var(--colorPaletteNavyBorder1)',
482
- colorPaletteNavyBorder2: 'var(--colorPaletteNavyBorder2)',
483
- colorPaletteNavyForeground1: 'var(--colorPaletteNavyForeground1)',
484
293
  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
294
  // Color palette peach tokens
507
- colorPalettePeachBackground1: 'var(--colorPalettePeachBackground1)',
508
295
  colorPalettePeachBackground2: 'var(--colorPalettePeachBackground2)',
509
- colorPalettePeachBackground3: 'var(--colorPalettePeachBackground3)',
510
296
  colorPalettePeachBorderActive: 'var(--colorPalettePeachBorderActive)',
511
- colorPalettePeachBorder1: 'var(--colorPalettePeachBorder1)',
512
- colorPalettePeachBorder2: 'var(--colorPalettePeachBorder2)',
513
- colorPalettePeachForeground1: 'var(--colorPalettePeachForeground1)',
514
297
  colorPalettePeachForeground2: 'var(--colorPalettePeachForeground2)',
515
- colorPalettePeachForeground3: 'var(--colorPalettePeachForeground3)',
516
298
  // Color palette pink tokens
517
- colorPalettePinkBackground1: 'var(--colorPalettePinkBackground1)',
518
299
  colorPalettePinkBackground2: 'var(--colorPalettePinkBackground2)',
519
- colorPalettePinkBackground3: 'var(--colorPalettePinkBackground3)',
520
300
  colorPalettePinkBorderActive: 'var(--colorPalettePinkBorderActive)',
521
- colorPalettePinkBorder1: 'var(--colorPalettePinkBorder1)',
522
- colorPalettePinkBorder2: 'var(--colorPalettePinkBorder2)',
523
- colorPalettePinkForeground1: 'var(--colorPalettePinkForeground1)',
524
301
  colorPalettePinkForeground2: 'var(--colorPalettePinkForeground2)',
525
- colorPalettePinkForeground3: 'var(--colorPalettePinkForeground3)',
526
302
  // Color palette platinum tokens
527
- colorPalettePlatinumBackground1: 'var(--colorPalettePlatinumBackground1)',
528
303
  colorPalettePlatinumBackground2: 'var(--colorPalettePlatinumBackground2)',
529
- colorPalettePlatinumBackground3: 'var(--colorPalettePlatinumBackground3)',
530
304
  colorPalettePlatinumBorderActive: 'var(--colorPalettePlatinumBorderActive)',
531
- colorPalettePlatinumBorder1: 'var(--colorPalettePlatinumBorder1)',
532
- colorPalettePlatinumBorder2: 'var(--colorPalettePlatinumBorder2)',
533
- colorPalettePlatinumForeground1: 'var(--colorPalettePlatinumForeground1)',
534
305
  colorPalettePlatinumForeground2: 'var(--colorPalettePlatinumForeground2)',
535
- colorPalettePlatinumForeground3: 'var(--colorPalettePlatinumForeground3)',
536
306
  // Color palette plum tokens
537
- colorPalettePlumBackground1: 'var(--colorPalettePlumBackground1)',
538
307
  colorPalettePlumBackground2: 'var(--colorPalettePlumBackground2)',
539
- colorPalettePlumBackground3: 'var(--colorPalettePlumBackground3)',
540
308
  colorPalettePlumBorderActive: 'var(--colorPalettePlumBorderActive)',
541
- colorPalettePlumBorder1: 'var(--colorPalettePlumBorder1)',
542
- colorPalettePlumBorder2: 'var(--colorPalettePlumBorder2)',
543
- colorPalettePlumForeground1: 'var(--colorPalettePlumForeground1)',
544
309
  colorPalettePlumForeground2: 'var(--colorPalettePlumForeground2)',
545
- colorPalettePlumForeground3: 'var(--colorPalettePlumForeground3)',
546
310
  // Color palette pumpkin tokens
547
- colorPalettePumpkinBackground1: 'var(--colorPalettePumpkinBackground1)',
548
311
  colorPalettePumpkinBackground2: 'var(--colorPalettePumpkinBackground2)',
549
- colorPalettePumpkinBackground3: 'var(--colorPalettePumpkinBackground3)',
550
312
  colorPalettePumpkinBorderActive: 'var(--colorPalettePumpkinBorderActive)',
551
- colorPalettePumpkinBorder1: 'var(--colorPalettePumpkinBorder1)',
552
- colorPalettePumpkinBorder2: 'var(--colorPalettePumpkinBorder2)',
553
- colorPalettePumpkinForeground1: 'var(--colorPalettePumpkinForeground1)',
554
313
  colorPalettePumpkinForeground2: 'var(--colorPalettePumpkinForeground2)',
555
- colorPalettePumpkinForeground3: 'var(--colorPalettePumpkinForeground3)',
556
314
  // Color palette purple tokens
557
- colorPalettePurpleBackground1: 'var(--colorPalettePurpleBackground1)',
558
315
  colorPalettePurpleBackground2: 'var(--colorPalettePurpleBackground2)',
559
- colorPalettePurpleBackground3: 'var(--colorPalettePurpleBackground3)',
560
316
  colorPalettePurpleBorderActive: 'var(--colorPalettePurpleBorderActive)',
561
- colorPalettePurpleBorder1: 'var(--colorPalettePurpleBorder1)',
562
- colorPalettePurpleBorder2: 'var(--colorPalettePurpleBorder2)',
563
- colorPalettePurpleForeground1: 'var(--colorPalettePurpleForeground1)',
564
317
  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
318
  // Color palette royal blue tokens
577
- colorPaletteRoyalBlueBackground1: 'var(--colorPaletteRoyalBlueBackground1)',
578
319
  colorPaletteRoyalBlueBackground2: 'var(--colorPaletteRoyalBlueBackground2)',
579
- colorPaletteRoyalBlueBackground3: 'var(--colorPaletteRoyalBlueBackground3)',
580
320
  colorPaletteRoyalBlueBorderActive: 'var(--colorPaletteRoyalBlueBorderActive)',
581
- colorPaletteRoyalBlueBorder1: 'var(--colorPaletteRoyalBlueBorder1)',
582
- colorPaletteRoyalBlueBorder2: 'var(--colorPaletteRoyalBlueBorder2)',
583
- colorPaletteRoyalBlueForeground1: 'var(--colorPaletteRoyalBlueForeground1)',
584
321
  colorPaletteRoyalBlueForeground2: 'var(--colorPaletteRoyalBlueForeground2)',
585
- colorPaletteRoyalBlueForeground3: 'var(--colorPaletteRoyalBlueForeground3)',
586
322
  // Color palette seafoam tokens
587
- colorPaletteSeafoamBackground1: 'var(--colorPaletteSeafoamBackground1)',
588
323
  colorPaletteSeafoamBackground2: 'var(--colorPaletteSeafoamBackground2)',
589
- colorPaletteSeafoamBackground3: 'var(--colorPaletteSeafoamBackground3)',
590
324
  colorPaletteSeafoamBorderActive: 'var(--colorPaletteSeafoamBorderActive)',
591
- colorPaletteSeafoamBorder1: 'var(--colorPaletteSeafoamBorder1)',
592
- colorPaletteSeafoamBorder2: 'var(--colorPaletteSeafoamBorder2)',
593
- colorPaletteSeafoamForeground1: 'var(--colorPaletteSeafoamForeground1)',
594
325
  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
326
  // Color palette steel tokens
607
- colorPaletteSteelBackground1: 'var(--colorPaletteSteelBackground1)',
608
327
  colorPaletteSteelBackground2: 'var(--colorPaletteSteelBackground2)',
609
- colorPaletteSteelBackground3: 'var(--colorPaletteSteelBackground3)',
610
328
  colorPaletteSteelBorderActive: 'var(--colorPaletteSteelBorderActive)',
611
- colorPaletteSteelBorder1: 'var(--colorPaletteSteelBorder1)',
612
- colorPaletteSteelBorder2: 'var(--colorPaletteSteelBorder2)',
613
- colorPaletteSteelForeground1: 'var(--colorPaletteSteelForeground1)',
614
329
  colorPaletteSteelForeground2: 'var(--colorPaletteSteelForeground2)',
615
- colorPaletteSteelForeground3: 'var(--colorPaletteSteelForeground3)',
616
330
  // Color palette teal tokens
617
- colorPaletteTealBackground1: 'var(--colorPaletteTealBackground1)',
618
331
  colorPaletteTealBackground2: 'var(--colorPaletteTealBackground2)',
619
- colorPaletteTealBackground3: 'var(--colorPaletteTealBackground3)',
620
332
  colorPaletteTealBorderActive: 'var(--colorPaletteTealBorderActive)',
621
- colorPaletteTealBorder1: 'var(--colorPaletteTealBorder1)',
622
- colorPaletteTealBorder2: 'var(--colorPaletteTealBorder2)',
623
- colorPaletteTealForeground1: 'var(--colorPaletteTealForeground1)',
624
333
  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
334
  // Border radius tokens
637
335
  borderRadiusNone: 'var(--borderRadiusNone)',
638
336
  borderRadiusSmall: 'var(--borderRadiusSmall)',
@@ -688,6 +386,47 @@ exports.tokens = {
688
386
  strokeWidthThin: 'var(--strokeWidthThin)',
689
387
  strokeWidthThick: 'var(--strokeWidthThick)',
690
388
  strokeWidthThicker: 'var(--strokeWidthThicker)',
691
- strokeWidthThickest: 'var(--strokeWidthThickest)'
389
+ strokeWidthThickest: 'var(--strokeWidthThickest)',
390
+ // Spacings
391
+ spacingHorizontalNone: 'var(--spacingHorizontalNone)',
392
+ spacingHorizontalXXS: 'var(--spacingHorizontalXXS)',
393
+ spacingHorizontalXS: 'var(--spacingHorizontalXS)',
394
+ spacingHorizontalSNudge: 'var(--spacingHorizontalSNudge)',
395
+ spacingHorizontalS: 'var(--spacingHorizontalS)',
396
+ spacingHorizontalMNudge: 'var(--spacingHorizontalMNudge)',
397
+ spacingHorizontalM: 'var(--spacingHorizontalM)',
398
+ spacingHorizontalL: 'var(--spacingHorizontalL)',
399
+ spacingHorizontalXL: 'var(--spacingHorizontalXL)',
400
+ spacingHorizontalXXL: 'var(--spacingHorizontalXXL)',
401
+ spacingHorizontalXXXL: 'var(--spacingHorizontalXXXL)',
402
+ spacingVerticalNone: 'var(--spacingVerticalNone)',
403
+ spacingVerticalXXS: 'var(--spacingVerticalXXS)',
404
+ spacingVerticalXS: 'var(--spacingVerticalXS)',
405
+ spacingVerticalSNudge: 'var(--spacingVerticalSNudge)',
406
+ spacingVerticalS: 'var(--spacingVerticalS)',
407
+ spacingVerticalMNudge: 'var(--spacingVerticalMNudge)',
408
+ spacingVerticalM: 'var(--spacingVerticalM)',
409
+ spacingVerticalL: 'var(--spacingVerticalL)',
410
+ spacingVerticalXL: 'var(--spacingVerticalXL)',
411
+ spacingVerticalXXL: 'var(--spacingVerticalXXL)',
412
+ spacingVerticalXXXL: 'var(--spacingVerticalXXXL)',
413
+ // Durations
414
+ durationUltraFast: 'var(--durationUltraFast)',
415
+ durationFaster: 'var(--durationFaster)',
416
+ durationFast: 'var(--durationFast)',
417
+ durationNormal: 'var(--durationNormal)',
418
+ durationSlow: 'var(--durationSlow)',
419
+ durationSlower: 'var(--durationSlower)',
420
+ durationUltraSlow: 'var(--durationUltraSlow)',
421
+ // Curves
422
+ curveAccelerateMax: 'var(--curveAccelerateMax)',
423
+ curveAccelerateMid: 'var(--curveAccelerateMid)',
424
+ curveAccelerateMin: 'var(--curveAccelerateMin)',
425
+ curveDecelerateMax: 'var(--curveDecelerateMax)',
426
+ curveDecelerateMid: 'var(--curveDecelerateMid)',
427
+ curveDecelerateMin: 'var(--curveDecelerateMin)',
428
+ curveEasyEaseMax: 'var(--curveEasyEaseMax)',
429
+ curveEasyEase: 'var(--curveEasyEase)',
430
+ curveLinear: 'var(--curveLinear)'
692
431
  };
693
432
  //# sourceMappingURL=tokens.js.map