@primer/primitives 10.6.1-rc.792232b9 → 10.7.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (47) hide show
  1. package/dist/css/functional/themes/dark-colorblind.css +380 -0
  2. package/dist/css/functional/themes/dark-dimmed.css +380 -0
  3. package/dist/css/functional/themes/dark-high-contrast.css +380 -0
  4. package/dist/css/functional/themes/dark-tritanopia.css +380 -0
  5. package/dist/css/functional/themes/dark.css +380 -0
  6. package/dist/css/functional/themes/light-colorblind.css +380 -0
  7. package/dist/css/functional/themes/light-high-contrast.css +380 -0
  8. package/dist/css/functional/themes/light-tritanopia.css +380 -0
  9. package/dist/css/functional/themes/light.css +380 -0
  10. package/dist/docs/functional/themes/dark-colorblind.json +5508 -188
  11. package/dist/docs/functional/themes/dark-dimmed.json +5508 -188
  12. package/dist/docs/functional/themes/dark-high-contrast.json +6164 -844
  13. package/dist/docs/functional/themes/dark-tritanopia.json +5508 -188
  14. package/dist/docs/functional/themes/dark.json +5508 -188
  15. package/dist/docs/functional/themes/light-colorblind.json +5514 -194
  16. package/dist/docs/functional/themes/light-high-contrast.json +5529 -209
  17. package/dist/docs/functional/themes/light-tritanopia.json +5514 -194
  18. package/dist/docs/functional/themes/light.json +5514 -194
  19. package/dist/figma/themes/dark-colorblind.json +3606 -566
  20. package/dist/figma/themes/dark-dimmed.json +3607 -567
  21. package/dist/figma/themes/dark-high-contrast.json +3612 -572
  22. package/dist/figma/themes/dark-tritanopia.json +3606 -566
  23. package/dist/figma/themes/dark.json +3606 -566
  24. package/dist/figma/themes/light-colorblind.json +3613 -573
  25. package/dist/figma/themes/light-high-contrast.json +3607 -567
  26. package/dist/figma/themes/light-tritanopia.json +3612 -572
  27. package/dist/figma/themes/light.json +3612 -572
  28. package/dist/internalCss/dark-colorblind.css +380 -0
  29. package/dist/internalCss/dark-dimmed.css +380 -0
  30. package/dist/internalCss/dark-high-contrast.css +380 -0
  31. package/dist/internalCss/dark-tritanopia.css +380 -0
  32. package/dist/internalCss/dark.css +380 -0
  33. package/dist/internalCss/light-colorblind.css +380 -0
  34. package/dist/internalCss/light-high-contrast.css +380 -0
  35. package/dist/internalCss/light-tritanopia.css +380 -0
  36. package/dist/internalCss/light.css +380 -0
  37. package/dist/styleLint/functional/themes/dark-colorblind.json +5504 -184
  38. package/dist/styleLint/functional/themes/dark-dimmed.json +5504 -184
  39. package/dist/styleLint/functional/themes/dark-high-contrast.json +5505 -185
  40. package/dist/styleLint/functional/themes/dark-tritanopia.json +5504 -184
  41. package/dist/styleLint/functional/themes/dark.json +5504 -184
  42. package/dist/styleLint/functional/themes/light-colorblind.json +5518 -198
  43. package/dist/styleLint/functional/themes/light-high-contrast.json +5523 -203
  44. package/dist/styleLint/functional/themes/light-tritanopia.json +5518 -198
  45. package/dist/styleLint/functional/themes/light.json +5518 -198
  46. package/package.json +1 -1
  47. package/src/tokens/functional/color/display.json5 +3123 -615
@@ -511,96 +511,286 @@
511
511
  --display-auburn-borderColor-emphasis: var(--base-display-color-auburn-5);
512
512
  --display-auburn-borderColor-muted: var(--base-display-color-auburn-1);
513
513
  --display-auburn-fgColor: var(--base-display-color-auburn-6);
514
+ --display-auburn-scale-0: var(--base-display-color-auburn-0);
515
+ --display-auburn-scale-1: var(--base-display-color-auburn-1);
516
+ --display-auburn-scale-2: var(--base-display-color-auburn-2);
517
+ --display-auburn-scale-3: var(--base-display-color-auburn-3);
518
+ --display-auburn-scale-4: var(--base-display-color-auburn-4);
519
+ --display-auburn-scale-5: var(--base-display-color-auburn-5);
520
+ --display-auburn-scale-6: var(--base-display-color-auburn-6);
521
+ --display-auburn-scale-7: var(--base-display-color-auburn-7);
522
+ --display-auburn-scale-8: var(--base-display-color-auburn-8);
523
+ --display-auburn-scale-9: var(--base-display-color-auburn-9);
514
524
  --display-blue-bgColor-emphasis: var(--base-display-color-blue-5);
515
525
  --display-blue-bgColor-muted: var(--base-display-color-blue-0);
516
526
  --display-blue-borderColor-emphasis: var(--base-display-color-blue-5);
517
527
  --display-blue-borderColor-muted: var(--base-display-color-blue-1);
518
528
  --display-blue-fgColor: var(--base-display-color-blue-6);
529
+ --display-blue-scale-0: var(--base-display-color-blue-0);
530
+ --display-blue-scale-1: var(--base-display-color-blue-1);
531
+ --display-blue-scale-2: var(--base-display-color-blue-2);
532
+ --display-blue-scale-3: var(--base-display-color-blue-3);
533
+ --display-blue-scale-4: var(--base-display-color-blue-4);
534
+ --display-blue-scale-5: var(--base-display-color-blue-5);
535
+ --display-blue-scale-6: var(--base-display-color-blue-6);
536
+ --display-blue-scale-7: var(--base-display-color-blue-7);
537
+ --display-blue-scale-8: var(--base-display-color-blue-8);
538
+ --display-blue-scale-9: var(--base-display-color-blue-9);
519
539
  --display-brown-bgColor-emphasis: var(--base-display-color-brown-5);
520
540
  --display-brown-bgColor-muted: var(--base-display-color-brown-0);
521
541
  --display-brown-borderColor-emphasis: var(--base-display-color-brown-5);
522
542
  --display-brown-borderColor-muted: var(--base-display-color-brown-1);
523
543
  --display-brown-fgColor: var(--base-display-color-brown-6);
544
+ --display-brown-scale-0: var(--base-display-color-brown-0);
545
+ --display-brown-scale-1: var(--base-display-color-brown-1);
546
+ --display-brown-scale-2: var(--base-display-color-brown-2);
547
+ --display-brown-scale-3: var(--base-display-color-brown-3);
548
+ --display-brown-scale-4: var(--base-display-color-brown-4);
549
+ --display-brown-scale-5: var(--base-display-color-brown-5);
550
+ --display-brown-scale-6: var(--base-display-color-brown-6);
551
+ --display-brown-scale-7: var(--base-display-color-brown-7);
552
+ --display-brown-scale-8: var(--base-display-color-brown-8);
553
+ --display-brown-scale-9: var(--base-display-color-brown-9);
524
554
  --display-coral-bgColor-emphasis: var(--base-display-color-coral-5);
525
555
  --display-coral-bgColor-muted: var(--base-display-color-coral-0);
526
556
  --display-coral-borderColor-emphasis: var(--base-display-color-coral-5);
527
557
  --display-coral-borderColor-muted: var(--base-display-color-coral-1);
528
558
  --display-coral-fgColor: var(--base-display-color-coral-6);
559
+ --display-coral-scale-0: var(--base-display-color-coral-0);
560
+ --display-coral-scale-1: var(--base-display-color-coral-1);
561
+ --display-coral-scale-2: var(--base-display-color-coral-2);
562
+ --display-coral-scale-3: var(--base-display-color-coral-3);
563
+ --display-coral-scale-4: var(--base-display-color-coral-4);
564
+ --display-coral-scale-5: var(--base-display-color-coral-5);
565
+ --display-coral-scale-6: var(--base-display-color-coral-6);
566
+ --display-coral-scale-7: var(--base-display-color-coral-7);
567
+ --display-coral-scale-8: var(--base-display-color-coral-8);
568
+ --display-coral-scale-9: var(--base-display-color-coral-9);
529
569
  --display-cyan-bgColor-emphasis: var(--base-display-color-cyan-5);
530
570
  --display-cyan-bgColor-muted: var(--base-display-color-cyan-0);
531
571
  --display-cyan-borderColor-emphasis: var(--base-display-color-cyan-5);
532
572
  --display-cyan-borderColor-muted: var(--base-display-color-cyan-1);
533
573
  --display-cyan-fgColor: var(--base-display-color-cyan-6);
574
+ --display-cyan-scale-0: var(--base-display-color-cyan-0);
575
+ --display-cyan-scale-1: var(--base-display-color-cyan-1);
576
+ --display-cyan-scale-2: var(--base-display-color-cyan-2);
577
+ --display-cyan-scale-3: var(--base-display-color-cyan-3);
578
+ --display-cyan-scale-4: var(--base-display-color-cyan-4);
579
+ --display-cyan-scale-5: var(--base-display-color-cyan-5);
580
+ --display-cyan-scale-6: var(--base-display-color-cyan-6);
581
+ --display-cyan-scale-7: var(--base-display-color-cyan-7);
582
+ --display-cyan-scale-8: var(--base-display-color-cyan-8);
583
+ --display-cyan-scale-9: var(--base-display-color-cyan-9);
534
584
  --display-gray-bgColor-emphasis: var(--base-display-color-gray-5);
535
585
  --display-gray-bgColor-muted: var(--base-display-color-gray-0);
536
586
  --display-gray-borderColor-emphasis: var(--base-display-color-gray-5);
537
587
  --display-gray-borderColor-muted: var(--base-display-color-gray-1);
538
588
  --display-gray-fgColor: var(--base-display-color-gray-6);
589
+ --display-gray-scale-0: var(--base-display-color-gray-0);
590
+ --display-gray-scale-1: var(--base-display-color-gray-1);
591
+ --display-gray-scale-2: var(--base-display-color-gray-2);
592
+ --display-gray-scale-3: var(--base-display-color-gray-3);
593
+ --display-gray-scale-4: var(--base-display-color-gray-4);
594
+ --display-gray-scale-5: var(--base-display-color-gray-5);
595
+ --display-gray-scale-6: var(--base-display-color-gray-6);
596
+ --display-gray-scale-7: var(--base-display-color-gray-7);
597
+ --display-gray-scale-8: var(--base-display-color-gray-8);
598
+ --display-gray-scale-9: var(--base-display-color-gray-9);
539
599
  --display-green-bgColor-emphasis: var(--base-display-color-green-5);
540
600
  --display-green-bgColor-muted: var(--base-display-color-green-0);
541
601
  --display-green-borderColor-emphasis: var(--base-display-color-green-5);
542
602
  --display-green-borderColor-muted: var(--base-display-color-green-1);
543
603
  --display-green-fgColor: var(--base-display-color-green-6);
604
+ --display-green-scale-0: var(--base-display-color-green-0);
605
+ --display-green-scale-1: var(--base-display-color-green-1);
606
+ --display-green-scale-2: var(--base-display-color-green-2);
607
+ --display-green-scale-3: var(--base-display-color-green-3);
608
+ --display-green-scale-4: var(--base-display-color-green-4);
609
+ --display-green-scale-5: var(--base-display-color-green-5);
610
+ --display-green-scale-6: var(--base-display-color-green-6);
611
+ --display-green-scale-7: var(--base-display-color-green-7);
612
+ --display-green-scale-8: var(--base-display-color-green-8);
613
+ --display-green-scale-9: var(--base-display-color-green-9);
544
614
  --display-indigo-bgColor-emphasis: var(--base-display-color-indigo-5);
545
615
  --display-indigo-bgColor-muted: var(--base-display-color-indigo-0);
546
616
  --display-indigo-borderColor-emphasis: var(--base-display-color-indigo-5);
547
617
  --display-indigo-borderColor-muted: var(--base-display-color-indigo-1);
548
618
  --display-indigo-fgColor: var(--base-display-color-indigo-6);
619
+ --display-indigo-scale-0: var(--base-display-color-indigo-0);
620
+ --display-indigo-scale-1: var(--base-display-color-indigo-1);
621
+ --display-indigo-scale-2: var(--base-display-color-indigo-2);
622
+ --display-indigo-scale-3: var(--base-display-color-indigo-3);
623
+ --display-indigo-scale-4: var(--base-display-color-indigo-4);
624
+ --display-indigo-scale-5: var(--base-display-color-indigo-5);
625
+ --display-indigo-scale-6: var(--base-display-color-indigo-6);
626
+ --display-indigo-scale-7: var(--base-display-color-indigo-7);
627
+ --display-indigo-scale-8: var(--base-display-color-indigo-8);
628
+ --display-indigo-scale-9: var(--base-display-color-indigo-9);
549
629
  --display-lemon-bgColor-emphasis: var(--base-display-color-lemon-5);
550
630
  --display-lemon-bgColor-muted: var(--base-display-color-lemon-0);
551
631
  --display-lemon-borderColor-emphasis: var(--base-display-color-lemon-5);
552
632
  --display-lemon-borderColor-muted: var(--base-display-color-lemon-1);
553
633
  --display-lemon-fgColor: var(--base-display-color-lemon-6);
634
+ --display-lemon-scale-0: var(--base-display-color-lemon-0);
635
+ --display-lemon-scale-1: var(--base-display-color-lemon-1);
636
+ --display-lemon-scale-2: var(--base-display-color-lemon-2);
637
+ --display-lemon-scale-3: var(--base-display-color-lemon-3);
638
+ --display-lemon-scale-4: var(--base-display-color-lemon-4);
639
+ --display-lemon-scale-5: var(--base-display-color-lemon-5);
640
+ --display-lemon-scale-6: var(--base-display-color-lemon-6);
641
+ --display-lemon-scale-7: var(--base-display-color-lemon-7);
642
+ --display-lemon-scale-8: var(--base-display-color-lemon-8);
643
+ --display-lemon-scale-9: var(--base-display-color-lemon-9);
554
644
  --display-lime-bgColor-emphasis: var(--base-display-color-lime-5);
555
645
  --display-lime-bgColor-muted: var(--base-display-color-lime-0);
556
646
  --display-lime-borderColor-emphasis: var(--base-display-color-lime-5);
557
647
  --display-lime-borderColor-muted: var(--base-display-color-lime-1);
558
648
  --display-lime-fgColor: var(--base-display-color-lime-6);
649
+ --display-lime-scale-0: var(--base-display-color-lime-0);
650
+ --display-lime-scale-1: var(--base-display-color-lime-1);
651
+ --display-lime-scale-2: var(--base-display-color-lime-2);
652
+ --display-lime-scale-3: var(--base-display-color-lime-3);
653
+ --display-lime-scale-4: var(--base-display-color-lime-4);
654
+ --display-lime-scale-5: var(--base-display-color-lime-5);
655
+ --display-lime-scale-6: var(--base-display-color-lime-6);
656
+ --display-lime-scale-7: var(--base-display-color-lime-7);
657
+ --display-lime-scale-8: var(--base-display-color-lime-8);
658
+ --display-lime-scale-9: var(--base-display-color-lime-9);
559
659
  --display-olive-bgColor-emphasis: var(--base-display-color-olive-5);
560
660
  --display-olive-bgColor-muted: var(--base-display-color-olive-0);
561
661
  --display-olive-borderColor-emphasis: var(--base-display-color-olive-5);
562
662
  --display-olive-borderColor-muted: var(--base-display-color-olive-1);
563
663
  --display-olive-fgColor: var(--base-display-color-olive-6);
664
+ --display-olive-scale-0: var(--base-display-color-olive-0);
665
+ --display-olive-scale-1: var(--base-display-color-olive-1);
666
+ --display-olive-scale-2: var(--base-display-color-olive-2);
667
+ --display-olive-scale-3: var(--base-display-color-olive-3);
668
+ --display-olive-scale-4: var(--base-display-color-olive-4);
669
+ --display-olive-scale-5: var(--base-display-color-olive-5);
670
+ --display-olive-scale-6: var(--base-display-color-olive-6);
671
+ --display-olive-scale-7: var(--base-display-color-olive-7);
672
+ --display-olive-scale-8: var(--base-display-color-olive-8);
673
+ --display-olive-scale-9: var(--base-display-color-olive-9);
564
674
  --display-orange-bgColor-emphasis: var(--base-display-color-orange-5);
565
675
  --display-orange-bgColor-muted: var(--base-display-color-orange-0);
566
676
  --display-orange-borderColor-emphasis: var(--base-display-color-orange-5);
567
677
  --display-orange-borderColor-muted: var(--base-display-color-orange-1);
568
678
  --display-orange-fgColor: var(--base-display-color-orange-6);
679
+ --display-orange-scale-0: var(--base-display-color-orange-0);
680
+ --display-orange-scale-1: var(--base-display-color-orange-1);
681
+ --display-orange-scale-2: var(--base-display-color-orange-2);
682
+ --display-orange-scale-3: var(--base-display-color-orange-3);
683
+ --display-orange-scale-4: var(--base-display-color-orange-4);
684
+ --display-orange-scale-5: var(--base-display-color-orange-5);
685
+ --display-orange-scale-6: var(--base-display-color-orange-6);
686
+ --display-orange-scale-7: var(--base-display-color-orange-7);
687
+ --display-orange-scale-8: var(--base-display-color-orange-8);
688
+ --display-orange-scale-9: var(--base-display-color-orange-9);
569
689
  --display-pine-bgColor-emphasis: var(--base-display-color-pine-5);
570
690
  --display-pine-bgColor-muted: var(--base-display-color-pine-0);
571
691
  --display-pine-borderColor-emphasis: var(--base-display-color-pine-5);
572
692
  --display-pine-borderColor-muted: var(--base-display-color-pine-1);
573
693
  --display-pine-fgColor: var(--base-display-color-pine-6);
694
+ --display-pine-scale-0: var(--base-display-color-pine-0);
695
+ --display-pine-scale-1: var(--base-display-color-pine-1);
696
+ --display-pine-scale-2: var(--base-display-color-pine-2);
697
+ --display-pine-scale-3: var(--base-display-color-pine-3);
698
+ --display-pine-scale-4: var(--base-display-color-pine-4);
699
+ --display-pine-scale-5: var(--base-display-color-pine-5);
700
+ --display-pine-scale-6: var(--base-display-color-pine-6);
701
+ --display-pine-scale-7: var(--base-display-color-pine-7);
702
+ --display-pine-scale-8: var(--base-display-color-pine-8);
703
+ --display-pine-scale-9: var(--base-display-color-pine-9);
574
704
  --display-pink-bgColor-emphasis: var(--base-display-color-pink-5);
575
705
  --display-pink-bgColor-muted: var(--base-display-color-pink-0);
576
706
  --display-pink-borderColor-emphasis: var(--base-display-color-pink-5);
577
707
  --display-pink-borderColor-muted: var(--base-display-color-pink-1);
578
708
  --display-pink-fgColor: var(--base-display-color-pink-6);
709
+ --display-pink-scale-0: var(--base-display-color-pink-0);
710
+ --display-pink-scale-1: var(--base-display-color-pink-1);
711
+ --display-pink-scale-2: var(--base-display-color-pink-2);
712
+ --display-pink-scale-3: var(--base-display-color-pink-3);
713
+ --display-pink-scale-4: var(--base-display-color-pink-4);
714
+ --display-pink-scale-5: var(--base-display-color-pink-5);
715
+ --display-pink-scale-6: var(--base-display-color-pink-6);
716
+ --display-pink-scale-7: var(--base-display-color-pink-7);
717
+ --display-pink-scale-8: var(--base-display-color-pink-8);
718
+ --display-pink-scale-9: var(--base-display-color-pink-9);
579
719
  --display-plum-bgColor-emphasis: var(--base-display-color-plum-5);
580
720
  --display-plum-bgColor-muted: var(--base-display-color-plum-0);
581
721
  --display-plum-borderColor-emphasis: var(--base-display-color-plum-5);
582
722
  --display-plum-borderColor-muted: var(--base-display-color-plum-1);
583
723
  --display-plum-fgColor: var(--base-display-color-plum-6);
724
+ --display-plum-scale-0: var(--base-display-color-plum-0);
725
+ --display-plum-scale-1: var(--base-display-color-plum-1);
726
+ --display-plum-scale-2: var(--base-display-color-plum-2);
727
+ --display-plum-scale-3: var(--base-display-color-plum-3);
728
+ --display-plum-scale-4: var(--base-display-color-plum-4);
729
+ --display-plum-scale-5: var(--base-display-color-plum-5);
730
+ --display-plum-scale-6: var(--base-display-color-plum-6);
731
+ --display-plum-scale-7: var(--base-display-color-plum-7);
732
+ --display-plum-scale-8: var(--base-display-color-plum-8);
733
+ --display-plum-scale-9: var(--base-display-color-plum-9);
584
734
  --display-purple-bgColor-emphasis: var(--base-display-color-purple-5);
585
735
  --display-purple-bgColor-muted: var(--base-display-color-purple-0);
586
736
  --display-purple-borderColor-emphasis: var(--base-display-color-purple-5);
587
737
  --display-purple-borderColor-muted: var(--base-display-color-purple-1);
588
738
  --display-purple-fgColor: var(--base-display-color-purple-6);
739
+ --display-purple-scale-0: var(--base-display-color-purple-0);
740
+ --display-purple-scale-1: var(--base-display-color-purple-1);
741
+ --display-purple-scale-2: var(--base-display-color-purple-2);
742
+ --display-purple-scale-3: var(--base-display-color-purple-3);
743
+ --display-purple-scale-4: var(--base-display-color-purple-4);
744
+ --display-purple-scale-5: var(--base-display-color-purple-5);
745
+ --display-purple-scale-6: var(--base-display-color-purple-6);
746
+ --display-purple-scale-7: var(--base-display-color-purple-7);
747
+ --display-purple-scale-8: var(--base-display-color-purple-8);
748
+ --display-purple-scale-9: var(--base-display-color-purple-9);
589
749
  --display-red-bgColor-emphasis: var(--base-display-color-red-5);
590
750
  --display-red-bgColor-muted: var(--base-display-color-red-0);
591
751
  --display-red-borderColor-emphasis: var(--base-display-color-red-5);
592
752
  --display-red-borderColor-muted: var(--base-display-color-red-1);
593
753
  --display-red-fgColor: var(--base-display-color-red-6);
754
+ --display-red-scale-0: var(--base-display-color-red-0);
755
+ --display-red-scale-1: var(--base-display-color-red-1);
756
+ --display-red-scale-2: var(--base-display-color-red-2);
757
+ --display-red-scale-3: var(--base-display-color-red-3);
758
+ --display-red-scale-4: var(--base-display-color-red-4);
759
+ --display-red-scale-5: var(--base-display-color-red-5);
760
+ --display-red-scale-6: var(--base-display-color-red-6);
761
+ --display-red-scale-7: var(--base-display-color-red-7);
762
+ --display-red-scale-8: var(--base-display-color-red-8);
763
+ --display-red-scale-9: var(--base-display-color-red-9);
594
764
  --display-teal-bgColor-emphasis: var(--base-display-color-teal-5);
595
765
  --display-teal-bgColor-muted: var(--base-display-color-teal-0);
596
766
  --display-teal-borderColor-emphasis: var(--base-display-color-teal-5);
597
767
  --display-teal-borderColor-muted: var(--base-display-color-teal-1);
598
768
  --display-teal-fgColor: var(--base-display-color-teal-6);
769
+ --display-teal-scale-0: var(--base-display-color-teal-0);
770
+ --display-teal-scale-1: var(--base-display-color-teal-1);
771
+ --display-teal-scale-2: var(--base-display-color-teal-2);
772
+ --display-teal-scale-3: var(--base-display-color-teal-3);
773
+ --display-teal-scale-4: var(--base-display-color-teal-4);
774
+ --display-teal-scale-5: var(--base-display-color-teal-5);
775
+ --display-teal-scale-6: var(--base-display-color-teal-6);
776
+ --display-teal-scale-7: var(--base-display-color-teal-7);
777
+ --display-teal-scale-8: var(--base-display-color-teal-8);
778
+ --display-teal-scale-9: var(--base-display-color-teal-9);
599
779
  --display-yellow-bgColor-emphasis: var(--base-display-color-yellow-5);
600
780
  --display-yellow-bgColor-muted: var(--base-display-color-yellow-0);
601
781
  --display-yellow-borderColor-emphasis: var(--base-display-color-yellow-5);
602
782
  --display-yellow-borderColor-muted: var(--base-display-color-yellow-1);
603
783
  --display-yellow-fgColor: var(--base-display-color-yellow-6);
784
+ --display-yellow-scale-0: var(--base-display-color-yellow-0);
785
+ --display-yellow-scale-1: var(--base-display-color-yellow-1);
786
+ --display-yellow-scale-2: var(--base-display-color-yellow-2);
787
+ --display-yellow-scale-3: var(--base-display-color-yellow-3);
788
+ --display-yellow-scale-4: var(--base-display-color-yellow-4);
789
+ --display-yellow-scale-5: var(--base-display-color-yellow-5);
790
+ --display-yellow-scale-6: var(--base-display-color-yellow-6);
791
+ --display-yellow-scale-7: var(--base-display-color-yellow-7);
792
+ --display-yellow-scale-8: var(--base-display-color-yellow-8);
793
+ --display-yellow-scale-9: var(--base-display-color-yellow-9);
604
794
  --fgColor-accent: var(--base-color-blue-5);
605
795
  --fgColor-attention: var(--base-color-yellow-5);
606
796
  --fgColor-disabled: var(--base-color-neutral-8);
@@ -1453,96 +1643,286 @@
1453
1643
  --display-auburn-borderColor-emphasis: var(--base-display-color-auburn-5);
1454
1644
  --display-auburn-borderColor-muted: var(--base-display-color-auburn-1);
1455
1645
  --display-auburn-fgColor: var(--base-display-color-auburn-6);
1646
+ --display-auburn-scale-0: var(--base-display-color-auburn-0);
1647
+ --display-auburn-scale-1: var(--base-display-color-auburn-1);
1648
+ --display-auburn-scale-2: var(--base-display-color-auburn-2);
1649
+ --display-auburn-scale-3: var(--base-display-color-auburn-3);
1650
+ --display-auburn-scale-4: var(--base-display-color-auburn-4);
1651
+ --display-auburn-scale-5: var(--base-display-color-auburn-5);
1652
+ --display-auburn-scale-6: var(--base-display-color-auburn-6);
1653
+ --display-auburn-scale-7: var(--base-display-color-auburn-7);
1654
+ --display-auburn-scale-8: var(--base-display-color-auburn-8);
1655
+ --display-auburn-scale-9: var(--base-display-color-auburn-9);
1456
1656
  --display-blue-bgColor-emphasis: var(--base-display-color-blue-5);
1457
1657
  --display-blue-bgColor-muted: var(--base-display-color-blue-0);
1458
1658
  --display-blue-borderColor-emphasis: var(--base-display-color-blue-5);
1459
1659
  --display-blue-borderColor-muted: var(--base-display-color-blue-1);
1460
1660
  --display-blue-fgColor: var(--base-display-color-blue-6);
1661
+ --display-blue-scale-0: var(--base-display-color-blue-0);
1662
+ --display-blue-scale-1: var(--base-display-color-blue-1);
1663
+ --display-blue-scale-2: var(--base-display-color-blue-2);
1664
+ --display-blue-scale-3: var(--base-display-color-blue-3);
1665
+ --display-blue-scale-4: var(--base-display-color-blue-4);
1666
+ --display-blue-scale-5: var(--base-display-color-blue-5);
1667
+ --display-blue-scale-6: var(--base-display-color-blue-6);
1668
+ --display-blue-scale-7: var(--base-display-color-blue-7);
1669
+ --display-blue-scale-8: var(--base-display-color-blue-8);
1670
+ --display-blue-scale-9: var(--base-display-color-blue-9);
1461
1671
  --display-brown-bgColor-emphasis: var(--base-display-color-brown-5);
1462
1672
  --display-brown-bgColor-muted: var(--base-display-color-brown-0);
1463
1673
  --display-brown-borderColor-emphasis: var(--base-display-color-brown-5);
1464
1674
  --display-brown-borderColor-muted: var(--base-display-color-brown-1);
1465
1675
  --display-brown-fgColor: var(--base-display-color-brown-6);
1676
+ --display-brown-scale-0: var(--base-display-color-brown-0);
1677
+ --display-brown-scale-1: var(--base-display-color-brown-1);
1678
+ --display-brown-scale-2: var(--base-display-color-brown-2);
1679
+ --display-brown-scale-3: var(--base-display-color-brown-3);
1680
+ --display-brown-scale-4: var(--base-display-color-brown-4);
1681
+ --display-brown-scale-5: var(--base-display-color-brown-5);
1682
+ --display-brown-scale-6: var(--base-display-color-brown-6);
1683
+ --display-brown-scale-7: var(--base-display-color-brown-7);
1684
+ --display-brown-scale-8: var(--base-display-color-brown-8);
1685
+ --display-brown-scale-9: var(--base-display-color-brown-9);
1466
1686
  --display-coral-bgColor-emphasis: var(--base-display-color-coral-5);
1467
1687
  --display-coral-bgColor-muted: var(--base-display-color-coral-0);
1468
1688
  --display-coral-borderColor-emphasis: var(--base-display-color-coral-5);
1469
1689
  --display-coral-borderColor-muted: var(--base-display-color-coral-1);
1470
1690
  --display-coral-fgColor: var(--base-display-color-coral-6);
1691
+ --display-coral-scale-0: var(--base-display-color-coral-0);
1692
+ --display-coral-scale-1: var(--base-display-color-coral-1);
1693
+ --display-coral-scale-2: var(--base-display-color-coral-2);
1694
+ --display-coral-scale-3: var(--base-display-color-coral-3);
1695
+ --display-coral-scale-4: var(--base-display-color-coral-4);
1696
+ --display-coral-scale-5: var(--base-display-color-coral-5);
1697
+ --display-coral-scale-6: var(--base-display-color-coral-6);
1698
+ --display-coral-scale-7: var(--base-display-color-coral-7);
1699
+ --display-coral-scale-8: var(--base-display-color-coral-8);
1700
+ --display-coral-scale-9: var(--base-display-color-coral-9);
1471
1701
  --display-cyan-bgColor-emphasis: var(--base-display-color-cyan-5);
1472
1702
  --display-cyan-bgColor-muted: var(--base-display-color-cyan-0);
1473
1703
  --display-cyan-borderColor-emphasis: var(--base-display-color-cyan-5);
1474
1704
  --display-cyan-borderColor-muted: var(--base-display-color-cyan-1);
1475
1705
  --display-cyan-fgColor: var(--base-display-color-cyan-6);
1706
+ --display-cyan-scale-0: var(--base-display-color-cyan-0);
1707
+ --display-cyan-scale-1: var(--base-display-color-cyan-1);
1708
+ --display-cyan-scale-2: var(--base-display-color-cyan-2);
1709
+ --display-cyan-scale-3: var(--base-display-color-cyan-3);
1710
+ --display-cyan-scale-4: var(--base-display-color-cyan-4);
1711
+ --display-cyan-scale-5: var(--base-display-color-cyan-5);
1712
+ --display-cyan-scale-6: var(--base-display-color-cyan-6);
1713
+ --display-cyan-scale-7: var(--base-display-color-cyan-7);
1714
+ --display-cyan-scale-8: var(--base-display-color-cyan-8);
1715
+ --display-cyan-scale-9: var(--base-display-color-cyan-9);
1476
1716
  --display-gray-bgColor-emphasis: var(--base-display-color-gray-5);
1477
1717
  --display-gray-bgColor-muted: var(--base-display-color-gray-0);
1478
1718
  --display-gray-borderColor-emphasis: var(--base-display-color-gray-5);
1479
1719
  --display-gray-borderColor-muted: var(--base-display-color-gray-1);
1480
1720
  --display-gray-fgColor: var(--base-display-color-gray-6);
1721
+ --display-gray-scale-0: var(--base-display-color-gray-0);
1722
+ --display-gray-scale-1: var(--base-display-color-gray-1);
1723
+ --display-gray-scale-2: var(--base-display-color-gray-2);
1724
+ --display-gray-scale-3: var(--base-display-color-gray-3);
1725
+ --display-gray-scale-4: var(--base-display-color-gray-4);
1726
+ --display-gray-scale-5: var(--base-display-color-gray-5);
1727
+ --display-gray-scale-6: var(--base-display-color-gray-6);
1728
+ --display-gray-scale-7: var(--base-display-color-gray-7);
1729
+ --display-gray-scale-8: var(--base-display-color-gray-8);
1730
+ --display-gray-scale-9: var(--base-display-color-gray-9);
1481
1731
  --display-green-bgColor-emphasis: var(--base-display-color-green-5);
1482
1732
  --display-green-bgColor-muted: var(--base-display-color-green-0);
1483
1733
  --display-green-borderColor-emphasis: var(--base-display-color-green-5);
1484
1734
  --display-green-borderColor-muted: var(--base-display-color-green-1);
1485
1735
  --display-green-fgColor: var(--base-display-color-green-6);
1736
+ --display-green-scale-0: var(--base-display-color-green-0);
1737
+ --display-green-scale-1: var(--base-display-color-green-1);
1738
+ --display-green-scale-2: var(--base-display-color-green-2);
1739
+ --display-green-scale-3: var(--base-display-color-green-3);
1740
+ --display-green-scale-4: var(--base-display-color-green-4);
1741
+ --display-green-scale-5: var(--base-display-color-green-5);
1742
+ --display-green-scale-6: var(--base-display-color-green-6);
1743
+ --display-green-scale-7: var(--base-display-color-green-7);
1744
+ --display-green-scale-8: var(--base-display-color-green-8);
1745
+ --display-green-scale-9: var(--base-display-color-green-9);
1486
1746
  --display-indigo-bgColor-emphasis: var(--base-display-color-indigo-5);
1487
1747
  --display-indigo-bgColor-muted: var(--base-display-color-indigo-0);
1488
1748
  --display-indigo-borderColor-emphasis: var(--base-display-color-indigo-5);
1489
1749
  --display-indigo-borderColor-muted: var(--base-display-color-indigo-1);
1490
1750
  --display-indigo-fgColor: var(--base-display-color-indigo-6);
1751
+ --display-indigo-scale-0: var(--base-display-color-indigo-0);
1752
+ --display-indigo-scale-1: var(--base-display-color-indigo-1);
1753
+ --display-indigo-scale-2: var(--base-display-color-indigo-2);
1754
+ --display-indigo-scale-3: var(--base-display-color-indigo-3);
1755
+ --display-indigo-scale-4: var(--base-display-color-indigo-4);
1756
+ --display-indigo-scale-5: var(--base-display-color-indigo-5);
1757
+ --display-indigo-scale-6: var(--base-display-color-indigo-6);
1758
+ --display-indigo-scale-7: var(--base-display-color-indigo-7);
1759
+ --display-indigo-scale-8: var(--base-display-color-indigo-8);
1760
+ --display-indigo-scale-9: var(--base-display-color-indigo-9);
1491
1761
  --display-lemon-bgColor-emphasis: var(--base-display-color-lemon-5);
1492
1762
  --display-lemon-bgColor-muted: var(--base-display-color-lemon-0);
1493
1763
  --display-lemon-borderColor-emphasis: var(--base-display-color-lemon-5);
1494
1764
  --display-lemon-borderColor-muted: var(--base-display-color-lemon-1);
1495
1765
  --display-lemon-fgColor: var(--base-display-color-lemon-6);
1766
+ --display-lemon-scale-0: var(--base-display-color-lemon-0);
1767
+ --display-lemon-scale-1: var(--base-display-color-lemon-1);
1768
+ --display-lemon-scale-2: var(--base-display-color-lemon-2);
1769
+ --display-lemon-scale-3: var(--base-display-color-lemon-3);
1770
+ --display-lemon-scale-4: var(--base-display-color-lemon-4);
1771
+ --display-lemon-scale-5: var(--base-display-color-lemon-5);
1772
+ --display-lemon-scale-6: var(--base-display-color-lemon-6);
1773
+ --display-lemon-scale-7: var(--base-display-color-lemon-7);
1774
+ --display-lemon-scale-8: var(--base-display-color-lemon-8);
1775
+ --display-lemon-scale-9: var(--base-display-color-lemon-9);
1496
1776
  --display-lime-bgColor-emphasis: var(--base-display-color-lime-5);
1497
1777
  --display-lime-bgColor-muted: var(--base-display-color-lime-0);
1498
1778
  --display-lime-borderColor-emphasis: var(--base-display-color-lime-5);
1499
1779
  --display-lime-borderColor-muted: var(--base-display-color-lime-1);
1500
1780
  --display-lime-fgColor: var(--base-display-color-lime-6);
1781
+ --display-lime-scale-0: var(--base-display-color-lime-0);
1782
+ --display-lime-scale-1: var(--base-display-color-lime-1);
1783
+ --display-lime-scale-2: var(--base-display-color-lime-2);
1784
+ --display-lime-scale-3: var(--base-display-color-lime-3);
1785
+ --display-lime-scale-4: var(--base-display-color-lime-4);
1786
+ --display-lime-scale-5: var(--base-display-color-lime-5);
1787
+ --display-lime-scale-6: var(--base-display-color-lime-6);
1788
+ --display-lime-scale-7: var(--base-display-color-lime-7);
1789
+ --display-lime-scale-8: var(--base-display-color-lime-8);
1790
+ --display-lime-scale-9: var(--base-display-color-lime-9);
1501
1791
  --display-olive-bgColor-emphasis: var(--base-display-color-olive-5);
1502
1792
  --display-olive-bgColor-muted: var(--base-display-color-olive-0);
1503
1793
  --display-olive-borderColor-emphasis: var(--base-display-color-olive-5);
1504
1794
  --display-olive-borderColor-muted: var(--base-display-color-olive-1);
1505
1795
  --display-olive-fgColor: var(--base-display-color-olive-6);
1796
+ --display-olive-scale-0: var(--base-display-color-olive-0);
1797
+ --display-olive-scale-1: var(--base-display-color-olive-1);
1798
+ --display-olive-scale-2: var(--base-display-color-olive-2);
1799
+ --display-olive-scale-3: var(--base-display-color-olive-3);
1800
+ --display-olive-scale-4: var(--base-display-color-olive-4);
1801
+ --display-olive-scale-5: var(--base-display-color-olive-5);
1802
+ --display-olive-scale-6: var(--base-display-color-olive-6);
1803
+ --display-olive-scale-7: var(--base-display-color-olive-7);
1804
+ --display-olive-scale-8: var(--base-display-color-olive-8);
1805
+ --display-olive-scale-9: var(--base-display-color-olive-9);
1506
1806
  --display-orange-bgColor-emphasis: var(--base-display-color-orange-5);
1507
1807
  --display-orange-bgColor-muted: var(--base-display-color-orange-0);
1508
1808
  --display-orange-borderColor-emphasis: var(--base-display-color-orange-5);
1509
1809
  --display-orange-borderColor-muted: var(--base-display-color-orange-1);
1510
1810
  --display-orange-fgColor: var(--base-display-color-orange-6);
1811
+ --display-orange-scale-0: var(--base-display-color-orange-0);
1812
+ --display-orange-scale-1: var(--base-display-color-orange-1);
1813
+ --display-orange-scale-2: var(--base-display-color-orange-2);
1814
+ --display-orange-scale-3: var(--base-display-color-orange-3);
1815
+ --display-orange-scale-4: var(--base-display-color-orange-4);
1816
+ --display-orange-scale-5: var(--base-display-color-orange-5);
1817
+ --display-orange-scale-6: var(--base-display-color-orange-6);
1818
+ --display-orange-scale-7: var(--base-display-color-orange-7);
1819
+ --display-orange-scale-8: var(--base-display-color-orange-8);
1820
+ --display-orange-scale-9: var(--base-display-color-orange-9);
1511
1821
  --display-pine-bgColor-emphasis: var(--base-display-color-pine-5);
1512
1822
  --display-pine-bgColor-muted: var(--base-display-color-pine-0);
1513
1823
  --display-pine-borderColor-emphasis: var(--base-display-color-pine-5);
1514
1824
  --display-pine-borderColor-muted: var(--base-display-color-pine-1);
1515
1825
  --display-pine-fgColor: var(--base-display-color-pine-6);
1826
+ --display-pine-scale-0: var(--base-display-color-pine-0);
1827
+ --display-pine-scale-1: var(--base-display-color-pine-1);
1828
+ --display-pine-scale-2: var(--base-display-color-pine-2);
1829
+ --display-pine-scale-3: var(--base-display-color-pine-3);
1830
+ --display-pine-scale-4: var(--base-display-color-pine-4);
1831
+ --display-pine-scale-5: var(--base-display-color-pine-5);
1832
+ --display-pine-scale-6: var(--base-display-color-pine-6);
1833
+ --display-pine-scale-7: var(--base-display-color-pine-7);
1834
+ --display-pine-scale-8: var(--base-display-color-pine-8);
1835
+ --display-pine-scale-9: var(--base-display-color-pine-9);
1516
1836
  --display-pink-bgColor-emphasis: var(--base-display-color-pink-5);
1517
1837
  --display-pink-bgColor-muted: var(--base-display-color-pink-0);
1518
1838
  --display-pink-borderColor-emphasis: var(--base-display-color-pink-5);
1519
1839
  --display-pink-borderColor-muted: var(--base-display-color-pink-1);
1520
1840
  --display-pink-fgColor: var(--base-display-color-pink-6);
1841
+ --display-pink-scale-0: var(--base-display-color-pink-0);
1842
+ --display-pink-scale-1: var(--base-display-color-pink-1);
1843
+ --display-pink-scale-2: var(--base-display-color-pink-2);
1844
+ --display-pink-scale-3: var(--base-display-color-pink-3);
1845
+ --display-pink-scale-4: var(--base-display-color-pink-4);
1846
+ --display-pink-scale-5: var(--base-display-color-pink-5);
1847
+ --display-pink-scale-6: var(--base-display-color-pink-6);
1848
+ --display-pink-scale-7: var(--base-display-color-pink-7);
1849
+ --display-pink-scale-8: var(--base-display-color-pink-8);
1850
+ --display-pink-scale-9: var(--base-display-color-pink-9);
1521
1851
  --display-plum-bgColor-emphasis: var(--base-display-color-plum-5);
1522
1852
  --display-plum-bgColor-muted: var(--base-display-color-plum-0);
1523
1853
  --display-plum-borderColor-emphasis: var(--base-display-color-plum-5);
1524
1854
  --display-plum-borderColor-muted: var(--base-display-color-plum-1);
1525
1855
  --display-plum-fgColor: var(--base-display-color-plum-6);
1856
+ --display-plum-scale-0: var(--base-display-color-plum-0);
1857
+ --display-plum-scale-1: var(--base-display-color-plum-1);
1858
+ --display-plum-scale-2: var(--base-display-color-plum-2);
1859
+ --display-plum-scale-3: var(--base-display-color-plum-3);
1860
+ --display-plum-scale-4: var(--base-display-color-plum-4);
1861
+ --display-plum-scale-5: var(--base-display-color-plum-5);
1862
+ --display-plum-scale-6: var(--base-display-color-plum-6);
1863
+ --display-plum-scale-7: var(--base-display-color-plum-7);
1864
+ --display-plum-scale-8: var(--base-display-color-plum-8);
1865
+ --display-plum-scale-9: var(--base-display-color-plum-9);
1526
1866
  --display-purple-bgColor-emphasis: var(--base-display-color-purple-5);
1527
1867
  --display-purple-bgColor-muted: var(--base-display-color-purple-0);
1528
1868
  --display-purple-borderColor-emphasis: var(--base-display-color-purple-5);
1529
1869
  --display-purple-borderColor-muted: var(--base-display-color-purple-1);
1530
1870
  --display-purple-fgColor: var(--base-display-color-purple-6);
1871
+ --display-purple-scale-0: var(--base-display-color-purple-0);
1872
+ --display-purple-scale-1: var(--base-display-color-purple-1);
1873
+ --display-purple-scale-2: var(--base-display-color-purple-2);
1874
+ --display-purple-scale-3: var(--base-display-color-purple-3);
1875
+ --display-purple-scale-4: var(--base-display-color-purple-4);
1876
+ --display-purple-scale-5: var(--base-display-color-purple-5);
1877
+ --display-purple-scale-6: var(--base-display-color-purple-6);
1878
+ --display-purple-scale-7: var(--base-display-color-purple-7);
1879
+ --display-purple-scale-8: var(--base-display-color-purple-8);
1880
+ --display-purple-scale-9: var(--base-display-color-purple-9);
1531
1881
  --display-red-bgColor-emphasis: var(--base-display-color-red-5);
1532
1882
  --display-red-bgColor-muted: var(--base-display-color-red-0);
1533
1883
  --display-red-borderColor-emphasis: var(--base-display-color-red-5);
1534
1884
  --display-red-borderColor-muted: var(--base-display-color-red-1);
1535
1885
  --display-red-fgColor: var(--base-display-color-red-6);
1886
+ --display-red-scale-0: var(--base-display-color-red-0);
1887
+ --display-red-scale-1: var(--base-display-color-red-1);
1888
+ --display-red-scale-2: var(--base-display-color-red-2);
1889
+ --display-red-scale-3: var(--base-display-color-red-3);
1890
+ --display-red-scale-4: var(--base-display-color-red-4);
1891
+ --display-red-scale-5: var(--base-display-color-red-5);
1892
+ --display-red-scale-6: var(--base-display-color-red-6);
1893
+ --display-red-scale-7: var(--base-display-color-red-7);
1894
+ --display-red-scale-8: var(--base-display-color-red-8);
1895
+ --display-red-scale-9: var(--base-display-color-red-9);
1536
1896
  --display-teal-bgColor-emphasis: var(--base-display-color-teal-5);
1537
1897
  --display-teal-bgColor-muted: var(--base-display-color-teal-0);
1538
1898
  --display-teal-borderColor-emphasis: var(--base-display-color-teal-5);
1539
1899
  --display-teal-borderColor-muted: var(--base-display-color-teal-1);
1540
1900
  --display-teal-fgColor: var(--base-display-color-teal-6);
1901
+ --display-teal-scale-0: var(--base-display-color-teal-0);
1902
+ --display-teal-scale-1: var(--base-display-color-teal-1);
1903
+ --display-teal-scale-2: var(--base-display-color-teal-2);
1904
+ --display-teal-scale-3: var(--base-display-color-teal-3);
1905
+ --display-teal-scale-4: var(--base-display-color-teal-4);
1906
+ --display-teal-scale-5: var(--base-display-color-teal-5);
1907
+ --display-teal-scale-6: var(--base-display-color-teal-6);
1908
+ --display-teal-scale-7: var(--base-display-color-teal-7);
1909
+ --display-teal-scale-8: var(--base-display-color-teal-8);
1910
+ --display-teal-scale-9: var(--base-display-color-teal-9);
1541
1911
  --display-yellow-bgColor-emphasis: var(--base-display-color-yellow-5);
1542
1912
  --display-yellow-bgColor-muted: var(--base-display-color-yellow-0);
1543
1913
  --display-yellow-borderColor-emphasis: var(--base-display-color-yellow-5);
1544
1914
  --display-yellow-borderColor-muted: var(--base-display-color-yellow-1);
1545
1915
  --display-yellow-fgColor: var(--base-display-color-yellow-6);
1916
+ --display-yellow-scale-0: var(--base-display-color-yellow-0);
1917
+ --display-yellow-scale-1: var(--base-display-color-yellow-1);
1918
+ --display-yellow-scale-2: var(--base-display-color-yellow-2);
1919
+ --display-yellow-scale-3: var(--base-display-color-yellow-3);
1920
+ --display-yellow-scale-4: var(--base-display-color-yellow-4);
1921
+ --display-yellow-scale-5: var(--base-display-color-yellow-5);
1922
+ --display-yellow-scale-6: var(--base-display-color-yellow-6);
1923
+ --display-yellow-scale-7: var(--base-display-color-yellow-7);
1924
+ --display-yellow-scale-8: var(--base-display-color-yellow-8);
1925
+ --display-yellow-scale-9: var(--base-display-color-yellow-9);
1546
1926
  --fgColor-accent: var(--base-color-blue-5);
1547
1927
  --fgColor-attention: var(--base-color-yellow-5);
1548
1928
  --fgColor-disabled: var(--base-color-neutral-8);