@salutejs/plasma-tokens 1.92.0-dev.0 → 1.92.1-dev.0

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 (37) hide show
  1. package/brands/plasma_b2c/index.d.ts +293 -301
  2. package/brands/plasma_b2c/index.js +304 -312
  3. package/brands/plasma_b2c/index.js.map +1 -1
  4. package/brands/plasma_web/index.d.ts +160 -152
  5. package/brands/plasma_web/index.js +173 -165
  6. package/brands/plasma_web/index.js.map +1 -1
  7. package/css/plasma_b2c.module.css +594 -610
  8. package/css/plasma_b2c__dark.css +287 -295
  9. package/css/plasma_b2c__light.css +289 -297
  10. package/css/plasma_web.module.css +276 -272
  11. package/css/plasma_web__dark.css +139 -135
  12. package/css/plasma_web__light.css +137 -137
  13. package/es/brands/plasma_b2c/index.js +293 -301
  14. package/es/brands/plasma_b2c/index.js.map +1 -1
  15. package/es/brands/plasma_web/index.js +160 -152
  16. package/es/brands/plasma_web/index.js.map +1 -1
  17. package/es/themes/plasma_b2c__dark.js +287 -295
  18. package/es/themes/plasma_b2c__dark.js.map +1 -1
  19. package/es/themes/plasma_b2c__light.js +289 -297
  20. package/es/themes/plasma_b2c__light.js.map +1 -1
  21. package/es/themes/plasma_web__dark.js +139 -135
  22. package/es/themes/plasma_web__dark.js.map +1 -1
  23. package/es/themes/plasma_web__light.js +137 -137
  24. package/es/themes/plasma_web__light.js.map +1 -1
  25. package/package.json +2 -2
  26. package/themes/plasma_b2c__dark.d.ts +312 -328
  27. package/themes/plasma_b2c__dark.js +287 -295
  28. package/themes/plasma_b2c__dark.js.map +1 -1
  29. package/themes/plasma_b2c__light.d.ts +305 -321
  30. package/themes/plasma_b2c__light.js +289 -297
  31. package/themes/plasma_b2c__light.js.map +1 -1
  32. package/themes/plasma_web__dark.d.ts +42 -34
  33. package/themes/plasma_web__dark.js +139 -135
  34. package/themes/plasma_web__dark.js.map +1 -1
  35. package/themes/plasma_web__light.d.ts +30 -30
  36. package/themes/plasma_web__light.js +137 -137
  37. package/themes/plasma_web__light.js.map +1 -1
package/css/plasma_b2c__dark.css CHANGED
@@ -1,220 +1,6 @@
1
1
  /* Generated by robots, do not change this manually! */
2
2
 
3
3
  :root {
4
- --outline-default-outline-primary: #262626;
5
- --outline-default-outline-primary-hover: #FFFFFFFF;
6
- --outline-default-outline-primary-active: #ADADADFF;
7
- --outline-default-outline-secondary: #4E4E4E;
8
- --outline-default-outline-secondary-hover: #FFFFFFFF;
9
- --outline-default-outline-secondary-active: #8C8C8CFF;
10
- --outline-default-outline-tertiary: #707070;
11
- --outline-default-outline-tertiary-hover: #FFFFFFFF;
12
- --outline-default-outline-tertiary-active: #737373FF;
13
- --outline-default-outline-default: #F9F9F9;
14
- --outline-default-outline-default-hover: #C7C7C7FF;
15
- --outline-default-outline-default-active: #E0E0E0FF;
16
- --outline-default-outline-transparent-primary: rgba(255, 255, 255, 0.12);
17
- --outline-default-outline-transparent-primary-hover: #CCCCCCFF;
18
- --outline-default-outline-transparent-primary-active: #E6E6E6FF;
19
- --outline-default-outline-transparent-secondary: rgba(255, 255, 255, 0.20);
20
- --outline-default-outline-transparent-secondary-hover: #CCCCCCFF;
21
- --outline-default-outline-transparent-secondary-active: #E6E6E6FF;
22
- --outline-default-outline-transparent-tertiary: rgba(255, 255, 255, 0.40);
23
- --outline-default-outline-transparent-tertiary-hover: #CCCCCCFF;
24
- --outline-default-outline-transparent-tertiary-active: #E6E6E6FF;
25
- --outline-default-outline-transparent-clear: rgba(255, 255, 255, 0.00);
26
- --outline-default-outline-transparent-clear-hover: #CCCCCCFF;
27
- --outline-default-outline-transparent-clear-active: #E6E6E6FF;
28
- --outline-default-outline-accent: #3F81FD;
29
- --outline-default-outline-accent-hover: #90B6FEFF;
30
- --outline-default-outline-accent-active: #216EFDFF;
31
- --outline-default-outline-accent-minor: #1549AB;
32
- --outline-default-outline-accent-minor-hover: #FFFFFFFF;
33
- --outline-default-outline-accent-minor-active: #1C62E3FF;
34
- --outline-default-outline-transparent-accent: rgba(63, 129, 253, 0.28);
35
- --outline-default-outline-transparent-accent-hover: #CCCCCCFF;
36
- --outline-default-outline-transparent-accent-active: #E6E6E6FF;
37
- --outline-default-outline-positive: #24B23E;
38
- --outline-default-outline-positive-hover: #2ACB47FF;
39
- --outline-default-outline-positive-active: #1F9835FF;
40
- --outline-default-outline-warning: #FF7024;
41
- --outline-default-outline-warning-hover: #FF8442FF;
42
- --outline-default-outline-warning-active: #FF5D05FF;
43
- --outline-default-outline-negative: #FF3D51;
44
- --outline-default-outline-negative-hover: #FF5C6CFF;
45
- --outline-default-outline-negative-active: #FF1F35FF;
46
- --outline-default-outline-info: #199AF0;
47
- --outline-default-outline-info-hover: #66BCF5FF;
48
- --outline-default-outline-info-active: #0E8ADDFF;
49
- --outline-default-outline-positive-minor: #095C18;
50
- --outline-default-outline-positive-minor-hover: #0F9527FF;
51
- --outline-default-outline-positive-minor-active: #0C7920FF;
52
- --outline-default-outline-warning-minor: #85380C;
53
- --outline-default-outline-warning-minor-hover: #BB4F11FF;
54
- --outline-default-outline-warning-minor-active: #9F440FFF;
55
- --outline-default-outline-negative-minor: #9C1422;
56
- --outline-default-outline-negative-minor-hover: #B91828FF;
57
- --outline-default-outline-negative-minor-active: #83111CFF;
58
- --outline-default-outline-info-minor: #0D5382;
59
- --outline-default-outline-info-minor-hover: #1277BAFF;
60
- --outline-default-outline-info-minor-active: #10659EFF;
61
- --outline-default-outline-transparent-positive-hover: #CCCCCCFF;
62
- --outline-default-outline-transparent-positive-active: #E6E6E6FF;
63
- --outline-default-outline-transparent-warning-hover: #CCCCCCFF;
64
- --outline-default-outline-transparent-warning-active: #E6E6E6FF;
65
- --outline-default-outline-negative-transparent-hover: #CCCCCCFF;
66
- --outline-default-outline-negative-transparent-active: #E6E6E6FF;
67
- --outline-default-outline-transparent-info-hover: #CCCCCCFF;
68
- --outline-default-outline-transparent-info-active: #E6E6E6FF;
69
- --outline-default-outline-transparent-positive: rgba(26, 158, 50, 0.28);
70
- --outline-default-outline-transparent-warning: rgba(250, 95, 5, 0.28);
71
- --outline-default-outline-transparent-info: rgba(17, 140, 223, 0.28);
72
- --outline-default-outline-transparent-negative: rgba(243, 27, 49, 0.20);
73
- --outline-default-outline-transparent-negative-hover: #CCCCCCFF;
74
- --outline-default-outline-transparent-negative-active: #E6E6E6FF;
75
- --outline-on-dark-outline-primary-hover: #FFFFFFFF;
76
- --outline-on-dark-outline-primary-active: #ADADADFF;
77
- --outline-on-dark-outline-secondary-hover: #FFFFFFFF;
78
- --outline-on-dark-outline-secondary-active: #8C8C8CFF;
79
- --outline-on-dark-outline-tertiary-hover: #FFFFFFFF;
80
- --outline-on-dark-outline-tertiary-active: #737373FF;
81
- --outline-on-dark-outline-default-hover: #C7C7C7FF;
82
- --outline-on-dark-outline-default-active: #E0E0E0FF;
83
- --outline-on-dark-outline-transparent-primary-hover: #CCCCCCFF;
84
- --outline-on-dark-outline-transparent-primary-active: #E6E6E6FF;
85
- --outline-on-dark-outline-transparent-secondary-hover: #CCCCCCFF;
86
- --outline-on-dark-outline-transparent-secondary-active: #E6E6E6FF;
87
- --outline-on-dark-outline-transparent-tertiary-hover: #CCCCCCFF;
88
- --outline-on-dark-outline-transparent-tertiary-active: #E6E6E6FF;
89
- --outline-on-dark-outline-accent-hover: #90B6FEFF;
90
- --outline-on-dark-outline-accent-active: #216EFDFF;
91
- --outline-on-dark-outline-accent-minor-hover: #FFFFFFFF;
92
- --outline-on-dark-outline-accent-minor-active: #1C62E3FF;
93
- --outline-on-dark-outline-transparent-accent-hover: #CCCCCCFF;
94
- --outline-on-dark-outline-transparent-accent-active: #E6E6E6FF;
95
- --outline-on-dark-outline-positive-hover: #2ACB47FF;
96
- --outline-on-dark-outline-positive-active: #1F9835FF;
97
- --outline-on-dark-outline-warning-hover: #FF8442FF;
98
- --outline-on-dark-outline-warning-active: #FF5D05FF;
99
- --outline-on-dark-outline-negative-hover: #FF5C6CFF;
100
- --outline-on-dark-outline-negative-active: #FF1F35FF;
101
- --outline-on-dark-outline-info-hover: #66BCF5FF;
102
- --outline-on-dark-outline-info-active: #0E8ADDFF;
103
- --outline-on-dark-outline-positive-minor-hover: #0F9527FF;
104
- --outline-on-dark-outline-positive-minor-active: #0C7920FF;
105
- --outline-on-dark-outline-warning-minor-hover: #BB4F11FF;
106
- --outline-on-dark-outline-warning-minor-active: #9F440FFF;
107
- --outline-on-dark-outline-negative-minor-hover: #B91828FF;
108
- --outline-on-dark-outline-negative-minor-active: #83111CFF;
109
- --outline-on-dark-outline-info-minor-hover: #1277BAFF;
110
- --outline-on-dark-outline-info-minor-active: #10659EFF;
111
- --outline-on-dark-outline-transparent-positive-hover: #CCCCCCFF;
112
- --outline-on-dark-outline-transparent-positive-active: #E6E6E6FF;
113
- --outline-on-dark-outline-transparent-warning-hover: #CCCCCCFF;
114
- --outline-on-dark-outline-transparent-warning-active: #E6E6E6FF;
115
- --outline-on-dark-outline-negative-transparent-hover: #CCCCCCFF;
116
- --outline-on-dark-outline-negative-transparent-active: #E6E6E6FF;
117
- --outline-on-dark-outline-transparent-info-hover: #CCCCCCFF;
118
- --outline-on-dark-outline-transparent-info-active: #E6E6E6FF;
119
- --outline-on-dark-outline-primary: #262626;
120
- --outline-on-dark-outline-secondary: #4E4E4E;
121
- --outline-on-dark-outline-tertiary: #707070;
122
- --outline-on-dark-outline-default: #F9F9F9;
123
- --outline-on-dark-outline-transparent-primary: rgba(255, 255, 255, 0.12);
124
- --outline-on-dark-outline-transparent-secondary: rgba(255, 255, 255, 0.20);
125
- --outline-on-dark-outline-transparent-tertiary: rgba(255, 255, 255, 0.40);
126
- --outline-on-dark-outline-accent: #3F81FD;
127
- --outline-on-dark-outline-accent-minor: #1549AB;
128
- --outline-on-dark-outline-transparent-accent: rgba(63, 129, 253, 0.28);
129
- --outline-on-dark-outline-positive: #24B23E;
130
- --outline-on-dark-outline-warning: #FF7024;
131
- --outline-on-dark-outline-negative: #FF3D51;
132
- --outline-on-dark-outline-info: #199AF0;
133
- --outline-on-dark-outline-warning-minor: #85380C;
134
- --outline-on-dark-outline-negative-minor: #9C1422;
135
- --outline-on-dark-outline-info-minor: #0D5382;
136
- --outline-on-dark-outline-transparent-positive: rgba(26, 158, 50, 0.28);
137
- --outline-on-dark-outline-transparent-warning: rgba(250, 95, 5, 0.28);
138
- --outline-on-dark-outline-negative-transparent: rgba(255, 41, 62, 0.28);
139
- --outline-on-dark-outline-transparent-info: rgba(17, 140, 223, 0.28);
140
- --outline-on-dark-outline-positive-minor: #095C18;
141
- --outline-on-light-outline-primary-hover: #ABABABFF;
142
- --outline-on-light-outline-primary-active: #C4C4C4FF;
143
- --outline-on-light-outline-secondary-hover: #FFFFFFFF;
144
- --outline-on-light-outline-secondary-active: #575757FF;
145
- --outline-on-light-outline-tertiary: #707070;
146
- --outline-on-light-outline-tertiary-hover: #FFFFFFFF;
147
- --outline-on-light-outline-tertiary-active: #737373FF;
148
- --outline-on-light-outline-default: #080808;
149
- --outline-on-light-outline-default-hover: #FFFFFFFF;
150
- --outline-on-light-outline-default-active: #C7C7C7FF;
151
- --outline-on-light-outline-transparent-primary: rgba(8, 8, 8, 0.20);
152
- --outline-on-light-outline-transparent-primary-hover: #CCCCCCFF;
153
- --outline-on-light-outline-transparent-primary-active: #E6E6E6FF;
154
- --outline-on-light-outline-transparent-secondary: rgba(8, 8, 8, 0.40);
155
- --outline-on-light-outline-transparent-secondary-hover: #CCCCCCFF;
156
- --outline-on-light-outline-transparent-secondary-active: #E6E6E6FF;
157
- --outline-on-light-outline-transparent-tertiary: rgba(8, 8, 8, 0.56);
158
- --outline-on-light-outline-transparent-tertiary-hover: #CCCCCCFF;
159
- --outline-on-light-outline-transparent-tertiary-active: #E6E6E6FF;
160
- --outline-on-light-outline-accent: #2A72F8;
161
- --outline-on-light-outline-accent-hover: #79A7FBFF;
162
- --outline-on-light-outline-accent-active: #0D5FF8FF;
163
- --outline-on-light-outline-accent-minor: #8BB2FC;
164
- --outline-on-light-outline-accent-minor-hover: #DCE8FEFF;
165
- --outline-on-light-outline-accent-minor-active: #6FA0FBFF;
166
- --outline-on-light-outline-transparent-accent: rgba(42, 114, 248, 0.20);
167
- --outline-on-light-outline-transparent-accent-hover: #CCCCCCFF;
168
- --outline-on-light-outline-transparent-accent-active: #E6E6E6FF;
169
- --outline-on-light-outline-positive: #1A9E32;
170
- --outline-on-light-outline-positive-hover: #1EB83AFF;
171
- --outline-on-light-outline-positive-active: #15842AFF;
172
- --outline-on-light-outline-warning: #FA5F05;
173
- --outline-on-light-outline-warning-hover: #FB7223FF;
174
- --outline-on-light-outline-warning-active: #DC5304FF;
175
- --outline-on-light-outline-negative: #F31B31;
176
- --outline-on-light-outline-negative-hover: #F5384BFF;
177
- --outline-on-light-outline-negative-active: #E40C22FF;
178
- --outline-on-light-outline-info: #118CDF;
179
- --outline-on-light-outline-info-hover: #50B1F2FF;
180
- --outline-on-light-outline-info-active: #0F7BC2FF;
181
- --outline-on-light-outline-positive-minor: #28D247;
182
- --outline-on-light-outline-positive-minor-hover: #3EDA5BFF;
183
- --outline-on-light-outline-positive-minor-active: #23B83EFF;
184
- --outline-on-light-outline-warning-minor: #FD9C68;
185
- --outline-on-light-outline-warning-minor-hover: #FDB086FF;
186
- --outline-on-light-outline-warning-minor-active: #FC884AFF;
187
- --outline-on-light-outline-negative-minor: #FF8F9A;
188
- --outline-on-light-outline-negative-minor-hover: #FFADB6FF;
189
- --outline-on-light-outline-negative-minor-active: #FF707EFF;
190
- --outline-on-light-outline-info-minor: #52BAFF;
191
- --outline-on-light-outline-info-minor-hover: #A3DAFFFF;
192
- --outline-on-light-outline-info-minor-active: #33ADFFFF;
193
- --outline-on-light-outline-transparent-positive: rgba(26, 158, 50, 0.20);
194
- --outline-on-light-outline-transparent-positive-hover: #CCCCCCFF;
195
- --outline-on-light-outline-transparent-positive-active: #E6E6E6FF;
196
- --outline-on-light-outline-transparent-warning: rgba(232, 87, 2, 0.20);
197
- --outline-on-light-outline-transparent-warning-hover: #CCCCCCFF;
198
- --outline-on-light-outline-transparent-warning-active: #E6E6E6FF;
199
- --outline-on-light-outline-negative-transparent: rgba(243, 27, 49, 0.20);
200
- --outline-on-light-outline-negative-transparent-hover: #CCCCCCFF;
201
- --outline-on-light-outline-negative-transparent-active: #E6E6E6FF;
202
- --outline-on-light-outline-transparent-info-hover: #CCCCCCFF;
203
- --outline-on-light-outline-transparent-info-active: #E6E6E6FF;
204
- --outline-on-light-outline-transparent-info: rgba(17, 140, 223, 0.20);
205
- --outline-on-light-outline-primary: #DDDDDD;
206
- --outline-on-light-outline-secondary: #949494;
207
- --outline-inverse-outline-primary-hover: #CCCCCCFF;
208
- --outline-inverse-outline-primary-active: #E6E6E6FF;
209
- --overlay-soft: rgba(8, 8, 8, 0.56);
210
- --overlay-hard: rgba(8, 8, 8, 0.96);
211
- --overlay-blur: rgba(8, 8, 8, 0.28);
212
- --on-dark-overlay-soft: rgba(8, 8, 8, 0.56);
213
- --on-dark-overlay-hard: rgba(8, 8, 8, 0.96);
214
- --on-dark-overlay-blur: rgba(8, 8, 8, 0.28);
215
- --on-light-overlay-soft: rgba(249, 249, 249, 0.56);
216
- --on-light-overlay-hard: rgba(249, 249, 249, 0.96);
217
- --on-light-overlay-blur: rgba(249, 249, 249, 0.28);
218
4
  --text-primary: rgba(255, 255, 255, 0.96);
219
5
  --text-secondary: rgba(255, 255, 255, 0.56);
220
6
  --text-tertiary: rgba(255, 255, 255, 0.28);
@@ -227,9 +13,8 @@
227
13
  --text-accent-minor: #1549AB;
228
14
  --text-accent-minor-hover: #FFFFFFFF;
229
15
  --text-accent-minor-active: #1C62E3FF;
230
- --text-info: #118CDF;
231
- --text-info-hover: #50B1F2FF;
232
- --text-info-active: #0F7BC2FF;
16
+ --text-info-hover: #90B6FEFF;
17
+ --text-info-active: #216EFDFF;
233
18
  --text-positive-minor: #095C18;
234
19
  --text-positive-minor-hover: #0F9527FF;
235
20
  --text-positive-minor-active: #0C7920FF;
@@ -239,9 +24,10 @@
239
24
  --text-negative-minor: #9C1422;
240
25
  --text-negative-minor-hover: #B91828FF;
241
26
  --text-negative-minor-active: #83111CFF;
242
- --text-info-minor: #0D5382;
243
- --text-info-minor-hover: #1277BAFF;
244
- --text-info-minor-active: #10659EFF;
27
+ --text-info-minor-hover: #FFFFFFFF;
28
+ --text-info-minor-active: #1C62E3FF;
29
+ --text-info: #3F81FD;
30
+ --text-info-minor: #1549AB;
245
31
  --on-dark-text-primary: rgba(255, 255, 255, 0.96);
246
32
  --on-dark-text-secondary: rgba(255, 255, 255, 0.56);
247
33
  --on-dark-text-tertiary: rgba(255, 255, 255, 0.28);
@@ -251,19 +37,11 @@
251
37
  --on-dark-text-positive: #1A9E32;
252
38
  --on-dark-text-warning: #FA5F05;
253
39
  --on-dark-text-negative: #FF293E;
254
- --on-dark-text-text-accent-minor-hover: #FFFFFFFF;
255
- --on-dark-text-text-accent-minor-active: #1C62E3FF;
256
- --on-dark-text-text-info-hover: #66BCF5FF;
257
- --on-dark-text-text-info-active: #0E8ADDFF;
258
- --on-dark-texttext-accent-minor-hover: #FFFFFFFF;
259
- --on-dark-texttext-accent-minor-active: #1C62E3FF;
260
- --on-dark-texttext-info-hover: #66BCF5FF;
261
- --on-dark-texttext-info-active: #0E8ADDFF;
262
40
  --on-dark-text-accent-minor: #1549AB;
263
41
  --on-dark-text-accent-minor-hover: #FFFFFFFF;
264
42
  --on-dark-text-accent-minor-active: #1C62E3FF;
265
- --on-dark-text-info-hover: #50B1F2FF;
266
- --on-dark-text-info-active: #0F7BC2FF;
43
+ --on-dark-text-info-hover: #90B6FEFF;
44
+ --on-dark-text-info-active: #216EFDFF;
267
45
  --on-dark-text-positive-minor: #095C18;
268
46
  --on-dark-text-positive-minor-hover: #0F9527FF;
269
47
  --on-dark-text-positive-minor-active: #0C7920FF;
@@ -273,10 +51,10 @@
273
51
  --on-dark-text-negative-minor: #9C1422;
274
52
  --on-dark-text-negative-minor-hover: #B91828FF;
275
53
  --on-dark-text-negative-minor-active: #83111CFF;
276
- --on-dark-text-info-minor: #0D5382;
277
- --on-dark-text-info-minor-hover: #1277BAFF;
278
- --on-dark-text-info-minor-active: #10659EFF;
279
- --on-dark-text-info: #118CDF;
54
+ --on-dark-text-info-minor-hover: #FFFFFFFF;
55
+ --on-dark-text-info-minor-active: #1C62E3FF;
56
+ --on-dark-text-info-minor: #1549AB;
57
+ --on-dark-text-info: #3F81FD;
280
58
  --on-light-text-primary: rgba(8, 8, 8, 0.96);
281
59
  --on-light-text-secondary: rgba(8, 8, 8, 0.56);
282
60
  --on-light-text-tertiary: rgba(8, 8, 8, 0.28);
@@ -288,9 +66,8 @@
288
66
  --on-light-text-accent-minor: #8BB2FC;
289
67
  --on-light-text-accent-minor-hover: #DCE8FEFF;
290
68
  --on-light-text-accent-minor-active: #6FA0FBFF;
291
- --on-light-text-info: #0B7ECB;
292
- --on-light-text-info-hover: #34A7F4FF;
293
- --on-light-text-info-active: #096CAEFF;
69
+ --on-light-text-info-hover: #79A7FBFF;
70
+ --on-light-text-info-active: #0D5FF8FF;
294
71
  --on-light-text-positive-minor: #28D247;
295
72
  --on-light-text-positive-minor-hover: #3EDA5BFF;
296
73
  --on-light-text-positive-minor-active: #23B83EFF;
@@ -300,12 +77,13 @@
300
77
  --on-light-text-negative-minor: #FF8F9A;
301
78
  --on-light-text-negative-minor-hover: #FFADB6FF;
302
79
  --on-light-text-negative-minor-active: #FF707EFF;
303
- --on-light-text-info-minor: #52BAFF;
304
- --on-light-text-info-minor-hover: #A3DAFFFF;
305
- --on-light-text-info-minor-active: #33ADFFFF;
80
+ --on-light-text-info-minor-hover: #DCE8FEFF;
81
+ --on-light-text-info-minor-active: #6FA0FBFF;
306
82
  --on-light-text-negative-hover: #F5384BFF;
307
83
  --on-light-text-negative-active: #E40C22FF;
308
84
  --on-light-text-negative: #F31B31;
85
+ --on-light-text-info: #2A72F8;
86
+ --on-light-text-info-minor: #8BB2FC;
309
87
  --inverse-text-primary: rgba(8, 8, 8, 0.96);
310
88
  --inverse-text-secondary: rgba(8, 8, 8, 0.56);
311
89
  --inverse-text-tertiary: rgba(8, 8, 8, 0.28);
@@ -325,17 +103,16 @@
325
103
  --surface-negative: #FF293E;
326
104
  --surface-clear: rgba(255, 255, 255, 0);
327
105
  --surface-transparent-deep: rgba(255, 255, 255, 0.64);
328
- --surface-transparent-deep-hover: #FFFFFFFF;
329
- --surface-transparent-deep-active: #FFFFFFFF;
106
+ --surface-transparent-deep-hover: #FFFFFFC2;
107
+ --surface-transparent-deep-active: #FFFFFF94;
330
108
  --surface-accent-minor: #082254;
331
109
  --surface-accent-minor-hover: #0A2A67FF;
332
110
  --surface-accent-minor-active: #071F4BFF;
333
111
  --surface-transparent-accent: rgba(63, 129, 253, 0.20);
334
- --surface-transparent-accent-hover: #FFFFFFFF;
335
- --surface-transparent-accent-active: #FFFFFFFF;
336
- --surface-info: #118CDF;
337
- --surface-info-hover: #1798EEFF;
338
- --surface-info-active: #1086D5FF;
112
+ --surface-transparent-accent-hover: #3F82FD52;
113
+ --surface-transparent-accent-active: #3F82FD24;
114
+ --surface-info-hover: #5D95FDFF;
115
+ --surface-info-active: #357BFDFF;
339
116
  --surface-positive-minor: #0A2B10;
340
117
  --surface-positive-minor-hover: #0E3A16FF;
341
118
  --surface-positive-minor-active: #08210CFF;
@@ -345,24 +122,25 @@
345
122
  --surface-negative-minor: #4A0D13;
346
123
  --surface-negative-minor-hover: #5B1018FF;
347
124
  --surface-negative-minor-active: #410B11FF;
348
- --surface-info-minor: #0C283B;
349
- --surface-info-minor-hover: #10344CFF;
350
- --surface-info-minor-active: #0A2333FF;
351
- --surface-transparent-positive-hover: #FFFFFFFF;
352
- --surface-transparent-positive-active: #FFFFFFFF;
353
- --surface-transparent-warning-hover: #FFFFFFFF;
354
- --surface-transparent-warning-active: #FFFFFFFF;
355
- --surface-transparent-negative-hover: #FFFFFFFF;
356
- --surface-transparent-negative-active: #FFFFFFFF;
357
- --surface-transparent-info-hover: #FFFFFFFF;
358
- --surface-transparent-info-active: #FFFFFFFF;
125
+ --surface-info-minor-hover: #0A2A67FF;
126
+ --surface-info-minor-active: #071F4BFF;
127
+ --surface-transparent-positive-hover: #1A9E3252;
128
+ --surface-transparent-positive-active: #1A9E3224;
129
+ --surface-transparent-warning-hover: #FA5F0552;
130
+ --surface-transparent-warning-active: #FA5F0524;
131
+ --surface-transparent-negative-hover: #FF293E52;
132
+ --surface-transparent-negative-active: #FF293E24;
133
+ --surface-transparent-info-hover: #3F82FD52;
134
+ --surface-transparent-info-active: #3F82FD24;
359
135
  --surface-transparent-positive: rgba(26, 158, 50, 0.20);
360
136
  --surface-transparent-warning: rgba(250, 95, 5, 0.20);
361
137
  --surface-transparent-negative: rgba(255, 41, 62, 0.20);
362
- --surface-transparent-info: rgba(17, 140, 223, 0.20);
363
138
  --surface-solid-default: #F9F9F9;
364
139
  --surface-solid-default-hover: #FFFFFFFF;
365
140
  --surface-solid-default-active: #F5F5F5FF;
141
+ --surface-info: #3F81FD;
142
+ --surface-info-minor: #082254;
143
+ --surface-transparent-info: rgba(63, 129, 253, 0.20);
366
144
  --on-dark-surface-solid-primary: #171717;
367
145
  --on-dark-surface-solid-secondary: #262626;
368
146
  --on-dark-surface-solid-tertiary: #363636;
@@ -377,17 +155,16 @@
377
155
  --on-dark-surface-warning: #FA5F05;
378
156
  --on-dark-surface-negative: #FF293E;
379
157
  --on-dark-surface-transparent-deep: rgba(255, 255, 255, 0.64);
380
- --on-dark-surface-transparent-deep-hover: #FFFFFFFF;
381
- --on-dark-surface-transparent-deep-active: #FFFFFFFF;
158
+ --on-dark-surface-transparent-deep-hover: #FFFFFFC2;
159
+ --on-dark-surface-transparent-deep-active: #FFFFFF94;
382
160
  --on-dark-surface-accent-minor: #1549AB;
383
161
  --on-dark-surface-accent-minor-hover: #1852BFFF;
384
162
  --on-dark-surface-accent-minor-active: #1446A3FF;
385
163
  --on-dark-surface-transparent-accent: rgba(63, 129, 253, 0.20);
386
- --on-dark-surface-transparent-accent-hover: #FFFFFFFF;
387
- --on-dark-surface-transparent-accent-active: #FFFFFFFF;
388
- --on-dark-surface-surface-info: #118CDF;
389
- --on-dark-surface-surface-info-hover: #1798EEFF;
390
- --on-dark-surface-surface-info-active: #1086D5FF;
164
+ --on-dark-surface-transparent-accent-hover: #3F82FD52;
165
+ --on-dark-surface-transparent-accent-active: #3F82FD24;
166
+ --on-dark-surface-surface-info-hover: #5D95FDFF;
167
+ --on-dark-surface-surface-info-active: #357BFDFF;
391
168
  --on-dark-surface-positive-minor: #0A2B10;
392
169
  --on-dark-surface-positive-minor-hover: #0E3A16FF;
393
170
  --on-dark-surface-positive-minor-active: #08210CFF;
@@ -397,24 +174,25 @@
397
174
  --on-dark-surface-negative-minor: #4A0D13;
398
175
  --on-dark-surface-negative-minor-hover: #5B1018FF;
399
176
  --on-dark-surface-negative-minor-active: #410B11FF;
400
- --on-dark-surface-info-minor: #0C283B;
401
- --on-dark-surface-info-minor-hover: #10344CFF;
402
- --on-dark-surface-info-minor-active: #0A2333FF;
403
- --on-dark-surface-transparent-positive-hover: #FFFFFFFF;
404
- --on-dark-surface-transparent-positive-active: #FFFFFFFF;
405
- --on-dark-surface-transparent-warning-hover: #FFFFFFFF;
406
- --on-dark-surface-transparent-warning-active: #FFFFFFFF;
407
- --on-dark-surface-transparent-negative-hover: #FFFFFFFF;
408
- --on-dark-surface-transparent-negative-active: #FFFFFFFF;
409
- --on-dark-surface-transparent-info-hover: #FFFFFFFF;
410
- --on-dark-surface-transparent-info-active: #FFFFFFFF;
177
+ --on-dark-surface-info-minor-hover: #0A2A67FF;
178
+ --on-dark-surface-info-minor-active: #071F4BFF;
179
+ --on-dark-surface-transparent-positive-hover: #1A9E3252;
180
+ --on-dark-surface-transparent-positive-active: #1A9E3224;
181
+ --on-dark-surface-transparent-warning-hover: #FA5F0552;
182
+ --on-dark-surface-transparent-warning-active: #FA5F0524;
183
+ --on-dark-surface-transparent-negative-hover: #FF293E52;
184
+ --on-dark-surface-transparent-negative-active: #FF293E24;
185
+ --on-dark-surface-transparent-info-hover: #3F82FD52;
186
+ --on-dark-surface-transparent-info-active: #3F82FD24;
411
187
  --on-dark-surface-transparent-positive: rgba(26, 158, 50, 0.20);
412
188
  --on-dark-surface-transparent-warning: rgba(250, 95, 5, 0.20);
413
189
  --on-dark-surface-transparent-negative: rgba(255, 41, 62, 0.20);
414
- --on-dark-surface-transparent-info: rgba(17, 140, 223, 0.20);
415
190
  --on-dark-surface-solid-default: #F9F9F9;
416
191
  --on-dark-surface-solid-default-hover: #FFFFFFFF;
417
192
  --on-dark-surface-solid-default-active: #F5F5F5FF;
193
+ --on-dark-surface-surface-info: #3F81FD;
194
+ --on-dark-surface-info-minor: #082254;
195
+ --on-dark-surface-transparent-info: rgba(63, 129, 253, 0.20);
418
196
  --on-light-surface-solid-default: #080808;
419
197
  --on-light-surface-solid-primary: #F5F5F5;
420
198
  --on-light-surface-solid-secondary: #ECECEC;
@@ -434,11 +212,10 @@
434
212
  --on-light-surface-accent-minor-hover: #EBF1FFFF;
435
213
  --on-light-surface-accent-minor-active: #D6E4FFFF;
436
214
  --on-light-surface-transparent-accent: rgba(42, 114, 248, 0.12);
437
- --on-light-surface-transparent-accent-hover: #FFFFFFFF;
438
- --on-light-surface-transparent-accent-active: #FFFFFFFF;
439
- --on-light-surface-info: #118CDF;
440
- --on-light-surface-info-hover: #1798EEFF;
441
- --on-light-surface-info-active: #1086D5FF;
215
+ --on-light-surface-transparent-accent-hover: #2A72F83D;
216
+ --on-light-surface-transparent-accent-active: #2A72F80F;
217
+ --on-light-surface-info-hover: #5D95FDFF;
218
+ --on-light-surface-info-active: #357BFDFF;
442
219
  --on-light-surface-positive-minor: #9EFAAF;
443
220
  --on-light-surface-positive-minor-hover: #B1FBBFFF;
444
221
  --on-light-surface-positive-minor-active: #94F9A7FF;
@@ -448,24 +225,239 @@
448
225
  --on-light-surface-negative-minor: #FFE0E3;
449
226
  --on-light-surface-negative-minor-hover: #FFEBEDFF;
450
227
  --on-light-surface-negative-minor-active: #FFD6DAFF;
451
- --on-light-surface-info-minor: #CFECFF;
452
- --on-light-surface-info-minor-hover: #DBF1FFFF;
453
- --on-light-surface-info-minor-active: #C7E9FFFF;
454
- --on-light-surface-transparent-positive-hover: #FFFFFFFF;
455
- --on-light-surface-transparent-positive-active: #FFFFFFFF;
456
- --on-light-surface-transparent-warning-hover: #FFFFFFFF;
457
- --on-light-surface-transparent-warning-active: #FFFFFFFF;
458
- --on-light-surface-transparent-negative-hover: #FFFFFFFF;
459
- --on-light-surface-transparent-negative-active: #FFFFFFFF;
460
- --on-light-surface-transparent-info-hover: #FFFFFFFF;
461
- --on-light-surface-transparent-info-active: #FFFFFFFF;
228
+ --on-light-surface-info-minor-hover: #EBF1FFFF;
229
+ --on-light-surface-info-minor-active: #D6E4FFFF;
230
+ --on-light-surface-transparent-positive-hover: #1A9E323D;
231
+ --on-light-surface-transparent-positive-active: #1A9E320F;
232
+ --on-light-surface-transparent-warning-hover: #FA5F053D;
233
+ --on-light-surface-transparent-warning-active: #FA5F050F;
234
+ --on-light-surface-transparent-negative-hover: #F31B313D;
235
+ --on-light-surface-transparent-negative-active: #F31B310F;
236
+ --on-light-surface-transparent-info-hover: #2A72F83D;
237
+ --on-light-surface-transparent-info-active: #2A72F80F;
462
238
  --on-light-surface-transparent-positive: rgba(26, 158, 50, 0.12);
463
239
  --on-light-surface-transparent-warning: rgba(250, 95, 5, 0.12);
464
240
  --on-light-surface-transparent-negative: rgba(243, 27, 49, 0.12);
465
- --on-light-surface-transparent-info: rgba(17, 140, 223, 0.12);
241
+ --on-light-surface-info: #3F81FD;
242
+ --on-light-surface-info-minor: #DEE9FF;
243
+ --on-light-surface-transparent-info: rgba(42, 114, 248, 0.12);
466
244
  --background-primary: #080808;
467
245
  --dark-background-primary: #080808;
468
246
  --light-background-primary: #F9F9F9;
247
+ --overlay-soft: rgba(8, 8, 8, 0.56);
248
+ --overlay-hard: rgba(8, 8, 8, 0.96);
249
+ --overlay-blur: rgba(8, 8, 8, 0.28);
250
+ --on-dark-overlay-soft: rgba(8, 8, 8, 0.56);
251
+ --on-dark-overlay-hard: rgba(8, 8, 8, 0.96);
252
+ --on-dark-overlay-blur: rgba(8, 8, 8, 0.28);
253
+ --on-light-overlay-soft: rgba(249, 249, 249, 0.56);
254
+ --on-light-overlay-hard: rgba(249, 249, 249, 0.96);
255
+ --on-light-overlay-blur: rgba(249, 249, 249, 0.28);
256
+ --outline-default-outline-primary: #262626;
257
+ --outline-default-outline-primary-hover: #FFFFFFFF;
258
+ --outline-default-outline-primary-active: #ADADADFF;
259
+ --outline-default-outline-secondary: #4E4E4E;
260
+ --outline-default-outline-secondary-hover: #FFFFFFFF;
261
+ --outline-default-outline-secondary-active: #8C8C8CFF;
262
+ --outline-default-outline-tertiary: #707070;
263
+ --outline-default-outline-tertiary-hover: #FFFFFFFF;
264
+ --outline-default-outline-tertiary-active: #737373FF;
265
+ --outline-default-outline-default: #F9F9F9;
266
+ --outline-default-outline-default-hover: #C7C7C7FF;
267
+ --outline-default-outline-default-active: #E0E0E0FF;
268
+ --outline-default-outline-transparent-primary: rgba(255, 255, 255, 0.12);
269
+ --outline-default-outline-transparent-primary-hover: #FFFFFFFF;
270
+ --outline-default-outline-transparent-primary-active: #FFFFFF25;
271
+ --outline-default-outline-transparent-secondary: rgba(255, 255, 255, 0.20);
272
+ --outline-default-outline-transparent-secondary-hover: #FFFFFFFF;
273
+ --outline-default-outline-transparent-secondary-active: #FFFFFF3D;
274
+ --outline-default-outline-transparent-tertiary: rgba(255, 255, 255, 0.40);
275
+ --outline-default-outline-transparent-tertiary-hover: #FFFFFFFF;
276
+ --outline-default-outline-transparent-tertiary-active: #FFFFFF7A;
277
+ --outline-default-outline-transparent-clear: rgba(255, 255, 255, 0.00);
278
+ --outline-default-outline-transparent-clear-hover: #FFFFFF00;
279
+ --outline-default-outline-transparent-clear-active: #FFFFFF00;
280
+ --outline-default-outline-accent: #3F81FD;
281
+ --outline-default-outline-accent-hover: #90B6FEFF;
282
+ --outline-default-outline-accent-active: #216EFDFF;
283
+ --outline-default-outline-accent-minor: #1549AB;
284
+ --outline-default-outline-accent-minor-hover: #FFFFFFFF;
285
+ --outline-default-outline-accent-minor-active: #1C62E3FF;
286
+ --outline-default-outline-transparent-accent: rgba(63, 129, 253, 0.28);
287
+ --outline-default-outline-transparent-accent-hover: #3F82FDFF;
288
+ --outline-default-outline-transparent-accent-active: #3F82FD56;
289
+ --outline-default-outline-positive: #24B23E;
290
+ --outline-default-outline-positive-hover: #2ACB47FF;
291
+ --outline-default-outline-positive-active: #1F9835FF;
292
+ --outline-default-outline-warning: #FF7024;
293
+ --outline-default-outline-warning-hover: #FF8442FF;
294
+ --outline-default-outline-warning-active: #FF5D05FF;
295
+ --outline-default-outline-negative: #FF3D51;
296
+ --outline-default-outline-negative-hover: #FF5C6CFF;
297
+ --outline-default-outline-negative-active: #FF1F35FF;
298
+ --outline-default-outline-info-hover: #A3C3FFFF;
299
+ --outline-default-outline-info-active: #337AFFFF;
300
+ --outline-default-outline-positive-minor: #095C18;
301
+ --outline-default-outline-positive-minor-hover: #0F9527FF;
302
+ --outline-default-outline-positive-minor-active: #0C7920FF;
303
+ --outline-default-outline-warning-minor: #85380C;
304
+ --outline-default-outline-warning-minor-hover: #BB4F11FF;
305
+ --outline-default-outline-warning-minor-active: #9F440FFF;
306
+ --outline-default-outline-negative-minor: #9C1422;
307
+ --outline-default-outline-negative-minor-hover: #B91828FF;
308
+ --outline-default-outline-negative-minor-active: #83111CFF;
309
+ --outline-default-outline-info-minor-hover: #FFFFFFFF;
310
+ --outline-default-outline-info-minor-active: #1C62E3FF;
311
+ --outline-default-outline-transparent-positive-hover: #1A9E32FF;
312
+ --outline-default-outline-transparent-positive-active: #1A9E3256;
313
+ --outline-default-outline-transparent-warning-hover: #FA5F05FF;
314
+ --outline-default-outline-transparent-warning-active: #FA5F0556;
315
+ --outline-default-outline-negative-transparent-hover: #CCCCCCFF;
316
+ --outline-default-outline-negative-transparent-active: #E6E6E6FF;
317
+ --outline-default-outline-transparent-info-hover: #3F82FDFF;
318
+ --outline-default-outline-transparent-info-active: #3F82FD56;
319
+ --outline-default-outline-transparent-positive: rgba(26, 158, 50, 0.28);
320
+ --outline-default-outline-transparent-warning: rgba(250, 95, 5, 0.28);
321
+ --outline-default-outline-transparent-negative: rgba(243, 27, 49, 0.20);
322
+ --outline-default-outline-transparent-negative-hover: #F31B31FF;
323
+ --outline-default-outline-transparent-negative-active: #F31B313D;
324
+ --outline-default-outline-info-minor: #1549AB;
325
+ --outline-default-outline-transparent-info: rgba(63, 129, 253, 0.28);
326
+ --outline-default-outline-info: #528EFF;
327
+ --outline-on-dark-outline-primary-hover: #FFFFFFFF;
328
+ --outline-on-dark-outline-primary-active: #ADADADFF;
329
+ --outline-on-dark-outline-secondary-hover: #FFFFFFFF;
330
+ --outline-on-dark-outline-secondary-active: #8C8C8CFF;
331
+ --outline-on-dark-outline-tertiary-hover: #FFFFFFFF;
332
+ --outline-on-dark-outline-tertiary-active: #737373FF;
333
+ --outline-on-dark-outline-default-hover: #C7C7C7FF;
334
+ --outline-on-dark-outline-default-active: #E0E0E0FF;
335
+ --outline-on-dark-outline-transparent-primary-hover: #FFFFFFFF;
336
+ --outline-on-dark-outline-transparent-primary-active: #FFFFFF25;
337
+ --outline-on-dark-outline-transparent-secondary-hover: #FFFFFFFF;
338
+ --outline-on-dark-outline-transparent-secondary-active: #FFFFFF3D;
339
+ --outline-on-dark-outline-transparent-tertiary-hover: #FFFFFFFF;
340
+ --outline-on-dark-outline-transparent-tertiary-active: #FFFFFF7A;
341
+ --outline-on-dark-outline-accent-hover: #90B6FEFF;
342
+ --outline-on-dark-outline-accent-active: #216EFDFF;
343
+ --outline-on-dark-outline-accent-minor-hover: #FFFFFFFF;
344
+ --outline-on-dark-outline-accent-minor-active: #1C62E3FF;
345
+ --outline-on-dark-outline-transparent-accent-hover: #3F82FDFF;
346
+ --outline-on-dark-outline-transparent-accent-active: #3F82FD56;
347
+ --outline-on-dark-outline-positive-hover: #2ACB47FF;
348
+ --outline-on-dark-outline-positive-active: #1F9835FF;
349
+ --outline-on-dark-outline-warning-hover: #FF8442FF;
350
+ --outline-on-dark-outline-warning-active: #FF5D05FF;
351
+ --outline-on-dark-outline-negative-hover: #FF5C6CFF;
352
+ --outline-on-dark-outline-negative-active: #FF1F35FF;
353
+ --outline-on-dark-outline-info-hover: #A3C3FFFF;
354
+ --outline-on-dark-outline-info-active: #337AFFFF;
355
+ --outline-on-dark-outline-positive-minor-hover: #0F9527FF;
356
+ --outline-on-dark-outline-positive-minor-active: #0C7920FF;
357
+ --outline-on-dark-outline-warning-minor-hover: #BB4F11FF;
358
+ --outline-on-dark-outline-warning-minor-active: #9F440FFF;
359
+ --outline-on-dark-outline-negative-minor-hover: #B91828FF;
360
+ --outline-on-dark-outline-negative-minor-active: #83111CFF;
361
+ --outline-on-dark-outline-info-minor-hover: #FFFFFFFF;
362
+ --outline-on-dark-outline-info-minor-active: #1C62E3FF;
363
+ --outline-on-dark-outline-transparent-positive-hover: #1A9E32FF;
364
+ --outline-on-dark-outline-transparent-positive-active: #1A9E3256;
365
+ --outline-on-dark-outline-transparent-warning-hover: #FA5F05FF;
366
+ --outline-on-dark-outline-transparent-warning-active: #FA5F0556;
367
+ --outline-on-dark-outline-negative-transparent-hover: #FF293EFF;
368
+ --outline-on-dark-outline-negative-transparent-active: #FF293E56;
369
+ --outline-on-dark-outline-transparent-info-hover: #3F82FDFF;
370
+ --outline-on-dark-outline-transparent-info-active: #3F82FD56;
371
+ --outline-on-dark-outline-primary: #262626;
372
+ --outline-on-dark-outline-secondary: #4E4E4E;
373
+ --outline-on-dark-outline-tertiary: #707070;
374
+ --outline-on-dark-outline-default: #F9F9F9;
375
+ --outline-on-dark-outline-transparent-primary: rgba(255, 255, 255, 0.12);
376
+ --outline-on-dark-outline-transparent-secondary: rgba(255, 255, 255, 0.20);
377
+ --outline-on-dark-outline-transparent-tertiary: rgba(255, 255, 255, 0.40);
378
+ --outline-on-dark-outline-accent: #3F81FD;
379
+ --outline-on-dark-outline-accent-minor: #1549AB;
380
+ --outline-on-dark-outline-transparent-accent: rgba(63, 129, 253, 0.28);
381
+ --outline-on-dark-outline-positive: #24B23E;
382
+ --outline-on-dark-outline-warning: #FF7024;
383
+ --outline-on-dark-outline-negative: #FF3D51;
384
+ --outline-on-dark-outline-warning-minor: #85380C;
385
+ --outline-on-dark-outline-negative-minor: #9C1422;
386
+ --outline-on-dark-outline-transparent-positive: rgba(26, 158, 50, 0.28);
387
+ --outline-on-dark-outline-transparent-warning: rgba(250, 95, 5, 0.28);
388
+ --outline-on-dark-outline-negative-transparent: rgba(255, 41, 62, 0.28);
389
+ --outline-on-dark-outline-positive-minor: #095C18;
390
+ --outline-on-dark-outline-info-minor: #1549AB;
391
+ --outline-on-dark-outline-info: #528EFF;
392
+ --outline-on-dark-outline-transparent-info: rgba(63, 129, 253, 0.28);
393
+ --outline-on-light-outline-primary-hover: #ABABABFF;
394
+ --outline-on-light-outline-primary-active: #C4C4C4FF;
395
+ --outline-on-light-outline-secondary-hover: #FFFFFFFF;
396
+ --outline-on-light-outline-secondary-active: #575757FF;
397
+ --outline-on-light-outline-tertiary: #707070;
398
+ --outline-on-light-outline-tertiary-hover: #FFFFFFFF;
399
+ --outline-on-light-outline-tertiary-active: #737373FF;
400
+ --outline-on-light-outline-default: #080808;
401
+ --outline-on-light-outline-default-hover: #FFFFFFFF;
402
+ --outline-on-light-outline-default-active: #C7C7C7FF;
403
+ --outline-on-light-outline-transparent-primary: rgba(8, 8, 8, 0.20);
404
+ --outline-on-light-outline-transparent-primary-hover: #080808FF;
405
+ --outline-on-light-outline-transparent-primary-active: #0808083D;
406
+ --outline-on-light-outline-transparent-secondary: rgba(8, 8, 8, 0.40);
407
+ --outline-on-light-outline-transparent-secondary-hover: #080808FF;
408
+ --outline-on-light-outline-transparent-secondary-active: #0808087A;
409
+ --outline-on-light-outline-transparent-tertiary: rgba(8, 8, 8, 0.56);
410
+ --outline-on-light-outline-transparent-tertiary-hover: #080808FF;
411
+ --outline-on-light-outline-transparent-tertiary-active: #080808AB;
412
+ --outline-on-light-outline-accent: #2A72F8;
413
+ --outline-on-light-outline-accent-hover: #79A7FBFF;
414
+ --outline-on-light-outline-accent-active: #0D5FF8FF;
415
+ --outline-on-light-outline-accent-minor: #8BB2FC;
416
+ --outline-on-light-outline-accent-minor-hover: #DCE8FEFF;
417
+ --outline-on-light-outline-accent-minor-active: #6FA0FBFF;
418
+ --outline-on-light-outline-transparent-accent: rgba(42, 114, 248, 0.20);
419
+ --outline-on-light-outline-transparent-accent-hover: #2A72F8FF;
420
+ --outline-on-light-outline-transparent-accent-active: #2A72F83D;
421
+ --outline-on-light-outline-positive: #1A9E32;
422
+ --outline-on-light-outline-positive-hover: #1EB83AFF;
423
+ --outline-on-light-outline-positive-active: #15842AFF;
424
+ --outline-on-light-outline-warning: #FA5F05;
425
+ --outline-on-light-outline-warning-hover: #FB7223FF;
426
+ --outline-on-light-outline-warning-active: #DC5304FF;
427
+ --outline-on-light-outline-negative: #F31B31;
428
+ --outline-on-light-outline-negative-hover: #F5384BFF;
429
+ --outline-on-light-outline-negative-active: #E40C22FF;
430
+ --outline-on-light-outline-info-hover: #90B6FEFF;
431
+ --outline-on-light-outline-info-active: #216EFDFF;
432
+ --outline-on-light-outline-positive-minor: #28D247;
433
+ --outline-on-light-outline-positive-minor-hover: #3EDA5BFF;
434
+ --outline-on-light-outline-positive-minor-active: #23B83EFF;
435
+ --outline-on-light-outline-warning-minor: #FD9C68;
436
+ --outline-on-light-outline-warning-minor-hover: #FDB086FF;
437
+ --outline-on-light-outline-warning-minor-active: #FC884AFF;
438
+ --outline-on-light-outline-negative-minor: #FF8F9A;
439
+ --outline-on-light-outline-negative-minor-hover: #FFADB6FF;
440
+ --outline-on-light-outline-negative-minor-active: #FF707EFF;
441
+ --outline-on-light-outline-info-minor-hover: #DCE8FEFF;
442
+ --outline-on-light-outline-info-minor-active: #6FA0FBFF;
443
+ --outline-on-light-outline-transparent-positive: rgba(26, 158, 50, 0.20);
444
+ --outline-on-light-outline-transparent-positive-hover: #1A9E32FF;
445
+ --outline-on-light-outline-transparent-positive-active: #1A9E323D;
446
+ --outline-on-light-outline-transparent-warning: rgba(232, 87, 2, 0.20);
447
+ --outline-on-light-outline-transparent-warning-hover: #E85702FF;
448
+ --outline-on-light-outline-transparent-warning-active: #E857023D;
449
+ --outline-on-light-outline-negative-transparent: rgba(243, 27, 49, 0.20);
450
+ --outline-on-light-outline-negative-transparent-hover: #F31B31FF;
451
+ --outline-on-light-outline-negative-transparent-active: #F31B313D;
452
+ --outline-on-light-outline-transparent-info-hover: #2A72F8FF;
453
+ --outline-on-light-outline-transparent-info-active: #2A72F83D;
454
+ --outline-on-light-outline-primary: #DDDDDD;
455
+ --outline-on-light-outline-secondary: #949494;
456
+ --outline-on-light-outline-info: #3F81FD;
457
+ --outline-on-light-outline-info-minor: #8BB2FC;
458
+ --outline-on-light-outline-transparent-info: rgba(42, 114, 248, 0.20);
459
+ --outline-inverse-outline-primary-hover: #CCCCCCFF;
460
+ --outline-inverse-outline-primary-active: #E6E6E6FF;
469
461
  --skeleton-gradient: linear-gradient( 90deg, rgba(255, 255, 255, 0.09) 0%, rgba(255, 255, 255, 0.08) 6.25%, rgba(255, 255, 255, 0.05) 12.5%, rgba(255, 255, 255, 0.01) 25%, rgba(255, 255, 255, 0.05) 37.5%, rgba(255, 255, 255, 0.08) 43.75%, rgba(255, 255, 255, 0.09) 50%, rgba(255, 255, 255, 0.08) 56.25%, rgba(255, 255, 255, 0.05) 62.5%, rgba(255, 255, 255, 0.01) 75%, rgba(255, 255, 255, 0.05) 87.5%, rgba(255, 255, 255, 0.08) 93.75%, rgba(255, 255, 255, 0.09) 100% );
470
462
  --skeleton-gradient-lighter: linear-gradient( 90deg, rgba(255, 255, 255, 0.36) 0%, rgba(255, 255, 255, 0.32) 6.25%, rgba(255, 255, 255, 0.20) 12.5%, rgba(255, 255, 255, 0.04) 25%, rgba(255, 255, 255, 0.20) 37.5%, rgba(255, 255, 255, 0.32) 43.75%, rgba(255, 255, 255, 0.36) 50%, rgba(255, 255, 255, 0.08) 56.25%, rgba(255, 255, 255, 0.20) 62.5%, rgba(255, 255, 255, 0.04) 75%, rgba(255, 255, 255, 0.20) 87.5%, rgba(255, 255, 255, 0.32) 93.75%, rgba(255, 255, 255, 0.36) 100% );
471
463
  --plasma-colors-white-primary: var(--on-dark-text-primary);