@salt-ds/theme 0.0.0-snapshot-20250403113420 → 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/theme-next.css +1 -1
  2. package/css/theme.css +71 -46
  3. package/index.css +71 -46
  4. package/package.json +1 -1
package/css/theme-next.css CHANGED
@@ -957,7 +957,7 @@
957
957
  .salt-theme.salt-theme-next {
958
958
  --salt-overlayable-background: var(--salt-palette-alpha-high);
959
959
  --salt-overlayable-background-highlight: var(--salt-palette-alpha-contrast-low);
960
- --salt-overlayable-rangeSelection: var(--salt-palette-alpha-contrast-lower);
960
+ --salt-overlayable-background-rangeSelection: var(--salt-palette-alpha-contrast-lower);
961
961
  }
962
962
 
963
963
  /* css/characteristics/selectable-next.css */
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
  }
@@ -1981,16 +1979,11 @@
1981
1979
  --salt-overlayable-shadow-modal: var(--salt-shadow-500);
1982
1980
  --salt-overlayable-background: var(--salt-palette-alpha-high);
1983
1981
  --salt-overlayable-background-highlight: var(--salt-palette-alpha-contrast-low);
1984
- --salt-overlayable-rangeSelection: var(--salt-palette-alpha-contrast-lower);
1982
+ --salt-overlayable-background-rangeSelection: var(--salt-palette-alpha-contrast-lower);
1985
1983
  }
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;
@@ -2063,7 +2056,6 @@
2063
2056
  --salt-text-letterSpacing: 0;
2064
2057
  --salt-text-textAlign: left;
2065
2058
  --salt-text-textAlign-embedded: center;
2066
- --salt-text-textTransform: none;
2067
2059
  --salt-text-action-fontFamily: var(--salt-palette-text-fontFamily-action);
2068
2060
  --salt-text-action-letterSpacing: 0.6px;
2069
2061
  --salt-text-action-textTransform: uppercase;
@@ -2248,11 +2240,16 @@
2248
2240
  .salt-theme {
2249
2241
  --salt-differential-positive-foreground: var(--salt-palette-positive-foreground);
2250
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;
2251
2247
  --salt-editable-tertiary-background: var(--salt-palette-neutral-tertiary-background);
2252
2248
  --salt-editable-tertiary-background-active: var(--salt-palette-neutral-tertiary-background);
2253
2249
  --salt-editable-tertiary-background-disabled: var(--salt-palette-neutral-tertiary-background-disabled);
2254
2250
  --salt-editable-tertiary-background-hover: var(--salt-palette-neutral-tertiary-background);
2255
2251
  --salt-editable-tertiary-background-readonly: var(--salt-palette-neutral-tertiary-background-readonly);
2252
+ --salt-editable-borderWidth-active: 2px;
2256
2253
  --salt-measured-borderStyle: solid;
2257
2254
  --salt-measured-borderStyle-active: solid;
2258
2255
  --salt-measured-borderStyle-complete: solid;
@@ -2277,6 +2274,12 @@
2277
2274
  --salt-measured-foreground-disabled: var(--salt-palette-measured-foreground-disabled);
2278
2275
  --salt-overlayable-shadow-scroll-color: var(--salt-shadow-1-color);
2279
2276
  --salt-overlayable-shadow-borderRegion: var(--salt-shadow-2);
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);
@@ -2346,6 +2359,11 @@
2346
2359
  --salt-text-secondary-foreground: var(--salt-palette-neutral-secondary-foreground);
2347
2360
  --salt-text-secondary-foreground-disabled: var(--salt-palette-neutral-secondary-foreground-disabled);
2348
2361
  --salt-text-textDecoration: var(--salt-typography-textDecoration-none);
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;
2349
2367
  --salt-navigable-primary-background: var(--salt-palette-navigate-primary-background);
2350
2368
  --salt-navigable-primary-background-hover: var(--salt-palette-navigate-primary-background-hover);
2351
2369
  --salt-navigable-primary-background-active: var(--salt-palette-navigate-primary-background-active);
@@ -2360,6 +2378,10 @@
2360
2378
  --salt-navigable-textDecoration: var(--salt-typography-textDecoration-underline);
2361
2379
  --salt-navigable-textDecoration-hover: var(--salt-typography-textDecoration-none);
2362
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);
2363
2385
  --salt-accent-fontWeight: var(--salt-typography-fontWeight-semiBold);
2364
2386
  --salt-accent-foreground-disabled: var(--salt-palette-accent-foreground-disabled);
2365
2387
  --salt-track-borderWidth: 2px;
@@ -2584,6 +2606,9 @@
2584
2606
  --salt-size-sharktooth-height: 5px;
2585
2607
  --salt-size-sharktooth-width: 10px;
2586
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;
2587
2612
  --salt-zIndex-docked: 1050;
2588
2613
  }
2589
2614
  .salt-density-high {
package/index.css CHANGED
@@ -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
  }
@@ -2010,16 +2008,11 @@
2010
2008
  --salt-overlayable-shadow-modal: var(--salt-shadow-500);
2011
2009
  --salt-overlayable-background: var(--salt-palette-alpha-high);
2012
2010
  --salt-overlayable-background-highlight: var(--salt-palette-alpha-contrast-low);
2013
- --salt-overlayable-rangeSelection: var(--salt-palette-alpha-contrast-lower);
2011
+ --salt-overlayable-background-rangeSelection: var(--salt-palette-alpha-contrast-lower);
2014
2012
  }
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;
@@ -2092,7 +2085,6 @@
2092
2085
  --salt-text-letterSpacing: 0;
2093
2086
  --salt-text-textAlign: left;
2094
2087
  --salt-text-textAlign-embedded: center;
2095
- --salt-text-textTransform: none;
2096
2088
  --salt-text-action-fontFamily: var(--salt-palette-text-fontFamily-action);
2097
2089
  --salt-text-action-letterSpacing: 0.6px;
2098
2090
  --salt-text-action-textTransform: uppercase;
@@ -2277,11 +2269,16 @@
2277
2269
  .salt-theme {
2278
2270
  --salt-differential-positive-foreground: var(--salt-palette-positive-foreground);
2279
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;
2280
2276
  --salt-editable-tertiary-background: var(--salt-palette-neutral-tertiary-background);
2281
2277
  --salt-editable-tertiary-background-active: var(--salt-palette-neutral-tertiary-background);
2282
2278
  --salt-editable-tertiary-background-disabled: var(--salt-palette-neutral-tertiary-background-disabled);
2283
2279
  --salt-editable-tertiary-background-hover: var(--salt-palette-neutral-tertiary-background);
2284
2280
  --salt-editable-tertiary-background-readonly: var(--salt-palette-neutral-tertiary-background-readonly);
2281
+ --salt-editable-borderWidth-active: 2px;
2285
2282
  --salt-measured-borderStyle: solid;
2286
2283
  --salt-measured-borderStyle-active: solid;
2287
2284
  --salt-measured-borderStyle-complete: solid;
@@ -2306,6 +2303,12 @@
2306
2303
  --salt-measured-foreground-disabled: var(--salt-palette-measured-foreground-disabled);
2307
2304
  --salt-overlayable-shadow-scroll-color: var(--salt-shadow-1-color);
2308
2305
  --salt-overlayable-shadow-borderRegion: var(--salt-shadow-2);
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);
@@ -2375,6 +2388,11 @@
2375
2388
  --salt-text-secondary-foreground: var(--salt-palette-neutral-secondary-foreground);
2376
2389
  --salt-text-secondary-foreground-disabled: var(--salt-palette-neutral-secondary-foreground-disabled);
2377
2390
  --salt-text-textDecoration: var(--salt-typography-textDecoration-none);
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;
2378
2396
  --salt-navigable-primary-background: var(--salt-palette-navigate-primary-background);
2379
2397
  --salt-navigable-primary-background-hover: var(--salt-palette-navigate-primary-background-hover);
2380
2398
  --salt-navigable-primary-background-active: var(--salt-palette-navigate-primary-background-active);
@@ -2389,6 +2407,10 @@
2389
2407
  --salt-navigable-textDecoration: var(--salt-typography-textDecoration-underline);
2390
2408
  --salt-navigable-textDecoration-hover: var(--salt-typography-textDecoration-none);
2391
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);
2392
2414
  --salt-accent-fontWeight: var(--salt-typography-fontWeight-semiBold);
2393
2415
  --salt-accent-foreground-disabled: var(--salt-palette-accent-foreground-disabled);
2394
2416
  --salt-track-borderWidth: 2px;
@@ -2613,6 +2635,9 @@
2613
2635
  --salt-size-sharktooth-height: 5px;
2614
2636
  --salt-size-sharktooth-width: 10px;
2615
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;
2616
2641
  --salt-zIndex-docked: 1050;
2617
2642
  }
2618
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-20250403113420",
3
+ "version": "0.0.0-snapshot-20250707190203",
4
4
  "license": "Apache-2.0",
5
5
  "repository": {
6
6
  "type": "git",