@salt-ds/theme 1.21.0 → 1.23.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 (4) hide show
  1. package/css/theme-next.css +214 -47
  2. package/css/theme.css +299 -45
  3. package/index.css +299 -45
  4. package/package.json +1 -1
package/css/theme-next.css CHANGED
@@ -14,6 +14,13 @@
14
14
  --salt-color-black-40a: rgba(var(--salt-color-black-rgb), 0.4);
15
15
  --salt-color-black-45a: rgba(var(--salt-color-black-rgb), 0.45);
16
16
  --salt-color-black-70a: rgba(var(--salt-color-black-rgb), 0.7);
17
+ --salt-color-blue-200-40a: rgba(var(--salt-color-blue-200-rgb), 0.4);
18
+ --salt-color-blue-300-40a: rgba(var(--salt-color-blue-300-rgb), 0.4);
19
+ --salt-color-blue-400-40a: rgba(var(--salt-color-blue-400-rgb), 0.4);
20
+ --salt-color-blue-500-40a: rgba(var(--salt-color-blue-500-rgb), 0.4);
21
+ --salt-color-blue-600-40a: rgba(var(--salt-color-blue-600-rgb), 0.4);
22
+ --salt-color-blue-700-40a: rgba(var(--salt-color-blue-700-rgb), 0.4);
23
+ --salt-color-blue-800-40a: rgba(var(--salt-color-blue-800-rgb), 0.4);
17
24
  --salt-color-gray-300-10a: rgba(var(--salt-color-gray-300-rgb), 0.1);
18
25
  --salt-color-gray-300-40a: rgba(var(--salt-color-gray-300-rgb), 0.4);
19
26
  --salt-color-gray-400-40a: rgba(var(--salt-color-gray-400-rgb), 0.4);
@@ -22,13 +29,9 @@
22
29
  --salt-color-gray-600-40a: rgba(var(--salt-color-gray-600-rgb), 0.4);
23
30
  --salt-color-gray-700-10a: rgba(var(--salt-color-gray-700-rgb), 0.1);
24
31
  --salt-color-gray-700-40a: rgba(var(--salt-color-gray-700-rgb), 0.4);
25
- --salt-color-blue-200-40a: rgba(var(--salt-color-blue-200-rgb), 0.4);
26
- --salt-color-blue-300-40a: rgba(var(--salt-color-blue-300-rgb), 0.4);
27
- --salt-color-blue-400-40a: rgba(var(--salt-color-blue-400-rgb), 0.4);
28
- --salt-color-blue-500-40a: rgba(var(--salt-color-blue-500-rgb), 0.4);
29
- --salt-color-blue-600-40a: rgba(var(--salt-color-blue-600-rgb), 0.4);
30
- --salt-color-blue-700-40a: rgba(var(--salt-color-blue-700-rgb), 0.4);
31
- --salt-color-blue-800-40a: rgba(var(--salt-color-blue-800-rgb), 0.4);
32
+ --salt-color-green-500-40a: rgba(var(--salt-color-green-500-rgb), 0.4);
33
+ --salt-color-orange-500-40a: rgba(var(--salt-color-orange-500-rgb), 0.4);
34
+ --salt-color-red-500-40a: rgba(var(--salt-color-red-500-rgb), 0.4);
32
35
  --salt-color-teal-200-40a: rgba(var(--salt-color-teal-200-rgb), 0.4);
33
36
  --salt-color-teal-300-40a: rgba(var(--salt-color-teal-300-rgb), 0.4);
34
37
  --salt-color-teal-400-40a: rgba(var(--salt-color-teal-400-rgb), 0.4);
@@ -563,8 +566,8 @@
563
566
  --salt-palette-foreground-primary-disabled: var(--salt-color-black-40a);
564
567
  --salt-palette-foreground-primary-alt: var(--salt-color-white);
565
568
  --salt-palette-foreground-primary-alt-disabled: var(--salt-color-white-40a);
566
- --salt-palette-foreground-secondary: var(--salt-color-gray-600);
567
- --salt-palette-foreground-secondary-disabled: var(--salt-color-gray-600-40a);
569
+ --salt-palette-foreground-secondary: var(--salt-color-gray-700);
570
+ --salt-palette-foreground-secondary-disabled: var(--salt-color-gray-700-40a);
568
571
  --salt-palette-foreground-visited: var(--salt-color-purple-800);
569
572
  }
570
573
  .salt-theme.salt-theme-next[data-mode=dark] {
@@ -574,8 +577,8 @@
574
577
  --salt-palette-foreground-primary-disabled: var(--salt-color-white-40a);
575
578
  --salt-palette-foreground-primary-alt: var(--salt-color-white);
576
579
  --salt-palette-foreground-primary-alt-disabled: var(--salt-color-white-40a);
577
- --salt-palette-foreground-secondary: var(--salt-color-gray-400);
578
- --salt-palette-foreground-secondary-disabled: var(--salt-color-gray-400-40a);
580
+ --salt-palette-foreground-secondary: var(--salt-color-gray-300);
581
+ --salt-palette-foreground-secondary-disabled: var(--salt-color-gray-300-40a);
579
582
  --salt-palette-foreground-visited: var(--salt-color-purple-200);
580
583
  }
581
584
 
@@ -596,11 +599,17 @@
596
599
  --salt-palette-negative: var(--salt-color-red-500);
597
600
  --salt-palette-negative-strong: var(--salt-color-red-600);
598
601
  --salt-palette-negative-weak: var(--salt-color-red-100);
602
+ --salt-palette-negative-action-hover: var(--salt-color-red-600);
603
+ --salt-palette-negative-action-active: var(--salt-color-red-800);
604
+ --salt-palette-negative-disabled: var(--salt-color-red-500-40a);
599
605
  }
600
606
  .salt-theme.salt-theme-next[data-mode=dark] {
601
607
  --salt-palette-negative: var(--salt-color-red-500);
602
608
  --salt-palette-negative-strong: var(--salt-color-red-400);
603
609
  --salt-palette-negative-weak: var(--salt-color-red-900);
610
+ --salt-palette-negative-action-hover: var(--salt-color-red-600);
611
+ --salt-palette-negative-action-active: var(--salt-color-red-800);
612
+ --salt-palette-negative-disabled: var(--salt-color-red-500-40a);
604
613
  }
605
614
 
606
615
  /* css/palette/neutral-next.css */
@@ -644,11 +653,17 @@
644
653
  --salt-palette-positive: var(--salt-color-green-500);
645
654
  --salt-palette-positive-strong: var(--salt-color-green-600);
646
655
  --salt-palette-positive-weak: var(--salt-color-green-100);
656
+ --salt-palette-positive-action-hover: var(--salt-color-green-600);
657
+ --salt-palette-positive-action-active: var(--salt-color-green-800);
658
+ --salt-palette-positive-disabled: var(--salt-color-green-500-40a);
647
659
  }
648
660
  .salt-theme.salt-theme-next[data-mode=dark] {
649
661
  --salt-palette-positive: var(--salt-color-green-500);
650
662
  --salt-palette-positive-strong: var(--salt-color-green-400);
651
663
  --salt-palette-positive-weak: var(--salt-color-green-900);
664
+ --salt-palette-positive-action-hover: var(--salt-color-green-600);
665
+ --salt-palette-positive-action-active: var(--salt-color-green-800);
666
+ --salt-palette-positive-disabled: var(--salt-color-green-500-40a);
652
667
  }
653
668
 
654
669
  /* css/palette/text-next.css */
@@ -694,60 +709,211 @@
694
709
  /* css/palette/warning-next.css */
695
710
  .salt-theme.salt-theme-next[data-mode=light] {
696
711
  --salt-palette-warning: var(--salt-color-orange-500);
712
+ --salt-palette-warning-disabled: var(--salt-color-orange-500-40a);
697
713
  --salt-palette-warning-strong: var(--salt-color-orange-600);
698
714
  --salt-palette-warning-weak: var(--salt-color-orange-100);
715
+ --salt-palette-warning-action-hover: var(--salt-color-orange-600);
716
+ --salt-palette-warning-action-active: var(--salt-color-orange-800);
699
717
  }
700
718
  .salt-theme.salt-theme-next[data-mode=dark] {
701
719
  --salt-palette-warning: var(--salt-color-orange-500);
720
+ --salt-palette-warning-disabled: var(--salt-color-orange-500-40a);
702
721
  --salt-palette-warning-strong: var(--salt-color-orange-400);
703
722
  --salt-palette-warning-weak: var(--salt-color-orange-900);
723
+ --salt-palette-warning-action-hover: var(--salt-color-orange-600);
724
+ --salt-palette-warning-action-active: var(--salt-color-orange-800);
704
725
  }
705
726
 
706
727
  /* css/characteristics/accent-next.css */
707
728
  .salt-theme.salt-theme-next {
708
729
  --salt-accent-background: var(--salt-palette-accent);
730
+ --salt-accent-background-disabled: var(--salt-palette-accent-disabled);
709
731
  --salt-accent-borderColor: var(--salt-palette-accent);
710
732
  --salt-accent-foreground: var(--salt-palette-foreground-primary-alt);
711
733
  }
712
734
 
713
735
  /* css/characteristics/actionable-next.css */
714
736
  .salt-theme.salt-theme-next {
715
- --salt-actionable-cta-foreground: var(--salt-palette-foreground-primary-alt);
716
- --salt-actionable-cta-foreground-hover: var(--salt-palette-foreground-primary-alt);
717
- --salt-actionable-cta-foreground-active: var(--salt-palette-foreground-primary-alt);
718
- --salt-actionable-cta-foreground-disabled: var(--salt-palette-foreground-primary-alt-disabled);
719
- --salt-actionable-cta-background: var(--salt-palette-accent);
720
- --salt-actionable-cta-background-hover: var(--salt-palette-accent-action-hover);
721
- --salt-actionable-cta-background-active: var(--salt-palette-accent-action-active);
722
- --salt-actionable-cta-background-disabled: var(--salt-palette-accent-disabled);
723
- --salt-actionable-cta-borderColor: var(--salt-palette-accent);
724
- --salt-actionable-cta-borderColor-hover: transparent;
725
- --salt-actionable-cta-borderColor-active: var(--salt-palette-accent);
726
- --salt-actionable-cta-borderColor-disabled: transparent;
727
- --salt-actionable-primary-foreground: var(--salt-palette-foreground-primary-alt);
728
- --salt-actionable-primary-foreground-hover: var(--salt-palette-foreground-primary-alt);
729
- --salt-actionable-primary-foreground-active: var(--salt-palette-foreground-primary-alt);
730
- --salt-actionable-primary-foreground-disabled: var(--salt-palette-foreground-primary-alt-disabled);
731
- --salt-actionable-primary-background: var(--salt-palette-neutral);
732
- --salt-actionable-primary-background-hover: var(--salt-palette-neutral-action-hover);
733
- --salt-actionable-primary-background-active: var(--salt-palette-neutral-action-active);
734
- --salt-actionable-primary-background-disabled: var(--salt-palette-neutral-disabled);
735
- --salt-actionable-primary-borderColor: var(--salt-palette-neutral);
736
- --salt-actionable-primary-borderColor-hover: transparent;
737
- --salt-actionable-primary-borderColor-active: var(--salt-palette-neutral);
738
- --salt-actionable-primary-borderColor-disabled: transparent;
739
- --salt-actionable-secondary-foreground: var(--salt-palette-foreground-primary);
740
- --salt-actionable-secondary-foreground-hover: var(--salt-palette-foreground-primary-alt);
741
- --salt-actionable-secondary-foreground-active: var(--salt-palette-foreground-primary-alt);
742
- --salt-actionable-secondary-foreground-disabled: var(--salt-palette-foreground-primary-disabled);
743
- --salt-actionable-secondary-background: transparent;
744
- --salt-actionable-secondary-background-hover: var(--salt-palette-neutral-action-hover);
745
- --salt-actionable-secondary-background-active: var(--salt-palette-neutral-action-active);
746
- --salt-actionable-secondary-background-disabled: transparent;
747
- --salt-actionable-secondary-borderColor: transparent;
748
- --salt-actionable-secondary-borderColor-hover: transparent;
749
- --salt-actionable-secondary-borderColor-active: var(--salt-palette-neutral);
750
- --salt-actionable-secondary-borderColor-disabled: transparent;
737
+ --salt-actionable-accented-bold-background-active: var(--salt-palette-accent-action-active);
738
+ --salt-actionable-accented-bold-background-disabled: var(--salt-palette-accent-disabled);
739
+ --salt-actionable-accented-bold-background-hover: var(--salt-palette-accent-action-hover);
740
+ --salt-actionable-accented-bold-background: var(--salt-palette-accent);
741
+ --salt-actionable-accented-bold-borderColor-active: var(--salt-palette-accent);
742
+ --salt-actionable-accented-bold-borderColor-disabled: var(--salt-palette-alpha-none);
743
+ --salt-actionable-accented-bold-borderColor-hover: var(--salt-palette-accent);
744
+ --salt-actionable-accented-bold-borderColor: var(--salt-palette-accent);
745
+ --salt-actionable-accented-bold-foreground-active: var(--salt-palette-foreground-primary-alt);
746
+ --salt-actionable-accented-bold-foreground-disabled: var(--salt-palette-foreground-primary-alt-disabled);
747
+ --salt-actionable-accented-bold-foreground-hover: var(--salt-palette-foreground-primary-alt);
748
+ --salt-actionable-accented-bold-foreground: var(--salt-palette-foreground-primary-alt);
749
+ --salt-actionable-accented-background-active: var(--salt-palette-accent-action-active);
750
+ --salt-actionable-accented-background-disabled: var(--salt-palette-alpha-none);
751
+ --salt-actionable-accented-background-hover: var(--salt-palette-accent-action-hover);
752
+ --salt-actionable-accented-background: var(--salt-palette-alpha-none);
753
+ --salt-actionable-accented-borderColor-active: var(--salt-palette-accent);
754
+ --salt-actionable-accented-borderColor-disabled: var(--salt-palette-accent-disabled);
755
+ --salt-actionable-accented-borderColor-hover: var(--salt-palette-accent);
756
+ --salt-actionable-accented-borderColor: var(--salt-palette-accent);
757
+ --salt-actionable-accented-foreground-active: var(--salt-palette-foreground-primary-alt);
758
+ --salt-actionable-accented-foreground-disabled: var(--salt-palette-accent-strong-disabled);
759
+ --salt-actionable-accented-foreground-hover: var(--salt-palette-foreground-primary-alt);
760
+ --salt-actionable-accented-foreground: var(--salt-palette-accent-strong);
761
+ --salt-actionable-accented-subtle-background-active: var(--salt-palette-accent-action-active);
762
+ --salt-actionable-accented-subtle-background-disabled: var(--salt-palette-alpha-none);
763
+ --salt-actionable-accented-subtle-background-hover: var(--salt-palette-accent-action-hover);
764
+ --salt-actionable-accented-subtle-background: var(--salt-palette-alpha-none);
765
+ --salt-actionable-accented-subtle-borderColor-active: var(--salt-palette-accent);
766
+ --salt-actionable-accented-subtle-borderColor-disabled: var(--salt-palette-alpha-none);
767
+ --salt-actionable-accented-subtle-borderColor-hover: var(--salt-palette-accent);
768
+ --salt-actionable-accented-subtle-borderColor: var(--salt-palette-alpha-none);
769
+ --salt-actionable-accented-subtle-foreground-active: var(--salt-palette-foreground-primary-alt);
770
+ --salt-actionable-accented-subtle-foreground-disabled: var(--salt-palette-accent-strong-disabled);
771
+ --salt-actionable-accented-subtle-foreground-hover: var(--salt-palette-foreground-primary-alt);
772
+ --salt-actionable-accented-subtle-foreground: var(--salt-palette-accent-strong);
773
+ --salt-actionable-bold-background-active: var(--salt-palette-neutral-action-active);
774
+ --salt-actionable-bold-background-disabled: var(--salt-palette-neutral-disabled);
775
+ --salt-actionable-bold-background-hover: var(--salt-palette-neutral-action-hover);
776
+ --salt-actionable-bold-background: var(--salt-palette-neutral);
777
+ --salt-actionable-bold-borderColor-active: var(--salt-palette-neutral);
778
+ --salt-actionable-bold-borderColor-disabled: var(--salt-palette-alpha-none);
779
+ --salt-actionable-bold-borderColor-hover: var(--salt-palette-neutral);
780
+ --salt-actionable-bold-borderColor: var(--salt-palette-neutral);
781
+ --salt-actionable-bold-foreground-active: var(--salt-palette-foreground-primary-alt);
782
+ --salt-actionable-bold-foreground-disabled: var(--salt-palette-foreground-primary-alt-disabled);
783
+ --salt-actionable-bold-foreground-hover: var(--salt-palette-foreground-primary-alt);
784
+ --salt-actionable-bold-foreground: var(--salt-palette-foreground-primary-alt);
785
+ --salt-actionable-background-active: var(--salt-palette-neutral-action-active);
786
+ --salt-actionable-background-disabled: var(--salt-palette-alpha-none);
787
+ --salt-actionable-background-hover: var(--salt-palette-neutral-action-hover);
788
+ --salt-actionable-background: var(--salt-palette-alpha-none);
789
+ --salt-actionable-borderColor-active: var(--salt-palette-neutral);
790
+ --salt-actionable-borderColor-disabled: var(--salt-palette-neutral-disabled);
791
+ --salt-actionable-borderColor-hover: var(--salt-palette-neutral);
792
+ --salt-actionable-borderColor: var(--salt-palette-neutral);
793
+ --salt-actionable-foreground-active: var(--salt-palette-foreground-primary-alt);
794
+ --salt-actionable-foreground-disabled: var(--salt-palette-foreground-primary-disabled);
795
+ --salt-actionable-foreground-hover: var(--salt-palette-foreground-primary-alt);
796
+ --salt-actionable-foreground: var(--salt-palette-foreground-primary);
797
+ --salt-actionable-subtle-background-active: var(--salt-palette-neutral-action-active);
798
+ --salt-actionable-subtle-background-disabled: var(--salt-palette-alpha-none);
799
+ --salt-actionable-subtle-background-hover: var(--salt-palette-neutral-action-hover);
800
+ --salt-actionable-subtle-background: var(--salt-palette-alpha-none);
801
+ --salt-actionable-subtle-borderColor-active: var(--salt-palette-neutral);
802
+ --salt-actionable-subtle-borderColor-disabled: var(--salt-palette-alpha-none);
803
+ --salt-actionable-subtle-borderColor-hover: var(--salt-palette-neutral);
804
+ --salt-actionable-subtle-borderColor: var(--salt-palette-alpha-none);
805
+ --salt-actionable-subtle-foreground-active: var(--salt-palette-foreground-primary-alt);
806
+ --salt-actionable-subtle-foreground-disabled: var(--salt-palette-foreground-primary-disabled);
807
+ --salt-actionable-subtle-foreground-hover: var(--salt-palette-foreground-primary-alt);
808
+ --salt-actionable-subtle-foreground: var(--salt-palette-foreground-primary);
809
+ --salt-actionable-negative-bold-background-active: var(--salt-palette-negative-action-active);
810
+ --salt-actionable-negative-bold-background-disabled: var(--salt-palette-negative-disabled);
811
+ --salt-actionable-negative-bold-background-hover: var(--salt-palette-negative-action-hover);
812
+ --salt-actionable-negative-bold-background: var(--salt-palette-negative);
813
+ --salt-actionable-negative-bold-borderColor-active: var(--salt-palette-negative);
814
+ --salt-actionable-negative-bold-borderColor-disabled: var(--salt-palette-alpha-none);
815
+ --salt-actionable-negative-bold-borderColor-hover: var(--salt-palette-negative);
816
+ --salt-actionable-negative-bold-borderColor: var(--salt-palette-negative);
817
+ --salt-actionable-negative-bold-foreground-active: var(--salt-palette-foreground-primary-alt);
818
+ --salt-actionable-negative-bold-foreground-disabled: var(--salt-palette-foreground-primary-alt-disabled);
819
+ --salt-actionable-negative-bold-foreground-hover: var(--salt-palette-foreground-primary-alt);
820
+ --salt-actionable-negative-bold-foreground: var(--salt-palette-foreground-primary-alt);
821
+ --salt-actionable-negative-background-active: var(--salt-palette-negative-action-active);
822
+ --salt-actionable-negative-background-disabled: var(--salt-palette-alpha-none);
823
+ --salt-actionable-negative-background-hover: var(--salt-palette-negative-action-hover);
824
+ --salt-actionable-negative-background: var(--salt-palette-alpha-none);
825
+ --salt-actionable-negative-borderColor-active: var(--salt-palette-negative);
826
+ --salt-actionable-negative-borderColor-disabled: var(--salt-palette-negative-disabled);
827
+ --salt-actionable-negative-borderColor-hover: var(--salt-palette-negative);
828
+ --salt-actionable-negative-borderColor: var(--salt-palette-negative);
829
+ --salt-actionable-negative-foreground-active: var(--salt-palette-foreground-primary-alt);
830
+ --salt-actionable-negative-foreground-disabled: var(--salt-palette-negative-strong disabled);
831
+ --salt-actionable-negative-foreground-hover: var(--salt-palette-foreground-primary-alt);
832
+ --salt-actionable-negative-foreground: var(--salt-palette-negative-strong);
833
+ --salt-actionable-negative-subtle-background-active: var(--salt-palette-negative-action-active);
834
+ --salt-actionable-negative-subtle-background-disabled: var(--salt-palette-alpha-none);
835
+ --salt-actionable-negative-subtle-background-hover: var(--salt-palette-negative-action-hover);
836
+ --salt-actionable-negative-subtle-background: var(--salt-palette-alpha-none);
837
+ --salt-actionable-negative-subtle-borderColor-active: var(--salt-palette-negative);
838
+ --salt-actionable-negative-subtle-borderColor-disabled: var(--salt-palette-alpha-none);
839
+ --salt-actionable-negative-subtle-borderColor-hover: var(--salt-palette-negative);
840
+ --salt-actionable-negative-subtle-borderColor: var(--salt-palette-alpha-none);
841
+ --salt-actionable-negative-subtle-foreground-active: var(--salt-palette-foreground-primary-alt);
842
+ --salt-actionable-negative-subtle-foreground-disabled: var(--salt-palette-negative-strong disabled);
843
+ --salt-actionable-negative-subtle-foreground-hover: var(--salt-palette-foreground-primary-alt);
844
+ --salt-actionable-negative-subtle-foreground: var(--salt-palette-negative-strong);
845
+ --salt-actionable-positive-bold-background-active: var(--salt-palette-positive-action-active);
846
+ --salt-actionable-positive-bold-background-disabled: var(--salt-palette-positive-disabled);
847
+ --salt-actionable-positive-bold-background-hover: var(--salt-palette-positive-action-hover);
848
+ --salt-actionable-positive-bold-background: var(--salt-palette-positive);
849
+ --salt-actionable-positive-bold-borderColor-active: var(--salt-palette-positive);
850
+ --salt-actionable-positive-bold-borderColor-disabled: var(--salt-palette-alpha-none);
851
+ --salt-actionable-positive-bold-borderColor-hover: var(--salt-palette-positive);
852
+ --salt-actionable-positive-bold-borderColor: var(--salt-palette-positive);
853
+ --salt-actionable-positive-bold-foreground-active: var(--salt-palette-foreground-primary-alt);
854
+ --salt-actionable-positive-bold-foreground-disabled: var(--salt-palette-foreground-primary-alt-disabled);
855
+ --salt-actionable-positive-bold-foreground-hover: var(--salt-palette-foreground-primary-alt);
856
+ --salt-actionable-positive-bold-foreground: var(--salt-palette-foreground-primary-alt);
857
+ --salt-actionable-positive-background-active: var(--salt-palette-positive-action-active);
858
+ --salt-actionable-positive-background-disabled: var(--salt-palette-alpha-none);
859
+ --salt-actionable-positive-background-hover: var(--salt-palette-positive-action-hover);
860
+ --salt-actionable-positive-background: var(--salt-palette-alpha-none);
861
+ --salt-actionable-positive-borderColor-active: var(--salt-palette-positive);
862
+ --salt-actionable-positive-borderColor-disabled: var(--salt-palette-positive-disabled);
863
+ --salt-actionable-positive-borderColor-hover: var(--salt-palette-positive);
864
+ --salt-actionable-positive-borderColor: var(--salt-palette-positive);
865
+ --salt-actionable-positive-foreground-active: var(--salt-palette-foreground-primary-alt);
866
+ --salt-actionable-positive-foreground-disabled: var(--salt-palette-positive-strong disabled);
867
+ --salt-actionable-positive-foreground-hover: var(--salt-palette-foreground-primary-alt);
868
+ --salt-actionable-positive-foreground: var(--salt-palette-positive-strong);
869
+ --salt-actionable-positive-subtle-background-active: var(--salt-palette-positive-action-active);
870
+ --salt-actionable-positive-subtle-background-disabled: var(--salt-palette-alpha-none);
871
+ --salt-actionable-positive-subtle-background-hover: var(--salt-palette-positive-action-hover);
872
+ --salt-actionable-positive-subtle-background: var(--salt-palette-alpha-none);
873
+ --salt-actionable-positive-subtle-borderColor-active: var(--salt-palette-positive);
874
+ --salt-actionable-positive-subtle-borderColor-disabled: var(--salt-palette-alpha-none);
875
+ --salt-actionable-positive-subtle-borderColor-hover: var(--salt-palette-positive);
876
+ --salt-actionable-positive-subtle-borderColor: var(--salt-palette-alpha-none);
877
+ --salt-actionable-positive-subtle-foreground-active: var(--salt-palette-foreground-primary-alt);
878
+ --salt-actionable-positive-subtle-foreground-disabled: var(--salt-palette-positive-strong disabled);
879
+ --salt-actionable-positive-subtle-foreground-hover: var(--salt-palette-foreground-primary-alt);
880
+ --salt-actionable-positive-subtle-foreground: var(--salt-palette-positive-strong);
881
+ --salt-actionable-caution-bold-background-active: var(--salt-palette-warning-action-active);
882
+ --salt-actionable-caution-bold-background-disabled: var(--salt-palette-warning-disabled);
883
+ --salt-actionable-caution-bold-background-hover: var(--salt-palette-warning-action-hover);
884
+ --salt-actionable-caution-bold-background: var(--salt-palette-warning);
885
+ --salt-actionable-caution-bold-borderColor-active: var(--salt-palette-warning);
886
+ --salt-actionable-caution-bold-borderColor-disabled: var(--salt-palette-alpha-none);
887
+ --salt-actionable-caution-bold-borderColor-hover: var(--salt-palette-warning);
888
+ --salt-actionable-caution-bold-borderColor: var(--salt-palette-warning);
889
+ --salt-actionable-caution-bold-foreground-active: var(--salt-palette-foreground-primary-alt);
890
+ --salt-actionable-caution-bold-foreground-disabled: var(--salt-palette-foreground-primary-alt-disabled);
891
+ --salt-actionable-caution-bold-foreground-hover: var(--salt-palette-foreground-primary-alt);
892
+ --salt-actionable-caution-bold-foreground: var(--salt-palette-foreground-primary-alt);
893
+ --salt-actionable-caution-background-active: var(--salt-palette-warning-action-active);
894
+ --salt-actionable-caution-background-disabled: var(--salt-palette-alpha-none);
895
+ --salt-actionable-caution-background-hover: var(--salt-palette-warning-action-hover);
896
+ --salt-actionable-caution-background: var(--salt-palette-alpha-none);
897
+ --salt-actionable-caution-borderColor-active: var(--salt-palette-warning);
898
+ --salt-actionable-caution-borderColor-disabled: var(--salt-palette-warning-disabled);
899
+ --salt-actionable-caution-borderColor-hover: var(--salt-palette-warning);
900
+ --salt-actionable-caution-borderColor: var(--salt-palette-warning);
901
+ --salt-actionable-caution-foreground-active: var(--salt-palette-foreground-primary-alt);
902
+ --salt-actionable-caution-foreground-disabled: var(--salt-palette-warning-strong disabled);
903
+ --salt-actionable-caution-foreground-hover: var(--salt-palette-foreground-primary-alt);
904
+ --salt-actionable-caution-foreground: var(--salt-palette-warning-strong);
905
+ --salt-actionable-caution-subtle-background-active: var(--salt-palette-warning-action-active);
906
+ --salt-actionable-caution-subtle-background-disabled: var(--salt-palette-alpha-none);
907
+ --salt-actionable-caution-subtle-background-hover: var(--salt-palette-warning-action-hover);
908
+ --salt-actionable-caution-subtle-background: var(--salt-palette-alpha-none);
909
+ --salt-actionable-caution-subtle-borderColor-active: var(--salt-palette-warning);
910
+ --salt-actionable-caution-subtle-borderColor-disabled: var(--salt-palette-alpha-none);
911
+ --salt-actionable-caution-subtle-borderColor-hover: var(--salt-palette-warning);
912
+ --salt-actionable-caution-subtle-borderColor: var(--salt-palette-alpha-none);
913
+ --salt-actionable-caution-subtle-foreground-active: var(--salt-palette-foreground-primary-alt);
914
+ --salt-actionable-caution-subtle-foreground-disabled: var(--salt-palette-warning-strong disabled);
915
+ --salt-actionable-caution-subtle-foreground-hover: var(--salt-palette-foreground-primary-alt);
916
+ --salt-actionable-caution-subtle-foreground: var(--salt-palette-warning-strong);
751
917
  }
752
918
 
753
919
  /* css/characteristics/category-next.css */
@@ -837,6 +1003,7 @@
837
1003
  /* css/characteristics/overlayable-next.css */
838
1004
  .salt-theme.salt-theme-next {
839
1005
  --salt-overlayable-background: var(--salt-palette-alpha-backdrop);
1006
+ --salt-overlayable-background-highlight: var(--salt-palette-alpha);
840
1007
  --salt-overlayable-rangeSelection: var(--salt-palette-alpha-weak);
841
1008
  }
842
1009