@salt-ds/theme 1.36.0 → 1.37.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.
@@ -891,6 +891,15 @@
891
891
  --salt-palette-alpha-contrast-low: var(--salt-color-black-15a);
892
892
  --salt-palette-alpha-contrast-lower: var(--salt-color-black-10a);
893
893
  --salt-palette-alpha-contrast-lowest: var(--salt-color-black-5a);
894
+ --salt-palette-alpha-dark-highest: var(--salt-color-black-80a);
895
+ --salt-palette-alpha-dark-higher: var(--salt-color-black-65a);
896
+ --salt-palette-alpha-dark-high: var(--salt-color-black-50a);
897
+ --salt-palette-alpha-dark-mediumHigh: var(--salt-color-black-40a);
898
+ --salt-palette-alpha-dark-medium: var(--salt-color-black-30a);
899
+ --salt-palette-alpha-dark-mediumLow: var(--salt-color-black-20a);
900
+ --salt-palette-alpha-dark-low: var(--salt-color-black-15a);
901
+ --salt-palette-alpha-dark-lower: var(--salt-color-black-10a);
902
+ --salt-palette-alpha-dark-lowest: var(--salt-color-black-5a);
894
903
  --salt-palette-alpha-none: transparent;
895
904
  }
896
905
  .salt-theme-next[data-mode=dark] {
@@ -912,6 +921,15 @@
912
921
  --salt-palette-alpha-contrast-low: var(--salt-color-white-15a);
913
922
  --salt-palette-alpha-contrast-lower: var(--salt-color-white-10a);
914
923
  --salt-palette-alpha-contrast-lowest: var(--salt-color-white-5a);
924
+ --salt-palette-alpha-dark-highest: var(--salt-color-black-80a);
925
+ --salt-palette-alpha-dark-higher: var(--salt-color-black-65a);
926
+ --salt-palette-alpha-dark-high: var(--salt-color-black-50a);
927
+ --salt-palette-alpha-dark-mediumHigh: var(--salt-color-black-40a);
928
+ --salt-palette-alpha-dark-medium: var(--salt-color-black-30a);
929
+ --salt-palette-alpha-dark-mediumLow: var(--salt-color-black-20a);
930
+ --salt-palette-alpha-dark-low: var(--salt-color-black-15a);
931
+ --salt-palette-alpha-dark-lower: var(--salt-color-black-10a);
932
+ --salt-palette-alpha-dark-lowest: var(--salt-color-black-5a);
915
933
  --salt-palette-alpha-none: transparent;
916
934
  }
917
935
 
@@ -1245,16 +1263,15 @@
1245
1263
  --salt-accent-background-disabled: var(--salt-palette-accent-disabled);
1246
1264
  --salt-accent-borderColor: var(--salt-palette-accent);
1247
1265
  --salt-accent-borderColor-disabled: var(--salt-palette-accent-disabled);
1248
- --salt-accent-foreground: var(--salt-palette-foreground-primary-alt);
1249
1266
  }
1250
1267
 
1251
1268
  /* css/next/characteristics/actionable.css */
1252
1269
  .salt-theme.salt-theme-next {
1253
1270
  --salt-actionable-accented-bold-background-active: var(--salt-palette-accent-weaker);
1254
- --salt-actionable-accented-bold-background-hover: var(--salt-palette-accent);
1271
+ --salt-actionable-accented-bold-background-hover: linear-gradient(var(--salt-palette-alpha-dark-low), var(--salt-palette-alpha-dark-low)) var(--salt-palette-accent);
1255
1272
  --salt-actionable-accented-bold-background: var(--salt-palette-accent);
1256
1273
  --salt-actionable-accented-bold-borderColor-active: var(--salt-palette-accent);
1257
- --salt-actionable-accented-bold-borderColor-hover: var(--salt-palette-alpha-contrast-high);
1274
+ --salt-actionable-accented-bold-borderColor-hover: var(--salt-palette-alpha-contrast-medium);
1258
1275
  --salt-actionable-accented-bold-borderColor: var(--salt-palette-accent);
1259
1276
  --salt-actionable-accented-bold-foreground-active: var(--salt-palette-foreground-primary);
1260
1277
  --salt-actionable-accented-bold-foreground-hover: var(--salt-palette-foreground-primary-alt);
@@ -1271,20 +1288,20 @@
1271
1288
  --salt-actionable-accented-background-selected: var(--salt-palette-accent);
1272
1289
  --salt-actionable-accented-borderColor-selected: var(--salt-palette-accent);
1273
1290
  --salt-actionable-accented-foreground-selected: var(--salt-palette-foreground-primary-alt);
1274
- --salt-actionable-accented-subtle-background-active: var(--salt-palette-accent-weaker);
1275
- --salt-actionable-accented-subtle-background-hover: var(--salt-palette-accent-weakest);
1291
+ --salt-actionable-accented-subtle-background-active: var(--salt-palette-alpha-contrast-low);
1292
+ --salt-actionable-accented-subtle-background-hover: var(--salt-palette-alpha-contrast-lower);
1276
1293
  --salt-actionable-accented-subtle-background: var(--salt-palette-alpha-none);
1277
- --salt-actionable-accented-subtle-borderColor-active: var(--salt-palette-accent);
1278
- --salt-actionable-accented-subtle-borderColor-hover: var(--salt-palette-accent);
1294
+ --salt-actionable-accented-subtle-borderColor-active: var(--salt-palette-alpha-none);
1295
+ --salt-actionable-accented-subtle-borderColor-hover: var(--salt-palette-alpha-none);
1279
1296
  --salt-actionable-accented-subtle-borderColor: var(--salt-palette-alpha-none);
1280
1297
  --salt-actionable-accented-subtle-foreground-active: var(--salt-palette-foreground-primary);
1281
1298
  --salt-actionable-accented-subtle-foreground-hover: var(--salt-palette-accent-stronger);
1282
1299
  --salt-actionable-accented-subtle-foreground: var(--salt-palette-accent-strong);
1283
1300
  --salt-actionable-bold-background-active: var(--salt-palette-neutral-weaker);
1284
- --salt-actionable-bold-background-hover: var(--salt-palette-neutral);
1301
+ --salt-actionable-bold-background-hover: linear-gradient(var(--salt-palette-alpha-dark-low), var(--salt-palette-alpha-dark-low)) var(--salt-palette-neutral);
1285
1302
  --salt-actionable-bold-background: var(--salt-palette-neutral);
1286
1303
  --salt-actionable-bold-borderColor-active: var(--salt-palette-neutral);
1287
- --salt-actionable-bold-borderColor-hover: var(--salt-palette-alpha-contrast-high);
1304
+ --salt-actionable-bold-borderColor-hover: var(--salt-palette-alpha-contrast-medium);
1288
1305
  --salt-actionable-bold-borderColor: var(--salt-palette-neutral);
1289
1306
  --salt-actionable-bold-foreground-active: var(--salt-palette-foreground-primary);
1290
1307
  --salt-actionable-bold-foreground-hover: var(--salt-palette-foreground-primary-alt);
@@ -1301,20 +1318,20 @@
1301
1318
  --salt-actionable-background-selected: var(--salt-palette-neutral);
1302
1319
  --salt-actionable-borderColor-selected: var(--salt-palette-neutral);
1303
1320
  --salt-actionable-foreground-selected: var(--salt-palette-foreground-primary-alt);
1304
- --salt-actionable-subtle-background-active: var(--salt-palette-neutral-weaker);
1305
- --salt-actionable-subtle-background-hover: var(--salt-palette-neutral-weakest);
1321
+ --salt-actionable-subtle-background-active: var(--salt-palette-alpha-contrast-low);
1322
+ --salt-actionable-subtle-background-hover: var(--salt-palette-alpha-contrast-lower);
1306
1323
  --salt-actionable-subtle-background: var(--salt-palette-alpha-none);
1307
- --salt-actionable-subtle-borderColor-active: var(--salt-palette-neutral);
1308
- --salt-actionable-subtle-borderColor-hover: var(--salt-palette-neutral);
1324
+ --salt-actionable-subtle-borderColor-active: var(--salt-palette-alpha-none);
1325
+ --salt-actionable-subtle-borderColor-hover: var(--salt-palette-alpha-none);
1309
1326
  --salt-actionable-subtle-borderColor: var(--salt-palette-alpha-none);
1310
1327
  --salt-actionable-subtle-foreground-active: var(--salt-palette-foreground-primary);
1311
1328
  --salt-actionable-subtle-foreground-hover: var(--salt-palette-foreground-primary);
1312
1329
  --salt-actionable-subtle-foreground: var(--salt-palette-foreground-primary);
1313
1330
  --salt-actionable-negative-bold-background-active: var(--salt-palette-negative-weaker);
1314
- --salt-actionable-negative-bold-background-hover: var(--salt-palette-negative);
1331
+ --salt-actionable-negative-bold-background-hover: linear-gradient(var(--salt-palette-alpha-dark-low), var(--salt-palette-alpha-dark-low)) var(--salt-palette-negative);
1315
1332
  --salt-actionable-negative-bold-background: var(--salt-palette-negative);
1316
1333
  --salt-actionable-negative-bold-borderColor-active: var(--salt-palette-negative);
1317
- --salt-actionable-negative-bold-borderColor-hover: var(--salt-palette-alpha-contrast-high);
1334
+ --salt-actionable-negative-bold-borderColor-hover: var(--salt-palette-alpha-contrast-medium);
1318
1335
  --salt-actionable-negative-bold-borderColor: var(--salt-palette-negative);
1319
1336
  --salt-actionable-negative-bold-foreground-active: var(--salt-palette-foreground-primary);
1320
1337
  --salt-actionable-negative-bold-foreground-hover: var(--salt-palette-foreground-primary-alt);
@@ -1331,20 +1348,20 @@
1331
1348
  --salt-actionable-negative-background-selected: var(--salt-palette-negative);
1332
1349
  --salt-actionable-negative-borderColor-selected: var(--salt-palette-negative);
1333
1350
  --salt-actionable-negative-foreground-selected: var(--salt-palette-foreground-primary-alt);
1334
- --salt-actionable-negative-subtle-background-active: var(--salt-palette-negative-weaker);
1335
- --salt-actionable-negative-subtle-background-hover: var(--salt-palette-negative-weakest);
1351
+ --salt-actionable-negative-subtle-background-active: var(--salt-palette-alpha-contrast-low);
1352
+ --salt-actionable-negative-subtle-background-hover: var(--salt-palette-alpha-contrast-lower);
1336
1353
  --salt-actionable-negative-subtle-background: var(--salt-palette-alpha-none);
1337
- --salt-actionable-negative-subtle-borderColor-active: var(--salt-palette-negative);
1338
- --salt-actionable-negative-subtle-borderColor-hover: var(--salt-palette-negative);
1354
+ --salt-actionable-negative-subtle-borderColor-active: var(--salt-palette-alpha-none);
1355
+ --salt-actionable-negative-subtle-borderColor-hover: var(--salt-palette-alpha-none);
1339
1356
  --salt-actionable-negative-subtle-borderColor: var(--salt-palette-alpha-none);
1340
1357
  --salt-actionable-negative-subtle-foreground-active: var(--salt-palette-foreground-primary);
1341
1358
  --salt-actionable-negative-subtle-foreground-hover: var(--salt-palette-negative-stronger);
1342
1359
  --salt-actionable-negative-subtle-foreground: var(--salt-palette-negative-strong);
1343
1360
  --salt-actionable-positive-bold-background-active: var(--salt-palette-positive-weaker);
1344
- --salt-actionable-positive-bold-background-hover: var(--salt-palette-positive);
1361
+ --salt-actionable-positive-bold-background-hover: linear-gradient(var(--salt-palette-alpha-dark-low), var(--salt-palette-alpha-dark-low)) var(--salt-palette-positive);
1345
1362
  --salt-actionable-positive-bold-background: var(--salt-palette-positive);
1346
1363
  --salt-actionable-positive-bold-borderColor-active: var(--salt-palette-positive);
1347
- --salt-actionable-positive-bold-borderColor-hover: var(--salt-palette-alpha-contrast-high);
1364
+ --salt-actionable-positive-bold-borderColor-hover: var(--salt-palette-alpha-contrast-medium);
1348
1365
  --salt-actionable-positive-bold-borderColor: var(--salt-palette-positive);
1349
1366
  --salt-actionable-positive-bold-foreground-active: var(--salt-palette-foreground-primary);
1350
1367
  --salt-actionable-positive-bold-foreground-hover: var(--salt-palette-foreground-primary-alt);
@@ -1361,20 +1378,20 @@
1361
1378
  --salt-actionable-positive-background-selected: var(--salt-palette-positive);
1362
1379
  --salt-actionable-positive-borderColor-selected: var(--salt-palette-positive);
1363
1380
  --salt-actionable-positive-foreground-selected: var(--salt-palette-foreground-primary-alt);
1364
- --salt-actionable-positive-subtle-background-active: var(--salt-palette-positive-weaker);
1365
- --salt-actionable-positive-subtle-background-hover: var(--salt-palette-positive-weakest);
1381
+ --salt-actionable-positive-subtle-background-active: var(--salt-palette-alpha-contrast-low);
1382
+ --salt-actionable-positive-subtle-background-hover: var(--salt-palette-alpha-contrast-lower);
1366
1383
  --salt-actionable-positive-subtle-background: var(--salt-palette-alpha-none);
1367
- --salt-actionable-positive-subtle-borderColor-active: var(--salt-palette-positive);
1368
- --salt-actionable-positive-subtle-borderColor-hover: var(--salt-palette-positive);
1384
+ --salt-actionable-positive-subtle-borderColor-active: var(--salt-palette-alpha-none);
1385
+ --salt-actionable-positive-subtle-borderColor-hover: var(--salt-palette-alpha-none);
1369
1386
  --salt-actionable-positive-subtle-borderColor: var(--salt-palette-alpha-none);
1370
1387
  --salt-actionable-positive-subtle-foreground-active: var(--salt-palette-foreground-primary);
1371
1388
  --salt-actionable-positive-subtle-foreground-hover: var(--salt-palette-positive-stronger);
1372
1389
  --salt-actionable-positive-subtle-foreground: var(--salt-palette-positive-strong);
1373
1390
  --salt-actionable-caution-bold-background-active: var(--salt-palette-warning-weaker);
1374
- --salt-actionable-caution-bold-background-hover: var(--salt-palette-warning);
1391
+ --salt-actionable-caution-bold-background-hover: linear-gradient(var(--salt-palette-alpha-dark-low), var(--salt-palette-alpha-dark-low)) var(--salt-palette-warning);
1375
1392
  --salt-actionable-caution-bold-background: var(--salt-palette-warning);
1376
1393
  --salt-actionable-caution-bold-borderColor-active: var(--salt-palette-warning);
1377
- --salt-actionable-caution-bold-borderColor-hover: var(--salt-palette-alpha-contrast-high);
1394
+ --salt-actionable-caution-bold-borderColor-hover: var(--salt-palette-alpha-contrast-medium);
1378
1395
  --salt-actionable-caution-bold-borderColor: var(--salt-palette-warning);
1379
1396
  --salt-actionable-caution-bold-foreground-active: var(--salt-palette-foreground-primary);
1380
1397
  --salt-actionable-caution-bold-foreground-hover: var(--salt-palette-foreground-primary-alt);
@@ -1391,11 +1408,11 @@
1391
1408
  --salt-actionable-caution-background-selected: var(--salt-palette-warning);
1392
1409
  --salt-actionable-caution-borderColor-selected: var(--salt-palette-warning);
1393
1410
  --salt-actionable-caution-foreground-selected: var(--salt-palette-foreground-primary-alt);
1394
- --salt-actionable-caution-subtle-background-active: var(--salt-palette-warning-weaker);
1395
- --salt-actionable-caution-subtle-background-hover: var(--salt-palette-warning-weakest);
1411
+ --salt-actionable-caution-subtle-background-active: var(--salt-palette-alpha-contrast-low);
1412
+ --salt-actionable-caution-subtle-background-hover: var(--salt-palette-alpha-contrast-lower);
1396
1413
  --salt-actionable-caution-subtle-background: var(--salt-palette-alpha-none);
1397
- --salt-actionable-caution-subtle-borderColor-active: var(--salt-palette-warning);
1398
- --salt-actionable-caution-subtle-borderColor-hover: var(--salt-palette-warning);
1414
+ --salt-actionable-caution-subtle-borderColor-active: var(--salt-palette-alpha-none);
1415
+ --salt-actionable-caution-subtle-borderColor-hover: var(--salt-palette-alpha-none);
1399
1416
  --salt-actionable-caution-subtle-borderColor: var(--salt-palette-alpha-none);
1400
1417
  --salt-actionable-caution-subtle-foreground-active: var(--salt-palette-foreground-primary);
1401
1418
  --salt-actionable-caution-subtle-foreground-hover: var(--salt-palette-warning-stronger);
@@ -1407,102 +1424,82 @@
1407
1424
  --salt-category-1-subtle-foreground: var(--salt-palette-categorical-1-strong);
1408
1425
  --salt-category-1-subtle-background: var(--salt-palette-categorical-1-weakest);
1409
1426
  --salt-category-1-subtle-borderColor: var(--salt-palette-categorical-1);
1410
- --salt-category-1-bold-foreground: var(--salt-palette-foreground-primary-alt);
1411
1427
  --salt-category-1-bold-background: var(--salt-palette-categorical-1);
1412
1428
  --salt-category-2-subtle-foreground: var(--salt-palette-categorical-2-strong);
1413
1429
  --salt-category-2-subtle-background: var(--salt-palette-categorical-2-weakest);
1414
1430
  --salt-category-2-subtle-borderColor: var(--salt-palette-categorical-2);
1415
- --salt-category-2-bold-foreground: var(--salt-palette-foreground-primary-alt);
1416
1431
  --salt-category-2-bold-background: var(--salt-palette-categorical-2);
1417
1432
  --salt-category-3-subtle-foreground: var(--salt-palette-categorical-3-strong);
1418
1433
  --salt-category-3-subtle-background: var(--salt-palette-categorical-3-weakest);
1419
1434
  --salt-category-3-subtle-borderColor: var(--salt-palette-categorical-3);
1420
- --salt-category-3-bold-foreground: var(--salt-palette-foreground-primary-alt);
1421
1435
  --salt-category-3-bold-background: var(--salt-palette-categorical-3);
1422
1436
  --salt-category-4-subtle-foreground: var(--salt-palette-categorical-4-strong);
1423
1437
  --salt-category-4-subtle-background: var(--salt-palette-categorical-4-weakest);
1424
1438
  --salt-category-4-subtle-borderColor: var(--salt-palette-categorical-4);
1425
- --salt-category-4-bold-foreground: var(--salt-palette-foreground-primary-alt);
1426
1439
  --salt-category-4-bold-background: var(--salt-palette-categorical-4);
1427
1440
  --salt-category-5-subtle-foreground: var(--salt-palette-categorical-5-strong);
1428
1441
  --salt-category-5-subtle-background: var(--salt-palette-categorical-5-weakest);
1429
1442
  --salt-category-5-subtle-borderColor: var(--salt-palette-categorical-5);
1430
- --salt-category-5-bold-foreground: var(--salt-palette-foreground-primary-alt);
1431
1443
  --salt-category-5-bold-background: var(--salt-palette-categorical-5);
1432
1444
  --salt-category-6-subtle-foreground: var(--salt-palette-categorical-6-strong);
1433
1445
  --salt-category-6-subtle-background: var(--salt-palette-categorical-6-weakest);
1434
1446
  --salt-category-6-subtle-borderColor: var(--salt-palette-categorical-6);
1435
- --salt-category-6-bold-foreground: var(--salt-palette-foreground-primary-alt);
1436
1447
  --salt-category-6-bold-background: var(--salt-palette-categorical-6);
1437
1448
  --salt-category-7-subtle-foreground: var(--salt-palette-categorical-7-strong);
1438
1449
  --salt-category-7-subtle-background: var(--salt-palette-categorical-7-weakest);
1439
1450
  --salt-category-7-subtle-borderColor: var(--salt-palette-categorical-7);
1440
- --salt-category-7-bold-foreground: var(--salt-palette-foreground-primary-alt);
1441
1451
  --salt-category-7-bold-background: var(--salt-palette-categorical-7);
1442
1452
  --salt-category-8-subtle-foreground: var(--salt-palette-categorical-8-strong);
1443
1453
  --salt-category-8-subtle-background: var(--salt-palette-categorical-8-weakest);
1444
1454
  --salt-category-8-subtle-borderColor: var(--salt-palette-categorical-8);
1445
- --salt-category-8-bold-foreground: var(--salt-palette-foreground-primary-alt);
1446
1455
  --salt-category-8-bold-background: var(--salt-palette-categorical-8);
1447
1456
  --salt-category-9-subtle-foreground: var(--salt-palette-categorical-9-strong);
1448
1457
  --salt-category-9-subtle-background: var(--salt-palette-categorical-9-weakest);
1449
1458
  --salt-category-9-subtle-borderColor: var(--salt-palette-categorical-9);
1450
- --salt-category-9-bold-foreground: var(--salt-palette-foreground-primary-alt);
1451
1459
  --salt-category-9-bold-background: var(--salt-palette-categorical-9);
1452
1460
  --salt-category-10-subtle-foreground: var(--salt-palette-categorical-10-strong);
1453
1461
  --salt-category-10-subtle-background: var(--salt-palette-categorical-10-weakest);
1454
1462
  --salt-category-10-subtle-borderColor: var(--salt-palette-categorical-10);
1455
- --salt-category-10-bold-foreground: var(--salt-palette-foreground-primary-alt);
1456
1463
  --salt-category-10-bold-background: var(--salt-palette-categorical-10);
1457
1464
  --salt-category-11-subtle-foreground: var(--salt-palette-categorical-11-strong);
1458
1465
  --salt-category-11-subtle-background: var(--salt-palette-categorical-11-weakest);
1459
1466
  --salt-category-11-subtle-borderColor: var(--salt-palette-categorical-11);
1460
- --salt-category-11-bold-foreground: var(--salt-palette-foreground-primary-alt);
1461
1467
  --salt-category-11-bold-background: var(--salt-palette-categorical-11);
1462
1468
  --salt-category-12-subtle-foreground: var(--salt-palette-categorical-12-strong);
1463
1469
  --salt-category-12-subtle-background: var(--salt-palette-categorical-12-weakest);
1464
1470
  --salt-category-12-subtle-borderColor: var(--salt-palette-categorical-12);
1465
- --salt-category-12-bold-foreground: var(--salt-palette-foreground-primary-alt);
1466
1471
  --salt-category-12-bold-background: var(--salt-palette-categorical-12);
1467
1472
  --salt-category-13-subtle-foreground: var(--salt-palette-categorical-13-strong);
1468
1473
  --salt-category-13-subtle-background: var(--salt-palette-categorical-13-weakest);
1469
1474
  --salt-category-13-subtle-borderColor: var(--salt-palette-categorical-13);
1470
- --salt-category-13-bold-foreground: var(--salt-palette-foreground-primary-alt);
1471
1475
  --salt-category-13-bold-background: var(--salt-palette-categorical-13);
1472
1476
  --salt-category-14-subtle-foreground: var(--salt-palette-categorical-14-strong);
1473
1477
  --salt-category-14-subtle-background: var(--salt-palette-categorical-14-weakest);
1474
1478
  --salt-category-14-subtle-borderColor: var(--salt-palette-categorical-14);
1475
- --salt-category-14-bold-foreground: var(--salt-palette-foreground-primary-alt);
1476
1479
  --salt-category-14-bold-background: var(--salt-palette-categorical-14);
1477
1480
  --salt-category-15-subtle-foreground: var(--salt-palette-categorical-15-strong);
1478
1481
  --salt-category-15-subtle-background: var(--salt-palette-categorical-15-weakest);
1479
1482
  --salt-category-15-subtle-borderColor: var(--salt-palette-categorical-15);
1480
- --salt-category-15-bold-foreground: var(--salt-palette-foreground-primary-alt);
1481
1483
  --salt-category-15-bold-background: var(--salt-palette-categorical-15);
1482
1484
  --salt-category-16-subtle-foreground: var(--salt-palette-categorical-16-strong);
1483
1485
  --salt-category-16-subtle-background: var(--salt-palette-categorical-16-weakest);
1484
1486
  --salt-category-16-subtle-borderColor: var(--salt-palette-categorical-16);
1485
- --salt-category-16-bold-foreground: var(--salt-palette-foreground-primary-alt);
1486
1487
  --salt-category-16-bold-background: var(--salt-palette-categorical-16);
1487
1488
  --salt-category-17-subtle-foreground: var(--salt-palette-categorical-17-strong);
1488
1489
  --salt-category-17-subtle-background: var(--salt-palette-categorical-17-weakest);
1489
1490
  --salt-category-17-subtle-borderColor: var(--salt-palette-categorical-17);
1490
- --salt-category-17-bold-foreground: var(--salt-palette-foreground-primary-alt);
1491
1491
  --salt-category-17-bold-background: var(--salt-palette-categorical-17);
1492
1492
  --salt-category-18-subtle-foreground: var(--salt-palette-categorical-18-strong);
1493
1493
  --salt-category-18-subtle-background: var(--salt-palette-categorical-18-weakest);
1494
1494
  --salt-category-18-subtle-borderColor: var(--salt-palette-categorical-18);
1495
- --salt-category-18-bold-foreground: var(--salt-palette-foreground-primary-alt);
1496
1495
  --salt-category-18-bold-background: var(--salt-palette-categorical-18);
1497
1496
  --salt-category-19-subtle-foreground: var(--salt-palette-categorical-19-strong);
1498
1497
  --salt-category-19-subtle-background: var(--salt-palette-categorical-19-weakest);
1499
1498
  --salt-category-19-subtle-borderColor: var(--salt-palette-categorical-19);
1500
- --salt-category-19-bold-foreground: var(--salt-palette-foreground-primary-alt);
1501
1499
  --salt-category-19-bold-background: var(--salt-palette-categorical-19);
1502
1500
  --salt-category-20-subtle-foreground: var(--salt-palette-categorical-20-strong);
1503
1501
  --salt-category-20-subtle-background: var(--salt-palette-categorical-20-weakest);
1504
1502
  --salt-category-20-subtle-borderColor: var(--salt-palette-categorical-20);
1505
- --salt-category-20-bold-foreground: var(--salt-palette-foreground-primary-alt);
1506
1503
  --salt-category-20-bold-background: var(--salt-palette-categorical-20);
1507
1504
  }
1508
1505
 
@@ -1534,10 +1531,7 @@
1534
1531
  --salt-content-attention-foreground: var(--salt-palette-negative-strong);
1535
1532
  --salt-content-bold-foreground: var(--salt-palette-foreground-primary-alt);
1536
1533
  --salt-content-bold-foreground-disabled: var(--salt-palette-foreground-primary-alt-disabled);
1537
- --salt-content-foreground-hover: var(--salt-palette-accent-strong);
1538
- --salt-content-foreground-active: var(--salt-palette-accent-stronger);
1539
1534
  --salt-content-foreground-visited: var(--salt-palette-foreground-visited);
1540
- --salt-content-foreground-highlight: var(--salt-palette-accent-weaker);
1541
1535
  }
1542
1536
 
1543
1537
  /* css/next/characteristics/editable.css */
@@ -2105,6 +2099,30 @@
2105
2099
  --salt-actionable-caution-subtle-borderColor-disabled: var(--salt-palette-alpha-none);
2106
2100
  --salt-actionable-caution-subtle-foreground-disabled: var(--salt-palette-warning-strong-disabled);
2107
2101
  --salt-separable-background: var(--salt-palette-alpha-none);
2102
+ --salt-category-1-bold-foreground: var(--salt-palette-foreground-primary-alt);
2103
+ --salt-category-2-bold-foreground: var(--salt-palette-foreground-primary-alt);
2104
+ --salt-category-3-bold-foreground: var(--salt-palette-foreground-primary-alt);
2105
+ --salt-category-4-bold-foreground: var(--salt-palette-foreground-primary-alt);
2106
+ --salt-category-5-bold-foreground: var(--salt-palette-foreground-primary-alt);
2107
+ --salt-category-6-bold-foreground: var(--salt-palette-foreground-primary-alt);
2108
+ --salt-category-7-bold-foreground: var(--salt-palette-foreground-primary-alt);
2109
+ --salt-category-8-bold-foreground: var(--salt-palette-foreground-primary-alt);
2110
+ --salt-category-9-bold-foreground: var(--salt-palette-foreground-primary-alt);
2111
+ --salt-category-10-bold-foreground: var(--salt-palette-foreground-primary-alt);
2112
+ --salt-category-11-bold-foreground: var(--salt-palette-foreground-primary-alt);
2113
+ --salt-category-12-bold-foreground: var(--salt-palette-foreground-primary-alt);
2114
+ --salt-category-13-bold-foreground: var(--salt-palette-foreground-primary-alt);
2115
+ --salt-category-14-bold-foreground: var(--salt-palette-foreground-primary-alt);
2116
+ --salt-category-15-bold-foreground: var(--salt-palette-foreground-primary-alt);
2117
+ --salt-category-16-bold-foreground: var(--salt-palette-foreground-primary-alt);
2118
+ --salt-category-17-bold-foreground: var(--salt-palette-foreground-primary-alt);
2119
+ --salt-category-18-bold-foreground: var(--salt-palette-foreground-primary-alt);
2120
+ --salt-category-19-bold-foreground: var(--salt-palette-foreground-primary-alt);
2121
+ --salt-category-20-bold-foreground: var(--salt-palette-foreground-primary-alt);
2122
+ --salt-accent-foreground: var(--salt-palette-foreground-primary-alt);
2123
+ --salt-content-foreground-highlight: var(--salt-palette-accent-weaker);
2124
+ --salt-content-foreground-active: var(--salt-palette-accent-stronger);
2125
+ --salt-content-foreground-hover: var(--salt-palette-accent-strong);
2108
2126
  }
2109
2127
 
2110
2128
  /* css/next/deprecated/foundations.css */
package/css/theme.css CHANGED
@@ -1122,13 +1122,11 @@
1122
1122
  .salt-theme[data-mode=light] {
1123
1123
  --salt-palette-accent: var(--salt-color-blue-500);
1124
1124
  --salt-palette-accent-disabled: var(--salt-color-blue-500-40a);
1125
- --salt-palette-accent-foreground: var(--salt-color-white);
1126
1125
  --salt-palette-accent-foreground-informative: var(--salt-color-blue-600);
1127
1126
  }
1128
1127
  .salt-theme[data-mode=dark] {
1129
1128
  --salt-palette-accent: var(--salt-color-blue-500);
1130
1129
  --salt-palette-accent-disabled: var(--salt-color-blue-500-40a);
1131
- --salt-palette-accent-foreground: var(--salt-color-white);
1132
1130
  --salt-palette-accent-foreground-informative: var(--salt-color-blue-200);
1133
1131
  }
1134
1132
 
@@ -1585,7 +1583,6 @@
1585
1583
  --salt-accent-background-disabled: var(--salt-palette-accent-disabled);
1586
1584
  --salt-accent-borderColor: var(--salt-palette-accent);
1587
1585
  --salt-accent-borderColor-disabled: var(--salt-palette-accent-disabled);
1588
- --salt-accent-foreground: var(--salt-palette-accent-foreground);
1589
1586
  }
1590
1587
 
1591
1588
  /* css/legacy/characteristics/actionable.css */
@@ -1747,102 +1744,82 @@
1747
1744
  --salt-category-1-subtle-foreground: var(--salt-palette-categorical-1-strong);
1748
1745
  --salt-category-1-subtle-background: var(--salt-palette-categorical-1-weakest);
1749
1746
  --salt-category-1-subtle-borderColor: var(--salt-palette-categorical-1);
1750
- --salt-category-1-bold-foreground: var(--salt-palette-accent-foreground);
1751
1747
  --salt-category-1-bold-background: var(--salt-palette-categorical-1);
1752
1748
  --salt-category-2-subtle-foreground: var(--salt-palette-categorical-2-strong);
1753
1749
  --salt-category-2-subtle-background: var(--salt-palette-categorical-2-weakest);
1754
1750
  --salt-category-2-subtle-borderColor: var(--salt-palette-categorical-2);
1755
- --salt-category-2-bold-foreground: var(--salt-palette-accent-foreground);
1756
1751
  --salt-category-2-bold-background: var(--salt-palette-categorical-2);
1757
1752
  --salt-category-3-subtle-foreground: var(--salt-palette-categorical-3-strong);
1758
1753
  --salt-category-3-subtle-background: var(--salt-palette-categorical-3-weakest);
1759
1754
  --salt-category-3-subtle-borderColor: var(--salt-palette-categorical-3);
1760
- --salt-category-3-bold-foreground: var(--salt-palette-accent-foreground);
1761
1755
  --salt-category-3-bold-background: var(--salt-palette-categorical-3);
1762
1756
  --salt-category-4-subtle-foreground: var(--salt-palette-categorical-4-strong);
1763
1757
  --salt-category-4-subtle-background: var(--salt-palette-categorical-4-weakest);
1764
1758
  --salt-category-4-subtle-borderColor: var(--salt-palette-categorical-4);
1765
- --salt-category-4-bold-foreground: var(--salt-palette-accent-foreground);
1766
1759
  --salt-category-4-bold-background: var(--salt-palette-categorical-4);
1767
1760
  --salt-category-5-subtle-foreground: var(--salt-palette-categorical-5-strong);
1768
1761
  --salt-category-5-subtle-background: var(--salt-palette-categorical-5-weakest);
1769
1762
  --salt-category-5-subtle-borderColor: var(--salt-palette-categorical-5);
1770
- --salt-category-5-bold-foreground: var(--salt-palette-accent-foreground);
1771
1763
  --salt-category-5-bold-background: var(--salt-palette-categorical-5);
1772
1764
  --salt-category-6-subtle-foreground: var(--salt-palette-categorical-6-strong);
1773
1765
  --salt-category-6-subtle-background: var(--salt-palette-categorical-6-weakest);
1774
1766
  --salt-category-6-subtle-borderColor: var(--salt-palette-categorical-6);
1775
- --salt-category-6-bold-foreground: var(--salt-palette-accent-foreground);
1776
1767
  --salt-category-6-bold-background: var(--salt-palette-categorical-6);
1777
1768
  --salt-category-7-subtle-foreground: var(--salt-palette-categorical-7-strong);
1778
1769
  --salt-category-7-subtle-background: var(--salt-palette-categorical-7-weakest);
1779
1770
  --salt-category-7-subtle-borderColor: var(--salt-palette-categorical-7);
1780
- --salt-category-7-bold-foreground: var(--salt-palette-accent-foreground);
1781
1771
  --salt-category-7-bold-background: var(--salt-palette-categorical-7);
1782
1772
  --salt-category-8-subtle-foreground: var(--salt-palette-categorical-8-strong);
1783
1773
  --salt-category-8-subtle-background: var(--salt-palette-categorical-8-weakest);
1784
1774
  --salt-category-8-subtle-borderColor: var(--salt-palette-categorical-8);
1785
- --salt-category-8-bold-foreground: var(--salt-palette-accent-foreground);
1786
1775
  --salt-category-8-bold-background: var(--salt-palette-categorical-8);
1787
1776
  --salt-category-9-subtle-foreground: var(--salt-palette-categorical-9-strong);
1788
1777
  --salt-category-9-subtle-background: var(--salt-palette-categorical-9-weakest);
1789
1778
  --salt-category-9-subtle-borderColor: var(--salt-palette-categorical-9);
1790
- --salt-category-9-bold-foreground: var(--salt-palette-accent-foreground);
1791
1779
  --salt-category-9-bold-background: var(--salt-palette-categorical-9);
1792
1780
  --salt-category-10-subtle-foreground: var(--salt-palette-categorical-10-strong);
1793
1781
  --salt-category-10-subtle-background: var(--salt-palette-categorical-10-weakest);
1794
1782
  --salt-category-10-subtle-borderColor: var(--salt-palette-categorical-10);
1795
- --salt-category-10-bold-foreground: var(--salt-palette-accent-foreground);
1796
1783
  --salt-category-10-bold-background: var(--salt-palette-categorical-10);
1797
1784
  --salt-category-11-subtle-foreground: var(--salt-palette-categorical-11-strong);
1798
1785
  --salt-category-11-subtle-background: var(--salt-palette-categorical-11-weakest);
1799
1786
  --salt-category-11-subtle-borderColor: var(--salt-palette-categorical-11);
1800
- --salt-category-11-bold-foreground: var(--salt-palette-accent-foreground);
1801
1787
  --salt-category-11-bold-background: var(--salt-palette-categorical-11);
1802
1788
  --salt-category-12-subtle-foreground: var(--salt-palette-categorical-12-strong);
1803
1789
  --salt-category-12-subtle-background: var(--salt-palette-categorical-12-weakest);
1804
1790
  --salt-category-12-subtle-borderColor: var(--salt-palette-categorical-12);
1805
- --salt-category-12-bold-foreground: var(--salt-palette-accent-foreground);
1806
1791
  --salt-category-12-bold-background: var(--salt-palette-categorical-12);
1807
1792
  --salt-category-13-subtle-foreground: var(--salt-palette-categorical-13-strong);
1808
1793
  --salt-category-13-subtle-background: var(--salt-palette-categorical-13-weakest);
1809
1794
  --salt-category-13-subtle-borderColor: var(--salt-palette-categorical-13);
1810
- --salt-category-13-bold-foreground: var(--salt-palette-accent-foreground);
1811
1795
  --salt-category-13-bold-background: var(--salt-palette-categorical-13);
1812
1796
  --salt-category-14-subtle-foreground: var(--salt-palette-categorical-14-strong);
1813
1797
  --salt-category-14-subtle-background: var(--salt-palette-categorical-14-weakest);
1814
1798
  --salt-category-14-subtle-borderColor: var(--salt-palette-categorical-14);
1815
- --salt-category-14-bold-foreground: var(--salt-palette-accent-foreground);
1816
1799
  --salt-category-14-bold-background: var(--salt-palette-categorical-14);
1817
1800
  --salt-category-15-subtle-foreground: var(--salt-palette-categorical-15-strong);
1818
1801
  --salt-category-15-subtle-background: var(--salt-palette-categorical-15-weakest);
1819
1802
  --salt-category-15-subtle-borderColor: var(--salt-palette-categorical-15);
1820
- --salt-category-15-bold-foreground: var(--salt-palette-accent-foreground);
1821
1803
  --salt-category-15-bold-background: var(--salt-palette-categorical-15);
1822
1804
  --salt-category-16-subtle-foreground: var(--salt-palette-categorical-16-strong);
1823
1805
  --salt-category-16-subtle-background: var(--salt-palette-categorical-16-weakest);
1824
1806
  --salt-category-16-subtle-borderColor: var(--salt-palette-categorical-16);
1825
- --salt-category-16-bold-foreground: var(--salt-palette-accent-foreground);
1826
1807
  --salt-category-16-bold-background: var(--salt-palette-categorical-16);
1827
1808
  --salt-category-17-subtle-foreground: var(--salt-palette-categorical-17-strong);
1828
1809
  --salt-category-17-subtle-background: var(--salt-palette-categorical-17-weakest);
1829
1810
  --salt-category-17-subtle-borderColor: var(--salt-palette-categorical-17);
1830
- --salt-category-17-bold-foreground: var(--salt-palette-accent-foreground);
1831
1811
  --salt-category-17-bold-background: var(--salt-palette-categorical-17);
1832
1812
  --salt-category-18-subtle-foreground: var(--salt-palette-categorical-18-strong);
1833
1813
  --salt-category-18-subtle-background: var(--salt-palette-categorical-18-weakest);
1834
1814
  --salt-category-18-subtle-borderColor: var(--salt-palette-categorical-18);
1835
- --salt-category-18-bold-foreground: var(--salt-palette-accent-foreground);
1836
1815
  --salt-category-18-bold-background: var(--salt-palette-categorical-18);
1837
1816
  --salt-category-19-subtle-foreground: var(--salt-palette-categorical-19-strong);
1838
1817
  --salt-category-19-subtle-background: var(--salt-palette-categorical-19-weakest);
1839
1818
  --salt-category-19-subtle-borderColor: var(--salt-palette-categorical-19);
1840
- --salt-category-19-bold-foreground: var(--salt-palette-accent-foreground);
1841
1819
  --salt-category-19-bold-background: var(--salt-palette-categorical-19);
1842
1820
  --salt-category-20-subtle-foreground: var(--salt-palette-categorical-20-strong);
1843
1821
  --salt-category-20-subtle-background: var(--salt-palette-categorical-20-weakest);
1844
1822
  --salt-category-20-subtle-borderColor: var(--salt-palette-categorical-20);
1845
- --salt-category-20-bold-foreground: var(--salt-palette-accent-foreground);
1846
1823
  --salt-category-20-bold-background: var(--salt-palette-categorical-20);
1847
1824
  }
1848
1825
 
@@ -1874,10 +1851,7 @@
1874
1851
  --salt-content-attention-foreground: var(--salt-palette-negative-foreground);
1875
1852
  --salt-content-bold-foreground: var(--salt-palette-interact-cta-foreground);
1876
1853
  --salt-content-bold-foreground-disabled: var(--salt-palette-interact-cta-foreground-disabled);
1877
- --salt-content-foreground-hover: var(--salt-palette-accent-foreground-informative);
1878
- --salt-content-foreground-active: var(--salt-palette-accent-foreground-informative);
1879
1854
  --salt-content-foreground-visited: var(--salt-palette-navigate-foreground-visited);
1880
- --salt-content-foreground-highlight: var(--salt-palette-interact-background-active);
1881
1855
  }
1882
1856
 
1883
1857
  /* css/legacy/characteristics/editable.css */
@@ -2487,6 +2461,7 @@
2487
2461
  --salt-navigable-indicator-activeDisabled: var(--salt-palette-navigate-indicator-activeDisabled);
2488
2462
  --salt-navigable-background-hover: var(--salt-palette-alpha-contrast-lowest);
2489
2463
  --salt-accent-foreground-disabled: var(--salt-palette-accent-foreground-disabled);
2464
+ --salt-accent-foreground: var(--salt-palette-accent-foreground);
2490
2465
  --salt-track-background: var(--salt-palette-track-background);
2491
2466
  --salt-track-background-disabled: var(--salt-palette-track-background-disabled);
2492
2467
  --salt-track-borderColor: var(--salt-palette-neutral-border);
@@ -2581,6 +2556,29 @@
2581
2556
  --salt-actionable-caution-subtle-borderColor-disabled: var(--salt-palette-alpha-none);
2582
2557
  --salt-actionable-caution-subtle-foreground-disabled: var(--salt-palette-warning-foreground-informative-disabled);
2583
2558
  --salt-separable-background: var(--salt-palette-alpha-none);
2559
+ --salt-category-1-bold-foreground: var(--salt-palette-accent-foreground);
2560
+ --salt-category-2-bold-foreground: var(--salt-palette-accent-foreground);
2561
+ --salt-category-3-bold-foreground: var(--salt-palette-accent-foreground);
2562
+ --salt-category-4-bold-foreground: var(--salt-palette-accent-foreground);
2563
+ --salt-category-5-bold-foreground: var(--salt-palette-accent-foreground);
2564
+ --salt-category-6-bold-foreground: var(--salt-palette-accent-foreground);
2565
+ --salt-category-7-bold-foreground: var(--salt-palette-accent-foreground);
2566
+ --salt-category-8-bold-foreground: var(--salt-palette-accent-foreground);
2567
+ --salt-category-9-bold-foreground: var(--salt-palette-accent-foreground);
2568
+ --salt-category-10-bold-foreground: var(--salt-palette-accent-foreground);
2569
+ --salt-category-11-bold-foreground: var(--salt-palette-accent-foreground);
2570
+ --salt-category-12-bold-foreground: var(--salt-palette-accent-foreground);
2571
+ --salt-category-13-bold-foreground: var(--salt-palette-accent-foreground);
2572
+ --salt-category-14-bold-foreground: var(--salt-palette-accent-foreground);
2573
+ --salt-category-15-bold-foreground: var(--salt-palette-accent-foreground);
2574
+ --salt-category-16-bold-foreground: var(--salt-palette-accent-foreground);
2575
+ --salt-category-17-bold-foreground: var(--salt-palette-accent-foreground);
2576
+ --salt-category-18-bold-foreground: var(--salt-palette-accent-foreground);
2577
+ --salt-category-19-bold-foreground: var(--salt-palette-accent-foreground);
2578
+ --salt-category-20-bold-foreground: var(--salt-palette-accent-foreground);
2579
+ --salt-content-foreground-highlight: var(--salt-palette-interact-background-active);
2580
+ --salt-content-foreground-active: var(--salt-palette-accent-foreground-informative);
2581
+ --salt-content-foreground-hover: var(--salt-palette-accent-foreground-informative);
2584
2582
  }
2585
2583
 
2586
2584
  /* css/legacy/deprecated/fade.css */
@@ -2769,6 +2767,7 @@
2769
2767
  --salt-palette-accent-background-disabled: var(--salt-color-blue-500-fade-background);
2770
2768
  --salt-palette-accent-border-disabled: var(--salt-color-blue-500-fade-border);
2771
2769
  --salt-palette-accent-foreground-informative-disabled: var(--salt-color-blue-600-40a);
2770
+ --salt-palette-accent-foreground: var(--salt-color-white);
2772
2771
  --salt-palette-negative-foreground-disabled: var(--salt-color-red-600-40a);
2773
2772
  --salt-palette-negative-background-disabled: var(--salt-color-red-600-40a);
2774
2773
  --salt-palette-negative-border-disabled: var(--salt-color-red-500-40a);
@@ -2858,6 +2857,7 @@
2858
2857
  --salt-palette-accent-background-disabled: var(--salt-color-blue-500-fade-background);
2859
2858
  --salt-palette-accent-border-disabled: var(--salt-color-blue-500-fade-border);
2860
2859
  --salt-palette-accent-foreground-informative-disabled: var(--salt-color-blue-200-40a);
2860
+ --salt-palette-accent-foreground: var(--salt-color-white);
2861
2861
  --salt-palette-negative-foreground-disabled: var(--salt-color-red-200-40a);
2862
2862
  --salt-palette-negative-background-disabled: var(--salt-color-red-600-40a);
2863
2863
  --salt-palette-negative-border-disabled: var(--salt-color-red-500-40a);
package/index.css CHANGED
@@ -1162,13 +1162,11 @@
1162
1162
  .salt-theme[data-mode=light] {
1163
1163
  --salt-palette-accent: var(--salt-color-blue-500);
1164
1164
  --salt-palette-accent-disabled: var(--salt-color-blue-500-40a);
1165
- --salt-palette-accent-foreground: var(--salt-color-white);
1166
1165
  --salt-palette-accent-foreground-informative: var(--salt-color-blue-600);
1167
1166
  }
1168
1167
  .salt-theme[data-mode=dark] {
1169
1168
  --salt-palette-accent: var(--salt-color-blue-500);
1170
1169
  --salt-palette-accent-disabled: var(--salt-color-blue-500-40a);
1171
- --salt-palette-accent-foreground: var(--salt-color-white);
1172
1170
  --salt-palette-accent-foreground-informative: var(--salt-color-blue-200);
1173
1171
  }
1174
1172
 
@@ -1625,7 +1623,6 @@
1625
1623
  --salt-accent-background-disabled: var(--salt-palette-accent-disabled);
1626
1624
  --salt-accent-borderColor: var(--salt-palette-accent);
1627
1625
  --salt-accent-borderColor-disabled: var(--salt-palette-accent-disabled);
1628
- --salt-accent-foreground: var(--salt-palette-accent-foreground);
1629
1626
  }
1630
1627
 
1631
1628
  /* css/legacy/characteristics/actionable.css */
@@ -1787,102 +1784,82 @@
1787
1784
  --salt-category-1-subtle-foreground: var(--salt-palette-categorical-1-strong);
1788
1785
  --salt-category-1-subtle-background: var(--salt-palette-categorical-1-weakest);
1789
1786
  --salt-category-1-subtle-borderColor: var(--salt-palette-categorical-1);
1790
- --salt-category-1-bold-foreground: var(--salt-palette-accent-foreground);
1791
1787
  --salt-category-1-bold-background: var(--salt-palette-categorical-1);
1792
1788
  --salt-category-2-subtle-foreground: var(--salt-palette-categorical-2-strong);
1793
1789
  --salt-category-2-subtle-background: var(--salt-palette-categorical-2-weakest);
1794
1790
  --salt-category-2-subtle-borderColor: var(--salt-palette-categorical-2);
1795
- --salt-category-2-bold-foreground: var(--salt-palette-accent-foreground);
1796
1791
  --salt-category-2-bold-background: var(--salt-palette-categorical-2);
1797
1792
  --salt-category-3-subtle-foreground: var(--salt-palette-categorical-3-strong);
1798
1793
  --salt-category-3-subtle-background: var(--salt-palette-categorical-3-weakest);
1799
1794
  --salt-category-3-subtle-borderColor: var(--salt-palette-categorical-3);
1800
- --salt-category-3-bold-foreground: var(--salt-palette-accent-foreground);
1801
1795
  --salt-category-3-bold-background: var(--salt-palette-categorical-3);
1802
1796
  --salt-category-4-subtle-foreground: var(--salt-palette-categorical-4-strong);
1803
1797
  --salt-category-4-subtle-background: var(--salt-palette-categorical-4-weakest);
1804
1798
  --salt-category-4-subtle-borderColor: var(--salt-palette-categorical-4);
1805
- --salt-category-4-bold-foreground: var(--salt-palette-accent-foreground);
1806
1799
  --salt-category-4-bold-background: var(--salt-palette-categorical-4);
1807
1800
  --salt-category-5-subtle-foreground: var(--salt-palette-categorical-5-strong);
1808
1801
  --salt-category-5-subtle-background: var(--salt-palette-categorical-5-weakest);
1809
1802
  --salt-category-5-subtle-borderColor: var(--salt-palette-categorical-5);
1810
- --salt-category-5-bold-foreground: var(--salt-palette-accent-foreground);
1811
1803
  --salt-category-5-bold-background: var(--salt-palette-categorical-5);
1812
1804
  --salt-category-6-subtle-foreground: var(--salt-palette-categorical-6-strong);
1813
1805
  --salt-category-6-subtle-background: var(--salt-palette-categorical-6-weakest);
1814
1806
  --salt-category-6-subtle-borderColor: var(--salt-palette-categorical-6);
1815
- --salt-category-6-bold-foreground: var(--salt-palette-accent-foreground);
1816
1807
  --salt-category-6-bold-background: var(--salt-palette-categorical-6);
1817
1808
  --salt-category-7-subtle-foreground: var(--salt-palette-categorical-7-strong);
1818
1809
  --salt-category-7-subtle-background: var(--salt-palette-categorical-7-weakest);
1819
1810
  --salt-category-7-subtle-borderColor: var(--salt-palette-categorical-7);
1820
- --salt-category-7-bold-foreground: var(--salt-palette-accent-foreground);
1821
1811
  --salt-category-7-bold-background: var(--salt-palette-categorical-7);
1822
1812
  --salt-category-8-subtle-foreground: var(--salt-palette-categorical-8-strong);
1823
1813
  --salt-category-8-subtle-background: var(--salt-palette-categorical-8-weakest);
1824
1814
  --salt-category-8-subtle-borderColor: var(--salt-palette-categorical-8);
1825
- --salt-category-8-bold-foreground: var(--salt-palette-accent-foreground);
1826
1815
  --salt-category-8-bold-background: var(--salt-palette-categorical-8);
1827
1816
  --salt-category-9-subtle-foreground: var(--salt-palette-categorical-9-strong);
1828
1817
  --salt-category-9-subtle-background: var(--salt-palette-categorical-9-weakest);
1829
1818
  --salt-category-9-subtle-borderColor: var(--salt-palette-categorical-9);
1830
- --salt-category-9-bold-foreground: var(--salt-palette-accent-foreground);
1831
1819
  --salt-category-9-bold-background: var(--salt-palette-categorical-9);
1832
1820
  --salt-category-10-subtle-foreground: var(--salt-palette-categorical-10-strong);
1833
1821
  --salt-category-10-subtle-background: var(--salt-palette-categorical-10-weakest);
1834
1822
  --salt-category-10-subtle-borderColor: var(--salt-palette-categorical-10);
1835
- --salt-category-10-bold-foreground: var(--salt-palette-accent-foreground);
1836
1823
  --salt-category-10-bold-background: var(--salt-palette-categorical-10);
1837
1824
  --salt-category-11-subtle-foreground: var(--salt-palette-categorical-11-strong);
1838
1825
  --salt-category-11-subtle-background: var(--salt-palette-categorical-11-weakest);
1839
1826
  --salt-category-11-subtle-borderColor: var(--salt-palette-categorical-11);
1840
- --salt-category-11-bold-foreground: var(--salt-palette-accent-foreground);
1841
1827
  --salt-category-11-bold-background: var(--salt-palette-categorical-11);
1842
1828
  --salt-category-12-subtle-foreground: var(--salt-palette-categorical-12-strong);
1843
1829
  --salt-category-12-subtle-background: var(--salt-palette-categorical-12-weakest);
1844
1830
  --salt-category-12-subtle-borderColor: var(--salt-palette-categorical-12);
1845
- --salt-category-12-bold-foreground: var(--salt-palette-accent-foreground);
1846
1831
  --salt-category-12-bold-background: var(--salt-palette-categorical-12);
1847
1832
  --salt-category-13-subtle-foreground: var(--salt-palette-categorical-13-strong);
1848
1833
  --salt-category-13-subtle-background: var(--salt-palette-categorical-13-weakest);
1849
1834
  --salt-category-13-subtle-borderColor: var(--salt-palette-categorical-13);
1850
- --salt-category-13-bold-foreground: var(--salt-palette-accent-foreground);
1851
1835
  --salt-category-13-bold-background: var(--salt-palette-categorical-13);
1852
1836
  --salt-category-14-subtle-foreground: var(--salt-palette-categorical-14-strong);
1853
1837
  --salt-category-14-subtle-background: var(--salt-palette-categorical-14-weakest);
1854
1838
  --salt-category-14-subtle-borderColor: var(--salt-palette-categorical-14);
1855
- --salt-category-14-bold-foreground: var(--salt-palette-accent-foreground);
1856
1839
  --salt-category-14-bold-background: var(--salt-palette-categorical-14);
1857
1840
  --salt-category-15-subtle-foreground: var(--salt-palette-categorical-15-strong);
1858
1841
  --salt-category-15-subtle-background: var(--salt-palette-categorical-15-weakest);
1859
1842
  --salt-category-15-subtle-borderColor: var(--salt-palette-categorical-15);
1860
- --salt-category-15-bold-foreground: var(--salt-palette-accent-foreground);
1861
1843
  --salt-category-15-bold-background: var(--salt-palette-categorical-15);
1862
1844
  --salt-category-16-subtle-foreground: var(--salt-palette-categorical-16-strong);
1863
1845
  --salt-category-16-subtle-background: var(--salt-palette-categorical-16-weakest);
1864
1846
  --salt-category-16-subtle-borderColor: var(--salt-palette-categorical-16);
1865
- --salt-category-16-bold-foreground: var(--salt-palette-accent-foreground);
1866
1847
  --salt-category-16-bold-background: var(--salt-palette-categorical-16);
1867
1848
  --salt-category-17-subtle-foreground: var(--salt-palette-categorical-17-strong);
1868
1849
  --salt-category-17-subtle-background: var(--salt-palette-categorical-17-weakest);
1869
1850
  --salt-category-17-subtle-borderColor: var(--salt-palette-categorical-17);
1870
- --salt-category-17-bold-foreground: var(--salt-palette-accent-foreground);
1871
1851
  --salt-category-17-bold-background: var(--salt-palette-categorical-17);
1872
1852
  --salt-category-18-subtle-foreground: var(--salt-palette-categorical-18-strong);
1873
1853
  --salt-category-18-subtle-background: var(--salt-palette-categorical-18-weakest);
1874
1854
  --salt-category-18-subtle-borderColor: var(--salt-palette-categorical-18);
1875
- --salt-category-18-bold-foreground: var(--salt-palette-accent-foreground);
1876
1855
  --salt-category-18-bold-background: var(--salt-palette-categorical-18);
1877
1856
  --salt-category-19-subtle-foreground: var(--salt-palette-categorical-19-strong);
1878
1857
  --salt-category-19-subtle-background: var(--salt-palette-categorical-19-weakest);
1879
1858
  --salt-category-19-subtle-borderColor: var(--salt-palette-categorical-19);
1880
- --salt-category-19-bold-foreground: var(--salt-palette-accent-foreground);
1881
1859
  --salt-category-19-bold-background: var(--salt-palette-categorical-19);
1882
1860
  --salt-category-20-subtle-foreground: var(--salt-palette-categorical-20-strong);
1883
1861
  --salt-category-20-subtle-background: var(--salt-palette-categorical-20-weakest);
1884
1862
  --salt-category-20-subtle-borderColor: var(--salt-palette-categorical-20);
1885
- --salt-category-20-bold-foreground: var(--salt-palette-accent-foreground);
1886
1863
  --salt-category-20-bold-background: var(--salt-palette-categorical-20);
1887
1864
  }
1888
1865
 
@@ -1914,10 +1891,7 @@
1914
1891
  --salt-content-attention-foreground: var(--salt-palette-negative-foreground);
1915
1892
  --salt-content-bold-foreground: var(--salt-palette-interact-cta-foreground);
1916
1893
  --salt-content-bold-foreground-disabled: var(--salt-palette-interact-cta-foreground-disabled);
1917
- --salt-content-foreground-hover: var(--salt-palette-accent-foreground-informative);
1918
- --salt-content-foreground-active: var(--salt-palette-accent-foreground-informative);
1919
1894
  --salt-content-foreground-visited: var(--salt-palette-navigate-foreground-visited);
1920
- --salt-content-foreground-highlight: var(--salt-palette-interact-background-active);
1921
1895
  }
1922
1896
 
1923
1897
  /* css/legacy/characteristics/editable.css */
@@ -2527,6 +2501,7 @@
2527
2501
  --salt-navigable-indicator-activeDisabled: var(--salt-palette-navigate-indicator-activeDisabled);
2528
2502
  --salt-navigable-background-hover: var(--salt-palette-alpha-contrast-lowest);
2529
2503
  --salt-accent-foreground-disabled: var(--salt-palette-accent-foreground-disabled);
2504
+ --salt-accent-foreground: var(--salt-palette-accent-foreground);
2530
2505
  --salt-track-background: var(--salt-palette-track-background);
2531
2506
  --salt-track-background-disabled: var(--salt-palette-track-background-disabled);
2532
2507
  --salt-track-borderColor: var(--salt-palette-neutral-border);
@@ -2621,6 +2596,29 @@
2621
2596
  --salt-actionable-caution-subtle-borderColor-disabled: var(--salt-palette-alpha-none);
2622
2597
  --salt-actionable-caution-subtle-foreground-disabled: var(--salt-palette-warning-foreground-informative-disabled);
2623
2598
  --salt-separable-background: var(--salt-palette-alpha-none);
2599
+ --salt-category-1-bold-foreground: var(--salt-palette-accent-foreground);
2600
+ --salt-category-2-bold-foreground: var(--salt-palette-accent-foreground);
2601
+ --salt-category-3-bold-foreground: var(--salt-palette-accent-foreground);
2602
+ --salt-category-4-bold-foreground: var(--salt-palette-accent-foreground);
2603
+ --salt-category-5-bold-foreground: var(--salt-palette-accent-foreground);
2604
+ --salt-category-6-bold-foreground: var(--salt-palette-accent-foreground);
2605
+ --salt-category-7-bold-foreground: var(--salt-palette-accent-foreground);
2606
+ --salt-category-8-bold-foreground: var(--salt-palette-accent-foreground);
2607
+ --salt-category-9-bold-foreground: var(--salt-palette-accent-foreground);
2608
+ --salt-category-10-bold-foreground: var(--salt-palette-accent-foreground);
2609
+ --salt-category-11-bold-foreground: var(--salt-palette-accent-foreground);
2610
+ --salt-category-12-bold-foreground: var(--salt-palette-accent-foreground);
2611
+ --salt-category-13-bold-foreground: var(--salt-palette-accent-foreground);
2612
+ --salt-category-14-bold-foreground: var(--salt-palette-accent-foreground);
2613
+ --salt-category-15-bold-foreground: var(--salt-palette-accent-foreground);
2614
+ --salt-category-16-bold-foreground: var(--salt-palette-accent-foreground);
2615
+ --salt-category-17-bold-foreground: var(--salt-palette-accent-foreground);
2616
+ --salt-category-18-bold-foreground: var(--salt-palette-accent-foreground);
2617
+ --salt-category-19-bold-foreground: var(--salt-palette-accent-foreground);
2618
+ --salt-category-20-bold-foreground: var(--salt-palette-accent-foreground);
2619
+ --salt-content-foreground-highlight: var(--salt-palette-interact-background-active);
2620
+ --salt-content-foreground-active: var(--salt-palette-accent-foreground-informative);
2621
+ --salt-content-foreground-hover: var(--salt-palette-accent-foreground-informative);
2624
2622
  }
2625
2623
 
2626
2624
  /* css/legacy/deprecated/fade.css */
@@ -2809,6 +2807,7 @@
2809
2807
  --salt-palette-accent-background-disabled: var(--salt-color-blue-500-fade-background);
2810
2808
  --salt-palette-accent-border-disabled: var(--salt-color-blue-500-fade-border);
2811
2809
  --salt-palette-accent-foreground-informative-disabled: var(--salt-color-blue-600-40a);
2810
+ --salt-palette-accent-foreground: var(--salt-color-white);
2812
2811
  --salt-palette-negative-foreground-disabled: var(--salt-color-red-600-40a);
2813
2812
  --salt-palette-negative-background-disabled: var(--salt-color-red-600-40a);
2814
2813
  --salt-palette-negative-border-disabled: var(--salt-color-red-500-40a);
@@ -2898,6 +2897,7 @@
2898
2897
  --salt-palette-accent-background-disabled: var(--salt-color-blue-500-fade-background);
2899
2898
  --salt-palette-accent-border-disabled: var(--salt-color-blue-500-fade-border);
2900
2899
  --salt-palette-accent-foreground-informative-disabled: var(--salt-color-blue-200-40a);
2900
+ --salt-palette-accent-foreground: var(--salt-color-white);
2901
2901
  --salt-palette-negative-foreground-disabled: var(--salt-color-red-200-40a);
2902
2902
  --salt-palette-negative-background-disabled: var(--salt-color-red-600-40a);
2903
2903
  --salt-palette-negative-border-disabled: var(--salt-color-red-500-40a);
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@salt-ds/theme",
3
- "version": "1.36.0",
3
+ "version": "1.37.0",
4
4
  "license": "Apache-2.0",
5
5
  "repository": {
6
6
  "type": "git",