@salt-ds/theme 0.0.0-snapshot-20251109205350 → 0.0.0-snapshot-20251112101754

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 +4 -76
  2. package/css/theme.css +4 -76
  3. package/index.css +4 -76
  4. package/package.json +1 -1
package/css/theme-next.css CHANGED
@@ -24,8 +24,7 @@
24
24
  .salt-density-touch,
25
25
  .salt-density-low,
26
26
  .salt-density-medium,
27
- .salt-density-high,
28
- .salt-density-mobile {
27
+ .salt-density-high {
29
28
  --salt-animation-opacity-start: 0;
30
29
  --salt-animation-opacity-end: 1;
31
30
  --salt-animation-scale-start: 0;
@@ -229,7 +228,6 @@
229
228
  --salt-curve-250: 15px;
230
229
  --salt-curve-999: 999px;
231
230
  }
232
- .salt-density-mobile,
233
231
  .salt-density-touch {
234
232
  --salt-curve-0: 0;
235
233
  --salt-curve-50: 4px;
@@ -276,7 +274,6 @@
276
274
  --salt-size-selectable: 16px;
277
275
  --salt-size-bar-strong: 12px;
278
276
  }
279
- .salt-density-mobile,
280
277
  .salt-density-touch {
281
278
  --salt-size-adornment: 12px;
282
279
  --salt-size-bar: 8px;
@@ -289,8 +286,7 @@
289
286
  .salt-density-touch,
290
287
  .salt-density-low,
291
288
  .salt-density-medium,
292
- .salt-density-high,
293
- .salt-density-mobile {
289
+ .salt-density-high {
294
290
  --salt-size-fixed-100: 1px;
295
291
  --salt-size-fixed-200: 2px;
296
292
  --salt-size-fixed-300: 3px;
@@ -339,35 +335,6 @@
339
335
  --salt-spacing-850: calc(8.5 * var(--salt-spacing-100));
340
336
  --salt-spacing-900: calc(9 * var(--salt-spacing-100));
341
337
  --salt-spacing-950: calc(9.5 * var(--salt-spacing-100));
342
- }
343
- .salt-density-mobile {
344
- --salt-spacing-25: 4px;
345
- --salt-spacing-50: 8px;
346
- --salt-spacing-75: 12px;
347
- --salt-spacing-100: 16px;
348
- --salt-spacing-150: 18px;
349
- --salt-spacing-200: 20px;
350
- --salt-spacing-250: 22px;
351
- --salt-spacing-300: 24px;
352
- --salt-spacing-350: 26px;
353
- --salt-spacing-400: 28px;
354
- --salt-spacing-450: 30px;
355
- --salt-spacing-500: 32px;
356
- --salt-spacing-550: 34px;
357
- --salt-spacing-600: 36px;
358
- --salt-spacing-650: 38px;
359
- --salt-spacing-700: 40px;
360
- --salt-spacing-750: 42px;
361
- --salt-spacing-800: 44px;
362
- --salt-spacing-850: 46px;
363
- --salt-spacing-900: 48px;
364
- --salt-spacing-950: 50px;
365
- }
366
- .salt-density-touch,
367
- .salt-density-low,
368
- .salt-density-medium,
369
- .salt-density-high,
370
- .salt-density-mobile {
371
338
  --salt-spacing-fixed-100: 1px;
372
339
  --salt-spacing-fixed-200: 2px;
373
340
  --salt-spacing-fixed-300: 3px;
@@ -399,8 +366,7 @@
399
366
  .salt-density-touch,
400
367
  .salt-density-low,
401
368
  .salt-density-medium,
402
- .salt-density-high,
403
- .salt-density-mobile {
369
+ .salt-density-high {
404
370
  --salt-zIndex-default: 1;
405
371
  --salt-zIndex-popout: 1000;
406
372
  --salt-zIndex-appHeader: 1100;
@@ -1603,19 +1569,6 @@
1603
1569
  --salt-focused-outline: var(--salt-focused-outlineWidth) var(--salt-focused-outlineStyle) var(--salt-focused-outlineColor);
1604
1570
  }
1605
1571
 
1606
- /* css/next/characteristics/layout.css */
1607
- .salt-density-low,
1608
- .salt-density-medium,
1609
- .salt-density-high {
1610
- --salt-layout-page-margin: var(--salt-spacing-300);
1611
- --salt-layout-gap: var(--salt-spacing-300);
1612
- }
1613
- .salt-density-touch,
1614
- .salt-density-mobile {
1615
- --salt-layout-page-margin: var(--salt-spacing-100);
1616
- --salt-layout-gap: var(--salt-spacing-100);
1617
- }
1618
-
1619
1572
  /* css/next/characteristics/navigable.css */
1620
1573
  .salt-theme.salt-theme-next {
1621
1574
  --salt-navigable-indicator-hover: var(--salt-palette-neutral);
@@ -1677,7 +1630,6 @@
1677
1630
  --salt-separable-foreground: var(--salt-palette-foreground-primary);
1678
1631
  --salt-separable-foreground-hover: var(--salt-palette-foreground-primary);
1679
1632
  --salt-separable-foreground-active: var(--salt-palette-foreground-primary-alt);
1680
- --salt-separable-background: var(--salt-palette-alpha-none);
1681
1633
  --salt-separable-background-hover: var(--salt-palette-alpha-weak);
1682
1634
  --salt-separable-background-active: var(--salt-palette-accent);
1683
1635
  }
@@ -1873,31 +1825,6 @@
1873
1825
  --salt-text-notation-fontSize: 8px;
1874
1826
  --salt-text-notation-lineHeight: 10px;
1875
1827
  }
1876
- .salt-density-mobile {
1877
- --salt-text-h1-fontSize: 42px;
1878
- --salt-text-h1-lineHeight: 54px;
1879
- --salt-text-h2-fontSize: 32px;
1880
- --salt-text-h2-lineHeight: 42px;
1881
- --salt-text-h3-fontSize: 24px;
1882
- --salt-text-h3-lineHeight: 32px;
1883
- --salt-text-h4-fontSize: 16px;
1884
- --salt-text-h4-lineHeight: 21px;
1885
- --salt-text-label-fontSize: 14px;
1886
- --salt-text-label-lineHeight: 18px;
1887
- --salt-text-fontSize: 16px;
1888
- --salt-text-lineHeight: 21px;
1889
- --salt-text-minHeight: 21px;
1890
- --salt-text-display1-fontSize: 84px;
1891
- --salt-text-display1-lineHeight: 109px;
1892
- --salt-text-display2-fontSize: 58px;
1893
- --salt-text-display2-lineHeight: 76px;
1894
- --salt-text-display3-fontSize: 42px;
1895
- --salt-text-display3-lineHeight: 54px;
1896
- --salt-text-display4-fontSize: 42px;
1897
- --salt-text-display4-lineHeight: 54px;
1898
- --salt-text-notation-fontSize: 14px;
1899
- --salt-text-notation-lineHeight: 18px;
1900
- }
1901
1828
 
1902
1829
  /* css/deprecated/foundations.css */
1903
1830
  .salt-theme {
@@ -2177,6 +2104,7 @@
2177
2104
  --salt-actionable-caution-subtle-background-disabled: var(--salt-palette-alpha-none);
2178
2105
  --salt-actionable-caution-subtle-borderColor-disabled: var(--salt-palette-alpha-none);
2179
2106
  --salt-actionable-caution-subtle-foreground-disabled: var(--salt-palette-warning-strong-disabled);
2107
+ --salt-separable-background: var(--salt-palette-alpha-none);
2180
2108
  }
2181
2109
 
2182
2110
  /* css/next/deprecated/foundations.css */
package/css/theme.css CHANGED
@@ -24,8 +24,7 @@
24
24
  .salt-density-touch,
25
25
  .salt-density-low,
26
26
  .salt-density-medium,
27
- .salt-density-high,
28
- .salt-density-mobile {
27
+ .salt-density-high {
29
28
  --salt-animation-opacity-start: 0;
30
29
  --salt-animation-opacity-end: 1;
31
30
  --salt-animation-scale-start: 0;
@@ -229,7 +228,6 @@
229
228
  --salt-curve-250: 15px;
230
229
  --salt-curve-999: 999px;
231
230
  }
232
- .salt-density-mobile,
233
231
  .salt-density-touch {
234
232
  --salt-curve-0: 0;
235
233
  --salt-curve-50: 4px;
@@ -276,7 +274,6 @@
276
274
  --salt-size-selectable: 16px;
277
275
  --salt-size-bar-strong: 12px;
278
276
  }
279
- .salt-density-mobile,
280
277
  .salt-density-touch {
281
278
  --salt-size-adornment: 12px;
282
279
  --salt-size-bar: 8px;
@@ -289,8 +286,7 @@
289
286
  .salt-density-touch,
290
287
  .salt-density-low,
291
288
  .salt-density-medium,
292
- .salt-density-high,
293
- .salt-density-mobile {
289
+ .salt-density-high {
294
290
  --salt-size-fixed-100: 1px;
295
291
  --salt-size-fixed-200: 2px;
296
292
  --salt-size-fixed-300: 3px;
@@ -339,35 +335,6 @@
339
335
  --salt-spacing-850: calc(8.5 * var(--salt-spacing-100));
340
336
  --salt-spacing-900: calc(9 * var(--salt-spacing-100));
341
337
  --salt-spacing-950: calc(9.5 * var(--salt-spacing-100));
342
- }
343
- .salt-density-mobile {
344
- --salt-spacing-25: 4px;
345
- --salt-spacing-50: 8px;
346
- --salt-spacing-75: 12px;
347
- --salt-spacing-100: 16px;
348
- --salt-spacing-150: 18px;
349
- --salt-spacing-200: 20px;
350
- --salt-spacing-250: 22px;
351
- --salt-spacing-300: 24px;
352
- --salt-spacing-350: 26px;
353
- --salt-spacing-400: 28px;
354
- --salt-spacing-450: 30px;
355
- --salt-spacing-500: 32px;
356
- --salt-spacing-550: 34px;
357
- --salt-spacing-600: 36px;
358
- --salt-spacing-650: 38px;
359
- --salt-spacing-700: 40px;
360
- --salt-spacing-750: 42px;
361
- --salt-spacing-800: 44px;
362
- --salt-spacing-850: 46px;
363
- --salt-spacing-900: 48px;
364
- --salt-spacing-950: 50px;
365
- }
366
- .salt-density-touch,
367
- .salt-density-low,
368
- .salt-density-medium,
369
- .salt-density-high,
370
- .salt-density-mobile {
371
338
  --salt-spacing-fixed-100: 1px;
372
339
  --salt-spacing-fixed-200: 2px;
373
340
  --salt-spacing-fixed-300: 3px;
@@ -399,8 +366,7 @@
399
366
  .salt-density-touch,
400
367
  .salt-density-low,
401
368
  .salt-density-medium,
402
- .salt-density-high,
403
- .salt-density-mobile {
369
+ .salt-density-high {
404
370
  --salt-zIndex-default: 1;
405
371
  --salt-zIndex-popout: 1000;
406
372
  --salt-zIndex-appHeader: 1100;
@@ -1943,19 +1909,6 @@
1943
1909
  --salt-focused-outline: var(--salt-focused-outlineWidth) var(--salt-focused-outlineStyle) var(--salt-focused-outlineColor);
1944
1910
  }
1945
1911
 
1946
- /* css/legacy/characteristics/layout.css */
1947
- .salt-density-low,
1948
- .salt-density-medium,
1949
- .salt-density-high {
1950
- --salt-layout-page-margin: var(--salt-spacing-300);
1951
- --salt-layout-gap: var(--salt-spacing-300);
1952
- }
1953
- .salt-density-touch,
1954
- .salt-density-mobile {
1955
- --salt-layout-page-margin: var(--salt-spacing-100);
1956
- --salt-layout-gap: var(--salt-spacing-100);
1957
- }
1958
-
1959
1912
  /* css/legacy/characteristics/navigable.css */
1960
1913
  .salt-theme {
1961
1914
  --salt-navigable-indicator-hover: var(--salt-palette-navigate-indicator-hover);
@@ -2017,7 +1970,6 @@
2017
1970
  --salt-separable-foreground: var(--salt-palette-neutral-primary-foreground);
2018
1971
  --salt-separable-foreground-hover: var(--salt-palette-neutral-primary-foreground);
2019
1972
  --salt-separable-foreground-active: var(--salt-palette-interact-cta-foreground);
2020
- --salt-separable-background: var(--salt-palette-alpha-none);
2021
1973
  --salt-separable-background-hover: var(--salt-palette-alpha-contrast-mediumLow);
2022
1974
  --salt-separable-background-active: var(--salt-palette-accent);
2023
1975
  }
@@ -2213,31 +2165,6 @@
2213
2165
  --salt-text-notation-fontSize: 8px;
2214
2166
  --salt-text-notation-lineHeight: 10px;
2215
2167
  }
2216
- .salt-density-mobile {
2217
- --salt-text-h1-fontSize: 42px;
2218
- --salt-text-h1-lineHeight: 54px;
2219
- --salt-text-h2-fontSize: 32px;
2220
- --salt-text-h2-lineHeight: 42px;
2221
- --salt-text-h3-fontSize: 24px;
2222
- --salt-text-h3-lineHeight: 32px;
2223
- --salt-text-h4-fontSize: 16px;
2224
- --salt-text-h4-lineHeight: 21px;
2225
- --salt-text-label-fontSize: 14px;
2226
- --salt-text-label-lineHeight: 18px;
2227
- --salt-text-fontSize: 16px;
2228
- --salt-text-lineHeight: 21px;
2229
- --salt-text-minHeight: 21px;
2230
- --salt-text-display1-fontSize: 84px;
2231
- --salt-text-display1-lineHeight: 109px;
2232
- --salt-text-display2-fontSize: 58px;
2233
- --salt-text-display2-lineHeight: 76px;
2234
- --salt-text-display3-fontSize: 42px;
2235
- --salt-text-display3-lineHeight: 54px;
2236
- --salt-text-display4-fontSize: 42px;
2237
- --salt-text-display4-lineHeight: 54px;
2238
- --salt-text-notation-fontSize: 14px;
2239
- --salt-text-notation-lineHeight: 18px;
2240
- }
2241
2168
 
2242
2169
  /* css/deprecated/foundations.css */
2243
2170
  .salt-theme {
@@ -2653,6 +2580,7 @@
2653
2580
  --salt-actionable-caution-subtle-background-disabled: var(--salt-palette-alpha-none);
2654
2581
  --salt-actionable-caution-subtle-borderColor-disabled: var(--salt-palette-alpha-none);
2655
2582
  --salt-actionable-caution-subtle-foreground-disabled: var(--salt-palette-warning-foreground-informative-disabled);
2583
+ --salt-separable-background: var(--salt-palette-alpha-none);
2656
2584
  }
2657
2585
 
2658
2586
  /* css/legacy/deprecated/fade.css */
package/index.css CHANGED
@@ -64,8 +64,7 @@
64
64
  .salt-density-touch,
65
65
  .salt-density-low,
66
66
  .salt-density-medium,
67
- .salt-density-high,
68
- .salt-density-mobile {
67
+ .salt-density-high {
69
68
  --salt-animation-opacity-start: 0;
70
69
  --salt-animation-opacity-end: 1;
71
70
  --salt-animation-scale-start: 0;
@@ -269,7 +268,6 @@
269
268
  --salt-curve-250: 15px;
270
269
  --salt-curve-999: 999px;
271
270
  }
272
- .salt-density-mobile,
273
271
  .salt-density-touch {
274
272
  --salt-curve-0: 0;
275
273
  --salt-curve-50: 4px;
@@ -316,7 +314,6 @@
316
314
  --salt-size-selectable: 16px;
317
315
  --salt-size-bar-strong: 12px;
318
316
  }
319
- .salt-density-mobile,
320
317
  .salt-density-touch {
321
318
  --salt-size-adornment: 12px;
322
319
  --salt-size-bar: 8px;
@@ -329,8 +326,7 @@
329
326
  .salt-density-touch,
330
327
  .salt-density-low,
331
328
  .salt-density-medium,
332
- .salt-density-high,
333
- .salt-density-mobile {
329
+ .salt-density-high {
334
330
  --salt-size-fixed-100: 1px;
335
331
  --salt-size-fixed-200: 2px;
336
332
  --salt-size-fixed-300: 3px;
@@ -379,35 +375,6 @@
379
375
  --salt-spacing-850: calc(8.5 * var(--salt-spacing-100));
380
376
  --salt-spacing-900: calc(9 * var(--salt-spacing-100));
381
377
  --salt-spacing-950: calc(9.5 * var(--salt-spacing-100));
382
- }
383
- .salt-density-mobile {
384
- --salt-spacing-25: 4px;
385
- --salt-spacing-50: 8px;
386
- --salt-spacing-75: 12px;
387
- --salt-spacing-100: 16px;
388
- --salt-spacing-150: 18px;
389
- --salt-spacing-200: 20px;
390
- --salt-spacing-250: 22px;
391
- --salt-spacing-300: 24px;
392
- --salt-spacing-350: 26px;
393
- --salt-spacing-400: 28px;
394
- --salt-spacing-450: 30px;
395
- --salt-spacing-500: 32px;
396
- --salt-spacing-550: 34px;
397
- --salt-spacing-600: 36px;
398
- --salt-spacing-650: 38px;
399
- --salt-spacing-700: 40px;
400
- --salt-spacing-750: 42px;
401
- --salt-spacing-800: 44px;
402
- --salt-spacing-850: 46px;
403
- --salt-spacing-900: 48px;
404
- --salt-spacing-950: 50px;
405
- }
406
- .salt-density-touch,
407
- .salt-density-low,
408
- .salt-density-medium,
409
- .salt-density-high,
410
- .salt-density-mobile {
411
378
  --salt-spacing-fixed-100: 1px;
412
379
  --salt-spacing-fixed-200: 2px;
413
380
  --salt-spacing-fixed-300: 3px;
@@ -439,8 +406,7 @@
439
406
  .salt-density-touch,
440
407
  .salt-density-low,
441
408
  .salt-density-medium,
442
- .salt-density-high,
443
- .salt-density-mobile {
409
+ .salt-density-high {
444
410
  --salt-zIndex-default: 1;
445
411
  --salt-zIndex-popout: 1000;
446
412
  --salt-zIndex-appHeader: 1100;
@@ -1983,19 +1949,6 @@
1983
1949
  --salt-focused-outline: var(--salt-focused-outlineWidth) var(--salt-focused-outlineStyle) var(--salt-focused-outlineColor);
1984
1950
  }
1985
1951
 
1986
- /* css/legacy/characteristics/layout.css */
1987
- .salt-density-low,
1988
- .salt-density-medium,
1989
- .salt-density-high {
1990
- --salt-layout-page-margin: var(--salt-spacing-300);
1991
- --salt-layout-gap: var(--salt-spacing-300);
1992
- }
1993
- .salt-density-touch,
1994
- .salt-density-mobile {
1995
- --salt-layout-page-margin: var(--salt-spacing-100);
1996
- --salt-layout-gap: var(--salt-spacing-100);
1997
- }
1998
-
1999
1952
  /* css/legacy/characteristics/navigable.css */
2000
1953
  .salt-theme {
2001
1954
  --salt-navigable-indicator-hover: var(--salt-palette-navigate-indicator-hover);
@@ -2057,7 +2010,6 @@
2057
2010
  --salt-separable-foreground: var(--salt-palette-neutral-primary-foreground);
2058
2011
  --salt-separable-foreground-hover: var(--salt-palette-neutral-primary-foreground);
2059
2012
  --salt-separable-foreground-active: var(--salt-palette-interact-cta-foreground);
2060
- --salt-separable-background: var(--salt-palette-alpha-none);
2061
2013
  --salt-separable-background-hover: var(--salt-palette-alpha-contrast-mediumLow);
2062
2014
  --salt-separable-background-active: var(--salt-palette-accent);
2063
2015
  }
@@ -2253,31 +2205,6 @@
2253
2205
  --salt-text-notation-fontSize: 8px;
2254
2206
  --salt-text-notation-lineHeight: 10px;
2255
2207
  }
2256
- .salt-density-mobile {
2257
- --salt-text-h1-fontSize: 42px;
2258
- --salt-text-h1-lineHeight: 54px;
2259
- --salt-text-h2-fontSize: 32px;
2260
- --salt-text-h2-lineHeight: 42px;
2261
- --salt-text-h3-fontSize: 24px;
2262
- --salt-text-h3-lineHeight: 32px;
2263
- --salt-text-h4-fontSize: 16px;
2264
- --salt-text-h4-lineHeight: 21px;
2265
- --salt-text-label-fontSize: 14px;
2266
- --salt-text-label-lineHeight: 18px;
2267
- --salt-text-fontSize: 16px;
2268
- --salt-text-lineHeight: 21px;
2269
- --salt-text-minHeight: 21px;
2270
- --salt-text-display1-fontSize: 84px;
2271
- --salt-text-display1-lineHeight: 109px;
2272
- --salt-text-display2-fontSize: 58px;
2273
- --salt-text-display2-lineHeight: 76px;
2274
- --salt-text-display3-fontSize: 42px;
2275
- --salt-text-display3-lineHeight: 54px;
2276
- --salt-text-display4-fontSize: 42px;
2277
- --salt-text-display4-lineHeight: 54px;
2278
- --salt-text-notation-fontSize: 14px;
2279
- --salt-text-notation-lineHeight: 18px;
2280
- }
2281
2208
 
2282
2209
  /* css/deprecated/foundations.css */
2283
2210
  .salt-theme {
@@ -2693,6 +2620,7 @@
2693
2620
  --salt-actionable-caution-subtle-background-disabled: var(--salt-palette-alpha-none);
2694
2621
  --salt-actionable-caution-subtle-borderColor-disabled: var(--salt-palette-alpha-none);
2695
2622
  --salt-actionable-caution-subtle-foreground-disabled: var(--salt-palette-warning-foreground-informative-disabled);
2623
+ --salt-separable-background: var(--salt-palette-alpha-none);
2696
2624
  }
2697
2625
 
2698
2626
  /* css/legacy/deprecated/fade.css */
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@salt-ds/theme",
3
- "version": "0.0.0-snapshot-20251109205350",
3
+ "version": "0.0.0-snapshot-20251112101754",
4
4
  "license": "Apache-2.0",
5
5
  "repository": {
6
6
  "type": "git",