@salutejs-ds/sdds_sbcom 0.1.12 → 0.1.14

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 +205 -181
  38. package/css/sdds_sbcom__dark.css +115 -103
  39. package/css/sdds_sbcom__light.css +116 -104
  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 +415 -379
  71. package/es/theme/tokens/index.js.map +1 -1
  72. package/index.css +55 -55
  73. package/index.js +12 -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 +347 -323
  93. package/theme/tokens/index.js +426 -378
  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.module.css CHANGED
@@ -1,13 +1,10 @@
1
1
  /* Generated by robots, do not change this manually! */
2
2
 
3
3
  .dark {
4
- --on-dark-personas-green-text-accent: #6CD5BB;
5
- --surface-transparent-accent-minor-hover: #0BA88866;
6
4
  --on-light-outline-primary-hover: #ADA39FFF;
7
5
  --inverse-outline-default-active: #E6E6E6FF;
8
6
  --inverse-personas-sea-blue-text-accent-active: #4BB4B4FF;
9
7
  --inverse-personas-violet-text-accent-active: #81288FFF;
10
- --on-dark-surface-transparent-navi-active: #2424248A;
11
8
  --on-light-outline-default-hover: #CCCCCCFF;
12
9
  --inverse-outline-primary-active: #C4BEBAFF;
13
10
  --on-dark-outline-default-active: #292929FF;
@@ -23,44 +20,34 @@
23
20
  --on-dark-outline-primary-active: #2B2827FF;
24
21
  --personas-olive-text-accent-active: #7DC07CFF;
25
22
  --on-dark-personas-olive-text-accent-hover: #A6D4A5FF;
26
- --inverse-personas-ochre-text-accent-active: #AA4A0EFF;
27
- --inverse-surface-transparent-navi-active: #FFFFFFAD;
28
- --on-light-personas-olive-text-accent-active: #179315FF;
29
23
  --on-light-personas-violet-text-accent-active: #81288FFF;
30
24
  --on-light-personas-ochre-text-accent-active: #AA4A0EFF;
31
25
  --on-dark-surface-accent-secondary-hover: #70CDB7FF;
32
26
  --inverse-personas-green-text-accent-hover: #8CDECAFF;
33
27
  --on-light-personas-pink-text-accent-hover: #E47777FF;
34
28
  --surface-accent-secondary-hover: #70CDB7FF;
35
- --personas-pink-text-accent-hover: #E26E6EFF;
36
29
  --personas-indigo-text-accent-hover: #E8DAFCFF;
37
- --personas-pink-text-accent-active: #D83B3BFF;
38
30
  --on-dark-personas-violet-text-accent-hover: #E9B6F2FF;
39
31
  --on-light-outline-primary: #DDD9D7;
40
32
  --inverse-outline-default: #FFFFFF;
41
33
  --on-dark-personas-blue-text-accent-hover: #C3DDF9FF;
42
- --on-dark-personas-blue-text-accent-active: #5DA3EFFF;
43
34
  --on-light-personas-indigo-text-accent-hover: #000000FF;
44
35
  --on-light-personas-indigo-text-accent-active: #5B2999FF;
45
36
  --on-light-personas-sea-blue-text-accent-hover: #00D9E0FF;
46
- --on-light-personas-sea-blue-text-accent-active: #00B1B8FF;
47
- --on-light-outline-default: #FFFFFF;
48
37
  --personas-ochre-text-accent-active: #F19F7EFF;
49
38
  --inverse-background-hardline: #000000;
50
- --on-dark-surface-transparent-accent-minor-hover: #0BA88866;
51
39
  --on-dark-surface-transparent-accent-minor-active: #0BA88838;
52
40
  --on-dark-personas-sea-blue-text-accent-hover: #FFFFFFFF;
53
- --on-light-surface-accent-secondary: #41BDA1;
54
41
  --surface-transparent-navi: #23232399;
55
42
  --personas-violet-text-accent-active: #892B97FF;
56
43
  --personas-blue-text-accent-hover: #C3DDF9FF;
57
44
  --outline-default: #FFFFFF;
58
45
  --text-primary-brightness-active: #FAFAFAC4;
59
- --surface-transparent-card-brightness-hover: #FAFAFA1F;
60
- --surface-transparent-card-brightness-active: #FAFAFA0A;
61
46
  --surface-solid-card-brightness-hover: #303030FF;
47
+ --surface-transparent-card-brightness-hover: #FAFAFA1F;
62
48
  --surface-solid-card-brightness-active: #212121FF;
63
49
  --surface-solid-primary-brightness-hover: #303030FF;
50
+ --surface-transparent-card-brightness-active: #FAFAFA0A;
64
51
  --on-dark-surface-solid-primary-brightness-active: #212121FF;
65
52
  --on-dark-surface-transparent-card-brightness-hover: #FAFAFA1F;
66
53
  --on-dark-surface-transparent-card-brightness-active: #FAFAFA0A;
@@ -68,19 +55,18 @@
68
55
  --on-dark-surface-solid-card-brightness-active: #212121FF;
69
56
  --on-light-surface-solid-primary-brightness-hover: #FFFFFFFF;
70
57
  --on-light-surface-solid-primary-brightness-active: #FFFFFFFF;
71
- --outline-primary: #DDD9D7;
72
58
  --inverse-personas-indigo-text-accent: #BD91F5;
73
59
  --inverse-personas-pink-text-accent: #F7A4A4;
74
- --on-light-outline-positive-active: #20801EFF;
75
60
  --personas-olive-text-accent: #93CB92;
61
+ --on-light-outline-positive-active: #20801EFF;
76
62
  --inverse-personas-ochre-text-accent: #D15A11;
63
+ --on-dark-personas-olive-text-accent: #93CB92;
77
64
  --surface-solid-tertiary-active: #424242FF;
78
65
  --on-light-surface-solid-tertiary-active: #FFFFFFFF;
79
- --on-dark-personas-olive-text-accent: #93CB92;
66
+ --inverse-surface-transparent-navi: #FFFFFF99;
80
67
  --on-light-surface-transparent-card-brightness-hover: #FFFFFFFF;
81
68
  --text-primary: #FFFFFFFC;
82
69
  --on-dark-text-accent-minor-hover: #60C7AFFF;
83
- --inverse-surface-transparent-navi: #FFFFFF99;
84
70
  --on-light-personas-olive-text-accent: #127210;
85
71
  --on-light-surface-transparent-card-brightness-active: #FFFFFFFF;
86
72
  --on-dark-surface-accent-minor-active: #043F34FF;
@@ -89,12 +75,11 @@
89
75
  --inverse-surface-solid-primary-brightness-hover: #FFFFFFFF;
90
76
  --inverse-surface-solid-primary-brightness-active: #FFFFFFFF;
91
77
  --inverse-surface-transparent-card-brightness-hover: #FFFFFFFF;
92
- --on-light-personas-violet-text-accent: #9E32AF;
78
+ --outline-primary: #DDD9D7;
93
79
  --on-light-personas-ochre-text-accent: #D15A11;
94
80
  --on-dark-personas-indigo-text-accent: #BD91F5;
95
81
  --on-dark-surface-accent-secondary: #61C8B0;
96
82
  --inverse-personas-green-text-accent: #6CD5BB;
97
- --on-light-personas-pink-text-accent: #DE5555;
98
83
  --surface-accent-secondary: #61C8B0;
99
84
  --surface-accent-minor: #04473B;
100
85
  --on-dark-surface-solid-tertiary-active: #424242FF;
@@ -103,26 +88,19 @@
103
88
  --on-light-surface-accent-minor: #D0F2E9;
104
89
  --inverse-surface-transparent-card-brightness-active: #FFFFFFFF;
105
90
  --on-light-outline-warning-active: #A3420AFF;
106
- --on-light-surface-accent-minor-hover: #C7F0E5FF;
91
+ --on-light-personas-violet-text-accent: #9E32AF;
107
92
  --inverse-surface-accent-minor: #D0F2E9;
108
93
  --inverse-surface-solid-card-brightness-active: #FFFFFFFF;
109
94
  --on-dark-surface-accent-minor-hover: #055C4CFF;
110
- --on-light-surface-transparent-navi: #FFFFFF99;
95
+ --on-light-surface-accent-minor-hover: #C7F0E5FF;
111
96
  --on-dark-personas-blue-text-accent: #79B3F2;
112
97
  --on-light-personas-indigo-text-accent: #7133BE;
113
98
  --on-light-personas-sea-blue-text-accent: #00898D;
114
- --inverse-personas-olive-text-accent: #127210;
115
99
  --personas-ochre-text-accent: #F4B49B;
116
100
  --on-dark-surface-transparent-accent-minor: #0BA68647;
117
101
  --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;
122
- --on-dark-personas-sea-blue-text-accent: #7BC8C8;
102
+ --on-light-surface-transparent-navi: #FFFFFF99;
123
103
  --on-dark-personas-green-text-accent-hover: #84DCC6FF;
124
- --on-light-personas-blue-text-accent-active: #0D4F96FF;
125
- --on-light-outline-default-active: #E6E6E6FF;
126
104
  --personas-green-text-accent-active: #03A57FFF;
127
105
  --personas-sea-blue-text-accent-active: #00A8ADFF;
128
106
  --inverse-surface-accent-secondary-active: #3CAF94FF;
@@ -145,21 +123,15 @@
145
123
  --on-dark-personas-sea-blue-text-accent-active: #2D6C6CFF;
146
124
  --on-light-surface-transparent-accent-minor: #0BA6863D;
147
125
  --on-light-personas-green-text-accent: #038768;
126
+ --on-light-outline-primary-active: #C4BEBAFF;
127
+ --inverse-personas-blue-text-accent-active: #0D4F96FF;
128
+ --inverse-surface-transparent-accent-minor-active: #0BA8885C;
148
129
  --text-primary-brightness-hover: #FAFAFA93;
149
130
  --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;
155
- --inverse-personas-sea-blue-text-accent-hover: #000000FF;
156
- --inverse-personas-blue-text-accent-hover: #1477E1FF;
157
- --inverse-personas-violet-text-accent-hover: #B740C9FF;
158
- --inverse-surface-transparent-accent-minor-hover: #0BA88857;
159
- --on-light-personas-blue-text-accent-hover: #1477E1FF;
160
- --on-dark-surface-transparent-navi-hover: #242424B8;
161
- --inverse-outline-primary-hover: #ADA39FFF;
162
- --on-light-surface-accent-secondary-hover: #50C3A8FF;
131
+ --on-dark-personas-sea-blue-text-accent: #7BC8C8;
132
+ --on-light-personas-blue-text-accent-active: #0D4F96FF;
133
+ --on-light-outline-default-active: #E6E6E6FF;
134
+ --on-light-text-warning-active: #6F2D06FF;
163
135
  --surface-transparent-navi-hover: #242424B8;
164
136
  --on-light-surface-transparent-accent-minor-hover: #0BA8884D;
165
137
  --on-light-personas-green-text-accent-hover: #04D7A6FF;
@@ -177,13 +149,35 @@
177
149
  --on-light-personas-ochre-text-accent-hover: #ED6C1DFF;
178
150
  --on-dark-personas-indigo-text-accent-hover: #E8DAFCFF;
179
151
  --on-dark-personas-ochre-text-accent: #F4B49B;
152
+ --on-dark-personas-green-text-accent-active: #54CFB0FF;
153
+ --on-dark-personas-ochre-text-accent-active: #F19F7EFF;
154
+ --surface-transparent-accent-minor-active: #0BA88838;
155
+ --inverse-outline-default-hover: #CCCCCCFF;
156
+ --personas-violet-text-accent: #9E32AF;
157
+ --inverse-outline-primary-hover: #ADA39FFF;
158
+ --inverse-personas-sea-blue-text-accent-hover: #000000FF;
159
+ --inverse-personas-blue-text-accent-hover: #1477E1FF;
160
+ --inverse-personas-violet-text-accent-hover: #B740C9FF;
161
+ --inverse-surface-transparent-accent-minor-hover: #0BA88857;
162
+ --on-light-personas-blue-text-accent-hover: #1477E1FF;
163
+ --on-dark-surface-transparent-navi-hover: #242424B8;
164
+ --on-light-surface-accent-secondary-hover: #50C3A8FF;
165
+ --personas-blue-text-accent: #79B3F2;
180
166
  --personas-sea-blue-text-accent: #00898D;
181
167
  --personas-violet-text-accent-hover: #B438C7FF;
168
+ --background-hardline: #000000;
169
+ --on-light-text-primary-brightness-hover: #17171793;
170
+ --inverse-text-primary-brightness-hover: #17171793;
171
+ --surface-solid-primary-brightness-active: #212121FF;
172
+ --on-dark-surface-solid-primary-brightness-hover: #303030FF;
173
+ --inverse-surface-solid-card-brightness-hover: #FFFFFFFF;
174
+ --inverse-personas-blue-text-accent: #1063BA;
175
+ --personas-blue-text-accent-active: #5DA3EFFF;
182
176
  --surface-accent-secondary-active: #59C5ACFF;
183
177
  --surface-transparent-accent-minor: #0BA68647;
184
178
  --inverse-personas-sea-blue-text-accent: #7BC8C8;
185
- --background-hardline: #000000;
186
- --inverse-personas-blue-text-accent: #1063BA;
179
+ --on-dark-personas-pink-text-accent: #F7A4A4;
180
+ --personas-pink-text-accent: #DE5555;
187
181
  --inverse-personas-violet-text-accent: #9E32AF;
188
182
  --inverse-surface-transparent-accent-minor: #0BA68647;
189
183
  --on-light-personas-blue-text-accent: #1063BA;
@@ -192,24 +186,29 @@
192
186
  --inverse-personas-olive-text-accent-active: #179315FF;
193
187
  --on-dark-outline-default: #383838;
194
188
  --personas-green-text-accent: #038768;
195
- --personas-blue-text-accent-active: #5DA3EFFF;
196
189
  --dark-background-hardline: #000000;
197
190
  --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
191
  --on-dark-text-primary-brightness-active: #FAFAFAC4;
207
192
  --on-light-text-primary-brightness-active: #171717C4;
208
193
  --inverse-text-primary-brightness-active: #171717C4;
209
194
  --personas-indigo-text-accent: #BD91F5;
210
195
  --on-dark-personas-ochre-text-accent-hover: #F7C8B6FF;
211
196
  --on-dark-personas-indigo-text-accent-active: #AA73F2FF;
212
- --text-paragraph-hover: #F5F1EFFF;
197
+ --personas-pink-text-accent-hover: #E26E6EFF;
198
+ --on-dark-personas-green-text-accent: #6CD5BB;
199
+ --surface-transparent-accent-minor-hover: #0BA88866;
200
+ --on-dark-surface-transparent-navi-active: #2424248A;
201
+ --inverse-personas-ochre-text-accent-active: #AA4A0EFF;
202
+ --inverse-surface-transparent-navi-active: #FFFFFFAD;
203
+ --on-light-personas-olive-text-accent-active: #179315FF;
204
+ --personas-pink-text-accent-active: #D83B3BFF;
205
+ --on-dark-personas-blue-text-accent-active: #5DA3EFFF;
206
+ --on-light-personas-sea-blue-text-accent-active: #00B1B8FF;
207
+ --on-light-outline-default: #FFFFFF;
208
+ --on-dark-surface-transparent-accent-minor-hover: #0BA88866;
209
+ --on-light-surface-accent-secondary: #41BDA1;
210
+ --on-light-personas-pink-text-accent: #DE5555;
211
+ --inverse-personas-olive-text-accent: #127210;
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,9 @@
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;
388
+ --surface-transparent-negative-hover: #F8A5A89E;
387
389
  --surface-read-only: #F9F9F905;
388
390
  --surface-read-only-hover: #FAFAFA0F;
389
391
  --surface-read-only-active: #FAFAFA00;
@@ -396,7 +398,7 @@
396
398
  --on-dark-surface-solid-secondary-active: #242424FF;
397
399
  --on-dark-surface-solid-tertiary: #474747;
398
400
  --on-dark-surface-solid-tertiary-hover: #525252FF;
399
- --on-dark-surface-transparent-secondary-hover: #FFFFFF47;
401
+ --surface-transparent-negative-active: #F8A5A870;
400
402
  --on-dark-surface-transparent-secondary-active: #FFFFFF1A;
401
403
  --on-dark-surface-transparent-tertiary: #FFFFFF3D;
402
404
  --on-dark-surface-transparent-tertiary-hover: #FFFFFF5C;
@@ -425,6 +427,7 @@
425
427
  --on-dark-surface-solid-card-hover: #2E2E2EFF;
426
428
  --on-dark-surface-transparent-primary-active: #FFFFFF0F;
427
429
  --on-dark-surface-transparent-secondary: #FFFFFF29;
430
+ --on-dark-surface-transparent-secondary-hover: #FFFFFF47;
428
431
  --on-dark-surface-positive: #A6D2A2;
429
432
  --on-dark-surface-positive-hover: #B3D9B0FF;
430
433
  --on-dark-surface-positive-active: #9FCF9BFF;
@@ -452,7 +455,9 @@
452
455
  --on-light-surface-solid-secondary-active: #FFFFFFFF;
453
456
  --on-light-surface-solid-tertiary: #FFFFFF;
454
457
  --on-light-surface-solid-tertiary-hover: #FFFFFFFF;
455
- --on-light-surface-transparent-secondary-hover: #15110F1A;
458
+ --on-dark-surface-transparent-negative-active: #F8A5A870;
459
+ --on-dark-surface-transparent-negative: #F8A6A980;
460
+ --on-dark-surface-transparent-negative-hover: #F8A5A89E;
456
461
  --on-light-surface-transparent-secondary-active: #15110F1F;
457
462
  --on-light-surface-transparent-tertiary: #15110F1F;
458
463
  --on-light-surface-transparent-tertiary-hover: #15110F2E;
@@ -481,6 +486,7 @@
481
486
  --on-light-surface-solid-card-hover: #FFFFFFFF;
482
487
  --on-light-surface-transparent-primary-active: #15110F0F;
483
488
  --on-light-surface-transparent-secondary: #15110F14;
489
+ --on-light-surface-transparent-secondary-hover: #15110F1A;
484
490
  --on-light-surface-positive: #239322;
485
491
  --on-light-surface-positive-hover: #28A126FF;
486
492
  --on-light-surface-positive-active: #20801EFF;
@@ -496,6 +502,8 @@
496
502
  --on-light-surface-transparent-accent-active: #0BA88833;
497
503
  --on-light-surface-transparent-accent: #0BA6861F;
498
504
  --on-light-surface-transparent-accent-hover: #0BA8882E;
505
+ --on-light-surface-transparent-negative: #E8343929;
506
+ --on-light-surface-transparent-negative-hover: #E9353B38;
499
507
  --on-light-surface-read-only: #F9F9F903;
500
508
  --on-light-surface-read-only-hover: #FAFAFA05;
501
509
  --on-light-surface-read-only-active: #FAFAFA08;
@@ -506,7 +514,7 @@
506
514
  --inverse-surface-solid-secondary: #FFFFFF;
507
515
  --inverse-surface-solid-secondary-hover: #FFFFFFFF;
508
516
  --inverse-surface-solid-secondary-active: #FFFFFFFF;
509
- --inverse-surface-transparent-secondary: #15110F14;
517
+ --on-light-surface-transparent-negative-active: #E9353B3D;
510
518
  --inverse-surface-transparent-secondary-hover: #15110F1A;
511
519
  --inverse-surface-transparent-secondary-active: #15110F1F;
512
520
  --inverse-surface-transparent-tertiary: #15110F1F;
@@ -535,6 +543,7 @@
535
543
  --inverse-surface-transparent-primary: #15110F0A;
536
544
  --inverse-surface-transparent-primary-hover: #15110F0D;
537
545
  --inverse-surface-transparent-primary-active: #15110F0F;
546
+ --inverse-surface-transparent-secondary: #15110F14;
538
547
  --inverse-surface-positive: #239322;
539
548
  --inverse-surface-positive-hover: #28A126FF;
540
549
  --inverse-surface-positive-active: #20801EFF;
@@ -553,6 +562,8 @@
553
562
  --inverse-surface-transparent-accent-hover: #0BA8882E;
554
563
  --inverse-surface-transparent-accent-active: #0BA88833;
555
564
  --inverse-surface-accent-active: #099579FF;
565
+ --inverse-surface-transparent-negative-active: #E9353B3D;
566
+ --inverse-surface-transparent-negative: #E8343929;
556
567
  --inverse-surface-read-only: #F9F9F903;
557
568
  --inverse-surface-read-only-hover: #FAFAFA05;
558
569
  --inverse-surface-read-only-active: #FAFAFA08;
@@ -563,7 +574,7 @@
563
574
  --dark-background-secondary: #0F0F0F;
564
575
  --dark-background-tertiary: #141413;
565
576
  --light-background-primary: #EBE7E5;
566
- --on-light-overlay-hard: #00000052;
577
+ --inverse-surface-transparent-negative-hover: #E9353B38;
567
578
  --inverse-overlay-soft: #0000003D;
568
579
  --inverse-overlay-hard: #00000052;
569
580
  --outline-transparent-primary: #FFFFFF1F;
@@ -579,6 +590,7 @@
579
590
  --on-dark-overlay-hard: #00000029;
580
591
  --inverse-background-primary: #EBE7E5;
581
592
  --on-light-overlay-soft: #0000003D;
593
+ --on-light-overlay-hard: #00000052;
582
594
  --outline-positive: #A6D2A2;
583
595
  --outline-positive-hover: #DBEDD9FF;
584
596
  --outline-positive-active: #92C88DFF;
@@ -633,7 +645,6 @@
633
645
  --inverse-outline-clear: #FFFFFF00;
634
646
  --inverse-outline-clear-hover: #FFFFFF00;
635
647
  --inverse-outline-clear-active: #FFFFFF00;
636
- --inverse-outline-warning-hover: #F3813FFF;
637
648
  --inverse-outline-warning-active: #A3420AFF;
638
649
  --inverse-outline-negative: #E83439;
639
650
  --inverse-outline-negative-hover: #F17E82FF;
@@ -645,6 +656,7 @@
645
656
  --inverse-outline-positive: #239322;
646
657
  --inverse-outline-positive-hover: #32CA2FFF;
647
658
  --inverse-outline-warning: #BE4E0C;
659
+ --inverse-outline-warning-hover: #F3813FFF;
648
660
  --text-primary-hover: #FFFFFF97;
649
661
  --on-dark-surface-solid-default: #F6F2F0;
650
662
  --on-light-surface-accent-minor-active: #BFEDE1FF;
@@ -655,12 +667,7 @@
655
667
 
656
668
  .dark {
657
669
  --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
- --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
670
  --on-light-outline-white-gradient: linear-gradient(135.00deg, rgb(255, 255, 255) 0.0%, rgba(255, 255, 255, 0.16) 36.0%, rgba(255, 255, 255, 0.16) 66.0%, rgba(255, 255, 255, 0.8) 100.0%);
662
- --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
671
  --on-dark-personas-blue-surface-accent-gradient: linear-gradient(180.00deg, rgb(47, 130, 217) 0.0%, rgb(16, 99, 186) 100.0%);
665
672
  --inverse-personas-indigo-surface-accent-gradient: linear-gradient(180.00deg, rgb(135, 77, 207) 0.0%, rgb(113, 51, 190) 100.0%);
666
673
  --outline-white-gradient: linear-gradient(135.00deg, rgb(255, 255, 255) 0.0%, rgba(255, 255, 255, 0.16) 36.0%, rgba(255, 255, 255, 0.16) 66.0%, rgba(255, 255, 255, 0.8) 100.0%);
@@ -671,11 +678,11 @@
671
678
  --on-dark-personas-ochre-surface-accent-gradient: linear-gradient(180.00deg, rgb(229, 128, 66) 0.0%, rgb(199, 90, 23) 100.0%);
672
679
  --personas-sea-blue-surface-accent-gradient: linear-gradient(180.00deg, rgb(153, 215, 217) 0.0%, rgb(116, 198, 200) 100.0%);
673
680
  --inverse-personas-pink-surface-accent-gradient: linear-gradient(180.00deg, rgb(222, 113, 113) 0.0%, rgb(208, 79, 79) 100.0%);
674
- --on-light-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%);
681
+ --on-light-surface-skeleton-gradient: linear-gradient(90deg, #0808080F 0.0%, #0808080C 10.0%, #08080809 20.0%, #08080808 25.0%, #08080806 30.0%, #08080803 40.0%, #08080800 50.0%, #08080803 60.0%, #08080806 70.0%, #08080808 75.0%, #08080809 80.0%, #0808080C 90.0%, #0808080F 100.0%);
675
682
  --inverse-personas-ochre-surface-accent-gradient: linear-gradient(180.00deg, rgb(248, 165, 133) 0.0%, rgb(228, 118, 76) 100.0%);
676
683
  --dark-background-gradient: linear-gradient(135.00deg, rgb(2, 20, 9) 0.0%, rgb(20, 20, 19) 100.0%);
677
684
  --on-dark-personas-sea-blue-surface-accent-gradient: linear-gradient(180.00deg, rgb(27, 173, 178) 0.0%, rgb(0, 137, 141) 100.0%);
678
- --on-dark-surface-skeleton-gradient: linear-gradient(0deg, #FFFFFF 0.0%, #FFFFFF 50.4%, #FFFFFF 100.0%, #FFFFFF 100.0%);
685
+ --on-dark-surface-skeleton-gradient: linear-gradient(90deg, #FFFFFF00 0.0%, #FFFFFF3D 50.4%, #FFFFFF00 100.0%, #FFFFFF00 100.0%);
679
686
  --inverse-background-gradient: linear-gradient(135.00deg, rgb(2, 20, 9) 0.0%, rgb(20, 20, 19) 100.0%);
680
687
  --inverse-overlay-gradient: linear-gradient(180.00deg, rgb(255, 255, 255) 0%, rgba(255, 255, 255, 0) 100%);
681
688
  --personas-pink-surface-accent-gradient: linear-gradient(180.00deg, rgb(222, 113, 113) 0.0%, rgb(208, 79, 79) 100.0%);
@@ -683,9 +690,12 @@
683
690
  --inverse-surface-accent-gradient-secondary: linear-gradient(90.00deg, rgb(11, 166, 134) 0.0%, rgb(9, 133, 107) 100.0%);
684
691
  --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
692
  --light-background-gradient: linear-gradient(135.00deg, rgb(193, 234, 207) 0.0%, rgb(160, 222, 207) 100.0%);
693
+ --surface-skeleton-gradient: linear-gradient(90deg, #FFFFFF00 0.0%, #FFFFFF3D 50.4%, #FFFFFF00 100.0%, #FFFFFF00 100.0%);
694
+ --overlay-gradient: linear-gradient(180.00deg, rgb(255, 255, 255) 0%, rgba(255, 255, 255, 0) 100%);
686
695
  --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%);
688
- --personas-indigo-surface-accent-gradient: linear-gradient(180.00deg, rgb(135, 77, 207) 0.0%, rgb(113, 51, 190) 100.0%);
696
+ --background-gradient: linear-gradient(135.00deg, rgb(2, 20, 9) 0.0%, rgb(20, 20, 19) 100.0%);
697
+ --on-dark-personas-violet-surface-accent-gradient: linear-gradient(180.00deg, rgb(177, 76, 194) 0.0%, rgb(158, 50, 175) 100.0%);
698
+ --inverse-surface-skeleton-gradient: linear-gradient(90deg, #0808080F 0.0%, #0808080C 10.0%, #08080809 20.0%, #08080808 25.0%, #08080806 30.0%, #08080803 40.0%, #08080800 50.0%, #08080803 60.0%, #08080806 70.0%, #08080808 75.0%, #08080809 80.0%, #0808080C 90.0%, #0808080F 100.0%);
689
699
  --on-light-personas-ochre-surface-accent-gradient: linear-gradient(180.00deg, rgb(248, 165, 133) 0.0%, rgb(228, 118, 76) 100.0%);
690
700
  --surface-accent-gradient-secondary: linear-gradient(90.00deg, rgb(11, 166, 134) 0.0%, rgb(9, 133, 107) 100.0%);
691
701
  --inverse-personas-green-surface-accent-gradient: linear-gradient(180.00deg, rgb(26, 158, 127) 0.0%, rgb(3, 135, 104) 100.0%);
@@ -704,30 +714,29 @@
704
714
  --on-dark-text-accent-gradient-a-i: linear-gradient(135.00deg, rgb(202, 70, 227) 8.0%, rgb(169, 141, 245) 56.0%, rgb(54, 211, 245) 100.0%);
705
715
  --on-dark-personas-green-surface-accent-gradient: linear-gradient(180.00deg, rgb(26, 158, 127) 0.0%, rgb(3, 135, 104) 100.0%);
706
716
  --personas-olive-surface-accent-gradient: linear-gradient(180.00deg, rgb(147, 203, 146) 0.0%, rgb(115, 179, 114) 100.0%);
717
+ --personas-indigo-surface-accent-gradient: linear-gradient(180.00deg, rgb(135, 77, 207) 0.0%, rgb(113, 51, 190) 100.0%);
707
718
  --text-accent-gradient-a-i: linear-gradient(135.00deg, rgb(202, 70, 227) 8.0%, rgb(169, 141, 245) 56.0%, rgb(54, 211, 245) 100.0%);
708
- --on-dark-personas-olive-surface-accent-gradient: linear-gradient(180.00deg, rgb(33, 150, 31) 0.0%, rgb(18, 114, 16) 100.0%);
709
719
  --on-dark-surface-accent-gradient-secondary: linear-gradient(90.00deg, rgb(11, 166, 134) 0.0%, rgb(9, 133, 107) 100.0%);
710
720
  --personas-blue-surface-accent-gradient: linear-gradient(180.00deg, rgb(121, 179, 242) 0.0%, rgb(93, 153, 219) 100.0%);
711
721
  --inverse-personas-violet-surface-accent-gradient: linear-gradient(180.00deg, rgb(225, 157, 237) 0.0%, rgb(198, 122, 212) 100.0%);
712
722
  --on-light-surface-accent-gradient-secondary: linear-gradient(90.00deg, rgb(11, 166, 134) 0.0%, rgb(9, 133, 107) 100.0%);
723
+ --on-light-personas-green-surface-accent-gradient: linear-gradient(180.00deg, rgb(121, 215, 192) 0.0%, rgb(80, 184, 159) 100.0%);
724
+ --on-dark-personas-olive-surface-accent-gradient: linear-gradient(180.00deg, rgb(33, 150, 31) 0.0%, rgb(18, 114, 16) 100.0%);
713
725
  --surface-accent-gradient: linear-gradient(180.00deg, rgb(129, 211, 192) 0.0%, rgb(29, 145, 88) 100.0%);
714
726
  --surface-accent-minor-gradient: linear-gradient(135.00deg, rgb(3, 67, 37) 0.0%, rgba(1, 24, 21, 0.98) 100.0%);
715
727
  --on-dark-surface-accent-gradient: linear-gradient(180.00deg, rgb(129, 211, 192) 0.0%, rgb(29, 145, 88) 100.0%);
716
728
  --on-dark-surface-accent-minor-gradient: linear-gradient(135.00deg, rgb(3, 67, 37) 0.0%, rgba(1, 24, 21, 0.98) 100.0%);
717
- --on-light-surface-accent-gradient: linear-gradient(180.00deg, rgb(129, 211, 192) 0.0%, rgb(29, 145, 88) 100.0%);
729
+ --on-light-surface-accent-gradient: linear-gradient(180.00deg, rgb(129, 211, 192) 0.0%, rgb(29, 145, 88) 100.0%);
718
730
  --on-light-surface-accent-minor-gradient: linear-gradient(133.15deg, rgb(193, 234, 207) 0%, rgb(160, 222, 207) 100.0%);
719
731
  --inverse-surface-accent-gradient: linear-gradient(180.00deg, rgb(129, 211, 192) 0.0%, rgb(29, 145, 88) 100.0%);
720
732
  --inverse-surface-accent-minor-gradient: linear-gradient(133.15deg, rgb(193, 234, 207) 0%, rgb(160, 222, 207) 100.0%);
721
733
  }
722
734
 
723
735
  .light {
724
- --on-dark-personas-green-text-accent: #6CD5BB;
725
- --surface-transparent-accent-minor-hover: #0BA8884D;
726
736
  --on-light-outline-primary-hover: #ADA39FFF;
727
737
  --inverse-outline-default-active: #292929FF;
728
738
  --inverse-personas-sea-blue-text-accent-active: #00A8ADFF;
729
739
  --inverse-personas-violet-text-accent-active: #D982E8FF;
730
- --on-dark-surface-transparent-navi-active: #2424248A;
731
740
  --on-light-outline-default-hover: #CCCCCCFF;
732
741
  --inverse-outline-primary-active: #2B2827FF;
733
742
  --on-dark-outline-default-active: #292929FF;
@@ -743,44 +752,34 @@
743
752
  --on-dark-outline-primary-active: #2B2827FF;
744
753
  --personas-olive-text-accent-active: #179315FF;
745
754
  --on-dark-personas-olive-text-accent-hover: #A6D4A5FF;
746
- --inverse-personas-ochre-text-accent-active: #F19F7EFF;
747
- --inverse-surface-transparent-navi-active: #2424248A;
748
- --on-light-personas-olive-text-accent-active: #179315FF;
749
755
  --on-light-personas-violet-text-accent-active: #81288FFF;
750
756
  --on-light-personas-ochre-text-accent-active: #AA4A0EFF;
751
757
  --on-dark-surface-accent-secondary-hover: #70CDB7FF;
752
758
  --inverse-personas-green-text-accent-hover: #04C396FF;
753
759
  --on-light-personas-pink-text-accent-hover: #E47777FF;
754
760
  --surface-accent-secondary-hover: #50C3A8FF;
755
- --personas-pink-text-accent-hover: #FBCBCBFF;
756
761
  --personas-indigo-text-accent-hover: #000000FF;
757
- --personas-pink-text-accent-active: #F48080FF;
758
762
  --on-dark-personas-violet-text-accent-hover: #E9B6F2FF;
759
763
  --on-light-outline-primary: #DDD9D7;
760
764
  --inverse-outline-default: #383838;
761
765
  --on-dark-personas-blue-text-accent-hover: #C3DDF9FF;
762
- --on-dark-personas-blue-text-accent-active: #5DA3EFFF;
763
766
  --on-light-personas-indigo-text-accent-hover: #000000FF;
764
767
  --on-light-personas-indigo-text-accent-active: #5B2999FF;
765
768
  --on-light-personas-sea-blue-text-accent-hover: #00D9E0FF;
766
- --on-light-personas-sea-blue-text-accent-active: #00B1B8FF;
767
- --on-light-outline-default: #FFFFFF;
768
769
  --personas-ochre-text-accent-active: #AA4A0EFF;
769
770
  --inverse-background-hardline: #FFFFFF;
770
- --on-dark-surface-transparent-accent-minor-hover: #0BA88866;
771
771
  --on-dark-surface-transparent-accent-minor-active: #0BA88838;
772
772
  --on-dark-personas-sea-blue-text-accent-hover: #FFFFFFFF;
773
- --on-light-surface-accent-secondary: #41BDA1;
774
773
  --surface-transparent-navi: #FFFFFF99;
775
774
  --personas-violet-text-accent-active: #D679E6FF;
776
775
  --personas-blue-text-accent-hover: #1477E1FF;
777
776
  --outline-default: #383838;
778
777
  --text-primary-brightness-active: #171717C4;
779
- --surface-transparent-card-brightness-hover: #FFFFFFFF;
780
- --surface-transparent-card-brightness-active: #FFFFFFFF;
781
778
  --surface-solid-card-brightness-hover: #FFFFFFFF;
779
+ --surface-transparent-card-brightness-hover: #FFFFFFFF;
782
780
  --surface-solid-card-brightness-active: #FFFFFFFF;
783
781
  --surface-solid-primary-brightness-hover: #FFFFFFFF;
782
+ --surface-transparent-card-brightness-active: #FFFFFFFF;
784
783
  --on-dark-surface-solid-primary-brightness-active: #212121FF;
785
784
  --on-dark-surface-transparent-card-brightness-hover: #FAFAFA1F;
786
785
  --on-dark-surface-transparent-card-brightness-active: #FAFAFA0A;
@@ -788,19 +787,18 @@
788
787
  --on-dark-surface-solid-card-brightness-active: #212121FF;
789
788
  --on-light-surface-solid-primary-brightness-hover: #FFFFFFFF;
790
789
  --on-light-surface-solid-primary-brightness-active: #FFFFFFFF;
791
- --outline-primary: #3B3735;
792
790
  --inverse-personas-indigo-text-accent: #7133BE;
793
791
  --inverse-personas-pink-text-accent: #DE5555;
794
- --on-light-outline-positive-active: #20801EFF;
795
792
  --personas-olive-text-accent: #127210;
793
+ --on-light-outline-positive-active: #20801EFF;
796
794
  --inverse-personas-ochre-text-accent: #F4B49B;
795
+ --on-dark-personas-olive-text-accent: #93CB92;
797
796
  --surface-solid-tertiary-active: #FFFFFFFF;
798
797
  --on-light-surface-solid-tertiary-active: #FFFFFFFF;
799
- --on-dark-personas-olive-text-accent: #93CB92;
798
+ --inverse-surface-transparent-navi: #23232399;
800
799
  --on-light-surface-transparent-card-brightness-hover: #FFFFFFFF;
801
800
  --text-primary: #15110FFC;
802
801
  --on-dark-text-accent-minor-hover: #60C7AFFF;
803
- --inverse-surface-transparent-navi: #23232399;
804
802
  --on-light-personas-olive-text-accent: #127210;
805
803
  --on-light-surface-transparent-card-brightness-active: #FFFFFFFF;
806
804
  --on-dark-surface-accent-minor-active: #043F34FF;
@@ -809,12 +807,11 @@
809
807
  --inverse-surface-solid-primary-brightness-hover: #303030FF;
810
808
  --inverse-surface-solid-primary-brightness-active: #212121FF;
811
809
  --inverse-surface-transparent-card-brightness-hover: #FAFAFA1F;
812
- --on-light-personas-violet-text-accent: #9E32AF;
810
+ --outline-primary: #3B3735;
813
811
  --on-light-personas-ochre-text-accent: #D15A11;
814
812
  --on-dark-personas-indigo-text-accent: #BD91F5;
815
813
  --on-dark-surface-accent-secondary: #61C8B0;
816
814
  --inverse-personas-green-text-accent: #038768;
817
- --on-light-personas-pink-text-accent: #DE5555;
818
815
  --surface-accent-secondary: #41BDA1;
819
816
  --surface-accent-minor: #D0F2E9;
820
817
  --on-dark-surface-solid-tertiary-active: #424242FF;
@@ -823,26 +820,19 @@
823
820
  --on-light-surface-accent-minor: #D0F2E9;
824
821
  --inverse-surface-transparent-card-brightness-active: #FAFAFA0A;
825
822
  --on-light-outline-warning-active: #A3420AFF;
826
- --on-light-surface-accent-minor-hover: #C7F0E5FF;
823
+ --on-light-personas-violet-text-accent: #9E32AF;
827
824
  --inverse-surface-accent-minor: #04473B;
828
825
  --inverse-surface-solid-card-brightness-active: #212121FF;
829
826
  --on-dark-surface-accent-minor-hover: #055C4CFF;
830
- --on-light-surface-transparent-navi: #FFFFFF99;
827
+ --on-light-surface-accent-minor-hover: #C7F0E5FF;
831
828
  --on-dark-personas-blue-text-accent: #79B3F2;
832
829
  --on-light-personas-indigo-text-accent: #7133BE;
833
830
  --on-light-personas-sea-blue-text-accent: #00898D;
834
- --inverse-personas-olive-text-accent: #93CB92;
835
831
  --personas-ochre-text-accent: #D15A11;
836
832
  --on-dark-surface-transparent-accent-minor: #0BA68647;
837
833
  --on-dark-personas-violet-text-accent: #E19DED;
838
- --on-light-text-warning-active: #6F2D06FF;
839
- --on-light-outline-primary-active: #C4BEBAFF;
840
- --inverse-personas-blue-text-accent-active: #5DA3EFFF;
841
- --inverse-surface-transparent-accent-minor-active: #0BA8882E;
842
- --on-dark-personas-sea-blue-text-accent: #7BC8C8;
834
+ --on-light-surface-transparent-navi: #FFFFFF99;
843
835
  --on-dark-personas-green-text-accent-hover: #84DCC6FF;
844
- --on-light-personas-blue-text-accent-active: #0D4F96FF;
845
- --on-light-outline-default-active: #E6E6E6FF;
846
836
  --personas-green-text-accent-active: #4CCDACFF;
847
837
  --personas-sea-blue-text-accent-active: #4BB4B4FF;
848
838
  --inverse-surface-accent-secondary-active: #59C5ACFF;
@@ -865,21 +855,15 @@
865
855
  --on-dark-personas-sea-blue-text-accent-active: #2D6C6CFF;
866
856
  --on-light-surface-transparent-accent-minor: #0BA6863D;
867
857
  --on-light-personas-green-text-accent: #038768;
858
+ --on-light-outline-primary-active: #C4BEBAFF;
859
+ --inverse-personas-blue-text-accent-active: #5DA3EFFF;
860
+ --inverse-surface-transparent-accent-minor-active: #0BA8882E;
868
861
  --text-primary-brightness-hover: #17171793;
869
862
  --on-dark-text-primary-brightness-hover: #FAFAFA93;
870
- --on-dark-personas-green-text-accent-active: #54CFB0FF;
871
- --on-dark-personas-ochre-text-accent-active: #F19F7EFF;
872
- --surface-transparent-accent-minor-active: #0BA88852;
873
- --inverse-outline-default-hover: #666666FF;
874
- --personas-violet-text-accent: #E19DED;
875
- --inverse-personas-sea-blue-text-accent-hover: #00C5CCFF;
876
- --inverse-personas-blue-text-accent-hover: #C3DDF9FF;
877
- --inverse-personas-violet-text-accent-hover: #E9B6F2FF;
878
- --inverse-surface-transparent-accent-minor-hover: #0BA8885C;
879
- --on-light-personas-blue-text-accent-hover: #1477E1FF;
880
- --on-dark-surface-transparent-navi-hover: #242424B8;
881
- --inverse-outline-primary-hover: #6B6461FF;
882
- --on-light-surface-accent-secondary-hover: #50C3A8FF;
863
+ --on-dark-personas-sea-blue-text-accent: #7BC8C8;
864
+ --on-light-personas-blue-text-accent-active: #0D4F96FF;
865
+ --on-light-outline-default-active: #E6E6E6FF;
866
+ --on-light-text-warning-active: #6F2D06FF;
883
867
  --surface-transparent-navi-hover: #FFFFFFA8;
884
868
  --on-light-surface-transparent-accent-minor-hover: #0BA8884D;
885
869
  --on-light-personas-green-text-accent-hover: #04D7A6FF;
@@ -897,13 +881,35 @@
897
881
  --on-light-personas-ochre-text-accent-hover: #ED6C1DFF;
898
882
  --on-dark-personas-indigo-text-accent-hover: #E8DAFCFF;
899
883
  --on-dark-personas-ochre-text-accent: #F4B49B;
884
+ --on-dark-personas-green-text-accent-active: #54CFB0FF;
885
+ --on-dark-personas-ochre-text-accent-active: #F19F7EFF;
886
+ --surface-transparent-accent-minor-active: #0BA88852;
887
+ --inverse-outline-default-hover: #666666FF;
888
+ --personas-violet-text-accent: #E19DED;
889
+ --inverse-outline-primary-hover: #6B6461FF;
890
+ --inverse-personas-sea-blue-text-accent-hover: #00C5CCFF;
891
+ --inverse-personas-blue-text-accent-hover: #C3DDF9FF;
892
+ --inverse-personas-violet-text-accent-hover: #E9B6F2FF;
893
+ --inverse-surface-transparent-accent-minor-hover: #0BA8885C;
894
+ --on-light-personas-blue-text-accent-hover: #1477E1FF;
895
+ --on-dark-surface-transparent-navi-hover: #242424B8;
896
+ --on-light-surface-accent-secondary-hover: #50C3A8FF;
897
+ --personas-blue-text-accent: #1063BA;
900
898
  --personas-sea-blue-text-accent: #7BC8C8;
901
899
  --personas-violet-text-accent-hover: #EBBEF3FF;
900
+ --background-hardline: #FFFFFF;
901
+ --on-light-text-primary-brightness-hover: #17171793;
902
+ --inverse-text-primary-brightness-hover: #FAFAFA93;
903
+ --surface-solid-primary-brightness-active: #FFFFFFFF;
904
+ --on-dark-surface-solid-primary-brightness-hover: #303030FF;
905
+ --inverse-surface-solid-card-brightness-hover: #303030FF;
906
+ --inverse-personas-blue-text-accent: #79B3F2;
907
+ --personas-blue-text-accent-active: #0D4F96FF;
902
908
  --surface-accent-secondary-active: #3CAF94FF;
903
909
  --surface-transparent-accent-minor: #0BA6863D;
904
910
  --inverse-personas-sea-blue-text-accent: #00898D;
905
- --background-hardline: #FFFFFF;
906
- --inverse-personas-blue-text-accent: #79B3F2;
911
+ --on-dark-personas-pink-text-accent: #F7A4A4;
912
+ --personas-pink-text-accent: #F7A4A4;
907
913
  --inverse-personas-violet-text-accent: #E19DED;
908
914
  --inverse-surface-transparent-accent-minor: #0BA6863D;
909
915
  --on-light-personas-blue-text-accent: #1063BA;
@@ -912,24 +918,29 @@
912
918
  --inverse-personas-olive-text-accent-active: #7DC07CFF;
913
919
  --on-dark-outline-default: #383838;
914
920
  --personas-green-text-accent: #6CD5BB;
915
- --personas-blue-text-accent-active: #0D4F96FF;
916
921
  --dark-background-hardline: #000000;
917
922
  --on-dark-outline-primary: #3B3735;
918
- --on-dark-personas-pink-text-accent: #F7A4A4;
919
- --on-light-text-primary-brightness-hover: #17171793;
920
- --inverse-text-primary-brightness-hover: #FAFAFA93;
921
- --surface-solid-primary-brightness-active: #FFFFFFFF;
922
- --on-dark-surface-solid-primary-brightness-hover: #303030FF;
923
- --inverse-surface-solid-card-brightness-hover: #303030FF;
924
- --personas-pink-text-accent: #F7A4A4;
925
- --personas-blue-text-accent: #1063BA;
926
923
  --on-dark-text-primary-brightness-active: #FAFAFAC4;
927
924
  --on-light-text-primary-brightness-active: #171717C4;
928
925
  --inverse-text-primary-brightness-active: #FAFAFAC4;
929
926
  --personas-indigo-text-accent: #7133BE;
930
927
  --on-dark-personas-ochre-text-accent-hover: #F7C8B6FF;
931
928
  --on-dark-personas-indigo-text-accent-active: #AA73F2FF;
932
- --text-paragraph-hover: #15110FFF;
929
+ --personas-pink-text-accent-hover: #FBCBCBFF;
930
+ --on-dark-personas-green-text-accent: #6CD5BB;
931
+ --surface-transparent-accent-minor-hover: #0BA8884D;
932
+ --on-dark-surface-transparent-navi-active: #2424248A;
933
+ --inverse-personas-ochre-text-accent-active: #F19F7EFF;
934
+ --inverse-surface-transparent-navi-active: #2424248A;
935
+ --on-light-personas-olive-text-accent-active: #179315FF;
936
+ --personas-pink-text-accent-active: #F48080FF;
937
+ --on-dark-personas-blue-text-accent-active: #5DA3EFFF;
938
+ --on-light-personas-sea-blue-text-accent-active: #00B1B8FF;
939
+ --on-light-outline-default: #FFFFFF;
940
+ --on-dark-surface-transparent-accent-minor-hover: #0BA88866;
941
+ --on-light-surface-accent-secondary: #41BDA1;
942
+ --on-light-personas-pink-text-accent: #DE5555;
943
+ --inverse-personas-olive-text-accent: #93CB92;
933
944
  --text-paragraph-active: #15110F7A;
934
945
  --text-accent: #0A8E73;
935
946
  --text-accent-hover: #0DB593FF;
@@ -958,7 +969,7 @@
958
969
  --text-tertiary-active: #15110F49;
959
970
  --text-primary-brightness: #171717F5;
960
971
  --text-paragraph: #15110F66;
961
- --on-dark-text-paragraph-hover: #F5F1EFFF;
972
+ --text-paragraph-hover: #15110FFF;
962
973
  --on-dark-text-paragraph-active: #F5F1EF93;
963
974
  --on-dark-text-accent: #61C8B0;
964
975
  --on-dark-text-accent-hover: #77CFBBFF;
@@ -988,7 +999,7 @@
988
999
  --on-dark-text-secondary-active: #F5F1EFC4;
989
1000
  --on-dark-text-primary-hover: #FFFFFF97;
990
1001
  --on-dark-text-paragraph: #F6F2F07A;
991
- --on-light-text-primary-active: #15110FCA;
1002
+ --on-dark-text-paragraph-hover: #F5F1EFFF;
992
1003
  --on-light-text-primary-brightness: #171717F5;
993
1004
  --on-light-text-secondary: #15110FA3;
994
1005
  --on-light-text-secondary-hover: #15110FFF;
@@ -1012,6 +1023,7 @@
1012
1023
  --on-light-text-warning-hover: #BC4C0BFF;
1013
1024
  --on-light-text-primary: #15110FFC;
1014
1025
  --on-light-text-primary-hover: #15110F97;
1026
+ --on-light-text-primary-active: #15110FCA;
1015
1027
  --inverse-text-primary: #FFFFFFFC;
1016
1028
  --inverse-text-primary-hover: #FFFFFF97;
1017
1029
  --inverse-text-primary-active: #FFFFFFCA;
@@ -1037,7 +1049,6 @@
1037
1049
  --on-light-text-info-hover: #000000FF;
1038
1050
  --on-light-text-info-active: #194B85FF;
1039
1051
  --on-light-text-negative-hover: #E3353BFF;
1040
- --inverse-text-negative-hover: #F89BA0FF;
1041
1052
  --inverse-text-negative-active: #F3626AFF;
1042
1053
  --inverse-text-info: #70B2F5;
1043
1054
  --inverse-text-info-hover: #BCDBFAFF;
@@ -1058,7 +1069,7 @@
1058
1069
  --inverse-text-warning-hover: #DF7D43FF;
1059
1070
  --inverse-text-positive-active: #469442FF;
1060
1071
  --inverse-text-negative: #F57E83;
1061
- --surface-transparent-secondary-hover: #15110F1A;
1072
+ --inverse-text-negative-hover: #F89BA0FF;
1062
1073
  --surface-transparent-secondary-active: #15110F1F;
1063
1074
  --surface-transparent-tertiary: #15110F1F;
1064
1075
  --surface-transparent-tertiary-hover: #15110F2E;
@@ -1092,7 +1103,7 @@
1092
1103
  --surface-solid-card-hover: #FFFFFFFF;
1093
1104
  --surface-transparent-primary-active: #15110F0F;
1094
1105
  --surface-transparent-secondary: #15110F14;
1095
- --surface-warning-hover: #D3560DFF;
1106
+ --surface-transparent-secondary-hover: #15110F1A;
1096
1107
  --surface-warning-active: #AD460BFF;
1097
1108
  --surface-negative: #E83439;
1098
1109
  --surface-negative-hover: #EC5156FF;
@@ -1104,6 +1115,9 @@
1104
1115
  --surface-positive: #239322;
1105
1116
  --surface-positive-hover: #28A126FF;
1106
1117
  --surface-warning: #BE4E0C;
1118
+ --surface-warning-hover: #D3560DFF;
1119
+ --surface-transparent-negative: #E8343929;
1120
+ --surface-transparent-negative-hover: #E9353B38;
1107
1121
  --surface-read-only: #F9F9F903;
1108
1122
  --surface-read-only-hover: #FAFAFA05;
1109
1123
  --surface-read-only-active: #FAFAFA08;
@@ -1116,7 +1130,7 @@
1116
1130
  --on-dark-surface-solid-secondary-active: #242424FF;
1117
1131
  --on-dark-surface-solid-tertiary: #474747;
1118
1132
  --on-dark-surface-solid-tertiary-hover: #525252FF;
1119
- --on-dark-surface-transparent-secondary-hover: #FFFFFF47;
1133
+ --surface-transparent-negative-active: #E9353B3D;
1120
1134
  --on-dark-surface-transparent-secondary-active: #FFFFFF1A;
1121
1135
  --on-dark-surface-transparent-tertiary: #FFFFFF3D;
1122
1136
  --on-dark-surface-transparent-tertiary-hover: #FFFFFF5C;
@@ -1145,6 +1159,7 @@
1145
1159
  --on-dark-surface-solid-card-hover: #2E2E2EFF;
1146
1160
  --on-dark-surface-transparent-primary-active: #FFFFFF0F;
1147
1161
  --on-dark-surface-transparent-secondary: #FFFFFF29;
1162
+ --on-dark-surface-transparent-secondary-hover: #FFFFFF47;
1148
1163
  --on-dark-surface-positive: #A6D2A2;
1149
1164
  --on-dark-surface-positive-hover: #B3D9B0FF;
1150
1165
  --on-dark-surface-positive-active: #9FCF9BFF;
@@ -1172,7 +1187,9 @@
1172
1187
  --on-light-surface-solid-secondary-active: #FFFFFFFF;
1173
1188
  --on-light-surface-solid-tertiary: #FFFFFF;
1174
1189
  --on-light-surface-solid-tertiary-hover: #FFFFFFFF;
1175
- --on-light-surface-transparent-secondary-hover: #15110F1A;
1190
+ --on-dark-surface-transparent-negative-active: #F8A5A870;
1191
+ --on-dark-surface-transparent-negative: #F8A6A980;
1192
+ --on-dark-surface-transparent-negative-hover: #F8A5A89E;
1176
1193
  --on-light-surface-transparent-secondary-active: #15110F1F;
1177
1194
  --on-light-surface-transparent-tertiary: #15110F1F;
1178
1195
  --on-light-surface-transparent-tertiary-hover: #15110F2E;
@@ -1201,6 +1218,7 @@
1201
1218
  --on-light-surface-solid-card-hover: #FFFFFFFF;
1202
1219
  --on-light-surface-transparent-primary-active: #15110F0F;
1203
1220
  --on-light-surface-transparent-secondary: #15110F14;
1221
+ --on-light-surface-transparent-secondary-hover: #15110F1A;
1204
1222
  --on-light-surface-positive: #239322;
1205
1223
  --on-light-surface-positive-hover: #28A126FF;
1206
1224
  --on-light-surface-positive-active: #20801EFF;
@@ -1216,6 +1234,8 @@
1216
1234
  --on-light-surface-transparent-accent-active: #0BA88833;
1217
1235
  --on-light-surface-transparent-accent: #0BA6861F;
1218
1236
  --on-light-surface-transparent-accent-hover: #0BA8882E;
1237
+ --on-light-surface-transparent-negative: #E8343929;
1238
+ --on-light-surface-transparent-negative-hover: #E9353B38;
1219
1239
  --on-light-surface-read-only: #F9F9F903;
1220
1240
  --on-light-surface-read-only-hover: #FAFAFA05;
1221
1241
  --on-light-surface-read-only-active: #FAFAFA08;
@@ -1226,7 +1246,7 @@
1226
1246
  --inverse-surface-solid-secondary: #292929;
1227
1247
  --inverse-surface-solid-secondary-hover: #333333FF;
1228
1248
  --inverse-surface-solid-secondary-active: #242424FF;
1229
- --inverse-surface-transparent-secondary: #FFFFFF29;
1249
+ --on-light-surface-transparent-negative-active: #E9353B3D;
1230
1250
  --inverse-surface-transparent-secondary-hover: #FFFFFF47;
1231
1251
  --inverse-surface-transparent-secondary-active: #FFFFFF1A;
1232
1252
  --inverse-surface-transparent-tertiary: #FFFFFF3D;
@@ -1255,6 +1275,7 @@
1255
1275
  --inverse-surface-transparent-primary: #FFFFFF14;
1256
1276
  --inverse-surface-transparent-primary-hover: #FFFFFF24;
1257
1277
  --inverse-surface-transparent-primary-active: #FFFFFF0F;
1278
+ --inverse-surface-transparent-secondary: #FFFFFF29;
1258
1279
  --inverse-surface-positive: #A6D2A2;
1259
1280
  --inverse-surface-positive-hover: #B3D9B0FF;
1260
1281
  --inverse-surface-positive-active: #9FCF9BFF;
@@ -1273,6 +1294,8 @@
1273
1294
  --inverse-surface-transparent-accent-hover: #0BA88852;
1274
1295
  --inverse-surface-transparent-accent-active: #0BA88824;
1275
1296
  --inverse-surface-accent-active: #0A9E81FF;
1297
+ --inverse-surface-transparent-negative-active: #F8A5A870;
1298
+ --inverse-surface-transparent-negative: #F8A6A980;
1276
1299
  --inverse-surface-read-only: #F9F9F905;
1277
1300
  --inverse-surface-read-only-hover: #FAFAFA0F;
1278
1301
  --inverse-surface-read-only-active: #FAFAFA00;
@@ -1283,7 +1306,7 @@
1283
1306
  --dark-background-secondary: #0F0F0F;
1284
1307
  --dark-background-tertiary: #141413;
1285
1308
  --light-background-primary: #EBE7E5;
1286
- --on-light-overlay-hard: #00000052;
1309
+ --inverse-surface-transparent-negative-hover: #F8A5A89E;
1287
1310
  --inverse-overlay-soft: #0000001F;
1288
1311
  --inverse-overlay-hard: #00000029;
1289
1312
  --outline-transparent-primary: #15110F3D;
@@ -1299,6 +1322,7 @@
1299
1322
  --on-dark-overlay-hard: #00000029;
1300
1323
  --inverse-background-primary: #141413;
1301
1324
  --on-light-overlay-soft: #0000003D;
1325
+ --on-light-overlay-hard: #00000052;
1302
1326
  --outline-positive: #239322;
1303
1327
  --outline-positive-hover: #32CA2FFF;
1304
1328
  --outline-positive-active: #20801EFF;
@@ -1353,7 +1377,6 @@
1353
1377
  --inverse-outline-clear: #FFFFFF00;
1354
1378
  --inverse-outline-clear-hover: #FFFFFF00;
1355
1379
  --inverse-outline-clear-active: #FFFFFF00;
1356
- --inverse-outline-warning-hover: #FCE0CFFF;
1357
1380
  --inverse-outline-warning-active: #F79C64FF;
1358
1381
  --inverse-outline-negative: #F8A6A9;
1359
1382
  --inverse-outline-negative-hover: #F25A5FFF;
@@ -1365,6 +1388,7 @@
1365
1388
  --inverse-outline-positive: #A6D2A2;
1366
1389
  --inverse-outline-positive-hover: #DBEDD9FF;
1367
1390
  --inverse-outline-warning: #F8AD80;
1391
+ --inverse-outline-warning-hover: #FCE0CFFF;
1368
1392
  --text-primary-hover: #15110F97;
1369
1393
  --on-dark-surface-solid-default: #F6F2F0;
1370
1394
  --on-light-surface-accent-minor-active: #BFEDE1FF;
@@ -1375,12 +1399,7 @@
1375
1399
 
1376
1400
  .light {
1377
1401
  --on-dark-personas-indigo-surface-accent-gradient: linear-gradient(180.00deg, rgb(135, 77, 207) 0.0%, rgb(113, 51, 190) 100.0%);
1378
- --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%);
1379
- --on-dark-personas-violet-surface-accent-gradient: linear-gradient(180.00deg, rgb(177, 76, 194) 0.0%, rgb(158, 50, 175) 100.0%);
1380
- --overlay-gradient: linear-gradient(180deg, #000000 0.0%, #000000 100.0%);
1381
1402
  --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%);
1382
- --inverse-surface-skeleton-gradient: linear-gradient(0deg, #FFFFFF 0.0%, #FFFFFF 50.4%, #FFFFFF 100.0%, #FFFFFF 100.0%);
1383
- --background-gradient: linear-gradient(135.00deg, rgb(193, 234, 207) 0.0%, rgb(160, 222, 207) 100.0%);
1384
1403
  --on-dark-personas-blue-surface-accent-gradient: linear-gradient(180.00deg, rgb(47, 130, 217) 0.0%, rgb(16, 99, 186) 100.0%);
1385
1404
  --inverse-personas-indigo-surface-accent-gradient: linear-gradient(180.00deg, rgb(189, 145, 245) 0.0%, rgb(161, 117, 217) 100.0%);
1386
1405
  --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%);
@@ -1391,11 +1410,11 @@
1391
1410
  --on-dark-personas-ochre-surface-accent-gradient: linear-gradient(180.00deg, rgb(229, 128, 66) 0.0%, rgb(199, 90, 23) 100.0%);
1392
1411
  --personas-sea-blue-surface-accent-gradient: linear-gradient(180.00deg, rgb(27, 173, 178) 0.0%, rgb(0, 137, 141) 100.0%);
1393
1412
  --inverse-personas-pink-surface-accent-gradient: linear-gradient(180.00deg, rgb(252, 153, 153) 0.0%, rgb(223, 105, 105) 100.0%);
1394
- --on-light-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%);
1413
+ --on-light-surface-skeleton-gradient: linear-gradient(90deg, #0808080F 0.0%, #0808080C 10.0%, #08080809 20.0%, #08080808 25.0%, #08080806 30.0%, #08080803 40.0%, #08080800 50.0%, #08080803 60.0%, #08080806 70.0%, #08080808 75.0%, #08080809 80.0%, #0808080C 90.0%, #0808080F 100.0%);
1395
1414
  --inverse-personas-ochre-surface-accent-gradient: linear-gradient(180.00deg, rgb(229, 128, 66) 0.0%, rgb(199, 90, 23) 100.0%);
1396
1415
  --dark-background-gradient: linear-gradient(135.00deg, rgb(2, 20, 9) 0.0%, rgb(20, 20, 19) 100.0%);
1397
1416
  --on-dark-personas-sea-blue-surface-accent-gradient: linear-gradient(180.00deg, rgb(27, 173, 178) 0.0%, rgb(0, 137, 141) 100.0%);
1398
- --on-dark-surface-skeleton-gradient: linear-gradient(0deg, #FFFFFF 0.0%, #FFFFFF 50.4%, #FFFFFF 100.0%, #FFFFFF 100.0%);
1417
+ --on-dark-surface-skeleton-gradient: linear-gradient(90deg, #FFFFFF00 0.0%, #FFFFFF3D 50.4%, #FFFFFF00 100.0%, #FFFFFF00 100.0%);
1399
1418
  --inverse-background-gradient: linear-gradient(135.00deg, rgb(193, 234, 207) 0.0%, rgb(160, 222, 207) 100.0%);
1400
1419
  --inverse-overlay-gradient: linear-gradient(180deg, #000000 0.0%, #000000 100.0%);
1401
1420
  --personas-pink-surface-accent-gradient: linear-gradient(180.00deg, rgb(252, 153, 153) 0.0%, rgb(223, 105, 105) 100.0%);
@@ -1403,9 +1422,12 @@
1403
1422
  --inverse-surface-accent-gradient-secondary: linear-gradient(90.00deg, rgb(11, 166, 134) 0.0%, rgb(9, 133, 107) 100.0%);
1404
1423
  --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%);
1405
1424
  --light-background-gradient: linear-gradient(135.00deg, rgb(193, 234, 207) 0.0%, rgb(160, 222, 207) 100.0%);
1425
+ --surface-skeleton-gradient: linear-gradient(90deg, #0808080F 0.0%, #0808080C 10.0%, #08080809 20.0%, #08080808 25.0%, #08080806 30.0%, #08080803 40.0%, #08080800 50.0%, #08080803 60.0%, #08080806 70.0%, #08080808 75.0%, #08080809 80.0%, #0808080C 90.0%, #0808080F 100.0%);
1426
+ --overlay-gradient: linear-gradient(180deg, #000000 0.0%, #000000 100.0%);
1406
1427
  --on-dark-overlay-gradient: linear-gradient(180deg, #000000 0.0%, #000000 100.0%);
1407
- --on-light-personas-green-surface-accent-gradient: linear-gradient(180.00deg, rgb(121, 215, 192) 0.0%, rgb(80, 184, 159) 100.0%);
1408
- --personas-indigo-surface-accent-gradient: linear-gradient(180.00deg, rgb(189, 145, 245) 0.0%, rgb(161, 117, 217) 100.0%);
1428
+ --background-gradient: linear-gradient(135.00deg, rgb(193, 234, 207) 0.0%, rgb(160, 222, 207) 100.0%);
1429
+ --on-dark-personas-violet-surface-accent-gradient: linear-gradient(180.00deg, rgb(177, 76, 194) 0.0%, rgb(158, 50, 175) 100.0%);
1430
+ --inverse-surface-skeleton-gradient: linear-gradient(90deg, #FFFFFF00 0.0%, #FFFFFF3D 50.4%, #FFFFFF00 100.0%, #FFFFFF00 100.0%);
1409
1431
  --on-light-personas-ochre-surface-accent-gradient: linear-gradient(180.00deg, rgb(248, 165, 133) 0.0%, rgb(228, 118, 76) 100.0%);
1410
1432
  --surface-accent-gradient-secondary: linear-gradient(90.00deg, rgb(11, 166, 134) 0.0%, rgb(9, 133, 107) 100.0%);
1411
1433
  --inverse-personas-green-surface-accent-gradient: linear-gradient(180.00deg, rgb(121, 215, 192) 0.0%, rgb(80, 184, 159) 100.0%);
@@ -1424,17 +1446,19 @@
1424
1446
  --on-dark-text-accent-gradient-a-i: linear-gradient(135.00deg, rgb(202, 70, 227) 8.0%, rgb(169, 141, 245) 56.0%, rgb(54, 211, 245) 100.0%);
1425
1447
  --on-dark-personas-green-surface-accent-gradient: linear-gradient(180.00deg, rgb(26, 158, 127) 0.0%, rgb(3, 135, 104) 100.0%);
1426
1448
  --personas-olive-surface-accent-gradient: linear-gradient(180.00deg, rgb(33, 150, 31) 0.0%, rgb(18, 114, 16) 100.0%);
1449
+ --personas-indigo-surface-accent-gradient: linear-gradient(180.00deg, rgb(189, 145, 245) 0.0%, rgb(161, 117, 217) 100.0%);
1427
1450
  --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%);
1428
- --on-dark-personas-olive-surface-accent-gradient: linear-gradient(180.00deg, rgb(33, 150, 31) 0.0%, rgb(18, 114, 16) 100.0%);
1429
1451
  --on-dark-surface-accent-gradient-secondary: linear-gradient(90.00deg, rgb(11, 166, 134) 0.0%, rgb(9, 133, 107) 100.0%);
1430
1452
  --personas-blue-surface-accent-gradient: linear-gradient(180.00deg, rgb(47, 130, 217) 0.0%, rgb(16, 99, 186) 100.0%);
1431
1453
  --inverse-personas-violet-surface-accent-gradient: linear-gradient(180.00deg, rgb(177, 76, 194) 0.0%, rgb(158, 50, 175) 100.0%);
1432
1454
  --on-light-surface-accent-gradient-secondary: linear-gradient(90.00deg, rgb(11, 166, 134) 0.0%, rgb(9, 133, 107) 100.0%);
1433
- --surface-accent-gradient: linear-gradient(180.00deg, rgb(129, 211, 192) 0.0%, rgb(29, 145, 88) 100.0%);
1455
+ --on-light-personas-green-surface-accent-gradient: linear-gradient(180.00deg, rgb(121, 215, 192) 0.0%, rgb(80, 184, 159) 100.0%);
1456
+ --on-dark-personas-olive-surface-accent-gradient: linear-gradient(180.00deg, rgb(33, 150, 31) 0.0%, rgb(18, 114, 16) 100.0%);
1457
+ --surface-accent-gradient: linear-gradient(180.00deg, rgb(129, 211, 192) 0.0%, rgb(29, 145, 88) 100.0%);
1434
1458
  --surface-accent-minor-gradient: linear-gradient(133.15deg, rgb(193, 234, 207) 0%, rgb(160, 222, 207) 100.0%);
1435
1459
  --on-dark-surface-accent-gradient: linear-gradient(180.00deg, rgb(129, 211, 192) 0.0%, rgb(29, 145, 88) 100.0%);
1436
1460
  --on-dark-surface-accent-minor-gradient: linear-gradient(135.00deg, rgb(3, 67, 37) 0.0%, rgba(1, 24, 21, 0.98) 100.0%);
1437
- --on-light-surface-accent-gradient: linear-gradient(180.00deg, rgb(129, 211, 192) 0.0%, rgb(29, 145, 88) 100.0%);
1461
+ --on-light-surface-accent-gradient: linear-gradient(180.00deg, rgb(129, 211, 192) 0.0%, rgb(29, 145, 88) 100.0%);
1438
1462
  --on-light-surface-accent-minor-gradient: linear-gradient(133.15deg, rgb(193, 234, 207) 0%, rgb(160, 222, 207) 100.0%);
1439
1463
  --inverse-surface-accent-gradient: linear-gradient(180.00deg, rgb(129, 211, 192) 0.0%, rgb(29, 145, 88) 100.0%);
1440
1464
  --inverse-surface-accent-minor-gradient: linear-gradient(135.00deg, rgb(3, 67, 37) 0.0%, rgba(1, 24, 21, 0.98) 100.0%);
@@ -1442,24 +1466,23 @@
1442
1466
 
1443
1467
  .dark, .light {
1444
1468
  --shadow-down-hard-s: 0rem 0.25rem 0.75rem -0.1875rem #08080829, 0rem 0.0625rem 0.25rem -0.125rem #00000014;
1445
- --shadow-down-soft-m: 0rem 1.5rem 3rem -0.5rem #00000014;
1446
1469
  --shadow-down-soft-l: 0rem 3.75rem 7rem -0.5rem #00000014;
1447
1470
  --shadow-down-soft-s: 0rem 0.25rem 0.875rem -0.25rem #08080814, 0rem 0.0625rem 0.25rem -0.0625rem #0000000A;
1471
+ --shadow-down-soft-m: 0rem 1.5rem 3rem -0.5rem #00000014;
1448
1472
  --shadow-down-hard-m: 0rem 1rem 2rem -0.5rem #0000003D;
1449
1473
  --shadow-down-hard-l: 0rem 3.75rem 7rem -0.5rem #00000066;
1450
- --shadow-up-soft-l: 0rem -3.75rem 7rem -0.5rem #00000014;
1451
1474
  --shadow-up-hard-s: 0rem -0.25rem 0.75rem -0.1875rem #08080833, 0rem -0.0625rem 0.25rem -0.0625rem #00000008;
1452
1475
  --shadow-up-hard-m: 0rem -1rem 2rem -0.5rem #0000003D;
1453
1476
  --shadow-up-hard-l: 0rem -3.75rem 7rem -0.5rem #00000066;
1454
1477
  --shadow-up-soft-s: 0rem -0.25rem 0.875rem -0.25rem #08080814, 0rem -0.0625rem 0.25rem -0.0625rem #00000008;
1455
1478
  --shadow-up-soft-m: 0rem -1.5rem 3rem -0.5rem #00000014;
1479
+ --shadow-up-soft-l: 0rem -3.75rem 7rem -0.5rem #00000014;
1456
1480
  }
1457
1481
 
1458
1482
  .dark, .light {
1459
1483
  --border-radius-4xl: 2rem;
1460
- --border-radius-3xl: 1.75rem;
1461
1484
  --border-radius-5xl: 2.5rem;
1462
- --border-radius-l: 1rem;
1485
+ --border-radius-3xl: 1.75rem;
1463
1486
  --border-radius-xxs: 0.25rem;
1464
1487
  --border-radius-xs: 0.375rem;
1465
1488
  --border-radius-xxl: 1.5rem;
@@ -1467,11 +1490,11 @@
1467
1490
  --border-radius-xl: 1.25rem;
1468
1491
  --border-radius-circle: 100rem;
1469
1492
  --border-radius-m: 0.75rem;
1493
+ --border-radius-l: 1rem;
1470
1494
  }
1471
1495
 
1472
1496
  .dark, .light {
1473
1497
  --spacing-16x: 2rem;
1474
- --spacing-8x: 1rem;
1475
1498
  --spacing-10x: 1.25rem;
1476
1499
  --spacing-12x: 1.5rem;
1477
1500
  --spacing-20x: 2.5rem;
@@ -1485,6 +1508,7 @@
1485
1508
  --spacing-1x: 0.125rem;
1486
1509
  --spacing-3x: 0.375rem;
1487
1510
  --spacing-6x: 0.75rem;
1511
+ --spacing-8x: 1rem;
1488
1512
  }
1489
1513
 
1490
1514
  .dark, .light {
@@ -1846,9 +1870,6 @@
1846
1870
  --plasma-typo-body-xxs-medium-font-size: 0.6875rem;
1847
1871
  --plasma-typo-body-xxs-medium-font-weight: 500;
1848
1872
  --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
1873
  --plasma-typo-text-m-bold-font-size: 1rem;
1853
1874
  --plasma-typo-text-m-bold-font-weight: 600;
1854
1875
  --plasma-typo-text-m-bold-line-height: 1.5rem;
@@ -1873,6 +1894,9 @@
1873
1894
  --plasma-typo-text-xs-medium-font-size: 0.75rem;
1874
1895
  --plasma-typo-text-xs-medium-font-weight: 500;
1875
1896
  --plasma-typo-text-xs-medium-line-height: 1rem;
1897
+ --plasma-typo-text-m-font-size: 1rem;
1898
+ --plasma-typo-text-m-font-weight: 400;
1899
+ --plasma-typo-text-m-line-height: 1.5rem;
1876
1900
  --plasma-typo-text-l-font-size: 1.25rem;
1877
1901
  --plasma-typo-text-l-font-weight: 400;
1878
1902
  --plasma-typo-text-l-line-height: 1.75rem;
@@ -1887,15 +1911,30 @@
1887
1911
 
1888
1912
  @media (min-width: 960px) {
1889
1913
  .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
1914
  --plasma-typo-dspl-s-font-size: 2.125rem;
1894
1915
  --plasma-typo-dspl-s-font-weight: 400;
1895
1916
  --plasma-typo-dspl-s-line-height: 2.5625rem;
1896
1917
  --plasma-typo-dspl-s-bold-font-size: 2.125rem;
1897
1918
  --plasma-typo-dspl-s-bold-font-weight: 700;
1898
1919
  --plasma-typo-dspl-s-bold-line-height: 2.5625rem;
1920
+ --plasma-typo-dspl-s-medium-font-size: 2.125rem;
1921
+ --plasma-typo-dspl-s-medium-font-weight: 500;
1922
+ --plasma-typo-dspl-s-medium-line-height: 2.5625rem;
1923
+ --plasma-typo-h4-bold-font-size: 1rem;
1924
+ --plasma-typo-h4-bold-font-weight: 700;
1925
+ --plasma-typo-h4-bold-line-height: 1.25rem;
1926
+ --plasma-typo-h4-medium-font-size: 1rem;
1927
+ --plasma-typo-h4-medium-font-weight: 500;
1928
+ --plasma-typo-h4-medium-line-height: 1.25rem;
1929
+ --plasma-typo-body-m-medium-font-size: 0.875rem;
1930
+ --plasma-typo-body-m-medium-font-weight: 500;
1931
+ --plasma-typo-body-m-medium-line-height: 1.125rem;
1932
+ --plasma-typo-body-s-font-size: 0.8125rem;
1933
+ --plasma-typo-body-s-font-weight: 400;
1934
+ --plasma-typo-body-s-line-height: 0.9375rem;
1935
+ --plasma-typo-body-s-bold-font-size: 0.8125rem;
1936
+ --plasma-typo-body-s-bold-font-weight: 600;
1937
+ --plasma-typo-body-s-bold-line-height: 0.9375rem;
1899
1938
  --plasma-typo-body-l-font-size: 1.125rem;
1900
1939
  --plasma-typo-body-l-font-weight: 400;
1901
1940
  --plasma-typo-body-l-line-height: 1.375rem;
@@ -1941,21 +1980,6 @@
1941
1980
  --plasma-typo-h4-font-size: 1.25rem;
1942
1981
  --plasma-typo-h4-font-weight: 400;
1943
1982
  --plasma-typo-h4-line-height: 1.625rem;
1944
- --plasma-typo-h4-bold-font-size: 1rem;
1945
- --plasma-typo-h4-bold-font-weight: 700;
1946
- --plasma-typo-h4-bold-line-height: 1.25rem;
1947
- --plasma-typo-h4-medium-font-size: 1rem;
1948
- --plasma-typo-h4-medium-font-weight: 500;
1949
- --plasma-typo-h4-medium-line-height: 1.25rem;
1950
- --plasma-typo-body-m-medium-font-size: 0.875rem;
1951
- --plasma-typo-body-m-medium-font-weight: 500;
1952
- --plasma-typo-body-m-medium-line-height: 1.125rem;
1953
- --plasma-typo-body-s-font-size: 0.8125rem;
1954
- --plasma-typo-body-s-font-weight: 400;
1955
- --plasma-typo-body-s-line-height: 0.9375rem;
1956
- --plasma-typo-body-s-bold-font-size: 0.8125rem;
1957
- --plasma-typo-body-s-bold-font-weight: 600;
1958
- --plasma-typo-body-s-bold-line-height: 0.9375rem;
1959
1983
  --plasma-typo-text-l-font-size: 1.5rem;
1960
1984
  --plasma-typo-text-l-font-weight: 400;
1961
1985
  --plasma-typo-text-l-line-height: 2rem;