@alfalab/core-components-vars 11.0.1 → 11.0.2

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.
@@ -1,3429 +0,0 @@
1
- // THIS IS AN AUTOGENERATED FILE. DO NOT EDIT THIS FILE DIRECTLY.
2
-
3
- export const colorDarkAccentPrimary = "#f83a2a";
4
- export const colorDarkAccentPrimaryHover = "#ff503e";
5
- export const colorDarkAccentPrimaryInverted = "#ef3124";
6
- export const colorDarkAccentPrimaryInvertedHover = "#e32a17";
7
- export const colorDarkAccentPrimaryInvertedPress = "#d72505";
8
- export const colorDarkAccentPrimaryPress = "#fd624e";
9
- export const colorDarkAccentSecondary = "#f2f3f5";
10
- export const colorDarkAccentSecondaryHover = "#dcdde1";
11
- export const colorDarkAccentSecondaryInverted = "#212124";
12
- export const colorDarkAccentSecondaryInvertedHover = "#2f2f32";
13
- export const colorDarkAccentSecondaryInvertedPress = "#353539";
14
- export const colorDarkAccentSecondaryPress = "#d2d3d9";
15
- export const colorDarkBaseBgAltPrimary = "#121213";
16
- export const colorDarkBaseBgAltPrimaryInverted = "#f2f3f5";
17
- export const colorDarkBaseBgAltSecondary = "#1c1c1e";
18
- export const colorDarkBaseBgAltSecondaryInverted = "#fff";
19
- export const colorDarkBaseBgAltTertiary = "#29292c";
20
- export const colorDarkBaseBgAltTertiaryInverted = "#f2f3f5";
21
- export const colorDarkBaseBgPrimary = "#121213";
22
- export const colorDarkBaseBgPrimaryInverted = "#fff";
23
- export const colorDarkBaseBgSecondary = "#1c1c1e";
24
- export const colorDarkBaseBgSecondaryInverted = "#f2f3f5";
25
- export const colorDarkBaseBgTertiary = "#29292c";
26
- export const colorDarkBaseBgTertiaryInverted = "#fff";
27
- export const colorDarkModalBgAltPrimary = "#1c1c1e";
28
- export const colorDarkModalBgAltPrimaryInverted = "#f2f3f5";
29
- export const colorDarkModalBgAltSecondary = "#29292c";
30
- export const colorDarkModalBgAltSecondaryInverted = "#fff";
31
- export const colorDarkModalBgAltTertiary = "#353539";
32
- export const colorDarkModalBgAltTertiaryInverted = "#f2f3f5";
33
- export const colorDarkModalBgPrimary = "#1c1c1e";
34
- export const colorDarkModalBgPrimaryInverted = "#fff";
35
- export const colorDarkModalBgSecondary = "#29292c";
36
- export const colorDarkModalBgSecondaryInverted = "#f2f3f5";
37
- export const colorDarkModalBgTertiary = "#353539";
38
- export const colorDarkModalBgTertiaryInverted = "#fff";
39
- export const colorDarkNeutral0 = "#262629";
40
- export const colorDarkNeutral0Hover = "#2f2f32";
41
- export const colorDarkNeutral0Inverted = "#fff";
42
- export const colorDarkNeutral0InvertedHover = "#e7e8eb";
43
- export const colorDarkNeutral0InvertedPress = "#dcdde1";
44
- export const colorDarkNeutral0Press = "#353539";
45
- export const colorDarkNeutral100 = "#1c1c1e";
46
- export const colorDarkNeutral100Hover = "#212124";
47
- export const colorDarkNeutral100Inverted = "#f2f3f5";
48
- export const colorDarkNeutral100InvertedHover = "#e7e8eb";
49
- export const colorDarkNeutral100InvertedPress = "#dcdde1";
50
- export const colorDarkNeutral100Press = "#29292c";
51
- export const colorDarkNeutral1300 = "#f2f3f5";
52
- export const colorDarkNeutral1300Hover = "#d2d3d9";
53
- export const colorDarkNeutral1300Inverted = "#212124";
54
- export const colorDarkNeutral1300InvertedHover = "#3f3f45";
55
- export const colorDarkNeutral1300InvertedPress = "#5f5f66";
56
- export const colorDarkNeutral1300Press = "#babbc2";
57
- export const colorDarkNeutral1500 = "#fff";
58
- export const colorDarkNeutral1500Hover = "#babbc2";
59
- export const colorDarkNeutral1500Inverted = "#121213";
60
- export const colorDarkNeutral1500InvertedHover = "#3f3f45";
61
- export const colorDarkNeutral1500InvertedPress = "#5f5f66";
62
- export const colorDarkNeutral1500Press = "#a0a1a9";
63
- export const colorDarkNeutral200 = "#212124";
64
- export const colorDarkNeutral200Hover = "#29292c";
65
- export const colorDarkNeutral200Inverted = "#edeef0";
66
- export const colorDarkNeutral200InvertedHover = "#e7e8eb";
67
- export const colorDarkNeutral200InvertedPress = "#dcdde1";
68
- export const colorDarkNeutral200Press = "#2f2f32";
69
- export const colorDarkNeutral300 = "#29292c";
70
- export const colorDarkNeutral300Hover = "#2f2f32";
71
- export const colorDarkNeutral300Inverted = "#e7e8eb";
72
- export const colorDarkNeutral300InvertedHover = "#dcdde1";
73
- export const colorDarkNeutral300InvertedPress = "#d2d3d9";
74
- export const colorDarkNeutral300Press = "#353539";
75
- export const colorDarkNeutral400 = "#353539";
76
- export const colorDarkNeutral400Hover = "#3f3f45";
77
- export const colorDarkNeutral400Inverted = "#d2d3d9";
78
- export const colorDarkNeutral400InvertedHover = "#babbc2";
79
- export const colorDarkNeutral400InvertedPress = "#a0a1a9";
80
- export const colorDarkNeutral400Press = "#4a4a51";
81
- export const colorDarkNeutral500 = "#4a4a51";
82
- export const colorDarkNeutral500Hover = "#5f5f66";
83
- export const colorDarkNeutral500Inverted = "#babbc2";
84
- export const colorDarkNeutral500InvertedHover = "#a0a1a9";
85
- export const colorDarkNeutral500InvertedPress = "#898991";
86
- export const colorDarkNeutral500Press = "#75757d";
87
- export const colorDarkNeutral700 = "#898991";
88
- export const colorDarkNeutral700Hover = "#a0a1a9";
89
- export const colorDarkNeutral700Inverted = "#898991";
90
- export const colorDarkNeutral700InvertedHover = "#75757d";
91
- export const colorDarkNeutral700InvertedPress = "#5f5f66";
92
- export const colorDarkNeutral700Press = "#babbc2";
93
- export const colorDarkNeutralTranslucent0 = "rgba(214, 214, 229, 0.07)";
94
- export const colorDarkNeutralTranslucent0Hover = "rgba(225, 225, 248, 0.09)";
95
- export const colorDarkNeutralTranslucent0Inverted = "#fff";
96
- export const colorDarkNeutralTranslucent0InvertedHover = "rgba(38, 55, 88, 0.06)";
97
- export const colorDarkNeutralTranslucent0InvertedPress = "rgba(30, 43, 68, 0.08)";
98
- export const colorDarkNeutralTranslucent0Press = "rgba(222, 222, 238, 0.13)";
99
- export const colorDarkNeutralTranslucent100 = "rgba(214, 214, 229, 0.07)";
100
- export const colorDarkNeutralTranslucent100Hover = "rgba(225, 225, 248, 0.09)";
101
- export const colorDarkNeutralTranslucent100Inverted = "rgba(38, 55, 88, 0.06)";
102
- export const colorDarkNeutralTranslucent100InvertedHover = "rgba(15, 25, 55, 0.1)";
103
- export const colorDarkNeutralTranslucent100InvertedPress = "rgba(5, 12, 41, 0.14)";
104
- export const colorDarkNeutralTranslucent100Press = "rgba(222, 222, 238, 0.13)";
105
- export const colorDarkNeutralTranslucent1300 = "rgba(255, 255, 255, 0.94)";
106
- export const colorDarkNeutralTranslucent1300Hover = "rgba(255, 255, 255, 0.7)";
107
- export const colorDarkNeutralTranslucent1300Inverted = "rgba(3, 3, 6, 0.88)";
108
- export const colorDarkNeutralTranslucent1300InvertedHover = "rgba(2, 2, 10, 0.76)";
109
- export const colorDarkNeutralTranslucent1300InvertedPress = "rgba(1, 1, 12, 0.63)";
110
- export const colorDarkNeutralTranslucent1300Press = "rgba(255, 255, 255, 0.6)";
111
- export const colorDarkNeutralTranslucent1500Hover = "rgba(243, 245, 254, 0.75)";
112
- export const colorDarkNeutralTranslucent1500InvertedHover = "rgba(2, 2, 10, 0.76)";
113
- export const colorDarkNeutralTranslucent1500InvertedPress = "rgba(1, 1, 12, 0.63)";
114
- export const colorDarkNeutralTranslucent1500Press = "rgba(239, 240, 252, 0.65)";
115
- export const colorDarkNeutralTranslucent200 = "rgba(225, 225, 248, 0.09)";
116
- export const colorDarkNeutralTranslucent200Hover = "rgba(222, 222, 238, 0.13)";
117
- export const colorDarkNeutralTranslucent200Inverted = "rgba(30, 43, 68, 0.08)";
118
- export const colorDarkNeutralTranslucent200InvertedHover = "rgba(15, 25, 55, 0.1)";
119
- export const colorDarkNeutralTranslucent200InvertedPress = "rgba(5, 12, 41, 0.14)";
120
- export const colorDarkNeutralTranslucent200Press = "rgba(234, 234, 248, 0.15)";
121
- export const colorDarkNeutralTranslucent300 = "rgba(222, 222, 238, 0.13)";
122
- export const colorDarkNeutralTranslucent300Hover = "rgba(234, 234, 248, 0.15)";
123
- export const colorDarkNeutralTranslucent300Inverted = "rgba(15, 25, 55, 0.1)";
124
- export const colorDarkNeutralTranslucent300InvertedHover = "rgba(5, 12, 41, 0.14)";
125
- export const colorDarkNeutralTranslucent300InvertedPress = "rgba(5, 11, 44, 0.18)";
126
- export const colorDarkNeutralTranslucent300Press = "rgba(231, 231, 248, 0.18)";
127
- export const colorDarkNeutralTranslucent400 = "rgba(231, 231, 248, 0.18)";
128
- export const colorDarkNeutralTranslucent400Hover = "rgba(227, 227, 250, 0.23)";
129
- export const colorDarkNeutralTranslucent400Inverted = "rgba(5, 11, 44, 0.18)";
130
- export const colorDarkNeutralTranslucent400InvertedHover = "rgba(9, 12, 37, 0.28)";
131
- export const colorDarkNeutralTranslucent400InvertedPress = "rgba(5, 8, 29, 0.38)";
132
- export const colorDarkNeutralTranslucent400Press = "rgba(228, 228, 251, 0.28)";
133
- export const colorDarkNeutralTranslucent500 = "rgba(228, 228, 251, 0.28)";
134
- export const colorDarkNeutralTranslucent500Hover = "rgba(233, 233, 250, 0.37)";
135
- export const colorDarkNeutralTranslucent500Inverted = "rgba(9, 12, 37, 0.28)";
136
- export const colorDarkNeutralTranslucent500InvertedHover = "rgba(5, 8, 29, 0.38)";
137
- export const colorDarkNeutralTranslucent500InvertedPress = "rgba(4, 4, 21, 0.47)";
138
- export const colorDarkNeutralTranslucent500Press = "rgba(238, 238, 254, 0.46)";
139
- export const colorDarkNeutralTranslucent700 = "rgba(238, 238, 251, 0.55)";
140
- export const colorDarkNeutralTranslucent700Hover = "rgba(239, 240, 252, 0.65)";
141
- export const colorDarkNeutralTranslucent700Inverted = "rgba(4, 4, 21, 0.47)";
142
- export const colorDarkNeutralTranslucent700InvertedHover = "rgba(4, 4, 19, 0.55)";
143
- export const colorDarkNeutralTranslucent700InvertedPress = "rgba(1, 1, 12, 0.63)";
144
- export const colorDarkNeutralTranslucent700Press = "rgba(243, 245, 254, 0.75)";
145
- export const colorDarkOverlayDefault = "rgba(0, 0, 0, 0.7)";
146
- export const colorDarkStatusAttention = "#fda136";
147
- export const colorDarkStatusAttentionHover = "#fdb24d";
148
- export const colorDarkStatusAttentionInverted = "#fa9313";
149
- export const colorDarkStatusAttentionInvertedHover = "#f18d0b";
150
- export const colorDarkStatusAttentionInvertedPress = "#ea8313";
151
- export const colorDarkStatusAttentionPress = "#ffbf70";
152
- export const colorDarkStatusInfo = "#3193fc";
153
- export const colorDarkStatusInfoHover = "#4a9dfc";
154
- export const colorDarkStatusInfoInverted = "#2288fa";
155
- export const colorDarkStatusInfoInvertedHover = "#2a77ef";
156
- export const colorDarkStatusInfoInvertedPress = "#2c64d4";
157
- export const colorDarkStatusInfoPress = "#63aafd";
158
- export const colorDarkStatusMutedAltAttention = "#412f22";
159
- export const colorDarkStatusMutedAltAttentionHover = "#543a27";
160
- export const colorDarkStatusMutedAltAttentionInverted = "#fde6c8";
161
- export const colorDarkStatusMutedAltAttentionInvertedHover = "#f6d7af";
162
- export const colorDarkStatusMutedAltAttentionInvertedPress = "#f0c492";
163
- export const colorDarkStatusMutedAltAttentionPress = "#6a462c";
164
- export const colorDarkStatusMutedAltInfo = "#293044";
165
- export const colorDarkStatusMutedAltInfoHover = "#2f3a55";
166
- export const colorDarkStatusMutedAltInfoInverted = "#e4f0ff";
167
- export const colorDarkStatusMutedAltInfoInvertedHover = "#c1dbf7";
168
- export const colorDarkStatusMutedAltInfoInvertedPress = "#a7cbf2";
169
- export const colorDarkStatusMutedAltInfoPress = "#38476c";
170
- export const colorDarkStatusMutedAltNegative = "#442926";
171
- export const colorDarkStatusMutedAltNegativeHover = "#55312e";
172
- export const colorDarkStatusMutedAltNegativeInverted = "#ffdfdf";
173
- export const colorDarkStatusMutedAltNegativeInvertedHover = "#f9ccca";
174
- export const colorDarkStatusMutedAltNegativeInvertedPress = "#f3b6af";
175
- export const colorDarkStatusMutedAltNegativePress = "#6b3b34";
176
- export const colorDarkStatusMutedAltPositive = "#253528";
177
- export const colorDarkStatusMutedAltPositiveHover = "#273f2d";
178
- export const colorDarkStatusMutedAltPositiveInverted = "#d1f1d7";
179
- export const colorDarkStatusMutedAltPositiveInvertedHover = "#bbe8c3";
180
- export const colorDarkStatusMutedAltPositiveInvertedPress = "#a1dba8";
181
- export const colorDarkStatusMutedAltPositivePress = "#2d4e33";
182
- export const colorDarkStatusMutedAttention = "#36291f";
183
- export const colorDarkStatusMutedAttentionHover = "#412f22";
184
- export const colorDarkStatusMutedAttentionInverted = "#ffefd9";
185
- export const colorDarkStatusMutedAttentionInvertedHover = "#fde6c8";
186
- export const colorDarkStatusMutedAttentionInvertedPress = "#f6d7af";
187
- export const colorDarkStatusMutedAttentionPress = "#543a27";
188
- export const colorDarkStatusMutedInfo = "#222a3e";
189
- export const colorDarkStatusMutedInfoHover = "#293044";
190
- export const colorDarkStatusMutedInfoInverted = "#e4f0ff";
191
- export const colorDarkStatusMutedInfoInvertedHover = "#d8eaff";
192
- export const colorDarkStatusMutedInfoInvertedPress = "#c1dbf7";
193
- export const colorDarkStatusMutedInfoPress = "#2f3a55";
194
- export const colorDarkStatusMutedNegative = "#392523";
195
- export const colorDarkStatusMutedNegativeHover = "#442926";
196
- export const colorDarkStatusMutedNegativeInverted = "#ffebeb";
197
- export const colorDarkStatusMutedNegativeInvertedHover = "#ffdfdf";
198
- export const colorDarkStatusMutedNegativeInvertedPress = "#f9ccca";
199
- export const colorDarkStatusMutedNegativePress = "#55312e";
200
- export const colorDarkStatusMutedPositive = "#232d25";
201
- export const colorDarkStatusMutedPositiveHover = "#253528";
202
- export const colorDarkStatusMutedPositiveInverted = "#dff8e5";
203
- export const colorDarkStatusMutedPositiveInvertedHover = "#d1f1d7";
204
- export const colorDarkStatusMutedPositiveInvertedPress = "#bbe8c3";
205
- export const colorDarkStatusMutedPositivePress = "#273f2d";
206
- export const colorDarkStatusNegative = "#ff4837";
207
- export const colorDarkStatusNegativeHover = "#ff755e";
208
- export const colorDarkStatusNegativeInverted = "#ff4837";
209
- export const colorDarkStatusNegativeInvertedHover = "#ec2d20";
210
- export const colorDarkStatusNegativeInvertedPress = "#c7241f";
211
- export const colorDarkStatusNegativePress = "#ff8d79";
212
- export const colorDarkStatusPositive = "#17d055";
213
- export const colorDarkStatusPositiveHover = "#22e068";
214
- export const colorDarkStatusPositiveInverted = "#0cc44d";
215
- export const colorDarkStatusPositiveInvertedHover = "#04b545";
216
- export const colorDarkStatusPositiveInvertedPress = "#01a53d";
217
- export const colorDarkStatusPositivePress = "#4ae777";
218
- export const colorDarkTextAttention = "#fa9313";
219
- export const colorDarkTextAttentionHover = "#fdb24d";
220
- export const colorDarkTextAttentionInverted = "#ea8313";
221
- export const colorDarkTextAttentionInvertedHover = "#d57111";
222
- export const colorDarkTextAttentionInvertedPress = "#b45a06";
223
- export const colorDarkTextAttentionPress = "#ffbf70";
224
- export const colorDarkTextInfo = "#4a9dfc";
225
- export const colorDarkTextInfoHover = "#63aafd";
226
- export const colorDarkTextInfoInverted = "#2a77ef";
227
- export const colorDarkTextInfoInvertedHover = "#2c64d4";
228
- export const colorDarkTextInfoInvertedPress = "#2453b4";
229
- export const colorDarkTextInfoPress = "#7fb6ff";
230
- export const colorDarkTextNegative = "#ff4837";
231
- export const colorDarkTextNegativeHover = "#ff755e";
232
- export const colorDarkTextNegativeInverted = "#ec2d20";
233
- export const colorDarkTextNegativeInvertedHover = "#c7241f";
234
- export const colorDarkTextNegativeInvertedPress = "#a6201e";
235
- export const colorDarkTextNegativePress = "#ff8d79";
236
- export const colorDarkTextPositive = "#0cc44d";
237
- export const colorDarkTextPositiveHover = "#22e068";
238
- export const colorDarkTextPositiveInverted = "#0d9336";
239
- export const colorDarkTextPositiveInvertedHover = "#0a7d2c";
240
- export const colorDarkTextPositiveInvertedPress = "#036625";
241
- export const colorDarkTextPositivePress = "#4ae777";
242
- export const colorDarkTextPrimary = "rgba(255, 255, 255, 0.94)";
243
- export const colorDarkTextPrimaryHover = "rgba(255, 255, 255, 0.7)";
244
- export const colorDarkTextPrimaryInverted = "rgba(3, 3, 6, 0.88)";
245
- export const colorDarkTextPrimaryInvertedHover = "rgba(1, 1, 12, 0.63)";
246
- export const colorDarkTextPrimaryInvertedPress = "rgba(4, 4, 19, 0.55)";
247
- export const colorDarkTextPrimaryPress = "rgba(255, 255, 255, 0.6)";
248
- export const colorDarkTextQuaternary = "rgba(231, 231, 248, 0.18)";
249
- export const colorDarkTextQuaternaryInverted = "rgba(5, 11, 44, 0.18)";
250
- export const colorDarkTextSecondary = "rgba(238, 238, 251, 0.55)";
251
- export const colorDarkTextSecondaryHover = "rgba(239, 240, 252, 0.65)";
252
- export const colorDarkTextSecondaryInverted = "rgba(4, 4, 19, 0.55)";
253
- export const colorDarkTextSecondaryInvertedHover = "rgba(1, 1, 12, 0.63)";
254
- export const colorDarkTextSecondaryInvertedPress = "rgba(0, 0, 10, 0.71)";
255
- export const colorDarkTextSecondaryPress = "rgba(243, 245, 254, 0.75)";
256
- export const colorDarkTextTertiary = "rgba(233, 233, 250, 0.37)";
257
- export const colorDarkTextTertiaryHover = "rgba(238, 238, 254, 0.46)";
258
- export const colorDarkTextTertiaryInverted = "rgba(5, 8, 29, 0.38)";
259
- export const colorDarkTextTertiaryInvertedHover = "rgba(4, 4, 21, 0.47)";
260
- export const colorDarkTextTertiaryInvertedPress = "rgba(4, 4, 19, 0.55)";
261
- export const colorDarkTextTertiaryPress = "rgba(238, 238, 251, 0.55)";
262
- export const colorDarkTransparentDefault = "rgba(255, 255, 255, 0)";
263
- export const colorDarkTransparentDefaultHover = "rgba(214, 214, 229, 0.07)";
264
- export const colorDarkTransparentDefaultInvertedHover = "rgba(38, 55, 88, 0.06)";
265
- export const colorDarkTransparentDefaultInvertedPress = "rgba(30, 43, 68, 0.08)";
266
- export const colorDarkTransparentDefaultPress = "rgba(225, 225, 248, 0.09)";
267
- export const colorLightAccentPrimary = "#ef3124";
268
- export const colorLightAccentPrimaryHover = "#e32a17";
269
- export const colorLightAccentPrimaryInverted = "#f83a2a";
270
- export const colorLightAccentPrimaryInvertedHover = "#ff503e";
271
- export const colorLightAccentPrimaryInvertedPress = "#fd624e";
272
- export const colorLightAccentPrimaryPress = "#d72505";
273
- export const colorLightAccentSecondary = "#212124";
274
- export const colorLightAccentSecondaryHover = "#2f2f32";
275
- export const colorLightAccentSecondaryInverted = "#f2f3f5";
276
- export const colorLightAccentSecondaryInvertedHover = "#dcdde1";
277
- export const colorLightAccentSecondaryInvertedPress = "#d2d3d9";
278
- export const colorLightAccentSecondaryPress = "#353539";
279
- export const colorLightBaseBgAltPrimary = "#f2f3f5";
280
- export const colorLightBaseBgAltPrimaryInverted = "#121213";
281
- export const colorLightBaseBgAltSecondary = "#fff";
282
- export const colorLightBaseBgAltSecondaryInverted = "#1c1c1e";
283
- export const colorLightBaseBgAltTertiary = "#f2f3f5";
284
- export const colorLightBaseBgAltTertiaryInverted = "#29292c";
285
- export const colorLightBaseBgPrimary = "#fff";
286
- export const colorLightBaseBgPrimaryInverted = "#121213";
287
- export const colorLightBaseBgSecondary = "#f2f3f5";
288
- export const colorLightBaseBgSecondaryInverted = "#1c1c1e";
289
- export const colorLightBaseBgTertiary = "#fff";
290
- export const colorLightBaseBgTertiaryInverted = "#29292c";
291
- export const colorLightModalBgAltPrimary = "#f2f3f5";
292
- export const colorLightModalBgAltPrimaryInverted = "#1c1c1e";
293
- export const colorLightModalBgAltSecondary = "#fff";
294
- export const colorLightModalBgAltSecondaryInverted = "#29292c";
295
- export const colorLightModalBgAltTertiary = "#f2f3f5";
296
- export const colorLightModalBgAltTertiaryInverted = "#353539";
297
- export const colorLightModalBgPrimary = "#fff";
298
- export const colorLightModalBgPrimaryInverted = "#1c1c1e";
299
- export const colorLightModalBgSecondary = "#f2f3f5";
300
- export const colorLightModalBgSecondaryInverted = "#29292c";
301
- export const colorLightModalBgTertiary = "#fff";
302
- export const colorLightModalBgTertiaryInverted = "#353539";
303
- export const colorLightNeutral0 = "#fff";
304
- export const colorLightNeutral0Hover = "#e7e8eb";
305
- export const colorLightNeutral0Inverted = "#262629";
306
- export const colorLightNeutral0InvertedHover = "#2f2f32";
307
- export const colorLightNeutral0InvertedPress = "#353539";
308
- export const colorLightNeutral0Press = "#dcdde1";
309
- export const colorLightNeutral100 = "#f2f3f5";
310
- export const colorLightNeutral100Hover = "#e7e8eb";
311
- export const colorLightNeutral100Inverted = "#1c1c1e";
312
- export const colorLightNeutral100InvertedHover = "#212124";
313
- export const colorLightNeutral100InvertedPress = "#29292c";
314
- export const colorLightNeutral100Press = "#dcdde1";
315
- export const colorLightNeutral1300 = "#212124";
316
- export const colorLightNeutral1300Hover = "#3f3f45";
317
- export const colorLightNeutral1300Inverted = "#f2f3f5";
318
- export const colorLightNeutral1300InvertedHover = "#d2d3d9";
319
- export const colorLightNeutral1300InvertedPress = "#babbc2";
320
- export const colorLightNeutral1300Press = "#5f5f66";
321
- export const colorLightNeutral1500 = "#121213";
322
- export const colorLightNeutral1500Hover = "#3f3f45";
323
- export const colorLightNeutral1500Inverted = "#fff";
324
- export const colorLightNeutral1500InvertedHover = "#babbc2";
325
- export const colorLightNeutral1500InvertedPress = "#a0a1a9";
326
- export const colorLightNeutral1500Press = "#5f5f66";
327
- export const colorLightNeutral200 = "#edeef0";
328
- export const colorLightNeutral200Hover = "#e7e8eb";
329
- export const colorLightNeutral200Inverted = "#212124";
330
- export const colorLightNeutral200InvertedHover = "#29292c";
331
- export const colorLightNeutral200InvertedPress = "#2f2f32";
332
- export const colorLightNeutral200Press = "#dcdde1";
333
- export const colorLightNeutral300 = "#e7e8eb";
334
- export const colorLightNeutral300Hover = "#dcdde1";
335
- export const colorLightNeutral300Inverted = "#29292c";
336
- export const colorLightNeutral300InvertedHover = "#2f2f32";
337
- export const colorLightNeutral300InvertedPress = "#353539";
338
- export const colorLightNeutral300Press = "#d2d3d9";
339
- export const colorLightNeutral400 = "#d2d3d9";
340
- export const colorLightNeutral400Hover = "#babbc2";
341
- export const colorLightNeutral400Inverted = "#353539";
342
- export const colorLightNeutral400InvertedHover = "#3f3f45";
343
- export const colorLightNeutral400InvertedPress = "#4a4a51";
344
- export const colorLightNeutral400Press = "#a0a1a9";
345
- export const colorLightNeutral500 = "#babbc2";
346
- export const colorLightNeutral500Hover = "#a0a1a9";
347
- export const colorLightNeutral500Inverted = "#4a4a51";
348
- export const colorLightNeutral500InvertedHover = "#5f5f66";
349
- export const colorLightNeutral500InvertedPress = "#75757d";
350
- export const colorLightNeutral500Press = "#898991";
351
- export const colorLightNeutral700 = "#898991";
352
- export const colorLightNeutral700Hover = "#75757d";
353
- export const colorLightNeutral700Inverted = "#898991";
354
- export const colorLightNeutral700InvertedHover = "#a0a1a9";
355
- export const colorLightNeutral700InvertedPress = "#babbc2";
356
- export const colorLightNeutral700Press = "#5f5f66";
357
- export const colorLightNeutralTranslucent0 = "#fff";
358
- export const colorLightNeutralTranslucent0Hover = "rgba(38, 55, 88, 0.06)";
359
- export const colorLightNeutralTranslucent0Inverted = "rgba(214, 214, 229, 0.07)";
360
- export const colorLightNeutralTranslucent0InvertedHover = "rgba(225, 225, 248, 0.09)";
361
- export const colorLightNeutralTranslucent0InvertedPress = "rgba(222, 222, 238, 0.13)";
362
- export const colorLightNeutralTranslucent0Press = "rgba(30, 43, 68, 0.08)";
363
- export const colorLightNeutralTranslucent100 = "rgba(38, 55, 88, 0.06)";
364
- export const colorLightNeutralTranslucent100Hover = "rgba(15, 25, 55, 0.1)";
365
- export const colorLightNeutralTranslucent100Inverted = "rgba(214, 214, 229, 0.07)";
366
- export const colorLightNeutralTranslucent100InvertedHover = "rgba(222, 222, 238, 0.13)";
367
- export const colorLightNeutralTranslucent100InvertedPress = "rgba(234, 234, 248, 0.15)";
368
- export const colorLightNeutralTranslucent100Press = "rgba(5, 12, 41, 0.14)";
369
- export const colorLightNeutralTranslucent1300 = "rgba(3, 3, 6, 0.88)";
370
- export const colorLightNeutralTranslucent1300Hover = "rgba(2, 2, 10, 0.76)";
371
- export const colorLightNeutralTranslucent1300Inverted = "rgba(255, 255, 255, 0.94)";
372
- export const colorLightNeutralTranslucent1300InvertedHover = "rgba(255, 255, 255, 0.7)";
373
- export const colorLightNeutralTranslucent1300InvertedPress = "rgba(255, 255, 255, 0.6)";
374
- export const colorLightNeutralTranslucent1300Press = "rgba(1, 1, 12, 0.63)";
375
- export const colorLightNeutralTranslucent1500Hover = "rgba(2, 2, 10, 0.76)";
376
- export const colorLightNeutralTranslucent1500InvertedHover = "rgba(243, 245, 254, 0.75)";
377
- export const colorLightNeutralTranslucent1500InvertedPress = "rgba(239, 240, 252, 0.65)";
378
- export const colorLightNeutralTranslucent1500Press = "rgba(1, 1, 12, 0.63)";
379
- export const colorLightNeutralTranslucent200 = "rgba(30, 43, 68, 0.08)";
380
- export const colorLightNeutralTranslucent200Hover = "rgba(15, 25, 55, 0.1)";
381
- export const colorLightNeutralTranslucent200Inverted = "rgba(225, 225, 248, 0.09)";
382
- export const colorLightNeutralTranslucent200InvertedHover = "rgba(222, 222, 238, 0.13)";
383
- export const colorLightNeutralTranslucent200InvertedPress = "rgba(234, 234, 248, 0.15)";
384
- export const colorLightNeutralTranslucent200Press = "rgba(5, 12, 41, 0.14)";
385
- export const colorLightNeutralTranslucent300 = "rgba(15, 25, 55, 0.1)";
386
- export const colorLightNeutralTranslucent300Hover = "rgba(5, 12, 41, 0.14)";
387
- export const colorLightNeutralTranslucent300Inverted = "rgba(222, 222, 238, 0.13)";
388
- export const colorLightNeutralTranslucent300InvertedHover = "rgba(234, 234, 248, 0.15)";
389
- export const colorLightNeutralTranslucent300InvertedPress = "rgba(231, 231, 248, 0.18)";
390
- export const colorLightNeutralTranslucent300Press = "rgba(5, 11, 44, 0.18)";
391
- export const colorLightNeutralTranslucent400 = "rgba(5, 11, 44, 0.18)";
392
- export const colorLightNeutralTranslucent400Hover = "rgba(9, 12, 37, 0.28)";
393
- export const colorLightNeutralTranslucent400Inverted = "rgba(231, 231, 248, 0.18)";
394
- export const colorLightNeutralTranslucent400InvertedHover = "rgba(227, 227, 250, 0.23)";
395
- export const colorLightNeutralTranslucent400InvertedPress = "rgba(228, 228, 251, 0.28)";
396
- export const colorLightNeutralTranslucent400Press = "rgba(5, 8, 29, 0.38)";
397
- export const colorLightNeutralTranslucent500 = "rgba(9, 12, 37, 0.28)";
398
- export const colorLightNeutralTranslucent500Hover = "rgba(5, 8, 29, 0.38)";
399
- export const colorLightNeutralTranslucent500Inverted = "rgba(228, 228, 251, 0.28)";
400
- export const colorLightNeutralTranslucent500InvertedHover = "rgba(233, 233, 250, 0.37)";
401
- export const colorLightNeutralTranslucent500InvertedPress = "rgba(238, 238, 254, 0.46)";
402
- export const colorLightNeutralTranslucent500Press = "rgba(4, 4, 21, 0.47)";
403
- export const colorLightNeutralTranslucent700 = "rgba(4, 4, 21, 0.47)";
404
- export const colorLightNeutralTranslucent700Hover = "rgba(4, 4, 19, 0.55)";
405
- export const colorLightNeutralTranslucent700Inverted = "rgba(238, 238, 251, 0.55)";
406
- export const colorLightNeutralTranslucent700InvertedHover = "rgba(239, 240, 252, 0.65)";
407
- export const colorLightNeutralTranslucent700InvertedPress = "rgba(243, 245, 254, 0.75)";
408
- export const colorLightNeutralTranslucent700Press = "rgba(1, 1, 12, 0.63)";
409
- export const colorLightOverlayDefault = "rgba(0, 0, 0, 0.6)";
410
- export const colorLightStatusAttention = "#fa9313";
411
- export const colorLightStatusAttentionHover = "#f18d0b";
412
- export const colorLightStatusAttentionInverted = "#fda136";
413
- export const colorLightStatusAttentionInvertedHover = "#fdb24d";
414
- export const colorLightStatusAttentionInvertedPress = "#ffbf70";
415
- export const colorLightStatusAttentionPress = "#ea8313";
416
- export const colorLightStatusInfo = "#2288fa";
417
- export const colorLightStatusInfoHover = "#2a77ef";
418
- export const colorLightStatusInfoInverted = "#3193fc";
419
- export const colorLightStatusInfoInvertedHover = "#4a9dfc";
420
- export const colorLightStatusInfoInvertedPress = "#63aafd";
421
- export const colorLightStatusInfoPress = "#2c64d4";
422
- export const colorLightStatusMutedAltAttention = "#fde6c8";
423
- export const colorLightStatusMutedAltAttentionHover = "#f6d7af";
424
- export const colorLightStatusMutedAltAttentionInverted = "#412f22";
425
- export const colorLightStatusMutedAltAttentionInvertedHover = "#543a27";
426
- export const colorLightStatusMutedAltAttentionInvertedPress = "#6a462c";
427
- export const colorLightStatusMutedAltAttentionPress = "#f0c492";
428
- export const colorLightStatusMutedAltInfo = "#d8eaff";
429
- export const colorLightStatusMutedAltInfoHover = "#c1dbf7";
430
- export const colorLightStatusMutedAltInfoInverted = "#293044";
431
- export const colorLightStatusMutedAltInfoInvertedHover = "#2f3a55";
432
- export const colorLightStatusMutedAltInfoInvertedPress = "#38476c";
433
- export const colorLightStatusMutedAltInfoPress = "#a7cbf2";
434
- export const colorLightStatusMutedAltNegative = "#ffdfdf";
435
- export const colorLightStatusMutedAltNegativeHover = "#f9ccca";
436
- export const colorLightStatusMutedAltNegativeInverted = "#442926";
437
- export const colorLightStatusMutedAltNegativeInvertedHover = "#55312e";
438
- export const colorLightStatusMutedAltNegativeInvertedPress = "#6b3b34";
439
- export const colorLightStatusMutedAltNegativePress = "#f3b6af";
440
- export const colorLightStatusMutedAltPositive = "#d1f1d7";
441
- export const colorLightStatusMutedAltPositiveHover = "#bbe8c3";
442
- export const colorLightStatusMutedAltPositiveInverted = "#253528";
443
- export const colorLightStatusMutedAltPositiveInvertedHover = "#273f2d";
444
- export const colorLightStatusMutedAltPositiveInvertedPress = "#2d4e33";
445
- export const colorLightStatusMutedAltPositivePress = "#a1dba8";
446
- export const colorLightStatusMutedAttention = "#ffefd9";
447
- export const colorLightStatusMutedAttentionHover = "#fde6c8";
448
- export const colorLightStatusMutedAttentionInverted = "#36291f";
449
- export const colorLightStatusMutedAttentionInvertedHover = "#412f22";
450
- export const colorLightStatusMutedAttentionInvertedPress = "#543a27";
451
- export const colorLightStatusMutedAttentionPress = "#f6d7af";
452
- export const colorLightStatusMutedInfo = "#e4f0ff";
453
- export const colorLightStatusMutedInfoHover = "#d8eaff";
454
- export const colorLightStatusMutedInfoInverted = "#222a3e";
455
- export const colorLightStatusMutedInfoInvertedHover = "#293044";
456
- export const colorLightStatusMutedInfoInvertedPress = "#2f3a55";
457
- export const colorLightStatusMutedInfoPress = "#c1dbf7";
458
- export const colorLightStatusMutedNegative = "#ffebeb";
459
- export const colorLightStatusMutedNegativeHover = "#ffdfdf";
460
- export const colorLightStatusMutedNegativeInverted = "#392523";
461
- export const colorLightStatusMutedNegativeInvertedHover = "#442926";
462
- export const colorLightStatusMutedNegativeInvertedPress = "#55312e";
463
- export const colorLightStatusMutedNegativePress = "#f9ccca";
464
- export const colorLightStatusMutedPositive = "#dff8e5";
465
- export const colorLightStatusMutedPositiveHover = "#d1f1d7";
466
- export const colorLightStatusMutedPositiveInverted = "#232d25";
467
- export const colorLightStatusMutedPositiveInvertedHover = "#253528";
468
- export const colorLightStatusMutedPositiveInvertedPress = "#273f2d";
469
- export const colorLightStatusMutedPositivePress = "#bbe8c3";
470
- export const colorLightStatusNegative = "#ff4837";
471
- export const colorLightStatusNegativeHover = "#ec2d20";
472
- export const colorLightStatusNegativeInverted = "#ff4837";
473
- export const colorLightStatusNegativeInvertedHover = "#ff755e";
474
- export const colorLightStatusNegativeInvertedPress = "#ff8d79";
475
- export const colorLightStatusNegativePress = "#c7241f";
476
- export const colorLightStatusPositive = "#0cc44d";
477
- export const colorLightStatusPositiveHover = "#04b545";
478
- export const colorLightStatusPositiveInverted = "#17d055";
479
- export const colorLightStatusPositiveInvertedHover = "#22e068";
480
- export const colorLightStatusPositiveInvertedPress = "#4ae777";
481
- export const colorLightStatusPositivePress = "#01a53d";
482
- export const colorLightTextAttention = "#ea8313";
483
- export const colorLightTextAttentionHover = "#d57111";
484
- export const colorLightTextAttentionInverted = "#fa9313";
485
- export const colorLightTextAttentionInvertedHover = "#fdb24d";
486
- export const colorLightTextAttentionInvertedPress = "#ffbf70";
487
- export const colorLightTextAttentionPress = "#b45a06";
488
- export const colorLightTextInfo = "#2a77ef";
489
- export const colorLightTextInfoHover = "#2c64d4";
490
- export const colorLightTextInfoInverted = "#4a9dfc";
491
- export const colorLightTextInfoInvertedHover = "#63aafd";
492
- export const colorLightTextInfoInvertedPress = "#7fb6ff";
493
- export const colorLightTextInfoPress = "#2453b4";
494
- export const colorLightTextNegative = "#ec2d20";
495
- export const colorLightTextNegativeHover = "#c7241f";
496
- export const colorLightTextNegativeInverted = "#ff4837";
497
- export const colorLightTextNegativeInvertedHover = "#ff755e";
498
- export const colorLightTextNegativeInvertedPress = "#ff8d79";
499
- export const colorLightTextNegativePress = "#a6201e";
500
- export const colorLightTextPositive = "#0d9336";
501
- export const colorLightTextPositiveHover = "#0a7d2c";
502
- export const colorLightTextPositiveInverted = "#0cc44d";
503
- export const colorLightTextPositiveInvertedHover = "#22e068";
504
- export const colorLightTextPositiveInvertedPress = "#4ae777";
505
- export const colorLightTextPositivePress = "#036625";
506
- export const colorLightTextPrimary = "rgba(3, 3, 6, 0.88)";
507
- export const colorLightTextPrimaryHover = "rgba(1, 1, 12, 0.63)";
508
- export const colorLightTextPrimaryInverted = "rgba(255, 255, 255, 0.94)";
509
- export const colorLightTextPrimaryInvertedHover = "rgba(255, 255, 255, 0.7)";
510
- export const colorLightTextPrimaryInvertedPress = "rgba(255, 255, 255, 0.6)";
511
- export const colorLightTextPrimaryPress = "rgba(4, 4, 19, 0.55)";
512
- export const colorLightTextQuaternary = "rgba(5, 11, 44, 0.18)";
513
- export const colorLightTextQuaternaryInverted = "rgba(231, 231, 248, 0.18)";
514
- export const colorLightTextSecondary = "rgba(4, 4, 19, 0.55)";
515
- export const colorLightTextSecondaryHover = "rgba(1, 1, 12, 0.63)";
516
- export const colorLightTextSecondaryInverted = "rgba(238, 238, 251, 0.55)";
517
- export const colorLightTextSecondaryInvertedHover = "rgba(239, 240, 252, 0.65)";
518
- export const colorLightTextSecondaryInvertedPress = "rgba(243, 245, 254, 0.75)";
519
- export const colorLightTextSecondaryPress = "rgba(0, 0, 10, 0.71)";
520
- export const colorLightTextTertiary = "rgba(5, 8, 29, 0.38)";
521
- export const colorLightTextTertiaryHover = "rgba(4, 4, 21, 0.47)";
522
- export const colorLightTextTertiaryInverted = "rgba(233, 233, 250, 0.37)";
523
- export const colorLightTextTertiaryInvertedHover = "rgba(238, 238, 254, 0.46)";
524
- export const colorLightTextTertiaryInvertedPress = "rgba(238, 238, 251, 0.55)";
525
- export const colorLightTextTertiaryPress = "rgba(4, 4, 19, 0.55)";
526
- export const colorLightTransparentDefault = "rgba(255, 255, 255, 0)";
527
- export const colorLightTransparentDefaultHover = "rgba(38, 55, 88, 0.06)";
528
- export const colorLightTransparentDefaultInvertedHover = "rgba(214, 214, 229, 0.07)";
529
- export const colorLightTransparentDefaultInvertedPress = "rgba(225, 225, 248, 0.09)";
530
- export const colorLightTransparentDefaultPress = "rgba(30, 43, 68, 0.08)";
531
- export const colorStaticAccentPrimary = "#ef3124";
532
- export const colorStaticAccentPrimaryHover = "#e32a17";
533
- export const colorStaticAccentPrimaryInverted = "#f83a2a";
534
- export const colorStaticAccentPrimaryInvertedHover = "#ff503e";
535
- export const colorStaticAccentPrimaryInvertedPress = "#fd624e";
536
- export const colorStaticAccentPrimaryPress = "#d72505";
537
- export const colorStaticAccentSecondary = "#212124";
538
- export const colorStaticAccentSecondaryHover = "#2f2f32";
539
- export const colorStaticAccentSecondaryInverted = "#f2f3f5";
540
- export const colorStaticAccentSecondaryInvertedHover = "#dcdde1";
541
- export const colorStaticAccentSecondaryInvertedPress = "#d2d3d9";
542
- export const colorStaticAccentSecondaryPress = "#353539";
543
- export const colorStaticBgPrimaryDark = "#121213";
544
- export const colorStaticNeutral0 = "#fff";
545
- export const colorStaticNeutral0Hover = "#e7e8eb";
546
- export const colorStaticNeutral0Inverted = "#262629";
547
- export const colorStaticNeutral0InvertedHover = "#2f2f32";
548
- export const colorStaticNeutral0InvertedPress = "#353539";
549
- export const colorStaticNeutral0Press = "#dcdde1";
550
- export const colorStaticNeutral100 = "#f2f3f5";
551
- export const colorStaticNeutral100Hover = "#e7e8eb";
552
- export const colorStaticNeutral100Inverted = "#1c1c1e";
553
- export const colorStaticNeutral100InvertedHover = "#212124";
554
- export const colorStaticNeutral100InvertedPress = "#29292c";
555
- export const colorStaticNeutral100Press = "#dcdde1";
556
- export const colorStaticNeutral1300 = "#212124";
557
- export const colorStaticNeutral1300Hover = "#3f3f45";
558
- export const colorStaticNeutral1300Inverted = "#f2f3f5";
559
- export const colorStaticNeutral1300InvertedHover = "#d2d3d9";
560
- export const colorStaticNeutral1300InvertedPress = "#babbc2";
561
- export const colorStaticNeutral1300Press = "#5f5f66";
562
- export const colorStaticNeutral1500 = "#121213";
563
- export const colorStaticNeutral1500Hover = "#3f3f45";
564
- export const colorStaticNeutral1500Inverted = "#fff";
565
- export const colorStaticNeutral1500InvertedHover = "#babbc2";
566
- export const colorStaticNeutral1500InvertedPress = "#a0a1a9";
567
- export const colorStaticNeutral1500Press = "#5f5f66";
568
- export const colorStaticNeutral200 = "#edeef0";
569
- export const colorStaticNeutral200Hover = "#e7e8eb";
570
- export const colorStaticNeutral200Inverted = "#212124";
571
- export const colorStaticNeutral200InvertedHover = "#29292c";
572
- export const colorStaticNeutral200InvertedPress = "#2f2f32";
573
- export const colorStaticNeutral200Press = "#dcdde1";
574
- export const colorStaticNeutral300 = "#e7e8eb";
575
- export const colorStaticNeutral300Hover = "#dcdde1";
576
- export const colorStaticNeutral300Inverted = "#29292c";
577
- export const colorStaticNeutral300InvertedHover = "#2f2f32";
578
- export const colorStaticNeutral300InvertedPress = "#353539";
579
- export const colorStaticNeutral300Press = "#d2d3d9";
580
- export const colorStaticNeutral400 = "#d2d3d9";
581
- export const colorStaticNeutral400Hover = "#babbc2";
582
- export const colorStaticNeutral400Inverted = "#353539";
583
- export const colorStaticNeutral400InvertedHover = "#3f3f45";
584
- export const colorStaticNeutral400InvertedPress = "#4a4a51";
585
- export const colorStaticNeutral400Press = "#a0a1a9";
586
- export const colorStaticNeutral500 = "#babbc2";
587
- export const colorStaticNeutral500Hover = "#a0a1a9";
588
- export const colorStaticNeutral500Inverted = "#4a4a51";
589
- export const colorStaticNeutral500InvertedHover = "#5f5f66";
590
- export const colorStaticNeutral500InvertedPress = "#75757d";
591
- export const colorStaticNeutral500Press = "#898991";
592
- export const colorStaticNeutral700 = "#898991";
593
- export const colorStaticNeutral700Hover = "#75757d";
594
- export const colorStaticNeutral700Inverted = "#898991";
595
- export const colorStaticNeutral700InvertedHover = "#a0a1a9";
596
- export const colorStaticNeutral700InvertedPress = "#babbc2";
597
- export const colorStaticNeutral700Press = "#5f5f66";
598
- export const colorStaticNeutralTranslucent0 = "#fff";
599
- export const colorStaticNeutralTranslucent0Hover = "rgba(38, 55, 88, 0.06)";
600
- export const colorStaticNeutralTranslucent0Inverted = "rgba(214, 214, 229, 0.07)";
601
- export const colorStaticNeutralTranslucent0InvertedHover = "rgba(225, 225, 248, 0.09)";
602
- export const colorStaticNeutralTranslucent0InvertedPress = "rgba(222, 222, 238, 0.13)";
603
- export const colorStaticNeutralTranslucent0Press = "rgba(30, 43, 68, 0.08)";
604
- export const colorStaticNeutralTranslucent100 = "rgba(38, 55, 88, 0.06)";
605
- export const colorStaticNeutralTranslucent100Hover = "rgba(15, 25, 55, 0.1)";
606
- export const colorStaticNeutralTranslucent100Inverted = "rgba(214, 214, 229, 0.07)";
607
- export const colorStaticNeutralTranslucent100InvertedHover = "rgba(222, 222, 238, 0.13)";
608
- export const colorStaticNeutralTranslucent100InvertedPress = "rgba(234, 234, 248, 0.15)";
609
- export const colorStaticNeutralTranslucent100Press = "rgba(5, 12, 41, 0.14)";
610
- export const colorStaticNeutralTranslucent1300 = "rgba(3, 3, 6, 0.88)";
611
- export const colorStaticNeutralTranslucent1300Hover = "rgba(2, 2, 10, 0.76)";
612
- export const colorStaticNeutralTranslucent1300Inverted = "rgba(255, 255, 255, 0.94)";
613
- export const colorStaticNeutralTranslucent1300InvertedHover = "rgba(255, 255, 255, 0.7)";
614
- export const colorStaticNeutralTranslucent1300InvertedPress = "rgba(255, 255, 255, 0.6)";
615
- export const colorStaticNeutralTranslucent1300Press = "rgba(1, 1, 12, 0.63)";
616
- export const colorStaticNeutralTranslucent1500Hover = "rgba(2, 2, 10, 0.76)";
617
- export const colorStaticNeutralTranslucent1500InvertedHover = "rgba(243, 245, 254, 0.75)";
618
- export const colorStaticNeutralTranslucent1500InvertedPress = "rgba(239, 240, 252, 0.65)";
619
- export const colorStaticNeutralTranslucent1500Press = "rgba(1, 1, 12, 0.63)";
620
- export const colorStaticNeutralTranslucent200 = "rgba(30, 43, 68, 0.08)";
621
- export const colorStaticNeutralTranslucent200Hover = "rgba(15, 25, 55, 0.1)";
622
- export const colorStaticNeutralTranslucent200Inverted = "rgba(225, 225, 248, 0.09)";
623
- export const colorStaticNeutralTranslucent200InvertedHover = "rgba(222, 222, 238, 0.13)";
624
- export const colorStaticNeutralTranslucent200InvertedPress = "rgba(234, 234, 248, 0.15)";
625
- export const colorStaticNeutralTranslucent200Press = "rgba(5, 12, 41, 0.14)";
626
- export const colorStaticNeutralTranslucent300 = "rgba(15, 25, 55, 0.1)";
627
- export const colorStaticNeutralTranslucent300Hover = "rgba(5, 12, 41, 0.14)";
628
- export const colorStaticNeutralTranslucent300Inverted = "rgba(222, 222, 238, 0.13)";
629
- export const colorStaticNeutralTranslucent300InvertedHover = "rgba(234, 234, 248, 0.15)";
630
- export const colorStaticNeutralTranslucent300InvertedPress = "rgba(231, 231, 248, 0.18)";
631
- export const colorStaticNeutralTranslucent300Press = "rgba(5, 11, 44, 0.18)";
632
- export const colorStaticNeutralTranslucent400 = "rgba(5, 11, 44, 0.18)";
633
- export const colorStaticNeutralTranslucent400Hover = "rgba(9, 12, 37, 0.28)";
634
- export const colorStaticNeutralTranslucent400Inverted = "rgba(231, 231, 248, 0.18)";
635
- export const colorStaticNeutralTranslucent400InvertedHover = "rgba(227, 227, 250, 0.23)";
636
- export const colorStaticNeutralTranslucent400InvertedPress = "rgba(228, 228, 251, 0.28)";
637
- export const colorStaticNeutralTranslucent400Press = "rgba(5, 8, 29, 0.38)";
638
- export const colorStaticNeutralTranslucent500 = "rgba(9, 12, 37, 0.28)";
639
- export const colorStaticNeutralTranslucent500Hover = "rgba(5, 8, 29, 0.38)";
640
- export const colorStaticNeutralTranslucent500Inverted = "rgba(228, 228, 251, 0.28)";
641
- export const colorStaticNeutralTranslucent500InvertedHover = "rgba(233, 233, 250, 0.37)";
642
- export const colorStaticNeutralTranslucent500InvertedPress = "rgba(238, 238, 254, 0.46)";
643
- export const colorStaticNeutralTranslucent500Press = "rgba(4, 4, 21, 0.47)";
644
- export const colorStaticNeutralTranslucent700 = "rgba(4, 4, 21, 0.47)";
645
- export const colorStaticNeutralTranslucent700Hover = "rgba(4, 4, 19, 0.55)";
646
- export const colorStaticNeutralTranslucent700Inverted = "rgba(238, 238, 251, 0.55)";
647
- export const colorStaticNeutralTranslucent700InvertedHover = "rgba(239, 240, 252, 0.65)";
648
- export const colorStaticNeutralTranslucent700InvertedPress = "rgba(243, 245, 254, 0.75)";
649
- export const colorStaticNeutralTranslucent700Press = "rgba(1, 1, 12, 0.63)";
650
- export const colorStaticStatusAttention = "#fa9313";
651
- export const colorStaticStatusAttentionInverted = "#fda136";
652
- export const colorStaticStatusInfo = "#2288fa";
653
- export const colorStaticStatusInfoInverted = "#3193fc";
654
- export const colorStaticStatusMutedAltAttention = "#fde6c8";
655
- export const colorStaticStatusMutedAltAttentionInverted = "#412f22";
656
- export const colorStaticStatusMutedAltInfo = "#d8eaff";
657
- export const colorStaticStatusMutedAltInfoInverted = "#293044";
658
- export const colorStaticStatusMutedAltNegative = "#ffdfdf";
659
- export const colorStaticStatusMutedAltNegativeInverted = "#442926";
660
- export const colorStaticStatusMutedAltPositive = "#d1f1d7";
661
- export const colorStaticStatusMutedAltPositiveInverted = "#253528";
662
- export const colorStaticStatusMutedAttention = "#ffefd9";
663
- export const colorStaticStatusMutedAttentionInverted = "#36291f";
664
- export const colorStaticStatusMutedInfo = "#e4f0ff";
665
- export const colorStaticStatusMutedInfoInverted = "#222a3e";
666
- export const colorStaticStatusMutedNegative = "#ffebeb";
667
- export const colorStaticStatusMutedNegativeInverted = "#392523";
668
- export const colorStaticStatusMutedPositive = "#dff8e5";
669
- export const colorStaticStatusMutedPositiveInverted = "#232d25";
670
- export const colorStaticStatusNegative = "#ff4837";
671
- export const colorStaticStatusNegativeInverted = "#ff4837";
672
- export const colorStaticStatusPositive = "#0cc44d";
673
- export const colorStaticStatusPositiveInverted = "#17d055";
674
- export const colorStaticTextAttention = "#ea8313";
675
- export const colorStaticTextAttentionHover = "#d57111";
676
- export const colorStaticTextAttentionInverted = "#fa9313";
677
- export const colorStaticTextAttentionInvertedHover = "#fdb24d";
678
- export const colorStaticTextAttentionInvertedPress = "#ffbf70";
679
- export const colorStaticTextAttentionPress = "#b45a06";
680
- export const colorStaticTextInfo = "#2a77ef";
681
- export const colorStaticTextInfoHover = "#2c64d4";
682
- export const colorStaticTextInfoInverted = "#4a9dfc";
683
- export const colorStaticTextInfoInvertedHover = "#63aafd";
684
- export const colorStaticTextInfoInvertedPress = "#7fb6ff";
685
- export const colorStaticTextInfoPress = "#2453b4";
686
- export const colorStaticTextNegative = "#ec2d20";
687
- export const colorStaticTextNegativeHover = "#c7241f";
688
- export const colorStaticTextNegativeInverted = "#ff4837";
689
- export const colorStaticTextNegativeInvertedHover = "#ff755e";
690
- export const colorStaticTextNegativeInvertedPress = "#ff8d79";
691
- export const colorStaticTextNegativePress = "#a6201e";
692
- export const colorStaticTextPositive = "#0d9336";
693
- export const colorStaticTextPositiveHover = "#0a7d2c";
694
- export const colorStaticTextPositiveInverted = "#0cc44d";
695
- export const colorStaticTextPositiveInvertedHover = "#22e068";
696
- export const colorStaticTextPositiveInvertedPress = "#4ae777";
697
- export const colorStaticTextPositivePress = "#036625";
698
- export const colorStaticTextPrimary = "rgba(3, 3, 6, 0.88)";
699
- export const colorStaticTextPrimaryDark = "#0e0e0e";
700
- export const colorStaticTextPrimaryHover = "rgba(1, 1, 12, 0.63)";
701
- export const colorStaticTextPrimaryInverted = "rgba(255, 255, 255, 0.94)";
702
- export const colorStaticTextPrimaryInvertedHover = "rgba(255, 255, 255, 0.7)";
703
- export const colorStaticTextPrimaryInvertedPress = "rgba(255, 255, 255, 0.6)";
704
- export const colorStaticTextPrimaryLight = "#fff";
705
- export const colorStaticTextPrimaryPress = "rgba(4, 4, 19, 0.55)";
706
- export const colorStaticTextQuaternary = "rgba(5, 11, 44, 0.18)";
707
- export const colorStaticTextQuaternaryInverted = "rgba(231, 231, 248, 0.18)";
708
- export const colorStaticTextSecondary = "rgba(4, 4, 19, 0.55)";
709
- export const colorStaticTextSecondaryDark = "rgba(4, 4, 19, 0.55)";
710
- export const colorStaticTextSecondaryHover = "rgba(1, 1, 12, 0.63)";
711
- export const colorStaticTextSecondaryInverted = "rgba(238, 238, 251, 0.55)";
712
- export const colorStaticTextSecondaryInvertedHover = "rgba(239, 240, 252, 0.65)";
713
- export const colorStaticTextSecondaryInvertedPress = "rgba(243, 245, 254, 0.75)";
714
- export const colorStaticTextSecondaryLight = "rgba(238, 238, 251, 0.55)";
715
- export const colorStaticTextSecondaryPress = "rgba(0, 0, 10, 0.71)";
716
- export const colorStaticTextTertiary = "rgba(5, 8, 29, 0.38)";
717
- export const colorStaticTextTertiaryDark = "rgba(5, 8, 29, 0.38)";
718
- export const colorStaticTextTertiaryHover = "rgba(4, 4, 21, 0.47)";
719
- export const colorStaticTextTertiaryInverted = "rgba(233, 233, 250, 0.37)";
720
- export const colorStaticTextTertiaryInvertedHover = "rgba(238, 238, 254, 0.46)";
721
- export const colorStaticTextTertiaryInvertedPress = "rgba(238, 238, 251, 0.55)";
722
- export const colorStaticTextTertiaryLight = "rgba(233, 233, 250, 0.37)";
723
- export const colorStaticTextTertiaryPress = "rgba(4, 4, 19, 0.55)";
724
- /**
725
- * @deprecated
726
- */
727
- export const colorDarkBgAccent = "#ef3124";
728
- /**
729
- * @deprecated
730
- */
731
- export const colorDarkBgAttentionMuted = "#36291f";
732
- /**
733
- * @deprecated
734
- */
735
- export const colorDarkBgComponent = "rgba(255, 255, 255, 0.1)";
736
- /**
737
- * @deprecated
738
- */
739
- export const colorDarkBgComponentInverted = "rgba(0, 0, 0, 0.08)";
740
- /**
741
- * @deprecated
742
- */
743
- export const colorDarkBgInfo = "#001c3c";
744
- /**
745
- * @deprecated
746
- */
747
- export const colorDarkBgInfoMuted = "#242a39";
748
- /**
749
- * @deprecated
750
- */
751
- export const colorDarkBgLinkMuted = "#001c3c";
752
- /**
753
- * @deprecated
754
- */
755
- export const colorDarkBgNegativeMuted = "#392523";
756
- /**
757
- * @deprecated
758
- */
759
- export const colorDarkBgNeutral = "#3a3a3c";
760
- /**
761
- * @deprecated
762
- */
763
- export const colorDarkBgNulled = "rgba(0, 0, 0, 0)";
764
- /**
765
- * @deprecated
766
- */
767
- export const colorDarkBgOpaque = "rgba(255, 255, 255, 0.8)";
768
- /**
769
- * @deprecated
770
- */
771
- export const colorDarkBgOverlay = "rgba(0, 0, 0, 0.8)";
772
- /**
773
- * @deprecated
774
- */
775
- export const colorDarkBgPositiveMuted = "#232d25";
776
- /**
777
- * @deprecated
778
- */
779
- export const colorDarkBgPrimary = "#121213";
780
- /**
781
- * @deprecated
782
- */
783
- export const colorDarkBgPrimaryGrouped = "#1a1a1d";
784
- /**
785
- * @deprecated
786
- */
787
- export const colorDarkBgPrimaryInverted = "#fff";
788
- /**
789
- * @deprecated
790
- */
791
- export const colorDarkBgQuaternary = "#36363a";
792
- /**
793
- * @deprecated
794
- */
795
- export const colorDarkBgQuaternaryInverted = "#dcdee2";
796
- /**
797
- * @deprecated
798
- */
799
- export const colorDarkBgSecondary = "#1c1c1e";
800
- /**
801
- * @deprecated
802
- */
803
- export const colorDarkBgSecondaryGrouped = "#2a2a2e";
804
- /**
805
- * @deprecated
806
- */
807
- export const colorDarkBgSecondaryInverted = "#f2f3f5";
808
- /**
809
- * @deprecated
810
- */
811
- export const colorDarkBgTertiary = "#27272a";
812
- /**
813
- * @deprecated
814
- */
815
- export const colorDarkBgTertiaryGrouped = "#404045";
816
- /**
817
- * @deprecated
818
- */
819
- export const colorDarkBgTertiaryInverted = "#e7e8ea";
820
- /**
821
- * @deprecated
822
- */
823
- export const colorDarkBorderAccent = "#ef3124";
824
- /**
825
- * @deprecated
826
- */
827
- export const colorDarkBorderKey = "#fff";
828
- /**
829
- * @deprecated
830
- */
831
- export const colorDarkBorderKeyInverted = "#000";
832
- /**
833
- * @deprecated
834
- */
835
- export const colorDarkBorderLink = "#3193fc";
836
- /**
837
- * @deprecated
838
- */
839
- export const colorDarkBorderPrimary = "#36363a";
840
- /**
841
- * @deprecated
842
- */
843
- export const colorDarkBorderPrimaryInverted = "#d5d6dc";
844
- /**
845
- * @deprecated
846
- */
847
- export const colorDarkBorderSecondary = "#27272a";
848
- /**
849
- * @deprecated
850
- */
851
- export const colorDarkBorderSecondaryInverted = "#e7e8ec";
852
- /**
853
- * @deprecated
854
- */
855
- export const colorDarkBorderTertiary = "#1c1c1e";
856
- /**
857
- * @deprecated
858
- */
859
- export const colorDarkBorderTertiaryInverted = "#f2f3f5";
860
- /**
861
- * @deprecated
862
- */
863
- export const colorDarkBorderUnderline = "#49494f";
864
- /**
865
- * @deprecated
866
- */
867
- export const colorDarkBorderUnderlineInverted = "#b8b9c0";
868
- /**
869
- * @deprecated
870
- */
871
- export const colorDarkGraphicAccent = "#ef3124";
872
- /**
873
- * @deprecated
874
- */
875
- export const colorDarkGraphicAttention = "#fda136";
876
- /**
877
- * @deprecated
878
- */
879
- export const colorDarkGraphicLink = "#3193fc";
880
- /**
881
- * @deprecated
882
- */
883
- export const colorDarkGraphicNegative = "#ff5431";
884
- /**
885
- * @deprecated
886
- */
887
- export const colorDarkGraphicNeutral = "#2a2a2c";
888
- /**
889
- * @deprecated
890
- */
891
- export const colorDarkGraphicPositive = "#17d055";
892
- /**
893
- * @deprecated
894
- */
895
- export const colorDarkGraphicPrimary = "#f1f1f1";
896
- /**
897
- * @deprecated
898
- */
899
- export const colorDarkGraphicPrimaryInverted = "#212124";
900
- /**
901
- * @deprecated
902
- */
903
- export const colorDarkGraphicQuaternary = "#27272a";
904
- /**
905
- * @deprecated
906
- */
907
- export const colorDarkGraphicQuaternaryInverted = "#e7e8ec";
908
- /**
909
- * @deprecated
910
- */
911
- export const colorDarkGraphicSecondary = "#898991";
912
- /**
913
- * @deprecated
914
- */
915
- export const colorDarkGraphicSecondaryInverted = "#898991";
916
- /**
917
- * @deprecated
918
- */
919
- export const colorDarkGraphicTertiary = "#49494f";
920
- /**
921
- * @deprecated
922
- */
923
- export const colorDarkGraphicTertiaryInverted = "#b8b9c0";
924
- /**
925
- * @deprecated
926
- */
927
- export const colorDarkSpecialbgComponent = "rgba(255, 255, 255, 0.1)";
928
- /**
929
- * @deprecated
930
- */
931
- export const colorDarkSpecialbgComponentInverted = "rgba(11, 31, 53, 0.07)";
932
- /**
933
- * @deprecated
934
- */
935
- export const colorDarkSpecialbgNulled = "rgba(255, 255, 255, 0)";
936
- /**
937
- * @deprecated
938
- */
939
- export const colorDarkSpecialbgOverlay = "rgba(0, 0, 0, 0.8)";
940
- /**
941
- * @deprecated
942
- */
943
- export const colorDarkSpecialbgOverlayFallback = "#0e0e0f";
944
- /**
945
- * @deprecated
946
- */
947
- export const colorDarkSpecialbgPrimaryGrouped = "#1c1c1e";
948
- /**
949
- * @deprecated
950
- */
951
- export const colorDarkSpecialbgSecondaryGrouped = "#27272a";
952
- /**
953
- * @deprecated
954
- */
955
- export const colorDarkSpecialbgSecondaryTransparent = "rgba(214, 214, 229, 0.07)";
956
- /**
957
- * @deprecated
958
- */
959
- export const colorDarkSpecialbgSecondaryTransparentInverted = "rgba(38, 55, 88, 0.06)";
960
- /**
961
- * @deprecated
962
- */
963
- export const colorDarkSpecialbgTertiaryGrouped = "#36363a";
964
- /**
965
- * @deprecated
966
- */
967
- export const colorDarkSpecialbgTertiaryTransparent = "rgba(222, 222, 240, 0.12)";
968
- /**
969
- * @deprecated
970
- */
971
- export const colorDarkSpecialbgTertiaryTransparentInverted = "rgba(30, 43, 68, 0.08)";
972
- /**
973
- * @deprecated
974
- */
975
- export const colorDarkTextAccent = "#ef3124";
976
- /**
977
- * @deprecated
978
- */
979
- export const colorDarkTextDisabled = "rgba(236, 236, 254, 0.18)";
980
- /**
981
- * @deprecated
982
- */
983
- export const colorDarkTextDisabledInverted = "rgba(5, 11, 44, 0.18)";
984
- /**
985
- * @deprecated
986
- */
987
- export const colorDarkTextDisabledTransparent = "rgba(220, 220, 243, 0.14)";
988
- /**
989
- * @deprecated
990
- */
991
- export const colorDarkTextLink = "#4a9dfc";
992
- /**
993
- * @deprecated
994
- */
995
- export const colorDarkTextSecondaryInvertedTransparent = "rgba(3, 3, 16, 0.56)";
996
- /**
997
- * @deprecated
998
- */
999
- export const colorDarkTextSecondaryTransparent = "rgba(239, 239, 254, 0.53)";
1000
- /**
1001
- * @deprecated
1002
- */
1003
- export const colorDarkTextTertiaryInvertedTransparent = "rgba(1, 1, 18, 0.41)";
1004
- /**
1005
- * @deprecated
1006
- */
1007
- export const colorDarkTextTertiaryTransparent = "rgba(233, 233, 251, 0.35)";
1008
- /**
1009
- * @deprecated
1010
- */
1011
- export const colorLightBgAccent = "#ef3124";
1012
- /**
1013
- * @deprecated
1014
- */
1015
- export const colorLightBgAttentionMuted = "#ffefd9";
1016
- /**
1017
- * @deprecated
1018
- */
1019
- export const colorLightBgComponent = "rgba(19, 19, 73, 0.11)";
1020
- /**
1021
- * @deprecated
1022
- */
1023
- export const colorLightBgComponentInverted = "rgba(223, 223, 246, 0.13)";
1024
- /**
1025
- * @deprecated
1026
- */
1027
- export const colorLightBgInfo = "#d6e8fc";
1028
- /**
1029
- * @deprecated
1030
- */
1031
- export const colorLightBgInfoMuted = "#e4f0ff";
1032
- /**
1033
- * @deprecated
1034
- */
1035
- export const colorLightBgLinkMuted = "#d6e8fc";
1036
- /**
1037
- * @deprecated
1038
- */
1039
- export const colorLightBgNegativeMuted = "#ffebeb";
1040
- /**
1041
- * @deprecated
1042
- */
1043
- export const colorLightBgNeutral = "#dcdcdd";
1044
- /**
1045
- * @deprecated
1046
- */
1047
- export const colorLightBgNulled = "rgba(0, 0, 0, 0)";
1048
- /**
1049
- * @deprecated
1050
- */
1051
- export const colorLightBgOpaque = "rgba(255, 255, 255, 0.8)";
1052
- /**
1053
- * @deprecated
1054
- */
1055
- export const colorLightBgOverlay = "rgba(0, 0, 0, 0.65)";
1056
- /**
1057
- * @deprecated
1058
- */
1059
- export const colorLightBgPositiveMuted = "#dff8e5";
1060
- /**
1061
- * @deprecated
1062
- */
1063
- export const colorLightBgPrimary = "#fff";
1064
- /**
1065
- * @deprecated
1066
- */
1067
- export const colorLightBgPrimaryGrouped = "#f2f2f6";
1068
- /**
1069
- * @deprecated
1070
- */
1071
- export const colorLightBgPrimaryInverted = "#121213";
1072
- /**
1073
- * @deprecated
1074
- */
1075
- export const colorLightBgQuaternary = "#dcdee2";
1076
- /**
1077
- * @deprecated
1078
- */
1079
- export const colorLightBgQuaternaryInverted = "#36363a";
1080
- /**
1081
- * @deprecated
1082
- */
1083
- export const colorLightBgSecondary = "#f2f3f5";
1084
- /**
1085
- * @deprecated
1086
- */
1087
- export const colorLightBgSecondaryGrouped = "#fff";
1088
- /**
1089
- * @deprecated
1090
- */
1091
- export const colorLightBgSecondaryInverted = "#1c1c1e";
1092
- /**
1093
- * @deprecated
1094
- */
1095
- export const colorLightBgTertiary = "#e7e8ea";
1096
- /**
1097
- * @deprecated
1098
- */
1099
- export const colorLightBgTertiaryGrouped = "#f2f2f6";
1100
- /**
1101
- * @deprecated
1102
- */
1103
- export const colorLightBgTertiaryInverted = "#27272a";
1104
- /**
1105
- * @deprecated
1106
- */
1107
- export const colorLightBorderAccent = "#ef3124";
1108
- /**
1109
- * @deprecated
1110
- */
1111
- export const colorLightBorderKey = "#000";
1112
- /**
1113
- * @deprecated
1114
- */
1115
- export const colorLightBorderKeyInverted = "#fff";
1116
- /**
1117
- * @deprecated
1118
- */
1119
- export const colorLightBorderLink = "#2288fa";
1120
- /**
1121
- * @deprecated
1122
- */
1123
- export const colorLightBorderPrimary = "#d5d6dc";
1124
- /**
1125
- * @deprecated
1126
- */
1127
- export const colorLightBorderPrimaryInverted = "#36363a";
1128
- /**
1129
- * @deprecated
1130
- */
1131
- export const colorLightBorderSecondary = "#e7e8ec";
1132
- /**
1133
- * @deprecated
1134
- */
1135
- export const colorLightBorderSecondaryInverted = "#27272a";
1136
- /**
1137
- * @deprecated
1138
- */
1139
- export const colorLightBorderTertiary = "#f2f3f5";
1140
- /**
1141
- * @deprecated
1142
- */
1143
- export const colorLightBorderTertiaryInverted = "#1c1c1e";
1144
- /**
1145
- * @deprecated
1146
- */
1147
- export const colorLightBorderUnderline = "#b8b9c0";
1148
- /**
1149
- * @deprecated
1150
- */
1151
- export const colorLightBorderUnderlineInverted = "#49494f";
1152
- /**
1153
- * @deprecated
1154
- */
1155
- export const colorLightGraphicAccent = "#ef3124";
1156
- /**
1157
- * @deprecated
1158
- */
1159
- export const colorLightGraphicAttention = "#fa9313";
1160
- /**
1161
- * @deprecated
1162
- */
1163
- export const colorLightGraphicLink = "#2288fa";
1164
- /**
1165
- * @deprecated
1166
- */
1167
- export const colorLightGraphicNegative = "#ff5431";
1168
- /**
1169
- * @deprecated
1170
- */
1171
- export const colorLightGraphicNeutral = "#dcdcdd";
1172
- /**
1173
- * @deprecated
1174
- */
1175
- export const colorLightGraphicPositive = "#0cc44d";
1176
- /**
1177
- * @deprecated
1178
- */
1179
- export const colorLightGraphicPrimary = "#212124";
1180
- /**
1181
- * @deprecated
1182
- */
1183
- export const colorLightGraphicPrimaryInverted = "#f1f1f1";
1184
- /**
1185
- * @deprecated
1186
- */
1187
- export const colorLightGraphicQuaternary = "#e7e8ec";
1188
- /**
1189
- * @deprecated
1190
- */
1191
- export const colorLightGraphicQuaternaryInverted = "#27272a";
1192
- /**
1193
- * @deprecated
1194
- */
1195
- export const colorLightGraphicSecondary = "#898991";
1196
- /**
1197
- * @deprecated
1198
- */
1199
- export const colorLightGraphicSecondaryInverted = "#898991";
1200
- /**
1201
- * @deprecated
1202
- */
1203
- export const colorLightGraphicTertiary = "#b8b9c0";
1204
- /**
1205
- * @deprecated
1206
- */
1207
- export const colorLightGraphicTertiaryInverted = "#49494f";
1208
- /**
1209
- * @deprecated
1210
- */
1211
- export const colorLightSpecialbgComponent = "rgba(11, 31, 53, 0.07)";
1212
- /**
1213
- * @deprecated
1214
- */
1215
- export const colorLightSpecialbgComponentInverted = "rgba(255, 255, 255, 0.1)";
1216
- /**
1217
- * @deprecated
1218
- */
1219
- export const colorLightSpecialbgNulled = "rgba(255, 255, 255, 0)";
1220
- /**
1221
- * @deprecated
1222
- */
1223
- export const colorLightSpecialbgOverlay = "rgba(0, 0, 0, 0.6)";
1224
- /**
1225
- * @deprecated
1226
- */
1227
- export const colorLightSpecialbgOverlayFallback = "#49494f";
1228
- /**
1229
- * @deprecated
1230
- */
1231
- export const colorLightSpecialbgPrimaryGrouped = "#f2f3f5";
1232
- /**
1233
- * @deprecated
1234
- */
1235
- export const colorLightSpecialbgSecondaryGrouped = "#fff";
1236
- /**
1237
- * @deprecated
1238
- */
1239
- export const colorLightSpecialbgSecondaryTransparent = "rgba(38, 55, 88, 0.06)";
1240
- /**
1241
- * @deprecated
1242
- */
1243
- export const colorLightSpecialbgSecondaryTransparentInverted = "rgba(214, 214, 229, 0.07)";
1244
- /**
1245
- * @deprecated
1246
- */
1247
- export const colorLightSpecialbgTertiaryGrouped = "#f2f3f5";
1248
- /**
1249
- * @deprecated
1250
- */
1251
- export const colorLightSpecialbgTertiaryTransparent = "rgba(30, 43, 68, 0.08)";
1252
- /**
1253
- * @deprecated
1254
- */
1255
- export const colorLightSpecialbgTertiaryTransparentInverted = "rgba(222, 222, 240, 0.12)";
1256
- /**
1257
- * @deprecated
1258
- */
1259
- export const colorLightTextAccent = "#ef3124";
1260
- /**
1261
- * @deprecated
1262
- */
1263
- export const colorLightTextDisabled = "rgba(5, 11, 44, 0.18)";
1264
- /**
1265
- * @deprecated
1266
- */
1267
- export const colorLightTextDisabledInverted = "rgba(231, 231, 248, 0.18)";
1268
- /**
1269
- * @deprecated
1270
- */
1271
- export const colorLightTextDisabledTransparent = "rgba(1, 1, 24, 0.26)";
1272
- /**
1273
- * @deprecated
1274
- */
1275
- export const colorLightTextLink = "#2a77ef";
1276
- /**
1277
- * @deprecated
1278
- */
1279
- export const colorLightTextSecondaryInvertedTransparent = "rgba(239, 239, 254, 0.53)";
1280
- /**
1281
- * @deprecated
1282
- */
1283
- export const colorLightTextSecondaryTransparent = "rgba(3, 3, 16, 0.56)";
1284
- /**
1285
- * @deprecated
1286
- */
1287
- export const colorLightTextTertiaryInvertedTransparent = "rgba(233, 233, 251, 0.35)";
1288
- /**
1289
- * @deprecated
1290
- */
1291
- export const colorLightTextTertiaryTransparent = "rgba(1, 1, 18, 0.41)";
1292
- /**
1293
- * @deprecated
1294
- */
1295
- export const colorStaticBgAccent = "#ef3124";
1296
- /**
1297
- * @deprecated
1298
- */
1299
- export const colorStaticBgDark = "#000";
1300
- /**
1301
- * @deprecated
1302
- */
1303
- export const colorStaticBgLight = "#fff";
1304
- /**
1305
- * @deprecated
1306
- */
1307
- export const colorStaticBgNeutralDark = "#3a3a3c";
1308
- /**
1309
- * @deprecated
1310
- */
1311
- export const colorStaticBgNeutralLight = "#dcdcdd";
1312
- /**
1313
- * @deprecated
1314
- */
1315
- export const colorStaticBgPrimaryLight = "#fff";
1316
- /**
1317
- * @deprecated
1318
- */
1319
- export const colorStaticBgQuaternaryDark = "#36363a";
1320
- /**
1321
- * @deprecated
1322
- */
1323
- export const colorStaticBgQuaternaryLight = "#e7e8ec";
1324
- /**
1325
- * @deprecated
1326
- */
1327
- export const colorStaticBgSecondaryDark = "#1c1c1e";
1328
- /**
1329
- * @deprecated
1330
- */
1331
- export const colorStaticBgSecondaryLight = "#f2f3f5";
1332
- /**
1333
- * @deprecated
1334
- */
1335
- export const colorStaticBgTertiaryDark = "#27272a";
1336
- /**
1337
- * @deprecated
1338
- */
1339
- export const colorStaticBgTertiaryLight = "#edeef0";
1340
- /**
1341
- * @deprecated
1342
- */
1343
- export const colorStaticBorderAccent = "#ef3124";
1344
- /**
1345
- * @deprecated
1346
- */
1347
- export const colorStaticGraphicAccent = "#ef3124";
1348
- /**
1349
- * @deprecated
1350
- */
1351
- export const colorStaticGraphicDark = "#212124";
1352
- /**
1353
- * @deprecated
1354
- */
1355
- export const colorStaticGraphicLight = "#f1f1f1";
1356
- /**
1357
- * @deprecated
1358
- */
1359
- export const colorStaticTextAccent = "#ef3124";
1360
- /**
1361
- * @deprecated
1362
- */
1363
- export const colorStaticTextSecondaryDarkTransparent = "rgba(3, 3, 16, 0.56)";
1364
- /**
1365
- * @deprecated
1366
- */
1367
- export const colorStaticTextSecondaryLightTransparent = "rgba(235, 235, 245, 0.6)";
1368
- /**
1369
- * @deprecated
1370
- */
1371
- export const colorStaticTextTertiaryDarkTransparent = "rgba(1, 1, 18, 0.41)";
1372
- /**
1373
- * @deprecated
1374
- */
1375
- export const colorStaticTextTertiaryLightTransparent = "rgba(235, 235, 245, 0.3)";
1376
- /**
1377
- * @deprecated
1378
- */
1379
- export const colorDarkNeutral700Alpha15 = "rgba(137, 137, 145, 0.15)";
1380
- /**
1381
- * @deprecated
1382
- */
1383
- export const colorDarkStatusInfoAlpha15 = "rgba(49, 147, 252, 0.15)";
1384
- /**
1385
- * @deprecated
1386
- */
1387
- export const colorDarkTextPrimaryAlpha30 = "rgba(255, 255, 255, 0.3)";
1388
- /**
1389
- * @deprecated
1390
- */
1391
- export const colorDarkTextPrimaryShade24 = "rgba(194, 194, 194, 0.9544)";
1392
- /**
1393
- * @deprecated
1394
- */
1395
- export const colorDarkTextPrimaryShade30 = "rgba(179, 179, 179, 0.958)";
1396
- /**
1397
- * @deprecated
1398
- */
1399
- export const colorDarkTextPrimaryShade40 = "rgba(153, 153, 153, 0.964)";
1400
- /**
1401
- * @deprecated
1402
- */
1403
- export const colorDarkTextPrimaryShade50 = "rgba(128, 128, 128, 0.97)";
1404
- /**
1405
- * @deprecated
1406
- */
1407
- export const colorDarkTextPrimaryTint20 = "rgba(255, 255, 255, 0.952)";
1408
- /**
1409
- * @deprecated
1410
- */
1411
- export const colorDarkTextPrimaryTint40 = "rgba(255, 255, 255, 0.964)";
1412
- /**
1413
- * @deprecated
1414
- */
1415
- export const colorDarkTextPrimaryInvertedAlpha30 = "rgba(3, 3, 6, 0.3)";
1416
- /**
1417
- * @deprecated
1418
- */
1419
- export const colorDarkTextPrimaryInvertedAlpha40 = "rgba(3, 3, 6, 0.4)";
1420
- /**
1421
- * @deprecated
1422
- */
1423
- export const colorDarkTextPrimaryInvertedShade20 = "rgba(2, 2, 5, 0.904)";
1424
- /**
1425
- * @deprecated
1426
- */
1427
- export const colorDarkTextPrimaryInvertedShade30 = "rgba(2, 2, 4, 0.916)";
1428
- /**
1429
- * @deprecated
1430
- */
1431
- export const colorDarkTextPrimaryInvertedTint7 = "rgba(21, 21, 23, 0.8884)";
1432
- /**
1433
- * @deprecated
1434
- */
1435
- export const colorDarkTextPrimaryInvertedTint15 = "rgba(41, 41, 43, 0.898)";
1436
- /**
1437
- * @deprecated
1438
- */
1439
- export const colorDarkTextPrimaryInvertedTint24 = "rgba(63, 63, 66, 0.9088)";
1440
- /**
1441
- * @deprecated
1442
- */
1443
- export const colorDarkTextPrimaryInvertedTint30 = "rgba(79, 79, 81, 0.916)";
1444
- /**
1445
- * @deprecated
1446
- */
1447
- export const colorDarkTextPrimaryInvertedTint40 = "rgba(104, 104, 106, 0.928)";
1448
- /**
1449
- * @deprecated
1450
- */
1451
- export const colorDarkTextPrimaryInvertedTint50 = "rgba(129, 129, 131, 0.94)";
1452
- /**
1453
- * @deprecated
1454
- */
1455
- export const colorDarkTextSecondaryShade20 = "rgba(190, 190, 201, 0.64)";
1456
- /**
1457
- * @deprecated
1458
- */
1459
- export const colorDarkTextSecondaryShade30 = "rgba(167, 167, 176, 0.685)";
1460
- /**
1461
- * @deprecated
1462
- */
1463
- export const colorDarkTextSecondaryTint20 = "rgba(241, 241, 252, 0.64)";
1464
- /**
1465
- * @deprecated
1466
- */
1467
- export const colorDarkTextSecondaryTint40 = "rgba(245, 245, 253, 0.73)";
1468
- /**
1469
- * @deprecated
1470
- */
1471
- export const colorDarkTextSecondaryInvertedShade20 = "rgba(3, 3, 15, 0.64)";
1472
- /**
1473
- * @deprecated
1474
- */
1475
- export const colorDarkTextSecondaryInvertedShade30 = "rgba(3, 3, 13, 0.685)";
1476
- /**
1477
- * @deprecated
1478
- */
1479
- export const colorLightNeutral700Alpha15 = "rgba(137, 137, 145, 0.15)";
1480
- /**
1481
- * @deprecated
1482
- */
1483
- export const colorLightStatusInfoAlpha15 = "rgba(34, 136, 250, 0.15)";
1484
- /**
1485
- * @deprecated
1486
- */
1487
- export const colorLightTextPrimaryAlpha30 = "rgba(3, 3, 6, 0.3)";
1488
- /**
1489
- * @deprecated
1490
- */
1491
- export const colorLightTextPrimaryTint24 = "rgba(63, 63, 66, 0.9088)";
1492
- /**
1493
- * @deprecated
1494
- */
1495
- export const colorLightTextPrimaryTint30 = "rgba(79, 79, 81, 0.916)";
1496
- /**
1497
- * @deprecated
1498
- */
1499
- export const colorLightTextPrimaryTint40 = "rgba(104, 104, 106, 0.928)";
1500
- /**
1501
- * @deprecated
1502
- */
1503
- export const colorLightTextPrimaryTint50 = "rgba(129, 129, 131, 0.94)";
1504
- /**
1505
- * @deprecated
1506
- */
1507
- export const colorLightTextPrimaryShade20 = "rgba(2, 2, 5, 0.904)";
1508
- /**
1509
- * @deprecated
1510
- */
1511
- export const colorLightTextPrimaryShade40 = "rgba(2, 2, 4, 0.928)";
1512
- /**
1513
- * @deprecated
1514
- */
1515
- export const colorLightTextPrimaryInvertedAlpha30 = "rgba(255, 255, 255, 0.3)";
1516
- /**
1517
- * @deprecated
1518
- */
1519
- export const colorLightTextPrimaryInvertedAlpha40 = "rgba(255, 255, 255, 0.4)";
1520
- /**
1521
- * @deprecated
1522
- */
1523
- export const colorLightTextPrimaryInvertedTint20 = "rgba(255, 255, 255, 0.952)";
1524
- /**
1525
- * @deprecated
1526
- */
1527
- export const colorLightTextPrimaryInvertedTint30 = "rgba(255, 255, 255, 0.958)";
1528
- /**
1529
- * @deprecated
1530
- */
1531
- export const colorLightTextPrimaryInvertedShade7 = "rgba(237, 237, 237, 0.9442)";
1532
- /**
1533
- * @deprecated
1534
- */
1535
- export const colorLightTextPrimaryInvertedShade15 = "rgba(217, 217, 217, 0.949)";
1536
- /**
1537
- * @deprecated
1538
- */
1539
- export const colorLightTextPrimaryInvertedShade24 = "rgba(194, 194, 194, 0.9544)";
1540
- /**
1541
- * @deprecated
1542
- */
1543
- export const colorLightTextPrimaryInvertedShade30 = "rgba(179, 179, 179, 0.958)";
1544
- /**
1545
- * @deprecated
1546
- */
1547
- export const colorLightTextPrimaryInvertedShade40 = "rgba(153, 153, 153, 0.964)";
1548
- /**
1549
- * @deprecated
1550
- */
1551
- export const colorLightTextPrimaryInvertedShade50 = "rgba(128, 128, 128, 0.97)";
1552
- /**
1553
- * @deprecated
1554
- */
1555
- export const colorLightTextSecondaryTint20 = "rgba(54, 54, 66, 0.64)";
1556
- /**
1557
- * @deprecated
1558
- */
1559
- export const colorLightTextSecondaryTint30 = "rgba(79, 79, 90, 0.685)";
1560
- /**
1561
- * @deprecated
1562
- */
1563
- export const colorLightTextSecondaryShade20 = "rgba(3, 3, 15, 0.64)";
1564
- /**
1565
- * @deprecated
1566
- */
1567
- export const colorLightTextSecondaryShade40 = "rgba(2, 2, 11, 0.73)";
1568
- /**
1569
- * @deprecated
1570
- */
1571
- export const colorLightTextSecondaryInvertedTint20 = "rgba(241, 241, 252, 0.64)";
1572
- /**
1573
- * @deprecated
1574
- */
1575
- export const colorLightTextSecondaryInvertedTint30 = "rgba(243, 243, 252, 0.685)";
1576
- /**
1577
- * @deprecated
1578
- */
1579
- export const colorStaticBgPrimaryDarkAlpha10 = "rgba(18, 18, 19, 0.1)";
1580
- /**
1581
- * @deprecated
1582
- */
1583
- export const colorStaticBgPrimaryDarkAlpha20 = "rgba(18, 18, 19, 0.2)";
1584
- /**
1585
- * @deprecated
1586
- */
1587
- export const colorStaticBgPrimaryDarkTint15 = "rgb(54, 54, 54)";
1588
- /**
1589
- * @deprecated
1590
- */
1591
- export const colorStaticBgPrimaryDarkTint20 = "rgb(65, 65, 66)";
1592
- /**
1593
- * @deprecated
1594
- */
1595
- export const colorStaticTextPrimaryLightAlpha30 = "rgba(255, 255, 255, 0.3)";
1596
- /**
1597
- * @deprecated
1598
- */
1599
- export const colorDarkBgAccentAlpha30 = "rgba(239, 49, 36, 0.3)";
1600
- /**
1601
- * @deprecated
1602
- */
1603
- export const colorDarkBgAccentShade15 = "rgb(203, 42, 31)";
1604
- /**
1605
- * @deprecated
1606
- */
1607
- export const colorDarkBgAccentShade20 = "rgb(191, 39, 29)";
1608
- /**
1609
- * @deprecated
1610
- */
1611
- export const colorDarkBgAccentTint7 = "rgb(240, 63, 51)";
1612
- /**
1613
- * @deprecated
1614
- */
1615
- export const colorDarkBgAccentTint10 = "rgb(241, 70, 58)";
1616
- /**
1617
- * @deprecated
1618
- */
1619
- export const colorDarkBgAccentTint15 = "rgb(241, 80, 69)";
1620
- /**
1621
- * @deprecated
1622
- */
1623
- export const colorDarkBgAccentTint30 = "rgb(244, 111, 102)";
1624
- /**
1625
- * @deprecated
1626
- */
1627
- export const colorDarkBgPrimaryAlpha4 = "rgba(18, 18, 19, 0.04)";
1628
- /**
1629
- * @deprecated
1630
- */
1631
- export const colorDarkBgPrimaryAlpha8 = "rgba(18, 18, 19, 0.08)";
1632
- /**
1633
- * @deprecated
1634
- */
1635
- export const colorDarkBgPrimaryAlpha12 = "rgba(18, 18, 19, 0.12)";
1636
- /**
1637
- * @deprecated
1638
- */
1639
- export const colorDarkBgPrimaryAlpha15 = "rgba(18, 18, 19, 0.15)";
1640
- /**
1641
- * @deprecated
1642
- */
1643
- export const colorDarkBgPrimaryAlpha16 = "rgba(18, 18, 19, 0.16)";
1644
- /**
1645
- * @deprecated
1646
- */
1647
- export const colorDarkBgPrimaryAlpha20 = "rgba(18, 18, 19, 0.2)";
1648
- /**
1649
- * @deprecated
1650
- */
1651
- export const colorDarkBgPrimaryAlpha30 = "rgba(18, 18, 19, 0.3)";
1652
- /**
1653
- * @deprecated
1654
- */
1655
- export const colorDarkBgPrimaryAlpha32 = "rgba(18, 18, 19, 0.32)";
1656
- /**
1657
- * @deprecated
1658
- */
1659
- export const colorDarkBgPrimaryAlpha37 = "rgba(18, 18, 19, 0.37)";
1660
- /**
1661
- * @deprecated
1662
- */
1663
- export const colorDarkBgPrimaryAlpha40 = "rgba(18, 18, 19, 0.4)";
1664
- /**
1665
- * @deprecated
1666
- */
1667
- export const colorDarkBgPrimaryTint7 = "rgb(35, 35, 36)";
1668
- /**
1669
- * @deprecated
1670
- */
1671
- export const colorDarkBgPrimaryTint15 = "rgb(54, 54, 54)";
1672
- /**
1673
- * @deprecated
1674
- */
1675
- export const colorDarkBgPrimaryInvertedAlpha3 = "rgba(255, 255, 255, 0.03)";
1676
- /**
1677
- * @deprecated
1678
- */
1679
- export const colorDarkBgPrimaryInvertedAlpha4 = "rgba(255, 255, 255, 0.04)";
1680
- /**
1681
- * @deprecated
1682
- */
1683
- export const colorDarkBgPrimaryInvertedAlpha5 = "rgba(255, 255, 255, 0.05)";
1684
- /**
1685
- * @deprecated
1686
- */
1687
- export const colorDarkBgPrimaryInvertedAlpha7 = "rgba(255, 255, 255, 0.07)";
1688
- /**
1689
- * @deprecated
1690
- */
1691
- export const colorDarkBgPrimaryInvertedAlpha8 = "rgba(255, 255, 255, 0.08)";
1692
- /**
1693
- * @deprecated
1694
- */
1695
- export const colorDarkBgPrimaryInvertedAlpha10 = "rgba(255, 255, 255, 0.1)";
1696
- /**
1697
- * @deprecated
1698
- */
1699
- export const colorDarkBgPrimaryInvertedAlpha12 = "rgba(255, 255, 255, 0.12)";
1700
- /**
1701
- * @deprecated
1702
- */
1703
- export const colorDarkBgPrimaryInvertedAlpha15 = "rgba(255, 255, 255, 0.15)";
1704
- /**
1705
- * @deprecated
1706
- */
1707
- export const colorDarkBgPrimaryInvertedAlpha16 = "rgba(255, 255, 255, 0.16)";
1708
- /**
1709
- * @deprecated
1710
- */
1711
- export const colorDarkBgPrimaryInvertedAlpha20 = "rgba(255, 255, 255, 0.2)";
1712
- /**
1713
- * @deprecated
1714
- */
1715
- export const colorDarkBgPrimaryInvertedAlpha24 = "rgba(255, 255, 255, 0.24)";
1716
- /**
1717
- * @deprecated
1718
- */
1719
- export const colorDarkBgPrimaryInvertedAlpha30 = "rgba(255, 255, 255, 0.3)";
1720
- /**
1721
- * @deprecated
1722
- */
1723
- export const colorDarkBgPrimaryInvertedAlpha32 = "rgba(255, 255, 255, 0.32)";
1724
- /**
1725
- * @deprecated
1726
- */
1727
- export const colorDarkBgPrimaryInvertedAlpha40 = "rgba(255, 255, 255, 0.4)";
1728
- /**
1729
- * @deprecated
1730
- */
1731
- export const colorDarkBgPrimaryInvertedAlpha50 = "rgba(255, 255, 255, 0.5)";
1732
- /**
1733
- * @deprecated
1734
- */
1735
- export const colorDarkBgPrimaryInvertedShade7 = "rgb(237, 237, 237)";
1736
- /**
1737
- * @deprecated
1738
- */
1739
- export const colorDarkBgPrimaryInvertedShade15 = "rgb(217, 217, 217)";
1740
- /**
1741
- * @deprecated
1742
- */
1743
- export const colorDarkBgPrimaryInvertedShade20 = "rgb(204, 204, 204)";
1744
- /**
1745
- * @deprecated
1746
- */
1747
- export const colorDarkBgQuaternaryAlpha30 = "rgba(54, 54, 58, 0.3)";
1748
- /**
1749
- * @deprecated
1750
- */
1751
- export const colorDarkBgQuaternaryTint7 = "rgb(68, 68, 72)";
1752
- /**
1753
- * @deprecated
1754
- */
1755
- export const colorDarkBgQuaternaryTint10 = "rgb(74, 74, 78)";
1756
- /**
1757
- * @deprecated
1758
- */
1759
- export const colorDarkBgQuaternaryTint15 = "rgb(84, 84, 88)";
1760
- /**
1761
- * @deprecated
1762
- */
1763
- export const colorDarkBgQuaternaryTint30 = "rgb(114, 114, 117)";
1764
- /**
1765
- * @deprecated
1766
- */
1767
- export const colorDarkBgQuaternaryInvertedAlpha30 = "rgba(220, 222, 226, 0.3)";
1768
- /**
1769
- * @deprecated
1770
- */
1771
- export const colorDarkBgQuaternaryInvertedShade15 = "rgb(187, 189, 192)";
1772
- /**
1773
- * @deprecated
1774
- */
1775
- export const colorDarkBgQuaternaryInvertedShade20 = "rgb(176, 178, 181)";
1776
- /**
1777
- * @deprecated
1778
- */
1779
- export const colorDarkBgSecondaryAlpha30 = "rgba(28, 28, 30, 0.3)";
1780
- /**
1781
- * @deprecated
1782
- */
1783
- export const colorDarkBgSecondaryShade15 = "rgb(24, 24, 25)";
1784
- /**
1785
- * @deprecated
1786
- */
1787
- export const colorDarkBgSecondaryShade20 = "rgb(22, 22, 24)";
1788
- /**
1789
- * @deprecated
1790
- */
1791
- export const colorDarkBgSecondaryTint7 = "rgb(44, 44, 46)";
1792
- /**
1793
- * @deprecated
1794
- */
1795
- export const colorDarkBgSecondaryTint15 = "rgb(62, 62, 64)";
1796
- /**
1797
- * @deprecated
1798
- */
1799
- export const colorDarkBgSecondaryInvertedAlpha30 = "rgba(242, 243, 245, 0.3)";
1800
- /**
1801
- * @deprecated
1802
- */
1803
- export const colorDarkBgSecondaryInvertedShade15 = "rgb(206, 207, 208)";
1804
- /**
1805
- * @deprecated
1806
- */
1807
- export const colorDarkBgSecondaryInvertedShade20 = "rgb(194, 194, 196)";
1808
- /**
1809
- * @deprecated
1810
- */
1811
- export const colorDarkBgSecondaryInvertedTint7 = "rgb(243, 244, 246)";
1812
- /**
1813
- * @deprecated
1814
- */
1815
- export const colorDarkBgSecondaryInvertedTint15 = "rgb(244, 245, 246)";
1816
- /**
1817
- * @deprecated
1818
- */
1819
- export const colorDarkBgTertiaryTint7 = "rgb(54, 54, 57)";
1820
- /**
1821
- * @deprecated
1822
- */
1823
- export const colorDarkBorderKeyAlpha7 = "rgba(255, 255, 255, 0.07)";
1824
- /**
1825
- * @deprecated
1826
- */
1827
- export const colorDarkBorderKeyAlpha15 = "rgba(255, 255, 255, 0.15)";
1828
- /**
1829
- * @deprecated
1830
- */
1831
- export const colorDarkBorderKeyInvertedAlpha7 = "rgba(0, 0, 0, 0.07)";
1832
- /**
1833
- * @deprecated
1834
- */
1835
- export const colorDarkBorderKeyInvertedAlpha15 = "rgba(0, 0, 0, 0.15)";
1836
- /**
1837
- * @deprecated
1838
- */
1839
- export const colorDarkBorderUnderlineAlpha30 = "rgba(73, 73, 79, 0.3)";
1840
- /**
1841
- * @deprecated
1842
- */
1843
- export const colorDarkBorderUnderlineInvertedAlpha30 = "rgba(184, 185, 192, 0.3)";
1844
- /**
1845
- * @deprecated
1846
- */
1847
- export const colorDarkGraphicAccentAlpha30 = "rgba(239, 49, 36, 0.3)";
1848
- /**
1849
- * @deprecated
1850
- */
1851
- export const colorDarkGraphicAccentShade15 = "rgb(203, 42, 31)";
1852
- /**
1853
- * @deprecated
1854
- */
1855
- export const colorDarkGraphicAccentTint7 = "rgb(240, 63, 51)";
1856
- /**
1857
- * @deprecated
1858
- */
1859
- export const colorDarkGraphicAccentTint10 = "rgb(241, 70, 58)";
1860
- /**
1861
- * @deprecated
1862
- */
1863
- export const colorDarkGraphicAccentTint15 = "rgb(241, 80, 69)";
1864
- /**
1865
- * @deprecated
1866
- */
1867
- export const colorDarkGraphicAccentTint30 = "rgb(244, 111, 102)";
1868
- /**
1869
- * @deprecated
1870
- */
1871
- export const colorDarkGraphicLinkAlpha15 = "rgba(49, 147, 252, 0.15)";
1872
- /**
1873
- * @deprecated
1874
- */
1875
- export const colorDarkGraphicNegativeAlpha10 = "rgba(255, 84, 49, 0.1)";
1876
- /**
1877
- * @deprecated
1878
- */
1879
- export const colorDarkGraphicNegativeAlpha30 = "rgba(255, 84, 49, 0.3)";
1880
- /**
1881
- * @deprecated
1882
- */
1883
- export const colorDarkGraphicNegativeAlpha40 = "rgba(255, 84, 49, 0.4)";
1884
- /**
1885
- * @deprecated
1886
- */
1887
- export const colorDarkGraphicNegativeShade20 = "rgb(204, 67, 39)";
1888
- /**
1889
- * @deprecated
1890
- */
1891
- export const colorDarkGraphicNegativeShade30 = "rgb(179, 59, 34)";
1892
- /**
1893
- * @deprecated
1894
- */
1895
- export const colorDarkGraphicNegativeTint7 = "rgb(255, 96, 63)";
1896
- /**
1897
- * @deprecated
1898
- */
1899
- export const colorDarkGraphicNegativeTint15 = "rgb(255, 110, 80)";
1900
- /**
1901
- * @deprecated
1902
- */
1903
- export const colorDarkGraphicNegativeTint30 = "rgb(255, 135, 111)";
1904
- /**
1905
- * @deprecated
1906
- */
1907
- export const colorDarkGraphicPositiveAlpha10 = "rgba(23, 208, 85, 0.1)";
1908
- /**
1909
- * @deprecated
1910
- */
1911
- export const colorDarkGraphicPositiveTint10 = "rgb(46, 213, 102)";
1912
- /**
1913
- * @deprecated
1914
- */
1915
- export const colorDarkGraphicPositiveTint30 = "rgb(93, 222, 136)";
1916
- /**
1917
- * @deprecated
1918
- */
1919
- export const colorDarkGraphicPrimaryAlpha30 = "rgba(241, 241, 241, 0.3)";
1920
- /**
1921
- * @deprecated
1922
- */
1923
- export const colorDarkGraphicPrimaryAlpha40 = "rgba(241, 241, 241, 0.4)";
1924
- /**
1925
- * @deprecated
1926
- */
1927
- export const colorDarkGraphicPrimaryAlpha50 = "rgba(241, 241, 241, 0.5)";
1928
- /**
1929
- * @deprecated
1930
- */
1931
- export const colorDarkGraphicPrimaryAlpha60 = "rgba(241, 241, 241, 0.6)";
1932
- /**
1933
- * @deprecated
1934
- */
1935
- export const colorDarkGraphicPrimaryShade15 = "rgb(205, 205, 205)";
1936
- /**
1937
- * @deprecated
1938
- */
1939
- export const colorDarkGraphicPrimaryShade20 = "rgb(193, 193, 193)";
1940
- /**
1941
- * @deprecated
1942
- */
1943
- export const colorDarkGraphicPrimaryShade30 = "rgb(169, 169, 169)";
1944
- /**
1945
- * @deprecated
1946
- */
1947
- export const colorDarkGraphicPrimaryTint10 = "rgb(242, 242, 242)";
1948
- /**
1949
- * @deprecated
1950
- */
1951
- export const colorDarkGraphicPrimaryTint30 = "rgb(245, 245, 245)";
1952
- /**
1953
- * @deprecated
1954
- */
1955
- export const colorDarkGraphicPrimaryInvertedAlpha30 = "rgba(33, 33, 36, 0.3)";
1956
- /**
1957
- * @deprecated
1958
- */
1959
- export const colorDarkGraphicPrimaryInvertedAlpha40 = "rgba(33, 33, 36, 0.4)";
1960
- /**
1961
- * @deprecated
1962
- */
1963
- export const colorDarkGraphicPrimaryInvertedAlpha50 = "rgba(33, 33, 36, 0.5)";
1964
- /**
1965
- * @deprecated
1966
- */
1967
- export const colorDarkGraphicPrimaryInvertedAlpha60 = "rgba(33, 33, 36, 0.6)";
1968
- /**
1969
- * @deprecated
1970
- */
1971
- export const colorDarkGraphicPrimaryInvertedTint7 = "rgb(49, 49, 51)";
1972
- /**
1973
- * @deprecated
1974
- */
1975
- export const colorDarkGraphicPrimaryInvertedTint10 = "rgb(55, 55, 58)";
1976
- /**
1977
- * @deprecated
1978
- */
1979
- export const colorDarkGraphicPrimaryInvertedTint15 = "rgb(66, 66, 69)";
1980
- /**
1981
- * @deprecated
1982
- */
1983
- export const colorDarkGraphicPrimaryInvertedTint30 = "rgb(100, 100, 102)";
1984
- /**
1985
- * @deprecated
1986
- */
1987
- export const colorDarkGraphicQuaternaryTint10 = "rgb(61, 61, 63)";
1988
- /**
1989
- * @deprecated
1990
- */
1991
- export const colorDarkGraphicSecondaryAlpha30 = "rgba(137, 137, 145, 0.3)";
1992
- /**
1993
- * @deprecated
1994
- */
1995
- export const colorDarkGraphicSecondaryTint30 = "rgb(172, 172, 178)";
1996
- /**
1997
- * @deprecated
1998
- */
1999
- export const colorDarkGraphicSecondaryTint50 = "rgb(196, 196, 200)";
2000
- /**
2001
- * @deprecated
2002
- */
2003
- export const colorDarkGraphicSecondaryInvertedAlpha30 = "rgba(137, 137, 145, 0.3)";
2004
- /**
2005
- * @deprecated
2006
- */
2007
- export const colorDarkGraphicSecondaryInvertedShade15 = "rgb(116, 116, 123)";
2008
- /**
2009
- * @deprecated
2010
- */
2011
- export const colorDarkGraphicSecondaryInvertedShade20 = "rgb(110, 110, 116)";
2012
- /**
2013
- * @deprecated
2014
- */
2015
- export const colorDarkGraphicSecondaryInvertedTint10 = "rgb(149, 149, 156)";
2016
- /**
2017
- * @deprecated
2018
- */
2019
- export const colorDarkGraphicSecondaryInvertedTint30 = "rgb(172, 172, 178)";
2020
- /**
2021
- * @deprecated
2022
- */
2023
- export const colorDarkGraphicTertiaryAlpha30 = "rgba(73, 73, 79, 0.3)";
2024
- /**
2025
- * @deprecated
2026
- */
2027
- export const colorDarkGraphicTertiaryShade15 = "rgb(62, 62, 67)";
2028
- /**
2029
- * @deprecated
2030
- */
2031
- export const colorDarkGraphicTertiaryShade20 = "rgb(58, 58, 63)";
2032
- /**
2033
- * @deprecated
2034
- */
2035
- export const colorDarkGraphicTertiaryTint7 = "rgb(86, 86, 91)";
2036
- /**
2037
- * @deprecated
2038
- */
2039
- export const colorDarkGraphicTertiaryTint15 = "rgb(100, 100, 105)";
2040
- /**
2041
- * @deprecated
2042
- */
2043
- export const colorDarkGraphicTertiaryInvertedAlpha30 = "rgba(184, 185, 192, 0.3)";
2044
- /**
2045
- * @deprecated
2046
- */
2047
- export const colorDarkGraphicTertiaryInvertedShade15 = "rgb(156, 157, 163)";
2048
- /**
2049
- * @deprecated
2050
- */
2051
- export const colorDarkGraphicTertiaryInvertedShade20 = "rgb(147, 148, 154)";
2052
- /**
2053
- * @deprecated
2054
- */
2055
- export const colorDarkSpecialbgComponentTint7 = "rgba(255, 255, 255, 0.163)";
2056
- /**
2057
- * @deprecated
2058
- */
2059
- export const colorDarkSpecialbgComponentTint10 = "rgba(255, 255, 255, 0.19)";
2060
- /**
2061
- * @deprecated
2062
- */
2063
- export const colorDarkSpecialbgComponentTint15 = "rgba(255, 255, 255, 0.235)";
2064
- /**
2065
- * @deprecated
2066
- */
2067
- export const colorDarkSpecialbgComponentTint30 = "rgba(255, 255, 255, 0.37)";
2068
- /**
2069
- * @deprecated
2070
- */
2071
- export const colorDarkSpecialbgComponentAlpha2 = "rgba(255, 255, 255, 0.02)";
2072
- /**
2073
- * @deprecated
2074
- */
2075
- export const colorDarkSpecialbgComponentAlpha14 = "rgba(255, 255, 255, 0.14)";
2076
- /**
2077
- * @deprecated
2078
- */
2079
- export const colorDarkSpecialbgComponentAlpha23 = "rgba(255, 255, 255, 0.23)";
2080
- /**
2081
- * @deprecated
2082
- */
2083
- export const colorDarkSpecialbgComponentAlpha30 = "rgba(255, 255, 255, 0.3)";
2084
- /**
2085
- * @deprecated
2086
- */
2087
- export const colorDarkSpecialbgComponentInvertedAlpha30 = "rgba(11, 31, 53, 0.3)";
2088
- /**
2089
- * @deprecated
2090
- */
2091
- export const colorDarkSpecialbgComponentInvertedShade15 = "rgba(9, 26, 45, 0.2095)";
2092
- /**
2093
- * @deprecated
2094
- */
2095
- export const colorDarkSpecialbgComponentInvertedShade20 = "rgba(9, 25, 42, 0.256)";
2096
- /**
2097
- * @deprecated
2098
- */
2099
- export const colorDarkSpecialbgSecondaryTransparentTint7 = "rgba(217, 217, 231, 0.1351)";
2100
- /**
2101
- * @deprecated
2102
- */
2103
- export const colorDarkSpecialbgSecondaryTransparentTint15 = "rgba(220, 220, 233, 0.2095)";
2104
- /**
2105
- * @deprecated
2106
- */
2107
- export const colorDarkSpecialbgSecondaryTransparentInvertedShade15 = "rgba(32, 47, 75, 0.201)";
2108
- /**
2109
- * @deprecated
2110
- */
2111
- export const colorDarkSpecialbgSecondaryTransparentInvertedShade20 = "rgba(30, 44, 70, 0.248)";
2112
- /**
2113
- * @deprecated
2114
- */
2115
- export const colorDarkSpecialbgTertiaryTransparentTint7 = "rgba(224, 224, 241, 0.1816)";
2116
- /**
2117
- * @deprecated
2118
- */
2119
- export const colorDarkSpecialbgTertiaryTransparentTint15 = "rgba(227, 227, 242, 0.252)";
2120
- /**
2121
- * @deprecated
2122
- */
2123
- export const colorDarkSpecialbgTertiaryTransparentInvertedShade15 = "rgba(26, 37, 58, 0.218)";
2124
- /**
2125
- * @deprecated
2126
- */
2127
- export const colorDarkSpecialbgTertiaryTransparentInvertedShade20 = "rgba(24, 34, 54, 0.264)";
2128
- /**
2129
- * @deprecated
2130
- */
2131
- export const colorDarkTextLinkShade30 = "rgb(52, 110, 176)";
2132
- /**
2133
- * @deprecated
2134
- */
2135
- export const colorDarkTextLinkShade50 = "rgb(37, 79, 126)";
2136
- /**
2137
- * @deprecated
2138
- */
2139
- export const colorDarkTextLinkTint20 = "rgb(110, 177, 253)";
2140
- /**
2141
- * @deprecated
2142
- */
2143
- export const colorDarkTextLinkTint40 = "rgb(146, 196, 253)";
2144
- /**
2145
- * @deprecated
2146
- */
2147
- export const colorLightBgAccentAlpha30 = "rgba(239, 49, 36, 0.3)";
2148
- /**
2149
- * @deprecated
2150
- */
2151
- export const colorLightBgAccentTint15 = "rgb(241, 80, 69)";
2152
- /**
2153
- * @deprecated
2154
- */
2155
- export const colorLightBgAccentTint20 = "rgb(242, 90, 80)";
2156
- /**
2157
- * @deprecated
2158
- */
2159
- export const colorLightBgAccentShade7 = "rgb(222, 46, 33)";
2160
- /**
2161
- * @deprecated
2162
- */
2163
- export const colorLightBgAccentShade10 = "rgb(215, 44, 32)";
2164
- /**
2165
- * @deprecated
2166
- */
2167
- export const colorLightBgAccentShade15 = "rgb(203, 42, 31)";
2168
- /**
2169
- * @deprecated
2170
- */
2171
- export const colorLightBgAccentShade30 = "rgb(167, 34, 25)";
2172
- /**
2173
- * @deprecated
2174
- */
2175
- export const colorLightBgPrimaryAlpha4 = "rgba(255, 255, 255, 0.04)";
2176
- /**
2177
- * @deprecated
2178
- */
2179
- export const colorLightBgPrimaryAlpha8 = "rgba(255, 255, 255, 0.08)";
2180
- /**
2181
- * @deprecated
2182
- */
2183
- export const colorLightBgPrimaryAlpha12 = "rgba(255, 255, 255, 0.12)";
2184
- /**
2185
- * @deprecated
2186
- */
2187
- export const colorLightBgPrimaryAlpha15 = "rgba(255, 255, 255, 0.15)";
2188
- /**
2189
- * @deprecated
2190
- */
2191
- export const colorLightBgPrimaryAlpha16 = "rgba(255, 255, 255, 0.16)";
2192
- /**
2193
- * @deprecated
2194
- */
2195
- export const colorLightBgPrimaryAlpha20 = "rgba(255, 255, 255, 0.2)";
2196
- /**
2197
- * @deprecated
2198
- */
2199
- export const colorLightBgPrimaryAlpha30 = "rgba(255, 255, 255, 0.3)";
2200
- /**
2201
- * @deprecated
2202
- */
2203
- export const colorLightBgPrimaryAlpha32 = "rgba(255, 255, 255, 0.32)";
2204
- /**
2205
- * @deprecated
2206
- */
2207
- export const colorLightBgPrimaryAlpha37 = "rgba(255, 255, 255, 0.37)";
2208
- /**
2209
- * @deprecated
2210
- */
2211
- export const colorLightBgPrimaryAlpha40 = "rgba(255, 255, 255, 0.4)";
2212
- /**
2213
- * @deprecated
2214
- */
2215
- export const colorLightBgPrimaryShade7 = "rgb(237, 237, 237)";
2216
- /**
2217
- * @deprecated
2218
- */
2219
- export const colorLightBgPrimaryShade15 = "rgb(217, 217, 217)";
2220
- /**
2221
- * @deprecated
2222
- */
2223
- export const colorLightBgPrimaryInvertedAlpha3 = "rgba(18, 18, 19, 0.03)";
2224
- /**
2225
- * @deprecated
2226
- */
2227
- export const colorLightBgPrimaryInvertedAlpha4 = "rgba(18, 18, 19, 0.04)";
2228
- /**
2229
- * @deprecated
2230
- */
2231
- export const colorLightBgPrimaryInvertedAlpha5 = "rgba(18, 18, 19, 0.05)";
2232
- /**
2233
- * @deprecated
2234
- */
2235
- export const colorLightBgPrimaryInvertedAlpha7 = "rgba(18, 18, 19, 0.07)";
2236
- /**
2237
- * @deprecated
2238
- */
2239
- export const colorLightBgPrimaryInvertedAlpha8 = "rgba(18, 18, 19, 0.08)";
2240
- /**
2241
- * @deprecated
2242
- */
2243
- export const colorLightBgPrimaryInvertedAlpha10 = "rgba(18, 18, 19, 0.1)";
2244
- /**
2245
- * @deprecated
2246
- */
2247
- export const colorLightBgPrimaryInvertedAlpha12 = "rgba(18, 18, 19, 0.12)";
2248
- /**
2249
- * @deprecated
2250
- */
2251
- export const colorLightBgPrimaryInvertedAlpha15 = "rgba(18, 18, 19, 0.15)";
2252
- /**
2253
- * @deprecated
2254
- */
2255
- export const colorLightBgPrimaryInvertedAlpha16 = "rgba(18, 18, 19, 0.16)";
2256
- /**
2257
- * @deprecated
2258
- */
2259
- export const colorLightBgPrimaryInvertedAlpha20 = "rgba(18, 18, 19, 0.2)";
2260
- /**
2261
- * @deprecated
2262
- */
2263
- export const colorLightBgPrimaryInvertedAlpha24 = "rgba(18, 18, 19, 0.24)";
2264
- /**
2265
- * @deprecated
2266
- */
2267
- export const colorLightBgPrimaryInvertedAlpha30 = "rgba(18, 18, 19, 0.3)";
2268
- /**
2269
- * @deprecated
2270
- */
2271
- export const colorLightBgPrimaryInvertedAlpha32 = "rgba(18, 18, 19, 0.32)";
2272
- /**
2273
- * @deprecated
2274
- */
2275
- export const colorLightBgPrimaryInvertedAlpha40 = "rgba(18, 18, 19, 0.4)";
2276
- /**
2277
- * @deprecated
2278
- */
2279
- export const colorLightBgPrimaryInvertedAlpha50 = "rgba(18, 18, 19, 0.5)";
2280
- /**
2281
- * @deprecated
2282
- */
2283
- export const colorLightBgPrimaryInvertedTint7 = "rgb(35, 35, 36)";
2284
- /**
2285
- * @deprecated
2286
- */
2287
- export const colorLightBgPrimaryInvertedTint15 = "rgb(54, 54, 54)";
2288
- /**
2289
- * @deprecated
2290
- */
2291
- export const colorLightBgPrimaryInvertedTint20 = "rgb(65, 65, 66)";
2292
- /**
2293
- * @deprecated
2294
- */
2295
- export const colorLightBgQuaternaryAlpha30 = "rgba(220, 222, 226, 0.3)";
2296
- /**
2297
- * @deprecated
2298
- */
2299
- export const colorLightBgQuaternaryShade7 = "rgb(205, 206, 210)";
2300
- /**
2301
- * @deprecated
2302
- */
2303
- export const colorLightBgQuaternaryShade10 = "rgb(198, 200, 203)";
2304
- /**
2305
- * @deprecated
2306
- */
2307
- export const colorLightBgQuaternaryShade15 = "rgb(187, 189, 192)";
2308
- /**
2309
- * @deprecated
2310
- */
2311
- export const colorLightBgQuaternaryShade30 = "rgb(154, 155, 158)";
2312
- /**
2313
- * @deprecated
2314
- */
2315
- export const colorLightBgQuaternaryInvertedAlpha30 = "rgba(54, 54, 58, 0.3)";
2316
- /**
2317
- * @deprecated
2318
- */
2319
- export const colorLightBgQuaternaryInvertedTint15 = "rgb(84, 84, 88)";
2320
- /**
2321
- * @deprecated
2322
- */
2323
- export const colorLightBgQuaternaryInvertedTint20 = "rgb(94, 94, 97)";
2324
- /**
2325
- * @deprecated
2326
- */
2327
- export const colorLightBgSecondaryAlpha30 = "rgba(242, 243, 245, 0.3)";
2328
- /**
2329
- * @deprecated
2330
- */
2331
- export const colorLightBgSecondaryTint15 = "rgb(244, 245, 246)";
2332
- /**
2333
- * @deprecated
2334
- */
2335
- export const colorLightBgSecondaryTint20 = "rgb(245, 245, 247)";
2336
- /**
2337
- * @deprecated
2338
- */
2339
- export const colorLightBgSecondaryShade7 = "rgb(225, 226, 228)";
2340
- /**
2341
- * @deprecated
2342
- */
2343
- export const colorLightBgSecondaryShade15 = "rgb(206, 207, 208)";
2344
- /**
2345
- * @deprecated
2346
- */
2347
- export const colorLightBgSecondaryInvertedAlpha30 = "rgba(28, 28, 30, 0.3)";
2348
- /**
2349
- * @deprecated
2350
- */
2351
- export const colorLightBgSecondaryInvertedTint15 = "rgb(62, 62, 64)";
2352
- /**
2353
- * @deprecated
2354
- */
2355
- export const colorLightBgSecondaryInvertedTint20 = "rgb(73, 73, 75)";
2356
- /**
2357
- * @deprecated
2358
- */
2359
- export const colorLightBgSecondaryInvertedShade7 = "rgb(26, 26, 28)";
2360
- /**
2361
- * @deprecated
2362
- */
2363
- export const colorLightBgSecondaryInvertedShade15 = "rgb(24, 24, 25)";
2364
- /**
2365
- * @deprecated
2366
- */
2367
- export const colorLightBgTertiaryShade7 = "rgb(215, 216, 218)";
2368
- /**
2369
- * @deprecated
2370
- */
2371
- export const colorLightBorderKeyAlpha7 = "rgba(0, 0, 0, 0.07)";
2372
- /**
2373
- * @deprecated
2374
- */
2375
- export const colorLightBorderKeyAlpha15 = "rgba(0, 0, 0, 0.15)";
2376
- /**
2377
- * @deprecated
2378
- */
2379
- export const colorLightBorderKeyInvertedAlpha7 = "rgba(255, 255, 255, 0.07)";
2380
- /**
2381
- * @deprecated
2382
- */
2383
- export const colorLightBorderKeyInvertedAlpha15 = "rgba(255, 255, 255, 0.15)";
2384
- /**
2385
- * @deprecated
2386
- */
2387
- export const colorLightBorderUnderlineAlpha30 = "rgba(184, 185, 192, 0.3)";
2388
- /**
2389
- * @deprecated
2390
- */
2391
- export const colorLightBorderUnderlineInvertedAlpha30 = "rgba(73, 73, 79, 0.3)";
2392
- /**
2393
- * @deprecated
2394
- */
2395
- export const colorLightGraphicAccentAlpha30 = "rgba(239, 49, 36, 0.3)";
2396
- /**
2397
- * @deprecated
2398
- */
2399
- export const colorLightGraphicAccentTint15 = "rgb(241, 80, 69)";
2400
- /**
2401
- * @deprecated
2402
- */
2403
- export const colorLightGraphicAccentShade7 = "rgb(222, 46, 33)";
2404
- /**
2405
- * @deprecated
2406
- */
2407
- export const colorLightGraphicAccentShade10 = "rgb(215, 44, 32)";
2408
- /**
2409
- * @deprecated
2410
- */
2411
- export const colorLightGraphicAccentShade15 = "rgb(203, 42, 31)";
2412
- /**
2413
- * @deprecated
2414
- */
2415
- export const colorLightGraphicAccentShade30 = "rgb(167, 34, 25)";
2416
- /**
2417
- * @deprecated
2418
- */
2419
- export const colorLightGraphicLinkAlpha15 = "rgba(34, 136, 250, 0.15)";
2420
- /**
2421
- * @deprecated
2422
- */
2423
- export const colorLightGraphicNegativeAlpha10 = "rgba(255, 84, 49, 0.1)";
2424
- /**
2425
- * @deprecated
2426
- */
2427
- export const colorLightGraphicNegativeAlpha30 = "rgba(255, 84, 49, 0.3)";
2428
- /**
2429
- * @deprecated
2430
- */
2431
- export const colorLightGraphicNegativeAlpha40 = "rgba(255, 84, 49, 0.4)";
2432
- /**
2433
- * @deprecated
2434
- */
2435
- export const colorLightGraphicNegativeTint20 = "rgb(255, 118, 90)";
2436
- /**
2437
- * @deprecated
2438
- */
2439
- export const colorLightGraphicNegativeTint30 = "rgb(255, 135, 111)";
2440
- /**
2441
- * @deprecated
2442
- */
2443
- export const colorLightGraphicNegativeShade7 = "rgb(237, 78, 46)";
2444
- /**
2445
- * @deprecated
2446
- */
2447
- export const colorLightGraphicNegativeShade15 = "rgb(217, 71, 42)";
2448
- /**
2449
- * @deprecated
2450
- */
2451
- export const colorLightGraphicNegativeShade30 = "rgb(179, 59, 34)";
2452
- /**
2453
- * @deprecated
2454
- */
2455
- export const colorLightGraphicPositiveAlpha10 = "rgba(12, 196, 77, 0.1)";
2456
- /**
2457
- * @deprecated
2458
- */
2459
- export const colorLightGraphicPositiveShade10 = "rgb(11, 176, 69)";
2460
- /**
2461
- * @deprecated
2462
- */
2463
- export const colorLightGraphicPositiveShade30 = "rgb(8, 137, 54)";
2464
- /**
2465
- * @deprecated
2466
- */
2467
- export const colorLightGraphicPrimaryAlpha30 = "rgba(33, 33, 36, 0.3)";
2468
- /**
2469
- * @deprecated
2470
- */
2471
- export const colorLightGraphicPrimaryAlpha40 = "rgba(33, 33, 36, 0.4)";
2472
- /**
2473
- * @deprecated
2474
- */
2475
- export const colorLightGraphicPrimaryAlpha50 = "rgba(33, 33, 36, 0.5)";
2476
- /**
2477
- * @deprecated
2478
- */
2479
- export const colorLightGraphicPrimaryAlpha60 = "rgba(33, 33, 36, 0.6)";
2480
- /**
2481
- * @deprecated
2482
- */
2483
- export const colorLightGraphicPrimaryTint15 = "rgb(66, 66, 69)";
2484
- /**
2485
- * @deprecated
2486
- */
2487
- export const colorLightGraphicPrimaryTint20 = "rgb(77, 77, 80)";
2488
- /**
2489
- * @deprecated
2490
- */
2491
- export const colorLightGraphicPrimaryTint30 = "rgb(100, 100, 102)";
2492
- /**
2493
- * @deprecated
2494
- */
2495
- export const colorLightGraphicPrimaryShade10 = "rgb(30, 30, 32)";
2496
- /**
2497
- * @deprecated
2498
- */
2499
- export const colorLightGraphicPrimaryShade30 = "rgb(23, 23, 25)";
2500
- /**
2501
- * @deprecated
2502
- */
2503
- export const colorLightGraphicPrimaryInvertedAlpha30 = "rgba(241, 241, 241, 0.3)";
2504
- /**
2505
- * @deprecated
2506
- */
2507
- export const colorLightGraphicPrimaryInvertedAlpha40 = "rgba(241, 241, 241, 0.4)";
2508
- /**
2509
- * @deprecated
2510
- */
2511
- export const colorLightGraphicPrimaryInvertedAlpha50 = "rgba(241, 241, 241, 0.5)";
2512
- /**
2513
- * @deprecated
2514
- */
2515
- export const colorLightGraphicPrimaryInvertedAlpha60 = "rgba(241, 241, 241, 0.6)";
2516
- /**
2517
- * @deprecated
2518
- */
2519
- export const colorLightGraphicPrimaryInvertedShade7 = "rgb(224, 224, 224)";
2520
- /**
2521
- * @deprecated
2522
- */
2523
- export const colorLightGraphicPrimaryInvertedShade10 = "rgb(217, 217, 217)";
2524
- /**
2525
- * @deprecated
2526
- */
2527
- export const colorLightGraphicPrimaryInvertedShade15 = "rgb(205, 205, 205)";
2528
- /**
2529
- * @deprecated
2530
- */
2531
- export const colorLightGraphicPrimaryInvertedShade30 = "rgb(169, 169, 169)";
2532
- /**
2533
- * @deprecated
2534
- */
2535
- export const colorLightGraphicQuaternaryShade10 = "rgb(208, 209, 212)";
2536
- /**
2537
- * @deprecated
2538
- */
2539
- export const colorLightGraphicSecondaryAlpha30 = "rgba(137, 137, 145, 0.3)";
2540
- /**
2541
- * @deprecated
2542
- */
2543
- export const colorLightGraphicSecondaryShade30 = "rgb(96, 96, 102)";
2544
- /**
2545
- * @deprecated
2546
- */
2547
- export const colorLightGraphicSecondaryShade50 = "rgb(69, 69, 73)";
2548
- /**
2549
- * @deprecated
2550
- */
2551
- export const colorLightGraphicSecondaryInvertedAlpha30 = "rgba(137, 137, 145, 0.3)";
2552
- /**
2553
- * @deprecated
2554
- */
2555
- export const colorLightGraphicSecondaryInvertedTint15 = "rgb(155, 155, 162)";
2556
- /**
2557
- * @deprecated
2558
- */
2559
- export const colorLightGraphicSecondaryInvertedTint20 = "rgb(161, 161, 167)";
2560
- /**
2561
- * @deprecated
2562
- */
2563
- export const colorLightGraphicSecondaryInvertedShade10 = "rgb(123, 123, 131)";
2564
- /**
2565
- * @deprecated
2566
- */
2567
- export const colorLightGraphicSecondaryInvertedShade30 = "rgb(96, 96, 102)";
2568
- /**
2569
- * @deprecated
2570
- */
2571
- export const colorLightGraphicTertiaryAlpha30 = "rgba(184, 185, 192, 0.3)";
2572
- /**
2573
- * @deprecated
2574
- */
2575
- export const colorLightGraphicTertiaryTint15 = "rgb(195, 195, 201)";
2576
- /**
2577
- * @deprecated
2578
- */
2579
- export const colorLightGraphicTertiaryTint20 = "rgb(198, 199, 205)";
2580
- /**
2581
- * @deprecated
2582
- */
2583
- export const colorLightGraphicTertiaryShade7 = "rgb(171, 172, 179)";
2584
- /**
2585
- * @deprecated
2586
- */
2587
- export const colorLightGraphicTertiaryShade15 = "rgb(156, 157, 163)";
2588
- /**
2589
- * @deprecated
2590
- */
2591
- export const colorLightGraphicTertiaryInvertedAlpha30 = "rgba(73, 73, 79, 0.3)";
2592
- /**
2593
- * @deprecated
2594
- */
2595
- export const colorLightGraphicTertiaryInvertedTint15 = "rgb(100, 100, 105)";
2596
- /**
2597
- * @deprecated
2598
- */
2599
- export const colorLightGraphicTertiaryInvertedTint20 = "rgb(109, 109, 114)";
2600
- /**
2601
- * @deprecated
2602
- */
2603
- export const colorLightSpecialbgComponentShade7 = "rgba(10, 29, 49, 0.1351)";
2604
- /**
2605
- * @deprecated
2606
- */
2607
- export const colorLightSpecialbgComponentShade10 = "rgba(10, 28, 48, 0.163)";
2608
- /**
2609
- * @deprecated
2610
- */
2611
- export const colorLightSpecialbgComponentShade15 = "rgba(9, 26, 45, 0.2095)";
2612
- /**
2613
- * @deprecated
2614
- */
2615
- export const colorLightSpecialbgComponentShade30 = "rgba(8, 22, 37, 0.349)";
2616
- /**
2617
- * @deprecated
2618
- */
2619
- export const colorLightSpecialbgComponentAlpha2 = "rgba(11, 31, 53, 0.02)";
2620
- /**
2621
- * @deprecated
2622
- */
2623
- export const colorLightSpecialbgComponentAlpha14 = "rgba(11, 31, 53, 0.14)";
2624
- /**
2625
- * @deprecated
2626
- */
2627
- export const colorLightSpecialbgComponentAlpha23 = "rgba(11, 31, 53, 0.23)";
2628
- /**
2629
- * @deprecated
2630
- */
2631
- export const colorLightSpecialbgComponentAlpha30 = "rgba(11, 31, 53, 0.3)";
2632
- /**
2633
- * @deprecated
2634
- */
2635
- export const colorLightSpecialbgComponentInvertedAlpha30 = "rgba(255, 255, 255, 0.3)";
2636
- /**
2637
- * @deprecated
2638
- */
2639
- export const colorLightSpecialbgComponentInvertedTint15 = "rgba(255, 255, 255, 0.235)";
2640
- /**
2641
- * @deprecated
2642
- */
2643
- export const colorLightSpecialbgComponentInvertedTint20 = "rgba(255, 255, 255, 0.28)";
2644
- /**
2645
- * @deprecated
2646
- */
2647
- export const colorLightSpecialbgSecondaryTransparentShade7 = "rgba(35, 51, 82, 0.1258)";
2648
- /**
2649
- * @deprecated
2650
- */
2651
- export const colorLightSpecialbgSecondaryTransparentShade15 = "rgba(32, 47, 75, 0.201)";
2652
- /**
2653
- * @deprecated
2654
- */
2655
- export const colorLightSpecialbgSecondaryTransparentInvertedTint15 = "rgba(220, 220, 233, 0.2095)";
2656
- /**
2657
- * @deprecated
2658
- */
2659
- export const colorLightSpecialbgSecondaryTransparentInvertedTint20 = "rgba(222, 222, 234, 0.256)";
2660
- /**
2661
- * @deprecated
2662
- */
2663
- export const colorLightSpecialbgTertiaryTransparentShade7 = "rgba(28, 40, 63, 0.1444)";
2664
- /**
2665
- * @deprecated
2666
- */
2667
- export const colorLightSpecialbgTertiaryTransparentShade15 = "rgba(26, 37, 58, 0.218)";
2668
- /**
2669
- * @deprecated
2670
- */
2671
- export const colorLightSpecialbgTertiaryTransparentInvertedTint15 = "rgba(227, 227, 242, 0.252)";
2672
- /**
2673
- * @deprecated
2674
- */
2675
- export const colorLightSpecialbgTertiaryTransparentInvertedTint20 = "rgba(229, 229, 243, 0.296)";
2676
- /**
2677
- * @deprecated
2678
- */
2679
- export const colorLightTextLinkTint30 = "rgb(106, 160, 244)";
2680
- /**
2681
- * @deprecated
2682
- */
2683
- export const colorLightTextLinkTint50 = "rgb(149, 187, 247)";
2684
- /**
2685
- * @deprecated
2686
- */
2687
- export const colorLightTextLinkShade20 = "rgb(34, 95, 191)";
2688
- /**
2689
- * @deprecated
2690
- */
2691
- export const colorLightTextLinkShade40 = "rgb(25, 71, 143)";
2692
- /**
2693
- * @deprecated
2694
- */
2695
- export const colorStaticGraphicLightShade7 = "rgb(224, 224, 224)";
2696
- /**
2697
- * @deprecated
2698
- */
2699
- export const colorStaticGraphicLightShade15 = "rgb(205, 205, 205)";
2700
- /**
2701
- * @deprecated
2702
- */
2703
- export const colorStaticCorpbgNeutral = "#bdc0c2";
2704
- /**
2705
- * @deprecated
2706
- */
2707
- export const colorStaticCorpbgPrimary = "#212a33";
2708
- /**
2709
- * @deprecated
2710
- */
2711
- export const colorStaticCorpbgSecondary = "#384048";
2712
- /**
2713
- * @deprecated
2714
- */
2715
- export const colorStaticCorpbgTertiary = "#7a7f85";
2716
- /**
2717
- * @deprecated
2718
- */
2719
- export const colorStaticGraphicAmethyst = "#a489aa";
2720
- /**
2721
- * @deprecated
2722
- */
2723
- export const colorStaticGraphicBlackberry = "#bfafc6";
2724
- /**
2725
- * @deprecated
2726
- */
2727
- export const colorStaticGraphicBlueChill = "#0f9c8c";
2728
- /**
2729
- * @deprecated
2730
- */
2731
- export const colorStaticGraphicBlueMaya = "#7eb3ff";
2732
- /**
2733
- * @deprecated
2734
- */
2735
- export const colorStaticGraphicBlueMoody = "#7879cf";
2736
- /**
2737
- * @deprecated
2738
- */
2739
- export const colorStaticGraphicBlueSteel = "#4f84ba";
2740
- /**
2741
- * @deprecated
2742
- */
2743
- export const colorStaticGraphicBotticelli = "#cee5e5";
2744
- /**
2745
- * @deprecated
2746
- */
2747
- export const colorStaticGraphicBoulder = "#7a7a7a";
2748
- /**
2749
- * @deprecated
2750
- */
2751
- export const colorStaticGraphicBrinkPink = "#fc617c";
2752
- /**
2753
- * @deprecated
2754
- */
2755
- export const colorStaticGraphicBurntSienna = "#eb7a58";
2756
- /**
2757
- * @deprecated
2758
- */
2759
- export const colorStaticGraphicCarrot = "#e8bba3";
2760
- /**
2761
- * @deprecated
2762
- */
2763
- export const colorStaticGraphicChatelle = "#bfafc6";
2764
- /**
2765
- * @deprecated
2766
- */
2767
- export const colorStaticGraphicChathamsBlue = "#155966";
2768
- /**
2769
- * @deprecated
2770
- */
2771
- export const colorStaticGraphicChick = "#f2db9e";
2772
- /**
2773
- * @deprecated
2774
- */
2775
- export const colorStaticGraphicCrete = "#847128";
2776
- /**
2777
- * @deprecated
2778
- */
2779
- export const colorStaticGraphicCuriousBlue = "#2381db";
2780
- /**
2781
- * @deprecated
2782
- */
2783
- export const colorStaticGraphicCuriousBlueLight = "#3b99d9";
2784
- /**
2785
- * @deprecated
2786
- */
2787
- export const colorStaticGraphicEasternBlue = "#269cb3";
2788
- /**
2789
- * @deprecated
2790
- */
2791
- export const colorStaticGraphicFrenchLilac = "#d3baed";
2792
- /**
2793
- * @deprecated
2794
- */
2795
- export const colorStaticGraphicFuelYellow = "#f29d32";
2796
- /**
2797
- * @deprecated
2798
- */
2799
- export const colorStaticGraphicFunBlue = "#1d6ab5";
2800
- /**
2801
- * @deprecated
2802
- */
2803
- export const colorStaticGraphicGallery = "#eee";
2804
- /**
2805
- * @deprecated
2806
- */
2807
- export const colorStaticGraphicGreenJungle = "#2fc26e";
2808
- /**
2809
- * @deprecated
2810
- */
2811
- export const colorStaticGraphicHippieBlue = "#5aa4b0";
2812
- /**
2813
- * @deprecated
2814
- */
2815
- export const colorStaticGraphicJaffa = "#f07134";
2816
- /**
2817
- * @deprecated
2818
- */
2819
- export const colorStaticGraphicJaffaLight = "#f18836";
2820
- /**
2821
- * @deprecated
2822
- */
2823
- export const colorStaticGraphicJava = "#15c0e0";
2824
- /**
2825
- * @deprecated
2826
- */
2827
- export const colorStaticGraphicJungleGreen = "#2ab79a";
2828
- /**
2829
- * @deprecated
2830
- */
2831
- export const colorStaticGraphicLavender = "#8888ad";
2832
- /**
2833
- * @deprecated
2834
- */
2835
- export const colorStaticGraphicMantis = "#63cd4f";
2836
- /**
2837
- * @deprecated
2838
- */
2839
- export const colorStaticGraphicMatisse = "#16548f";
2840
- /**
2841
- * @deprecated
2842
- */
2843
- export const colorStaticGraphicMilanoRed = "#cd1501";
2844
- /**
2845
- * @deprecated
2846
- */
2847
- export const colorStaticGraphicMirage = "#1d2434";
2848
- /**
2849
- * @deprecated
2850
- */
2851
- export const colorStaticGraphicMoonRaker = "#e9dbf7";
2852
- /**
2853
- * @deprecated
2854
- */
2855
- export const colorStaticGraphicMossGreen = "#a6d29c";
2856
- /**
2857
- * @deprecated
2858
- */
2859
- export const colorStaticGraphicNevada = "#626b75";
2860
- /**
2861
- * @deprecated
2862
- */
2863
- export const colorStaticGraphicOlive = "#bfd3c9";
2864
- /**
2865
- * @deprecated
2866
- */
2867
- export const colorStaticGraphicOlivine = "#87b965";
2868
- /**
2869
- * @deprecated
2870
- */
2871
- export const colorStaticGraphicPeach = "#fcc99b";
2872
- /**
2873
- * @deprecated
2874
- */
2875
- export const colorStaticGraphicPersimmon = "#ff5c5c";
2876
- /**
2877
- * @deprecated
2878
- */
2879
- export const colorStaticGraphicPewter = "#96a5a5";
2880
- /**
2881
- * @deprecated
2882
- */
2883
- export const colorStaticGraphicPickledBluewood = "#2d3f50";
2884
- /**
2885
- * @deprecated
2886
- */
2887
- export const colorStaticGraphicPorsche = "#e7b965";
2888
- /**
2889
- * @deprecated
2890
- */
2891
- export const colorStaticGraphicRaspberry = "#dfb2bb";
2892
- /**
2893
- * @deprecated
2894
- */
2895
- export const colorStaticGraphicRedDamask = "#da713c";
2896
- /**
2897
- * @deprecated
2898
- */
2899
- export const colorStaticGraphicSaffron = "#f0c330";
2900
- /**
2901
- * @deprecated
2902
- */
2903
- export const colorStaticGraphicSalomie = "#fee984";
2904
- /**
2905
- * @deprecated
2906
- */
2907
- export const colorStaticGraphicSand = "#f6bf65";
2908
- /**
2909
- * @deprecated
2910
- */
2911
- export const colorStaticGraphicSandyBrown = "#f38f6f";
2912
- /**
2913
- * @deprecated
2914
- */
2915
- export const colorStaticGraphicSeawater = "#aecfd9";
2916
- /**
2917
- * @deprecated
2918
- */
2919
- export const colorStaticGraphicSerenade = "#fff0e3";
2920
- /**
2921
- * @deprecated
2922
- */
2923
- export const colorStaticGraphicSky = "#a6c0db";
2924
- /**
2925
- * @deprecated
2926
- */
2927
- export const colorStaticGraphicSoftPeach = "#f3eaeb";
2928
- /**
2929
- * @deprecated
2930
- */
2931
- export const colorStaticGraphicSolitude = "#e8f2fe";
2932
- /**
2933
- * @deprecated
2934
- */
2935
- export const colorStaticGraphicStrawberry = "#f8b6a9";
2936
- /**
2937
- * @deprecated
2938
- */
2939
- export const colorStaticGraphicSundust = "#d9d6ce";
2940
- /**
2941
- * @deprecated
2942
- */
2943
- export const colorStaticGraphicTurkishRose = "#b56a6b";
2944
- /**
2945
- * @deprecated
2946
- */
2947
- export const colorStaticGraphicTurquoiseBlue = "#6bd3e6";
2948
- /**
2949
- * @deprecated
2950
- */
2951
- export const colorStaticGraphicValencia = "#d8463b";
2952
- /**
2953
- * @deprecated
2954
- */
2955
- export const colorStaticGraphicWaikawaGray = "#5b6d9c";
2956
- /**
2957
- * @deprecated
2958
- */
2959
- export const colorStaticGraphicWhisper = "#f2eff6";
2960
- /**
2961
- * @deprecated
2962
- */
2963
- export const colorStaticGraphicZanah = "#e1f0de";
2964
- /**
2965
- * @deprecated
2966
- */
2967
- export const colorStaticLocalLightBlue = "#f5f7f9";
2968
- /**
2969
- * @deprecated
2970
- */
2971
- export const colorStaticOverlayBlackHigh = "rgba(0, 0, 0, 0.32)";
2972
- /**
2973
- * @deprecated
2974
- */
2975
- export const colorStaticOverlayBlackLow = "rgba(0, 0, 0, 0.16)";
2976
- /**
2977
- * @deprecated
2978
- */
2979
- export const colorStaticOverlayBlackNormal = "rgba(0, 0, 0, 0.24)";
2980
- /**
2981
- * @deprecated
2982
- */
2983
- export const colorStaticOverlayBlackXhigh = "rgba(0, 0, 0, 0.4)";
2984
- /**
2985
- * @deprecated
2986
- */
2987
- export const colorStaticOverlayBlackXlow = "rgba(0, 0, 0, 0.08)";
2988
- /**
2989
- * @deprecated
2990
- */
2991
- export const colorStaticOverlayIndigoHigh = "rgba(11, 31, 53, 0.32)";
2992
- /**
2993
- * @deprecated
2994
- */
2995
- export const colorStaticOverlayIndigoLow = "rgba(11, 31, 53, 0.16)";
2996
- /**
2997
- * @deprecated
2998
- */
2999
- export const colorStaticOverlayIndigoNormal = "rgba(11, 31, 53, 0.24)";
3000
- /**
3001
- * @deprecated
3002
- */
3003
- export const colorStaticOverlayIndigoXhigh = "rgba(11, 31, 53, 0.4)";
3004
- /**
3005
- * @deprecated
3006
- */
3007
- export const colorStaticOverlayIndigoXlow = "rgba(11, 31, 53, 0.08)";
3008
- /**
3009
- * @deprecated
3010
- */
3011
- export const colorStaticOverlayWhiteHigh = "rgba(255, 255, 255, 0.32)";
3012
- /**
3013
- * @deprecated
3014
- */
3015
- export const colorStaticOverlayWhiteLow = "rgba(255, 255, 255, 0.16)";
3016
- /**
3017
- * @deprecated
3018
- */
3019
- export const colorStaticOverlayWhiteNormal = "rgba(255, 255, 255, 0.24)";
3020
- /**
3021
- * @deprecated
3022
- */
3023
- export const colorStaticOverlayWhiteXhigh = "rgba(255, 255, 255, 0.4)";
3024
- /**
3025
- * @deprecated
3026
- */
3027
- export const colorStaticOverlayWhiteXlow = "rgba(255, 255, 255, 0.08)";
3028
- /**
3029
- * @deprecated
3030
- */
3031
- export const colorStaticStatusBlue = "#007aff";
3032
- /**
3033
- * @deprecated
3034
- */
3035
- export const colorStaticStatusGreen = "#13a463";
3036
- /**
3037
- * @deprecated
3038
- */
3039
- export const colorStaticStatusGrey = "#6d7986";
3040
- /**
3041
- * @deprecated
3042
- */
3043
- export const colorStaticStatusOrange = "#de6a00";
3044
- /**
3045
- * @deprecated
3046
- */
3047
- export const colorStaticStatusPurple = "#673ab7";
3048
- /**
3049
- * @deprecated
3050
- */
3051
- export const colorStaticStatusRed = "#d91d0b";
3052
- /**
3053
- * @deprecated
3054
- */
3055
- export const colorStaticStatusTeal = "#219187";
3056
- /**
3057
- * @deprecated
3058
- */
3059
- export const colorStaticGraphicBlueChillOld = "#0f9c8c";
3060
- /**
3061
- * @deprecated
3062
- */
3063
- export const colorStaticGraphicBoulderOld = "#7a7a7a";
3064
- /**
3065
- * @deprecated
3066
- */
3067
- export const colorStaticGraphicBrinkPinkOld = "#fc617c";
3068
- /**
3069
- * @deprecated
3070
- */
3071
- export const colorStaticGraphicBurntSiennaOld = "#eb7a58";
3072
- /**
3073
- * @deprecated
3074
- */
3075
- export const colorStaticGraphicChatelleOld = "#bfafc6";
3076
- /**
3077
- * @deprecated
3078
- */
3079
- export const colorStaticGraphicChathamsBlueOld = "#155966";
3080
- /**
3081
- * @deprecated
3082
- */
3083
- export const colorStaticGraphicCuriousBlueLightOld = "#3b99d9";
3084
- /**
3085
- * @deprecated
3086
- */
3087
- export const colorStaticGraphicFunBlueOld = "#1d6ab5";
3088
- /**
3089
- * @deprecated
3090
- */
3091
- export const colorStaticGraphicHippieBlueOld = "#5aa4b0";
3092
- /**
3093
- * @deprecated
3094
- */
3095
- export const colorStaticGraphicJaffaLightOld = "#f18836";
3096
- /**
3097
- * @deprecated
3098
- */
3099
- export const colorStaticGraphicJavaOld = "#15c0e0";
3100
- /**
3101
- * @deprecated
3102
- */
3103
- export const colorStaticGraphicMantisOld = "#63cd4f";
3104
- /**
3105
- * @deprecated
3106
- */
3107
- export const colorStaticGraphicMatisseOld = "#16548f";
3108
- /**
3109
- * @deprecated
3110
- */
3111
- export const colorStaticGraphicMaya = "#7eb3ff";
3112
- /**
3113
- * @deprecated
3114
- */
3115
- export const colorStaticGraphicMilanoRedOld = "#cd1501";
3116
- /**
3117
- * @deprecated
3118
- */
3119
- export const colorStaticGraphicMirageOld = "#1d2434";
3120
- /**
3121
- * @deprecated
3122
- */
3123
- export const colorStaticGraphicNevadaOld = "#626b75";
3124
- /**
3125
- * @deprecated
3126
- */
3127
- export const colorStaticGraphicOlivineOld = "#87b965";
3128
- /**
3129
- * @deprecated
3130
- */
3131
- export const colorStaticGraphicPermission = "#ff5c5c";
3132
- /**
3133
- * @deprecated
3134
- */
3135
- export const colorStaticGraphicPewterOld = "#96a5a5";
3136
- /**
3137
- * @deprecated
3138
- */
3139
- export const colorStaticGraphicPickledBluewoodOld = "#2d3f50";
3140
- /**
3141
- * @deprecated
3142
- */
3143
- export const colorStaticGraphicPorscheOld = "#e7b965";
3144
- /**
3145
- * @deprecated
3146
- */
3147
- export const colorStaticGraphicRedDamaskOld = "#da713c";
3148
- /**
3149
- * @deprecated
3150
- */
3151
- export const colorStaticGraphicSaffronOld = "#f0c330";
3152
- /**
3153
- * @deprecated
3154
- */
3155
- export const colorStaticGraphicSandybrownOld = "#f38f6f";
3156
- /**
3157
- * @deprecated
3158
- */
3159
- export const colorStaticGraphicTurkishRoseOld = "#b56a6b";
3160
- /**
3161
- * @deprecated
3162
- */
3163
- export const colorStaticGraphicTurquoiseBlueOld = "#6bd3e6";
3164
- /**
3165
- * @deprecated
3166
- */
3167
- export const colorStaticGraphicValenciaOld = "#d8463b";
3168
- /**
3169
- * @deprecated
3170
- */
3171
- export const colorStaticGraphicWaikawaGrayOld = "#5b6d9c";
3172
- /**
3173
- * @deprecated
3174
- */
3175
- export const colorStaticStatusBlueAlpha10 = "rgba(0, 122, 255, 0.1)";
3176
- /**
3177
- * @deprecated
3178
- */
3179
- export const colorStaticStatusGreenAlpha10 = "rgba(19, 164, 99, 0.1)";
3180
- /**
3181
- * @deprecated
3182
- */
3183
- export const colorStaticStatusGreyAlpha10 = "rgba(109, 121, 134, 0.1)";
3184
- /**
3185
- * @deprecated
3186
- */
3187
- export const colorStaticStatusOrangeAlpha10 = "rgba(222, 106, 0, 0.1)";
3188
- /**
3189
- * @deprecated
3190
- */
3191
- export const colorStaticStatusPurpleAlpha10 = "rgba(103, 58, 183, 0.1)";
3192
- /**
3193
- * @deprecated
3194
- */
3195
- export const colorStaticStatusRedAlpha10 = "rgba(217, 29, 11, 0.1)";
3196
- /**
3197
- * @deprecated
3198
- */
3199
- export const colorStaticStatusTealAlpha10 = "rgba(33, 145, 135, 0.1)";
3200
- export const shadowXs = "0 4px 8px rgba(0, 0, 0, 0.04), 0 0 1px rgba(0, 0, 0, 0.04)";
3201
- export const shadowS = "0 12px 16px rgba(0, 0, 0, 0.04), 0 4px 8px rgba(0, 0, 0, 0.04), 0 0 1px rgba(0, 0, 0, 0.04)";
3202
- export const shadowM = "0 20px 24px rgba(0, 0, 0, 0.08), 0 12px 16px rgba(0, 0, 0, 0.04),\n 0 4px 8px rgba(0, 0, 0, 0.04), 0 0 1px rgba(0, 0, 0, 0.04)";
3203
- export const shadowL = "0 24px 32px rgba(0, 0, 0, 0.08), 0 20px 24px rgba(0, 0, 0, 0.08),\n 0 12px 16px rgba(0, 0, 0, 0.04), 0 4px 8px rgba(0, 0, 0, 0.04), 0 0 1px rgba(0, 0, 0, 0.04)";
3204
- export const shadowXl = "0 32px 40px rgba(0, 0, 0, 0.08), 0 24px 32px rgba(0, 0, 0, 0.08),\n 0 20px 24px rgba(0, 0, 0, 0.08), 0 12px 16px rgba(0, 0, 0, 0.04),\n 0 4px 8px rgba(0, 0, 0, 0.04), 0 0 1px rgba(0, 0, 0, 0.04)";
3205
- export const shadowXsHard = "0 4px 8px rgba(0, 0, 0, 0.16), 0 0 1px rgba(0, 0, 0, 0.16)";
3206
- export const shadowSHard = "0 12px 16px rgba(0, 0, 0, 0.16), 0 4px 8px rgba(0, 0, 0, 0.16), 0 0 1px rgba(0, 0, 0, 0.16)";
3207
- export const shadowMHard = "0 20px 24px rgba(0, 0, 0, 0.2), 0 12px 16px rgba(0, 0, 0, 0.16),\n 0 4px 8px rgba(0, 0, 0, 0.16), 0 0 1px rgba(0, 0, 0, 0.16)";
3208
- export const shadowLHard = "0 24px 32px rgba(0, 0, 0, 0.2), 0 20px 24px rgba(0, 0, 0, 0.2),\n 0 12px 16px rgba(0, 0, 0, 0.16), 0 4px 8px rgba(0, 0, 0, 0.16), 0 0 1px rgba(0, 0, 0, 0.16)";
3209
- export const shadowXlHard = "0 32px 40px rgba(0, 0, 0, 0.2), 0 24px 32px rgba(0, 0, 0, 0.2),\n 0 20px 24px rgba(0, 0, 0, 0.2), 0 12px 16px rgba(0, 0, 0, 0.16),\n 0 4px 8px rgba(0, 0, 0, 0.16), 0 0 1px rgba(0, 0, 0, 0.16)";
3210
- export const shadowXsUp = "0 0 4px rgba(0, 0, 0, 0.02), 0 -2px 4px rgba(0, 0, 0, 0.04)";
3211
- export const shadowSUp = "0 0 8px rgba(0, 0, 0, 0.04), 0 -4px 8px rgba(0, 0, 0, 0.08)";
3212
- export const shadowMUp = "0 0 16px rgba(0, 0, 0, 0.08), 0 -8px 16px rgba(0, 0, 0, 0.16)";
3213
- export const shadowLUp = "0 0 24px rgba(0, 0, 0, 0.12), 0 -12px 24px rgba(0, 0, 0, 0.24)";
3214
- export const shadowXlUp = "0 0 32px rgba(0, 0, 0, 0.16), 0 -16px 32px rgba(0, 0, 0, 0.32)";
3215
- export const shadowXsHardUp = "0 0 4px rgba(0, 0, 0, 0.02), 0 -2px 4px rgba(0, 0, 0, 0.04), 0 -2px 4px rgba(0, 0, 0, 0.16)";
3216
- export const shadowSHardUp = "0 0 8px rgba(0, 0, 0, 0.04), 0 -4px 8px rgba(0, 0, 0, 0.08), 0 -4px 8px rgba(0, 0, 0, 0.16)";
3217
- export const shadowMHardUp = "0 0 16px rgba(0, 0, 0, 0.08), 0 -8px 16px rgba(0, 0, 0, 0.16),\n 0 -8px 16px rgba(0, 0, 0, 0.16)";
3218
- export const shadowLHardUp = "0 0 24px rgba(0, 0, 0, 0.12), 0 -12px 24px rgba(0, 0, 0, 0.24),\n 0 -12px 24px rgba(0, 0, 0, 0.16)";
3219
- export const shadowXlHardUp = "0 0 32px rgba(0, 0, 0, 0.16), 0 -16px 32px rgba(0, 0, 0, 0.32),\n 0 -16px 32px rgba(0, 0, 0, 0.16)";
3220
- /**
3221
- * @deprecated
3222
- */
3223
- export const borderRadiusXs = "2px";
3224
- /**
3225
- * @deprecated
3226
- */
3227
- export const borderRadiusS = "4px";
3228
- /**
3229
- * @deprecated
3230
- */
3231
- export const borderRadiusM = "8px";
3232
- /**
3233
- * @deprecated
3234
- */
3235
- export const borderRadiusL = "12px";
3236
- /**
3237
- * @deprecated
3238
- */
3239
- export const borderRadiusXl = "16px";
3240
- /**
3241
- * @deprecated
3242
- */
3243
- export const borderRadiusXxl = "20px";
3244
- /**
3245
- * @deprecated
3246
- */
3247
- export const borderRadius3xl = "24px";
3248
- export const borderRadiusCircle = "50%";
3249
- export const borderRadiusPill = "99px";
3250
- export const borderRadius0 = "0";
3251
- export const borderRadius2 = "var(--border-radius-xs)";
3252
- export const borderRadius4 = "var(--border-radius-s)";
3253
- export const borderRadius6 = "6px";
3254
- export const borderRadius8 = "var(--border-radius-m)";
3255
- export const borderRadius10 = "10px";
3256
- export const borderRadius12 = "var(--border-radius-l)";
3257
- export const borderRadius14 = "14px";
3258
- export const borderRadius16 = "var(--border-radius-xl)";
3259
- export const borderRadius20 = "var(--border-radius-xxl)";
3260
- export const borderRadius24 = "var(--border-radius-3xl)";
3261
- export const borderRadius32 = "32px";
3262
- export const borderRadius36 = "36px";
3263
- export const borderRadius64 = "64px";
3264
- /**
3265
- * @deprecated
3266
- */
3267
- export const gap3xs = "2px";
3268
- /**
3269
- * @deprecated
3270
- */
3271
- export const gap2xs = "4px";
3272
- /**
3273
- * @deprecated
3274
- */
3275
- export const gapXs = "8px";
3276
- /**
3277
- * @deprecated
3278
- */
3279
- export const gapS = "12px";
3280
- /**
3281
- * @deprecated
3282
- */
3283
- export const gap2s = "14px";
3284
- /**
3285
- * @deprecated
3286
- */
3287
- export const gapM = "16px";
3288
- /**
3289
- * @deprecated
3290
- */
3291
- export const gapL = "20px";
3292
- /**
3293
- * @deprecated
3294
- */
3295
- export const gapXl = "24px";
3296
- /**
3297
- * @deprecated
3298
- */
3299
- export const gap2xl = "32px";
3300
- /**
3301
- * @deprecated
3302
- */
3303
- export const gap3xl = "40px";
3304
- /**
3305
- * @deprecated
3306
- */
3307
- export const gap4xl = "48px";
3308
- /**
3309
- * @deprecated
3310
- */
3311
- export const gap5xl = "64px";
3312
- /**
3313
- * @deprecated
3314
- */
3315
- export const gap6xl = "72px";
3316
- /**
3317
- * @deprecated
3318
- */
3319
- export const gap7xl = "96px";
3320
- /**
3321
- * @deprecated
3322
- */
3323
- export const gap8xl = "128px";
3324
- /**
3325
- * @deprecated
3326
- */
3327
- export const gap3xsNeg = "-2px";
3328
- /**
3329
- * @deprecated
3330
- */
3331
- export const gap2xsNeg = "-4px";
3332
- /**
3333
- * @deprecated
3334
- */
3335
- export const gapXsNeg = "-8px";
3336
- /**
3337
- * @deprecated
3338
- */
3339
- export const gapSNeg = "-12px";
3340
- /**
3341
- * @deprecated
3342
- */
3343
- export const gapMNeg = "-16px";
3344
- /**
3345
- * @deprecated
3346
- */
3347
- export const gapLNeg = "-20px";
3348
- /**
3349
- * @deprecated
3350
- */
3351
- export const gapXlNeg = "-24px";
3352
- /**
3353
- * @deprecated
3354
- */
3355
- export const gap2xlNeg = "-32px";
3356
- /**
3357
- * @deprecated
3358
- */
3359
- export const gap3xlNeg = "-40px";
3360
- /**
3361
- * @deprecated
3362
- */
3363
- export const gap4xlNeg = "-48px";
3364
- /**
3365
- * @deprecated
3366
- */
3367
- export const gap5xlNeg = "-64px";
3368
- /**
3369
- * @deprecated
3370
- */
3371
- export const gap6xlNeg = "-72px";
3372
- /**
3373
- * @deprecated
3374
- */
3375
- export const gap7xlNeg = "-96px";
3376
- /**
3377
- * @deprecated
3378
- */
3379
- export const gap8xlNeg = "-128px";
3380
- export const gap0 = "0px";
3381
- export const gap2 = "var(--gap-3xs)";
3382
- export const gap4 = "var(--gap-2xs)";
3383
- export const gap6 = "6px";
3384
- export const gap8 = "var(--gap-xs)";
3385
- export const gap10 = "10px";
3386
- export const gap12 = "var(--gap-s)";
3387
- export const gap16 = "var(--gap-m)";
3388
- export const gap20 = "var(--gap-l)";
3389
- export const gap24 = "var(--gap-xl)";
3390
- export const gap32 = "var(--gap-2xl)";
3391
- export const gap40 = "var(--gap-3xl)";
3392
- export const gap48 = "var(--gap-4xl)";
3393
- export const gap56 = "56px";
3394
- export const gap64 = "var(--gap-5xl)";
3395
- export const gap72 = "var(--gap-6xl)";
3396
- export const gap80 = "80px";
3397
- export const gap96 = "var(--gap-7xl)";
3398
- export const gap128 = "var(--gap-8xl)";
3399
- export const gap2Neg = "var(--gap-3xs-neg)";
3400
- export const gap4Neg = "var(--gap-2xs-neg)";
3401
- export const gap6Neg = "-6px";
3402
- export const gap8Neg = "var(--gap-xs-neg)";
3403
- export const gap10Neg = "-10px";
3404
- export const gap12Neg = "var(--gap-s-neg)";
3405
- export const gap16Neg = "var(--gap-m-neg)";
3406
- export const gap20Neg = "var(--gap-l-neg)";
3407
- export const gap24Neg = "var(--gap-xl-neg)";
3408
- export const gap32Neg = "var(--gap-2xl-neg)";
3409
- export const gap40Neg = "var(--gap-3xl-neg)";
3410
- export const gap48Neg = "var(--gap-4xl-neg)";
3411
- export const gap56Neg = "-56px";
3412
- export const gap64Neg = "var(--gap-5xl-neg)";
3413
- export const gap72Neg = "var(--gap-6xl-neg)";
3414
- export const gap80Neg = "-80px";
3415
- export const gap96Neg = "var(--gap-7xl-neg)";
3416
- export const gap128Neg = "var(--gap-8xl-neg)";
3417
- export const fontFamilySystem = "system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Helvetica, sans-serif";
3418
- export const fontFamilyStyrene = "'Styrene UI', system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Helvetica,\n sans-serif";
3419
- export const fontFamilyAlfasans = "'Alfa Interface Sans', system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue',\n Helvetica, sans-serif";
3420
- export const focusColor = "var(--color-light-status-info)";
3421
- export const fontFamily = "system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Helvetica, sans-serif";
3422
- export const disabledCursor = "not-allowed";
3423
- export const arrowTransform = "rotate(180deg)";
3424
- export const sizeXxsHeight = "32px";
3425
- export const sizeXsHeight = "40px";
3426
- export const sizeSHeight = "48px";
3427
- export const sizeMHeight = "56px";
3428
- export const sizeLHeight = "64px";
3429
- export const sizeXlHeight = "72px";