@salutejs/sdds-themes 0.51.0-canary.2373.20371683169.0 → 0.51.0-canary.2374.20371740374.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 (33) hide show
  1. package/css/sdds_dfa.module.css +667 -553
  2. package/css/sdds_dfa__dark.css +292 -236
  3. package/css/sdds_dfa__light.css +375 -317
  4. package/css/sdds_insol.module.css +608 -606
  5. package/css/sdds_insol__dark.css +268 -268
  6. package/css/sdds_insol__light.css +340 -338
  7. package/es/themes/sdds_dfa__dark.js +1 -1
  8. package/es/themes/sdds_dfa__dark.js.map +1 -1
  9. package/es/themes/sdds_dfa__light.js +1 -1
  10. package/es/themes/sdds_dfa__light.js.map +1 -1
  11. package/es/themes/sdds_insol__dark.js +1 -1
  12. package/es/themes/sdds_insol__dark.js.map +1 -1
  13. package/es/themes/sdds_insol__light.js +1 -1
  14. package/es/themes/sdds_insol__light.js.map +1 -1
  15. package/es/tokens/sdds_dfa/index.js +352 -240
  16. package/es/tokens/sdds_dfa/index.js.map +1 -1
  17. package/es/tokens/sdds_insol/index.js +269 -269
  18. package/es/tokens/sdds_insol/index.js.map +1 -1
  19. package/package.json +2 -2
  20. package/themes/sdds_dfa__dark.js +1 -1
  21. package/themes/sdds_dfa__dark.js.map +1 -1
  22. package/themes/sdds_dfa__light.js +1 -1
  23. package/themes/sdds_dfa__light.js.map +1 -1
  24. package/themes/sdds_insol__dark.js +1 -1
  25. package/themes/sdds_insol__dark.js.map +1 -1
  26. package/themes/sdds_insol__light.js +1 -1
  27. package/themes/sdds_insol__light.js.map +1 -1
  28. package/tokens/sdds_dfa/index.d.ts +350 -238
  29. package/tokens/sdds_dfa/index.js +365 -252
  30. package/tokens/sdds_dfa/index.js.map +1 -1
  31. package/tokens/sdds_insol/index.d.ts +268 -268
  32. package/tokens/sdds_insol/index.js +269 -269
  33. package/tokens/sdds_insol/index.js.map +1 -1
package/css/sdds_dfa__dark.css CHANGED
@@ -333,58 +333,56 @@
333
333
  --on-dark-surface-warning-minor: #3D1D0A;
334
334
  --on-dark-surface-negative-minor: #4A0D13;
335
335
  --on-dark-surface-info-minor: #0C283B;
336
- --on-light-surface-solid-primary-hover: #F2F2F2FF;
336
+ --on-light-surface-solid-primary-hover: #FAFAFAFF;
337
337
  --on-light-surface-solid-primary-active: #F0F0F0FF;
338
- --on-light-surface-solid-secondary-hover: #D9D9D9FF;
339
- --on-light-surface-solid-secondary-active: #D4D4D4FF;
340
- --on-light-surface-solid-tertiary-hover: #C2C2C2FF;
341
- --on-light-surface-solid-tertiary-active: #BDBDBDFF;
338
+ --on-light-surface-solid-secondary-hover: #E8E8E8FF;
339
+ --on-light-surface-solid-secondary-active: #D9D9D9FF;
340
+ --on-light-surface-solid-tertiary-hover: #D1D1D1FF;
341
+ --on-light-surface-solid-tertiary-active: #C2C2C2FF;
342
342
  --on-light-surface-solid-card-hover: #FFFFFFFF;
343
343
  --on-light-surface-solid-card-active: #FFFFFFFF;
344
- --on-light-surface-solid-default-hover: #262626FF;
344
+ --on-light-surface-solid-default-hover: #0D0D0DFF;
345
345
  --on-light-surface-solid-default-active: #030303FF;
346
- --on-light-surface-transparent-primary-hover: #0808080A;
347
- --on-light-surface-transparent-primary-active: #0808080D;
348
- --on-light-surface-transparent-secondary-hover: #08080814;
349
- --on-light-surface-transparent-secondary-active: #0808081A;
350
- --on-light-surface-transparent-tertiary-hover: #0808082E;
351
- --on-light-surface-transparent-tertiary-active: #08080833;
352
- --on-light-surface-transparent-deep-hover: #080808B3;
353
- --on-light-surface-transparent-deep-active: #080808B8;
346
+ --on-light-surface-transparent-primary-hover: #08080812;
347
+ --on-light-surface-transparent-primary-active: #08080803;
348
+ --on-light-surface-transparent-secondary-hover: #0808081F;
349
+ --on-light-surface-transparent-secondary-active: #0808080A;
350
+ --on-light-surface-transparent-tertiary-hover: #0808083D;
351
+ --on-light-surface-transparent-tertiary-active: #0808080F;
352
+ --on-light-surface-transparent-deep-hover: #080808C2;
353
+ --on-light-surface-transparent-deep-active: #08080894;
354
354
  --on-light-surface-transparent-card-hover: #FFFFFFFF;
355
355
  --on-light-surface-transparent-card-active: #FFFFFFFF;
356
356
  --on-light-surface-clear-hover: #FFFFFF00;
357
357
  --on-light-surface-clear-active: #FFFFFF00;
358
358
  --on-light-surface-accent-hover: #05AD7EFF;
359
- --on-light-surface-accent-active: #048661FF;
360
- --on-light-surface-accent-minor-hover: #84FBD9FF;
361
- --on-light-surface-accent-minor-active: #7AFAD6FF;
362
- --on-light-surface-transparent-accent-hover: #00AD7C2E;
363
- --on-light-surface-transparent-accent-active: #00AD7C33;
364
- --on-light-surface-positive-hover: #1EB83AFF;
365
- --on-light-surface-positive-active: #178C2CFF;
366
- --on-light-surface-warning-hover: #FB782DFF;
367
- --on-light-surface-warning-active: #E65705FF;
368
- --on-light-surface-negative-hover: #FF5263FF;
369
- --on-light-surface-negative-active: #FF142CFF;
370
- --on-light-surface-info-hover: #209CEEFF;
371
- --on-light-surface-info-active: #0F81CCFF;
372
- --on-light-surface-positive-minor-hover: #94F9A7FF;
373
- --on-light-surface-positive-minor-active: #8BF99FFF;
374
- --on-light-surface-warning-minor-hover: #FEDCC8FF;
375
- --on-light-surface-warning-minor-active: #FED9C3FF;
376
- --on-light-surface-negative-minor-hover: #FFD6DAFF;
377
- --on-light-surface-negative-minor-active: #FFD1D6FF;
378
- --on-light-surface-info-minor-hover: #C7E9FFFF;
379
- --on-light-surface-info-minor-active: #C2E7FFFF;
380
- --on-light-surface-transparent-positive-hover: #1A9E322E;
381
- --on-light-surface-transparent-positive-active: #1A9E3233;
382
- --on-light-surface-transparent-warning-hover: #FA5F052E;
383
- --on-light-surface-transparent-warning-active: #FA5F0533;
384
- --on-light-surface-transparent-negative-hover: #FF293E2E;
385
- --on-light-surface-transparent-negative-active: #FF293E33;
386
- --on-light-surface-transparent-info-hover: #118CDF2E;
387
- --on-light-surface-transparent-info-active: #118CDF33;
359
+ --on-light-surface-accent-active: #048F68FF;
360
+ --on-light-surface-transparent-accent-hover: #00AD7C3D;
361
+ --on-light-surface-transparent-accent-active: #00AD7C0F;
362
+ --on-light-surface-positive-hover: #1DAF37FF;
363
+ --on-light-surface-positive-active: #18952FFF;
364
+ --on-light-surface-warning-hover: #FB7223FF;
365
+ --on-light-surface-warning-active: #F05B05FF;
366
+ --on-light-surface-negative-hover: #FF475AFF;
367
+ --on-light-surface-negative-active: #FF1F35FF;
368
+ --on-light-surface-info-hover: #1798EEFF;
369
+ --on-light-surface-info-active: #1086D5FF;
370
+ --on-light-surface-positive-minor-hover: #B1FBBFFF;
371
+ --on-light-surface-positive-minor-active: #94F9A7FF;
372
+ --on-light-surface-warning-minor-hover: #FEE9DCFF;
373
+ --on-light-surface-warning-minor-active: #FEDCC8FF;
374
+ --on-light-surface-negative-minor-hover: #FFEBEDFF;
375
+ --on-light-surface-negative-minor-active: #FFD6DAFF;
376
+ --on-light-surface-info-minor-hover: #DBF1FFFF;
377
+ --on-light-surface-info-minor-active: #C7E9FFFF;
378
+ --on-light-surface-transparent-positive-hover: #1A9E323D;
379
+ --on-light-surface-transparent-positive-active: #1A9E320F;
380
+ --on-light-surface-transparent-warning-hover: #FA5F053D;
381
+ --on-light-surface-transparent-warning-active: #FA5F050F;
382
+ --on-light-surface-transparent-negative-hover: #FF293E3D;
383
+ --on-light-surface-transparent-negative-active: #FF293E0F;
384
+ --on-light-surface-transparent-info-hover: #118CDF3D;
385
+ --on-light-surface-transparent-info-active: #118CDF0F;
388
386
  --on-light-surface-solid-primary: #F5F5F5;
389
387
  --on-light-surface-solid-primary-brightness: #F6F6F6FF;
390
388
  --on-light-surface-solid-secondary: #DDDDDD;
@@ -414,56 +412,58 @@
414
412
  --on-light-surface-info-minor: #CFECFF;
415
413
  --on-light-surface-transparent-info: #118CDF1F;
416
414
  --on-light-surface-transparent-primary: #08080808;
417
- --inverse-surface-solid-primary-hover: #F2F2F2FF;
415
+ --inverse-surface-solid-primary-hover: #FAFAFAFF;
418
416
  --inverse-surface-solid-primary-active: #F0F0F0FF;
419
- --inverse-surface-solid-secondary-hover: #D9D9D9FF;
420
- --inverse-surface-solid-secondary-active: #D4D4D4FF;
421
- --inverse-surface-solid-tertiary-hover: #C2C2C2FF;
422
- --inverse-surface-solid-tertiary-active: #BDBDBDFF;
417
+ --inverse-surface-solid-secondary-hover: #E8E8E8FF;
418
+ --inverse-surface-solid-secondary-active: #D9D9D9FF;
419
+ --inverse-surface-solid-tertiary-hover: #D1D1D1FF;
420
+ --inverse-surface-solid-tertiary-active: #C2C2C2FF;
423
421
  --inverse-surface-solid-card-hover: #FFFFFFFF;
424
422
  --inverse-surface-solid-card-active: #FFFFFFFF;
425
- --inverse-surface-solid-default-hover: #262626FF;
423
+ --inverse-surface-solid-default-hover: #0D0D0DFF;
426
424
  --inverse-surface-solid-default-active: #030303FF;
427
- --inverse-surface-transparent-primary-hover: #0808080A;
428
- --inverse-surface-transparent-primary-active: #0808080D;
429
- --inverse-surface-transparent-secondary-hover: #08080814;
430
- --inverse-surface-transparent-secondary-active: #0808081A;
431
- --inverse-surface-transparent-tertiary-hover: #0808082E;
432
- --inverse-surface-transparent-tertiary-active: #08080833;
433
- --inverse-surface-transparent-deep-hover: #080808B3;
434
- --inverse-surface-transparent-deep-active: #080808B8;
425
+ --inverse-surface-transparent-primary-hover: #08080812;
426
+ --inverse-surface-transparent-primary-active: #08080803;
427
+ --inverse-surface-transparent-secondary-hover: #0808081F;
428
+ --inverse-surface-transparent-secondary-active: #0808080A;
429
+ --inverse-surface-transparent-tertiary-hover: #0808083D;
430
+ --inverse-surface-transparent-tertiary-active: #0808080F;
431
+ --inverse-surface-transparent-deep-hover: #080808C2;
432
+ --inverse-surface-transparent-deep-active: #08080894;
435
433
  --inverse-surface-transparent-card-hover: #FFFFFFFF;
436
434
  --inverse-surface-transparent-card-active: #FFFFFFFF;
437
435
  --inverse-surface-clear-hover: #FFFFFF00;
438
436
  --inverse-surface-clear-active: #FFFFFF00;
439
437
  --inverse-surface-accent-hover: #05AD7EFF;
440
- --inverse-surface-accent-active: #048661FF;
441
- --inverse-surface-accent-minor-hover: #84FBD9FF;
442
- --inverse-surface-accent-minor-active: #7AFAD6FF;
443
- --inverse-surface-transparent-accent-hover: #00AD7C2E;
444
- --inverse-surface-transparent-accent-active: #00AD7C33;
445
- --inverse-surface-positive-hover: #1EB83AFF;
446
- --inverse-surface-positive-active: #178C2CFF;
447
- --inverse-surface-warning-hover: #FB782DFF;
448
- --inverse-surface-warning-active: #E65705FF;
449
- --inverse-surface-negative-hover: #FF5263FF;
450
- --inverse-surface-negative-active: #FF142CFF;
451
- --inverse-surface-positive-minor-hover: #94F9A7FF;
452
- --inverse-surface-positive-minor-active: #8BF99FFF;
453
- --inverse-surface-warning-minor-hover: #FEDCC8FF;
454
- --inverse-surface-warning-minor-active: #FED9C3FF;
455
- --inverse-surface-negative-minor-hover: #FFD6DAFF;
456
- --inverse-surface-negative-minor-active: #FFD1D6FF;
457
- --inverse-surface-info-minor-hover: #C7E9FFFF;
458
- --inverse-surface-info-minor-active: #C2E7FFFF;
459
- --inverse-surface-transparent-positive-hover: #1A9E322E;
460
- --inverse-surface-transparent-positive-active: #1A9E3233;
461
- --inverse-surface-transparent-warning-hover: #FA5F052E;
462
- --inverse-surface-transparent-warning-active: #FA5F0533;
463
- --inverse-surface-transparent-negative-hover: #FF293E2E;
464
- --inverse-surface-transparent-negative-active: #FF293E33;
465
- --inverse-surface-transparent-info-hover: #118CDF2E;
466
- --inverse-surface-transparent-info-active: #118CDF33;
438
+ --inverse-surface-accent-active: #048F68FF;
439
+ --inverse-surface-accent-minor-hover: #A1FCE2FF;
440
+ --inverse-surface-accent-minor-active: #84FBD9FF;
441
+ --inverse-surface-transparent-accent-hover: #00AD7C3D;
442
+ --inverse-surface-transparent-accent-active: #00AD7C0F;
443
+ --inverse-surface-positive-hover: #1DAF37FF;
444
+ --inverse-surface-positive-active: #18952FFF;
445
+ --inverse-surface-warning-hover: #FB7223FF;
446
+ --inverse-surface-warning-active: #F05B05FF;
447
+ --inverse-surface-negative-hover: #FF475AFF;
448
+ --inverse-surface-negative-active: #FF1F35FF;
449
+ --inverse-surface-info-hover: #1798EEFF;
450
+ --inverse-surface-info-active: #1086D5FF;
451
+ --inverse-surface-positive-minor-hover: #B1FBBFFF;
452
+ --inverse-surface-positive-minor-active: #94F9A7FF;
453
+ --inverse-surface-warning-minor-hover: #FEE9DCFF;
454
+ --inverse-surface-warning-minor-active: #FEDCC8FF;
455
+ --inverse-surface-negative-minor-hover: #FFEBEDFF;
456
+ --inverse-surface-negative-minor-active: #FFD6DAFF;
457
+ --inverse-surface-info-minor-hover: #DBF1FFFF;
458
+ --inverse-surface-info-minor-active: #C7E9FFFF;
459
+ --inverse-surface-transparent-positive-hover: #1A9E323D;
460
+ --inverse-surface-transparent-positive-active: #1A9E320F;
461
+ --inverse-surface-transparent-warning-hover: #FA5F053D;
462
+ --inverse-surface-transparent-warning-active: #FA5F050F;
463
+ --inverse-surface-transparent-negative-hover: #FF293E3D;
464
+ --inverse-surface-transparent-negative-active: #FF293E0F;
465
+ --inverse-surface-transparent-info-hover: #118CDF3D;
466
+ --inverse-surface-transparent-info-active: #118CDF0F;
467
467
  --inverse-surface-solid-primary: #F5F5F5;
468
468
  --inverse-surface-solid-primary-brightness: #F6F6F6FF;
469
469
  --inverse-surface-solid-secondary: #DDDDDD;
@@ -510,54 +510,60 @@
510
510
  --inverse-overlay-soft: #F9F9F98F;
511
511
  --inverse-overlay-hard: #F9F9F9F5;
512
512
  --inverse-overlay-blur: #F9F9F933;
513
- --outline-solid-primary-hover: #545454FF;
514
- --outline-solid-primary-active: #171717FF;
515
- --outline-solid-secondary-hover: #ABABABFF;
516
- --outline-solid-secondary-active: #363636FF;
517
- --outline-solid-tertiary-hover: #FFFFFFFF;
518
- --outline-solid-tertiary-active: #525252FF;
519
- --outline-transparent-primary-hover: #FFFFFF4D;
520
- --outline-transparent-primary-active: #FFFFFF12;
521
- --outline-transparent-secondary-hover: #FFFFFFB3;
522
- --outline-transparent-secondary-active: #FFFFFF2B;
523
- --outline-transparent-tertiary-hover: #FFFFFFFF;
524
- --outline-transparent-tertiary-active: #FFFFFF47;
513
+ --outline-solid-primary-hover: #FFFFFFFF;
514
+ --outline-solid-primary-active: #ADADADFF;
515
+ --outline-solid-secondary-hover: #595959FF;
516
+ --outline-solid-secondary-active: #4A4A4AFF;
517
+ --outline-solid-tertiary-hover: #8F8F8FFF;
518
+ --outline-solid-tertiary-active: #808080FF;
519
+ --outline-transparent-default-hover: #FAFAFA93;
520
+ --outline-transparent-default-active: #FAFAFAC4;
521
+ --outline-transparent-primary-hover: #FFFFFF3D;
522
+ --outline-transparent-primary-active: #FFFFFF0F;
523
+ --outline-transparent-secondary-hover: #FFFFFF66;
524
+ --outline-transparent-secondary-active: #FFFFFF38;
525
+ --outline-transparent-tertiary-hover: #FFFFFFAD;
526
+ --outline-transparent-tertiary-active: #FFFFFF80;
525
527
  --outline-clear-hover: #FFFFFF00;
526
528
  --outline-clear-active: #FFFFFF00;
527
- --outline-accent-hover: #58EEC4FF;
529
+ --outline-accent-hover: #17E8ADFF;
528
530
  --outline-accent-active: #11B083FF;
529
- --outline-accent-minor-hover: #199F79FF;
530
- --outline-accent-minor-active: #0B4736FF;
531
- --outline-transparent-accent-hover: #14CC98B3;
532
- --outline-transparent-accent-active: #14CC982B;
533
- --outline-positive-hover: #5EDE76FF;
531
+ --outline-accent-minor-hover: #168D6BFF;
532
+ --outline-accent-minor-active: #127357FF;
533
+ --outline-transparent-accent-hover: #14CC98FF;
534
+ --outline-transparent-accent-active: #14CC9856;
535
+ --outline-promo-hover: #CCCCCCFF;
536
+ --outline-promo-active: #E6E6E6FF;
537
+ --outline-promo-minor-hover: #CCCCCCFF;
538
+ --outline-promo-minor-active: #E6E6E6FF;
539
+ --outline-positive-hover: #2ACB47FF;
534
540
  --outline-positive-active: #1F9835FF;
535
- --outline-warning-hover: #FFA575FF;
541
+ --outline-warning-hover: #FF8442FF;
536
542
  --outline-warning-active: #FF5D05FF;
537
- --outline-negative-hover: #FF8F9AFF;
543
+ --outline-negative-hover: #FF5C6CFF;
538
544
  --outline-negative-active: #FF1F35FF;
539
545
  --outline-info-hover: #66BCF5FF;
540
546
  --outline-info-active: #0E8ADDFF;
541
547
  --outline-positive-minor-hover: #0F9527FF;
542
- --outline-positive-minor-active: #074A14FF;
548
+ --outline-positive-minor-active: #0C7920FF;
543
549
  --outline-warning-minor-hover: #BB4F11FF;
544
- --outline-warning-minor-active: #70300AFF;
545
- --outline-negative-minor-hover: #D41C2EFF;
546
- --outline-negative-minor-active: #8C121EFF;
550
+ --outline-warning-minor-active: #9F440FFF;
551
+ --outline-negative-minor-hover: #B91828FF;
552
+ --outline-negative-minor-active: #83111CFF;
547
553
  --outline-info-minor-hover: #1277BAFF;
548
- --outline-info-minor-active: #0B476FFF;
554
+ --outline-info-minor-active: #10659EFF;
549
555
  --outline-transparent-positive: #1A9E3247;
550
- --outline-transparent-positive-hover: #1A9E32B3;
551
- --outline-transparent-positive-active: #1A9E322B;
556
+ --outline-transparent-positive-hover: #1A9E32FF;
557
+ --outline-transparent-positive-active: #1A9E3256;
552
558
  --outline-transparent-warning: #FA5F0547;
553
- --outline-transparent-warning-hover: #FA5F05B3;
554
- --outline-transparent-warning-active: #FA5F052B;
559
+ --outline-transparent-warning-hover: #FA5F05FF;
560
+ --outline-transparent-warning-active: #FA5F0556;
555
561
  --outline-transparent-negative: #FF293E47;
556
- --outline-transparent-negative-hover: #FF293EB3;
557
- --outline-transparent-negative-active: #FF293E2B;
562
+ --outline-transparent-negative-hover: #FF293EFF;
563
+ --outline-transparent-negative-active: #FF293E56;
558
564
  --outline-transparent-info: #118CDF47;
559
- --outline-transparent-info-hover: #118CDFB3;
560
- --outline-transparent-info-active: #118CDF2B;
565
+ --outline-transparent-info-hover: #118CDFFF;
566
+ --outline-transparent-info-active: #118CDF56;
561
567
  --outline-solid-primary: #262626;
562
568
  --outline-clear: #FFFFFF00;
563
569
  --outline-accent: #14CC98;
@@ -576,54 +582,60 @@
576
582
  --outline-transparent-tertiary: #FFFFFF8F;
577
583
  --outline-solid-secondary: #4E4E4E;
578
584
  --outline-solid-tertiary: #858585;
579
- --on-dark-outline-solid-primary-hover: #545454FF;
580
- --on-dark-outline-solid-primary-active: #171717FF;
581
- --on-dark-outline-solid-secondary-hover: #ABABABFF;
582
- --on-dark-outline-solid-secondary-active: #363636FF;
583
- --on-dark-outline-solid-tertiary-hover: #FFFFFFFF;
584
- --on-dark-outline-solid-tertiary-active: #525252FF;
585
- --on-dark-outline-transparent-primary-hover: #FFFFFF4D;
586
- --on-dark-outline-transparent-primary-active: #FFFFFF12;
587
- --on-dark-outline-transparent-secondary-hover: #FFFFFFB3;
588
- --on-dark-outline-transparent-secondary-active: #FFFFFF2B;
589
- --on-dark-outline-transparent-tertiary-hover: #FFFFFFFF;
590
- --on-dark-outline-transparent-tertiary-active: #FFFFFF47;
585
+ --on-dark-outline-solid-primary-hover: #FFFFFFFF;
586
+ --on-dark-outline-solid-primary-active: #ADADADFF;
587
+ --on-dark-outline-solid-secondary-hover: #595959FF;
588
+ --on-dark-outline-solid-secondary-active: #4A4A4AFF;
589
+ --on-dark-outline-solid-tertiary-hover: #8F8F8FFF;
590
+ --on-dark-outline-solid-tertiary-active: #808080FF;
591
+ --on-dark-outline-transparent-default-hover: #FAFAFA93;
592
+ --on-dark-outline-transparent-default-active: #FAFAFAC4;
593
+ --on-dark-outline-transparent-primary-hover: #FFFFFF3D;
594
+ --on-dark-outline-transparent-primary-active: #FFFFFF0F;
595
+ --on-dark-outline-transparent-secondary-hover: #FFFFFF66;
596
+ --on-dark-outline-transparent-secondary-active: #FFFFFF38;
597
+ --on-dark-outline-transparent-tertiary-hover: #FFFFFFAD;
598
+ --on-dark-outline-transparent-tertiary-active: #FFFFFF80;
591
599
  --on-dark-outline-clear-hover: #FFFFFF00;
592
600
  --on-dark-outline-clear-active: #FFFFFF00;
593
- --on-dark-outline-accent-hover: #58EEC4FF;
601
+ --on-dark-outline-accent-hover: #17E8ADFF;
594
602
  --on-dark-outline-accent-active: #11B083FF;
595
- --on-dark-outline-accent-minor-hover: #199F79FF;
596
- --on-dark-outline-accent-minor-active: #0B4736FF;
597
- --on-dark-outline-transparent-accent-hover: #14CC98B3;
598
- --on-dark-outline-transparent-accent-active: #14CC982B;
599
- --on-dark-outline-positive-hover: #5EDE76FF;
603
+ --on-dark-outline-accent-minor-hover: #168D6BFF;
604
+ --on-dark-outline-accent-minor-active: #127357FF;
605
+ --on-dark-outline-transparent-accent-hover: #14CC98FF;
606
+ --on-dark-outline-transparent-accent-active: #14CC9856;
607
+ --on-dark-outline-promo-hover: #CCCCCCFF;
608
+ --on-dark-outline-promo-active: #E6E6E6FF;
609
+ --on-dark-outline-promo-minor-hover: #CCCCCCFF;
610
+ --on-dark-outline-promo-minor-active: #E6E6E6FF;
611
+ --on-dark-outline-positive-hover: #2ACB47FF;
600
612
  --on-dark-outline-positive-active: #1F9835FF;
601
- --on-dark-outline-warning-hover: #FFA575FF;
613
+ --on-dark-outline-warning-hover: #FF8442FF;
602
614
  --on-dark-outline-warning-active: #FF5D05FF;
603
- --on-dark-outline-negative-hover: #FF8F9AFF;
615
+ --on-dark-outline-negative-hover: #FF5C6CFF;
604
616
  --on-dark-outline-negative-active: #FF1F35FF;
605
617
  --on-dark-outline-info-hover: #66BCF5FF;
606
618
  --on-dark-outline-info-active: #0E8ADDFF;
607
619
  --on-dark-outline-positive-minor-hover: #0F9527FF;
608
- --on-dark-outline-positive-minor-active: #074A14FF;
620
+ --on-dark-outline-positive-minor-active: #0C7920FF;
609
621
  --on-dark-outline-warning-minor-hover: #BB4F11FF;
610
- --on-dark-outline-warning-minor-active: #70300AFF;
611
- --on-dark-outline-negative-minor-hover: #D41C2EFF;
612
- --on-dark-outline-negative-minor-active: #8C121EFF;
622
+ --on-dark-outline-warning-minor-active: #9F440FFF;
623
+ --on-dark-outline-negative-minor-hover: #B91828FF;
624
+ --on-dark-outline-negative-minor-active: #83111CFF;
613
625
  --on-dark-outline-info-minor-hover: #1277BAFF;
614
- --on-dark-outline-info-minor-active: #0B476FFF;
626
+ --on-dark-outline-info-minor-active: #10659EFF;
615
627
  --on-dark-outline-transparent-positive: #1A9E3247;
616
- --on-dark-outline-transparent-positive-hover: #1A9E32B3;
617
- --on-dark-outline-transparent-positive-active: #1A9E322B;
628
+ --on-dark-outline-transparent-positive-hover: #1A9E32FF;
629
+ --on-dark-outline-transparent-positive-active: #1A9E3256;
618
630
  --on-dark-outline-transparent-warning: #FA5F0547;
619
- --on-dark-outline-transparent-warning-hover: #FA5F05B3;
620
- --on-dark-outline-transparent-warning-active: #FA5F052B;
631
+ --on-dark-outline-transparent-warning-hover: #FA5F05FF;
632
+ --on-dark-outline-transparent-warning-active: #FA5F0556;
621
633
  --on-dark-outline-transparent-negative: #FF293E47;
622
- --on-dark-outline-transparent-negative-hover: #FF293EB3;
623
- --on-dark-outline-transparent-negative-active: #FF293E2B;
634
+ --on-dark-outline-transparent-negative-hover: #FF293EFF;
635
+ --on-dark-outline-transparent-negative-active: #FF293E56;
624
636
  --on-dark-outline-transparent-info: #118CDF47;
625
- --on-dark-outline-transparent-info-hover: #118CDFB3;
626
- --on-dark-outline-transparent-info-active: #118CDF2B;
637
+ --on-dark-outline-transparent-info-hover: #118CDFFF;
638
+ --on-dark-outline-transparent-info-active: #118CDF56;
627
639
  --on-dark-outline-solid-primary: #262626;
628
640
  --on-dark-outline-clear: #FFFFFF00;
629
641
  --on-dark-outline-accent: #14CC98;
@@ -644,48 +656,54 @@
644
656
  --on-dark-outline-solid-tertiary: #858585;
645
657
  --on-light-outline-solid-primary-hover: #ABABABFF;
646
658
  --on-light-outline-solid-primary-active: #C4C4C4FF;
647
- --on-light-outline-solid-secondary-hover: #DBDBDBFF;
648
- --on-light-outline-solid-secondary-active: #8F8F8FFF;
649
- --on-light-outline-solid-tertiary-hover: #A3A3A3FF;
650
- --on-light-outline-solid-tertiary-active: #5C5C5CFF;
651
- --on-light-outline-transparent-primary-hover: #08080852;
652
- --on-light-outline-transparent-primary-active: #08080838;
653
- --on-light-outline-transparent-secondary-hover: #0808082B;
654
- --on-light-outline-transparent-secondary-active: #08080872;
655
- --on-light-outline-transparent-tertiary-hover: #08080847;
656
- --on-light-outline-transparent-tertiary-active: #080808FF;
659
+ --on-light-outline-solid-secondary-hover: #BDBDBDFF;
660
+ --on-light-outline-solid-secondary-active: #ADADADFF;
661
+ --on-light-outline-solid-tertiary-hover: #FFFFFFFF;
662
+ --on-light-outline-solid-tertiary-active: #737373FF;
663
+ --on-light-outline-transparent-default-hover: #08080893;
664
+ --on-light-outline-transparent-default-active: #080808C4;
665
+ --on-light-outline-transparent-primary-hover: #0808083D;
666
+ --on-light-outline-transparent-primary-active: #0808080F;
667
+ --on-light-outline-transparent-secondary-hover: #08080866;
668
+ --on-light-outline-transparent-secondary-active: #08080838;
669
+ --on-light-outline-transparent-tertiary-hover: #080808AD;
670
+ --on-light-outline-transparent-tertiary-active: #08080880;
657
671
  --on-light-outline-clear-hover: #FFFFFF00;
658
672
  --on-light-outline-clear-active: #FFFFFF00;
659
- --on-light-outline-accent-hover: #06CB93FF;
660
- --on-light-outline-accent-active: #047253FF;
661
- --on-light-outline-accent-minor-hover: #58EEC4FF;
673
+ --on-light-outline-accent-hover: #06B785FF;
674
+ --on-light-outline-accent-active: #047C5AFF;
675
+ --on-light-outline-accent-minor-hover: #17E8ADFF;
662
676
  --on-light-outline-accent-minor-active: #11B083FF;
663
- --on-light-outline-transparent-accent-hover: #05996F1F;
664
- --on-light-outline-transparent-accent-active: #05996F52;
665
- --on-light-outline-positive-hover: #24DB45FF;
666
- --on-light-outline-positive-active: #178C2CFF;
667
- --on-light-outline-warning-hover: #FC9F69FF;
677
+ --on-light-outline-transparent-accent-hover: #05996FFF;
678
+ --on-light-outline-transparent-accent-active: #05996F3D;
679
+ --on-light-outline-promo-hover: #CCCCCCFF;
680
+ --on-light-outline-promo-active: #E6E6E6FF;
681
+ --on-light-outline-promo-minor-hover: #CCCCCCFF;
682
+ --on-light-outline-promo-minor-active: #E6E6E6FF;
683
+ --on-light-outline-positive-hover: #1EB83AFF;
684
+ --on-light-outline-positive-active: #15842AFF;
685
+ --on-light-outline-warning-hover: #FB7223FF;
668
686
  --on-light-outline-warning-active: #DC5304FF;
669
- --on-light-outline-negative-hover: #FF7A88FF;
670
- --on-light-outline-negative-active: #FF001AFF;
671
- --on-light-outline-info-hover: #62B9F3FF;
687
+ --on-light-outline-negative-hover: #FF475AFF;
688
+ --on-light-outline-negative-active: #FF0A23FF;
689
+ --on-light-outline-info-hover: #50B1F2FF;
672
690
  --on-light-outline-info-active: #0F7BC2FF;
673
- --on-light-outline-positive-minor-hover: #7AE68EFF;
691
+ --on-light-outline-positive-minor-hover: #3EDA5BFF;
674
692
  --on-light-outline-positive-minor-active: #23B83EFF;
675
- --on-light-outline-warning-minor-hover: #FDB790FF;
676
- --on-light-outline-warning-minor-active: #FC8240FF;
677
- --on-light-outline-negative-minor-hover: #FFB8BFFF;
678
- --on-light-outline-negative-minor-active: #FF6675FF;
693
+ --on-light-outline-warning-minor-hover: #FDB086FF;
694
+ --on-light-outline-warning-minor-active: #FC884AFF;
695
+ --on-light-outline-negative-minor-hover: #FFADB6FF;
696
+ --on-light-outline-negative-minor-active: #FF707EFF;
679
697
  --on-light-outline-info-minor-hover: #A3DAFFFF;
680
- --on-light-outline-info-minor-active: #29A9FFFF;
681
- --on-light-outline-transparent-positive-hover: #1A9E321F;
682
- --on-light-outline-transparent-positive-active: #1A9E3252;
683
- --on-light-outline-transparent-warning-hover: #FA5F051F;
684
- --on-light-outline-transparent-warning-active: #FA5F0552;
685
- --on-light-outline-transparent-negative-hover: #FF293E1F;
686
- --on-light-outline-transparent-negative-active: #FF293E52;
687
- --on-light-outline-transparent-info-hover: #118CDF1F;
688
- --on-light-outline-transparent-info-active: #118CDF52;
698
+ --on-light-outline-info-minor-active: #33ADFFFF;
699
+ --on-light-outline-transparent-positive-hover: #1A9E32FF;
700
+ --on-light-outline-transparent-positive-active: #1A9E323D;
701
+ --on-light-outline-transparent-warning-hover: #FA5F05FF;
702
+ --on-light-outline-transparent-warning-active: #FA5F053D;
703
+ --on-light-outline-transparent-negative-hover: #FF293EFF;
704
+ --on-light-outline-transparent-negative-active: #FF293E3D;
705
+ --on-light-outline-transparent-info-hover: #118CDFFF;
706
+ --on-light-outline-transparent-info-active: #118CDF3D;
689
707
  --on-light-outline-solid-primary: #DDDDDD;
690
708
  --on-light-outline-solid-tertiary: #707070;
691
709
  --on-light-outline-clear: #FFFFFF00;
@@ -710,51 +728,57 @@
710
728
  --on-light-outline-solid-secondary: #B3B3B3;
711
729
  --inverse-outline-solid-primary-hover: #ABABABFF;
712
730
  --inverse-outline-solid-primary-active: #C4C4C4FF;
713
- --inverse-outline-solid-secondary-hover: #DBDBDBFF;
714
- --inverse-outline-solid-secondary-active: #8F8F8FFF;
715
- --inverse-outline-solid-tertiary-hover: #A3A3A3FF;
716
- --inverse-outline-solid-tertiary-active: #5C5C5CFF;
731
+ --inverse-outline-solid-secondary-hover: #BDBDBDFF;
732
+ --inverse-outline-solid-secondary-active: #ADADADFF;
733
+ --inverse-outline-solid-tertiary-hover: #FFFFFFFF;
734
+ --inverse-outline-solid-tertiary-active: #737373FF;
735
+ --inverse-outline-transparent-default-hover: #08080893;
736
+ --inverse-outline-transparent-default-active: #080808C4;
717
737
  --inverse-outline-transparent-primary: #0808081F;
718
- --inverse-outline-transparent-primary-hover: #08080852;
719
- --inverse-outline-transparent-primary-active: #08080838;
738
+ --inverse-outline-transparent-primary-hover: #080808FF;
739
+ --inverse-outline-transparent-primary-active: #08080825;
720
740
  --inverse-outline-transparent-secondary: #08080847;
721
- --inverse-outline-transparent-secondary-hover: #0808082B;
722
- --inverse-outline-transparent-secondary-active: #08080872;
741
+ --inverse-outline-transparent-secondary-hover: #080808FF;
742
+ --inverse-outline-transparent-secondary-active: #08080856;
723
743
  --inverse-outline-transparent-tertiary: #0808088F;
724
- --inverse-outline-transparent-tertiary-hover: #08080847;
725
- --inverse-outline-transparent-tertiary-active: #080808FF;
744
+ --inverse-outline-transparent-tertiary-hover: #080808FF;
745
+ --inverse-outline-transparent-tertiary-active: #080808AB;
726
746
  --inverse-outline-clear-hover: #FFFFFF00;
727
747
  --inverse-outline-clear-active: #FFFFFF00;
728
- --inverse-outline-accent-hover: #06CB93FF;
729
- --inverse-outline-accent-active: #047253FF;
730
- --inverse-outline-accent-minor-hover: #58EEC4FF;
748
+ --inverse-outline-accent-hover: #06B785FF;
749
+ --inverse-outline-accent-active: #047C5AFF;
750
+ --inverse-outline-accent-minor-hover: #17E8ADFF;
731
751
  --inverse-outline-accent-minor-active: #11B083FF;
732
- --inverse-outline-transparent-accent-hover: #05996F1F;
733
- --inverse-outline-transparent-accent-active: #05996F52;
734
- --inverse-outline-positive-hover: #24DB45FF;
735
- --inverse-outline-positive-active: #178C2CFF;
736
- --inverse-outline-warning-hover: #FC9F69FF;
752
+ --inverse-outline-transparent-accent-hover: #05996FFF;
753
+ --inverse-outline-transparent-accent-active: #05996F3D;
754
+ --inverse-outline-promo-hover: #CCCCCCFF;
755
+ --inverse-outline-promo-active: #E6E6E6FF;
756
+ --inverse-outline-promo-minor-hover: #CCCCCCFF;
757
+ --inverse-outline-promo-minor-active: #E6E6E6FF;
758
+ --inverse-outline-positive-hover: #1EB83AFF;
759
+ --inverse-outline-positive-active: #15842AFF;
760
+ --inverse-outline-warning-hover: #FB7223FF;
737
761
  --inverse-outline-warning-active: #DC5304FF;
738
- --inverse-outline-negative-hover: #FF7A88FF;
739
- --inverse-outline-negative-active: #FF001AFF;
740
- --inverse-outline-info-hover: #62B9F3FF;
762
+ --inverse-outline-negative-hover: #FF475AFF;
763
+ --inverse-outline-negative-active: #FF0A23FF;
764
+ --inverse-outline-info-hover: #50B1F2FF;
741
765
  --inverse-outline-info-active: #0F7BC2FF;
742
- --inverse-outline-positive-minor-hover: #7AE68EFF;
766
+ --inverse-outline-positive-minor-hover: #3EDA5BFF;
743
767
  --inverse-outline-positive-minor-active: #23B83EFF;
744
- --inverse-outline-warning-minor-hover: #FDB790FF;
745
- --inverse-outline-warning-minor-active: #FC8240FF;
746
- --inverse-outline-negative-minor-hover: #FFB8BFFF;
747
- --inverse-outline-negative-minor-active: #FF6675FF;
768
+ --inverse-outline-warning-minor-hover: #FDB086FF;
769
+ --inverse-outline-warning-minor-active: #FC884AFF;
770
+ --inverse-outline-negative-minor-hover: #FFADB6FF;
771
+ --inverse-outline-negative-minor-active: #FF707EFF;
748
772
  --inverse-outline-info-minor-hover: #A3DAFFFF;
749
- --inverse-outline-info-minor-active: #29A9FFFF;
750
- --inverse-outline-transparent-positive-hover: #1A9E321F;
751
- --inverse-outline-transparent-positive-active: #1A9E3252;
752
- --inverse-outline-transparent-warning-hover: #FA5F051F;
753
- --inverse-outline-transparent-warning-active: #FA5F0552;
754
- --inverse-outline-transparent-negative-hover: #FF293E1F;
755
- --inverse-outline-transparent-negative-active: #FF293E52;
756
- --inverse-outline-transparent-info-hover: #118CDF1F;
757
- --inverse-outline-transparent-info-active: #118CDF52;
773
+ --inverse-outline-info-minor-active: #33ADFFFF;
774
+ --inverse-outline-transparent-positive-hover: #1A9E32FF;
775
+ --inverse-outline-transparent-positive-active: #1A9E323D;
776
+ --inverse-outline-transparent-warning-hover: #FA5F05FF;
777
+ --inverse-outline-transparent-warning-active: #FA5F053D;
778
+ --inverse-outline-transparent-negative-hover: #FF293EFF;
779
+ --inverse-outline-transparent-negative-active: #FF293E3D;
780
+ --inverse-outline-transparent-info-hover: #118CDFFF;
781
+ --inverse-outline-transparent-info-active: #118CDF3D;
758
782
  --inverse-outline-transparent-positive: #1A9E3233;
759
783
  --inverse-outline-transparent-warning: #FA5F0533;
760
784
  --inverse-outline-transparent-negative: #FF293E33;
@@ -793,23 +817,23 @@
793
817
  --on-dark-data-yellow-transparent-hover: #F3A812AD;
794
818
  --on-dark-data-yellow-transparent-active: #F3A81280;
795
819
  --on-light-data-yellow: #F3A912;
796
- --on-light-data-yellow-hover: #F5B638FF;
797
- --on-light-data-yellow-active: #E49C0CFF;
820
+ --on-light-data-yellow-hover: #F4B22FFF;
821
+ --on-light-data-yellow-active: #EDA20CFF;
798
822
  --on-light-data-yellow-minor: #FFD37A;
799
- --on-light-data-yellow-minor-hover: #FFCF70FF;
800
- --on-light-data-yellow-minor-active: #FFCC66FF;
823
+ --on-light-data-yellow-minor-hover: #FFDA8FFF;
824
+ --on-light-data-yellow-minor-active: #FFCF70FF;
801
825
  --on-light-data-yellow-transparent: #F3A9128F;
802
- --on-light-data-yellow-transparent-hover: #F3A8129E;
803
- --on-light-data-yellow-transparent-active: #F3A812A3;
826
+ --on-light-data-yellow-transparent-hover: #F3A812AD;
827
+ --on-light-data-yellow-transparent-active: #F3A81280;
804
828
  --inverse-data-yellow: #F3A912;
805
- --inverse-data-yellow-hover: #F5B638FF;
806
- --inverse-data-yellow-active: #E49C0CFF;
829
+ --inverse-data-yellow-hover: #F4B22FFF;
830
+ --inverse-data-yellow-active: #EDA20CFF;
807
831
  --inverse-data-yellow-minor: #FFD37A;
808
- --inverse-data-yellow-minor-hover: #FFCF70FF;
809
- --inverse-data-yellow-minor-active: #FFCC66FF;
832
+ --inverse-data-yellow-minor-hover: #FFDA8FFF;
833
+ --inverse-data-yellow-minor-active: #FFCF70FF;
810
834
  --inverse-data-yellow-transparent: #F3A9128F;
811
- --inverse-data-yellow-transparent-hover: #F3A8129E;
812
- --inverse-data-yellow-transparent-active: #F3A812A3;
835
+ --inverse-data-yellow-transparent-hover: #F3A812AD;
836
+ --inverse-data-yellow-transparent-active: #F3A81280;
813
837
  color: var(--text-primary);
814
838
  background-color: var(--background-primary);
815
839
  }
@@ -863,17 +887,49 @@
863
887
  --inverse-surface-skeleton-deep-gradient: linear-gradient(90deg, #0808085C 0%, #08080852 6.25%, #08080833 12.5%, #0808080A 25%, #08080833 37.5%, #08080852 43.75%, #0808085C 50%, #08080814 56.25%, #08080833 62.5%, #0808080A 75%, #08080833 87.5%, #08080852 93.75%, #0808085C 100%);
864
888
  --inverse-surface-skeleton-deep-gradient-hover: #FFFFFFFF;
865
889
  --inverse-surface-skeleton-deep-gradient-active: #FFFFFFFF;
866
- --outline-accent-gradient-hover: #858585FF;
867
- --outline-accent-gradient-active: #666666FF;
890
+ --outline-accent-gradient-hover: #CCCCCCFF;
891
+ --outline-accent-gradient-active: #E6E6E6FF;
892
+ --outline-accent-minor-gradient-hover: #CCCCCCFF;
893
+ --outline-accent-minor-gradient-active: #E6E6E6FF;
894
+ --outline-transparent-accent-gradient-hover: #CCCCCCFF;
895
+ --outline-transparent-accent-gradient-active: #E6E6E6FF;
896
+ --outline-promo-gradient-hover: #CCCCCCFF;
897
+ --outline-promo-gradient-active: #E6E6E6FF;
898
+ --outline-promo-minor-gradient-hover: #CCCCCCFF;
899
+ --outline-promo-minor-gradient-active: #E6E6E6FF;
868
900
  --outline-accent-gradient: linear-gradient(45.00deg, #21CA9AFF 0%, #4AD6FCFF 100%);
869
- --on-dark-outline-accent-gradient-hover: #858585FF;
870
- --on-dark-outline-accent-gradient-active: #666666FF;
901
+ --on-dark-outline-accent-gradient-hover: #CCCCCCFF;
902
+ --on-dark-outline-accent-gradient-active: #E6E6E6FF;
903
+ --on-dark-outline-accent-minor-gradient-hover: #CCCCCCFF;
904
+ --on-dark-outline-accent-minor-gradient-active: #E6E6E6FF;
905
+ --on-dark-outline-transparent-accent-gradient-hover: #CCCCCCFF;
906
+ --on-dark-outline-transparent-accent-gradient-active: #E6E6E6FF;
907
+ --on-dark-outline-promo-gradient-hover: #CCCCCCFF;
908
+ --on-dark-outline-promo-gradient-active: #E6E6E6FF;
909
+ --on-dark-outline-promo-minor-gradient-hover: #CCCCCCFF;
910
+ --on-dark-outline-promo-minor-gradient-active: #E6E6E6FF;
871
911
  --on-dark-outline-accent-gradient: linear-gradient(45.00deg, #21CA9AFF 0%, #4AD6FCFF 100%);
872
912
  --on-light-outline-accent-gradient-hover: #CCCCCCFF;
873
913
  --on-light-outline-accent-gradient-active: #E6E6E6FF;
914
+ --on-light-outline-accent-minor-gradient-hover: #CCCCCCFF;
915
+ --on-light-outline-accent-minor-gradient-active: #E6E6E6FF;
916
+ --on-light-outline-transparent-accent-gradient-hover: #CCCCCCFF;
917
+ --on-light-outline-transparent-accent-gradient-active: #E6E6E6FF;
918
+ --on-light-outline-promo-gradient-hover: #CCCCCCFF;
919
+ --on-light-outline-promo-gradient-active: #E6E6E6FF;
920
+ --on-light-outline-promo-minor-gradient-hover: #CCCCCCFF;
921
+ --on-light-outline-promo-minor-gradient-active: #E6E6E6FF;
874
922
  --on-light-outline-accent-gradient: linear-gradient(45.00deg, #05996FFF 0%, #1BA0E3FF 100%);
875
923
  --inverse-outline-accent-gradient-hover: #CCCCCCFF;
876
924
  --inverse-outline-accent-gradient-active: #E6E6E6FF;
925
+ --inverse-outline-accent-minor-gradient-hover: #CCCCCCFF;
926
+ --inverse-outline-accent-minor-gradient-active: #E6E6E6FF;
927
+ --inverse-outline-transparent-accent-gradient-hover: #CCCCCCFF;
928
+ --inverse-outline-transparent-accent-gradient-active: #E6E6E6FF;
929
+ --inverse-outline-promo-gradient-hover: #CCCCCCFF;
930
+ --inverse-outline-promo-gradient-active: #E6E6E6FF;
931
+ --inverse-outline-promo-minor-gradient-hover: #CCCCCCFF;
932
+ --inverse-outline-promo-minor-gradient-active: #E6E6E6FF;
877
933
  --inverse-outline-accent-gradient: linear-gradient(45.00deg, #05996FFF 0%, #1BA0E3FF 100%);
878
934
  }
879
935