@salutejs-ds/sdds_sbcom 0.1.17 → 0.1.18

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 (80) hide show
  1. package/components/Button/Button.config.js +1 -1
  2. package/components/Button/Button.config.js.map +1 -1
  3. package/components/Button/Button.config_jg0a4v.css +10 -0
  4. package/components/Button/Button.css +9 -9
  5. package/components/Checkbox/Checkbox.config.js +1 -1
  6. package/components/Checkbox/Checkbox.config.js.map +1 -1
  7. package/components/Checkbox/Checkbox.config_1kv48tw.css +6 -0
  8. package/components/Checkbox/Checkbox.css +6 -6
  9. package/components/Counter/Counter.config.d.ts +4 -4
  10. package/components/Counter/Counter.config.js +9 -9
  11. package/components/Counter/Counter.config.js.map +1 -1
  12. package/{es/components/Counter/Counter.config_50msgw.css → components/Counter/Counter.config_1d9i4bx.css} +10 -10
  13. package/components/Counter/Counter.css +10 -10
  14. package/components/Counter/Counter.d.ts +4 -4
  15. package/components/Link/Link.config.js +1 -1
  16. package/components/Link/Link.config.js.map +1 -1
  17. package/{es/components/Link/Link.config_4od6dh.css → components/Link/Link.config_2dv1tk.css} +4 -4
  18. package/components/Link/Link.css +8 -8
  19. package/components/Radiobox/Radiobox.config.js +1 -1
  20. package/components/Radiobox/Radiobox.config.js.map +1 -1
  21. package/components/Radiobox/Radiobox.config_8lxw55.css +6 -0
  22. package/components/Radiobox/Radiobox.css +6 -6
  23. package/css/sdds_sbcom.module.css +222 -190
  24. package/css/sdds_sbcom__dark.css +129 -101
  25. package/css/sdds_sbcom__light.css +129 -101
  26. package/es/components/Button/Button.config.js +1 -1
  27. package/es/components/Button/Button.config.js.map +1 -1
  28. package/es/components/Button/Button.config_jg0a4v.css +10 -0
  29. package/es/components/Button/Button.css +9 -9
  30. package/es/components/Checkbox/Checkbox.config.js +1 -1
  31. package/es/components/Checkbox/Checkbox.config.js.map +1 -1
  32. package/es/components/Checkbox/Checkbox.config_1kv48tw.css +6 -0
  33. package/es/components/Checkbox/Checkbox.css +6 -6
  34. package/es/components/Counter/Counter.config.js +9 -9
  35. package/es/components/Counter/Counter.config.js.map +1 -1
  36. package/{components/Counter/Counter.config_50msgw.css → es/components/Counter/Counter.config_1d9i4bx.css} +10 -10
  37. package/es/components/Counter/Counter.css +10 -10
  38. package/es/components/Link/Link.config.js +1 -1
  39. package/es/components/Link/Link.config.js.map +1 -1
  40. package/{components/Link/Link.config_4od6dh.css → es/components/Link/Link.config_2dv1tk.css} +4 -4
  41. package/es/components/Link/Link.css +8 -8
  42. package/es/components/Radiobox/Radiobox.config.js +1 -1
  43. package/es/components/Radiobox/Radiobox.config.js.map +1 -1
  44. package/es/components/Radiobox/Radiobox.config_8lxw55.css +6 -0
  45. package/es/components/Radiobox/Radiobox.css +6 -6
  46. package/es/index.css +43 -43
  47. package/es/index.js +1 -1
  48. package/es/theme/themes/sdds_sbcom__dark.js +1 -1
  49. package/es/theme/themes/sdds_sbcom__dark.js.map +1 -1
  50. package/es/theme/themes/sdds_sbcom__light.js +1 -1
  51. package/es/theme/themes/sdds_sbcom__light.js.map +1 -1
  52. package/es/theme/tokens/index.js +281 -249
  53. package/es/theme/tokens/index.js.map +1 -1
  54. package/index.css +43 -43
  55. package/index.js +6 -0
  56. package/index.js.map +1 -1
  57. package/package.json +1 -1
  58. package/styled-components/cjs/Button/Button.config.js +7 -7
  59. package/styled-components/cjs/Checkbox/Checkbox.config.js +5 -5
  60. package/styled-components/cjs/Counter/Counter.config.js +10 -10
  61. package/styled-components/cjs/Link/Link.config.js +4 -4
  62. package/styled-components/cjs/Radiobox/Radiobox.config.js +5 -5
  63. package/styled-components/es/Button/Button.config.js +7 -7
  64. package/styled-components/es/Checkbox/Checkbox.config.js +5 -5
  65. package/styled-components/es/Counter/Counter.config.js +10 -10
  66. package/styled-components/es/Link/Link.config.js +4 -4
  67. package/styled-components/es/Radiobox/Radiobox.config.js +5 -5
  68. package/theme/themes/sdds_sbcom__dark.js +1 -1
  69. package/theme/themes/sdds_sbcom__dark.js.map +1 -1
  70. package/theme/themes/sdds_sbcom__light.js +1 -1
  71. package/theme/themes/sdds_sbcom__light.js.map +1 -1
  72. package/theme/tokens/index.d.ts +194 -168
  73. package/theme/tokens/index.js +286 -248
  74. package/theme/tokens/index.js.map +1 -1
  75. package/components/Button/Button.config_reu1rb.css +0 -10
  76. package/components/Checkbox/Checkbox.config_1e3g1x5.css +0 -6
  77. package/components/Radiobox/Radiobox.config_w70m0w.css +0 -6
  78. package/es/components/Button/Button.config_reu1rb.css +0 -10
  79. package/es/components/Checkbox/Checkbox.config_1e3g1x5.css +0 -6
  80. package/es/components/Radiobox/Radiobox.config_w70m0w.css +0 -6
package/css/sdds_sbcom.module.css CHANGED
@@ -1,51 +1,12 @@
1
1
  /* Generated by robots, do not change this manually! */
2
2
 
3
3
  .dark {
4
- --on-light-outline-primary-hover: #ADA39FFF;
5
- --inverse-outline-default-active: #E6E6E6FF;
6
- --inverse-personas-sea-blue-text-accent-active: #4BB4B4FF;
7
- --inverse-personas-violet-text-accent-active: #81288FFF;
8
- --on-light-outline-default-hover: #CCCCCCFF;
9
- --on-dark-outline-default-active: #292929FF;
10
4
  --on-dark-outline-default-hover: #666666FF;
11
- --personas-green-text-accent-hover: #04C396FF;
12
- --personas-sea-blue-text-accent-hover: #00C5CCFF;
13
- --inverse-surface-accent-secondary-hover: #50C3A8FF;
14
- --surface-transparent-navi-active: #2424248A;
15
- --on-light-surface-transparent-accent-minor-active: #0BA88852;
16
- --on-light-personas-green-text-accent-active: #04AF87FF;
17
- --outline-default-active: #666666FF;
18
- --on-dark-outline-primary-active: #2B2827FF;
19
- --personas-olive-text-accent-active: #7DC07CFF;
20
- --on-dark-personas-olive-text-accent-hover: #A6D4A5FF;
21
- --on-light-personas-violet-text-accent-active: #81288FFF;
22
- --on-light-personas-ochre-text-accent-active: #AA4A0EFF;
23
- --on-dark-surface-accent-secondary-hover: #70CDB7FF;
24
- --on-light-personas-pink-text-accent-hover: #E47777FF;
25
5
  --surface-accent-secondary-hover: #70CDB7FF;
26
- --personas-indigo-text-accent-hover: #E8DAFCFF;
27
- --on-dark-personas-violet-text-accent-hover: #E9B6F2FF;
28
- --on-light-outline-primary: #DDD9D7;
29
- --inverse-outline-default: #FFFFFF;
30
- --on-dark-personas-blue-text-accent-hover: #C3DDF9FF;
31
- --on-light-personas-indigo-text-accent-hover: #000000FF;
32
- --on-light-personas-sea-blue-text-accent-hover: #00D9E0FF;
33
- --personas-ochre-text-accent-active: #F19F7EFF;
34
- --inverse-background-hardline: #000000;
35
- --on-dark-personas-sea-blue-text-accent-hover: #FFFFFFFF;
36
- --surface-transparent-navi: #23232399;
37
- --personas-violet-text-accent-active: #892B97FF;
38
- --personas-blue-text-accent-hover: #C3DDF9FF;
39
- --outline-default: #FFFFFF;
40
- --text-primary-brightness-active: #FAFAFAC4;
41
6
  --surface-transparent-card-brightness-hover: #FAFAFA1F;
42
- --surface-solid-card-brightness-hover: #303030FF;
43
7
  --surface-transparent-card-brightness-active: #FAFAFA0A;
44
- --surface-solid-card-brightness-active: #212121FF;
45
- --surface-solid-primary-brightness-hover: #303030FF;
46
8
  --on-light-surface-solid-primary-brightness-hover: #FFFFFFFF;
47
9
  --on-light-surface-solid-primary-brightness-active: #FFFFFFFF;
48
- --on-dark-surface-solid-card-brightness-active: #212121FF;
49
10
  --on-dark-surface-transparent-card-brightness-hover: #FAFAFA1F;
50
11
  --on-dark-surface-solid-card-brightness-hover: #303030FF;
51
12
  --on-dark-surface-transparent-card-brightness-active: #FAFAFA0A;
@@ -69,14 +30,13 @@
69
30
  --on-dark-surface-accent-minor-active: #043F34FF;
70
31
  --on-light-surface-solid-card-brightness-hover: #FFFFFFFF;
71
32
  --on-light-outline-positive-active: #20801EFF;
72
- --outline-primary: #DDD9D7;
33
+ --outline-primary: #3B3735;
73
34
  --inverse-surface-solid-tertiary: #FFFFFF;
74
35
  --inverse-personas-green-text-accent: #6CD5BB;
75
36
  --surface-accent-secondary: #61C8B0;
76
37
  --surface-accent-minor: #04473B;
77
38
  --on-dark-surface-accent-secondary: #61C8B0;
78
39
  --on-dark-personas-indigo-text-accent: #BD91F5;
79
- --light-background-secondary: #F6F2F0;
80
40
  --on-dark-surface-solid-tertiary-active: #424242FF;
81
41
  --on-light-surface-accent-minor: #D0F2E9;
82
42
  --on-light-personas-ochre-text-accent: #D15A11;
@@ -94,7 +54,6 @@
94
54
  --personas-ochre-text-accent: #F4B49B;
95
55
  --on-light-surface-transparent-navi: #FFFFFF99;
96
56
  --inverse-personas-blue-text-accent-active: #0D4F96FF;
97
- --light-background-hardline: #FFFFFF;
98
57
  --on-light-text-warning-active: #6F2D06FF;
99
58
  --inverse-personas-olive-text-accent-hover: #1DB71AFF;
100
59
  --on-light-surface-transparent-navi-active: #FFFFFFAD;
@@ -119,7 +78,7 @@
119
78
  --personas-ochre-text-accent-hover: #F7C8B6FF;
120
79
  --inverse-personas-pink-text-accent-active: #F48080FF;
121
80
  --on-light-surface-transparent-navi-hover: #FFFFFFA8;
122
- --outline-primary-active: #665C57FF;
81
+ --outline-primary-active: #2B2827FF;
123
82
  --on-dark-personas-sea-blue-text-accent-active: #2D6C6CFF;
124
83
  --on-light-personas-green-text-accent: #038768;
125
84
  --inverse-surface-accent-secondary-active: #3CAF94FF;
@@ -134,10 +93,9 @@
134
93
  --on-light-personas-green-text-accent-hover: #04D7A6FF;
135
94
  --on-dark-personas-ochre-text-accent-active: #F19F7EFF;
136
95
  --on-light-personas-ochre-text-accent-hover: #ED6C1DFF;
137
- --outline-primary-hover: #91847EFF;
96
+ --outline-primary-hover: #6B6461FF;
138
97
  --surface-transparent-accent-minor-active: #0BA88838;
139
98
  --surface-transparent-navi-hover: #242424B8;
140
- --outline-default-hover: #858585FF;
141
99
  --inverse-outline-default-hover: #CCCCCCFF;
142
100
  --inverse-personas-violet-text-accent-hover: #B740C9FF;
143
101
  --on-light-surface-transparent-accent-minor-hover: #0BA8884D;
@@ -170,13 +128,11 @@
170
128
  --personas-violet-text-accent-hover: #B438C7FF;
171
129
  --inverse-personas-blue-text-accent: #1063BA;
172
130
  --inverse-personas-olive-text-accent-active: #179315FF;
173
- --inverse-personas-sea-blue-text-accent: #7BC8C8;
174
131
  --inverse-surface-solid-card-brightness-hover: #FFFFFFFF;
175
132
  --inverse-surface-transparent-accent-minor: #0BA68647;
176
133
  --on-dark-surface-solid-primary-brightness-hover: #303030FF;
177
134
  --on-dark-surface-transparent-navi: #23232399;
178
135
  --inverse-text-primary-brightness-hover: #17171793;
179
- --dark-background-hardline: #000000;
180
136
  --background-hardline: #000000;
181
137
  --inverse-outline-primary: #DDD9D7;
182
138
  --on-dark-outline-default: #383838;
@@ -202,14 +158,12 @@
202
158
  --surface-transparent-accent-minor-hover: #0BA88866;
203
159
  --inverse-surface-transparent-navi-active: #FFFFFFAD;
204
160
  --on-dark-surface-transparent-accent-minor-hover: #0BA88866;
205
- --inverse-outline-primary-active: #C4BEBAFF;
206
161
  --on-light-personas-indigo-text-accent: #7133BE;
207
162
  --on-dark-surface-solid-primary-brightness-active: #212121FF;
208
163
  --on-dark-surface-transparent-accent-minor-active: #0BA88838;
209
164
  --on-light-surface-accent-secondary-active: #3CAF94FF;
210
165
  --inverse-personas-green-text-accent-hover: #8CDECAFF;
211
166
  --on-light-personas-indigo-text-accent-active: #5B2999FF;
212
- --outline-transparent-white: #FFFFFF7A;
213
167
  --outline-transparent-white-active: #FFFFFF49;
214
168
  --outline-transparent-white-hover: #FFFFFFF5;
215
169
  --inverse-outline-deep: #A1A09F;
@@ -255,8 +209,6 @@
255
209
  --outline-deep-hover: #D2D1D1FF;
256
210
  --on-light-outline-transparent-white-active: #FFFFFFA3;
257
211
  --on-light-outline-transparent-white-hover: #FFFFFF3D;
258
- --outline-deep: #777675;
259
- --inverse-outline-transparent-white-active: #FFFFFFA3;
260
212
  --text-positive-active: #469442FF;
261
213
  --text-positive-hover: #62B65DFF;
262
214
  --text-primary-active: #FFFFFFCA;
@@ -285,7 +237,6 @@
285
237
  --text-tertiary: #F6F2F03D;
286
238
  --text-accent: #61C8B0;
287
239
  --text-accent-active: #4ABFA4FF;
288
- --text-accent-hover: #77CFBBFF;
289
240
  --on-dark-text-accent-minor-active: #60C7AF93;
290
241
  --on-dark-text-info-active: #53A3F3FF;
291
242
  --on-dark-text-info: #70B2F5;
@@ -296,10 +247,7 @@
296
247
  --on-dark-text-tertiary: #F6F2F03D;
297
248
  --on-dark-text-secondary-hover: #F5F1EFFF;
298
249
  --on-dark-text-primary: #FFFFFFFC;
299
- --on-dark-text-accent: #61C8B0ED;
300
250
  --on-dark-text-accent-hover: #60C7AF8E;
301
- --on-dark-text-accent-active: #60C7AFBE;
302
- --on-dark-text-paragraph-active: #F5F1EF93;
303
251
  --on-dark-text-positive: #50A84C;
304
252
  --on-dark-text-paragraph-hover: #F5F1EFFF;
305
253
  --on-dark-text-negative-active: #F3626AFF;
@@ -342,7 +290,6 @@
342
290
  --on-light-text-accent-hover: #0DB593FF;
343
291
  --on-light-text-negative-active: #AF181DFF;
344
292
  --on-light-text-negative-hover: #E3353BFF;
345
- --inverse-text-accent: #0A8E73;
346
293
  --inverse-text-secondary-hover: #15110FFF;
347
294
  --inverse-text-secondary: #15110FA3;
348
295
  --inverse-text-secondary-active: #15110FC4;
@@ -366,8 +313,6 @@
366
313
  --inverse-text-accent-hover: #0DB593FF;
367
314
  --inverse-text-accent-minor: #0A8E7366;
368
315
  --inverse-text-negative: #D11D23;
369
- --surface-solid-primary-brightness: #262626FF;
370
- --surface-solid-primary-active: #1F1F1FFF;
371
316
  --inverse-text-positive-active: #185E17FF;
372
317
  --inverse-text-positive-hover: #29A027FF;
373
318
  --inverse-text-negative-active: #AF181DFF;
@@ -386,7 +331,6 @@
386
331
  --inverse-text-warning-active: #6F2D06FF;
387
332
  --inverse-text-positive: #207F1F;
388
333
  --surface-solid-primary-hover: #2E2E2EFF;
389
- --surface-accent: #0BA686;
390
334
  --surface-accent-hover: #0CBB98FF;
391
335
  --surface-accent-active: #0A9E81FF;
392
336
  --surface-transparent-primary-active: #FFFFFF0F;
@@ -399,7 +343,6 @@
399
343
  --surface-solid-card-active: #1F1F1FFF;
400
344
  --surface-solid-card-hover: #2E2E2EFF;
401
345
  --surface-solid-card-brightness: #262626FF;
402
- --surface-accent-minor-hover: #055C4CFF;
403
346
  --surface-clear-active: #FFFFFF00;
404
347
  --surface-clear: #FFFFFF00;
405
348
  --surface-solid-card: #232323;
@@ -408,7 +351,6 @@
408
351
  --surface-transparent-card-hover: #383838D6;
409
352
  --surface-transparent-card-brightness: #FAFAFA0F;
410
353
  --surface-solid-default-active: #F2ECE9FF;
411
- --surface-solid-default: #F6F2F0;
412
354
  --surface-solid-default-hover: #F9F7F5FF;
413
355
  --surface-transparent-accent-active: #0BA88824;
414
356
  --surface-transparent-card: #373737B8;
@@ -418,7 +360,6 @@
418
360
  --surface-transparent-accent: #0BA68633;
419
361
  --surface-transparent-secondary-hover: #FFFFFF47;
420
362
  --surface-transparent-tertiary-active: #FFFFFF2E;
421
- --surface-accent-minor-active: #043F34FF;
422
363
  --surface-transparent-tertiary-hover: #FFFFFF5C;
423
364
  --surface-positive-active: #9FCF9BFF;
424
365
  --surface-positive-hover: #B3D9B0FF;
@@ -431,7 +372,6 @@
431
372
  --surface-warning-active: #F8A977FF;
432
373
  --surface-info-active: #91C4F7FF;
433
374
  --surface-negative: #F8A6A9;
434
- --surface-info: #9BCAF8;
435
375
  --surface-transparent-negative-active: #F8A5A870;
436
376
  --surface-transparent-negative-hover: #F8A5A89E;
437
377
  --surface-transparent-negative: #F8A6A980;
@@ -474,7 +414,6 @@
474
414
  --on-dark-surface-transparent-card-active: #383838A8;
475
415
  --on-dark-surface-transparent-secondary-hover: #FFFFFF47;
476
416
  --on-dark-surface-transparent-tertiary-active: #FFFFFF2E;
477
- --on-dark-surface-accent-minor: #04473B;
478
417
  --on-dark-surface-transparent-tertiary-hover: #FFFFFF5C;
479
418
  --on-dark-surface-positive-active: #9FCF9BFF;
480
419
  --on-dark-surface-positive-hover: #B3D9B0FF;
@@ -515,7 +454,6 @@
515
454
  --on-light-surface-transparent-deep: #A1A09FA3;
516
455
  --on-light-surface-transparent-primary: #15110F0A;
517
456
  --on-light-surface-transparent-deep-active: #A2A1A0B8;
518
- --on-light-surface-transparent-deep-hover: #A2A1A0B3;
519
457
  --on-light-surface-solid-card-active: #FFFFFFFF;
520
458
  --on-light-surface-solid-card-hover: #FFFFFFFF;
521
459
  --on-light-surface-solid-card-brightness: #FFFFFFFF;
@@ -531,9 +469,7 @@
531
469
  --on-light-surface-transparent-tertiary: #15110F1F;
532
470
  --on-light-surface-transparent-card-brightness: #FFFFFFFF;
533
471
  --on-light-surface-transparent-card: #FFFFFFB3;
534
- --on-light-surface-transparent-secondary-hover: #15110F1A;
535
472
  --on-light-surface-transparent-tertiary-active: #15110F33;
536
- --on-light-surface-clear: #FFFFFF00;
537
473
  --on-light-surface-transparent-tertiary-hover: #15110F2E;
538
474
  --on-light-surface-info: #3776BC;
539
475
  --on-light-surface-positive-active: #20801EFF;
@@ -555,16 +491,13 @@
555
491
  --on-light-surface-read-only-active: #FAFAFA08;
556
492
  --on-light-surface-transparent-negative: #E8343929;
557
493
  --inverse-surface-solid-secondary: #FFFFFF;
558
- --inverse-surface-solid-secondary-active: #FFFFFFFF;
559
494
  --inverse-surface-solid-secondary-hover: #FFFFFFFF;
560
495
  --on-light-surface-read-only-hover: #FAFAFA05;
561
496
  --on-light-surface-read-only: #F9F9F903;
562
497
  --inverse-surface-solid-primary-brightness: #FFFFFFFF;
563
- --inverse-surface-solid-primary: #FFFFFF;
564
498
  --inverse-surface-solid-primary-active: #FFFFFFFF;
565
499
  --inverse-surface-solid-primary-hover: #FFFFFFFF;
566
500
  --inverse-surface-transparent-tertiary-hover: #15110F2E;
567
- --inverse-surface-accent: #0BA686;
568
501
  --inverse-surface-clear-active: #FFFFFF00;
569
502
  --inverse-surface-clear: #FFFFFF00;
570
503
  --inverse-surface-transparent-primary-active: #15110F0F;
@@ -580,7 +513,6 @@
580
513
  --inverse-surface-solid-card: #FFFFFF;
581
514
  --inverse-surface-transparent-card-brightness: #FFFFFFFF;
582
515
  --inverse-surface-transparent-card-hover: #FFFFFFC2;
583
- --inverse-surface-solid-default: #15110F;
584
516
  --inverse-surface-solid-default-active: #090706FF;
585
517
  --inverse-surface-solid-tertiary-active: #FFFFFFFF;
586
518
  --inverse-surface-transparent-card-active: #FFFFFFC7;
@@ -594,8 +526,6 @@
594
526
  --inverse-surface-clear-hover: #FFFFFF00;
595
527
  --inverse-surface-warning-active: #AD460BFF;
596
528
  --inverse-surface-warning-hover: #D3560DFF;
597
- --inverse-surface-accent-active: #099579FF;
598
- --inverse-surface-accent-minor-active: #BFEDE1FF;
599
529
  --inverse-surface-accent-hover: #0CBB98FF;
600
530
  --inverse-surface-positive-active: #20801EFF;
601
531
  --inverse-surface-positive-hover: #28A126FF;
@@ -621,28 +551,25 @@
621
551
  --inverse-surface-read-only-hover: #FAFAFA05;
622
552
  --inverse-surface-read-only: #F9F9F903;
623
553
  --dark-background-tertiary: #141413;
624
- --dark-background-primary: #141413;
625
554
  --background-primary: #141413;
626
555
  --on-dark-overlay-soft: #0000001F;
627
- --on-dark-overlay-hard: #00000029;
556
+ --on-dark-overlay-hard: #00000066;
628
557
  --outline-transparent-primary-active: #FFFFFF12;
629
558
  --outline-transparent-primary: #FFFFFF1F;
630
559
  --outline-transparent-primary-hover: #FFFFFF4D;
631
- --overlay-hard: #00000029;
560
+ --overlay-hard: #00000066;
632
561
  --overlay-soft: #0000001F;
633
- --on-light-overlay-hard: #00000052;
562
+ --on-light-overlay-hard: #000000CC;
634
563
  --inverse-overlay-soft: #0000003D;
635
564
  --on-light-overlay-soft: #0000003D;
636
- --inverse-overlay-hard: #00000052;
565
+ --inverse-overlay-hard: #000000CC;
637
566
  --outline-clear: #FFFFFF00;
638
567
  --inverse-background-tertiary: #FFFFFF;
639
568
  --inverse-background-secondary: #F6F2F0;
640
569
  --light-background-tertiary: #FFFFFF;
641
- --inverse-background-primary: #EBE7E5;
642
570
  --outline-positive: #A6D2A2;
643
571
  --outline-negative: #F8A6A9;
644
572
  --outline-accent-hover: #0EE1B7FF;
645
- --outline-accent: #0BA686;
646
573
  --outline-accent-active: #099579FF;
647
574
  --outline-positive-active: #92C88DFF;
648
575
  --outline-positive-hover: #DBEDD9FF;
@@ -667,7 +594,6 @@
667
594
  --on-dark-outline-positive: #A6D2A2;
668
595
  --on-dark-outline-negative-hover: #F25A5FFF;
669
596
  --on-dark-outline-accent-hover: #0EE1B7FF;
670
- --on-dark-outline-accent-active: #099579FF;
671
597
  --on-dark-outline-clear: #FFFFFF00;
672
598
  --on-dark-outline-info-hover: #E7F2FDFF;
673
599
  --on-dark-outline-info-active: #7EBAF6FF;
@@ -685,7 +611,6 @@
685
611
  --on-light-outline-transparent-primary-hover: #15110F25;
686
612
  --on-light-outline-accent-hover: #0ED8AFFF;
687
613
  --on-light-outline-positive: #239322;
688
- --on-light-outline-accent: #0BA686;
689
614
  --on-light-outline-accent-active: #088169FF;
690
615
  --on-light-outline-clear-active: #FFFFFF00;
691
616
  --on-light-outline-negative-active: #DC181FFF;
@@ -697,14 +622,12 @@
697
622
  --on-light-outline-info: #3776BC;
698
623
  --on-light-outline-info-active: #3067A6FF;
699
624
  --inverse-outline-accent-active: #088169FF;
700
- --inverse-outline-accent: #0BA686;
701
625
  --inverse-outline-clear: #FFFFFF00;
702
626
  --inverse-outline-clear-active: #FFFFFF00;
703
627
  --inverse-outline-clear-hover: #FFFFFF00;
704
628
  --inverse-outline-transparent-primary-hover: #15110F25;
705
629
  --inverse-outline-transparent-primary: #15110F3D;
706
630
  --inverse-outline-transparent-primary-active: #15110F62;
707
- --inverse-outline-accent-hover: #0ED8AFFF;
708
631
  --inverse-outline-positive: #239322;
709
632
  --inverse-outline-negative: #E83439;
710
633
  --inverse-outline-info-hover: #81AADAFF;
@@ -721,15 +644,95 @@
721
644
  --on-dark-surface-solid-default: #F6F2F0;
722
645
  --on-light-surface-accent-minor-active: #BFEDE1FF;
723
646
  --text-primary-hover: #FFFFFF97;
647
+ --dark-background-primary: #141413;
648
+ --inverse-background-hardline: #000000;
649
+ --inverse-background-primary: #EBE7E5;
650
+ --light-background-hardline: #FFFFFF;
651
+ --light-background-secondary: #F6F2F0;
652
+ --outline-accent: #0BA686;
653
+ --outline-deep: #777675;
654
+ --outline-default: #383838;
655
+ --outline-default-active: #292929FF;
656
+ --outline-default-hover: #666666FF;
657
+ --outline-transparent-white: #FFFFFF7A;
658
+ --inverse-outline-accent: #0BA686;
659
+ --inverse-outline-accent-hover: #0ED8AFFF;
660
+ --inverse-outline-default: #FFFFFF;
661
+ --inverse-outline-default-active: #E6E6E6FF;
662
+ --on-light-outline-default-hover: #CCCCCCFF;
663
+ --on-light-outline-primary-hover: #ADA39FFF;
664
+ --personas-blue-text-accent-hover: #C3DDF9FF;
665
+ --personas-green-text-accent-hover: #04C396FF;
666
+ --personas-indigo-text-accent-hover: #E8DAFCFF;
667
+ --personas-sea-blue-text-accent-hover: #00C5CCFF;
668
+ --on-dark-personas-blue-text-accent-hover: #C3DDF9FF;
669
+ --on-dark-personas-olive-text-accent-hover: #A6D4A5FF;
670
+ --on-dark-personas-sea-blue-text-accent-hover: #FFFFFFFF;
671
+ --on-dark-personas-violet-text-accent-hover: #E9B6F2FF;
672
+ --on-light-personas-indigo-text-accent-hover: #000000FF;
673
+ --on-light-personas-pink-text-accent-hover: #E47777FF;
674
+ --on-light-personas-sea-blue-text-accent-hover: #00D9E0FF;
675
+ --surface-accent-minor-hover: #055C4CFF;
676
+ --inverse-surface-accent-secondary-hover: #50C3A8FF;
677
+ --on-dark-surface-accent-secondary-hover: #70CDB7FF;
678
+ --on-light-surface-transparent-deep-hover: #A2A1A0B3;
679
+ --on-light-surface-transparent-secondary-hover: #15110F1A;
680
+ --text-accent-hover: #77CFBBFF;
681
+ --inverse-outline-primary-active: #C4BEBAFF;
682
+ --inverse-outline-transparent-white-active: #FFFFFFA3;
683
+ --on-dark-outline-accent-active: #099579FF;
684
+ --on-dark-outline-default-active: #292929FF;
685
+ --on-dark-outline-primary-active: #2B2827FF;
686
+ --personas-ochre-text-accent-active: #F19F7EFF;
687
+ --personas-olive-text-accent-active: #7DC07CFF;
688
+ --personas-violet-text-accent-active: #892B97FF;
689
+ --inverse-personas-sea-blue-text-accent-active: #4BB4B4FF;
690
+ --inverse-personas-violet-text-accent-active: #81288FFF;
691
+ --on-light-personas-green-text-accent-active: #04AF87FF;
692
+ --on-light-personas-ochre-text-accent-active: #AA4A0EFF;
693
+ --on-light-personas-violet-text-accent-active: #81288FFF;
694
+ --surface-accent-minor-active: #043F34FF;
695
+ --surface-solid-primary-active: #1F1F1FFF;
696
+ --surface-solid-primary-brightness-hover: #303030FF;
697
+ --surface-transparent-navi-active: #2424248A;
698
+ --inverse-surface-accent-active: #099579FF;
699
+ --inverse-surface-accent-minor-active: #BFEDE1FF;
700
+ --inverse-surface-solid-secondary-active: #FFFFFFFF;
701
+ --on-light-surface-transparent-accent-minor-active: #0BA88852;
702
+ --on-dark-text-accent-active: #60C7AFBE;
703
+ --on-light-outline-accent: #0BA686;
704
+ --on-light-outline-primary: #DDD9D7;
705
+ --inverse-personas-sea-blue-text-accent: #7BC8C8;
706
+ --surface-accent: #0BA686;
707
+ --surface-info: #9BCAF8;
708
+ --surface-solid-card-brightness-active: #212121FF;
709
+ --surface-solid-default: #F6F2F0;
710
+ --surface-transparent-navi: #23232399;
711
+ --inverse-surface-accent: #0BA686;
712
+ --inverse-surface-solid-primary: #FFFFFF;
713
+ --on-dark-surface-accent-minor: #04473B;
714
+ --on-light-surface-clear: #FFFFFF00;
715
+ --text-primary-brightness-active: #FAFAFAC4;
716
+ --inverse-text-accent: #0A8E73;
717
+ --on-dark-text-accent: #61C8B0ED;
718
+ --dark-background-hardline: #000000;
719
+ --surface-solid-card-brightness-hover: #303030FF;
720
+ --surface-solid-primary-brightness: #262626FF;
721
+ --inverse-surface-solid-default: #15110F;
722
+ --on-dark-surface-solid-card-brightness-active: #212121FF;
723
+ --on-dark-text-paragraph-active: #F5F1EF93;
724
+ --overlay-medium: #00000029;
725
+ --inverse-overlay-medium: #00000052;
726
+ --on-dark-overlay-medium: #00000029;
727
+ --on-light-overlay-medium: #00000052;
724
728
  color: var(--text-primary);
725
729
  background-color: var(--background-primary);
726
730
  }
727
731
 
728
732
  .dark {
729
- --on-dark-personas-indigo-surface-accent-gradient: linear-gradient(180.00deg, rgb(135, 77, 207) 0.0%, rgb(113, 51, 190) 100.0%);
730
733
  --on-light-personas-olive-surface-accent-gradient: linear-gradient(180.00deg, rgb(147, 203, 146) 0.0%, rgb(115, 179, 114) 100.0%);
731
734
  --on-dark-personas-blue-surface-accent-gradient: linear-gradient(180.00deg, rgb(47, 130, 217) 0.0%, rgb(16, 99, 186) 100.0%);
732
- --on-dark-overlay-gradient: linear-gradient(180.00deg, rgb(0, 0, 0) 0%, rgba(0, 0, 0, 0) 100%);
735
+ --on-dark-overlay-gradient: linear-gradient(270deg, #000000 0.0%, #00000000 100.0%);
733
736
  --inverse-personas-ochre-surface-accent-gradient: linear-gradient(180.00deg, rgb(248, 165, 133) 0.0%, rgb(228, 118, 76) 100.0%);
734
737
  --on-dark-personas-violet-surface-accent-gradient: linear-gradient(180.00deg, rgb(177, 76, 194) 0.0%, rgb(158, 50, 175) 100.0%);
735
738
  --on-dark-surface-skeleton-gradient: linear-gradient(90deg, #FFFFFF00 0.0%, #FFFFFF3D 50.4%, #FFFFFF00 100.0%, #FFFFFF00 100.0%);
@@ -749,8 +752,8 @@
749
752
  --on-light-surface-skeleton-gradient: linear-gradient(90deg, #0808080F 0.0%, #0808080C 10.0%, #08080809 20.0%, #08080808 25.0%, #08080806 30.0%, #08080803 40.0%, #08080800 50.0%, #08080803 60.0%, #08080806 70.0%, #08080808 75.0%, #08080809 80.0%, #0808080C 90.0%, #0808080F 100.0%);
750
753
  --personas-pink-surface-accent-gradient: linear-gradient(180.00deg, rgb(222, 113, 113) 0.0%, rgb(208, 79, 79) 100.0%);
751
754
  --inverse-personas-indigo-surface-accent-gradient: linear-gradient(180.00deg, rgb(189, 145, 245) 0.0%, rgb(161, 117, 217) 100.0%);
752
- --background-gradient: linear-gradient(135.00deg, rgb(2, 20, 9) 0.0%, rgb(20, 20, 19) 100.0%);
753
- --inverse-background-gradient: linear-gradient(135.00deg, rgb(193, 234, 207) 0.0%, rgb(160, 222, 207) 100.0%);
755
+ --background-gradient: linear-gradient(135.00deg, rgb(2, 20, 9) 0.0%, rgb(20, 20, 19) 100%);
756
+ --inverse-background-gradient: linear-gradient(135.00deg, rgb(193, 234, 207) 0%, rgb(160, 222, 207) 100%);
754
757
  --personas-green-surface-accent-gradient: linear-gradient(180.00deg, rgb(26, 158, 127) 0.0%, rgb(3, 135, 104) 100.0%);
755
758
  --on-light-outline-white-gradient: linear-gradient(135.00deg, rgb(255, 255, 255) 0%, rgba(255, 255, 255, 0.16) 36.746%, rgba(255, 255, 255, 0.16) 66.734%, rgba(255, 255, 255, 0.8) 100%);
756
759
  --inverse-surface-accent-gradient-secondary: linear-gradient(90.00deg, rgb(11, 166, 134) 0.0%, rgb(9, 133, 107) 100.0%);
@@ -787,57 +790,19 @@
787
790
  --on-dark-surface-accent-gradient: linear-gradient(180.00deg, rgb(129, 211, 192) 0.0%, rgb(29, 145, 88) 100.0%);
788
791
  --on-dark-surface-accent-minor-gradient: linear-gradient(135.00deg, rgb(3, 67, 37) 0.0%, rgba(1, 24, 21, 0.98) 100.0%);
789
792
  --on-light-surface-accent-minor-gradient: linear-gradient(133.15deg, rgb(193, 234, 207) 0%, rgb(160, 222, 207) 100.0%);
790
- --inverse-surface-accent-gradient: linear-gradient(180.00deg, rgb(129, 211, 192) 0.0%, rgb(29, 145, 88) 100.0%);
791
793
  --inverse-surface-accent-minor-gradient: linear-gradient(133.15deg, rgb(193, 234, 207) 0%, rgb(160, 222, 207) 100.0%);
792
794
  --on-light-surface-accent-gradient: linear-gradient(180.00deg, rgb(129, 211, 192) 0.0%, rgb(29, 145, 88) 100.0%);
795
+ --on-dark-personas-indigo-surface-accent-gradient: linear-gradient(180.00deg, rgb(135, 77, 207) 0.0%, rgb(113, 51, 190) 100.0%);
796
+ --inverse-surface-accent-gradient: linear-gradient(180.00deg, rgb(129, 211, 192) 0.0%, rgb(29, 145, 88) 100.0%);
793
797
  }
794
798
 
795
799
  .light {
796
- --on-light-outline-primary-hover: #ADA39FFF;
797
- --inverse-outline-default-active: #292929FF;
798
- --inverse-personas-sea-blue-text-accent-active: #00A8ADFF;
799
- --inverse-personas-violet-text-accent-active: #D982E8FF;
800
- --on-light-outline-default-hover: #CCCCCCFF;
801
- --on-dark-outline-default-active: #292929FF;
802
800
  --on-dark-outline-default-hover: #666666FF;
803
- --personas-green-text-accent-hover: #8CDECAFF;
804
- --personas-sea-blue-text-accent-hover: #000000FF;
805
- --inverse-surface-accent-secondary-hover: #70CDB7FF;
806
- --surface-transparent-navi-active: #FFFFFFAD;
807
- --on-light-surface-transparent-accent-minor-active: #0BA88852;
808
- --on-light-personas-green-text-accent-active: #04AF87FF;
809
- --outline-default-active: #6B6B6BFF;
810
- --on-dark-outline-primary-active: #2B2827FF;
811
- --personas-olive-text-accent-active: #179315FF;
812
- --on-dark-personas-olive-text-accent-hover: #A6D4A5FF;
813
- --on-light-personas-violet-text-accent-active: #81288FFF;
814
- --on-light-personas-ochre-text-accent-active: #AA4A0EFF;
815
- --on-dark-surface-accent-secondary-hover: #70CDB7FF;
816
- --on-light-personas-pink-text-accent-hover: #E47777FF;
817
801
  --surface-accent-secondary-hover: #50C3A8FF;
818
- --personas-indigo-text-accent-hover: #000000FF;
819
- --on-dark-personas-violet-text-accent-hover: #E9B6F2FF;
820
- --on-light-outline-primary: #DDD9D7;
821
- --inverse-outline-default: #383838;
822
- --on-dark-personas-blue-text-accent-hover: #C3DDF9FF;
823
- --on-light-personas-indigo-text-accent-hover: #000000FF;
824
- --on-light-personas-sea-blue-text-accent-hover: #00D9E0FF;
825
- --personas-ochre-text-accent-active: #AA4A0EFF;
826
- --inverse-background-hardline: #FFFFFF;
827
- --on-dark-personas-sea-blue-text-accent-hover: #FFFFFFFF;
828
- --surface-transparent-navi: #FFFFFF99;
829
- --personas-violet-text-accent-active: #D679E6FF;
830
- --personas-blue-text-accent-hover: #1477E1FF;
831
- --outline-default: #383838;
832
- --text-primary-brightness-active: #171717C4;
833
802
  --surface-transparent-card-brightness-hover: #FFFFFFFF;
834
- --surface-solid-card-brightness-hover: #FFFFFFFF;
835
803
  --surface-transparent-card-brightness-active: #FFFFFFFF;
836
- --surface-solid-card-brightness-active: #FFFFFFFF;
837
- --surface-solid-primary-brightness-hover: #FFFFFFFF;
838
804
  --on-light-surface-solid-primary-brightness-hover: #FFFFFFFF;
839
805
  --on-light-surface-solid-primary-brightness-active: #FFFFFFFF;
840
- --on-dark-surface-solid-card-brightness-active: #212121FF;
841
806
  --on-dark-surface-transparent-card-brightness-hover: #FAFAFA1F;
842
807
  --on-dark-surface-solid-card-brightness-hover: #303030FF;
843
808
  --on-dark-surface-transparent-card-brightness-active: #FAFAFA0A;
@@ -861,14 +826,13 @@
861
826
  --on-dark-surface-accent-minor-active: #043F34FF;
862
827
  --on-light-surface-solid-card-brightness-hover: #FFFFFFFF;
863
828
  --on-light-outline-positive-active: #20801EFF;
864
- --outline-primary: #3B3735;
829
+ --outline-primary: #DDD9D7;
865
830
  --inverse-surface-solid-tertiary: #474747;
866
831
  --inverse-personas-green-text-accent: #038768;
867
832
  --surface-accent-secondary: #41BDA1;
868
833
  --surface-accent-minor: #D0F2E9;
869
834
  --on-dark-surface-accent-secondary: #61C8B0;
870
835
  --on-dark-personas-indigo-text-accent: #BD91F5;
871
- --light-background-secondary: #F6F2F0;
872
836
  --on-dark-surface-solid-tertiary-active: #424242FF;
873
837
  --on-light-surface-accent-minor: #D0F2E9;
874
838
  --on-light-personas-ochre-text-accent: #D15A11;
@@ -886,7 +850,6 @@
886
850
  --personas-ochre-text-accent: #D15A11;
887
851
  --on-light-surface-transparent-navi: #FFFFFF99;
888
852
  --inverse-personas-blue-text-accent-active: #5DA3EFFF;
889
- --light-background-hardline: #FFFFFF;
890
853
  --on-light-text-warning-active: #6F2D06FF;
891
854
  --inverse-personas-olive-text-accent-hover: #A6D4A5FF;
892
855
  --on-light-surface-transparent-navi-active: #FFFFFFAD;
@@ -911,7 +874,7 @@
911
874
  --personas-ochre-text-accent-hover: #ED6C1DFF;
912
875
  --inverse-personas-pink-text-accent-active: #D83B3BFF;
913
876
  --on-light-surface-transparent-navi-hover: #FFFFFFA8;
914
- --outline-primary-active: #706966FF;
877
+ --outline-primary-active: #C4BEBAFF;
915
878
  --on-dark-personas-sea-blue-text-accent-active: #2D6C6CFF;
916
879
  --on-light-personas-green-text-accent: #038768;
917
880
  --inverse-surface-accent-secondary-active: #59C5ACFF;
@@ -926,10 +889,9 @@
926
889
  --on-light-personas-green-text-accent-hover: #04D7A6FF;
927
890
  --on-dark-personas-ochre-text-accent-active: #F19F7EFF;
928
891
  --on-light-personas-ochre-text-accent-hover: #ED6C1DFF;
929
- --outline-primary-hover: #B6B1AFFF;
892
+ --outline-primary-hover: #ADA39FFF;
930
893
  --surface-transparent-accent-minor-active: #0BA88852;
931
894
  --surface-transparent-navi-hover: #FFFFFFA8;
932
- --outline-default-hover: #B3B3B3FF;
933
895
  --inverse-outline-default-hover: #666666FF;
934
896
  --inverse-personas-violet-text-accent-hover: #E9B6F2FF;
935
897
  --on-light-surface-transparent-accent-minor-hover: #0BA8884D;
@@ -962,13 +924,11 @@
962
924
  --personas-violet-text-accent-hover: #EBBEF3FF;
963
925
  --inverse-personas-blue-text-accent: #79B3F2;
964
926
  --inverse-personas-olive-text-accent-active: #7DC07CFF;
965
- --inverse-personas-sea-blue-text-accent: #00898D;
966
927
  --inverse-surface-solid-card-brightness-hover: #303030FF;
967
928
  --inverse-surface-transparent-accent-minor: #0BA6863D;
968
929
  --on-dark-surface-solid-primary-brightness-hover: #303030FF;
969
930
  --on-dark-surface-transparent-navi: #23232399;
970
931
  --inverse-text-primary-brightness-hover: #FAFAFA93;
971
- --dark-background-hardline: #000000;
972
932
  --background-hardline: #FFFFFF;
973
933
  --inverse-outline-primary: #3B3735;
974
934
  --on-dark-outline-default: #383838;
@@ -994,14 +954,12 @@
994
954
  --surface-transparent-accent-minor-hover: #0BA8884D;
995
955
  --inverse-surface-transparent-navi-active: #2424248A;
996
956
  --on-dark-surface-transparent-accent-minor-hover: #0BA88866;
997
- --inverse-outline-primary-active: #2B2827FF;
998
957
  --on-light-personas-indigo-text-accent: #7133BE;
999
958
  --on-dark-surface-solid-primary-brightness-active: #212121FF;
1000
959
  --on-dark-surface-transparent-accent-minor-active: #0BA88838;
1001
960
  --on-light-surface-accent-secondary-active: #3CAF94FF;
1002
961
  --inverse-personas-green-text-accent-hover: #04C396FF;
1003
962
  --on-light-personas-indigo-text-accent-active: #5B2999FF;
1004
- --outline-transparent-white: #FFFFFF66;
1005
963
  --outline-transparent-white-active: #FFFFFFA3;
1006
964
  --outline-transparent-white-hover: #FFFFFF3D;
1007
965
  --inverse-outline-deep: #777675;
@@ -1047,8 +1005,6 @@
1047
1005
  --outline-deep-hover: #CAC9C9FF;
1048
1006
  --on-light-outline-transparent-white-active: #FFFFFFA3;
1049
1007
  --on-light-outline-transparent-white-hover: #FFFFFF3D;
1050
- --outline-deep: #A1A09F;
1051
- --inverse-outline-transparent-white-active: #FFFFFF49;
1052
1008
  --text-positive-active: #185E17FF;
1053
1009
  --text-positive-hover: #29A027FF;
1054
1010
  --text-primary-active: #15110FCA;
@@ -1077,7 +1033,6 @@
1077
1033
  --text-tertiary: #15110F3D;
1078
1034
  --text-accent: #0A8E73;
1079
1035
  --text-accent-active: #076955FF;
1080
- --text-accent-hover: #0DB593FF;
1081
1036
  --on-dark-text-accent-minor-active: #60C7AF93;
1082
1037
  --on-dark-text-info-active: #53A3F3FF;
1083
1038
  --on-dark-text-info: #70B2F5;
@@ -1088,10 +1043,7 @@
1088
1043
  --on-dark-text-tertiary: #F6F2F03D;
1089
1044
  --on-dark-text-secondary-hover: #F5F1EFFF;
1090
1045
  --on-dark-text-primary: #FFFFFFFC;
1091
- --on-dark-text-accent: #61C8B0;
1092
1046
  --on-dark-text-accent-hover: #77CFBBFF;
1093
- --on-dark-text-accent-active: #4ABFA4FF;
1094
- --on-dark-text-paragraph-active: #F5F1EF93;
1095
1047
  --on-dark-text-positive: #50A84C;
1096
1048
  --on-dark-text-paragraph-hover: #F5F1EFFF;
1097
1049
  --on-dark-text-negative-active: #F3626AFF;
@@ -1134,7 +1086,6 @@
1134
1086
  --on-light-text-accent-hover: #0DB593FF;
1135
1087
  --on-light-text-negative-active: #AF181DFF;
1136
1088
  --on-light-text-negative-hover: #E3353BFF;
1137
- --inverse-text-accent: #61C8B0;
1138
1089
  --inverse-text-secondary-hover: #F5F1EFFF;
1139
1090
  --inverse-text-secondary: #F6F2F0A3;
1140
1091
  --inverse-text-secondary-active: #F5F1EFC4;
@@ -1158,8 +1109,6 @@
1158
1109
  --inverse-text-accent-hover: #77CFBBFF;
1159
1110
  --inverse-text-accent-minor: #61C8B07A;
1160
1111
  --inverse-text-negative: #F57E83;
1161
- --surface-solid-primary-brightness: #FFFFFFFF;
1162
- --surface-solid-primary-active: #FFFFFFFF;
1163
1112
  --inverse-text-positive-active: #469442FF;
1164
1113
  --inverse-text-positive-hover: #62B65DFF;
1165
1114
  --inverse-text-negative-active: #F3626AFF;
@@ -1178,7 +1127,6 @@
1178
1127
  --inverse-text-warning-active: #C45D21FF;
1179
1128
  --inverse-text-positive: #50A84C;
1180
1129
  --surface-solid-primary-hover: #FFFFFFFF;
1181
- --surface-accent: #0BA686;
1182
1130
  --surface-accent-hover: #0CBB98FF;
1183
1131
  --surface-accent-active: #099579FF;
1184
1132
  --surface-transparent-primary-active: #15110F0F;
@@ -1191,7 +1139,6 @@
1191
1139
  --surface-solid-card-active: #FFFFFFFF;
1192
1140
  --surface-solid-card-hover: #FFFFFFFF;
1193
1141
  --surface-solid-card-brightness: #FFFFFFFF;
1194
- --surface-accent-minor-hover: #C7F0E5FF;
1195
1142
  --surface-clear-active: #15110F00;
1196
1143
  --surface-clear: #15110F00;
1197
1144
  --surface-solid-card: #FFFFFF;
@@ -1200,7 +1147,6 @@
1200
1147
  --surface-transparent-card-hover: #FFFFFFC2;
1201
1148
  --surface-transparent-card-brightness: #FFFFFFFF;
1202
1149
  --surface-solid-default-active: #090706FF;
1203
- --surface-solid-default: #15110F;
1204
1150
  --surface-solid-default-hover: #271F1CFF;
1205
1151
  --surface-transparent-accent-active: #0BA88833;
1206
1152
  --surface-transparent-card: #FFFFFFB3;
@@ -1210,7 +1156,6 @@
1210
1156
  --surface-transparent-accent: #0BA6861F;
1211
1157
  --surface-transparent-secondary-hover: #15110F1A;
1212
1158
  --surface-transparent-tertiary-active: #15110F33;
1213
- --surface-accent-minor-active: #BFEDE1FF;
1214
1159
  --surface-transparent-tertiary-hover: #15110F2E;
1215
1160
  --surface-positive-active: #20801EFF;
1216
1161
  --surface-positive-hover: #28A126FF;
@@ -1223,7 +1168,6 @@
1223
1168
  --surface-warning-active: #AD460BFF;
1224
1169
  --surface-info-active: #326CAEFF;
1225
1170
  --surface-negative: #E83439;
1226
- --surface-info: #3776BC;
1227
1171
  --surface-transparent-negative-active: #E9353B3D;
1228
1172
  --surface-transparent-negative-hover: #E9353B38;
1229
1173
  --surface-transparent-negative: #E8343929;
@@ -1266,7 +1210,6 @@
1266
1210
  --on-dark-surface-transparent-card-active: #383838A8;
1267
1211
  --on-dark-surface-transparent-secondary-hover: #FFFFFF47;
1268
1212
  --on-dark-surface-transparent-tertiary-active: #FFFFFF2E;
1269
- --on-dark-surface-accent-minor: #04473B;
1270
1213
  --on-dark-surface-transparent-tertiary-hover: #FFFFFF5C;
1271
1214
  --on-dark-surface-positive-active: #9FCF9BFF;
1272
1215
  --on-dark-surface-positive-hover: #B3D9B0FF;
@@ -1307,7 +1250,6 @@
1307
1250
  --on-light-surface-transparent-deep: #A1A09FA3;
1308
1251
  --on-light-surface-transparent-primary: #15110F0A;
1309
1252
  --on-light-surface-transparent-deep-active: #A2A1A0B8;
1310
- --on-light-surface-transparent-deep-hover: #A2A1A0B3;
1311
1253
  --on-light-surface-solid-card-active: #FFFFFFFF;
1312
1254
  --on-light-surface-solid-card-hover: #FFFFFFFF;
1313
1255
  --on-light-surface-solid-card-brightness: #FFFFFFFF;
@@ -1323,9 +1265,7 @@
1323
1265
  --on-light-surface-transparent-tertiary: #15110F1F;
1324
1266
  --on-light-surface-transparent-card-brightness: #FFFFFFFF;
1325
1267
  --on-light-surface-transparent-card: #FFFFFFB3;
1326
- --on-light-surface-transparent-secondary-hover: #15110F1A;
1327
1268
  --on-light-surface-transparent-tertiary-active: #15110F33;
1328
- --on-light-surface-clear: #FFFFFF00;
1329
1269
  --on-light-surface-transparent-tertiary-hover: #15110F2E;
1330
1270
  --on-light-surface-info: #3776BC;
1331
1271
  --on-light-surface-positive-active: #20801EFF;
@@ -1347,16 +1287,13 @@
1347
1287
  --on-light-surface-read-only-active: #FAFAFA08;
1348
1288
  --on-light-surface-transparent-negative: #E8343929;
1349
1289
  --inverse-surface-solid-secondary: #292929;
1350
- --inverse-surface-solid-secondary-active: #242424FF;
1351
1290
  --inverse-surface-solid-secondary-hover: #333333FF;
1352
1291
  --on-light-surface-read-only-hover: #FAFAFA05;
1353
1292
  --on-light-surface-read-only: #F9F9F903;
1354
1293
  --inverse-surface-solid-primary-brightness: #262626FF;
1355
- --inverse-surface-solid-primary: #232323;
1356
1294
  --inverse-surface-solid-primary-active: #1F1F1FFF;
1357
1295
  --inverse-surface-solid-primary-hover: #2E2E2EFF;
1358
1296
  --inverse-surface-transparent-tertiary-hover: #FFFFFF5C;
1359
- --inverse-surface-accent: #0BA686;
1360
1297
  --inverse-surface-clear-active: #FFFFFF00;
1361
1298
  --inverse-surface-clear: #FFFFFF00;
1362
1299
  --inverse-surface-transparent-primary-active: #FFFFFF0F;
@@ -1372,7 +1309,6 @@
1372
1309
  --inverse-surface-solid-card: #232323;
1373
1310
  --inverse-surface-transparent-card-brightness: #FAFAFA0F;
1374
1311
  --inverse-surface-transparent-card-hover: #383838D6;
1375
- --inverse-surface-solid-default: #F6F2F0;
1376
1312
  --inverse-surface-solid-default-active: #F2ECE9FF;
1377
1313
  --inverse-surface-solid-tertiary-active: #424242FF;
1378
1314
  --inverse-surface-transparent-card-active: #383838A8;
@@ -1386,8 +1322,6 @@
1386
1322
  --inverse-surface-clear-hover: #FFFFFF00;
1387
1323
  --inverse-surface-warning-active: #F8A977FF;
1388
1324
  --inverse-surface-warning-hover: #F9BB94FF;
1389
- --inverse-surface-accent-active: #0A9E81FF;
1390
- --inverse-surface-accent-minor-active: #043F34FF;
1391
1325
  --inverse-surface-accent-hover: #0CBB98FF;
1392
1326
  --inverse-surface-positive-active: #9FCF9BFF;
1393
1327
  --inverse-surface-positive-hover: #B3D9B0FF;
@@ -1413,28 +1347,25 @@
1413
1347
  --inverse-surface-read-only-hover: #FAFAFA0F;
1414
1348
  --inverse-surface-read-only: #F9F9F905;
1415
1349
  --dark-background-tertiary: #141413;
1416
- --dark-background-primary: #141413;
1417
1350
  --background-primary: #EBE7E5;
1418
1351
  --on-dark-overlay-soft: #0000001F;
1419
- --on-dark-overlay-hard: #00000029;
1352
+ --on-dark-overlay-hard: #00000066;
1420
1353
  --outline-transparent-primary-active: #15110F62;
1421
1354
  --outline-transparent-primary: #15110F3D;
1422
1355
  --outline-transparent-primary-hover: #15110F25;
1423
- --overlay-hard: #00000052;
1356
+ --overlay-hard: #000000CC;
1424
1357
  --overlay-soft: #0000003D;
1425
- --on-light-overlay-hard: #00000052;
1358
+ --on-light-overlay-hard: #000000CC;
1426
1359
  --inverse-overlay-soft: #0000001F;
1427
1360
  --on-light-overlay-soft: #0000003D;
1428
- --inverse-overlay-hard: #00000029;
1361
+ --inverse-overlay-hard: #00000066;
1429
1362
  --outline-clear: #FFFFFF00;
1430
1363
  --inverse-background-tertiary: #141413;
1431
1364
  --inverse-background-secondary: #0F0F0F;
1432
1365
  --light-background-tertiary: #FFFFFF;
1433
- --inverse-background-primary: #141413;
1434
1366
  --outline-positive: #239322;
1435
1367
  --outline-negative: #E83439;
1436
1368
  --outline-accent-hover: #0ED8AFFF;
1437
- --outline-accent: #0BA686;
1438
1369
  --outline-accent-active: #088169FF;
1439
1370
  --outline-positive-active: #20801EFF;
1440
1371
  --outline-positive-hover: #32CA2FFF;
@@ -1459,7 +1390,6 @@
1459
1390
  --on-dark-outline-positive: #A6D2A2;
1460
1391
  --on-dark-outline-negative-hover: #F25A5FFF;
1461
1392
  --on-dark-outline-accent-hover: #0EE1B7FF;
1462
- --on-dark-outline-accent-active: #099579FF;
1463
1393
  --on-dark-outline-clear: #FFFFFF00;
1464
1394
  --on-dark-outline-info-hover: #E7F2FDFF;
1465
1395
  --on-dark-outline-info-active: #7EBAF6FF;
@@ -1477,7 +1407,6 @@
1477
1407
  --on-light-outline-transparent-primary-hover: #15110F25;
1478
1408
  --on-light-outline-accent-hover: #0ED8AFFF;
1479
1409
  --on-light-outline-positive: #239322;
1480
- --on-light-outline-accent: #0BA686;
1481
1410
  --on-light-outline-accent-active: #088169FF;
1482
1411
  --on-light-outline-clear-active: #FFFFFF00;
1483
1412
  --on-light-outline-negative-active: #DC181FFF;
@@ -1489,14 +1418,12 @@
1489
1418
  --on-light-outline-info: #3776BC;
1490
1419
  --on-light-outline-info-active: #3067A6FF;
1491
1420
  --inverse-outline-accent-active: #099579FF;
1492
- --inverse-outline-accent: #0BA686;
1493
1421
  --inverse-outline-clear: #FFFFFF00;
1494
1422
  --inverse-outline-clear-active: #FFFFFF00;
1495
1423
  --inverse-outline-clear-hover: #FFFFFF00;
1496
1424
  --inverse-outline-transparent-primary-hover: #FFFFFF4D;
1497
1425
  --inverse-outline-transparent-primary: #FFFFFF1F;
1498
1426
  --inverse-outline-transparent-primary-active: #FFFFFF12;
1499
- --inverse-outline-accent-hover: #0EE1B7FF;
1500
1427
  --inverse-outline-positive: #A6D2A2;
1501
1428
  --inverse-outline-negative: #F8A6A9;
1502
1429
  --inverse-outline-info-hover: #E7F2FDFF;
@@ -1513,12 +1440,92 @@
1513
1440
  --on-dark-surface-solid-default: #F6F2F0;
1514
1441
  --on-light-surface-accent-minor-active: #BFEDE1FF;
1515
1442
  --text-primary-hover: #15110F97;
1443
+ --dark-background-primary: #141413;
1444
+ --inverse-background-hardline: #FFFFFF;
1445
+ --inverse-background-primary: #141413;
1446
+ --light-background-hardline: #FFFFFF;
1447
+ --light-background-secondary: #F6F2F0;
1448
+ --outline-accent: #0BA686;
1449
+ --outline-deep: #A1A09F;
1450
+ --outline-default: #ffffff;
1451
+ --outline-default-active: #E6E6E6FF;
1452
+ --outline-default-hover: #CCCCCCFF;
1453
+ --outline-transparent-white: #FFFFFF66;
1454
+ --inverse-outline-accent: #0BA686;
1455
+ --inverse-outline-accent-hover: #0EE1B7FF;
1456
+ --inverse-outline-default: #383838;
1457
+ --inverse-outline-default-active: #292929FF;
1458
+ --on-light-outline-default-hover: #CCCCCCFF;
1459
+ --on-light-outline-primary-hover: #ADA39FFF;
1460
+ --personas-blue-text-accent-hover: #1477E1FF;
1461
+ --personas-green-text-accent-hover: #8CDECAFF;
1462
+ --personas-indigo-text-accent-hover: #000000FF;
1463
+ --personas-sea-blue-text-accent-hover: #000000FF;
1464
+ --on-dark-personas-blue-text-accent-hover: #C3DDF9FF;
1465
+ --on-dark-personas-olive-text-accent-hover: #A6D4A5FF;
1466
+ --on-dark-personas-sea-blue-text-accent-hover: #FFFFFFFF;
1467
+ --on-dark-personas-violet-text-accent-hover: #E9B6F2FF;
1468
+ --on-light-personas-indigo-text-accent-hover: #000000FF;
1469
+ --on-light-personas-pink-text-accent-hover: #E47777FF;
1470
+ --on-light-personas-sea-blue-text-accent-hover: #00D9E0FF;
1471
+ --surface-accent-minor-hover: #C7F0E5FF;
1472
+ --inverse-surface-accent-secondary-hover: #70CDB7FF;
1473
+ --on-dark-surface-accent-secondary-hover: #70CDB7FF;
1474
+ --on-light-surface-transparent-deep-hover: #A2A1A0B3;
1475
+ --on-light-surface-transparent-secondary-hover: #15110F1A;
1476
+ --text-accent-hover: #0DB593FF;
1477
+ --inverse-outline-primary-active: #2B2827FF;
1478
+ --inverse-outline-transparent-white-active: #FFFFFF49;
1479
+ --on-dark-outline-accent-active: #099579FF;
1480
+ --on-dark-outline-default-active: #292929FF;
1481
+ --on-dark-outline-primary-active: #2B2827FF;
1482
+ --personas-ochre-text-accent-active: #AA4A0EFF;
1483
+ --personas-olive-text-accent-active: #179315FF;
1484
+ --personas-violet-text-accent-active: #D679E6FF;
1485
+ --inverse-personas-sea-blue-text-accent-active: #00A8ADFF;
1486
+ --inverse-personas-violet-text-accent-active: #D982E8FF;
1487
+ --on-light-personas-green-text-accent-active: #04AF87FF;
1488
+ --on-light-personas-ochre-text-accent-active: #AA4A0EFF;
1489
+ --on-light-personas-violet-text-accent-active: #81288FFF;
1490
+ --surface-accent-minor-active: #BFEDE1FF;
1491
+ --surface-solid-primary-active: #FFFFFFFF;
1492
+ --surface-solid-primary-brightness-hover: #FFFFFFFF;
1493
+ --surface-transparent-navi-active: #FFFFFFAD;
1494
+ --inverse-surface-accent-active: #0A9E81FF;
1495
+ --inverse-surface-accent-minor-active: #043F34FF;
1496
+ --inverse-surface-solid-secondary-active: #242424FF;
1497
+ --on-light-surface-transparent-accent-minor-active: #0BA88852;
1498
+ --on-dark-text-accent-active: #4ABFA4FF;
1499
+ --on-light-outline-accent: #0BA686;
1500
+ --on-light-outline-primary: #DDD9D7;
1501
+ --inverse-personas-sea-blue-text-accent: #00898D;
1502
+ --surface-accent: #0BA686;
1503
+ --surface-info: #3776BC;
1504
+ --surface-solid-card-brightness-active: #FFFFFFFF;
1505
+ --surface-solid-default: #15110F;
1506
+ --surface-transparent-navi: #FFFFFF99;
1507
+ --inverse-surface-accent: #0BA686;
1508
+ --inverse-surface-solid-primary: #232323;
1509
+ --on-dark-surface-accent-minor: #04473B;
1510
+ --on-light-surface-clear: #FFFFFF00;
1511
+ --text-primary-brightness-active: #171717C4;
1512
+ --inverse-text-accent: #61C8B0;
1513
+ --on-dark-text-accent: #61C8B0;
1514
+ --dark-background-hardline: #000000;
1515
+ --surface-solid-card-brightness-hover: #FFFFFFFF;
1516
+ --surface-solid-primary-brightness: #FFFFFFFF;
1517
+ --inverse-surface-solid-default: #F6F2F0;
1518
+ --on-dark-surface-solid-card-brightness-active: #212121FF;
1519
+ --on-dark-text-paragraph-active: #F5F1EF93;
1520
+ --overlay-medium: #00000052;
1521
+ --inverse-overlay-medium: #00000029;
1522
+ --on-dark-overlay-medium: #00000029;
1523
+ --on-light-overlay-medium: #00000052;
1516
1524
  color: var(--text-primary);
1517
1525
  background-color: var(--background-primary);
1518
1526
  }
1519
1527
 
1520
1528
  .light {
1521
- --on-dark-personas-indigo-surface-accent-gradient: linear-gradient(180.00deg, rgb(135, 77, 207) 0.0%, rgb(113, 51, 190) 100.0%);
1522
1529
  --on-light-personas-olive-surface-accent-gradient: linear-gradient(180.00deg, rgb(147, 203, 146) 0.0%, rgb(115, 179, 114) 100.0%);
1523
1530
  --on-dark-personas-blue-surface-accent-gradient: linear-gradient(180.00deg, rgb(47, 130, 217) 0.0%, rgb(16, 99, 186) 100.0%);
1524
1531
  --on-dark-overlay-gradient: linear-gradient(180.00deg, rgb(0, 0, 0) 0%, rgba(0, 0, 0, 0) 100%);
@@ -1537,12 +1544,12 @@
1537
1544
  --inverse-personas-pink-surface-accent-gradient: linear-gradient(180.00deg, rgb(222, 113, 113) 0.0%, rgb(208, 79, 79) 100.0%);
1538
1545
  --inverse-surface-skeleton-gradient: linear-gradient(90deg, #FFFFFF00 0.0%, #FFFFFF3D 50.4%, #FFFFFF00 100.0%, #FFFFFF00 100.0%);
1539
1546
  --inverse-text-accent-gradient-a-i: linear-gradient(135.00deg, rgb(202, 70, 227) 8.0%, rgb(169, 141, 245) 56.0%, rgb(54, 211, 245) 100.0%);
1540
- --inverse-overlay-gradient: linear-gradient(180.00deg, rgb(0, 0, 0) 0%, rgba(0, 0, 0, 0) 100%);
1547
+ --inverse-overlay-gradient: linear-gradient(180.00deg, rgb(255, 255, 255) 0%, rgba(255, 255, 255, 0) 100%);
1541
1548
  --on-light-surface-skeleton-gradient: linear-gradient(90deg, #0808080F 0.0%, #0808080C 10.0%, #08080809 20.0%, #08080808 25.0%, #08080806 30.0%, #08080803 40.0%, #08080800 50.0%, #08080803 60.0%, #08080806 70.0%, #08080808 75.0%, #08080809 80.0%, #0808080C 90.0%, #0808080F 100.0%);
1542
1549
  --personas-pink-surface-accent-gradient: linear-gradient(180.00deg, rgb(252, 153, 153) 0.0%, rgb(223, 105, 105) 100.0%);
1543
1550
  --inverse-personas-indigo-surface-accent-gradient: linear-gradient(180.00deg, rgb(135, 77, 207) 0.0%, rgb(113, 51, 190) 100.0%);
1544
- --background-gradient: linear-gradient(135.00deg, rgb(193, 234, 207) 0.0%, rgb(160, 222, 207) 100.0%);
1545
- --inverse-background-gradient: linear-gradient(135.00deg, rgb(2, 20, 9) 0.0%, rgb(20, 20, 19) 100.0%);
1551
+ --background-gradient: linear-gradient(135.00deg, rgb(193, 234, 207) 0%, rgb(160, 222, 207) 100%);
1552
+ --inverse-background-gradient: linear-gradient(135.00deg, rgb(2, 20, 9) 0.0%, rgb(20, 20, 19) 100%);
1546
1553
  --personas-green-surface-accent-gradient: linear-gradient(180.00deg, rgb(121, 215, 192) 0.0%, rgb(80, 184, 159) 100.0%);
1547
1554
  --on-light-outline-white-gradient: linear-gradient(135.00deg, rgb(255, 255, 255) 0%, rgba(255, 255, 255, 0.16) 36.746%, rgba(255, 255, 255, 0.16) 66.734%, rgba(255, 255, 255, 0.8) 100%);
1548
1555
  --inverse-surface-accent-gradient-secondary: linear-gradient(90.00deg, rgb(11, 166, 134) 0.0%, rgb(9, 133, 107) 100.0%);
@@ -1579,9 +1586,10 @@
1579
1586
  --on-dark-surface-accent-gradient: linear-gradient(180.00deg, rgb(129, 211, 192) 0.0%, rgb(29, 145, 88) 100.0%);
1580
1587
  --on-dark-surface-accent-minor-gradient: linear-gradient(135.00deg, rgb(3, 67, 37) 0.0%, rgba(1, 24, 21, 0.98) 100.0%);
1581
1588
  --on-light-surface-accent-minor-gradient: linear-gradient(133.15deg, rgb(193, 234, 207) 0%, rgb(160, 222, 207) 100.0%);
1582
- --inverse-surface-accent-gradient: linear-gradient(180.00deg, rgb(129, 211, 192) 0.0%, rgb(29, 145, 88) 100.0%);
1583
1589
  --inverse-surface-accent-minor-gradient: linear-gradient(135.00deg, rgb(3, 67, 37) 0.0%, rgba(1, 24, 21, 0.98) 100.0%);
1584
1590
  --on-light-surface-accent-gradient: linear-gradient(180.00deg, rgb(129, 211, 192) 0.0%, rgb(29, 145, 88) 100.0%);
1591
+ --on-dark-personas-indigo-surface-accent-gradient: linear-gradient(180.00deg, rgb(135, 77, 207) 0.0%, rgb(113, 51, 190) 100.0%);
1592
+ --inverse-surface-accent-gradient: linear-gradient(180.00deg, rgb(129, 211, 192) 0.0%, rgb(29, 145, 88) 100.0%);
1585
1593
  }
1586
1594
 
1587
1595
  .dark, .light {
@@ -1729,6 +1737,12 @@
1729
1737
  --plasma-typo-body-xxs-medium-font-family: var(--plasma-typo-text-font-family);
1730
1738
  --plasma-typo-body-xxs-medium-letter-spacing: normal;
1731
1739
  --plasma-typo-body-xxs-medium-font-style: normal;
1740
+ --plasma-typo-xxl-medium-font-family: var(--plasma-typo-display-font-family);
1741
+ --plasma-typo-xxl-medium-letter-spacing: normal;
1742
+ --plasma-typo-xxl-medium-font-style: normal;
1743
+ --plasma-typo-xl-medium-font-family: var(--plasma-typo-display-font-family);
1744
+ --plasma-typo-xl-medium-letter-spacing: normal;
1745
+ --plasma-typo-xl-medium-font-style: normal;
1732
1746
  }
1733
1747
 
1734
1748
  @media (max-width: 559px) {
@@ -1823,6 +1837,12 @@
1823
1837
  --plasma-typo-body-xxs-medium-font-size: 0.6875rem;
1824
1838
  --plasma-typo-body-xxs-medium-font-weight: 500;
1825
1839
  --plasma-typo-body-xxs-medium-line-height: 0.8125rem;
1840
+ --plasma-typo-xxl-medium-font-size: 4.5rem;
1841
+ --plasma-typo-xxl-medium-font-weight: 500;
1842
+ --plasma-typo-xxl-medium-line-height: 5.625rem;
1843
+ --plasma-typo-xl-medium-font-size: 2.5rem;
1844
+ --plasma-typo-xl-medium-font-weight: 500;
1845
+ --plasma-typo-xl-medium-line-height: 3.125rem;
1826
1846
  }
1827
1847
  }
1828
1848
 
@@ -1888,9 +1908,6 @@
1888
1908
  --plasma-typo-body-s-font-size: 0.8125rem;
1889
1909
  --plasma-typo-body-s-font-weight: 400;
1890
1910
  --plasma-typo-body-s-line-height: 0.9375rem;
1891
- --plasma-typo-body-xxs-bold-font-size: 0.6875rem;
1892
- --plasma-typo-body-xxs-bold-font-weight: 700;
1893
- --plasma-typo-body-xxs-bold-line-height: 0.8125rem;
1894
1911
  --plasma-typo-body-xs-medium-font-size: 0.75rem;
1895
1912
  --plasma-typo-body-xs-medium-font-weight: 500;
1896
1913
  --plasma-typo-body-xs-medium-line-height: 0.875rem;
@@ -1906,9 +1923,6 @@
1906
1923
  --plasma-typo-body-l-font-size: 0.9375rem;
1907
1924
  --plasma-typo-body-l-font-weight: 400;
1908
1925
  --plasma-typo-body-l-line-height: 1.25rem;
1909
- --plasma-typo-body-l-bold-font-size: 0.9375rem;
1910
- --plasma-typo-body-l-bold-font-weight: 700;
1911
- --plasma-typo-body-l-bold-line-height: 1.25rem;
1912
1926
  --plasma-typo-body-l-medium-font-size: 0.9375rem;
1913
1927
  --plasma-typo-body-l-medium-font-weight: 500;
1914
1928
  --plasma-typo-body-l-medium-line-height: 1.25rem;
@@ -1918,6 +1932,18 @@
1918
1932
  --plasma-typo-body-m-bold-font-size: 0.875rem;
1919
1933
  --plasma-typo-body-m-bold-font-weight: 700;
1920
1934
  --plasma-typo-body-m-bold-line-height: 1.125rem;
1935
+ --plasma-typo-body-l-bold-font-size: 0.9375rem;
1936
+ --plasma-typo-body-l-bold-font-weight: 700;
1937
+ --plasma-typo-body-l-bold-line-height: 1.25rem;
1938
+ --plasma-typo-body-xxs-bold-font-size: 0.6875rem;
1939
+ --plasma-typo-body-xxs-bold-font-weight: 700;
1940
+ --plasma-typo-body-xxs-bold-line-height: 0.8125rem;
1941
+ --plasma-typo-xxl-medium-font-size: 4.5rem;
1942
+ --plasma-typo-xxl-medium-font-weight: 500;
1943
+ --plasma-typo-xxl-medium-line-height: 5.625rem;
1944
+ --plasma-typo-xl-medium-font-size: 2.5rem;
1945
+ --plasma-typo-xl-medium-font-weight: 500;
1946
+ --plasma-typo-xl-medium-line-height: 3.125rem;
1921
1947
  }
1922
1948
  }
1923
1949
 
@@ -1956,9 +1982,6 @@
1956
1982
  --plasma-typo-h3-font-size: 1.25rem;
1957
1983
  --plasma-typo-h3-font-weight: 400;
1958
1984
  --plasma-typo-h3-line-height: 1.4375rem;
1959
- --plasma-typo-body-l-bold-font-size: 0.9375rem;
1960
- --plasma-typo-body-l-bold-font-weight: 700;
1961
- --plasma-typo-body-l-bold-line-height: 1.25rem;
1962
1985
  --plasma-typo-h4-bold-font-size: 1rem;
1963
1986
  --plasma-typo-h4-bold-font-weight: 700;
1964
1987
  --plasma-typo-h4-bold-line-height: 1.25rem;
@@ -1992,9 +2015,6 @@
1992
2015
  --plasma-typo-h1-bold-font-size: 1.75rem;
1993
2016
  --plasma-typo-h1-bold-font-weight: 700;
1994
2017
  --plasma-typo-h1-bold-line-height: 2.25rem;
1995
- --plasma-typo-body-s-medium-font-size: 0.8125rem;
1996
- --plasma-typo-body-s-medium-font-weight: 500;
1997
- --plasma-typo-body-s-medium-line-height: 0.9375rem;
1998
2018
  --plasma-typo-body-xs-bold-font-size: 0.75rem;
1999
2019
  --plasma-typo-body-xs-bold-font-weight: 700;
2000
2020
  --plasma-typo-body-xs-bold-line-height: 0.875rem;
@@ -2013,5 +2033,17 @@
2013
2033
  --plasma-typo-body-xxs-font-size: 0.6875rem;
2014
2034
  --plasma-typo-body-xxs-font-weight: 400;
2015
2035
  --plasma-typo-body-xxs-line-height: 0.8125rem;
2036
+ --plasma-typo-body-l-bold-font-size: 0.9375rem;
2037
+ --plasma-typo-body-l-bold-font-weight: 700;
2038
+ --plasma-typo-body-l-bold-line-height: 1.25rem;
2039
+ --plasma-typo-body-s-medium-font-size: 0.8125rem;
2040
+ --plasma-typo-body-s-medium-font-weight: 500;
2041
+ --plasma-typo-body-s-medium-line-height: 0.9375rem;
2042
+ --plasma-typo-xxl-medium-font-size: 4.5rem;
2043
+ --plasma-typo-xxl-medium-font-weight: 500;
2044
+ --plasma-typo-xxl-medium-line-height: 5.625rem;
2045
+ --plasma-typo-xl-medium-font-size: 2.5rem;
2046
+ --plasma-typo-xl-medium-font-weight: 500;
2047
+ --plasma-typo-xl-medium-line-height: 3.125rem;
2016
2048
  }
2017
2049
  }