@salt-ds/theme 1.23.3 → 1.25.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 +12 -24
  2. package/css/theme.css +883 -414
  3. package/index.css +883 -414
  4. package/package.json +4 -1
package/index.css CHANGED
@@ -27,6 +27,51 @@
27
27
  border-width: 0;
28
28
  }
29
29
 
30
+ /* css/foundations/alpha.css */
31
+ .salt-theme {
32
+ --salt-color-white-10a: rgba(var(--salt-color-white-rgb), 0.1);
33
+ --salt-color-white-15a: rgba(var(--salt-color-white-rgb), 0.15);
34
+ --salt-color-white-30a: rgba(var(--salt-color-white-rgb), 0.3);
35
+ --salt-color-white-40a: rgba(var(--salt-color-white-rgb), 0.4);
36
+ --salt-color-white-45a: rgba(var(--salt-color-white-rgb), 0.45);
37
+ --salt-color-white-70a: rgba(var(--salt-color-white-rgb), 0.7);
38
+ --salt-color-black-10a: rgba(var(--salt-color-black-rgb), 0.1);
39
+ --salt-color-black-15a: rgba(var(--salt-color-black-rgb), 0.15);
40
+ --salt-color-black-30a: rgba(var(--salt-color-black-rgb), 0.3);
41
+ --salt-color-black-45a: rgba(var(--salt-color-black-rgb), 0.45);
42
+ --salt-color-black-70a: rgba(var(--salt-color-black-rgb), 0.7);
43
+ --salt-color-blue-30-40a: rgba(var(--salt-color-blue-30-rgb), 0.4);
44
+ --salt-color-blue-100-40a: rgba(var(--salt-color-blue-100-rgb), 0.4);
45
+ --salt-color-blue-200-40a: rgba(var(--salt-color-blue-200-rgb), 0.4);
46
+ --salt-color-blue-500-40a: rgba(var(--salt-color-blue-500-rgb), 0.4);
47
+ --salt-color-blue-600-40a: rgba(var(--salt-color-blue-600-rgb), 0.4);
48
+ --salt-color-blue-700-40a: rgba(var(--salt-color-blue-700-rgb), 0.4);
49
+ --salt-color-gray-20-40a: rgba(var(--salt-color-gray-20-rgb), 0.4);
50
+ --salt-color-gray-30-40a: rgba(var(--salt-color-gray-30-rgb), 0.4);
51
+ --salt-color-gray-50-40a: rgba(var(--salt-color-gray-50-rgb), 0.4);
52
+ --salt-color-gray-60-40a: rgba(var(--salt-color-gray-60-rgb), 0.4);
53
+ --salt-color-gray-70-40a: rgba(var(--salt-color-gray-70-rgb), 0.4);
54
+ --salt-color-gray-90-15a: rgba(var(--salt-color-gray-90-rgb), 0.15);
55
+ --salt-color-gray-90-40a: rgba(var(--salt-color-gray-90-rgb), 0.4);
56
+ --salt-color-gray-200-15a: rgba(var(--salt-color-gray-200-rgb), 0.15);
57
+ --salt-color-gray-200-40a: rgba(var(--salt-color-gray-200-rgb), 0.4);
58
+ --salt-color-gray-300-40a: rgba(var(--salt-color-gray-300-rgb), 0.4);
59
+ --salt-color-gray-600-40a: rgba(var(--salt-color-gray-600-rgb), 0.4);
60
+ --salt-color-gray-800-40a: rgba(var(--salt-color-gray-800-rgb), 0.4);
61
+ --salt-color-gray-900-40a: rgba(var(--salt-color-gray-900-rgb), 0.4);
62
+ --salt-color-green-200-40a: rgba(var(--salt-color-green-200-rgb), 0.4);
63
+ --salt-color-green-500-40a: rgba(var(--salt-color-green-500-rgb), 0.4);
64
+ --salt-color-green-600-40a: rgba(var(--salt-color-green-600-rgb), 0.4);
65
+ --salt-color-orange-400-40a: rgba(var(--salt-color-orange-400-rgb), 0.4);
66
+ --salt-color-orange-500-40a: rgba(var(--salt-color-orange-500-rgb), 0.4);
67
+ --salt-color-orange-600-40a: rgba(var(--salt-color-orange-600-rgb), 0.4);
68
+ --salt-color-orange-700-40a: rgba(var(--salt-color-orange-700-rgb), 0.4);
69
+ --salt-color-orange-850-40a: rgba(var(--salt-color-orange-850-rgb), 0.4);
70
+ --salt-color-red-200-40a: rgba(var(--salt-color-red-200-rgb), 0.4);
71
+ --salt-color-red-500-40a: rgba(var(--salt-color-red-500-rgb), 0.4);
72
+ --salt-color-red-600-40a: rgba(var(--salt-color-red-600-rgb), 0.4);
73
+ }
74
+
30
75
  /* css/foundations/animation.css */
31
76
  .salt-density-touch,
32
77
  .salt-density-low,
@@ -174,111 +219,531 @@
174
219
 
175
220
  /* css/foundations/color.css */
176
221
  .salt-theme {
177
- --salt-color-white: rgb(255, 255, 255);
178
- --salt-color-black: rgb(0, 0, 0);
179
- --salt-color-red-10: rgb(255, 227, 224);
180
- --salt-color-red-20: rgb(255, 207, 201);
181
- --salt-color-red-30: rgb(255, 187, 178);
182
- --salt-color-red-40: rgb(255, 167, 156);
183
- --salt-color-red-50: rgb(255, 148, 133);
184
- --salt-color-red-100: rgb(255, 128, 111);
185
- --salt-color-red-200: rgb(255, 108, 88);
186
- --salt-color-red-300: rgb(255, 89, 66);
187
- --salt-color-red-400: rgb(237, 65, 42);
188
- --salt-color-red-500: rgb(227, 43, 22);
189
- --salt-color-red-600: rgb(196, 32, 16);
190
- --salt-color-red-700: rgb(166, 21, 11);
191
- --salt-color-red-800: rgb(136, 10, 5);
192
- --salt-color-red-900: rgb(65, 37, 34);
193
- --salt-color-orange-10: rgb(255, 232, 191);
194
- --salt-color-orange-20: rgb(254, 223, 166);
195
- --salt-color-orange-30: rgb(254, 214, 142);
196
- --salt-color-orange-40: rgb(254, 205, 118);
197
- --salt-color-orange-50: rgb(254, 197, 94);
198
- --salt-color-orange-100: rgb(250, 181, 81);
199
- --salt-color-orange-200: rgb(246, 165, 68);
200
- --salt-color-orange-300: rgb(242, 149, 56);
201
- --salt-color-orange-400: rgb(238, 133, 43);
202
- --salt-color-orange-500: rgb(234, 115, 25);
203
- --salt-color-orange-600: rgb(224, 101, 25);
204
- --salt-color-orange-700: rgb(214, 85, 19);
205
- --salt-color-orange-800: rgb(204, 68, 13);
206
- --salt-color-orange-850: rgb(194, 52, 7);
207
- --salt-color-orange-900: rgb(54, 44, 36);
208
- --salt-color-green-10: rgb(209, 244, 201);
209
- --salt-color-green-20: rgb(184, 232, 182);
210
- --salt-color-green-30: rgb(160, 221, 164);
211
- --salt-color-green-40: rgb(136, 210, 145);
212
- --salt-color-green-50: rgb(112, 199, 127);
213
- --salt-color-green-100: rgb(93, 189, 116);
214
- --salt-color-green-200: rgb(77, 180, 105);
215
- --salt-color-green-300: rgb(60, 171, 96);
216
- --salt-color-green-400: rgb(48, 156, 90);
217
- --salt-color-green-500: rgb(36, 135, 75);
218
- --salt-color-green-600: rgb(24, 114, 61);
219
- --salt-color-green-700: rgb(12, 93, 46);
220
- --salt-color-green-800: rgb(1, 73, 32);
221
- --salt-color-green-900: rgb(35, 52, 43);
222
- --salt-color-teal-10: rgb(218, 240, 240);
223
- --salt-color-teal-20: rgb(199, 232, 232);
224
- --salt-color-teal-30: rgb(180, 224, 225);
225
- --salt-color-teal-40: rgb(162, 217, 218);
226
- --salt-color-teal-50: rgb(141, 205, 209);
227
- --salt-color-teal-100: rgb(123, 193, 200);
228
- --salt-color-teal-200: rgb(99, 181, 192);
229
- --salt-color-teal-300: rgb(73, 160, 172);
230
- --salt-color-teal-400: rgb(48, 149, 166);
231
- --salt-color-teal-500: rgb(0, 130, 151);
232
- --salt-color-teal-600: rgb(27, 107, 133);
233
- --salt-color-teal-700: rgb(0, 85, 113);
234
- --salt-color-teal-800: rgb(1, 65, 86);
235
- --salt-color-teal-900: rgb(0, 49, 76);
236
- --salt-color-blue-10: rgb(203, 231, 249);
237
- --salt-color-blue-20: rgb(183, 222, 246);
238
- --salt-color-blue-30: rgb(164, 213, 244);
239
- --salt-color-blue-40: rgb(144, 204, 242);
240
- --salt-color-blue-50: rgb(125, 195, 240);
241
- --salt-color-blue-100: rgb(100, 177, 228);
242
- --salt-color-blue-200: rgb(75, 159, 216);
243
- --salt-color-blue-300: rgb(51, 141, 205);
244
- --salt-color-blue-400: rgb(46, 132, 198);
245
- --salt-color-blue-500: rgb(38, 112, 169);
246
- --salt-color-blue-600: rgb(21, 92, 147);
247
- --salt-color-blue-700: rgb(0, 71, 123);
248
- --salt-color-blue-800: rgb(39, 60, 77);
249
- --salt-color-blue-900: rgb(35, 47, 56);
250
- --salt-color-purple-10: rgb(249, 224, 247);
251
- --salt-color-purple-20: rgb(247, 212, 244);
252
- --salt-color-purple-30: rgb(245, 201, 241);
253
- --salt-color-purple-40: rgb(243, 189, 238);
254
- --salt-color-purple-50: rgb(241, 178, 235);
255
- --salt-color-purple-100: rgb(223, 156, 225);
256
- --salt-color-purple-200: rgb(205, 135, 215);
257
- --salt-color-purple-300: rgb(192, 116, 203);
258
- --salt-color-purple-400: rgb(169, 97, 181);
259
- --salt-color-purple-500: rgb(150, 78, 162);
260
- --salt-color-purple-600: rgb(129, 60, 141);
261
- --salt-color-purple-700: rgb(103, 46, 122);
262
- --salt-color-purple-800: rgb(83, 37, 109);
263
- --salt-color-purple-900: rgb(59, 16, 84);
264
- --salt-color-gray-10: rgb(242, 244, 246);
265
- --salt-color-gray-20: rgb(234, 237, 239);
266
- --salt-color-gray-30: rgb(224, 228, 233);
267
- --salt-color-gray-40: rgb(217, 221, 227);
268
- --salt-color-gray-50: rgb(206, 210, 217);
269
- --salt-color-gray-60: rgb(197, 201, 208);
270
- --salt-color-gray-70: rgb(180, 183, 190);
271
- --salt-color-gray-80: rgb(159, 163, 170);
272
- --salt-color-gray-90: rgb(132, 135, 142);
273
- --salt-color-gray-100: rgb(116, 119, 127);
274
- --salt-color-gray-200: rgb(97, 101, 110);
275
- --salt-color-gray-300: rgb(76, 80, 91);
276
- --salt-color-gray-400: rgb(68, 72, 79);
277
- --salt-color-gray-500: rgb(59, 63, 70);
278
- --salt-color-gray-600: rgb(47, 49, 54);
279
- --salt-color-gray-700: rgb(42, 44, 47);
280
- --salt-color-gray-800: rgb(36, 37, 38);
281
- --salt-color-gray-900: rgb(22, 22, 22);
222
+ --salt-color-white-rgb:
223
+ 255,
224
+ 255,
225
+ 255;
226
+ --salt-color-black-rgb:
227
+ 0,
228
+ 0,
229
+ 0;
230
+ --salt-color-red-10-rgb:
231
+ 255,
232
+ 227,
233
+ 224;
234
+ --salt-color-red-20-rgb:
235
+ 255,
236
+ 207,
237
+ 201;
238
+ --salt-color-red-30-rgb:
239
+ 255,
240
+ 187,
241
+ 178;
242
+ --salt-color-red-40-rgb:
243
+ 255,
244
+ 167,
245
+ 156;
246
+ --salt-color-red-50-rgb:
247
+ 255,
248
+ 148,
249
+ 133;
250
+ --salt-color-red-100-rgb:
251
+ 255,
252
+ 128,
253
+ 111;
254
+ --salt-color-red-200-rgb:
255
+ 255,
256
+ 108,
257
+ 88;
258
+ --salt-color-red-300-rgb:
259
+ 255,
260
+ 89,
261
+ 66;
262
+ --salt-color-red-400-rgb:
263
+ 237,
264
+ 65,
265
+ 42;
266
+ --salt-color-red-500-rgb:
267
+ 227,
268
+ 43,
269
+ 22;
270
+ --salt-color-red-600-rgb:
271
+ 196,
272
+ 32,
273
+ 16;
274
+ --salt-color-red-700-rgb:
275
+ 166,
276
+ 21,
277
+ 11;
278
+ --salt-color-red-800-rgb:
279
+ 136,
280
+ 10,
281
+ 5;
282
+ --salt-color-red-900-rgb:
283
+ 65,
284
+ 37,
285
+ 34;
286
+ --salt-color-orange-10-rgb:
287
+ 255,
288
+ 232,
289
+ 191;
290
+ --salt-color-orange-20-rgb:
291
+ 254,
292
+ 223,
293
+ 166;
294
+ --salt-color-orange-30-rgb:
295
+ 254,
296
+ 214,
297
+ 142;
298
+ --salt-color-orange-40-rgb:
299
+ 254,
300
+ 205,
301
+ 118;
302
+ --salt-color-orange-50-rgb:
303
+ 254,
304
+ 197,
305
+ 94;
306
+ --salt-color-orange-100-rgb:
307
+ 250,
308
+ 181,
309
+ 81;
310
+ --salt-color-orange-200-rgb:
311
+ 246,
312
+ 165,
313
+ 68;
314
+ --salt-color-orange-300-rgb:
315
+ 242,
316
+ 149,
317
+ 56;
318
+ --salt-color-orange-400-rgb:
319
+ 238,
320
+ 133,
321
+ 43;
322
+ --salt-color-orange-500-rgb:
323
+ 234,
324
+ 115,
325
+ 25;
326
+ --salt-color-orange-600-rgb:
327
+ 224,
328
+ 101,
329
+ 25;
330
+ --salt-color-orange-700-rgb:
331
+ 214,
332
+ 85,
333
+ 19;
334
+ --salt-color-orange-800-rgb:
335
+ 204,
336
+ 68,
337
+ 13;
338
+ --salt-color-orange-850-rgb:
339
+ 194,
340
+ 52,
341
+ 7;
342
+ --salt-color-orange-900-rgb:
343
+ 54,
344
+ 44,
345
+ 36;
346
+ --salt-color-green-10-rgb:
347
+ 209,
348
+ 244,
349
+ 201;
350
+ --salt-color-green-20-rgb:
351
+ 184,
352
+ 232,
353
+ 182;
354
+ --salt-color-green-30-rgb:
355
+ 160,
356
+ 221,
357
+ 164;
358
+ --salt-color-green-40-rgb:
359
+ 136,
360
+ 210,
361
+ 145;
362
+ --salt-color-green-50-rgb:
363
+ 112,
364
+ 199,
365
+ 127;
366
+ --salt-color-green-100-rgb:
367
+ 93,
368
+ 189,
369
+ 116;
370
+ --salt-color-green-200-rgb:
371
+ 77,
372
+ 180,
373
+ 105;
374
+ --salt-color-green-300-rgb:
375
+ 60,
376
+ 171,
377
+ 96;
378
+ --salt-color-green-400-rgb:
379
+ 48,
380
+ 156,
381
+ 90;
382
+ --salt-color-green-500-rgb:
383
+ 36,
384
+ 135,
385
+ 75;
386
+ --salt-color-green-600-rgb:
387
+ 24,
388
+ 114,
389
+ 61;
390
+ --salt-color-green-700-rgb:
391
+ 12,
392
+ 93,
393
+ 46;
394
+ --salt-color-green-800-rgb:
395
+ 1,
396
+ 73,
397
+ 32;
398
+ --salt-color-green-900-rgb:
399
+ 35,
400
+ 52,
401
+ 43;
402
+ --salt-color-teal-10-rgb:
403
+ 218,
404
+ 240,
405
+ 240;
406
+ --salt-color-teal-20-rgb:
407
+ 199,
408
+ 232,
409
+ 232;
410
+ --salt-color-teal-30-rgb:
411
+ 180,
412
+ 224,
413
+ 225;
414
+ --salt-color-teal-40-rgb:
415
+ 162,
416
+ 217,
417
+ 218;
418
+ --salt-color-teal-50-rgb:
419
+ 141,
420
+ 205,
421
+ 209;
422
+ --salt-color-teal-100-rgb:
423
+ 123,
424
+ 193,
425
+ 200;
426
+ --salt-color-teal-200-rgb:
427
+ 99,
428
+ 181,
429
+ 192;
430
+ --salt-color-teal-300-rgb:
431
+ 73,
432
+ 160,
433
+ 172;
434
+ --salt-color-teal-400-rgb:
435
+ 48,
436
+ 149,
437
+ 166;
438
+ --salt-color-teal-500-rgb:
439
+ 0,
440
+ 130,
441
+ 151;
442
+ --salt-color-teal-600-rgb:
443
+ 27,
444
+ 107,
445
+ 133;
446
+ --salt-color-teal-700-rgb:
447
+ 0,
448
+ 85,
449
+ 113;
450
+ --salt-color-teal-800-rgb:
451
+ 1,
452
+ 65,
453
+ 86;
454
+ --salt-color-teal-900-rgb:
455
+ 0,
456
+ 49,
457
+ 76;
458
+ --salt-color-blue-10-rgb:
459
+ 203,
460
+ 231,
461
+ 249;
462
+ --salt-color-blue-20-rgb:
463
+ 183,
464
+ 222,
465
+ 246;
466
+ --salt-color-blue-30-rgb:
467
+ 164,
468
+ 213,
469
+ 244;
470
+ --salt-color-blue-40-rgb:
471
+ 144,
472
+ 204,
473
+ 242;
474
+ --salt-color-blue-50-rgb:
475
+ 125,
476
+ 195,
477
+ 240;
478
+ --salt-color-blue-100-rgb:
479
+ 100,
480
+ 177,
481
+ 228;
482
+ --salt-color-blue-200-rgb:
483
+ 75,
484
+ 159,
485
+ 216;
486
+ --salt-color-blue-300-rgb:
487
+ 51,
488
+ 141,
489
+ 205;
490
+ --salt-color-blue-400-rgb:
491
+ 46,
492
+ 132,
493
+ 198;
494
+ --salt-color-blue-500-rgb:
495
+ 38,
496
+ 112,
497
+ 169;
498
+ --salt-color-blue-600-rgb:
499
+ 21,
500
+ 92,
501
+ 147;
502
+ --salt-color-blue-700-rgb:
503
+ 0,
504
+ 71,
505
+ 123;
506
+ --salt-color-blue-800-rgb:
507
+ 39,
508
+ 60,
509
+ 77;
510
+ --salt-color-blue-900-rgb:
511
+ 35,
512
+ 47,
513
+ 56;
514
+ --salt-color-purple-10-rgb:
515
+ 249,
516
+ 224,
517
+ 247;
518
+ --salt-color-purple-20-rgb:
519
+ 247,
520
+ 212,
521
+ 244;
522
+ --salt-color-purple-30-rgb:
523
+ 245,
524
+ 201,
525
+ 241;
526
+ --salt-color-purple-40-rgb:
527
+ 243,
528
+ 189,
529
+ 238;
530
+ --salt-color-purple-50-rgb:
531
+ 241,
532
+ 178,
533
+ 235;
534
+ --salt-color-purple-100-rgb:
535
+ 223,
536
+ 156,
537
+ 225;
538
+ --salt-color-purple-200-rgb:
539
+ 205,
540
+ 135,
541
+ 215;
542
+ --salt-color-purple-300-rgb:
543
+ 192,
544
+ 116,
545
+ 203;
546
+ --salt-color-purple-400-rgb:
547
+ 169,
548
+ 97,
549
+ 181;
550
+ --salt-color-purple-500-rgb:
551
+ 150,
552
+ 78,
553
+ 162;
554
+ --salt-color-purple-600-rgb:
555
+ 129,
556
+ 60,
557
+ 141;
558
+ --salt-color-purple-700-rgb:
559
+ 103,
560
+ 46,
561
+ 122;
562
+ --salt-color-purple-800-rgb:
563
+ 83,
564
+ 37,
565
+ 109;
566
+ --salt-color-purple-900-rgb:
567
+ 59,
568
+ 16,
569
+ 84;
570
+ --salt-color-gray-10-rgb:
571
+ 242,
572
+ 244,
573
+ 246;
574
+ --salt-color-gray-20-rgb:
575
+ 234,
576
+ 237,
577
+ 239;
578
+ --salt-color-gray-30-rgb:
579
+ 224,
580
+ 228,
581
+ 233;
582
+ --salt-color-gray-40-rgb:
583
+ 217,
584
+ 221,
585
+ 227;
586
+ --salt-color-gray-50-rgb:
587
+ 206,
588
+ 210,
589
+ 217;
590
+ --salt-color-gray-60-rgb:
591
+ 197,
592
+ 201,
593
+ 208;
594
+ --salt-color-gray-70-rgb:
595
+ 180,
596
+ 183,
597
+ 190;
598
+ --salt-color-gray-80-rgb:
599
+ 159,
600
+ 163,
601
+ 170;
602
+ --salt-color-gray-90-rgb:
603
+ 132,
604
+ 135,
605
+ 142;
606
+ --salt-color-gray-100-rgb:
607
+ 116,
608
+ 119,
609
+ 127;
610
+ --salt-color-gray-200-rgb:
611
+ 97,
612
+ 101,
613
+ 110;
614
+ --salt-color-gray-300-rgb:
615
+ 76,
616
+ 80,
617
+ 91;
618
+ --salt-color-gray-400-rgb:
619
+ 68,
620
+ 72,
621
+ 79;
622
+ --salt-color-gray-500-rgb:
623
+ 59,
624
+ 63,
625
+ 70;
626
+ --salt-color-gray-600-rgb:
627
+ 47,
628
+ 49,
629
+ 54;
630
+ --salt-color-gray-700-rgb:
631
+ 42,
632
+ 44,
633
+ 47;
634
+ --salt-color-gray-800-rgb:
635
+ 36,
636
+ 37,
637
+ 38;
638
+ --salt-color-gray-900-rgb:
639
+ 22,
640
+ 22,
641
+ 22;
642
+ --salt-color-white: rgb(var(--salt-color-white-rgb));
643
+ --salt-color-black: rgb(var(--salt-color-black-rgb));
644
+ --salt-color-red-10: rgb(var(--salt-color-red-10-rgb));
645
+ --salt-color-red-20: rgb(var(--salt-color-red-20-rgb));
646
+ --salt-color-red-30: rgb(var(--salt-color-red-30-rgb));
647
+ --salt-color-red-40: rgb(var(--salt-color-red-40-rgb));
648
+ --salt-color-red-50: rgb(var(--salt-color-red-50-rgb));
649
+ --salt-color-red-100: rgb(var(--salt-color-red-100-rgb));
650
+ --salt-color-red-200: rgb(var(--salt-color-red-200-rgb));
651
+ --salt-color-red-300: rgb(var(--salt-color-red-300-rgb));
652
+ --salt-color-red-400: rgb(var(--salt-color-red-400-rgb));
653
+ --salt-color-red-500: rgb(var(--salt-color-red-500-rgb));
654
+ --salt-color-red-600: rgb(var(--salt-color-red-600-rgb));
655
+ --salt-color-red-700: rgb(var(--salt-color-red-700-rgb));
656
+ --salt-color-red-800: rgb(var(--salt-color-red-800-rgb));
657
+ --salt-color-red-900: rgb(var(--salt-color-red-900-rgb));
658
+ --salt-color-orange-10: rgb(var(--salt-color-orange-10-rgb));
659
+ --salt-color-orange-20: rgb(var(--salt-color-orange-20-rgb));
660
+ --salt-color-orange-30: rgb(var(--salt-color-orange-30-rgb));
661
+ --salt-color-orange-40: rgb(var(--salt-color-orange-40-rgb));
662
+ --salt-color-orange-50: rgb(var(--salt-color-orange-50-rgb));
663
+ --salt-color-orange-100: rgb(var(--salt-color-orange-100-rgb));
664
+ --salt-color-orange-200: rgb(var(--salt-color-orange-200-rgb));
665
+ --salt-color-orange-300: rgb(var(--salt-color-orange-300-rgb));
666
+ --salt-color-orange-400: rgb(var(--salt-color-orange-400-rgb));
667
+ --salt-color-orange-500: rgb(var(--salt-color-orange-500-rgb));
668
+ --salt-color-orange-600: rgb(var(--salt-color-orange-600-rgb));
669
+ --salt-color-orange-700: rgb(var(--salt-color-orange-700-rgb));
670
+ --salt-color-orange-800: rgb(var(--salt-color-orange-800-rgb));
671
+ --salt-color-orange-850: rgb(var(--salt-color-orange-850-rgb));
672
+ --salt-color-orange-900: rgb(var(--salt-color-orange-900-rgb));
673
+ --salt-color-green-10: rgb(var(--salt-color-green-10-rgb));
674
+ --salt-color-green-20: rgb(var(--salt-color-green-20-rgb));
675
+ --salt-color-green-30: rgb(var(--salt-color-green-30-rgb));
676
+ --salt-color-green-40: rgb(var(--salt-color-green-40-rgb));
677
+ --salt-color-green-50: rgb(var(--salt-color-green-50-rgb));
678
+ --salt-color-green-100: rgb(var(--salt-color-green-100-rgb));
679
+ --salt-color-green-200: rgb(var(--salt-color-green-200-rgb));
680
+ --salt-color-green-300: rgb(var(--salt-color-green-300-rgb));
681
+ --salt-color-green-400: rgb(var(--salt-color-green-400-rgb));
682
+ --salt-color-green-500: rgb(var(--salt-color-green-500-rgb));
683
+ --salt-color-green-600: rgb(var(--salt-color-green-600-rgb));
684
+ --salt-color-green-700: rgb(var(--salt-color-green-700-rgb));
685
+ --salt-color-green-800: rgb(var(--salt-color-green-800-rgb));
686
+ --salt-color-green-900: rgb(var(--salt-color-green-900-rgb));
687
+ --salt-color-teal-10: rgb(var(--salt-color-teal-10-rgb));
688
+ --salt-color-teal-20: rgb(var(--salt-color-teal-20-rgb));
689
+ --salt-color-teal-30: rgb(var(--salt-color-teal-30-rgb));
690
+ --salt-color-teal-40: rgb(var(--salt-color-teal-40-rgb));
691
+ --salt-color-teal-50: rgb(var(--salt-color-teal-50-rgb));
692
+ --salt-color-teal-100: rgb(var(--salt-color-teal-100-rgb));
693
+ --salt-color-teal-200: rgb(var(--salt-color-teal-200-rgb));
694
+ --salt-color-teal-300: rgb(var(--salt-color-teal-300-rgb));
695
+ --salt-color-teal-400: rgb(var(--salt-color-teal-400-rgb));
696
+ --salt-color-teal-500: rgb(var(--salt-color-teal-500-rgb));
697
+ --salt-color-teal-600: rgb(var(--salt-color-teal-600-rgb));
698
+ --salt-color-teal-700: rgb(var(--salt-color-teal-700-rgb));
699
+ --salt-color-teal-800: rgb(var(--salt-color-teal-800-rgb));
700
+ --salt-color-teal-900: rgb(var(--salt-color-teal-900-rgb));
701
+ --salt-color-blue-10: rgb(var(--salt-color-blue-10-rgb));
702
+ --salt-color-blue-20: rgb(var(--salt-color-blue-20-rgb));
703
+ --salt-color-blue-30: rgb(var(--salt-color-blue-30-rgb));
704
+ --salt-color-blue-40: rgb(var(--salt-color-blue-40-rgb));
705
+ --salt-color-blue-50: rgb(var(--salt-color-blue-50-rgb));
706
+ --salt-color-blue-100: rgb(var(--salt-color-blue-100-rgb));
707
+ --salt-color-blue-200: rgb(var(--salt-color-blue-200-rgb));
708
+ --salt-color-blue-300: rgb(var(--salt-color-blue-300-rgb));
709
+ --salt-color-blue-400: rgb(var(--salt-color-blue-400-rgb));
710
+ --salt-color-blue-500: rgb(var(--salt-color-blue-500-rgb));
711
+ --salt-color-blue-600: rgb(var(--salt-color-blue-600-rgb));
712
+ --salt-color-blue-700: rgb(var(--salt-color-blue-700-rgb));
713
+ --salt-color-blue-800: rgb(var(--salt-color-blue-800-rgb));
714
+ --salt-color-blue-900: rgb(var(--salt-color-blue-900-rgb));
715
+ --salt-color-purple-10: rgb(var(--salt-color-purple-10-rgb));
716
+ --salt-color-purple-20: rgb(var(--salt-color-purple-20-rgb));
717
+ --salt-color-purple-30: rgb(var(--salt-color-purple-30-rgb));
718
+ --salt-color-purple-40: rgb(var(--salt-color-purple-40-rgb));
719
+ --salt-color-purple-50: rgb(var(--salt-color-purple-50-rgb));
720
+ --salt-color-purple-100: rgb(var(--salt-color-purple-100-rgb));
721
+ --salt-color-purple-200: rgb(var(--salt-color-purple-200-rgb));
722
+ --salt-color-purple-300: rgb(var(--salt-color-purple-300-rgb));
723
+ --salt-color-purple-400: rgb(var(--salt-color-purple-400-rgb));
724
+ --salt-color-purple-500: rgb(var(--salt-color-purple-500-rgb));
725
+ --salt-color-purple-600: rgb(var(--salt-color-purple-600-rgb));
726
+ --salt-color-purple-700: rgb(var(--salt-color-purple-700-rgb));
727
+ --salt-color-purple-800: rgb(var(--salt-color-purple-800-rgb));
728
+ --salt-color-purple-900: rgb(var(--salt-color-purple-900-rgb));
729
+ --salt-color-gray-10: rgb(var(--salt-color-gray-10-rgb));
730
+ --salt-color-gray-20: rgb(var(--salt-color-gray-20-rgb));
731
+ --salt-color-gray-30: rgb(var(--salt-color-gray-30-rgb));
732
+ --salt-color-gray-40: rgb(var(--salt-color-gray-40-rgb));
733
+ --salt-color-gray-50: rgb(var(--salt-color-gray-50-rgb));
734
+ --salt-color-gray-60: rgb(var(--salt-color-gray-60-rgb));
735
+ --salt-color-gray-70: rgb(var(--salt-color-gray-70-rgb));
736
+ --salt-color-gray-80: rgb(var(--salt-color-gray-80-rgb));
737
+ --salt-color-gray-90: rgb(var(--salt-color-gray-90-rgb));
738
+ --salt-color-gray-100: rgb(var(--salt-color-gray-100-rgb));
739
+ --salt-color-gray-200: rgb(var(--salt-color-gray-200-rgb));
740
+ --salt-color-gray-300: rgb(var(--salt-color-gray-300-rgb));
741
+ --salt-color-gray-400: rgb(var(--salt-color-gray-400-rgb));
742
+ --salt-color-gray-500: rgb(var(--salt-color-gray-500-rgb));
743
+ --salt-color-gray-600: rgb(var(--salt-color-gray-600-rgb));
744
+ --salt-color-gray-700: rgb(var(--salt-color-gray-700-rgb));
745
+ --salt-color-gray-800: rgb(var(--salt-color-gray-800-rgb));
746
+ --salt-color-gray-900: rgb(var(--salt-color-gray-900-rgb));
282
747
  --salt-color-cobalt-100: rgb(237, 244, 255);
283
748
  --salt-color-cobalt-200: rgb(198, 211, 239);
284
749
  --salt-color-cobalt-300: rgb(159, 179, 223);
@@ -328,7 +793,7 @@
328
793
  --salt-color-rose-200: rgb(250, 190, 237);
329
794
  --salt-color-rose-300: rgb(229, 154, 212);
330
795
  --salt-color-rose-400: rgb(209, 117, 189);
331
- --salt-color-rose-500: rgb(176, 86, 158);
796
+ --salt-color-rose-500: rgb(176, 84, 157);
332
797
  --salt-color-rose-600: rgb(146, 67, 130);
333
798
  --salt-color-rose-700: rgb(118, 50, 104);
334
799
  --salt-color-rose-800: rgb(90, 32, 78);
@@ -355,7 +820,7 @@
355
820
  --salt-color-indigo-200: rgb(208, 194, 252);
356
821
  --salt-color-indigo-300: rgb(180, 162, 242);
357
822
  --salt-color-indigo-400: rgb(149, 129, 229);
358
- --salt-color-indigo-500: rgb(120, 104, 206);
823
+ --salt-color-indigo-500: rgb(118, 101, 207);
359
824
  --salt-color-indigo-600: rgb(98, 85, 170);
360
825
  --salt-color-indigo-700: rgb(77, 66, 135);
361
826
  --salt-color-indigo-800: rgb(57, 49, 102);
@@ -382,7 +847,7 @@
382
847
  --salt-color-autumn-200: rgb(255, 197, 161);
383
848
  --salt-color-autumn-300: rgb(242, 163, 114);
384
849
  --salt-color-autumn-400: rgb(222, 126, 64);
385
- --salt-color-autumn-500: rgb(189, 91, 21);
850
+ --salt-color-autumn-500: rgb(189, 90, 19);
386
851
  --salt-color-autumn-600: rgb(153, 73, 18);
387
852
  --salt-color-autumn-700: rgb(119, 55, 14);
388
853
  --salt-color-autumn-800: rgb(86, 39, 10);
@@ -469,95 +934,6 @@
469
934
  --salt-duration-cutoff: 10000ms;
470
935
  }
471
936
 
472
- /* css/foundations/fade.css */
473
- .salt-theme {
474
- --salt-color-blue-100-fade-foreground: rgba(100, 177, 228, var(--salt-palette-opacity-disabled));
475
- --salt-color-blue-200-fade-foreground: rgba(75, 159, 216, var(--salt-palette-opacity-disabled));
476
- --salt-color-blue-500-fade-foreground: rgba(38, 112, 169, var(--salt-palette-opacity-disabled));
477
- --salt-color-blue-600-fade-foreground: rgba(21, 92, 147, var(--salt-palette-opacity-disabled));
478
- --salt-color-gray-200-fade-foreground: rgba(97, 101, 110, var(--salt-palette-opacity-disabled));
479
- --salt-color-gray-70-fade-foreground: rgba(180, 183, 190, var(--salt-palette-opacity-disabled));
480
- --salt-color-gray-90-fade-foreground: rgba(132, 135, 142, var(--salt-palette-opacity-disabled));
481
- --salt-color-gray-900-fade-foreground: rgba(22, 22, 22, var(--salt-palette-opacity-disabled));
482
- --salt-color-green-200-fade-foreground: rgba(77, 180, 105, var(--salt-palette-opacity-disabled));
483
- --salt-color-green-300-fade-foreground: rgba(60, 171, 96, var(--salt-palette-opacity-disabled));
484
- --salt-color-green-400-fade-foreground: rgba(48, 156, 90, var(--salt-palette-opacity-disabled));
485
- --salt-color-green-500-fade-foreground: rgba(36, 135, 75, var(--salt-palette-opacity-disabled));
486
- --salt-color-green-600-fade-foreground: rgba(24, 114, 61, var(--salt-palette-opacity-disabled));
487
- --salt-color-green-700-fade-foreground: rgba(12, 93, 46, var(--salt-palette-opacity-disabled));
488
- --salt-color-red-200-fade-foreground: rgba(255, 108, 88, var(--salt-palette-opacity-disabled));
489
- --salt-color-red-300-fade-foreground: rgba(255, 89, 66, var(--salt-palette-opacity-disabled));
490
- --salt-color-red-500-fade-foreground: rgba(227, 43, 22, var(--salt-palette-opacity-disabled));
491
- --salt-color-red-600-fade-foreground: rgba(196, 32, 16, var(--salt-palette-opacity-disabled));
492
- --salt-color-red-700-fade-foreground: rgba(166, 21, 11, var(--salt-palette-opacity-disabled));
493
- --salt-color-orange-400-fade-foreground: rgba(238, 133, 43, var(--salt-palette-opacity-disabled));
494
- --salt-color-orange-850-fade-foreground: rgba(194, 52, 7, var(--salt-palette-opacity-disabled));
495
- --salt-color-white-fade-foreground: rgba(255, 255, 255, var(--salt-palette-opacity-disabled));
496
- --salt-color-blue-500-fade-border: rgba(38, 112, 169, var(--salt-palette-opacity-disabled));
497
- --salt-color-gray-50-fade-border: rgba(206, 210, 217, var(--salt-palette-opacity-disabled));
498
- --salt-color-gray-60-fade-border: rgba(197, 201, 208, var(--salt-palette-opacity-disabled));
499
- --salt-color-gray-90-fade-border: rgba(132, 135, 142, var(--salt-palette-opacity-disabled));
500
- --salt-color-gray-200-fade-border: rgba(97, 101, 110, var(--salt-palette-opacity-disabled));
501
- --salt-color-gray-300-fade-border: rgba(76, 80, 91, var(--salt-palette-opacity-disabled));
502
- --salt-color-green-400-fade-border: rgba(48, 156, 90, var(--salt-palette-opacity-disabled));
503
- --salt-color-green-500-fade-border: rgba(36, 135, 75, var(--salt-palette-opacity-disabled));
504
- --salt-color-orange-400-fade-border: rgba(238, 133, 43, var(--salt-palette-opacity-disabled));
505
- --salt-color-orange-500-fade-border: rgba(234, 115, 25, var(--salt-palette-opacity-disabled));
506
- --salt-color-orange-600-fade-border: rgba(224, 101, 25, var(--salt-palette-opacity-disabled));
507
- --salt-color-orange-700-fade-border: rgba(214, 85, 19, var(--salt-palette-opacity-disabled));
508
- --salt-color-red-500-fade-border: rgba(227, 43, 22, var(--salt-palette-opacity-disabled));
509
- --salt-color-gray-90-fade-border-readonly: rgba(132, 135, 142, var(--salt-palette-opacity-border-readonly));
510
- --salt-color-gray-200-fade-border-readonly: rgba(97, 101, 110, var(--salt-palette-opacity-border-readonly));
511
- --salt-color-blue-30-fade-background: rgba(164, 213, 244, var(--salt-palette-opacity-disabled));
512
- --salt-color-blue-500-fade-background: rgba(38, 112, 169, var(--salt-palette-opacity-disabled));
513
- --salt-color-blue-600-fade-background: rgba(21, 92, 147, var(--salt-palette-opacity-disabled));
514
- --salt-color-blue-700-fade-background: rgba(0, 71, 123, var(--salt-palette-opacity-disabled));
515
- --salt-color-gray-20-fade-background: rgba(234, 237, 239, var(--salt-palette-opacity-disabled));
516
- --salt-color-gray-30-fade-background: rgba(224, 228, 233, var(--salt-palette-opacity-disabled));
517
- --salt-color-gray-50-fade-background: rgba(206, 210, 217, var(--salt-palette-opacity-disabled));
518
- --salt-color-gray-60-fade-background: rgba(197, 201, 208, var(--salt-palette-opacity-disabled));
519
- --salt-color-gray-70-fade-background: rgba(180, 183, 190, var(--salt-palette-opacity-disabled));
520
- --salt-color-gray-200-fade-background: rgba(97, 101, 110, var(--salt-palette-opacity-disabled));
521
- --salt-color-gray-300-fade-background: rgba(76, 80, 91, var(--salt-palette-opacity-disabled));
522
- --salt-color-gray-600-fade-background: rgba(47, 49, 54, var(--salt-palette-opacity-disabled));
523
- --salt-color-gray-800-fade-background: rgba(36, 37, 38, var(--salt-palette-opacity-disabled));
524
- --salt-color-white-fade-background: rgba(255, 255, 255, var(--salt-palette-opacity-disabled));
525
- --salt-color-green-500-fade-background: rgba(36, 135, 75, var(--salt-palette-opacity-disabled));
526
- --salt-color-green-600-fade-background: rgba(24, 114, 61, var(--salt-palette-opacity-disabled));
527
- --salt-color-red-600-fade-background: rgba(196, 32, 16, var(--salt-palette-opacity-disabled));
528
- --salt-color-white-fade-background-readonly: rgba(255, 255, 255, var(--salt-palette-opacity-background-readonly));
529
- --salt-color-gray-20-fade-background-readonly: rgba(234, 237, 239, var(--salt-palette-opacity-background-readonly));
530
- --salt-color-gray-600-fade-background-readonly: rgba(47, 49, 54, var(--salt-palette-opacity-background-readonly));
531
- --salt-color-gray-800-fade-background-readonly: rgba(36, 37, 38, var(--salt-palette-opacity-background-readonly));
532
- --salt-color-white-fade-backdrop: rgba(255, 255, 255, var(--salt-palette-opacity-backdrop));
533
- --salt-color-black-fade-backdrop: rgba(0, 0, 0, var(--salt-palette-opacity-backdrop));
534
- --salt-color-blue-100-fade-fill: rgba(100, 177, 228, var(--salt-palette-opacity-disabled));
535
- --salt-color-blue-600-fade-fill: rgba(21, 92, 147, var(--salt-palette-opacity-disabled));
536
- --salt-color-white-fade-separatorOpacity-primary: rgba(255, 255, 255, var(--salt-palette-opacity-primary-border));
537
- --salt-color-white-fade-separatorOpacity-secondary: rgba(255, 255, 255, var(--salt-palette-opacity-secondary-border));
538
- --salt-color-white-fade-separatorOpacity-tertiary: rgba(255, 255, 255, var(--salt-palette-opacity-tertiary-border));
539
- --salt-color-black-fade-separatorOpacity-primary: rgba(0, 0, 0, var(--salt-palette-opacity-primary-border));
540
- --salt-color-black-fade-separatorOpacity-secondary: rgba(0, 0, 0, var(--salt-palette-opacity-secondary-border));
541
- --salt-color-black-fade-separatorOpacity-tertiary: rgba(0, 0, 0, var(--salt-palette-opacity-tertiary-border));
542
- --salt-color-black-fade-background-hover: rgba(0, 0, 0, var(--salt-opacity-8));
543
- --salt-color-black-fade-background-selection: rgba(0, 0, 0, var(--salt-opacity-15));
544
- --salt-color-black-fade-background-highlight: rgba(0, 0, 0, var(--salt-opacity-25));
545
- --salt-color-white-fade-background-hover: rgba(255, 255, 255, var(--salt-opacity-8));
546
- --salt-color-white-fade-background-selection: rgba(255, 255, 255, var(--salt-opacity-15));
547
- --salt-color-white-fade-background-highlight: rgba(255, 255, 255, var(--salt-opacity-25));
548
- }
549
-
550
- /* css/foundations/opacity.css */
551
- .salt-theme {
552
- --salt-opacity-0: 0;
553
- --salt-opacity-8: 0.08;
554
- --salt-opacity-15: 0.15;
555
- --salt-opacity-25: 0.25;
556
- --salt-opacity-40: 0.4;
557
- --salt-opacity-45: 0.45;
558
- --salt-opacity-70: 0.7;
559
- }
560
-
561
937
  /* css/foundations/shadow.css */
562
938
  .salt-theme[data-mode=light] {
563
939
  --salt-shadow-100-color: rgba(0, 0, 0, 0.1);
@@ -688,24 +1064,38 @@
688
1064
  --salt-zIndex-flyover: 1500;
689
1065
  }
690
1066
 
1067
+ /* css/palette/alpha.css */
1068
+ .salt-theme[data-mode=light] {
1069
+ --salt-palette-alpha: var(--salt-color-black-30a);
1070
+ --salt-palette-alpha-strong: var(--salt-color-black-45a);
1071
+ --salt-palette-alpha-weak: var(--salt-color-black-15a);
1072
+ --salt-palette-alpha-weaker: var(--salt-color-black-10a);
1073
+ --salt-palette-alpha-backdrop: var(--salt-color-white-70a);
1074
+ --salt-palette-alpha-none: transparent;
1075
+ }
1076
+ .salt-theme[data-mode=dark] {
1077
+ --salt-palette-alpha: var(--salt-color-white-30a);
1078
+ --salt-palette-alpha-strong: var(--salt-color-white-45a);
1079
+ --salt-palette-alpha-weak: var(--salt-color-white-15a);
1080
+ --salt-palette-alpha-weaker: var(--salt-color-white-10a);
1081
+ --salt-palette-alpha-backdrop: var(--salt-color-black-70a);
1082
+ --salt-palette-alpha-none: transparent;
1083
+ }
1084
+
691
1085
  /* css/palette/accent.css */
692
1086
  .salt-theme[data-mode=light] {
693
- --salt-palette-accent-background: var(--salt-color-blue-500);
694
- --salt-palette-accent-background-disabled: var(--salt-color-blue-500-fade-background);
695
- --salt-palette-accent-border: var(--salt-color-blue-500);
696
- --salt-palette-accent-border-disabled: var(--salt-color-blue-500-fade-border);
1087
+ --salt-palette-accent: var(--salt-color-blue-500);
1088
+ --salt-palette-accent-disabled: var(--salt-color-blue-500-40a);
697
1089
  --salt-palette-accent-foreground: var(--salt-color-white);
698
1090
  --salt-palette-accent-foreground-informative: var(--salt-color-blue-600);
699
- --salt-palette-accent-foreground-informative-disabled: var(--salt-color-blue-600-fade-foreground);
1091
+ --salt-palette-accent-foreground-informative-disabled: var(--salt-color-blue-600-40a);
700
1092
  }
701
1093
  .salt-theme[data-mode=dark] {
702
- --salt-palette-accent-background: var(--salt-color-blue-500);
703
- --salt-palette-accent-background-disabled: var(--salt-color-blue-500-fade-background);
704
- --salt-palette-accent-border: var(--salt-color-blue-500);
705
- --salt-palette-accent-border-disabled: var(--salt-color-blue-500-fade-border);
1094
+ --salt-palette-accent: var(--salt-color-blue-500);
1095
+ --salt-palette-accent-disabled: var(--salt-color-blue-500-40a);
706
1096
  --salt-palette-accent-foreground: var(--salt-color-white);
707
1097
  --salt-palette-accent-foreground-informative: var(--salt-color-blue-200);
708
- --salt-palette-accent-foreground-informative-disabled: var(--salt-color-blue-200-fade-foreground);
1098
+ --salt-palette-accent-foreground-informative-disabled: var(--salt-color-blue-200-40a);
709
1099
  }
710
1100
 
711
1101
  /* css/palette/error.css */
@@ -870,103 +1260,88 @@
870
1260
 
871
1261
  /* css/palette/interact.css */
872
1262
  .salt-theme[data-mode=light] {
873
- --salt-palette-interact-background: transparent;
874
1263
  --salt-palette-interact-background-blurSelected: var(--salt-color-gray-30);
875
1264
  --salt-palette-interact-background-hover: var(--salt-color-blue-10);
876
1265
  --salt-palette-interact-background-active: var(--salt-color-blue-30);
877
- --salt-palette-interact-background-disabled: transparent;
878
- --salt-palette-interact-background-activeDisabled: var(--salt-color-blue-30-fade-background);
1266
+ --salt-palette-interact-background-activeDisabled: var(--salt-color-blue-30-40a);
879
1267
  --salt-palette-interact-border: var(--salt-color-gray-200);
880
1268
  --salt-palette-interact-border-active: var(--salt-color-blue-600);
881
- --salt-palette-interact-border-activeDisabled: var(--salt-color-blue-600-fade-fill);
882
- --salt-palette-interact-border-disabled: var(--salt-color-gray-200-fade-border);
1269
+ --salt-palette-interact-border-activeDisabled: var(--salt-color-blue-600-40a);
1270
+ --salt-palette-interact-border-disabled: var(--salt-color-gray-200-40a);
883
1271
  --salt-palette-interact-border-hover: var(--salt-color-blue-500);
884
- --salt-palette-interact-border-readonly: var(--salt-color-gray-200-fade-border-readonly);
885
- --salt-palette-interact-border-none: transparent;
1272
+ --salt-palette-interact-border-readonly: var(--salt-color-gray-200-15a);
886
1273
  --salt-palette-interact-foreground: var(--salt-color-gray-200);
887
1274
  --salt-palette-interact-foreground-active: var(--salt-color-blue-600);
888
- --salt-palette-interact-foreground-activeDisabled: var(--salt-color-blue-600-fade-foreground);
889
- --salt-palette-interact-foreground-disabled: var(--salt-color-gray-200-fade-foreground);
1275
+ --salt-palette-interact-foreground-activeDisabled: var(--salt-color-blue-600-40a);
1276
+ --salt-palette-interact-foreground-disabled: var(--salt-color-gray-200-40a);
890
1277
  --salt-palette-interact-foreground-hover: var(--salt-color-blue-500);
891
1278
  --salt-palette-interact-outline: var(--salt-color-blue-600);
892
1279
  --salt-palette-interact-cta-background: var(--salt-color-blue-600);
893
1280
  --salt-palette-interact-cta-background-active: var(--salt-color-blue-700);
894
- --salt-palette-interact-cta-background-disabled: var(--salt-color-blue-600-fade-background);
1281
+ --salt-palette-interact-cta-background-disabled: var(--salt-color-blue-600-40a);
895
1282
  --salt-palette-interact-cta-background-hover: var(--salt-color-blue-500);
896
1283
  --salt-palette-interact-cta-foreground: var(--salt-color-white);
897
- --salt-palette-interact-cta-foreground-active: var(--salt-color-white);
898
- --salt-palette-interact-cta-foreground-disabled: var(--salt-color-white-fade-foreground);
899
- --salt-palette-interact-cta-foreground-hover: var(--salt-color-white);
1284
+ --salt-palette-interact-cta-foreground-disabled: var(--salt-color-white-40a);
900
1285
  --salt-palette-interact-cta-border-hover: var(--salt-color-blue-500);
901
1286
  --salt-palette-interact-cta-border-active: var(--salt-color-blue-700);
902
1287
  --salt-palette-interact-primary-background: var(--salt-color-gray-60);
903
1288
  --salt-palette-interact-primary-background-active: var(--salt-color-gray-200);
904
- --salt-palette-interact-primary-background-disabled: var(--salt-color-gray-60-fade-background);
1289
+ --salt-palette-interact-primary-background-disabled: var(--salt-color-gray-60-40a);
905
1290
  --salt-palette-interact-primary-background-hover: var(--salt-color-gray-40);
906
1291
  --salt-palette-interact-primary-foreground: var(--salt-color-gray-900);
907
1292
  --salt-palette-interact-primary-foreground-active: var(--salt-color-white);
908
- --salt-palette-interact-primary-foreground-disabled: var(--salt-color-gray-900-fade-foreground);
1293
+ --salt-palette-interact-primary-foreground-disabled: var(--salt-color-gray-900-40a);
909
1294
  --salt-palette-interact-primary-foreground-hover: var(--salt-color-gray-900);
910
- --salt-palette-interact-secondary-background: transparent;
911
1295
  --salt-palette-interact-secondary-background-active: var(--salt-color-gray-200);
912
- --salt-palette-interact-secondary-background-disabled: transparent;
913
1296
  --salt-palette-interact-secondary-background-hover: var(--salt-color-gray-40);
914
1297
  --salt-palette-interact-secondary-foreground: var(--salt-color-gray-900);
915
1298
  --salt-palette-interact-secondary-foreground-active: var(--salt-color-white);
916
- --salt-palette-interact-secondary-foreground-disabled: var(--salt-color-gray-900-fade-foreground);
1299
+ --salt-palette-interact-secondary-foreground-disabled: var(--salt-color-gray-900-40a);
917
1300
  --salt-palette-interact-secondary-foreground-hover: var(--salt-color-gray-900);
918
1301
  }
919
1302
  .salt-theme[data-mode=dark] {
920
- --salt-palette-interact-background: transparent;
921
1303
  --salt-palette-interact-background-active: var(--salt-color-blue-700);
922
1304
  --salt-palette-interact-background-blurSelected: var(--salt-color-gray-600);
923
1305
  --salt-palette-interact-background-hover: var(--salt-color-blue-800);
924
- --salt-palette-interact-background-disabled: transparent;
925
- --salt-palette-interact-background-activeDisabled: var(--salt-color-blue-700-fade-background);
1306
+ --salt-palette-interact-background-activeDisabled: var(--salt-color-blue-700-40a);
926
1307
  --salt-palette-interact-border: var(--salt-color-gray-90);
927
1308
  --salt-palette-interact-border-active: var(--salt-color-blue-100);
928
- --salt-palette-interact-border-activeDisabled: var(--salt-color-blue-100-fade-fill);
929
- --salt-palette-interact-border-disabled: var(--salt-color-gray-90-fade-border);
1309
+ --salt-palette-interact-border-activeDisabled: var(--salt-color-blue-100-40a);
1310
+ --salt-palette-interact-border-disabled: var(--salt-color-gray-90-40a);
930
1311
  --salt-palette-interact-border-hover: var(--salt-color-blue-500);
931
- --salt-palette-interact-border-readonly: var(--salt-color-gray-90-fade-border-readonly);
932
- --salt-palette-interact-border-none: transparent;
1312
+ --salt-palette-interact-border-readonly: var(--salt-color-gray-90-15a);
933
1313
  --salt-palette-interact-foreground: var(--salt-color-gray-90);
934
1314
  --salt-palette-interact-foreground-active: var(--salt-color-blue-100);
935
- --salt-palette-interact-foreground-activeDisabled: var(--salt-color-blue-100-fade-foreground);
936
- --salt-palette-interact-foreground-disabled: var(--salt-color-gray-90-fade-foreground);
1315
+ --salt-palette-interact-foreground-activeDisabled: var(--salt-color-blue-100-40a);
1316
+ --salt-palette-interact-foreground-disabled: var(--salt-color-gray-90-40a);
937
1317
  --salt-palette-interact-foreground-hover: var(--salt-color-blue-500);
938
1318
  --salt-palette-interact-outline: var(--salt-color-blue-100);
939
1319
  --salt-palette-interact-cta-background: var(--salt-color-blue-600);
940
1320
  --salt-palette-interact-cta-background-active: var(--salt-color-blue-700);
941
- --salt-palette-interact-cta-background-disabled: var(--salt-color-blue-600-fade-background);
1321
+ --salt-palette-interact-cta-background-disabled: var(--salt-color-blue-600-40a);
942
1322
  --salt-palette-interact-cta-background-hover: var(--salt-color-blue-500);
943
1323
  --salt-palette-interact-cta-foreground: var(--salt-color-white);
944
- --salt-palette-interact-cta-foreground-active: var(--salt-color-white);
945
- --salt-palette-interact-cta-foreground-disabled: var(--salt-color-white-fade-foreground);
946
- --salt-palette-interact-cta-foreground-hover: var(--salt-color-white);
1324
+ --salt-palette-interact-cta-foreground-disabled: var(--salt-color-white-40a);
947
1325
  --salt-palette-interact-cta-border-hover: var(--salt-color-blue-500);
948
1326
  --salt-palette-interact-cta-border-active: var(--salt-color-blue-700);
949
1327
  --salt-palette-interact-primary-background: var(--salt-color-gray-300);
950
1328
  --salt-palette-interact-primary-background-active: var(--salt-color-gray-70);
951
- --salt-palette-interact-primary-background-disabled: var(--salt-color-gray-300-fade-background);
1329
+ --salt-palette-interact-primary-background-disabled: var(--salt-color-gray-300-40a);
952
1330
  --salt-palette-interact-primary-background-hover: var(--salt-color-gray-200);
953
1331
  --salt-palette-interact-primary-foreground: var(--salt-color-white);
954
1332
  --salt-palette-interact-primary-foreground-active: var(--salt-color-gray-900);
955
- --salt-palette-interact-primary-foreground-disabled: var(--salt-color-white-fade-foreground);
1333
+ --salt-palette-interact-primary-foreground-disabled: var(--salt-color-white-40a);
956
1334
  --salt-palette-interact-primary-foreground-hover: var(--salt-color-white);
957
- --salt-palette-interact-secondary-background: transparent;
958
1335
  --salt-palette-interact-secondary-background-active: var(--salt-color-gray-70);
959
- --salt-palette-interact-secondary-background-disabled: transparent;
960
1336
  --salt-palette-interact-secondary-background-hover: var(--salt-color-gray-200);
961
1337
  --salt-palette-interact-secondary-foreground: var(--salt-color-white);
962
1338
  --salt-palette-interact-secondary-foreground-active: var(--salt-color-gray-900);
963
- --salt-palette-interact-secondary-foreground-disabled: var(--salt-color-white-fade-foreground);
1339
+ --salt-palette-interact-secondary-foreground-disabled: var(--salt-color-white-40a);
964
1340
  --salt-palette-interact-secondary-foreground-hover: var(--salt-color-white);
965
1341
  }
966
1342
 
967
1343
  /* css/palette/navigate.css */
968
1344
  .salt-theme[data-mode=light] {
969
- --salt-palette-navigate-background-hover: var(--salt-color-black-fade-background-hover);
970
1345
  --salt-palette-navigate-foreground-hover: var(--salt-color-blue-600);
971
1346
  --salt-palette-navigate-foreground-active: var(--salt-color-blue-700);
972
1347
  --salt-palette-navigate-foreground-visited: var(--salt-color-purple-800);
@@ -974,7 +1349,6 @@
974
1349
  --salt-palette-navigate-indicator-active: var(--salt-color-orange-600);
975
1350
  }
976
1351
  .salt-theme[data-mode=dark] {
977
- --salt-palette-navigate-background-hover: var(--salt-color-white-fade-background-hover);
978
1352
  --salt-palette-navigate-foreground-hover: var(--salt-color-blue-200);
979
1353
  --salt-palette-navigate-foreground-active: var(--salt-color-blue-300);
980
1354
  --salt-palette-navigate-foreground-visited: var(--salt-color-purple-100);
@@ -985,110 +1359,75 @@
985
1359
  /* css/palette/negative.css */
986
1360
  .salt-theme[data-mode=light] {
987
1361
  --salt-palette-negative-foreground: var(--salt-color-red-600);
988
- --salt-palette-negative-foreground-disabled: var(--salt-color-red-600-fade-foreground);
1362
+ --salt-palette-negative-foreground-disabled: var(--salt-color-red-600-40a);
989
1363
  --salt-palette-negative-background: var(--salt-color-red-600);
990
1364
  --salt-palette-negative-background-hover: var(--salt-color-red-500);
991
1365
  --salt-palette-negative-background-active: var(--salt-color-red-700);
992
- --salt-palette-negative-background-disabled: var(--salt-color-red-600-fade-background);
1366
+ --salt-palette-negative-background-disabled: var(--salt-color-red-600-40a);
993
1367
  --salt-palette-negative-border: var(--salt-color-red-500);
994
- --salt-palette-negative-border-disabled: var(--salt-color-red-500-fade-border);
1368
+ --salt-palette-negative-border-disabled: var(--salt-color-red-500-40a);
995
1369
  }
996
1370
  .salt-theme[data-mode=dark] {
997
1371
  --salt-palette-negative-foreground: var(--salt-color-red-200);
998
- --salt-palette-negative-foreground-disabled: var(--salt-color-red-200-fade-foreground);
1372
+ --salt-palette-negative-foreground-disabled: var(--salt-color-red-200-40a);
999
1373
  --salt-palette-negative-background: var(--salt-color-red-600);
1000
1374
  --salt-palette-negative-background-hover: var(--salt-color-red-500);
1001
1375
  --salt-palette-negative-background-active: var(--salt-color-red-700);
1002
- --salt-palette-negative-background-disabled: var(--salt-color-red-600-fade-background);
1376
+ --salt-palette-negative-background-disabled: var(--salt-color-red-600-40a);
1003
1377
  --salt-palette-negative-border: var(--salt-color-red-500);
1004
- --salt-palette-negative-border-disabled: var(--salt-color-red-500-fade-border);
1378
+ --salt-palette-negative-border-disabled: var(--salt-color-red-500-40a);
1005
1379
  }
1006
1380
 
1007
1381
  /* css/palette/neutral.css */
1008
1382
  .salt-theme[data-mode=light] {
1383
+ --salt-palette-neutral-border: var(--salt-color-gray-50);
1384
+ --salt-palette-neutral-border-disabled: var(--salt-color-gray-50-40a);
1009
1385
  --salt-palette-neutral-primary-background: var(--salt-color-white);
1010
- --salt-palette-neutral-primary-background-disabled: var(--salt-color-white-fade-background);
1011
- --salt-palette-neutral-primary-background-readonly: var(--salt-color-white-fade-background-readonly);
1386
+ --salt-palette-neutral-primary-background-disabled: var(--salt-color-white-40a);
1012
1387
  --salt-palette-neutral-primary-foreground: var(--salt-color-gray-900);
1013
- --salt-palette-neutral-primary-foreground-disabled: var(--salt-color-gray-900-fade-foreground);
1014
- --salt-palette-neutral-primary-separator: var(--salt-color-black-fade-separatorOpacity-primary);
1015
- --salt-palette-neutral-primary-border: var(--salt-color-gray-50);
1016
- --salt-palette-neutral-primary-border-disabled: var(--salt-color-gray-50-fade-border);
1388
+ --salt-palette-neutral-primary-foreground-disabled: var(--salt-color-gray-900-40a);
1017
1389
  --salt-palette-neutral-secondary-background: var(--salt-color-gray-20);
1018
- --salt-palette-neutral-secondary-background-disabled: var(--salt-color-gray-20-fade-background);
1019
- --salt-palette-neutral-secondary-background-readonly: var(--salt-color-gray-20-fade-background-readonly);
1020
- --salt-palette-neutral-secondary-border: var(--salt-color-gray-50);
1021
- --salt-palette-neutral-secondary-border-disabled: var(--salt-color-gray-50-fade-border);
1390
+ --salt-palette-neutral-secondary-background-disabled: var(--salt-color-gray-20-40a);
1022
1391
  --salt-palette-neutral-secondary-foreground: var(--salt-color-gray-200);
1023
- --salt-palette-neutral-secondary-foreground-disabled: var(--salt-color-gray-200-fade-foreground);
1024
- --salt-palette-neutral-secondary-separator: var(--salt-color-black-fade-separatorOpacity-secondary);
1392
+ --salt-palette-neutral-secondary-foreground-disabled: var(--salt-color-gray-200-40a);
1025
1393
  --salt-palette-neutral-tertiary-background: var(--salt-color-gray-30);
1026
- --salt-palette-neutral-tertiary-background-disabled: var(--salt-color-gray-30-fade-background);
1027
- --salt-palette-neutral-tertiary-border: var(--salt-color-gray-50);
1028
- --salt-palette-neutral-tertiary-border-disabled: var(--salt-color-gray-50-fade-background);
1029
- --salt-palette-neutral-tertiary-separator: var(--salt-color-black-fade-separatorOpacity-tertiary);
1030
- --salt-palette-neutral-backdrop: var(--salt-color-white-fade-backdrop);
1031
- --salt-palette-neutral-selection: var(--salt-color-black-fade-background-selection);
1032
- --salt-palette-neutral-highlight: var(--salt-color-black-fade-background-highlight);
1394
+ --salt-palette-neutral-tertiary-background-disabled: var(--salt-color-gray-30-40a);
1033
1395
  }
1034
1396
  .salt-theme[data-mode=dark] {
1397
+ --salt-palette-neutral-border: var(--salt-color-gray-300);
1398
+ --salt-palette-neutral-border-disabled: var(--salt-color-gray-300-40a);
1035
1399
  --salt-palette-neutral-primary-background: var(--salt-color-gray-800);
1036
- --salt-palette-neutral-primary-background-disabled: var(--salt-color-gray-800-fade-background);
1037
- --salt-palette-neutral-primary-background-readonly: var(--salt-color-gray-800-fade-background-readonly);
1038
- --salt-palette-neutral-primary-border: var(--salt-color-gray-300);
1039
- --salt-palette-neutral-primary-border-disabled: var(--salt-color-gray-300-fade-border);
1400
+ --salt-palette-neutral-primary-background-disabled: var(--salt-color-gray-800-40a);
1040
1401
  --salt-palette-neutral-primary-foreground: var(--salt-color-white);
1041
- --salt-palette-neutral-primary-foreground-disabled: var(--salt-color-white-fade-foreground);
1042
- --salt-palette-neutral-primary-separator: var(--salt-color-white-fade-separatorOpacity-primary);
1402
+ --salt-palette-neutral-primary-foreground-disabled: var(--salt-color-white-40a);
1043
1403
  --salt-palette-neutral-secondary-background: var(--salt-color-gray-600);
1044
- --salt-palette-neutral-secondary-background-disabled: var(--salt-color-gray-600-fade-background);
1045
- --salt-palette-neutral-secondary-background-readonly: var(--salt-color-gray-600-fade-background-readonly);
1046
- --salt-palette-neutral-secondary-border: var(--salt-color-gray-300);
1047
- --salt-palette-neutral-secondary-border-disabled: var(--salt-color-gray-300-fade-border);
1404
+ --salt-palette-neutral-secondary-background-disabled: var(--salt-color-gray-600-40a);
1048
1405
  --salt-palette-neutral-secondary-foreground: var(--salt-color-gray-70);
1049
- --salt-palette-neutral-secondary-foreground-disabled: var(--salt-color-gray-70-fade-foreground);
1050
- --salt-palette-neutral-secondary-separator: var(--salt-color-white-fade-separatorOpacity-secondary);
1051
- --salt-palette-neutral-tertiary-separator: var(--salt-color-white-fade-separatorOpacity-tertiary);
1406
+ --salt-palette-neutral-secondary-foreground-disabled: var(--salt-color-gray-70-40a);
1052
1407
  --salt-palette-neutral-tertiary-background: var(--salt-color-gray-500);
1053
- --salt-palette-neutral-tertiary-background-disabled: var(--salt-color-gray-500-fade-background);
1054
- --salt-palette-neutral-tertiary-border: var(--salt-color-gray-300);
1055
- --salt-palette-neutral-tertiary-border-disabled: var(--salt-color-gray-300-fade-background);
1056
- --salt-palette-neutral-backdrop: var(--salt-color-black-fade-backdrop);
1057
- --salt-palette-neutral-selection: var(--salt-color-white-fade-background-selection);
1058
- --salt-palette-neutral-highlight: var(--salt-color-white-fade-background-highlight);
1059
- }
1060
-
1061
- /* css/palette/opacity.css */
1062
- .salt-theme {
1063
- --salt-palette-opacity-backdrop: var(--salt-opacity-70);
1064
- --salt-palette-opacity-disabled: var(--salt-opacity-40);
1065
- --salt-palette-opacity-background-readonly: var(--salt-opacity-0);
1066
- --salt-palette-opacity-border-readonly: var(--salt-opacity-15);
1067
- --salt-palette-opacity-primary-border: var(--salt-opacity-45);
1068
- --salt-palette-opacity-secondary-border: var(--salt-opacity-25);
1069
- --salt-palette-opacity-tertiary-border: var(--salt-opacity-15);
1408
+ --salt-palette-neutral-tertiary-background-disabled: var(--salt-color-gray-500-40a);
1070
1409
  }
1071
1410
 
1072
1411
  /* css/palette/positive.css */
1073
1412
  .salt-theme[data-mode=light] {
1074
1413
  --salt-palette-positive-foreground: var(--salt-color-green-600);
1075
- --salt-palette-positive-foreground-disabled: var(--salt-color-green-600-fade-foreground);
1414
+ --salt-palette-positive-foreground-disabled: var(--salt-color-green-600-40a);
1076
1415
  --salt-palette-positive-background: var(--salt-color-green-600);
1077
1416
  --salt-palette-positive-background-hover: var(--salt-color-green-500);
1078
1417
  --salt-palette-positive-background-active: var(--salt-color-green-700);
1079
- --salt-palette-positive-background-disabled: var(--salt-color-green-600-fade-background);
1418
+ --salt-palette-positive-background-disabled: var(--salt-color-green-600-40a);
1080
1419
  --salt-palette-positive-border: var(--salt-color-green-500);
1081
- --salt-palette-positive-border-disabled: var(--salt-color-green-500-fade-background);
1420
+ --salt-palette-positive-border-disabled: var(--salt-color-green-500-40a);
1082
1421
  }
1083
1422
  .salt-theme[data-mode=dark] {
1084
1423
  --salt-palette-positive-foreground: var(--salt-color-green-200);
1085
- --salt-palette-positive-foreground-disabled: var(--salt-color-green-200-fade-foreground);
1424
+ --salt-palette-positive-foreground-disabled: var(--salt-color-green-200-40a);
1086
1425
  --salt-palette-positive-background: var(--salt-color-green-600);
1087
1426
  --salt-palette-positive-background-hover: var(--salt-color-green-500);
1088
1427
  --salt-palette-positive-background-active: var(--salt-color-green-700);
1089
- --salt-palette-positive-background-disabled: var(--salt-color-green-600-fade-background);
1428
+ --salt-palette-positive-background-disabled: var(--salt-color-green-600-40a);
1090
1429
  --salt-palette-positive-border: var(--salt-color-green-500);
1091
- --salt-palette-positive-border-disabled: var(--salt-color-green-500-fade-background);
1430
+ --salt-palette-positive-border-disabled: var(--salt-color-green-500-40a);
1092
1431
  }
1093
1432
 
1094
1433
  /* css/palette/success.css */
@@ -1136,39 +1475,39 @@
1136
1475
  --salt-palette-warning-bold-background: var(--salt-color-orange-800);
1137
1476
  --salt-palette-warning-background-selected: var(--salt-color-orange-20);
1138
1477
  --salt-palette-warning-border: var(--salt-color-orange-700);
1139
- --salt-palette-warning-border-disabled: var(--salt-color-orange-700-fade-border);
1478
+ --salt-palette-warning-border-disabled: var(--salt-color-orange-700-40a);
1140
1479
  --salt-palette-warning-foreground-decorative: var(--salt-color-orange-700);
1141
1480
  --salt-palette-warning-foreground-informative: var(--salt-color-orange-850);
1142
- --salt-palette-warning-foreground-informative-disabled: var(--salt-color-orange-850-fade-foreground);
1481
+ --salt-palette-warning-foreground-informative-disabled: var(--salt-color-orange-850-40a);
1143
1482
  --salt-palette-warning-action: var(--salt-color-orange-600);
1144
1483
  --salt-palette-warning-action-hover: var(--salt-color-orange-500);
1145
1484
  --salt-palette-warning-action-active: var(--salt-color-orange-800);
1146
- --salt-palette-warning-action-disabled: var(--salt-color-orange-600-fade-background);
1485
+ --salt-palette-warning-action-disabled: var(--salt-color-orange-600-40a);
1147
1486
  --salt-palette-warning-action-foreground: var(--salt-color-gray-900);
1148
- --salt-palette-warning-action-foreground-disabled: var(--salt-color-gray-900-fade-foreground);
1487
+ --salt-palette-warning-action-foreground-disabled: var(--salt-color-gray-900-40a);
1149
1488
  }
1150
1489
  .salt-theme[data-mode=dark] {
1151
1490
  --salt-palette-warning-background: var(--salt-color-orange-900);
1152
1491
  --salt-palette-warning-bold-background: var(--salt-color-orange-800);
1153
1492
  --salt-palette-warning-background-selected: var(--salt-color-orange-900);
1154
1493
  --salt-palette-warning-border: var(--salt-color-orange-500);
1155
- --salt-palette-warning-border-disabled: var(--salt-color-orange-500-fade-border);
1494
+ --salt-palette-warning-border-disabled: var(--salt-color-orange-500-40a);
1156
1495
  --salt-palette-warning-foreground-decorative: var(--salt-color-orange-500);
1157
1496
  --salt-palette-warning-foreground-informative: var(--salt-color-orange-400);
1158
- --salt-palette-warning-foreground-informative-disabled: var(--salt-color-orange-400-fade-foreground);
1497
+ --salt-palette-warning-foreground-informative-disabled: var(--salt-color-orange-400-40a);
1159
1498
  --salt-palette-warning-action: var(--salt-color-orange-600);
1160
1499
  --salt-palette-warning-action-hover: var(--salt-color-orange-500);
1161
1500
  --salt-palette-warning-action-active: var(--salt-color-orange-800);
1162
- --salt-palette-warning-action-disabled: var(--salt-color-orange-600-fade-background);
1501
+ --salt-palette-warning-action-disabled: var(--salt-color-orange-600-40a);
1163
1502
  --salt-palette-warning-action-foreground: var(--salt-color-gray-900);
1164
- --salt-palette-warning-action-foreground-disabled: var(--salt-color-gray-900-fade-foreground);
1503
+ --salt-palette-warning-action-foreground-disabled: var(--salt-color-gray-900-40a);
1165
1504
  }
1166
1505
 
1167
1506
  /* css/characteristics/accent.css */
1168
1507
  .salt-theme {
1169
- --salt-accent-background: var(--salt-palette-accent-background);
1170
- --salt-accent-background-disabled: var(--salt-palette-accent-background-disabled);
1171
- --salt-accent-borderColor: var(--salt-palette-accent-border);
1508
+ --salt-accent-background: var(--salt-palette-accent);
1509
+ --salt-accent-background-disabled: var(--salt-palette-accent-disabled);
1510
+ --salt-accent-borderColor: var(--salt-palette-accent);
1172
1511
  --salt-accent-foreground: var(--salt-palette-accent-foreground);
1173
1512
  }
1174
1513
 
@@ -1181,10 +1520,10 @@
1181
1520
  --salt-actionable-accented-bold-background-disabled: var(--salt-palette-interact-cta-background-disabled);
1182
1521
  --salt-actionable-accented-bold-background-hover: var(--salt-palette-interact-cta-background-hover);
1183
1522
  --salt-actionable-accented-bold-background: var(--salt-palette-interact-cta-background);
1184
- --salt-actionable-accented-bold-borderColor-active: var(--salt-palette-interact-border-none);
1185
- --salt-actionable-accented-bold-borderColor-disabled: var(--salt-palette-interact-border-none);
1186
- --salt-actionable-accented-bold-borderColor-hover: var(--salt-palette-interact-border-none);
1187
- --salt-actionable-accented-bold-borderColor: var(--salt-palette-interact-border-none);
1523
+ --salt-actionable-accented-bold-borderColor-active: var(--salt-palette-alpha-none);
1524
+ --salt-actionable-accented-bold-borderColor-disabled: var(--salt-palette-alpha-none);
1525
+ --salt-actionable-accented-bold-borderColor-hover: var(--salt-palette-alpha-none);
1526
+ --salt-actionable-accented-bold-borderColor: var(--salt-palette-alpha-none);
1188
1527
  --salt-actionable-accented-bold-foreground-active: var(--salt-palette-interact-cta-foreground);
1189
1528
  --salt-actionable-accented-bold-foreground-disabled: var(--salt-palette-interact-cta-foreground-disabled);
1190
1529
  --salt-actionable-accented-bold-foreground-hover: var(--salt-palette-interact-cta-foreground);
@@ -1193,58 +1532,58 @@
1193
1532
  --salt-actionable-bold-background-disabled: var(--salt-palette-interact-primary-background-disabled);
1194
1533
  --salt-actionable-bold-background-hover: var(--salt-palette-interact-primary-background-hover);
1195
1534
  --salt-actionable-bold-background: var(--salt-palette-interact-primary-background);
1196
- --salt-actionable-bold-borderColor-active: var(--salt-palette-interact-border-none);
1197
- --salt-actionable-bold-borderColor-disabled: var(--salt-palette-interact-border-none);
1198
- --salt-actionable-bold-borderColor-hover: var(--salt-palette-interact-border-none);
1199
- --salt-actionable-bold-borderColor: var(--salt-palette-interact-border-none);
1535
+ --salt-actionable-bold-borderColor-active: var(--salt-palette-alpha-none);
1536
+ --salt-actionable-bold-borderColor-disabled: var(--salt-palette-alpha-none);
1537
+ --salt-actionable-bold-borderColor-hover: var(--salt-palette-alpha-none);
1538
+ --salt-actionable-bold-borderColor: var(--salt-palette-alpha-none);
1200
1539
  --salt-actionable-bold-foreground-active: var(--salt-palette-interact-primary-foreground-active);
1201
1540
  --salt-actionable-bold-foreground-disabled: var(--salt-palette-neutral-primary-foreground-disabled);
1202
1541
  --salt-actionable-bold-foreground-hover: var(--salt-palette-neutral-primary-foreground);
1203
1542
  --salt-actionable-bold-foreground: var(--salt-palette-neutral-primary-foreground);
1204
1543
  --salt-actionable-accented-background-active: var(--salt-palette-interact-cta-background-active);
1205
- --salt-actionable-accented-background-disabled: var(--salt-palette-interact-background);
1544
+ --salt-actionable-accented-background-disabled: var(--salt-palette-alpha-none);
1206
1545
  --salt-actionable-accented-background-hover: var(--salt-palette-interact-cta-background-hover);
1207
- --salt-actionable-accented-background: var(--salt-palette-interact-background);
1546
+ --salt-actionable-accented-background: var(--salt-palette-alpha-none);
1208
1547
  --salt-actionable-accented-borderColor-active: var(--salt-palette-interact-cta-border-active);
1209
- --salt-actionable-accented-borderColor-disabled: var(--salt-palette-accent-border-disabled);
1548
+ --salt-actionable-accented-borderColor-disabled: var(--salt-palette-accent-disabled);
1210
1549
  --salt-actionable-accented-borderColor-hover: var(--salt-palette-interact-cta-border-hover);
1211
- --salt-actionable-accented-borderColor: var(--salt-palette-accent-border);
1550
+ --salt-actionable-accented-borderColor: var(--salt-palette-accent);
1212
1551
  --salt-actionable-accented-foreground-active: var(--salt-palette-interact-cta-foreground);
1213
1552
  --salt-actionable-accented-foreground-disabled: var(--salt-palette-accent-foreground-informative-disabled);
1214
1553
  --salt-actionable-accented-foreground-hover: var(--salt-palette-interact-cta-foreground);
1215
1554
  --salt-actionable-accented-foreground: var(--salt-palette-accent-foreground-informative);
1216
1555
  --salt-actionable-background-active: var(--salt-palette-interact-primary-background-active);
1217
- --salt-actionable-background-disabled: var(--salt-palette-interact-background);
1556
+ --salt-actionable-background-disabled: var(--salt-palette-alpha-none);
1218
1557
  --salt-actionable-background-hover: var(--salt-palette-interact-primary-background-hover);
1219
- --salt-actionable-background: var(--salt-palette-interact-background);
1220
- --salt-actionable-borderColor-active: var(--salt-palette-interact-border-none);
1558
+ --salt-actionable-background: var(--salt-palette-alpha-none);
1559
+ --salt-actionable-borderColor-active: var(--salt-palette-alpha-none);
1221
1560
  --salt-actionable-borderColor-disabled: var(--salt-palette-interact-border-disabled);
1222
- --salt-actionable-borderColor-hover: var(--salt-palette-interact-border-none);
1561
+ --salt-actionable-borderColor-hover: var(--salt-palette-alpha-none);
1223
1562
  --salt-actionable-borderColor: var(--salt-palette-interact-border);
1224
1563
  --salt-actionable-foreground-active: var(--salt-palette-interact-primary-foreground-active);
1225
1564
  --salt-actionable-foreground-disabled: var(--salt-palette-neutral-primary-foreground-disabled);
1226
1565
  --salt-actionable-foreground-hover: var(--salt-palette-neutral-primary-foreground);
1227
1566
  --salt-actionable-foreground: var(--salt-palette-neutral-primary-foreground);
1228
1567
  --salt-actionable-accented-subtle-background-active: var(--salt-palette-interact-cta-background-active);
1229
- --salt-actionable-accented-subtle-background-disabled: var(--salt-palette-interact-background);
1568
+ --salt-actionable-accented-subtle-background-disabled: var(--salt-palette-alpha-none);
1230
1569
  --salt-actionable-accented-subtle-background-hover: var(--salt-palette-interact-cta-background-hover);
1231
- --salt-actionable-accented-subtle-background: var(--salt-palette-interact-background);
1232
- --salt-actionable-accented-subtle-borderColor-active: var(--salt-palette-interact-border-none);
1233
- --salt-actionable-accented-subtle-borderColor-disabled: var(--salt-palette-interact-border-none);
1234
- --salt-actionable-accented-subtle-borderColor-hover: var(--salt-palette-interact-border-none);
1235
- --salt-actionable-accented-subtle-borderColor: var(--salt-palette-interact-border-none);
1570
+ --salt-actionable-accented-subtle-background: var(--salt-palette-alpha-none);
1571
+ --salt-actionable-accented-subtle-borderColor-active: var(--salt-palette-alpha-none);
1572
+ --salt-actionable-accented-subtle-borderColor-disabled: var(--salt-palette-alpha-none);
1573
+ --salt-actionable-accented-subtle-borderColor-hover: var(--salt-palette-alpha-none);
1574
+ --salt-actionable-accented-subtle-borderColor: var(--salt-palette-alpha-none);
1236
1575
  --salt-actionable-accented-subtle-foreground-active: var(--salt-palette-interact-cta-foreground);
1237
1576
  --salt-actionable-accented-subtle-foreground-disabled: var(--salt-palette-accent-foreground-informative-disabled);
1238
1577
  --salt-actionable-accented-subtle-foreground-hover: var(--salt-palette-interact-cta-foreground);
1239
1578
  --salt-actionable-accented-subtle-foreground: var(--salt-palette-accent-foreground-informative);
1240
1579
  --salt-actionable-subtle-background-active: var(--salt-palette-interact-primary-background-active);
1241
- --salt-actionable-subtle-background-disabled: var(--salt-palette-interact-background);
1580
+ --salt-actionable-subtle-background-disabled: var(--salt-palette-alpha-none);
1242
1581
  --salt-actionable-subtle-background-hover: var(--salt-palette-interact-primary-background-hover);
1243
- --salt-actionable-subtle-background: var(--salt-palette-interact-background);
1244
- --salt-actionable-subtle-borderColor-active: var(--salt-palette-interact-border-none);
1245
- --salt-actionable-subtle-borderColor-disabled: var(--salt-palette-interact-border-none);
1246
- --salt-actionable-subtle-borderColor-hover: var(--salt-palette-interact-border-none);
1247
- --salt-actionable-subtle-borderColor: var(--salt-palette-interact-border-none);
1582
+ --salt-actionable-subtle-background: var(--salt-palette-alpha-none);
1583
+ --salt-actionable-subtle-borderColor-active: var(--salt-palette-alpha-none);
1584
+ --salt-actionable-subtle-borderColor-disabled: var(--salt-palette-alpha-none);
1585
+ --salt-actionable-subtle-borderColor-hover: var(--salt-palette-alpha-none);
1586
+ --salt-actionable-subtle-borderColor: var(--salt-palette-alpha-none);
1248
1587
  --salt-actionable-subtle-foreground-active: var(--salt-palette-interact-primary-foreground-active);
1249
1588
  --salt-actionable-subtle-foreground-disabled: var(--salt-palette-neutral-primary-foreground-disabled);
1250
1589
  --salt-actionable-subtle-foreground-hover: var(--salt-palette-neutral-primary-foreground);
@@ -1253,34 +1592,34 @@
1253
1592
  --salt-actionable-negative-bold-background-disabled: var(--salt-palette-negative-background-disabled);
1254
1593
  --salt-actionable-negative-bold-background-hover: var(--salt-palette-negative-background-hover);
1255
1594
  --salt-actionable-negative-bold-background: var(--salt-palette-negative-background);
1256
- --salt-actionable-negative-bold-borderColor-active: var(--salt-palette-interact-border-none);
1257
- --salt-actionable-negative-bold-borderColor-disabled: var(--salt-palette-interact-border-none);
1258
- --salt-actionable-negative-bold-borderColor-hover: var(--salt-palette-interact-border-none);
1259
- --salt-actionable-negative-bold-borderColor: var(--salt-palette-interact-border-none);
1595
+ --salt-actionable-negative-bold-borderColor-active: var(--salt-palette-alpha-none);
1596
+ --salt-actionable-negative-bold-borderColor-disabled: var(--salt-palette-alpha-none);
1597
+ --salt-actionable-negative-bold-borderColor-hover: var(--salt-palette-alpha-none);
1598
+ --salt-actionable-negative-bold-borderColor: var(--salt-palette-alpha-none);
1260
1599
  --salt-actionable-negative-bold-foreground-active: var(--salt-palette-interact-cta-foreground);
1261
1600
  --salt-actionable-negative-bold-foreground-disabled: var(--salt-palette-interact-cta-foreground-disabled);
1262
1601
  --salt-actionable-negative-bold-foreground-hover: var(--salt-palette-interact-cta-foreground);
1263
1602
  --salt-actionable-negative-bold-foreground: var(--salt-palette-interact-cta-foreground);
1264
1603
  --salt-actionable-negative-background-active: var(--salt-palette-negative-background-active);
1265
- --salt-actionable-negative-background-disabled: var(--salt-palette-interact-background);
1604
+ --salt-actionable-negative-background-disabled: var(--salt-palette-alpha-none);
1266
1605
  --salt-actionable-negative-background-hover: var(--salt-palette-negative-background-hover);
1267
- --salt-actionable-negative-background: var(--salt-palette-interact-background);
1268
- --salt-actionable-negative-borderColor-active: var(--salt-palette-interact-border-none);
1606
+ --salt-actionable-negative-background: var(--salt-palette-alpha-none);
1607
+ --salt-actionable-negative-borderColor-active: var(--salt-palette-alpha-none);
1269
1608
  --salt-actionable-negative-borderColor-disabled: var(--salt-palette-negative-border-disabled);
1270
- --salt-actionable-negative-borderColor-hover: var(--salt-palette-interact-border-none);
1609
+ --salt-actionable-negative-borderColor-hover: var(--salt-palette-alpha-none);
1271
1610
  --salt-actionable-negative-borderColor: var(--salt-palette-negative-border);
1272
1611
  --salt-actionable-negative-foreground-active: var(--salt-palette-interact-cta-foreground);
1273
1612
  --salt-actionable-negative-foreground-disabled: var(--salt-palette-negative-foreground-disabled);
1274
1613
  --salt-actionable-negative-foreground-hover: var(--salt-palette-interact-cta-foreground);
1275
1614
  --salt-actionable-negative-foreground: var(--salt-palette-negative-foreground);
1276
1615
  --salt-actionable-negative-subtle-background-active: var(--salt-palette-negative-background-active);
1277
- --salt-actionable-negative-subtle-background-disabled: var(--salt-palette-interact-background);
1616
+ --salt-actionable-negative-subtle-background-disabled: var(--salt-palette-alpha-none);
1278
1617
  --salt-actionable-negative-subtle-background-hover: var(--salt-palette-negative-background-hover);
1279
- --salt-actionable-negative-subtle-background: var(--salt-palette-interact-background);
1280
- --salt-actionable-negative-subtle-borderColor-active: var(--salt-palette-interact-border-none);
1281
- --salt-actionable-negative-subtle-borderColor-disabled: var(--salt-palette-interact-border-none);
1282
- --salt-actionable-negative-subtle-borderColor-hover: var(--salt-palette-interact-border-none);
1283
- --salt-actionable-negative-subtle-borderColor: var(--salt-palette-interact-border-none);
1618
+ --salt-actionable-negative-subtle-background: var(--salt-palette-alpha-none);
1619
+ --salt-actionable-negative-subtle-borderColor-active: var(--salt-palette-alpha-none);
1620
+ --salt-actionable-negative-subtle-borderColor-disabled: var(--salt-palette-alpha-none);
1621
+ --salt-actionable-negative-subtle-borderColor-hover: var(--salt-palette-alpha-none);
1622
+ --salt-actionable-negative-subtle-borderColor: var(--salt-palette-alpha-none);
1284
1623
  --salt-actionable-negative-subtle-foreground-active: var(--salt-palette-interact-cta-foreground);
1285
1624
  --salt-actionable-negative-subtle-foreground-disabled: var(--salt-palette-negative-foreground-disabled);
1286
1625
  --salt-actionable-negative-subtle-foreground-hover: var(--salt-palette-interact-cta-foreground);
@@ -1289,34 +1628,34 @@
1289
1628
  --salt-actionable-positive-bold-background-disabled: var(--salt-palette-positive-background-disabled);
1290
1629
  --salt-actionable-positive-bold-background-hover: var(--salt-palette-positive-background-hover);
1291
1630
  --salt-actionable-positive-bold-background: var(--salt-palette-positive-background);
1292
- --salt-actionable-positive-bold-borderColor-active: var(--salt-palette-interact-border-none);
1293
- --salt-actionable-positive-bold-borderColor-disabled: var(--salt-palette-interact-border-none);
1294
- --salt-actionable-positive-bold-borderColor-hover: var(--salt-palette-interact-border-none);
1295
- --salt-actionable-positive-bold-borderColor: var(--salt-palette-interact-border-none);
1631
+ --salt-actionable-positive-bold-borderColor-active: var(--salt-palette-alpha-none);
1632
+ --salt-actionable-positive-bold-borderColor-disabled: var(--salt-palette-alpha-none);
1633
+ --salt-actionable-positive-bold-borderColor-hover: var(--salt-palette-alpha-none);
1634
+ --salt-actionable-positive-bold-borderColor: var(--salt-palette-alpha-none);
1296
1635
  --salt-actionable-positive-bold-foreground-active: var(--salt-palette-interact-cta-foreground);
1297
1636
  --salt-actionable-positive-bold-foreground-disabled: var(--salt-palette-interact-cta-foreground-disabled);
1298
1637
  --salt-actionable-positive-bold-foreground-hover: var(--salt-palette-interact-cta-foreground);
1299
1638
  --salt-actionable-positive-bold-foreground: var(--salt-palette-interact-cta-foreground);
1300
1639
  --salt-actionable-positive-background-active: var(--salt-palette-positive-background-active);
1301
- --salt-actionable-positive-background-disabled: var(--salt-palette-interact-background);
1640
+ --salt-actionable-positive-background-disabled: var(--salt-palette-alpha-none);
1302
1641
  --salt-actionable-positive-background-hover: var(--salt-palette-positive-background-hover);
1303
- --salt-actionable-positive-background: var(--salt-palette-interact-background);
1304
- --salt-actionable-positive-borderColor-active: var(--salt-palette-interact-border-none);
1642
+ --salt-actionable-positive-background: var(--salt-palette-alpha-none);
1643
+ --salt-actionable-positive-borderColor-active: var(--salt-palette-alpha-none);
1305
1644
  --salt-actionable-positive-borderColor-disabled: var(--salt-palette-positive-border-disabled);
1306
- --salt-actionable-positive-borderColor-hover: var(--salt-palette-interact-border-none);
1645
+ --salt-actionable-positive-borderColor-hover: var(--salt-palette-alpha-none);
1307
1646
  --salt-actionable-positive-borderColor: var(--salt-palette-positive-border);
1308
1647
  --salt-actionable-positive-foreground-active: var(--salt-palette-interact-cta-foreground);
1309
1648
  --salt-actionable-positive-foreground-disabled: var(--salt-palette-positive-foreground-disabled);
1310
1649
  --salt-actionable-positive-foreground-hover: var(--salt-palette-interact-cta-foreground);
1311
1650
  --salt-actionable-positive-foreground: var(--salt-palette-positive-foreground);
1312
1651
  --salt-actionable-positive-subtle-background-active: var(--salt-palette-positive-background-active);
1313
- --salt-actionable-positive-subtle-background-disabled: var(--salt-palette-interact-background);
1652
+ --salt-actionable-positive-subtle-background-disabled: var(--salt-palette-alpha-none);
1314
1653
  --salt-actionable-positive-subtle-background-hover: var(--salt-palette-positive-background-hover);
1315
- --salt-actionable-positive-subtle-background: var(--salt-palette-interact-background);
1316
- --salt-actionable-positive-subtle-borderColor-active: var(--salt-palette-interact-border-none);
1317
- --salt-actionable-positive-subtle-borderColor-disabled: var(--salt-palette-interact-border-none);
1318
- --salt-actionable-positive-subtle-borderColor-hover: var(--salt-palette-interact-border-none);
1319
- --salt-actionable-positive-subtle-borderColor: var(--salt-palette-interact-border-none);
1654
+ --salt-actionable-positive-subtle-background: var(--salt-palette-alpha-none);
1655
+ --salt-actionable-positive-subtle-borderColor-active: var(--salt-palette-alpha-none);
1656
+ --salt-actionable-positive-subtle-borderColor-disabled: var(--salt-palette-alpha-none);
1657
+ --salt-actionable-positive-subtle-borderColor-hover: var(--salt-palette-alpha-none);
1658
+ --salt-actionable-positive-subtle-borderColor: var(--salt-palette-alpha-none);
1320
1659
  --salt-actionable-positive-subtle-foreground-active: var(--salt-palette-interact-cta-foreground);
1321
1660
  --salt-actionable-positive-subtle-foreground-disabled: var(--salt-palette-positive-foreground-disabled);
1322
1661
  --salt-actionable-positive-subtle-foreground-hover: var(--salt-palette-interact-cta-foreground);
@@ -1325,34 +1664,34 @@
1325
1664
  --salt-actionable-caution-bold-background-disabled: var(--salt-palette-warning-action-disabled);
1326
1665
  --salt-actionable-caution-bold-background-hover: var(--salt-palette-warning-action-hover);
1327
1666
  --salt-actionable-caution-bold-background: var(--salt-palette-warning-action);
1328
- --salt-actionable-caution-bold-borderColor-active: var(--salt-palette-interact-border-none);
1329
- --salt-actionable-caution-bold-borderColor-disabled: var(--salt-palette-interact-border-none);
1330
- --salt-actionable-caution-bold-borderColor-hover: var(--salt-palette-interact-border-none);
1331
- --salt-actionable-caution-bold-borderColor: var(--salt-palette-interact-border-none);
1667
+ --salt-actionable-caution-bold-borderColor-active: var(--salt-palette-alpha-none);
1668
+ --salt-actionable-caution-bold-borderColor-disabled: var(--salt-palette-alpha-none);
1669
+ --salt-actionable-caution-bold-borderColor-hover: var(--salt-palette-alpha-none);
1670
+ --salt-actionable-caution-bold-borderColor: var(--salt-palette-alpha-none);
1332
1671
  --salt-actionable-caution-bold-foreground-active: var(--salt-palette-interact-cta-foreground);
1333
1672
  --salt-actionable-caution-bold-foreground-disabled: var(--salt-palette-warning-action-foreground-disabled);
1334
1673
  --salt-actionable-caution-bold-foreground-hover: var(--salt-palette-warning-action-foreground);
1335
1674
  --salt-actionable-caution-bold-foreground: var(--salt-palette-warning-action-foreground);
1336
1675
  --salt-actionable-caution-background-active: var(--salt-palette-warning-action-active);
1337
- --salt-actionable-caution-background-disabled: var(--salt-palette-interact-background);
1676
+ --salt-actionable-caution-background-disabled: var(--salt-palette-alpha-none);
1338
1677
  --salt-actionable-caution-background-hover: var(--salt-palette-warning-action-hover);
1339
- --salt-actionable-caution-background: var(--salt-palette-interact-background);
1340
- --salt-actionable-caution-borderColor-active: var(--salt-palette-interact-border-none);
1678
+ --salt-actionable-caution-background: var(--salt-palette-alpha-none);
1679
+ --salt-actionable-caution-borderColor-active: var(--salt-palette-alpha-none);
1341
1680
  --salt-actionable-caution-borderColor-disabled: var(--salt-palette-warning-border-disabled);
1342
- --salt-actionable-caution-borderColor-hover: var(--salt-palette-interact-border-none);
1681
+ --salt-actionable-caution-borderColor-hover: var(--salt-palette-alpha-none);
1343
1682
  --salt-actionable-caution-borderColor: var(--salt-palette-warning-border);
1344
1683
  --salt-actionable-caution-foreground-active: var(--salt-palette-interact-cta-foreground);
1345
1684
  --salt-actionable-caution-foreground-disabled: var(--salt-palette-warning-foreground-informative-disabled);
1346
1685
  --salt-actionable-caution-foreground-hover: var(--salt-palette-warning-action-foreground);
1347
1686
  --salt-actionable-caution-foreground: var(--salt-palette-warning-foreground-informative);
1348
1687
  --salt-actionable-caution-subtle-background-active: var(--salt-palette-warning-action-active);
1349
- --salt-actionable-caution-subtle-background-disabled: var(--salt-palette-interact-background);
1688
+ --salt-actionable-caution-subtle-background-disabled: var(--salt-palette-alpha-none);
1350
1689
  --salt-actionable-caution-subtle-background-hover: var(--salt-palette-warning-action-hover);
1351
- --salt-actionable-caution-subtle-background: var(--salt-palette-interact-background);
1352
- --salt-actionable-caution-subtle-borderColor-active: var(--salt-palette-interact-border-none);
1353
- --salt-actionable-caution-subtle-borderColor-disabled: var(--salt-palette-interact-border-none);
1354
- --salt-actionable-caution-subtle-borderColor-hover: var(--salt-palette-interact-border-none);
1355
- --salt-actionable-caution-subtle-borderColor: var(--salt-palette-interact-border-none);
1690
+ --salt-actionable-caution-subtle-background: var(--salt-palette-alpha-none);
1691
+ --salt-actionable-caution-subtle-borderColor-active: var(--salt-palette-alpha-none);
1692
+ --salt-actionable-caution-subtle-borderColor-disabled: var(--salt-palette-alpha-none);
1693
+ --salt-actionable-caution-subtle-borderColor-hover: var(--salt-palette-alpha-none);
1694
+ --salt-actionable-caution-subtle-borderColor: var(--salt-palette-alpha-none);
1356
1695
  --salt-actionable-caution-subtle-foreground-active: var(--salt-palette-interact-cta-foreground);
1357
1696
  --salt-actionable-caution-subtle-foreground-disabled: var(--salt-palette-warning-foreground-informative-disabled);
1358
1697
  --salt-actionable-caution-subtle-foreground-hover: var(--salt-palette-warning-action-foreground);
@@ -1468,16 +1807,16 @@
1468
1807
  --salt-container-borderStyle: solid;
1469
1808
  --salt-container-primary-background: var(--salt-palette-neutral-primary-background);
1470
1809
  --salt-container-primary-background-disabled: var(--salt-palette-neutral-primary-background-disabled);
1471
- --salt-container-primary-borderColor: var(--salt-palette-neutral-primary-border);
1472
- --salt-container-primary-borderColor-disabled: var(--salt-palette-neutral-primary-border-disabled);
1810
+ --salt-container-primary-borderColor: var(--salt-palette-neutral-border);
1811
+ --salt-container-primary-borderColor-disabled: var(--salt-palette-neutral-border-disabled);
1473
1812
  --salt-container-secondary-background: var(--salt-palette-neutral-secondary-background);
1474
1813
  --salt-container-secondary-background-disabled: var(--salt-palette-neutral-secondary-background-disabled);
1475
- --salt-container-secondary-borderColor: var(--salt-palette-neutral-secondary-border);
1476
- --salt-container-secondary-borderColor-disabled: var(--salt-palette-neutral-secondary-border-disabled);
1814
+ --salt-container-secondary-borderColor: var(--salt-palette-neutral-border);
1815
+ --salt-container-secondary-borderColor-disabled: var(--salt-palette-neutral-border-disabled);
1477
1816
  --salt-container-tertiary-background: var(--salt-palette-neutral-tertiary-background);
1478
1817
  --salt-container-tertiary-background-disabled: var(--salt-palette-neutral-tertiary-background-disabled);
1479
- --salt-container-tertiary-borderColor: var(--salt-palette-neutral-tertiary-border);
1480
- --salt-container-tertiary-borderColor-disabled: var(--salt-palette-neutral-tertiary-border-disabled);
1818
+ --salt-container-tertiary-borderColor: var(--salt-palette-neutral-border);
1819
+ --salt-container-tertiary-borderColor-disabled: var(--salt-palette-neutral-border-disabled);
1481
1820
  }
1482
1821
 
1483
1822
  /* css/characteristics/draggable.css */
@@ -1521,12 +1860,12 @@
1521
1860
  --salt-editable-primary-background-active: var(--salt-palette-neutral-primary-background);
1522
1861
  --salt-editable-primary-background-disabled: var(--salt-palette-neutral-primary-background-disabled);
1523
1862
  --salt-editable-primary-background-hover: var(--salt-palette-neutral-primary-background);
1524
- --salt-editable-primary-background-readonly: var(--salt-palette-neutral-primary-background-readonly);
1863
+ --salt-editable-primary-background-readonly: var(--salt-palette-alpha-none);
1525
1864
  --salt-editable-secondary-background: var(--salt-palette-neutral-secondary-background);
1526
1865
  --salt-editable-secondary-background-active: var(--salt-palette-neutral-secondary-background);
1527
1866
  --salt-editable-secondary-background-disabled: var(--salt-palette-neutral-secondary-background-disabled);
1528
1867
  --salt-editable-secondary-background-hover: var(--salt-palette-neutral-secondary-background);
1529
- --salt-editable-secondary-background-readonly: var(--salt-palette-neutral-secondary-background-readonly);
1868
+ --salt-editable-secondary-background-readonly: var(--salt-palette-alpha-none);
1530
1869
  --salt-editable-help-fontStyle: italic;
1531
1870
  }
1532
1871
 
@@ -1563,7 +1902,6 @@
1563
1902
  --salt-navigable-fontWeight-edit: var(--salt-typography-fontWeight-regular);
1564
1903
  --salt-navigable-indicator-hover: var(--salt-palette-navigate-indicator-hover);
1565
1904
  --salt-navigable-indicator-active: var(--salt-palette-navigate-indicator-active);
1566
- --salt-navigable-background-hover: var(--salt-palette-navigate-background-hover);
1567
1905
  --salt-navigable-textDecoration: underline;
1568
1906
  --salt-navigable-textDecoration-hover: none;
1569
1907
  --salt-navigable-textDecoration-selected: underline;
@@ -1578,9 +1916,9 @@
1578
1916
  --salt-overlayable-shadow-popout: var(--salt-shadow-400);
1579
1917
  --salt-overlayable-shadow-drag: var(--salt-shadow-400);
1580
1918
  --salt-overlayable-shadow-modal: var(--salt-shadow-500);
1581
- --salt-overlayable-background: var(--salt-palette-neutral-backdrop);
1582
- --salt-overlayable-background-highlight: var(--salt-palette-neutral-highlight);
1583
- --salt-overlayable-rangeSelection: var(--salt-palette-neutral-selection);
1919
+ --salt-overlayable-background: var(--salt-palette-alpha-backdrop);
1920
+ --salt-overlayable-background-highlight: var(--salt-palette-alpha);
1921
+ --salt-overlayable-rangeSelection: var(--salt-palette-alpha-weak);
1584
1922
  }
1585
1923
 
1586
1924
  /* css/characteristics/selectable.css */
@@ -1605,20 +1943,20 @@
1605
1943
  --salt-selectable-foreground-hover: var(--salt-palette-interact-foreground-hover);
1606
1944
  --salt-selectable-foreground-selected: var(--salt-palette-interact-foreground-active);
1607
1945
  --salt-selectable-foreground-selectedDisabled: var(--salt-palette-interact-foreground-activeDisabled);
1608
- --salt-selectable-background: var(--salt-palette-interact-background);
1946
+ --salt-selectable-background: var(--salt-palette-alpha-none);
1609
1947
  --salt-selectable-background-hover: var(--salt-palette-interact-background-hover);
1610
1948
  --salt-selectable-background-selected: var(--salt-palette-interact-background-active);
1611
1949
  --salt-selectable-background-blurSelected: var(--salt-palette-interact-background-blurSelected);
1612
- --salt-selectable-background-disabled: var(--salt-palette-interact-background-disabled);
1950
+ --salt-selectable-background-disabled: var(--salt-palette-alpha-none);
1613
1951
  --salt-selectable-background-selectedDisabled: var(--salt-palette-interact-background-activeDisabled);
1614
1952
  }
1615
1953
 
1616
1954
  /* css/characteristics/separable.css */
1617
1955
  .salt-theme {
1618
1956
  --salt-separable-borderStyle: solid;
1619
- --salt-separable-primary-borderColor: var(--salt-palette-neutral-primary-separator);
1620
- --salt-separable-secondary-borderColor: var(--salt-palette-neutral-secondary-separator);
1621
- --salt-separable-tertiary-borderColor: var(--salt-palette-neutral-tertiary-separator);
1957
+ --salt-separable-primary-borderColor: var(--salt-palette-alpha-strong);
1958
+ --salt-separable-secondary-borderColor: var(--salt-palette-alpha);
1959
+ --salt-separable-tertiary-borderColor: var(--salt-palette-alpha-weak);
1622
1960
  }
1623
1961
 
1624
1962
  /* css/characteristics/status.css */
@@ -1830,7 +2168,7 @@
1830
2168
  --salt-track-borderStyle-active: solid;
1831
2169
  --salt-track-borderStyle-complete: solid;
1832
2170
  --salt-track-borderStyle-incomplete: dotted;
1833
- --salt-track-borderColor: var(--salt-palette-neutral-secondary-border);
2171
+ --salt-track-borderColor: var(--salt-palette-neutral-border);
1834
2172
  }
1835
2173
 
1836
2174
  /* css/deprecated/characteristics.css */
@@ -1944,6 +2282,7 @@
1944
2282
  --salt-navigable-tertiary-background-hover: var(--salt-palette-navigate-tertiary-background-hover);
1945
2283
  --salt-navigable-tertiary-background-active: var(--salt-palette-navigate-tertiary-background-active);
1946
2284
  --salt-navigable-indicator-activeDisabled: var(--salt-palette-navigate-indicator-activeDisabled);
2285
+ --salt-navigable-background-hover: var(--salt-palette-navigate-background-hover);
1947
2286
  --salt-accent-fontWeight: var(--salt-typography-fontWeight-semiBold);
1948
2287
  --salt-accent-foreground-disabled: var(--salt-palette-accent-foreground-disabled);
1949
2288
  --salt-accent-borderColor-disabled: var(--salt-palette-accent-border-disabled);
@@ -2026,9 +2365,83 @@
2026
2365
  --salt-color-orange-500-fade-foreground: rgba(234, 115, 25, var(--salt-palette-opacity-foreground));
2027
2366
  --salt-color-orange-700-fade-foreground: rgba(214, 85, 19, var(--salt-palette-opacity-foreground));
2028
2367
  --salt-color-orange-400-fade-background: rgba(238, 133, 43, var(--salt-palette-opacity-background));
2029
- --salt-color-orange-600-fade-background: rgba(224, 101, 25, var(--salt-palette-opacity-background));
2030
2368
  --salt-color-blue-300-fade-fill: rgba(51, 141, 205, var(--salt-palette-opacity-fill));
2031
2369
  --salt-color-blue-500-fade-fill: rgba(38, 112, 169, var(--salt-palette-opacity-fill));
2370
+ --salt-color-white-fade-background-hover: rgba(255, 255, 255, var(--salt-opacity-8));
2371
+ --salt-color-black-fade-background-hover: rgba(0, 0, 0, var(--salt-opacity-8));
2372
+ --salt-color-blue-100-fade-foreground: rgba(100, 177, 228, var(--salt-palette-opacity-disabled));
2373
+ --salt-color-blue-200-fade-foreground: rgba(75, 159, 216, var(--salt-palette-opacity-disabled));
2374
+ --salt-color-blue-500-fade-foreground: rgba(38, 112, 169, var(--salt-palette-opacity-disabled));
2375
+ --salt-color-blue-600-fade-foreground: rgba(21, 92, 147, var(--salt-palette-opacity-disabled));
2376
+ --salt-color-gray-200-fade-foreground: rgba(97, 101, 110, var(--salt-palette-opacity-disabled));
2377
+ --salt-color-gray-70-fade-foreground: rgba(180, 183, 190, var(--salt-palette-opacity-disabled));
2378
+ --salt-color-gray-90-fade-foreground: rgba(132, 135, 142, var(--salt-palette-opacity-disabled));
2379
+ --salt-color-gray-900-fade-foreground: rgba(22, 22, 22, var(--salt-palette-opacity-disabled));
2380
+ --salt-color-green-200-fade-foreground: rgba(77, 180, 105, var(--salt-palette-opacity-disabled));
2381
+ --salt-color-green-300-fade-foreground: rgba(60, 171, 96, var(--salt-palette-opacity-disabled));
2382
+ --salt-color-green-400-fade-foreground: rgba(48, 156, 90, var(--salt-palette-opacity-disabled));
2383
+ --salt-color-green-500-fade-foreground: rgba(36, 135, 75, var(--salt-palette-opacity-disabled));
2384
+ --salt-color-green-600-fade-foreground: rgba(24, 114, 61, var(--salt-palette-opacity-disabled));
2385
+ --salt-color-green-700-fade-foreground: rgba(12, 93, 46, var(--salt-palette-opacity-disabled));
2386
+ --salt-color-red-200-fade-foreground: rgba(255, 108, 88, var(--salt-palette-opacity-disabled));
2387
+ --salt-color-red-300-fade-foreground: rgba(255, 89, 66, var(--salt-palette-opacity-disabled));
2388
+ --salt-color-red-500-fade-foreground: rgba(227, 43, 22, var(--salt-palette-opacity-disabled));
2389
+ --salt-color-red-600-fade-foreground: rgba(196, 32, 16, var(--salt-palette-opacity-disabled));
2390
+ --salt-color-red-700-fade-foreground: rgba(166, 21, 11, var(--salt-palette-opacity-disabled));
2391
+ --salt-color-orange-400-fade-foreground: rgba(238, 133, 43, var(--salt-palette-opacity-disabled));
2392
+ --salt-color-orange-850-fade-foreground: rgba(194, 52, 7, var(--salt-palette-opacity-disabled));
2393
+ --salt-color-white-fade-foreground: rgba(255, 255, 255, var(--salt-palette-opacity-disabled));
2394
+ --salt-color-blue-500-fade-border: rgba(38, 112, 169, var(--salt-palette-opacity-disabled));
2395
+ --salt-color-gray-50-fade-border: rgba(206, 210, 217, var(--salt-palette-opacity-disabled));
2396
+ --salt-color-gray-60-fade-border: rgba(197, 201, 208, var(--salt-palette-opacity-disabled));
2397
+ --salt-color-gray-90-fade-border: rgba(132, 135, 142, var(--salt-palette-opacity-disabled));
2398
+ --salt-color-gray-200-fade-border: rgba(97, 101, 110, var(--salt-palette-opacity-disabled));
2399
+ --salt-color-gray-300-fade-border: rgba(76, 80, 91, var(--salt-palette-opacity-disabled));
2400
+ --salt-color-green-400-fade-border: rgba(48, 156, 90, var(--salt-palette-opacity-disabled));
2401
+ --salt-color-green-500-fade-border: rgba(36, 135, 75, var(--salt-palette-opacity-disabled));
2402
+ --salt-color-orange-400-fade-border: rgba(238, 133, 43, var(--salt-palette-opacity-disabled));
2403
+ --salt-color-orange-500-fade-border: rgba(234, 115, 25, var(--salt-palette-opacity-disabled));
2404
+ --salt-color-orange-600-fade-border: rgba(224, 101, 25, var(--salt-palette-opacity-disabled));
2405
+ --salt-color-orange-700-fade-border: rgba(214, 85, 19, var(--salt-palette-opacity-disabled));
2406
+ --salt-color-red-500-fade-border: rgba(227, 43, 22, var(--salt-palette-opacity-disabled));
2407
+ --salt-color-gray-90-fade-border-readonly: rgba(132, 135, 142, var(--salt-palette-opacity-border-readonly));
2408
+ --salt-color-gray-200-fade-border-readonly: rgba(97, 101, 110, var(--salt-palette-opacity-border-readonly));
2409
+ --salt-color-blue-30-fade-background: rgba(164, 213, 244, var(--salt-palette-opacity-disabled));
2410
+ --salt-color-blue-500-fade-background: rgba(38, 112, 169, var(--salt-palette-opacity-disabled));
2411
+ --salt-color-blue-600-fade-background: rgba(21, 92, 147, var(--salt-palette-opacity-disabled));
2412
+ --salt-color-blue-700-fade-background: rgba(0, 71, 123, var(--salt-palette-opacity-disabled));
2413
+ --salt-color-gray-20-fade-background: rgba(234, 237, 239, var(--salt-palette-opacity-disabled));
2414
+ --salt-color-gray-30-fade-background: rgba(224, 228, 233, var(--salt-palette-opacity-disabled));
2415
+ --salt-color-gray-50-fade-background: rgba(206, 210, 217, var(--salt-palette-opacity-disabled));
2416
+ --salt-color-gray-60-fade-background: rgba(197, 201, 208, var(--salt-palette-opacity-disabled));
2417
+ --salt-color-gray-70-fade-background: rgba(180, 183, 190, var(--salt-palette-opacity-disabled));
2418
+ --salt-color-gray-200-fade-background: rgba(97, 101, 110, var(--salt-palette-opacity-disabled));
2419
+ --salt-color-gray-300-fade-background: rgba(76, 80, 91, var(--salt-palette-opacity-disabled));
2420
+ --salt-color-gray-500-fade-background: rgba(59, 63, 70, var(--salt-palette-opacity-disabled));
2421
+ --salt-color-gray-600-fade-background: rgba(47, 49, 54, var(--salt-palette-opacity-disabled));
2422
+ --salt-color-gray-800-fade-background: rgba(36, 37, 38, var(--salt-palette-opacity-disabled));
2423
+ --salt-color-white-fade-background: rgba(255, 255, 255, var(--salt-palette-opacity-disabled));
2424
+ --salt-color-green-500-fade-background: rgba(36, 135, 75, var(--salt-palette-opacity-disabled));
2425
+ --salt-color-green-600-fade-background: rgba(24, 114, 61, var(--salt-palette-opacity-disabled));
2426
+ --salt-color-red-600-fade-background: rgba(196, 32, 16, var(--salt-palette-opacity-disabled));
2427
+ --salt-color-white-fade-background-readonly: rgba(255, 255, 255, var(--salt-palette-opacity-background-readonly));
2428
+ --salt-color-gray-20-fade-background-readonly: rgba(234, 237, 239, var(--salt-palette-opacity-background-readonly));
2429
+ --salt-color-gray-600-fade-background-readonly: rgba(47, 49, 54, var(--salt-palette-opacity-background-readonly));
2430
+ --salt-color-gray-800-fade-background-readonly: rgba(36, 37, 38, var(--salt-palette-opacity-background-readonly));
2431
+ --salt-color-white-fade-backdrop: rgba(255, 255, 255, var(--salt-palette-opacity-backdrop));
2432
+ --salt-color-black-fade-backdrop: rgba(0, 0, 0, var(--salt-palette-opacity-backdrop));
2433
+ --salt-color-blue-100-fade-fill: rgba(100, 177, 228, var(--salt-palette-opacity-disabled));
2434
+ --salt-color-blue-600-fade-fill: rgba(21, 92, 147, var(--salt-palette-opacity-disabled));
2435
+ --salt-color-white-fade-separatorOpacity-primary: rgba(255, 255, 255, var(--salt-palette-opacity-primary-border));
2436
+ --salt-color-white-fade-separatorOpacity-secondary: rgba(255, 255, 255, var(--salt-palette-opacity-secondary-border));
2437
+ --salt-color-white-fade-separatorOpacity-tertiary: rgba(255, 255, 255, var(--salt-palette-opacity-tertiary-border));
2438
+ --salt-color-black-fade-separatorOpacity-primary: rgba(0, 0, 0, var(--salt-palette-opacity-primary-border));
2439
+ --salt-color-black-fade-separatorOpacity-secondary: rgba(0, 0, 0, var(--salt-palette-opacity-secondary-border));
2440
+ --salt-color-black-fade-separatorOpacity-tertiary: rgba(0, 0, 0, var(--salt-palette-opacity-tertiary-border));
2441
+ --salt-color-black-fade-background-selection: rgba(0, 0, 0, var(--salt-opacity-15));
2442
+ --salt-color-black-fade-background-highlight: rgba(0, 0, 0, var(--salt-opacity-25));
2443
+ --salt-color-white-fade-background-selection: rgba(255, 255, 255, var(--salt-opacity-15));
2444
+ --salt-color-white-fade-background-highlight: rgba(255, 255, 255, var(--salt-opacity-25));
2032
2445
  }
2033
2446
 
2034
2447
  /* css/deprecated/foundations.css */
@@ -2042,6 +2455,13 @@
2042
2455
  --salt-opacity-2: 0.25;
2043
2456
  --salt-opacity-3: 0.4;
2044
2457
  --salt-opacity-4: 0.7;
2458
+ --salt-opacity-8: 0.08;
2459
+ --salt-opacity-0: 0;
2460
+ --salt-opacity-15: 0.15;
2461
+ --salt-opacity-25: 0.25;
2462
+ --salt-opacity-40: 0.4;
2463
+ --salt-opacity-45: 0.45;
2464
+ --salt-opacity-70: 0.7;
2045
2465
  --salt-shadow-0: none;
2046
2466
  --salt-shadow-1: 0 1px 3px 0 var(--salt-shadow-1-color);
2047
2467
  --salt-shadow-2: 0 2px 4px 0 var(--salt-shadow-2-color);
@@ -2127,6 +2547,13 @@
2127
2547
  --salt-palette-opacity-background: var(--salt-palette-opacity-disabled);
2128
2548
  --salt-palette-opacity-border: var(--salt-palette-opacity-disabled);
2129
2549
  --salt-palette-opacity-foreground: var(--salt-palette-opacity-disabled);
2550
+ --salt-palette-opacity-backdrop: var(--salt-opacity-70);
2551
+ --salt-palette-opacity-disabled: var(--salt-opacity-40);
2552
+ --salt-palette-opacity-background-readonly: var(--salt-opacity-0);
2553
+ --salt-palette-opacity-border-readonly: var(--salt-opacity-15);
2554
+ --salt-palette-opacity-primary-border: var(--salt-opacity-45);
2555
+ --salt-palette-opacity-secondary-border: var(--salt-opacity-25);
2556
+ --salt-palette-opacity-tertiary-border: var(--salt-opacity-15);
2130
2557
  }
2131
2558
  .salt-theme[data-mode=light] {
2132
2559
  --salt-palette-interact-foreground-partial: var(--salt-color-blue-600);
@@ -2137,6 +2564,13 @@
2137
2564
  --salt-palette-interact-primary-background-activeDisabled: var(--salt-color-gray-200-fade-background);
2138
2565
  --salt-palette-interact-secondary-foreground-activeDisabled: var(--salt-color-white-fade-foreground);
2139
2566
  --salt-palette-interact-secondary-background-activeDisabled: var(--salt-color-gray-200-fade-background);
2567
+ --salt-palette-interact-background: transparent;
2568
+ --salt-palette-interact-background-disabled: transparent;
2569
+ --salt-palette-interact-border-none: transparent;
2570
+ --salt-palette-interact-secondary-background: transparent;
2571
+ --salt-palette-interact-secondary-background-disabled: transparent;
2572
+ --salt-palette-interact-cta-foreground-active: var(--salt-color-white);
2573
+ --salt-palette-interact-cta-foreground-hover: var(--salt-color-white);
2140
2574
  --salt-palette-measured-fill: var(--salt-color-blue-500);
2141
2575
  --salt-palette-measured-fill-disabled: var(--salt-color-blue-500-fade-fill);
2142
2576
  --salt-palette-measured-foreground: var(--salt-color-gray-90);
@@ -2148,19 +2582,30 @@
2148
2582
  --salt-palette-measured-border: var(--salt-color-gray-90);
2149
2583
  --salt-palette-measured-border-disabled: var(--salt-color-gray-90-fade-border);
2150
2584
  --salt-palette-neutral-tertiary-background-readonly: transparent;
2585
+ --salt-palette-neutral-backdrop: var(--salt-color-white-fade-backdrop);
2586
+ --salt-palette-neutral-primary-background-readonly: var(--salt-color-white-fade-background-readonly);
2587
+ --salt-palette-neutral-secondary-background-readonly: var(--salt-color-gray-20-fade-background-readonly);
2588
+ --salt-palette-neutral-primary-separator: var(--salt-color-black-fade-separatorOpacity-primary);
2589
+ --salt-palette-neutral-secondary-separator: var(--salt-color-black-fade-separatorOpacity-secondary);
2590
+ --salt-palette-neutral-tertiary-separator: var(--salt-color-black-fade-separatorOpacity-tertiary);
2591
+ --salt-palette-neutral-selection: var(--salt-color-black-fade-background-selection);
2592
+ --salt-palette-neutral-highlight: var(--salt-color-black-fade-background-highlight);
2593
+ --salt-palette-neutral-primary-border: var(--salt-color-gray-50);
2594
+ --salt-palette-neutral-secondary-border: var(--salt-color-gray-50);
2595
+ --salt-palette-neutral-tertiary-border: var(--salt-color-gray-50);
2596
+ --salt-palette-neutral-primary-border-disabled: var(--salt-color-gray-50-fade-border);
2597
+ --salt-palette-neutral-secondary-border-disabled: var(--salt-color-gray-50-fade-border);
2598
+ --salt-palette-neutral-tertiary-border-disabled: var(--salt-color-gray-50-fade-border);
2151
2599
  --salt-palette-error-foreground-disabled: var(--salt-color-red-500-fade-foreground);
2152
2600
  --salt-palette-error-border-disabled: var(--salt-color-red-500-fade-border);
2153
2601
  --salt-palette-error-foreground: var(--salt-color-red-500);
2154
2602
  --salt-palette-info-border-disabled: var(--salt-color-blue-500-fade-border);
2155
2603
  --salt-palette-info-foreground-disabled: var(--salt-color-blue-500-fade-foreground);
2156
2604
  --salt-palette-info-foreground: var(--salt-color-blue-500);
2157
- --salt-palette-negative-foreground-disabled: var(--salt-color-red-700-fade-foreground);
2158
- --salt-palette-positive-foreground-disabled: var(--salt-color-green-700-fade-foreground);
2159
2605
  --salt-palette-success-border-disabled: var(--salt-color-green-500-fade-border);
2160
2606
  --salt-palette-success-foreground-disabled: var(--salt-color-green-500-fade-foreground);
2161
2607
  --salt-palette-success-foreground: var(--salt-color-green-500);
2162
2608
  --salt-palette-warning-foreground-disabled: var(--salt-color-orange-700-fade-foreground);
2163
- --salt-palette-warning-border-disabled: var(--salt-color-orange-700-fade-border);
2164
2609
  --salt-palette-warning-foreground: var(--salt-color-orange-700);
2165
2610
  --salt-palette-navigate-primary-background: transparent;
2166
2611
  --salt-palette-navigate-primary-background-active: transparent;
@@ -2172,12 +2617,15 @@
2172
2617
  --salt-palette-navigate-tertiary-background-active: transparent;
2173
2618
  --salt-palette-navigate-tertiary-background-hover: var(--salt-color-gray-20);
2174
2619
  --salt-palette-navigate-indicator-activeDisabled: var(--salt-color-orange-600-fade-border);
2620
+ --salt-palette-navigate-background-hover: var(--salt-color-black-fade-background-hover);
2175
2621
  --salt-palette-track-border: var(--salt-color-gray-90);
2176
2622
  --salt-palette-track-border-disabled: var(--salt-color-gray-90-fade-border);
2177
2623
  --salt-palette-track-background: var(--salt-color-gray-60);
2178
2624
  --salt-palette-track-background-disabled: var(--salt-color-gray-60-fade-background);
2179
- --salt-palette-accent-background-disabled: var(--salt-color-blue-500-fade-background);
2180
2625
  --salt-palette-accent-foreground-disabled: var(--salt-color-white-fade-foreground);
2626
+ --salt-palette-accent-background: var(--salt-color-blue-500);
2627
+ --salt-palette-accent-border: var(--salt-color-blue-500);
2628
+ --salt-palette-accent-background-disabled: var(--salt-color-blue-500-fade-background);
2181
2629
  --salt-palette-accent-border-disabled: var(--salt-color-blue-500-fade-border);
2182
2630
  }
2183
2631
  .salt-theme[data-mode=dark] {
@@ -2189,6 +2637,13 @@
2189
2637
  --salt-palette-interact-primary-background-activeDisabled: var(--salt-color-gray-70-fade-background);
2190
2638
  --salt-palette-interact-secondary-foreground-activeDisabled: var(--salt-color-gray-900-fade-foreground);
2191
2639
  --salt-palette-interact-secondary-background-activeDisabled: var(--salt-color-gray-70-fade-background);
2640
+ --salt-palette-interact-background: transparent;
2641
+ --salt-palette-interact-background-disabled: transparent;
2642
+ --salt-palette-interact-border-none: transparent;
2643
+ --salt-palette-interact-secondary-background: transparent;
2644
+ --salt-palette-interact-secondary-background-disabled: transparent;
2645
+ --salt-palette-interact-cta-foreground-active: var(--salt-color-white);
2646
+ --salt-palette-interact-cta-foreground-hover: var(--salt-color-white);
2192
2647
  --salt-palette-measured-fill: var(--salt-color-blue-300);
2193
2648
  --salt-palette-measured-fill-disabled: var(--salt-color-blue-300-fade-fill);
2194
2649
  --salt-palette-measured-foreground: var(--salt-color-gray-90);
@@ -2200,19 +2655,30 @@
2200
2655
  --salt-palette-measured-border: var(--salt-color-gray-90);
2201
2656
  --salt-palette-measured-border-disabled: var(--salt-color-gray-90-fade-border);
2202
2657
  --salt-palette-neutral-tertiary-background-readonly: transparent;
2658
+ --salt-palette-neutral-backdrop: var(--salt-color-black-fade-backdrop);
2659
+ --salt-palette-neutral-primary-background-readonly: var(--salt-color-gray-800-fade-background-readonly);
2660
+ --salt-palette-neutral-secondary-background-readonly: var(--salt-color-gray-600-fade-background-readonly);
2661
+ --salt-palette-neutral-primary-separator: var(--salt-color-white-fade-separatorOpacity-primary);
2662
+ --salt-palette-neutral-secondary-separator: var(--salt-color-white-fade-separatorOpacity-secondary);
2663
+ --salt-palette-neutral-tertiary-separator: var(--salt-color-white-fade-separatorOpacity-tertiary);
2664
+ --salt-palette-neutral-selection: var(--salt-color-white-fade-background-selection);
2665
+ --salt-palette-neutral-highlight: var(--salt-color-white-fade-background-highlight);
2666
+ --salt-palette-neutral-primary-border: var(--salt-color-gray-300);
2667
+ --salt-palette-neutral-secondary-border: var(--salt-color-gray-300);
2668
+ --salt-palette-neutral-tertiary-border: var(--salt-color-gray-300);
2669
+ --salt-palette-neutral-primary-border-disabled: var(--salt-color-gray-300-fade-border);
2670
+ --salt-palette-neutral-secondary-border-disabled: var(--salt-color-gray-300-fade-border);
2671
+ --salt-palette-neutral-tertiary-border-disabled: var(--salt-color-gray-300-fade-border);
2203
2672
  --salt-palette-error-foreground-disabled: var(--salt-color-red-500-fade-foreground);
2204
2673
  --salt-palette-error-border-disabled: var(--salt-color-red-500-fade-border);
2205
2674
  --salt-palette-error-foreground: var(--salt-color-red-500);
2206
2675
  --salt-palette-info-border-disabled: var(--salt-color-blue-500-fade-border);
2207
2676
  --salt-palette-info-foreground-disabled: var(--salt-color-blue-500-fade-foreground);
2208
2677
  --salt-palette-info-foreground: var(--salt-color-blue-500);
2209
- --salt-palette-negative-foreground-disabled: var(--salt-color-red-300-fade-foreground);
2210
- --salt-palette-positive-foreground-disabled: var(--salt-color-green-300-fade-foreground);
2211
2678
  --salt-palette-success-border-disabled: var(--salt-color-green-400-fade-border);
2212
2679
  --salt-palette-success-foreground-disabled: var(--salt-color-green-400-fade-foreground);
2213
2680
  --salt-palette-success-foreground: var(--salt-color-green-400);
2214
2681
  --salt-palette-warning-foreground-disabled: var(--salt-color-orange-500-fade-foreground);
2215
- --salt-palette-warning-border-disabled: var(--salt-color-orange-500-fade-border);
2216
2682
  --salt-palette-warning-foreground: var(--salt-color-orange-500);
2217
2683
  --salt-palette-navigate-primary-background: transparent;
2218
2684
  --salt-palette-navigate-primary-background-active: transparent;
@@ -2224,12 +2690,15 @@
2224
2690
  --salt-palette-navigate-tertiary-background-active: transparent;
2225
2691
  --salt-palette-navigate-tertiary-background-hover: var(--salt-color-gray-700);
2226
2692
  --salt-palette-navigate-indicator-activeDisabled: var(--salt-color-orange-400-fade-border);
2693
+ --salt-palette-navigate-background-hover: var(--salt-color-white-fade-background-hover);
2227
2694
  --salt-palette-track-border: var(--salt-color-gray-90);
2228
2695
  --salt-palette-track-border-disabled: var(--salt-color-gray-90-fade-border);
2229
2696
  --salt-palette-track-background: var(--salt-color-gray-300);
2230
2697
  --salt-palette-track-background-disabled: var(--salt-color-gray-300-fade-background);
2231
- --salt-palette-accent-background-disabled: var(--salt-color-blue-500-fade-background);
2232
2698
  --salt-palette-accent-foreground-disabled: var(--salt-color-white-fade-foreground);
2699
+ --salt-palette-accent-background: var(--salt-color-blue-500);
2700
+ --salt-palette-accent-border: var(--salt-color-blue-500);
2701
+ --salt-palette-accent-background-disabled: var(--salt-color-blue-500-fade-background);
2233
2702
  --salt-palette-accent-border-disabled: var(--salt-color-blue-500-fade-border);
2234
2703
  }
2235
2704