@primer/primitives 8.2.3 → 8.2.4-rc.40404c05
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.
- package/dist/css/functional/themes/dark-colorblind.css +38 -38
- package/dist/css/functional/themes/dark-dimmed.css +38 -38
- package/dist/css/functional/themes/dark-high-contrast.css +38 -38
- package/dist/css/functional/themes/dark-tritanopia.css +38 -38
- package/dist/css/functional/themes/dark.css +38 -38
- package/dist/docs/functional/themes/dark-colorblind.json +61 -61
- package/dist/docs/functional/themes/dark-dimmed.json +62 -62
- package/dist/docs/functional/themes/dark-high-contrast.json +61 -61
- package/dist/docs/functional/themes/dark-tritanopia.json +61 -61
- package/dist/docs/functional/themes/dark.json +62 -62
- package/dist/docs/functional/themes/light-colorblind.json +25 -25
- package/dist/docs/functional/themes/light-high-contrast.json +25 -25
- package/dist/docs/functional/themes/light-tritanopia.json +25 -25
- package/dist/docs/functional/themes/light.json +27 -27
- package/dist/figma/themes/dark-colorblind.json +76 -76
- package/dist/figma/themes/dark-dimmed.json +76 -76
- package/dist/figma/themes/dark-high-contrast.json +76 -76
- package/dist/figma/themes/dark-tritanopia.json +76 -76
- package/dist/figma/themes/dark.json +76 -76
- package/dist/internalCss/dark-colorblind.css +38 -38
- package/dist/internalCss/dark-dimmed.css +38 -38
- package/dist/internalCss/dark-high-contrast.css +38 -38
- package/dist/internalCss/dark-tritanopia.css +38 -38
- package/dist/internalCss/dark.css +38 -38
- package/dist/styleLint/functional/themes/dark-colorblind.json +61 -61
- package/dist/styleLint/functional/themes/dark-dimmed.json +62 -62
- package/dist/styleLint/functional/themes/dark-high-contrast.json +61 -61
- package/dist/styleLint/functional/themes/dark-tritanopia.json +61 -61
- package/dist/styleLint/functional/themes/dark.json +62 -62
- package/dist/styleLint/functional/themes/light-colorblind.json +25 -25
- package/dist/styleLint/functional/themes/light-high-contrast.json +25 -25
- package/dist/styleLint/functional/themes/light-tritanopia.json +25 -25
- package/dist/styleLint/functional/themes/light.json +27 -27
- package/package.json +1 -1
- package/src/tokens/functional/color/dark/display-dark.json5 +19 -19
- package/src/tokens/functional/color/dark/overrides/dark.protanopia-deuteranopia.json5 +8 -16
- package/src/tokens/functional/color/dark/overrides/dark.tritanopia.json5 +9 -17
- package/src/tokens/functional/color/dark/patterns-dark.json5 +10 -10
- package/src/tokens/functional/color/dark/primitives-dark.json5 +122 -146
- package/src/tokens/functional/color/light/overrides/light.high-contrast.json5 +4 -8
- package/src/tokens/functional/color/light/overrides/light.protanopia-deuteranopia.json5 +11 -19
- package/src/tokens/functional/color/light/overrides/light.tritanopia.json5 +8 -16
- package/src/tokens/functional/color/light/patterns-light.json5 +12 -12
- package/src/tokens/functional/color/light/primitives-light.json5 +122 -146
|
@@ -63,97 +63,97 @@
|
|
|
63
63
|
--data-gray-color: #576270;
|
|
64
64
|
--data-gray-color-muted: #1c1c1c;
|
|
65
65
|
--display-blue-bgColor-muted: #001a47;
|
|
66
|
-
--display-blue-bgColor-emphasis: #
|
|
66
|
+
--display-blue-bgColor-emphasis: #005bd1;
|
|
67
67
|
--display-blue-fgColor: #4da0ff;
|
|
68
68
|
--display-blue-borderColor-muted: #002766;
|
|
69
69
|
--display-blue-borderColor-emphasis: #0576ff;
|
|
70
70
|
--display-green-bgColor-muted: #122117;
|
|
71
|
-
--display-green-bgColor-emphasis: #
|
|
71
|
+
--display-green-bgColor-emphasis: #2f6f37;
|
|
72
72
|
--display-green-fgColor: #41b445;
|
|
73
73
|
--display-green-borderColor-muted: #182f1f;
|
|
74
74
|
--display-green-borderColor-emphasis: #388f3f;
|
|
75
75
|
--display-orange-bgColor-muted: #311708;
|
|
76
|
-
--display-orange-bgColor-emphasis: #
|
|
76
|
+
--display-orange-bgColor-emphasis: #984b10;
|
|
77
77
|
--display-orange-fgColor: #ed8326;
|
|
78
78
|
--display-orange-borderColor-muted: #43200a;
|
|
79
79
|
--display-orange-borderColor-emphasis: #c46212;
|
|
80
80
|
--display-purple-bgColor-muted: #211047;
|
|
81
|
-
--display-purple-bgColor-emphasis: #
|
|
81
|
+
--display-purple-bgColor-emphasis: #7730e8;
|
|
82
82
|
--display-purple-fgColor: #b687f7;
|
|
83
83
|
--display-purple-borderColor-muted: #31146b;
|
|
84
84
|
--display-purple-borderColor-emphasis: #975bf1;
|
|
85
85
|
--display-plum-bgColor-muted: #2a0e3f;
|
|
86
|
-
--display-plum-bgColor-emphasis: #
|
|
86
|
+
--display-plum-bgColor-emphasis: #9518d8;
|
|
87
87
|
--display-plum-fgColor: #d07ef7;
|
|
88
88
|
--display-plum-borderColor-muted: #40125e;
|
|
89
89
|
--display-plum-borderColor-emphasis: #b643ef;
|
|
90
90
|
--display-red-bgColor-muted: #3c0614;
|
|
91
|
-
--display-red-bgColor-emphasis: #
|
|
91
|
+
--display-red-bgColor-emphasis: #c31328;
|
|
92
92
|
--display-red-fgColor: #f27d83;
|
|
93
93
|
--display-red-borderColor-muted: #58091a;
|
|
94
94
|
--display-red-borderColor-emphasis: #eb3342;
|
|
95
95
|
--display-coral-bgColor-muted: #3c0614;
|
|
96
|
-
--display-coral-bgColor-emphasis: #
|
|
96
|
+
--display-coral-bgColor-emphasis: #c31328;
|
|
97
97
|
--display-coral-fgColor: #f27d83;
|
|
98
98
|
--display-coral-borderColor-muted: #58091a;
|
|
99
99
|
--display-coral-borderColor-emphasis: #eb3342;
|
|
100
100
|
--display-yellow-bgColor-muted: #2e1a00;
|
|
101
|
-
--display-yellow-bgColor-emphasis: #
|
|
101
|
+
--display-yellow-bgColor-emphasis: #895906;
|
|
102
102
|
--display-yellow-fgColor: #d3910d;
|
|
103
103
|
--display-yellow-borderColor-muted: #3d2401;
|
|
104
104
|
--display-yellow-borderColor-emphasis: #aa7109;
|
|
105
105
|
--display-gray-bgColor-muted: #1c1c1c;
|
|
106
|
-
--display-gray-bgColor-emphasis: #
|
|
106
|
+
--display-gray-bgColor-emphasis: #576270;
|
|
107
107
|
--display-gray-fgColor: #92a1b5;
|
|
108
108
|
--display-gray-borderColor-muted: #2a2b2d;
|
|
109
109
|
--display-gray-borderColor-emphasis: #6e7f96;
|
|
110
110
|
--display-auburn-bgColor-muted: #271817;
|
|
111
|
-
--display-auburn-bgColor-emphasis: #
|
|
111
|
+
--display-auburn-bgColor-emphasis: #87534f;
|
|
112
112
|
--display-auburn-fgColor: #bf9592;
|
|
113
113
|
--display-auburn-borderColor-muted: #3a2422;
|
|
114
114
|
--display-auburn-borderColor-emphasis: #a86f6b;
|
|
115
115
|
--display-brown-bgColor-muted: #241c14;
|
|
116
|
-
--display-brown-bgColor-emphasis: #
|
|
116
|
+
--display-brown-bgColor-emphasis: #755e3e;
|
|
117
117
|
--display-brown-fgColor: #b69a6d;
|
|
118
118
|
--display-brown-borderColor-muted: #342a1d;
|
|
119
119
|
--display-brown-borderColor-emphasis: #94774c;
|
|
120
120
|
--display-lemon-bgColor-muted: #291d00;
|
|
121
|
-
--display-lemon-bgColor-emphasis: #
|
|
121
|
+
--display-lemon-bgColor-emphasis: #786008;
|
|
122
122
|
--display-lemon-fgColor: #ba9b12;
|
|
123
123
|
--display-lemon-borderColor-muted: #372901;
|
|
124
124
|
--display-lemon-borderColor-emphasis: #977b0c;
|
|
125
125
|
--display-olive-bgColor-muted: #171e0b;
|
|
126
|
-
--display-olive-bgColor-emphasis: #
|
|
126
|
+
--display-olive-bgColor-emphasis: #5e681d;
|
|
127
127
|
--display-olive-fgColor: #a2a626;
|
|
128
128
|
--display-olive-borderColor-muted: #252d10;
|
|
129
129
|
--display-olive-borderColor-emphasis: #7a8321;
|
|
130
130
|
--display-lime-bgColor-muted: #141f0f;
|
|
131
|
-
--display-lime-bgColor-emphasis: #
|
|
131
|
+
--display-lime-bgColor-emphasis: #496c28;
|
|
132
132
|
--display-lime-fgColor: #7dae37;
|
|
133
133
|
--display-lime-borderColor-muted: #1f3116;
|
|
134
134
|
--display-lime-borderColor-emphasis: #5f892f;
|
|
135
135
|
--display-pine-bgColor-muted: #082119;
|
|
136
|
-
--display-pine-bgColor-emphasis: #
|
|
136
|
+
--display-pine-bgColor-emphasis: #14714c;
|
|
137
137
|
--display-pine-fgColor: #1bb673;
|
|
138
138
|
--display-pine-borderColor-muted: #0b3224;
|
|
139
139
|
--display-pine-borderColor-emphasis: #18915e;
|
|
140
140
|
--display-teal-bgColor-muted: #041f25;
|
|
141
|
-
--display-teal-bgColor-emphasis: #
|
|
141
|
+
--display-teal-bgColor-emphasis: #106c70;
|
|
142
142
|
--display-teal-fgColor: #1cb0ab;
|
|
143
143
|
--display-teal-borderColor-muted: #073036;
|
|
144
144
|
--display-teal-borderColor-emphasis: #158a8a;
|
|
145
145
|
--display-cyan-bgColor-muted: #001f29;
|
|
146
|
-
--display-cyan-bgColor-emphasis: #
|
|
146
|
+
--display-cyan-bgColor-emphasis: #036a8c;
|
|
147
147
|
--display-cyan-fgColor: #07ace4;
|
|
148
148
|
--display-cyan-borderColor-muted: #002e3d;
|
|
149
149
|
--display-cyan-borderColor-emphasis: #0587b3;
|
|
150
150
|
--display-indigo-bgColor-muted: #1b183f;
|
|
151
|
-
--display-indigo-bgColor-emphasis: #
|
|
151
|
+
--display-indigo-bgColor-emphasis: #514ed4;
|
|
152
152
|
--display-indigo-fgColor: #9899ec;
|
|
153
153
|
--display-indigo-borderColor-muted: #25215f;
|
|
154
154
|
--display-indigo-borderColor-emphasis: #7070e1;
|
|
155
155
|
--display-pink-bgColor-muted: #2d1524;
|
|
156
|
-
--display-pink-bgColor-emphasis: #
|
|
156
|
+
--display-pink-bgColor-emphasis: #ac2f74;
|
|
157
157
|
--display-pink-fgColor: #e57bb2;
|
|
158
158
|
--display-pink-borderColor-muted: #451c35;
|
|
159
159
|
--display-pink-borderColor-emphasis: #d34591;
|
|
@@ -627,97 +627,97 @@
|
|
|
627
627
|
--data-gray-color: #576270;
|
|
628
628
|
--data-gray-color-muted: #1c1c1c;
|
|
629
629
|
--display-blue-bgColor-muted: #001a47;
|
|
630
|
-
--display-blue-bgColor-emphasis: #
|
|
630
|
+
--display-blue-bgColor-emphasis: #005bd1;
|
|
631
631
|
--display-blue-fgColor: #4da0ff;
|
|
632
632
|
--display-blue-borderColor-muted: #002766;
|
|
633
633
|
--display-blue-borderColor-emphasis: #0576ff;
|
|
634
634
|
--display-green-bgColor-muted: #122117;
|
|
635
|
-
--display-green-bgColor-emphasis: #
|
|
635
|
+
--display-green-bgColor-emphasis: #2f6f37;
|
|
636
636
|
--display-green-fgColor: #41b445;
|
|
637
637
|
--display-green-borderColor-muted: #182f1f;
|
|
638
638
|
--display-green-borderColor-emphasis: #388f3f;
|
|
639
639
|
--display-orange-bgColor-muted: #311708;
|
|
640
|
-
--display-orange-bgColor-emphasis: #
|
|
640
|
+
--display-orange-bgColor-emphasis: #984b10;
|
|
641
641
|
--display-orange-fgColor: #ed8326;
|
|
642
642
|
--display-orange-borderColor-muted: #43200a;
|
|
643
643
|
--display-orange-borderColor-emphasis: #c46212;
|
|
644
644
|
--display-purple-bgColor-muted: #211047;
|
|
645
|
-
--display-purple-bgColor-emphasis: #
|
|
645
|
+
--display-purple-bgColor-emphasis: #7730e8;
|
|
646
646
|
--display-purple-fgColor: #b687f7;
|
|
647
647
|
--display-purple-borderColor-muted: #31146b;
|
|
648
648
|
--display-purple-borderColor-emphasis: #975bf1;
|
|
649
649
|
--display-plum-bgColor-muted: #2a0e3f;
|
|
650
|
-
--display-plum-bgColor-emphasis: #
|
|
650
|
+
--display-plum-bgColor-emphasis: #9518d8;
|
|
651
651
|
--display-plum-fgColor: #d07ef7;
|
|
652
652
|
--display-plum-borderColor-muted: #40125e;
|
|
653
653
|
--display-plum-borderColor-emphasis: #b643ef;
|
|
654
654
|
--display-red-bgColor-muted: #3c0614;
|
|
655
|
-
--display-red-bgColor-emphasis: #
|
|
655
|
+
--display-red-bgColor-emphasis: #c31328;
|
|
656
656
|
--display-red-fgColor: #f27d83;
|
|
657
657
|
--display-red-borderColor-muted: #58091a;
|
|
658
658
|
--display-red-borderColor-emphasis: #eb3342;
|
|
659
659
|
--display-coral-bgColor-muted: #3c0614;
|
|
660
|
-
--display-coral-bgColor-emphasis: #
|
|
660
|
+
--display-coral-bgColor-emphasis: #c31328;
|
|
661
661
|
--display-coral-fgColor: #f27d83;
|
|
662
662
|
--display-coral-borderColor-muted: #58091a;
|
|
663
663
|
--display-coral-borderColor-emphasis: #eb3342;
|
|
664
664
|
--display-yellow-bgColor-muted: #2e1a00;
|
|
665
|
-
--display-yellow-bgColor-emphasis: #
|
|
665
|
+
--display-yellow-bgColor-emphasis: #895906;
|
|
666
666
|
--display-yellow-fgColor: #d3910d;
|
|
667
667
|
--display-yellow-borderColor-muted: #3d2401;
|
|
668
668
|
--display-yellow-borderColor-emphasis: #aa7109;
|
|
669
669
|
--display-gray-bgColor-muted: #1c1c1c;
|
|
670
|
-
--display-gray-bgColor-emphasis: #
|
|
670
|
+
--display-gray-bgColor-emphasis: #576270;
|
|
671
671
|
--display-gray-fgColor: #92a1b5;
|
|
672
672
|
--display-gray-borderColor-muted: #2a2b2d;
|
|
673
673
|
--display-gray-borderColor-emphasis: #6e7f96;
|
|
674
674
|
--display-auburn-bgColor-muted: #271817;
|
|
675
|
-
--display-auburn-bgColor-emphasis: #
|
|
675
|
+
--display-auburn-bgColor-emphasis: #87534f;
|
|
676
676
|
--display-auburn-fgColor: #bf9592;
|
|
677
677
|
--display-auburn-borderColor-muted: #3a2422;
|
|
678
678
|
--display-auburn-borderColor-emphasis: #a86f6b;
|
|
679
679
|
--display-brown-bgColor-muted: #241c14;
|
|
680
|
-
--display-brown-bgColor-emphasis: #
|
|
680
|
+
--display-brown-bgColor-emphasis: #755e3e;
|
|
681
681
|
--display-brown-fgColor: #b69a6d;
|
|
682
682
|
--display-brown-borderColor-muted: #342a1d;
|
|
683
683
|
--display-brown-borderColor-emphasis: #94774c;
|
|
684
684
|
--display-lemon-bgColor-muted: #291d00;
|
|
685
|
-
--display-lemon-bgColor-emphasis: #
|
|
685
|
+
--display-lemon-bgColor-emphasis: #786008;
|
|
686
686
|
--display-lemon-fgColor: #ba9b12;
|
|
687
687
|
--display-lemon-borderColor-muted: #372901;
|
|
688
688
|
--display-lemon-borderColor-emphasis: #977b0c;
|
|
689
689
|
--display-olive-bgColor-muted: #171e0b;
|
|
690
|
-
--display-olive-bgColor-emphasis: #
|
|
690
|
+
--display-olive-bgColor-emphasis: #5e681d;
|
|
691
691
|
--display-olive-fgColor: #a2a626;
|
|
692
692
|
--display-olive-borderColor-muted: #252d10;
|
|
693
693
|
--display-olive-borderColor-emphasis: #7a8321;
|
|
694
694
|
--display-lime-bgColor-muted: #141f0f;
|
|
695
|
-
--display-lime-bgColor-emphasis: #
|
|
695
|
+
--display-lime-bgColor-emphasis: #496c28;
|
|
696
696
|
--display-lime-fgColor: #7dae37;
|
|
697
697
|
--display-lime-borderColor-muted: #1f3116;
|
|
698
698
|
--display-lime-borderColor-emphasis: #5f892f;
|
|
699
699
|
--display-pine-bgColor-muted: #082119;
|
|
700
|
-
--display-pine-bgColor-emphasis: #
|
|
700
|
+
--display-pine-bgColor-emphasis: #14714c;
|
|
701
701
|
--display-pine-fgColor: #1bb673;
|
|
702
702
|
--display-pine-borderColor-muted: #0b3224;
|
|
703
703
|
--display-pine-borderColor-emphasis: #18915e;
|
|
704
704
|
--display-teal-bgColor-muted: #041f25;
|
|
705
|
-
--display-teal-bgColor-emphasis: #
|
|
705
|
+
--display-teal-bgColor-emphasis: #106c70;
|
|
706
706
|
--display-teal-fgColor: #1cb0ab;
|
|
707
707
|
--display-teal-borderColor-muted: #073036;
|
|
708
708
|
--display-teal-borderColor-emphasis: #158a8a;
|
|
709
709
|
--display-cyan-bgColor-muted: #001f29;
|
|
710
|
-
--display-cyan-bgColor-emphasis: #
|
|
710
|
+
--display-cyan-bgColor-emphasis: #036a8c;
|
|
711
711
|
--display-cyan-fgColor: #07ace4;
|
|
712
712
|
--display-cyan-borderColor-muted: #002e3d;
|
|
713
713
|
--display-cyan-borderColor-emphasis: #0587b3;
|
|
714
714
|
--display-indigo-bgColor-muted: #1b183f;
|
|
715
|
-
--display-indigo-bgColor-emphasis: #
|
|
715
|
+
--display-indigo-bgColor-emphasis: #514ed4;
|
|
716
716
|
--display-indigo-fgColor: #9899ec;
|
|
717
717
|
--display-indigo-borderColor-muted: #25215f;
|
|
718
718
|
--display-indigo-borderColor-emphasis: #7070e1;
|
|
719
719
|
--display-pink-bgColor-muted: #2d1524;
|
|
720
|
-
--display-pink-bgColor-emphasis: #
|
|
720
|
+
--display-pink-bgColor-emphasis: #ac2f74;
|
|
721
721
|
--display-pink-fgColor: #e57bb2;
|
|
722
722
|
--display-pink-borderColor-muted: #451c35;
|
|
723
723
|
--display-pink-borderColor-emphasis: #d34591;
|