@salutejs-ds/sdds_sbcom 0.1.0 → 0.1.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (90) hide show
  1. package/components/Button/Button.config.d.ts +2 -2
  2. package/components/Button/Button.config.js +7 -7
  3. package/components/Button/Button.config.js.map +1 -1
  4. package/components/Button/Button.config_9i8t1d.css +10 -0
  5. package/components/Button/Button.css +9 -9
  6. package/components/Button/Button.d.ts +2 -2
  7. package/components/Checkbox/Checkbox.config.d.ts +2 -2
  8. package/components/Checkbox/Checkbox.config.js +5 -5
  9. package/components/Checkbox/Checkbox.config.js.map +1 -1
  10. package/components/Checkbox/Checkbox.config_usbc5o.css +6 -0
  11. package/components/Checkbox/Checkbox.css +6 -6
  12. package/components/Checkbox/Checkbox.d.ts +2 -2
  13. package/components/IconButton/IconButton.config.js +1 -1
  14. package/components/IconButton/IconButton.config.js.map +1 -1
  15. package/components/IconButton/IconButton.config_1em9p3v.css +9 -0
  16. package/components/IconButton/IconButton.css +8 -8
  17. package/components/Link/Link.config.d.ts +3 -3
  18. package/components/Link/Link.config.js +8 -8
  19. package/components/Link/Link.config.js.map +1 -1
  20. package/components/Link/Link.config_1cp5e0j.css +8 -0
  21. package/components/Link/Link.css +8 -8
  22. package/components/Link/Link.d.ts +3 -3
  23. package/components/Radiobox/Radiobox.config.d.ts +1 -1
  24. package/components/Radiobox/Radiobox.config.js +3 -3
  25. package/components/Radiobox/Radiobox.config.js.map +1 -1
  26. package/components/Radiobox/Radiobox.config_hbis6p.css +6 -0
  27. package/components/Radiobox/Radiobox.css +6 -6
  28. package/components/Radiobox/Radiobox.d.ts +1 -1
  29. package/css/sdds_sbcom.module.css +92 -90
  30. package/css/sdds_sbcom__dark.css +53 -51
  31. package/css/sdds_sbcom__light.css +53 -51
  32. package/es/components/Button/Button.config.js +7 -7
  33. package/es/components/Button/Button.config.js.map +1 -1
  34. package/es/components/Button/Button.config_9i8t1d.css +10 -0
  35. package/es/components/Button/Button.css +9 -9
  36. package/es/components/Checkbox/Checkbox.config.js +5 -5
  37. package/es/components/Checkbox/Checkbox.config.js.map +1 -1
  38. package/es/components/Checkbox/Checkbox.config_usbc5o.css +6 -0
  39. package/es/components/Checkbox/Checkbox.css +6 -6
  40. package/es/components/IconButton/IconButton.config.js +1 -1
  41. package/es/components/IconButton/IconButton.config.js.map +1 -1
  42. package/es/components/IconButton/IconButton.config_1em9p3v.css +9 -0
  43. package/es/components/IconButton/IconButton.css +8 -8
  44. package/es/components/Link/Link.config.js +8 -8
  45. package/es/components/Link/Link.config.js.map +1 -1
  46. package/es/components/Link/Link.config_1cp5e0j.css +8 -0
  47. package/es/components/Link/Link.css +8 -8
  48. package/es/components/Radiobox/Radiobox.config.js +3 -3
  49. package/es/components/Radiobox/Radiobox.config.js.map +1 -1
  50. package/es/components/Radiobox/Radiobox.config_hbis6p.css +6 -0
  51. package/es/components/Radiobox/Radiobox.css +6 -6
  52. package/es/index.css +37 -37
  53. package/es/index.js +1 -1
  54. package/es/theme/themes/sdds_sbcom__dark.js +1 -1
  55. package/es/theme/themes/sdds_sbcom__dark.js.map +1 -1
  56. package/es/theme/themes/sdds_sbcom__light.js +1 -1
  57. package/es/theme/themes/sdds_sbcom__light.js.map +1 -1
  58. package/es/theme/tokens/index.js +113 -107
  59. package/es/theme/tokens/index.js.map +1 -1
  60. package/index.css +37 -37
  61. package/index.js +2 -0
  62. package/index.js.map +1 -1
  63. package/package.json +1 -1
  64. package/styled-components/cjs/Button/Button.config.js +7 -7
  65. package/styled-components/cjs/Checkbox/Checkbox.config.js +5 -5
  66. package/styled-components/cjs/IconButton/IconButton.config.js +5 -5
  67. package/styled-components/cjs/Link/Link.config.js +7 -7
  68. package/styled-components/cjs/Radiobox/Radiobox.config.js +5 -5
  69. package/styled-components/es/Button/Button.config.js +7 -7
  70. package/styled-components/es/Checkbox/Checkbox.config.js +5 -5
  71. package/styled-components/es/IconButton/IconButton.config.js +5 -5
  72. package/styled-components/es/Link/Link.config.js +7 -7
  73. package/styled-components/es/Radiobox/Radiobox.config.js +5 -5
  74. package/theme/themes/sdds_sbcom__dark.js +1 -1
  75. package/theme/themes/sdds_sbcom__dark.js.map +1 -1
  76. package/theme/themes/sdds_sbcom__light.js +1 -1
  77. package/theme/themes/sdds_sbcom__light.js.map +1 -1
  78. package/theme/tokens/index.d.ts +87 -83
  79. package/theme/tokens/index.js +114 -106
  80. package/theme/tokens/index.js.map +1 -1
  81. package/components/Button/Button.config_vw2ya.css +0 -10
  82. package/components/Checkbox/Checkbox.config_8r8azs.css +0 -6
  83. package/components/IconButton/IconButton.config_11uez11.css +0 -9
  84. package/components/Link/Link.config_cgm7zu.css +0 -8
  85. package/components/Radiobox/Radiobox.config_5q7ggq.css +0 -6
  86. package/es/components/Button/Button.config_vw2ya.css +0 -10
  87. package/es/components/Checkbox/Checkbox.config_8r8azs.css +0 -6
  88. package/es/components/IconButton/IconButton.config_11uez11.css +0 -9
  89. package/es/components/Link/Link.config_cgm7zu.css +0 -8
  90. package/es/components/Radiobox/Radiobox.config_5q7ggq.css +0 -6
package/css/sdds_sbcom.module.css CHANGED
@@ -1,7 +1,6 @@
1
1
  /* Generated by robots, do not change this manually! */
2
2
 
3
3
  .dark {
4
- --text-secondary: #F6F2F0A3;
5
4
  --text-tertiary-hover: #F5F5F5FF;
6
5
  --text-tertiary-active: #F5F5F556;
7
6
  --text-tertiary: #F6F2F03D;
@@ -38,7 +37,7 @@
38
37
  --text-primary: #F6F2F0FF;
39
38
  --text-primary-brightness: #F6F6F6FF;
40
39
  --text-secondary-active: #F5F5F5AB;
41
- --on-dark-text-accent-minor-hover: #6EA013FF;
40
+ --text-secondary: #F6F2F0A3;
42
41
  --on-dark-text-positive-hover: #96E208FF;
43
42
  --on-dark-text-positive-active: #629405FF;
44
43
  --on-dark-text-warning-hover: #FF8442FF;
@@ -68,6 +67,7 @@
68
67
  --on-dark-text-paragraph-active: #F5F5F5A3;
69
68
  --on-dark-text-paragraph: #F6F2F07A;
70
69
  --on-dark-text-accent-active: #629405FF;
70
+ --on-dark-text-accent-minor-hover: #6EA013FF;
71
71
  --on-light-text-positive-hover: #79B706FF;
72
72
  --on-light-text-positive-active: #3E5E03FF;
73
73
  --on-light-text-warning-hover: #FD650DFF;
@@ -130,7 +130,6 @@
130
130
  --surface-solid-default-active: #F5F5F5FF;
131
131
  --inverse-text-accent-minor-hover: #B6FB37FF;
132
132
  --inverse-text-accent-minor-active: #70AA03FF;
133
- --surface-transparent-secondary: #FFFFFF29;
134
133
  --surface-transparent-tertiary-hover: #FFFFFF52;
135
134
  --surface-transparent-tertiary-active: #FFFFFF24;
136
135
  --surface-transparent-tertiary: #FFFFFF3D;
@@ -155,7 +154,7 @@
155
154
  --surface-transparent-primary-active: #FFFFFF0A;
156
155
  --surface-transparent-primary: #FFFFFF14;
157
156
  --surface-transparent-secondary-active: #FFFFFF0F;
158
- --surface-info-active: #1086D5FF;
157
+ --surface-transparent-secondary: #FFFFFF29;
159
158
  --surface-transparent-accent: #B4AE7B33;
160
159
  --surface-info: #9BCAF8FF;
161
160
  --surface-positive: #A6D2A2FF;
@@ -184,7 +183,7 @@
184
183
  --surface-negative-hover: #FF475AFF;
185
184
  --surface-negative-active: #FF1F35FF;
186
185
  --surface-info-hover: #1798EEFF;
187
- --on-dark-surface-transparent-card-hover: #FFFFFF1F;
186
+ --surface-info-active: #1086D5FF;
188
187
  --on-dark-surface-transparent-card-active: #FFFFFF0A;
189
188
  --on-dark-surface-transparent-card: #23232399;
190
189
  --on-dark-surface-transparent-card-brightness: #FFFF1DFF;
@@ -203,7 +202,7 @@
203
202
  --on-dark-surface-transparent-tertiary-active: #FFFFFF24;
204
203
  --on-dark-surface-transparent-deep-hover: #FFFFFFC2;
205
204
  --on-dark-surface-transparent-deep: #373737B8;
206
- --on-light-surface-solid-primary-active: #F0F0F0FF;
205
+ --on-dark-surface-transparent-card-hover: #FFFFFF1F;
207
206
  --on-light-surface-solid-primary: #FFFFFFFF;
208
207
  --on-light-surface-solid-primary-brightness: #F6F6F6FF;
209
208
  --on-light-surface-solid-secondary-hover: #E8E8E8FF;
@@ -231,7 +230,7 @@
231
230
  --on-dark-surface-transparent-tertiary: #FFFFFF3D;
232
231
  --on-dark-surface-info: #9BCAF8FF;
233
232
  --on-light-surface-solid-primary-hover: #F2F2F2FF;
234
- --on-light-surface-transparent-card: #FFFFFF99;
233
+ --on-light-surface-solid-primary-active: #F0F0F0FF;
235
234
  --on-light-surface-transparent-card-brightness: #171717FF;
236
235
  --on-light-surface-accent-minor-active: #BEFB4BFF;
237
236
  --on-light-surface-transparent-accent-hover: #1A9E322E;
@@ -251,7 +250,7 @@
251
250
  --on-dark-surface-transparent-accent: #B4AE7B33;
252
251
  --on-light-surface-transparent-deep: #FFFFFFB2;
253
252
  --on-light-surface-transparent-card-active: #0808081A;
254
- --inverse-surface-solid-primary: #FFFFFFFF;
253
+ --on-light-surface-transparent-card: #FFFFFF99;
255
254
  --inverse-surface-solid-primary-brightness: #F6F6F6FF;
256
255
  --inverse-surface-solid-secondary-hover: #E8E8E8FF;
257
256
  --inverse-surface-solid-secondary: #FFFFFFFF;
@@ -279,7 +278,7 @@
279
278
  --on-light-surface-transparent-deep-active: #080808B8;
280
279
  --on-light-surface-accent-minor: #D2ECBAFF;
281
280
  --inverse-surface-solid-primary-active: #F0F0F0FF;
282
- --inverse-surface-accent-hover: #6FA706FF;
281
+ --inverse-surface-solid-primary: #FFFFFFFF;
283
282
  --inverse-surface-accent-active: #558005FF;
284
283
  --inverse-surface-accent-minor-active: #BEFB4BFF;
285
284
  --inverse-surface-transparent-accent-hover: #1A9E322E;
@@ -300,6 +299,7 @@
300
299
  --on-light-surface-positive: #239322FF;
301
300
  --inverse-surface-transparent-card-active: #FFFFFFFF;
302
301
  --inverse-surface-transparent-card-brightness: #FFFFFFFF;
302
+ --inverse-surface-accent-hover: #6FA706FF;
303
303
  --light-background-primary: #F9F9F9;
304
304
  --inverse-background-primary: #EBE7E5FF;
305
305
  --inverse-background-primary-brightness: #F9F9F9FF;
@@ -348,7 +348,6 @@
348
348
  --outline-text-info: #9BCAF8FF;
349
349
  --outline-transparent-primary: #FFFFFF1F;
350
350
  --on-dark-outline-transparent-primary-active: #FFFFFF12;
351
- --on-light-outline-negative: #E83439FF;
352
351
  --on-light-outline-text-info: #3776BCFF;
353
352
  --inverse-outline-transparent-primary-hover: #08080852;
354
353
  --inverse-outline-transparent-primary-active: #08080838;
@@ -374,7 +373,7 @@
374
373
  --on-light-outline-warning-active: #CA4B02FF;
375
374
  --on-light-outline-text-info-hover: #47B0F5FF;
376
375
  --on-light-outline-warning: #BE4E0CFF;
377
- --on-dark-data-yellow-transparent-hover: #F3A812AD;
376
+ --on-light-outline-negative: #E83439FF;
378
377
  --on-dark-data-yellow-transparent-active: #F3A81280;
379
378
  --on-light-data-yellow: #F3A912;
380
379
  --on-light-data-yellow-hover: #F5B638FF;
@@ -403,9 +402,9 @@
403
402
  --outline-positive: #A6D2A2FF;
404
403
  --on-dark-data-yellow-minor: #A16B00;
405
404
  --on-dark-data-yellow-minor-active: #996600FF;
405
+ --on-dark-data-yellow-transparent-hover: #F3A812AD;
406
406
  --on-dark-surface-transparent-secondary: #FFFFFF29;
407
407
  --text-secondary-hover: #F5F5F5FF;
408
- --on-dark-background-secondary: #000000FF;
409
408
  --on-dark-background-secondary-hover: #CCCCCCFF;
410
409
  --on-dark-background-secondary-brightness: #0F0F0FFF;
411
410
  --on-dark-background-primary: #15110FFF;
@@ -453,7 +452,7 @@
453
452
  --on-dark-outline-default-hover: #CCCCCCFF;
454
453
  --inverse-background-secondary-hover: #CCCCCCFF;
455
454
  --inverse-background-secondary-brightness: #FFFFFFFF;
456
- --persona-blue-surface-accent-gradient: #0F0F0FFF;
455
+ --on-dark-background-secondary: #000000FF;
457
456
  --persona-blue-surface-accent-gradient-hover: #CCCCCCFF;
458
457
  --persona-blue-surface-accent-gradient-active: #E6E6E6FF;
459
458
  --persona-blue-surface-accent-gradient-brightness: #0F0F0FFF;
@@ -499,7 +498,7 @@
499
498
  --on-light-outline-minor: #FFFFFFFF;
500
499
  --on-light-outline-minor-hover: #CCCCCCFF;
501
500
  --on-light-outline-minor-brightness: #FFFFFFFF;
502
- --persona-sea-blue-surface-accent-gradient-hover: #CCCCCCFF;
501
+ --persona-blue-surface-accent-gradient: #0F0F0FFF;
503
502
  --persona-sea-blue-surface-accent-gradient-active: #E6E6E6FF;
504
503
  --persona-sea-blue-surface-accent-gradient-brightness: #0F0F0FFF;
505
504
  --persona-sea-blue-text-accent: #15110FFF;
@@ -544,7 +543,7 @@
544
543
  --persona-pink-text-accent-hover: #CCCCCCFF;
545
544
  --persona-pink-text-accent-active: #E6E6E6FF;
546
545
  --persona-sea-blue-surface-accent-gradient: #0F0F0FFF;
547
- --inverse-persona-olive-surface-accent-gradient-hover: #CCCCCCFF;
546
+ --persona-sea-blue-surface-accent-gradient-hover: #CCCCCCFF;
548
547
  --inverse-persona-olive-surface-accent-gradient-active: #E6E6E6FF;
549
548
  --inverse-persona-olive-surface-accent-gradient-brightness: #F6F2F0FF;
550
549
  --inverse-persona-olive-text-accent: #EBE7E5FF;
@@ -589,7 +588,7 @@
589
588
  --inverse-persona-olive-text-accent-hover: #CCCCCCFF;
590
589
  --inverse-persona-ochre-text-accent-active: #E6E6E6FF;
591
590
  --inverse-persona-olive-surface-accent-gradient: #F6F2F0FF;
592
- --on-dark-persona-indigo-surface-accent-gradient-hover: #CCCCCCFF;
591
+ --inverse-persona-olive-surface-accent-gradient-hover: #CCCCCCFF;
593
592
  --on-dark-persona-indigo-surface-accent-gradient-active: #E6E6E6FF;
594
593
  --on-dark-persona-indigo-surface-accent-gradient-brightness: #0F0F0FFF;
595
594
  --on-dark-persona-indigo-text-accent: #15110FFF;
@@ -634,7 +633,7 @@
634
633
  --on-dark-persona-green-text-accent-hover: #CCCCCCFF;
635
634
  --on-dark-persona-green-text-accent-active: #E6E6E6FF;
636
635
  --on-dark-persona-indigo-surface-accent-gradient: #0F0F0FFF;
637
- --on-light-persona-blue-text-accent: #EBE7E5FF;
636
+ --on-dark-persona-indigo-surface-accent-gradient-hover: #CCCCCCFF;
638
637
  --on-light-persona-blue-text-accent-hover: #CCCCCCFF;
639
638
  --on-light-persona-blue-text-accent-active: #E6E6E6FF;
640
639
  --on-light-persona-blue-text-accent-brightness: #EBE7E5FF;
@@ -673,7 +672,7 @@
673
672
  --on-light-persona-ochre-surface-accent-gradient-brightness: #F6F2F0FF;
674
673
  --on-light-persona-blue-surface-accent-gradient-hover: #CCCCCCFF;
675
674
  --on-light-persona-blue-surface-accent-gradient-brightness: #F6F2F0FF;
676
- --on-light-persona-violet-surface-accent-gradient-active: #E6E6E6FF;
675
+ --on-light-persona-blue-text-accent: #EBE7E5FF;
677
676
  --on-light-persona-violet-surface-accent-gradient-brightness: #F6F2F0FF;
678
677
  --on-light-persona-violet-text-accent: #EBE7E5FF;
679
678
  --on-light-persona-violet-text-accent-hover: #CCCCCCFF;
@@ -683,8 +682,8 @@
683
682
  --surface-accent-primary-hover: #CCCCCCFF;
684
683
  --surface-accent-primary-active: #E6E6E6FF;
685
684
  --on-light-persona-violet-surface-accent-gradient: #F6F2F0FF;
685
+ --on-light-persona-violet-surface-accent-gradient-active: #E6E6E6FF;
686
686
  --on-light-surface-accent-primary: #527E4BFF;
687
- --surface-warning-active: #F05B05FF;
688
687
  --on-dark-surface-accent-minor: #3E4C2FFF;
689
688
  --on-light-surface-transparent-tertiary-active: #08080833;
690
689
  --on-light-surface-accent-minor-hover: #D7FD91FF;
@@ -700,7 +699,7 @@
700
699
  --on-light-persona-pink-surface-accent-gradient-active: #E6E6E6FF;
701
700
  --on-light-persona-sea-blue-surface-accent-gradient-hover: #CCCCCCFF;
702
701
  --inverse-text-accent-active: #3E5E03FF;
703
- --on-light-text-accent-hover: #79B706FF;
702
+ --surface-warning-active: #F05B05FF;
704
703
  --on-dark-persona-blue-surface-accent-gradient-brightness: #0F0F0FFF;
705
704
  --on-light-persona-olive-surface-accent-gradient-active: #E6E6E6FF;
706
705
  --on-light-surface-accent-primary-active: #E6E6E6FF;
@@ -722,7 +721,7 @@
722
721
  --background-secondary-hover: #CCCCCCFF;
723
722
  --outline-negative: #F8A6A9FF;
724
723
  --on-dark-text-tertiary: #F6F2F03D;
725
- --on-light-outline-warning-hover: #FD9253FF;
724
+ --on-light-text-accent-hover: #79B706FF;
726
725
  --text-accent-minor-hover: #6EA013FF;
727
726
  --inverse-persona-indigo-surface-accent-gradient-hover: #CCCCCCFF;
728
727
  --on-dark-persona-green-surface-accent-gradient-brightness: #0F0F0FFF;
@@ -744,7 +743,7 @@
744
743
  --data-yellow-transparent-hover: #F3A812AD;
745
744
  --on-dark-surface-negative: #F8A6A9FF;
746
745
  --inverse-surface-info: #3776BCFF;
747
- --on-dark-persona-pink-text-accent-hover: #CCCCCCFF;
746
+ --on-light-outline-warning-hover: #FD9253FF;
748
747
  --on-light-persona-olive-surface-accent-gradient-brightness: #F6F2F0FF;
749
748
  --on-light-persona-pink-text-accent-brightness: #EBE7E5FF;
750
749
  --surface-transparent-accent-minor-brightness: #B4AE7B47;
@@ -759,10 +758,10 @@
759
758
  --surface-accent-primary-brightness: #B4AE7BFF;
760
759
  --surface-accent-secondary-brightness: #B4AE7BFF;
761
760
  --on-light-outline-default-brightness: #DDD9D7FF;
762
- --persona-pink-surface-accent-gradient-brightness: #0F0F0FFF;
761
+ --on-dark-persona-pink-text-accent-hover: #CCCCCCFF;
763
762
  --on-dark-text-accent-hover: #96E208FF;
764
763
  --on-light-persona-violet-surface-accent-gradient-hover: #CCCCCCFF;
765
- --inverse-surface-accent-secondary-hover: #CCCCCCFF;
764
+ --persona-pink-surface-accent-gradient-brightness: #0F0F0FFF;
766
765
  --inverse-surface-transparent-accent-minor-hover: #CCCCCCFF;
767
766
  --on-light-surface-accent-primary-hover: #CCCCCCFF;
768
767
  --on-light-surface-accent-secondary-hover: #CCCCCCFF;
@@ -771,13 +770,7 @@
771
770
  --on-dark-surface-accent-primary-hover: #CCCCCCFF;
772
771
  --on-dark-surface-accent-secondary-hover: #CCCCCCFF;
773
772
  --surface-transparent-accent-minor-hover: #CCCCCCFF;
774
- --surface-transparent-secondary-hover: #FFFFFF3D;
775
- --surface-negative: #F8A6A9FF;
776
- --on-light-surface-transparent-card-hover: #08080814;
777
- --inverse-surface-solid-primary-hover: #F2F2F2FF;
778
- --dark-background-primary: #080808;
779
- --on-dark-data-yellow-minor-hover: #B87A00FF;
780
- --on-light-outline-negative-active: #E40C22FF;
773
+ --inverse-surface-accent-secondary-hover: #CCCCCCFF;
781
774
  --on-dark-surface-solid-primary-hover: #1C1C1CFF;
782
775
  --inverse-background-secondary-active: #E6E6E6FF;
783
776
  --persona-pink-text-accent-brightness: #15110FFF;
@@ -787,9 +780,18 @@
787
780
  --on-light-persona-pink-text-accent: #EBE7E5FF;
788
781
  --on-dark-surface-transparent-accent-minor-active: #E6E6E6FF;
789
782
  --surface-solid-default: #F6F2F0FF;
783
+ --surface-accent-secondary-hover: #CCCCCCFF;
784
+ --surface-transparent-secondary-hover: #FFFFFF3D;
785
+ --surface-negative: #F8A6A9FF;
786
+ --on-light-surface-transparent-card-hover: #08080814;
787
+ --inverse-surface-solid-primary-hover: #F2F2F2FF;
788
+ --dark-background-primary: #080808;
789
+ --on-dark-data-yellow-minor-hover: #B87A00FF;
790
+ --on-light-outline-negative-active: #E40C22FF;
790
791
  --on-light-persona-pink-surface-accent-gradient-brightness: #F6F2F0FF;
791
792
  --on-light-outline-transparent-primary: #15110F3D;
792
- --surface-accent-secondary-hover: #CCCCCCFF;
793
+ --on-light-surface-transparent-accent: #527E4B1F;
794
+ --persona-ochre-surface-accent-gradient-hover: #CCCCCCFF;
793
795
  --on-dark-surface-solid-primary-active: #121212FF;
794
796
  --on-dark-surface-transparent-deep-active: #FFFFFF94;
795
797
  --on-dark-surface-positive: #A6D2A2FF;
@@ -799,14 +801,11 @@
799
801
  --on-light-outline-minor-active: #E6E6E6FF;
800
802
  --on-light-persona-sea-blue-text-accent-brightness: #EBE7E5FF;
801
803
  --on-dark-outline-transparent-primary: #FFFFFF1F;
802
- --on-light-surface-transparent-accent: #527E4B1F;
803
- --persona-ochre-surface-accent-gradient-hover: #CCCCCCFF;
804
804
  color: var(--text-primary);
805
805
  background-color: var(--background-primary);
806
806
  }
807
807
 
808
808
  .dark {
809
- --on-dark-surface-accent-gradient-active: #E6E6E6FF;
810
809
  --surface-accent-gradient: linear-gradient(90deg, #7A733FFF 0%, #B4AE7BFF 100%);
811
810
  --surface-skeleton-gradient: linear-gradient(90.00deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.24) 50%, rgba(255, 255, 255, 0) 100%, rgba(255, 255, 255, 0) 100%);
812
811
  --surface-skeleton-gradient-hover: #FFFFFFFF;
@@ -815,6 +814,7 @@
815
814
  --surface-skeleton-deep-gradient-hover: #FFFFFFFF;
816
815
  --on-dark-surface-accent-gradient-hover: #CCCCCCFF;
817
816
  --surface-skeleton-deep-gradient-active: #FFFFFFFF;
817
+ --on-dark-surface-accent-gradient-active: #E6E6E6FF;
818
818
  --on-dark-surface-skeleton-gradient: linear-gradient(90.00deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.24) 50%, rgba(255, 255, 255, 0) 100%, rgba(255, 255, 255, 0) 100%);
819
819
  --on-dark-surface-skeleton-gradient-hover: #FFFFFFFF;
820
820
  --on-dark-surface-skeleton-gradient-active: #FFFFFFFF;
@@ -824,7 +824,6 @@
824
824
  --on-light-surface-accent-gradient-hover: #CCCCCCFF;
825
825
  --on-light-surface-accent-gradient-active: #E6E6E6FF;
826
826
  --on-light-surface-skeleton-deep-gradient-active: #FFFFFFFF;
827
- --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%);
828
827
  --on-light-surface-skeleton-deep-gradient-hover: #FFFFFFFF;
829
828
  --inverse-surface-accent-gradient-hover: #CCCCCCFF;
830
829
  --inverse-surface-accent-gradient-active: #E6E6E6FF;
@@ -836,6 +835,7 @@
836
835
  --on-light-surface-accent-gradient: linear-gradient(90deg, #527E4BFF 0%, #9CBF80FF 100%);
837
836
  --on-light-surface-skeleton-gradient: linear-gradient(270deg, rgba(8, 8, 8, 0.06) 0%, rgba(8, 8, 8, 0.05) 10%, rgba(8, 8, 8, 0.04) 20%, rgba(8, 8, 8, 0.03) 25%, rgba(8, 8, 8, 0.02) 30%, rgba(8, 8, 8, 0.01) 40%, rgba(8, 8, 8, 0) 50%, rgba(8, 8, 8, 0.01) 60%, rgba(8, 8, 8, 0.02) 70%, rgba(8, 8, 8, 0.03) 75%, rgba(8, 8, 8, 0.04) 80%, rgba(8, 8, 8, 0.05) 90%, rgba(8, 8, 8, 0.06) 100%);
838
837
  --on-light-surface-skeleton-gradient-active: #FFFFFFFF;
838
+ --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%);
839
839
  --outline-accent-gradient: linear-gradient(45.00deg, #1A9E32FF 0%, #04C6C9FF 99.688%);
840
840
  --on-dark-outline-accent-gradient-hover: #858585FF;
841
841
  --on-dark-outline-accent-gradient-active: #666666FF;
@@ -846,7 +846,6 @@
846
846
  --inverse-outline-accent-gradient-hover: #CCCCCCFF;
847
847
  --inverse-outline-accent-gradient-active: #E6E6E6FF;
848
848
  --on-light-outline-accent-gradient-active: #E6E6E6FF;
849
- --on-dark-outline-transparent-surface-hover: #CCCCCCFF;
850
849
  --on-dark-outline-transparent-surface-active: #E6E6E6FF;
851
850
  --on-dark-outline-transparent-surface-brightness: linear-gradient(90deg, #FFFFFFFF 0%, #FFFFFF29 33%, #FFFFFF29 67%, #FFFFFFCC 100%);
852
851
  --on-light-outline-transparent-surface: linear-gradient(90deg, #FFFFFFFF 0%, #FFFFFF29 33%, #FFFFFF29 67%, #FFFFFFCC 100%);
@@ -878,26 +877,26 @@
878
877
  --inverse-outline-transparent-surface-brightness: linear-gradient(90deg, #FFFFFFFF 0%, #FFFFFF29 33%, #FFFFFF29 67%, #FFFFFFCC 100%);
879
878
  --on-dark-outline-transparent-surface: linear-gradient(90deg, #FFFFFFFF 0%, #FFFFFF29 33%, #FFFFFF29 67%, #FFFFFFCC 100%);
880
879
  --inverse-text-accent-gradient-ai-brightness: linear-gradient(90deg, #1FB9E0FF 0%, #6D4EDFFF 50%, #B331D0FF 100%);
881
- --on-light-overlay-gradient-hover: #CCCCCCFF;
880
+ --on-dark-outline-transparent-surface-hover: #CCCCCCFF;
882
881
  --on-light-overlay-gradient-active: #E6E6E6FF;
883
882
  --on-light-overlay-gradient-brightness: linear-gradient(90deg, #FFFFFFFF 0%, #FFFFFF00 100%);
884
883
  --inverse-overlay-gradient-active: #E6E6E6FF;
885
884
  --inverse-overlay-gradient-hover: #CCCCCCFF;
886
885
  --inverse-overlay-gradient-brightness: linear-gradient(90deg, #FFFFFFFF 0%, #FFFFFF00 100%);
887
886
  --on-light-overlay-gradient: linear-gradient(90deg, #FFFFFFFF 0%, #FFFFFF00 100%);
887
+ --on-light-overlay-gradient-hover: #CCCCCCFF;
888
888
  --inverse-surface-skeleton-deep-gradient-hover: #FFFFFFFF;
889
889
  --inverse-outline-accent-gradient: linear-gradient(45.00deg, #0D8523FF 0%, #0DA8ABFF 100%);
890
890
  --on-light-outline-accent-gradient-hover: #CCCCCCFF;
891
891
  --surface-accent-gradient-hover: #CCCCCCFF;
892
892
  --outline-accent-gradient-active: #666666FF;
893
893
  --on-light-outline-transparent-surface-brightness: linear-gradient(90deg, #FFFFFFFF 0%, #FFFFFF29 33%, #FFFFFF29 67%, #FFFFFFCC 100%);
894
- --surface-accent-gradient-active: #E6E6E6FF;
895
894
  --on-dark-surface-accent-gradient: linear-gradient(90deg, #7A733FFF 0%, #B4AE7BFF 100%);
895
+ --surface-accent-gradient-active: #E6E6E6FF;
896
896
  --on-light-surface-skeleton-gradient-hover: #FFFFFFFF;
897
897
  }
898
898
 
899
899
  .light {
900
- --text-secondary: #15110FA3;
901
900
  --text-tertiary-hover: #171717FF;
902
901
  --text-tertiary-active: #17171756;
903
902
  --text-tertiary: #15110F3D;
@@ -934,7 +933,7 @@
934
933
  --text-primary: #15110FFF;
935
934
  --text-primary-brightness: #2525F6FF;
936
935
  --text-secondary-active: #171717AB;
937
- --on-dark-text-accent-minor-hover: #96E208FF;
936
+ --text-secondary: #15110FA3;
938
937
  --on-dark-text-positive-hover: #96E208FF;
939
938
  --on-dark-text-positive-active: #629405FF;
940
939
  --on-dark-text-warning-hover: #FF8B4DFF;
@@ -964,6 +963,7 @@
964
963
  --on-dark-text-paragraph-active: #F5F5F5A3;
965
964
  --on-dark-text-paragraph: #F6F2F07A;
966
965
  --on-dark-text-accent-active: #629405FF;
966
+ --on-dark-text-accent-minor-hover: #96E208FF;
967
967
  --on-light-text-positive-hover: #79B706FF;
968
968
  --on-light-text-positive-active: #3E5E03FF;
969
969
  --on-light-text-warning-hover: #FD6B17FF;
@@ -1026,7 +1026,6 @@
1026
1026
  --surface-solid-default-active: #030303FF;
1027
1027
  --inverse-text-accent-minor-hover: #6EA013FF;
1028
1028
  --inverse-text-accent-minor-active: #2F4408FF;
1029
- --surface-transparent-secondary: #15110F14;
1030
1029
  --surface-transparent-tertiary-hover: #0808082E;
1031
1030
  --surface-transparent-tertiary-active: #08080833;
1032
1031
  --surface-transparent-tertiary: #15110F1F;
@@ -1051,7 +1050,7 @@
1051
1050
  --surface-transparent-primary-active: #0808080D;
1052
1051
  --surface-transparent-primary: #15110F0A;
1053
1052
  --surface-transparent-secondary-active: #0808081A;
1054
- --surface-info-active: #0F81CCFF;
1053
+ --surface-transparent-secondary: #15110F14;
1055
1054
  --surface-transparent-accent: #527E4B1F;
1056
1055
  --surface-info: #3776BCFF;
1057
1056
  --surface-positive: #239322FF;
@@ -1080,7 +1079,7 @@
1080
1079
  --surface-negative-hover: #FF5263FF;
1081
1080
  --surface-negative-active: #FF142CFF;
1082
1081
  --surface-info-hover: #209CEEFF;
1083
- --on-dark-surface-transparent-card-hover: #FFFFFF1F;
1082
+ --surface-info-active: #0F81CCFF;
1084
1083
  --on-dark-surface-transparent-card-active: #FFFFFF0A;
1085
1084
  --on-dark-surface-transparent-card: #23232399;
1086
1085
  --on-dark-surface-transparent-card-brightness: #FFFF1DFF;
@@ -1099,7 +1098,7 @@
1099
1098
  --on-dark-surface-transparent-tertiary-active: #FFFFFF24;
1100
1099
  --on-dark-surface-transparent-deep-hover: #FFFFFFC2;
1101
1100
  --on-dark-surface-transparent-deep: #373737B8;
1102
- --on-light-surface-solid-primary-active: #F0F0F0FF;
1101
+ --on-dark-surface-transparent-card-hover: #FFFFFF1F;
1103
1102
  --on-light-surface-solid-primary: #FFFFFFFF;
1104
1103
  --on-light-surface-solid-primary-brightness: #F6F6F6FF;
1105
1104
  --on-light-surface-solid-secondary-hover: #E8E8E8FF;
@@ -1127,7 +1126,7 @@
1127
1126
  --on-dark-surface-transparent-tertiary: #FFFFFF3D;
1128
1127
  --on-dark-surface-info: #9BCAF8FF;
1129
1128
  --on-light-surface-solid-primary-hover: #F2F2F2FF;
1130
- --on-light-surface-transparent-card: #FFFFFF99;
1129
+ --on-light-surface-solid-primary-active: #F0F0F0FF;
1131
1130
  --on-light-surface-transparent-card-brightness: #FFFFFFFF;
1132
1131
  --on-light-surface-accent-minor-active: #BEFB4BFF;
1133
1132
  --on-light-surface-transparent-accent-hover: #1A9E322E;
@@ -1147,7 +1146,7 @@
1147
1146
  --on-dark-surface-transparent-accent: #B4AE7B33;
1148
1147
  --on-light-surface-transparent-deep: #FFFFFFB2;
1149
1148
  --on-light-surface-transparent-card-active: #FFFFFFFF;
1150
- --inverse-surface-solid-primary: #232323FF;
1149
+ --on-light-surface-transparent-card: #FFFFFF99;
1151
1150
  --inverse-surface-solid-primary-brightness: #252525FF;
1152
1151
  --inverse-surface-solid-secondary-hover: #303030FF;
1153
1152
  --inverse-surface-solid-secondary: #292929FF;
@@ -1175,7 +1174,7 @@
1175
1174
  --on-light-surface-transparent-deep-active: #080808B8;
1176
1175
  --on-light-surface-accent-minor: #D2ECBAFF;
1177
1176
  --inverse-surface-solid-primary-active: #121212FF;
1178
- --inverse-surface-accent-hover: #6FA706FF;
1177
+ --inverse-surface-solid-primary: #232323FF;
1179
1178
  --inverse-surface-accent-active: #5B8A05FF;
1180
1179
  --inverse-surface-accent-minor-active: #182108FF;
1181
1180
  --inverse-surface-transparent-accent-hover: #1A9E3252;
@@ -1196,6 +1195,7 @@
1196
1195
  --on-light-surface-positive: #239322FF;
1197
1196
  --inverse-surface-transparent-card-active: #FFFFFF0A;
1198
1197
  --inverse-surface-transparent-card-brightness: #FFFF1DFF;
1198
+ --inverse-surface-accent-hover: #6FA706FF;
1199
1199
  --light-background-primary: #F9F9F9;
1200
1200
  --inverse-background-primary: #15110FFF;
1201
1201
  --inverse-background-primary-brightness: #171717FF;
@@ -1244,7 +1244,6 @@
1244
1244
  --outline-text-info: #3776BCFF;
1245
1245
  --outline-transparent-primary: #15110F3D;
1246
1246
  --on-dark-outline-transparent-primary-active: #FFFFFF12;
1247
- --on-light-outline-negative: #E83439FF;
1248
1247
  --on-light-outline-text-info: #3776BCFF;
1249
1248
  --inverse-outline-transparent-primary-hover: #FFFFFF4D;
1250
1249
  --inverse-outline-transparent-primary-active: #FFFFFF12;
@@ -1270,7 +1269,7 @@
1270
1269
  --on-light-outline-warning-active: #CA4B02FF;
1271
1270
  --on-light-outline-text-info-hover: #47B0F5FF;
1272
1271
  --on-light-outline-warning: #BE4E0CFF;
1273
- --on-dark-data-yellow-transparent-hover: #F3A812AD;
1272
+ --on-light-outline-negative: #E83439FF;
1274
1273
  --on-dark-data-yellow-transparent-active: #F3A81280;
1275
1274
  --on-light-data-yellow: #F3A912;
1276
1275
  --on-light-data-yellow-hover: #F5B638FF;
@@ -1299,9 +1298,9 @@
1299
1298
  --outline-positive: #239322FF;
1300
1299
  --on-dark-data-yellow-minor: #A16B00;
1301
1300
  --on-dark-data-yellow-minor-active: #996600FF;
1301
+ --on-dark-data-yellow-transparent-hover: #F3A812AD;
1302
1302
  --on-dark-surface-transparent-secondary: #FFFFFF29;
1303
1303
  --text-secondary-hover: #171717FF;
1304
- --on-dark-background-secondary: #000000FF;
1305
1304
  --on-dark-background-secondary-hover: #CCCCCCFF;
1306
1305
  --on-dark-background-secondary-brightness: #0F0F0FFF;
1307
1306
  --on-dark-background-primary: #15110FFF;
@@ -1345,7 +1344,7 @@
1345
1344
  --on-dark-outline-default-hover: #CCCCCCFF;
1346
1345
  --inverse-background-secondary-hover: #CCCCCCFF;
1347
1346
  --inverse-background-secondary-brightness: #000000FF;
1348
- --persona-blue-surface-accent-gradient: #F6F2F0FF;
1347
+ --on-dark-background-secondary: #000000FF;
1349
1348
  --persona-blue-surface-accent-gradient-hover: #CCCCCCFF;
1350
1349
  --persona-blue-surface-accent-gradient-active: #E6E6E6FF;
1351
1350
  --persona-blue-surface-accent-gradient-brightness: #F6F2F0FF;
@@ -1391,7 +1390,7 @@
1391
1390
  --on-light-outline-minor: #FFFFFFFF;
1392
1391
  --on-light-outline-minor-hover: #CCCCCCFF;
1393
1392
  --on-light-outline-minor-brightness: #FFFFFFFF;
1394
- --persona-sea-blue-surface-accent-gradient-hover: #CCCCCCFF;
1393
+ --persona-blue-surface-accent-gradient: #F6F2F0FF;
1395
1394
  --persona-sea-blue-surface-accent-gradient-active: #E6E6E6FF;
1396
1395
  --persona-sea-blue-surface-accent-gradient-brightness: #F6F2F0FF;
1397
1396
  --persona-sea-blue-text-accent: #EBE7E5FF;
@@ -1436,7 +1435,7 @@
1436
1435
  --persona-pink-text-accent-hover: #CCCCCCFF;
1437
1436
  --persona-pink-text-accent-active: #E6E6E6FF;
1438
1437
  --persona-sea-blue-surface-accent-gradient: #F6F2F0FF;
1439
- --inverse-persona-olive-surface-accent-gradient-hover: #CCCCCCFF;
1438
+ --persona-sea-blue-surface-accent-gradient-hover: #CCCCCCFF;
1440
1439
  --inverse-persona-olive-surface-accent-gradient-active: #E6E6E6FF;
1441
1440
  --inverse-persona-olive-surface-accent-gradient-brightness: #0F0F0FFF;
1442
1441
  --inverse-persona-olive-text-accent: #15110FFF;
@@ -1481,7 +1480,7 @@
1481
1480
  --inverse-persona-olive-text-accent-hover: #CCCCCCFF;
1482
1481
  --inverse-persona-ochre-text-accent-active: #E6E6E6FF;
1483
1482
  --inverse-persona-olive-surface-accent-gradient: #0F0F0FFF;
1484
- --on-dark-persona-indigo-surface-accent-gradient-hover: #CCCCCCFF;
1483
+ --inverse-persona-olive-surface-accent-gradient-hover: #CCCCCCFF;
1485
1484
  --on-dark-persona-indigo-surface-accent-gradient-active: #E6E6E6FF;
1486
1485
  --on-dark-persona-indigo-surface-accent-gradient-brightness: #0F0F0FFF;
1487
1486
  --on-dark-persona-indigo-text-accent: #15110FFF;
@@ -1526,7 +1525,7 @@
1526
1525
  --on-dark-persona-green-text-accent-hover: #CCCCCCFF;
1527
1526
  --on-dark-persona-green-text-accent-active: #E6E6E6FF;
1528
1527
  --on-dark-persona-indigo-surface-accent-gradient: #0F0F0FFF;
1529
- --on-light-persona-blue-text-accent: #EBE7E5FF;
1528
+ --on-dark-persona-indigo-surface-accent-gradient-hover: #CCCCCCFF;
1530
1529
  --on-light-persona-blue-text-accent-hover: #CCCCCCFF;
1531
1530
  --on-light-persona-blue-text-accent-active: #E6E6E6FF;
1532
1531
  --on-light-persona-blue-text-accent-brightness: #EBE7E5FF;
@@ -1565,7 +1564,7 @@
1565
1564
  --on-light-persona-ochre-surface-accent-gradient-brightness: #F6F2F0FF;
1566
1565
  --on-light-persona-blue-surface-accent-gradient-hover: #CCCCCCFF;
1567
1566
  --on-light-persona-blue-surface-accent-gradient-brightness: #F6F2F0FF;
1568
- --on-light-persona-violet-surface-accent-gradient-active: #E6E6E6FF;
1567
+ --on-light-persona-blue-text-accent: #EBE7E5FF;
1569
1568
  --on-light-persona-violet-surface-accent-gradient-brightness: #F6F2F0FF;
1570
1569
  --on-light-persona-violet-text-accent: #EBE7E5FF;
1571
1570
  --on-light-persona-violet-text-accent-hover: #CCCCCCFF;
@@ -1575,8 +1574,8 @@
1575
1574
  --surface-accent-primary-hover: #CCCCCCFF;
1576
1575
  --surface-accent-primary-active: #E6E6E6FF;
1577
1576
  --on-light-persona-violet-surface-accent-gradient: #F6F2F0FF;
1577
+ --on-light-persona-violet-surface-accent-gradient-active: #E6E6E6FF;
1578
1578
  --on-light-surface-accent-primary: #527E4BFF;
1579
- --surface-warning-active: #E65705FF;
1580
1579
  --on-dark-surface-accent-minor: #3E4C2FFF;
1581
1580
  --on-light-surface-transparent-tertiary-active: #08080833;
1582
1581
  --on-light-surface-accent-minor-hover: #D7FD91FF;
@@ -1592,7 +1591,7 @@
1592
1591
  --on-light-persona-pink-surface-accent-gradient-active: #E6E6E6FF;
1593
1592
  --on-light-persona-sea-blue-surface-accent-gradient-hover: #CCCCCCFF;
1594
1593
  --inverse-text-accent-active: #629405FF;
1595
- --on-light-text-accent-hover: #79B706FF;
1594
+ --surface-warning-active: #E65705FF;
1596
1595
  --on-dark-persona-blue-surface-accent-gradient-brightness: #0F0F0FFF;
1597
1596
  --on-light-persona-olive-surface-accent-gradient-active: #E6E6E6FF;
1598
1597
  --on-light-surface-accent-primary-active: #E6E6E6FF;
@@ -1615,7 +1614,7 @@
1615
1614
  --background-secondary-hover: #CCCCCCFF;
1616
1615
  --outline-negative: #E83439FF;
1617
1616
  --on-dark-text-tertiary: #F6F2F03D;
1618
- --on-light-outline-warning-hover: #FD9253FF;
1617
+ --on-light-text-accent-hover: #79B706FF;
1619
1618
  --text-accent-minor-hover: #B6FB37FF;
1620
1619
  --inverse-persona-indigo-surface-accent-gradient-hover: #CCCCCCFF;
1621
1620
  --on-dark-persona-green-surface-accent-gradient-brightness: #0F0F0FFF;
@@ -1638,7 +1637,7 @@
1638
1637
  --data-yellow-transparent-hover: #F3A8129E;
1639
1638
  --on-dark-surface-negative: #F8A6A9FF;
1640
1639
  --inverse-surface-info: #9BCAF8FF;
1641
- --on-dark-persona-pink-text-accent-hover: #CCCCCCFF;
1640
+ --on-light-outline-warning-hover: #FD9253FF;
1642
1641
  --on-light-persona-olive-surface-accent-gradient-brightness: #F6F2F0FF;
1643
1642
  --on-light-persona-pink-text-accent-brightness: #EBE7E5FF;
1644
1643
  --surface-transparent-accent-minor-brightness: #527E4B3D;
@@ -1654,10 +1653,10 @@
1654
1653
  --surface-accent-primary-brightness: #527E4BFF;
1655
1654
  --surface-accent-secondary-brightness: #688F61FF;
1656
1655
  --on-light-outline-default-brightness: #DDD9D7FF;
1657
- --persona-pink-surface-accent-gradient-brightness: #F6F2F0FF;
1656
+ --on-dark-persona-pink-text-accent-hover: #CCCCCCFF;
1658
1657
  --on-dark-text-accent-hover: #96E208FF;
1659
1658
  --on-light-persona-violet-surface-accent-gradient-hover: #CCCCCCFF;
1660
- --inverse-surface-accent-secondary-hover: #CCCCCCFF;
1659
+ --persona-pink-surface-accent-gradient-brightness: #F6F2F0FF;
1661
1660
  --inverse-surface-transparent-accent-minor-hover: #CCCCCCFF;
1662
1661
  --on-light-surface-accent-primary-hover: #CCCCCCFF;
1663
1662
  --on-light-surface-accent-secondary-hover: #CCCCCCFF;
@@ -1667,13 +1666,7 @@
1667
1666
  --on-dark-surface-accent-primary-hover: #CCCCCCFF;
1668
1667
  --on-dark-surface-accent-secondary-hover: #CCCCCCFF;
1669
1668
  --surface-transparent-accent-minor-hover: #CCCCCCFF;
1670
- --surface-transparent-secondary-hover: #08080814;
1671
- --surface-negative: #E83439FF;
1672
- --on-light-surface-transparent-card-hover: #FFFFFFFF;
1673
- --inverse-surface-solid-primary-hover: #1C1C1CFF;
1674
- --dark-background-primary: #080808;
1675
- --on-dark-data-yellow-minor-hover: #B87A00FF;
1676
- --on-light-outline-negative-active: #E40C22FF;
1669
+ --inverse-surface-accent-secondary-hover: #CCCCCCFF;
1677
1670
  --on-dark-surface-solid-primary-hover: #1C1C1CFF;
1678
1671
  --inverse-background-secondary-active: #E6E6E6FF;
1679
1672
  --persona-pink-text-accent-brightness: #EBE7E5FF;
@@ -1683,9 +1676,18 @@
1683
1676
  --on-light-persona-pink-text-accent: #EBE7E5FF;
1684
1677
  --on-dark-surface-transparent-accent-minor-active: #E6E6E6FF;
1685
1678
  --surface-solid-default: #15110FFF;
1679
+ --surface-accent-secondary-hover: #CCCCCCFF;
1680
+ --surface-transparent-secondary-hover: #08080814;
1681
+ --surface-negative: #E83439FF;
1682
+ --on-light-surface-transparent-card-hover: #FFFFFFFF;
1683
+ --inverse-surface-solid-primary-hover: #1C1C1CFF;
1684
+ --dark-background-primary: #080808;
1685
+ --on-dark-data-yellow-minor-hover: #B87A00FF;
1686
+ --on-light-outline-negative-active: #E40C22FF;
1686
1687
  --on-light-persona-pink-surface-accent-gradient-brightness: #F6F2F0FF;
1687
1688
  --on-light-outline-transparent-primary: #15110F3D;
1688
- --surface-accent-secondary-hover: #CCCCCCFF;
1689
+ --on-light-surface-transparent-accent: #527E4B1F;
1690
+ --persona-ochre-surface-accent-gradient-hover: #CCCCCCFF;
1689
1691
  --on-dark-surface-solid-primary-active: #121212FF;
1690
1692
  --on-dark-surface-transparent-deep-active: #FFFFFF94;
1691
1693
  --on-dark-surface-positive: #A6D2A2FF;
@@ -1695,14 +1697,11 @@
1695
1697
  --on-light-outline-minor-active: #E6E6E6FF;
1696
1698
  --on-light-persona-sea-blue-text-accent-brightness: #EBE7E5FF;
1697
1699
  --on-dark-outline-transparent-primary: #FFFFFF1F;
1698
- --on-light-surface-transparent-accent: #527E4B1F;
1699
- --persona-ochre-surface-accent-gradient-hover: #CCCCCCFF;
1700
1700
  color: var(--text-primary);
1701
1701
  background-color: var(--background-primary);
1702
1702
  }
1703
1703
 
1704
1704
  .light {
1705
- --on-dark-surface-accent-gradient-active: #E6E6E6FF;
1706
1705
  --surface-accent-gradient: linear-gradient(45.00deg, rgb(82, 126, 75) 0%, rgb(156, 191, 128) 100%);
1707
1706
  --surface-skeleton-gradient: linear-gradient(270deg, rgba(8, 8, 8, 0.06) 0%, rgba(8, 8, 8, 0.05) 10%, rgba(8, 8, 8, 0.04) 20%, rgba(8, 8, 8, 0.03) 25%, rgba(8, 8, 8, 0.02) 30%, rgba(8, 8, 8, 0.01) 40%, rgba(8, 8, 8, 0) 50%, rgba(8, 8, 8, 0.01) 60%, rgba(8, 8, 8, 0.02) 70%, rgba(8, 8, 8, 0.03) 75%, rgba(8, 8, 8, 0.04) 80%, rgba(8, 8, 8, 0.05) 90%, rgba(8, 8, 8, 0.06) 100%);
1708
1707
  --surface-skeleton-gradient-hover: #FFFFFFFF;
@@ -1711,6 +1710,7 @@
1711
1710
  --surface-skeleton-deep-gradient-hover: #FFFFFFFF;
1712
1711
  --on-dark-surface-accent-gradient-hover: #CCCCCCFF;
1713
1712
  --surface-skeleton-deep-gradient-active: #FFFFFFFF;
1713
+ --on-dark-surface-accent-gradient-active: #E6E6E6FF;
1714
1714
  --on-dark-surface-skeleton-gradient: linear-gradient(90.00deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.24) 50%, rgba(255, 255, 255, 0) 100%, rgba(255, 255, 255, 0) 100%);
1715
1715
  --on-dark-surface-skeleton-gradient-hover: #FFFFFFFF;
1716
1716
  --on-dark-surface-skeleton-gradient-active: #FFFFFFFF;
@@ -1720,7 +1720,6 @@
1720
1720
  --on-light-surface-accent-gradient-hover: #CCCCCCFF;
1721
1721
  --on-light-surface-accent-gradient-active: #E6E6E6FF;
1722
1722
  --on-light-surface-skeleton-deep-gradient-active: #FFFFFFFF;
1723
- --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%);
1724
1723
  --on-light-surface-skeleton-deep-gradient-hover: #FFFFFFFF;
1725
1724
  --inverse-surface-accent-gradient-hover: #CCCCCCFF;
1726
1725
  --inverse-surface-accent-gradient-active: #E6E6E6FF;
@@ -1732,6 +1731,7 @@
1732
1731
  --on-light-surface-accent-gradient: linear-gradient(90deg, #527E4BFF 0%, #9CBF80FF 100%);
1733
1732
  --on-light-surface-skeleton-gradient: linear-gradient(270deg, rgba(8, 8, 8, 0.06) 0%, rgba(8, 8, 8, 0.05) 10%, rgba(8, 8, 8, 0.04) 20%, rgba(8, 8, 8, 0.03) 25%, rgba(8, 8, 8, 0.02) 30%, rgba(8, 8, 8, 0.01) 40%, rgba(8, 8, 8, 0) 50%, rgba(8, 8, 8, 0.01) 60%, rgba(8, 8, 8, 0.02) 70%, rgba(8, 8, 8, 0.03) 75%, rgba(8, 8, 8, 0.04) 80%, rgba(8, 8, 8, 0.05) 90%, rgba(8, 8, 8, 0.06) 100%);
1734
1733
  --on-light-surface-skeleton-gradient-active: #FFFFFFFF;
1734
+ --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%);
1735
1735
  --outline-accent-gradient: linear-gradient(45.00deg, #0D8523FF 0%, #0DA8ABFF 100%);
1736
1736
  --on-dark-outline-accent-gradient-hover: #858585FF;
1737
1737
  --on-dark-outline-accent-gradient-active: #666666FF;
@@ -1742,7 +1742,6 @@
1742
1742
  --inverse-outline-accent-gradient-hover: #858585FF;
1743
1743
  --inverse-outline-accent-gradient-active: #666666FF;
1744
1744
  --on-light-outline-accent-gradient-active: #E6E6E6FF;
1745
- --on-dark-outline-transparent-surface-hover: #CCCCCCFF;
1746
1745
  --on-dark-outline-transparent-surface-active: #E6E6E6FF;
1747
1746
  --on-dark-outline-transparent-surface-brightness: linear-gradient(90deg, #FFFFFFFF 0%, #FFFFFF29 33%, #FFFFFF29 67%, #FFFFFFCC 100%);
1748
1747
  --on-light-outline-transparent-surface: linear-gradient(90deg, #FFFFFFFF 0%, #FFFFFF29 33%, #FFFFFF29 67%, #FFFFFFCC 100%);
@@ -1770,7 +1769,7 @@
1770
1769
  --on-light-surface-accent-gradient-brightness: linear-gradient(90deg, #527E4BFF 0%, #9CBF80FF 100%);
1771
1770
  --on-dark-outline-transparent-surface: linear-gradient(90deg, #FFFFFFFF 0%, #FFFFFF29 33%, #FFFFFF29 67%, #FFFFFFCC 100%);
1772
1771
  --inverse-text-accent-gradient-ai-brightness: linear-gradient(90deg, #36D3F5FF 0%, #A98DF5FF 50%, #CA46E3FF 100%);
1773
- --on-light-overlay-gradient-hover: #CCCCCCFF;
1772
+ --on-dark-outline-transparent-surface-hover: #CCCCCCFF;
1774
1773
  --on-light-overlay-gradient-active: #E6E6E6FF;
1775
1774
  --on-light-overlay-gradient-brightness: linear-gradient(90deg, #FFFFFFFF 0%, #FFFFFF00 100%);
1776
1775
  --outline-transparent-surface: linear-gradient(90deg, #FFFFFFFF 0%, #FFFFFF29 33%, #FFFFFF29 67%, #FFFFFFCC 100%);
@@ -1789,23 +1788,24 @@
1789
1788
  --inverse-overlay-gradient-hover: #CCCCCCFF;
1790
1789
  --inverse-overlay-gradient-brightness: linear-gradient(90deg, #000000FF 0%, #00000000 100%);
1791
1790
  --on-light-overlay-gradient: linear-gradient(90deg, #FFFFFFFF 0%, #FFFFFF00 100%);
1791
+ --on-light-overlay-gradient-hover: #CCCCCCFF;
1792
1792
  --inverse-surface-skeleton-deep-gradient-hover: #FFFFFFFF;
1793
1793
  --inverse-outline-accent-gradient: linear-gradient(45.00deg, #1A9E32FF 0%, #04C6C9FF 99.688%);
1794
1794
  --on-light-outline-accent-gradient-hover: #CCCCCCFF;
1795
1795
  --surface-accent-gradient-hover: #CCCCCCFF;
1796
1796
  --outline-accent-gradient-active: #E6E6E6FF;
1797
1797
  --on-light-outline-transparent-surface-brightness: linear-gradient(90deg, #FFFFFFFF 0%, #FFFFFF29 33%, #FFFFFF29 67%, #FFFFFFCC 100%);
1798
- --surface-accent-gradient-active: #E6E6E6FF;
1799
1798
  --on-dark-surface-accent-gradient: linear-gradient(90deg, #7A733FFF 0%, #B4AE7BFF 100%);
1799
+ --surface-accent-gradient-active: #E6E6E6FF;
1800
1800
  --on-light-surface-skeleton-gradient-hover: #FFFFFFFF;
1801
1801
  }
1802
1802
 
1803
1803
  .dark, .light {
1804
- --shadow-down-hard-l: 0rem 3.75rem 7rem -0.5rem #00000066;
1805
1804
  --shadow-down-soft-s: 0rem 0.25rem 0.875rem -0.25rem #08080814, 0rem 0.0625rem 0.25rem -0.0625rem #0000000A;
1806
1805
  --shadow-down-soft-m: 0rem 1.5rem 3rem -0.5rem #00000014;
1807
1806
  --shadow-down-soft-l: 0rem 3.75rem 7rem -0.5rem #00000014;
1808
1807
  --shadow-down-hard-m: 0rem 1rem 2rem -0.5rem #0000003D;
1808
+ --shadow-down-hard-l: 0rem 3.75rem 7rem -0.5rem #00000066;
1809
1809
  --shadow-down-hard-s: 0rem 0.25rem 0.75rem -0.1875rem #08080829, 0rem 0.0625rem 0.25rem -0.125rem #00000014;
1810
1810
  --shadow-up-soft-s: 0rem -0.25rem 0.875rem -0.25rem #08080814, 0rem -0.0625rem 0.25rem -0.0625rem #00000008;
1811
1811
  --shadow-up-soft-m: 0rem -1.5rem 3rem -0.5rem #00000014;
@@ -1817,13 +1817,15 @@
1817
1817
 
1818
1818
  .dark, .light {
1819
1819
  --border-radius-xxl: 1.5rem;
1820
+ --border-radius-4xl: 2rem;
1821
+ --border-radius-5xl: 2.5rem;
1820
1822
  --border-radius-3xl: 1.75rem;
1821
1823
  --border-radius-l: 1rem;
1822
1824
  --border-radius-xl: 1.25rem;
1823
- --border-radius-s: 0.5rem;
1824
1825
  --border-radius-m: 0.75rem;
1825
1826
  --border-radius-xxs: 0.25rem;
1826
1827
  --border-radius-xs: 0.375rem;
1828
+ --border-radius-s: 0.5rem;
1827
1829
  --border-radius-circle: 624.9375rem;
1828
1830
  }
1829
1831
 
@@ -1831,9 +1833,9 @@
1831
1833
  --spacing-0x: 0rem;
1832
1834
  --spacing-1x: 0.125rem;
1833
1835
  --spacing-2x: 0.25rem;
1834
- --spacing-6x: 0.75rem;
1835
1836
  --spacing-4x: 0.5rem;
1836
1837
  --spacing-3x: 0.375rem;
1838
+ --spacing-6x: 0.75rem;
1837
1839
  --spacing-8x: 1rem;
1838
1840
  --spacing-16x: 2rem;
1839
1841
  --spacing-20x: 2.5rem;
@@ -1853,9 +1855,6 @@
1853
1855
  --plasma-typo-body-font-family: 'Roboto', sans-serif;
1854
1856
  --plasma-typo-header-font-family: 'Roboto', sans-serif;
1855
1857
  --plasma-typo-text-font-family: 'undefined', sans-serif;
1856
- --plasma-typo-dspl-s-font-family: var(--plasma-typo-display-font-family);
1857
- --plasma-typo-dspl-s-letter-spacing: normal;
1858
- --plasma-typo-dspl-s-font-style: normal;
1859
1858
  --plasma-typo-h3-bold-font-family: var(--plasma-typo-header-font-family);
1860
1859
  --plasma-typo-h3-bold-letter-spacing: normal;
1861
1860
  --plasma-typo-h3-bold-font-style: normal;
@@ -1904,6 +1903,9 @@
1904
1903
  --plasma-typo-dspl-s-bold-font-family: var(--plasma-typo-display-font-family);
1905
1904
  --plasma-typo-dspl-s-bold-letter-spacing: normal;
1906
1905
  --plasma-typo-dspl-s-bold-font-style: normal;
1906
+ --plasma-typo-dspl-s-font-family: var(--plasma-typo-display-font-family);
1907
+ --plasma-typo-dspl-s-letter-spacing: normal;
1908
+ --plasma-typo-dspl-s-font-style: normal;
1907
1909
  --plasma-typo-dspl-s-medium-font-family: var(--plasma-typo-display-font-family);
1908
1910
  --plasma-typo-dspl-s-medium-letter-spacing: normal;
1909
1911
  --plasma-typo-dspl-s-medium-font-style: normal;
@@ -1911,9 +1913,6 @@
1911
1913
 
1912
1914
  @media (max-width: 559px) {
1913
1915
  .dark, .light {
1914
- --plasma-typo-dspl-s-font-size: 2.125rem;
1915
- --plasma-typo-dspl-s-font-weight: 400;
1916
- --plasma-typo-dspl-s-line-height: 2.5625rem;
1917
1916
  --plasma-typo-h3-bold-font-size: 1.25rem;
1918
1917
  --plasma-typo-h3-bold-font-weight: 700;
1919
1918
  --plasma-typo-h3-bold-line-height: 1.4375rem;
@@ -1962,6 +1961,9 @@
1962
1961
  --plasma-typo-dspl-s-bold-font-size: 2.125rem;
1963
1962
  --plasma-typo-dspl-s-bold-font-weight: 700;
1964
1963
  --plasma-typo-dspl-s-bold-line-height: 2.5625rem;
1964
+ --plasma-typo-dspl-s-font-size: 2.125rem;
1965
+ --plasma-typo-dspl-s-font-weight: 400;
1966
+ --plasma-typo-dspl-s-line-height: 2.5625rem;
1965
1967
  --plasma-typo-dspl-s-medium-font-size: 2.125rem;
1966
1968
  --plasma-typo-dspl-s-medium-font-weight: 500;
1967
1969
  --plasma-typo-dspl-s-medium-line-height: 2.5625rem;
@@ -1979,9 +1981,6 @@
1979
1981
  --plasma-typo-dspl-s-font-size: 2.125rem;
1980
1982
  --plasma-typo-dspl-s-font-weight: 400;
1981
1983
  --plasma-typo-dspl-s-line-height: 2.5625rem;
1982
- --plasma-typo-h3-medium-font-size: 1.25rem;
1983
- --plasma-typo-h3-medium-font-weight: 500;
1984
- --plasma-typo-h3-medium-line-height: 1.4375rem;
1985
1984
  --plasma-typo-h3-font-size: 1.25rem;
1986
1985
  --plasma-typo-h3-font-weight: 400;
1987
1986
  --plasma-typo-h3-line-height: 1.4375rem;
@@ -2024,6 +2023,9 @@
2024
2023
  --plasma-typo-h3-bold-font-size: 1.25rem;
2025
2024
  --plasma-typo-h3-bold-font-weight: 600;
2026
2025
  --plasma-typo-h3-bold-line-height: 1.4375rem;
2026
+ --plasma-typo-h3-medium-font-size: 1.25rem;
2027
+ --plasma-typo-h3-medium-font-weight: 500;
2028
+ --plasma-typo-h3-medium-line-height: 1.4375rem;
2027
2029
  }
2028
2030
  }
2029
2031