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