@salt-ds/theme 1.23.2 → 1.23.3

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 +8 -2
  2. package/css/theme.css +12 -13
  3. package/index.css +12 -13
  4. package/package.json +1 -1
package/css/theme-next.css CHANGED
@@ -327,7 +327,7 @@
327
327
  250,
328
328
  248,
329
329
  242;
330
- --salt-color-background-gradientlight-rgb:
330
+ --salt-color-background-titanium-rgb:
331
331
  226,
332
332
  228,
333
333
  229;
@@ -415,7 +415,7 @@
415
415
  --salt-color-background-snow: rgb(var(--salt-color-background-snow-rgb));
416
416
  --salt-color-background-marble: rgb(var(--salt-color-background-marble-rgb));
417
417
  --salt-color-background-limestone: rgb(var(--salt-color-background-limestone-rgb));
418
- --salt-color-background-gradientlight: rgb(var(--salt-color-background-gradientlight-rgb));
418
+ --salt-color-background-titanium: rgb(var(--salt-color-background-titanium-rgb));
419
419
  --salt-color-background-jet: rgb(var(--salt-color-background-jet-rgb));
420
420
  --salt-color-background-granite: rgb(var(--salt-color-background-granite-rgb));
421
421
  --salt-color-background-leather: rgb(var(--salt-color-background-leather-rgb));
@@ -1130,4 +1130,10 @@
1130
1130
  --salt-track-borderColor: var(--salt-palette-alpha);
1131
1131
  }
1132
1132
 
1133
+ /* css/deprecated/foundations-next.css */
1134
+ .salt-theme.salt-theme-next {
1135
+ --salt-color-background-gradientlight-rgb: var(--salt-color-background-titanium-rgb);
1136
+ --salt-color-background-gradientlight: var(--salt-color-background-titanium);
1137
+ }
1138
+
1133
1139
  /* css/theme-next.css */
package/css/theme.css CHANGED
@@ -1233,9 +1233,9 @@
1233
1233
  --salt-actionable-negative-bold-foreground-hover: var(--salt-palette-interact-cta-foreground);
1234
1234
  --salt-actionable-negative-bold-foreground: var(--salt-palette-interact-cta-foreground);
1235
1235
  --salt-actionable-negative-background-active: var(--salt-palette-negative-background-active);
1236
- --salt-actionable-negative-background-disabled: var(--salt-palette-interact-border-none);
1236
+ --salt-actionable-negative-background-disabled: var(--salt-palette-interact-background);
1237
1237
  --salt-actionable-negative-background-hover: var(--salt-palette-negative-background-hover);
1238
- --salt-actionable-negative-background: var(--salt-palette-interact-border-none);
1238
+ --salt-actionable-negative-background: var(--salt-palette-interact-background);
1239
1239
  --salt-actionable-negative-borderColor-active: var(--salt-palette-interact-border-none);
1240
1240
  --salt-actionable-negative-borderColor-disabled: var(--salt-palette-negative-border-disabled);
1241
1241
  --salt-actionable-negative-borderColor-hover: var(--salt-palette-interact-border-none);
@@ -1245,9 +1245,9 @@
1245
1245
  --salt-actionable-negative-foreground-hover: var(--salt-palette-interact-cta-foreground);
1246
1246
  --salt-actionable-negative-foreground: var(--salt-palette-negative-foreground);
1247
1247
  --salt-actionable-negative-subtle-background-active: var(--salt-palette-negative-background-active);
1248
- --salt-actionable-negative-subtle-background-disabled: var(--salt-palette-interact-border-none);
1248
+ --salt-actionable-negative-subtle-background-disabled: var(--salt-palette-interact-background);
1249
1249
  --salt-actionable-negative-subtle-background-hover: var(--salt-palette-negative-background-hover);
1250
- --salt-actionable-negative-subtle-background: var(--salt-palette-interact-border-none);
1250
+ --salt-actionable-negative-subtle-background: var(--salt-palette-interact-background);
1251
1251
  --salt-actionable-negative-subtle-borderColor-active: var(--salt-palette-interact-border-none);
1252
1252
  --salt-actionable-negative-subtle-borderColor-disabled: var(--salt-palette-interact-border-none);
1253
1253
  --salt-actionable-negative-subtle-borderColor-hover: var(--salt-palette-interact-border-none);
@@ -1269,9 +1269,9 @@
1269
1269
  --salt-actionable-positive-bold-foreground-hover: var(--salt-palette-interact-cta-foreground);
1270
1270
  --salt-actionable-positive-bold-foreground: var(--salt-palette-interact-cta-foreground);
1271
1271
  --salt-actionable-positive-background-active: var(--salt-palette-positive-background-active);
1272
- --salt-actionable-positive-background-disabled: var(--salt-palette-interact-border-none);
1272
+ --salt-actionable-positive-background-disabled: var(--salt-palette-interact-background);
1273
1273
  --salt-actionable-positive-background-hover: var(--salt-palette-positive-background-hover);
1274
- --salt-actionable-positive-background: var(--salt-palette-interact-border-none);
1274
+ --salt-actionable-positive-background: var(--salt-palette-interact-background);
1275
1275
  --salt-actionable-positive-borderColor-active: var(--salt-palette-interact-border-none);
1276
1276
  --salt-actionable-positive-borderColor-disabled: var(--salt-palette-positive-border-disabled);
1277
1277
  --salt-actionable-positive-borderColor-hover: var(--salt-palette-interact-border-none);
@@ -1281,9 +1281,9 @@
1281
1281
  --salt-actionable-positive-foreground-hover: var(--salt-palette-interact-cta-foreground);
1282
1282
  --salt-actionable-positive-foreground: var(--salt-palette-positive-foreground);
1283
1283
  --salt-actionable-positive-subtle-background-active: var(--salt-palette-positive-background-active);
1284
- --salt-actionable-positive-subtle-background-disabled: var(--salt-palette-interact-border-none);
1284
+ --salt-actionable-positive-subtle-background-disabled: var(--salt-palette-interact-background);
1285
1285
  --salt-actionable-positive-subtle-background-hover: var(--salt-palette-positive-background-hover);
1286
- --salt-actionable-positive-subtle-background: var(--salt-palette-interact-border-none);
1286
+ --salt-actionable-positive-subtle-background: var(--salt-palette-interact-background);
1287
1287
  --salt-actionable-positive-subtle-borderColor-active: var(--salt-palette-interact-border-none);
1288
1288
  --salt-actionable-positive-subtle-borderColor-disabled: var(--salt-palette-interact-border-none);
1289
1289
  --salt-actionable-positive-subtle-borderColor-hover: var(--salt-palette-interact-border-none);
@@ -1305,9 +1305,9 @@
1305
1305
  --salt-actionable-caution-bold-foreground-hover: var(--salt-palette-warning-action-foreground);
1306
1306
  --salt-actionable-caution-bold-foreground: var(--salt-palette-warning-action-foreground);
1307
1307
  --salt-actionable-caution-background-active: var(--salt-palette-warning-action-active);
1308
- --salt-actionable-caution-background-disabled: var(--salt-palette-interact-border-none);
1308
+ --salt-actionable-caution-background-disabled: var(--salt-palette-interact-background);
1309
1309
  --salt-actionable-caution-background-hover: var(--salt-palette-warning-action-hover);
1310
- --salt-actionable-caution-background: var(--salt-palette-interact-border-none);
1310
+ --salt-actionable-caution-background: var(--salt-palette-interact-background);
1311
1311
  --salt-actionable-caution-borderColor-active: var(--salt-palette-interact-border-none);
1312
1312
  --salt-actionable-caution-borderColor-disabled: var(--salt-palette-warning-border-disabled);
1313
1313
  --salt-actionable-caution-borderColor-hover: var(--salt-palette-interact-border-none);
@@ -1317,9 +1317,9 @@
1317
1317
  --salt-actionable-caution-foreground-hover: var(--salt-palette-warning-action-foreground);
1318
1318
  --salt-actionable-caution-foreground: var(--salt-palette-warning-foreground-informative);
1319
1319
  --salt-actionable-caution-subtle-background-active: var(--salt-palette-warning-action-active);
1320
- --salt-actionable-caution-subtle-background-disabled: var(--salt-palette-interact-border-none);
1320
+ --salt-actionable-caution-subtle-background-disabled: var(--salt-palette-interact-background);
1321
1321
  --salt-actionable-caution-subtle-background-hover: var(--salt-palette-warning-action-hover);
1322
- --salt-actionable-caution-subtle-background: var(--salt-palette-interact-border-none);
1322
+ --salt-actionable-caution-subtle-background: var(--salt-palette-interact-background);
1323
1323
  --salt-actionable-caution-subtle-borderColor-active: var(--salt-palette-interact-border-none);
1324
1324
  --salt-actionable-caution-subtle-borderColor-disabled: var(--salt-palette-interact-border-none);
1325
1325
  --salt-actionable-caution-subtle-borderColor-hover: var(--salt-palette-interact-border-none);
@@ -1917,7 +1917,6 @@
1917
1917
  --salt-navigable-indicator-activeDisabled: var(--salt-palette-navigate-indicator-activeDisabled);
1918
1918
  --salt-accent-fontWeight: var(--salt-typography-fontWeight-semiBold);
1919
1919
  --salt-accent-foreground-disabled: var(--salt-palette-accent-foreground-disabled);
1920
- --salt-accent-background-disabled: var(--salt-palette-accent-background-disabled);
1921
1920
  --salt-accent-borderColor-disabled: var(--salt-palette-accent-border-disabled);
1922
1921
  --salt-track-borderWidth: 2px;
1923
1922
  --salt-track-borderWidth-active: 2px;
package/index.css CHANGED
@@ -1262,9 +1262,9 @@
1262
1262
  --salt-actionable-negative-bold-foreground-hover: var(--salt-palette-interact-cta-foreground);
1263
1263
  --salt-actionable-negative-bold-foreground: var(--salt-palette-interact-cta-foreground);
1264
1264
  --salt-actionable-negative-background-active: var(--salt-palette-negative-background-active);
1265
- --salt-actionable-negative-background-disabled: var(--salt-palette-interact-border-none);
1265
+ --salt-actionable-negative-background-disabled: var(--salt-palette-interact-background);
1266
1266
  --salt-actionable-negative-background-hover: var(--salt-palette-negative-background-hover);
1267
- --salt-actionable-negative-background: var(--salt-palette-interact-border-none);
1267
+ --salt-actionable-negative-background: var(--salt-palette-interact-background);
1268
1268
  --salt-actionable-negative-borderColor-active: var(--salt-palette-interact-border-none);
1269
1269
  --salt-actionable-negative-borderColor-disabled: var(--salt-palette-negative-border-disabled);
1270
1270
  --salt-actionable-negative-borderColor-hover: var(--salt-palette-interact-border-none);
@@ -1274,9 +1274,9 @@
1274
1274
  --salt-actionable-negative-foreground-hover: var(--salt-palette-interact-cta-foreground);
1275
1275
  --salt-actionable-negative-foreground: var(--salt-palette-negative-foreground);
1276
1276
  --salt-actionable-negative-subtle-background-active: var(--salt-palette-negative-background-active);
1277
- --salt-actionable-negative-subtle-background-disabled: var(--salt-palette-interact-border-none);
1277
+ --salt-actionable-negative-subtle-background-disabled: var(--salt-palette-interact-background);
1278
1278
  --salt-actionable-negative-subtle-background-hover: var(--salt-palette-negative-background-hover);
1279
- --salt-actionable-negative-subtle-background: var(--salt-palette-interact-border-none);
1279
+ --salt-actionable-negative-subtle-background: var(--salt-palette-interact-background);
1280
1280
  --salt-actionable-negative-subtle-borderColor-active: var(--salt-palette-interact-border-none);
1281
1281
  --salt-actionable-negative-subtle-borderColor-disabled: var(--salt-palette-interact-border-none);
1282
1282
  --salt-actionable-negative-subtle-borderColor-hover: var(--salt-palette-interact-border-none);
@@ -1298,9 +1298,9 @@
1298
1298
  --salt-actionable-positive-bold-foreground-hover: var(--salt-palette-interact-cta-foreground);
1299
1299
  --salt-actionable-positive-bold-foreground: var(--salt-palette-interact-cta-foreground);
1300
1300
  --salt-actionable-positive-background-active: var(--salt-palette-positive-background-active);
1301
- --salt-actionable-positive-background-disabled: var(--salt-palette-interact-border-none);
1301
+ --salt-actionable-positive-background-disabled: var(--salt-palette-interact-background);
1302
1302
  --salt-actionable-positive-background-hover: var(--salt-palette-positive-background-hover);
1303
- --salt-actionable-positive-background: var(--salt-palette-interact-border-none);
1303
+ --salt-actionable-positive-background: var(--salt-palette-interact-background);
1304
1304
  --salt-actionable-positive-borderColor-active: var(--salt-palette-interact-border-none);
1305
1305
  --salt-actionable-positive-borderColor-disabled: var(--salt-palette-positive-border-disabled);
1306
1306
  --salt-actionable-positive-borderColor-hover: var(--salt-palette-interact-border-none);
@@ -1310,9 +1310,9 @@
1310
1310
  --salt-actionable-positive-foreground-hover: var(--salt-palette-interact-cta-foreground);
1311
1311
  --salt-actionable-positive-foreground: var(--salt-palette-positive-foreground);
1312
1312
  --salt-actionable-positive-subtle-background-active: var(--salt-palette-positive-background-active);
1313
- --salt-actionable-positive-subtle-background-disabled: var(--salt-palette-interact-border-none);
1313
+ --salt-actionable-positive-subtle-background-disabled: var(--salt-palette-interact-background);
1314
1314
  --salt-actionable-positive-subtle-background-hover: var(--salt-palette-positive-background-hover);
1315
- --salt-actionable-positive-subtle-background: var(--salt-palette-interact-border-none);
1315
+ --salt-actionable-positive-subtle-background: var(--salt-palette-interact-background);
1316
1316
  --salt-actionable-positive-subtle-borderColor-active: var(--salt-palette-interact-border-none);
1317
1317
  --salt-actionable-positive-subtle-borderColor-disabled: var(--salt-palette-interact-border-none);
1318
1318
  --salt-actionable-positive-subtle-borderColor-hover: var(--salt-palette-interact-border-none);
@@ -1334,9 +1334,9 @@
1334
1334
  --salt-actionable-caution-bold-foreground-hover: var(--salt-palette-warning-action-foreground);
1335
1335
  --salt-actionable-caution-bold-foreground: var(--salt-palette-warning-action-foreground);
1336
1336
  --salt-actionable-caution-background-active: var(--salt-palette-warning-action-active);
1337
- --salt-actionable-caution-background-disabled: var(--salt-palette-interact-border-none);
1337
+ --salt-actionable-caution-background-disabled: var(--salt-palette-interact-background);
1338
1338
  --salt-actionable-caution-background-hover: var(--salt-palette-warning-action-hover);
1339
- --salt-actionable-caution-background: var(--salt-palette-interact-border-none);
1339
+ --salt-actionable-caution-background: var(--salt-palette-interact-background);
1340
1340
  --salt-actionable-caution-borderColor-active: var(--salt-palette-interact-border-none);
1341
1341
  --salt-actionable-caution-borderColor-disabled: var(--salt-palette-warning-border-disabled);
1342
1342
  --salt-actionable-caution-borderColor-hover: var(--salt-palette-interact-border-none);
@@ -1346,9 +1346,9 @@
1346
1346
  --salt-actionable-caution-foreground-hover: var(--salt-palette-warning-action-foreground);
1347
1347
  --salt-actionable-caution-foreground: var(--salt-palette-warning-foreground-informative);
1348
1348
  --salt-actionable-caution-subtle-background-active: var(--salt-palette-warning-action-active);
1349
- --salt-actionable-caution-subtle-background-disabled: var(--salt-palette-interact-border-none);
1349
+ --salt-actionable-caution-subtle-background-disabled: var(--salt-palette-interact-background);
1350
1350
  --salt-actionable-caution-subtle-background-hover: var(--salt-palette-warning-action-hover);
1351
- --salt-actionable-caution-subtle-background: var(--salt-palette-interact-border-none);
1351
+ --salt-actionable-caution-subtle-background: var(--salt-palette-interact-background);
1352
1352
  --salt-actionable-caution-subtle-borderColor-active: var(--salt-palette-interact-border-none);
1353
1353
  --salt-actionable-caution-subtle-borderColor-disabled: var(--salt-palette-interact-border-none);
1354
1354
  --salt-actionable-caution-subtle-borderColor-hover: var(--salt-palette-interact-border-none);
@@ -1946,7 +1946,6 @@
1946
1946
  --salt-navigable-indicator-activeDisabled: var(--salt-palette-navigate-indicator-activeDisabled);
1947
1947
  --salt-accent-fontWeight: var(--salt-typography-fontWeight-semiBold);
1948
1948
  --salt-accent-foreground-disabled: var(--salt-palette-accent-foreground-disabled);
1949
- --salt-accent-background-disabled: var(--salt-palette-accent-background-disabled);
1950
1949
  --salt-accent-borderColor-disabled: var(--salt-palette-accent-border-disabled);
1951
1950
  --salt-track-borderWidth: 2px;
1952
1951
  --salt-track-borderWidth-active: 2px;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@salt-ds/theme",
3
- "version": "1.23.2",
3
+ "version": "1.23.3",
4
4
  "license": "Apache-2.0",
5
5
  "repository": {
6
6
  "type": "git",