@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/index.css CHANGED
@@ -1198,14 +1198,12 @@
1198
1198
  --salt-palette-accent-disabled: var(--salt-color-blue-500-40a);
1199
1199
  --salt-palette-accent-foreground: var(--salt-color-white);
1200
1200
  --salt-palette-accent-foreground-informative: var(--salt-color-blue-600);
1201
- --salt-palette-accent-foreground-informative-disabled: var(--salt-color-blue-600-40a);
1202
1201
  }
1203
1202
  .salt-theme[data-mode=dark] {
1204
1203
  --salt-palette-accent: var(--salt-color-blue-500);
1205
1204
  --salt-palette-accent-disabled: var(--salt-color-blue-500-40a);
1206
1205
  --salt-palette-accent-foreground: var(--salt-color-white);
1207
1206
  --salt-palette-accent-foreground-informative: var(--salt-color-blue-200);
1208
- --salt-palette-accent-foreground-informative-disabled: var(--salt-color-blue-200-40a);
1209
1207
  }
1210
1208
 
1211
1209
  /* css/legacy/palette/alpha.css */
@@ -1441,7 +1439,6 @@
1441
1439
  --salt-palette-interact-outline: var(--salt-color-blue-600);
1442
1440
  --salt-palette-interact-cta-background: var(--salt-color-blue-600);
1443
1441
  --salt-palette-interact-cta-background-active: var(--salt-color-blue-700);
1444
- --salt-palette-interact-cta-background-disabled: var(--salt-color-blue-600-40a);
1445
1442
  --salt-palette-interact-cta-background-hover: var(--salt-color-blue-500);
1446
1443
  --salt-palette-interact-cta-foreground: var(--salt-color-white);
1447
1444
  --salt-palette-interact-cta-foreground-disabled: var(--salt-color-white-40a);
@@ -1449,7 +1446,6 @@
1449
1446
  --salt-palette-interact-cta-border-active: var(--salt-color-blue-700);
1450
1447
  --salt-palette-interact-primary-background: var(--salt-color-gray-60);
1451
1448
  --salt-palette-interact-primary-background-active: var(--salt-color-gray-200);
1452
- --salt-palette-interact-primary-background-disabled: var(--salt-color-gray-60-40a);
1453
1449
  --salt-palette-interact-primary-background-hover: var(--salt-color-gray-40);
1454
1450
  --salt-palette-interact-primary-foreground: var(--salt-color-gray-900);
1455
1451
  --salt-palette-interact-primary-foreground-active: var(--salt-color-white);
@@ -1480,7 +1476,6 @@
1480
1476
  --salt-palette-interact-outline: var(--salt-color-blue-100);
1481
1477
  --salt-palette-interact-cta-background: var(--salt-color-blue-600);
1482
1478
  --salt-palette-interact-cta-background-active: var(--salt-color-blue-700);
1483
- --salt-palette-interact-cta-background-disabled: var(--salt-color-blue-600-40a);
1484
1479
  --salt-palette-interact-cta-background-hover: var(--salt-color-blue-500);
1485
1480
  --salt-palette-interact-cta-foreground: var(--salt-color-white);
1486
1481
  --salt-palette-interact-cta-foreground-disabled: var(--salt-color-white-40a);
@@ -1488,7 +1483,6 @@
1488
1483
  --salt-palette-interact-cta-border-active: var(--salt-color-blue-700);
1489
1484
  --salt-palette-interact-primary-background: var(--salt-color-gray-300);
1490
1485
  --salt-palette-interact-primary-background-active: var(--salt-color-gray-70);
1491
- --salt-palette-interact-primary-background-disabled: var(--salt-color-gray-300-40a);
1492
1486
  --salt-palette-interact-primary-background-hover: var(--salt-color-gray-200);
1493
1487
  --salt-palette-interact-primary-foreground: var(--salt-color-white);
1494
1488
  --salt-palette-interact-primary-foreground-active: var(--salt-color-gray-900);
@@ -1517,23 +1511,17 @@
1517
1511
  /* css/legacy/palette/negative.css */
1518
1512
  .salt-theme[data-mode=light] {
1519
1513
  --salt-palette-negative-foreground: var(--salt-color-red-600);
1520
- --salt-palette-negative-foreground-disabled: var(--salt-color-red-600-40a);
1521
1514
  --salt-palette-negative-background: var(--salt-color-red-600);
1522
1515
  --salt-palette-negative-background-hover: var(--salt-color-red-500);
1523
1516
  --salt-palette-negative-background-active: var(--salt-color-red-700);
1524
- --salt-palette-negative-background-disabled: var(--salt-color-red-600-40a);
1525
1517
  --salt-palette-negative-border: var(--salt-color-red-500);
1526
- --salt-palette-negative-border-disabled: var(--salt-color-red-500-40a);
1527
1518
  }
1528
1519
  .salt-theme[data-mode=dark] {
1529
1520
  --salt-palette-negative-foreground: var(--salt-color-red-200);
1530
- --salt-palette-negative-foreground-disabled: var(--salt-color-red-200-40a);
1531
1521
  --salt-palette-negative-background: var(--salt-color-red-600);
1532
1522
  --salt-palette-negative-background-hover: var(--salt-color-red-500);
1533
1523
  --salt-palette-negative-background-active: var(--salt-color-red-700);
1534
- --salt-palette-negative-background-disabled: var(--salt-color-red-600-40a);
1535
1524
  --salt-palette-negative-border: var(--salt-color-red-500);
1536
- --salt-palette-negative-border-disabled: var(--salt-color-red-500-40a);
1537
1525
  }
1538
1526
 
1539
1527
  /* css/legacy/palette/neutral.css */
@@ -1569,23 +1557,17 @@
1569
1557
  /* css/legacy/palette/positive.css */
1570
1558
  .salt-theme[data-mode=light] {
1571
1559
  --salt-palette-positive-foreground: var(--salt-color-green-600);
1572
- --salt-palette-positive-foreground-disabled: var(--salt-color-green-600-40a);
1573
1560
  --salt-palette-positive-background: var(--salt-color-green-600);
1574
1561
  --salt-palette-positive-background-hover: var(--salt-color-green-500);
1575
1562
  --salt-palette-positive-background-active: var(--salt-color-green-700);
1576
- --salt-palette-positive-background-disabled: var(--salt-color-green-600-40a);
1577
1563
  --salt-palette-positive-border: var(--salt-color-green-500);
1578
- --salt-palette-positive-border-disabled: var(--salt-color-green-500-40a);
1579
1564
  }
1580
1565
  .salt-theme[data-mode=dark] {
1581
1566
  --salt-palette-positive-foreground: var(--salt-color-green-200);
1582
- --salt-palette-positive-foreground-disabled: var(--salt-color-green-200-40a);
1583
1567
  --salt-palette-positive-background: var(--salt-color-green-600);
1584
1568
  --salt-palette-positive-background-hover: var(--salt-color-green-500);
1585
1569
  --salt-palette-positive-background-active: var(--salt-color-green-700);
1586
- --salt-palette-positive-background-disabled: var(--salt-color-green-600-40a);
1587
1570
  --salt-palette-positive-border: var(--salt-color-green-500);
1588
- --salt-palette-positive-border-disabled: var(--salt-color-green-500-40a);
1589
1571
  }
1590
1572
 
1591
1573
  /* css/legacy/palette/shadow.css */
@@ -1651,32 +1633,24 @@
1651
1633
  --salt-palette-warning-bold-background: var(--salt-color-orange-800);
1652
1634
  --salt-palette-warning-background-selected: var(--salt-color-orange-30);
1653
1635
  --salt-palette-warning-border: var(--salt-color-orange-700);
1654
- --salt-palette-warning-border-disabled: var(--salt-color-orange-700-40a);
1655
1636
  --salt-palette-warning-foreground-decorative: var(--salt-color-orange-700);
1656
1637
  --salt-palette-warning-foreground-informative: var(--salt-color-orange-850);
1657
- --salt-palette-warning-foreground-informative-disabled: var(--salt-color-orange-850-40a);
1658
1638
  --salt-palette-warning-action: var(--salt-color-orange-600);
1659
1639
  --salt-palette-warning-action-hover: var(--salt-color-orange-500);
1660
1640
  --salt-palette-warning-action-active: var(--salt-color-orange-800);
1661
- --salt-palette-warning-action-disabled: var(--salt-color-orange-600-40a);
1662
1641
  --salt-palette-warning-action-foreground: var(--salt-color-gray-900);
1663
- --salt-palette-warning-action-foreground-disabled: var(--salt-color-gray-900-40a);
1664
1642
  }
1665
1643
  .salt-theme[data-mode=dark] {
1666
1644
  --salt-palette-warning-background: var(--salt-color-orange-900);
1667
1645
  --salt-palette-warning-bold-background: var(--salt-color-orange-800);
1668
1646
  --salt-palette-warning-background-selected: var(--salt-color-orange-875);
1669
1647
  --salt-palette-warning-border: var(--salt-color-orange-500);
1670
- --salt-palette-warning-border-disabled: var(--salt-color-orange-500-40a);
1671
1648
  --salt-palette-warning-foreground-decorative: var(--salt-color-orange-500);
1672
1649
  --salt-palette-warning-foreground-informative: var(--salt-color-orange-400);
1673
- --salt-palette-warning-foreground-informative-disabled: var(--salt-color-orange-400-40a);
1674
1650
  --salt-palette-warning-action: var(--salt-color-orange-600);
1675
1651
  --salt-palette-warning-action-hover: var(--salt-color-orange-500);
1676
1652
  --salt-palette-warning-action-active: var(--salt-color-orange-800);
1677
- --salt-palette-warning-action-disabled: var(--salt-color-orange-600-40a);
1678
1653
  --salt-palette-warning-action-foreground: var(--salt-color-gray-900);
1679
- --salt-palette-warning-action-foreground-disabled: var(--salt-color-gray-900-40a);
1680
1654
  }
1681
1655
 
1682
1656
  /* css/legacy/characteristics/accent.css */
@@ -1691,183 +1665,153 @@
1691
1665
  /* css/legacy/characteristics/actionable.css */
1692
1666
  .salt-theme {
1693
1667
  --salt-actionable-accented-bold-background-active: var(--salt-palette-interact-cta-background-active);
1694
- --salt-actionable-accented-bold-background-disabled: var(--salt-palette-interact-cta-background-disabled);
1695
1668
  --salt-actionable-accented-bold-background-hover: var(--salt-palette-interact-cta-background-hover);
1696
1669
  --salt-actionable-accented-bold-background: var(--salt-palette-interact-cta-background);
1697
1670
  --salt-actionable-accented-bold-borderColor-active: var(--salt-palette-alpha-none);
1698
- --salt-actionable-accented-bold-borderColor-disabled: var(--salt-palette-alpha-none);
1699
1671
  --salt-actionable-accented-bold-borderColor-hover: var(--salt-palette-alpha-none);
1700
1672
  --salt-actionable-accented-bold-borderColor: var(--salt-palette-alpha-none);
1701
1673
  --salt-actionable-accented-bold-foreground-active: var(--salt-palette-interact-cta-foreground);
1702
- --salt-actionable-accented-bold-foreground-disabled: var(--salt-palette-interact-cta-foreground-disabled);
1703
1674
  --salt-actionable-accented-bold-foreground-hover: var(--salt-palette-interact-cta-foreground);
1704
1675
  --salt-actionable-accented-bold-foreground: var(--salt-palette-interact-cta-foreground);
1705
- --salt-actionable-bold-background-active: var(--salt-palette-interact-primary-background-active);
1706
- --salt-actionable-bold-background-disabled: var(--salt-palette-interact-primary-background-disabled);
1707
- --salt-actionable-bold-background-hover: var(--salt-palette-interact-primary-background-hover);
1708
- --salt-actionable-bold-background: var(--salt-palette-interact-primary-background);
1709
- --salt-actionable-bold-borderColor-active: var(--salt-palette-alpha-none);
1710
- --salt-actionable-bold-borderColor-disabled: var(--salt-palette-alpha-none);
1711
- --salt-actionable-bold-borderColor-hover: var(--salt-palette-alpha-none);
1712
- --salt-actionable-bold-borderColor: var(--salt-palette-alpha-none);
1713
- --salt-actionable-bold-foreground-active: var(--salt-palette-interact-primary-foreground-active);
1714
- --salt-actionable-bold-foreground-disabled: var(--salt-palette-neutral-primary-foreground-disabled);
1715
- --salt-actionable-bold-foreground-hover: var(--salt-palette-neutral-primary-foreground);
1716
- --salt-actionable-bold-foreground: var(--salt-palette-neutral-primary-foreground);
1717
1676
  --salt-actionable-accented-background-active: var(--salt-palette-interact-cta-background-active);
1718
- --salt-actionable-accented-background-disabled: var(--salt-palette-alpha-none);
1719
1677
  --salt-actionable-accented-background-hover: var(--salt-palette-interact-cta-background-hover);
1720
1678
  --salt-actionable-accented-background: var(--salt-palette-alpha-none);
1721
1679
  --salt-actionable-accented-borderColor-active: var(--salt-palette-interact-cta-border-active);
1722
- --salt-actionable-accented-borderColor-disabled: var(--salt-palette-accent-disabled);
1723
1680
  --salt-actionable-accented-borderColor-hover: var(--salt-palette-interact-cta-border-hover);
1724
1681
  --salt-actionable-accented-borderColor: var(--salt-palette-accent);
1725
1682
  --salt-actionable-accented-foreground-active: var(--salt-palette-interact-cta-foreground);
1726
- --salt-actionable-accented-foreground-disabled: var(--salt-palette-accent-foreground-informative-disabled);
1727
1683
  --salt-actionable-accented-foreground-hover: var(--salt-palette-interact-cta-foreground);
1728
1684
  --salt-actionable-accented-foreground: var(--salt-palette-accent-foreground-informative);
1729
- --salt-actionable-background-active: var(--salt-palette-interact-primary-background-active);
1730
- --salt-actionable-background-disabled: var(--salt-palette-alpha-none);
1731
- --salt-actionable-background-hover: var(--salt-palette-interact-primary-background-hover);
1732
- --salt-actionable-background: var(--salt-palette-alpha-none);
1733
- --salt-actionable-borderColor-active: var(--salt-palette-alpha-none);
1734
- --salt-actionable-borderColor-disabled: var(--salt-palette-interact-border-disabled);
1735
- --salt-actionable-borderColor-hover: var(--salt-palette-alpha-none);
1736
- --salt-actionable-borderColor: var(--salt-palette-interact-border);
1737
- --salt-actionable-foreground-active: var(--salt-palette-interact-primary-foreground-active);
1738
- --salt-actionable-foreground-disabled: var(--salt-palette-neutral-primary-foreground-disabled);
1739
- --salt-actionable-foreground-hover: var(--salt-palette-neutral-primary-foreground);
1740
- --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);
1741
1688
  --salt-actionable-accented-subtle-background-active: var(--salt-palette-interact-cta-background-active);
1742
- --salt-actionable-accented-subtle-background-disabled: var(--salt-palette-alpha-none);
1743
1689
  --salt-actionable-accented-subtle-background-hover: var(--salt-palette-interact-cta-background-hover);
1744
1690
  --salt-actionable-accented-subtle-background: var(--salt-palette-alpha-none);
1745
1691
  --salt-actionable-accented-subtle-borderColor-active: var(--salt-palette-alpha-none);
1746
- --salt-actionable-accented-subtle-borderColor-disabled: var(--salt-palette-alpha-none);
1747
1692
  --salt-actionable-accented-subtle-borderColor-hover: var(--salt-palette-alpha-none);
1748
1693
  --salt-actionable-accented-subtle-borderColor: var(--salt-palette-alpha-none);
1749
1694
  --salt-actionable-accented-subtle-foreground-active: var(--salt-palette-interact-cta-foreground);
1750
- --salt-actionable-accented-subtle-foreground-disabled: var(--salt-palette-accent-foreground-informative-disabled);
1751
1695
  --salt-actionable-accented-subtle-foreground-hover: var(--salt-palette-interact-cta-foreground);
1752
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);
1753
1718
  --salt-actionable-subtle-background-active: var(--salt-palette-interact-primary-background-active);
1754
- --salt-actionable-subtle-background-disabled: var(--salt-palette-alpha-none);
1755
1719
  --salt-actionable-subtle-background-hover: var(--salt-palette-interact-primary-background-hover);
1756
1720
  --salt-actionable-subtle-background: var(--salt-palette-alpha-none);
1757
1721
  --salt-actionable-subtle-borderColor-active: var(--salt-palette-alpha-none);
1758
- --salt-actionable-subtle-borderColor-disabled: var(--salt-palette-alpha-none);
1759
1722
  --salt-actionable-subtle-borderColor-hover: var(--salt-palette-alpha-none);
1760
1723
  --salt-actionable-subtle-borderColor: var(--salt-palette-alpha-none);
1761
1724
  --salt-actionable-subtle-foreground-active: var(--salt-palette-interact-primary-foreground-active);
1762
- --salt-actionable-subtle-foreground-disabled: var(--salt-palette-neutral-primary-foreground-disabled);
1763
1725
  --salt-actionable-subtle-foreground-hover: var(--salt-palette-neutral-primary-foreground);
1764
1726
  --salt-actionable-subtle-foreground: var(--salt-palette-neutral-primary-foreground);
1765
1727
  --salt-actionable-negative-bold-background-active: var(--salt-palette-negative-background-active);
1766
- --salt-actionable-negative-bold-background-disabled: var(--salt-palette-negative-background-disabled);
1767
1728
  --salt-actionable-negative-bold-background-hover: var(--salt-palette-negative-background-hover);
1768
1729
  --salt-actionable-negative-bold-background: var(--salt-palette-negative-background);
1769
1730
  --salt-actionable-negative-bold-borderColor-active: var(--salt-palette-alpha-none);
1770
- --salt-actionable-negative-bold-borderColor-disabled: var(--salt-palette-alpha-none);
1771
1731
  --salt-actionable-negative-bold-borderColor-hover: var(--salt-palette-alpha-none);
1772
1732
  --salt-actionable-negative-bold-borderColor: var(--salt-palette-alpha-none);
1773
1733
  --salt-actionable-negative-bold-foreground-active: var(--salt-palette-interact-cta-foreground);
1774
- --salt-actionable-negative-bold-foreground-disabled: var(--salt-palette-interact-cta-foreground-disabled);
1775
1734
  --salt-actionable-negative-bold-foreground-hover: var(--salt-palette-interact-cta-foreground);
1776
1735
  --salt-actionable-negative-bold-foreground: var(--salt-palette-interact-cta-foreground);
1777
1736
  --salt-actionable-negative-background-active: var(--salt-palette-negative-background-active);
1778
- --salt-actionable-negative-background-disabled: var(--salt-palette-alpha-none);
1779
1737
  --salt-actionable-negative-background-hover: var(--salt-palette-negative-background-hover);
1780
1738
  --salt-actionable-negative-background: var(--salt-palette-alpha-none);
1781
1739
  --salt-actionable-negative-borderColor-active: var(--salt-palette-alpha-none);
1782
- --salt-actionable-negative-borderColor-disabled: var(--salt-palette-negative-border-disabled);
1783
1740
  --salt-actionable-negative-borderColor-hover: var(--salt-palette-alpha-none);
1784
1741
  --salt-actionable-negative-borderColor: var(--salt-palette-negative-border);
1785
1742
  --salt-actionable-negative-foreground-active: var(--salt-palette-interact-cta-foreground);
1786
- --salt-actionable-negative-foreground-disabled: var(--salt-palette-negative-foreground-disabled);
1787
1743
  --salt-actionable-negative-foreground-hover: var(--salt-palette-interact-cta-foreground);
1788
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);
1789
1748
  --salt-actionable-negative-subtle-background-active: var(--salt-palette-negative-background-active);
1790
- --salt-actionable-negative-subtle-background-disabled: var(--salt-palette-alpha-none);
1791
1749
  --salt-actionable-negative-subtle-background-hover: var(--salt-palette-negative-background-hover);
1792
1750
  --salt-actionable-negative-subtle-background: var(--salt-palette-alpha-none);
1793
1751
  --salt-actionable-negative-subtle-borderColor-active: var(--salt-palette-alpha-none);
1794
- --salt-actionable-negative-subtle-borderColor-disabled: var(--salt-palette-alpha-none);
1795
1752
  --salt-actionable-negative-subtle-borderColor-hover: var(--salt-palette-alpha-none);
1796
1753
  --salt-actionable-negative-subtle-borderColor: var(--salt-palette-alpha-none);
1797
1754
  --salt-actionable-negative-subtle-foreground-active: var(--salt-palette-interact-cta-foreground);
1798
- --salt-actionable-negative-subtle-foreground-disabled: var(--salt-palette-negative-foreground-disabled);
1799
1755
  --salt-actionable-negative-subtle-foreground-hover: var(--salt-palette-interact-cta-foreground);
1800
1756
  --salt-actionable-negative-subtle-foreground: var(--salt-palette-negative-foreground);
1801
1757
  --salt-actionable-positive-bold-background-active: var(--salt-palette-positive-background-active);
1802
- --salt-actionable-positive-bold-background-disabled: var(--salt-palette-positive-background-disabled);
1803
1758
  --salt-actionable-positive-bold-background-hover: var(--salt-palette-positive-background-hover);
1804
1759
  --salt-actionable-positive-bold-background: var(--salt-palette-positive-background);
1805
1760
  --salt-actionable-positive-bold-borderColor-active: var(--salt-palette-alpha-none);
1806
- --salt-actionable-positive-bold-borderColor-disabled: var(--salt-palette-alpha-none);
1807
1761
  --salt-actionable-positive-bold-borderColor-hover: var(--salt-palette-alpha-none);
1808
1762
  --salt-actionable-positive-bold-borderColor: var(--salt-palette-alpha-none);
1809
1763
  --salt-actionable-positive-bold-foreground-active: var(--salt-palette-interact-cta-foreground);
1810
- --salt-actionable-positive-bold-foreground-disabled: var(--salt-palette-interact-cta-foreground-disabled);
1811
1764
  --salt-actionable-positive-bold-foreground-hover: var(--salt-palette-interact-cta-foreground);
1812
1765
  --salt-actionable-positive-bold-foreground: var(--salt-palette-interact-cta-foreground);
1813
1766
  --salt-actionable-positive-background-active: var(--salt-palette-positive-background-active);
1814
- --salt-actionable-positive-background-disabled: var(--salt-palette-alpha-none);
1815
1767
  --salt-actionable-positive-background-hover: var(--salt-palette-positive-background-hover);
1816
1768
  --salt-actionable-positive-background: var(--salt-palette-alpha-none);
1817
1769
  --salt-actionable-positive-borderColor-active: var(--salt-palette-alpha-none);
1818
- --salt-actionable-positive-borderColor-disabled: var(--salt-palette-positive-border-disabled);
1819
1770
  --salt-actionable-positive-borderColor-hover: var(--salt-palette-alpha-none);
1820
1771
  --salt-actionable-positive-borderColor: var(--salt-palette-positive-border);
1821
1772
  --salt-actionable-positive-foreground-active: var(--salt-palette-interact-cta-foreground);
1822
- --salt-actionable-positive-foreground-disabled: var(--salt-palette-positive-foreground-disabled);
1823
1773
  --salt-actionable-positive-foreground-hover: var(--salt-palette-interact-cta-foreground);
1824
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);
1825
1778
  --salt-actionable-positive-subtle-background-active: var(--salt-palette-positive-background-active);
1826
- --salt-actionable-positive-subtle-background-disabled: var(--salt-palette-alpha-none);
1827
1779
  --salt-actionable-positive-subtle-background-hover: var(--salt-palette-positive-background-hover);
1828
1780
  --salt-actionable-positive-subtle-background: var(--salt-palette-alpha-none);
1829
1781
  --salt-actionable-positive-subtle-borderColor-active: var(--salt-palette-alpha-none);
1830
- --salt-actionable-positive-subtle-borderColor-disabled: var(--salt-palette-alpha-none);
1831
1782
  --salt-actionable-positive-subtle-borderColor-hover: var(--salt-palette-alpha-none);
1832
1783
  --salt-actionable-positive-subtle-borderColor: var(--salt-palette-alpha-none);
1833
1784
  --salt-actionable-positive-subtle-foreground-active: var(--salt-palette-interact-cta-foreground);
1834
- --salt-actionable-positive-subtle-foreground-disabled: var(--salt-palette-positive-foreground-disabled);
1835
1785
  --salt-actionable-positive-subtle-foreground-hover: var(--salt-palette-interact-cta-foreground);
1836
1786
  --salt-actionable-positive-subtle-foreground: var(--salt-palette-positive-foreground);
1837
1787
  --salt-actionable-caution-bold-background-active: var(--salt-palette-warning-action-active);
1838
- --salt-actionable-caution-bold-background-disabled: var(--salt-palette-warning-action-disabled);
1839
1788
  --salt-actionable-caution-bold-background-hover: var(--salt-palette-warning-action-hover);
1840
1789
  --salt-actionable-caution-bold-background: var(--salt-palette-warning-action);
1841
1790
  --salt-actionable-caution-bold-borderColor-active: var(--salt-palette-alpha-none);
1842
- --salt-actionable-caution-bold-borderColor-disabled: var(--salt-palette-alpha-none);
1843
1791
  --salt-actionable-caution-bold-borderColor-hover: var(--salt-palette-alpha-none);
1844
1792
  --salt-actionable-caution-bold-borderColor: var(--salt-palette-alpha-none);
1845
1793
  --salt-actionable-caution-bold-foreground-active: var(--salt-palette-interact-cta-foreground);
1846
- --salt-actionable-caution-bold-foreground-disabled: var(--salt-palette-warning-action-foreground-disabled);
1847
1794
  --salt-actionable-caution-bold-foreground-hover: var(--salt-palette-warning-action-foreground);
1848
1795
  --salt-actionable-caution-bold-foreground: var(--salt-palette-warning-action-foreground);
1849
1796
  --salt-actionable-caution-background-active: var(--salt-palette-warning-action-active);
1850
- --salt-actionable-caution-background-disabled: var(--salt-palette-alpha-none);
1851
1797
  --salt-actionable-caution-background-hover: var(--salt-palette-warning-action-hover);
1852
1798
  --salt-actionable-caution-background: var(--salt-palette-alpha-none);
1853
1799
  --salt-actionable-caution-borderColor-active: var(--salt-palette-alpha-none);
1854
- --salt-actionable-caution-borderColor-disabled: var(--salt-palette-warning-border-disabled);
1855
1800
  --salt-actionable-caution-borderColor-hover: var(--salt-palette-alpha-none);
1856
1801
  --salt-actionable-caution-borderColor: var(--salt-palette-warning-border);
1857
1802
  --salt-actionable-caution-foreground-active: var(--salt-palette-interact-cta-foreground);
1858
- --salt-actionable-caution-foreground-disabled: var(--salt-palette-warning-foreground-informative-disabled);
1859
1803
  --salt-actionable-caution-foreground-hover: var(--salt-palette-warning-action-foreground);
1860
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);
1861
1808
  --salt-actionable-caution-subtle-background-active: var(--salt-palette-warning-action-active);
1862
- --salt-actionable-caution-subtle-background-disabled: var(--salt-palette-alpha-none);
1863
1809
  --salt-actionable-caution-subtle-background-hover: var(--salt-palette-warning-action-hover);
1864
1810
  --salt-actionable-caution-subtle-background: var(--salt-palette-alpha-none);
1865
1811
  --salt-actionable-caution-subtle-borderColor-active: var(--salt-palette-alpha-none);
1866
- --salt-actionable-caution-subtle-borderColor-disabled: var(--salt-palette-alpha-none);
1867
1812
  --salt-actionable-caution-subtle-borderColor-hover: var(--salt-palette-alpha-none);
1868
1813
  --salt-actionable-caution-subtle-borderColor: var(--salt-palette-alpha-none);
1869
1814
  --salt-actionable-caution-subtle-foreground-active: var(--salt-palette-interact-cta-foreground);
1870
- --salt-actionable-caution-subtle-foreground-disabled: var(--salt-palette-warning-foreground-informative-disabled);
1871
1815
  --salt-actionable-caution-subtle-foreground-hover: var(--salt-palette-warning-action-foreground);
1872
1816
  --salt-actionable-caution-subtle-foreground: var(--salt-palette-warning-foreground-informative);
1873
1817
  }
@@ -2039,6 +1983,17 @@
2039
1983
  --salt-focused-outline: var(--salt-focused-outlineWidth) var(--salt-focused-outlineStyle) var(--salt-focused-outlineColor);
2040
1984
  }
2041
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
+
2042
1997
  /* css/legacy/characteristics/navigable.css */
2043
1998
  .salt-theme {
2044
1999
  --salt-navigable-indicator-hover: var(--salt-palette-navigate-indicator-hover);
@@ -2691,6 +2646,51 @@
2691
2646
  --salt-actionable-secondary-foreground-disabled: var(--salt-actionable-subtle-foreground-disabled);
2692
2647
  --salt-actionable-secondary-foreground-hover: var(--salt-actionable-subtle-foreground-hover);
2693
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);
2694
2694
  }
2695
2695
 
2696
2696
  /* css/legacy/deprecated/fade.css */
@@ -2818,6 +2818,8 @@
2818
2818
  --salt-palette-interact-secondary-background-disabled: transparent;
2819
2819
  --salt-palette-interact-cta-foreground-active: var(--salt-color-white);
2820
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);
2821
2823
  --salt-palette-measured-fill: var(--salt-color-blue-500);
2822
2824
  --salt-palette-measured-fill-disabled: var(--salt-color-blue-500-fade-fill);
2823
2825
  --salt-palette-measured-foreground: var(--salt-color-gray-90);
@@ -2876,6 +2878,17 @@
2876
2878
  --salt-palette-accent-border: var(--salt-color-blue-500);
2877
2879
  --salt-palette-accent-background-disabled: var(--salt-color-blue-500-fade-background);
2878
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);
2879
2892
  }
2880
2893
  .salt-theme[data-mode=dark] {
2881
2894
  --salt-palette-interact-foreground-partial: var(--salt-color-blue-100);
@@ -2894,6 +2907,8 @@
2894
2907
  --salt-palette-interact-secondary-background-disabled: transparent;
2895
2908
  --salt-palette-interact-cta-foreground-active: var(--salt-color-white);
2896
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);
2897
2912
  --salt-palette-measured-fill: var(--salt-color-blue-300);
2898
2913
  --salt-palette-measured-fill-disabled: var(--salt-color-blue-300-fade-fill);
2899
2914
  --salt-palette-measured-foreground: var(--salt-color-gray-90);
@@ -2952,6 +2967,17 @@
2952
2967
  --salt-palette-accent-border: var(--salt-color-blue-500);
2953
2968
  --salt-palette-accent-background-disabled: var(--salt-color-blue-500-fade-background);
2954
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);
2955
2981
  }
2956
2982
 
2957
2983
  /* css/theme.css */
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@salt-ds/theme",
3
- "version": "0.0.0-snapshot-20251015094450",
3
+ "version": "0.0.0-snapshot-20251107135920",
4
4
  "license": "Apache-2.0",
5
5
  "repository": {
6
6
  "type": "git",