@salt-ds/theme 1.28.1 → 1.30.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-next.css +1 -1
- package/css/theme.css +67 -42
- package/index.css +67 -42
- 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
|
-
|
|
1023
|
-
|
|
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,10 +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
1967
|
--salt-navigable-fontWeight: var(--salt-typography-fontWeight-regular);
|
|
1966
1968
|
--salt-navigable-fontWeight-hover: var(--salt-typography-fontWeight-regular);
|
|
1967
1969
|
--salt-navigable-fontWeight-active: var(--salt-typography-fontWeight-semiBold);
|
|
@@ -1981,16 +1983,11 @@
|
|
|
1981
1983
|
--salt-overlayable-shadow-modal: var(--salt-shadow-500);
|
|
1982
1984
|
--salt-overlayable-background: var(--salt-palette-alpha-high);
|
|
1983
1985
|
--salt-overlayable-background-highlight: var(--salt-palette-alpha-contrast-low);
|
|
1984
|
-
--salt-overlayable-rangeSelection: var(--salt-palette-alpha-contrast-lower);
|
|
1986
|
+
--salt-overlayable-background-rangeSelection: var(--salt-palette-alpha-contrast-lower);
|
|
1985
1987
|
}
|
|
1986
1988
|
|
|
1987
1989
|
/* css/characteristics/selectable.css */
|
|
1988
1990
|
.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
1991
|
--salt-selectable-borderStyle: solid;
|
|
1995
1992
|
--salt-selectable-borderStyle-hover: solid;
|
|
1996
1993
|
--salt-selectable-borderStyle-selected: solid;
|
|
@@ -2063,7 +2060,6 @@
|
|
|
2063
2060
|
--salt-text-letterSpacing: 0;
|
|
2064
2061
|
--salt-text-textAlign: left;
|
|
2065
2062
|
--salt-text-textAlign-embedded: center;
|
|
2066
|
-
--salt-text-textTransform: none;
|
|
2067
2063
|
--salt-text-action-fontFamily: var(--salt-palette-text-fontFamily-action);
|
|
2068
2064
|
--salt-text-action-letterSpacing: 0.6px;
|
|
2069
2065
|
--salt-text-action-textTransform: uppercase;
|
|
@@ -2248,11 +2244,16 @@
|
|
|
2248
2244
|
.salt-theme {
|
|
2249
2245
|
--salt-differential-positive-foreground: var(--salt-palette-positive-foreground);
|
|
2250
2246
|
--salt-differential-negative-foreground: var(--salt-palette-negative-foreground);
|
|
2247
|
+
--salt-editable-cursor-hover: text;
|
|
2248
|
+
--salt-editable-cursor-active: text;
|
|
2249
|
+
--salt-editable-cursor-disabled: not-allowed;
|
|
2250
|
+
--salt-editable-cursor-readonly: text;
|
|
2251
2251
|
--salt-editable-tertiary-background: var(--salt-palette-neutral-tertiary-background);
|
|
2252
2252
|
--salt-editable-tertiary-background-active: var(--salt-palette-neutral-tertiary-background);
|
|
2253
2253
|
--salt-editable-tertiary-background-disabled: var(--salt-palette-neutral-tertiary-background-disabled);
|
|
2254
2254
|
--salt-editable-tertiary-background-hover: var(--salt-palette-neutral-tertiary-background);
|
|
2255
2255
|
--salt-editable-tertiary-background-readonly: var(--salt-palette-neutral-tertiary-background-readonly);
|
|
2256
|
+
--salt-editable-borderWidth-active: 2px;
|
|
2256
2257
|
--salt-measured-borderStyle: solid;
|
|
2257
2258
|
--salt-measured-borderStyle-active: solid;
|
|
2258
2259
|
--salt-measured-borderStyle-complete: solid;
|
|
@@ -2277,6 +2278,12 @@
|
|
|
2277
2278
|
--salt-measured-foreground-disabled: var(--salt-palette-measured-foreground-disabled);
|
|
2278
2279
|
--salt-overlayable-shadow-scroll-color: var(--salt-shadow-1-color);
|
|
2279
2280
|
--salt-overlayable-shadow-borderRegion: var(--salt-shadow-2);
|
|
2281
|
+
--salt-overlayable-rangeSelection: var(--salt-overlayable-background-rangeSelection);
|
|
2282
|
+
--salt-selectable-cursor-hover: pointer;
|
|
2283
|
+
--salt-selectable-cursor-selected: pointer;
|
|
2284
|
+
--salt-selectable-cursor-blurSelected: pointer;
|
|
2285
|
+
--salt-selectable-cursor-disabled: not-allowed;
|
|
2286
|
+
--salt-selectable-cursor-readonly: not-allowed;
|
|
2280
2287
|
--salt-selectable-foreground-partial: var(--salt-palette-interact-foreground-partial);
|
|
2281
2288
|
--salt-selectable-foreground-partialDisabled: var(--salt-palette-interact-foreground-partialDisabled);
|
|
2282
2289
|
--salt-selectable-cta-foreground: var(--salt-palette-interact-foreground);
|
|
@@ -2328,12 +2335,22 @@
|
|
|
2328
2335
|
--salt-status-error-foreground: var(--salt-palette-error-foreground);
|
|
2329
2336
|
--salt-status-warning-foreground: var(--salt-palette-warning-foreground);
|
|
2330
2337
|
--salt-status-success-foreground: var(--salt-palette-success-foreground);
|
|
2338
|
+
--salt-draggable-horizontal-cursor-hover: row-resize;
|
|
2339
|
+
--salt-draggable-horizontal-cursor-active: row-resize;
|
|
2340
|
+
--salt-draggable-vertical-cursor-hover: col-resize;
|
|
2341
|
+
--salt-draggable-vertical-cursor-active: col-resize;
|
|
2342
|
+
--salt-draggable-grab-cursor-hover: grab;
|
|
2343
|
+
--salt-draggable-grab-cursor-active: grabbing;
|
|
2344
|
+
--salt-actionable-cursor-hover: pointer;
|
|
2345
|
+
--salt-actionable-cursor-active: pointer;
|
|
2346
|
+
--salt-actionable-cursor-disabled: not-allowed;
|
|
2331
2347
|
--salt-actionable-letterSpacing: 0.6px;
|
|
2332
2348
|
--salt-actionable-textTransform: uppercase;
|
|
2333
2349
|
--salt-actionable-textAlign: center;
|
|
2334
2350
|
--salt-actionable-primary-fontWeight: var(--salt-typography-fontWeight-bold);
|
|
2335
2351
|
--salt-actionable-cta-fontWeight: var(--salt-typography-fontWeight-bold);
|
|
2336
2352
|
--salt-actionable-secondary-fontWeight: var(--salt-typography-fontWeight-semiBold);
|
|
2353
|
+
--salt-target-cursor-disabled: not-allowed;
|
|
2337
2354
|
--salt-text-background-selected: var(--salt-content-foreground-highlight);
|
|
2338
2355
|
--salt-text-link-foreground-hover: var(--salt-palette-navigate-foreground-hover);
|
|
2339
2356
|
--salt-text-link-foreground-active: var(--salt-palette-navigate-foreground-active);
|
|
@@ -2346,6 +2363,11 @@
|
|
|
2346
2363
|
--salt-text-secondary-foreground: var(--salt-palette-neutral-secondary-foreground);
|
|
2347
2364
|
--salt-text-secondary-foreground-disabled: var(--salt-palette-neutral-secondary-foreground-disabled);
|
|
2348
2365
|
--salt-text-textDecoration: var(--salt-typography-textDecoration-none);
|
|
2366
|
+
--salt-text-textTransform: none;
|
|
2367
|
+
--salt-navigable-cursor-active: pointer;
|
|
2368
|
+
--salt-navigable-cursor-hover: pointer;
|
|
2369
|
+
--salt-navigable-cursor-disabled: not-allowed;
|
|
2370
|
+
--salt-navigable-cursor-edit: text;
|
|
2349
2371
|
--salt-navigable-primary-background: var(--salt-palette-navigate-primary-background);
|
|
2350
2372
|
--salt-navigable-primary-background-hover: var(--salt-palette-navigate-primary-background-hover);
|
|
2351
2373
|
--salt-navigable-primary-background-active: var(--salt-palette-navigate-primary-background-active);
|
|
@@ -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
|
-
|
|
1052
|
-
|
|
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,10 +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
1996
|
--salt-navigable-fontWeight: var(--salt-typography-fontWeight-regular);
|
|
1995
1997
|
--salt-navigable-fontWeight-hover: var(--salt-typography-fontWeight-regular);
|
|
1996
1998
|
--salt-navigable-fontWeight-active: var(--salt-typography-fontWeight-semiBold);
|
|
@@ -2010,16 +2012,11 @@
|
|
|
2010
2012
|
--salt-overlayable-shadow-modal: var(--salt-shadow-500);
|
|
2011
2013
|
--salt-overlayable-background: var(--salt-palette-alpha-high);
|
|
2012
2014
|
--salt-overlayable-background-highlight: var(--salt-palette-alpha-contrast-low);
|
|
2013
|
-
--salt-overlayable-rangeSelection: var(--salt-palette-alpha-contrast-lower);
|
|
2015
|
+
--salt-overlayable-background-rangeSelection: var(--salt-palette-alpha-contrast-lower);
|
|
2014
2016
|
}
|
|
2015
2017
|
|
|
2016
2018
|
/* css/characteristics/selectable.css */
|
|
2017
2019
|
.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
2020
|
--salt-selectable-borderStyle: solid;
|
|
2024
2021
|
--salt-selectable-borderStyle-hover: solid;
|
|
2025
2022
|
--salt-selectable-borderStyle-selected: solid;
|
|
@@ -2092,7 +2089,6 @@
|
|
|
2092
2089
|
--salt-text-letterSpacing: 0;
|
|
2093
2090
|
--salt-text-textAlign: left;
|
|
2094
2091
|
--salt-text-textAlign-embedded: center;
|
|
2095
|
-
--salt-text-textTransform: none;
|
|
2096
2092
|
--salt-text-action-fontFamily: var(--salt-palette-text-fontFamily-action);
|
|
2097
2093
|
--salt-text-action-letterSpacing: 0.6px;
|
|
2098
2094
|
--salt-text-action-textTransform: uppercase;
|
|
@@ -2277,11 +2273,16 @@
|
|
|
2277
2273
|
.salt-theme {
|
|
2278
2274
|
--salt-differential-positive-foreground: var(--salt-palette-positive-foreground);
|
|
2279
2275
|
--salt-differential-negative-foreground: var(--salt-palette-negative-foreground);
|
|
2276
|
+
--salt-editable-cursor-hover: text;
|
|
2277
|
+
--salt-editable-cursor-active: text;
|
|
2278
|
+
--salt-editable-cursor-disabled: not-allowed;
|
|
2279
|
+
--salt-editable-cursor-readonly: text;
|
|
2280
2280
|
--salt-editable-tertiary-background: var(--salt-palette-neutral-tertiary-background);
|
|
2281
2281
|
--salt-editable-tertiary-background-active: var(--salt-palette-neutral-tertiary-background);
|
|
2282
2282
|
--salt-editable-tertiary-background-disabled: var(--salt-palette-neutral-tertiary-background-disabled);
|
|
2283
2283
|
--salt-editable-tertiary-background-hover: var(--salt-palette-neutral-tertiary-background);
|
|
2284
2284
|
--salt-editable-tertiary-background-readonly: var(--salt-palette-neutral-tertiary-background-readonly);
|
|
2285
|
+
--salt-editable-borderWidth-active: 2px;
|
|
2285
2286
|
--salt-measured-borderStyle: solid;
|
|
2286
2287
|
--salt-measured-borderStyle-active: solid;
|
|
2287
2288
|
--salt-measured-borderStyle-complete: solid;
|
|
@@ -2306,6 +2307,12 @@
|
|
|
2306
2307
|
--salt-measured-foreground-disabled: var(--salt-palette-measured-foreground-disabled);
|
|
2307
2308
|
--salt-overlayable-shadow-scroll-color: var(--salt-shadow-1-color);
|
|
2308
2309
|
--salt-overlayable-shadow-borderRegion: var(--salt-shadow-2);
|
|
2310
|
+
--salt-overlayable-rangeSelection: var(--salt-overlayable-background-rangeSelection);
|
|
2311
|
+
--salt-selectable-cursor-hover: pointer;
|
|
2312
|
+
--salt-selectable-cursor-selected: pointer;
|
|
2313
|
+
--salt-selectable-cursor-blurSelected: pointer;
|
|
2314
|
+
--salt-selectable-cursor-disabled: not-allowed;
|
|
2315
|
+
--salt-selectable-cursor-readonly: not-allowed;
|
|
2309
2316
|
--salt-selectable-foreground-partial: var(--salt-palette-interact-foreground-partial);
|
|
2310
2317
|
--salt-selectable-foreground-partialDisabled: var(--salt-palette-interact-foreground-partialDisabled);
|
|
2311
2318
|
--salt-selectable-cta-foreground: var(--salt-palette-interact-foreground);
|
|
@@ -2357,12 +2364,22 @@
|
|
|
2357
2364
|
--salt-status-error-foreground: var(--salt-palette-error-foreground);
|
|
2358
2365
|
--salt-status-warning-foreground: var(--salt-palette-warning-foreground);
|
|
2359
2366
|
--salt-status-success-foreground: var(--salt-palette-success-foreground);
|
|
2367
|
+
--salt-draggable-horizontal-cursor-hover: row-resize;
|
|
2368
|
+
--salt-draggable-horizontal-cursor-active: row-resize;
|
|
2369
|
+
--salt-draggable-vertical-cursor-hover: col-resize;
|
|
2370
|
+
--salt-draggable-vertical-cursor-active: col-resize;
|
|
2371
|
+
--salt-draggable-grab-cursor-hover: grab;
|
|
2372
|
+
--salt-draggable-grab-cursor-active: grabbing;
|
|
2373
|
+
--salt-actionable-cursor-hover: pointer;
|
|
2374
|
+
--salt-actionable-cursor-active: pointer;
|
|
2375
|
+
--salt-actionable-cursor-disabled: not-allowed;
|
|
2360
2376
|
--salt-actionable-letterSpacing: 0.6px;
|
|
2361
2377
|
--salt-actionable-textTransform: uppercase;
|
|
2362
2378
|
--salt-actionable-textAlign: center;
|
|
2363
2379
|
--salt-actionable-primary-fontWeight: var(--salt-typography-fontWeight-bold);
|
|
2364
2380
|
--salt-actionable-cta-fontWeight: var(--salt-typography-fontWeight-bold);
|
|
2365
2381
|
--salt-actionable-secondary-fontWeight: var(--salt-typography-fontWeight-semiBold);
|
|
2382
|
+
--salt-target-cursor-disabled: not-allowed;
|
|
2366
2383
|
--salt-text-background-selected: var(--salt-content-foreground-highlight);
|
|
2367
2384
|
--salt-text-link-foreground-hover: var(--salt-palette-navigate-foreground-hover);
|
|
2368
2385
|
--salt-text-link-foreground-active: var(--salt-palette-navigate-foreground-active);
|
|
@@ -2375,6 +2392,11 @@
|
|
|
2375
2392
|
--salt-text-secondary-foreground: var(--salt-palette-neutral-secondary-foreground);
|
|
2376
2393
|
--salt-text-secondary-foreground-disabled: var(--salt-palette-neutral-secondary-foreground-disabled);
|
|
2377
2394
|
--salt-text-textDecoration: var(--salt-typography-textDecoration-none);
|
|
2395
|
+
--salt-text-textTransform: none;
|
|
2396
|
+
--salt-navigable-cursor-active: pointer;
|
|
2397
|
+
--salt-navigable-cursor-hover: pointer;
|
|
2398
|
+
--salt-navigable-cursor-disabled: not-allowed;
|
|
2399
|
+
--salt-navigable-cursor-edit: text;
|
|
2378
2400
|
--salt-navigable-primary-background: var(--salt-palette-navigate-primary-background);
|
|
2379
2401
|
--salt-navigable-primary-background-hover: var(--salt-palette-navigate-primary-background-hover);
|
|
2380
2402
|
--salt-navigable-primary-background-active: var(--salt-palette-navigate-primary-background-active);
|
|
@@ -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 {
|