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