@salt-ds/theme 0.0.0-snapshot-20240315162423 → 0.0.0-snapshot-20240320194833

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 (5) hide show
  1. package/css/theme-next.css +452 -0
  2. package/css/theme.css +1 -1
  3. package/index.css +1 -1
  4. package/package.json +1 -1
  5. package/theme.json +0 -1890
package/css/theme-next.css CHANGED
@@ -1,3 +1,166 @@
1
+ /* css/foundations/color-next.css */
2
+ .salt-theme-next.salt-theme {
3
+ --salt-color-aqua-400: rgb(111, 219, 222);
4
+ --salt-color-aqua-500: rgb(42, 130, 133);
5
+ --salt-color-aqua-600: rgb(21, 92, 94);
6
+ --salt-color-asphalt: rgb(24, 25, 26);
7
+ --salt-color-asphalt-40a: rgba(24, 25, 26, 0.4);
8
+ --salt-color-autumn-400: rgb(242, 159, 99);
9
+ --salt-color-autumn-500: rgb(189, 91, 21);
10
+ --salt-color-autumn-600: rgb(128, 58, 8);
11
+ --salt-color-black: rgb(0, 0, 0);
12
+ --salt-color-black-15a: rgba(0, 0, 0, 0.15);
13
+ --salt-color-black-25a: rgba(0, 0, 0, 0.25);
14
+ --salt-color-black-40a: rgba(0, 0, 0, 0.4);
15
+ --salt-color-black-70a: rgba(0, 0, 0, 0.7);
16
+ --salt-color-black-8a: rgba(0, 0, 0, 0.08);
17
+ --salt-color-blue-100: rgb(202, 231, 252);
18
+ --salt-color-blue-200: rgb(167, 203, 234);
19
+ --salt-color-blue-200-40a: rgba(167, 203, 234, 0.4);
20
+ --salt-color-blue-300: rgb(131, 176, 216);
21
+ --salt-color-blue-300-40a: rgba(131, 176, 216, 0.4);
22
+ --salt-color-blue-400: rgb(92, 149, 199);
23
+ --salt-color-blue-400-40a: rgba(92, 149, 199, 0.4);
24
+ --salt-color-blue-500: rgb(43, 124, 181);
25
+ --salt-color-blue-500-40a: rgba(43, 124, 181, 0.4);
26
+ --salt-color-blue-600: rgb(31, 100, 148);
27
+ --salt-color-blue-600-40a: rgba(31, 100, 148, 0.4);
28
+ --salt-color-blue-700: rgb(19, 77, 117);
29
+ --salt-color-blue-700-40a: rgba(19, 77, 117, 0.4);
30
+ --salt-color-blue-800: rgb(7, 55, 87);
31
+ --salt-color-blue-800-40a: rgba(7, 55, 87, 0.4);
32
+ --salt-color-blue-900: rgb(0, 34, 59);
33
+ --salt-color-cider-400: rgb(242, 175, 116);
34
+ --salt-color-cider-500: rgb(171, 101, 40);
35
+ --salt-color-cider-600: rgb(133, 72, 20);
36
+ --salt-color-citrine-400: rgb(204, 186, 98);
37
+ --salt-color-citrine-500: rgb(135, 116, 16);
38
+ --salt-color-citrine-600: rgb(99, 83, 3);
39
+ --salt-color-cobalt-400: rgb(126, 172, 242);
40
+ --salt-color-cobalt-500: rgb(70, 118, 191);
41
+ --salt-color-cobalt-600: rgb(35, 77, 140);
42
+ --salt-color-forest-400: rgb(96, 209, 164);
43
+ --salt-color-forest-500: rgb(35, 133, 94);
44
+ --salt-color-forest-600: rgb(25, 97, 69);
45
+ --salt-color-fuchsia-400: rgb(232, 121, 191);
46
+ --salt-color-fuchsia-500: rgb(194, 71, 149);
47
+ --salt-color-fuchsia-600: rgb(130, 42, 98);
48
+ --salt-color-fur-400: rgb(204, 150, 108);
49
+ --salt-color-fur-500: rgb(153, 106, 69);
50
+ --salt-color-fur-600: rgb(102, 64, 34);
51
+ --salt-color-gray-100: rgb(235, 235, 237);
52
+ --salt-color-gray-200: rgb(203, 204, 208);
53
+ --salt-color-gray-300: rgb(173, 174, 179);
54
+ --salt-color-gray-300-15a: rgba(173, 174, 179, 0.15);
55
+ --salt-color-gray-300-40a: rgba(173, 174, 179, 0.4);
56
+ --salt-color-gray-400: rgb(143, 145, 152);
57
+ --salt-color-gray-400-40a: rgba(143, 145, 152, 0.4);
58
+ --salt-color-gray-500: rgb(114, 117, 125);
59
+ --salt-color-gray-500-15a: rgba(114, 117, 125, 0.15);
60
+ --salt-color-gray-500-40a: rgba(114, 117, 125, 0.4);
61
+ --salt-color-gray-600: rgb(91, 93, 100);
62
+ --salt-color-gray-600-40a: rgba(91, 93, 100, 0.4);
63
+ --salt-color-gray-700: rgb(69, 71, 77);
64
+ --salt-color-gray-700-15a: rgba(69, 71, 77, 0.15);
65
+ --salt-color-gray-700-40a: rgba(69, 71, 77, 0.4);
66
+ --salt-color-gray-800: rgb(48, 49, 54);
67
+ --salt-color-gray-900: rgb(28, 29, 33);
68
+ --salt-color-green-100: rgb(199, 237, 214);
69
+ --salt-color-green-200: rgb(161, 211, 178);
70
+ --salt-color-green-300: rgb(123, 185, 143);
71
+ --salt-color-green-400: rgb(84, 160, 109);
72
+ --salt-color-green-500: rgb(38, 135, 76);
73
+ --salt-color-green-600: rgb(28, 114, 61);
74
+ --salt-color-green-700: rgb(17, 93, 47);
75
+ --salt-color-green-800: rgb(7, 73, 34);
76
+ --salt-color-green-900: rgb(0, 54, 21);
77
+ --salt-color-indigo-400: rgb(152, 135, 245);
78
+ --salt-color-indigo-500: rgb(120, 104, 206);
79
+ --salt-color-indigo-600: rgb(70, 59, 130);
80
+ --salt-color-jade-400: rgb(82, 186, 108);
81
+ --salt-color-jade-500: rgb(45, 133, 67);
82
+ --salt-color-jade-600: rgb(24, 84, 39);
83
+ --salt-color-lavender-400: rgb(212, 146, 212);
84
+ --salt-color-lavender-500: rgb(148, 102, 148);
85
+ --salt-color-lavender-600: rgb(97, 52, 97);
86
+ --salt-color-lime-400: rgb(177, 204, 86);
87
+ --salt-color-lime-500: rgb(102, 125, 21);
88
+ --salt-color-lime-600: rgb(58, 71, 14);
89
+ --salt-color-mist: rgb(242, 244, 246);
90
+ --salt-color-mist-40a: rgba(242, 244, 246, 0.4);
91
+ --salt-color-ocean-400: rgb(95, 196, 212);
92
+ --salt-color-ocean-500: rgb(0, 128, 148);
93
+ --salt-color-ocean-600: rgb(0, 84, 97);
94
+ --salt-color-oil: rgb(39, 40, 41);
95
+ --salt-color-oil-40a: rgba(39, 40, 41, 0.4);
96
+ --salt-color-olive-400: rgb(155, 176, 109);
97
+ --salt-color-olive-500: rgb(109, 124, 77);
98
+ --salt-color-olive-600: rgb(83, 94, 58);
99
+ --salt-color-orange-100: rgb(247, 218, 198);
100
+ --salt-color-orange-200: rgb(240, 184, 150);
101
+ --salt-color-orange-300: rgb(228, 151, 104);
102
+ --salt-color-orange-400: rgb(214, 119, 59);
103
+ --salt-color-orange-500: rgb(196, 85, 0);
104
+ --salt-color-orange-600: rgb(155, 68, 6);
105
+ --salt-color-orange-700: rgb(116, 51, 9);
106
+ --salt-color-orange-800: rgb(79, 35, 7);
107
+ --salt-color-orange-900: rgb(46, 20, 0);
108
+ --salt-color-plum-400: rgb(209, 132, 245);
109
+ --salt-color-plum-500: rgb(159, 85, 194);
110
+ --salt-color-plum-600: rgb(97, 31, 128);
111
+ --salt-color-purple-100: rgb(244, 210, 250);
112
+ --salt-color-purple-200: rgb(225, 179, 232);
113
+ --salt-color-purple-300: rgb(205, 148, 214);
114
+ --salt-color-purple-400: rgb(185, 117, 196);
115
+ --salt-color-purple-500: rgb(165, 86, 178);
116
+ --salt-color-purple-600: rgb(136, 64, 148);
117
+ --salt-color-purple-700: rgb(109, 43, 120);
118
+ --salt-color-purple-800: rgb(82, 21, 92);
119
+ --salt-color-purple-900: rgb(57, 0, 66);
120
+ --salt-color-red-100: rgb(255, 218, 214);
121
+ --salt-color-red-200: rgb(255, 180, 165);
122
+ --salt-color-red-300: rgb(249, 140, 118);
123
+ --salt-color-red-400: rgb(238, 99, 73);
124
+ --salt-color-red-500: rgb(224, 47, 27);
125
+ --salt-color-red-600: rgb(180, 36, 23);
126
+ --salt-color-red-700: rgb(138, 25, 18);
127
+ --salt-color-red-800: rgb(98, 15, 12);
128
+ --salt-color-red-900: rgb(61, 6, 0);
129
+ --salt-color-rose-400: rgb(245, 157, 227);
130
+ --salt-color-rose-500: rgb(176, 86, 158);
131
+ --salt-color-rose-600: rgb(138, 47, 119);
132
+ --salt-color-salmon-400: rgb(252, 139, 143);
133
+ --salt-color-salmon-500: rgb(189, 85, 88);
134
+ --salt-color-salmon-600: rgb(138, 55, 58);
135
+ --salt-color-slate-400: rgb(157, 169, 199);
136
+ --salt-color-slate-500: rgb(105, 118, 148);
137
+ --salt-color-slate-600: rgb(59, 70, 97);
138
+ --salt-color-smoke-400: rgb(187, 192, 201);
139
+ --salt-color-smoke-500: rgb(114, 117, 122);
140
+ --salt-color-smoke-600: rgb(76, 80, 87);
141
+ --salt-color-snow: rgb(255, 255, 255);
142
+ --salt-color-snow-40a: rgba(255, 255, 255, 0.4);
143
+ --salt-color-teal-100: rgb(196, 238, 245);
144
+ --salt-color-teal-200: rgb(160, 210, 219);
145
+ --salt-color-teal-300: rgb(123, 182, 193);
146
+ --salt-color-teal-400: rgb(86, 155, 168);
147
+ --salt-color-teal-500: rgb(43, 129, 143);
148
+ --salt-color-teal-600: rgb(32, 109, 121);
149
+ --salt-color-teal-700: rgb(20, 90, 101);
150
+ --salt-color-teal-800: rgb(9, 71, 80);
151
+ --salt-color-teal-900: rgb(0, 53, 61);
152
+ --salt-color-transparent: rgba(255, 255, 255, 0);
153
+ --salt-color-violet-400: rgb(138, 150, 242);
154
+ --salt-color-violet-500: rgb(99, 110, 191);
155
+ --salt-color-violet-600: rgb(69, 79, 161);
156
+ --salt-color-white: rgb(255, 255, 255);
157
+ --salt-color-white-15a: rgba(255, 255, 255, 0.15);
158
+ --salt-color-white-25a: rgba(255, 255, 255, 0.25);
159
+ --salt-color-white-40a: rgba(255, 255, 255, 0.4);
160
+ --salt-color-white-70a: rgba(255, 255, 255, 0.7);
161
+ --salt-color-white-8a: rgba(255, 255, 255, 0.08);
162
+ }
163
+
1
164
  /* css/foundations/curve-next.css */
2
165
  .salt-density-high {
3
166
  --salt-curve-0: 0;
@@ -42,4 +205,293 @@
42
205
  --salt-palette-corner-strongest: var(--salt-curve-999);
43
206
  }
44
207
 
208
+ /* css/palette/palette-next.css */
209
+ .salt-theme.salt-theme-next[data-mode=light] {
210
+ --salt-palette-accent: var(--salt-color-blue-500);
211
+ --salt-palette-accent-disabled: var(--salt-color-blue-500-40a);
212
+ --salt-palette-accent-strong: var(--salt-color-blue-600);
213
+ --salt-palette-accent-strong-disabled: var(--salt-color-blue-600-40a);
214
+ --salt-palette-accent-stronger: var(--salt-color-blue-700);
215
+ --salt-palette-accent-stronger-disabled: var(--salt-color-blue-700-40a);
216
+ --salt-palette-accent-weak: var(--salt-color-blue-400);
217
+ --salt-palette-accent-weaker: var(--salt-color-blue-200);
218
+ --salt-palette-accent-weaker-disabled: var(--salt-color-blue-200-40a);
219
+ --salt-palette-accent-weakest: var(--salt-color-blue-100);
220
+ --salt-palette-background-backdrop: var(--salt-color-white-70a);
221
+ --salt-palette-background-hover: var(--salt-color-black-8a);
222
+ --salt-palette-background-primary: var(--salt-color-snow);
223
+ --salt-palette-background-primary-disabled: var(--salt-color-snow-40a);
224
+ --salt-palette-background-secondary: var(--salt-color-mist);
225
+ --salt-palette-background-secondary-disabled: var(--salt-color-mist-40a);
226
+ --salt-palette-background-transparent: var(--salt-color-transparent);
227
+ --salt-palette-category-cat-1: var(--salt-color-cobalt-500);
228
+ --salt-palette-category-cat-1-strong: var(--salt-color-cobalt-600);
229
+ --salt-palette-category-cat-10: var(--salt-color-jade-500);
230
+ --salt-palette-category-cat-10-strong: var(--salt-color-jade-600);
231
+ --salt-palette-category-cat-11: var(--salt-color-citrine-500);
232
+ --salt-palette-category-cat-11-strong: var(--salt-color-citrine-600);
233
+ --salt-palette-category-cat-12: var(--salt-color-autumn-500);
234
+ --salt-palette-category-cat-12-strong: var(--salt-color-autumn-600);
235
+ --salt-palette-category-cat-13: var(--salt-color-lavender-500);
236
+ --salt-palette-category-cat-13-strong: var(--salt-color-lavender-600);
237
+ --salt-palette-category-cat-14: var(--salt-color-ocean-500);
238
+ --salt-palette-category-cat-14-strong: var(--salt-color-ocean-600);
239
+ --salt-palette-category-cat-15: var(--salt-color-smoke-500);
240
+ --salt-palette-category-cat-15-strong: var(--salt-color-smoke-600);
241
+ --salt-palette-category-cat-16: var(--salt-color-fuchsia-500);
242
+ --salt-palette-category-cat-16-strong: var(--salt-color-fuchsia-600);
243
+ --salt-palette-category-cat-17: var(--salt-color-lime-500);
244
+ --salt-palette-category-cat-17-strong: var(--salt-color-lime-600);
245
+ --salt-palette-category-cat-18: var(--salt-color-fur-500);
246
+ --salt-palette-category-cat-18-strong: var(--salt-color-fur-600);
247
+ --salt-palette-category-cat-19: var(--salt-color-violet-500);
248
+ --salt-palette-category-cat-19-strong: var(--salt-color-violet-600);
249
+ --salt-palette-category-cat-2: var(--salt-color-cider-500);
250
+ --salt-palette-category-cat-2-strong: var(--salt-color-cider-600);
251
+ --salt-palette-category-cat-20: var(--salt-color-forest-500);
252
+ --salt-palette-category-cat-20-strong: var(--salt-color-forest-600);
253
+ --salt-palette-category-cat-3: var(--salt-color-plum-500);
254
+ --salt-palette-category-cat-3-strong: var(--salt-color-plum-600);
255
+ --salt-palette-category-cat-4: var(--salt-color-aqua-500);
256
+ --salt-palette-category-cat-4-strong: var(--salt-color-aqua-600);
257
+ --salt-palette-category-cat-5: var(--salt-color-slate-500);
258
+ --salt-palette-category-cat-5-strong: var(--salt-color-slate-600);
259
+ --salt-palette-category-cat-6: var(--salt-color-rose-500);
260
+ --salt-palette-category-cat-6-strong: var(--salt-color-rose-600);
261
+ --salt-palette-category-cat-7: var(--salt-color-olive-500);
262
+ --salt-palette-category-cat-7-strong: var(--salt-color-olive-600);
263
+ --salt-palette-category-cat-8: var(--salt-color-salmon-500);
264
+ --salt-palette-category-cat-8-strong: var(--salt-color-salmon-600);
265
+ --salt-palette-category-cat-9: var(--salt-color-indigo-500);
266
+ --salt-palette-category-cat-9-strong: var(--salt-color-indigo-600);
267
+ --salt-palette-foreground-active: var(--salt-color-blue-700);
268
+ --salt-palette-foreground-hover: var(--salt-color-blue-600);
269
+ --salt-palette-foreground-invert: var(--salt-color-white);
270
+ --salt-palette-foreground-invert-disabled: var(--salt-color-white-40a);
271
+ --salt-palette-foreground-primary: var(--salt-color-black);
272
+ --salt-palette-foreground-primary-disabled: var(--salt-color-black-40a);
273
+ --salt-palette-foreground-secondary: var(--salt-color-gray-700);
274
+ --salt-palette-foreground-secondary-disabled: var(--salt-color-gray-700-40a);
275
+ --salt-palette-foreground-visited: var(--salt-color-purple-800);
276
+ --salt-palette-info: var(--salt-color-blue-600);
277
+ --salt-palette-info-weak: var(--salt-color-blue-100);
278
+ --salt-palette-negative: var(--salt-color-red-600);
279
+ --salt-palette-negative-weak: var(--salt-color-red-100);
280
+ --salt-palette-neutral: var(--salt-color-gray-500);
281
+ --salt-palette-neutral-disabled: var(--salt-color-gray-500-40a);
282
+ --salt-palette-neutral-readonly: var(--salt-color-gray-500-15a);
283
+ --salt-palette-neutral-strong: var(--salt-color-gray-600);
284
+ --salt-palette-neutral-strong-disabled: var(--salt-color-gray-600-40a);
285
+ --salt-palette-neutral-stronger-primary: var(--salt-color-black-40a);
286
+ --salt-palette-neutral-stronger-secondary: var(--salt-color-black-25a);
287
+ --salt-palette-neutral-stronger-tertiary: var(--salt-color-black-15a);
288
+ --salt-palette-neutral-weak: var(--salt-color-gray-400);
289
+ --salt-palette-neutral-weaker: var(--salt-color-gray-300);
290
+ --salt-palette-neutral-weaker-disabled: var(--salt-color-gray-300-40a);
291
+ --salt-palette-neutral-weaker-readonly: var(--salt-color-gray-300-15a);
292
+ --salt-palette-neutral-weakest: var(--salt-color-gray-200);
293
+ --salt-palette-positive: var(--salt-color-green-600);
294
+ --salt-palette-positive-weak: var(--salt-color-green-100);
295
+ --salt-palette-warning: var(--salt-color-orange-600);
296
+ --salt-palette-warning-weak: var(--salt-color-orange-100);
297
+ }
298
+ .salt-theme.salt-theme-next[data-mode=dark] {
299
+ --salt-palette-accent: var(--salt-color-blue-500);
300
+ --salt-palette-accent-disabled: var(--salt-color-blue-500-40a);
301
+ --salt-palette-accent-strong: var(--salt-color-blue-400);
302
+ --salt-palette-accent-strong-disabled: var(--salt-color-blue-400-40a);
303
+ --salt-palette-accent-stronger: var(--salt-color-blue-300);
304
+ --salt-palette-accent-stronger-disabled: var(--salt-color-blue-300-40a);
305
+ --salt-palette-accent-weak: var(--salt-color-blue-600);
306
+ --salt-palette-accent-weaker: var(--salt-color-blue-800);
307
+ --salt-palette-accent-weaker-disabled: var(--salt-color-blue-800-40a);
308
+ --salt-palette-accent-weakest: var(--salt-color-blue-900);
309
+ --salt-palette-background-backdrop: var(--salt-color-black-70a);
310
+ --salt-palette-background-hover: var(--salt-color-white-8a);
311
+ --salt-palette-background-primary: var(--salt-color-asphalt);
312
+ --salt-palette-background-primary-disabled: var(--salt-color-asphalt-40a);
313
+ --salt-palette-background-secondary: var(--salt-color-oil);
314
+ --salt-palette-background-secondary-disabled: var(--salt-color-oil-40a);
315
+ --salt-palette-background-transparent: var(--salt-color-transparent);
316
+ --salt-palette-category-cat-1: var(--salt-color-cobalt-500);
317
+ --salt-palette-category-cat-1-strong: var(--salt-color-cobalt-400);
318
+ --salt-palette-category-cat-10: var(--salt-color-jade-500);
319
+ --salt-palette-category-cat-10-strong: var(--salt-color-jade-400);
320
+ --salt-palette-category-cat-11: var(--salt-color-citrine-500);
321
+ --salt-palette-category-cat-11-strong: var(--salt-color-citrine-400);
322
+ --salt-palette-category-cat-12: var(--salt-color-autumn-500);
323
+ --salt-palette-category-cat-12-strong: var(--salt-color-autumn-400);
324
+ --salt-palette-category-cat-13: var(--salt-color-lavender-500);
325
+ --salt-palette-category-cat-13-strong: var(--salt-color-lavender-400);
326
+ --salt-palette-category-cat-14: var(--salt-color-ocean-500);
327
+ --salt-palette-category-cat-14-strong: var(--salt-color-ocean-400);
328
+ --salt-palette-category-cat-15: var(--salt-color-smoke-500);
329
+ --salt-palette-category-cat-15-strong: var(--salt-color-smoke-400);
330
+ --salt-palette-category-cat-16: var(--salt-color-fuchsia-500);
331
+ --salt-palette-category-cat-16-strong: var(--salt-color-fuchsia-400);
332
+ --salt-palette-category-cat-17: var(--salt-color-lime-500);
333
+ --salt-palette-category-cat-17-strong: var(--salt-color-lime-400);
334
+ --salt-palette-category-cat-18: var(--salt-color-fur-500);
335
+ --salt-palette-category-cat-18-strong: var(--salt-color-fur-400);
336
+ --salt-palette-category-cat-19: var(--salt-color-violet-500);
337
+ --salt-palette-category-cat-19-strong: var(--salt-color-violet-400);
338
+ --salt-palette-category-cat-2: var(--salt-color-cider-500);
339
+ --salt-palette-category-cat-2-strong: var(--salt-color-cider-400);
340
+ --salt-palette-category-cat-20: var(--salt-color-forest-500);
341
+ --salt-palette-category-cat-20-strong: var(--salt-color-forest-400);
342
+ --salt-palette-category-cat-3: var(--salt-color-plum-500);
343
+ --salt-palette-category-cat-3-strong: var(--salt-color-plum-400);
344
+ --salt-palette-category-cat-4: var(--salt-color-aqua-500);
345
+ --salt-palette-category-cat-4-strong: var(--salt-color-aqua-400);
346
+ --salt-palette-category-cat-5: var(--salt-color-slate-500);
347
+ --salt-palette-category-cat-5-strong: var(--salt-color-slate-400);
348
+ --salt-palette-category-cat-6: var(--salt-color-rose-500);
349
+ --salt-palette-category-cat-6-strong: var(--salt-color-rose-400);
350
+ --salt-palette-category-cat-7: var(--salt-color-olive-500);
351
+ --salt-palette-category-cat-7-strong: var(--salt-color-olive-400);
352
+ --salt-palette-category-cat-8: var(--salt-color-salmon-500);
353
+ --salt-palette-category-cat-8-strong: var(--salt-color-salmon-400);
354
+ --salt-palette-category-cat-9: var(--salt-color-indigo-500);
355
+ --salt-palette-category-cat-9-strong: var(--salt-color-indigo-400);
356
+ --salt-palette-foreground-active: var(--salt-color-blue-300);
357
+ --salt-palette-foreground-hover: var(--salt-color-blue-400);
358
+ --salt-palette-foreground-invert: var(--salt-color-black);
359
+ --salt-palette-foreground-invert-disabled: var(--salt-color-black-40a);
360
+ --salt-palette-foreground-primary: var(--salt-color-white);
361
+ --salt-palette-foreground-primary-disabled: var(--salt-color-white-40a);
362
+ --salt-palette-foreground-secondary: var(--salt-color-gray-300);
363
+ --salt-palette-foreground-secondary-disabled: var(--salt-color-gray-300-40a);
364
+ --salt-palette-foreground-visited: var(--salt-color-purple-200);
365
+ --salt-palette-info: var(--salt-color-blue-400);
366
+ --salt-palette-info-weak: var(--salt-color-blue-900);
367
+ --salt-palette-negative: var(--salt-color-red-400);
368
+ --salt-palette-negative-weak: var(--salt-color-red-900);
369
+ --salt-palette-neutral: var(--salt-color-gray-500);
370
+ --salt-palette-neutral-disabled: var(--salt-color-gray-500-40a);
371
+ --salt-palette-neutral-readonly: var(--salt-color-gray-500-15a);
372
+ --salt-palette-neutral-strong: var(--salt-color-gray-400);
373
+ --salt-palette-neutral-strong-disabled: var(--salt-color-gray-400-40a);
374
+ --salt-palette-neutral-stronger-primary: var(--salt-color-white-40a);
375
+ --salt-palette-neutral-stronger-secondary: var(--salt-color-white-25a);
376
+ --salt-palette-neutral-stronger-tertiary: var(--salt-color-white-15a);
377
+ --salt-palette-neutral-weak: var(--salt-color-gray-600);
378
+ --salt-palette-neutral-weaker: var(--salt-color-gray-700);
379
+ --salt-palette-neutral-weaker-disabled: var(--salt-color-gray-700-40a);
380
+ --salt-palette-neutral-weaker-readonly: var(--salt-color-gray-700-15a);
381
+ --salt-palette-neutral-weakest: var(--salt-color-gray-800);
382
+ --salt-palette-positive: var(--salt-color-green-400);
383
+ --salt-palette-positive-weak: var(--salt-color-green-900);
384
+ --salt-palette-warning: var(--salt-color-orange-400);
385
+ --salt-palette-warning-weak: var(--salt-color-orange-900);
386
+ }
387
+
388
+ /* css/characteristics/characteristics-next.css */
389
+ .salt-theme.salt-theme-next {
390
+ --salt-status-info-borderColor: var(--salt-palette-info);
391
+ --salt-status-info-background: var(--salt-palette-info-weak);
392
+ --salt-status-info-foreground: var(--salt-palette-info);
393
+ --salt-status-static-foreground: var(--salt-palette-foreground-secondary);
394
+ --salt-status-warning-foreground: var(--salt-palette-warning);
395
+ --salt-status-warning-background-selected: var(--salt-palette-warning-weak);
396
+ --salt-status-warning-background: var(--salt-palette-warning-weak);
397
+ --salt-status-warning-borderColor: var(--salt-palette-warning);
398
+ --salt-status-success-background: var(--salt-palette-positive-weak);
399
+ --salt-status-success-background-selected: var(--salt-palette-positive-weak);
400
+ --salt-status-success-foreground: var(--salt-palette-positive);
401
+ --salt-status-success-borderColor: var(--salt-palette-positive);
402
+ --salt-status-error-background-selected: var(--salt-palette-negative-weak);
403
+ --salt-status-error-background: var(--salt-palette-negative-weak);
404
+ --salt-status-error-borderColor: var(--salt-palette-negative);
405
+ --salt-status-error-foreground: var(--salt-palette-negative);
406
+ --salt-status-negative-foreground: var(--salt-palette-negative);
407
+ --salt-status-positive-foreground: var(--salt-palette-positive);
408
+ --salt-container-secondary-borderColor-disabled: var(--salt-palette-neutral-disabled);
409
+ --salt-container-secondary-borderColor: var(--salt-palette-neutral);
410
+ --salt-container-secondary-background: var(--salt-palette-background-secondary);
411
+ --salt-container-secondary-background-disabled: var(--salt-palette-background-secondary-disabled);
412
+ --salt-container-primary-borderColor-disabled: var(--salt-palette-neutral-weaker-disabled);
413
+ --salt-container-primary-borderColor: var(--salt-palette-neutral-weaker);
414
+ --salt-container-primary-background-disabled: var(--salt-palette-background-primary-disabled);
415
+ --salt-container-primary-background: var(--salt-palette-background-primary);
416
+ --salt-actionable-secondary-foreground-disabled: var(--salt-palette-foreground-primary-disabled);
417
+ --salt-actionable-secondary-foreground: var(--salt-palette-foreground-primary);
418
+ --salt-actionable-secondary-background: var(--salt-palette-background-transparent);
419
+ --salt-actionable-secondary-background-hover: var(--salt-palette-neutral-weak);
420
+ --salt-actionable-secondary-foreground-active: var(--salt-palette-foreground-invert);
421
+ --salt-actionable-secondary-background-disabled: var(--salt-palette-background-transparent);
422
+ --salt-actionable-secondary-background-active: var(--salt-palette-neutral-strong);
423
+ --salt-actionable-secondary-foreground-hover: var(--salt-palette-foreground-primary);
424
+ --salt-actionable-primary-foreground-disabled: var(--salt-palette-foreground-primary-disabled);
425
+ --salt-actionable-primary-foreground-hover: var(--salt-palette-foreground-primary);
426
+ --salt-actionable-primary-background: var(--salt-palette-neutral-weaker);
427
+ --salt-actionable-primary-background-disabled: var(--salt-palette-neutral-weaker-disabled);
428
+ --salt-actionable-primary-background-active: var(--salt-palette-neutral-strong);
429
+ --salt-actionable-primary-background-readonly: var(--salt-palette-neutral-weaker-readonly);
430
+ --salt-actionable-primary-background-hover: var(--salt-palette-neutral-weak);
431
+ --salt-actionable-primary-foreground-active: var(--salt-palette-foreground-invert);
432
+ --salt-actionable-primary-foreground: var(--salt-palette-foreground-primary);
433
+ --salt-actionable-cta-foreground: var(--salt-palette-foreground-invert);
434
+ --salt-actionable-cta-foreground-active: var(--salt-palette-foreground-invert);
435
+ --salt-actionable-cta-foreground-hover: var(--salt-palette-foreground-invert);
436
+ --salt-actionable-cta-foreground-disabled: var(--salt-palette-foreground-invert-disabled);
437
+ --salt-actionable-cta-background-hover: var(--salt-palette-accent-weak);
438
+ --salt-actionable-cta-background-disabled: var(--salt-palette-accent-disabled);
439
+ --salt-actionable-cta-background: var(--salt-palette-accent);
440
+ --salt-actionable-cta-background-active: var(--salt-palette-accent-strong);
441
+ --salt-selectable-background: var(--salt-palette-background-transparent);
442
+ --salt-selectable-background-disabled: var(--salt-palette-background-transparent);
443
+ --salt-selectable-borderColor: var(--salt-palette-neutral);
444
+ --salt-selectable-borderColor-readonly: var(--salt-palette-neutral-readonly);
445
+ --salt-selectable-background-blurSelected: var(--salt-palette-neutral-weakest);
446
+ --salt-selectable-foreground-disabled: var(--salt-palette-neutral-strong-disabled);
447
+ --salt-selectable-borderColor-disabled: var(--salt-palette-neutral-disabled);
448
+ --salt-selectable-foreground: var(--salt-palette-neutral-strong);
449
+ --salt-selectable-background-selected: var(--salt-palette-accent-weaker);
450
+ --salt-selectable-background-hover: var(--salt-palette-accent-weakest);
451
+ --salt-selectable-borderColor-selected: var(--salt-palette-accent-stronger);
452
+ --salt-selectable-foreground-selectedDisabled: var(--salt-palette-accent-strong-disabled);
453
+ --salt-selectable-borderColor-selectedDisabled: var(--salt-palette-accent-stronger-disabled);
454
+ --salt-selectable-borderColor-hover: var(--salt-palette-accent);
455
+ --salt-selectable-background-selectedDisabled: var(--salt-palette-accent-weaker-disabled);
456
+ --salt-selectable-foreground-hover: var(--salt-palette-accent);
457
+ --salt-selectable-foreground-selected: var(--salt-palette-accent-strong);
458
+ --salt-track-borderColor: var(--salt-palette-neutral);
459
+ --salt-navigable-background-hover: var(--salt-palette-background-hover);
460
+ --salt-navigable-indicator-active: var(--salt-palette-accent);
461
+ --salt-navigable-indicator-hover: var(--salt-palette-neutral);
462
+ --salt-accent-foreground: var(--salt-palette-foreground-invert);
463
+ --salt-accent-background: var(--salt-palette-accent);
464
+ --salt-accent-borderColor: var(--salt-palette-accent);
465
+ --salt-editable-secondary-background-readonly: var(--salt-palette-background-transparent);
466
+ --salt-editable-secondary-background: var(--salt-palette-background-secondary);
467
+ --salt-editable-secondary-background-disabled: var(--salt-palette-background-secondary-disabled);
468
+ --salt-editable-secondary-background-active: var(--salt-palette-background-secondary);
469
+ --salt-editable-secondary-background-hover: var(--salt-palette-background-secondary);
470
+ --salt-editable-borderColor-readonly: var(--salt-palette-neutral-readonly);
471
+ --salt-editable-borderColor: var(--salt-palette-neutral);
472
+ --salt-editable-primary-background-readonly: var(--salt-palette-background-transparent);
473
+ --salt-editable-primary-background-hover: var(--salt-palette-background-primary);
474
+ --salt-editable-primary-background: var(--salt-palette-background-primary);
475
+ --salt-editable-primary-background-active: var(--salt-palette-background-primary);
476
+ --salt-editable-primary-background-disabled: var(--salt-palette-background-primary-disabled);
477
+ --salt-editable-borderColor-disabled: var(--salt-palette-neutral-disabled);
478
+ --salt-editable-borderColor-active: var(--salt-palette-accent-stronger);
479
+ --salt-editable-borderColor-hover: var(--salt-palette-accent);
480
+ --salt-content-secondary-foreground-disabled: var(--salt-palette-foreground-secondary-disabled);
481
+ --salt-content-primary-foreground: var(--salt-palette-foreground-primary);
482
+ --salt-content-secondary-foreground: var(--salt-palette-foreground-secondary);
483
+ --salt-content-primary-foreground-disabled: var(--salt-palette-foreground-primary-disabled);
484
+ --salt-content-foreground-visited: var(--salt-palette-foreground-visited);
485
+ --salt-content-foreground-active: var(--salt-palette-foreground-active);
486
+ --salt-content-foreground-hover: var(--salt-palette-foreground-hover);
487
+ --salt-content-foreground-highlight: var(--salt-palette-accent-weaker);
488
+ --salt-overlayable-background: var(--salt-palette-background-backdrop);
489
+ --salt-target-background-hover: var(--salt-palette-accent-weakest);
490
+ --salt-target-borderColor-hover: var(--salt-palette-accent);
491
+ --salt-focused-outlineColor: var(--salt-palette-accent-stronger);
492
+ --salt-separable-tertiary-borderColor: var(--salt-palette-neutral-stronger-tertiary);
493
+ --salt-separable-primary-borderColor: var(--salt-palette-neutral-stronger-primary);
494
+ --salt-separable-secondary-borderColor: var(--salt-palette-neutral-stronger-secondary);
495
+ }
496
+
45
497
  /* css/theme-next.css */
package/css/theme.css CHANGED
@@ -837,7 +837,7 @@
837
837
  --salt-navigable-fontWeight-edit: var(--salt-typography-fontWeight-regular);
838
838
  --salt-navigable-indicator-hover: var(--salt-palette-navigate-indicator-hover);
839
839
  --salt-navigable-indicator-active: var(--salt-palette-navigate-indicator-active);
840
- --salt-navigable-background-hover: var(--salt-palette-navigate-primary-background-hover);
840
+ --salt-navigable-background-hover: var(--salt-palette-navigate-background-hover);
841
841
  --salt-navigable-textDecoration: underline;
842
842
  --salt-navigable-textDecoration-hover: none;
843
843
  --salt-navigable-textDecoration-selected: underline;
package/index.css CHANGED
@@ -866,7 +866,7 @@
866
866
  --salt-navigable-fontWeight-edit: var(--salt-typography-fontWeight-regular);
867
867
  --salt-navigable-indicator-hover: var(--salt-palette-navigate-indicator-hover);
868
868
  --salt-navigable-indicator-active: var(--salt-palette-navigate-indicator-active);
869
- --salt-navigable-background-hover: var(--salt-palette-navigate-primary-background-hover);
869
+ --salt-navigable-background-hover: var(--salt-palette-navigate-background-hover);
870
870
  --salt-navigable-textDecoration: underline;
871
871
  --salt-navigable-textDecoration-hover: none;
872
872
  --salt-navigable-textDecoration-selected: underline;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@salt-ds/theme",
3
- "version": "0.0.0-snapshot-20240315162423",
3
+ "version": "0.0.0-snapshot-20240320194833",
4
4
  "license": "Apache-2.0",
5
5
  "repository": {
6
6
  "type": "git",