@fluentui/react-theme 9.0.0-rc.1 → 9.0.0-rc.10
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.
- package/CHANGELOG.json +211 -1
- package/CHANGELOG.md +120 -38
- package/dist/index.d.ts +433 -0
- package/{lib → dist}/tsdoc-metadata.json +0 -0
- package/lib/alias/{dark.js → darkColor.js} +20 -31
- package/lib/alias/darkColor.js.map +1 -0
- package/lib/alias/darkColorPalette.js +33 -0
- package/lib/alias/darkColorPalette.js.map +1 -0
- package/lib/alias/{highContrast.js → highContrastColor.js} +8 -19
- package/lib/alias/highContrastColor.js.map +1 -0
- package/lib/alias/highContrastColorPalette.js +33 -0
- package/lib/alias/highContrastColorPalette.js.map +1 -0
- package/lib/alias/{light.js → lightColor.js} +9 -20
- package/lib/alias/lightColor.js.map +1 -0
- package/lib/alias/lightColorPalette.js +33 -0
- package/lib/alias/lightColorPalette.js.map +1 -0
- package/lib/alias/{teamsDark.js → teamsDarkColor.js} +20 -31
- package/lib/alias/teamsDarkColor.js.map +1 -0
- package/lib/alias/teamsDarkColorPalette.js +33 -0
- package/lib/alias/teamsDarkColorPalette.js.map +1 -0
- package/lib/global/borderRadius.js.map +1 -1
- package/lib/global/brandColors.js +16 -16
- package/lib/global/brandColors.js.map +1 -1
- package/lib/global/colors.js +45 -27
- package/lib/global/colors.js.map +1 -1
- package/lib/global/curves.js +12 -0
- package/lib/global/curves.js.map +1 -0
- package/lib/global/durations.js +10 -0
- package/lib/global/durations.js.map +1 -0
- package/lib/global/fonts.js.map +1 -1
- package/lib/global/index.js +5 -0
- package/lib/global/index.js.map +1 -1
- package/lib/global/spacings.js +40 -0
- package/lib/global/spacings.js.map +1 -0
- package/lib/global/strokeWidths.js.map +1 -1
- package/lib/global/typographyStyles.js +104 -0
- package/lib/global/typographyStyles.js.map +1 -0
- package/lib/index.js +3 -2
- package/lib/index.js.map +1 -1
- package/lib/themeToTokensObject.js.map +1 -1
- package/lib/themes/index.js.map +1 -1
- package/lib/themes/teams/darkTheme.js.map +1 -1
- package/lib/themes/teams/highContrastTheme.js.map +1 -1
- package/lib/themes/teams/index.js.map +1 -1
- package/lib/themes/teams/lightTheme.js.map +1 -1
- package/lib/themes/web/darkTheme.js.map +1 -1
- package/lib/themes/web/index.js +0 -1
- package/lib/themes/web/index.js.map +1 -1
- package/lib/themes/web/lightTheme.js.map +1 -1
- package/lib/tokens.js +116 -377
- package/lib/tokens.js.map +1 -1
- package/lib/types.js.map +1 -1
- package/lib/utils/createDarkTheme.js +9 -1
- package/lib/utils/createDarkTheme.js.map +1 -1
- package/lib/utils/createHighContrastTheme.js +9 -1
- package/lib/utils/createHighContrastTheme.js.map +1 -1
- package/lib/utils/createLightTheme.js +9 -1
- package/lib/utils/createLightTheme.js.map +1 -1
- package/lib/utils/createTeamsDarkTheme.js +9 -1
- package/lib/utils/createTeamsDarkTheme.js.map +1 -1
- package/lib/utils/index.js.map +1 -1
- package/lib/utils/shadows.js.map +1 -1
- package/lib-commonjs/alias/{dark.js → darkColor.js} +20 -31
- package/lib-commonjs/alias/darkColor.js.map +1 -0
- package/lib-commonjs/alias/darkColorPalette.js +41 -0
- package/lib-commonjs/alias/darkColorPalette.js.map +1 -0
- package/lib-commonjs/alias/{highContrast.js → highContrastColor.js} +8 -19
- package/lib-commonjs/alias/highContrastColor.js.map +1 -0
- package/lib-commonjs/alias/highContrastColorPalette.js +41 -0
- package/lib-commonjs/alias/highContrastColorPalette.js.map +1 -0
- package/lib-commonjs/alias/{light.js → lightColor.js} +9 -20
- package/lib-commonjs/alias/lightColor.js.map +1 -0
- package/lib-commonjs/alias/lightColorPalette.js +41 -0
- package/lib-commonjs/alias/lightColorPalette.js.map +1 -0
- package/lib-commonjs/alias/{teamsDark.js → teamsDarkColor.js} +20 -31
- package/lib-commonjs/alias/teamsDarkColor.js.map +1 -0
- package/lib-commonjs/alias/teamsDarkColorPalette.js +41 -0
- package/lib-commonjs/alias/teamsDarkColorPalette.js.map +1 -0
- package/lib-commonjs/global/borderRadius.js.map +1 -1
- package/lib-commonjs/global/brandColors.js +16 -16
- package/lib-commonjs/global/brandColors.js.map +1 -1
- package/lib-commonjs/global/colors.js +46 -28
- package/lib-commonjs/global/colors.js.map +1 -1
- package/lib-commonjs/global/curves.js +18 -0
- package/lib-commonjs/global/curves.js.map +1 -0
- package/lib-commonjs/global/durations.js +16 -0
- package/lib-commonjs/global/durations.js.map +1 -0
- package/lib-commonjs/global/fonts.js.map +1 -1
- package/lib-commonjs/global/index.js +10 -0
- package/lib-commonjs/global/index.js.map +1 -1
- package/lib-commonjs/global/spacings.js +46 -0
- package/lib-commonjs/global/spacings.js.map +1 -0
- package/lib-commonjs/global/strokeWidths.js.map +1 -1
- package/lib-commonjs/global/typographyStyles.js +112 -0
- package/lib-commonjs/global/typographyStyles.js.map +1 -0
- package/lib-commonjs/index.js +67 -4
- package/lib-commonjs/index.js.map +1 -1
- package/lib-commonjs/themeToTokensObject.js.map +1 -1
- package/lib-commonjs/themes/index.js.map +1 -1
- package/lib-commonjs/themes/teams/darkTheme.js.map +1 -1
- package/lib-commonjs/themes/teams/highContrastTheme.js.map +1 -1
- package/lib-commonjs/themes/teams/index.js.map +1 -1
- package/lib-commonjs/themes/teams/lightTheme.js.map +1 -1
- package/lib-commonjs/themes/web/darkTheme.js.map +1 -1
- package/lib-commonjs/themes/web/index.js +0 -2
- package/lib-commonjs/themes/web/index.js.map +1 -1
- package/lib-commonjs/themes/web/lightTheme.js.map +1 -1
- package/lib-commonjs/tokens.js +116 -377
- package/lib-commonjs/tokens.js.map +1 -1
- package/lib-commonjs/types.js.map +1 -1
- package/lib-commonjs/utils/createDarkTheme.js +15 -3
- package/lib-commonjs/utils/createDarkTheme.js.map +1 -1
- package/lib-commonjs/utils/createHighContrastTheme.js +15 -3
- package/lib-commonjs/utils/createHighContrastTheme.js.map +1 -1
- package/lib-commonjs/utils/createLightTheme.js +15 -3
- package/lib-commonjs/utils/createLightTheme.js.map +1 -1
- package/lib-commonjs/utils/createTeamsDarkTheme.js +15 -3
- package/lib-commonjs/utils/createTeamsDarkTheme.js.map +1 -1
- package/lib-commonjs/utils/index.js.map +1 -1
- package/lib-commonjs/utils/shadows.js.map +1 -1
- package/package.json +13 -9
- package/dist/react-theme.d.ts +0 -358
- package/lib/alias/dark.d.ts +0 -3
- package/lib/alias/dark.js.map +0 -1
- package/lib/alias/highContrast.d.ts +0 -3
- package/lib/alias/highContrast.js.map +0 -1
- package/lib/alias/light.d.ts +0 -3
- package/lib/alias/light.js.map +0 -1
- package/lib/alias/teamsDark.d.ts +0 -3
- package/lib/alias/teamsDark.js.map +0 -1
- package/lib/global/borderRadius.d.ts +0 -2
- package/lib/global/brandColors.d.ts +0 -4
- package/lib/global/colors.d.ts +0 -15
- package/lib/global/fonts.d.ts +0 -5
- package/lib/global/index.d.ts +0 -4
- package/lib/global/strokeWidths.d.ts +0 -2
- package/lib/index.d.ts +0 -5
- package/lib/themeToTokensObject.d.ts +0 -10
- package/lib/themes/index.d.ts +0 -2
- package/lib/themes/teams/darkTheme.d.ts +0 -2
- package/lib/themes/teams/highContrastTheme.d.ts +0 -2
- package/lib/themes/teams/index.d.ts +0 -3
- package/lib/themes/teams/lightTheme.d.ts +0 -2
- package/lib/themes/web/darkTheme.d.ts +0 -2
- package/lib/themes/web/highContrastTheme.d.ts +0 -2
- package/lib/themes/web/highContrastTheme.js +0 -3
- package/lib/themes/web/highContrastTheme.js.map +0 -1
- package/lib/themes/web/index.d.ts +0 -3
- package/lib/themes/web/lightTheme.d.ts +0 -2
- package/lib/tokens.d.ts +0 -2
- package/lib/types.d.ts +0 -342
- package/lib/utils/createDarkTheme.d.ts +0 -2
- package/lib/utils/createHighContrastTheme.d.ts +0 -2
- package/lib/utils/createLightTheme.d.ts +0 -2
- package/lib/utils/createTeamsDarkTheme.d.ts +0 -2
- package/lib/utils/index.d.ts +0 -4
- package/lib/utils/shadows.d.ts +0 -3
- package/lib-commonjs/alias/dark.d.ts +0 -3
- package/lib-commonjs/alias/dark.js.map +0 -1
- package/lib-commonjs/alias/highContrast.d.ts +0 -3
- package/lib-commonjs/alias/highContrast.js.map +0 -1
- package/lib-commonjs/alias/light.d.ts +0 -3
- package/lib-commonjs/alias/light.js.map +0 -1
- package/lib-commonjs/alias/teamsDark.d.ts +0 -3
- package/lib-commonjs/alias/teamsDark.js.map +0 -1
- package/lib-commonjs/global/borderRadius.d.ts +0 -2
- package/lib-commonjs/global/brandColors.d.ts +0 -4
- package/lib-commonjs/global/colors.d.ts +0 -15
- package/lib-commonjs/global/fonts.d.ts +0 -5
- package/lib-commonjs/global/index.d.ts +0 -4
- package/lib-commonjs/global/strokeWidths.d.ts +0 -2
- package/lib-commonjs/index.d.ts +0 -5
- package/lib-commonjs/themeToTokensObject.d.ts +0 -10
- package/lib-commonjs/themes/index.d.ts +0 -2
- package/lib-commonjs/themes/teams/darkTheme.d.ts +0 -2
- package/lib-commonjs/themes/teams/highContrastTheme.d.ts +0 -2
- package/lib-commonjs/themes/teams/index.d.ts +0 -3
- package/lib-commonjs/themes/teams/lightTheme.d.ts +0 -2
- package/lib-commonjs/themes/web/darkTheme.d.ts +0 -2
- package/lib-commonjs/themes/web/highContrastTheme.d.ts +0 -2
- package/lib-commonjs/themes/web/highContrastTheme.js +0 -11
- package/lib-commonjs/themes/web/highContrastTheme.js.map +0 -1
- package/lib-commonjs/themes/web/index.d.ts +0 -3
- package/lib-commonjs/themes/web/lightTheme.d.ts +0 -2
- package/lib-commonjs/tokens.d.ts +0 -2
- package/lib-commonjs/types.d.ts +0 -342
- package/lib-commonjs/utils/createDarkTheme.d.ts +0 -2
- package/lib-commonjs/utils/createHighContrastTheme.d.ts +0 -2
- package/lib-commonjs/utils/createLightTheme.d.ts +0 -2
- package/lib-commonjs/utils/createTeamsDarkTheme.d.ts +0 -2
- package/lib-commonjs/utils/index.d.ts +0 -4
- package/lib-commonjs/utils/shadows.d.ts +0 -3
package/lib-commonjs/tokens.js
CHANGED
@@ -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
|
147
|
-
|
148
|
-
|
149
|
-
|
150
|
-
|
151
|
-
|
152
|
-
|
153
|
-
|
154
|
-
|
155
|
-
|
156
|
-
// Color palette
|
157
|
-
|
158
|
-
|
159
|
-
|
160
|
-
|
161
|
-
|
162
|
-
|
163
|
-
|
164
|
-
|
165
|
-
|
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
|