@salt-ds/theme 0.0.0-snapshot-20250507084731 → 0.0.0-snapshot-20250707190203

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/global.css +1 -1
  2. package/css/theme.css +68 -44
  3. package/index.css +69 -45
  4. package/package.json +1 -1
package/css/global.css CHANGED
@@ -1,7 +1,7 @@
1
1
  /* css/global.css */
2
2
  .salt-theme {
3
3
  color: var(--salt-content-primary-foreground);
4
- font-family: var(--salt-text-fontFamily), sans-serif;
4
+ font-family: var(--salt-text-fontFamily);
5
5
  font-size: var(--salt-text-fontSize);
6
6
  letter-spacing: var(--salt-text-letterSpacing);
7
7
  line-height: var(--salt-text-lineHeight);
package/css/theme.css CHANGED
@@ -904,6 +904,20 @@
904
904
  --salt-color-forest-900: rgb(0, 51, 31);
905
905
  }
906
906
 
907
+ /* css/foundations/cursor.css */
908
+ .salt-theme {
909
+ --salt-cursor-active: pointer;
910
+ --salt-cursor-disabled: not-allowed;
911
+ --salt-cursor-drag-ew: ew-resize;
912
+ --salt-cursor-drag-ns: ns-resize;
913
+ --salt-cursor-grab: grab;
914
+ --salt-cursor-grab-active: grabbing;
915
+ --salt-cursor-hover: pointer;
916
+ --salt-cursor-pending: progress;
917
+ --salt-cursor-readonly: text;
918
+ --salt-cursor-text: text;
919
+ }
920
+
907
921
  /* css/foundations/curve.css */
908
922
  .salt-density-high {
909
923
  --salt-curve-0: 0;
@@ -978,49 +992,51 @@
978
992
  --salt-size-adornment: 6px;
979
993
  --salt-size-bar: 2px;
980
994
  --salt-size-base: 20px;
981
- --salt-size-border: 1px;
982
995
  --salt-size-icon: 10px;
983
996
  --salt-size-indicator: 2px;
984
997
  --salt-size-selectable: 12px;
985
998
  --salt-size-bar-strong: 4px;
986
- --salt-size-bar-small: 2px;
987
- --salt-size-border-strong: 2px;
988
999
  }
989
1000
  .salt-density-medium {
990
1001
  --salt-size-adornment: 8px;
991
1002
  --salt-size-bar: 4px;
992
1003
  --salt-size-base: 28px;
993
- --salt-size-border: 1px;
994
1004
  --salt-size-icon: 12px;
995
1005
  --salt-size-indicator: 3px;
996
1006
  --salt-size-selectable: 14px;
997
1007
  --salt-size-bar-strong: 8px;
998
- --salt-size-bar-small: 2px;
999
- --salt-size-border-strong: 2px;
1000
1008
  }
1001
1009
  .salt-density-low {
1002
1010
  --salt-size-adornment: 10px;
1003
1011
  --salt-size-bar: 6px;
1004
1012
  --salt-size-base: 36px;
1005
- --salt-size-border: 1px;
1006
1013
  --salt-size-icon: 14px;
1007
1014
  --salt-size-indicator: 4px;
1008
1015
  --salt-size-selectable: 16px;
1009
1016
  --salt-size-bar-strong: 12px;
1010
- --salt-size-bar-small: 2px;
1011
- --salt-size-border-strong: 2px;
1012
1017
  }
1013
1018
  .salt-density-touch {
1014
1019
  --salt-size-adornment: 12px;
1015
1020
  --salt-size-bar: 8px;
1016
1021
  --salt-size-base: 44px;
1017
- --salt-size-border: 1px;
1018
1022
  --salt-size-icon: 16px;
1019
1023
  --salt-size-indicator: 5px;
1020
1024
  --salt-size-selectable: 18px;
1021
1025
  --salt-size-bar-strong: 16px;
1022
- --salt-size-bar-small: 2px;
1023
- --salt-size-border-strong: 2px;
1026
+ }
1027
+ .salt-density-touch,
1028
+ .salt-density-low,
1029
+ .salt-density-medium,
1030
+ .salt-density-high {
1031
+ --salt-size-fixed-100: 1px;
1032
+ --salt-size-fixed-200: 2px;
1033
+ --salt-size-fixed-300: 3px;
1034
+ --salt-size-fixed-400: 4px;
1035
+ --salt-size-fixed-500: 5px;
1036
+ --salt-size-fixed-600: 6px;
1037
+ --salt-size-fixed-700: 7px;
1038
+ --salt-size-fixed-800: 8px;
1039
+ --salt-size-fixed-900: 9px;
1024
1040
  }
1025
1041
 
1026
1042
  /* css/foundations/spacing.css */
@@ -1060,6 +1076,15 @@
1060
1076
  --salt-spacing-850: calc(8.5 * var(--salt-spacing-100));
1061
1077
  --salt-spacing-900: calc(9 * var(--salt-spacing-100));
1062
1078
  --salt-spacing-950: calc(9.5 * var(--salt-spacing-100));
1079
+ --salt-spacing-fixed-100: 1px;
1080
+ --salt-spacing-fixed-200: 2px;
1081
+ --salt-spacing-fixed-300: 3px;
1082
+ --salt-spacing-fixed-400: 4px;
1083
+ --salt-spacing-fixed-500: 5px;
1084
+ --salt-spacing-fixed-600: 6px;
1085
+ --salt-spacing-fixed-700: 7px;
1086
+ --salt-spacing-fixed-800: 8px;
1087
+ --salt-spacing-fixed-900: 9px;
1063
1088
  }
1064
1089
 
1065
1090
  /* css/foundations/typography.css */
@@ -1577,9 +1602,6 @@
1577
1602
 
1578
1603
  /* css/characteristics/actionable.css */
1579
1604
  .salt-theme {
1580
- --salt-actionable-cursor-hover: pointer;
1581
- --salt-actionable-cursor-active: pointer;
1582
- --salt-actionable-cursor-disabled: not-allowed;
1583
1605
  --salt-actionable-accented-bold-background-active: var(--salt-palette-interact-cta-background-active);
1584
1606
  --salt-actionable-accented-bold-background-disabled: var(--salt-palette-interact-cta-background-disabled);
1585
1607
  --salt-actionable-accented-bold-background-hover: var(--salt-palette-interact-cta-background-hover);
@@ -1885,16 +1907,6 @@
1885
1907
  --salt-container-ghost-borderColor: var(--salt-palette-alpha-contrast-low);
1886
1908
  }
1887
1909
 
1888
- /* css/characteristics/draggable.css */
1889
- .salt-theme {
1890
- --salt-draggable-horizontal-cursor-hover: row-resize;
1891
- --salt-draggable-horizontal-cursor-active: row-resize;
1892
- --salt-draggable-vertical-cursor-hover: col-resize;
1893
- --salt-draggable-vertical-cursor-active: col-resize;
1894
- --salt-draggable-grab-cursor-hover: grab;
1895
- --salt-draggable-grab-cursor-active: grabbing;
1896
- }
1897
-
1898
1910
  /* css/characteristics/target.css */
1899
1911
  .salt-theme {
1900
1912
  --salt-target-background-hover: var(--salt-palette-interact-background-hover);
@@ -1902,21 +1914,15 @@
1902
1914
  --salt-target-borderStyle: dashed;
1903
1915
  --salt-target-borderStyle-hover: solid;
1904
1916
  --salt-target-borderStyle-disabled: dashed;
1905
- --salt-target-cursor-disabled: not-allowed;
1906
1917
  }
1907
1918
 
1908
1919
  /* css/characteristics/editable.css */
1909
1920
  .salt-theme {
1910
- --salt-editable-cursor-hover: text;
1911
- --salt-editable-cursor-active: text;
1912
- --salt-editable-cursor-disabled: not-allowed;
1913
- --salt-editable-cursor-readonly: text;
1914
1921
  --salt-editable-borderStyle: solid;
1915
1922
  --salt-editable-borderStyle-hover: solid;
1916
1923
  --salt-editable-borderStyle-active: solid;
1917
1924
  --salt-editable-borderStyle-disabled: solid;
1918
1925
  --salt-editable-borderStyle-readonly: solid;
1919
- --salt-editable-borderWidth-active: 2px;
1920
1926
  --salt-editable-borderColor: var(--salt-palette-interact-border);
1921
1927
  --salt-editable-borderColor-active: var(--salt-palette-interact-border-active);
1922
1928
  --salt-editable-borderColor-disabled: var(--salt-palette-interact-border-disabled);
@@ -1958,14 +1964,6 @@
1958
1964
 
1959
1965
  /* css/characteristics/navigable.css */
1960
1966
  .salt-theme {
1961
- --salt-navigable-cursor-active: pointer;
1962
- --salt-navigable-cursor-hover: pointer;
1963
- --salt-navigable-cursor-disabled: not-allowed;
1964
- --salt-navigable-cursor-edit: text;
1965
- --salt-navigable-fontWeight: var(--salt-typography-fontWeight-regular);
1966
- --salt-navigable-fontWeight-hover: var(--salt-typography-fontWeight-regular);
1967
- --salt-navigable-fontWeight-active: var(--salt-typography-fontWeight-semiBold);
1968
- --salt-navigable-fontWeight-edit: var(--salt-typography-fontWeight-regular);
1969
1967
  --salt-navigable-indicator-hover: var(--salt-palette-navigate-indicator-hover);
1970
1968
  --salt-navigable-indicator-active: var(--salt-palette-navigate-indicator-active);
1971
1969
  }
@@ -1986,11 +1984,6 @@
1986
1984
 
1987
1985
  /* css/characteristics/selectable.css */
1988
1986
  .salt-theme {
1989
- --salt-selectable-cursor-hover: pointer;
1990
- --salt-selectable-cursor-selected: pointer;
1991
- --salt-selectable-cursor-blurSelected: pointer;
1992
- --salt-selectable-cursor-disabled: not-allowed;
1993
- --salt-selectable-cursor-readonly: not-allowed;
1994
1987
  --salt-selectable-borderStyle: solid;
1995
1988
  --salt-selectable-borderStyle-hover: solid;
1996
1989
  --salt-selectable-borderStyle-selected: solid;
@@ -2247,11 +2240,16 @@
2247
2240
  .salt-theme {
2248
2241
  --salt-differential-positive-foreground: var(--salt-palette-positive-foreground);
2249
2242
  --salt-differential-negative-foreground: var(--salt-palette-negative-foreground);
2243
+ --salt-editable-cursor-hover: text;
2244
+ --salt-editable-cursor-active: text;
2245
+ --salt-editable-cursor-disabled: not-allowed;
2246
+ --salt-editable-cursor-readonly: text;
2250
2247
  --salt-editable-tertiary-background: var(--salt-palette-neutral-tertiary-background);
2251
2248
  --salt-editable-tertiary-background-active: var(--salt-palette-neutral-tertiary-background);
2252
2249
  --salt-editable-tertiary-background-disabled: var(--salt-palette-neutral-tertiary-background-disabled);
2253
2250
  --salt-editable-tertiary-background-hover: var(--salt-palette-neutral-tertiary-background);
2254
2251
  --salt-editable-tertiary-background-readonly: var(--salt-palette-neutral-tertiary-background-readonly);
2252
+ --salt-editable-borderWidth-active: 2px;
2255
2253
  --salt-measured-borderStyle: solid;
2256
2254
  --salt-measured-borderStyle-active: solid;
2257
2255
  --salt-measured-borderStyle-complete: solid;
@@ -2277,6 +2275,11 @@
2277
2275
  --salt-overlayable-shadow-scroll-color: var(--salt-shadow-1-color);
2278
2276
  --salt-overlayable-shadow-borderRegion: var(--salt-shadow-2);
2279
2277
  --salt-overlayable-rangeSelection: var(--salt-overlayable-background-rangeSelection);
2278
+ --salt-selectable-cursor-hover: pointer;
2279
+ --salt-selectable-cursor-selected: pointer;
2280
+ --salt-selectable-cursor-blurSelected: pointer;
2281
+ --salt-selectable-cursor-disabled: not-allowed;
2282
+ --salt-selectable-cursor-readonly: not-allowed;
2280
2283
  --salt-selectable-foreground-partial: var(--salt-palette-interact-foreground-partial);
2281
2284
  --salt-selectable-foreground-partialDisabled: var(--salt-palette-interact-foreground-partialDisabled);
2282
2285
  --salt-selectable-cta-foreground: var(--salt-palette-interact-foreground);
@@ -2328,12 +2331,22 @@
2328
2331
  --salt-status-error-foreground: var(--salt-palette-error-foreground);
2329
2332
  --salt-status-warning-foreground: var(--salt-palette-warning-foreground);
2330
2333
  --salt-status-success-foreground: var(--salt-palette-success-foreground);
2334
+ --salt-draggable-horizontal-cursor-hover: row-resize;
2335
+ --salt-draggable-horizontal-cursor-active: row-resize;
2336
+ --salt-draggable-vertical-cursor-hover: col-resize;
2337
+ --salt-draggable-vertical-cursor-active: col-resize;
2338
+ --salt-draggable-grab-cursor-hover: grab;
2339
+ --salt-draggable-grab-cursor-active: grabbing;
2340
+ --salt-actionable-cursor-hover: pointer;
2341
+ --salt-actionable-cursor-active: pointer;
2342
+ --salt-actionable-cursor-disabled: not-allowed;
2331
2343
  --salt-actionable-letterSpacing: 0.6px;
2332
2344
  --salt-actionable-textTransform: uppercase;
2333
2345
  --salt-actionable-textAlign: center;
2334
2346
  --salt-actionable-primary-fontWeight: var(--salt-typography-fontWeight-bold);
2335
2347
  --salt-actionable-cta-fontWeight: var(--salt-typography-fontWeight-bold);
2336
2348
  --salt-actionable-secondary-fontWeight: var(--salt-typography-fontWeight-semiBold);
2349
+ --salt-target-cursor-disabled: not-allowed;
2337
2350
  --salt-text-background-selected: var(--salt-content-foreground-highlight);
2338
2351
  --salt-text-link-foreground-hover: var(--salt-palette-navigate-foreground-hover);
2339
2352
  --salt-text-link-foreground-active: var(--salt-palette-navigate-foreground-active);
@@ -2347,6 +2360,10 @@
2347
2360
  --salt-text-secondary-foreground-disabled: var(--salt-palette-neutral-secondary-foreground-disabled);
2348
2361
  --salt-text-textDecoration: var(--salt-typography-textDecoration-none);
2349
2362
  --salt-text-textTransform: none;
2363
+ --salt-navigable-cursor-active: pointer;
2364
+ --salt-navigable-cursor-hover: pointer;
2365
+ --salt-navigable-cursor-disabled: not-allowed;
2366
+ --salt-navigable-cursor-edit: text;
2350
2367
  --salt-navigable-primary-background: var(--salt-palette-navigate-primary-background);
2351
2368
  --salt-navigable-primary-background-hover: var(--salt-palette-navigate-primary-background-hover);
2352
2369
  --salt-navigable-primary-background-active: var(--salt-palette-navigate-primary-background-active);
@@ -2361,6 +2378,10 @@
2361
2378
  --salt-navigable-textDecoration: var(--salt-typography-textDecoration-underline);
2362
2379
  --salt-navigable-textDecoration-hover: var(--salt-typography-textDecoration-none);
2363
2380
  --salt-navigable-textDecoration-selected: var(--salt-typography-textDecoration-underline);
2381
+ --salt-navigable-fontWeight: var(--salt-typography-fontWeight-regular);
2382
+ --salt-navigable-fontWeight-hover: var(--salt-typography-fontWeight-regular);
2383
+ --salt-navigable-fontWeight-active: var(--salt-typography-fontWeight-semiBold);
2384
+ --salt-navigable-fontWeight-edit: var(--salt-typography-fontWeight-regular);
2364
2385
  --salt-accent-fontWeight: var(--salt-typography-fontWeight-semiBold);
2365
2386
  --salt-accent-foreground-disabled: var(--salt-palette-accent-foreground-disabled);
2366
2387
  --salt-track-borderWidth: 2px;
@@ -2585,6 +2606,9 @@
2585
2606
  --salt-size-sharktooth-height: 5px;
2586
2607
  --salt-size-sharktooth-width: 10px;
2587
2608
  --salt-size-stackable: calc(var(--salt-size-base) + var(--salt-size-unit));
2609
+ --salt-size-border: 1px;
2610
+ --salt-size-bar-small: 2px;
2611
+ --salt-size-border-strong: 2px;
2588
2612
  --salt-zIndex-docked: 1050;
2589
2613
  }
2590
2614
  .salt-density-high {
package/index.css CHANGED
@@ -1,7 +1,7 @@
1
1
  /* css/global.css */
2
2
  .salt-theme {
3
3
  color: var(--salt-content-primary-foreground);
4
- font-family: var(--salt-text-fontFamily), sans-serif;
4
+ font-family: var(--salt-text-fontFamily);
5
5
  font-size: var(--salt-text-fontSize);
6
6
  letter-spacing: var(--salt-text-letterSpacing);
7
7
  line-height: var(--salt-text-lineHeight);
@@ -933,6 +933,20 @@
933
933
  --salt-color-forest-900: rgb(0, 51, 31);
934
934
  }
935
935
 
936
+ /* css/foundations/cursor.css */
937
+ .salt-theme {
938
+ --salt-cursor-active: pointer;
939
+ --salt-cursor-disabled: not-allowed;
940
+ --salt-cursor-drag-ew: ew-resize;
941
+ --salt-cursor-drag-ns: ns-resize;
942
+ --salt-cursor-grab: grab;
943
+ --salt-cursor-grab-active: grabbing;
944
+ --salt-cursor-hover: pointer;
945
+ --salt-cursor-pending: progress;
946
+ --salt-cursor-readonly: text;
947
+ --salt-cursor-text: text;
948
+ }
949
+
936
950
  /* css/foundations/curve.css */
937
951
  .salt-density-high {
938
952
  --salt-curve-0: 0;
@@ -1007,49 +1021,51 @@
1007
1021
  --salt-size-adornment: 6px;
1008
1022
  --salt-size-bar: 2px;
1009
1023
  --salt-size-base: 20px;
1010
- --salt-size-border: 1px;
1011
1024
  --salt-size-icon: 10px;
1012
1025
  --salt-size-indicator: 2px;
1013
1026
  --salt-size-selectable: 12px;
1014
1027
  --salt-size-bar-strong: 4px;
1015
- --salt-size-bar-small: 2px;
1016
- --salt-size-border-strong: 2px;
1017
1028
  }
1018
1029
  .salt-density-medium {
1019
1030
  --salt-size-adornment: 8px;
1020
1031
  --salt-size-bar: 4px;
1021
1032
  --salt-size-base: 28px;
1022
- --salt-size-border: 1px;
1023
1033
  --salt-size-icon: 12px;
1024
1034
  --salt-size-indicator: 3px;
1025
1035
  --salt-size-selectable: 14px;
1026
1036
  --salt-size-bar-strong: 8px;
1027
- --salt-size-bar-small: 2px;
1028
- --salt-size-border-strong: 2px;
1029
1037
  }
1030
1038
  .salt-density-low {
1031
1039
  --salt-size-adornment: 10px;
1032
1040
  --salt-size-bar: 6px;
1033
1041
  --salt-size-base: 36px;
1034
- --salt-size-border: 1px;
1035
1042
  --salt-size-icon: 14px;
1036
1043
  --salt-size-indicator: 4px;
1037
1044
  --salt-size-selectable: 16px;
1038
1045
  --salt-size-bar-strong: 12px;
1039
- --salt-size-bar-small: 2px;
1040
- --salt-size-border-strong: 2px;
1041
1046
  }
1042
1047
  .salt-density-touch {
1043
1048
  --salt-size-adornment: 12px;
1044
1049
  --salt-size-bar: 8px;
1045
1050
  --salt-size-base: 44px;
1046
- --salt-size-border: 1px;
1047
1051
  --salt-size-icon: 16px;
1048
1052
  --salt-size-indicator: 5px;
1049
1053
  --salt-size-selectable: 18px;
1050
1054
  --salt-size-bar-strong: 16px;
1051
- --salt-size-bar-small: 2px;
1052
- --salt-size-border-strong: 2px;
1055
+ }
1056
+ .salt-density-touch,
1057
+ .salt-density-low,
1058
+ .salt-density-medium,
1059
+ .salt-density-high {
1060
+ --salt-size-fixed-100: 1px;
1061
+ --salt-size-fixed-200: 2px;
1062
+ --salt-size-fixed-300: 3px;
1063
+ --salt-size-fixed-400: 4px;
1064
+ --salt-size-fixed-500: 5px;
1065
+ --salt-size-fixed-600: 6px;
1066
+ --salt-size-fixed-700: 7px;
1067
+ --salt-size-fixed-800: 8px;
1068
+ --salt-size-fixed-900: 9px;
1053
1069
  }
1054
1070
 
1055
1071
  /* css/foundations/spacing.css */
@@ -1089,6 +1105,15 @@
1089
1105
  --salt-spacing-850: calc(8.5 * var(--salt-spacing-100));
1090
1106
  --salt-spacing-900: calc(9 * var(--salt-spacing-100));
1091
1107
  --salt-spacing-950: calc(9.5 * var(--salt-spacing-100));
1108
+ --salt-spacing-fixed-100: 1px;
1109
+ --salt-spacing-fixed-200: 2px;
1110
+ --salt-spacing-fixed-300: 3px;
1111
+ --salt-spacing-fixed-400: 4px;
1112
+ --salt-spacing-fixed-500: 5px;
1113
+ --salt-spacing-fixed-600: 6px;
1114
+ --salt-spacing-fixed-700: 7px;
1115
+ --salt-spacing-fixed-800: 8px;
1116
+ --salt-spacing-fixed-900: 9px;
1092
1117
  }
1093
1118
 
1094
1119
  /* css/foundations/typography.css */
@@ -1606,9 +1631,6 @@
1606
1631
 
1607
1632
  /* css/characteristics/actionable.css */
1608
1633
  .salt-theme {
1609
- --salt-actionable-cursor-hover: pointer;
1610
- --salt-actionable-cursor-active: pointer;
1611
- --salt-actionable-cursor-disabled: not-allowed;
1612
1634
  --salt-actionable-accented-bold-background-active: var(--salt-palette-interact-cta-background-active);
1613
1635
  --salt-actionable-accented-bold-background-disabled: var(--salt-palette-interact-cta-background-disabled);
1614
1636
  --salt-actionable-accented-bold-background-hover: var(--salt-palette-interact-cta-background-hover);
@@ -1914,16 +1936,6 @@
1914
1936
  --salt-container-ghost-borderColor: var(--salt-palette-alpha-contrast-low);
1915
1937
  }
1916
1938
 
1917
- /* css/characteristics/draggable.css */
1918
- .salt-theme {
1919
- --salt-draggable-horizontal-cursor-hover: row-resize;
1920
- --salt-draggable-horizontal-cursor-active: row-resize;
1921
- --salt-draggable-vertical-cursor-hover: col-resize;
1922
- --salt-draggable-vertical-cursor-active: col-resize;
1923
- --salt-draggable-grab-cursor-hover: grab;
1924
- --salt-draggable-grab-cursor-active: grabbing;
1925
- }
1926
-
1927
1939
  /* css/characteristics/target.css */
1928
1940
  .salt-theme {
1929
1941
  --salt-target-background-hover: var(--salt-palette-interact-background-hover);
@@ -1931,21 +1943,15 @@
1931
1943
  --salt-target-borderStyle: dashed;
1932
1944
  --salt-target-borderStyle-hover: solid;
1933
1945
  --salt-target-borderStyle-disabled: dashed;
1934
- --salt-target-cursor-disabled: not-allowed;
1935
1946
  }
1936
1947
 
1937
1948
  /* css/characteristics/editable.css */
1938
1949
  .salt-theme {
1939
- --salt-editable-cursor-hover: text;
1940
- --salt-editable-cursor-active: text;
1941
- --salt-editable-cursor-disabled: not-allowed;
1942
- --salt-editable-cursor-readonly: text;
1943
1950
  --salt-editable-borderStyle: solid;
1944
1951
  --salt-editable-borderStyle-hover: solid;
1945
1952
  --salt-editable-borderStyle-active: solid;
1946
1953
  --salt-editable-borderStyle-disabled: solid;
1947
1954
  --salt-editable-borderStyle-readonly: solid;
1948
- --salt-editable-borderWidth-active: 2px;
1949
1955
  --salt-editable-borderColor: var(--salt-palette-interact-border);
1950
1956
  --salt-editable-borderColor-active: var(--salt-palette-interact-border-active);
1951
1957
  --salt-editable-borderColor-disabled: var(--salt-palette-interact-border-disabled);
@@ -1987,14 +1993,6 @@
1987
1993
 
1988
1994
  /* css/characteristics/navigable.css */
1989
1995
  .salt-theme {
1990
- --salt-navigable-cursor-active: pointer;
1991
- --salt-navigable-cursor-hover: pointer;
1992
- --salt-navigable-cursor-disabled: not-allowed;
1993
- --salt-navigable-cursor-edit: text;
1994
- --salt-navigable-fontWeight: var(--salt-typography-fontWeight-regular);
1995
- --salt-navigable-fontWeight-hover: var(--salt-typography-fontWeight-regular);
1996
- --salt-navigable-fontWeight-active: var(--salt-typography-fontWeight-semiBold);
1997
- --salt-navigable-fontWeight-edit: var(--salt-typography-fontWeight-regular);
1998
1996
  --salt-navigable-indicator-hover: var(--salt-palette-navigate-indicator-hover);
1999
1997
  --salt-navigable-indicator-active: var(--salt-palette-navigate-indicator-active);
2000
1998
  }
@@ -2015,11 +2013,6 @@
2015
2013
 
2016
2014
  /* css/characteristics/selectable.css */
2017
2015
  .salt-theme {
2018
- --salt-selectable-cursor-hover: pointer;
2019
- --salt-selectable-cursor-selected: pointer;
2020
- --salt-selectable-cursor-blurSelected: pointer;
2021
- --salt-selectable-cursor-disabled: not-allowed;
2022
- --salt-selectable-cursor-readonly: not-allowed;
2023
2016
  --salt-selectable-borderStyle: solid;
2024
2017
  --salt-selectable-borderStyle-hover: solid;
2025
2018
  --salt-selectable-borderStyle-selected: solid;
@@ -2276,11 +2269,16 @@
2276
2269
  .salt-theme {
2277
2270
  --salt-differential-positive-foreground: var(--salt-palette-positive-foreground);
2278
2271
  --salt-differential-negative-foreground: var(--salt-palette-negative-foreground);
2272
+ --salt-editable-cursor-hover: text;
2273
+ --salt-editable-cursor-active: text;
2274
+ --salt-editable-cursor-disabled: not-allowed;
2275
+ --salt-editable-cursor-readonly: text;
2279
2276
  --salt-editable-tertiary-background: var(--salt-palette-neutral-tertiary-background);
2280
2277
  --salt-editable-tertiary-background-active: var(--salt-palette-neutral-tertiary-background);
2281
2278
  --salt-editable-tertiary-background-disabled: var(--salt-palette-neutral-tertiary-background-disabled);
2282
2279
  --salt-editable-tertiary-background-hover: var(--salt-palette-neutral-tertiary-background);
2283
2280
  --salt-editable-tertiary-background-readonly: var(--salt-palette-neutral-tertiary-background-readonly);
2281
+ --salt-editable-borderWidth-active: 2px;
2284
2282
  --salt-measured-borderStyle: solid;
2285
2283
  --salt-measured-borderStyle-active: solid;
2286
2284
  --salt-measured-borderStyle-complete: solid;
@@ -2306,6 +2304,11 @@
2306
2304
  --salt-overlayable-shadow-scroll-color: var(--salt-shadow-1-color);
2307
2305
  --salt-overlayable-shadow-borderRegion: var(--salt-shadow-2);
2308
2306
  --salt-overlayable-rangeSelection: var(--salt-overlayable-background-rangeSelection);
2307
+ --salt-selectable-cursor-hover: pointer;
2308
+ --salt-selectable-cursor-selected: pointer;
2309
+ --salt-selectable-cursor-blurSelected: pointer;
2310
+ --salt-selectable-cursor-disabled: not-allowed;
2311
+ --salt-selectable-cursor-readonly: not-allowed;
2309
2312
  --salt-selectable-foreground-partial: var(--salt-palette-interact-foreground-partial);
2310
2313
  --salt-selectable-foreground-partialDisabled: var(--salt-palette-interact-foreground-partialDisabled);
2311
2314
  --salt-selectable-cta-foreground: var(--salt-palette-interact-foreground);
@@ -2357,12 +2360,22 @@
2357
2360
  --salt-status-error-foreground: var(--salt-palette-error-foreground);
2358
2361
  --salt-status-warning-foreground: var(--salt-palette-warning-foreground);
2359
2362
  --salt-status-success-foreground: var(--salt-palette-success-foreground);
2363
+ --salt-draggable-horizontal-cursor-hover: row-resize;
2364
+ --salt-draggable-horizontal-cursor-active: row-resize;
2365
+ --salt-draggable-vertical-cursor-hover: col-resize;
2366
+ --salt-draggable-vertical-cursor-active: col-resize;
2367
+ --salt-draggable-grab-cursor-hover: grab;
2368
+ --salt-draggable-grab-cursor-active: grabbing;
2369
+ --salt-actionable-cursor-hover: pointer;
2370
+ --salt-actionable-cursor-active: pointer;
2371
+ --salt-actionable-cursor-disabled: not-allowed;
2360
2372
  --salt-actionable-letterSpacing: 0.6px;
2361
2373
  --salt-actionable-textTransform: uppercase;
2362
2374
  --salt-actionable-textAlign: center;
2363
2375
  --salt-actionable-primary-fontWeight: var(--salt-typography-fontWeight-bold);
2364
2376
  --salt-actionable-cta-fontWeight: var(--salt-typography-fontWeight-bold);
2365
2377
  --salt-actionable-secondary-fontWeight: var(--salt-typography-fontWeight-semiBold);
2378
+ --salt-target-cursor-disabled: not-allowed;
2366
2379
  --salt-text-background-selected: var(--salt-content-foreground-highlight);
2367
2380
  --salt-text-link-foreground-hover: var(--salt-palette-navigate-foreground-hover);
2368
2381
  --salt-text-link-foreground-active: var(--salt-palette-navigate-foreground-active);
@@ -2376,6 +2389,10 @@
2376
2389
  --salt-text-secondary-foreground-disabled: var(--salt-palette-neutral-secondary-foreground-disabled);
2377
2390
  --salt-text-textDecoration: var(--salt-typography-textDecoration-none);
2378
2391
  --salt-text-textTransform: none;
2392
+ --salt-navigable-cursor-active: pointer;
2393
+ --salt-navigable-cursor-hover: pointer;
2394
+ --salt-navigable-cursor-disabled: not-allowed;
2395
+ --salt-navigable-cursor-edit: text;
2379
2396
  --salt-navigable-primary-background: var(--salt-palette-navigate-primary-background);
2380
2397
  --salt-navigable-primary-background-hover: var(--salt-palette-navigate-primary-background-hover);
2381
2398
  --salt-navigable-primary-background-active: var(--salt-palette-navigate-primary-background-active);
@@ -2390,6 +2407,10 @@
2390
2407
  --salt-navigable-textDecoration: var(--salt-typography-textDecoration-underline);
2391
2408
  --salt-navigable-textDecoration-hover: var(--salt-typography-textDecoration-none);
2392
2409
  --salt-navigable-textDecoration-selected: var(--salt-typography-textDecoration-underline);
2410
+ --salt-navigable-fontWeight: var(--salt-typography-fontWeight-regular);
2411
+ --salt-navigable-fontWeight-hover: var(--salt-typography-fontWeight-regular);
2412
+ --salt-navigable-fontWeight-active: var(--salt-typography-fontWeight-semiBold);
2413
+ --salt-navigable-fontWeight-edit: var(--salt-typography-fontWeight-regular);
2393
2414
  --salt-accent-fontWeight: var(--salt-typography-fontWeight-semiBold);
2394
2415
  --salt-accent-foreground-disabled: var(--salt-palette-accent-foreground-disabled);
2395
2416
  --salt-track-borderWidth: 2px;
@@ -2614,6 +2635,9 @@
2614
2635
  --salt-size-sharktooth-height: 5px;
2615
2636
  --salt-size-sharktooth-width: 10px;
2616
2637
  --salt-size-stackable: calc(var(--salt-size-base) + var(--salt-size-unit));
2638
+ --salt-size-border: 1px;
2639
+ --salt-size-bar-small: 2px;
2640
+ --salt-size-border-strong: 2px;
2617
2641
  --salt-zIndex-docked: 1050;
2618
2642
  }
2619
2643
  .salt-density-high {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@salt-ds/theme",
3
- "version": "0.0.0-snapshot-20250507084731",
3
+ "version": "0.0.0-snapshot-20250707190203",
4
4
  "license": "Apache-2.0",
5
5
  "repository": {
6
6
  "type": "git",