@alfalab/core-components-vars 9.8.1 → 9.9.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/colors-addons.css +96 -96
- package/colors-bluetint.css +598 -572
- package/colors-decorative.css +318 -178
- package/colors-indigo.css +576 -550
- package/colors-qualitative.css +106 -106
- package/colors-sequential.css +192 -168
- package/colors-students.css +4 -0
- package/colors-students.d.ts +2 -0
- package/colors-students.js +12 -0
- package/colors-transparent.css +26 -26
- package/cssm/bundle/click.css +694 -668
- package/cssm/bundle/corp.css +694 -668
- package/cssm/bundle/intranet.css +694 -668
- package/cssm/bundle/mobile.css +694 -668
- package/cssm/bundle/site.css +694 -668
- package/cssm/colors-addons.css +96 -96
- package/cssm/colors-bluetint.css +598 -572
- package/cssm/colors-decorative.css +318 -178
- package/cssm/colors-indigo.css +576 -550
- package/cssm/colors-qualitative.css +106 -106
- package/cssm/colors-sequential.css +192 -168
- package/cssm/colors-students.css +4 -0
- package/cssm/colors-students.d.ts +2 -0
- package/cssm/colors-students.js +12 -0
- package/cssm/colors-transparent.css +26 -26
- package/cssm/index.css +720 -694
- package/cssm/index.d.ts +322 -296
- package/cssm/index.js +322 -296
- package/esm/colors-students.d.ts +2 -0
- package/esm/colors-students.js +6 -0
- package/esm/index.d.ts +322 -296
- package/esm/index.js +322 -296
- package/index.d.ts +322 -296
- package/index.js +322 -296
- package/mixins.css +2 -2
- package/modern/colors-students.d.ts +2 -0
- package/modern/colors-students.js +6 -0
- package/modern/index.d.ts +322 -296
- package/modern/index.js +322 -296
- package/package.json +1 -1
- package/src/colors-addons.css +96 -96
- package/src/colors-bluetint.css +598 -572
- package/src/colors-decorative.css +318 -178
- package/src/colors-indigo.css +576 -550
- package/src/colors-qualitative.css +106 -106
- package/src/colors-sequential.css +192 -168
- package/src/colors-students.css +4 -0
- package/src/colors-students.ts +4 -0
- package/src/colors-transparent.css +26 -26
- package/src/mixins.css +2 -2
package/modern/index.d.ts
CHANGED
|
@@ -73,65 +73,24 @@ export const colorDarkAccentPrimaryInverted: "#ef3124";
|
|
|
73
73
|
export const colorDarkAccentPrimaryInvertedHover: "#e32a17";
|
|
74
74
|
export const colorDarkAccentPrimaryInvertedPress: "#d72505";
|
|
75
75
|
export const colorDarkAccentPrimaryPress: "#fd624e";
|
|
76
|
-
export const colorDarkAccentSecondary: "#
|
|
77
|
-
export const colorDarkAccentSecondaryHover: "#
|
|
78
|
-
export const colorDarkAccentSecondaryInverted: "#
|
|
79
|
-
export const colorDarkAccentSecondaryInvertedHover: "#
|
|
80
|
-
export const colorDarkAccentSecondaryInvertedPress: "#
|
|
76
|
+
export const colorDarkAccentSecondary: "#f2f3f5";
|
|
77
|
+
export const colorDarkAccentSecondaryHover: "#dcdde1";
|
|
78
|
+
export const colorDarkAccentSecondaryInverted: "#212124";
|
|
79
|
+
export const colorDarkAccentSecondaryInvertedHover: "#2f2f32";
|
|
80
|
+
export const colorDarkAccentSecondaryInvertedPress: "#353539";
|
|
81
81
|
export const colorDarkAccentSecondaryPress: "#d2d3d9";
|
|
82
|
-
export const colorDarkBaseBgAltPrimary: "#
|
|
82
|
+
export const colorDarkBaseBgAltPrimary: "#121213";
|
|
83
83
|
export const colorDarkBaseBgAltPrimaryInverted: "#f2f3f5";
|
|
84
84
|
export const colorDarkBaseBgAltSecondary: "#1c1c1e";
|
|
85
85
|
export const colorDarkBaseBgAltSecondaryInverted: "#fff";
|
|
86
86
|
export const colorDarkBaseBgAltTertiary: "#29292c";
|
|
87
87
|
export const colorDarkBaseBgAltTertiaryInverted: "#f2f3f5";
|
|
88
|
-
export const colorDarkBaseBgPrimary: "#
|
|
88
|
+
export const colorDarkBaseBgPrimary: "#121213";
|
|
89
89
|
export const colorDarkBaseBgPrimaryInverted: "#fff";
|
|
90
90
|
export const colorDarkBaseBgSecondary: "#1c1c1e";
|
|
91
91
|
export const colorDarkBaseBgSecondaryInverted: "#f2f3f5";
|
|
92
92
|
export const colorDarkBaseBgTertiary: "#29292c";
|
|
93
93
|
export const colorDarkBaseBgTertiaryInverted: "#fff";
|
|
94
|
-
export const colorDarkBgAccent: "#ef3124";
|
|
95
|
-
export const colorDarkBgAttentionMuted: "#36291f";
|
|
96
|
-
export const colorDarkBgInfo: "#001c3c";
|
|
97
|
-
export const colorDarkBgInfoMuted: "#242a39";
|
|
98
|
-
export const colorDarkBgNegativeMuted: "#392523";
|
|
99
|
-
export const colorDarkBgOpaque: "rgba(255, 255, 255, 0.8)";
|
|
100
|
-
export const colorDarkBgOverlay: "rgba(0, 0, 0, 0.8)";
|
|
101
|
-
export const colorDarkBgPositiveMuted: "#232d25";
|
|
102
|
-
export const colorDarkBgPrimary: "#0e0e0e";
|
|
103
|
-
export const colorDarkBgPrimaryInverted: "#fff";
|
|
104
|
-
export const colorDarkBgQuaternary: "#36363a";
|
|
105
|
-
export const colorDarkBgQuaternaryInverted: "#dcdee2";
|
|
106
|
-
export const colorDarkBgSecondary: "#1c1c1e";
|
|
107
|
-
export const colorDarkBgSecondaryInverted: "#f2f3f5";
|
|
108
|
-
export const colorDarkBgTertiary: "#27272a";
|
|
109
|
-
export const colorDarkBgTertiaryInverted: "#e7e8ea";
|
|
110
|
-
export const colorDarkBorderAccent: "#ef3124";
|
|
111
|
-
export const colorDarkBorderKey: "#fff";
|
|
112
|
-
export const colorDarkBorderKeyInverted: "#000";
|
|
113
|
-
export const colorDarkBorderLink: "#3193fc";
|
|
114
|
-
export const colorDarkBorderPrimary: "#36363a";
|
|
115
|
-
export const colorDarkBorderPrimaryInverted: "#d5d6dc";
|
|
116
|
-
export const colorDarkBorderSecondary: "#27272a";
|
|
117
|
-
export const colorDarkBorderSecondaryInverted: "#e7e8ec";
|
|
118
|
-
export const colorDarkBorderTertiary: "#1c1c1e";
|
|
119
|
-
export const colorDarkBorderTertiaryInverted: "#f2f3f5";
|
|
120
|
-
export const colorDarkBorderUnderline: "#49494f";
|
|
121
|
-
export const colorDarkBorderUnderlineInverted: "#b8b9c0";
|
|
122
|
-
export const colorDarkGraphicAccent: "#ef3124";
|
|
123
|
-
export const colorDarkGraphicAttention: "#fda136";
|
|
124
|
-
export const colorDarkGraphicLink: "#3193fc";
|
|
125
|
-
export const colorDarkGraphicNegative: "#ff5431";
|
|
126
|
-
export const colorDarkGraphicPositive: "#17d055";
|
|
127
|
-
export const colorDarkGraphicPrimary: "#fff";
|
|
128
|
-
export const colorDarkGraphicPrimaryInverted: "#0e0e0e";
|
|
129
|
-
export const colorDarkGraphicQuaternary: "#27272a";
|
|
130
|
-
export const colorDarkGraphicQuaternaryInverted: "#e7e8ec";
|
|
131
|
-
export const colorDarkGraphicSecondary: "#898991";
|
|
132
|
-
export const colorDarkGraphicSecondaryInverted: "#898991";
|
|
133
|
-
export const colorDarkGraphicTertiary: "#49494f";
|
|
134
|
-
export const colorDarkGraphicTertiaryInverted: "#b8b9c0";
|
|
135
94
|
export const colorDarkModalBgAltPrimary: "#1c1c1e";
|
|
136
95
|
export const colorDarkModalBgAltPrimaryInverted: "#f2f3f5";
|
|
137
96
|
export const colorDarkModalBgAltSecondary: "#29292c";
|
|
@@ -144,7 +103,7 @@ export const colorDarkModalBgSecondary: "#29292c";
|
|
|
144
103
|
export const colorDarkModalBgSecondaryInverted: "#f2f3f5";
|
|
145
104
|
export const colorDarkModalBgTertiary: "#353539";
|
|
146
105
|
export const colorDarkModalBgTertiaryInverted: "#fff";
|
|
147
|
-
export const colorDarkNeutral0: "#
|
|
106
|
+
export const colorDarkNeutral0: "#262629";
|
|
148
107
|
export const colorDarkNeutral0Hover: "#2f2f32";
|
|
149
108
|
export const colorDarkNeutral0Inverted: "#fff";
|
|
150
109
|
export const colorDarkNeutral0InvertedHover: "#e7e8eb";
|
|
@@ -158,7 +117,7 @@ export const colorDarkNeutral100InvertedPress: "#dcdde1";
|
|
|
158
117
|
export const colorDarkNeutral100Press: "#29292c";
|
|
159
118
|
export const colorDarkNeutral1500: "#fff";
|
|
160
119
|
export const colorDarkNeutral1500Hover: "#babbc2";
|
|
161
|
-
export const colorDarkNeutral1500Inverted: "#
|
|
120
|
+
export const colorDarkNeutral1500Inverted: "#121213";
|
|
162
121
|
export const colorDarkNeutral1500InvertedHover: "#3f3f45";
|
|
163
122
|
export const colorDarkNeutral1500InvertedPress: "#5f5f66";
|
|
164
123
|
export const colorDarkNeutral1500Press: "#a0a1a9";
|
|
@@ -204,6 +163,12 @@ export const colorDarkNeutralTranslucent100Inverted: "rgba(38, 55, 88, 0.06)";
|
|
|
204
163
|
export const colorDarkNeutralTranslucent100InvertedHover: "rgba(15, 25, 55, 0.1)";
|
|
205
164
|
export const colorDarkNeutralTranslucent100InvertedPress: "rgba(5, 12, 41, 0.14)";
|
|
206
165
|
export const colorDarkNeutralTranslucent100Press: "rgba(222, 222, 238, 0.13)";
|
|
166
|
+
export const colorDarkNeutralTranslucent1300: "rgba(255, 255, 255, 0.94)";
|
|
167
|
+
export const colorDarkNeutralTranslucent1300Hover: "rgba(255, 255, 255, 0.7)";
|
|
168
|
+
export const colorDarkNeutralTranslucent1300Inverted: "rgba(3, 3, 6, 0.88)";
|
|
169
|
+
export const colorDarkNeutralTranslucent1300InvertedHover: "rgba(3, 3, 8, 0.8)";
|
|
170
|
+
export const colorDarkNeutralTranslucent1300InvertedPress: "rgba(0, 0, 10, 0.71)";
|
|
171
|
+
export const colorDarkNeutralTranslucent1300Press: "rgba(255, 255, 255, 0.6)";
|
|
207
172
|
export const colorDarkNeutralTranslucent1500Hover: "rgba(243, 245, 254, 0.75)";
|
|
208
173
|
export const colorDarkNeutralTranslucent1500InvertedHover: "rgba(2, 2, 10, 0.76)";
|
|
209
174
|
export const colorDarkNeutralTranslucent1500InvertedPress: "rgba(1, 1, 12, 0.63)";
|
|
@@ -239,17 +204,6 @@ export const colorDarkNeutralTranslucent700InvertedHover: "rgba(4, 4, 19, 0.55)"
|
|
|
239
204
|
export const colorDarkNeutralTranslucent700InvertedPress: "rgba(1, 1, 12, 0.63)";
|
|
240
205
|
export const colorDarkNeutralTranslucent700Press: "rgba(243, 245, 254, 0.75)";
|
|
241
206
|
export const colorDarkOverlayDefault: "rgba(0, 0, 0, 0.7)";
|
|
242
|
-
export const colorDarkSpecialbgComponent: "rgba(255, 255, 255, 0.1)";
|
|
243
|
-
export const colorDarkSpecialbgComponentInverted: "rgba(11, 31, 53, 0.07)";
|
|
244
|
-
export const colorDarkSpecialbgNulled: "rgba(255, 255, 255, 0)";
|
|
245
|
-
export const colorDarkSpecialbgOverlayFallback: "#0e0e0f";
|
|
246
|
-
export const colorDarkSpecialbgPrimaryGrouped: "#1c1c1e";
|
|
247
|
-
export const colorDarkSpecialbgSecondaryGrouped: "#27272a";
|
|
248
|
-
export const colorDarkSpecialbgSecondaryTransparent: "rgba(214, 214, 229, 0.07)";
|
|
249
|
-
export const colorDarkSpecialbgSecondaryTransparentInverted: "rgba(38, 55, 88, 0.06)";
|
|
250
|
-
export const colorDarkSpecialbgTertiaryGrouped: "#36363a";
|
|
251
|
-
export const colorDarkSpecialbgTertiaryTransparent: "rgba(222, 222, 240, 0.12)";
|
|
252
|
-
export const colorDarkSpecialbgTertiaryTransparentInverted: "rgba(30, 43, 68, 0.08)";
|
|
253
207
|
export const colorDarkStatusAttention: "#fda136";
|
|
254
208
|
export const colorDarkStatusAttentionHover: "#fdb24d";
|
|
255
209
|
export const colorDarkStatusAttentionInverted: "#fa9313";
|
|
@@ -263,99 +217,95 @@ export const colorDarkStatusInfoInvertedHover: "#2a77ef";
|
|
|
263
217
|
export const colorDarkStatusInfoInvertedPress: "#2c64d4";
|
|
264
218
|
export const colorDarkStatusInfoPress: "#63aafd";
|
|
265
219
|
export const colorDarkStatusMutedAltAttention: "#412f22";
|
|
266
|
-
export const colorDarkStatusMutedAltAttentionHover: "#
|
|
220
|
+
export const colorDarkStatusMutedAltAttentionHover: "#543a27";
|
|
267
221
|
export const colorDarkStatusMutedAltAttentionInverted: "#fde6c8";
|
|
268
222
|
export const colorDarkStatusMutedAltAttentionInvertedHover: "#f6d7af";
|
|
269
|
-
export const colorDarkStatusMutedAltAttentionInvertedPress: "#
|
|
270
|
-
export const colorDarkStatusMutedAltAttentionPress: "#
|
|
223
|
+
export const colorDarkStatusMutedAltAttentionInvertedPress: "#f0c492";
|
|
224
|
+
export const colorDarkStatusMutedAltAttentionPress: "#6a462c";
|
|
271
225
|
export const colorDarkStatusMutedAltInfo: "#293044";
|
|
272
|
-
export const colorDarkStatusMutedAltInfoHover: "#
|
|
226
|
+
export const colorDarkStatusMutedAltInfoHover: "#2f3a55";
|
|
273
227
|
export const colorDarkStatusMutedAltInfoInverted: "#e4f0ff";
|
|
274
|
-
export const colorDarkStatusMutedAltInfoInvertedHover: "#
|
|
275
|
-
export const colorDarkStatusMutedAltInfoInvertedPress: "#
|
|
276
|
-
export const colorDarkStatusMutedAltInfoPress: "#
|
|
228
|
+
export const colorDarkStatusMutedAltInfoInvertedHover: "#c1dbf7";
|
|
229
|
+
export const colorDarkStatusMutedAltInfoInvertedPress: "#a7cbf2";
|
|
230
|
+
export const colorDarkStatusMutedAltInfoPress: "#38476c";
|
|
277
231
|
export const colorDarkStatusMutedAltNegative: "#442926";
|
|
278
|
-
export const colorDarkStatusMutedAltNegativeHover: "#
|
|
232
|
+
export const colorDarkStatusMutedAltNegativeHover: "#55312e";
|
|
279
233
|
export const colorDarkStatusMutedAltNegativeInverted: "#ffdfdf";
|
|
280
|
-
export const colorDarkStatusMutedAltNegativeInvertedHover: "#
|
|
281
|
-
export const colorDarkStatusMutedAltNegativeInvertedPress: "#
|
|
282
|
-
export const colorDarkStatusMutedAltNegativePress: "#
|
|
234
|
+
export const colorDarkStatusMutedAltNegativeInvertedHover: "#f9ccca";
|
|
235
|
+
export const colorDarkStatusMutedAltNegativeInvertedPress: "#f3b6af";
|
|
236
|
+
export const colorDarkStatusMutedAltNegativePress: "#6b3b34";
|
|
283
237
|
export const colorDarkStatusMutedAltPositive: "#253528";
|
|
284
|
-
export const colorDarkStatusMutedAltPositiveHover: "#
|
|
238
|
+
export const colorDarkStatusMutedAltPositiveHover: "#273f2d";
|
|
285
239
|
export const colorDarkStatusMutedAltPositiveInverted: "#d1f1d7";
|
|
286
|
-
export const colorDarkStatusMutedAltPositiveInvertedHover: "#
|
|
287
|
-
export const colorDarkStatusMutedAltPositiveInvertedPress: "#
|
|
288
|
-
export const colorDarkStatusMutedAltPositivePress: "#
|
|
240
|
+
export const colorDarkStatusMutedAltPositiveInvertedHover: "#bbe8c3";
|
|
241
|
+
export const colorDarkStatusMutedAltPositiveInvertedPress: "#a1dba8";
|
|
242
|
+
export const colorDarkStatusMutedAltPositivePress: "#2d4e33";
|
|
289
243
|
export const colorDarkStatusMutedAttention: "#36291f";
|
|
290
244
|
export const colorDarkStatusMutedAttentionHover: "#412f22";
|
|
291
245
|
export const colorDarkStatusMutedAttentionInverted: "#ffefd9";
|
|
292
246
|
export const colorDarkStatusMutedAttentionInvertedHover: "#fde6c8";
|
|
293
247
|
export const colorDarkStatusMutedAttentionInvertedPress: "#f6d7af";
|
|
294
|
-
export const colorDarkStatusMutedAttentionPress: "#
|
|
248
|
+
export const colorDarkStatusMutedAttentionPress: "#543a27";
|
|
295
249
|
export const colorDarkStatusMutedInfo: "#222a3e";
|
|
296
250
|
export const colorDarkStatusMutedInfoHover: "#293044";
|
|
297
251
|
export const colorDarkStatusMutedInfoInverted: "#e4f0ff";
|
|
298
252
|
export const colorDarkStatusMutedInfoInvertedHover: "#d8eaff";
|
|
299
|
-
export const colorDarkStatusMutedInfoInvertedPress: "#
|
|
300
|
-
export const colorDarkStatusMutedInfoPress: "#
|
|
253
|
+
export const colorDarkStatusMutedInfoInvertedPress: "#c1dbf7";
|
|
254
|
+
export const colorDarkStatusMutedInfoPress: "#2f3a55";
|
|
301
255
|
export const colorDarkStatusMutedNegative: "#392523";
|
|
302
256
|
export const colorDarkStatusMutedNegativeHover: "#442926";
|
|
303
257
|
export const colorDarkStatusMutedNegativeInverted: "#ffebeb";
|
|
304
258
|
export const colorDarkStatusMutedNegativeInvertedHover: "#ffdfdf";
|
|
305
|
-
export const colorDarkStatusMutedNegativeInvertedPress: "#
|
|
306
|
-
export const colorDarkStatusMutedNegativePress: "#
|
|
259
|
+
export const colorDarkStatusMutedNegativeInvertedPress: "#f9ccca";
|
|
260
|
+
export const colorDarkStatusMutedNegativePress: "#55312e";
|
|
307
261
|
export const colorDarkStatusMutedPositive: "#232d25";
|
|
308
262
|
export const colorDarkStatusMutedPositiveHover: "#253528";
|
|
309
263
|
export const colorDarkStatusMutedPositiveInverted: "#dff8e5";
|
|
310
264
|
export const colorDarkStatusMutedPositiveInvertedHover: "#d1f1d7";
|
|
311
|
-
export const colorDarkStatusMutedPositiveInvertedPress: "#
|
|
312
|
-
export const colorDarkStatusMutedPositivePress: "#
|
|
313
|
-
export const colorDarkStatusNegative: "#
|
|
314
|
-
export const colorDarkStatusNegativeHover: "#
|
|
315
|
-
export const colorDarkStatusNegativeInverted: "#
|
|
316
|
-
export const colorDarkStatusNegativeInvertedHover: "#
|
|
317
|
-
export const colorDarkStatusNegativeInvertedPress: "#
|
|
318
|
-
export const colorDarkStatusNegativePress: "#
|
|
265
|
+
export const colorDarkStatusMutedPositiveInvertedPress: "#bbe8c3";
|
|
266
|
+
export const colorDarkStatusMutedPositivePress: "#273f2d";
|
|
267
|
+
export const colorDarkStatusNegative: "#ff4837";
|
|
268
|
+
export const colorDarkStatusNegativeHover: "#ff755e";
|
|
269
|
+
export const colorDarkStatusNegativeInverted: "#ff4837";
|
|
270
|
+
export const colorDarkStatusNegativeInvertedHover: "#ec2d20";
|
|
271
|
+
export const colorDarkStatusNegativeInvertedPress: "#c7241f";
|
|
272
|
+
export const colorDarkStatusNegativePress: "#ff8d79";
|
|
319
273
|
export const colorDarkStatusPositive: "#17d055";
|
|
320
274
|
export const colorDarkStatusPositiveHover: "#22e068";
|
|
321
275
|
export const colorDarkStatusPositiveInverted: "#0cc44d";
|
|
322
276
|
export const colorDarkStatusPositiveInvertedHover: "#04b545";
|
|
323
277
|
export const colorDarkStatusPositiveInvertedPress: "#01a53d";
|
|
324
278
|
export const colorDarkStatusPositivePress: "#4ae777";
|
|
325
|
-
export const colorDarkTextAccent: "#ef3124";
|
|
326
279
|
export const colorDarkTextAttention: "#fa9313";
|
|
327
280
|
export const colorDarkTextAttentionHover: "#fdb24d";
|
|
328
281
|
export const colorDarkTextAttentionInverted: "#ea8313";
|
|
329
282
|
export const colorDarkTextAttentionInvertedHover: "#d57111";
|
|
330
283
|
export const colorDarkTextAttentionInvertedPress: "#b45a06";
|
|
331
284
|
export const colorDarkTextAttentionPress: "#ffbf70";
|
|
332
|
-
export const colorDarkTextDisabled: "rgba(236, 236, 254, 0.18)";
|
|
333
|
-
export const colorDarkTextDisabledInverted: "rgba(5, 11, 44, 0.18)";
|
|
334
285
|
export const colorDarkTextInfo: "#4a9dfc";
|
|
335
286
|
export const colorDarkTextInfoHover: "#63aafd";
|
|
336
287
|
export const colorDarkTextInfoInverted: "#2a77ef";
|
|
337
288
|
export const colorDarkTextInfoInvertedHover: "#2c64d4";
|
|
338
289
|
export const colorDarkTextInfoInvertedPress: "#2453b4";
|
|
339
290
|
export const colorDarkTextInfoPress: "#7fb6ff";
|
|
340
|
-
export const
|
|
341
|
-
export const
|
|
342
|
-
export const
|
|
343
|
-
export const
|
|
344
|
-
export const colorDarkTextNegativeInvertedHover: "#c7251c";
|
|
291
|
+
export const colorDarkTextNegative: "#ff4837";
|
|
292
|
+
export const colorDarkTextNegativeHover: "#ff755e";
|
|
293
|
+
export const colorDarkTextNegativeInverted: "#ec2d20";
|
|
294
|
+
export const colorDarkTextNegativeInvertedHover: "#c7241f";
|
|
345
295
|
export const colorDarkTextNegativeInvertedPress: "#a6201e";
|
|
346
|
-
export const colorDarkTextNegativePress: "#
|
|
296
|
+
export const colorDarkTextNegativePress: "#ff8d79";
|
|
347
297
|
export const colorDarkTextPositive: "#0cc44d";
|
|
348
298
|
export const colorDarkTextPositiveHover: "#22e068";
|
|
349
299
|
export const colorDarkTextPositiveInverted: "#0d9336";
|
|
350
300
|
export const colorDarkTextPositiveInvertedHover: "#0a7d2c";
|
|
351
301
|
export const colorDarkTextPositiveInvertedPress: "#036625";
|
|
352
302
|
export const colorDarkTextPositivePress: "#4ae777";
|
|
353
|
-
export const colorDarkTextPrimary: "
|
|
354
|
-
export const colorDarkTextPrimaryHover: "
|
|
355
|
-
export const colorDarkTextPrimaryInverted: "
|
|
356
|
-
export const colorDarkTextPrimaryInvertedHover: "
|
|
357
|
-
export const colorDarkTextPrimaryInvertedPress: "
|
|
358
|
-
export const colorDarkTextPrimaryPress: "
|
|
303
|
+
export const colorDarkTextPrimary: "rgba(255, 255, 255, 0.94)";
|
|
304
|
+
export const colorDarkTextPrimaryHover: "rgba(255, 255, 255, 0.7)";
|
|
305
|
+
export const colorDarkTextPrimaryInverted: "rgba(3, 3, 6, 0.88)";
|
|
306
|
+
export const colorDarkTextPrimaryInvertedHover: "rgba(1, 1, 12, 0.63)";
|
|
307
|
+
export const colorDarkTextPrimaryInvertedPress: "rgba(4, 4, 19, 0.55)";
|
|
308
|
+
export const colorDarkTextPrimaryPress: "rgba(255, 255, 255, 0.6)";
|
|
359
309
|
export const colorDarkTextQuaternary: "rgba(231, 231, 248, 0.18)";
|
|
360
310
|
export const colorDarkTextQuaternaryInverted: "rgba(5, 11, 44, 0.18)";
|
|
361
311
|
export const colorDarkTextSecondary: "rgba(238, 238, 251, 0.55)";
|
|
@@ -381,65 +331,24 @@ export const colorLightAccentPrimaryInverted: "#f83a2a";
|
|
|
381
331
|
export const colorLightAccentPrimaryInvertedHover: "#ff503e";
|
|
382
332
|
export const colorLightAccentPrimaryInvertedPress: "#fd624e";
|
|
383
333
|
export const colorLightAccentPrimaryPress: "#d72505";
|
|
384
|
-
export const colorLightAccentSecondary: "#
|
|
385
|
-
export const colorLightAccentSecondaryHover: "#
|
|
386
|
-
export const colorLightAccentSecondaryInverted: "#
|
|
387
|
-
export const colorLightAccentSecondaryInvertedHover: "#
|
|
334
|
+
export const colorLightAccentSecondary: "#212124";
|
|
335
|
+
export const colorLightAccentSecondaryHover: "#2f2f32";
|
|
336
|
+
export const colorLightAccentSecondaryInverted: "#f2f3f5";
|
|
337
|
+
export const colorLightAccentSecondaryInvertedHover: "#dcdde1";
|
|
388
338
|
export const colorLightAccentSecondaryInvertedPress: "#d2d3d9";
|
|
389
|
-
export const colorLightAccentSecondaryPress: "#
|
|
339
|
+
export const colorLightAccentSecondaryPress: "#353539";
|
|
390
340
|
export const colorLightBaseBgAltPrimary: "#f2f3f5";
|
|
391
|
-
export const colorLightBaseBgAltPrimaryInverted: "#
|
|
341
|
+
export const colorLightBaseBgAltPrimaryInverted: "#121213";
|
|
392
342
|
export const colorLightBaseBgAltSecondary: "#fff";
|
|
393
343
|
export const colorLightBaseBgAltSecondaryInverted: "#1c1c1e";
|
|
394
344
|
export const colorLightBaseBgAltTertiary: "#f2f3f5";
|
|
395
345
|
export const colorLightBaseBgAltTertiaryInverted: "#29292c";
|
|
396
346
|
export const colorLightBaseBgPrimary: "#fff";
|
|
397
|
-
export const colorLightBaseBgPrimaryInverted: "#
|
|
347
|
+
export const colorLightBaseBgPrimaryInverted: "#121213";
|
|
398
348
|
export const colorLightBaseBgSecondary: "#f2f3f5";
|
|
399
349
|
export const colorLightBaseBgSecondaryInverted: "#1c1c1e";
|
|
400
350
|
export const colorLightBaseBgTertiary: "#fff";
|
|
401
351
|
export const colorLightBaseBgTertiaryInverted: "#29292c";
|
|
402
|
-
export const colorLightBgAccent: "#ef3124";
|
|
403
|
-
export const colorLightBgAttentionMuted: "#ffefd9";
|
|
404
|
-
export const colorLightBgInfo: "#d6e8fc";
|
|
405
|
-
export const colorLightBgInfoMuted: "#e4f0ff";
|
|
406
|
-
export const colorLightBgNegativeMuted: "#ffebeb";
|
|
407
|
-
export const colorLightBgOpaque: "rgba(255, 255, 255, 0.8)";
|
|
408
|
-
export const colorLightBgOverlay: "rgba(0, 0, 0, 0.65)";
|
|
409
|
-
export const colorLightBgPositiveMuted: "#dff8e5";
|
|
410
|
-
export const colorLightBgPrimary: "#fff";
|
|
411
|
-
export const colorLightBgPrimaryInverted: "#0e0e0e";
|
|
412
|
-
export const colorLightBgQuaternary: "#dcdee2";
|
|
413
|
-
export const colorLightBgQuaternaryInverted: "#36363a";
|
|
414
|
-
export const colorLightBgSecondary: "#f2f3f5";
|
|
415
|
-
export const colorLightBgSecondaryInverted: "#1c1c1e";
|
|
416
|
-
export const colorLightBgTertiary: "#e7e8ea";
|
|
417
|
-
export const colorLightBgTertiaryInverted: "#27272a";
|
|
418
|
-
export const colorLightBorderAccent: "#ef3124";
|
|
419
|
-
export const colorLightBorderKey: "#000";
|
|
420
|
-
export const colorLightBorderKeyInverted: "#fff";
|
|
421
|
-
export const colorLightBorderLink: "#2288fa";
|
|
422
|
-
export const colorLightBorderPrimary: "#d5d6dc";
|
|
423
|
-
export const colorLightBorderPrimaryInverted: "#36363a";
|
|
424
|
-
export const colorLightBorderSecondary: "#e7e8ec";
|
|
425
|
-
export const colorLightBorderSecondaryInverted: "#27272a";
|
|
426
|
-
export const colorLightBorderTertiary: "#f2f3f5";
|
|
427
|
-
export const colorLightBorderTertiaryInverted: "#1c1c1e";
|
|
428
|
-
export const colorLightBorderUnderline: "#b8b9c0";
|
|
429
|
-
export const colorLightBorderUnderlineInverted: "#49494f";
|
|
430
|
-
export const colorLightGraphicAccent: "#ef3124";
|
|
431
|
-
export const colorLightGraphicAttention: "#fa9313";
|
|
432
|
-
export const colorLightGraphicLink: "#2288fa";
|
|
433
|
-
export const colorLightGraphicNegative: "#ff5431";
|
|
434
|
-
export const colorLightGraphicPositive: "#0cc44d";
|
|
435
|
-
export const colorLightGraphicPrimary: "#0e0e0e";
|
|
436
|
-
export const colorLightGraphicPrimaryInverted: "#fff";
|
|
437
|
-
export const colorLightGraphicQuaternary: "#e7e8ec";
|
|
438
|
-
export const colorLightGraphicQuaternaryInverted: "#27272a";
|
|
439
|
-
export const colorLightGraphicSecondary: "#898991";
|
|
440
|
-
export const colorLightGraphicSecondaryInverted: "#898991";
|
|
441
|
-
export const colorLightGraphicTertiary: "#b8b9c0";
|
|
442
|
-
export const colorLightGraphicTertiaryInverted: "#49494f";
|
|
443
352
|
export const colorLightModalBgAltPrimary: "#f2f3f5";
|
|
444
353
|
export const colorLightModalBgAltPrimaryInverted: "#1c1c1e";
|
|
445
354
|
export const colorLightModalBgAltSecondary: "#fff";
|
|
@@ -454,7 +363,7 @@ export const colorLightModalBgTertiary: "#fff";
|
|
|
454
363
|
export const colorLightModalBgTertiaryInverted: "#353539";
|
|
455
364
|
export const colorLightNeutral0: "#fff";
|
|
456
365
|
export const colorLightNeutral0Hover: "#e7e8eb";
|
|
457
|
-
export const colorLightNeutral0Inverted: "#
|
|
366
|
+
export const colorLightNeutral0Inverted: "#262629";
|
|
458
367
|
export const colorLightNeutral0InvertedHover: "#2f2f32";
|
|
459
368
|
export const colorLightNeutral0InvertedPress: "#353539";
|
|
460
369
|
export const colorLightNeutral0Press: "#dcdde1";
|
|
@@ -464,7 +373,7 @@ export const colorLightNeutral100Inverted: "#1c1c1e";
|
|
|
464
373
|
export const colorLightNeutral100InvertedHover: "#212124";
|
|
465
374
|
export const colorLightNeutral100InvertedPress: "#29292c";
|
|
466
375
|
export const colorLightNeutral100Press: "#dcdde1";
|
|
467
|
-
export const colorLightNeutral1500: "#
|
|
376
|
+
export const colorLightNeutral1500: "#121213";
|
|
468
377
|
export const colorLightNeutral1500Hover: "#3f3f45";
|
|
469
378
|
export const colorLightNeutral1500Inverted: "#fff";
|
|
470
379
|
export const colorLightNeutral1500InvertedHover: "#babbc2";
|
|
@@ -512,6 +421,12 @@ export const colorLightNeutralTranslucent100Inverted: "rgba(214, 214, 229, 0.07)
|
|
|
512
421
|
export const colorLightNeutralTranslucent100InvertedHover: "rgba(222, 222, 238, 0.13)";
|
|
513
422
|
export const colorLightNeutralTranslucent100InvertedPress: "rgba(234, 234, 248, 0.15)";
|
|
514
423
|
export const colorLightNeutralTranslucent100Press: "rgba(5, 12, 41, 0.14)";
|
|
424
|
+
export const colorLightNeutralTranslucent1300: "rgba(3, 3, 6, 0.88)";
|
|
425
|
+
export const colorLightNeutralTranslucent1300Hover: "rgba(3, 3, 8, 0.8)";
|
|
426
|
+
export const colorLightNeutralTranslucent1300Inverted: "rgba(255, 255, 255, 0.94)";
|
|
427
|
+
export const colorLightNeutralTranslucent1300InvertedHover: "rgba(255, 255, 255, 0.7)";
|
|
428
|
+
export const colorLightNeutralTranslucent1300InvertedPress: "rgba(255, 255, 255, 0.6)";
|
|
429
|
+
export const colorLightNeutralTranslucent1300Press: "rgba(0, 0, 10, 0.71)";
|
|
515
430
|
export const colorLightNeutralTranslucent1500Hover: "rgba(2, 2, 10, 0.76)";
|
|
516
431
|
export const colorLightNeutralTranslucent1500InvertedHover: "rgba(243, 245, 254, 0.75)";
|
|
517
432
|
export const colorLightNeutralTranslucent1500InvertedPress: "rgba(239, 240, 252, 0.65)";
|
|
@@ -547,17 +462,6 @@ export const colorLightNeutralTranslucent700InvertedHover: "rgba(239, 240, 252,
|
|
|
547
462
|
export const colorLightNeutralTranslucent700InvertedPress: "rgba(243, 245, 254, 0.75)";
|
|
548
463
|
export const colorLightNeutralTranslucent700Press: "rgba(1, 1, 12, 0.63)";
|
|
549
464
|
export const colorLightOverlayDefault: "rgba(0, 0, 0, 0.6)";
|
|
550
|
-
export const colorLightSpecialbgComponent: "rgba(11, 31, 53, 0.07)";
|
|
551
|
-
export const colorLightSpecialbgComponentInverted: "rgba(255, 255, 255, 0.1)";
|
|
552
|
-
export const colorLightSpecialbgNulled: "rgba(255, 255, 255, 0)";
|
|
553
|
-
export const colorLightSpecialbgOverlayFallback: "#49494f";
|
|
554
|
-
export const colorLightSpecialbgPrimaryGrouped: "#f2f3f5";
|
|
555
|
-
export const colorLightSpecialbgSecondaryGrouped: "#fff";
|
|
556
|
-
export const colorLightSpecialbgSecondaryTransparent: "rgba(38, 55, 88, 0.06)";
|
|
557
|
-
export const colorLightSpecialbgSecondaryTransparentInverted: "rgba(214, 214, 229, 0.07)";
|
|
558
|
-
export const colorLightSpecialbgTertiaryGrouped: "#f2f3f5";
|
|
559
|
-
export const colorLightSpecialbgTertiaryTransparent: "rgba(30, 43, 68, 0.08)";
|
|
560
|
-
export const colorLightSpecialbgTertiaryTransparentInverted: "rgba(222, 222, 240, 0.12)";
|
|
561
465
|
export const colorLightStatusAttention: "#fa9313";
|
|
562
466
|
export const colorLightStatusAttentionHover: "#f18d0b";
|
|
563
467
|
export const colorLightStatusAttentionInverted: "#fda136";
|
|
@@ -573,84 +477,80 @@ export const colorLightStatusInfoPress: "#2c64d4";
|
|
|
573
477
|
export const colorLightStatusMutedAltAttention: "#fde6c8";
|
|
574
478
|
export const colorLightStatusMutedAltAttentionHover: "#f6d7af";
|
|
575
479
|
export const colorLightStatusMutedAltAttentionInverted: "#412f22";
|
|
576
|
-
export const colorLightStatusMutedAltAttentionInvertedHover: "#
|
|
577
|
-
export const colorLightStatusMutedAltAttentionInvertedPress: "#
|
|
578
|
-
export const colorLightStatusMutedAltAttentionPress: "#
|
|
480
|
+
export const colorLightStatusMutedAltAttentionInvertedHover: "#543a27";
|
|
481
|
+
export const colorLightStatusMutedAltAttentionInvertedPress: "#6a462c";
|
|
482
|
+
export const colorLightStatusMutedAltAttentionPress: "#f0c492";
|
|
579
483
|
export const colorLightStatusMutedAltInfo: "#d8eaff";
|
|
580
|
-
export const colorLightStatusMutedAltInfoHover: "#
|
|
484
|
+
export const colorLightStatusMutedAltInfoHover: "#c1dbf7";
|
|
581
485
|
export const colorLightStatusMutedAltInfoInverted: "#293044";
|
|
582
|
-
export const colorLightStatusMutedAltInfoInvertedHover: "#
|
|
583
|
-
export const colorLightStatusMutedAltInfoInvertedPress: "#
|
|
584
|
-
export const colorLightStatusMutedAltInfoPress: "#
|
|
486
|
+
export const colorLightStatusMutedAltInfoInvertedHover: "#2f3a55";
|
|
487
|
+
export const colorLightStatusMutedAltInfoInvertedPress: "#38476c";
|
|
488
|
+
export const colorLightStatusMutedAltInfoPress: "#a7cbf2";
|
|
585
489
|
export const colorLightStatusMutedAltNegative: "#ffdfdf";
|
|
586
|
-
export const colorLightStatusMutedAltNegativeHover: "#
|
|
490
|
+
export const colorLightStatusMutedAltNegativeHover: "#f9ccca";
|
|
587
491
|
export const colorLightStatusMutedAltNegativeInverted: "#442926";
|
|
588
|
-
export const colorLightStatusMutedAltNegativeInvertedHover: "#
|
|
589
|
-
export const colorLightStatusMutedAltNegativeInvertedPress: "#
|
|
590
|
-
export const colorLightStatusMutedAltNegativePress: "#
|
|
492
|
+
export const colorLightStatusMutedAltNegativeInvertedHover: "#55312e";
|
|
493
|
+
export const colorLightStatusMutedAltNegativeInvertedPress: "#6b3b34";
|
|
494
|
+
export const colorLightStatusMutedAltNegativePress: "#f3b6af";
|
|
591
495
|
export const colorLightStatusMutedAltPositive: "#d1f1d7";
|
|
592
|
-
export const colorLightStatusMutedAltPositiveHover: "#
|
|
496
|
+
export const colorLightStatusMutedAltPositiveHover: "#bbe8c3";
|
|
593
497
|
export const colorLightStatusMutedAltPositiveInverted: "#253528";
|
|
594
|
-
export const colorLightStatusMutedAltPositiveInvertedHover: "#
|
|
595
|
-
export const colorLightStatusMutedAltPositiveInvertedPress: "#
|
|
596
|
-
export const colorLightStatusMutedAltPositivePress: "#
|
|
498
|
+
export const colorLightStatusMutedAltPositiveInvertedHover: "#273f2d";
|
|
499
|
+
export const colorLightStatusMutedAltPositiveInvertedPress: "#2d4e33";
|
|
500
|
+
export const colorLightStatusMutedAltPositivePress: "#a1dba8";
|
|
597
501
|
export const colorLightStatusMutedAttention: "#ffefd9";
|
|
598
502
|
export const colorLightStatusMutedAttentionHover: "#fde6c8";
|
|
599
503
|
export const colorLightStatusMutedAttentionInverted: "#36291f";
|
|
600
504
|
export const colorLightStatusMutedAttentionInvertedHover: "#412f22";
|
|
601
|
-
export const colorLightStatusMutedAttentionInvertedPress: "#
|
|
505
|
+
export const colorLightStatusMutedAttentionInvertedPress: "#543a27";
|
|
602
506
|
export const colorLightStatusMutedAttentionPress: "#f6d7af";
|
|
603
507
|
export const colorLightStatusMutedInfo: "#e4f0ff";
|
|
604
508
|
export const colorLightStatusMutedInfoHover: "#d8eaff";
|
|
605
509
|
export const colorLightStatusMutedInfoInverted: "#222a3e";
|
|
606
510
|
export const colorLightStatusMutedInfoInvertedHover: "#293044";
|
|
607
|
-
export const colorLightStatusMutedInfoInvertedPress: "#
|
|
608
|
-
export const colorLightStatusMutedInfoPress: "#
|
|
511
|
+
export const colorLightStatusMutedInfoInvertedPress: "#2f3a55";
|
|
512
|
+
export const colorLightStatusMutedInfoPress: "#c1dbf7";
|
|
609
513
|
export const colorLightStatusMutedNegative: "#ffebeb";
|
|
610
514
|
export const colorLightStatusMutedNegativeHover: "#ffdfdf";
|
|
611
515
|
export const colorLightStatusMutedNegativeInverted: "#392523";
|
|
612
516
|
export const colorLightStatusMutedNegativeInvertedHover: "#442926";
|
|
613
|
-
export const colorLightStatusMutedNegativeInvertedPress: "#
|
|
614
|
-
export const colorLightStatusMutedNegativePress: "#
|
|
517
|
+
export const colorLightStatusMutedNegativeInvertedPress: "#55312e";
|
|
518
|
+
export const colorLightStatusMutedNegativePress: "#f9ccca";
|
|
615
519
|
export const colorLightStatusMutedPositive: "#dff8e5";
|
|
616
520
|
export const colorLightStatusMutedPositiveHover: "#d1f1d7";
|
|
617
521
|
export const colorLightStatusMutedPositiveInverted: "#232d25";
|
|
618
522
|
export const colorLightStatusMutedPositiveInvertedHover: "#253528";
|
|
619
|
-
export const colorLightStatusMutedPositiveInvertedPress: "#
|
|
620
|
-
export const colorLightStatusMutedPositivePress: "#
|
|
621
|
-
export const colorLightStatusNegative: "#
|
|
622
|
-
export const colorLightStatusNegativeHover: "#
|
|
623
|
-
export const colorLightStatusNegativeInverted: "#
|
|
624
|
-
export const colorLightStatusNegativeInvertedHover: "#
|
|
625
|
-
export const colorLightStatusNegativeInvertedPress: "#
|
|
626
|
-
export const colorLightStatusNegativePress: "#
|
|
523
|
+
export const colorLightStatusMutedPositiveInvertedPress: "#273f2d";
|
|
524
|
+
export const colorLightStatusMutedPositivePress: "#bbe8c3";
|
|
525
|
+
export const colorLightStatusNegative: "#ff4837";
|
|
526
|
+
export const colorLightStatusNegativeHover: "#ec2d20";
|
|
527
|
+
export const colorLightStatusNegativeInverted: "#ff4837";
|
|
528
|
+
export const colorLightStatusNegativeInvertedHover: "#ff755e";
|
|
529
|
+
export const colorLightStatusNegativeInvertedPress: "#ff8d79";
|
|
530
|
+
export const colorLightStatusNegativePress: "#c7241f";
|
|
627
531
|
export const colorLightStatusPositive: "#0cc44d";
|
|
628
532
|
export const colorLightStatusPositiveHover: "#04b545";
|
|
629
533
|
export const colorLightStatusPositiveInverted: "#17d055";
|
|
630
534
|
export const colorLightStatusPositiveInvertedHover: "#22e068";
|
|
631
535
|
export const colorLightStatusPositiveInvertedPress: "#4ae777";
|
|
632
536
|
export const colorLightStatusPositivePress: "#01a53d";
|
|
633
|
-
export const colorLightTextAccent: "#ef3124";
|
|
634
537
|
export const colorLightTextAttention: "#ea8313";
|
|
635
538
|
export const colorLightTextAttentionHover: "#d57111";
|
|
636
539
|
export const colorLightTextAttentionInverted: "#fa9313";
|
|
637
540
|
export const colorLightTextAttentionInvertedHover: "#fdb24d";
|
|
638
541
|
export const colorLightTextAttentionInvertedPress: "#ffbf70";
|
|
639
542
|
export const colorLightTextAttentionPress: "#b45a06";
|
|
640
|
-
export const colorLightTextDisabled: "rgba(5, 11, 44, 0.18)";
|
|
641
|
-
export const colorLightTextDisabledInverted: "rgba(231, 231, 248, 0.18)";
|
|
642
543
|
export const colorLightTextInfo: "#2a77ef";
|
|
643
544
|
export const colorLightTextInfoHover: "#2c64d4";
|
|
644
545
|
export const colorLightTextInfoInverted: "#4a9dfc";
|
|
645
546
|
export const colorLightTextInfoInvertedHover: "#63aafd";
|
|
646
547
|
export const colorLightTextInfoInvertedPress: "#7fb6ff";
|
|
647
548
|
export const colorLightTextInfoPress: "#2453b4";
|
|
648
|
-
export const
|
|
649
|
-
export const
|
|
650
|
-
export const
|
|
651
|
-
export const
|
|
652
|
-
export const
|
|
653
|
-
export const colorLightTextNegativeInvertedPress: "#ff8d73";
|
|
549
|
+
export const colorLightTextNegative: "#ec2d20";
|
|
550
|
+
export const colorLightTextNegativeHover: "#c7241f";
|
|
551
|
+
export const colorLightTextNegativeInverted: "#ff4837";
|
|
552
|
+
export const colorLightTextNegativeInvertedHover: "#ff755e";
|
|
553
|
+
export const colorLightTextNegativeInvertedPress: "#ff8d79";
|
|
654
554
|
export const colorLightTextNegativePress: "#a6201e";
|
|
655
555
|
export const colorLightTextPositive: "#0d9336";
|
|
656
556
|
export const colorLightTextPositiveHover: "#0a7d2c";
|
|
@@ -658,12 +558,12 @@ export const colorLightTextPositiveInverted: "#0cc44d";
|
|
|
658
558
|
export const colorLightTextPositiveInvertedHover: "#22e068";
|
|
659
559
|
export const colorLightTextPositiveInvertedPress: "#4ae777";
|
|
660
560
|
export const colorLightTextPositivePress: "#036625";
|
|
661
|
-
export const colorLightTextPrimary: "
|
|
662
|
-
export const colorLightTextPrimaryHover: "
|
|
663
|
-
export const colorLightTextPrimaryInverted: "
|
|
664
|
-
export const colorLightTextPrimaryInvertedHover: "
|
|
665
|
-
export const colorLightTextPrimaryInvertedPress: "
|
|
666
|
-
export const colorLightTextPrimaryPress: "
|
|
561
|
+
export const colorLightTextPrimary: "rgba(3, 3, 6, 0.88)";
|
|
562
|
+
export const colorLightTextPrimaryHover: "rgba(1, 1, 12, 0.63)";
|
|
563
|
+
export const colorLightTextPrimaryInverted: "rgba(255, 255, 255, 0.94)";
|
|
564
|
+
export const colorLightTextPrimaryInvertedHover: "rgba(255, 255, 255, 0.7)";
|
|
565
|
+
export const colorLightTextPrimaryInvertedPress: "rgba(255, 255, 255, 0.6)";
|
|
566
|
+
export const colorLightTextPrimaryPress: "rgba(4, 4, 19, 0.55)";
|
|
667
567
|
export const colorLightTextQuaternary: "rgba(5, 11, 44, 0.18)";
|
|
668
568
|
export const colorLightTextQuaternaryInverted: "rgba(231, 231, 248, 0.18)";
|
|
669
569
|
export const colorLightTextSecondary: "rgba(4, 4, 19, 0.55)";
|
|
@@ -689,28 +589,16 @@ export const colorStaticAccentPrimaryInverted: "#f83a2a";
|
|
|
689
589
|
export const colorStaticAccentPrimaryInvertedHover: "#ff503e";
|
|
690
590
|
export const colorStaticAccentPrimaryInvertedPress: "#fd624e";
|
|
691
591
|
export const colorStaticAccentPrimaryPress: "#d72505";
|
|
692
|
-
export const colorStaticAccentSecondary: "#
|
|
693
|
-
export const colorStaticAccentSecondaryHover: "#
|
|
694
|
-
export const colorStaticAccentSecondaryInverted: "#
|
|
695
|
-
export const colorStaticAccentSecondaryInvertedHover: "#
|
|
592
|
+
export const colorStaticAccentSecondary: "#212124";
|
|
593
|
+
export const colorStaticAccentSecondaryHover: "#2f2f32";
|
|
594
|
+
export const colorStaticAccentSecondaryInverted: "#f2f3f5";
|
|
595
|
+
export const colorStaticAccentSecondaryInvertedHover: "#dcdde1";
|
|
696
596
|
export const colorStaticAccentSecondaryInvertedPress: "#d2d3d9";
|
|
697
|
-
export const colorStaticAccentSecondaryPress: "#
|
|
698
|
-
export const colorStaticBgAccent: "#ef3124";
|
|
597
|
+
export const colorStaticAccentSecondaryPress: "#353539";
|
|
699
598
|
export const colorStaticBgPrimaryDark: "#0e0e0e";
|
|
700
|
-
export const colorStaticBgPrimaryLight: "#fff";
|
|
701
|
-
export const colorStaticBgQuaternaryDark: "#36363a";
|
|
702
|
-
export const colorStaticBgQuaternaryLight: "#e7e8ec";
|
|
703
|
-
export const colorStaticBgSecondaryDark: "#1c1c1e";
|
|
704
|
-
export const colorStaticBgSecondaryLight: "#f2f3f5";
|
|
705
|
-
export const colorStaticBgTertiaryDark: "#27272a";
|
|
706
|
-
export const colorStaticBgTertiaryLight: "#edeef0";
|
|
707
|
-
export const colorStaticBorderAccent: "#ef3124";
|
|
708
|
-
export const colorStaticGraphicAccent: "#ef3124";
|
|
709
|
-
export const colorStaticGraphicDark: "#0e0e0e";
|
|
710
|
-
export const colorStaticGraphicLight: "#fff";
|
|
711
599
|
export const colorStaticNeutral0: "#fff";
|
|
712
600
|
export const colorStaticNeutral0Hover: "#e7e8eb";
|
|
713
|
-
export const colorStaticNeutral0Inverted: "#
|
|
601
|
+
export const colorStaticNeutral0Inverted: "#262629";
|
|
714
602
|
export const colorStaticNeutral0InvertedHover: "#2f2f32";
|
|
715
603
|
export const colorStaticNeutral0InvertedPress: "#353539";
|
|
716
604
|
export const colorStaticNeutral0Press: "#dcdde1";
|
|
@@ -720,7 +608,7 @@ export const colorStaticNeutral100Inverted: "#1c1c1e";
|
|
|
720
608
|
export const colorStaticNeutral100InvertedHover: "#212124";
|
|
721
609
|
export const colorStaticNeutral100InvertedPress: "#29292c";
|
|
722
610
|
export const colorStaticNeutral100Press: "#dcdde1";
|
|
723
|
-
export const colorStaticNeutral1500: "#
|
|
611
|
+
export const colorStaticNeutral1500: "#121213";
|
|
724
612
|
export const colorStaticNeutral1500Hover: "#3f3f45";
|
|
725
613
|
export const colorStaticNeutral1500Inverted: "#fff";
|
|
726
614
|
export const colorStaticNeutral1500InvertedHover: "#babbc2";
|
|
@@ -733,7 +621,11 @@ export const colorStaticNeutral200InvertedHover: "#29292c";
|
|
|
733
621
|
export const colorStaticNeutral200InvertedPress: "#2f2f32";
|
|
734
622
|
export const colorStaticNeutral200Press: "#dcdde1";
|
|
735
623
|
export const colorStaticNeutral300: "#e7e8eb";
|
|
624
|
+
export const colorStaticNeutral300Hover: "#dcdde1";
|
|
736
625
|
export const colorStaticNeutral300Inverted: "#29292c";
|
|
626
|
+
export const colorStaticNeutral300InvertedHover: "#2f2f32";
|
|
627
|
+
export const colorStaticNeutral300InvertedPress: "#353539";
|
|
628
|
+
export const colorStaticNeutral300Press: "#d2d3d9";
|
|
737
629
|
export const colorStaticNeutral400: "#d2d3d9";
|
|
738
630
|
export const colorStaticNeutral400Hover: "#babbc2";
|
|
739
631
|
export const colorStaticNeutral400Inverted: "#353539";
|
|
@@ -764,6 +656,12 @@ export const colorStaticNeutralTranslucent100Inverted: "rgba(214, 214, 229, 0.07
|
|
|
764
656
|
export const colorStaticNeutralTranslucent100InvertedHover: "rgba(222, 222, 238, 0.13)";
|
|
765
657
|
export const colorStaticNeutralTranslucent100InvertedPress: "rgba(234, 234, 248, 0.15)";
|
|
766
658
|
export const colorStaticNeutralTranslucent100Press: "rgba(5, 12, 41, 0.14)";
|
|
659
|
+
export const colorStaticNeutralTranslucent1300: "rgba(3, 3, 6, 0.88)";
|
|
660
|
+
export const colorStaticNeutralTranslucent1300Hover: "rgba(3, 3, 8, 0.8)";
|
|
661
|
+
export const colorStaticNeutralTranslucent1300Inverted: "rgba(255, 255, 255, 0.94)";
|
|
662
|
+
export const colorStaticNeutralTranslucent1300InvertedHover: "rgba(255, 255, 255, 0.7)";
|
|
663
|
+
export const colorStaticNeutralTranslucent1300InvertedPress: "rgba(255, 255, 255, 0.6)";
|
|
664
|
+
export const colorStaticNeutralTranslucent1300Press: "rgba(0, 0, 10, 0.71)";
|
|
767
665
|
export const colorStaticNeutralTranslucent1500Hover: "rgba(2, 2, 10, 0.76)";
|
|
768
666
|
export const colorStaticNeutralTranslucent1500InvertedHover: "rgba(243, 245, 254, 0.75)";
|
|
769
667
|
export const colorStaticNeutralTranslucent1500InvertedPress: "rgba(239, 240, 252, 0.65)";
|
|
@@ -775,7 +673,11 @@ export const colorStaticNeutralTranslucent200InvertedHover: "rgba(222, 222, 238,
|
|
|
775
673
|
export const colorStaticNeutralTranslucent200InvertedPress: "rgba(234, 234, 248, 0.15)";
|
|
776
674
|
export const colorStaticNeutralTranslucent200Press: "rgba(5, 12, 41, 0.14)";
|
|
777
675
|
export const colorStaticNeutralTranslucent300: "rgba(15, 25, 55, 0.1)";
|
|
676
|
+
export const colorStaticNeutralTranslucent300Hover: "rgba(5, 12, 41, 0.14)";
|
|
778
677
|
export const colorStaticNeutralTranslucent300Inverted: "rgba(222, 222, 238, 0.13)";
|
|
678
|
+
export const colorStaticNeutralTranslucent300InvertedHover: "rgba(234, 234, 248, 0.15)";
|
|
679
|
+
export const colorStaticNeutralTranslucent300InvertedPress: "rgba(231, 231, 248, 0.18)";
|
|
680
|
+
export const colorStaticNeutralTranslucent300Press: "rgba(5, 11, 44, 0.18)";
|
|
779
681
|
export const colorStaticNeutralTranslucent400: "rgba(5, 11, 44, 0.18)";
|
|
780
682
|
export const colorStaticNeutralTranslucent400Hover: "rgba(9, 12, 37, 0.28)";
|
|
781
683
|
export const colorStaticNeutralTranslucent400Inverted: "rgba(231, 231, 248, 0.18)";
|
|
@@ -814,11 +716,10 @@ export const colorStaticStatusMutedNegative: "#ffebeb";
|
|
|
814
716
|
export const colorStaticStatusMutedNegativeInverted: "#392523";
|
|
815
717
|
export const colorStaticStatusMutedPositive: "#dff8e5";
|
|
816
718
|
export const colorStaticStatusMutedPositiveInverted: "#232d25";
|
|
817
|
-
export const colorStaticStatusNegative: "#
|
|
818
|
-
export const colorStaticStatusNegativeInverted: "#
|
|
719
|
+
export const colorStaticStatusNegative: "#ff4837";
|
|
720
|
+
export const colorStaticStatusNegativeInverted: "#ff4837";
|
|
819
721
|
export const colorStaticStatusPositive: "#0cc44d";
|
|
820
722
|
export const colorStaticStatusPositiveInverted: "#17d055";
|
|
821
|
-
export const colorStaticTextAccent: "#ef3124";
|
|
822
723
|
export const colorStaticTextAttention: "#ea8313";
|
|
823
724
|
export const colorStaticTextAttentionHover: "#d57111";
|
|
824
725
|
export const colorStaticTextAttentionInverted: "#fa9313";
|
|
@@ -831,11 +732,11 @@ export const colorStaticTextInfoInverted: "#4a9dfc";
|
|
|
831
732
|
export const colorStaticTextInfoInvertedHover: "#63aafd";
|
|
832
733
|
export const colorStaticTextInfoInvertedPress: "#7fb6ff";
|
|
833
734
|
export const colorStaticTextInfoPress: "#2453b4";
|
|
834
|
-
export const colorStaticTextNegative: "#
|
|
835
|
-
export const colorStaticTextNegativeHover: "#
|
|
836
|
-
export const colorStaticTextNegativeInverted: "#
|
|
837
|
-
export const colorStaticTextNegativeInvertedHover: "#
|
|
838
|
-
export const colorStaticTextNegativeInvertedPress: "#
|
|
735
|
+
export const colorStaticTextNegative: "#ec2d20";
|
|
736
|
+
export const colorStaticTextNegativeHover: "#c7241f";
|
|
737
|
+
export const colorStaticTextNegativeInverted: "#ff4837";
|
|
738
|
+
export const colorStaticTextNegativeInvertedHover: "#ff755e";
|
|
739
|
+
export const colorStaticTextNegativeInvertedPress: "#ff8d79";
|
|
839
740
|
export const colorStaticTextNegativePress: "#a6201e";
|
|
840
741
|
export const colorStaticTextPositive: "#0d9336";
|
|
841
742
|
export const colorStaticTextPositiveHover: "#0a7d2c";
|
|
@@ -843,14 +744,14 @@ export const colorStaticTextPositiveInverted: "#0cc44d";
|
|
|
843
744
|
export const colorStaticTextPositiveInvertedHover: "#22e068";
|
|
844
745
|
export const colorStaticTextPositiveInvertedPress: "#4ae777";
|
|
845
746
|
export const colorStaticTextPositivePress: "#036625";
|
|
846
|
-
export const colorStaticTextPrimary: "
|
|
747
|
+
export const colorStaticTextPrimary: "rgba(3, 3, 6, 0.88)";
|
|
847
748
|
export const colorStaticTextPrimaryDark: "#0e0e0e";
|
|
848
|
-
export const colorStaticTextPrimaryHover: "
|
|
849
|
-
export const colorStaticTextPrimaryInverted: "
|
|
850
|
-
export const colorStaticTextPrimaryInvertedHover: "
|
|
851
|
-
export const colorStaticTextPrimaryInvertedPress: "
|
|
749
|
+
export const colorStaticTextPrimaryHover: "rgba(1, 1, 12, 0.63)";
|
|
750
|
+
export const colorStaticTextPrimaryInverted: "rgba(255, 255, 255, 0.94)";
|
|
751
|
+
export const colorStaticTextPrimaryInvertedHover: "rgba(255, 255, 255, 0.7)";
|
|
752
|
+
export const colorStaticTextPrimaryInvertedPress: "rgba(255, 255, 255, 0.6)";
|
|
852
753
|
export const colorStaticTextPrimaryLight: "#fff";
|
|
853
|
-
export const colorStaticTextPrimaryPress: "
|
|
754
|
+
export const colorStaticTextPrimaryPress: "rgba(4, 4, 19, 0.55)";
|
|
854
755
|
export const colorStaticTextQuaternary: "rgba(5, 11, 44, 0.18)";
|
|
855
756
|
export const colorStaticTextQuaternaryInverted: "rgba(231, 231, 248, 0.18)";
|
|
856
757
|
export const colorStaticTextSecondary: "rgba(4, 4, 19, 0.55)";
|
|
@@ -869,44 +770,224 @@ export const colorStaticTextTertiaryInvertedHover: "rgba(238, 238, 254, 0.46)";
|
|
|
869
770
|
export const colorStaticTextTertiaryInvertedPress: "rgba(238, 238, 251, 0.55)";
|
|
870
771
|
export const colorStaticTextTertiaryLight: "rgba(233, 233, 250, 0.37)";
|
|
871
772
|
export const colorStaticTextTertiaryPress: "rgba(4, 4, 19, 0.55)";
|
|
773
|
+
export const colorDarkBgAccent: "#ef3124";
|
|
774
|
+
export const colorDarkBgAttentionMuted: "#36291f";
|
|
872
775
|
export const colorDarkBgComponent: "rgba(255, 255, 255, 0.1)";
|
|
873
776
|
export const colorDarkBgComponentInverted: "rgba(0, 0, 0, 0.08)";
|
|
777
|
+
export const colorDarkBgInfo: "#001c3c";
|
|
778
|
+
export const colorDarkBgInfoMuted: "#242a39";
|
|
874
779
|
export const colorDarkBgLinkMuted: "#001c3c";
|
|
780
|
+
export const colorDarkBgNegativeMuted: "#392523";
|
|
875
781
|
export const colorDarkBgNeutral: "#3a3a3c";
|
|
876
782
|
export const colorDarkBgNulled: "rgba(0, 0, 0, 0)";
|
|
783
|
+
export const colorDarkBgOpaque: "rgba(255, 255, 255, 0.8)";
|
|
784
|
+
export const colorDarkBgOverlay: "rgba(0, 0, 0, 0.8)";
|
|
785
|
+
export const colorDarkBgPositiveMuted: "#232d25";
|
|
786
|
+
export const colorDarkBgPrimary: "#0e0e0e";
|
|
877
787
|
export const colorDarkBgPrimaryGrouped: "#1a1a1d";
|
|
788
|
+
export const colorDarkBgPrimaryInverted: "#fff";
|
|
789
|
+
export const colorDarkBgQuaternary: "#36363a";
|
|
790
|
+
export const colorDarkBgQuaternaryInverted: "#dcdee2";
|
|
791
|
+
export const colorDarkBgSecondary: "#1c1c1e";
|
|
878
792
|
export const colorDarkBgSecondaryGrouped: "#2a2a2e";
|
|
793
|
+
export const colorDarkBgSecondaryInverted: "#f2f3f5";
|
|
794
|
+
export const colorDarkBgTertiary: "#27272a";
|
|
879
795
|
export const colorDarkBgTertiaryGrouped: "#404045";
|
|
796
|
+
export const colorDarkBgTertiaryInverted: "#e7e8ea";
|
|
797
|
+
export const colorDarkBorderAccent: "#ef3124";
|
|
798
|
+
export const colorDarkBorderKey: "#fff";
|
|
799
|
+
export const colorDarkBorderKeyInverted: "#000";
|
|
800
|
+
export const colorDarkBorderLink: "#3193fc";
|
|
801
|
+
export const colorDarkBorderPrimary: "#36363a";
|
|
802
|
+
export const colorDarkBorderPrimaryInverted: "#d5d6dc";
|
|
803
|
+
export const colorDarkBorderSecondary: "#27272a";
|
|
804
|
+
export const colorDarkBorderSecondaryInverted: "#e7e8ec";
|
|
805
|
+
export const colorDarkBorderTertiary: "#1c1c1e";
|
|
806
|
+
export const colorDarkBorderTertiaryInverted: "#f2f3f5";
|
|
807
|
+
export const colorDarkBorderUnderline: "#49494f";
|
|
808
|
+
export const colorDarkBorderUnderlineInverted: "#b8b9c0";
|
|
809
|
+
export const colorDarkGraphicAccent: "#ef3124";
|
|
810
|
+
export const colorDarkGraphicAttention: "#fda136";
|
|
811
|
+
export const colorDarkGraphicLink: "#3193fc";
|
|
812
|
+
export const colorDarkGraphicNegative: "#ff5431";
|
|
880
813
|
export const colorDarkGraphicNeutral: "#2a2a2c";
|
|
814
|
+
export const colorDarkGraphicPositive: "#17d055";
|
|
815
|
+
export const colorDarkGraphicPrimary: "#fff";
|
|
816
|
+
export const colorDarkGraphicPrimaryInverted: "#0e0e0e";
|
|
817
|
+
export const colorDarkGraphicQuaternary: "#27272a";
|
|
818
|
+
export const colorDarkGraphicQuaternaryInverted: "#e7e8ec";
|
|
819
|
+
export const colorDarkGraphicSecondary: "#898991";
|
|
820
|
+
export const colorDarkGraphicSecondaryInverted: "#898991";
|
|
821
|
+
export const colorDarkGraphicTertiary: "#49494f";
|
|
822
|
+
export const colorDarkGraphicTertiaryInverted: "#b8b9c0";
|
|
823
|
+
export const colorDarkSpecialbgComponent: "rgba(255, 255, 255, 0.1)";
|
|
824
|
+
export const colorDarkSpecialbgComponentInverted: "rgba(11, 31, 53, 0.07)";
|
|
825
|
+
export const colorDarkSpecialbgNulled: "rgba(255, 255, 255, 0)";
|
|
881
826
|
export const colorDarkSpecialbgOverlay: "rgba(0, 0, 0, 0.8)";
|
|
827
|
+
export const colorDarkSpecialbgOverlayFallback: "#0e0e0f";
|
|
828
|
+
export const colorDarkSpecialbgPrimaryGrouped: "#1c1c1e";
|
|
829
|
+
export const colorDarkSpecialbgSecondaryGrouped: "#27272a";
|
|
830
|
+
export const colorDarkSpecialbgSecondaryTransparent: "rgba(214, 214, 229, 0.07)";
|
|
831
|
+
export const colorDarkSpecialbgSecondaryTransparentInverted: "rgba(38, 55, 88, 0.06)";
|
|
832
|
+
export const colorDarkSpecialbgTertiaryGrouped: "#36363a";
|
|
833
|
+
export const colorDarkSpecialbgTertiaryTransparent: "rgba(222, 222, 240, 0.12)";
|
|
834
|
+
export const colorDarkSpecialbgTertiaryTransparentInverted: "rgba(30, 43, 68, 0.08)";
|
|
835
|
+
export const colorDarkTextAccent: "#ef3124";
|
|
836
|
+
export const colorDarkTextDisabled: "rgba(236, 236, 254, 0.18)";
|
|
837
|
+
export const colorDarkTextDisabledInverted: "rgba(5, 11, 44, 0.18)";
|
|
882
838
|
export const colorDarkTextDisabledTransparent: "rgba(220, 220, 243, 0.14)";
|
|
839
|
+
export const colorDarkTextLink: "#4a9dfc";
|
|
883
840
|
export const colorDarkTextSecondaryInvertedTransparent: "rgba(3, 3, 16, 0.56)";
|
|
884
841
|
export const colorDarkTextSecondaryTransparent: "rgba(239, 239, 254, 0.53)";
|
|
885
842
|
export const colorDarkTextTertiaryInvertedTransparent: "rgba(1, 1, 18, 0.41)";
|
|
886
843
|
export const colorDarkTextTertiaryTransparent: "rgba(233, 233, 251, 0.35)";
|
|
844
|
+
export const colorLightBgAccent: "#ef3124";
|
|
845
|
+
export const colorLightBgAttentionMuted: "#ffefd9";
|
|
887
846
|
export const colorLightBgComponent: "rgba(19, 19, 73, 0.11)";
|
|
888
847
|
export const colorLightBgComponentInverted: "rgba(223, 223, 246, 0.13)";
|
|
848
|
+
export const colorLightBgInfo: "#d6e8fc";
|
|
849
|
+
export const colorLightBgInfoMuted: "#e4f0ff";
|
|
889
850
|
export const colorLightBgLinkMuted: "#d6e8fc";
|
|
851
|
+
export const colorLightBgNegativeMuted: "#ffebeb";
|
|
890
852
|
export const colorLightBgNeutral: "#dcdcdd";
|
|
891
853
|
export const colorLightBgNulled: "rgba(0, 0, 0, 0)";
|
|
854
|
+
export const colorLightBgOpaque: "rgba(255, 255, 255, 0.8)";
|
|
855
|
+
export const colorLightBgOverlay: "rgba(0, 0, 0, 0.65)";
|
|
856
|
+
export const colorLightBgPositiveMuted: "#dff8e5";
|
|
857
|
+
export const colorLightBgPrimary: "#fff";
|
|
892
858
|
export const colorLightBgPrimaryGrouped: "#f2f2f6";
|
|
859
|
+
export const colorLightBgPrimaryInverted: "#0e0e0e";
|
|
860
|
+
export const colorLightBgQuaternary: "#dcdee2";
|
|
861
|
+
export const colorLightBgQuaternaryInverted: "#36363a";
|
|
862
|
+
export const colorLightBgSecondary: "#f2f3f5";
|
|
893
863
|
export const colorLightBgSecondaryGrouped: "#fff";
|
|
864
|
+
export const colorLightBgSecondaryInverted: "#1c1c1e";
|
|
865
|
+
export const colorLightBgTertiary: "#e7e8ea";
|
|
894
866
|
export const colorLightBgTertiaryGrouped: "#f2f2f6";
|
|
867
|
+
export const colorLightBgTertiaryInverted: "#27272a";
|
|
868
|
+
export const colorLightBorderAccent: "#ef3124";
|
|
869
|
+
export const colorLightBorderKey: "#000";
|
|
870
|
+
export const colorLightBorderKeyInverted: "#fff";
|
|
871
|
+
export const colorLightBorderLink: "#2288fa";
|
|
872
|
+
export const colorLightBorderPrimary: "#d5d6dc";
|
|
873
|
+
export const colorLightBorderPrimaryInverted: "#36363a";
|
|
874
|
+
export const colorLightBorderSecondary: "#e7e8ec";
|
|
875
|
+
export const colorLightBorderSecondaryInverted: "#27272a";
|
|
876
|
+
export const colorLightBorderTertiary: "#f2f3f5";
|
|
877
|
+
export const colorLightBorderTertiaryInverted: "#1c1c1e";
|
|
878
|
+
export const colorLightBorderUnderline: "#b8b9c0";
|
|
879
|
+
export const colorLightBorderUnderlineInverted: "#49494f";
|
|
880
|
+
export const colorLightGraphicAccent: "#ef3124";
|
|
881
|
+
export const colorLightGraphicAttention: "#fa9313";
|
|
882
|
+
export const colorLightGraphicLink: "#2288fa";
|
|
883
|
+
export const colorLightGraphicNegative: "#ff5431";
|
|
895
884
|
export const colorLightGraphicNeutral: "#dcdcdd";
|
|
885
|
+
export const colorLightGraphicPositive: "#0cc44d";
|
|
886
|
+
export const colorLightGraphicPrimary: "#0e0e0e";
|
|
887
|
+
export const colorLightGraphicPrimaryInverted: "#fff";
|
|
888
|
+
export const colorLightGraphicQuaternary: "#e7e8ec";
|
|
889
|
+
export const colorLightGraphicQuaternaryInverted: "#27272a";
|
|
890
|
+
export const colorLightGraphicSecondary: "#898991";
|
|
891
|
+
export const colorLightGraphicSecondaryInverted: "#898991";
|
|
892
|
+
export const colorLightGraphicTertiary: "#b8b9c0";
|
|
893
|
+
export const colorLightGraphicTertiaryInverted: "#49494f";
|
|
894
|
+
export const colorLightSpecialbgComponent: "rgba(11, 31, 53, 0.07)";
|
|
895
|
+
export const colorLightSpecialbgComponentInverted: "rgba(255, 255, 255, 0.1)";
|
|
896
|
+
export const colorLightSpecialbgNulled: "rgba(255, 255, 255, 0)";
|
|
896
897
|
export const colorLightSpecialbgOverlay: "rgba(0, 0, 0, 0.6)";
|
|
898
|
+
export const colorLightSpecialbgOverlayFallback: "#49494f";
|
|
899
|
+
export const colorLightSpecialbgPrimaryGrouped: "#f2f3f5";
|
|
900
|
+
export const colorLightSpecialbgSecondaryGrouped: "#fff";
|
|
901
|
+
export const colorLightSpecialbgSecondaryTransparent: "rgba(38, 55, 88, 0.06)";
|
|
902
|
+
export const colorLightSpecialbgSecondaryTransparentInverted: "rgba(214, 214, 229, 0.07)";
|
|
903
|
+
export const colorLightSpecialbgTertiaryGrouped: "#f2f3f5";
|
|
904
|
+
export const colorLightSpecialbgTertiaryTransparent: "rgba(30, 43, 68, 0.08)";
|
|
905
|
+
export const colorLightSpecialbgTertiaryTransparentInverted: "rgba(222, 222, 240, 0.12)";
|
|
906
|
+
export const colorLightTextAccent: "#ef3124";
|
|
907
|
+
export const colorLightTextDisabled: "rgba(5, 11, 44, 0.18)";
|
|
908
|
+
export const colorLightTextDisabledInverted: "rgba(231, 231, 248, 0.18)";
|
|
897
909
|
export const colorLightTextDisabledTransparent: "rgba(1, 1, 24, 0.26)";
|
|
910
|
+
export const colorLightTextLink: "#2a77ef";
|
|
898
911
|
export const colorLightTextSecondaryInvertedTransparent: "rgba(239, 239, 254, 0.53)";
|
|
899
912
|
export const colorLightTextSecondaryTransparent: "rgba(3, 3, 16, 0.56)";
|
|
900
913
|
export const colorLightTextTertiaryInvertedTransparent: "rgba(233, 233, 251, 0.35)";
|
|
901
914
|
export const colorLightTextTertiaryTransparent: "rgba(1, 1, 18, 0.41)";
|
|
915
|
+
export const colorStaticBgAccent: "#ef3124";
|
|
902
916
|
export const colorStaticBgDark: "#000";
|
|
903
917
|
export const colorStaticBgLight: "#fff";
|
|
904
918
|
export const colorStaticBgNeutralDark: "#3a3a3c";
|
|
905
919
|
export const colorStaticBgNeutralLight: "#dcdcdd";
|
|
920
|
+
export const colorStaticBgPrimaryLight: "#fff";
|
|
921
|
+
export const colorStaticBgQuaternaryDark: "#36363a";
|
|
922
|
+
export const colorStaticBgQuaternaryLight: "#e7e8ec";
|
|
923
|
+
export const colorStaticBgSecondaryDark: "#1c1c1e";
|
|
924
|
+
export const colorStaticBgSecondaryLight: "#f2f3f5";
|
|
925
|
+
export const colorStaticBgTertiaryDark: "#27272a";
|
|
926
|
+
export const colorStaticBgTertiaryLight: "#edeef0";
|
|
927
|
+
export const colorStaticBorderAccent: "#ef3124";
|
|
928
|
+
export const colorStaticGraphicAccent: "#ef3124";
|
|
929
|
+
export const colorStaticGraphicDark: "#0e0e0e";
|
|
930
|
+
export const colorStaticGraphicLight: "#fff";
|
|
931
|
+
export const colorStaticTextAccent: "#ef3124";
|
|
906
932
|
export const colorStaticTextSecondaryDarkTransparent: "rgba(3, 3, 16, 0.56)";
|
|
907
933
|
export const colorStaticTextSecondaryLightTransparent: "rgba(235, 235, 245, 0.6)";
|
|
908
934
|
export const colorStaticTextTertiaryDarkTransparent: "rgba(1, 1, 18, 0.41)";
|
|
909
935
|
export const colorStaticTextTertiaryLightTransparent: "rgba(235, 235, 245, 0.3)";
|
|
936
|
+
export const colorDarkNeutral700Alpha15: "rgba(137, 137, 145, 0.15)";
|
|
937
|
+
export const colorDarkStatusInfoAlpha15: "rgba(49, 147, 252, 0.15)";
|
|
938
|
+
export const colorDarkTextPrimaryAlpha30: "rgba(255, 255, 255, 0.3)";
|
|
939
|
+
export const colorDarkTextPrimaryShade24: "rgba(194, 194, 194, 0.9544)";
|
|
940
|
+
export const colorDarkTextPrimaryShade30: "rgba(179, 179, 179, 0.958)";
|
|
941
|
+
export const colorDarkTextPrimaryShade40: "rgba(153, 153, 153, 0.964)";
|
|
942
|
+
export const colorDarkTextPrimaryShade50: "rgba(128, 128, 128, 0.97)";
|
|
943
|
+
export const colorDarkTextPrimaryTint20: "rgba(255, 255, 255, 0.952)";
|
|
944
|
+
export const colorDarkTextPrimaryTint40: "rgba(255, 255, 255, 0.964)";
|
|
945
|
+
export const colorDarkTextPrimaryInvertedAlpha30: "rgba(3, 3, 6, 0.3)";
|
|
946
|
+
export const colorDarkTextPrimaryInvertedAlpha40: "rgba(3, 3, 6, 0.4)";
|
|
947
|
+
export const colorDarkTextPrimaryInvertedShade20: "rgba(2, 2, 5, 0.904)";
|
|
948
|
+
export const colorDarkTextPrimaryInvertedShade30: "rgba(2, 2, 4, 0.916)";
|
|
949
|
+
export const colorDarkTextPrimaryInvertedTint7: "rgba(21, 21, 23, 0.8884)";
|
|
950
|
+
export const colorDarkTextPrimaryInvertedTint15: "rgba(41, 41, 43, 0.898)";
|
|
951
|
+
export const colorDarkTextPrimaryInvertedTint24: "rgba(63, 63, 66, 0.9088)";
|
|
952
|
+
export const colorDarkTextPrimaryInvertedTint30: "rgba(79, 79, 81, 0.916)";
|
|
953
|
+
export const colorDarkTextPrimaryInvertedTint40: "rgba(104, 104, 106, 0.928)";
|
|
954
|
+
export const colorDarkTextPrimaryInvertedTint50: "rgba(129, 129, 131, 0.94)";
|
|
955
|
+
export const colorDarkTextSecondaryShade20: "rgba(190, 190, 201, 0.64)";
|
|
956
|
+
export const colorDarkTextSecondaryShade30: "rgba(167, 167, 176, 0.685)";
|
|
957
|
+
export const colorDarkTextSecondaryTint20: "rgba(241, 241, 252, 0.64)";
|
|
958
|
+
export const colorDarkTextSecondaryTint40: "rgba(245, 245, 253, 0.73)";
|
|
959
|
+
export const colorDarkTextSecondaryInvertedShade20: "rgba(3, 3, 15, 0.64)";
|
|
960
|
+
export const colorDarkTextSecondaryInvertedShade30: "rgba(3, 3, 13, 0.685)";
|
|
961
|
+
export const colorLightNeutral700Alpha15: "rgba(137, 137, 145, 0.15)";
|
|
962
|
+
export const colorLightStatusInfoAlpha15: "rgba(34, 136, 250, 0.15)";
|
|
963
|
+
export const colorLightTextPrimaryAlpha30: "rgba(3, 3, 6, 0.3)";
|
|
964
|
+
export const colorLightTextPrimaryTint24: "rgba(63, 63, 66, 0.9088)";
|
|
965
|
+
export const colorLightTextPrimaryTint30: "rgba(79, 79, 81, 0.916)";
|
|
966
|
+
export const colorLightTextPrimaryTint40: "rgba(104, 104, 106, 0.928)";
|
|
967
|
+
export const colorLightTextPrimaryTint50: "rgba(129, 129, 131, 0.94)";
|
|
968
|
+
export const colorLightTextPrimaryShade20: "rgba(2, 2, 5, 0.904)";
|
|
969
|
+
export const colorLightTextPrimaryShade40: "rgba(2, 2, 4, 0.928)";
|
|
970
|
+
export const colorLightTextPrimaryInvertedAlpha30: "rgba(255, 255, 255, 0.3)";
|
|
971
|
+
export const colorLightTextPrimaryInvertedAlpha40: "rgba(255, 255, 255, 0.4)";
|
|
972
|
+
export const colorLightTextPrimaryInvertedTint20: "rgba(255, 255, 255, 0.952)";
|
|
973
|
+
export const colorLightTextPrimaryInvertedTint30: "rgba(255, 255, 255, 0.958)";
|
|
974
|
+
export const colorLightTextPrimaryInvertedShade7: "rgba(237, 237, 237, 0.9442)";
|
|
975
|
+
export const colorLightTextPrimaryInvertedShade15: "rgba(217, 217, 217, 0.949)";
|
|
976
|
+
export const colorLightTextPrimaryInvertedShade24: "rgba(194, 194, 194, 0.9544)";
|
|
977
|
+
export const colorLightTextPrimaryInvertedShade30: "rgba(179, 179, 179, 0.958)";
|
|
978
|
+
export const colorLightTextPrimaryInvertedShade40: "rgba(153, 153, 153, 0.964)";
|
|
979
|
+
export const colorLightTextPrimaryInvertedShade50: "rgba(128, 128, 128, 0.97)";
|
|
980
|
+
export const colorLightTextSecondaryTint20: "rgba(54, 54, 66, 0.64)";
|
|
981
|
+
export const colorLightTextSecondaryTint30: "rgba(79, 79, 90, 0.685)";
|
|
982
|
+
export const colorLightTextSecondaryShade20: "rgba(3, 3, 15, 0.64)";
|
|
983
|
+
export const colorLightTextSecondaryShade40: "rgba(2, 2, 11, 0.73)";
|
|
984
|
+
export const colorLightTextSecondaryInvertedTint20: "rgba(241, 241, 252, 0.64)";
|
|
985
|
+
export const colorLightTextSecondaryInvertedTint30: "rgba(243, 243, 252, 0.685)";
|
|
986
|
+
export const colorStaticBgPrimaryDarkAlpha10: "rgba(14, 14, 14, 0.1)";
|
|
987
|
+
export const colorStaticBgPrimaryDarkAlpha20: "rgba(14, 14, 14, 0.2)";
|
|
988
|
+
export const colorStaticBgPrimaryDarkTint15: "rgb(50, 50, 50)";
|
|
989
|
+
export const colorStaticBgPrimaryDarkTint20: "rgb(62, 62, 62)";
|
|
990
|
+
export const colorStaticTextPrimaryLightAlpha30: "rgba(255, 255, 255, 0.3)";
|
|
910
991
|
export const colorDarkBgAccentAlpha30: "rgba(239, 49, 36, 0.3)";
|
|
911
992
|
export const colorDarkBgAccentShade15: "rgb(203, 42, 31)";
|
|
912
993
|
export const colorDarkBgAccentShade20: "rgb(191, 39, 29)";
|
|
@@ -1021,7 +1102,6 @@ export const colorDarkGraphicTertiaryTint15: "rgb(100, 100, 105)";
|
|
|
1021
1102
|
export const colorDarkGraphicTertiaryInvertedAlpha30: "rgba(184, 185, 192, 0.3)";
|
|
1022
1103
|
export const colorDarkGraphicTertiaryInvertedShade15: "rgb(156, 157, 163)";
|
|
1023
1104
|
export const colorDarkGraphicTertiaryInvertedShade20: "rgb(147, 148, 154)";
|
|
1024
|
-
export const colorDarkNeutral700Alpha15: "rgba(137, 137, 145, 0.15)";
|
|
1025
1105
|
export const colorDarkSpecialbgComponentTint7: "rgba(255, 255, 255, 0.163)";
|
|
1026
1106
|
export const colorDarkSpecialbgComponentTint10: "rgba(255, 255, 255, 0.19)";
|
|
1027
1107
|
export const colorDarkSpecialbgComponentTint15: "rgba(255, 255, 255, 0.235)";
|
|
@@ -1041,34 +1121,10 @@ export const colorDarkSpecialbgTertiaryTransparentTint7: "rgba(224, 224, 241, 0.
|
|
|
1041
1121
|
export const colorDarkSpecialbgTertiaryTransparentTint15: "rgba(227, 227, 242, 0.252)";
|
|
1042
1122
|
export const colorDarkSpecialbgTertiaryTransparentInvertedShade15: "rgba(26, 37, 58, 0.218)";
|
|
1043
1123
|
export const colorDarkSpecialbgTertiaryTransparentInvertedShade20: "rgba(24, 34, 54, 0.264)";
|
|
1044
|
-
export const colorDarkStatusInfoAlpha15: "rgba(49, 147, 252, 0.15)";
|
|
1045
1124
|
export const colorDarkTextLinkShade30: "rgb(52, 110, 176)";
|
|
1046
1125
|
export const colorDarkTextLinkShade50: "rgb(37, 79, 126)";
|
|
1047
1126
|
export const colorDarkTextLinkTint20: "rgb(110, 177, 253)";
|
|
1048
1127
|
export const colorDarkTextLinkTint40: "rgb(146, 196, 253)";
|
|
1049
|
-
export const colorDarkTextPrimaryAlpha30: "rgba(255, 255, 255, 0.3)";
|
|
1050
|
-
export const colorDarkTextPrimaryShade24: "rgb(194, 194, 194)";
|
|
1051
|
-
export const colorDarkTextPrimaryShade30: "rgb(179, 179, 179)";
|
|
1052
|
-
export const colorDarkTextPrimaryShade40: "rgb(153, 153, 153)";
|
|
1053
|
-
export const colorDarkTextPrimaryShade50: "rgb(128, 128, 128)";
|
|
1054
|
-
export const colorDarkTextPrimaryTint20: "rgb(255, 255, 255)";
|
|
1055
|
-
export const colorDarkTextPrimaryTint40: "rgb(255, 255, 255)";
|
|
1056
|
-
export const colorDarkTextPrimaryInvertedAlpha30: "rgba(14, 14, 14, 0.3)";
|
|
1057
|
-
export const colorDarkTextPrimaryInvertedAlpha40: "rgba(14, 14, 14, 0.4)";
|
|
1058
|
-
export const colorDarkTextPrimaryInvertedShade20: "rgb(11, 11, 11)";
|
|
1059
|
-
export const colorDarkTextPrimaryInvertedShade30: "rgb(10, 10, 10)";
|
|
1060
|
-
export const colorDarkTextPrimaryInvertedTint7: "rgb(31, 31, 31)";
|
|
1061
|
-
export const colorDarkTextPrimaryInvertedTint15: "rgb(50, 50, 50)";
|
|
1062
|
-
export const colorDarkTextPrimaryInvertedTint24: "rgb(72, 72, 72)";
|
|
1063
|
-
export const colorDarkTextPrimaryInvertedTint30: "rgb(86, 86, 86)";
|
|
1064
|
-
export const colorDarkTextPrimaryInvertedTint40: "rgb(110, 110, 110)";
|
|
1065
|
-
export const colorDarkTextPrimaryInvertedTint50: "rgb(135, 135, 135)";
|
|
1066
|
-
export const colorDarkTextSecondaryShade20: "rgba(190, 190, 201, 0.64)";
|
|
1067
|
-
export const colorDarkTextSecondaryShade30: "rgba(167, 167, 176, 0.685)";
|
|
1068
|
-
export const colorDarkTextSecondaryTint20: "rgba(241, 241, 252, 0.64)";
|
|
1069
|
-
export const colorDarkTextSecondaryTint40: "rgba(245, 245, 253, 0.73)";
|
|
1070
|
-
export const colorDarkTextSecondaryInvertedShade20: "rgba(3, 3, 15, 0.64)";
|
|
1071
|
-
export const colorDarkTextSecondaryInvertedShade30: "rgba(3, 3, 13, 0.685)";
|
|
1072
1128
|
export const colorLightBgAccentAlpha30: "rgba(239, 49, 36, 0.3)";
|
|
1073
1129
|
export const colorLightBgAccentTint15: "rgb(241, 80, 69)";
|
|
1074
1130
|
export const colorLightBgAccentTint20: "rgb(242, 90, 80)";
|
|
@@ -1183,7 +1239,6 @@ export const colorLightGraphicTertiaryShade15: "rgb(156, 157, 163)";
|
|
|
1183
1239
|
export const colorLightGraphicTertiaryInvertedAlpha30: "rgba(73, 73, 79, 0.3)";
|
|
1184
1240
|
export const colorLightGraphicTertiaryInvertedTint15: "rgb(100, 100, 105)";
|
|
1185
1241
|
export const colorLightGraphicTertiaryInvertedTint20: "rgb(109, 109, 114)";
|
|
1186
|
-
export const colorLightNeutral700Alpha15: "rgba(137, 137, 145, 0.15)";
|
|
1187
1242
|
export const colorLightSpecialbgComponentShade7: "rgba(10, 29, 49, 0.1351)";
|
|
1188
1243
|
export const colorLightSpecialbgComponentShade10: "rgba(10, 28, 48, 0.163)";
|
|
1189
1244
|
export const colorLightSpecialbgComponentShade15: "rgba(9, 26, 45, 0.2095)";
|
|
@@ -1203,41 +1258,12 @@ export const colorLightSpecialbgTertiaryTransparentShade7: "rgba(28, 40, 63, 0.1
|
|
|
1203
1258
|
export const colorLightSpecialbgTertiaryTransparentShade15: "rgba(26, 37, 58, 0.218)";
|
|
1204
1259
|
export const colorLightSpecialbgTertiaryTransparentInvertedTint15: "rgba(227, 227, 242, 0.252)";
|
|
1205
1260
|
export const colorLightSpecialbgTertiaryTransparentInvertedTint20: "rgba(229, 229, 243, 0.296)";
|
|
1206
|
-
export const colorLightStatusInfoAlpha15: "rgba(34, 136, 250, 0.15)";
|
|
1207
1261
|
export const colorLightTextLinkTint30: "rgb(106, 160, 244)";
|
|
1208
1262
|
export const colorLightTextLinkTint50: "rgb(149, 187, 247)";
|
|
1209
1263
|
export const colorLightTextLinkShade20: "rgb(34, 95, 191)";
|
|
1210
1264
|
export const colorLightTextLinkShade40: "rgb(25, 71, 143)";
|
|
1211
|
-
export const colorLightTextPrimaryAlpha30: "rgba(14, 14, 14, 0.3)";
|
|
1212
|
-
export const colorLightTextPrimaryTint24: "rgb(72, 72, 72)";
|
|
1213
|
-
export const colorLightTextPrimaryTint30: "rgb(86, 86, 86)";
|
|
1214
|
-
export const colorLightTextPrimaryTint40: "rgb(110, 110, 110)";
|
|
1215
|
-
export const colorLightTextPrimaryTint50: "rgb(135, 135, 135)";
|
|
1216
|
-
export const colorLightTextPrimaryShade20: "rgb(11, 11, 11)";
|
|
1217
|
-
export const colorLightTextPrimaryShade40: "rgb(8, 8, 8)";
|
|
1218
|
-
export const colorLightTextPrimaryInvertedAlpha30: "rgba(255, 255, 255, 0.3)";
|
|
1219
|
-
export const colorLightTextPrimaryInvertedAlpha40: "rgba(255, 255, 255, 0.4)";
|
|
1220
|
-
export const colorLightTextPrimaryInvertedTint20: "rgb(255, 255, 255)";
|
|
1221
|
-
export const colorLightTextPrimaryInvertedTint30: "rgb(255, 255, 255)";
|
|
1222
|
-
export const colorLightTextPrimaryInvertedShade7: "rgb(237, 237, 237)";
|
|
1223
|
-
export const colorLightTextPrimaryInvertedShade15: "rgb(217, 217, 217)";
|
|
1224
|
-
export const colorLightTextPrimaryInvertedShade24: "rgb(194, 194, 194)";
|
|
1225
|
-
export const colorLightTextPrimaryInvertedShade30: "rgb(179, 179, 179)";
|
|
1226
|
-
export const colorLightTextPrimaryInvertedShade40: "rgb(153, 153, 153)";
|
|
1227
|
-
export const colorLightTextPrimaryInvertedShade50: "rgb(128, 128, 128)";
|
|
1228
|
-
export const colorLightTextSecondaryTint20: "rgba(54, 54, 66, 0.64)";
|
|
1229
|
-
export const colorLightTextSecondaryTint30: "rgba(79, 79, 90, 0.685)";
|
|
1230
|
-
export const colorLightTextSecondaryShade20: "rgba(3, 3, 15, 0.64)";
|
|
1231
|
-
export const colorLightTextSecondaryShade40: "rgba(2, 2, 11, 0.73)";
|
|
1232
|
-
export const colorLightTextSecondaryInvertedTint20: "rgba(241, 241, 252, 0.64)";
|
|
1233
|
-
export const colorLightTextSecondaryInvertedTint30: "rgba(243, 243, 252, 0.685)";
|
|
1234
|
-
export const colorStaticBgPrimaryDarkAlpha10: "rgba(14, 14, 14, 0.1)";
|
|
1235
|
-
export const colorStaticBgPrimaryDarkAlpha20: "rgba(14, 14, 14, 0.2)";
|
|
1236
|
-
export const colorStaticBgPrimaryDarkTint15: "rgb(50, 50, 50)";
|
|
1237
|
-
export const colorStaticBgPrimaryDarkTint20: "rgb(62, 62, 62)";
|
|
1238
1265
|
export const colorStaticGraphicLightShade7: "rgb(237, 237, 237)";
|
|
1239
1266
|
export const colorStaticGraphicLightShade15: "rgb(217, 217, 217)";
|
|
1240
|
-
export const colorStaticTextPrimaryLightAlpha30: "rgba(255, 255, 255, 0.3)";
|
|
1241
1267
|
export const colorStaticCorpbgNeutral: "#bdc0c2";
|
|
1242
1268
|
export const colorStaticCorpbgPrimary: "#212a33";
|
|
1243
1269
|
export const colorStaticCorpbgSecondary: "#384048";
|