@salutejs/sdds-themes 0.53.0-next-insol.0 → 0.54.0-canary.2456.21632138802.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 (33) hide show
  1. package/css/sdds_bcp.module.css +264 -192
  2. package/css/sdds_bcp__dark.css +132 -96
  3. package/css/sdds_bcp__light.css +132 -96
  4. package/css/sdds_finai.module.css +414 -192
  5. package/css/sdds_finai__dark.css +278 -56
  6. package/css/sdds_finai__light.css +136 -136
  7. package/es/themes/sdds_bcp__dark.js +1 -1
  8. package/es/themes/sdds_bcp__dark.js.map +1 -1
  9. package/es/themes/sdds_bcp__light.js +1 -1
  10. package/es/themes/sdds_bcp__light.js.map +1 -1
  11. package/es/themes/sdds_finai__dark.js +1 -1
  12. package/es/themes/sdds_finai__dark.js.map +1 -1
  13. package/es/themes/sdds_finai__light.js +1 -1
  14. package/es/themes/sdds_finai__light.js.map +1 -1
  15. package/es/tokens/sdds_bcp/index.js +202 -130
  16. package/es/tokens/sdds_bcp/index.js.map +1 -1
  17. package/es/tokens/sdds_finai/index.js +501 -57
  18. package/es/tokens/sdds_finai/index.js.map +1 -1
  19. package/package.json +2 -2
  20. package/themes/sdds_bcp__dark.js +1 -1
  21. package/themes/sdds_bcp__dark.js.map +1 -1
  22. package/themes/sdds_bcp__light.js +1 -1
  23. package/themes/sdds_bcp__light.js.map +1 -1
  24. package/themes/sdds_finai__dark.js +1 -1
  25. package/themes/sdds_finai__dark.js.map +1 -1
  26. package/themes/sdds_finai__light.js +1 -1
  27. package/themes/sdds_finai__light.js.map +1 -1
  28. package/tokens/sdds_bcp/index.d.ts +200 -128
  29. package/tokens/sdds_bcp/index.js +221 -149
  30. package/tokens/sdds_bcp/index.js.map +1 -1
  31. package/tokens/sdds_finai/index.d.ts +500 -56
  32. package/tokens/sdds_finai/index.js +512 -64
  33. package/tokens/sdds_finai/index.js.map +1 -1
package/css/sdds_bcp__dark.css CHANGED
@@ -10,12 +10,10 @@
10
10
  --text-tertiary-active: #F5F5F556;
11
11
  --text-paragraph-hover: #F5F5F57A;
12
12
  --text-paragraph-active: #F5F5F5A3;
13
- --text-accent: #C46BFF;
14
- --text-accent-hover: #E4BDFFFF;
15
- --text-accent-active: #B84DFFFF;
16
- --text-accent-minor: #722BA1;
17
- --text-accent-minor-hover: #FFFFFFFF;
18
- --text-accent-minor-active: #8933C1FF;
13
+ --text-accent-hover: #B9A9F9FF;
14
+ --text-accent-active: #633FF3FF;
15
+ --text-accent-minor-hover: #412AA7FF;
16
+ --text-accent-minor-active: #281966FF;
19
17
  --text-positive: #24B23E;
20
18
  --text-positive-hover: #2ACB47FF;
21
19
  --text-positive-active: #1F9835FF;
@@ -44,6 +42,8 @@
44
42
  --text-secondary: #F5F5F58F;
45
43
  --text-tertiary: #F5F5F547;
46
44
  --text-paragraph: #F5F5F5CC;
45
+ --text-accent: #7B5CF5FF;
46
+ --text-accent-minor: #2F1E77FF;
47
47
  --on-dark-text-primary-hover: #F5F5F593;
48
48
  --on-dark-text-primary-active: #F5F5F5C4;
49
49
  --on-dark-text-primary-brightness: #F5F5F5F5;
@@ -53,12 +53,10 @@
53
53
  --on-dark-text-tertiary-active: #F5F5F556;
54
54
  --on-dark-text-paragraph-hover: #F5F5F57A;
55
55
  --on-dark-text-paragraph-active: #F5F5F5A3;
56
- --on-dark-text-accent: #C46BFF;
57
- --on-dark-text-accent-hover: #E4BDFFFF;
58
- --on-dark-text-accent-active: #B84DFFFF;
59
- --on-dark-text-accent-minor: #722BA1;
60
- --on-dark-text-accent-minor-hover: #FFFFFFFF;
61
- --on-dark-text-accent-minor-active: #8933C1FF;
56
+ --on-dark-text-accent-hover: #B9A9F9FF;
57
+ --on-dark-text-accent-active: #633FF3FF;
58
+ --on-dark-text-accent-minor-hover: #412AA7FF;
59
+ --on-dark-text-accent-minor-active: #281966FF;
62
60
  --on-dark-text-positive: #24B23E;
63
61
  --on-dark-text-positive-hover: #2ACB47FF;
64
62
  --on-dark-text-positive-active: #1F9835FF;
@@ -87,6 +85,8 @@
87
85
  --on-dark-text-secondary: #F5F5F58F;
88
86
  --on-dark-text-tertiary: #F5F5F547;
89
87
  --on-dark-text-paragraph: #F5F5F5CC;
88
+ --on-dark-text-accent: #7B5CF5FF;
89
+ --on-dark-text-accent-minor: #2F1E77FF;
90
90
  --on-light-text-primary: #171717F5;
91
91
  --on-light-text-primary-hover: #17171793;
92
92
  --on-light-text-primary-active: #171717C4;
@@ -100,12 +100,10 @@
100
100
  --on-light-text-paragraph: #171717CC;
101
101
  --on-light-text-paragraph-hover: #1717177A;
102
102
  --on-light-text-paragraph-active: #171717A3;
103
- --on-light-text-accent: #AD42F5;
104
- --on-light-text-accent-hover: #CF90F9FF;
105
- --on-light-text-accent-active: #A125F4FF;
106
- --on-light-text-accent-minor: #D39CF7;
107
- --on-light-text-accent-minor-hover: #F4E7FDFF;
108
- --on-light-text-accent-minor-active: #C680F5FF;
103
+ --on-light-text-accent-hover: #8977DAFF;
104
+ --on-light-text-accent-active: #412CA0FF;
105
+ --on-light-text-accent-minor-hover: #B7A3FFFF;
106
+ --on-light-text-accent-minor-active: #7752FFFF;
109
107
  --on-light-text-positive: #108E26;
110
108
  --on-light-text-positive-hover: #13AA2CFF;
111
109
  --on-light-text-positive-active: #0D731EFF;
@@ -130,6 +128,8 @@
130
128
  --on-light-text-info-minor: #52BAFF;
131
129
  --on-light-text-info-minor-hover: #A3DAFFFF;
132
130
  --on-light-text-info-minor-active: #33ADFFFF;
131
+ --on-light-text-accent: #4B32B8FF;
132
+ --on-light-text-accent-minor: #967AFFFF;
133
133
  --inverse-text-primary: #171717F5;
134
134
  --inverse-text-primary-hover: #17171793;
135
135
  --inverse-text-primary-active: #171717C4;
@@ -143,12 +143,10 @@
143
143
  --inverse-text-paragraph: #171717CC;
144
144
  --inverse-text-paragraph-hover: #1717177A;
145
145
  --inverse-text-paragraph-active: #171717A3;
146
- --inverse-text-accent: #AD42F5;
147
- --inverse-text-accent-hover: #CF90F9FF;
148
- --inverse-text-accent-active: #A125F4FF;
149
- --inverse-text-accent-minor: #D39CF7;
150
- --inverse-text-accent-minor-hover: #F4E7FDFF;
151
- --inverse-text-accent-minor-active: #C680F5FF;
146
+ --inverse-text-accent-hover: #8977DAFF;
147
+ --inverse-text-accent-active: #412CA0FF;
148
+ --inverse-text-accent-minor-hover: #B7A3FFFF;
149
+ --inverse-text-accent-minor-active: #7752FFFF;
152
150
  --inverse-text-positive: #108E26;
153
151
  --inverse-text-positive-hover: #13AA2CFF;
154
152
  --inverse-text-positive-active: #0D731EFF;
@@ -173,6 +171,8 @@
173
171
  --inverse-text-info-minor: #52BAFF;
174
172
  --inverse-text-info-minor-hover: #A3DAFFFF;
175
173
  --inverse-text-info-minor-active: #33ADFFFF;
174
+ --inverse-text-accent: #4B32B8FF;
175
+ --inverse-text-accent-minor: #967AFFFF;
176
176
  --surface-solid-primary: #171717;
177
177
  --surface-solid-primary-hover: #1C1C1CFF;
178
178
  --surface-solid-primary-active: #121212FF;
@@ -209,15 +209,12 @@
209
209
  --surface-clear: #FFFFFF00;
210
210
  --surface-clear-hover: #FFFFFFFF;
211
211
  --surface-clear-active: #FFFFFFFF;
212
- --surface-accent: #B559F3;
213
- --surface-accent-hover: #C275F5FF;
214
- --surface-accent-active: #B14FF3FF;
215
- --surface-accent-minor: #36154C;
216
- --surface-accent-minor-hover: #41195CFF;
217
- --surface-accent-minor-active: #301344FF;
218
- --surface-transparent-accent: #B559F333;
219
- --surface-transparent-accent-hover: #B558F352;
220
- --surface-transparent-accent-active: #B558F324;
212
+ --surface-accent-hover: #6C50DCFF;
213
+ --surface-accent-active: #5737D7FF;
214
+ --surface-accent-minor-hover: #211556FF;
215
+ --surface-accent-minor-active: #170F3EFF;
216
+ --surface-transparent-accent-hover: #5E3FD952;
217
+ --surface-transparent-accent-active: #5E3FD924;
221
218
  --surface-positive: #1A9E32;
222
219
  --surface-positive-hover: #1DAF37FF;
223
220
  --surface-positive-active: #18952FFF;
@@ -254,6 +251,9 @@
254
251
  --surface-transparent-info: #118CDF33;
255
252
  --surface-transparent-info-hover: #118CDF52;
256
253
  --surface-transparent-info-active: #118CDF24;
254
+ --surface-accent: #5F41D9FF;
255
+ --surface-accent-minor: #1B1147FF;
256
+ --surface-transparent-accent: #5F41D933;
257
257
  --on-dark-surface-solid-primary: #171717;
258
258
  --on-dark-surface-solid-primary-hover: #1C1C1CFF;
259
259
  --on-dark-surface-solid-primary-active: #121212FF;
@@ -290,15 +290,12 @@
290
290
  --on-dark-surface-clear: #FFFFFF00;
291
291
  --on-dark-surface-clear-hover: #FFFFFFFF;
292
292
  --on-dark-surface-clear-active: #FFFFFFFF;
293
- --on-dark-surface-accent: #B559F3;
294
- --on-dark-surface-accent-hover: #C275F5FF;
295
- --on-dark-surface-accent-active: #B14FF3FF;
296
- --on-dark-surface-accent-minor: #36154C;
297
- --on-dark-surface-accent-minor-hover: #41195CFF;
298
- --on-dark-surface-accent-minor-active: #301344FF;
299
- --on-dark-surface-transparent-accent: #B559F333;
300
- --on-dark-surface-transparent-accent-hover: #B558F352;
301
- --on-dark-surface-transparent-accent-active: #B558F324;
293
+ --on-dark-surface-accent-hover: #6C50DCFF;
294
+ --on-dark-surface-accent-active: #5737D7FF;
295
+ --on-dark-surface-accent-minor-hover: #211556FF;
296
+ --on-dark-surface-accent-minor-active: #170F3EFF;
297
+ --on-dark-surface-transparent-accent-hover: #5E3FD952;
298
+ --on-dark-surface-transparent-accent-active: #5E3FD924;
302
299
  --on-dark-surface-positive: #1A9E32;
303
300
  --on-dark-surface-positive-hover: #1DAF37FF;
304
301
  --on-dark-surface-positive-active: #18952FFF;
@@ -335,6 +332,9 @@
335
332
  --on-dark-surface-transparent-info: #118CDF33;
336
333
  --on-dark-surface-transparent-info-hover: #118CDF52;
337
334
  --on-dark-surface-transparent-info-active: #118CDF24;
335
+ --on-dark-surface-accent: #5F41D9FF;
336
+ --on-dark-surface-accent-minor: #1B1147FF;
337
+ --on-dark-surface-transparent-accent: #5F41D933;
338
338
  --on-light-surface-solid-primary: #F5F5F5;
339
339
  --on-light-surface-solid-primary-hover: #FAFAFAFF;
340
340
  --on-light-surface-solid-primary-active: #F0F0F0FF;
@@ -369,15 +369,12 @@
369
369
  --on-light-surface-clear: #FFFFFF00;
370
370
  --on-light-surface-clear-hover: #FFFFFFFF;
371
371
  --on-light-surface-clear-active: #FFFFFFFF;
372
- --on-light-surface-accent: #B559F3;
373
- --on-light-surface-accent-hover: #C275F5FF;
374
- --on-light-surface-accent-active: #B14FF3FF;
375
- --on-light-surface-accent-minor: #F4E3FF;
376
- --on-light-surface-accent-minor-hover: #F9F0FFFF;
377
- --on-light-surface-accent-minor-active: #F1DBFFFF;
378
- --on-light-surface-transparent-accent: #B559F31F;
379
- --on-light-surface-transparent-accent-hover: #B558F33D;
380
- --on-light-surface-transparent-accent-active: #B558F30F;
372
+ --on-light-surface-accent-hover: #6C50DCFF;
373
+ --on-light-surface-accent-active: #502ED6FF;
374
+ --on-light-surface-accent-minor-hover: #D3C7FFFF;
375
+ --on-light-surface-accent-minor-active: #CFC2FFFF;
376
+ --on-light-surface-transparent-accent-hover: #5E3FD92E;
377
+ --on-light-surface-transparent-accent-active: #5E3FD933;
381
378
  --on-light-surface-positive: #1A9E32;
382
379
  --on-light-surface-positive-hover: #1DAF37FF;
383
380
  --on-light-surface-positive-active: #18952FFF;
@@ -416,6 +413,9 @@
416
413
  --on-light-surface-transparent-info-active: #118CDF0F;
417
414
  --on-light-surface-transparent-primary: #08080808;
418
415
  --on-light-surface-transparent-secondary: #0808080F;
416
+ --on-light-surface-accent: #5F41D9FF;
417
+ --on-light-surface-accent-minor: #DAD0FFFF;
418
+ --on-light-surface-transparent-accent: #5F41D91F;
419
419
  --inverse-surface-solid-primary: #F5F5F5;
420
420
  --inverse-surface-solid-primary-hover: #FAFAFAFF;
421
421
  --inverse-surface-solid-primary-active: #F0F0F0FF;
@@ -450,15 +450,12 @@
450
450
  --inverse-surface-clear: #FFFFFF00;
451
451
  --inverse-surface-clear-hover: #FFFFFFFF;
452
452
  --inverse-surface-clear-active: #FFFFFFFF;
453
- --inverse-surface-accent: #B559F3;
454
- --inverse-surface-accent-hover: #C275F5FF;
455
- --inverse-surface-accent-active: #B14FF3FF;
456
- --inverse-surface-accent-minor: #F4E3FF;
457
- --inverse-surface-accent-minor-hover: #F9F0FFFF;
458
- --inverse-surface-accent-minor-active: #F1DBFFFF;
459
- --inverse-surface-transparent-accent: #B559F31F;
460
- --inverse-surface-transparent-accent-hover: #B558F33D;
461
- --inverse-surface-transparent-accent-active: #B558F30F;
453
+ --inverse-surface-accent-hover: #6C50DCFF;
454
+ --inverse-surface-accent-active: #502ED6FF;
455
+ --inverse-surface-accent-minor-hover: #D3C7FFFF;
456
+ --inverse-surface-accent-minor-active: #CFC2FFFF;
457
+ --inverse-surface-transparent-accent-hover: #5E3FD92E;
458
+ --inverse-surface-transparent-accent-active: #5E3FD933;
462
459
  --inverse-surface-positive: #1A9E32;
463
460
  --inverse-surface-positive-hover: #1DAF37FF;
464
461
  --inverse-surface-positive-active: #18952FFF;
@@ -497,6 +494,9 @@
497
494
  --inverse-surface-transparent-info-active: #118CDF0F;
498
495
  --inverse-surface-transparent-primary: #08080808;
499
496
  --inverse-surface-transparent-secondary: #0808080F;
497
+ --inverse-surface-accent: #5F41D9FF;
498
+ --inverse-surface-accent-minor: #DAD0FFFF;
499
+ --inverse-surface-transparent-accent: #5F41D91F;
500
500
  --background-primary: #080808;
501
501
  --dark-background-primary: #080808;
502
502
  --light-background-primary: #F9F9F9;
@@ -537,15 +537,12 @@
537
537
  --outline-clear: #FFFFFF00;
538
538
  --outline-clear-hover: #FFFFFFFF;
539
539
  --outline-clear-active: #FFFFFFFF;
540
- --outline-accent: #C46BFF;
541
- --outline-accent-hover: #E4BDFFFF;
542
- --outline-accent-active: #B84DFFFF;
543
- --outline-accent-minor: #722BA1;
544
- --outline-accent-minor-hover: #FFFFFFFF;
545
- --outline-accent-minor-active: #8933C1FF;
546
- --outline-transparent-accent: #C46BFF47;
547
- --outline-transparent-accent-hover: #C46BFFFF;
548
- --outline-transparent-accent-active: #C46BFF56;
540
+ --outline-accent-hover: #B9A9F9FF;
541
+ --outline-accent-active: #633FF3FF;
542
+ --outline-accent-minor-hover: #412AA7FF;
543
+ --outline-accent-minor-active: #281966FF;
544
+ --outline-transparent-accent-hover: #7B5CF5B3;
545
+ --outline-transparent-accent-active: #7B5CF52B;
549
546
  --outline-positive: #24B23E;
550
547
  --outline-positive-hover: #2ACB47FF;
551
548
  --outline-positive-active: #1F9835FF;
@@ -582,6 +579,9 @@
582
579
  --outline-transparent-info: #199AF047;
583
580
  --outline-transparent-info-hover: #199AF0FF;
584
581
  --outline-transparent-info-active: #199AF056;
582
+ --outline-accent: #7B5CF5FF;
583
+ --outline-accent-minor: #2F1E77FF;
584
+ --outline-transparent-accent: #7B5CF547;
585
585
  --on-dark-outline-solid-primary: #262626;
586
586
  --on-dark-outline-solid-primary-hover: #FFFFFFFF;
587
587
  --on-dark-outline-solid-primary-active: #ADADADFF;
@@ -606,15 +606,12 @@
606
606
  --on-dark-outline-clear: #FFFFFF00;
607
607
  --on-dark-outline-clear-hover: #FFFFFFFF;
608
608
  --on-dark-outline-clear-active: #FFFFFFFF;
609
- --on-dark-outline-accent: #C46BFF;
610
- --on-dark-outline-accent-hover: #E4BDFFFF;
611
- --on-dark-outline-accent-active: #B84DFFFF;
612
- --on-dark-outline-accent-minor: #722BA1;
613
- --on-dark-outline-accent-minor-hover: #FFFFFFFF;
614
- --on-dark-outline-accent-minor-active: #8933C1FF;
615
- --on-dark-outline-transparent-accent: #C46BFF47;
616
- --on-dark-outline-transparent-accent-hover: #C46BFFFF;
617
- --on-dark-outline-transparent-accent-active: #C46BFF56;
609
+ --on-dark-outline-accent-hover: #B9A9F9FF;
610
+ --on-dark-outline-accent-active: #633FF3FF;
611
+ --on-dark-outline-accent-minor-hover: #412AA7FF;
612
+ --on-dark-outline-accent-minor-active: #281966FF;
613
+ --on-dark-outline-transparent-accent-hover: #7B5CF5B3;
614
+ --on-dark-outline-transparent-accent-active: #7B5CF52B;
618
615
  --on-dark-outline-positive: #24B23E;
619
616
  --on-dark-outline-positive-hover: #2ACB47FF;
620
617
  --on-dark-outline-positive-active: #1F9835FF;
@@ -651,6 +648,9 @@
651
648
  --on-dark-outline-transparent-info: #199AF047;
652
649
  --on-dark-outline-transparent-info-hover: #199AF0FF;
653
650
  --on-dark-outline-transparent-info-active: #199AF056;
651
+ --on-dark-outline-accent: #7B5CF5FF;
652
+ --on-dark-outline-accent-minor: #2F1E77FF;
653
+ --on-dark-outline-transparent-accent: #7B5CF547;
654
654
  --on-light-outline-solid-primary: #DDDDDD;
655
655
  --on-light-outline-solid-primary-hover: #ABABABFF;
656
656
  --on-light-outline-solid-primary-active: #C4C4C4FF;
@@ -675,15 +675,12 @@
675
675
  --on-light-outline-clear: #FFFFFF00;
676
676
  --on-light-outline-clear-hover: #FFFFFFFF;
677
677
  --on-light-outline-clear-active: #FFFFFFFF;
678
- --on-light-outline-accent: #AD42F5;
679
- --on-light-outline-accent-hover: #CF90F9FF;
680
- --on-light-outline-accent-active: #A125F4FF;
681
- --on-light-outline-accent-minor: #D39CF7;
682
- --on-light-outline-accent-minor-hover: #F4E7FDFF;
683
- --on-light-outline-accent-minor-active: #C680F5FF;
684
- --on-light-outline-transparent-accent: #AD42F533;
685
- --on-light-outline-transparent-accent-hover: #AD42F5FF;
686
- --on-light-outline-transparent-accent-active: #AD42F53D;
678
+ --on-light-outline-accent-hover: #8977DAFF;
679
+ --on-light-outline-accent-active: #412CA0FF;
680
+ --on-light-outline-accent-minor-hover: #B7A3FFFF;
681
+ --on-light-outline-accent-minor-active: #7752FFFF;
682
+ --on-light-outline-transparent-accent-hover: #4B32B81F;
683
+ --on-light-outline-transparent-accent-active: #4B32B852;
687
684
  --on-light-outline-positive: #108E26;
688
685
  --on-light-outline-positive-hover: #13AA2CFF;
689
686
  --on-light-outline-positive-active: #0D731EFF;
@@ -720,6 +717,9 @@
720
717
  --on-light-outline-transparent-info: #0B7ECB33;
721
718
  --on-light-outline-transparent-info-hover: #0B7ECBFF;
722
719
  --on-light-outline-transparent-info-active: #0B7ECB3D;
720
+ --on-light-outline-accent: #4B32B8FF;
721
+ --on-light-outline-accent-minor: #967AFFFF;
722
+ --on-light-outline-transparent-accent: #4B32B833;
723
723
  --inverse-outline-solid-primary: #DDDDDD;
724
724
  --inverse-outline-solid-primary-hover: #ABABABFF;
725
725
  --inverse-outline-solid-primary-active: #C4C4C4FF;
@@ -744,15 +744,12 @@
744
744
  --inverse-outline-clear: #FFFFFF00;
745
745
  --inverse-outline-clear-hover: #FFFFFFFF;
746
746
  --inverse-outline-clear-active: #FFFFFFFF;
747
- --inverse-outline-accent: #AD42F5;
748
- --inverse-outline-accent-hover: #CF90F9FF;
749
- --inverse-outline-accent-active: #A125F4FF;
750
- --inverse-outline-accent-minor: #D39CF7;
751
- --inverse-outline-accent-minor-hover: #F4E7FDFF;
752
- --inverse-outline-accent-minor-active: #C680F5FF;
753
- --inverse-outline-transparent-accent: #AD42F533;
754
- --inverse-outline-transparent-accent-hover: #AD42F5FF;
755
- --inverse-outline-transparent-accent-active: #AD42F53D;
747
+ --inverse-outline-accent-hover: #8977DAFF;
748
+ --inverse-outline-accent-active: #412CA0FF;
749
+ --inverse-outline-accent-minor-hover: #B7A3FFFF;
750
+ --inverse-outline-accent-minor-active: #7752FFFF;
751
+ --inverse-outline-transparent-accent-hover: #4B32B81F;
752
+ --inverse-outline-transparent-accent-active: #4B32B852;
756
753
  --inverse-outline-positive: #108E26;
757
754
  --inverse-outline-positive-hover: #13AA2CFF;
758
755
  --inverse-outline-positive-active: #0D731EFF;
@@ -789,6 +786,9 @@
789
786
  --inverse-outline-transparent-info: #0B7ECB33;
790
787
  --inverse-outline-transparent-info-hover: #0B7ECBFF;
791
788
  --inverse-outline-transparent-info-active: #0B7ECB3D;
789
+ --inverse-outline-accent: #4B32B8FF;
790
+ --inverse-outline-accent-minor: #967AFFFF;
791
+ --inverse-outline-transparent-accent: #4B32B833;
792
792
  --data-yellow: #F3A912;
793
793
  --data-yellow-minor: #A16B00;
794
794
  --data-yellow-transparent: #F3A9128F;
@@ -806,30 +806,66 @@
806
806
  }
807
807
 
808
808
  :root {
809
+ --text-accent-gradient-hover: #858585FF;
810
+ --text-accent-gradient-active: #666666FF;
811
+ --text-accent-gradient: linear-gradient(45.00deg, #5F41D9FF 0%, rgb(167,77,231)100% undefined);
812
+ --on-dark-text-accent-gradient-hover: #858585FF;
813
+ --on-dark-text-accent-gradient-active: #666666FF;
814
+ --on-dark-text-accent-gradient: linear-gradient(45.00deg, #5F41D9FF 0%, rgb(167,77,231)100% undefined);
815
+ --on-light-text-accent-gradient-hover: #CCCCCCFF;
816
+ --on-light-text-accent-gradient-active: #E6E6E6FF;
817
+ --on-light-text-accent-gradient: linear-gradient(45.00deg, #5F41D9FF 0%, rgb(167,77,231)100% undefined);
818
+ --inverse-text-accent-gradient-hover: #CCCCCCFF;
819
+ --inverse-text-accent-gradient-active: #E6E6E6FF;
820
+ --inverse-text-accent-gradient: linear-gradient(45.00deg, #5F41D9FF 0%, rgb(167,77,231)100% undefined);
821
+ --surface-accent-gradient-hover: #FFFFFFFF;
822
+ --surface-accent-gradient-active: #FFFFFFFF;
823
+ --surface-accent-gradient: linear-gradient(45.00deg, #5F41D9FF 0%, rgb(167,77,231)100% undefined);
809
824
  --surface-skeleton-gradient: linear-gradient(90deg, #FFFFFF17 0%, #FFFFFF14 6.25%, #FFFFFF0D 12.5%, #FFFFFF03 25%, #FFFFFF0D 37.5%, #FFFFFF14 43.75%, #FFFFFF17 50%, #FFFFFF14 56.25%, #FFFFFF0D 62.5%, #FFFFFF03 75%, #FFFFFF0D 87.5%, #FFFFFF14 93.75%, #FFFFFF17 100%);
810
825
  --surface-skeleton-gradient-hover: #FFFFFFFF;
811
826
  --surface-skeleton-gradient-active: #FFFFFFFF;
812
827
  --surface-skeleton-deep-gradient: linear-gradient(90deg, #FFFFFF5C 0%, #FFFFFF52 6.25%, #FFFFFF33 12.5%, #FFFFFF0A 25%, #FFFFFF33 37.5%, #FFFFFF52 43.75%, #FFFFFF5C 50%, #FFFFFF14 56.25%, #FFFFFF33 62.5%, #FFFFFF0A 75%, #FFFFFF33 87.5%, #FFFFFF52 93.75%, #FFFFFF5C 100%);
813
828
  --surface-skeleton-deep-gradient-hover: #FFFFFFFF;
814
829
  --surface-skeleton-deep-gradient-active: #FFFFFFFF;
830
+ --on-dark-surface-accent-gradient-hover: #FFFFFFFF;
831
+ --on-dark-surface-accent-gradient-active: #FFFFFFFF;
832
+ --on-dark-surface-accent-gradient: linear-gradient(45.00deg, #5F41D9FF 0%, rgb(167,77,231)100% undefined);
815
833
  --on-dark-surface-skeleton-gradient: linear-gradient(90deg, #FFFFFF17 0%, #FFFFFF14 6.25%, #FFFFFF0D 12.5%, #FFFFFF03 25%, #FFFFFF0D 37.5%, #FFFFFF14 43.75%, #FFFFFF17 50%, #FFFFFF14 56.25%, #FFFFFF0D 62.5%, #FFFFFF03 75%, #FFFFFF0D 87.5%, #FFFFFF14 93.75%, #FFFFFF17 100%);
816
834
  --on-dark-surface-skeleton-gradient-hover: #FFFFFFFF;
817
835
  --on-dark-surface-skeleton-gradient-active: #FFFFFFFF;
818
836
  --on-dark-surface-skeleton-deep-gradient: linear-gradient(90deg, #FFFFFF5C 0%, #FFFFFF52 6.25%, #FFFFFF33 12.5%, #FFFFFF0A 25%, #FFFFFF33 37.5%, #FFFFFF52 43.75%, #FFFFFF5C 50%, #FFFFFF14 56.25%, #FFFFFF33 62.5%, #FFFFFF0A 75%, #FFFFFF33 87.5%, #FFFFFF52 93.75%, #FFFFFF5C 100%);
819
837
  --on-dark-surface-skeleton-deep-gradient-hover: #FFFFFFFF;
820
838
  --on-dark-surface-skeleton-deep-gradient-active: #FFFFFFFF;
839
+ --on-light-surface-accent-gradient-hover: #FFFFFFFF;
840
+ --on-light-surface-accent-gradient-active: #FFFFFFFF;
841
+ --on-light-surface-accent-gradient: linear-gradient(45.00deg, #5F41D9FF 0%, rgb(167,77,231)100% undefined);
821
842
  --on-light-surface-skeleton-gradient: linear-gradient(90deg, #08080817 0%, #08080814 6.25%, #0808080D 12.5%, #08080803 25%, #0808080D 37.5%, #08080814 43.75%, #08080817 50%, #08080814 56.25%, #0808080D 62.5%, #08080803 75%, #0808080D 87.5%, #08080814 93.75%, #08080817 100%);
822
843
  --on-light-surface-skeleton-gradient-hover: #FFFFFFFF;
823
844
  --on-light-surface-skeleton-gradient-active: #FFFFFFFF;
824
845
  --on-light-surface-skeleton-deep-gradient: linear-gradient(90deg, #0808085C 0%, #08080852 6.25%, #08080833 12.5%, #0808080A 25%, #08080833 37.5%, #08080852 43.75%, #0808085C 50%, #08080814 56.25%, #08080833 62.5%, #0808080A 75%, #08080833 87.5%, #08080852 93.75%, #0808085C 100%);
825
846
  --on-light-surface-skeleton-deep-gradient-hover: #FFFFFFFF;
826
847
  --on-light-surface-skeleton-deep-gradient-active: #FFFFFFFF;
848
+ --inverse-surface-accent-gradient-hover: #FFFFFFFF;
849
+ --inverse-surface-accent-gradient-active: #FFFFFFFF;
850
+ --inverse-surface-accent-gradient: linear-gradient(45.00deg, #5F41D9FF 0%, rgb(167,77,231)100% undefined);
827
851
  --inverse-surface-skeleton-gradient: linear-gradient(90deg, #08080817 0%, #08080814 6.25%, #0808080D 12.5%, #08080803 25%, #0808080D 37.5%, #08080814 43.75%, #08080817 50%, #08080814 56.25%, #0808080D 62.5%, #08080803 75%, #0808080D 87.5%, #08080814 93.75%, #08080817 100%);
828
852
  --inverse-surface-skeleton-gradient-hover: #FFFFFFFF;
829
853
  --inverse-surface-skeleton-gradient-active: #FFFFFFFF;
830
854
  --inverse-surface-skeleton-deep-gradient: linear-gradient(90deg, #0808085C 0%, #08080852 6.25%, #08080833 12.5%, #0808080A 25%, #08080833 37.5%, #08080852 43.75%, #0808085C 50%, #08080814 56.25%, #08080833 62.5%, #0808080A 75%, #08080833 87.5%, #08080852 93.75%, #0808085C 100%);
831
855
  --inverse-surface-skeleton-deep-gradient-hover: #FFFFFFFF;
832
856
  --inverse-surface-skeleton-deep-gradient-active: #FFFFFFFF;
857
+ --outline-accent-gradient-hover: #858585FF;
858
+ --outline-accent-gradient-active: #666666FF;
859
+ --outline-accent-gradient: linear-gradient(45.00deg,rgb(95,65,217)0%,rgb(167,77,231)100%);
860
+ --on-dark-outline-accent-gradient-hover: #858585FF;
861
+ --on-dark-outline-accent-gradient-active: #666666FF;
862
+ --on-dark-outline-accent-gradient: linear-gradient(45.00deg, #5F41D9FF 0%, rgb(167,77,231)100% undefined);
863
+ --on-light-outline-accent-gradient-hover: #CCCCCCFF;
864
+ --on-light-outline-accent-gradient-active: #E6E6E6FF;
865
+ --on-light-outline-accent-gradient: linear-gradient(45.00deg, #5F41D9FF 0%, rgb(167,77,231)100% undefined);
866
+ --inverse-outline-accent-gradient-hover: #CCCCCCFF;
867
+ --inverse-outline-accent-gradient-active: #E6E6E6FF;
868
+ --inverse-outline-accent-gradient: linear-gradient(45.00deg, #5F41D9FF 0%, rgb(167,77,231)100% undefined);
833
869
  }
834
870
 
835
871
  :root {