@fluentui/tokens 0.0.0-nightly-20230317-0436.1 → 0.0.0-nightly-20230317-1454.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/.swcrc +39 -0
- package/CHANGELOG.json +3 -3
- package/CHANGELOG.md +4 -4
- package/lib/alias/darkColor.js +19 -21
- package/lib/alias/darkColor.js.map +1 -1
- package/lib/alias/darkColorPalette.js +2 -3
- package/lib/alias/darkColorPalette.js.map +1 -1
- package/lib/alias/highContrastColor.js +12 -14
- package/lib/alias/highContrastColor.js.map +1 -1
- package/lib/alias/highContrastColorPalette.js +2 -2
- package/lib/alias/highContrastColorPalette.js.map +1 -1
- package/lib/alias/lightColor.js +19 -21
- package/lib/alias/lightColor.js.map +1 -1
- package/lib/alias/lightColorPalette.js +2 -2
- package/lib/alias/lightColorPalette.js.map +1 -1
- package/lib/alias/teamsDarkColor.js +19 -21
- package/lib/alias/teamsDarkColor.js.map +1 -1
- package/lib/global/borderRadius.js +6 -6
- package/lib/global/borderRadius.js.map +1 -1
- package/lib/global/brandColors.js.map +1 -1
- package/lib/global/colorPalette.js +1 -1
- package/lib/global/colorPalette.js.map +1 -1
- package/lib/global/colors.js +699 -701
- package/lib/global/colors.js.map +1 -1
- package/lib/global/curves.js +9 -9
- package/lib/global/curves.js.map +1 -1
- package/lib/global/durations.js +7 -7
- package/lib/global/durations.js.map +1 -1
- package/lib/global/fonts.js +20 -20
- package/lib/global/fonts.js.map +1 -1
- package/lib/global/index.js +9 -9
- package/lib/global/index.js.map +1 -1
- package/lib/global/spacings.js +11 -11
- package/lib/global/spacings.js.map +1 -1
- package/lib/global/strokeWidths.js +4 -4
- package/lib/global/strokeWidths.js.map +1 -1
- package/lib/global/typographyStyles.js +1 -1
- package/lib/global/typographyStyles.js.map +1 -1
- package/lib/index.js +5 -5
- package/lib/index.js.map +1 -1
- package/lib/sharedColorNames.js +3 -4
- package/lib/sharedColorNames.js.map +1 -1
- package/lib/themeToTokensObject.js +1 -2
- package/lib/themeToTokensObject.js.map +1 -1
- package/lib/themes/index.js +2 -2
- package/lib/themes/index.js.map +1 -1
- package/lib/themes/teams/darkTheme.js +2 -2
- package/lib/themes/teams/darkTheme.js.map +1 -1
- package/lib/themes/teams/highContrastTheme.js +1 -1
- package/lib/themes/teams/highContrastTheme.js.map +1 -1
- package/lib/themes/teams/index.js +3 -3
- package/lib/themes/teams/index.js.map +1 -1
- package/lib/themes/teams/lightTheme.js +2 -2
- package/lib/themes/teams/lightTheme.js.map +1 -1
- package/lib/themes/web/darkTheme.js +2 -2
- package/lib/themes/web/darkTheme.js.map +1 -1
- package/lib/themes/web/index.js +2 -2
- package/lib/themes/web/index.js.map +1 -1
- package/lib/themes/web/lightTheme.js +2 -2
- package/lib/themes/web/lightTheme.js.map +1 -1
- package/lib/tokens.js +387 -387
- package/lib/tokens.js.map +1 -1
- package/lib/types.js.map +1 -1
- package/lib/utils/createDarkTheme.js +8 -8
- package/lib/utils/createDarkTheme.js.map +1 -1
- package/lib/utils/createHighContrastTheme.js +8 -8
- package/lib/utils/createHighContrastTheme.js.map +1 -1
- package/lib/utils/createLightTheme.js +8 -8
- package/lib/utils/createLightTheme.js.map +1 -1
- package/lib/utils/createTeamsDarkTheme.js +8 -8
- package/lib/utils/createTeamsDarkTheme.js.map +1 -1
- package/lib/utils/index.js +4 -4
- package/lib/utils/index.js.map +1 -1
- package/lib/utils/shadows.js +1 -1
- package/lib/utils/shadows.js.map +1 -1
- package/lib-commonjs/alias/darkColor.js +158 -159
- package/lib-commonjs/alias/darkColor.js.map +1 -1
- package/lib-commonjs/alias/darkColorPalette.js +46 -44
- package/lib-commonjs/alias/darkColorPalette.js.map +1 -1
- package/lib-commonjs/alias/highContrastColor.js +158 -159
- package/lib-commonjs/alias/highContrastColor.js.map +1 -1
- package/lib-commonjs/alias/highContrastColorPalette.js +37 -34
- package/lib-commonjs/alias/highContrastColorPalette.js.map +1 -1
- package/lib-commonjs/alias/lightColor.js +158 -159
- package/lib-commonjs/alias/lightColor.js.map +1 -1
- package/lib-commonjs/alias/lightColorPalette.js +38 -35
- package/lib-commonjs/alias/lightColorPalette.js.map +1 -1
- package/lib-commonjs/alias/teamsDarkColor.js +158 -159
- package/lib-commonjs/alias/teamsDarkColor.js.map +1 -1
- package/lib-commonjs/global/borderRadius.js +14 -11
- package/lib-commonjs/global/borderRadius.js.map +1 -1
- package/lib-commonjs/global/brandColors.js +65 -55
- package/lib-commonjs/global/brandColors.js.map +1 -1
- package/lib-commonjs/global/colorPalette.js +51 -42
- package/lib-commonjs/global/colorPalette.js.map +1 -1
- package/lib-commonjs/global/colors.js +883 -814
- package/lib-commonjs/global/colors.js.map +1 -1
- package/lib-commonjs/global/curves.js +17 -14
- package/lib-commonjs/global/curves.js.map +1 -1
- package/lib-commonjs/global/durations.js +15 -12
- package/lib-commonjs/global/durations.js.map +1 -1
- package/lib-commonjs/global/fonts.js +48 -39
- package/lib-commonjs/global/fonts.js.map +1 -1
- package/lib-commonjs/global/index.js +12 -12
- package/lib-commonjs/global/index.js.map +1 -1
- package/lib-commonjs/global/spacings.js +49 -40
- package/lib-commonjs/global/spacings.js.map +1 -1
- package/lib-commonjs/global/strokeWidths.js +12 -9
- package/lib-commonjs/global/strokeWidths.js.map +1 -1
- package/lib-commonjs/global/typographyStyles.js +111 -111
- package/lib-commonjs/global/typographyStyles.js.map +1 -1
- package/lib-commonjs/index.js +29 -81
- package/lib-commonjs/index.js.map +1 -1
- package/lib-commonjs/sharedColorNames.js +69 -10
- package/lib-commonjs/sharedColorNames.js.map +1 -1
- package/lib-commonjs/themeToTokensObject.js +16 -15
- package/lib-commonjs/themeToTokensObject.js.map +1 -1
- package/lib-commonjs/themes/index.js +6 -5
- package/lib-commonjs/themes/index.js.map +1 -1
- package/lib-commonjs/themes/teams/darkTheme.js +9 -6
- package/lib-commonjs/themes/teams/darkTheme.js.map +1 -1
- package/lib-commonjs/themes/teams/highContrastTheme.js +8 -5
- package/lib-commonjs/themes/teams/highContrastTheme.js.map +1 -1
- package/lib-commonjs/themes/teams/index.js +7 -6
- package/lib-commonjs/themes/teams/index.js.map +1 -1
- package/lib-commonjs/themes/teams/lightTheme.js +9 -6
- package/lib-commonjs/themes/teams/lightTheme.js.map +1 -1
- package/lib-commonjs/themes/web/darkTheme.js +9 -6
- package/lib-commonjs/themes/web/darkTheme.js.map +1 -1
- package/lib-commonjs/themes/web/index.js +6 -5
- package/lib-commonjs/themes/web/index.js.map +1 -1
- package/lib-commonjs/themes/web/lightTheme.js +9 -6
- package/lib-commonjs/themes/web/lightTheme.js.map +1 -1
- package/lib-commonjs/tokens.js +443 -440
- package/lib-commonjs/tokens.js.map +1 -1
- package/lib-commonjs/types.js +3 -2
- package/lib-commonjs/types.js.map +1 -1
- package/lib-commonjs/utils/createDarkTheme.js +32 -30
- package/lib-commonjs/utils/createDarkTheme.js.map +1 -1
- package/lib-commonjs/utils/createHighContrastTheme.js +32 -30
- package/lib-commonjs/utils/createHighContrastTheme.js.map +1 -1
- package/lib-commonjs/utils/createLightTheme.js +32 -30
- package/lib-commonjs/utils/createLightTheme.js.map +1 -1
- package/lib-commonjs/utils/createTeamsDarkTheme.js +32 -30
- package/lib-commonjs/utils/createTeamsDarkTheme.js.map +1 -1
- package/lib-commonjs/utils/index.js +8 -7
- package/lib-commonjs/utils/index.js.map +1 -1
- package/lib-commonjs/utils/shadows.js +16 -14
- package/lib-commonjs/utils/shadows.js.map +1 -1
- package/package.json +3 -3
package/lib/tokens.js
CHANGED
|
@@ -1,438 +1,438 @@
|
|
|
1
1
|
export const tokens = {
|
|
2
2
|
// Color tokens
|
|
3
|
-
colorNeutralForeground1:
|
|
4
|
-
colorNeutralForeground1Hover:
|
|
5
|
-
colorNeutralForeground1Pressed:
|
|
6
|
-
colorNeutralForeground1Selected:
|
|
7
|
-
colorNeutralForeground2:
|
|
8
|
-
colorNeutralForeground2Hover:
|
|
9
|
-
colorNeutralForeground2Pressed:
|
|
10
|
-
colorNeutralForeground2Selected:
|
|
11
|
-
colorNeutralForeground2BrandHover:
|
|
12
|
-
colorNeutralForeground2BrandPressed:
|
|
13
|
-
colorNeutralForeground2BrandSelected:
|
|
14
|
-
colorNeutralForeground3:
|
|
15
|
-
colorNeutralForeground3Hover:
|
|
16
|
-
colorNeutralForeground3Pressed:
|
|
17
|
-
colorNeutralForeground3Selected:
|
|
18
|
-
colorNeutralForeground3BrandHover:
|
|
19
|
-
colorNeutralForeground3BrandPressed:
|
|
20
|
-
colorNeutralForeground3BrandSelected:
|
|
21
|
-
colorNeutralForeground4:
|
|
22
|
-
colorNeutralForegroundDisabled:
|
|
23
|
-
colorBrandForegroundLink:
|
|
24
|
-
colorBrandForegroundLinkHover:
|
|
25
|
-
colorBrandForegroundLinkPressed:
|
|
26
|
-
colorBrandForegroundLinkSelected:
|
|
27
|
-
colorNeutralForeground2Link:
|
|
28
|
-
colorNeutralForeground2LinkHover:
|
|
29
|
-
colorNeutralForeground2LinkPressed:
|
|
30
|
-
colorNeutralForeground2LinkSelected:
|
|
31
|
-
colorCompoundBrandForeground1:
|
|
32
|
-
colorCompoundBrandForeground1Hover:
|
|
33
|
-
colorCompoundBrandForeground1Pressed:
|
|
34
|
-
colorNeutralForegroundOnBrand:
|
|
35
|
-
colorNeutralForegroundInverted:
|
|
36
|
-
colorNeutralForegroundInvertedHover:
|
|
37
|
-
colorNeutralForegroundInvertedPressed:
|
|
38
|
-
colorNeutralForegroundInvertedSelected:
|
|
39
|
-
colorNeutralForegroundInverted2:
|
|
40
|
-
colorNeutralForegroundStaticInverted:
|
|
41
|
-
colorNeutralForegroundInvertedLink:
|
|
42
|
-
colorNeutralForegroundInvertedLinkHover:
|
|
43
|
-
colorNeutralForegroundInvertedLinkPressed:
|
|
44
|
-
colorNeutralForegroundInvertedLinkSelected:
|
|
45
|
-
colorNeutralForegroundInvertedDisabled:
|
|
46
|
-
colorBrandForeground1:
|
|
47
|
-
colorBrandForeground2:
|
|
48
|
-
colorNeutralForeground1Static:
|
|
49
|
-
colorBrandForegroundInverted:
|
|
50
|
-
colorBrandForegroundInvertedHover:
|
|
51
|
-
colorBrandForegroundInvertedPressed:
|
|
52
|
-
colorBrandForegroundOnLight:
|
|
53
|
-
colorBrandForegroundOnLightHover:
|
|
54
|
-
colorBrandForegroundOnLightPressed:
|
|
55
|
-
colorBrandForegroundOnLightSelected:
|
|
56
|
-
colorNeutralBackground1:
|
|
57
|
-
colorNeutralBackground1Hover:
|
|
58
|
-
colorNeutralBackground1Pressed:
|
|
59
|
-
colorNeutralBackground1Selected:
|
|
60
|
-
colorNeutralBackground2:
|
|
61
|
-
colorNeutralBackground2Hover:
|
|
62
|
-
colorNeutralBackground2Pressed:
|
|
63
|
-
colorNeutralBackground2Selected:
|
|
64
|
-
colorNeutralBackground3:
|
|
65
|
-
colorNeutralBackground3Hover:
|
|
66
|
-
colorNeutralBackground3Pressed:
|
|
67
|
-
colorNeutralBackground3Selected:
|
|
68
|
-
colorNeutralBackground4:
|
|
69
|
-
colorNeutralBackground4Hover:
|
|
70
|
-
colorNeutralBackground4Pressed:
|
|
71
|
-
colorNeutralBackground4Selected:
|
|
72
|
-
colorNeutralBackground5:
|
|
73
|
-
colorNeutralBackground5Hover:
|
|
74
|
-
colorNeutralBackground5Pressed:
|
|
75
|
-
colorNeutralBackground5Selected:
|
|
76
|
-
colorNeutralBackground6:
|
|
77
|
-
colorNeutralBackgroundInverted:
|
|
78
|
-
colorNeutralBackgroundStatic:
|
|
79
|
-
colorNeutralBackgroundAlpha:
|
|
80
|
-
colorNeutralBackgroundAlpha2:
|
|
81
|
-
colorSubtleBackground:
|
|
82
|
-
colorSubtleBackgroundHover:
|
|
83
|
-
colorSubtleBackgroundPressed:
|
|
84
|
-
colorSubtleBackgroundSelected:
|
|
85
|
-
colorSubtleBackgroundLightAlphaHover:
|
|
86
|
-
colorSubtleBackgroundLightAlphaPressed:
|
|
87
|
-
colorSubtleBackgroundLightAlphaSelected:
|
|
88
|
-
colorSubtleBackgroundInverted:
|
|
89
|
-
colorSubtleBackgroundInvertedHover:
|
|
90
|
-
colorSubtleBackgroundInvertedPressed:
|
|
91
|
-
colorSubtleBackgroundInvertedSelected:
|
|
92
|
-
colorTransparentBackground:
|
|
93
|
-
colorTransparentBackgroundHover:
|
|
94
|
-
colorTransparentBackgroundPressed:
|
|
95
|
-
colorTransparentBackgroundSelected:
|
|
96
|
-
colorNeutralBackgroundDisabled:
|
|
97
|
-
colorNeutralBackgroundInvertedDisabled:
|
|
98
|
-
colorNeutralStencil1:
|
|
99
|
-
colorNeutralStencil2:
|
|
100
|
-
colorNeutralStencil1Alpha:
|
|
101
|
-
colorNeutralStencil2Alpha:
|
|
102
|
-
colorBackgroundOverlay:
|
|
103
|
-
colorScrollbarOverlay:
|
|
104
|
-
colorBrandBackground:
|
|
105
|
-
colorBrandBackgroundHover:
|
|
106
|
-
colorBrandBackgroundPressed:
|
|
107
|
-
colorBrandBackgroundSelected:
|
|
108
|
-
colorCompoundBrandBackground:
|
|
109
|
-
colorCompoundBrandBackgroundHover:
|
|
110
|
-
colorCompoundBrandBackgroundPressed:
|
|
111
|
-
colorBrandBackgroundStatic:
|
|
112
|
-
colorBrandBackground2:
|
|
113
|
-
colorBrandBackgroundInverted:
|
|
114
|
-
colorBrandBackgroundInvertedHover:
|
|
115
|
-
colorBrandBackgroundInvertedPressed:
|
|
116
|
-
colorBrandBackgroundInvertedSelected:
|
|
117
|
-
colorNeutralStrokeAccessible:
|
|
118
|
-
colorNeutralStrokeAccessibleHover:
|
|
119
|
-
colorNeutralStrokeAccessiblePressed:
|
|
120
|
-
colorNeutralStrokeAccessibleSelected:
|
|
121
|
-
colorNeutralStroke1:
|
|
122
|
-
colorNeutralStroke1Hover:
|
|
123
|
-
colorNeutralStroke1Pressed:
|
|
124
|
-
colorNeutralStroke1Selected:
|
|
125
|
-
colorNeutralStroke2:
|
|
126
|
-
colorNeutralStroke3:
|
|
127
|
-
colorNeutralStrokeOnBrand:
|
|
128
|
-
colorNeutralStrokeOnBrand2:
|
|
129
|
-
colorNeutralStrokeOnBrand2Hover:
|
|
130
|
-
colorNeutralStrokeOnBrand2Pressed:
|
|
131
|
-
colorNeutralStrokeOnBrand2Selected:
|
|
132
|
-
colorBrandStroke1:
|
|
133
|
-
colorBrandStroke2:
|
|
134
|
-
colorCompoundBrandStroke:
|
|
135
|
-
colorCompoundBrandStrokeHover:
|
|
136
|
-
colorCompoundBrandStrokePressed:
|
|
137
|
-
colorNeutralStrokeDisabled:
|
|
138
|
-
colorNeutralStrokeInvertedDisabled:
|
|
139
|
-
colorTransparentStroke:
|
|
140
|
-
colorTransparentStrokeInteractive:
|
|
141
|
-
colorTransparentStrokeDisabled:
|
|
142
|
-
colorNeutralStrokeAlpha:
|
|
143
|
-
colorStrokeFocus1:
|
|
144
|
-
colorStrokeFocus2:
|
|
145
|
-
colorNeutralShadowAmbient:
|
|
146
|
-
colorNeutralShadowKey:
|
|
147
|
-
colorNeutralShadowAmbientLighter:
|
|
148
|
-
colorNeutralShadowKeyLighter:
|
|
149
|
-
colorNeutralShadowAmbientDarker:
|
|
150
|
-
colorNeutralShadowKeyDarker:
|
|
151
|
-
colorBrandShadowAmbient:
|
|
152
|
-
colorBrandShadowKey:
|
|
3
|
+
colorNeutralForeground1: "var(--colorNeutralForeground1)",
|
|
4
|
+
colorNeutralForeground1Hover: "var(--colorNeutralForeground1Hover)",
|
|
5
|
+
colorNeutralForeground1Pressed: "var(--colorNeutralForeground1Pressed)",
|
|
6
|
+
colorNeutralForeground1Selected: "var(--colorNeutralForeground1Selected)",
|
|
7
|
+
colorNeutralForeground2: "var(--colorNeutralForeground2)",
|
|
8
|
+
colorNeutralForeground2Hover: "var(--colorNeutralForeground2Hover)",
|
|
9
|
+
colorNeutralForeground2Pressed: "var(--colorNeutralForeground2Pressed)",
|
|
10
|
+
colorNeutralForeground2Selected: "var(--colorNeutralForeground2Selected)",
|
|
11
|
+
colorNeutralForeground2BrandHover: "var(--colorNeutralForeground2BrandHover)",
|
|
12
|
+
colorNeutralForeground2BrandPressed: "var(--colorNeutralForeground2BrandPressed)",
|
|
13
|
+
colorNeutralForeground2BrandSelected: "var(--colorNeutralForeground2BrandSelected)",
|
|
14
|
+
colorNeutralForeground3: "var(--colorNeutralForeground3)",
|
|
15
|
+
colorNeutralForeground3Hover: "var(--colorNeutralForeground3Hover)",
|
|
16
|
+
colorNeutralForeground3Pressed: "var(--colorNeutralForeground3Pressed)",
|
|
17
|
+
colorNeutralForeground3Selected: "var(--colorNeutralForeground3Selected)",
|
|
18
|
+
colorNeutralForeground3BrandHover: "var(--colorNeutralForeground3BrandHover)",
|
|
19
|
+
colorNeutralForeground3BrandPressed: "var(--colorNeutralForeground3BrandPressed)",
|
|
20
|
+
colorNeutralForeground3BrandSelected: "var(--colorNeutralForeground3BrandSelected)",
|
|
21
|
+
colorNeutralForeground4: "var(--colorNeutralForeground4)",
|
|
22
|
+
colorNeutralForegroundDisabled: "var(--colorNeutralForegroundDisabled)",
|
|
23
|
+
colorBrandForegroundLink: "var(--colorBrandForegroundLink)",
|
|
24
|
+
colorBrandForegroundLinkHover: "var(--colorBrandForegroundLinkHover)",
|
|
25
|
+
colorBrandForegroundLinkPressed: "var(--colorBrandForegroundLinkPressed)",
|
|
26
|
+
colorBrandForegroundLinkSelected: "var(--colorBrandForegroundLinkSelected)",
|
|
27
|
+
colorNeutralForeground2Link: "var(--colorNeutralForeground2Link)",
|
|
28
|
+
colorNeutralForeground2LinkHover: "var(--colorNeutralForeground2LinkHover)",
|
|
29
|
+
colorNeutralForeground2LinkPressed: "var(--colorNeutralForeground2LinkPressed)",
|
|
30
|
+
colorNeutralForeground2LinkSelected: "var(--colorNeutralForeground2LinkSelected)",
|
|
31
|
+
colorCompoundBrandForeground1: "var(--colorCompoundBrandForeground1)",
|
|
32
|
+
colorCompoundBrandForeground1Hover: "var(--colorCompoundBrandForeground1Hover)",
|
|
33
|
+
colorCompoundBrandForeground1Pressed: "var(--colorCompoundBrandForeground1Pressed)",
|
|
34
|
+
colorNeutralForegroundOnBrand: "var(--colorNeutralForegroundOnBrand)",
|
|
35
|
+
colorNeutralForegroundInverted: "var(--colorNeutralForegroundInverted)",
|
|
36
|
+
colorNeutralForegroundInvertedHover: "var(--colorNeutralForegroundInvertedHover)",
|
|
37
|
+
colorNeutralForegroundInvertedPressed: "var(--colorNeutralForegroundInvertedPressed)",
|
|
38
|
+
colorNeutralForegroundInvertedSelected: "var(--colorNeutralForegroundInvertedSelected)",
|
|
39
|
+
colorNeutralForegroundInverted2: "var(--colorNeutralForegroundInverted2)",
|
|
40
|
+
colorNeutralForegroundStaticInverted: "var(--colorNeutralForegroundStaticInverted)",
|
|
41
|
+
colorNeutralForegroundInvertedLink: "var(--colorNeutralForegroundInvertedLink)",
|
|
42
|
+
colorNeutralForegroundInvertedLinkHover: "var(--colorNeutralForegroundInvertedLinkHover)",
|
|
43
|
+
colorNeutralForegroundInvertedLinkPressed: "var(--colorNeutralForegroundInvertedLinkPressed)",
|
|
44
|
+
colorNeutralForegroundInvertedLinkSelected: "var(--colorNeutralForegroundInvertedLinkSelected)",
|
|
45
|
+
colorNeutralForegroundInvertedDisabled: "var(--colorNeutralForegroundInvertedDisabled)",
|
|
46
|
+
colorBrandForeground1: "var(--colorBrandForeground1)",
|
|
47
|
+
colorBrandForeground2: "var(--colorBrandForeground2)",
|
|
48
|
+
colorNeutralForeground1Static: "var(--colorNeutralForeground1Static)",
|
|
49
|
+
colorBrandForegroundInverted: "var(--colorBrandForegroundInverted)",
|
|
50
|
+
colorBrandForegroundInvertedHover: "var(--colorBrandForegroundInvertedHover)",
|
|
51
|
+
colorBrandForegroundInvertedPressed: "var(--colorBrandForegroundInvertedPressed)",
|
|
52
|
+
colorBrandForegroundOnLight: "var(--colorBrandForegroundOnLight)",
|
|
53
|
+
colorBrandForegroundOnLightHover: "var(--colorBrandForegroundOnLightHover)",
|
|
54
|
+
colorBrandForegroundOnLightPressed: "var(--colorBrandForegroundOnLightPressed)",
|
|
55
|
+
colorBrandForegroundOnLightSelected: "var(--colorBrandForegroundOnLightSelected)",
|
|
56
|
+
colorNeutralBackground1: "var(--colorNeutralBackground1)",
|
|
57
|
+
colorNeutralBackground1Hover: "var(--colorNeutralBackground1Hover)",
|
|
58
|
+
colorNeutralBackground1Pressed: "var(--colorNeutralBackground1Pressed)",
|
|
59
|
+
colorNeutralBackground1Selected: "var(--colorNeutralBackground1Selected)",
|
|
60
|
+
colorNeutralBackground2: "var(--colorNeutralBackground2)",
|
|
61
|
+
colorNeutralBackground2Hover: "var(--colorNeutralBackground2Hover)",
|
|
62
|
+
colorNeutralBackground2Pressed: "var(--colorNeutralBackground2Pressed)",
|
|
63
|
+
colorNeutralBackground2Selected: "var(--colorNeutralBackground2Selected)",
|
|
64
|
+
colorNeutralBackground3: "var(--colorNeutralBackground3)",
|
|
65
|
+
colorNeutralBackground3Hover: "var(--colorNeutralBackground3Hover)",
|
|
66
|
+
colorNeutralBackground3Pressed: "var(--colorNeutralBackground3Pressed)",
|
|
67
|
+
colorNeutralBackground3Selected: "var(--colorNeutralBackground3Selected)",
|
|
68
|
+
colorNeutralBackground4: "var(--colorNeutralBackground4)",
|
|
69
|
+
colorNeutralBackground4Hover: "var(--colorNeutralBackground4Hover)",
|
|
70
|
+
colorNeutralBackground4Pressed: "var(--colorNeutralBackground4Pressed)",
|
|
71
|
+
colorNeutralBackground4Selected: "var(--colorNeutralBackground4Selected)",
|
|
72
|
+
colorNeutralBackground5: "var(--colorNeutralBackground5)",
|
|
73
|
+
colorNeutralBackground5Hover: "var(--colorNeutralBackground5Hover)",
|
|
74
|
+
colorNeutralBackground5Pressed: "var(--colorNeutralBackground5Pressed)",
|
|
75
|
+
colorNeutralBackground5Selected: "var(--colorNeutralBackground5Selected)",
|
|
76
|
+
colorNeutralBackground6: "var(--colorNeutralBackground6)",
|
|
77
|
+
colorNeutralBackgroundInverted: "var(--colorNeutralBackgroundInverted)",
|
|
78
|
+
colorNeutralBackgroundStatic: "var(--colorNeutralBackgroundStatic)",
|
|
79
|
+
colorNeutralBackgroundAlpha: "var(--colorNeutralBackgroundAlpha)",
|
|
80
|
+
colorNeutralBackgroundAlpha2: "var(--colorNeutralBackgroundAlpha2)",
|
|
81
|
+
colorSubtleBackground: "var(--colorSubtleBackground)",
|
|
82
|
+
colorSubtleBackgroundHover: "var(--colorSubtleBackgroundHover)",
|
|
83
|
+
colorSubtleBackgroundPressed: "var(--colorSubtleBackgroundPressed)",
|
|
84
|
+
colorSubtleBackgroundSelected: "var(--colorSubtleBackgroundSelected)",
|
|
85
|
+
colorSubtleBackgroundLightAlphaHover: "var(--colorSubtleBackgroundLightAlphaHover)",
|
|
86
|
+
colorSubtleBackgroundLightAlphaPressed: "var(--colorSubtleBackgroundLightAlphaPressed)",
|
|
87
|
+
colorSubtleBackgroundLightAlphaSelected: "var(--colorSubtleBackgroundLightAlphaSelected)",
|
|
88
|
+
colorSubtleBackgroundInverted: "var(--colorSubtleBackgroundInverted)",
|
|
89
|
+
colorSubtleBackgroundInvertedHover: "var(--colorSubtleBackgroundInvertedHover)",
|
|
90
|
+
colorSubtleBackgroundInvertedPressed: "var(--colorSubtleBackgroundInvertedPressed)",
|
|
91
|
+
colorSubtleBackgroundInvertedSelected: "var(--colorSubtleBackgroundInvertedSelected)",
|
|
92
|
+
colorTransparentBackground: "var(--colorTransparentBackground)",
|
|
93
|
+
colorTransparentBackgroundHover: "var(--colorTransparentBackgroundHover)",
|
|
94
|
+
colorTransparentBackgroundPressed: "var(--colorTransparentBackgroundPressed)",
|
|
95
|
+
colorTransparentBackgroundSelected: "var(--colorTransparentBackgroundSelected)",
|
|
96
|
+
colorNeutralBackgroundDisabled: "var(--colorNeutralBackgroundDisabled)",
|
|
97
|
+
colorNeutralBackgroundInvertedDisabled: "var(--colorNeutralBackgroundInvertedDisabled)",
|
|
98
|
+
colorNeutralStencil1: "var(--colorNeutralStencil1)",
|
|
99
|
+
colorNeutralStencil2: "var(--colorNeutralStencil2)",
|
|
100
|
+
colorNeutralStencil1Alpha: "var(--colorNeutralStencil1Alpha)",
|
|
101
|
+
colorNeutralStencil2Alpha: "var(--colorNeutralStencil2Alpha)",
|
|
102
|
+
colorBackgroundOverlay: "var(--colorBackgroundOverlay)",
|
|
103
|
+
colorScrollbarOverlay: "var(--colorScrollbarOverlay)",
|
|
104
|
+
colorBrandBackground: "var(--colorBrandBackground)",
|
|
105
|
+
colorBrandBackgroundHover: "var(--colorBrandBackgroundHover)",
|
|
106
|
+
colorBrandBackgroundPressed: "var(--colorBrandBackgroundPressed)",
|
|
107
|
+
colorBrandBackgroundSelected: "var(--colorBrandBackgroundSelected)",
|
|
108
|
+
colorCompoundBrandBackground: "var(--colorCompoundBrandBackground)",
|
|
109
|
+
colorCompoundBrandBackgroundHover: "var(--colorCompoundBrandBackgroundHover)",
|
|
110
|
+
colorCompoundBrandBackgroundPressed: "var(--colorCompoundBrandBackgroundPressed)",
|
|
111
|
+
colorBrandBackgroundStatic: "var(--colorBrandBackgroundStatic)",
|
|
112
|
+
colorBrandBackground2: "var(--colorBrandBackground2)",
|
|
113
|
+
colorBrandBackgroundInverted: "var(--colorBrandBackgroundInverted)",
|
|
114
|
+
colorBrandBackgroundInvertedHover: "var(--colorBrandBackgroundInvertedHover)",
|
|
115
|
+
colorBrandBackgroundInvertedPressed: "var(--colorBrandBackgroundInvertedPressed)",
|
|
116
|
+
colorBrandBackgroundInvertedSelected: "var(--colorBrandBackgroundInvertedSelected)",
|
|
117
|
+
colorNeutralStrokeAccessible: "var(--colorNeutralStrokeAccessible)",
|
|
118
|
+
colorNeutralStrokeAccessibleHover: "var(--colorNeutralStrokeAccessibleHover)",
|
|
119
|
+
colorNeutralStrokeAccessiblePressed: "var(--colorNeutralStrokeAccessiblePressed)",
|
|
120
|
+
colorNeutralStrokeAccessibleSelected: "var(--colorNeutralStrokeAccessibleSelected)",
|
|
121
|
+
colorNeutralStroke1: "var(--colorNeutralStroke1)",
|
|
122
|
+
colorNeutralStroke1Hover: "var(--colorNeutralStroke1Hover)",
|
|
123
|
+
colorNeutralStroke1Pressed: "var(--colorNeutralStroke1Pressed)",
|
|
124
|
+
colorNeutralStroke1Selected: "var(--colorNeutralStroke1Selected)",
|
|
125
|
+
colorNeutralStroke2: "var(--colorNeutralStroke2)",
|
|
126
|
+
colorNeutralStroke3: "var(--colorNeutralStroke3)",
|
|
127
|
+
colorNeutralStrokeOnBrand: "var(--colorNeutralStrokeOnBrand)",
|
|
128
|
+
colorNeutralStrokeOnBrand2: "var(--colorNeutralStrokeOnBrand2)",
|
|
129
|
+
colorNeutralStrokeOnBrand2Hover: "var(--colorNeutralStrokeOnBrand2Hover)",
|
|
130
|
+
colorNeutralStrokeOnBrand2Pressed: "var(--colorNeutralStrokeOnBrand2Pressed)",
|
|
131
|
+
colorNeutralStrokeOnBrand2Selected: "var(--colorNeutralStrokeOnBrand2Selected)",
|
|
132
|
+
colorBrandStroke1: "var(--colorBrandStroke1)",
|
|
133
|
+
colorBrandStroke2: "var(--colorBrandStroke2)",
|
|
134
|
+
colorCompoundBrandStroke: "var(--colorCompoundBrandStroke)",
|
|
135
|
+
colorCompoundBrandStrokeHover: "var(--colorCompoundBrandStrokeHover)",
|
|
136
|
+
colorCompoundBrandStrokePressed: "var(--colorCompoundBrandStrokePressed)",
|
|
137
|
+
colorNeutralStrokeDisabled: "var(--colorNeutralStrokeDisabled)",
|
|
138
|
+
colorNeutralStrokeInvertedDisabled: "var(--colorNeutralStrokeInvertedDisabled)",
|
|
139
|
+
colorTransparentStroke: "var(--colorTransparentStroke)",
|
|
140
|
+
colorTransparentStrokeInteractive: "var(--colorTransparentStrokeInteractive)",
|
|
141
|
+
colorTransparentStrokeDisabled: "var(--colorTransparentStrokeDisabled)",
|
|
142
|
+
colorNeutralStrokeAlpha: "var(--colorNeutralStrokeAlpha)",
|
|
143
|
+
colorStrokeFocus1: "var(--colorStrokeFocus1)",
|
|
144
|
+
colorStrokeFocus2: "var(--colorStrokeFocus2)",
|
|
145
|
+
colorNeutralShadowAmbient: "var(--colorNeutralShadowAmbient)",
|
|
146
|
+
colorNeutralShadowKey: "var(--colorNeutralShadowKey)",
|
|
147
|
+
colorNeutralShadowAmbientLighter: "var(--colorNeutralShadowAmbientLighter)",
|
|
148
|
+
colorNeutralShadowKeyLighter: "var(--colorNeutralShadowKeyLighter)",
|
|
149
|
+
colorNeutralShadowAmbientDarker: "var(--colorNeutralShadowAmbientDarker)",
|
|
150
|
+
colorNeutralShadowKeyDarker: "var(--colorNeutralShadowKeyDarker)",
|
|
151
|
+
colorBrandShadowAmbient: "var(--colorBrandShadowAmbient)",
|
|
152
|
+
colorBrandShadowKey: "var(--colorBrandShadowKey)",
|
|
153
153
|
// Color palette tokens
|
|
154
154
|
// Color palette red tokens
|
|
155
|
-
colorPaletteRedBackground1:
|
|
156
|
-
colorPaletteRedBackground2:
|
|
157
|
-
colorPaletteRedBackground3:
|
|
158
|
-
colorPaletteRedBorderActive:
|
|
159
|
-
colorPaletteRedBorder1:
|
|
160
|
-
colorPaletteRedBorder2:
|
|
161
|
-
colorPaletteRedForeground1:
|
|
162
|
-
colorPaletteRedForeground2:
|
|
163
|
-
colorPaletteRedForeground3:
|
|
164
|
-
colorPaletteRedForegroundInverted:
|
|
155
|
+
colorPaletteRedBackground1: "var(--colorPaletteRedBackground1)",
|
|
156
|
+
colorPaletteRedBackground2: "var(--colorPaletteRedBackground2)",
|
|
157
|
+
colorPaletteRedBackground3: "var(--colorPaletteRedBackground3)",
|
|
158
|
+
colorPaletteRedBorderActive: "var(--colorPaletteRedBorderActive)",
|
|
159
|
+
colorPaletteRedBorder1: "var(--colorPaletteRedBorder1)",
|
|
160
|
+
colorPaletteRedBorder2: "var(--colorPaletteRedBorder2)",
|
|
161
|
+
colorPaletteRedForeground1: "var(--colorPaletteRedForeground1)",
|
|
162
|
+
colorPaletteRedForeground2: "var(--colorPaletteRedForeground2)",
|
|
163
|
+
colorPaletteRedForeground3: "var(--colorPaletteRedForeground3)",
|
|
164
|
+
colorPaletteRedForegroundInverted: "var(--colorPaletteRedForegroundInverted)",
|
|
165
165
|
// Color palette green tokens
|
|
166
|
-
colorPaletteGreenBackground1:
|
|
167
|
-
colorPaletteGreenBackground2:
|
|
168
|
-
colorPaletteGreenBackground3:
|
|
169
|
-
colorPaletteGreenBorderActive:
|
|
170
|
-
colorPaletteGreenBorder1:
|
|
171
|
-
colorPaletteGreenBorder2:
|
|
172
|
-
colorPaletteGreenForeground1:
|
|
173
|
-
colorPaletteGreenForeground2:
|
|
174
|
-
colorPaletteGreenForeground3:
|
|
175
|
-
colorPaletteGreenForegroundInverted:
|
|
166
|
+
colorPaletteGreenBackground1: "var(--colorPaletteGreenBackground1)",
|
|
167
|
+
colorPaletteGreenBackground2: "var(--colorPaletteGreenBackground2)",
|
|
168
|
+
colorPaletteGreenBackground3: "var(--colorPaletteGreenBackground3)",
|
|
169
|
+
colorPaletteGreenBorderActive: "var(--colorPaletteGreenBorderActive)",
|
|
170
|
+
colorPaletteGreenBorder1: "var(--colorPaletteGreenBorder1)",
|
|
171
|
+
colorPaletteGreenBorder2: "var(--colorPaletteGreenBorder2)",
|
|
172
|
+
colorPaletteGreenForeground1: "var(--colorPaletteGreenForeground1)",
|
|
173
|
+
colorPaletteGreenForeground2: "var(--colorPaletteGreenForeground2)",
|
|
174
|
+
colorPaletteGreenForeground3: "var(--colorPaletteGreenForeground3)",
|
|
175
|
+
colorPaletteGreenForegroundInverted: "var(--colorPaletteGreenForegroundInverted)",
|
|
176
176
|
// Color palette dark orange tokens
|
|
177
|
-
colorPaletteDarkOrangeBackground1:
|
|
178
|
-
colorPaletteDarkOrangeBackground2:
|
|
179
|
-
colorPaletteDarkOrangeBackground3:
|
|
180
|
-
colorPaletteDarkOrangeBorderActive:
|
|
181
|
-
colorPaletteDarkOrangeBorder1:
|
|
182
|
-
colorPaletteDarkOrangeBorder2:
|
|
183
|
-
colorPaletteDarkOrangeForeground1:
|
|
184
|
-
colorPaletteDarkOrangeForeground2:
|
|
185
|
-
colorPaletteDarkOrangeForeground3:
|
|
177
|
+
colorPaletteDarkOrangeBackground1: "var(--colorPaletteDarkOrangeBackground1)",
|
|
178
|
+
colorPaletteDarkOrangeBackground2: "var(--colorPaletteDarkOrangeBackground2)",
|
|
179
|
+
colorPaletteDarkOrangeBackground3: "var(--colorPaletteDarkOrangeBackground3)",
|
|
180
|
+
colorPaletteDarkOrangeBorderActive: "var(--colorPaletteDarkOrangeBorderActive)",
|
|
181
|
+
colorPaletteDarkOrangeBorder1: "var(--colorPaletteDarkOrangeBorder1)",
|
|
182
|
+
colorPaletteDarkOrangeBorder2: "var(--colorPaletteDarkOrangeBorder2)",
|
|
183
|
+
colorPaletteDarkOrangeForeground1: "var(--colorPaletteDarkOrangeForeground1)",
|
|
184
|
+
colorPaletteDarkOrangeForeground2: "var(--colorPaletteDarkOrangeForeground2)",
|
|
185
|
+
colorPaletteDarkOrangeForeground3: "var(--colorPaletteDarkOrangeForeground3)",
|
|
186
186
|
// Color palette yellow tokens
|
|
187
|
-
colorPaletteYellowBackground1:
|
|
188
|
-
colorPaletteYellowBackground2:
|
|
189
|
-
colorPaletteYellowBackground3:
|
|
190
|
-
colorPaletteYellowBorderActive:
|
|
191
|
-
colorPaletteYellowBorder1:
|
|
192
|
-
colorPaletteYellowBorder2:
|
|
193
|
-
colorPaletteYellowForeground1:
|
|
194
|
-
colorPaletteYellowForeground2:
|
|
195
|
-
colorPaletteYellowForeground3:
|
|
196
|
-
colorPaletteYellowForegroundInverted:
|
|
187
|
+
colorPaletteYellowBackground1: "var(--colorPaletteYellowBackground1)",
|
|
188
|
+
colorPaletteYellowBackground2: "var(--colorPaletteYellowBackground2)",
|
|
189
|
+
colorPaletteYellowBackground3: "var(--colorPaletteYellowBackground3)",
|
|
190
|
+
colorPaletteYellowBorderActive: "var(--colorPaletteYellowBorderActive)",
|
|
191
|
+
colorPaletteYellowBorder1: "var(--colorPaletteYellowBorder1)",
|
|
192
|
+
colorPaletteYellowBorder2: "var(--colorPaletteYellowBorder2)",
|
|
193
|
+
colorPaletteYellowForeground1: "var(--colorPaletteYellowForeground1)",
|
|
194
|
+
colorPaletteYellowForeground2: "var(--colorPaletteYellowForeground2)",
|
|
195
|
+
colorPaletteYellowForeground3: "var(--colorPaletteYellowForeground3)",
|
|
196
|
+
colorPaletteYellowForegroundInverted: "var(--colorPaletteYellowForegroundInverted)",
|
|
197
197
|
// Color palette berry tokens
|
|
198
|
-
colorPaletteBerryBackground1:
|
|
199
|
-
colorPaletteBerryBackground2:
|
|
200
|
-
colorPaletteBerryBackground3:
|
|
201
|
-
colorPaletteBerryBorderActive:
|
|
202
|
-
colorPaletteBerryBorder1:
|
|
203
|
-
colorPaletteBerryBorder2:
|
|
204
|
-
colorPaletteBerryForeground1:
|
|
205
|
-
colorPaletteBerryForeground2:
|
|
206
|
-
colorPaletteBerryForeground3:
|
|
198
|
+
colorPaletteBerryBackground1: "var(--colorPaletteBerryBackground1)",
|
|
199
|
+
colorPaletteBerryBackground2: "var(--colorPaletteBerryBackground2)",
|
|
200
|
+
colorPaletteBerryBackground3: "var(--colorPaletteBerryBackground3)",
|
|
201
|
+
colorPaletteBerryBorderActive: "var(--colorPaletteBerryBorderActive)",
|
|
202
|
+
colorPaletteBerryBorder1: "var(--colorPaletteBerryBorder1)",
|
|
203
|
+
colorPaletteBerryBorder2: "var(--colorPaletteBerryBorder2)",
|
|
204
|
+
colorPaletteBerryForeground1: "var(--colorPaletteBerryForeground1)",
|
|
205
|
+
colorPaletteBerryForeground2: "var(--colorPaletteBerryForeground2)",
|
|
206
|
+
colorPaletteBerryForeground3: "var(--colorPaletteBerryForeground3)",
|
|
207
207
|
// Color palette marigold tokens
|
|
208
|
-
colorPaletteMarigoldBackground1:
|
|
209
|
-
colorPaletteMarigoldBackground2:
|
|
210
|
-
colorPaletteMarigoldBackground3:
|
|
211
|
-
colorPaletteMarigoldBorderActive:
|
|
212
|
-
colorPaletteMarigoldBorder1:
|
|
213
|
-
colorPaletteMarigoldBorder2:
|
|
214
|
-
colorPaletteMarigoldForeground1:
|
|
215
|
-
colorPaletteMarigoldForeground2:
|
|
216
|
-
colorPaletteMarigoldForeground3:
|
|
208
|
+
colorPaletteMarigoldBackground1: "var(--colorPaletteMarigoldBackground1)",
|
|
209
|
+
colorPaletteMarigoldBackground2: "var(--colorPaletteMarigoldBackground2)",
|
|
210
|
+
colorPaletteMarigoldBackground3: "var(--colorPaletteMarigoldBackground3)",
|
|
211
|
+
colorPaletteMarigoldBorderActive: "var(--colorPaletteMarigoldBorderActive)",
|
|
212
|
+
colorPaletteMarigoldBorder1: "var(--colorPaletteMarigoldBorder1)",
|
|
213
|
+
colorPaletteMarigoldBorder2: "var(--colorPaletteMarigoldBorder2)",
|
|
214
|
+
colorPaletteMarigoldForeground1: "var(--colorPaletteMarigoldForeground1)",
|
|
215
|
+
colorPaletteMarigoldForeground2: "var(--colorPaletteMarigoldForeground2)",
|
|
216
|
+
colorPaletteMarigoldForeground3: "var(--colorPaletteMarigoldForeground3)",
|
|
217
217
|
// Color palette light green tokens
|
|
218
|
-
colorPaletteLightGreenBackground1:
|
|
219
|
-
colorPaletteLightGreenBackground2:
|
|
220
|
-
colorPaletteLightGreenBackground3:
|
|
221
|
-
colorPaletteLightGreenBorderActive:
|
|
222
|
-
colorPaletteLightGreenBorder1:
|
|
223
|
-
colorPaletteLightGreenBorder2:
|
|
224
|
-
colorPaletteLightGreenForeground1:
|
|
225
|
-
colorPaletteLightGreenForeground2:
|
|
226
|
-
colorPaletteLightGreenForeground3:
|
|
218
|
+
colorPaletteLightGreenBackground1: "var(--colorPaletteLightGreenBackground1)",
|
|
219
|
+
colorPaletteLightGreenBackground2: "var(--colorPaletteLightGreenBackground2)",
|
|
220
|
+
colorPaletteLightGreenBackground3: "var(--colorPaletteLightGreenBackground3)",
|
|
221
|
+
colorPaletteLightGreenBorderActive: "var(--colorPaletteLightGreenBorderActive)",
|
|
222
|
+
colorPaletteLightGreenBorder1: "var(--colorPaletteLightGreenBorder1)",
|
|
223
|
+
colorPaletteLightGreenBorder2: "var(--colorPaletteLightGreenBorder2)",
|
|
224
|
+
colorPaletteLightGreenForeground1: "var(--colorPaletteLightGreenForeground1)",
|
|
225
|
+
colorPaletteLightGreenForeground2: "var(--colorPaletteLightGreenForeground2)",
|
|
226
|
+
colorPaletteLightGreenForeground3: "var(--colorPaletteLightGreenForeground3)",
|
|
227
227
|
// Color palette anchor tokens
|
|
228
|
-
colorPaletteAnchorBackground2:
|
|
229
|
-
colorPaletteAnchorBorderActive:
|
|
230
|
-
colorPaletteAnchorForeground2:
|
|
228
|
+
colorPaletteAnchorBackground2: "var(--colorPaletteAnchorBackground2)",
|
|
229
|
+
colorPaletteAnchorBorderActive: "var(--colorPaletteAnchorBorderActive)",
|
|
230
|
+
colorPaletteAnchorForeground2: "var(--colorPaletteAnchorForeground2)",
|
|
231
231
|
// Color palette beige tokens
|
|
232
|
-
colorPaletteBeigeBackground2:
|
|
233
|
-
colorPaletteBeigeBorderActive:
|
|
234
|
-
colorPaletteBeigeForeground2:
|
|
232
|
+
colorPaletteBeigeBackground2: "var(--colorPaletteBeigeBackground2)",
|
|
233
|
+
colorPaletteBeigeBorderActive: "var(--colorPaletteBeigeBorderActive)",
|
|
234
|
+
colorPaletteBeigeForeground2: "var(--colorPaletteBeigeForeground2)",
|
|
235
235
|
// Color palette blue tokens
|
|
236
|
-
colorPaletteBlueBackground2:
|
|
237
|
-
colorPaletteBlueBorderActive:
|
|
238
|
-
colorPaletteBlueForeground2:
|
|
236
|
+
colorPaletteBlueBackground2: "var(--colorPaletteBlueBackground2)",
|
|
237
|
+
colorPaletteBlueBorderActive: "var(--colorPaletteBlueBorderActive)",
|
|
238
|
+
colorPaletteBlueForeground2: "var(--colorPaletteBlueForeground2)",
|
|
239
239
|
// Color palette brass tokens
|
|
240
|
-
colorPaletteBrassBackground2:
|
|
241
|
-
colorPaletteBrassBorderActive:
|
|
242
|
-
colorPaletteBrassForeground2:
|
|
240
|
+
colorPaletteBrassBackground2: "var(--colorPaletteBrassBackground2)",
|
|
241
|
+
colorPaletteBrassBorderActive: "var(--colorPaletteBrassBorderActive)",
|
|
242
|
+
colorPaletteBrassForeground2: "var(--colorPaletteBrassForeground2)",
|
|
243
243
|
// Color palette brown tokens
|
|
244
|
-
colorPaletteBrownBackground2:
|
|
245
|
-
colorPaletteBrownBorderActive:
|
|
246
|
-
colorPaletteBrownForeground2:
|
|
244
|
+
colorPaletteBrownBackground2: "var(--colorPaletteBrownBackground2)",
|
|
245
|
+
colorPaletteBrownBorderActive: "var(--colorPaletteBrownBorderActive)",
|
|
246
|
+
colorPaletteBrownForeground2: "var(--colorPaletteBrownForeground2)",
|
|
247
247
|
// Color palette cornflower tokens
|
|
248
|
-
colorPaletteCornflowerBackground2:
|
|
249
|
-
colorPaletteCornflowerBorderActive:
|
|
250
|
-
colorPaletteCornflowerForeground2:
|
|
248
|
+
colorPaletteCornflowerBackground2: "var(--colorPaletteCornflowerBackground2)",
|
|
249
|
+
colorPaletteCornflowerBorderActive: "var(--colorPaletteCornflowerBorderActive)",
|
|
250
|
+
colorPaletteCornflowerForeground2: "var(--colorPaletteCornflowerForeground2)",
|
|
251
251
|
// Color palette cranberry tokens
|
|
252
|
-
colorPaletteCranberryBackground2:
|
|
253
|
-
colorPaletteCranberryBorderActive:
|
|
254
|
-
colorPaletteCranberryForeground2:
|
|
252
|
+
colorPaletteCranberryBackground2: "var(--colorPaletteCranberryBackground2)",
|
|
253
|
+
colorPaletteCranberryBorderActive: "var(--colorPaletteCranberryBorderActive)",
|
|
254
|
+
colorPaletteCranberryForeground2: "var(--colorPaletteCranberryForeground2)",
|
|
255
255
|
// Color palette dark green tokens
|
|
256
|
-
colorPaletteDarkGreenBackground2:
|
|
257
|
-
colorPaletteDarkGreenBorderActive:
|
|
258
|
-
colorPaletteDarkGreenForeground2:
|
|
256
|
+
colorPaletteDarkGreenBackground2: "var(--colorPaletteDarkGreenBackground2)",
|
|
257
|
+
colorPaletteDarkGreenBorderActive: "var(--colorPaletteDarkGreenBorderActive)",
|
|
258
|
+
colorPaletteDarkGreenForeground2: "var(--colorPaletteDarkGreenForeground2)",
|
|
259
259
|
// Color palette dark red tokens
|
|
260
|
-
colorPaletteDarkRedBackground2:
|
|
261
|
-
colorPaletteDarkRedBorderActive:
|
|
262
|
-
colorPaletteDarkRedForeground2:
|
|
260
|
+
colorPaletteDarkRedBackground2: "var(--colorPaletteDarkRedBackground2)",
|
|
261
|
+
colorPaletteDarkRedBorderActive: "var(--colorPaletteDarkRedBorderActive)",
|
|
262
|
+
colorPaletteDarkRedForeground2: "var(--colorPaletteDarkRedForeground2)",
|
|
263
263
|
// Color palette forest tokens
|
|
264
|
-
colorPaletteForestBackground2:
|
|
265
|
-
colorPaletteForestBorderActive:
|
|
266
|
-
colorPaletteForestForeground2:
|
|
264
|
+
colorPaletteForestBackground2: "var(--colorPaletteForestBackground2)",
|
|
265
|
+
colorPaletteForestBorderActive: "var(--colorPaletteForestBorderActive)",
|
|
266
|
+
colorPaletteForestForeground2: "var(--colorPaletteForestForeground2)",
|
|
267
267
|
// Color palette gold tokens
|
|
268
|
-
colorPaletteGoldBackground2:
|
|
269
|
-
colorPaletteGoldBorderActive:
|
|
270
|
-
colorPaletteGoldForeground2:
|
|
268
|
+
colorPaletteGoldBackground2: "var(--colorPaletteGoldBackground2)",
|
|
269
|
+
colorPaletteGoldBorderActive: "var(--colorPaletteGoldBorderActive)",
|
|
270
|
+
colorPaletteGoldForeground2: "var(--colorPaletteGoldForeground2)",
|
|
271
271
|
// Color palette grape tokens
|
|
272
|
-
colorPaletteGrapeBackground2:
|
|
273
|
-
colorPaletteGrapeBorderActive:
|
|
274
|
-
colorPaletteGrapeForeground2:
|
|
272
|
+
colorPaletteGrapeBackground2: "var(--colorPaletteGrapeBackground2)",
|
|
273
|
+
colorPaletteGrapeBorderActive: "var(--colorPaletteGrapeBorderActive)",
|
|
274
|
+
colorPaletteGrapeForeground2: "var(--colorPaletteGrapeForeground2)",
|
|
275
275
|
// Color palette lavender tokens
|
|
276
|
-
colorPaletteLavenderBackground2:
|
|
277
|
-
colorPaletteLavenderBorderActive:
|
|
278
|
-
colorPaletteLavenderForeground2:
|
|
276
|
+
colorPaletteLavenderBackground2: "var(--colorPaletteLavenderBackground2)",
|
|
277
|
+
colorPaletteLavenderBorderActive: "var(--colorPaletteLavenderBorderActive)",
|
|
278
|
+
colorPaletteLavenderForeground2: "var(--colorPaletteLavenderForeground2)",
|
|
279
279
|
// Color palette light teal tokens
|
|
280
|
-
colorPaletteLightTealBackground2:
|
|
281
|
-
colorPaletteLightTealBorderActive:
|
|
282
|
-
colorPaletteLightTealForeground2:
|
|
280
|
+
colorPaletteLightTealBackground2: "var(--colorPaletteLightTealBackground2)",
|
|
281
|
+
colorPaletteLightTealBorderActive: "var(--colorPaletteLightTealBorderActive)",
|
|
282
|
+
colorPaletteLightTealForeground2: "var(--colorPaletteLightTealForeground2)",
|
|
283
283
|
// Color palette lilac tokens
|
|
284
|
-
colorPaletteLilacBackground2:
|
|
285
|
-
colorPaletteLilacBorderActive:
|
|
286
|
-
colorPaletteLilacForeground2:
|
|
284
|
+
colorPaletteLilacBackground2: "var(--colorPaletteLilacBackground2)",
|
|
285
|
+
colorPaletteLilacBorderActive: "var(--colorPaletteLilacBorderActive)",
|
|
286
|
+
colorPaletteLilacForeground2: "var(--colorPaletteLilacForeground2)",
|
|
287
287
|
// Color palette magenta tokens
|
|
288
|
-
colorPaletteMagentaBackground2:
|
|
289
|
-
colorPaletteMagentaBorderActive:
|
|
290
|
-
colorPaletteMagentaForeground2:
|
|
288
|
+
colorPaletteMagentaBackground2: "var(--colorPaletteMagentaBackground2)",
|
|
289
|
+
colorPaletteMagentaBorderActive: "var(--colorPaletteMagentaBorderActive)",
|
|
290
|
+
colorPaletteMagentaForeground2: "var(--colorPaletteMagentaForeground2)",
|
|
291
291
|
// Color palette mink tokens
|
|
292
|
-
colorPaletteMinkBackground2:
|
|
293
|
-
colorPaletteMinkBorderActive:
|
|
294
|
-
colorPaletteMinkForeground2:
|
|
292
|
+
colorPaletteMinkBackground2: "var(--colorPaletteMinkBackground2)",
|
|
293
|
+
colorPaletteMinkBorderActive: "var(--colorPaletteMinkBorderActive)",
|
|
294
|
+
colorPaletteMinkForeground2: "var(--colorPaletteMinkForeground2)",
|
|
295
295
|
// Color palette navy tokens
|
|
296
|
-
colorPaletteNavyBackground2:
|
|
297
|
-
colorPaletteNavyBorderActive:
|
|
298
|
-
colorPaletteNavyForeground2:
|
|
296
|
+
colorPaletteNavyBackground2: "var(--colorPaletteNavyBackground2)",
|
|
297
|
+
colorPaletteNavyBorderActive: "var(--colorPaletteNavyBorderActive)",
|
|
298
|
+
colorPaletteNavyForeground2: "var(--colorPaletteNavyForeground2)",
|
|
299
299
|
// Color palette peach tokens
|
|
300
|
-
colorPalettePeachBackground2:
|
|
301
|
-
colorPalettePeachBorderActive:
|
|
302
|
-
colorPalettePeachForeground2:
|
|
300
|
+
colorPalettePeachBackground2: "var(--colorPalettePeachBackground2)",
|
|
301
|
+
colorPalettePeachBorderActive: "var(--colorPalettePeachBorderActive)",
|
|
302
|
+
colorPalettePeachForeground2: "var(--colorPalettePeachForeground2)",
|
|
303
303
|
// Color palette pink tokens
|
|
304
|
-
colorPalettePinkBackground2:
|
|
305
|
-
colorPalettePinkBorderActive:
|
|
306
|
-
colorPalettePinkForeground2:
|
|
304
|
+
colorPalettePinkBackground2: "var(--colorPalettePinkBackground2)",
|
|
305
|
+
colorPalettePinkBorderActive: "var(--colorPalettePinkBorderActive)",
|
|
306
|
+
colorPalettePinkForeground2: "var(--colorPalettePinkForeground2)",
|
|
307
307
|
// Color palette platinum tokens
|
|
308
|
-
colorPalettePlatinumBackground2:
|
|
309
|
-
colorPalettePlatinumBorderActive:
|
|
310
|
-
colorPalettePlatinumForeground2:
|
|
308
|
+
colorPalettePlatinumBackground2: "var(--colorPalettePlatinumBackground2)",
|
|
309
|
+
colorPalettePlatinumBorderActive: "var(--colorPalettePlatinumBorderActive)",
|
|
310
|
+
colorPalettePlatinumForeground2: "var(--colorPalettePlatinumForeground2)",
|
|
311
311
|
// Color palette plum tokens
|
|
312
|
-
colorPalettePlumBackground2:
|
|
313
|
-
colorPalettePlumBorderActive:
|
|
314
|
-
colorPalettePlumForeground2:
|
|
312
|
+
colorPalettePlumBackground2: "var(--colorPalettePlumBackground2)",
|
|
313
|
+
colorPalettePlumBorderActive: "var(--colorPalettePlumBorderActive)",
|
|
314
|
+
colorPalettePlumForeground2: "var(--colorPalettePlumForeground2)",
|
|
315
315
|
// Color palette pumpkin tokens
|
|
316
|
-
colorPalettePumpkinBackground2:
|
|
317
|
-
colorPalettePumpkinBorderActive:
|
|
318
|
-
colorPalettePumpkinForeground2:
|
|
316
|
+
colorPalettePumpkinBackground2: "var(--colorPalettePumpkinBackground2)",
|
|
317
|
+
colorPalettePumpkinBorderActive: "var(--colorPalettePumpkinBorderActive)",
|
|
318
|
+
colorPalettePumpkinForeground2: "var(--colorPalettePumpkinForeground2)",
|
|
319
319
|
// Color palette purple tokens
|
|
320
|
-
colorPalettePurpleBackground2:
|
|
321
|
-
colorPalettePurpleBorderActive:
|
|
322
|
-
colorPalettePurpleForeground2:
|
|
320
|
+
colorPalettePurpleBackground2: "var(--colorPalettePurpleBackground2)",
|
|
321
|
+
colorPalettePurpleBorderActive: "var(--colorPalettePurpleBorderActive)",
|
|
322
|
+
colorPalettePurpleForeground2: "var(--colorPalettePurpleForeground2)",
|
|
323
323
|
// Color palette royal blue tokens
|
|
324
|
-
colorPaletteRoyalBlueBackground2:
|
|
325
|
-
colorPaletteRoyalBlueBorderActive:
|
|
326
|
-
colorPaletteRoyalBlueForeground2:
|
|
324
|
+
colorPaletteRoyalBlueBackground2: "var(--colorPaletteRoyalBlueBackground2)",
|
|
325
|
+
colorPaletteRoyalBlueBorderActive: "var(--colorPaletteRoyalBlueBorderActive)",
|
|
326
|
+
colorPaletteRoyalBlueForeground2: "var(--colorPaletteRoyalBlueForeground2)",
|
|
327
327
|
// Color palette seafoam tokens
|
|
328
|
-
colorPaletteSeafoamBackground2:
|
|
329
|
-
colorPaletteSeafoamBorderActive:
|
|
330
|
-
colorPaletteSeafoamForeground2:
|
|
328
|
+
colorPaletteSeafoamBackground2: "var(--colorPaletteSeafoamBackground2)",
|
|
329
|
+
colorPaletteSeafoamBorderActive: "var(--colorPaletteSeafoamBorderActive)",
|
|
330
|
+
colorPaletteSeafoamForeground2: "var(--colorPaletteSeafoamForeground2)",
|
|
331
331
|
// Color palette steel tokens
|
|
332
|
-
colorPaletteSteelBackground2:
|
|
333
|
-
colorPaletteSteelBorderActive:
|
|
334
|
-
colorPaletteSteelForeground2:
|
|
332
|
+
colorPaletteSteelBackground2: "var(--colorPaletteSteelBackground2)",
|
|
333
|
+
colorPaletteSteelBorderActive: "var(--colorPaletteSteelBorderActive)",
|
|
334
|
+
colorPaletteSteelForeground2: "var(--colorPaletteSteelForeground2)",
|
|
335
335
|
// Color palette teal tokens
|
|
336
|
-
colorPaletteTealBackground2:
|
|
337
|
-
colorPaletteTealBorderActive:
|
|
338
|
-
colorPaletteTealForeground2:
|
|
336
|
+
colorPaletteTealBackground2: "var(--colorPaletteTealBackground2)",
|
|
337
|
+
colorPaletteTealBorderActive: "var(--colorPaletteTealBorderActive)",
|
|
338
|
+
colorPaletteTealForeground2: "var(--colorPaletteTealForeground2)",
|
|
339
339
|
// Border radius tokens
|
|
340
|
-
borderRadiusNone:
|
|
341
|
-
borderRadiusSmall:
|
|
342
|
-
borderRadiusMedium:
|
|
343
|
-
borderRadiusLarge:
|
|
344
|
-
borderRadiusXLarge:
|
|
345
|
-
borderRadiusCircular:
|
|
340
|
+
borderRadiusNone: "var(--borderRadiusNone)",
|
|
341
|
+
borderRadiusSmall: "var(--borderRadiusSmall)",
|
|
342
|
+
borderRadiusMedium: "var(--borderRadiusMedium)",
|
|
343
|
+
borderRadiusLarge: "var(--borderRadiusLarge)",
|
|
344
|
+
borderRadiusXLarge: "var(--borderRadiusXLarge)",
|
|
345
|
+
borderRadiusCircular: "var(--borderRadiusCircular)",
|
|
346
346
|
// Font family tokens
|
|
347
|
-
fontFamilyBase:
|
|
348
|
-
fontFamilyMonospace:
|
|
349
|
-
fontFamilyNumeric:
|
|
347
|
+
fontFamilyBase: "var(--fontFamilyBase)",
|
|
348
|
+
fontFamilyMonospace: "var(--fontFamilyMonospace)",
|
|
349
|
+
fontFamilyNumeric: "var(--fontFamilyNumeric)",
|
|
350
350
|
// Font size tokens
|
|
351
|
-
fontSizeBase100:
|
|
352
|
-
fontSizeBase200:
|
|
353
|
-
fontSizeBase300:
|
|
354
|
-
fontSizeBase400:
|
|
355
|
-
fontSizeBase500:
|
|
356
|
-
fontSizeBase600:
|
|
357
|
-
fontSizeHero700:
|
|
358
|
-
fontSizeHero800:
|
|
359
|
-
fontSizeHero900:
|
|
360
|
-
fontSizeHero1000:
|
|
351
|
+
fontSizeBase100: "var(--fontSizeBase100)",
|
|
352
|
+
fontSizeBase200: "var(--fontSizeBase200)",
|
|
353
|
+
fontSizeBase300: "var(--fontSizeBase300)",
|
|
354
|
+
fontSizeBase400: "var(--fontSizeBase400)",
|
|
355
|
+
fontSizeBase500: "var(--fontSizeBase500)",
|
|
356
|
+
fontSizeBase600: "var(--fontSizeBase600)",
|
|
357
|
+
fontSizeHero700: "var(--fontSizeHero700)",
|
|
358
|
+
fontSizeHero800: "var(--fontSizeHero800)",
|
|
359
|
+
fontSizeHero900: "var(--fontSizeHero900)",
|
|
360
|
+
fontSizeHero1000: "var(--fontSizeHero1000)",
|
|
361
361
|
// Font weight tokens
|
|
362
|
-
fontWeightRegular:
|
|
363
|
-
fontWeightMedium:
|
|
364
|
-
fontWeightSemibold:
|
|
365
|
-
fontWeightBold:
|
|
362
|
+
fontWeightRegular: "var(--fontWeightRegular)",
|
|
363
|
+
fontWeightMedium: "var(--fontWeightMedium)",
|
|
364
|
+
fontWeightSemibold: "var(--fontWeightSemibold)",
|
|
365
|
+
fontWeightBold: "var(--fontWeightBold)",
|
|
366
366
|
// Line height tokens
|
|
367
|
-
lineHeightBase100:
|
|
368
|
-
lineHeightBase200:
|
|
369
|
-
lineHeightBase300:
|
|
370
|
-
lineHeightBase400:
|
|
371
|
-
lineHeightBase500:
|
|
372
|
-
lineHeightBase600:
|
|
373
|
-
lineHeightHero700:
|
|
374
|
-
lineHeightHero800:
|
|
375
|
-
lineHeightHero900:
|
|
376
|
-
lineHeightHero1000:
|
|
367
|
+
lineHeightBase100: "var(--lineHeightBase100)",
|
|
368
|
+
lineHeightBase200: "var(--lineHeightBase200)",
|
|
369
|
+
lineHeightBase300: "var(--lineHeightBase300)",
|
|
370
|
+
lineHeightBase400: "var(--lineHeightBase400)",
|
|
371
|
+
lineHeightBase500: "var(--lineHeightBase500)",
|
|
372
|
+
lineHeightBase600: "var(--lineHeightBase600)",
|
|
373
|
+
lineHeightHero700: "var(--lineHeightHero700)",
|
|
374
|
+
lineHeightHero800: "var(--lineHeightHero800)",
|
|
375
|
+
lineHeightHero900: "var(--lineHeightHero900)",
|
|
376
|
+
lineHeightHero1000: "var(--lineHeightHero1000)",
|
|
377
377
|
// Shadow tokens
|
|
378
|
-
shadow2:
|
|
379
|
-
shadow4:
|
|
380
|
-
shadow8:
|
|
381
|
-
shadow16:
|
|
382
|
-
shadow28:
|
|
383
|
-
shadow64:
|
|
378
|
+
shadow2: "var(--shadow2)",
|
|
379
|
+
shadow4: "var(--shadow4)",
|
|
380
|
+
shadow8: "var(--shadow8)",
|
|
381
|
+
shadow16: "var(--shadow16)",
|
|
382
|
+
shadow28: "var(--shadow28)",
|
|
383
|
+
shadow64: "var(--shadow64)",
|
|
384
384
|
// Shadow brand tokens
|
|
385
|
-
shadow2Brand:
|
|
386
|
-
shadow4Brand:
|
|
387
|
-
shadow8Brand:
|
|
388
|
-
shadow16Brand:
|
|
389
|
-
shadow28Brand:
|
|
390
|
-
shadow64Brand:
|
|
385
|
+
shadow2Brand: "var(--shadow2Brand)",
|
|
386
|
+
shadow4Brand: "var(--shadow4Brand)",
|
|
387
|
+
shadow8Brand: "var(--shadow8Brand)",
|
|
388
|
+
shadow16Brand: "var(--shadow16Brand)",
|
|
389
|
+
shadow28Brand: "var(--shadow28Brand)",
|
|
390
|
+
shadow64Brand: "var(--shadow64Brand)",
|
|
391
391
|
// Stroke width tokens
|
|
392
|
-
strokeWidthThin:
|
|
393
|
-
strokeWidthThick:
|
|
394
|
-
strokeWidthThicker:
|
|
395
|
-
strokeWidthThickest:
|
|
392
|
+
strokeWidthThin: "var(--strokeWidthThin)",
|
|
393
|
+
strokeWidthThick: "var(--strokeWidthThick)",
|
|
394
|
+
strokeWidthThicker: "var(--strokeWidthThicker)",
|
|
395
|
+
strokeWidthThickest: "var(--strokeWidthThickest)",
|
|
396
396
|
// Spacings
|
|
397
|
-
spacingHorizontalNone:
|
|
398
|
-
spacingHorizontalXXS:
|
|
399
|
-
spacingHorizontalXS:
|
|
400
|
-
spacingHorizontalSNudge:
|
|
401
|
-
spacingHorizontalS:
|
|
402
|
-
spacingHorizontalMNudge:
|
|
403
|
-
spacingHorizontalM:
|
|
404
|
-
spacingHorizontalL:
|
|
405
|
-
spacingHorizontalXL:
|
|
406
|
-
spacingHorizontalXXL:
|
|
407
|
-
spacingHorizontalXXXL:
|
|
408
|
-
spacingVerticalNone:
|
|
409
|
-
spacingVerticalXXS:
|
|
410
|
-
spacingVerticalXS:
|
|
411
|
-
spacingVerticalSNudge:
|
|
412
|
-
spacingVerticalS:
|
|
413
|
-
spacingVerticalMNudge:
|
|
414
|
-
spacingVerticalM:
|
|
415
|
-
spacingVerticalL:
|
|
416
|
-
spacingVerticalXL:
|
|
417
|
-
spacingVerticalXXL:
|
|
418
|
-
spacingVerticalXXXL:
|
|
397
|
+
spacingHorizontalNone: "var(--spacingHorizontalNone)",
|
|
398
|
+
spacingHorizontalXXS: "var(--spacingHorizontalXXS)",
|
|
399
|
+
spacingHorizontalXS: "var(--spacingHorizontalXS)",
|
|
400
|
+
spacingHorizontalSNudge: "var(--spacingHorizontalSNudge)",
|
|
401
|
+
spacingHorizontalS: "var(--spacingHorizontalS)",
|
|
402
|
+
spacingHorizontalMNudge: "var(--spacingHorizontalMNudge)",
|
|
403
|
+
spacingHorizontalM: "var(--spacingHorizontalM)",
|
|
404
|
+
spacingHorizontalL: "var(--spacingHorizontalL)",
|
|
405
|
+
spacingHorizontalXL: "var(--spacingHorizontalXL)",
|
|
406
|
+
spacingHorizontalXXL: "var(--spacingHorizontalXXL)",
|
|
407
|
+
spacingHorizontalXXXL: "var(--spacingHorizontalXXXL)",
|
|
408
|
+
spacingVerticalNone: "var(--spacingVerticalNone)",
|
|
409
|
+
spacingVerticalXXS: "var(--spacingVerticalXXS)",
|
|
410
|
+
spacingVerticalXS: "var(--spacingVerticalXS)",
|
|
411
|
+
spacingVerticalSNudge: "var(--spacingVerticalSNudge)",
|
|
412
|
+
spacingVerticalS: "var(--spacingVerticalS)",
|
|
413
|
+
spacingVerticalMNudge: "var(--spacingVerticalMNudge)",
|
|
414
|
+
spacingVerticalM: "var(--spacingVerticalM)",
|
|
415
|
+
spacingVerticalL: "var(--spacingVerticalL)",
|
|
416
|
+
spacingVerticalXL: "var(--spacingVerticalXL)",
|
|
417
|
+
spacingVerticalXXL: "var(--spacingVerticalXXL)",
|
|
418
|
+
spacingVerticalXXXL: "var(--spacingVerticalXXXL)",
|
|
419
419
|
// Durations
|
|
420
|
-
durationUltraFast:
|
|
421
|
-
durationFaster:
|
|
422
|
-
durationFast:
|
|
423
|
-
durationNormal:
|
|
424
|
-
durationSlow:
|
|
425
|
-
durationSlower:
|
|
426
|
-
durationUltraSlow:
|
|
420
|
+
durationUltraFast: "var(--durationUltraFast)",
|
|
421
|
+
durationFaster: "var(--durationFaster)",
|
|
422
|
+
durationFast: "var(--durationFast)",
|
|
423
|
+
durationNormal: "var(--durationNormal)",
|
|
424
|
+
durationSlow: "var(--durationSlow)",
|
|
425
|
+
durationSlower: "var(--durationSlower)",
|
|
426
|
+
durationUltraSlow: "var(--durationUltraSlow)",
|
|
427
427
|
// Curves
|
|
428
|
-
curveAccelerateMax:
|
|
429
|
-
curveAccelerateMid:
|
|
430
|
-
curveAccelerateMin:
|
|
431
|
-
curveDecelerateMax:
|
|
432
|
-
curveDecelerateMid:
|
|
433
|
-
curveDecelerateMin:
|
|
434
|
-
curveEasyEaseMax:
|
|
435
|
-
curveEasyEase:
|
|
436
|
-
curveLinear:
|
|
428
|
+
curveAccelerateMax: "var(--curveAccelerateMax)",
|
|
429
|
+
curveAccelerateMid: "var(--curveAccelerateMid)",
|
|
430
|
+
curveAccelerateMin: "var(--curveAccelerateMin)",
|
|
431
|
+
curveDecelerateMax: "var(--curveDecelerateMax)",
|
|
432
|
+
curveDecelerateMid: "var(--curveDecelerateMid)",
|
|
433
|
+
curveDecelerateMin: "var(--curveDecelerateMin)",
|
|
434
|
+
curveEasyEaseMax: "var(--curveEasyEaseMax)",
|
|
435
|
+
curveEasyEase: "var(--curveEasyEase)",
|
|
436
|
+
curveLinear: "var(--curveLinear)"
|
|
437
437
|
};
|
|
438
438
|
//# sourceMappingURL=tokens.js.map
|