@salutejs-ds/sdds_sbcom 0.1.17 → 0.1.19

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 (94) 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_1nw4w2x.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_17wm9b0.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/components/Counter/Counter.config_fnrejc.css +11 -0
  13. package/components/Counter/Counter.css +10 -10
  14. package/components/Counter/Counter.d.ts +4 -4
  15. package/components/IconButton/IconButton.config.js +1 -1
  16. package/components/IconButton/IconButton.config.js.map +1 -1
  17. package/components/IconButton/IconButton.config_16zy21d.css +9 -0
  18. package/components/IconButton/IconButton.css +8 -8
  19. package/components/Link/Link.config.js +1 -1
  20. package/components/Link/Link.config.js.map +1 -1
  21. package/components/Link/{Link.config_4od6dh.css → Link.config_442y9l.css} +4 -4
  22. package/components/Link/Link.css +8 -8
  23. package/components/Radiobox/Radiobox.config.js +1 -1
  24. package/components/Radiobox/Radiobox.config.js.map +1 -1
  25. package/components/Radiobox/Radiobox.config_1skjyph.css +6 -0
  26. package/components/Radiobox/Radiobox.css +6 -6
  27. package/css/sdds_sbcom.module.css +371 -195
  28. package/css/sdds_sbcom__dark.css +278 -106
  29. package/css/sdds_sbcom__light.css +278 -106
  30. package/es/components/Button/Button.config.js +1 -1
  31. package/es/components/Button/Button.config.js.map +1 -1
  32. package/es/components/Button/Button.config_1nw4w2x.css +10 -0
  33. package/es/components/Button/Button.css +9 -9
  34. package/es/components/Checkbox/Checkbox.config.js +1 -1
  35. package/es/components/Checkbox/Checkbox.config.js.map +1 -1
  36. package/es/components/Checkbox/Checkbox.config_17wm9b0.css +6 -0
  37. package/es/components/Checkbox/Checkbox.css +6 -6
  38. package/es/components/Counter/Counter.config.js +9 -9
  39. package/es/components/Counter/Counter.config.js.map +1 -1
  40. package/es/components/Counter/Counter.config_fnrejc.css +11 -0
  41. package/es/components/Counter/Counter.css +10 -10
  42. package/es/components/IconButton/IconButton.config.js +1 -1
  43. package/es/components/IconButton/IconButton.config.js.map +1 -1
  44. package/es/components/IconButton/IconButton.config_16zy21d.css +9 -0
  45. package/es/components/IconButton/IconButton.css +8 -8
  46. package/es/components/Link/Link.config.js +1 -1
  47. package/es/components/Link/Link.config.js.map +1 -1
  48. package/es/components/Link/{Link.config_4od6dh.css → Link.config_442y9l.css} +4 -4
  49. package/es/components/Link/Link.css +8 -8
  50. package/es/components/Radiobox/Radiobox.config.js +1 -1
  51. package/es/components/Radiobox/Radiobox.config.js.map +1 -1
  52. package/es/components/Radiobox/Radiobox.config_1skjyph.css +6 -0
  53. package/es/components/Radiobox/Radiobox.css +6 -6
  54. package/es/index.css +55 -55
  55. package/es/index.js +1 -1
  56. package/es/theme/themes/sdds_sbcom__dark.js +1 -1
  57. package/es/theme/themes/sdds_sbcom__dark.js.map +1 -1
  58. package/es/theme/themes/sdds_sbcom__light.js +1 -1
  59. package/es/theme/themes/sdds_sbcom__light.js.map +1 -1
  60. package/es/theme/tokens/index.js +401 -249
  61. package/es/theme/tokens/index.js.map +1 -1
  62. package/index.css +55 -55
  63. package/index.js +18 -0
  64. package/index.js.map +1 -1
  65. package/package.json +1 -1
  66. package/styled-components/cjs/Button/Button.config.js +7 -7
  67. package/styled-components/cjs/Checkbox/Checkbox.config.js +5 -5
  68. package/styled-components/cjs/Counter/Counter.config.js +10 -10
  69. package/styled-components/cjs/IconButton/IconButton.config.js +5 -5
  70. package/styled-components/cjs/Link/Link.config.js +4 -4
  71. package/styled-components/cjs/Radiobox/Radiobox.config.js +5 -5
  72. package/styled-components/es/Button/Button.config.js +7 -7
  73. package/styled-components/es/Checkbox/Checkbox.config.js +5 -5
  74. package/styled-components/es/Counter/Counter.config.js +10 -10
  75. package/styled-components/es/IconButton/IconButton.config.js +5 -5
  76. package/styled-components/es/Link/Link.config.js +4 -4
  77. package/styled-components/es/Radiobox/Radiobox.config.js +5 -5
  78. package/theme/themes/sdds_sbcom__dark.js +1 -1
  79. package/theme/themes/sdds_sbcom__dark.js.map +1 -1
  80. package/theme/themes/sdds_sbcom__light.js +1 -1
  81. package/theme/themes/sdds_sbcom__light.js.map +1 -1
  82. package/theme/tokens/index.d.ts +302 -168
  83. package/theme/tokens/index.js +418 -248
  84. package/theme/tokens/index.js.map +1 -1
  85. package/components/Button/Button.config_reu1rb.css +0 -10
  86. package/components/Checkbox/Checkbox.config_1e3g1x5.css +0 -6
  87. package/components/Counter/Counter.config_50msgw.css +0 -11
  88. package/components/IconButton/IconButton.config_16yg7d3.css +0 -9
  89. package/components/Radiobox/Radiobox.config_w70m0w.css +0 -6
  90. package/es/components/Button/Button.config_reu1rb.css +0 -10
  91. package/es/components/Checkbox/Checkbox.config_1e3g1x5.css +0 -6
  92. package/es/components/Counter/Counter.config_50msgw.css +0 -11
  93. package/es/components/IconButton/IconButton.config_16yg7d3.css +0 -9
  94. package/es/components/Radiobox/Radiobox.config_w70m0w.css +0 -6
package/css/sdds_sbcom__light.css CHANGED
@@ -1,51 +1,12 @@
1
1
  /* Generated by robots, do not change this manually! */
2
2
 
3
3
  :root {
4
- --on-light-outline-primary-hover: #ADA39FFF;
5
- --inverse-outline-default-active: #292929FF;
6
- --inverse-personas-sea-blue-text-accent-active: #00A8ADFF;
7
- --inverse-personas-violet-text-accent-active: #D982E8FF;
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: #8CDECAFF;
12
- --personas-sea-blue-text-accent-hover: #000000FF;
13
- --inverse-surface-accent-secondary-hover: #70CDB7FF;
14
- --surface-transparent-navi-active: #FFFFFFAD;
15
- --on-light-surface-transparent-accent-minor-active: #0BA88852;
16
- --on-light-personas-green-text-accent-active: #04AF87FF;
17
- --outline-default-active: #6B6B6BFF;
18
- --on-dark-outline-primary-active: #2B2827FF;
19
- --personas-olive-text-accent-active: #179315FF;
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: #50C3A8FF;
26
- --personas-indigo-text-accent-hover: #000000FF;
27
- --on-dark-personas-violet-text-accent-hover: #E9B6F2FF;
28
- --on-light-outline-primary: #DDD9D7;
29
- --inverse-outline-default: #383838;
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: #AA4A0EFF;
34
- --inverse-background-hardline: #FFFFFF;
35
- --on-dark-personas-sea-blue-text-accent-hover: #FFFFFFFF;
36
- --surface-transparent-navi: #FFFFFF99;
37
- --personas-violet-text-accent-active: #D679E6FF;
38
- --personas-blue-text-accent-hover: #1477E1FF;
39
- --outline-default: #383838;
40
- --text-primary-brightness-active: #171717C4;
41
6
  --surface-transparent-card-brightness-hover: #FFFFFFFF;
42
- --surface-solid-card-brightness-hover: #FFFFFFFF;
43
7
  --surface-transparent-card-brightness-active: #FFFFFFFF;
44
- --surface-solid-card-brightness-active: #FFFFFFFF;
45
- --surface-solid-primary-brightness-hover: #FFFFFFFF;
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: #3B3735;
33
+ --outline-primary: #DDD9D7;
73
34
  --inverse-surface-solid-tertiary: #474747;
74
35
  --inverse-personas-green-text-accent: #038768;
75
36
  --surface-accent-secondary: #41BDA1;
76
37
  --surface-accent-minor: #D0F2E9;
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: #D15A11;
95
55
  --on-light-surface-transparent-navi: #FFFFFF99;
96
56
  --inverse-personas-blue-text-accent-active: #5DA3EFFF;
97
- --light-background-hardline: #FFFFFF;
98
57
  --on-light-text-warning-active: #6F2D06FF;
99
58
  --inverse-personas-olive-text-accent-hover: #A6D4A5FF;
100
59
  --on-light-surface-transparent-navi-active: #FFFFFFAD;
@@ -119,7 +78,7 @@
119
78
  --personas-ochre-text-accent-hover: #ED6C1DFF;
120
79
  --inverse-personas-pink-text-accent-active: #D83B3BFF;
121
80
  --on-light-surface-transparent-navi-hover: #FFFFFFA8;
122
- --outline-primary-active: #706966FF;
81
+ --outline-primary-active: #C4BEBAFF;
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: #59C5ACFF;
@@ -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: #B6B1AFFF;
96
+ --outline-primary-hover: #ADA39FFF;
138
97
  --surface-transparent-accent-minor-active: #0BA88852;
139
98
  --surface-transparent-navi-hover: #FFFFFFA8;
140
- --outline-default-hover: #B3B3B3FF;
141
99
  --inverse-outline-default-hover: #666666FF;
142
100
  --inverse-personas-violet-text-accent-hover: #E9B6F2FF;
143
101
  --on-light-surface-transparent-accent-minor-hover: #0BA8884D;
@@ -170,13 +128,11 @@
170
128
  --personas-violet-text-accent-hover: #EBBEF3FF;
171
129
  --inverse-personas-blue-text-accent: #79B3F2;
172
130
  --inverse-personas-olive-text-accent-active: #7DC07CFF;
173
- --inverse-personas-sea-blue-text-accent: #00898D;
174
131
  --inverse-surface-solid-card-brightness-hover: #303030FF;
175
132
  --inverse-surface-transparent-accent-minor: #0BA6863D;
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: #FAFAFA93;
179
- --dark-background-hardline: #000000;
180
136
  --background-hardline: #FFFFFF;
181
137
  --inverse-outline-primary: #3B3735;
182
138
  --on-dark-outline-default: #383838;
@@ -202,14 +158,12 @@
202
158
  --surface-transparent-accent-minor-hover: #0BA8884D;
203
159
  --inverse-surface-transparent-navi-active: #2424248A;
204
160
  --on-dark-surface-transparent-accent-minor-hover: #0BA88866;
205
- --inverse-outline-primary-active: #2B2827FF;
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: #04C396FF;
211
166
  --on-light-personas-indigo-text-accent-active: #5B2999FF;
212
- --outline-transparent-white: #FFFFFF66;
213
167
  --outline-transparent-white-active: #FFFFFFA3;
214
168
  --outline-transparent-white-hover: #FFFFFF3D;
215
169
  --inverse-outline-deep: #777675;
@@ -255,8 +209,6 @@
255
209
  --outline-deep-hover: #CAC9C9FF;
256
210
  --on-light-outline-transparent-white-active: #FFFFFFA3;
257
211
  --on-light-outline-transparent-white-hover: #FFFFFF3D;
258
- --outline-deep: #A1A09F;
259
- --inverse-outline-transparent-white-active: #FFFFFF49;
260
212
  --text-positive-active: #185E17FF;
261
213
  --text-positive-hover: #29A027FF;
262
214
  --text-primary-active: #15110FCA;
@@ -285,7 +237,6 @@
285
237
  --text-tertiary: #15110F3D;
286
238
  --text-accent: #0A8E73;
287
239
  --text-accent-active: #076955FF;
288
- --text-accent-hover: #0DB593FF;
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: #61C8B0;
300
250
  --on-dark-text-accent-hover: #77CFBBFF;
301
- --on-dark-text-accent-active: #4ABFA4FF;
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: #61C8B0;
346
293
  --inverse-text-secondary-hover: #F5F1EFFF;
347
294
  --inverse-text-secondary: #F6F2F0A3;
348
295
  --inverse-text-secondary-active: #F5F1EFC4;
@@ -366,8 +313,6 @@
366
313
  --inverse-text-accent-hover: #77CFBBFF;
367
314
  --inverse-text-accent-minor: #61C8B07A;
368
315
  --inverse-text-negative: #F57E83;
369
- --surface-solid-primary-brightness: #FFFFFFFF;
370
- --surface-solid-primary-active: #FFFFFFFF;
371
316
  --inverse-text-positive-active: #469442FF;
372
317
  --inverse-text-positive-hover: #62B65DFF;
373
318
  --inverse-text-negative-active: #F3626AFF;
@@ -386,7 +331,6 @@
386
331
  --inverse-text-warning-active: #C45D21FF;
387
332
  --inverse-text-positive: #50A84C;
388
333
  --surface-solid-primary-hover: #FFFFFFFF;
389
- --surface-accent: #0BA686;
390
334
  --surface-accent-hover: #0CBB98FF;
391
335
  --surface-accent-active: #099579FF;
392
336
  --surface-transparent-primary-active: #15110F0F;
@@ -399,7 +343,6 @@
399
343
  --surface-solid-card-active: #FFFFFFFF;
400
344
  --surface-solid-card-hover: #FFFFFFFF;
401
345
  --surface-solid-card-brightness: #FFFFFFFF;
402
- --surface-accent-minor-hover: #C7F0E5FF;
403
346
  --surface-clear-active: #15110F00;
404
347
  --surface-clear: #15110F00;
405
348
  --surface-solid-card: #FFFFFF;
@@ -408,7 +351,6 @@
408
351
  --surface-transparent-card-hover: #FFFFFFC2;
409
352
  --surface-transparent-card-brightness: #FFFFFFFF;
410
353
  --surface-solid-default-active: #090706FF;
411
- --surface-solid-default: #15110F;
412
354
  --surface-solid-default-hover: #271F1CFF;
413
355
  --surface-transparent-accent-active: #0BA88833;
414
356
  --surface-transparent-card: #FFFFFFB3;
@@ -418,7 +360,6 @@
418
360
  --surface-transparent-accent: #0BA6861F;
419
361
  --surface-transparent-secondary-hover: #15110F1A;
420
362
  --surface-transparent-tertiary-active: #15110F33;
421
- --surface-accent-minor-active: #BFEDE1FF;
422
363
  --surface-transparent-tertiary-hover: #15110F2E;
423
364
  --surface-positive-active: #20801EFF;
424
365
  --surface-positive-hover: #28A126FF;
@@ -431,7 +372,6 @@
431
372
  --surface-warning-active: #AD460BFF;
432
373
  --surface-info-active: #326CAEFF;
433
374
  --surface-negative: #E83439;
434
- --surface-info: #3776BC;
435
375
  --surface-transparent-negative-active: #E9353B3D;
436
376
  --surface-transparent-negative-hover: #E9353B38;
437
377
  --surface-transparent-negative: #E8343929;
@@ -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: #292929;
558
- --inverse-surface-solid-secondary-active: #242424FF;
559
494
  --inverse-surface-solid-secondary-hover: #333333FF;
560
495
  --on-light-surface-read-only-hover: #FAFAFA05;
561
496
  --on-light-surface-read-only: #F9F9F903;
562
497
  --inverse-surface-solid-primary-brightness: #262626FF;
563
- --inverse-surface-solid-primary: #232323;
564
498
  --inverse-surface-solid-primary-active: #1F1F1FFF;
565
499
  --inverse-surface-solid-primary-hover: #2E2E2EFF;
566
500
  --inverse-surface-transparent-tertiary-hover: #FFFFFF5C;
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: #FFFFFF0F;
@@ -580,7 +513,6 @@
580
513
  --inverse-surface-solid-card: #232323;
581
514
  --inverse-surface-transparent-card-brightness: #FAFAFA0F;
582
515
  --inverse-surface-transparent-card-hover: #383838D6;
583
- --inverse-surface-solid-default: #F6F2F0;
584
516
  --inverse-surface-solid-default-active: #F2ECE9FF;
585
517
  --inverse-surface-solid-tertiary-active: #424242FF;
586
518
  --inverse-surface-transparent-card-active: #383838A8;
@@ -594,8 +526,6 @@
594
526
  --inverse-surface-clear-hover: #FFFFFF00;
595
527
  --inverse-surface-warning-active: #F8A977FF;
596
528
  --inverse-surface-warning-hover: #F9BB94FF;
597
- --inverse-surface-accent-active: #0A9E81FF;
598
- --inverse-surface-accent-minor-active: #043F34FF;
599
529
  --inverse-surface-accent-hover: #0CBB98FF;
600
530
  --inverse-surface-positive-active: #9FCF9BFF;
601
531
  --inverse-surface-positive-hover: #B3D9B0FF;
@@ -621,28 +551,25 @@
621
551
  --inverse-surface-read-only-hover: #FAFAFA0F;
622
552
  --inverse-surface-read-only: #F9F9F905;
623
553
  --dark-background-tertiary: #141413;
624
- --dark-background-primary: #141413;
625
554
  --background-primary: #EBE7E5;
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: #15110F62;
629
558
  --outline-transparent-primary: #15110F3D;
630
559
  --outline-transparent-primary-hover: #15110F25;
631
- --overlay-hard: #00000052;
560
+ --overlay-hard: #000000CC;
632
561
  --overlay-soft: #0000003D;
633
- --on-light-overlay-hard: #00000052;
562
+ --on-light-overlay-hard: #000000CC;
634
563
  --inverse-overlay-soft: #0000001F;
635
564
  --on-light-overlay-soft: #0000003D;
636
- --inverse-overlay-hard: #00000029;
565
+ --inverse-overlay-hard: #00000066;
637
566
  --outline-clear: #FFFFFF00;
638
567
  --inverse-background-tertiary: #141413;
639
568
  --inverse-background-secondary: #0F0F0F;
640
569
  --light-background-tertiary: #FFFFFF;
641
- --inverse-background-primary: #141413;
642
570
  --outline-positive: #239322;
643
571
  --outline-negative: #E83439;
644
572
  --outline-accent-hover: #0ED8AFFF;
645
- --outline-accent: #0BA686;
646
573
  --outline-accent-active: #088169FF;
647
574
  --outline-positive-active: #20801EFF;
648
575
  --outline-positive-hover: #32CA2FFF;
@@ -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: #099579FF;
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: #FFFFFF4D;
705
629
  --inverse-outline-transparent-primary: #FFFFFF1F;
706
630
  --inverse-outline-transparent-primary-active: #FFFFFF12;
707
- --inverse-outline-accent-hover: #0EE1B7FF;
708
631
  --inverse-outline-positive: #A6D2A2;
709
632
  --inverse-outline-negative: #F8A6A9;
710
633
  --inverse-outline-info-hover: #E7F2FDFF;
@@ -721,12 +644,92 @@
721
644
  --on-dark-surface-solid-default: #F6F2F0;
722
645
  --on-light-surface-accent-minor-active: #BFEDE1FF;
723
646
  --text-primary-hover: #15110F97;
647
+ --dark-background-primary: #141413;
648
+ --inverse-background-hardline: #FFFFFF;
649
+ --inverse-background-primary: #141413;
650
+ --light-background-hardline: #FFFFFF;
651
+ --light-background-secondary: #F6F2F0;
652
+ --outline-accent: #0BA686;
653
+ --outline-deep: #A1A09F;
654
+ --outline-default: #ffffff;
655
+ --outline-default-active: #E6E6E6FF;
656
+ --outline-default-hover: #CCCCCCFF;
657
+ --outline-transparent-white: #FFFFFF66;
658
+ --inverse-outline-accent: #0BA686;
659
+ --inverse-outline-accent-hover: #0EE1B7FF;
660
+ --inverse-outline-default: #383838;
661
+ --inverse-outline-default-active: #292929FF;
662
+ --on-light-outline-default-hover: #CCCCCCFF;
663
+ --on-light-outline-primary-hover: #ADA39FFF;
664
+ --personas-blue-text-accent-hover: #1477E1FF;
665
+ --personas-green-text-accent-hover: #8CDECAFF;
666
+ --personas-indigo-text-accent-hover: #000000FF;
667
+ --personas-sea-blue-text-accent-hover: #000000FF;
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: #C7F0E5FF;
676
+ --inverse-surface-accent-secondary-hover: #70CDB7FF;
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: #0DB593FF;
681
+ --inverse-outline-primary-active: #2B2827FF;
682
+ --inverse-outline-transparent-white-active: #FFFFFF49;
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: #AA4A0EFF;
687
+ --personas-olive-text-accent-active: #179315FF;
688
+ --personas-violet-text-accent-active: #D679E6FF;
689
+ --inverse-personas-sea-blue-text-accent-active: #00A8ADFF;
690
+ --inverse-personas-violet-text-accent-active: #D982E8FF;
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: #BFEDE1FF;
695
+ --surface-solid-primary-active: #FFFFFFFF;
696
+ --surface-solid-primary-brightness-hover: #FFFFFFFF;
697
+ --surface-transparent-navi-active: #FFFFFFAD;
698
+ --inverse-surface-accent-active: #0A9E81FF;
699
+ --inverse-surface-accent-minor-active: #043F34FF;
700
+ --inverse-surface-solid-secondary-active: #242424FF;
701
+ --on-light-surface-transparent-accent-minor-active: #0BA88852;
702
+ --on-dark-text-accent-active: #4ABFA4FF;
703
+ --on-light-outline-accent: #0BA686;
704
+ --on-light-outline-primary: #DDD9D7;
705
+ --inverse-personas-sea-blue-text-accent: #00898D;
706
+ --surface-accent: #0BA686;
707
+ --surface-info: #3776BC;
708
+ --surface-solid-card-brightness-active: #FFFFFFFF;
709
+ --surface-solid-default: #15110F;
710
+ --surface-transparent-navi: #FFFFFF99;
711
+ --inverse-surface-accent: #0BA686;
712
+ --inverse-surface-solid-primary: #232323;
713
+ --on-dark-surface-accent-minor: #04473B;
714
+ --on-light-surface-clear: #FFFFFF00;
715
+ --text-primary-brightness-active: #171717C4;
716
+ --inverse-text-accent: #61C8B0;
717
+ --on-dark-text-accent: #61C8B0;
718
+ --dark-background-hardline: #000000;
719
+ --surface-solid-card-brightness-hover: #FFFFFFFF;
720
+ --surface-solid-primary-brightness: #FFFFFFFF;
721
+ --inverse-surface-solid-default: #F6F2F0;
722
+ --on-dark-surface-solid-card-brightness-active: #212121FF;
723
+ --on-dark-text-paragraph-active: #F5F1EF93;
724
+ --overlay-medium: #00000052;
725
+ --inverse-overlay-medium: #00000029;
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
  :root {
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
735
  --on-dark-overlay-gradient: linear-gradient(180.00deg, rgb(0, 0, 0) 0%, rgba(0, 0, 0, 0) 100%);
@@ -745,12 +748,12 @@
745
748
  --inverse-personas-pink-surface-accent-gradient: linear-gradient(180.00deg, rgb(222, 113, 113) 0.0%, rgb(208, 79, 79) 100.0%);
746
749
  --inverse-surface-skeleton-gradient: linear-gradient(90deg, #FFFFFF00 0.0%, #FFFFFF3D 50.4%, #FFFFFF00 100.0%, #FFFFFF00 100.0%);
747
750
  --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%);
748
- --inverse-overlay-gradient: linear-gradient(180.00deg, rgb(0, 0, 0) 0%, rgba(0, 0, 0, 0) 100%);
751
+ --inverse-overlay-gradient: linear-gradient(180.00deg, rgb(255, 255, 255) 0%, rgba(255, 255, 255, 0) 100%);
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(252, 153, 153) 0.0%, rgb(223, 105, 105) 100.0%);
751
754
  --inverse-personas-indigo-surface-accent-gradient: linear-gradient(180.00deg, rgb(135, 77, 207) 0.0%, rgb(113, 51, 190) 100.0%);
752
- --background-gradient: linear-gradient(135.00deg, rgb(193, 234, 207) 0.0%, rgb(160, 222, 207) 100.0%);
753
- --inverse-background-gradient: linear-gradient(135.00deg, rgb(2, 20, 9) 0.0%, rgb(20, 20, 19) 100.0%);
755
+ --background-gradient: linear-gradient(135.00deg, rgb(193, 234, 207) 0%, rgb(160, 222, 207) 100%);
756
+ --inverse-background-gradient: linear-gradient(135.00deg, rgb(2, 20, 9) 0.0%, rgb(20, 20, 19) 100%);
754
757
  --personas-green-surface-accent-gradient: linear-gradient(180.00deg, rgb(121, 215, 192) 0.0%, rgb(80, 184, 159) 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,9 +790,10 @@
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(135.00deg, rgb(3, 67, 37) 0.0%, rgba(1, 24, 21, 0.98) 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
  :root {
@@ -846,7 +850,7 @@
846
850
  --plasma-typo-display-font-family: 'Roboto', sans-serif;
847
851
  --plasma-typo-body-font-family: 'Roboto', sans-serif;
848
852
  --plasma-typo-header-font-family: 'Roboto', sans-serif;
849
- --plasma-typo-text-font-family: 'undefined', sans-serif;
853
+ --plasma-typo-text-font-family: 'Roboto', sans-serif;
850
854
  --plasma-typo-body-xxs-bold-font-family: var(--plasma-typo-text-font-family);
851
855
  --plasma-typo-body-xxs-bold-letter-spacing: normal;
852
856
  --plasma-typo-body-xxs-bold-font-style: normal;
@@ -937,6 +941,48 @@
937
941
  --plasma-typo-body-xxs-medium-font-family: var(--plasma-typo-text-font-family);
938
942
  --plasma-typo-body-xxs-medium-letter-spacing: normal;
939
943
  --plasma-typo-body-xxs-medium-font-style: normal;
944
+ --plasma-typo-text-l-font-family: var(--plasma-typo-text-font-family);
945
+ --plasma-typo-text-l-letter-spacing: -0.02em;
946
+ --plasma-typo-text-l-font-style: normal;
947
+ --plasma-typo-text-l-bold-font-family: var(--plasma-typo-text-font-family);
948
+ --plasma-typo-text-l-bold-letter-spacing: -0.02em;
949
+ --plasma-typo-text-l-bold-font-style: normal;
950
+ --plasma-typo-text-l-medium-font-family: var(--plasma-typo-text-font-family);
951
+ --plasma-typo-text-l-medium-letter-spacing: -0.02em;
952
+ --plasma-typo-text-l-medium-font-style: normal;
953
+ --plasma-typo-text-m-bold-font-family: var(--plasma-typo-text-font-family);
954
+ --plasma-typo-text-m-bold-letter-spacing: -0.02em;
955
+ --plasma-typo-text-m-bold-font-style: normal;
956
+ --plasma-typo-text-s-bold-font-family: var(--plasma-typo-text-font-family);
957
+ --plasma-typo-text-s-bold-letter-spacing: -0.02em;
958
+ --plasma-typo-text-s-bold-font-style: normal;
959
+ --plasma-typo-text-xs-font-family: var(--plasma-typo-text-font-family);
960
+ --plasma-typo-text-xs-letter-spacing: -0.02em;
961
+ --plasma-typo-text-xs-font-style: normal;
962
+ --plasma-typo-text-m-medium-font-family: var(--plasma-typo-text-font-family);
963
+ --plasma-typo-text-m-medium-letter-spacing: -0.02em;
964
+ --plasma-typo-text-m-medium-font-style: normal;
965
+ --plasma-typo-text-xs-bold-font-family: var(--plasma-typo-text-font-family);
966
+ --plasma-typo-text-xs-bold-letter-spacing: -0.02em;
967
+ --plasma-typo-text-xs-bold-font-style: normal;
968
+ --plasma-typo-text-m-font-family: var(--plasma-typo-text-font-family);
969
+ --plasma-typo-text-m-letter-spacing: -0.02em;
970
+ --plasma-typo-text-m-font-style: normal;
971
+ --plasma-typo-text-xs-medium-font-family: var(--plasma-typo-text-font-family);
972
+ --plasma-typo-text-xs-medium-letter-spacing: -0.02em;
973
+ --plasma-typo-text-xs-medium-font-style: normal;
974
+ --plasma-typo-text-s-font-family: var(--plasma-typo-text-font-family);
975
+ --plasma-typo-text-s-letter-spacing: -0.02em;
976
+ --plasma-typo-text-s-font-style: normal;
977
+ --plasma-typo-text-s-medium-font-family: var(--plasma-typo-text-font-family);
978
+ --plasma-typo-text-s-medium-letter-spacing: -0.02em;
979
+ --plasma-typo-text-s-medium-font-style: normal;
980
+ --plasma-typo-xxl-medium-font-family: var(--plasma-typo-display-font-family);
981
+ --plasma-typo-xxl-medium-letter-spacing: normal;
982
+ --plasma-typo-xxl-medium-font-style: normal;
983
+ --plasma-typo-xl-medium-font-family: var(--plasma-typo-display-font-family);
984
+ --plasma-typo-xl-medium-letter-spacing: normal;
985
+ --plasma-typo-xl-medium-font-style: normal;
940
986
  }
941
987
 
942
988
  @media (max-width: 559px) {
@@ -1031,6 +1077,48 @@
1031
1077
  --plasma-typo-body-xxs-medium-font-size: 0.6875rem;
1032
1078
  --plasma-typo-body-xxs-medium-font-weight: 500;
1033
1079
  --plasma-typo-body-xxs-medium-line-height: 0.8125rem;
1080
+ --plasma-typo-text-l-font-size: 1.125rem;
1081
+ --plasma-typo-text-l-font-weight: 400;
1082
+ --plasma-typo-text-l-line-height: 1.625rem;
1083
+ --plasma-typo-text-l-bold-font-size: 1.125rem;
1084
+ --plasma-typo-text-l-bold-font-weight: 600;
1085
+ --plasma-typo-text-l-bold-line-height: 1.625rem;
1086
+ --plasma-typo-text-l-medium-font-size: 1.125rem;
1087
+ --plasma-typo-text-l-medium-font-weight: 500;
1088
+ --plasma-typo-text-l-medium-line-height: 1.625rem;
1089
+ --plasma-typo-text-m-bold-font-size: 1rem;
1090
+ --plasma-typo-text-m-bold-font-weight: 600;
1091
+ --plasma-typo-text-m-bold-line-height: 1.5rem;
1092
+ --plasma-typo-text-s-bold-font-size: 0.875rem;
1093
+ --plasma-typo-text-s-bold-font-weight: 600;
1094
+ --plasma-typo-text-s-bold-line-height: 1.25rem;
1095
+ --plasma-typo-text-xs-font-size: 0.75rem;
1096
+ --plasma-typo-text-xs-font-weight: 400;
1097
+ --plasma-typo-text-xs-line-height: 1rem;
1098
+ --plasma-typo-text-m-medium-font-size: 1rem;
1099
+ --plasma-typo-text-m-medium-font-weight: 500;
1100
+ --plasma-typo-text-m-medium-line-height: 1.5rem;
1101
+ --plasma-typo-text-xs-bold-font-size: 0.75rem;
1102
+ --plasma-typo-text-xs-bold-font-weight: 600;
1103
+ --plasma-typo-text-xs-bold-line-height: 1rem;
1104
+ --plasma-typo-text-m-font-size: 1rem;
1105
+ --plasma-typo-text-m-font-weight: 400;
1106
+ --plasma-typo-text-m-line-height: 1.5rem;
1107
+ --plasma-typo-text-xs-medium-font-size: 0.75rem;
1108
+ --plasma-typo-text-xs-medium-font-weight: 500;
1109
+ --plasma-typo-text-xs-medium-line-height: 1rem;
1110
+ --plasma-typo-text-s-font-size: 0.875rem;
1111
+ --plasma-typo-text-s-font-weight: 400;
1112
+ --plasma-typo-text-s-line-height: 1.25rem;
1113
+ --plasma-typo-text-s-medium-font-size: 0.875rem;
1114
+ --plasma-typo-text-s-medium-font-weight: 500;
1115
+ --plasma-typo-text-s-medium-line-height: 1.25rem;
1116
+ --plasma-typo-xxl-medium-font-size: 4.5rem;
1117
+ --plasma-typo-xxl-medium-font-weight: 500;
1118
+ --plasma-typo-xxl-medium-line-height: 5.625rem;
1119
+ --plasma-typo-xl-medium-font-size: 2.5rem;
1120
+ --plasma-typo-xl-medium-font-weight: 500;
1121
+ --plasma-typo-xl-medium-line-height: 3.125rem;
1034
1122
  }
1035
1123
  }
1036
1124
 
@@ -1090,15 +1178,12 @@
1090
1178
  --plasma-typo-body-xs-bold-font-size: 0.75rem;
1091
1179
  --plasma-typo-body-xs-bold-font-weight: 700;
1092
1180
  --plasma-typo-body-xs-bold-line-height: 0.875rem;
1093
- --plasma-typo-body-s-medium-font-size: 0.875rem;
1181
+ --plasma-typo-body-s-medium-font-size: 0.8125rem;
1094
1182
  --plasma-typo-body-s-medium-font-weight: 500;
1095
- --plasma-typo-body-s-medium-line-height: 1.125rem;
1183
+ --plasma-typo-body-s-medium-line-height: 0.9375rem;
1096
1184
  --plasma-typo-body-s-font-size: 0.8125rem;
1097
1185
  --plasma-typo-body-s-font-weight: 400;
1098
1186
  --plasma-typo-body-s-line-height: 0.9375rem;
1099
- --plasma-typo-body-xxs-bold-font-size: 0.6875rem;
1100
- --plasma-typo-body-xxs-bold-font-weight: 700;
1101
- --plasma-typo-body-xxs-bold-line-height: 0.8125rem;
1102
1187
  --plasma-typo-body-xs-medium-font-size: 0.75rem;
1103
1188
  --plasma-typo-body-xs-medium-font-weight: 500;
1104
1189
  --plasma-typo-body-xs-medium-line-height: 0.875rem;
@@ -1114,9 +1199,6 @@
1114
1199
  --plasma-typo-body-l-font-size: 0.9375rem;
1115
1200
  --plasma-typo-body-l-font-weight: 400;
1116
1201
  --plasma-typo-body-l-line-height: 1.25rem;
1117
- --plasma-typo-body-l-bold-font-size: 0.9375rem;
1118
- --plasma-typo-body-l-bold-font-weight: 700;
1119
- --plasma-typo-body-l-bold-line-height: 1.25rem;
1120
1202
  --plasma-typo-body-l-medium-font-size: 0.9375rem;
1121
1203
  --plasma-typo-body-l-medium-font-weight: 500;
1122
1204
  --plasma-typo-body-l-medium-line-height: 1.25rem;
@@ -1126,6 +1208,54 @@
1126
1208
  --plasma-typo-body-m-bold-font-size: 0.875rem;
1127
1209
  --plasma-typo-body-m-bold-font-weight: 700;
1128
1210
  --plasma-typo-body-m-bold-line-height: 1.125rem;
1211
+ --plasma-typo-text-l-font-size: 1.25rem;
1212
+ --plasma-typo-text-l-font-weight: 400;
1213
+ --plasma-typo-text-l-line-height: 1.75rem;
1214
+ --plasma-typo-text-m-bold-font-size: 1rem;
1215
+ --plasma-typo-text-m-bold-font-weight: 600;
1216
+ --plasma-typo-text-m-bold-line-height: 1.5rem;
1217
+ --plasma-typo-text-m-medium-font-size: 1rem;
1218
+ --plasma-typo-text-m-medium-font-weight: 500;
1219
+ --plasma-typo-text-m-medium-line-height: 1.5rem;
1220
+ --plasma-typo-text-m-font-size: 1rem;
1221
+ --plasma-typo-text-m-font-weight: 400;
1222
+ --plasma-typo-text-m-line-height: 1.5rem;
1223
+ --plasma-typo-text-s-bold-font-size: 0.875rem;
1224
+ --plasma-typo-text-s-bold-font-weight: 600;
1225
+ --plasma-typo-text-s-bold-line-height: 1.25rem;
1226
+ --plasma-typo-text-s-medium-font-size: 0.875rem;
1227
+ --plasma-typo-text-s-medium-font-weight: 500;
1228
+ --plasma-typo-text-s-medium-line-height: 1.25rem;
1229
+ --plasma-typo-text-s-font-size: 0.875rem;
1230
+ --plasma-typo-text-s-font-weight: 400;
1231
+ --plasma-typo-text-s-line-height: 1.25rem;
1232
+ --plasma-typo-text-xs-bold-font-size: 0.75rem;
1233
+ --plasma-typo-text-xs-bold-font-weight: 600;
1234
+ --plasma-typo-text-xs-bold-line-height: 1rem;
1235
+ --plasma-typo-text-xs-medium-font-size: 0.75rem;
1236
+ --plasma-typo-text-xs-medium-font-weight: 500;
1237
+ --plasma-typo-text-xs-medium-line-height: 1rem;
1238
+ --plasma-typo-text-xs-font-size: 0.75rem;
1239
+ --plasma-typo-text-xs-font-weight: 400;
1240
+ --plasma-typo-text-xs-line-height: 1rem;
1241
+ --plasma-typo-text-l-bold-font-size: 1.25rem;
1242
+ --plasma-typo-text-l-bold-font-weight: 600;
1243
+ --plasma-typo-text-l-bold-line-height: 1.75rem;
1244
+ --plasma-typo-text-l-medium-font-size: 1.25rem;
1245
+ --plasma-typo-text-l-medium-font-weight: 500;
1246
+ --plasma-typo-text-l-medium-line-height: 1.75rem;
1247
+ --plasma-typo-body-l-bold-font-size: 0.9375rem;
1248
+ --plasma-typo-body-l-bold-font-weight: 700;
1249
+ --plasma-typo-body-l-bold-line-height: 1.25rem;
1250
+ --plasma-typo-body-xxs-bold-font-size: 0.6875rem;
1251
+ --plasma-typo-body-xxs-bold-font-weight: 700;
1252
+ --plasma-typo-body-xxs-bold-line-height: 0.8125rem;
1253
+ --plasma-typo-xxl-medium-font-size: 4.5rem;
1254
+ --plasma-typo-xxl-medium-font-weight: 500;
1255
+ --plasma-typo-xxl-medium-line-height: 5.625rem;
1256
+ --plasma-typo-xl-medium-font-size: 2.5rem;
1257
+ --plasma-typo-xl-medium-font-weight: 500;
1258
+ --plasma-typo-xl-medium-line-height: 3.125rem;
1129
1259
  }
1130
1260
  }
1131
1261
 
@@ -1164,9 +1294,6 @@
1164
1294
  --plasma-typo-h3-font-size: 1.25rem;
1165
1295
  --plasma-typo-h3-font-weight: 400;
1166
1296
  --plasma-typo-h3-line-height: 1.4375rem;
1167
- --plasma-typo-body-l-bold-font-size: 0.9375rem;
1168
- --plasma-typo-body-l-bold-font-weight: 700;
1169
- --plasma-typo-body-l-bold-line-height: 1.25rem;
1170
1297
  --plasma-typo-h4-bold-font-size: 1rem;
1171
1298
  --plasma-typo-h4-bold-font-weight: 700;
1172
1299
  --plasma-typo-h4-bold-line-height: 1.25rem;
@@ -1179,9 +1306,9 @@
1179
1306
  --plasma-typo-body-l-medium-font-size: 0.9375rem;
1180
1307
  --plasma-typo-body-l-medium-font-weight: 500;
1181
1308
  --plasma-typo-body-l-medium-line-height: 1.25rem;
1182
- --plasma-typo-body-l-font-size: 1.125rem;
1309
+ --plasma-typo-body-l-font-size: 0.9375rem;
1183
1310
  --plasma-typo-body-l-font-weight: 400;
1184
- --plasma-typo-body-l-line-height: 1.375rem;
1311
+ --plasma-typo-body-l-line-height: 1.25rem;
1185
1312
  --plasma-typo-body-m-bold-font-size: 0.875rem;
1186
1313
  --plasma-typo-body-m-bold-font-weight: 700;
1187
1314
  --plasma-typo-body-m-bold-line-height: 1.125rem;
@@ -1200,9 +1327,6 @@
1200
1327
  --plasma-typo-h1-bold-font-size: 1.75rem;
1201
1328
  --plasma-typo-h1-bold-font-weight: 700;
1202
1329
  --plasma-typo-h1-bold-line-height: 2.25rem;
1203
- --plasma-typo-body-s-medium-font-size: 0.8125rem;
1204
- --plasma-typo-body-s-medium-font-weight: 500;
1205
- --plasma-typo-body-s-medium-line-height: 0.9375rem;
1206
1330
  --plasma-typo-body-xs-bold-font-size: 0.75rem;
1207
1331
  --plasma-typo-body-xs-bold-font-weight: 700;
1208
1332
  --plasma-typo-body-xs-bold-line-height: 0.875rem;
@@ -1221,5 +1345,53 @@
1221
1345
  --plasma-typo-body-xxs-font-size: 0.6875rem;
1222
1346
  --plasma-typo-body-xxs-font-weight: 400;
1223
1347
  --plasma-typo-body-xxs-line-height: 0.8125rem;
1348
+ --plasma-typo-text-l-bold-font-size: 1.5rem;
1349
+ --plasma-typo-text-l-bold-font-weight: 600;
1350
+ --plasma-typo-text-l-bold-line-height: 2rem;
1351
+ --plasma-typo-text-l-medium-font-size: 1.5rem;
1352
+ --plasma-typo-text-l-medium-font-weight: 500;
1353
+ --plasma-typo-text-l-medium-line-height: 2rem;
1354
+ --plasma-typo-text-l-font-size: 1.5rem;
1355
+ --plasma-typo-text-l-font-weight: 400;
1356
+ --plasma-typo-text-l-line-height: 2rem;
1357
+ --plasma-typo-text-m-medium-font-size: 1.125rem;
1358
+ --plasma-typo-text-m-medium-font-weight: 500;
1359
+ --plasma-typo-text-m-medium-line-height: 1.625rem;
1360
+ --plasma-typo-text-m-font-size: 1.125rem;
1361
+ --plasma-typo-text-m-font-weight: 400;
1362
+ --plasma-typo-text-m-line-height: 1.625rem;
1363
+ --plasma-typo-text-s-bold-font-size: 0.875rem;
1364
+ --plasma-typo-text-s-bold-font-weight: 600;
1365
+ --plasma-typo-text-s-bold-line-height: 1.25rem;
1366
+ --plasma-typo-text-s-medium-font-size: 0.875rem;
1367
+ --plasma-typo-text-s-medium-font-weight: 500;
1368
+ --plasma-typo-text-s-medium-line-height: 1.25rem;
1369
+ --plasma-typo-text-s-font-size: 0.875rem;
1370
+ --plasma-typo-text-s-font-weight: 400;
1371
+ --plasma-typo-text-s-line-height: 1.25rem;
1372
+ --plasma-typo-text-xs-bold-font-size: 0.75rem;
1373
+ --plasma-typo-text-xs-bold-font-weight: 600;
1374
+ --plasma-typo-text-xs-bold-line-height: 1rem;
1375
+ --plasma-typo-text-xs-medium-font-size: 0.75rem;
1376
+ --plasma-typo-text-xs-medium-font-weight: 500;
1377
+ --plasma-typo-text-xs-medium-line-height: 1rem;
1378
+ --plasma-typo-text-xs-font-size: 0.75rem;
1379
+ --plasma-typo-text-xs-font-weight: 400;
1380
+ --plasma-typo-text-xs-line-height: 1rem;
1381
+ --plasma-typo-body-l-bold-font-size: 0.9375rem;
1382
+ --plasma-typo-body-l-bold-font-weight: 700;
1383
+ --plasma-typo-body-l-bold-line-height: 1.25rem;
1384
+ --plasma-typo-text-m-bold-font-size: 1.125rem;
1385
+ --plasma-typo-text-m-bold-font-weight: 600;
1386
+ --plasma-typo-text-m-bold-line-height: 1.625rem;
1387
+ --plasma-typo-body-s-medium-font-size: 0.8125rem;
1388
+ --plasma-typo-body-s-medium-font-weight: 500;
1389
+ --plasma-typo-body-s-medium-line-height: 0.9375rem;
1390
+ --plasma-typo-xxl-medium-font-size: 4.5rem;
1391
+ --plasma-typo-xxl-medium-font-weight: 500;
1392
+ --plasma-typo-xxl-medium-line-height: 5.625rem;
1393
+ --plasma-typo-xl-medium-font-size: 2.5rem;
1394
+ --plasma-typo-xl-medium-font-weight: 500;
1395
+ --plasma-typo-xl-medium-line-height: 3.125rem;
1224
1396
  }
1225
1397
  }