@salutejs-ds/sdds_sbcom 0.1.14 → 0.1.15

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 (99) hide show
  1. package/components/Button/Button.config.d.ts +1 -1
  2. package/components/Button/Button.config.js +4 -4
  3. package/components/Button/Button.config.js.map +1 -1
  4. package/components/Button/Button.config_1b1uwtc.css +10 -0
  5. package/components/Button/Button.css +9 -9
  6. package/components/Button/Button.d.ts +1 -1
  7. package/components/Checkbox/Checkbox.config.js +1 -1
  8. package/components/Checkbox/Checkbox.config.js.map +1 -1
  9. package/components/Checkbox/Checkbox.config_by8n89.css +6 -0
  10. package/components/Checkbox/Checkbox.css +6 -6
  11. package/components/Counter/Counter.config.d.ts +4 -4
  12. package/components/Counter/Counter.config.js +9 -9
  13. package/components/Counter/Counter.config.js.map +1 -1
  14. package/components/Counter/Counter.config_1dmfqg0.css +11 -0
  15. package/components/Counter/Counter.css +10 -10
  16. package/components/Counter/Counter.d.ts +4 -4
  17. package/components/IconButton/IconButton.config.d.ts +3 -3
  18. package/components/IconButton/IconButton.config.js +9 -9
  19. package/components/IconButton/IconButton.config.js.map +1 -1
  20. package/components/IconButton/IconButton.config_108pkgf.css +9 -0
  21. package/components/IconButton/IconButton.css +8 -8
  22. package/components/IconButton/IconButton.d.ts +3 -3
  23. package/components/Link/Link.config.d.ts +1 -1
  24. package/components/Link/Link.config.js +4 -4
  25. package/components/Link/Link.config.js.map +1 -1
  26. package/components/Link/{Link.config_1y1mon9.css → Link.config_8uibyj.css} +4 -4
  27. package/components/Link/Link.css +8 -8
  28. package/components/Link/Link.d.ts +1 -1
  29. package/components/Radiobox/Radiobox.config.d.ts +1 -1
  30. package/components/Radiobox/Radiobox.config.js +4 -4
  31. package/components/Radiobox/Radiobox.config.js.map +1 -1
  32. package/components/Radiobox/Radiobox.config_1x15h52.css +6 -0
  33. package/components/Radiobox/Radiobox.css +6 -6
  34. package/components/Radiobox/Radiobox.d.ts +1 -1
  35. package/css/sdds_sbcom.module.css +144 -144
  36. package/css/sdds_sbcom__dark.css +89 -89
  37. package/css/sdds_sbcom__light.css +90 -90
  38. package/es/components/Button/Button.config.js +4 -4
  39. package/es/components/Button/Button.config.js.map +1 -1
  40. package/es/components/Button/Button.config_1b1uwtc.css +10 -0
  41. package/es/components/Button/Button.css +9 -9
  42. package/es/components/Checkbox/Checkbox.config.js +1 -1
  43. package/es/components/Checkbox/Checkbox.config.js.map +1 -1
  44. package/es/components/Checkbox/Checkbox.config_by8n89.css +6 -0
  45. package/es/components/Checkbox/Checkbox.css +6 -6
  46. package/es/components/Counter/Counter.config.js +9 -9
  47. package/es/components/Counter/Counter.config.js.map +1 -1
  48. package/es/components/Counter/Counter.config_1dmfqg0.css +11 -0
  49. package/es/components/Counter/Counter.css +10 -10
  50. package/es/components/IconButton/IconButton.config.js +9 -9
  51. package/es/components/IconButton/IconButton.config.js.map +1 -1
  52. package/es/components/IconButton/IconButton.config_108pkgf.css +9 -0
  53. package/es/components/IconButton/IconButton.css +8 -8
  54. package/es/components/Link/Link.config.js +4 -4
  55. package/es/components/Link/Link.config.js.map +1 -1
  56. package/es/components/Link/{Link.config_1y1mon9.css → Link.config_8uibyj.css} +4 -4
  57. package/es/components/Link/Link.css +8 -8
  58. package/es/components/Radiobox/Radiobox.config.js +4 -4
  59. package/es/components/Radiobox/Radiobox.config.js.map +1 -1
  60. package/es/components/Radiobox/Radiobox.config_1x15h52.css +6 -0
  61. package/es/components/Radiobox/Radiobox.css +6 -6
  62. package/es/index.css +55 -55
  63. package/es/theme/themes/sdds_sbcom__dark.js +1 -1
  64. package/es/theme/themes/sdds_sbcom__dark.js.map +1 -1
  65. package/es/theme/themes/sdds_sbcom__light.js +1 -1
  66. package/es/theme/themes/sdds_sbcom__light.js.map +1 -1
  67. package/es/theme/tokens/index.js +147 -147
  68. package/es/theme/tokens/index.js.map +1 -1
  69. package/index.css +55 -55
  70. package/package.json +1 -1
  71. package/styled-components/cjs/Button/Button.config.js +7 -7
  72. package/styled-components/cjs/Checkbox/Checkbox.config.js +5 -5
  73. package/styled-components/cjs/Counter/Counter.config.js +9 -9
  74. package/styled-components/cjs/IconButton/IconButton.config.js +8 -8
  75. package/styled-components/cjs/Link/Link.config.js +4 -4
  76. package/styled-components/cjs/Radiobox/Radiobox.config.js +5 -5
  77. package/styled-components/es/Button/Button.config.js +7 -7
  78. package/styled-components/es/Checkbox/Checkbox.config.js +5 -5
  79. package/styled-components/es/Counter/Counter.config.js +9 -9
  80. package/styled-components/es/IconButton/IconButton.config.js +8 -8
  81. package/styled-components/es/Link/Link.config.js +4 -4
  82. package/styled-components/es/Radiobox/Radiobox.config.js +5 -5
  83. package/theme/themes/sdds_sbcom__dark.js +1 -1
  84. package/theme/themes/sdds_sbcom__dark.js.map +1 -1
  85. package/theme/themes/sdds_sbcom__light.js +1 -1
  86. package/theme/themes/sdds_sbcom__light.js.map +1 -1
  87. package/theme/tokens/index.d.ts +115 -115
  88. package/theme/tokens/index.js +147 -147
  89. package/theme/tokens/index.js.map +1 -1
  90. package/components/Button/Button.config_1nf8fsa.css +0 -10
  91. package/components/Checkbox/Checkbox.config_1pgnntn.css +0 -6
  92. package/components/Counter/Counter.config_ebr9b5.css +0 -11
  93. package/components/IconButton/IconButton.config_145mdq5.css +0 -9
  94. package/components/Radiobox/Radiobox.config_jinig9.css +0 -6
  95. package/es/components/Button/Button.config_1nf8fsa.css +0 -10
  96. package/es/components/Checkbox/Checkbox.config_1pgnntn.css +0 -6
  97. package/es/components/Counter/Counter.config_ebr9b5.css +0 -11
  98. package/es/components/IconButton/IconButton.config_145mdq5.css +0 -9
  99. package/es/components/Radiobox/Radiobox.config_jinig9.css +0 -6
@@ -6,13 +6,11 @@
6
6
  --inverse-personas-sea-blue-text-accent-active: #4BB4B4FF;
7
7
  --inverse-personas-violet-text-accent-active: #81288FFF;
8
8
  --on-light-outline-default-hover: #CCCCCCFF;
9
- --inverse-outline-primary-active: #C4BEBAFF;
10
- --on-dark-outline-default-active: #292929FF;
11
9
  --on-dark-outline-default-hover: #666666FF;
10
+ --on-dark-outline-default-active: #292929FF;
12
11
  --personas-green-text-accent-hover: #04C396FF;
13
12
  --personas-sea-blue-text-accent-hover: #00C5CCFF;
14
13
  --inverse-surface-accent-secondary-hover: #50C3A8FF;
15
- --on-light-surface-accent-secondary-active: #3CAF94FF;
16
14
  --surface-transparent-navi-active: #2424248A;
17
15
  --on-light-surface-transparent-accent-minor-active: #0BA88852;
18
16
  --on-light-personas-green-text-accent-active: #04AF87FF;
@@ -23,7 +21,6 @@
23
21
  --on-light-personas-violet-text-accent-active: #81288FFF;
24
22
  --on-light-personas-ochre-text-accent-active: #AA4A0EFF;
25
23
  --on-dark-surface-accent-secondary-hover: #70CDB7FF;
26
- --inverse-personas-green-text-accent-hover: #8CDECAFF;
27
24
  --on-light-personas-pink-text-accent-hover: #E47777FF;
28
25
  --surface-accent-secondary-hover: #70CDB7FF;
29
26
  --personas-indigo-text-accent-hover: #E8DAFCFF;
@@ -32,23 +29,20 @@
32
29
  --inverse-outline-default: #FFFFFF;
33
30
  --on-dark-personas-blue-text-accent-hover: #C3DDF9FF;
34
31
  --on-light-personas-indigo-text-accent-hover: #000000FF;
35
- --on-light-personas-indigo-text-accent-active: #5B2999FF;
36
32
  --on-light-personas-sea-blue-text-accent-hover: #00D9E0FF;
37
33
  --personas-ochre-text-accent-active: #F19F7EFF;
38
34
  --inverse-background-hardline: #000000;
39
- --on-dark-surface-transparent-accent-minor-active: #0BA88838;
40
35
  --on-dark-personas-sea-blue-text-accent-hover: #FFFFFFFF;
41
36
  --surface-transparent-navi: #23232399;
42
37
  --personas-violet-text-accent-active: #892B97FF;
43
38
  --personas-blue-text-accent-hover: #C3DDF9FF;
44
39
  --outline-default: #FFFFFF;
45
40
  --text-primary-brightness-active: #FAFAFAC4;
46
- --surface-solid-card-brightness-hover: #303030FF;
47
41
  --surface-transparent-card-brightness-hover: #FAFAFA1F;
48
42
  --surface-solid-card-brightness-active: #212121FF;
49
43
  --surface-solid-primary-brightness-hover: #303030FF;
50
44
  --surface-transparent-card-brightness-active: #FAFAFA0A;
51
- --on-dark-surface-solid-primary-brightness-active: #212121FF;
45
+ --surface-solid-card-brightness-hover: #303030FF;
52
46
  --on-dark-surface-transparent-card-brightness-hover: #FAFAFA1F;
53
47
  --on-dark-surface-transparent-card-brightness-active: #FAFAFA0A;
54
48
  --on-dark-surface-solid-card-brightness-hover: #303030FF;
@@ -89,18 +83,16 @@
89
83
  --inverse-surface-transparent-card-brightness-active: #FFFFFFFF;
90
84
  --on-light-outline-warning-active: #A3420AFF;
91
85
  --on-light-personas-violet-text-accent: #9E32AF;
92
- --inverse-surface-accent-minor: #D0F2E9;
93
86
  --inverse-surface-solid-card-brightness-active: #FFFFFFFF;
94
87
  --on-dark-surface-accent-minor-hover: #055C4CFF;
95
88
  --on-light-surface-accent-minor-hover: #C7F0E5FF;
96
- --on-dark-personas-blue-text-accent: #79B3F2;
97
- --on-light-personas-indigo-text-accent: #7133BE;
89
+ --inverse-surface-accent-minor: #D0F2E9;
98
90
  --on-light-personas-sea-blue-text-accent: #00898D;
99
91
  --personas-ochre-text-accent: #F4B49B;
100
92
  --on-dark-surface-transparent-accent-minor: #0BA68647;
101
93
  --on-dark-personas-violet-text-accent: #E19DED;
102
94
  --on-light-surface-transparent-navi: #FFFFFF99;
103
- --on-dark-personas-green-text-accent-hover: #84DCC6FF;
95
+ --on-dark-personas-blue-text-accent: #79B3F2;
104
96
  --personas-green-text-accent-active: #03A57FFF;
105
97
  --personas-sea-blue-text-accent-active: #00A8ADFF;
106
98
  --inverse-surface-accent-secondary-active: #3CAF94FF;
@@ -127,16 +119,13 @@
127
119
  --inverse-personas-blue-text-accent-active: #0D4F96FF;
128
120
  --inverse-surface-transparent-accent-minor-active: #0BA8885C;
129
121
  --text-primary-brightness-hover: #FAFAFA93;
122
+ --on-dark-personas-green-text-accent-hover: #84DCC6FF;
130
123
  --on-dark-text-primary-brightness-hover: #FAFAFA93;
131
124
  --on-dark-personas-sea-blue-text-accent: #7BC8C8;
132
125
  --on-light-personas-blue-text-accent-active: #0D4F96FF;
133
126
  --on-light-outline-default-active: #E6E6E6FF;
134
127
  --on-light-text-warning-active: #6F2D06FF;
135
- --surface-transparent-navi-hover: #242424B8;
136
- --on-light-surface-transparent-accent-minor-hover: #0BA8884D;
137
128
  --on-light-personas-green-text-accent-hover: #04D7A6FF;
138
- --outline-default-hover: #858585FF;
139
- --on-dark-outline-primary-hover: #6B6461FF;
140
129
  --on-dark-personas-pink-text-accent-hover: #F26E6EFF;
141
130
  --outline-primary-hover: #91847EFF;
142
131
  --inverse-personas-indigo-text-accent-hover: #D2B4F8FF;
@@ -162,14 +151,10 @@
162
151
  --on-light-personas-blue-text-accent-hover: #1477E1FF;
163
152
  --on-dark-surface-transparent-navi-hover: #242424B8;
164
153
  --on-light-surface-accent-secondary-hover: #50C3A8FF;
165
- --personas-blue-text-accent: #79B3F2;
166
- --personas-sea-blue-text-accent: #00898D;
167
- --personas-violet-text-accent-hover: #B438C7FF;
168
- --background-hardline: #000000;
169
- --on-light-text-primary-brightness-hover: #17171793;
170
- --inverse-text-primary-brightness-hover: #17171793;
171
- --surface-solid-primary-brightness-active: #212121FF;
172
- --on-dark-surface-solid-primary-brightness-hover: #303030FF;
154
+ --surface-transparent-navi-hover: #242424B8;
155
+ --on-light-surface-transparent-accent-minor-hover: #0BA8884D;
156
+ --outline-default-hover: #858585FF;
157
+ --on-dark-outline-primary-hover: #6B6461FF;
173
158
  --inverse-surface-solid-card-brightness-hover: #FFFFFFFF;
174
159
  --inverse-personas-blue-text-accent: #1063BA;
175
160
  --personas-blue-text-accent-active: #5DA3EFFF;
@@ -178,9 +163,6 @@
178
163
  --inverse-personas-sea-blue-text-accent: #7BC8C8;
179
164
  --on-dark-personas-pink-text-accent: #F7A4A4;
180
165
  --personas-pink-text-accent: #DE5555;
181
- --inverse-personas-violet-text-accent: #9E32AF;
182
- --inverse-surface-transparent-accent-minor: #0BA68647;
183
- --on-light-personas-blue-text-accent: #1063BA;
184
166
  --on-dark-surface-transparent-navi: #23232399;
185
167
  --inverse-outline-primary: #DDD9D7;
186
168
  --inverse-personas-olive-text-accent-active: #179315FF;
@@ -188,6 +170,17 @@
188
170
  --personas-green-text-accent: #038768;
189
171
  --dark-background-hardline: #000000;
190
172
  --on-dark-outline-primary: #3B3735;
173
+ --personas-blue-text-accent: #79B3F2;
174
+ --personas-sea-blue-text-accent: #00898D;
175
+ --personas-violet-text-accent-hover: #B438C7FF;
176
+ --background-hardline: #000000;
177
+ --on-light-text-primary-brightness-hover: #17171793;
178
+ --inverse-text-primary-brightness-hover: #17171793;
179
+ --surface-solid-primary-brightness-active: #212121FF;
180
+ --on-dark-surface-solid-primary-brightness-hover: #303030FF;
181
+ --inverse-personas-violet-text-accent: #9E32AF;
182
+ --inverse-surface-transparent-accent-minor: #0BA68647;
183
+ --on-light-personas-blue-text-accent: #1063BA;
191
184
  --on-dark-text-primary-brightness-active: #FAFAFAC4;
192
185
  --on-light-text-primary-brightness-active: #171717C4;
193
186
  --inverse-text-primary-brightness-active: #171717C4;
@@ -209,7 +202,13 @@
209
202
  --on-light-surface-accent-secondary: #41BDA1;
210
203
  --on-light-personas-pink-text-accent: #DE5555;
211
204
  --inverse-personas-olive-text-accent: #127210;
212
- --text-paragraph-active: #F5F1EF93;
205
+ --inverse-outline-primary-active: #C4BEBAFF;
206
+ --on-light-surface-accent-secondary-active: #3CAF94FF;
207
+ --on-dark-surface-transparent-accent-minor-active: #0BA88838;
208
+ --on-dark-surface-solid-primary-brightness-active: #212121FF;
209
+ --on-light-personas-indigo-text-accent: #7133BE;
210
+ --inverse-personas-green-text-accent-hover: #8CDECAFF;
211
+ --on-light-personas-indigo-text-accent-active: #5B2999FF;
213
212
  --text-accent: #61C8B0;
214
213
  --text-accent-hover: #77CFBBFF;
215
214
  --text-accent-active: #4ABFA4FF;
@@ -238,7 +237,7 @@
238
237
  --text-primary-brightness: #FAFAFAF5;
239
238
  --text-paragraph: #F6F2F07A;
240
239
  --text-paragraph-hover: #F5F1EFFF;
241
- --on-dark-text-paragraph-active: #F5F1EF93;
240
+ --text-paragraph-active: #F5F1EF93;
242
241
  --on-dark-text-accent: #61C8B0ED;
243
242
  --on-dark-text-accent-hover: #60C7AF8E;
244
243
  --on-dark-text-accent-active: #60C7AFBE;
@@ -268,7 +267,7 @@
268
267
  --on-dark-text-primary-hover: #FFFFFF97;
269
268
  --on-dark-text-paragraph: #F6F2F07A;
270
269
  --on-dark-text-paragraph-hover: #F5F1EFFF;
271
- --on-light-text-primary-brightness: #171717F5;
270
+ --on-dark-text-paragraph-active: #F5F1EF93;
272
271
  --on-light-text-secondary: #15110FA3;
273
272
  --on-light-text-secondary-hover: #15110FFF;
274
273
  --on-light-text-secondary-active: #15110FC4;
@@ -292,6 +291,7 @@
292
291
  --on-light-text-primary: #15110FFC;
293
292
  --on-light-text-primary-hover: #15110F97;
294
293
  --on-light-text-primary-active: #15110FCA;
294
+ --on-light-text-primary-brightness: #171717F5;
295
295
  --inverse-text-primary: #15110FFC;
296
296
  --inverse-text-primary-hover: #15110F97;
297
297
  --inverse-text-primary-active: #15110FCA;
@@ -317,7 +317,6 @@
317
317
  --on-light-text-info-hover: #000000FF;
318
318
  --on-light-text-info-active: #194B85FF;
319
319
  --on-light-text-negative-hover: #E3353BFF;
320
- --inverse-text-negative-active: #AF181DFF;
321
320
  --inverse-text-info: #205EA5;
322
321
  --inverse-text-info-hover: #000000FF;
323
322
  --inverse-text-info-active: #194B85FF;
@@ -338,7 +337,7 @@
338
337
  --inverse-text-positive-active: #185E17FF;
339
338
  --inverse-text-negative: #D11D23;
340
339
  --inverse-text-negative-hover: #E3353BFF;
341
- --surface-transparent-secondary-active: #FFFFFF1A;
340
+ --inverse-text-negative-active: #AF181DFF;
342
341
  --surface-transparent-tertiary: #FFFFFF3D;
343
342
  --surface-transparent-tertiary-hover: #FFFFFF5C;
344
343
  --surface-transparent-tertiary-active: #FFFFFF2E;
@@ -372,7 +371,7 @@
372
371
  --surface-transparent-primary-active: #FFFFFF0F;
373
372
  --surface-transparent-secondary: #FFFFFF29;
374
373
  --surface-transparent-secondary-hover: #FFFFFF47;
375
- --surface-warning-active: #F8A977FF;
374
+ --surface-transparent-secondary-active: #FFFFFF1A;
376
375
  --surface-negative: #F8A6A9;
377
376
  --surface-negative-hover: #F9B8BAFF;
378
377
  --surface-negative-active: #F79C9FFF;
@@ -384,7 +383,7 @@
384
383
  --surface-positive-hover: #B3D9B0FF;
385
384
  --surface-warning: #F8AD80;
386
385
  --surface-warning-hover: #F9BB94FF;
387
- --surface-transparent-negative: #F8A6A980;
386
+ --surface-warning-active: #F8A977FF;
388
387
  --surface-transparent-negative-hover: #F8A5A89E;
389
388
  --surface-read-only: #F9F9F905;
390
389
  --surface-read-only-hover: #FAFAFA0F;
@@ -399,7 +398,7 @@
399
398
  --on-dark-surface-solid-tertiary: #474747;
400
399
  --on-dark-surface-solid-tertiary-hover: #525252FF;
401
400
  --surface-transparent-negative-active: #F8A5A870;
402
- --on-dark-surface-transparent-secondary-active: #FFFFFF1A;
401
+ --surface-transparent-negative: #F8A6A980;
403
402
  --on-dark-surface-transparent-tertiary: #FFFFFF3D;
404
403
  --on-dark-surface-transparent-tertiary-hover: #FFFFFF5C;
405
404
  --on-dark-surface-transparent-tertiary-active: #FFFFFF2E;
@@ -428,7 +427,7 @@
428
427
  --on-dark-surface-transparent-primary-active: #FFFFFF0F;
429
428
  --on-dark-surface-transparent-secondary: #FFFFFF29;
430
429
  --on-dark-surface-transparent-secondary-hover: #FFFFFF47;
431
- --on-dark-surface-positive: #A6D2A2;
430
+ --on-dark-surface-transparent-secondary-active: #FFFFFF1A;
432
431
  --on-dark-surface-positive-hover: #B3D9B0FF;
433
432
  --on-dark-surface-positive-active: #9FCF9BFF;
434
433
  --on-dark-surface-warning: #F8AD80;
@@ -443,6 +442,7 @@
443
442
  --on-dark-surface-transparent-accent-active: #0BA88824;
444
443
  --on-dark-surface-transparent-accent: #0BA68633;
445
444
  --on-dark-surface-transparent-accent-hover: #0BA88852;
445
+ --on-dark-surface-positive: #A6D2A2;
446
446
  --on-dark-surface-read-only: #F9F9F905;
447
447
  --on-dark-surface-read-only-hover: #FAFAFA0F;
448
448
  --on-dark-surface-read-only-active: #FAFAFA00;
@@ -458,7 +458,6 @@
458
458
  --on-dark-surface-transparent-negative-active: #F8A5A870;
459
459
  --on-dark-surface-transparent-negative: #F8A6A980;
460
460
  --on-dark-surface-transparent-negative-hover: #F8A5A89E;
461
- --on-light-surface-transparent-secondary-active: #15110F1F;
462
461
  --on-light-surface-transparent-tertiary: #15110F1F;
463
462
  --on-light-surface-transparent-tertiary-hover: #15110F2E;
464
463
  --on-light-surface-transparent-tertiary-active: #15110F33;
@@ -487,6 +486,7 @@
487
486
  --on-light-surface-transparent-primary-active: #15110F0F;
488
487
  --on-light-surface-transparent-secondary: #15110F14;
489
488
  --on-light-surface-transparent-secondary-hover: #15110F1A;
489
+ --on-light-surface-transparent-secondary-active: #15110F1F;
490
490
  --on-light-surface-positive: #239322;
491
491
  --on-light-surface-positive-hover: #28A126FF;
492
492
  --on-light-surface-positive-active: #20801EFF;
@@ -502,7 +502,6 @@
502
502
  --on-light-surface-transparent-accent-active: #0BA88833;
503
503
  --on-light-surface-transparent-accent: #0BA6861F;
504
504
  --on-light-surface-transparent-accent-hover: #0BA8882E;
505
- --on-light-surface-transparent-negative: #E8343929;
506
505
  --on-light-surface-transparent-negative-hover: #E9353B38;
507
506
  --on-light-surface-read-only: #F9F9F903;
508
507
  --on-light-surface-read-only-hover: #FAFAFA05;
@@ -515,7 +514,7 @@
515
514
  --inverse-surface-solid-secondary-hover: #FFFFFFFF;
516
515
  --inverse-surface-solid-secondary-active: #FFFFFFFF;
517
516
  --on-light-surface-transparent-negative-active: #E9353B3D;
518
- --inverse-surface-transparent-secondary-hover: #15110F1A;
517
+ --on-light-surface-transparent-negative: #E8343929;
519
518
  --inverse-surface-transparent-secondary-active: #15110F1F;
520
519
  --inverse-surface-transparent-tertiary: #15110F1F;
521
520
  --inverse-surface-transparent-tertiary-hover: #15110F2E;
@@ -544,6 +543,7 @@
544
543
  --inverse-surface-transparent-primary-hover: #15110F0D;
545
544
  --inverse-surface-transparent-primary-active: #15110F0F;
546
545
  --inverse-surface-transparent-secondary: #15110F14;
546
+ --inverse-surface-transparent-secondary-hover: #15110F1A;
547
547
  --inverse-surface-positive: #239322;
548
548
  --inverse-surface-positive-hover: #28A126FF;
549
549
  --inverse-surface-positive-active: #20801EFF;
@@ -645,7 +645,6 @@
645
645
  --inverse-outline-clear: #FFFFFF00;
646
646
  --inverse-outline-clear-hover: #FFFFFF00;
647
647
  --inverse-outline-clear-active: #FFFFFF00;
648
- --inverse-outline-warning-active: #A3420AFF;
649
648
  --inverse-outline-negative: #E83439;
650
649
  --inverse-outline-negative-hover: #F17E82FF;
651
650
  --inverse-outline-negative-active: #DC181FFF;
@@ -657,6 +656,7 @@
657
656
  --inverse-outline-positive-hover: #32CA2FFF;
658
657
  --inverse-outline-warning: #BE4E0C;
659
658
  --inverse-outline-warning-hover: #F3813FFF;
659
+ --inverse-outline-warning-active: #A3420AFF;
660
660
  --text-primary-hover: #FFFFFF97;
661
661
  --on-dark-surface-solid-default: #F6F2F0;
662
662
  --on-light-surface-accent-minor-active: #BFEDE1FF;
@@ -667,23 +667,22 @@
667
667
 
668
668
  :root {
669
669
  --on-dark-personas-indigo-surface-accent-gradient: linear-gradient(180.00deg, rgb(135, 77, 207) 0.0%, rgb(113, 51, 190) 100.0%);
670
- --on-light-outline-white-gradient: linear-gradient(135.00deg, rgb(255, 255, 255) 0.0%, rgba(255, 255, 255, 0.16) 36.0%, rgba(255, 255, 255, 0.16) 66.0%, rgba(255, 255, 255, 0.8) 100.0%);
671
670
  --on-dark-personas-blue-surface-accent-gradient: linear-gradient(180.00deg, rgb(47, 130, 217) 0.0%, rgb(16, 99, 186) 100.0%);
672
- --inverse-personas-indigo-surface-accent-gradient: linear-gradient(180.00deg, rgb(135, 77, 207) 0.0%, rgb(113, 51, 190) 100.0%);
673
- --outline-white-gradient: linear-gradient(135.00deg, rgb(255, 255, 255) 0.0%, rgba(255, 255, 255, 0.16) 36.0%, rgba(255, 255, 255, 0.16) 66.0%, rgba(255, 255, 255, 0.8) 100.0%);
671
+ --inverse-personas-indigo-surface-accent-gradient: linear-gradient(180.00deg, rgb(189, 145, 245) 0.0%, rgb(161, 117, 217) 100.0%);
672
+ --outline-white-gradient: linear-gradient(135.00deg, rgba(255, 255, 255, 0.8) 0%, rgba(255, 255, 255, 0.16) 36.746%, rgba(255, 255, 255, 0.16) 66.734%, rgba(255, 255, 255, 0.6) 100%);
674
673
  --personas-green-surface-accent-gradient: linear-gradient(180.00deg, rgb(26, 158, 127) 0.0%, rgb(3, 135, 104) 100.0%);
675
- --inverse-personas-sea-blue-surface-accent-gradient: linear-gradient(180.00deg, rgb(27, 173, 178) 0.0%, rgb(0, 137, 141) 100.0%);
674
+ --inverse-personas-sea-blue-surface-accent-gradient: linear-gradient(180.00deg, rgb(153, 215, 217) 0.0%, rgb(116, 198, 200) 100.0%);
676
675
  --on-light-personas-pink-surface-accent-gradient: linear-gradient(180.00deg, rgb(252, 153, 153) 0.0%, rgb(223, 105, 105) 100.0%);
677
676
  --inverse-text-accent-gradient-a-i: linear-gradient(135.00deg, rgb(179, 49, 208) 8.0%, rgb(109, 78, 223) 56.0%, rgb(31, 185, 224) 100.0%);
678
677
  --on-dark-personas-ochre-surface-accent-gradient: linear-gradient(180.00deg, rgb(229, 128, 66) 0.0%, rgb(199, 90, 23) 100.0%);
679
- --personas-sea-blue-surface-accent-gradient: linear-gradient(180.00deg, rgb(153, 215, 217) 0.0%, rgb(116, 198, 200) 100.0%);
680
- --inverse-personas-pink-surface-accent-gradient: linear-gradient(180.00deg, rgb(222, 113, 113) 0.0%, rgb(208, 79, 79) 100.0%);
678
+ --personas-sea-blue-surface-accent-gradient: linear-gradient(180.00deg, rgb(27, 173, 178) 0.0%, rgb(0, 137, 141) 100.0%);
679
+ --inverse-personas-pink-surface-accent-gradient: linear-gradient(180.00deg, rgb(252, 153, 153) 0.0%, rgb(223, 105, 105) 100.0%);
681
680
  --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%);
682
681
  --inverse-personas-ochre-surface-accent-gradient: linear-gradient(180.00deg, rgb(248, 165, 133) 0.0%, rgb(228, 118, 76) 100.0%);
683
682
  --dark-background-gradient: linear-gradient(135.00deg, rgb(2, 20, 9) 0.0%, rgb(20, 20, 19) 100.0%);
684
683
  --on-dark-personas-sea-blue-surface-accent-gradient: linear-gradient(180.00deg, rgb(27, 173, 178) 0.0%, rgb(0, 137, 141) 100.0%);
685
684
  --on-dark-surface-skeleton-gradient: linear-gradient(90deg, #FFFFFF00 0.0%, #FFFFFF3D 50.4%, #FFFFFF00 100.0%, #FFFFFF00 100.0%);
686
- --inverse-background-gradient: linear-gradient(135.00deg, rgb(2, 20, 9) 0.0%, rgb(20, 20, 19) 100.0%);
685
+ --inverse-background-gradient: linear-gradient(135.00deg, rgb(193, 234, 207) 0.0%, rgb(160, 222, 207) 100.0%);
687
686
  --inverse-overlay-gradient: linear-gradient(180.00deg, rgb(255, 255, 255) 0%, rgba(255, 255, 255, 0) 100%);
688
687
  --personas-pink-surface-accent-gradient: linear-gradient(180.00deg, rgb(222, 113, 113) 0.0%, rgb(208, 79, 79) 100.0%);
689
688
  --on-light-personas-olive-surface-accent-gradient: linear-gradient(180.00deg, rgb(147, 203, 146) 0.0%, rgb(115, 179, 114) 100.0%);
@@ -691,19 +690,19 @@
691
690
  --on-light-text-accent-gradient-a-i: linear-gradient(135.00deg, rgb(179, 49, 208) 8.0%, rgb(109, 78, 223) 56.0%, rgb(31, 185, 224) 100.0%);
692
691
  --light-background-gradient: linear-gradient(135.00deg, rgb(193, 234, 207) 0.0%, rgb(160, 222, 207) 100.0%);
693
692
  --surface-skeleton-gradient: linear-gradient(90deg, #FFFFFF00 0.0%, #FFFFFF3D 50.4%, #FFFFFF00 100.0%, #FFFFFF00 100.0%);
694
- --overlay-gradient: linear-gradient(180.00deg, rgb(255, 255, 255) 0%, rgba(255, 255, 255, 0) 100%);
695
- --on-dark-overlay-gradient: linear-gradient(180deg, #000000 0.0%, #000000 100.0%);
693
+ --overlay-gradient: linear-gradient(180.00deg, rgb(0, 0, 0) 0%, rgba(0, 0, 0, 0) 100%);
694
+ --on-dark-overlay-gradient: linear-gradient(180.00deg, rgb(0, 0, 0) 0%, rgba(0, 0, 0, 0) 100%);
695
+ --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%);
696
696
  --background-gradient: linear-gradient(135.00deg, rgb(2, 20, 9) 0.0%, rgb(20, 20, 19) 100.0%);
697
697
  --on-dark-personas-violet-surface-accent-gradient: linear-gradient(180.00deg, rgb(177, 76, 194) 0.0%, rgb(158, 50, 175) 100.0%);
698
698
  --inverse-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%);
699
- --on-light-personas-ochre-surface-accent-gradient: linear-gradient(180.00deg, rgb(248, 165, 133) 0.0%, rgb(228, 118, 76) 100.0%);
700
699
  --surface-accent-gradient-secondary: linear-gradient(90.00deg, rgb(11, 166, 134) 0.0%, rgb(9, 133, 107) 100.0%);
701
- --inverse-personas-green-surface-accent-gradient: linear-gradient(180.00deg, rgb(26, 158, 127) 0.0%, rgb(3, 135, 104) 100.0%);
700
+ --inverse-personas-green-surface-accent-gradient: linear-gradient(180.00deg, rgb(121, 215, 192) 0.0%, rgb(80, 184, 159) 100.0%);
702
701
  --personas-ochre-surface-accent-gradient: linear-gradient(180.00deg, rgb(229, 128, 66) 0.0%, rgb(199, 90, 23) 100.0%);
703
- --inverse-outline-white-gradient: linear-gradient(135.00deg, rgb(255, 255, 255) 0.0%, rgba(255, 255, 255, 0.16) 36.0%, rgba(255, 255, 255, 0.16) 66.0%, rgba(255, 255, 255, 0.8) 100.0%);
702
+ --inverse-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%);
704
703
  --on-light-personas-violet-surface-accent-gradient: linear-gradient(180.00deg, rgb(225, 157, 237) 0.0%, rgb(198, 122, 212) 100.0%);
705
704
  --personas-violet-surface-accent-gradient: linear-gradient(180.00deg, rgb(177, 76, 194) 0.0%, rgb(158, 50, 175) 100.0%);
706
- --on-dark-outline-white-gradient: linear-gradient(135.00deg, rgba(255, 255, 255, 0.8) 0.0%, rgba(255, 255, 255, 0.16) 36.0%, rgba(255, 255, 255, 0.16) 66.0%, rgba(255, 255, 255, 0.6) 100.0%);
705
+ --on-dark-outline-white-gradient: linear-gradient(135.00deg, rgba(255, 255, 255, 0.8) 0%, rgba(255, 255, 255, 0.16) 36.746%, rgba(255, 255, 255, 0.16) 66.734%, rgba(255, 255, 255, 0.6) 100%);
707
706
  --inverse-personas-blue-surface-accent-gradient: linear-gradient(180.00deg, rgb(121, 179, 242) 0.0%, rgb(93, 153, 219) 100.0%);
708
707
  --on-light-personas-sea-blue-surface-accent-gradient: linear-gradient(180.00deg, rgb(153, 215, 217) 0.0%, rgb(116, 198, 200) 100.0%);
709
708
  --inverse-personas-olive-surface-accent-gradient: linear-gradient(180.00deg, rgb(147, 203, 146) 0.0%, rgb(115, 179, 114) 100.0%);
@@ -717,10 +716,11 @@
717
716
  --personas-indigo-surface-accent-gradient: linear-gradient(180.00deg, rgb(135, 77, 207) 0.0%, rgb(113, 51, 190) 100.0%);
718
717
  --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%);
719
718
  --on-dark-surface-accent-gradient-secondary: linear-gradient(90.00deg, rgb(11, 166, 134) 0.0%, rgb(9, 133, 107) 100.0%);
720
- --personas-blue-surface-accent-gradient: linear-gradient(180.00deg, rgb(121, 179, 242) 0.0%, rgb(93, 153, 219) 100.0%);
719
+ --personas-blue-surface-accent-gradient: linear-gradient(180.00deg, rgb(47, 130, 217) 0.0%, rgb(16, 99, 186) 100.0%);
721
720
  --inverse-personas-violet-surface-accent-gradient: linear-gradient(180.00deg, rgb(225, 157, 237) 0.0%, rgb(198, 122, 212) 100.0%);
722
721
  --on-light-surface-accent-gradient-secondary: linear-gradient(90.00deg, rgb(11, 166, 134) 0.0%, rgb(9, 133, 107) 100.0%);
723
722
  --on-light-personas-green-surface-accent-gradient: linear-gradient(180.00deg, rgb(121, 215, 192) 0.0%, rgb(80, 184, 159) 100.0%);
723
+ --on-light-personas-ochre-surface-accent-gradient: linear-gradient(180.00deg, rgb(248, 165, 133) 0.0%, rgb(228, 118, 76) 100.0%);
724
724
  --on-dark-personas-olive-surface-accent-gradient: linear-gradient(180.00deg, rgb(33, 150, 31) 0.0%, rgb(18, 114, 16) 100.0%);
725
725
  --surface-accent-gradient: linear-gradient(180.00deg, rgb(129, 211, 192) 0.0%, rgb(29, 145, 88) 100.0%);
726
726
  --surface-accent-minor-gradient: linear-gradient(135.00deg, rgb(3, 67, 37) 0.0%, rgba(1, 24, 21, 0.98) 100.0%);
@@ -734,24 +734,23 @@
734
734
 
735
735
  :root {
736
736
  --shadow-down-hard-s: 0rem 0.25rem 0.75rem -0.1875rem #08080829, 0rem 0.0625rem 0.25rem -0.125rem #00000014;
737
- --shadow-down-soft-l: 0rem 3.75rem 7rem -0.5rem #00000014;
738
737
  --shadow-down-soft-s: 0rem 0.25rem 0.875rem -0.25rem #08080814, 0rem 0.0625rem 0.25rem -0.0625rem #0000000A;
739
738
  --shadow-down-soft-m: 0rem 1.5rem 3rem -0.5rem #00000014;
739
+ --shadow-down-soft-l: 0rem 3.75rem 7rem -0.5rem #00000014;
740
740
  --shadow-down-hard-m: 0rem 1rem 2rem -0.5rem #0000003D;
741
741
  --shadow-down-hard-l: 0rem 3.75rem 7rem -0.5rem #00000066;
742
- --shadow-up-hard-s: 0rem -0.25rem 0.75rem -0.1875rem #08080833, 0rem -0.0625rem 0.25rem -0.0625rem #00000008;
743
742
  --shadow-up-hard-m: 0rem -1rem 2rem -0.5rem #0000003D;
744
743
  --shadow-up-hard-l: 0rem -3.75rem 7rem -0.5rem #00000066;
745
744
  --shadow-up-soft-s: 0rem -0.25rem 0.875rem -0.25rem #08080814, 0rem -0.0625rem 0.25rem -0.0625rem #00000008;
746
745
  --shadow-up-soft-m: 0rem -1.5rem 3rem -0.5rem #00000014;
747
746
  --shadow-up-soft-l: 0rem -3.75rem 7rem -0.5rem #00000014;
747
+ --shadow-up-hard-s: 0rem -0.25rem 0.75rem -0.1875rem #08080833, 0rem -0.0625rem 0.25rem -0.0625rem #00000008;
748
748
  }
749
749
 
750
750
  :root {
751
751
  --border-radius-4xl: 2rem;
752
- --border-radius-5xl: 2.5rem;
753
752
  --border-radius-3xl: 1.75rem;
754
- --border-radius-xxs: 0.25rem;
753
+ --border-radius-5xl: 2.5rem;
755
754
  --border-radius-xs: 0.375rem;
756
755
  --border-radius-xxl: 1.5rem;
757
756
  --border-radius-s: 0.5rem;
@@ -759,11 +758,11 @@
759
758
  --border-radius-circle: 100rem;
760
759
  --border-radius-m: 0.75rem;
761
760
  --border-radius-l: 1rem;
761
+ --border-radius-xxs: 0.25rem;
762
762
  }
763
763
 
764
764
  :root {
765
765
  --spacing-16x: 2rem;
766
- --spacing-10x: 1.25rem;
767
766
  --spacing-12x: 1.5rem;
768
767
  --spacing-20x: 2.5rem;
769
768
  --spacing-24x: 3rem;
@@ -777,6 +776,7 @@
777
776
  --spacing-3x: 0.375rem;
778
777
  --spacing-6x: 0.75rem;
779
778
  --spacing-8x: 1rem;
779
+ --spacing-10x: 1.25rem;
780
780
  }
781
781
 
782
782
  :root {
@@ -793,9 +793,6 @@
793
793
  --plasma-typo-h2-medium-font-family: var(--plasma-typo-display-font-family);
794
794
  --plasma-typo-h2-medium-letter-spacing: normal;
795
795
  --plasma-typo-h2-medium-font-style: normal;
796
- --plasma-typo-dspl-s-font-family: var(--plasma-typo-display-font-family);
797
- --plasma-typo-dspl-s-letter-spacing: normal;
798
- --plasma-typo-dspl-s-font-style: normal;
799
796
  --plasma-typo-dspl-s-bold-font-family: var(--plasma-typo-display-font-family);
800
797
  --plasma-typo-dspl-s-bold-letter-spacing: normal;
801
798
  --plasma-typo-dspl-s-bold-font-style: normal;
@@ -829,6 +826,9 @@
829
826
  --plasma-typo-h4-font-family: var(--plasma-typo-display-font-family);
830
827
  --plasma-typo-h4-letter-spacing: normal;
831
828
  --plasma-typo-h4-font-style: normal;
829
+ --plasma-typo-dspl-s-font-family: var(--plasma-typo-display-font-family);
830
+ --plasma-typo-dspl-s-letter-spacing: normal;
831
+ --plasma-typo-dspl-s-font-style: normal;
832
832
  --plasma-typo-h4-bold-font-family: var(--plasma-typo-display-font-family);
833
833
  --plasma-typo-h4-bold-letter-spacing: normal;
834
834
  --plasma-typo-h4-bold-font-style: normal;
@@ -923,9 +923,6 @@
923
923
  --plasma-typo-h2-medium-font-size: 1.375rem;
924
924
  --plasma-typo-h2-medium-font-weight: 500;
925
925
  --plasma-typo-h2-medium-line-height: 1.75rem;
926
- --plasma-typo-dspl-s-font-size: 2.125rem;
927
- --plasma-typo-dspl-s-font-weight: 400;
928
- --plasma-typo-dspl-s-line-height: 2.5625rem;
929
926
  --plasma-typo-dspl-s-bold-font-size: 2.125rem;
930
927
  --plasma-typo-dspl-s-bold-font-weight: 700;
931
928
  --plasma-typo-dspl-s-bold-line-height: 2.5625rem;
@@ -959,6 +956,9 @@
959
956
  --plasma-typo-h4-font-size: 1rem;
960
957
  --plasma-typo-h4-font-weight: 400;
961
958
  --plasma-typo-h4-line-height: 1.25rem;
959
+ --plasma-typo-dspl-s-font-size: 2.125rem;
960
+ --plasma-typo-dspl-s-font-weight: 400;
961
+ --plasma-typo-dspl-s-line-height: 2.5625rem;
962
962
  --plasma-typo-h4-bold-font-size: 1rem;
963
963
  --plasma-typo-h4-bold-font-weight: 700;
964
964
  --plasma-typo-h4-bold-line-height: 1.25rem;
@@ -1138,6 +1138,15 @@
1138
1138
  --plasma-typo-body-xxs-medium-font-size: 0.6875rem;
1139
1139
  --plasma-typo-body-xxs-medium-font-weight: 500;
1140
1140
  --plasma-typo-body-xxs-medium-line-height: 0.8125rem;
1141
+ --plasma-typo-text-l-font-size: 1.25rem;
1142
+ --plasma-typo-text-l-font-weight: 400;
1143
+ --plasma-typo-text-l-line-height: 1.75rem;
1144
+ --plasma-typo-text-l-bold-font-size: 1.25rem;
1145
+ --plasma-typo-text-l-bold-font-weight: 600;
1146
+ --plasma-typo-text-l-bold-line-height: 1.75rem;
1147
+ --plasma-typo-text-l-medium-font-size: 1.25rem;
1148
+ --plasma-typo-text-l-medium-font-weight: 500;
1149
+ --plasma-typo-text-l-medium-line-height: 1.75rem;
1141
1150
  --plasma-typo-text-m-bold-font-size: 1rem;
1142
1151
  --plasma-typo-text-m-bold-font-weight: 600;
1143
1152
  --plasma-typo-text-m-bold-line-height: 1.5rem;
@@ -1165,15 +1174,6 @@
1165
1174
  --plasma-typo-text-m-font-size: 1rem;
1166
1175
  --plasma-typo-text-m-font-weight: 400;
1167
1176
  --plasma-typo-text-m-line-height: 1.5rem;
1168
- --plasma-typo-text-l-font-size: 1.25rem;
1169
- --plasma-typo-text-l-font-weight: 400;
1170
- --plasma-typo-text-l-line-height: 1.75rem;
1171
- --plasma-typo-text-l-bold-font-size: 1.25rem;
1172
- --plasma-typo-text-l-bold-font-weight: 600;
1173
- --plasma-typo-text-l-bold-line-height: 1.75rem;
1174
- --plasma-typo-text-l-medium-font-size: 1.25rem;
1175
- --plasma-typo-text-l-medium-font-weight: 500;
1176
- --plasma-typo-text-l-medium-line-height: 1.75rem;
1177
1177
  }
1178
1178
  }
1179
1179
 
@@ -1188,6 +1188,15 @@
1188
1188
  --plasma-typo-dspl-s-medium-font-size: 2.125rem;
1189
1189
  --plasma-typo-dspl-s-medium-font-weight: 500;
1190
1190
  --plasma-typo-dspl-s-medium-line-height: 2.5625rem;
1191
+ --plasma-typo-h3-bold-font-size: 1.25rem;
1192
+ --plasma-typo-h3-bold-font-weight: 700;
1193
+ --plasma-typo-h3-bold-line-height: 1.4375rem;
1194
+ --plasma-typo-h3-medium-font-size: 1.25rem;
1195
+ --plasma-typo-h3-medium-font-weight: 500;
1196
+ --plasma-typo-h3-medium-line-height: 1.4375rem;
1197
+ --plasma-typo-h4-font-size: 1.25rem;
1198
+ --plasma-typo-h4-font-weight: 400;
1199
+ --plasma-typo-h4-line-height: 1.625rem;
1191
1200
  --plasma-typo-h4-bold-font-size: 1rem;
1192
1201
  --plasma-typo-h4-bold-font-weight: 700;
1193
1202
  --plasma-typo-h4-bold-line-height: 1.25rem;
@@ -1239,21 +1248,6 @@
1239
1248
  --plasma-typo-h3-font-size: 1.25rem;
1240
1249
  --plasma-typo-h3-font-weight: 400;
1241
1250
  --plasma-typo-h3-line-height: 1.4375rem;
1242
- --plasma-typo-h3-bold-font-size: 1.25rem;
1243
- --plasma-typo-h3-bold-font-weight: 700;
1244
- --plasma-typo-h3-bold-line-height: 1.4375rem;
1245
- --plasma-typo-h3-medium-font-size: 1.25rem;
1246
- --plasma-typo-h3-medium-font-weight: 500;
1247
- --plasma-typo-h3-medium-line-height: 1.4375rem;
1248
- --plasma-typo-h4-font-size: 1.25rem;
1249
- --plasma-typo-h4-font-weight: 400;
1250
- --plasma-typo-h4-line-height: 1.625rem;
1251
- --plasma-typo-text-l-font-size: 1.5rem;
1252
- --plasma-typo-text-l-font-weight: 400;
1253
- --plasma-typo-text-l-line-height: 2rem;
1254
- --plasma-typo-text-l-bold-font-size: 1.5rem;
1255
- --plasma-typo-text-l-bold-font-weight: 600;
1256
- --plasma-typo-text-l-bold-line-height: 2rem;
1257
1251
  --plasma-typo-text-xs-font-size: 0.75rem;
1258
1252
  --plasma-typo-text-xs-font-weight: 400;
1259
1253
  --plasma-typo-text-xs-line-height: 1rem;
@@ -1305,5 +1299,11 @@
1305
1299
  --plasma-typo-body-xxs-medium-font-size: 0.625rem;
1306
1300
  --plasma-typo-body-xxs-medium-font-weight: 500;
1307
1301
  --plasma-typo-body-xxs-medium-line-height: 0.75rem;
1302
+ --plasma-typo-text-l-font-size: 1.5rem;
1303
+ --plasma-typo-text-l-font-weight: 400;
1304
+ --plasma-typo-text-l-line-height: 2rem;
1305
+ --plasma-typo-text-l-bold-font-size: 1.5rem;
1306
+ --plasma-typo-text-l-bold-font-weight: 600;
1307
+ --plasma-typo-text-l-bold-line-height: 2rem;
1308
1308
  }
1309
1309
  }