@salutejs/sdds-themes 0.51.0-canary.2372.20371624598.0 → 0.51.0-canary.2373.20371683169.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 +553 -667
  2. package/css/sdds_dfa__dark.css +236 -292
  3. package/css/sdds_dfa__light.css +317 -375
  4. package/css/sdds_serv.module.css +686 -578
  5. package/css/sdds_serv__dark.css +300 -246
  6. package/css/sdds_serv__light.css +386 -332
  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_serv__dark.js +1 -1
  12. package/es/themes/sdds_serv__dark.js.map +1 -1
  13. package/es/themes/sdds_serv__light.js +1 -1
  14. package/es/themes/sdds_serv__light.js.map +1 -1
  15. package/es/tokens/sdds_dfa/index.js +240 -352
  16. package/es/tokens/sdds_dfa/index.js.map +1 -1
  17. package/es/tokens/sdds_serv/index.js +356 -248
  18. package/es/tokens/sdds_serv/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_serv__dark.js +1 -1
  25. package/themes/sdds_serv__dark.js.map +1 -1
  26. package/themes/sdds_serv__light.js +1 -1
  27. package/themes/sdds_serv__light.js.map +1 -1
  28. package/tokens/sdds_dfa/index.d.ts +238 -350
  29. package/tokens/sdds_dfa/index.js +252 -365
  30. package/tokens/sdds_dfa/index.js.map +1 -1
  31. package/tokens/sdds_serv/index.d.ts +354 -246
  32. package/tokens/sdds_serv/index.js +367 -258
  33. package/tokens/sdds_serv/index.js.map +1 -1
package/css/sdds_dfa__dark.css CHANGED
@@ -333,56 +333,58 @@
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: #FAFAFAFF;
336
+ --on-light-surface-solid-primary-hover: #F2F2F2FF;
337
337
  --on-light-surface-solid-primary-active: #F0F0F0FF;
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;
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;
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: #0D0D0DFF;
344
+ --on-light-surface-solid-default-hover: #262626FF;
345
345
  --on-light-surface-solid-default-active: #030303FF;
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;
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;
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: #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;
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;
386
388
  --on-light-surface-solid-primary: #F5F5F5;
387
389
  --on-light-surface-solid-primary-brightness: #F6F6F6FF;
388
390
  --on-light-surface-solid-secondary: #DDDDDD;
@@ -412,58 +414,56 @@
412
414
  --on-light-surface-info-minor: #CFECFF;
413
415
  --on-light-surface-transparent-info: #118CDF1F;
414
416
  --on-light-surface-transparent-primary: #08080808;
415
- --inverse-surface-solid-primary-hover: #FAFAFAFF;
417
+ --inverse-surface-solid-primary-hover: #F2F2F2FF;
416
418
  --inverse-surface-solid-primary-active: #F0F0F0FF;
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;
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;
421
423
  --inverse-surface-solid-card-hover: #FFFFFFFF;
422
424
  --inverse-surface-solid-card-active: #FFFFFFFF;
423
- --inverse-surface-solid-default-hover: #0D0D0DFF;
425
+ --inverse-surface-solid-default-hover: #262626FF;
424
426
  --inverse-surface-solid-default-active: #030303FF;
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;
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;
433
435
  --inverse-surface-transparent-card-hover: #FFFFFFFF;
434
436
  --inverse-surface-transparent-card-active: #FFFFFFFF;
435
437
  --inverse-surface-clear-hover: #FFFFFF00;
436
438
  --inverse-surface-clear-active: #FFFFFF00;
437
439
  --inverse-surface-accent-hover: #05AD7EFF;
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;
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;
467
467
  --inverse-surface-solid-primary: #F5F5F5;
468
468
  --inverse-surface-solid-primary-brightness: #F6F6F6FF;
469
469
  --inverse-surface-solid-secondary: #DDDDDD;
@@ -510,60 +510,54 @@
510
510
  --inverse-overlay-soft: #F9F9F98F;
511
511
  --inverse-overlay-hard: #F9F9F9F5;
512
512
  --inverse-overlay-blur: #F9F9F933;
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;
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;
527
525
  --outline-clear-hover: #FFFFFF00;
528
526
  --outline-clear-active: #FFFFFF00;
529
- --outline-accent-hover: #17E8ADFF;
527
+ --outline-accent-hover: #58EEC4FF;
530
528
  --outline-accent-active: #11B083FF;
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;
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;
540
534
  --outline-positive-active: #1F9835FF;
541
- --outline-warning-hover: #FF8442FF;
535
+ --outline-warning-hover: #FFA575FF;
542
536
  --outline-warning-active: #FF5D05FF;
543
- --outline-negative-hover: #FF5C6CFF;
537
+ --outline-negative-hover: #FF8F9AFF;
544
538
  --outline-negative-active: #FF1F35FF;
545
539
  --outline-info-hover: #66BCF5FF;
546
540
  --outline-info-active: #0E8ADDFF;
547
541
  --outline-positive-minor-hover: #0F9527FF;
548
- --outline-positive-minor-active: #0C7920FF;
542
+ --outline-positive-minor-active: #074A14FF;
549
543
  --outline-warning-minor-hover: #BB4F11FF;
550
- --outline-warning-minor-active: #9F440FFF;
551
- --outline-negative-minor-hover: #B91828FF;
552
- --outline-negative-minor-active: #83111CFF;
544
+ --outline-warning-minor-active: #70300AFF;
545
+ --outline-negative-minor-hover: #D41C2EFF;
546
+ --outline-negative-minor-active: #8C121EFF;
553
547
  --outline-info-minor-hover: #1277BAFF;
554
- --outline-info-minor-active: #10659EFF;
548
+ --outline-info-minor-active: #0B476FFF;
555
549
  --outline-transparent-positive: #1A9E3247;
556
- --outline-transparent-positive-hover: #1A9E32FF;
557
- --outline-transparent-positive-active: #1A9E3256;
550
+ --outline-transparent-positive-hover: #1A9E32B3;
551
+ --outline-transparent-positive-active: #1A9E322B;
558
552
  --outline-transparent-warning: #FA5F0547;
559
- --outline-transparent-warning-hover: #FA5F05FF;
560
- --outline-transparent-warning-active: #FA5F0556;
553
+ --outline-transparent-warning-hover: #FA5F05B3;
554
+ --outline-transparent-warning-active: #FA5F052B;
561
555
  --outline-transparent-negative: #FF293E47;
562
- --outline-transparent-negative-hover: #FF293EFF;
563
- --outline-transparent-negative-active: #FF293E56;
556
+ --outline-transparent-negative-hover: #FF293EB3;
557
+ --outline-transparent-negative-active: #FF293E2B;
564
558
  --outline-transparent-info: #118CDF47;
565
- --outline-transparent-info-hover: #118CDFFF;
566
- --outline-transparent-info-active: #118CDF56;
559
+ --outline-transparent-info-hover: #118CDFB3;
560
+ --outline-transparent-info-active: #118CDF2B;
567
561
  --outline-solid-primary: #262626;
568
562
  --outline-clear: #FFFFFF00;
569
563
  --outline-accent: #14CC98;
@@ -582,60 +576,54 @@
582
576
  --outline-transparent-tertiary: #FFFFFF8F;
583
577
  --outline-solid-secondary: #4E4E4E;
584
578
  --outline-solid-tertiary: #858585;
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;
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;
599
591
  --on-dark-outline-clear-hover: #FFFFFF00;
600
592
  --on-dark-outline-clear-active: #FFFFFF00;
601
- --on-dark-outline-accent-hover: #17E8ADFF;
593
+ --on-dark-outline-accent-hover: #58EEC4FF;
602
594
  --on-dark-outline-accent-active: #11B083FF;
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;
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;
612
600
  --on-dark-outline-positive-active: #1F9835FF;
613
- --on-dark-outline-warning-hover: #FF8442FF;
601
+ --on-dark-outline-warning-hover: #FFA575FF;
614
602
  --on-dark-outline-warning-active: #FF5D05FF;
615
- --on-dark-outline-negative-hover: #FF5C6CFF;
603
+ --on-dark-outline-negative-hover: #FF8F9AFF;
616
604
  --on-dark-outline-negative-active: #FF1F35FF;
617
605
  --on-dark-outline-info-hover: #66BCF5FF;
618
606
  --on-dark-outline-info-active: #0E8ADDFF;
619
607
  --on-dark-outline-positive-minor-hover: #0F9527FF;
620
- --on-dark-outline-positive-minor-active: #0C7920FF;
608
+ --on-dark-outline-positive-minor-active: #074A14FF;
621
609
  --on-dark-outline-warning-minor-hover: #BB4F11FF;
622
- --on-dark-outline-warning-minor-active: #9F440FFF;
623
- --on-dark-outline-negative-minor-hover: #B91828FF;
624
- --on-dark-outline-negative-minor-active: #83111CFF;
610
+ --on-dark-outline-warning-minor-active: #70300AFF;
611
+ --on-dark-outline-negative-minor-hover: #D41C2EFF;
612
+ --on-dark-outline-negative-minor-active: #8C121EFF;
625
613
  --on-dark-outline-info-minor-hover: #1277BAFF;
626
- --on-dark-outline-info-minor-active: #10659EFF;
614
+ --on-dark-outline-info-minor-active: #0B476FFF;
627
615
  --on-dark-outline-transparent-positive: #1A9E3247;
628
- --on-dark-outline-transparent-positive-hover: #1A9E32FF;
629
- --on-dark-outline-transparent-positive-active: #1A9E3256;
616
+ --on-dark-outline-transparent-positive-hover: #1A9E32B3;
617
+ --on-dark-outline-transparent-positive-active: #1A9E322B;
630
618
  --on-dark-outline-transparent-warning: #FA5F0547;
631
- --on-dark-outline-transparent-warning-hover: #FA5F05FF;
632
- --on-dark-outline-transparent-warning-active: #FA5F0556;
619
+ --on-dark-outline-transparent-warning-hover: #FA5F05B3;
620
+ --on-dark-outline-transparent-warning-active: #FA5F052B;
633
621
  --on-dark-outline-transparent-negative: #FF293E47;
634
- --on-dark-outline-transparent-negative-hover: #FF293EFF;
635
- --on-dark-outline-transparent-negative-active: #FF293E56;
622
+ --on-dark-outline-transparent-negative-hover: #FF293EB3;
623
+ --on-dark-outline-transparent-negative-active: #FF293E2B;
636
624
  --on-dark-outline-transparent-info: #118CDF47;
637
- --on-dark-outline-transparent-info-hover: #118CDFFF;
638
- --on-dark-outline-transparent-info-active: #118CDF56;
625
+ --on-dark-outline-transparent-info-hover: #118CDFB3;
626
+ --on-dark-outline-transparent-info-active: #118CDF2B;
639
627
  --on-dark-outline-solid-primary: #262626;
640
628
  --on-dark-outline-clear: #FFFFFF00;
641
629
  --on-dark-outline-accent: #14CC98;
@@ -656,54 +644,48 @@
656
644
  --on-dark-outline-solid-tertiary: #858585;
657
645
  --on-light-outline-solid-primary-hover: #ABABABFF;
658
646
  --on-light-outline-solid-primary-active: #C4C4C4FF;
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;
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;
671
657
  --on-light-outline-clear-hover: #FFFFFF00;
672
658
  --on-light-outline-clear-active: #FFFFFF00;
673
- --on-light-outline-accent-hover: #06B785FF;
674
- --on-light-outline-accent-active: #047C5AFF;
675
- --on-light-outline-accent-minor-hover: #17E8ADFF;
659
+ --on-light-outline-accent-hover: #06CB93FF;
660
+ --on-light-outline-accent-active: #047253FF;
661
+ --on-light-outline-accent-minor-hover: #58EEC4FF;
676
662
  --on-light-outline-accent-minor-active: #11B083FF;
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;
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;
686
668
  --on-light-outline-warning-active: #DC5304FF;
687
- --on-light-outline-negative-hover: #FF475AFF;
688
- --on-light-outline-negative-active: #FF0A23FF;
689
- --on-light-outline-info-hover: #50B1F2FF;
669
+ --on-light-outline-negative-hover: #FF7A88FF;
670
+ --on-light-outline-negative-active: #FF001AFF;
671
+ --on-light-outline-info-hover: #62B9F3FF;
690
672
  --on-light-outline-info-active: #0F7BC2FF;
691
- --on-light-outline-positive-minor-hover: #3EDA5BFF;
673
+ --on-light-outline-positive-minor-hover: #7AE68EFF;
692
674
  --on-light-outline-positive-minor-active: #23B83EFF;
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;
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;
697
679
  --on-light-outline-info-minor-hover: #A3DAFFFF;
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;
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;
707
689
  --on-light-outline-solid-primary: #DDDDDD;
708
690
  --on-light-outline-solid-tertiary: #707070;
709
691
  --on-light-outline-clear: #FFFFFF00;
@@ -728,57 +710,51 @@
728
710
  --on-light-outline-solid-secondary: #B3B3B3;
729
711
  --inverse-outline-solid-primary-hover: #ABABABFF;
730
712
  --inverse-outline-solid-primary-active: #C4C4C4FF;
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;
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;
737
717
  --inverse-outline-transparent-primary: #0808081F;
738
- --inverse-outline-transparent-primary-hover: #080808FF;
739
- --inverse-outline-transparent-primary-active: #08080825;
718
+ --inverse-outline-transparent-primary-hover: #08080852;
719
+ --inverse-outline-transparent-primary-active: #08080838;
740
720
  --inverse-outline-transparent-secondary: #08080847;
741
- --inverse-outline-transparent-secondary-hover: #080808FF;
742
- --inverse-outline-transparent-secondary-active: #08080856;
721
+ --inverse-outline-transparent-secondary-hover: #0808082B;
722
+ --inverse-outline-transparent-secondary-active: #08080872;
743
723
  --inverse-outline-transparent-tertiary: #0808088F;
744
- --inverse-outline-transparent-tertiary-hover: #080808FF;
745
- --inverse-outline-transparent-tertiary-active: #080808AB;
724
+ --inverse-outline-transparent-tertiary-hover: #08080847;
725
+ --inverse-outline-transparent-tertiary-active: #080808FF;
746
726
  --inverse-outline-clear-hover: #FFFFFF00;
747
727
  --inverse-outline-clear-active: #FFFFFF00;
748
- --inverse-outline-accent-hover: #06B785FF;
749
- --inverse-outline-accent-active: #047C5AFF;
750
- --inverse-outline-accent-minor-hover: #17E8ADFF;
728
+ --inverse-outline-accent-hover: #06CB93FF;
729
+ --inverse-outline-accent-active: #047253FF;
730
+ --inverse-outline-accent-minor-hover: #58EEC4FF;
751
731
  --inverse-outline-accent-minor-active: #11B083FF;
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;
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;
761
737
  --inverse-outline-warning-active: #DC5304FF;
762
- --inverse-outline-negative-hover: #FF475AFF;
763
- --inverse-outline-negative-active: #FF0A23FF;
764
- --inverse-outline-info-hover: #50B1F2FF;
738
+ --inverse-outline-negative-hover: #FF7A88FF;
739
+ --inverse-outline-negative-active: #FF001AFF;
740
+ --inverse-outline-info-hover: #62B9F3FF;
765
741
  --inverse-outline-info-active: #0F7BC2FF;
766
- --inverse-outline-positive-minor-hover: #3EDA5BFF;
742
+ --inverse-outline-positive-minor-hover: #7AE68EFF;
767
743
  --inverse-outline-positive-minor-active: #23B83EFF;
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;
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;
772
748
  --inverse-outline-info-minor-hover: #A3DAFFFF;
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;
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;
782
758
  --inverse-outline-transparent-positive: #1A9E3233;
783
759
  --inverse-outline-transparent-warning: #FA5F0533;
784
760
  --inverse-outline-transparent-negative: #FF293E33;
@@ -817,23 +793,23 @@
817
793
  --on-dark-data-yellow-transparent-hover: #F3A812AD;
818
794
  --on-dark-data-yellow-transparent-active: #F3A81280;
819
795
  --on-light-data-yellow: #F3A912;
820
- --on-light-data-yellow-hover: #F4B22FFF;
821
- --on-light-data-yellow-active: #EDA20CFF;
796
+ --on-light-data-yellow-hover: #F5B638FF;
797
+ --on-light-data-yellow-active: #E49C0CFF;
822
798
  --on-light-data-yellow-minor: #FFD37A;
823
- --on-light-data-yellow-minor-hover: #FFDA8FFF;
824
- --on-light-data-yellow-minor-active: #FFCF70FF;
799
+ --on-light-data-yellow-minor-hover: #FFCF70FF;
800
+ --on-light-data-yellow-minor-active: #FFCC66FF;
825
801
  --on-light-data-yellow-transparent: #F3A9128F;
826
- --on-light-data-yellow-transparent-hover: #F3A812AD;
827
- --on-light-data-yellow-transparent-active: #F3A81280;
802
+ --on-light-data-yellow-transparent-hover: #F3A8129E;
803
+ --on-light-data-yellow-transparent-active: #F3A812A3;
828
804
  --inverse-data-yellow: #F3A912;
829
- --inverse-data-yellow-hover: #F4B22FFF;
830
- --inverse-data-yellow-active: #EDA20CFF;
805
+ --inverse-data-yellow-hover: #F5B638FF;
806
+ --inverse-data-yellow-active: #E49C0CFF;
831
807
  --inverse-data-yellow-minor: #FFD37A;
832
- --inverse-data-yellow-minor-hover: #FFDA8FFF;
833
- --inverse-data-yellow-minor-active: #FFCF70FF;
808
+ --inverse-data-yellow-minor-hover: #FFCF70FF;
809
+ --inverse-data-yellow-minor-active: #FFCC66FF;
834
810
  --inverse-data-yellow-transparent: #F3A9128F;
835
- --inverse-data-yellow-transparent-hover: #F3A812AD;
836
- --inverse-data-yellow-transparent-active: #F3A81280;
811
+ --inverse-data-yellow-transparent-hover: #F3A8129E;
812
+ --inverse-data-yellow-transparent-active: #F3A812A3;
837
813
  color: var(--text-primary);
838
814
  background-color: var(--background-primary);
839
815
  }
@@ -887,49 +863,17 @@
887
863
  --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%);
888
864
  --inverse-surface-skeleton-deep-gradient-hover: #FFFFFFFF;
889
865
  --inverse-surface-skeleton-deep-gradient-active: #FFFFFFFF;
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;
866
+ --outline-accent-gradient-hover: #858585FF;
867
+ --outline-accent-gradient-active: #666666FF;
900
868
  --outline-accent-gradient: linear-gradient(45.00deg, #21CA9AFF 0%, #4AD6FCFF 100%);
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;
869
+ --on-dark-outline-accent-gradient-hover: #858585FF;
870
+ --on-dark-outline-accent-gradient-active: #666666FF;
911
871
  --on-dark-outline-accent-gradient: linear-gradient(45.00deg, #21CA9AFF 0%, #4AD6FCFF 100%);
912
872
  --on-light-outline-accent-gradient-hover: #CCCCCCFF;
913
873
  --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;
922
874
  --on-light-outline-accent-gradient: linear-gradient(45.00deg, #05996FFF 0%, #1BA0E3FF 100%);
923
875
  --inverse-outline-accent-gradient-hover: #CCCCCCFF;
924
876
  --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;
933
877
  --inverse-outline-accent-gradient: linear-gradient(45.00deg, #05996FFF 0%, #1BA0E3FF 100%);
934
878
  }
935
879