@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_web.module.css CHANGED
@@ -26,16 +26,20 @@
26
26
  --text-warning-active: #FF5D05FF;
27
27
  --text-negative-hover: #FF5C6CFF;
28
28
  --text-negative-active: #FF1F35FF;
29
+ --text-info-hover: #A3C3FFFF;
30
+ --text-info-active: #337AFFFF;
31
+ --text-info-minor-hover: #FFFFFFFF;
32
+ --text-info-minor-active: #1C62E3FF;
29
33
  --text-accent: #528EFF;
30
34
  --text-accent-minor: #1549AB;
31
35
  --text-positive: #24B23E;
32
36
  --text-warning: #FF7024;
33
37
  --text-negative: #FF3D51;
34
38
  --text-positive-minor: #095C18;
35
- --text-info: #199AF0;
36
39
  --text-warning-minor: #85380C;
37
40
  --text-negative-minor: #9C1422;
38
- --text-info-minor: #0D5382;
41
+ --text-info: #528EFF;
42
+ --text-info-minor: #1549AB;
39
43
  --on-dark-text-primary-hover: #FFFFFF93;
40
44
  --on-dark-text-primary-active: #FFFFFFC4;
41
45
  --on-dark-text-primary: rgba(255, 255, 255, 0.96);
@@ -60,25 +64,25 @@
60
64
  --on-dark-text-warning-active: #FF5D05FF;
61
65
  --on-dark-text-negative-hover: #FF5C6CFF;
62
66
  --on-dark-text-negative-active: #FF1F35FF;
63
- --on-dark-text-info-hover: #66BCF5FF;
64
- --on-dark-text-info-active: #0E8ADDFF;
67
+ --on-dark-text-info-hover: #A3C3FFFF;
68
+ --on-dark-text-info-active: #337AFFFF;
65
69
  --on-dark-text-positive-minor-hover: #0F9527FF;
66
70
  --on-dark-text-positive-minor-active: #0C7920FF;
67
71
  --on-dark-text-warning-minor-hover: #BB4F11FF;
68
72
  --on-dark-text-warning-minor-active: #9F440FFF;
69
73
  --on-dark-text-negative-minor-hover: #B91828FF;
70
74
  --on-dark-text-negative-minor-active: #83111CFF;
71
- --on-dark-text-info-minor-hover: #1277BAFF;
72
- --on-dark-text-info-minor-active: #10659EFF;
75
+ --on-dark-text-info-minor-hover: #FFFFFFFF;
76
+ --on-dark-text-info-minor-active: #1C62E3FF;
73
77
  --on-dark-text-accent-minor: #1549AB;
74
78
  --on-dark-text-positive: #24B23E;
75
79
  --on-dark-text-warning: #FF7024;
76
80
  --on-dark-text-negative: #FF3D51;
77
- --on-dark-text-info: #199AF0;
78
81
  --on-dark-text-positive-minor: #095C18;
79
82
  --on-dark-text-warning-minor: #85380C;
80
83
  --on-dark-text-negative-minor: #9C1422;
81
- --on-dark-text-info-minor: #0D5382;
84
+ --on-dark-text-info: #528EFF;
85
+ --on-dark-text-info-minor: #1549AB;
82
86
  --on-light-text-primary-hover: #08080893;
83
87
  --on-light-text-primary-active: #080808C4;
84
88
  --on-light-text-primary: rgba(8, 8, 8, 0.96);
@@ -105,25 +109,25 @@
105
109
  --on-light-text-warning-active: #CA4B02FF;
106
110
  --on-light-text-negative-hover: #F5384BFF;
107
111
  --on-light-text-negative-active: #E40C22FF;
108
- --on-light-text-info-hover: #34A7F4FF;
109
- --on-light-text-info-active: #096CAEFF;
112
+ --on-light-text-info-hover: #79A7FBFF;
113
+ --on-light-text-info-active: #0D5FF8FF;
110
114
  --on-light-text-positive-minor-hover: #3EDA5BFF;
111
115
  --on-light-text-positive-minor-active: #23B83EFF;
112
116
  --on-light-text-warning-minor-hover: #FDB086FF;
113
117
  --on-light-text-warning-minor-active: #FC884AFF;
114
118
  --on-light-text-negative-minor-hover: #FFADB6FF;
115
119
  --on-light-text-negative-minor-active: #FF707EFF;
116
- --on-light-text-info-minor-hover: #A3DAFFFF;
117
- --on-light-text-info-minor-active: #33ADFFFF;
120
+ --on-light-text-info-minor-hover: #DCE8FEFF;
121
+ --on-light-text-info-minor-active: #6FA0FBFF;
118
122
  --on-light-text-accent-minor: #8BB2FC;
119
123
  --on-light-text-positive: #108E26;
120
124
  --on-light-text-warning: #E85702;
121
125
  --on-light-text-negative: #F31B31;
122
- --on-light-text-info: #0B7ECB;
123
126
  --on-light-text-positive-minor: #28D247;
124
127
  --on-light-text-warning-minor: #FD9C68;
125
128
  --on-light-text-negative-minor: #FF8F9A;
126
- --on-light-text-info-minor: #52BAFF;
129
+ --on-light-text-info: #2A72F8;
130
+ --on-light-text-info-minor: #8BB2FC;
127
131
  --inverse-text-primary-hover: #08080893;
128
132
  --inverse-text-primary-active: #080808C4;
129
133
  --inverse-text-primary: rgba(8, 8, 8, 0.96);
@@ -177,8 +181,8 @@
177
181
  --surface-accent-gradient: linear-gradient(93.97deg, #3E79F0 6.49%, #27C6E5 93.51%), linear-gradient(89.83deg, #5E94FF 0%, #43DBFA 100%);
178
182
  --surface-accent-minor-hover: #0A2A67FF;
179
183
  --surface-accent-minor-active: #071F4BFF;
180
- --surface-transparent-accent-hover: #3F82FD3D;
181
- --surface-transparent-accent-active: #3F82FD0F;
184
+ --surface-transparent-accent-hover: #3F82FD52;
185
+ --surface-transparent-accent-active: #3F82FD24;
182
186
  --surface-positive-hover: #1DAF37FF;
183
187
  --surface-positive-active: #18952FFF;
184
188
  --surface-positive: #1A9E32;
@@ -188,35 +192,35 @@
188
192
  --surface-negative-hover: #FF475AFF;
189
193
  --surface-negative-active: #FF1F35FF;
190
194
  --surface-negative: #FF293E;
191
- --surface-info-hover: #1798EEFF;
192
- --surface-info-active: #1086D5FF;
195
+ --surface-info-hover: #5D95FDFF;
196
+ --surface-info-active: #357BFDFF;
193
197
  --surface-positive-minor-hover: #0E3A16FF;
194
198
  --surface-positive-minor-active: #08210CFF;
195
199
  --surface-warning-minor-hover: #4F250DFF;
196
200
  --surface-warning-minor-active: #351909FF;
197
201
  --surface-negative-minor-hover: #5B1018FF;
198
202
  --surface-negative-minor-active: #410B11FF;
199
- --surface-info-minor-hover: #10344CFF;
200
- --surface-info-minor-active: #0A2333FF;
201
- --surface-transparent-positive-hover: #FFFFFFFF;
202
- --surface-transparent-positive-active: #FFFFFFFF;
203
- --surface-transparent-warning-hover: #FFFFFFFF;
204
- --surface-transparent-warning-active: #FFFFFFFF;
205
- --surface-transparent-negative-hover: #FFFFFFFF;
206
- --surface-transparent-negative-active: #FFFFFFFF;
207
- --surface-transparent-info-hover: #FFFFFFFF;
208
- --surface-transparent-info-active: #FFFFFFFF;
209
- --surface-transparent-accent: rgba(63,129,253,0.12);
203
+ --surface-info-minor-hover: #0A2A67FF;
204
+ --surface-info-minor-active: #071F4BFF;
205
+ --surface-transparent-positive-hover: #1A9E3252;
206
+ --surface-transparent-positive-active: #1A9E3224;
207
+ --surface-transparent-warning-hover: #FA5F0552;
208
+ --surface-transparent-warning-active: #FA5F0524;
209
+ --surface-transparent-negative-hover: #FF293E52;
210
+ --surface-transparent-negative-active: #FF293E24;
211
+ --surface-transparent-info-hover: #3F82FD52;
212
+ --surface-transparent-info-active: #3F82FD24;
210
213
  --surface-accent-minor: #082254;
211
- --surface-info: #118CDF;
212
214
  --surface-positive-minor: #0A2B10;
213
215
  --surface-warning-minor: #3D1D0A;
214
216
  --surface-negative-minor: #4A0D13;
215
- --surface-info-minor: #0C283B;
216
- --surface-transparent-info: rgba(17, 140, 223, 0.20);
217
217
  --surface-transparent-positive: rgba(26, 158, 50, 0.20);
218
218
  --surface-transparent-warning: rgba(250, 95, 5, 0.20);
219
219
  --surface-transparent-negative: rgba(255, 41, 62, 0.20);
220
+ --surface-info: #3F81FD;
221
+ --surface-info-minor: #082254;
222
+ --surface-transparent-accent: rgba(63, 129, 253, 0.20);
223
+ --surface-transparent-info: rgba(63, 129, 253, 0.20);
220
224
  --on-dark-surface-solid-primary-hover: #1C1C1CFF;
221
225
  --on-dark-surface-solid-primary-active: #121212FF;
222
226
  --on-dark-surface-solid-primary: #171717;
@@ -255,8 +259,8 @@
255
259
  --on-dark-surface-accent-gradient: linear-gradient(93.97deg, #3E79F0 6.49%, #27C6E5 93.51%);
256
260
  --on-dark-surface-accent-minor-hover: #0A2A67FF;
257
261
  --on-dark-surface-accent-minor-active: #071F4BFF;
258
- --on-dark-surface-transparent-accent-hover: #FFFFFFFF;
259
- --on-dark-surface-transparent-accent-active: #FFFFFFFF;
262
+ --on-dark-surface-transparent-accent-hover: #3F82FD52;
263
+ --on-dark-surface-transparent-accent-active: #3F82FD24;
260
264
  --on-dark-surface-positive-hover: #1DAF37FF;
261
265
  --on-dark-surface-positive-active: #18952FFF;
262
266
  --on-dark-surface-positive: #1A9E32;
@@ -266,35 +270,35 @@
266
270
  --on-dark-surface-negative-hover: #FF475AFF;
267
271
  --on-dark-surface-negative-active: #FF1F35FF;
268
272
  --on-dark-surface-negative: #FF293E;
269
- --on-dark-surface-info-hover: #1798EEFF;
270
- --on-dark-surface-info-active: #1086D5FF;
273
+ --on-dark-surface-info-hover: #5D95FDFF;
274
+ --on-dark-surface-info-active: #357BFDFF;
271
275
  --on-dark-surface-positive-minor-hover: #0E3A16FF;
272
276
  --on-dark-surface-positive-minor-active: #08210CFF;
273
277
  --on-dark-surface-warning-minor-hover: #4F250DFF;
274
278
  --on-dark-surface-warning-minor-active: #351909FF;
275
279
  --on-dark-surface-negative-minor-hover: #5B1018FF;
276
280
  --on-dark-surface-negative-minor-active: #410B11FF;
277
- --on-dark-surface-info-minor-hover: #10344CFF;
278
- --on-dark-surface-info-minor-active: #0A2333FF;
279
- --on-dark-surface-transparent-positive-hover: #FFFFFFFF;
280
- --on-dark-surface-transparent-positive-active: #FFFFFFFF;
281
- --on-dark-surface-transparent-warning-hover: #FFFFFFFF;
282
- --on-dark-surface-transparent-warning-active: #FFFFFFFF;
283
- --on-dark-surface-transparent-negative-hover: #FFFFFFFF;
284
- --on-dark-surface-transparent-negative-active: #FFFFFFFF;
285
- --on-dark-surface-transparent-info-hover: #FFFFFFFF;
286
- --on-dark-surface-transparent-info-active: #FFFFFFFF;
281
+ --on-dark-surface-info-minor-hover: #0A2A67FF;
282
+ --on-dark-surface-info-minor-active: #071F4BFF;
283
+ --on-dark-surface-transparent-positive-hover: #1A9E3252;
284
+ --on-dark-surface-transparent-positive-active: #1A9E3224;
285
+ --on-dark-surface-transparent-warning-hover: #FA5F0552;
286
+ --on-dark-surface-transparent-warning-active: #FA5F0524;
287
+ --on-dark-surface-transparent-negative-hover: #FF293E52;
288
+ --on-dark-surface-transparent-negative-active: #FF293E24;
289
+ --on-dark-surface-transparent-info-hover: #3F82FD52;
290
+ --on-dark-surface-transparent-info-active: #3F82FD24;
287
291
  --on-dark-surface-accent-minor: #082254;
288
292
  --on-dark-surface-transparent-accent: rgba(63, 129, 253, 0.20);
289
- --on-dark-surface-info: #118CDF;
290
293
  --on-dark-surface-positive-minor: #0A2B10;
291
294
  --on-dark-surface-warning-minor: #3D1D0A;
292
295
  --on-dark-surface-negative-minor: #4A0D13;
293
- --on-dark-surface-info-minor: #0C283B;
294
296
  --on-dark-surface-transparent-positive: rgba(26, 158, 50, 0.20);
295
297
  --on-dark-surface-transparent-warning: rgba(250, 95, 5, 0.20);
296
298
  --on-dark-surface-transparent-negative: rgba(255, 41, 62, 0.20);
297
- --on-dark-surface-transparent-info: rgba(17, 140, 223, 0.20);
299
+ --on-dark-surface-info: #3F81FD;
300
+ --on-dark-surface-info-minor: #082254;
301
+ --on-dark-surface-transparent-info: rgba(63, 129, 253, 0.20);
298
302
  --on-light-surface-solid-primary-hover: #FAFAFAFF;
299
303
  --on-light-surface-solid-primary-active: #F0F0F0FF;
300
304
  --on-light-surface-solid-primary: #F5F5F5;
@@ -333,46 +337,46 @@
333
337
  --on-light-surface-accent-gradient: linear-gradient(93.97deg, #3E79F0 6.49%, #27C6E5 93.51%);
334
338
  --on-light-surface-accent-minor-hover: #EBF1FFFF;
335
339
  --on-light-surface-accent-minor-active: #D6E4FFFF;
336
- --on-light-surface-transparent-accent-hover: #FFFFFFFF;
337
- --on-light-surface-transparent-accent-active: #FFFFFFFF;
340
+ --on-light-surface-transparent-accent-hover: #2A72F83D;
341
+ --on-light-surface-transparent-accent-active: #2A72F80F;
338
342
  --on-light-surface-positive-hover: #12A12AFF;
339
343
  --on-light-surface-positive-active: #0F8523FF;
340
344
  --on-light-surface-warning-hover: #FC5E03FF;
341
345
  --on-light-surface-warning-active: #DE5302FF;
342
346
  --on-light-surface-negative-hover: #F5384BFF;
343
347
  --on-light-surface-negative-active: #F31228FF;
344
- --on-light-surface-info-hover: #0C8ADFFF;
345
- --on-light-surface-info-active: #0A78C2FF;
348
+ --on-light-surface-info-hover: #4886F9FF;
349
+ --on-light-surface-info-active: #206CF8FF;
346
350
  --on-light-surface-positive-minor-hover: #B1FBBFFF;
347
351
  --on-light-surface-positive-minor-active: #94F9A7FF;
348
352
  --on-light-surface-warning-minor-hover: #FEE9DCFF;
349
353
  --on-light-surface-warning-minor-active: #FEDCC8FF;
350
354
  --on-light-surface-negative-minor-hover: #FFEBEDFF;
351
355
  --on-light-surface-negative-minor-active: #FFD6DAFF;
352
- --on-light-surface-info-minor-hover: #DBF1FFFF;
353
- --on-light-surface-info-minor-active: #C7E9FFFF;
354
- --on-light-surface-transparent-positive-hover: #FFFFFFFF;
355
- --on-light-surface-transparent-positive-active: #FFFFFFFF;
356
- --on-light-surface-transparent-warning-hover: #FFFFFFFF;
357
- --on-light-surface-transparent-warning-active: #FFFFFFFF;
358
- --on-light-surface-transparent-negative-hover: #FFFFFFFF;
359
- --on-light-surface-transparent-negative-active: #FFFFFFFF;
360
- --on-light-surface-transparent-info-hover: #FFFFFFFF;
361
- --on-light-surface-transparent-info-active: #FFFFFFFF;
356
+ --on-light-surface-info-minor-hover: #EBF1FFFF;
357
+ --on-light-surface-info-minor-active: #D6E4FFFF;
358
+ --on-light-surface-transparent-positive-hover: #108E253D;
359
+ --on-light-surface-transparent-positive-active: #108E250F;
360
+ --on-light-surface-transparent-warning-hover: #E857023D;
361
+ --on-light-surface-transparent-warning-active: #E857020F;
362
+ --on-light-surface-transparent-negative-hover: #F31B313D;
363
+ --on-light-surface-transparent-negative-active: #F31B310F;
364
+ --on-light-surface-transparent-info-hover: #2A72F83D;
365
+ --on-light-surface-transparent-info-active: #2A72F80F;
362
366
  --on-light-surface-accent-minor: #DEE9FF;
363
367
  --on-light-surface-transparent-accent: rgba(42, 114, 248, 0.12);
364
368
  --on-light-surface-positive: #108E26;
365
369
  --on-light-surface-warning: #E85702;
366
370
  --on-light-surface-negative: #F31B31;
367
- --on-light-surface-info: #0B7ECB;
368
371
  --on-light-surface-positive-minor: #9EFAAF;
369
372
  --on-light-surface-warning-minor: #FEE2D2;
370
373
  --on-light-surface-negative-minor: #FFE0E3;
371
- --on-light-surface-info-minor: #CFECFF;
372
374
  --on-light-surface-transparent-positive: rgba(16, 142, 38, 0.12);
373
375
  --on-light-surface-transparent-warning: rgba(232, 87, 2, 0.12);
374
376
  --on-light-surface-transparent-negative: rgba(243, 27, 49, 0.12);
375
- --on-light-surface-transparent-info: rgba(11, 126, 203, 0.12);
377
+ --on-light-surface-info: #2A72F8;
378
+ --on-light-surface-info-minor: #DEE9FF;
379
+ --on-light-surface-transparent-info: rgba(42, 114, 248, 0.12);
376
380
  --background-primary: #080808;
377
381
  --dark-background-primary: #080808;
378
382
  --light-background-primary: #F9F9F9;
@@ -391,44 +395,44 @@
391
395
  --outline-default-outline-solid-secondary-active: #8C8C8CFF;
392
396
  --outline-default-outline-solid-tertiary-hover: #FFFFFFFF;
393
397
  --outline-default-outline-solid-tertiary-active: #737373FF;
394
- --outline-default-outline-transparent-primary-hover: #CCCCCCFF;
395
- --outline-default-outline-transparent-primary-active: #E6E6E6FF;
396
- --outline-default-outline-transparent-secondary-hover: #CCCCCCFF;
397
- --outline-default-outline-transparent-secondary-active: #E6E6E6FF;
398
- --outline-default-outline-transparent-tertiary-hover: #CCCCCCFF;
399
- --outline-default-outline-transparent-tertiary-active: #E6E6E6FF;
400
- --outline-default-outline-clear-hover: #CCCCCCFF;
401
- --outline-default-outline-clear-active: #E6E6E6FF;
398
+ --outline-default-outline-transparent-primary-hover: #FFFFFFFF;
399
+ --outline-default-outline-transparent-primary-active: #FFFFFF25;
400
+ --outline-default-outline-transparent-secondary-hover: #FFFFFFFF;
401
+ --outline-default-outline-transparent-secondary-active: #FFFFFF3D;
402
+ --outline-default-outline-transparent-tertiary-hover: #FFFFFFFF;
403
+ --outline-default-outline-transparent-tertiary-active: #FFFFFF7A;
404
+ --outline-default-outline-clear-hover: #FFFFFF00;
405
+ --outline-default-outline-clear-active: #FFFFFF00;
402
406
  --outline-default-outline-accent-hover: #90B6FEFF;
403
407
  --outline-default-outline-accent-active: #216EFDFF;
404
408
  --outline-default-outline-accent-minor-hover: #FFFFFFFF;
405
409
  --outline-default-outline-accent-minor-active: #1C62E3FF;
406
- --outline-default-outline-transparent-accent-hover: #CCCCCCFF;
407
- --outline-default-outline-transparent-accent-active: #E6E6E6FF;
410
+ --outline-default-outline-transparent-accent-hover: #528EFFFF;
411
+ --outline-default-outline-transparent-accent-active: #528EFF56;
408
412
  --outline-default-outline-positive-hover: #2ACB47FF;
409
413
  --outline-default-outline-positive-active: #1F9835FF;
410
414
  --outline-default-outline-warning-hover: #FF8442FF;
411
415
  --outline-default-outline-warning-active: #FF5D05FF;
412
416
  --outline-default-outline-negative-hover: #FF5C6CFF;
413
417
  --outline-default-outline-negative-active: #FF1F35FF;
414
- --outline-default-outline-info-hover: #66BCF5FF;
415
- --outline-default-outline-info-active: #0E8ADDFF;
418
+ --outline-default-outline-info-hover: #A3C3FFFF;
419
+ --outline-default-outline-info-active: #337AFFFF;
416
420
  --outline-default-outline-positive-minor-hover: #0F9527FF;
417
421
  --outline-default-outline-positive-minor-active: #0C7920FF;
418
422
  --outline-default-outline-warning-minor-hover: #BB4F11FF;
419
423
  --outline-default-outline-warning-minor-active: #9F440FFF;
420
424
  --outline-default-outline-negative-minor-hover: #B91828FF;
421
425
  --outline-default-outline-negative-minor-active: #83111CFF;
422
- --outline-default-outline-info-minor-hover: #1277BAFF;
423
- --outline-default-outline-info-minor-active: #10659EFF;
424
- --outline-default-outline-transparent-positive-hover: #CCCCCCFF;
425
- --outline-default-outline-transparent-positive-active: #E6E6E6FF;
426
- --outline-default-outline-transparent-warning-hover: #CCCCCCFF;
427
- --outline-default-outline-transparent-warning-active: #E6E6E6FF;
428
- --outline-default-outline-transparent-negative-hover: #CCCCCCFF;
429
- --outline-default-outline-transparent-negative-active: #E6E6E6FF;
430
- --outline-default-outline-transparent-info-hover: #CCCCCCFF;
431
- --outline-default-outline-transparent-info-active: #E6E6E6FF;
426
+ --outline-default-outline-info-minor-hover: #FFFFFFFF;
427
+ --outline-default-outline-info-minor-active: #1C62E3FF;
428
+ --outline-default-outline-transparent-positive-hover: #24B23EFF;
429
+ --outline-default-outline-transparent-positive-active: #24B23E56;
430
+ --outline-default-outline-transparent-warning-hover: #FF7024FF;
431
+ --outline-default-outline-transparent-warning-active: #FF702456;
432
+ --outline-default-outline-transparent-negative-hover: #FF3D51FF;
433
+ --outline-default-outline-transparent-negative-active: #FF3D5156;
434
+ --outline-default-outline-transparent-info-hover: #528EFFFF;
435
+ --outline-default-outline-transparent-info-active: #528EFF56;
432
436
  --outline-default-outline-solid-primary: #262626;
433
437
  --outline-default-outline-solid-secondary: #4E4E4E;
434
438
  --outline-default-outline-solid-tertiary: #707070;
@@ -445,57 +449,57 @@
445
449
  --outline-default-outline-positive: #24B23E;
446
450
  --outline-default-outline-warning: #FF7024;
447
451
  --outline-default-outline-negative: #FF3D51;
448
- --outline-default-outline-info: #199AF0;
449
452
  --outline-default-outline-positive-minor: #095C18;
450
453
  --outline-default-outline-warning-minor: #85380C;
451
454
  --outline-default-outline-negative-minor: #9C1422;
452
- --outline-default-outline-info-minor: #0D5382;
453
455
  --outline-default-outline-transparent-positive: rgba(36, 178, 62, 0.28);
454
456
  --outline-default-outline-transparent-warning: rgba(255, 112, 36, 0.28);
455
457
  --outline-default-outline-transparent-negative: rgba(255, 61, 81, 0.28);
456
- --outline-default-outline-transparent-info: rgba(25, 154, 240, 0.28);
458
+ --outline-default-outline-info: #528EFF;
459
+ --outline-default-outline-info-minor: #1549AB;
460
+ --outline-default-outline-transparent-info: rgba(82, 142, 255, 0.28);
457
461
  --outline-on-dark-outline-solid-primary-hover: #FFFFFFFF;
458
462
  --outline-on-dark-outline-solid-primary-active: #ADADADFF;
459
463
  --outline-on-dark-outline-solid-secondary-hover: #FFFFFFFF;
460
464
  --outline-on-dark-outline-solid-secondary-active: #8C8C8CFF;
461
465
  --outline-on-dark-outline-solid-tertiary-hover: #FFFFFFFF;
462
466
  --outline-on-dark-outline-solid-tertiary-active: #737373FF;
463
- --outline-on-dark-outline-transparent-primary-hover: #CCCCCCFF;
464
- --outline-on-dark-outline-transparent-primary-active: #E6E6E6FF;
467
+ --outline-on-dark-outline-transparent-primary-hover: #FFFFFFFF;
468
+ --outline-on-dark-outline-transparent-primary-active: #FFFFFF25;
465
469
  --outline-on-dark-outline-transparent-secondary-hover: #CCCCCCFF;
466
470
  --outline-on-dark-outline-transparent-secondary-active: #E6E6E6FF;
467
- --outline-on-dark-outline-transparent-tertiary-hover: #CCCCCCFF;
468
- --outline-on-dark-outline-transparent-tertiary-active: #E6E6E6FF;
471
+ --outline-on-dark-outline-transparent-tertiary-hover: #FFFFFFFF;
472
+ --outline-on-dark-outline-transparent-tertiary-active: #FFFFFF7A;
469
473
  --outline-on-dark-outline-accent-hover: #90B6FEFF;
470
474
  --outline-on-dark-outline-accent-active: #216EFDFF;
471
475
  --outline-on-dark-outline-accent-minor-hover: #FFFFFFFF;
472
476
  --outline-on-dark-outline-accent-minor-active: #1C62E3FF;
473
- --outline-on-dark-outline-transparent-accent-hover: #CCCCCCFF;
474
- --outline-on-dark-outline-transparent-accent-active: #E6E6E6FF;
477
+ --outline-on-dark-outline-transparent-accent-hover: #528EFFFF;
478
+ --outline-on-dark-outline-transparent-accent-active: #528EFF56;
475
479
  --outline-on-dark-outline-positive-hover: #2ACB47FF;
476
480
  --outline-on-dark-outline-positive-active: #1F9835FF;
477
481
  --outline-on-dark-outline-warning-hover: #FF8442FF;
478
482
  --outline-on-dark-outline-warning-active: #FF5D05FF;
479
483
  --outline-on-dark-outline-negative-hover: #FF5C6CFF;
480
484
  --outline-on-dark-outline-negative-active: #FF1F35FF;
481
- --outline-on-dark-outline-info-hover: #66BCF5FF;
482
- --outline-on-dark-outline-info-active: #0E8ADDFF;
485
+ --outline-on-dark-outline-info-hover: #A3C3FFFF;
486
+ --outline-on-dark-outline-info-active: #337AFFFF;
483
487
  --outline-on-dark-outline-positive-minor-hover: #0F9527FF;
484
488
  --outline-on-dark-outline-positive-minor-active: #0C7920FF;
485
489
  --outline-on-dark-outline-warning-minor-hover: #BB4F11FF;
486
490
  --outline-on-dark-outline-warning-minor-active: #9F440FFF;
487
491
  --outline-on-dark-outline-negative-minor-hover: #B91828FF;
488
492
  --outline-on-dark-outline-negative-minor-active: #83111CFF;
489
- --outline-on-dark-outline-info-minor-hover: #1277BAFF;
490
- --outline-on-dark-outline-info-minor-active: #10659EFF;
491
- --outline-on-dark-outline-transparent-positive-hover: #CCCCCCFF;
492
- --outline-on-dark-outline-transparent-positive-active: #E6E6E6FF;
493
- --outline-on-dark-outline-transparent-warning-hover: #CCCCCCFF;
494
- --outline-on-dark-outline-transparent-warning-active: #E6E6E6FF;
495
- --outline-on-dark-outline-transparent-negative-hover: #CCCCCCFF;
496
- --outline-on-dark-outline-transparent-negative-active: #E6E6E6FF;
497
- --outline-on-dark-outline-transparent-info-hover: #CCCCCCFF;
498
- --outline-on-dark-outline-transparent-info-active: #E6E6E6FF;
493
+ --outline-on-dark-outline-info-minor-hover: #FFFFFFFF;
494
+ --outline-on-dark-outline-info-minor-active: #1C62E3FF;
495
+ --outline-on-dark-outline-transparent-positive-hover: #24B23EFF;
496
+ --outline-on-dark-outline-transparent-positive-active: #24B23E56;
497
+ --outline-on-dark-outline-transparent-warning-hover: #FF7024FF;
498
+ --outline-on-dark-outline-transparent-warning-active: #FF702456;
499
+ --outline-on-dark-outline-transparent-negative-hover: #FF3D51FF;
500
+ --outline-on-dark-outline-transparent-negative-active: #FF3D5156;
501
+ --outline-on-dark-outline-transparent-info-hover: #528EFFFF;
502
+ --outline-on-dark-outline-transparent-info-active: #528EFF56;
499
503
  --outline-on-dark-outline-default-hover: #C7C7C7FF;
500
504
  --outline-on-dark-outline-default-active: #E0E0E0FF;
501
505
  --outline-on-dark-outline-solid-primary: #262626;
@@ -511,57 +515,57 @@
511
515
  --outline-on-dark-outline-positive: #24B23E;
512
516
  --outline-on-dark-outline-warning: #FF7024;
513
517
  --outline-on-dark-outline-negative: #FF3D51;
514
- --outline-on-dark-outline-info: #199AF0;
515
518
  --outline-on-dark-outline-positive-minor: #095C18;
516
519
  --outline-on-dark-outline-warning-minor: #85380C;
517
520
  --outline-on-dark-outline-negative-minor: #9C1422;
518
- --outline-on-dark-outline-info-minor: #0D5382;
519
521
  --outline-on-dark-outline-transparent-positive: rgba(36, 178, 62, 0.28);
520
522
  --outline-on-dark-outline-transparent-warning: rgba(255, 112, 36, 0.28);
521
523
  --outline-on-dark-outline-transparent-negative: rgba(255, 61, 81, 0.28);
522
- --outline-on-dark-outline-transparent-info: rgba(25, 154, 240, 0.28);
524
+ --outline-on-dark-outline-info: #528EFF;
525
+ --outline-on-dark-outline-info-minor: #1549AB;
526
+ --outline-on-dark-outline-transparent-info: rgba(82, 142, 255, 0.28);
523
527
  --outline-on-light-outline-solid-primary-hover: #ABABABFF;
524
528
  --outline-on-light-outline-solid-primary-active: #C4C4C4FF;
525
529
  --outline-on-light-outline-solid-secondary-hover: #FFFFFFFF;
526
530
  --outline-on-light-outline-solid-secondary-active: #575757FF;
527
531
  --outline-on-light-outline-solid-tertiary-hover: #FFFFFFFF;
528
532
  --outline-on-light-outline-solid-tertiary-active: #737373FF;
529
- --outline-on-light-outline-transparent-primary-hover: #CCCCCCFF;
530
- --outline-on-light-outline-transparent-primary-active: #E6E6E6FF;
531
- --outline-on-light-outline-transparent-secondary-hover: #CCCCCCFF;
532
- --outline-on-light-outline-transparent-secondary-active: #E6E6E6FF;
533
- --outline-on-light-outline-transparent-tertiary-hover: #CCCCCCFF;
534
- --outline-on-light-outline-transparent-tertiary-active: #E6E6E6FF;
533
+ --outline-on-light-outline-transparent-primary-hover: #080808FF;
534
+ --outline-on-light-outline-transparent-primary-active: #0808083D;
535
+ --outline-on-light-outline-transparent-secondary-hover: #080808FF;
536
+ --outline-on-light-outline-transparent-secondary-active: #0808087A;
537
+ --outline-on-light-outline-transparent-tertiary-hover: #080808FF;
538
+ --outline-on-light-outline-transparent-tertiary-active: #080808AB;
535
539
  --outline-on-light-outline-accent-hover: #79A7FBFF;
536
540
  --outline-on-light-outline-accent-active: #0D5FF8FF;
537
541
  --outline-on-light-outline-accent-minor-hover: #DCE8FEFF;
538
542
  --outline-on-light-outline-accent-minor-active: #6FA0FBFF;
539
- --outline-on-light-outline-transparent-accent-hover: #CCCCCCFF;
540
- --outline-on-light-outline-transparent-accent-active: #E6E6E6FF;
543
+ --outline-on-light-outline-transparent-accent-hover: #2A72F8FF;
544
+ --outline-on-light-outline-transparent-accent-active: #2A72F83D;
541
545
  --outline-on-light-outline-positive-hover: #13AA2CFF;
542
546
  --outline-on-light-outline-positive-active: #0D731EFF;
543
547
  --outline-on-light-outline-warning-hover: #FD650DFF;
544
548
  --outline-on-light-outline-warning-active: #CA4B02FF;
545
549
  --outline-on-light-outline-negative-hover: #F5384BFF;
546
550
  --outline-on-light-outline-negative-active: #E40C22FF;
547
- --outline-on-light-outline-info-hover: #34A7F4FF;
548
- --outline-on-light-outline-info-active: #096CAEFF;
551
+ --outline-on-light-outline-info-hover: #79A7FBFF;
552
+ --outline-on-light-outline-info-active: #0D5FF8FF;
549
553
  --outline-on-light-outline-positive-minor-hover: #3EDA5BFF;
550
554
  --outline-on-light-outline-positive-minor-active: #23B83EFF;
551
555
  --outline-on-light-outline-warning-minor-hover: #FDB086FF;
552
556
  --outline-on-light-outline-warning-minor-active: #FC884AFF;
553
557
  --outline-on-light-outline-negative-minor-hover: #FFADB6FF;
554
558
  --outline-on-light-outline-negative-minor-active: #FF707EFF;
555
- --outline-on-light-outline-info-minor-hover: #A3DAFFFF;
556
- --outline-on-light-outline-info-minor-active: #33ADFFFF;
557
- --outline-on-light-outline-transparent-positive-hover: #CCCCCCFF;
558
- --outline-on-light-outline-transparent-positive-active: #E6E6E6FF;
559
- --outline-on-light-outline-transparent-warning-hover: #CCCCCCFF;
560
- --outline-on-light-outline-transparent-warning-active: #E6E6E6FF;
561
- --outline-on-light-outline-transparent-negative-hover: #CCCCCCFF;
562
- --outline-on-light-outline-transparent-negative-active: #E6E6E6FF;
563
- --outline-on-light-outline-transparent-info-hover: #CCCCCCFF;
564
- --outline-on-light-outline-transparent-info-active: #E6E6E6FF;
559
+ --outline-on-light-outline-info-minor-hover: #DCE8FEFF;
560
+ --outline-on-light-outline-info-minor-active: #6FA0FBFF;
561
+ --outline-on-light-outline-transparent-positive-hover: #108E25FF;
562
+ --outline-on-light-outline-transparent-positive-active: #108E253D;
563
+ --outline-on-light-outline-transparent-warning-hover: #E85702FF;
564
+ --outline-on-light-outline-transparent-warning-active: #E857023D;
565
+ --outline-on-light-outline-transparent-negative-hover: #F31B31FF;
566
+ --outline-on-light-outline-transparent-negative-active: #F31B313D;
567
+ --outline-on-light-outline-transparent-info-hover: #2A72F8FF;
568
+ --outline-on-light-outline-transparent-info-active: #2A72F83D;
565
569
  --outline-on-light-outline-default-hover: #FFFFFFFF;
566
570
  --outline-on-light-outline-default-active: #C7C7C7FF;
567
571
  --outline-on-light-outline-solid-primary: #DDDDDD;
@@ -577,15 +581,15 @@
577
581
  --outline-on-light-outline-positive: #108E26;
578
582
  --outline-on-light-outline-warning: #E85702;
579
583
  --outline-on-light-outline-negative: #F31B31;
580
- --outline-on-light-outline-info: #0B7ECB;
581
584
  --outline-on-light-outline-positive-minor: #28D247;
582
585
  --outline-on-light-outline-warning-minor: #FD9C68;
583
586
  --outline-on-light-outline-negative-minor: #FF8F9A;
584
- --outline-on-light-outline-info-minor: #52BAFF;
585
587
  --outline-on-light-outline-transparent-positive: rgba(16, 142, 38, 0.20);
586
588
  --outline-on-light-outline-transparent-warning: rgba(232, 87, 2, 0.20);
587
589
  --outline-on-light-outline-transparent-negative: rgba(243, 27, 49, 0.20);
588
- --outline-on-light-outline-transparent-info: rgba(11, 126, 203, 0.20);
590
+ --outline-on-light-outline-info: #2A72F8;
591
+ --outline-on-light-outline-info-minor: #8BB2FC;
592
+ --outline-on-light-outline-transparent-info: rgba(42, 114, 248, 0.20);
589
593
  --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% );
590
594
  --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% );
591
595
  --plasma-colors-white-primary: var(--on-dark-text-primary);
@@ -664,25 +668,25 @@
664
668
  --text-warning-active: #C04802FF;
665
669
  --text-negative-hover: #F54254FF;
666
670
  --text-negative-active: #DA0B20FF;
667
- --text-info-hover: #0D96F2FF;
668
- --text-info-active: #0966A5FF;
671
+ --text-info-hover: #528DFAFF;
672
+ --text-info-active: #075AF2FF;
669
673
  --text-positive-minor-hover: #47DC62FF;
670
674
  --text-positive-minor-active: #21B03CFF;
671
675
  --text-warning-minor-hover: #FDB790FF;
672
676
  --text-warning-minor-active: #FC8240FF;
673
677
  --text-negative-minor-hover: #FFB8BFFF;
674
678
  --text-negative-minor-active: #FF6675FF;
675
- --text-info-minor-hover: #7ACAFFFF;
676
- --text-info-minor-active: #29A9FFFF;
679
+ --text-info-minor-hover: #B4CEFDFF;
680
+ --text-info-minor-active: #6599FBFF;
677
681
  --text-accent-minor: #8BB2FC;
678
682
  --text-positive: #108E26;
679
683
  --text-warning: #E85702;
680
684
  --text-negative: #F31B31;
681
- --text-info: #0B7ECB;
682
685
  --text-positive-minor: #28D247;
683
686
  --text-warning-minor: #FD9C68;
684
687
  --text-negative-minor: #FF8F9A;
685
- --text-info-minor: #52BAFF;
688
+ --text-info: #2A72F8;
689
+ --text-info-minor: #8BB2FC;
686
690
  --on-dark-text-primary-hover: #FFFFFF93;
687
691
  --on-dark-text-primary-active: #FFFFFFC4;
688
692
  --on-dark-text-primary: rgba(255, 255, 255, 0.96);
@@ -709,25 +713,25 @@
709
713
  --on-dark-text-warning-active: #FA5700FF;
710
714
  --on-dark-text-negative-hover: #FF6675FF;
711
715
  --on-dark-text-negative-active: #FF142CFF;
712
- --on-dark-text-info-hover: #3FABF3FF;
713
- --on-dark-text-info-active: #0D84D3FF;
716
+ --on-dark-text-info-hover: #7AA9FFFF;
717
+ --on-dark-text-info-active: #2974FFFF;
714
718
  --on-dark-text-positive-minor-hover: #11A72CFF;
715
719
  --on-dark-text-positive-minor-active: #0D8222FF;
716
720
  --on-dark-text-warning-minor-hover: #CD5713FF;
717
721
  --on-dark-text-warning-minor-active: #A84710FF;
718
722
  --on-dark-text-negative-minor-hover: #C2192AFF;
719
723
  --on-dark-text-negative-minor-active: #7A101AFF;
720
- --on-dark-text-info-minor-hover: #1483CCFF;
721
- --on-dark-text-info-minor-active: #116BA7FF;
724
+ --on-dark-text-info-minor-hover: #000000FF;
725
+ --on-dark-text-info-minor-active: #113B88FF;
722
726
  --on-dark-text-accent-minor: #1549AB;
723
727
  --on-dark-text-positive: #24B23E;
724
728
  --on-dark-text-warning: #FF7024;
725
729
  --on-dark-text-negative: #FF3D51;
726
- --on-dark-text-info: #199AF0;
727
730
  --on-dark-text-positive-minor: #095C18;
728
731
  --on-dark-text-warning-minor: #85380C;
729
732
  --on-dark-text-negative-minor: #9C1422;
730
- --on-dark-text-info-minor: #0D5382;
733
+ --on-dark-text-info: #528EFF;
734
+ --on-dark-text-info-minor: #1549AB;
731
735
  --on-light-text-primary-hover: #08080893;
732
736
  --on-light-text-primary-active: #080808C4;
733
737
  --on-light-text-primary: rgba(8, 8, 8, 0.96);
@@ -754,25 +758,25 @@
754
758
  --on-light-text-warning-active: #C04802FF;
755
759
  --on-light-text-negative-hover: #F54254FF;
756
760
  --on-light-text-negative-active: #DA0B20FF;
757
- --on-light-text-info-hover: #0D96F2FF;
758
- --on-light-text-info-active: #0966A5FF;
761
+ --on-light-text-info-hover: #528DFAFF;
762
+ --on-light-text-info-active: #075AF2FF;
759
763
  --on-light-text-positive-minor-hover: #47DC62FF;
760
764
  --on-light-text-positive-minor-active: #21B03CFF;
761
765
  --on-light-text-warning-minor-hover: #FDB790FF;
762
766
  --on-light-text-warning-minor-active: #FC8240FF;
763
767
  --on-light-text-negative-minor-hover: #FFB8BFFF;
764
768
  --on-light-text-negative-minor-active: #FF6675FF;
765
- --on-light-text-info-minor-hover: #7ACAFFFF;
766
- --on-light-text-info-minor-active: #29A9FFFF;
767
- --on-light-text-info-minor: #52BAFF;
769
+ --on-light-text-info-minor-hover: #B4CEFDFF;
770
+ --on-light-text-info-minor-active: #6599FBFF;
768
771
  --on-light-text-accent-minor: #8BB2FC;
769
772
  --on-light-text-positive: #108E26;
770
773
  --on-light-text-warning: #E85702;
771
774
  --on-light-text-negative: #F31B31;
772
- --on-light-text-info: #0B7ECB;
773
775
  --on-light-text-positive-minor: #28D247;
774
776
  --on-light-text-warning-minor: #FD9C68;
775
777
  --on-light-text-negative-minor: #FF8F9A;
778
+ --on-light-text-info-minor: #8BB2FC;
779
+ --on-light-text-info: #2A72F8;
776
780
  --inverse-text-primary-hover: #FFFFFF93;
777
781
  --inverse-text-primary-active: #FFFFFFC4;
778
782
  --inverse-text-primary: rgba(255, 255, 255, 0.96);
@@ -826,46 +830,46 @@
826
830
  --surface-accent-gradient: linear-gradient(93.97deg, #3E79F0 6.49%, #27C6E5 93.51%);
827
831
  --surface-accent-minor-hover: #F5F8FFFF;
828
832
  --surface-accent-minor-active: #D6E4FFFF;
829
- --surface-transparent-accent-hover: #FFFFFFFF;
830
- --surface-transparent-accent-active: #FFFFFFFF;
833
+ --surface-transparent-accent-hover: #2A72F80A;
834
+ --surface-transparent-accent-active: #2A72F829;
831
835
  --surface-positive-hover: #12A12AFF;
832
836
  --surface-positive-active: #0E7C20FF;
833
837
  --surface-warning-hover: #FC5E03FF;
834
838
  --surface-warning-active: #D44F02FF;
835
839
  --surface-negative-hover: #F54254FF;
836
840
  --surface-negative-active: #ED0C23FF;
837
- --surface-info-hover: #0C8ADFFF;
838
- --surface-info-active: #0A72B8FF;
841
+ --surface-info-hover: #528DFAFF;
842
+ --surface-info-active: #1665F8FF;
839
843
  --surface-positive-minor-hover: #B1FBBFFF;
840
844
  --surface-positive-minor-active: #8BF99FFF;
841
845
  --surface-warning-minor-hover: #FEEFE6FF;
842
846
  --surface-warning-minor-active: #FEDCC8FF;
843
847
  --surface-negative-minor-hover: #FFF5F6FF;
844
848
  --surface-negative-minor-active: #FFD6DAFF;
845
- --surface-info-minor-hover: #E5F5FFFF;
846
- --surface-info-minor-active: #C7E9FFFF;
847
- --surface-transparent-positive-hover: #FFFFFFFF;
848
- --surface-transparent-positive-active: #FFFFFFFF;
849
- --surface-transparent-warning-hover: #FFFFFFFF;
850
- --surface-transparent-warning-active: #FFFFFFFF;
851
- --surface-transparent-negative-hover: #FFFFFFFF;
852
- --surface-transparent-negative-active: #FFFFFFFF;
853
- --surface-transparent-info-hover: #FFFFFFFF;
854
- --surface-transparent-info-active: #FFFFFFFF;
849
+ --surface-info-minor-hover: #F5F8FFFF;
850
+ --surface-info-minor-active: #D6E4FFFF;
851
+ --surface-transparent-positive-hover: #108E250A;
852
+ --surface-transparent-positive-active: #108E2529;
853
+ --surface-transparent-warning-hover: #E857020A;
854
+ --surface-transparent-warning-active: #E8570229;
855
+ --surface-transparent-negative-hover: #F31B310A;
856
+ --surface-transparent-negative-active: #F31B3129;
857
+ --surface-transparent-info-hover: #2A72F80A;
858
+ --surface-transparent-info-active: #2A72F829;
855
859
  --surface-transparent-accent: rgba(42, 114, 248, 0.12);
856
860
  --surface-accent-minor: #DEE9FF;
857
861
  --surface-positive: #108E26;
858
862
  --surface-warning: #E85702;
859
863
  --surface-negative: #F31B31;
860
- --surface-info: #0B7ECB;
861
864
  --surface-positive-minor: #9EFAAF;
862
865
  --surface-warning-minor: #FEE2D2;
863
866
  --surface-negative-minor: #FFE0E3;
864
- --surface-info-minor: #CFECFF;
865
867
  --surface-transparent-positive: rgba(16, 142, 38, 0.12);
866
868
  --surface-transparent-warning: rgba(232, 87, 2, 0.12);
867
869
  --surface-transparent-negative: rgba(243, 27, 49, 0.12);
868
- --surface-transparent-info: rgba(11, 126, 203, 0.12);
870
+ --surface-info: #2A72F8;
871
+ --surface-info-minor: #DEE9FF;
872
+ --surface-transparent-info: rgba(42, 114, 248, 0.12);
869
873
  --on-dark-surface-solid-primary-hover: #363636FF;
870
874
  --on-dark-surface-solid-primary-active: #0D0D0DFF;
871
875
  --on-dark-surface-solid-primary: #171717;
@@ -904,8 +908,8 @@
904
908
  --on-dark-surface-accent-gradient: linear-gradient(93.97deg, #3E79F0 6.49%, #27C6E5 93.51%);
905
909
  --on-dark-surface-accent-minor-hover: #0A2A67FF;
906
910
  --on-dark-surface-accent-minor-active: #061B41FF;
907
- --on-dark-surface-transparent-accent-hover: #FFFFFFFF;
908
- --on-dark-surface-transparent-accent-active: #FFFFFFFF;
911
+ --on-dark-surface-transparent-accent-hover: #3F82FD1F;
912
+ --on-dark-surface-transparent-accent-active: #3F82FD3D;
909
913
  --on-dark-surface-positive-hover: #1EB83AFF;
910
914
  --on-dark-surface-positive-active: #178C2CFF;
911
915
  --on-dark-surface-positive: #1A9E32;
@@ -915,35 +919,35 @@
915
919
  --on-dark-surface-negative-hover: #FF5263FF;
916
920
  --on-dark-surface-negative-active: #FF142CFF;
917
921
  --on-dark-surface-negative: #FF293E;
918
- --on-dark-surface-info-hover: #1798EEFF;
919
- --on-dark-surface-info-active: #0F81CCFF;
922
+ --on-dark-surface-info-hover: #689CFDFF;
923
+ --on-dark-surface-info-active: #2B74FDFF;
920
924
  --on-dark-surface-positive-minor-hover: #0B6F1DFF;
921
925
  --on-dark-surface-positive-minor-active: #074A14FF;
922
926
  --on-dark-surface-warning-minor-hover: #95400EFF;
923
927
  --on-dark-surface-warning-minor-active: #70300AFF;
924
928
  --on-dark-surface-negative-minor-hover: #B91828FF;
925
929
  --on-dark-surface-negative-minor-active: #8C121EFF;
926
- --on-dark-surface-info-minor-hover: #0F5F95FF;
927
- --on-dark-surface-info-minor-active: #0B476FFF;
928
- --on-dark-surface-transparent-positive-hover: #FFFFFFFF;
929
- --on-dark-surface-transparent-positive-active: #FFFFFFFF;
930
- --on-dark-surface-transparent-warning-hover: #FFFFFFFF;
931
- --on-dark-surface-transparent-warning-active: #FFFFFFFF;
932
- --on-dark-surface-transparent-negative-hover: #FFFFFFFF;
933
- --on-dark-surface-transparent-negative-active: #FFFFFFFF;
934
- --on-dark-surface-transparent-info-hover: #FFFFFFFF;
935
- --on-dark-surface-transparent-info-active: #FFFFFFFF;
930
+ --on-dark-surface-info-minor-hover: #1956C8FF;
931
+ --on-dark-surface-info-minor-active: #13429AFF;
932
+ --on-dark-surface-transparent-positive-hover: #1A9E321F;
933
+ --on-dark-surface-transparent-positive-active: #1A9E323D;
934
+ --on-dark-surface-transparent-warning-hover: #FA5F051F;
935
+ --on-dark-surface-transparent-warning-active: #FA5F053D;
936
+ --on-dark-surface-transparent-negative-hover: #FF293E1F;
937
+ --on-dark-surface-transparent-negative-active: #FF293E3D;
938
+ --on-dark-surface-transparent-info-hover: #3F82FD1F;
939
+ --on-dark-surface-transparent-info-active: #3F82FD3D;
936
940
  --on-dark-surface-accent-minor: #082254;
937
941
  --on-dark-surface-transparent-accent: rgba(63, 129, 253, 0.20);
938
- --on-dark-surface-info: #118CDF;
939
942
  --on-dark-surface-positive-minor: #095C18;
940
943
  --on-dark-surface-warning-minor: #85380C;
941
944
  --on-dark-surface-negative-minor: #9C1422;
942
- --on-dark-surface-info-minor: #0D5382;
943
945
  --on-dark-surface-transparent-positive: rgba(26, 158, 50, 0.20);
944
946
  --on-dark-surface-transparent-warning: rgba(250, 95, 5, 0.20);
945
947
  --on-dark-surface-transparent-negative: rgba(255, 41, 62, 0.20);
946
- --on-dark-surface-transparent-info: rgba(17, 140, 223, 0.20);
948
+ --on-dark-surface-info: #3F81FD;
949
+ --on-dark-surface-info-minor: #1549AB;
950
+ --on-dark-surface-transparent-info: rgba(63, 129, 253, 0.20);
947
951
  --on-light-surface-solid-primary-hover: #FAFAFAFF;
948
952
  --on-light-surface-solid-primary-active: #F0F0F0FF;
949
953
  --on-light-surface-solid-primary: #F5F5F5;
@@ -982,16 +986,16 @@
982
986
  --on-light-surface-accent-gradient: linear-gradient(93.97deg, #3E79F0 6.49%, #27C6E5 93.51%);
983
987
  --on-light-surface-accent-minor-hover: #F5F8FFFF;
984
988
  --on-light-surface-accent-minor-active: #D6E4FFFF;
985
- --on-light-surface-transparent-accent-hover: #FFFFFFFF;
986
- --on-light-surface-transparent-accent-active: #FFFFFFFF;
989
+ --on-light-surface-transparent-accent-hover: #2A72F80A;
990
+ --on-light-surface-transparent-accent-active: #2A72F829;
987
991
  --on-light-surface-positive-hover: #12A12AFF;
988
992
  --on-light-surface-positive-active: #0E7C20FF;
989
993
  --on-light-surface-warning-hover: #FC5E03FF;
990
994
  --on-light-surface-warning-active: #D44F02FF;
991
995
  --on-light-surface-negative-hover: #F54254FF;
992
996
  --on-light-surface-negative-active: #ED0C23FF;
993
- --on-light-surface-info-hover: #0C8ADFFF;
994
- --on-light-surface-info-active: #0A72B8FF;
997
+ --on-light-surface-info-hover: #528DFAFF;
998
+ --on-light-surface-info-active: #1665F8FF;
995
999
  --on-light-surface-positive-minor-hover: #B1FBBFFF;
996
1000
  --on-light-surface-positive-minor-active: #8BF99FFF;
997
1001
  --on-light-surface-warning-minor-hover: #FEEFE6FF;
@@ -1000,20 +1004,19 @@
1000
1004
  --on-light-surface-negative-minor-active: #FFD6DAFF;
1001
1005
  --on-light-surface-info-minor-hover: #F5F8FFFF;
1002
1006
  --on-light-surface-info-minor-active: #D6E4FFFF;
1003
- --on-light-surface-transparent-positive-hover: #FFFFFFFF;
1004
- --on-light-surface-transparent-positive-active: #FFFFFFFF;
1005
- --on-light-surface-transparent-warning-hover: #FFFFFFFF;
1006
- --on-light-surface-transparent-warning-active: #FFFFFFFF;
1007
- --on-light-surface-transparent-negative-hover: #FFFFFFFF;
1008
- --on-light-surface-transparent-negative-active: #FFFFFFFF;
1009
- --on-light-surface-transparent-info-hover: #FFFFFFFF;
1010
- --on-light-surface-transparent-info-active: #FFFFFFFF;
1007
+ --on-light-surface-transparent-positive-hover: #108E250A;
1008
+ --on-light-surface-transparent-positive-active: #108E2529;
1009
+ --on-light-surface-transparent-warning-hover: #E857020A;
1010
+ --on-light-surface-transparent-warning-active: #E8570229;
1011
+ --on-light-surface-transparent-negative-hover: #F31B310A;
1012
+ --on-light-surface-transparent-negative-active: #F31B3129;
1013
+ --on-light-surface-transparent-info-hover: #2A72F80A;
1014
+ --on-light-surface-transparent-info-active: #2A72F829;
1011
1015
  --on-light-surface-accent-minor: #DEE9FF;
1012
1016
  --on-light-surface-transparent-accent: rgba(42, 114, 248, 0.12);
1013
1017
  --on-light-surface-positive: #108E26;
1014
1018
  --on-light-surface-warning: #E85702;
1015
1019
  --on-light-surface-negative: #F31B31;
1016
- --on-light-surface-info: #0B7ECB;
1017
1020
  --on-light-surface-positive-minor: #9EFAAF;
1018
1021
  --on-light-surface-warning-minor: #FEE2D2;
1019
1022
  --on-light-surface-negative-minor: #FFE0E3;
@@ -1021,7 +1024,8 @@
1021
1024
  --on-light-surface-transparent-positive: rgba(16, 142, 38, 0.12);
1022
1025
  --on-light-surface-transparent-warning: rgba(232, 87, 2, 0.12);
1023
1026
  --on-light-surface-transparent-negative: rgba(243, 27, 49, 0.12);
1024
- --on-light-surface-transparent-info: rgba(11, 126, 203, 0.12);
1027
+ --on-light-surface-info: #2A72F8;
1028
+ --on-light-surface-transparent-info: rgba(42, 114, 248, 0.12);
1025
1029
  --background-primary: #F9F9F9;
1026
1030
  --dark-background-primary: #080808;
1027
1031
  --light-background-primary: #F9F9F9;
@@ -1040,44 +1044,44 @@
1040
1044
  --outline-default-outline-solid-secondary-active: #757575FF;
1041
1045
  --outline-default-outline-solid-tertiary-hover: #000000FF;
1042
1046
  --outline-default-outline-solid-tertiary-active: #595959FF;
1043
- --outline-default-outline-transparent-primary-hover: #000000FF;
1044
- --outline-default-outline-transparent-primary-active: #CCCCCCFF;
1045
- --outline-default-outline-transparent-secondary-hover: #000000FF;
1046
- --outline-default-outline-transparent-secondary-active: #CCCCCCFF;
1047
- --outline-default-outline-transparent-tertiary-hover: #000000FF;
1048
- --outline-default-outline-transparent-tertiary-active: #CCCCCCFF;
1049
- --outline-default-outline-clear-hover: #000000FF;
1050
- --outline-default-outline-clear-active: #CCCCCCFF;
1047
+ --outline-default-outline-transparent-primary-hover: #080808FF;
1048
+ --outline-default-outline-transparent-primary-active: #0808083D;
1049
+ --outline-default-outline-transparent-secondary-hover: #080808FF;
1050
+ --outline-default-outline-transparent-secondary-active: #0808087A;
1051
+ --outline-default-outline-transparent-tertiary-hover: #080808FF;
1052
+ --outline-default-outline-transparent-tertiary-active: #080808AB;
1053
+ --outline-default-outline-clear-hover: #FFFFFF00;
1054
+ --outline-default-outline-clear-active: #FFFFFF00;
1051
1055
  --outline-default-outline-accent-hover: #528DFAFF;
1052
1056
  --outline-default-outline-accent-active: #075AF2FF;
1053
1057
  --outline-default-outline-accent-minor-hover: #B4CEFDFF;
1054
1058
  --outline-default-outline-accent-minor-active: #6599FBFF;
1055
- --outline-default-outline-transparent-accent-hover: #000000FF;
1056
- --outline-default-outline-transparent-accent-active: #CCCCCCFF;
1059
+ --outline-default-outline-transparent-accent-hover: #2A72F8FF;
1060
+ --outline-default-outline-transparent-accent-active: #2A72F83D;
1057
1061
  --outline-default-outline-positive-hover: #14B32EFF;
1058
1062
  --outline-default-outline-positive-active: #0C6A1BFF;
1059
1063
  --outline-default-outline-warning-hover: #FD6B17FF;
1060
1064
  --outline-default-outline-warning-active: #C04802FF;
1061
1065
  --outline-default-outline-negative-hover: #F54254FF;
1062
1066
  --outline-default-outline-negative-active: #DA0B20FF;
1063
- --outline-default-outline-info-hover: #0D96F2FF;
1064
- --outline-default-outline-info-active: #0966A5FF;
1067
+ --outline-default-outline-info-hover: #528DFAFF;
1068
+ --outline-default-outline-info-active: #075AF2FF;
1065
1069
  --outline-default-outline-positive-minor-hover: #47DC62FF;
1066
1070
  --outline-default-outline-positive-minor-active: #21B03CFF;
1067
1071
  --outline-default-outline-warning-minor-hover: #FDB790FF;
1068
1072
  --outline-default-outline-warning-minor-active: #FC8240FF;
1069
1073
  --outline-default-outline-negative-minor-hover: #FFB8BFFF;
1070
1074
  --outline-default-outline-negative-minor-active: #FF6675FF;
1071
- --outline-default-outline-info-minor-hover: #7ACAFFFF;
1072
- --outline-default-outline-info-minor-active: #29A9FFFF;
1073
- --outline-default-outline-transparent-positive-hover: #000000FF;
1074
- --outline-default-outline-transparent-positive-active: #CCCCCCFF;
1075
- --outline-default-outline-transparent-warning-hover: #000000FF;
1076
- --outline-default-outline-transparent-warning-active: #CCCCCCFF;
1077
- --outline-default-outline-transparent-negative-hover: #000000FF;
1078
- --outline-default-outline-transparent-negative-active: #CCCCCCFF;
1079
- --outline-default-outline-transparent-info-hover: #000000FF;
1080
- --outline-default-outline-transparent-info-active: #CCCCCCFF;
1075
+ --outline-default-outline-info-minor-hover: #B4CEFDFF;
1076
+ --outline-default-outline-info-minor-active: #6599FBFF;
1077
+ --outline-default-outline-transparent-positive-hover: #108E25FF;
1078
+ --outline-default-outline-transparent-positive-active: #108E253D;
1079
+ --outline-default-outline-transparent-warning-hover: #E85702FF;
1080
+ --outline-default-outline-transparent-warning-active: #E857023D;
1081
+ --outline-default-outline-transparent-negative-hover: #F31B31FF;
1082
+ --outline-default-outline-transparent-negative-active: #F31B313D;
1083
+ --outline-default-outline-transparent-info-hover: #2A72F8FF;
1084
+ --outline-default-outline-transparent-info-active: #2A72F83D;
1081
1085
  --outline-default-outline-default-hover: #595959FF;
1082
1086
  --outline-default-outline-default-active: #303030FF;
1083
1087
  --outline-default-outline-solid-primary: #DDDDDD;
@@ -1094,57 +1098,57 @@
1094
1098
  --outline-default-outline-positive: #108E26;
1095
1099
  --outline-default-outline-warning: #E85702;
1096
1100
  --outline-default-outline-negative: #F31B31;
1097
- --outline-default-outline-info: #0B7ECB;
1098
1101
  --outline-default-outline-positive-minor: #28D247;
1099
1102
  --outline-default-outline-warning-minor: #FD9C68;
1100
1103
  --outline-default-outline-negative-minor: #FF8F9A;
1101
- --outline-default-outline-info-minor: #52BAFF;
1102
1104
  --outline-default-outline-transparent-positive: rgba(16, 142, 38, 0.20);
1103
1105
  --outline-default-outline-transparent-warning: rgba(232, 87, 2, 0.20);
1104
1106
  --outline-default-outline-transparent-negative: rgba(243, 27, 49, 0.20);
1105
- --outline-default-outline-transparent-info: rgba(11, 126, 203, 0.20);
1107
+ --outline-default-outline-info: #2A72F8;
1108
+ --outline-default-outline-info-minor: #8BB2FC;
1109
+ --outline-default-outline-transparent-info: rgba(42, 114, 248, 0.20);
1106
1110
  --outline-on-dark-outline-solid-primary-hover: #787878FF;
1107
1111
  --outline-on-dark-outline-solid-primary-active: #4F4F4FFF;
1108
1112
  --outline-on-dark-outline-solid-secondary-hover: #000000FF;
1109
1113
  --outline-on-dark-outline-solid-secondary-active: #404040FF;
1110
1114
  --outline-on-dark-outline-solid-tertiary-hover: #000000FF;
1111
1115
  --outline-on-dark-outline-solid-tertiary-active: #595959FF;
1112
- --outline-on-dark-outline-transparent-primary-hover: #000000FF;
1113
- --outline-on-dark-outline-transparent-primary-active: #CCCCCCFF;
1114
- --outline-on-dark-outline-transparent-secondary-hover: #000000FF;
1115
- --outline-on-dark-outline-transparent-secondary-active: #CCCCCCFF;
1116
- --outline-on-dark-outline-transparent-tertiary-hover: #000000FF;
1117
- --outline-on-dark-outline-transparent-tertiary-active: #CCCCCCFF;
1116
+ --outline-on-dark-outline-transparent-primary-hover: #FFFFFFFF;
1117
+ --outline-on-dark-outline-transparent-primary-active: #FFFFFF25;
1118
+ --outline-on-dark-outline-transparent-secondary-hover: #FFFFFFFF;
1119
+ --outline-on-dark-outline-transparent-secondary-active: #FFFFFF3D;
1120
+ --outline-on-dark-outline-transparent-tertiary-hover: #FFFFFFFF;
1121
+ --outline-on-dark-outline-transparent-tertiary-active: #FFFFFF7A;
1118
1122
  --outline-on-dark-outline-accent-hover: #689CFDFF;
1119
1123
  --outline-on-dark-outline-accent-active: #1767FDFF;
1120
1124
  --outline-on-dark-outline-accent-minor-hover: #000000FF;
1121
1125
  --outline-on-dark-outline-accent-minor-active: #113B88FF;
1122
- --outline-on-dark-outline-transparent-accent-hover: #000000FF;
1123
- --outline-on-dark-outline-transparent-accent-active: #CCCCCCFF;
1126
+ --outline-on-dark-outline-transparent-accent-hover: #528EFFFF;
1127
+ --outline-on-dark-outline-transparent-accent-active: #528EFF56;
1124
1128
  --outline-on-dark-outline-positive-hover: #2BD44AFF;
1125
1129
  --outline-on-dark-outline-positive-active: #1D9032FF;
1126
1130
  --outline-on-dark-outline-warning-hover: #FF8B4DFF;
1127
1131
  --outline-on-dark-outline-warning-active: #FA5700FF;
1128
1132
  --outline-on-dark-outline-negative-hover: #FF6675FF;
1129
1133
  --outline-on-dark-outline-negative-active: #FF142CFF;
1130
- --outline-on-dark-outline-info-hover: #3FABF3FF;
1131
- --outline-on-dark-outline-info-active: #0D84D3FF;
1134
+ --outline-on-dark-outline-info-hover: #7AA9FFFF;
1135
+ --outline-on-dark-outline-info-active: #2974FFFF;
1132
1136
  --outline-on-dark-outline-positive-minor-hover: #11A72CFF;
1133
1137
  --outline-on-dark-outline-positive-minor-active: #0D8222FF;
1134
1138
  --outline-on-dark-outline-warning-minor-hover: #CD5713FF;
1135
1139
  --outline-on-dark-outline-warning-minor-active: #A84710FF;
1136
1140
  --outline-on-dark-outline-negative-minor-hover: #C2192AFF;
1137
1141
  --outline-on-dark-outline-negative-minor-active: #7A101AFF;
1138
- --outline-on-dark-outline-info-minor-hover: #1483CCFF;
1139
- --outline-on-dark-outline-info-minor-active: #116BA7FF;
1140
- --outline-on-dark-outline-transparent-positive-hover: #000000FF;
1141
- --outline-on-dark-outline-transparent-positive-active: #CCCCCCFF;
1142
- --outline-on-dark-outline-transparent-warning-hover: #000000FF;
1143
- --outline-on-dark-outline-transparent-warning-active: #CCCCCCFF;
1144
- --outline-on-dark-outline-transparent-negative-hover: #000000FF;
1145
- --outline-on-dark-outline-transparent-negative-active: #CCCCCCFF;
1146
- --outline-on-dark-outline-transparent-info-hover: #000000FF;
1147
- --outline-on-dark-outline-transparent-info-active: #CCCCCCFF;
1142
+ --outline-on-dark-outline-info-minor-hover: #000000FF;
1143
+ --outline-on-dark-outline-info-minor-active: #113B88FF;
1144
+ --outline-on-dark-outline-transparent-positive-hover: #24B23EFF;
1145
+ --outline-on-dark-outline-transparent-positive-active: #24B23E56;
1146
+ --outline-on-dark-outline-transparent-warning-hover: #FF7024FF;
1147
+ --outline-on-dark-outline-transparent-warning-active: #FF702456;
1148
+ --outline-on-dark-outline-transparent-negative-hover: #FF3D51FF;
1149
+ --outline-on-dark-outline-transparent-negative-active: #FF3D5156;
1150
+ --outline-on-dark-outline-transparent-info-hover: #528EFFFF;
1151
+ --outline-on-dark-outline-transparent-info-active: #528EFF56;
1148
1152
  --outline-on-dark-outline-solid-primary: #262626;
1149
1153
  --outline-on-dark-outline-solid-secondary: #4E4E4E;
1150
1154
  --outline-on-dark-outline-solid-tertiary: #707070;
@@ -1160,57 +1164,57 @@
1160
1164
  --outline-on-dark-outline-positive: #24B23E;
1161
1165
  --outline-on-dark-outline-warning: #FF7024;
1162
1166
  --outline-on-dark-outline-negative: #FF3D51;
1163
- --outline-on-dark-outline-info: #199AF0;
1164
1167
  --outline-on-dark-outline-positive-minor: #095C18;
1165
1168
  --outline-on-dark-outline-warning-minor: #85380C;
1166
1169
  --outline-on-dark-outline-negative-minor: #9C1422;
1167
- --outline-on-dark-outline-info-minor: #0D5382;
1168
1170
  --outline-on-dark-outline-transparent-positive: rgba(36, 178, 62, 0.28);
1169
1171
  --outline-on-dark-outline-transparent-warning: rgba(255, 112, 36, 0.28);
1170
1172
  --outline-on-dark-outline-transparent-negative: rgba(255, 61, 81, 0.28);
1171
- --outline-on-dark-outline-transparent-info: rgba(25, 154, 240, 0.28);
1173
+ --outline-on-dark-outline-info: #528EFF;
1174
+ --outline-on-dark-outline-info-minor: #1549AB;
1175
+ --outline-on-dark-outline-transparent-info: rgba(82, 142, 255, 0.28);
1172
1176
  --outline-on-light-outline-solid-primary-hover: #000000FF;
1173
1177
  --outline-on-light-outline-solid-primary-active: #B3B3B3FF;
1174
1178
  --outline-on-light-outline-solid-secondary-hover: #000000FF;
1175
1179
  --outline-on-light-outline-solid-secondary-active: #757575FF;
1176
1180
  --outline-on-light-outline-solid-tertiary-hover: #000000FF;
1177
1181
  --outline-on-light-outline-solid-tertiary-active: #595959FF;
1178
- --outline-on-light-outline-transparent-primary-hover: #000000FF;
1179
- --outline-on-light-outline-transparent-primary-active: #CCCCCCFF;
1180
- --outline-on-light-outline-transparent-secondary-hover: #000000FF;
1181
- --outline-on-light-outline-transparent-secondary-active: #CCCCCCFF;
1182
- --outline-on-light-outline-transparent-tertiary-hover: #000000FF;
1183
- --outline-on-light-outline-transparent-tertiary-active: #CCCCCCFF;
1182
+ --outline-on-light-outline-transparent-primary-hover: #080808FF;
1183
+ --outline-on-light-outline-transparent-primary-active: #0808083D;
1184
+ --outline-on-light-outline-transparent-secondary-hover: #080808FF;
1185
+ --outline-on-light-outline-transparent-secondary-active: #0808087A;
1186
+ --outline-on-light-outline-transparent-tertiary-hover: #080808FF;
1187
+ --outline-on-light-outline-transparent-tertiary-active: #080808AB;
1184
1188
  --outline-on-light-outline-accent-hover: #528DFAFF;
1185
1189
  --outline-on-light-outline-accent-active: #075AF2FF;
1186
1190
  --outline-on-light-outline-accent-minor-hover: #B4CEFDFF;
1187
1191
  --outline-on-light-outline-accent-minor-active: #6599FBFF;
1188
- --outline-on-light-outline-transparent-accent-hover: #000000FF;
1189
- --outline-on-light-outline-transparent-accent-active: #CCCCCCFF;
1192
+ --outline-on-light-outline-transparent-accent-hover: #2A72F8FF;
1193
+ --outline-on-light-outline-transparent-accent-active: #2A72F83D;
1190
1194
  --outline-on-light-outline-positive-hover: #14B32EFF;
1191
1195
  --outline-on-light-outline-positive-active: #0C6A1BFF;
1192
1196
  --outline-on-light-outline-warning-hover: #FD6B17FF;
1193
1197
  --outline-on-light-outline-warning-active: #C04802FF;
1194
1198
  --outline-on-light-outline-negative-hover: #F54254FF;
1195
1199
  --outline-on-light-outline-negative-active: #DA0B20FF;
1196
- --outline-on-light-outline-info-hover: #0D96F2FF;
1197
- --outline-on-light-outline-info-active: #0966A5FF;
1200
+ --outline-on-light-outline-info-hover: #528DFAFF;
1201
+ --outline-on-light-outline-info-active: #075AF2FF;
1198
1202
  --outline-on-light-outline-positive-minor-hover: #47DC62FF;
1199
1203
  --outline-on-light-outline-positive-minor-active: #21B03CFF;
1200
1204
  --outline-on-light-outline-warning-minor-hover: #FDB790FF;
1201
1205
  --outline-on-light-outline-warning-minor-active: #FC8240FF;
1202
1206
  --outline-on-light-outline-negative-minor-hover: #FFB8BFFF;
1203
1207
  --outline-on-light-outline-negative-minor-active: #FF6675FF;
1204
- --outline-on-light-outline-info-minor-hover: #7ACAFFFF;
1205
- --outline-on-light-outline-info-minor-active: #29A9FFFF;
1206
- --outline-on-light-outline-transparent-positive-hover: #000000FF;
1207
- --outline-on-light-outline-transparent-positive-active: #CCCCCCFF;
1208
- --outline-on-light-outline-transparent-warning-hover: #000000FF;
1209
- --outline-on-light-outline-transparent-warning-active: #CCCCCCFF;
1210
- --outline-on-light-outline-transparent-negative-hover: #000000FF;
1211
- --outline-on-light-outline-transparent-negative-active: #CCCCCCFF;
1212
- --outline-on-light-outline-transparent-info-hover: #000000FF;
1213
- --outline-on-light-outline-transparent-info-active: #CCCCCCFF;
1208
+ --outline-on-light-outline-info-minor-hover: #B4CEFDFF;
1209
+ --outline-on-light-outline-info-minor-active: #6599FBFF;
1210
+ --outline-on-light-outline-transparent-positive-hover: #108E25FF;
1211
+ --outline-on-light-outline-transparent-positive-active: #108E253D;
1212
+ --outline-on-light-outline-transparent-warning-hover: #E85702FF;
1213
+ --outline-on-light-outline-transparent-warning-active: #E857023D;
1214
+ --outline-on-light-outline-transparent-negative-hover: #F31B31FF;
1215
+ --outline-on-light-outline-transparent-negative-active: #F31B313D;
1216
+ --outline-on-light-outline-transparent-info-hover: #2A72F8FF;
1217
+ --outline-on-light-outline-transparent-info-active: #2A72F83D;
1214
1218
  --outline-on-light-outline-solid-primary: #DDDDDD;
1215
1219
  --outline-on-light-outline-solid-secondary: #949494;
1216
1220
  --outline-on-light-outline-solid-tertiary: #707070;
@@ -1226,15 +1230,15 @@
1226
1230
  --outline-on-light-outline-positive: #108E26;
1227
1231
  --outline-on-light-outline-warning: #E85702;
1228
1232
  --outline-on-light-outline-negative: #F31B31;
1229
- --outline-on-light-outline-info: #0B7ECB;
1230
1233
  --outline-on-light-outline-positive-minor: #28D247;
1231
1234
  --outline-on-light-outline-warning-minor: #FD9C68;
1232
1235
  --outline-on-light-outline-negative-minor: #FF8F9A;
1233
- --outline-on-light-outline-info-minor: #52BAFF;
1234
1236
  --outline-on-light-outline-transparent-positive: rgba(16, 142, 38, 0.20);
1235
1237
  --outline-on-light-outline-transparent-warning: rgba(232, 87, 2, 0.20);
1236
1238
  --outline-on-light-outline-transparent-negative: rgba(243, 27, 49, 0.20);
1237
- --outline-on-light-outline-transparent-info: rgba(11, 126, 203, 0.20);
1239
+ --outline-on-light-outline-info: #2A72F8;
1240
+ --outline-on-light-outline-info-minor: #8BB2FC;
1241
+ --outline-on-light-outline-transparent-info: rgba(42, 114, 248, 0.20);
1238
1242
  --skeleton-gradient: linear-gradient( 90deg, rgba(8, 8, 8, 0.09) 0%, rgba(8, 8, 8, 0.08) 6.25%, rgba(8, 8, 8, 0.05) 12.5%, rgba(8, 8, 8, 0.01) 25%, rgba(8, 8, 8, 0.05) 37.5%, rgba(8, 8, 8, 0.08) 43.75%, rgba(8, 8, 8, 0.09) 50%, rgba(8, 8, 8, 0.08) 56.25%, rgba(8, 8, 8, 0.05) 62.5%, rgba(8, 8, 8, 0.01) 75%, rgba(8, 8, 8, 0.05) 87.5%, rgba(8, 8, 8, 0.08) 93.75%, rgba(8, 8, 8, 0.09) 100% );
1239
1243
  --skeleton-gradient-lighter: linear-gradient( 90deg, rgba(8, 8, 8, 0.36) 0%, rgba(8, 8, 8, 0.32) 6.25%, rgba(8, 8, 8, 0.20) 12.5%, rgba(8, 8, 8, 0.04) 25%, rgba(8, 8, 8, 0.20) 37.5%, rgba(8, 8, 8, 0.32) 43.75%, rgba(8, 8, 8, 0.36) 50%, rgba(8, 8, 8, 0.08) 56.25%, rgba(8, 8, 8, 0.20) 62.5%, rgba(8, 8, 8, 0.04) 75%, rgba(8, 8, 8, 0.20) 87.5%, rgba(8, 8, 8, 0.32) 93.75%, rgba(8, 8, 8, 0.36) 100% );
1240
1244
  --plasma-colors-white-primary: var(--on-dark-text-primary);