@salt-ds/theme 1.20.0 → 1.22.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 +215 -47
  2. package/css/theme.css +303 -55
  3. package/index.css +303 -55
  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,13 +709,19 @@
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 */
@@ -712,42 +733,186 @@
712
733
 
713
734
  /* css/characteristics/actionable-next.css */
714
735
  .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;
736
+ --salt-actionable-accented-bold-background-active: var(--salt-palette-accent-action-active);
737
+ --salt-actionable-accented-bold-background-disabled: var(--salt-palette-accent-disabled);
738
+ --salt-actionable-accented-bold-background-hover: var(--salt-palette-accent-action-hover);
739
+ --salt-actionable-accented-bold-background: var(--salt-palette-accent);
740
+ --salt-actionable-accented-bold-borderColor-active: var(--salt-palette-accent);
741
+ --salt-actionable-accented-bold-borderColor-disabled: var(--salt-palette-alpha-none);
742
+ --salt-actionable-accented-bold-borderColor-hover: var(--salt-palette-accent);
743
+ --salt-actionable-accented-bold-borderColor: var(--salt-palette-accent);
744
+ --salt-actionable-accented-bold-foreground-active: var(--salt-palette-foreground-primary-alt);
745
+ --salt-actionable-accented-bold-foreground-disabled: var(--salt-palette-foreground-primary-alt-disabled);
746
+ --salt-actionable-accented-bold-foreground-hover: var(--salt-palette-foreground-primary-alt);
747
+ --salt-actionable-accented-bold-foreground: var(--salt-palette-foreground-primary-alt);
748
+ --salt-actionable-accented-background-active: var(--salt-palette-accent-action-active);
749
+ --salt-actionable-accented-background-disabled: var(--salt-palette-alpha-none);
750
+ --salt-actionable-accented-background-hover: var(--salt-palette-accent-action-hover);
751
+ --salt-actionable-accented-background: var(--salt-palette-alpha-none);
752
+ --salt-actionable-accented-borderColor-active: var(--salt-palette-accent);
753
+ --salt-actionable-accented-borderColor-disabled: var(--salt-palette-accent-disabled);
754
+ --salt-actionable-accented-borderColor-hover: var(--salt-palette-accent);
755
+ --salt-actionable-accented-borderColor: var(--salt-palette-accent);
756
+ --salt-actionable-accented-foreground-active: var(--salt-palette-foreground-primary-alt);
757
+ --salt-actionable-accented-foreground-disabled: var(--salt-palette-accent-strong-disabled);
758
+ --salt-actionable-accented-foreground-hover: var(--salt-palette-foreground-primary-alt);
759
+ --salt-actionable-accented-foreground: var(--salt-palette-accent-strong);
760
+ --salt-actionable-accented-subtle-background-active: var(--salt-palette-accent-action-active);
761
+ --salt-actionable-accented-subtle-background-disabled: var(--salt-palette-alpha-none);
762
+ --salt-actionable-accented-subtle-background-hover: var(--salt-palette-accent-action-hover);
763
+ --salt-actionable-accented-subtle-background: var(--salt-palette-alpha-none);
764
+ --salt-actionable-accented-subtle-borderColor-active: var(--salt-palette-accent);
765
+ --salt-actionable-accented-subtle-borderColor-disabled: var(--salt-palette-alpha-none);
766
+ --salt-actionable-accented-subtle-borderColor-hover: var(--salt-palette-accent);
767
+ --salt-actionable-accented-subtle-borderColor: var(--salt-palette-alpha-none);
768
+ --salt-actionable-accented-subtle-foreground-active: var(--salt-palette-foreground-primary-alt);
769
+ --salt-actionable-accented-subtle-foreground-disabled: var(--salt-palette-accent-strong-disabled);
770
+ --salt-actionable-accented-subtle-foreground-hover: var(--salt-palette-foreground-primary-alt);
771
+ --salt-actionable-accented-subtle-foreground: var(--salt-palette-accent-strong);
772
+ --salt-actionable-bold-background-active: var(--salt-palette-neutral-action-active);
773
+ --salt-actionable-bold-background-disabled: var(--salt-palette-neutral-disabled);
774
+ --salt-actionable-bold-background-hover: var(--salt-palette-neutral-action-hover);
775
+ --salt-actionable-bold-background: var(--salt-palette-neutral);
776
+ --salt-actionable-bold-borderColor-active: var(--salt-palette-neutral);
777
+ --salt-actionable-bold-borderColor-disabled: var(--salt-palette-alpha-none);
778
+ --salt-actionable-bold-borderColor-hover: var(--salt-palette-neutral);
779
+ --salt-actionable-bold-borderColor: var(--salt-palette-neutral);
780
+ --salt-actionable-bold-foreground-active: var(--salt-palette-foreground-primary-alt);
781
+ --salt-actionable-bold-foreground-disabled: var(--salt-palette-foreground-primary-alt-disabled);
782
+ --salt-actionable-bold-foreground-hover: var(--salt-palette-foreground-primary-alt);
783
+ --salt-actionable-bold-foreground: var(--salt-palette-foreground-primary-alt);
784
+ --salt-actionable-background-active: var(--salt-palette-neutral-action-active);
785
+ --salt-actionable-background-disabled: var(--salt-palette-alpha-none);
786
+ --salt-actionable-background-hover: var(--salt-palette-neutral-action-hover);
787
+ --salt-actionable-background: var(--salt-palette-alpha-none);
788
+ --salt-actionable-borderColor-active: var(--salt-palette-neutral);
789
+ --salt-actionable-borderColor-disabled: var(--salt-palette-neutral-disabled);
790
+ --salt-actionable-borderColor-hover: var(--salt-palette-neutral);
791
+ --salt-actionable-borderColor: var(--salt-palette-neutral);
792
+ --salt-actionable-foreground-active: var(--salt-palette-foreground-primary-alt);
793
+ --salt-actionable-foreground-disabled: var(--salt-palette-foreground-primary-disabled);
794
+ --salt-actionable-foreground-hover: var(--salt-palette-foreground-primary-alt);
795
+ --salt-actionable-foreground: var(--salt-palette-foreground-primary);
796
+ --salt-actionable-subtle-background-active: var(--salt-palette-neutral-action-active);
797
+ --salt-actionable-subtle-background-disabled: var(--salt-palette-alpha-none);
798
+ --salt-actionable-subtle-background-hover: var(--salt-palette-neutral-action-hover);
799
+ --salt-actionable-subtle-background: var(--salt-palette-alpha-none);
800
+ --salt-actionable-subtle-borderColor-active: var(--salt-palette-neutral);
801
+ --salt-actionable-subtle-borderColor-disabled: var(--salt-palette-alpha-none);
802
+ --salt-actionable-subtle-borderColor-hover: var(--salt-palette-neutral);
803
+ --salt-actionable-subtle-borderColor: var(--salt-palette-alpha-none);
804
+ --salt-actionable-subtle-foreground-active: var(--salt-palette-foreground-primary-alt);
805
+ --salt-actionable-subtle-foreground-disabled: var(--salt-palette-foreground-primary-disabled);
806
+ --salt-actionable-subtle-foreground-hover: var(--salt-palette-foreground-primary-alt);
807
+ --salt-actionable-subtle-foreground: var(--salt-palette-foreground-primary);
808
+ --salt-actionable-negative-bold-background-active: var(--salt-palette-negative-action-active);
809
+ --salt-actionable-negative-bold-background-disabled: var(--salt-palette-negative-disabled);
810
+ --salt-actionable-negative-bold-background-hover: var(--salt-palette-negative-action-hover);
811
+ --salt-actionable-negative-bold-background: var(--salt-palette-negative);
812
+ --salt-actionable-negative-bold-borderColor-active: var(--salt-palette-negative);
813
+ --salt-actionable-negative-bold-borderColor-disabled: var(--salt-palette-alpha-none);
814
+ --salt-actionable-negative-bold-borderColor-hover: var(--salt-palette-negative);
815
+ --salt-actionable-negative-bold-borderColor: var(--salt-palette-negative);
816
+ --salt-actionable-negative-bold-foreground-active: var(--salt-palette-foreground-primary-alt);
817
+ --salt-actionable-negative-bold-foreground-disabled: var(--salt-palette-foreground-primary-alt-disabled);
818
+ --salt-actionable-negative-bold-foreground-hover: var(--salt-palette-foreground-primary-alt);
819
+ --salt-actionable-negative-bold-foreground: var(--salt-palette-foreground-primary-alt);
820
+ --salt-actionable-negative-background-active: var(--salt-palette-negative-action-active);
821
+ --salt-actionable-negative-background-disabled: var(--salt-palette-alpha-none);
822
+ --salt-actionable-negative-background-hover: var(--salt-palette-negative-action-hover);
823
+ --salt-actionable-negative-background: var(--salt-palette-alpha-none);
824
+ --salt-actionable-negative-borderColor-active: var(--salt-palette-negative);
825
+ --salt-actionable-negative-borderColor-disabled: var(--salt-palette-negative-disabled);
826
+ --salt-actionable-negative-borderColor-hover: var(--salt-palette-negative);
827
+ --salt-actionable-negative-borderColor: var(--salt-palette-negative);
828
+ --salt-actionable-negative-foreground-active: var(--salt-palette-foreground-primary-alt);
829
+ --salt-actionable-negative-foreground-disabled: var(--salt-palette-negative-strong disabled);
830
+ --salt-actionable-negative-foreground-hover: var(--salt-palette-foreground-primary-alt);
831
+ --salt-actionable-negative-foreground: var(--salt-palette-negative-strong);
832
+ --salt-actionable-negative-subtle-background-active: var(--salt-palette-negative-action-active);
833
+ --salt-actionable-negative-subtle-background-disabled: var(--salt-palette-alpha-none);
834
+ --salt-actionable-negative-subtle-background-hover: var(--salt-palette-negative-action-hover);
835
+ --salt-actionable-negative-subtle-background: var(--salt-palette-alpha-none);
836
+ --salt-actionable-negative-subtle-borderColor-active: var(--salt-palette-negative);
837
+ --salt-actionable-negative-subtle-borderColor-disabled: var(--salt-palette-alpha-none);
838
+ --salt-actionable-negative-subtle-borderColor-hover: var(--salt-palette-negative);
839
+ --salt-actionable-negative-subtle-borderColor: var(--salt-palette-alpha-none);
840
+ --salt-actionable-negative-subtle-foreground-active: var(--salt-palette-foreground-primary-alt);
841
+ --salt-actionable-negative-subtle-foreground-disabled: var(--salt-palette-negative-strong disabled);
842
+ --salt-actionable-negative-subtle-foreground-hover: var(--salt-palette-foreground-primary-alt);
843
+ --salt-actionable-negative-subtle-foreground: var(--salt-palette-negative-strong);
844
+ --salt-actionable-positive-bold-background-active: var(--salt-palette-positive-action-active);
845
+ --salt-actionable-positive-bold-background-disabled: var(--salt-palette-positive-disabled);
846
+ --salt-actionable-positive-bold-background-hover: var(--salt-palette-positive-action-hover);
847
+ --salt-actionable-positive-bold-background: var(--salt-palette-positive);
848
+ --salt-actionable-positive-bold-borderColor-active: var(--salt-palette-positive);
849
+ --salt-actionable-positive-bold-borderColor-disabled: var(--salt-palette-alpha-none);
850
+ --salt-actionable-positive-bold-borderColor-hover: var(--salt-palette-positive);
851
+ --salt-actionable-positive-bold-borderColor: var(--salt-palette-positive);
852
+ --salt-actionable-positive-bold-foreground-active: var(--salt-palette-foreground-primary-alt);
853
+ --salt-actionable-positive-bold-foreground-disabled: var(--salt-palette-foreground-primary-alt-disabled);
854
+ --salt-actionable-positive-bold-foreground-hover: var(--salt-palette-foreground-primary-alt);
855
+ --salt-actionable-positive-bold-foreground: var(--salt-palette-foreground-primary-alt);
856
+ --salt-actionable-positive-background-active: var(--salt-palette-positive-action-active);
857
+ --salt-actionable-positive-background-disabled: var(--salt-palette-alpha-none);
858
+ --salt-actionable-positive-background-hover: var(--salt-palette-positive-action-hover);
859
+ --salt-actionable-positive-background: var(--salt-palette-alpha-none);
860
+ --salt-actionable-positive-borderColor-active: var(--salt-palette-positive);
861
+ --salt-actionable-positive-borderColor-disabled: var(--salt-palette-positive-disabled);
862
+ --salt-actionable-positive-borderColor-hover: var(--salt-palette-positive);
863
+ --salt-actionable-positive-borderColor: var(--salt-palette-positive);
864
+ --salt-actionable-positive-foreground-active: var(--salt-palette-foreground-primary-alt);
865
+ --salt-actionable-positive-foreground-disabled: var(--salt-palette-positive-strong disabled);
866
+ --salt-actionable-positive-foreground-hover: var(--salt-palette-foreground-primary-alt);
867
+ --salt-actionable-positive-foreground: var(--salt-palette-positive-strong);
868
+ --salt-actionable-positive-subtle-background-active: var(--salt-palette-positive-action-active);
869
+ --salt-actionable-positive-subtle-background-disabled: var(--salt-palette-alpha-none);
870
+ --salt-actionable-positive-subtle-background-hover: var(--salt-palette-positive-action-hover);
871
+ --salt-actionable-positive-subtle-background: var(--salt-palette-alpha-none);
872
+ --salt-actionable-positive-subtle-borderColor-active: var(--salt-palette-positive);
873
+ --salt-actionable-positive-subtle-borderColor-disabled: var(--salt-palette-alpha-none);
874
+ --salt-actionable-positive-subtle-borderColor-hover: var(--salt-palette-positive);
875
+ --salt-actionable-positive-subtle-borderColor: var(--salt-palette-alpha-none);
876
+ --salt-actionable-positive-subtle-foreground-active: var(--salt-palette-foreground-primary-alt);
877
+ --salt-actionable-positive-subtle-foreground-disabled: var(--salt-palette-positive-strong disabled);
878
+ --salt-actionable-positive-subtle-foreground-hover: var(--salt-palette-foreground-primary-alt);
879
+ --salt-actionable-positive-subtle-foreground: var(--salt-palette-positive-strong);
880
+ --salt-actionable-caution-bold-background-active: var(--salt-palette-warning-action-active);
881
+ --salt-actionable-caution-bold-background-disabled: var(--salt-palette-warning-disabled);
882
+ --salt-actionable-caution-bold-background-hover: var(--salt-palette-warning-action-hover);
883
+ --salt-actionable-caution-bold-background: var(--salt-palette-warning);
884
+ --salt-actionable-caution-bold-borderColor-active: var(--salt-palette-warning);
885
+ --salt-actionable-caution-bold-borderColor-disabled: var(--salt-palette-alpha-none);
886
+ --salt-actionable-caution-bold-borderColor-hover: var(--salt-palette-warning);
887
+ --salt-actionable-caution-bold-borderColor: var(--salt-palette-warning);
888
+ --salt-actionable-caution-bold-foreground-active: var(--salt-palette-foreground-primary-alt);
889
+ --salt-actionable-caution-bold-foreground-disabled: var(--salt-palette-foreground-primary-alt-disabled);
890
+ --salt-actionable-caution-bold-foreground-hover: var(--salt-palette-foreground-primary-alt);
891
+ --salt-actionable-caution-bold-foreground: var(--salt-palette-foreground-primary-alt);
892
+ --salt-actionable-caution-background-active: var(--salt-palette-warning-action-active);
893
+ --salt-actionable-caution-background-disabled: var(--salt-palette-alpha-none);
894
+ --salt-actionable-caution-background-hover: var(--salt-palette-warning-action-hover);
895
+ --salt-actionable-caution-background: var(--salt-palette-alpha-none);
896
+ --salt-actionable-caution-borderColor-active: var(--salt-palette-warning);
897
+ --salt-actionable-caution-borderColor-disabled: var(--salt-palette-warning-disabled);
898
+ --salt-actionable-caution-borderColor-hover: var(--salt-palette-warning);
899
+ --salt-actionable-caution-borderColor: var(--salt-palette-warning);
900
+ --salt-actionable-caution-foreground-active: var(--salt-palette-foreground-primary-alt);
901
+ --salt-actionable-caution-foreground-disabled: var(--salt-palette-warning-strong disabled);
902
+ --salt-actionable-caution-foreground-hover: var(--salt-palette-foreground-primary-alt);
903
+ --salt-actionable-caution-foreground: var(--salt-palette-warning-strong);
904
+ --salt-actionable-caution-subtle-background-active: var(--salt-palette-warning-action-active);
905
+ --salt-actionable-caution-subtle-background-disabled: var(--salt-palette-alpha-none);
906
+ --salt-actionable-caution-subtle-background-hover: var(--salt-palette-warning-action-hover);
907
+ --salt-actionable-caution-subtle-background: var(--salt-palette-alpha-none);
908
+ --salt-actionable-caution-subtle-borderColor-active: var(--salt-palette-warning);
909
+ --salt-actionable-caution-subtle-borderColor-disabled: var(--salt-palette-alpha-none);
910
+ --salt-actionable-caution-subtle-borderColor-hover: var(--salt-palette-warning);
911
+ --salt-actionable-caution-subtle-borderColor: var(--salt-palette-alpha-none);
912
+ --salt-actionable-caution-subtle-foreground-active: var(--salt-palette-foreground-primary-alt);
913
+ --salt-actionable-caution-subtle-foreground-disabled: var(--salt-palette-warning-strong disabled);
914
+ --salt-actionable-caution-subtle-foreground-hover: var(--salt-palette-foreground-primary-alt);
915
+ --salt-actionable-caution-subtle-foreground: var(--salt-palette-warning-strong);
751
916
  }
752
917
 
753
918
  /* css/characteristics/category-next.css */
@@ -786,6 +951,8 @@
786
951
  --salt-container-secondary-borderColor-disabled: var(--salt-palette-alpha-weaker);
787
952
  --salt-container-tertiary-background: var(--salt-palette-background-tertiary);
788
953
  --salt-container-tertiary-background-disabled: var(--salt-palette-background-tertiary-disabled);
954
+ --salt-container-tertiary-borderColor: var(--salt-palette-alpha);
955
+ --salt-container-tertiary-borderColor-disabled: var(--salt-palette-alpha-weaker);
789
956
  }
790
957
 
791
958
  /* css/characteristics/content-next.css */
@@ -835,6 +1002,7 @@
835
1002
  /* css/characteristics/overlayable-next.css */
836
1003
  .salt-theme.salt-theme-next {
837
1004
  --salt-overlayable-background: var(--salt-palette-alpha-backdrop);
1005
+ --salt-overlayable-background-highlight: var(--salt-palette-alpha);
838
1006
  --salt-overlayable-rangeSelection: var(--salt-palette-alpha-weak);
839
1007
  }
840
1008