@salt-ds/theme 1.40.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 +82 -72
  2. package/css/theme.css +104 -101
  3. package/index.css +104 -101
  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 */
@@ -377,6 +378,9 @@
377
378
  --salt-spacing-fixed-700: 7px;
378
379
  --salt-spacing-fixed-800: 8px;
379
380
  --salt-spacing-fixed-900: 9px;
381
+ --salt-spacing-fixed-1000: 10px;
382
+ --salt-spacing-fixed-1100: 11px;
383
+ --salt-spacing-fixed-1200: 12px;
380
384
  }
381
385
 
382
386
  /* css/foundations/typography.css */
@@ -425,7 +429,6 @@
425
429
  --salt-color-blue-800-40a: rgba(var(--salt-color-blue-800-rgb), 0.4);
426
430
  --salt-color-gray-300-10a: rgba(var(--salt-color-gray-300-rgb), 0.1);
427
431
  --salt-color-gray-300-40a: rgba(var(--salt-color-gray-300-rgb), 0.4);
428
- --salt-color-gray-400-40a: rgba(var(--salt-color-gray-400-rgb), 0.4);
429
432
  --salt-color-gray-500-10a: rgba(var(--salt-color-gray-500-rgb), 0.1);
430
433
  --salt-color-gray-500-40a: rgba(var(--salt-color-gray-500-rgb), 0.4);
431
434
  --salt-color-gray-600-40a: rgba(var(--salt-color-gray-600-rgb), 0.4);
@@ -934,7 +937,6 @@
934
937
  --salt-palette-alpha-dark-low: var(--salt-color-black-15a);
935
938
  --salt-palette-alpha-dark-lower: var(--salt-color-black-10a);
936
939
  --salt-palette-alpha-dark-lowest: var(--salt-color-black-5a);
937
- --salt-palette-alpha-none: transparent;
938
940
  }
939
941
  .salt-theme-next[data-mode=dark] {
940
942
  --salt-palette-alpha-highest: var(--salt-color-black-80a);
@@ -964,7 +966,6 @@
964
966
  --salt-palette-alpha-dark-low: var(--salt-color-black-15a);
965
967
  --salt-palette-alpha-dark-lower: var(--salt-color-black-10a);
966
968
  --salt-palette-alpha-dark-lowest: var(--salt-color-black-5a);
967
- --salt-palette-alpha-none: transparent;
968
969
  }
969
970
 
970
971
  /* css/next/palette/background.css */
@@ -1183,7 +1184,6 @@
1183
1184
  --salt-palette-neutral-disabled: var(--salt-color-gray-500-40a);
1184
1185
  --salt-palette-neutral-readonly: var(--salt-color-gray-500-10a);
1185
1186
  --salt-palette-neutral-strong: var(--salt-color-gray-600);
1186
- --salt-palette-neutral-strong-disabled: var(--salt-color-gray-600-40a);
1187
1187
  --salt-palette-neutral-stronger: var(--salt-color-gray-700);
1188
1188
  --salt-palette-neutral-strongest: var(--salt-color-gray-800);
1189
1189
  --salt-palette-neutral-weak: var(--salt-color-gray-400);
@@ -1195,7 +1195,6 @@
1195
1195
  --salt-palette-neutral-disabled: var(--salt-color-gray-500-40a);
1196
1196
  --salt-palette-neutral-readonly: var(--salt-color-gray-500-10a);
1197
1197
  --salt-palette-neutral-strong: var(--salt-color-gray-400);
1198
- --salt-palette-neutral-strong-disabled: var(--salt-color-gray-400-40a);
1199
1198
  --salt-palette-neutral-stronger: var(--salt-color-gray-200);
1200
1199
  --salt-palette-neutral-strongest: var(--salt-color-gray-100);
1201
1200
  --salt-palette-neutral-weak: var(--salt-color-gray-600);
@@ -1251,14 +1250,6 @@
1251
1250
  --salt-palette-warning-weakest: var(--salt-color-orange-900);
1252
1251
  }
1253
1252
 
1254
- /* css/next/characteristics/accent.css */
1255
- .salt-theme.salt-theme-next {
1256
- --salt-accent-background: var(--salt-palette-accent);
1257
- --salt-accent-background-disabled: var(--salt-palette-accent-disabled);
1258
- --salt-accent-borderColor: var(--salt-palette-accent);
1259
- --salt-accent-borderColor-disabled: var(--salt-palette-accent-disabled);
1260
- }
1261
-
1262
1253
  /* css/next/characteristics/actionable.css */
1263
1254
  .salt-theme.salt-theme-next {
1264
1255
  --salt-actionable-accented-bold-background-active: var(--salt-palette-accent-weaker);
@@ -1272,7 +1263,7 @@
1272
1263
  --salt-actionable-accented-bold-foreground: var(--salt-palette-foreground-primary-alt);
1273
1264
  --salt-actionable-accented-background-active: var(--salt-palette-accent-weaker);
1274
1265
  --salt-actionable-accented-background-hover: var(--salt-palette-accent-weakest);
1275
- --salt-actionable-accented-background: var(--salt-palette-alpha-none);
1266
+ --salt-actionable-accented-background: var(--salt-color-transparent);
1276
1267
  --salt-actionable-accented-borderColor-active: var(--salt-palette-accent);
1277
1268
  --salt-actionable-accented-borderColor-hover: var(--salt-palette-accent);
1278
1269
  --salt-actionable-accented-borderColor: var(--salt-palette-accent);
@@ -1284,10 +1275,10 @@
1284
1275
  --salt-actionable-accented-foreground-selected: var(--salt-palette-foreground-primary-alt);
1285
1276
  --salt-actionable-accented-subtle-background-active: var(--salt-palette-alpha-contrast-low);
1286
1277
  --salt-actionable-accented-subtle-background-hover: var(--salt-palette-alpha-contrast-lower);
1287
- --salt-actionable-accented-subtle-background: var(--salt-palette-alpha-none);
1288
- --salt-actionable-accented-subtle-borderColor-active: var(--salt-palette-alpha-none);
1289
- --salt-actionable-accented-subtle-borderColor-hover: var(--salt-palette-alpha-none);
1290
- --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);
1291
1282
  --salt-actionable-accented-subtle-foreground-active: var(--salt-palette-foreground-primary);
1292
1283
  --salt-actionable-accented-subtle-foreground-hover: var(--salt-palette-accent-stronger);
1293
1284
  --salt-actionable-accented-subtle-foreground: var(--salt-palette-accent-strong);
@@ -1302,7 +1293,7 @@
1302
1293
  --salt-actionable-bold-foreground: var(--salt-palette-foreground-primary-alt);
1303
1294
  --salt-actionable-background-active: var(--salt-palette-neutral-weaker);
1304
1295
  --salt-actionable-background-hover: var(--salt-palette-neutral-weakest);
1305
- --salt-actionable-background: var(--salt-palette-alpha-none);
1296
+ --salt-actionable-background: var(--salt-color-transparent);
1306
1297
  --salt-actionable-borderColor-active: var(--salt-palette-neutral);
1307
1298
  --salt-actionable-borderColor-hover: var(--salt-palette-neutral);
1308
1299
  --salt-actionable-borderColor: var(--salt-palette-neutral);
@@ -1314,10 +1305,10 @@
1314
1305
  --salt-actionable-foreground-selected: var(--salt-palette-foreground-primary-alt);
1315
1306
  --salt-actionable-subtle-background-active: var(--salt-palette-alpha-contrast-low);
1316
1307
  --salt-actionable-subtle-background-hover: var(--salt-palette-alpha-contrast-lower);
1317
- --salt-actionable-subtle-background: var(--salt-palette-alpha-none);
1318
- --salt-actionable-subtle-borderColor-active: var(--salt-palette-alpha-none);
1319
- --salt-actionable-subtle-borderColor-hover: var(--salt-palette-alpha-none);
1320
- --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);
1321
1312
  --salt-actionable-subtle-foreground-active: var(--salt-palette-foreground-primary);
1322
1313
  --salt-actionable-subtle-foreground-hover: var(--salt-palette-foreground-primary);
1323
1314
  --salt-actionable-subtle-foreground: var(--salt-palette-foreground-primary);
@@ -1332,7 +1323,7 @@
1332
1323
  --salt-actionable-negative-bold-foreground: var(--salt-palette-foreground-primary-alt);
1333
1324
  --salt-actionable-negative-background-active: var(--salt-palette-negative-weaker);
1334
1325
  --salt-actionable-negative-background-hover: var(--salt-palette-negative-weakest);
1335
- --salt-actionable-negative-background: var(--salt-palette-alpha-none);
1326
+ --salt-actionable-negative-background: var(--salt-color-transparent);
1336
1327
  --salt-actionable-negative-borderColor-active: var(--salt-palette-negative);
1337
1328
  --salt-actionable-negative-borderColor-hover: var(--salt-palette-negative);
1338
1329
  --salt-actionable-negative-borderColor: var(--salt-palette-negative);
@@ -1344,10 +1335,10 @@
1344
1335
  --salt-actionable-negative-foreground-selected: var(--salt-palette-foreground-primary-alt);
1345
1336
  --salt-actionable-negative-subtle-background-active: var(--salt-palette-alpha-contrast-low);
1346
1337
  --salt-actionable-negative-subtle-background-hover: var(--salt-palette-alpha-contrast-lower);
1347
- --salt-actionable-negative-subtle-background: var(--salt-palette-alpha-none);
1348
- --salt-actionable-negative-subtle-borderColor-active: var(--salt-palette-alpha-none);
1349
- --salt-actionable-negative-subtle-borderColor-hover: var(--salt-palette-alpha-none);
1350
- --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);
1351
1342
  --salt-actionable-negative-subtle-foreground-active: var(--salt-palette-foreground-primary);
1352
1343
  --salt-actionable-negative-subtle-foreground-hover: var(--salt-palette-negative-stronger);
1353
1344
  --salt-actionable-negative-subtle-foreground: var(--salt-palette-negative-strong);
@@ -1362,7 +1353,7 @@
1362
1353
  --salt-actionable-positive-bold-foreground: var(--salt-palette-foreground-primary-alt);
1363
1354
  --salt-actionable-positive-background-active: var(--salt-palette-positive-weaker);
1364
1355
  --salt-actionable-positive-background-hover: var(--salt-palette-positive-weakest);
1365
- --salt-actionable-positive-background: var(--salt-palette-alpha-none);
1356
+ --salt-actionable-positive-background: var(--salt-color-transparent);
1366
1357
  --salt-actionable-positive-borderColor-active: var(--salt-palette-positive);
1367
1358
  --salt-actionable-positive-borderColor-hover: var(--salt-palette-positive);
1368
1359
  --salt-actionable-positive-borderColor: var(--salt-palette-positive);
@@ -1374,10 +1365,10 @@
1374
1365
  --salt-actionable-positive-foreground-selected: var(--salt-palette-foreground-primary-alt);
1375
1366
  --salt-actionable-positive-subtle-background-active: var(--salt-palette-alpha-contrast-low);
1376
1367
  --salt-actionable-positive-subtle-background-hover: var(--salt-palette-alpha-contrast-lower);
1377
- --salt-actionable-positive-subtle-background: var(--salt-palette-alpha-none);
1378
- --salt-actionable-positive-subtle-borderColor-active: var(--salt-palette-alpha-none);
1379
- --salt-actionable-positive-subtle-borderColor-hover: var(--salt-palette-alpha-none);
1380
- --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);
1381
1372
  --salt-actionable-positive-subtle-foreground-active: var(--salt-palette-foreground-primary);
1382
1373
  --salt-actionable-positive-subtle-foreground-hover: var(--salt-palette-positive-stronger);
1383
1374
  --salt-actionable-positive-subtle-foreground: var(--salt-palette-positive-strong);
@@ -1392,7 +1383,7 @@
1392
1383
  --salt-actionable-caution-bold-foreground: var(--salt-palette-foreground-primary-alt);
1393
1384
  --salt-actionable-caution-background-active: var(--salt-palette-warning-weaker);
1394
1385
  --salt-actionable-caution-background-hover: var(--salt-palette-warning-weakest);
1395
- --salt-actionable-caution-background: var(--salt-palette-alpha-none);
1386
+ --salt-actionable-caution-background: var(--salt-color-transparent);
1396
1387
  --salt-actionable-caution-borderColor-active: var(--salt-palette-warning);
1397
1388
  --salt-actionable-caution-borderColor-hover: var(--salt-palette-warning);
1398
1389
  --salt-actionable-caution-borderColor: var(--salt-palette-warning);
@@ -1404,10 +1395,10 @@
1404
1395
  --salt-actionable-caution-foreground-selected: var(--salt-palette-foreground-primary-alt);
1405
1396
  --salt-actionable-caution-subtle-background-active: var(--salt-palette-alpha-contrast-low);
1406
1397
  --salt-actionable-caution-subtle-background-hover: var(--salt-palette-alpha-contrast-lower);
1407
- --salt-actionable-caution-subtle-background: var(--salt-palette-alpha-none);
1408
- --salt-actionable-caution-subtle-borderColor-active: var(--salt-palette-alpha-none);
1409
- --salt-actionable-caution-subtle-borderColor-hover: var(--salt-palette-alpha-none);
1410
- --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);
1411
1402
  --salt-actionable-caution-subtle-foreground-active: var(--salt-palette-foreground-primary);
1412
1403
  --salt-actionable-caution-subtle-foreground-hover: var(--salt-palette-warning-stronger);
1413
1404
  --salt-actionable-caution-subtle-foreground: var(--salt-palette-warning-strong);
@@ -1555,16 +1546,13 @@
1555
1546
  --salt-editable-borderColor-disabled: var(--salt-palette-neutral-disabled);
1556
1547
  --salt-editable-borderColor-hover: var(--salt-palette-accent);
1557
1548
  --salt-editable-borderColor-readonly: var(--salt-palette-neutral-readonly);
1549
+ --salt-editable-background-readonly: var(--salt-color-transparent);
1558
1550
  --salt-editable-primary-background: var(--salt-palette-background-primary);
1559
- --salt-editable-primary-background-active: var(--salt-palette-background-primary);
1560
1551
  --salt-editable-primary-background-disabled: var(--salt-palette-background-primary-disabled);
1561
- --salt-editable-primary-background-hover: var(--salt-palette-background-primary);
1562
- --salt-editable-primary-background-readonly: var(--salt-palette-alpha-none);
1563
1552
  --salt-editable-secondary-background: var(--salt-palette-background-secondary);
1564
- --salt-editable-secondary-background-active: var(--salt-palette-background-secondary);
1565
1553
  --salt-editable-secondary-background-disabled: var(--salt-palette-background-secondary-disabled);
1566
- --salt-editable-secondary-background-hover: var(--salt-palette-background-secondary);
1567
- --salt-editable-secondary-background-readonly: var(--salt-palette-alpha-none);
1554
+ --salt-editable-tertiary-background: var(--salt-palette-background-tertiary);
1555
+ --salt-editable-tertiary-background-disabled: var(--salt-palette-background-tertiary-disabled);
1568
1556
  }
1569
1557
 
1570
1558
  /* css/next/characteristics/focused.css */
@@ -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,19 +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);
2287
+ --salt-editable-primary-background-active: var(--salt-palette-background-primary);
2288
+ --salt-editable-primary-background-hover: var(--salt-palette-background-primary);
2289
+ --salt-editable-primary-background-readonly: var(--salt-color-transparent);
2290
+ --salt-editable-secondary-background-active: var(--salt-palette-background-secondary);
2291
+ --salt-editable-secondary-background-hover: var(--salt-palette-background-secondary);
2292
+ --salt-editable-secondary-background-readonly: var(--salt-color-transparent);
2293
+ --salt-sentiment-neutral-track-disabled: var(--salt-palette-alpha-contrast-lower);
2290
2294
  }
2291
2295
 
2292
2296
  /* css/next/deprecated/foundations.css */
2293
2297
  .salt-theme.salt-theme-next {
2294
2298
  --salt-color-background-gradientlight-rgb: var(--salt-color-background-titanium-rgb);
2295
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);
2296
2301
  }
2297
2302
 
2298
2303
  /* css/next/deprecated/palette.css */
2299
- .salt-theme[data-mode=light] {
2304
+ .salt-theme-next.salt-theme[data-mode=light] {
2300
2305
  --salt-palette-foreground-active: var(--salt-color-blue-700);
2301
2306
  --salt-palette-foreground-hover: var(--salt-color-blue-600);
2302
2307
  --salt-palette-warning-weak: var(--salt-color-orange-100);
@@ -2320,8 +2325,9 @@
2320
2325
  --salt-palette-neutral-weaker-disabled: var(--salt-color-gray-300-40a);
2321
2326
  --salt-palette-neutral-weaker-readonly: var(--salt-color-gray-300-10a);
2322
2327
  --salt-palette-neutral-weak-disabled: var(--salt-color-gray-400-40a);
2328
+ --salt-palette-neutral-strong-disabled: var(--salt-color-gray-600-40a);
2323
2329
  }
2324
- .salt-theme[data-mode=dark] {
2330
+ .salt-theme-next.salt-theme[data-mode=dark] {
2325
2331
  --salt-palette-foreground-active: var(--salt-color-blue-300);
2326
2332
  --salt-palette-foreground-hover: var(--salt-color-blue-400);
2327
2333
  --salt-palette-warning-weak: var(--salt-color-orange-900);
@@ -2345,6 +2351,10 @@
2345
2351
  --salt-palette-neutral-weaker-disabled: var(--salt-color-gray-700-40a);
2346
2352
  --salt-palette-neutral-weaker-readonly: var(--salt-color-gray-700-10a);
2347
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;
2348
2358
  }
2349
2359
  .salt-theme.salt-theme-next[data-mode=light][data-accent=blue] {
2350
2360
  --salt-palette-accent-action-active: var(--salt-color-blue-800);