@salt-ds/theme 1.19.0 → 1.21.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 +9 -0
  2. package/css/theme.css +28 -13
  3. package/index.css +28 -13
  4. package/package.json +1 -1
package/css/theme-next.css CHANGED
@@ -786,6 +786,8 @@
786
786
  --salt-container-secondary-borderColor-disabled: var(--salt-palette-alpha-weaker);
787
787
  --salt-container-tertiary-background: var(--salt-palette-background-tertiary);
788
788
  --salt-container-tertiary-background-disabled: var(--salt-palette-background-tertiary-disabled);
789
+ --salt-container-tertiary-borderColor: var(--salt-palette-alpha);
790
+ --salt-container-tertiary-borderColor-disabled: var(--salt-palette-alpha-weaker);
789
791
  }
790
792
 
791
793
  /* css/characteristics/content-next.css */
@@ -794,6 +796,8 @@
794
796
  --salt-content-primary-foreground-disabled: var(--salt-palette-foreground-primary-disabled);
795
797
  --salt-content-secondary-foreground: var(--salt-palette-foreground-secondary);
796
798
  --salt-content-secondary-foreground-disabled: var(--salt-palette-foreground-secondary-disabled);
799
+ --salt-content-bold-foreground: var(--salt-palette-foreground-primary-alt);
800
+ --salt-content-bold-foreground-disabled: var(--salt-palette-foreground-primary-alt-disabled);
797
801
  --salt-content-foreground-hover: var(--salt-palette-foreground-hover);
798
802
  --salt-content-foreground-active: var(--salt-palette-foreground-active);
799
803
  --salt-content-foreground-visited: var(--salt-palette-foreground-visited);
@@ -833,6 +837,7 @@
833
837
  /* css/characteristics/overlayable-next.css */
834
838
  .salt-theme.salt-theme-next {
835
839
  --salt-overlayable-background: var(--salt-palette-alpha-backdrop);
840
+ --salt-overlayable-rangeSelection: var(--salt-palette-alpha-weak);
836
841
  }
837
842
 
838
843
  /* css/characteristics/selectable-next.css */
@@ -884,6 +889,10 @@
884
889
  --salt-status-success-background: var(--salt-palette-positive-weak);
885
890
  --salt-status-warning-background: var(--salt-palette-warning-weak);
886
891
  --salt-status-error-background: var(--salt-palette-negative-weak);
892
+ --salt-status-info-bold-background: var(--salt-palette-info);
893
+ --salt-status-error-bold-background: var(--salt-palette-negative);
894
+ --salt-status-warning-bold-background: var(--salt-palette-warning);
895
+ --salt-status-success-bold-background: var(--salt-palette-positive);
887
896
  --salt-status-success-background-selected: var(--salt-palette-positive-weak);
888
897
  --salt-status-warning-background-selected: var(--salt-palette-warning-weak);
889
898
  --salt-status-error-background-selected: var(--salt-palette-negative-weak);
package/css/theme.css CHANGED
@@ -477,6 +477,8 @@
477
477
  --salt-color-blue-600-fade-background: rgba(21, 92, 147, var(--salt-palette-opacity-disabled));
478
478
  --salt-color-blue-700-fade-background: rgba(0, 71, 123, var(--salt-palette-opacity-disabled));
479
479
  --salt-color-gray-20-fade-background: rgba(234, 237, 239, var(--salt-palette-opacity-disabled));
480
+ --salt-color-gray-30-fade-background: rgba(224, 228, 233, var(--salt-palette-opacity-disabled));
481
+ --salt-color-gray-50-fade-background: rgba(206, 210, 217, var(--salt-palette-opacity-disabled));
480
482
  --salt-color-gray-60-fade-background: rgba(197, 201, 208, var(--salt-palette-opacity-disabled));
481
483
  --salt-color-gray-70-fade-background: rgba(180, 183, 190, var(--salt-palette-opacity-disabled));
482
484
  --salt-color-gray-200-fade-background: rgba(97, 101, 110, var(--salt-palette-opacity-disabled));
@@ -660,6 +662,7 @@
660
662
  /* css/palette/error.css */
661
663
  .salt-theme[data-mode=light] {
662
664
  --salt-palette-error-background: var(--salt-color-red-10);
665
+ --salt-palette-error-bold-background: var(--salt-color-red-500);
663
666
  --salt-palette-error-background-selected: var(--salt-color-red-20);
664
667
  --salt-palette-error-border: var(--salt-color-red-500);
665
668
  --salt-palette-error-foreground-decorative: var(--salt-color-red-500);
@@ -667,6 +670,7 @@
667
670
  }
668
671
  .salt-theme[data-mode=dark] {
669
672
  --salt-palette-error-background: var(--salt-color-red-900);
673
+ --salt-palette-error-bold-background: var(--salt-color-red-500);
670
674
  --salt-palette-error-background-selected: var(--salt-color-red-900);
671
675
  --salt-palette-error-border: var(--salt-color-red-400);
672
676
  --salt-palette-error-foreground-decorative: var(--salt-color-red-400);
@@ -802,12 +806,14 @@
802
806
  /* css/palette/info.css */
803
807
  .salt-theme[data-mode=light] {
804
808
  --salt-palette-info-background: var(--salt-color-blue-10);
809
+ --salt-palette-info-bold-background: var(--salt-color-blue-500);
805
810
  --salt-palette-info-border: var(--salt-color-blue-500);
806
811
  --salt-palette-info-foreground-decorative: var(--salt-color-blue-500);
807
812
  --salt-palette-info-foreground-informative: var(--salt-color-blue-600);
808
813
  }
809
814
  .salt-theme[data-mode=dark] {
810
815
  --salt-palette-info-background: var(--salt-color-blue-900);
816
+ --salt-palette-info-bold-background: var(--salt-color-blue-500);
811
817
  --salt-palette-info-border: var(--salt-color-blue-400);
812
818
  --salt-palette-info-foreground-decorative: var(--salt-color-blue-400);
813
819
  --salt-palette-info-foreground-informative: var(--salt-color-blue-200);
@@ -950,6 +956,10 @@
950
956
  --salt-palette-neutral-secondary-separator: var(--salt-color-black-fade-separatorOpacity-secondary);
951
957
  --salt-palette-neutral-tertiary-separator: var(--salt-color-black-fade-separatorOpacity-tertiary);
952
958
  --salt-palette-neutral-selection: var(--salt-color-black-fade-background-selection);
959
+ --salt-palette-neutral-tertiary-background: var(--salt-color-gray-30);
960
+ --salt-palette-neutral-tertiary-background-disabled: var(--salt-color-gray-30-fade-background);
961
+ --salt-palette-neutral-tertiary-border: var(--salt-color-gray-50);
962
+ --salt-palette-neutral-tertiary-border-disabled: var(--salt-color-gray-50-fade-background);
953
963
  }
954
964
  .salt-theme[data-mode=dark] {
955
965
  --salt-palette-neutral-primary-background: var(--salt-color-gray-800);
@@ -971,6 +981,10 @@
971
981
  --salt-palette-neutral-secondary-separator: var(--salt-color-white-fade-separatorOpacity-secondary);
972
982
  --salt-palette-neutral-tertiary-separator: var(--salt-color-white-fade-separatorOpacity-tertiary);
973
983
  --salt-palette-neutral-selection: var(--salt-color-white-fade-background-selection);
984
+ --salt-palette-neutral-tertiary-background: var(--salt-color-gray-500);
985
+ --salt-palette-neutral-tertiary-background-disabled: var(--salt-color-gray-500-fade-background);
986
+ --salt-palette-neutral-tertiary-border: var(--salt-color-gray-300);
987
+ --salt-palette-neutral-tertiary-border-disabled: var(--salt-color-gray-300-fade-background);
974
988
  }
975
989
 
976
990
  /* css/palette/opacity.css */
@@ -995,6 +1009,7 @@
995
1009
  /* css/palette/success.css */
996
1010
  .salt-theme[data-mode=light] {
997
1011
  --salt-palette-success-background: var(--salt-color-green-10);
1012
+ --salt-palette-success-bold-background: var(--salt-color-green-500);
998
1013
  --salt-palette-success-background-selected: var(--salt-color-green-20);
999
1014
  --salt-palette-success-border: var(--salt-color-green-500);
1000
1015
  --salt-palette-success-foreground-decorative: var(--salt-color-green-500);
@@ -1002,6 +1017,7 @@
1002
1017
  }
1003
1018
  .salt-theme[data-mode=dark] {
1004
1019
  --salt-palette-success-background: var(--salt-color-green-900);
1020
+ --salt-palette-success-bold-background: var(--salt-color-green-500);
1005
1021
  --salt-palette-success-background-selected: var(--salt-color-green-900);
1006
1022
  --salt-palette-success-border: var(--salt-color-green-400);
1007
1023
  --salt-palette-success-foreground-decorative: var(--salt-color-green-400);
@@ -1032,6 +1048,7 @@
1032
1048
  /* css/palette/warning.css */
1033
1049
  .salt-theme[data-mode=light] {
1034
1050
  --salt-palette-warning-background: var(--salt-color-orange-10);
1051
+ --salt-palette-warning-bold-background: var(--salt-color-orange-800);
1035
1052
  --salt-palette-warning-background-selected: var(--salt-color-orange-20);
1036
1053
  --salt-palette-warning-border: var(--salt-color-orange-700);
1037
1054
  --salt-palette-warning-foreground-decorative: var(--salt-color-orange-700);
@@ -1039,6 +1056,7 @@
1039
1056
  }
1040
1057
  .salt-theme[data-mode=dark] {
1041
1058
  --salt-palette-warning-background: var(--salt-color-orange-900);
1059
+ --salt-palette-warning-bold-background: var(--salt-color-orange-800);
1042
1060
  --salt-palette-warning-background-selected: var(--salt-color-orange-900);
1043
1061
  --salt-palette-warning-border: var(--salt-color-orange-500);
1044
1062
  --salt-palette-warning-foreground-decorative: var(--salt-color-orange-500);
@@ -1210,6 +1228,10 @@
1210
1228
  --salt-container-secondary-background-disabled: var(--salt-palette-neutral-secondary-background-disabled);
1211
1229
  --salt-container-secondary-borderColor: var(--salt-palette-neutral-secondary-border);
1212
1230
  --salt-container-secondary-borderColor-disabled: var(--salt-palette-neutral-secondary-border-disabled);
1231
+ --salt-container-tertiary-background: var(--salt-palette-neutral-tertiary-background);
1232
+ --salt-container-tertiary-background-disabled: var(--salt-palette-neutral-tertiary-background-disabled);
1233
+ --salt-container-tertiary-borderColor: var(--salt-palette-neutral-tertiary-border);
1234
+ --salt-container-tertiary-borderColor-disabled: var(--salt-palette-neutral-tertiary-border-disabled);
1213
1235
  }
1214
1236
 
1215
1237
  /* css/characteristics/draggable.css */
@@ -1373,6 +1395,10 @@
1373
1395
  --salt-status-error-background: var(--salt-palette-error-background);
1374
1396
  --salt-status-warning-background: var(--salt-palette-warning-background);
1375
1397
  --salt-status-success-background: var(--salt-palette-success-background);
1398
+ --salt-status-info-bold-background: var(--salt-palette-info-bold-background);
1399
+ --salt-status-error-bold-background: var(--salt-palette-error-bold-background);
1400
+ --salt-status-warning-bold-background: var(--salt-palette-warning-bold-background);
1401
+ --salt-status-success-bold-background: var(--salt-palette-success-bold-background);
1376
1402
  --salt-status-error-background-selected: var(--salt-palette-error-background-selected);
1377
1403
  --salt-status-warning-background-selected: var(--salt-palette-warning-background-selected);
1378
1404
  --salt-status-success-background-selected: var(--salt-palette-success-background-selected);
@@ -1543,6 +1569,8 @@
1543
1569
  --salt-content-primary-foreground-disabled: var(--salt-palette-neutral-primary-foreground-disabled);
1544
1570
  --salt-content-secondary-foreground: var(--salt-palette-neutral-secondary-foreground);
1545
1571
  --salt-content-secondary-foreground-disabled: var(--salt-palette-neutral-secondary-foreground-disabled);
1572
+ --salt-content-bold-foreground: var(--salt-palette-interact-cta-foreground);
1573
+ --salt-content-bold-foreground-disabled: var(--salt-palette-interact-cta-foreground-disabled);
1546
1574
  --salt-content-foreground-hover: var(--salt-palette-navigate-foreground-hover);
1547
1575
  --salt-content-foreground-active: var(--salt-palette-navigate-foreground-active);
1548
1576
  --salt-content-foreground-visited: var(--salt-palette-navigate-foreground-visited);
@@ -1693,10 +1721,6 @@
1693
1721
  --salt-taggable-foreground-hover: var(--salt-palette-interact-primary-foreground-hover);
1694
1722
  --salt-taggable-foreground-active: var(--salt-palette-interact-primary-foreground-active);
1695
1723
  --salt-taggable-foreground-disabled: var(--salt-palette-interact-primary-foreground-disabled);
1696
- --salt-container-tertiary-background: transparent;
1697
- --salt-container-tertiary-background-disabled: transparent;
1698
- --salt-container-tertiary-borderColor: transparent;
1699
- --salt-container-tertiary-borderColor-disabled: transparent;
1700
1724
  }
1701
1725
  .salt-density-high {
1702
1726
  --salt-accent-fontSize: 8px;
@@ -1775,7 +1799,6 @@
1775
1799
  --salt-size-adornmentGap: calc(0.75 * var(--salt-size-unit));
1776
1800
  --salt-size-container-spacing: calc(3 * var(--salt-size-unit));
1777
1801
  --salt-size-separator-strokeWidth: 1px;
1778
- --salt-size-selectable: calc(var(--salt-size-base) - (1.5 * var(--salt-size-unit)) - (0.5 * var(--salt-size-basis-unit)));
1779
1802
  --salt-size-separator-height: calc(var(--salt-size-compact) + 1.5 * var(--salt-size-basis-unit));
1780
1803
  --salt-size-sharktooth-height: 5px;
1781
1804
  --salt-size-sharktooth-width: 10px;
@@ -1843,10 +1866,6 @@
1843
1866
  --salt-palette-measured-border: var(--salt-color-gray-90);
1844
1867
  --salt-palette-measured-border-disabled: var(--salt-color-gray-90-fade-border);
1845
1868
  --salt-palette-neutral-tertiary-background-readonly: transparent;
1846
- --salt-palette-neutral-tertiary-background: transparent;
1847
- --salt-palette-neutral-tertiary-background-disabled: transparent;
1848
- --salt-palette-neutral-tertiary-border: transparent;
1849
- --salt-palette-neutral-tertiary-border-disabled: transparent;
1850
1869
  --salt-palette-error-foreground-disabled: var(--salt-color-red-500-fade-foreground);
1851
1870
  --salt-palette-error-border-disabled: var(--salt-color-red-500-fade-border);
1852
1871
  --salt-palette-error-foreground: var(--salt-color-red-500);
@@ -1899,10 +1918,6 @@
1899
1918
  --salt-palette-measured-border: var(--salt-color-gray-90);
1900
1919
  --salt-palette-measured-border-disabled: var(--salt-color-gray-90-fade-border);
1901
1920
  --salt-palette-neutral-tertiary-background-readonly: transparent;
1902
- --salt-palette-neutral-tertiary-background: transparent;
1903
- --salt-palette-neutral-tertiary-background-disabled: transparent;
1904
- --salt-palette-neutral-tertiary-border: transparent;
1905
- --salt-palette-neutral-tertiary-border-disabled: transparent;
1906
1921
  --salt-palette-error-foreground-disabled: var(--salt-color-red-500-fade-foreground);
1907
1922
  --salt-palette-error-border-disabled: var(--salt-color-red-500-fade-border);
1908
1923
  --salt-palette-error-foreground: var(--salt-color-red-500);
package/index.css CHANGED
@@ -506,6 +506,8 @@
506
506
  --salt-color-blue-600-fade-background: rgba(21, 92, 147, var(--salt-palette-opacity-disabled));
507
507
  --salt-color-blue-700-fade-background: rgba(0, 71, 123, var(--salt-palette-opacity-disabled));
508
508
  --salt-color-gray-20-fade-background: rgba(234, 237, 239, var(--salt-palette-opacity-disabled));
509
+ --salt-color-gray-30-fade-background: rgba(224, 228, 233, var(--salt-palette-opacity-disabled));
510
+ --salt-color-gray-50-fade-background: rgba(206, 210, 217, var(--salt-palette-opacity-disabled));
509
511
  --salt-color-gray-60-fade-background: rgba(197, 201, 208, var(--salt-palette-opacity-disabled));
510
512
  --salt-color-gray-70-fade-background: rgba(180, 183, 190, var(--salt-palette-opacity-disabled));
511
513
  --salt-color-gray-200-fade-background: rgba(97, 101, 110, var(--salt-palette-opacity-disabled));
@@ -689,6 +691,7 @@
689
691
  /* css/palette/error.css */
690
692
  .salt-theme[data-mode=light] {
691
693
  --salt-palette-error-background: var(--salt-color-red-10);
694
+ --salt-palette-error-bold-background: var(--salt-color-red-500);
692
695
  --salt-palette-error-background-selected: var(--salt-color-red-20);
693
696
  --salt-palette-error-border: var(--salt-color-red-500);
694
697
  --salt-palette-error-foreground-decorative: var(--salt-color-red-500);
@@ -696,6 +699,7 @@
696
699
  }
697
700
  .salt-theme[data-mode=dark] {
698
701
  --salt-palette-error-background: var(--salt-color-red-900);
702
+ --salt-palette-error-bold-background: var(--salt-color-red-500);
699
703
  --salt-palette-error-background-selected: var(--salt-color-red-900);
700
704
  --salt-palette-error-border: var(--salt-color-red-400);
701
705
  --salt-palette-error-foreground-decorative: var(--salt-color-red-400);
@@ -831,12 +835,14 @@
831
835
  /* css/palette/info.css */
832
836
  .salt-theme[data-mode=light] {
833
837
  --salt-palette-info-background: var(--salt-color-blue-10);
838
+ --salt-palette-info-bold-background: var(--salt-color-blue-500);
834
839
  --salt-palette-info-border: var(--salt-color-blue-500);
835
840
  --salt-palette-info-foreground-decorative: var(--salt-color-blue-500);
836
841
  --salt-palette-info-foreground-informative: var(--salt-color-blue-600);
837
842
  }
838
843
  .salt-theme[data-mode=dark] {
839
844
  --salt-palette-info-background: var(--salt-color-blue-900);
845
+ --salt-palette-info-bold-background: var(--salt-color-blue-500);
840
846
  --salt-palette-info-border: var(--salt-color-blue-400);
841
847
  --salt-palette-info-foreground-decorative: var(--salt-color-blue-400);
842
848
  --salt-palette-info-foreground-informative: var(--salt-color-blue-200);
@@ -979,6 +985,10 @@
979
985
  --salt-palette-neutral-secondary-separator: var(--salt-color-black-fade-separatorOpacity-secondary);
980
986
  --salt-palette-neutral-tertiary-separator: var(--salt-color-black-fade-separatorOpacity-tertiary);
981
987
  --salt-palette-neutral-selection: var(--salt-color-black-fade-background-selection);
988
+ --salt-palette-neutral-tertiary-background: var(--salt-color-gray-30);
989
+ --salt-palette-neutral-tertiary-background-disabled: var(--salt-color-gray-30-fade-background);
990
+ --salt-palette-neutral-tertiary-border: var(--salt-color-gray-50);
991
+ --salt-palette-neutral-tertiary-border-disabled: var(--salt-color-gray-50-fade-background);
982
992
  }
983
993
  .salt-theme[data-mode=dark] {
984
994
  --salt-palette-neutral-primary-background: var(--salt-color-gray-800);
@@ -1000,6 +1010,10 @@
1000
1010
  --salt-palette-neutral-secondary-separator: var(--salt-color-white-fade-separatorOpacity-secondary);
1001
1011
  --salt-palette-neutral-tertiary-separator: var(--salt-color-white-fade-separatorOpacity-tertiary);
1002
1012
  --salt-palette-neutral-selection: var(--salt-color-white-fade-background-selection);
1013
+ --salt-palette-neutral-tertiary-background: var(--salt-color-gray-500);
1014
+ --salt-palette-neutral-tertiary-background-disabled: var(--salt-color-gray-500-fade-background);
1015
+ --salt-palette-neutral-tertiary-border: var(--salt-color-gray-300);
1016
+ --salt-palette-neutral-tertiary-border-disabled: var(--salt-color-gray-300-fade-background);
1003
1017
  }
1004
1018
 
1005
1019
  /* css/palette/opacity.css */
@@ -1024,6 +1038,7 @@
1024
1038
  /* css/palette/success.css */
1025
1039
  .salt-theme[data-mode=light] {
1026
1040
  --salt-palette-success-background: var(--salt-color-green-10);
1041
+ --salt-palette-success-bold-background: var(--salt-color-green-500);
1027
1042
  --salt-palette-success-background-selected: var(--salt-color-green-20);
1028
1043
  --salt-palette-success-border: var(--salt-color-green-500);
1029
1044
  --salt-palette-success-foreground-decorative: var(--salt-color-green-500);
@@ -1031,6 +1046,7 @@
1031
1046
  }
1032
1047
  .salt-theme[data-mode=dark] {
1033
1048
  --salt-palette-success-background: var(--salt-color-green-900);
1049
+ --salt-palette-success-bold-background: var(--salt-color-green-500);
1034
1050
  --salt-palette-success-background-selected: var(--salt-color-green-900);
1035
1051
  --salt-palette-success-border: var(--salt-color-green-400);
1036
1052
  --salt-palette-success-foreground-decorative: var(--salt-color-green-400);
@@ -1061,6 +1077,7 @@
1061
1077
  /* css/palette/warning.css */
1062
1078
  .salt-theme[data-mode=light] {
1063
1079
  --salt-palette-warning-background: var(--salt-color-orange-10);
1080
+ --salt-palette-warning-bold-background: var(--salt-color-orange-800);
1064
1081
  --salt-palette-warning-background-selected: var(--salt-color-orange-20);
1065
1082
  --salt-palette-warning-border: var(--salt-color-orange-700);
1066
1083
  --salt-palette-warning-foreground-decorative: var(--salt-color-orange-700);
@@ -1068,6 +1085,7 @@
1068
1085
  }
1069
1086
  .salt-theme[data-mode=dark] {
1070
1087
  --salt-palette-warning-background: var(--salt-color-orange-900);
1088
+ --salt-palette-warning-bold-background: var(--salt-color-orange-800);
1071
1089
  --salt-palette-warning-background-selected: var(--salt-color-orange-900);
1072
1090
  --salt-palette-warning-border: var(--salt-color-orange-500);
1073
1091
  --salt-palette-warning-foreground-decorative: var(--salt-color-orange-500);
@@ -1239,6 +1257,10 @@
1239
1257
  --salt-container-secondary-background-disabled: var(--salt-palette-neutral-secondary-background-disabled);
1240
1258
  --salt-container-secondary-borderColor: var(--salt-palette-neutral-secondary-border);
1241
1259
  --salt-container-secondary-borderColor-disabled: var(--salt-palette-neutral-secondary-border-disabled);
1260
+ --salt-container-tertiary-background: var(--salt-palette-neutral-tertiary-background);
1261
+ --salt-container-tertiary-background-disabled: var(--salt-palette-neutral-tertiary-background-disabled);
1262
+ --salt-container-tertiary-borderColor: var(--salt-palette-neutral-tertiary-border);
1263
+ --salt-container-tertiary-borderColor-disabled: var(--salt-palette-neutral-tertiary-border-disabled);
1242
1264
  }
1243
1265
 
1244
1266
  /* css/characteristics/draggable.css */
@@ -1402,6 +1424,10 @@
1402
1424
  --salt-status-error-background: var(--salt-palette-error-background);
1403
1425
  --salt-status-warning-background: var(--salt-palette-warning-background);
1404
1426
  --salt-status-success-background: var(--salt-palette-success-background);
1427
+ --salt-status-info-bold-background: var(--salt-palette-info-bold-background);
1428
+ --salt-status-error-bold-background: var(--salt-palette-error-bold-background);
1429
+ --salt-status-warning-bold-background: var(--salt-palette-warning-bold-background);
1430
+ --salt-status-success-bold-background: var(--salt-palette-success-bold-background);
1405
1431
  --salt-status-error-background-selected: var(--salt-palette-error-background-selected);
1406
1432
  --salt-status-warning-background-selected: var(--salt-palette-warning-background-selected);
1407
1433
  --salt-status-success-background-selected: var(--salt-palette-success-background-selected);
@@ -1572,6 +1598,8 @@
1572
1598
  --salt-content-primary-foreground-disabled: var(--salt-palette-neutral-primary-foreground-disabled);
1573
1599
  --salt-content-secondary-foreground: var(--salt-palette-neutral-secondary-foreground);
1574
1600
  --salt-content-secondary-foreground-disabled: var(--salt-palette-neutral-secondary-foreground-disabled);
1601
+ --salt-content-bold-foreground: var(--salt-palette-interact-cta-foreground);
1602
+ --salt-content-bold-foreground-disabled: var(--salt-palette-interact-cta-foreground-disabled);
1575
1603
  --salt-content-foreground-hover: var(--salt-palette-navigate-foreground-hover);
1576
1604
  --salt-content-foreground-active: var(--salt-palette-navigate-foreground-active);
1577
1605
  --salt-content-foreground-visited: var(--salt-palette-navigate-foreground-visited);
@@ -1722,10 +1750,6 @@
1722
1750
  --salt-taggable-foreground-hover: var(--salt-palette-interact-primary-foreground-hover);
1723
1751
  --salt-taggable-foreground-active: var(--salt-palette-interact-primary-foreground-active);
1724
1752
  --salt-taggable-foreground-disabled: var(--salt-palette-interact-primary-foreground-disabled);
1725
- --salt-container-tertiary-background: transparent;
1726
- --salt-container-tertiary-background-disabled: transparent;
1727
- --salt-container-tertiary-borderColor: transparent;
1728
- --salt-container-tertiary-borderColor-disabled: transparent;
1729
1753
  }
1730
1754
  .salt-density-high {
1731
1755
  --salt-accent-fontSize: 8px;
@@ -1804,7 +1828,6 @@
1804
1828
  --salt-size-adornmentGap: calc(0.75 * var(--salt-size-unit));
1805
1829
  --salt-size-container-spacing: calc(3 * var(--salt-size-unit));
1806
1830
  --salt-size-separator-strokeWidth: 1px;
1807
- --salt-size-selectable: calc(var(--salt-size-base) - (1.5 * var(--salt-size-unit)) - (0.5 * var(--salt-size-basis-unit)));
1808
1831
  --salt-size-separator-height: calc(var(--salt-size-compact) + 1.5 * var(--salt-size-basis-unit));
1809
1832
  --salt-size-sharktooth-height: 5px;
1810
1833
  --salt-size-sharktooth-width: 10px;
@@ -1872,10 +1895,6 @@
1872
1895
  --salt-palette-measured-border: var(--salt-color-gray-90);
1873
1896
  --salt-palette-measured-border-disabled: var(--salt-color-gray-90-fade-border);
1874
1897
  --salt-palette-neutral-tertiary-background-readonly: transparent;
1875
- --salt-palette-neutral-tertiary-background: transparent;
1876
- --salt-palette-neutral-tertiary-background-disabled: transparent;
1877
- --salt-palette-neutral-tertiary-border: transparent;
1878
- --salt-palette-neutral-tertiary-border-disabled: transparent;
1879
1898
  --salt-palette-error-foreground-disabled: var(--salt-color-red-500-fade-foreground);
1880
1899
  --salt-palette-error-border-disabled: var(--salt-color-red-500-fade-border);
1881
1900
  --salt-palette-error-foreground: var(--salt-color-red-500);
@@ -1928,10 +1947,6 @@
1928
1947
  --salt-palette-measured-border: var(--salt-color-gray-90);
1929
1948
  --salt-palette-measured-border-disabled: var(--salt-color-gray-90-fade-border);
1930
1949
  --salt-palette-neutral-tertiary-background-readonly: transparent;
1931
- --salt-palette-neutral-tertiary-background: transparent;
1932
- --salt-palette-neutral-tertiary-background-disabled: transparent;
1933
- --salt-palette-neutral-tertiary-border: transparent;
1934
- --salt-palette-neutral-tertiary-border-disabled: transparent;
1935
1950
  --salt-palette-error-foreground-disabled: var(--salt-color-red-500-fade-foreground);
1936
1951
  --salt-palette-error-border-disabled: var(--salt-color-red-500-fade-border);
1937
1952
  --salt-palette-error-foreground: var(--salt-color-red-500);
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@salt-ds/theme",
3
- "version": "1.19.0",
3
+ "version": "1.21.0",
4
4
  "license": "Apache-2.0",
5
5
  "repository": {
6
6
  "type": "git",