@salt-ds/theme 1.37.0 → 1.38.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.
Files changed (4) hide show
  1. package/css/theme-next.css +144 -60
  2. package/css/theme.css +144 -60
  3. package/index.css +144 -60
  4. package/package.json +2 -2
package/css/theme-next.css CHANGED
@@ -1421,86 +1421,106 @@
1421
1421
 
1422
1422
  /* css/next/characteristics/category.css */
1423
1423
  .salt-theme.salt-theme-next {
1424
- --salt-category-1-subtle-foreground: var(--salt-palette-categorical-1-strong);
1425
- --salt-category-1-subtle-background: var(--salt-palette-categorical-1-weakest);
1426
- --salt-category-1-subtle-borderColor: var(--salt-palette-categorical-1);
1424
+ --salt-category-1-foreground: var(--salt-palette-categorical-1-strong);
1425
+ --salt-category-1-background: var(--salt-palette-categorical-1-weakest);
1426
+ --salt-category-1-borderColor: var(--salt-palette-categorical-1);
1427
1427
  --salt-category-1-bold-background: var(--salt-palette-categorical-1);
1428
- --salt-category-2-subtle-foreground: var(--salt-palette-categorical-2-strong);
1429
- --salt-category-2-subtle-background: var(--salt-palette-categorical-2-weakest);
1430
- --salt-category-2-subtle-borderColor: var(--salt-palette-categorical-2);
1428
+ --salt-category-1-dataviz: var(--salt-palette-categorical-1);
1429
+ --salt-category-2-foreground: var(--salt-palette-categorical-2-strong);
1430
+ --salt-category-2-background: var(--salt-palette-categorical-2-weakest);
1431
+ --salt-category-2-borderColor: var(--salt-palette-categorical-2);
1431
1432
  --salt-category-2-bold-background: var(--salt-palette-categorical-2);
1432
- --salt-category-3-subtle-foreground: var(--salt-palette-categorical-3-strong);
1433
- --salt-category-3-subtle-background: var(--salt-palette-categorical-3-weakest);
1434
- --salt-category-3-subtle-borderColor: var(--salt-palette-categorical-3);
1433
+ --salt-category-2-dataviz: var(--salt-palette-categorical-2);
1434
+ --salt-category-3-foreground: var(--salt-palette-categorical-3-strong);
1435
+ --salt-category-3-background: var(--salt-palette-categorical-3-weakest);
1436
+ --salt-category-3-borderColor: var(--salt-palette-categorical-3);
1435
1437
  --salt-category-3-bold-background: var(--salt-palette-categorical-3);
1436
- --salt-category-4-subtle-foreground: var(--salt-palette-categorical-4-strong);
1437
- --salt-category-4-subtle-background: var(--salt-palette-categorical-4-weakest);
1438
- --salt-category-4-subtle-borderColor: var(--salt-palette-categorical-4);
1438
+ --salt-category-3-dataviz: var(--salt-palette-categorical-3);
1439
+ --salt-category-4-foreground: var(--salt-palette-categorical-4-strong);
1440
+ --salt-category-4-background: var(--salt-palette-categorical-4-weakest);
1441
+ --salt-category-4-borderColor: var(--salt-palette-categorical-4);
1439
1442
  --salt-category-4-bold-background: var(--salt-palette-categorical-4);
1440
- --salt-category-5-subtle-foreground: var(--salt-palette-categorical-5-strong);
1441
- --salt-category-5-subtle-background: var(--salt-palette-categorical-5-weakest);
1442
- --salt-category-5-subtle-borderColor: var(--salt-palette-categorical-5);
1443
+ --salt-category-4-dataviz: var(--salt-palette-categorical-4);
1444
+ --salt-category-5-foreground: var(--salt-palette-categorical-5-strong);
1445
+ --salt-category-5-background: var(--salt-palette-categorical-5-weakest);
1446
+ --salt-category-5-borderColor: var(--salt-palette-categorical-5);
1443
1447
  --salt-category-5-bold-background: var(--salt-palette-categorical-5);
1444
- --salt-category-6-subtle-foreground: var(--salt-palette-categorical-6-strong);
1445
- --salt-category-6-subtle-background: var(--salt-palette-categorical-6-weakest);
1446
- --salt-category-6-subtle-borderColor: var(--salt-palette-categorical-6);
1448
+ --salt-category-5-dataviz: var(--salt-palette-categorical-5);
1449
+ --salt-category-6-foreground: var(--salt-palette-categorical-6-strong);
1450
+ --salt-category-6-background: var(--salt-palette-categorical-6-weakest);
1451
+ --salt-category-6-borderColor: var(--salt-palette-categorical-6);
1447
1452
  --salt-category-6-bold-background: var(--salt-palette-categorical-6);
1448
- --salt-category-7-subtle-foreground: var(--salt-palette-categorical-7-strong);
1449
- --salt-category-7-subtle-background: var(--salt-palette-categorical-7-weakest);
1450
- --salt-category-7-subtle-borderColor: var(--salt-palette-categorical-7);
1453
+ --salt-category-6-dataviz: var(--salt-palette-categorical-6);
1454
+ --salt-category-7-foreground: var(--salt-palette-categorical-7-strong);
1455
+ --salt-category-7-background: var(--salt-palette-categorical-7-weakest);
1456
+ --salt-category-7-borderColor: var(--salt-palette-categorical-7);
1451
1457
  --salt-category-7-bold-background: var(--salt-palette-categorical-7);
1452
- --salt-category-8-subtle-foreground: var(--salt-palette-categorical-8-strong);
1453
- --salt-category-8-subtle-background: var(--salt-palette-categorical-8-weakest);
1454
- --salt-category-8-subtle-borderColor: var(--salt-palette-categorical-8);
1458
+ --salt-category-7-dataviz: var(--salt-palette-categorical-7);
1459
+ --salt-category-8-foreground: var(--salt-palette-categorical-8-strong);
1460
+ --salt-category-8-background: var(--salt-palette-categorical-8-weakest);
1461
+ --salt-category-8-borderColor: var(--salt-palette-categorical-8);
1455
1462
  --salt-category-8-bold-background: var(--salt-palette-categorical-8);
1456
- --salt-category-9-subtle-foreground: var(--salt-palette-categorical-9-strong);
1457
- --salt-category-9-subtle-background: var(--salt-palette-categorical-9-weakest);
1458
- --salt-category-9-subtle-borderColor: var(--salt-palette-categorical-9);
1463
+ --salt-category-8-dataviz: var(--salt-palette-categorical-8);
1464
+ --salt-category-9-foreground: var(--salt-palette-categorical-9-strong);
1465
+ --salt-category-9-background: var(--salt-palette-categorical-9-weakest);
1466
+ --salt-category-9-borderColor: var(--salt-palette-categorical-9);
1459
1467
  --salt-category-9-bold-background: var(--salt-palette-categorical-9);
1460
- --salt-category-10-subtle-foreground: var(--salt-palette-categorical-10-strong);
1461
- --salt-category-10-subtle-background: var(--salt-palette-categorical-10-weakest);
1462
- --salt-category-10-subtle-borderColor: var(--salt-palette-categorical-10);
1468
+ --salt-category-9-dataviz: var(--salt-palette-categorical-9);
1469
+ --salt-category-10-foreground: var(--salt-palette-categorical-10-strong);
1470
+ --salt-category-10-background: var(--salt-palette-categorical-10-weakest);
1471
+ --salt-category-10-borderColor: var(--salt-palette-categorical-10);
1463
1472
  --salt-category-10-bold-background: var(--salt-palette-categorical-10);
1464
- --salt-category-11-subtle-foreground: var(--salt-palette-categorical-11-strong);
1465
- --salt-category-11-subtle-background: var(--salt-palette-categorical-11-weakest);
1466
- --salt-category-11-subtle-borderColor: var(--salt-palette-categorical-11);
1473
+ --salt-category-10-dataviz: var(--salt-palette-categorical-10);
1474
+ --salt-category-11-foreground: var(--salt-palette-categorical-11-strong);
1475
+ --salt-category-11-background: var(--salt-palette-categorical-11-weakest);
1476
+ --salt-category-11-borderColor: var(--salt-palette-categorical-11);
1467
1477
  --salt-category-11-bold-background: var(--salt-palette-categorical-11);
1468
- --salt-category-12-subtle-foreground: var(--salt-palette-categorical-12-strong);
1469
- --salt-category-12-subtle-background: var(--salt-palette-categorical-12-weakest);
1470
- --salt-category-12-subtle-borderColor: var(--salt-palette-categorical-12);
1478
+ --salt-category-11-dataviz: var(--salt-palette-categorical-11);
1479
+ --salt-category-12-foreground: var(--salt-palette-categorical-12-strong);
1480
+ --salt-category-12-background: var(--salt-palette-categorical-12-weakest);
1481
+ --salt-category-12-borderColor: var(--salt-palette-categorical-12);
1471
1482
  --salt-category-12-bold-background: var(--salt-palette-categorical-12);
1472
- --salt-category-13-subtle-foreground: var(--salt-palette-categorical-13-strong);
1473
- --salt-category-13-subtle-background: var(--salt-palette-categorical-13-weakest);
1474
- --salt-category-13-subtle-borderColor: var(--salt-palette-categorical-13);
1483
+ --salt-category-12-dataviz: var(--salt-palette-categorical-12);
1484
+ --salt-category-13-foreground: var(--salt-palette-categorical-13-strong);
1485
+ --salt-category-13-background: var(--salt-palette-categorical-13-weakest);
1486
+ --salt-category-13-borderColor: var(--salt-palette-categorical-13);
1475
1487
  --salt-category-13-bold-background: var(--salt-palette-categorical-13);
1476
- --salt-category-14-subtle-foreground: var(--salt-palette-categorical-14-strong);
1477
- --salt-category-14-subtle-background: var(--salt-palette-categorical-14-weakest);
1478
- --salt-category-14-subtle-borderColor: var(--salt-palette-categorical-14);
1488
+ --salt-category-13-dataviz: var(--salt-palette-categorical-13);
1489
+ --salt-category-14-foreground: var(--salt-palette-categorical-14-strong);
1490
+ --salt-category-14-background: var(--salt-palette-categorical-14-weakest);
1491
+ --salt-category-14-borderColor: var(--salt-palette-categorical-14);
1479
1492
  --salt-category-14-bold-background: var(--salt-palette-categorical-14);
1480
- --salt-category-15-subtle-foreground: var(--salt-palette-categorical-15-strong);
1481
- --salt-category-15-subtle-background: var(--salt-palette-categorical-15-weakest);
1482
- --salt-category-15-subtle-borderColor: var(--salt-palette-categorical-15);
1493
+ --salt-category-14-dataviz: var(--salt-palette-categorical-14);
1494
+ --salt-category-15-foreground: var(--salt-palette-categorical-15-strong);
1495
+ --salt-category-15-background: var(--salt-palette-categorical-15-weakest);
1496
+ --salt-category-15-borderColor: var(--salt-palette-categorical-15);
1483
1497
  --salt-category-15-bold-background: var(--salt-palette-categorical-15);
1484
- --salt-category-16-subtle-foreground: var(--salt-palette-categorical-16-strong);
1485
- --salt-category-16-subtle-background: var(--salt-palette-categorical-16-weakest);
1486
- --salt-category-16-subtle-borderColor: var(--salt-palette-categorical-16);
1498
+ --salt-category-15-dataviz: var(--salt-palette-categorical-15);
1499
+ --salt-category-16-foreground: var(--salt-palette-categorical-16-strong);
1500
+ --salt-category-16-background: var(--salt-palette-categorical-16-weakest);
1501
+ --salt-category-16-borderColor: var(--salt-palette-categorical-16);
1487
1502
  --salt-category-16-bold-background: var(--salt-palette-categorical-16);
1488
- --salt-category-17-subtle-foreground: var(--salt-palette-categorical-17-strong);
1489
- --salt-category-17-subtle-background: var(--salt-palette-categorical-17-weakest);
1490
- --salt-category-17-subtle-borderColor: var(--salt-palette-categorical-17);
1503
+ --salt-category-16-dataviz: var(--salt-palette-categorical-16);
1504
+ --salt-category-17-foreground: var(--salt-palette-categorical-17-strong);
1505
+ --salt-category-17-background: var(--salt-palette-categorical-17-weakest);
1506
+ --salt-category-17-borderColor: var(--salt-palette-categorical-17);
1491
1507
  --salt-category-17-bold-background: var(--salt-palette-categorical-17);
1492
- --salt-category-18-subtle-foreground: var(--salt-palette-categorical-18-strong);
1493
- --salt-category-18-subtle-background: var(--salt-palette-categorical-18-weakest);
1494
- --salt-category-18-subtle-borderColor: var(--salt-palette-categorical-18);
1508
+ --salt-category-17-dataviz: var(--salt-palette-categorical-17);
1509
+ --salt-category-18-foreground: var(--salt-palette-categorical-18-strong);
1510
+ --salt-category-18-background: var(--salt-palette-categorical-18-weakest);
1511
+ --salt-category-18-borderColor: var(--salt-palette-categorical-18);
1495
1512
  --salt-category-18-bold-background: var(--salt-palette-categorical-18);
1496
- --salt-category-19-subtle-foreground: var(--salt-palette-categorical-19-strong);
1497
- --salt-category-19-subtle-background: var(--salt-palette-categorical-19-weakest);
1498
- --salt-category-19-subtle-borderColor: var(--salt-palette-categorical-19);
1513
+ --salt-category-18-dataviz: var(--salt-palette-categorical-18);
1514
+ --salt-category-19-foreground: var(--salt-palette-categorical-19-strong);
1515
+ --salt-category-19-background: var(--salt-palette-categorical-19-weakest);
1516
+ --salt-category-19-borderColor: var(--salt-palette-categorical-19);
1499
1517
  --salt-category-19-bold-background: var(--salt-palette-categorical-19);
1500
- --salt-category-20-subtle-foreground: var(--salt-palette-categorical-20-strong);
1501
- --salt-category-20-subtle-background: var(--salt-palette-categorical-20-weakest);
1502
- --salt-category-20-subtle-borderColor: var(--salt-palette-categorical-20);
1518
+ --salt-category-19-dataviz: var(--salt-palette-categorical-19);
1519
+ --salt-category-20-foreground: var(--salt-palette-categorical-20-strong);
1520
+ --salt-category-20-background: var(--salt-palette-categorical-20-weakest);
1521
+ --salt-category-20-borderColor: var(--salt-palette-categorical-20);
1503
1522
  --salt-category-20-bold-background: var(--salt-palette-categorical-20);
1523
+ --salt-category-20-dataviz: var(--salt-palette-categorical-20);
1504
1524
  }
1505
1525
 
1506
1526
  /* css/next/characteristics/container.css */
@@ -1614,6 +1634,10 @@
1614
1634
  --salt-sentiment-positive-foreground-decorative: var(--salt-palette-positive);
1615
1635
  --salt-sentiment-neutral-track: var(--salt-palette-alpha-contrast-high);
1616
1636
  --salt-sentiment-neutral-track-disabled: var(--salt-palette-alpha-contrast-lower);
1637
+ --salt-sentiment-caution-dataviz: var(--salt-palette-warning);
1638
+ --salt-sentiment-negative-dataviz: var(--salt-palette-negative);
1639
+ --salt-sentiment-positive-dataviz: var(--salt-palette-positive);
1640
+ --salt-sentiment-neutral-dataviz: var(--salt-palette-neutral);
1617
1641
  }
1618
1642
 
1619
1643
  /* css/next/characteristics/separable.css */
@@ -2119,6 +2143,66 @@
2119
2143
  --salt-category-18-bold-foreground: var(--salt-palette-foreground-primary-alt);
2120
2144
  --salt-category-19-bold-foreground: var(--salt-palette-foreground-primary-alt);
2121
2145
  --salt-category-20-bold-foreground: var(--salt-palette-foreground-primary-alt);
2146
+ --salt-category-1-subtle-foreground: var(--salt-palette-categorical-1-strong);
2147
+ --salt-category-1-subtle-background: var(--salt-palette-categorical-1-weakest);
2148
+ --salt-category-1-subtle-borderColor: var(--salt-palette-categorical-1);
2149
+ --salt-category-2-subtle-foreground: var(--salt-palette-categorical-2-strong);
2150
+ --salt-category-2-subtle-background: var(--salt-palette-categorical-2-weakest);
2151
+ --salt-category-2-subtle-borderColor: var(--salt-palette-categorical-2);
2152
+ --salt-category-3-subtle-foreground: var(--salt-palette-categorical-3-strong);
2153
+ --salt-category-3-subtle-background: var(--salt-palette-categorical-3-weakest);
2154
+ --salt-category-3-subtle-borderColor: var(--salt-palette-categorical-3);
2155
+ --salt-category-4-subtle-foreground: var(--salt-palette-categorical-4-strong);
2156
+ --salt-category-4-subtle-background: var(--salt-palette-categorical-4-weakest);
2157
+ --salt-category-4-subtle-borderColor: var(--salt-palette-categorical-4);
2158
+ --salt-category-5-subtle-foreground: var(--salt-palette-categorical-5-strong);
2159
+ --salt-category-5-subtle-background: var(--salt-palette-categorical-5-weakest);
2160
+ --salt-category-5-subtle-borderColor: var(--salt-palette-categorical-5);
2161
+ --salt-category-6-subtle-foreground: var(--salt-palette-categorical-6-strong);
2162
+ --salt-category-6-subtle-background: var(--salt-palette-categorical-6-weakest);
2163
+ --salt-category-6-subtle-borderColor: var(--salt-palette-categorical-6);
2164
+ --salt-category-7-subtle-foreground: var(--salt-palette-categorical-7-strong);
2165
+ --salt-category-7-subtle-background: var(--salt-palette-categorical-7-weakest);
2166
+ --salt-category-7-subtle-borderColor: var(--salt-palette-categorical-7);
2167
+ --salt-category-8-subtle-foreground: var(--salt-palette-categorical-8-strong);
2168
+ --salt-category-8-subtle-background: var(--salt-palette-categorical-8-weakest);
2169
+ --salt-category-8-subtle-borderColor: var(--salt-palette-categorical-8);
2170
+ --salt-category-9-subtle-foreground: var(--salt-palette-categorical-9-strong);
2171
+ --salt-category-9-subtle-background: var(--salt-palette-categorical-9-weakest);
2172
+ --salt-category-9-subtle-borderColor: var(--salt-palette-categorical-9);
2173
+ --salt-category-10-subtle-foreground: var(--salt-palette-categorical-10-strong);
2174
+ --salt-category-10-subtle-background: var(--salt-palette-categorical-10-weakest);
2175
+ --salt-category-10-subtle-borderColor: var(--salt-palette-categorical-10);
2176
+ --salt-category-11-subtle-foreground: var(--salt-palette-categorical-11-strong);
2177
+ --salt-category-11-subtle-background: var(--salt-palette-categorical-11-weakest);
2178
+ --salt-category-11-subtle-borderColor: var(--salt-palette-categorical-11);
2179
+ --salt-category-12-subtle-foreground: var(--salt-palette-categorical-12-strong);
2180
+ --salt-category-12-subtle-background: var(--salt-palette-categorical-12-weakest);
2181
+ --salt-category-12-subtle-borderColor: var(--salt-palette-categorical-12);
2182
+ --salt-category-13-subtle-foreground: var(--salt-palette-categorical-13-strong);
2183
+ --salt-category-13-subtle-background: var(--salt-palette-categorical-13-weakest);
2184
+ --salt-category-13-subtle-borderColor: var(--salt-palette-categorical-13);
2185
+ --salt-category-14-subtle-foreground: var(--salt-palette-categorical-14-strong);
2186
+ --salt-category-14-subtle-background: var(--salt-palette-categorical-14-weakest);
2187
+ --salt-category-14-subtle-borderColor: var(--salt-palette-categorical-14);
2188
+ --salt-category-15-subtle-foreground: var(--salt-palette-categorical-15-strong);
2189
+ --salt-category-15-subtle-background: var(--salt-palette-categorical-15-weakest);
2190
+ --salt-category-15-subtle-borderColor: var(--salt-palette-categorical-15);
2191
+ --salt-category-16-subtle-foreground: var(--salt-palette-categorical-16-strong);
2192
+ --salt-category-16-subtle-background: var(--salt-palette-categorical-16-weakest);
2193
+ --salt-category-16-subtle-borderColor: var(--salt-palette-categorical-16);
2194
+ --salt-category-17-subtle-foreground: var(--salt-palette-categorical-17-strong);
2195
+ --salt-category-17-subtle-background: var(--salt-palette-categorical-17-weakest);
2196
+ --salt-category-17-subtle-borderColor: var(--salt-palette-categorical-17);
2197
+ --salt-category-18-subtle-foreground: var(--salt-palette-categorical-18-strong);
2198
+ --salt-category-18-subtle-background: var(--salt-palette-categorical-18-weakest);
2199
+ --salt-category-18-subtle-borderColor: var(--salt-palette-categorical-18);
2200
+ --salt-category-19-subtle-foreground: var(--salt-palette-categorical-19-strong);
2201
+ --salt-category-19-subtle-background: var(--salt-palette-categorical-19-weakest);
2202
+ --salt-category-19-subtle-borderColor: var(--salt-palette-categorical-19);
2203
+ --salt-category-20-subtle-foreground: var(--salt-palette-categorical-20-strong);
2204
+ --salt-category-20-subtle-background: var(--salt-palette-categorical-20-weakest);
2205
+ --salt-category-20-subtle-borderColor: var(--salt-palette-categorical-20);
2122
2206
  --salt-accent-foreground: var(--salt-palette-foreground-primary-alt);
2123
2207
  --salt-content-foreground-highlight: var(--salt-palette-accent-weaker);
2124
2208
  --salt-content-foreground-active: var(--salt-palette-accent-stronger);
package/css/theme.css CHANGED
@@ -1741,86 +1741,106 @@
1741
1741
 
1742
1742
  /* css/legacy/characteristics/category.css */
1743
1743
  .salt-theme {
1744
- --salt-category-1-subtle-foreground: var(--salt-palette-categorical-1-strong);
1745
- --salt-category-1-subtle-background: var(--salt-palette-categorical-1-weakest);
1746
- --salt-category-1-subtle-borderColor: var(--salt-palette-categorical-1);
1744
+ --salt-category-1-foreground: var(--salt-palette-categorical-1-strong);
1745
+ --salt-category-1-background: var(--salt-palette-categorical-1-weakest);
1746
+ --salt-category-1-borderColor: var(--salt-palette-categorical-1);
1747
1747
  --salt-category-1-bold-background: var(--salt-palette-categorical-1);
1748
- --salt-category-2-subtle-foreground: var(--salt-palette-categorical-2-strong);
1749
- --salt-category-2-subtle-background: var(--salt-palette-categorical-2-weakest);
1750
- --salt-category-2-subtle-borderColor: var(--salt-palette-categorical-2);
1748
+ --salt-category-1-dataviz: var(--salt-palette-categorical-1);
1749
+ --salt-category-2-foreground: var(--salt-palette-categorical-2-strong);
1750
+ --salt-category-2-background: var(--salt-palette-categorical-2-weakest);
1751
+ --salt-category-2-borderColor: var(--salt-palette-categorical-2);
1751
1752
  --salt-category-2-bold-background: var(--salt-palette-categorical-2);
1752
- --salt-category-3-subtle-foreground: var(--salt-palette-categorical-3-strong);
1753
- --salt-category-3-subtle-background: var(--salt-palette-categorical-3-weakest);
1754
- --salt-category-3-subtle-borderColor: var(--salt-palette-categorical-3);
1753
+ --salt-category-2-dataviz: var(--salt-palette-categorical-2);
1754
+ --salt-category-3-foreground: var(--salt-palette-categorical-3-strong);
1755
+ --salt-category-3-background: var(--salt-palette-categorical-3-weakest);
1756
+ --salt-category-3-borderColor: var(--salt-palette-categorical-3);
1755
1757
  --salt-category-3-bold-background: var(--salt-palette-categorical-3);
1756
- --salt-category-4-subtle-foreground: var(--salt-palette-categorical-4-strong);
1757
- --salt-category-4-subtle-background: var(--salt-palette-categorical-4-weakest);
1758
- --salt-category-4-subtle-borderColor: var(--salt-palette-categorical-4);
1758
+ --salt-category-3-dataviz: var(--salt-palette-categorical-3);
1759
+ --salt-category-4-foreground: var(--salt-palette-categorical-4-strong);
1760
+ --salt-category-4-background: var(--salt-palette-categorical-4-weakest);
1761
+ --salt-category-4-borderColor: var(--salt-palette-categorical-4);
1759
1762
  --salt-category-4-bold-background: var(--salt-palette-categorical-4);
1760
- --salt-category-5-subtle-foreground: var(--salt-palette-categorical-5-strong);
1761
- --salt-category-5-subtle-background: var(--salt-palette-categorical-5-weakest);
1762
- --salt-category-5-subtle-borderColor: var(--salt-palette-categorical-5);
1763
+ --salt-category-4-dataviz: var(--salt-palette-categorical-4);
1764
+ --salt-category-5-foreground: var(--salt-palette-categorical-5-strong);
1765
+ --salt-category-5-background: var(--salt-palette-categorical-5-weakest);
1766
+ --salt-category-5-borderColor: var(--salt-palette-categorical-5);
1763
1767
  --salt-category-5-bold-background: var(--salt-palette-categorical-5);
1764
- --salt-category-6-subtle-foreground: var(--salt-palette-categorical-6-strong);
1765
- --salt-category-6-subtle-background: var(--salt-palette-categorical-6-weakest);
1766
- --salt-category-6-subtle-borderColor: var(--salt-palette-categorical-6);
1768
+ --salt-category-5-dataviz: var(--salt-palette-categorical-5);
1769
+ --salt-category-6-foreground: var(--salt-palette-categorical-6-strong);
1770
+ --salt-category-6-background: var(--salt-palette-categorical-6-weakest);
1771
+ --salt-category-6-borderColor: var(--salt-palette-categorical-6);
1767
1772
  --salt-category-6-bold-background: var(--salt-palette-categorical-6);
1768
- --salt-category-7-subtle-foreground: var(--salt-palette-categorical-7-strong);
1769
- --salt-category-7-subtle-background: var(--salt-palette-categorical-7-weakest);
1770
- --salt-category-7-subtle-borderColor: var(--salt-palette-categorical-7);
1773
+ --salt-category-6-dataviz: var(--salt-palette-categorical-6);
1774
+ --salt-category-7-foreground: var(--salt-palette-categorical-7-strong);
1775
+ --salt-category-7-background: var(--salt-palette-categorical-7-weakest);
1776
+ --salt-category-7-borderColor: var(--salt-palette-categorical-7);
1771
1777
  --salt-category-7-bold-background: var(--salt-palette-categorical-7);
1772
- --salt-category-8-subtle-foreground: var(--salt-palette-categorical-8-strong);
1773
- --salt-category-8-subtle-background: var(--salt-palette-categorical-8-weakest);
1774
- --salt-category-8-subtle-borderColor: var(--salt-palette-categorical-8);
1778
+ --salt-category-7-dataviz: var(--salt-palette-categorical-7);
1779
+ --salt-category-8-foreground: var(--salt-palette-categorical-8-strong);
1780
+ --salt-category-8-background: var(--salt-palette-categorical-8-weakest);
1781
+ --salt-category-8-borderColor: var(--salt-palette-categorical-8);
1775
1782
  --salt-category-8-bold-background: var(--salt-palette-categorical-8);
1776
- --salt-category-9-subtle-foreground: var(--salt-palette-categorical-9-strong);
1777
- --salt-category-9-subtle-background: var(--salt-palette-categorical-9-weakest);
1778
- --salt-category-9-subtle-borderColor: var(--salt-palette-categorical-9);
1783
+ --salt-category-8-dataviz: var(--salt-palette-categorical-8);
1784
+ --salt-category-9-foreground: var(--salt-palette-categorical-9-strong);
1785
+ --salt-category-9-background: var(--salt-palette-categorical-9-weakest);
1786
+ --salt-category-9-borderColor: var(--salt-palette-categorical-9);
1779
1787
  --salt-category-9-bold-background: var(--salt-palette-categorical-9);
1780
- --salt-category-10-subtle-foreground: var(--salt-palette-categorical-10-strong);
1781
- --salt-category-10-subtle-background: var(--salt-palette-categorical-10-weakest);
1782
- --salt-category-10-subtle-borderColor: var(--salt-palette-categorical-10);
1788
+ --salt-category-9-dataviz: var(--salt-palette-categorical-9);
1789
+ --salt-category-10-foreground: var(--salt-palette-categorical-10-strong);
1790
+ --salt-category-10-background: var(--salt-palette-categorical-10-weakest);
1791
+ --salt-category-10-borderColor: var(--salt-palette-categorical-10);
1783
1792
  --salt-category-10-bold-background: var(--salt-palette-categorical-10);
1784
- --salt-category-11-subtle-foreground: var(--salt-palette-categorical-11-strong);
1785
- --salt-category-11-subtle-background: var(--salt-palette-categorical-11-weakest);
1786
- --salt-category-11-subtle-borderColor: var(--salt-palette-categorical-11);
1793
+ --salt-category-10-dataviz: var(--salt-palette-categorical-10);
1794
+ --salt-category-11-foreground: var(--salt-palette-categorical-11-strong);
1795
+ --salt-category-11-background: var(--salt-palette-categorical-11-weakest);
1796
+ --salt-category-11-borderColor: var(--salt-palette-categorical-11);
1787
1797
  --salt-category-11-bold-background: var(--salt-palette-categorical-11);
1788
- --salt-category-12-subtle-foreground: var(--salt-palette-categorical-12-strong);
1789
- --salt-category-12-subtle-background: var(--salt-palette-categorical-12-weakest);
1790
- --salt-category-12-subtle-borderColor: var(--salt-palette-categorical-12);
1798
+ --salt-category-11-dataviz: var(--salt-palette-categorical-11);
1799
+ --salt-category-12-foreground: var(--salt-palette-categorical-12-strong);
1800
+ --salt-category-12-background: var(--salt-palette-categorical-12-weakest);
1801
+ --salt-category-12-borderColor: var(--salt-palette-categorical-12);
1791
1802
  --salt-category-12-bold-background: var(--salt-palette-categorical-12);
1792
- --salt-category-13-subtle-foreground: var(--salt-palette-categorical-13-strong);
1793
- --salt-category-13-subtle-background: var(--salt-palette-categorical-13-weakest);
1794
- --salt-category-13-subtle-borderColor: var(--salt-palette-categorical-13);
1803
+ --salt-category-12-dataviz: var(--salt-palette-categorical-12);
1804
+ --salt-category-13-foreground: var(--salt-palette-categorical-13-strong);
1805
+ --salt-category-13-background: var(--salt-palette-categorical-13-weakest);
1806
+ --salt-category-13-borderColor: var(--salt-palette-categorical-13);
1795
1807
  --salt-category-13-bold-background: var(--salt-palette-categorical-13);
1796
- --salt-category-14-subtle-foreground: var(--salt-palette-categorical-14-strong);
1797
- --salt-category-14-subtle-background: var(--salt-palette-categorical-14-weakest);
1798
- --salt-category-14-subtle-borderColor: var(--salt-palette-categorical-14);
1808
+ --salt-category-13-dataviz: var(--salt-palette-categorical-13);
1809
+ --salt-category-14-foreground: var(--salt-palette-categorical-14-strong);
1810
+ --salt-category-14-background: var(--salt-palette-categorical-14-weakest);
1811
+ --salt-category-14-borderColor: var(--salt-palette-categorical-14);
1799
1812
  --salt-category-14-bold-background: var(--salt-palette-categorical-14);
1800
- --salt-category-15-subtle-foreground: var(--salt-palette-categorical-15-strong);
1801
- --salt-category-15-subtle-background: var(--salt-palette-categorical-15-weakest);
1802
- --salt-category-15-subtle-borderColor: var(--salt-palette-categorical-15);
1813
+ --salt-category-14-dataviz: var(--salt-palette-categorical-14);
1814
+ --salt-category-15-foreground: var(--salt-palette-categorical-15-strong);
1815
+ --salt-category-15-background: var(--salt-palette-categorical-15-weakest);
1816
+ --salt-category-15-borderColor: var(--salt-palette-categorical-15);
1803
1817
  --salt-category-15-bold-background: var(--salt-palette-categorical-15);
1804
- --salt-category-16-subtle-foreground: var(--salt-palette-categorical-16-strong);
1805
- --salt-category-16-subtle-background: var(--salt-palette-categorical-16-weakest);
1806
- --salt-category-16-subtle-borderColor: var(--salt-palette-categorical-16);
1818
+ --salt-category-15-dataviz: var(--salt-palette-categorical-15);
1819
+ --salt-category-16-foreground: var(--salt-palette-categorical-16-strong);
1820
+ --salt-category-16-background: var(--salt-palette-categorical-16-weakest);
1821
+ --salt-category-16-borderColor: var(--salt-palette-categorical-16);
1807
1822
  --salt-category-16-bold-background: var(--salt-palette-categorical-16);
1808
- --salt-category-17-subtle-foreground: var(--salt-palette-categorical-17-strong);
1809
- --salt-category-17-subtle-background: var(--salt-palette-categorical-17-weakest);
1810
- --salt-category-17-subtle-borderColor: var(--salt-palette-categorical-17);
1823
+ --salt-category-16-dataviz: var(--salt-palette-categorical-16);
1824
+ --salt-category-17-foreground: var(--salt-palette-categorical-17-strong);
1825
+ --salt-category-17-background: var(--salt-palette-categorical-17-weakest);
1826
+ --salt-category-17-borderColor: var(--salt-palette-categorical-17);
1811
1827
  --salt-category-17-bold-background: var(--salt-palette-categorical-17);
1812
- --salt-category-18-subtle-foreground: var(--salt-palette-categorical-18-strong);
1813
- --salt-category-18-subtle-background: var(--salt-palette-categorical-18-weakest);
1814
- --salt-category-18-subtle-borderColor: var(--salt-palette-categorical-18);
1828
+ --salt-category-17-dataviz: var(--salt-palette-categorical-17);
1829
+ --salt-category-18-foreground: var(--salt-palette-categorical-18-strong);
1830
+ --salt-category-18-background: var(--salt-palette-categorical-18-weakest);
1831
+ --salt-category-18-borderColor: var(--salt-palette-categorical-18);
1815
1832
  --salt-category-18-bold-background: var(--salt-palette-categorical-18);
1816
- --salt-category-19-subtle-foreground: var(--salt-palette-categorical-19-strong);
1817
- --salt-category-19-subtle-background: var(--salt-palette-categorical-19-weakest);
1818
- --salt-category-19-subtle-borderColor: var(--salt-palette-categorical-19);
1833
+ --salt-category-18-dataviz: var(--salt-palette-categorical-18);
1834
+ --salt-category-19-foreground: var(--salt-palette-categorical-19-strong);
1835
+ --salt-category-19-background: var(--salt-palette-categorical-19-weakest);
1836
+ --salt-category-19-borderColor: var(--salt-palette-categorical-19);
1819
1837
  --salt-category-19-bold-background: var(--salt-palette-categorical-19);
1820
- --salt-category-20-subtle-foreground: var(--salt-palette-categorical-20-strong);
1821
- --salt-category-20-subtle-background: var(--salt-palette-categorical-20-weakest);
1822
- --salt-category-20-subtle-borderColor: var(--salt-palette-categorical-20);
1838
+ --salt-category-19-dataviz: var(--salt-palette-categorical-19);
1839
+ --salt-category-20-foreground: var(--salt-palette-categorical-20-strong);
1840
+ --salt-category-20-background: var(--salt-palette-categorical-20-weakest);
1841
+ --salt-category-20-borderColor: var(--salt-palette-categorical-20);
1823
1842
  --salt-category-20-bold-background: var(--salt-palette-categorical-20);
1843
+ --salt-category-20-dataviz: var(--salt-palette-categorical-20);
1824
1844
  }
1825
1845
 
1826
1846
  /* css/legacy/characteristics/container.css */
@@ -1934,6 +1954,10 @@
1934
1954
  --salt-sentiment-positive-foreground-decorative: var(--salt-palette-positive-foreground);
1935
1955
  --salt-sentiment-neutral-track: var(--salt-palette-neutral-border);
1936
1956
  --salt-sentiment-neutral-track-disabled: var(--salt-palette-neutral-border-disabled);
1957
+ --salt-sentiment-caution-dataviz: var(--salt-palette-warning-foreground-decorative);
1958
+ --salt-sentiment-negative-dataviz: var(--salt-palette-error-foreground-decorative);
1959
+ --salt-sentiment-positive-dataviz: var(--salt-palette-success-foreground-decorative);
1960
+ --salt-sentiment-neutral-dataviz: var(--salt-palette-neutral-secondary-foreground);
1937
1961
  }
1938
1962
 
1939
1963
  /* css/legacy/characteristics/separable.css */
@@ -2579,6 +2603,66 @@
2579
2603
  --salt-content-foreground-highlight: var(--salt-palette-interact-background-active);
2580
2604
  --salt-content-foreground-active: var(--salt-palette-accent-foreground-informative);
2581
2605
  --salt-content-foreground-hover: var(--salt-palette-accent-foreground-informative);
2606
+ --salt-category-1-subtle-foreground: var(--salt-palette-categorical-1-strong);
2607
+ --salt-category-1-subtle-background: var(--salt-palette-categorical-1-weakest);
2608
+ --salt-category-1-subtle-borderColor: var(--salt-palette-categorical-1);
2609
+ --salt-category-2-subtle-foreground: var(--salt-palette-categorical-2-strong);
2610
+ --salt-category-2-subtle-background: var(--salt-palette-categorical-2-weakest);
2611
+ --salt-category-2-subtle-borderColor: var(--salt-palette-categorical-2);
2612
+ --salt-category-3-subtle-foreground: var(--salt-palette-categorical-3-strong);
2613
+ --salt-category-3-subtle-background: var(--salt-palette-categorical-3-weakest);
2614
+ --salt-category-3-subtle-borderColor: var(--salt-palette-categorical-3);
2615
+ --salt-category-4-subtle-foreground: var(--salt-palette-categorical-4-strong);
2616
+ --salt-category-4-subtle-background: var(--salt-palette-categorical-4-weakest);
2617
+ --salt-category-4-subtle-borderColor: var(--salt-palette-categorical-4);
2618
+ --salt-category-5-subtle-foreground: var(--salt-palette-categorical-5-strong);
2619
+ --salt-category-5-subtle-background: var(--salt-palette-categorical-5-weakest);
2620
+ --salt-category-5-subtle-borderColor: var(--salt-palette-categorical-5);
2621
+ --salt-category-6-subtle-foreground: var(--salt-palette-categorical-6-strong);
2622
+ --salt-category-6-subtle-background: var(--salt-palette-categorical-6-weakest);
2623
+ --salt-category-6-subtle-borderColor: var(--salt-palette-categorical-6);
2624
+ --salt-category-7-subtle-foreground: var(--salt-palette-categorical-7-strong);
2625
+ --salt-category-7-subtle-background: var(--salt-palette-categorical-7-weakest);
2626
+ --salt-category-7-subtle-borderColor: var(--salt-palette-categorical-7);
2627
+ --salt-category-8-subtle-foreground: var(--salt-palette-categorical-8-strong);
2628
+ --salt-category-8-subtle-background: var(--salt-palette-categorical-8-weakest);
2629
+ --salt-category-8-subtle-borderColor: var(--salt-palette-categorical-8);
2630
+ --salt-category-9-subtle-foreground: var(--salt-palette-categorical-9-strong);
2631
+ --salt-category-9-subtle-background: var(--salt-palette-categorical-9-weakest);
2632
+ --salt-category-9-subtle-borderColor: var(--salt-palette-categorical-9);
2633
+ --salt-category-10-subtle-foreground: var(--salt-palette-categorical-10-strong);
2634
+ --salt-category-10-subtle-background: var(--salt-palette-categorical-10-weakest);
2635
+ --salt-category-10-subtle-borderColor: var(--salt-palette-categorical-10);
2636
+ --salt-category-11-subtle-foreground: var(--salt-palette-categorical-11-strong);
2637
+ --salt-category-11-subtle-background: var(--salt-palette-categorical-11-weakest);
2638
+ --salt-category-11-subtle-borderColor: var(--salt-palette-categorical-11);
2639
+ --salt-category-12-subtle-foreground: var(--salt-palette-categorical-12-strong);
2640
+ --salt-category-12-subtle-background: var(--salt-palette-categorical-12-weakest);
2641
+ --salt-category-12-subtle-borderColor: var(--salt-palette-categorical-12);
2642
+ --salt-category-13-subtle-foreground: var(--salt-palette-categorical-13-strong);
2643
+ --salt-category-13-subtle-background: var(--salt-palette-categorical-13-weakest);
2644
+ --salt-category-13-subtle-borderColor: var(--salt-palette-categorical-13);
2645
+ --salt-category-14-subtle-foreground: var(--salt-palette-categorical-14-strong);
2646
+ --salt-category-14-subtle-background: var(--salt-palette-categorical-14-weakest);
2647
+ --salt-category-14-subtle-borderColor: var(--salt-palette-categorical-14);
2648
+ --salt-category-15-subtle-foreground: var(--salt-palette-categorical-15-strong);
2649
+ --salt-category-15-subtle-background: var(--salt-palette-categorical-15-weakest);
2650
+ --salt-category-15-subtle-borderColor: var(--salt-palette-categorical-15);
2651
+ --salt-category-16-subtle-foreground: var(--salt-palette-categorical-16-strong);
2652
+ --salt-category-16-subtle-background: var(--salt-palette-categorical-16-weakest);
2653
+ --salt-category-16-subtle-borderColor: var(--salt-palette-categorical-16);
2654
+ --salt-category-17-subtle-foreground: var(--salt-palette-categorical-17-strong);
2655
+ --salt-category-17-subtle-background: var(--salt-palette-categorical-17-weakest);
2656
+ --salt-category-17-subtle-borderColor: var(--salt-palette-categorical-17);
2657
+ --salt-category-18-subtle-foreground: var(--salt-palette-categorical-18-strong);
2658
+ --salt-category-18-subtle-background: var(--salt-palette-categorical-18-weakest);
2659
+ --salt-category-18-subtle-borderColor: var(--salt-palette-categorical-18);
2660
+ --salt-category-19-subtle-foreground: var(--salt-palette-categorical-19-strong);
2661
+ --salt-category-19-subtle-background: var(--salt-palette-categorical-19-weakest);
2662
+ --salt-category-19-subtle-borderColor: var(--salt-palette-categorical-19);
2663
+ --salt-category-20-subtle-foreground: var(--salt-palette-categorical-20-strong);
2664
+ --salt-category-20-subtle-background: var(--salt-palette-categorical-20-weakest);
2665
+ --salt-category-20-subtle-borderColor: var(--salt-palette-categorical-20);
2582
2666
  }
2583
2667
 
2584
2668
  /* css/legacy/deprecated/fade.css */
package/index.css CHANGED
@@ -1781,86 +1781,106 @@
1781
1781
 
1782
1782
  /* css/legacy/characteristics/category.css */
1783
1783
  .salt-theme {
1784
- --salt-category-1-subtle-foreground: var(--salt-palette-categorical-1-strong);
1785
- --salt-category-1-subtle-background: var(--salt-palette-categorical-1-weakest);
1786
- --salt-category-1-subtle-borderColor: var(--salt-palette-categorical-1);
1784
+ --salt-category-1-foreground: var(--salt-palette-categorical-1-strong);
1785
+ --salt-category-1-background: var(--salt-palette-categorical-1-weakest);
1786
+ --salt-category-1-borderColor: var(--salt-palette-categorical-1);
1787
1787
  --salt-category-1-bold-background: var(--salt-palette-categorical-1);
1788
- --salt-category-2-subtle-foreground: var(--salt-palette-categorical-2-strong);
1789
- --salt-category-2-subtle-background: var(--salt-palette-categorical-2-weakest);
1790
- --salt-category-2-subtle-borderColor: var(--salt-palette-categorical-2);
1788
+ --salt-category-1-dataviz: var(--salt-palette-categorical-1);
1789
+ --salt-category-2-foreground: var(--salt-palette-categorical-2-strong);
1790
+ --salt-category-2-background: var(--salt-palette-categorical-2-weakest);
1791
+ --salt-category-2-borderColor: var(--salt-palette-categorical-2);
1791
1792
  --salt-category-2-bold-background: var(--salt-palette-categorical-2);
1792
- --salt-category-3-subtle-foreground: var(--salt-palette-categorical-3-strong);
1793
- --salt-category-3-subtle-background: var(--salt-palette-categorical-3-weakest);
1794
- --salt-category-3-subtle-borderColor: var(--salt-palette-categorical-3);
1793
+ --salt-category-2-dataviz: var(--salt-palette-categorical-2);
1794
+ --salt-category-3-foreground: var(--salt-palette-categorical-3-strong);
1795
+ --salt-category-3-background: var(--salt-palette-categorical-3-weakest);
1796
+ --salt-category-3-borderColor: var(--salt-palette-categorical-3);
1795
1797
  --salt-category-3-bold-background: var(--salt-palette-categorical-3);
1796
- --salt-category-4-subtle-foreground: var(--salt-palette-categorical-4-strong);
1797
- --salt-category-4-subtle-background: var(--salt-palette-categorical-4-weakest);
1798
- --salt-category-4-subtle-borderColor: var(--salt-palette-categorical-4);
1798
+ --salt-category-3-dataviz: var(--salt-palette-categorical-3);
1799
+ --salt-category-4-foreground: var(--salt-palette-categorical-4-strong);
1800
+ --salt-category-4-background: var(--salt-palette-categorical-4-weakest);
1801
+ --salt-category-4-borderColor: var(--salt-palette-categorical-4);
1799
1802
  --salt-category-4-bold-background: var(--salt-palette-categorical-4);
1800
- --salt-category-5-subtle-foreground: var(--salt-palette-categorical-5-strong);
1801
- --salt-category-5-subtle-background: var(--salt-palette-categorical-5-weakest);
1802
- --salt-category-5-subtle-borderColor: var(--salt-palette-categorical-5);
1803
+ --salt-category-4-dataviz: var(--salt-palette-categorical-4);
1804
+ --salt-category-5-foreground: var(--salt-palette-categorical-5-strong);
1805
+ --salt-category-5-background: var(--salt-palette-categorical-5-weakest);
1806
+ --salt-category-5-borderColor: var(--salt-palette-categorical-5);
1803
1807
  --salt-category-5-bold-background: var(--salt-palette-categorical-5);
1804
- --salt-category-6-subtle-foreground: var(--salt-palette-categorical-6-strong);
1805
- --salt-category-6-subtle-background: var(--salt-palette-categorical-6-weakest);
1806
- --salt-category-6-subtle-borderColor: var(--salt-palette-categorical-6);
1808
+ --salt-category-5-dataviz: var(--salt-palette-categorical-5);
1809
+ --salt-category-6-foreground: var(--salt-palette-categorical-6-strong);
1810
+ --salt-category-6-background: var(--salt-palette-categorical-6-weakest);
1811
+ --salt-category-6-borderColor: var(--salt-palette-categorical-6);
1807
1812
  --salt-category-6-bold-background: var(--salt-palette-categorical-6);
1808
- --salt-category-7-subtle-foreground: var(--salt-palette-categorical-7-strong);
1809
- --salt-category-7-subtle-background: var(--salt-palette-categorical-7-weakest);
1810
- --salt-category-7-subtle-borderColor: var(--salt-palette-categorical-7);
1813
+ --salt-category-6-dataviz: var(--salt-palette-categorical-6);
1814
+ --salt-category-7-foreground: var(--salt-palette-categorical-7-strong);
1815
+ --salt-category-7-background: var(--salt-palette-categorical-7-weakest);
1816
+ --salt-category-7-borderColor: var(--salt-palette-categorical-7);
1811
1817
  --salt-category-7-bold-background: var(--salt-palette-categorical-7);
1812
- --salt-category-8-subtle-foreground: var(--salt-palette-categorical-8-strong);
1813
- --salt-category-8-subtle-background: var(--salt-palette-categorical-8-weakest);
1814
- --salt-category-8-subtle-borderColor: var(--salt-palette-categorical-8);
1818
+ --salt-category-7-dataviz: var(--salt-palette-categorical-7);
1819
+ --salt-category-8-foreground: var(--salt-palette-categorical-8-strong);
1820
+ --salt-category-8-background: var(--salt-palette-categorical-8-weakest);
1821
+ --salt-category-8-borderColor: var(--salt-palette-categorical-8);
1815
1822
  --salt-category-8-bold-background: var(--salt-palette-categorical-8);
1816
- --salt-category-9-subtle-foreground: var(--salt-palette-categorical-9-strong);
1817
- --salt-category-9-subtle-background: var(--salt-palette-categorical-9-weakest);
1818
- --salt-category-9-subtle-borderColor: var(--salt-palette-categorical-9);
1823
+ --salt-category-8-dataviz: var(--salt-palette-categorical-8);
1824
+ --salt-category-9-foreground: var(--salt-palette-categorical-9-strong);
1825
+ --salt-category-9-background: var(--salt-palette-categorical-9-weakest);
1826
+ --salt-category-9-borderColor: var(--salt-palette-categorical-9);
1819
1827
  --salt-category-9-bold-background: var(--salt-palette-categorical-9);
1820
- --salt-category-10-subtle-foreground: var(--salt-palette-categorical-10-strong);
1821
- --salt-category-10-subtle-background: var(--salt-palette-categorical-10-weakest);
1822
- --salt-category-10-subtle-borderColor: var(--salt-palette-categorical-10);
1828
+ --salt-category-9-dataviz: var(--salt-palette-categorical-9);
1829
+ --salt-category-10-foreground: var(--salt-palette-categorical-10-strong);
1830
+ --salt-category-10-background: var(--salt-palette-categorical-10-weakest);
1831
+ --salt-category-10-borderColor: var(--salt-palette-categorical-10);
1823
1832
  --salt-category-10-bold-background: var(--salt-palette-categorical-10);
1824
- --salt-category-11-subtle-foreground: var(--salt-palette-categorical-11-strong);
1825
- --salt-category-11-subtle-background: var(--salt-palette-categorical-11-weakest);
1826
- --salt-category-11-subtle-borderColor: var(--salt-palette-categorical-11);
1833
+ --salt-category-10-dataviz: var(--salt-palette-categorical-10);
1834
+ --salt-category-11-foreground: var(--salt-palette-categorical-11-strong);
1835
+ --salt-category-11-background: var(--salt-palette-categorical-11-weakest);
1836
+ --salt-category-11-borderColor: var(--salt-palette-categorical-11);
1827
1837
  --salt-category-11-bold-background: var(--salt-palette-categorical-11);
1828
- --salt-category-12-subtle-foreground: var(--salt-palette-categorical-12-strong);
1829
- --salt-category-12-subtle-background: var(--salt-palette-categorical-12-weakest);
1830
- --salt-category-12-subtle-borderColor: var(--salt-palette-categorical-12);
1838
+ --salt-category-11-dataviz: var(--salt-palette-categorical-11);
1839
+ --salt-category-12-foreground: var(--salt-palette-categorical-12-strong);
1840
+ --salt-category-12-background: var(--salt-palette-categorical-12-weakest);
1841
+ --salt-category-12-borderColor: var(--salt-palette-categorical-12);
1831
1842
  --salt-category-12-bold-background: var(--salt-palette-categorical-12);
1832
- --salt-category-13-subtle-foreground: var(--salt-palette-categorical-13-strong);
1833
- --salt-category-13-subtle-background: var(--salt-palette-categorical-13-weakest);
1834
- --salt-category-13-subtle-borderColor: var(--salt-palette-categorical-13);
1843
+ --salt-category-12-dataviz: var(--salt-palette-categorical-12);
1844
+ --salt-category-13-foreground: var(--salt-palette-categorical-13-strong);
1845
+ --salt-category-13-background: var(--salt-palette-categorical-13-weakest);
1846
+ --salt-category-13-borderColor: var(--salt-palette-categorical-13);
1835
1847
  --salt-category-13-bold-background: var(--salt-palette-categorical-13);
1836
- --salt-category-14-subtle-foreground: var(--salt-palette-categorical-14-strong);
1837
- --salt-category-14-subtle-background: var(--salt-palette-categorical-14-weakest);
1838
- --salt-category-14-subtle-borderColor: var(--salt-palette-categorical-14);
1848
+ --salt-category-13-dataviz: var(--salt-palette-categorical-13);
1849
+ --salt-category-14-foreground: var(--salt-palette-categorical-14-strong);
1850
+ --salt-category-14-background: var(--salt-palette-categorical-14-weakest);
1851
+ --salt-category-14-borderColor: var(--salt-palette-categorical-14);
1839
1852
  --salt-category-14-bold-background: var(--salt-palette-categorical-14);
1840
- --salt-category-15-subtle-foreground: var(--salt-palette-categorical-15-strong);
1841
- --salt-category-15-subtle-background: var(--salt-palette-categorical-15-weakest);
1842
- --salt-category-15-subtle-borderColor: var(--salt-palette-categorical-15);
1853
+ --salt-category-14-dataviz: var(--salt-palette-categorical-14);
1854
+ --salt-category-15-foreground: var(--salt-palette-categorical-15-strong);
1855
+ --salt-category-15-background: var(--salt-palette-categorical-15-weakest);
1856
+ --salt-category-15-borderColor: var(--salt-palette-categorical-15);
1843
1857
  --salt-category-15-bold-background: var(--salt-palette-categorical-15);
1844
- --salt-category-16-subtle-foreground: var(--salt-palette-categorical-16-strong);
1845
- --salt-category-16-subtle-background: var(--salt-palette-categorical-16-weakest);
1846
- --salt-category-16-subtle-borderColor: var(--salt-palette-categorical-16);
1858
+ --salt-category-15-dataviz: var(--salt-palette-categorical-15);
1859
+ --salt-category-16-foreground: var(--salt-palette-categorical-16-strong);
1860
+ --salt-category-16-background: var(--salt-palette-categorical-16-weakest);
1861
+ --salt-category-16-borderColor: var(--salt-palette-categorical-16);
1847
1862
  --salt-category-16-bold-background: var(--salt-palette-categorical-16);
1848
- --salt-category-17-subtle-foreground: var(--salt-palette-categorical-17-strong);
1849
- --salt-category-17-subtle-background: var(--salt-palette-categorical-17-weakest);
1850
- --salt-category-17-subtle-borderColor: var(--salt-palette-categorical-17);
1863
+ --salt-category-16-dataviz: var(--salt-palette-categorical-16);
1864
+ --salt-category-17-foreground: var(--salt-palette-categorical-17-strong);
1865
+ --salt-category-17-background: var(--salt-palette-categorical-17-weakest);
1866
+ --salt-category-17-borderColor: var(--salt-palette-categorical-17);
1851
1867
  --salt-category-17-bold-background: var(--salt-palette-categorical-17);
1852
- --salt-category-18-subtle-foreground: var(--salt-palette-categorical-18-strong);
1853
- --salt-category-18-subtle-background: var(--salt-palette-categorical-18-weakest);
1854
- --salt-category-18-subtle-borderColor: var(--salt-palette-categorical-18);
1868
+ --salt-category-17-dataviz: var(--salt-palette-categorical-17);
1869
+ --salt-category-18-foreground: var(--salt-palette-categorical-18-strong);
1870
+ --salt-category-18-background: var(--salt-palette-categorical-18-weakest);
1871
+ --salt-category-18-borderColor: var(--salt-palette-categorical-18);
1855
1872
  --salt-category-18-bold-background: var(--salt-palette-categorical-18);
1856
- --salt-category-19-subtle-foreground: var(--salt-palette-categorical-19-strong);
1857
- --salt-category-19-subtle-background: var(--salt-palette-categorical-19-weakest);
1858
- --salt-category-19-subtle-borderColor: var(--salt-palette-categorical-19);
1873
+ --salt-category-18-dataviz: var(--salt-palette-categorical-18);
1874
+ --salt-category-19-foreground: var(--salt-palette-categorical-19-strong);
1875
+ --salt-category-19-background: var(--salt-palette-categorical-19-weakest);
1876
+ --salt-category-19-borderColor: var(--salt-palette-categorical-19);
1859
1877
  --salt-category-19-bold-background: var(--salt-palette-categorical-19);
1860
- --salt-category-20-subtle-foreground: var(--salt-palette-categorical-20-strong);
1861
- --salt-category-20-subtle-background: var(--salt-palette-categorical-20-weakest);
1862
- --salt-category-20-subtle-borderColor: var(--salt-palette-categorical-20);
1878
+ --salt-category-19-dataviz: var(--salt-palette-categorical-19);
1879
+ --salt-category-20-foreground: var(--salt-palette-categorical-20-strong);
1880
+ --salt-category-20-background: var(--salt-palette-categorical-20-weakest);
1881
+ --salt-category-20-borderColor: var(--salt-palette-categorical-20);
1863
1882
  --salt-category-20-bold-background: var(--salt-palette-categorical-20);
1883
+ --salt-category-20-dataviz: var(--salt-palette-categorical-20);
1864
1884
  }
1865
1885
 
1866
1886
  /* css/legacy/characteristics/container.css */
@@ -1974,6 +1994,10 @@
1974
1994
  --salt-sentiment-positive-foreground-decorative: var(--salt-palette-positive-foreground);
1975
1995
  --salt-sentiment-neutral-track: var(--salt-palette-neutral-border);
1976
1996
  --salt-sentiment-neutral-track-disabled: var(--salt-palette-neutral-border-disabled);
1997
+ --salt-sentiment-caution-dataviz: var(--salt-palette-warning-foreground-decorative);
1998
+ --salt-sentiment-negative-dataviz: var(--salt-palette-error-foreground-decorative);
1999
+ --salt-sentiment-positive-dataviz: var(--salt-palette-success-foreground-decorative);
2000
+ --salt-sentiment-neutral-dataviz: var(--salt-palette-neutral-secondary-foreground);
1977
2001
  }
1978
2002
 
1979
2003
  /* css/legacy/characteristics/separable.css */
@@ -2619,6 +2643,66 @@
2619
2643
  --salt-content-foreground-highlight: var(--salt-palette-interact-background-active);
2620
2644
  --salt-content-foreground-active: var(--salt-palette-accent-foreground-informative);
2621
2645
  --salt-content-foreground-hover: var(--salt-palette-accent-foreground-informative);
2646
+ --salt-category-1-subtle-foreground: var(--salt-palette-categorical-1-strong);
2647
+ --salt-category-1-subtle-background: var(--salt-palette-categorical-1-weakest);
2648
+ --salt-category-1-subtle-borderColor: var(--salt-palette-categorical-1);
2649
+ --salt-category-2-subtle-foreground: var(--salt-palette-categorical-2-strong);
2650
+ --salt-category-2-subtle-background: var(--salt-palette-categorical-2-weakest);
2651
+ --salt-category-2-subtle-borderColor: var(--salt-palette-categorical-2);
2652
+ --salt-category-3-subtle-foreground: var(--salt-palette-categorical-3-strong);
2653
+ --salt-category-3-subtle-background: var(--salt-palette-categorical-3-weakest);
2654
+ --salt-category-3-subtle-borderColor: var(--salt-palette-categorical-3);
2655
+ --salt-category-4-subtle-foreground: var(--salt-palette-categorical-4-strong);
2656
+ --salt-category-4-subtle-background: var(--salt-palette-categorical-4-weakest);
2657
+ --salt-category-4-subtle-borderColor: var(--salt-palette-categorical-4);
2658
+ --salt-category-5-subtle-foreground: var(--salt-palette-categorical-5-strong);
2659
+ --salt-category-5-subtle-background: var(--salt-palette-categorical-5-weakest);
2660
+ --salt-category-5-subtle-borderColor: var(--salt-palette-categorical-5);
2661
+ --salt-category-6-subtle-foreground: var(--salt-palette-categorical-6-strong);
2662
+ --salt-category-6-subtle-background: var(--salt-palette-categorical-6-weakest);
2663
+ --salt-category-6-subtle-borderColor: var(--salt-palette-categorical-6);
2664
+ --salt-category-7-subtle-foreground: var(--salt-palette-categorical-7-strong);
2665
+ --salt-category-7-subtle-background: var(--salt-palette-categorical-7-weakest);
2666
+ --salt-category-7-subtle-borderColor: var(--salt-palette-categorical-7);
2667
+ --salt-category-8-subtle-foreground: var(--salt-palette-categorical-8-strong);
2668
+ --salt-category-8-subtle-background: var(--salt-palette-categorical-8-weakest);
2669
+ --salt-category-8-subtle-borderColor: var(--salt-palette-categorical-8);
2670
+ --salt-category-9-subtle-foreground: var(--salt-palette-categorical-9-strong);
2671
+ --salt-category-9-subtle-background: var(--salt-palette-categorical-9-weakest);
2672
+ --salt-category-9-subtle-borderColor: var(--salt-palette-categorical-9);
2673
+ --salt-category-10-subtle-foreground: var(--salt-palette-categorical-10-strong);
2674
+ --salt-category-10-subtle-background: var(--salt-palette-categorical-10-weakest);
2675
+ --salt-category-10-subtle-borderColor: var(--salt-palette-categorical-10);
2676
+ --salt-category-11-subtle-foreground: var(--salt-palette-categorical-11-strong);
2677
+ --salt-category-11-subtle-background: var(--salt-palette-categorical-11-weakest);
2678
+ --salt-category-11-subtle-borderColor: var(--salt-palette-categorical-11);
2679
+ --salt-category-12-subtle-foreground: var(--salt-palette-categorical-12-strong);
2680
+ --salt-category-12-subtle-background: var(--salt-palette-categorical-12-weakest);
2681
+ --salt-category-12-subtle-borderColor: var(--salt-palette-categorical-12);
2682
+ --salt-category-13-subtle-foreground: var(--salt-palette-categorical-13-strong);
2683
+ --salt-category-13-subtle-background: var(--salt-palette-categorical-13-weakest);
2684
+ --salt-category-13-subtle-borderColor: var(--salt-palette-categorical-13);
2685
+ --salt-category-14-subtle-foreground: var(--salt-palette-categorical-14-strong);
2686
+ --salt-category-14-subtle-background: var(--salt-palette-categorical-14-weakest);
2687
+ --salt-category-14-subtle-borderColor: var(--salt-palette-categorical-14);
2688
+ --salt-category-15-subtle-foreground: var(--salt-palette-categorical-15-strong);
2689
+ --salt-category-15-subtle-background: var(--salt-palette-categorical-15-weakest);
2690
+ --salt-category-15-subtle-borderColor: var(--salt-palette-categorical-15);
2691
+ --salt-category-16-subtle-foreground: var(--salt-palette-categorical-16-strong);
2692
+ --salt-category-16-subtle-background: var(--salt-palette-categorical-16-weakest);
2693
+ --salt-category-16-subtle-borderColor: var(--salt-palette-categorical-16);
2694
+ --salt-category-17-subtle-foreground: var(--salt-palette-categorical-17-strong);
2695
+ --salt-category-17-subtle-background: var(--salt-palette-categorical-17-weakest);
2696
+ --salt-category-17-subtle-borderColor: var(--salt-palette-categorical-17);
2697
+ --salt-category-18-subtle-foreground: var(--salt-palette-categorical-18-strong);
2698
+ --salt-category-18-subtle-background: var(--salt-palette-categorical-18-weakest);
2699
+ --salt-category-18-subtle-borderColor: var(--salt-palette-categorical-18);
2700
+ --salt-category-19-subtle-foreground: var(--salt-palette-categorical-19-strong);
2701
+ --salt-category-19-subtle-background: var(--salt-palette-categorical-19-weakest);
2702
+ --salt-category-19-subtle-borderColor: var(--salt-palette-categorical-19);
2703
+ --salt-category-20-subtle-foreground: var(--salt-palette-categorical-20-strong);
2704
+ --salt-category-20-subtle-background: var(--salt-palette-categorical-20-weakest);
2705
+ --salt-category-20-subtle-borderColor: var(--salt-palette-categorical-20);
2622
2706
  }
2623
2707
 
2624
2708
  /* css/legacy/deprecated/fade.css */
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@salt-ds/theme",
3
- "version": "1.37.0",
3
+ "version": "1.38.0",
4
4
  "license": "Apache-2.0",
5
5
  "repository": {
6
6
  "type": "git",
@@ -21,7 +21,7 @@
21
21
  "build:watch": "yarn node ./scripts/build.mjs --watch"
22
22
  },
23
23
  "devDependencies": {
24
- "del": "^7.0.0"
24
+ "del": "^8.0.0"
25
25
  },
26
26
  "publishConfig": {
27
27
  "directory": "../../dist/salt-ds-theme",