@salt-ds/theme 1.25.0 → 1.26.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 +4 -5
  2. package/css/theme.css +31 -16
  3. package/index.css +31 -16
  4. package/package.json +1 -1
package/css/theme-next.css CHANGED
@@ -1,18 +1,14 @@
1
1
  /* css/foundations/alpha-next.css */
2
2
  .salt-theme.salt-theme-next {
3
3
  --salt-color-white-10a: rgba(var(--salt-color-white-rgb), 0.1);
4
- --salt-color-white-15a: rgba(var(--salt-color-white-rgb), 0.15);
5
4
  --salt-color-white-20a: rgba(var(--salt-color-white-rgb), 0.2);
6
5
  --salt-color-white-30a: rgba(var(--salt-color-white-rgb), 0.3);
7
6
  --salt-color-white-40a: rgba(var(--salt-color-white-rgb), 0.4);
8
- --salt-color-white-45a: rgba(var(--salt-color-white-rgb), 0.45);
9
7
  --salt-color-white-70a: rgba(var(--salt-color-white-rgb), 0.7);
10
8
  --salt-color-black-10a: rgba(var(--salt-color-black-rgb), 0.1);
11
- --salt-color-black-15a: rgba(var(--salt-color-black-rgb), 0.15);
12
9
  --salt-color-black-20a: rgba(var(--salt-color-black-rgb), 0.2);
13
10
  --salt-color-black-30a: rgba(var(--salt-color-black-rgb), 0.3);
14
11
  --salt-color-black-40a: rgba(var(--salt-color-black-rgb), 0.4);
15
- --salt-color-black-45a: rgba(var(--salt-color-black-rgb), 0.45);
16
12
  --salt-color-black-70a: rgba(var(--salt-color-black-rgb), 0.7);
17
13
  --salt-color-blue-200-40a: rgba(var(--salt-color-blue-200-rgb), 0.4);
18
14
  --salt-color-blue-300-40a: rgba(var(--salt-color-blue-300-rgb), 0.4);
@@ -719,6 +715,7 @@
719
715
  --salt-accent-background: var(--salt-palette-accent);
720
716
  --salt-accent-background-disabled: var(--salt-palette-accent-disabled);
721
717
  --salt-accent-borderColor: var(--salt-palette-accent);
718
+ --salt-accent-borderColor-disabled: var(--salt-palette-accent-disabled);
722
719
  --salt-accent-foreground: var(--salt-palette-foreground-primary-alt);
723
720
  }
724
721
 
@@ -952,6 +949,7 @@
952
949
  --salt-content-primary-foreground-disabled: var(--salt-palette-foreground-primary-disabled);
953
950
  --salt-content-secondary-foreground: var(--salt-palette-foreground-secondary);
954
951
  --salt-content-secondary-foreground-disabled: var(--salt-palette-foreground-secondary-disabled);
952
+ --salt-content-accent-foreground: var(--salt-palette-accent-strong);
955
953
  --salt-content-bold-foreground: var(--salt-palette-foreground-primary-alt);
956
954
  --salt-content-bold-foreground-disabled: var(--salt-palette-foreground-primary-alt-disabled);
957
955
  --salt-content-foreground-hover: var(--salt-palette-accent-strong);
@@ -1105,7 +1103,8 @@
1105
1103
 
1106
1104
  /* css/characteristics/track-next.css */
1107
1105
  .salt-theme.salt-theme-next {
1108
- --salt-track-borderColor: var(--salt-palette-alpha);
1106
+ --salt-track-borderColor: var(--salt-palette-alpha-weak);
1107
+ --salt-track-borderColor-disabled: var(--salt-palette-alpha-weaker);
1109
1108
  }
1110
1109
 
1111
1110
  /* css/deprecated/foundations-next.css */
package/css/theme.css CHANGED
@@ -1,15 +1,14 @@
1
1
  /* css/foundations/alpha.css */
2
2
  .salt-theme {
3
3
  --salt-color-white-10a: rgba(var(--salt-color-white-rgb), 0.1);
4
- --salt-color-white-15a: rgba(var(--salt-color-white-rgb), 0.15);
4
+ --salt-color-white-20a: rgba(var(--salt-color-white-rgb), 0.2);
5
5
  --salt-color-white-30a: rgba(var(--salt-color-white-rgb), 0.3);
6
6
  --salt-color-white-40a: rgba(var(--salt-color-white-rgb), 0.4);
7
- --salt-color-white-45a: rgba(var(--salt-color-white-rgb), 0.45);
8
7
  --salt-color-white-70a: rgba(var(--salt-color-white-rgb), 0.7);
9
8
  --salt-color-black-10a: rgba(var(--salt-color-black-rgb), 0.1);
10
- --salt-color-black-15a: rgba(var(--salt-color-black-rgb), 0.15);
9
+ --salt-color-black-20a: rgba(var(--salt-color-black-rgb), 0.2);
11
10
  --salt-color-black-30a: rgba(var(--salt-color-black-rgb), 0.3);
12
- --salt-color-black-45a: rgba(var(--salt-color-black-rgb), 0.45);
11
+ --salt-color-black-40a: rgba(var(--salt-color-black-rgb), 0.4);
13
12
  --salt-color-black-70a: rgba(var(--salt-color-black-rgb), 0.7);
14
13
  --salt-color-blue-30-40a: rgba(var(--salt-color-blue-30-rgb), 0.4);
15
14
  --salt-color-blue-100-40a: rgba(var(--salt-color-blue-100-rgb), 0.4);
@@ -1004,6 +1003,17 @@
1004
1003
  --salt-spacing-300: calc(3 * var(--salt-spacing-100));
1005
1004
  --salt-spacing-350: calc(3.5 * var(--salt-spacing-100));
1006
1005
  --salt-spacing-400: calc(4 * var(--salt-spacing-100));
1006
+ --salt-spacing-450: calc(4.5 * var(--salt-spacing-100));
1007
+ --salt-spacing-500: calc(5 * var(--salt-spacing-100));
1008
+ --salt-spacing-550: calc(5.5 * var(--salt-spacing-100));
1009
+ --salt-spacing-600: calc(6 * var(--salt-spacing-100));
1010
+ --salt-spacing-650: calc(6.5 * var(--salt-spacing-100));
1011
+ --salt-spacing-700: calc(7 * var(--salt-spacing-100));
1012
+ --salt-spacing-750: calc(7.5 * var(--salt-spacing-100));
1013
+ --salt-spacing-800: calc(8 * var(--salt-spacing-100));
1014
+ --salt-spacing-850: calc(8.5 * var(--salt-spacing-100));
1015
+ --salt-spacing-900: calc(9 * var(--salt-spacing-100));
1016
+ --salt-spacing-950: calc(9.5 * var(--salt-spacing-100));
1007
1017
  }
1008
1018
 
1009
1019
  /* css/foundations/typography.css */
@@ -1038,16 +1048,16 @@
1038
1048
  /* css/palette/alpha.css */
1039
1049
  .salt-theme[data-mode=light] {
1040
1050
  --salt-palette-alpha: var(--salt-color-black-30a);
1041
- --salt-palette-alpha-strong: var(--salt-color-black-45a);
1042
- --salt-palette-alpha-weak: var(--salt-color-black-15a);
1051
+ --salt-palette-alpha-strong: var(--salt-color-black-40a);
1052
+ --salt-palette-alpha-weak: var(--salt-color-black-20a);
1043
1053
  --salt-palette-alpha-weaker: var(--salt-color-black-10a);
1044
1054
  --salt-palette-alpha-backdrop: var(--salt-color-white-70a);
1045
1055
  --salt-palette-alpha-none: transparent;
1046
1056
  }
1047
1057
  .salt-theme[data-mode=dark] {
1048
1058
  --salt-palette-alpha: var(--salt-color-white-30a);
1049
- --salt-palette-alpha-strong: var(--salt-color-white-45a);
1050
- --salt-palette-alpha-weak: var(--salt-color-white-15a);
1059
+ --salt-palette-alpha-strong: var(--salt-color-white-40a);
1060
+ --salt-palette-alpha-weak: var(--salt-color-white-20a);
1051
1061
  --salt-palette-alpha-weaker: var(--salt-color-white-10a);
1052
1062
  --salt-palette-alpha-backdrop: var(--salt-color-black-70a);
1053
1063
  --salt-palette-alpha-none: transparent;
@@ -1313,15 +1323,11 @@
1313
1323
 
1314
1324
  /* css/palette/navigate.css */
1315
1325
  .salt-theme[data-mode=light] {
1316
- --salt-palette-navigate-foreground-hover: var(--salt-color-blue-600);
1317
- --salt-palette-navigate-foreground-active: var(--salt-color-blue-700);
1318
1326
  --salt-palette-navigate-foreground-visited: var(--salt-color-purple-800);
1319
1327
  --salt-palette-navigate-indicator-hover: var(--salt-color-gray-90);
1320
1328
  --salt-palette-navigate-indicator-active: var(--salt-color-orange-600);
1321
1329
  }
1322
1330
  .salt-theme[data-mode=dark] {
1323
- --salt-palette-navigate-foreground-hover: var(--salt-color-blue-200);
1324
- --salt-palette-navigate-foreground-active: var(--salt-color-blue-300);
1325
1331
  --salt-palette-navigate-foreground-visited: var(--salt-color-purple-100);
1326
1332
  --salt-palette-navigate-indicator-hover: var(--salt-color-gray-90);
1327
1333
  --salt-palette-navigate-indicator-active: var(--salt-color-orange-400);
@@ -1479,6 +1485,7 @@
1479
1485
  --salt-accent-background: var(--salt-palette-accent);
1480
1486
  --salt-accent-background-disabled: var(--salt-palette-accent-disabled);
1481
1487
  --salt-accent-borderColor: var(--salt-palette-accent);
1488
+ --salt-accent-borderColor-disabled: var(--salt-palette-accent-disabled);
1482
1489
  --salt-accent-foreground: var(--salt-palette-accent-foreground);
1483
1490
  }
1484
1491
 
@@ -2125,10 +2132,11 @@
2125
2132
  --salt-content-primary-foreground-disabled: var(--salt-palette-neutral-primary-foreground-disabled);
2126
2133
  --salt-content-secondary-foreground: var(--salt-palette-neutral-secondary-foreground);
2127
2134
  --salt-content-secondary-foreground-disabled: var(--salt-palette-neutral-secondary-foreground-disabled);
2135
+ --salt-content-accent-foreground: var(--salt-palette-accent-foreground-informative);
2128
2136
  --salt-content-bold-foreground: var(--salt-palette-interact-cta-foreground);
2129
2137
  --salt-content-bold-foreground-disabled: var(--salt-palette-interact-cta-foreground-disabled);
2130
- --salt-content-foreground-hover: var(--salt-palette-navigate-foreground-hover);
2131
- --salt-content-foreground-active: var(--salt-palette-navigate-foreground-active);
2138
+ --salt-content-foreground-hover: var(--salt-palette-accent-foreground-informative);
2139
+ --salt-content-foreground-active: var(--salt-palette-accent-foreground-informative);
2132
2140
  --salt-content-foreground-visited: var(--salt-palette-navigate-foreground-visited);
2133
2141
  --salt-content-foreground-highlight: var(--salt-palette-interact-background-active);
2134
2142
  }
@@ -2140,6 +2148,7 @@
2140
2148
  --salt-track-borderStyle-complete: solid;
2141
2149
  --salt-track-borderStyle-incomplete: dotted;
2142
2150
  --salt-track-borderColor: var(--salt-palette-neutral-border);
2151
+ --salt-track-borderColor-disabled: var(--salt-palette-neutral-border-disabled);
2143
2152
  }
2144
2153
 
2145
2154
  /* css/deprecated/characteristics.css */
@@ -2256,7 +2265,6 @@
2256
2265
  --salt-navigable-background-hover: var(--salt-palette-navigate-background-hover);
2257
2266
  --salt-accent-fontWeight: var(--salt-typography-fontWeight-semiBold);
2258
2267
  --salt-accent-foreground-disabled: var(--salt-palette-accent-foreground-disabled);
2259
- --salt-accent-borderColor-disabled: var(--salt-palette-accent-border-disabled);
2260
2268
  --salt-track-borderWidth: 2px;
2261
2269
  --salt-track-borderWidth-active: 2px;
2262
2270
  --salt-track-borderWidth-complete: 2px;
@@ -2265,7 +2273,6 @@
2265
2273
  --salt-track-textAlign: center;
2266
2274
  --salt-track-background: var(--salt-palette-track-background);
2267
2275
  --salt-track-background-disabled: var(--salt-palette-track-background-disabled);
2268
- --salt-track-borderColor-disabled: var(--salt-palette-track-border-disabled);
2269
2276
  --salt-taggable-cursor-hover: pointer;
2270
2277
  --salt-taggable-cursor-active: pointer;
2271
2278
  --salt-taggable-cursor-disabled: not-allowed;
@@ -2413,6 +2420,10 @@
2413
2420
  --salt-color-black-fade-background-highlight: rgba(0, 0, 0, var(--salt-opacity-25));
2414
2421
  --salt-color-white-fade-background-selection: rgba(255, 255, 255, var(--salt-opacity-15));
2415
2422
  --salt-color-white-fade-background-highlight: rgba(255, 255, 255, var(--salt-opacity-25));
2423
+ --salt-color-white-15a: rgba(var(--salt-color-white-rgb), 0.15);
2424
+ --salt-color-white-45a: rgba(var(--salt-color-white-rgb), 0.45);
2425
+ --salt-color-black-15a: rgba(var(--salt-color-black-rgb), 0.15);
2426
+ --salt-color-black-45a: rgba(var(--salt-color-black-rgb), 0.45);
2416
2427
  }
2417
2428
 
2418
2429
  /* css/deprecated/foundations.css */
@@ -2589,6 +2600,8 @@
2589
2600
  --salt-palette-navigate-tertiary-background-hover: var(--salt-color-gray-20);
2590
2601
  --salt-palette-navigate-indicator-activeDisabled: var(--salt-color-orange-600-fade-border);
2591
2602
  --salt-palette-navigate-background-hover: var(--salt-color-black-fade-background-hover);
2603
+ --salt-palette-navigate-foreground-hover: var(--salt-color-blue-600);
2604
+ --salt-palette-navigate-foreground-active: var(--salt-color-blue-700);
2592
2605
  --salt-palette-track-border: var(--salt-color-gray-90);
2593
2606
  --salt-palette-track-border-disabled: var(--salt-color-gray-90-fade-border);
2594
2607
  --salt-palette-track-background: var(--salt-color-gray-60);
@@ -2662,6 +2675,8 @@
2662
2675
  --salt-palette-navigate-tertiary-background-hover: var(--salt-color-gray-700);
2663
2676
  --salt-palette-navigate-indicator-activeDisabled: var(--salt-color-orange-400-fade-border);
2664
2677
  --salt-palette-navigate-background-hover: var(--salt-color-white-fade-background-hover);
2678
+ --salt-palette-navigate-foreground-hover: var(--salt-color-blue-200);
2679
+ --salt-palette-navigate-foreground-active: var(--salt-color-blue-300);
2665
2680
  --salt-palette-track-border: var(--salt-color-gray-90);
2666
2681
  --salt-palette-track-border-disabled: var(--salt-color-gray-90-fade-border);
2667
2682
  --salt-palette-track-background: var(--salt-color-gray-300);
package/index.css CHANGED
@@ -30,15 +30,14 @@
30
30
  /* css/foundations/alpha.css */
31
31
  .salt-theme {
32
32
  --salt-color-white-10a: rgba(var(--salt-color-white-rgb), 0.1);
33
- --salt-color-white-15a: rgba(var(--salt-color-white-rgb), 0.15);
33
+ --salt-color-white-20a: rgba(var(--salt-color-white-rgb), 0.2);
34
34
  --salt-color-white-30a: rgba(var(--salt-color-white-rgb), 0.3);
35
35
  --salt-color-white-40a: rgba(var(--salt-color-white-rgb), 0.4);
36
- --salt-color-white-45a: rgba(var(--salt-color-white-rgb), 0.45);
37
36
  --salt-color-white-70a: rgba(var(--salt-color-white-rgb), 0.7);
38
37
  --salt-color-black-10a: rgba(var(--salt-color-black-rgb), 0.1);
39
- --salt-color-black-15a: rgba(var(--salt-color-black-rgb), 0.15);
38
+ --salt-color-black-20a: rgba(var(--salt-color-black-rgb), 0.2);
40
39
  --salt-color-black-30a: rgba(var(--salt-color-black-rgb), 0.3);
41
- --salt-color-black-45a: rgba(var(--salt-color-black-rgb), 0.45);
40
+ --salt-color-black-40a: rgba(var(--salt-color-black-rgb), 0.4);
42
41
  --salt-color-black-70a: rgba(var(--salt-color-black-rgb), 0.7);
43
42
  --salt-color-blue-30-40a: rgba(var(--salt-color-blue-30-rgb), 0.4);
44
43
  --salt-color-blue-100-40a: rgba(var(--salt-color-blue-100-rgb), 0.4);
@@ -1033,6 +1032,17 @@
1033
1032
  --salt-spacing-300: calc(3 * var(--salt-spacing-100));
1034
1033
  --salt-spacing-350: calc(3.5 * var(--salt-spacing-100));
1035
1034
  --salt-spacing-400: calc(4 * var(--salt-spacing-100));
1035
+ --salt-spacing-450: calc(4.5 * var(--salt-spacing-100));
1036
+ --salt-spacing-500: calc(5 * var(--salt-spacing-100));
1037
+ --salt-spacing-550: calc(5.5 * var(--salt-spacing-100));
1038
+ --salt-spacing-600: calc(6 * var(--salt-spacing-100));
1039
+ --salt-spacing-650: calc(6.5 * var(--salt-spacing-100));
1040
+ --salt-spacing-700: calc(7 * var(--salt-spacing-100));
1041
+ --salt-spacing-750: calc(7.5 * var(--salt-spacing-100));
1042
+ --salt-spacing-800: calc(8 * var(--salt-spacing-100));
1043
+ --salt-spacing-850: calc(8.5 * var(--salt-spacing-100));
1044
+ --salt-spacing-900: calc(9 * var(--salt-spacing-100));
1045
+ --salt-spacing-950: calc(9.5 * var(--salt-spacing-100));
1036
1046
  }
1037
1047
 
1038
1048
  /* css/foundations/typography.css */
@@ -1067,16 +1077,16 @@
1067
1077
  /* css/palette/alpha.css */
1068
1078
  .salt-theme[data-mode=light] {
1069
1079
  --salt-palette-alpha: var(--salt-color-black-30a);
1070
- --salt-palette-alpha-strong: var(--salt-color-black-45a);
1071
- --salt-palette-alpha-weak: var(--salt-color-black-15a);
1080
+ --salt-palette-alpha-strong: var(--salt-color-black-40a);
1081
+ --salt-palette-alpha-weak: var(--salt-color-black-20a);
1072
1082
  --salt-palette-alpha-weaker: var(--salt-color-black-10a);
1073
1083
  --salt-palette-alpha-backdrop: var(--salt-color-white-70a);
1074
1084
  --salt-palette-alpha-none: transparent;
1075
1085
  }
1076
1086
  .salt-theme[data-mode=dark] {
1077
1087
  --salt-palette-alpha: var(--salt-color-white-30a);
1078
- --salt-palette-alpha-strong: var(--salt-color-white-45a);
1079
- --salt-palette-alpha-weak: var(--salt-color-white-15a);
1088
+ --salt-palette-alpha-strong: var(--salt-color-white-40a);
1089
+ --salt-palette-alpha-weak: var(--salt-color-white-20a);
1080
1090
  --salt-palette-alpha-weaker: var(--salt-color-white-10a);
1081
1091
  --salt-palette-alpha-backdrop: var(--salt-color-black-70a);
1082
1092
  --salt-palette-alpha-none: transparent;
@@ -1342,15 +1352,11 @@
1342
1352
 
1343
1353
  /* css/palette/navigate.css */
1344
1354
  .salt-theme[data-mode=light] {
1345
- --salt-palette-navigate-foreground-hover: var(--salt-color-blue-600);
1346
- --salt-palette-navigate-foreground-active: var(--salt-color-blue-700);
1347
1355
  --salt-palette-navigate-foreground-visited: var(--salt-color-purple-800);
1348
1356
  --salt-palette-navigate-indicator-hover: var(--salt-color-gray-90);
1349
1357
  --salt-palette-navigate-indicator-active: var(--salt-color-orange-600);
1350
1358
  }
1351
1359
  .salt-theme[data-mode=dark] {
1352
- --salt-palette-navigate-foreground-hover: var(--salt-color-blue-200);
1353
- --salt-palette-navigate-foreground-active: var(--salt-color-blue-300);
1354
1360
  --salt-palette-navigate-foreground-visited: var(--salt-color-purple-100);
1355
1361
  --salt-palette-navigate-indicator-hover: var(--salt-color-gray-90);
1356
1362
  --salt-palette-navigate-indicator-active: var(--salt-color-orange-400);
@@ -1508,6 +1514,7 @@
1508
1514
  --salt-accent-background: var(--salt-palette-accent);
1509
1515
  --salt-accent-background-disabled: var(--salt-palette-accent-disabled);
1510
1516
  --salt-accent-borderColor: var(--salt-palette-accent);
1517
+ --salt-accent-borderColor-disabled: var(--salt-palette-accent-disabled);
1511
1518
  --salt-accent-foreground: var(--salt-palette-accent-foreground);
1512
1519
  }
1513
1520
 
@@ -2154,10 +2161,11 @@
2154
2161
  --salt-content-primary-foreground-disabled: var(--salt-palette-neutral-primary-foreground-disabled);
2155
2162
  --salt-content-secondary-foreground: var(--salt-palette-neutral-secondary-foreground);
2156
2163
  --salt-content-secondary-foreground-disabled: var(--salt-palette-neutral-secondary-foreground-disabled);
2164
+ --salt-content-accent-foreground: var(--salt-palette-accent-foreground-informative);
2157
2165
  --salt-content-bold-foreground: var(--salt-palette-interact-cta-foreground);
2158
2166
  --salt-content-bold-foreground-disabled: var(--salt-palette-interact-cta-foreground-disabled);
2159
- --salt-content-foreground-hover: var(--salt-palette-navigate-foreground-hover);
2160
- --salt-content-foreground-active: var(--salt-palette-navigate-foreground-active);
2167
+ --salt-content-foreground-hover: var(--salt-palette-accent-foreground-informative);
2168
+ --salt-content-foreground-active: var(--salt-palette-accent-foreground-informative);
2161
2169
  --salt-content-foreground-visited: var(--salt-palette-navigate-foreground-visited);
2162
2170
  --salt-content-foreground-highlight: var(--salt-palette-interact-background-active);
2163
2171
  }
@@ -2169,6 +2177,7 @@
2169
2177
  --salt-track-borderStyle-complete: solid;
2170
2178
  --salt-track-borderStyle-incomplete: dotted;
2171
2179
  --salt-track-borderColor: var(--salt-palette-neutral-border);
2180
+ --salt-track-borderColor-disabled: var(--salt-palette-neutral-border-disabled);
2172
2181
  }
2173
2182
 
2174
2183
  /* css/deprecated/characteristics.css */
@@ -2285,7 +2294,6 @@
2285
2294
  --salt-navigable-background-hover: var(--salt-palette-navigate-background-hover);
2286
2295
  --salt-accent-fontWeight: var(--salt-typography-fontWeight-semiBold);
2287
2296
  --salt-accent-foreground-disabled: var(--salt-palette-accent-foreground-disabled);
2288
- --salt-accent-borderColor-disabled: var(--salt-palette-accent-border-disabled);
2289
2297
  --salt-track-borderWidth: 2px;
2290
2298
  --salt-track-borderWidth-active: 2px;
2291
2299
  --salt-track-borderWidth-complete: 2px;
@@ -2294,7 +2302,6 @@
2294
2302
  --salt-track-textAlign: center;
2295
2303
  --salt-track-background: var(--salt-palette-track-background);
2296
2304
  --salt-track-background-disabled: var(--salt-palette-track-background-disabled);
2297
- --salt-track-borderColor-disabled: var(--salt-palette-track-border-disabled);
2298
2305
  --salt-taggable-cursor-hover: pointer;
2299
2306
  --salt-taggable-cursor-active: pointer;
2300
2307
  --salt-taggable-cursor-disabled: not-allowed;
@@ -2442,6 +2449,10 @@
2442
2449
  --salt-color-black-fade-background-highlight: rgba(0, 0, 0, var(--salt-opacity-25));
2443
2450
  --salt-color-white-fade-background-selection: rgba(255, 255, 255, var(--salt-opacity-15));
2444
2451
  --salt-color-white-fade-background-highlight: rgba(255, 255, 255, var(--salt-opacity-25));
2452
+ --salt-color-white-15a: rgba(var(--salt-color-white-rgb), 0.15);
2453
+ --salt-color-white-45a: rgba(var(--salt-color-white-rgb), 0.45);
2454
+ --salt-color-black-15a: rgba(var(--salt-color-black-rgb), 0.15);
2455
+ --salt-color-black-45a: rgba(var(--salt-color-black-rgb), 0.45);
2445
2456
  }
2446
2457
 
2447
2458
  /* css/deprecated/foundations.css */
@@ -2618,6 +2629,8 @@
2618
2629
  --salt-palette-navigate-tertiary-background-hover: var(--salt-color-gray-20);
2619
2630
  --salt-palette-navigate-indicator-activeDisabled: var(--salt-color-orange-600-fade-border);
2620
2631
  --salt-palette-navigate-background-hover: var(--salt-color-black-fade-background-hover);
2632
+ --salt-palette-navigate-foreground-hover: var(--salt-color-blue-600);
2633
+ --salt-palette-navigate-foreground-active: var(--salt-color-blue-700);
2621
2634
  --salt-palette-track-border: var(--salt-color-gray-90);
2622
2635
  --salt-palette-track-border-disabled: var(--salt-color-gray-90-fade-border);
2623
2636
  --salt-palette-track-background: var(--salt-color-gray-60);
@@ -2691,6 +2704,8 @@
2691
2704
  --salt-palette-navigate-tertiary-background-hover: var(--salt-color-gray-700);
2692
2705
  --salt-palette-navigate-indicator-activeDisabled: var(--salt-color-orange-400-fade-border);
2693
2706
  --salt-palette-navigate-background-hover: var(--salt-color-white-fade-background-hover);
2707
+ --salt-palette-navigate-foreground-hover: var(--salt-color-blue-200);
2708
+ --salt-palette-navigate-foreground-active: var(--salt-color-blue-300);
2694
2709
  --salt-palette-track-border: var(--salt-color-gray-90);
2695
2710
  --salt-palette-track-border-disabled: var(--salt-color-gray-90-fade-border);
2696
2711
  --salt-palette-track-background: var(--salt-color-gray-300);
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@salt-ds/theme",
3
- "version": "1.25.0",
3
+ "version": "1.26.0",
4
4
  "license": "Apache-2.0",
5
5
  "repository": {
6
6
  "type": "git",