@salutejs/plasma-tokens 1.88.0-dev.0 → 1.89.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/sdds_serv/index.d.ts +1036 -10
  2. package/brands/sdds_serv/index.js +1054 -18
  3. package/brands/sdds_serv/index.js.map +1 -1
  4. package/css/sdds_serv.module.css +1044 -18
  5. package/css/sdds_serv__dark.css +522 -9
  6. package/css/sdds_serv__light.css +522 -9
  7. package/es/brands/sdds_serv/index.js +1036 -10
  8. package/es/brands/sdds_serv/index.js.map +1 -1
  9. package/es/themes/sdds_serv__dark.js +522 -9
  10. package/es/themes/sdds_serv__dark.js.map +1 -1
  11. package/es/themes/sdds_serv__light.js +522 -9
  12. package/es/themes/sdds_serv__light.js.map +1 -1
  13. package/package.json +2 -2
  14. package/themes/sdds_serv__dark.d.ts +1030 -4
  15. package/themes/sdds_serv__dark.js +522 -9
  16. package/themes/sdds_serv__dark.js.map +1 -1
  17. package/themes/sdds_serv__light.d.ts +1030 -4
  18. package/themes/sdds_serv__light.js +522 -9
  19. package/themes/sdds_serv__light.js.map +1 -1
package/css/sdds_serv__light.css CHANGED
@@ -19,6 +19,8 @@
19
19
  --text-accent-gradient-hover: #000000FF;
20
20
  --text-accent-gradient-active: #CCCCCCFF;
21
21
  --text-accent-gradient: linear-gradient(45deg, #0D8523 0%, #0DA8AB 100%);
22
+ --text-accent-minor-hover: #47DC62FF;
23
+ --text-accent-minor-active: #21B03CFF;
22
24
  --text-positive-hover: #14B32EFF;
23
25
  --text-positive-active: #0C6A1BFF;
24
26
  --text-positive: #108E26;
@@ -28,6 +30,22 @@
28
30
  --text-negative-hover: #F54254FF;
29
31
  --text-negative-active: #DA0B20FF;
30
32
  --text-negative: #F31B31;
33
+ --text-info-hover: #0D96F2FF;
34
+ --text-info-active: #0966A5FF;
35
+ --text-positive-minor-hover: #47DC62FF;
36
+ --text-positive-minor-active: #21B03CFF;
37
+ --text-warning-minor-hover: #FDB790FF;
38
+ --text-warning-minor-active: #FC8240FF;
39
+ --text-negative-minor-hover: #FFB8BFFF;
40
+ --text-negative-minor-active: #FF6675FF;
41
+ --text-info-minor-hover: #7ACAFFFF;
42
+ --text-info-minor-active: #29A9FFFF;
43
+ --text-accent-minor: #28D247;
44
+ --text-info: #0B7ECB;
45
+ --text-positive-minor: #28D247;
46
+ --text-warning-minor: #FD9C68;
47
+ --text-negative-minor: #FF8F9A;
48
+ --text-info-minor: #52BAFF;
31
49
  --on-dark-text-primary-hover: #F5F5F593;
32
50
  --on-dark-text-primary-active: #F5F5F5C4;
33
51
  --on-dark-text-primary: #F5F5F5F5;
@@ -46,6 +64,8 @@
46
64
  --on-dark-text-accent-gradient-hover: #000000FF;
47
65
  --on-dark-text-accent-gradient-active: #CCCCCCFF;
48
66
  --on-dark-text-accent-gradient: linear-gradient(45deg, #1A9E32 0%, #04C6C9 100%);
67
+ --on-dark-text-accent-minor-hover: #2BD44AFF;
68
+ --on-dark-text-accent-minor-active: #1D9032FF;
49
69
  --on-dark-text-positive-hover: #2BD44AFF;
50
70
  --on-dark-text-positive-active: #1D9032FF;
51
71
  --on-dark-text-positive: #24B23E;
@@ -55,6 +75,22 @@
55
75
  --on-dark-text-negative-hover: #FF6675FF;
56
76
  --on-dark-text-negative-active: #FF142CFF;
57
77
  --on-dark-text-negative: #FF3D51;
78
+ --on-dark-text-info-hover: #3FABF3FF;
79
+ --on-dark-text-info-active: #0D84D3FF;
80
+ --on-dark-text-positive-minor-hover: #11A72CFF;
81
+ --on-dark-text-positive-minor-active: #0D8222FF;
82
+ --on-dark-text-warning-minor-hover: #CD5713FF;
83
+ --on-dark-text-warning-minor-active: #A84710FF;
84
+ --on-dark-text-negative-minor-hover: #C2192AFF;
85
+ --on-dark-text-negative-minor-active: #7A101AFF;
86
+ --on-dark-text-info-minor-hover: #1483CCFF;
87
+ --on-dark-text-info-minor-active: #116BA7FF;
88
+ --on-dark-text-accent-minor: #24B23E;
89
+ --on-dark-text-info: #199AF0;
90
+ --on-dark-text-positive-minor: #095C18;
91
+ --on-dark-text-warning-minor: #85380C;
92
+ --on-dark-text-negative-minor: #9C1422;
93
+ --on-dark-text-info-minor: #0D5382;
58
94
  --on-light-text-primary-hover: #17171793;
59
95
  --on-light-text-primary-active: #171717C4;
60
96
  --on-light-text-primary: #171717F5;
@@ -73,6 +109,8 @@
73
109
  --on-light-text-accent-gradient-hover: #000000FF;
74
110
  --on-light-text-accent-gradient-active: #CCCCCCFF;
75
111
  --on-light-text-accent-gradient: linear-gradient(45deg, #0D8523 0%, #0DA8AB 100%);
112
+ --on-light-text-accent-minor-hover: #47DC62FF;
113
+ --on-light-text-accent-minor-active: #21B03CFF;
76
114
  --on-light-text-positive-hover: #14B32EFF;
77
115
  --on-light-text-positive-active: #0C6A1BFF;
78
116
  --on-light-text-positive: #108E26;
@@ -82,6 +120,22 @@
82
120
  --on-light-text-negative-hover: #F54254FF;
83
121
  --on-light-text-negative-active: #DA0B20FF;
84
122
  --on-light-text-negative: #F31B31;
123
+ --on-light-text-info-hover: #0D96F2FF;
124
+ --on-light-text-info-active: #0966A5FF;
125
+ --on-light-text-positive-minor-hover: #47DC62FF;
126
+ --on-light-text-positive-minor-active: #21B03CFF;
127
+ --on-light-text-warning-minor-hover: #FDB790FF;
128
+ --on-light-text-warning-minor-active: #FC8240FF;
129
+ --on-light-text-negative-minor-hover: #FFB8BFFF;
130
+ --on-light-text-negative-minor-active: #FF6675FF;
131
+ --on-light-text-info-minor-hover: #7ACAFFFF;
132
+ --on-light-text-info-minor-active: #29A9FFFF;
133
+ --on-light-text-info: #0B7ECB;
134
+ --on-light-text-warning-minor: #FD9C68;
135
+ --on-light-text-positive-minor: #28D247;
136
+ --on-light-text-accent-minor: #28D247;
137
+ --on-light-text-negative-minor: #FF8F9A;
138
+ --on-light-text-info-minor: #52BAFF;
85
139
  --inverse-text-primary-hover: #F5F5F593;
86
140
  --inverse-text-primary-active: #F5F5F5C4;
87
141
  --inverse-text-primary: #F5F5F5F5;
@@ -100,6 +154,8 @@
100
154
  --inverse-text-accent-gradient-hover: #000000FF;
101
155
  --inverse-text-accent-gradient-active: #CCCCCCFF;
102
156
  --inverse-text-accent-gradient: linear-gradient(45deg, #1A9E32 0%, #04C6C9 100%);
157
+ --inverse-text-accent-minor-hover: #11A72CFF;
158
+ --inverse-text-accent-minor-active: #0D8222FF;
103
159
  --inverse-text-positive-hover: #2BD44AFF;
104
160
  --inverse-text-positive-active: #1D9032FF;
105
161
  --inverse-text-positive: #24B23E;
@@ -109,6 +165,22 @@
109
165
  --inverse-text-negative-hover: #FF6675FF;
110
166
  --inverse-text-negative-active: #FF142CFF;
111
167
  --inverse-text-negative: #FF3D51;
168
+ --inverse-text-info-hover: #3FABF3FF;
169
+ --inverse-text-info-active: #0D84D3FF;
170
+ --inverse-text-positive-minor-hover: #11A72CFF;
171
+ --inverse-text-positive-minor-active: #0D8222FF;
172
+ --inverse-text-warning-minor-hover: #CD5713FF;
173
+ --inverse-text-warning-minor-active: #A84710FF;
174
+ --inverse-text-negative-minor-hover: #C2192AFF;
175
+ --inverse-text-negative-minor-active: #7A101AFF;
176
+ --inverse-text-info-minor-hover: #1483CCFF;
177
+ --inverse-text-info-minor-active: #116BA7FF;
178
+ --inverse-text-accent-minor: #095C18;
179
+ --inverse-text-info: #199AF0;
180
+ --inverse-text-positive-minor: #095C18;
181
+ --inverse-text-warning-minor: #85380C;
182
+ --inverse-text-negative-minor: #9C1422;
183
+ --inverse-text-info-minor: #0D5382;
112
184
  --surface-solid-primary-hover: #FAFAFAFF;
113
185
  --surface-solid-primary-active: #F0F0F0FF;
114
186
  --surface-solid-primary: #F5F5F5;
@@ -148,6 +220,9 @@
148
220
  --surface-accent-gradient-hover: #FFFFFFFF;
149
221
  --surface-accent-gradient-active: #FFFFFFFF;
150
222
  --surface-accent-gradient: linear-gradient(45deg, #0D8523 0%, #0DA8AB 100%);
223
+ --surface-accent-minor-hover: #B1FBBFFF;
224
+ --surface-accent-minor-active: #8BF99FFF;
225
+ --surface-transparent-accent: #FFFFFF;
151
226
  --surface-positive-hover: #1EB83AFF;
152
227
  --surface-positive-active: #178C2CFF;
153
228
  --surface-positive: #1A9E32;
@@ -157,15 +232,34 @@
157
232
  --surface-negative-hover: #FF5263FF;
158
233
  --surface-negative-active: #FF142CFF;
159
234
  --surface-negative: #FF293E;
160
- --surface-transparent-positive-hover: #1A9E3205;
161
- --surface-transparent-positive-active: #1A9E321A;
162
- --surface-transparent-positive: rgba(26,158,50,0.06);
163
- --surface-transparent-warning-hover: #FA5F0505;
164
- --surface-transparent-warning-active: #FA5F051A;
165
- --surface-transparent-warning: rgba(250,95,5,0.06);
166
- --surface-transparent-negative-hover: #F31B3105;
167
- --surface-transparent-negative-active: #F31B311A;
168
- --surface-transparent-negative: rgba(243,27,49,0.06);
235
+ --surface-info-hover: #1798EEFF;
236
+ --surface-info-active: #0F81CCFF;
237
+ --surface-positive-minor-hover: #B1FBBFFF;
238
+ --surface-positive-minor-active: #8BF99FFF;
239
+ --surface-warning-minor-hover: #FEEFE6FF;
240
+ --surface-warning-minor-active: #FEDCC8FF;
241
+ --surface-negative-minor-hover: #FFF5F6FF;
242
+ --surface-negative-minor-active: #FFD6DAFF;
243
+ --surface-info-minor-hover: #E5F5FFFF;
244
+ --surface-info-minor-active: #C7E9FFFF;
245
+ --surface-transparent-positive-hover: #1A9E320A;
246
+ --surface-transparent-positive-active: #1A9E3229;
247
+ --surface-transparent-warning-hover: #FA5F050A;
248
+ --surface-transparent-warning-active: #FA5F0529;
249
+ --surface-transparent-negative-hover: #FF293E0A;
250
+ --surface-transparent-negative-active: #FF293E29;
251
+ --surface-transparent-info-hover: #118CDF0A;
252
+ --surface-transparent-info-active: #118CDF29;
253
+ --surface-accent-minor: #9EFAAF;
254
+ --surface-info: #118CDF;
255
+ --surface-positive-minor: #9EFAAF;
256
+ --surface-warning-minor: #FEE2D2;
257
+ --surface-negative-minor: #FFE0E3;
258
+ --surface-info-minor: #CFECFF;
259
+ --surface-transparent-positive: rgba(26,158,50,0.12);
260
+ --surface-transparent-warning: rgba(250,95,5,0.12);
261
+ --surface-transparent-negative: rgba(255,41,62,0.12);
262
+ --surface-transparent-info: rgba(17,140,223,0.12);
169
263
  --on-dark-surface-solid-primary-hover: #363636FF;
170
264
  --on-dark-surface-solid-primary-active: #0D0D0DFF;
171
265
  --on-dark-surface-solid-primary: #171717;
@@ -205,6 +299,10 @@
205
299
  --on-dark-surface-accent-gradient-hover: #FFFFFFFF;
206
300
  --on-dark-surface-accent-gradient-active: #FFFFFFFF;
207
301
  --on-dark-surface-accent-gradient: linear-gradient(45deg, #1A9E32 0%, #04C6C9 100%);
302
+ --on-dark-surface-accent-minor-hover: #0E3A16FF;
303
+ --on-dark-surface-accent-minor-active: #061909FF;
304
+ --on-dark-surface-transparent-accent-hover: #1A9E321F;
305
+ --on-dark-surface-transparent-accent-active: #1A9E323D;
208
306
  --on-dark-surface-positive-hover: #1EB83AFF;
209
307
  --on-dark-surface-positive-active: #178C2CFF;
210
308
  --on-dark-surface-positive: #1A9E32;
@@ -214,6 +312,35 @@
214
312
  --on-dark-surface-negative-hover: #FF5263FF;
215
313
  --on-dark-surface-negative-active: #FF142CFF;
216
314
  --on-dark-surface-negative: #FF293E;
315
+ --on-dark-surface-info-hover: #1798EEFF;
316
+ --on-dark-surface-info-active: #0F81CCFF;
317
+ --on-dark-surface-positive-minor-hover: #0E3A16FF;
318
+ --on-dark-surface-positive-minor-active: #061909FF;
319
+ --on-dark-surface-warning-minor-hover: #58290EFF;
320
+ --on-dark-surface-warning-minor-active: #2C1507FF;
321
+ --on-dark-surface-negative-minor-hover: #64121AFF;
322
+ --on-dark-surface-negative-minor-active: #380A0FFF;
323
+ --on-dark-surface-info-minor-hover: #10344CFF;
324
+ --on-dark-surface-info-minor-active: #091D2AFF;
325
+ --on-dark-surface-transparent-positive-hover: #1A9E321F;
326
+ --on-dark-surface-transparent-positive-active: #1A9E323D;
327
+ --on-dark-surface-transparent-warning-hover: #FA5F051F;
328
+ --on-dark-surface-transparent-warning-active: #FA5F053D;
329
+ --on-dark-surface-transparent-negative-hover: #FF293E1F;
330
+ --on-dark-surface-transparent-negative-active: #FF293E3D;
331
+ --on-dark-surface-transparent-info-hover: #118CDF1F;
332
+ --on-dark-surface-transparent-info-active: #118CDF3D;
333
+ --on-dark-surface-accent-minor: #0A2B10;
334
+ --on-dark-surface-transparent-accent: rgba(26,158,50,0.2);
335
+ --on-dark-surface-info: #118CDF;
336
+ --on-dark-surface-positive-minor: #0A2B10;
337
+ --on-dark-surface-warning-minor: #3D1D0A;
338
+ --on-dark-surface-negative-minor: #4A0D13;
339
+ --on-dark-surface-info-minor: #0C283B;
340
+ --on-dark-surface-transparent-positive: rgba(26,158,50,0.2);
341
+ --on-dark-surface-transparent-warning: rgba(250,95,5,0.2);
342
+ --on-dark-surface-transparent-negative: rgba(255,41,62,0.2);
343
+ --on-dark-surface-transparent-info: rgba(17,140,223,0.2);
217
344
  --on-light-surface-solid-primary-hover: #FAFAFAFF;
218
345
  --on-light-surface-solid-primary-active: #F0F0F0FF;
219
346
  --on-light-surface-solid-primary: #F5F5F5;
@@ -253,6 +380,10 @@
253
380
  --on-light-surface-accent-gradient-hover: #FFFFFFFF;
254
381
  --on-light-surface-accent-gradient-active: #FFFFFFFF;
255
382
  --on-light-surface-accent-gradient: linear-gradient(45deg, #1A9E32 0%, #04C6C9 100%);
383
+ --on-light-surface-accent-minor-hover: #B1FBBFFF;
384
+ --on-light-surface-accent-minor-active: #8BF99FFF;
385
+ --on-light-surface-transparent-accent-hover: #1A9E320A;
386
+ --on-light-surface-transparent-accent-active: #1A9E3229;
256
387
  --on-light-surface-positive-hover: #1EB83AFF;
257
388
  --on-light-surface-positive-active: #178C2CFF;
258
389
  --on-light-surface-positive: #1A9E32;
@@ -262,6 +393,35 @@
262
393
  --on-light-surface-negative-hover: #FF5263FF;
263
394
  --on-light-surface-negative-active: #FF142CFF;
264
395
  --on-light-surface-negative: #FF293E;
396
+ --on-light-surface-info-hover: #1798EEFF;
397
+ --on-light-surface-info-active: #0F81CCFF;
398
+ --on-light-surface-positive-minor-hover: #B1FBBFFF;
399
+ --on-light-surface-positive-minor-active: #8BF99FFF;
400
+ --on-light-surface-warning-minor-hover: #FEEFE6FF;
401
+ --on-light-surface-warning-minor-active: #FEDCC8FF;
402
+ --on-light-surface-negative-minor-hover: #FFF5F6FF;
403
+ --on-light-surface-negative-minor-active: #FFD6DAFF;
404
+ --on-light-surface-info-minor-hover: #E5F5FFFF;
405
+ --on-light-surface-info-minor-active: #C7E9FFFF;
406
+ --on-light-surface-transparent-positive-hover: #1A9E320A;
407
+ --on-light-surface-transparent-positive-active: #1A9E3229;
408
+ --on-light-surface-transparent-warning-hover: #FA5F050A;
409
+ --on-light-surface-transparent-warning-active: #FA5F0529;
410
+ --on-light-surface-transparent-negative-hover: #FF293E0A;
411
+ --on-light-surface-transparent-negative-active: #FF293E29;
412
+ --on-light-surface-transparent-info-hover: #118CDF0A;
413
+ --on-light-surface-transparent-info-active: #118CDF29;
414
+ --on-light-surface-accent-minor: #9EFAAF;
415
+ --on-light-surface-transparent-accent: rgba(26,158,50,0.12);
416
+ --on-light-surface-info: #118CDF;
417
+ --on-light-surface-warning-minor: #FEE2D2;
418
+ --on-light-surface-positive-minor: #9EFAAF;
419
+ --on-light-surface-info-minor: #CFECFF;
420
+ --on-light-surface-negative-minor: #FFE0E3;
421
+ --on-light-surface-transparent-positive: rgba(26,158,50,0.12);
422
+ --on-light-surface-transparent-warning: rgba(250,95,5,0.12);
423
+ --on-light-surface-transparent-negative: rgba(255,41,62,0.12);
424
+ --on-light-surface-transparent-info: rgba(17,140,223,0.12);
265
425
  --inverse-surface-solid-primary-hover: #363636FF;
266
426
  --inverse-surface-solid-primary-active: #0D0D0DFF;
267
427
  --inverse-surface-solid-primary: #171717;
@@ -301,6 +461,10 @@
301
461
  --inverse-surface-accent-gradient-hover: #FFFFFFFF;
302
462
  --inverse-surface-accent-gradient-active: #FFFFFFFF;
303
463
  --inverse-surface-accent-gradient: linear-gradient(45deg, #1A9E32 0%, #04C6C9 100%);
464
+ --inverse-surface-accent-minor-hover: #0E3A16FF;
465
+ --inverse-surface-accent-minor-active: #061909FF;
466
+ --inverse-surface-transparent-accent-hover: #1A9E321F;
467
+ --inverse-surface-transparent-accent-active: #1A9E323D;
304
468
  --inverse-surface-positive-hover: #1EB83AFF;
305
469
  --inverse-surface-positive-active: #178C2CFF;
306
470
  --inverse-surface-positive: #1A9E32;
@@ -310,6 +474,35 @@
310
474
  --inverse-surface-negative-hover: #FF5263FF;
311
475
  --inverse-surface-negative-active: #FF142CFF;
312
476
  --inverse-surface-negative: #FF293E;
477
+ --inverse-surface-info-hover: #1798EEFF;
478
+ --inverse-surface-info-active: #0F81CCFF;
479
+ --inverse-surface-positive-minor-hover: #0E3A16FF;
480
+ --inverse-surface-positive-minor-active: #061909FF;
481
+ --inverse-surface-warning-minor-hover: #58290EFF;
482
+ --inverse-surface-warning-minor-active: #2C1507FF;
483
+ --inverse-surface-negative-minor-hover: #64121AFF;
484
+ --inverse-surface-negative-minor-active: #380A0FFF;
485
+ --inverse-surface-info-minor-hover: #10344CFF;
486
+ --inverse-surface-info-minor-active: #091D2AFF;
487
+ --inverse-surface-transparent-positive-hover: #1A9E321F;
488
+ --inverse-surface-transparent-positive-active: #1A9E323D;
489
+ --inverse-surface-transparent-warning-hover: #FA5F051F;
490
+ --inverse-surface-transparent-warning-active: #FA5F053D;
491
+ --inverse-surface-transparent-negative-hover: #FF293E1F;
492
+ --inverse-surface-transparent-negative-active: #FF293E3D;
493
+ --inverse-surface-transparent-info-hover: #118CDF1F;
494
+ --inverse-surface-transparent-info-active: #118CDF3D;
495
+ --inverse-surface-accent-minor: #0A2B10;
496
+ --inverse-surface-transparent-accent: rgba(26,158,50,0.2);
497
+ --inverse-surface-info: #118CDF;
498
+ --inverse-surface-positive-minor: #0A2B10;
499
+ --inverse-surface-warning-minor: #3D1D0A;
500
+ --inverse-surface-negative-minor: #4A0D13;
501
+ --inverse-surface-info-minor: #0C283B;
502
+ --inverse-surface-transparent-positive: rgba(26,158,50,0.2);
503
+ --inverse-surface-transparent-warning: rgba(250,95,5,0.2);
504
+ --inverse-surface-transparent-negative: rgba(255,41,62,0.2);
505
+ --inverse-surface-transparent-info: rgba(17,140,223,0.2);
313
506
  --background-primary: #F9F9F9;
314
507
  --dark-background-primary: #080808;
315
508
  --light-background-primary: #F9F9F9;
@@ -326,6 +519,326 @@
326
519
  --inverse-overlay-soft: #0808088F;
327
520
  --inverse-overlay-hard: #080808F5;
328
521
  --inverse-overlay-blur: rgba(8,8,8,0.28);
522
+ --outline-default-outline-solid-primary-hover: #000000FF;
523
+ --outline-default-outline-solid-primary-active: #B3B3B3FF;
524
+ --outline-default-outline-solid-secondary-hover: #000000FF;
525
+ --outline-default-outline-solid-secondary-active: #757575FF;
526
+ --outline-default-outline-solid-tertiary-hover: #000000FF;
527
+ --outline-default-outline-solid-tertiary-active: #595959FF;
528
+ --outline-default-outline-transparent-default-hover: #000000FF;
529
+ --outline-default-outline-transparent-default-active: #CCCCCCFF;
530
+ --outline-default-outline-transparent-primary-hover: #000000FF;
531
+ --outline-default-outline-transparent-primary-active: #CCCCCCFF;
532
+ --outline-default-outline-transparent-secondary-hover: #000000FF;
533
+ --outline-default-outline-transparent-secondary-active: #CCCCCCFF;
534
+ --outline-default-outline-transparent-tertiary-hover: #000000FF;
535
+ --outline-default-outline-transparent-tertiary-active: #CCCCCCFF;
536
+ --outline-default-outline-clear-hover: #00000000;
537
+ --outline-default-outline-clear-active: #00000000;
538
+ --outline-default-outline-accent-hover: #14B32EFF;
539
+ --outline-default-outline-accent-active: #0C6A1BFF;
540
+ --outline-default-outline-accent-gradient-hover: #000000FF;
541
+ --outline-default-outline-accent-gradient-active: #CCCCCCFF;
542
+ --outline-default-outline-accent-minor-hover: #47DC62FF;
543
+ --outline-default-outline-accent-minor-active: #21B03CFF;
544
+ --outline-default-outline-accent-minor-gradient-hover: #000000FF;
545
+ --outline-default-outline-accent-minor-gradient-active: #CCCCCCFF;
546
+ --outline-default-outline-transparent-accent-hover: #108E25FF;
547
+ --outline-default-outline-transparent-accent-active: #108E253D;
548
+ --outline-default-outline-transparent-accent-gradient-hover: #000000FF;
549
+ --outline-default-outline-transparent-accent-gradient-active: #CCCCCCFF;
550
+ --outline-default-outline-promo-hover: #000000FF;
551
+ --outline-default-outline-promo-active: #CCCCCCFF;
552
+ --outline-default-outline-promo-gradient-hover: #000000FF;
553
+ --outline-default-outline-promo-gradient-active: #CCCCCCFF;
554
+ --outline-default-outline-promo-minor-hover: #000000FF;
555
+ --outline-default-outline-promo-minor-active: #CCCCCCFF;
556
+ --outline-default-outline-promo-minor-gradient-hover: #000000FF;
557
+ --outline-default-outline-promo-minor-gradient-active: #CCCCCCFF;
558
+ --outline-default-outline-positive-hover: #14B32EFF;
559
+ --outline-default-outline-positive-active: #0C6A1BFF;
560
+ --outline-default-outline-warning-hover: #FD6B17FF;
561
+ --outline-default-outline-warning-active: #C04802FF;
562
+ --outline-default-outline-negative-hover: #F54254FF;
563
+ --outline-default-outline-negative-active: #DA0B20FF;
564
+ --outline-default-outline-info-hover: #0D96F2FF;
565
+ --outline-default-outline-info-active: #0966A5FF;
566
+ --outline-default-outline-positive-minor-hover: #47DC62FF;
567
+ --outline-default-outline-positive-minor-active: #21B03CFF;
568
+ --outline-default-outline-warning-minor-hover: #FDB790FF;
569
+ --outline-default-outline-warning-minor-active: #FC8240FF;
570
+ --outline-default-outline-negative-minor-hover: #FFB8BFFF;
571
+ --outline-default-outline-negative-minor-active: #FF6675FF;
572
+ --outline-default-outline-info-minor-hover: #7ACAFFFF;
573
+ --outline-default-outline-info-minor-active: #29A9FFFF;
574
+ --outline-default-outline-transparent-positive-hover: #108E25FF;
575
+ --outline-default-outline-transparent-positive-active: #108E253D;
576
+ --outline-default-outline-transparent-warning-hover: #E85702FF;
577
+ --outline-default-outline-transparent-warning-active: #E857023D;
578
+ --outline-default-outline-transparent-negative-hover: #F31B31FF;
579
+ --outline-default-outline-transparent-negative-active: #F31B313D;
580
+ --outline-default-outline-transparent-info-hover: #0B7ECBFF;
581
+ --outline-default-outline-transparent-info-active: #0B7ECB3D;
582
+ --outline-default-outline-clear: rgba(0,0,0,0.00);
583
+ --outline-default-outline-solid-primary: #DDDDDD;
584
+ --outline-default-outline-solid-secondary: #949494;
585
+ --outline-default-outline-solid-tertiary: #707070;
586
+ --outline-default-outline-accent: #108E26;
587
+ --outline-default-outline-accent-gradient: linear-gradient(45.00deg, rgb(13, 133, 35) 0%,rgb(13, 168, 171) 100%);
588
+ --outline-default-outline-accent-minor: #28D247;
589
+ --outline-default-outline-transparent-accent: rgba(16,142,38,0.2);
590
+ --outline-default-outline-warning: #E85702;
591
+ --outline-default-outline-positive: #108E26;
592
+ --outline-default-outline-transparent-positive: rgba(16,142,38,0.2);
593
+ --outline-default-outline-negative: #F31B31;
594
+ --outline-default-outline-info: #0B7ECB;
595
+ --outline-default-outline-positive-minor: #28D247;
596
+ --outline-default-outline-warning-minor: #FD9C68;
597
+ --outline-default-outline-negative-minor: #FF8F9A;
598
+ --outline-default-outline-info-minor: #52BAFF;
599
+ --outline-default-outline-transparent-warning: rgba(232,87,2,0.2);
600
+ --outline-default-outline-transparent-negative: rgba(243,27,49,0.2);
601
+ --outline-default-outline-transparent-info: rgba(11,126,203,0.2);
602
+ --outline-on-dark-outline-solid-primary-hover: #787878FF;
603
+ --outline-on-dark-outline-solid-primary-active: #4F4F4FFF;
604
+ --outline-on-dark-outline-solid-secondary-hover: #878787FF;
605
+ --outline-on-dark-outline-solid-secondary-active: #5E5E5EFF;
606
+ --outline-on-dark-outline-solid-tertiary-hover: #000000FF;
607
+ --outline-on-dark-outline-solid-tertiary-active: #595959FF;
608
+ --outline-on-dark-outline-transparent-default-hover: #000000FF;
609
+ --outline-on-dark-outline-transparent-default-active: #CCCCCCFF;
610
+ --outline-on-dark-outline-transparent-primary-hover: #000000FF;
611
+ --outline-on-dark-outline-transparent-primary-active: #CCCCCCFF;
612
+ --outline-on-dark-outline-transparent-secondary-hover: #000000FF;
613
+ --outline-on-dark-outline-transparent-secondary-active: #CCCCCCFF;
614
+ --outline-on-dark-outline-transparent-tertiary-hover: #000000FF;
615
+ --outline-on-dark-outline-transparent-tertiary-active: #CCCCCCFF;
616
+ --outline-on-dark-outline-clear-hover: #00000000;
617
+ --outline-on-dark-outline-clear-active: #00000000;
618
+ --outline-on-dark-outline-accent-hover: #2BD44AFF;
619
+ --outline-on-dark-outline-accent-active: #1D9032FF;
620
+ --outline-on-dark-outline-accent-gradient-hover: #525252FF;
621
+ --outline-on-dark-outline-accent-gradient-active: #292929FF;
622
+ --outline-on-dark-outline-accent-minor-hover: #11A72CFF;
623
+ --outline-on-dark-outline-accent-minor-active: #0D8222FF;
624
+ --outline-on-dark-outline-accent-minor-gradient-hover: #000000FF;
625
+ --outline-on-dark-outline-accent-minor-gradient-active: #CCCCCCFF;
626
+ --outline-on-dark-outline-transparent-accent-hover: #24B23EFF;
627
+ --outline-on-dark-outline-transparent-accent-active: #24B23E56;
628
+ --outline-on-dark-outline-transparent-accent-gradient-hover: #000000FF;
629
+ --outline-on-dark-outline-transparent-accent-gradient-active: #CCCCCCFF;
630
+ --outline-on-dark-outline-promo-hover: #000000FF;
631
+ --outline-on-dark-outline-promo-active: #CCCCCCFF;
632
+ --outline-on-dark-outline-promo-gradient-hover: #000000FF;
633
+ --outline-on-dark-outline-promo-gradient-active: #CCCCCCFF;
634
+ --outline-on-dark-outline-promo-minor-hover: #000000FF;
635
+ --outline-on-dark-outline-promo-minor-active: #CCCCCCFF;
636
+ --outline-on-dark-outline-promo-minor-gradient-hover: #000000FF;
637
+ --outline-on-dark-outline-promo-minor-gradient-active: #CCCCCCFF;
638
+ --outline-on-dark-outline-positive-hover: #2BD44AFF;
639
+ --outline-on-dark-outline-positive-active: #1D9032FF;
640
+ --outline-on-dark-outline-warning-hover: #FF8B4DFF;
641
+ --outline-on-dark-outline-warning-active: #FA5700FF;
642
+ --outline-on-dark-outline-negative-hover: #FF6675FF;
643
+ --outline-on-dark-outline-negative-active: #FF142CFF;
644
+ --outline-on-dark-outline-info-hover: #3FABF3FF;
645
+ --outline-on-dark-outline-info-active: #0D84D3FF;
646
+ --outline-on-dark-outline-positive-minor-hover: #11A72CFF;
647
+ --outline-on-dark-outline-positive-minor-active: #0D8222FF;
648
+ --outline-on-dark-outline-warning-minor-hover: #FF8B4DFF;
649
+ --outline-on-dark-outline-warning-minor-active: #FA5700FF;
650
+ --outline-on-dark-outline-negative-minor-hover: #FF6675FF;
651
+ --outline-on-dark-outline-negative-minor-active: #FF142CFF;
652
+ --outline-on-dark-outline-info-minor-hover: #3FABF3FF;
653
+ --outline-on-dark-outline-info-minor-active: #0D84D3FF;
654
+ --outline-on-dark-outline-transparent-positive-hover: #24B23EFF;
655
+ --outline-on-dark-outline-transparent-positive-active: #24B23E56;
656
+ --outline-on-dark-outline-transparent-warning-hover: #FF7024FF;
657
+ --outline-on-dark-outline-transparent-warning-active: #FF702456;
658
+ --outline-on-dark-outline-transparent-negative-hover: #FF3D51FF;
659
+ --outline-on-dark-outline-transparent-negative-active: #FF3D5156;
660
+ --outline-on-dark-outline-transparent-info-hover: #199AF0FF;
661
+ --outline-on-dark-outline-transparent-info-active: #199AF056;
662
+ --outline-on-dark-outline-clear: rgba(0,0,0,0.00);
663
+ --outline-on-dark-outline-solid-primary: #262626;
664
+ --outline-on-dark-outline-solid-secondary: #363636;
665
+ --outline-on-dark-outline-solid-tertiary: #707070;
666
+ --outline-on-dark-outline-accent: #24B23E;
667
+ --outline-on-dark-outline-accent-gradient: linear-gradient(45.00deg, rgb(26, 158, 50), rgb(4, 198, 201) 99.688%);
668
+ --outline-on-dark-outline-accent-minor: #095C18;
669
+ --outline-on-dark-outline-transparent-accent: rgba(36,178,62,0.28);
670
+ --outline-on-dark-outline-transparent-positive: rgba(36,178,62,0.28);
671
+ --outline-on-dark-outline-positive: #24B23E;
672
+ --outline-on-dark-outline-warning: #FF7024;
673
+ --outline-on-dark-outline-negative: #FF3D51;
674
+ --outline-on-dark-outline-info: #199AF0;
675
+ --outline-on-dark-outline-positive-minor: #095C18;
676
+ --outline-on-dark-outline-warning-minor: #FF7024;
677
+ --outline-on-dark-outline-negative-minor: #FF3D51;
678
+ --outline-on-dark-outline-info-minor: #199AF0;
679
+ --outline-on-dark-outline-transparent-warning: rgba(255,112,36,0.28);
680
+ --outline-on-dark-outline-transparent-negative: rgba(255,61,81,0.28);
681
+ --outline-on-dark-outline-transparent-info: rgba(25,154,240,0.28);
682
+ --outline-on-light-outline-solid-primary-hover: #000000FF;
683
+ --outline-on-light-outline-solid-primary-active: #B3B3B3FF;
684
+ --outline-on-light-outline-solid-secondary-hover: #000000FF;
685
+ --outline-on-light-outline-solid-secondary-active: #757575FF;
686
+ --outline-on-light-outline-solid-tertiary-hover: #000000FF;
687
+ --outline-on-light-outline-solid-tertiary-active: #595959FF;
688
+ --outline-on-light-outline-transparent-default-hover: #000000FF;
689
+ --outline-on-light-outline-transparent-default-active: #CCCCCCFF;
690
+ --outline-on-light-outline-transparent-primary-hover: #000000FF;
691
+ --outline-on-light-outline-transparent-primary-active: #CCCCCCFF;
692
+ --outline-on-light-outline-transparent-secondary-hover: #000000FF;
693
+ --outline-on-light-outline-transparent-secondary-active: #CCCCCCFF;
694
+ --outline-on-light-outline-transparent-tertiary-hover: #000000FF;
695
+ --outline-on-light-outline-transparent-tertiary-active: #CCCCCCFF;
696
+ --outline-on-light-outline-clear-hover: #00000000;
697
+ --outline-on-light-outline-clear-active: #00000000;
698
+ --outline-on-light-outline-accent-hover: #14B32EFF;
699
+ --outline-on-light-outline-accent-active: #0C6A1BFF;
700
+ --outline-on-light-outline-accent-gradient-hover: #000000FF;
701
+ --outline-on-light-outline-accent-gradient-active: #CCCCCCFF;
702
+ --outline-on-light-outline-accent-minor-hover: #47DC62FF;
703
+ --outline-on-light-outline-accent-minor-active: #21B03CFF;
704
+ --outline-on-light-outline-accent-minor-gradient-hover: #000000FF;
705
+ --outline-on-light-outline-accent-minor-gradient-active: #CCCCCCFF;
706
+ --outline-on-light-outline-transparent-accent-hover: #108E25FF;
707
+ --outline-on-light-outline-transparent-accent-active: #108E253D;
708
+ --outline-on-light-outline-transparent-accent-gradient-hover: #000000FF;
709
+ --outline-on-light-outline-transparent-accent-gradient-active: #CCCCCCFF;
710
+ --outline-on-light-outline-promo-hover: #000000FF;
711
+ --outline-on-light-outline-promo-active: #CCCCCCFF;
712
+ --outline-on-light-outline-promo-gradient-hover: #000000FF;
713
+ --outline-on-light-outline-promo-gradient-active: #CCCCCCFF;
714
+ --outline-on-light-outline-promo-minor-hover: #000000FF;
715
+ --outline-on-light-outline-promo-minor-active: #CCCCCCFF;
716
+ --outline-on-light-outline-promo-minor-gradient-hover: #000000FF;
717
+ --outline-on-light-outline-promo-minor-gradient-active: #CCCCCCFF;
718
+ --outline-on-light-outline-positive-hover: #14B32EFF;
719
+ --outline-on-light-outline-positive-active: #0C6A1BFF;
720
+ --outline-on-light-outline-warning-hover: #FD6B17FF;
721
+ --outline-on-light-outline-warning-active: #C04802FF;
722
+ --outline-on-light-outline-negative-hover: #F54254FF;
723
+ --outline-on-light-outline-negative-active: #DA0B20FF;
724
+ --outline-on-light-outline-info-hover: #0D96F2FF;
725
+ --outline-on-light-outline-info-active: #0966A5FF;
726
+ --outline-on-light-outline-positive-minor-hover: #47DC62FF;
727
+ --outline-on-light-outline-positive-minor-active: #21B03CFF;
728
+ --outline-on-light-outline-warning-minor-hover: #FDB790FF;
729
+ --outline-on-light-outline-warning-minor-active: #FC8240FF;
730
+ --outline-on-light-outline-negative-minor-hover: #FFB8BFFF;
731
+ --outline-on-light-outline-negative-minor-active: #FF6675FF;
732
+ --outline-on-light-outline-info-minor-hover: #7ACAFFFF;
733
+ --outline-on-light-outline-info-minor-active: #29A9FFFF;
734
+ --outline-on-light-outline-transparent-positive-hover: #108E25FF;
735
+ --outline-on-light-outline-transparent-positive-active: #108E253D;
736
+ --outline-on-light-outline-transparent-warning-hover: #E85702FF;
737
+ --outline-on-light-outline-transparent-warning-active: #E857023D;
738
+ --outline-on-light-outline-transparent-negative-hover: #F31B31FF;
739
+ --outline-on-light-outline-transparent-negative-active: #F31B313D;
740
+ --outline-on-light-outline-transparent-info-hover: #0B7ECBFF;
741
+ --outline-on-light-outline-transparent-info-active: #0B7ECB3D;
742
+ --outline-on-light-outline-clear: rgba(0,0,0,0.00);
743
+ --outline-on-light-outline-transparent-accent: rgba(16,142,38,0.2);
744
+ --outline-on-light-outline-positive: #108E26;
745
+ --outline-on-light-outline-transparent-positive: rgba(16,142,38,0.2);
746
+ --outline-on-light-outline-transparent-warning: rgba(232,87,2,0.2);
747
+ --outline-on-light-outline-transparent-negative: rgba(243,27,49,0.2);
748
+ --outline-on-light-outline-transparent-info: rgba(11,126,203,0.2);
749
+ --outline-on-light-outline-solid-primary: #DDDDDD;
750
+ --outline-on-light-outline-solid-secondary: #949494;
751
+ --outline-on-light-outline-solid-tertiary: #707070;
752
+ --outline-on-light-outline-accent: #108E26;
753
+ --outline-on-light-outline-accent-gradient: rgb(13, 133, 35) 0%,rgb(13, 168, 171) 100%);
754
+ --outline-on-light-outline-accent-minor: #28D247;
755
+ --outline-on-light-outline-warning: #E85702;
756
+ --outline-on-light-outline-negative: #F31B31;
757
+ --outline-on-light-outline-info: #0B7ECB;
758
+ --outline-on-light-outline-positive-minor: #28D247;
759
+ --outline-on-light-outline-warning-minor: #FD9C68;
760
+ --outline-on-light-outline-negative-minor: #FF8F9A;
761
+ --outline-on-light-outline-info-minor: #52BAFF;
762
+ --outline-inverse-outline-solid-primary-hover: #787878FF;
763
+ --outline-inverse-outline-solid-primary-active: #4F4F4FFF;
764
+ --outline-inverse-outline-solid-secondary-hover: #878787FF;
765
+ --outline-inverse-outline-solid-secondary-active: #5E5E5EFF;
766
+ --outline-inverse-outline-solid-tertiary-hover: #000000FF;
767
+ --outline-inverse-outline-solid-tertiary-active: #595959FF;
768
+ --outline-inverse-outline-transparent-default-hover: #000000FF;
769
+ --outline-inverse-outline-transparent-default-active: #CCCCCCFF;
770
+ --outline-inverse-outline-transparent-primary-hover: #000000FF;
771
+ --outline-inverse-outline-transparent-primary-active: #CCCCCCFF;
772
+ --outline-inverse-outline-transparent-secondary-hover: #000000FF;
773
+ --outline-inverse-outline-transparent-secondary-active: #CCCCCCFF;
774
+ --outline-inverse-outline-transparent-tertiary-hover: #000000FF;
775
+ --outline-inverse-outline-transparent-tertiary-active: #CCCCCCFF;
776
+ --outline-inverse-outline-clear-hover: #00000000;
777
+ --outline-inverse-outline-clear-active: #00000000;
778
+ --outline-inverse-outline-accent-hover: #2BD44AFF;
779
+ --outline-inverse-outline-accent-active: #1D9032FF;
780
+ --outline-inverse-outline-accent-gradient-hover: #000000FF;
781
+ --outline-inverse-outline-accent-gradient-active: #CCCCCCFF;
782
+ --outline-inverse-outline-accent-minor-hover: #11A72CFF;
783
+ --outline-inverse-outline-accent-minor-active: #0D8222FF;
784
+ --outline-inverse-outline-accent-minor-gradient-hover: #000000FF;
785
+ --outline-inverse-outline-accent-minor-gradient-active: #CCCCCCFF;
786
+ --outline-inverse-outline-transparent-accent-hover: #24B23EFF;
787
+ --outline-inverse-outline-transparent-accent-active: #24B23E56;
788
+ --outline-inverse-outline-transparent-accent-gradient-hover: #000000FF;
789
+ --outline-inverse-outline-transparent-accent-gradient-active: #CCCCCCFF;
790
+ --outline-inverse-outline-promo-hover: #000000FF;
791
+ --outline-inverse-outline-promo-active: #CCCCCCFF;
792
+ --outline-inverse-outline-promo-gradient-hover: #000000FF;
793
+ --outline-inverse-outline-promo-gradient-active: #CCCCCCFF;
794
+ --outline-inverse-outline-promo-minor-hover: #000000FF;
795
+ --outline-inverse-outline-promo-minor-active: #CCCCCCFF;
796
+ --outline-inverse-outline-promo-minor-gradient-hover: #000000FF;
797
+ --outline-inverse-outline-promo-minor-gradient-active: #CCCCCCFF;
798
+ --outline-inverse-outline-positive-hover: #2BD44AFF;
799
+ --outline-inverse-outline-positive-active: #1D9032FF;
800
+ --outline-inverse-outline-warning-hover: #FF8B4DFF;
801
+ --outline-inverse-outline-warning-active: #FA5700FF;
802
+ --outline-inverse-outline-negative-hover: #FF6675FF;
803
+ --outline-inverse-outline-negative-active: #FF142CFF;
804
+ --outline-inverse-outline-info-hover: #3FABF3FF;
805
+ --outline-inverse-outline-info-active: #0D84D3FF;
806
+ --outline-inverse-outline-positive-minor-hover: #11A72CFF;
807
+ --outline-inverse-outline-positive-minor-active: #0D8222FF;
808
+ --outline-inverse-outline-warning-minor-hover: #CD5713FF;
809
+ --outline-inverse-outline-warning-minor-active: #A84710FF;
810
+ --outline-inverse-outline-negative-minor-hover: #C2192AFF;
811
+ --outline-inverse-outline-negative-minor-active: #7A101AFF;
812
+ --outline-inverse-outline-info-minor-hover: #1483CCFF;
813
+ --outline-inverse-outline-info-minor-active: #116BA7FF;
814
+ --outline-inverse-outline-transparent-positive-hover: #24B23EFF;
815
+ --outline-inverse-outline-transparent-positive-active: #24B23E56;
816
+ --outline-inverse-outline-transparent-warning-hover: #FF7024FF;
817
+ --outline-inverse-outline-transparent-warning-active: #FF702456;
818
+ --outline-inverse-outline-transparent-negative-hover: #FF3D51FF;
819
+ --outline-inverse-outline-transparent-negative-active: #FF3D5156;
820
+ --outline-inverse-outline-transparent-info-hover: #199AF0FF;
821
+ --outline-inverse-outline-transparent-info-active: #199AF056;
822
+ --outline-inverse-outline-clear: rgba(0,0,0,0.00);
823
+ --outline-inverse-outline-transparent-accent: rgba(36,178,62,0.28);
824
+ --outline-inverse-outline-transparent-positive: rgba(36,178,62,0.28);
825
+ --outline-inverse-outline-transparent-warning: rgba(255,112,36,0.28);
826
+ --outline-inverse-outline-transparent-negative: rgba(255,61,81,0.28);
827
+ --outline-inverse-outline-transparent-info: rgba(25,154,240,0.28);
828
+ --outline-inverse-outline-solid-primary: #262626;
829
+ --outline-inverse-outline-solid-secondary: #363636;
830
+ --outline-inverse-outline-solid-tertiary: #707070;
831
+ --outline-inverse-outline-accent: #24B23E;
832
+ --outline-inverse-outline-accent-gradient: linear-gradient(45.00deg,rgb(26,158,50),rgb(4,198,201)99.688%);
833
+ --outline-inverse-outline-accent-minor: #095C18;
834
+ --outline-inverse-outline-positive: #24B23E;
835
+ --outline-inverse-outline-warning: #FF7024;
836
+ --outline-inverse-outline-negative: #FF3D51;
837
+ --outline-inverse-outline-info: #199AF0;
838
+ --outline-inverse-outline-positive-minor: #095C18;
839
+ --outline-inverse-outline-warning-minor: #85380C;
840
+ --outline-inverse-outline-negative-minor: #9C1422;
841
+ --outline-inverse-outline-info-minor: #0D5382;
329
842
  --skeleton-gradient: linear-gradient( 90deg, rgba(8, 8, 8, 0.09) 0%, rgba(8, 8, 8, 0.08) 6.25%, rgba(8, 8, 8, 0.05) 12.5%, rgba(8, 8, 8, 0.01) 25%, rgba(8, 8, 8, 0.05) 37.5%, rgba(8, 8, 8, 0.08) 43.75%, rgba(8, 8, 8, 0.09) 50%, rgba(8, 8, 8, 0.08) 56.25%, rgba(8, 8, 8, 0.05) 62.5%, rgba(8, 8, 8, 0.01) 75%, rgba(8, 8, 8, 0.05) 87.5%, rgba(8, 8, 8, 0.08) 93.75%, rgba(8, 8, 8, 0.09) 100% );
330
843
  --skeleton-gradient-lighter: linear-gradient( 90deg, rgba(8, 8, 8, 0.36) 0%, rgba(8, 8, 8, 0.32) 6.25%, rgba(8, 8, 8, 0.20) 12.5%, rgba(8, 8, 8, 0.04) 25%, rgba(8, 8, 8, 0.20) 37.5%, rgba(8, 8, 8, 0.32) 43.75%, rgba(8, 8, 8, 0.36) 50%, rgba(8, 8, 8, 0.08) 56.25%, rgba(8, 8, 8, 0.20) 62.5%, rgba(8, 8, 8, 0.04) 75%, rgba(8, 8, 8, 0.20) 87.5%, rgba(8, 8, 8, 0.32) 93.75%, rgba(8, 8, 8, 0.36) 100% );
331
844
  --plasma-colors-white-primary: var(--on-dark-text-primary);