@salt-ds/theme 1.5.1 → 1.6.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.
- package/css/theme.css +30 -25
- package/index.css +30 -25
- package/package.json +3 -2
package/css/theme.css
CHANGED
|
@@ -300,6 +300,7 @@
|
|
|
300
300
|
--salt-color-red-500-fade-border: rgba(227, 43, 22, var(--salt-palette-opacity-border));
|
|
301
301
|
--salt-color-gray-90-fade-border-readonly: rgba(132, 135, 142, var(--salt-palette-opacity-border-readonly));
|
|
302
302
|
--salt-color-gray-200-fade-border-readonly: rgba(97, 101, 110, var(--salt-palette-opacity-border-readonly));
|
|
303
|
+
--salt-color-blue-30-fade-background: rgba(164, 213, 244, var(--salt-palette-opacity-background));
|
|
303
304
|
--salt-color-blue-500-fade-background: rgba(38, 112, 169, var(--salt-palette-opacity-background));
|
|
304
305
|
--salt-color-blue-600-fade-background: rgba(21, 92, 147, var(--salt-palette-opacity-background));
|
|
305
306
|
--salt-color-blue-700-fade-background: rgba(0, 71, 123, var(--salt-palette-opacity-background));
|
|
@@ -541,6 +542,7 @@
|
|
|
541
542
|
--salt-palette-interact-background-hover: var(--salt-color-blue-10);
|
|
542
543
|
--salt-palette-interact-background-active: var(--salt-color-blue-30);
|
|
543
544
|
--salt-palette-interact-background-disabled: transparent;
|
|
545
|
+
--salt-palette-interact-background-activeDisabled: var(--salt-color-blue-30-fade-background);
|
|
544
546
|
--salt-palette-interact-border: var(--salt-color-gray-200);
|
|
545
547
|
--salt-palette-interact-border-active: var(--salt-color-blue-600);
|
|
546
548
|
--salt-palette-interact-border-activeDisabled: var(--salt-color-blue-600-fade-fill);
|
|
@@ -586,24 +588,17 @@
|
|
|
586
588
|
--salt-palette-error-background: var(--salt-color-red-10);
|
|
587
589
|
--salt-palette-error-background-selected: var(--salt-color-red-20);
|
|
588
590
|
--salt-palette-error-border: var(--salt-color-red-500);
|
|
589
|
-
--salt-palette-error-border-disabled: var(--salt-color-red-500-fade-border);
|
|
590
591
|
--salt-palette-error-foreground: var(--salt-color-red-500);
|
|
591
|
-
--salt-palette-error-foreground-disabled: var(--salt-color-red-500-fade-foreground);
|
|
592
592
|
--salt-palette-info-background: var(--salt-color-blue-10);
|
|
593
593
|
--salt-palette-info-border: var(--salt-color-blue-500);
|
|
594
|
-
--salt-palette-info-border-disabled: var(--salt-color-blue-500-fade-border);
|
|
595
594
|
--salt-palette-info-foreground: var(--salt-color-blue-500);
|
|
596
|
-
--salt-palette-info-foreground-disabled: var(--salt-color-blue-500-fade-foreground);
|
|
597
595
|
--salt-palette-success-background: var(--salt-color-green-10);
|
|
598
596
|
--salt-palette-success-background-selected: var(--salt-color-green-20);
|
|
599
597
|
--salt-palette-success-border: var(--salt-color-green-500);
|
|
600
|
-
--salt-palette-success-border-disabled: var(--salt-color-green-500-fade-border);
|
|
601
598
|
--salt-palette-success-foreground: var(--salt-color-green-500);
|
|
602
|
-
--salt-palette-success-foreground-disabled: var(--salt-color-green-500-fade-foreground);
|
|
603
599
|
--salt-palette-warning-background: var(--salt-color-orange-10);
|
|
604
600
|
--salt-palette-warning-background-selected: var(--salt-color-orange-20);
|
|
605
601
|
--salt-palette-warning-border: var(--salt-color-orange-700);
|
|
606
|
-
--salt-palette-warning-border-disabled: var(--salt-color-orange-700-fade-border);
|
|
607
602
|
--salt-palette-warning-foreground: var(--salt-color-orange-700);
|
|
608
603
|
--salt-palette-navigate-primary-background: transparent;
|
|
609
604
|
--salt-palette-navigate-primary-background-active: transparent;
|
|
@@ -663,6 +658,7 @@
|
|
|
663
658
|
--salt-palette-interact-background-blurSelected: var(--salt-color-gray-600);
|
|
664
659
|
--salt-palette-interact-background-hover: var(--salt-color-blue-800);
|
|
665
660
|
--salt-palette-interact-background-disabled: transparent;
|
|
661
|
+
--salt-palette-interact-background-activeDisabled: var(--salt-color-blue-700-fade-background);
|
|
666
662
|
--salt-palette-interact-border: var(--salt-color-gray-90);
|
|
667
663
|
--salt-palette-interact-border-active: var(--salt-color-blue-100);
|
|
668
664
|
--salt-palette-interact-border-activeDisabled: var(--salt-color-blue-100-fade-fill);
|
|
@@ -708,24 +704,17 @@
|
|
|
708
704
|
--salt-palette-error-background: var(--salt-color-red-900);
|
|
709
705
|
--salt-palette-error-background-selected: var(--salt-color-red-900);
|
|
710
706
|
--salt-palette-error-border: var(--salt-color-red-500);
|
|
711
|
-
--salt-palette-error-border-disabled: var(--salt-color-red-500-fade-border);
|
|
712
707
|
--salt-palette-error-foreground: var(--salt-color-red-500);
|
|
713
|
-
--salt-palette-error-foreground-disabled: var(--salt-color-red-500-fade-foreground);
|
|
714
708
|
--salt-palette-info-background: var(--salt-color-blue-900);
|
|
715
709
|
--salt-palette-info-border: var(--salt-color-blue-500);
|
|
716
|
-
--salt-palette-info-border-disabled: var(--salt-color-blue-500-fade-border);
|
|
717
710
|
--salt-palette-info-foreground: var(--salt-color-blue-500);
|
|
718
|
-
--salt-palette-info-foreground-disabled: var(--salt-color-blue-500-fade-foreground);
|
|
719
711
|
--salt-palette-success-background: var(--salt-color-green-900);
|
|
720
712
|
--salt-palette-success-background-selected: var(--salt-color-green-900);
|
|
721
713
|
--salt-palette-success-border: var(--salt-color-green-400);
|
|
722
|
-
--salt-palette-success-border-disabled: var(--salt-color-green-400-fade-border);
|
|
723
714
|
--salt-palette-success-foreground: var(--salt-color-green-400);
|
|
724
|
-
--salt-palette-success-foreground-disabled: var(--salt-color-green-400-fade-foreground);
|
|
725
715
|
--salt-palette-warning-background: var(--salt-color-orange-900);
|
|
726
716
|
--salt-palette-warning-background-selected: var(--salt-color-orange-900);
|
|
727
717
|
--salt-palette-warning-border: var(--salt-color-orange-500);
|
|
728
|
-
--salt-palette-warning-border-disabled: var(--salt-color-orange-500-fade-border);
|
|
729
718
|
--salt-palette-warning-foreground: var(--salt-color-orange-500);
|
|
730
719
|
--salt-palette-navigate-primary-background: transparent;
|
|
731
720
|
--salt-palette-navigate-primary-background-active: transparent;
|
|
@@ -787,6 +776,13 @@
|
|
|
787
776
|
--salt-palette-measured-border: var(--salt-color-gray-90);
|
|
788
777
|
--salt-palette-measured-border-disabled: var(--salt-color-gray-90-fade-border);
|
|
789
778
|
--salt-palette-neutral-tertiary-background-readonly: transparent;
|
|
779
|
+
--salt-palette-error-border-disabled: var(--salt-color-red-500-fade-border);
|
|
780
|
+
--salt-palette-error-foreground-disabled: var(--salt-color-red-500-fade-foreground);
|
|
781
|
+
--salt-palette-info-border-disabled: var(--salt-color-blue-500-fade-border);
|
|
782
|
+
--salt-palette-info-foreground-disabled: var(--salt-color-blue-500-fade-foreground);
|
|
783
|
+
--salt-palette-success-border-disabled: var(--salt-color-green-500-fade-border);
|
|
784
|
+
--salt-palette-success-foreground-disabled: var(--salt-color-green-500-fade-foreground);
|
|
785
|
+
--salt-palette-warning-border-disabled: var(--salt-color-orange-700-fade-border);
|
|
790
786
|
}
|
|
791
787
|
.salt-theme[data-mode=dark] {
|
|
792
788
|
--salt-palette-interact-foreground-partial: var(--salt-color-blue-100);
|
|
@@ -802,6 +798,13 @@
|
|
|
802
798
|
--salt-palette-measured-border: var(--salt-color-gray-90);
|
|
803
799
|
--salt-palette-measured-border-disabled: var(--salt-color-gray-90-fade-border);
|
|
804
800
|
--salt-palette-neutral-tertiary-background-readonly: transparent;
|
|
801
|
+
--salt-palette-error-border-disabled: var(--salt-color-red-500-fade-border);
|
|
802
|
+
--salt-palette-error-foreground-disabled: var(--salt-color-red-500-fade-foreground);
|
|
803
|
+
--salt-palette-info-border-disabled: var(--salt-color-blue-500-fade-border);
|
|
804
|
+
--salt-palette-info-foreground-disabled: var(--salt-color-blue-500-fade-foreground);
|
|
805
|
+
--salt-palette-success-border-disabled: var(--salt-color-green-400-fade-border);
|
|
806
|
+
--salt-palette-success-foreground-disabled: var(--salt-color-green-400-fade-foreground);
|
|
807
|
+
--salt-palette-warning-border-disabled: var(--salt-color-orange-500-fade-border);
|
|
805
808
|
}
|
|
806
809
|
|
|
807
810
|
/* css/characteristics/accent.css */
|
|
@@ -1036,6 +1039,7 @@
|
|
|
1036
1039
|
--salt-selectable-cursor-selected: pointer;
|
|
1037
1040
|
--salt-selectable-cursor-blurSelected: pointer;
|
|
1038
1041
|
--salt-selectable-cursor-disabled: not-allowed;
|
|
1042
|
+
--salt-selectable-cursor-readonly: not-allowed;
|
|
1039
1043
|
--salt-selectable-borderStyle: solid;
|
|
1040
1044
|
--salt-selectable-borderStyle-hover: solid;
|
|
1041
1045
|
--salt-selectable-borderStyle-selected: solid;
|
|
@@ -1055,6 +1059,7 @@
|
|
|
1055
1059
|
--salt-selectable-background-selected: var(--salt-palette-interact-background-active);
|
|
1056
1060
|
--salt-selectable-background-blurSelected: var(--salt-palette-interact-background-blurSelected);
|
|
1057
1061
|
--salt-selectable-background-disabled: var(--salt-palette-interact-background-disabled);
|
|
1062
|
+
--salt-selectable-background-selectedDisabled: var(--salt-palette-interact-background-activeDisabled);
|
|
1058
1063
|
--salt-selectable-cta-foreground-hover: var(--salt-palette-interact-cta-foreground-hover);
|
|
1059
1064
|
--salt-selectable-cta-foreground-selected: var(--salt-palette-interact-cta-foreground-active);
|
|
1060
1065
|
--salt-selectable-cta-foreground-selectedDisabled: var(--salt-palette-interact-cta-foreground-activeDisabled);
|
|
@@ -1106,21 +1111,10 @@
|
|
|
1106
1111
|
--salt-status-static-foreground: var(--salt-palette-neutral-secondary-foreground);
|
|
1107
1112
|
--salt-status-negative-foreground: var(--salt-palette-negative-foreground);
|
|
1108
1113
|
--salt-status-positive-foreground: var(--salt-palette-positive-foreground);
|
|
1109
|
-
--salt-status-info-foreground-disabled: var(--salt-palette-info-foreground-disabled);
|
|
1110
|
-
--salt-status-success-foreground-disabled: var(--salt-palette-success-foreground-disabled);
|
|
1111
|
-
--salt-status-warning-foreground-disabled: var(--salt-palette-warning-foreground-disabled);
|
|
1112
|
-
--salt-status-error-foreground-disabled: var(--salt-palette-error-foreground-disabled);
|
|
1113
|
-
--salt-status-static-foreground-disabled: var(--salt-palette-neutral-secondary-foreground-disabled);
|
|
1114
|
-
--salt-status-negative-foreground-disabled: var(--salt-palette-negative-foreground-disabled);
|
|
1115
|
-
--salt-status-positive-foreground-disabled: var(--salt-palette-positive-foreground-disabled);
|
|
1116
1114
|
--salt-status-info-borderColor: var(--salt-palette-info-border);
|
|
1117
1115
|
--salt-status-success-borderColor: var(--salt-palette-success-border);
|
|
1118
1116
|
--salt-status-warning-borderColor: var(--salt-palette-warning-border);
|
|
1119
1117
|
--salt-status-error-borderColor: var(--salt-palette-error-border);
|
|
1120
|
-
--salt-status-info-borderColor-disabled: var(--salt-palette-info-border-disabled);
|
|
1121
|
-
--salt-status-success-borderColor-disabled: var(--salt-palette-success-border-disabled);
|
|
1122
|
-
--salt-status-warning-borderColor-disabled: var(--salt-palette-warning-border-disabled);
|
|
1123
|
-
--salt-status-error-borderColor-disabled: var(--salt-palette-error-border-disabled);
|
|
1124
1118
|
--salt-status-info-background: var(--salt-palette-info-background);
|
|
1125
1119
|
--salt-status-success-background: var(--salt-palette-success-background);
|
|
1126
1120
|
--salt-status-warning-background: var(--salt-palette-warning-background);
|
|
@@ -1132,6 +1126,17 @@
|
|
|
1132
1126
|
--salt-status-success-background-emphasize: var(--salt-status-success-background);
|
|
1133
1127
|
--salt-status-warning-background-emphasize: var(--salt-status-warning-background);
|
|
1134
1128
|
--salt-status-error-background-emphasize: var(--salt-status-error-background);
|
|
1129
|
+
--salt-status-info-foreground-disabled: var(--salt-palette-info-foreground-disabled);
|
|
1130
|
+
--salt-status-success-foreground-disabled: var(--salt-palette-success-foreground-disabled);
|
|
1131
|
+
--salt-status-warning-foreground-disabled: var(--salt-palette-warning-foreground-disabled);
|
|
1132
|
+
--salt-status-error-foreground-disabled: var(--salt-palette-error-foreground-disabled);
|
|
1133
|
+
--salt-status-static-foreground-disabled: var(--salt-palette-neutral-secondary-foreground-disabled);
|
|
1134
|
+
--salt-status-negative-foreground-disabled: var(--salt-palette-negative-foreground-disabled);
|
|
1135
|
+
--salt-status-positive-foreground-disabled: var(--salt-palette-positive-foreground-disabled);
|
|
1136
|
+
--salt-status-info-borderColor-disabled: var(--salt-palette-info-border-disabled);
|
|
1137
|
+
--salt-status-success-borderColor-disabled: var(--salt-palette-success-border-disabled);
|
|
1138
|
+
--salt-status-warning-borderColor-disabled: var(--salt-palette-warning-border-disabled);
|
|
1139
|
+
--salt-status-error-borderColor-disabled: var(--salt-palette-error-border-disabled);
|
|
1135
1140
|
}
|
|
1136
1141
|
|
|
1137
1142
|
/* css/characteristics/taggable.css */
|
package/index.css
CHANGED
|
@@ -334,6 +334,7 @@
|
|
|
334
334
|
--salt-color-red-500-fade-border: rgba(227, 43, 22, var(--salt-palette-opacity-border));
|
|
335
335
|
--salt-color-gray-90-fade-border-readonly: rgba(132, 135, 142, var(--salt-palette-opacity-border-readonly));
|
|
336
336
|
--salt-color-gray-200-fade-border-readonly: rgba(97, 101, 110, var(--salt-palette-opacity-border-readonly));
|
|
337
|
+
--salt-color-blue-30-fade-background: rgba(164, 213, 244, var(--salt-palette-opacity-background));
|
|
337
338
|
--salt-color-blue-500-fade-background: rgba(38, 112, 169, var(--salt-palette-opacity-background));
|
|
338
339
|
--salt-color-blue-600-fade-background: rgba(21, 92, 147, var(--salt-palette-opacity-background));
|
|
339
340
|
--salt-color-blue-700-fade-background: rgba(0, 71, 123, var(--salt-palette-opacity-background));
|
|
@@ -575,6 +576,7 @@
|
|
|
575
576
|
--salt-palette-interact-background-hover: var(--salt-color-blue-10);
|
|
576
577
|
--salt-palette-interact-background-active: var(--salt-color-blue-30);
|
|
577
578
|
--salt-palette-interact-background-disabled: transparent;
|
|
579
|
+
--salt-palette-interact-background-activeDisabled: var(--salt-color-blue-30-fade-background);
|
|
578
580
|
--salt-palette-interact-border: var(--salt-color-gray-200);
|
|
579
581
|
--salt-palette-interact-border-active: var(--salt-color-blue-600);
|
|
580
582
|
--salt-palette-interact-border-activeDisabled: var(--salt-color-blue-600-fade-fill);
|
|
@@ -620,24 +622,17 @@
|
|
|
620
622
|
--salt-palette-error-background: var(--salt-color-red-10);
|
|
621
623
|
--salt-palette-error-background-selected: var(--salt-color-red-20);
|
|
622
624
|
--salt-palette-error-border: var(--salt-color-red-500);
|
|
623
|
-
--salt-palette-error-border-disabled: var(--salt-color-red-500-fade-border);
|
|
624
625
|
--salt-palette-error-foreground: var(--salt-color-red-500);
|
|
625
|
-
--salt-palette-error-foreground-disabled: var(--salt-color-red-500-fade-foreground);
|
|
626
626
|
--salt-palette-info-background: var(--salt-color-blue-10);
|
|
627
627
|
--salt-palette-info-border: var(--salt-color-blue-500);
|
|
628
|
-
--salt-palette-info-border-disabled: var(--salt-color-blue-500-fade-border);
|
|
629
628
|
--salt-palette-info-foreground: var(--salt-color-blue-500);
|
|
630
|
-
--salt-palette-info-foreground-disabled: var(--salt-color-blue-500-fade-foreground);
|
|
631
629
|
--salt-palette-success-background: var(--salt-color-green-10);
|
|
632
630
|
--salt-palette-success-background-selected: var(--salt-color-green-20);
|
|
633
631
|
--salt-palette-success-border: var(--salt-color-green-500);
|
|
634
|
-
--salt-palette-success-border-disabled: var(--salt-color-green-500-fade-border);
|
|
635
632
|
--salt-palette-success-foreground: var(--salt-color-green-500);
|
|
636
|
-
--salt-palette-success-foreground-disabled: var(--salt-color-green-500-fade-foreground);
|
|
637
633
|
--salt-palette-warning-background: var(--salt-color-orange-10);
|
|
638
634
|
--salt-palette-warning-background-selected: var(--salt-color-orange-20);
|
|
639
635
|
--salt-palette-warning-border: var(--salt-color-orange-700);
|
|
640
|
-
--salt-palette-warning-border-disabled: var(--salt-color-orange-700-fade-border);
|
|
641
636
|
--salt-palette-warning-foreground: var(--salt-color-orange-700);
|
|
642
637
|
--salt-palette-navigate-primary-background: transparent;
|
|
643
638
|
--salt-palette-navigate-primary-background-active: transparent;
|
|
@@ -697,6 +692,7 @@
|
|
|
697
692
|
--salt-palette-interact-background-blurSelected: var(--salt-color-gray-600);
|
|
698
693
|
--salt-palette-interact-background-hover: var(--salt-color-blue-800);
|
|
699
694
|
--salt-palette-interact-background-disabled: transparent;
|
|
695
|
+
--salt-palette-interact-background-activeDisabled: var(--salt-color-blue-700-fade-background);
|
|
700
696
|
--salt-palette-interact-border: var(--salt-color-gray-90);
|
|
701
697
|
--salt-palette-interact-border-active: var(--salt-color-blue-100);
|
|
702
698
|
--salt-palette-interact-border-activeDisabled: var(--salt-color-blue-100-fade-fill);
|
|
@@ -742,24 +738,17 @@
|
|
|
742
738
|
--salt-palette-error-background: var(--salt-color-red-900);
|
|
743
739
|
--salt-palette-error-background-selected: var(--salt-color-red-900);
|
|
744
740
|
--salt-palette-error-border: var(--salt-color-red-500);
|
|
745
|
-
--salt-palette-error-border-disabled: var(--salt-color-red-500-fade-border);
|
|
746
741
|
--salt-palette-error-foreground: var(--salt-color-red-500);
|
|
747
|
-
--salt-palette-error-foreground-disabled: var(--salt-color-red-500-fade-foreground);
|
|
748
742
|
--salt-palette-info-background: var(--salt-color-blue-900);
|
|
749
743
|
--salt-palette-info-border: var(--salt-color-blue-500);
|
|
750
|
-
--salt-palette-info-border-disabled: var(--salt-color-blue-500-fade-border);
|
|
751
744
|
--salt-palette-info-foreground: var(--salt-color-blue-500);
|
|
752
|
-
--salt-palette-info-foreground-disabled: var(--salt-color-blue-500-fade-foreground);
|
|
753
745
|
--salt-palette-success-background: var(--salt-color-green-900);
|
|
754
746
|
--salt-palette-success-background-selected: var(--salt-color-green-900);
|
|
755
747
|
--salt-palette-success-border: var(--salt-color-green-400);
|
|
756
|
-
--salt-palette-success-border-disabled: var(--salt-color-green-400-fade-border);
|
|
757
748
|
--salt-palette-success-foreground: var(--salt-color-green-400);
|
|
758
|
-
--salt-palette-success-foreground-disabled: var(--salt-color-green-400-fade-foreground);
|
|
759
749
|
--salt-palette-warning-background: var(--salt-color-orange-900);
|
|
760
750
|
--salt-palette-warning-background-selected: var(--salt-color-orange-900);
|
|
761
751
|
--salt-palette-warning-border: var(--salt-color-orange-500);
|
|
762
|
-
--salt-palette-warning-border-disabled: var(--salt-color-orange-500-fade-border);
|
|
763
752
|
--salt-palette-warning-foreground: var(--salt-color-orange-500);
|
|
764
753
|
--salt-palette-navigate-primary-background: transparent;
|
|
765
754
|
--salt-palette-navigate-primary-background-active: transparent;
|
|
@@ -821,6 +810,13 @@
|
|
|
821
810
|
--salt-palette-measured-border: var(--salt-color-gray-90);
|
|
822
811
|
--salt-palette-measured-border-disabled: var(--salt-color-gray-90-fade-border);
|
|
823
812
|
--salt-palette-neutral-tertiary-background-readonly: transparent;
|
|
813
|
+
--salt-palette-error-border-disabled: var(--salt-color-red-500-fade-border);
|
|
814
|
+
--salt-palette-error-foreground-disabled: var(--salt-color-red-500-fade-foreground);
|
|
815
|
+
--salt-palette-info-border-disabled: var(--salt-color-blue-500-fade-border);
|
|
816
|
+
--salt-palette-info-foreground-disabled: var(--salt-color-blue-500-fade-foreground);
|
|
817
|
+
--salt-palette-success-border-disabled: var(--salt-color-green-500-fade-border);
|
|
818
|
+
--salt-palette-success-foreground-disabled: var(--salt-color-green-500-fade-foreground);
|
|
819
|
+
--salt-palette-warning-border-disabled: var(--salt-color-orange-700-fade-border);
|
|
824
820
|
}
|
|
825
821
|
.salt-theme[data-mode=dark] {
|
|
826
822
|
--salt-palette-interact-foreground-partial: var(--salt-color-blue-100);
|
|
@@ -836,6 +832,13 @@
|
|
|
836
832
|
--salt-palette-measured-border: var(--salt-color-gray-90);
|
|
837
833
|
--salt-palette-measured-border-disabled: var(--salt-color-gray-90-fade-border);
|
|
838
834
|
--salt-palette-neutral-tertiary-background-readonly: transparent;
|
|
835
|
+
--salt-palette-error-border-disabled: var(--salt-color-red-500-fade-border);
|
|
836
|
+
--salt-palette-error-foreground-disabled: var(--salt-color-red-500-fade-foreground);
|
|
837
|
+
--salt-palette-info-border-disabled: var(--salt-color-blue-500-fade-border);
|
|
838
|
+
--salt-palette-info-foreground-disabled: var(--salt-color-blue-500-fade-foreground);
|
|
839
|
+
--salt-palette-success-border-disabled: var(--salt-color-green-400-fade-border);
|
|
840
|
+
--salt-palette-success-foreground-disabled: var(--salt-color-green-400-fade-foreground);
|
|
841
|
+
--salt-palette-warning-border-disabled: var(--salt-color-orange-500-fade-border);
|
|
839
842
|
}
|
|
840
843
|
|
|
841
844
|
/* css/characteristics/accent.css */
|
|
@@ -1070,6 +1073,7 @@
|
|
|
1070
1073
|
--salt-selectable-cursor-selected: pointer;
|
|
1071
1074
|
--salt-selectable-cursor-blurSelected: pointer;
|
|
1072
1075
|
--salt-selectable-cursor-disabled: not-allowed;
|
|
1076
|
+
--salt-selectable-cursor-readonly: not-allowed;
|
|
1073
1077
|
--salt-selectable-borderStyle: solid;
|
|
1074
1078
|
--salt-selectable-borderStyle-hover: solid;
|
|
1075
1079
|
--salt-selectable-borderStyle-selected: solid;
|
|
@@ -1089,6 +1093,7 @@
|
|
|
1089
1093
|
--salt-selectable-background-selected: var(--salt-palette-interact-background-active);
|
|
1090
1094
|
--salt-selectable-background-blurSelected: var(--salt-palette-interact-background-blurSelected);
|
|
1091
1095
|
--salt-selectable-background-disabled: var(--salt-palette-interact-background-disabled);
|
|
1096
|
+
--salt-selectable-background-selectedDisabled: var(--salt-palette-interact-background-activeDisabled);
|
|
1092
1097
|
--salt-selectable-cta-foreground-hover: var(--salt-palette-interact-cta-foreground-hover);
|
|
1093
1098
|
--salt-selectable-cta-foreground-selected: var(--salt-palette-interact-cta-foreground-active);
|
|
1094
1099
|
--salt-selectable-cta-foreground-selectedDisabled: var(--salt-palette-interact-cta-foreground-activeDisabled);
|
|
@@ -1140,21 +1145,10 @@
|
|
|
1140
1145
|
--salt-status-static-foreground: var(--salt-palette-neutral-secondary-foreground);
|
|
1141
1146
|
--salt-status-negative-foreground: var(--salt-palette-negative-foreground);
|
|
1142
1147
|
--salt-status-positive-foreground: var(--salt-palette-positive-foreground);
|
|
1143
|
-
--salt-status-info-foreground-disabled: var(--salt-palette-info-foreground-disabled);
|
|
1144
|
-
--salt-status-success-foreground-disabled: var(--salt-palette-success-foreground-disabled);
|
|
1145
|
-
--salt-status-warning-foreground-disabled: var(--salt-palette-warning-foreground-disabled);
|
|
1146
|
-
--salt-status-error-foreground-disabled: var(--salt-palette-error-foreground-disabled);
|
|
1147
|
-
--salt-status-static-foreground-disabled: var(--salt-palette-neutral-secondary-foreground-disabled);
|
|
1148
|
-
--salt-status-negative-foreground-disabled: var(--salt-palette-negative-foreground-disabled);
|
|
1149
|
-
--salt-status-positive-foreground-disabled: var(--salt-palette-positive-foreground-disabled);
|
|
1150
1148
|
--salt-status-info-borderColor: var(--salt-palette-info-border);
|
|
1151
1149
|
--salt-status-success-borderColor: var(--salt-palette-success-border);
|
|
1152
1150
|
--salt-status-warning-borderColor: var(--salt-palette-warning-border);
|
|
1153
1151
|
--salt-status-error-borderColor: var(--salt-palette-error-border);
|
|
1154
|
-
--salt-status-info-borderColor-disabled: var(--salt-palette-info-border-disabled);
|
|
1155
|
-
--salt-status-success-borderColor-disabled: var(--salt-palette-success-border-disabled);
|
|
1156
|
-
--salt-status-warning-borderColor-disabled: var(--salt-palette-warning-border-disabled);
|
|
1157
|
-
--salt-status-error-borderColor-disabled: var(--salt-palette-error-border-disabled);
|
|
1158
1152
|
--salt-status-info-background: var(--salt-palette-info-background);
|
|
1159
1153
|
--salt-status-success-background: var(--salt-palette-success-background);
|
|
1160
1154
|
--salt-status-warning-background: var(--salt-palette-warning-background);
|
|
@@ -1166,6 +1160,17 @@
|
|
|
1166
1160
|
--salt-status-success-background-emphasize: var(--salt-status-success-background);
|
|
1167
1161
|
--salt-status-warning-background-emphasize: var(--salt-status-warning-background);
|
|
1168
1162
|
--salt-status-error-background-emphasize: var(--salt-status-error-background);
|
|
1163
|
+
--salt-status-info-foreground-disabled: var(--salt-palette-info-foreground-disabled);
|
|
1164
|
+
--salt-status-success-foreground-disabled: var(--salt-palette-success-foreground-disabled);
|
|
1165
|
+
--salt-status-warning-foreground-disabled: var(--salt-palette-warning-foreground-disabled);
|
|
1166
|
+
--salt-status-error-foreground-disabled: var(--salt-palette-error-foreground-disabled);
|
|
1167
|
+
--salt-status-static-foreground-disabled: var(--salt-palette-neutral-secondary-foreground-disabled);
|
|
1168
|
+
--salt-status-negative-foreground-disabled: var(--salt-palette-negative-foreground-disabled);
|
|
1169
|
+
--salt-status-positive-foreground-disabled: var(--salt-palette-positive-foreground-disabled);
|
|
1170
|
+
--salt-status-info-borderColor-disabled: var(--salt-palette-info-border-disabled);
|
|
1171
|
+
--salt-status-success-borderColor-disabled: var(--salt-palette-success-border-disabled);
|
|
1172
|
+
--salt-status-warning-borderColor-disabled: var(--salt-palette-warning-border-disabled);
|
|
1173
|
+
--salt-status-error-borderColor-disabled: var(--salt-palette-error-border-disabled);
|
|
1169
1174
|
}
|
|
1170
1175
|
|
|
1171
1176
|
/* css/characteristics/taggable.css */
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@salt-ds/theme",
|
|
3
|
-
"version": "1.
|
|
3
|
+
"version": "1.6.0",
|
|
4
4
|
"license": "Apache-2.0",
|
|
5
5
|
"style": "index.css",
|
|
6
6
|
"files": [
|
|
@@ -11,6 +11,7 @@
|
|
|
11
11
|
"build": "yarn node ./scripts/build.mjs"
|
|
12
12
|
},
|
|
13
13
|
"publishConfig": {
|
|
14
|
-
"directory": "../../dist/salt-ds-theme"
|
|
14
|
+
"directory": "../../dist/salt-ds-theme",
|
|
15
|
+
"provenance": true
|
|
15
16
|
}
|
|
16
17
|
}
|