@alfalab/core-components-vars 9.8.1 → 9.9.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (53) hide show
  1. package/colors-addons.css +96 -96
  2. package/colors-bluetint.css +598 -572
  3. package/colors-decorative.css +318 -178
  4. package/colors-indigo.css +576 -550
  5. package/colors-qualitative.css +106 -106
  6. package/colors-sequential.css +192 -168
  7. package/colors-students.css +4 -0
  8. package/colors-students.d.ts +2 -0
  9. package/colors-students.js +12 -0
  10. package/colors-transparent.css +26 -26
  11. package/cssm/bundle/click.css +695 -668
  12. package/cssm/bundle/corp.css +695 -668
  13. package/cssm/bundle/intranet.css +695 -668
  14. package/cssm/bundle/mobile.css +695 -668
  15. package/cssm/bundle/site.css +695 -668
  16. package/cssm/colors-addons.css +96 -96
  17. package/cssm/colors-bluetint.css +598 -572
  18. package/cssm/colors-decorative.css +318 -178
  19. package/cssm/colors-indigo.css +576 -550
  20. package/cssm/colors-qualitative.css +106 -106
  21. package/cssm/colors-sequential.css +192 -168
  22. package/cssm/colors-students.css +4 -0
  23. package/cssm/colors-students.d.ts +2 -0
  24. package/cssm/colors-students.js +12 -0
  25. package/cssm/colors-transparent.css +26 -26
  26. package/cssm/gaps.css +1 -0
  27. package/cssm/index.css +721 -694
  28. package/cssm/index.d.ts +323 -296
  29. package/cssm/index.js +323 -296
  30. package/esm/colors-students.d.ts +2 -0
  31. package/esm/colors-students.js +6 -0
  32. package/esm/index.d.ts +323 -296
  33. package/esm/index.js +323 -296
  34. package/gaps.css +1 -0
  35. package/index.d.ts +323 -296
  36. package/index.js +323 -296
  37. package/mixins.css +2 -2
  38. package/modern/colors-students.d.ts +2 -0
  39. package/modern/colors-students.js +6 -0
  40. package/modern/index.d.ts +323 -296
  41. package/modern/index.js +323 -296
  42. package/package.json +1 -1
  43. package/src/colors-addons.css +96 -96
  44. package/src/colors-bluetint.css +598 -572
  45. package/src/colors-decorative.css +318 -178
  46. package/src/colors-indigo.css +576 -550
  47. package/src/colors-qualitative.css +106 -106
  48. package/src/colors-sequential.css +192 -168
  49. package/src/colors-students.css +4 -0
  50. package/src/colors-students.ts +4 -0
  51. package/src/colors-transparent.css +26 -26
  52. package/src/gaps.css +1 -0
  53. package/src/mixins.css +2 -2
package/esm/index.js 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 = "#fff";
77
- export const colorDarkAccentSecondaryHover = "#e7e8eb";
78
- export const colorDarkAccentSecondaryInverted = "#0e0e0e";
79
- export const colorDarkAccentSecondaryInvertedHover = "#29292c";
80
- export const colorDarkAccentSecondaryInvertedPress = "#2f2f32";
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 = "#0e0e0e";
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 = "#0e0e0e";
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 = "#29292c";
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 = "#0e0e0e";
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 = "#4f3623";
220
+ export const colorDarkStatusMutedAltAttentionHover = "#543a27";
267
221
  export const colorDarkStatusMutedAltAttentionInverted = "#fde6c8";
268
222
  export const colorDarkStatusMutedAltAttentionInvertedHover = "#f6d7af";
269
- export const colorDarkStatusMutedAltAttentionInvertedPress = "#eec596";
270
- export const colorDarkStatusMutedAltAttentionPress = "#634128";
223
+ export const colorDarkStatusMutedAltAttentionInvertedPress = "#f0c492";
224
+ export const colorDarkStatusMutedAltAttentionPress = "#6a462c";
271
225
  export const colorDarkStatusMutedAltInfo = "#293044";
272
- export const colorDarkStatusMutedAltInfoHover = "#303a55";
226
+ export const colorDarkStatusMutedAltInfoHover = "#2f3a55";
273
227
  export const colorDarkStatusMutedAltInfoInverted = "#e4f0ff";
274
- export const colorDarkStatusMutedAltInfoInvertedHover = "#c4defa";
275
- export const colorDarkStatusMutedAltInfoInvertedPress = "#aeccf1";
276
- export const colorDarkStatusMutedAltInfoPress = "#3a456a";
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 = "#56302d";
232
+ export const colorDarkStatusMutedAltNegativeHover = "#55312e";
279
233
  export const colorDarkStatusMutedAltNegativeInverted = "#ffdfdf";
280
- export const colorDarkStatusMutedAltNegativeInvertedHover = "#faccca";
281
- export const colorDarkStatusMutedAltNegativeInvertedPress = "#f1b7b0";
282
- export const colorDarkStatusMutedAltNegativePress = "#6c3b34";
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 = "#283f2d";
238
+ export const colorDarkStatusMutedAltPositiveHover = "#273f2d";
285
239
  export const colorDarkStatusMutedAltPositiveInverted = "#d1f1d7";
286
- export const colorDarkStatusMutedAltPositiveInvertedHover = "#bae6c2";
287
- export const colorDarkStatusMutedAltPositiveInvertedPress = "#a1d7a8";
288
- export const colorDarkStatusMutedAltPositivePress = "#2d4d32";
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 = "#4f3623";
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 = "#c4defa";
300
- export const colorDarkStatusMutedInfoPress = "#303a55";
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 = "#faccca";
306
- export const colorDarkStatusMutedNegativePress = "#56302d";
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 = "#bae6c2";
312
- export const colorDarkStatusMutedPositivePress = "#283f2d";
313
- export const colorDarkStatusNegative = "#ff5431";
314
- export const colorDarkStatusNegativeHover = "#ff7554";
315
- export const colorDarkStatusNegativeInverted = "#ff5431";
316
- export const colorDarkStatusNegativeInvertedHover = "#ec2e14";
317
- export const colorDarkStatusNegativeInvertedPress = "#c7251c";
318
- export const colorDarkStatusNegativePress = "#ff8d73";
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 colorDarkTextLink = "#4a9dfc";
341
- export const colorDarkTextNegative = "#ff5431";
342
- export const colorDarkTextNegativeHover = "#ff7554";
343
- export const colorDarkTextNegativeInverted = "#ec2e14";
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 = "#ff8d73";
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 = "#fff";
354
- export const colorDarkTextPrimaryHover = "#babbc2";
355
- export const colorDarkTextPrimaryInverted = "#0e0e0e";
356
- export const colorDarkTextPrimaryInvertedHover = "#5f5f66";
357
- export const colorDarkTextPrimaryInvertedPress = "#75757d";
358
- export const colorDarkTextPrimaryPress = "#a0a1a9";
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 = "#0e0e0e";
385
- export const colorLightAccentSecondaryHover = "#29292c";
386
- export const colorLightAccentSecondaryInverted = "#fff";
387
- export const colorLightAccentSecondaryInvertedHover = "#e7e8eb";
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 = "#2f2f32";
339
+ export const colorLightAccentSecondaryPress = "#353539";
390
340
  export const colorLightBaseBgAltPrimary = "#f2f3f5";
391
- export const colorLightBaseBgAltPrimaryInverted = "#0e0e0e";
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 = "#0e0e0e";
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 = "#29292c";
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 = "#0e0e0e";
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 = "#4f3623";
577
- export const colorLightStatusMutedAltAttentionInvertedPress = "#634128";
578
- export const colorLightStatusMutedAltAttentionPress = "#eec596";
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 = "#c4defa";
484
+ export const colorLightStatusMutedAltInfoHover = "#c1dbf7";
581
485
  export const colorLightStatusMutedAltInfoInverted = "#293044";
582
- export const colorLightStatusMutedAltInfoInvertedHover = "#303a55";
583
- export const colorLightStatusMutedAltInfoInvertedPress = "#3a456a";
584
- export const colorLightStatusMutedAltInfoPress = "#aeccf1";
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 = "#faccca";
490
+ export const colorLightStatusMutedAltNegativeHover = "#f9ccca";
587
491
  export const colorLightStatusMutedAltNegativeInverted = "#442926";
588
- export const colorLightStatusMutedAltNegativeInvertedHover = "#56302d";
589
- export const colorLightStatusMutedAltNegativeInvertedPress = "#6c3b34";
590
- export const colorLightStatusMutedAltNegativePress = "#f1b7b0";
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 = "#bae6c2";
496
+ export const colorLightStatusMutedAltPositiveHover = "#bbe8c3";
593
497
  export const colorLightStatusMutedAltPositiveInverted = "#253528";
594
- export const colorLightStatusMutedAltPositiveInvertedHover = "#283f2d";
595
- export const colorLightStatusMutedAltPositiveInvertedPress = "#2d4d32";
596
- export const colorLightStatusMutedAltPositivePress = "#a1d7a8";
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 = "#4f3623";
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 = "#303a55";
608
- export const colorLightStatusMutedInfoPress = "#c4defa";
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 = "#56302d";
614
- export const colorLightStatusMutedNegativePress = "#faccca";
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 = "#283f2d";
620
- export const colorLightStatusMutedPositivePress = "#bae6c2";
621
- export const colorLightStatusNegative = "#ff5431";
622
- export const colorLightStatusNegativeHover = "#ec2e14";
623
- export const colorLightStatusNegativeInverted = "#ff5431";
624
- export const colorLightStatusNegativeInvertedHover = "#ff7554";
625
- export const colorLightStatusNegativeInvertedPress = "#ff8d73";
626
- export const colorLightStatusNegativePress = "#c7251c";
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 colorLightTextLink = "#2a77ef";
649
- export const colorLightTextNegative = "#ec2e14";
650
- export const colorLightTextNegativeHover = "#c7251c";
651
- export const colorLightTextNegativeInverted = "#ff5431";
652
- export const colorLightTextNegativeInvertedHover = "#ff7554";
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 = "#0e0e0e";
662
- export const colorLightTextPrimaryHover = "#5f5f66";
663
- export const colorLightTextPrimaryInverted = "#fff";
664
- export const colorLightTextPrimaryInvertedHover = "#babbc2";
665
- export const colorLightTextPrimaryInvertedPress = "#a0a1a9";
666
- export const colorLightTextPrimaryPress = "#75757d";
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 = "#0e0e0e";
693
- export const colorStaticAccentSecondaryHover = "#29292c";
694
- export const colorStaticAccentSecondaryInverted = "#fff";
695
- export const colorStaticAccentSecondaryInvertedHover = "#e7e8eb";
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 = "#2f2f32";
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 = "#29292c";
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 = "#0e0e0e";
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.0
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 = "#ff5431";
818
- export const colorStaticStatusNegativeInverted = "#ff5431";
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 = "#ec2e14";
835
- export const colorStaticTextNegativeHover = "#c7251c";
836
- export const colorStaticTextNegativeInverted = "#ff5431";
837
- export const colorStaticTextNegativeInvertedHover = "#ff7554";
838
- export const colorStaticTextNegativeInvertedPress = "#ff8d73";
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 = "#0e0e0e";
747
+ export const colorStaticTextPrimary = "rgba(3, 3, 6, 0.88)";
847
748
  export const colorStaticTextPrimaryDark = "#0e0e0e";
848
- export const colorStaticTextPrimaryHover = "#5f5f66";
849
- export const colorStaticTextPrimaryInverted = "#fff";
850
- export const colorStaticTextPrimaryInvertedHover = "#babbc2";
851
- export const colorStaticTextPrimaryInvertedPress = "#a0a1a9";
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 = "#75757d";
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.
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";
@@ -1422,6 +1448,7 @@ export const gap3xs = "2px";
1422
1448
  export const gap2xs = "4px";
1423
1449
  export const gapXs = "8px";
1424
1450
  export const gapS = "12px";
1451
+ export const gap2s = "14px";
1425
1452
  export const gapM = "16px";
1426
1453
  export const gapL = "20px";
1427
1454
  export const gapXl = "24px";