@salt-ds/theme 1.23.2 → 1.24.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 +20 -8
  2. package/css/theme.css +15 -16
  3. package/index.css +15 -16
  4. package/package.json +4 -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));
@@ -566,8 +566,6 @@
566
566
 
567
567
  /* css/palette/foreground-next.css */
568
568
  .salt-theme.salt-theme-next[data-mode=light] {
569
- --salt-palette-foreground-active: var(--salt-color-blue-700);
570
- --salt-palette-foreground-hover: var(--salt-color-blue-600);
571
569
  --salt-palette-foreground-primary: var(--salt-color-black);
572
570
  --salt-palette-foreground-primary-disabled: var(--salt-color-black-40a);
573
571
  --salt-palette-foreground-primary-alt: var(--salt-color-white);
@@ -577,8 +575,6 @@
577
575
  --salt-palette-foreground-visited: var(--salt-color-purple-800);
578
576
  }
579
577
  .salt-theme.salt-theme-next[data-mode=dark] {
580
- --salt-palette-foreground-active: var(--salt-color-blue-300);
581
- --salt-palette-foreground-hover: var(--salt-color-blue-400);
582
578
  --salt-palette-foreground-primary: var(--salt-color-white);
583
579
  --salt-palette-foreground-primary-disabled: var(--salt-color-white-40a);
584
580
  --salt-palette-foreground-primary-alt: var(--salt-color-white);
@@ -976,8 +972,8 @@
976
972
  --salt-content-secondary-foreground-disabled: var(--salt-palette-foreground-secondary-disabled);
977
973
  --salt-content-bold-foreground: var(--salt-palette-foreground-primary-alt);
978
974
  --salt-content-bold-foreground-disabled: var(--salt-palette-foreground-primary-alt-disabled);
979
- --salt-content-foreground-hover: var(--salt-palette-foreground-hover);
980
- --salt-content-foreground-active: var(--salt-palette-foreground-active);
975
+ --salt-content-foreground-hover: var(--salt-palette-accent-strong);
976
+ --salt-content-foreground-active: var(--salt-palette-accent-stronger);
981
977
  --salt-content-foreground-visited: var(--salt-palette-foreground-visited);
982
978
  --salt-content-foreground-highlight: var(--salt-palette-accent-weaker);
983
979
  }
@@ -1130,4 +1126,20 @@
1130
1126
  --salt-track-borderColor: var(--salt-palette-alpha);
1131
1127
  }
1132
1128
 
1129
+ /* css/deprecated/foundations-next.css */
1130
+ .salt-theme.salt-theme-next {
1131
+ --salt-color-background-gradientlight-rgb: var(--salt-color-background-titanium-rgb);
1132
+ --salt-color-background-gradientlight: var(--salt-color-background-titanium);
1133
+ }
1134
+
1135
+ /* css/deprecated/palette-next.css */
1136
+ .salt-theme[data-mode=light] {
1137
+ --salt-palette-foreground-active: var(--salt-color-blue-700);
1138
+ --salt-palette-foreground-hover: var(--salt-color-blue-600);
1139
+ }
1140
+ .salt-theme[data-mode=dark] {
1141
+ --salt-palette-foreground-active: var(--salt-color-blue-300);
1142
+ --salt-palette-foreground-hover: var(--salt-color-blue-400);
1143
+ }
1144
+
1133
1145
  /* css/theme-next.css */
package/css/theme.css CHANGED
@@ -299,7 +299,7 @@
299
299
  --salt-color-rose-200: rgb(250, 190, 237);
300
300
  --salt-color-rose-300: rgb(229, 154, 212);
301
301
  --salt-color-rose-400: rgb(209, 117, 189);
302
- --salt-color-rose-500: rgb(176, 86, 158);
302
+ --salt-color-rose-500: rgb(176, 84, 157);
303
303
  --salt-color-rose-600: rgb(146, 67, 130);
304
304
  --salt-color-rose-700: rgb(118, 50, 104);
305
305
  --salt-color-rose-800: rgb(90, 32, 78);
@@ -326,7 +326,7 @@
326
326
  --salt-color-indigo-200: rgb(208, 194, 252);
327
327
  --salt-color-indigo-300: rgb(180, 162, 242);
328
328
  --salt-color-indigo-400: rgb(149, 129, 229);
329
- --salt-color-indigo-500: rgb(120, 104, 206);
329
+ --salt-color-indigo-500: rgb(118, 101, 207);
330
330
  --salt-color-indigo-600: rgb(98, 85, 170);
331
331
  --salt-color-indigo-700: rgb(77, 66, 135);
332
332
  --salt-color-indigo-800: rgb(57, 49, 102);
@@ -353,7 +353,7 @@
353
353
  --salt-color-autumn-200: rgb(255, 197, 161);
354
354
  --salt-color-autumn-300: rgb(242, 163, 114);
355
355
  --salt-color-autumn-400: rgb(222, 126, 64);
356
- --salt-color-autumn-500: rgb(189, 91, 21);
356
+ --salt-color-autumn-500: rgb(189, 90, 19);
357
357
  --salt-color-autumn-600: rgb(153, 73, 18);
358
358
  --salt-color-autumn-700: rgb(119, 55, 14);
359
359
  --salt-color-autumn-800: rgb(86, 39, 10);
@@ -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
@@ -328,7 +328,7 @@
328
328
  --salt-color-rose-200: rgb(250, 190, 237);
329
329
  --salt-color-rose-300: rgb(229, 154, 212);
330
330
  --salt-color-rose-400: rgb(209, 117, 189);
331
- --salt-color-rose-500: rgb(176, 86, 158);
331
+ --salt-color-rose-500: rgb(176, 84, 157);
332
332
  --salt-color-rose-600: rgb(146, 67, 130);
333
333
  --salt-color-rose-700: rgb(118, 50, 104);
334
334
  --salt-color-rose-800: rgb(90, 32, 78);
@@ -355,7 +355,7 @@
355
355
  --salt-color-indigo-200: rgb(208, 194, 252);
356
356
  --salt-color-indigo-300: rgb(180, 162, 242);
357
357
  --salt-color-indigo-400: rgb(149, 129, 229);
358
- --salt-color-indigo-500: rgb(120, 104, 206);
358
+ --salt-color-indigo-500: rgb(118, 101, 207);
359
359
  --salt-color-indigo-600: rgb(98, 85, 170);
360
360
  --salt-color-indigo-700: rgb(77, 66, 135);
361
361
  --salt-color-indigo-800: rgb(57, 49, 102);
@@ -382,7 +382,7 @@
382
382
  --salt-color-autumn-200: rgb(255, 197, 161);
383
383
  --salt-color-autumn-300: rgb(242, 163, 114);
384
384
  --salt-color-autumn-400: rgb(222, 126, 64);
385
- --salt-color-autumn-500: rgb(189, 91, 21);
385
+ --salt-color-autumn-500: rgb(189, 90, 19);
386
386
  --salt-color-autumn-600: rgb(153, 73, 18);
387
387
  --salt-color-autumn-700: rgb(119, 55, 14);
388
388
  --salt-color-autumn-800: rgb(86, 39, 10);
@@ -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.24.0",
4
4
  "license": "Apache-2.0",
5
5
  "repository": {
6
6
  "type": "git",
@@ -13,6 +13,9 @@
13
13
  "/index.css",
14
14
  "/css"
15
15
  ],
16
+ "sideEffects": [
17
+ "*.css"
18
+ ],
16
19
  "scripts": {
17
20
  "build": "yarn node ./scripts/build.mjs",
18
21
  "build:watch": "yarn node ./scripts/build.mjs --watch"