@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
package/dist/internalCss/dark-dimmed.css CHANGED
@@ -528,96 +528,286 @@
528
528
  --display-auburn-borderColor-emphasis: var(--base-display-color-auburn-5);
529
529
  --display-auburn-borderColor-muted: var(--base-display-color-auburn-1);
530
530
  --display-auburn-fgColor: var(--base-display-color-auburn-6);
531
+ --display-auburn-scale-0: var(--base-display-color-auburn-0);
532
+ --display-auburn-scale-1: var(--base-display-color-auburn-1);
533
+ --display-auburn-scale-2: var(--base-display-color-auburn-2);
534
+ --display-auburn-scale-3: var(--base-display-color-auburn-3);
535
+ --display-auburn-scale-4: var(--base-display-color-auburn-4);
536
+ --display-auburn-scale-5: var(--base-display-color-auburn-5);
537
+ --display-auburn-scale-6: var(--base-display-color-auburn-6);
538
+ --display-auburn-scale-7: var(--base-display-color-auburn-7);
539
+ --display-auburn-scale-8: var(--base-display-color-auburn-8);
540
+ --display-auburn-scale-9: var(--base-display-color-auburn-9);
531
541
  --display-blue-bgColor-emphasis: var(--base-display-color-blue-4);
532
542
  --display-blue-bgColor-muted: var(--base-display-color-blue-0);
533
543
  --display-blue-borderColor-emphasis: var(--base-display-color-blue-5);
534
544
  --display-blue-borderColor-muted: var(--base-display-color-blue-1);
535
545
  --display-blue-fgColor: var(--base-display-color-blue-6);
546
+ --display-blue-scale-0: var(--base-display-color-blue-0);
547
+ --display-blue-scale-1: var(--base-display-color-blue-1);
548
+ --display-blue-scale-2: var(--base-display-color-blue-2);
549
+ --display-blue-scale-3: var(--base-display-color-blue-3);
550
+ --display-blue-scale-4: var(--base-display-color-blue-4);
551
+ --display-blue-scale-5: var(--base-display-color-blue-5);
552
+ --display-blue-scale-6: var(--base-display-color-blue-6);
553
+ --display-blue-scale-7: var(--base-display-color-blue-7);
554
+ --display-blue-scale-8: var(--base-display-color-blue-8);
555
+ --display-blue-scale-9: var(--base-display-color-blue-9);
536
556
  --display-brown-bgColor-emphasis: var(--base-display-color-brown-4);
537
557
  --display-brown-bgColor-muted: var(--base-display-color-brown-0);
538
558
  --display-brown-borderColor-emphasis: var(--base-display-color-brown-5);
539
559
  --display-brown-borderColor-muted: var(--base-display-color-brown-1);
540
560
  --display-brown-fgColor: var(--base-display-color-brown-6);
561
+ --display-brown-scale-0: var(--base-display-color-brown-0);
562
+ --display-brown-scale-1: var(--base-display-color-brown-1);
563
+ --display-brown-scale-2: var(--base-display-color-brown-2);
564
+ --display-brown-scale-3: var(--base-display-color-brown-3);
565
+ --display-brown-scale-4: var(--base-display-color-brown-4);
566
+ --display-brown-scale-5: var(--base-display-color-brown-5);
567
+ --display-brown-scale-6: var(--base-display-color-brown-6);
568
+ --display-brown-scale-7: var(--base-display-color-brown-7);
569
+ --display-brown-scale-8: var(--base-display-color-brown-8);
570
+ --display-brown-scale-9: var(--base-display-color-brown-9);
541
571
  --display-coral-bgColor-emphasis: var(--base-display-color-red-4);
542
572
  --display-coral-bgColor-muted: var(--base-display-color-red-0);
543
573
  --display-coral-borderColor-emphasis: var(--base-display-color-red-5);
544
574
  --display-coral-borderColor-muted: var(--base-display-color-red-1);
545
575
  --display-coral-fgColor: var(--base-display-color-red-6);
576
+ --display-coral-scale-0: var(--base-display-color-coral-0);
577
+ --display-coral-scale-1: var(--base-display-color-coral-1);
578
+ --display-coral-scale-2: var(--base-display-color-coral-2);
579
+ --display-coral-scale-3: var(--base-display-color-coral-3);
580
+ --display-coral-scale-4: var(--base-display-color-coral-4);
581
+ --display-coral-scale-5: var(--base-display-color-coral-5);
582
+ --display-coral-scale-6: var(--base-display-color-coral-6);
583
+ --display-coral-scale-7: var(--base-display-color-coral-7);
584
+ --display-coral-scale-8: var(--base-display-color-coral-8);
585
+ --display-coral-scale-9: var(--base-display-color-coral-9);
546
586
  --display-cyan-bgColor-emphasis: var(--base-display-color-cyan-4);
547
587
  --display-cyan-bgColor-muted: var(--base-display-color-cyan-0);
548
588
  --display-cyan-borderColor-emphasis: var(--base-display-color-cyan-5);
549
589
  --display-cyan-borderColor-muted: var(--base-display-color-cyan-1);
550
590
  --display-cyan-fgColor: var(--base-display-color-cyan-6);
591
+ --display-cyan-scale-0: var(--base-display-color-cyan-0);
592
+ --display-cyan-scale-1: var(--base-display-color-cyan-1);
593
+ --display-cyan-scale-2: var(--base-display-color-cyan-2);
594
+ --display-cyan-scale-3: var(--base-display-color-cyan-3);
595
+ --display-cyan-scale-4: var(--base-display-color-cyan-4);
596
+ --display-cyan-scale-5: var(--base-display-color-cyan-5);
597
+ --display-cyan-scale-6: var(--base-display-color-cyan-6);
598
+ --display-cyan-scale-7: var(--base-display-color-cyan-7);
599
+ --display-cyan-scale-8: var(--base-display-color-cyan-8);
600
+ --display-cyan-scale-9: var(--base-display-color-cyan-9);
551
601
  --display-gray-bgColor-emphasis: var(--base-display-color-gray-4);
552
602
  --display-gray-bgColor-muted: var(--base-display-color-gray-0);
553
603
  --display-gray-borderColor-emphasis: var(--base-display-color-gray-5);
554
604
  --display-gray-borderColor-muted: var(--base-display-color-gray-1);
555
605
  --display-gray-fgColor: var(--base-display-color-gray-6);
606
+ --display-gray-scale-0: var(--base-display-color-gray-0);
607
+ --display-gray-scale-1: var(--base-display-color-gray-1);
608
+ --display-gray-scale-2: var(--base-display-color-gray-2);
609
+ --display-gray-scale-3: var(--base-display-color-gray-3);
610
+ --display-gray-scale-4: var(--base-display-color-gray-4);
611
+ --display-gray-scale-5: var(--base-display-color-gray-5);
612
+ --display-gray-scale-6: var(--base-display-color-gray-6);
613
+ --display-gray-scale-7: var(--base-display-color-gray-7);
614
+ --display-gray-scale-8: var(--base-display-color-gray-8);
615
+ --display-gray-scale-9: var(--base-display-color-gray-9);
556
616
  --display-green-bgColor-emphasis: var(--base-display-color-green-4);
557
617
  --display-green-bgColor-muted: var(--base-display-color-green-0);
558
618
  --display-green-borderColor-emphasis: var(--base-display-color-green-5);
559
619
  --display-green-borderColor-muted: var(--base-display-color-green-1);
560
620
  --display-green-fgColor: var(--base-display-color-green-6);
621
+ --display-green-scale-0: var(--base-display-color-green-0);
622
+ --display-green-scale-1: var(--base-display-color-green-1);
623
+ --display-green-scale-2: var(--base-display-color-green-2);
624
+ --display-green-scale-3: var(--base-display-color-green-3);
625
+ --display-green-scale-4: var(--base-display-color-green-4);
626
+ --display-green-scale-5: var(--base-display-color-green-5);
627
+ --display-green-scale-6: var(--base-display-color-green-6);
628
+ --display-green-scale-7: var(--base-display-color-green-7);
629
+ --display-green-scale-8: var(--base-display-color-green-8);
630
+ --display-green-scale-9: var(--base-display-color-green-9);
561
631
  --display-indigo-bgColor-emphasis: var(--base-display-color-indigo-4);
562
632
  --display-indigo-bgColor-muted: var(--base-display-color-indigo-0);
563
633
  --display-indigo-borderColor-emphasis: var(--base-display-color-indigo-5);
564
634
  --display-indigo-borderColor-muted: var(--base-display-color-indigo-1);
565
635
  --display-indigo-fgColor: var(--base-display-color-indigo-6);
636
+ --display-indigo-scale-0: var(--base-display-color-indigo-0);
637
+ --display-indigo-scale-1: var(--base-display-color-indigo-1);
638
+ --display-indigo-scale-2: var(--base-display-color-indigo-2);
639
+ --display-indigo-scale-3: var(--base-display-color-indigo-3);
640
+ --display-indigo-scale-4: var(--base-display-color-indigo-4);
641
+ --display-indigo-scale-5: var(--base-display-color-indigo-5);
642
+ --display-indigo-scale-6: var(--base-display-color-indigo-6);
643
+ --display-indigo-scale-7: var(--base-display-color-indigo-7);
644
+ --display-indigo-scale-8: var(--base-display-color-indigo-8);
645
+ --display-indigo-scale-9: var(--base-display-color-indigo-9);
566
646
  --display-lemon-bgColor-emphasis: var(--base-display-color-lemon-4);
567
647
  --display-lemon-bgColor-muted: var(--base-display-color-lemon-0);
568
648
  --display-lemon-borderColor-emphasis: var(--base-display-color-lemon-5);
569
649
  --display-lemon-borderColor-muted: var(--base-display-color-lemon-1);
570
650
  --display-lemon-fgColor: var(--base-display-color-lemon-6);
651
+ --display-lemon-scale-0: var(--base-display-color-lemon-0);
652
+ --display-lemon-scale-1: var(--base-display-color-lemon-1);
653
+ --display-lemon-scale-2: var(--base-display-color-lemon-2);
654
+ --display-lemon-scale-3: var(--base-display-color-lemon-3);
655
+ --display-lemon-scale-4: var(--base-display-color-lemon-4);
656
+ --display-lemon-scale-5: var(--base-display-color-lemon-5);
657
+ --display-lemon-scale-6: var(--base-display-color-lemon-6);
658
+ --display-lemon-scale-7: var(--base-display-color-lemon-7);
659
+ --display-lemon-scale-8: var(--base-display-color-lemon-8);
660
+ --display-lemon-scale-9: var(--base-display-color-lemon-9);
571
661
  --display-lime-bgColor-emphasis: var(--base-display-color-lime-4);
572
662
  --display-lime-bgColor-muted: var(--base-display-color-lime-0);
573
663
  --display-lime-borderColor-emphasis: var(--base-display-color-lime-5);
574
664
  --display-lime-borderColor-muted: var(--base-display-color-lime-1);
575
665
  --display-lime-fgColor: var(--base-display-color-lime-6);
666
+ --display-lime-scale-0: var(--base-display-color-lime-0);
667
+ --display-lime-scale-1: var(--base-display-color-lime-1);
668
+ --display-lime-scale-2: var(--base-display-color-lime-2);
669
+ --display-lime-scale-3: var(--base-display-color-lime-3);
670
+ --display-lime-scale-4: var(--base-display-color-lime-4);
671
+ --display-lime-scale-5: var(--base-display-color-lime-5);
672
+ --display-lime-scale-6: var(--base-display-color-lime-6);
673
+ --display-lime-scale-7: var(--base-display-color-lime-7);
674
+ --display-lime-scale-8: var(--base-display-color-lime-8);
675
+ --display-lime-scale-9: var(--base-display-color-lime-9);
576
676
  --display-olive-bgColor-emphasis: var(--base-display-color-olive-4);
577
677
  --display-olive-bgColor-muted: var(--base-display-color-olive-0);
578
678
  --display-olive-borderColor-emphasis: var(--base-display-color-olive-5);
579
679
  --display-olive-borderColor-muted: var(--base-display-color-olive-1);
580
680
  --display-olive-fgColor: var(--base-display-color-olive-6);
681
+ --display-olive-scale-0: var(--base-display-color-olive-0);
682
+ --display-olive-scale-1: var(--base-display-color-olive-1);
683
+ --display-olive-scale-2: var(--base-display-color-olive-2);
684
+ --display-olive-scale-3: var(--base-display-color-olive-3);
685
+ --display-olive-scale-4: var(--base-display-color-olive-4);
686
+ --display-olive-scale-5: var(--base-display-color-olive-5);
687
+ --display-olive-scale-6: var(--base-display-color-olive-6);
688
+ --display-olive-scale-7: var(--base-display-color-olive-7);
689
+ --display-olive-scale-8: var(--base-display-color-olive-8);
690
+ --display-olive-scale-9: var(--base-display-color-olive-9);
581
691
  --display-orange-bgColor-emphasis: var(--base-display-color-orange-4);
582
692
  --display-orange-bgColor-muted: var(--base-display-color-orange-0);
583
693
  --display-orange-borderColor-emphasis: var(--base-display-color-orange-5);
584
694
  --display-orange-borderColor-muted: var(--base-display-color-orange-1);
585
695
  --display-orange-fgColor: var(--base-display-color-orange-6);
696
+ --display-orange-scale-0: var(--base-display-color-orange-0);
697
+ --display-orange-scale-1: var(--base-display-color-orange-1);
698
+ --display-orange-scale-2: var(--base-display-color-orange-2);
699
+ --display-orange-scale-3: var(--base-display-color-orange-3);
700
+ --display-orange-scale-4: var(--base-display-color-orange-4);
701
+ --display-orange-scale-5: var(--base-display-color-orange-5);
702
+ --display-orange-scale-6: var(--base-display-color-orange-6);
703
+ --display-orange-scale-7: var(--base-display-color-orange-7);
704
+ --display-orange-scale-8: var(--base-display-color-orange-8);
705
+ --display-orange-scale-9: var(--base-display-color-orange-9);
586
706
  --display-pine-bgColor-emphasis: var(--base-display-color-pine-4);
587
707
  --display-pine-bgColor-muted: var(--base-display-color-pine-0);
588
708
  --display-pine-borderColor-emphasis: var(--base-display-color-pine-5);
589
709
  --display-pine-borderColor-muted: var(--base-display-color-pine-1);
590
710
  --display-pine-fgColor: var(--base-display-color-pine-6);
711
+ --display-pine-scale-0: var(--base-display-color-pine-0);
712
+ --display-pine-scale-1: var(--base-display-color-pine-1);
713
+ --display-pine-scale-2: var(--base-display-color-pine-2);
714
+ --display-pine-scale-3: var(--base-display-color-pine-3);
715
+ --display-pine-scale-4: var(--base-display-color-pine-4);
716
+ --display-pine-scale-5: var(--base-display-color-pine-5);
717
+ --display-pine-scale-6: var(--base-display-color-pine-6);
718
+ --display-pine-scale-7: var(--base-display-color-pine-7);
719
+ --display-pine-scale-8: var(--base-display-color-pine-8);
720
+ --display-pine-scale-9: var(--base-display-color-pine-9);
591
721
  --display-pink-bgColor-emphasis: var(--base-display-color-pink-4);
592
722
  --display-pink-bgColor-muted: var(--base-display-color-pink-0);
593
723
  --display-pink-borderColor-emphasis: var(--base-display-color-pink-5);
594
724
  --display-pink-borderColor-muted: var(--base-display-color-pink-1);
595
725
  --display-pink-fgColor: var(--base-display-color-pink-6);
726
+ --display-pink-scale-0: var(--base-display-color-pink-0);
727
+ --display-pink-scale-1: var(--base-display-color-pink-1);
728
+ --display-pink-scale-2: var(--base-display-color-pink-2);
729
+ --display-pink-scale-3: var(--base-display-color-pink-3);
730
+ --display-pink-scale-4: var(--base-display-color-pink-4);
731
+ --display-pink-scale-5: var(--base-display-color-pink-5);
732
+ --display-pink-scale-6: var(--base-display-color-pink-6);
733
+ --display-pink-scale-7: var(--base-display-color-pink-7);
734
+ --display-pink-scale-8: var(--base-display-color-pink-8);
735
+ --display-pink-scale-9: var(--base-display-color-pink-9);
596
736
  --display-plum-bgColor-emphasis: var(--base-display-color-plum-4);
597
737
  --display-plum-bgColor-muted: var(--base-display-color-plum-0);
598
738
  --display-plum-borderColor-emphasis: var(--base-display-color-plum-5);
599
739
  --display-plum-borderColor-muted: var(--base-display-color-plum-1);
600
740
  --display-plum-fgColor: var(--base-display-color-plum-6);
741
+ --display-plum-scale-0: var(--base-display-color-plum-0);
742
+ --display-plum-scale-1: var(--base-display-color-plum-1);
743
+ --display-plum-scale-2: var(--base-display-color-plum-2);
744
+ --display-plum-scale-3: var(--base-display-color-plum-3);
745
+ --display-plum-scale-4: var(--base-display-color-plum-4);
746
+ --display-plum-scale-5: var(--base-display-color-plum-5);
747
+ --display-plum-scale-6: var(--base-display-color-plum-6);
748
+ --display-plum-scale-7: var(--base-display-color-plum-7);
749
+ --display-plum-scale-8: var(--base-display-color-plum-8);
750
+ --display-plum-scale-9: var(--base-display-color-plum-9);
601
751
  --display-purple-bgColor-emphasis: var(--base-display-color-purple-4);
602
752
  --display-purple-bgColor-muted: var(--base-display-color-purple-0);
603
753
  --display-purple-borderColor-emphasis: var(--base-display-color-purple-5);
604
754
  --display-purple-borderColor-muted: var(--base-display-color-purple-1);
605
755
  --display-purple-fgColor: var(--base-display-color-purple-6);
756
+ --display-purple-scale-0: var(--base-display-color-purple-0);
757
+ --display-purple-scale-1: var(--base-display-color-purple-1);
758
+ --display-purple-scale-2: var(--base-display-color-purple-2);
759
+ --display-purple-scale-3: var(--base-display-color-purple-3);
760
+ --display-purple-scale-4: var(--base-display-color-purple-4);
761
+ --display-purple-scale-5: var(--base-display-color-purple-5);
762
+ --display-purple-scale-6: var(--base-display-color-purple-6);
763
+ --display-purple-scale-7: var(--base-display-color-purple-7);
764
+ --display-purple-scale-8: var(--base-display-color-purple-8);
765
+ --display-purple-scale-9: var(--base-display-color-purple-9);
606
766
  --display-red-bgColor-emphasis: var(--base-display-color-red-4);
607
767
  --display-red-bgColor-muted: var(--base-display-color-red-0);
608
768
  --display-red-borderColor-emphasis: var(--base-display-color-red-5);
609
769
  --display-red-borderColor-muted: var(--base-display-color-red-1);
610
770
  --display-red-fgColor: var(--base-display-color-red-6);
771
+ --display-red-scale-0: var(--base-display-color-red-0);
772
+ --display-red-scale-1: var(--base-display-color-red-1);
773
+ --display-red-scale-2: var(--base-display-color-red-2);
774
+ --display-red-scale-3: var(--base-display-color-red-3);
775
+ --display-red-scale-4: var(--base-display-color-red-4);
776
+ --display-red-scale-5: var(--base-display-color-red-5);
777
+ --display-red-scale-6: var(--base-display-color-red-6);
778
+ --display-red-scale-7: var(--base-display-color-red-7);
779
+ --display-red-scale-8: var(--base-display-color-red-8);
780
+ --display-red-scale-9: var(--base-display-color-red-9);
611
781
  --display-teal-bgColor-emphasis: var(--base-display-color-teal-4);
612
782
  --display-teal-bgColor-muted: var(--base-display-color-teal-0);
613
783
  --display-teal-borderColor-emphasis: var(--base-display-color-teal-5);
614
784
  --display-teal-borderColor-muted: var(--base-display-color-teal-1);
615
785
  --display-teal-fgColor: var(--base-display-color-teal-6);
786
+ --display-teal-scale-0: var(--base-display-color-teal-0);
787
+ --display-teal-scale-1: var(--base-display-color-teal-1);
788
+ --display-teal-scale-2: var(--base-display-color-teal-2);
789
+ --display-teal-scale-3: var(--base-display-color-teal-3);
790
+ --display-teal-scale-4: var(--base-display-color-teal-4);
791
+ --display-teal-scale-5: var(--base-display-color-teal-5);
792
+ --display-teal-scale-6: var(--base-display-color-teal-6);
793
+ --display-teal-scale-7: var(--base-display-color-teal-7);
794
+ --display-teal-scale-8: var(--base-display-color-teal-8);
795
+ --display-teal-scale-9: var(--base-display-color-teal-9);
616
796
  --display-yellow-bgColor-emphasis: var(--base-display-color-yellow-4);
617
797
  --display-yellow-bgColor-muted: var(--base-display-color-yellow-0);
618
798
  --display-yellow-borderColor-emphasis: var(--base-display-color-yellow-5);
619
799
  --display-yellow-borderColor-muted: var(--base-display-color-yellow-1);
620
800
  --display-yellow-fgColor: var(--base-display-color-yellow-6);
801
+ --display-yellow-scale-0: var(--base-display-color-yellow-0);
802
+ --display-yellow-scale-1: var(--base-display-color-yellow-1);
803
+ --display-yellow-scale-2: var(--base-display-color-yellow-2);
804
+ --display-yellow-scale-3: var(--base-display-color-yellow-3);
805
+ --display-yellow-scale-4: var(--base-display-color-yellow-4);
806
+ --display-yellow-scale-5: var(--base-display-color-yellow-5);
807
+ --display-yellow-scale-6: var(--base-display-color-yellow-6);
808
+ --display-yellow-scale-7: var(--base-display-color-yellow-7);
809
+ --display-yellow-scale-8: var(--base-display-color-yellow-8);
810
+ --display-yellow-scale-9: var(--base-display-color-yellow-9);
621
811
  --fgColor-attention: var(--base-color-yellow-3);
622
812
  --fgColor-danger: var(--base-color-red-4);
623
813
  --fgColor-default: var(--base-color-neutral-11);
@@ -1470,96 +1660,286 @@
1470
1660
  --display-auburn-borderColor-emphasis: var(--base-display-color-auburn-5);
1471
1661
  --display-auburn-borderColor-muted: var(--base-display-color-auburn-1);
1472
1662
  --display-auburn-fgColor: var(--base-display-color-auburn-6);
1663
+ --display-auburn-scale-0: var(--base-display-color-auburn-0);
1664
+ --display-auburn-scale-1: var(--base-display-color-auburn-1);
1665
+ --display-auburn-scale-2: var(--base-display-color-auburn-2);
1666
+ --display-auburn-scale-3: var(--base-display-color-auburn-3);
1667
+ --display-auburn-scale-4: var(--base-display-color-auburn-4);
1668
+ --display-auburn-scale-5: var(--base-display-color-auburn-5);
1669
+ --display-auburn-scale-6: var(--base-display-color-auburn-6);
1670
+ --display-auburn-scale-7: var(--base-display-color-auburn-7);
1671
+ --display-auburn-scale-8: var(--base-display-color-auburn-8);
1672
+ --display-auburn-scale-9: var(--base-display-color-auburn-9);
1473
1673
  --display-blue-bgColor-emphasis: var(--base-display-color-blue-4);
1474
1674
  --display-blue-bgColor-muted: var(--base-display-color-blue-0);
1475
1675
  --display-blue-borderColor-emphasis: var(--base-display-color-blue-5);
1476
1676
  --display-blue-borderColor-muted: var(--base-display-color-blue-1);
1477
1677
  --display-blue-fgColor: var(--base-display-color-blue-6);
1678
+ --display-blue-scale-0: var(--base-display-color-blue-0);
1679
+ --display-blue-scale-1: var(--base-display-color-blue-1);
1680
+ --display-blue-scale-2: var(--base-display-color-blue-2);
1681
+ --display-blue-scale-3: var(--base-display-color-blue-3);
1682
+ --display-blue-scale-4: var(--base-display-color-blue-4);
1683
+ --display-blue-scale-5: var(--base-display-color-blue-5);
1684
+ --display-blue-scale-6: var(--base-display-color-blue-6);
1685
+ --display-blue-scale-7: var(--base-display-color-blue-7);
1686
+ --display-blue-scale-8: var(--base-display-color-blue-8);
1687
+ --display-blue-scale-9: var(--base-display-color-blue-9);
1478
1688
  --display-brown-bgColor-emphasis: var(--base-display-color-brown-4);
1479
1689
  --display-brown-bgColor-muted: var(--base-display-color-brown-0);
1480
1690
  --display-brown-borderColor-emphasis: var(--base-display-color-brown-5);
1481
1691
  --display-brown-borderColor-muted: var(--base-display-color-brown-1);
1482
1692
  --display-brown-fgColor: var(--base-display-color-brown-6);
1693
+ --display-brown-scale-0: var(--base-display-color-brown-0);
1694
+ --display-brown-scale-1: var(--base-display-color-brown-1);
1695
+ --display-brown-scale-2: var(--base-display-color-brown-2);
1696
+ --display-brown-scale-3: var(--base-display-color-brown-3);
1697
+ --display-brown-scale-4: var(--base-display-color-brown-4);
1698
+ --display-brown-scale-5: var(--base-display-color-brown-5);
1699
+ --display-brown-scale-6: var(--base-display-color-brown-6);
1700
+ --display-brown-scale-7: var(--base-display-color-brown-7);
1701
+ --display-brown-scale-8: var(--base-display-color-brown-8);
1702
+ --display-brown-scale-9: var(--base-display-color-brown-9);
1483
1703
  --display-coral-bgColor-emphasis: var(--base-display-color-red-4);
1484
1704
  --display-coral-bgColor-muted: var(--base-display-color-red-0);
1485
1705
  --display-coral-borderColor-emphasis: var(--base-display-color-red-5);
1486
1706
  --display-coral-borderColor-muted: var(--base-display-color-red-1);
1487
1707
  --display-coral-fgColor: var(--base-display-color-red-6);
1708
+ --display-coral-scale-0: var(--base-display-color-coral-0);
1709
+ --display-coral-scale-1: var(--base-display-color-coral-1);
1710
+ --display-coral-scale-2: var(--base-display-color-coral-2);
1711
+ --display-coral-scale-3: var(--base-display-color-coral-3);
1712
+ --display-coral-scale-4: var(--base-display-color-coral-4);
1713
+ --display-coral-scale-5: var(--base-display-color-coral-5);
1714
+ --display-coral-scale-6: var(--base-display-color-coral-6);
1715
+ --display-coral-scale-7: var(--base-display-color-coral-7);
1716
+ --display-coral-scale-8: var(--base-display-color-coral-8);
1717
+ --display-coral-scale-9: var(--base-display-color-coral-9);
1488
1718
  --display-cyan-bgColor-emphasis: var(--base-display-color-cyan-4);
1489
1719
  --display-cyan-bgColor-muted: var(--base-display-color-cyan-0);
1490
1720
  --display-cyan-borderColor-emphasis: var(--base-display-color-cyan-5);
1491
1721
  --display-cyan-borderColor-muted: var(--base-display-color-cyan-1);
1492
1722
  --display-cyan-fgColor: var(--base-display-color-cyan-6);
1723
+ --display-cyan-scale-0: var(--base-display-color-cyan-0);
1724
+ --display-cyan-scale-1: var(--base-display-color-cyan-1);
1725
+ --display-cyan-scale-2: var(--base-display-color-cyan-2);
1726
+ --display-cyan-scale-3: var(--base-display-color-cyan-3);
1727
+ --display-cyan-scale-4: var(--base-display-color-cyan-4);
1728
+ --display-cyan-scale-5: var(--base-display-color-cyan-5);
1729
+ --display-cyan-scale-6: var(--base-display-color-cyan-6);
1730
+ --display-cyan-scale-7: var(--base-display-color-cyan-7);
1731
+ --display-cyan-scale-8: var(--base-display-color-cyan-8);
1732
+ --display-cyan-scale-9: var(--base-display-color-cyan-9);
1493
1733
  --display-gray-bgColor-emphasis: var(--base-display-color-gray-4);
1494
1734
  --display-gray-bgColor-muted: var(--base-display-color-gray-0);
1495
1735
  --display-gray-borderColor-emphasis: var(--base-display-color-gray-5);
1496
1736
  --display-gray-borderColor-muted: var(--base-display-color-gray-1);
1497
1737
  --display-gray-fgColor: var(--base-display-color-gray-6);
1738
+ --display-gray-scale-0: var(--base-display-color-gray-0);
1739
+ --display-gray-scale-1: var(--base-display-color-gray-1);
1740
+ --display-gray-scale-2: var(--base-display-color-gray-2);
1741
+ --display-gray-scale-3: var(--base-display-color-gray-3);
1742
+ --display-gray-scale-4: var(--base-display-color-gray-4);
1743
+ --display-gray-scale-5: var(--base-display-color-gray-5);
1744
+ --display-gray-scale-6: var(--base-display-color-gray-6);
1745
+ --display-gray-scale-7: var(--base-display-color-gray-7);
1746
+ --display-gray-scale-8: var(--base-display-color-gray-8);
1747
+ --display-gray-scale-9: var(--base-display-color-gray-9);
1498
1748
  --display-green-bgColor-emphasis: var(--base-display-color-green-4);
1499
1749
  --display-green-bgColor-muted: var(--base-display-color-green-0);
1500
1750
  --display-green-borderColor-emphasis: var(--base-display-color-green-5);
1501
1751
  --display-green-borderColor-muted: var(--base-display-color-green-1);
1502
1752
  --display-green-fgColor: var(--base-display-color-green-6);
1753
+ --display-green-scale-0: var(--base-display-color-green-0);
1754
+ --display-green-scale-1: var(--base-display-color-green-1);
1755
+ --display-green-scale-2: var(--base-display-color-green-2);
1756
+ --display-green-scale-3: var(--base-display-color-green-3);
1757
+ --display-green-scale-4: var(--base-display-color-green-4);
1758
+ --display-green-scale-5: var(--base-display-color-green-5);
1759
+ --display-green-scale-6: var(--base-display-color-green-6);
1760
+ --display-green-scale-7: var(--base-display-color-green-7);
1761
+ --display-green-scale-8: var(--base-display-color-green-8);
1762
+ --display-green-scale-9: var(--base-display-color-green-9);
1503
1763
  --display-indigo-bgColor-emphasis: var(--base-display-color-indigo-4);
1504
1764
  --display-indigo-bgColor-muted: var(--base-display-color-indigo-0);
1505
1765
  --display-indigo-borderColor-emphasis: var(--base-display-color-indigo-5);
1506
1766
  --display-indigo-borderColor-muted: var(--base-display-color-indigo-1);
1507
1767
  --display-indigo-fgColor: var(--base-display-color-indigo-6);
1768
+ --display-indigo-scale-0: var(--base-display-color-indigo-0);
1769
+ --display-indigo-scale-1: var(--base-display-color-indigo-1);
1770
+ --display-indigo-scale-2: var(--base-display-color-indigo-2);
1771
+ --display-indigo-scale-3: var(--base-display-color-indigo-3);
1772
+ --display-indigo-scale-4: var(--base-display-color-indigo-4);
1773
+ --display-indigo-scale-5: var(--base-display-color-indigo-5);
1774
+ --display-indigo-scale-6: var(--base-display-color-indigo-6);
1775
+ --display-indigo-scale-7: var(--base-display-color-indigo-7);
1776
+ --display-indigo-scale-8: var(--base-display-color-indigo-8);
1777
+ --display-indigo-scale-9: var(--base-display-color-indigo-9);
1508
1778
  --display-lemon-bgColor-emphasis: var(--base-display-color-lemon-4);
1509
1779
  --display-lemon-bgColor-muted: var(--base-display-color-lemon-0);
1510
1780
  --display-lemon-borderColor-emphasis: var(--base-display-color-lemon-5);
1511
1781
  --display-lemon-borderColor-muted: var(--base-display-color-lemon-1);
1512
1782
  --display-lemon-fgColor: var(--base-display-color-lemon-6);
1783
+ --display-lemon-scale-0: var(--base-display-color-lemon-0);
1784
+ --display-lemon-scale-1: var(--base-display-color-lemon-1);
1785
+ --display-lemon-scale-2: var(--base-display-color-lemon-2);
1786
+ --display-lemon-scale-3: var(--base-display-color-lemon-3);
1787
+ --display-lemon-scale-4: var(--base-display-color-lemon-4);
1788
+ --display-lemon-scale-5: var(--base-display-color-lemon-5);
1789
+ --display-lemon-scale-6: var(--base-display-color-lemon-6);
1790
+ --display-lemon-scale-7: var(--base-display-color-lemon-7);
1791
+ --display-lemon-scale-8: var(--base-display-color-lemon-8);
1792
+ --display-lemon-scale-9: var(--base-display-color-lemon-9);
1513
1793
  --display-lime-bgColor-emphasis: var(--base-display-color-lime-4);
1514
1794
  --display-lime-bgColor-muted: var(--base-display-color-lime-0);
1515
1795
  --display-lime-borderColor-emphasis: var(--base-display-color-lime-5);
1516
1796
  --display-lime-borderColor-muted: var(--base-display-color-lime-1);
1517
1797
  --display-lime-fgColor: var(--base-display-color-lime-6);
1798
+ --display-lime-scale-0: var(--base-display-color-lime-0);
1799
+ --display-lime-scale-1: var(--base-display-color-lime-1);
1800
+ --display-lime-scale-2: var(--base-display-color-lime-2);
1801
+ --display-lime-scale-3: var(--base-display-color-lime-3);
1802
+ --display-lime-scale-4: var(--base-display-color-lime-4);
1803
+ --display-lime-scale-5: var(--base-display-color-lime-5);
1804
+ --display-lime-scale-6: var(--base-display-color-lime-6);
1805
+ --display-lime-scale-7: var(--base-display-color-lime-7);
1806
+ --display-lime-scale-8: var(--base-display-color-lime-8);
1807
+ --display-lime-scale-9: var(--base-display-color-lime-9);
1518
1808
  --display-olive-bgColor-emphasis: var(--base-display-color-olive-4);
1519
1809
  --display-olive-bgColor-muted: var(--base-display-color-olive-0);
1520
1810
  --display-olive-borderColor-emphasis: var(--base-display-color-olive-5);
1521
1811
  --display-olive-borderColor-muted: var(--base-display-color-olive-1);
1522
1812
  --display-olive-fgColor: var(--base-display-color-olive-6);
1813
+ --display-olive-scale-0: var(--base-display-color-olive-0);
1814
+ --display-olive-scale-1: var(--base-display-color-olive-1);
1815
+ --display-olive-scale-2: var(--base-display-color-olive-2);
1816
+ --display-olive-scale-3: var(--base-display-color-olive-3);
1817
+ --display-olive-scale-4: var(--base-display-color-olive-4);
1818
+ --display-olive-scale-5: var(--base-display-color-olive-5);
1819
+ --display-olive-scale-6: var(--base-display-color-olive-6);
1820
+ --display-olive-scale-7: var(--base-display-color-olive-7);
1821
+ --display-olive-scale-8: var(--base-display-color-olive-8);
1822
+ --display-olive-scale-9: var(--base-display-color-olive-9);
1523
1823
  --display-orange-bgColor-emphasis: var(--base-display-color-orange-4);
1524
1824
  --display-orange-bgColor-muted: var(--base-display-color-orange-0);
1525
1825
  --display-orange-borderColor-emphasis: var(--base-display-color-orange-5);
1526
1826
  --display-orange-borderColor-muted: var(--base-display-color-orange-1);
1527
1827
  --display-orange-fgColor: var(--base-display-color-orange-6);
1828
+ --display-orange-scale-0: var(--base-display-color-orange-0);
1829
+ --display-orange-scale-1: var(--base-display-color-orange-1);
1830
+ --display-orange-scale-2: var(--base-display-color-orange-2);
1831
+ --display-orange-scale-3: var(--base-display-color-orange-3);
1832
+ --display-orange-scale-4: var(--base-display-color-orange-4);
1833
+ --display-orange-scale-5: var(--base-display-color-orange-5);
1834
+ --display-orange-scale-6: var(--base-display-color-orange-6);
1835
+ --display-orange-scale-7: var(--base-display-color-orange-7);
1836
+ --display-orange-scale-8: var(--base-display-color-orange-8);
1837
+ --display-orange-scale-9: var(--base-display-color-orange-9);
1528
1838
  --display-pine-bgColor-emphasis: var(--base-display-color-pine-4);
1529
1839
  --display-pine-bgColor-muted: var(--base-display-color-pine-0);
1530
1840
  --display-pine-borderColor-emphasis: var(--base-display-color-pine-5);
1531
1841
  --display-pine-borderColor-muted: var(--base-display-color-pine-1);
1532
1842
  --display-pine-fgColor: var(--base-display-color-pine-6);
1843
+ --display-pine-scale-0: var(--base-display-color-pine-0);
1844
+ --display-pine-scale-1: var(--base-display-color-pine-1);
1845
+ --display-pine-scale-2: var(--base-display-color-pine-2);
1846
+ --display-pine-scale-3: var(--base-display-color-pine-3);
1847
+ --display-pine-scale-4: var(--base-display-color-pine-4);
1848
+ --display-pine-scale-5: var(--base-display-color-pine-5);
1849
+ --display-pine-scale-6: var(--base-display-color-pine-6);
1850
+ --display-pine-scale-7: var(--base-display-color-pine-7);
1851
+ --display-pine-scale-8: var(--base-display-color-pine-8);
1852
+ --display-pine-scale-9: var(--base-display-color-pine-9);
1533
1853
  --display-pink-bgColor-emphasis: var(--base-display-color-pink-4);
1534
1854
  --display-pink-bgColor-muted: var(--base-display-color-pink-0);
1535
1855
  --display-pink-borderColor-emphasis: var(--base-display-color-pink-5);
1536
1856
  --display-pink-borderColor-muted: var(--base-display-color-pink-1);
1537
1857
  --display-pink-fgColor: var(--base-display-color-pink-6);
1858
+ --display-pink-scale-0: var(--base-display-color-pink-0);
1859
+ --display-pink-scale-1: var(--base-display-color-pink-1);
1860
+ --display-pink-scale-2: var(--base-display-color-pink-2);
1861
+ --display-pink-scale-3: var(--base-display-color-pink-3);
1862
+ --display-pink-scale-4: var(--base-display-color-pink-4);
1863
+ --display-pink-scale-5: var(--base-display-color-pink-5);
1864
+ --display-pink-scale-6: var(--base-display-color-pink-6);
1865
+ --display-pink-scale-7: var(--base-display-color-pink-7);
1866
+ --display-pink-scale-8: var(--base-display-color-pink-8);
1867
+ --display-pink-scale-9: var(--base-display-color-pink-9);
1538
1868
  --display-plum-bgColor-emphasis: var(--base-display-color-plum-4);
1539
1869
  --display-plum-bgColor-muted: var(--base-display-color-plum-0);
1540
1870
  --display-plum-borderColor-emphasis: var(--base-display-color-plum-5);
1541
1871
  --display-plum-borderColor-muted: var(--base-display-color-plum-1);
1542
1872
  --display-plum-fgColor: var(--base-display-color-plum-6);
1873
+ --display-plum-scale-0: var(--base-display-color-plum-0);
1874
+ --display-plum-scale-1: var(--base-display-color-plum-1);
1875
+ --display-plum-scale-2: var(--base-display-color-plum-2);
1876
+ --display-plum-scale-3: var(--base-display-color-plum-3);
1877
+ --display-plum-scale-4: var(--base-display-color-plum-4);
1878
+ --display-plum-scale-5: var(--base-display-color-plum-5);
1879
+ --display-plum-scale-6: var(--base-display-color-plum-6);
1880
+ --display-plum-scale-7: var(--base-display-color-plum-7);
1881
+ --display-plum-scale-8: var(--base-display-color-plum-8);
1882
+ --display-plum-scale-9: var(--base-display-color-plum-9);
1543
1883
  --display-purple-bgColor-emphasis: var(--base-display-color-purple-4);
1544
1884
  --display-purple-bgColor-muted: var(--base-display-color-purple-0);
1545
1885
  --display-purple-borderColor-emphasis: var(--base-display-color-purple-5);
1546
1886
  --display-purple-borderColor-muted: var(--base-display-color-purple-1);
1547
1887
  --display-purple-fgColor: var(--base-display-color-purple-6);
1888
+ --display-purple-scale-0: var(--base-display-color-purple-0);
1889
+ --display-purple-scale-1: var(--base-display-color-purple-1);
1890
+ --display-purple-scale-2: var(--base-display-color-purple-2);
1891
+ --display-purple-scale-3: var(--base-display-color-purple-3);
1892
+ --display-purple-scale-4: var(--base-display-color-purple-4);
1893
+ --display-purple-scale-5: var(--base-display-color-purple-5);
1894
+ --display-purple-scale-6: var(--base-display-color-purple-6);
1895
+ --display-purple-scale-7: var(--base-display-color-purple-7);
1896
+ --display-purple-scale-8: var(--base-display-color-purple-8);
1897
+ --display-purple-scale-9: var(--base-display-color-purple-9);
1548
1898
  --display-red-bgColor-emphasis: var(--base-display-color-red-4);
1549
1899
  --display-red-bgColor-muted: var(--base-display-color-red-0);
1550
1900
  --display-red-borderColor-emphasis: var(--base-display-color-red-5);
1551
1901
  --display-red-borderColor-muted: var(--base-display-color-red-1);
1552
1902
  --display-red-fgColor: var(--base-display-color-red-6);
1903
+ --display-red-scale-0: var(--base-display-color-red-0);
1904
+ --display-red-scale-1: var(--base-display-color-red-1);
1905
+ --display-red-scale-2: var(--base-display-color-red-2);
1906
+ --display-red-scale-3: var(--base-display-color-red-3);
1907
+ --display-red-scale-4: var(--base-display-color-red-4);
1908
+ --display-red-scale-5: var(--base-display-color-red-5);
1909
+ --display-red-scale-6: var(--base-display-color-red-6);
1910
+ --display-red-scale-7: var(--base-display-color-red-7);
1911
+ --display-red-scale-8: var(--base-display-color-red-8);
1912
+ --display-red-scale-9: var(--base-display-color-red-9);
1553
1913
  --display-teal-bgColor-emphasis: var(--base-display-color-teal-4);
1554
1914
  --display-teal-bgColor-muted: var(--base-display-color-teal-0);
1555
1915
  --display-teal-borderColor-emphasis: var(--base-display-color-teal-5);
1556
1916
  --display-teal-borderColor-muted: var(--base-display-color-teal-1);
1557
1917
  --display-teal-fgColor: var(--base-display-color-teal-6);
1918
+ --display-teal-scale-0: var(--base-display-color-teal-0);
1919
+ --display-teal-scale-1: var(--base-display-color-teal-1);
1920
+ --display-teal-scale-2: var(--base-display-color-teal-2);
1921
+ --display-teal-scale-3: var(--base-display-color-teal-3);
1922
+ --display-teal-scale-4: var(--base-display-color-teal-4);
1923
+ --display-teal-scale-5: var(--base-display-color-teal-5);
1924
+ --display-teal-scale-6: var(--base-display-color-teal-6);
1925
+ --display-teal-scale-7: var(--base-display-color-teal-7);
1926
+ --display-teal-scale-8: var(--base-display-color-teal-8);
1927
+ --display-teal-scale-9: var(--base-display-color-teal-9);
1558
1928
  --display-yellow-bgColor-emphasis: var(--base-display-color-yellow-4);
1559
1929
  --display-yellow-bgColor-muted: var(--base-display-color-yellow-0);
1560
1930
  --display-yellow-borderColor-emphasis: var(--base-display-color-yellow-5);
1561
1931
  --display-yellow-borderColor-muted: var(--base-display-color-yellow-1);
1562
1932
  --display-yellow-fgColor: var(--base-display-color-yellow-6);
1933
+ --display-yellow-scale-0: var(--base-display-color-yellow-0);
1934
+ --display-yellow-scale-1: var(--base-display-color-yellow-1);
1935
+ --display-yellow-scale-2: var(--base-display-color-yellow-2);
1936
+ --display-yellow-scale-3: var(--base-display-color-yellow-3);
1937
+ --display-yellow-scale-4: var(--base-display-color-yellow-4);
1938
+ --display-yellow-scale-5: var(--base-display-color-yellow-5);
1939
+ --display-yellow-scale-6: var(--base-display-color-yellow-6);
1940
+ --display-yellow-scale-7: var(--base-display-color-yellow-7);
1941
+ --display-yellow-scale-8: var(--base-display-color-yellow-8);
1942
+ --display-yellow-scale-9: var(--base-display-color-yellow-9);
1563
1943
  --fgColor-attention: var(--base-color-yellow-3);
1564
1944
  --fgColor-danger: var(--base-color-red-4);
1565
1945
  --fgColor-default: var(--base-color-neutral-11);