@salutejs-ds/sdds_sbcom 0.1.11 → 0.1.13

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 (106) hide show
  1. package/components/Button/Button.config.d.ts +4 -4
  2. package/components/Button/Button.config.js +7 -7
  3. package/components/Button/Button.config.js.map +1 -1
  4. package/components/Button/Button.config_1nf8fsa.css +10 -0
  5. package/components/Button/Button.css +9 -9
  6. package/components/Button/Button.d.ts +4 -4
  7. package/components/Checkbox/Checkbox.config.d.ts +3 -3
  8. package/components/Checkbox/Checkbox.config.js +5 -5
  9. package/components/Checkbox/Checkbox.config.js.map +1 -1
  10. package/components/Checkbox/Checkbox.config_1pgnntn.css +6 -0
  11. package/components/Checkbox/Checkbox.css +6 -6
  12. package/components/Checkbox/Checkbox.d.ts +3 -3
  13. package/components/Counter/Counter.config.d.ts +2 -2
  14. package/components/Counter/Counter.config.js +7 -7
  15. package/components/Counter/Counter.config.js.map +1 -1
  16. package/components/Counter/Counter.config_ebr9b5.css +11 -0
  17. package/components/Counter/Counter.css +10 -10
  18. package/components/Counter/Counter.d.ts +2 -2
  19. package/components/IconButton/IconButton.config.d.ts +2 -2
  20. package/components/IconButton/IconButton.config.js +5 -5
  21. package/components/IconButton/IconButton.config.js.map +1 -1
  22. package/components/IconButton/IconButton.config_145mdq5.css +9 -0
  23. package/components/IconButton/IconButton.css +8 -8
  24. package/components/IconButton/IconButton.d.ts +2 -2
  25. package/components/Link/Link.config.d.ts +2 -2
  26. package/components/Link/Link.config.js +6 -6
  27. package/components/Link/Link.config.js.map +1 -1
  28. package/components/Link/Link.config_1y1mon9.css +8 -0
  29. package/components/Link/Link.css +8 -8
  30. package/components/Link/Link.d.ts +2 -2
  31. package/components/Radiobox/Radiobox.config.d.ts +1 -1
  32. package/components/Radiobox/Radiobox.config.js +3 -3
  33. package/components/Radiobox/Radiobox.config.js.map +1 -1
  34. package/components/Radiobox/Radiobox.config_jinig9.css +6 -0
  35. package/components/Radiobox/Radiobox.css +6 -6
  36. package/components/Radiobox/Radiobox.d.ts +1 -1
  37. package/css/sdds_sbcom.module.css +185 -177
  38. package/css/sdds_sbcom__dark.css +120 -116
  39. package/css/sdds_sbcom__light.css +120 -116
  40. package/es/components/Button/Button.config.js +7 -7
  41. package/es/components/Button/Button.config.js.map +1 -1
  42. package/es/components/Button/Button.config_1nf8fsa.css +10 -0
  43. package/es/components/Button/Button.css +9 -9
  44. package/es/components/Checkbox/Checkbox.config.js +5 -5
  45. package/es/components/Checkbox/Checkbox.config.js.map +1 -1
  46. package/es/components/Checkbox/Checkbox.config_1pgnntn.css +6 -0
  47. package/es/components/Checkbox/Checkbox.css +6 -6
  48. package/es/components/Counter/Counter.config.js +7 -7
  49. package/es/components/Counter/Counter.config.js.map +1 -1
  50. package/es/components/Counter/Counter.config_ebr9b5.css +11 -0
  51. package/es/components/Counter/Counter.css +10 -10
  52. package/es/components/IconButton/IconButton.config.js +5 -5
  53. package/es/components/IconButton/IconButton.config.js.map +1 -1
  54. package/es/components/IconButton/IconButton.config_145mdq5.css +9 -0
  55. package/es/components/IconButton/IconButton.css +8 -8
  56. package/es/components/Link/Link.config.js +6 -6
  57. package/es/components/Link/Link.config.js.map +1 -1
  58. package/es/components/Link/Link.config_1y1mon9.css +8 -0
  59. package/es/components/Link/Link.css +8 -8
  60. package/es/components/Radiobox/Radiobox.config.js +3 -3
  61. package/es/components/Radiobox/Radiobox.config.js.map +1 -1
  62. package/es/components/Radiobox/Radiobox.config_jinig9.css +6 -0
  63. package/es/components/Radiobox/Radiobox.css +6 -6
  64. package/es/index.css +55 -55
  65. package/es/index.js +1 -1
  66. package/es/theme/themes/sdds_sbcom__dark.js +1 -1
  67. package/es/theme/themes/sdds_sbcom__dark.js.map +1 -1
  68. package/es/theme/themes/sdds_sbcom__light.js +1 -1
  69. package/es/theme/themes/sdds_sbcom__light.js.map +1 -1
  70. package/es/theme/tokens/index.js +227 -215
  71. package/es/theme/tokens/index.js.map +1 -1
  72. package/index.css +55 -55
  73. package/index.js +4 -0
  74. package/index.js.map +1 -1
  75. package/package.json +1 -1
  76. package/styled-components/cjs/Button/Button.config.js +9 -9
  77. package/styled-components/cjs/Checkbox/Checkbox.config.js +5 -5
  78. package/styled-components/cjs/Counter/Counter.config.js +8 -8
  79. package/styled-components/cjs/IconButton/IconButton.config.js +6 -6
  80. package/styled-components/cjs/Link/Link.config.js +6 -6
  81. package/styled-components/cjs/Radiobox/Radiobox.config.js +6 -6
  82. package/styled-components/es/Button/Button.config.js +9 -9
  83. package/styled-components/es/Checkbox/Checkbox.config.js +5 -5
  84. package/styled-components/es/Counter/Counter.config.js +8 -8
  85. package/styled-components/es/IconButton/IconButton.config.js +6 -6
  86. package/styled-components/es/Link/Link.config.js +6 -6
  87. package/styled-components/es/Radiobox/Radiobox.config.js +6 -6
  88. package/theme/themes/sdds_sbcom__dark.js +1 -1
  89. package/theme/themes/sdds_sbcom__dark.js.map +1 -1
  90. package/theme/themes/sdds_sbcom__light.js +1 -1
  91. package/theme/themes/sdds_sbcom__light.js.map +1 -1
  92. package/theme/tokens/index.d.ts +167 -159
  93. package/theme/tokens/index.js +230 -214
  94. package/theme/tokens/index.js.map +1 -1
  95. package/components/Button/Button.config_1hraf1c.css +0 -10
  96. package/components/Checkbox/Checkbox.config_eljryy.css +0 -6
  97. package/components/Counter/Counter.config_1v7pqtf.css +0 -11
  98. package/components/IconButton/IconButton.config_16whlcu.css +0 -9
  99. package/components/Link/Link.config_16czjeg.css +0 -8
  100. package/components/Radiobox/Radiobox.config_1x0ncs8.css +0 -6
  101. package/es/components/Button/Button.config_1hraf1c.css +0 -10
  102. package/es/components/Checkbox/Checkbox.config_eljryy.css +0 -6
  103. package/es/components/Counter/Counter.config_1v7pqtf.css +0 -11
  104. package/es/components/IconButton/IconButton.config_16whlcu.css +0 -9
  105. package/es/components/Link/Link.config_16czjeg.css +0 -8
  106. package/es/components/Radiobox/Radiobox.config_1x0ncs8.css +0 -6
package/css/sdds_sbcom.module.css CHANGED
@@ -2,7 +2,6 @@
2
2
 
3
3
  .dark {
4
4
  --on-dark-personas-green-text-accent: #6CD5BB;
5
- --on-dark-personas-ochre-text-accent-hover: #F7C8B6FF;
6
5
  --surface-transparent-accent-minor-hover: #0BA88866;
7
6
  --on-light-outline-primary-hover: #ADA39FFF;
8
7
  --inverse-outline-default-active: #E6E6E6FF;
@@ -17,7 +16,7 @@
17
16
  --personas-sea-blue-text-accent-hover: #00C5CCFF;
18
17
  --inverse-surface-accent-secondary-hover: #50C3A8FF;
19
18
  --on-light-surface-accent-secondary-active: #3CAF94FF;
20
- --surface-transparent-navi-active: #FFFFFF8A;
19
+ --surface-transparent-navi-active: #2424248A;
21
20
  --on-light-surface-transparent-accent-minor-active: #0BA88852;
22
21
  --on-light-personas-green-text-accent-active: #04AF87FF;
23
22
  --outline-default-active: #666666FF;
@@ -29,12 +28,10 @@
29
28
  --on-light-personas-olive-text-accent-active: #179315FF;
30
29
  --on-light-personas-violet-text-accent-active: #81288FFF;
31
30
  --on-light-personas-ochre-text-accent-active: #AA4A0EFF;
32
- --on-dark-personas-indigo-text-accent-active: #AA73F2FF;
33
31
  --on-dark-surface-accent-secondary-hover: #70CDB7FF;
34
32
  --inverse-personas-green-text-accent-hover: #8CDECAFF;
35
33
  --on-light-personas-pink-text-accent-hover: #E47777FF;
36
34
  --surface-accent-secondary-hover: #70CDB7FF;
37
- --personas-pink-text-accent-hover: #E26E6EFF;
38
35
  --personas-pink-text-accent-active: #D83B3BFF;
39
36
  --personas-indigo-text-accent-hover: #E8DAFCFF;
40
37
  --on-dark-personas-violet-text-accent-hover: #E9B6F2FF;
@@ -52,17 +49,17 @@
52
49
  --inverse-background-hardline: #000000;
53
50
  --on-dark-surface-transparent-accent-minor-active: #0BA88838;
54
51
  --on-dark-personas-sea-blue-text-accent-hover: #FFFFFFFF;
55
- --surface-transparent-navi: #FFFFFF99;
52
+ --surface-transparent-navi: #23232399;
56
53
  --on-light-surface-accent-secondary: #41BDA1;
57
54
  --personas-violet-text-accent-active: #892B97FF;
58
55
  --personas-blue-text-accent-hover: #C3DDF9FF;
59
56
  --outline-default: #FFFFFF;
60
57
  --text-primary-brightness-active: #FAFAFAC4;
61
- --surface-transparent-card-brightness-hover: #FAFAFA1F;
62
- --surface-transparent-card-brightness-active: #FAFAFA0A;
63
58
  --surface-solid-card-brightness-hover: #303030FF;
59
+ --surface-transparent-card-brightness-hover: #FAFAFA1F;
64
60
  --surface-solid-card-brightness-active: #212121FF;
65
61
  --surface-solid-primary-brightness-hover: #303030FF;
62
+ --surface-transparent-card-brightness-active: #FAFAFA0A;
66
63
  --on-dark-surface-solid-primary-brightness-active: #212121FF;
67
64
  --on-dark-surface-transparent-card-brightness-hover: #FAFAFA1F;
68
65
  --on-dark-surface-transparent-card-brightness-active: #FAFAFA0A;
@@ -91,7 +88,6 @@
91
88
  --inverse-surface-solid-primary-brightness-hover: #FFFFFFFF;
92
89
  --inverse-surface-solid-primary-brightness-active: #FFFFFFFF;
93
90
  --inverse-surface-transparent-card-brightness-hover: #FFFFFFFF;
94
- --on-light-outline-warning-active: #A3420AFF;
95
91
  --on-light-personas-violet-text-accent: #9E32AF;
96
92
  --on-light-personas-ochre-text-accent: #D15A11;
97
93
  --on-dark-personas-indigo-text-accent: #BD91F5;
@@ -105,24 +101,21 @@
105
101
  --inverse-surface-solid-tertiary: #FFFFFF;
106
102
  --on-light-surface-accent-minor: #D0F2E9;
107
103
  --inverse-surface-transparent-card-brightness-active: #FFFFFFFF;
108
- --on-light-surface-accent-minor-hover: #C7F0E5FF;
104
+ --on-light-outline-warning-active: #A3420AFF;
109
105
  --inverse-surface-accent-minor: #D0F2E9;
110
106
  --inverse-surface-solid-card-brightness-active: #FFFFFFFF;
111
107
  --on-dark-surface-accent-minor-hover: #055C4CFF;
112
- --on-dark-personas-violet-text-accent: #E19DED;
113
- --on-light-surface-transparent-navi: #FFFFFF99;
108
+ --on-light-surface-accent-minor-hover: #C7F0E5FF;
114
109
  --on-dark-personas-blue-text-accent: #79B3F2;
115
110
  --on-light-personas-indigo-text-accent: #7133BE;
116
111
  --on-light-personas-sea-blue-text-accent: #00898D;
117
112
  --inverse-personas-olive-text-accent: #127210;
118
113
  --personas-ochre-text-accent: #F4B49B;
119
114
  --on-dark-surface-transparent-accent-minor: #0BA68647;
120
- --on-light-text-warning-active: #6F2D06FF;
115
+ --on-dark-personas-violet-text-accent: #E19DED;
116
+ --on-light-surface-transparent-navi: #FFFFFF99;
121
117
  --on-dark-personas-sea-blue-text-accent: #7BC8C8;
122
118
  --on-dark-personas-green-text-accent-hover: #84DCC6FF;
123
- --on-light-outline-primary-active: #C4BEBAFF;
124
- --inverse-personas-blue-text-accent-active: #0D4F96FF;
125
- --inverse-surface-transparent-accent-minor-active: #0BA8885C;
126
119
  --on-light-personas-blue-text-accent-active: #0D4F96FF;
127
120
  --on-light-outline-default-active: #E6E6E6FF;
128
121
  --personas-green-text-accent-active: #03A57FFF;
@@ -149,20 +142,18 @@
149
142
  --on-light-personas-green-text-accent: #038768;
150
143
  --text-primary-brightness-hover: #FAFAFA93;
151
144
  --on-dark-text-primary-brightness-hover: #FAFAFA93;
152
- --personas-violet-text-accent: #9E32AF;
153
- --on-dark-personas-green-text-accent-active: #54CFB0FF;
154
- --on-dark-personas-ochre-text-accent-active: #F19F7EFF;
155
- --surface-transparent-accent-minor-active: #0BA88838;
156
- --inverse-outline-default-hover: #CCCCCCFF;
145
+ --on-light-text-warning-active: #6F2D06FF;
146
+ --on-light-outline-primary-active: #C4BEBAFF;
147
+ --inverse-personas-blue-text-accent-active: #0D4F96FF;
148
+ --inverse-surface-transparent-accent-minor-active: #0BA8885C;
157
149
  --inverse-personas-sea-blue-text-accent-hover: #000000FF;
158
150
  --inverse-personas-blue-text-accent-hover: #1477E1FF;
159
151
  --inverse-personas-violet-text-accent-hover: #B740C9FF;
160
152
  --inverse-surface-transparent-accent-minor-hover: #0BA88857;
161
153
  --on-light-personas-blue-text-accent-hover: #1477E1FF;
162
154
  --on-dark-surface-transparent-navi-hover: #242424B8;
163
- --inverse-outline-primary-hover: #ADA39FFF;
164
155
  --on-light-surface-accent-secondary-hover: #50C3A8FF;
165
- --surface-transparent-navi-hover: #FFFFFFB8;
156
+ --surface-transparent-navi-hover: #242424B8;
166
157
  --on-light-surface-transparent-accent-minor-hover: #0BA8884D;
167
158
  --on-light-personas-green-text-accent-hover: #04D7A6FF;
168
159
  --outline-default-hover: #858585FF;
@@ -179,9 +170,25 @@
179
170
  --on-light-personas-ochre-text-accent-hover: #ED6C1DFF;
180
171
  --on-dark-personas-indigo-text-accent-hover: #E8DAFCFF;
181
172
  --on-dark-personas-ochre-text-accent: #F4B49B;
173
+ --on-dark-personas-green-text-accent-active: #54CFB0FF;
174
+ --on-dark-personas-ochre-text-accent-active: #F19F7EFF;
175
+ --surface-transparent-accent-minor-active: #0BA88838;
176
+ --inverse-outline-default-hover: #CCCCCCFF;
177
+ --personas-violet-text-accent: #9E32AF;
178
+ --inverse-outline-primary-hover: #ADA39FFF;
182
179
  --surface-accent-secondary-active: #59C5ACFF;
183
180
  --surface-transparent-accent-minor: #0BA68647;
184
181
  --inverse-personas-sea-blue-text-accent: #7BC8C8;
182
+ --on-dark-personas-pink-text-accent: #F7A4A4;
183
+ --on-light-text-primary-brightness-hover: #17171793;
184
+ --inverse-text-primary-brightness-hover: #17171793;
185
+ --surface-solid-primary-brightness-active: #212121FF;
186
+ --on-dark-surface-solid-primary-brightness-hover: #303030FF;
187
+ --inverse-surface-solid-card-brightness-hover: #FFFFFFFF;
188
+ --personas-pink-text-accent: #DE5555;
189
+ --personas-blue-text-accent: #79B3F2;
190
+ --personas-sea-blue-text-accent: #00898D;
191
+ --personas-violet-text-accent-hover: #B438C7FF;
185
192
  --background-hardline: #000000;
186
193
  --inverse-personas-blue-text-accent: #1063BA;
187
194
  --inverse-personas-violet-text-accent: #9E32AF;
@@ -192,25 +199,16 @@
192
199
  --inverse-personas-olive-text-accent-active: #179315FF;
193
200
  --on-dark-outline-default: #383838;
194
201
  --personas-green-text-accent: #038768;
195
- --personas-sea-blue-text-accent: #00898D;
196
- --personas-violet-text-accent-hover: #B438C7FF;
197
202
  --personas-blue-text-accent-active: #5DA3EFFF;
198
203
  --dark-background-hardline: #000000;
199
204
  --on-dark-outline-primary: #3B3735;
200
- --on-dark-personas-pink-text-accent: #F7A4A4;
201
- --on-light-text-primary-brightness-hover: #17171793;
202
- --inverse-text-primary-brightness-hover: #17171793;
203
- --surface-solid-primary-brightness-active: #212121FF;
204
- --on-dark-surface-solid-primary-brightness-hover: #303030FF;
205
- --inverse-surface-solid-card-brightness-hover: #FFFFFFFF;
206
- --personas-pink-text-accent: #DE5555;
207
- --personas-blue-text-accent: #79B3F2;
208
205
  --on-dark-text-primary-brightness-active: #FAFAFAC4;
209
206
  --on-light-text-primary-brightness-active: #171717C4;
210
207
  --inverse-text-primary-brightness-active: #171717C4;
211
208
  --personas-indigo-text-accent: #BD91F5;
212
- --text-paragraph: #F6F2F07A;
213
- --text-paragraph-hover: #F5F1EFFF;
209
+ --on-dark-personas-ochre-text-accent-hover: #F7C8B6FF;
210
+ --on-dark-personas-indigo-text-accent-active: #AA73F2FF;
211
+ --personas-pink-text-accent-hover: #E26E6EFF;
214
212
  --text-paragraph-active: #F5F1EF93;
215
213
  --text-accent: #61C8B0;
216
214
  --text-accent-hover: #77CFBBFF;
@@ -238,8 +236,8 @@
238
236
  --text-tertiary-hover: #F5F1EFFF;
239
237
  --text-tertiary-active: #F5F1EF49;
240
238
  --text-primary-brightness: #FAFAFAF5;
241
- --on-dark-text-paragraph: #F6F2F07A;
242
- --on-dark-text-paragraph-hover: #F5F1EFFF;
239
+ --text-paragraph: #F6F2F07A;
240
+ --text-paragraph-hover: #F5F1EFFF;
243
241
  --on-dark-text-paragraph-active: #F5F1EF93;
244
242
  --on-dark-text-accent: #61C8B0ED;
245
243
  --on-dark-text-accent-hover: #60C7AF8E;
@@ -268,8 +266,8 @@
268
266
  --on-dark-text-tertiary-hover: #F5F1EFFF;
269
267
  --on-dark-text-secondary-active: #F5F1EFC4;
270
268
  --on-dark-text-primary-hover: #FFFFFF97;
271
- --on-light-text-primary-hover: #15110F97;
272
- --on-light-text-primary-active: #15110FCA;
269
+ --on-dark-text-paragraph: #F6F2F07A;
270
+ --on-dark-text-paragraph-hover: #F5F1EFFF;
273
271
  --on-light-text-primary-brightness: #171717F5;
274
272
  --on-light-text-secondary: #15110FA3;
275
273
  --on-light-text-secondary-hover: #15110FFF;
@@ -292,6 +290,8 @@
292
290
  --on-light-text-warning: #973C09;
293
291
  --on-light-text-warning-hover: #BC4C0BFF;
294
292
  --on-light-text-primary: #15110FFC;
293
+ --on-light-text-primary-hover: #15110F97;
294
+ --on-light-text-primary-active: #15110FCA;
295
295
  --inverse-text-primary: #15110FFC;
296
296
  --inverse-text-primary-hover: #15110F97;
297
297
  --inverse-text-primary-active: #15110FCA;
@@ -317,8 +317,6 @@
317
317
  --on-light-text-info-hover: #000000FF;
318
318
  --on-light-text-info-active: #194B85FF;
319
319
  --on-light-text-negative-hover: #E3353BFF;
320
- --inverse-text-negative: #D11D23;
321
- --inverse-text-negative-hover: #E3353BFF;
322
320
  --inverse-text-negative-active: #AF181DFF;
323
321
  --inverse-text-info: #205EA5;
324
322
  --inverse-text-info-hover: #000000FF;
@@ -338,8 +336,8 @@
338
336
  --inverse-text-warning: #973C09;
339
337
  --inverse-text-warning-hover: #BC4C0BFF;
340
338
  --inverse-text-positive-active: #185E17FF;
341
- --surface-transparent-secondary: #FFFFFF29;
342
- --surface-transparent-secondary-hover: #FFFFFF47;
339
+ --inverse-text-negative: #D11D23;
340
+ --inverse-text-negative-hover: #E3353BFF;
343
341
  --surface-transparent-secondary-active: #FFFFFF1A;
344
342
  --surface-transparent-tertiary: #FFFFFF3D;
345
343
  --surface-transparent-tertiary-hover: #FFFFFF5C;
@@ -372,8 +370,8 @@
372
370
  --surface-solid-default-active: #F2ECE9FF;
373
371
  --surface-solid-card-hover: #2E2E2EFF;
374
372
  --surface-transparent-primary-active: #FFFFFF0F;
375
- --surface-warning: #F8AD80;
376
- --surface-warning-hover: #F9BB94FF;
373
+ --surface-transparent-secondary: #FFFFFF29;
374
+ --surface-transparent-secondary-hover: #FFFFFF47;
377
375
  --surface-warning-active: #F8A977FF;
378
376
  --surface-negative: #F8A6A9;
379
377
  --surface-negative-hover: #F9B8BAFF;
@@ -384,6 +382,9 @@
384
382
  --surface-positive-active: #9FCF9BFF;
385
383
  --surface-positive: #A6D2A2;
386
384
  --surface-positive-hover: #B3D9B0FF;
385
+ --surface-warning: #F8AD80;
386
+ --surface-warning-hover: #F9BB94FF;
387
+ --surface-transparent-negative: #F8A6A980;
387
388
  --surface-read-only: #F9F9F905;
388
389
  --surface-read-only-hover: #FAFAFA0F;
389
390
  --surface-read-only-active: #FAFAFA00;
@@ -396,8 +397,6 @@
396
397
  --on-dark-surface-solid-secondary-active: #242424FF;
397
398
  --on-dark-surface-solid-tertiary: #474747;
398
399
  --on-dark-surface-solid-tertiary-hover: #525252FF;
399
- --on-dark-surface-transparent-secondary: #FFFFFF29;
400
- --on-dark-surface-transparent-secondary-hover: #FFFFFF47;
401
400
  --on-dark-surface-transparent-secondary-active: #FFFFFF1A;
402
401
  --on-dark-surface-transparent-tertiary: #FFFFFF3D;
403
402
  --on-dark-surface-transparent-tertiary-hover: #FFFFFF5C;
@@ -425,6 +424,8 @@
425
424
  --on-dark-surface-transparent-primary-hover: #FFFFFF24;
426
425
  --on-dark-surface-solid-card-hover: #2E2E2EFF;
427
426
  --on-dark-surface-transparent-primary-active: #FFFFFF0F;
427
+ --on-dark-surface-transparent-secondary: #FFFFFF29;
428
+ --on-dark-surface-transparent-secondary-hover: #FFFFFF47;
428
429
  --on-dark-surface-positive: #A6D2A2;
429
430
  --on-dark-surface-positive-hover: #B3D9B0FF;
430
431
  --on-dark-surface-positive-active: #9FCF9BFF;
@@ -452,8 +453,7 @@
452
453
  --on-light-surface-solid-secondary-active: #FFFFFFFF;
453
454
  --on-light-surface-solid-tertiary: #FFFFFF;
454
455
  --on-light-surface-solid-tertiary-hover: #FFFFFFFF;
455
- --on-light-surface-transparent-secondary: #15110F14;
456
- --on-light-surface-transparent-secondary-hover: #15110F1A;
456
+ --on-dark-surface-transparent-negative: #F8A6A980;
457
457
  --on-light-surface-transparent-secondary-active: #15110F1F;
458
458
  --on-light-surface-transparent-tertiary: #15110F1F;
459
459
  --on-light-surface-transparent-tertiary-hover: #15110F2E;
@@ -481,6 +481,8 @@
481
481
  --on-light-surface-solid-default-active: #090706FF;
482
482
  --on-light-surface-solid-card-hover: #FFFFFFFF;
483
483
  --on-light-surface-transparent-primary-active: #15110F0F;
484
+ --on-light-surface-transparent-secondary: #15110F14;
485
+ --on-light-surface-transparent-secondary-hover: #15110F1A;
484
486
  --on-light-surface-positive: #239322;
485
487
  --on-light-surface-positive-hover: #28A126FF;
486
488
  --on-light-surface-positive-active: #20801EFF;
@@ -496,6 +498,7 @@
496
498
  --on-light-surface-transparent-accent-active: #0BA88833;
497
499
  --on-light-surface-transparent-accent: #0BA6861F;
498
500
  --on-light-surface-transparent-accent-hover: #0BA8882E;
501
+ --on-light-surface-transparent-negative: #E8343929;
499
502
  --on-light-surface-read-only: #F9F9F903;
500
503
  --on-light-surface-read-only-hover: #FAFAFA05;
501
504
  --on-light-surface-read-only-active: #FAFAFA08;
@@ -506,8 +509,6 @@
506
509
  --inverse-surface-solid-secondary: #FFFFFF;
507
510
  --inverse-surface-solid-secondary-hover: #FFFFFFFF;
508
511
  --inverse-surface-solid-secondary-active: #FFFFFFFF;
509
- --inverse-surface-transparent-primary-active: #15110F0F;
510
- --inverse-surface-transparent-secondary: #15110F14;
511
512
  --inverse-surface-transparent-secondary-hover: #15110F1A;
512
513
  --inverse-surface-transparent-secondary-active: #15110F1F;
513
514
  --inverse-surface-transparent-tertiary: #15110F1F;
@@ -535,6 +536,8 @@
535
536
  --inverse-surface-solid-default: #15110F;
536
537
  --inverse-surface-transparent-primary: #15110F0A;
537
538
  --inverse-surface-transparent-primary-hover: #15110F0D;
539
+ --inverse-surface-transparent-primary-active: #15110F0F;
540
+ --inverse-surface-transparent-secondary: #15110F14;
538
541
  --inverse-surface-positive: #239322;
539
542
  --inverse-surface-positive-hover: #28A126FF;
540
543
  --inverse-surface-positive-active: #20801EFF;
@@ -553,6 +556,7 @@
553
556
  --inverse-surface-transparent-accent-hover: #0BA8882E;
554
557
  --inverse-surface-transparent-accent-active: #0BA88833;
555
558
  --inverse-surface-accent-active: #099579FF;
559
+ --inverse-surface-transparent-negative: #E8343929;
556
560
  --inverse-surface-read-only: #F9F9F903;
557
561
  --inverse-surface-read-only-hover: #FAFAFA05;
558
562
  --inverse-surface-read-only-active: #FAFAFA08;
@@ -563,8 +567,6 @@
563
567
  --dark-background-secondary: #0F0F0F;
564
568
  --dark-background-tertiary: #141413;
565
569
  --light-background-primary: #EBE7E5;
566
- --on-light-overlay-soft: #0000003D;
567
- --on-light-overlay-hard: #00000052;
568
570
  --inverse-overlay-soft: #0000003D;
569
571
  --inverse-overlay-hard: #00000052;
570
572
  --outline-transparent-primary: #FFFFFF1F;
@@ -579,6 +581,8 @@
579
581
  --on-dark-overlay-soft: #0000001F;
580
582
  --on-dark-overlay-hard: #00000029;
581
583
  --inverse-background-primary: #EBE7E5;
584
+ --on-light-overlay-soft: #0000003D;
585
+ --on-light-overlay-hard: #00000052;
582
586
  --outline-positive: #A6D2A2;
583
587
  --outline-positive-hover: #DBEDD9FF;
584
588
  --outline-positive-active: #92C88DFF;
@@ -633,8 +637,6 @@
633
637
  --inverse-outline-clear: #FFFFFF00;
634
638
  --inverse-outline-clear-hover: #FFFFFF00;
635
639
  --inverse-outline-clear-active: #FFFFFF00;
636
- --inverse-outline-warning: #BE4E0C;
637
- --inverse-outline-warning-hover: #F3813FFF;
638
640
  --inverse-outline-warning-active: #A3420AFF;
639
641
  --inverse-outline-negative: #E83439;
640
642
  --inverse-outline-negative-hover: #F17E82FF;
@@ -645,6 +647,8 @@
645
647
  --inverse-outline-positive-active: #20801EFF;
646
648
  --inverse-outline-positive: #239322;
647
649
  --inverse-outline-positive-hover: #32CA2FFF;
650
+ --inverse-outline-warning: #BE4E0C;
651
+ --inverse-outline-warning-hover: #F3813FFF;
648
652
  --text-primary-hover: #FFFFFF97;
649
653
  --on-dark-surface-solid-default: #F6F2F0;
650
654
  --on-light-surface-accent-minor-active: #BFEDE1FF;
@@ -655,13 +659,9 @@
655
659
 
656
660
  .dark {
657
661
  --on-dark-personas-indigo-surface-accent-gradient: linear-gradient(180.00deg, rgb(135, 77, 207) 0.0%, rgb(113, 51, 190) 100.0%);
658
- --light-background-gradient: linear-gradient(135.00deg, rgb(193, 234, 207) 0.0%, rgb(160, 222, 207) 100.0%);
659
- --surface-skeleton-gradient: linear-gradient(0deg, #FFFFFF 0.0%, #FFFFFF 50.4%, #FFFFFF 100.0%, #FFFFFF 100.0%);
660
662
  --on-dark-personas-violet-surface-accent-gradient: linear-gradient(180.00deg, rgb(177, 76, 194) 0.0%, rgb(158, 50, 175) 100.0%);
661
- --overlay-gradient: linear-gradient(180.00deg, rgb(255, 255, 255) 0%, rgba(255, 255, 255, 0) 100%);
662
663
  --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%);
663
664
  --inverse-surface-skeleton-gradient: linear-gradient(180deg, #080808 0.0%, #080808 10.0%, #080808 20.0%, #080808 25.0%, #080808 30.0%, #080808 40.0%, #080808 50.0%, #080808 60.0%, #080808 70.0%, #080808 75.0%, #080808 80.0%, #080808 90.0%, #080808 100.0%);
664
- --background-gradient: linear-gradient(135.00deg, rgb(2, 20, 9) 0.0%, rgb(20, 20, 19) 100.0%);
665
665
  --on-dark-personas-blue-surface-accent-gradient: linear-gradient(180.00deg, rgb(47, 130, 217) 0.0%, rgb(16, 99, 186) 100.0%);
666
666
  --inverse-personas-indigo-surface-accent-gradient: linear-gradient(180.00deg, rgb(135, 77, 207) 0.0%, rgb(113, 51, 190) 100.0%);
667
667
  --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%);
@@ -679,13 +679,15 @@
679
679
  --on-dark-surface-skeleton-gradient: linear-gradient(0deg, #FFFFFF 0.0%, #FFFFFF 50.4%, #FFFFFF 100.0%, #FFFFFF 100.0%);
680
680
  --inverse-background-gradient: linear-gradient(135.00deg, rgb(2, 20, 9) 0.0%, rgb(20, 20, 19) 100.0%);
681
681
  --inverse-overlay-gradient: linear-gradient(180.00deg, rgb(255, 255, 255) 0%, rgba(255, 255, 255, 0) 100%);
682
- --on-dark-overlay-gradient: linear-gradient(180deg, #000000 0.0%, #000000 100.0%);
683
682
  --personas-pink-surface-accent-gradient: linear-gradient(180.00deg, rgb(222, 113, 113) 0.0%, rgb(208, 79, 79) 100.0%);
684
683
  --on-light-personas-olive-surface-accent-gradient: linear-gradient(180.00deg, rgb(147, 203, 146) 0.0%, rgb(115, 179, 114) 100.0%);
685
684
  --inverse-surface-accent-gradient-secondary: linear-gradient(90.00deg, rgb(11, 166, 134) 0.0%, rgb(9, 133, 107) 100.0%);
686
685
  --on-light-text-accent-gradient-a-i: linear-gradient(135.00deg, rgb(179, 49, 208) 8.0%, rgb(109, 78, 223) 56.0%, rgb(31, 185, 224) 100.0%);
687
- --on-light-surface-accent-gradient-secondary: linear-gradient(90.00deg, rgb(11, 166, 134) 0.0%, rgb(9, 133, 107) 100.0%);
688
- --on-light-personas-green-surface-accent-gradient: linear-gradient(180.00deg, rgb(121, 215, 192) 0.0%, rgb(80, 184, 159) 100.0%);
686
+ --light-background-gradient: linear-gradient(135.00deg, rgb(193, 234, 207) 0.0%, rgb(160, 222, 207) 100.0%);
687
+ --surface-skeleton-gradient: linear-gradient(0deg, #FFFFFF 0.0%, #FFFFFF 50.4%, #FFFFFF 100.0%, #FFFFFF 100.0%);
688
+ --overlay-gradient: linear-gradient(180.00deg, rgb(255, 255, 255) 0%, rgba(255, 255, 255, 0) 100%);
689
+ --on-dark-overlay-gradient: linear-gradient(180deg, #000000 0.0%, #000000 100.0%);
690
+ --background-gradient: linear-gradient(135.00deg, rgb(2, 20, 9) 0.0%, rgb(20, 20, 19) 100.0%);
689
691
  --personas-indigo-surface-accent-gradient: linear-gradient(180.00deg, rgb(135, 77, 207) 0.0%, rgb(113, 51, 190) 100.0%);
690
692
  --on-light-personas-ochre-surface-accent-gradient: linear-gradient(180.00deg, rgb(248, 165, 133) 0.0%, rgb(228, 118, 76) 100.0%);
691
693
  --surface-accent-gradient-secondary: linear-gradient(90.00deg, rgb(11, 166, 134) 0.0%, rgb(9, 133, 107) 100.0%);
@@ -710,6 +712,8 @@
710
712
  --on-dark-surface-accent-gradient-secondary: linear-gradient(90.00deg, rgb(11, 166, 134) 0.0%, rgb(9, 133, 107) 100.0%);
711
713
  --personas-blue-surface-accent-gradient: linear-gradient(180.00deg, rgb(121, 179, 242) 0.0%, rgb(93, 153, 219) 100.0%);
712
714
  --inverse-personas-violet-surface-accent-gradient: linear-gradient(180.00deg, rgb(225, 157, 237) 0.0%, rgb(198, 122, 212) 100.0%);
715
+ --on-light-surface-accent-gradient-secondary: linear-gradient(90.00deg, rgb(11, 166, 134) 0.0%, rgb(9, 133, 107) 100.0%);
716
+ --on-light-personas-green-surface-accent-gradient: linear-gradient(180.00deg, rgb(121, 215, 192) 0.0%, rgb(80, 184, 159) 100.0%);
713
717
  --surface-accent-gradient: linear-gradient(180.00deg, rgb(129, 211, 192) 0.0%, rgb(29, 145, 88) 100.0%);
714
718
  --surface-accent-minor-gradient: linear-gradient(135.00deg, rgb(3, 67, 37) 0.0%, rgba(1, 24, 21, 0.98) 100.0%);
715
719
  --on-dark-surface-accent-gradient: linear-gradient(180.00deg, rgb(129, 211, 192) 0.0%, rgb(29, 145, 88) 100.0%);
@@ -722,7 +726,6 @@
722
726
 
723
727
  .light {
724
728
  --on-dark-personas-green-text-accent: #6CD5BB;
725
- --on-dark-personas-ochre-text-accent-hover: #F7C8B6FF;
726
729
  --surface-transparent-accent-minor-hover: #0BA8884D;
727
730
  --on-light-outline-primary-hover: #ADA39FFF;
728
731
  --inverse-outline-default-active: #292929FF;
@@ -737,7 +740,7 @@
737
740
  --personas-sea-blue-text-accent-hover: #000000FF;
738
741
  --inverse-surface-accent-secondary-hover: #70CDB7FF;
739
742
  --on-light-surface-accent-secondary-active: #3CAF94FF;
740
- --surface-transparent-navi-active: #242424AD;
743
+ --surface-transparent-navi-active: #FFFFFFAD;
741
744
  --on-light-surface-transparent-accent-minor-active: #0BA88852;
742
745
  --on-light-personas-green-text-accent-active: #04AF87FF;
743
746
  --outline-default-active: #6B6B6BFF;
@@ -749,12 +752,10 @@
749
752
  --on-light-personas-olive-text-accent-active: #179315FF;
750
753
  --on-light-personas-violet-text-accent-active: #81288FFF;
751
754
  --on-light-personas-ochre-text-accent-active: #AA4A0EFF;
752
- --on-dark-personas-indigo-text-accent-active: #AA73F2FF;
753
755
  --on-dark-surface-accent-secondary-hover: #70CDB7FF;
754
756
  --inverse-personas-green-text-accent-hover: #04C396FF;
755
757
  --on-light-personas-pink-text-accent-hover: #E47777FF;
756
758
  --surface-accent-secondary-hover: #50C3A8FF;
757
- --personas-pink-text-accent-hover: #FBCBCBFF;
758
759
  --personas-pink-text-accent-active: #F48080FF;
759
760
  --personas-indigo-text-accent-hover: #000000FF;
760
761
  --on-dark-personas-violet-text-accent-hover: #E9B6F2FF;
@@ -772,17 +773,17 @@
772
773
  --inverse-background-hardline: #FFFFFF;
773
774
  --on-dark-surface-transparent-accent-minor-active: #0BA88838;
774
775
  --on-dark-personas-sea-blue-text-accent-hover: #FFFFFFFF;
775
- --surface-transparent-navi: #23232399;
776
+ --surface-transparent-navi: #FFFFFF99;
776
777
  --on-light-surface-accent-secondary: #41BDA1;
777
778
  --personas-violet-text-accent-active: #D679E6FF;
778
779
  --personas-blue-text-accent-hover: #1477E1FF;
779
780
  --outline-default: #383838;
780
781
  --text-primary-brightness-active: #171717C4;
781
- --surface-transparent-card-brightness-hover: #FFFFFFFF;
782
- --surface-transparent-card-brightness-active: #FFFFFFFF;
783
782
  --surface-solid-card-brightness-hover: #FFFFFFFF;
783
+ --surface-transparent-card-brightness-hover: #FFFFFFFF;
784
784
  --surface-solid-card-brightness-active: #FFFFFFFF;
785
785
  --surface-solid-primary-brightness-hover: #FFFFFFFF;
786
+ --surface-transparent-card-brightness-active: #FFFFFFFF;
786
787
  --on-dark-surface-solid-primary-brightness-active: #212121FF;
787
788
  --on-dark-surface-transparent-card-brightness-hover: #FAFAFA1F;
788
789
  --on-dark-surface-transparent-card-brightness-active: #FAFAFA0A;
@@ -811,7 +812,6 @@
811
812
  --inverse-surface-solid-primary-brightness-hover: #303030FF;
812
813
  --inverse-surface-solid-primary-brightness-active: #212121FF;
813
814
  --inverse-surface-transparent-card-brightness-hover: #FAFAFA1F;
814
- --on-light-outline-warning-active: #A3420AFF;
815
815
  --on-light-personas-violet-text-accent: #9E32AF;
816
816
  --on-light-personas-ochre-text-accent: #D15A11;
817
817
  --on-dark-personas-indigo-text-accent: #BD91F5;
@@ -825,24 +825,21 @@
825
825
  --inverse-surface-solid-tertiary: #474747;
826
826
  --on-light-surface-accent-minor: #D0F2E9;
827
827
  --inverse-surface-transparent-card-brightness-active: #FAFAFA0A;
828
- --on-light-surface-accent-minor-hover: #C7F0E5FF;
828
+ --on-light-outline-warning-active: #A3420AFF;
829
829
  --inverse-surface-accent-minor: #04473B;
830
830
  --inverse-surface-solid-card-brightness-active: #212121FF;
831
831
  --on-dark-surface-accent-minor-hover: #055C4CFF;
832
- --on-dark-personas-violet-text-accent: #E19DED;
833
- --on-light-surface-transparent-navi: #FFFFFF99;
832
+ --on-light-surface-accent-minor-hover: #C7F0E5FF;
834
833
  --on-dark-personas-blue-text-accent: #79B3F2;
835
834
  --on-light-personas-indigo-text-accent: #7133BE;
836
835
  --on-light-personas-sea-blue-text-accent: #00898D;
837
836
  --inverse-personas-olive-text-accent: #93CB92;
838
837
  --personas-ochre-text-accent: #D15A11;
839
838
  --on-dark-surface-transparent-accent-minor: #0BA68647;
840
- --on-light-text-warning-active: #6F2D06FF;
839
+ --on-dark-personas-violet-text-accent: #E19DED;
840
+ --on-light-surface-transparent-navi: #FFFFFF99;
841
841
  --on-dark-personas-sea-blue-text-accent: #7BC8C8;
842
842
  --on-dark-personas-green-text-accent-hover: #84DCC6FF;
843
- --on-light-outline-primary-active: #C4BEBAFF;
844
- --inverse-personas-blue-text-accent-active: #5DA3EFFF;
845
- --inverse-surface-transparent-accent-minor-active: #0BA8882E;
846
843
  --on-light-personas-blue-text-accent-active: #0D4F96FF;
847
844
  --on-light-outline-default-active: #E6E6E6FF;
848
845
  --personas-green-text-accent-active: #4CCDACFF;
@@ -869,20 +866,18 @@
869
866
  --on-light-personas-green-text-accent: #038768;
870
867
  --text-primary-brightness-hover: #17171793;
871
868
  --on-dark-text-primary-brightness-hover: #FAFAFA93;
872
- --personas-violet-text-accent: #E19DED;
873
- --on-dark-personas-green-text-accent-active: #54CFB0FF;
874
- --on-dark-personas-ochre-text-accent-active: #F19F7EFF;
875
- --surface-transparent-accent-minor-active: #0BA88852;
876
- --inverse-outline-default-hover: #666666FF;
869
+ --on-light-text-warning-active: #6F2D06FF;
870
+ --on-light-outline-primary-active: #C4BEBAFF;
871
+ --inverse-personas-blue-text-accent-active: #5DA3EFFF;
872
+ --inverse-surface-transparent-accent-minor-active: #0BA8882E;
877
873
  --inverse-personas-sea-blue-text-accent-hover: #00C5CCFF;
878
874
  --inverse-personas-blue-text-accent-hover: #C3DDF9FF;
879
875
  --inverse-personas-violet-text-accent-hover: #E9B6F2FF;
880
876
  --inverse-surface-transparent-accent-minor-hover: #0BA8885C;
881
877
  --on-light-personas-blue-text-accent-hover: #1477E1FF;
882
878
  --on-dark-surface-transparent-navi-hover: #242424B8;
883
- --inverse-outline-primary-hover: #6B6461FF;
884
879
  --on-light-surface-accent-secondary-hover: #50C3A8FF;
885
- --surface-transparent-navi-hover: #242424A8;
880
+ --surface-transparent-navi-hover: #FFFFFFA8;
886
881
  --on-light-surface-transparent-accent-minor-hover: #0BA8884D;
887
882
  --on-light-personas-green-text-accent-hover: #04D7A6FF;
888
883
  --outline-default-hover: #B3B3B3FF;
@@ -899,9 +894,25 @@
899
894
  --on-light-personas-ochre-text-accent-hover: #ED6C1DFF;
900
895
  --on-dark-personas-indigo-text-accent-hover: #E8DAFCFF;
901
896
  --on-dark-personas-ochre-text-accent: #F4B49B;
897
+ --on-dark-personas-green-text-accent-active: #54CFB0FF;
898
+ --on-dark-personas-ochre-text-accent-active: #F19F7EFF;
899
+ --surface-transparent-accent-minor-active: #0BA88852;
900
+ --inverse-outline-default-hover: #666666FF;
901
+ --personas-violet-text-accent: #E19DED;
902
+ --inverse-outline-primary-hover: #6B6461FF;
902
903
  --surface-accent-secondary-active: #3CAF94FF;
903
904
  --surface-transparent-accent-minor: #0BA6863D;
904
905
  --inverse-personas-sea-blue-text-accent: #00898D;
906
+ --on-dark-personas-pink-text-accent: #F7A4A4;
907
+ --on-light-text-primary-brightness-hover: #17171793;
908
+ --inverse-text-primary-brightness-hover: #FAFAFA93;
909
+ --surface-solid-primary-brightness-active: #FFFFFFFF;
910
+ --on-dark-surface-solid-primary-brightness-hover: #303030FF;
911
+ --inverse-surface-solid-card-brightness-hover: #303030FF;
912
+ --personas-pink-text-accent: #F7A4A4;
913
+ --personas-blue-text-accent: #1063BA;
914
+ --personas-sea-blue-text-accent: #7BC8C8;
915
+ --personas-violet-text-accent-hover: #EBBEF3FF;
905
916
  --background-hardline: #FFFFFF;
906
917
  --inverse-personas-blue-text-accent: #79B3F2;
907
918
  --inverse-personas-violet-text-accent: #E19DED;
@@ -912,25 +923,16 @@
912
923
  --inverse-personas-olive-text-accent-active: #7DC07CFF;
913
924
  --on-dark-outline-default: #383838;
914
925
  --personas-green-text-accent: #6CD5BB;
915
- --personas-sea-blue-text-accent: #7BC8C8;
916
- --personas-violet-text-accent-hover: #EBBEF3FF;
917
926
  --personas-blue-text-accent-active: #0D4F96FF;
918
927
  --dark-background-hardline: #000000;
919
928
  --on-dark-outline-primary: #3B3735;
920
- --on-dark-personas-pink-text-accent: #F7A4A4;
921
- --on-light-text-primary-brightness-hover: #17171793;
922
- --inverse-text-primary-brightness-hover: #FAFAFA93;
923
- --surface-solid-primary-brightness-active: #FFFFFFFF;
924
- --on-dark-surface-solid-primary-brightness-hover: #303030FF;
925
- --inverse-surface-solid-card-brightness-hover: #303030FF;
926
- --personas-pink-text-accent: #F7A4A4;
927
- --personas-blue-text-accent: #1063BA;
928
929
  --on-dark-text-primary-brightness-active: #FAFAFAC4;
929
930
  --on-light-text-primary-brightness-active: #171717C4;
930
931
  --inverse-text-primary-brightness-active: #FAFAFAC4;
931
932
  --personas-indigo-text-accent: #7133BE;
932
- --text-paragraph: #15110F66;
933
- --text-paragraph-hover: #15110FFF;
933
+ --on-dark-personas-ochre-text-accent-hover: #F7C8B6FF;
934
+ --on-dark-personas-indigo-text-accent-active: #AA73F2FF;
935
+ --personas-pink-text-accent-hover: #FBCBCBFF;
934
936
  --text-paragraph-active: #15110F7A;
935
937
  --text-accent: #0A8E73;
936
938
  --text-accent-hover: #0DB593FF;
@@ -958,8 +960,8 @@
958
960
  --text-tertiary-hover: #15110FFF;
959
961
  --text-tertiary-active: #15110F49;
960
962
  --text-primary-brightness: #171717F5;
961
- --on-dark-text-paragraph: #F6F2F07A;
962
- --on-dark-text-paragraph-hover: #F5F1EFFF;
963
+ --text-paragraph: #15110F66;
964
+ --text-paragraph-hover: #15110FFF;
963
965
  --on-dark-text-paragraph-active: #F5F1EF93;
964
966
  --on-dark-text-accent: #61C8B0;
965
967
  --on-dark-text-accent-hover: #77CFBBFF;
@@ -988,8 +990,8 @@
988
990
  --on-dark-text-tertiary-hover: #F5F1EFFF;
989
991
  --on-dark-text-secondary-active: #F5F1EFC4;
990
992
  --on-dark-text-primary-hover: #FFFFFF97;
991
- --on-light-text-primary-hover: #15110F97;
992
- --on-light-text-primary-active: #15110FCA;
993
+ --on-dark-text-paragraph: #F6F2F07A;
994
+ --on-dark-text-paragraph-hover: #F5F1EFFF;
993
995
  --on-light-text-primary-brightness: #171717F5;
994
996
  --on-light-text-secondary: #15110FA3;
995
997
  --on-light-text-secondary-hover: #15110FFF;
@@ -1012,6 +1014,8 @@
1012
1014
  --on-light-text-warning: #973C09;
1013
1015
  --on-light-text-warning-hover: #BC4C0BFF;
1014
1016
  --on-light-text-primary: #15110FFC;
1017
+ --on-light-text-primary-hover: #15110F97;
1018
+ --on-light-text-primary-active: #15110FCA;
1015
1019
  --inverse-text-primary: #FFFFFFFC;
1016
1020
  --inverse-text-primary-hover: #FFFFFF97;
1017
1021
  --inverse-text-primary-active: #FFFFFFCA;
@@ -1037,8 +1041,6 @@
1037
1041
  --on-light-text-info-hover: #000000FF;
1038
1042
  --on-light-text-info-active: #194B85FF;
1039
1043
  --on-light-text-negative-hover: #E3353BFF;
1040
- --inverse-text-negative: #F57E83;
1041
- --inverse-text-negative-hover: #F89BA0FF;
1042
1044
  --inverse-text-negative-active: #F3626AFF;
1043
1045
  --inverse-text-info: #70B2F5;
1044
1046
  --inverse-text-info-hover: #BCDBFAFF;
@@ -1058,8 +1060,8 @@
1058
1060
  --inverse-text-warning: #DA6828;
1059
1061
  --inverse-text-warning-hover: #DF7D43FF;
1060
1062
  --inverse-text-positive-active: #469442FF;
1061
- --surface-transparent-secondary: #15110F14;
1062
- --surface-transparent-secondary-hover: #15110F1A;
1063
+ --inverse-text-negative: #F57E83;
1064
+ --inverse-text-negative-hover: #F89BA0FF;
1063
1065
  --surface-transparent-secondary-active: #15110F1F;
1064
1066
  --surface-transparent-tertiary: #15110F1F;
1065
1067
  --surface-transparent-tertiary-hover: #15110F2E;
@@ -1092,8 +1094,8 @@
1092
1094
  --surface-solid-default-active: #090706FF;
1093
1095
  --surface-solid-card-hover: #FFFFFFFF;
1094
1096
  --surface-transparent-primary-active: #15110F0F;
1095
- --surface-warning: #BE4E0C;
1096
- --surface-warning-hover: #D3560DFF;
1097
+ --surface-transparent-secondary: #15110F14;
1098
+ --surface-transparent-secondary-hover: #15110F1A;
1097
1099
  --surface-warning-active: #AD460BFF;
1098
1100
  --surface-negative: #E83439;
1099
1101
  --surface-negative-hover: #EC5156FF;
@@ -1104,6 +1106,9 @@
1104
1106
  --surface-positive-active: #20801EFF;
1105
1107
  --surface-positive: #239322;
1106
1108
  --surface-positive-hover: #28A126FF;
1109
+ --surface-warning: #BE4E0C;
1110
+ --surface-warning-hover: #D3560DFF;
1111
+ --surface-transparent-negative: #E8343929;
1107
1112
  --surface-read-only: #F9F9F903;
1108
1113
  --surface-read-only-hover: #FAFAFA05;
1109
1114
  --surface-read-only-active: #FAFAFA08;
@@ -1116,8 +1121,6 @@
1116
1121
  --on-dark-surface-solid-secondary-active: #242424FF;
1117
1122
  --on-dark-surface-solid-tertiary: #474747;
1118
1123
  --on-dark-surface-solid-tertiary-hover: #525252FF;
1119
- --on-dark-surface-transparent-secondary: #FFFFFF29;
1120
- --on-dark-surface-transparent-secondary-hover: #FFFFFF47;
1121
1124
  --on-dark-surface-transparent-secondary-active: #FFFFFF1A;
1122
1125
  --on-dark-surface-transparent-tertiary: #FFFFFF3D;
1123
1126
  --on-dark-surface-transparent-tertiary-hover: #FFFFFF5C;
@@ -1145,6 +1148,8 @@
1145
1148
  --on-dark-surface-transparent-primary-hover: #FFFFFF24;
1146
1149
  --on-dark-surface-solid-card-hover: #2E2E2EFF;
1147
1150
  --on-dark-surface-transparent-primary-active: #FFFFFF0F;
1151
+ --on-dark-surface-transparent-secondary: #FFFFFF29;
1152
+ --on-dark-surface-transparent-secondary-hover: #FFFFFF47;
1148
1153
  --on-dark-surface-positive: #A6D2A2;
1149
1154
  --on-dark-surface-positive-hover: #B3D9B0FF;
1150
1155
  --on-dark-surface-positive-active: #9FCF9BFF;
@@ -1172,8 +1177,7 @@
1172
1177
  --on-light-surface-solid-secondary-active: #FFFFFFFF;
1173
1178
  --on-light-surface-solid-tertiary: #FFFFFF;
1174
1179
  --on-light-surface-solid-tertiary-hover: #FFFFFFFF;
1175
- --on-light-surface-transparent-secondary: #15110F14;
1176
- --on-light-surface-transparent-secondary-hover: #15110F1A;
1180
+ --on-dark-surface-transparent-negative: #F8A6A980;
1177
1181
  --on-light-surface-transparent-secondary-active: #15110F1F;
1178
1182
  --on-light-surface-transparent-tertiary: #15110F1F;
1179
1183
  --on-light-surface-transparent-tertiary-hover: #15110F2E;
@@ -1201,6 +1205,8 @@
1201
1205
  --on-light-surface-solid-default-active: #090706FF;
1202
1206
  --on-light-surface-solid-card-hover: #FFFFFFFF;
1203
1207
  --on-light-surface-transparent-primary-active: #15110F0F;
1208
+ --on-light-surface-transparent-secondary: #15110F14;
1209
+ --on-light-surface-transparent-secondary-hover: #15110F1A;
1204
1210
  --on-light-surface-positive: #239322;
1205
1211
  --on-light-surface-positive-hover: #28A126FF;
1206
1212
  --on-light-surface-positive-active: #20801EFF;
@@ -1216,6 +1222,7 @@
1216
1222
  --on-light-surface-transparent-accent-active: #0BA88833;
1217
1223
  --on-light-surface-transparent-accent: #0BA6861F;
1218
1224
  --on-light-surface-transparent-accent-hover: #0BA8882E;
1225
+ --on-light-surface-transparent-negative: #E8343929;
1219
1226
  --on-light-surface-read-only: #F9F9F903;
1220
1227
  --on-light-surface-read-only-hover: #FAFAFA05;
1221
1228
  --on-light-surface-read-only-active: #FAFAFA08;
@@ -1226,8 +1233,6 @@
1226
1233
  --inverse-surface-solid-secondary: #292929;
1227
1234
  --inverse-surface-solid-secondary-hover: #333333FF;
1228
1235
  --inverse-surface-solid-secondary-active: #242424FF;
1229
- --inverse-surface-transparent-primary-active: #FFFFFF0F;
1230
- --inverse-surface-transparent-secondary: #FFFFFF29;
1231
1236
  --inverse-surface-transparent-secondary-hover: #FFFFFF47;
1232
1237
  --inverse-surface-transparent-secondary-active: #FFFFFF1A;
1233
1238
  --inverse-surface-transparent-tertiary: #FFFFFF3D;
@@ -1255,6 +1260,8 @@
1255
1260
  --inverse-surface-solid-default: #F6F2F0;
1256
1261
  --inverse-surface-transparent-primary: #FFFFFF14;
1257
1262
  --inverse-surface-transparent-primary-hover: #FFFFFF24;
1263
+ --inverse-surface-transparent-primary-active: #FFFFFF0F;
1264
+ --inverse-surface-transparent-secondary: #FFFFFF29;
1258
1265
  --inverse-surface-positive: #A6D2A2;
1259
1266
  --inverse-surface-positive-hover: #B3D9B0FF;
1260
1267
  --inverse-surface-positive-active: #9FCF9BFF;
@@ -1273,6 +1280,7 @@
1273
1280
  --inverse-surface-transparent-accent-hover: #0BA88852;
1274
1281
  --inverse-surface-transparent-accent-active: #0BA88824;
1275
1282
  --inverse-surface-accent-active: #0A9E81FF;
1283
+ --inverse-surface-transparent-negative: #F8A6A980;
1276
1284
  --inverse-surface-read-only: #F9F9F905;
1277
1285
  --inverse-surface-read-only-hover: #FAFAFA0F;
1278
1286
  --inverse-surface-read-only-active: #FAFAFA00;
@@ -1283,8 +1291,6 @@
1283
1291
  --dark-background-secondary: #0F0F0F;
1284
1292
  --dark-background-tertiary: #141413;
1285
1293
  --light-background-primary: #EBE7E5;
1286
- --on-light-overlay-soft: #0000003D;
1287
- --on-light-overlay-hard: #00000052;
1288
1294
  --inverse-overlay-soft: #0000001F;
1289
1295
  --inverse-overlay-hard: #00000029;
1290
1296
  --outline-transparent-primary: #15110F3D;
@@ -1299,6 +1305,8 @@
1299
1305
  --on-dark-overlay-soft: #0000001F;
1300
1306
  --on-dark-overlay-hard: #00000029;
1301
1307
  --inverse-background-primary: #141413;
1308
+ --on-light-overlay-soft: #0000003D;
1309
+ --on-light-overlay-hard: #00000052;
1302
1310
  --outline-positive: #239322;
1303
1311
  --outline-positive-hover: #32CA2FFF;
1304
1312
  --outline-positive-active: #20801EFF;
@@ -1353,8 +1361,6 @@
1353
1361
  --inverse-outline-clear: #FFFFFF00;
1354
1362
  --inverse-outline-clear-hover: #FFFFFF00;
1355
1363
  --inverse-outline-clear-active: #FFFFFF00;
1356
- --inverse-outline-warning: #F8AD80;
1357
- --inverse-outline-warning-hover: #FCE0CFFF;
1358
1364
  --inverse-outline-warning-active: #F79C64FF;
1359
1365
  --inverse-outline-negative: #F8A6A9;
1360
1366
  --inverse-outline-negative-hover: #F25A5FFF;
@@ -1365,6 +1371,8 @@
1365
1371
  --inverse-outline-positive-active: #92C88DFF;
1366
1372
  --inverse-outline-positive: #A6D2A2;
1367
1373
  --inverse-outline-positive-hover: #DBEDD9FF;
1374
+ --inverse-outline-warning: #F8AD80;
1375
+ --inverse-outline-warning-hover: #FCE0CFFF;
1368
1376
  --text-primary-hover: #15110F97;
1369
1377
  --on-dark-surface-solid-default: #F6F2F0;
1370
1378
  --on-light-surface-accent-minor-active: #BFEDE1FF;
@@ -1375,13 +1383,9 @@
1375
1383
 
1376
1384
  .light {
1377
1385
  --on-dark-personas-indigo-surface-accent-gradient: linear-gradient(180.00deg, rgb(135, 77, 207) 0.0%, rgb(113, 51, 190) 100.0%);
1378
- --light-background-gradient: linear-gradient(135.00deg, rgb(193, 234, 207) 0.0%, rgb(160, 222, 207) 100.0%);
1379
- --surface-skeleton-gradient: linear-gradient(180deg, #080808 0.0%, #080808 10.0%, #080808 20.0%, #080808 25.0%, #080808 30.0%, #080808 40.0%, #080808 50.0%, #080808 60.0%, #080808 70.0%, #080808 75.0%, #080808 80.0%, #080808 90.0%, #080808 100.0%);
1380
1386
  --on-dark-personas-violet-surface-accent-gradient: linear-gradient(180.00deg, rgb(177, 76, 194) 0.0%, rgb(158, 50, 175) 100.0%);
1381
- --overlay-gradient: linear-gradient(180deg, #000000 0.0%, #000000 100.0%);
1382
1387
  --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%);
1383
1388
  --inverse-surface-skeleton-gradient: linear-gradient(0deg, #FFFFFF 0.0%, #FFFFFF 50.4%, #FFFFFF 100.0%, #FFFFFF 100.0%);
1384
- --background-gradient: linear-gradient(135.00deg, rgb(193, 234, 207) 0.0%, rgb(160, 222, 207) 100.0%);
1385
1389
  --on-dark-personas-blue-surface-accent-gradient: linear-gradient(180.00deg, rgb(47, 130, 217) 0.0%, rgb(16, 99, 186) 100.0%);
1386
1390
  --inverse-personas-indigo-surface-accent-gradient: linear-gradient(180.00deg, rgb(189, 145, 245) 0.0%, rgb(161, 117, 217) 100.0%);
1387
1391
  --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%);
@@ -1399,13 +1403,15 @@
1399
1403
  --on-dark-surface-skeleton-gradient: linear-gradient(0deg, #FFFFFF 0.0%, #FFFFFF 50.4%, #FFFFFF 100.0%, #FFFFFF 100.0%);
1400
1404
  --inverse-background-gradient: linear-gradient(135.00deg, rgb(193, 234, 207) 0.0%, rgb(160, 222, 207) 100.0%);
1401
1405
  --inverse-overlay-gradient: linear-gradient(180deg, #000000 0.0%, #000000 100.0%);
1402
- --on-dark-overlay-gradient: linear-gradient(180deg, #000000 0.0%, #000000 100.0%);
1403
1406
  --personas-pink-surface-accent-gradient: linear-gradient(180.00deg, rgb(252, 153, 153) 0.0%, rgb(223, 105, 105) 100.0%);
1404
1407
  --on-light-personas-olive-surface-accent-gradient: linear-gradient(180.00deg, rgb(147, 203, 146) 0.0%, rgb(115, 179, 114) 100.0%);
1405
1408
  --inverse-surface-accent-gradient-secondary: linear-gradient(90.00deg, rgb(11, 166, 134) 0.0%, rgb(9, 133, 107) 100.0%);
1406
1409
  --on-light-text-accent-gradient-a-i: linear-gradient(135.00deg, rgb(179, 49, 208) 8.0%, rgb(109, 78, 223) 56.0%, rgb(31, 185, 224) 100.0%);
1407
- --on-light-surface-accent-gradient-secondary: linear-gradient(90.00deg, rgb(11, 166, 134) 0.0%, rgb(9, 133, 107) 100.0%);
1408
- --on-light-personas-green-surface-accent-gradient: linear-gradient(180.00deg, rgb(121, 215, 192) 0.0%, rgb(80, 184, 159) 100.0%);
1410
+ --light-background-gradient: linear-gradient(135.00deg, rgb(193, 234, 207) 0.0%, rgb(160, 222, 207) 100.0%);
1411
+ --surface-skeleton-gradient: linear-gradient(180deg, #080808 0.0%, #080808 10.0%, #080808 20.0%, #080808 25.0%, #080808 30.0%, #080808 40.0%, #080808 50.0%, #080808 60.0%, #080808 70.0%, #080808 75.0%, #080808 80.0%, #080808 90.0%, #080808 100.0%);
1412
+ --overlay-gradient: linear-gradient(180deg, #000000 0.0%, #000000 100.0%);
1413
+ --on-dark-overlay-gradient: linear-gradient(180deg, #000000 0.0%, #000000 100.0%);
1414
+ --background-gradient: linear-gradient(135.00deg, rgb(193, 234, 207) 0.0%, rgb(160, 222, 207) 100.0%);
1409
1415
  --personas-indigo-surface-accent-gradient: linear-gradient(180.00deg, rgb(189, 145, 245) 0.0%, rgb(161, 117, 217) 100.0%);
1410
1416
  --on-light-personas-ochre-surface-accent-gradient: linear-gradient(180.00deg, rgb(248, 165, 133) 0.0%, rgb(228, 118, 76) 100.0%);
1411
1417
  --surface-accent-gradient-secondary: linear-gradient(90.00deg, rgb(11, 166, 134) 0.0%, rgb(9, 133, 107) 100.0%);
@@ -1430,6 +1436,8 @@
1430
1436
  --on-dark-surface-accent-gradient-secondary: linear-gradient(90.00deg, rgb(11, 166, 134) 0.0%, rgb(9, 133, 107) 100.0%);
1431
1437
  --personas-blue-surface-accent-gradient: linear-gradient(180.00deg, rgb(47, 130, 217) 0.0%, rgb(16, 99, 186) 100.0%);
1432
1438
  --inverse-personas-violet-surface-accent-gradient: linear-gradient(180.00deg, rgb(177, 76, 194) 0.0%, rgb(158, 50, 175) 100.0%);
1439
+ --on-light-surface-accent-gradient-secondary: linear-gradient(90.00deg, rgb(11, 166, 134) 0.0%, rgb(9, 133, 107) 100.0%);
1440
+ --on-light-personas-green-surface-accent-gradient: linear-gradient(180.00deg, rgb(121, 215, 192) 0.0%, rgb(80, 184, 159) 100.0%);
1433
1441
  --surface-accent-gradient: linear-gradient(180.00deg, rgb(129, 211, 192) 0.0%, rgb(29, 145, 88) 100.0%);
1434
1442
  --surface-accent-minor-gradient: linear-gradient(133.15deg, rgb(193, 234, 207) 0%, rgb(160, 222, 207) 100.0%);
1435
1443
  --on-dark-surface-accent-gradient: linear-gradient(180.00deg, rgb(129, 211, 192) 0.0%, rgb(29, 145, 88) 100.0%);
@@ -1442,37 +1450,35 @@
1442
1450
 
1443
1451
  .dark, .light {
1444
1452
  --shadow-down-hard-s: 0rem 0.25rem 0.75rem -0.1875rem #08080829, 0rem 0.0625rem 0.25rem -0.125rem #00000014;
1453
+ --shadow-down-soft-l: 0rem 3.75rem 7rem -0.5rem #00000014;
1445
1454
  --shadow-down-soft-s: 0rem 0.25rem 0.875rem -0.25rem #08080814, 0rem 0.0625rem 0.25rem -0.0625rem #0000000A;
1446
1455
  --shadow-down-soft-m: 0rem 1.5rem 3rem -0.5rem #00000014;
1447
- --shadow-down-soft-l: 0rem 3.75rem 7rem -0.5rem #00000014;
1448
1456
  --shadow-down-hard-m: 0rem 1rem 2rem -0.5rem #0000003D;
1449
1457
  --shadow-down-hard-l: 0rem 3.75rem 7rem -0.5rem #00000066;
1450
- --shadow-up-soft-m: 0rem -1.5rem 3rem -0.5rem #00000014;
1451
- --shadow-up-soft-l: 0rem -3.75rem 7rem -0.5rem #00000014;
1452
1458
  --shadow-up-hard-s: 0rem -0.25rem 0.75rem -0.1875rem #08080833, 0rem -0.0625rem 0.25rem -0.0625rem #00000008;
1453
1459
  --shadow-up-hard-m: 0rem -1rem 2rem -0.5rem #0000003D;
1454
1460
  --shadow-up-hard-l: 0rem -3.75rem 7rem -0.5rem #00000066;
1455
1461
  --shadow-up-soft-s: 0rem -0.25rem 0.875rem -0.25rem #08080814, 0rem -0.0625rem 0.25rem -0.0625rem #00000008;
1462
+ --shadow-up-soft-m: 0rem -1.5rem 3rem -0.5rem #00000014;
1463
+ --shadow-up-soft-l: 0rem -3.75rem 7rem -0.5rem #00000014;
1456
1464
  }
1457
1465
 
1458
1466
  .dark, .light {
1459
1467
  --border-radius-4xl: 2rem;
1460
1468
  --border-radius-5xl: 2.5rem;
1461
1469
  --border-radius-3xl: 1.75rem;
1462
- --border-radius-m: 0.75rem;
1463
- --border-radius-l: 1rem;
1464
1470
  --border-radius-xxs: 0.25rem;
1465
1471
  --border-radius-xs: 0.375rem;
1466
1472
  --border-radius-xxl: 1.5rem;
1467
1473
  --border-radius-s: 0.5rem;
1468
1474
  --border-radius-xl: 1.25rem;
1469
1475
  --border-radius-circle: 100rem;
1476
+ --border-radius-m: 0.75rem;
1477
+ --border-radius-l: 1rem;
1470
1478
  }
1471
1479
 
1472
1480
  .dark, .light {
1473
1481
  --spacing-16x: 2rem;
1474
- --spacing-6x: 0.75rem;
1475
- --spacing-8x: 1rem;
1476
1482
  --spacing-10x: 1.25rem;
1477
1483
  --spacing-12x: 1.5rem;
1478
1484
  --spacing-20x: 2.5rem;
@@ -1485,6 +1491,8 @@
1485
1491
  --spacing-0x: 0rem;
1486
1492
  --spacing-1x: 0.125rem;
1487
1493
  --spacing-3x: 0.375rem;
1494
+ --spacing-6x: 0.75rem;
1495
+ --spacing-8x: 1rem;
1488
1496
  }
1489
1497
 
1490
1498
  .dark, .light {
@@ -1549,6 +1557,15 @@
1549
1557
  --plasma-typo-body-l-bold-font-family: var(--plasma-typo-text-font-family);
1550
1558
  --plasma-typo-body-l-bold-letter-spacing: normal;
1551
1559
  --plasma-typo-body-l-bold-font-style: normal;
1560
+ --plasma-typo-body-s-bold-font-family: var(--plasma-typo-text-font-family);
1561
+ --plasma-typo-body-s-bold-letter-spacing: normal;
1562
+ --plasma-typo-body-s-bold-font-style: normal;
1563
+ --plasma-typo-body-l-medium-font-family: var(--plasma-typo-text-font-family);
1564
+ --plasma-typo-body-l-medium-letter-spacing: normal;
1565
+ --plasma-typo-body-l-medium-font-style: normal;
1566
+ --plasma-typo-body-m-font-family: var(--plasma-typo-text-font-family);
1567
+ --plasma-typo-body-m-letter-spacing: normal;
1568
+ --plasma-typo-body-m-font-style: normal;
1552
1569
  --plasma-typo-body-s-medium-font-family: var(--plasma-typo-text-font-family);
1553
1570
  --plasma-typo-body-s-medium-letter-spacing: normal;
1554
1571
  --plasma-typo-body-s-medium-font-style: normal;
@@ -1573,18 +1590,6 @@
1573
1590
  --plasma-typo-body-s-font-family: var(--plasma-typo-text-font-family);
1574
1591
  --plasma-typo-body-s-letter-spacing: normal;
1575
1592
  --plasma-typo-body-s-font-style: normal;
1576
- --plasma-typo-body-s-bold-font-family: var(--plasma-typo-text-font-family);
1577
- --plasma-typo-body-s-bold-letter-spacing: normal;
1578
- --plasma-typo-body-s-bold-font-style: normal;
1579
- --plasma-typo-body-l-medium-font-family: var(--plasma-typo-text-font-family);
1580
- --plasma-typo-body-l-medium-letter-spacing: normal;
1581
- --plasma-typo-body-l-medium-font-style: normal;
1582
- --plasma-typo-body-m-font-family: var(--plasma-typo-text-font-family);
1583
- --plasma-typo-body-m-letter-spacing: normal;
1584
- --plasma-typo-body-m-font-style: normal;
1585
- --plasma-typo-text-xs-medium-font-family: var(--plasma-typo-text-font-family);
1586
- --plasma-typo-text-xs-medium-letter-spacing: -0.02em;
1587
- --plasma-typo-text-xs-medium-font-style: normal;
1588
1593
  --plasma-typo-body-xxs-medium-font-family: var(--plasma-typo-text-font-family);
1589
1594
  --plasma-typo-body-xxs-medium-letter-spacing: normal;
1590
1595
  --plasma-typo-body-xxs-medium-font-style: normal;
@@ -1621,6 +1626,9 @@
1621
1626
  --plasma-typo-text-xs-bold-font-family: var(--plasma-typo-text-font-family);
1622
1627
  --plasma-typo-text-xs-bold-letter-spacing: -0.02em;
1623
1628
  --plasma-typo-text-xs-bold-font-style: normal;
1629
+ --plasma-typo-text-xs-medium-font-family: var(--plasma-typo-text-font-family);
1630
+ --plasma-typo-text-xs-medium-letter-spacing: -0.02em;
1631
+ --plasma-typo-text-xs-medium-font-style: normal;
1624
1632
  }
1625
1633
 
1626
1634
  @media (max-width: 559px) {
@@ -1679,6 +1687,15 @@
1679
1687
  --plasma-typo-body-l-bold-font-size: 0.9375rem;
1680
1688
  --plasma-typo-body-l-bold-font-weight: 700;
1681
1689
  --plasma-typo-body-l-bold-line-height: 1.25rem;
1690
+ --plasma-typo-body-s-bold-font-size: 0.8125rem;
1691
+ --plasma-typo-body-s-bold-font-weight: 600;
1692
+ --plasma-typo-body-s-bold-line-height: 0.9375rem;
1693
+ --plasma-typo-body-l-medium-font-size: 0.9375rem;
1694
+ --plasma-typo-body-l-medium-font-weight: 500;
1695
+ --plasma-typo-body-l-medium-line-height: 1.25rem;
1696
+ --plasma-typo-body-m-font-size: 0.875rem;
1697
+ --plasma-typo-body-m-font-weight: 400;
1698
+ --plasma-typo-body-m-line-height: 1.125rem;
1682
1699
  --plasma-typo-body-s-medium-font-size: 0.8125rem;
1683
1700
  --plasma-typo-body-s-medium-font-weight: 500;
1684
1701
  --plasma-typo-body-s-medium-line-height: 0.9375rem;
@@ -1703,18 +1720,6 @@
1703
1720
  --plasma-typo-body-s-font-size: 0.8125rem;
1704
1721
  --plasma-typo-body-s-font-weight: 400;
1705
1722
  --plasma-typo-body-s-line-height: 0.9375rem;
1706
- --plasma-typo-body-s-bold-font-size: 0.8125rem;
1707
- --plasma-typo-body-s-bold-font-weight: 600;
1708
- --plasma-typo-body-s-bold-line-height: 0.9375rem;
1709
- --plasma-typo-body-l-medium-font-size: 0.9375rem;
1710
- --plasma-typo-body-l-medium-font-weight: 500;
1711
- --plasma-typo-body-l-medium-line-height: 1.25rem;
1712
- --plasma-typo-body-m-font-size: 0.875rem;
1713
- --plasma-typo-body-m-font-weight: 400;
1714
- --plasma-typo-body-m-line-height: 1.125rem;
1715
- --plasma-typo-text-xs-medium-font-size: 0.75rem;
1716
- --plasma-typo-text-xs-medium-font-weight: 500;
1717
- --plasma-typo-text-xs-medium-line-height: 1rem;
1718
1723
  --plasma-typo-body-xxs-medium-font-size: 0.6875rem;
1719
1724
  --plasma-typo-body-xxs-medium-font-weight: 500;
1720
1725
  --plasma-typo-body-xxs-medium-line-height: 0.8125rem;
@@ -1751,6 +1756,9 @@
1751
1756
  --plasma-typo-text-xs-bold-font-size: 0.75rem;
1752
1757
  --plasma-typo-text-xs-bold-font-weight: 600;
1753
1758
  --plasma-typo-text-xs-bold-line-height: 1rem;
1759
+ --plasma-typo-text-xs-medium-font-size: 0.75rem;
1760
+ --plasma-typo-text-xs-medium-font-weight: 500;
1761
+ --plasma-typo-text-xs-medium-line-height: 1rem;
1754
1762
  }
1755
1763
  }
1756
1764
 
@@ -1846,9 +1854,6 @@
1846
1854
  --plasma-typo-body-xxs-medium-font-size: 0.6875rem;
1847
1855
  --plasma-typo-body-xxs-medium-font-weight: 500;
1848
1856
  --plasma-typo-body-xxs-medium-line-height: 0.8125rem;
1849
- --plasma-typo-text-m-font-size: 1rem;
1850
- --plasma-typo-text-m-font-weight: 400;
1851
- --plasma-typo-text-m-line-height: 1.5rem;
1852
1857
  --plasma-typo-text-m-bold-font-size: 1rem;
1853
1858
  --plasma-typo-text-m-bold-font-weight: 600;
1854
1859
  --plasma-typo-text-m-bold-line-height: 1.5rem;
@@ -1873,6 +1878,9 @@
1873
1878
  --plasma-typo-text-xs-medium-font-size: 0.75rem;
1874
1879
  --plasma-typo-text-xs-medium-font-weight: 500;
1875
1880
  --plasma-typo-text-xs-medium-line-height: 1rem;
1881
+ --plasma-typo-text-m-font-size: 1rem;
1882
+ --plasma-typo-text-m-font-weight: 400;
1883
+ --plasma-typo-text-m-line-height: 1.5rem;
1876
1884
  --plasma-typo-text-l-font-size: 1.25rem;
1877
1885
  --plasma-typo-text-l-font-weight: 400;
1878
1886
  --plasma-typo-text-l-line-height: 1.75rem;
@@ -1887,30 +1895,15 @@
1887
1895
 
1888
1896
  @media (min-width: 960px) {
1889
1897
  .dark, .light {
1890
- --plasma-typo-dspl-s-medium-font-size: 2.125rem;
1891
- --plasma-typo-dspl-s-medium-font-weight: 500;
1892
- --plasma-typo-dspl-s-medium-line-height: 2.5625rem;
1893
1898
  --plasma-typo-dspl-s-font-size: 2.125rem;
1894
1899
  --plasma-typo-dspl-s-font-weight: 400;
1895
1900
  --plasma-typo-dspl-s-line-height: 2.5625rem;
1896
1901
  --plasma-typo-dspl-s-bold-font-size: 2.125rem;
1897
1902
  --plasma-typo-dspl-s-bold-font-weight: 700;
1898
1903
  --plasma-typo-dspl-s-bold-line-height: 2.5625rem;
1899
- --plasma-typo-h2-medium-font-size: 1.375rem;
1900
- --plasma-typo-h2-medium-font-weight: 500;
1901
- --plasma-typo-h2-medium-line-height: 1.75rem;
1902
- --plasma-typo-h3-font-size: 1.25rem;
1903
- --plasma-typo-h3-font-weight: 400;
1904
- --plasma-typo-h3-line-height: 1.4375rem;
1905
- --plasma-typo-h3-bold-font-size: 1.25rem;
1906
- --plasma-typo-h3-bold-font-weight: 700;
1907
- --plasma-typo-h3-bold-line-height: 1.4375rem;
1908
- --plasma-typo-h3-medium-font-size: 1.25rem;
1909
- --plasma-typo-h3-medium-font-weight: 500;
1910
- --plasma-typo-h3-medium-line-height: 1.4375rem;
1911
- --plasma-typo-h4-font-size: 1.25rem;
1912
- --plasma-typo-h4-font-weight: 400;
1913
- --plasma-typo-h4-line-height: 1.625rem;
1904
+ --plasma-typo-dspl-s-medium-font-size: 2.125rem;
1905
+ --plasma-typo-dspl-s-medium-font-weight: 500;
1906
+ --plasma-typo-dspl-s-medium-line-height: 2.5625rem;
1914
1907
  --plasma-typo-h4-bold-font-size: 1rem;
1915
1908
  --plasma-typo-h4-bold-font-weight: 700;
1916
1909
  --plasma-typo-h4-bold-line-height: 1.25rem;
@@ -1956,6 +1949,24 @@
1956
1949
  --plasma-typo-h2-bold-font-size: 1.375rem;
1957
1950
  --plasma-typo-h2-bold-font-weight: 700;
1958
1951
  --plasma-typo-h2-bold-line-height: 1.75rem;
1952
+ --plasma-typo-h2-medium-font-size: 1.375rem;
1953
+ --plasma-typo-h2-medium-font-weight: 500;
1954
+ --plasma-typo-h2-medium-line-height: 1.75rem;
1955
+ --plasma-typo-h3-font-size: 1.25rem;
1956
+ --plasma-typo-h3-font-weight: 400;
1957
+ --plasma-typo-h3-line-height: 1.4375rem;
1958
+ --plasma-typo-h3-bold-font-size: 1.25rem;
1959
+ --plasma-typo-h3-bold-font-weight: 700;
1960
+ --plasma-typo-h3-bold-line-height: 1.4375rem;
1961
+ --plasma-typo-h3-medium-font-size: 1.25rem;
1962
+ --plasma-typo-h3-medium-font-weight: 500;
1963
+ --plasma-typo-h3-medium-line-height: 1.4375rem;
1964
+ --plasma-typo-h4-font-size: 1.25rem;
1965
+ --plasma-typo-h4-font-weight: 400;
1966
+ --plasma-typo-h4-line-height: 1.625rem;
1967
+ --plasma-typo-text-l-font-size: 1.5rem;
1968
+ --plasma-typo-text-l-font-weight: 400;
1969
+ --plasma-typo-text-l-line-height: 2rem;
1959
1970
  --plasma-typo-text-l-bold-font-size: 1.5rem;
1960
1971
  --plasma-typo-text-l-bold-font-weight: 600;
1961
1972
  --plasma-typo-text-l-bold-line-height: 2rem;
@@ -2010,8 +2021,5 @@
2010
2021
  --plasma-typo-body-xxs-medium-font-size: 0.625rem;
2011
2022
  --plasma-typo-body-xxs-medium-font-weight: 500;
2012
2023
  --plasma-typo-body-xxs-medium-line-height: 0.75rem;
2013
- --plasma-typo-text-l-font-size: 1.5rem;
2014
- --plasma-typo-text-l-font-weight: 400;
2015
- --plasma-typo-text-l-line-height: 2rem;
2016
2024
  }
2017
2025
  }