@salt-ds/theme 0.0.0-snapshot-20251015094450 → 0.0.0-snapshot-20251107135920

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 +207 -167
  2. package/css/theme.css +115 -89
  3. package/index.css +115 -89
  4. package/package.json +1 -1
package/css/theme-next.css CHANGED
@@ -864,61 +864,45 @@
864
864
  --salt-palette-accent: var(--salt-color-blue-500);
865
865
  --salt-palette-accent-disabled: var(--salt-color-blue-500-40a);
866
866
  --salt-palette-accent-strong: var(--salt-color-blue-600);
867
- --salt-palette-accent-strong-disabled: var(--salt-color-blue-600-40a);
868
867
  --salt-palette-accent-stronger: var(--salt-color-blue-700);
869
- --salt-palette-accent-stronger-disabled: var(--salt-color-blue-700-40a);
870
868
  --salt-palette-accent-strongest: var(--salt-color-blue-800);
871
869
  --salt-palette-accent-weak: var(--salt-color-blue-400);
872
870
  --salt-palette-accent-weaker: var(--salt-color-blue-200);
873
871
  --salt-palette-accent-weaker-disabled: var(--salt-color-blue-200-40a);
874
872
  --salt-palette-accent-weakest: var(--salt-color-blue-100);
875
- --salt-palette-accent-action-hover: var(--salt-color-blue-600);
876
- --salt-palette-accent-action-active: var(--salt-color-blue-800);
877
873
  }
878
874
  .salt-theme.salt-theme-next[data-mode=dark][data-accent=blue] {
879
875
  --salt-palette-accent: var(--salt-color-blue-500);
880
876
  --salt-palette-accent-disabled: var(--salt-color-blue-500-40a);
881
877
  --salt-palette-accent-strong: var(--salt-color-blue-400);
882
- --salt-palette-accent-strong-disabled: var(--salt-color-blue-400-40a);
883
878
  --salt-palette-accent-stronger: var(--salt-color-blue-300);
884
- --salt-palette-accent-stronger-disabled: var(--salt-color-blue-300-40a);
885
879
  --salt-palette-accent-strongest: var(--salt-color-blue-200);
886
880
  --salt-palette-accent-weak: var(--salt-color-blue-600);
887
881
  --salt-palette-accent-weaker: var(--salt-color-blue-800);
888
882
  --salt-palette-accent-weaker-disabled: var(--salt-color-blue-800-40a);
889
883
  --salt-palette-accent-weakest: var(--salt-color-blue-900);
890
- --salt-palette-accent-action-hover: var(--salt-color-blue-600);
891
- --salt-palette-accent-action-active: var(--salt-color-blue-800);
892
884
  }
893
885
  .salt-theme.salt-theme-next[data-mode=light][data-accent=teal] {
894
886
  --salt-palette-accent: var(--salt-color-teal-500);
895
887
  --salt-palette-accent-disabled: var(--salt-color-teal-500-40a);
896
888
  --salt-palette-accent-strong: var(--salt-color-teal-600);
897
- --salt-palette-accent-strong-disabled: var(--salt-color-teal-600-40a);
898
889
  --salt-palette-accent-stronger: var(--salt-color-teal-700);
899
- --salt-palette-accent-stronger-disabled: var(--salt-color-teal-700-40a);
900
890
  --salt-palette-accent-strongest: var(--salt-color-teal-800);
901
891
  --salt-palette-accent-weak: var(--salt-color-teal-400);
902
892
  --salt-palette-accent-weaker: var(--salt-color-teal-200);
903
893
  --salt-palette-accent-weaker-disabled: var(--salt-color-teal-200-40a);
904
894
  --salt-palette-accent-weakest: var(--salt-color-teal-100);
905
- --salt-palette-accent-action-hover: var(--salt-color-teal-600);
906
- --salt-palette-accent-action-active: var(--salt-color-teal-800);
907
895
  }
908
896
  .salt-theme.salt-theme-next[data-mode=dark][data-accent=teal] {
909
897
  --salt-palette-accent: var(--salt-color-teal-500);
910
898
  --salt-palette-accent-disabled: var(--salt-color-teal-500-40a);
911
899
  --salt-palette-accent-strong: var(--salt-color-teal-400);
912
- --salt-palette-accent-strong-disabled: var(--salt-color-teal-400-40a);
913
900
  --salt-palette-accent-stronger: var(--salt-color-teal-300);
914
- --salt-palette-accent-stronger-disabled: var(--salt-color-teal-300-40a);
915
901
  --salt-palette-accent-strongest: var(--salt-color-teal-200);
916
902
  --salt-palette-accent-weak: var(--salt-color-teal-600);
917
903
  --salt-palette-accent-weaker: var(--salt-color-teal-800);
918
904
  --salt-palette-accent-weaker-disabled: var(--salt-color-teal-800-40a);
919
905
  --salt-palette-accent-weakest: var(--salt-color-teal-900);
920
- --salt-palette-accent-action-hover: var(--salt-color-teal-600);
921
- --salt-palette-accent-action-active: var(--salt-color-teal-800);
922
906
  }
923
907
 
924
908
  /* css/next/palette/alpha.css */
@@ -1161,24 +1145,18 @@
1161
1145
 
1162
1146
  /* css/next/palette/negative.css */
1163
1147
  .salt-theme.salt-theme-next[data-mode=light] {
1164
- --salt-palette-negative: var(--salt-color-red-500);
1165
- --salt-palette-negative-disabled: var(--salt-color-red-500-40a);
1148
+ --salt-palette-negative-stronger: var(--salt-color-red-700);
1166
1149
  --salt-palette-negative-strong: var(--salt-color-red-600);
1167
- --salt-palette-negative-strong-disabled: var(--salt-color-red-600-40a);
1150
+ --salt-palette-negative: var(--salt-color-red-500);
1168
1151
  --salt-palette-negative-weaker: var(--salt-color-red-200);
1169
1152
  --salt-palette-negative-weakest: var(--salt-color-red-100);
1170
- --salt-palette-negative-action-hover: var(--salt-color-red-600);
1171
- --salt-palette-negative-action-active: var(--salt-color-red-800);
1172
1153
  }
1173
1154
  .salt-theme.salt-theme-next[data-mode=dark] {
1174
- --salt-palette-negative: var(--salt-color-red-500);
1175
- --salt-palette-negative-disabled: var(--salt-color-red-500-40a);
1155
+ --salt-palette-negative-stronger: var(--salt-color-red-300);
1176
1156
  --salt-palette-negative-strong: var(--salt-color-red-400);
1177
- --salt-palette-negative-strong-disabled: var(--salt-color-red-400-40a);
1157
+ --salt-palette-negative: var(--salt-color-red-500);
1178
1158
  --salt-palette-negative-weaker: var(--salt-color-red-800);
1179
1159
  --salt-palette-negative-weakest: var(--salt-color-red-900);
1180
- --salt-palette-negative-action-hover: var(--salt-color-red-600);
1181
- --salt-palette-negative-action-active: var(--salt-color-red-800);
1182
1160
  }
1183
1161
 
1184
1162
  /* css/next/palette/neutral.css */
@@ -1191,13 +1169,8 @@
1191
1169
  --salt-palette-neutral-stronger: var(--salt-color-gray-700);
1192
1170
  --salt-palette-neutral-strongest: var(--salt-color-gray-800);
1193
1171
  --salt-palette-neutral-weak: var(--salt-color-gray-400);
1194
- --salt-palette-neutral-weak-disabled: var(--salt-color-gray-400-40a);
1195
- --salt-palette-neutral-weaker: var(--salt-color-gray-300);
1196
- --salt-palette-neutral-weaker-disabled: var(--salt-color-gray-300-40a);
1197
- --salt-palette-neutral-weaker-readonly: var(--salt-color-gray-300-10a);
1198
- --salt-palette-neutral-weakest: var(--salt-color-gray-200);
1199
- --salt-palette-neutral-action-hover: var(--salt-color-gray-600);
1200
- --salt-palette-neutral-action-active: var(--salt-color-gray-800);
1172
+ --salt-palette-neutral-weaker: var(--salt-color-gray-200);
1173
+ --salt-palette-neutral-weakest: var(--salt-color-gray-100);
1201
1174
  }
1202
1175
  .salt-theme.salt-theme-next[data-mode=dark] {
1203
1176
  --salt-palette-neutral: var(--salt-color-gray-500);
@@ -1205,38 +1178,27 @@
1205
1178
  --salt-palette-neutral-readonly: var(--salt-color-gray-500-10a);
1206
1179
  --salt-palette-neutral-strong: var(--salt-color-gray-400);
1207
1180
  --salt-palette-neutral-strong-disabled: var(--salt-color-gray-400-40a);
1208
- --salt-palette-neutral-stronger: var(--salt-color-gray-300);
1209
- --salt-palette-neutral-strongest: var(--salt-color-gray-200);
1181
+ --salt-palette-neutral-stronger: var(--salt-color-gray-200);
1182
+ --salt-palette-neutral-strongest: var(--salt-color-gray-100);
1210
1183
  --salt-palette-neutral-weak: var(--salt-color-gray-600);
1211
- --salt-palette-neutral-weak-disabled: var(--salt-color-gray-600-40a);
1212
- --salt-palette-neutral-weaker: var(--salt-color-gray-700);
1213
- --salt-palette-neutral-weaker-disabled: var(--salt-color-gray-700-40a);
1214
- --salt-palette-neutral-weaker-readonly: var(--salt-color-gray-700-10a);
1215
- --salt-palette-neutral-weakest: var(--salt-color-gray-800);
1216
- --salt-palette-neutral-action-hover: var(--salt-color-gray-600);
1217
- --salt-palette-neutral-action-active: var(--salt-color-gray-800);
1184
+ --salt-palette-neutral-weaker: var(--salt-color-gray-800);
1185
+ --salt-palette-neutral-weakest: var(--salt-color-gray-900);
1218
1186
  }
1219
1187
 
1220
1188
  /* css/next/palette/positive.css */
1221
1189
  .salt-theme.salt-theme-next[data-mode=light] {
1222
- --salt-palette-positive: var(--salt-color-green-500);
1223
- --salt-palette-positive-disabled: var(--salt-color-green-500-40a);
1190
+ --salt-palette-positive-stronger: var(--salt-color-green-700);
1224
1191
  --salt-palette-positive-strong: var(--salt-color-green-600);
1225
- --salt-palette-positive-strong-disabled: var(--salt-color-green-600-40a);
1192
+ --salt-palette-positive: var(--salt-color-green-500);
1226
1193
  --salt-palette-positive-weaker: var(--salt-color-green-200);
1227
1194
  --salt-palette-positive-weakest: var(--salt-color-green-100);
1228
- --salt-palette-positive-action-hover: var(--salt-color-green-600);
1229
- --salt-palette-positive-action-active: var(--salt-color-green-800);
1230
1195
  }
1231
1196
  .salt-theme.salt-theme-next[data-mode=dark] {
1232
- --salt-palette-positive: var(--salt-color-green-500);
1233
- --salt-palette-positive-disabled: var(--salt-color-green-500-40a);
1197
+ --salt-palette-positive-stronger: var(--salt-color-green-300);
1234
1198
  --salt-palette-positive-strong: var(--salt-color-green-400);
1235
- --salt-palette-positive-strong-disabled: var(--salt-color-green-400-40a);
1199
+ --salt-palette-positive: var(--salt-color-green-500);
1236
1200
  --salt-palette-positive-weaker: var(--salt-color-green-800);
1237
1201
  --salt-palette-positive-weakest: var(--salt-color-green-900);
1238
- --salt-palette-positive-action-hover: var(--salt-color-green-600);
1239
- --salt-palette-positive-action-active: var(--salt-color-green-800);
1240
1202
  }
1241
1203
 
1242
1204
  /* css/next/palette/shadow.css */
@@ -1297,24 +1259,18 @@
1297
1259
 
1298
1260
  /* css/next/palette/warning.css */
1299
1261
  .salt-theme.salt-theme-next[data-mode=light] {
1300
- --salt-palette-warning: var(--salt-color-orange-500);
1301
- --salt-palette-warning-disabled: var(--salt-color-orange-500-40a);
1262
+ --salt-palette-warning-stronger: var(--salt-color-orange-700);
1302
1263
  --salt-palette-warning-strong: var(--salt-color-orange-600);
1303
- --salt-palette-warning-strong-disabled: var(--salt-color-orange-600-40a);
1264
+ --salt-palette-warning: var(--salt-color-orange-500);
1304
1265
  --salt-palette-warning-weaker: var(--salt-color-orange-200);
1305
1266
  --salt-palette-warning-weakest: var(--salt-color-orange-100);
1306
- --salt-palette-warning-action-hover: var(--salt-color-orange-600);
1307
- --salt-palette-warning-action-active: var(--salt-color-orange-800);
1308
1267
  }
1309
1268
  .salt-theme.salt-theme-next[data-mode=dark] {
1310
- --salt-palette-warning: var(--salt-color-orange-500);
1311
- --salt-palette-warning-disabled: var(--salt-color-orange-500-40a);
1269
+ --salt-palette-warning-stronger: var(--salt-color-orange-300);
1312
1270
  --salt-palette-warning-strong: var(--salt-color-orange-400);
1313
- --salt-palette-warning-strong-disabled: var(--salt-color-orange-400-40a);
1271
+ --salt-palette-warning: var(--salt-color-orange-500);
1314
1272
  --salt-palette-warning-weaker: var(--salt-color-orange-800);
1315
1273
  --salt-palette-warning-weakest: var(--salt-color-orange-900);
1316
- --salt-palette-warning-action-hover: var(--salt-color-orange-600);
1317
- --salt-palette-warning-action-active: var(--salt-color-orange-800);
1318
1274
  }
1319
1275
 
1320
1276
  /* css/next/characteristics/accent.css */
@@ -1328,185 +1284,155 @@
1328
1284
 
1329
1285
  /* css/next/characteristics/actionable.css */
1330
1286
  .salt-theme.salt-theme-next {
1331
- --salt-actionable-accented-bold-background-active: var(--salt-palette-accent-action-active);
1332
- --salt-actionable-accented-bold-background-disabled: var(--salt-palette-accent-disabled);
1333
- --salt-actionable-accented-bold-background-hover: var(--salt-palette-accent-action-hover);
1287
+ --salt-actionable-accented-bold-background-active: var(--salt-palette-accent-weaker);
1288
+ --salt-actionable-accented-bold-background-hover: var(--salt-palette-accent);
1334
1289
  --salt-actionable-accented-bold-background: var(--salt-palette-accent);
1335
1290
  --salt-actionable-accented-bold-borderColor-active: var(--salt-palette-accent);
1336
- --salt-actionable-accented-bold-borderColor-disabled: var(--salt-palette-alpha-none);
1337
- --salt-actionable-accented-bold-borderColor-hover: var(--salt-palette-accent);
1291
+ --salt-actionable-accented-bold-borderColor-hover: var(--salt-palette-alpha-contrast-high);
1338
1292
  --salt-actionable-accented-bold-borderColor: var(--salt-palette-accent);
1339
- --salt-actionable-accented-bold-foreground-active: var(--salt-palette-foreground-primary-alt);
1340
- --salt-actionable-accented-bold-foreground-disabled: var(--salt-palette-foreground-primary-alt-disabled);
1293
+ --salt-actionable-accented-bold-foreground-active: var(--salt-palette-foreground-primary);
1341
1294
  --salt-actionable-accented-bold-foreground-hover: var(--salt-palette-foreground-primary-alt);
1342
1295
  --salt-actionable-accented-bold-foreground: var(--salt-palette-foreground-primary-alt);
1343
- --salt-actionable-accented-background-active: var(--salt-palette-accent-action-active);
1344
- --salt-actionable-accented-background-disabled: var(--salt-palette-alpha-none);
1345
- --salt-actionable-accented-background-hover: var(--salt-palette-accent-action-hover);
1296
+ --salt-actionable-accented-background-active: var(--salt-palette-accent-weaker);
1297
+ --salt-actionable-accented-background-hover: var(--salt-palette-accent-weakest);
1346
1298
  --salt-actionable-accented-background: var(--salt-palette-alpha-none);
1347
1299
  --salt-actionable-accented-borderColor-active: var(--salt-palette-accent);
1348
- --salt-actionable-accented-borderColor-disabled: var(--salt-palette-accent-disabled);
1349
1300
  --salt-actionable-accented-borderColor-hover: var(--salt-palette-accent);
1350
1301
  --salt-actionable-accented-borderColor: var(--salt-palette-accent);
1351
- --salt-actionable-accented-foreground-active: var(--salt-palette-foreground-primary-alt);
1352
- --salt-actionable-accented-foreground-disabled: var(--salt-palette-accent-strong-disabled);
1353
- --salt-actionable-accented-foreground-hover: var(--salt-palette-foreground-primary-alt);
1302
+ --salt-actionable-accented-foreground-active: var(--salt-palette-foreground-primary);
1303
+ --salt-actionable-accented-foreground-hover: var(--salt-palette-accent-stronger);
1354
1304
  --salt-actionable-accented-foreground: var(--salt-palette-accent-strong);
1355
- --salt-actionable-accented-subtle-background-active: var(--salt-palette-accent-action-active);
1356
- --salt-actionable-accented-subtle-background-disabled: var(--salt-palette-alpha-none);
1357
- --salt-actionable-accented-subtle-background-hover: var(--salt-palette-accent-action-hover);
1305
+ --salt-actionable-accented-background-selected: var(--salt-palette-accent);
1306
+ --salt-actionable-accented-borderColor-selected: var(--salt-palette-accent);
1307
+ --salt-actionable-accented-foreground-selected: var(--salt-palette-foreground-primary-alt);
1308
+ --salt-actionable-accented-subtle-background-active: var(--salt-palette-accent-weaker);
1309
+ --salt-actionable-accented-subtle-background-hover: var(--salt-palette-accent-weakest);
1358
1310
  --salt-actionable-accented-subtle-background: var(--salt-palette-alpha-none);
1359
1311
  --salt-actionable-accented-subtle-borderColor-active: var(--salt-palette-accent);
1360
- --salt-actionable-accented-subtle-borderColor-disabled: var(--salt-palette-alpha-none);
1361
1312
  --salt-actionable-accented-subtle-borderColor-hover: var(--salt-palette-accent);
1362
1313
  --salt-actionable-accented-subtle-borderColor: var(--salt-palette-alpha-none);
1363
- --salt-actionable-accented-subtle-foreground-active: var(--salt-palette-foreground-primary-alt);
1364
- --salt-actionable-accented-subtle-foreground-disabled: var(--salt-palette-accent-strong-disabled);
1365
- --salt-actionable-accented-subtle-foreground-hover: var(--salt-palette-foreground-primary-alt);
1314
+ --salt-actionable-accented-subtle-foreground-active: var(--salt-palette-foreground-primary);
1315
+ --salt-actionable-accented-subtle-foreground-hover: var(--salt-palette-accent-stronger);
1366
1316
  --salt-actionable-accented-subtle-foreground: var(--salt-palette-accent-strong);
1367
- --salt-actionable-bold-background-active: var(--salt-palette-neutral-action-active);
1368
- --salt-actionable-bold-background-disabled: var(--salt-palette-neutral-disabled);
1369
- --salt-actionable-bold-background-hover: var(--salt-palette-neutral-action-hover);
1317
+ --salt-actionable-bold-background-active: var(--salt-palette-neutral-weaker);
1318
+ --salt-actionable-bold-background-hover: var(--salt-palette-neutral);
1370
1319
  --salt-actionable-bold-background: var(--salt-palette-neutral);
1371
1320
  --salt-actionable-bold-borderColor-active: var(--salt-palette-neutral);
1372
- --salt-actionable-bold-borderColor-disabled: var(--salt-palette-alpha-none);
1373
- --salt-actionable-bold-borderColor-hover: var(--salt-palette-neutral);
1321
+ --salt-actionable-bold-borderColor-hover: var(--salt-palette-alpha-contrast-high);
1374
1322
  --salt-actionable-bold-borderColor: var(--salt-palette-neutral);
1375
- --salt-actionable-bold-foreground-active: var(--salt-palette-foreground-primary-alt);
1376
- --salt-actionable-bold-foreground-disabled: var(--salt-palette-foreground-primary-alt-disabled);
1323
+ --salt-actionable-bold-foreground-active: var(--salt-palette-foreground-primary);
1377
1324
  --salt-actionable-bold-foreground-hover: var(--salt-palette-foreground-primary-alt);
1378
1325
  --salt-actionable-bold-foreground: var(--salt-palette-foreground-primary-alt);
1379
- --salt-actionable-background-active: var(--salt-palette-neutral-action-active);
1380
- --salt-actionable-background-disabled: var(--salt-palette-alpha-none);
1381
- --salt-actionable-background-hover: var(--salt-palette-neutral-action-hover);
1326
+ --salt-actionable-background-active: var(--salt-palette-neutral-weaker);
1327
+ --salt-actionable-background-hover: var(--salt-palette-neutral-weakest);
1382
1328
  --salt-actionable-background: var(--salt-palette-alpha-none);
1383
1329
  --salt-actionable-borderColor-active: var(--salt-palette-neutral);
1384
- --salt-actionable-borderColor-disabled: var(--salt-palette-neutral-disabled);
1385
1330
  --salt-actionable-borderColor-hover: var(--salt-palette-neutral);
1386
1331
  --salt-actionable-borderColor: var(--salt-palette-neutral);
1387
- --salt-actionable-foreground-active: var(--salt-palette-foreground-primary-alt);
1388
- --salt-actionable-foreground-disabled: var(--salt-palette-foreground-primary-disabled);
1389
- --salt-actionable-foreground-hover: var(--salt-palette-foreground-primary-alt);
1332
+ --salt-actionable-foreground-active: var(--salt-palette-foreground-primary);
1333
+ --salt-actionable-foreground-hover: var(--salt-palette-foreground-primary);
1390
1334
  --salt-actionable-foreground: var(--salt-palette-foreground-primary);
1391
- --salt-actionable-subtle-background-active: var(--salt-palette-neutral-action-active);
1392
- --salt-actionable-subtle-background-disabled: var(--salt-palette-alpha-none);
1393
- --salt-actionable-subtle-background-hover: var(--salt-palette-neutral-action-hover);
1335
+ --salt-actionable-background-selected: var(--salt-palette-neutral);
1336
+ --salt-actionable-borderColor-selected: var(--salt-palette-neutral);
1337
+ --salt-actionable-foreground-selected: var(--salt-palette-foreground-primary-alt);
1338
+ --salt-actionable-subtle-background-active: var(--salt-palette-neutral-weaker);
1339
+ --salt-actionable-subtle-background-hover: var(--salt-palette-neutral-weakest);
1394
1340
  --salt-actionable-subtle-background: var(--salt-palette-alpha-none);
1395
1341
  --salt-actionable-subtle-borderColor-active: var(--salt-palette-neutral);
1396
- --salt-actionable-subtle-borderColor-disabled: var(--salt-palette-alpha-none);
1397
1342
  --salt-actionable-subtle-borderColor-hover: var(--salt-palette-neutral);
1398
1343
  --salt-actionable-subtle-borderColor: var(--salt-palette-alpha-none);
1399
- --salt-actionable-subtle-foreground-active: var(--salt-palette-foreground-primary-alt);
1400
- --salt-actionable-subtle-foreground-disabled: var(--salt-palette-foreground-primary-disabled);
1401
- --salt-actionable-subtle-foreground-hover: var(--salt-palette-foreground-primary-alt);
1344
+ --salt-actionable-subtle-foreground-active: var(--salt-palette-foreground-primary);
1345
+ --salt-actionable-subtle-foreground-hover: var(--salt-palette-foreground-primary);
1402
1346
  --salt-actionable-subtle-foreground: var(--salt-palette-foreground-primary);
1403
- --salt-actionable-negative-bold-background-active: var(--salt-palette-negative-action-active);
1404
- --salt-actionable-negative-bold-background-disabled: var(--salt-palette-negative-disabled);
1405
- --salt-actionable-negative-bold-background-hover: var(--salt-palette-negative-action-hover);
1347
+ --salt-actionable-negative-bold-background-active: var(--salt-palette-negative-weaker);
1348
+ --salt-actionable-negative-bold-background-hover: var(--salt-palette-negative);
1406
1349
  --salt-actionable-negative-bold-background: var(--salt-palette-negative);
1407
1350
  --salt-actionable-negative-bold-borderColor-active: var(--salt-palette-negative);
1408
- --salt-actionable-negative-bold-borderColor-disabled: var(--salt-palette-alpha-none);
1409
- --salt-actionable-negative-bold-borderColor-hover: var(--salt-palette-negative);
1351
+ --salt-actionable-negative-bold-borderColor-hover: var(--salt-palette-alpha-contrast-high);
1410
1352
  --salt-actionable-negative-bold-borderColor: var(--salt-palette-negative);
1411
- --salt-actionable-negative-bold-foreground-active: var(--salt-palette-foreground-primary-alt);
1412
- --salt-actionable-negative-bold-foreground-disabled: var(--salt-palette-foreground-primary-alt-disabled);
1353
+ --salt-actionable-negative-bold-foreground-active: var(--salt-palette-foreground-primary);
1413
1354
  --salt-actionable-negative-bold-foreground-hover: var(--salt-palette-foreground-primary-alt);
1414
1355
  --salt-actionable-negative-bold-foreground: var(--salt-palette-foreground-primary-alt);
1415
- --salt-actionable-negative-background-active: var(--salt-palette-negative-action-active);
1416
- --salt-actionable-negative-background-disabled: var(--salt-palette-alpha-none);
1417
- --salt-actionable-negative-background-hover: var(--salt-palette-negative-action-hover);
1356
+ --salt-actionable-negative-background-active: var(--salt-palette-negative-weaker);
1357
+ --salt-actionable-negative-background-hover: var(--salt-palette-negative-weakest);
1418
1358
  --salt-actionable-negative-background: var(--salt-palette-alpha-none);
1419
1359
  --salt-actionable-negative-borderColor-active: var(--salt-palette-negative);
1420
- --salt-actionable-negative-borderColor-disabled: var(--salt-palette-negative-disabled);
1421
1360
  --salt-actionable-negative-borderColor-hover: var(--salt-palette-negative);
1422
1361
  --salt-actionable-negative-borderColor: var(--salt-palette-negative);
1423
- --salt-actionable-negative-foreground-active: var(--salt-palette-foreground-primary-alt);
1424
- --salt-actionable-negative-foreground-disabled: var(--salt-palette-negative-strong-disabled);
1425
- --salt-actionable-negative-foreground-hover: var(--salt-palette-foreground-primary-alt);
1362
+ --salt-actionable-negative-foreground-active: var(--salt-palette-foreground-primary);
1363
+ --salt-actionable-negative-foreground-hover: var(--salt-palette-negative-stronger);
1426
1364
  --salt-actionable-negative-foreground: var(--salt-palette-negative-strong);
1427
- --salt-actionable-negative-subtle-background-active: var(--salt-palette-negative-action-active);
1428
- --salt-actionable-negative-subtle-background-disabled: var(--salt-palette-alpha-none);
1429
- --salt-actionable-negative-subtle-background-hover: var(--salt-palette-negative-action-hover);
1365
+ --salt-actionable-negative-background-selected: var(--salt-palette-negative);
1366
+ --salt-actionable-negative-borderColor-selected: var(--salt-palette-negative);
1367
+ --salt-actionable-negative-foreground-selected: var(--salt-palette-foreground-primary-alt);
1368
+ --salt-actionable-negative-subtle-background-active: var(--salt-palette-negative-weaker);
1369
+ --salt-actionable-negative-subtle-background-hover: var(--salt-palette-negative-weakest);
1430
1370
  --salt-actionable-negative-subtle-background: var(--salt-palette-alpha-none);
1431
1371
  --salt-actionable-negative-subtle-borderColor-active: var(--salt-palette-negative);
1432
- --salt-actionable-negative-subtle-borderColor-disabled: var(--salt-palette-alpha-none);
1433
1372
  --salt-actionable-negative-subtle-borderColor-hover: var(--salt-palette-negative);
1434
1373
  --salt-actionable-negative-subtle-borderColor: var(--salt-palette-alpha-none);
1435
- --salt-actionable-negative-subtle-foreground-active: var(--salt-palette-foreground-primary-alt);
1436
- --salt-actionable-negative-subtle-foreground-disabled: var(--salt-palette-negative-strong-disabled);
1437
- --salt-actionable-negative-subtle-foreground-hover: var(--salt-palette-foreground-primary-alt);
1374
+ --salt-actionable-negative-subtle-foreground-active: var(--salt-palette-foreground-primary);
1375
+ --salt-actionable-negative-subtle-foreground-hover: var(--salt-palette-negative-stronger);
1438
1376
  --salt-actionable-negative-subtle-foreground: var(--salt-palette-negative-strong);
1439
- --salt-actionable-positive-bold-background-active: var(--salt-palette-positive-action-active);
1440
- --salt-actionable-positive-bold-background-disabled: var(--salt-palette-positive-disabled);
1441
- --salt-actionable-positive-bold-background-hover: var(--salt-palette-positive-action-hover);
1377
+ --salt-actionable-positive-bold-background-active: var(--salt-palette-positive-weaker);
1378
+ --salt-actionable-positive-bold-background-hover: var(--salt-palette-positive);
1442
1379
  --salt-actionable-positive-bold-background: var(--salt-palette-positive);
1443
1380
  --salt-actionable-positive-bold-borderColor-active: var(--salt-palette-positive);
1444
- --salt-actionable-positive-bold-borderColor-disabled: var(--salt-palette-alpha-none);
1445
- --salt-actionable-positive-bold-borderColor-hover: var(--salt-palette-positive);
1381
+ --salt-actionable-positive-bold-borderColor-hover: var(--salt-palette-alpha-contrast-high);
1446
1382
  --salt-actionable-positive-bold-borderColor: var(--salt-palette-positive);
1447
- --salt-actionable-positive-bold-foreground-active: var(--salt-palette-foreground-primary-alt);
1448
- --salt-actionable-positive-bold-foreground-disabled: var(--salt-palette-foreground-primary-alt-disabled);
1383
+ --salt-actionable-positive-bold-foreground-active: var(--salt-palette-foreground-primary);
1449
1384
  --salt-actionable-positive-bold-foreground-hover: var(--salt-palette-foreground-primary-alt);
1450
1385
  --salt-actionable-positive-bold-foreground: var(--salt-palette-foreground-primary-alt);
1451
- --salt-actionable-positive-background-active: var(--salt-palette-positive-action-active);
1452
- --salt-actionable-positive-background-disabled: var(--salt-palette-alpha-none);
1453
- --salt-actionable-positive-background-hover: var(--salt-palette-positive-action-hover);
1386
+ --salt-actionable-positive-background-active: var(--salt-palette-positive-weaker);
1387
+ --salt-actionable-positive-background-hover: var(--salt-palette-positive-weakest);
1454
1388
  --salt-actionable-positive-background: var(--salt-palette-alpha-none);
1455
1389
  --salt-actionable-positive-borderColor-active: var(--salt-palette-positive);
1456
- --salt-actionable-positive-borderColor-disabled: var(--salt-palette-positive-disabled);
1457
1390
  --salt-actionable-positive-borderColor-hover: var(--salt-palette-positive);
1458
1391
  --salt-actionable-positive-borderColor: var(--salt-palette-positive);
1459
- --salt-actionable-positive-foreground-active: var(--salt-palette-foreground-primary-alt);
1460
- --salt-actionable-positive-foreground-disabled: var(--salt-palette-positive-strong-disabled);
1461
- --salt-actionable-positive-foreground-hover: var(--salt-palette-foreground-primary-alt);
1392
+ --salt-actionable-positive-foreground-active: var(--salt-palette-foreground-primary);
1393
+ --salt-actionable-positive-foreground-hover: var(--salt-palette-positive-stronger);
1462
1394
  --salt-actionable-positive-foreground: var(--salt-palette-positive-strong);
1463
- --salt-actionable-positive-subtle-background-active: var(--salt-palette-positive-action-active);
1464
- --salt-actionable-positive-subtle-background-disabled: var(--salt-palette-alpha-none);
1465
- --salt-actionable-positive-subtle-background-hover: var(--salt-palette-positive-action-hover);
1395
+ --salt-actionable-positive-background-selected: var(--salt-palette-positive);
1396
+ --salt-actionable-positive-borderColor-selected: var(--salt-palette-positive);
1397
+ --salt-actionable-positive-foreground-selected: var(--salt-palette-foreground-primary-alt);
1398
+ --salt-actionable-positive-subtle-background-active: var(--salt-palette-positive-weaker);
1399
+ --salt-actionable-positive-subtle-background-hover: var(--salt-palette-positive-weakest);
1466
1400
  --salt-actionable-positive-subtle-background: var(--salt-palette-alpha-none);
1467
1401
  --salt-actionable-positive-subtle-borderColor-active: var(--salt-palette-positive);
1468
- --salt-actionable-positive-subtle-borderColor-disabled: var(--salt-palette-alpha-none);
1469
1402
  --salt-actionable-positive-subtle-borderColor-hover: var(--salt-palette-positive);
1470
1403
  --salt-actionable-positive-subtle-borderColor: var(--salt-palette-alpha-none);
1471
- --salt-actionable-positive-subtle-foreground-active: var(--salt-palette-foreground-primary-alt);
1472
- --salt-actionable-positive-subtle-foreground-disabled: var(--salt-palette-positive-strong-disabled);
1473
- --salt-actionable-positive-subtle-foreground-hover: var(--salt-palette-foreground-primary-alt);
1404
+ --salt-actionable-positive-subtle-foreground-active: var(--salt-palette-foreground-primary);
1405
+ --salt-actionable-positive-subtle-foreground-hover: var(--salt-palette-positive-stronger);
1474
1406
  --salt-actionable-positive-subtle-foreground: var(--salt-palette-positive-strong);
1475
- --salt-actionable-caution-bold-background-active: var(--salt-palette-warning-action-active);
1476
- --salt-actionable-caution-bold-background-disabled: var(--salt-palette-warning-disabled);
1477
- --salt-actionable-caution-bold-background-hover: var(--salt-palette-warning-action-hover);
1407
+ --salt-actionable-caution-bold-background-active: var(--salt-palette-warning-weaker);
1408
+ --salt-actionable-caution-bold-background-hover: var(--salt-palette-warning);
1478
1409
  --salt-actionable-caution-bold-background: var(--salt-palette-warning);
1479
1410
  --salt-actionable-caution-bold-borderColor-active: var(--salt-palette-warning);
1480
- --salt-actionable-caution-bold-borderColor-disabled: var(--salt-palette-alpha-none);
1481
- --salt-actionable-caution-bold-borderColor-hover: var(--salt-palette-warning);
1411
+ --salt-actionable-caution-bold-borderColor-hover: var(--salt-palette-alpha-contrast-high);
1482
1412
  --salt-actionable-caution-bold-borderColor: var(--salt-palette-warning);
1483
- --salt-actionable-caution-bold-foreground-active: var(--salt-palette-foreground-primary-alt);
1484
- --salt-actionable-caution-bold-foreground-disabled: var(--salt-palette-foreground-primary-alt-disabled);
1413
+ --salt-actionable-caution-bold-foreground-active: var(--salt-palette-foreground-primary);
1485
1414
  --salt-actionable-caution-bold-foreground-hover: var(--salt-palette-foreground-primary-alt);
1486
1415
  --salt-actionable-caution-bold-foreground: var(--salt-palette-foreground-primary-alt);
1487
- --salt-actionable-caution-background-active: var(--salt-palette-warning-action-active);
1488
- --salt-actionable-caution-background-disabled: var(--salt-palette-alpha-none);
1489
- --salt-actionable-caution-background-hover: var(--salt-palette-warning-action-hover);
1416
+ --salt-actionable-caution-background-active: var(--salt-palette-warning-weaker);
1417
+ --salt-actionable-caution-background-hover: var(--salt-palette-warning-weakest);
1490
1418
  --salt-actionable-caution-background: var(--salt-palette-alpha-none);
1491
1419
  --salt-actionable-caution-borderColor-active: var(--salt-palette-warning);
1492
- --salt-actionable-caution-borderColor-disabled: var(--salt-palette-warning-disabled);
1493
1420
  --salt-actionable-caution-borderColor-hover: var(--salt-palette-warning);
1494
1421
  --salt-actionable-caution-borderColor: var(--salt-palette-warning);
1495
- --salt-actionable-caution-foreground-active: var(--salt-palette-foreground-primary-alt);
1496
- --salt-actionable-caution-foreground-disabled: var(--salt-palette-warning-strong-disabled);
1497
- --salt-actionable-caution-foreground-hover: var(--salt-palette-foreground-primary-alt);
1422
+ --salt-actionable-caution-foreground-active: var(--salt-palette-foreground-primary);
1423
+ --salt-actionable-caution-foreground-hover: var(--salt-palette-warning-stronger);
1498
1424
  --salt-actionable-caution-foreground: var(--salt-palette-warning-strong);
1499
- --salt-actionable-caution-subtle-background-active: var(--salt-palette-warning-action-active);
1500
- --salt-actionable-caution-subtle-background-disabled: var(--salt-palette-alpha-none);
1501
- --salt-actionable-caution-subtle-background-hover: var(--salt-palette-warning-action-hover);
1425
+ --salt-actionable-caution-background-selected: var(--salt-palette-warning);
1426
+ --salt-actionable-caution-borderColor-selected: var(--salt-palette-warning);
1427
+ --salt-actionable-caution-foreground-selected: var(--salt-palette-foreground-primary-alt);
1428
+ --salt-actionable-caution-subtle-background-active: var(--salt-palette-warning-weaker);
1429
+ --salt-actionable-caution-subtle-background-hover: var(--salt-palette-warning-weakest);
1502
1430
  --salt-actionable-caution-subtle-background: var(--salt-palette-alpha-none);
1503
1431
  --salt-actionable-caution-subtle-borderColor-active: var(--salt-palette-warning);
1504
- --salt-actionable-caution-subtle-borderColor-disabled: var(--salt-palette-alpha-none);
1505
1432
  --salt-actionable-caution-subtle-borderColor-hover: var(--salt-palette-warning);
1506
1433
  --salt-actionable-caution-subtle-borderColor: var(--salt-palette-alpha-none);
1507
- --salt-actionable-caution-subtle-foreground-active: var(--salt-palette-foreground-primary-alt);
1508
- --salt-actionable-caution-subtle-foreground-disabled: var(--salt-palette-warning-strong-disabled);
1509
- --salt-actionable-caution-subtle-foreground-hover: var(--salt-palette-foreground-primary-alt);
1434
+ --salt-actionable-caution-subtle-foreground-active: var(--salt-palette-foreground-primary);
1435
+ --salt-actionable-caution-subtle-foreground-hover: var(--salt-palette-warning-stronger);
1510
1436
  --salt-actionable-caution-subtle-foreground: var(--salt-palette-warning-strong);
1511
1437
  }
1512
1438
 
@@ -1677,6 +1603,17 @@
1677
1603
  --salt-focused-outline: var(--salt-focused-outlineWidth) var(--salt-focused-outlineStyle) var(--salt-focused-outlineColor);
1678
1604
  }
1679
1605
 
1606
+ /* css/next/characteristics/layout.css */
1607
+ .salt-density-low,
1608
+ .salt-density-medium,
1609
+ .salt-density-high {
1610
+ --salt-page-margin: var(--salt-spacing-300);
1611
+ }
1612
+ .salt-density-touch,
1613
+ .salt-density-mobile {
1614
+ --salt-page-margin: var(--salt-spacing-100);
1615
+ }
1616
+
1680
1617
  /* css/next/characteristics/navigable.css */
1681
1618
  .salt-theme.salt-theme-next {
1682
1619
  --salt-navigable-indicator-hover: var(--salt-palette-neutral);
@@ -2193,6 +2130,51 @@
2193
2130
  --salt-status-positive-foreground: var(--salt-palette-positive);
2194
2131
  --salt-track-borderColor: var(--salt-palette-alpha-contrast-high);
2195
2132
  --salt-track-borderColor-disabled: var(--salt-palette-alpha-contrast-lower);
2133
+ --salt-actionable-accented-bold-background-disabled: var(--salt-palette-accent-disabled);
2134
+ --salt-actionable-accented-bold-borderColor-disabled: var(--salt-palette-alpha-none);
2135
+ --salt-actionable-accented-bold-foreground-disabled: var(--salt-palette-foreground-primary-alt-disabled);
2136
+ --salt-actionable-accented-background-disabled: var(--salt-palette-alpha-none);
2137
+ --salt-actionable-accented-borderColor-disabled: var(--salt-palette-accent-disabled);
2138
+ --salt-actionable-accented-foreground-disabled: var(--salt-palette-accent-strong-disabled);
2139
+ --salt-actionable-accented-subtle-background-disabled: var(--salt-palette-alpha-none);
2140
+ --salt-actionable-accented-subtle-borderColor-disabled: var(--salt-palette-alpha-none);
2141
+ --salt-actionable-accented-subtle-foreground-disabled: var(--salt-palette-accent-strong-disabled);
2142
+ --salt-actionable-bold-background-disabled: var(--salt-palette-neutral-disabled);
2143
+ --salt-actionable-bold-borderColor-disabled: var(--salt-palette-alpha-none);
2144
+ --salt-actionable-bold-foreground-disabled: var(--salt-palette-foreground-primary-alt-disabled);
2145
+ --salt-actionable-background-disabled: var(--salt-palette-alpha-none);
2146
+ --salt-actionable-borderColor-disabled: var(--salt-palette-neutral-disabled);
2147
+ --salt-actionable-foreground-disabled: var(--salt-palette-foreground-primary-disabled);
2148
+ --salt-actionable-subtle-background-disabled: var(--salt-palette-alpha-none);
2149
+ --salt-actionable-subtle-borderColor-disabled: var(--salt-palette-alpha-none);
2150
+ --salt-actionable-subtle-foreground-disabled: var(--salt-palette-foreground-primary-disabled);
2151
+ --salt-actionable-negative-bold-background-disabled: var(--salt-palette-negative-disabled);
2152
+ --salt-actionable-negative-bold-borderColor-disabled: var(--salt-palette-alpha-none);
2153
+ --salt-actionable-negative-bold-foreground-disabled: var(--salt-palette-foreground-primary-alt-disabled);
2154
+ --salt-actionable-negative-background-disabled: var(--salt-palette-alpha-none);
2155
+ --salt-actionable-negative-borderColor-disabled: var(--salt-palette-negative-disabled);
2156
+ --salt-actionable-negative-foreground-disabled: var(--salt-palette-negative-strong-disabled);
2157
+ --salt-actionable-negative-subtle-background-disabled: var(--salt-palette-alpha-none);
2158
+ --salt-actionable-negative-subtle-borderColor-disabled: var(--salt-palette-alpha-none);
2159
+ --salt-actionable-negative-subtle-foreground-disabled: var(--salt-palette-negative-strong-disabled);
2160
+ --salt-actionable-positive-bold-background-disabled: var(--salt-palette-positive-disabled);
2161
+ --salt-actionable-positive-bold-borderColor-disabled: var(--salt-palette-alpha-none);
2162
+ --salt-actionable-positive-bold-foreground-disabled: var(--salt-palette-foreground-primary-alt-disabled);
2163
+ --salt-actionable-positive-background-disabled: var(--salt-palette-alpha-none);
2164
+ --salt-actionable-positive-borderColor-disabled: var(--salt-palette-positive-disabled);
2165
+ --salt-actionable-positive-foreground-disabled: var(--salt-palette-positive-strong-disabled);
2166
+ --salt-actionable-positive-subtle-background-disabled: var(--salt-palette-alpha-none);
2167
+ --salt-actionable-positive-subtle-borderColor-disabled: var(--salt-palette-alpha-none);
2168
+ --salt-actionable-positive-subtle-foreground-disabled: var(--salt-palette-positive-strong-disabled);
2169
+ --salt-actionable-caution-bold-background-disabled: var(--salt-palette-warning-disabled);
2170
+ --salt-actionable-caution-bold-borderColor-disabled: var(--salt-palette-alpha-none);
2171
+ --salt-actionable-caution-bold-foreground-disabled: var(--salt-palette-foreground-primary-alt-disabled);
2172
+ --salt-actionable-caution-background-disabled: var(--salt-palette-alpha-none);
2173
+ --salt-actionable-caution-borderColor-disabled: var(--salt-palette-warning-disabled);
2174
+ --salt-actionable-caution-foreground-disabled: var(--salt-palette-warning-strong-disabled);
2175
+ --salt-actionable-caution-subtle-background-disabled: var(--salt-palette-alpha-none);
2176
+ --salt-actionable-caution-subtle-borderColor-disabled: var(--salt-palette-alpha-none);
2177
+ --salt-actionable-caution-subtle-foreground-disabled: var(--salt-palette-warning-strong-disabled);
2196
2178
  }
2197
2179
 
2198
2180
  /* css/next/deprecated/foundations.css */
@@ -2209,6 +2191,23 @@
2209
2191
  --salt-palette-positive-weak: var(--salt-color-green-100);
2210
2192
  --salt-palette-info-weak: var(--salt-color-blue-100);
2211
2193
  --salt-palette-negative-weak: var(--salt-color-red-100);
2194
+ --salt-palette-warning-action-active: var(--salt-color-orange-800);
2195
+ --salt-palette-neutral-action-active: var(--salt-color-gray-800);
2196
+ --salt-palette-positive-action-active: var(--salt-color-green-800);
2197
+ --salt-palette-negative-action-active: var(--salt-color-red-800);
2198
+ --salt-palette-warning-action-hover: var(--salt-color-orange-600);
2199
+ --salt-palette-neutral-action-hover: var(--salt-color-gray-600);
2200
+ --salt-palette-positive-action-hover: var(--salt-color-green-600);
2201
+ --salt-palette-negative-action-hover: var(--salt-color-red-600);
2202
+ --salt-palette-negative-disabled: var(--salt-color-red-500-40a);
2203
+ --salt-palette-negative-strong-disabled: var(--salt-color-red-600-40a);
2204
+ --salt-palette-positive-disabled: var(--salt-color-green-500-40a);
2205
+ --salt-palette-positive-strong-disabled: var(--salt-color-green-600-40a);
2206
+ --salt-palette-warning-disabled: var(--salt-color-orange-500-40a);
2207
+ --salt-palette-warning-strong-disabled: var(--salt-color-orange-600-40a);
2208
+ --salt-palette-neutral-weaker-disabled: var(--salt-color-gray-300-40a);
2209
+ --salt-palette-neutral-weaker-readonly: var(--salt-color-gray-300-10a);
2210
+ --salt-palette-neutral-weak-disabled: var(--salt-color-gray-400-40a);
2212
2211
  }
2213
2212
  .salt-theme[data-mode=dark] {
2214
2213
  --salt-palette-foreground-active: var(--salt-color-blue-300);
@@ -2217,6 +2216,47 @@
2217
2216
  --salt-palette-positive-weak: var(--salt-color-green-900);
2218
2217
  --salt-palette-info-weak: var(--salt-color-blue-900);
2219
2218
  --salt-palette-negative-weak: var(--salt-color-red-900);
2219
+ --salt-palette-warning-action-active: var(--salt-color-orange-800);
2220
+ --salt-palette-neutral-action-active: var(--salt-color-gray-800);
2221
+ --salt-palette-positive-action-active: var(--salt-color-green-800);
2222
+ --salt-palette-negative-action-active: var(--salt-color-red-800);
2223
+ --salt-palette-warning-action-hover: var(--salt-color-orange-600);
2224
+ --salt-palette-neutral-action-hover: var(--salt-color-gray-600);
2225
+ --salt-palette-positive-action-hover: var(--salt-color-green-600);
2226
+ --salt-palette-negative-action-hover: var(--salt-color-red-600);
2227
+ --salt-palette-negative-disabled: var(--salt-color-red-500-40a);
2228
+ --salt-palette-negative-strong-disabled: var(--salt-color-red-400-40a);
2229
+ --salt-palette-positive-disabled: var(--salt-color-green-500-40a);
2230
+ --salt-palette-positive-strong-disabled: var(--salt-color-green-400-40a);
2231
+ --salt-palette-warning-disabled: var(--salt-color-orange-500-40a);
2232
+ --salt-palette-warning-strong-disabled: var(--salt-color-orange-400-40a);
2233
+ --salt-palette-neutral-weaker-disabled: var(--salt-color-gray-700-40a);
2234
+ --salt-palette-neutral-weaker-readonly: var(--salt-color-gray-700-10a);
2235
+ --salt-palette-neutral-weak-disabled: var(--salt-color-gray-600-40a);
2236
+ }
2237
+ .salt-theme.salt-theme-next[data-mode=light][data-accent=blue] {
2238
+ --salt-palette-accent-action-active: var(--salt-color-blue-800);
2239
+ --salt-palette-accent-action-hover: var(--salt-color-blue-600);
2240
+ --salt-palette-accent-strong-disabled: var(--salt-color-blue-600-40a);
2241
+ --salt-palette-accent-stronger-disabled: var(--salt-color-blue-700-40a);
2242
+ }
2243
+ .salt-theme.salt-theme-next[data-mode=dark][data-accent=blue] {
2244
+ --salt-palette-accent-action-active: var(--salt-color-blue-800);
2245
+ --salt-palette-accent-action-hover: var(--salt-color-blue-600);
2246
+ --salt-palette-accent-strong-disabled: var(--salt-color-blue-400-40a);
2247
+ --salt-palette-accent-stronger-disabled: var(--salt-color-blue-300-40a);
2248
+ }
2249
+ .salt-theme.salt-theme-next[data-mode=light][data-accent=teal] {
2250
+ --salt-palette-accent-action-active: var(--salt-color-teal-800);
2251
+ --salt-palette-accent-action-hover: var(--salt-color-teal-600);
2252
+ --salt-palette-accent-strong-disabled: var(--salt-color-teal-600-40a);
2253
+ --salt-palette-accent-stronger-disabled: var(--salt-color-teal-700-40a);
2254
+ }
2255
+ .salt-theme.salt-theme-next[data-mode=dark][data-accent=teal] {
2256
+ --salt-palette-accent-action-active: var(--salt-color-teal-800);
2257
+ --salt-palette-accent-action-hover: var(--salt-color-teal-600);
2258
+ --salt-palette-accent-strong-disabled: var(--salt-color-teal-400-40a);
2259
+ --salt-palette-accent-stronger-disabled: var(--salt-color-teal-300-40a);
2220
2260
  }
2221
2261
 
2222
2262
  /* css/theme-next.css */