@salt-ds/theme 1.41.0 → 1.42.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 +73 -69
  2. package/css/theme.css +94 -95
  3. package/index.css +94 -95
  4. package/package.json +1 -1
package/css/theme-next.css CHANGED
@@ -185,6 +185,7 @@
185
185
  255;
186
186
  --salt-color-black: rgb(var(--salt-color-black-rgb));
187
187
  --salt-color-white: rgb(var(--salt-color-white-rgb));
188
+ --salt-color-transparent: transparent;
188
189
  }
189
190
 
190
191
  /* css/foundations/cursor.css */
@@ -428,7 +429,6 @@
428
429
  --salt-color-blue-800-40a: rgba(var(--salt-color-blue-800-rgb), 0.4);
429
430
  --salt-color-gray-300-10a: rgba(var(--salt-color-gray-300-rgb), 0.1);
430
431
  --salt-color-gray-300-40a: rgba(var(--salt-color-gray-300-rgb), 0.4);
431
- --salt-color-gray-400-40a: rgba(var(--salt-color-gray-400-rgb), 0.4);
432
432
  --salt-color-gray-500-10a: rgba(var(--salt-color-gray-500-rgb), 0.1);
433
433
  --salt-color-gray-500-40a: rgba(var(--salt-color-gray-500-rgb), 0.4);
434
434
  --salt-color-gray-600-40a: rgba(var(--salt-color-gray-600-rgb), 0.4);
@@ -937,7 +937,6 @@
937
937
  --salt-palette-alpha-dark-low: var(--salt-color-black-15a);
938
938
  --salt-palette-alpha-dark-lower: var(--salt-color-black-10a);
939
939
  --salt-palette-alpha-dark-lowest: var(--salt-color-black-5a);
940
- --salt-palette-alpha-none: transparent;
941
940
  }
942
941
  .salt-theme-next[data-mode=dark] {
943
942
  --salt-palette-alpha-highest: var(--salt-color-black-80a);
@@ -967,7 +966,6 @@
967
966
  --salt-palette-alpha-dark-low: var(--salt-color-black-15a);
968
967
  --salt-palette-alpha-dark-lower: var(--salt-color-black-10a);
969
968
  --salt-palette-alpha-dark-lowest: var(--salt-color-black-5a);
970
- --salt-palette-alpha-none: transparent;
971
969
  }
972
970
 
973
971
  /* css/next/palette/background.css */
@@ -1186,7 +1184,6 @@
1186
1184
  --salt-palette-neutral-disabled: var(--salt-color-gray-500-40a);
1187
1185
  --salt-palette-neutral-readonly: var(--salt-color-gray-500-10a);
1188
1186
  --salt-palette-neutral-strong: var(--salt-color-gray-600);
1189
- --salt-palette-neutral-strong-disabled: var(--salt-color-gray-600-40a);
1190
1187
  --salt-palette-neutral-stronger: var(--salt-color-gray-700);
1191
1188
  --salt-palette-neutral-strongest: var(--salt-color-gray-800);
1192
1189
  --salt-palette-neutral-weak: var(--salt-color-gray-400);
@@ -1198,7 +1195,6 @@
1198
1195
  --salt-palette-neutral-disabled: var(--salt-color-gray-500-40a);
1199
1196
  --salt-palette-neutral-readonly: var(--salt-color-gray-500-10a);
1200
1197
  --salt-palette-neutral-strong: var(--salt-color-gray-400);
1201
- --salt-palette-neutral-strong-disabled: var(--salt-color-gray-400-40a);
1202
1198
  --salt-palette-neutral-stronger: var(--salt-color-gray-200);
1203
1199
  --salt-palette-neutral-strongest: var(--salt-color-gray-100);
1204
1200
  --salt-palette-neutral-weak: var(--salt-color-gray-600);
@@ -1254,14 +1250,6 @@
1254
1250
  --salt-palette-warning-weakest: var(--salt-color-orange-900);
1255
1251
  }
1256
1252
 
1257
- /* css/next/characteristics/accent.css */
1258
- .salt-theme.salt-theme-next {
1259
- --salt-accent-background: var(--salt-palette-accent);
1260
- --salt-accent-background-disabled: var(--salt-palette-accent-disabled);
1261
- --salt-accent-borderColor: var(--salt-palette-accent);
1262
- --salt-accent-borderColor-disabled: var(--salt-palette-accent-disabled);
1263
- }
1264
-
1265
1253
  /* css/next/characteristics/actionable.css */
1266
1254
  .salt-theme.salt-theme-next {
1267
1255
  --salt-actionable-accented-bold-background-active: var(--salt-palette-accent-weaker);
@@ -1275,7 +1263,7 @@
1275
1263
  --salt-actionable-accented-bold-foreground: var(--salt-palette-foreground-primary-alt);
1276
1264
  --salt-actionable-accented-background-active: var(--salt-palette-accent-weaker);
1277
1265
  --salt-actionable-accented-background-hover: var(--salt-palette-accent-weakest);
1278
- --salt-actionable-accented-background: var(--salt-palette-alpha-none);
1266
+ --salt-actionable-accented-background: var(--salt-color-transparent);
1279
1267
  --salt-actionable-accented-borderColor-active: var(--salt-palette-accent);
1280
1268
  --salt-actionable-accented-borderColor-hover: var(--salt-palette-accent);
1281
1269
  --salt-actionable-accented-borderColor: var(--salt-palette-accent);
@@ -1287,10 +1275,10 @@
1287
1275
  --salt-actionable-accented-foreground-selected: var(--salt-palette-foreground-primary-alt);
1288
1276
  --salt-actionable-accented-subtle-background-active: var(--salt-palette-alpha-contrast-low);
1289
1277
  --salt-actionable-accented-subtle-background-hover: var(--salt-palette-alpha-contrast-lower);
1290
- --salt-actionable-accented-subtle-background: var(--salt-palette-alpha-none);
1291
- --salt-actionable-accented-subtle-borderColor-active: var(--salt-palette-alpha-none);
1292
- --salt-actionable-accented-subtle-borderColor-hover: var(--salt-palette-alpha-none);
1293
- --salt-actionable-accented-subtle-borderColor: var(--salt-palette-alpha-none);
1278
+ --salt-actionable-accented-subtle-background: var(--salt-color-transparent);
1279
+ --salt-actionable-accented-subtle-borderColor-active: var(--salt-color-transparent);
1280
+ --salt-actionable-accented-subtle-borderColor-hover: var(--salt-color-transparent);
1281
+ --salt-actionable-accented-subtle-borderColor: var(--salt-color-transparent);
1294
1282
  --salt-actionable-accented-subtle-foreground-active: var(--salt-palette-foreground-primary);
1295
1283
  --salt-actionable-accented-subtle-foreground-hover: var(--salt-palette-accent-stronger);
1296
1284
  --salt-actionable-accented-subtle-foreground: var(--salt-palette-accent-strong);
@@ -1305,7 +1293,7 @@
1305
1293
  --salt-actionable-bold-foreground: var(--salt-palette-foreground-primary-alt);
1306
1294
  --salt-actionable-background-active: var(--salt-palette-neutral-weaker);
1307
1295
  --salt-actionable-background-hover: var(--salt-palette-neutral-weakest);
1308
- --salt-actionable-background: var(--salt-palette-alpha-none);
1296
+ --salt-actionable-background: var(--salt-color-transparent);
1309
1297
  --salt-actionable-borderColor-active: var(--salt-palette-neutral);
1310
1298
  --salt-actionable-borderColor-hover: var(--salt-palette-neutral);
1311
1299
  --salt-actionable-borderColor: var(--salt-palette-neutral);
@@ -1317,10 +1305,10 @@
1317
1305
  --salt-actionable-foreground-selected: var(--salt-palette-foreground-primary-alt);
1318
1306
  --salt-actionable-subtle-background-active: var(--salt-palette-alpha-contrast-low);
1319
1307
  --salt-actionable-subtle-background-hover: var(--salt-palette-alpha-contrast-lower);
1320
- --salt-actionable-subtle-background: var(--salt-palette-alpha-none);
1321
- --salt-actionable-subtle-borderColor-active: var(--salt-palette-alpha-none);
1322
- --salt-actionable-subtle-borderColor-hover: var(--salt-palette-alpha-none);
1323
- --salt-actionable-subtle-borderColor: var(--salt-palette-alpha-none);
1308
+ --salt-actionable-subtle-background: var(--salt-color-transparent);
1309
+ --salt-actionable-subtle-borderColor-active: var(--salt-color-transparent);
1310
+ --salt-actionable-subtle-borderColor-hover: var(--salt-color-transparent);
1311
+ --salt-actionable-subtle-borderColor: var(--salt-color-transparent);
1324
1312
  --salt-actionable-subtle-foreground-active: var(--salt-palette-foreground-primary);
1325
1313
  --salt-actionable-subtle-foreground-hover: var(--salt-palette-foreground-primary);
1326
1314
  --salt-actionable-subtle-foreground: var(--salt-palette-foreground-primary);
@@ -1335,7 +1323,7 @@
1335
1323
  --salt-actionable-negative-bold-foreground: var(--salt-palette-foreground-primary-alt);
1336
1324
  --salt-actionable-negative-background-active: var(--salt-palette-negative-weaker);
1337
1325
  --salt-actionable-negative-background-hover: var(--salt-palette-negative-weakest);
1338
- --salt-actionable-negative-background: var(--salt-palette-alpha-none);
1326
+ --salt-actionable-negative-background: var(--salt-color-transparent);
1339
1327
  --salt-actionable-negative-borderColor-active: var(--salt-palette-negative);
1340
1328
  --salt-actionable-negative-borderColor-hover: var(--salt-palette-negative);
1341
1329
  --salt-actionable-negative-borderColor: var(--salt-palette-negative);
@@ -1347,10 +1335,10 @@
1347
1335
  --salt-actionable-negative-foreground-selected: var(--salt-palette-foreground-primary-alt);
1348
1336
  --salt-actionable-negative-subtle-background-active: var(--salt-palette-alpha-contrast-low);
1349
1337
  --salt-actionable-negative-subtle-background-hover: var(--salt-palette-alpha-contrast-lower);
1350
- --salt-actionable-negative-subtle-background: var(--salt-palette-alpha-none);
1351
- --salt-actionable-negative-subtle-borderColor-active: var(--salt-palette-alpha-none);
1352
- --salt-actionable-negative-subtle-borderColor-hover: var(--salt-palette-alpha-none);
1353
- --salt-actionable-negative-subtle-borderColor: var(--salt-palette-alpha-none);
1338
+ --salt-actionable-negative-subtle-background: var(--salt-color-transparent);
1339
+ --salt-actionable-negative-subtle-borderColor-active: var(--salt-color-transparent);
1340
+ --salt-actionable-negative-subtle-borderColor-hover: var(--salt-color-transparent);
1341
+ --salt-actionable-negative-subtle-borderColor: var(--salt-color-transparent);
1354
1342
  --salt-actionable-negative-subtle-foreground-active: var(--salt-palette-foreground-primary);
1355
1343
  --salt-actionable-negative-subtle-foreground-hover: var(--salt-palette-negative-stronger);
1356
1344
  --salt-actionable-negative-subtle-foreground: var(--salt-palette-negative-strong);
@@ -1365,7 +1353,7 @@
1365
1353
  --salt-actionable-positive-bold-foreground: var(--salt-palette-foreground-primary-alt);
1366
1354
  --salt-actionable-positive-background-active: var(--salt-palette-positive-weaker);
1367
1355
  --salt-actionable-positive-background-hover: var(--salt-palette-positive-weakest);
1368
- --salt-actionable-positive-background: var(--salt-palette-alpha-none);
1356
+ --salt-actionable-positive-background: var(--salt-color-transparent);
1369
1357
  --salt-actionable-positive-borderColor-active: var(--salt-palette-positive);
1370
1358
  --salt-actionable-positive-borderColor-hover: var(--salt-palette-positive);
1371
1359
  --salt-actionable-positive-borderColor: var(--salt-palette-positive);
@@ -1377,10 +1365,10 @@
1377
1365
  --salt-actionable-positive-foreground-selected: var(--salt-palette-foreground-primary-alt);
1378
1366
  --salt-actionable-positive-subtle-background-active: var(--salt-palette-alpha-contrast-low);
1379
1367
  --salt-actionable-positive-subtle-background-hover: var(--salt-palette-alpha-contrast-lower);
1380
- --salt-actionable-positive-subtle-background: var(--salt-palette-alpha-none);
1381
- --salt-actionable-positive-subtle-borderColor-active: var(--salt-palette-alpha-none);
1382
- --salt-actionable-positive-subtle-borderColor-hover: var(--salt-palette-alpha-none);
1383
- --salt-actionable-positive-subtle-borderColor: var(--salt-palette-alpha-none);
1368
+ --salt-actionable-positive-subtle-background: var(--salt-color-transparent);
1369
+ --salt-actionable-positive-subtle-borderColor-active: var(--salt-color-transparent);
1370
+ --salt-actionable-positive-subtle-borderColor-hover: var(--salt-color-transparent);
1371
+ --salt-actionable-positive-subtle-borderColor: var(--salt-color-transparent);
1384
1372
  --salt-actionable-positive-subtle-foreground-active: var(--salt-palette-foreground-primary);
1385
1373
  --salt-actionable-positive-subtle-foreground-hover: var(--salt-palette-positive-stronger);
1386
1374
  --salt-actionable-positive-subtle-foreground: var(--salt-palette-positive-strong);
@@ -1395,7 +1383,7 @@
1395
1383
  --salt-actionable-caution-bold-foreground: var(--salt-palette-foreground-primary-alt);
1396
1384
  --salt-actionable-caution-background-active: var(--salt-palette-warning-weaker);
1397
1385
  --salt-actionable-caution-background-hover: var(--salt-palette-warning-weakest);
1398
- --salt-actionable-caution-background: var(--salt-palette-alpha-none);
1386
+ --salt-actionable-caution-background: var(--salt-color-transparent);
1399
1387
  --salt-actionable-caution-borderColor-active: var(--salt-palette-warning);
1400
1388
  --salt-actionable-caution-borderColor-hover: var(--salt-palette-warning);
1401
1389
  --salt-actionable-caution-borderColor: var(--salt-palette-warning);
@@ -1407,10 +1395,10 @@
1407
1395
  --salt-actionable-caution-foreground-selected: var(--salt-palette-foreground-primary-alt);
1408
1396
  --salt-actionable-caution-subtle-background-active: var(--salt-palette-alpha-contrast-low);
1409
1397
  --salt-actionable-caution-subtle-background-hover: var(--salt-palette-alpha-contrast-lower);
1410
- --salt-actionable-caution-subtle-background: var(--salt-palette-alpha-none);
1411
- --salt-actionable-caution-subtle-borderColor-active: var(--salt-palette-alpha-none);
1412
- --salt-actionable-caution-subtle-borderColor-hover: var(--salt-palette-alpha-none);
1413
- --salt-actionable-caution-subtle-borderColor: var(--salt-palette-alpha-none);
1398
+ --salt-actionable-caution-subtle-background: var(--salt-color-transparent);
1399
+ --salt-actionable-caution-subtle-borderColor-active: var(--salt-color-transparent);
1400
+ --salt-actionable-caution-subtle-borderColor-hover: var(--salt-color-transparent);
1401
+ --salt-actionable-caution-subtle-borderColor: var(--salt-color-transparent);
1414
1402
  --salt-actionable-caution-subtle-foreground-active: var(--salt-palette-foreground-primary);
1415
1403
  --salt-actionable-caution-subtle-foreground-hover: var(--salt-palette-warning-stronger);
1416
1404
  --salt-actionable-caution-subtle-foreground: var(--salt-palette-warning-strong);
@@ -1558,7 +1546,7 @@
1558
1546
  --salt-editable-borderColor-disabled: var(--salt-palette-neutral-disabled);
1559
1547
  --salt-editable-borderColor-hover: var(--salt-palette-accent);
1560
1548
  --salt-editable-borderColor-readonly: var(--salt-palette-neutral-readonly);
1561
- --salt-editable-background-readonly: var(--salt-palette-alpha-none);
1549
+ --salt-editable-background-readonly: var(--salt-color-transparent);
1562
1550
  --salt-editable-primary-background: var(--salt-palette-background-primary);
1563
1551
  --salt-editable-primary-background-disabled: var(--salt-palette-background-primary-disabled);
1564
1552
  --salt-editable-secondary-background: var(--salt-palette-background-secondary);
@@ -1619,17 +1607,15 @@
1619
1607
  --salt-selectable-borderColor-hover: var(--salt-palette-accent);
1620
1608
  --salt-selectable-borderColor-selected: var(--salt-palette-accent);
1621
1609
  --salt-selectable-borderColor-selectedDisabled: var(--salt-palette-accent-disabled);
1622
- --salt-selectable-borderColor-disabled: var(--salt-palette-neutral-disabled);
1623
1610
  --salt-selectable-borderColor-readonly: var(--salt-palette-neutral);
1624
1611
  --salt-selectable-foreground: var(--salt-palette-neutral-strong);
1625
- --salt-selectable-foreground-disabled: var(--salt-palette-neutral-strong-disabled);
1626
1612
  --salt-selectable-foreground-hover: var(--salt-palette-accent);
1627
1613
  --salt-selectable-foreground-selected: var(--salt-palette-accent);
1628
1614
  --salt-selectable-foreground-selectedDisabled: var(--salt-palette-accent-disabled);
1629
- --salt-selectable-background: var(--salt-palette-alpha-none);
1615
+ --salt-selectable-background: var(--salt-color-transparent);
1630
1616
  --salt-selectable-background-hover: var(--salt-palette-accent-weakest);
1631
1617
  --salt-selectable-background-selected: var(--salt-palette-accent-weaker);
1632
- --salt-selectable-background-disabled: var(--salt-palette-alpha-none);
1618
+ --salt-selectable-background-disabled: var(--salt-color-transparent);
1633
1619
  --salt-selectable-background-selectedDisabled: var(--salt-palette-accent-weaker-disabled);
1634
1620
  }
1635
1621
 
@@ -1640,12 +1626,14 @@
1640
1626
  --salt-sentiment-negative-foreground-decorative: var(--salt-palette-negative);
1641
1627
  --salt-sentiment-positive-foreground-decorative: var(--salt-palette-positive);
1642
1628
  --salt-sentiment-neutral-track: var(--salt-palette-alpha-contrast-high);
1643
- --salt-sentiment-neutral-track-disabled: var(--salt-palette-alpha-contrast-lower);
1644
1629
  --salt-sentiment-caution-dataviz: var(--salt-palette-warning);
1645
1630
  --salt-sentiment-negative-dataviz: var(--salt-palette-negative);
1646
1631
  --salt-sentiment-positive-dataviz: var(--salt-palette-positive);
1647
1632
  --salt-sentiment-neutral-dataviz: var(--salt-palette-neutral);
1648
1633
  --salt-sentiment-accent-dataviz: var(--salt-palette-accent);
1634
+ --salt-sentiment-accent-background: var(--salt-palette-accent);
1635
+ --salt-sentiment-accent-background-disabled: var(--salt-palette-accent-disabled);
1636
+ --salt-sentiment-accent-borderColor: var(--salt-palette-accent);
1649
1637
  }
1650
1638
 
1651
1639
  /* css/next/characteristics/separable.css */
@@ -2114,6 +2102,9 @@
2114
2102
  --salt-navigable-fontWeight-active: var(--salt-typography-fontWeight-semiBold);
2115
2103
  --salt-navigable-fontWeight-edit: var(--salt-typography-fontWeight-regular);
2116
2104
  --salt-accent-fontWeight: var(--salt-typography-fontWeight-semiBold);
2105
+ --salt-accent-background: var(--salt-palette-accent);
2106
+ --salt-accent-background-disabled: var(--salt-palette-accent-disabled);
2107
+ --salt-accent-borderColor: var(--salt-palette-accent);
2117
2108
  --salt-track-borderStyle: solid;
2118
2109
  --salt-track-borderStyle-active: solid;
2119
2110
  --salt-track-borderStyle-complete: solid;
@@ -2152,57 +2143,59 @@
2152
2143
  --salt-navigable-indicator-active: var(--salt-palette-accent);
2153
2144
  --salt-navigable-background-hover: var(--salt-palette-alpha-contrast-lowest);
2154
2145
  --salt-selectable-background-blurSelected: var(--salt-palette-neutral-weakest);
2146
+ --salt-selectable-borderColor-disabled: var(--salt-palette-neutral-disabled);
2147
+ --salt-selectable-foreground-disabled: var(--salt-palette-neutral-strong-disabled);
2155
2148
  --salt-status-static-foreground: var(--salt-palette-foreground-secondary);
2156
2149
  --salt-status-negative-foreground: var(--salt-palette-negative);
2157
2150
  --salt-status-positive-foreground: var(--salt-palette-positive);
2158
2151
  --salt-track-borderColor: var(--salt-palette-alpha-contrast-high);
2159
2152
  --salt-track-borderColor-disabled: var(--salt-palette-alpha-contrast-lower);
2160
2153
  --salt-actionable-accented-bold-background-disabled: var(--salt-palette-accent-disabled);
2161
- --salt-actionable-accented-bold-borderColor-disabled: var(--salt-palette-alpha-none);
2154
+ --salt-actionable-accented-bold-borderColor-disabled: var(--salt-color-transparent);
2162
2155
  --salt-actionable-accented-bold-foreground-disabled: var(--salt-palette-foreground-primary-alt-disabled);
2163
- --salt-actionable-accented-background-disabled: var(--salt-palette-alpha-none);
2156
+ --salt-actionable-accented-background-disabled: var(--salt-color-transparent);
2164
2157
  --salt-actionable-accented-borderColor-disabled: var(--salt-palette-accent-disabled);
2165
2158
  --salt-actionable-accented-foreground-disabled: var(--salt-palette-accent-strong-disabled);
2166
- --salt-actionable-accented-subtle-background-disabled: var(--salt-palette-alpha-none);
2167
- --salt-actionable-accented-subtle-borderColor-disabled: var(--salt-palette-alpha-none);
2159
+ --salt-actionable-accented-subtle-background-disabled: var(--salt-color-transparent);
2160
+ --salt-actionable-accented-subtle-borderColor-disabled: var(--salt-color-transparent);
2168
2161
  --salt-actionable-accented-subtle-foreground-disabled: var(--salt-palette-accent-strong-disabled);
2169
2162
  --salt-actionable-bold-background-disabled: var(--salt-palette-neutral-disabled);
2170
- --salt-actionable-bold-borderColor-disabled: var(--salt-palette-alpha-none);
2163
+ --salt-actionable-bold-borderColor-disabled: var(--salt-color-transparent);
2171
2164
  --salt-actionable-bold-foreground-disabled: var(--salt-palette-foreground-primary-alt-disabled);
2172
- --salt-actionable-background-disabled: var(--salt-palette-alpha-none);
2165
+ --salt-actionable-background-disabled: var(--salt-color-transparent);
2173
2166
  --salt-actionable-borderColor-disabled: var(--salt-palette-neutral-disabled);
2174
2167
  --salt-actionable-foreground-disabled: var(--salt-palette-foreground-primary-disabled);
2175
- --salt-actionable-subtle-background-disabled: var(--salt-palette-alpha-none);
2176
- --salt-actionable-subtle-borderColor-disabled: var(--salt-palette-alpha-none);
2168
+ --salt-actionable-subtle-background-disabled: var(--salt-color-transparent);
2169
+ --salt-actionable-subtle-borderColor-disabled: var(--salt-color-transparent);
2177
2170
  --salt-actionable-subtle-foreground-disabled: var(--salt-palette-foreground-primary-disabled);
2178
2171
  --salt-actionable-negative-bold-background-disabled: var(--salt-palette-negative-disabled);
2179
- --salt-actionable-negative-bold-borderColor-disabled: var(--salt-palette-alpha-none);
2172
+ --salt-actionable-negative-bold-borderColor-disabled: var(--salt-color-transparent);
2180
2173
  --salt-actionable-negative-bold-foreground-disabled: var(--salt-palette-foreground-primary-alt-disabled);
2181
- --salt-actionable-negative-background-disabled: var(--salt-palette-alpha-none);
2174
+ --salt-actionable-negative-background-disabled: var(--salt-color-transparent);
2182
2175
  --salt-actionable-negative-borderColor-disabled: var(--salt-palette-negative-disabled);
2183
2176
  --salt-actionable-negative-foreground-disabled: var(--salt-palette-negative-strong-disabled);
2184
- --salt-actionable-negative-subtle-background-disabled: var(--salt-palette-alpha-none);
2185
- --salt-actionable-negative-subtle-borderColor-disabled: var(--salt-palette-alpha-none);
2177
+ --salt-actionable-negative-subtle-background-disabled: var(--salt-color-transparent);
2178
+ --salt-actionable-negative-subtle-borderColor-disabled: var(--salt-color-transparent);
2186
2179
  --salt-actionable-negative-subtle-foreground-disabled: var(--salt-palette-negative-strong-disabled);
2187
2180
  --salt-actionable-positive-bold-background-disabled: var(--salt-palette-positive-disabled);
2188
- --salt-actionable-positive-bold-borderColor-disabled: var(--salt-palette-alpha-none);
2181
+ --salt-actionable-positive-bold-borderColor-disabled: var(--salt-color-transparent);
2189
2182
  --salt-actionable-positive-bold-foreground-disabled: var(--salt-palette-foreground-primary-alt-disabled);
2190
- --salt-actionable-positive-background-disabled: var(--salt-palette-alpha-none);
2183
+ --salt-actionable-positive-background-disabled: var(--salt-color-transparent);
2191
2184
  --salt-actionable-positive-borderColor-disabled: var(--salt-palette-positive-disabled);
2192
2185
  --salt-actionable-positive-foreground-disabled: var(--salt-palette-positive-strong-disabled);
2193
- --salt-actionable-positive-subtle-background-disabled: var(--salt-palette-alpha-none);
2194
- --salt-actionable-positive-subtle-borderColor-disabled: var(--salt-palette-alpha-none);
2186
+ --salt-actionable-positive-subtle-background-disabled: var(--salt-color-transparent);
2187
+ --salt-actionable-positive-subtle-borderColor-disabled: var(--salt-color-transparent);
2195
2188
  --salt-actionable-positive-subtle-foreground-disabled: var(--salt-palette-positive-strong-disabled);
2196
2189
  --salt-actionable-caution-bold-background-disabled: var(--salt-palette-warning-disabled);
2197
- --salt-actionable-caution-bold-borderColor-disabled: var(--salt-palette-alpha-none);
2190
+ --salt-actionable-caution-bold-borderColor-disabled: var(--salt-color-transparent);
2198
2191
  --salt-actionable-caution-bold-foreground-disabled: var(--salt-palette-foreground-primary-alt-disabled);
2199
- --salt-actionable-caution-background-disabled: var(--salt-palette-alpha-none);
2192
+ --salt-actionable-caution-background-disabled: var(--salt-color-transparent);
2200
2193
  --salt-actionable-caution-borderColor-disabled: var(--salt-palette-warning-disabled);
2201
2194
  --salt-actionable-caution-foreground-disabled: var(--salt-palette-warning-strong-disabled);
2202
- --salt-actionable-caution-subtle-background-disabled: var(--salt-palette-alpha-none);
2203
- --salt-actionable-caution-subtle-borderColor-disabled: var(--salt-palette-alpha-none);
2195
+ --salt-actionable-caution-subtle-background-disabled: var(--salt-color-transparent);
2196
+ --salt-actionable-caution-subtle-borderColor-disabled: var(--salt-color-transparent);
2204
2197
  --salt-actionable-caution-subtle-foreground-disabled: var(--salt-palette-warning-strong-disabled);
2205
- --salt-separable-background: var(--salt-palette-alpha-none);
2198
+ --salt-separable-background: var(--salt-color-transparent);
2206
2199
  --salt-category-1-bold-foreground: var(--salt-palette-foreground-primary-alt);
2207
2200
  --salt-category-2-bold-foreground: var(--salt-palette-foreground-primary-alt);
2208
2201
  --salt-category-3-bold-foreground: var(--salt-palette-foreground-primary-alt);
@@ -2284,25 +2277,31 @@
2284
2277
  --salt-category-20-subtle-background: var(--salt-palette-categorical-20-weakest);
2285
2278
  --salt-category-20-subtle-borderColor: var(--salt-palette-categorical-20);
2286
2279
  --salt-accent-foreground: var(--salt-palette-foreground-primary-alt);
2280
+ --salt-accent-borderColor-disabled: var(--salt-palette-accent-disabled);
2281
+ --salt-accent-background: var(--salt-palette-accent);
2282
+ --salt-accent-background-disabled: var(--salt-palette-accent-disabled);
2283
+ --salt-accent-borderColor: var(--salt-palette-accent);
2287
2284
  --salt-content-foreground-highlight: var(--salt-palette-accent-weaker);
2288
2285
  --salt-content-foreground-active: var(--salt-palette-accent-stronger);
2289
2286
  --salt-content-foreground-hover: var(--salt-palette-accent-strong);
2290
2287
  --salt-editable-primary-background-active: var(--salt-palette-background-primary);
2291
2288
  --salt-editable-primary-background-hover: var(--salt-palette-background-primary);
2292
- --salt-editable-primary-background-readonly: var(--salt-palette-alpha-none);
2289
+ --salt-editable-primary-background-readonly: var(--salt-color-transparent);
2293
2290
  --salt-editable-secondary-background-active: var(--salt-palette-background-secondary);
2294
2291
  --salt-editable-secondary-background-hover: var(--salt-palette-background-secondary);
2295
- --salt-editable-secondary-background-readonly: var(--salt-palette-alpha-none);
2292
+ --salt-editable-secondary-background-readonly: var(--salt-color-transparent);
2293
+ --salt-sentiment-neutral-track-disabled: var(--salt-palette-alpha-contrast-lower);
2296
2294
  }
2297
2295
 
2298
2296
  /* css/next/deprecated/foundations.css */
2299
2297
  .salt-theme.salt-theme-next {
2300
2298
  --salt-color-background-gradientlight-rgb: var(--salt-color-background-titanium-rgb);
2301
2299
  --salt-color-background-gradientlight: var(--salt-color-background-titanium);
2300
+ --salt-color-gray-400-40a: rgba(var(--salt-color-gray-400-rgb), 0.4);
2302
2301
  }
2303
2302
 
2304
2303
  /* css/next/deprecated/palette.css */
2305
- .salt-theme[data-mode=light] {
2304
+ .salt-theme-next.salt-theme[data-mode=light] {
2306
2305
  --salt-palette-foreground-active: var(--salt-color-blue-700);
2307
2306
  --salt-palette-foreground-hover: var(--salt-color-blue-600);
2308
2307
  --salt-palette-warning-weak: var(--salt-color-orange-100);
@@ -2326,8 +2325,9 @@
2326
2325
  --salt-palette-neutral-weaker-disabled: var(--salt-color-gray-300-40a);
2327
2326
  --salt-palette-neutral-weaker-readonly: var(--salt-color-gray-300-10a);
2328
2327
  --salt-palette-neutral-weak-disabled: var(--salt-color-gray-400-40a);
2328
+ --salt-palette-neutral-strong-disabled: var(--salt-color-gray-600-40a);
2329
2329
  }
2330
- .salt-theme[data-mode=dark] {
2330
+ .salt-theme-next.salt-theme[data-mode=dark] {
2331
2331
  --salt-palette-foreground-active: var(--salt-color-blue-300);
2332
2332
  --salt-palette-foreground-hover: var(--salt-color-blue-400);
2333
2333
  --salt-palette-warning-weak: var(--salt-color-orange-900);
@@ -2351,6 +2351,10 @@
2351
2351
  --salt-palette-neutral-weaker-disabled: var(--salt-color-gray-700-40a);
2352
2352
  --salt-palette-neutral-weaker-readonly: var(--salt-color-gray-700-10a);
2353
2353
  --salt-palette-neutral-weak-disabled: var(--salt-color-gray-600-40a);
2354
+ --salt-palette-neutral-strong-disabled: var(--salt-color-gray-400-40a);
2355
+ }
2356
+ .salt-theme-next.salt-theme {
2357
+ --salt-palette-alpha-none: transparent;
2354
2358
  }
2355
2359
  .salt-theme.salt-theme-next[data-mode=light][data-accent=blue] {
2356
2360
  --salt-palette-accent-action-active: var(--salt-color-blue-800);