@salt-ds/theme 0.0.0-snapshot-20251015094450 → 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.
Files changed (4) hide show
  1. package/css/theme-next.css +207 -167
  2. package/css/theme.css +115 -89
  3. package/index.css +115 -89
  4. package/package.json +1 -1
package/css/theme.css CHANGED
@@ -1158,14 +1158,12 @@
1158
1158
  --salt-palette-accent-disabled: var(--salt-color-blue-500-40a);
1159
1159
  --salt-palette-accent-foreground: var(--salt-color-white);
1160
1160
  --salt-palette-accent-foreground-informative: var(--salt-color-blue-600);
1161
- --salt-palette-accent-foreground-informative-disabled: var(--salt-color-blue-600-40a);
1162
1161
  }
1163
1162
  .salt-theme[data-mode=dark] {
1164
1163
  --salt-palette-accent: var(--salt-color-blue-500);
1165
1164
  --salt-palette-accent-disabled: var(--salt-color-blue-500-40a);
1166
1165
  --salt-palette-accent-foreground: var(--salt-color-white);
1167
1166
  --salt-palette-accent-foreground-informative: var(--salt-color-blue-200);
1168
- --salt-palette-accent-foreground-informative-disabled: var(--salt-color-blue-200-40a);
1169
1167
  }
1170
1168
 
1171
1169
  /* css/legacy/palette/alpha.css */
@@ -1401,7 +1399,6 @@
1401
1399
  --salt-palette-interact-outline: var(--salt-color-blue-600);
1402
1400
  --salt-palette-interact-cta-background: var(--salt-color-blue-600);
1403
1401
  --salt-palette-interact-cta-background-active: var(--salt-color-blue-700);
1404
- --salt-palette-interact-cta-background-disabled: var(--salt-color-blue-600-40a);
1405
1402
  --salt-palette-interact-cta-background-hover: var(--salt-color-blue-500);
1406
1403
  --salt-palette-interact-cta-foreground: var(--salt-color-white);
1407
1404
  --salt-palette-interact-cta-foreground-disabled: var(--salt-color-white-40a);
@@ -1409,7 +1406,6 @@
1409
1406
  --salt-palette-interact-cta-border-active: var(--salt-color-blue-700);
1410
1407
  --salt-palette-interact-primary-background: var(--salt-color-gray-60);
1411
1408
  --salt-palette-interact-primary-background-active: var(--salt-color-gray-200);
1412
- --salt-palette-interact-primary-background-disabled: var(--salt-color-gray-60-40a);
1413
1409
  --salt-palette-interact-primary-background-hover: var(--salt-color-gray-40);
1414
1410
  --salt-palette-interact-primary-foreground: var(--salt-color-gray-900);
1415
1411
  --salt-palette-interact-primary-foreground-active: var(--salt-color-white);
@@ -1440,7 +1436,6 @@
1440
1436
  --salt-palette-interact-outline: var(--salt-color-blue-100);
1441
1437
  --salt-palette-interact-cta-background: var(--salt-color-blue-600);
1442
1438
  --salt-palette-interact-cta-background-active: var(--salt-color-blue-700);
1443
- --salt-palette-interact-cta-background-disabled: var(--salt-color-blue-600-40a);
1444
1439
  --salt-palette-interact-cta-background-hover: var(--salt-color-blue-500);
1445
1440
  --salt-palette-interact-cta-foreground: var(--salt-color-white);
1446
1441
  --salt-palette-interact-cta-foreground-disabled: var(--salt-color-white-40a);
@@ -1448,7 +1443,6 @@
1448
1443
  --salt-palette-interact-cta-border-active: var(--salt-color-blue-700);
1449
1444
  --salt-palette-interact-primary-background: var(--salt-color-gray-300);
1450
1445
  --salt-palette-interact-primary-background-active: var(--salt-color-gray-70);
1451
- --salt-palette-interact-primary-background-disabled: var(--salt-color-gray-300-40a);
1452
1446
  --salt-palette-interact-primary-background-hover: var(--salt-color-gray-200);
1453
1447
  --salt-palette-interact-primary-foreground: var(--salt-color-white);
1454
1448
  --salt-palette-interact-primary-foreground-active: var(--salt-color-gray-900);
@@ -1477,23 +1471,17 @@
1477
1471
  /* css/legacy/palette/negative.css */
1478
1472
  .salt-theme[data-mode=light] {
1479
1473
  --salt-palette-negative-foreground: var(--salt-color-red-600);
1480
- --salt-palette-negative-foreground-disabled: var(--salt-color-red-600-40a);
1481
1474
  --salt-palette-negative-background: var(--salt-color-red-600);
1482
1475
  --salt-palette-negative-background-hover: var(--salt-color-red-500);
1483
1476
  --salt-palette-negative-background-active: var(--salt-color-red-700);
1484
- --salt-palette-negative-background-disabled: var(--salt-color-red-600-40a);
1485
1477
  --salt-palette-negative-border: var(--salt-color-red-500);
1486
- --salt-palette-negative-border-disabled: var(--salt-color-red-500-40a);
1487
1478
  }
1488
1479
  .salt-theme[data-mode=dark] {
1489
1480
  --salt-palette-negative-foreground: var(--salt-color-red-200);
1490
- --salt-palette-negative-foreground-disabled: var(--salt-color-red-200-40a);
1491
1481
  --salt-palette-negative-background: var(--salt-color-red-600);
1492
1482
  --salt-palette-negative-background-hover: var(--salt-color-red-500);
1493
1483
  --salt-palette-negative-background-active: var(--salt-color-red-700);
1494
- --salt-palette-negative-background-disabled: var(--salt-color-red-600-40a);
1495
1484
  --salt-palette-negative-border: var(--salt-color-red-500);
1496
- --salt-palette-negative-border-disabled: var(--salt-color-red-500-40a);
1497
1485
  }
1498
1486
 
1499
1487
  /* css/legacy/palette/neutral.css */
@@ -1529,23 +1517,17 @@
1529
1517
  /* css/legacy/palette/positive.css */
1530
1518
  .salt-theme[data-mode=light] {
1531
1519
  --salt-palette-positive-foreground: var(--salt-color-green-600);
1532
- --salt-palette-positive-foreground-disabled: var(--salt-color-green-600-40a);
1533
1520
  --salt-palette-positive-background: var(--salt-color-green-600);
1534
1521
  --salt-palette-positive-background-hover: var(--salt-color-green-500);
1535
1522
  --salt-palette-positive-background-active: var(--salt-color-green-700);
1536
- --salt-palette-positive-background-disabled: var(--salt-color-green-600-40a);
1537
1523
  --salt-palette-positive-border: var(--salt-color-green-500);
1538
- --salt-palette-positive-border-disabled: var(--salt-color-green-500-40a);
1539
1524
  }
1540
1525
  .salt-theme[data-mode=dark] {
1541
1526
  --salt-palette-positive-foreground: var(--salt-color-green-200);
1542
- --salt-palette-positive-foreground-disabled: var(--salt-color-green-200-40a);
1543
1527
  --salt-palette-positive-background: var(--salt-color-green-600);
1544
1528
  --salt-palette-positive-background-hover: var(--salt-color-green-500);
1545
1529
  --salt-palette-positive-background-active: var(--salt-color-green-700);
1546
- --salt-palette-positive-background-disabled: var(--salt-color-green-600-40a);
1547
1530
  --salt-palette-positive-border: var(--salt-color-green-500);
1548
- --salt-palette-positive-border-disabled: var(--salt-color-green-500-40a);
1549
1531
  }
1550
1532
 
1551
1533
  /* css/legacy/palette/shadow.css */
@@ -1611,32 +1593,24 @@
1611
1593
  --salt-palette-warning-bold-background: var(--salt-color-orange-800);
1612
1594
  --salt-palette-warning-background-selected: var(--salt-color-orange-30);
1613
1595
  --salt-palette-warning-border: var(--salt-color-orange-700);
1614
- --salt-palette-warning-border-disabled: var(--salt-color-orange-700-40a);
1615
1596
  --salt-palette-warning-foreground-decorative: var(--salt-color-orange-700);
1616
1597
  --salt-palette-warning-foreground-informative: var(--salt-color-orange-850);
1617
- --salt-palette-warning-foreground-informative-disabled: var(--salt-color-orange-850-40a);
1618
1598
  --salt-palette-warning-action: var(--salt-color-orange-600);
1619
1599
  --salt-palette-warning-action-hover: var(--salt-color-orange-500);
1620
1600
  --salt-palette-warning-action-active: var(--salt-color-orange-800);
1621
- --salt-palette-warning-action-disabled: var(--salt-color-orange-600-40a);
1622
1601
  --salt-palette-warning-action-foreground: var(--salt-color-gray-900);
1623
- --salt-palette-warning-action-foreground-disabled: var(--salt-color-gray-900-40a);
1624
1602
  }
1625
1603
  .salt-theme[data-mode=dark] {
1626
1604
  --salt-palette-warning-background: var(--salt-color-orange-900);
1627
1605
  --salt-palette-warning-bold-background: var(--salt-color-orange-800);
1628
1606
  --salt-palette-warning-background-selected: var(--salt-color-orange-875);
1629
1607
  --salt-palette-warning-border: var(--salt-color-orange-500);
1630
- --salt-palette-warning-border-disabled: var(--salt-color-orange-500-40a);
1631
1608
  --salt-palette-warning-foreground-decorative: var(--salt-color-orange-500);
1632
1609
  --salt-palette-warning-foreground-informative: var(--salt-color-orange-400);
1633
- --salt-palette-warning-foreground-informative-disabled: var(--salt-color-orange-400-40a);
1634
1610
  --salt-palette-warning-action: var(--salt-color-orange-600);
1635
1611
  --salt-palette-warning-action-hover: var(--salt-color-orange-500);
1636
1612
  --salt-palette-warning-action-active: var(--salt-color-orange-800);
1637
- --salt-palette-warning-action-disabled: var(--salt-color-orange-600-40a);
1638
1613
  --salt-palette-warning-action-foreground: var(--salt-color-gray-900);
1639
- --salt-palette-warning-action-foreground-disabled: var(--salt-color-gray-900-40a);
1640
1614
  }
1641
1615
 
1642
1616
  /* css/legacy/characteristics/accent.css */
@@ -1651,183 +1625,153 @@
1651
1625
  /* css/legacy/characteristics/actionable.css */
1652
1626
  .salt-theme {
1653
1627
  --salt-actionable-accented-bold-background-active: var(--salt-palette-interact-cta-background-active);
1654
- --salt-actionable-accented-bold-background-disabled: var(--salt-palette-interact-cta-background-disabled);
1655
1628
  --salt-actionable-accented-bold-background-hover: var(--salt-palette-interact-cta-background-hover);
1656
1629
  --salt-actionable-accented-bold-background: var(--salt-palette-interact-cta-background);
1657
1630
  --salt-actionable-accented-bold-borderColor-active: var(--salt-palette-alpha-none);
1658
- --salt-actionable-accented-bold-borderColor-disabled: var(--salt-palette-alpha-none);
1659
1631
  --salt-actionable-accented-bold-borderColor-hover: var(--salt-palette-alpha-none);
1660
1632
  --salt-actionable-accented-bold-borderColor: var(--salt-palette-alpha-none);
1661
1633
  --salt-actionable-accented-bold-foreground-active: var(--salt-palette-interact-cta-foreground);
1662
- --salt-actionable-accented-bold-foreground-disabled: var(--salt-palette-interact-cta-foreground-disabled);
1663
1634
  --salt-actionable-accented-bold-foreground-hover: var(--salt-palette-interact-cta-foreground);
1664
1635
  --salt-actionable-accented-bold-foreground: var(--salt-palette-interact-cta-foreground);
1665
- --salt-actionable-bold-background-active: var(--salt-palette-interact-primary-background-active);
1666
- --salt-actionable-bold-background-disabled: var(--salt-palette-interact-primary-background-disabled);
1667
- --salt-actionable-bold-background-hover: var(--salt-palette-interact-primary-background-hover);
1668
- --salt-actionable-bold-background: var(--salt-palette-interact-primary-background);
1669
- --salt-actionable-bold-borderColor-active: var(--salt-palette-alpha-none);
1670
- --salt-actionable-bold-borderColor-disabled: var(--salt-palette-alpha-none);
1671
- --salt-actionable-bold-borderColor-hover: var(--salt-palette-alpha-none);
1672
- --salt-actionable-bold-borderColor: var(--salt-palette-alpha-none);
1673
- --salt-actionable-bold-foreground-active: var(--salt-palette-interact-primary-foreground-active);
1674
- --salt-actionable-bold-foreground-disabled: var(--salt-palette-neutral-primary-foreground-disabled);
1675
- --salt-actionable-bold-foreground-hover: var(--salt-palette-neutral-primary-foreground);
1676
- --salt-actionable-bold-foreground: var(--salt-palette-neutral-primary-foreground);
1677
1636
  --salt-actionable-accented-background-active: var(--salt-palette-interact-cta-background-active);
1678
- --salt-actionable-accented-background-disabled: var(--salt-palette-alpha-none);
1679
1637
  --salt-actionable-accented-background-hover: var(--salt-palette-interact-cta-background-hover);
1680
1638
  --salt-actionable-accented-background: var(--salt-palette-alpha-none);
1681
1639
  --salt-actionable-accented-borderColor-active: var(--salt-palette-interact-cta-border-active);
1682
- --salt-actionable-accented-borderColor-disabled: var(--salt-palette-accent-disabled);
1683
1640
  --salt-actionable-accented-borderColor-hover: var(--salt-palette-interact-cta-border-hover);
1684
1641
  --salt-actionable-accented-borderColor: var(--salt-palette-accent);
1685
1642
  --salt-actionable-accented-foreground-active: var(--salt-palette-interact-cta-foreground);
1686
- --salt-actionable-accented-foreground-disabled: var(--salt-palette-accent-foreground-informative-disabled);
1687
1643
  --salt-actionable-accented-foreground-hover: var(--salt-palette-interact-cta-foreground);
1688
1644
  --salt-actionable-accented-foreground: var(--salt-palette-accent-foreground-informative);
1689
- --salt-actionable-background-active: var(--salt-palette-interact-primary-background-active);
1690
- --salt-actionable-background-disabled: var(--salt-palette-alpha-none);
1691
- --salt-actionable-background-hover: var(--salt-palette-interact-primary-background-hover);
1692
- --salt-actionable-background: var(--salt-palette-alpha-none);
1693
- --salt-actionable-borderColor-active: var(--salt-palette-alpha-none);
1694
- --salt-actionable-borderColor-disabled: var(--salt-palette-interact-border-disabled);
1695
- --salt-actionable-borderColor-hover: var(--salt-palette-alpha-none);
1696
- --salt-actionable-borderColor: var(--salt-palette-interact-border);
1697
- --salt-actionable-foreground-active: var(--salt-palette-interact-primary-foreground-active);
1698
- --salt-actionable-foreground-disabled: var(--salt-palette-neutral-primary-foreground-disabled);
1699
- --salt-actionable-foreground-hover: var(--salt-palette-neutral-primary-foreground);
1700
- --salt-actionable-foreground: var(--salt-palette-neutral-primary-foreground);
1645
+ --salt-actionable-accented-background-selected: var(--salt-palette-interact-cta-background-active);
1646
+ --salt-actionable-accented-borderColor-selected: var(--salt-palette-alpha-none);
1647
+ --salt-actionable-accented-foreground-selected: var(--salt-palette-interact-cta-foreground);
1701
1648
  --salt-actionable-accented-subtle-background-active: var(--salt-palette-interact-cta-background-active);
1702
- --salt-actionable-accented-subtle-background-disabled: var(--salt-palette-alpha-none);
1703
1649
  --salt-actionable-accented-subtle-background-hover: var(--salt-palette-interact-cta-background-hover);
1704
1650
  --salt-actionable-accented-subtle-background: var(--salt-palette-alpha-none);
1705
1651
  --salt-actionable-accented-subtle-borderColor-active: var(--salt-palette-alpha-none);
1706
- --salt-actionable-accented-subtle-borderColor-disabled: var(--salt-palette-alpha-none);
1707
1652
  --salt-actionable-accented-subtle-borderColor-hover: var(--salt-palette-alpha-none);
1708
1653
  --salt-actionable-accented-subtle-borderColor: var(--salt-palette-alpha-none);
1709
1654
  --salt-actionable-accented-subtle-foreground-active: var(--salt-palette-interact-cta-foreground);
1710
- --salt-actionable-accented-subtle-foreground-disabled: var(--salt-palette-accent-foreground-informative-disabled);
1711
1655
  --salt-actionable-accented-subtle-foreground-hover: var(--salt-palette-interact-cta-foreground);
1712
1656
  --salt-actionable-accented-subtle-foreground: var(--salt-palette-accent-foreground-informative);
1657
+ --salt-actionable-bold-background-active: var(--salt-palette-interact-primary-background-active);
1658
+ --salt-actionable-bold-background-hover: var(--salt-palette-interact-primary-background-hover);
1659
+ --salt-actionable-bold-background: var(--salt-palette-interact-primary-background);
1660
+ --salt-actionable-bold-borderColor-active: var(--salt-palette-alpha-none);
1661
+ --salt-actionable-bold-borderColor-hover: var(--salt-palette-alpha-none);
1662
+ --salt-actionable-bold-borderColor: var(--salt-palette-alpha-none);
1663
+ --salt-actionable-bold-foreground-active: var(--salt-palette-interact-primary-foreground-active);
1664
+ --salt-actionable-bold-foreground-hover: var(--salt-palette-neutral-primary-foreground);
1665
+ --salt-actionable-bold-foreground: var(--salt-palette-neutral-primary-foreground);
1666
+ --salt-actionable-background-active: var(--salt-palette-interact-primary-background-active);
1667
+ --salt-actionable-background-hover: var(--salt-palette-interact-primary-background-hover);
1668
+ --salt-actionable-background: var(--salt-palette-alpha-none);
1669
+ --salt-actionable-borderColor-active: var(--salt-palette-alpha-none);
1670
+ --salt-actionable-borderColor-hover: var(--salt-palette-alpha-none);
1671
+ --salt-actionable-borderColor: var(--salt-palette-interact-border);
1672
+ --salt-actionable-foreground-active: var(--salt-palette-interact-primary-foreground-active);
1673
+ --salt-actionable-foreground-hover: var(--salt-palette-neutral-primary-foreground);
1674
+ --salt-actionable-foreground: var(--salt-palette-neutral-primary-foreground);
1675
+ --salt-actionable-background-selected: var(--salt-palette-interact-primary-background-active);
1676
+ --salt-actionable-borderColor-selected: var(--salt-palette-alpha-none);
1677
+ --salt-actionable-foreground-selected: var(--salt-palette-interact-primary-foreground-active);
1713
1678
  --salt-actionable-subtle-background-active: var(--salt-palette-interact-primary-background-active);
1714
- --salt-actionable-subtle-background-disabled: var(--salt-palette-alpha-none);
1715
1679
  --salt-actionable-subtle-background-hover: var(--salt-palette-interact-primary-background-hover);
1716
1680
  --salt-actionable-subtle-background: var(--salt-palette-alpha-none);
1717
1681
  --salt-actionable-subtle-borderColor-active: var(--salt-palette-alpha-none);
1718
- --salt-actionable-subtle-borderColor-disabled: var(--salt-palette-alpha-none);
1719
1682
  --salt-actionable-subtle-borderColor-hover: var(--salt-palette-alpha-none);
1720
1683
  --salt-actionable-subtle-borderColor: var(--salt-palette-alpha-none);
1721
1684
  --salt-actionable-subtle-foreground-active: var(--salt-palette-interact-primary-foreground-active);
1722
- --salt-actionable-subtle-foreground-disabled: var(--salt-palette-neutral-primary-foreground-disabled);
1723
1685
  --salt-actionable-subtle-foreground-hover: var(--salt-palette-neutral-primary-foreground);
1724
1686
  --salt-actionable-subtle-foreground: var(--salt-palette-neutral-primary-foreground);
1725
1687
  --salt-actionable-negative-bold-background-active: var(--salt-palette-negative-background-active);
1726
- --salt-actionable-negative-bold-background-disabled: var(--salt-palette-negative-background-disabled);
1727
1688
  --salt-actionable-negative-bold-background-hover: var(--salt-palette-negative-background-hover);
1728
1689
  --salt-actionable-negative-bold-background: var(--salt-palette-negative-background);
1729
1690
  --salt-actionable-negative-bold-borderColor-active: var(--salt-palette-alpha-none);
1730
- --salt-actionable-negative-bold-borderColor-disabled: var(--salt-palette-alpha-none);
1731
1691
  --salt-actionable-negative-bold-borderColor-hover: var(--salt-palette-alpha-none);
1732
1692
  --salt-actionable-negative-bold-borderColor: var(--salt-palette-alpha-none);
1733
1693
  --salt-actionable-negative-bold-foreground-active: var(--salt-palette-interact-cta-foreground);
1734
- --salt-actionable-negative-bold-foreground-disabled: var(--salt-palette-interact-cta-foreground-disabled);
1735
1694
  --salt-actionable-negative-bold-foreground-hover: var(--salt-palette-interact-cta-foreground);
1736
1695
  --salt-actionable-negative-bold-foreground: var(--salt-palette-interact-cta-foreground);
1737
1696
  --salt-actionable-negative-background-active: var(--salt-palette-negative-background-active);
1738
- --salt-actionable-negative-background-disabled: var(--salt-palette-alpha-none);
1739
1697
  --salt-actionable-negative-background-hover: var(--salt-palette-negative-background-hover);
1740
1698
  --salt-actionable-negative-background: var(--salt-palette-alpha-none);
1741
1699
  --salt-actionable-negative-borderColor-active: var(--salt-palette-alpha-none);
1742
- --salt-actionable-negative-borderColor-disabled: var(--salt-palette-negative-border-disabled);
1743
1700
  --salt-actionable-negative-borderColor-hover: var(--salt-palette-alpha-none);
1744
1701
  --salt-actionable-negative-borderColor: var(--salt-palette-negative-border);
1745
1702
  --salt-actionable-negative-foreground-active: var(--salt-palette-interact-cta-foreground);
1746
- --salt-actionable-negative-foreground-disabled: var(--salt-palette-negative-foreground-disabled);
1747
1703
  --salt-actionable-negative-foreground-hover: var(--salt-palette-interact-cta-foreground);
1748
1704
  --salt-actionable-negative-foreground: var(--salt-palette-negative-foreground);
1705
+ --salt-actionable-negative-background-selected: var(--salt-palette-negative-background-active);
1706
+ --salt-actionable-negative-borderColor-selected: var(--salt-palette-alpha-none);
1707
+ --salt-actionable-negative-foreground-selected: var(--salt-palette-interact-cta-foreground);
1749
1708
  --salt-actionable-negative-subtle-background-active: var(--salt-palette-negative-background-active);
1750
- --salt-actionable-negative-subtle-background-disabled: var(--salt-palette-alpha-none);
1751
1709
  --salt-actionable-negative-subtle-background-hover: var(--salt-palette-negative-background-hover);
1752
1710
  --salt-actionable-negative-subtle-background: var(--salt-palette-alpha-none);
1753
1711
  --salt-actionable-negative-subtle-borderColor-active: var(--salt-palette-alpha-none);
1754
- --salt-actionable-negative-subtle-borderColor-disabled: var(--salt-palette-alpha-none);
1755
1712
  --salt-actionable-negative-subtle-borderColor-hover: var(--salt-palette-alpha-none);
1756
1713
  --salt-actionable-negative-subtle-borderColor: var(--salt-palette-alpha-none);
1757
1714
  --salt-actionable-negative-subtle-foreground-active: var(--salt-palette-interact-cta-foreground);
1758
- --salt-actionable-negative-subtle-foreground-disabled: var(--salt-palette-negative-foreground-disabled);
1759
1715
  --salt-actionable-negative-subtle-foreground-hover: var(--salt-palette-interact-cta-foreground);
1760
1716
  --salt-actionable-negative-subtle-foreground: var(--salt-palette-negative-foreground);
1761
1717
  --salt-actionable-positive-bold-background-active: var(--salt-palette-positive-background-active);
1762
- --salt-actionable-positive-bold-background-disabled: var(--salt-palette-positive-background-disabled);
1763
1718
  --salt-actionable-positive-bold-background-hover: var(--salt-palette-positive-background-hover);
1764
1719
  --salt-actionable-positive-bold-background: var(--salt-palette-positive-background);
1765
1720
  --salt-actionable-positive-bold-borderColor-active: var(--salt-palette-alpha-none);
1766
- --salt-actionable-positive-bold-borderColor-disabled: var(--salt-palette-alpha-none);
1767
1721
  --salt-actionable-positive-bold-borderColor-hover: var(--salt-palette-alpha-none);
1768
1722
  --salt-actionable-positive-bold-borderColor: var(--salt-palette-alpha-none);
1769
1723
  --salt-actionable-positive-bold-foreground-active: var(--salt-palette-interact-cta-foreground);
1770
- --salt-actionable-positive-bold-foreground-disabled: var(--salt-palette-interact-cta-foreground-disabled);
1771
1724
  --salt-actionable-positive-bold-foreground-hover: var(--salt-palette-interact-cta-foreground);
1772
1725
  --salt-actionable-positive-bold-foreground: var(--salt-palette-interact-cta-foreground);
1773
1726
  --salt-actionable-positive-background-active: var(--salt-palette-positive-background-active);
1774
- --salt-actionable-positive-background-disabled: var(--salt-palette-alpha-none);
1775
1727
  --salt-actionable-positive-background-hover: var(--salt-palette-positive-background-hover);
1776
1728
  --salt-actionable-positive-background: var(--salt-palette-alpha-none);
1777
1729
  --salt-actionable-positive-borderColor-active: var(--salt-palette-alpha-none);
1778
- --salt-actionable-positive-borderColor-disabled: var(--salt-palette-positive-border-disabled);
1779
1730
  --salt-actionable-positive-borderColor-hover: var(--salt-palette-alpha-none);
1780
1731
  --salt-actionable-positive-borderColor: var(--salt-palette-positive-border);
1781
1732
  --salt-actionable-positive-foreground-active: var(--salt-palette-interact-cta-foreground);
1782
- --salt-actionable-positive-foreground-disabled: var(--salt-palette-positive-foreground-disabled);
1783
1733
  --salt-actionable-positive-foreground-hover: var(--salt-palette-interact-cta-foreground);
1784
1734
  --salt-actionable-positive-foreground: var(--salt-palette-positive-foreground);
1735
+ --salt-actionable-positive-background-selected: var(--salt-palette-positive-background-active);
1736
+ --salt-actionable-positive-borderColor-selected: var(--salt-palette-alpha-none);
1737
+ --salt-actionable-positive-foreground-selected: var(--salt-palette-interact-cta-foreground);
1785
1738
  --salt-actionable-positive-subtle-background-active: var(--salt-palette-positive-background-active);
1786
- --salt-actionable-positive-subtle-background-disabled: var(--salt-palette-alpha-none);
1787
1739
  --salt-actionable-positive-subtle-background-hover: var(--salt-palette-positive-background-hover);
1788
1740
  --salt-actionable-positive-subtle-background: var(--salt-palette-alpha-none);
1789
1741
  --salt-actionable-positive-subtle-borderColor-active: var(--salt-palette-alpha-none);
1790
- --salt-actionable-positive-subtle-borderColor-disabled: var(--salt-palette-alpha-none);
1791
1742
  --salt-actionable-positive-subtle-borderColor-hover: var(--salt-palette-alpha-none);
1792
1743
  --salt-actionable-positive-subtle-borderColor: var(--salt-palette-alpha-none);
1793
1744
  --salt-actionable-positive-subtle-foreground-active: var(--salt-palette-interact-cta-foreground);
1794
- --salt-actionable-positive-subtle-foreground-disabled: var(--salt-palette-positive-foreground-disabled);
1795
1745
  --salt-actionable-positive-subtle-foreground-hover: var(--salt-palette-interact-cta-foreground);
1796
1746
  --salt-actionable-positive-subtle-foreground: var(--salt-palette-positive-foreground);
1797
1747
  --salt-actionable-caution-bold-background-active: var(--salt-palette-warning-action-active);
1798
- --salt-actionable-caution-bold-background-disabled: var(--salt-palette-warning-action-disabled);
1799
1748
  --salt-actionable-caution-bold-background-hover: var(--salt-palette-warning-action-hover);
1800
1749
  --salt-actionable-caution-bold-background: var(--salt-palette-warning-action);
1801
1750
  --salt-actionable-caution-bold-borderColor-active: var(--salt-palette-alpha-none);
1802
- --salt-actionable-caution-bold-borderColor-disabled: var(--salt-palette-alpha-none);
1803
1751
  --salt-actionable-caution-bold-borderColor-hover: var(--salt-palette-alpha-none);
1804
1752
  --salt-actionable-caution-bold-borderColor: var(--salt-palette-alpha-none);
1805
1753
  --salt-actionable-caution-bold-foreground-active: var(--salt-palette-interact-cta-foreground);
1806
- --salt-actionable-caution-bold-foreground-disabled: var(--salt-palette-warning-action-foreground-disabled);
1807
1754
  --salt-actionable-caution-bold-foreground-hover: var(--salt-palette-warning-action-foreground);
1808
1755
  --salt-actionable-caution-bold-foreground: var(--salt-palette-warning-action-foreground);
1809
1756
  --salt-actionable-caution-background-active: var(--salt-palette-warning-action-active);
1810
- --salt-actionable-caution-background-disabled: var(--salt-palette-alpha-none);
1811
1757
  --salt-actionable-caution-background-hover: var(--salt-palette-warning-action-hover);
1812
1758
  --salt-actionable-caution-background: var(--salt-palette-alpha-none);
1813
1759
  --salt-actionable-caution-borderColor-active: var(--salt-palette-alpha-none);
1814
- --salt-actionable-caution-borderColor-disabled: var(--salt-palette-warning-border-disabled);
1815
1760
  --salt-actionable-caution-borderColor-hover: var(--salt-palette-alpha-none);
1816
1761
  --salt-actionable-caution-borderColor: var(--salt-palette-warning-border);
1817
1762
  --salt-actionable-caution-foreground-active: var(--salt-palette-interact-cta-foreground);
1818
- --salt-actionable-caution-foreground-disabled: var(--salt-palette-warning-foreground-informative-disabled);
1819
1763
  --salt-actionable-caution-foreground-hover: var(--salt-palette-warning-action-foreground);
1820
1764
  --salt-actionable-caution-foreground: var(--salt-palette-warning-foreground-informative);
1765
+ --salt-actionable-caution-background-selected: var(--salt-palette-warning-action-active);
1766
+ --salt-actionable-caution-borderColor-selected: var(--salt-palette-alpha-none);
1767
+ --salt-actionable-caution-foreground-selected: var(--salt-palette-interact-cta-foreground);
1821
1768
  --salt-actionable-caution-subtle-background-active: var(--salt-palette-warning-action-active);
1822
- --salt-actionable-caution-subtle-background-disabled: var(--salt-palette-alpha-none);
1823
1769
  --salt-actionable-caution-subtle-background-hover: var(--salt-palette-warning-action-hover);
1824
1770
  --salt-actionable-caution-subtle-background: var(--salt-palette-alpha-none);
1825
1771
  --salt-actionable-caution-subtle-borderColor-active: var(--salt-palette-alpha-none);
1826
- --salt-actionable-caution-subtle-borderColor-disabled: var(--salt-palette-alpha-none);
1827
1772
  --salt-actionable-caution-subtle-borderColor-hover: var(--salt-palette-alpha-none);
1828
1773
  --salt-actionable-caution-subtle-borderColor: var(--salt-palette-alpha-none);
1829
1774
  --salt-actionable-caution-subtle-foreground-active: var(--salt-palette-interact-cta-foreground);
1830
- --salt-actionable-caution-subtle-foreground-disabled: var(--salt-palette-warning-foreground-informative-disabled);
1831
1775
  --salt-actionable-caution-subtle-foreground-hover: var(--salt-palette-warning-action-foreground);
1832
1776
  --salt-actionable-caution-subtle-foreground: var(--salt-palette-warning-foreground-informative);
1833
1777
  }
@@ -1999,6 +1943,17 @@
1999
1943
  --salt-focused-outline: var(--salt-focused-outlineWidth) var(--salt-focused-outlineStyle) var(--salt-focused-outlineColor);
2000
1944
  }
2001
1945
 
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
+
2002
1957
  /* css/legacy/characteristics/navigable.css */
2003
1958
  .salt-theme {
2004
1959
  --salt-navigable-indicator-hover: var(--salt-palette-navigate-indicator-hover);
@@ -2651,6 +2606,51 @@
2651
2606
  --salt-actionable-secondary-foreground-disabled: var(--salt-actionable-subtle-foreground-disabled);
2652
2607
  --salt-actionable-secondary-foreground-hover: var(--salt-actionable-subtle-foreground-hover);
2653
2608
  --salt-actionable-secondary-foreground: var(--salt-actionable-subtle-foreground);
2609
+ --salt-actionable-accented-bold-background-disabled: var(--salt-palette-interact-cta-background-disabled);
2610
+ --salt-actionable-accented-bold-borderColor-disabled: var(--salt-palette-alpha-none);
2611
+ --salt-actionable-accented-bold-foreground-disabled: var(--salt-palette-interact-cta-foreground-disabled);
2612
+ --salt-actionable-bold-background-disabled: var(--salt-palette-interact-primary-background-disabled);
2613
+ --salt-actionable-bold-borderColor-disabled: var(--salt-palette-alpha-none);
2614
+ --salt-actionable-bold-foreground-disabled: var(--salt-palette-neutral-primary-foreground-disabled);
2615
+ --salt-actionable-accented-background-disabled: var(--salt-palette-alpha-none);
2616
+ --salt-actionable-accented-borderColor-disabled: var(--salt-palette-accent-disabled);
2617
+ --salt-actionable-accented-foreground-disabled: var(--salt-palette-accent-foreground-informative-disabled);
2618
+ --salt-actionable-background-disabled: var(--salt-palette-alpha-none);
2619
+ --salt-actionable-borderColor-disabled: var(--salt-palette-interact-border-disabled);
2620
+ --salt-actionable-foreground-disabled: var(--salt-palette-neutral-primary-foreground-disabled);
2621
+ --salt-actionable-accented-subtle-background-disabled: var(--salt-palette-alpha-none);
2622
+ --salt-actionable-accented-subtle-borderColor-disabled: var(--salt-palette-alpha-none);
2623
+ --salt-actionable-accented-subtle-foreground-disabled: var(--salt-palette-accent-foreground-informative-disabled);
2624
+ --salt-actionable-subtle-background-disabled: var(--salt-palette-alpha-none);
2625
+ --salt-actionable-subtle-borderColor-disabled: var(--salt-palette-alpha-none);
2626
+ --salt-actionable-subtle-foreground-disabled: var(--salt-palette-neutral-primary-foreground-disabled);
2627
+ --salt-actionable-negative-bold-background-disabled: var(--salt-palette-negative-background-disabled);
2628
+ --salt-actionable-negative-bold-borderColor-disabled: var(--salt-palette-alpha-none);
2629
+ --salt-actionable-negative-bold-foreground-disabled: var(--salt-palette-interact-cta-foreground-disabled);
2630
+ --salt-actionable-negative-background-disabled: var(--salt-palette-alpha-none);
2631
+ --salt-actionable-negative-borderColor-disabled: var(--salt-palette-negative-border-disabled);
2632
+ --salt-actionable-negative-foreground-disabled: var(--salt-palette-negative-foreground-disabled);
2633
+ --salt-actionable-negative-subtle-background-disabled: var(--salt-palette-alpha-none);
2634
+ --salt-actionable-negative-subtle-borderColor-disabled: var(--salt-palette-alpha-none);
2635
+ --salt-actionable-negative-subtle-foreground-disabled: var(--salt-palette-negative-foreground-disabled);
2636
+ --salt-actionable-positive-bold-background-disabled: var(--salt-palette-positive-background-disabled);
2637
+ --salt-actionable-positive-bold-borderColor-disabled: var(--salt-palette-alpha-none);
2638
+ --salt-actionable-positive-bold-foreground-disabled: var(--salt-palette-interact-cta-foreground-disabled);
2639
+ --salt-actionable-positive-background-disabled: var(--salt-palette-alpha-none);
2640
+ --salt-actionable-positive-borderColor-disabled: var(--salt-palette-positive-border-disabled);
2641
+ --salt-actionable-positive-foreground-disabled: var(--salt-palette-positive-foreground-disabled);
2642
+ --salt-actionable-positive-subtle-background-disabled: var(--salt-palette-alpha-none);
2643
+ --salt-actionable-positive-subtle-borderColor-disabled: var(--salt-palette-alpha-none);
2644
+ --salt-actionable-positive-subtle-foreground-disabled: var(--salt-palette-positive-foreground-disabled);
2645
+ --salt-actionable-caution-bold-background-disabled: var(--salt-palette-warning-action-disabled);
2646
+ --salt-actionable-caution-bold-borderColor-disabled: var(--salt-palette-alpha-none);
2647
+ --salt-actionable-caution-bold-foreground-disabled: var(--salt-palette-warning-action-foreground-disabled);
2648
+ --salt-actionable-caution-background-disabled: var(--salt-palette-alpha-none);
2649
+ --salt-actionable-caution-borderColor-disabled: var(--salt-palette-warning-border-disabled);
2650
+ --salt-actionable-caution-foreground-disabled: var(--salt-palette-warning-foreground-informative-disabled);
2651
+ --salt-actionable-caution-subtle-background-disabled: var(--salt-palette-alpha-none);
2652
+ --salt-actionable-caution-subtle-borderColor-disabled: var(--salt-palette-alpha-none);
2653
+ --salt-actionable-caution-subtle-foreground-disabled: var(--salt-palette-warning-foreground-informative-disabled);
2654
2654
  }
2655
2655
 
2656
2656
  /* css/legacy/deprecated/fade.css */
@@ -2778,6 +2778,8 @@
2778
2778
  --salt-palette-interact-secondary-background-disabled: transparent;
2779
2779
  --salt-palette-interact-cta-foreground-active: var(--salt-color-white);
2780
2780
  --salt-palette-interact-cta-foreground-hover: var(--salt-color-white);
2781
+ --salt-palette-interact-cta-background-disabled: var(--salt-color-blue-600-40a);
2782
+ --salt-palette-interact-primary-background-disabled: var(--salt-color-gray-60-40a);
2781
2783
  --salt-palette-measured-fill: var(--salt-color-blue-500);
2782
2784
  --salt-palette-measured-fill-disabled: var(--salt-color-blue-500-fade-fill);
2783
2785
  --salt-palette-measured-foreground: var(--salt-color-gray-90);
@@ -2836,6 +2838,17 @@
2836
2838
  --salt-palette-accent-border: var(--salt-color-blue-500);
2837
2839
  --salt-palette-accent-background-disabled: var(--salt-color-blue-500-fade-background);
2838
2840
  --salt-palette-accent-border-disabled: var(--salt-color-blue-500-fade-border);
2841
+ --salt-palette-accent-foreground-informative-disabled: var(--salt-color-blue-600-40a);
2842
+ --salt-palette-negative-foreground-disabled: var(--salt-color-red-600-40a);
2843
+ --salt-palette-negative-background-disabled: var(--salt-color-red-600-40a);
2844
+ --salt-palette-negative-border-disabled: var(--salt-color-red-500-40a);
2845
+ --salt-palette-positive-foreground-disabled: var(--salt-color-green-600-40a);
2846
+ --salt-palette-positive-background-disabled: var(--salt-color-green-600-40a);
2847
+ --salt-palette-positive-border-disabled: var(--salt-color-green-500-40a);
2848
+ --salt-palette-warning-border-disabled: var(--salt-color-orange-700-40a);
2849
+ --salt-palette-warning-foreground-informative-disabled: var(--salt-color-orange-850-40a);
2850
+ --salt-palette-warning-action-disabled: var(--salt-color-orange-600-40a);
2851
+ --salt-palette-warning-action-foreground-disabled: var(--salt-color-gray-900-40a);
2839
2852
  }
2840
2853
  .salt-theme[data-mode=dark] {
2841
2854
  --salt-palette-interact-foreground-partial: var(--salt-color-blue-100);
@@ -2854,6 +2867,8 @@
2854
2867
  --salt-palette-interact-secondary-background-disabled: transparent;
2855
2868
  --salt-palette-interact-cta-foreground-active: var(--salt-color-white);
2856
2869
  --salt-palette-interact-cta-foreground-hover: var(--salt-color-white);
2870
+ --salt-palette-interact-cta-background-disabled: var(--salt-color-blue-600-40a);
2871
+ --salt-palette-interact-primary-background-disabled: var(--salt-color-gray-300-40a);
2857
2872
  --salt-palette-measured-fill: var(--salt-color-blue-300);
2858
2873
  --salt-palette-measured-fill-disabled: var(--salt-color-blue-300-fade-fill);
2859
2874
  --salt-palette-measured-foreground: var(--salt-color-gray-90);
@@ -2912,6 +2927,17 @@
2912
2927
  --salt-palette-accent-border: var(--salt-color-blue-500);
2913
2928
  --salt-palette-accent-background-disabled: var(--salt-color-blue-500-fade-background);
2914
2929
  --salt-palette-accent-border-disabled: var(--salt-color-blue-500-fade-border);
2930
+ --salt-palette-accent-foreground-informative-disabled: var(--salt-color-blue-200-40a);
2931
+ --salt-palette-negative-foreground-disabled: var(--salt-color-red-200-40a);
2932
+ --salt-palette-negative-background-disabled: var(--salt-color-red-600-40a);
2933
+ --salt-palette-negative-border-disabled: var(--salt-color-red-500-40a);
2934
+ --salt-palette-positive-foreground-disabled: var(--salt-color-green-200-40a);
2935
+ --salt-palette-positive-background-disabled: var(--salt-color-green-600-40a);
2936
+ --salt-palette-positive-border-disabled: var(--salt-color-green-500-40a);
2937
+ --salt-palette-warning-border-disabled: var(--salt-color-orange-500-40a);
2938
+ --salt-palette-warning-foreground-informative-disabled: var(--salt-color-orange-400-40a);
2939
+ --salt-palette-warning-action-disabled: var(--salt-color-orange-600-40a);
2940
+ --salt-palette-warning-action-foreground-disabled: var(--salt-color-gray-900-40a);
2915
2941
  }
2916
2942
 
2917
2943
  /* css/theme.css */