@salt-ds/theme 0.0.0-snapshot-20251015105819 → 0.0.0-snapshot-20251107135920
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 +269 -170
- package/css/theme.css +177 -92
- package/index.css +177 -92
- package/package.json +1 -1
package/index.css
CHANGED
|
@@ -64,7 +64,8 @@
|
|
|
64
64
|
.salt-density-touch,
|
|
65
65
|
.salt-density-low,
|
|
66
66
|
.salt-density-medium,
|
|
67
|
-
.salt-density-high
|
|
67
|
+
.salt-density-high,
|
|
68
|
+
.salt-density-mobile {
|
|
68
69
|
--salt-animation-opacity-start: 0;
|
|
69
70
|
--salt-animation-opacity-end: 1;
|
|
70
71
|
--salt-animation-scale-start: 0;
|
|
@@ -268,6 +269,7 @@
|
|
|
268
269
|
--salt-curve-250: 15px;
|
|
269
270
|
--salt-curve-999: 999px;
|
|
270
271
|
}
|
|
272
|
+
.salt-density-mobile,
|
|
271
273
|
.salt-density-touch {
|
|
272
274
|
--salt-curve-0: 0;
|
|
273
275
|
--salt-curve-50: 4px;
|
|
@@ -314,6 +316,7 @@
|
|
|
314
316
|
--salt-size-selectable: 16px;
|
|
315
317
|
--salt-size-bar-strong: 12px;
|
|
316
318
|
}
|
|
319
|
+
.salt-density-mobile,
|
|
317
320
|
.salt-density-touch {
|
|
318
321
|
--salt-size-adornment: 12px;
|
|
319
322
|
--salt-size-bar: 8px;
|
|
@@ -326,7 +329,8 @@
|
|
|
326
329
|
.salt-density-touch,
|
|
327
330
|
.salt-density-low,
|
|
328
331
|
.salt-density-medium,
|
|
329
|
-
.salt-density-high
|
|
332
|
+
.salt-density-high,
|
|
333
|
+
.salt-density-mobile {
|
|
330
334
|
--salt-size-fixed-100: 1px;
|
|
331
335
|
--salt-size-fixed-200: 2px;
|
|
332
336
|
--salt-size-fixed-300: 3px;
|
|
@@ -375,6 +379,35 @@
|
|
|
375
379
|
--salt-spacing-850: calc(8.5 * var(--salt-spacing-100));
|
|
376
380
|
--salt-spacing-900: calc(9 * var(--salt-spacing-100));
|
|
377
381
|
--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 {
|
|
378
411
|
--salt-spacing-fixed-100: 1px;
|
|
379
412
|
--salt-spacing-fixed-200: 2px;
|
|
380
413
|
--salt-spacing-fixed-300: 3px;
|
|
@@ -406,7 +439,8 @@
|
|
|
406
439
|
.salt-density-touch,
|
|
407
440
|
.salt-density-low,
|
|
408
441
|
.salt-density-medium,
|
|
409
|
-
.salt-density-high
|
|
442
|
+
.salt-density-high,
|
|
443
|
+
.salt-density-mobile {
|
|
410
444
|
--salt-zIndex-default: 1;
|
|
411
445
|
--salt-zIndex-popout: 1000;
|
|
412
446
|
--salt-zIndex-appHeader: 1100;
|
|
@@ -1164,14 +1198,12 @@
|
|
|
1164
1198
|
--salt-palette-accent-disabled: var(--salt-color-blue-500-40a);
|
|
1165
1199
|
--salt-palette-accent-foreground: var(--salt-color-white);
|
|
1166
1200
|
--salt-palette-accent-foreground-informative: var(--salt-color-blue-600);
|
|
1167
|
-
--salt-palette-accent-foreground-informative-disabled: var(--salt-color-blue-600-40a);
|
|
1168
1201
|
}
|
|
1169
1202
|
.salt-theme[data-mode=dark] {
|
|
1170
1203
|
--salt-palette-accent: var(--salt-color-blue-500);
|
|
1171
1204
|
--salt-palette-accent-disabled: var(--salt-color-blue-500-40a);
|
|
1172
1205
|
--salt-palette-accent-foreground: var(--salt-color-white);
|
|
1173
1206
|
--salt-palette-accent-foreground-informative: var(--salt-color-blue-200);
|
|
1174
|
-
--salt-palette-accent-foreground-informative-disabled: var(--salt-color-blue-200-40a);
|
|
1175
1207
|
}
|
|
1176
1208
|
|
|
1177
1209
|
/* css/legacy/palette/alpha.css */
|
|
@@ -1407,7 +1439,6 @@
|
|
|
1407
1439
|
--salt-palette-interact-outline: var(--salt-color-blue-600);
|
|
1408
1440
|
--salt-palette-interact-cta-background: var(--salt-color-blue-600);
|
|
1409
1441
|
--salt-palette-interact-cta-background-active: var(--salt-color-blue-700);
|
|
1410
|
-
--salt-palette-interact-cta-background-disabled: var(--salt-color-blue-600-40a);
|
|
1411
1442
|
--salt-palette-interact-cta-background-hover: var(--salt-color-blue-500);
|
|
1412
1443
|
--salt-palette-interact-cta-foreground: var(--salt-color-white);
|
|
1413
1444
|
--salt-palette-interact-cta-foreground-disabled: var(--salt-color-white-40a);
|
|
@@ -1415,7 +1446,6 @@
|
|
|
1415
1446
|
--salt-palette-interact-cta-border-active: var(--salt-color-blue-700);
|
|
1416
1447
|
--salt-palette-interact-primary-background: var(--salt-color-gray-60);
|
|
1417
1448
|
--salt-palette-interact-primary-background-active: var(--salt-color-gray-200);
|
|
1418
|
-
--salt-palette-interact-primary-background-disabled: var(--salt-color-gray-60-40a);
|
|
1419
1449
|
--salt-palette-interact-primary-background-hover: var(--salt-color-gray-40);
|
|
1420
1450
|
--salt-palette-interact-primary-foreground: var(--salt-color-gray-900);
|
|
1421
1451
|
--salt-palette-interact-primary-foreground-active: var(--salt-color-white);
|
|
@@ -1446,7 +1476,6 @@
|
|
|
1446
1476
|
--salt-palette-interact-outline: var(--salt-color-blue-100);
|
|
1447
1477
|
--salt-palette-interact-cta-background: var(--salt-color-blue-600);
|
|
1448
1478
|
--salt-palette-interact-cta-background-active: var(--salt-color-blue-700);
|
|
1449
|
-
--salt-palette-interact-cta-background-disabled: var(--salt-color-blue-600-40a);
|
|
1450
1479
|
--salt-palette-interact-cta-background-hover: var(--salt-color-blue-500);
|
|
1451
1480
|
--salt-palette-interact-cta-foreground: var(--salt-color-white);
|
|
1452
1481
|
--salt-palette-interact-cta-foreground-disabled: var(--salt-color-white-40a);
|
|
@@ -1454,7 +1483,6 @@
|
|
|
1454
1483
|
--salt-palette-interact-cta-border-active: var(--salt-color-blue-700);
|
|
1455
1484
|
--salt-palette-interact-primary-background: var(--salt-color-gray-300);
|
|
1456
1485
|
--salt-palette-interact-primary-background-active: var(--salt-color-gray-70);
|
|
1457
|
-
--salt-palette-interact-primary-background-disabled: var(--salt-color-gray-300-40a);
|
|
1458
1486
|
--salt-palette-interact-primary-background-hover: var(--salt-color-gray-200);
|
|
1459
1487
|
--salt-palette-interact-primary-foreground: var(--salt-color-white);
|
|
1460
1488
|
--salt-palette-interact-primary-foreground-active: var(--salt-color-gray-900);
|
|
@@ -1483,23 +1511,17 @@
|
|
|
1483
1511
|
/* css/legacy/palette/negative.css */
|
|
1484
1512
|
.salt-theme[data-mode=light] {
|
|
1485
1513
|
--salt-palette-negative-foreground: var(--salt-color-red-600);
|
|
1486
|
-
--salt-palette-negative-foreground-disabled: var(--salt-color-red-600-40a);
|
|
1487
1514
|
--salt-palette-negative-background: var(--salt-color-red-600);
|
|
1488
1515
|
--salt-palette-negative-background-hover: var(--salt-color-red-500);
|
|
1489
1516
|
--salt-palette-negative-background-active: var(--salt-color-red-700);
|
|
1490
|
-
--salt-palette-negative-background-disabled: var(--salt-color-red-600-40a);
|
|
1491
1517
|
--salt-palette-negative-border: var(--salt-color-red-500);
|
|
1492
|
-
--salt-palette-negative-border-disabled: var(--salt-color-red-500-40a);
|
|
1493
1518
|
}
|
|
1494
1519
|
.salt-theme[data-mode=dark] {
|
|
1495
1520
|
--salt-palette-negative-foreground: var(--salt-color-red-200);
|
|
1496
|
-
--salt-palette-negative-foreground-disabled: var(--salt-color-red-200-40a);
|
|
1497
1521
|
--salt-palette-negative-background: var(--salt-color-red-600);
|
|
1498
1522
|
--salt-palette-negative-background-hover: var(--salt-color-red-500);
|
|
1499
1523
|
--salt-palette-negative-background-active: var(--salt-color-red-700);
|
|
1500
|
-
--salt-palette-negative-background-disabled: var(--salt-color-red-600-40a);
|
|
1501
1524
|
--salt-palette-negative-border: var(--salt-color-red-500);
|
|
1502
|
-
--salt-palette-negative-border-disabled: var(--salt-color-red-500-40a);
|
|
1503
1525
|
}
|
|
1504
1526
|
|
|
1505
1527
|
/* css/legacy/palette/neutral.css */
|
|
@@ -1535,23 +1557,17 @@
|
|
|
1535
1557
|
/* css/legacy/palette/positive.css */
|
|
1536
1558
|
.salt-theme[data-mode=light] {
|
|
1537
1559
|
--salt-palette-positive-foreground: var(--salt-color-green-600);
|
|
1538
|
-
--salt-palette-positive-foreground-disabled: var(--salt-color-green-600-40a);
|
|
1539
1560
|
--salt-palette-positive-background: var(--salt-color-green-600);
|
|
1540
1561
|
--salt-palette-positive-background-hover: var(--salt-color-green-500);
|
|
1541
1562
|
--salt-palette-positive-background-active: var(--salt-color-green-700);
|
|
1542
|
-
--salt-palette-positive-background-disabled: var(--salt-color-green-600-40a);
|
|
1543
1563
|
--salt-palette-positive-border: var(--salt-color-green-500);
|
|
1544
|
-
--salt-palette-positive-border-disabled: var(--salt-color-green-500-40a);
|
|
1545
1564
|
}
|
|
1546
1565
|
.salt-theme[data-mode=dark] {
|
|
1547
1566
|
--salt-palette-positive-foreground: var(--salt-color-green-200);
|
|
1548
|
-
--salt-palette-positive-foreground-disabled: var(--salt-color-green-200-40a);
|
|
1549
1567
|
--salt-palette-positive-background: var(--salt-color-green-600);
|
|
1550
1568
|
--salt-palette-positive-background-hover: var(--salt-color-green-500);
|
|
1551
1569
|
--salt-palette-positive-background-active: var(--salt-color-green-700);
|
|
1552
|
-
--salt-palette-positive-background-disabled: var(--salt-color-green-600-40a);
|
|
1553
1570
|
--salt-palette-positive-border: var(--salt-color-green-500);
|
|
1554
|
-
--salt-palette-positive-border-disabled: var(--salt-color-green-500-40a);
|
|
1555
1571
|
}
|
|
1556
1572
|
|
|
1557
1573
|
/* css/legacy/palette/shadow.css */
|
|
@@ -1617,32 +1633,24 @@
|
|
|
1617
1633
|
--salt-palette-warning-bold-background: var(--salt-color-orange-800);
|
|
1618
1634
|
--salt-palette-warning-background-selected: var(--salt-color-orange-30);
|
|
1619
1635
|
--salt-palette-warning-border: var(--salt-color-orange-700);
|
|
1620
|
-
--salt-palette-warning-border-disabled: var(--salt-color-orange-700-40a);
|
|
1621
1636
|
--salt-palette-warning-foreground-decorative: var(--salt-color-orange-700);
|
|
1622
1637
|
--salt-palette-warning-foreground-informative: var(--salt-color-orange-850);
|
|
1623
|
-
--salt-palette-warning-foreground-informative-disabled: var(--salt-color-orange-850-40a);
|
|
1624
1638
|
--salt-palette-warning-action: var(--salt-color-orange-600);
|
|
1625
1639
|
--salt-palette-warning-action-hover: var(--salt-color-orange-500);
|
|
1626
1640
|
--salt-palette-warning-action-active: var(--salt-color-orange-800);
|
|
1627
|
-
--salt-palette-warning-action-disabled: var(--salt-color-orange-600-40a);
|
|
1628
1641
|
--salt-palette-warning-action-foreground: var(--salt-color-gray-900);
|
|
1629
|
-
--salt-palette-warning-action-foreground-disabled: var(--salt-color-gray-900-40a);
|
|
1630
1642
|
}
|
|
1631
1643
|
.salt-theme[data-mode=dark] {
|
|
1632
1644
|
--salt-palette-warning-background: var(--salt-color-orange-900);
|
|
1633
1645
|
--salt-palette-warning-bold-background: var(--salt-color-orange-800);
|
|
1634
1646
|
--salt-palette-warning-background-selected: var(--salt-color-orange-875);
|
|
1635
1647
|
--salt-palette-warning-border: var(--salt-color-orange-500);
|
|
1636
|
-
--salt-palette-warning-border-disabled: var(--salt-color-orange-500-40a);
|
|
1637
1648
|
--salt-palette-warning-foreground-decorative: var(--salt-color-orange-500);
|
|
1638
1649
|
--salt-palette-warning-foreground-informative: var(--salt-color-orange-400);
|
|
1639
|
-
--salt-palette-warning-foreground-informative-disabled: var(--salt-color-orange-400-40a);
|
|
1640
1650
|
--salt-palette-warning-action: var(--salt-color-orange-600);
|
|
1641
1651
|
--salt-palette-warning-action-hover: var(--salt-color-orange-500);
|
|
1642
1652
|
--salt-palette-warning-action-active: var(--salt-color-orange-800);
|
|
1643
|
-
--salt-palette-warning-action-disabled: var(--salt-color-orange-600-40a);
|
|
1644
1653
|
--salt-palette-warning-action-foreground: var(--salt-color-gray-900);
|
|
1645
|
-
--salt-palette-warning-action-foreground-disabled: var(--salt-color-gray-900-40a);
|
|
1646
1654
|
}
|
|
1647
1655
|
|
|
1648
1656
|
/* css/legacy/characteristics/accent.css */
|
|
@@ -1657,183 +1665,153 @@
|
|
|
1657
1665
|
/* css/legacy/characteristics/actionable.css */
|
|
1658
1666
|
.salt-theme {
|
|
1659
1667
|
--salt-actionable-accented-bold-background-active: var(--salt-palette-interact-cta-background-active);
|
|
1660
|
-
--salt-actionable-accented-bold-background-disabled: var(--salt-palette-interact-cta-background-disabled);
|
|
1661
1668
|
--salt-actionable-accented-bold-background-hover: var(--salt-palette-interact-cta-background-hover);
|
|
1662
1669
|
--salt-actionable-accented-bold-background: var(--salt-palette-interact-cta-background);
|
|
1663
1670
|
--salt-actionable-accented-bold-borderColor-active: var(--salt-palette-alpha-none);
|
|
1664
|
-
--salt-actionable-accented-bold-borderColor-disabled: var(--salt-palette-alpha-none);
|
|
1665
1671
|
--salt-actionable-accented-bold-borderColor-hover: var(--salt-palette-alpha-none);
|
|
1666
1672
|
--salt-actionable-accented-bold-borderColor: var(--salt-palette-alpha-none);
|
|
1667
1673
|
--salt-actionable-accented-bold-foreground-active: var(--salt-palette-interact-cta-foreground);
|
|
1668
|
-
--salt-actionable-accented-bold-foreground-disabled: var(--salt-palette-interact-cta-foreground-disabled);
|
|
1669
1674
|
--salt-actionable-accented-bold-foreground-hover: var(--salt-palette-interact-cta-foreground);
|
|
1670
1675
|
--salt-actionable-accented-bold-foreground: var(--salt-palette-interact-cta-foreground);
|
|
1671
|
-
--salt-actionable-bold-background-active: var(--salt-palette-interact-primary-background-active);
|
|
1672
|
-
--salt-actionable-bold-background-disabled: var(--salt-palette-interact-primary-background-disabled);
|
|
1673
|
-
--salt-actionable-bold-background-hover: var(--salt-palette-interact-primary-background-hover);
|
|
1674
|
-
--salt-actionable-bold-background: var(--salt-palette-interact-primary-background);
|
|
1675
|
-
--salt-actionable-bold-borderColor-active: var(--salt-palette-alpha-none);
|
|
1676
|
-
--salt-actionable-bold-borderColor-disabled: var(--salt-palette-alpha-none);
|
|
1677
|
-
--salt-actionable-bold-borderColor-hover: var(--salt-palette-alpha-none);
|
|
1678
|
-
--salt-actionable-bold-borderColor: var(--salt-palette-alpha-none);
|
|
1679
|
-
--salt-actionable-bold-foreground-active: var(--salt-palette-interact-primary-foreground-active);
|
|
1680
|
-
--salt-actionable-bold-foreground-disabled: var(--salt-palette-neutral-primary-foreground-disabled);
|
|
1681
|
-
--salt-actionable-bold-foreground-hover: var(--salt-palette-neutral-primary-foreground);
|
|
1682
|
-
--salt-actionable-bold-foreground: var(--salt-palette-neutral-primary-foreground);
|
|
1683
1676
|
--salt-actionable-accented-background-active: var(--salt-palette-interact-cta-background-active);
|
|
1684
|
-
--salt-actionable-accented-background-disabled: var(--salt-palette-alpha-none);
|
|
1685
1677
|
--salt-actionable-accented-background-hover: var(--salt-palette-interact-cta-background-hover);
|
|
1686
1678
|
--salt-actionable-accented-background: var(--salt-palette-alpha-none);
|
|
1687
1679
|
--salt-actionable-accented-borderColor-active: var(--salt-palette-interact-cta-border-active);
|
|
1688
|
-
--salt-actionable-accented-borderColor-disabled: var(--salt-palette-accent-disabled);
|
|
1689
1680
|
--salt-actionable-accented-borderColor-hover: var(--salt-palette-interact-cta-border-hover);
|
|
1690
1681
|
--salt-actionable-accented-borderColor: var(--salt-palette-accent);
|
|
1691
1682
|
--salt-actionable-accented-foreground-active: var(--salt-palette-interact-cta-foreground);
|
|
1692
|
-
--salt-actionable-accented-foreground-disabled: var(--salt-palette-accent-foreground-informative-disabled);
|
|
1693
1683
|
--salt-actionable-accented-foreground-hover: var(--salt-palette-interact-cta-foreground);
|
|
1694
1684
|
--salt-actionable-accented-foreground: var(--salt-palette-accent-foreground-informative);
|
|
1695
|
-
--salt-actionable-background-
|
|
1696
|
-
--salt-actionable-
|
|
1697
|
-
--salt-actionable-
|
|
1698
|
-
--salt-actionable-background: var(--salt-palette-alpha-none);
|
|
1699
|
-
--salt-actionable-borderColor-active: var(--salt-palette-alpha-none);
|
|
1700
|
-
--salt-actionable-borderColor-disabled: var(--salt-palette-interact-border-disabled);
|
|
1701
|
-
--salt-actionable-borderColor-hover: var(--salt-palette-alpha-none);
|
|
1702
|
-
--salt-actionable-borderColor: var(--salt-palette-interact-border);
|
|
1703
|
-
--salt-actionable-foreground-active: var(--salt-palette-interact-primary-foreground-active);
|
|
1704
|
-
--salt-actionable-foreground-disabled: var(--salt-palette-neutral-primary-foreground-disabled);
|
|
1705
|
-
--salt-actionable-foreground-hover: var(--salt-palette-neutral-primary-foreground);
|
|
1706
|
-
--salt-actionable-foreground: var(--salt-palette-neutral-primary-foreground);
|
|
1685
|
+
--salt-actionable-accented-background-selected: var(--salt-palette-interact-cta-background-active);
|
|
1686
|
+
--salt-actionable-accented-borderColor-selected: var(--salt-palette-alpha-none);
|
|
1687
|
+
--salt-actionable-accented-foreground-selected: var(--salt-palette-interact-cta-foreground);
|
|
1707
1688
|
--salt-actionable-accented-subtle-background-active: var(--salt-palette-interact-cta-background-active);
|
|
1708
|
-
--salt-actionable-accented-subtle-background-disabled: var(--salt-palette-alpha-none);
|
|
1709
1689
|
--salt-actionable-accented-subtle-background-hover: var(--salt-palette-interact-cta-background-hover);
|
|
1710
1690
|
--salt-actionable-accented-subtle-background: var(--salt-palette-alpha-none);
|
|
1711
1691
|
--salt-actionable-accented-subtle-borderColor-active: var(--salt-palette-alpha-none);
|
|
1712
|
-
--salt-actionable-accented-subtle-borderColor-disabled: var(--salt-palette-alpha-none);
|
|
1713
1692
|
--salt-actionable-accented-subtle-borderColor-hover: var(--salt-palette-alpha-none);
|
|
1714
1693
|
--salt-actionable-accented-subtle-borderColor: var(--salt-palette-alpha-none);
|
|
1715
1694
|
--salt-actionable-accented-subtle-foreground-active: var(--salt-palette-interact-cta-foreground);
|
|
1716
|
-
--salt-actionable-accented-subtle-foreground-disabled: var(--salt-palette-accent-foreground-informative-disabled);
|
|
1717
1695
|
--salt-actionable-accented-subtle-foreground-hover: var(--salt-palette-interact-cta-foreground);
|
|
1718
1696
|
--salt-actionable-accented-subtle-foreground: var(--salt-palette-accent-foreground-informative);
|
|
1697
|
+
--salt-actionable-bold-background-active: var(--salt-palette-interact-primary-background-active);
|
|
1698
|
+
--salt-actionable-bold-background-hover: var(--salt-palette-interact-primary-background-hover);
|
|
1699
|
+
--salt-actionable-bold-background: var(--salt-palette-interact-primary-background);
|
|
1700
|
+
--salt-actionable-bold-borderColor-active: var(--salt-palette-alpha-none);
|
|
1701
|
+
--salt-actionable-bold-borderColor-hover: var(--salt-palette-alpha-none);
|
|
1702
|
+
--salt-actionable-bold-borderColor: var(--salt-palette-alpha-none);
|
|
1703
|
+
--salt-actionable-bold-foreground-active: var(--salt-palette-interact-primary-foreground-active);
|
|
1704
|
+
--salt-actionable-bold-foreground-hover: var(--salt-palette-neutral-primary-foreground);
|
|
1705
|
+
--salt-actionable-bold-foreground: var(--salt-palette-neutral-primary-foreground);
|
|
1706
|
+
--salt-actionable-background-active: var(--salt-palette-interact-primary-background-active);
|
|
1707
|
+
--salt-actionable-background-hover: var(--salt-palette-interact-primary-background-hover);
|
|
1708
|
+
--salt-actionable-background: var(--salt-palette-alpha-none);
|
|
1709
|
+
--salt-actionable-borderColor-active: var(--salt-palette-alpha-none);
|
|
1710
|
+
--salt-actionable-borderColor-hover: var(--salt-palette-alpha-none);
|
|
1711
|
+
--salt-actionable-borderColor: var(--salt-palette-interact-border);
|
|
1712
|
+
--salt-actionable-foreground-active: var(--salt-palette-interact-primary-foreground-active);
|
|
1713
|
+
--salt-actionable-foreground-hover: var(--salt-palette-neutral-primary-foreground);
|
|
1714
|
+
--salt-actionable-foreground: var(--salt-palette-neutral-primary-foreground);
|
|
1715
|
+
--salt-actionable-background-selected: var(--salt-palette-interact-primary-background-active);
|
|
1716
|
+
--salt-actionable-borderColor-selected: var(--salt-palette-alpha-none);
|
|
1717
|
+
--salt-actionable-foreground-selected: var(--salt-palette-interact-primary-foreground-active);
|
|
1719
1718
|
--salt-actionable-subtle-background-active: var(--salt-palette-interact-primary-background-active);
|
|
1720
|
-
--salt-actionable-subtle-background-disabled: var(--salt-palette-alpha-none);
|
|
1721
1719
|
--salt-actionable-subtle-background-hover: var(--salt-palette-interact-primary-background-hover);
|
|
1722
1720
|
--salt-actionable-subtle-background: var(--salt-palette-alpha-none);
|
|
1723
1721
|
--salt-actionable-subtle-borderColor-active: var(--salt-palette-alpha-none);
|
|
1724
|
-
--salt-actionable-subtle-borderColor-disabled: var(--salt-palette-alpha-none);
|
|
1725
1722
|
--salt-actionable-subtle-borderColor-hover: var(--salt-palette-alpha-none);
|
|
1726
1723
|
--salt-actionable-subtle-borderColor: var(--salt-palette-alpha-none);
|
|
1727
1724
|
--salt-actionable-subtle-foreground-active: var(--salt-palette-interact-primary-foreground-active);
|
|
1728
|
-
--salt-actionable-subtle-foreground-disabled: var(--salt-palette-neutral-primary-foreground-disabled);
|
|
1729
1725
|
--salt-actionable-subtle-foreground-hover: var(--salt-palette-neutral-primary-foreground);
|
|
1730
1726
|
--salt-actionable-subtle-foreground: var(--salt-palette-neutral-primary-foreground);
|
|
1731
1727
|
--salt-actionable-negative-bold-background-active: var(--salt-palette-negative-background-active);
|
|
1732
|
-
--salt-actionable-negative-bold-background-disabled: var(--salt-palette-negative-background-disabled);
|
|
1733
1728
|
--salt-actionable-negative-bold-background-hover: var(--salt-palette-negative-background-hover);
|
|
1734
1729
|
--salt-actionable-negative-bold-background: var(--salt-palette-negative-background);
|
|
1735
1730
|
--salt-actionable-negative-bold-borderColor-active: var(--salt-palette-alpha-none);
|
|
1736
|
-
--salt-actionable-negative-bold-borderColor-disabled: var(--salt-palette-alpha-none);
|
|
1737
1731
|
--salt-actionable-negative-bold-borderColor-hover: var(--salt-palette-alpha-none);
|
|
1738
1732
|
--salt-actionable-negative-bold-borderColor: var(--salt-palette-alpha-none);
|
|
1739
1733
|
--salt-actionable-negative-bold-foreground-active: var(--salt-palette-interact-cta-foreground);
|
|
1740
|
-
--salt-actionable-negative-bold-foreground-disabled: var(--salt-palette-interact-cta-foreground-disabled);
|
|
1741
1734
|
--salt-actionable-negative-bold-foreground-hover: var(--salt-palette-interact-cta-foreground);
|
|
1742
1735
|
--salt-actionable-negative-bold-foreground: var(--salt-palette-interact-cta-foreground);
|
|
1743
1736
|
--salt-actionable-negative-background-active: var(--salt-palette-negative-background-active);
|
|
1744
|
-
--salt-actionable-negative-background-disabled: var(--salt-palette-alpha-none);
|
|
1745
1737
|
--salt-actionable-negative-background-hover: var(--salt-palette-negative-background-hover);
|
|
1746
1738
|
--salt-actionable-negative-background: var(--salt-palette-alpha-none);
|
|
1747
1739
|
--salt-actionable-negative-borderColor-active: var(--salt-palette-alpha-none);
|
|
1748
|
-
--salt-actionable-negative-borderColor-disabled: var(--salt-palette-negative-border-disabled);
|
|
1749
1740
|
--salt-actionable-negative-borderColor-hover: var(--salt-palette-alpha-none);
|
|
1750
1741
|
--salt-actionable-negative-borderColor: var(--salt-palette-negative-border);
|
|
1751
1742
|
--salt-actionable-negative-foreground-active: var(--salt-palette-interact-cta-foreground);
|
|
1752
|
-
--salt-actionable-negative-foreground-disabled: var(--salt-palette-negative-foreground-disabled);
|
|
1753
1743
|
--salt-actionable-negative-foreground-hover: var(--salt-palette-interact-cta-foreground);
|
|
1754
1744
|
--salt-actionable-negative-foreground: var(--salt-palette-negative-foreground);
|
|
1745
|
+
--salt-actionable-negative-background-selected: var(--salt-palette-negative-background-active);
|
|
1746
|
+
--salt-actionable-negative-borderColor-selected: var(--salt-palette-alpha-none);
|
|
1747
|
+
--salt-actionable-negative-foreground-selected: var(--salt-palette-interact-cta-foreground);
|
|
1755
1748
|
--salt-actionable-negative-subtle-background-active: var(--salt-palette-negative-background-active);
|
|
1756
|
-
--salt-actionable-negative-subtle-background-disabled: var(--salt-palette-alpha-none);
|
|
1757
1749
|
--salt-actionable-negative-subtle-background-hover: var(--salt-palette-negative-background-hover);
|
|
1758
1750
|
--salt-actionable-negative-subtle-background: var(--salt-palette-alpha-none);
|
|
1759
1751
|
--salt-actionable-negative-subtle-borderColor-active: var(--salt-palette-alpha-none);
|
|
1760
|
-
--salt-actionable-negative-subtle-borderColor-disabled: var(--salt-palette-alpha-none);
|
|
1761
1752
|
--salt-actionable-negative-subtle-borderColor-hover: var(--salt-palette-alpha-none);
|
|
1762
1753
|
--salt-actionable-negative-subtle-borderColor: var(--salt-palette-alpha-none);
|
|
1763
1754
|
--salt-actionable-negative-subtle-foreground-active: var(--salt-palette-interact-cta-foreground);
|
|
1764
|
-
--salt-actionable-negative-subtle-foreground-disabled: var(--salt-palette-negative-foreground-disabled);
|
|
1765
1755
|
--salt-actionable-negative-subtle-foreground-hover: var(--salt-palette-interact-cta-foreground);
|
|
1766
1756
|
--salt-actionable-negative-subtle-foreground: var(--salt-palette-negative-foreground);
|
|
1767
1757
|
--salt-actionable-positive-bold-background-active: var(--salt-palette-positive-background-active);
|
|
1768
|
-
--salt-actionable-positive-bold-background-disabled: var(--salt-palette-positive-background-disabled);
|
|
1769
1758
|
--salt-actionable-positive-bold-background-hover: var(--salt-palette-positive-background-hover);
|
|
1770
1759
|
--salt-actionable-positive-bold-background: var(--salt-palette-positive-background);
|
|
1771
1760
|
--salt-actionable-positive-bold-borderColor-active: var(--salt-palette-alpha-none);
|
|
1772
|
-
--salt-actionable-positive-bold-borderColor-disabled: var(--salt-palette-alpha-none);
|
|
1773
1761
|
--salt-actionable-positive-bold-borderColor-hover: var(--salt-palette-alpha-none);
|
|
1774
1762
|
--salt-actionable-positive-bold-borderColor: var(--salt-palette-alpha-none);
|
|
1775
1763
|
--salt-actionable-positive-bold-foreground-active: var(--salt-palette-interact-cta-foreground);
|
|
1776
|
-
--salt-actionable-positive-bold-foreground-disabled: var(--salt-palette-interact-cta-foreground-disabled);
|
|
1777
1764
|
--salt-actionable-positive-bold-foreground-hover: var(--salt-palette-interact-cta-foreground);
|
|
1778
1765
|
--salt-actionable-positive-bold-foreground: var(--salt-palette-interact-cta-foreground);
|
|
1779
1766
|
--salt-actionable-positive-background-active: var(--salt-palette-positive-background-active);
|
|
1780
|
-
--salt-actionable-positive-background-disabled: var(--salt-palette-alpha-none);
|
|
1781
1767
|
--salt-actionable-positive-background-hover: var(--salt-palette-positive-background-hover);
|
|
1782
1768
|
--salt-actionable-positive-background: var(--salt-palette-alpha-none);
|
|
1783
1769
|
--salt-actionable-positive-borderColor-active: var(--salt-palette-alpha-none);
|
|
1784
|
-
--salt-actionable-positive-borderColor-disabled: var(--salt-palette-positive-border-disabled);
|
|
1785
1770
|
--salt-actionable-positive-borderColor-hover: var(--salt-palette-alpha-none);
|
|
1786
1771
|
--salt-actionable-positive-borderColor: var(--salt-palette-positive-border);
|
|
1787
1772
|
--salt-actionable-positive-foreground-active: var(--salt-palette-interact-cta-foreground);
|
|
1788
|
-
--salt-actionable-positive-foreground-disabled: var(--salt-palette-positive-foreground-disabled);
|
|
1789
1773
|
--salt-actionable-positive-foreground-hover: var(--salt-palette-interact-cta-foreground);
|
|
1790
1774
|
--salt-actionable-positive-foreground: var(--salt-palette-positive-foreground);
|
|
1775
|
+
--salt-actionable-positive-background-selected: var(--salt-palette-positive-background-active);
|
|
1776
|
+
--salt-actionable-positive-borderColor-selected: var(--salt-palette-alpha-none);
|
|
1777
|
+
--salt-actionable-positive-foreground-selected: var(--salt-palette-interact-cta-foreground);
|
|
1791
1778
|
--salt-actionable-positive-subtle-background-active: var(--salt-palette-positive-background-active);
|
|
1792
|
-
--salt-actionable-positive-subtle-background-disabled: var(--salt-palette-alpha-none);
|
|
1793
1779
|
--salt-actionable-positive-subtle-background-hover: var(--salt-palette-positive-background-hover);
|
|
1794
1780
|
--salt-actionable-positive-subtle-background: var(--salt-palette-alpha-none);
|
|
1795
1781
|
--salt-actionable-positive-subtle-borderColor-active: var(--salt-palette-alpha-none);
|
|
1796
|
-
--salt-actionable-positive-subtle-borderColor-disabled: var(--salt-palette-alpha-none);
|
|
1797
1782
|
--salt-actionable-positive-subtle-borderColor-hover: var(--salt-palette-alpha-none);
|
|
1798
1783
|
--salt-actionable-positive-subtle-borderColor: var(--salt-palette-alpha-none);
|
|
1799
1784
|
--salt-actionable-positive-subtle-foreground-active: var(--salt-palette-interact-cta-foreground);
|
|
1800
|
-
--salt-actionable-positive-subtle-foreground-disabled: var(--salt-palette-positive-foreground-disabled);
|
|
1801
1785
|
--salt-actionable-positive-subtle-foreground-hover: var(--salt-palette-interact-cta-foreground);
|
|
1802
1786
|
--salt-actionable-positive-subtle-foreground: var(--salt-palette-positive-foreground);
|
|
1803
1787
|
--salt-actionable-caution-bold-background-active: var(--salt-palette-warning-action-active);
|
|
1804
|
-
--salt-actionable-caution-bold-background-disabled: var(--salt-palette-warning-action-disabled);
|
|
1805
1788
|
--salt-actionable-caution-bold-background-hover: var(--salt-palette-warning-action-hover);
|
|
1806
1789
|
--salt-actionable-caution-bold-background: var(--salt-palette-warning-action);
|
|
1807
1790
|
--salt-actionable-caution-bold-borderColor-active: var(--salt-palette-alpha-none);
|
|
1808
|
-
--salt-actionable-caution-bold-borderColor-disabled: var(--salt-palette-alpha-none);
|
|
1809
1791
|
--salt-actionable-caution-bold-borderColor-hover: var(--salt-palette-alpha-none);
|
|
1810
1792
|
--salt-actionable-caution-bold-borderColor: var(--salt-palette-alpha-none);
|
|
1811
1793
|
--salt-actionable-caution-bold-foreground-active: var(--salt-palette-interact-cta-foreground);
|
|
1812
|
-
--salt-actionable-caution-bold-foreground-disabled: var(--salt-palette-warning-action-foreground-disabled);
|
|
1813
1794
|
--salt-actionable-caution-bold-foreground-hover: var(--salt-palette-warning-action-foreground);
|
|
1814
1795
|
--salt-actionable-caution-bold-foreground: var(--salt-palette-warning-action-foreground);
|
|
1815
1796
|
--salt-actionable-caution-background-active: var(--salt-palette-warning-action-active);
|
|
1816
|
-
--salt-actionable-caution-background-disabled: var(--salt-palette-alpha-none);
|
|
1817
1797
|
--salt-actionable-caution-background-hover: var(--salt-palette-warning-action-hover);
|
|
1818
1798
|
--salt-actionable-caution-background: var(--salt-palette-alpha-none);
|
|
1819
1799
|
--salt-actionable-caution-borderColor-active: var(--salt-palette-alpha-none);
|
|
1820
|
-
--salt-actionable-caution-borderColor-disabled: var(--salt-palette-warning-border-disabled);
|
|
1821
1800
|
--salt-actionable-caution-borderColor-hover: var(--salt-palette-alpha-none);
|
|
1822
1801
|
--salt-actionable-caution-borderColor: var(--salt-palette-warning-border);
|
|
1823
1802
|
--salt-actionable-caution-foreground-active: var(--salt-palette-interact-cta-foreground);
|
|
1824
|
-
--salt-actionable-caution-foreground-disabled: var(--salt-palette-warning-foreground-informative-disabled);
|
|
1825
1803
|
--salt-actionable-caution-foreground-hover: var(--salt-palette-warning-action-foreground);
|
|
1826
1804
|
--salt-actionable-caution-foreground: var(--salt-palette-warning-foreground-informative);
|
|
1805
|
+
--salt-actionable-caution-background-selected: var(--salt-palette-warning-action-active);
|
|
1806
|
+
--salt-actionable-caution-borderColor-selected: var(--salt-palette-alpha-none);
|
|
1807
|
+
--salt-actionable-caution-foreground-selected: var(--salt-palette-interact-cta-foreground);
|
|
1827
1808
|
--salt-actionable-caution-subtle-background-active: var(--salt-palette-warning-action-active);
|
|
1828
|
-
--salt-actionable-caution-subtle-background-disabled: var(--salt-palette-alpha-none);
|
|
1829
1809
|
--salt-actionable-caution-subtle-background-hover: var(--salt-palette-warning-action-hover);
|
|
1830
1810
|
--salt-actionable-caution-subtle-background: var(--salt-palette-alpha-none);
|
|
1831
1811
|
--salt-actionable-caution-subtle-borderColor-active: var(--salt-palette-alpha-none);
|
|
1832
|
-
--salt-actionable-caution-subtle-borderColor-disabled: var(--salt-palette-alpha-none);
|
|
1833
1812
|
--salt-actionable-caution-subtle-borderColor-hover: var(--salt-palette-alpha-none);
|
|
1834
1813
|
--salt-actionable-caution-subtle-borderColor: var(--salt-palette-alpha-none);
|
|
1835
1814
|
--salt-actionable-caution-subtle-foreground-active: var(--salt-palette-interact-cta-foreground);
|
|
1836
|
-
--salt-actionable-caution-subtle-foreground-disabled: var(--salt-palette-warning-foreground-informative-disabled);
|
|
1837
1815
|
--salt-actionable-caution-subtle-foreground-hover: var(--salt-palette-warning-action-foreground);
|
|
1838
1816
|
--salt-actionable-caution-subtle-foreground: var(--salt-palette-warning-foreground-informative);
|
|
1839
1817
|
}
|
|
@@ -2005,6 +1983,17 @@
|
|
|
2005
1983
|
--salt-focused-outline: var(--salt-focused-outlineWidth) var(--salt-focused-outlineStyle) var(--salt-focused-outlineColor);
|
|
2006
1984
|
}
|
|
2007
1985
|
|
|
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
|
+
|
|
2008
1997
|
/* css/legacy/characteristics/navigable.css */
|
|
2009
1998
|
.salt-theme {
|
|
2010
1999
|
--salt-navigable-indicator-hover: var(--salt-palette-navigate-indicator-hover);
|
|
@@ -2262,6 +2251,31 @@
|
|
|
2262
2251
|
--salt-text-notation-fontSize: 8px;
|
|
2263
2252
|
--salt-text-notation-lineHeight: 10px;
|
|
2264
2253
|
}
|
|
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
|
+
}
|
|
2265
2279
|
|
|
2266
2280
|
/* css/deprecated/foundations.css */
|
|
2267
2281
|
.salt-theme {
|
|
@@ -2632,6 +2646,51 @@
|
|
|
2632
2646
|
--salt-actionable-secondary-foreground-disabled: var(--salt-actionable-subtle-foreground-disabled);
|
|
2633
2647
|
--salt-actionable-secondary-foreground-hover: var(--salt-actionable-subtle-foreground-hover);
|
|
2634
2648
|
--salt-actionable-secondary-foreground: var(--salt-actionable-subtle-foreground);
|
|
2649
|
+
--salt-actionable-accented-bold-background-disabled: var(--salt-palette-interact-cta-background-disabled);
|
|
2650
|
+
--salt-actionable-accented-bold-borderColor-disabled: var(--salt-palette-alpha-none);
|
|
2651
|
+
--salt-actionable-accented-bold-foreground-disabled: var(--salt-palette-interact-cta-foreground-disabled);
|
|
2652
|
+
--salt-actionable-bold-background-disabled: var(--salt-palette-interact-primary-background-disabled);
|
|
2653
|
+
--salt-actionable-bold-borderColor-disabled: var(--salt-palette-alpha-none);
|
|
2654
|
+
--salt-actionable-bold-foreground-disabled: var(--salt-palette-neutral-primary-foreground-disabled);
|
|
2655
|
+
--salt-actionable-accented-background-disabled: var(--salt-palette-alpha-none);
|
|
2656
|
+
--salt-actionable-accented-borderColor-disabled: var(--salt-palette-accent-disabled);
|
|
2657
|
+
--salt-actionable-accented-foreground-disabled: var(--salt-palette-accent-foreground-informative-disabled);
|
|
2658
|
+
--salt-actionable-background-disabled: var(--salt-palette-alpha-none);
|
|
2659
|
+
--salt-actionable-borderColor-disabled: var(--salt-palette-interact-border-disabled);
|
|
2660
|
+
--salt-actionable-foreground-disabled: var(--salt-palette-neutral-primary-foreground-disabled);
|
|
2661
|
+
--salt-actionable-accented-subtle-background-disabled: var(--salt-palette-alpha-none);
|
|
2662
|
+
--salt-actionable-accented-subtle-borderColor-disabled: var(--salt-palette-alpha-none);
|
|
2663
|
+
--salt-actionable-accented-subtle-foreground-disabled: var(--salt-palette-accent-foreground-informative-disabled);
|
|
2664
|
+
--salt-actionable-subtle-background-disabled: var(--salt-palette-alpha-none);
|
|
2665
|
+
--salt-actionable-subtle-borderColor-disabled: var(--salt-palette-alpha-none);
|
|
2666
|
+
--salt-actionable-subtle-foreground-disabled: var(--salt-palette-neutral-primary-foreground-disabled);
|
|
2667
|
+
--salt-actionable-negative-bold-background-disabled: var(--salt-palette-negative-background-disabled);
|
|
2668
|
+
--salt-actionable-negative-bold-borderColor-disabled: var(--salt-palette-alpha-none);
|
|
2669
|
+
--salt-actionable-negative-bold-foreground-disabled: var(--salt-palette-interact-cta-foreground-disabled);
|
|
2670
|
+
--salt-actionable-negative-background-disabled: var(--salt-palette-alpha-none);
|
|
2671
|
+
--salt-actionable-negative-borderColor-disabled: var(--salt-palette-negative-border-disabled);
|
|
2672
|
+
--salt-actionable-negative-foreground-disabled: var(--salt-palette-negative-foreground-disabled);
|
|
2673
|
+
--salt-actionable-negative-subtle-background-disabled: var(--salt-palette-alpha-none);
|
|
2674
|
+
--salt-actionable-negative-subtle-borderColor-disabled: var(--salt-palette-alpha-none);
|
|
2675
|
+
--salt-actionable-negative-subtle-foreground-disabled: var(--salt-palette-negative-foreground-disabled);
|
|
2676
|
+
--salt-actionable-positive-bold-background-disabled: var(--salt-palette-positive-background-disabled);
|
|
2677
|
+
--salt-actionable-positive-bold-borderColor-disabled: var(--salt-palette-alpha-none);
|
|
2678
|
+
--salt-actionable-positive-bold-foreground-disabled: var(--salt-palette-interact-cta-foreground-disabled);
|
|
2679
|
+
--salt-actionable-positive-background-disabled: var(--salt-palette-alpha-none);
|
|
2680
|
+
--salt-actionable-positive-borderColor-disabled: var(--salt-palette-positive-border-disabled);
|
|
2681
|
+
--salt-actionable-positive-foreground-disabled: var(--salt-palette-positive-foreground-disabled);
|
|
2682
|
+
--salt-actionable-positive-subtle-background-disabled: var(--salt-palette-alpha-none);
|
|
2683
|
+
--salt-actionable-positive-subtle-borderColor-disabled: var(--salt-palette-alpha-none);
|
|
2684
|
+
--salt-actionable-positive-subtle-foreground-disabled: var(--salt-palette-positive-foreground-disabled);
|
|
2685
|
+
--salt-actionable-caution-bold-background-disabled: var(--salt-palette-warning-action-disabled);
|
|
2686
|
+
--salt-actionable-caution-bold-borderColor-disabled: var(--salt-palette-alpha-none);
|
|
2687
|
+
--salt-actionable-caution-bold-foreground-disabled: var(--salt-palette-warning-action-foreground-disabled);
|
|
2688
|
+
--salt-actionable-caution-background-disabled: var(--salt-palette-alpha-none);
|
|
2689
|
+
--salt-actionable-caution-borderColor-disabled: var(--salt-palette-warning-border-disabled);
|
|
2690
|
+
--salt-actionable-caution-foreground-disabled: var(--salt-palette-warning-foreground-informative-disabled);
|
|
2691
|
+
--salt-actionable-caution-subtle-background-disabled: var(--salt-palette-alpha-none);
|
|
2692
|
+
--salt-actionable-caution-subtle-borderColor-disabled: var(--salt-palette-alpha-none);
|
|
2693
|
+
--salt-actionable-caution-subtle-foreground-disabled: var(--salt-palette-warning-foreground-informative-disabled);
|
|
2635
2694
|
}
|
|
2636
2695
|
|
|
2637
2696
|
/* css/legacy/deprecated/fade.css */
|
|
@@ -2759,6 +2818,8 @@
|
|
|
2759
2818
|
--salt-palette-interact-secondary-background-disabled: transparent;
|
|
2760
2819
|
--salt-palette-interact-cta-foreground-active: var(--salt-color-white);
|
|
2761
2820
|
--salt-palette-interact-cta-foreground-hover: var(--salt-color-white);
|
|
2821
|
+
--salt-palette-interact-cta-background-disabled: var(--salt-color-blue-600-40a);
|
|
2822
|
+
--salt-palette-interact-primary-background-disabled: var(--salt-color-gray-60-40a);
|
|
2762
2823
|
--salt-palette-measured-fill: var(--salt-color-blue-500);
|
|
2763
2824
|
--salt-palette-measured-fill-disabled: var(--salt-color-blue-500-fade-fill);
|
|
2764
2825
|
--salt-palette-measured-foreground: var(--salt-color-gray-90);
|
|
@@ -2817,6 +2878,17 @@
|
|
|
2817
2878
|
--salt-palette-accent-border: var(--salt-color-blue-500);
|
|
2818
2879
|
--salt-palette-accent-background-disabled: var(--salt-color-blue-500-fade-background);
|
|
2819
2880
|
--salt-palette-accent-border-disabled: var(--salt-color-blue-500-fade-border);
|
|
2881
|
+
--salt-palette-accent-foreground-informative-disabled: var(--salt-color-blue-600-40a);
|
|
2882
|
+
--salt-palette-negative-foreground-disabled: var(--salt-color-red-600-40a);
|
|
2883
|
+
--salt-palette-negative-background-disabled: var(--salt-color-red-600-40a);
|
|
2884
|
+
--salt-palette-negative-border-disabled: var(--salt-color-red-500-40a);
|
|
2885
|
+
--salt-palette-positive-foreground-disabled: var(--salt-color-green-600-40a);
|
|
2886
|
+
--salt-palette-positive-background-disabled: var(--salt-color-green-600-40a);
|
|
2887
|
+
--salt-palette-positive-border-disabled: var(--salt-color-green-500-40a);
|
|
2888
|
+
--salt-palette-warning-border-disabled: var(--salt-color-orange-700-40a);
|
|
2889
|
+
--salt-palette-warning-foreground-informative-disabled: var(--salt-color-orange-850-40a);
|
|
2890
|
+
--salt-palette-warning-action-disabled: var(--salt-color-orange-600-40a);
|
|
2891
|
+
--salt-palette-warning-action-foreground-disabled: var(--salt-color-gray-900-40a);
|
|
2820
2892
|
}
|
|
2821
2893
|
.salt-theme[data-mode=dark] {
|
|
2822
2894
|
--salt-palette-interact-foreground-partial: var(--salt-color-blue-100);
|
|
@@ -2835,6 +2907,8 @@
|
|
|
2835
2907
|
--salt-palette-interact-secondary-background-disabled: transparent;
|
|
2836
2908
|
--salt-palette-interact-cta-foreground-active: var(--salt-color-white);
|
|
2837
2909
|
--salt-palette-interact-cta-foreground-hover: var(--salt-color-white);
|
|
2910
|
+
--salt-palette-interact-cta-background-disabled: var(--salt-color-blue-600-40a);
|
|
2911
|
+
--salt-palette-interact-primary-background-disabled: var(--salt-color-gray-300-40a);
|
|
2838
2912
|
--salt-palette-measured-fill: var(--salt-color-blue-300);
|
|
2839
2913
|
--salt-palette-measured-fill-disabled: var(--salt-color-blue-300-fade-fill);
|
|
2840
2914
|
--salt-palette-measured-foreground: var(--salt-color-gray-90);
|
|
@@ -2893,6 +2967,17 @@
|
|
|
2893
2967
|
--salt-palette-accent-border: var(--salt-color-blue-500);
|
|
2894
2968
|
--salt-palette-accent-background-disabled: var(--salt-color-blue-500-fade-background);
|
|
2895
2969
|
--salt-palette-accent-border-disabled: var(--salt-color-blue-500-fade-border);
|
|
2970
|
+
--salt-palette-accent-foreground-informative-disabled: var(--salt-color-blue-200-40a);
|
|
2971
|
+
--salt-palette-negative-foreground-disabled: var(--salt-color-red-200-40a);
|
|
2972
|
+
--salt-palette-negative-background-disabled: var(--salt-color-red-600-40a);
|
|
2973
|
+
--salt-palette-negative-border-disabled: var(--salt-color-red-500-40a);
|
|
2974
|
+
--salt-palette-positive-foreground-disabled: var(--salt-color-green-200-40a);
|
|
2975
|
+
--salt-palette-positive-background-disabled: var(--salt-color-green-600-40a);
|
|
2976
|
+
--salt-palette-positive-border-disabled: var(--salt-color-green-500-40a);
|
|
2977
|
+
--salt-palette-warning-border-disabled: var(--salt-color-orange-500-40a);
|
|
2978
|
+
--salt-palette-warning-foreground-informative-disabled: var(--salt-color-orange-400-40a);
|
|
2979
|
+
--salt-palette-warning-action-disabled: var(--salt-color-orange-600-40a);
|
|
2980
|
+
--salt-palette-warning-action-foreground-disabled: var(--salt-color-gray-900-40a);
|
|
2896
2981
|
}
|
|
2897
2982
|
|
|
2898
2983
|
/* css/theme.css */
|