@salutejs-ds/sdds_sbcom 0.1.11 → 0.1.12

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 (95) 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_b4txnl.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 +1 -1
  8. package/components/Checkbox/Checkbox.config.js +4 -4
  9. package/components/Checkbox/Checkbox.config.js.map +1 -1
  10. package/components/Checkbox/Checkbox.config_j2f4po.css +6 -0
  11. package/components/Checkbox/Checkbox.css +6 -6
  12. package/components/Checkbox/Checkbox.d.ts +1 -1
  13. package/components/Counter/Counter.config.d.ts +3 -3
  14. package/components/Counter/Counter.config.js +10 -10
  15. package/components/Counter/Counter.config.js.map +1 -1
  16. package/components/Counter/Counter.config_yoygvx.css +11 -0
  17. package/components/Counter/Counter.css +10 -10
  18. package/components/Counter/Counter.d.ts +3 -3
  19. package/components/IconButton/IconButton.config.js +1 -1
  20. package/components/IconButton/IconButton.config.js.map +1 -1
  21. package/{es/components/IconButton/IconButton.config_16whlcu.css → components/IconButton/IconButton.config_1q8h816.css} +4 -4
  22. package/components/IconButton/IconButton.css +8 -8
  23. package/components/Link/Link.config.d.ts +1 -1
  24. package/components/Link/Link.config.js +5 -5
  25. package/components/Link/Link.config.js.map +1 -1
  26. package/components/Link/{Link.config_16czjeg.css → Link.config_e4pw7e.css} +4 -4
  27. package/components/Link/Link.css +8 -8
  28. package/components/Link/Link.d.ts +1 -1
  29. package/components/Radiobox/Radiobox.config.js +1 -1
  30. package/components/Radiobox/Radiobox.config.js.map +1 -1
  31. package/components/Radiobox/Radiobox.config_10j4d0h.css +6 -0
  32. package/components/Radiobox/Radiobox.css +6 -6
  33. package/css/sdds_sbcom.module.css +124 -124
  34. package/css/sdds_sbcom__dark.css +93 -93
  35. package/css/sdds_sbcom__light.css +93 -93
  36. package/es/components/Button/Button.config.js +7 -7
  37. package/es/components/Button/Button.config.js.map +1 -1
  38. package/es/components/Button/Button.config_b4txnl.css +10 -0
  39. package/es/components/Button/Button.css +9 -9
  40. package/es/components/Checkbox/Checkbox.config.js +4 -4
  41. package/es/components/Checkbox/Checkbox.config.js.map +1 -1
  42. package/es/components/Checkbox/Checkbox.config_j2f4po.css +6 -0
  43. package/es/components/Checkbox/Checkbox.css +6 -6
  44. package/es/components/Counter/Counter.config.js +10 -10
  45. package/es/components/Counter/Counter.config.js.map +1 -1
  46. package/es/components/Counter/Counter.config_yoygvx.css +11 -0
  47. package/es/components/Counter/Counter.css +10 -10
  48. package/es/components/IconButton/IconButton.config.js +1 -1
  49. package/es/components/IconButton/IconButton.config.js.map +1 -1
  50. package/{components/IconButton/IconButton.config_16whlcu.css → es/components/IconButton/IconButton.config_1q8h816.css} +4 -4
  51. package/es/components/IconButton/IconButton.css +8 -8
  52. package/es/components/Link/Link.config.js +5 -5
  53. package/es/components/Link/Link.config.js.map +1 -1
  54. package/es/components/Link/{Link.config_16czjeg.css → Link.config_e4pw7e.css} +4 -4
  55. package/es/components/Link/Link.css +8 -8
  56. package/es/components/Radiobox/Radiobox.config.js +1 -1
  57. package/es/components/Radiobox/Radiobox.config.js.map +1 -1
  58. package/es/components/Radiobox/Radiobox.config_10j4d0h.css +6 -0
  59. package/es/components/Radiobox/Radiobox.css +6 -6
  60. package/es/index.css +55 -55
  61. package/es/theme/themes/sdds_sbcom__dark.js +1 -1
  62. package/es/theme/themes/sdds_sbcom__dark.js.map +1 -1
  63. package/es/theme/themes/sdds_sbcom__light.js +1 -1
  64. package/es/theme/themes/sdds_sbcom__light.js.map +1 -1
  65. package/es/theme/tokens/index.js +131 -131
  66. package/es/theme/tokens/index.js.map +1 -1
  67. package/index.css +55 -55
  68. package/package.json +1 -1
  69. package/styled-components/cjs/Button/Button.config.js +7 -7
  70. package/styled-components/cjs/Checkbox/Checkbox.config.js +6 -6
  71. package/styled-components/cjs/Counter/Counter.config.js +10 -10
  72. package/styled-components/cjs/IconButton/IconButton.config.js +4 -4
  73. package/styled-components/cjs/Link/Link.config.js +4 -4
  74. package/styled-components/cjs/Radiobox/Radiobox.config.js +6 -6
  75. package/styled-components/es/Button/Button.config.js +7 -7
  76. package/styled-components/es/Checkbox/Checkbox.config.js +6 -6
  77. package/styled-components/es/Counter/Counter.config.js +10 -10
  78. package/styled-components/es/IconButton/IconButton.config.js +4 -4
  79. package/styled-components/es/Link/Link.config.js +4 -4
  80. package/styled-components/es/Radiobox/Radiobox.config.js +6 -6
  81. package/theme/themes/sdds_sbcom__dark.js +1 -1
  82. package/theme/themes/sdds_sbcom__dark.js.map +1 -1
  83. package/theme/themes/sdds_sbcom__light.js +1 -1
  84. package/theme/themes/sdds_sbcom__light.js.map +1 -1
  85. package/theme/tokens/index.d.ts +99 -99
  86. package/theme/tokens/index.js +131 -131
  87. package/theme/tokens/index.js.map +1 -1
  88. package/components/Button/Button.config_1hraf1c.css +0 -10
  89. package/components/Checkbox/Checkbox.config_eljryy.css +0 -6
  90. package/components/Counter/Counter.config_1v7pqtf.css +0 -11
  91. package/components/Radiobox/Radiobox.config_1x0ncs8.css +0 -6
  92. package/es/components/Button/Button.config_1hraf1c.css +0 -10
  93. package/es/components/Checkbox/Checkbox.config_eljryy.css +0 -6
  94. package/es/components/Counter/Counter.config_1v7pqtf.css +0 -11
  95. package/es/components/Radiobox/Radiobox.config_1x0ncs8.css +0 -6
package/css/sdds_sbcom.module.css CHANGED
@@ -2,41 +2,39 @@
2
2
 
3
3
  .dark {
4
4
  --on-dark-personas-green-text-accent: #6CD5BB;
5
- --on-dark-personas-ochre-text-accent-hover: #F7C8B6FF;
6
5
  --surface-transparent-accent-minor-hover: #0BA88866;
7
6
  --on-light-outline-primary-hover: #ADA39FFF;
8
7
  --inverse-outline-default-active: #E6E6E6FF;
9
8
  --inverse-personas-sea-blue-text-accent-active: #4BB4B4FF;
10
9
  --inverse-personas-violet-text-accent-active: #81288FFF;
11
10
  --on-dark-surface-transparent-navi-active: #2424248A;
12
- --inverse-outline-primary-active: #C4BEBAFF;
13
11
  --on-light-outline-default-hover: #CCCCCCFF;
14
- --on-dark-outline-default-hover: #666666FF;
12
+ --inverse-outline-primary-active: #C4BEBAFF;
15
13
  --on-dark-outline-default-active: #292929FF;
14
+ --on-dark-outline-default-hover: #666666FF;
16
15
  --personas-green-text-accent-hover: #04C396FF;
17
16
  --personas-sea-blue-text-accent-hover: #00C5CCFF;
18
17
  --inverse-surface-accent-secondary-hover: #50C3A8FF;
19
18
  --on-light-surface-accent-secondary-active: #3CAF94FF;
20
- --surface-transparent-navi-active: #FFFFFF8A;
19
+ --surface-transparent-navi-active: #2424248A;
21
20
  --on-light-surface-transparent-accent-minor-active: #0BA88852;
22
21
  --on-light-personas-green-text-accent-active: #04AF87FF;
23
22
  --outline-default-active: #666666FF;
24
23
  --on-dark-outline-primary-active: #2B2827FF;
25
24
  --personas-olive-text-accent-active: #7DC07CFF;
26
- --inverse-personas-ochre-text-accent-active: #AA4A0EFF;
27
25
  --on-dark-personas-olive-text-accent-hover: #A6D4A5FF;
26
+ --inverse-personas-ochre-text-accent-active: #AA4A0EFF;
28
27
  --inverse-surface-transparent-navi-active: #FFFFFFAD;
29
28
  --on-light-personas-olive-text-accent-active: #179315FF;
30
29
  --on-light-personas-violet-text-accent-active: #81288FFF;
31
30
  --on-light-personas-ochre-text-accent-active: #AA4A0EFF;
32
- --on-dark-personas-indigo-text-accent-active: #AA73F2FF;
33
31
  --on-dark-surface-accent-secondary-hover: #70CDB7FF;
34
32
  --inverse-personas-green-text-accent-hover: #8CDECAFF;
35
33
  --on-light-personas-pink-text-accent-hover: #E47777FF;
36
34
  --surface-accent-secondary-hover: #70CDB7FF;
37
35
  --personas-pink-text-accent-hover: #E26E6EFF;
38
- --personas-pink-text-accent-active: #D83B3BFF;
39
36
  --personas-indigo-text-accent-hover: #E8DAFCFF;
37
+ --personas-pink-text-accent-active: #D83B3BFF;
40
38
  --on-dark-personas-violet-text-accent-hover: #E9B6F2FF;
41
39
  --on-light-outline-primary: #DDD9D7;
42
40
  --inverse-outline-default: #FFFFFF;
@@ -48,12 +46,12 @@
48
46
  --on-light-personas-sea-blue-text-accent-active: #00B1B8FF;
49
47
  --on-light-outline-default: #FFFFFF;
50
48
  --personas-ochre-text-accent-active: #F19F7EFF;
51
- --on-dark-surface-transparent-accent-minor-hover: #0BA88866;
52
49
  --inverse-background-hardline: #000000;
50
+ --on-dark-surface-transparent-accent-minor-hover: #0BA88866;
53
51
  --on-dark-surface-transparent-accent-minor-active: #0BA88838;
54
52
  --on-dark-personas-sea-blue-text-accent-hover: #FFFFFFFF;
55
- --surface-transparent-navi: #FFFFFF99;
56
53
  --on-light-surface-accent-secondary: #41BDA1;
54
+ --surface-transparent-navi: #23232399;
57
55
  --personas-violet-text-accent-active: #892B97FF;
58
56
  --personas-blue-text-accent-hover: #C3DDF9FF;
59
57
  --outline-default: #FFFFFF;
@@ -91,7 +89,6 @@
91
89
  --inverse-surface-solid-primary-brightness-hover: #FFFFFFFF;
92
90
  --inverse-surface-solid-primary-brightness-active: #FFFFFFFF;
93
91
  --inverse-surface-transparent-card-brightness-hover: #FFFFFFFF;
94
- --on-light-outline-warning-active: #A3420AFF;
95
92
  --on-light-personas-violet-text-accent: #9E32AF;
96
93
  --on-light-personas-ochre-text-accent: #D15A11;
97
94
  --on-dark-personas-indigo-text-accent: #BD91F5;
@@ -105,11 +102,11 @@
105
102
  --inverse-surface-solid-tertiary: #FFFFFF;
106
103
  --on-light-surface-accent-minor: #D0F2E9;
107
104
  --inverse-surface-transparent-card-brightness-active: #FFFFFFFF;
105
+ --on-light-outline-warning-active: #A3420AFF;
108
106
  --on-light-surface-accent-minor-hover: #C7F0E5FF;
109
107
  --inverse-surface-accent-minor: #D0F2E9;
110
108
  --inverse-surface-solid-card-brightness-active: #FFFFFFFF;
111
109
  --on-dark-surface-accent-minor-hover: #055C4CFF;
112
- --on-dark-personas-violet-text-accent: #E19DED;
113
110
  --on-light-surface-transparent-navi: #FFFFFF99;
114
111
  --on-dark-personas-blue-text-accent: #79B3F2;
115
112
  --on-light-personas-indigo-text-accent: #7133BE;
@@ -117,12 +114,13 @@
117
114
  --inverse-personas-olive-text-accent: #127210;
118
115
  --personas-ochre-text-accent: #F4B49B;
119
116
  --on-dark-surface-transparent-accent-minor: #0BA68647;
117
+ --on-dark-personas-violet-text-accent: #E19DED;
120
118
  --on-light-text-warning-active: #6F2D06FF;
121
- --on-dark-personas-sea-blue-text-accent: #7BC8C8;
122
- --on-dark-personas-green-text-accent-hover: #84DCC6FF;
123
119
  --on-light-outline-primary-active: #C4BEBAFF;
124
120
  --inverse-personas-blue-text-accent-active: #0D4F96FF;
125
121
  --inverse-surface-transparent-accent-minor-active: #0BA8885C;
122
+ --on-dark-personas-sea-blue-text-accent: #7BC8C8;
123
+ --on-dark-personas-green-text-accent-hover: #84DCC6FF;
126
124
  --on-light-personas-blue-text-accent-active: #0D4F96FF;
127
125
  --on-light-outline-default-active: #E6E6E6FF;
128
126
  --personas-green-text-accent-active: #03A57FFF;
@@ -149,11 +147,11 @@
149
147
  --on-light-personas-green-text-accent: #038768;
150
148
  --text-primary-brightness-hover: #FAFAFA93;
151
149
  --on-dark-text-primary-brightness-hover: #FAFAFA93;
152
- --personas-violet-text-accent: #9E32AF;
153
150
  --on-dark-personas-green-text-accent-active: #54CFB0FF;
154
151
  --on-dark-personas-ochre-text-accent-active: #F19F7EFF;
155
152
  --surface-transparent-accent-minor-active: #0BA88838;
156
153
  --inverse-outline-default-hover: #CCCCCCFF;
154
+ --personas-violet-text-accent: #9E32AF;
157
155
  --inverse-personas-sea-blue-text-accent-hover: #000000FF;
158
156
  --inverse-personas-blue-text-accent-hover: #1477E1FF;
159
157
  --inverse-personas-violet-text-accent-hover: #B740C9FF;
@@ -162,7 +160,7 @@
162
160
  --on-dark-surface-transparent-navi-hover: #242424B8;
163
161
  --inverse-outline-primary-hover: #ADA39FFF;
164
162
  --on-light-surface-accent-secondary-hover: #50C3A8FF;
165
- --surface-transparent-navi-hover: #FFFFFFB8;
163
+ --surface-transparent-navi-hover: #242424B8;
166
164
  --on-light-surface-transparent-accent-minor-hover: #0BA8884D;
167
165
  --on-light-personas-green-text-accent-hover: #04D7A6FF;
168
166
  --outline-default-hover: #858585FF;
@@ -179,6 +177,8 @@
179
177
  --on-light-personas-ochre-text-accent-hover: #ED6C1DFF;
180
178
  --on-dark-personas-indigo-text-accent-hover: #E8DAFCFF;
181
179
  --on-dark-personas-ochre-text-accent: #F4B49B;
180
+ --personas-sea-blue-text-accent: #00898D;
181
+ --personas-violet-text-accent-hover: #B438C7FF;
182
182
  --surface-accent-secondary-active: #59C5ACFF;
183
183
  --surface-transparent-accent-minor: #0BA68647;
184
184
  --inverse-personas-sea-blue-text-accent: #7BC8C8;
@@ -192,8 +192,6 @@
192
192
  --inverse-personas-olive-text-accent-active: #179315FF;
193
193
  --on-dark-outline-default: #383838;
194
194
  --personas-green-text-accent: #038768;
195
- --personas-sea-blue-text-accent: #00898D;
196
- --personas-violet-text-accent-hover: #B438C7FF;
197
195
  --personas-blue-text-accent-active: #5DA3EFFF;
198
196
  --dark-background-hardline: #000000;
199
197
  --on-dark-outline-primary: #3B3735;
@@ -209,7 +207,8 @@
209
207
  --on-light-text-primary-brightness-active: #171717C4;
210
208
  --inverse-text-primary-brightness-active: #171717C4;
211
209
  --personas-indigo-text-accent: #BD91F5;
212
- --text-paragraph: #F6F2F07A;
210
+ --on-dark-personas-ochre-text-accent-hover: #F7C8B6FF;
211
+ --on-dark-personas-indigo-text-accent-active: #AA73F2FF;
213
212
  --text-paragraph-hover: #F5F1EFFF;
214
213
  --text-paragraph-active: #F5F1EF93;
215
214
  --text-accent: #61C8B0;
@@ -238,7 +237,7 @@
238
237
  --text-tertiary-hover: #F5F1EFFF;
239
238
  --text-tertiary-active: #F5F1EF49;
240
239
  --text-primary-brightness: #FAFAFAF5;
241
- --on-dark-text-paragraph: #F6F2F07A;
240
+ --text-paragraph: #F6F2F07A;
242
241
  --on-dark-text-paragraph-hover: #F5F1EFFF;
243
242
  --on-dark-text-paragraph-active: #F5F1EF93;
244
243
  --on-dark-text-accent: #61C8B0ED;
@@ -268,7 +267,7 @@
268
267
  --on-dark-text-tertiary-hover: #F5F1EFFF;
269
268
  --on-dark-text-secondary-active: #F5F1EFC4;
270
269
  --on-dark-text-primary-hover: #FFFFFF97;
271
- --on-light-text-primary-hover: #15110F97;
270
+ --on-dark-text-paragraph: #F6F2F07A;
272
271
  --on-light-text-primary-active: #15110FCA;
273
272
  --on-light-text-primary-brightness: #171717F5;
274
273
  --on-light-text-secondary: #15110FA3;
@@ -292,6 +291,7 @@
292
291
  --on-light-text-warning: #973C09;
293
292
  --on-light-text-warning-hover: #BC4C0BFF;
294
293
  --on-light-text-primary: #15110FFC;
294
+ --on-light-text-primary-hover: #15110F97;
295
295
  --inverse-text-primary: #15110FFC;
296
296
  --inverse-text-primary-hover: #15110F97;
297
297
  --inverse-text-primary-active: #15110FCA;
@@ -317,7 +317,6 @@
317
317
  --on-light-text-info-hover: #000000FF;
318
318
  --on-light-text-info-active: #194B85FF;
319
319
  --on-light-text-negative-hover: #E3353BFF;
320
- --inverse-text-negative: #D11D23;
321
320
  --inverse-text-negative-hover: #E3353BFF;
322
321
  --inverse-text-negative-active: #AF181DFF;
323
322
  --inverse-text-info: #205EA5;
@@ -338,7 +337,7 @@
338
337
  --inverse-text-warning: #973C09;
339
338
  --inverse-text-warning-hover: #BC4C0BFF;
340
339
  --inverse-text-positive-active: #185E17FF;
341
- --surface-transparent-secondary: #FFFFFF29;
340
+ --inverse-text-negative: #D11D23;
342
341
  --surface-transparent-secondary-hover: #FFFFFF47;
343
342
  --surface-transparent-secondary-active: #FFFFFF1A;
344
343
  --surface-transparent-tertiary: #FFFFFF3D;
@@ -372,7 +371,7 @@
372
371
  --surface-solid-default-active: #F2ECE9FF;
373
372
  --surface-solid-card-hover: #2E2E2EFF;
374
373
  --surface-transparent-primary-active: #FFFFFF0F;
375
- --surface-warning: #F8AD80;
374
+ --surface-transparent-secondary: #FFFFFF29;
376
375
  --surface-warning-hover: #F9BB94FF;
377
376
  --surface-warning-active: #F8A977FF;
378
377
  --surface-negative: #F8A6A9;
@@ -384,6 +383,7 @@
384
383
  --surface-positive-active: #9FCF9BFF;
385
384
  --surface-positive: #A6D2A2;
386
385
  --surface-positive-hover: #B3D9B0FF;
386
+ --surface-warning: #F8AD80;
387
387
  --surface-read-only: #F9F9F905;
388
388
  --surface-read-only-hover: #FAFAFA0F;
389
389
  --surface-read-only-active: #FAFAFA00;
@@ -396,7 +396,6 @@
396
396
  --on-dark-surface-solid-secondary-active: #242424FF;
397
397
  --on-dark-surface-solid-tertiary: #474747;
398
398
  --on-dark-surface-solid-tertiary-hover: #525252FF;
399
- --on-dark-surface-transparent-secondary: #FFFFFF29;
400
399
  --on-dark-surface-transparent-secondary-hover: #FFFFFF47;
401
400
  --on-dark-surface-transparent-secondary-active: #FFFFFF1A;
402
401
  --on-dark-surface-transparent-tertiary: #FFFFFF3D;
@@ -425,6 +424,7 @@
425
424
  --on-dark-surface-transparent-primary-hover: #FFFFFF24;
426
425
  --on-dark-surface-solid-card-hover: #2E2E2EFF;
427
426
  --on-dark-surface-transparent-primary-active: #FFFFFF0F;
427
+ --on-dark-surface-transparent-secondary: #FFFFFF29;
428
428
  --on-dark-surface-positive: #A6D2A2;
429
429
  --on-dark-surface-positive-hover: #B3D9B0FF;
430
430
  --on-dark-surface-positive-active: #9FCF9BFF;
@@ -452,7 +452,6 @@
452
452
  --on-light-surface-solid-secondary-active: #FFFFFFFF;
453
453
  --on-light-surface-solid-tertiary: #FFFFFF;
454
454
  --on-light-surface-solid-tertiary-hover: #FFFFFFFF;
455
- --on-light-surface-transparent-secondary: #15110F14;
456
455
  --on-light-surface-transparent-secondary-hover: #15110F1A;
457
456
  --on-light-surface-transparent-secondary-active: #15110F1F;
458
457
  --on-light-surface-transparent-tertiary: #15110F1F;
@@ -481,6 +480,7 @@
481
480
  --on-light-surface-solid-default-active: #090706FF;
482
481
  --on-light-surface-solid-card-hover: #FFFFFFFF;
483
482
  --on-light-surface-transparent-primary-active: #15110F0F;
483
+ --on-light-surface-transparent-secondary: #15110F14;
484
484
  --on-light-surface-positive: #239322;
485
485
  --on-light-surface-positive-hover: #28A126FF;
486
486
  --on-light-surface-positive-active: #20801EFF;
@@ -506,7 +506,6 @@
506
506
  --inverse-surface-solid-secondary: #FFFFFF;
507
507
  --inverse-surface-solid-secondary-hover: #FFFFFFFF;
508
508
  --inverse-surface-solid-secondary-active: #FFFFFFFF;
509
- --inverse-surface-transparent-primary-active: #15110F0F;
510
509
  --inverse-surface-transparent-secondary: #15110F14;
511
510
  --inverse-surface-transparent-secondary-hover: #15110F1A;
512
511
  --inverse-surface-transparent-secondary-active: #15110F1F;
@@ -535,6 +534,7 @@
535
534
  --inverse-surface-solid-default: #15110F;
536
535
  --inverse-surface-transparent-primary: #15110F0A;
537
536
  --inverse-surface-transparent-primary-hover: #15110F0D;
537
+ --inverse-surface-transparent-primary-active: #15110F0F;
538
538
  --inverse-surface-positive: #239322;
539
539
  --inverse-surface-positive-hover: #28A126FF;
540
540
  --inverse-surface-positive-active: #20801EFF;
@@ -563,7 +563,6 @@
563
563
  --dark-background-secondary: #0F0F0F;
564
564
  --dark-background-tertiary: #141413;
565
565
  --light-background-primary: #EBE7E5;
566
- --on-light-overlay-soft: #0000003D;
567
566
  --on-light-overlay-hard: #00000052;
568
567
  --inverse-overlay-soft: #0000003D;
569
568
  --inverse-overlay-hard: #00000052;
@@ -579,6 +578,7 @@
579
578
  --on-dark-overlay-soft: #0000001F;
580
579
  --on-dark-overlay-hard: #00000029;
581
580
  --inverse-background-primary: #EBE7E5;
581
+ --on-light-overlay-soft: #0000003D;
582
582
  --outline-positive: #A6D2A2;
583
583
  --outline-positive-hover: #DBEDD9FF;
584
584
  --outline-positive-active: #92C88DFF;
@@ -633,7 +633,6 @@
633
633
  --inverse-outline-clear: #FFFFFF00;
634
634
  --inverse-outline-clear-hover: #FFFFFF00;
635
635
  --inverse-outline-clear-active: #FFFFFF00;
636
- --inverse-outline-warning: #BE4E0C;
637
636
  --inverse-outline-warning-hover: #F3813FFF;
638
637
  --inverse-outline-warning-active: #A3420AFF;
639
638
  --inverse-outline-negative: #E83439;
@@ -645,6 +644,7 @@
645
644
  --inverse-outline-positive-active: #20801EFF;
646
645
  --inverse-outline-positive: #239322;
647
646
  --inverse-outline-positive-hover: #32CA2FFF;
647
+ --inverse-outline-warning: #BE4E0C;
648
648
  --text-primary-hover: #FFFFFF97;
649
649
  --on-dark-surface-solid-default: #F6F2F0;
650
650
  --on-light-surface-accent-minor-active: #BFEDE1FF;
@@ -655,7 +655,6 @@
655
655
 
656
656
  .dark {
657
657
  --on-dark-personas-indigo-surface-accent-gradient: linear-gradient(180.00deg, rgb(135, 77, 207) 0.0%, rgb(113, 51, 190) 100.0%);
658
- --light-background-gradient: linear-gradient(135.00deg, rgb(193, 234, 207) 0.0%, rgb(160, 222, 207) 100.0%);
659
658
  --surface-skeleton-gradient: linear-gradient(0deg, #FFFFFF 0.0%, #FFFFFF 50.4%, #FFFFFF 100.0%, #FFFFFF 100.0%);
660
659
  --on-dark-personas-violet-surface-accent-gradient: linear-gradient(180.00deg, rgb(177, 76, 194) 0.0%, rgb(158, 50, 175) 100.0%);
661
660
  --overlay-gradient: linear-gradient(180.00deg, rgb(255, 255, 255) 0%, rgba(255, 255, 255, 0) 100%);
@@ -679,12 +678,12 @@
679
678
  --on-dark-surface-skeleton-gradient: linear-gradient(0deg, #FFFFFF 0.0%, #FFFFFF 50.4%, #FFFFFF 100.0%, #FFFFFF 100.0%);
680
679
  --inverse-background-gradient: linear-gradient(135.00deg, rgb(2, 20, 9) 0.0%, rgb(20, 20, 19) 100.0%);
681
680
  --inverse-overlay-gradient: linear-gradient(180.00deg, rgb(255, 255, 255) 0%, rgba(255, 255, 255, 0) 100%);
682
- --on-dark-overlay-gradient: linear-gradient(180deg, #000000 0.0%, #000000 100.0%);
683
681
  --personas-pink-surface-accent-gradient: linear-gradient(180.00deg, rgb(222, 113, 113) 0.0%, rgb(208, 79, 79) 100.0%);
684
682
  --on-light-personas-olive-surface-accent-gradient: linear-gradient(180.00deg, rgb(147, 203, 146) 0.0%, rgb(115, 179, 114) 100.0%);
685
683
  --inverse-surface-accent-gradient-secondary: linear-gradient(90.00deg, rgb(11, 166, 134) 0.0%, rgb(9, 133, 107) 100.0%);
686
684
  --on-light-text-accent-gradient-a-i: linear-gradient(135.00deg, rgb(179, 49, 208) 8.0%, rgb(109, 78, 223) 56.0%, rgb(31, 185, 224) 100.0%);
687
- --on-light-surface-accent-gradient-secondary: linear-gradient(90.00deg, rgb(11, 166, 134) 0.0%, rgb(9, 133, 107) 100.0%);
685
+ --light-background-gradient: linear-gradient(135.00deg, rgb(193, 234, 207) 0.0%, rgb(160, 222, 207) 100.0%);
686
+ --on-dark-overlay-gradient: linear-gradient(180deg, #000000 0.0%, #000000 100.0%);
688
687
  --on-light-personas-green-surface-accent-gradient: linear-gradient(180.00deg, rgb(121, 215, 192) 0.0%, rgb(80, 184, 159) 100.0%);
689
688
  --personas-indigo-surface-accent-gradient: linear-gradient(180.00deg, rgb(135, 77, 207) 0.0%, rgb(113, 51, 190) 100.0%);
690
689
  --on-light-personas-ochre-surface-accent-gradient: linear-gradient(180.00deg, rgb(248, 165, 133) 0.0%, rgb(228, 118, 76) 100.0%);
@@ -710,6 +709,7 @@
710
709
  --on-dark-surface-accent-gradient-secondary: linear-gradient(90.00deg, rgb(11, 166, 134) 0.0%, rgb(9, 133, 107) 100.0%);
711
710
  --personas-blue-surface-accent-gradient: linear-gradient(180.00deg, rgb(121, 179, 242) 0.0%, rgb(93, 153, 219) 100.0%);
712
711
  --inverse-personas-violet-surface-accent-gradient: linear-gradient(180.00deg, rgb(225, 157, 237) 0.0%, rgb(198, 122, 212) 100.0%);
712
+ --on-light-surface-accent-gradient-secondary: linear-gradient(90.00deg, rgb(11, 166, 134) 0.0%, rgb(9, 133, 107) 100.0%);
713
713
  --surface-accent-gradient: linear-gradient(180.00deg, rgb(129, 211, 192) 0.0%, rgb(29, 145, 88) 100.0%);
714
714
  --surface-accent-minor-gradient: linear-gradient(135.00deg, rgb(3, 67, 37) 0.0%, rgba(1, 24, 21, 0.98) 100.0%);
715
715
  --on-dark-surface-accent-gradient: linear-gradient(180.00deg, rgb(129, 211, 192) 0.0%, rgb(29, 145, 88) 100.0%);
@@ -722,41 +722,39 @@
722
722
 
723
723
  .light {
724
724
  --on-dark-personas-green-text-accent: #6CD5BB;
725
- --on-dark-personas-ochre-text-accent-hover: #F7C8B6FF;
726
725
  --surface-transparent-accent-minor-hover: #0BA8884D;
727
726
  --on-light-outline-primary-hover: #ADA39FFF;
728
727
  --inverse-outline-default-active: #292929FF;
729
728
  --inverse-personas-sea-blue-text-accent-active: #00A8ADFF;
730
729
  --inverse-personas-violet-text-accent-active: #D982E8FF;
731
730
  --on-dark-surface-transparent-navi-active: #2424248A;
732
- --inverse-outline-primary-active: #2B2827FF;
733
731
  --on-light-outline-default-hover: #CCCCCCFF;
734
- --on-dark-outline-default-hover: #666666FF;
732
+ --inverse-outline-primary-active: #2B2827FF;
735
733
  --on-dark-outline-default-active: #292929FF;
734
+ --on-dark-outline-default-hover: #666666FF;
736
735
  --personas-green-text-accent-hover: #8CDECAFF;
737
736
  --personas-sea-blue-text-accent-hover: #000000FF;
738
737
  --inverse-surface-accent-secondary-hover: #70CDB7FF;
739
738
  --on-light-surface-accent-secondary-active: #3CAF94FF;
740
- --surface-transparent-navi-active: #242424AD;
739
+ --surface-transparent-navi-active: #FFFFFFAD;
741
740
  --on-light-surface-transparent-accent-minor-active: #0BA88852;
742
741
  --on-light-personas-green-text-accent-active: #04AF87FF;
743
742
  --outline-default-active: #6B6B6BFF;
744
743
  --on-dark-outline-primary-active: #2B2827FF;
745
744
  --personas-olive-text-accent-active: #179315FF;
746
- --inverse-personas-ochre-text-accent-active: #F19F7EFF;
747
745
  --on-dark-personas-olive-text-accent-hover: #A6D4A5FF;
746
+ --inverse-personas-ochre-text-accent-active: #F19F7EFF;
748
747
  --inverse-surface-transparent-navi-active: #2424248A;
749
748
  --on-light-personas-olive-text-accent-active: #179315FF;
750
749
  --on-light-personas-violet-text-accent-active: #81288FFF;
751
750
  --on-light-personas-ochre-text-accent-active: #AA4A0EFF;
752
- --on-dark-personas-indigo-text-accent-active: #AA73F2FF;
753
751
  --on-dark-surface-accent-secondary-hover: #70CDB7FF;
754
752
  --inverse-personas-green-text-accent-hover: #04C396FF;
755
753
  --on-light-personas-pink-text-accent-hover: #E47777FF;
756
754
  --surface-accent-secondary-hover: #50C3A8FF;
757
755
  --personas-pink-text-accent-hover: #FBCBCBFF;
758
- --personas-pink-text-accent-active: #F48080FF;
759
756
  --personas-indigo-text-accent-hover: #000000FF;
757
+ --personas-pink-text-accent-active: #F48080FF;
760
758
  --on-dark-personas-violet-text-accent-hover: #E9B6F2FF;
761
759
  --on-light-outline-primary: #DDD9D7;
762
760
  --inverse-outline-default: #383838;
@@ -768,12 +766,12 @@
768
766
  --on-light-personas-sea-blue-text-accent-active: #00B1B8FF;
769
767
  --on-light-outline-default: #FFFFFF;
770
768
  --personas-ochre-text-accent-active: #AA4A0EFF;
771
- --on-dark-surface-transparent-accent-minor-hover: #0BA88866;
772
769
  --inverse-background-hardline: #FFFFFF;
770
+ --on-dark-surface-transparent-accent-minor-hover: #0BA88866;
773
771
  --on-dark-surface-transparent-accent-minor-active: #0BA88838;
774
772
  --on-dark-personas-sea-blue-text-accent-hover: #FFFFFFFF;
775
- --surface-transparent-navi: #23232399;
776
773
  --on-light-surface-accent-secondary: #41BDA1;
774
+ --surface-transparent-navi: #FFFFFF99;
777
775
  --personas-violet-text-accent-active: #D679E6FF;
778
776
  --personas-blue-text-accent-hover: #1477E1FF;
779
777
  --outline-default: #383838;
@@ -811,7 +809,6 @@
811
809
  --inverse-surface-solid-primary-brightness-hover: #303030FF;
812
810
  --inverse-surface-solid-primary-brightness-active: #212121FF;
813
811
  --inverse-surface-transparent-card-brightness-hover: #FAFAFA1F;
814
- --on-light-outline-warning-active: #A3420AFF;
815
812
  --on-light-personas-violet-text-accent: #9E32AF;
816
813
  --on-light-personas-ochre-text-accent: #D15A11;
817
814
  --on-dark-personas-indigo-text-accent: #BD91F5;
@@ -825,11 +822,11 @@
825
822
  --inverse-surface-solid-tertiary: #474747;
826
823
  --on-light-surface-accent-minor: #D0F2E9;
827
824
  --inverse-surface-transparent-card-brightness-active: #FAFAFA0A;
825
+ --on-light-outline-warning-active: #A3420AFF;
828
826
  --on-light-surface-accent-minor-hover: #C7F0E5FF;
829
827
  --inverse-surface-accent-minor: #04473B;
830
828
  --inverse-surface-solid-card-brightness-active: #212121FF;
831
829
  --on-dark-surface-accent-minor-hover: #055C4CFF;
832
- --on-dark-personas-violet-text-accent: #E19DED;
833
830
  --on-light-surface-transparent-navi: #FFFFFF99;
834
831
  --on-dark-personas-blue-text-accent: #79B3F2;
835
832
  --on-light-personas-indigo-text-accent: #7133BE;
@@ -837,12 +834,13 @@
837
834
  --inverse-personas-olive-text-accent: #93CB92;
838
835
  --personas-ochre-text-accent: #D15A11;
839
836
  --on-dark-surface-transparent-accent-minor: #0BA68647;
837
+ --on-dark-personas-violet-text-accent: #E19DED;
840
838
  --on-light-text-warning-active: #6F2D06FF;
841
- --on-dark-personas-sea-blue-text-accent: #7BC8C8;
842
- --on-dark-personas-green-text-accent-hover: #84DCC6FF;
843
839
  --on-light-outline-primary-active: #C4BEBAFF;
844
840
  --inverse-personas-blue-text-accent-active: #5DA3EFFF;
845
841
  --inverse-surface-transparent-accent-minor-active: #0BA8882E;
842
+ --on-dark-personas-sea-blue-text-accent: #7BC8C8;
843
+ --on-dark-personas-green-text-accent-hover: #84DCC6FF;
846
844
  --on-light-personas-blue-text-accent-active: #0D4F96FF;
847
845
  --on-light-outline-default-active: #E6E6E6FF;
848
846
  --personas-green-text-accent-active: #4CCDACFF;
@@ -869,11 +867,11 @@
869
867
  --on-light-personas-green-text-accent: #038768;
870
868
  --text-primary-brightness-hover: #17171793;
871
869
  --on-dark-text-primary-brightness-hover: #FAFAFA93;
872
- --personas-violet-text-accent: #E19DED;
873
870
  --on-dark-personas-green-text-accent-active: #54CFB0FF;
874
871
  --on-dark-personas-ochre-text-accent-active: #F19F7EFF;
875
872
  --surface-transparent-accent-minor-active: #0BA88852;
876
873
  --inverse-outline-default-hover: #666666FF;
874
+ --personas-violet-text-accent: #E19DED;
877
875
  --inverse-personas-sea-blue-text-accent-hover: #00C5CCFF;
878
876
  --inverse-personas-blue-text-accent-hover: #C3DDF9FF;
879
877
  --inverse-personas-violet-text-accent-hover: #E9B6F2FF;
@@ -882,7 +880,7 @@
882
880
  --on-dark-surface-transparent-navi-hover: #242424B8;
883
881
  --inverse-outline-primary-hover: #6B6461FF;
884
882
  --on-light-surface-accent-secondary-hover: #50C3A8FF;
885
- --surface-transparent-navi-hover: #242424A8;
883
+ --surface-transparent-navi-hover: #FFFFFFA8;
886
884
  --on-light-surface-transparent-accent-minor-hover: #0BA8884D;
887
885
  --on-light-personas-green-text-accent-hover: #04D7A6FF;
888
886
  --outline-default-hover: #B3B3B3FF;
@@ -899,6 +897,8 @@
899
897
  --on-light-personas-ochre-text-accent-hover: #ED6C1DFF;
900
898
  --on-dark-personas-indigo-text-accent-hover: #E8DAFCFF;
901
899
  --on-dark-personas-ochre-text-accent: #F4B49B;
900
+ --personas-sea-blue-text-accent: #7BC8C8;
901
+ --personas-violet-text-accent-hover: #EBBEF3FF;
902
902
  --surface-accent-secondary-active: #3CAF94FF;
903
903
  --surface-transparent-accent-minor: #0BA6863D;
904
904
  --inverse-personas-sea-blue-text-accent: #00898D;
@@ -912,8 +912,6 @@
912
912
  --inverse-personas-olive-text-accent-active: #7DC07CFF;
913
913
  --on-dark-outline-default: #383838;
914
914
  --personas-green-text-accent: #6CD5BB;
915
- --personas-sea-blue-text-accent: #7BC8C8;
916
- --personas-violet-text-accent-hover: #EBBEF3FF;
917
915
  --personas-blue-text-accent-active: #0D4F96FF;
918
916
  --dark-background-hardline: #000000;
919
917
  --on-dark-outline-primary: #3B3735;
@@ -929,7 +927,8 @@
929
927
  --on-light-text-primary-brightness-active: #171717C4;
930
928
  --inverse-text-primary-brightness-active: #FAFAFAC4;
931
929
  --personas-indigo-text-accent: #7133BE;
932
- --text-paragraph: #15110F66;
930
+ --on-dark-personas-ochre-text-accent-hover: #F7C8B6FF;
931
+ --on-dark-personas-indigo-text-accent-active: #AA73F2FF;
933
932
  --text-paragraph-hover: #15110FFF;
934
933
  --text-paragraph-active: #15110F7A;
935
934
  --text-accent: #0A8E73;
@@ -958,7 +957,7 @@
958
957
  --text-tertiary-hover: #15110FFF;
959
958
  --text-tertiary-active: #15110F49;
960
959
  --text-primary-brightness: #171717F5;
961
- --on-dark-text-paragraph: #F6F2F07A;
960
+ --text-paragraph: #15110F66;
962
961
  --on-dark-text-paragraph-hover: #F5F1EFFF;
963
962
  --on-dark-text-paragraph-active: #F5F1EF93;
964
963
  --on-dark-text-accent: #61C8B0;
@@ -988,7 +987,7 @@
988
987
  --on-dark-text-tertiary-hover: #F5F1EFFF;
989
988
  --on-dark-text-secondary-active: #F5F1EFC4;
990
989
  --on-dark-text-primary-hover: #FFFFFF97;
991
- --on-light-text-primary-hover: #15110F97;
990
+ --on-dark-text-paragraph: #F6F2F07A;
992
991
  --on-light-text-primary-active: #15110FCA;
993
992
  --on-light-text-primary-brightness: #171717F5;
994
993
  --on-light-text-secondary: #15110FA3;
@@ -1012,6 +1011,7 @@
1012
1011
  --on-light-text-warning: #973C09;
1013
1012
  --on-light-text-warning-hover: #BC4C0BFF;
1014
1013
  --on-light-text-primary: #15110FFC;
1014
+ --on-light-text-primary-hover: #15110F97;
1015
1015
  --inverse-text-primary: #FFFFFFFC;
1016
1016
  --inverse-text-primary-hover: #FFFFFF97;
1017
1017
  --inverse-text-primary-active: #FFFFFFCA;
@@ -1037,7 +1037,6 @@
1037
1037
  --on-light-text-info-hover: #000000FF;
1038
1038
  --on-light-text-info-active: #194B85FF;
1039
1039
  --on-light-text-negative-hover: #E3353BFF;
1040
- --inverse-text-negative: #F57E83;
1041
1040
  --inverse-text-negative-hover: #F89BA0FF;
1042
1041
  --inverse-text-negative-active: #F3626AFF;
1043
1042
  --inverse-text-info: #70B2F5;
@@ -1058,7 +1057,7 @@
1058
1057
  --inverse-text-warning: #DA6828;
1059
1058
  --inverse-text-warning-hover: #DF7D43FF;
1060
1059
  --inverse-text-positive-active: #469442FF;
1061
- --surface-transparent-secondary: #15110F14;
1060
+ --inverse-text-negative: #F57E83;
1062
1061
  --surface-transparent-secondary-hover: #15110F1A;
1063
1062
  --surface-transparent-secondary-active: #15110F1F;
1064
1063
  --surface-transparent-tertiary: #15110F1F;
@@ -1092,7 +1091,7 @@
1092
1091
  --surface-solid-default-active: #090706FF;
1093
1092
  --surface-solid-card-hover: #FFFFFFFF;
1094
1093
  --surface-transparent-primary-active: #15110F0F;
1095
- --surface-warning: #BE4E0C;
1094
+ --surface-transparent-secondary: #15110F14;
1096
1095
  --surface-warning-hover: #D3560DFF;
1097
1096
  --surface-warning-active: #AD460BFF;
1098
1097
  --surface-negative: #E83439;
@@ -1104,6 +1103,7 @@
1104
1103
  --surface-positive-active: #20801EFF;
1105
1104
  --surface-positive: #239322;
1106
1105
  --surface-positive-hover: #28A126FF;
1106
+ --surface-warning: #BE4E0C;
1107
1107
  --surface-read-only: #F9F9F903;
1108
1108
  --surface-read-only-hover: #FAFAFA05;
1109
1109
  --surface-read-only-active: #FAFAFA08;
@@ -1116,7 +1116,6 @@
1116
1116
  --on-dark-surface-solid-secondary-active: #242424FF;
1117
1117
  --on-dark-surface-solid-tertiary: #474747;
1118
1118
  --on-dark-surface-solid-tertiary-hover: #525252FF;
1119
- --on-dark-surface-transparent-secondary: #FFFFFF29;
1120
1119
  --on-dark-surface-transparent-secondary-hover: #FFFFFF47;
1121
1120
  --on-dark-surface-transparent-secondary-active: #FFFFFF1A;
1122
1121
  --on-dark-surface-transparent-tertiary: #FFFFFF3D;
@@ -1145,6 +1144,7 @@
1145
1144
  --on-dark-surface-transparent-primary-hover: #FFFFFF24;
1146
1145
  --on-dark-surface-solid-card-hover: #2E2E2EFF;
1147
1146
  --on-dark-surface-transparent-primary-active: #FFFFFF0F;
1147
+ --on-dark-surface-transparent-secondary: #FFFFFF29;
1148
1148
  --on-dark-surface-positive: #A6D2A2;
1149
1149
  --on-dark-surface-positive-hover: #B3D9B0FF;
1150
1150
  --on-dark-surface-positive-active: #9FCF9BFF;
@@ -1172,7 +1172,6 @@
1172
1172
  --on-light-surface-solid-secondary-active: #FFFFFFFF;
1173
1173
  --on-light-surface-solid-tertiary: #FFFFFF;
1174
1174
  --on-light-surface-solid-tertiary-hover: #FFFFFFFF;
1175
- --on-light-surface-transparent-secondary: #15110F14;
1176
1175
  --on-light-surface-transparent-secondary-hover: #15110F1A;
1177
1176
  --on-light-surface-transparent-secondary-active: #15110F1F;
1178
1177
  --on-light-surface-transparent-tertiary: #15110F1F;
@@ -1201,6 +1200,7 @@
1201
1200
  --on-light-surface-solid-default-active: #090706FF;
1202
1201
  --on-light-surface-solid-card-hover: #FFFFFFFF;
1203
1202
  --on-light-surface-transparent-primary-active: #15110F0F;
1203
+ --on-light-surface-transparent-secondary: #15110F14;
1204
1204
  --on-light-surface-positive: #239322;
1205
1205
  --on-light-surface-positive-hover: #28A126FF;
1206
1206
  --on-light-surface-positive-active: #20801EFF;
@@ -1226,7 +1226,6 @@
1226
1226
  --inverse-surface-solid-secondary: #292929;
1227
1227
  --inverse-surface-solid-secondary-hover: #333333FF;
1228
1228
  --inverse-surface-solid-secondary-active: #242424FF;
1229
- --inverse-surface-transparent-primary-active: #FFFFFF0F;
1230
1229
  --inverse-surface-transparent-secondary: #FFFFFF29;
1231
1230
  --inverse-surface-transparent-secondary-hover: #FFFFFF47;
1232
1231
  --inverse-surface-transparent-secondary-active: #FFFFFF1A;
@@ -1255,6 +1254,7 @@
1255
1254
  --inverse-surface-solid-default: #F6F2F0;
1256
1255
  --inverse-surface-transparent-primary: #FFFFFF14;
1257
1256
  --inverse-surface-transparent-primary-hover: #FFFFFF24;
1257
+ --inverse-surface-transparent-primary-active: #FFFFFF0F;
1258
1258
  --inverse-surface-positive: #A6D2A2;
1259
1259
  --inverse-surface-positive-hover: #B3D9B0FF;
1260
1260
  --inverse-surface-positive-active: #9FCF9BFF;
@@ -1283,7 +1283,6 @@
1283
1283
  --dark-background-secondary: #0F0F0F;
1284
1284
  --dark-background-tertiary: #141413;
1285
1285
  --light-background-primary: #EBE7E5;
1286
- --on-light-overlay-soft: #0000003D;
1287
1286
  --on-light-overlay-hard: #00000052;
1288
1287
  --inverse-overlay-soft: #0000001F;
1289
1288
  --inverse-overlay-hard: #00000029;
@@ -1299,6 +1298,7 @@
1299
1298
  --on-dark-overlay-soft: #0000001F;
1300
1299
  --on-dark-overlay-hard: #00000029;
1301
1300
  --inverse-background-primary: #141413;
1301
+ --on-light-overlay-soft: #0000003D;
1302
1302
  --outline-positive: #239322;
1303
1303
  --outline-positive-hover: #32CA2FFF;
1304
1304
  --outline-positive-active: #20801EFF;
@@ -1353,7 +1353,6 @@
1353
1353
  --inverse-outline-clear: #FFFFFF00;
1354
1354
  --inverse-outline-clear-hover: #FFFFFF00;
1355
1355
  --inverse-outline-clear-active: #FFFFFF00;
1356
- --inverse-outline-warning: #F8AD80;
1357
1356
  --inverse-outline-warning-hover: #FCE0CFFF;
1358
1357
  --inverse-outline-warning-active: #F79C64FF;
1359
1358
  --inverse-outline-negative: #F8A6A9;
@@ -1365,6 +1364,7 @@
1365
1364
  --inverse-outline-positive-active: #92C88DFF;
1366
1365
  --inverse-outline-positive: #A6D2A2;
1367
1366
  --inverse-outline-positive-hover: #DBEDD9FF;
1367
+ --inverse-outline-warning: #F8AD80;
1368
1368
  --text-primary-hover: #15110F97;
1369
1369
  --on-dark-surface-solid-default: #F6F2F0;
1370
1370
  --on-light-surface-accent-minor-active: #BFEDE1FF;
@@ -1375,7 +1375,6 @@
1375
1375
 
1376
1376
  .light {
1377
1377
  --on-dark-personas-indigo-surface-accent-gradient: linear-gradient(180.00deg, rgb(135, 77, 207) 0.0%, rgb(113, 51, 190) 100.0%);
1378
- --light-background-gradient: linear-gradient(135.00deg, rgb(193, 234, 207) 0.0%, rgb(160, 222, 207) 100.0%);
1379
1378
  --surface-skeleton-gradient: linear-gradient(180deg, #080808 0.0%, #080808 10.0%, #080808 20.0%, #080808 25.0%, #080808 30.0%, #080808 40.0%, #080808 50.0%, #080808 60.0%, #080808 70.0%, #080808 75.0%, #080808 80.0%, #080808 90.0%, #080808 100.0%);
1380
1379
  --on-dark-personas-violet-surface-accent-gradient: linear-gradient(180.00deg, rgb(177, 76, 194) 0.0%, rgb(158, 50, 175) 100.0%);
1381
1380
  --overlay-gradient: linear-gradient(180deg, #000000 0.0%, #000000 100.0%);
@@ -1399,12 +1398,12 @@
1399
1398
  --on-dark-surface-skeleton-gradient: linear-gradient(0deg, #FFFFFF 0.0%, #FFFFFF 50.4%, #FFFFFF 100.0%, #FFFFFF 100.0%);
1400
1399
  --inverse-background-gradient: linear-gradient(135.00deg, rgb(193, 234, 207) 0.0%, rgb(160, 222, 207) 100.0%);
1401
1400
  --inverse-overlay-gradient: linear-gradient(180deg, #000000 0.0%, #000000 100.0%);
1402
- --on-dark-overlay-gradient: linear-gradient(180deg, #000000 0.0%, #000000 100.0%);
1403
1401
  --personas-pink-surface-accent-gradient: linear-gradient(180.00deg, rgb(252, 153, 153) 0.0%, rgb(223, 105, 105) 100.0%);
1404
1402
  --on-light-personas-olive-surface-accent-gradient: linear-gradient(180.00deg, rgb(147, 203, 146) 0.0%, rgb(115, 179, 114) 100.0%);
1405
1403
  --inverse-surface-accent-gradient-secondary: linear-gradient(90.00deg, rgb(11, 166, 134) 0.0%, rgb(9, 133, 107) 100.0%);
1406
1404
  --on-light-text-accent-gradient-a-i: linear-gradient(135.00deg, rgb(179, 49, 208) 8.0%, rgb(109, 78, 223) 56.0%, rgb(31, 185, 224) 100.0%);
1407
- --on-light-surface-accent-gradient-secondary: linear-gradient(90.00deg, rgb(11, 166, 134) 0.0%, rgb(9, 133, 107) 100.0%);
1405
+ --light-background-gradient: linear-gradient(135.00deg, rgb(193, 234, 207) 0.0%, rgb(160, 222, 207) 100.0%);
1406
+ --on-dark-overlay-gradient: linear-gradient(180deg, #000000 0.0%, #000000 100.0%);
1408
1407
  --on-light-personas-green-surface-accent-gradient: linear-gradient(180.00deg, rgb(121, 215, 192) 0.0%, rgb(80, 184, 159) 100.0%);
1409
1408
  --personas-indigo-surface-accent-gradient: linear-gradient(180.00deg, rgb(189, 145, 245) 0.0%, rgb(161, 117, 217) 100.0%);
1410
1409
  --on-light-personas-ochre-surface-accent-gradient: linear-gradient(180.00deg, rgb(248, 165, 133) 0.0%, rgb(228, 118, 76) 100.0%);
@@ -1430,6 +1429,7 @@
1430
1429
  --on-dark-surface-accent-gradient-secondary: linear-gradient(90.00deg, rgb(11, 166, 134) 0.0%, rgb(9, 133, 107) 100.0%);
1431
1430
  --personas-blue-surface-accent-gradient: linear-gradient(180.00deg, rgb(47, 130, 217) 0.0%, rgb(16, 99, 186) 100.0%);
1432
1431
  --inverse-personas-violet-surface-accent-gradient: linear-gradient(180.00deg, rgb(177, 76, 194) 0.0%, rgb(158, 50, 175) 100.0%);
1432
+ --on-light-surface-accent-gradient-secondary: linear-gradient(90.00deg, rgb(11, 166, 134) 0.0%, rgb(9, 133, 107) 100.0%);
1433
1433
  --surface-accent-gradient: linear-gradient(180.00deg, rgb(129, 211, 192) 0.0%, rgb(29, 145, 88) 100.0%);
1434
1434
  --surface-accent-minor-gradient: linear-gradient(133.15deg, rgb(193, 234, 207) 0%, rgb(160, 222, 207) 100.0%);
1435
1435
  --on-dark-surface-accent-gradient: linear-gradient(180.00deg, rgb(129, 211, 192) 0.0%, rgb(29, 145, 88) 100.0%);
@@ -1442,24 +1442,23 @@
1442
1442
 
1443
1443
  .dark, .light {
1444
1444
  --shadow-down-hard-s: 0rem 0.25rem 0.75rem -0.1875rem #08080829, 0rem 0.0625rem 0.25rem -0.125rem #00000014;
1445
- --shadow-down-soft-s: 0rem 0.25rem 0.875rem -0.25rem #08080814, 0rem 0.0625rem 0.25rem -0.0625rem #0000000A;
1446
1445
  --shadow-down-soft-m: 0rem 1.5rem 3rem -0.5rem #00000014;
1447
1446
  --shadow-down-soft-l: 0rem 3.75rem 7rem -0.5rem #00000014;
1447
+ --shadow-down-soft-s: 0rem 0.25rem 0.875rem -0.25rem #08080814, 0rem 0.0625rem 0.25rem -0.0625rem #0000000A;
1448
1448
  --shadow-down-hard-m: 0rem 1rem 2rem -0.5rem #0000003D;
1449
1449
  --shadow-down-hard-l: 0rem 3.75rem 7rem -0.5rem #00000066;
1450
- --shadow-up-soft-m: 0rem -1.5rem 3rem -0.5rem #00000014;
1451
1450
  --shadow-up-soft-l: 0rem -3.75rem 7rem -0.5rem #00000014;
1452
1451
  --shadow-up-hard-s: 0rem -0.25rem 0.75rem -0.1875rem #08080833, 0rem -0.0625rem 0.25rem -0.0625rem #00000008;
1453
1452
  --shadow-up-hard-m: 0rem -1rem 2rem -0.5rem #0000003D;
1454
1453
  --shadow-up-hard-l: 0rem -3.75rem 7rem -0.5rem #00000066;
1455
1454
  --shadow-up-soft-s: 0rem -0.25rem 0.875rem -0.25rem #08080814, 0rem -0.0625rem 0.25rem -0.0625rem #00000008;
1455
+ --shadow-up-soft-m: 0rem -1.5rem 3rem -0.5rem #00000014;
1456
1456
  }
1457
1457
 
1458
1458
  .dark, .light {
1459
1459
  --border-radius-4xl: 2rem;
1460
- --border-radius-5xl: 2.5rem;
1461
1460
  --border-radius-3xl: 1.75rem;
1462
- --border-radius-m: 0.75rem;
1461
+ --border-radius-5xl: 2.5rem;
1463
1462
  --border-radius-l: 1rem;
1464
1463
  --border-radius-xxs: 0.25rem;
1465
1464
  --border-radius-xs: 0.375rem;
@@ -1467,11 +1466,11 @@
1467
1466
  --border-radius-s: 0.5rem;
1468
1467
  --border-radius-xl: 1.25rem;
1469
1468
  --border-radius-circle: 100rem;
1469
+ --border-radius-m: 0.75rem;
1470
1470
  }
1471
1471
 
1472
1472
  .dark, .light {
1473
1473
  --spacing-16x: 2rem;
1474
- --spacing-6x: 0.75rem;
1475
1474
  --spacing-8x: 1rem;
1476
1475
  --spacing-10x: 1.25rem;
1477
1476
  --spacing-12x: 1.5rem;
@@ -1485,6 +1484,7 @@
1485
1484
  --spacing-0x: 0rem;
1486
1485
  --spacing-1x: 0.125rem;
1487
1486
  --spacing-3x: 0.375rem;
1487
+ --spacing-6x: 0.75rem;
1488
1488
  }
1489
1489
 
1490
1490
  .dark, .light {
@@ -1549,6 +1549,15 @@
1549
1549
  --plasma-typo-body-l-bold-font-family: var(--plasma-typo-text-font-family);
1550
1550
  --plasma-typo-body-l-bold-letter-spacing: normal;
1551
1551
  --plasma-typo-body-l-bold-font-style: normal;
1552
+ --plasma-typo-body-s-bold-font-family: var(--plasma-typo-text-font-family);
1553
+ --plasma-typo-body-s-bold-letter-spacing: normal;
1554
+ --plasma-typo-body-s-bold-font-style: normal;
1555
+ --plasma-typo-body-l-medium-font-family: var(--plasma-typo-text-font-family);
1556
+ --plasma-typo-body-l-medium-letter-spacing: normal;
1557
+ --plasma-typo-body-l-medium-font-style: normal;
1558
+ --plasma-typo-body-m-font-family: var(--plasma-typo-text-font-family);
1559
+ --plasma-typo-body-m-letter-spacing: normal;
1560
+ --plasma-typo-body-m-font-style: normal;
1552
1561
  --plasma-typo-body-s-medium-font-family: var(--plasma-typo-text-font-family);
1553
1562
  --plasma-typo-body-s-medium-letter-spacing: normal;
1554
1563
  --plasma-typo-body-s-medium-font-style: normal;
@@ -1573,18 +1582,6 @@
1573
1582
  --plasma-typo-body-s-font-family: var(--plasma-typo-text-font-family);
1574
1583
  --plasma-typo-body-s-letter-spacing: normal;
1575
1584
  --plasma-typo-body-s-font-style: normal;
1576
- --plasma-typo-body-s-bold-font-family: var(--plasma-typo-text-font-family);
1577
- --plasma-typo-body-s-bold-letter-spacing: normal;
1578
- --plasma-typo-body-s-bold-font-style: normal;
1579
- --plasma-typo-body-l-medium-font-family: var(--plasma-typo-text-font-family);
1580
- --plasma-typo-body-l-medium-letter-spacing: normal;
1581
- --plasma-typo-body-l-medium-font-style: normal;
1582
- --plasma-typo-body-m-font-family: var(--plasma-typo-text-font-family);
1583
- --plasma-typo-body-m-letter-spacing: normal;
1584
- --plasma-typo-body-m-font-style: normal;
1585
- --plasma-typo-text-xs-medium-font-family: var(--plasma-typo-text-font-family);
1586
- --plasma-typo-text-xs-medium-letter-spacing: -0.02em;
1587
- --plasma-typo-text-xs-medium-font-style: normal;
1588
1585
  --plasma-typo-body-xxs-medium-font-family: var(--plasma-typo-text-font-family);
1589
1586
  --plasma-typo-body-xxs-medium-letter-spacing: normal;
1590
1587
  --plasma-typo-body-xxs-medium-font-style: normal;
@@ -1621,6 +1618,9 @@
1621
1618
  --plasma-typo-text-xs-bold-font-family: var(--plasma-typo-text-font-family);
1622
1619
  --plasma-typo-text-xs-bold-letter-spacing: -0.02em;
1623
1620
  --plasma-typo-text-xs-bold-font-style: normal;
1621
+ --plasma-typo-text-xs-medium-font-family: var(--plasma-typo-text-font-family);
1622
+ --plasma-typo-text-xs-medium-letter-spacing: -0.02em;
1623
+ --plasma-typo-text-xs-medium-font-style: normal;
1624
1624
  }
1625
1625
 
1626
1626
  @media (max-width: 559px) {
@@ -1679,6 +1679,15 @@
1679
1679
  --plasma-typo-body-l-bold-font-size: 0.9375rem;
1680
1680
  --plasma-typo-body-l-bold-font-weight: 700;
1681
1681
  --plasma-typo-body-l-bold-line-height: 1.25rem;
1682
+ --plasma-typo-body-s-bold-font-size: 0.8125rem;
1683
+ --plasma-typo-body-s-bold-font-weight: 600;
1684
+ --plasma-typo-body-s-bold-line-height: 0.9375rem;
1685
+ --plasma-typo-body-l-medium-font-size: 0.9375rem;
1686
+ --plasma-typo-body-l-medium-font-weight: 500;
1687
+ --plasma-typo-body-l-medium-line-height: 1.25rem;
1688
+ --plasma-typo-body-m-font-size: 0.875rem;
1689
+ --plasma-typo-body-m-font-weight: 400;
1690
+ --plasma-typo-body-m-line-height: 1.125rem;
1682
1691
  --plasma-typo-body-s-medium-font-size: 0.8125rem;
1683
1692
  --plasma-typo-body-s-medium-font-weight: 500;
1684
1693
  --plasma-typo-body-s-medium-line-height: 0.9375rem;
@@ -1703,18 +1712,6 @@
1703
1712
  --plasma-typo-body-s-font-size: 0.8125rem;
1704
1713
  --plasma-typo-body-s-font-weight: 400;
1705
1714
  --plasma-typo-body-s-line-height: 0.9375rem;
1706
- --plasma-typo-body-s-bold-font-size: 0.8125rem;
1707
- --plasma-typo-body-s-bold-font-weight: 600;
1708
- --plasma-typo-body-s-bold-line-height: 0.9375rem;
1709
- --plasma-typo-body-l-medium-font-size: 0.9375rem;
1710
- --plasma-typo-body-l-medium-font-weight: 500;
1711
- --plasma-typo-body-l-medium-line-height: 1.25rem;
1712
- --plasma-typo-body-m-font-size: 0.875rem;
1713
- --plasma-typo-body-m-font-weight: 400;
1714
- --plasma-typo-body-m-line-height: 1.125rem;
1715
- --plasma-typo-text-xs-medium-font-size: 0.75rem;
1716
- --plasma-typo-text-xs-medium-font-weight: 500;
1717
- --plasma-typo-text-xs-medium-line-height: 1rem;
1718
1715
  --plasma-typo-body-xxs-medium-font-size: 0.6875rem;
1719
1716
  --plasma-typo-body-xxs-medium-font-weight: 500;
1720
1717
  --plasma-typo-body-xxs-medium-line-height: 0.8125rem;
@@ -1751,6 +1748,9 @@
1751
1748
  --plasma-typo-text-xs-bold-font-size: 0.75rem;
1752
1749
  --plasma-typo-text-xs-bold-font-weight: 600;
1753
1750
  --plasma-typo-text-xs-bold-line-height: 1rem;
1751
+ --plasma-typo-text-xs-medium-font-size: 0.75rem;
1752
+ --plasma-typo-text-xs-medium-font-weight: 500;
1753
+ --plasma-typo-text-xs-medium-line-height: 1rem;
1754
1754
  }
1755
1755
  }
1756
1756
 
@@ -1896,36 +1896,6 @@
1896
1896
  --plasma-typo-dspl-s-bold-font-size: 2.125rem;
1897
1897
  --plasma-typo-dspl-s-bold-font-weight: 700;
1898
1898
  --plasma-typo-dspl-s-bold-line-height: 2.5625rem;
1899
- --plasma-typo-h2-medium-font-size: 1.375rem;
1900
- --plasma-typo-h2-medium-font-weight: 500;
1901
- --plasma-typo-h2-medium-line-height: 1.75rem;
1902
- --plasma-typo-h3-font-size: 1.25rem;
1903
- --plasma-typo-h3-font-weight: 400;
1904
- --plasma-typo-h3-line-height: 1.4375rem;
1905
- --plasma-typo-h3-bold-font-size: 1.25rem;
1906
- --plasma-typo-h3-bold-font-weight: 700;
1907
- --plasma-typo-h3-bold-line-height: 1.4375rem;
1908
- --plasma-typo-h3-medium-font-size: 1.25rem;
1909
- --plasma-typo-h3-medium-font-weight: 500;
1910
- --plasma-typo-h3-medium-line-height: 1.4375rem;
1911
- --plasma-typo-h4-font-size: 1.25rem;
1912
- --plasma-typo-h4-font-weight: 400;
1913
- --plasma-typo-h4-line-height: 1.625rem;
1914
- --plasma-typo-h4-bold-font-size: 1rem;
1915
- --plasma-typo-h4-bold-font-weight: 700;
1916
- --plasma-typo-h4-bold-line-height: 1.25rem;
1917
- --plasma-typo-h4-medium-font-size: 1rem;
1918
- --plasma-typo-h4-medium-font-weight: 500;
1919
- --plasma-typo-h4-medium-line-height: 1.25rem;
1920
- --plasma-typo-body-m-medium-font-size: 0.875rem;
1921
- --plasma-typo-body-m-medium-font-weight: 500;
1922
- --plasma-typo-body-m-medium-line-height: 1.125rem;
1923
- --plasma-typo-body-s-font-size: 0.8125rem;
1924
- --plasma-typo-body-s-font-weight: 400;
1925
- --plasma-typo-body-s-line-height: 0.9375rem;
1926
- --plasma-typo-body-s-bold-font-size: 0.8125rem;
1927
- --plasma-typo-body-s-bold-font-weight: 600;
1928
- --plasma-typo-body-s-bold-line-height: 0.9375rem;
1929
1899
  --plasma-typo-body-l-font-size: 1.125rem;
1930
1900
  --plasma-typo-body-l-font-weight: 400;
1931
1901
  --plasma-typo-body-l-line-height: 1.375rem;
@@ -1956,6 +1926,39 @@
1956
1926
  --plasma-typo-h2-bold-font-size: 1.375rem;
1957
1927
  --plasma-typo-h2-bold-font-weight: 700;
1958
1928
  --plasma-typo-h2-bold-line-height: 1.75rem;
1929
+ --plasma-typo-h2-medium-font-size: 1.375rem;
1930
+ --plasma-typo-h2-medium-font-weight: 500;
1931
+ --plasma-typo-h2-medium-line-height: 1.75rem;
1932
+ --plasma-typo-h3-font-size: 1.25rem;
1933
+ --plasma-typo-h3-font-weight: 400;
1934
+ --plasma-typo-h3-line-height: 1.4375rem;
1935
+ --plasma-typo-h3-bold-font-size: 1.25rem;
1936
+ --plasma-typo-h3-bold-font-weight: 700;
1937
+ --plasma-typo-h3-bold-line-height: 1.4375rem;
1938
+ --plasma-typo-h3-medium-font-size: 1.25rem;
1939
+ --plasma-typo-h3-medium-font-weight: 500;
1940
+ --plasma-typo-h3-medium-line-height: 1.4375rem;
1941
+ --plasma-typo-h4-font-size: 1.25rem;
1942
+ --plasma-typo-h4-font-weight: 400;
1943
+ --plasma-typo-h4-line-height: 1.625rem;
1944
+ --plasma-typo-h4-bold-font-size: 1rem;
1945
+ --plasma-typo-h4-bold-font-weight: 700;
1946
+ --plasma-typo-h4-bold-line-height: 1.25rem;
1947
+ --plasma-typo-h4-medium-font-size: 1rem;
1948
+ --plasma-typo-h4-medium-font-weight: 500;
1949
+ --plasma-typo-h4-medium-line-height: 1.25rem;
1950
+ --plasma-typo-body-m-medium-font-size: 0.875rem;
1951
+ --plasma-typo-body-m-medium-font-weight: 500;
1952
+ --plasma-typo-body-m-medium-line-height: 1.125rem;
1953
+ --plasma-typo-body-s-font-size: 0.8125rem;
1954
+ --plasma-typo-body-s-font-weight: 400;
1955
+ --plasma-typo-body-s-line-height: 0.9375rem;
1956
+ --plasma-typo-body-s-bold-font-size: 0.8125rem;
1957
+ --plasma-typo-body-s-bold-font-weight: 600;
1958
+ --plasma-typo-body-s-bold-line-height: 0.9375rem;
1959
+ --plasma-typo-text-l-font-size: 1.5rem;
1960
+ --plasma-typo-text-l-font-weight: 400;
1961
+ --plasma-typo-text-l-line-height: 2rem;
1959
1962
  --plasma-typo-text-l-bold-font-size: 1.5rem;
1960
1963
  --plasma-typo-text-l-bold-font-weight: 600;
1961
1964
  --plasma-typo-text-l-bold-line-height: 2rem;
@@ -2010,8 +2013,5 @@
2010
2013
  --plasma-typo-body-xxs-medium-font-size: 0.625rem;
2011
2014
  --plasma-typo-body-xxs-medium-font-weight: 500;
2012
2015
  --plasma-typo-body-xxs-medium-line-height: 0.75rem;
2013
- --plasma-typo-text-l-font-size: 1.5rem;
2014
- --plasma-typo-text-l-font-weight: 400;
2015
- --plasma-typo-text-l-line-height: 2rem;
2016
2016
  }
2017
2017
  }