@salt-ds/theme 1.24.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 -23
  2. package/css/theme.css +903 -419
  3. package/index.css +903 -419
  4. package/package.json +1 -1
package/css/theme.css CHANGED
@@ -1,3 +1,47 @@
1
+ /* css/foundations/alpha.css */
2
+ .salt-theme {
3
+ --salt-color-white-10a: rgba(var(--salt-color-white-rgb), 0.1);
4
+ --salt-color-white-20a: rgba(var(--salt-color-white-rgb), 0.2);
5
+ --salt-color-white-30a: rgba(var(--salt-color-white-rgb), 0.3);
6
+ --salt-color-white-40a: rgba(var(--salt-color-white-rgb), 0.4);
7
+ --salt-color-white-70a: rgba(var(--salt-color-white-rgb), 0.7);
8
+ --salt-color-black-10a: rgba(var(--salt-color-black-rgb), 0.1);
9
+ --salt-color-black-20a: rgba(var(--salt-color-black-rgb), 0.2);
10
+ --salt-color-black-30a: rgba(var(--salt-color-black-rgb), 0.3);
11
+ --salt-color-black-40a: rgba(var(--salt-color-black-rgb), 0.4);
12
+ --salt-color-black-70a: rgba(var(--salt-color-black-rgb), 0.7);
13
+ --salt-color-blue-30-40a: rgba(var(--salt-color-blue-30-rgb), 0.4);
14
+ --salt-color-blue-100-40a: rgba(var(--salt-color-blue-100-rgb), 0.4);
15
+ --salt-color-blue-200-40a: rgba(var(--salt-color-blue-200-rgb), 0.4);
16
+ --salt-color-blue-500-40a: rgba(var(--salt-color-blue-500-rgb), 0.4);
17
+ --salt-color-blue-600-40a: rgba(var(--salt-color-blue-600-rgb), 0.4);
18
+ --salt-color-blue-700-40a: rgba(var(--salt-color-blue-700-rgb), 0.4);
19
+ --salt-color-gray-20-40a: rgba(var(--salt-color-gray-20-rgb), 0.4);
20
+ --salt-color-gray-30-40a: rgba(var(--salt-color-gray-30-rgb), 0.4);
21
+ --salt-color-gray-50-40a: rgba(var(--salt-color-gray-50-rgb), 0.4);
22
+ --salt-color-gray-60-40a: rgba(var(--salt-color-gray-60-rgb), 0.4);
23
+ --salt-color-gray-70-40a: rgba(var(--salt-color-gray-70-rgb), 0.4);
24
+ --salt-color-gray-90-15a: rgba(var(--salt-color-gray-90-rgb), 0.15);
25
+ --salt-color-gray-90-40a: rgba(var(--salt-color-gray-90-rgb), 0.4);
26
+ --salt-color-gray-200-15a: rgba(var(--salt-color-gray-200-rgb), 0.15);
27
+ --salt-color-gray-200-40a: rgba(var(--salt-color-gray-200-rgb), 0.4);
28
+ --salt-color-gray-300-40a: rgba(var(--salt-color-gray-300-rgb), 0.4);
29
+ --salt-color-gray-600-40a: rgba(var(--salt-color-gray-600-rgb), 0.4);
30
+ --salt-color-gray-800-40a: rgba(var(--salt-color-gray-800-rgb), 0.4);
31
+ --salt-color-gray-900-40a: rgba(var(--salt-color-gray-900-rgb), 0.4);
32
+ --salt-color-green-200-40a: rgba(var(--salt-color-green-200-rgb), 0.4);
33
+ --salt-color-green-500-40a: rgba(var(--salt-color-green-500-rgb), 0.4);
34
+ --salt-color-green-600-40a: rgba(var(--salt-color-green-600-rgb), 0.4);
35
+ --salt-color-orange-400-40a: rgba(var(--salt-color-orange-400-rgb), 0.4);
36
+ --salt-color-orange-500-40a: rgba(var(--salt-color-orange-500-rgb), 0.4);
37
+ --salt-color-orange-600-40a: rgba(var(--salt-color-orange-600-rgb), 0.4);
38
+ --salt-color-orange-700-40a: rgba(var(--salt-color-orange-700-rgb), 0.4);
39
+ --salt-color-orange-850-40a: rgba(var(--salt-color-orange-850-rgb), 0.4);
40
+ --salt-color-red-200-40a: rgba(var(--salt-color-red-200-rgb), 0.4);
41
+ --salt-color-red-500-40a: rgba(var(--salt-color-red-500-rgb), 0.4);
42
+ --salt-color-red-600-40a: rgba(var(--salt-color-red-600-rgb), 0.4);
43
+ }
44
+
1
45
  /* css/foundations/animation.css */
2
46
  .salt-density-touch,
3
47
  .salt-density-low,
@@ -145,111 +189,531 @@
145
189
 
146
190
  /* css/foundations/color.css */
147
191
  .salt-theme {
148
- --salt-color-white: rgb(255, 255, 255);
149
- --salt-color-black: rgb(0, 0, 0);
150
- --salt-color-red-10: rgb(255, 227, 224);
151
- --salt-color-red-20: rgb(255, 207, 201);
152
- --salt-color-red-30: rgb(255, 187, 178);
153
- --salt-color-red-40: rgb(255, 167, 156);
154
- --salt-color-red-50: rgb(255, 148, 133);
155
- --salt-color-red-100: rgb(255, 128, 111);
156
- --salt-color-red-200: rgb(255, 108, 88);
157
- --salt-color-red-300: rgb(255, 89, 66);
158
- --salt-color-red-400: rgb(237, 65, 42);
159
- --salt-color-red-500: rgb(227, 43, 22);
160
- --salt-color-red-600: rgb(196, 32, 16);
161
- --salt-color-red-700: rgb(166, 21, 11);
162
- --salt-color-red-800: rgb(136, 10, 5);
163
- --salt-color-red-900: rgb(65, 37, 34);
164
- --salt-color-orange-10: rgb(255, 232, 191);
165
- --salt-color-orange-20: rgb(254, 223, 166);
166
- --salt-color-orange-30: rgb(254, 214, 142);
167
- --salt-color-orange-40: rgb(254, 205, 118);
168
- --salt-color-orange-50: rgb(254, 197, 94);
169
- --salt-color-orange-100: rgb(250, 181, 81);
170
- --salt-color-orange-200: rgb(246, 165, 68);
171
- --salt-color-orange-300: rgb(242, 149, 56);
172
- --salt-color-orange-400: rgb(238, 133, 43);
173
- --salt-color-orange-500: rgb(234, 115, 25);
174
- --salt-color-orange-600: rgb(224, 101, 25);
175
- --salt-color-orange-700: rgb(214, 85, 19);
176
- --salt-color-orange-800: rgb(204, 68, 13);
177
- --salt-color-orange-850: rgb(194, 52, 7);
178
- --salt-color-orange-900: rgb(54, 44, 36);
179
- --salt-color-green-10: rgb(209, 244, 201);
180
- --salt-color-green-20: rgb(184, 232, 182);
181
- --salt-color-green-30: rgb(160, 221, 164);
182
- --salt-color-green-40: rgb(136, 210, 145);
183
- --salt-color-green-50: rgb(112, 199, 127);
184
- --salt-color-green-100: rgb(93, 189, 116);
185
- --salt-color-green-200: rgb(77, 180, 105);
186
- --salt-color-green-300: rgb(60, 171, 96);
187
- --salt-color-green-400: rgb(48, 156, 90);
188
- --salt-color-green-500: rgb(36, 135, 75);
189
- --salt-color-green-600: rgb(24, 114, 61);
190
- --salt-color-green-700: rgb(12, 93, 46);
191
- --salt-color-green-800: rgb(1, 73, 32);
192
- --salt-color-green-900: rgb(35, 52, 43);
193
- --salt-color-teal-10: rgb(218, 240, 240);
194
- --salt-color-teal-20: rgb(199, 232, 232);
195
- --salt-color-teal-30: rgb(180, 224, 225);
196
- --salt-color-teal-40: rgb(162, 217, 218);
197
- --salt-color-teal-50: rgb(141, 205, 209);
198
- --salt-color-teal-100: rgb(123, 193, 200);
199
- --salt-color-teal-200: rgb(99, 181, 192);
200
- --salt-color-teal-300: rgb(73, 160, 172);
201
- --salt-color-teal-400: rgb(48, 149, 166);
202
- --salt-color-teal-500: rgb(0, 130, 151);
203
- --salt-color-teal-600: rgb(27, 107, 133);
204
- --salt-color-teal-700: rgb(0, 85, 113);
205
- --salt-color-teal-800: rgb(1, 65, 86);
206
- --salt-color-teal-900: rgb(0, 49, 76);
207
- --salt-color-blue-10: rgb(203, 231, 249);
208
- --salt-color-blue-20: rgb(183, 222, 246);
209
- --salt-color-blue-30: rgb(164, 213, 244);
210
- --salt-color-blue-40: rgb(144, 204, 242);
211
- --salt-color-blue-50: rgb(125, 195, 240);
212
- --salt-color-blue-100: rgb(100, 177, 228);
213
- --salt-color-blue-200: rgb(75, 159, 216);
214
- --salt-color-blue-300: rgb(51, 141, 205);
215
- --salt-color-blue-400: rgb(46, 132, 198);
216
- --salt-color-blue-500: rgb(38, 112, 169);
217
- --salt-color-blue-600: rgb(21, 92, 147);
218
- --salt-color-blue-700: rgb(0, 71, 123);
219
- --salt-color-blue-800: rgb(39, 60, 77);
220
- --salt-color-blue-900: rgb(35, 47, 56);
221
- --salt-color-purple-10: rgb(249, 224, 247);
222
- --salt-color-purple-20: rgb(247, 212, 244);
223
- --salt-color-purple-30: rgb(245, 201, 241);
224
- --salt-color-purple-40: rgb(243, 189, 238);
225
- --salt-color-purple-50: rgb(241, 178, 235);
226
- --salt-color-purple-100: rgb(223, 156, 225);
227
- --salt-color-purple-200: rgb(205, 135, 215);
228
- --salt-color-purple-300: rgb(192, 116, 203);
229
- --salt-color-purple-400: rgb(169, 97, 181);
230
- --salt-color-purple-500: rgb(150, 78, 162);
231
- --salt-color-purple-600: rgb(129, 60, 141);
232
- --salt-color-purple-700: rgb(103, 46, 122);
233
- --salt-color-purple-800: rgb(83, 37, 109);
234
- --salt-color-purple-900: rgb(59, 16, 84);
235
- --salt-color-gray-10: rgb(242, 244, 246);
236
- --salt-color-gray-20: rgb(234, 237, 239);
237
- --salt-color-gray-30: rgb(224, 228, 233);
238
- --salt-color-gray-40: rgb(217, 221, 227);
239
- --salt-color-gray-50: rgb(206, 210, 217);
240
- --salt-color-gray-60: rgb(197, 201, 208);
241
- --salt-color-gray-70: rgb(180, 183, 190);
242
- --salt-color-gray-80: rgb(159, 163, 170);
243
- --salt-color-gray-90: rgb(132, 135, 142);
244
- --salt-color-gray-100: rgb(116, 119, 127);
245
- --salt-color-gray-200: rgb(97, 101, 110);
246
- --salt-color-gray-300: rgb(76, 80, 91);
247
- --salt-color-gray-400: rgb(68, 72, 79);
248
- --salt-color-gray-500: rgb(59, 63, 70);
249
- --salt-color-gray-600: rgb(47, 49, 54);
250
- --salt-color-gray-700: rgb(42, 44, 47);
251
- --salt-color-gray-800: rgb(36, 37, 38);
252
- --salt-color-gray-900: rgb(22, 22, 22);
192
+ --salt-color-white-rgb:
193
+ 255,
194
+ 255,
195
+ 255;
196
+ --salt-color-black-rgb:
197
+ 0,
198
+ 0,
199
+ 0;
200
+ --salt-color-red-10-rgb:
201
+ 255,
202
+ 227,
203
+ 224;
204
+ --salt-color-red-20-rgb:
205
+ 255,
206
+ 207,
207
+ 201;
208
+ --salt-color-red-30-rgb:
209
+ 255,
210
+ 187,
211
+ 178;
212
+ --salt-color-red-40-rgb:
213
+ 255,
214
+ 167,
215
+ 156;
216
+ --salt-color-red-50-rgb:
217
+ 255,
218
+ 148,
219
+ 133;
220
+ --salt-color-red-100-rgb:
221
+ 255,
222
+ 128,
223
+ 111;
224
+ --salt-color-red-200-rgb:
225
+ 255,
226
+ 108,
227
+ 88;
228
+ --salt-color-red-300-rgb:
229
+ 255,
230
+ 89,
231
+ 66;
232
+ --salt-color-red-400-rgb:
233
+ 237,
234
+ 65,
235
+ 42;
236
+ --salt-color-red-500-rgb:
237
+ 227,
238
+ 43,
239
+ 22;
240
+ --salt-color-red-600-rgb:
241
+ 196,
242
+ 32,
243
+ 16;
244
+ --salt-color-red-700-rgb:
245
+ 166,
246
+ 21,
247
+ 11;
248
+ --salt-color-red-800-rgb:
249
+ 136,
250
+ 10,
251
+ 5;
252
+ --salt-color-red-900-rgb:
253
+ 65,
254
+ 37,
255
+ 34;
256
+ --salt-color-orange-10-rgb:
257
+ 255,
258
+ 232,
259
+ 191;
260
+ --salt-color-orange-20-rgb:
261
+ 254,
262
+ 223,
263
+ 166;
264
+ --salt-color-orange-30-rgb:
265
+ 254,
266
+ 214,
267
+ 142;
268
+ --salt-color-orange-40-rgb:
269
+ 254,
270
+ 205,
271
+ 118;
272
+ --salt-color-orange-50-rgb:
273
+ 254,
274
+ 197,
275
+ 94;
276
+ --salt-color-orange-100-rgb:
277
+ 250,
278
+ 181,
279
+ 81;
280
+ --salt-color-orange-200-rgb:
281
+ 246,
282
+ 165,
283
+ 68;
284
+ --salt-color-orange-300-rgb:
285
+ 242,
286
+ 149,
287
+ 56;
288
+ --salt-color-orange-400-rgb:
289
+ 238,
290
+ 133,
291
+ 43;
292
+ --salt-color-orange-500-rgb:
293
+ 234,
294
+ 115,
295
+ 25;
296
+ --salt-color-orange-600-rgb:
297
+ 224,
298
+ 101,
299
+ 25;
300
+ --salt-color-orange-700-rgb:
301
+ 214,
302
+ 85,
303
+ 19;
304
+ --salt-color-orange-800-rgb:
305
+ 204,
306
+ 68,
307
+ 13;
308
+ --salt-color-orange-850-rgb:
309
+ 194,
310
+ 52,
311
+ 7;
312
+ --salt-color-orange-900-rgb:
313
+ 54,
314
+ 44,
315
+ 36;
316
+ --salt-color-green-10-rgb:
317
+ 209,
318
+ 244,
319
+ 201;
320
+ --salt-color-green-20-rgb:
321
+ 184,
322
+ 232,
323
+ 182;
324
+ --salt-color-green-30-rgb:
325
+ 160,
326
+ 221,
327
+ 164;
328
+ --salt-color-green-40-rgb:
329
+ 136,
330
+ 210,
331
+ 145;
332
+ --salt-color-green-50-rgb:
333
+ 112,
334
+ 199,
335
+ 127;
336
+ --salt-color-green-100-rgb:
337
+ 93,
338
+ 189,
339
+ 116;
340
+ --salt-color-green-200-rgb:
341
+ 77,
342
+ 180,
343
+ 105;
344
+ --salt-color-green-300-rgb:
345
+ 60,
346
+ 171,
347
+ 96;
348
+ --salt-color-green-400-rgb:
349
+ 48,
350
+ 156,
351
+ 90;
352
+ --salt-color-green-500-rgb:
353
+ 36,
354
+ 135,
355
+ 75;
356
+ --salt-color-green-600-rgb:
357
+ 24,
358
+ 114,
359
+ 61;
360
+ --salt-color-green-700-rgb:
361
+ 12,
362
+ 93,
363
+ 46;
364
+ --salt-color-green-800-rgb:
365
+ 1,
366
+ 73,
367
+ 32;
368
+ --salt-color-green-900-rgb:
369
+ 35,
370
+ 52,
371
+ 43;
372
+ --salt-color-teal-10-rgb:
373
+ 218,
374
+ 240,
375
+ 240;
376
+ --salt-color-teal-20-rgb:
377
+ 199,
378
+ 232,
379
+ 232;
380
+ --salt-color-teal-30-rgb:
381
+ 180,
382
+ 224,
383
+ 225;
384
+ --salt-color-teal-40-rgb:
385
+ 162,
386
+ 217,
387
+ 218;
388
+ --salt-color-teal-50-rgb:
389
+ 141,
390
+ 205,
391
+ 209;
392
+ --salt-color-teal-100-rgb:
393
+ 123,
394
+ 193,
395
+ 200;
396
+ --salt-color-teal-200-rgb:
397
+ 99,
398
+ 181,
399
+ 192;
400
+ --salt-color-teal-300-rgb:
401
+ 73,
402
+ 160,
403
+ 172;
404
+ --salt-color-teal-400-rgb:
405
+ 48,
406
+ 149,
407
+ 166;
408
+ --salt-color-teal-500-rgb:
409
+ 0,
410
+ 130,
411
+ 151;
412
+ --salt-color-teal-600-rgb:
413
+ 27,
414
+ 107,
415
+ 133;
416
+ --salt-color-teal-700-rgb:
417
+ 0,
418
+ 85,
419
+ 113;
420
+ --salt-color-teal-800-rgb:
421
+ 1,
422
+ 65,
423
+ 86;
424
+ --salt-color-teal-900-rgb:
425
+ 0,
426
+ 49,
427
+ 76;
428
+ --salt-color-blue-10-rgb:
429
+ 203,
430
+ 231,
431
+ 249;
432
+ --salt-color-blue-20-rgb:
433
+ 183,
434
+ 222,
435
+ 246;
436
+ --salt-color-blue-30-rgb:
437
+ 164,
438
+ 213,
439
+ 244;
440
+ --salt-color-blue-40-rgb:
441
+ 144,
442
+ 204,
443
+ 242;
444
+ --salt-color-blue-50-rgb:
445
+ 125,
446
+ 195,
447
+ 240;
448
+ --salt-color-blue-100-rgb:
449
+ 100,
450
+ 177,
451
+ 228;
452
+ --salt-color-blue-200-rgb:
453
+ 75,
454
+ 159,
455
+ 216;
456
+ --salt-color-blue-300-rgb:
457
+ 51,
458
+ 141,
459
+ 205;
460
+ --salt-color-blue-400-rgb:
461
+ 46,
462
+ 132,
463
+ 198;
464
+ --salt-color-blue-500-rgb:
465
+ 38,
466
+ 112,
467
+ 169;
468
+ --salt-color-blue-600-rgb:
469
+ 21,
470
+ 92,
471
+ 147;
472
+ --salt-color-blue-700-rgb:
473
+ 0,
474
+ 71,
475
+ 123;
476
+ --salt-color-blue-800-rgb:
477
+ 39,
478
+ 60,
479
+ 77;
480
+ --salt-color-blue-900-rgb:
481
+ 35,
482
+ 47,
483
+ 56;
484
+ --salt-color-purple-10-rgb:
485
+ 249,
486
+ 224,
487
+ 247;
488
+ --salt-color-purple-20-rgb:
489
+ 247,
490
+ 212,
491
+ 244;
492
+ --salt-color-purple-30-rgb:
493
+ 245,
494
+ 201,
495
+ 241;
496
+ --salt-color-purple-40-rgb:
497
+ 243,
498
+ 189,
499
+ 238;
500
+ --salt-color-purple-50-rgb:
501
+ 241,
502
+ 178,
503
+ 235;
504
+ --salt-color-purple-100-rgb:
505
+ 223,
506
+ 156,
507
+ 225;
508
+ --salt-color-purple-200-rgb:
509
+ 205,
510
+ 135,
511
+ 215;
512
+ --salt-color-purple-300-rgb:
513
+ 192,
514
+ 116,
515
+ 203;
516
+ --salt-color-purple-400-rgb:
517
+ 169,
518
+ 97,
519
+ 181;
520
+ --salt-color-purple-500-rgb:
521
+ 150,
522
+ 78,
523
+ 162;
524
+ --salt-color-purple-600-rgb:
525
+ 129,
526
+ 60,
527
+ 141;
528
+ --salt-color-purple-700-rgb:
529
+ 103,
530
+ 46,
531
+ 122;
532
+ --salt-color-purple-800-rgb:
533
+ 83,
534
+ 37,
535
+ 109;
536
+ --salt-color-purple-900-rgb:
537
+ 59,
538
+ 16,
539
+ 84;
540
+ --salt-color-gray-10-rgb:
541
+ 242,
542
+ 244,
543
+ 246;
544
+ --salt-color-gray-20-rgb:
545
+ 234,
546
+ 237,
547
+ 239;
548
+ --salt-color-gray-30-rgb:
549
+ 224,
550
+ 228,
551
+ 233;
552
+ --salt-color-gray-40-rgb:
553
+ 217,
554
+ 221,
555
+ 227;
556
+ --salt-color-gray-50-rgb:
557
+ 206,
558
+ 210,
559
+ 217;
560
+ --salt-color-gray-60-rgb:
561
+ 197,
562
+ 201,
563
+ 208;
564
+ --salt-color-gray-70-rgb:
565
+ 180,
566
+ 183,
567
+ 190;
568
+ --salt-color-gray-80-rgb:
569
+ 159,
570
+ 163,
571
+ 170;
572
+ --salt-color-gray-90-rgb:
573
+ 132,
574
+ 135,
575
+ 142;
576
+ --salt-color-gray-100-rgb:
577
+ 116,
578
+ 119,
579
+ 127;
580
+ --salt-color-gray-200-rgb:
581
+ 97,
582
+ 101,
583
+ 110;
584
+ --salt-color-gray-300-rgb:
585
+ 76,
586
+ 80,
587
+ 91;
588
+ --salt-color-gray-400-rgb:
589
+ 68,
590
+ 72,
591
+ 79;
592
+ --salt-color-gray-500-rgb:
593
+ 59,
594
+ 63,
595
+ 70;
596
+ --salt-color-gray-600-rgb:
597
+ 47,
598
+ 49,
599
+ 54;
600
+ --salt-color-gray-700-rgb:
601
+ 42,
602
+ 44,
603
+ 47;
604
+ --salt-color-gray-800-rgb:
605
+ 36,
606
+ 37,
607
+ 38;
608
+ --salt-color-gray-900-rgb:
609
+ 22,
610
+ 22,
611
+ 22;
612
+ --salt-color-white: rgb(var(--salt-color-white-rgb));
613
+ --salt-color-black: rgb(var(--salt-color-black-rgb));
614
+ --salt-color-red-10: rgb(var(--salt-color-red-10-rgb));
615
+ --salt-color-red-20: rgb(var(--salt-color-red-20-rgb));
616
+ --salt-color-red-30: rgb(var(--salt-color-red-30-rgb));
617
+ --salt-color-red-40: rgb(var(--salt-color-red-40-rgb));
618
+ --salt-color-red-50: rgb(var(--salt-color-red-50-rgb));
619
+ --salt-color-red-100: rgb(var(--salt-color-red-100-rgb));
620
+ --salt-color-red-200: rgb(var(--salt-color-red-200-rgb));
621
+ --salt-color-red-300: rgb(var(--salt-color-red-300-rgb));
622
+ --salt-color-red-400: rgb(var(--salt-color-red-400-rgb));
623
+ --salt-color-red-500: rgb(var(--salt-color-red-500-rgb));
624
+ --salt-color-red-600: rgb(var(--salt-color-red-600-rgb));
625
+ --salt-color-red-700: rgb(var(--salt-color-red-700-rgb));
626
+ --salt-color-red-800: rgb(var(--salt-color-red-800-rgb));
627
+ --salt-color-red-900: rgb(var(--salt-color-red-900-rgb));
628
+ --salt-color-orange-10: rgb(var(--salt-color-orange-10-rgb));
629
+ --salt-color-orange-20: rgb(var(--salt-color-orange-20-rgb));
630
+ --salt-color-orange-30: rgb(var(--salt-color-orange-30-rgb));
631
+ --salt-color-orange-40: rgb(var(--salt-color-orange-40-rgb));
632
+ --salt-color-orange-50: rgb(var(--salt-color-orange-50-rgb));
633
+ --salt-color-orange-100: rgb(var(--salt-color-orange-100-rgb));
634
+ --salt-color-orange-200: rgb(var(--salt-color-orange-200-rgb));
635
+ --salt-color-orange-300: rgb(var(--salt-color-orange-300-rgb));
636
+ --salt-color-orange-400: rgb(var(--salt-color-orange-400-rgb));
637
+ --salt-color-orange-500: rgb(var(--salt-color-orange-500-rgb));
638
+ --salt-color-orange-600: rgb(var(--salt-color-orange-600-rgb));
639
+ --salt-color-orange-700: rgb(var(--salt-color-orange-700-rgb));
640
+ --salt-color-orange-800: rgb(var(--salt-color-orange-800-rgb));
641
+ --salt-color-orange-850: rgb(var(--salt-color-orange-850-rgb));
642
+ --salt-color-orange-900: rgb(var(--salt-color-orange-900-rgb));
643
+ --salt-color-green-10: rgb(var(--salt-color-green-10-rgb));
644
+ --salt-color-green-20: rgb(var(--salt-color-green-20-rgb));
645
+ --salt-color-green-30: rgb(var(--salt-color-green-30-rgb));
646
+ --salt-color-green-40: rgb(var(--salt-color-green-40-rgb));
647
+ --salt-color-green-50: rgb(var(--salt-color-green-50-rgb));
648
+ --salt-color-green-100: rgb(var(--salt-color-green-100-rgb));
649
+ --salt-color-green-200: rgb(var(--salt-color-green-200-rgb));
650
+ --salt-color-green-300: rgb(var(--salt-color-green-300-rgb));
651
+ --salt-color-green-400: rgb(var(--salt-color-green-400-rgb));
652
+ --salt-color-green-500: rgb(var(--salt-color-green-500-rgb));
653
+ --salt-color-green-600: rgb(var(--salt-color-green-600-rgb));
654
+ --salt-color-green-700: rgb(var(--salt-color-green-700-rgb));
655
+ --salt-color-green-800: rgb(var(--salt-color-green-800-rgb));
656
+ --salt-color-green-900: rgb(var(--salt-color-green-900-rgb));
657
+ --salt-color-teal-10: rgb(var(--salt-color-teal-10-rgb));
658
+ --salt-color-teal-20: rgb(var(--salt-color-teal-20-rgb));
659
+ --salt-color-teal-30: rgb(var(--salt-color-teal-30-rgb));
660
+ --salt-color-teal-40: rgb(var(--salt-color-teal-40-rgb));
661
+ --salt-color-teal-50: rgb(var(--salt-color-teal-50-rgb));
662
+ --salt-color-teal-100: rgb(var(--salt-color-teal-100-rgb));
663
+ --salt-color-teal-200: rgb(var(--salt-color-teal-200-rgb));
664
+ --salt-color-teal-300: rgb(var(--salt-color-teal-300-rgb));
665
+ --salt-color-teal-400: rgb(var(--salt-color-teal-400-rgb));
666
+ --salt-color-teal-500: rgb(var(--salt-color-teal-500-rgb));
667
+ --salt-color-teal-600: rgb(var(--salt-color-teal-600-rgb));
668
+ --salt-color-teal-700: rgb(var(--salt-color-teal-700-rgb));
669
+ --salt-color-teal-800: rgb(var(--salt-color-teal-800-rgb));
670
+ --salt-color-teal-900: rgb(var(--salt-color-teal-900-rgb));
671
+ --salt-color-blue-10: rgb(var(--salt-color-blue-10-rgb));
672
+ --salt-color-blue-20: rgb(var(--salt-color-blue-20-rgb));
673
+ --salt-color-blue-30: rgb(var(--salt-color-blue-30-rgb));
674
+ --salt-color-blue-40: rgb(var(--salt-color-blue-40-rgb));
675
+ --salt-color-blue-50: rgb(var(--salt-color-blue-50-rgb));
676
+ --salt-color-blue-100: rgb(var(--salt-color-blue-100-rgb));
677
+ --salt-color-blue-200: rgb(var(--salt-color-blue-200-rgb));
678
+ --salt-color-blue-300: rgb(var(--salt-color-blue-300-rgb));
679
+ --salt-color-blue-400: rgb(var(--salt-color-blue-400-rgb));
680
+ --salt-color-blue-500: rgb(var(--salt-color-blue-500-rgb));
681
+ --salt-color-blue-600: rgb(var(--salt-color-blue-600-rgb));
682
+ --salt-color-blue-700: rgb(var(--salt-color-blue-700-rgb));
683
+ --salt-color-blue-800: rgb(var(--salt-color-blue-800-rgb));
684
+ --salt-color-blue-900: rgb(var(--salt-color-blue-900-rgb));
685
+ --salt-color-purple-10: rgb(var(--salt-color-purple-10-rgb));
686
+ --salt-color-purple-20: rgb(var(--salt-color-purple-20-rgb));
687
+ --salt-color-purple-30: rgb(var(--salt-color-purple-30-rgb));
688
+ --salt-color-purple-40: rgb(var(--salt-color-purple-40-rgb));
689
+ --salt-color-purple-50: rgb(var(--salt-color-purple-50-rgb));
690
+ --salt-color-purple-100: rgb(var(--salt-color-purple-100-rgb));
691
+ --salt-color-purple-200: rgb(var(--salt-color-purple-200-rgb));
692
+ --salt-color-purple-300: rgb(var(--salt-color-purple-300-rgb));
693
+ --salt-color-purple-400: rgb(var(--salt-color-purple-400-rgb));
694
+ --salt-color-purple-500: rgb(var(--salt-color-purple-500-rgb));
695
+ --salt-color-purple-600: rgb(var(--salt-color-purple-600-rgb));
696
+ --salt-color-purple-700: rgb(var(--salt-color-purple-700-rgb));
697
+ --salt-color-purple-800: rgb(var(--salt-color-purple-800-rgb));
698
+ --salt-color-purple-900: rgb(var(--salt-color-purple-900-rgb));
699
+ --salt-color-gray-10: rgb(var(--salt-color-gray-10-rgb));
700
+ --salt-color-gray-20: rgb(var(--salt-color-gray-20-rgb));
701
+ --salt-color-gray-30: rgb(var(--salt-color-gray-30-rgb));
702
+ --salt-color-gray-40: rgb(var(--salt-color-gray-40-rgb));
703
+ --salt-color-gray-50: rgb(var(--salt-color-gray-50-rgb));
704
+ --salt-color-gray-60: rgb(var(--salt-color-gray-60-rgb));
705
+ --salt-color-gray-70: rgb(var(--salt-color-gray-70-rgb));
706
+ --salt-color-gray-80: rgb(var(--salt-color-gray-80-rgb));
707
+ --salt-color-gray-90: rgb(var(--salt-color-gray-90-rgb));
708
+ --salt-color-gray-100: rgb(var(--salt-color-gray-100-rgb));
709
+ --salt-color-gray-200: rgb(var(--salt-color-gray-200-rgb));
710
+ --salt-color-gray-300: rgb(var(--salt-color-gray-300-rgb));
711
+ --salt-color-gray-400: rgb(var(--salt-color-gray-400-rgb));
712
+ --salt-color-gray-500: rgb(var(--salt-color-gray-500-rgb));
713
+ --salt-color-gray-600: rgb(var(--salt-color-gray-600-rgb));
714
+ --salt-color-gray-700: rgb(var(--salt-color-gray-700-rgb));
715
+ --salt-color-gray-800: rgb(var(--salt-color-gray-800-rgb));
716
+ --salt-color-gray-900: rgb(var(--salt-color-gray-900-rgb));
253
717
  --salt-color-cobalt-100: rgb(237, 244, 255);
254
718
  --salt-color-cobalt-200: rgb(198, 211, 239);
255
719
  --salt-color-cobalt-300: rgb(159, 179, 223);
@@ -440,95 +904,6 @@
440
904
  --salt-duration-cutoff: 10000ms;
441
905
  }
442
906
 
443
- /* css/foundations/fade.css */
444
- .salt-theme {
445
- --salt-color-blue-100-fade-foreground: rgba(100, 177, 228, var(--salt-palette-opacity-disabled));
446
- --salt-color-blue-200-fade-foreground: rgba(75, 159, 216, var(--salt-palette-opacity-disabled));
447
- --salt-color-blue-500-fade-foreground: rgba(38, 112, 169, var(--salt-palette-opacity-disabled));
448
- --salt-color-blue-600-fade-foreground: rgba(21, 92, 147, var(--salt-palette-opacity-disabled));
449
- --salt-color-gray-200-fade-foreground: rgba(97, 101, 110, var(--salt-palette-opacity-disabled));
450
- --salt-color-gray-70-fade-foreground: rgba(180, 183, 190, var(--salt-palette-opacity-disabled));
451
- --salt-color-gray-90-fade-foreground: rgba(132, 135, 142, var(--salt-palette-opacity-disabled));
452
- --salt-color-gray-900-fade-foreground: rgba(22, 22, 22, var(--salt-palette-opacity-disabled));
453
- --salt-color-green-200-fade-foreground: rgba(77, 180, 105, var(--salt-palette-opacity-disabled));
454
- --salt-color-green-300-fade-foreground: rgba(60, 171, 96, var(--salt-palette-opacity-disabled));
455
- --salt-color-green-400-fade-foreground: rgba(48, 156, 90, var(--salt-palette-opacity-disabled));
456
- --salt-color-green-500-fade-foreground: rgba(36, 135, 75, var(--salt-palette-opacity-disabled));
457
- --salt-color-green-600-fade-foreground: rgba(24, 114, 61, var(--salt-palette-opacity-disabled));
458
- --salt-color-green-700-fade-foreground: rgba(12, 93, 46, var(--salt-palette-opacity-disabled));
459
- --salt-color-red-200-fade-foreground: rgba(255, 108, 88, var(--salt-palette-opacity-disabled));
460
- --salt-color-red-300-fade-foreground: rgba(255, 89, 66, var(--salt-palette-opacity-disabled));
461
- --salt-color-red-500-fade-foreground: rgba(227, 43, 22, var(--salt-palette-opacity-disabled));
462
- --salt-color-red-600-fade-foreground: rgba(196, 32, 16, var(--salt-palette-opacity-disabled));
463
- --salt-color-red-700-fade-foreground: rgba(166, 21, 11, var(--salt-palette-opacity-disabled));
464
- --salt-color-orange-400-fade-foreground: rgba(238, 133, 43, var(--salt-palette-opacity-disabled));
465
- --salt-color-orange-850-fade-foreground: rgba(194, 52, 7, var(--salt-palette-opacity-disabled));
466
- --salt-color-white-fade-foreground: rgba(255, 255, 255, var(--salt-palette-opacity-disabled));
467
- --salt-color-blue-500-fade-border: rgba(38, 112, 169, var(--salt-palette-opacity-disabled));
468
- --salt-color-gray-50-fade-border: rgba(206, 210, 217, var(--salt-palette-opacity-disabled));
469
- --salt-color-gray-60-fade-border: rgba(197, 201, 208, var(--salt-palette-opacity-disabled));
470
- --salt-color-gray-90-fade-border: rgba(132, 135, 142, var(--salt-palette-opacity-disabled));
471
- --salt-color-gray-200-fade-border: rgba(97, 101, 110, var(--salt-palette-opacity-disabled));
472
- --salt-color-gray-300-fade-border: rgba(76, 80, 91, var(--salt-palette-opacity-disabled));
473
- --salt-color-green-400-fade-border: rgba(48, 156, 90, var(--salt-palette-opacity-disabled));
474
- --salt-color-green-500-fade-border: rgba(36, 135, 75, var(--salt-palette-opacity-disabled));
475
- --salt-color-orange-400-fade-border: rgba(238, 133, 43, var(--salt-palette-opacity-disabled));
476
- --salt-color-orange-500-fade-border: rgba(234, 115, 25, var(--salt-palette-opacity-disabled));
477
- --salt-color-orange-600-fade-border: rgba(224, 101, 25, var(--salt-palette-opacity-disabled));
478
- --salt-color-orange-700-fade-border: rgba(214, 85, 19, var(--salt-palette-opacity-disabled));
479
- --salt-color-red-500-fade-border: rgba(227, 43, 22, var(--salt-palette-opacity-disabled));
480
- --salt-color-gray-90-fade-border-readonly: rgba(132, 135, 142, var(--salt-palette-opacity-border-readonly));
481
- --salt-color-gray-200-fade-border-readonly: rgba(97, 101, 110, var(--salt-palette-opacity-border-readonly));
482
- --salt-color-blue-30-fade-background: rgba(164, 213, 244, var(--salt-palette-opacity-disabled));
483
- --salt-color-blue-500-fade-background: rgba(38, 112, 169, var(--salt-palette-opacity-disabled));
484
- --salt-color-blue-600-fade-background: rgba(21, 92, 147, var(--salt-palette-opacity-disabled));
485
- --salt-color-blue-700-fade-background: rgba(0, 71, 123, var(--salt-palette-opacity-disabled));
486
- --salt-color-gray-20-fade-background: rgba(234, 237, 239, var(--salt-palette-opacity-disabled));
487
- --salt-color-gray-30-fade-background: rgba(224, 228, 233, var(--salt-palette-opacity-disabled));
488
- --salt-color-gray-50-fade-background: rgba(206, 210, 217, var(--salt-palette-opacity-disabled));
489
- --salt-color-gray-60-fade-background: rgba(197, 201, 208, var(--salt-palette-opacity-disabled));
490
- --salt-color-gray-70-fade-background: rgba(180, 183, 190, var(--salt-palette-opacity-disabled));
491
- --salt-color-gray-200-fade-background: rgba(97, 101, 110, var(--salt-palette-opacity-disabled));
492
- --salt-color-gray-300-fade-background: rgba(76, 80, 91, var(--salt-palette-opacity-disabled));
493
- --salt-color-gray-600-fade-background: rgba(47, 49, 54, var(--salt-palette-opacity-disabled));
494
- --salt-color-gray-800-fade-background: rgba(36, 37, 38, var(--salt-palette-opacity-disabled));
495
- --salt-color-white-fade-background: rgba(255, 255, 255, var(--salt-palette-opacity-disabled));
496
- --salt-color-green-500-fade-background: rgba(36, 135, 75, var(--salt-palette-opacity-disabled));
497
- --salt-color-green-600-fade-background: rgba(24, 114, 61, var(--salt-palette-opacity-disabled));
498
- --salt-color-red-600-fade-background: rgba(196, 32, 16, var(--salt-palette-opacity-disabled));
499
- --salt-color-white-fade-background-readonly: rgba(255, 255, 255, var(--salt-palette-opacity-background-readonly));
500
- --salt-color-gray-20-fade-background-readonly: rgba(234, 237, 239, var(--salt-palette-opacity-background-readonly));
501
- --salt-color-gray-600-fade-background-readonly: rgba(47, 49, 54, var(--salt-palette-opacity-background-readonly));
502
- --salt-color-gray-800-fade-background-readonly: rgba(36, 37, 38, var(--salt-palette-opacity-background-readonly));
503
- --salt-color-white-fade-backdrop: rgba(255, 255, 255, var(--salt-palette-opacity-backdrop));
504
- --salt-color-black-fade-backdrop: rgba(0, 0, 0, var(--salt-palette-opacity-backdrop));
505
- --salt-color-blue-100-fade-fill: rgba(100, 177, 228, var(--salt-palette-opacity-disabled));
506
- --salt-color-blue-600-fade-fill: rgba(21, 92, 147, var(--salt-palette-opacity-disabled));
507
- --salt-color-white-fade-separatorOpacity-primary: rgba(255, 255, 255, var(--salt-palette-opacity-primary-border));
508
- --salt-color-white-fade-separatorOpacity-secondary: rgba(255, 255, 255, var(--salt-palette-opacity-secondary-border));
509
- --salt-color-white-fade-separatorOpacity-tertiary: rgba(255, 255, 255, var(--salt-palette-opacity-tertiary-border));
510
- --salt-color-black-fade-separatorOpacity-primary: rgba(0, 0, 0, var(--salt-palette-opacity-primary-border));
511
- --salt-color-black-fade-separatorOpacity-secondary: rgba(0, 0, 0, var(--salt-palette-opacity-secondary-border));
512
- --salt-color-black-fade-separatorOpacity-tertiary: rgba(0, 0, 0, var(--salt-palette-opacity-tertiary-border));
513
- --salt-color-black-fade-background-hover: rgba(0, 0, 0, var(--salt-opacity-8));
514
- --salt-color-black-fade-background-selection: rgba(0, 0, 0, var(--salt-opacity-15));
515
- --salt-color-black-fade-background-highlight: rgba(0, 0, 0, var(--salt-opacity-25));
516
- --salt-color-white-fade-background-hover: rgba(255, 255, 255, var(--salt-opacity-8));
517
- --salt-color-white-fade-background-selection: rgba(255, 255, 255, var(--salt-opacity-15));
518
- --salt-color-white-fade-background-highlight: rgba(255, 255, 255, var(--salt-opacity-25));
519
- }
520
-
521
- /* css/foundations/opacity.css */
522
- .salt-theme {
523
- --salt-opacity-0: 0;
524
- --salt-opacity-8: 0.08;
525
- --salt-opacity-15: 0.15;
526
- --salt-opacity-25: 0.25;
527
- --salt-opacity-40: 0.4;
528
- --salt-opacity-45: 0.45;
529
- --salt-opacity-70: 0.7;
530
- }
531
-
532
907
  /* css/foundations/shadow.css */
533
908
  .salt-theme[data-mode=light] {
534
909
  --salt-shadow-100-color: rgba(0, 0, 0, 0.1);
@@ -628,6 +1003,17 @@
628
1003
  --salt-spacing-300: calc(3 * var(--salt-spacing-100));
629
1004
  --salt-spacing-350: calc(3.5 * var(--salt-spacing-100));
630
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));
631
1017
  }
632
1018
 
633
1019
  /* css/foundations/typography.css */
@@ -659,24 +1045,38 @@
659
1045
  --salt-zIndex-flyover: 1500;
660
1046
  }
661
1047
 
1048
+ /* css/palette/alpha.css */
1049
+ .salt-theme[data-mode=light] {
1050
+ --salt-palette-alpha: var(--salt-color-black-30a);
1051
+ --salt-palette-alpha-strong: var(--salt-color-black-40a);
1052
+ --salt-palette-alpha-weak: var(--salt-color-black-20a);
1053
+ --salt-palette-alpha-weaker: var(--salt-color-black-10a);
1054
+ --salt-palette-alpha-backdrop: var(--salt-color-white-70a);
1055
+ --salt-palette-alpha-none: transparent;
1056
+ }
1057
+ .salt-theme[data-mode=dark] {
1058
+ --salt-palette-alpha: var(--salt-color-white-30a);
1059
+ --salt-palette-alpha-strong: var(--salt-color-white-40a);
1060
+ --salt-palette-alpha-weak: var(--salt-color-white-20a);
1061
+ --salt-palette-alpha-weaker: var(--salt-color-white-10a);
1062
+ --salt-palette-alpha-backdrop: var(--salt-color-black-70a);
1063
+ --salt-palette-alpha-none: transparent;
1064
+ }
1065
+
662
1066
  /* css/palette/accent.css */
663
1067
  .salt-theme[data-mode=light] {
664
- --salt-palette-accent-background: var(--salt-color-blue-500);
665
- --salt-palette-accent-background-disabled: var(--salt-color-blue-500-fade-background);
666
- --salt-palette-accent-border: var(--salt-color-blue-500);
667
- --salt-palette-accent-border-disabled: var(--salt-color-blue-500-fade-border);
1068
+ --salt-palette-accent: var(--salt-color-blue-500);
1069
+ --salt-palette-accent-disabled: var(--salt-color-blue-500-40a);
668
1070
  --salt-palette-accent-foreground: var(--salt-color-white);
669
1071
  --salt-palette-accent-foreground-informative: var(--salt-color-blue-600);
670
- --salt-palette-accent-foreground-informative-disabled: var(--salt-color-blue-600-fade-foreground);
1072
+ --salt-palette-accent-foreground-informative-disabled: var(--salt-color-blue-600-40a);
671
1073
  }
672
1074
  .salt-theme[data-mode=dark] {
673
- --salt-palette-accent-background: var(--salt-color-blue-500);
674
- --salt-palette-accent-background-disabled: var(--salt-color-blue-500-fade-background);
675
- --salt-palette-accent-border: var(--salt-color-blue-500);
676
- --salt-palette-accent-border-disabled: var(--salt-color-blue-500-fade-border);
1075
+ --salt-palette-accent: var(--salt-color-blue-500);
1076
+ --salt-palette-accent-disabled: var(--salt-color-blue-500-40a);
677
1077
  --salt-palette-accent-foreground: var(--salt-color-white);
678
1078
  --salt-palette-accent-foreground-informative: var(--salt-color-blue-200);
679
- --salt-palette-accent-foreground-informative-disabled: var(--salt-color-blue-200-fade-foreground);
1079
+ --salt-palette-accent-foreground-informative-disabled: var(--salt-color-blue-200-40a);
680
1080
  }
681
1081
 
682
1082
  /* css/palette/error.css */
@@ -841,113 +1241,93 @@
841
1241
 
842
1242
  /* css/palette/interact.css */
843
1243
  .salt-theme[data-mode=light] {
844
- --salt-palette-interact-background: transparent;
845
1244
  --salt-palette-interact-background-blurSelected: var(--salt-color-gray-30);
846
1245
  --salt-palette-interact-background-hover: var(--salt-color-blue-10);
847
1246
  --salt-palette-interact-background-active: var(--salt-color-blue-30);
848
- --salt-palette-interact-background-disabled: transparent;
849
- --salt-palette-interact-background-activeDisabled: var(--salt-color-blue-30-fade-background);
1247
+ --salt-palette-interact-background-activeDisabled: var(--salt-color-blue-30-40a);
850
1248
  --salt-palette-interact-border: var(--salt-color-gray-200);
851
1249
  --salt-palette-interact-border-active: var(--salt-color-blue-600);
852
- --salt-palette-interact-border-activeDisabled: var(--salt-color-blue-600-fade-fill);
853
- --salt-palette-interact-border-disabled: var(--salt-color-gray-200-fade-border);
1250
+ --salt-palette-interact-border-activeDisabled: var(--salt-color-blue-600-40a);
1251
+ --salt-palette-interact-border-disabled: var(--salt-color-gray-200-40a);
854
1252
  --salt-palette-interact-border-hover: var(--salt-color-blue-500);
855
- --salt-palette-interact-border-readonly: var(--salt-color-gray-200-fade-border-readonly);
856
- --salt-palette-interact-border-none: transparent;
1253
+ --salt-palette-interact-border-readonly: var(--salt-color-gray-200-15a);
857
1254
  --salt-palette-interact-foreground: var(--salt-color-gray-200);
858
1255
  --salt-palette-interact-foreground-active: var(--salt-color-blue-600);
859
- --salt-palette-interact-foreground-activeDisabled: var(--salt-color-blue-600-fade-foreground);
860
- --salt-palette-interact-foreground-disabled: var(--salt-color-gray-200-fade-foreground);
1256
+ --salt-palette-interact-foreground-activeDisabled: var(--salt-color-blue-600-40a);
1257
+ --salt-palette-interact-foreground-disabled: var(--salt-color-gray-200-40a);
861
1258
  --salt-palette-interact-foreground-hover: var(--salt-color-blue-500);
862
1259
  --salt-palette-interact-outline: var(--salt-color-blue-600);
863
1260
  --salt-palette-interact-cta-background: var(--salt-color-blue-600);
864
1261
  --salt-palette-interact-cta-background-active: var(--salt-color-blue-700);
865
- --salt-palette-interact-cta-background-disabled: var(--salt-color-blue-600-fade-background);
1262
+ --salt-palette-interact-cta-background-disabled: var(--salt-color-blue-600-40a);
866
1263
  --salt-palette-interact-cta-background-hover: var(--salt-color-blue-500);
867
1264
  --salt-palette-interact-cta-foreground: var(--salt-color-white);
868
- --salt-palette-interact-cta-foreground-active: var(--salt-color-white);
869
- --salt-palette-interact-cta-foreground-disabled: var(--salt-color-white-fade-foreground);
870
- --salt-palette-interact-cta-foreground-hover: var(--salt-color-white);
1265
+ --salt-palette-interact-cta-foreground-disabled: var(--salt-color-white-40a);
871
1266
  --salt-palette-interact-cta-border-hover: var(--salt-color-blue-500);
872
1267
  --salt-palette-interact-cta-border-active: var(--salt-color-blue-700);
873
1268
  --salt-palette-interact-primary-background: var(--salt-color-gray-60);
874
1269
  --salt-palette-interact-primary-background-active: var(--salt-color-gray-200);
875
- --salt-palette-interact-primary-background-disabled: var(--salt-color-gray-60-fade-background);
1270
+ --salt-palette-interact-primary-background-disabled: var(--salt-color-gray-60-40a);
876
1271
  --salt-palette-interact-primary-background-hover: var(--salt-color-gray-40);
877
1272
  --salt-palette-interact-primary-foreground: var(--salt-color-gray-900);
878
1273
  --salt-palette-interact-primary-foreground-active: var(--salt-color-white);
879
- --salt-palette-interact-primary-foreground-disabled: var(--salt-color-gray-900-fade-foreground);
1274
+ --salt-palette-interact-primary-foreground-disabled: var(--salt-color-gray-900-40a);
880
1275
  --salt-palette-interact-primary-foreground-hover: var(--salt-color-gray-900);
881
- --salt-palette-interact-secondary-background: transparent;
882
1276
  --salt-palette-interact-secondary-background-active: var(--salt-color-gray-200);
883
- --salt-palette-interact-secondary-background-disabled: transparent;
884
1277
  --salt-palette-interact-secondary-background-hover: var(--salt-color-gray-40);
885
1278
  --salt-palette-interact-secondary-foreground: var(--salt-color-gray-900);
886
1279
  --salt-palette-interact-secondary-foreground-active: var(--salt-color-white);
887
- --salt-palette-interact-secondary-foreground-disabled: var(--salt-color-gray-900-fade-foreground);
1280
+ --salt-palette-interact-secondary-foreground-disabled: var(--salt-color-gray-900-40a);
888
1281
  --salt-palette-interact-secondary-foreground-hover: var(--salt-color-gray-900);
889
1282
  }
890
1283
  .salt-theme[data-mode=dark] {
891
- --salt-palette-interact-background: transparent;
892
1284
  --salt-palette-interact-background-active: var(--salt-color-blue-700);
893
1285
  --salt-palette-interact-background-blurSelected: var(--salt-color-gray-600);
894
1286
  --salt-palette-interact-background-hover: var(--salt-color-blue-800);
895
- --salt-palette-interact-background-disabled: transparent;
896
- --salt-palette-interact-background-activeDisabled: var(--salt-color-blue-700-fade-background);
1287
+ --salt-palette-interact-background-activeDisabled: var(--salt-color-blue-700-40a);
897
1288
  --salt-palette-interact-border: var(--salt-color-gray-90);
898
1289
  --salt-palette-interact-border-active: var(--salt-color-blue-100);
899
- --salt-palette-interact-border-activeDisabled: var(--salt-color-blue-100-fade-fill);
900
- --salt-palette-interact-border-disabled: var(--salt-color-gray-90-fade-border);
1290
+ --salt-palette-interact-border-activeDisabled: var(--salt-color-blue-100-40a);
1291
+ --salt-palette-interact-border-disabled: var(--salt-color-gray-90-40a);
901
1292
  --salt-palette-interact-border-hover: var(--salt-color-blue-500);
902
- --salt-palette-interact-border-readonly: var(--salt-color-gray-90-fade-border-readonly);
903
- --salt-palette-interact-border-none: transparent;
1293
+ --salt-palette-interact-border-readonly: var(--salt-color-gray-90-15a);
904
1294
  --salt-palette-interact-foreground: var(--salt-color-gray-90);
905
1295
  --salt-palette-interact-foreground-active: var(--salt-color-blue-100);
906
- --salt-palette-interact-foreground-activeDisabled: var(--salt-color-blue-100-fade-foreground);
907
- --salt-palette-interact-foreground-disabled: var(--salt-color-gray-90-fade-foreground);
1296
+ --salt-palette-interact-foreground-activeDisabled: var(--salt-color-blue-100-40a);
1297
+ --salt-palette-interact-foreground-disabled: var(--salt-color-gray-90-40a);
908
1298
  --salt-palette-interact-foreground-hover: var(--salt-color-blue-500);
909
1299
  --salt-palette-interact-outline: var(--salt-color-blue-100);
910
1300
  --salt-palette-interact-cta-background: var(--salt-color-blue-600);
911
1301
  --salt-palette-interact-cta-background-active: var(--salt-color-blue-700);
912
- --salt-palette-interact-cta-background-disabled: var(--salt-color-blue-600-fade-background);
1302
+ --salt-palette-interact-cta-background-disabled: var(--salt-color-blue-600-40a);
913
1303
  --salt-palette-interact-cta-background-hover: var(--salt-color-blue-500);
914
1304
  --salt-palette-interact-cta-foreground: var(--salt-color-white);
915
- --salt-palette-interact-cta-foreground-active: var(--salt-color-white);
916
- --salt-palette-interact-cta-foreground-disabled: var(--salt-color-white-fade-foreground);
917
- --salt-palette-interact-cta-foreground-hover: var(--salt-color-white);
1305
+ --salt-palette-interact-cta-foreground-disabled: var(--salt-color-white-40a);
918
1306
  --salt-palette-interact-cta-border-hover: var(--salt-color-blue-500);
919
1307
  --salt-palette-interact-cta-border-active: var(--salt-color-blue-700);
920
1308
  --salt-palette-interact-primary-background: var(--salt-color-gray-300);
921
1309
  --salt-palette-interact-primary-background-active: var(--salt-color-gray-70);
922
- --salt-palette-interact-primary-background-disabled: var(--salt-color-gray-300-fade-background);
1310
+ --salt-palette-interact-primary-background-disabled: var(--salt-color-gray-300-40a);
923
1311
  --salt-palette-interact-primary-background-hover: var(--salt-color-gray-200);
924
1312
  --salt-palette-interact-primary-foreground: var(--salt-color-white);
925
1313
  --salt-palette-interact-primary-foreground-active: var(--salt-color-gray-900);
926
- --salt-palette-interact-primary-foreground-disabled: var(--salt-color-white-fade-foreground);
1314
+ --salt-palette-interact-primary-foreground-disabled: var(--salt-color-white-40a);
927
1315
  --salt-palette-interact-primary-foreground-hover: var(--salt-color-white);
928
- --salt-palette-interact-secondary-background: transparent;
929
1316
  --salt-palette-interact-secondary-background-active: var(--salt-color-gray-70);
930
- --salt-palette-interact-secondary-background-disabled: transparent;
931
1317
  --salt-palette-interact-secondary-background-hover: var(--salt-color-gray-200);
932
1318
  --salt-palette-interact-secondary-foreground: var(--salt-color-white);
933
1319
  --salt-palette-interact-secondary-foreground-active: var(--salt-color-gray-900);
934
- --salt-palette-interact-secondary-foreground-disabled: var(--salt-color-white-fade-foreground);
1320
+ --salt-palette-interact-secondary-foreground-disabled: var(--salt-color-white-40a);
935
1321
  --salt-palette-interact-secondary-foreground-hover: var(--salt-color-white);
936
1322
  }
937
1323
 
938
1324
  /* css/palette/navigate.css */
939
1325
  .salt-theme[data-mode=light] {
940
- --salt-palette-navigate-background-hover: var(--salt-color-black-fade-background-hover);
941
- --salt-palette-navigate-foreground-hover: var(--salt-color-blue-600);
942
- --salt-palette-navigate-foreground-active: var(--salt-color-blue-700);
943
1326
  --salt-palette-navigate-foreground-visited: var(--salt-color-purple-800);
944
1327
  --salt-palette-navigate-indicator-hover: var(--salt-color-gray-90);
945
1328
  --salt-palette-navigate-indicator-active: var(--salt-color-orange-600);
946
1329
  }
947
1330
  .salt-theme[data-mode=dark] {
948
- --salt-palette-navigate-background-hover: var(--salt-color-white-fade-background-hover);
949
- --salt-palette-navigate-foreground-hover: var(--salt-color-blue-200);
950
- --salt-palette-navigate-foreground-active: var(--salt-color-blue-300);
951
1331
  --salt-palette-navigate-foreground-visited: var(--salt-color-purple-100);
952
1332
  --salt-palette-navigate-indicator-hover: var(--salt-color-gray-90);
953
1333
  --salt-palette-navigate-indicator-active: var(--salt-color-orange-400);
@@ -956,110 +1336,75 @@
956
1336
  /* css/palette/negative.css */
957
1337
  .salt-theme[data-mode=light] {
958
1338
  --salt-palette-negative-foreground: var(--salt-color-red-600);
959
- --salt-palette-negative-foreground-disabled: var(--salt-color-red-600-fade-foreground);
1339
+ --salt-palette-negative-foreground-disabled: var(--salt-color-red-600-40a);
960
1340
  --salt-palette-negative-background: var(--salt-color-red-600);
961
1341
  --salt-palette-negative-background-hover: var(--salt-color-red-500);
962
1342
  --salt-palette-negative-background-active: var(--salt-color-red-700);
963
- --salt-palette-negative-background-disabled: var(--salt-color-red-600-fade-background);
1343
+ --salt-palette-negative-background-disabled: var(--salt-color-red-600-40a);
964
1344
  --salt-palette-negative-border: var(--salt-color-red-500);
965
- --salt-palette-negative-border-disabled: var(--salt-color-red-500-fade-border);
1345
+ --salt-palette-negative-border-disabled: var(--salt-color-red-500-40a);
966
1346
  }
967
1347
  .salt-theme[data-mode=dark] {
968
1348
  --salt-palette-negative-foreground: var(--salt-color-red-200);
969
- --salt-palette-negative-foreground-disabled: var(--salt-color-red-200-fade-foreground);
1349
+ --salt-palette-negative-foreground-disabled: var(--salt-color-red-200-40a);
970
1350
  --salt-palette-negative-background: var(--salt-color-red-600);
971
1351
  --salt-palette-negative-background-hover: var(--salt-color-red-500);
972
1352
  --salt-palette-negative-background-active: var(--salt-color-red-700);
973
- --salt-palette-negative-background-disabled: var(--salt-color-red-600-fade-background);
1353
+ --salt-palette-negative-background-disabled: var(--salt-color-red-600-40a);
974
1354
  --salt-palette-negative-border: var(--salt-color-red-500);
975
- --salt-palette-negative-border-disabled: var(--salt-color-red-500-fade-border);
1355
+ --salt-palette-negative-border-disabled: var(--salt-color-red-500-40a);
976
1356
  }
977
1357
 
978
1358
  /* css/palette/neutral.css */
979
1359
  .salt-theme[data-mode=light] {
1360
+ --salt-palette-neutral-border: var(--salt-color-gray-50);
1361
+ --salt-palette-neutral-border-disabled: var(--salt-color-gray-50-40a);
980
1362
  --salt-palette-neutral-primary-background: var(--salt-color-white);
981
- --salt-palette-neutral-primary-background-disabled: var(--salt-color-white-fade-background);
982
- --salt-palette-neutral-primary-background-readonly: var(--salt-color-white-fade-background-readonly);
1363
+ --salt-palette-neutral-primary-background-disabled: var(--salt-color-white-40a);
983
1364
  --salt-palette-neutral-primary-foreground: var(--salt-color-gray-900);
984
- --salt-palette-neutral-primary-foreground-disabled: var(--salt-color-gray-900-fade-foreground);
985
- --salt-palette-neutral-primary-separator: var(--salt-color-black-fade-separatorOpacity-primary);
986
- --salt-palette-neutral-primary-border: var(--salt-color-gray-50);
987
- --salt-palette-neutral-primary-border-disabled: var(--salt-color-gray-50-fade-border);
1365
+ --salt-palette-neutral-primary-foreground-disabled: var(--salt-color-gray-900-40a);
988
1366
  --salt-palette-neutral-secondary-background: var(--salt-color-gray-20);
989
- --salt-palette-neutral-secondary-background-disabled: var(--salt-color-gray-20-fade-background);
990
- --salt-palette-neutral-secondary-background-readonly: var(--salt-color-gray-20-fade-background-readonly);
991
- --salt-palette-neutral-secondary-border: var(--salt-color-gray-50);
992
- --salt-palette-neutral-secondary-border-disabled: var(--salt-color-gray-50-fade-border);
1367
+ --salt-palette-neutral-secondary-background-disabled: var(--salt-color-gray-20-40a);
993
1368
  --salt-palette-neutral-secondary-foreground: var(--salt-color-gray-200);
994
- --salt-palette-neutral-secondary-foreground-disabled: var(--salt-color-gray-200-fade-foreground);
995
- --salt-palette-neutral-secondary-separator: var(--salt-color-black-fade-separatorOpacity-secondary);
1369
+ --salt-palette-neutral-secondary-foreground-disabled: var(--salt-color-gray-200-40a);
996
1370
  --salt-palette-neutral-tertiary-background: var(--salt-color-gray-30);
997
- --salt-palette-neutral-tertiary-background-disabled: var(--salt-color-gray-30-fade-background);
998
- --salt-palette-neutral-tertiary-border: var(--salt-color-gray-50);
999
- --salt-palette-neutral-tertiary-border-disabled: var(--salt-color-gray-50-fade-background);
1000
- --salt-palette-neutral-tertiary-separator: var(--salt-color-black-fade-separatorOpacity-tertiary);
1001
- --salt-palette-neutral-backdrop: var(--salt-color-white-fade-backdrop);
1002
- --salt-palette-neutral-selection: var(--salt-color-black-fade-background-selection);
1003
- --salt-palette-neutral-highlight: var(--salt-color-black-fade-background-highlight);
1371
+ --salt-palette-neutral-tertiary-background-disabled: var(--salt-color-gray-30-40a);
1004
1372
  }
1005
1373
  .salt-theme[data-mode=dark] {
1374
+ --salt-palette-neutral-border: var(--salt-color-gray-300);
1375
+ --salt-palette-neutral-border-disabled: var(--salt-color-gray-300-40a);
1006
1376
  --salt-palette-neutral-primary-background: var(--salt-color-gray-800);
1007
- --salt-palette-neutral-primary-background-disabled: var(--salt-color-gray-800-fade-background);
1008
- --salt-palette-neutral-primary-background-readonly: var(--salt-color-gray-800-fade-background-readonly);
1009
- --salt-palette-neutral-primary-border: var(--salt-color-gray-300);
1010
- --salt-palette-neutral-primary-border-disabled: var(--salt-color-gray-300-fade-border);
1377
+ --salt-palette-neutral-primary-background-disabled: var(--salt-color-gray-800-40a);
1011
1378
  --salt-palette-neutral-primary-foreground: var(--salt-color-white);
1012
- --salt-palette-neutral-primary-foreground-disabled: var(--salt-color-white-fade-foreground);
1013
- --salt-palette-neutral-primary-separator: var(--salt-color-white-fade-separatorOpacity-primary);
1379
+ --salt-palette-neutral-primary-foreground-disabled: var(--salt-color-white-40a);
1014
1380
  --salt-palette-neutral-secondary-background: var(--salt-color-gray-600);
1015
- --salt-palette-neutral-secondary-background-disabled: var(--salt-color-gray-600-fade-background);
1016
- --salt-palette-neutral-secondary-background-readonly: var(--salt-color-gray-600-fade-background-readonly);
1017
- --salt-palette-neutral-secondary-border: var(--salt-color-gray-300);
1018
- --salt-palette-neutral-secondary-border-disabled: var(--salt-color-gray-300-fade-border);
1381
+ --salt-palette-neutral-secondary-background-disabled: var(--salt-color-gray-600-40a);
1019
1382
  --salt-palette-neutral-secondary-foreground: var(--salt-color-gray-70);
1020
- --salt-palette-neutral-secondary-foreground-disabled: var(--salt-color-gray-70-fade-foreground);
1021
- --salt-palette-neutral-secondary-separator: var(--salt-color-white-fade-separatorOpacity-secondary);
1022
- --salt-palette-neutral-tertiary-separator: var(--salt-color-white-fade-separatorOpacity-tertiary);
1383
+ --salt-palette-neutral-secondary-foreground-disabled: var(--salt-color-gray-70-40a);
1023
1384
  --salt-palette-neutral-tertiary-background: var(--salt-color-gray-500);
1024
- --salt-palette-neutral-tertiary-background-disabled: var(--salt-color-gray-500-fade-background);
1025
- --salt-palette-neutral-tertiary-border: var(--salt-color-gray-300);
1026
- --salt-palette-neutral-tertiary-border-disabled: var(--salt-color-gray-300-fade-background);
1027
- --salt-palette-neutral-backdrop: var(--salt-color-black-fade-backdrop);
1028
- --salt-palette-neutral-selection: var(--salt-color-white-fade-background-selection);
1029
- --salt-palette-neutral-highlight: var(--salt-color-white-fade-background-highlight);
1030
- }
1031
-
1032
- /* css/palette/opacity.css */
1033
- .salt-theme {
1034
- --salt-palette-opacity-backdrop: var(--salt-opacity-70);
1035
- --salt-palette-opacity-disabled: var(--salt-opacity-40);
1036
- --salt-palette-opacity-background-readonly: var(--salt-opacity-0);
1037
- --salt-palette-opacity-border-readonly: var(--salt-opacity-15);
1038
- --salt-palette-opacity-primary-border: var(--salt-opacity-45);
1039
- --salt-palette-opacity-secondary-border: var(--salt-opacity-25);
1040
- --salt-palette-opacity-tertiary-border: var(--salt-opacity-15);
1385
+ --salt-palette-neutral-tertiary-background-disabled: var(--salt-color-gray-500-40a);
1041
1386
  }
1042
1387
 
1043
1388
  /* css/palette/positive.css */
1044
1389
  .salt-theme[data-mode=light] {
1045
1390
  --salt-palette-positive-foreground: var(--salt-color-green-600);
1046
- --salt-palette-positive-foreground-disabled: var(--salt-color-green-600-fade-foreground);
1391
+ --salt-palette-positive-foreground-disabled: var(--salt-color-green-600-40a);
1047
1392
  --salt-palette-positive-background: var(--salt-color-green-600);
1048
1393
  --salt-palette-positive-background-hover: var(--salt-color-green-500);
1049
1394
  --salt-palette-positive-background-active: var(--salt-color-green-700);
1050
- --salt-palette-positive-background-disabled: var(--salt-color-green-600-fade-background);
1395
+ --salt-palette-positive-background-disabled: var(--salt-color-green-600-40a);
1051
1396
  --salt-palette-positive-border: var(--salt-color-green-500);
1052
- --salt-palette-positive-border-disabled: var(--salt-color-green-500-fade-background);
1397
+ --salt-palette-positive-border-disabled: var(--salt-color-green-500-40a);
1053
1398
  }
1054
1399
  .salt-theme[data-mode=dark] {
1055
1400
  --salt-palette-positive-foreground: var(--salt-color-green-200);
1056
- --salt-palette-positive-foreground-disabled: var(--salt-color-green-200-fade-foreground);
1401
+ --salt-palette-positive-foreground-disabled: var(--salt-color-green-200-40a);
1057
1402
  --salt-palette-positive-background: var(--salt-color-green-600);
1058
1403
  --salt-palette-positive-background-hover: var(--salt-color-green-500);
1059
1404
  --salt-palette-positive-background-active: var(--salt-color-green-700);
1060
- --salt-palette-positive-background-disabled: var(--salt-color-green-600-fade-background);
1405
+ --salt-palette-positive-background-disabled: var(--salt-color-green-600-40a);
1061
1406
  --salt-palette-positive-border: var(--salt-color-green-500);
1062
- --salt-palette-positive-border-disabled: var(--salt-color-green-500-fade-background);
1407
+ --salt-palette-positive-border-disabled: var(--salt-color-green-500-40a);
1063
1408
  }
1064
1409
 
1065
1410
  /* css/palette/success.css */
@@ -1107,39 +1452,40 @@
1107
1452
  --salt-palette-warning-bold-background: var(--salt-color-orange-800);
1108
1453
  --salt-palette-warning-background-selected: var(--salt-color-orange-20);
1109
1454
  --salt-palette-warning-border: var(--salt-color-orange-700);
1110
- --salt-palette-warning-border-disabled: var(--salt-color-orange-700-fade-border);
1455
+ --salt-palette-warning-border-disabled: var(--salt-color-orange-700-40a);
1111
1456
  --salt-palette-warning-foreground-decorative: var(--salt-color-orange-700);
1112
1457
  --salt-palette-warning-foreground-informative: var(--salt-color-orange-850);
1113
- --salt-palette-warning-foreground-informative-disabled: var(--salt-color-orange-850-fade-foreground);
1458
+ --salt-palette-warning-foreground-informative-disabled: var(--salt-color-orange-850-40a);
1114
1459
  --salt-palette-warning-action: var(--salt-color-orange-600);
1115
1460
  --salt-palette-warning-action-hover: var(--salt-color-orange-500);
1116
1461
  --salt-palette-warning-action-active: var(--salt-color-orange-800);
1117
- --salt-palette-warning-action-disabled: var(--salt-color-orange-600-fade-background);
1462
+ --salt-palette-warning-action-disabled: var(--salt-color-orange-600-40a);
1118
1463
  --salt-palette-warning-action-foreground: var(--salt-color-gray-900);
1119
- --salt-palette-warning-action-foreground-disabled: var(--salt-color-gray-900-fade-foreground);
1464
+ --salt-palette-warning-action-foreground-disabled: var(--salt-color-gray-900-40a);
1120
1465
  }
1121
1466
  .salt-theme[data-mode=dark] {
1122
1467
  --salt-palette-warning-background: var(--salt-color-orange-900);
1123
1468
  --salt-palette-warning-bold-background: var(--salt-color-orange-800);
1124
1469
  --salt-palette-warning-background-selected: var(--salt-color-orange-900);
1125
1470
  --salt-palette-warning-border: var(--salt-color-orange-500);
1126
- --salt-palette-warning-border-disabled: var(--salt-color-orange-500-fade-border);
1471
+ --salt-palette-warning-border-disabled: var(--salt-color-orange-500-40a);
1127
1472
  --salt-palette-warning-foreground-decorative: var(--salt-color-orange-500);
1128
1473
  --salt-palette-warning-foreground-informative: var(--salt-color-orange-400);
1129
- --salt-palette-warning-foreground-informative-disabled: var(--salt-color-orange-400-fade-foreground);
1474
+ --salt-palette-warning-foreground-informative-disabled: var(--salt-color-orange-400-40a);
1130
1475
  --salt-palette-warning-action: var(--salt-color-orange-600);
1131
1476
  --salt-palette-warning-action-hover: var(--salt-color-orange-500);
1132
1477
  --salt-palette-warning-action-active: var(--salt-color-orange-800);
1133
- --salt-palette-warning-action-disabled: var(--salt-color-orange-600-fade-background);
1478
+ --salt-palette-warning-action-disabled: var(--salt-color-orange-600-40a);
1134
1479
  --salt-palette-warning-action-foreground: var(--salt-color-gray-900);
1135
- --salt-palette-warning-action-foreground-disabled: var(--salt-color-gray-900-fade-foreground);
1480
+ --salt-palette-warning-action-foreground-disabled: var(--salt-color-gray-900-40a);
1136
1481
  }
1137
1482
 
1138
1483
  /* css/characteristics/accent.css */
1139
1484
  .salt-theme {
1140
- --salt-accent-background: var(--salt-palette-accent-background);
1141
- --salt-accent-background-disabled: var(--salt-palette-accent-background-disabled);
1142
- --salt-accent-borderColor: var(--salt-palette-accent-border);
1485
+ --salt-accent-background: var(--salt-palette-accent);
1486
+ --salt-accent-background-disabled: var(--salt-palette-accent-disabled);
1487
+ --salt-accent-borderColor: var(--salt-palette-accent);
1488
+ --salt-accent-borderColor-disabled: var(--salt-palette-accent-disabled);
1143
1489
  --salt-accent-foreground: var(--salt-palette-accent-foreground);
1144
1490
  }
1145
1491
 
@@ -1152,10 +1498,10 @@
1152
1498
  --salt-actionable-accented-bold-background-disabled: var(--salt-palette-interact-cta-background-disabled);
1153
1499
  --salt-actionable-accented-bold-background-hover: var(--salt-palette-interact-cta-background-hover);
1154
1500
  --salt-actionable-accented-bold-background: var(--salt-palette-interact-cta-background);
1155
- --salt-actionable-accented-bold-borderColor-active: var(--salt-palette-interact-border-none);
1156
- --salt-actionable-accented-bold-borderColor-disabled: var(--salt-palette-interact-border-none);
1157
- --salt-actionable-accented-bold-borderColor-hover: var(--salt-palette-interact-border-none);
1158
- --salt-actionable-accented-bold-borderColor: var(--salt-palette-interact-border-none);
1501
+ --salt-actionable-accented-bold-borderColor-active: var(--salt-palette-alpha-none);
1502
+ --salt-actionable-accented-bold-borderColor-disabled: var(--salt-palette-alpha-none);
1503
+ --salt-actionable-accented-bold-borderColor-hover: var(--salt-palette-alpha-none);
1504
+ --salt-actionable-accented-bold-borderColor: var(--salt-palette-alpha-none);
1159
1505
  --salt-actionable-accented-bold-foreground-active: var(--salt-palette-interact-cta-foreground);
1160
1506
  --salt-actionable-accented-bold-foreground-disabled: var(--salt-palette-interact-cta-foreground-disabled);
1161
1507
  --salt-actionable-accented-bold-foreground-hover: var(--salt-palette-interact-cta-foreground);
@@ -1164,58 +1510,58 @@
1164
1510
  --salt-actionable-bold-background-disabled: var(--salt-palette-interact-primary-background-disabled);
1165
1511
  --salt-actionable-bold-background-hover: var(--salt-palette-interact-primary-background-hover);
1166
1512
  --salt-actionable-bold-background: var(--salt-palette-interact-primary-background);
1167
- --salt-actionable-bold-borderColor-active: var(--salt-palette-interact-border-none);
1168
- --salt-actionable-bold-borderColor-disabled: var(--salt-palette-interact-border-none);
1169
- --salt-actionable-bold-borderColor-hover: var(--salt-palette-interact-border-none);
1170
- --salt-actionable-bold-borderColor: var(--salt-palette-interact-border-none);
1513
+ --salt-actionable-bold-borderColor-active: var(--salt-palette-alpha-none);
1514
+ --salt-actionable-bold-borderColor-disabled: var(--salt-palette-alpha-none);
1515
+ --salt-actionable-bold-borderColor-hover: var(--salt-palette-alpha-none);
1516
+ --salt-actionable-bold-borderColor: var(--salt-palette-alpha-none);
1171
1517
  --salt-actionable-bold-foreground-active: var(--salt-palette-interact-primary-foreground-active);
1172
1518
  --salt-actionable-bold-foreground-disabled: var(--salt-palette-neutral-primary-foreground-disabled);
1173
1519
  --salt-actionable-bold-foreground-hover: var(--salt-palette-neutral-primary-foreground);
1174
1520
  --salt-actionable-bold-foreground: var(--salt-palette-neutral-primary-foreground);
1175
1521
  --salt-actionable-accented-background-active: var(--salt-palette-interact-cta-background-active);
1176
- --salt-actionable-accented-background-disabled: var(--salt-palette-interact-background);
1522
+ --salt-actionable-accented-background-disabled: var(--salt-palette-alpha-none);
1177
1523
  --salt-actionable-accented-background-hover: var(--salt-palette-interact-cta-background-hover);
1178
- --salt-actionable-accented-background: var(--salt-palette-interact-background);
1524
+ --salt-actionable-accented-background: var(--salt-palette-alpha-none);
1179
1525
  --salt-actionable-accented-borderColor-active: var(--salt-palette-interact-cta-border-active);
1180
- --salt-actionable-accented-borderColor-disabled: var(--salt-palette-accent-border-disabled);
1526
+ --salt-actionable-accented-borderColor-disabled: var(--salt-palette-accent-disabled);
1181
1527
  --salt-actionable-accented-borderColor-hover: var(--salt-palette-interact-cta-border-hover);
1182
- --salt-actionable-accented-borderColor: var(--salt-palette-accent-border);
1528
+ --salt-actionable-accented-borderColor: var(--salt-palette-accent);
1183
1529
  --salt-actionable-accented-foreground-active: var(--salt-palette-interact-cta-foreground);
1184
1530
  --salt-actionable-accented-foreground-disabled: var(--salt-palette-accent-foreground-informative-disabled);
1185
1531
  --salt-actionable-accented-foreground-hover: var(--salt-palette-interact-cta-foreground);
1186
1532
  --salt-actionable-accented-foreground: var(--salt-palette-accent-foreground-informative);
1187
1533
  --salt-actionable-background-active: var(--salt-palette-interact-primary-background-active);
1188
- --salt-actionable-background-disabled: var(--salt-palette-interact-background);
1534
+ --salt-actionable-background-disabled: var(--salt-palette-alpha-none);
1189
1535
  --salt-actionable-background-hover: var(--salt-palette-interact-primary-background-hover);
1190
- --salt-actionable-background: var(--salt-palette-interact-background);
1191
- --salt-actionable-borderColor-active: var(--salt-palette-interact-border-none);
1536
+ --salt-actionable-background: var(--salt-palette-alpha-none);
1537
+ --salt-actionable-borderColor-active: var(--salt-palette-alpha-none);
1192
1538
  --salt-actionable-borderColor-disabled: var(--salt-palette-interact-border-disabled);
1193
- --salt-actionable-borderColor-hover: var(--salt-palette-interact-border-none);
1539
+ --salt-actionable-borderColor-hover: var(--salt-palette-alpha-none);
1194
1540
  --salt-actionable-borderColor: var(--salt-palette-interact-border);
1195
1541
  --salt-actionable-foreground-active: var(--salt-palette-interact-primary-foreground-active);
1196
1542
  --salt-actionable-foreground-disabled: var(--salt-palette-neutral-primary-foreground-disabled);
1197
1543
  --salt-actionable-foreground-hover: var(--salt-palette-neutral-primary-foreground);
1198
1544
  --salt-actionable-foreground: var(--salt-palette-neutral-primary-foreground);
1199
1545
  --salt-actionable-accented-subtle-background-active: var(--salt-palette-interact-cta-background-active);
1200
- --salt-actionable-accented-subtle-background-disabled: var(--salt-palette-interact-background);
1546
+ --salt-actionable-accented-subtle-background-disabled: var(--salt-palette-alpha-none);
1201
1547
  --salt-actionable-accented-subtle-background-hover: var(--salt-palette-interact-cta-background-hover);
1202
- --salt-actionable-accented-subtle-background: var(--salt-palette-interact-background);
1203
- --salt-actionable-accented-subtle-borderColor-active: var(--salt-palette-interact-border-none);
1204
- --salt-actionable-accented-subtle-borderColor-disabled: var(--salt-palette-interact-border-none);
1205
- --salt-actionable-accented-subtle-borderColor-hover: var(--salt-palette-interact-border-none);
1206
- --salt-actionable-accented-subtle-borderColor: var(--salt-palette-interact-border-none);
1548
+ --salt-actionable-accented-subtle-background: var(--salt-palette-alpha-none);
1549
+ --salt-actionable-accented-subtle-borderColor-active: var(--salt-palette-alpha-none);
1550
+ --salt-actionable-accented-subtle-borderColor-disabled: var(--salt-palette-alpha-none);
1551
+ --salt-actionable-accented-subtle-borderColor-hover: var(--salt-palette-alpha-none);
1552
+ --salt-actionable-accented-subtle-borderColor: var(--salt-palette-alpha-none);
1207
1553
  --salt-actionable-accented-subtle-foreground-active: var(--salt-palette-interact-cta-foreground);
1208
1554
  --salt-actionable-accented-subtle-foreground-disabled: var(--salt-palette-accent-foreground-informative-disabled);
1209
1555
  --salt-actionable-accented-subtle-foreground-hover: var(--salt-palette-interact-cta-foreground);
1210
1556
  --salt-actionable-accented-subtle-foreground: var(--salt-palette-accent-foreground-informative);
1211
1557
  --salt-actionable-subtle-background-active: var(--salt-palette-interact-primary-background-active);
1212
- --salt-actionable-subtle-background-disabled: var(--salt-palette-interact-background);
1558
+ --salt-actionable-subtle-background-disabled: var(--salt-palette-alpha-none);
1213
1559
  --salt-actionable-subtle-background-hover: var(--salt-palette-interact-primary-background-hover);
1214
- --salt-actionable-subtle-background: var(--salt-palette-interact-background);
1215
- --salt-actionable-subtle-borderColor-active: var(--salt-palette-interact-border-none);
1216
- --salt-actionable-subtle-borderColor-disabled: var(--salt-palette-interact-border-none);
1217
- --salt-actionable-subtle-borderColor-hover: var(--salt-palette-interact-border-none);
1218
- --salt-actionable-subtle-borderColor: var(--salt-palette-interact-border-none);
1560
+ --salt-actionable-subtle-background: var(--salt-palette-alpha-none);
1561
+ --salt-actionable-subtle-borderColor-active: var(--salt-palette-alpha-none);
1562
+ --salt-actionable-subtle-borderColor-disabled: var(--salt-palette-alpha-none);
1563
+ --salt-actionable-subtle-borderColor-hover: var(--salt-palette-alpha-none);
1564
+ --salt-actionable-subtle-borderColor: var(--salt-palette-alpha-none);
1219
1565
  --salt-actionable-subtle-foreground-active: var(--salt-palette-interact-primary-foreground-active);
1220
1566
  --salt-actionable-subtle-foreground-disabled: var(--salt-palette-neutral-primary-foreground-disabled);
1221
1567
  --salt-actionable-subtle-foreground-hover: var(--salt-palette-neutral-primary-foreground);
@@ -1224,34 +1570,34 @@
1224
1570
  --salt-actionable-negative-bold-background-disabled: var(--salt-palette-negative-background-disabled);
1225
1571
  --salt-actionable-negative-bold-background-hover: var(--salt-palette-negative-background-hover);
1226
1572
  --salt-actionable-negative-bold-background: var(--salt-palette-negative-background);
1227
- --salt-actionable-negative-bold-borderColor-active: var(--salt-palette-interact-border-none);
1228
- --salt-actionable-negative-bold-borderColor-disabled: var(--salt-palette-interact-border-none);
1229
- --salt-actionable-negative-bold-borderColor-hover: var(--salt-palette-interact-border-none);
1230
- --salt-actionable-negative-bold-borderColor: var(--salt-palette-interact-border-none);
1573
+ --salt-actionable-negative-bold-borderColor-active: var(--salt-palette-alpha-none);
1574
+ --salt-actionable-negative-bold-borderColor-disabled: var(--salt-palette-alpha-none);
1575
+ --salt-actionable-negative-bold-borderColor-hover: var(--salt-palette-alpha-none);
1576
+ --salt-actionable-negative-bold-borderColor: var(--salt-palette-alpha-none);
1231
1577
  --salt-actionable-negative-bold-foreground-active: var(--salt-palette-interact-cta-foreground);
1232
1578
  --salt-actionable-negative-bold-foreground-disabled: var(--salt-palette-interact-cta-foreground-disabled);
1233
1579
  --salt-actionable-negative-bold-foreground-hover: var(--salt-palette-interact-cta-foreground);
1234
1580
  --salt-actionable-negative-bold-foreground: var(--salt-palette-interact-cta-foreground);
1235
1581
  --salt-actionable-negative-background-active: var(--salt-palette-negative-background-active);
1236
- --salt-actionable-negative-background-disabled: var(--salt-palette-interact-background);
1582
+ --salt-actionable-negative-background-disabled: var(--salt-palette-alpha-none);
1237
1583
  --salt-actionable-negative-background-hover: var(--salt-palette-negative-background-hover);
1238
- --salt-actionable-negative-background: var(--salt-palette-interact-background);
1239
- --salt-actionable-negative-borderColor-active: var(--salt-palette-interact-border-none);
1584
+ --salt-actionable-negative-background: var(--salt-palette-alpha-none);
1585
+ --salt-actionable-negative-borderColor-active: var(--salt-palette-alpha-none);
1240
1586
  --salt-actionable-negative-borderColor-disabled: var(--salt-palette-negative-border-disabled);
1241
- --salt-actionable-negative-borderColor-hover: var(--salt-palette-interact-border-none);
1587
+ --salt-actionable-negative-borderColor-hover: var(--salt-palette-alpha-none);
1242
1588
  --salt-actionable-negative-borderColor: var(--salt-palette-negative-border);
1243
1589
  --salt-actionable-negative-foreground-active: var(--salt-palette-interact-cta-foreground);
1244
1590
  --salt-actionable-negative-foreground-disabled: var(--salt-palette-negative-foreground-disabled);
1245
1591
  --salt-actionable-negative-foreground-hover: var(--salt-palette-interact-cta-foreground);
1246
1592
  --salt-actionable-negative-foreground: var(--salt-palette-negative-foreground);
1247
1593
  --salt-actionable-negative-subtle-background-active: var(--salt-palette-negative-background-active);
1248
- --salt-actionable-negative-subtle-background-disabled: var(--salt-palette-interact-background);
1594
+ --salt-actionable-negative-subtle-background-disabled: var(--salt-palette-alpha-none);
1249
1595
  --salt-actionable-negative-subtle-background-hover: var(--salt-palette-negative-background-hover);
1250
- --salt-actionable-negative-subtle-background: var(--salt-palette-interact-background);
1251
- --salt-actionable-negative-subtle-borderColor-active: var(--salt-palette-interact-border-none);
1252
- --salt-actionable-negative-subtle-borderColor-disabled: var(--salt-palette-interact-border-none);
1253
- --salt-actionable-negative-subtle-borderColor-hover: var(--salt-palette-interact-border-none);
1254
- --salt-actionable-negative-subtle-borderColor: var(--salt-palette-interact-border-none);
1596
+ --salt-actionable-negative-subtle-background: var(--salt-palette-alpha-none);
1597
+ --salt-actionable-negative-subtle-borderColor-active: var(--salt-palette-alpha-none);
1598
+ --salt-actionable-negative-subtle-borderColor-disabled: var(--salt-palette-alpha-none);
1599
+ --salt-actionable-negative-subtle-borderColor-hover: var(--salt-palette-alpha-none);
1600
+ --salt-actionable-negative-subtle-borderColor: var(--salt-palette-alpha-none);
1255
1601
  --salt-actionable-negative-subtle-foreground-active: var(--salt-palette-interact-cta-foreground);
1256
1602
  --salt-actionable-negative-subtle-foreground-disabled: var(--salt-palette-negative-foreground-disabled);
1257
1603
  --salt-actionable-negative-subtle-foreground-hover: var(--salt-palette-interact-cta-foreground);
@@ -1260,34 +1606,34 @@
1260
1606
  --salt-actionable-positive-bold-background-disabled: var(--salt-palette-positive-background-disabled);
1261
1607
  --salt-actionable-positive-bold-background-hover: var(--salt-palette-positive-background-hover);
1262
1608
  --salt-actionable-positive-bold-background: var(--salt-palette-positive-background);
1263
- --salt-actionable-positive-bold-borderColor-active: var(--salt-palette-interact-border-none);
1264
- --salt-actionable-positive-bold-borderColor-disabled: var(--salt-palette-interact-border-none);
1265
- --salt-actionable-positive-bold-borderColor-hover: var(--salt-palette-interact-border-none);
1266
- --salt-actionable-positive-bold-borderColor: var(--salt-palette-interact-border-none);
1609
+ --salt-actionable-positive-bold-borderColor-active: var(--salt-palette-alpha-none);
1610
+ --salt-actionable-positive-bold-borderColor-disabled: var(--salt-palette-alpha-none);
1611
+ --salt-actionable-positive-bold-borderColor-hover: var(--salt-palette-alpha-none);
1612
+ --salt-actionable-positive-bold-borderColor: var(--salt-palette-alpha-none);
1267
1613
  --salt-actionable-positive-bold-foreground-active: var(--salt-palette-interact-cta-foreground);
1268
1614
  --salt-actionable-positive-bold-foreground-disabled: var(--salt-palette-interact-cta-foreground-disabled);
1269
1615
  --salt-actionable-positive-bold-foreground-hover: var(--salt-palette-interact-cta-foreground);
1270
1616
  --salt-actionable-positive-bold-foreground: var(--salt-palette-interact-cta-foreground);
1271
1617
  --salt-actionable-positive-background-active: var(--salt-palette-positive-background-active);
1272
- --salt-actionable-positive-background-disabled: var(--salt-palette-interact-background);
1618
+ --salt-actionable-positive-background-disabled: var(--salt-palette-alpha-none);
1273
1619
  --salt-actionable-positive-background-hover: var(--salt-palette-positive-background-hover);
1274
- --salt-actionable-positive-background: var(--salt-palette-interact-background);
1275
- --salt-actionable-positive-borderColor-active: var(--salt-palette-interact-border-none);
1620
+ --salt-actionable-positive-background: var(--salt-palette-alpha-none);
1621
+ --salt-actionable-positive-borderColor-active: var(--salt-palette-alpha-none);
1276
1622
  --salt-actionable-positive-borderColor-disabled: var(--salt-palette-positive-border-disabled);
1277
- --salt-actionable-positive-borderColor-hover: var(--salt-palette-interact-border-none);
1623
+ --salt-actionable-positive-borderColor-hover: var(--salt-palette-alpha-none);
1278
1624
  --salt-actionable-positive-borderColor: var(--salt-palette-positive-border);
1279
1625
  --salt-actionable-positive-foreground-active: var(--salt-palette-interact-cta-foreground);
1280
1626
  --salt-actionable-positive-foreground-disabled: var(--salt-palette-positive-foreground-disabled);
1281
1627
  --salt-actionable-positive-foreground-hover: var(--salt-palette-interact-cta-foreground);
1282
1628
  --salt-actionable-positive-foreground: var(--salt-palette-positive-foreground);
1283
1629
  --salt-actionable-positive-subtle-background-active: var(--salt-palette-positive-background-active);
1284
- --salt-actionable-positive-subtle-background-disabled: var(--salt-palette-interact-background);
1630
+ --salt-actionable-positive-subtle-background-disabled: var(--salt-palette-alpha-none);
1285
1631
  --salt-actionable-positive-subtle-background-hover: var(--salt-palette-positive-background-hover);
1286
- --salt-actionable-positive-subtle-background: var(--salt-palette-interact-background);
1287
- --salt-actionable-positive-subtle-borderColor-active: var(--salt-palette-interact-border-none);
1288
- --salt-actionable-positive-subtle-borderColor-disabled: var(--salt-palette-interact-border-none);
1289
- --salt-actionable-positive-subtle-borderColor-hover: var(--salt-palette-interact-border-none);
1290
- --salt-actionable-positive-subtle-borderColor: var(--salt-palette-interact-border-none);
1632
+ --salt-actionable-positive-subtle-background: var(--salt-palette-alpha-none);
1633
+ --salt-actionable-positive-subtle-borderColor-active: var(--salt-palette-alpha-none);
1634
+ --salt-actionable-positive-subtle-borderColor-disabled: var(--salt-palette-alpha-none);
1635
+ --salt-actionable-positive-subtle-borderColor-hover: var(--salt-palette-alpha-none);
1636
+ --salt-actionable-positive-subtle-borderColor: var(--salt-palette-alpha-none);
1291
1637
  --salt-actionable-positive-subtle-foreground-active: var(--salt-palette-interact-cta-foreground);
1292
1638
  --salt-actionable-positive-subtle-foreground-disabled: var(--salt-palette-positive-foreground-disabled);
1293
1639
  --salt-actionable-positive-subtle-foreground-hover: var(--salt-palette-interact-cta-foreground);
@@ -1296,34 +1642,34 @@
1296
1642
  --salt-actionable-caution-bold-background-disabled: var(--salt-palette-warning-action-disabled);
1297
1643
  --salt-actionable-caution-bold-background-hover: var(--salt-palette-warning-action-hover);
1298
1644
  --salt-actionable-caution-bold-background: var(--salt-palette-warning-action);
1299
- --salt-actionable-caution-bold-borderColor-active: var(--salt-palette-interact-border-none);
1300
- --salt-actionable-caution-bold-borderColor-disabled: var(--salt-palette-interact-border-none);
1301
- --salt-actionable-caution-bold-borderColor-hover: var(--salt-palette-interact-border-none);
1302
- --salt-actionable-caution-bold-borderColor: var(--salt-palette-interact-border-none);
1645
+ --salt-actionable-caution-bold-borderColor-active: var(--salt-palette-alpha-none);
1646
+ --salt-actionable-caution-bold-borderColor-disabled: var(--salt-palette-alpha-none);
1647
+ --salt-actionable-caution-bold-borderColor-hover: var(--salt-palette-alpha-none);
1648
+ --salt-actionable-caution-bold-borderColor: var(--salt-palette-alpha-none);
1303
1649
  --salt-actionable-caution-bold-foreground-active: var(--salt-palette-interact-cta-foreground);
1304
1650
  --salt-actionable-caution-bold-foreground-disabled: var(--salt-palette-warning-action-foreground-disabled);
1305
1651
  --salt-actionable-caution-bold-foreground-hover: var(--salt-palette-warning-action-foreground);
1306
1652
  --salt-actionable-caution-bold-foreground: var(--salt-palette-warning-action-foreground);
1307
1653
  --salt-actionable-caution-background-active: var(--salt-palette-warning-action-active);
1308
- --salt-actionable-caution-background-disabled: var(--salt-palette-interact-background);
1654
+ --salt-actionable-caution-background-disabled: var(--salt-palette-alpha-none);
1309
1655
  --salt-actionable-caution-background-hover: var(--salt-palette-warning-action-hover);
1310
- --salt-actionable-caution-background: var(--salt-palette-interact-background);
1311
- --salt-actionable-caution-borderColor-active: var(--salt-palette-interact-border-none);
1656
+ --salt-actionable-caution-background: var(--salt-palette-alpha-none);
1657
+ --salt-actionable-caution-borderColor-active: var(--salt-palette-alpha-none);
1312
1658
  --salt-actionable-caution-borderColor-disabled: var(--salt-palette-warning-border-disabled);
1313
- --salt-actionable-caution-borderColor-hover: var(--salt-palette-interact-border-none);
1659
+ --salt-actionable-caution-borderColor-hover: var(--salt-palette-alpha-none);
1314
1660
  --salt-actionable-caution-borderColor: var(--salt-palette-warning-border);
1315
1661
  --salt-actionable-caution-foreground-active: var(--salt-palette-interact-cta-foreground);
1316
1662
  --salt-actionable-caution-foreground-disabled: var(--salt-palette-warning-foreground-informative-disabled);
1317
1663
  --salt-actionable-caution-foreground-hover: var(--salt-palette-warning-action-foreground);
1318
1664
  --salt-actionable-caution-foreground: var(--salt-palette-warning-foreground-informative);
1319
1665
  --salt-actionable-caution-subtle-background-active: var(--salt-palette-warning-action-active);
1320
- --salt-actionable-caution-subtle-background-disabled: var(--salt-palette-interact-background);
1666
+ --salt-actionable-caution-subtle-background-disabled: var(--salt-palette-alpha-none);
1321
1667
  --salt-actionable-caution-subtle-background-hover: var(--salt-palette-warning-action-hover);
1322
- --salt-actionable-caution-subtle-background: var(--salt-palette-interact-background);
1323
- --salt-actionable-caution-subtle-borderColor-active: var(--salt-palette-interact-border-none);
1324
- --salt-actionable-caution-subtle-borderColor-disabled: var(--salt-palette-interact-border-none);
1325
- --salt-actionable-caution-subtle-borderColor-hover: var(--salt-palette-interact-border-none);
1326
- --salt-actionable-caution-subtle-borderColor: var(--salt-palette-interact-border-none);
1668
+ --salt-actionable-caution-subtle-background: var(--salt-palette-alpha-none);
1669
+ --salt-actionable-caution-subtle-borderColor-active: var(--salt-palette-alpha-none);
1670
+ --salt-actionable-caution-subtle-borderColor-disabled: var(--salt-palette-alpha-none);
1671
+ --salt-actionable-caution-subtle-borderColor-hover: var(--salt-palette-alpha-none);
1672
+ --salt-actionable-caution-subtle-borderColor: var(--salt-palette-alpha-none);
1327
1673
  --salt-actionable-caution-subtle-foreground-active: var(--salt-palette-interact-cta-foreground);
1328
1674
  --salt-actionable-caution-subtle-foreground-disabled: var(--salt-palette-warning-foreground-informative-disabled);
1329
1675
  --salt-actionable-caution-subtle-foreground-hover: var(--salt-palette-warning-action-foreground);
@@ -1439,16 +1785,16 @@
1439
1785
  --salt-container-borderStyle: solid;
1440
1786
  --salt-container-primary-background: var(--salt-palette-neutral-primary-background);
1441
1787
  --salt-container-primary-background-disabled: var(--salt-palette-neutral-primary-background-disabled);
1442
- --salt-container-primary-borderColor: var(--salt-palette-neutral-primary-border);
1443
- --salt-container-primary-borderColor-disabled: var(--salt-palette-neutral-primary-border-disabled);
1788
+ --salt-container-primary-borderColor: var(--salt-palette-neutral-border);
1789
+ --salt-container-primary-borderColor-disabled: var(--salt-palette-neutral-border-disabled);
1444
1790
  --salt-container-secondary-background: var(--salt-palette-neutral-secondary-background);
1445
1791
  --salt-container-secondary-background-disabled: var(--salt-palette-neutral-secondary-background-disabled);
1446
- --salt-container-secondary-borderColor: var(--salt-palette-neutral-secondary-border);
1447
- --salt-container-secondary-borderColor-disabled: var(--salt-palette-neutral-secondary-border-disabled);
1792
+ --salt-container-secondary-borderColor: var(--salt-palette-neutral-border);
1793
+ --salt-container-secondary-borderColor-disabled: var(--salt-palette-neutral-border-disabled);
1448
1794
  --salt-container-tertiary-background: var(--salt-palette-neutral-tertiary-background);
1449
1795
  --salt-container-tertiary-background-disabled: var(--salt-palette-neutral-tertiary-background-disabled);
1450
- --salt-container-tertiary-borderColor: var(--salt-palette-neutral-tertiary-border);
1451
- --salt-container-tertiary-borderColor-disabled: var(--salt-palette-neutral-tertiary-border-disabled);
1796
+ --salt-container-tertiary-borderColor: var(--salt-palette-neutral-border);
1797
+ --salt-container-tertiary-borderColor-disabled: var(--salt-palette-neutral-border-disabled);
1452
1798
  }
1453
1799
 
1454
1800
  /* css/characteristics/draggable.css */
@@ -1492,12 +1838,12 @@
1492
1838
  --salt-editable-primary-background-active: var(--salt-palette-neutral-primary-background);
1493
1839
  --salt-editable-primary-background-disabled: var(--salt-palette-neutral-primary-background-disabled);
1494
1840
  --salt-editable-primary-background-hover: var(--salt-palette-neutral-primary-background);
1495
- --salt-editable-primary-background-readonly: var(--salt-palette-neutral-primary-background-readonly);
1841
+ --salt-editable-primary-background-readonly: var(--salt-palette-alpha-none);
1496
1842
  --salt-editable-secondary-background: var(--salt-palette-neutral-secondary-background);
1497
1843
  --salt-editable-secondary-background-active: var(--salt-palette-neutral-secondary-background);
1498
1844
  --salt-editable-secondary-background-disabled: var(--salt-palette-neutral-secondary-background-disabled);
1499
1845
  --salt-editable-secondary-background-hover: var(--salt-palette-neutral-secondary-background);
1500
- --salt-editable-secondary-background-readonly: var(--salt-palette-neutral-secondary-background-readonly);
1846
+ --salt-editable-secondary-background-readonly: var(--salt-palette-alpha-none);
1501
1847
  --salt-editable-help-fontStyle: italic;
1502
1848
  }
1503
1849
 
@@ -1534,7 +1880,6 @@
1534
1880
  --salt-navigable-fontWeight-edit: var(--salt-typography-fontWeight-regular);
1535
1881
  --salt-navigable-indicator-hover: var(--salt-palette-navigate-indicator-hover);
1536
1882
  --salt-navigable-indicator-active: var(--salt-palette-navigate-indicator-active);
1537
- --salt-navigable-background-hover: var(--salt-palette-navigate-background-hover);
1538
1883
  --salt-navigable-textDecoration: underline;
1539
1884
  --salt-navigable-textDecoration-hover: none;
1540
1885
  --salt-navigable-textDecoration-selected: underline;
@@ -1549,9 +1894,9 @@
1549
1894
  --salt-overlayable-shadow-popout: var(--salt-shadow-400);
1550
1895
  --salt-overlayable-shadow-drag: var(--salt-shadow-400);
1551
1896
  --salt-overlayable-shadow-modal: var(--salt-shadow-500);
1552
- --salt-overlayable-background: var(--salt-palette-neutral-backdrop);
1553
- --salt-overlayable-background-highlight: var(--salt-palette-neutral-highlight);
1554
- --salt-overlayable-rangeSelection: var(--salt-palette-neutral-selection);
1897
+ --salt-overlayable-background: var(--salt-palette-alpha-backdrop);
1898
+ --salt-overlayable-background-highlight: var(--salt-palette-alpha);
1899
+ --salt-overlayable-rangeSelection: var(--salt-palette-alpha-weak);
1555
1900
  }
1556
1901
 
1557
1902
  /* css/characteristics/selectable.css */
@@ -1576,20 +1921,20 @@
1576
1921
  --salt-selectable-foreground-hover: var(--salt-palette-interact-foreground-hover);
1577
1922
  --salt-selectable-foreground-selected: var(--salt-palette-interact-foreground-active);
1578
1923
  --salt-selectable-foreground-selectedDisabled: var(--salt-palette-interact-foreground-activeDisabled);
1579
- --salt-selectable-background: var(--salt-palette-interact-background);
1924
+ --salt-selectable-background: var(--salt-palette-alpha-none);
1580
1925
  --salt-selectable-background-hover: var(--salt-palette-interact-background-hover);
1581
1926
  --salt-selectable-background-selected: var(--salt-palette-interact-background-active);
1582
1927
  --salt-selectable-background-blurSelected: var(--salt-palette-interact-background-blurSelected);
1583
- --salt-selectable-background-disabled: var(--salt-palette-interact-background-disabled);
1928
+ --salt-selectable-background-disabled: var(--salt-palette-alpha-none);
1584
1929
  --salt-selectable-background-selectedDisabled: var(--salt-palette-interact-background-activeDisabled);
1585
1930
  }
1586
1931
 
1587
1932
  /* css/characteristics/separable.css */
1588
1933
  .salt-theme {
1589
1934
  --salt-separable-borderStyle: solid;
1590
- --salt-separable-primary-borderColor: var(--salt-palette-neutral-primary-separator);
1591
- --salt-separable-secondary-borderColor: var(--salt-palette-neutral-secondary-separator);
1592
- --salt-separable-tertiary-borderColor: var(--salt-palette-neutral-tertiary-separator);
1935
+ --salt-separable-primary-borderColor: var(--salt-palette-alpha-strong);
1936
+ --salt-separable-secondary-borderColor: var(--salt-palette-alpha);
1937
+ --salt-separable-tertiary-borderColor: var(--salt-palette-alpha-weak);
1593
1938
  }
1594
1939
 
1595
1940
  /* css/characteristics/status.css */
@@ -1787,10 +2132,11 @@
1787
2132
  --salt-content-primary-foreground-disabled: var(--salt-palette-neutral-primary-foreground-disabled);
1788
2133
  --salt-content-secondary-foreground: var(--salt-palette-neutral-secondary-foreground);
1789
2134
  --salt-content-secondary-foreground-disabled: var(--salt-palette-neutral-secondary-foreground-disabled);
2135
+ --salt-content-accent-foreground: var(--salt-palette-accent-foreground-informative);
1790
2136
  --salt-content-bold-foreground: var(--salt-palette-interact-cta-foreground);
1791
2137
  --salt-content-bold-foreground-disabled: var(--salt-palette-interact-cta-foreground-disabled);
1792
- --salt-content-foreground-hover: var(--salt-palette-navigate-foreground-hover);
1793
- --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);
1794
2140
  --salt-content-foreground-visited: var(--salt-palette-navigate-foreground-visited);
1795
2141
  --salt-content-foreground-highlight: var(--salt-palette-interact-background-active);
1796
2142
  }
@@ -1801,7 +2147,8 @@
1801
2147
  --salt-track-borderStyle-active: solid;
1802
2148
  --salt-track-borderStyle-complete: solid;
1803
2149
  --salt-track-borderStyle-incomplete: dotted;
1804
- --salt-track-borderColor: var(--salt-palette-neutral-secondary-border);
2150
+ --salt-track-borderColor: var(--salt-palette-neutral-border);
2151
+ --salt-track-borderColor-disabled: var(--salt-palette-neutral-border-disabled);
1805
2152
  }
1806
2153
 
1807
2154
  /* css/deprecated/characteristics.css */
@@ -1915,9 +2262,9 @@
1915
2262
  --salt-navigable-tertiary-background-hover: var(--salt-palette-navigate-tertiary-background-hover);
1916
2263
  --salt-navigable-tertiary-background-active: var(--salt-palette-navigate-tertiary-background-active);
1917
2264
  --salt-navigable-indicator-activeDisabled: var(--salt-palette-navigate-indicator-activeDisabled);
2265
+ --salt-navigable-background-hover: var(--salt-palette-navigate-background-hover);
1918
2266
  --salt-accent-fontWeight: var(--salt-typography-fontWeight-semiBold);
1919
2267
  --salt-accent-foreground-disabled: var(--salt-palette-accent-foreground-disabled);
1920
- --salt-accent-borderColor-disabled: var(--salt-palette-accent-border-disabled);
1921
2268
  --salt-track-borderWidth: 2px;
1922
2269
  --salt-track-borderWidth-active: 2px;
1923
2270
  --salt-track-borderWidth-complete: 2px;
@@ -1926,7 +2273,6 @@
1926
2273
  --salt-track-textAlign: center;
1927
2274
  --salt-track-background: var(--salt-palette-track-background);
1928
2275
  --salt-track-background-disabled: var(--salt-palette-track-background-disabled);
1929
- --salt-track-borderColor-disabled: var(--salt-palette-track-border-disabled);
1930
2276
  --salt-taggable-cursor-hover: pointer;
1931
2277
  --salt-taggable-cursor-active: pointer;
1932
2278
  --salt-taggable-cursor-disabled: not-allowed;
@@ -1997,9 +2343,87 @@
1997
2343
  --salt-color-orange-500-fade-foreground: rgba(234, 115, 25, var(--salt-palette-opacity-foreground));
1998
2344
  --salt-color-orange-700-fade-foreground: rgba(214, 85, 19, var(--salt-palette-opacity-foreground));
1999
2345
  --salt-color-orange-400-fade-background: rgba(238, 133, 43, var(--salt-palette-opacity-background));
2000
- --salt-color-orange-600-fade-background: rgba(224, 101, 25, var(--salt-palette-opacity-background));
2001
2346
  --salt-color-blue-300-fade-fill: rgba(51, 141, 205, var(--salt-palette-opacity-fill));
2002
2347
  --salt-color-blue-500-fade-fill: rgba(38, 112, 169, var(--salt-palette-opacity-fill));
2348
+ --salt-color-white-fade-background-hover: rgba(255, 255, 255, var(--salt-opacity-8));
2349
+ --salt-color-black-fade-background-hover: rgba(0, 0, 0, var(--salt-opacity-8));
2350
+ --salt-color-blue-100-fade-foreground: rgba(100, 177, 228, var(--salt-palette-opacity-disabled));
2351
+ --salt-color-blue-200-fade-foreground: rgba(75, 159, 216, var(--salt-palette-opacity-disabled));
2352
+ --salt-color-blue-500-fade-foreground: rgba(38, 112, 169, var(--salt-palette-opacity-disabled));
2353
+ --salt-color-blue-600-fade-foreground: rgba(21, 92, 147, var(--salt-palette-opacity-disabled));
2354
+ --salt-color-gray-200-fade-foreground: rgba(97, 101, 110, var(--salt-palette-opacity-disabled));
2355
+ --salt-color-gray-70-fade-foreground: rgba(180, 183, 190, var(--salt-palette-opacity-disabled));
2356
+ --salt-color-gray-90-fade-foreground: rgba(132, 135, 142, var(--salt-palette-opacity-disabled));
2357
+ --salt-color-gray-900-fade-foreground: rgba(22, 22, 22, var(--salt-palette-opacity-disabled));
2358
+ --salt-color-green-200-fade-foreground: rgba(77, 180, 105, var(--salt-palette-opacity-disabled));
2359
+ --salt-color-green-300-fade-foreground: rgba(60, 171, 96, var(--salt-palette-opacity-disabled));
2360
+ --salt-color-green-400-fade-foreground: rgba(48, 156, 90, var(--salt-palette-opacity-disabled));
2361
+ --salt-color-green-500-fade-foreground: rgba(36, 135, 75, var(--salt-palette-opacity-disabled));
2362
+ --salt-color-green-600-fade-foreground: rgba(24, 114, 61, var(--salt-palette-opacity-disabled));
2363
+ --salt-color-green-700-fade-foreground: rgba(12, 93, 46, var(--salt-palette-opacity-disabled));
2364
+ --salt-color-red-200-fade-foreground: rgba(255, 108, 88, var(--salt-palette-opacity-disabled));
2365
+ --salt-color-red-300-fade-foreground: rgba(255, 89, 66, var(--salt-palette-opacity-disabled));
2366
+ --salt-color-red-500-fade-foreground: rgba(227, 43, 22, var(--salt-palette-opacity-disabled));
2367
+ --salt-color-red-600-fade-foreground: rgba(196, 32, 16, var(--salt-palette-opacity-disabled));
2368
+ --salt-color-red-700-fade-foreground: rgba(166, 21, 11, var(--salt-palette-opacity-disabled));
2369
+ --salt-color-orange-400-fade-foreground: rgba(238, 133, 43, var(--salt-palette-opacity-disabled));
2370
+ --salt-color-orange-850-fade-foreground: rgba(194, 52, 7, var(--salt-palette-opacity-disabled));
2371
+ --salt-color-white-fade-foreground: rgba(255, 255, 255, var(--salt-palette-opacity-disabled));
2372
+ --salt-color-blue-500-fade-border: rgba(38, 112, 169, var(--salt-palette-opacity-disabled));
2373
+ --salt-color-gray-50-fade-border: rgba(206, 210, 217, var(--salt-palette-opacity-disabled));
2374
+ --salt-color-gray-60-fade-border: rgba(197, 201, 208, var(--salt-palette-opacity-disabled));
2375
+ --salt-color-gray-90-fade-border: rgba(132, 135, 142, var(--salt-palette-opacity-disabled));
2376
+ --salt-color-gray-200-fade-border: rgba(97, 101, 110, var(--salt-palette-opacity-disabled));
2377
+ --salt-color-gray-300-fade-border: rgba(76, 80, 91, var(--salt-palette-opacity-disabled));
2378
+ --salt-color-green-400-fade-border: rgba(48, 156, 90, var(--salt-palette-opacity-disabled));
2379
+ --salt-color-green-500-fade-border: rgba(36, 135, 75, var(--salt-palette-opacity-disabled));
2380
+ --salt-color-orange-400-fade-border: rgba(238, 133, 43, var(--salt-palette-opacity-disabled));
2381
+ --salt-color-orange-500-fade-border: rgba(234, 115, 25, var(--salt-palette-opacity-disabled));
2382
+ --salt-color-orange-600-fade-border: rgba(224, 101, 25, var(--salt-palette-opacity-disabled));
2383
+ --salt-color-orange-700-fade-border: rgba(214, 85, 19, var(--salt-palette-opacity-disabled));
2384
+ --salt-color-red-500-fade-border: rgba(227, 43, 22, var(--salt-palette-opacity-disabled));
2385
+ --salt-color-gray-90-fade-border-readonly: rgba(132, 135, 142, var(--salt-palette-opacity-border-readonly));
2386
+ --salt-color-gray-200-fade-border-readonly: rgba(97, 101, 110, var(--salt-palette-opacity-border-readonly));
2387
+ --salt-color-blue-30-fade-background: rgba(164, 213, 244, var(--salt-palette-opacity-disabled));
2388
+ --salt-color-blue-500-fade-background: rgba(38, 112, 169, var(--salt-palette-opacity-disabled));
2389
+ --salt-color-blue-600-fade-background: rgba(21, 92, 147, var(--salt-palette-opacity-disabled));
2390
+ --salt-color-blue-700-fade-background: rgba(0, 71, 123, var(--salt-palette-opacity-disabled));
2391
+ --salt-color-gray-20-fade-background: rgba(234, 237, 239, var(--salt-palette-opacity-disabled));
2392
+ --salt-color-gray-30-fade-background: rgba(224, 228, 233, var(--salt-palette-opacity-disabled));
2393
+ --salt-color-gray-50-fade-background: rgba(206, 210, 217, var(--salt-palette-opacity-disabled));
2394
+ --salt-color-gray-60-fade-background: rgba(197, 201, 208, var(--salt-palette-opacity-disabled));
2395
+ --salt-color-gray-70-fade-background: rgba(180, 183, 190, var(--salt-palette-opacity-disabled));
2396
+ --salt-color-gray-200-fade-background: rgba(97, 101, 110, var(--salt-palette-opacity-disabled));
2397
+ --salt-color-gray-300-fade-background: rgba(76, 80, 91, var(--salt-palette-opacity-disabled));
2398
+ --salt-color-gray-500-fade-background: rgba(59, 63, 70, var(--salt-palette-opacity-disabled));
2399
+ --salt-color-gray-600-fade-background: rgba(47, 49, 54, var(--salt-palette-opacity-disabled));
2400
+ --salt-color-gray-800-fade-background: rgba(36, 37, 38, var(--salt-palette-opacity-disabled));
2401
+ --salt-color-white-fade-background: rgba(255, 255, 255, var(--salt-palette-opacity-disabled));
2402
+ --salt-color-green-500-fade-background: rgba(36, 135, 75, var(--salt-palette-opacity-disabled));
2403
+ --salt-color-green-600-fade-background: rgba(24, 114, 61, var(--salt-palette-opacity-disabled));
2404
+ --salt-color-red-600-fade-background: rgba(196, 32, 16, var(--salt-palette-opacity-disabled));
2405
+ --salt-color-white-fade-background-readonly: rgba(255, 255, 255, var(--salt-palette-opacity-background-readonly));
2406
+ --salt-color-gray-20-fade-background-readonly: rgba(234, 237, 239, var(--salt-palette-opacity-background-readonly));
2407
+ --salt-color-gray-600-fade-background-readonly: rgba(47, 49, 54, var(--salt-palette-opacity-background-readonly));
2408
+ --salt-color-gray-800-fade-background-readonly: rgba(36, 37, 38, var(--salt-palette-opacity-background-readonly));
2409
+ --salt-color-white-fade-backdrop: rgba(255, 255, 255, var(--salt-palette-opacity-backdrop));
2410
+ --salt-color-black-fade-backdrop: rgba(0, 0, 0, var(--salt-palette-opacity-backdrop));
2411
+ --salt-color-blue-100-fade-fill: rgba(100, 177, 228, var(--salt-palette-opacity-disabled));
2412
+ --salt-color-blue-600-fade-fill: rgba(21, 92, 147, var(--salt-palette-opacity-disabled));
2413
+ --salt-color-white-fade-separatorOpacity-primary: rgba(255, 255, 255, var(--salt-palette-opacity-primary-border));
2414
+ --salt-color-white-fade-separatorOpacity-secondary: rgba(255, 255, 255, var(--salt-palette-opacity-secondary-border));
2415
+ --salt-color-white-fade-separatorOpacity-tertiary: rgba(255, 255, 255, var(--salt-palette-opacity-tertiary-border));
2416
+ --salt-color-black-fade-separatorOpacity-primary: rgba(0, 0, 0, var(--salt-palette-opacity-primary-border));
2417
+ --salt-color-black-fade-separatorOpacity-secondary: rgba(0, 0, 0, var(--salt-palette-opacity-secondary-border));
2418
+ --salt-color-black-fade-separatorOpacity-tertiary: rgba(0, 0, 0, var(--salt-palette-opacity-tertiary-border));
2419
+ --salt-color-black-fade-background-selection: rgba(0, 0, 0, var(--salt-opacity-15));
2420
+ --salt-color-black-fade-background-highlight: rgba(0, 0, 0, var(--salt-opacity-25));
2421
+ --salt-color-white-fade-background-selection: rgba(255, 255, 255, var(--salt-opacity-15));
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);
2003
2427
  }
2004
2428
 
2005
2429
  /* css/deprecated/foundations.css */
@@ -2013,6 +2437,13 @@
2013
2437
  --salt-opacity-2: 0.25;
2014
2438
  --salt-opacity-3: 0.4;
2015
2439
  --salt-opacity-4: 0.7;
2440
+ --salt-opacity-8: 0.08;
2441
+ --salt-opacity-0: 0;
2442
+ --salt-opacity-15: 0.15;
2443
+ --salt-opacity-25: 0.25;
2444
+ --salt-opacity-40: 0.4;
2445
+ --salt-opacity-45: 0.45;
2446
+ --salt-opacity-70: 0.7;
2016
2447
  --salt-shadow-0: none;
2017
2448
  --salt-shadow-1: 0 1px 3px 0 var(--salt-shadow-1-color);
2018
2449
  --salt-shadow-2: 0 2px 4px 0 var(--salt-shadow-2-color);
@@ -2098,6 +2529,13 @@
2098
2529
  --salt-palette-opacity-background: var(--salt-palette-opacity-disabled);
2099
2530
  --salt-palette-opacity-border: var(--salt-palette-opacity-disabled);
2100
2531
  --salt-palette-opacity-foreground: var(--salt-palette-opacity-disabled);
2532
+ --salt-palette-opacity-backdrop: var(--salt-opacity-70);
2533
+ --salt-palette-opacity-disabled: var(--salt-opacity-40);
2534
+ --salt-palette-opacity-background-readonly: var(--salt-opacity-0);
2535
+ --salt-palette-opacity-border-readonly: var(--salt-opacity-15);
2536
+ --salt-palette-opacity-primary-border: var(--salt-opacity-45);
2537
+ --salt-palette-opacity-secondary-border: var(--salt-opacity-25);
2538
+ --salt-palette-opacity-tertiary-border: var(--salt-opacity-15);
2101
2539
  }
2102
2540
  .salt-theme[data-mode=light] {
2103
2541
  --salt-palette-interact-foreground-partial: var(--salt-color-blue-600);
@@ -2108,6 +2546,13 @@
2108
2546
  --salt-palette-interact-primary-background-activeDisabled: var(--salt-color-gray-200-fade-background);
2109
2547
  --salt-palette-interact-secondary-foreground-activeDisabled: var(--salt-color-white-fade-foreground);
2110
2548
  --salt-palette-interact-secondary-background-activeDisabled: var(--salt-color-gray-200-fade-background);
2549
+ --salt-palette-interact-background: transparent;
2550
+ --salt-palette-interact-background-disabled: transparent;
2551
+ --salt-palette-interact-border-none: transparent;
2552
+ --salt-palette-interact-secondary-background: transparent;
2553
+ --salt-palette-interact-secondary-background-disabled: transparent;
2554
+ --salt-palette-interact-cta-foreground-active: var(--salt-color-white);
2555
+ --salt-palette-interact-cta-foreground-hover: var(--salt-color-white);
2111
2556
  --salt-palette-measured-fill: var(--salt-color-blue-500);
2112
2557
  --salt-palette-measured-fill-disabled: var(--salt-color-blue-500-fade-fill);
2113
2558
  --salt-palette-measured-foreground: var(--salt-color-gray-90);
@@ -2119,19 +2564,30 @@
2119
2564
  --salt-palette-measured-border: var(--salt-color-gray-90);
2120
2565
  --salt-palette-measured-border-disabled: var(--salt-color-gray-90-fade-border);
2121
2566
  --salt-palette-neutral-tertiary-background-readonly: transparent;
2567
+ --salt-palette-neutral-backdrop: var(--salt-color-white-fade-backdrop);
2568
+ --salt-palette-neutral-primary-background-readonly: var(--salt-color-white-fade-background-readonly);
2569
+ --salt-palette-neutral-secondary-background-readonly: var(--salt-color-gray-20-fade-background-readonly);
2570
+ --salt-palette-neutral-primary-separator: var(--salt-color-black-fade-separatorOpacity-primary);
2571
+ --salt-palette-neutral-secondary-separator: var(--salt-color-black-fade-separatorOpacity-secondary);
2572
+ --salt-palette-neutral-tertiary-separator: var(--salt-color-black-fade-separatorOpacity-tertiary);
2573
+ --salt-palette-neutral-selection: var(--salt-color-black-fade-background-selection);
2574
+ --salt-palette-neutral-highlight: var(--salt-color-black-fade-background-highlight);
2575
+ --salt-palette-neutral-primary-border: var(--salt-color-gray-50);
2576
+ --salt-palette-neutral-secondary-border: var(--salt-color-gray-50);
2577
+ --salt-palette-neutral-tertiary-border: var(--salt-color-gray-50);
2578
+ --salt-palette-neutral-primary-border-disabled: var(--salt-color-gray-50-fade-border);
2579
+ --salt-palette-neutral-secondary-border-disabled: var(--salt-color-gray-50-fade-border);
2580
+ --salt-palette-neutral-tertiary-border-disabled: var(--salt-color-gray-50-fade-border);
2122
2581
  --salt-palette-error-foreground-disabled: var(--salt-color-red-500-fade-foreground);
2123
2582
  --salt-palette-error-border-disabled: var(--salt-color-red-500-fade-border);
2124
2583
  --salt-palette-error-foreground: var(--salt-color-red-500);
2125
2584
  --salt-palette-info-border-disabled: var(--salt-color-blue-500-fade-border);
2126
2585
  --salt-palette-info-foreground-disabled: var(--salt-color-blue-500-fade-foreground);
2127
2586
  --salt-palette-info-foreground: var(--salt-color-blue-500);
2128
- --salt-palette-negative-foreground-disabled: var(--salt-color-red-700-fade-foreground);
2129
- --salt-palette-positive-foreground-disabled: var(--salt-color-green-700-fade-foreground);
2130
2587
  --salt-palette-success-border-disabled: var(--salt-color-green-500-fade-border);
2131
2588
  --salt-palette-success-foreground-disabled: var(--salt-color-green-500-fade-foreground);
2132
2589
  --salt-palette-success-foreground: var(--salt-color-green-500);
2133
2590
  --salt-palette-warning-foreground-disabled: var(--salt-color-orange-700-fade-foreground);
2134
- --salt-palette-warning-border-disabled: var(--salt-color-orange-700-fade-border);
2135
2591
  --salt-palette-warning-foreground: var(--salt-color-orange-700);
2136
2592
  --salt-palette-navigate-primary-background: transparent;
2137
2593
  --salt-palette-navigate-primary-background-active: transparent;
@@ -2143,12 +2599,17 @@
2143
2599
  --salt-palette-navigate-tertiary-background-active: transparent;
2144
2600
  --salt-palette-navigate-tertiary-background-hover: var(--salt-color-gray-20);
2145
2601
  --salt-palette-navigate-indicator-activeDisabled: var(--salt-color-orange-600-fade-border);
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);
2146
2605
  --salt-palette-track-border: var(--salt-color-gray-90);
2147
2606
  --salt-palette-track-border-disabled: var(--salt-color-gray-90-fade-border);
2148
2607
  --salt-palette-track-background: var(--salt-color-gray-60);
2149
2608
  --salt-palette-track-background-disabled: var(--salt-color-gray-60-fade-background);
2150
- --salt-palette-accent-background-disabled: var(--salt-color-blue-500-fade-background);
2151
2609
  --salt-palette-accent-foreground-disabled: var(--salt-color-white-fade-foreground);
2610
+ --salt-palette-accent-background: var(--salt-color-blue-500);
2611
+ --salt-palette-accent-border: var(--salt-color-blue-500);
2612
+ --salt-palette-accent-background-disabled: var(--salt-color-blue-500-fade-background);
2152
2613
  --salt-palette-accent-border-disabled: var(--salt-color-blue-500-fade-border);
2153
2614
  }
2154
2615
  .salt-theme[data-mode=dark] {
@@ -2160,6 +2621,13 @@
2160
2621
  --salt-palette-interact-primary-background-activeDisabled: var(--salt-color-gray-70-fade-background);
2161
2622
  --salt-palette-interact-secondary-foreground-activeDisabled: var(--salt-color-gray-900-fade-foreground);
2162
2623
  --salt-palette-interact-secondary-background-activeDisabled: var(--salt-color-gray-70-fade-background);
2624
+ --salt-palette-interact-background: transparent;
2625
+ --salt-palette-interact-background-disabled: transparent;
2626
+ --salt-palette-interact-border-none: transparent;
2627
+ --salt-palette-interact-secondary-background: transparent;
2628
+ --salt-palette-interact-secondary-background-disabled: transparent;
2629
+ --salt-palette-interact-cta-foreground-active: var(--salt-color-white);
2630
+ --salt-palette-interact-cta-foreground-hover: var(--salt-color-white);
2163
2631
  --salt-palette-measured-fill: var(--salt-color-blue-300);
2164
2632
  --salt-palette-measured-fill-disabled: var(--salt-color-blue-300-fade-fill);
2165
2633
  --salt-palette-measured-foreground: var(--salt-color-gray-90);
@@ -2171,19 +2639,30 @@
2171
2639
  --salt-palette-measured-border: var(--salt-color-gray-90);
2172
2640
  --salt-palette-measured-border-disabled: var(--salt-color-gray-90-fade-border);
2173
2641
  --salt-palette-neutral-tertiary-background-readonly: transparent;
2642
+ --salt-palette-neutral-backdrop: var(--salt-color-black-fade-backdrop);
2643
+ --salt-palette-neutral-primary-background-readonly: var(--salt-color-gray-800-fade-background-readonly);
2644
+ --salt-palette-neutral-secondary-background-readonly: var(--salt-color-gray-600-fade-background-readonly);
2645
+ --salt-palette-neutral-primary-separator: var(--salt-color-white-fade-separatorOpacity-primary);
2646
+ --salt-palette-neutral-secondary-separator: var(--salt-color-white-fade-separatorOpacity-secondary);
2647
+ --salt-palette-neutral-tertiary-separator: var(--salt-color-white-fade-separatorOpacity-tertiary);
2648
+ --salt-palette-neutral-selection: var(--salt-color-white-fade-background-selection);
2649
+ --salt-palette-neutral-highlight: var(--salt-color-white-fade-background-highlight);
2650
+ --salt-palette-neutral-primary-border: var(--salt-color-gray-300);
2651
+ --salt-palette-neutral-secondary-border: var(--salt-color-gray-300);
2652
+ --salt-palette-neutral-tertiary-border: var(--salt-color-gray-300);
2653
+ --salt-palette-neutral-primary-border-disabled: var(--salt-color-gray-300-fade-border);
2654
+ --salt-palette-neutral-secondary-border-disabled: var(--salt-color-gray-300-fade-border);
2655
+ --salt-palette-neutral-tertiary-border-disabled: var(--salt-color-gray-300-fade-border);
2174
2656
  --salt-palette-error-foreground-disabled: var(--salt-color-red-500-fade-foreground);
2175
2657
  --salt-palette-error-border-disabled: var(--salt-color-red-500-fade-border);
2176
2658
  --salt-palette-error-foreground: var(--salt-color-red-500);
2177
2659
  --salt-palette-info-border-disabled: var(--salt-color-blue-500-fade-border);
2178
2660
  --salt-palette-info-foreground-disabled: var(--salt-color-blue-500-fade-foreground);
2179
2661
  --salt-palette-info-foreground: var(--salt-color-blue-500);
2180
- --salt-palette-negative-foreground-disabled: var(--salt-color-red-300-fade-foreground);
2181
- --salt-palette-positive-foreground-disabled: var(--salt-color-green-300-fade-foreground);
2182
2662
  --salt-palette-success-border-disabled: var(--salt-color-green-400-fade-border);
2183
2663
  --salt-palette-success-foreground-disabled: var(--salt-color-green-400-fade-foreground);
2184
2664
  --salt-palette-success-foreground: var(--salt-color-green-400);
2185
2665
  --salt-palette-warning-foreground-disabled: var(--salt-color-orange-500-fade-foreground);
2186
- --salt-palette-warning-border-disabled: var(--salt-color-orange-500-fade-border);
2187
2666
  --salt-palette-warning-foreground: var(--salt-color-orange-500);
2188
2667
  --salt-palette-navigate-primary-background: transparent;
2189
2668
  --salt-palette-navigate-primary-background-active: transparent;
@@ -2195,12 +2674,17 @@
2195
2674
  --salt-palette-navigate-tertiary-background-active: transparent;
2196
2675
  --salt-palette-navigate-tertiary-background-hover: var(--salt-color-gray-700);
2197
2676
  --salt-palette-navigate-indicator-activeDisabled: var(--salt-color-orange-400-fade-border);
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);
2198
2680
  --salt-palette-track-border: var(--salt-color-gray-90);
2199
2681
  --salt-palette-track-border-disabled: var(--salt-color-gray-90-fade-border);
2200
2682
  --salt-palette-track-background: var(--salt-color-gray-300);
2201
2683
  --salt-palette-track-background-disabled: var(--salt-color-gray-300-fade-background);
2202
- --salt-palette-accent-background-disabled: var(--salt-color-blue-500-fade-background);
2203
2684
  --salt-palette-accent-foreground-disabled: var(--salt-color-white-fade-foreground);
2685
+ --salt-palette-accent-background: var(--salt-color-blue-500);
2686
+ --salt-palette-accent-border: var(--salt-color-blue-500);
2687
+ --salt-palette-accent-background-disabled: var(--salt-color-blue-500-fade-background);
2204
2688
  --salt-palette-accent-border-disabled: var(--salt-color-blue-500-fade-border);
2205
2689
  }
2206
2690