@salutejs-ds/sdds_sbcom 0.1.0 → 0.1.2

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__dark.css CHANGED
@@ -1,7 +1,6 @@
1
1
  /* Generated by robots, do not change this manually! */
2
2
 
3
3
  :root {
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
  :root {
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,30 +877,31 @@
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
  :root {
900
- --shadow-down-hard-l: 0rem 3.75rem 7rem -0.5rem #00000066;
901
900
  --shadow-down-soft-s: 0rem 0.25rem 0.875rem -0.25rem #08080814, 0rem 0.0625rem 0.25rem -0.0625rem #0000000A;
902
901
  --shadow-down-soft-m: 0rem 1.5rem 3rem -0.5rem #00000014;
903
902
  --shadow-down-soft-l: 0rem 3.75rem 7rem -0.5rem #00000014;
904
903
  --shadow-down-hard-m: 0rem 1rem 2rem -0.5rem #0000003D;
904
+ --shadow-down-hard-l: 0rem 3.75rem 7rem -0.5rem #00000066;
905
905
  --shadow-down-hard-s: 0rem 0.25rem 0.75rem -0.1875rem #08080829, 0rem 0.0625rem 0.25rem -0.125rem #00000014;
906
906
  --shadow-up-soft-s: 0rem -0.25rem 0.875rem -0.25rem #08080814, 0rem -0.0625rem 0.25rem -0.0625rem #00000008;
907
907
  --shadow-up-soft-m: 0rem -1.5rem 3rem -0.5rem #00000014;
@@ -913,13 +913,15 @@
913
913
 
914
914
  :root {
915
915
  --border-radius-xxl: 1.5rem;
916
+ --border-radius-4xl: 2rem;
917
+ --border-radius-5xl: 2.5rem;
916
918
  --border-radius-3xl: 1.75rem;
917
919
  --border-radius-l: 1rem;
918
920
  --border-radius-xl: 1.25rem;
919
- --border-radius-s: 0.5rem;
920
921
  --border-radius-m: 0.75rem;
921
922
  --border-radius-xxs: 0.25rem;
922
923
  --border-radius-xs: 0.375rem;
924
+ --border-radius-s: 0.5rem;
923
925
  --border-radius-circle: 624.9375rem;
924
926
  }
925
927
 
@@ -927,9 +929,9 @@
927
929
  --spacing-0x: 0rem;
928
930
  --spacing-1x: 0.125rem;
929
931
  --spacing-2x: 0.25rem;
930
- --spacing-6x: 0.75rem;
931
932
  --spacing-4x: 0.5rem;
932
933
  --spacing-3x: 0.375rem;
934
+ --spacing-6x: 0.75rem;
933
935
  --spacing-8x: 1rem;
934
936
  --spacing-16x: 2rem;
935
937
  --spacing-20x: 2.5rem;
@@ -949,9 +951,6 @@
949
951
  --plasma-typo-body-font-family: 'Roboto', sans-serif;
950
952
  --plasma-typo-header-font-family: 'Roboto', sans-serif;
951
953
  --plasma-typo-text-font-family: 'undefined', sans-serif;
952
- --plasma-typo-dspl-s-font-family: var(--plasma-typo-display-font-family);
953
- --plasma-typo-dspl-s-letter-spacing: normal;
954
- --plasma-typo-dspl-s-font-style: normal;
955
954
  --plasma-typo-h3-bold-font-family: var(--plasma-typo-header-font-family);
956
955
  --plasma-typo-h3-bold-letter-spacing: normal;
957
956
  --plasma-typo-h3-bold-font-style: normal;
@@ -1000,6 +999,9 @@
1000
999
  --plasma-typo-dspl-s-bold-font-family: var(--plasma-typo-display-font-family);
1001
1000
  --plasma-typo-dspl-s-bold-letter-spacing: normal;
1002
1001
  --plasma-typo-dspl-s-bold-font-style: normal;
1002
+ --plasma-typo-dspl-s-font-family: var(--plasma-typo-display-font-family);
1003
+ --plasma-typo-dspl-s-letter-spacing: normal;
1004
+ --plasma-typo-dspl-s-font-style: normal;
1003
1005
  --plasma-typo-dspl-s-medium-font-family: var(--plasma-typo-display-font-family);
1004
1006
  --plasma-typo-dspl-s-medium-letter-spacing: normal;
1005
1007
  --plasma-typo-dspl-s-medium-font-style: normal;
@@ -1007,9 +1009,6 @@
1007
1009
 
1008
1010
  @media (max-width: 559px) {
1009
1011
  :root {
1010
- --plasma-typo-dspl-s-font-size: 2.125rem;
1011
- --plasma-typo-dspl-s-font-weight: 400;
1012
- --plasma-typo-dspl-s-line-height: 2.5625rem;
1013
1012
  --plasma-typo-h3-bold-font-size: 1.25rem;
1014
1013
  --plasma-typo-h3-bold-font-weight: 700;
1015
1014
  --plasma-typo-h3-bold-line-height: 1.4375rem;
@@ -1058,6 +1057,9 @@
1058
1057
  --plasma-typo-dspl-s-bold-font-size: 2.125rem;
1059
1058
  --plasma-typo-dspl-s-bold-font-weight: 700;
1060
1059
  --plasma-typo-dspl-s-bold-line-height: 2.5625rem;
1060
+ --plasma-typo-dspl-s-font-size: 2.125rem;
1061
+ --plasma-typo-dspl-s-font-weight: 400;
1062
+ --plasma-typo-dspl-s-line-height: 2.5625rem;
1061
1063
  --plasma-typo-dspl-s-medium-font-size: 2.125rem;
1062
1064
  --plasma-typo-dspl-s-medium-font-weight: 500;
1063
1065
  --plasma-typo-dspl-s-medium-line-height: 2.5625rem;
@@ -1075,9 +1077,6 @@
1075
1077
  --plasma-typo-dspl-s-font-size: 2.125rem;
1076
1078
  --plasma-typo-dspl-s-font-weight: 400;
1077
1079
  --plasma-typo-dspl-s-line-height: 2.5625rem;
1078
- --plasma-typo-h3-medium-font-size: 1.25rem;
1079
- --plasma-typo-h3-medium-font-weight: 500;
1080
- --plasma-typo-h3-medium-line-height: 1.4375rem;
1081
1080
  --plasma-typo-h3-font-size: 1.25rem;
1082
1081
  --plasma-typo-h3-font-weight: 400;
1083
1082
  --plasma-typo-h3-line-height: 1.4375rem;
@@ -1120,6 +1119,9 @@
1120
1119
  --plasma-typo-h3-bold-font-size: 1.25rem;
1121
1120
  --plasma-typo-h3-bold-font-weight: 600;
1122
1121
  --plasma-typo-h3-bold-line-height: 1.4375rem;
1122
+ --plasma-typo-h3-medium-font-size: 1.25rem;
1123
+ --plasma-typo-h3-medium-font-weight: 500;
1124
+ --plasma-typo-h3-medium-line-height: 1.4375rem;
1123
1125
  }
1124
1126
  }
1125
1127