@salutejs/sdds-themes 0.50.0-dev.0 → 0.51.0-canary.2372.20371624598.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 (17) hide show
  1. package/css/sdds_serv.module.css +578 -686
  2. package/css/sdds_serv__dark.css +246 -300
  3. package/css/sdds_serv__light.css +332 -386
  4. package/es/themes/sdds_serv__dark.js +1 -1
  5. package/es/themes/sdds_serv__dark.js.map +1 -1
  6. package/es/themes/sdds_serv__light.js +1 -1
  7. package/es/themes/sdds_serv__light.js.map +1 -1
  8. package/es/tokens/sdds_serv/index.js +248 -356
  9. package/es/tokens/sdds_serv/index.js.map +1 -1
  10. package/package.json +2 -2
  11. package/themes/sdds_serv__dark.js +1 -1
  12. package/themes/sdds_serv__dark.js.map +1 -1
  13. package/themes/sdds_serv__light.js +1 -1
  14. package/themes/sdds_serv__light.js.map +1 -1
  15. package/tokens/sdds_serv/index.d.ts +246 -354
  16. package/tokens/sdds_serv/index.js +258 -367
  17. package/tokens/sdds_serv/index.js.map +1 -1
package/css/sdds_serv__light.css CHANGED
@@ -173,14 +173,14 @@
173
173
  --inverse-text-warning-minor: #85380C;
174
174
  --inverse-text-negative-minor: #9C1422;
175
175
  --inverse-text-info-minor: #0D5382;
176
- --surface-solid-primary-hover: #FAFAFAFF;
176
+ --surface-solid-primary-hover: #F2F2F2FF;
177
177
  --surface-solid-primary-active: #F0F0F0FF;
178
178
  --surface-solid-primary: #F5F5F5;
179
179
  --surface-solid-primary-brightness: #F6F6F6FF;
180
- --surface-solid-secondary-hover: #F7F7F7FF;
181
- --surface-solid-secondary-active: #E8E8E8FF;
180
+ --surface-solid-secondary-hover: #E8E8E8FF;
181
+ --surface-solid-secondary-active: #E6E6E6FF;
182
182
  --surface-solid-secondary: #ECECEC;
183
- --surface-solid-tertiary-hover: #EDEDEDFF;
183
+ --surface-solid-tertiary-hover: #D9D9D9FF;
184
184
  --surface-solid-tertiary-active: #D4D4D4FF;
185
185
  --surface-solid-tertiary: #DDDDDD;
186
186
  --surface-solid-card-hover: #FFFFFFFF;
@@ -190,16 +190,16 @@
190
190
  --surface-solid-default-hover: #262626FF;
191
191
  --surface-solid-default-active: #030303FF;
192
192
  --surface-solid-default: #080808;
193
- --surface-transparent-primary-hover: #08080803;
193
+ --surface-transparent-primary-hover: #0808080A;
194
194
  --surface-transparent-primary-active: #0808080D;
195
- --surface-transparent-secondary-hover: #08080805;
195
+ --surface-transparent-secondary-hover: #08080814;
196
196
  --surface-transparent-secondary-active: #0808081A;
197
197
  --surface-transparent-secondary: #0808080F;
198
- --surface-transparent-tertiary-hover: #0808080A;
199
- --surface-transparent-tertiary-active: #08080829;
198
+ --surface-transparent-tertiary-hover: #0808082E;
199
+ --surface-transparent-tertiary-active: #08080833;
200
200
  --surface-transparent-tertiary: #0808081F;
201
- --surface-transparent-deep-hover: #0808088F;
202
- --surface-transparent-deep-active: #080808AD;
201
+ --surface-transparent-deep-hover: #080808B3;
202
+ --surface-transparent-deep-active: #080808B8;
203
203
  --surface-transparent-deep: #080808A3;
204
204
  --surface-transparent-card-hover: #FFFFFFFF;
205
205
  --surface-transparent-card-active: #FFFFFFFF;
@@ -211,10 +211,10 @@
211
211
  --surface-accent-hover: #1EB83AFF;
212
212
  --surface-accent-active: #178C2CFF;
213
213
  --surface-accent: #1A9E32;
214
- --surface-accent-minor-hover: #B1FBBFFF;
214
+ --surface-accent-minor-hover: #94F9A7FF;
215
215
  --surface-accent-minor-active: #8BF99FFF;
216
- --surface-transparent-accent-hover: #108E250A;
217
- --surface-transparent-accent-active: #108E2529;
216
+ --surface-transparent-accent-hover: #108E252E;
217
+ --surface-transparent-accent-active: #108E2533;
218
218
  --surface-positive-hover: #1EB83AFF;
219
219
  --surface-positive-active: #178C2CFF;
220
220
  --surface-positive: #1A9E32;
@@ -224,24 +224,24 @@
224
224
  --surface-negative-hover: #FF5263FF;
225
225
  --surface-negative-active: #FF142CFF;
226
226
  --surface-negative: #FF293E;
227
- --surface-info-hover: #1798EEFF;
227
+ --surface-info-hover: #209CEEFF;
228
228
  --surface-info-active: #0F81CCFF;
229
- --surface-positive-minor-hover: #B1FBBFFF;
229
+ --surface-positive-minor-hover: #94F9A7FF;
230
230
  --surface-positive-minor-active: #8BF99FFF;
231
- --surface-warning-minor-hover: #FEEFE6FF;
232
- --surface-warning-minor-active: #FEDCC8FF;
233
- --surface-negative-minor-hover: #FFF5F6FF;
234
- --surface-negative-minor-active: #FFD6DAFF;
235
- --surface-info-minor-hover: #E5F5FFFF;
236
- --surface-info-minor-active: #C7E9FFFF;
237
- --surface-transparent-positive-hover: #1A9E320A;
238
- --surface-transparent-positive-active: #1A9E3229;
239
- --surface-transparent-warning-hover: #FA5F050A;
240
- --surface-transparent-warning-active: #FA5F0529;
241
- --surface-transparent-negative-hover: #FF293E0A;
242
- --surface-transparent-negative-active: #FF293E29;
243
- --surface-transparent-info-hover: #118CDF0A;
244
- --surface-transparent-info-active: #118CDF29;
231
+ --surface-warning-minor-hover: #FEDCC8FF;
232
+ --surface-warning-minor-active: #FED9C3FF;
233
+ --surface-negative-minor-hover: #FFD6DAFF;
234
+ --surface-negative-minor-active: #FFD1D6FF;
235
+ --surface-info-minor-hover: #C7E9FFFF;
236
+ --surface-info-minor-active: #C2E7FFFF;
237
+ --surface-transparent-positive-hover: #1A9E322E;
238
+ --surface-transparent-positive-active: #1A9E3233;
239
+ --surface-transparent-warning-hover: #FA5F052E;
240
+ --surface-transparent-warning-active: #FA5F0533;
241
+ --surface-transparent-negative-hover: #FF293E2E;
242
+ --surface-transparent-negative-active: #FF293E33;
243
+ --surface-transparent-info-hover: #118CDF2E;
244
+ --surface-transparent-info-active: #118CDF33;
245
245
  --surface-accent-minor: #9EFAAF;
246
246
  --surface-info: #118CDF;
247
247
  --surface-positive-minor: #9EFAAF;
@@ -254,76 +254,76 @@
254
254
  --surface-transparent-info: #118CDF1F;
255
255
  --surface-transparent-primary: #08080808;
256
256
  --surface-transparent-accent: #108E261F;
257
- --on-dark-surface-solid-primary-hover: #363636FF;
258
- --on-dark-surface-solid-primary-active: #0D0D0DFF;
257
+ --on-dark-surface-solid-primary-hover: #1C1C1CFF;
258
+ --on-dark-surface-solid-primary-active: #121212FF;
259
259
  --on-dark-surface-solid-primary: #171717;
260
260
  --on-dark-surface-solid-primary-brightness: #252525FF;
261
- --on-dark-surface-solid-secondary-hover: #3B3B3BFF;
262
- --on-dark-surface-solid-secondary-active: #1C1C1CFF;
261
+ --on-dark-surface-solid-secondary-hover: #303030FF;
262
+ --on-dark-surface-solid-secondary-active: #212121FF;
263
263
  --on-dark-surface-solid-secondary: #262626;
264
- --on-dark-surface-solid-tertiary-hover: #4A4A4AFF;
265
- --on-dark-surface-solid-tertiary-active: #2B2B2BFF;
264
+ --on-dark-surface-solid-tertiary-hover: #404040FF;
265
+ --on-dark-surface-solid-tertiary-active: #303030FF;
266
266
  --on-dark-surface-solid-tertiary: #363636;
267
- --on-dark-surface-solid-card-hover: #363636FF;
268
- --on-dark-surface-solid-card-active: #0D0D0DFF;
267
+ --on-dark-surface-solid-card-hover: #1C1C1CFF;
268
+ --on-dark-surface-solid-card-active: #121212FF;
269
269
  --on-dark-surface-solid-card: #171717;
270
270
  --on-dark-surface-solid-card-brightness: #252525FF;
271
271
  --on-dark-surface-solid-default-hover: #FFFFFFFF;
272
272
  --on-dark-surface-solid-default-active: #F5F5F5FF;
273
273
  --on-dark-surface-solid-default: #F9F9F9;
274
- --on-dark-surface-transparent-primary-hover: #FFFFFF05;
275
- --on-dark-surface-transparent-primary-active: #FFFFFF1A;
274
+ --on-dark-surface-transparent-primary-hover: #FFFFFF1F;
275
+ --on-dark-surface-transparent-primary-active: #FFFFFF0A;
276
276
  --on-dark-surface-transparent-primary: #FFFFFF0F;
277
- --on-dark-surface-transparent-secondary-hover: #FFFFFF0A;
278
- --on-dark-surface-transparent-secondary-active: #FFFFFF29;
277
+ --on-dark-surface-transparent-secondary-hover: #FFFFFF3D;
278
+ --on-dark-surface-transparent-secondary-active: #FFFFFF0F;
279
279
  --on-dark-surface-transparent-secondary: #FFFFFF1F;
280
- --on-dark-surface-transparent-tertiary-hover: #FFFFFF1F;
281
- --on-dark-surface-transparent-tertiary-active: #FFFFFF3D;
280
+ --on-dark-surface-transparent-tertiary-hover: #FFFFFF52;
281
+ --on-dark-surface-transparent-tertiary-active: #FFFFFF24;
282
282
  --on-dark-surface-transparent-tertiary: #FFFFFF33;
283
- --on-dark-surface-transparent-deep-hover: #FFFFFF8F;
284
- --on-dark-surface-transparent-deep-active: #FFFFFFAD;
283
+ --on-dark-surface-transparent-deep-hover: #FFFFFFC2;
284
+ --on-dark-surface-transparent-deep-active: #FFFFFF94;
285
285
  --on-dark-surface-transparent-deep: #FFFFFFA3;
286
- --on-dark-surface-transparent-card-hover: #FFFFFF05;
287
- --on-dark-surface-transparent-card-active: #FFFFFF1A;
286
+ --on-dark-surface-transparent-card-hover: #FFFFFF1F;
287
+ --on-dark-surface-transparent-card-active: #FFFFFF0A;
288
288
  --on-dark-surface-transparent-card: #FFFFFF0F;
289
289
  --on-dark-surface-transparent-card-brightness: #FFFF1DFF;
290
290
  --on-dark-surface-clear-hover: #00000000;
291
291
  --on-dark-surface-clear-active: #00000000;
292
292
  --on-dark-surface-clear: #00000000;
293
- --on-dark-surface-accent-hover: #1EB83AFF;
294
- --on-dark-surface-accent-active: #178C2CFF;
293
+ --on-dark-surface-accent-hover: #1DAF37FF;
294
+ --on-dark-surface-accent-active: #18952FFF;
295
295
  --on-dark-surface-accent: #1A9E32;
296
296
  --on-dark-surface-accent-minor-hover: #0E3A16FF;
297
- --on-dark-surface-accent-minor-active: #061909FF;
298
- --on-dark-surface-transparent-accent-hover: #1A9E321F;
299
- --on-dark-surface-transparent-accent-active: #1A9E323D;
300
- --on-dark-surface-positive-hover: #1EB83AFF;
301
- --on-dark-surface-positive-active: #178C2CFF;
297
+ --on-dark-surface-accent-minor-active: #08210CFF;
298
+ --on-dark-surface-transparent-accent-hover: #1A9E3252;
299
+ --on-dark-surface-transparent-accent-active: #1A9E3224;
300
+ --on-dark-surface-positive-hover: #1DAF37FF;
301
+ --on-dark-surface-positive-active: #18952FFF;
302
302
  --on-dark-surface-positive: #1A9E32;
303
- --on-dark-surface-warning-hover: #FB782DFF;
304
- --on-dark-surface-warning-active: #E65705FF;
303
+ --on-dark-surface-warning-hover: #FB7223FF;
304
+ --on-dark-surface-warning-active: #F05B05FF;
305
305
  --on-dark-surface-warning: #FA5F05;
306
- --on-dark-surface-negative-hover: #FF5263FF;
307
- --on-dark-surface-negative-active: #FF142CFF;
306
+ --on-dark-surface-negative-hover: #FF475AFF;
307
+ --on-dark-surface-negative-active: #FF1F35FF;
308
308
  --on-dark-surface-negative: #FF293E;
309
309
  --on-dark-surface-info-hover: #1798EEFF;
310
- --on-dark-surface-info-active: #0F81CCFF;
310
+ --on-dark-surface-info-active: #1086D5FF;
311
311
  --on-dark-surface-positive-minor-hover: #0E3A16FF;
312
- --on-dark-surface-positive-minor-active: #061909FF;
313
- --on-dark-surface-warning-minor-hover: #58290EFF;
314
- --on-dark-surface-warning-minor-active: #2C1507FF;
315
- --on-dark-surface-negative-minor-hover: #64121AFF;
316
- --on-dark-surface-negative-minor-active: #380A0FFF;
312
+ --on-dark-surface-positive-minor-active: #08210CFF;
313
+ --on-dark-surface-warning-minor-hover: #4F250DFF;
314
+ --on-dark-surface-warning-minor-active: #351909FF;
315
+ --on-dark-surface-negative-minor-hover: #5B1018FF;
316
+ --on-dark-surface-negative-minor-active: #410B11FF;
317
317
  --on-dark-surface-info-minor-hover: #10344CFF;
318
- --on-dark-surface-info-minor-active: #091D2AFF;
319
- --on-dark-surface-transparent-positive-hover: #1A9E321F;
320
- --on-dark-surface-transparent-positive-active: #1A9E323D;
321
- --on-dark-surface-transparent-warning-hover: #FA5F051F;
322
- --on-dark-surface-transparent-warning-active: #FA5F053D;
323
- --on-dark-surface-transparent-negative-hover: #FF293E1F;
324
- --on-dark-surface-transparent-negative-active: #FF293E3D;
325
- --on-dark-surface-transparent-info-hover: #118CDF1F;
326
- --on-dark-surface-transparent-info-active: #118CDF3D;
318
+ --on-dark-surface-info-minor-active: #0A2333FF;
319
+ --on-dark-surface-transparent-positive-hover: #1A9E3252;
320
+ --on-dark-surface-transparent-positive-active: #1A9E3224;
321
+ --on-dark-surface-transparent-warning-hover: #FA5F0552;
322
+ --on-dark-surface-transparent-warning-active: #FA5F0524;
323
+ --on-dark-surface-transparent-negative-hover: #FF293E52;
324
+ --on-dark-surface-transparent-negative-active: #FF293E24;
325
+ --on-dark-surface-transparent-info-hover: #118CDF52;
326
+ --on-dark-surface-transparent-info-active: #118CDF24;
327
327
  --on-dark-surface-accent-minor: #0A2B10;
328
328
  --on-dark-surface-transparent-accent: #1A9E3233;
329
329
  --on-dark-surface-info: #118CDF;
@@ -335,14 +335,14 @@
335
335
  --on-dark-surface-transparent-warning: #FA5F0533;
336
336
  --on-dark-surface-transparent-negative: #FF293E33;
337
337
  --on-dark-surface-transparent-info: #118CDF33;
338
- --on-light-surface-solid-primary-hover: #FAFAFAFF;
338
+ --on-light-surface-solid-primary-hover: #F2F2F2FF;
339
339
  --on-light-surface-solid-primary-active: #F0F0F0FF;
340
340
  --on-light-surface-solid-primary: #F5F5F5;
341
341
  --on-light-surface-solid-primary-brightness: #F6F6F6FF;
342
- --on-light-surface-solid-secondary-hover: #F7F7F7FF;
343
- --on-light-surface-solid-secondary-active: #E8E8E8FF;
342
+ --on-light-surface-solid-secondary-hover: #E8E8E8FF;
343
+ --on-light-surface-solid-secondary-active: #E6E6E6FF;
344
344
  --on-light-surface-solid-secondary: #ECECEC;
345
- --on-light-surface-solid-tertiary-hover: #EDEDEDFF;
345
+ --on-light-surface-solid-tertiary-hover: #D9D9D9FF;
346
346
  --on-light-surface-solid-tertiary-active: #D4D4D4FF;
347
347
  --on-light-surface-solid-tertiary: #DDDDDD;
348
348
  --on-light-surface-solid-card-hover: #FFFFFFFF;
@@ -352,16 +352,16 @@
352
352
  --on-light-surface-solid-default-hover: #262626FF;
353
353
  --on-light-surface-solid-default-active: #030303FF;
354
354
  --on-light-surface-solid-default: #080808;
355
- --on-light-surface-transparent-primary-hover: #08080803;
355
+ --on-light-surface-transparent-primary-hover: #0808080A;
356
356
  --on-light-surface-transparent-primary-active: #0808080D;
357
- --on-light-surface-transparent-secondary-hover: #08080805;
357
+ --on-light-surface-transparent-secondary-hover: #08080814;
358
358
  --on-light-surface-transparent-secondary-active: #0808081A;
359
359
  --on-light-surface-transparent-secondary: #0808080F;
360
- --on-light-surface-transparent-tertiary-hover: #0808080A;
361
- --on-light-surface-transparent-tertiary-active: #08080829;
360
+ --on-light-surface-transparent-tertiary-hover: #0808082E;
361
+ --on-light-surface-transparent-tertiary-active: #08080833;
362
362
  --on-light-surface-transparent-tertiary: #0808081F;
363
- --on-light-surface-transparent-deep-hover: #0808088F;
364
- --on-light-surface-transparent-deep-active: #080808AD;
363
+ --on-light-surface-transparent-deep-hover: #080808B3;
364
+ --on-light-surface-transparent-deep-active: #080808B8;
365
365
  --on-light-surface-transparent-deep: #080808A3;
366
366
  --on-light-surface-transparent-card-hover: #FFFFFFFF;
367
367
  --on-light-surface-transparent-card-active: #FFFFFFFF;
@@ -373,10 +373,10 @@
373
373
  --on-light-surface-accent-hover: #1EB83AFF;
374
374
  --on-light-surface-accent-active: #178C2CFF;
375
375
  --on-light-surface-accent: #1A9E32;
376
- --on-light-surface-accent-minor-hover: #B1FBBFFF;
376
+ --on-light-surface-accent-minor-hover: #94F9A7FF;
377
377
  --on-light-surface-accent-minor-active: #8BF99FFF;
378
- --on-light-surface-transparent-accent-hover: #1A9E320A;
379
- --on-light-surface-transparent-accent-active: #1A9E3229;
378
+ --on-light-surface-transparent-accent-hover: #1A9E322E;
379
+ --on-light-surface-transparent-accent-active: #1A9E3233;
380
380
  --on-light-surface-positive-hover: #1EB83AFF;
381
381
  --on-light-surface-positive-active: #178C2CFF;
382
382
  --on-light-surface-positive: #1A9E32;
@@ -386,24 +386,24 @@
386
386
  --on-light-surface-negative-hover: #FF5263FF;
387
387
  --on-light-surface-negative-active: #FF142CFF;
388
388
  --on-light-surface-negative: #FF293E;
389
- --on-light-surface-info-hover: #1798EEFF;
389
+ --on-light-surface-info-hover: #209CEEFF;
390
390
  --on-light-surface-info-active: #0F81CCFF;
391
- --on-light-surface-positive-minor-hover: #B1FBBFFF;
391
+ --on-light-surface-positive-minor-hover: #94F9A7FF;
392
392
  --on-light-surface-positive-minor-active: #8BF99FFF;
393
- --on-light-surface-warning-minor-hover: #FEEFE6FF;
394
- --on-light-surface-warning-minor-active: #FEDCC8FF;
395
- --on-light-surface-negative-minor-hover: #FFF5F6FF;
396
- --on-light-surface-negative-minor-active: #FFD6DAFF;
397
- --on-light-surface-info-minor-hover: #E5F5FFFF;
398
- --on-light-surface-info-minor-active: #C7E9FFFF;
399
- --on-light-surface-transparent-positive-hover: #1A9E320A;
400
- --on-light-surface-transparent-positive-active: #1A9E3229;
401
- --on-light-surface-transparent-warning-hover: #FA5F050A;
402
- --on-light-surface-transparent-warning-active: #FA5F0529;
403
- --on-light-surface-transparent-negative-hover: #FF293E0A;
404
- --on-light-surface-transparent-negative-active: #FF293E29;
405
- --on-light-surface-transparent-info-hover: #118CDF0A;
406
- --on-light-surface-transparent-info-active: #118CDF29;
393
+ --on-light-surface-warning-minor-hover: #FEDCC8FF;
394
+ --on-light-surface-warning-minor-active: #FED9C3FF;
395
+ --on-light-surface-negative-minor-hover: #FFD6DAFF;
396
+ --on-light-surface-negative-minor-active: #FFD1D6FF;
397
+ --on-light-surface-info-minor-hover: #C7E9FFFF;
398
+ --on-light-surface-info-minor-active: #C2E7FFFF;
399
+ --on-light-surface-transparent-positive-hover: #1A9E322E;
400
+ --on-light-surface-transparent-positive-active: #1A9E3233;
401
+ --on-light-surface-transparent-warning-hover: #FA5F052E;
402
+ --on-light-surface-transparent-warning-active: #FA5F0533;
403
+ --on-light-surface-transparent-negative-hover: #FF293E2E;
404
+ --on-light-surface-transparent-negative-active: #FF293E33;
405
+ --on-light-surface-transparent-info-hover: #118CDF2E;
406
+ --on-light-surface-transparent-info-active: #118CDF33;
407
407
  --on-light-surface-accent-minor: #9EFAAF;
408
408
  --on-light-surface-transparent-accent: #1A9E321F;
409
409
  --on-light-surface-info: #118CDF;
@@ -416,76 +416,76 @@
416
416
  --on-light-surface-transparent-negative: #FF293E1F;
417
417
  --on-light-surface-transparent-info: #118CDF1F;
418
418
  --on-light-surface-transparent-primary: #08080808;
419
- --inverse-surface-solid-primary-hover: #363636FF;
420
- --inverse-surface-solid-primary-active: #0D0D0DFF;
419
+ --inverse-surface-solid-primary-hover: #1C1C1CFF;
420
+ --inverse-surface-solid-primary-active: #121212FF;
421
421
  --inverse-surface-solid-primary: #171717;
422
422
  --inverse-surface-solid-primary-brightness: #252525FF;
423
- --inverse-surface-solid-secondary-hover: #3B3B3BFF;
424
- --inverse-surface-solid-secondary-active: #1C1C1CFF;
423
+ --inverse-surface-solid-secondary-hover: #303030FF;
424
+ --inverse-surface-solid-secondary-active: #212121FF;
425
425
  --inverse-surface-solid-secondary: #262626;
426
- --inverse-surface-solid-tertiary-hover: #4A4A4AFF;
427
- --inverse-surface-solid-tertiary-active: #2B2B2BFF;
426
+ --inverse-surface-solid-tertiary-hover: #404040FF;
427
+ --inverse-surface-solid-tertiary-active: #303030FF;
428
428
  --inverse-surface-solid-tertiary: #363636;
429
- --inverse-surface-solid-card-hover: #363636FF;
430
- --inverse-surface-solid-card-active: #0D0D0DFF;
429
+ --inverse-surface-solid-card-hover: #1C1C1CFF;
430
+ --inverse-surface-solid-card-active: #121212FF;
431
431
  --inverse-surface-solid-card: #171717;
432
432
  --inverse-surface-solid-card-brightness: #252525FF;
433
433
  --inverse-surface-solid-default-hover: #FFFFFFFF;
434
434
  --inverse-surface-solid-default-active: #F5F5F5FF;
435
435
  --inverse-surface-solid-default: #F9F9F9;
436
- --inverse-surface-transparent-primary-hover: #FFFFFF05;
437
- --inverse-surface-transparent-primary-active: #FFFFFF1A;
436
+ --inverse-surface-transparent-primary-hover: #FFFFFF1F;
437
+ --inverse-surface-transparent-primary-active: #FFFFFF0A;
438
438
  --inverse-surface-transparent-primary: #FFFFFF0F;
439
- --inverse-surface-transparent-secondary-hover: #FFFFFF0A;
440
- --inverse-surface-transparent-secondary-active: #FFFFFF29;
439
+ --inverse-surface-transparent-secondary-hover: #FFFFFF3D;
440
+ --inverse-surface-transparent-secondary-active: #FFFFFF0F;
441
441
  --inverse-surface-transparent-secondary: #FFFFFF1F;
442
- --inverse-surface-transparent-tertiary-hover: #FFFFFF1F;
443
- --inverse-surface-transparent-tertiary-active: #FFFFFF3D;
442
+ --inverse-surface-transparent-tertiary-hover: #FFFFFF52;
443
+ --inverse-surface-transparent-tertiary-active: #FFFFFF24;
444
444
  --inverse-surface-transparent-tertiary: #FFFFFF33;
445
- --inverse-surface-transparent-deep-hover: #FFFFFF8F;
446
- --inverse-surface-transparent-deep-active: #FFFFFFAD;
445
+ --inverse-surface-transparent-deep-hover: #FFFFFFC2;
446
+ --inverse-surface-transparent-deep-active: #FFFFFF94;
447
447
  --inverse-surface-transparent-deep: #FFFFFFA3;
448
- --inverse-surface-transparent-card-hover: #FFFFFF05;
449
- --inverse-surface-transparent-card-active: #FFFFFF1A;
448
+ --inverse-surface-transparent-card-hover: #FFFFFF1F;
449
+ --inverse-surface-transparent-card-active: #FFFFFF0A;
450
450
  --inverse-surface-transparent-card: #FFFFFF0F;
451
451
  --inverse-surface-transparent-card-brightness: #FFFF1DFF;
452
452
  --inverse-surface-clear-hover: #00000000;
453
453
  --inverse-surface-clear-active: #00000000;
454
454
  --inverse-surface-clear: #00000000;
455
- --inverse-surface-accent-hover: #1EB83AFF;
456
- --inverse-surface-accent-active: #178C2CFF;
455
+ --inverse-surface-accent-hover: #1DAF37FF;
456
+ --inverse-surface-accent-active: #18952FFF;
457
457
  --inverse-surface-accent: #1A9E32;
458
458
  --inverse-surface-accent-minor-hover: #0E3A16FF;
459
- --inverse-surface-accent-minor-active: #061909FF;
460
- --inverse-surface-transparent-accent-hover: #1A9E321F;
461
- --inverse-surface-transparent-accent-active: #1A9E323D;
462
- --inverse-surface-positive-hover: #1EB83AFF;
463
- --inverse-surface-positive-active: #178C2CFF;
459
+ --inverse-surface-accent-minor-active: #08210CFF;
460
+ --inverse-surface-transparent-accent-hover: #1A9E3252;
461
+ --inverse-surface-transparent-accent-active: #1A9E3224;
462
+ --inverse-surface-positive-hover: #1DAF37FF;
463
+ --inverse-surface-positive-active: #18952FFF;
464
464
  --inverse-surface-positive: #1A9E32;
465
- --inverse-surface-warning-hover: #FB782DFF;
466
- --inverse-surface-warning-active: #E65705FF;
465
+ --inverse-surface-warning-hover: #FB7223FF;
466
+ --inverse-surface-warning-active: #F05B05FF;
467
467
  --inverse-surface-warning: #FA5F05;
468
- --inverse-surface-negative-hover: #FF5263FF;
469
- --inverse-surface-negative-active: #FF142CFF;
468
+ --inverse-surface-negative-hover: #FF475AFF;
469
+ --inverse-surface-negative-active: #FF1F35FF;
470
470
  --inverse-surface-negative: #FF293E;
471
471
  --inverse-surface-info-hover: #1798EEFF;
472
- --inverse-surface-info-active: #0F81CCFF;
472
+ --inverse-surface-info-active: #1086D5FF;
473
473
  --inverse-surface-positive-minor-hover: #0E3A16FF;
474
- --inverse-surface-positive-minor-active: #061909FF;
475
- --inverse-surface-warning-minor-hover: #58290EFF;
476
- --inverse-surface-warning-minor-active: #2C1507FF;
477
- --inverse-surface-negative-minor-hover: #64121AFF;
478
- --inverse-surface-negative-minor-active: #380A0FFF;
474
+ --inverse-surface-positive-minor-active: #08210CFF;
475
+ --inverse-surface-warning-minor-hover: #4F250DFF;
476
+ --inverse-surface-warning-minor-active: #351909FF;
477
+ --inverse-surface-negative-minor-hover: #5B1018FF;
478
+ --inverse-surface-negative-minor-active: #410B11FF;
479
479
  --inverse-surface-info-minor-hover: #10344CFF;
480
- --inverse-surface-info-minor-active: #091D2AFF;
481
- --inverse-surface-transparent-positive-hover: #1A9E321F;
482
- --inverse-surface-transparent-positive-active: #1A9E323D;
483
- --inverse-surface-transparent-warning-hover: #FA5F051F;
484
- --inverse-surface-transparent-warning-active: #FA5F053D;
485
- --inverse-surface-transparent-negative-hover: #FF293E1F;
486
- --inverse-surface-transparent-negative-active: #FF293E3D;
487
- --inverse-surface-transparent-info-hover: #118CDF1F;
488
- --inverse-surface-transparent-info-active: #118CDF3D;
480
+ --inverse-surface-info-minor-active: #0A2333FF;
481
+ --inverse-surface-transparent-positive-hover: #1A9E3252;
482
+ --inverse-surface-transparent-positive-active: #1A9E3224;
483
+ --inverse-surface-transparent-warning-hover: #FA5F0552;
484
+ --inverse-surface-transparent-warning-active: #FA5F0524;
485
+ --inverse-surface-transparent-negative-hover: #FF293E52;
486
+ --inverse-surface-transparent-negative-active: #FF293E24;
487
+ --inverse-surface-transparent-info-hover: #118CDF52;
488
+ --inverse-surface-transparent-info-active: #118CDF24;
489
489
  --inverse-surface-accent-minor: #0A2B10;
490
490
  --inverse-surface-transparent-accent: #1A9E3233;
491
491
  --inverse-surface-info: #118CDF;
@@ -515,56 +515,50 @@
515
515
  --inverse-overlay-soft: #0808088F;
516
516
  --inverse-overlay-hard: #080808F5;
517
517
  --inverse-overlay-blur: #08080847;
518
- --outline-solid-primary-hover: #000000FF;
519
- --outline-solid-primary-active: #B3B3B3FF;
520
- --outline-solid-secondary-hover: #C2C2C2FF;
521
- --outline-solid-secondary-active: #A8A8A8FF;
522
- --outline-solid-tertiary-hover: #000000FF;
523
- --outline-solid-tertiary-active: #595959FF;
524
- --outline-transparent-default-hover: #000000FF;
525
- --outline-transparent-default-active: #CCCCCCFF;
526
- --outline-transparent-primary-hover: #0808080A;
527
- --outline-transparent-primary-active: #08080829;
528
- --outline-transparent-secondary-hover: #08080833;
529
- --outline-transparent-secondary-active: #08080852;
530
- --outline-transparent-tertiary-hover: #0808087A;
531
- --outline-transparent-tertiary-active: #08080899;
518
+ --outline-solid-primary-hover: #ABABABFF;
519
+ --outline-solid-primary-active: #C4C4C4FF;
520
+ --outline-solid-secondary-hover: #DBDBDBFF;
521
+ --outline-solid-secondary-active: #8F8F8FFF;
522
+ --outline-solid-tertiary-hover: #A3A3A3FF;
523
+ --outline-solid-tertiary-active: #5C5C5CFF;
524
+ --outline-transparent-primary-hover: #08080852;
525
+ --outline-transparent-primary-active: #08080838;
526
+ --outline-transparent-secondary-hover: #0808082B;
527
+ --outline-transparent-secondary-active: #08080872;
528
+ --outline-transparent-tertiary-hover: #08080847;
529
+ --outline-transparent-tertiary-active: #080808FF;
532
530
  --outline-clear-hover: #00000000;
533
531
  --outline-clear-active: #00000000;
534
- --outline-accent-hover: #14B32EFF;
532
+ --outline-accent-hover: #15BC31FF;
535
533
  --outline-accent-active: #0C6A1BFF;
536
- --outline-accent-minor-hover: #47DC62FF;
537
- --outline-accent-minor-active: #21B03CFF;
538
- --outline-transparent-accent-hover: #108E25FF;
539
- --outline-transparent-accent-active: #108E253D;
540
- --outline-promo-hover: #000000FF;
541
- --outline-promo-active: #CCCCCCFF;
542
- --outline-promo-minor-hover: #000000FF;
543
- --outline-promo-minor-active: #CCCCCCFF;
544
- --outline-positive-hover: #14B32EFF;
534
+ --outline-accent-minor-hover: #7AE68EFF;
535
+ --outline-accent-minor-active: #23B83EFF;
536
+ --outline-transparent-accent-hover: #108E251F;
537
+ --outline-transparent-accent-active: #108E2552;
538
+ --outline-positive-hover: #15BC31FF;
545
539
  --outline-positive-active: #0C6A1BFF;
546
- --outline-warning-hover: #FD6B17FF;
547
- --outline-warning-active: #C04802FF;
548
- --outline-negative-hover: #F54254FF;
549
- --outline-negative-active: #DA0B20FF;
550
- --outline-info-hover: #0D96F2FF;
551
- --outline-info-active: #0966A5FF;
552
- --outline-positive-minor-hover: #47DC62FF;
553
- --outline-positive-minor-active: #21B03CFF;
540
+ --outline-warning-hover: #FD9253FF;
541
+ --outline-warning-active: #CA4B02FF;
542
+ --outline-negative-hover: #F87C89FF;
543
+ --outline-negative-active: #E40C22FF;
544
+ --outline-info-hover: #47B0F5FF;
545
+ --outline-info-active: #096CAEFF;
546
+ --outline-positive-minor-hover: #7AE68EFF;
547
+ --outline-positive-minor-active: #23B83EFF;
554
548
  --outline-warning-minor-hover: #FDB790FF;
555
549
  --outline-warning-minor-active: #FC8240FF;
556
550
  --outline-negative-minor-hover: #FFB8BFFF;
557
551
  --outline-negative-minor-active: #FF6675FF;
558
- --outline-info-minor-hover: #7ACAFFFF;
552
+ --outline-info-minor-hover: #A3DAFFFF;
559
553
  --outline-info-minor-active: #29A9FFFF;
560
- --outline-transparent-positive-hover: #108E25FF;
561
- --outline-transparent-positive-active: #108E253D;
562
- --outline-transparent-warning-hover: #E85702FF;
563
- --outline-transparent-warning-active: #E857023D;
564
- --outline-transparent-negative-hover: #F31B31FF;
565
- --outline-transparent-negative-active: #F31B313D;
566
- --outline-transparent-info-hover: #0B7ECBFF;
567
- --outline-transparent-info-active: #0B7ECB3D;
554
+ --outline-transparent-positive-hover: #108E251F;
555
+ --outline-transparent-positive-active: #108E2552;
556
+ --outline-transparent-warning-hover: #E857021F;
557
+ --outline-transparent-warning-active: #E8570252;
558
+ --outline-transparent-negative-hover: #F31B311F;
559
+ --outline-transparent-negative-active: #F31B3152;
560
+ --outline-transparent-info-hover: #0B7ECB1F;
561
+ --outline-transparent-info-active: #0B7ECB52;
568
562
  --outline-clear: #00000000;
569
563
  --outline-solid-primary: #DDDDDD;
570
564
  --outline-solid-tertiary: #707070;
@@ -588,58 +582,52 @@
588
582
  --outline-transparent-tertiary: #0808088F;
589
583
  --outline-solid-secondary: #B3B3B3;
590
584
  --outline-solid-default: #080808;
591
- --outline-solid-default-hover: #595959FF;
592
- --outline-solid-default-active: #303030FF;
593
- --on-dark-outline-solid-primary-hover: #787878FF;
594
- --on-dark-outline-solid-primary-active: #4F4F4FFF;
595
- --on-dark-outline-solid-secondary-hover: #636363FF;
596
- --on-dark-outline-solid-secondary-active: #454545FF;
597
- --on-dark-outline-solid-tertiary-hover: #949494FF;
598
- --on-dark-outline-solid-tertiary-active: #7A7A7AFF;
599
- --on-dark-outline-transparent-default-hover: #000000FF;
600
- --on-dark-outline-transparent-default-active: #CCCCCCFF;
601
- --on-dark-outline-transparent-primary-hover: #FFFFFF0A;
602
- --on-dark-outline-transparent-primary-active: #FFFFFF29;
603
- --on-dark-outline-transparent-secondary-hover: #FFFFFF33;
604
- --on-dark-outline-transparent-secondary-active: #FFFFFF52;
605
- --on-dark-outline-transparent-tertiary-hover: #FFFFFF7A;
606
- --on-dark-outline-transparent-tertiary-active: #FFFFFF99;
585
+ --outline-solid-default-hover: #969696FF;
586
+ --outline-solid-default-active: #080808FF;
587
+ --on-dark-outline-solid-primary-hover: #545454FF;
588
+ --on-dark-outline-solid-primary-active: #171717FF;
589
+ --on-dark-outline-solid-secondary-hover: #ABABABFF;
590
+ --on-dark-outline-solid-secondary-active: #363636FF;
591
+ --on-dark-outline-solid-tertiary-hover: #FFFFFFFF;
592
+ --on-dark-outline-solid-tertiary-active: #525252FF;
593
+ --on-dark-outline-transparent-primary-hover: #FFFFFF4D;
594
+ --on-dark-outline-transparent-primary-active: #FFFFFF12;
595
+ --on-dark-outline-transparent-secondary-hover: #FFFFFFB3;
596
+ --on-dark-outline-transparent-secondary-active: #FFFFFF2B;
597
+ --on-dark-outline-transparent-tertiary-hover: #FFFFFFFF;
598
+ --on-dark-outline-transparent-tertiary-active: #FFFFFF47;
607
599
  --on-dark-outline-clear-hover: #00000000;
608
600
  --on-dark-outline-clear-active: #00000000;
609
- --on-dark-outline-accent-hover: #2BD44AFF;
610
- --on-dark-outline-accent-active: #1D9032FF;
611
- --on-dark-outline-accent-minor-hover: #11A72CFF;
612
- --on-dark-outline-accent-minor-active: #0D8222FF;
613
- --on-dark-outline-transparent-accent-hover: #24B23EFF;
614
- --on-dark-outline-transparent-accent-active: #24B23E56;
615
- --on-dark-outline-promo-hover: #000000FF;
616
- --on-dark-outline-promo-active: #CCCCCCFF;
617
- --on-dark-outline-promo-minor-hover: #000000FF;
618
- --on-dark-outline-promo-minor-active: #CCCCCCFF;
619
- --on-dark-outline-positive-hover: #2BD44AFF;
620
- --on-dark-outline-positive-active: #1D9032FF;
621
- --on-dark-outline-warning-hover: #FF8B4DFF;
622
- --on-dark-outline-warning-active: #FA5700FF;
623
- --on-dark-outline-negative-hover: #FF6675FF;
624
- --on-dark-outline-negative-active: #FF142CFF;
625
- --on-dark-outline-info-hover: #3FABF3FF;
626
- --on-dark-outline-info-active: #0D84D3FF;
627
- --on-dark-outline-positive-minor-hover: #11A72CFF;
628
- --on-dark-outline-positive-minor-active: #0D8222FF;
629
- --on-dark-outline-warning-minor-hover: #FF8B4DFF;
630
- --on-dark-outline-warning-minor-active: #FA5700FF;
631
- --on-dark-outline-negative-minor-hover: #FF6675FF;
632
- --on-dark-outline-negative-minor-active: #FF142CFF;
633
- --on-dark-outline-info-minor-hover: #3FABF3FF;
634
- --on-dark-outline-info-minor-active: #0D84D3FF;
635
- --on-dark-outline-transparent-positive-hover: #24B23EFF;
636
- --on-dark-outline-transparent-positive-active: #24B23E56;
637
- --on-dark-outline-transparent-warning-hover: #FF7024FF;
638
- --on-dark-outline-transparent-warning-active: #FF702456;
639
- --on-dark-outline-transparent-negative-hover: #FF3D51FF;
640
- --on-dark-outline-transparent-negative-active: #FF3D5156;
641
- --on-dark-outline-transparent-info-hover: #199AF0FF;
642
- --on-dark-outline-transparent-info-active: #199AF056;
601
+ --on-dark-outline-accent-hover: #5EDE76FF;
602
+ --on-dark-outline-accent-active: #1F9835FF;
603
+ --on-dark-outline-accent-minor-hover: #0F9527FF;
604
+ --on-dark-outline-accent-minor-active: #074A14FF;
605
+ --on-dark-outline-transparent-accent-hover: #24B23EB3;
606
+ --on-dark-outline-transparent-accent-active: #24B23E2B;
607
+ --on-dark-outline-positive-hover: #5EDE76FF;
608
+ --on-dark-outline-positive-active: #1F9835FF;
609
+ --on-dark-outline-warning-hover: #FFA575FF;
610
+ --on-dark-outline-warning-active: #FF5D05FF;
611
+ --on-dark-outline-negative-hover: #FF8F9AFF;
612
+ --on-dark-outline-negative-active: #FF1F35FF;
613
+ --on-dark-outline-info-hover: #66BCF5FF;
614
+ --on-dark-outline-info-active: #0E8ADDFF;
615
+ --on-dark-outline-positive-minor-hover: #0F9527FF;
616
+ --on-dark-outline-positive-minor-active: #074A14FF;
617
+ --on-dark-outline-warning-minor-hover: #FFA575FF;
618
+ --on-dark-outline-warning-minor-active: #FF5D05FF;
619
+ --on-dark-outline-negative-minor-hover: #FF8F9AFF;
620
+ --on-dark-outline-negative-minor-active: #FF1F35FF;
621
+ --on-dark-outline-info-minor-hover: #66BCF5FF;
622
+ --on-dark-outline-info-minor-active: #0E8ADDFF;
623
+ --on-dark-outline-transparent-positive-hover: #24B23EB3;
624
+ --on-dark-outline-transparent-positive-active: #24B23E2B;
625
+ --on-dark-outline-transparent-warning-hover: #FF7024B3;
626
+ --on-dark-outline-transparent-warning-active: #FF70242B;
627
+ --on-dark-outline-transparent-negative-hover: #FF3D51B3;
628
+ --on-dark-outline-transparent-negative-active: #FF3D512B;
629
+ --on-dark-outline-transparent-info-hover: #199AF0B3;
630
+ --on-dark-outline-transparent-info-active: #199AF02B;
643
631
  --on-dark-outline-clear: #00000000;
644
632
  --on-dark-outline-solid-primary: #262626;
645
633
  --on-dark-outline-accent: #24B23E;
@@ -663,58 +651,52 @@
663
651
  --on-dark-outline-solid-secondary: #4E4E4E;
664
652
  --on-dark-outline-solid-tertiary: #858585;
665
653
  --on-dark-outline-solid-default: #F9F9F9;
666
- --on-dark-outline-solid-default-hover: #FFFFFFFF;
667
- --on-dark-outline-solid-default-active: #C7C7C7FF;
668
- --on-light-outline-solid-primary-hover: #000000FF;
669
- --on-light-outline-solid-primary-active: #B3B3B3FF;
670
- --on-light-outline-solid-secondary-hover: #C2C2C2FF;
671
- --on-light-outline-solid-secondary-active: #A8A8A8FF;
672
- --on-light-outline-solid-tertiary-hover: #000000FF;
673
- --on-light-outline-solid-tertiary-active: #595959FF;
674
- --on-light-outline-transparent-default-hover: #000000FF;
675
- --on-light-outline-transparent-default-active: #CCCCCCFF;
676
- --on-light-outline-transparent-primary-hover: #0808080A;
677
- --on-light-outline-transparent-primary-active: #08080829;
678
- --on-light-outline-transparent-secondary-hover: #08080833;
679
- --on-light-outline-transparent-secondary-active: #08080852;
680
- --on-light-outline-transparent-tertiary-hover: #0808087A;
681
- --on-light-outline-transparent-tertiary-active: #08080899;
654
+ --on-dark-outline-solid-default-hover: #808080FF;
655
+ --on-dark-outline-solid-default-active: #616161FF;
656
+ --on-light-outline-solid-primary-hover: #ABABABFF;
657
+ --on-light-outline-solid-primary-active: #C4C4C4FF;
658
+ --on-light-outline-solid-secondary-hover: #DBDBDBFF;
659
+ --on-light-outline-solid-secondary-active: #8F8F8FFF;
660
+ --on-light-outline-solid-tertiary-hover: #A3A3A3FF;
661
+ --on-light-outline-solid-tertiary-active: #5C5C5CFF;
662
+ --on-light-outline-transparent-primary-hover: #08080852;
663
+ --on-light-outline-transparent-primary-active: #08080838;
664
+ --on-light-outline-transparent-secondary-hover: #0808082B;
665
+ --on-light-outline-transparent-secondary-active: #08080872;
666
+ --on-light-outline-transparent-tertiary-hover: #08080847;
667
+ --on-light-outline-transparent-tertiary-active: #080808FF;
682
668
  --on-light-outline-clear-hover: #00000000;
683
669
  --on-light-outline-clear-active: #00000000;
684
- --on-light-outline-accent-hover: #14B32EFF;
670
+ --on-light-outline-accent-hover: #15BC31FF;
685
671
  --on-light-outline-accent-active: #0C6A1BFF;
686
- --on-light-outline-accent-minor-hover: #47DC62FF;
687
- --on-light-outline-accent-minor-active: #21B03CFF;
688
- --on-light-outline-transparent-accent-hover: #108E25FF;
689
- --on-light-outline-transparent-accent-active: #108E253D;
690
- --on-light-outline-promo-hover: #000000FF;
691
- --on-light-outline-promo-active: #CCCCCCFF;
692
- --on-light-outline-promo-minor-hover: #000000FF;
693
- --on-light-outline-promo-minor-active: #CCCCCCFF;
694
- --on-light-outline-positive-hover: #14B32EFF;
672
+ --on-light-outline-accent-minor-hover: #7AE68EFF;
673
+ --on-light-outline-accent-minor-active: #23B83EFF;
674
+ --on-light-outline-transparent-accent-hover: #108E251F;
675
+ --on-light-outline-transparent-accent-active: #108E2552;
676
+ --on-light-outline-positive-hover: #15BC31FF;
695
677
  --on-light-outline-positive-active: #0C6A1BFF;
696
- --on-light-outline-warning-hover: #FD6B17FF;
697
- --on-light-outline-warning-active: #C04802FF;
698
- --on-light-outline-negative-hover: #F54254FF;
699
- --on-light-outline-negative-active: #DA0B20FF;
700
- --on-light-outline-info-hover: #0D96F2FF;
701
- --on-light-outline-info-active: #0966A5FF;
702
- --on-light-outline-positive-minor-hover: #47DC62FF;
703
- --on-light-outline-positive-minor-active: #21B03CFF;
678
+ --on-light-outline-warning-hover: #FD9253FF;
679
+ --on-light-outline-warning-active: #CA4B02FF;
680
+ --on-light-outline-negative-hover: #F87C89FF;
681
+ --on-light-outline-negative-active: #E40C22FF;
682
+ --on-light-outline-info-hover: #47B0F5FF;
683
+ --on-light-outline-info-active: #096CAEFF;
684
+ --on-light-outline-positive-minor-hover: #7AE68EFF;
685
+ --on-light-outline-positive-minor-active: #23B83EFF;
704
686
  --on-light-outline-warning-minor-hover: #FDB790FF;
705
687
  --on-light-outline-warning-minor-active: #FC8240FF;
706
688
  --on-light-outline-negative-minor-hover: #FFB8BFFF;
707
689
  --on-light-outline-negative-minor-active: #FF6675FF;
708
- --on-light-outline-info-minor-hover: #7ACAFFFF;
690
+ --on-light-outline-info-minor-hover: #A3DAFFFF;
709
691
  --on-light-outline-info-minor-active: #29A9FFFF;
710
- --on-light-outline-transparent-positive-hover: #108E25FF;
711
- --on-light-outline-transparent-positive-active: #108E253D;
712
- --on-light-outline-transparent-warning-hover: #E85702FF;
713
- --on-light-outline-transparent-warning-active: #E857023D;
714
- --on-light-outline-transparent-negative-hover: #F31B31FF;
715
- --on-light-outline-transparent-negative-active: #F31B313D;
716
- --on-light-outline-transparent-info-hover: #0B7ECBFF;
717
- --on-light-outline-transparent-info-active: #0B7ECB3D;
692
+ --on-light-outline-transparent-positive-hover: #108E251F;
693
+ --on-light-outline-transparent-positive-active: #108E2552;
694
+ --on-light-outline-transparent-warning-hover: #E857021F;
695
+ --on-light-outline-transparent-warning-active: #E8570252;
696
+ --on-light-outline-transparent-negative-hover: #F31B311F;
697
+ --on-light-outline-transparent-negative-active: #F31B3152;
698
+ --on-light-outline-transparent-info-hover: #0B7ECB1F;
699
+ --on-light-outline-transparent-info-active: #0B7ECB52;
718
700
  --on-light-outline-clear: #00000000;
719
701
  --on-light-outline-transparent-accent: #108E2633;
720
702
  --on-light-outline-positive: #108E26;
@@ -738,56 +720,52 @@
738
720
  --on-light-outline-transparent-tertiary: #0808088F;
739
721
  --on-light-outline-solid-secondary: #B3B3B3;
740
722
  --on-light-outline-solid-default: #080808;
741
- --on-light-outline-solid-default-hover: #595959FF;
742
- --on-light-outline-solid-default-active: #303030FF;
743
- --inverse-outline-solid-primary-hover: #787878FF;
744
- --inverse-outline-solid-primary-active: #4F4F4FFF;
745
- --inverse-outline-solid-secondary-hover: #636363FF;
746
- --inverse-outline-solid-secondary-active: #454545FF;
747
- --inverse-outline-solid-tertiary-hover: #949494FF;
748
- --inverse-outline-solid-tertiary-active: #7A7A7AFF;
749
- --inverse-outline-transparent-primary-hover: #FFFFFF0A;
750
- --inverse-outline-transparent-primary-active: #FFFFFF29;
751
- --inverse-outline-transparent-secondary-hover: #FFFFFF33;
752
- --inverse-outline-transparent-secondary-active: #FFFFFF52;
753
- --inverse-outline-transparent-tertiary-hover: #FFFFFF7A;
754
- --inverse-outline-transparent-tertiary-active: #FFFFFF99;
723
+ --on-light-outline-solid-default-hover: #969696FF;
724
+ --on-light-outline-solid-default-active: #080808FF;
725
+ --inverse-outline-solid-primary-hover: #545454FF;
726
+ --inverse-outline-solid-primary-active: #171717FF;
727
+ --inverse-outline-solid-secondary-hover: #ABABABFF;
728
+ --inverse-outline-solid-secondary-active: #363636FF;
729
+ --inverse-outline-solid-tertiary-hover: #FFFFFFFF;
730
+ --inverse-outline-solid-tertiary-active: #525252FF;
731
+ --inverse-outline-transparent-primary-hover: #FFFFFF4D;
732
+ --inverse-outline-transparent-primary-active: #FFFFFF12;
733
+ --inverse-outline-transparent-secondary-hover: #FFFFFFB3;
734
+ --inverse-outline-transparent-secondary-active: #FFFFFF2B;
735
+ --inverse-outline-transparent-tertiary-hover: #FFFFFFFF;
736
+ --inverse-outline-transparent-tertiary-active: #FFFFFF47;
755
737
  --inverse-outline-clear-hover: #00000000;
756
738
  --inverse-outline-clear-active: #00000000;
757
- --inverse-outline-accent-hover: #2BD44AFF;
758
- --inverse-outline-accent-active: #1D9032FF;
759
- --inverse-outline-accent-minor-hover: #11A72CFF;
760
- --inverse-outline-accent-minor-active: #0D8222FF;
761
- --inverse-outline-transparent-accent-hover: #24B23EFF;
762
- --inverse-outline-transparent-accent-active: #24B23E56;
763
- --inverse-outline-promo-hover: #000000FF;
764
- --inverse-outline-promo-active: #CCCCCCFF;
765
- --inverse-outline-promo-minor-hover: #000000FF;
766
- --inverse-outline-promo-minor-active: #CCCCCCFF;
767
- --inverse-outline-positive-hover: #2BD44AFF;
768
- --inverse-outline-positive-active: #1D9032FF;
769
- --inverse-outline-warning-hover: #FF8B4DFF;
770
- --inverse-outline-warning-active: #FA5700FF;
771
- --inverse-outline-negative-hover: #FF6675FF;
772
- --inverse-outline-negative-active: #FF142CFF;
773
- --inverse-outline-info-hover: #3FABF3FF;
774
- --inverse-outline-info-active: #0D84D3FF;
775
- --inverse-outline-positive-minor-hover: #11A72CFF;
776
- --inverse-outline-positive-minor-active: #0D8222FF;
777
- --inverse-outline-warning-minor-hover: #CD5713FF;
778
- --inverse-outline-warning-minor-active: #A84710FF;
779
- --inverse-outline-negative-minor-hover: #C2192AFF;
780
- --inverse-outline-negative-minor-active: #7A101AFF;
781
- --inverse-outline-info-minor-hover: #1483CCFF;
782
- --inverse-outline-info-minor-active: #116BA7FF;
783
- --inverse-outline-transparent-positive-hover: #24B23EFF;
784
- --inverse-outline-transparent-positive-active: #24B23E56;
785
- --inverse-outline-transparent-warning-hover: #FF7024FF;
786
- --inverse-outline-transparent-warning-active: #FF702456;
787
- --inverse-outline-transparent-negative-hover: #FF3D51FF;
788
- --inverse-outline-transparent-negative-active: #FF3D5156;
789
- --inverse-outline-transparent-info-hover: #199AF0FF;
790
- --inverse-outline-transparent-info-active: #199AF056;
739
+ --inverse-outline-accent-hover: #5EDE76FF;
740
+ --inverse-outline-accent-active: #1F9835FF;
741
+ --inverse-outline-accent-minor-hover: #0F9527FF;
742
+ --inverse-outline-accent-minor-active: #074A14FF;
743
+ --inverse-outline-transparent-accent-hover: #24B23EB3;
744
+ --inverse-outline-transparent-accent-active: #24B23E2B;
745
+ --inverse-outline-positive-hover: #5EDE76FF;
746
+ --inverse-outline-positive-active: #1F9835FF;
747
+ --inverse-outline-warning-hover: #FFA575FF;
748
+ --inverse-outline-warning-active: #FF5D05FF;
749
+ --inverse-outline-negative-hover: #FF8F9AFF;
750
+ --inverse-outline-negative-active: #FF1F35FF;
751
+ --inverse-outline-info-hover: #66BCF5FF;
752
+ --inverse-outline-info-active: #0E8ADDFF;
753
+ --inverse-outline-positive-minor-hover: #0F9527FF;
754
+ --inverse-outline-positive-minor-active: #074A14FF;
755
+ --inverse-outline-warning-minor-hover: #BB4F11FF;
756
+ --inverse-outline-warning-minor-active: #70300AFF;
757
+ --inverse-outline-negative-minor-hover: #D41C2EFF;
758
+ --inverse-outline-negative-minor-active: #8C121EFF;
759
+ --inverse-outline-info-minor-hover: #1277BAFF;
760
+ --inverse-outline-info-minor-active: #0B476FFF;
761
+ --inverse-outline-transparent-positive-hover: #24B23EB3;
762
+ --inverse-outline-transparent-positive-active: #24B23E2B;
763
+ --inverse-outline-transparent-warning-hover: #FF7024B3;
764
+ --inverse-outline-transparent-warning-active: #FF70242B;
765
+ --inverse-outline-transparent-negative-hover: #FF3D51B3;
766
+ --inverse-outline-transparent-negative-active: #FF3D512B;
767
+ --inverse-outline-transparent-info-hover: #199AF0B3;
768
+ --inverse-outline-transparent-info-active: #199AF02B;
791
769
  --inverse-outline-clear: #00000000;
792
770
  --inverse-outline-transparent-accent: #24B23E47;
793
771
  --inverse-outline-transparent-positive: #24B23E47;
@@ -811,44 +789,44 @@
811
789
  --inverse-outline-solid-secondary: #4E4E4E;
812
790
  --inverse-outline-solid-tertiary: #858585;
813
791
  --inverse-outline-solid-default: #F9F9F9;
814
- --inverse-outline-solid-default-hover: #FFFFFFFF;
815
- --inverse-outline-solid-default-active: #C7C7C7FF;
792
+ --inverse-outline-solid-default-hover: #808080FF;
793
+ --inverse-outline-solid-default-active: #616161FF;
816
794
  --data-yellow: #F3A912;
817
795
  --data-yellow-hover: #F5B638FF;
818
796
  --data-yellow-active: #E49C0CFF;
819
797
  --data-yellow-minor: #FFD37A;
820
- --data-yellow-minor-hover: #FFDA8FFF;
798
+ --data-yellow-minor-hover: #FFCF70FF;
821
799
  --data-yellow-minor-active: #FFCC66FF;
822
800
  --data-yellow-transparent: #F3A9128F;
823
- --data-yellow-transparent-hover: #F3A8127A;
824
- --data-yellow-transparent-active: #F3A81299;
801
+ --data-yellow-transparent-hover: #F3A8129E;
802
+ --data-yellow-transparent-active: #F3A812A3;
825
803
  --on-dark-data-yellow: #F3A912;
826
- --on-dark-data-yellow-hover: #F5B638FF;
827
- --on-dark-data-yellow-active: #E49C0CFF;
804
+ --on-dark-data-yellow-hover: #F4B22FFF;
805
+ --on-dark-data-yellow-active: #EDA20CFF;
828
806
  --on-dark-data-yellow-minor: #A16B00;
829
807
  --on-dark-data-yellow-minor-hover: #B87A00FF;
830
- --on-dark-data-yellow-minor-active: #8F5F00FF;
808
+ --on-dark-data-yellow-minor-active: #996600FF;
831
809
  --on-dark-data-yellow-transparent: #F3A9128F;
832
- --on-dark-data-yellow-transparent-hover: #F3A8127A;
833
- --on-dark-data-yellow-transparent-active: #F3A81299;
810
+ --on-dark-data-yellow-transparent-hover: #F3A812AD;
811
+ --on-dark-data-yellow-transparent-active: #F3A81280;
834
812
  --on-light-data-yellow: #F3A912;
835
813
  --on-light-data-yellow-hover: #F5B638FF;
836
814
  --on-light-data-yellow-active: #E49C0CFF;
837
815
  --on-light-data-yellow-minor: #FFD37A;
838
- --on-light-data-yellow-minor-hover: #FFDA8FFF;
816
+ --on-light-data-yellow-minor-hover: #FFCF70FF;
839
817
  --on-light-data-yellow-minor-active: #FFCC66FF;
840
818
  --on-light-data-yellow-transparent: #F3A9128F;
841
- --on-light-data-yellow-transparent-hover: #F3A8127A;
842
- --on-light-data-yellow-transparent-active: #F3A81299;
819
+ --on-light-data-yellow-transparent-hover: #F3A8129E;
820
+ --on-light-data-yellow-transparent-active: #F3A812A3;
843
821
  --inverse-data-yellow: #F3A912;
844
- --inverse-data-yellow-hover: #F5B638FF;
845
- --inverse-data-yellow-active: #E49C0CFF;
822
+ --inverse-data-yellow-hover: #F4B22FFF;
823
+ --inverse-data-yellow-active: #EDA20CFF;
846
824
  --inverse-data-yellow-minor: #A16B00;
847
825
  --inverse-data-yellow-minor-hover: #B87A00FF;
848
- --inverse-data-yellow-minor-active: #8F5F00FF;
826
+ --inverse-data-yellow-minor-active: #996600FF;
849
827
  --inverse-data-yellow-transparent: #F3A9128F;
850
- --inverse-data-yellow-transparent-hover: #F3A8127A;
851
- --inverse-data-yellow-transparent-active: #F3A81299;
828
+ --inverse-data-yellow-transparent-hover: #F3A812AD;
829
+ --inverse-data-yellow-transparent-active: #F3A81280;
852
830
  color: var(--text-primary);
853
831
  background-color: var(--background-primary);
854
832
  }
@@ -902,49 +880,17 @@
902
880
  --inverse-surface-skeleton-deep-gradient: linear-gradient(90deg, #FFFFFF5C 0%, #FFFFFF52 6.25%, #FFFFFF33 12.5%, #FFFFFF0A 25%, #FFFFFF33 37.5%, #FFFFFF52 43.75%, #FFFFFF5C 50%, #FFFFFF14 56.25%, #FFFFFF33 62.5%, #FFFFFF0A 75%, #FFFFFF33 87.5%, #FFFFFF52 93.75%, #FFFFFF5C 100%);
903
881
  --inverse-surface-skeleton-deep-gradient-hover: #FFFFFFFF;
904
882
  --inverse-surface-skeleton-deep-gradient-active: #FFFFFFFF;
905
- --outline-accent-gradient-hover: #000000FF;
906
- --outline-accent-gradient-active: #CCCCCCFF;
907
- --outline-accent-minor-gradient-hover: #000000FF;
908
- --outline-accent-minor-gradient-active: #CCCCCCFF;
909
- --outline-transparent-accent-gradient-hover: #000000FF;
910
- --outline-transparent-accent-gradient-active: #CCCCCCFF;
911
- --outline-promo-gradient-hover: #000000FF;
912
- --outline-promo-gradient-active: #CCCCCCFF;
913
- --outline-promo-minor-gradient-hover: #000000FF;
914
- --outline-promo-minor-gradient-active: #CCCCCCFF;
883
+ --outline-accent-gradient-hover: #CCCCCCFF;
884
+ --outline-accent-gradient-active: #E6E6E6FF;
915
885
  --outline-accent-gradient: linear-gradient(45.00deg, #0D8523FF 0%, #0DA8ABFF 100%);
916
- --on-dark-outline-accent-gradient-hover: #000000FF;
917
- --on-dark-outline-accent-gradient-active: #CCCCCCFF;
918
- --on-dark-outline-accent-minor-gradient-hover: #000000FF;
919
- --on-dark-outline-accent-minor-gradient-active: #CCCCCCFF;
920
- --on-dark-outline-transparent-accent-gradient-hover: #000000FF;
921
- --on-dark-outline-transparent-accent-gradient-active: #CCCCCCFF;
922
- --on-dark-outline-promo-gradient-hover: #000000FF;
923
- --on-dark-outline-promo-gradient-active: #CCCCCCFF;
924
- --on-dark-outline-promo-minor-gradient-hover: #000000FF;
925
- --on-dark-outline-promo-minor-gradient-active: #CCCCCCFF;
886
+ --on-dark-outline-accent-gradient-hover: #858585FF;
887
+ --on-dark-outline-accent-gradient-active: #666666FF;
926
888
  --on-dark-outline-accent-gradient: linear-gradient(45.00deg, #1A9E32FF 0%, #04C6C9FF 99.688%);
927
- --on-light-outline-accent-gradient-hover: #000000FF;
928
- --on-light-outline-accent-gradient-active: #CCCCCCFF;
929
- --on-light-outline-accent-minor-gradient-hover: #000000FF;
930
- --on-light-outline-accent-minor-gradient-active: #CCCCCCFF;
931
- --on-light-outline-transparent-accent-gradient-hover: #000000FF;
932
- --on-light-outline-transparent-accent-gradient-active: #CCCCCCFF;
933
- --on-light-outline-promo-gradient-hover: #000000FF;
934
- --on-light-outline-promo-gradient-active: #CCCCCCFF;
935
- --on-light-outline-promo-minor-gradient-hover: #000000FF;
936
- --on-light-outline-promo-minor-gradient-active: #CCCCCCFF;
889
+ --on-light-outline-accent-gradient-hover: #CCCCCCFF;
890
+ --on-light-outline-accent-gradient-active: #E6E6E6FF;
937
891
  --on-light-outline-accent-gradient: linear-gradient(45.00deg, #0D8523FF 0%, #0DA8ABFF 100%);
938
- --inverse-outline-accent-gradient-hover: #000000FF;
939
- --inverse-outline-accent-gradient-active: #CCCCCCFF;
940
- --inverse-outline-accent-minor-gradient-hover: #000000FF;
941
- --inverse-outline-accent-minor-gradient-active: #CCCCCCFF;
942
- --inverse-outline-transparent-accent-gradient-hover: #000000FF;
943
- --inverse-outline-transparent-accent-gradient-active: #CCCCCCFF;
944
- --inverse-outline-promo-gradient-hover: #000000FF;
945
- --inverse-outline-promo-gradient-active: #CCCCCCFF;
946
- --inverse-outline-promo-minor-gradient-hover: #000000FF;
947
- --inverse-outline-promo-minor-gradient-active: #CCCCCCFF;
892
+ --inverse-outline-accent-gradient-hover: #858585FF;
893
+ --inverse-outline-accent-gradient-active: #666666FF;
948
894
  --inverse-outline-accent-gradient: linear-gradient(45.00deg, #1A9E32FF 0%, #04C6C9FF 99.688%);
949
895
  }
950
896