@salutejs-ds/sdds_sbcom 0.1.12 → 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 (104) hide show
  1. package/components/Button/Button.config.d.ts +3 -3
  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 +3 -3
  7. package/components/Checkbox/Checkbox.config.d.ts +2 -2
  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 +2 -2
  13. package/components/Counter/Counter.config.d.ts +4 -4
  14. package/components/Counter/Counter.config.js +9 -9
  15. package/components/Counter/Counter.config.js.map +1 -1
  16. package/{es/components/Counter/Counter.config_yoygvx.css → components/Counter/Counter.config_ebr9b5.css} +8 -8
  17. package/components/Counter/Counter.css +10 -10
  18. package/components/Counter/Counter.d.ts +4 -4
  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 +3 -3
  26. package/components/Link/Link.config.js +7 -7
  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 +3 -3
  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 +126 -118
  38. package/css/sdds_sbcom__dark.css +76 -72
  39. package/css/sdds_sbcom__light.css +76 -72
  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 +9 -9
  49. package/es/components/Counter/Counter.config.js.map +1 -1
  50. package/{components/Counter/Counter.config_yoygvx.css → es/components/Counter/Counter.config_ebr9b5.css} +8 -8
  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 +7 -7
  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 +138 -126
  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 +6 -6
  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 +5 -5
  82. package/styled-components/es/Button/Button.config.js +9 -9
  83. package/styled-components/es/Checkbox/Checkbox.config.js +6 -6
  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 +5 -5
  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 +101 -93
  93. package/theme/tokens/index.js +141 -125
  94. package/theme/tokens/index.js.map +1 -1
  95. package/components/Button/Button.config_b4txnl.css +0 -10
  96. package/components/Checkbox/Checkbox.config_j2f4po.css +0 -6
  97. package/components/IconButton/IconButton.config_1q8h816.css +0 -9
  98. package/components/Link/Link.config_e4pw7e.css +0 -8
  99. package/components/Radiobox/Radiobox.config_10j4d0h.css +0 -6
  100. package/es/components/Button/Button.config_b4txnl.css +0 -10
  101. package/es/components/Checkbox/Checkbox.config_j2f4po.css +0 -6
  102. package/es/components/IconButton/IconButton.config_1q8h816.css +0 -9
  103. package/es/components/Link/Link.config_e4pw7e.css +0 -8
  104. package/es/components/Radiobox/Radiobox.config_10j4d0h.css +0 -6
package/css/sdds_sbcom__dark.css CHANGED
@@ -8,10 +8,10 @@
8
8
  --inverse-personas-sea-blue-text-accent-active: #4BB4B4FF;
9
9
  --inverse-personas-violet-text-accent-active: #81288FFF;
10
10
  --on-dark-surface-transparent-navi-active: #2424248A;
11
- --on-light-outline-default-hover: #CCCCCCFF;
12
11
  --inverse-outline-primary-active: #C4BEBAFF;
13
- --on-dark-outline-default-active: #292929FF;
12
+ --on-light-outline-default-hover: #CCCCCCFF;
14
13
  --on-dark-outline-default-hover: #666666FF;
14
+ --on-dark-outline-default-active: #292929FF;
15
15
  --personas-green-text-accent-hover: #04C396FF;
16
16
  --personas-sea-blue-text-accent-hover: #00C5CCFF;
17
17
  --inverse-surface-accent-secondary-hover: #50C3A8FF;
@@ -22,8 +22,8 @@
22
22
  --outline-default-active: #666666FF;
23
23
  --on-dark-outline-primary-active: #2B2827FF;
24
24
  --personas-olive-text-accent-active: #7DC07CFF;
25
- --on-dark-personas-olive-text-accent-hover: #A6D4A5FF;
26
25
  --inverse-personas-ochre-text-accent-active: #AA4A0EFF;
26
+ --on-dark-personas-olive-text-accent-hover: #A6D4A5FF;
27
27
  --inverse-surface-transparent-navi-active: #FFFFFFAD;
28
28
  --on-light-personas-olive-text-accent-active: #179315FF;
29
29
  --on-light-personas-violet-text-accent-active: #81288FFF;
@@ -32,9 +32,8 @@
32
32
  --inverse-personas-green-text-accent-hover: #8CDECAFF;
33
33
  --on-light-personas-pink-text-accent-hover: #E47777FF;
34
34
  --surface-accent-secondary-hover: #70CDB7FF;
35
- --personas-pink-text-accent-hover: #E26E6EFF;
36
- --personas-indigo-text-accent-hover: #E8DAFCFF;
37
35
  --personas-pink-text-accent-active: #D83B3BFF;
36
+ --personas-indigo-text-accent-hover: #E8DAFCFF;
38
37
  --on-dark-personas-violet-text-accent-hover: #E9B6F2FF;
39
38
  --on-light-outline-primary: #DDD9D7;
40
39
  --inverse-outline-default: #FFFFFF;
@@ -46,21 +45,21 @@
46
45
  --on-light-personas-sea-blue-text-accent-active: #00B1B8FF;
47
46
  --on-light-outline-default: #FFFFFF;
48
47
  --personas-ochre-text-accent-active: #F19F7EFF;
49
- --inverse-background-hardline: #000000;
50
48
  --on-dark-surface-transparent-accent-minor-hover: #0BA88866;
49
+ --inverse-background-hardline: #000000;
51
50
  --on-dark-surface-transparent-accent-minor-active: #0BA88838;
52
51
  --on-dark-personas-sea-blue-text-accent-hover: #FFFFFFFF;
53
- --on-light-surface-accent-secondary: #41BDA1;
54
52
  --surface-transparent-navi: #23232399;
53
+ --on-light-surface-accent-secondary: #41BDA1;
55
54
  --personas-violet-text-accent-active: #892B97FF;
56
55
  --personas-blue-text-accent-hover: #C3DDF9FF;
57
56
  --outline-default: #FFFFFF;
58
57
  --text-primary-brightness-active: #FAFAFAC4;
59
- --surface-transparent-card-brightness-hover: #FAFAFA1F;
60
- --surface-transparent-card-brightness-active: #FAFAFA0A;
61
58
  --surface-solid-card-brightness-hover: #303030FF;
59
+ --surface-transparent-card-brightness-hover: #FAFAFA1F;
62
60
  --surface-solid-card-brightness-active: #212121FF;
63
61
  --surface-solid-primary-brightness-hover: #303030FF;
62
+ --surface-transparent-card-brightness-active: #FAFAFA0A;
64
63
  --on-dark-surface-solid-primary-brightness-active: #212121FF;
65
64
  --on-dark-surface-transparent-card-brightness-hover: #FAFAFA1F;
66
65
  --on-dark-surface-transparent-card-brightness-active: #FAFAFA0A;
@@ -103,11 +102,10 @@
103
102
  --on-light-surface-accent-minor: #D0F2E9;
104
103
  --inverse-surface-transparent-card-brightness-active: #FFFFFFFF;
105
104
  --on-light-outline-warning-active: #A3420AFF;
106
- --on-light-surface-accent-minor-hover: #C7F0E5FF;
107
105
  --inverse-surface-accent-minor: #D0F2E9;
108
106
  --inverse-surface-solid-card-brightness-active: #FFFFFFFF;
109
107
  --on-dark-surface-accent-minor-hover: #055C4CFF;
110
- --on-light-surface-transparent-navi: #FFFFFF99;
108
+ --on-light-surface-accent-minor-hover: #C7F0E5FF;
111
109
  --on-dark-personas-blue-text-accent: #79B3F2;
112
110
  --on-light-personas-indigo-text-accent: #7133BE;
113
111
  --on-light-personas-sea-blue-text-accent: #00898D;
@@ -115,10 +113,7 @@
115
113
  --personas-ochre-text-accent: #F4B49B;
116
114
  --on-dark-surface-transparent-accent-minor: #0BA68647;
117
115
  --on-dark-personas-violet-text-accent: #E19DED;
118
- --on-light-text-warning-active: #6F2D06FF;
119
- --on-light-outline-primary-active: #C4BEBAFF;
120
- --inverse-personas-blue-text-accent-active: #0D4F96FF;
121
- --inverse-surface-transparent-accent-minor-active: #0BA8885C;
116
+ --on-light-surface-transparent-navi: #FFFFFF99;
122
117
  --on-dark-personas-sea-blue-text-accent: #7BC8C8;
123
118
  --on-dark-personas-green-text-accent-hover: #84DCC6FF;
124
119
  --on-light-personas-blue-text-accent-active: #0D4F96FF;
@@ -147,18 +142,16 @@
147
142
  --on-light-personas-green-text-accent: #038768;
148
143
  --text-primary-brightness-hover: #FAFAFA93;
149
144
  --on-dark-text-primary-brightness-hover: #FAFAFA93;
150
- --on-dark-personas-green-text-accent-active: #54CFB0FF;
151
- --on-dark-personas-ochre-text-accent-active: #F19F7EFF;
152
- --surface-transparent-accent-minor-active: #0BA88838;
153
- --inverse-outline-default-hover: #CCCCCCFF;
154
- --personas-violet-text-accent: #9E32AF;
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;
155
149
  --inverse-personas-sea-blue-text-accent-hover: #000000FF;
156
150
  --inverse-personas-blue-text-accent-hover: #1477E1FF;
157
151
  --inverse-personas-violet-text-accent-hover: #B740C9FF;
158
152
  --inverse-surface-transparent-accent-minor-hover: #0BA88857;
159
153
  --on-light-personas-blue-text-accent-hover: #1477E1FF;
160
154
  --on-dark-surface-transparent-navi-hover: #242424B8;
161
- --inverse-outline-primary-hover: #ADA39FFF;
162
155
  --on-light-surface-accent-secondary-hover: #50C3A8FF;
163
156
  --surface-transparent-navi-hover: #242424B8;
164
157
  --on-light-surface-transparent-accent-minor-hover: #0BA8884D;
@@ -177,11 +170,25 @@
177
170
  --on-light-personas-ochre-text-accent-hover: #ED6C1DFF;
178
171
  --on-dark-personas-indigo-text-accent-hover: #E8DAFCFF;
179
172
  --on-dark-personas-ochre-text-accent: #F4B49B;
180
- --personas-sea-blue-text-accent: #00898D;
181
- --personas-violet-text-accent-hover: #B438C7FF;
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;
@@ -195,21 +202,13 @@
195
202
  --personas-blue-text-accent-active: #5DA3EFFF;
196
203
  --dark-background-hardline: #000000;
197
204
  --on-dark-outline-primary: #3B3735;
198
- --on-dark-personas-pink-text-accent: #F7A4A4;
199
- --on-light-text-primary-brightness-hover: #17171793;
200
- --inverse-text-primary-brightness-hover: #17171793;
201
- --surface-solid-primary-brightness-active: #212121FF;
202
- --on-dark-surface-solid-primary-brightness-hover: #303030FF;
203
- --inverse-surface-solid-card-brightness-hover: #FFFFFFFF;
204
- --personas-pink-text-accent: #DE5555;
205
- --personas-blue-text-accent: #79B3F2;
206
205
  --on-dark-text-primary-brightness-active: #FAFAFAC4;
207
206
  --on-light-text-primary-brightness-active: #171717C4;
208
207
  --inverse-text-primary-brightness-active: #171717C4;
209
208
  --personas-indigo-text-accent: #BD91F5;
210
209
  --on-dark-personas-ochre-text-accent-hover: #F7C8B6FF;
211
210
  --on-dark-personas-indigo-text-accent-active: #AA73F2FF;
212
- --text-paragraph-hover: #F5F1EFFF;
211
+ --personas-pink-text-accent-hover: #E26E6EFF;
213
212
  --text-paragraph-active: #F5F1EF93;
214
213
  --text-accent: #61C8B0;
215
214
  --text-accent-hover: #77CFBBFF;
@@ -238,7 +237,7 @@
238
237
  --text-tertiary-active: #F5F1EF49;
239
238
  --text-primary-brightness: #FAFAFAF5;
240
239
  --text-paragraph: #F6F2F07A;
241
- --on-dark-text-paragraph-hover: #F5F1EFFF;
240
+ --text-paragraph-hover: #F5F1EFFF;
242
241
  --on-dark-text-paragraph-active: #F5F1EF93;
243
242
  --on-dark-text-accent: #61C8B0ED;
244
243
  --on-dark-text-accent-hover: #60C7AF8E;
@@ -268,7 +267,7 @@
268
267
  --on-dark-text-secondary-active: #F5F1EFC4;
269
268
  --on-dark-text-primary-hover: #FFFFFF97;
270
269
  --on-dark-text-paragraph: #F6F2F07A;
271
- --on-light-text-primary-active: #15110FCA;
270
+ --on-dark-text-paragraph-hover: #F5F1EFFF;
272
271
  --on-light-text-primary-brightness: #171717F5;
273
272
  --on-light-text-secondary: #15110FA3;
274
273
  --on-light-text-secondary-hover: #15110FFF;
@@ -292,6 +291,7 @@
292
291
  --on-light-text-warning-hover: #BC4C0BFF;
293
292
  --on-light-text-primary: #15110FFC;
294
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,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-hover: #E3353BFF;
321
320
  --inverse-text-negative-active: #AF181DFF;
322
321
  --inverse-text-info: #205EA5;
323
322
  --inverse-text-info-hover: #000000FF;
@@ -338,7 +337,7 @@
338
337
  --inverse-text-warning-hover: #BC4C0BFF;
339
338
  --inverse-text-positive-active: #185E17FF;
340
339
  --inverse-text-negative: #D11D23;
341
- --surface-transparent-secondary-hover: #FFFFFF47;
340
+ --inverse-text-negative-hover: #E3353BFF;
342
341
  --surface-transparent-secondary-active: #FFFFFF1A;
343
342
  --surface-transparent-tertiary: #FFFFFF3D;
344
343
  --surface-transparent-tertiary-hover: #FFFFFF5C;
@@ -372,7 +371,7 @@
372
371
  --surface-solid-card-hover: #2E2E2EFF;
373
372
  --surface-transparent-primary-active: #FFFFFF0F;
374
373
  --surface-transparent-secondary: #FFFFFF29;
375
- --surface-warning-hover: #F9BB94FF;
374
+ --surface-transparent-secondary-hover: #FFFFFF47;
376
375
  --surface-warning-active: #F8A977FF;
377
376
  --surface-negative: #F8A6A9;
378
377
  --surface-negative-hover: #F9B8BAFF;
@@ -384,6 +383,8 @@
384
383
  --surface-positive: #A6D2A2;
385
384
  --surface-positive-hover: #B3D9B0FF;
386
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,7 +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-hover: #FFFFFF47;
400
400
  --on-dark-surface-transparent-secondary-active: #FFFFFF1A;
401
401
  --on-dark-surface-transparent-tertiary: #FFFFFF3D;
402
402
  --on-dark-surface-transparent-tertiary-hover: #FFFFFF5C;
@@ -425,6 +425,7 @@
425
425
  --on-dark-surface-solid-card-hover: #2E2E2EFF;
426
426
  --on-dark-surface-transparent-primary-active: #FFFFFF0F;
427
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,7 +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-hover: #15110F1A;
456
+ --on-dark-surface-transparent-negative: #F8A6A980;
456
457
  --on-light-surface-transparent-secondary-active: #15110F1F;
457
458
  --on-light-surface-transparent-tertiary: #15110F1F;
458
459
  --on-light-surface-transparent-tertiary-hover: #15110F2E;
@@ -481,6 +482,7 @@
481
482
  --on-light-surface-solid-card-hover: #FFFFFFFF;
482
483
  --on-light-surface-transparent-primary-active: #15110F0F;
483
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,7 +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-secondary: #15110F14;
510
512
  --inverse-surface-transparent-secondary-hover: #15110F1A;
511
513
  --inverse-surface-transparent-secondary-active: #15110F1F;
512
514
  --inverse-surface-transparent-tertiary: #15110F1F;
@@ -535,6 +537,7 @@
535
537
  --inverse-surface-transparent-primary: #15110F0A;
536
538
  --inverse-surface-transparent-primary-hover: #15110F0D;
537
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,7 +567,6 @@
563
567
  --dark-background-secondary: #0F0F0F;
564
568
  --dark-background-tertiary: #141413;
565
569
  --light-background-primary: #EBE7E5;
566
- --on-light-overlay-hard: #00000052;
567
570
  --inverse-overlay-soft: #0000003D;
568
571
  --inverse-overlay-hard: #00000052;
569
572
  --outline-transparent-primary: #FFFFFF1F;
@@ -579,6 +582,7 @@
579
582
  --on-dark-overlay-hard: #00000029;
580
583
  --inverse-background-primary: #EBE7E5;
581
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,7 +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-hover: #F3813FFF;
637
640
  --inverse-outline-warning-active: #A3420AFF;
638
641
  --inverse-outline-negative: #E83439;
639
642
  --inverse-outline-negative-hover: #F17E82FF;
@@ -645,6 +648,7 @@
645
648
  --inverse-outline-positive: #239322;
646
649
  --inverse-outline-positive-hover: #32CA2FFF;
647
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,12 +659,9 @@
655
659
 
656
660
  :root {
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
- --surface-skeleton-gradient: linear-gradient(0deg, #FFFFFF 0.0%, #FFFFFF 50.4%, #FFFFFF 100.0%, #FFFFFF 100.0%);
659
662
  --on-dark-personas-violet-surface-accent-gradient: linear-gradient(180.00deg, rgb(177, 76, 194) 0.0%, rgb(158, 50, 175) 100.0%);
660
- --overlay-gradient: linear-gradient(180.00deg, rgb(255, 255, 255) 0%, rgba(255, 255, 255, 0) 100%);
661
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%);
662
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%);
663
- --background-gradient: linear-gradient(135.00deg, rgb(2, 20, 9) 0.0%, rgb(20, 20, 19) 100.0%);
664
665
  --on-dark-personas-blue-surface-accent-gradient: linear-gradient(180.00deg, rgb(47, 130, 217) 0.0%, rgb(16, 99, 186) 100.0%);
665
666
  --inverse-personas-indigo-surface-accent-gradient: linear-gradient(180.00deg, rgb(135, 77, 207) 0.0%, rgb(113, 51, 190) 100.0%);
666
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%);
@@ -683,8 +684,10 @@
683
684
  --inverse-surface-accent-gradient-secondary: linear-gradient(90.00deg, rgb(11, 166, 134) 0.0%, rgb(9, 133, 107) 100.0%);
684
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%);
685
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%);
686
689
  --on-dark-overlay-gradient: linear-gradient(180deg, #000000 0.0%, #000000 100.0%);
687
- --on-light-personas-green-surface-accent-gradient: linear-gradient(180.00deg, rgb(121, 215, 192) 0.0%, rgb(80, 184, 159) 100.0%);
690
+ --background-gradient: linear-gradient(135.00deg, rgb(2, 20, 9) 0.0%, rgb(20, 20, 19) 100.0%);
688
691
  --personas-indigo-surface-accent-gradient: linear-gradient(180.00deg, rgb(135, 77, 207) 0.0%, rgb(113, 51, 190) 100.0%);
689
692
  --on-light-personas-ochre-surface-accent-gradient: linear-gradient(180.00deg, rgb(248, 165, 133) 0.0%, rgb(228, 118, 76) 100.0%);
690
693
  --surface-accent-gradient-secondary: linear-gradient(90.00deg, rgb(11, 166, 134) 0.0%, rgb(9, 133, 107) 100.0%);
@@ -710,6 +713,7 @@
710
713
  --personas-blue-surface-accent-gradient: linear-gradient(180.00deg, rgb(121, 179, 242) 0.0%, rgb(93, 153, 219) 100.0%);
711
714
  --inverse-personas-violet-surface-accent-gradient: linear-gradient(180.00deg, rgb(225, 157, 237) 0.0%, rgb(198, 122, 212) 100.0%);
712
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,24 +726,23 @@
722
726
 
723
727
  :root {
724
728
  --shadow-down-hard-s: 0rem 0.25rem 0.75rem -0.1875rem #08080829, 0rem 0.0625rem 0.25rem -0.125rem #00000014;
725
- --shadow-down-soft-m: 0rem 1.5rem 3rem -0.5rem #00000014;
726
729
  --shadow-down-soft-l: 0rem 3.75rem 7rem -0.5rem #00000014;
727
730
  --shadow-down-soft-s: 0rem 0.25rem 0.875rem -0.25rem #08080814, 0rem 0.0625rem 0.25rem -0.0625rem #0000000A;
731
+ --shadow-down-soft-m: 0rem 1.5rem 3rem -0.5rem #00000014;
728
732
  --shadow-down-hard-m: 0rem 1rem 2rem -0.5rem #0000003D;
729
733
  --shadow-down-hard-l: 0rem 3.75rem 7rem -0.5rem #00000066;
730
- --shadow-up-soft-l: 0rem -3.75rem 7rem -0.5rem #00000014;
731
734
  --shadow-up-hard-s: 0rem -0.25rem 0.75rem -0.1875rem #08080833, 0rem -0.0625rem 0.25rem -0.0625rem #00000008;
732
735
  --shadow-up-hard-m: 0rem -1rem 2rem -0.5rem #0000003D;
733
736
  --shadow-up-hard-l: 0rem -3.75rem 7rem -0.5rem #00000066;
734
737
  --shadow-up-soft-s: 0rem -0.25rem 0.875rem -0.25rem #08080814, 0rem -0.0625rem 0.25rem -0.0625rem #00000008;
735
738
  --shadow-up-soft-m: 0rem -1.5rem 3rem -0.5rem #00000014;
739
+ --shadow-up-soft-l: 0rem -3.75rem 7rem -0.5rem #00000014;
736
740
  }
737
741
 
738
742
  :root {
739
743
  --border-radius-4xl: 2rem;
740
- --border-radius-3xl: 1.75rem;
741
744
  --border-radius-5xl: 2.5rem;
742
- --border-radius-l: 1rem;
745
+ --border-radius-3xl: 1.75rem;
743
746
  --border-radius-xxs: 0.25rem;
744
747
  --border-radius-xs: 0.375rem;
745
748
  --border-radius-xxl: 1.5rem;
@@ -747,11 +750,11 @@
747
750
  --border-radius-xl: 1.25rem;
748
751
  --border-radius-circle: 100rem;
749
752
  --border-radius-m: 0.75rem;
753
+ --border-radius-l: 1rem;
750
754
  }
751
755
 
752
756
  :root {
753
757
  --spacing-16x: 2rem;
754
- --spacing-8x: 1rem;
755
758
  --spacing-10x: 1.25rem;
756
759
  --spacing-12x: 1.5rem;
757
760
  --spacing-20x: 2.5rem;
@@ -765,6 +768,7 @@
765
768
  --spacing-1x: 0.125rem;
766
769
  --spacing-3x: 0.375rem;
767
770
  --spacing-6x: 0.75rem;
771
+ --spacing-8x: 1rem;
768
772
  }
769
773
 
770
774
  :root {
@@ -1126,9 +1130,6 @@
1126
1130
  --plasma-typo-body-xxs-medium-font-size: 0.6875rem;
1127
1131
  --plasma-typo-body-xxs-medium-font-weight: 500;
1128
1132
  --plasma-typo-body-xxs-medium-line-height: 0.8125rem;
1129
- --plasma-typo-text-m-font-size: 1rem;
1130
- --plasma-typo-text-m-font-weight: 400;
1131
- --plasma-typo-text-m-line-height: 1.5rem;
1132
1133
  --plasma-typo-text-m-bold-font-size: 1rem;
1133
1134
  --plasma-typo-text-m-bold-font-weight: 600;
1134
1135
  --plasma-typo-text-m-bold-line-height: 1.5rem;
@@ -1153,6 +1154,9 @@
1153
1154
  --plasma-typo-text-xs-medium-font-size: 0.75rem;
1154
1155
  --plasma-typo-text-xs-medium-font-weight: 500;
1155
1156
  --plasma-typo-text-xs-medium-line-height: 1rem;
1157
+ --plasma-typo-text-m-font-size: 1rem;
1158
+ --plasma-typo-text-m-font-weight: 400;
1159
+ --plasma-typo-text-m-line-height: 1.5rem;
1156
1160
  --plasma-typo-text-l-font-size: 1.25rem;
1157
1161
  --plasma-typo-text-l-font-weight: 400;
1158
1162
  --plasma-typo-text-l-line-height: 1.75rem;
@@ -1167,15 +1171,30 @@
1167
1171
 
1168
1172
  @media (min-width: 960px) {
1169
1173
  :root {
1170
- --plasma-typo-dspl-s-medium-font-size: 2.125rem;
1171
- --plasma-typo-dspl-s-medium-font-weight: 500;
1172
- --plasma-typo-dspl-s-medium-line-height: 2.5625rem;
1173
1174
  --plasma-typo-dspl-s-font-size: 2.125rem;
1174
1175
  --plasma-typo-dspl-s-font-weight: 400;
1175
1176
  --plasma-typo-dspl-s-line-height: 2.5625rem;
1176
1177
  --plasma-typo-dspl-s-bold-font-size: 2.125rem;
1177
1178
  --plasma-typo-dspl-s-bold-font-weight: 700;
1178
1179
  --plasma-typo-dspl-s-bold-line-height: 2.5625rem;
1180
+ --plasma-typo-dspl-s-medium-font-size: 2.125rem;
1181
+ --plasma-typo-dspl-s-medium-font-weight: 500;
1182
+ --plasma-typo-dspl-s-medium-line-height: 2.5625rem;
1183
+ --plasma-typo-h4-bold-font-size: 1rem;
1184
+ --plasma-typo-h4-bold-font-weight: 700;
1185
+ --plasma-typo-h4-bold-line-height: 1.25rem;
1186
+ --plasma-typo-h4-medium-font-size: 1rem;
1187
+ --plasma-typo-h4-medium-font-weight: 500;
1188
+ --plasma-typo-h4-medium-line-height: 1.25rem;
1189
+ --plasma-typo-body-m-medium-font-size: 0.875rem;
1190
+ --plasma-typo-body-m-medium-font-weight: 500;
1191
+ --plasma-typo-body-m-medium-line-height: 1.125rem;
1192
+ --plasma-typo-body-s-font-size: 0.8125rem;
1193
+ --plasma-typo-body-s-font-weight: 400;
1194
+ --plasma-typo-body-s-line-height: 0.9375rem;
1195
+ --plasma-typo-body-s-bold-font-size: 0.8125rem;
1196
+ --plasma-typo-body-s-bold-font-weight: 600;
1197
+ --plasma-typo-body-s-bold-line-height: 0.9375rem;
1179
1198
  --plasma-typo-body-l-font-size: 1.125rem;
1180
1199
  --plasma-typo-body-l-font-weight: 400;
1181
1200
  --plasma-typo-body-l-line-height: 1.375rem;
@@ -1221,21 +1240,6 @@
1221
1240
  --plasma-typo-h4-font-size: 1.25rem;
1222
1241
  --plasma-typo-h4-font-weight: 400;
1223
1242
  --plasma-typo-h4-line-height: 1.625rem;
1224
- --plasma-typo-h4-bold-font-size: 1rem;
1225
- --plasma-typo-h4-bold-font-weight: 700;
1226
- --plasma-typo-h4-bold-line-height: 1.25rem;
1227
- --plasma-typo-h4-medium-font-size: 1rem;
1228
- --plasma-typo-h4-medium-font-weight: 500;
1229
- --plasma-typo-h4-medium-line-height: 1.25rem;
1230
- --plasma-typo-body-m-medium-font-size: 0.875rem;
1231
- --plasma-typo-body-m-medium-font-weight: 500;
1232
- --plasma-typo-body-m-medium-line-height: 1.125rem;
1233
- --plasma-typo-body-s-font-size: 0.8125rem;
1234
- --plasma-typo-body-s-font-weight: 400;
1235
- --plasma-typo-body-s-line-height: 0.9375rem;
1236
- --plasma-typo-body-s-bold-font-size: 0.8125rem;
1237
- --plasma-typo-body-s-bold-font-weight: 600;
1238
- --plasma-typo-body-s-bold-line-height: 0.9375rem;
1239
1243
  --plasma-typo-text-l-font-size: 1.5rem;
1240
1244
  --plasma-typo-text-l-font-weight: 400;
1241
1245
  --plasma-typo-text-l-line-height: 2rem;