@primer/primitives 7.10.0 → 7.11.0-rc.00655fc

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 (143) hide show
  1. package/README.md +2 -2
  2. package/build.js +70 -70
  3. package/dist/color-contrast-check.json +1 -1
  4. package/dist/deprecated/colors.json +7 -1
  5. package/dist/js/colors/dark.d.ts +0 -13
  6. package/dist/js/colors/dark.js +1 -14
  7. package/dist/js/colors/dark_colorblind.d.ts +0 -13
  8. package/dist/js/colors/dark_colorblind.js +1 -14
  9. package/dist/js/colors/dark_dimmed.d.ts +0 -13
  10. package/dist/js/colors/dark_dimmed.js +1 -14
  11. package/dist/js/colors/dark_high_contrast.d.ts +0 -13
  12. package/dist/js/colors/dark_high_contrast.js +1 -14
  13. package/dist/js/colors/dark_tritanopia.d.ts +0 -13
  14. package/dist/js/colors/dark_tritanopia.js +1 -14
  15. package/dist/js/colors/index.d.ts +0 -117
  16. package/dist/js/colors/light.d.ts +0 -13
  17. package/dist/js/colors/light.js +1 -14
  18. package/dist/js/colors/light_colorblind.d.ts +0 -13
  19. package/dist/js/colors/light_colorblind.js +1 -14
  20. package/dist/js/colors/light_high_contrast.d.ts +0 -13
  21. package/dist/js/colors/light_high_contrast.js +1 -14
  22. package/dist/js/colors/light_tritanopia.d.ts +0 -13
  23. package/dist/js/colors/light_tritanopia.js +1 -14
  24. package/dist/js/index.d.ts +0 -117
  25. package/dist/json/colors/dark.json +1 -14
  26. package/dist/json/colors/dark_colorblind.json +1 -14
  27. package/dist/json/colors/dark_dimmed.json +1 -14
  28. package/dist/json/colors/dark_high_contrast.json +1 -14
  29. package/dist/json/colors/dark_tritanopia.json +1 -14
  30. package/dist/json/colors/light.json +1 -14
  31. package/dist/json/colors/light_colorblind.json +1 -14
  32. package/dist/json/colors/light_high_contrast.json +1 -14
  33. package/dist/json/colors/light_tritanopia.json +1 -14
  34. package/dist/removed/colors.json +13 -2
  35. package/dist/scss/colors/_dark.scss +0 -13
  36. package/dist/scss/colors/_dark_colorblind.scss +0 -13
  37. package/dist/scss/colors/_dark_dimmed.scss +0 -13
  38. package/dist/scss/colors/_dark_high_contrast.scss +0 -13
  39. package/dist/scss/colors/_dark_tritanopia.scss +0 -13
  40. package/dist/scss/colors/_light.scss +0 -13
  41. package/dist/scss/colors/_light_colorblind.scss +0 -13
  42. package/dist/scss/colors/_light_high_contrast.scss +0 -13
  43. package/dist/scss/colors/_light_tritanopia.scss +0 -13
  44. package/dist/ts/colors/dark.ts +1 -14
  45. package/dist/ts/colors/dark_colorblind.ts +1 -14
  46. package/dist/ts/colors/dark_dimmed.ts +1 -14
  47. package/dist/ts/colors/dark_high_contrast.ts +1 -14
  48. package/dist/ts/colors/dark_tritanopia.ts +1 -14
  49. package/dist/ts/colors/light.ts +1 -14
  50. package/dist/ts/colors/light_colorblind.ts +1 -14
  51. package/dist/ts/colors/light_high_contrast.ts +1 -14
  52. package/dist/ts/colors/light_tritanopia.ts +1 -14
  53. package/package.json +31 -32
  54. package/tokens/functional/size/border.json +8 -0
  55. package/tokens/functional/typography/typography.json +2 -2
  56. package/tokens-v2-private/css/tokens/base/size/size.css +1 -1
  57. package/tokens-v2-private/css/tokens/base/typography/typography.css +1 -1
  58. package/tokens-v2-private/css/tokens/functional/size/border.css +1 -1
  59. package/tokens-v2-private/css/tokens/functional/size/breakpoints.css +1 -1
  60. package/tokens-v2-private/css/tokens/functional/size/size-coarse.css +1 -1
  61. package/tokens-v2-private/css/tokens/functional/size/size-fine.css +1 -1
  62. package/tokens-v2-private/css/tokens/functional/size/size.css +1 -1
  63. package/tokens-v2-private/css/tokens/functional/typography/typography.css +3 -3
  64. package/tokens-v2-private/docs/docValues.json +12 -12
  65. package/tokens-v2-private/js/module/tokens/base/size/size.js +1 -1
  66. package/tokens-v2-private/js/module/tokens/base/typography/typography.js +1 -1
  67. package/tokens-v2-private/js/module/tokens/functional/size/border.js +1 -1
  68. package/tokens-v2-private/js/module/tokens/functional/size/breakpoints.js +1 -1
  69. package/tokens-v2-private/js/module/tokens/functional/size/size-coarse.js +1 -1
  70. package/tokens-v2-private/js/module/tokens/functional/size/size-fine.js +1 -1
  71. package/tokens-v2-private/js/module/tokens/functional/size/size.js +1 -1
  72. package/tokens-v2-private/js/module/tokens/functional/size/viewport.js +1 -1
  73. package/tokens-v2-private/js/module/tokens/functional/typography/typography.js +13 -13
  74. package/tokens-v2-private/js/tokens/base/size/size.js +1 -1
  75. package/tokens-v2-private/js/tokens/base/typography/typography.js +1 -1
  76. package/tokens-v2-private/js/tokens/functional/size/border.js +1 -1
  77. package/tokens-v2-private/js/tokens/functional/size/breakpoints.js +1 -1
  78. package/tokens-v2-private/js/tokens/functional/size/size-coarse.js +1 -1
  79. package/tokens-v2-private/js/tokens/functional/size/size-fine.js +1 -1
  80. package/tokens-v2-private/js/tokens/functional/size/size.js +1 -1
  81. package/tokens-v2-private/js/tokens/functional/size/viewport.js +1 -1
  82. package/tokens-v2-private/js/tokens/functional/typography/typography.js +11 -11
  83. package/tokens-v2-private/scss/tokens/base/size/size.scss +1 -1
  84. package/tokens-v2-private/scss/tokens/base/typography/typography.scss +1 -1
  85. package/tokens-v2-private/scss/tokens/functional/size/border.scss +1 -1
  86. package/tokens-v2-private/scss/tokens/functional/size/breakpoints.scss +1 -1
  87. package/tokens-v2-private/scss/tokens/functional/size/size-coarse.scss +1 -1
  88. package/tokens-v2-private/scss/tokens/functional/size/size-fine.scss +1 -1
  89. package/tokens-v2-private/scss/tokens/functional/size/size.scss +1 -1
  90. package/tokens-v2-private/scss/tokens/functional/size/viewport.scss +1 -1
  91. package/tokens-v2-private/scss/tokens/functional/typography/typography.scss +3 -3
  92. package/tokens-v2-private/ts/tokens/base/size/size.d.ts +1 -1
  93. package/tokens-v2-private/ts/tokens/base/size/size.js +1 -1
  94. package/tokens-v2-private/ts/tokens/base/typography/typography.d.ts +1 -1
  95. package/tokens-v2-private/ts/tokens/base/typography/typography.js +1 -1
  96. package/tokens-v2-private/ts/tokens/functional/size/border.d.ts +1 -1
  97. package/tokens-v2-private/ts/tokens/functional/size/border.js +1 -1
  98. package/tokens-v2-private/ts/tokens/functional/size/breakpoints.d.ts +1 -1
  99. package/tokens-v2-private/ts/tokens/functional/size/breakpoints.js +1 -1
  100. package/tokens-v2-private/ts/tokens/functional/size/size-coarse.d.ts +1 -1
  101. package/tokens-v2-private/ts/tokens/functional/size/size-coarse.js +1 -1
  102. package/tokens-v2-private/ts/tokens/functional/size/size-fine.d.ts +1 -1
  103. package/tokens-v2-private/ts/tokens/functional/size/size-fine.js +1 -1
  104. package/tokens-v2-private/ts/tokens/functional/size/size.d.ts +1 -1
  105. package/tokens-v2-private/ts/tokens/functional/size/size.js +1 -1
  106. package/tokens-v2-private/ts/tokens/functional/size/viewport.d.ts +1 -1
  107. package/tokens-v2-private/ts/tokens/functional/size/viewport.js +1 -1
  108. package/tokens-v2-private/ts/tokens/functional/typography/typography.d.ts +1 -1
  109. package/tokens-v2-private/ts/tokens/functional/typography/typography.js +11 -11
  110. package/CHANGELOG.md +0 -677
  111. package/tokens/base/color/dark-colorblind.json +0 -44
  112. package/tokens/base/color/dark-dimmed.json +0 -124
  113. package/tokens/base/color/dark-high-contrast.json +0 -124
  114. package/tokens/base/color/dark-tritanopia.json +0 -92
  115. package/tokens/base/color/dark.json +0 -129
  116. package/tokens/base/color/light-colorblind.json +0 -134
  117. package/tokens/base/color/light-high-contrast.json +0 -390
  118. package/tokens/base/color/light-tritanopia.json +0 -92
  119. package/tokens/base/color/light.json +0 -399
  120. package/tokens/functional/color/ansi-dark.json +0 -74
  121. package/tokens/functional/color/ansi-light.json +0 -74
  122. package/tokens/functional/color/checks-dark.json +0 -289
  123. package/tokens/functional/color/checks-light.json +0 -296
  124. package/tokens/functional/color/components-dark.json +0 -556
  125. package/tokens/functional/color/components-light.json +0 -469
  126. package/tokens/functional/color/diff-dark.json +0 -78
  127. package/tokens/functional/color/diff-light.json +0 -76
  128. package/tokens/functional/color/exceptions-dark-colorblind.json +0 -45
  129. package/tokens/functional/color/exceptions-dark-dimmed.json +0 -12
  130. package/tokens/functional/color/exceptions-dark-high-contrast.json +0 -271
  131. package/tokens/functional/color/exceptions-dark-tritanopia.json +0 -44
  132. package/tokens/functional/color/exceptions-light-colorblind.json +0 -87
  133. package/tokens/functional/color/exceptions-light-high-contrast.json +0 -327
  134. package/tokens/functional/color/exceptions-light-tritanopia.json +0 -87
  135. package/tokens/functional/color/marketing-dark.json +0 -24
  136. package/tokens/functional/color/marketing-light.json +0 -24
  137. package/tokens/functional/color/misc-dark.json +0 -38
  138. package/tokens/functional/color/misc-light.json +0 -37
  139. package/tokens/functional/color/primitives-dark.json +0 -322
  140. package/tokens/functional/color/primitives-light.json +0 -313
  141. package/tokens/functional/color/scales.json +0 -582
  142. package/tokens/functional/color/syntax-dark.json +0 -208
  143. package/tokens/functional/color/syntax-light.json +0 -208
@@ -1,271 +0,0 @@
1
- {
2
- "color": {
3
- "fg": {
4
- "muted": {
5
- "$value": "{base.color.scale.gray.1}",
6
- "$type": "color"
7
- },
8
- "onEmphasis": {
9
- "$value": "{base.color.scale.gray.9}",
10
- "$type": "color"
11
- }
12
- },
13
- "border": {
14
- "default": {
15
- "$value": "{base.color.scale.gray.5}",
16
- "$type": "color"
17
- },
18
- "muted": {
19
- "$value": "{base.color.scale.gray.5}",
20
- "$type": "color"
21
- },
22
- "subtle": {
23
- "$value": "{base.color.scale.gray.5}",
24
- "$type": "color"
25
- }
26
- },
27
- "neutral": {
28
- "emphasis": {
29
- "$value": "{base.color.scale.gray.4}",
30
- "$type": "color"
31
- },
32
- "emphasisPlus": {
33
- "$value": "{base.color.scale.gray.0}",
34
- "$type": "color"
35
- }
36
- },
37
- "accent": {
38
- "muted": {
39
- "$value": "{base.color.scale.blue.4}",
40
- "$type": "color"
41
- }
42
- },
43
- "success": {
44
- "muted": {
45
- "$value": "{base.color.scale.green.4}",
46
- "$type": "color"
47
- }
48
- },
49
- "attention": {
50
- "muted": {
51
- "$value": "{base.color.scale.yellow.4}",
52
- "$type": "color"
53
- }
54
- },
55
- "severe": {
56
- "muted": {
57
- "$value": "{base.color.scale.orange.4}",
58
- "$type": "color"
59
- }
60
- },
61
- "danger": {
62
- "muted": {
63
- "$value": "{base.color.scale.red.4}",
64
- "$type": "color"
65
- }
66
- },
67
- "done": {
68
- "muted": {
69
- "$value": "{base.color.scale.purple.4}",
70
- "$type": "color"
71
- }
72
- },
73
- "sponsors": {
74
- "muted": {
75
- "$value": "{base.color.scale.pink.4}",
76
- "$type": "color"
77
- }
78
- },
79
- "avatar": {
80
- "border": {
81
- "$value": "{base.color.scale.white}",
82
- "$type": "color",
83
- "alpha": 0.9
84
- }
85
- },
86
- "diffstat": {
87
- "deletionBorder": {
88
- "$value": "{base.color.scale.red.2}",
89
- "$type": "color"
90
- },
91
- "additionBorder": {
92
- "$value": "{base.color.scale.green.2}",
93
- "$type": "color"
94
- }
95
- },
96
- "underlinenav": {
97
- "icon": {
98
- "$value": "{base.color.scale.gray.1}",
99
- "$type": "color"
100
- },
101
- "borderHover": {
102
- "$value": "{base.color.scale.gray.3}",
103
- "$type": "color"
104
- }
105
- },
106
- "topicTag": {
107
- "border": {
108
- "$value": "{color.accent.emphasis}",
109
- "$type": "color"
110
- }
111
- },
112
- "btn": {
113
- "selectedBg": {
114
- "$value": "{base.color.scale.gray.6}",
115
- "$type": "color",
116
- "alpha": 0.9
117
- },
118
- "primary": {
119
- "text": {
120
- "$value": "{color.fg.onEmphasis}",
121
- "$type": "color"
122
- },
123
- "border": {
124
- "$value": "{base.color.scale.green.2}",
125
- "$type": "color"
126
- },
127
- "hover": {
128
- "bg": {
129
- "$value": "{base.color.scale.green.3}",
130
- "$type": "color"
131
- }
132
- },
133
- "hoverBorder": {
134
- "$value": "{base.color.scale.green.2}",
135
- "$type": "color"
136
- },
137
- "disabledText": {
138
- "$value": "{color.fg.onEmphasis}",
139
- "$type": "color",
140
- "alpha": 0.5
141
- },
142
- "disabledBg": {
143
- "$value": "{base.color.scale.green.5}",
144
- "$type": "color",
145
- "alpha": 0.6
146
- },
147
- "disabledBorder": {
148
- "$value": "{base.color.scale.green.2}",
149
- "$type": "color",
150
- "alpha": 0.4
151
- },
152
- "icon": {
153
- "$value": "{color.fg.onEmphasis}",
154
- "$type": "color"
155
- },
156
- "counterBg": {
157
- "$value": "{base.color.scale.black}",
158
- "$type": "color",
159
- "alpha": 0.15
160
- }
161
- },
162
- "danger": {
163
- "hover": {
164
- "counter": {
165
- "bg": {
166
- "$value": "{base.color.scale.black}",
167
- "$type": "color",
168
- "alpha": 0.15
169
- }
170
- }
171
- },
172
- "counterBg": {
173
- "$value": "{base.color.scale.black}",
174
- "$type": "color",
175
- "alpha": 0.15
176
- }
177
- }
178
- },
179
- "codemirror": {
180
- "selectionBg": {
181
- "$value": "{base.color.scale.blue.4}",
182
- "$type": "color",
183
- "alpha": 0.4
184
- }
185
- },
186
- "diffBlob": {
187
- "addition": {
188
- "fg": {
189
- "$value": "{color.fg.onEmphasis}",
190
- "$type": "color"
191
- }
192
- },
193
- "deletion": {
194
- "fg": {
195
- "$value": "{color.fg.onEmphasis}",
196
- "$type": "color"
197
- }
198
- },
199
- "expander": {
200
- "icon": {
201
- "$value": "{color.fg.default}",
202
- "$type": "color"
203
- }
204
- },
205
- "hunk": {
206
- "numBg": {
207
- "$value": "{color.accent.muted}",
208
- "$type": "color",
209
- "alpha": 0.4
210
- }
211
- }
212
- },
213
-
214
- "actionListItem": {
215
- "inlineDivider": {
216
- "$value": "{color.border.muted}",
217
- "$type": "color"
218
- },
219
-
220
- "default": {
221
- "hoverBg": {
222
- "$value": "{base.color.scale.gray.8}",
223
- "$type": "color"
224
- },
225
- "hoverBorder": {
226
- "$value": "{color.border.default}",
227
- "$type": "color"
228
- },
229
- "activeBg": {
230
- "$value": "{base.color.scale.gray.6}",
231
- "$type": "color"
232
- },
233
- "activeBorder": {
234
- "$value": "{base.color.scale.gray.4}",
235
- "$type": "color"
236
- },
237
- "selectedBg": {
238
- "$value": "{base.color.scale.gray.6}",
239
- "$type": "color"
240
- }
241
- },
242
- "danger": {
243
- "hoverBg": {
244
- "$value": "{color.danger.emphasis}",
245
- "$type": "color"
246
- },
247
- "activeBg": {
248
- "$value": "{base.color.scale.red.6}",
249
- "$type": "color"
250
- },
251
- "hoverText": {
252
- "$value": "{color.fg.onEmphasis}",
253
- "$type": "color"
254
- }
255
- }
256
- },
257
-
258
- "switchTrack": {
259
- "border": {
260
- "$value": "{color.border.default}",
261
- "$type": "color"
262
- },
263
- "checked": {
264
- "border": {
265
- "$value": "{base.color.scale.blue.5}",
266
- "$type": "color"
267
- }
268
- }
269
- }
270
- }
271
- }
@@ -1,44 +0,0 @@
1
- {
2
- "color": {
3
- "open": {
4
- "fg": {
5
- "$value": "{base.color.scale.orange.3}",
6
- "$type": "color"
7
- },
8
- "emphasis": {
9
- "$value": "{base.color.scale.orange.5}",
10
- "$type": "color"
11
- },
12
- "muted": {
13
- "$value": "{base.color.scale.orange.4}",
14
- "$type": "color",
15
- "alpha": 0.4
16
- },
17
- "subtle": {
18
- "$value": "{base.color.scale.orange.4}",
19
- "$type": "color",
20
- "alpha": 0.15
21
- }
22
- },
23
- "closed": {
24
- "fg": {
25
- "$value": "{base.color.scale.gray.3}",
26
- "$type": "color"
27
- },
28
- "emphasis": {
29
- "$value": "{base.color.scale.gray.4}",
30
- "$type": "color"
31
- },
32
- "muted": {
33
- "$value": "{base.color.scale.gray.4}",
34
- "$type": "color",
35
- "alpha": 0.4
36
- },
37
- "subtle": {
38
- "$value": "{base.color.scale.gray.4}",
39
- "$type": "color",
40
- "alpha": 0.1
41
- }
42
- }
43
- }
44
- }
@@ -1,87 +0,0 @@
1
- {
2
- "color": {
3
- "open": {
4
- "fg": {
5
- "$value": "{base.color.scale.orange.5}",
6
- "$type": "color"
7
- },
8
- "emphasis": {
9
- "$value": "{base.color.scale.orange.4}",
10
- "$type": "color"
11
- },
12
- "muted": {
13
- "$value": "{base.color.scale.orange.3}",
14
- "$type": "color",
15
- "alpha": 0.4
16
- },
17
- "subtle": {
18
- "$value": "{base.color.scale.orange.0}",
19
- "$type": "color"
20
- }
21
- },
22
- "closed": {
23
- "fg": {
24
- "$value": "{base.color.scale.gray.5}",
25
- "$type": "color"
26
- },
27
- "emphasis": {
28
- "$value": "{base.color.scale.gray.5}",
29
- "$type": "color"
30
- },
31
- "muted": {
32
- "$value": "{base.color.scale.gray.3}",
33
- "$type": "color",
34
- "alpha": 0.4
35
- },
36
- "subtle": {
37
- "$value": "{base.color.scale.gray.0}",
38
- "$type": "color"
39
- }
40
- },
41
- "diffBlob": {
42
- "addition": {
43
- "numBg": {
44
- "$value": "{color.success.muted}",
45
- "$type": "color"
46
- },
47
- "lineBg": {
48
- "$value": "{base.color.scale.green.0}",
49
- "$type": "color",
50
- "alpha": 0.5
51
- },
52
- "wordBg": {
53
- "$value": "{color.success.muted}",
54
- "$type": "color"
55
- }
56
- },
57
- "deletion": {
58
- "numBg": {
59
- "$value": "{color.danger.muted}",
60
- "$type": "color"
61
- },
62
- "lineBg": {
63
- "$value": "{base.color.scale.red.0}",
64
- "$type": "color",
65
- "alpha": 0.5
66
- },
67
- "wordBg": {
68
- "$value": "{base.color.scale.red.2}",
69
- "$type": "color",
70
- "alpha": 0.5
71
- }
72
- }
73
- },
74
- "btn": {
75
- "primary": {
76
- "hoverBg": {
77
- "$value": "{base.color.scale.green.5}",
78
- "$type": "color"
79
- },
80
- "disabledBg": {
81
- "$value": "{base.color.scale.green.2}",
82
- "$type": "color"
83
- }
84
- }
85
- }
86
- }
87
- }