@wix/design-system-tokens 1.161.0 → 1.161.2

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 (27) hide show
  1. package/CHANGELOG.md +10 -0
  2. package/all.css +6 -0
  3. package/all.scss +6 -0
  4. package/all.st.css +12 -0
  5. package/component.st.css +8 -0
  6. package/foundation.st.css +4 -0
  7. package/odeditor/all.css +9 -5
  8. package/odeditor/all.scss +9 -5
  9. package/odeditor/all.st.css +20 -12
  10. package/odeditor/component.st.css +16 -8
  11. package/odeditor/semantic.st.css +4 -4
  12. package/odeditor-dark/all.css +114 -109
  13. package/odeditor-dark/all.scss +114 -109
  14. package/odeditor-dark/all.st.css +1014 -1004
  15. package/odeditor-dark/component.st.css +585 -577
  16. package/odeditor-dark/foundation.st.css +104 -102
  17. package/odeditor-dark/semantic.st.css +325 -325
  18. package/package.json +2 -2
  19. package/studio/all.css +13 -7
  20. package/studio/all.scss +13 -7
  21. package/studio/all.st.css +19 -7
  22. package/studio/component.st.css +15 -7
  23. package/studio/foundation.st.css +4 -0
  24. package/wixel/all.css +4 -0
  25. package/wixel/all.scss +4 -0
  26. package/wixel/all.st.css +8 -0
  27. package/wixel/component.st.css +8 -0
package/odeditor-dark/semantic.st.css CHANGED
@@ -499,98 +499,98 @@
499
499
  --wds-color-border-ai-primary-active: #ffffff;
500
500
  --wds-color-border-ai-primary-disabled: #ffffff;
501
501
  --wds-color-border-ai-primary-hover: #ffffff;
502
- --wds-color-border-dark-primary: #767574;
503
- --wds-color-border-dark-primary-active: #383838;
504
- --wds-color-border-dark-primary-disabled: rgba(19, 23, 32, .1);
505
- --wds-color-border-dark-primary-hover: #525150;
506
- --wds-color-border-dark-secondary: #e8e7e7;
507
- --wds-color-border-dark-secondary-active: #e8e7e7;
508
- --wds-color-border-dark-secondary-disabled: rgba(19, 23, 32, .1);
509
- --wds-color-border-dark-secondary-hover: #e8e7e7;
510
- --wds-color-border-destructive-primary: #ed8f90;
511
- --wds-color-border-destructive-primary-active: #df3336;
512
- --wds-color-border-destructive-primary-disabled: rgba(19, 23, 32, .1);
513
- --wds-color-border-destructive-primary-hover: #e55c5e;
514
- --wds-color-border-destructive-secondary: #f4b8b9;
515
- --wds-color-border-destructive-secondary-active: #df3336;
516
- --wds-color-border-destructive-secondary-disabled: rgba(19, 23, 32, .1);
517
- --wds-color-border-destructive-secondary-hover: #ed8f90;
518
- --wds-color-border-destructive-tertiary: #e8e7e7;
519
- --wds-color-border-destructive-tertiary-active: #f4b8b9;
520
- --wds-color-border-destructive-tertiary-disabled: rgba(19, 23, 32, .1);
521
- --wds-color-border-destructive-tertiary-hover: #f9d6d7;
522
- --wds-color-border-light: rgba(255, 255, 255, .5);
523
- --wds-color-border-light-active: #ffffff;
524
- --wds-color-border-light-disabled: rgba(255, 255, 255, .3);
525
- --wds-color-border-light-hover: rgba(255, 255, 255, .7);
526
- --wds-color-border-light-primary-active: #ffffff;
527
- --wds-color-border-light-primary-disabled: rgba(255, 255, 255, .3);
528
- --wds-color-border-premium-primary: #acbeff;
529
- --wds-color-border-premium-primary-active: #2f5dff;
530
- --wds-color-border-premium-primary-disabled: rgba(19, 23, 32, .1);
531
- --wds-color-border-premium-primary-hover: #597dff;
532
- --wds-color-border-premium-secondary: #d5dfff;
533
- --wds-color-border-premium-secondary-active: #2f5dff;
534
- --wds-color-border-premium-secondary-disabled: rgba(19, 23, 32, .1);
535
- --wds-color-border-premium-secondary-hover: #acbeff;
536
- --wds-color-border-premium-tertiary: #e8e7e7;
537
- --wds-color-border-premium-tertiary-active: #acbeff;
538
- --wds-color-border-premium-tertiary-disabled: rgba(19, 23, 32, .1);
539
- --wds-color-border-premium-tertiary-hover: #d5dfff;
502
+ --wds-color-border-dark-primary: #A09E9D;
503
+ --wds-color-border-dark-primary-active: #D4D3D2;
504
+ --wds-color-border-dark-primary-disabled: rgba(255, 255, 255, .1);
505
+ --wds-color-border-dark-primary-hover: #A8A6A5;
506
+ --wds-color-border-dark-secondary: #454544;
507
+ --wds-color-border-dark-secondary-active: #454544;
508
+ --wds-color-border-dark-secondary-disabled: rgba(255, 255, 255, .1);
509
+ --wds-color-border-dark-secondary-hover: #454544;
510
+ --wds-color-border-destructive-primary: #A6464B;
511
+ --wds-color-border-destructive-primary-active: #FF7680;
512
+ --wds-color-border-destructive-primary-disabled: rgba(255, 255, 255, .1);
513
+ --wds-color-border-destructive-primary-hover: #D34D55;
514
+ --wds-color-border-destructive-secondary: #A6464B;
515
+ --wds-color-border-destructive-secondary-active: #FF7680;
516
+ --wds-color-border-destructive-secondary-disabled: rgba(255, 255, 255, .1);
517
+ --wds-color-border-destructive-secondary-hover: #A6464B;
518
+ --wds-color-border-destructive-tertiary: #454544;
519
+ --wds-color-border-destructive-tertiary-active: #A6464B;
520
+ --wds-color-border-destructive-tertiary-disabled: rgba(255, 255, 255, .1);
521
+ --wds-color-border-destructive-tertiary-hover: #4D2324;
522
+ --wds-color-border-light: rgba(44, 45, 48, .5);
523
+ --wds-color-border-light-active: #2C2D30;
524
+ --wds-color-border-light-disabled: rgba(44, 45, 48, .3);
525
+ --wds-color-border-light-hover: rgba(44, 45, 48, .7);
526
+ --wds-color-border-light-primary-active: #2C2D30;
527
+ --wds-color-border-light-primary-disabled: rgba(44, 45, 48, .3);
528
+ --wds-color-border-premium-primary: #485B7E;
529
+ --wds-color-border-premium-primary-active: #82B0FF;
530
+ --wds-color-border-premium-primary-disabled: rgba(255, 255, 255, .1);
531
+ --wds-color-border-premium-primary-hover: #6F94D4;
532
+ --wds-color-border-premium-secondary: #343F53;
533
+ --wds-color-border-premium-secondary-active: #82B0FF;
534
+ --wds-color-border-premium-secondary-disabled: rgba(255, 255, 255, .1);
535
+ --wds-color-border-premium-secondary-hover: #485B7E;
536
+ --wds-color-border-premium-tertiary: #454544;
537
+ --wds-color-border-premium-tertiary-active: #485B7E;
538
+ --wds-color-border-premium-tertiary-disabled: rgba(255, 255, 255, .1);
539
+ --wds-color-border-premium-tertiary-hover: #343F53;
540
540
  --wds-color-border-stage-wip: #ffffff;
541
- --wds-color-border-standard-primary: #7896ff;
542
- --wds-color-border-standard-primary-active: #2f5dff;
543
- --wds-color-border-standard-primary-disabled: rgba(19, 23, 32, .1);
544
- --wds-color-border-standard-primary-hover: #597dff;
545
- --wds-color-border-standard-secondary: #eaefff;
546
- --wds-color-border-standard-secondary-active: #2f5dff;
547
- --wds-color-border-standard-secondary-disabled: rgba(19, 23, 32, .1);
548
- --wds-color-border-standard-secondary-hover: #acbeff;
549
- --wds-color-border-standard-secondary-readonly: #e8e7e7;
550
- --wds-color-border-standard-tertiary: #e8e7e7;
551
- --wds-color-border-standard-tertiary-active: #d5dfff;
552
- --wds-color-border-standard-tertiary-disabled: rgba(19, 23, 32, .1);
553
- --wds-color-border-standard-tertiary-hover: #eaefff;
554
- --wds-color-border-success-primary: #bde2a7;
555
- --wds-color-border-success-primary-active: #4b916d;
556
- --wds-color-border-success-primary-disabled: rgba(19, 23, 32, .1);
557
- --wds-color-border-success-primary-hover: #97c693;
558
- --wds-color-border-success-secondary: #daf3c0;
559
- --wds-color-border-success-secondary-active: #4b916d;
560
- --wds-color-border-success-secondary-disabled: rgba(19, 23, 32, .1);
561
- --wds-color-border-success-secondary-hover: #bde2a7;
562
- --wds-color-border-success-tertiary: #e8e7e7;
563
- --wds-color-border-success-tertiary-active: #daf3c0;
564
- --wds-color-border-success-tertiary-disabled: rgba(19, 23, 32, .1);
565
- --wds-color-border-success-tertiary-hover: #effae5;
566
- --wds-color-border-transparent-primary: rgba(19, 23, 32, .2);
567
- --wds-color-border-transparent-primary-active: rgba(19, 23, 32, .2);
568
- --wds-color-border-transparent-primary-disabled: rgba(19, 23, 32, .1);
569
- --wds-color-border-transparent-primary-hover: rgba(19, 23, 32, .4);
570
- --wds-color-border-urgent-primary: #fda77f;
571
- --wds-color-border-urgent-primary-active: #ff8044;
572
- --wds-color-border-urgent-primary-disabled: rgba(19, 23, 32, .1);
573
- --wds-color-border-urgent-primary-hover: #fe9361;
574
- --wds-color-border-urgent-secondary: #fbcfbb;
575
- --wds-color-border-urgent-secondary-active: #ff8044;
576
- --wds-color-border-urgent-secondary-disabled: rgba(19, 23, 32, .1);
577
- --wds-color-border-urgent-secondary-hover: #fda77f;
578
- --wds-color-border-urgent-tertiary: #e8e7e7;
579
- --wds-color-border-urgent-tertiary-active: #fbcfbb;
580
- --wds-color-border-urgent-tertiary-disabled: rgba(19, 23, 32, .1);
581
- --wds-color-border-urgent-tertiary-hover: #fbe3d9;
582
- --wds-color-border-warning-primary: #fcd29d;
583
- --wds-color-border-warning-primary-active: #f9ad4d;
584
- --wds-color-border-warning-primary-disabled: rgba(19, 23, 32, .1);
585
- --wds-color-border-warning-primary-hover: #fabd71;
586
- --wds-color-border-warning-secondary: #fdead2;
587
- --wds-color-border-warning-secondary-active: #f9ad4d;
588
- --wds-color-border-warning-secondary-disabled: rgba(19, 23, 32, .1);
589
- --wds-color-border-warning-secondary-hover: #fcd29d;
590
- --wds-color-border-warning-tertiary: #e8e7e7;
591
- --wds-color-border-warning-tertiary-active: #fdead2;
592
- --wds-color-border-warning-tertiary-disabled: rgba(19, 23, 32, .1);
593
- --wds-color-border-warning-tertiary-hover: #fef3e5;
541
+ --wds-color-border-standard-primary: #5B78A9;
542
+ --wds-color-border-standard-primary-active: #82B0FF;
543
+ --wds-color-border-standard-primary-disabled: rgba(255, 255, 255, .1);
544
+ --wds-color-border-standard-primary-hover: #6F94D4;
545
+ --wds-color-border-standard-secondary: #212328;
546
+ --wds-color-border-standard-secondary-active: #82B0FF;
547
+ --wds-color-border-standard-secondary-disabled: rgba(255, 255, 255, .1);
548
+ --wds-color-border-standard-secondary-hover: #485B7E;
549
+ --wds-color-border-standard-secondary-readonly: #454544;
550
+ --wds-color-border-standard-tertiary: #454544;
551
+ --wds-color-border-standard-tertiary-active: #343F53;
552
+ --wds-color-border-standard-tertiary-disabled: rgba(255, 255, 255, .1);
553
+ --wds-color-border-standard-tertiary-hover: #212328;
554
+ --wds-color-border-success-primary: #4B9476;
555
+ --wds-color-border-success-primary-active: #53DA98;
556
+ --wds-color-border-success-primary-disabled: rgba(255, 255, 255, .1);
557
+ --wds-color-border-success-primary-hover: #5EB88F;
558
+ --wds-color-border-success-secondary: #396F5C;
559
+ --wds-color-border-success-secondary-active: #53DA98;
560
+ --wds-color-border-success-secondary-disabled: rgba(255, 255, 255, .1);
561
+ --wds-color-border-success-secondary-hover: #4B9476;
562
+ --wds-color-border-success-tertiary: #454544;
563
+ --wds-color-border-success-tertiary-active: #396F5C;
564
+ --wds-color-border-success-tertiary-disabled: rgba(255, 255, 255, .1);
565
+ --wds-color-border-success-tertiary-hover: #264B43;
566
+ --wds-color-border-transparent-primary: rgba(255, 255, 255, .2);
567
+ --wds-color-border-transparent-primary-active: rgba(255, 255, 255, .2);
568
+ --wds-color-border-transparent-primary-disabled: rgba(255, 255, 255, .1);
569
+ --wds-color-border-transparent-primary-hover: rgba(255, 255, 255, .4);
570
+ --wds-color-border-urgent-primary: #A8542D;
571
+ --wds-color-border-urgent-primary-active: #FF8044;
572
+ --wds-color-border-urgent-primary-disabled: rgba(255, 255, 255, .1);
573
+ --wds-color-border-urgent-primary-hover: #D46A38;
574
+ --wds-color-border-urgent-secondary: #7D3F21;
575
+ --wds-color-border-urgent-secondary-active: #FF8044;
576
+ --wds-color-border-urgent-secondary-disabled: rgba(255, 255, 255, .1);
577
+ --wds-color-border-urgent-secondary-hover: #A8542D;
578
+ --wds-color-border-urgent-tertiary: #454544;
579
+ --wds-color-border-urgent-tertiary-active: #7D3F21;
580
+ --wds-color-border-urgent-tertiary-disabled: rgba(255, 255, 255, .1);
581
+ --wds-color-border-urgent-tertiary-hover: #512916;
582
+ --wds-color-border-warning-primary: #C68B40;
583
+ --wds-color-border-warning-primary-active: #FFCB62;
584
+ --wds-color-border-warning-primary-disabled: rgba(255, 255, 255, .1);
585
+ --wds-color-border-warning-primary-hover: #F9AD4D;
586
+ --wds-color-border-warning-secondary: #946933;
587
+ --wds-color-border-warning-secondary-active: #FFCB62;
588
+ --wds-color-border-warning-secondary-disabled: rgba(255, 255, 255, .1);
589
+ --wds-color-border-warning-secondary-hover: #C68B40;
590
+ --wds-color-border-warning-tertiary: #454544;
591
+ --wds-color-border-warning-tertiary-active: #946933;
592
+ --wds-color-border-warning-tertiary-disabled: rgba(255, 255, 255, .1);
593
+ --wds-color-border-warning-tertiary-hover: #6F502B;
594
594
  --wds-color-fill-accent-1: #1684ea;
595
595
  --wds-color-fill-accent-2: #17b0e2;
596
596
  --wds-color-fill-accent-3: #6959f0;
@@ -614,66 +614,66 @@
614
614
  --wds-color-fill-ai-secondary-active: #d6d1fc;
615
615
  --wds-color-fill-ai-secondary-disabled: #e5e5e5;
616
616
  --wds-color-fill-ai-secondary-hover: #a59bfa;
617
- --wds-color-fill-ai-tertiary: #ffffff;
617
+ --wds-color-fill-ai-tertiary: #2C2D30;
618
618
  --wds-color-fill-ai-tertiary-active: #d6d1fc;
619
- --wds-color-fill-ai-tertiary-disabled: #ffffff;
620
- --wds-color-fill-ai-tertiary-hover: #f8f6f6;
621
- --wds-color-fill-dark-primary: #151414;
622
- --wds-color-fill-dark-primary-active: #525150;
623
- --wds-color-fill-dark-primary-disabled: rgba(19, 23, 32, .3);
624
- --wds-color-fill-dark-primary-hover: #383838;
625
- --wds-color-fill-dark-secondary: #f0efef;
626
- --wds-color-fill-dark-secondary-active: #dedede;
627
- --wds-color-fill-dark-secondary-disabled: rgba(19, 23, 32, .1);
628
- --wds-color-fill-dark-secondary-hover: #e8e7e7;
629
- --wds-color-fill-dark-tertiary: #ffffff;
630
- --wds-color-fill-dark-tertiary-active: #f0efef;
631
- --wds-color-fill-dark-tertiary-disabled: #ffffff;
632
- --wds-color-fill-dark-tertiary-hover: #f8f6f6;
633
- --wds-color-fill-destructive-primary: #df3336;
634
- --wds-color-fill-destructive-primary-active: #9c2426;
635
- --wds-color-fill-destructive-primary-disabled: rgba(19, 23, 32, .3);
636
- --wds-color-fill-destructive-primary-hover: #be2b2e;
637
- --wds-color-fill-destructive-secondary: #f4b8b9;
638
- --wds-color-fill-destructive-secondary-active: #e55c5e;
639
- --wds-color-fill-destructive-secondary-disabled: rgba(19, 23, 32, .1);
640
- --wds-color-fill-destructive-secondary-hover: #ed8f90;
641
- --wds-color-fill-destructive-tertiary: #ffffff;
642
- --wds-color-fill-destructive-tertiary-active: #f4b8b9;
643
- --wds-color-fill-destructive-tertiary-disabled: #ffffff;
644
- --wds-color-fill-destructive-tertiary-hover: #f9d6d7;
645
- --wds-color-fill-light-primary: #ffffff;
646
- --wds-color-fill-light-primary-active: #d5dfff;
647
- --wds-color-fill-light-primary-disabled: rgba(255, 255, 255, .3);
648
- --wds-color-fill-light-primary-hover: #eaefff;
649
- --wds-color-fill-light-secondary: rgba(255, 255, 255, 0);
650
- --wds-color-fill-light-secondary-active: #d5dfff;
651
- --wds-color-fill-light-secondary-disabled: rgba(255, 255, 255, 0);
652
- --wds-color-fill-light-secondary-hover: #eaefff;
653
- --wds-color-fill-light-tertiary: #ffffff;
654
- --wds-color-fill-light-tertiary-active: #d5dfff;
655
- --wds-color-fill-light-tertiary-disabled: rgba(255, 255, 255, 0);
656
- --wds-color-fill-light-tertiary-hover: #eaefff;
657
- --wds-color-fill-premium-light-primary: #ffffff;
658
- --wds-color-fill-premium-light-primary-active: #d5dfff;
659
- --wds-color-fill-premium-light-primary-disabled: rgba(255, 255, 255, .3);
660
- --wds-color-fill-premium-light-primary-hover: #eaefff;
661
- --wds-color-fill-premium-light-secondary: rgba(255, 255, 255, 0);
662
- --wds-color-fill-premium-light-secondary-active: #d5dfff;
663
- --wds-color-fill-premium-light-secondary-disabled: rgba(255, 255, 255, 0);
664
- --wds-color-fill-premium-light-secondary-hover: #eaefff;
665
- --wds-color-fill-premium-primary: #2f5dff;
666
- --wds-color-fill-premium-primary-active: #0f2ccf;
667
- --wds-color-fill-premium-primary-disabled: rgba(19, 23, 32, .3);
668
- --wds-color-fill-premium-primary-hover: #1c3fe5;
669
- --wds-color-fill-premium-secondary: #d5dfff;
670
- --wds-color-fill-premium-secondary-active: #7896ff;
671
- --wds-color-fill-premium-secondary-disabled: rgba(19, 23, 32, .1);
672
- --wds-color-fill-premium-secondary-hover: #acbeff;
673
- --wds-color-fill-premium-tertiary: #ffffff;
674
- --wds-color-fill-premium-tertiary-active: #d5dfff;
675
- --wds-color-fill-premium-tertiary-disabled: #ffffff;
676
- --wds-color-fill-premium-tertiary-hover: #eaefff;
619
+ --wds-color-fill-ai-tertiary-disabled: #2C2D30;
620
+ --wds-color-fill-ai-tertiary-hover: #212122;
621
+ --wds-color-fill-dark-primary: #FFFFFF;
622
+ --wds-color-fill-dark-primary-active: #A8A6A5;
623
+ --wds-color-fill-dark-primary-disabled: rgba(255, 255, 255, .3);
624
+ --wds-color-fill-dark-primary-hover: #D4D3D2;
625
+ --wds-color-fill-dark-secondary: #353534;
626
+ --wds-color-fill-dark-secondary-active: #666565;
627
+ --wds-color-fill-dark-secondary-disabled: rgba(255, 255, 255, .1);
628
+ --wds-color-fill-dark-secondary-hover: #454544;
629
+ --wds-color-fill-dark-tertiary: #2C2D30;
630
+ --wds-color-fill-dark-tertiary-active: #353534;
631
+ --wds-color-fill-dark-tertiary-disabled: #2C2D30;
632
+ --wds-color-fill-dark-tertiary-hover: #212122;
633
+ --wds-color-fill-destructive-primary: #FF7680;
634
+ --wds-color-fill-destructive-primary-active: #F9D6D7;
635
+ --wds-color-fill-destructive-primary-disabled: rgba(255, 255, 255, .3);
636
+ --wds-color-fill-destructive-primary-hover: #FEBEC0;
637
+ --wds-color-fill-destructive-secondary: #A6464B;
638
+ --wds-color-fill-destructive-secondary-active: #D34D55;
639
+ --wds-color-fill-destructive-secondary-disabled: rgba(255, 255, 255, .1);
640
+ --wds-color-fill-destructive-secondary-hover: #A6464B;
641
+ --wds-color-fill-destructive-tertiary: #2C2D30;
642
+ --wds-color-fill-destructive-tertiary-active: #A6464B;
643
+ --wds-color-fill-destructive-tertiary-disabled: #2C2D30;
644
+ --wds-color-fill-destructive-tertiary-hover: #4D2324;
645
+ --wds-color-fill-light-primary: #2C2D30;
646
+ --wds-color-fill-light-primary-active: #343F53;
647
+ --wds-color-fill-light-primary-disabled: rgba(44, 45, 48, .3);
648
+ --wds-color-fill-light-primary-hover: #212328;
649
+ --wds-color-fill-light-secondary: rgba(44, 45, 48, 0);
650
+ --wds-color-fill-light-secondary-active: #343F53;
651
+ --wds-color-fill-light-secondary-disabled: rgba(44, 45, 48, 0);
652
+ --wds-color-fill-light-secondary-hover: #212328;
653
+ --wds-color-fill-light-tertiary: #2C2D30;
654
+ --wds-color-fill-light-tertiary-active: #343F53;
655
+ --wds-color-fill-light-tertiary-disabled: rgba(44, 45, 48, 0);
656
+ --wds-color-fill-light-tertiary-hover: #212328;
657
+ --wds-color-fill-premium-light-primary: #2C2D30;
658
+ --wds-color-fill-premium-light-primary-active: #343F53;
659
+ --wds-color-fill-premium-light-primary-disabled: rgba(44, 45, 48, .3);
660
+ --wds-color-fill-premium-light-primary-hover: #212328;
661
+ --wds-color-fill-premium-light-secondary: rgba(44, 45, 48, 0);
662
+ --wds-color-fill-premium-light-secondary-active: #343F53;
663
+ --wds-color-fill-premium-light-secondary-disabled: rgba(44, 45, 48, 0);
664
+ --wds-color-fill-premium-light-secondary-hover: #212328;
665
+ --wds-color-fill-premium-primary: #82B0FF;
666
+ --wds-color-fill-premium-primary-active: #E0E7FF;
667
+ --wds-color-fill-premium-primary-disabled: rgba(255, 255, 255, .3);
668
+ --wds-color-fill-premium-primary-hover: #B1CCFF;
669
+ --wds-color-fill-premium-secondary: #343F53;
670
+ --wds-color-fill-premium-secondary-active: #5B78A9;
671
+ --wds-color-fill-premium-secondary-disabled: rgba(255, 255, 255, .1);
672
+ --wds-color-fill-premium-secondary-hover: #485B7E;
673
+ --wds-color-fill-premium-tertiary: #2C2D30;
674
+ --wds-color-fill-premium-tertiary-active: #343F53;
675
+ --wds-color-fill-premium-tertiary-disabled: #2C2D30;
676
+ --wds-color-fill-premium-tertiary-hover: #212328;
677
677
  --wds-color-fill-social-facebook: #1877f2;
678
678
  --wds-color-fill-social-facebook-active: #1877f2;
679
679
  --wds-color-fill-social-facebook-disabled: #bebebe;
@@ -704,149 +704,149 @@
704
704
  --wds-color-fill-social-youtube-hover: rgba(255, 0, 0, 0.8000);
705
705
  --wds-color-fill-stage-anchor: #5effff;
706
706
  --wds-color-fill-stage-anchor-active: #5effff;
707
- --wds-color-fill-stage-anchor-disabled: rgba(19, 23, 32, .3);
707
+ --wds-color-fill-stage-anchor-disabled: rgba(255, 255, 255, .3);
708
708
  --wds-color-fill-stage-anchor-hover: #18d2de;
709
- --wds-color-fill-stage-element-primary: #2f5dff;
710
- --wds-color-fill-stage-element-primary-active: #0f2ccf;
711
- --wds-color-fill-stage-element-primary-disabled: rgba(19, 23, 32, .3);
712
- --wds-color-fill-stage-element-primary-hover: #1c3fe5;
713
- --wds-color-fill-stage-element-secondary: #d5dfff;
714
- --wds-color-fill-stage-element-secondary-active: #597dff;
715
- --wds-color-fill-stage-element-secondary-disabled: rgba(19, 23, 32, .1);
716
- --wds-color-fill-stage-element-secondary-hover: #acbeff;
717
- --wds-color-fill-stage-master-primary: #ff8044;
718
- --wds-color-fill-stage-master-primary-active: #ff8044;
719
- --wds-color-fill-stage-master-primary-disabled: rgba(19, 23, 32, .3);
720
- --wds-color-fill-stage-master-primary-hover: #ae3e09;
721
- --wds-color-fill-stage-master-secondary: #fbcfbb;
722
- --wds-color-fill-stage-master-secondary-active: #fe9361;
723
- --wds-color-fill-stage-master-secondary-disabled: rgba(19, 23, 32, .1);
724
- --wds-color-fill-stage-master-secondary-hover: #fda77f;
709
+ --wds-color-fill-stage-element-primary: #82B0FF;
710
+ --wds-color-fill-stage-element-primary-active: #E0E7FF;
711
+ --wds-color-fill-stage-element-primary-disabled: rgba(255, 255, 255, .3);
712
+ --wds-color-fill-stage-element-primary-hover: #B1CCFF;
713
+ --wds-color-fill-stage-element-secondary: #343F53;
714
+ --wds-color-fill-stage-element-secondary-active: #6F94D4;
715
+ --wds-color-fill-stage-element-secondary-disabled: rgba(255, 255, 255, .1);
716
+ --wds-color-fill-stage-element-secondary-hover: #485B7E;
717
+ --wds-color-fill-stage-master-primary: #FF8044;
718
+ --wds-color-fill-stage-master-primary-active: #FF8044;
719
+ --wds-color-fill-stage-master-primary-disabled: rgba(255, 255, 255, .3);
720
+ --wds-color-fill-stage-master-primary-hover: #FBE3D9;
721
+ --wds-color-fill-stage-master-secondary: #7D3F21;
722
+ --wds-color-fill-stage-master-secondary-active: #D46A38;
723
+ --wds-color-fill-stage-master-secondary-disabled: rgba(255, 255, 255, .1);
724
+ --wds-color-fill-stage-master-secondary-hover: #A8542D;
725
725
  --wds-color-fill-stage-padding: #18d9c2;
726
726
  --wds-color-fill-stage-padding-active: #18d9c2;
727
- --wds-color-fill-stage-padding-disabled: rgba(19, 23, 32, .1);
727
+ --wds-color-fill-stage-padding-disabled: rgba(255, 255, 255, .1);
728
728
  --wds-color-fill-stage-padding-hover: #18d9c2;
729
729
  --wds-color-fill-stage-section-primary: #6f56f9;
730
730
  --wds-color-fill-stage-section-primary-active: #6f56f9;
731
- --wds-color-fill-stage-section-primary-disabled: rgba(19, 23, 32, .3);
731
+ --wds-color-fill-stage-section-primary-disabled: rgba(255, 255, 255, .3);
732
732
  --wds-color-fill-stage-section-primary-hover: #6f56f9;
733
733
  --wds-color-fill-stage-section-secondary: #d9d2ff;
734
734
  --wds-color-fill-stage-section-secondary-active: #d9d2ff;
735
- --wds-color-fill-stage-section-secondary-disabled: rgba(19, 23, 32, .1);
735
+ --wds-color-fill-stage-section-secondary-disabled: rgba(255, 255, 255, .1);
736
736
  --wds-color-fill-stage-section-secondary-hover: #d9d2ff;
737
- --wds-color-fill-standard-light-primary: #7896ff;
738
- --wds-color-fill-standard-light-primary-active: #597dff;
739
- --wds-color-fill-standard-light-primary-disabled: rgba(255, 255, 255, .3);
740
- --wds-color-fill-standard-light-primary-hover: #7896ff;
741
- --wds-color-fill-standard-light-secondary: #ffffff;
742
- --wds-color-fill-standard-light-secondary-active: #597dff;
743
- --wds-color-fill-standard-light-secondary-disabled: rgba(255, 255, 255, .3);
744
- --wds-color-fill-standard-light-secondary-hover: #7896ff;
745
- --wds-color-fill-standard-primary: #2f5dff;
746
- --wds-color-fill-standard-primary-active: #0f2ccf;
747
- --wds-color-fill-standard-primary-disabled: rgba(19, 23, 32, .3);
748
- --wds-color-fill-standard-primary-hover: #1c3fe5;
749
- --wds-color-fill-standard-secondary: #d5dfff;
750
- --wds-color-fill-standard-secondary-active: #7896ff;
751
- --wds-color-fill-standard-secondary-disabled: rgba(19, 23, 32, .1);
752
- --wds-color-fill-standard-secondary-hover: #acbeff;
753
- --wds-color-fill-standard-tertiary: #ffffff;
754
- --wds-color-fill-standard-tertiary-active: #d5dfff;
755
- --wds-color-fill-standard-tertiary-disabled: #ffffff;
756
- --wds-color-fill-standard-tertiary-hover: #eaefff;
757
- --wds-color-fill-standard-tertiary-readonly: #f0efef;
758
- --wds-color-fill-success-primary: #4b916d;
759
- --wds-color-fill-success-primary-active: #0d4f3d;
760
- --wds-color-fill-success-primary-disabled: rgba(19, 23, 32, .3);
761
- --wds-color-fill-success-primary-hover: #11664f;
762
- --wds-color-fill-success-secondary: #daf3c0;
763
- --wds-color-fill-success-secondary-active: #daf3c0;
764
- --wds-color-fill-success-secondary-disabled: rgba(19, 23, 32, .1);
765
- --wds-color-fill-success-secondary-hover: #bde2a7;
766
- --wds-color-fill-success-tertiary: #ffffff;
767
- --wds-color-fill-success-tertiary-active: #daf3c0;
768
- --wds-color-fill-success-tertiary-disabled: #ffffff;
769
- --wds-color-fill-success-tertiary-hover: #effae5;
770
- --wds-color-fill-surface-dark: #151414;
771
- --wds-color-fill-surface-default: #ffffff;
772
- --wds-color-fill-surface-destructive: #f9d6d7;
773
- --wds-color-fill-surface-modal: #ffffff;
774
- --wds-color-fill-surface-modal-backdrop: rgba(82, 81, 80, .5);
775
- --wds-color-fill-surface-neutral: #f8f6f6;
776
- --wds-color-fill-surface-overlay: #ffffff;
777
- --wds-color-fill-surface-overlay-dark: #151414;
778
- --wds-color-fill-surface-premium: #f5f7ff;
779
- --wds-color-fill-surface-raised: #ffffff;
780
- --wds-color-fill-surface-standard: #d5dfff;
781
- --wds-color-fill-surface-success: #effae5;
782
- --wds-color-fill-surface-sunken: #f8f6f6;
783
- --wds-color-fill-surface-warning: #fef3e5;
784
- --wds-color-fill-transparent-neutral-primary: rgba(82, 81, 80, .5);
785
- --wds-color-fill-transparent-neutral-primary-active: rgba(82, 81, 80, .7);
786
- --wds-color-fill-transparent-neutral-primary-disabled: rgba(19, 23, 32, .2);
787
- --wds-color-fill-transparent-neutral-primary-hover: rgba(82, 81, 80, .6);
788
- --wds-color-fill-transparent-neutral-secondary: rgba(82, 81, 80, 0);
789
- --wds-color-fill-transparent-neutral-secondary-active: rgba(82, 81, 80, .7);
790
- --wds-color-fill-transparent-neutral-secondary-disabled: rgba(82, 81, 80, 0);
791
- --wds-color-fill-transparent-neutral-secondary-hover: rgba(82, 81, 80, .6);
792
- --wds-color-fill-transparent-neutral-tertiary: rgba(19, 23, 32, 0);
793
- --wds-color-fill-transparent-neutral-tertiary-active: rgba(19, 23, 32, .5);
794
- --wds-color-fill-transparent-neutral-tertiary-disabled: rgba(19, 23, 32, 0);
795
- --wds-color-fill-transparent-neutral-tertiary-hover: rgba(19, 23, 32, .5);
796
- --wds-color-fill-transparent-primary: rgba(82, 81, 80, .5);
797
- --wds-color-fill-transparent-primary-active: rgba(82, 81, 80, .7);
798
- --wds-color-fill-transparent-primary-disabled: rgba(19, 23, 32, .2);
799
- --wds-color-fill-transparent-primary-hover: rgba(82, 81, 80, .6);
800
- --wds-color-fill-transparent-secondary: rgba(82, 81, 80, 0);
801
- --wds-color-fill-transparent-secondary-active: rgba(82, 81, 80, .7);
802
- --wds-color-fill-transparent-secondary-disabled: rgba(82, 81, 80, 0);
803
- --wds-color-fill-transparent-secondary-hover: rgba(82, 81, 80, .6);
804
- --wds-color-fill-transparent-tertiary: rgba(19, 23, 32, 0);
805
- --wds-color-fill-transparent-tertiary-active: rgba(19, 23, 32, .5);
806
- --wds-color-fill-transparent-tertiary-disabled: rgba(19, 23, 32, 0);
807
- --wds-color-fill-transparent-tertiary-hover: rgba(19, 23, 32, .5);
808
- --wds-color-fill-urgent-primary: #ff8044;
809
- --wds-color-fill-urgent-primary-active: #ae3e09;
810
- --wds-color-fill-urgent-primary-disabled: rgba(19, 23, 32, .3);
811
- --wds-color-fill-urgent-primary-hover: #d96d3a;
812
- --wds-color-fill-urgent-secondary: #fbcfbb;
813
- --wds-color-fill-urgent-secondary-active: #fe9361;
814
- --wds-color-fill-urgent-secondary-disabled: rgba(19, 23, 32, .1);
815
- --wds-color-fill-urgent-secondary-hover: #fda77f;
816
- --wds-color-fill-urgent-tertiary: #ffffff;
817
- --wds-color-fill-urgent-tertiary-active: #fbcfbb;
818
- --wds-color-fill-urgent-tertiary-disabled: #ffffff;
819
- --wds-color-fill-urgent-tertiary-hover: #f8f6f6;
820
- --wds-color-fill-warning-primary: #f9ad4d;
821
- --wds-color-fill-warning-primary-active: #d49341;
822
- --wds-color-fill-warning-primary-disabled: rgba(19, 23, 32, .3);
823
- --wds-color-fill-warning-primary-hover: #e7a047;
824
- --wds-color-fill-warning-secondary: #fdead2;
825
- --wds-color-fill-warning-secondary-active: #fabd71;
826
- --wds-color-fill-warning-secondary-disabled: rgba(19, 23, 32, .1);
827
- --wds-color-fill-warning-secondary-hover: #fcd29d;
828
- --wds-color-fill-warning-tertiary: #ffffff;
829
- --wds-color-fill-warning-tertiary-active: #fdead2;
830
- --wds-color-fill-warning-tertiary-disabled: #ffffff;
831
- --wds-color-fill-warning-tertiary-hover: #fef3e5;
832
- --wds-color-text-destructive: #df3336;
833
- --wds-color-text-disabled: #a8a6a5;
834
- --wds-color-text-disabled-light: rgba(255, 255, 255, .7);
835
- --wds-color-text-highlight: #d5dfff;
836
- --wds-color-text-placeholder: #767574;
837
- --wds-color-text-placeholder-light: #767574;
838
- --wds-color-text-premium: #2f5dff;
839
- --wds-color-text-primary: #2f5dff;
840
- --wds-color-text-stage-element: #2f5dff;
841
- --wds-color-text-stage-master: #ff8044;
737
+ --wds-color-fill-standard-light-primary: #5B78A9;
738
+ --wds-color-fill-standard-light-primary-active: #6F94D4;
739
+ --wds-color-fill-standard-light-primary-disabled: rgba(44, 45, 48, .3);
740
+ --wds-color-fill-standard-light-primary-hover: #5B78A9;
741
+ --wds-color-fill-standard-light-secondary: #2C2D30;
742
+ --wds-color-fill-standard-light-secondary-active: #6F94D4;
743
+ --wds-color-fill-standard-light-secondary-disabled: rgba(44, 45, 48, .3);
744
+ --wds-color-fill-standard-light-secondary-hover: #5B78A9;
745
+ --wds-color-fill-standard-primary: #82B0FF;
746
+ --wds-color-fill-standard-primary-active: #E0E7FF;
747
+ --wds-color-fill-standard-primary-disabled: rgba(255, 255, 255, .3);
748
+ --wds-color-fill-standard-primary-hover: #B1CCFF;
749
+ --wds-color-fill-standard-secondary: #343F53;
750
+ --wds-color-fill-standard-secondary-active: #5B78A9;
751
+ --wds-color-fill-standard-secondary-disabled: rgba(255, 255, 255, .1);
752
+ --wds-color-fill-standard-secondary-hover: #485B7E;
753
+ --wds-color-fill-standard-tertiary: #2C2D30;
754
+ --wds-color-fill-standard-tertiary-active: #343F53;
755
+ --wds-color-fill-standard-tertiary-disabled: #2C2D30;
756
+ --wds-color-fill-standard-tertiary-hover: #212328;
757
+ --wds-color-fill-standard-tertiary-readonly: #353534;
758
+ --wds-color-fill-success-primary: #53DA98;
759
+ --wds-color-fill-success-primary-active: #D6ECE1;
760
+ --wds-color-fill-success-primary-disabled: rgba(255, 255, 255, .3);
761
+ --wds-color-fill-success-primary-hover: #A3E5C5;
762
+ --wds-color-fill-success-secondary: #396F5C;
763
+ --wds-color-fill-success-secondary-active: #396F5C;
764
+ --wds-color-fill-success-secondary-disabled: rgba(255, 255, 255, .1);
765
+ --wds-color-fill-success-secondary-hover: #4B9476;
766
+ --wds-color-fill-success-tertiary: #2C2D30;
767
+ --wds-color-fill-success-tertiary-active: #396F5C;
768
+ --wds-color-fill-success-tertiary-disabled: #2C2D30;
769
+ --wds-color-fill-success-tertiary-hover: #264B43;
770
+ --wds-color-fill-surface-dark: #FFFFFF;
771
+ --wds-color-fill-surface-default: #2C2D30;
772
+ --wds-color-fill-surface-destructive: #4D2324;
773
+ --wds-color-fill-surface-modal: #2C2D30;
774
+ --wds-color-fill-surface-modal-backdrop: rgba(168, 166, 165, .5);
775
+ --wds-color-fill-surface-neutral: #212122;
776
+ --wds-color-fill-surface-overlay: #2C2D30;
777
+ --wds-color-fill-surface-overlay-dark: #FFFFFF;
778
+ --wds-color-fill-surface-premium: #111214;
779
+ --wds-color-fill-surface-raised: #2C2D30;
780
+ --wds-color-fill-surface-standard: #343F53;
781
+ --wds-color-fill-surface-success: #264B43;
782
+ --wds-color-fill-surface-sunken: #212122;
783
+ --wds-color-fill-surface-warning: #6F502B;
784
+ --wds-color-fill-transparent-neutral-primary: rgba(168, 166, 165, .5);
785
+ --wds-color-fill-transparent-neutral-primary-active: rgba(168, 166, 165, .7);
786
+ --wds-color-fill-transparent-neutral-primary-disabled: rgba(255, 255, 255, .2);
787
+ --wds-color-fill-transparent-neutral-primary-hover: rgba(168, 166, 165, .6);
788
+ --wds-color-fill-transparent-neutral-secondary: rgba(168, 166, 165, 0);
789
+ --wds-color-fill-transparent-neutral-secondary-active: rgba(168, 166, 165, .7);
790
+ --wds-color-fill-transparent-neutral-secondary-disabled: rgba(168, 166, 165, 0);
791
+ --wds-color-fill-transparent-neutral-secondary-hover: rgba(168, 166, 165, .6);
792
+ --wds-color-fill-transparent-neutral-tertiary: rgba(255, 255, 255, 0);
793
+ --wds-color-fill-transparent-neutral-tertiary-active: rgba(255, 255, 255, .5);
794
+ --wds-color-fill-transparent-neutral-tertiary-disabled: rgba(255, 255, 255, 0);
795
+ --wds-color-fill-transparent-neutral-tertiary-hover: rgba(255, 255, 255, .5);
796
+ --wds-color-fill-transparent-primary: rgba(168, 166, 165, .5);
797
+ --wds-color-fill-transparent-primary-active: rgba(168, 166, 165, .7);
798
+ --wds-color-fill-transparent-primary-disabled: rgba(255, 255, 255, .2);
799
+ --wds-color-fill-transparent-primary-hover: rgba(168, 166, 165, .6);
800
+ --wds-color-fill-transparent-secondary: rgba(168, 166, 165, 0);
801
+ --wds-color-fill-transparent-secondary-active: rgba(168, 166, 165, .7);
802
+ --wds-color-fill-transparent-secondary-disabled: rgba(168, 166, 165, 0);
803
+ --wds-color-fill-transparent-secondary-hover: rgba(168, 166, 165, .6);
804
+ --wds-color-fill-transparent-tertiary: rgba(255, 255, 255, 0);
805
+ --wds-color-fill-transparent-tertiary-active: rgba(255, 255, 255, .5);
806
+ --wds-color-fill-transparent-tertiary-disabled: rgba(255, 255, 255, 0);
807
+ --wds-color-fill-transparent-tertiary-hover: rgba(255, 255, 255, .5);
808
+ --wds-color-fill-urgent-primary: #FF8044;
809
+ --wds-color-fill-urgent-primary-active: #FBE3D9;
810
+ --wds-color-fill-urgent-primary-disabled: rgba(255, 255, 255, .3);
811
+ --wds-color-fill-urgent-primary-hover: #FBCFBB;
812
+ --wds-color-fill-urgent-secondary: #7D3F21;
813
+ --wds-color-fill-urgent-secondary-active: #D46A38;
814
+ --wds-color-fill-urgent-secondary-disabled: rgba(255, 255, 255, .1);
815
+ --wds-color-fill-urgent-secondary-hover: #A8542D;
816
+ --wds-color-fill-urgent-tertiary: #2C2D30;
817
+ --wds-color-fill-urgent-tertiary-active: #7D3F21;
818
+ --wds-color-fill-urgent-tertiary-disabled: #2C2D30;
819
+ --wds-color-fill-urgent-tertiary-hover: #212122;
820
+ --wds-color-fill-warning-primary: #FFCB62;
821
+ --wds-color-fill-warning-primary-active: #FEF6ED;
822
+ --wds-color-fill-warning-primary-disabled: rgba(255, 255, 255, .3);
823
+ --wds-color-fill-warning-primary-hover: #FEDB9A;
824
+ --wds-color-fill-warning-secondary: #946933;
825
+ --wds-color-fill-warning-secondary-active: #F9AD4D;
826
+ --wds-color-fill-warning-secondary-disabled: rgba(255, 255, 255, .1);
827
+ --wds-color-fill-warning-secondary-hover: #C68B40;
828
+ --wds-color-fill-warning-tertiary: #2C2D30;
829
+ --wds-color-fill-warning-tertiary-active: #946933;
830
+ --wds-color-fill-warning-tertiary-disabled: #2C2D30;
831
+ --wds-color-fill-warning-tertiary-hover: #6F502B;
832
+ --wds-color-text-destructive: #FF7680;
833
+ --wds-color-text-disabled: #878685;
834
+ --wds-color-text-disabled-light: rgba(44, 45, 48, .7);
835
+ --wds-color-text-highlight: #343F53;
836
+ --wds-color-text-placeholder: #A09E9D;
837
+ --wds-color-text-placeholder-light: #A09E9D;
838
+ --wds-color-text-premium: #82B0FF;
839
+ --wds-color-text-primary: #82B0FF;
840
+ --wds-color-text-stage-element: #82B0FF;
841
+ --wds-color-text-stage-master: #FF8044;
842
842
  --wds-color-text-stage-section: #6f56f9;
843
- --wds-color-text-standard-primary: #151414;
844
- --wds-color-text-standard-primary-light: #ffffff;
845
- --wds-color-text-standard-secondary: #383838;
846
- --wds-color-text-standard-secondary-light: #767574;
847
- --wds-color-text-success: #4b916d;
848
- --wds-color-text-urgent: #ff8044;
849
- --wds-color-text-warning: #f9ad4d;
843
+ --wds-color-text-standard-primary: #FFFFFF;
844
+ --wds-color-text-standard-primary-light: #2C2D30;
845
+ --wds-color-text-standard-secondary: #D4D3D2;
846
+ --wds-color-text-standard-secondary-light: #A09E9D;
847
+ --wds-color-text-success: #53DA98;
848
+ --wds-color-text-urgent: #FF8044;
849
+ --wds-color-text-warning: #FFCB62;
850
850
  --wds-font-letter-spacing-heading-1: -0.50;
851
851
  --wds-font-letter-spacing-heading-2: -0.50;
852
852
  --wds-font-letter-spacing-heading-3: -0.50;
@@ -883,10 +883,10 @@
883
883
  --wds-inner-shadow-blur-input: 3px;
884
884
  --wds-inner-shadow-blur-primary: 2px;
885
885
  --wds-inner-shadow-blur-secondary: 2px;
886
- --wds-inner-shadow-fill-input: rgba(118, 117, 116, 0.2);
887
- --wds-inner-shadow-fill-primary: #ffffff;
888
- --wds-inner-shadow-fill-secondary: #ffffff;
889
- --wds-inner-shadow-fill-track: rgba(19, 23, 32, .2);
886
+ --wds-inner-shadow-fill-input: rgba(44, 45, 48, .5);
887
+ --wds-inner-shadow-fill-primary: #2C2D30;
888
+ --wds-inner-shadow-fill-secondary: #2C2D30;
889
+ --wds-inner-shadow-fill-track: rgba(255, 255, 255, .2);
890
890
  --wds-inner-shadow-x-input: 1px;
891
891
  --wds-inner-shadow-x-primary: 1px;
892
892
  --wds-inner-shadow-x-secondary: 1px;
@@ -894,65 +894,65 @@
894
894
  --wds-inner-shadow-y-primary: 1px;
895
895
  --wds-inner-shadow-y-secondary: 1px;
896
896
  --wds-shadow-blur-input: 3px;
897
- --wds-shadow-blur-primary-modal: 30px;
898
- --wds-shadow-blur-primary-overlay: 30px;
897
+ --wds-shadow-blur-primary-modal: 20px;
898
+ --wds-shadow-blur-primary-overlay: 8px;
899
899
  --wds-shadow-blur-primary-overlay-dark: 8px;
900
- --wds-shadow-blur-primary-raised: 10px;
900
+ --wds-shadow-blur-primary-raised: 4px;
901
901
  --wds-shadow-blur-primary-toggle: 0px;
902
902
  --wds-shadow-blur-primary-toggle-button: 4px;
903
903
  --wds-shadow-blur-secondary-modal: 0px;
904
- --wds-shadow-blur-secondary-overlay: 0px;
904
+ --wds-shadow-blur-secondary-overlay: 30px;
905
905
  --wds-shadow-blur-secondary-overlay-dark: 0px;
906
- --wds-shadow-blur-secondary-raised: 2px;
906
+ --wds-shadow-blur-secondary-raised: 4px;
907
907
  --wds-shadow-blur-secondary-toggle: 0px;
908
908
  --wds-shadow-blur-secondary-toggle-button: 1.7px;
909
909
  --wds-shadow-blur-tertiary-toggle-button: 0.6px;
910
- --wds-shadow-fill-input: rgba(118, 117, 116, 0.2);
911
- --wds-shadow-fill-primary-modal: rgba(19, 23, 32, .1);
912
- --wds-shadow-fill-primary-overlay: rgba(19, 23, 32, .1);
913
- --wds-shadow-fill-primary-overlay-dark: rgba(19, 23, 32, .15);
914
- --wds-shadow-fill-primary-raised: rgba(19, 23, 32, .05);
915
- --wds-shadow-fill-primary-slider: rgba(19, 23, 32, 0);
916
- --wds-shadow-fill-primary-toggle: rgba(19, 23, 32, 0);
917
- --wds-shadow-fill-primary-toggle-button: rgba(19, 23, 32, .05);
918
- --wds-shadow-fill-quaternary-raised: rgba(19, 23, 32, .05);
919
- --wds-shadow-fill-secondary-modal: rgba(19, 23, 32, 0);
920
- --wds-shadow-fill-secondary-overlay: rgba(19, 23, 32, 0);
921
- --wds-shadow-fill-secondary-overlay-dark: rgba(19, 23, 32, 0);
922
- --wds-shadow-fill-secondary-raised: rgba(19, 23, 32, .05);
923
- --wds-shadow-fill-secondary-toggle: rgba(19, 23, 32, 0);
924
- --wds-shadow-fill-secondary-toggle-button: rgba(19, 23, 32, .15);
925
- --wds-shadow-fill-tertiary-raised: rgba(19, 23, 32, .05);
926
- --wds-shadow-fill-tertiary-toggle-button: rgba(19, 23, 32, .25);
927
- --wds-shadow-focus-destructive: 0 0 0 #f4b8b9;
928
- --wds-shadow-focus-inner-destructive: 0 0 0 3px #f4b8b9 inset;
929
- --wds-shadow-focus-inner-standard: 0 0 0 3px #acbeff inset;
930
- --wds-shadow-focus-inner-warning: 0 0 0 3px #fdead2 inset;
910
+ --wds-shadow-fill-input: rgba(168, 166, 165, 0.2);
911
+ --wds-shadow-fill-primary-modal: #00000040;
912
+ --wds-shadow-fill-primary-overlay: #00000052;
913
+ --wds-shadow-fill-primary-overlay-dark: #00000052;
914
+ --wds-shadow-fill-primary-raised: #0006244D;
915
+ --wds-shadow-fill-primary-slider: rgba(255, 255, 255, 0);
916
+ --wds-shadow-fill-primary-toggle: rgba(255, 255, 255, 0);
917
+ --wds-shadow-fill-primary-toggle-button: rgba(255, 255, 255, 0);
918
+ --wds-shadow-fill-quaternary-raised: rgba(255, 255, 255, 0);
919
+ --wds-shadow-fill-secondary-modal: rgba(255, 255, 255, 0);
920
+ --wds-shadow-fill-secondary-overlay: #00000061;
921
+ --wds-shadow-fill-secondary-overlay-dark: rgba(255, 255, 255, 0);
922
+ --wds-shadow-fill-secondary-raised: #0006241F;
923
+ --wds-shadow-fill-secondary-toggle: rgba(255, 255, 255, 0);
924
+ --wds-shadow-fill-secondary-toggle-button: #2C2D30;
925
+ --wds-shadow-fill-tertiary-raised: rgba(255, 255, 255, 0);
926
+ --wds-shadow-fill-tertiary-toggle-button: #2C2D30;
927
+ --wds-shadow-focus-destructive: 0 0 0 #A6464B;
928
+ --wds-shadow-focus-inner-destructive: 0 0 0 3px #A6464B inset;
929
+ --wds-shadow-focus-inner-standard: 0 0 0 3px #485B7E inset;
930
+ --wds-shadow-focus-inner-warning: 0 0 0 3px #946933 inset;
931
931
  --wds-shadow-focus-spread: 0;
932
- --wds-shadow-focus-standard: 0 0 0 3px #acbeff;
933
- --wds-shadow-focus-warning: 0 0 0 #fdead2;
932
+ --wds-shadow-focus-standard: 0 0 0 3px #485B7E;
933
+ --wds-shadow-focus-warning: 0 0 0 #946933;
934
934
  --wds-shadow-spread-secondary-raised: -0.70;
935
- --wds-shadow-surface-modal: 2px 20px 30px rgba(19, 23, 32, .1), 0 0px 0px rgba(19, 23, 32, 0);
936
- --wds-shadow-surface-overlay: 0 12px 30px 0 rgba(19, 23, 32, .1), 0 0px 0px 0 rgba(19, 23, 32, 0);
937
- --wds-shadow-surface-overlay-dark: 0 12px 30px 0 rgba(19, 23, 32, .1), 0 0px 0px 0 rgba(19, 23, 32, 0);
938
- --wds-shadow-surface-raised: 0 2px 4px rgba(19, 23, 32, .05), 0 0 6px rgba(19, 23, 32, .1);
935
+ --wds-shadow-surface-modal: 2px 20px 30px rgba(255, 255, 255, .1), 0 0px 0px rgba(255, 255, 255, 0);
936
+ --wds-shadow-surface-overlay: 0 12px 30px 0 rgba(255, 255, 255, .1), 0 0px 0px 0 rgba(255, 255, 255, 0);
937
+ --wds-shadow-surface-overlay-dark: 0 12px 30px 0 rgba(255, 255, 255, .1), 0 0px 0px 0 rgba(255, 255, 255, 0);
938
+ --wds-shadow-surface-raised: 0 2px 4px rgba(255, 255, 255, .05), 0 0 6px rgba(255, 255, 255, .1);
939
939
  --wds-shadow-x-input: 1px;
940
- --wds-shadow-x-primary-modal: 2px;
940
+ --wds-shadow-x-primary-modal: 0px;
941
941
  --wds-shadow-x-primary-toggle-button: 1px;
942
- --wds-shadow-x-secondary-raised: 1px;
942
+ --wds-shadow-x-secondary-raised: 0px;
943
943
  --wds-shadow-x-secondary-toggle-button: 1.2px;
944
944
  --wds-shadow-x-tertiary-toggle-button: 0.4px;
945
945
  --wds-shadow-y-input: 1px;
946
- --wds-shadow-y-primary-modal: 20px;
947
- --wds-shadow-y-primary-overlay: 12px;
946
+ --wds-shadow-y-primary-modal: 9;
947
+ --wds-shadow-y-primary-overlay: 0px;
948
948
  --wds-shadow-y-primary-overlay-dark: 0px;
949
- --wds-shadow-y-primary-raised: 1px;
949
+ --wds-shadow-y-primary-raised: 0px;
950
950
  --wds-shadow-y-primary-toggle: 0px;
951
951
  --wds-shadow-y-primary-toggle-button: 4px;
952
952
  --wds-shadow-y-secondary-modal: 0px;
953
- --wds-shadow-y-secondary-overlay: 0px;
953
+ --wds-shadow-y-secondary-overlay: 12;
954
954
  --wds-shadow-y-secondary-overlay-dark: 0px;
955
- --wds-shadow-y-secondary-raised: 0px;
955
+ --wds-shadow-y-secondary-raised: 2px;
956
956
  --wds-shadow-y-secondary-toggle: 0px;
957
957
  --wds-shadow-y-secondary-toggle-button: 1.2px;
958
958
  --wds-shadow-y-tertiary-toggle-button: 0.4px;