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