@primer/primitives 8.2.4-rc.790153da → 8.2.4-rc.8993a8dc

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 (37) hide show
  1. package/dist/css/functional/themes/dark-high-contrast.css +172 -172
  2. package/dist/css/functional/themes/light-high-contrast.css +114 -114
  3. package/dist/docs/functional/themes/dark-colorblind.json +2 -2
  4. package/dist/docs/functional/themes/dark-dimmed.json +3 -3
  5. package/dist/docs/functional/themes/dark-high-contrast.json +223 -223
  6. package/dist/docs/functional/themes/dark-tritanopia.json +2 -2
  7. package/dist/docs/functional/themes/dark.json +3 -3
  8. package/dist/docs/functional/themes/light-high-contrast.json +171 -171
  9. package/dist/figma/themes/dark-colorblind.json +39 -39
  10. package/dist/figma/themes/dark-dimmed.json +58 -58
  11. package/dist/figma/themes/dark-high-contrast.json +350 -350
  12. package/dist/figma/themes/dark-tritanopia.json +39 -39
  13. package/dist/figma/themes/dark.json +58 -58
  14. package/dist/figma/themes/light-high-contrast.json +218 -218
  15. package/dist/internalCss/dark-high-contrast.css +172 -172
  16. package/dist/internalCss/light-high-contrast.css +114 -114
  17. package/dist/styleLint/functional/themes/dark-colorblind.json +2 -2
  18. package/dist/styleLint/functional/themes/dark-dimmed.json +3 -3
  19. package/dist/styleLint/functional/themes/dark-high-contrast.json +223 -223
  20. package/dist/styleLint/functional/themes/dark-tritanopia.json +2 -2
  21. package/dist/styleLint/functional/themes/dark.json +3 -3
  22. package/dist/styleLint/functional/themes/light-high-contrast.json +171 -171
  23. package/package.json +27 -26
  24. package/src/formats/cssAdvanced.ts +3 -3
  25. package/src/formats/cssCustomMedia.ts +2 -2
  26. package/src/formats/javascriptCommonJs.ts +2 -2
  27. package/src/formats/javascriptEsm.ts +2 -2
  28. package/src/formats/jsonFigma.ts +2 -2
  29. package/src/formats/jsonNestedPrefixed.ts +2 -2
  30. package/src/formats/jsonOneDimensional.ts +2 -2
  31. package/src/formats/jsonPostCssFallback.ts +2 -2
  32. package/src/formats/typescriptExportDefinition.ts +2 -2
  33. package/src/schemas/designToken.ts +1 -1
  34. package/src/schemas/validTokenType.ts +1 -1
  35. package/src/tokens/functional/color/dark/overrides/dark.high-contrast.json5 +390 -2
  36. package/src/tokens/functional/color/dark/primitives-dark.json5 +3 -3
  37. package/src/tokens/functional/color/light/overrides/light.high-contrast.json5 +344 -0
package/dist/css/functional/themes/light-high-contrast.css CHANGED
@@ -63,100 +63,100 @@
63
63
  --data-gray-color: #808fa3;
64
64
  --data-gray-color-muted: #e8ecf2;
65
65
  --display-blue-bgColor-muted: #d1f0ff;
66
- --display-blue-bgColor-emphasis: #006edb;
67
- --display-blue-fgColor: #005fcc;
66
+ --display-blue-bgColor-emphasis: #004db3;
67
+ --display-blue-fgColor: #003d99;
68
68
  --display-blue-borderColor-muted: #ade1ff;
69
- --display-blue-borderColor-emphasis: #006edb;
69
+ --display-blue-borderColor-emphasis: #005fcc;
70
70
  --display-green-bgColor-muted: #caf7ca;
71
- --display-green-bgColor-emphasis: #2c8141;
72
- --display-green-fgColor: #2b6e3f;
71
+ --display-green-bgColor-emphasis: #285c3b;
72
+ --display-green-fgColor: #254b34;
73
73
  --display-green-borderColor-muted: #9ceda0;
74
- --display-green-borderColor-emphasis: #2c8141;
74
+ --display-green-borderColor-emphasis: #2b6e3f;
75
75
  --display-orange-bgColor-muted: #ffe7d1;
76
- --display-orange-bgColor-emphasis: #b8500f;
77
- --display-orange-fgColor: #a24610;
76
+ --display-orange-bgColor-emphasis: #8d3c11;
77
+ --display-orange-fgColor: #70300f;
78
78
  --display-orange-borderColor-muted: #fecfaa;
79
- --display-orange-borderColor-emphasis: #b8500f;
79
+ --display-orange-borderColor-emphasis: #a24610;
80
80
  --display-purple-bgColor-muted: #f1e5ff;
81
- --display-purple-bgColor-emphasis: #894ceb;
82
- --display-purple-fgColor: #783ae4;
81
+ --display-purple-bgColor-emphasis: #6223d7;
82
+ --display-purple-fgColor: #4f21ab;
83
83
  --display-purple-borderColor-muted: #e6d2fe;
84
- --display-purple-borderColor-emphasis: #894ceb;
84
+ --display-purple-borderColor-emphasis: #783ae4;
85
85
  --display-plum-bgColor-muted: #f8e5ff;
86
- --display-plum-bgColor-emphasis: #a830e8;
87
- --display-plum-fgColor: #961edc;
86
+ --display-plum-bgColor-emphasis: #7d1eb8;
87
+ --display-plum-fgColor: #651d96;
88
88
  --display-plum-borderColor-muted: #f0cdfe;
89
- --display-plum-borderColor-emphasis: #a830e8;
89
+ --display-plum-borderColor-emphasis: #961edc;
90
90
  --display-red-bgColor-muted: #ffe2e0;
91
- --display-red-bgColor-emphasis: #df0c24;
92
- --display-red-fgColor: #c50d28;
91
+ --display-red-bgColor-emphasis: #a60c29;
92
+ --display-red-fgColor: #880c27;
93
93
  --display-red-borderColor-muted: #fecdcd;
94
- --display-red-borderColor-emphasis: #df0c24;
94
+ --display-red-borderColor-emphasis: #c50d28;
95
95
  --display-coral-bgColor-muted: #ffe5db;
96
- --display-coral-bgColor-emphasis: #d43511;
97
- --display-coral-fgColor: #ba2e12;
96
+ --display-coral-bgColor-emphasis: #9b2712;
97
+ --display-coral-fgColor: #7e2011;
98
98
  --display-coral-borderColor-muted: #fecebe;
99
- --display-coral-borderColor-emphasis: #d43511;
99
+ --display-coral-borderColor-emphasis: #ba2e12;
100
100
  --display-yellow-bgColor-muted: #ffec9e;
101
- --display-yellow-bgColor-emphasis: #946a00;
102
- --display-yellow-fgColor: #805900;
101
+ --display-yellow-bgColor-emphasis: #704d00;
102
+ --display-yellow-fgColor: #5c3d00;
103
103
  --display-yellow-borderColor-muted: #ffd642;
104
- --display-yellow-borderColor-emphasis: #946a00;
104
+ --display-yellow-borderColor-emphasis: #805900;
105
105
  --display-gray-bgColor-muted: #e8ecf2;
106
- --display-gray-bgColor-emphasis: #647182;
107
- --display-gray-fgColor: #5c6570;
106
+ --display-gray-bgColor-emphasis: #4e535a;
107
+ --display-gray-fgColor: #424448;
108
108
  --display-gray-borderColor-muted: #d2dae4;
109
- --display-gray-borderColor-emphasis: #647182;
109
+ --display-gray-borderColor-emphasis: #5c6570;
110
110
  --display-auburn-bgColor-muted: #f2e9e9;
111
- --display-auburn-bgColor-emphasis: #9d615c;
112
- --display-auburn-fgColor: #8a5551;
111
+ --display-auburn-bgColor-emphasis: #744744;
112
+ --display-auburn-fgColor: #5d3937;
113
113
  --display-auburn-borderColor-muted: #e6d6d5;
114
- --display-auburn-borderColor-emphasis: #9d615c;
114
+ --display-auburn-borderColor-emphasis: #8a5551;
115
115
  --display-brown-bgColor-muted: #eeeae2;
116
- --display-brown-bgColor-emphasis: #856d4c;
117
- --display-brown-fgColor: #755f43;
116
+ --display-brown-bgColor-emphasis: #64513a;
117
+ --display-brown-fgColor: #51412f;
118
118
  --display-brown-borderColor-muted: #dfd7c8;
119
- --display-brown-borderColor-emphasis: #856d4c;
119
+ --display-brown-borderColor-emphasis: #755f43;
120
120
  --display-lemon-bgColor-muted: #f7eea1;
121
- --display-lemon-bgColor-emphasis: #866e04;
122
- --display-lemon-fgColor: #786002;
121
+ --display-lemon-bgColor-emphasis: #654f01;
122
+ --display-lemon-fgColor: #523f00;
123
123
  --display-lemon-borderColor-muted: #f0db3d;
124
- --display-lemon-borderColor-emphasis: #866e04;
124
+ --display-lemon-borderColor-emphasis: #786002;
125
125
  --display-olive-bgColor-muted: #f0f0ad;
126
- --display-olive-bgColor-emphasis: #64762d;
127
- --display-olive-fgColor: #56682c;
126
+ --display-olive-bgColor-emphasis: #495a2b;
127
+ --display-olive-fgColor: #3b4927;
128
128
  --display-olive-borderColor-muted: #dbe170;
129
- --display-olive-borderColor-emphasis: #64762d;
129
+ --display-olive-borderColor-emphasis: #56682c;
130
130
  --display-lime-bgColor-muted: #e3f2b5;
131
- --display-lime-bgColor-emphasis: #527a29;
132
- --display-lime-fgColor: #476c28;
131
+ --display-lime-bgColor-emphasis: #3a5b25;
132
+ --display-lime-fgColor: #2f4a21;
133
133
  --display-lime-borderColor-muted: #c7e580;
134
- --display-lime-borderColor-emphasis: #527a29;
134
+ --display-lime-borderColor-emphasis: #476c28;
135
135
  --display-pine-bgColor-muted: #bff8db;
136
- --display-pine-bgColor-emphasis: #167e53;
137
- --display-pine-fgColor: #156f4b;
136
+ --display-pine-bgColor-emphasis: #135d41;
137
+ --display-pine-fgColor: #114b36;
138
138
  --display-pine-borderColor-muted: #80efb9;
139
- --display-pine-borderColor-emphasis: #167e53;
139
+ --display-pine-borderColor-emphasis: #156f4b;
140
140
  --display-teal-bgColor-muted: #c7f5ef;
141
- --display-teal-bgColor-emphasis: #127e81;
142
- --display-teal-fgColor: #106e75;
141
+ --display-teal-bgColor-emphasis: #0d5b63;
142
+ --display-teal-fgColor: #0a4852;
143
143
  --display-teal-borderColor-muted: #89ebe1;
144
- --display-teal-borderColor-emphasis: #127e81;
144
+ --display-teal-borderColor-emphasis: #106e75;
145
145
  --display-cyan-bgColor-muted: #bdf4ff;
146
- --display-cyan-bgColor-emphasis: #007b94;
147
- --display-cyan-fgColor: #006a80;
146
+ --display-cyan-bgColor-emphasis: #00596b;
147
+ --display-cyan-fgColor: #004857;
148
148
  --display-cyan-borderColor-muted: #7ae9ff;
149
- --display-cyan-borderColor-emphasis: #007b94;
149
+ --display-cyan-borderColor-emphasis: #006a80;
150
150
  --display-indigo-bgColor-muted: #e5e9ff;
151
- --display-indigo-bgColor-emphasis: #5a61e7;
152
- --display-indigo-fgColor: #494edf;
151
+ --display-indigo-bgColor-emphasis: #393cd5;
152
+ --display-indigo-fgColor: #2d2db4;
153
153
  --display-indigo-borderColor-muted: #d2d7fe;
154
- --display-indigo-borderColor-emphasis: #5a61e7;
154
+ --display-indigo-borderColor-emphasis: #494edf;
155
155
  --display-pink-bgColor-muted: #ffe5f1;
156
- --display-pink-bgColor-emphasis: #ce2c85;
157
- --display-pink-fgColor: #b12f79;
156
+ --display-pink-bgColor-emphasis: #8e2e66;
157
+ --display-pink-fgColor: #6e2b53;
158
158
  --display-pink-borderColor-muted: #fdc9e2;
159
- --display-pink-borderColor-emphasis: #ce2c85;
159
+ --display-pink-borderColor-emphasis: #b12f79;
160
160
  --avatar-bgColor: #ffffff;
161
161
  --avatar-borderColor: #010409e6;
162
162
  --avatar-shadow: 0px 0px 0px 2px #ffffffcc;
@@ -627,100 +627,100 @@
627
627
  --data-gray-color: #808fa3;
628
628
  --data-gray-color-muted: #e8ecf2;
629
629
  --display-blue-bgColor-muted: #d1f0ff;
630
- --display-blue-bgColor-emphasis: #006edb;
631
- --display-blue-fgColor: #005fcc;
630
+ --display-blue-bgColor-emphasis: #004db3;
631
+ --display-blue-fgColor: #003d99;
632
632
  --display-blue-borderColor-muted: #ade1ff;
633
- --display-blue-borderColor-emphasis: #006edb;
633
+ --display-blue-borderColor-emphasis: #005fcc;
634
634
  --display-green-bgColor-muted: #caf7ca;
635
- --display-green-bgColor-emphasis: #2c8141;
636
- --display-green-fgColor: #2b6e3f;
635
+ --display-green-bgColor-emphasis: #285c3b;
636
+ --display-green-fgColor: #254b34;
637
637
  --display-green-borderColor-muted: #9ceda0;
638
- --display-green-borderColor-emphasis: #2c8141;
638
+ --display-green-borderColor-emphasis: #2b6e3f;
639
639
  --display-orange-bgColor-muted: #ffe7d1;
640
- --display-orange-bgColor-emphasis: #b8500f;
641
- --display-orange-fgColor: #a24610;
640
+ --display-orange-bgColor-emphasis: #8d3c11;
641
+ --display-orange-fgColor: #70300f;
642
642
  --display-orange-borderColor-muted: #fecfaa;
643
- --display-orange-borderColor-emphasis: #b8500f;
643
+ --display-orange-borderColor-emphasis: #a24610;
644
644
  --display-purple-bgColor-muted: #f1e5ff;
645
- --display-purple-bgColor-emphasis: #894ceb;
646
- --display-purple-fgColor: #783ae4;
645
+ --display-purple-bgColor-emphasis: #6223d7;
646
+ --display-purple-fgColor: #4f21ab;
647
647
  --display-purple-borderColor-muted: #e6d2fe;
648
- --display-purple-borderColor-emphasis: #894ceb;
648
+ --display-purple-borderColor-emphasis: #783ae4;
649
649
  --display-plum-bgColor-muted: #f8e5ff;
650
- --display-plum-bgColor-emphasis: #a830e8;
651
- --display-plum-fgColor: #961edc;
650
+ --display-plum-bgColor-emphasis: #7d1eb8;
651
+ --display-plum-fgColor: #651d96;
652
652
  --display-plum-borderColor-muted: #f0cdfe;
653
- --display-plum-borderColor-emphasis: #a830e8;
653
+ --display-plum-borderColor-emphasis: #961edc;
654
654
  --display-red-bgColor-muted: #ffe2e0;
655
- --display-red-bgColor-emphasis: #df0c24;
656
- --display-red-fgColor: #c50d28;
655
+ --display-red-bgColor-emphasis: #a60c29;
656
+ --display-red-fgColor: #880c27;
657
657
  --display-red-borderColor-muted: #fecdcd;
658
- --display-red-borderColor-emphasis: #df0c24;
658
+ --display-red-borderColor-emphasis: #c50d28;
659
659
  --display-coral-bgColor-muted: #ffe5db;
660
- --display-coral-bgColor-emphasis: #d43511;
661
- --display-coral-fgColor: #ba2e12;
660
+ --display-coral-bgColor-emphasis: #9b2712;
661
+ --display-coral-fgColor: #7e2011;
662
662
  --display-coral-borderColor-muted: #fecebe;
663
- --display-coral-borderColor-emphasis: #d43511;
663
+ --display-coral-borderColor-emphasis: #ba2e12;
664
664
  --display-yellow-bgColor-muted: #ffec9e;
665
- --display-yellow-bgColor-emphasis: #946a00;
666
- --display-yellow-fgColor: #805900;
665
+ --display-yellow-bgColor-emphasis: #704d00;
666
+ --display-yellow-fgColor: #5c3d00;
667
667
  --display-yellow-borderColor-muted: #ffd642;
668
- --display-yellow-borderColor-emphasis: #946a00;
668
+ --display-yellow-borderColor-emphasis: #805900;
669
669
  --display-gray-bgColor-muted: #e8ecf2;
670
- --display-gray-bgColor-emphasis: #647182;
671
- --display-gray-fgColor: #5c6570;
670
+ --display-gray-bgColor-emphasis: #4e535a;
671
+ --display-gray-fgColor: #424448;
672
672
  --display-gray-borderColor-muted: #d2dae4;
673
- --display-gray-borderColor-emphasis: #647182;
673
+ --display-gray-borderColor-emphasis: #5c6570;
674
674
  --display-auburn-bgColor-muted: #f2e9e9;
675
- --display-auburn-bgColor-emphasis: #9d615c;
676
- --display-auburn-fgColor: #8a5551;
675
+ --display-auburn-bgColor-emphasis: #744744;
676
+ --display-auburn-fgColor: #5d3937;
677
677
  --display-auburn-borderColor-muted: #e6d6d5;
678
- --display-auburn-borderColor-emphasis: #9d615c;
678
+ --display-auburn-borderColor-emphasis: #8a5551;
679
679
  --display-brown-bgColor-muted: #eeeae2;
680
- --display-brown-bgColor-emphasis: #856d4c;
681
- --display-brown-fgColor: #755f43;
680
+ --display-brown-bgColor-emphasis: #64513a;
681
+ --display-brown-fgColor: #51412f;
682
682
  --display-brown-borderColor-muted: #dfd7c8;
683
- --display-brown-borderColor-emphasis: #856d4c;
683
+ --display-brown-borderColor-emphasis: #755f43;
684
684
  --display-lemon-bgColor-muted: #f7eea1;
685
- --display-lemon-bgColor-emphasis: #866e04;
686
- --display-lemon-fgColor: #786002;
685
+ --display-lemon-bgColor-emphasis: #654f01;
686
+ --display-lemon-fgColor: #523f00;
687
687
  --display-lemon-borderColor-muted: #f0db3d;
688
- --display-lemon-borderColor-emphasis: #866e04;
688
+ --display-lemon-borderColor-emphasis: #786002;
689
689
  --display-olive-bgColor-muted: #f0f0ad;
690
- --display-olive-bgColor-emphasis: #64762d;
691
- --display-olive-fgColor: #56682c;
690
+ --display-olive-bgColor-emphasis: #495a2b;
691
+ --display-olive-fgColor: #3b4927;
692
692
  --display-olive-borderColor-muted: #dbe170;
693
- --display-olive-borderColor-emphasis: #64762d;
693
+ --display-olive-borderColor-emphasis: #56682c;
694
694
  --display-lime-bgColor-muted: #e3f2b5;
695
- --display-lime-bgColor-emphasis: #527a29;
696
- --display-lime-fgColor: #476c28;
695
+ --display-lime-bgColor-emphasis: #3a5b25;
696
+ --display-lime-fgColor: #2f4a21;
697
697
  --display-lime-borderColor-muted: #c7e580;
698
- --display-lime-borderColor-emphasis: #527a29;
698
+ --display-lime-borderColor-emphasis: #476c28;
699
699
  --display-pine-bgColor-muted: #bff8db;
700
- --display-pine-bgColor-emphasis: #167e53;
701
- --display-pine-fgColor: #156f4b;
700
+ --display-pine-bgColor-emphasis: #135d41;
701
+ --display-pine-fgColor: #114b36;
702
702
  --display-pine-borderColor-muted: #80efb9;
703
- --display-pine-borderColor-emphasis: #167e53;
703
+ --display-pine-borderColor-emphasis: #156f4b;
704
704
  --display-teal-bgColor-muted: #c7f5ef;
705
- --display-teal-bgColor-emphasis: #127e81;
706
- --display-teal-fgColor: #106e75;
705
+ --display-teal-bgColor-emphasis: #0d5b63;
706
+ --display-teal-fgColor: #0a4852;
707
707
  --display-teal-borderColor-muted: #89ebe1;
708
- --display-teal-borderColor-emphasis: #127e81;
708
+ --display-teal-borderColor-emphasis: #106e75;
709
709
  --display-cyan-bgColor-muted: #bdf4ff;
710
- --display-cyan-bgColor-emphasis: #007b94;
711
- --display-cyan-fgColor: #006a80;
710
+ --display-cyan-bgColor-emphasis: #00596b;
711
+ --display-cyan-fgColor: #004857;
712
712
  --display-cyan-borderColor-muted: #7ae9ff;
713
- --display-cyan-borderColor-emphasis: #007b94;
713
+ --display-cyan-borderColor-emphasis: #006a80;
714
714
  --display-indigo-bgColor-muted: #e5e9ff;
715
- --display-indigo-bgColor-emphasis: #5a61e7;
716
- --display-indigo-fgColor: #494edf;
715
+ --display-indigo-bgColor-emphasis: #393cd5;
716
+ --display-indigo-fgColor: #2d2db4;
717
717
  --display-indigo-borderColor-muted: #d2d7fe;
718
- --display-indigo-borderColor-emphasis: #5a61e7;
718
+ --display-indigo-borderColor-emphasis: #494edf;
719
719
  --display-pink-bgColor-muted: #ffe5f1;
720
- --display-pink-bgColor-emphasis: #ce2c85;
721
- --display-pink-fgColor: #b12f79;
720
+ --display-pink-bgColor-emphasis: #8e2e66;
721
+ --display-pink-fgColor: #6e2b53;
722
722
  --display-pink-borderColor-muted: #fdc9e2;
723
- --display-pink-borderColor-emphasis: #ce2c85;
723
+ --display-pink-borderColor-emphasis: #b12f79;
724
724
  --avatar-bgColor: #ffffff;
725
725
  --avatar-borderColor: #010409e6;
726
726
  --avatar-shadow: 0px 0px 0px 2px #ffffffcc;
package/dist/docs/functional/themes/dark-colorblind.json CHANGED
@@ -14137,7 +14137,7 @@
14137
14137
  "filePath": "src/tokens/functional/color/dark/primitives-dark.json5",
14138
14138
  "isSource": true,
14139
14139
  "original": {
14140
- "value": "{base.color.purple.4}",
14140
+ "value": "{bgColor.done.muted}",
14141
14141
  "$type": "color",
14142
14142
  "$extensions": {
14143
14143
  "org.primer.figma": {
@@ -14173,7 +14173,7 @@
14173
14173
  "filePath": "src/tokens/functional/color/dark/primitives-dark.json5",
14174
14174
  "isSource": true,
14175
14175
  "original": {
14176
- "value": "{base.color.purple.5}",
14176
+ "value": "{bgColor.done.emphasis}",
14177
14177
  "$type": "color",
14178
14178
  "$extensions": {
14179
14179
  "org.primer.figma": {
package/dist/docs/functional/themes/dark-dimmed.json CHANGED
@@ -14035,7 +14035,7 @@
14035
14035
  "filePath": "src/tokens/functional/color/dark/primitives-dark.json5",
14036
14036
  "isSource": true,
14037
14037
  "original": {
14038
- "value": "{base.color.red.5}",
14038
+ "value": "{bgColor.danger.emphasis}",
14039
14039
  "$type": "color",
14040
14040
  "$extensions": {
14041
14041
  "org.primer.figma": {
@@ -14143,7 +14143,7 @@
14143
14143
  "filePath": "src/tokens/functional/color/dark/primitives-dark.json5",
14144
14144
  "isSource": true,
14145
14145
  "original": {
14146
- "value": "{base.color.purple.4}",
14146
+ "value": "{bgColor.done.muted}",
14147
14147
  "$type": "color",
14148
14148
  "$extensions": {
14149
14149
  "org.primer.figma": {
@@ -14179,7 +14179,7 @@
14179
14179
  "filePath": "src/tokens/functional/color/dark/primitives-dark.json5",
14180
14180
  "isSource": true,
14181
14181
  "original": {
14182
- "value": "{base.color.purple.5}",
14182
+ "value": "{bgColor.done.emphasis}",
14183
14183
  "$type": "color",
14184
14184
  "$extensions": {
14185
14185
  "org.primer.figma": {