@salt-ds/theme 1.24.0 → 1.26.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (4) hide show
  1. package/css/theme-next.css +4 -23
  2. package/css/theme.css +903 -419
  3. package/index.css +903 -419
  4. package/package.json +1 -1
package/index.css CHANGED
@@ -27,6 +27,50 @@
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-20a: rgba(var(--salt-color-white-rgb), 0.2);
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-70a: rgba(var(--salt-color-white-rgb), 0.7);
37
+ --salt-color-black-10a: rgba(var(--salt-color-black-rgb), 0.1);
38
+ --salt-color-black-20a: rgba(var(--salt-color-black-rgb), 0.2);
39
+ --salt-color-black-30a: rgba(var(--salt-color-black-rgb), 0.3);
40
+ --salt-color-black-40a: rgba(var(--salt-color-black-rgb), 0.4);
41
+ --salt-color-black-70a: rgba(var(--salt-color-black-rgb), 0.7);
42
+ --salt-color-blue-30-40a: rgba(var(--salt-color-blue-30-rgb), 0.4);
43
+ --salt-color-blue-100-40a: rgba(var(--salt-color-blue-100-rgb), 0.4);
44
+ --salt-color-blue-200-40a: rgba(var(--salt-color-blue-200-rgb), 0.4);
45
+ --salt-color-blue-500-40a: rgba(var(--salt-color-blue-500-rgb), 0.4);
46
+ --salt-color-blue-600-40a: rgba(var(--salt-color-blue-600-rgb), 0.4);
47
+ --salt-color-blue-700-40a: rgba(var(--salt-color-blue-700-rgb), 0.4);
48
+ --salt-color-gray-20-40a: rgba(var(--salt-color-gray-20-rgb), 0.4);
49
+ --salt-color-gray-30-40a: rgba(var(--salt-color-gray-30-rgb), 0.4);
50
+ --salt-color-gray-50-40a: rgba(var(--salt-color-gray-50-rgb), 0.4);
51
+ --salt-color-gray-60-40a: rgba(var(--salt-color-gray-60-rgb), 0.4);
52
+ --salt-color-gray-70-40a: rgba(var(--salt-color-gray-70-rgb), 0.4);
53
+ --salt-color-gray-90-15a: rgba(var(--salt-color-gray-90-rgb), 0.15);
54
+ --salt-color-gray-90-40a: rgba(var(--salt-color-gray-90-rgb), 0.4);
55
+ --salt-color-gray-200-15a: rgba(var(--salt-color-gray-200-rgb), 0.15);
56
+ --salt-color-gray-200-40a: rgba(var(--salt-color-gray-200-rgb), 0.4);
57
+ --salt-color-gray-300-40a: rgba(var(--salt-color-gray-300-rgb), 0.4);
58
+ --salt-color-gray-600-40a: rgba(var(--salt-color-gray-600-rgb), 0.4);
59
+ --salt-color-gray-800-40a: rgba(var(--salt-color-gray-800-rgb), 0.4);
60
+ --salt-color-gray-900-40a: rgba(var(--salt-color-gray-900-rgb), 0.4);
61
+ --salt-color-green-200-40a: rgba(var(--salt-color-green-200-rgb), 0.4);
62
+ --salt-color-green-500-40a: rgba(var(--salt-color-green-500-rgb), 0.4);
63
+ --salt-color-green-600-40a: rgba(var(--salt-color-green-600-rgb), 0.4);
64
+ --salt-color-orange-400-40a: rgba(var(--salt-color-orange-400-rgb), 0.4);
65
+ --salt-color-orange-500-40a: rgba(var(--salt-color-orange-500-rgb), 0.4);
66
+ --salt-color-orange-600-40a: rgba(var(--salt-color-orange-600-rgb), 0.4);
67
+ --salt-color-orange-700-40a: rgba(var(--salt-color-orange-700-rgb), 0.4);
68
+ --salt-color-orange-850-40a: rgba(var(--salt-color-orange-850-rgb), 0.4);
69
+ --salt-color-red-200-40a: rgba(var(--salt-color-red-200-rgb), 0.4);
70
+ --salt-color-red-500-40a: rgba(var(--salt-color-red-500-rgb), 0.4);
71
+ --salt-color-red-600-40a: rgba(var(--salt-color-red-600-rgb), 0.4);
72
+ }
73
+
30
74
  /* css/foundations/animation.css */
31
75
  .salt-density-touch,
32
76
  .salt-density-low,
@@ -174,111 +218,531 @@
174
218
 
175
219
  /* css/foundations/color.css */
176
220
  .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);
221
+ --salt-color-white-rgb:
222
+ 255,
223
+ 255,
224
+ 255;
225
+ --salt-color-black-rgb:
226
+ 0,
227
+ 0,
228
+ 0;
229
+ --salt-color-red-10-rgb:
230
+ 255,
231
+ 227,
232
+ 224;
233
+ --salt-color-red-20-rgb:
234
+ 255,
235
+ 207,
236
+ 201;
237
+ --salt-color-red-30-rgb:
238
+ 255,
239
+ 187,
240
+ 178;
241
+ --salt-color-red-40-rgb:
242
+ 255,
243
+ 167,
244
+ 156;
245
+ --salt-color-red-50-rgb:
246
+ 255,
247
+ 148,
248
+ 133;
249
+ --salt-color-red-100-rgb:
250
+ 255,
251
+ 128,
252
+ 111;
253
+ --salt-color-red-200-rgb:
254
+ 255,
255
+ 108,
256
+ 88;
257
+ --salt-color-red-300-rgb:
258
+ 255,
259
+ 89,
260
+ 66;
261
+ --salt-color-red-400-rgb:
262
+ 237,
263
+ 65,
264
+ 42;
265
+ --salt-color-red-500-rgb:
266
+ 227,
267
+ 43,
268
+ 22;
269
+ --salt-color-red-600-rgb:
270
+ 196,
271
+ 32,
272
+ 16;
273
+ --salt-color-red-700-rgb:
274
+ 166,
275
+ 21,
276
+ 11;
277
+ --salt-color-red-800-rgb:
278
+ 136,
279
+ 10,
280
+ 5;
281
+ --salt-color-red-900-rgb:
282
+ 65,
283
+ 37,
284
+ 34;
285
+ --salt-color-orange-10-rgb:
286
+ 255,
287
+ 232,
288
+ 191;
289
+ --salt-color-orange-20-rgb:
290
+ 254,
291
+ 223,
292
+ 166;
293
+ --salt-color-orange-30-rgb:
294
+ 254,
295
+ 214,
296
+ 142;
297
+ --salt-color-orange-40-rgb:
298
+ 254,
299
+ 205,
300
+ 118;
301
+ --salt-color-orange-50-rgb:
302
+ 254,
303
+ 197,
304
+ 94;
305
+ --salt-color-orange-100-rgb:
306
+ 250,
307
+ 181,
308
+ 81;
309
+ --salt-color-orange-200-rgb:
310
+ 246,
311
+ 165,
312
+ 68;
313
+ --salt-color-orange-300-rgb:
314
+ 242,
315
+ 149,
316
+ 56;
317
+ --salt-color-orange-400-rgb:
318
+ 238,
319
+ 133,
320
+ 43;
321
+ --salt-color-orange-500-rgb:
322
+ 234,
323
+ 115,
324
+ 25;
325
+ --salt-color-orange-600-rgb:
326
+ 224,
327
+ 101,
328
+ 25;
329
+ --salt-color-orange-700-rgb:
330
+ 214,
331
+ 85,
332
+ 19;
333
+ --salt-color-orange-800-rgb:
334
+ 204,
335
+ 68,
336
+ 13;
337
+ --salt-color-orange-850-rgb:
338
+ 194,
339
+ 52,
340
+ 7;
341
+ --salt-color-orange-900-rgb:
342
+ 54,
343
+ 44,
344
+ 36;
345
+ --salt-color-green-10-rgb:
346
+ 209,
347
+ 244,
348
+ 201;
349
+ --salt-color-green-20-rgb:
350
+ 184,
351
+ 232,
352
+ 182;
353
+ --salt-color-green-30-rgb:
354
+ 160,
355
+ 221,
356
+ 164;
357
+ --salt-color-green-40-rgb:
358
+ 136,
359
+ 210,
360
+ 145;
361
+ --salt-color-green-50-rgb:
362
+ 112,
363
+ 199,
364
+ 127;
365
+ --salt-color-green-100-rgb:
366
+ 93,
367
+ 189,
368
+ 116;
369
+ --salt-color-green-200-rgb:
370
+ 77,
371
+ 180,
372
+ 105;
373
+ --salt-color-green-300-rgb:
374
+ 60,
375
+ 171,
376
+ 96;
377
+ --salt-color-green-400-rgb:
378
+ 48,
379
+ 156,
380
+ 90;
381
+ --salt-color-green-500-rgb:
382
+ 36,
383
+ 135,
384
+ 75;
385
+ --salt-color-green-600-rgb:
386
+ 24,
387
+ 114,
388
+ 61;
389
+ --salt-color-green-700-rgb:
390
+ 12,
391
+ 93,
392
+ 46;
393
+ --salt-color-green-800-rgb:
394
+ 1,
395
+ 73,
396
+ 32;
397
+ --salt-color-green-900-rgb:
398
+ 35,
399
+ 52,
400
+ 43;
401
+ --salt-color-teal-10-rgb:
402
+ 218,
403
+ 240,
404
+ 240;
405
+ --salt-color-teal-20-rgb:
406
+ 199,
407
+ 232,
408
+ 232;
409
+ --salt-color-teal-30-rgb:
410
+ 180,
411
+ 224,
412
+ 225;
413
+ --salt-color-teal-40-rgb:
414
+ 162,
415
+ 217,
416
+ 218;
417
+ --salt-color-teal-50-rgb:
418
+ 141,
419
+ 205,
420
+ 209;
421
+ --salt-color-teal-100-rgb:
422
+ 123,
423
+ 193,
424
+ 200;
425
+ --salt-color-teal-200-rgb:
426
+ 99,
427
+ 181,
428
+ 192;
429
+ --salt-color-teal-300-rgb:
430
+ 73,
431
+ 160,
432
+ 172;
433
+ --salt-color-teal-400-rgb:
434
+ 48,
435
+ 149,
436
+ 166;
437
+ --salt-color-teal-500-rgb:
438
+ 0,
439
+ 130,
440
+ 151;
441
+ --salt-color-teal-600-rgb:
442
+ 27,
443
+ 107,
444
+ 133;
445
+ --salt-color-teal-700-rgb:
446
+ 0,
447
+ 85,
448
+ 113;
449
+ --salt-color-teal-800-rgb:
450
+ 1,
451
+ 65,
452
+ 86;
453
+ --salt-color-teal-900-rgb:
454
+ 0,
455
+ 49,
456
+ 76;
457
+ --salt-color-blue-10-rgb:
458
+ 203,
459
+ 231,
460
+ 249;
461
+ --salt-color-blue-20-rgb:
462
+ 183,
463
+ 222,
464
+ 246;
465
+ --salt-color-blue-30-rgb:
466
+ 164,
467
+ 213,
468
+ 244;
469
+ --salt-color-blue-40-rgb:
470
+ 144,
471
+ 204,
472
+ 242;
473
+ --salt-color-blue-50-rgb:
474
+ 125,
475
+ 195,
476
+ 240;
477
+ --salt-color-blue-100-rgb:
478
+ 100,
479
+ 177,
480
+ 228;
481
+ --salt-color-blue-200-rgb:
482
+ 75,
483
+ 159,
484
+ 216;
485
+ --salt-color-blue-300-rgb:
486
+ 51,
487
+ 141,
488
+ 205;
489
+ --salt-color-blue-400-rgb:
490
+ 46,
491
+ 132,
492
+ 198;
493
+ --salt-color-blue-500-rgb:
494
+ 38,
495
+ 112,
496
+ 169;
497
+ --salt-color-blue-600-rgb:
498
+ 21,
499
+ 92,
500
+ 147;
501
+ --salt-color-blue-700-rgb:
502
+ 0,
503
+ 71,
504
+ 123;
505
+ --salt-color-blue-800-rgb:
506
+ 39,
507
+ 60,
508
+ 77;
509
+ --salt-color-blue-900-rgb:
510
+ 35,
511
+ 47,
512
+ 56;
513
+ --salt-color-purple-10-rgb:
514
+ 249,
515
+ 224,
516
+ 247;
517
+ --salt-color-purple-20-rgb:
518
+ 247,
519
+ 212,
520
+ 244;
521
+ --salt-color-purple-30-rgb:
522
+ 245,
523
+ 201,
524
+ 241;
525
+ --salt-color-purple-40-rgb:
526
+ 243,
527
+ 189,
528
+ 238;
529
+ --salt-color-purple-50-rgb:
530
+ 241,
531
+ 178,
532
+ 235;
533
+ --salt-color-purple-100-rgb:
534
+ 223,
535
+ 156,
536
+ 225;
537
+ --salt-color-purple-200-rgb:
538
+ 205,
539
+ 135,
540
+ 215;
541
+ --salt-color-purple-300-rgb:
542
+ 192,
543
+ 116,
544
+ 203;
545
+ --salt-color-purple-400-rgb:
546
+ 169,
547
+ 97,
548
+ 181;
549
+ --salt-color-purple-500-rgb:
550
+ 150,
551
+ 78,
552
+ 162;
553
+ --salt-color-purple-600-rgb:
554
+ 129,
555
+ 60,
556
+ 141;
557
+ --salt-color-purple-700-rgb:
558
+ 103,
559
+ 46,
560
+ 122;
561
+ --salt-color-purple-800-rgb:
562
+ 83,
563
+ 37,
564
+ 109;
565
+ --salt-color-purple-900-rgb:
566
+ 59,
567
+ 16,
568
+ 84;
569
+ --salt-color-gray-10-rgb:
570
+ 242,
571
+ 244,
572
+ 246;
573
+ --salt-color-gray-20-rgb:
574
+ 234,
575
+ 237,
576
+ 239;
577
+ --salt-color-gray-30-rgb:
578
+ 224,
579
+ 228,
580
+ 233;
581
+ --salt-color-gray-40-rgb:
582
+ 217,
583
+ 221,
584
+ 227;
585
+ --salt-color-gray-50-rgb:
586
+ 206,
587
+ 210,
588
+ 217;
589
+ --salt-color-gray-60-rgb:
590
+ 197,
591
+ 201,
592
+ 208;
593
+ --salt-color-gray-70-rgb:
594
+ 180,
595
+ 183,
596
+ 190;
597
+ --salt-color-gray-80-rgb:
598
+ 159,
599
+ 163,
600
+ 170;
601
+ --salt-color-gray-90-rgb:
602
+ 132,
603
+ 135,
604
+ 142;
605
+ --salt-color-gray-100-rgb:
606
+ 116,
607
+ 119,
608
+ 127;
609
+ --salt-color-gray-200-rgb:
610
+ 97,
611
+ 101,
612
+ 110;
613
+ --salt-color-gray-300-rgb:
614
+ 76,
615
+ 80,
616
+ 91;
617
+ --salt-color-gray-400-rgb:
618
+ 68,
619
+ 72,
620
+ 79;
621
+ --salt-color-gray-500-rgb:
622
+ 59,
623
+ 63,
624
+ 70;
625
+ --salt-color-gray-600-rgb:
626
+ 47,
627
+ 49,
628
+ 54;
629
+ --salt-color-gray-700-rgb:
630
+ 42,
631
+ 44,
632
+ 47;
633
+ --salt-color-gray-800-rgb:
634
+ 36,
635
+ 37,
636
+ 38;
637
+ --salt-color-gray-900-rgb:
638
+ 22,
639
+ 22,
640
+ 22;
641
+ --salt-color-white: rgb(var(--salt-color-white-rgb));
642
+ --salt-color-black: rgb(var(--salt-color-black-rgb));
643
+ --salt-color-red-10: rgb(var(--salt-color-red-10-rgb));
644
+ --salt-color-red-20: rgb(var(--salt-color-red-20-rgb));
645
+ --salt-color-red-30: rgb(var(--salt-color-red-30-rgb));
646
+ --salt-color-red-40: rgb(var(--salt-color-red-40-rgb));
647
+ --salt-color-red-50: rgb(var(--salt-color-red-50-rgb));
648
+ --salt-color-red-100: rgb(var(--salt-color-red-100-rgb));
649
+ --salt-color-red-200: rgb(var(--salt-color-red-200-rgb));
650
+ --salt-color-red-300: rgb(var(--salt-color-red-300-rgb));
651
+ --salt-color-red-400: rgb(var(--salt-color-red-400-rgb));
652
+ --salt-color-red-500: rgb(var(--salt-color-red-500-rgb));
653
+ --salt-color-red-600: rgb(var(--salt-color-red-600-rgb));
654
+ --salt-color-red-700: rgb(var(--salt-color-red-700-rgb));
655
+ --salt-color-red-800: rgb(var(--salt-color-red-800-rgb));
656
+ --salt-color-red-900: rgb(var(--salt-color-red-900-rgb));
657
+ --salt-color-orange-10: rgb(var(--salt-color-orange-10-rgb));
658
+ --salt-color-orange-20: rgb(var(--salt-color-orange-20-rgb));
659
+ --salt-color-orange-30: rgb(var(--salt-color-orange-30-rgb));
660
+ --salt-color-orange-40: rgb(var(--salt-color-orange-40-rgb));
661
+ --salt-color-orange-50: rgb(var(--salt-color-orange-50-rgb));
662
+ --salt-color-orange-100: rgb(var(--salt-color-orange-100-rgb));
663
+ --salt-color-orange-200: rgb(var(--salt-color-orange-200-rgb));
664
+ --salt-color-orange-300: rgb(var(--salt-color-orange-300-rgb));
665
+ --salt-color-orange-400: rgb(var(--salt-color-orange-400-rgb));
666
+ --salt-color-orange-500: rgb(var(--salt-color-orange-500-rgb));
667
+ --salt-color-orange-600: rgb(var(--salt-color-orange-600-rgb));
668
+ --salt-color-orange-700: rgb(var(--salt-color-orange-700-rgb));
669
+ --salt-color-orange-800: rgb(var(--salt-color-orange-800-rgb));
670
+ --salt-color-orange-850: rgb(var(--salt-color-orange-850-rgb));
671
+ --salt-color-orange-900: rgb(var(--salt-color-orange-900-rgb));
672
+ --salt-color-green-10: rgb(var(--salt-color-green-10-rgb));
673
+ --salt-color-green-20: rgb(var(--salt-color-green-20-rgb));
674
+ --salt-color-green-30: rgb(var(--salt-color-green-30-rgb));
675
+ --salt-color-green-40: rgb(var(--salt-color-green-40-rgb));
676
+ --salt-color-green-50: rgb(var(--salt-color-green-50-rgb));
677
+ --salt-color-green-100: rgb(var(--salt-color-green-100-rgb));
678
+ --salt-color-green-200: rgb(var(--salt-color-green-200-rgb));
679
+ --salt-color-green-300: rgb(var(--salt-color-green-300-rgb));
680
+ --salt-color-green-400: rgb(var(--salt-color-green-400-rgb));
681
+ --salt-color-green-500: rgb(var(--salt-color-green-500-rgb));
682
+ --salt-color-green-600: rgb(var(--salt-color-green-600-rgb));
683
+ --salt-color-green-700: rgb(var(--salt-color-green-700-rgb));
684
+ --salt-color-green-800: rgb(var(--salt-color-green-800-rgb));
685
+ --salt-color-green-900: rgb(var(--salt-color-green-900-rgb));
686
+ --salt-color-teal-10: rgb(var(--salt-color-teal-10-rgb));
687
+ --salt-color-teal-20: rgb(var(--salt-color-teal-20-rgb));
688
+ --salt-color-teal-30: rgb(var(--salt-color-teal-30-rgb));
689
+ --salt-color-teal-40: rgb(var(--salt-color-teal-40-rgb));
690
+ --salt-color-teal-50: rgb(var(--salt-color-teal-50-rgb));
691
+ --salt-color-teal-100: rgb(var(--salt-color-teal-100-rgb));
692
+ --salt-color-teal-200: rgb(var(--salt-color-teal-200-rgb));
693
+ --salt-color-teal-300: rgb(var(--salt-color-teal-300-rgb));
694
+ --salt-color-teal-400: rgb(var(--salt-color-teal-400-rgb));
695
+ --salt-color-teal-500: rgb(var(--salt-color-teal-500-rgb));
696
+ --salt-color-teal-600: rgb(var(--salt-color-teal-600-rgb));
697
+ --salt-color-teal-700: rgb(var(--salt-color-teal-700-rgb));
698
+ --salt-color-teal-800: rgb(var(--salt-color-teal-800-rgb));
699
+ --salt-color-teal-900: rgb(var(--salt-color-teal-900-rgb));
700
+ --salt-color-blue-10: rgb(var(--salt-color-blue-10-rgb));
701
+ --salt-color-blue-20: rgb(var(--salt-color-blue-20-rgb));
702
+ --salt-color-blue-30: rgb(var(--salt-color-blue-30-rgb));
703
+ --salt-color-blue-40: rgb(var(--salt-color-blue-40-rgb));
704
+ --salt-color-blue-50: rgb(var(--salt-color-blue-50-rgb));
705
+ --salt-color-blue-100: rgb(var(--salt-color-blue-100-rgb));
706
+ --salt-color-blue-200: rgb(var(--salt-color-blue-200-rgb));
707
+ --salt-color-blue-300: rgb(var(--salt-color-blue-300-rgb));
708
+ --salt-color-blue-400: rgb(var(--salt-color-blue-400-rgb));
709
+ --salt-color-blue-500: rgb(var(--salt-color-blue-500-rgb));
710
+ --salt-color-blue-600: rgb(var(--salt-color-blue-600-rgb));
711
+ --salt-color-blue-700: rgb(var(--salt-color-blue-700-rgb));
712
+ --salt-color-blue-800: rgb(var(--salt-color-blue-800-rgb));
713
+ --salt-color-blue-900: rgb(var(--salt-color-blue-900-rgb));
714
+ --salt-color-purple-10: rgb(var(--salt-color-purple-10-rgb));
715
+ --salt-color-purple-20: rgb(var(--salt-color-purple-20-rgb));
716
+ --salt-color-purple-30: rgb(var(--salt-color-purple-30-rgb));
717
+ --salt-color-purple-40: rgb(var(--salt-color-purple-40-rgb));
718
+ --salt-color-purple-50: rgb(var(--salt-color-purple-50-rgb));
719
+ --salt-color-purple-100: rgb(var(--salt-color-purple-100-rgb));
720
+ --salt-color-purple-200: rgb(var(--salt-color-purple-200-rgb));
721
+ --salt-color-purple-300: rgb(var(--salt-color-purple-300-rgb));
722
+ --salt-color-purple-400: rgb(var(--salt-color-purple-400-rgb));
723
+ --salt-color-purple-500: rgb(var(--salt-color-purple-500-rgb));
724
+ --salt-color-purple-600: rgb(var(--salt-color-purple-600-rgb));
725
+ --salt-color-purple-700: rgb(var(--salt-color-purple-700-rgb));
726
+ --salt-color-purple-800: rgb(var(--salt-color-purple-800-rgb));
727
+ --salt-color-purple-900: rgb(var(--salt-color-purple-900-rgb));
728
+ --salt-color-gray-10: rgb(var(--salt-color-gray-10-rgb));
729
+ --salt-color-gray-20: rgb(var(--salt-color-gray-20-rgb));
730
+ --salt-color-gray-30: rgb(var(--salt-color-gray-30-rgb));
731
+ --salt-color-gray-40: rgb(var(--salt-color-gray-40-rgb));
732
+ --salt-color-gray-50: rgb(var(--salt-color-gray-50-rgb));
733
+ --salt-color-gray-60: rgb(var(--salt-color-gray-60-rgb));
734
+ --salt-color-gray-70: rgb(var(--salt-color-gray-70-rgb));
735
+ --salt-color-gray-80: rgb(var(--salt-color-gray-80-rgb));
736
+ --salt-color-gray-90: rgb(var(--salt-color-gray-90-rgb));
737
+ --salt-color-gray-100: rgb(var(--salt-color-gray-100-rgb));
738
+ --salt-color-gray-200: rgb(var(--salt-color-gray-200-rgb));
739
+ --salt-color-gray-300: rgb(var(--salt-color-gray-300-rgb));
740
+ --salt-color-gray-400: rgb(var(--salt-color-gray-400-rgb));
741
+ --salt-color-gray-500: rgb(var(--salt-color-gray-500-rgb));
742
+ --salt-color-gray-600: rgb(var(--salt-color-gray-600-rgb));
743
+ --salt-color-gray-700: rgb(var(--salt-color-gray-700-rgb));
744
+ --salt-color-gray-800: rgb(var(--salt-color-gray-800-rgb));
745
+ --salt-color-gray-900: rgb(var(--salt-color-gray-900-rgb));
282
746
  --salt-color-cobalt-100: rgb(237, 244, 255);
283
747
  --salt-color-cobalt-200: rgb(198, 211, 239);
284
748
  --salt-color-cobalt-300: rgb(159, 179, 223);
@@ -469,95 +933,6 @@
469
933
  --salt-duration-cutoff: 10000ms;
470
934
  }
471
935
 
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
936
  /* css/foundations/shadow.css */
562
937
  .salt-theme[data-mode=light] {
563
938
  --salt-shadow-100-color: rgba(0, 0, 0, 0.1);
@@ -657,6 +1032,17 @@
657
1032
  --salt-spacing-300: calc(3 * var(--salt-spacing-100));
658
1033
  --salt-spacing-350: calc(3.5 * var(--salt-spacing-100));
659
1034
  --salt-spacing-400: calc(4 * var(--salt-spacing-100));
1035
+ --salt-spacing-450: calc(4.5 * var(--salt-spacing-100));
1036
+ --salt-spacing-500: calc(5 * var(--salt-spacing-100));
1037
+ --salt-spacing-550: calc(5.5 * var(--salt-spacing-100));
1038
+ --salt-spacing-600: calc(6 * var(--salt-spacing-100));
1039
+ --salt-spacing-650: calc(6.5 * var(--salt-spacing-100));
1040
+ --salt-spacing-700: calc(7 * var(--salt-spacing-100));
1041
+ --salt-spacing-750: calc(7.5 * var(--salt-spacing-100));
1042
+ --salt-spacing-800: calc(8 * var(--salt-spacing-100));
1043
+ --salt-spacing-850: calc(8.5 * var(--salt-spacing-100));
1044
+ --salt-spacing-900: calc(9 * var(--salt-spacing-100));
1045
+ --salt-spacing-950: calc(9.5 * var(--salt-spacing-100));
660
1046
  }
661
1047
 
662
1048
  /* css/foundations/typography.css */
@@ -688,24 +1074,38 @@
688
1074
  --salt-zIndex-flyover: 1500;
689
1075
  }
690
1076
 
1077
+ /* css/palette/alpha.css */
1078
+ .salt-theme[data-mode=light] {
1079
+ --salt-palette-alpha: var(--salt-color-black-30a);
1080
+ --salt-palette-alpha-strong: var(--salt-color-black-40a);
1081
+ --salt-palette-alpha-weak: var(--salt-color-black-20a);
1082
+ --salt-palette-alpha-weaker: var(--salt-color-black-10a);
1083
+ --salt-palette-alpha-backdrop: var(--salt-color-white-70a);
1084
+ --salt-palette-alpha-none: transparent;
1085
+ }
1086
+ .salt-theme[data-mode=dark] {
1087
+ --salt-palette-alpha: var(--salt-color-white-30a);
1088
+ --salt-palette-alpha-strong: var(--salt-color-white-40a);
1089
+ --salt-palette-alpha-weak: var(--salt-color-white-20a);
1090
+ --salt-palette-alpha-weaker: var(--salt-color-white-10a);
1091
+ --salt-palette-alpha-backdrop: var(--salt-color-black-70a);
1092
+ --salt-palette-alpha-none: transparent;
1093
+ }
1094
+
691
1095
  /* css/palette/accent.css */
692
1096
  .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);
1097
+ --salt-palette-accent: var(--salt-color-blue-500);
1098
+ --salt-palette-accent-disabled: var(--salt-color-blue-500-40a);
697
1099
  --salt-palette-accent-foreground: var(--salt-color-white);
698
1100
  --salt-palette-accent-foreground-informative: var(--salt-color-blue-600);
699
- --salt-palette-accent-foreground-informative-disabled: var(--salt-color-blue-600-fade-foreground);
1101
+ --salt-palette-accent-foreground-informative-disabled: var(--salt-color-blue-600-40a);
700
1102
  }
701
1103
  .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);
1104
+ --salt-palette-accent: var(--salt-color-blue-500);
1105
+ --salt-palette-accent-disabled: var(--salt-color-blue-500-40a);
706
1106
  --salt-palette-accent-foreground: var(--salt-color-white);
707
1107
  --salt-palette-accent-foreground-informative: var(--salt-color-blue-200);
708
- --salt-palette-accent-foreground-informative-disabled: var(--salt-color-blue-200-fade-foreground);
1108
+ --salt-palette-accent-foreground-informative-disabled: var(--salt-color-blue-200-40a);
709
1109
  }
710
1110
 
711
1111
  /* css/palette/error.css */
@@ -870,113 +1270,93 @@
870
1270
 
871
1271
  /* css/palette/interact.css */
872
1272
  .salt-theme[data-mode=light] {
873
- --salt-palette-interact-background: transparent;
874
1273
  --salt-palette-interact-background-blurSelected: var(--salt-color-gray-30);
875
1274
  --salt-palette-interact-background-hover: var(--salt-color-blue-10);
876
1275
  --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);
1276
+ --salt-palette-interact-background-activeDisabled: var(--salt-color-blue-30-40a);
879
1277
  --salt-palette-interact-border: var(--salt-color-gray-200);
880
1278
  --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);
1279
+ --salt-palette-interact-border-activeDisabled: var(--salt-color-blue-600-40a);
1280
+ --salt-palette-interact-border-disabled: var(--salt-color-gray-200-40a);
883
1281
  --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;
1282
+ --salt-palette-interact-border-readonly: var(--salt-color-gray-200-15a);
886
1283
  --salt-palette-interact-foreground: var(--salt-color-gray-200);
887
1284
  --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);
1285
+ --salt-palette-interact-foreground-activeDisabled: var(--salt-color-blue-600-40a);
1286
+ --salt-palette-interact-foreground-disabled: var(--salt-color-gray-200-40a);
890
1287
  --salt-palette-interact-foreground-hover: var(--salt-color-blue-500);
891
1288
  --salt-palette-interact-outline: var(--salt-color-blue-600);
892
1289
  --salt-palette-interact-cta-background: var(--salt-color-blue-600);
893
1290
  --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);
1291
+ --salt-palette-interact-cta-background-disabled: var(--salt-color-blue-600-40a);
895
1292
  --salt-palette-interact-cta-background-hover: var(--salt-color-blue-500);
896
1293
  --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);
1294
+ --salt-palette-interact-cta-foreground-disabled: var(--salt-color-white-40a);
900
1295
  --salt-palette-interact-cta-border-hover: var(--salt-color-blue-500);
901
1296
  --salt-palette-interact-cta-border-active: var(--salt-color-blue-700);
902
1297
  --salt-palette-interact-primary-background: var(--salt-color-gray-60);
903
1298
  --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);
1299
+ --salt-palette-interact-primary-background-disabled: var(--salt-color-gray-60-40a);
905
1300
  --salt-palette-interact-primary-background-hover: var(--salt-color-gray-40);
906
1301
  --salt-palette-interact-primary-foreground: var(--salt-color-gray-900);
907
1302
  --salt-palette-interact-primary-foreground-active: var(--salt-color-white);
908
- --salt-palette-interact-primary-foreground-disabled: var(--salt-color-gray-900-fade-foreground);
1303
+ --salt-palette-interact-primary-foreground-disabled: var(--salt-color-gray-900-40a);
909
1304
  --salt-palette-interact-primary-foreground-hover: var(--salt-color-gray-900);
910
- --salt-palette-interact-secondary-background: transparent;
911
1305
  --salt-palette-interact-secondary-background-active: var(--salt-color-gray-200);
912
- --salt-palette-interact-secondary-background-disabled: transparent;
913
1306
  --salt-palette-interact-secondary-background-hover: var(--salt-color-gray-40);
914
1307
  --salt-palette-interact-secondary-foreground: var(--salt-color-gray-900);
915
1308
  --salt-palette-interact-secondary-foreground-active: var(--salt-color-white);
916
- --salt-palette-interact-secondary-foreground-disabled: var(--salt-color-gray-900-fade-foreground);
1309
+ --salt-palette-interact-secondary-foreground-disabled: var(--salt-color-gray-900-40a);
917
1310
  --salt-palette-interact-secondary-foreground-hover: var(--salt-color-gray-900);
918
1311
  }
919
1312
  .salt-theme[data-mode=dark] {
920
- --salt-palette-interact-background: transparent;
921
1313
  --salt-palette-interact-background-active: var(--salt-color-blue-700);
922
1314
  --salt-palette-interact-background-blurSelected: var(--salt-color-gray-600);
923
1315
  --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);
1316
+ --salt-palette-interact-background-activeDisabled: var(--salt-color-blue-700-40a);
926
1317
  --salt-palette-interact-border: var(--salt-color-gray-90);
927
1318
  --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);
1319
+ --salt-palette-interact-border-activeDisabled: var(--salt-color-blue-100-40a);
1320
+ --salt-palette-interact-border-disabled: var(--salt-color-gray-90-40a);
930
1321
  --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;
1322
+ --salt-palette-interact-border-readonly: var(--salt-color-gray-90-15a);
933
1323
  --salt-palette-interact-foreground: var(--salt-color-gray-90);
934
1324
  --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);
1325
+ --salt-palette-interact-foreground-activeDisabled: var(--salt-color-blue-100-40a);
1326
+ --salt-palette-interact-foreground-disabled: var(--salt-color-gray-90-40a);
937
1327
  --salt-palette-interact-foreground-hover: var(--salt-color-blue-500);
938
1328
  --salt-palette-interact-outline: var(--salt-color-blue-100);
939
1329
  --salt-palette-interact-cta-background: var(--salt-color-blue-600);
940
1330
  --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);
1331
+ --salt-palette-interact-cta-background-disabled: var(--salt-color-blue-600-40a);
942
1332
  --salt-palette-interact-cta-background-hover: var(--salt-color-blue-500);
943
1333
  --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);
1334
+ --salt-palette-interact-cta-foreground-disabled: var(--salt-color-white-40a);
947
1335
  --salt-palette-interact-cta-border-hover: var(--salt-color-blue-500);
948
1336
  --salt-palette-interact-cta-border-active: var(--salt-color-blue-700);
949
1337
  --salt-palette-interact-primary-background: var(--salt-color-gray-300);
950
1338
  --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);
1339
+ --salt-palette-interact-primary-background-disabled: var(--salt-color-gray-300-40a);
952
1340
  --salt-palette-interact-primary-background-hover: var(--salt-color-gray-200);
953
1341
  --salt-palette-interact-primary-foreground: var(--salt-color-white);
954
1342
  --salt-palette-interact-primary-foreground-active: var(--salt-color-gray-900);
955
- --salt-palette-interact-primary-foreground-disabled: var(--salt-color-white-fade-foreground);
1343
+ --salt-palette-interact-primary-foreground-disabled: var(--salt-color-white-40a);
956
1344
  --salt-palette-interact-primary-foreground-hover: var(--salt-color-white);
957
- --salt-palette-interact-secondary-background: transparent;
958
1345
  --salt-palette-interact-secondary-background-active: var(--salt-color-gray-70);
959
- --salt-palette-interact-secondary-background-disabled: transparent;
960
1346
  --salt-palette-interact-secondary-background-hover: var(--salt-color-gray-200);
961
1347
  --salt-palette-interact-secondary-foreground: var(--salt-color-white);
962
1348
  --salt-palette-interact-secondary-foreground-active: var(--salt-color-gray-900);
963
- --salt-palette-interact-secondary-foreground-disabled: var(--salt-color-white-fade-foreground);
1349
+ --salt-palette-interact-secondary-foreground-disabled: var(--salt-color-white-40a);
964
1350
  --salt-palette-interact-secondary-foreground-hover: var(--salt-color-white);
965
1351
  }
966
1352
 
967
1353
  /* css/palette/navigate.css */
968
1354
  .salt-theme[data-mode=light] {
969
- --salt-palette-navigate-background-hover: var(--salt-color-black-fade-background-hover);
970
- --salt-palette-navigate-foreground-hover: var(--salt-color-blue-600);
971
- --salt-palette-navigate-foreground-active: var(--salt-color-blue-700);
972
1355
  --salt-palette-navigate-foreground-visited: var(--salt-color-purple-800);
973
1356
  --salt-palette-navigate-indicator-hover: var(--salt-color-gray-90);
974
1357
  --salt-palette-navigate-indicator-active: var(--salt-color-orange-600);
975
1358
  }
976
1359
  .salt-theme[data-mode=dark] {
977
- --salt-palette-navigate-background-hover: var(--salt-color-white-fade-background-hover);
978
- --salt-palette-navigate-foreground-hover: var(--salt-color-blue-200);
979
- --salt-palette-navigate-foreground-active: var(--salt-color-blue-300);
980
1360
  --salt-palette-navigate-foreground-visited: var(--salt-color-purple-100);
981
1361
  --salt-palette-navigate-indicator-hover: var(--salt-color-gray-90);
982
1362
  --salt-palette-navigate-indicator-active: var(--salt-color-orange-400);
@@ -985,110 +1365,75 @@
985
1365
  /* css/palette/negative.css */
986
1366
  .salt-theme[data-mode=light] {
987
1367
  --salt-palette-negative-foreground: var(--salt-color-red-600);
988
- --salt-palette-negative-foreground-disabled: var(--salt-color-red-600-fade-foreground);
1368
+ --salt-palette-negative-foreground-disabled: var(--salt-color-red-600-40a);
989
1369
  --salt-palette-negative-background: var(--salt-color-red-600);
990
1370
  --salt-palette-negative-background-hover: var(--salt-color-red-500);
991
1371
  --salt-palette-negative-background-active: var(--salt-color-red-700);
992
- --salt-palette-negative-background-disabled: var(--salt-color-red-600-fade-background);
1372
+ --salt-palette-negative-background-disabled: var(--salt-color-red-600-40a);
993
1373
  --salt-palette-negative-border: var(--salt-color-red-500);
994
- --salt-palette-negative-border-disabled: var(--salt-color-red-500-fade-border);
1374
+ --salt-palette-negative-border-disabled: var(--salt-color-red-500-40a);
995
1375
  }
996
1376
  .salt-theme[data-mode=dark] {
997
1377
  --salt-palette-negative-foreground: var(--salt-color-red-200);
998
- --salt-palette-negative-foreground-disabled: var(--salt-color-red-200-fade-foreground);
1378
+ --salt-palette-negative-foreground-disabled: var(--salt-color-red-200-40a);
999
1379
  --salt-palette-negative-background: var(--salt-color-red-600);
1000
1380
  --salt-palette-negative-background-hover: var(--salt-color-red-500);
1001
1381
  --salt-palette-negative-background-active: var(--salt-color-red-700);
1002
- --salt-palette-negative-background-disabled: var(--salt-color-red-600-fade-background);
1382
+ --salt-palette-negative-background-disabled: var(--salt-color-red-600-40a);
1003
1383
  --salt-palette-negative-border: var(--salt-color-red-500);
1004
- --salt-palette-negative-border-disabled: var(--salt-color-red-500-fade-border);
1384
+ --salt-palette-negative-border-disabled: var(--salt-color-red-500-40a);
1005
1385
  }
1006
1386
 
1007
1387
  /* css/palette/neutral.css */
1008
1388
  .salt-theme[data-mode=light] {
1389
+ --salt-palette-neutral-border: var(--salt-color-gray-50);
1390
+ --salt-palette-neutral-border-disabled: var(--salt-color-gray-50-40a);
1009
1391
  --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);
1392
+ --salt-palette-neutral-primary-background-disabled: var(--salt-color-white-40a);
1012
1393
  --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);
1394
+ --salt-palette-neutral-primary-foreground-disabled: var(--salt-color-gray-900-40a);
1017
1395
  --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);
1396
+ --salt-palette-neutral-secondary-background-disabled: var(--salt-color-gray-20-40a);
1022
1397
  --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);
1398
+ --salt-palette-neutral-secondary-foreground-disabled: var(--salt-color-gray-200-40a);
1025
1399
  --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);
1400
+ --salt-palette-neutral-tertiary-background-disabled: var(--salt-color-gray-30-40a);
1033
1401
  }
1034
1402
  .salt-theme[data-mode=dark] {
1403
+ --salt-palette-neutral-border: var(--salt-color-gray-300);
1404
+ --salt-palette-neutral-border-disabled: var(--salt-color-gray-300-40a);
1035
1405
  --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);
1406
+ --salt-palette-neutral-primary-background-disabled: var(--salt-color-gray-800-40a);
1040
1407
  --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);
1408
+ --salt-palette-neutral-primary-foreground-disabled: var(--salt-color-white-40a);
1043
1409
  --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);
1410
+ --salt-palette-neutral-secondary-background-disabled: var(--salt-color-gray-600-40a);
1048
1411
  --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);
1412
+ --salt-palette-neutral-secondary-foreground-disabled: var(--salt-color-gray-70-40a);
1052
1413
  --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);
1414
+ --salt-palette-neutral-tertiary-background-disabled: var(--salt-color-gray-500-40a);
1070
1415
  }
1071
1416
 
1072
1417
  /* css/palette/positive.css */
1073
1418
  .salt-theme[data-mode=light] {
1074
1419
  --salt-palette-positive-foreground: var(--salt-color-green-600);
1075
- --salt-palette-positive-foreground-disabled: var(--salt-color-green-600-fade-foreground);
1420
+ --salt-palette-positive-foreground-disabled: var(--salt-color-green-600-40a);
1076
1421
  --salt-palette-positive-background: var(--salt-color-green-600);
1077
1422
  --salt-palette-positive-background-hover: var(--salt-color-green-500);
1078
1423
  --salt-palette-positive-background-active: var(--salt-color-green-700);
1079
- --salt-palette-positive-background-disabled: var(--salt-color-green-600-fade-background);
1424
+ --salt-palette-positive-background-disabled: var(--salt-color-green-600-40a);
1080
1425
  --salt-palette-positive-border: var(--salt-color-green-500);
1081
- --salt-palette-positive-border-disabled: var(--salt-color-green-500-fade-background);
1426
+ --salt-palette-positive-border-disabled: var(--salt-color-green-500-40a);
1082
1427
  }
1083
1428
  .salt-theme[data-mode=dark] {
1084
1429
  --salt-palette-positive-foreground: var(--salt-color-green-200);
1085
- --salt-palette-positive-foreground-disabled: var(--salt-color-green-200-fade-foreground);
1430
+ --salt-palette-positive-foreground-disabled: var(--salt-color-green-200-40a);
1086
1431
  --salt-palette-positive-background: var(--salt-color-green-600);
1087
1432
  --salt-palette-positive-background-hover: var(--salt-color-green-500);
1088
1433
  --salt-palette-positive-background-active: var(--salt-color-green-700);
1089
- --salt-palette-positive-background-disabled: var(--salt-color-green-600-fade-background);
1434
+ --salt-palette-positive-background-disabled: var(--salt-color-green-600-40a);
1090
1435
  --salt-palette-positive-border: var(--salt-color-green-500);
1091
- --salt-palette-positive-border-disabled: var(--salt-color-green-500-fade-background);
1436
+ --salt-palette-positive-border-disabled: var(--salt-color-green-500-40a);
1092
1437
  }
1093
1438
 
1094
1439
  /* css/palette/success.css */
@@ -1136,39 +1481,40 @@
1136
1481
  --salt-palette-warning-bold-background: var(--salt-color-orange-800);
1137
1482
  --salt-palette-warning-background-selected: var(--salt-color-orange-20);
1138
1483
  --salt-palette-warning-border: var(--salt-color-orange-700);
1139
- --salt-palette-warning-border-disabled: var(--salt-color-orange-700-fade-border);
1484
+ --salt-palette-warning-border-disabled: var(--salt-color-orange-700-40a);
1140
1485
  --salt-palette-warning-foreground-decorative: var(--salt-color-orange-700);
1141
1486
  --salt-palette-warning-foreground-informative: var(--salt-color-orange-850);
1142
- --salt-palette-warning-foreground-informative-disabled: var(--salt-color-orange-850-fade-foreground);
1487
+ --salt-palette-warning-foreground-informative-disabled: var(--salt-color-orange-850-40a);
1143
1488
  --salt-palette-warning-action: var(--salt-color-orange-600);
1144
1489
  --salt-palette-warning-action-hover: var(--salt-color-orange-500);
1145
1490
  --salt-palette-warning-action-active: var(--salt-color-orange-800);
1146
- --salt-palette-warning-action-disabled: var(--salt-color-orange-600-fade-background);
1491
+ --salt-palette-warning-action-disabled: var(--salt-color-orange-600-40a);
1147
1492
  --salt-palette-warning-action-foreground: var(--salt-color-gray-900);
1148
- --salt-palette-warning-action-foreground-disabled: var(--salt-color-gray-900-fade-foreground);
1493
+ --salt-palette-warning-action-foreground-disabled: var(--salt-color-gray-900-40a);
1149
1494
  }
1150
1495
  .salt-theme[data-mode=dark] {
1151
1496
  --salt-palette-warning-background: var(--salt-color-orange-900);
1152
1497
  --salt-palette-warning-bold-background: var(--salt-color-orange-800);
1153
1498
  --salt-palette-warning-background-selected: var(--salt-color-orange-900);
1154
1499
  --salt-palette-warning-border: var(--salt-color-orange-500);
1155
- --salt-palette-warning-border-disabled: var(--salt-color-orange-500-fade-border);
1500
+ --salt-palette-warning-border-disabled: var(--salt-color-orange-500-40a);
1156
1501
  --salt-palette-warning-foreground-decorative: var(--salt-color-orange-500);
1157
1502
  --salt-palette-warning-foreground-informative: var(--salt-color-orange-400);
1158
- --salt-palette-warning-foreground-informative-disabled: var(--salt-color-orange-400-fade-foreground);
1503
+ --salt-palette-warning-foreground-informative-disabled: var(--salt-color-orange-400-40a);
1159
1504
  --salt-palette-warning-action: var(--salt-color-orange-600);
1160
1505
  --salt-palette-warning-action-hover: var(--salt-color-orange-500);
1161
1506
  --salt-palette-warning-action-active: var(--salt-color-orange-800);
1162
- --salt-palette-warning-action-disabled: var(--salt-color-orange-600-fade-background);
1507
+ --salt-palette-warning-action-disabled: var(--salt-color-orange-600-40a);
1163
1508
  --salt-palette-warning-action-foreground: var(--salt-color-gray-900);
1164
- --salt-palette-warning-action-foreground-disabled: var(--salt-color-gray-900-fade-foreground);
1509
+ --salt-palette-warning-action-foreground-disabled: var(--salt-color-gray-900-40a);
1165
1510
  }
1166
1511
 
1167
1512
  /* css/characteristics/accent.css */
1168
1513
  .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);
1514
+ --salt-accent-background: var(--salt-palette-accent);
1515
+ --salt-accent-background-disabled: var(--salt-palette-accent-disabled);
1516
+ --salt-accent-borderColor: var(--salt-palette-accent);
1517
+ --salt-accent-borderColor-disabled: var(--salt-palette-accent-disabled);
1172
1518
  --salt-accent-foreground: var(--salt-palette-accent-foreground);
1173
1519
  }
1174
1520
 
@@ -1181,10 +1527,10 @@
1181
1527
  --salt-actionable-accented-bold-background-disabled: var(--salt-palette-interact-cta-background-disabled);
1182
1528
  --salt-actionable-accented-bold-background-hover: var(--salt-palette-interact-cta-background-hover);
1183
1529
  --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);
1530
+ --salt-actionable-accented-bold-borderColor-active: var(--salt-palette-alpha-none);
1531
+ --salt-actionable-accented-bold-borderColor-disabled: var(--salt-palette-alpha-none);
1532
+ --salt-actionable-accented-bold-borderColor-hover: var(--salt-palette-alpha-none);
1533
+ --salt-actionable-accented-bold-borderColor: var(--salt-palette-alpha-none);
1188
1534
  --salt-actionable-accented-bold-foreground-active: var(--salt-palette-interact-cta-foreground);
1189
1535
  --salt-actionable-accented-bold-foreground-disabled: var(--salt-palette-interact-cta-foreground-disabled);
1190
1536
  --salt-actionable-accented-bold-foreground-hover: var(--salt-palette-interact-cta-foreground);
@@ -1193,58 +1539,58 @@
1193
1539
  --salt-actionable-bold-background-disabled: var(--salt-palette-interact-primary-background-disabled);
1194
1540
  --salt-actionable-bold-background-hover: var(--salt-palette-interact-primary-background-hover);
1195
1541
  --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);
1542
+ --salt-actionable-bold-borderColor-active: var(--salt-palette-alpha-none);
1543
+ --salt-actionable-bold-borderColor-disabled: var(--salt-palette-alpha-none);
1544
+ --salt-actionable-bold-borderColor-hover: var(--salt-palette-alpha-none);
1545
+ --salt-actionable-bold-borderColor: var(--salt-palette-alpha-none);
1200
1546
  --salt-actionable-bold-foreground-active: var(--salt-palette-interact-primary-foreground-active);
1201
1547
  --salt-actionable-bold-foreground-disabled: var(--salt-palette-neutral-primary-foreground-disabled);
1202
1548
  --salt-actionable-bold-foreground-hover: var(--salt-palette-neutral-primary-foreground);
1203
1549
  --salt-actionable-bold-foreground: var(--salt-palette-neutral-primary-foreground);
1204
1550
  --salt-actionable-accented-background-active: var(--salt-palette-interact-cta-background-active);
1205
- --salt-actionable-accented-background-disabled: var(--salt-palette-interact-background);
1551
+ --salt-actionable-accented-background-disabled: var(--salt-palette-alpha-none);
1206
1552
  --salt-actionable-accented-background-hover: var(--salt-palette-interact-cta-background-hover);
1207
- --salt-actionable-accented-background: var(--salt-palette-interact-background);
1553
+ --salt-actionable-accented-background: var(--salt-palette-alpha-none);
1208
1554
  --salt-actionable-accented-borderColor-active: var(--salt-palette-interact-cta-border-active);
1209
- --salt-actionable-accented-borderColor-disabled: var(--salt-palette-accent-border-disabled);
1555
+ --salt-actionable-accented-borderColor-disabled: var(--salt-palette-accent-disabled);
1210
1556
  --salt-actionable-accented-borderColor-hover: var(--salt-palette-interact-cta-border-hover);
1211
- --salt-actionable-accented-borderColor: var(--salt-palette-accent-border);
1557
+ --salt-actionable-accented-borderColor: var(--salt-palette-accent);
1212
1558
  --salt-actionable-accented-foreground-active: var(--salt-palette-interact-cta-foreground);
1213
1559
  --salt-actionable-accented-foreground-disabled: var(--salt-palette-accent-foreground-informative-disabled);
1214
1560
  --salt-actionable-accented-foreground-hover: var(--salt-palette-interact-cta-foreground);
1215
1561
  --salt-actionable-accented-foreground: var(--salt-palette-accent-foreground-informative);
1216
1562
  --salt-actionable-background-active: var(--salt-palette-interact-primary-background-active);
1217
- --salt-actionable-background-disabled: var(--salt-palette-interact-background);
1563
+ --salt-actionable-background-disabled: var(--salt-palette-alpha-none);
1218
1564
  --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);
1565
+ --salt-actionable-background: var(--salt-palette-alpha-none);
1566
+ --salt-actionable-borderColor-active: var(--salt-palette-alpha-none);
1221
1567
  --salt-actionable-borderColor-disabled: var(--salt-palette-interact-border-disabled);
1222
- --salt-actionable-borderColor-hover: var(--salt-palette-interact-border-none);
1568
+ --salt-actionable-borderColor-hover: var(--salt-palette-alpha-none);
1223
1569
  --salt-actionable-borderColor: var(--salt-palette-interact-border);
1224
1570
  --salt-actionable-foreground-active: var(--salt-palette-interact-primary-foreground-active);
1225
1571
  --salt-actionable-foreground-disabled: var(--salt-palette-neutral-primary-foreground-disabled);
1226
1572
  --salt-actionable-foreground-hover: var(--salt-palette-neutral-primary-foreground);
1227
1573
  --salt-actionable-foreground: var(--salt-palette-neutral-primary-foreground);
1228
1574
  --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);
1575
+ --salt-actionable-accented-subtle-background-disabled: var(--salt-palette-alpha-none);
1230
1576
  --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);
1577
+ --salt-actionable-accented-subtle-background: var(--salt-palette-alpha-none);
1578
+ --salt-actionable-accented-subtle-borderColor-active: var(--salt-palette-alpha-none);
1579
+ --salt-actionable-accented-subtle-borderColor-disabled: var(--salt-palette-alpha-none);
1580
+ --salt-actionable-accented-subtle-borderColor-hover: var(--salt-palette-alpha-none);
1581
+ --salt-actionable-accented-subtle-borderColor: var(--salt-palette-alpha-none);
1236
1582
  --salt-actionable-accented-subtle-foreground-active: var(--salt-palette-interact-cta-foreground);
1237
1583
  --salt-actionable-accented-subtle-foreground-disabled: var(--salt-palette-accent-foreground-informative-disabled);
1238
1584
  --salt-actionable-accented-subtle-foreground-hover: var(--salt-palette-interact-cta-foreground);
1239
1585
  --salt-actionable-accented-subtle-foreground: var(--salt-palette-accent-foreground-informative);
1240
1586
  --salt-actionable-subtle-background-active: var(--salt-palette-interact-primary-background-active);
1241
- --salt-actionable-subtle-background-disabled: var(--salt-palette-interact-background);
1587
+ --salt-actionable-subtle-background-disabled: var(--salt-palette-alpha-none);
1242
1588
  --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);
1589
+ --salt-actionable-subtle-background: var(--salt-palette-alpha-none);
1590
+ --salt-actionable-subtle-borderColor-active: var(--salt-palette-alpha-none);
1591
+ --salt-actionable-subtle-borderColor-disabled: var(--salt-palette-alpha-none);
1592
+ --salt-actionable-subtle-borderColor-hover: var(--salt-palette-alpha-none);
1593
+ --salt-actionable-subtle-borderColor: var(--salt-palette-alpha-none);
1248
1594
  --salt-actionable-subtle-foreground-active: var(--salt-palette-interact-primary-foreground-active);
1249
1595
  --salt-actionable-subtle-foreground-disabled: var(--salt-palette-neutral-primary-foreground-disabled);
1250
1596
  --salt-actionable-subtle-foreground-hover: var(--salt-palette-neutral-primary-foreground);
@@ -1253,34 +1599,34 @@
1253
1599
  --salt-actionable-negative-bold-background-disabled: var(--salt-palette-negative-background-disabled);
1254
1600
  --salt-actionable-negative-bold-background-hover: var(--salt-palette-negative-background-hover);
1255
1601
  --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);
1602
+ --salt-actionable-negative-bold-borderColor-active: var(--salt-palette-alpha-none);
1603
+ --salt-actionable-negative-bold-borderColor-disabled: var(--salt-palette-alpha-none);
1604
+ --salt-actionable-negative-bold-borderColor-hover: var(--salt-palette-alpha-none);
1605
+ --salt-actionable-negative-bold-borderColor: var(--salt-palette-alpha-none);
1260
1606
  --salt-actionable-negative-bold-foreground-active: var(--salt-palette-interact-cta-foreground);
1261
1607
  --salt-actionable-negative-bold-foreground-disabled: var(--salt-palette-interact-cta-foreground-disabled);
1262
1608
  --salt-actionable-negative-bold-foreground-hover: var(--salt-palette-interact-cta-foreground);
1263
1609
  --salt-actionable-negative-bold-foreground: var(--salt-palette-interact-cta-foreground);
1264
1610
  --salt-actionable-negative-background-active: var(--salt-palette-negative-background-active);
1265
- --salt-actionable-negative-background-disabled: var(--salt-palette-interact-background);
1611
+ --salt-actionable-negative-background-disabled: var(--salt-palette-alpha-none);
1266
1612
  --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);
1613
+ --salt-actionable-negative-background: var(--salt-palette-alpha-none);
1614
+ --salt-actionable-negative-borderColor-active: var(--salt-palette-alpha-none);
1269
1615
  --salt-actionable-negative-borderColor-disabled: var(--salt-palette-negative-border-disabled);
1270
- --salt-actionable-negative-borderColor-hover: var(--salt-palette-interact-border-none);
1616
+ --salt-actionable-negative-borderColor-hover: var(--salt-palette-alpha-none);
1271
1617
  --salt-actionable-negative-borderColor: var(--salt-palette-negative-border);
1272
1618
  --salt-actionable-negative-foreground-active: var(--salt-palette-interact-cta-foreground);
1273
1619
  --salt-actionable-negative-foreground-disabled: var(--salt-palette-negative-foreground-disabled);
1274
1620
  --salt-actionable-negative-foreground-hover: var(--salt-palette-interact-cta-foreground);
1275
1621
  --salt-actionable-negative-foreground: var(--salt-palette-negative-foreground);
1276
1622
  --salt-actionable-negative-subtle-background-active: var(--salt-palette-negative-background-active);
1277
- --salt-actionable-negative-subtle-background-disabled: var(--salt-palette-interact-background);
1623
+ --salt-actionable-negative-subtle-background-disabled: var(--salt-palette-alpha-none);
1278
1624
  --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);
1625
+ --salt-actionable-negative-subtle-background: var(--salt-palette-alpha-none);
1626
+ --salt-actionable-negative-subtle-borderColor-active: var(--salt-palette-alpha-none);
1627
+ --salt-actionable-negative-subtle-borderColor-disabled: var(--salt-palette-alpha-none);
1628
+ --salt-actionable-negative-subtle-borderColor-hover: var(--salt-palette-alpha-none);
1629
+ --salt-actionable-negative-subtle-borderColor: var(--salt-palette-alpha-none);
1284
1630
  --salt-actionable-negative-subtle-foreground-active: var(--salt-palette-interact-cta-foreground);
1285
1631
  --salt-actionable-negative-subtle-foreground-disabled: var(--salt-palette-negative-foreground-disabled);
1286
1632
  --salt-actionable-negative-subtle-foreground-hover: var(--salt-palette-interact-cta-foreground);
@@ -1289,34 +1635,34 @@
1289
1635
  --salt-actionable-positive-bold-background-disabled: var(--salt-palette-positive-background-disabled);
1290
1636
  --salt-actionable-positive-bold-background-hover: var(--salt-palette-positive-background-hover);
1291
1637
  --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);
1638
+ --salt-actionable-positive-bold-borderColor-active: var(--salt-palette-alpha-none);
1639
+ --salt-actionable-positive-bold-borderColor-disabled: var(--salt-palette-alpha-none);
1640
+ --salt-actionable-positive-bold-borderColor-hover: var(--salt-palette-alpha-none);
1641
+ --salt-actionable-positive-bold-borderColor: var(--salt-palette-alpha-none);
1296
1642
  --salt-actionable-positive-bold-foreground-active: var(--salt-palette-interact-cta-foreground);
1297
1643
  --salt-actionable-positive-bold-foreground-disabled: var(--salt-palette-interact-cta-foreground-disabled);
1298
1644
  --salt-actionable-positive-bold-foreground-hover: var(--salt-palette-interact-cta-foreground);
1299
1645
  --salt-actionable-positive-bold-foreground: var(--salt-palette-interact-cta-foreground);
1300
1646
  --salt-actionable-positive-background-active: var(--salt-palette-positive-background-active);
1301
- --salt-actionable-positive-background-disabled: var(--salt-palette-interact-background);
1647
+ --salt-actionable-positive-background-disabled: var(--salt-palette-alpha-none);
1302
1648
  --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);
1649
+ --salt-actionable-positive-background: var(--salt-palette-alpha-none);
1650
+ --salt-actionable-positive-borderColor-active: var(--salt-palette-alpha-none);
1305
1651
  --salt-actionable-positive-borderColor-disabled: var(--salt-palette-positive-border-disabled);
1306
- --salt-actionable-positive-borderColor-hover: var(--salt-palette-interact-border-none);
1652
+ --salt-actionable-positive-borderColor-hover: var(--salt-palette-alpha-none);
1307
1653
  --salt-actionable-positive-borderColor: var(--salt-palette-positive-border);
1308
1654
  --salt-actionable-positive-foreground-active: var(--salt-palette-interact-cta-foreground);
1309
1655
  --salt-actionable-positive-foreground-disabled: var(--salt-palette-positive-foreground-disabled);
1310
1656
  --salt-actionable-positive-foreground-hover: var(--salt-palette-interact-cta-foreground);
1311
1657
  --salt-actionable-positive-foreground: var(--salt-palette-positive-foreground);
1312
1658
  --salt-actionable-positive-subtle-background-active: var(--salt-palette-positive-background-active);
1313
- --salt-actionable-positive-subtle-background-disabled: var(--salt-palette-interact-background);
1659
+ --salt-actionable-positive-subtle-background-disabled: var(--salt-palette-alpha-none);
1314
1660
  --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);
1661
+ --salt-actionable-positive-subtle-background: var(--salt-palette-alpha-none);
1662
+ --salt-actionable-positive-subtle-borderColor-active: var(--salt-palette-alpha-none);
1663
+ --salt-actionable-positive-subtle-borderColor-disabled: var(--salt-palette-alpha-none);
1664
+ --salt-actionable-positive-subtle-borderColor-hover: var(--salt-palette-alpha-none);
1665
+ --salt-actionable-positive-subtle-borderColor: var(--salt-palette-alpha-none);
1320
1666
  --salt-actionable-positive-subtle-foreground-active: var(--salt-palette-interact-cta-foreground);
1321
1667
  --salt-actionable-positive-subtle-foreground-disabled: var(--salt-palette-positive-foreground-disabled);
1322
1668
  --salt-actionable-positive-subtle-foreground-hover: var(--salt-palette-interact-cta-foreground);
@@ -1325,34 +1671,34 @@
1325
1671
  --salt-actionable-caution-bold-background-disabled: var(--salt-palette-warning-action-disabled);
1326
1672
  --salt-actionable-caution-bold-background-hover: var(--salt-palette-warning-action-hover);
1327
1673
  --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);
1674
+ --salt-actionable-caution-bold-borderColor-active: var(--salt-palette-alpha-none);
1675
+ --salt-actionable-caution-bold-borderColor-disabled: var(--salt-palette-alpha-none);
1676
+ --salt-actionable-caution-bold-borderColor-hover: var(--salt-palette-alpha-none);
1677
+ --salt-actionable-caution-bold-borderColor: var(--salt-palette-alpha-none);
1332
1678
  --salt-actionable-caution-bold-foreground-active: var(--salt-palette-interact-cta-foreground);
1333
1679
  --salt-actionable-caution-bold-foreground-disabled: var(--salt-palette-warning-action-foreground-disabled);
1334
1680
  --salt-actionable-caution-bold-foreground-hover: var(--salt-palette-warning-action-foreground);
1335
1681
  --salt-actionable-caution-bold-foreground: var(--salt-palette-warning-action-foreground);
1336
1682
  --salt-actionable-caution-background-active: var(--salt-palette-warning-action-active);
1337
- --salt-actionable-caution-background-disabled: var(--salt-palette-interact-background);
1683
+ --salt-actionable-caution-background-disabled: var(--salt-palette-alpha-none);
1338
1684
  --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);
1685
+ --salt-actionable-caution-background: var(--salt-palette-alpha-none);
1686
+ --salt-actionable-caution-borderColor-active: var(--salt-palette-alpha-none);
1341
1687
  --salt-actionable-caution-borderColor-disabled: var(--salt-palette-warning-border-disabled);
1342
- --salt-actionable-caution-borderColor-hover: var(--salt-palette-interact-border-none);
1688
+ --salt-actionable-caution-borderColor-hover: var(--salt-palette-alpha-none);
1343
1689
  --salt-actionable-caution-borderColor: var(--salt-palette-warning-border);
1344
1690
  --salt-actionable-caution-foreground-active: var(--salt-palette-interact-cta-foreground);
1345
1691
  --salt-actionable-caution-foreground-disabled: var(--salt-palette-warning-foreground-informative-disabled);
1346
1692
  --salt-actionable-caution-foreground-hover: var(--salt-palette-warning-action-foreground);
1347
1693
  --salt-actionable-caution-foreground: var(--salt-palette-warning-foreground-informative);
1348
1694
  --salt-actionable-caution-subtle-background-active: var(--salt-palette-warning-action-active);
1349
- --salt-actionable-caution-subtle-background-disabled: var(--salt-palette-interact-background);
1695
+ --salt-actionable-caution-subtle-background-disabled: var(--salt-palette-alpha-none);
1350
1696
  --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);
1697
+ --salt-actionable-caution-subtle-background: var(--salt-palette-alpha-none);
1698
+ --salt-actionable-caution-subtle-borderColor-active: var(--salt-palette-alpha-none);
1699
+ --salt-actionable-caution-subtle-borderColor-disabled: var(--salt-palette-alpha-none);
1700
+ --salt-actionable-caution-subtle-borderColor-hover: var(--salt-palette-alpha-none);
1701
+ --salt-actionable-caution-subtle-borderColor: var(--salt-palette-alpha-none);
1356
1702
  --salt-actionable-caution-subtle-foreground-active: var(--salt-palette-interact-cta-foreground);
1357
1703
  --salt-actionable-caution-subtle-foreground-disabled: var(--salt-palette-warning-foreground-informative-disabled);
1358
1704
  --salt-actionable-caution-subtle-foreground-hover: var(--salt-palette-warning-action-foreground);
@@ -1468,16 +1814,16 @@
1468
1814
  --salt-container-borderStyle: solid;
1469
1815
  --salt-container-primary-background: var(--salt-palette-neutral-primary-background);
1470
1816
  --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);
1817
+ --salt-container-primary-borderColor: var(--salt-palette-neutral-border);
1818
+ --salt-container-primary-borderColor-disabled: var(--salt-palette-neutral-border-disabled);
1473
1819
  --salt-container-secondary-background: var(--salt-palette-neutral-secondary-background);
1474
1820
  --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);
1821
+ --salt-container-secondary-borderColor: var(--salt-palette-neutral-border);
1822
+ --salt-container-secondary-borderColor-disabled: var(--salt-palette-neutral-border-disabled);
1477
1823
  --salt-container-tertiary-background: var(--salt-palette-neutral-tertiary-background);
1478
1824
  --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);
1825
+ --salt-container-tertiary-borderColor: var(--salt-palette-neutral-border);
1826
+ --salt-container-tertiary-borderColor-disabled: var(--salt-palette-neutral-border-disabled);
1481
1827
  }
1482
1828
 
1483
1829
  /* css/characteristics/draggable.css */
@@ -1521,12 +1867,12 @@
1521
1867
  --salt-editable-primary-background-active: var(--salt-palette-neutral-primary-background);
1522
1868
  --salt-editable-primary-background-disabled: var(--salt-palette-neutral-primary-background-disabled);
1523
1869
  --salt-editable-primary-background-hover: var(--salt-palette-neutral-primary-background);
1524
- --salt-editable-primary-background-readonly: var(--salt-palette-neutral-primary-background-readonly);
1870
+ --salt-editable-primary-background-readonly: var(--salt-palette-alpha-none);
1525
1871
  --salt-editable-secondary-background: var(--salt-palette-neutral-secondary-background);
1526
1872
  --salt-editable-secondary-background-active: var(--salt-palette-neutral-secondary-background);
1527
1873
  --salt-editable-secondary-background-disabled: var(--salt-palette-neutral-secondary-background-disabled);
1528
1874
  --salt-editable-secondary-background-hover: var(--salt-palette-neutral-secondary-background);
1529
- --salt-editable-secondary-background-readonly: var(--salt-palette-neutral-secondary-background-readonly);
1875
+ --salt-editable-secondary-background-readonly: var(--salt-palette-alpha-none);
1530
1876
  --salt-editable-help-fontStyle: italic;
1531
1877
  }
1532
1878
 
@@ -1563,7 +1909,6 @@
1563
1909
  --salt-navigable-fontWeight-edit: var(--salt-typography-fontWeight-regular);
1564
1910
  --salt-navigable-indicator-hover: var(--salt-palette-navigate-indicator-hover);
1565
1911
  --salt-navigable-indicator-active: var(--salt-palette-navigate-indicator-active);
1566
- --salt-navigable-background-hover: var(--salt-palette-navigate-background-hover);
1567
1912
  --salt-navigable-textDecoration: underline;
1568
1913
  --salt-navigable-textDecoration-hover: none;
1569
1914
  --salt-navigable-textDecoration-selected: underline;
@@ -1578,9 +1923,9 @@
1578
1923
  --salt-overlayable-shadow-popout: var(--salt-shadow-400);
1579
1924
  --salt-overlayable-shadow-drag: var(--salt-shadow-400);
1580
1925
  --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);
1926
+ --salt-overlayable-background: var(--salt-palette-alpha-backdrop);
1927
+ --salt-overlayable-background-highlight: var(--salt-palette-alpha);
1928
+ --salt-overlayable-rangeSelection: var(--salt-palette-alpha-weak);
1584
1929
  }
1585
1930
 
1586
1931
  /* css/characteristics/selectable.css */
@@ -1605,20 +1950,20 @@
1605
1950
  --salt-selectable-foreground-hover: var(--salt-palette-interact-foreground-hover);
1606
1951
  --salt-selectable-foreground-selected: var(--salt-palette-interact-foreground-active);
1607
1952
  --salt-selectable-foreground-selectedDisabled: var(--salt-palette-interact-foreground-activeDisabled);
1608
- --salt-selectable-background: var(--salt-palette-interact-background);
1953
+ --salt-selectable-background: var(--salt-palette-alpha-none);
1609
1954
  --salt-selectable-background-hover: var(--salt-palette-interact-background-hover);
1610
1955
  --salt-selectable-background-selected: var(--salt-palette-interact-background-active);
1611
1956
  --salt-selectable-background-blurSelected: var(--salt-palette-interact-background-blurSelected);
1612
- --salt-selectable-background-disabled: var(--salt-palette-interact-background-disabled);
1957
+ --salt-selectable-background-disabled: var(--salt-palette-alpha-none);
1613
1958
  --salt-selectable-background-selectedDisabled: var(--salt-palette-interact-background-activeDisabled);
1614
1959
  }
1615
1960
 
1616
1961
  /* css/characteristics/separable.css */
1617
1962
  .salt-theme {
1618
1963
  --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);
1964
+ --salt-separable-primary-borderColor: var(--salt-palette-alpha-strong);
1965
+ --salt-separable-secondary-borderColor: var(--salt-palette-alpha);
1966
+ --salt-separable-tertiary-borderColor: var(--salt-palette-alpha-weak);
1622
1967
  }
1623
1968
 
1624
1969
  /* css/characteristics/status.css */
@@ -1816,10 +2161,11 @@
1816
2161
  --salt-content-primary-foreground-disabled: var(--salt-palette-neutral-primary-foreground-disabled);
1817
2162
  --salt-content-secondary-foreground: var(--salt-palette-neutral-secondary-foreground);
1818
2163
  --salt-content-secondary-foreground-disabled: var(--salt-palette-neutral-secondary-foreground-disabled);
2164
+ --salt-content-accent-foreground: var(--salt-palette-accent-foreground-informative);
1819
2165
  --salt-content-bold-foreground: var(--salt-palette-interact-cta-foreground);
1820
2166
  --salt-content-bold-foreground-disabled: var(--salt-palette-interact-cta-foreground-disabled);
1821
- --salt-content-foreground-hover: var(--salt-palette-navigate-foreground-hover);
1822
- --salt-content-foreground-active: var(--salt-palette-navigate-foreground-active);
2167
+ --salt-content-foreground-hover: var(--salt-palette-accent-foreground-informative);
2168
+ --salt-content-foreground-active: var(--salt-palette-accent-foreground-informative);
1823
2169
  --salt-content-foreground-visited: var(--salt-palette-navigate-foreground-visited);
1824
2170
  --salt-content-foreground-highlight: var(--salt-palette-interact-background-active);
1825
2171
  }
@@ -1830,7 +2176,8 @@
1830
2176
  --salt-track-borderStyle-active: solid;
1831
2177
  --salt-track-borderStyle-complete: solid;
1832
2178
  --salt-track-borderStyle-incomplete: dotted;
1833
- --salt-track-borderColor: var(--salt-palette-neutral-secondary-border);
2179
+ --salt-track-borderColor: var(--salt-palette-neutral-border);
2180
+ --salt-track-borderColor-disabled: var(--salt-palette-neutral-border-disabled);
1834
2181
  }
1835
2182
 
1836
2183
  /* css/deprecated/characteristics.css */
@@ -1944,9 +2291,9 @@
1944
2291
  --salt-navigable-tertiary-background-hover: var(--salt-palette-navigate-tertiary-background-hover);
1945
2292
  --salt-navigable-tertiary-background-active: var(--salt-palette-navigate-tertiary-background-active);
1946
2293
  --salt-navigable-indicator-activeDisabled: var(--salt-palette-navigate-indicator-activeDisabled);
2294
+ --salt-navigable-background-hover: var(--salt-palette-navigate-background-hover);
1947
2295
  --salt-accent-fontWeight: var(--salt-typography-fontWeight-semiBold);
1948
2296
  --salt-accent-foreground-disabled: var(--salt-palette-accent-foreground-disabled);
1949
- --salt-accent-borderColor-disabled: var(--salt-palette-accent-border-disabled);
1950
2297
  --salt-track-borderWidth: 2px;
1951
2298
  --salt-track-borderWidth-active: 2px;
1952
2299
  --salt-track-borderWidth-complete: 2px;
@@ -1955,7 +2302,6 @@
1955
2302
  --salt-track-textAlign: center;
1956
2303
  --salt-track-background: var(--salt-palette-track-background);
1957
2304
  --salt-track-background-disabled: var(--salt-palette-track-background-disabled);
1958
- --salt-track-borderColor-disabled: var(--salt-palette-track-border-disabled);
1959
2305
  --salt-taggable-cursor-hover: pointer;
1960
2306
  --salt-taggable-cursor-active: pointer;
1961
2307
  --salt-taggable-cursor-disabled: not-allowed;
@@ -2026,9 +2372,87 @@
2026
2372
  --salt-color-orange-500-fade-foreground: rgba(234, 115, 25, var(--salt-palette-opacity-foreground));
2027
2373
  --salt-color-orange-700-fade-foreground: rgba(214, 85, 19, var(--salt-palette-opacity-foreground));
2028
2374
  --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
2375
  --salt-color-blue-300-fade-fill: rgba(51, 141, 205, var(--salt-palette-opacity-fill));
2031
2376
  --salt-color-blue-500-fade-fill: rgba(38, 112, 169, var(--salt-palette-opacity-fill));
2377
+ --salt-color-white-fade-background-hover: rgba(255, 255, 255, var(--salt-opacity-8));
2378
+ --salt-color-black-fade-background-hover: rgba(0, 0, 0, var(--salt-opacity-8));
2379
+ --salt-color-blue-100-fade-foreground: rgba(100, 177, 228, var(--salt-palette-opacity-disabled));
2380
+ --salt-color-blue-200-fade-foreground: rgba(75, 159, 216, var(--salt-palette-opacity-disabled));
2381
+ --salt-color-blue-500-fade-foreground: rgba(38, 112, 169, var(--salt-palette-opacity-disabled));
2382
+ --salt-color-blue-600-fade-foreground: rgba(21, 92, 147, var(--salt-palette-opacity-disabled));
2383
+ --salt-color-gray-200-fade-foreground: rgba(97, 101, 110, var(--salt-palette-opacity-disabled));
2384
+ --salt-color-gray-70-fade-foreground: rgba(180, 183, 190, var(--salt-palette-opacity-disabled));
2385
+ --salt-color-gray-90-fade-foreground: rgba(132, 135, 142, var(--salt-palette-opacity-disabled));
2386
+ --salt-color-gray-900-fade-foreground: rgba(22, 22, 22, var(--salt-palette-opacity-disabled));
2387
+ --salt-color-green-200-fade-foreground: rgba(77, 180, 105, var(--salt-palette-opacity-disabled));
2388
+ --salt-color-green-300-fade-foreground: rgba(60, 171, 96, var(--salt-palette-opacity-disabled));
2389
+ --salt-color-green-400-fade-foreground: rgba(48, 156, 90, var(--salt-palette-opacity-disabled));
2390
+ --salt-color-green-500-fade-foreground: rgba(36, 135, 75, var(--salt-palette-opacity-disabled));
2391
+ --salt-color-green-600-fade-foreground: rgba(24, 114, 61, var(--salt-palette-opacity-disabled));
2392
+ --salt-color-green-700-fade-foreground: rgba(12, 93, 46, var(--salt-palette-opacity-disabled));
2393
+ --salt-color-red-200-fade-foreground: rgba(255, 108, 88, var(--salt-palette-opacity-disabled));
2394
+ --salt-color-red-300-fade-foreground: rgba(255, 89, 66, var(--salt-palette-opacity-disabled));
2395
+ --salt-color-red-500-fade-foreground: rgba(227, 43, 22, var(--salt-palette-opacity-disabled));
2396
+ --salt-color-red-600-fade-foreground: rgba(196, 32, 16, var(--salt-palette-opacity-disabled));
2397
+ --salt-color-red-700-fade-foreground: rgba(166, 21, 11, var(--salt-palette-opacity-disabled));
2398
+ --salt-color-orange-400-fade-foreground: rgba(238, 133, 43, var(--salt-palette-opacity-disabled));
2399
+ --salt-color-orange-850-fade-foreground: rgba(194, 52, 7, var(--salt-palette-opacity-disabled));
2400
+ --salt-color-white-fade-foreground: rgba(255, 255, 255, var(--salt-palette-opacity-disabled));
2401
+ --salt-color-blue-500-fade-border: rgba(38, 112, 169, var(--salt-palette-opacity-disabled));
2402
+ --salt-color-gray-50-fade-border: rgba(206, 210, 217, var(--salt-palette-opacity-disabled));
2403
+ --salt-color-gray-60-fade-border: rgba(197, 201, 208, var(--salt-palette-opacity-disabled));
2404
+ --salt-color-gray-90-fade-border: rgba(132, 135, 142, var(--salt-palette-opacity-disabled));
2405
+ --salt-color-gray-200-fade-border: rgba(97, 101, 110, var(--salt-palette-opacity-disabled));
2406
+ --salt-color-gray-300-fade-border: rgba(76, 80, 91, var(--salt-palette-opacity-disabled));
2407
+ --salt-color-green-400-fade-border: rgba(48, 156, 90, var(--salt-palette-opacity-disabled));
2408
+ --salt-color-green-500-fade-border: rgba(36, 135, 75, var(--salt-palette-opacity-disabled));
2409
+ --salt-color-orange-400-fade-border: rgba(238, 133, 43, var(--salt-palette-opacity-disabled));
2410
+ --salt-color-orange-500-fade-border: rgba(234, 115, 25, var(--salt-palette-opacity-disabled));
2411
+ --salt-color-orange-600-fade-border: rgba(224, 101, 25, var(--salt-palette-opacity-disabled));
2412
+ --salt-color-orange-700-fade-border: rgba(214, 85, 19, var(--salt-palette-opacity-disabled));
2413
+ --salt-color-red-500-fade-border: rgba(227, 43, 22, var(--salt-palette-opacity-disabled));
2414
+ --salt-color-gray-90-fade-border-readonly: rgba(132, 135, 142, var(--salt-palette-opacity-border-readonly));
2415
+ --salt-color-gray-200-fade-border-readonly: rgba(97, 101, 110, var(--salt-palette-opacity-border-readonly));
2416
+ --salt-color-blue-30-fade-background: rgba(164, 213, 244, var(--salt-palette-opacity-disabled));
2417
+ --salt-color-blue-500-fade-background: rgba(38, 112, 169, var(--salt-palette-opacity-disabled));
2418
+ --salt-color-blue-600-fade-background: rgba(21, 92, 147, var(--salt-palette-opacity-disabled));
2419
+ --salt-color-blue-700-fade-background: rgba(0, 71, 123, var(--salt-palette-opacity-disabled));
2420
+ --salt-color-gray-20-fade-background: rgba(234, 237, 239, var(--salt-palette-opacity-disabled));
2421
+ --salt-color-gray-30-fade-background: rgba(224, 228, 233, var(--salt-palette-opacity-disabled));
2422
+ --salt-color-gray-50-fade-background: rgba(206, 210, 217, var(--salt-palette-opacity-disabled));
2423
+ --salt-color-gray-60-fade-background: rgba(197, 201, 208, var(--salt-palette-opacity-disabled));
2424
+ --salt-color-gray-70-fade-background: rgba(180, 183, 190, var(--salt-palette-opacity-disabled));
2425
+ --salt-color-gray-200-fade-background: rgba(97, 101, 110, var(--salt-palette-opacity-disabled));
2426
+ --salt-color-gray-300-fade-background: rgba(76, 80, 91, var(--salt-palette-opacity-disabled));
2427
+ --salt-color-gray-500-fade-background: rgba(59, 63, 70, var(--salt-palette-opacity-disabled));
2428
+ --salt-color-gray-600-fade-background: rgba(47, 49, 54, var(--salt-palette-opacity-disabled));
2429
+ --salt-color-gray-800-fade-background: rgba(36, 37, 38, var(--salt-palette-opacity-disabled));
2430
+ --salt-color-white-fade-background: rgba(255, 255, 255, var(--salt-palette-opacity-disabled));
2431
+ --salt-color-green-500-fade-background: rgba(36, 135, 75, var(--salt-palette-opacity-disabled));
2432
+ --salt-color-green-600-fade-background: rgba(24, 114, 61, var(--salt-palette-opacity-disabled));
2433
+ --salt-color-red-600-fade-background: rgba(196, 32, 16, var(--salt-palette-opacity-disabled));
2434
+ --salt-color-white-fade-background-readonly: rgba(255, 255, 255, var(--salt-palette-opacity-background-readonly));
2435
+ --salt-color-gray-20-fade-background-readonly: rgba(234, 237, 239, var(--salt-palette-opacity-background-readonly));
2436
+ --salt-color-gray-600-fade-background-readonly: rgba(47, 49, 54, var(--salt-palette-opacity-background-readonly));
2437
+ --salt-color-gray-800-fade-background-readonly: rgba(36, 37, 38, var(--salt-palette-opacity-background-readonly));
2438
+ --salt-color-white-fade-backdrop: rgba(255, 255, 255, var(--salt-palette-opacity-backdrop));
2439
+ --salt-color-black-fade-backdrop: rgba(0, 0, 0, var(--salt-palette-opacity-backdrop));
2440
+ --salt-color-blue-100-fade-fill: rgba(100, 177, 228, var(--salt-palette-opacity-disabled));
2441
+ --salt-color-blue-600-fade-fill: rgba(21, 92, 147, var(--salt-palette-opacity-disabled));
2442
+ --salt-color-white-fade-separatorOpacity-primary: rgba(255, 255, 255, var(--salt-palette-opacity-primary-border));
2443
+ --salt-color-white-fade-separatorOpacity-secondary: rgba(255, 255, 255, var(--salt-palette-opacity-secondary-border));
2444
+ --salt-color-white-fade-separatorOpacity-tertiary: rgba(255, 255, 255, var(--salt-palette-opacity-tertiary-border));
2445
+ --salt-color-black-fade-separatorOpacity-primary: rgba(0, 0, 0, var(--salt-palette-opacity-primary-border));
2446
+ --salt-color-black-fade-separatorOpacity-secondary: rgba(0, 0, 0, var(--salt-palette-opacity-secondary-border));
2447
+ --salt-color-black-fade-separatorOpacity-tertiary: rgba(0, 0, 0, var(--salt-palette-opacity-tertiary-border));
2448
+ --salt-color-black-fade-background-selection: rgba(0, 0, 0, var(--salt-opacity-15));
2449
+ --salt-color-black-fade-background-highlight: rgba(0, 0, 0, var(--salt-opacity-25));
2450
+ --salt-color-white-fade-background-selection: rgba(255, 255, 255, var(--salt-opacity-15));
2451
+ --salt-color-white-fade-background-highlight: rgba(255, 255, 255, var(--salt-opacity-25));
2452
+ --salt-color-white-15a: rgba(var(--salt-color-white-rgb), 0.15);
2453
+ --salt-color-white-45a: rgba(var(--salt-color-white-rgb), 0.45);
2454
+ --salt-color-black-15a: rgba(var(--salt-color-black-rgb), 0.15);
2455
+ --salt-color-black-45a: rgba(var(--salt-color-black-rgb), 0.45);
2032
2456
  }
2033
2457
 
2034
2458
  /* css/deprecated/foundations.css */
@@ -2042,6 +2466,13 @@
2042
2466
  --salt-opacity-2: 0.25;
2043
2467
  --salt-opacity-3: 0.4;
2044
2468
  --salt-opacity-4: 0.7;
2469
+ --salt-opacity-8: 0.08;
2470
+ --salt-opacity-0: 0;
2471
+ --salt-opacity-15: 0.15;
2472
+ --salt-opacity-25: 0.25;
2473
+ --salt-opacity-40: 0.4;
2474
+ --salt-opacity-45: 0.45;
2475
+ --salt-opacity-70: 0.7;
2045
2476
  --salt-shadow-0: none;
2046
2477
  --salt-shadow-1: 0 1px 3px 0 var(--salt-shadow-1-color);
2047
2478
  --salt-shadow-2: 0 2px 4px 0 var(--salt-shadow-2-color);
@@ -2127,6 +2558,13 @@
2127
2558
  --salt-palette-opacity-background: var(--salt-palette-opacity-disabled);
2128
2559
  --salt-palette-opacity-border: var(--salt-palette-opacity-disabled);
2129
2560
  --salt-palette-opacity-foreground: var(--salt-palette-opacity-disabled);
2561
+ --salt-palette-opacity-backdrop: var(--salt-opacity-70);
2562
+ --salt-palette-opacity-disabled: var(--salt-opacity-40);
2563
+ --salt-palette-opacity-background-readonly: var(--salt-opacity-0);
2564
+ --salt-palette-opacity-border-readonly: var(--salt-opacity-15);
2565
+ --salt-palette-opacity-primary-border: var(--salt-opacity-45);
2566
+ --salt-palette-opacity-secondary-border: var(--salt-opacity-25);
2567
+ --salt-palette-opacity-tertiary-border: var(--salt-opacity-15);
2130
2568
  }
2131
2569
  .salt-theme[data-mode=light] {
2132
2570
  --salt-palette-interact-foreground-partial: var(--salt-color-blue-600);
@@ -2137,6 +2575,13 @@
2137
2575
  --salt-palette-interact-primary-background-activeDisabled: var(--salt-color-gray-200-fade-background);
2138
2576
  --salt-palette-interact-secondary-foreground-activeDisabled: var(--salt-color-white-fade-foreground);
2139
2577
  --salt-palette-interact-secondary-background-activeDisabled: var(--salt-color-gray-200-fade-background);
2578
+ --salt-palette-interact-background: transparent;
2579
+ --salt-palette-interact-background-disabled: transparent;
2580
+ --salt-palette-interact-border-none: transparent;
2581
+ --salt-palette-interact-secondary-background: transparent;
2582
+ --salt-palette-interact-secondary-background-disabled: transparent;
2583
+ --salt-palette-interact-cta-foreground-active: var(--salt-color-white);
2584
+ --salt-palette-interact-cta-foreground-hover: var(--salt-color-white);
2140
2585
  --salt-palette-measured-fill: var(--salt-color-blue-500);
2141
2586
  --salt-palette-measured-fill-disabled: var(--salt-color-blue-500-fade-fill);
2142
2587
  --salt-palette-measured-foreground: var(--salt-color-gray-90);
@@ -2148,19 +2593,30 @@
2148
2593
  --salt-palette-measured-border: var(--salt-color-gray-90);
2149
2594
  --salt-palette-measured-border-disabled: var(--salt-color-gray-90-fade-border);
2150
2595
  --salt-palette-neutral-tertiary-background-readonly: transparent;
2596
+ --salt-palette-neutral-backdrop: var(--salt-color-white-fade-backdrop);
2597
+ --salt-palette-neutral-primary-background-readonly: var(--salt-color-white-fade-background-readonly);
2598
+ --salt-palette-neutral-secondary-background-readonly: var(--salt-color-gray-20-fade-background-readonly);
2599
+ --salt-palette-neutral-primary-separator: var(--salt-color-black-fade-separatorOpacity-primary);
2600
+ --salt-palette-neutral-secondary-separator: var(--salt-color-black-fade-separatorOpacity-secondary);
2601
+ --salt-palette-neutral-tertiary-separator: var(--salt-color-black-fade-separatorOpacity-tertiary);
2602
+ --salt-palette-neutral-selection: var(--salt-color-black-fade-background-selection);
2603
+ --salt-palette-neutral-highlight: var(--salt-color-black-fade-background-highlight);
2604
+ --salt-palette-neutral-primary-border: var(--salt-color-gray-50);
2605
+ --salt-palette-neutral-secondary-border: var(--salt-color-gray-50);
2606
+ --salt-palette-neutral-tertiary-border: var(--salt-color-gray-50);
2607
+ --salt-palette-neutral-primary-border-disabled: var(--salt-color-gray-50-fade-border);
2608
+ --salt-palette-neutral-secondary-border-disabled: var(--salt-color-gray-50-fade-border);
2609
+ --salt-palette-neutral-tertiary-border-disabled: var(--salt-color-gray-50-fade-border);
2151
2610
  --salt-palette-error-foreground-disabled: var(--salt-color-red-500-fade-foreground);
2152
2611
  --salt-palette-error-border-disabled: var(--salt-color-red-500-fade-border);
2153
2612
  --salt-palette-error-foreground: var(--salt-color-red-500);
2154
2613
  --salt-palette-info-border-disabled: var(--salt-color-blue-500-fade-border);
2155
2614
  --salt-palette-info-foreground-disabled: var(--salt-color-blue-500-fade-foreground);
2156
2615
  --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
2616
  --salt-palette-success-border-disabled: var(--salt-color-green-500-fade-border);
2160
2617
  --salt-palette-success-foreground-disabled: var(--salt-color-green-500-fade-foreground);
2161
2618
  --salt-palette-success-foreground: var(--salt-color-green-500);
2162
2619
  --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
2620
  --salt-palette-warning-foreground: var(--salt-color-orange-700);
2165
2621
  --salt-palette-navigate-primary-background: transparent;
2166
2622
  --salt-palette-navigate-primary-background-active: transparent;
@@ -2172,12 +2628,17 @@
2172
2628
  --salt-palette-navigate-tertiary-background-active: transparent;
2173
2629
  --salt-palette-navigate-tertiary-background-hover: var(--salt-color-gray-20);
2174
2630
  --salt-palette-navigate-indicator-activeDisabled: var(--salt-color-orange-600-fade-border);
2631
+ --salt-palette-navigate-background-hover: var(--salt-color-black-fade-background-hover);
2632
+ --salt-palette-navigate-foreground-hover: var(--salt-color-blue-600);
2633
+ --salt-palette-navigate-foreground-active: var(--salt-color-blue-700);
2175
2634
  --salt-palette-track-border: var(--salt-color-gray-90);
2176
2635
  --salt-palette-track-border-disabled: var(--salt-color-gray-90-fade-border);
2177
2636
  --salt-palette-track-background: var(--salt-color-gray-60);
2178
2637
  --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
2638
  --salt-palette-accent-foreground-disabled: var(--salt-color-white-fade-foreground);
2639
+ --salt-palette-accent-background: var(--salt-color-blue-500);
2640
+ --salt-palette-accent-border: var(--salt-color-blue-500);
2641
+ --salt-palette-accent-background-disabled: var(--salt-color-blue-500-fade-background);
2181
2642
  --salt-palette-accent-border-disabled: var(--salt-color-blue-500-fade-border);
2182
2643
  }
2183
2644
  .salt-theme[data-mode=dark] {
@@ -2189,6 +2650,13 @@
2189
2650
  --salt-palette-interact-primary-background-activeDisabled: var(--salt-color-gray-70-fade-background);
2190
2651
  --salt-palette-interact-secondary-foreground-activeDisabled: var(--salt-color-gray-900-fade-foreground);
2191
2652
  --salt-palette-interact-secondary-background-activeDisabled: var(--salt-color-gray-70-fade-background);
2653
+ --salt-palette-interact-background: transparent;
2654
+ --salt-palette-interact-background-disabled: transparent;
2655
+ --salt-palette-interact-border-none: transparent;
2656
+ --salt-palette-interact-secondary-background: transparent;
2657
+ --salt-palette-interact-secondary-background-disabled: transparent;
2658
+ --salt-palette-interact-cta-foreground-active: var(--salt-color-white);
2659
+ --salt-palette-interact-cta-foreground-hover: var(--salt-color-white);
2192
2660
  --salt-palette-measured-fill: var(--salt-color-blue-300);
2193
2661
  --salt-palette-measured-fill-disabled: var(--salt-color-blue-300-fade-fill);
2194
2662
  --salt-palette-measured-foreground: var(--salt-color-gray-90);
@@ -2200,19 +2668,30 @@
2200
2668
  --salt-palette-measured-border: var(--salt-color-gray-90);
2201
2669
  --salt-palette-measured-border-disabled: var(--salt-color-gray-90-fade-border);
2202
2670
  --salt-palette-neutral-tertiary-background-readonly: transparent;
2671
+ --salt-palette-neutral-backdrop: var(--salt-color-black-fade-backdrop);
2672
+ --salt-palette-neutral-primary-background-readonly: var(--salt-color-gray-800-fade-background-readonly);
2673
+ --salt-palette-neutral-secondary-background-readonly: var(--salt-color-gray-600-fade-background-readonly);
2674
+ --salt-palette-neutral-primary-separator: var(--salt-color-white-fade-separatorOpacity-primary);
2675
+ --salt-palette-neutral-secondary-separator: var(--salt-color-white-fade-separatorOpacity-secondary);
2676
+ --salt-palette-neutral-tertiary-separator: var(--salt-color-white-fade-separatorOpacity-tertiary);
2677
+ --salt-palette-neutral-selection: var(--salt-color-white-fade-background-selection);
2678
+ --salt-palette-neutral-highlight: var(--salt-color-white-fade-background-highlight);
2679
+ --salt-palette-neutral-primary-border: var(--salt-color-gray-300);
2680
+ --salt-palette-neutral-secondary-border: var(--salt-color-gray-300);
2681
+ --salt-palette-neutral-tertiary-border: var(--salt-color-gray-300);
2682
+ --salt-palette-neutral-primary-border-disabled: var(--salt-color-gray-300-fade-border);
2683
+ --salt-palette-neutral-secondary-border-disabled: var(--salt-color-gray-300-fade-border);
2684
+ --salt-palette-neutral-tertiary-border-disabled: var(--salt-color-gray-300-fade-border);
2203
2685
  --salt-palette-error-foreground-disabled: var(--salt-color-red-500-fade-foreground);
2204
2686
  --salt-palette-error-border-disabled: var(--salt-color-red-500-fade-border);
2205
2687
  --salt-palette-error-foreground: var(--salt-color-red-500);
2206
2688
  --salt-palette-info-border-disabled: var(--salt-color-blue-500-fade-border);
2207
2689
  --salt-palette-info-foreground-disabled: var(--salt-color-blue-500-fade-foreground);
2208
2690
  --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
2691
  --salt-palette-success-border-disabled: var(--salt-color-green-400-fade-border);
2212
2692
  --salt-palette-success-foreground-disabled: var(--salt-color-green-400-fade-foreground);
2213
2693
  --salt-palette-success-foreground: var(--salt-color-green-400);
2214
2694
  --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
2695
  --salt-palette-warning-foreground: var(--salt-color-orange-500);
2217
2696
  --salt-palette-navigate-primary-background: transparent;
2218
2697
  --salt-palette-navigate-primary-background-active: transparent;
@@ -2224,12 +2703,17 @@
2224
2703
  --salt-palette-navigate-tertiary-background-active: transparent;
2225
2704
  --salt-palette-navigate-tertiary-background-hover: var(--salt-color-gray-700);
2226
2705
  --salt-palette-navigate-indicator-activeDisabled: var(--salt-color-orange-400-fade-border);
2706
+ --salt-palette-navigate-background-hover: var(--salt-color-white-fade-background-hover);
2707
+ --salt-palette-navigate-foreground-hover: var(--salt-color-blue-200);
2708
+ --salt-palette-navigate-foreground-active: var(--salt-color-blue-300);
2227
2709
  --salt-palette-track-border: var(--salt-color-gray-90);
2228
2710
  --salt-palette-track-border-disabled: var(--salt-color-gray-90-fade-border);
2229
2711
  --salt-palette-track-background: var(--salt-color-gray-300);
2230
2712
  --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
2713
  --salt-palette-accent-foreground-disabled: var(--salt-color-white-fade-foreground);
2714
+ --salt-palette-accent-background: var(--salt-color-blue-500);
2715
+ --salt-palette-accent-border: var(--salt-color-blue-500);
2716
+ --salt-palette-accent-background-disabled: var(--salt-color-blue-500-fade-background);
2233
2717
  --salt-palette-accent-border-disabled: var(--salt-color-blue-500-fade-border);
2234
2718
  }
2235
2719