@salt-ds/theme 0.0.0-snapshot-20240726102508 → 0.0.0-snapshot-20240805085734
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.
- package/css/theme-next.css +72 -0
- package/css/theme.css +76 -0
- package/index.css +76 -0
- package/package.json +1 -1
package/css/theme-next.css
CHANGED
|
@@ -748,6 +748,78 @@
|
|
|
748
748
|
--salt-actionable-secondary-borderColor-hover: transparent;
|
|
749
749
|
--salt-actionable-secondary-borderColor-active: var(--salt-palette-neutral);
|
|
750
750
|
--salt-actionable-secondary-borderColor-disabled: transparent;
|
|
751
|
+
--salt-actionable-accent-bold-foreground: var(--salt-palette-foreground-primary-alt);
|
|
752
|
+
--salt-actionable-accent-bold-foreground-hover: var(--salt-palette-foreground-primary-alt);
|
|
753
|
+
--salt-actionable-accent-bold-foreground-active: var(--salt-palette-foreground-primary-alt);
|
|
754
|
+
--salt-actionable-accent-bold-foreground-disabled: var(--salt-palette-foreground-primary-alt-disabled);
|
|
755
|
+
--salt-actionable-accent-bold-background: var(--salt-palette-accent);
|
|
756
|
+
--salt-actionable-accent-bold-background-hover: var(--salt-palette-accent-action-hover);
|
|
757
|
+
--salt-actionable-accent-bold-background-active: var(--salt-palette-accent-action-active);
|
|
758
|
+
--salt-actionable-accent-bold-background-disabled: var(--salt-palette-accent-disabled);
|
|
759
|
+
--salt-actionable-accent-bold-borderColor: var(--salt-palette-accent);
|
|
760
|
+
--salt-actionable-accent-bold-borderColor-hover: var(--salt-palette-accent);
|
|
761
|
+
--salt-actionable-accent-bold-borderColor-active: var(--salt-palette-accent);
|
|
762
|
+
--salt-actionable-accent-bold-borderColor-disabled: var(--salt-palette-alpha-none);
|
|
763
|
+
--salt-actionable-accent-foreground: var(--salt-palette-foreground-primary);
|
|
764
|
+
--salt-actionable-accent-foreground-hover: var(--salt-palette-foreground-primary-alt);
|
|
765
|
+
--salt-actionable-accent-foreground-active: var(--salt-palette-foreground-primary-alt);
|
|
766
|
+
--salt-actionable-accent-foreground-disabled: var(--salt-palette-foreground-primary-disabled);
|
|
767
|
+
--salt-actionable-accent-background: var(--salt-palette-alpha-none);
|
|
768
|
+
--salt-actionable-accent-background-hover: var(--salt-palette-accent-action-hover);
|
|
769
|
+
--salt-actionable-accent-background-active: var(--salt-palette-accent-action-active);
|
|
770
|
+
--salt-actionable-accent-background-disabled: var(--salt-palette-alpha-none);
|
|
771
|
+
--salt-actionable-accent-borderColor: var(--salt-palette-accent);
|
|
772
|
+
--salt-actionable-accent-borderColor-hover: var(--salt-palette-accent);
|
|
773
|
+
--salt-actionable-accent-borderColor-active: var(--salt-palette-accent);
|
|
774
|
+
--salt-actionable-accent-borderColor-disabled: var(--salt-palette-accent-disabled);
|
|
775
|
+
--salt-actionable-accent-subtle-foreground: var(--salt-palette-foreground-primary);
|
|
776
|
+
--salt-actionable-accent-subtle-foreground-hover: var(--salt-palette-foreground-primary-alt);
|
|
777
|
+
--salt-actionable-accent-subtle-foreground-active: var(--salt-palette-foreground-primary-alt);
|
|
778
|
+
--salt-actionable-accent-subtle-foreground-disabled: var(--salt-palette-foreground-primary-disabled);
|
|
779
|
+
--salt-actionable-accent-subtle-background: var(--salt-palette-alpha-none);
|
|
780
|
+
--salt-actionable-accent-subtle-background-hover: var(--salt-palette-accent-action-hover);
|
|
781
|
+
--salt-actionable-accent-subtle-background-active: var(--salt-palette-accent-action-active);
|
|
782
|
+
--salt-actionable-accent-subtle-background-disabled: var(--salt-palette-alpha-none);
|
|
783
|
+
--salt-actionable-accent-subtle-borderColor: var(--salt-palette-alpha-none);
|
|
784
|
+
--salt-actionable-accent-subtle-borderColor-hover: var(--salt-palette-accent);
|
|
785
|
+
--salt-actionable-accent-subtle-borderColor-active: var(--salt-palette-accent);
|
|
786
|
+
--salt-actionable-accent-subtle-borderColor-disabled: var(--salt-palette-alpha-none);
|
|
787
|
+
--salt-actionable-bold-foreground: var(--salt-palette-foreground-primary-alt);
|
|
788
|
+
--salt-actionable-bold-foreground-hover: var(--salt-palette-foreground-primary-alt);
|
|
789
|
+
--salt-actionable-bold-foreground-active: var(--salt-palette-foreground-primary-alt);
|
|
790
|
+
--salt-actionable-bold-foreground-disabled: var(--salt-palette-foreground-primary-alt-disabled);
|
|
791
|
+
--salt-actionable-bold-background: var(--salt-palette-neutral);
|
|
792
|
+
--salt-actionable-bold-background-hover: var(--salt-palette-neutral-action-hover);
|
|
793
|
+
--salt-actionable-bold-background-active: var(--salt-palette-neutral-action-active);
|
|
794
|
+
--salt-actionable-bold-background-disabled: var(--salt-palette-neutral-disabled);
|
|
795
|
+
--salt-actionable-bold-borderColor: var(--salt-palette-neutral);
|
|
796
|
+
--salt-actionable-bold-borderColor-hover: var(--salt-palette-neutral);
|
|
797
|
+
--salt-actionable-bold-borderColor-active: var(--salt-palette-neutral);
|
|
798
|
+
--salt-actionable-bold-borderColor-disabled: var(--salt-palette-alpha-none);
|
|
799
|
+
--salt-actionable-foreground: var(--salt-palette-foreground-primary);
|
|
800
|
+
--salt-actionable-foreground-hover: var(--salt-palette-foreground-primary-alt);
|
|
801
|
+
--salt-actionable-foreground-active: var(--salt-palette-foreground-primary-alt);
|
|
802
|
+
--salt-actionable-foreground-disabled: var(--salt-palette-foreground-primary-disabled);
|
|
803
|
+
--salt-actionable-background: var(--salt-palette-alpha-none);
|
|
804
|
+
--salt-actionable-background-hover: var(--salt-palette-neutral-action-hover);
|
|
805
|
+
--salt-actionable-background-active: var(--salt-palette-neutral-action-active);
|
|
806
|
+
--salt-actionable-background-disabled: var(--salt-palette-alpha-none);
|
|
807
|
+
--salt-actionable-borderColor: var(--salt-palette-neutral);
|
|
808
|
+
--salt-actionable-borderColor-hover: var(--salt-palette-neutral);
|
|
809
|
+
--salt-actionable-borderColor-active: var(--salt-palette-neutral);
|
|
810
|
+
--salt-actionable-borderColor-disabled: var(--salt-palette-neutral-disabled);
|
|
811
|
+
--salt-actionable-subtle-foreground: var(--salt-palette-foreground-primary);
|
|
812
|
+
--salt-actionable-subtle-foreground-hover: var(--salt-palette-foreground-primary-alt);
|
|
813
|
+
--salt-actionable-subtle-foreground-active: var(--salt-palette-foreground-primary-alt);
|
|
814
|
+
--salt-actionable-subtle-foreground-disabled: var(--salt-palette-foreground-primary-disabled);
|
|
815
|
+
--salt-actionable-subtle-background: var(--salt-palette-alpha-none);
|
|
816
|
+
--salt-actionable-subtle-background-hover: var(--salt-palette-neutral-action-hover);
|
|
817
|
+
--salt-actionable-subtle-background-active: var(--salt-palette-neutral-action-active);
|
|
818
|
+
--salt-actionable-subtle-background-disabled: var(--salt-palette-alpha-none);
|
|
819
|
+
--salt-actionable-subtle-borderColor: var(--salt-palette-alpha-none);
|
|
820
|
+
--salt-actionable-subtle-borderColor-hover: var(--salt-palette-neutral);
|
|
821
|
+
--salt-actionable-subtle-borderColor-active: var(--salt-palette-neutral);
|
|
822
|
+
--salt-actionable-subtle-borderColor-disabled: var(--salt-palette-alpha-none);
|
|
751
823
|
}
|
|
752
824
|
|
|
753
825
|
/* css/characteristics/category-next.css */
|
package/css/theme.css
CHANGED
|
@@ -652,11 +652,13 @@
|
|
|
652
652
|
--salt-palette-accent-background: var(--salt-color-blue-500);
|
|
653
653
|
--salt-palette-accent-border: var(--salt-color-blue-500);
|
|
654
654
|
--salt-palette-accent-foreground: var(--salt-color-white);
|
|
655
|
+
--salt-palette-accent-border-disabled: var(--salt-color-blue-500-fade-border);
|
|
655
656
|
}
|
|
656
657
|
.salt-theme[data-mode=dark] {
|
|
657
658
|
--salt-palette-accent-background: var(--salt-color-blue-500);
|
|
658
659
|
--salt-palette-accent-border: var(--salt-color-blue-500);
|
|
659
660
|
--salt-palette-accent-foreground: var(--salt-color-white);
|
|
661
|
+
--salt-palette-accent-border-disabled: var(--salt-color-blue-500-fade-border);
|
|
660
662
|
}
|
|
661
663
|
|
|
662
664
|
/* css/palette/error.css */
|
|
@@ -833,6 +835,7 @@
|
|
|
833
835
|
--salt-palette-interact-border-disabled: var(--salt-color-gray-200-fade-border);
|
|
834
836
|
--salt-palette-interact-border-hover: var(--salt-color-blue-500);
|
|
835
837
|
--salt-palette-interact-border-readonly: var(--salt-color-gray-200-fade-border-readonly);
|
|
838
|
+
--salt-palette-interact-border-none: transparent;
|
|
836
839
|
--salt-palette-interact-foreground: var(--salt-color-gray-200);
|
|
837
840
|
--salt-palette-interact-foreground-active: var(--salt-color-blue-600);
|
|
838
841
|
--salt-palette-interact-foreground-activeDisabled: var(--salt-color-blue-600-fade-foreground);
|
|
@@ -877,6 +880,7 @@
|
|
|
877
880
|
--salt-palette-interact-border-disabled: var(--salt-color-gray-90-fade-border);
|
|
878
881
|
--salt-palette-interact-border-hover: var(--salt-color-blue-500);
|
|
879
882
|
--salt-palette-interact-border-readonly: var(--salt-color-gray-90-fade-border-readonly);
|
|
883
|
+
--salt-palette-interact-border-none: transparent;
|
|
880
884
|
--salt-palette-interact-foreground: var(--salt-color-gray-90);
|
|
881
885
|
--salt-palette-interact-foreground-active: var(--salt-color-blue-100);
|
|
882
886
|
--salt-palette-interact-foreground-activeDisabled: var(--salt-color-blue-100-fade-foreground);
|
|
@@ -1111,6 +1115,78 @@
|
|
|
1111
1115
|
--salt-actionable-secondary-borderColor-hover: transparent;
|
|
1112
1116
|
--salt-actionable-secondary-borderColor-active: transparent;
|
|
1113
1117
|
--salt-actionable-secondary-borderColor-disabled: transparent;
|
|
1118
|
+
--salt-actionable-accent-bold-foreground: var(--salt-palette-interact-cta-foreground);
|
|
1119
|
+
--salt-actionable-accent-bold-foreground-hover: var(--salt-palette-interact-cta-foreground);
|
|
1120
|
+
--salt-actionable-accent-bold-foreground-active: var(--salt-palette-interact-cta-foreground);
|
|
1121
|
+
--salt-actionable-accent-bold-foreground-disabled: var(--salt-palette-interact-cta-foreground-disabled);
|
|
1122
|
+
--salt-actionable-accent-bold-background: var(--salt-palette-interact-cta-background);
|
|
1123
|
+
--salt-actionable-accent-bold-background-hover: var(--salt-palette-interact-cta-background-hover);
|
|
1124
|
+
--salt-actionable-accent-bold-background-active: var(--salt-palette-interact-cta-background-active);
|
|
1125
|
+
--salt-actionable-accent-bold-background-disabled: var(--salt-palette-interact-cta-background-disabled);
|
|
1126
|
+
--salt-actionable-accent-bold-borderColor: var(--salt-palette-interact-border-none);
|
|
1127
|
+
--salt-actionable-accent-bold-borderColor-hover: var(--salt-palette-interact-border-none);
|
|
1128
|
+
--salt-actionable-accent-bold-borderColor-active: var(--salt-palette-interact-border-none);
|
|
1129
|
+
--salt-actionable-accent-bold-borderColor-disabled: var(--salt-palette-interact-border-none);
|
|
1130
|
+
--salt-actionable-bold-foreground: var(--salt-palette-neutral-primary-foreground);
|
|
1131
|
+
--salt-actionable-bold-foreground-hover: var(--salt-palette-neutral-primary-foreground);
|
|
1132
|
+
--salt-actionable-bold-foreground-active: var(--salt-palette-interact-primary-foreground-active);
|
|
1133
|
+
--salt-actionable-bold-foreground-disabled: var(--salt-palette-neutral-primary-foreground-disabled);
|
|
1134
|
+
--salt-actionable-bold-background: var(--salt-palette-interact-primary-background);
|
|
1135
|
+
--salt-actionable-bold-background-hover: var(--salt-palette-interact-primary-background-hover);
|
|
1136
|
+
--salt-actionable-bold-background-active: var(--salt-palette-interact-primary-background-active);
|
|
1137
|
+
--salt-actionable-bold-background-disabled: var(--salt-palette-interact-primary-background-disabled);
|
|
1138
|
+
--salt-actionable-bold-borderColor: var(--salt-palette-interact-border-none);
|
|
1139
|
+
--salt-actionable-bold-borderColor-hover: var(--salt-palette-interact-border-none);
|
|
1140
|
+
--salt-actionable-bold-borderColor-active: var(--salt-palette-interact-border-none);
|
|
1141
|
+
--salt-actionable-bold-borderColor-disabled: var(--salt-palette-interact-border-none);
|
|
1142
|
+
--salt-actionable-accent-foreground: var(--salt-palette-neutral-primary-foreground);
|
|
1143
|
+
--salt-actionable-accent-foreground-hover: var(--salt-palette-interact-cta-foreground);
|
|
1144
|
+
--salt-actionable-accent-foreground-active: var(--salt-palette-interact-cta-foreground);
|
|
1145
|
+
--salt-actionable-accent-foreground-disabled: var(--salt-palette-neutral-primary-foreground-disabled);
|
|
1146
|
+
--salt-actionable-accent-background: var(--salt-palette-interact-background);
|
|
1147
|
+
--salt-actionable-accent-background-hover: var(--salt-palette-interact-cta-background-hover);
|
|
1148
|
+
--salt-actionable-accent-background-active: var(--salt-palette-interact-cta-background-active);
|
|
1149
|
+
--salt-actionable-accent-background-disabled: var(--salt-palette-interact-background);
|
|
1150
|
+
--salt-actionable-accent-borderColor: var(--salt-palette-accent-border);
|
|
1151
|
+
--salt-actionable-accent-borderColor-hover: var(--salt-palette-interact-border-none);
|
|
1152
|
+
--salt-actionable-accent-borderColor-active: var(--salt-palette-interact-border-none);
|
|
1153
|
+
--salt-actionable-accent-borderColor-disabled: var(--salt-palette-accent-border-disabled);
|
|
1154
|
+
--salt-actionable-foreground: var(--salt-palette-neutral-primary-foreground);
|
|
1155
|
+
--salt-actionable-foreground-hover: var(--salt-palette-interact-primary-foreground);
|
|
1156
|
+
--salt-actionable-foreground-active: var(--salt-palette-interact-primary-foreground-active);
|
|
1157
|
+
--salt-actionable-foreground-disabled: var(--salt-palette-neutral-primary-foreground-disabled);
|
|
1158
|
+
--salt-actionable-background: var(--salt-palette-interact-background);
|
|
1159
|
+
--salt-actionable-background-hover: var(--salt-palette-interact-primary-background-hover);
|
|
1160
|
+
--salt-actionable-background-active: var(--salt-palette-interact-primary-background-active);
|
|
1161
|
+
--salt-actionable-background-disabled: var(--salt-palette-interact-background);
|
|
1162
|
+
--salt-actionable-borderColor: var(--salt-palette-interact-border);
|
|
1163
|
+
--salt-actionable-borderColor-hover: var(--salt-palette-interact-border-none);
|
|
1164
|
+
--salt-actionable-borderColor-active: var(--salt-palette-interact-border-none);
|
|
1165
|
+
--salt-actionable-borderColor-disabled: var(--salt-palette-interact-border-disabled);
|
|
1166
|
+
--salt-actionable-accent-subtle-foreground: var(--salt-palette-neutral-primary-foreground);
|
|
1167
|
+
--salt-actionable-accent-subtle-foreground-hover: var(--salt-palette-interact-cta-foreground);
|
|
1168
|
+
--salt-actionable-accent-subtle-foreground-active: var(--salt-palette-interact-cta-foreground);
|
|
1169
|
+
--salt-actionable-accent-subtle-foreground-disabled: var(--salt-palette-neutral-primary-foreground-disabled);
|
|
1170
|
+
--salt-actionable-accent-subtle-background: var(--salt-palette-interact-background);
|
|
1171
|
+
--salt-actionable-accent-subtle-background-hover: var(--salt-palette-interact-cta-background-hover);
|
|
1172
|
+
--salt-actionable-accent-subtle-background-active: var(--salt-palette-interact-cta-background-active);
|
|
1173
|
+
--salt-actionable-accent-subtle-background-disabled: var(--salt-palette-interact-background);
|
|
1174
|
+
--salt-actionable-accent-subtle-borderColor: var(--salt-palette-interact-border-none);
|
|
1175
|
+
--salt-actionable-accent-subtle-borderColor-hover: var(--salt-palette-interact-border-none);
|
|
1176
|
+
--salt-actionable-accent-subtle-borderColor-active: var(--salt-palette-interact-border-none);
|
|
1177
|
+
--salt-actionable-accent-subtle-borderColor-disabled: var(--salt-palette-interact-border-none);
|
|
1178
|
+
--salt-actionable-subtle-foreground: var(--salt-palette-neutral-primary-foreground);
|
|
1179
|
+
--salt-actionable-subtle-foreground-hover: var(--salt-palette-neutral-primary-foreground);
|
|
1180
|
+
--salt-actionable-subtle-foreground-active: var(--salt-palette-interact-primary-foreground-active);
|
|
1181
|
+
--salt-actionable-subtle-foreground-disabled: var(--salt-palette-neutral-primary-foreground-disabled);
|
|
1182
|
+
--salt-actionable-subtle-background: var(--salt-palette-interact-background);
|
|
1183
|
+
--salt-actionable-subtle-background-hover: var(--salt-palette-interact-primary-background-hover);
|
|
1184
|
+
--salt-actionable-subtle-background-active: var(--salt-palette-interact-primary-background-active);
|
|
1185
|
+
--salt-actionable-subtle-background-disabled: var(--salt-palette-interact-background);
|
|
1186
|
+
--salt-actionable-subtle-borderColor: var(--salt-palette-interact-border-none);
|
|
1187
|
+
--salt-actionable-subtle-borderColor-hover: var(--salt-palette-interact-border-none);
|
|
1188
|
+
--salt-actionable-subtle-borderColor-active: var(--salt-palette-interact-border-none);
|
|
1189
|
+
--salt-actionable-subtle-borderColor-disabled: var(--salt-palette-interact-border-none);
|
|
1114
1190
|
}
|
|
1115
1191
|
|
|
1116
1192
|
/* css/characteristics/category.css */
|
package/index.css
CHANGED
|
@@ -681,11 +681,13 @@
|
|
|
681
681
|
--salt-palette-accent-background: var(--salt-color-blue-500);
|
|
682
682
|
--salt-palette-accent-border: var(--salt-color-blue-500);
|
|
683
683
|
--salt-palette-accent-foreground: var(--salt-color-white);
|
|
684
|
+
--salt-palette-accent-border-disabled: var(--salt-color-blue-500-fade-border);
|
|
684
685
|
}
|
|
685
686
|
.salt-theme[data-mode=dark] {
|
|
686
687
|
--salt-palette-accent-background: var(--salt-color-blue-500);
|
|
687
688
|
--salt-palette-accent-border: var(--salt-color-blue-500);
|
|
688
689
|
--salt-palette-accent-foreground: var(--salt-color-white);
|
|
690
|
+
--salt-palette-accent-border-disabled: var(--salt-color-blue-500-fade-border);
|
|
689
691
|
}
|
|
690
692
|
|
|
691
693
|
/* css/palette/error.css */
|
|
@@ -862,6 +864,7 @@
|
|
|
862
864
|
--salt-palette-interact-border-disabled: var(--salt-color-gray-200-fade-border);
|
|
863
865
|
--salt-palette-interact-border-hover: var(--salt-color-blue-500);
|
|
864
866
|
--salt-palette-interact-border-readonly: var(--salt-color-gray-200-fade-border-readonly);
|
|
867
|
+
--salt-palette-interact-border-none: transparent;
|
|
865
868
|
--salt-palette-interact-foreground: var(--salt-color-gray-200);
|
|
866
869
|
--salt-palette-interact-foreground-active: var(--salt-color-blue-600);
|
|
867
870
|
--salt-palette-interact-foreground-activeDisabled: var(--salt-color-blue-600-fade-foreground);
|
|
@@ -906,6 +909,7 @@
|
|
|
906
909
|
--salt-palette-interact-border-disabled: var(--salt-color-gray-90-fade-border);
|
|
907
910
|
--salt-palette-interact-border-hover: var(--salt-color-blue-500);
|
|
908
911
|
--salt-palette-interact-border-readonly: var(--salt-color-gray-90-fade-border-readonly);
|
|
912
|
+
--salt-palette-interact-border-none: transparent;
|
|
909
913
|
--salt-palette-interact-foreground: var(--salt-color-gray-90);
|
|
910
914
|
--salt-palette-interact-foreground-active: var(--salt-color-blue-100);
|
|
911
915
|
--salt-palette-interact-foreground-activeDisabled: var(--salt-color-blue-100-fade-foreground);
|
|
@@ -1140,6 +1144,78 @@
|
|
|
1140
1144
|
--salt-actionable-secondary-borderColor-hover: transparent;
|
|
1141
1145
|
--salt-actionable-secondary-borderColor-active: transparent;
|
|
1142
1146
|
--salt-actionable-secondary-borderColor-disabled: transparent;
|
|
1147
|
+
--salt-actionable-accent-bold-foreground: var(--salt-palette-interact-cta-foreground);
|
|
1148
|
+
--salt-actionable-accent-bold-foreground-hover: var(--salt-palette-interact-cta-foreground);
|
|
1149
|
+
--salt-actionable-accent-bold-foreground-active: var(--salt-palette-interact-cta-foreground);
|
|
1150
|
+
--salt-actionable-accent-bold-foreground-disabled: var(--salt-palette-interact-cta-foreground-disabled);
|
|
1151
|
+
--salt-actionable-accent-bold-background: var(--salt-palette-interact-cta-background);
|
|
1152
|
+
--salt-actionable-accent-bold-background-hover: var(--salt-palette-interact-cta-background-hover);
|
|
1153
|
+
--salt-actionable-accent-bold-background-active: var(--salt-palette-interact-cta-background-active);
|
|
1154
|
+
--salt-actionable-accent-bold-background-disabled: var(--salt-palette-interact-cta-background-disabled);
|
|
1155
|
+
--salt-actionable-accent-bold-borderColor: var(--salt-palette-interact-border-none);
|
|
1156
|
+
--salt-actionable-accent-bold-borderColor-hover: var(--salt-palette-interact-border-none);
|
|
1157
|
+
--salt-actionable-accent-bold-borderColor-active: var(--salt-palette-interact-border-none);
|
|
1158
|
+
--salt-actionable-accent-bold-borderColor-disabled: var(--salt-palette-interact-border-none);
|
|
1159
|
+
--salt-actionable-bold-foreground: var(--salt-palette-neutral-primary-foreground);
|
|
1160
|
+
--salt-actionable-bold-foreground-hover: var(--salt-palette-neutral-primary-foreground);
|
|
1161
|
+
--salt-actionable-bold-foreground-active: var(--salt-palette-interact-primary-foreground-active);
|
|
1162
|
+
--salt-actionable-bold-foreground-disabled: var(--salt-palette-neutral-primary-foreground-disabled);
|
|
1163
|
+
--salt-actionable-bold-background: var(--salt-palette-interact-primary-background);
|
|
1164
|
+
--salt-actionable-bold-background-hover: var(--salt-palette-interact-primary-background-hover);
|
|
1165
|
+
--salt-actionable-bold-background-active: var(--salt-palette-interact-primary-background-active);
|
|
1166
|
+
--salt-actionable-bold-background-disabled: var(--salt-palette-interact-primary-background-disabled);
|
|
1167
|
+
--salt-actionable-bold-borderColor: var(--salt-palette-interact-border-none);
|
|
1168
|
+
--salt-actionable-bold-borderColor-hover: var(--salt-palette-interact-border-none);
|
|
1169
|
+
--salt-actionable-bold-borderColor-active: var(--salt-palette-interact-border-none);
|
|
1170
|
+
--salt-actionable-bold-borderColor-disabled: var(--salt-palette-interact-border-none);
|
|
1171
|
+
--salt-actionable-accent-foreground: var(--salt-palette-neutral-primary-foreground);
|
|
1172
|
+
--salt-actionable-accent-foreground-hover: var(--salt-palette-interact-cta-foreground);
|
|
1173
|
+
--salt-actionable-accent-foreground-active: var(--salt-palette-interact-cta-foreground);
|
|
1174
|
+
--salt-actionable-accent-foreground-disabled: var(--salt-palette-neutral-primary-foreground-disabled);
|
|
1175
|
+
--salt-actionable-accent-background: var(--salt-palette-interact-background);
|
|
1176
|
+
--salt-actionable-accent-background-hover: var(--salt-palette-interact-cta-background-hover);
|
|
1177
|
+
--salt-actionable-accent-background-active: var(--salt-palette-interact-cta-background-active);
|
|
1178
|
+
--salt-actionable-accent-background-disabled: var(--salt-palette-interact-background);
|
|
1179
|
+
--salt-actionable-accent-borderColor: var(--salt-palette-accent-border);
|
|
1180
|
+
--salt-actionable-accent-borderColor-hover: var(--salt-palette-interact-border-none);
|
|
1181
|
+
--salt-actionable-accent-borderColor-active: var(--salt-palette-interact-border-none);
|
|
1182
|
+
--salt-actionable-accent-borderColor-disabled: var(--salt-palette-accent-border-disabled);
|
|
1183
|
+
--salt-actionable-foreground: var(--salt-palette-neutral-primary-foreground);
|
|
1184
|
+
--salt-actionable-foreground-hover: var(--salt-palette-interact-primary-foreground);
|
|
1185
|
+
--salt-actionable-foreground-active: var(--salt-palette-interact-primary-foreground-active);
|
|
1186
|
+
--salt-actionable-foreground-disabled: var(--salt-palette-neutral-primary-foreground-disabled);
|
|
1187
|
+
--salt-actionable-background: var(--salt-palette-interact-background);
|
|
1188
|
+
--salt-actionable-background-hover: var(--salt-palette-interact-primary-background-hover);
|
|
1189
|
+
--salt-actionable-background-active: var(--salt-palette-interact-primary-background-active);
|
|
1190
|
+
--salt-actionable-background-disabled: var(--salt-palette-interact-background);
|
|
1191
|
+
--salt-actionable-borderColor: var(--salt-palette-interact-border);
|
|
1192
|
+
--salt-actionable-borderColor-hover: var(--salt-palette-interact-border-none);
|
|
1193
|
+
--salt-actionable-borderColor-active: var(--salt-palette-interact-border-none);
|
|
1194
|
+
--salt-actionable-borderColor-disabled: var(--salt-palette-interact-border-disabled);
|
|
1195
|
+
--salt-actionable-accent-subtle-foreground: var(--salt-palette-neutral-primary-foreground);
|
|
1196
|
+
--salt-actionable-accent-subtle-foreground-hover: var(--salt-palette-interact-cta-foreground);
|
|
1197
|
+
--salt-actionable-accent-subtle-foreground-active: var(--salt-palette-interact-cta-foreground);
|
|
1198
|
+
--salt-actionable-accent-subtle-foreground-disabled: var(--salt-palette-neutral-primary-foreground-disabled);
|
|
1199
|
+
--salt-actionable-accent-subtle-background: var(--salt-palette-interact-background);
|
|
1200
|
+
--salt-actionable-accent-subtle-background-hover: var(--salt-palette-interact-cta-background-hover);
|
|
1201
|
+
--salt-actionable-accent-subtle-background-active: var(--salt-palette-interact-cta-background-active);
|
|
1202
|
+
--salt-actionable-accent-subtle-background-disabled: var(--salt-palette-interact-background);
|
|
1203
|
+
--salt-actionable-accent-subtle-borderColor: var(--salt-palette-interact-border-none);
|
|
1204
|
+
--salt-actionable-accent-subtle-borderColor-hover: var(--salt-palette-interact-border-none);
|
|
1205
|
+
--salt-actionable-accent-subtle-borderColor-active: var(--salt-palette-interact-border-none);
|
|
1206
|
+
--salt-actionable-accent-subtle-borderColor-disabled: var(--salt-palette-interact-border-none);
|
|
1207
|
+
--salt-actionable-subtle-foreground: var(--salt-palette-neutral-primary-foreground);
|
|
1208
|
+
--salt-actionable-subtle-foreground-hover: var(--salt-palette-neutral-primary-foreground);
|
|
1209
|
+
--salt-actionable-subtle-foreground-active: var(--salt-palette-interact-primary-foreground-active);
|
|
1210
|
+
--salt-actionable-subtle-foreground-disabled: var(--salt-palette-neutral-primary-foreground-disabled);
|
|
1211
|
+
--salt-actionable-subtle-background: var(--salt-palette-interact-background);
|
|
1212
|
+
--salt-actionable-subtle-background-hover: var(--salt-palette-interact-primary-background-hover);
|
|
1213
|
+
--salt-actionable-subtle-background-active: var(--salt-palette-interact-primary-background-active);
|
|
1214
|
+
--salt-actionable-subtle-background-disabled: var(--salt-palette-interact-background);
|
|
1215
|
+
--salt-actionable-subtle-borderColor: var(--salt-palette-interact-border-none);
|
|
1216
|
+
--salt-actionable-subtle-borderColor-hover: var(--salt-palette-interact-border-none);
|
|
1217
|
+
--salt-actionable-subtle-borderColor-active: var(--salt-palette-interact-border-none);
|
|
1218
|
+
--salt-actionable-subtle-borderColor-disabled: var(--salt-palette-interact-border-none);
|
|
1143
1219
|
}
|
|
1144
1220
|
|
|
1145
1221
|
/* css/characteristics/category.css */
|