@salt-ds/theme 0.0.0-snapshot-20240523122351 → 0.0.0-snapshot-20240725145339

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.
package/css/theme.css CHANGED
@@ -250,6 +250,186 @@
250
250
  --salt-color-gray-700: rgb(42, 44, 47);
251
251
  --salt-color-gray-800: rgb(36, 37, 38);
252
252
  --salt-color-gray-900: rgb(22, 22, 22);
253
+ --salt-color-cobalt-100: rgb(237, 244, 255);
254
+ --salt-color-cobalt-200: rgb(198, 211, 239);
255
+ --salt-color-cobalt-300: rgb(159, 179, 223);
256
+ --salt-color-cobalt-400: rgb(118, 148, 207);
257
+ --salt-color-cobalt-500: rgb(70, 118, 191);
258
+ --salt-color-cobalt-600: rgb(53, 95, 161);
259
+ --salt-color-cobalt-700: rgb(36, 72, 133);
260
+ --salt-color-cobalt-800: rgb(19, 51, 105);
261
+ --salt-color-cobalt-900: rgb(0, 31, 79);
262
+ --salt-color-cider-100: rgb(255, 235, 217);
263
+ --salt-color-cider-200: rgb(255, 201, 158);
264
+ --salt-color-cider-300: rgb(242, 172, 116);
265
+ --salt-color-cider-400: rgb(219, 138, 72);
266
+ --salt-color-cider-500: rgb(171, 101, 40);
267
+ --salt-color-cider-600: rgb(143, 82, 31);
268
+ --salt-color-cider-700: rgb(116, 64, 21);
269
+ --salt-color-cider-800: rgb(90, 47, 13);
270
+ --salt-color-cider-900: rgb(66, 31, 0);
271
+ --salt-color-plum-100: rgb(245, 224, 255);
272
+ --salt-color-plum-200: rgb(230, 185, 250);
273
+ --salt-color-plum-300: rgb(209, 148, 235);
274
+ --salt-color-plum-400: rgb(188, 115, 222);
275
+ --salt-color-plum-500: rgb(159, 85, 194);
276
+ --salt-color-plum-600: rgb(131, 67, 161);
277
+ --salt-color-plum-700: rgb(105, 50, 130);
278
+ --salt-color-plum-800: rgb(79, 34, 100);
279
+ --salt-color-plum-900: rgb(55, 18, 71);
280
+ --salt-color-aqua-100: rgb(220, 247, 247);
281
+ --salt-color-aqua-200: rgb(177, 229, 229);
282
+ --salt-color-aqua-300: rgb(135, 200, 201);
283
+ --salt-color-aqua-400: rgb(90, 171, 173);
284
+ --salt-color-aqua-500: rgb(42, 130, 133);
285
+ --salt-color-aqua-600: rgb(31, 109, 111);
286
+ --salt-color-aqua-700: rgb(19, 88, 90);
287
+ --salt-color-aqua-800: rgb(8, 68, 70);
288
+ --salt-color-aqua-900: rgb(0, 49, 51);
289
+ --salt-color-slate-100: rgb(225, 232, 247);
290
+ --salt-color-slate-200: rgb(194, 202, 221);
291
+ --salt-color-slate-300: rgb(164, 173, 196);
292
+ --salt-color-slate-400: rgb(134, 145, 172);
293
+ --salt-color-slate-500: rgb(105, 118, 148);
294
+ --salt-color-slate-600: rgb(84, 95, 122);
295
+ --salt-color-slate-700: rgb(64, 73, 97);
296
+ --salt-color-slate-800: rgb(44, 53, 74);
297
+ --salt-color-slate-900: rgb(26, 33, 51);
298
+ --salt-color-rose-100: rgb(255, 227, 249);
299
+ --salt-color-rose-200: rgb(250, 190, 237);
300
+ --salt-color-rose-300: rgb(229, 154, 212);
301
+ --salt-color-rose-400: rgb(209, 117, 189);
302
+ --salt-color-rose-500: rgb(176, 86, 158);
303
+ --salt-color-rose-600: rgb(146, 67, 130);
304
+ --salt-color-rose-700: rgb(118, 50, 104);
305
+ --salt-color-rose-800: rgb(90, 32, 78);
306
+ --salt-color-rose-900: rgb(64, 16, 54);
307
+ --salt-color-olive-100: rgb(234, 240, 223);
308
+ --salt-color-olive-200: rgb(210, 222, 184);
309
+ --salt-color-olive-300: rgb(180, 194, 149);
310
+ --salt-color-olive-400: rgb(149, 166, 113);
311
+ --salt-color-olive-500: rgb(109, 124, 77);
312
+ --salt-color-olive-600: rgb(88, 103, 58);
313
+ --salt-color-olive-700: rgb(68, 83, 39);
314
+ --salt-color-olive-800: rgb(49, 64, 21);
315
+ --salt-color-olive-900: rgb(31, 46, 0);
316
+ --salt-color-salmon-100: rgb(255, 232, 233);
317
+ --salt-color-salmon-200: rgb(255, 194, 194);
318
+ --salt-color-salmon-300: rgb(240, 155, 153);
319
+ --salt-color-salmon-400: rgb(222, 120, 120);
320
+ --salt-color-salmon-500: rgb(189, 85, 88);
321
+ --salt-color-salmon-600: rgb(154, 64, 67);
322
+ --salt-color-salmon-700: rgb(121, 44, 48);
323
+ --salt-color-salmon-800: rgb(89, 25, 29);
324
+ --salt-color-salmon-900: rgb(59, 6, 8);
325
+ --salt-color-indigo-100: rgb(231, 227, 255);
326
+ --salt-color-indigo-200: rgb(208, 194, 252);
327
+ --salt-color-indigo-300: rgb(180, 162, 242);
328
+ --salt-color-indigo-400: rgb(149, 129, 229);
329
+ --salt-color-indigo-500: rgb(120, 104, 206);
330
+ --salt-color-indigo-600: rgb(98, 85, 170);
331
+ --salt-color-indigo-700: rgb(77, 66, 135);
332
+ --salt-color-indigo-800: rgb(57, 49, 102);
333
+ --salt-color-indigo-900: rgb(38, 32, 71);
334
+ --salt-color-jade-100: rgb(225, 245, 230);
335
+ --salt-color-jade-200: rgb(179, 229, 187);
336
+ --salt-color-jade-300: rgb(137, 201, 146);
337
+ --salt-color-jade-400: rgb(92, 173, 106);
338
+ --salt-color-jade-500: rgb(45, 133, 67);
339
+ --salt-color-jade-600: rgb(33, 111, 53);
340
+ --salt-color-jade-700: rgb(21, 90, 39);
341
+ --salt-color-jade-800: rgb(8, 70, 26);
342
+ --salt-color-jade-900: rgb(0, 51, 13);
343
+ --salt-color-citrine-100: rgb(255, 249, 217);
344
+ --salt-color-citrine-200: rgb(240, 225, 165);
345
+ --salt-color-citrine-300: rgb(209, 189, 115);
346
+ --salt-color-citrine-400: rgb(178, 156, 66);
347
+ --salt-color-citrine-500: rgb(135, 116, 16);
348
+ --salt-color-citrine-600: rgb(114, 98, 12);
349
+ --salt-color-citrine-700: rgb(94, 80, 9);
350
+ --salt-color-citrine-800: rgb(74, 63, 6);
351
+ --salt-color-citrine-900: rgb(51, 43, 0);
352
+ --salt-color-autumn-100: rgb(255, 233, 217);
353
+ --salt-color-autumn-200: rgb(255, 197, 161);
354
+ --salt-color-autumn-300: rgb(242, 163, 114);
355
+ --salt-color-autumn-400: rgb(222, 126, 64);
356
+ --salt-color-autumn-500: rgb(189, 91, 21);
357
+ --salt-color-autumn-600: rgb(153, 73, 18);
358
+ --salt-color-autumn-700: rgb(119, 55, 14);
359
+ --salt-color-autumn-800: rgb(86, 39, 10);
360
+ --salt-color-autumn-900: rgb(56, 23, 0);
361
+ --salt-color-lavender-100: rgb(250, 235, 250);
362
+ --salt-color-lavender-200: rgb(237, 199, 237);
363
+ --salt-color-lavender-300: rgb(212, 167, 212);
364
+ --salt-color-lavender-400: rgb(186, 134, 186);
365
+ --salt-color-lavender-500: rgb(148, 102, 148);
366
+ --salt-color-lavender-600: rgb(126, 80, 126);
367
+ --salt-color-lavender-700: rgb(105, 58, 105);
368
+ --salt-color-lavender-800: rgb(84, 37, 84);
369
+ --salt-color-lavender-900: rgb(64, 15, 64);
370
+ --salt-color-ocean-100: rgb(227, 251, 255);
371
+ --salt-color-ocean-200: rgb(180, 229, 240);
372
+ --salt-color-ocean-300: rgb(131, 197, 212);
373
+ --salt-color-ocean-400: rgb(80, 167, 186);
374
+ --salt-color-ocean-500: rgb(0, 128, 148);
375
+ --salt-color-ocean-600: rgb(0, 106, 122);
376
+ --salt-color-ocean-700: rgb(0, 84, 97);
377
+ --salt-color-ocean-800: rgb(0, 64, 74);
378
+ --salt-color-ocean-900: rgb(0, 44, 51);
379
+ --salt-color-smoke-100: rgb(242, 245, 250);
380
+ --salt-color-smoke-200: rgb(208, 211, 216);
381
+ --salt-color-smoke-300: rgb(176, 179, 184);
382
+ --salt-color-smoke-400: rgb(144, 147, 152);
383
+ --salt-color-smoke-500: rgb(114, 117, 122);
384
+ --salt-color-smoke-600: rgb(93, 96, 101);
385
+ --salt-color-smoke-700: rgb(73, 76, 81);
386
+ --salt-color-smoke-800: rgb(53, 56, 61);
387
+ --salt-color-smoke-900: rgb(35, 38, 43);
388
+ --salt-color-fuchsia-100: rgb(255, 232, 247);
389
+ --salt-color-fuchsia-200: rgb(255, 191, 229);
390
+ --salt-color-fuchsia-300: rgb(240, 151, 203);
391
+ --salt-color-fuchsia-400: rgb(222, 109, 178);
392
+ --salt-color-fuchsia-500: rgb(194, 71, 149);
393
+ --salt-color-fuchsia-600: rgb(167, 54, 125);
394
+ --salt-color-fuchsia-700: rgb(140, 37, 101);
395
+ --salt-color-fuchsia-800: rgb(114, 19, 79);
396
+ --salt-color-fuchsia-900: rgb(89, 0, 57);
397
+ --salt-color-lime-100: rgb(239, 245, 220);
398
+ --salt-color-lime-200: rgb(215, 227, 168);
399
+ --salt-color-lime-300: rgb(182, 196, 120);
400
+ --salt-color-lime-400: rgb(146, 166, 71);
401
+ --salt-color-lime-500: rgb(102, 125, 21);
402
+ --salt-color-lime-600: rgb(85, 106, 16);
403
+ --salt-color-lime-700: rgb(69, 87, 11);
404
+ --salt-color-lime-800: rgb(53, 68, 6);
405
+ --salt-color-lime-900: rgb(36, 46, 0);
406
+ --salt-color-fur-100: rgb(255, 244, 235);
407
+ --salt-color-fur-200: rgb(245, 214, 191);
408
+ --salt-color-fur-300: rgb(219, 178, 147);
409
+ --salt-color-fur-400: rgb(194, 144, 107);
410
+ --salt-color-fur-500: rgb(153, 106, 69);
411
+ --salt-color-fur-600: rgb(130, 85, 52);
412
+ --salt-color-fur-700: rgb(107, 65, 36);
413
+ --salt-color-fur-800: rgb(85, 46, 20);
414
+ --salt-color-fur-900: rgb(64, 28, 0);
415
+ --salt-color-violet-100: rgb(237, 239, 255);
416
+ --salt-color-violet-200: rgb(202, 203, 252);
417
+ --salt-color-violet-300: rgb(167, 169, 235);
418
+ --salt-color-violet-400: rgb(134, 139, 219);
419
+ --salt-color-violet-500: rgb(99, 110, 191);
420
+ --salt-color-violet-600: rgb(81, 90, 159);
421
+ --salt-color-violet-700: rgb(63, 71, 128);
422
+ --salt-color-violet-800: rgb(47, 53, 99);
423
+ --salt-color-violet-900: rgb(31, 36, 71);
424
+ --salt-color-forest-100: rgb(237, 250, 245);
425
+ --salt-color-forest-200: rgb(188, 232, 211);
426
+ --salt-color-forest-300: rgb(141, 204, 174);
427
+ --salt-color-forest-400: rgb(91, 176, 136);
428
+ --salt-color-forest-500: rgb(35, 133, 94);
429
+ --salt-color-forest-600: rgb(25, 111, 77);
430
+ --salt-color-forest-700: rgb(15, 90, 61);
431
+ --salt-color-forest-800: rgb(6, 70, 46);
432
+ --salt-color-forest-900: rgb(0, 51, 31);
253
433
  }
254
434
 
255
435
  /* css/foundations/duration.css */
@@ -297,6 +477,8 @@
297
477
  --salt-color-blue-600-fade-background: rgba(21, 92, 147, var(--salt-palette-opacity-disabled));
298
478
  --salt-color-blue-700-fade-background: rgba(0, 71, 123, var(--salt-palette-opacity-disabled));
299
479
  --salt-color-gray-20-fade-background: rgba(234, 237, 239, var(--salt-palette-opacity-disabled));
480
+ --salt-color-gray-30-fade-background: rgba(224, 228, 233, var(--salt-palette-opacity-disabled));
481
+ --salt-color-gray-50-fade-background: rgba(206, 210, 217, var(--salt-palette-opacity-disabled));
300
482
  --salt-color-gray-60-fade-background: rgba(197, 201, 208, var(--salt-palette-opacity-disabled));
301
483
  --salt-color-gray-70-fade-background: rgba(180, 183, 190, var(--salt-palette-opacity-disabled));
302
484
  --salt-color-gray-200-fade-background: rgba(97, 101, 110, var(--salt-palette-opacity-disabled));
@@ -331,6 +513,7 @@
331
513
  --salt-opacity-15: 0.15;
332
514
  --salt-opacity-25: 0.25;
333
515
  --salt-opacity-40: 0.4;
516
+ --salt-opacity-45: 0.45;
334
517
  --salt-opacity-70: 0.7;
335
518
  }
336
519
 
@@ -479,6 +662,7 @@
479
662
  /* css/palette/error.css */
480
663
  .salt-theme[data-mode=light] {
481
664
  --salt-palette-error-background: var(--salt-color-red-10);
665
+ --salt-palette-error-bold-background: var(--salt-color-red-500);
482
666
  --salt-palette-error-background-selected: var(--salt-color-red-20);
483
667
  --salt-palette-error-border: var(--salt-color-red-500);
484
668
  --salt-palette-error-foreground-decorative: var(--salt-color-red-500);
@@ -486,21 +670,150 @@
486
670
  }
487
671
  .salt-theme[data-mode=dark] {
488
672
  --salt-palette-error-background: var(--salt-color-red-900);
673
+ --salt-palette-error-bold-background: var(--salt-color-red-500);
489
674
  --salt-palette-error-background-selected: var(--salt-color-red-900);
490
675
  --salt-palette-error-border: var(--salt-color-red-400);
491
676
  --salt-palette-error-foreground-decorative: var(--salt-color-red-400);
492
677
  --salt-palette-error-foreground-informative: var(--salt-color-red-200);
493
678
  }
494
679
 
680
+ /* css/palette/categorical.css */
681
+ .salt-theme[data-mode=light] {
682
+ --salt-palette-categorical-1: var(--salt-color-cobalt-500);
683
+ --salt-palette-categorical-1-strong: var(--salt-color-cobalt-600);
684
+ --salt-palette-categorical-1-weakest: var(--salt-color-cobalt-100);
685
+ --salt-palette-categorical-2: var(--salt-color-cider-500);
686
+ --salt-palette-categorical-2-strong: var(--salt-color-cider-600);
687
+ --salt-palette-categorical-2-weakest: var(--salt-color-cider-100);
688
+ --salt-palette-categorical-3: var(--salt-color-plum-500);
689
+ --salt-palette-categorical-3-strong: var(--salt-color-plum-600);
690
+ --salt-palette-categorical-3-weakest: var(--salt-color-plum-100);
691
+ --salt-palette-categorical-4: var(--salt-color-aqua-500);
692
+ --salt-palette-categorical-4-strong: var(--salt-color-aqua-600);
693
+ --salt-palette-categorical-4-weakest: var(--salt-color-aqua-100);
694
+ --salt-palette-categorical-5: var(--salt-color-slate-500);
695
+ --salt-palette-categorical-5-strong: var(--salt-color-slate-600);
696
+ --salt-palette-categorical-5-weakest: var(--salt-color-slate-100);
697
+ --salt-palette-categorical-6: var(--salt-color-rose-500);
698
+ --salt-palette-categorical-6-strong: var(--salt-color-rose-600);
699
+ --salt-palette-categorical-6-weakest: var(--salt-color-rose-100);
700
+ --salt-palette-categorical-7: var(--salt-color-olive-500);
701
+ --salt-palette-categorical-7-strong: var(--salt-color-olive-600);
702
+ --salt-palette-categorical-7-weakest: var(--salt-color-olive-100);
703
+ --salt-palette-categorical-8: var(--salt-color-salmon-500);
704
+ --salt-palette-categorical-8-strong: var(--salt-color-salmon-600);
705
+ --salt-palette-categorical-8-weakest: var(--salt-color-salmon-100);
706
+ --salt-palette-categorical-9: var(--salt-color-indigo-500);
707
+ --salt-palette-categorical-9-strong: var(--salt-color-indigo-600);
708
+ --salt-palette-categorical-9-weakest: var(--salt-color-indigo-100);
709
+ --salt-palette-categorical-10: var(--salt-color-jade-500);
710
+ --salt-palette-categorical-10-strong: var(--salt-color-jade-600);
711
+ --salt-palette-categorical-10-weakest: var(--salt-color-jade-100);
712
+ --salt-palette-categorical-11: var(--salt-color-citrine-500);
713
+ --salt-palette-categorical-11-strong: var(--salt-color-citrine-600);
714
+ --salt-palette-categorical-11-weakest: var(--salt-color-citrine-100);
715
+ --salt-palette-categorical-12: var(--salt-color-autumn-500);
716
+ --salt-palette-categorical-12-strong: var(--salt-color-autumn-600);
717
+ --salt-palette-categorical-12-weakest: var(--salt-color-autumn-100);
718
+ --salt-palette-categorical-13: var(--salt-color-lavender-500);
719
+ --salt-palette-categorical-13-strong: var(--salt-color-lavender-600);
720
+ --salt-palette-categorical-13-weakest: var(--salt-color-lavender-100);
721
+ --salt-palette-categorical-14: var(--salt-color-ocean-500);
722
+ --salt-palette-categorical-14-strong: var(--salt-color-ocean-600);
723
+ --salt-palette-categorical-14-weakest: var(--salt-color-ocean-100);
724
+ --salt-palette-categorical-15: var(--salt-color-smoke-500);
725
+ --salt-palette-categorical-15-strong: var(--salt-color-smoke-600);
726
+ --salt-palette-categorical-15-weakest: var(--salt-color-smoke-100);
727
+ --salt-palette-categorical-16: var(--salt-color-fuchsia-500);
728
+ --salt-palette-categorical-16-strong: var(--salt-color-fuchsia-600);
729
+ --salt-palette-categorical-16-weakest: var(--salt-color-fuchsia-100);
730
+ --salt-palette-categorical-17: var(--salt-color-lime-500);
731
+ --salt-palette-categorical-17-strong: var(--salt-color-lime-600);
732
+ --salt-palette-categorical-17-weakest: var(--salt-color-lime-100);
733
+ --salt-palette-categorical-18: var(--salt-color-fur-500);
734
+ --salt-palette-categorical-18-strong: var(--salt-color-fur-600);
735
+ --salt-palette-categorical-18-weakest: var(--salt-color-fur-100);
736
+ --salt-palette-categorical-19: var(--salt-color-violet-500);
737
+ --salt-palette-categorical-19-strong: var(--salt-color-violet-600);
738
+ --salt-palette-categorical-19-weakest: var(--salt-color-violet-100);
739
+ --salt-palette-categorical-20: var(--salt-color-forest-500);
740
+ --salt-palette-categorical-20-strong: var(--salt-color-forest-600);
741
+ --salt-palette-categorical-20-weakest: var(--salt-color-forest-100);
742
+ }
743
+ .salt-theme[data-mode=dark] {
744
+ --salt-palette-categorical-1: var(--salt-color-cobalt-500);
745
+ --salt-palette-categorical-1-strong: var(--salt-color-cobalt-400);
746
+ --salt-palette-categorical-1-weakest: var(--salt-color-cobalt-900);
747
+ --salt-palette-categorical-2: var(--salt-color-cider-500);
748
+ --salt-palette-categorical-2-strong: var(--salt-color-cider-400);
749
+ --salt-palette-categorical-2-weakest: var(--salt-color-cider-900);
750
+ --salt-palette-categorical-3: var(--salt-color-plum-500);
751
+ --salt-palette-categorical-3-strong: var(--salt-color-plum-400);
752
+ --salt-palette-categorical-3-weakest: var(--salt-color-plum-900);
753
+ --salt-palette-categorical-4: var(--salt-color-aqua-500);
754
+ --salt-palette-categorical-4-strong: var(--salt-color-aqua-400);
755
+ --salt-palette-categorical-4-weakest: var(--salt-color-aqua-900);
756
+ --salt-palette-categorical-5: var(--salt-color-slate-500);
757
+ --salt-palette-categorical-5-strong: var(--salt-color-slate-400);
758
+ --salt-palette-categorical-5-weakest: var(--salt-color-slate-900);
759
+ --salt-palette-categorical-6: var(--salt-color-rose-500);
760
+ --salt-palette-categorical-6-strong: var(--salt-color-rose-400);
761
+ --salt-palette-categorical-6-weakest: var(--salt-color-rose-900);
762
+ --salt-palette-categorical-7: var(--salt-color-olive-500);
763
+ --salt-palette-categorical-7-strong: var(--salt-color-olive-400);
764
+ --salt-palette-categorical-7-weakest: var(--salt-color-olive-900);
765
+ --salt-palette-categorical-8: var(--salt-color-salmon-500);
766
+ --salt-palette-categorical-8-strong: var(--salt-color-salmon-400);
767
+ --salt-palette-categorical-8-weakest: var(--salt-color-salmon-900);
768
+ --salt-palette-categorical-9: var(--salt-color-indigo-500);
769
+ --salt-palette-categorical-9-strong: var(--salt-color-indigo-400);
770
+ --salt-palette-categorical-9-weakest: var(--salt-color-indigo-900);
771
+ --salt-palette-categorical-10: var(--salt-color-jade-500);
772
+ --salt-palette-categorical-10-strong: var(--salt-color-jade-400);
773
+ --salt-palette-categorical-10-weakest: var(--salt-color-jade-900);
774
+ --salt-palette-categorical-11: var(--salt-color-citrine-500);
775
+ --salt-palette-categorical-11-strong: var(--salt-color-citrine-400);
776
+ --salt-palette-categorical-11-weakest: var(--salt-color-citrine-900);
777
+ --salt-palette-categorical-12: var(--salt-color-autumn-500);
778
+ --salt-palette-categorical-12-strong: var(--salt-color-autumn-400);
779
+ --salt-palette-categorical-12-weakest: var(--salt-color-autumn-900);
780
+ --salt-palette-categorical-13: var(--salt-color-lavender-500);
781
+ --salt-palette-categorical-13-strong: var(--salt-color-lavender-400);
782
+ --salt-palette-categorical-13-weakest: var(--salt-color-lavender-900);
783
+ --salt-palette-categorical-14: var(--salt-color-ocean-500);
784
+ --salt-palette-categorical-14-strong: var(--salt-color-ocean-400);
785
+ --salt-palette-categorical-14-weakest: var(--salt-color-ocean-900);
786
+ --salt-palette-categorical-15: var(--salt-color-smoke-500);
787
+ --salt-palette-categorical-15-strong: var(--salt-color-smoke-400);
788
+ --salt-palette-categorical-15-weakest: var(--salt-color-smoke-900);
789
+ --salt-palette-categorical-16: var(--salt-color-fuchsia-500);
790
+ --salt-palette-categorical-16-strong: var(--salt-color-fuchsia-400);
791
+ --salt-palette-categorical-16-weakest: var(--salt-color-fuchsia-900);
792
+ --salt-palette-categorical-17: var(--salt-color-lime-500);
793
+ --salt-palette-categorical-17-strong: var(--salt-color-lime-400);
794
+ --salt-palette-categorical-17-weakest: var(--salt-color-lime-900);
795
+ --salt-palette-categorical-18: var(--salt-color-fur-500);
796
+ --salt-palette-categorical-18-strong: var(--salt-color-fur-400);
797
+ --salt-palette-categorical-18-weakest: var(--salt-color-fur-900);
798
+ --salt-palette-categorical-19: var(--salt-color-violet-500);
799
+ --salt-palette-categorical-19-strong: var(--salt-color-violet-400);
800
+ --salt-palette-categorical-19-weakest: var(--salt-color-violet-900);
801
+ --salt-palette-categorical-20: var(--salt-color-forest-500);
802
+ --salt-palette-categorical-20-strong: var(--salt-color-forest-400);
803
+ --salt-palette-categorical-20-weakest: var(--salt-color-forest-900);
804
+ }
805
+
495
806
  /* css/palette/info.css */
496
807
  .salt-theme[data-mode=light] {
497
808
  --salt-palette-info-background: var(--salt-color-blue-10);
809
+ --salt-palette-info-bold-background: var(--salt-color-blue-500);
498
810
  --salt-palette-info-border: var(--salt-color-blue-500);
499
811
  --salt-palette-info-foreground-decorative: var(--salt-color-blue-500);
500
812
  --salt-palette-info-foreground-informative: var(--salt-color-blue-600);
501
813
  }
502
814
  .salt-theme[data-mode=dark] {
503
815
  --salt-palette-info-background: var(--salt-color-blue-900);
816
+ --salt-palette-info-bold-background: var(--salt-color-blue-500);
504
817
  --salt-palette-info-border: var(--salt-color-blue-400);
505
818
  --salt-palette-info-foreground-decorative: var(--salt-color-blue-400);
506
819
  --salt-palette-info-foreground-informative: var(--salt-color-blue-200);
@@ -643,6 +956,10 @@
643
956
  --salt-palette-neutral-secondary-separator: var(--salt-color-black-fade-separatorOpacity-secondary);
644
957
  --salt-palette-neutral-tertiary-separator: var(--salt-color-black-fade-separatorOpacity-tertiary);
645
958
  --salt-palette-neutral-selection: var(--salt-color-black-fade-background-selection);
959
+ --salt-palette-neutral-tertiary-background: var(--salt-color-gray-30);
960
+ --salt-palette-neutral-tertiary-background-disabled: var(--salt-color-gray-30-fade-background);
961
+ --salt-palette-neutral-tertiary-border: var(--salt-color-gray-50);
962
+ --salt-palette-neutral-tertiary-border-disabled: var(--salt-color-gray-50-fade-background);
646
963
  }
647
964
  .salt-theme[data-mode=dark] {
648
965
  --salt-palette-neutral-primary-background: var(--salt-color-gray-800);
@@ -664,6 +981,10 @@
664
981
  --salt-palette-neutral-secondary-separator: var(--salt-color-white-fade-separatorOpacity-secondary);
665
982
  --salt-palette-neutral-tertiary-separator: var(--salt-color-white-fade-separatorOpacity-tertiary);
666
983
  --salt-palette-neutral-selection: var(--salt-color-white-fade-background-selection);
984
+ --salt-palette-neutral-tertiary-background: var(--salt-color-gray-500);
985
+ --salt-palette-neutral-tertiary-background-disabled: var(--salt-color-gray-500-fade-background);
986
+ --salt-palette-neutral-tertiary-border: var(--salt-color-gray-300);
987
+ --salt-palette-neutral-tertiary-border-disabled: var(--salt-color-gray-300-fade-background);
667
988
  }
668
989
 
669
990
  /* css/palette/opacity.css */
@@ -672,7 +993,7 @@
672
993
  --salt-palette-opacity-disabled: var(--salt-opacity-40);
673
994
  --salt-palette-opacity-background-readonly: var(--salt-opacity-0);
674
995
  --salt-palette-opacity-border-readonly: var(--salt-opacity-15);
675
- --salt-palette-opacity-primary-border: var(--salt-opacity-40);
996
+ --salt-palette-opacity-primary-border: var(--salt-opacity-45);
676
997
  --salt-palette-opacity-secondary-border: var(--salt-opacity-25);
677
998
  --salt-palette-opacity-tertiary-border: var(--salt-opacity-15);
678
999
  }
@@ -688,6 +1009,7 @@
688
1009
  /* css/palette/success.css */
689
1010
  .salt-theme[data-mode=light] {
690
1011
  --salt-palette-success-background: var(--salt-color-green-10);
1012
+ --salt-palette-success-bold-background: var(--salt-color-green-500);
691
1013
  --salt-palette-success-background-selected: var(--salt-color-green-20);
692
1014
  --salt-palette-success-border: var(--salt-color-green-500);
693
1015
  --salt-palette-success-foreground-decorative: var(--salt-color-green-500);
@@ -695,6 +1017,7 @@
695
1017
  }
696
1018
  .salt-theme[data-mode=dark] {
697
1019
  --salt-palette-success-background: var(--salt-color-green-900);
1020
+ --salt-palette-success-bold-background: var(--salt-color-green-500);
698
1021
  --salt-palette-success-background-selected: var(--salt-color-green-900);
699
1022
  --salt-palette-success-border: var(--salt-color-green-400);
700
1023
  --salt-palette-success-foreground-decorative: var(--salt-color-green-400);
@@ -706,11 +1029,26 @@
706
1029
  --salt-palette-text-fontFamily: var(--salt-typography-fontFamily-openSans);
707
1030
  --salt-palette-text-fontFamily-heading: var(--salt-typography-fontFamily-openSans);
708
1031
  --salt-palette-text-fontFamily-code: var(--salt-typography-fontFamily-ptMono);
1032
+ --salt-palette-text-fontFamily-action: var(--salt-typography-fontFamily-openSans);
1033
+ --salt-palette-text-action-fontWeight: var(--salt-typography-fontWeight-semiBold);
1034
+ --salt-palette-text-display-fontWeight: var(--salt-typography-fontWeight-semiBold);
1035
+ --salt-palette-text-display-fontWeight-small: var(--salt-typography-fontWeight-regular);
1036
+ --salt-palette-text-display-fontWeight-strong: var(--salt-typography-fontWeight-bold);
1037
+ --salt-palette-text-heading-fontWeight: var(--salt-typography-fontWeight-semiBold);
1038
+ --salt-palette-text-heading-fontWeight-small: var(--salt-typography-fontWeight-regular);
1039
+ --salt-palette-text-heading-fontWeight-strong: var(--salt-typography-fontWeight-bold);
1040
+ --salt-palette-text-body-fontWeight: var(--salt-typography-fontWeight-regular);
1041
+ --salt-palette-text-body-fontWeight-small: var(--salt-typography-fontWeight-light);
1042
+ --salt-palette-text-body-fontWeight-strong: var(--salt-typography-fontWeight-semiBold);
1043
+ --salt-palette-text-notation-fontWeight: var(--salt-typography-fontWeight-semiBold);
1044
+ --salt-palette-text-notation-fontWeight-small: var(--salt-typography-fontWeight-regular);
1045
+ --salt-palette-text-notation-fontWeight-strong: var(--salt-typography-fontWeight-bold);
709
1046
  }
710
1047
 
711
1048
  /* css/palette/warning.css */
712
1049
  .salt-theme[data-mode=light] {
713
1050
  --salt-palette-warning-background: var(--salt-color-orange-10);
1051
+ --salt-palette-warning-bold-background: var(--salt-color-orange-800);
714
1052
  --salt-palette-warning-background-selected: var(--salt-color-orange-20);
715
1053
  --salt-palette-warning-border: var(--salt-color-orange-700);
716
1054
  --salt-palette-warning-foreground-decorative: var(--salt-color-orange-700);
@@ -718,6 +1056,7 @@
718
1056
  }
719
1057
  .salt-theme[data-mode=dark] {
720
1058
  --salt-palette-warning-background: var(--salt-color-orange-900);
1059
+ --salt-palette-warning-bold-background: var(--salt-color-orange-800);
721
1060
  --salt-palette-warning-background-selected: var(--salt-color-orange-900);
722
1061
  --salt-palette-warning-border: var(--salt-color-orange-500);
723
1062
  --salt-palette-warning-foreground-decorative: var(--salt-color-orange-500);
@@ -774,6 +1113,110 @@
774
1113
  --salt-actionable-secondary-borderColor-disabled: transparent;
775
1114
  }
776
1115
 
1116
+ /* css/characteristics/category.css */
1117
+ .salt-theme {
1118
+ --salt-category-1-subtle-foreground: var(--salt-palette-categorical-1-strong);
1119
+ --salt-category-1-subtle-background: var(--salt-palette-categorical-1-weakest);
1120
+ --salt-category-1-subtle-borderColor: var(--salt-palette-categorical-1);
1121
+ --salt-category-1-bold-foreground: var(--salt-palette-accent-foreground);
1122
+ --salt-category-1-bold-background: var(--salt-palette-categorical-1);
1123
+ --salt-category-2-subtle-foreground: var(--salt-palette-categorical-2-strong);
1124
+ --salt-category-2-subtle-background: var(--salt-palette-categorical-2-weakest);
1125
+ --salt-category-2-subtle-borderColor: var(--salt-palette-categorical-2);
1126
+ --salt-category-2-bold-foreground: var(--salt-palette-accent-foreground);
1127
+ --salt-category-2-bold-background: var(--salt-palette-categorical-2);
1128
+ --salt-category-3-subtle-foreground: var(--salt-palette-categorical-3-strong);
1129
+ --salt-category-3-subtle-background: var(--salt-palette-categorical-3-weakest);
1130
+ --salt-category-3-subtle-borderColor: var(--salt-palette-categorical-3);
1131
+ --salt-category-3-bold-foreground: var(--salt-palette-accent-foreground);
1132
+ --salt-category-3-bold-background: var(--salt-palette-categorical-3);
1133
+ --salt-category-4-subtle-foreground: var(--salt-palette-categorical-4-strong);
1134
+ --salt-category-4-subtle-background: var(--salt-palette-categorical-4-weakest);
1135
+ --salt-category-4-subtle-borderColor: var(--salt-palette-categorical-4);
1136
+ --salt-category-4-bold-foreground: var(--salt-palette-accent-foreground);
1137
+ --salt-category-4-bold-background: var(--salt-palette-categorical-4);
1138
+ --salt-category-5-subtle-foreground: var(--salt-palette-categorical-5-strong);
1139
+ --salt-category-5-subtle-background: var(--salt-palette-categorical-5-weakest);
1140
+ --salt-category-5-subtle-borderColor: var(--salt-palette-categorical-5);
1141
+ --salt-category-5-bold-foreground: var(--salt-palette-accent-foreground);
1142
+ --salt-category-5-bold-background: var(--salt-palette-categorical-5);
1143
+ --salt-category-6-subtle-foreground: var(--salt-palette-categorical-6-strong);
1144
+ --salt-category-6-subtle-background: var(--salt-palette-categorical-6-weakest);
1145
+ --salt-category-6-subtle-borderColor: var(--salt-palette-categorical-6);
1146
+ --salt-category-6-bold-foreground: var(--salt-palette-accent-foreground);
1147
+ --salt-category-6-bold-background: var(--salt-palette-categorical-6);
1148
+ --salt-category-7-subtle-foreground: var(--salt-palette-categorical-7-strong);
1149
+ --salt-category-7-subtle-background: var(--salt-palette-categorical-7-weakest);
1150
+ --salt-category-7-subtle-borderColor: var(--salt-palette-categorical-7);
1151
+ --salt-category-7-bold-foreground: var(--salt-palette-accent-foreground);
1152
+ --salt-category-7-bold-background: var(--salt-palette-categorical-7);
1153
+ --salt-category-8-subtle-foreground: var(--salt-palette-categorical-8-strong);
1154
+ --salt-category-8-subtle-background: var(--salt-palette-categorical-8-weakest);
1155
+ --salt-category-8-subtle-borderColor: var(--salt-palette-categorical-8);
1156
+ --salt-category-8-bold-foreground: var(--salt-palette-accent-foreground);
1157
+ --salt-category-8-bold-background: var(--salt-palette-categorical-8);
1158
+ --salt-category-9-subtle-foreground: var(--salt-palette-categorical-9-strong);
1159
+ --salt-category-9-subtle-background: var(--salt-palette-categorical-9-weakest);
1160
+ --salt-category-9-subtle-borderColor: var(--salt-palette-categorical-9);
1161
+ --salt-category-9-bold-foreground: var(--salt-palette-accent-foreground);
1162
+ --salt-category-9-bold-background: var(--salt-palette-categorical-9);
1163
+ --salt-category-10-subtle-foreground: var(--salt-palette-categorical-10-strong);
1164
+ --salt-category-10-subtle-background: var(--salt-palette-categorical-10-weakest);
1165
+ --salt-category-10-subtle-borderColor: var(--salt-palette-categorical-10);
1166
+ --salt-category-10-bold-foreground: var(--salt-palette-accent-foreground);
1167
+ --salt-category-10-bold-background: var(--salt-palette-categorical-10);
1168
+ --salt-category-11-subtle-foreground: var(--salt-palette-categorical-11-strong);
1169
+ --salt-category-11-subtle-background: var(--salt-palette-categorical-11-weakest);
1170
+ --salt-category-11-subtle-borderColor: var(--salt-palette-categorical-11);
1171
+ --salt-category-11-bold-foreground: var(--salt-palette-accent-foreground);
1172
+ --salt-category-11-bold-background: var(--salt-palette-categorical-11);
1173
+ --salt-category-12-subtle-foreground: var(--salt-palette-categorical-12-strong);
1174
+ --salt-category-12-subtle-background: var(--salt-palette-categorical-12-weakest);
1175
+ --salt-category-12-subtle-borderColor: var(--salt-palette-categorical-12);
1176
+ --salt-category-12-bold-foreground: var(--salt-palette-accent-foreground);
1177
+ --salt-category-12-bold-background: var(--salt-palette-categorical-12);
1178
+ --salt-category-13-subtle-foreground: var(--salt-palette-categorical-13-strong);
1179
+ --salt-category-13-subtle-background: var(--salt-palette-categorical-13-weakest);
1180
+ --salt-category-13-subtle-borderColor: var(--salt-palette-categorical-13);
1181
+ --salt-category-13-bold-foreground: var(--salt-palette-accent-foreground);
1182
+ --salt-category-13-bold-background: var(--salt-palette-categorical-13);
1183
+ --salt-category-14-subtle-foreground: var(--salt-palette-categorical-14-strong);
1184
+ --salt-category-14-subtle-background: var(--salt-palette-categorical-14-weakest);
1185
+ --salt-category-14-subtle-borderColor: var(--salt-palette-categorical-14);
1186
+ --salt-category-14-bold-foreground: var(--salt-palette-accent-foreground);
1187
+ --salt-category-14-bold-background: var(--salt-palette-categorical-14);
1188
+ --salt-category-15-subtle-foreground: var(--salt-palette-categorical-15-strong);
1189
+ --salt-category-15-subtle-background: var(--salt-palette-categorical-15-weakest);
1190
+ --salt-category-15-subtle-borderColor: var(--salt-palette-categorical-15);
1191
+ --salt-category-15-bold-foreground: var(--salt-palette-accent-foreground);
1192
+ --salt-category-15-bold-background: var(--salt-palette-categorical-15);
1193
+ --salt-category-16-subtle-foreground: var(--salt-palette-categorical-16-strong);
1194
+ --salt-category-16-subtle-background: var(--salt-palette-categorical-16-weakest);
1195
+ --salt-category-16-subtle-borderColor: var(--salt-palette-categorical-16);
1196
+ --salt-category-16-bold-foreground: var(--salt-palette-accent-foreground);
1197
+ --salt-category-16-bold-background: var(--salt-palette-categorical-16);
1198
+ --salt-category-17-subtle-foreground: var(--salt-palette-categorical-17-strong);
1199
+ --salt-category-17-subtle-background: var(--salt-palette-categorical-17-weakest);
1200
+ --salt-category-17-subtle-borderColor: var(--salt-palette-categorical-17);
1201
+ --salt-category-17-bold-foreground: var(--salt-palette-accent-foreground);
1202
+ --salt-category-17-bold-background: var(--salt-palette-categorical-17);
1203
+ --salt-category-18-subtle-foreground: var(--salt-palette-categorical-18-strong);
1204
+ --salt-category-18-subtle-background: var(--salt-palette-categorical-18-weakest);
1205
+ --salt-category-18-subtle-borderColor: var(--salt-palette-categorical-18);
1206
+ --salt-category-18-bold-foreground: var(--salt-palette-accent-foreground);
1207
+ --salt-category-18-bold-background: var(--salt-palette-categorical-18);
1208
+ --salt-category-19-subtle-foreground: var(--salt-palette-categorical-19-strong);
1209
+ --salt-category-19-subtle-background: var(--salt-palette-categorical-19-weakest);
1210
+ --salt-category-19-subtle-borderColor: var(--salt-palette-categorical-19);
1211
+ --salt-category-19-bold-foreground: var(--salt-palette-accent-foreground);
1212
+ --salt-category-19-bold-background: var(--salt-palette-categorical-19);
1213
+ --salt-category-20-subtle-foreground: var(--salt-palette-categorical-20-strong);
1214
+ --salt-category-20-subtle-background: var(--salt-palette-categorical-20-weakest);
1215
+ --salt-category-20-subtle-borderColor: var(--salt-palette-categorical-20);
1216
+ --salt-category-20-bold-foreground: var(--salt-palette-accent-foreground);
1217
+ --salt-category-20-bold-background: var(--salt-palette-categorical-20);
1218
+ }
1219
+
777
1220
  /* css/characteristics/container.css */
778
1221
  .salt-theme {
779
1222
  --salt-container-borderStyle: solid;
@@ -785,6 +1228,10 @@
785
1228
  --salt-container-secondary-background-disabled: var(--salt-palette-neutral-secondary-background-disabled);
786
1229
  --salt-container-secondary-borderColor: var(--salt-palette-neutral-secondary-border);
787
1230
  --salt-container-secondary-borderColor-disabled: var(--salt-palette-neutral-secondary-border-disabled);
1231
+ --salt-container-tertiary-background: var(--salt-palette-neutral-tertiary-background);
1232
+ --salt-container-tertiary-background-disabled: var(--salt-palette-neutral-tertiary-background-disabled);
1233
+ --salt-container-tertiary-borderColor: var(--salt-palette-neutral-tertiary-border);
1234
+ --salt-container-tertiary-borderColor-disabled: var(--salt-palette-neutral-tertiary-border-disabled);
788
1235
  }
789
1236
 
790
1237
  /* css/characteristics/draggable.css */
@@ -948,6 +1395,10 @@
948
1395
  --salt-status-error-background: var(--salt-palette-error-background);
949
1396
  --salt-status-warning-background: var(--salt-palette-warning-background);
950
1397
  --salt-status-success-background: var(--salt-palette-success-background);
1398
+ --salt-status-info-bold-background: var(--salt-palette-info-bold-background);
1399
+ --salt-status-error-bold-background: var(--salt-palette-error-bold-background);
1400
+ --salt-status-warning-bold-background: var(--salt-palette-warning-bold-background);
1401
+ --salt-status-success-bold-background: var(--salt-palette-success-bold-background);
951
1402
  --salt-status-error-background-selected: var(--salt-palette-error-background-selected);
952
1403
  --salt-status-warning-background-selected: var(--salt-palette-warning-background-selected);
953
1404
  --salt-status-success-background-selected: var(--salt-palette-success-background-selected);
@@ -960,50 +1411,55 @@
960
1411
  --salt-text-textAlign-embedded: center;
961
1412
  --salt-text-textDecoration: none;
962
1413
  --salt-text-textTransform: none;
1414
+ --salt-text-action-fontFamily: var(--salt-palette-text-fontFamily-action);
963
1415
  --salt-text-action-letterSpacing: 0.6px;
964
1416
  --salt-text-action-textTransform: uppercase;
965
1417
  --salt-text-action-textAlign: center;
966
- --salt-text-action-fontWeight: var(--salt-typography-fontWeight-semiBold);
1418
+ --salt-text-action-fontWeight: var(--salt-palette-text-action-fontWeight);
967
1419
  --salt-text-fontFamily: var(--salt-palette-text-fontFamily);
968
- --salt-text-fontWeight: var(--salt-typography-fontWeight-regular);
969
- --salt-text-fontWeight-small: var(--salt-typography-fontWeight-light);
970
- --salt-text-fontWeight-strong: var(--salt-typography-fontWeight-semiBold);
1420
+ --salt-text-fontWeight: var(--salt-palette-text-body-fontWeight);
1421
+ --salt-text-fontWeight-small: var(--salt-palette-text-body-fontWeight-small);
1422
+ --salt-text-fontWeight-strong: var(--salt-palette-text-body-fontWeight-strong);
971
1423
  --salt-text-notation-fontFamily: var(--salt-palette-text-fontFamily);
972
- --salt-text-notation-fontWeight: var(--salt-typography-fontWeight-semiBold);
973
- --salt-text-notation-fontWeight-small: var(--salt-typography-fontWeight-regular);
974
- --salt-text-notation-fontWeight-strong: var(--salt-typography-fontWeight-bold);
1424
+ --salt-text-notation-fontWeight: var(--salt-palette-text-notation-fontWeight);
1425
+ --salt-text-notation-fontWeight-small: var(--salt-palette-text-notation-fontWeight-small);
1426
+ --salt-text-notation-fontWeight-strong: var(--salt-palette-text-notation-fontWeight-strong);
975
1427
  --salt-text-h1-fontFamily: var(--salt-palette-text-fontFamily-heading);
976
- --salt-text-h1-fontWeight: var(--salt-typography-fontWeight-bold);
977
- --salt-text-h1-fontWeight-small: var(--salt-typography-fontWeight-medium);
978
- --salt-text-h1-fontWeight-strong: var(--salt-typography-fontWeight-extraBold);
1428
+ --salt-text-h1-fontWeight: var(--salt-palette-text-heading-fontWeight);
1429
+ --salt-text-h1-fontWeight-small: var(--salt-palette-text-heading-fontWeight-small);
1430
+ --salt-text-h1-fontWeight-strong: var(--salt-palette-text-heading-fontWeight-strong);
979
1431
  --salt-text-h2-fontFamily: var(--salt-palette-text-fontFamily-heading);
980
- --salt-text-h2-fontWeight: var(--salt-typography-fontWeight-semiBold);
981
- --salt-text-h2-fontWeight-small: var(--salt-typography-fontWeight-regular);
982
- --salt-text-h2-fontWeight-strong: var(--salt-typography-fontWeight-bold);
1432
+ --salt-text-h2-fontWeight: var(--salt-palette-text-heading-fontWeight);
1433
+ --salt-text-h2-fontWeight-small: var(--salt-palette-text-heading-fontWeight-small);
1434
+ --salt-text-h2-fontWeight-strong: var(--salt-palette-text-heading-fontWeight-strong);
983
1435
  --salt-text-h3-fontFamily: var(--salt-palette-text-fontFamily-heading);
984
- --salt-text-h3-fontWeight: var(--salt-typography-fontWeight-semiBold);
985
- --salt-text-h3-fontWeight-small: var(--salt-typography-fontWeight-regular);
986
- --salt-text-h3-fontWeight-strong: var(--salt-typography-fontWeight-bold);
1436
+ --salt-text-h3-fontWeight: var(--salt-palette-text-heading-fontWeight);
1437
+ --salt-text-h3-fontWeight-small: var(--salt-palette-text-heading-fontWeight-small);
1438
+ --salt-text-h3-fontWeight-strong: var(--salt-palette-text-heading-fontWeight-strong);
987
1439
  --salt-text-h4-fontFamily: var(--salt-palette-text-fontFamily-heading);
988
- --salt-text-h4-fontWeight: var(--salt-typography-fontWeight-semiBold);
989
- --salt-text-h4-fontWeight-small: var(--salt-typography-fontWeight-regular);
990
- --salt-text-h4-fontWeight-strong: var(--salt-typography-fontWeight-bold);
1440
+ --salt-text-h4-fontWeight: var(--salt-palette-text-heading-fontWeight);
1441
+ --salt-text-h4-fontWeight-small: var(--salt-palette-text-heading-fontWeight-small);
1442
+ --salt-text-h4-fontWeight-strong: var(--salt-palette-text-heading-fontWeight-strong);
991
1443
  --salt-text-label-fontFamily: var(--salt-palette-text-fontFamily);
992
- --salt-text-label-fontWeight: var(--salt-typography-fontWeight-regular);
993
- --salt-text-label-fontWeight-small: var(--salt-typography-fontWeight-light);
994
- --salt-text-label-fontWeight-strong: var(--salt-typography-fontWeight-semiBold);
1444
+ --salt-text-label-fontWeight: var(--salt-palette-text-body-fontWeight);
1445
+ --salt-text-label-fontWeight-small: var(--salt-palette-text-body-fontWeight-small);
1446
+ --salt-text-label-fontWeight-strong: var(--salt-palette-text-body-fontWeight-strong);
995
1447
  --salt-text-display1-fontFamily: var(--salt-palette-text-fontFamily-heading);
996
- --salt-text-display1-fontWeight: var(--salt-typography-fontWeight-semiBold);
997
- --salt-text-display1-fontWeight-strong: var(--salt-typography-fontWeight-bold);
998
- --salt-text-display1-fontWeight-small: var(--salt-typography-fontWeight-regular);
1448
+ --salt-text-display1-fontWeight: var(--salt-palette-text-display-fontWeight);
1449
+ --salt-text-display1-fontWeight-strong: var(--salt-palette-text-display-fontWeight-strong);
1450
+ --salt-text-display1-fontWeight-small: var(--salt-palette-text-display-fontWeight-small);
999
1451
  --salt-text-display2-fontFamily: var(--salt-palette-text-fontFamily-heading);
1000
- --salt-text-display2-fontWeight: var(--salt-typography-fontWeight-semiBold);
1001
- --salt-text-display2-fontWeight-strong: var(--salt-typography-fontWeight-bold);
1002
- --salt-text-display2-fontWeight-small: var(--salt-typography-fontWeight-regular);
1452
+ --salt-text-display2-fontWeight: var(--salt-palette-text-display-fontWeight);
1453
+ --salt-text-display2-fontWeight-strong: var(--salt-palette-text-display-fontWeight-strong);
1454
+ --salt-text-display2-fontWeight-small: var(--salt-palette-text-display-fontWeight-small);
1003
1455
  --salt-text-display3-fontFamily: var(--salt-palette-text-fontFamily-heading);
1004
- --salt-text-display3-fontWeight: var(--salt-typography-fontWeight-semiBold);
1005
- --salt-text-display3-fontWeight-strong: var(--salt-typography-fontWeight-bold);
1006
- --salt-text-display3-fontWeight-small: var(--salt-typography-fontWeight-regular);
1456
+ --salt-text-display3-fontWeight: var(--salt-palette-text-display-fontWeight);
1457
+ --salt-text-display3-fontWeight-strong: var(--salt-palette-text-display-fontWeight-strong);
1458
+ --salt-text-display3-fontWeight-small: var(--salt-palette-text-display-fontWeight-small);
1459
+ --salt-text-display4-fontFamily: var(--salt-palette-text-fontFamily-heading);
1460
+ --salt-text-display4-fontWeight: var(--salt-typography-fontWeight-semiBold);
1461
+ --salt-text-display4-fontWeight-strong: var(--salt-typography-fontWeight-bold);
1462
+ --salt-text-display4-fontWeight-small: var(--salt-typography-fontWeight-regular);
1007
1463
  --salt-text-code-fontFamily: var(--salt-palette-text-fontFamily-code);
1008
1464
  }
1009
1465
  .salt-density-touch {
@@ -1026,6 +1482,8 @@
1026
1482
  --salt-text-display2-lineHeight: 76px;
1027
1483
  --salt-text-display3-fontSize: 42px;
1028
1484
  --salt-text-display3-lineHeight: 54px;
1485
+ --salt-text-display4-fontSize: 42px;
1486
+ --salt-text-display4-lineHeight: 54px;
1029
1487
  --salt-text-notation-fontSize: 14px;
1030
1488
  --salt-text-notation-lineHeight: 18px;
1031
1489
  }
@@ -1049,6 +1507,8 @@
1049
1507
  --salt-text-display2-lineHeight: 60px;
1050
1508
  --salt-text-display3-fontSize: 32px;
1051
1509
  --salt-text-display3-lineHeight: 42px;
1510
+ --salt-text-display4-fontSize: 32px;
1511
+ --salt-text-display4-lineHeight: 42px;
1052
1512
  --salt-text-notation-fontSize: 12px;
1053
1513
  --salt-text-notation-lineHeight: 16px;
1054
1514
  }
@@ -1072,6 +1532,8 @@
1072
1532
  --salt-text-display2-lineHeight: 47px;
1073
1533
  --salt-text-display3-fontSize: 24px;
1074
1534
  --salt-text-display3-lineHeight: 32px;
1535
+ --salt-text-display4-fontSize: 24px;
1536
+ --salt-text-display4-lineHeight: 32px;
1075
1537
  --salt-text-notation-fontSize: 10px;
1076
1538
  --salt-text-notation-lineHeight: 13px;
1077
1539
  }
@@ -1095,6 +1557,8 @@
1095
1557
  --salt-text-display2-lineHeight: 36px;
1096
1558
  --salt-text-display3-fontSize: 18px;
1097
1559
  --salt-text-display3-lineHeight: 24px;
1560
+ --salt-text-display4-fontSize: 18px;
1561
+ --salt-text-display4-lineHeight: 24px;
1098
1562
  --salt-text-notation-fontSize: 8px;
1099
1563
  --salt-text-notation-lineHeight: 10px;
1100
1564
  }
@@ -1105,6 +1569,8 @@
1105
1569
  --salt-content-primary-foreground-disabled: var(--salt-palette-neutral-primary-foreground-disabled);
1106
1570
  --salt-content-secondary-foreground: var(--salt-palette-neutral-secondary-foreground);
1107
1571
  --salt-content-secondary-foreground-disabled: var(--salt-palette-neutral-secondary-foreground-disabled);
1572
+ --salt-content-bold-foreground: var(--salt-palette-interact-cta-foreground);
1573
+ --salt-content-bold-foreground-disabled: var(--salt-palette-interact-cta-foreground-disabled);
1108
1574
  --salt-content-foreground-hover: var(--salt-palette-navigate-foreground-hover);
1109
1575
  --salt-content-foreground-active: var(--salt-palette-navigate-foreground-active);
1110
1576
  --salt-content-foreground-visited: var(--salt-palette-navigate-foreground-visited);
@@ -1255,10 +1721,6 @@
1255
1721
  --salt-taggable-foreground-hover: var(--salt-palette-interact-primary-foreground-hover);
1256
1722
  --salt-taggable-foreground-active: var(--salt-palette-interact-primary-foreground-active);
1257
1723
  --salt-taggable-foreground-disabled: var(--salt-palette-interact-primary-foreground-disabled);
1258
- --salt-container-tertiary-background: transparent;
1259
- --salt-container-tertiary-background-disabled: transparent;
1260
- --salt-container-tertiary-borderColor: transparent;
1261
- --salt-container-tertiary-borderColor-disabled: transparent;
1262
1724
  }
1263
1725
  .salt-density-high {
1264
1726
  --salt-accent-fontSize: 8px;
@@ -1337,7 +1799,6 @@
1337
1799
  --salt-size-adornmentGap: calc(0.75 * var(--salt-size-unit));
1338
1800
  --salt-size-container-spacing: calc(3 * var(--salt-size-unit));
1339
1801
  --salt-size-separator-strokeWidth: 1px;
1340
- --salt-size-selectable: calc(var(--salt-size-base) - (1.5 * var(--salt-size-unit)) - (0.5 * var(--salt-size-basis-unit)));
1341
1802
  --salt-size-separator-height: calc(var(--salt-size-compact) + 1.5 * var(--salt-size-basis-unit));
1342
1803
  --salt-size-sharktooth-height: 5px;
1343
1804
  --salt-size-sharktooth-width: 10px;
@@ -1405,10 +1866,6 @@
1405
1866
  --salt-palette-measured-border: var(--salt-color-gray-90);
1406
1867
  --salt-palette-measured-border-disabled: var(--salt-color-gray-90-fade-border);
1407
1868
  --salt-palette-neutral-tertiary-background-readonly: transparent;
1408
- --salt-palette-neutral-tertiary-background: transparent;
1409
- --salt-palette-neutral-tertiary-background-disabled: transparent;
1410
- --salt-palette-neutral-tertiary-border: transparent;
1411
- --salt-palette-neutral-tertiary-border-disabled: transparent;
1412
1869
  --salt-palette-error-foreground-disabled: var(--salt-color-red-500-fade-foreground);
1413
1870
  --salt-palette-error-border-disabled: var(--salt-color-red-500-fade-border);
1414
1871
  --salt-palette-error-foreground: var(--salt-color-red-500);
@@ -1461,10 +1918,6 @@
1461
1918
  --salt-palette-measured-border: var(--salt-color-gray-90);
1462
1919
  --salt-palette-measured-border-disabled: var(--salt-color-gray-90-fade-border);
1463
1920
  --salt-palette-neutral-tertiary-background-readonly: transparent;
1464
- --salt-palette-neutral-tertiary-background: transparent;
1465
- --salt-palette-neutral-tertiary-background-disabled: transparent;
1466
- --salt-palette-neutral-tertiary-border: transparent;
1467
- --salt-palette-neutral-tertiary-border-disabled: transparent;
1468
1921
  --salt-palette-error-foreground-disabled: var(--salt-color-red-500-fade-foreground);
1469
1922
  --salt-palette-error-border-disabled: var(--salt-color-red-500-fade-border);
1470
1923
  --salt-palette-error-foreground: var(--salt-color-red-500);