@salt-ds/theme 1.34.0 → 1.35.0
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 +196 -167
- package/css/theme.css +104 -89
- package/index.css +104 -89
- package/package.json +1 -1
package/css/theme.css
CHANGED
|
@@ -1124,14 +1124,12 @@
|
|
|
1124
1124
|
--salt-palette-accent-disabled: var(--salt-color-blue-500-40a);
|
|
1125
1125
|
--salt-palette-accent-foreground: var(--salt-color-white);
|
|
1126
1126
|
--salt-palette-accent-foreground-informative: var(--salt-color-blue-600);
|
|
1127
|
-
--salt-palette-accent-foreground-informative-disabled: var(--salt-color-blue-600-40a);
|
|
1128
1127
|
}
|
|
1129
1128
|
.salt-theme[data-mode=dark] {
|
|
1130
1129
|
--salt-palette-accent: var(--salt-color-blue-500);
|
|
1131
1130
|
--salt-palette-accent-disabled: var(--salt-color-blue-500-40a);
|
|
1132
1131
|
--salt-palette-accent-foreground: var(--salt-color-white);
|
|
1133
1132
|
--salt-palette-accent-foreground-informative: var(--salt-color-blue-200);
|
|
1134
|
-
--salt-palette-accent-foreground-informative-disabled: var(--salt-color-blue-200-40a);
|
|
1135
1133
|
}
|
|
1136
1134
|
|
|
1137
1135
|
/* css/legacy/palette/alpha.css */
|
|
@@ -1367,7 +1365,6 @@
|
|
|
1367
1365
|
--salt-palette-interact-outline: var(--salt-color-blue-600);
|
|
1368
1366
|
--salt-palette-interact-cta-background: var(--salt-color-blue-600);
|
|
1369
1367
|
--salt-palette-interact-cta-background-active: var(--salt-color-blue-700);
|
|
1370
|
-
--salt-palette-interact-cta-background-disabled: var(--salt-color-blue-600-40a);
|
|
1371
1368
|
--salt-palette-interact-cta-background-hover: var(--salt-color-blue-500);
|
|
1372
1369
|
--salt-palette-interact-cta-foreground: var(--salt-color-white);
|
|
1373
1370
|
--salt-palette-interact-cta-foreground-disabled: var(--salt-color-white-40a);
|
|
@@ -1375,7 +1372,6 @@
|
|
|
1375
1372
|
--salt-palette-interact-cta-border-active: var(--salt-color-blue-700);
|
|
1376
1373
|
--salt-palette-interact-primary-background: var(--salt-color-gray-60);
|
|
1377
1374
|
--salt-palette-interact-primary-background-active: var(--salt-color-gray-200);
|
|
1378
|
-
--salt-palette-interact-primary-background-disabled: var(--salt-color-gray-60-40a);
|
|
1379
1375
|
--salt-palette-interact-primary-background-hover: var(--salt-color-gray-40);
|
|
1380
1376
|
--salt-palette-interact-primary-foreground: var(--salt-color-gray-900);
|
|
1381
1377
|
--salt-palette-interact-primary-foreground-active: var(--salt-color-white);
|
|
@@ -1406,7 +1402,6 @@
|
|
|
1406
1402
|
--salt-palette-interact-outline: var(--salt-color-blue-100);
|
|
1407
1403
|
--salt-palette-interact-cta-background: var(--salt-color-blue-600);
|
|
1408
1404
|
--salt-palette-interact-cta-background-active: var(--salt-color-blue-700);
|
|
1409
|
-
--salt-palette-interact-cta-background-disabled: var(--salt-color-blue-600-40a);
|
|
1410
1405
|
--salt-palette-interact-cta-background-hover: var(--salt-color-blue-500);
|
|
1411
1406
|
--salt-palette-interact-cta-foreground: var(--salt-color-white);
|
|
1412
1407
|
--salt-palette-interact-cta-foreground-disabled: var(--salt-color-white-40a);
|
|
@@ -1414,7 +1409,6 @@
|
|
|
1414
1409
|
--salt-palette-interact-cta-border-active: var(--salt-color-blue-700);
|
|
1415
1410
|
--salt-palette-interact-primary-background: var(--salt-color-gray-300);
|
|
1416
1411
|
--salt-palette-interact-primary-background-active: var(--salt-color-gray-70);
|
|
1417
|
-
--salt-palette-interact-primary-background-disabled: var(--salt-color-gray-300-40a);
|
|
1418
1412
|
--salt-palette-interact-primary-background-hover: var(--salt-color-gray-200);
|
|
1419
1413
|
--salt-palette-interact-primary-foreground: var(--salt-color-white);
|
|
1420
1414
|
--salt-palette-interact-primary-foreground-active: var(--salt-color-gray-900);
|
|
@@ -1443,23 +1437,17 @@
|
|
|
1443
1437
|
/* css/legacy/palette/negative.css */
|
|
1444
1438
|
.salt-theme[data-mode=light] {
|
|
1445
1439
|
--salt-palette-negative-foreground: var(--salt-color-red-600);
|
|
1446
|
-
--salt-palette-negative-foreground-disabled: var(--salt-color-red-600-40a);
|
|
1447
1440
|
--salt-palette-negative-background: var(--salt-color-red-600);
|
|
1448
1441
|
--salt-palette-negative-background-hover: var(--salt-color-red-500);
|
|
1449
1442
|
--salt-palette-negative-background-active: var(--salt-color-red-700);
|
|
1450
|
-
--salt-palette-negative-background-disabled: var(--salt-color-red-600-40a);
|
|
1451
1443
|
--salt-palette-negative-border: var(--salt-color-red-500);
|
|
1452
|
-
--salt-palette-negative-border-disabled: var(--salt-color-red-500-40a);
|
|
1453
1444
|
}
|
|
1454
1445
|
.salt-theme[data-mode=dark] {
|
|
1455
1446
|
--salt-palette-negative-foreground: var(--salt-color-red-200);
|
|
1456
|
-
--salt-palette-negative-foreground-disabled: var(--salt-color-red-200-40a);
|
|
1457
1447
|
--salt-palette-negative-background: var(--salt-color-red-600);
|
|
1458
1448
|
--salt-palette-negative-background-hover: var(--salt-color-red-500);
|
|
1459
1449
|
--salt-palette-negative-background-active: var(--salt-color-red-700);
|
|
1460
|
-
--salt-palette-negative-background-disabled: var(--salt-color-red-600-40a);
|
|
1461
1450
|
--salt-palette-negative-border: var(--salt-color-red-500);
|
|
1462
|
-
--salt-palette-negative-border-disabled: var(--salt-color-red-500-40a);
|
|
1463
1451
|
}
|
|
1464
1452
|
|
|
1465
1453
|
/* css/legacy/palette/neutral.css */
|
|
@@ -1495,23 +1483,17 @@
|
|
|
1495
1483
|
/* css/legacy/palette/positive.css */
|
|
1496
1484
|
.salt-theme[data-mode=light] {
|
|
1497
1485
|
--salt-palette-positive-foreground: var(--salt-color-green-600);
|
|
1498
|
-
--salt-palette-positive-foreground-disabled: var(--salt-color-green-600-40a);
|
|
1499
1486
|
--salt-palette-positive-background: var(--salt-color-green-600);
|
|
1500
1487
|
--salt-palette-positive-background-hover: var(--salt-color-green-500);
|
|
1501
1488
|
--salt-palette-positive-background-active: var(--salt-color-green-700);
|
|
1502
|
-
--salt-palette-positive-background-disabled: var(--salt-color-green-600-40a);
|
|
1503
1489
|
--salt-palette-positive-border: var(--salt-color-green-500);
|
|
1504
|
-
--salt-palette-positive-border-disabled: var(--salt-color-green-500-40a);
|
|
1505
1490
|
}
|
|
1506
1491
|
.salt-theme[data-mode=dark] {
|
|
1507
1492
|
--salt-palette-positive-foreground: var(--salt-color-green-200);
|
|
1508
|
-
--salt-palette-positive-foreground-disabled: var(--salt-color-green-200-40a);
|
|
1509
1493
|
--salt-palette-positive-background: var(--salt-color-green-600);
|
|
1510
1494
|
--salt-palette-positive-background-hover: var(--salt-color-green-500);
|
|
1511
1495
|
--salt-palette-positive-background-active: var(--salt-color-green-700);
|
|
1512
|
-
--salt-palette-positive-background-disabled: var(--salt-color-green-600-40a);
|
|
1513
1496
|
--salt-palette-positive-border: var(--salt-color-green-500);
|
|
1514
|
-
--salt-palette-positive-border-disabled: var(--salt-color-green-500-40a);
|
|
1515
1497
|
}
|
|
1516
1498
|
|
|
1517
1499
|
/* css/legacy/palette/shadow.css */
|
|
@@ -1577,32 +1559,24 @@
|
|
|
1577
1559
|
--salt-palette-warning-bold-background: var(--salt-color-orange-800);
|
|
1578
1560
|
--salt-palette-warning-background-selected: var(--salt-color-orange-30);
|
|
1579
1561
|
--salt-palette-warning-border: var(--salt-color-orange-700);
|
|
1580
|
-
--salt-palette-warning-border-disabled: var(--salt-color-orange-700-40a);
|
|
1581
1562
|
--salt-palette-warning-foreground-decorative: var(--salt-color-orange-700);
|
|
1582
1563
|
--salt-palette-warning-foreground-informative: var(--salt-color-orange-850);
|
|
1583
|
-
--salt-palette-warning-foreground-informative-disabled: var(--salt-color-orange-850-40a);
|
|
1584
1564
|
--salt-palette-warning-action: var(--salt-color-orange-600);
|
|
1585
1565
|
--salt-palette-warning-action-hover: var(--salt-color-orange-500);
|
|
1586
1566
|
--salt-palette-warning-action-active: var(--salt-color-orange-800);
|
|
1587
|
-
--salt-palette-warning-action-disabled: var(--salt-color-orange-600-40a);
|
|
1588
1567
|
--salt-palette-warning-action-foreground: var(--salt-color-gray-900);
|
|
1589
|
-
--salt-palette-warning-action-foreground-disabled: var(--salt-color-gray-900-40a);
|
|
1590
1568
|
}
|
|
1591
1569
|
.salt-theme[data-mode=dark] {
|
|
1592
1570
|
--salt-palette-warning-background: var(--salt-color-orange-900);
|
|
1593
1571
|
--salt-palette-warning-bold-background: var(--salt-color-orange-800);
|
|
1594
1572
|
--salt-palette-warning-background-selected: var(--salt-color-orange-875);
|
|
1595
1573
|
--salt-palette-warning-border: var(--salt-color-orange-500);
|
|
1596
|
-
--salt-palette-warning-border-disabled: var(--salt-color-orange-500-40a);
|
|
1597
1574
|
--salt-palette-warning-foreground-decorative: var(--salt-color-orange-500);
|
|
1598
1575
|
--salt-palette-warning-foreground-informative: var(--salt-color-orange-400);
|
|
1599
|
-
--salt-palette-warning-foreground-informative-disabled: var(--salt-color-orange-400-40a);
|
|
1600
1576
|
--salt-palette-warning-action: var(--salt-color-orange-600);
|
|
1601
1577
|
--salt-palette-warning-action-hover: var(--salt-color-orange-500);
|
|
1602
1578
|
--salt-palette-warning-action-active: var(--salt-color-orange-800);
|
|
1603
|
-
--salt-palette-warning-action-disabled: var(--salt-color-orange-600-40a);
|
|
1604
1579
|
--salt-palette-warning-action-foreground: var(--salt-color-gray-900);
|
|
1605
|
-
--salt-palette-warning-action-foreground-disabled: var(--salt-color-gray-900-40a);
|
|
1606
1580
|
}
|
|
1607
1581
|
|
|
1608
1582
|
/* css/legacy/characteristics/accent.css */
|
|
@@ -1617,183 +1591,153 @@
|
|
|
1617
1591
|
/* css/legacy/characteristics/actionable.css */
|
|
1618
1592
|
.salt-theme {
|
|
1619
1593
|
--salt-actionable-accented-bold-background-active: var(--salt-palette-interact-cta-background-active);
|
|
1620
|
-
--salt-actionable-accented-bold-background-disabled: var(--salt-palette-interact-cta-background-disabled);
|
|
1621
1594
|
--salt-actionable-accented-bold-background-hover: var(--salt-palette-interact-cta-background-hover);
|
|
1622
1595
|
--salt-actionable-accented-bold-background: var(--salt-palette-interact-cta-background);
|
|
1623
1596
|
--salt-actionable-accented-bold-borderColor-active: var(--salt-palette-alpha-none);
|
|
1624
|
-
--salt-actionable-accented-bold-borderColor-disabled: var(--salt-palette-alpha-none);
|
|
1625
1597
|
--salt-actionable-accented-bold-borderColor-hover: var(--salt-palette-alpha-none);
|
|
1626
1598
|
--salt-actionable-accented-bold-borderColor: var(--salt-palette-alpha-none);
|
|
1627
1599
|
--salt-actionable-accented-bold-foreground-active: var(--salt-palette-interact-cta-foreground);
|
|
1628
|
-
--salt-actionable-accented-bold-foreground-disabled: var(--salt-palette-interact-cta-foreground-disabled);
|
|
1629
1600
|
--salt-actionable-accented-bold-foreground-hover: var(--salt-palette-interact-cta-foreground);
|
|
1630
1601
|
--salt-actionable-accented-bold-foreground: var(--salt-palette-interact-cta-foreground);
|
|
1631
|
-
--salt-actionable-bold-background-active: var(--salt-palette-interact-primary-background-active);
|
|
1632
|
-
--salt-actionable-bold-background-disabled: var(--salt-palette-interact-primary-background-disabled);
|
|
1633
|
-
--salt-actionable-bold-background-hover: var(--salt-palette-interact-primary-background-hover);
|
|
1634
|
-
--salt-actionable-bold-background: var(--salt-palette-interact-primary-background);
|
|
1635
|
-
--salt-actionable-bold-borderColor-active: var(--salt-palette-alpha-none);
|
|
1636
|
-
--salt-actionable-bold-borderColor-disabled: var(--salt-palette-alpha-none);
|
|
1637
|
-
--salt-actionable-bold-borderColor-hover: var(--salt-palette-alpha-none);
|
|
1638
|
-
--salt-actionable-bold-borderColor: var(--salt-palette-alpha-none);
|
|
1639
|
-
--salt-actionable-bold-foreground-active: var(--salt-palette-interact-primary-foreground-active);
|
|
1640
|
-
--salt-actionable-bold-foreground-disabled: var(--salt-palette-neutral-primary-foreground-disabled);
|
|
1641
|
-
--salt-actionable-bold-foreground-hover: var(--salt-palette-neutral-primary-foreground);
|
|
1642
|
-
--salt-actionable-bold-foreground: var(--salt-palette-neutral-primary-foreground);
|
|
1643
1602
|
--salt-actionable-accented-background-active: var(--salt-palette-interact-cta-background-active);
|
|
1644
|
-
--salt-actionable-accented-background-disabled: var(--salt-palette-alpha-none);
|
|
1645
1603
|
--salt-actionable-accented-background-hover: var(--salt-palette-interact-cta-background-hover);
|
|
1646
1604
|
--salt-actionable-accented-background: var(--salt-palette-alpha-none);
|
|
1647
1605
|
--salt-actionable-accented-borderColor-active: var(--salt-palette-interact-cta-border-active);
|
|
1648
|
-
--salt-actionable-accented-borderColor-disabled: var(--salt-palette-accent-disabled);
|
|
1649
1606
|
--salt-actionable-accented-borderColor-hover: var(--salt-palette-interact-cta-border-hover);
|
|
1650
1607
|
--salt-actionable-accented-borderColor: var(--salt-palette-accent);
|
|
1651
1608
|
--salt-actionable-accented-foreground-active: var(--salt-palette-interact-cta-foreground);
|
|
1652
|
-
--salt-actionable-accented-foreground-disabled: var(--salt-palette-accent-foreground-informative-disabled);
|
|
1653
1609
|
--salt-actionable-accented-foreground-hover: var(--salt-palette-interact-cta-foreground);
|
|
1654
1610
|
--salt-actionable-accented-foreground: var(--salt-palette-accent-foreground-informative);
|
|
1655
|
-
--salt-actionable-background-
|
|
1656
|
-
--salt-actionable-
|
|
1657
|
-
--salt-actionable-
|
|
1658
|
-
--salt-actionable-background: var(--salt-palette-alpha-none);
|
|
1659
|
-
--salt-actionable-borderColor-active: var(--salt-palette-alpha-none);
|
|
1660
|
-
--salt-actionable-borderColor-disabled: var(--salt-palette-interact-border-disabled);
|
|
1661
|
-
--salt-actionable-borderColor-hover: var(--salt-palette-alpha-none);
|
|
1662
|
-
--salt-actionable-borderColor: var(--salt-palette-interact-border);
|
|
1663
|
-
--salt-actionable-foreground-active: var(--salt-palette-interact-primary-foreground-active);
|
|
1664
|
-
--salt-actionable-foreground-disabled: var(--salt-palette-neutral-primary-foreground-disabled);
|
|
1665
|
-
--salt-actionable-foreground-hover: var(--salt-palette-neutral-primary-foreground);
|
|
1666
|
-
--salt-actionable-foreground: var(--salt-palette-neutral-primary-foreground);
|
|
1611
|
+
--salt-actionable-accented-background-selected: var(--salt-palette-interact-cta-background-active);
|
|
1612
|
+
--salt-actionable-accented-borderColor-selected: var(--salt-palette-alpha-none);
|
|
1613
|
+
--salt-actionable-accented-foreground-selected: var(--salt-palette-interact-cta-foreground);
|
|
1667
1614
|
--salt-actionable-accented-subtle-background-active: var(--salt-palette-interact-cta-background-active);
|
|
1668
|
-
--salt-actionable-accented-subtle-background-disabled: var(--salt-palette-alpha-none);
|
|
1669
1615
|
--salt-actionable-accented-subtle-background-hover: var(--salt-palette-interact-cta-background-hover);
|
|
1670
1616
|
--salt-actionable-accented-subtle-background: var(--salt-palette-alpha-none);
|
|
1671
1617
|
--salt-actionable-accented-subtle-borderColor-active: var(--salt-palette-alpha-none);
|
|
1672
|
-
--salt-actionable-accented-subtle-borderColor-disabled: var(--salt-palette-alpha-none);
|
|
1673
1618
|
--salt-actionable-accented-subtle-borderColor-hover: var(--salt-palette-alpha-none);
|
|
1674
1619
|
--salt-actionable-accented-subtle-borderColor: var(--salt-palette-alpha-none);
|
|
1675
1620
|
--salt-actionable-accented-subtle-foreground-active: var(--salt-palette-interact-cta-foreground);
|
|
1676
|
-
--salt-actionable-accented-subtle-foreground-disabled: var(--salt-palette-accent-foreground-informative-disabled);
|
|
1677
1621
|
--salt-actionable-accented-subtle-foreground-hover: var(--salt-palette-interact-cta-foreground);
|
|
1678
1622
|
--salt-actionable-accented-subtle-foreground: var(--salt-palette-accent-foreground-informative);
|
|
1623
|
+
--salt-actionable-bold-background-active: var(--salt-palette-interact-primary-background-active);
|
|
1624
|
+
--salt-actionable-bold-background-hover: var(--salt-palette-interact-primary-background-hover);
|
|
1625
|
+
--salt-actionable-bold-background: var(--salt-palette-interact-primary-background);
|
|
1626
|
+
--salt-actionable-bold-borderColor-active: var(--salt-palette-alpha-none);
|
|
1627
|
+
--salt-actionable-bold-borderColor-hover: var(--salt-palette-alpha-none);
|
|
1628
|
+
--salt-actionable-bold-borderColor: var(--salt-palette-alpha-none);
|
|
1629
|
+
--salt-actionable-bold-foreground-active: var(--salt-palette-interact-primary-foreground-active);
|
|
1630
|
+
--salt-actionable-bold-foreground-hover: var(--salt-palette-neutral-primary-foreground);
|
|
1631
|
+
--salt-actionable-bold-foreground: var(--salt-palette-neutral-primary-foreground);
|
|
1632
|
+
--salt-actionable-background-active: var(--salt-palette-interact-primary-background-active);
|
|
1633
|
+
--salt-actionable-background-hover: var(--salt-palette-interact-primary-background-hover);
|
|
1634
|
+
--salt-actionable-background: var(--salt-palette-alpha-none);
|
|
1635
|
+
--salt-actionable-borderColor-active: var(--salt-palette-alpha-none);
|
|
1636
|
+
--salt-actionable-borderColor-hover: var(--salt-palette-alpha-none);
|
|
1637
|
+
--salt-actionable-borderColor: var(--salt-palette-interact-border);
|
|
1638
|
+
--salt-actionable-foreground-active: var(--salt-palette-interact-primary-foreground-active);
|
|
1639
|
+
--salt-actionable-foreground-hover: var(--salt-palette-neutral-primary-foreground);
|
|
1640
|
+
--salt-actionable-foreground: var(--salt-palette-neutral-primary-foreground);
|
|
1641
|
+
--salt-actionable-background-selected: var(--salt-palette-interact-primary-background-active);
|
|
1642
|
+
--salt-actionable-borderColor-selected: var(--salt-palette-alpha-none);
|
|
1643
|
+
--salt-actionable-foreground-selected: var(--salt-palette-interact-primary-foreground-active);
|
|
1679
1644
|
--salt-actionable-subtle-background-active: var(--salt-palette-interact-primary-background-active);
|
|
1680
|
-
--salt-actionable-subtle-background-disabled: var(--salt-palette-alpha-none);
|
|
1681
1645
|
--salt-actionable-subtle-background-hover: var(--salt-palette-interact-primary-background-hover);
|
|
1682
1646
|
--salt-actionable-subtle-background: var(--salt-palette-alpha-none);
|
|
1683
1647
|
--salt-actionable-subtle-borderColor-active: var(--salt-palette-alpha-none);
|
|
1684
|
-
--salt-actionable-subtle-borderColor-disabled: var(--salt-palette-alpha-none);
|
|
1685
1648
|
--salt-actionable-subtle-borderColor-hover: var(--salt-palette-alpha-none);
|
|
1686
1649
|
--salt-actionable-subtle-borderColor: var(--salt-palette-alpha-none);
|
|
1687
1650
|
--salt-actionable-subtle-foreground-active: var(--salt-palette-interact-primary-foreground-active);
|
|
1688
|
-
--salt-actionable-subtle-foreground-disabled: var(--salt-palette-neutral-primary-foreground-disabled);
|
|
1689
1651
|
--salt-actionable-subtle-foreground-hover: var(--salt-palette-neutral-primary-foreground);
|
|
1690
1652
|
--salt-actionable-subtle-foreground: var(--salt-palette-neutral-primary-foreground);
|
|
1691
1653
|
--salt-actionable-negative-bold-background-active: var(--salt-palette-negative-background-active);
|
|
1692
|
-
--salt-actionable-negative-bold-background-disabled: var(--salt-palette-negative-background-disabled);
|
|
1693
1654
|
--salt-actionable-negative-bold-background-hover: var(--salt-palette-negative-background-hover);
|
|
1694
1655
|
--salt-actionable-negative-bold-background: var(--salt-palette-negative-background);
|
|
1695
1656
|
--salt-actionable-negative-bold-borderColor-active: var(--salt-palette-alpha-none);
|
|
1696
|
-
--salt-actionable-negative-bold-borderColor-disabled: var(--salt-palette-alpha-none);
|
|
1697
1657
|
--salt-actionable-negative-bold-borderColor-hover: var(--salt-palette-alpha-none);
|
|
1698
1658
|
--salt-actionable-negative-bold-borderColor: var(--salt-palette-alpha-none);
|
|
1699
1659
|
--salt-actionable-negative-bold-foreground-active: var(--salt-palette-interact-cta-foreground);
|
|
1700
|
-
--salt-actionable-negative-bold-foreground-disabled: var(--salt-palette-interact-cta-foreground-disabled);
|
|
1701
1660
|
--salt-actionable-negative-bold-foreground-hover: var(--salt-palette-interact-cta-foreground);
|
|
1702
1661
|
--salt-actionable-negative-bold-foreground: var(--salt-palette-interact-cta-foreground);
|
|
1703
1662
|
--salt-actionable-negative-background-active: var(--salt-palette-negative-background-active);
|
|
1704
|
-
--salt-actionable-negative-background-disabled: var(--salt-palette-alpha-none);
|
|
1705
1663
|
--salt-actionable-negative-background-hover: var(--salt-palette-negative-background-hover);
|
|
1706
1664
|
--salt-actionable-negative-background: var(--salt-palette-alpha-none);
|
|
1707
1665
|
--salt-actionable-negative-borderColor-active: var(--salt-palette-alpha-none);
|
|
1708
|
-
--salt-actionable-negative-borderColor-disabled: var(--salt-palette-negative-border-disabled);
|
|
1709
1666
|
--salt-actionable-negative-borderColor-hover: var(--salt-palette-alpha-none);
|
|
1710
1667
|
--salt-actionable-negative-borderColor: var(--salt-palette-negative-border);
|
|
1711
1668
|
--salt-actionable-negative-foreground-active: var(--salt-palette-interact-cta-foreground);
|
|
1712
|
-
--salt-actionable-negative-foreground-disabled: var(--salt-palette-negative-foreground-disabled);
|
|
1713
1669
|
--salt-actionable-negative-foreground-hover: var(--salt-palette-interact-cta-foreground);
|
|
1714
1670
|
--salt-actionable-negative-foreground: var(--salt-palette-negative-foreground);
|
|
1671
|
+
--salt-actionable-negative-background-selected: var(--salt-palette-negative-background-active);
|
|
1672
|
+
--salt-actionable-negative-borderColor-selected: var(--salt-palette-alpha-none);
|
|
1673
|
+
--salt-actionable-negative-foreground-selected: var(--salt-palette-interact-cta-foreground);
|
|
1715
1674
|
--salt-actionable-negative-subtle-background-active: var(--salt-palette-negative-background-active);
|
|
1716
|
-
--salt-actionable-negative-subtle-background-disabled: var(--salt-palette-alpha-none);
|
|
1717
1675
|
--salt-actionable-negative-subtle-background-hover: var(--salt-palette-negative-background-hover);
|
|
1718
1676
|
--salt-actionable-negative-subtle-background: var(--salt-palette-alpha-none);
|
|
1719
1677
|
--salt-actionable-negative-subtle-borderColor-active: var(--salt-palette-alpha-none);
|
|
1720
|
-
--salt-actionable-negative-subtle-borderColor-disabled: var(--salt-palette-alpha-none);
|
|
1721
1678
|
--salt-actionable-negative-subtle-borderColor-hover: var(--salt-palette-alpha-none);
|
|
1722
1679
|
--salt-actionable-negative-subtle-borderColor: var(--salt-palette-alpha-none);
|
|
1723
1680
|
--salt-actionable-negative-subtle-foreground-active: var(--salt-palette-interact-cta-foreground);
|
|
1724
|
-
--salt-actionable-negative-subtle-foreground-disabled: var(--salt-palette-negative-foreground-disabled);
|
|
1725
1681
|
--salt-actionable-negative-subtle-foreground-hover: var(--salt-palette-interact-cta-foreground);
|
|
1726
1682
|
--salt-actionable-negative-subtle-foreground: var(--salt-palette-negative-foreground);
|
|
1727
1683
|
--salt-actionable-positive-bold-background-active: var(--salt-palette-positive-background-active);
|
|
1728
|
-
--salt-actionable-positive-bold-background-disabled: var(--salt-palette-positive-background-disabled);
|
|
1729
1684
|
--salt-actionable-positive-bold-background-hover: var(--salt-palette-positive-background-hover);
|
|
1730
1685
|
--salt-actionable-positive-bold-background: var(--salt-palette-positive-background);
|
|
1731
1686
|
--salt-actionable-positive-bold-borderColor-active: var(--salt-palette-alpha-none);
|
|
1732
|
-
--salt-actionable-positive-bold-borderColor-disabled: var(--salt-palette-alpha-none);
|
|
1733
1687
|
--salt-actionable-positive-bold-borderColor-hover: var(--salt-palette-alpha-none);
|
|
1734
1688
|
--salt-actionable-positive-bold-borderColor: var(--salt-palette-alpha-none);
|
|
1735
1689
|
--salt-actionable-positive-bold-foreground-active: var(--salt-palette-interact-cta-foreground);
|
|
1736
|
-
--salt-actionable-positive-bold-foreground-disabled: var(--salt-palette-interact-cta-foreground-disabled);
|
|
1737
1690
|
--salt-actionable-positive-bold-foreground-hover: var(--salt-palette-interact-cta-foreground);
|
|
1738
1691
|
--salt-actionable-positive-bold-foreground: var(--salt-palette-interact-cta-foreground);
|
|
1739
1692
|
--salt-actionable-positive-background-active: var(--salt-palette-positive-background-active);
|
|
1740
|
-
--salt-actionable-positive-background-disabled: var(--salt-palette-alpha-none);
|
|
1741
1693
|
--salt-actionable-positive-background-hover: var(--salt-palette-positive-background-hover);
|
|
1742
1694
|
--salt-actionable-positive-background: var(--salt-palette-alpha-none);
|
|
1743
1695
|
--salt-actionable-positive-borderColor-active: var(--salt-palette-alpha-none);
|
|
1744
|
-
--salt-actionable-positive-borderColor-disabled: var(--salt-palette-positive-border-disabled);
|
|
1745
1696
|
--salt-actionable-positive-borderColor-hover: var(--salt-palette-alpha-none);
|
|
1746
1697
|
--salt-actionable-positive-borderColor: var(--salt-palette-positive-border);
|
|
1747
1698
|
--salt-actionable-positive-foreground-active: var(--salt-palette-interact-cta-foreground);
|
|
1748
|
-
--salt-actionable-positive-foreground-disabled: var(--salt-palette-positive-foreground-disabled);
|
|
1749
1699
|
--salt-actionable-positive-foreground-hover: var(--salt-palette-interact-cta-foreground);
|
|
1750
1700
|
--salt-actionable-positive-foreground: var(--salt-palette-positive-foreground);
|
|
1701
|
+
--salt-actionable-positive-background-selected: var(--salt-palette-positive-background-active);
|
|
1702
|
+
--salt-actionable-positive-borderColor-selected: var(--salt-palette-alpha-none);
|
|
1703
|
+
--salt-actionable-positive-foreground-selected: var(--salt-palette-interact-cta-foreground);
|
|
1751
1704
|
--salt-actionable-positive-subtle-background-active: var(--salt-palette-positive-background-active);
|
|
1752
|
-
--salt-actionable-positive-subtle-background-disabled: var(--salt-palette-alpha-none);
|
|
1753
1705
|
--salt-actionable-positive-subtle-background-hover: var(--salt-palette-positive-background-hover);
|
|
1754
1706
|
--salt-actionable-positive-subtle-background: var(--salt-palette-alpha-none);
|
|
1755
1707
|
--salt-actionable-positive-subtle-borderColor-active: var(--salt-palette-alpha-none);
|
|
1756
|
-
--salt-actionable-positive-subtle-borderColor-disabled: var(--salt-palette-alpha-none);
|
|
1757
1708
|
--salt-actionable-positive-subtle-borderColor-hover: var(--salt-palette-alpha-none);
|
|
1758
1709
|
--salt-actionable-positive-subtle-borderColor: var(--salt-palette-alpha-none);
|
|
1759
1710
|
--salt-actionable-positive-subtle-foreground-active: var(--salt-palette-interact-cta-foreground);
|
|
1760
|
-
--salt-actionable-positive-subtle-foreground-disabled: var(--salt-palette-positive-foreground-disabled);
|
|
1761
1711
|
--salt-actionable-positive-subtle-foreground-hover: var(--salt-palette-interact-cta-foreground);
|
|
1762
1712
|
--salt-actionable-positive-subtle-foreground: var(--salt-palette-positive-foreground);
|
|
1763
1713
|
--salt-actionable-caution-bold-background-active: var(--salt-palette-warning-action-active);
|
|
1764
|
-
--salt-actionable-caution-bold-background-disabled: var(--salt-palette-warning-action-disabled);
|
|
1765
1714
|
--salt-actionable-caution-bold-background-hover: var(--salt-palette-warning-action-hover);
|
|
1766
1715
|
--salt-actionable-caution-bold-background: var(--salt-palette-warning-action);
|
|
1767
1716
|
--salt-actionable-caution-bold-borderColor-active: var(--salt-palette-alpha-none);
|
|
1768
|
-
--salt-actionable-caution-bold-borderColor-disabled: var(--salt-palette-alpha-none);
|
|
1769
1717
|
--salt-actionable-caution-bold-borderColor-hover: var(--salt-palette-alpha-none);
|
|
1770
1718
|
--salt-actionable-caution-bold-borderColor: var(--salt-palette-alpha-none);
|
|
1771
1719
|
--salt-actionable-caution-bold-foreground-active: var(--salt-palette-interact-cta-foreground);
|
|
1772
|
-
--salt-actionable-caution-bold-foreground-disabled: var(--salt-palette-warning-action-foreground-disabled);
|
|
1773
1720
|
--salt-actionable-caution-bold-foreground-hover: var(--salt-palette-warning-action-foreground);
|
|
1774
1721
|
--salt-actionable-caution-bold-foreground: var(--salt-palette-warning-action-foreground);
|
|
1775
1722
|
--salt-actionable-caution-background-active: var(--salt-palette-warning-action-active);
|
|
1776
|
-
--salt-actionable-caution-background-disabled: var(--salt-palette-alpha-none);
|
|
1777
1723
|
--salt-actionable-caution-background-hover: var(--salt-palette-warning-action-hover);
|
|
1778
1724
|
--salt-actionable-caution-background: var(--salt-palette-alpha-none);
|
|
1779
1725
|
--salt-actionable-caution-borderColor-active: var(--salt-palette-alpha-none);
|
|
1780
|
-
--salt-actionable-caution-borderColor-disabled: var(--salt-palette-warning-border-disabled);
|
|
1781
1726
|
--salt-actionable-caution-borderColor-hover: var(--salt-palette-alpha-none);
|
|
1782
1727
|
--salt-actionable-caution-borderColor: var(--salt-palette-warning-border);
|
|
1783
1728
|
--salt-actionable-caution-foreground-active: var(--salt-palette-interact-cta-foreground);
|
|
1784
|
-
--salt-actionable-caution-foreground-disabled: var(--salt-palette-warning-foreground-informative-disabled);
|
|
1785
1729
|
--salt-actionable-caution-foreground-hover: var(--salt-palette-warning-action-foreground);
|
|
1786
1730
|
--salt-actionable-caution-foreground: var(--salt-palette-warning-foreground-informative);
|
|
1731
|
+
--salt-actionable-caution-background-selected: var(--salt-palette-warning-action-active);
|
|
1732
|
+
--salt-actionable-caution-borderColor-selected: var(--salt-palette-alpha-none);
|
|
1733
|
+
--salt-actionable-caution-foreground-selected: var(--salt-palette-interact-cta-foreground);
|
|
1787
1734
|
--salt-actionable-caution-subtle-background-active: var(--salt-palette-warning-action-active);
|
|
1788
|
-
--salt-actionable-caution-subtle-background-disabled: var(--salt-palette-alpha-none);
|
|
1789
1735
|
--salt-actionable-caution-subtle-background-hover: var(--salt-palette-warning-action-hover);
|
|
1790
1736
|
--salt-actionable-caution-subtle-background: var(--salt-palette-alpha-none);
|
|
1791
1737
|
--salt-actionable-caution-subtle-borderColor-active: var(--salt-palette-alpha-none);
|
|
1792
|
-
--salt-actionable-caution-subtle-borderColor-disabled: var(--salt-palette-alpha-none);
|
|
1793
1738
|
--salt-actionable-caution-subtle-borderColor-hover: var(--salt-palette-alpha-none);
|
|
1794
1739
|
--salt-actionable-caution-subtle-borderColor: var(--salt-palette-alpha-none);
|
|
1795
1740
|
--salt-actionable-caution-subtle-foreground-active: var(--salt-palette-interact-cta-foreground);
|
|
1796
|
-
--salt-actionable-caution-subtle-foreground-disabled: var(--salt-palette-warning-foreground-informative-disabled);
|
|
1797
1741
|
--salt-actionable-caution-subtle-foreground-hover: var(--salt-palette-warning-action-foreground);
|
|
1798
1742
|
--salt-actionable-caution-subtle-foreground: var(--salt-palette-warning-foreground-informative);
|
|
1799
1743
|
}
|
|
@@ -2592,6 +2536,51 @@
|
|
|
2592
2536
|
--salt-actionable-secondary-foreground-disabled: var(--salt-actionable-subtle-foreground-disabled);
|
|
2593
2537
|
--salt-actionable-secondary-foreground-hover: var(--salt-actionable-subtle-foreground-hover);
|
|
2594
2538
|
--salt-actionable-secondary-foreground: var(--salt-actionable-subtle-foreground);
|
|
2539
|
+
--salt-actionable-accented-bold-background-disabled: var(--salt-palette-interact-cta-background-disabled);
|
|
2540
|
+
--salt-actionable-accented-bold-borderColor-disabled: var(--salt-palette-alpha-none);
|
|
2541
|
+
--salt-actionable-accented-bold-foreground-disabled: var(--salt-palette-interact-cta-foreground-disabled);
|
|
2542
|
+
--salt-actionable-bold-background-disabled: var(--salt-palette-interact-primary-background-disabled);
|
|
2543
|
+
--salt-actionable-bold-borderColor-disabled: var(--salt-palette-alpha-none);
|
|
2544
|
+
--salt-actionable-bold-foreground-disabled: var(--salt-palette-neutral-primary-foreground-disabled);
|
|
2545
|
+
--salt-actionable-accented-background-disabled: var(--salt-palette-alpha-none);
|
|
2546
|
+
--salt-actionable-accented-borderColor-disabled: var(--salt-palette-accent-disabled);
|
|
2547
|
+
--salt-actionable-accented-foreground-disabled: var(--salt-palette-accent-foreground-informative-disabled);
|
|
2548
|
+
--salt-actionable-background-disabled: var(--salt-palette-alpha-none);
|
|
2549
|
+
--salt-actionable-borderColor-disabled: var(--salt-palette-interact-border-disabled);
|
|
2550
|
+
--salt-actionable-foreground-disabled: var(--salt-palette-neutral-primary-foreground-disabled);
|
|
2551
|
+
--salt-actionable-accented-subtle-background-disabled: var(--salt-palette-alpha-none);
|
|
2552
|
+
--salt-actionable-accented-subtle-borderColor-disabled: var(--salt-palette-alpha-none);
|
|
2553
|
+
--salt-actionable-accented-subtle-foreground-disabled: var(--salt-palette-accent-foreground-informative-disabled);
|
|
2554
|
+
--salt-actionable-subtle-background-disabled: var(--salt-palette-alpha-none);
|
|
2555
|
+
--salt-actionable-subtle-borderColor-disabled: var(--salt-palette-alpha-none);
|
|
2556
|
+
--salt-actionable-subtle-foreground-disabled: var(--salt-palette-neutral-primary-foreground-disabled);
|
|
2557
|
+
--salt-actionable-negative-bold-background-disabled: var(--salt-palette-negative-background-disabled);
|
|
2558
|
+
--salt-actionable-negative-bold-borderColor-disabled: var(--salt-palette-alpha-none);
|
|
2559
|
+
--salt-actionable-negative-bold-foreground-disabled: var(--salt-palette-interact-cta-foreground-disabled);
|
|
2560
|
+
--salt-actionable-negative-background-disabled: var(--salt-palette-alpha-none);
|
|
2561
|
+
--salt-actionable-negative-borderColor-disabled: var(--salt-palette-negative-border-disabled);
|
|
2562
|
+
--salt-actionable-negative-foreground-disabled: var(--salt-palette-negative-foreground-disabled);
|
|
2563
|
+
--salt-actionable-negative-subtle-background-disabled: var(--salt-palette-alpha-none);
|
|
2564
|
+
--salt-actionable-negative-subtle-borderColor-disabled: var(--salt-palette-alpha-none);
|
|
2565
|
+
--salt-actionable-negative-subtle-foreground-disabled: var(--salt-palette-negative-foreground-disabled);
|
|
2566
|
+
--salt-actionable-positive-bold-background-disabled: var(--salt-palette-positive-background-disabled);
|
|
2567
|
+
--salt-actionable-positive-bold-borderColor-disabled: var(--salt-palette-alpha-none);
|
|
2568
|
+
--salt-actionable-positive-bold-foreground-disabled: var(--salt-palette-interact-cta-foreground-disabled);
|
|
2569
|
+
--salt-actionable-positive-background-disabled: var(--salt-palette-alpha-none);
|
|
2570
|
+
--salt-actionable-positive-borderColor-disabled: var(--salt-palette-positive-border-disabled);
|
|
2571
|
+
--salt-actionable-positive-foreground-disabled: var(--salt-palette-positive-foreground-disabled);
|
|
2572
|
+
--salt-actionable-positive-subtle-background-disabled: var(--salt-palette-alpha-none);
|
|
2573
|
+
--salt-actionable-positive-subtle-borderColor-disabled: var(--salt-palette-alpha-none);
|
|
2574
|
+
--salt-actionable-positive-subtle-foreground-disabled: var(--salt-palette-positive-foreground-disabled);
|
|
2575
|
+
--salt-actionable-caution-bold-background-disabled: var(--salt-palette-warning-action-disabled);
|
|
2576
|
+
--salt-actionable-caution-bold-borderColor-disabled: var(--salt-palette-alpha-none);
|
|
2577
|
+
--salt-actionable-caution-bold-foreground-disabled: var(--salt-palette-warning-action-foreground-disabled);
|
|
2578
|
+
--salt-actionable-caution-background-disabled: var(--salt-palette-alpha-none);
|
|
2579
|
+
--salt-actionable-caution-borderColor-disabled: var(--salt-palette-warning-border-disabled);
|
|
2580
|
+
--salt-actionable-caution-foreground-disabled: var(--salt-palette-warning-foreground-informative-disabled);
|
|
2581
|
+
--salt-actionable-caution-subtle-background-disabled: var(--salt-palette-alpha-none);
|
|
2582
|
+
--salt-actionable-caution-subtle-borderColor-disabled: var(--salt-palette-alpha-none);
|
|
2583
|
+
--salt-actionable-caution-subtle-foreground-disabled: var(--salt-palette-warning-foreground-informative-disabled);
|
|
2595
2584
|
}
|
|
2596
2585
|
|
|
2597
2586
|
/* css/legacy/deprecated/fade.css */
|
|
@@ -2719,6 +2708,8 @@
|
|
|
2719
2708
|
--salt-palette-interact-secondary-background-disabled: transparent;
|
|
2720
2709
|
--salt-palette-interact-cta-foreground-active: var(--salt-color-white);
|
|
2721
2710
|
--salt-palette-interact-cta-foreground-hover: var(--salt-color-white);
|
|
2711
|
+
--salt-palette-interact-cta-background-disabled: var(--salt-color-blue-600-40a);
|
|
2712
|
+
--salt-palette-interact-primary-background-disabled: var(--salt-color-gray-60-40a);
|
|
2722
2713
|
--salt-palette-measured-fill: var(--salt-color-blue-500);
|
|
2723
2714
|
--salt-palette-measured-fill-disabled: var(--salt-color-blue-500-fade-fill);
|
|
2724
2715
|
--salt-palette-measured-foreground: var(--salt-color-gray-90);
|
|
@@ -2777,6 +2768,17 @@
|
|
|
2777
2768
|
--salt-palette-accent-border: var(--salt-color-blue-500);
|
|
2778
2769
|
--salt-palette-accent-background-disabled: var(--salt-color-blue-500-fade-background);
|
|
2779
2770
|
--salt-palette-accent-border-disabled: var(--salt-color-blue-500-fade-border);
|
|
2771
|
+
--salt-palette-accent-foreground-informative-disabled: var(--salt-color-blue-600-40a);
|
|
2772
|
+
--salt-palette-negative-foreground-disabled: var(--salt-color-red-600-40a);
|
|
2773
|
+
--salt-palette-negative-background-disabled: var(--salt-color-red-600-40a);
|
|
2774
|
+
--salt-palette-negative-border-disabled: var(--salt-color-red-500-40a);
|
|
2775
|
+
--salt-palette-positive-foreground-disabled: var(--salt-color-green-600-40a);
|
|
2776
|
+
--salt-palette-positive-background-disabled: var(--salt-color-green-600-40a);
|
|
2777
|
+
--salt-palette-positive-border-disabled: var(--salt-color-green-500-40a);
|
|
2778
|
+
--salt-palette-warning-border-disabled: var(--salt-color-orange-700-40a);
|
|
2779
|
+
--salt-palette-warning-foreground-informative-disabled: var(--salt-color-orange-850-40a);
|
|
2780
|
+
--salt-palette-warning-action-disabled: var(--salt-color-orange-600-40a);
|
|
2781
|
+
--salt-palette-warning-action-foreground-disabled: var(--salt-color-gray-900-40a);
|
|
2780
2782
|
}
|
|
2781
2783
|
.salt-theme[data-mode=dark] {
|
|
2782
2784
|
--salt-palette-interact-foreground-partial: var(--salt-color-blue-100);
|
|
@@ -2795,6 +2797,8 @@
|
|
|
2795
2797
|
--salt-palette-interact-secondary-background-disabled: transparent;
|
|
2796
2798
|
--salt-palette-interact-cta-foreground-active: var(--salt-color-white);
|
|
2797
2799
|
--salt-palette-interact-cta-foreground-hover: var(--salt-color-white);
|
|
2800
|
+
--salt-palette-interact-cta-background-disabled: var(--salt-color-blue-600-40a);
|
|
2801
|
+
--salt-palette-interact-primary-background-disabled: var(--salt-color-gray-300-40a);
|
|
2798
2802
|
--salt-palette-measured-fill: var(--salt-color-blue-300);
|
|
2799
2803
|
--salt-palette-measured-fill-disabled: var(--salt-color-blue-300-fade-fill);
|
|
2800
2804
|
--salt-palette-measured-foreground: var(--salt-color-gray-90);
|
|
@@ -2853,6 +2857,17 @@
|
|
|
2853
2857
|
--salt-palette-accent-border: var(--salt-color-blue-500);
|
|
2854
2858
|
--salt-palette-accent-background-disabled: var(--salt-color-blue-500-fade-background);
|
|
2855
2859
|
--salt-palette-accent-border-disabled: var(--salt-color-blue-500-fade-border);
|
|
2860
|
+
--salt-palette-accent-foreground-informative-disabled: var(--salt-color-blue-200-40a);
|
|
2861
|
+
--salt-palette-negative-foreground-disabled: var(--salt-color-red-200-40a);
|
|
2862
|
+
--salt-palette-negative-background-disabled: var(--salt-color-red-600-40a);
|
|
2863
|
+
--salt-palette-negative-border-disabled: var(--salt-color-red-500-40a);
|
|
2864
|
+
--salt-palette-positive-foreground-disabled: var(--salt-color-green-200-40a);
|
|
2865
|
+
--salt-palette-positive-background-disabled: var(--salt-color-green-600-40a);
|
|
2866
|
+
--salt-palette-positive-border-disabled: var(--salt-color-green-500-40a);
|
|
2867
|
+
--salt-palette-warning-border-disabled: var(--salt-color-orange-500-40a);
|
|
2868
|
+
--salt-palette-warning-foreground-informative-disabled: var(--salt-color-orange-400-40a);
|
|
2869
|
+
--salt-palette-warning-action-disabled: var(--salt-color-orange-600-40a);
|
|
2870
|
+
--salt-palette-warning-action-foreground-disabled: var(--salt-color-gray-900-40a);
|
|
2856
2871
|
}
|
|
2857
2872
|
|
|
2858
2873
|
/* css/theme.css */
|