@salt-ds/theme 0.0.0-snapshot-20251107135920 → 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 -74
  2. package/css/theme.css +4 -74
  3. package/index.css +4 -74
  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,17 +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-page-margin: var(--salt-spacing-300);
1611
- }
1612
- .salt-density-touch,
1613
- .salt-density-mobile {
1614
- --salt-page-margin: var(--salt-spacing-100);
1615
- }
1616
-
1617
1572
  /* css/next/characteristics/navigable.css */
1618
1573
  .salt-theme.salt-theme-next {
1619
1574
  --salt-navigable-indicator-hover: var(--salt-palette-neutral);
@@ -1675,7 +1630,6 @@
1675
1630
  --salt-separable-foreground: var(--salt-palette-foreground-primary);
1676
1631
  --salt-separable-foreground-hover: var(--salt-palette-foreground-primary);
1677
1632
  --salt-separable-foreground-active: var(--salt-palette-foreground-primary-alt);
1678
- --salt-separable-background: var(--salt-palette-alpha-none);
1679
1633
  --salt-separable-background-hover: var(--salt-palette-alpha-weak);
1680
1634
  --salt-separable-background-active: var(--salt-palette-accent);
1681
1635
  }
@@ -1871,31 +1825,6 @@
1871
1825
  --salt-text-notation-fontSize: 8px;
1872
1826
  --salt-text-notation-lineHeight: 10px;
1873
1827
  }
1874
- .salt-density-mobile {
1875
- --salt-text-h1-fontSize: 42px;
1876
- --salt-text-h1-lineHeight: 54px;
1877
- --salt-text-h2-fontSize: 32px;
1878
- --salt-text-h2-lineHeight: 42px;
1879
- --salt-text-h3-fontSize: 24px;
1880
- --salt-text-h3-lineHeight: 32px;
1881
- --salt-text-h4-fontSize: 16px;
1882
- --salt-text-h4-lineHeight: 21px;
1883
- --salt-text-label-fontSize: 14px;
1884
- --salt-text-label-lineHeight: 18px;
1885
- --salt-text-fontSize: 16px;
1886
- --salt-text-lineHeight: 21px;
1887
- --salt-text-minHeight: 21px;
1888
- --salt-text-display1-fontSize: 84px;
1889
- --salt-text-display1-lineHeight: 109px;
1890
- --salt-text-display2-fontSize: 58px;
1891
- --salt-text-display2-lineHeight: 76px;
1892
- --salt-text-display3-fontSize: 42px;
1893
- --salt-text-display3-lineHeight: 54px;
1894
- --salt-text-display4-fontSize: 42px;
1895
- --salt-text-display4-lineHeight: 54px;
1896
- --salt-text-notation-fontSize: 14px;
1897
- --salt-text-notation-lineHeight: 18px;
1898
- }
1899
1828
 
1900
1829
  /* css/deprecated/foundations.css */
1901
1830
  .salt-theme {
@@ -2175,6 +2104,7 @@
2175
2104
  --salt-actionable-caution-subtle-background-disabled: var(--salt-palette-alpha-none);
2176
2105
  --salt-actionable-caution-subtle-borderColor-disabled: var(--salt-palette-alpha-none);
2177
2106
  --salt-actionable-caution-subtle-foreground-disabled: var(--salt-palette-warning-strong-disabled);
2107
+ --salt-separable-background: var(--salt-palette-alpha-none);
2178
2108
  }
2179
2109
 
2180
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,17 +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-page-margin: var(--salt-spacing-300);
1951
- }
1952
- .salt-density-touch,
1953
- .salt-density-mobile {
1954
- --salt-page-margin: var(--salt-spacing-100);
1955
- }
1956
-
1957
1912
  /* css/legacy/characteristics/navigable.css */
1958
1913
  .salt-theme {
1959
1914
  --salt-navigable-indicator-hover: var(--salt-palette-navigate-indicator-hover);
@@ -2015,7 +1970,6 @@
2015
1970
  --salt-separable-foreground: var(--salt-palette-neutral-primary-foreground);
2016
1971
  --salt-separable-foreground-hover: var(--salt-palette-neutral-primary-foreground);
2017
1972
  --salt-separable-foreground-active: var(--salt-palette-interact-cta-foreground);
2018
- --salt-separable-background: var(--salt-palette-alpha-none);
2019
1973
  --salt-separable-background-hover: var(--salt-palette-alpha-contrast-mediumLow);
2020
1974
  --salt-separable-background-active: var(--salt-palette-accent);
2021
1975
  }
@@ -2211,31 +2165,6 @@
2211
2165
  --salt-text-notation-fontSize: 8px;
2212
2166
  --salt-text-notation-lineHeight: 10px;
2213
2167
  }
2214
- .salt-density-mobile {
2215
- --salt-text-h1-fontSize: 42px;
2216
- --salt-text-h1-lineHeight: 54px;
2217
- --salt-text-h2-fontSize: 32px;
2218
- --salt-text-h2-lineHeight: 42px;
2219
- --salt-text-h3-fontSize: 24px;
2220
- --salt-text-h3-lineHeight: 32px;
2221
- --salt-text-h4-fontSize: 16px;
2222
- --salt-text-h4-lineHeight: 21px;
2223
- --salt-text-label-fontSize: 14px;
2224
- --salt-text-label-lineHeight: 18px;
2225
- --salt-text-fontSize: 16px;
2226
- --salt-text-lineHeight: 21px;
2227
- --salt-text-minHeight: 21px;
2228
- --salt-text-display1-fontSize: 84px;
2229
- --salt-text-display1-lineHeight: 109px;
2230
- --salt-text-display2-fontSize: 58px;
2231
- --salt-text-display2-lineHeight: 76px;
2232
- --salt-text-display3-fontSize: 42px;
2233
- --salt-text-display3-lineHeight: 54px;
2234
- --salt-text-display4-fontSize: 42px;
2235
- --salt-text-display4-lineHeight: 54px;
2236
- --salt-text-notation-fontSize: 14px;
2237
- --salt-text-notation-lineHeight: 18px;
2238
- }
2239
2168
 
2240
2169
  /* css/deprecated/foundations.css */
2241
2170
  .salt-theme {
@@ -2651,6 +2580,7 @@
2651
2580
  --salt-actionable-caution-subtle-background-disabled: var(--salt-palette-alpha-none);
2652
2581
  --salt-actionable-caution-subtle-borderColor-disabled: var(--salt-palette-alpha-none);
2653
2582
  --salt-actionable-caution-subtle-foreground-disabled: var(--salt-palette-warning-foreground-informative-disabled);
2583
+ --salt-separable-background: var(--salt-palette-alpha-none);
2654
2584
  }
2655
2585
 
2656
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,17 +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-page-margin: var(--salt-spacing-300);
1991
- }
1992
- .salt-density-touch,
1993
- .salt-density-mobile {
1994
- --salt-page-margin: var(--salt-spacing-100);
1995
- }
1996
-
1997
1952
  /* css/legacy/characteristics/navigable.css */
1998
1953
  .salt-theme {
1999
1954
  --salt-navigable-indicator-hover: var(--salt-palette-navigate-indicator-hover);
@@ -2055,7 +2010,6 @@
2055
2010
  --salt-separable-foreground: var(--salt-palette-neutral-primary-foreground);
2056
2011
  --salt-separable-foreground-hover: var(--salt-palette-neutral-primary-foreground);
2057
2012
  --salt-separable-foreground-active: var(--salt-palette-interact-cta-foreground);
2058
- --salt-separable-background: var(--salt-palette-alpha-none);
2059
2013
  --salt-separable-background-hover: var(--salt-palette-alpha-contrast-mediumLow);
2060
2014
  --salt-separable-background-active: var(--salt-palette-accent);
2061
2015
  }
@@ -2251,31 +2205,6 @@
2251
2205
  --salt-text-notation-fontSize: 8px;
2252
2206
  --salt-text-notation-lineHeight: 10px;
2253
2207
  }
2254
- .salt-density-mobile {
2255
- --salt-text-h1-fontSize: 42px;
2256
- --salt-text-h1-lineHeight: 54px;
2257
- --salt-text-h2-fontSize: 32px;
2258
- --salt-text-h2-lineHeight: 42px;
2259
- --salt-text-h3-fontSize: 24px;
2260
- --salt-text-h3-lineHeight: 32px;
2261
- --salt-text-h4-fontSize: 16px;
2262
- --salt-text-h4-lineHeight: 21px;
2263
- --salt-text-label-fontSize: 14px;
2264
- --salt-text-label-lineHeight: 18px;
2265
- --salt-text-fontSize: 16px;
2266
- --salt-text-lineHeight: 21px;
2267
- --salt-text-minHeight: 21px;
2268
- --salt-text-display1-fontSize: 84px;
2269
- --salt-text-display1-lineHeight: 109px;
2270
- --salt-text-display2-fontSize: 58px;
2271
- --salt-text-display2-lineHeight: 76px;
2272
- --salt-text-display3-fontSize: 42px;
2273
- --salt-text-display3-lineHeight: 54px;
2274
- --salt-text-display4-fontSize: 42px;
2275
- --salt-text-display4-lineHeight: 54px;
2276
- --salt-text-notation-fontSize: 14px;
2277
- --salt-text-notation-lineHeight: 18px;
2278
- }
2279
2208
 
2280
2209
  /* css/deprecated/foundations.css */
2281
2210
  .salt-theme {
@@ -2691,6 +2620,7 @@
2691
2620
  --salt-actionable-caution-subtle-background-disabled: var(--salt-palette-alpha-none);
2692
2621
  --salt-actionable-caution-subtle-borderColor-disabled: var(--salt-palette-alpha-none);
2693
2622
  --salt-actionable-caution-subtle-foreground-disabled: var(--salt-palette-warning-foreground-informative-disabled);
2623
+ --salt-separable-background: var(--salt-palette-alpha-none);
2694
2624
  }
2695
2625
 
2696
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-20251107135920",
3
+ "version": "0.0.0-snapshot-20251112101754",
4
4
  "license": "Apache-2.0",
5
5
  "repository": {
6
6
  "type": "git",