@salutejs/plasma-tokens 1.91.0-dev.0 → 1.92.0-dev.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.
Files changed (19) hide show
  1. package/brands/plasma_web/index.d.ts +702 -51
  2. package/brands/plasma_web/index.js +715 -58
  3. package/brands/plasma_web/index.js.map +1 -1
  4. package/css/plasma_web.module.css +759 -87
  5. package/css/plasma_web__dark.css +372 -42
  6. package/css/plasma_web__light.css +387 -45
  7. package/es/brands/plasma_web/index.js +702 -51
  8. package/es/brands/plasma_web/index.js.map +1 -1
  9. package/es/themes/plasma_web__dark.js +372 -42
  10. package/es/themes/plasma_web__dark.js.map +1 -1
  11. package/es/themes/plasma_web__light.js +387 -45
  12. package/es/themes/plasma_web__light.js.map +1 -1
  13. package/package.json +2 -2
  14. package/themes/plasma_web__dark.d.ts +678 -18
  15. package/themes/plasma_web__dark.js +372 -42
  16. package/themes/plasma_web__dark.js.map +1 -1
  17. package/themes/plasma_web__light.d.ts +706 -22
  18. package/themes/plasma_web__light.js +387 -45
  19. package/themes/plasma_web__light.js.map +1 -1
package/css/plasma_web__dark.css CHANGED
@@ -13,21 +13,29 @@
13
13
  --text-paragraph-hover: #FFFFFF7A;
14
14
  --text-paragraph-active: #FFFFFFA3;
15
15
  --text-paragraph: rgba(255, 255, 255, 0.8);
16
- --text-accent-hover: #90B6FEFF;
17
- --text-accent-active: #216EFDFF;
18
- --text-accent: #3F81FD;
16
+ --text-accent-hover: #A3C3FFFF;
17
+ --text-accent-active: #337AFFFF;
19
18
  --text-accent-gradient-hover: #CCCCCCFF;
20
19
  --text-accent-gradient-active: #E6E6E6FF;
21
20
  --text-accent-gradient: linear-gradient(89.83deg, #5E94FF 0%, #43DBFA 100%);
22
- --text-positive-hover: #1EB83AFF;
23
- --text-positive-active: #15842AFF;
24
- --text-positive: #1A9E32;
25
- --text-warning-hover: #FB7223FF;
26
- --text-warning-active: #DC5304FF;
27
- --text-warning: #FA5F05;
28
- --text-negative-hover: #FF475AFF;
29
- --text-negative-active: #FF0A23FF;
30
- --text-negative: #FF293E;
21
+ --text-accent-minor-hover: #FFFFFFFF;
22
+ --text-accent-minor-active: #1C62E3FF;
23
+ --text-positive-hover: #2ACB47FF;
24
+ --text-positive-active: #1F9835FF;
25
+ --text-warning-hover: #FF8442FF;
26
+ --text-warning-active: #FF5D05FF;
27
+ --text-negative-hover: #FF5C6CFF;
28
+ --text-negative-active: #FF1F35FF;
29
+ --text-accent: #528EFF;
30
+ --text-accent-minor: #1549AB;
31
+ --text-positive: #24B23E;
32
+ --text-warning: #FF7024;
33
+ --text-negative: #FF3D51;
34
+ --text-positive-minor: #095C18;
35
+ --text-info: #199AF0;
36
+ --text-warning-minor: #85380C;
37
+ --text-negative-minor: #9C1422;
38
+ --text-info-minor: #0D5382;
31
39
  --on-dark-text-primary-hover: #FFFFFF93;
32
40
  --on-dark-text-primary-active: #FFFFFFC4;
33
41
  --on-dark-text-primary: rgba(255, 255, 255, 0.96);
@@ -46,15 +54,31 @@
46
54
  --on-dark-text-accent-gradient-hover: #CCCCCCFF;
47
55
  --on-dark-text-accent-gradient-active: #E6E6E6FF;
48
56
  --on-dark-text-accent-gradient: linear-gradient(89.83deg, #5E94FF 0%, #43DBFA 100%);
49
- --on-dark-text-positive-hover: #1EB83AFF;
50
- --on-dark-text-positive-active: #15842AFF;
51
- --on-dark-text-positive: #1A9E32;
52
- --on-dark-text-warning-hover: #FB7223FF;
53
- --on-dark-text-warning-active: #DC5304FF;
54
- --on-dark-text-warning: #FA5F05;
55
- --on-dark-text-negative-hover: #FF475AFF;
56
- --on-dark-text-negative-active: #FF0A23FF;
57
- --on-dark-text-negative: #FF293E;
57
+ --on-dark-text-positive-hover: #2ACB47FF;
58
+ --on-dark-text-positive-active: #1F9835FF;
59
+ --on-dark-text-warning-hover: #FF8442FF;
60
+ --on-dark-text-warning-active: #FF5D05FF;
61
+ --on-dark-text-negative-hover: #FF5C6CFF;
62
+ --on-dark-text-negative-active: #FF1F35FF;
63
+ --on-dark-text-info-hover: #66BCF5FF;
64
+ --on-dark-text-info-active: #0E8ADDFF;
65
+ --on-dark-text-positive-minor-hover: #0F9527FF;
66
+ --on-dark-text-positive-minor-active: #0C7920FF;
67
+ --on-dark-text-warning-minor-hover: #BB4F11FF;
68
+ --on-dark-text-warning-minor-active: #9F440FFF;
69
+ --on-dark-text-negative-minor-hover: #B91828FF;
70
+ --on-dark-text-negative-minor-active: #83111CFF;
71
+ --on-dark-text-info-minor-hover: #1277BAFF;
72
+ --on-dark-text-info-minor-active: #10659EFF;
73
+ --on-dark-text-accent-minor: #1549AB;
74
+ --on-dark-text-positive: #24B23E;
75
+ --on-dark-text-warning: #FF7024;
76
+ --on-dark-text-negative: #FF3D51;
77
+ --on-dark-text-info: #199AF0;
78
+ --on-dark-text-positive-minor: #095C18;
79
+ --on-dark-text-warning-minor: #85380C;
80
+ --on-dark-text-negative-minor: #9C1422;
81
+ --on-dark-text-info-minor: #0D5382;
58
82
  --on-light-text-primary-hover: #08080893;
59
83
  --on-light-text-primary-active: #080808C4;
60
84
  --on-light-text-primary: rgba(8, 8, 8, 0.96);
@@ -73,15 +97,33 @@
73
97
  --on-light-text-accent-gradient-hover: #CCCCCCFF;
74
98
  --on-light-text-accent-gradient-active: #E6E6E6FF;
75
99
  --on-light-text-accent-gradient: linear-gradient(93.97deg, #3E79F0 6.49%, #27C6E5 93.51%);
76
- --on-light-text-positive-hover: #1EB83AFF;
77
- --on-light-text-positive-active: #15842AFF;
78
- --on-light-text-positive: #1A9E32;
79
- --on-light-text-warning-hover: #FB7223FF;
80
- --on-light-text-warning-active: #DC5304FF;
81
- --on-light-text-warning: #FA5F05;
100
+ --on-light-text-accent-minor-hover: #DCE8FEFF;
101
+ --on-light-text-accent-minor-active: #6FA0FBFF;
102
+ --on-light-text-positive-hover: #13AA2CFF;
103
+ --on-light-text-positive-active: #0D731EFF;
104
+ --on-light-text-warning-hover: #FD650DFF;
105
+ --on-light-text-warning-active: #CA4B02FF;
82
106
  --on-light-text-negative-hover: #F5384BFF;
83
107
  --on-light-text-negative-active: #E40C22FF;
108
+ --on-light-text-info-hover: #34A7F4FF;
109
+ --on-light-text-info-active: #096CAEFF;
110
+ --on-light-text-positive-minor-hover: #3EDA5BFF;
111
+ --on-light-text-positive-minor-active: #23B83EFF;
112
+ --on-light-text-warning-minor-hover: #FDB086FF;
113
+ --on-light-text-warning-minor-active: #FC884AFF;
114
+ --on-light-text-negative-minor-hover: #FFADB6FF;
115
+ --on-light-text-negative-minor-active: #FF707EFF;
116
+ --on-light-text-info-minor-hover: #A3DAFFFF;
117
+ --on-light-text-info-minor-active: #33ADFFFF;
118
+ --on-light-text-accent-minor: #8BB2FC;
119
+ --on-light-text-positive: #108E26;
120
+ --on-light-text-warning: #E85702;
84
121
  --on-light-text-negative: #F31B31;
122
+ --on-light-text-info: #0B7ECB;
123
+ --on-light-text-positive-minor: #28D247;
124
+ --on-light-text-warning-minor: #FD9C68;
125
+ --on-light-text-negative-minor: #FF8F9A;
126
+ --on-light-text-info-minor: #52BAFF;
85
127
  --inverse-text-primary-hover: #08080893;
86
128
  --inverse-text-primary-active: #080808C4;
87
129
  --inverse-text-primary: rgba(8, 8, 8, 0.96);
@@ -133,6 +175,8 @@
133
175
  --surface-accent-gradient-hover: #FFFFFFFF;
134
176
  --surface-accent-gradient-active: #FFFFFFFF;
135
177
  --surface-accent-gradient: linear-gradient(93.97deg, #3E79F0 6.49%, #27C6E5 93.51%), linear-gradient(89.83deg, #5E94FF 0%, #43DBFA 100%);
178
+ --surface-accent-minor-hover: #0A2A67FF;
179
+ --surface-accent-minor-active: #071F4BFF;
136
180
  --surface-transparent-accent-hover: #3F82FD3D;
137
181
  --surface-transparent-accent-active: #3F82FD0F;
138
182
  --surface-positive-hover: #1DAF37FF;
@@ -144,16 +188,35 @@
144
188
  --surface-negative-hover: #FF475AFF;
145
189
  --surface-negative-active: #FF1F35FF;
146
190
  --surface-negative: #FF293E;
147
- --surface-transparent-positive-hover: #1A9E323D;
148
- --surface-transparent-positive-active: #1A9E320F;
149
- --surface-transparent-warning-hover: #FA5F053D;
150
- --surface-transparent-warning-active: #FA5F050F;
151
- --surface-transparent-negative-hover: #FF293E3D;
152
- --surface-transparent-negative-active: #FF293E0F;
191
+ --surface-info-hover: #1798EEFF;
192
+ --surface-info-active: #1086D5FF;
193
+ --surface-positive-minor-hover: #0E3A16FF;
194
+ --surface-positive-minor-active: #08210CFF;
195
+ --surface-warning-minor-hover: #4F250DFF;
196
+ --surface-warning-minor-active: #351909FF;
197
+ --surface-negative-minor-hover: #5B1018FF;
198
+ --surface-negative-minor-active: #410B11FF;
199
+ --surface-info-minor-hover: #10344CFF;
200
+ --surface-info-minor-active: #0A2333FF;
201
+ --surface-transparent-positive-hover: #FFFFFFFF;
202
+ --surface-transparent-positive-active: #FFFFFFFF;
203
+ --surface-transparent-warning-hover: #FFFFFFFF;
204
+ --surface-transparent-warning-active: #FFFFFFFF;
205
+ --surface-transparent-negative-hover: #FFFFFFFF;
206
+ --surface-transparent-negative-active: #FFFFFFFF;
207
+ --surface-transparent-info-hover: #FFFFFFFF;
208
+ --surface-transparent-info-active: #FFFFFFFF;
153
209
  --surface-transparent-accent: rgba(63,129,253,0.12);
154
- --surface-transparent-positive: rgba(26,158,50,0.12);
155
- --surface-transparent-warning: rgba(250,95,5,0.12);
156
- --surface-transparent-negative: rgba(255,41,62,0.12);
210
+ --surface-accent-minor: #082254;
211
+ --surface-info: #118CDF;
212
+ --surface-positive-minor: #0A2B10;
213
+ --surface-warning-minor: #3D1D0A;
214
+ --surface-negative-minor: #4A0D13;
215
+ --surface-info-minor: #0C283B;
216
+ --surface-transparent-info: rgba(17, 140, 223, 0.20);
217
+ --surface-transparent-positive: rgba(26, 158, 50, 0.20);
218
+ --surface-transparent-warning: rgba(250, 95, 5, 0.20);
219
+ --surface-transparent-negative: rgba(255, 41, 62, 0.20);
157
220
  --on-dark-surface-solid-primary-hover: #1C1C1CFF;
158
221
  --on-dark-surface-solid-primary-active: #121212FF;
159
222
  --on-dark-surface-solid-primary: #171717;
@@ -190,6 +253,10 @@
190
253
  --on-dark-surface-accent-gradient-hover: #FFFFFFFF;
191
254
  --on-dark-surface-accent-gradient-active: #FFFFFFFF;
192
255
  --on-dark-surface-accent-gradient: linear-gradient(93.97deg, #3E79F0 6.49%, #27C6E5 93.51%);
256
+ --on-dark-surface-accent-minor-hover: #0A2A67FF;
257
+ --on-dark-surface-accent-minor-active: #071F4BFF;
258
+ --on-dark-surface-transparent-accent-hover: #FFFFFFFF;
259
+ --on-dark-surface-transparent-accent-active: #FFFFFFFF;
193
260
  --on-dark-surface-positive-hover: #1DAF37FF;
194
261
  --on-dark-surface-positive-active: #18952FFF;
195
262
  --on-dark-surface-positive: #1A9E32;
@@ -199,6 +266,35 @@
199
266
  --on-dark-surface-negative-hover: #FF475AFF;
200
267
  --on-dark-surface-negative-active: #FF1F35FF;
201
268
  --on-dark-surface-negative: #FF293E;
269
+ --on-dark-surface-info-hover: #1798EEFF;
270
+ --on-dark-surface-info-active: #1086D5FF;
271
+ --on-dark-surface-positive-minor-hover: #0E3A16FF;
272
+ --on-dark-surface-positive-minor-active: #08210CFF;
273
+ --on-dark-surface-warning-minor-hover: #4F250DFF;
274
+ --on-dark-surface-warning-minor-active: #351909FF;
275
+ --on-dark-surface-negative-minor-hover: #5B1018FF;
276
+ --on-dark-surface-negative-minor-active: #410B11FF;
277
+ --on-dark-surface-info-minor-hover: #10344CFF;
278
+ --on-dark-surface-info-minor-active: #0A2333FF;
279
+ --on-dark-surface-transparent-positive-hover: #FFFFFFFF;
280
+ --on-dark-surface-transparent-positive-active: #FFFFFFFF;
281
+ --on-dark-surface-transparent-warning-hover: #FFFFFFFF;
282
+ --on-dark-surface-transparent-warning-active: #FFFFFFFF;
283
+ --on-dark-surface-transparent-negative-hover: #FFFFFFFF;
284
+ --on-dark-surface-transparent-negative-active: #FFFFFFFF;
285
+ --on-dark-surface-transparent-info-hover: #FFFFFFFF;
286
+ --on-dark-surface-transparent-info-active: #FFFFFFFF;
287
+ --on-dark-surface-accent-minor: #082254;
288
+ --on-dark-surface-transparent-accent: rgba(63, 129, 253, 0.20);
289
+ --on-dark-surface-info: #118CDF;
290
+ --on-dark-surface-positive-minor: #0A2B10;
291
+ --on-dark-surface-warning-minor: #3D1D0A;
292
+ --on-dark-surface-negative-minor: #4A0D13;
293
+ --on-dark-surface-info-minor: #0C283B;
294
+ --on-dark-surface-transparent-positive: rgba(26, 158, 50, 0.20);
295
+ --on-dark-surface-transparent-warning: rgba(250, 95, 5, 0.20);
296
+ --on-dark-surface-transparent-negative: rgba(255, 41, 62, 0.20);
297
+ --on-dark-surface-transparent-info: rgba(17, 140, 223, 0.20);
202
298
  --on-light-surface-solid-primary-hover: #FAFAFAFF;
203
299
  --on-light-surface-solid-primary-active: #F0F0F0FF;
204
300
  --on-light-surface-solid-primary: #F5F5F5;
@@ -235,15 +331,48 @@
235
331
  --on-light-surface-accent-gradient-hover: #FFFFFFFF;
236
332
  --on-light-surface-accent-gradient-active: #FFFFFFFF;
237
333
  --on-light-surface-accent-gradient: linear-gradient(93.97deg, #3E79F0 6.49%, #27C6E5 93.51%);
238
- --on-light-surface-positive-hover: #1DAF37FF;
239
- --on-light-surface-positive-active: #18952FFF;
240
- --on-light-surface-positive: #1A9E32;
241
- --on-light-surface-warning-hover: #FB7223FF;
242
- --on-light-surface-warning-active: #F05B05FF;
243
- --on-light-surface-warning: #FA5F05;
334
+ --on-light-surface-accent-minor-hover: #EBF1FFFF;
335
+ --on-light-surface-accent-minor-active: #D6E4FFFF;
336
+ --on-light-surface-transparent-accent-hover: #FFFFFFFF;
337
+ --on-light-surface-transparent-accent-active: #FFFFFFFF;
338
+ --on-light-surface-positive-hover: #12A12AFF;
339
+ --on-light-surface-positive-active: #0F8523FF;
340
+ --on-light-surface-warning-hover: #FC5E03FF;
341
+ --on-light-surface-warning-active: #DE5302FF;
244
342
  --on-light-surface-negative-hover: #F5384BFF;
245
343
  --on-light-surface-negative-active: #F31228FF;
344
+ --on-light-surface-info-hover: #0C8ADFFF;
345
+ --on-light-surface-info-active: #0A78C2FF;
346
+ --on-light-surface-positive-minor-hover: #B1FBBFFF;
347
+ --on-light-surface-positive-minor-active: #94F9A7FF;
348
+ --on-light-surface-warning-minor-hover: #FEE9DCFF;
349
+ --on-light-surface-warning-minor-active: #FEDCC8FF;
350
+ --on-light-surface-negative-minor-hover: #FFEBEDFF;
351
+ --on-light-surface-negative-minor-active: #FFD6DAFF;
352
+ --on-light-surface-info-minor-hover: #DBF1FFFF;
353
+ --on-light-surface-info-minor-active: #C7E9FFFF;
354
+ --on-light-surface-transparent-positive-hover: #FFFFFFFF;
355
+ --on-light-surface-transparent-positive-active: #FFFFFFFF;
356
+ --on-light-surface-transparent-warning-hover: #FFFFFFFF;
357
+ --on-light-surface-transparent-warning-active: #FFFFFFFF;
358
+ --on-light-surface-transparent-negative-hover: #FFFFFFFF;
359
+ --on-light-surface-transparent-negative-active: #FFFFFFFF;
360
+ --on-light-surface-transparent-info-hover: #FFFFFFFF;
361
+ --on-light-surface-transparent-info-active: #FFFFFFFF;
362
+ --on-light-surface-accent-minor: #DEE9FF;
363
+ --on-light-surface-transparent-accent: rgba(42, 114, 248, 0.12);
364
+ --on-light-surface-positive: #108E26;
365
+ --on-light-surface-warning: #E85702;
246
366
  --on-light-surface-negative: #F31B31;
367
+ --on-light-surface-info: #0B7ECB;
368
+ --on-light-surface-positive-minor: #9EFAAF;
369
+ --on-light-surface-warning-minor: #FEE2D2;
370
+ --on-light-surface-negative-minor: #FFE0E3;
371
+ --on-light-surface-info-minor: #CFECFF;
372
+ --on-light-surface-transparent-positive: rgba(16, 142, 38, 0.12);
373
+ --on-light-surface-transparent-warning: rgba(232, 87, 2, 0.12);
374
+ --on-light-surface-transparent-negative: rgba(243, 27, 49, 0.12);
375
+ --on-light-surface-transparent-info: rgba(11, 126, 203, 0.12);
247
376
  --background-primary: #080808;
248
377
  --dark-background-primary: #080808;
249
378
  --light-background-primary: #F9F9F9;
@@ -256,6 +385,207 @@
256
385
  --on-light-overlay-soft: rgba(249, 249, 249, 0.56);
257
386
  --on-light-overlay-hard: rgba(249, 249, 249, 0.96);
258
387
  --on-light-overlay-blur: rgba(249, 249, 249, 0.28);
388
+ --outline-default-outline-solid-primary-hover: #FFFFFFFF;
389
+ --outline-default-outline-solid-primary-active: #ADADADFF;
390
+ --outline-default-outline-solid-secondary-hover: #FFFFFFFF;
391
+ --outline-default-outline-solid-secondary-active: #8C8C8CFF;
392
+ --outline-default-outline-solid-tertiary-hover: #FFFFFFFF;
393
+ --outline-default-outline-solid-tertiary-active: #737373FF;
394
+ --outline-default-outline-transparent-primary-hover: #CCCCCCFF;
395
+ --outline-default-outline-transparent-primary-active: #E6E6E6FF;
396
+ --outline-default-outline-transparent-secondary-hover: #CCCCCCFF;
397
+ --outline-default-outline-transparent-secondary-active: #E6E6E6FF;
398
+ --outline-default-outline-transparent-tertiary-hover: #CCCCCCFF;
399
+ --outline-default-outline-transparent-tertiary-active: #E6E6E6FF;
400
+ --outline-default-outline-clear-hover: #CCCCCCFF;
401
+ --outline-default-outline-clear-active: #E6E6E6FF;
402
+ --outline-default-outline-accent-hover: #90B6FEFF;
403
+ --outline-default-outline-accent-active: #216EFDFF;
404
+ --outline-default-outline-accent-minor-hover: #FFFFFFFF;
405
+ --outline-default-outline-accent-minor-active: #1C62E3FF;
406
+ --outline-default-outline-transparent-accent-hover: #CCCCCCFF;
407
+ --outline-default-outline-transparent-accent-active: #E6E6E6FF;
408
+ --outline-default-outline-positive-hover: #2ACB47FF;
409
+ --outline-default-outline-positive-active: #1F9835FF;
410
+ --outline-default-outline-warning-hover: #FF8442FF;
411
+ --outline-default-outline-warning-active: #FF5D05FF;
412
+ --outline-default-outline-negative-hover: #FF5C6CFF;
413
+ --outline-default-outline-negative-active: #FF1F35FF;
414
+ --outline-default-outline-info-hover: #66BCF5FF;
415
+ --outline-default-outline-info-active: #0E8ADDFF;
416
+ --outline-default-outline-positive-minor-hover: #0F9527FF;
417
+ --outline-default-outline-positive-minor-active: #0C7920FF;
418
+ --outline-default-outline-warning-minor-hover: #BB4F11FF;
419
+ --outline-default-outline-warning-minor-active: #9F440FFF;
420
+ --outline-default-outline-negative-minor-hover: #B91828FF;
421
+ --outline-default-outline-negative-minor-active: #83111CFF;
422
+ --outline-default-outline-info-minor-hover: #1277BAFF;
423
+ --outline-default-outline-info-minor-active: #10659EFF;
424
+ --outline-default-outline-transparent-positive-hover: #CCCCCCFF;
425
+ --outline-default-outline-transparent-positive-active: #E6E6E6FF;
426
+ --outline-default-outline-transparent-warning-hover: #CCCCCCFF;
427
+ --outline-default-outline-transparent-warning-active: #E6E6E6FF;
428
+ --outline-default-outline-transparent-negative-hover: #CCCCCCFF;
429
+ --outline-default-outline-transparent-negative-active: #E6E6E6FF;
430
+ --outline-default-outline-transparent-info-hover: #CCCCCCFF;
431
+ --outline-default-outline-transparent-info-active: #E6E6E6FF;
432
+ --outline-default-outline-solid-primary: #262626;
433
+ --outline-default-outline-solid-secondary: #4E4E4E;
434
+ --outline-default-outline-solid-tertiary: #707070;
435
+ --outline-default-outline-default: #F9F9F9;
436
+ --outline-default-outline-default-hover: #C7C7C7FF;
437
+ --outline-default-outline-default-active: #E0E0E0FF;
438
+ --outline-default-outline-transparent-primary: rgba(255, 255, 255, 0.12);
439
+ --outline-default-outline-transparent-secondary: rgba(255, 255, 255, 0.20);
440
+ --outline-default-outline-transparent-tertiary: rgba(255, 255, 255, 0.40);
441
+ --outline-default-outline-clear: rgba(255, 255, 255, 0.00);
442
+ --outline-default-outline-accent: #3F81FD;
443
+ --outline-default-outline-accent-minor: #1549AB;
444
+ --outline-default-outline-transparent-accent: rgba(82, 142, 255, 0.28);
445
+ --outline-default-outline-positive: #24B23E;
446
+ --outline-default-outline-warning: #FF7024;
447
+ --outline-default-outline-negative: #FF3D51;
448
+ --outline-default-outline-info: #199AF0;
449
+ --outline-default-outline-positive-minor: #095C18;
450
+ --outline-default-outline-warning-minor: #85380C;
451
+ --outline-default-outline-negative-minor: #9C1422;
452
+ --outline-default-outline-info-minor: #0D5382;
453
+ --outline-default-outline-transparent-positive: rgba(36, 178, 62, 0.28);
454
+ --outline-default-outline-transparent-warning: rgba(255, 112, 36, 0.28);
455
+ --outline-default-outline-transparent-negative: rgba(255, 61, 81, 0.28);
456
+ --outline-default-outline-transparent-info: rgba(25, 154, 240, 0.28);
457
+ --outline-on-dark-outline-solid-primary-hover: #FFFFFFFF;
458
+ --outline-on-dark-outline-solid-primary-active: #ADADADFF;
459
+ --outline-on-dark-outline-solid-secondary-hover: #FFFFFFFF;
460
+ --outline-on-dark-outline-solid-secondary-active: #8C8C8CFF;
461
+ --outline-on-dark-outline-solid-tertiary-hover: #FFFFFFFF;
462
+ --outline-on-dark-outline-solid-tertiary-active: #737373FF;
463
+ --outline-on-dark-outline-transparent-primary-hover: #CCCCCCFF;
464
+ --outline-on-dark-outline-transparent-primary-active: #E6E6E6FF;
465
+ --outline-on-dark-outline-transparent-secondary-hover: #CCCCCCFF;
466
+ --outline-on-dark-outline-transparent-secondary-active: #E6E6E6FF;
467
+ --outline-on-dark-outline-transparent-tertiary-hover: #CCCCCCFF;
468
+ --outline-on-dark-outline-transparent-tertiary-active: #E6E6E6FF;
469
+ --outline-on-dark-outline-accent-hover: #90B6FEFF;
470
+ --outline-on-dark-outline-accent-active: #216EFDFF;
471
+ --outline-on-dark-outline-accent-minor-hover: #FFFFFFFF;
472
+ --outline-on-dark-outline-accent-minor-active: #1C62E3FF;
473
+ --outline-on-dark-outline-transparent-accent-hover: #CCCCCCFF;
474
+ --outline-on-dark-outline-transparent-accent-active: #E6E6E6FF;
475
+ --outline-on-dark-outline-positive-hover: #2ACB47FF;
476
+ --outline-on-dark-outline-positive-active: #1F9835FF;
477
+ --outline-on-dark-outline-warning-hover: #FF8442FF;
478
+ --outline-on-dark-outline-warning-active: #FF5D05FF;
479
+ --outline-on-dark-outline-negative-hover: #FF5C6CFF;
480
+ --outline-on-dark-outline-negative-active: #FF1F35FF;
481
+ --outline-on-dark-outline-info-hover: #66BCF5FF;
482
+ --outline-on-dark-outline-info-active: #0E8ADDFF;
483
+ --outline-on-dark-outline-positive-minor-hover: #0F9527FF;
484
+ --outline-on-dark-outline-positive-minor-active: #0C7920FF;
485
+ --outline-on-dark-outline-warning-minor-hover: #BB4F11FF;
486
+ --outline-on-dark-outline-warning-minor-active: #9F440FFF;
487
+ --outline-on-dark-outline-negative-minor-hover: #B91828FF;
488
+ --outline-on-dark-outline-negative-minor-active: #83111CFF;
489
+ --outline-on-dark-outline-info-minor-hover: #1277BAFF;
490
+ --outline-on-dark-outline-info-minor-active: #10659EFF;
491
+ --outline-on-dark-outline-transparent-positive-hover: #CCCCCCFF;
492
+ --outline-on-dark-outline-transparent-positive-active: #E6E6E6FF;
493
+ --outline-on-dark-outline-transparent-warning-hover: #CCCCCCFF;
494
+ --outline-on-dark-outline-transparent-warning-active: #E6E6E6FF;
495
+ --outline-on-dark-outline-transparent-negative-hover: #CCCCCCFF;
496
+ --outline-on-dark-outline-transparent-negative-active: #E6E6E6FF;
497
+ --outline-on-dark-outline-transparent-info-hover: #CCCCCCFF;
498
+ --outline-on-dark-outline-transparent-info-active: #E6E6E6FF;
499
+ --outline-on-dark-outline-default-hover: #C7C7C7FF;
500
+ --outline-on-dark-outline-default-active: #E0E0E0FF;
501
+ --outline-on-dark-outline-solid-primary: #262626;
502
+ --outline-on-dark-outline-solid-secondary: #4E4E4E;
503
+ --outline-on-dark-outline-solid-tertiary: #707070;
504
+ --outline-on-dark-outline-default: #F9F9F9;
505
+ --outline-on-dark-outline-transparent-primary: rgba(255, 255, 255, 0.12);
506
+ --outline-on-dark-outline-transparent-secondary: rgba(255, 255, 255, 0.20));
507
+ --outline-on-dark-outline-transparent-tertiary: rgba(255, 255, 255, 0.40);
508
+ --outline-on-dark-outline-accent: #3F81FD;
509
+ --outline-on-dark-outline-accent-minor: #1549AB;
510
+ --outline-on-dark-outline-transparent-accent: rgba(82, 142, 255, 0.28);
511
+ --outline-on-dark-outline-positive: #24B23E;
512
+ --outline-on-dark-outline-warning: #FF7024;
513
+ --outline-on-dark-outline-negative: #FF3D51;
514
+ --outline-on-dark-outline-info: #199AF0;
515
+ --outline-on-dark-outline-positive-minor: #095C18;
516
+ --outline-on-dark-outline-warning-minor: #85380C;
517
+ --outline-on-dark-outline-negative-minor: #9C1422;
518
+ --outline-on-dark-outline-info-minor: #0D5382;
519
+ --outline-on-dark-outline-transparent-positive: rgba(36, 178, 62, 0.28);
520
+ --outline-on-dark-outline-transparent-warning: rgba(255, 112, 36, 0.28);
521
+ --outline-on-dark-outline-transparent-negative: rgba(255, 61, 81, 0.28);
522
+ --outline-on-dark-outline-transparent-info: rgba(25, 154, 240, 0.28);
523
+ --outline-on-light-outline-solid-primary-hover: #ABABABFF;
524
+ --outline-on-light-outline-solid-primary-active: #C4C4C4FF;
525
+ --outline-on-light-outline-solid-secondary-hover: #FFFFFFFF;
526
+ --outline-on-light-outline-solid-secondary-active: #575757FF;
527
+ --outline-on-light-outline-solid-tertiary-hover: #FFFFFFFF;
528
+ --outline-on-light-outline-solid-tertiary-active: #737373FF;
529
+ --outline-on-light-outline-transparent-primary-hover: #CCCCCCFF;
530
+ --outline-on-light-outline-transparent-primary-active: #E6E6E6FF;
531
+ --outline-on-light-outline-transparent-secondary-hover: #CCCCCCFF;
532
+ --outline-on-light-outline-transparent-secondary-active: #E6E6E6FF;
533
+ --outline-on-light-outline-transparent-tertiary-hover: #CCCCCCFF;
534
+ --outline-on-light-outline-transparent-tertiary-active: #E6E6E6FF;
535
+ --outline-on-light-outline-accent-hover: #79A7FBFF;
536
+ --outline-on-light-outline-accent-active: #0D5FF8FF;
537
+ --outline-on-light-outline-accent-minor-hover: #DCE8FEFF;
538
+ --outline-on-light-outline-accent-minor-active: #6FA0FBFF;
539
+ --outline-on-light-outline-transparent-accent-hover: #CCCCCCFF;
540
+ --outline-on-light-outline-transparent-accent-active: #E6E6E6FF;
541
+ --outline-on-light-outline-positive-hover: #13AA2CFF;
542
+ --outline-on-light-outline-positive-active: #0D731EFF;
543
+ --outline-on-light-outline-warning-hover: #FD650DFF;
544
+ --outline-on-light-outline-warning-active: #CA4B02FF;
545
+ --outline-on-light-outline-negative-hover: #F5384BFF;
546
+ --outline-on-light-outline-negative-active: #E40C22FF;
547
+ --outline-on-light-outline-info-hover: #34A7F4FF;
548
+ --outline-on-light-outline-info-active: #096CAEFF;
549
+ --outline-on-light-outline-positive-minor-hover: #3EDA5BFF;
550
+ --outline-on-light-outline-positive-minor-active: #23B83EFF;
551
+ --outline-on-light-outline-warning-minor-hover: #FDB086FF;
552
+ --outline-on-light-outline-warning-minor-active: #FC884AFF;
553
+ --outline-on-light-outline-negative-minor-hover: #FFADB6FF;
554
+ --outline-on-light-outline-negative-minor-active: #FF707EFF;
555
+ --outline-on-light-outline-info-minor-hover: #A3DAFFFF;
556
+ --outline-on-light-outline-info-minor-active: #33ADFFFF;
557
+ --outline-on-light-outline-transparent-positive-hover: #CCCCCCFF;
558
+ --outline-on-light-outline-transparent-positive-active: #E6E6E6FF;
559
+ --outline-on-light-outline-transparent-warning-hover: #CCCCCCFF;
560
+ --outline-on-light-outline-transparent-warning-active: #E6E6E6FF;
561
+ --outline-on-light-outline-transparent-negative-hover: #CCCCCCFF;
562
+ --outline-on-light-outline-transparent-negative-active: #E6E6E6FF;
563
+ --outline-on-light-outline-transparent-info-hover: #CCCCCCFF;
564
+ --outline-on-light-outline-transparent-info-active: #E6E6E6FF;
565
+ --outline-on-light-outline-default-hover: #FFFFFFFF;
566
+ --outline-on-light-outline-default-active: #C7C7C7FF;
567
+ --outline-on-light-outline-solid-primary: #DDDDDD;
568
+ --outline-on-light-outline-solid-secondary: #949494;
569
+ --outline-on-light-outline-solid-tertiary: #707070;
570
+ --outline-on-light-outline-default: #080808;
571
+ --outline-on-light-outline-transparent-primary: rgba(8, 8, 8, 0.20);
572
+ --outline-on-light-outline-transparent-secondary: rgba(8, 8, 8, 0.40);
573
+ --outline-on-light-outline-transparent-tertiary: rgba(8, 8, 8, 0.56);
574
+ --outline-on-light-outline-accent: #2A72F8;
575
+ --outline-on-light-outline-accent-minor: #8BB2FC;
576
+ --outline-on-light-outline-transparent-accent: rgba(42, 114, 248, 0.20);
577
+ --outline-on-light-outline-positive: #108E26;
578
+ --outline-on-light-outline-warning: #E85702;
579
+ --outline-on-light-outline-negative: #F31B31;
580
+ --outline-on-light-outline-info: #0B7ECB;
581
+ --outline-on-light-outline-positive-minor: #28D247;
582
+ --outline-on-light-outline-warning-minor: #FD9C68;
583
+ --outline-on-light-outline-negative-minor: #FF8F9A;
584
+ --outline-on-light-outline-info-minor: #52BAFF;
585
+ --outline-on-light-outline-transparent-positive: rgba(16, 142, 38, 0.20);
586
+ --outline-on-light-outline-transparent-warning: rgba(232, 87, 2, 0.20);
587
+ --outline-on-light-outline-transparent-negative: rgba(243, 27, 49, 0.20);
588
+ --outline-on-light-outline-transparent-info: rgba(11, 126, 203, 0.20);
259
589
  --skeleton-gradient: linear-gradient( 90deg, rgba(255, 255, 255, 0.09) 0%, rgba(255, 255, 255, 0.08) 6.25%, rgba(255, 255, 255, 0.05) 12.5%, rgba(255, 255, 255, 0.01) 25%, rgba(255, 255, 255, 0.05) 37.5%, rgba(255, 255, 255, 0.08) 43.75%, rgba(255, 255, 255, 0.09) 50%, rgba(255, 255, 255, 0.08) 56.25%, rgba(255, 255, 255, 0.05) 62.5%, rgba(255, 255, 255, 0.01) 75%, rgba(255, 255, 255, 0.05) 87.5%, rgba(255, 255, 255, 0.08) 93.75%, rgba(255, 255, 255, 0.09) 100% );
260
590
  --skeleton-gradient-lighter: linear-gradient( 90deg, rgba(255, 255, 255, 0.36) 0%, rgba(255, 255, 255, 0.32) 6.25%, rgba(255, 255, 255, 0.20) 12.5%, rgba(255, 255, 255, 0.04) 25%, rgba(255, 255, 255, 0.20) 37.5%, rgba(255, 255, 255, 0.32) 43.75%, rgba(255, 255, 255, 0.36) 50%, rgba(255, 255, 255, 0.08) 56.25%, rgba(255, 255, 255, 0.20) 62.5%, rgba(255, 255, 255, 0.04) 75%, rgba(255, 255, 255, 0.20) 87.5%, rgba(255, 255, 255, 0.32) 93.75%, rgba(255, 255, 255, 0.36) 100% );
261
591
  --plasma-colors-white-primary: var(--on-dark-text-primary);