@salt-ds/theme 0.0.0-snapshot-20250724191822 → 0.0.0-snapshot-20250811134000

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 (6) hide show
  1. package/css/global.css +28 -0
  2. package/css/{commercial/index.css → theme-next.css} +196 -519
  3. package/css/{legacy/index.css → theme.css} +879 -296
  4. package/index.css +880 -1080
  5. package/package.json +1 -1
  6. package/css/consumer/index.css +0 -1559
package/css/{commercial/index.css → theme-next.css} RENAMED
@@ -1,7 +1,5 @@
1
- /* css/commercial/foundations/alpha.css */
2
- .salt-theme[data-brand=commercial] {
3
- --salt-color-blue-30-40a: rgba(var(--salt-color-blue-30-rgb), 0.4);
4
- --salt-color-blue-100-40a: rgba(var(--salt-color-blue-100-rgb), 0.4);
1
+ /* css/foundations/alpha-next.css */
2
+ .salt-theme.salt-theme-next {
5
3
  --salt-color-blue-200-40a: rgba(var(--salt-color-blue-200-rgb), 0.4);
6
4
  --salt-color-blue-300-40a: rgba(var(--salt-color-blue-300-rgb), 0.4);
7
5
  --salt-color-blue-400-40a: rgba(var(--salt-color-blue-400-rgb), 0.4);
@@ -9,15 +7,6 @@
9
7
  --salt-color-blue-600-40a: rgba(var(--salt-color-blue-600-rgb), 0.4);
10
8
  --salt-color-blue-700-40a: rgba(var(--salt-color-blue-700-rgb), 0.4);
11
9
  --salt-color-blue-800-40a: rgba(var(--salt-color-blue-800-rgb), 0.4);
12
- --salt-color-gray-20-40a: rgba(var(--salt-color-gray-20-rgb), 0.4);
13
- --salt-color-gray-30-40a: rgba(var(--salt-color-gray-30-rgb), 0.4);
14
- --salt-color-gray-50-40a: rgba(var(--salt-color-gray-50-rgb), 0.4);
15
- --salt-color-gray-60-40a: rgba(var(--salt-color-gray-60-rgb), 0.4);
16
- --salt-color-gray-70-40a: rgba(var(--salt-color-gray-70-rgb), 0.4);
17
- --salt-color-gray-90-15a: rgba(var(--salt-color-gray-90-rgb), 0.15);
18
- --salt-color-gray-90-40a: rgba(var(--salt-color-gray-90-rgb), 0.4);
19
- --salt-color-gray-200-15a: rgba(var(--salt-color-gray-200-rgb), 0.15);
20
- --salt-color-gray-200-40a: rgba(var(--salt-color-gray-200-rgb), 0.4);
21
10
  --salt-color-gray-300-10a: rgba(var(--salt-color-gray-300-rgb), 0.1);
22
11
  --salt-color-gray-300-40a: rgba(var(--salt-color-gray-300-rgb), 0.4);
23
12
  --salt-color-gray-400-40a: rgba(var(--salt-color-gray-400-rgb), 0.4);
@@ -26,18 +15,12 @@
26
15
  --salt-color-gray-600-40a: rgba(var(--salt-color-gray-600-rgb), 0.4);
27
16
  --salt-color-gray-700-10a: rgba(var(--salt-color-gray-700-rgb), 0.1);
28
17
  --salt-color-gray-700-40a: rgba(var(--salt-color-gray-700-rgb), 0.4);
29
- --salt-color-gray-800-40a: rgba(var(--salt-color-gray-800-rgb), 0.4);
30
- --salt-color-gray-900-40a: rgba(var(--salt-color-gray-900-rgb), 0.4);
31
- --salt-color-green-200-40a: rgba(var(--salt-color-green-200-rgb), 0.4);
32
18
  --salt-color-green-400-40a: rgba(var(--salt-color-green-400-rgb), 0.4);
33
19
  --salt-color-green-500-40a: rgba(var(--salt-color-green-500-rgb), 0.4);
34
20
  --salt-color-green-600-40a: rgba(var(--salt-color-green-600-rgb), 0.4);
35
21
  --salt-color-orange-400-40a: rgba(var(--salt-color-orange-400-rgb), 0.4);
36
22
  --salt-color-orange-500-40a: rgba(var(--salt-color-orange-500-rgb), 0.4);
37
23
  --salt-color-orange-600-40a: rgba(var(--salt-color-orange-600-rgb), 0.4);
38
- --salt-color-orange-700-40a: rgba(var(--salt-color-orange-700-rgb), 0.4);
39
- --salt-color-orange-850-40a: rgba(var(--salt-color-orange-850-rgb), 0.4);
40
- --salt-color-red-200-40a: rgba(var(--salt-color-red-200-rgb), 0.4);
41
24
  --salt-color-red-400-40a: rgba(var(--salt-color-red-400-rgb), 0.4);
42
25
  --salt-color-red-500-40a: rgba(var(--salt-color-red-500-rgb), 0.4);
43
26
  --salt-color-red-600-40a: rgba(var(--salt-color-red-600-rgb), 0.4);
@@ -48,10 +31,20 @@
48
31
  --salt-color-teal-600-40a: rgba(var(--salt-color-teal-600-rgb), 0.4);
49
32
  --salt-color-teal-700-40a: rgba(var(--salt-color-teal-700-rgb), 0.4);
50
33
  --salt-color-teal-800-40a: rgba(var(--salt-color-teal-800-rgb), 0.4);
34
+ --salt-color-background-snow-40a: rgba(var(--salt-color-background-snow-rgb), 0.4);
35
+ --salt-color-background-marble-40a: rgba(var(--salt-color-background-marble-rgb), 0.4);
36
+ --salt-color-background-limestone-40a: rgba(var(--salt-color-background-limestone-rgb), 0.4);
37
+ --salt-color-background-granite-40a: rgba(var(--salt-color-background-granite-rgb), 0.4);
38
+ --salt-color-background-jet-40a: rgba(var(--salt-color-background-jet-rgb), 0.4);
39
+ --salt-color-background-leather-40a: rgba(var(--salt-color-background-leather-rgb), 0.4);
51
40
  }
52
41
 
53
- /* css/commercial/foundations/color.css */
54
- .salt-theme[data-brand=commercial] {
42
+ /* css/foundations/color-next.css */
43
+ .salt-theme.salt-theme-next {
44
+ --salt-color-white-rgb:
45
+ 255,
46
+ 255,
47
+ 255;
55
48
  --salt-color-gray-100-rgb:
56
49
  230,
57
50
  233,
@@ -88,6 +81,10 @@
88
81
  41,
89
82
  46,
90
83
  51;
84
+ --salt-color-black-rgb:
85
+ 0,
86
+ 0,
87
+ 0;
91
88
  --salt-color-blue-100-rgb:
92
89
  234,
93
90
  246,
@@ -372,6 +369,7 @@
372
369
  58,
373
370
  34,
374
371
  6;
372
+ --salt-color-white: rgb(var(--salt-color-white-rgb));
375
373
  --salt-color-gray-100: rgb(var(--salt-color-gray-100-rgb));
376
374
  --salt-color-gray-200: rgb(var(--salt-color-gray-200-rgb));
377
375
  --salt-color-gray-300: rgb(var(--salt-color-gray-300-rgb));
@@ -381,6 +379,7 @@
381
379
  --salt-color-gray-700: rgb(var(--salt-color-gray-700-rgb));
382
380
  --salt-color-gray-800: rgb(var(--salt-color-gray-800-rgb));
383
381
  --salt-color-gray-900: rgb(var(--salt-color-gray-900-rgb));
382
+ --salt-color-black: rgb(var(--salt-color-black-rgb));
384
383
  --salt-color-blue-100: rgb(var(--salt-color-blue-100-rgb));
385
384
  --salt-color-blue-200: rgb(var(--salt-color-blue-200-rgb));
386
385
  --salt-color-blue-300: rgb(var(--salt-color-blue-300-rgb));
@@ -454,8 +453,38 @@
454
453
  --salt-color-logo-brown: rgb(var(--salt-color-logo-brown-rgb));
455
454
  }
456
455
 
457
- /* css/commercial/palette/accent.css */
458
- .salt-theme[data-brand=commercial][data-mode=light] {
456
+ /* css/palette/accent-next.css */
457
+ .salt-theme.salt-theme-next[data-mode=light][data-accent=blue] {
458
+ --salt-palette-accent: var(--salt-color-blue-500);
459
+ --salt-palette-accent-disabled: var(--salt-color-blue-500-40a);
460
+ --salt-palette-accent-strong: var(--salt-color-blue-600);
461
+ --salt-palette-accent-strong-disabled: var(--salt-color-blue-600-40a);
462
+ --salt-palette-accent-stronger: var(--salt-color-blue-700);
463
+ --salt-palette-accent-stronger-disabled: var(--salt-color-blue-700-40a);
464
+ --salt-palette-accent-strongest: var(--salt-color-blue-800);
465
+ --salt-palette-accent-weak: var(--salt-color-blue-400);
466
+ --salt-palette-accent-weaker: var(--salt-color-blue-200);
467
+ --salt-palette-accent-weaker-disabled: var(--salt-color-blue-200-40a);
468
+ --salt-palette-accent-weakest: var(--salt-color-blue-100);
469
+ --salt-palette-accent-action-hover: var(--salt-color-blue-600);
470
+ --salt-palette-accent-action-active: var(--salt-color-blue-800);
471
+ }
472
+ .salt-theme.salt-theme-next[data-mode=dark][data-accent=blue] {
473
+ --salt-palette-accent: var(--salt-color-blue-500);
474
+ --salt-palette-accent-disabled: var(--salt-color-blue-500-40a);
475
+ --salt-palette-accent-strong: var(--salt-color-blue-400);
476
+ --salt-palette-accent-strong-disabled: var(--salt-color-blue-400-40a);
477
+ --salt-palette-accent-stronger: var(--salt-color-blue-300);
478
+ --salt-palette-accent-stronger-disabled: var(--salt-color-blue-300-40a);
479
+ --salt-palette-accent-strongest: var(--salt-color-blue-200);
480
+ --salt-palette-accent-weak: var(--salt-color-blue-600);
481
+ --salt-palette-accent-weaker: var(--salt-color-blue-800);
482
+ --salt-palette-accent-weaker-disabled: var(--salt-color-blue-800-40a);
483
+ --salt-palette-accent-weakest: var(--salt-color-blue-900);
484
+ --salt-palette-accent-action-hover: var(--salt-color-blue-600);
485
+ --salt-palette-accent-action-active: var(--salt-color-blue-800);
486
+ }
487
+ .salt-theme.salt-theme-next[data-mode=light][data-accent=teal] {
459
488
  --salt-palette-accent: var(--salt-color-teal-500);
460
489
  --salt-palette-accent-disabled: var(--salt-color-teal-500-40a);
461
490
  --salt-palette-accent-strong: var(--salt-color-teal-600);
@@ -470,7 +499,7 @@
470
499
  --salt-palette-accent-action-hover: var(--salt-color-teal-600);
471
500
  --salt-palette-accent-action-active: var(--salt-color-teal-800);
472
501
  }
473
- .salt-theme[data-brand=commercial][data-mode=dark] {
502
+ .salt-theme.salt-theme-next[data-mode=dark][data-accent=teal] {
474
503
  --salt-palette-accent: var(--salt-color-teal-500);
475
504
  --salt-palette-accent-disabled: var(--salt-color-teal-500-40a);
476
505
  --salt-palette-accent-strong: var(--salt-color-teal-400);
@@ -486,52 +515,8 @@
486
515
  --salt-palette-accent-action-active: var(--salt-color-teal-800);
487
516
  }
488
517
 
489
- /* css/commercial/palette/alpha.css */
490
- .salt-theme[data-mode=light][data-brand=commercial] {
491
- --salt-palette-alpha-highest: var(--salt-color-white-80a);
492
- --salt-palette-alpha-higher: var(--salt-color-white-65a);
493
- --salt-palette-alpha-high: var(--salt-color-white-50a);
494
- --salt-palette-alpha-mediumHigh: var(--salt-color-white-40a);
495
- --salt-palette-alpha-medium: var(--salt-color-white-30a);
496
- --salt-palette-alpha-mediumLow: var(--salt-color-white-20a);
497
- --salt-palette-alpha-low: var(--salt-color-white-15a);
498
- --salt-palette-alpha-lower: var(--salt-color-white-10a);
499
- --salt-palette-alpha-lowest: var(--salt-color-white-5a);
500
- --salt-palette-alpha-contrast-highest: var(--salt-color-black-80a);
501
- --salt-palette-alpha-contrast-higher: var(--salt-color-black-65a);
502
- --salt-palette-alpha-contrast-high: var(--salt-color-black-50a);
503
- --salt-palette-alpha-contrast-mediumHigh: var(--salt-color-black-40a);
504
- --salt-palette-alpha-contrast-medium: var(--salt-color-black-30a);
505
- --salt-palette-alpha-contrast-mediumLow: var(--salt-color-black-20a);
506
- --salt-palette-alpha-contrast-low: var(--salt-color-black-15a);
507
- --salt-palette-alpha-contrast-lower: var(--salt-color-black-10a);
508
- --salt-palette-alpha-contrast-lowest: var(--salt-color-black-5a);
509
- --salt-palette-alpha-none: transparent;
510
- }
511
- .salt-theme[data-mode=dark][data-brand=commercial] {
512
- --salt-palette-alpha-highest: var(--salt-color-black-80a);
513
- --salt-palette-alpha-higher: var(--salt-color-black-65a);
514
- --salt-palette-alpha-high: var(--salt-color-black-50a);
515
- --salt-palette-alpha-mediumHigh: var(--salt-color-black-40a);
516
- --salt-palette-alpha-medium: var(--salt-color-black-30a);
517
- --salt-palette-alpha-mediumLow: var(--salt-color-black-20a);
518
- --salt-palette-alpha-low: var(--salt-color-black-15a);
519
- --salt-palette-alpha-lower: var(--salt-color-black-10a);
520
- --salt-palette-alpha-lowest: var(--salt-color-black-5a);
521
- --salt-palette-alpha-contrast-highest: var(--salt-color-white-80a);
522
- --salt-palette-alpha-contrast-higher: var(--salt-color-white-65a);
523
- --salt-palette-alpha-contrast-high: var(--salt-color-white-50a);
524
- --salt-palette-alpha-contrast-mediumHigh: var(--salt-color-white-40a);
525
- --salt-palette-alpha-contrast-medium: var(--salt-color-white-30a);
526
- --salt-palette-alpha-contrast-mediumLow: var(--salt-color-white-20a);
527
- --salt-palette-alpha-contrast-low: var(--salt-color-white-15a);
528
- --salt-palette-alpha-contrast-lower: var(--salt-color-white-10a);
529
- --salt-palette-alpha-contrast-lowest: var(--salt-color-white-5a);
530
- --salt-palette-alpha-none: transparent;
531
- }
532
-
533
- /* css/commercial/palette/background.css */
534
- .salt-theme[data-brand=commercial][data-mode=light] {
518
+ /* css/palette/background-next.css */
519
+ .salt-theme.salt-theme-next[data-mode=light] {
535
520
  --salt-palette-background-primary: var(--salt-color-background-snow);
536
521
  --salt-palette-background-primary-disabled: var(--salt-color-background-snow-40a);
537
522
  --salt-palette-background-secondary: var(--salt-color-background-marble);
@@ -539,7 +524,7 @@
539
524
  --salt-palette-background-tertiary: var(--salt-color-background-limestone);
540
525
  --salt-palette-background-tertiary-disabled: var(--salt-color-background-limestone-40a);
541
526
  }
542
- .salt-theme[data-brand=commercial][data-mode=dark] {
527
+ .salt-theme.salt-theme-next[data-mode=dark] {
543
528
  --salt-palette-background-primary: var(--salt-color-background-jet);
544
529
  --salt-palette-background-primary-disabled: var(--salt-color-background-jet-40a);
545
530
  --salt-palette-background-secondary: var(--salt-color-background-granite);
@@ -548,134 +533,8 @@
548
533
  --salt-palette-background-tertiary-disabled: var(--salt-color-background-leather-40a);
549
534
  }
550
535
 
551
- /* css/commercial/palette/categorical.css */
552
- .salt-theme[data-mode=light][data-brand=commercial] {
553
- --salt-palette-categorical-1: var(--salt-color-cobalt-500);
554
- --salt-palette-categorical-1-strong: var(--salt-color-cobalt-600);
555
- --salt-palette-categorical-1-weakest: var(--salt-color-cobalt-100);
556
- --salt-palette-categorical-2: var(--salt-color-cider-500);
557
- --salt-palette-categorical-2-strong: var(--salt-color-cider-600);
558
- --salt-palette-categorical-2-weakest: var(--salt-color-cider-100);
559
- --salt-palette-categorical-3: var(--salt-color-plum-500);
560
- --salt-palette-categorical-3-strong: var(--salt-color-plum-600);
561
- --salt-palette-categorical-3-weakest: var(--salt-color-plum-100);
562
- --salt-palette-categorical-4: var(--salt-color-aqua-500);
563
- --salt-palette-categorical-4-strong: var(--salt-color-aqua-600);
564
- --salt-palette-categorical-4-weakest: var(--salt-color-aqua-100);
565
- --salt-palette-categorical-5: var(--salt-color-slate-500);
566
- --salt-palette-categorical-5-strong: var(--salt-color-slate-600);
567
- --salt-palette-categorical-5-weakest: var(--salt-color-slate-100);
568
- --salt-palette-categorical-6: var(--salt-color-rose-500);
569
- --salt-palette-categorical-6-strong: var(--salt-color-rose-600);
570
- --salt-palette-categorical-6-weakest: var(--salt-color-rose-100);
571
- --salt-palette-categorical-7: var(--salt-color-olive-500);
572
- --salt-palette-categorical-7-strong: var(--salt-color-olive-600);
573
- --salt-palette-categorical-7-weakest: var(--salt-color-olive-100);
574
- --salt-palette-categorical-8: var(--salt-color-salmon-500);
575
- --salt-palette-categorical-8-strong: var(--salt-color-salmon-600);
576
- --salt-palette-categorical-8-weakest: var(--salt-color-salmon-100);
577
- --salt-palette-categorical-9: var(--salt-color-indigo-500);
578
- --salt-palette-categorical-9-strong: var(--salt-color-indigo-600);
579
- --salt-palette-categorical-9-weakest: var(--salt-color-indigo-100);
580
- --salt-palette-categorical-10: var(--salt-color-jade-500);
581
- --salt-palette-categorical-10-strong: var(--salt-color-jade-600);
582
- --salt-palette-categorical-10-weakest: var(--salt-color-jade-100);
583
- --salt-palette-categorical-11: var(--salt-color-citrine-500);
584
- --salt-palette-categorical-11-strong: var(--salt-color-citrine-600);
585
- --salt-palette-categorical-11-weakest: var(--salt-color-citrine-100);
586
- --salt-palette-categorical-12: var(--salt-color-autumn-500);
587
- --salt-palette-categorical-12-strong: var(--salt-color-autumn-600);
588
- --salt-palette-categorical-12-weakest: var(--salt-color-autumn-100);
589
- --salt-palette-categorical-13: var(--salt-color-lavender-500);
590
- --salt-palette-categorical-13-strong: var(--salt-color-lavender-600);
591
- --salt-palette-categorical-13-weakest: var(--salt-color-lavender-100);
592
- --salt-palette-categorical-14: var(--salt-color-ocean-500);
593
- --salt-palette-categorical-14-strong: var(--salt-color-ocean-600);
594
- --salt-palette-categorical-14-weakest: var(--salt-color-ocean-100);
595
- --salt-palette-categorical-15: var(--salt-color-smoke-500);
596
- --salt-palette-categorical-15-strong: var(--salt-color-smoke-600);
597
- --salt-palette-categorical-15-weakest: var(--salt-color-smoke-100);
598
- --salt-palette-categorical-16: var(--salt-color-fuchsia-500);
599
- --salt-palette-categorical-16-strong: var(--salt-color-fuchsia-600);
600
- --salt-palette-categorical-16-weakest: var(--salt-color-fuchsia-100);
601
- --salt-palette-categorical-17: var(--salt-color-lime-500);
602
- --salt-palette-categorical-17-strong: var(--salt-color-lime-600);
603
- --salt-palette-categorical-17-weakest: var(--salt-color-lime-100);
604
- --salt-palette-categorical-18: var(--salt-color-fur-500);
605
- --salt-palette-categorical-18-strong: var(--salt-color-fur-600);
606
- --salt-palette-categorical-18-weakest: var(--salt-color-fur-100);
607
- --salt-palette-categorical-19: var(--salt-color-violet-500);
608
- --salt-palette-categorical-19-strong: var(--salt-color-violet-600);
609
- --salt-palette-categorical-19-weakest: var(--salt-color-violet-100);
610
- --salt-palette-categorical-20: var(--salt-color-forest-500);
611
- --salt-palette-categorical-20-strong: var(--salt-color-forest-600);
612
- --salt-palette-categorical-20-weakest: var(--salt-color-forest-100);
613
- }
614
- .salt-theme[data-mode=dark][data-brand=commercial] {
615
- --salt-palette-categorical-1: var(--salt-color-cobalt-500);
616
- --salt-palette-categorical-1-strong: var(--salt-color-cobalt-400);
617
- --salt-palette-categorical-1-weakest: var(--salt-color-cobalt-900);
618
- --salt-palette-categorical-2: var(--salt-color-cider-500);
619
- --salt-palette-categorical-2-strong: var(--salt-color-cider-400);
620
- --salt-palette-categorical-2-weakest: var(--salt-color-cider-900);
621
- --salt-palette-categorical-3: var(--salt-color-plum-500);
622
- --salt-palette-categorical-3-strong: var(--salt-color-plum-400);
623
- --salt-palette-categorical-3-weakest: var(--salt-color-plum-900);
624
- --salt-palette-categorical-4: var(--salt-color-aqua-500);
625
- --salt-palette-categorical-4-strong: var(--salt-color-aqua-400);
626
- --salt-palette-categorical-4-weakest: var(--salt-color-aqua-900);
627
- --salt-palette-categorical-5: var(--salt-color-slate-500);
628
- --salt-palette-categorical-5-strong: var(--salt-color-slate-400);
629
- --salt-palette-categorical-5-weakest: var(--salt-color-slate-900);
630
- --salt-palette-categorical-6: var(--salt-color-rose-500);
631
- --salt-palette-categorical-6-strong: var(--salt-color-rose-400);
632
- --salt-palette-categorical-6-weakest: var(--salt-color-rose-900);
633
- --salt-palette-categorical-7: var(--salt-color-olive-500);
634
- --salt-palette-categorical-7-strong: var(--salt-color-olive-400);
635
- --salt-palette-categorical-7-weakest: var(--salt-color-olive-900);
636
- --salt-palette-categorical-8: var(--salt-color-salmon-500);
637
- --salt-palette-categorical-8-strong: var(--salt-color-salmon-400);
638
- --salt-palette-categorical-8-weakest: var(--salt-color-salmon-900);
639
- --salt-palette-categorical-9: var(--salt-color-indigo-500);
640
- --salt-palette-categorical-9-strong: var(--salt-color-indigo-400);
641
- --salt-palette-categorical-9-weakest: var(--salt-color-indigo-900);
642
- --salt-palette-categorical-10: var(--salt-color-jade-500);
643
- --salt-palette-categorical-10-strong: var(--salt-color-jade-400);
644
- --salt-palette-categorical-10-weakest: var(--salt-color-jade-900);
645
- --salt-palette-categorical-11: var(--salt-color-citrine-500);
646
- --salt-palette-categorical-11-strong: var(--salt-color-citrine-400);
647
- --salt-palette-categorical-11-weakest: var(--salt-color-citrine-900);
648
- --salt-palette-categorical-12: var(--salt-color-autumn-500);
649
- --salt-palette-categorical-12-strong: var(--salt-color-autumn-400);
650
- --salt-palette-categorical-12-weakest: var(--salt-color-autumn-900);
651
- --salt-palette-categorical-13: var(--salt-color-lavender-500);
652
- --salt-palette-categorical-13-strong: var(--salt-color-lavender-400);
653
- --salt-palette-categorical-13-weakest: var(--salt-color-lavender-900);
654
- --salt-palette-categorical-14: var(--salt-color-ocean-500);
655
- --salt-palette-categorical-14-strong: var(--salt-color-ocean-400);
656
- --salt-palette-categorical-14-weakest: var(--salt-color-ocean-900);
657
- --salt-palette-categorical-15: var(--salt-color-smoke-500);
658
- --salt-palette-categorical-15-strong: var(--salt-color-smoke-400);
659
- --salt-palette-categorical-15-weakest: var(--salt-color-smoke-900);
660
- --salt-palette-categorical-16: var(--salt-color-fuchsia-500);
661
- --salt-palette-categorical-16-strong: var(--salt-color-fuchsia-400);
662
- --salt-palette-categorical-16-weakest: var(--salt-color-fuchsia-900);
663
- --salt-palette-categorical-17: var(--salt-color-lime-500);
664
- --salt-palette-categorical-17-strong: var(--salt-color-lime-400);
665
- --salt-palette-categorical-17-weakest: var(--salt-color-lime-900);
666
- --salt-palette-categorical-18: var(--salt-color-fur-500);
667
- --salt-palette-categorical-18-strong: var(--salt-color-fur-400);
668
- --salt-palette-categorical-18-weakest: var(--salt-color-fur-900);
669
- --salt-palette-categorical-19: var(--salt-color-violet-500);
670
- --salt-palette-categorical-19-strong: var(--salt-color-violet-400);
671
- --salt-palette-categorical-19-weakest: var(--salt-color-violet-900);
672
- --salt-palette-categorical-20: var(--salt-color-forest-500);
673
- --salt-palette-categorical-20-strong: var(--salt-color-forest-400);
674
- --salt-palette-categorical-20-weakest: var(--salt-color-forest-900);
675
- }
676
-
677
- /* css/commercial/palette/corner.css */
678
- .salt-theme[data-brand=commercial] {
536
+ /* css/palette/corner-next.css */
537
+ .salt-theme-next[data-corner=rounded] {
679
538
  --salt-palette-corner-weaker: var(--salt-curve-50);
680
539
  --salt-palette-corner-weak: var(--salt-curve-100);
681
540
  --salt-palette-corner: var(--salt-curve-150);
@@ -683,9 +542,17 @@
683
542
  --salt-palette-corner-stronger: var(--salt-curve-250);
684
543
  --salt-palette-corner-strongest: var(--salt-curve-999);
685
544
  }
545
+ .salt-theme-next[data-corner=sharp] {
546
+ --salt-palette-corner-weaker: var(--salt-curve-0);
547
+ --salt-palette-corner-weak: var(--salt-curve-0);
548
+ --salt-palette-corner: var(--salt-curve-0);
549
+ --salt-palette-corner-strong: var(--salt-curve-0);
550
+ --salt-palette-corner-stronger: var(--salt-curve-0);
551
+ --salt-palette-corner-strongest: var(--salt-curve-999);
552
+ }
686
553
 
687
- /* css/commercial/palette/foreground.css */
688
- .salt-theme[data-brand=commercial][data-mode=light] {
554
+ /* css/palette/foreground-next.css */
555
+ .salt-theme.salt-theme-next[data-mode=light] {
689
556
  --salt-palette-foreground-primary: var(--salt-color-black);
690
557
  --salt-palette-foreground-primary-disabled: var(--salt-color-black-40a);
691
558
  --salt-palette-foreground-primary-alt: var(--salt-color-white);
@@ -694,7 +561,7 @@
694
561
  --salt-palette-foreground-secondary-disabled: var(--salt-color-gray-700-40a);
695
562
  --salt-palette-foreground-visited: var(--salt-color-purple-800);
696
563
  }
697
- .salt-theme[data-brand=commercial][data-mode=dark] {
564
+ .salt-theme.salt-theme-next[data-mode=dark] {
698
565
  --salt-palette-foreground-primary: var(--salt-color-white);
699
566
  --salt-palette-foreground-primary-disabled: var(--salt-color-white-40a);
700
567
  --salt-palette-foreground-primary-alt: var(--salt-color-white);
@@ -704,40 +571,40 @@
704
571
  --salt-palette-foreground-visited: var(--salt-color-purple-200);
705
572
  }
706
573
 
707
- /* css/commercial/palette/info.css */
708
- .salt-theme[data-brand=commercial][data-mode=light] {
574
+ /* css/palette/info-next.css */
575
+ .salt-theme.salt-theme-next[data-mode=light] {
709
576
  --salt-palette-info: var(--salt-color-blue-500);
710
577
  --salt-palette-info-strong: var(--salt-color-blue-600);
711
- --salt-palette-info-weak: var(--salt-color-blue-100);
578
+ --salt-palette-info-weakest: var(--salt-color-blue-100);
712
579
  }
713
- .salt-theme[data-brand=commercial][data-mode=dark] {
580
+ .salt-theme.salt-theme-next[data-mode=dark] {
714
581
  --salt-palette-info: var(--salt-color-blue-500);
715
582
  --salt-palette-info-strong: var(--salt-color-blue-400);
716
- --salt-palette-info-weak: var(--salt-color-blue-900);
583
+ --salt-palette-info-weakest: var(--salt-color-blue-900);
717
584
  }
718
585
 
719
- /* css/commercial/palette/negative.css */
720
- .salt-theme[data-brand=commercial][data-mode=light] {
586
+ /* css/palette/negative-next.css */
587
+ .salt-theme.salt-theme-next[data-mode=light] {
721
588
  --salt-palette-negative: var(--salt-color-red-500);
589
+ --salt-palette-negative-disabled: var(--salt-color-red-500-40a);
722
590
  --salt-palette-negative-strong: var(--salt-color-red-600);
723
591
  --salt-palette-negative-strong-disabled: var(--salt-color-red-600-40a);
724
- --salt-palette-negative-weak: var(--salt-color-red-100);
592
+ --salt-palette-negative-weakest: var(--salt-color-red-100);
725
593
  --salt-palette-negative-action-hover: var(--salt-color-red-600);
726
594
  --salt-palette-negative-action-active: var(--salt-color-red-800);
727
- --salt-palette-negative-disabled: var(--salt-color-red-500-40a);
728
595
  }
729
- .salt-theme[data-brand=commercial][data-mode=dark] {
596
+ .salt-theme.salt-theme-next[data-mode=dark] {
730
597
  --salt-palette-negative: var(--salt-color-red-500);
598
+ --salt-palette-negative-disabled: var(--salt-color-red-500-40a);
731
599
  --salt-palette-negative-strong: var(--salt-color-red-400);
732
600
  --salt-palette-negative-strong-disabled: var(--salt-color-red-400-40a);
733
- --salt-palette-negative-weak: var(--salt-color-red-900);
601
+ --salt-palette-negative-weakest: var(--salt-color-red-900);
734
602
  --salt-palette-negative-action-hover: var(--salt-color-red-600);
735
603
  --salt-palette-negative-action-active: var(--salt-color-red-800);
736
- --salt-palette-negative-disabled: var(--salt-color-red-500-40a);
737
604
  }
738
605
 
739
- /* css/commercial/palette/neutral.css */
740
- .salt-theme[data-brand=commercial][data-mode=light] {
606
+ /* css/palette/neutral-next.css */
607
+ .salt-theme.salt-theme-next[data-mode=light] {
741
608
  --salt-palette-neutral: var(--salt-color-gray-500);
742
609
  --salt-palette-neutral-disabled: var(--salt-color-gray-500-40a);
743
610
  --salt-palette-neutral-readonly: var(--salt-color-gray-500-10a);
@@ -754,7 +621,7 @@
754
621
  --salt-palette-neutral-action-hover: var(--salt-color-gray-600);
755
622
  --salt-palette-neutral-action-active: var(--salt-color-gray-800);
756
623
  }
757
- .salt-theme[data-brand=commercial][data-mode=dark] {
624
+ .salt-theme.salt-theme-next[data-mode=dark] {
758
625
  --salt-palette-neutral: var(--salt-color-gray-500);
759
626
  --salt-palette-neutral-disabled: var(--salt-color-gray-500-40a);
760
627
  --salt-palette-neutral-readonly: var(--salt-color-gray-500-10a);
@@ -772,35 +639,44 @@
772
639
  --salt-palette-neutral-action-active: var(--salt-color-gray-800);
773
640
  }
774
641
 
775
- /* css/commercial/palette/positive.css */
776
- .salt-theme[data-brand=commercial][data-mode=light] {
642
+ /* css/palette/positive-next.css */
643
+ .salt-theme.salt-theme-next[data-mode=light] {
777
644
  --salt-palette-positive: var(--salt-color-green-500);
645
+ --salt-palette-positive-disabled: var(--salt-color-green-500-40a);
778
646
  --salt-palette-positive-strong: var(--salt-color-green-600);
779
647
  --salt-palette-positive-strong-disabled: var(--salt-color-green-600-40a);
780
- --salt-palette-positive-weak: var(--salt-color-green-100);
648
+ --salt-palette-positive-weakest: var(--salt-color-green-100);
781
649
  --salt-palette-positive-action-hover: var(--salt-color-green-600);
782
650
  --salt-palette-positive-action-active: var(--salt-color-green-800);
783
- --salt-palette-positive-disabled: var(--salt-color-green-500-40a);
784
651
  }
785
- .salt-theme[data-brand=commercial][data-mode=dark] {
652
+ .salt-theme.salt-theme-next[data-mode=dark] {
786
653
  --salt-palette-positive: var(--salt-color-green-500);
654
+ --salt-palette-positive-disabled: var(--salt-color-green-500-40a);
787
655
  --salt-palette-positive-strong: var(--salt-color-green-400);
788
656
  --salt-palette-positive-strong-disabled: var(--salt-color-green-400-40a);
789
- --salt-palette-positive-weak: var(--salt-color-green-900);
657
+ --salt-palette-positive-weakest: var(--salt-color-green-900);
790
658
  --salt-palette-positive-action-hover: var(--salt-color-green-600);
791
659
  --salt-palette-positive-action-active: var(--salt-color-green-800);
792
- --salt-palette-positive-disabled: var(--salt-color-green-500-40a);
793
660
  }
794
661
 
795
- /* css/commercial/palette/text.css */
796
- .salt-theme[data-brand=commercial] {
797
- --salt-palette-text-fontFamily: var(--salt-typography-fontFamily-openSans);
662
+ /* css/palette/text-next.css */
663
+ .salt-theme-next.salt-theme[data-heading-font="Open Sans"] {
664
+ --salt-palette-text-fontFamily-heading: var(--salt-typography-fontFamily-openSans);
665
+ --salt-palette-text-display-fontWeight: var(--salt-typography-fontWeight-semiBold);
666
+ --salt-palette-text-display-fontWeight-small: var(--salt-typography-fontWeight-regular);
667
+ --salt-palette-text-display-fontWeight-strong: var(--salt-typography-fontWeight-bold);
668
+ --salt-palette-text-heading-fontWeight: var(--salt-typography-fontWeight-semiBold);
669
+ --salt-palette-text-heading-fontWeight-small: var(--salt-typography-fontWeight-regular);
670
+ --salt-palette-text-heading-fontWeight-strong: var(--salt-typography-fontWeight-bold);
671
+ --salt-palette-text-body-fontWeight: var(--salt-typography-fontWeight-regular);
672
+ --salt-palette-text-body-fontWeight-small: var(--salt-typography-fontWeight-light);
673
+ --salt-palette-text-body-fontWeight-strong: var(--salt-typography-fontWeight-semiBold);
674
+ --salt-palette-text-notation-fontWeight: var(--salt-typography-fontWeight-semiBold);
675
+ --salt-palette-text-notation-fontWeight-small: var(--salt-typography-fontWeight-regular);
676
+ --salt-palette-text-notation-fontWeight-strong: var(--salt-typography-fontWeight-bold);
677
+ }
678
+ .salt-theme-next.salt-theme[data-heading-font=Amplitude] {
798
679
  --salt-palette-text-fontFamily-heading: var(--salt-typography-fontFamily-amplitude);
799
- --salt-palette-text-fontFamily-code: var(--salt-typography-fontFamily-ptMono);
800
- --salt-palette-text-fontFamily-action: var(--salt-typography-fontFamily-amplitude);
801
- --salt-palette-text-action-fontWeight: var(--salt-typography-fontWeight-medium);
802
- --salt-palette-text-action-fontWeight-small: var(--salt-typography-fontWeight-regular);
803
- --salt-palette-text-action-fontWeight-strong: var(--salt-typography-fontWeight-bold);
804
680
  --salt-palette-text-display-fontWeight: var(--salt-typography-fontWeight-medium);
805
681
  --salt-palette-text-display-fontWeight-strong: var(--salt-typography-fontWeight-bold);
806
682
  --salt-palette-text-display-fontWeight-small: var(--salt-typography-fontWeight-regular);
@@ -814,30 +690,37 @@
814
690
  --salt-palette-text-notation-fontWeight-small: var(--salt-typography-fontWeight-regular);
815
691
  --salt-palette-text-notation-fontWeight-strong: var(--salt-typography-fontWeight-bold);
816
692
  }
693
+ .salt-theme-next.salt-theme[data-action-font="Open Sans"] {
694
+ --salt-palette-text-fontFamily-action: var(--salt-typography-fontFamily-openSans);
695
+ --salt-palette-text-action-fontWeight: var(--salt-typography-fontWeight-semiBold);
696
+ }
697
+ .salt-theme-next.salt-theme[data-action-font=Amplitude] {
698
+ --salt-palette-text-fontFamily-action: var(--salt-typography-fontFamily-amplitude);
699
+ --salt-palette-text-action-fontWeight: var(--salt-typography-fontWeight-medium);
700
+ }
817
701
 
818
- /* css/commercial/palette/warning.css */
819
- .salt-theme[data-brand=commercial][data-mode=light] {
702
+ /* css/palette/warning-next.css */
703
+ .salt-theme.salt-theme-next[data-mode=light] {
820
704
  --salt-palette-warning: var(--salt-color-orange-500);
821
705
  --salt-palette-warning-disabled: var(--salt-color-orange-500-40a);
822
706
  --salt-palette-warning-strong: var(--salt-color-orange-600);
823
707
  --salt-palette-warning-strong-disabled: var(--salt-color-orange-600-40a);
824
- --salt-palette-warning-weak: var(--salt-color-orange-100);
708
+ --salt-palette-warning-weakest: var(--salt-color-orange-100);
825
709
  --salt-palette-warning-action-hover: var(--salt-color-orange-600);
826
710
  --salt-palette-warning-action-active: var(--salt-color-orange-800);
827
711
  }
828
- .salt-theme[data-brand=commercial][data-mode=dark] {
712
+ .salt-theme.salt-theme-next[data-mode=dark] {
829
713
  --salt-palette-warning: var(--salt-color-orange-500);
830
714
  --salt-palette-warning-disabled: var(--salt-color-orange-500-40a);
831
715
  --salt-palette-warning-strong: var(--salt-color-orange-400);
832
716
  --salt-palette-warning-strong-disabled: var(--salt-color-orange-400-40a);
833
- --salt-palette-warning-weak: var(--salt-color-orange-900);
717
+ --salt-palette-warning-weakest: var(--salt-color-orange-900);
834
718
  --salt-palette-warning-action-hover: var(--salt-color-orange-600);
835
719
  --salt-palette-warning-action-active: var(--salt-color-orange-800);
836
720
  }
837
721
 
838
- /* css/commercial/characteristics/accent.css */
839
- .salt-theme-next,
840
- .salt-theme[data-brand=commercial] {
722
+ /* css/characteristics/accent-next.css */
723
+ .salt-theme.salt-theme-next {
841
724
  --salt-accent-background: var(--salt-palette-accent);
842
725
  --salt-accent-background-disabled: var(--salt-palette-accent-disabled);
843
726
  --salt-accent-borderColor: var(--salt-palette-accent);
@@ -845,9 +728,8 @@
845
728
  --salt-accent-foreground: var(--salt-palette-foreground-primary-alt);
846
729
  }
847
730
 
848
- /* css/commercial/characteristics/actionable.css */
849
- .salt-theme-next,
850
- .salt-theme[data-brand=commercial] {
731
+ /* css/characteristics/actionable-next.css */
732
+ .salt-theme.salt-theme-next {
851
733
  --salt-actionable-accented-bold-background-active: var(--salt-palette-accent-action-active);
852
734
  --salt-actionable-accented-bold-background-disabled: var(--salt-palette-accent-disabled);
853
735
  --salt-actionable-accented-bold-background-hover: var(--salt-palette-accent-action-hover);
@@ -1030,114 +912,32 @@
1030
912
  --salt-actionable-caution-subtle-foreground: var(--salt-palette-warning-strong);
1031
913
  }
1032
914
 
1033
- /* css/commercial/characteristics/category.css */
1034
- .salt-theme-next,
1035
- .salt-theme[data-brand=commercial] {
1036
- --salt-category-1-bold-background: var(--salt-palette-categorical-1);
915
+ /* css/characteristics/category-next.css */
916
+ .salt-theme.salt-theme-next {
1037
917
  --salt-category-1-bold-foreground: var(--salt-palette-foreground-primary-alt);
1038
- --salt-category-1-subtle-foreground: var(--salt-palette-categorical-1-strong);
1039
- --salt-category-1-subtle-background: var(--salt-palette-categorical-1-weakest);
1040
- --salt-category-1-subtle-borderColor: var(--salt-palette-categorical-1);
1041
- --salt-category-2-bold-background: var(--salt-palette-categorical-2);
1042
918
  --salt-category-2-bold-foreground: var(--salt-palette-foreground-primary-alt);
1043
- --salt-category-2-subtle-foreground: var(--salt-palette-categorical-2-strong);
1044
- --salt-category-2-subtle-background: var(--salt-palette-categorical-2-weakest);
1045
- --salt-category-2-subtle-borderColor: var(--salt-palette-categorical-2);
1046
- --salt-category-3-bold-background: var(--salt-palette-categorical-3);
1047
919
  --salt-category-3-bold-foreground: var(--salt-palette-foreground-primary-alt);
1048
- --salt-category-3-subtle-foreground: var(--salt-palette-categorical-3-strong);
1049
- --salt-category-3-subtle-background: var(--salt-palette-categorical-3-weakest);
1050
- --salt-category-3-subtle-borderColor: var(--salt-palette-categorical-3);
1051
- --salt-category-4-bold-background: var(--salt-palette-categorical-4);
1052
920
  --salt-category-4-bold-foreground: var(--salt-palette-foreground-primary-alt);
1053
- --salt-category-4-subtle-foreground: var(--salt-palette-categorical-4-strong);
1054
- --salt-category-4-subtle-background: var(--salt-palette-categorical-4-weakest);
1055
- --salt-category-4-subtle-borderColor: var(--salt-palette-categorical-4);
1056
- --salt-category-5-bold-background: var(--salt-palette-categorical-5);
1057
921
  --salt-category-5-bold-foreground: var(--salt-palette-foreground-primary-alt);
1058
- --salt-category-5-subtle-foreground: var(--salt-palette-categorical-5-strong);
1059
- --salt-category-5-subtle-background: var(--salt-palette-categorical-5-weakest);
1060
- --salt-category-5-subtle-borderColor: var(--salt-palette-categorical-5);
1061
- --salt-category-6-bold-background: var(--salt-palette-categorical-6);
1062
922
  --salt-category-6-bold-foreground: var(--salt-palette-foreground-primary-alt);
1063
- --salt-category-6-subtle-foreground: var(--salt-palette-categorical-6-strong);
1064
- --salt-category-6-subtle-background: var(--salt-palette-categorical-6-weakest);
1065
- --salt-category-6-subtle-borderColor: var(--salt-palette-categorical-6);
1066
- --salt-category-7-bold-background: var(--salt-palette-categorical-7);
1067
923
  --salt-category-7-bold-foreground: var(--salt-palette-foreground-primary-alt);
1068
- --salt-category-7-subtle-foreground: var(--salt-palette-categorical-7-strong);
1069
- --salt-category-7-subtle-background: var(--salt-palette-categorical-7-weakest);
1070
- --salt-category-7-subtle-borderColor: var(--salt-palette-categorical-7);
1071
- --salt-category-8-subtle-foreground: var(--salt-palette-categorical-8-strong);
1072
- --salt-category-8-subtle-background: var(--salt-palette-categorical-8-weakest);
1073
- --salt-category-8-subtle-borderColor: var(--salt-palette-categorical-8);
1074
924
  --salt-category-8-bold-foreground: var(--salt-palette-foreground-primary-alt);
1075
- --salt-category-8-bold-background: var(--salt-palette-categorical-8);
1076
- --salt-category-9-subtle-foreground: var(--salt-palette-categorical-9-strong);
1077
- --salt-category-9-subtle-background: var(--salt-palette-categorical-9-weakest);
1078
- --salt-category-9-subtle-borderColor: var(--salt-palette-categorical-9);
1079
925
  --salt-category-9-bold-foreground: var(--salt-palette-foreground-primary-alt);
1080
- --salt-category-9-bold-background: var(--salt-palette-categorical-9);
1081
- --salt-category-10-subtle-foreground: var(--salt-palette-categorical-10-strong);
1082
- --salt-category-10-subtle-background: var(--salt-palette-categorical-10-weakest);
1083
- --salt-category-10-subtle-borderColor: var(--salt-palette-categorical-10);
1084
926
  --salt-category-10-bold-foreground: var(--salt-palette-foreground-primary-alt);
1085
- --salt-category-10-bold-background: var(--salt-palette-categorical-10);
1086
- --salt-category-11-subtle-foreground: var(--salt-palette-categorical-11-strong);
1087
- --salt-category-11-subtle-background: var(--salt-palette-categorical-11-weakest);
1088
- --salt-category-11-subtle-borderColor: var(--salt-palette-categorical-11);
1089
927
  --salt-category-11-bold-foreground: var(--salt-palette-foreground-primary-alt);
1090
- --salt-category-11-bold-background: var(--salt-palette-categorical-11);
1091
- --salt-category-12-subtle-foreground: var(--salt-palette-categorical-12-strong);
1092
- --salt-category-12-subtle-background: var(--salt-palette-categorical-12-weakest);
1093
- --salt-category-12-subtle-borderColor: var(--salt-palette-categorical-12);
1094
928
  --salt-category-12-bold-foreground: var(--salt-palette-foreground-primary-alt);
1095
- --salt-category-12-bold-background: var(--salt-palette-categorical-12);
1096
- --salt-category-13-subtle-foreground: var(--salt-palette-categorical-13-strong);
1097
- --salt-category-13-subtle-background: var(--salt-palette-categorical-13-weakest);
1098
- --salt-category-13-subtle-borderColor: var(--salt-palette-categorical-13);
1099
- --salt-category-13-bold-background: var(--salt-palette-categorical-13);
1100
929
  --salt-category-13-bold-foreground: var(--salt-palette-foreground-primary-alt);
1101
- --salt-category-14-subtle-foreground: var(--salt-palette-categorical-14-strong);
1102
- --salt-category-14-subtle-background: var(--salt-palette-categorical-14-weakest);
1103
- --salt-category-14-subtle-borderColor: var(--salt-palette-categorical-14);
1104
- --salt-category-14-bold-background: var(--salt-palette-categorical-14);
1105
930
  --salt-category-14-bold-foreground: var(--salt-palette-foreground-primary-alt);
1106
- --salt-category-15-subtle-foreground: var(--salt-palette-categorical-15-strong);
1107
- --salt-category-15-subtle-background: var(--salt-palette-categorical-15-weakest);
1108
- --salt-category-15-subtle-borderColor: var(--salt-palette-categorical-15);
1109
- --salt-category-15-bold-background: var(--salt-palette-categorical-15);
1110
931
  --salt-category-15-bold-foreground: var(--salt-palette-foreground-primary-alt);
1111
- --salt-category-16-subtle-foreground: var(--salt-palette-categorical-16-strong);
1112
- --salt-category-16-subtle-background: var(--salt-palette-categorical-16-weakest);
1113
- --salt-category-16-subtle-borderColor: var(--salt-palette-categorical-16);
1114
- --salt-category-16-bold-background: var(--salt-palette-categorical-16);
1115
932
  --salt-category-16-bold-foreground: var(--salt-palette-foreground-primary-alt);
1116
- --salt-category-17-subtle-foreground: var(--salt-palette-categorical-17-strong);
1117
- --salt-category-17-subtle-background: var(--salt-palette-categorical-17-weakest);
1118
- --salt-category-17-subtle-borderColor: var(--salt-palette-categorical-17);
1119
- --salt-category-17-bold-background: var(--salt-palette-categorical-17);
1120
933
  --salt-category-17-bold-foreground: var(--salt-palette-foreground-primary-alt);
1121
- --salt-category-18-subtle-foreground: var(--salt-palette-categorical-18-strong);
1122
- --salt-category-18-subtle-background: var(--salt-palette-categorical-18-weakest);
1123
- --salt-category-18-subtle-borderColor: var(--salt-palette-categorical-18);
1124
- --salt-category-18-bold-background: var(--salt-palette-categorical-18);
1125
934
  --salt-category-18-bold-foreground: var(--salt-palette-foreground-primary-alt);
1126
- --salt-category-19-subtle-foreground: var(--salt-palette-categorical-19-strong);
1127
- --salt-category-19-subtle-background: var(--salt-palette-categorical-19-weakest);
1128
- --salt-category-19-subtle-borderColor: var(--salt-palette-categorical-19);
1129
- --salt-category-19-bold-background: var(--salt-palette-categorical-19);
1130
935
  --salt-category-19-bold-foreground: var(--salt-palette-foreground-primary-alt);
1131
- --salt-category-20-subtle-foreground: var(--salt-palette-categorical-20-strong);
1132
- --salt-category-20-subtle-background: var(--salt-palette-categorical-20-weakest);
1133
- --salt-category-20-subtle-borderColor: var(--salt-palette-categorical-20);
1134
- --salt-category-20-bold-background: var(--salt-palette-categorical-20);
1135
936
  --salt-category-20-bold-foreground: var(--salt-palette-foreground-primary-alt);
1136
937
  }
1137
938
 
1138
- /* css/commercial/characteristics/container.css */
1139
- .salt-theme-next,
1140
- .salt-theme[data-brand=commercial] {
939
+ /* css/characteristics/container-next.css */
940
+ .salt-theme.salt-theme-next {
1141
941
  --salt-container-primary-background: var(--salt-palette-background-primary);
1142
942
  --salt-container-primary-background-disabled: var(--salt-palette-background-primary-disabled);
1143
943
  --salt-container-primary-borderColor: var(--salt-palette-alpha-contrast-medium);
@@ -1150,13 +950,10 @@
1150
950
  --salt-container-tertiary-background-disabled: var(--salt-palette-background-tertiary-disabled);
1151
951
  --salt-container-tertiary-borderColor: var(--salt-palette-alpha-contrast-medium);
1152
952
  --salt-container-tertiary-borderColor-disabled: var(--salt-palette-alpha-contrast-lower);
1153
- --salt-container-ghost-background: var(--salt-palette-alpha-medium);
1154
- --salt-container-ghost-borderColor: var(--salt-palette-alpha-contrast-medium);
1155
953
  }
1156
954
 
1157
- /* css/commercial/characteristics/content.css */
1158
- .salt-theme-next,
1159
- .salt-theme[data-brand=commercial] {
955
+ /* css/characteristics/content-next.css */
956
+ .salt-theme.salt-theme-next {
1160
957
  --salt-content-primary-foreground: var(--salt-palette-foreground-primary);
1161
958
  --salt-content-primary-foreground-disabled: var(--salt-palette-foreground-primary-disabled);
1162
959
  --salt-content-secondary-foreground: var(--salt-palette-foreground-secondary);
@@ -1171,9 +968,8 @@
1171
968
  --salt-content-foreground-highlight: var(--salt-palette-accent-weaker);
1172
969
  }
1173
970
 
1174
- /* css/commercial/characteristics/editable.css */
1175
- .salt-theme-next,
1176
- .salt-theme[data-brand=commercial] {
971
+ /* css/characteristics/editable-next.css */
972
+ .salt-theme.salt-theme-next {
1177
973
  --salt-editable-borderColor: var(--salt-palette-neutral);
1178
974
  --salt-editable-borderColor-active: var(--salt-palette-accent-stronger);
1179
975
  --salt-editable-borderColor-disabled: var(--salt-palette-neutral-disabled);
@@ -1191,20 +987,13 @@
1191
987
  --salt-editable-secondary-background-readonly: var(--salt-palette-alpha-none);
1192
988
  }
1193
989
 
1194
- /* css/commercial/characteristics/focused.css */
1195
- .salt-theme-next,
1196
- .salt-theme[data-brand=commercial] {
990
+ /* css/characteristics/focused-next.css */
991
+ .salt-theme.salt-theme-next {
1197
992
  --salt-focused-outlineColor: var(--salt-palette-accent-stronger);
1198
- --salt-focused-outlineStyle: dotted;
1199
- --salt-focused-outlineWidth: var(--salt-size-fixed-200);
1200
- --salt-focused-outlineInset: 0;
1201
- --salt-focused-outlineOffset: 0;
1202
- --salt-focused-outline: var(--salt-focused-outlineWidth) var(--salt-focused-outlineStyle) var(--salt-focused-outlineColor);
1203
993
  }
1204
994
 
1205
- /* css/commercial/characteristics/navigable.css */
1206
- .salt-theme-next,
1207
- .salt-theme[data-brand=commercial] {
995
+ /* css/characteristics/navigable-next.css */
996
+ .salt-theme.salt-theme-next {
1208
997
  --salt-navigable-indicator-hover: var(--salt-palette-neutral);
1209
998
  --salt-navigable-accent-indicator-active: var(--salt-palette-accent);
1210
999
  --salt-navigable-background-hover: var(--salt-palette-alpha-contrast-lowest);
@@ -1212,30 +1001,21 @@
1212
1001
  --salt-navigable-accent-borderColor-active: var(--salt-palette-accent);
1213
1002
  }
1214
1003
 
1215
- /* css/commercial/characteristics/overlayable.css */
1216
- .salt-theme-next,
1217
- .salt-theme[data-brand=commercial] {
1218
- --salt-overlayable-shadow-scroll: var(--salt-shadow-100);
1219
- --salt-overlayable-shadow-region: var(--salt-shadow-200);
1220
- --salt-overlayable-shadow: var(--salt-shadow-200);
1221
- --salt-overlayable-shadow-hover: var(--salt-shadow-300);
1222
- --salt-overlayable-shadow-popout: var(--salt-shadow-400);
1223
- --salt-overlayable-shadow-drag: var(--salt-shadow-400);
1224
- --salt-overlayable-shadow-modal: var(--salt-shadow-500);
1004
+ /* css/characteristics/overlayable-next.css */
1005
+ .salt-theme.salt-theme-next {
1225
1006
  --salt-overlayable-background: var(--salt-palette-alpha-higher);
1226
1007
  --salt-overlayable-background-highlight: var(--salt-palette-alpha-contrast-medium);
1227
1008
  --salt-overlayable-background-rangeSelection: var(--salt-palette-alpha-contrast-mediumLow);
1228
1009
  }
1229
1010
 
1230
- /* css/commercial/characteristics/selectable.css */
1231
- .salt-theme-next,
1232
- .salt-theme[data-brand=commercial] {
1011
+ /* css/characteristics/selectable-next.css */
1012
+ .salt-theme.salt-theme-next {
1233
1013
  --salt-selectable-borderColor: var(--salt-palette-neutral);
1234
1014
  --salt-selectable-borderColor-hover: var(--salt-palette-accent-weak);
1235
1015
  --salt-selectable-borderColor-selected: var(--salt-palette-accent);
1236
1016
  --salt-selectable-borderColor-selectedDisabled: var(--salt-palette-accent-disabled);
1237
1017
  --salt-selectable-borderColor-disabled: var(--salt-palette-neutral-disabled);
1238
- --salt-selectable-borderColor-readonly: var(--salt-palette-neutral-readonly);
1018
+ --salt-selectable-borderColor-readonly: var(--salt-palette-neutral);
1239
1019
  --salt-selectable-foreground: var(--salt-palette-neutral-strong);
1240
1020
  --salt-selectable-foreground-disabled: var(--salt-palette-neutral-strong-disabled);
1241
1021
  --salt-selectable-foreground-hover: var(--salt-palette-accent-weak);
@@ -1248,9 +1028,8 @@
1248
1028
  --salt-selectable-background-selectedDisabled: var(--salt-palette-accent-weaker-disabled);
1249
1029
  }
1250
1030
 
1251
- /* css/commercial/characteristics/sentiment.css */
1252
- .salt-theme-next,
1253
- .salt-theme[data-brand=commercial] {
1031
+ /* css/characteristics/sentiment-next.css */
1032
+ .salt-theme-next.salt-theme {
1254
1033
  --salt-sentiment-negative-foreground-informative: var(--salt-palette-negative-strong);
1255
1034
  --salt-sentiment-positive-foreground-informative: var(--salt-palette-positive-strong);
1256
1035
  --salt-sentiment-negative-foreground-decorative: var(--salt-palette-negative);
@@ -1259,9 +1038,8 @@
1259
1038
  --salt-sentiment-neutral-track-disabled: var(--salt-palette-alpha-contrast-lower);
1260
1039
  }
1261
1040
 
1262
- /* css/commercial/characteristics/separable.css */
1263
- .salt-theme-next,
1264
- .salt-theme[data-brand=commercial] {
1041
+ /* css/characteristics/separable-next.css */
1042
+ .salt-theme.salt-theme-next {
1265
1043
  --salt-separable-primary-borderColor: var(--salt-palette-alpha-contrast-mediumHigh);
1266
1044
  --salt-separable-secondary-borderColor: var(--salt-palette-alpha-contrast-medium);
1267
1045
  --salt-separable-tertiary-borderColor: var(--salt-palette-alpha-contrast-mediumLow);
@@ -1273,114 +1051,41 @@
1273
1051
  --salt-separable-background-active: var(--salt-palette-accent);
1274
1052
  }
1275
1053
 
1276
- /* css/commercial/characteristics/status.css */
1277
- .salt-theme-next,
1278
- .salt-theme[data-brand=commercial] {
1279
- --salt-status-error-foreground-decorative: var(--salt-palette-negative);
1280
- --salt-status-error-foreground-informative: var(--salt-palette-negative-strong);
1281
- --salt-status-error-background: var(--salt-palette-negative-weak);
1282
- --salt-status-error-background-selected: var(--salt-palette-negative-weak);
1283
- --salt-status-error-bold-background: var(--salt-palette-negative);
1284
- --salt-status-error-borderColor: var(--salt-palette-negative);
1054
+ /* css/characteristics/status-next.css */
1055
+ .salt-theme.salt-theme-next {
1285
1056
  --salt-status-info-foreground-decorative: var(--salt-palette-info);
1286
- --salt-status-info-foreground-informative: var(--salt-palette-info-strong);
1287
- --salt-status-info-background: var(--salt-palette-info-weak);
1288
- --salt-status-info-bold-background: var(--salt-palette-info);
1289
- --salt-status-info-borderColor: var(--salt-palette-info);
1290
1057
  --salt-status-success-foreground-decorative: var(--salt-palette-positive);
1291
- --salt-status-success-foreground-informative: var(--salt-palette-positive-strong);
1292
- --salt-status-success-background: var(--salt-palette-positive-weak);
1293
- --salt-status-success-background-selected: var(--salt-palette-positive-weak);
1294
- --salt-status-success-bold-background: var(--salt-palette-positive);
1295
- --salt-status-success-borderColor: var(--salt-palette-positive);
1296
1058
  --salt-status-warning-foreground-decorative: var(--salt-palette-warning);
1059
+ --salt-status-error-foreground-decorative: var(--salt-palette-negative);
1060
+ --salt-status-info-foreground-informative: var(--salt-palette-info-strong);
1061
+ --salt-status-success-foreground-informative: var(--salt-palette-positive-strong);
1297
1062
  --salt-status-warning-foreground-informative: var(--salt-palette-warning-strong);
1298
- --salt-status-warning-background: var(--salt-palette-warning-weak);
1299
- --salt-status-warning-background-selected: var(--salt-palette-warning-weak);
1300
- --salt-status-warning-bold-background: var(--salt-palette-warning);
1063
+ --salt-status-error-foreground-informative: var(--salt-palette-negative-strong);
1064
+ --salt-status-info-borderColor: var(--salt-palette-info);
1065
+ --salt-status-success-borderColor: var(--salt-palette-positive);
1301
1066
  --salt-status-warning-borderColor: var(--salt-palette-warning);
1067
+ --salt-status-error-borderColor: var(--salt-palette-negative);
1068
+ --salt-status-info-background: var(--salt-palette-info-weakest);
1069
+ --salt-status-success-background: var(--salt-palette-positive-weakest);
1070
+ --salt-status-warning-background: var(--salt-palette-warning-weakest);
1071
+ --salt-status-error-background: var(--salt-palette-negative-weakest);
1072
+ --salt-status-info-bold-background: var(--salt-palette-info);
1073
+ --salt-status-error-bold-background: var(--salt-palette-negative);
1074
+ --salt-status-warning-bold-background: var(--salt-palette-warning);
1075
+ --salt-status-success-bold-background: var(--salt-palette-positive);
1076
+ --salt-status-success-background-selected: var(--salt-palette-positive-weakest);
1077
+ --salt-status-warning-background-selected: var(--salt-palette-warning-weakest);
1078
+ --salt-status-error-background-selected: var(--salt-palette-negative-weakest);
1302
1079
  }
1303
1080
 
1304
- /* css/commercial/characteristics/target.css */
1305
- .salt-theme-next,
1306
- .salt-theme[data-brand=commercial] {
1081
+ /* css/characteristics/target-next.css */
1082
+ .salt-theme.salt-theme-next {
1307
1083
  --salt-target-background-hover: var(--salt-palette-accent-weakest);
1308
1084
  --salt-target-borderColor-hover: var(--salt-palette-accent);
1309
1085
  }
1310
1086
 
1311
- /* css/commercial/characteristics/text.css */
1312
- .salt-theme-next,
1313
- .salt-theme[data-brand=commercial] {
1314
- --salt-text-letterSpacing: 0;
1315
- --salt-text-textAlign: left;
1316
- --salt-text-textAlign-embedded: center;
1317
- --salt-text-action-fontFamily: var(--salt-palette-text-fontFamily-action);
1318
- --salt-text-action-letterSpacing: 0.6px;
1319
- --salt-text-action-textTransform: uppercase;
1320
- --salt-text-action-textAlign: center;
1321
- --salt-text-action-fontWeight: var(--salt-palette-text-action-fontWeight);
1322
- --salt-text-action-fontWeight-small: var(--salt-palette-text-action-fontWeight-small);
1323
- --salt-text-action-fontWeight-strong: var(--salt-palette-text-action-fontWeight-strong);
1324
- --salt-text-fontFamily: var(--salt-palette-text-fontFamily);
1325
- --salt-text-fontWeight: var(--salt-palette-text-body-fontWeight);
1326
- --salt-text-fontWeight-small: var(--salt-palette-text-body-fontWeight-small);
1327
- --salt-text-fontWeight-strong: var(--salt-palette-text-body-fontWeight-strong);
1328
- --salt-text-notation-fontFamily: var(--salt-palette-text-fontFamily);
1329
- --salt-text-notation-fontWeight: var(--salt-palette-text-notation-fontWeight);
1330
- --salt-text-notation-fontWeight-small: var(--salt-palette-text-notation-fontWeight-small);
1331
- --salt-text-notation-fontWeight-strong: var(--salt-palette-text-notation-fontWeight-strong);
1332
- --salt-text-h1-fontFamily: var(--salt-palette-text-fontFamily-heading);
1333
- --salt-text-h1-fontWeight: var(--salt-palette-text-heading-fontWeight);
1334
- --salt-text-h1-fontWeight-small: var(--salt-palette-text-heading-fontWeight-small);
1335
- --salt-text-h1-fontWeight-strong: var(--salt-palette-text-heading-fontWeight-strong);
1336
- --salt-text-h2-fontFamily: var(--salt-palette-text-fontFamily-heading);
1337
- --salt-text-h2-fontWeight: var(--salt-palette-text-heading-fontWeight);
1338
- --salt-text-h2-fontWeight-small: var(--salt-palette-text-heading-fontWeight-small);
1339
- --salt-text-h2-fontWeight-strong: var(--salt-palette-text-heading-fontWeight-strong);
1340
- --salt-text-h3-fontFamily: var(--salt-palette-text-fontFamily-heading);
1341
- --salt-text-h3-fontWeight: var(--salt-palette-text-heading-fontWeight);
1342
- --salt-text-h3-fontWeight-small: var(--salt-palette-text-heading-fontWeight-small);
1343
- --salt-text-h3-fontWeight-strong: var(--salt-palette-text-heading-fontWeight-strong);
1344
- --salt-text-h4-fontFamily: var(--salt-palette-text-fontFamily-heading);
1345
- --salt-text-h4-fontWeight: var(--salt-palette-text-heading-fontWeight);
1346
- --salt-text-h4-fontWeight-small: var(--salt-palette-text-heading-fontWeight-small);
1347
- --salt-text-h4-fontWeight-strong: var(--salt-palette-text-heading-fontWeight-strong);
1348
- --salt-text-label-fontFamily: var(--salt-palette-text-fontFamily);
1349
- --salt-text-label-fontWeight: var(--salt-palette-text-body-fontWeight);
1350
- --salt-text-label-fontWeight-small: var(--salt-palette-text-body-fontWeight-small);
1351
- --salt-text-label-fontWeight-strong: var(--salt-palette-text-body-fontWeight-strong);
1352
- --salt-text-display1-fontFamily: var(--salt-palette-text-fontFamily-heading);
1353
- --salt-text-display1-fontWeight: var(--salt-palette-text-display-fontWeight);
1354
- --salt-text-display1-fontWeight-strong: var(--salt-palette-text-display-fontWeight-strong);
1355
- --salt-text-display1-fontWeight-small: var(--salt-palette-text-display-fontWeight-small);
1356
- --salt-text-display2-fontFamily: var(--salt-palette-text-fontFamily-heading);
1357
- --salt-text-display2-fontWeight: var(--salt-palette-text-display-fontWeight);
1358
- --salt-text-display2-fontWeight-strong: var(--salt-palette-text-display-fontWeight-strong);
1359
- --salt-text-display2-fontWeight-small: var(--salt-palette-text-display-fontWeight-small);
1360
- --salt-text-display3-fontFamily: var(--salt-palette-text-fontFamily-heading);
1361
- --salt-text-display3-fontWeight: var(--salt-palette-text-display-fontWeight);
1362
- --salt-text-display3-fontWeight-strong: var(--salt-palette-text-display-fontWeight-strong);
1363
- --salt-text-display3-fontWeight-small: var(--salt-palette-text-display-fontWeight-small);
1364
- --salt-text-display4-fontFamily: var(--salt-palette-text-fontFamily-heading);
1365
- --salt-text-display4-fontWeight: var(--salt-palette-text-display-fontWeight);
1366
- --salt-text-display4-fontWeight-strong: var(--salt-palette-text-display-fontWeight-strong);
1367
- --salt-text-display4-fontWeight-small: var(--salt-palette-text-display-fontWeight-small);
1368
- --salt-text-code-fontFamily: var(--salt-palette-text-fontFamily-code);
1369
- }
1370
- .salt-density-touch[data-brand=commercial] {
1371
- --salt-text-h1-fontSize: 42px;
1372
- --salt-text-h1-lineHeight: 54px;
1373
- --salt-text-h2-fontSize: 32px;
1374
- --salt-text-h2-lineHeight: 42px;
1375
- --salt-text-h3-fontSize: 24px;
1376
- --salt-text-h3-lineHeight: 32px;
1377
- --salt-text-h4-fontSize: 16px;
1378
- --salt-text-h4-lineHeight: 20px;
1379
- --salt-text-label-fontSize: 14px;
1380
- --salt-text-label-lineHeight: 18px;
1381
- --salt-text-fontSize: 16px;
1382
- --salt-text-lineHeight: 20px;
1383
- --salt-text-minHeight: 20px;
1087
+ /* css/characteristics/text-next.css */
1088
+ .salt-theme-next.salt-density-touch {
1384
1089
  --salt-text-display1-fontSize: 102px;
1385
1090
  --salt-text-display1-lineHeight: 133px;
1386
1091
  --salt-text-display2-fontSize: 84px;
@@ -1389,23 +1094,8 @@
1389
1094
  --salt-text-display3-lineHeight: 88px;
1390
1095
  --salt-text-display4-fontSize: 54px;
1391
1096
  --salt-text-display4-lineHeight: 70px;
1392
- --salt-text-notation-fontSize: 14px;
1393
- --salt-text-notation-lineHeight: 18px;
1394
1097
  }
1395
- .salt-density-low[data-brand=commercial] {
1396
- --salt-text-h1-fontSize: 32px;
1397
- --salt-text-h1-lineHeight: 42px;
1398
- --salt-text-h2-fontSize: 24px;
1399
- --salt-text-h2-lineHeight: 32px;
1400
- --salt-text-h3-fontSize: 18px;
1401
- --salt-text-h3-lineHeight: 24px;
1402
- --salt-text-h4-fontSize: 14px;
1403
- --salt-text-h4-lineHeight: 18px;
1404
- --salt-text-label-fontSize: 12px;
1405
- --salt-text-label-lineHeight: 16px;
1406
- --salt-text-fontSize: 14px;
1407
- --salt-text-lineHeight: 18px;
1408
- --salt-text-minHeight: 18px;
1098
+ .salt-theme-next.salt-density-low {
1409
1099
  --salt-text-display1-fontSize: 84px;
1410
1100
  --salt-text-display1-lineHeight: 109px;
1411
1101
  --salt-text-display2-fontSize: 68px;
@@ -1414,23 +1104,8 @@
1414
1104
  --salt-text-display3-lineHeight: 70px;
1415
1105
  --salt-text-display4-fontSize: 42px;
1416
1106
  --salt-text-display4-lineHeight: 55px;
1417
- --salt-text-notation-fontSize: 12px;
1418
- --salt-text-notation-lineHeight: 16px;
1419
1107
  }
1420
- .salt-density-medium[data-brand=commercial] {
1421
- --salt-text-h1-fontSize: 24px;
1422
- --salt-text-h1-lineHeight: 32px;
1423
- --salt-text-h2-fontSize: 18px;
1424
- --salt-text-h2-lineHeight: 24px;
1425
- --salt-text-h3-fontSize: 14px;
1426
- --salt-text-h3-lineHeight: 18px;
1427
- --salt-text-h4-fontSize: 12px;
1428
- --salt-text-h4-lineHeight: 16px;
1429
- --salt-text-label-fontSize: 11px;
1430
- --salt-text-label-lineHeight: 14px;
1431
- --salt-text-fontSize: 12px;
1432
- --salt-text-lineHeight: 16px;
1433
- --salt-text-minHeight: 16px;
1108
+ .salt-theme-next.salt-density-medium {
1434
1109
  --salt-text-display1-fontSize: 68px;
1435
1110
  --salt-text-display1-lineHeight: 88px;
1436
1111
  --salt-text-display2-fontSize: 54px;
@@ -1439,23 +1114,8 @@
1439
1114
  --salt-text-display3-lineHeight: 55px;
1440
1115
  --salt-text-display4-fontSize: 32px;
1441
1116
  --salt-text-display4-lineHeight: 42px;
1442
- --salt-text-notation-fontSize: 10px;
1443
- --salt-text-notation-lineHeight: 13px;
1444
1117
  }
1445
- .salt-density-high[data-brand=commercial] {
1446
- --salt-text-h1-fontSize: 18px;
1447
- --salt-text-h1-lineHeight: 24px;
1448
- --salt-text-h2-fontSize: 14px;
1449
- --salt-text-h2-lineHeight: 18px;
1450
- --salt-text-h3-fontSize: 12px;
1451
- --salt-text-h3-lineHeight: 16px;
1452
- --salt-text-h4-fontSize: 11px;
1453
- --salt-text-h4-lineHeight: 14px;
1454
- --salt-text-label-fontSize: 10px;
1455
- --salt-text-label-lineHeight: 13px;
1456
- --salt-text-fontSize: 11px;
1457
- --salt-text-lineHeight: 14px;
1458
- --salt-text-minHeight: 14px;
1118
+ .salt-theme-next.salt-density-high {
1459
1119
  --salt-text-display1-fontSize: 54px;
1460
1120
  --salt-text-display1-lineHeight: 70px;
1461
1121
  --salt-text-display2-fontSize: 42px;
@@ -1464,24 +1124,41 @@
1464
1124
  --salt-text-display3-lineHeight: 42px;
1465
1125
  --salt-text-display4-fontSize: 24px;
1466
1126
  --salt-text-display4-lineHeight: 32px;
1467
- --salt-text-notation-fontSize: 8px;
1468
- --salt-text-notation-lineHeight: 10px;
1127
+ }
1128
+
1129
+ /* css/deprecated/characteristics-next.css */
1130
+ .salt-theme.salt-theme-next {
1131
+ --salt-navigable-indicator-active: var(--salt-palette-accent);
1132
+ --salt-selectable-background-blurSelected: var(--salt-palette-neutral-weakest);
1133
+ --salt-status-static-foreground: var(--salt-palette-foreground-secondary);
1134
+ --salt-status-negative-foreground: var(--salt-palette-negative);
1135
+ --salt-status-positive-foreground: var(--salt-palette-positive);
1136
+ --salt-track-borderColor: var(--salt-palette-alpha-contrast-high);
1137
+ --salt-track-borderColor-disabled: var(--salt-palette-alpha-contrast-lower);
1469
1138
  }
1470
1139
 
1471
1140
  /* css/deprecated/foundations-next.css */
1472
- .salt-theme[data-brand=commercial] {
1141
+ .salt-theme.salt-theme-next {
1473
1142
  --salt-color-background-gradientlight-rgb: var(--salt-color-background-titanium-rgb);
1474
1143
  --salt-color-background-gradientlight: var(--salt-color-background-titanium);
1475
1144
  }
1476
1145
 
1477
1146
  /* css/deprecated/palette-next.css */
1478
- .salt-theme[data-brand=commercial][data-mode=light] {
1147
+ .salt-theme[data-mode=light] {
1479
1148
  --salt-palette-foreground-active: var(--salt-color-blue-700);
1480
1149
  --salt-palette-foreground-hover: var(--salt-color-blue-600);
1150
+ --salt-palette-warning-weak: var(--salt-color-orange-100);
1151
+ --salt-palette-positive-weak: var(--salt-color-green-100);
1152
+ --salt-palette-info-weak: var(--salt-color-blue-100);
1153
+ --salt-palette-negative-weak: var(--salt-color-red-100);
1481
1154
  }
1482
- .salt-theme[data-brand=commercial][data-mode=dark] {
1155
+ .salt-theme[data-mode=dark] {
1483
1156
  --salt-palette-foreground-active: var(--salt-color-blue-300);
1484
1157
  --salt-palette-foreground-hover: var(--salt-color-blue-400);
1158
+ --salt-palette-warning-weak: var(--salt-color-orange-900);
1159
+ --salt-palette-positive-weak: var(--salt-color-green-900);
1160
+ --salt-palette-info-weak: var(--salt-color-blue-900);
1161
+ --salt-palette-negative-weak: var(--salt-color-red-900);
1485
1162
  }
1486
1163
 
1487
- /* css/commercial/index.css */
1164
+ /* css/theme-next.css */