@primer/primitives 7.10.0 → 7.11.0-rc.ecbdb39

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 (161) hide show
  1. package/CHANGELOG.md +8 -0
  2. package/build.js +2 -2
  3. package/dist/color-contrast-check.json +1 -1
  4. package/dist/js/colors/dark.d.ts +0 -13
  5. package/dist/js/colors/dark.js +1 -14
  6. package/dist/js/colors/dark_colorblind.d.ts +0 -13
  7. package/dist/js/colors/dark_colorblind.js +1 -14
  8. package/dist/js/colors/dark_dimmed.d.ts +0 -13
  9. package/dist/js/colors/dark_dimmed.js +1 -14
  10. package/dist/js/colors/dark_high_contrast.d.ts +0 -13
  11. package/dist/js/colors/dark_high_contrast.js +1 -14
  12. package/dist/js/colors/dark_tritanopia.d.ts +0 -13
  13. package/dist/js/colors/dark_tritanopia.js +1 -14
  14. package/dist/js/colors/index.d.ts +0 -117
  15. package/dist/js/colors/light.d.ts +0 -13
  16. package/dist/js/colors/light.js +1 -14
  17. package/dist/js/colors/light_colorblind.d.ts +0 -13
  18. package/dist/js/colors/light_colorblind.js +1 -14
  19. package/dist/js/colors/light_high_contrast.d.ts +0 -13
  20. package/dist/js/colors/light_high_contrast.js +1 -14
  21. package/dist/js/colors/light_tritanopia.d.ts +0 -13
  22. package/dist/js/colors/light_tritanopia.js +1 -14
  23. package/dist/js/index.d.ts +0 -117
  24. package/dist/json/colors/dark.json +1 -14
  25. package/dist/json/colors/dark_colorblind.json +1 -14
  26. package/dist/json/colors/dark_dimmed.json +1 -14
  27. package/dist/json/colors/dark_high_contrast.json +1 -14
  28. package/dist/json/colors/dark_tritanopia.json +1 -14
  29. package/dist/json/colors/light.json +1 -14
  30. package/dist/json/colors/light_colorblind.json +1 -14
  31. package/dist/json/colors/light_high_contrast.json +1 -14
  32. package/dist/json/colors/light_tritanopia.json +1 -14
  33. package/dist/removed/colors.json +13 -2
  34. package/dist/scss/colors/_dark.scss +0 -13
  35. package/dist/scss/colors/_dark_colorblind.scss +0 -13
  36. package/dist/scss/colors/_dark_dimmed.scss +0 -13
  37. package/dist/scss/colors/_dark_high_contrast.scss +0 -13
  38. package/dist/scss/colors/_dark_tritanopia.scss +0 -13
  39. package/dist/scss/colors/_light.scss +0 -13
  40. package/dist/scss/colors/_light_colorblind.scss +0 -13
  41. package/dist/scss/colors/_light_high_contrast.scss +0 -13
  42. package/dist/scss/colors/_light_tritanopia.scss +0 -13
  43. package/dist/ts/colors/dark.ts +1 -14
  44. package/dist/ts/colors/dark_colorblind.ts +1 -14
  45. package/dist/ts/colors/dark_dimmed.ts +1 -14
  46. package/dist/ts/colors/dark_high_contrast.ts +1 -14
  47. package/dist/ts/colors/dark_tritanopia.ts +1 -14
  48. package/dist/ts/colors/light.ts +1 -14
  49. package/dist/ts/colors/light_colorblind.ts +1 -14
  50. package/dist/ts/colors/light_high_contrast.ts +1 -14
  51. package/dist/ts/colors/light_tritanopia.ts +1 -14
  52. package/package.json +14 -4
  53. package/tokens/base/color/dark/dark.dimmed.json5 +128 -0
  54. package/tokens/base/color/dark/dark.high-contrast.json5 +128 -0
  55. package/tokens/base/color/dark/dark.json5 +133 -0
  56. package/tokens/base/color/dark/dark.protanopia-deuteranopia.json5 +48 -0
  57. package/tokens/base/color/dark/dark.tritanopia.json5 +96 -0
  58. package/tokens/base/color/light/light.high-contrast.json5 +394 -0
  59. package/tokens/base/color/light/light.json5 +403 -0
  60. package/tokens/base/color/light/light.protanopia-deuteranopia.json5 +138 -0
  61. package/tokens/base/color/light/light.tritanopia.json5 +96 -0
  62. package/tokens/functional/border/dark.json5 +12 -0
  63. package/tokens/functional/border/light.json5 +12 -0
  64. package/tokens/functional/color/{ansi-dark.json → dark/ansi-dark.json5} +0 -0
  65. package/tokens/functional/color/{checks-dark.json → dark/checks-dark.json5} +0 -0
  66. package/tokens/functional/color/{components-dark.json → dark/components-dark.json5} +0 -0
  67. package/tokens/functional/color/{diff-dark.json → dark/diff-dark.json5} +0 -0
  68. package/tokens/functional/color/{marketing-dark.json → dark/marketing-dark.json5} +0 -0
  69. package/tokens/functional/color/{misc-dark.json → dark/misc-dark.json5} +0 -0
  70. package/tokens/functional/color/dark/overrides/dark.dimmed.json5 +17 -0
  71. package/tokens/functional/color/{exceptions-dark-high-contrast.json → dark/overrides/dark.high-contrast.json5} +5 -0
  72. package/tokens/functional/color/dark/overrides/dark.protanopia-deuteranopia.json5 +50 -0
  73. package/tokens/functional/color/dark/overrides/dark.tritanopia.json5 +49 -0
  74. package/tokens/functional/color/{primitives-dark.json → dark/primitives-dark.json5} +0 -0
  75. package/tokens/functional/color/{syntax-dark.json → dark/syntax-dark.json5} +0 -0
  76. package/tokens/functional/color/{ansi-light.json → light/ansi-light.json5} +0 -0
  77. package/tokens/functional/color/{checks-light.json → light/checks-light.json5} +0 -0
  78. package/tokens/functional/color/{components-light.json → light/components-light.json5} +0 -0
  79. package/tokens/functional/color/{diff-light.json → light/diff-light.json5} +0 -0
  80. package/tokens/functional/color/{marketing-light.json → light/marketing-light.json5} +0 -0
  81. package/tokens/functional/color/{misc-light.json → light/misc-light.json5} +0 -0
  82. package/tokens/functional/color/light/overrides/light.high-contrast.json5 +332 -0
  83. package/tokens/functional/color/light/overrides/light.protanopia-deuteranopia.json5 +92 -0
  84. package/tokens/functional/color/light/overrides/light.tritanopia.json5 +92 -0
  85. package/tokens/functional/color/{primitives-light.json → light/primitives-light.json5} +0 -0
  86. package/tokens/functional/color/{syntax-light.json → light/syntax-light.json5} +0 -0
  87. package/tokens/functional/color/scales.json5 +493 -0
  88. package/tokens/functional/shadow/dark.json5 +93 -0
  89. package/tokens/functional/shadow/light.json5 +100 -0
  90. package/tokens/functional/size/border.json +8 -0
  91. package/tokens/functional/typography/typography.json +2 -2
  92. package/tokens-v2-private/css/tokens/base/size/size.css +1 -1
  93. package/tokens-v2-private/css/tokens/base/typography/typography.css +1 -1
  94. package/tokens-v2-private/css/tokens/functional/size/border.css +1 -1
  95. package/tokens-v2-private/css/tokens/functional/size/breakpoints.css +1 -1
  96. package/tokens-v2-private/css/tokens/functional/size/size-coarse.css +1 -1
  97. package/tokens-v2-private/css/tokens/functional/size/size-fine.css +1 -1
  98. package/tokens-v2-private/css/tokens/functional/size/size.css +1 -1
  99. package/tokens-v2-private/css/tokens/functional/typography/typography.css +3 -3
  100. package/tokens-v2-private/docs/docValues.json +12 -12
  101. package/tokens-v2-private/js/module/tokens/base/size/size.js +1 -1
  102. package/tokens-v2-private/js/module/tokens/base/typography/typography.js +1 -1
  103. package/tokens-v2-private/js/module/tokens/functional/size/border.js +1 -1
  104. package/tokens-v2-private/js/module/tokens/functional/size/breakpoints.js +1 -1
  105. package/tokens-v2-private/js/module/tokens/functional/size/size-coarse.js +1 -1
  106. package/tokens-v2-private/js/module/tokens/functional/size/size-fine.js +1 -1
  107. package/tokens-v2-private/js/module/tokens/functional/size/size.js +1 -1
  108. package/tokens-v2-private/js/module/tokens/functional/size/viewport.js +1 -1
  109. package/tokens-v2-private/js/module/tokens/functional/typography/typography.js +13 -13
  110. package/tokens-v2-private/js/tokens/base/size/size.js +1 -1
  111. package/tokens-v2-private/js/tokens/base/typography/typography.js +1 -1
  112. package/tokens-v2-private/js/tokens/functional/size/border.js +1 -1
  113. package/tokens-v2-private/js/tokens/functional/size/breakpoints.js +1 -1
  114. package/tokens-v2-private/js/tokens/functional/size/size-coarse.js +1 -1
  115. package/tokens-v2-private/js/tokens/functional/size/size-fine.js +1 -1
  116. package/tokens-v2-private/js/tokens/functional/size/size.js +1 -1
  117. package/tokens-v2-private/js/tokens/functional/size/viewport.js +1 -1
  118. package/tokens-v2-private/js/tokens/functional/typography/typography.js +11 -11
  119. package/tokens-v2-private/scss/tokens/base/size/size.scss +1 -1
  120. package/tokens-v2-private/scss/tokens/base/typography/typography.scss +1 -1
  121. package/tokens-v2-private/scss/tokens/functional/size/border.scss +1 -1
  122. package/tokens-v2-private/scss/tokens/functional/size/breakpoints.scss +1 -1
  123. package/tokens-v2-private/scss/tokens/functional/size/size-coarse.scss +1 -1
  124. package/tokens-v2-private/scss/tokens/functional/size/size-fine.scss +1 -1
  125. package/tokens-v2-private/scss/tokens/functional/size/size.scss +1 -1
  126. package/tokens-v2-private/scss/tokens/functional/size/viewport.scss +1 -1
  127. package/tokens-v2-private/scss/tokens/functional/typography/typography.scss +3 -3
  128. package/tokens-v2-private/ts/tokens/base/size/size.d.ts +1 -1
  129. package/tokens-v2-private/ts/tokens/base/size/size.js +1 -1
  130. package/tokens-v2-private/ts/tokens/base/typography/typography.d.ts +1 -1
  131. package/tokens-v2-private/ts/tokens/base/typography/typography.js +1 -1
  132. package/tokens-v2-private/ts/tokens/functional/size/border.d.ts +1 -1
  133. package/tokens-v2-private/ts/tokens/functional/size/border.js +1 -1
  134. package/tokens-v2-private/ts/tokens/functional/size/breakpoints.d.ts +1 -1
  135. package/tokens-v2-private/ts/tokens/functional/size/breakpoints.js +1 -1
  136. package/tokens-v2-private/ts/tokens/functional/size/size-coarse.d.ts +1 -1
  137. package/tokens-v2-private/ts/tokens/functional/size/size-coarse.js +1 -1
  138. package/tokens-v2-private/ts/tokens/functional/size/size-fine.d.ts +1 -1
  139. package/tokens-v2-private/ts/tokens/functional/size/size-fine.js +1 -1
  140. package/tokens-v2-private/ts/tokens/functional/size/size.d.ts +1 -1
  141. package/tokens-v2-private/ts/tokens/functional/size/size.js +1 -1
  142. package/tokens-v2-private/ts/tokens/functional/size/viewport.d.ts +1 -1
  143. package/tokens-v2-private/ts/tokens/functional/size/viewport.js +1 -1
  144. package/tokens-v2-private/ts/tokens/functional/typography/typography.d.ts +1 -1
  145. package/tokens-v2-private/ts/tokens/functional/typography/typography.js +11 -11
  146. package/tokens/base/color/dark-colorblind.json +0 -44
  147. package/tokens/base/color/dark-dimmed.json +0 -124
  148. package/tokens/base/color/dark-high-contrast.json +0 -124
  149. package/tokens/base/color/dark-tritanopia.json +0 -92
  150. package/tokens/base/color/dark.json +0 -129
  151. package/tokens/base/color/light-colorblind.json +0 -134
  152. package/tokens/base/color/light-high-contrast.json +0 -390
  153. package/tokens/base/color/light-tritanopia.json +0 -92
  154. package/tokens/base/color/light.json +0 -399
  155. package/tokens/functional/color/exceptions-dark-colorblind.json +0 -45
  156. package/tokens/functional/color/exceptions-dark-dimmed.json +0 -12
  157. package/tokens/functional/color/exceptions-dark-tritanopia.json +0 -44
  158. package/tokens/functional/color/exceptions-light-colorblind.json +0 -87
  159. package/tokens/functional/color/exceptions-light-high-contrast.json +0 -327
  160. package/tokens/functional/color/exceptions-light-tritanopia.json +0 -87
  161. package/tokens/functional/color/scales.json +0 -582
@@ -0,0 +1,394 @@
1
+ /**
2
+ * Light high contrast
3
+ * @extends ./light.json
4
+ */
5
+ {
6
+ base: {
7
+ color: {
8
+ scale: {
9
+ black: {
10
+ $value: '#010409',
11
+ $type: 'color'
12
+ },
13
+ gray: {
14
+ '0': {
15
+ $value: '#ffffff',
16
+ $type: 'color'
17
+ },
18
+ '1': {
19
+ $value: '#e7ecf0',
20
+ $type: 'color'
21
+ },
22
+ '2': {
23
+ $value: '#ced5dc',
24
+ $type: 'color'
25
+ },
26
+ '3': {
27
+ $value: '#acb6c0',
28
+ $type: 'color'
29
+ },
30
+ '4': {
31
+ $value: '#88929d',
32
+ $type: 'color'
33
+ },
34
+ '5': {
35
+ $value: '#66707b',
36
+ $type: 'color'
37
+ },
38
+ '6': {
39
+ $value: '#4b535d',
40
+ $type: 'color'
41
+ },
42
+ '7': {
43
+ $value: '#343b43',
44
+ $type: 'color'
45
+ },
46
+ '8': {
47
+ $value: '#20252c',
48
+ $type: 'color'
49
+ },
50
+ '9': {
51
+ $value: '#0e1116',
52
+ $type: 'color'
53
+ }
54
+ },
55
+ blue: {
56
+ '0': {
57
+ $value: '#dff7ff',
58
+ $type: 'color'
59
+ },
60
+ '1': {
61
+ $value: '#9cd7ff',
62
+ $type: 'color'
63
+ },
64
+ '2': {
65
+ $value: '#67b3fd',
66
+ $type: 'color'
67
+ },
68
+ '3': {
69
+ $value: '#368cf9',
70
+ $type: 'color'
71
+ },
72
+ '4': {
73
+ $value: '#1168e3',
74
+ $type: 'color'
75
+ },
76
+ '5': {
77
+ $value: '#0349b4',
78
+ $type: 'color'
79
+ },
80
+ '6': {
81
+ $value: '#023b95',
82
+ $type: 'color'
83
+ },
84
+ '7': {
85
+ $value: '#022f7a',
86
+ $type: 'color'
87
+ },
88
+ '8': {
89
+ $value: '#032563',
90
+ $type: 'color'
91
+ },
92
+ '9': {
93
+ $value: '#021a4a',
94
+ $type: 'color'
95
+ }
96
+ },
97
+ green: {
98
+ '0': {
99
+ $value: '#d2fedb',
100
+ $type: 'color'
101
+ },
102
+ '1': {
103
+ $value: '#82e596',
104
+ $type: 'color'
105
+ },
106
+ '2': {
107
+ $value: '#43c663',
108
+ $type: 'color'
109
+ },
110
+ '3': {
111
+ $value: '#26a148',
112
+ $type: 'color'
113
+ },
114
+ '4': {
115
+ $value: '#117f32',
116
+ $type: 'color'
117
+ },
118
+ '5': {
119
+ $value: '#055d20',
120
+ $type: 'color'
121
+ },
122
+ '6': {
123
+ $value: '#024c1a',
124
+ $type: 'color'
125
+ },
126
+ '7': {
127
+ $value: '#013d14',
128
+ $type: 'color'
129
+ },
130
+ '8': {
131
+ $value: '#003110',
132
+ $type: 'color'
133
+ },
134
+ '9': {
135
+ $value: '#00230b',
136
+ $type: 'color'
137
+ }
138
+ },
139
+ yellow: {
140
+ '0': {
141
+ $value: '#fcf7be',
142
+ $type: 'color'
143
+ },
144
+ '1': {
145
+ $value: '#f0ce53',
146
+ $type: 'color'
147
+ },
148
+ '2': {
149
+ $value: '#d5a824',
150
+ $type: 'color'
151
+ },
152
+ '3': {
153
+ $value: '#b58407',
154
+ $type: 'color'
155
+ },
156
+ '4': {
157
+ $value: '#956400',
158
+ $type: 'color'
159
+ },
160
+ '5': {
161
+ $value: '#744500',
162
+ $type: 'color'
163
+ },
164
+ '6': {
165
+ $value: '#603700',
166
+ $type: 'color'
167
+ },
168
+ '7': {
169
+ $value: '#4e2c00',
170
+ $type: 'color'
171
+ },
172
+ '8': {
173
+ $value: '#3f2200',
174
+ $type: 'color'
175
+ },
176
+ '9': {
177
+ $value: '#2e1800',
178
+ $type: 'color'
179
+ }
180
+ },
181
+ orange: {
182
+ '0': {
183
+ $value: '#fff2d5',
184
+ $type: 'color'
185
+ },
186
+ '1': {
187
+ $value: '#ffc67b',
188
+ $type: 'color'
189
+ },
190
+ '2': {
191
+ $value: '#f99636',
192
+ $type: 'color'
193
+ },
194
+ '3': {
195
+ $value: '#dc6d1a',
196
+ $type: 'color'
197
+ },
198
+ '4': {
199
+ $value: '#b45105',
200
+ $type: 'color'
201
+ },
202
+ '5': {
203
+ $value: '#873800',
204
+ $type: 'color'
205
+ },
206
+ '6': {
207
+ $value: '#702c00',
208
+ $type: 'color'
209
+ },
210
+ '7': {
211
+ $value: '#5b2300',
212
+ $type: 'color'
213
+ },
214
+ '8': {
215
+ $value: '#491b00',
216
+ $type: 'color'
217
+ },
218
+ '9': {
219
+ $value: '#361200',
220
+ $type: 'color'
221
+ }
222
+ },
223
+ red: {
224
+ '0': {
225
+ $value: '#fff0ee',
226
+ $type: 'color'
227
+ },
228
+ '1': {
229
+ $value: '#ffc1bc',
230
+ $type: 'color'
231
+ },
232
+ '2': {
233
+ $value: '#ff8e8a',
234
+ $type: 'color'
235
+ },
236
+ '3': {
237
+ $value: '#ee5a5d',
238
+ $type: 'color'
239
+ },
240
+ '4': {
241
+ $value: '#d5232c',
242
+ $type: 'color'
243
+ },
244
+ '5': {
245
+ $value: '#a0111f',
246
+ $type: 'color'
247
+ },
248
+ '6': {
249
+ $value: '#86061d',
250
+ $type: 'color'
251
+ },
252
+ '7': {
253
+ $value: '#6e011a',
254
+ $type: 'color'
255
+ },
256
+ '8': {
257
+ $value: '#5a0016',
258
+ $type: 'color'
259
+ },
260
+ '9': {
261
+ $value: '#430011',
262
+ $type: 'color'
263
+ }
264
+ },
265
+ purple: {
266
+ '0': {
267
+ $value: '#faf0fe',
268
+ $type: 'color'
269
+ },
270
+ '1': {
271
+ $value: '#e0c5ff',
272
+ $type: 'color'
273
+ },
274
+ '2': {
275
+ $value: '#c49bff',
276
+ $type: 'color'
277
+ },
278
+ '3': {
279
+ $value: '#a371f7',
280
+ $type: 'color'
281
+ },
282
+ '4': {
283
+ $value: '#844ae7',
284
+ $type: 'color'
285
+ },
286
+ '5': {
287
+ $value: '#622cbc',
288
+ $type: 'color'
289
+ },
290
+ '6': {
291
+ $value: '#512598',
292
+ $type: 'color'
293
+ },
294
+ '7': {
295
+ $value: '#411d7b',
296
+ $type: 'color'
297
+ },
298
+ '8': {
299
+ $value: '#341763',
300
+ $type: 'color'
301
+ },
302
+ '9': {
303
+ $value: '#260f49',
304
+ $type: 'color'
305
+ }
306
+ },
307
+ pink: {
308
+ '0': {
309
+ $value: '#feeff7',
310
+ $type: 'color'
311
+ },
312
+ '0': {
313
+ $value: '#ffbde0',
314
+ $type: 'color'
315
+ },
316
+ '0': {
317
+ $value: '#fc87ca',
318
+ $type: 'color'
319
+ },
320
+ '0': {
321
+ $value: '#ed4baf',
322
+ $type: 'color'
323
+ },
324
+ '0': {
325
+ $value: '#c9248e',
326
+ $type: 'color'
327
+ },
328
+ '0': {
329
+ $value: '#971368',
330
+ $type: 'color'
331
+ },
332
+ '0': {
333
+ $value: '#7d0c57',
334
+ $type: 'color'
335
+ },
336
+ '0': {
337
+ $value: '#660847',
338
+ $type: 'color'
339
+ },
340
+ '0': {
341
+ $value: '#53043a',
342
+ $type: 'color'
343
+ },
344
+ '0': {
345
+ $value: '#3e022b',
346
+ $type: 'color'
347
+ }
348
+ },
349
+ coral: {
350
+ '0': {
351
+ $value: '#fff0ed',
352
+ $type: 'color'
353
+ },
354
+ '1': {
355
+ $value: '#ffc2b6',
356
+ $type: 'color'
357
+ },
358
+ '2': {
359
+ $value: '#ff8f7e',
360
+ $type: 'color'
361
+ },
362
+ '4': {
363
+ $value: '#ef5b48',
364
+ $type: 'color'
365
+ },
366
+ '3': {
367
+ $value: '#cd3425',
368
+ $type: 'color'
369
+ },
370
+ '5': {
371
+ $value: '#9f1710',
372
+ $type: 'color'
373
+ },
374
+ '6': {
375
+ $value: '#870706',
376
+ $type: 'color'
377
+ },
378
+ '7': {
379
+ $value: '#6f0107',
380
+ $type: 'color'
381
+ },
382
+ '8': {
383
+ $value: '#5b0002',
384
+ $type: 'color'
385
+ },
386
+ '9': {
387
+ $value: '#430200',
388
+ $type: 'color'
389
+ }
390
+ }
391
+ }
392
+ }
393
+ }
394
+ }