@salt-ds/theme 1.36.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 +216 -114
  2. package/css/theme.css +170 -86
  3. package/index.css +170 -86
  4. package/package.json +2 -2
package/css/theme-next.css CHANGED
@@ -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);
@@ -1404,106 +1421,106 @@
1404
1421
 
1405
1422
  /* css/next/characteristics/category.css */
1406
1423
  .salt-theme.salt-theme-next {
1407
- --salt-category-1-subtle-foreground: var(--salt-palette-categorical-1-strong);
1408
- --salt-category-1-subtle-background: var(--salt-palette-categorical-1-weakest);
1409
- --salt-category-1-subtle-borderColor: var(--salt-palette-categorical-1);
1410
- --salt-category-1-bold-foreground: var(--salt-palette-foreground-primary-alt);
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);
1411
1427
  --salt-category-1-bold-background: var(--salt-palette-categorical-1);
1412
- --salt-category-2-subtle-foreground: var(--salt-palette-categorical-2-strong);
1413
- --salt-category-2-subtle-background: var(--salt-palette-categorical-2-weakest);
1414
- --salt-category-2-subtle-borderColor: var(--salt-palette-categorical-2);
1415
- --salt-category-2-bold-foreground: var(--salt-palette-foreground-primary-alt);
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);
1416
1432
  --salt-category-2-bold-background: var(--salt-palette-categorical-2);
1417
- --salt-category-3-subtle-foreground: var(--salt-palette-categorical-3-strong);
1418
- --salt-category-3-subtle-background: var(--salt-palette-categorical-3-weakest);
1419
- --salt-category-3-subtle-borderColor: var(--salt-palette-categorical-3);
1420
- --salt-category-3-bold-foreground: var(--salt-palette-foreground-primary-alt);
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);
1421
1437
  --salt-category-3-bold-background: var(--salt-palette-categorical-3);
1422
- --salt-category-4-subtle-foreground: var(--salt-palette-categorical-4-strong);
1423
- --salt-category-4-subtle-background: var(--salt-palette-categorical-4-weakest);
1424
- --salt-category-4-subtle-borderColor: var(--salt-palette-categorical-4);
1425
- --salt-category-4-bold-foreground: var(--salt-palette-foreground-primary-alt);
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);
1426
1442
  --salt-category-4-bold-background: var(--salt-palette-categorical-4);
1427
- --salt-category-5-subtle-foreground: var(--salt-palette-categorical-5-strong);
1428
- --salt-category-5-subtle-background: var(--salt-palette-categorical-5-weakest);
1429
- --salt-category-5-subtle-borderColor: var(--salt-palette-categorical-5);
1430
- --salt-category-5-bold-foreground: var(--salt-palette-foreground-primary-alt);
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);
1431
1447
  --salt-category-5-bold-background: var(--salt-palette-categorical-5);
1432
- --salt-category-6-subtle-foreground: var(--salt-palette-categorical-6-strong);
1433
- --salt-category-6-subtle-background: var(--salt-palette-categorical-6-weakest);
1434
- --salt-category-6-subtle-borderColor: var(--salt-palette-categorical-6);
1435
- --salt-category-6-bold-foreground: var(--salt-palette-foreground-primary-alt);
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);
1436
1452
  --salt-category-6-bold-background: var(--salt-palette-categorical-6);
1437
- --salt-category-7-subtle-foreground: var(--salt-palette-categorical-7-strong);
1438
- --salt-category-7-subtle-background: var(--salt-palette-categorical-7-weakest);
1439
- --salt-category-7-subtle-borderColor: var(--salt-palette-categorical-7);
1440
- --salt-category-7-bold-foreground: var(--salt-palette-foreground-primary-alt);
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);
1441
1457
  --salt-category-7-bold-background: var(--salt-palette-categorical-7);
1442
- --salt-category-8-subtle-foreground: var(--salt-palette-categorical-8-strong);
1443
- --salt-category-8-subtle-background: var(--salt-palette-categorical-8-weakest);
1444
- --salt-category-8-subtle-borderColor: var(--salt-palette-categorical-8);
1445
- --salt-category-8-bold-foreground: var(--salt-palette-foreground-primary-alt);
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);
1446
1462
  --salt-category-8-bold-background: var(--salt-palette-categorical-8);
1447
- --salt-category-9-subtle-foreground: var(--salt-palette-categorical-9-strong);
1448
- --salt-category-9-subtle-background: var(--salt-palette-categorical-9-weakest);
1449
- --salt-category-9-subtle-borderColor: var(--salt-palette-categorical-9);
1450
- --salt-category-9-bold-foreground: var(--salt-palette-foreground-primary-alt);
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);
1451
1467
  --salt-category-9-bold-background: var(--salt-palette-categorical-9);
1452
- --salt-category-10-subtle-foreground: var(--salt-palette-categorical-10-strong);
1453
- --salt-category-10-subtle-background: var(--salt-palette-categorical-10-weakest);
1454
- --salt-category-10-subtle-borderColor: var(--salt-palette-categorical-10);
1455
- --salt-category-10-bold-foreground: var(--salt-palette-foreground-primary-alt);
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);
1456
1472
  --salt-category-10-bold-background: var(--salt-palette-categorical-10);
1457
- --salt-category-11-subtle-foreground: var(--salt-palette-categorical-11-strong);
1458
- --salt-category-11-subtle-background: var(--salt-palette-categorical-11-weakest);
1459
- --salt-category-11-subtle-borderColor: var(--salt-palette-categorical-11);
1460
- --salt-category-11-bold-foreground: var(--salt-palette-foreground-primary-alt);
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);
1461
1477
  --salt-category-11-bold-background: var(--salt-palette-categorical-11);
1462
- --salt-category-12-subtle-foreground: var(--salt-palette-categorical-12-strong);
1463
- --salt-category-12-subtle-background: var(--salt-palette-categorical-12-weakest);
1464
- --salt-category-12-subtle-borderColor: var(--salt-palette-categorical-12);
1465
- --salt-category-12-bold-foreground: var(--salt-palette-foreground-primary-alt);
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);
1466
1482
  --salt-category-12-bold-background: var(--salt-palette-categorical-12);
1467
- --salt-category-13-subtle-foreground: var(--salt-palette-categorical-13-strong);
1468
- --salt-category-13-subtle-background: var(--salt-palette-categorical-13-weakest);
1469
- --salt-category-13-subtle-borderColor: var(--salt-palette-categorical-13);
1470
- --salt-category-13-bold-foreground: var(--salt-palette-foreground-primary-alt);
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);
1471
1487
  --salt-category-13-bold-background: var(--salt-palette-categorical-13);
1472
- --salt-category-14-subtle-foreground: var(--salt-palette-categorical-14-strong);
1473
- --salt-category-14-subtle-background: var(--salt-palette-categorical-14-weakest);
1474
- --salt-category-14-subtle-borderColor: var(--salt-palette-categorical-14);
1475
- --salt-category-14-bold-foreground: var(--salt-palette-foreground-primary-alt);
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);
1476
1492
  --salt-category-14-bold-background: var(--salt-palette-categorical-14);
1477
- --salt-category-15-subtle-foreground: var(--salt-palette-categorical-15-strong);
1478
- --salt-category-15-subtle-background: var(--salt-palette-categorical-15-weakest);
1479
- --salt-category-15-subtle-borderColor: var(--salt-palette-categorical-15);
1480
- --salt-category-15-bold-foreground: var(--salt-palette-foreground-primary-alt);
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);
1481
1497
  --salt-category-15-bold-background: var(--salt-palette-categorical-15);
1482
- --salt-category-16-subtle-foreground: var(--salt-palette-categorical-16-strong);
1483
- --salt-category-16-subtle-background: var(--salt-palette-categorical-16-weakest);
1484
- --salt-category-16-subtle-borderColor: var(--salt-palette-categorical-16);
1485
- --salt-category-16-bold-foreground: var(--salt-palette-foreground-primary-alt);
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);
1486
1502
  --salt-category-16-bold-background: var(--salt-palette-categorical-16);
1487
- --salt-category-17-subtle-foreground: var(--salt-palette-categorical-17-strong);
1488
- --salt-category-17-subtle-background: var(--salt-palette-categorical-17-weakest);
1489
- --salt-category-17-subtle-borderColor: var(--salt-palette-categorical-17);
1490
- --salt-category-17-bold-foreground: var(--salt-palette-foreground-primary-alt);
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);
1495
- --salt-category-18-bold-foreground: var(--salt-palette-foreground-primary-alt);
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);
1496
1512
  --salt-category-18-bold-background: var(--salt-palette-categorical-18);
1497
- --salt-category-19-subtle-foreground: var(--salt-palette-categorical-19-strong);
1498
- --salt-category-19-subtle-background: var(--salt-palette-categorical-19-weakest);
1499
- --salt-category-19-subtle-borderColor: var(--salt-palette-categorical-19);
1500
- --salt-category-19-bold-foreground: var(--salt-palette-foreground-primary-alt);
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);
1501
1517
  --salt-category-19-bold-background: var(--salt-palette-categorical-19);
1502
- --salt-category-20-subtle-foreground: var(--salt-palette-categorical-20-strong);
1503
- --salt-category-20-subtle-background: var(--salt-palette-categorical-20-weakest);
1504
- --salt-category-20-subtle-borderColor: var(--salt-palette-categorical-20);
1505
- --salt-category-20-bold-foreground: var(--salt-palette-foreground-primary-alt);
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);
1506
1522
  --salt-category-20-bold-background: var(--salt-palette-categorical-20);
1523
+ --salt-category-20-dataviz: var(--salt-palette-categorical-20);
1507
1524
  }
1508
1525
 
1509
1526
  /* css/next/characteristics/container.css */
@@ -1534,10 +1551,7 @@
1534
1551
  --salt-content-attention-foreground: var(--salt-palette-negative-strong);
1535
1552
  --salt-content-bold-foreground: var(--salt-palette-foreground-primary-alt);
1536
1553
  --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
1554
  --salt-content-foreground-visited: var(--salt-palette-foreground-visited);
1540
- --salt-content-foreground-highlight: var(--salt-palette-accent-weaker);
1541
1555
  }
1542
1556
 
1543
1557
  /* css/next/characteristics/editable.css */
@@ -1620,6 +1634,10 @@
1620
1634
  --salt-sentiment-positive-foreground-decorative: var(--salt-palette-positive);
1621
1635
  --salt-sentiment-neutral-track: var(--salt-palette-alpha-contrast-high);
1622
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);
1623
1641
  }
1624
1642
 
1625
1643
  /* css/next/characteristics/separable.css */
@@ -2105,6 +2123,90 @@
2105
2123
  --salt-actionable-caution-subtle-borderColor-disabled: var(--salt-palette-alpha-none);
2106
2124
  --salt-actionable-caution-subtle-foreground-disabled: var(--salt-palette-warning-strong-disabled);
2107
2125
  --salt-separable-background: var(--salt-palette-alpha-none);
2126
+ --salt-category-1-bold-foreground: var(--salt-palette-foreground-primary-alt);
2127
+ --salt-category-2-bold-foreground: var(--salt-palette-foreground-primary-alt);
2128
+ --salt-category-3-bold-foreground: var(--salt-palette-foreground-primary-alt);
2129
+ --salt-category-4-bold-foreground: var(--salt-palette-foreground-primary-alt);
2130
+ --salt-category-5-bold-foreground: var(--salt-palette-foreground-primary-alt);
2131
+ --salt-category-6-bold-foreground: var(--salt-palette-foreground-primary-alt);
2132
+ --salt-category-7-bold-foreground: var(--salt-palette-foreground-primary-alt);
2133
+ --salt-category-8-bold-foreground: var(--salt-palette-foreground-primary-alt);
2134
+ --salt-category-9-bold-foreground: var(--salt-palette-foreground-primary-alt);
2135
+ --salt-category-10-bold-foreground: var(--salt-palette-foreground-primary-alt);
2136
+ --salt-category-11-bold-foreground: var(--salt-palette-foreground-primary-alt);
2137
+ --salt-category-12-bold-foreground: var(--salt-palette-foreground-primary-alt);
2138
+ --salt-category-13-bold-foreground: var(--salt-palette-foreground-primary-alt);
2139
+ --salt-category-14-bold-foreground: var(--salt-palette-foreground-primary-alt);
2140
+ --salt-category-15-bold-foreground: var(--salt-palette-foreground-primary-alt);
2141
+ --salt-category-16-bold-foreground: var(--salt-palette-foreground-primary-alt);
2142
+ --salt-category-17-bold-foreground: var(--salt-palette-foreground-primary-alt);
2143
+ --salt-category-18-bold-foreground: var(--salt-palette-foreground-primary-alt);
2144
+ --salt-category-19-bold-foreground: var(--salt-palette-foreground-primary-alt);
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);
2206
+ --salt-accent-foreground: var(--salt-palette-foreground-primary-alt);
2207
+ --salt-content-foreground-highlight: var(--salt-palette-accent-weaker);
2208
+ --salt-content-foreground-active: var(--salt-palette-accent-stronger);
2209
+ --salt-content-foreground-hover: var(--salt-palette-accent-strong);
2108
2210
  }
2109
2211
 
2110
2212
  /* 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 */
@@ -1744,106 +1741,106 @@
1744
1741
 
1745
1742
  /* css/legacy/characteristics/category.css */
1746
1743
  .salt-theme {
1747
- --salt-category-1-subtle-foreground: var(--salt-palette-categorical-1-strong);
1748
- --salt-category-1-subtle-background: var(--salt-palette-categorical-1-weakest);
1749
- --salt-category-1-subtle-borderColor: var(--salt-palette-categorical-1);
1750
- --salt-category-1-bold-foreground: var(--salt-palette-accent-foreground);
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);
1751
1747
  --salt-category-1-bold-background: var(--salt-palette-categorical-1);
1752
- --salt-category-2-subtle-foreground: var(--salt-palette-categorical-2-strong);
1753
- --salt-category-2-subtle-background: var(--salt-palette-categorical-2-weakest);
1754
- --salt-category-2-subtle-borderColor: var(--salt-palette-categorical-2);
1755
- --salt-category-2-bold-foreground: var(--salt-palette-accent-foreground);
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);
1756
1752
  --salt-category-2-bold-background: var(--salt-palette-categorical-2);
1757
- --salt-category-3-subtle-foreground: var(--salt-palette-categorical-3-strong);
1758
- --salt-category-3-subtle-background: var(--salt-palette-categorical-3-weakest);
1759
- --salt-category-3-subtle-borderColor: var(--salt-palette-categorical-3);
1760
- --salt-category-3-bold-foreground: var(--salt-palette-accent-foreground);
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);
1761
1757
  --salt-category-3-bold-background: var(--salt-palette-categorical-3);
1762
- --salt-category-4-subtle-foreground: var(--salt-palette-categorical-4-strong);
1763
- --salt-category-4-subtle-background: var(--salt-palette-categorical-4-weakest);
1764
- --salt-category-4-subtle-borderColor: var(--salt-palette-categorical-4);
1765
- --salt-category-4-bold-foreground: var(--salt-palette-accent-foreground);
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);
1766
1762
  --salt-category-4-bold-background: var(--salt-palette-categorical-4);
1767
- --salt-category-5-subtle-foreground: var(--salt-palette-categorical-5-strong);
1768
- --salt-category-5-subtle-background: var(--salt-palette-categorical-5-weakest);
1769
- --salt-category-5-subtle-borderColor: var(--salt-palette-categorical-5);
1770
- --salt-category-5-bold-foreground: var(--salt-palette-accent-foreground);
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);
1771
1767
  --salt-category-5-bold-background: var(--salt-palette-categorical-5);
1772
- --salt-category-6-subtle-foreground: var(--salt-palette-categorical-6-strong);
1773
- --salt-category-6-subtle-background: var(--salt-palette-categorical-6-weakest);
1774
- --salt-category-6-subtle-borderColor: var(--salt-palette-categorical-6);
1775
- --salt-category-6-bold-foreground: var(--salt-palette-accent-foreground);
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);
1776
1772
  --salt-category-6-bold-background: var(--salt-palette-categorical-6);
1777
- --salt-category-7-subtle-foreground: var(--salt-palette-categorical-7-strong);
1778
- --salt-category-7-subtle-background: var(--salt-palette-categorical-7-weakest);
1779
- --salt-category-7-subtle-borderColor: var(--salt-palette-categorical-7);
1780
- --salt-category-7-bold-foreground: var(--salt-palette-accent-foreground);
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);
1781
1777
  --salt-category-7-bold-background: var(--salt-palette-categorical-7);
1782
- --salt-category-8-subtle-foreground: var(--salt-palette-categorical-8-strong);
1783
- --salt-category-8-subtle-background: var(--salt-palette-categorical-8-weakest);
1784
- --salt-category-8-subtle-borderColor: var(--salt-palette-categorical-8);
1785
- --salt-category-8-bold-foreground: var(--salt-palette-accent-foreground);
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);
1786
1782
  --salt-category-8-bold-background: var(--salt-palette-categorical-8);
1787
- --salt-category-9-subtle-foreground: var(--salt-palette-categorical-9-strong);
1788
- --salt-category-9-subtle-background: var(--salt-palette-categorical-9-weakest);
1789
- --salt-category-9-subtle-borderColor: var(--salt-palette-categorical-9);
1790
- --salt-category-9-bold-foreground: var(--salt-palette-accent-foreground);
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);
1791
1787
  --salt-category-9-bold-background: var(--salt-palette-categorical-9);
1792
- --salt-category-10-subtle-foreground: var(--salt-palette-categorical-10-strong);
1793
- --salt-category-10-subtle-background: var(--salt-palette-categorical-10-weakest);
1794
- --salt-category-10-subtle-borderColor: var(--salt-palette-categorical-10);
1795
- --salt-category-10-bold-foreground: var(--salt-palette-accent-foreground);
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);
1796
1792
  --salt-category-10-bold-background: var(--salt-palette-categorical-10);
1797
- --salt-category-11-subtle-foreground: var(--salt-palette-categorical-11-strong);
1798
- --salt-category-11-subtle-background: var(--salt-palette-categorical-11-weakest);
1799
- --salt-category-11-subtle-borderColor: var(--salt-palette-categorical-11);
1800
- --salt-category-11-bold-foreground: var(--salt-palette-accent-foreground);
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);
1801
1797
  --salt-category-11-bold-background: var(--salt-palette-categorical-11);
1802
- --salt-category-12-subtle-foreground: var(--salt-palette-categorical-12-strong);
1803
- --salt-category-12-subtle-background: var(--salt-palette-categorical-12-weakest);
1804
- --salt-category-12-subtle-borderColor: var(--salt-palette-categorical-12);
1805
- --salt-category-12-bold-foreground: var(--salt-palette-accent-foreground);
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);
1806
1802
  --salt-category-12-bold-background: var(--salt-palette-categorical-12);
1807
- --salt-category-13-subtle-foreground: var(--salt-palette-categorical-13-strong);
1808
- --salt-category-13-subtle-background: var(--salt-palette-categorical-13-weakest);
1809
- --salt-category-13-subtle-borderColor: var(--salt-palette-categorical-13);
1810
- --salt-category-13-bold-foreground: var(--salt-palette-accent-foreground);
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);
1811
1807
  --salt-category-13-bold-background: var(--salt-palette-categorical-13);
1812
- --salt-category-14-subtle-foreground: var(--salt-palette-categorical-14-strong);
1813
- --salt-category-14-subtle-background: var(--salt-palette-categorical-14-weakest);
1814
- --salt-category-14-subtle-borderColor: var(--salt-palette-categorical-14);
1815
- --salt-category-14-bold-foreground: var(--salt-palette-accent-foreground);
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);
1816
1812
  --salt-category-14-bold-background: var(--salt-palette-categorical-14);
1817
- --salt-category-15-subtle-foreground: var(--salt-palette-categorical-15-strong);
1818
- --salt-category-15-subtle-background: var(--salt-palette-categorical-15-weakest);
1819
- --salt-category-15-subtle-borderColor: var(--salt-palette-categorical-15);
1820
- --salt-category-15-bold-foreground: var(--salt-palette-accent-foreground);
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);
1821
1817
  --salt-category-15-bold-background: var(--salt-palette-categorical-15);
1822
- --salt-category-16-subtle-foreground: var(--salt-palette-categorical-16-strong);
1823
- --salt-category-16-subtle-background: var(--salt-palette-categorical-16-weakest);
1824
- --salt-category-16-subtle-borderColor: var(--salt-palette-categorical-16);
1825
- --salt-category-16-bold-foreground: var(--salt-palette-accent-foreground);
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);
1826
1822
  --salt-category-16-bold-background: var(--salt-palette-categorical-16);
1827
- --salt-category-17-subtle-foreground: var(--salt-palette-categorical-17-strong);
1828
- --salt-category-17-subtle-background: var(--salt-palette-categorical-17-weakest);
1829
- --salt-category-17-subtle-borderColor: var(--salt-palette-categorical-17);
1830
- --salt-category-17-bold-foreground: var(--salt-palette-accent-foreground);
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);
1831
1827
  --salt-category-17-bold-background: var(--salt-palette-categorical-17);
1832
- --salt-category-18-subtle-foreground: var(--salt-palette-categorical-18-strong);
1833
- --salt-category-18-subtle-background: var(--salt-palette-categorical-18-weakest);
1834
- --salt-category-18-subtle-borderColor: var(--salt-palette-categorical-18);
1835
- --salt-category-18-bold-foreground: var(--salt-palette-accent-foreground);
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);
1836
1832
  --salt-category-18-bold-background: var(--salt-palette-categorical-18);
1837
- --salt-category-19-subtle-foreground: var(--salt-palette-categorical-19-strong);
1838
- --salt-category-19-subtle-background: var(--salt-palette-categorical-19-weakest);
1839
- --salt-category-19-subtle-borderColor: var(--salt-palette-categorical-19);
1840
- --salt-category-19-bold-foreground: var(--salt-palette-accent-foreground);
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);
1841
1837
  --salt-category-19-bold-background: var(--salt-palette-categorical-19);
1842
- --salt-category-20-subtle-foreground: var(--salt-palette-categorical-20-strong);
1843
- --salt-category-20-subtle-background: var(--salt-palette-categorical-20-weakest);
1844
- --salt-category-20-subtle-borderColor: var(--salt-palette-categorical-20);
1845
- --salt-category-20-bold-foreground: var(--salt-palette-accent-foreground);
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);
1846
1842
  --salt-category-20-bold-background: var(--salt-palette-categorical-20);
1843
+ --salt-category-20-dataviz: var(--salt-palette-categorical-20);
1847
1844
  }
1848
1845
 
1849
1846
  /* css/legacy/characteristics/container.css */
@@ -1874,10 +1871,7 @@
1874
1871
  --salt-content-attention-foreground: var(--salt-palette-negative-foreground);
1875
1872
  --salt-content-bold-foreground: var(--salt-palette-interact-cta-foreground);
1876
1873
  --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
1874
  --salt-content-foreground-visited: var(--salt-palette-navigate-foreground-visited);
1880
- --salt-content-foreground-highlight: var(--salt-palette-interact-background-active);
1881
1875
  }
1882
1876
 
1883
1877
  /* css/legacy/characteristics/editable.css */
@@ -1960,6 +1954,10 @@
1960
1954
  --salt-sentiment-positive-foreground-decorative: var(--salt-palette-positive-foreground);
1961
1955
  --salt-sentiment-neutral-track: var(--salt-palette-neutral-border);
1962
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);
1963
1961
  }
1964
1962
 
1965
1963
  /* css/legacy/characteristics/separable.css */
@@ -2487,6 +2485,7 @@
2487
2485
  --salt-navigable-indicator-activeDisabled: var(--salt-palette-navigate-indicator-activeDisabled);
2488
2486
  --salt-navigable-background-hover: var(--salt-palette-alpha-contrast-lowest);
2489
2487
  --salt-accent-foreground-disabled: var(--salt-palette-accent-foreground-disabled);
2488
+ --salt-accent-foreground: var(--salt-palette-accent-foreground);
2490
2489
  --salt-track-background: var(--salt-palette-track-background);
2491
2490
  --salt-track-background-disabled: var(--salt-palette-track-background-disabled);
2492
2491
  --salt-track-borderColor: var(--salt-palette-neutral-border);
@@ -2581,6 +2580,89 @@
2581
2580
  --salt-actionable-caution-subtle-borderColor-disabled: var(--salt-palette-alpha-none);
2582
2581
  --salt-actionable-caution-subtle-foreground-disabled: var(--salt-palette-warning-foreground-informative-disabled);
2583
2582
  --salt-separable-background: var(--salt-palette-alpha-none);
2583
+ --salt-category-1-bold-foreground: var(--salt-palette-accent-foreground);
2584
+ --salt-category-2-bold-foreground: var(--salt-palette-accent-foreground);
2585
+ --salt-category-3-bold-foreground: var(--salt-palette-accent-foreground);
2586
+ --salt-category-4-bold-foreground: var(--salt-palette-accent-foreground);
2587
+ --salt-category-5-bold-foreground: var(--salt-palette-accent-foreground);
2588
+ --salt-category-6-bold-foreground: var(--salt-palette-accent-foreground);
2589
+ --salt-category-7-bold-foreground: var(--salt-palette-accent-foreground);
2590
+ --salt-category-8-bold-foreground: var(--salt-palette-accent-foreground);
2591
+ --salt-category-9-bold-foreground: var(--salt-palette-accent-foreground);
2592
+ --salt-category-10-bold-foreground: var(--salt-palette-accent-foreground);
2593
+ --salt-category-11-bold-foreground: var(--salt-palette-accent-foreground);
2594
+ --salt-category-12-bold-foreground: var(--salt-palette-accent-foreground);
2595
+ --salt-category-13-bold-foreground: var(--salt-palette-accent-foreground);
2596
+ --salt-category-14-bold-foreground: var(--salt-palette-accent-foreground);
2597
+ --salt-category-15-bold-foreground: var(--salt-palette-accent-foreground);
2598
+ --salt-category-16-bold-foreground: var(--salt-palette-accent-foreground);
2599
+ --salt-category-17-bold-foreground: var(--salt-palette-accent-foreground);
2600
+ --salt-category-18-bold-foreground: var(--salt-palette-accent-foreground);
2601
+ --salt-category-19-bold-foreground: var(--salt-palette-accent-foreground);
2602
+ --salt-category-20-bold-foreground: var(--salt-palette-accent-foreground);
2603
+ --salt-content-foreground-highlight: var(--salt-palette-interact-background-active);
2604
+ --salt-content-foreground-active: var(--salt-palette-accent-foreground-informative);
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);
2584
2666
  }
2585
2667
 
2586
2668
  /* css/legacy/deprecated/fade.css */
@@ -2769,6 +2851,7 @@
2769
2851
  --salt-palette-accent-background-disabled: var(--salt-color-blue-500-fade-background);
2770
2852
  --salt-palette-accent-border-disabled: var(--salt-color-blue-500-fade-border);
2771
2853
  --salt-palette-accent-foreground-informative-disabled: var(--salt-color-blue-600-40a);
2854
+ --salt-palette-accent-foreground: var(--salt-color-white);
2772
2855
  --salt-palette-negative-foreground-disabled: var(--salt-color-red-600-40a);
2773
2856
  --salt-palette-negative-background-disabled: var(--salt-color-red-600-40a);
2774
2857
  --salt-palette-negative-border-disabled: var(--salt-color-red-500-40a);
@@ -2858,6 +2941,7 @@
2858
2941
  --salt-palette-accent-background-disabled: var(--salt-color-blue-500-fade-background);
2859
2942
  --salt-palette-accent-border-disabled: var(--salt-color-blue-500-fade-border);
2860
2943
  --salt-palette-accent-foreground-informative-disabled: var(--salt-color-blue-200-40a);
2944
+ --salt-palette-accent-foreground: var(--salt-color-white);
2861
2945
  --salt-palette-negative-foreground-disabled: var(--salt-color-red-200-40a);
2862
2946
  --salt-palette-negative-background-disabled: var(--salt-color-red-600-40a);
2863
2947
  --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 */
@@ -1784,106 +1781,106 @@
1784
1781
 
1785
1782
  /* css/legacy/characteristics/category.css */
1786
1783
  .salt-theme {
1787
- --salt-category-1-subtle-foreground: var(--salt-palette-categorical-1-strong);
1788
- --salt-category-1-subtle-background: var(--salt-palette-categorical-1-weakest);
1789
- --salt-category-1-subtle-borderColor: var(--salt-palette-categorical-1);
1790
- --salt-category-1-bold-foreground: var(--salt-palette-accent-foreground);
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);
1791
1787
  --salt-category-1-bold-background: var(--salt-palette-categorical-1);
1792
- --salt-category-2-subtle-foreground: var(--salt-palette-categorical-2-strong);
1793
- --salt-category-2-subtle-background: var(--salt-palette-categorical-2-weakest);
1794
- --salt-category-2-subtle-borderColor: var(--salt-palette-categorical-2);
1795
- --salt-category-2-bold-foreground: var(--salt-palette-accent-foreground);
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);
1796
1792
  --salt-category-2-bold-background: var(--salt-palette-categorical-2);
1797
- --salt-category-3-subtle-foreground: var(--salt-palette-categorical-3-strong);
1798
- --salt-category-3-subtle-background: var(--salt-palette-categorical-3-weakest);
1799
- --salt-category-3-subtle-borderColor: var(--salt-palette-categorical-3);
1800
- --salt-category-3-bold-foreground: var(--salt-palette-accent-foreground);
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);
1801
1797
  --salt-category-3-bold-background: var(--salt-palette-categorical-3);
1802
- --salt-category-4-subtle-foreground: var(--salt-palette-categorical-4-strong);
1803
- --salt-category-4-subtle-background: var(--salt-palette-categorical-4-weakest);
1804
- --salt-category-4-subtle-borderColor: var(--salt-palette-categorical-4);
1805
- --salt-category-4-bold-foreground: var(--salt-palette-accent-foreground);
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);
1806
1802
  --salt-category-4-bold-background: var(--salt-palette-categorical-4);
1807
- --salt-category-5-subtle-foreground: var(--salt-palette-categorical-5-strong);
1808
- --salt-category-5-subtle-background: var(--salt-palette-categorical-5-weakest);
1809
- --salt-category-5-subtle-borderColor: var(--salt-palette-categorical-5);
1810
- --salt-category-5-bold-foreground: var(--salt-palette-accent-foreground);
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);
1811
1807
  --salt-category-5-bold-background: var(--salt-palette-categorical-5);
1812
- --salt-category-6-subtle-foreground: var(--salt-palette-categorical-6-strong);
1813
- --salt-category-6-subtle-background: var(--salt-palette-categorical-6-weakest);
1814
- --salt-category-6-subtle-borderColor: var(--salt-palette-categorical-6);
1815
- --salt-category-6-bold-foreground: var(--salt-palette-accent-foreground);
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);
1816
1812
  --salt-category-6-bold-background: var(--salt-palette-categorical-6);
1817
- --salt-category-7-subtle-foreground: var(--salt-palette-categorical-7-strong);
1818
- --salt-category-7-subtle-background: var(--salt-palette-categorical-7-weakest);
1819
- --salt-category-7-subtle-borderColor: var(--salt-palette-categorical-7);
1820
- --salt-category-7-bold-foreground: var(--salt-palette-accent-foreground);
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);
1821
1817
  --salt-category-7-bold-background: var(--salt-palette-categorical-7);
1822
- --salt-category-8-subtle-foreground: var(--salt-palette-categorical-8-strong);
1823
- --salt-category-8-subtle-background: var(--salt-palette-categorical-8-weakest);
1824
- --salt-category-8-subtle-borderColor: var(--salt-palette-categorical-8);
1825
- --salt-category-8-bold-foreground: var(--salt-palette-accent-foreground);
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);
1826
1822
  --salt-category-8-bold-background: var(--salt-palette-categorical-8);
1827
- --salt-category-9-subtle-foreground: var(--salt-palette-categorical-9-strong);
1828
- --salt-category-9-subtle-background: var(--salt-palette-categorical-9-weakest);
1829
- --salt-category-9-subtle-borderColor: var(--salt-palette-categorical-9);
1830
- --salt-category-9-bold-foreground: var(--salt-palette-accent-foreground);
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);
1831
1827
  --salt-category-9-bold-background: var(--salt-palette-categorical-9);
1832
- --salt-category-10-subtle-foreground: var(--salt-palette-categorical-10-strong);
1833
- --salt-category-10-subtle-background: var(--salt-palette-categorical-10-weakest);
1834
- --salt-category-10-subtle-borderColor: var(--salt-palette-categorical-10);
1835
- --salt-category-10-bold-foreground: var(--salt-palette-accent-foreground);
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);
1836
1832
  --salt-category-10-bold-background: var(--salt-palette-categorical-10);
1837
- --salt-category-11-subtle-foreground: var(--salt-palette-categorical-11-strong);
1838
- --salt-category-11-subtle-background: var(--salt-palette-categorical-11-weakest);
1839
- --salt-category-11-subtle-borderColor: var(--salt-palette-categorical-11);
1840
- --salt-category-11-bold-foreground: var(--salt-palette-accent-foreground);
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);
1841
1837
  --salt-category-11-bold-background: var(--salt-palette-categorical-11);
1842
- --salt-category-12-subtle-foreground: var(--salt-palette-categorical-12-strong);
1843
- --salt-category-12-subtle-background: var(--salt-palette-categorical-12-weakest);
1844
- --salt-category-12-subtle-borderColor: var(--salt-palette-categorical-12);
1845
- --salt-category-12-bold-foreground: var(--salt-palette-accent-foreground);
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);
1846
1842
  --salt-category-12-bold-background: var(--salt-palette-categorical-12);
1847
- --salt-category-13-subtle-foreground: var(--salt-palette-categorical-13-strong);
1848
- --salt-category-13-subtle-background: var(--salt-palette-categorical-13-weakest);
1849
- --salt-category-13-subtle-borderColor: var(--salt-palette-categorical-13);
1850
- --salt-category-13-bold-foreground: var(--salt-palette-accent-foreground);
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);
1851
1847
  --salt-category-13-bold-background: var(--salt-palette-categorical-13);
1852
- --salt-category-14-subtle-foreground: var(--salt-palette-categorical-14-strong);
1853
- --salt-category-14-subtle-background: var(--salt-palette-categorical-14-weakest);
1854
- --salt-category-14-subtle-borderColor: var(--salt-palette-categorical-14);
1855
- --salt-category-14-bold-foreground: var(--salt-palette-accent-foreground);
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);
1856
1852
  --salt-category-14-bold-background: var(--salt-palette-categorical-14);
1857
- --salt-category-15-subtle-foreground: var(--salt-palette-categorical-15-strong);
1858
- --salt-category-15-subtle-background: var(--salt-palette-categorical-15-weakest);
1859
- --salt-category-15-subtle-borderColor: var(--salt-palette-categorical-15);
1860
- --salt-category-15-bold-foreground: var(--salt-palette-accent-foreground);
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);
1861
1857
  --salt-category-15-bold-background: var(--salt-palette-categorical-15);
1862
- --salt-category-16-subtle-foreground: var(--salt-palette-categorical-16-strong);
1863
- --salt-category-16-subtle-background: var(--salt-palette-categorical-16-weakest);
1864
- --salt-category-16-subtle-borderColor: var(--salt-palette-categorical-16);
1865
- --salt-category-16-bold-foreground: var(--salt-palette-accent-foreground);
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);
1866
1862
  --salt-category-16-bold-background: var(--salt-palette-categorical-16);
1867
- --salt-category-17-subtle-foreground: var(--salt-palette-categorical-17-strong);
1868
- --salt-category-17-subtle-background: var(--salt-palette-categorical-17-weakest);
1869
- --salt-category-17-subtle-borderColor: var(--salt-palette-categorical-17);
1870
- --salt-category-17-bold-foreground: var(--salt-palette-accent-foreground);
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);
1871
1867
  --salt-category-17-bold-background: var(--salt-palette-categorical-17);
1872
- --salt-category-18-subtle-foreground: var(--salt-palette-categorical-18-strong);
1873
- --salt-category-18-subtle-background: var(--salt-palette-categorical-18-weakest);
1874
- --salt-category-18-subtle-borderColor: var(--salt-palette-categorical-18);
1875
- --salt-category-18-bold-foreground: var(--salt-palette-accent-foreground);
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);
1876
1872
  --salt-category-18-bold-background: var(--salt-palette-categorical-18);
1877
- --salt-category-19-subtle-foreground: var(--salt-palette-categorical-19-strong);
1878
- --salt-category-19-subtle-background: var(--salt-palette-categorical-19-weakest);
1879
- --salt-category-19-subtle-borderColor: var(--salt-palette-categorical-19);
1880
- --salt-category-19-bold-foreground: var(--salt-palette-accent-foreground);
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);
1881
1877
  --salt-category-19-bold-background: var(--salt-palette-categorical-19);
1882
- --salt-category-20-subtle-foreground: var(--salt-palette-categorical-20-strong);
1883
- --salt-category-20-subtle-background: var(--salt-palette-categorical-20-weakest);
1884
- --salt-category-20-subtle-borderColor: var(--salt-palette-categorical-20);
1885
- --salt-category-20-bold-foreground: var(--salt-palette-accent-foreground);
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);
1886
1882
  --salt-category-20-bold-background: var(--salt-palette-categorical-20);
1883
+ --salt-category-20-dataviz: var(--salt-palette-categorical-20);
1887
1884
  }
1888
1885
 
1889
1886
  /* css/legacy/characteristics/container.css */
@@ -1914,10 +1911,7 @@
1914
1911
  --salt-content-attention-foreground: var(--salt-palette-negative-foreground);
1915
1912
  --salt-content-bold-foreground: var(--salt-palette-interact-cta-foreground);
1916
1913
  --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
1914
  --salt-content-foreground-visited: var(--salt-palette-navigate-foreground-visited);
1920
- --salt-content-foreground-highlight: var(--salt-palette-interact-background-active);
1921
1915
  }
1922
1916
 
1923
1917
  /* css/legacy/characteristics/editable.css */
@@ -2000,6 +1994,10 @@
2000
1994
  --salt-sentiment-positive-foreground-decorative: var(--salt-palette-positive-foreground);
2001
1995
  --salt-sentiment-neutral-track: var(--salt-palette-neutral-border);
2002
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);
2003
2001
  }
2004
2002
 
2005
2003
  /* css/legacy/characteristics/separable.css */
@@ -2527,6 +2525,7 @@
2527
2525
  --salt-navigable-indicator-activeDisabled: var(--salt-palette-navigate-indicator-activeDisabled);
2528
2526
  --salt-navigable-background-hover: var(--salt-palette-alpha-contrast-lowest);
2529
2527
  --salt-accent-foreground-disabled: var(--salt-palette-accent-foreground-disabled);
2528
+ --salt-accent-foreground: var(--salt-palette-accent-foreground);
2530
2529
  --salt-track-background: var(--salt-palette-track-background);
2531
2530
  --salt-track-background-disabled: var(--salt-palette-track-background-disabled);
2532
2531
  --salt-track-borderColor: var(--salt-palette-neutral-border);
@@ -2621,6 +2620,89 @@
2621
2620
  --salt-actionable-caution-subtle-borderColor-disabled: var(--salt-palette-alpha-none);
2622
2621
  --salt-actionable-caution-subtle-foreground-disabled: var(--salt-palette-warning-foreground-informative-disabled);
2623
2622
  --salt-separable-background: var(--salt-palette-alpha-none);
2623
+ --salt-category-1-bold-foreground: var(--salt-palette-accent-foreground);
2624
+ --salt-category-2-bold-foreground: var(--salt-palette-accent-foreground);
2625
+ --salt-category-3-bold-foreground: var(--salt-palette-accent-foreground);
2626
+ --salt-category-4-bold-foreground: var(--salt-palette-accent-foreground);
2627
+ --salt-category-5-bold-foreground: var(--salt-palette-accent-foreground);
2628
+ --salt-category-6-bold-foreground: var(--salt-palette-accent-foreground);
2629
+ --salt-category-7-bold-foreground: var(--salt-palette-accent-foreground);
2630
+ --salt-category-8-bold-foreground: var(--salt-palette-accent-foreground);
2631
+ --salt-category-9-bold-foreground: var(--salt-palette-accent-foreground);
2632
+ --salt-category-10-bold-foreground: var(--salt-palette-accent-foreground);
2633
+ --salt-category-11-bold-foreground: var(--salt-palette-accent-foreground);
2634
+ --salt-category-12-bold-foreground: var(--salt-palette-accent-foreground);
2635
+ --salt-category-13-bold-foreground: var(--salt-palette-accent-foreground);
2636
+ --salt-category-14-bold-foreground: var(--salt-palette-accent-foreground);
2637
+ --salt-category-15-bold-foreground: var(--salt-palette-accent-foreground);
2638
+ --salt-category-16-bold-foreground: var(--salt-palette-accent-foreground);
2639
+ --salt-category-17-bold-foreground: var(--salt-palette-accent-foreground);
2640
+ --salt-category-18-bold-foreground: var(--salt-palette-accent-foreground);
2641
+ --salt-category-19-bold-foreground: var(--salt-palette-accent-foreground);
2642
+ --salt-category-20-bold-foreground: var(--salt-palette-accent-foreground);
2643
+ --salt-content-foreground-highlight: var(--salt-palette-interact-background-active);
2644
+ --salt-content-foreground-active: var(--salt-palette-accent-foreground-informative);
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);
2624
2706
  }
2625
2707
 
2626
2708
  /* css/legacy/deprecated/fade.css */
@@ -2809,6 +2891,7 @@
2809
2891
  --salt-palette-accent-background-disabled: var(--salt-color-blue-500-fade-background);
2810
2892
  --salt-palette-accent-border-disabled: var(--salt-color-blue-500-fade-border);
2811
2893
  --salt-palette-accent-foreground-informative-disabled: var(--salt-color-blue-600-40a);
2894
+ --salt-palette-accent-foreground: var(--salt-color-white);
2812
2895
  --salt-palette-negative-foreground-disabled: var(--salt-color-red-600-40a);
2813
2896
  --salt-palette-negative-background-disabled: var(--salt-color-red-600-40a);
2814
2897
  --salt-palette-negative-border-disabled: var(--salt-color-red-500-40a);
@@ -2898,6 +2981,7 @@
2898
2981
  --salt-palette-accent-background-disabled: var(--salt-color-blue-500-fade-background);
2899
2982
  --salt-palette-accent-border-disabled: var(--salt-color-blue-500-fade-border);
2900
2983
  --salt-palette-accent-foreground-informative-disabled: var(--salt-color-blue-200-40a);
2984
+ --salt-palette-accent-foreground: var(--salt-color-white);
2901
2985
  --salt-palette-negative-foreground-disabled: var(--salt-color-red-200-40a);
2902
2986
  --salt-palette-negative-background-disabled: var(--salt-color-red-600-40a);
2903
2987
  --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.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",