@primer/primitives 10.8.0-rc.2155b901 → 10.8.0-rc.4b626bdd

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 (52) hide show
  1. package/dist/css/base/motion/motion.css +4 -4
  2. package/dist/css/functional/size/border.css +2 -2
  3. package/dist/css/functional/typography/typography.css +11 -11
  4. package/dist/css/primitives.css +17 -17
  5. package/dist/docs/base/motion/motion.json +48 -32
  6. package/dist/docs/base/size/size.json +57 -38
  7. package/dist/docs/base/typography/typography.json +12 -8
  8. package/dist/docs/functional/size/border.json +42 -28
  9. package/dist/docs/functional/size/breakpoints.json +18 -12
  10. package/dist/docs/functional/size/size-coarse.json +9 -6
  11. package/dist/docs/functional/size/size-fine.json +9 -6
  12. package/dist/docs/functional/size/size.json +198 -132
  13. package/dist/docs/functional/size/viewport.json +18 -12
  14. package/dist/docs/functional/themes/dark-colorblind.json +2472 -1648
  15. package/dist/docs/functional/themes/dark-dimmed.json +2472 -1648
  16. package/dist/docs/functional/themes/dark-high-contrast.json +2472 -1648
  17. package/dist/docs/functional/themes/dark-tritanopia.json +2472 -1648
  18. package/dist/docs/functional/themes/dark.json +2472 -1648
  19. package/dist/docs/functional/themes/light-colorblind.json +2472 -1648
  20. package/dist/docs/functional/themes/light-high-contrast.json +2472 -1648
  21. package/dist/docs/functional/themes/light-tritanopia.json +2472 -1648
  22. package/dist/docs/functional/themes/light.json +2472 -1648
  23. package/dist/docs/functional/typography/typography.json +138 -92
  24. package/dist/internalCss/dark-colorblind.css +4 -4
  25. package/dist/internalCss/dark-dimmed.css +4 -4
  26. package/dist/internalCss/dark-high-contrast.css +4 -4
  27. package/dist/internalCss/dark-tritanopia.css +4 -4
  28. package/dist/internalCss/dark.css +4 -4
  29. package/dist/internalCss/light-colorblind.css +4 -4
  30. package/dist/internalCss/light-high-contrast.css +4 -4
  31. package/dist/internalCss/light-tritanopia.css +4 -4
  32. package/dist/internalCss/light.css +4 -4
  33. package/dist/styleLint/base/motion/motion.json +64 -48
  34. package/dist/styleLint/base/size/size.json +76 -57
  35. package/dist/styleLint/base/typography/typography.json +16 -12
  36. package/dist/styleLint/functional/size/border.json +59 -45
  37. package/dist/styleLint/functional/size/breakpoints.json +24 -18
  38. package/dist/styleLint/functional/size/size-coarse.json +12 -9
  39. package/dist/styleLint/functional/size/size-fine.json +12 -9
  40. package/dist/styleLint/functional/size/size.json +264 -198
  41. package/dist/styleLint/functional/size/viewport.json +28 -22
  42. package/dist/styleLint/functional/themes/dark-colorblind.json +3296 -2472
  43. package/dist/styleLint/functional/themes/dark-dimmed.json +3296 -2472
  44. package/dist/styleLint/functional/themes/dark-high-contrast.json +3296 -2472
  45. package/dist/styleLint/functional/themes/dark-tritanopia.json +3296 -2472
  46. package/dist/styleLint/functional/themes/dark.json +3296 -2472
  47. package/dist/styleLint/functional/themes/light-colorblind.json +3296 -2472
  48. package/dist/styleLint/functional/themes/light-high-contrast.json +3296 -2472
  49. package/dist/styleLint/functional/themes/light-tritanopia.json +3296 -2472
  50. package/dist/styleLint/functional/themes/light.json +3296 -2472
  51. package/dist/styleLint/functional/typography/typography.json +184 -138
  52. package/package.json +2 -2
package/dist/styleLint/base/size/size.json CHANGED
@@ -1,5 +1,6 @@
1
1
  {
2
2
  "base-size-112": {
3
+ "key": "{base.size.112}",
3
4
  "$value": ["7rem", "112px"],
4
5
  "$type": "dimension",
5
6
  "$extensions": {
@@ -18,14 +19,15 @@
18
19
  "collection": "base/size",
19
20
  "scopes": ["size", "gap"]
20
21
  }
21
- }
22
+ },
23
+ "key": "{base.size.112}"
22
24
  },
23
25
  "name": "base-size-112",
24
26
  "attributes": {},
25
- "path": ["base", "size", "112"],
26
- "key": "{base.size.112}"
27
+ "path": ["base", "size", "112"]
27
28
  },
28
29
  "base-size-12": {
30
+ "key": "{base.size.12}",
29
31
  "$value": ["0.75rem", "12px"],
30
32
  "$type": "dimension",
31
33
  "$extensions": {
@@ -44,14 +46,15 @@
44
46
  "collection": "base/size",
45
47
  "scopes": ["size", "gap"]
46
48
  }
47
- }
49
+ },
50
+ "key": "{base.size.12}"
48
51
  },
49
52
  "name": "base-size-12",
50
53
  "attributes": {},
51
- "path": ["base", "size", "12"],
52
- "key": "{base.size.12}"
54
+ "path": ["base", "size", "12"]
53
55
  },
54
56
  "base-size-128": {
57
+ "key": "{base.size.128}",
55
58
  "$value": ["8rem", "128px"],
56
59
  "$type": "dimension",
57
60
  "$extensions": {
@@ -70,14 +73,15 @@
70
73
  "collection": "base/size",
71
74
  "scopes": ["size", "gap"]
72
75
  }
73
- }
76
+ },
77
+ "key": "{base.size.128}"
74
78
  },
75
79
  "name": "base-size-128",
76
80
  "attributes": {},
77
- "path": ["base", "size", "128"],
78
- "key": "{base.size.128}"
81
+ "path": ["base", "size", "128"]
79
82
  },
80
83
  "base-size-16": {
84
+ "key": "{base.size.16}",
81
85
  "$value": ["1rem", "16px"],
82
86
  "$type": "dimension",
83
87
  "$extensions": {
@@ -96,14 +100,15 @@
96
100
  "collection": "base/size",
97
101
  "scopes": ["size", "gap"]
98
102
  }
99
- }
103
+ },
104
+ "key": "{base.size.16}"
100
105
  },
101
106
  "name": "base-size-16",
102
107
  "attributes": {},
103
- "path": ["base", "size", "16"],
104
- "key": "{base.size.16}"
108
+ "path": ["base", "size", "16"]
105
109
  },
106
110
  "base-size-2": {
111
+ "key": "{base.size.2}",
107
112
  "$value": ["0.125rem", "2px"],
108
113
  "$type": "dimension",
109
114
  "$extensions": {
@@ -122,14 +127,15 @@
122
127
  "collection": "base/size",
123
128
  "scopes": ["size", "gap"]
124
129
  }
125
- }
130
+ },
131
+ "key": "{base.size.2}"
126
132
  },
127
133
  "name": "base-size-2",
128
134
  "attributes": {},
129
- "path": ["base", "size", "2"],
130
- "key": "{base.size.2}"
135
+ "path": ["base", "size", "2"]
131
136
  },
132
137
  "base-size-20": {
138
+ "key": "{base.size.20}",
133
139
  "$value": ["1.25rem", "20px"],
134
140
  "$type": "dimension",
135
141
  "$extensions": {
@@ -148,14 +154,15 @@
148
154
  "collection": "base/size",
149
155
  "scopes": ["size", "gap"]
150
156
  }
151
- }
157
+ },
158
+ "key": "{base.size.20}"
152
159
  },
153
160
  "name": "base-size-20",
154
161
  "attributes": {},
155
- "path": ["base", "size", "20"],
156
- "key": "{base.size.20}"
162
+ "path": ["base", "size", "20"]
157
163
  },
158
164
  "base-size-24": {
165
+ "key": "{base.size.24}",
159
166
  "$value": ["1.5rem", "24px"],
160
167
  "$type": "dimension",
161
168
  "$extensions": {
@@ -174,14 +181,15 @@
174
181
  "collection": "base/size",
175
182
  "scopes": ["size", "gap"]
176
183
  }
177
- }
184
+ },
185
+ "key": "{base.size.24}"
178
186
  },
179
187
  "name": "base-size-24",
180
188
  "attributes": {},
181
- "path": ["base", "size", "24"],
182
- "key": "{base.size.24}"
189
+ "path": ["base", "size", "24"]
183
190
  },
184
191
  "base-size-28": {
192
+ "key": "{base.size.28}",
185
193
  "$value": ["1.75rem", "28px"],
186
194
  "$type": "dimension",
187
195
  "$extensions": {
@@ -200,14 +208,15 @@
200
208
  "collection": "base/size",
201
209
  "scopes": ["size", "gap"]
202
210
  }
203
- }
211
+ },
212
+ "key": "{base.size.28}"
204
213
  },
205
214
  "name": "base-size-28",
206
215
  "attributes": {},
207
- "path": ["base", "size", "28"],
208
- "key": "{base.size.28}"
216
+ "path": ["base", "size", "28"]
209
217
  },
210
218
  "base-size-32": {
219
+ "key": "{base.size.32}",
211
220
  "$value": ["2rem", "32px"],
212
221
  "$type": "dimension",
213
222
  "$extensions": {
@@ -226,14 +235,15 @@
226
235
  "collection": "base/size",
227
236
  "scopes": ["size", "gap"]
228
237
  }
229
- }
238
+ },
239
+ "key": "{base.size.32}"
230
240
  },
231
241
  "name": "base-size-32",
232
242
  "attributes": {},
233
- "path": ["base", "size", "32"],
234
- "key": "{base.size.32}"
243
+ "path": ["base", "size", "32"]
235
244
  },
236
245
  "base-size-36": {
246
+ "key": "{base.size.36}",
237
247
  "$value": ["2.25rem", "36px"],
238
248
  "$type": "dimension",
239
249
  "$extensions": {
@@ -252,14 +262,15 @@
252
262
  "collection": "base/size",
253
263
  "scopes": ["size", "gap"]
254
264
  }
255
- }
265
+ },
266
+ "key": "{base.size.36}"
256
267
  },
257
268
  "name": "base-size-36",
258
269
  "attributes": {},
259
- "path": ["base", "size", "36"],
260
- "key": "{base.size.36}"
270
+ "path": ["base", "size", "36"]
261
271
  },
262
272
  "base-size-4": {
273
+ "key": "{base.size.4}",
263
274
  "$value": ["0.25rem", "4px"],
264
275
  "$type": "dimension",
265
276
  "$extensions": {
@@ -278,14 +289,15 @@
278
289
  "collection": "base/size",
279
290
  "scopes": ["size", "gap"]
280
291
  }
281
- }
292
+ },
293
+ "key": "{base.size.4}"
282
294
  },
283
295
  "name": "base-size-4",
284
296
  "attributes": {},
285
- "path": ["base", "size", "4"],
286
- "key": "{base.size.4}"
297
+ "path": ["base", "size", "4"]
287
298
  },
288
299
  "base-size-40": {
300
+ "key": "{base.size.40}",
289
301
  "$value": ["2.5rem", "40px"],
290
302
  "$type": "dimension",
291
303
  "$extensions": {
@@ -304,14 +316,15 @@
304
316
  "collection": "base/size",
305
317
  "scopes": ["size", "gap"]
306
318
  }
307
- }
319
+ },
320
+ "key": "{base.size.40}"
308
321
  },
309
322
  "name": "base-size-40",
310
323
  "attributes": {},
311
- "path": ["base", "size", "40"],
312
- "key": "{base.size.40}"
324
+ "path": ["base", "size", "40"]
313
325
  },
314
326
  "base-size-44": {
327
+ "key": "{base.size.44}",
315
328
  "$value": ["2.75rem", "44px"],
316
329
  "$type": "dimension",
317
330
  "$extensions": {
@@ -330,14 +343,15 @@
330
343
  "collection": "base/size",
331
344
  "scopes": ["size", "gap"]
332
345
  }
333
- }
346
+ },
347
+ "key": "{base.size.44}"
334
348
  },
335
349
  "name": "base-size-44",
336
350
  "attributes": {},
337
- "path": ["base", "size", "44"],
338
- "key": "{base.size.44}"
351
+ "path": ["base", "size", "44"]
339
352
  },
340
353
  "base-size-48": {
354
+ "key": "{base.size.48}",
341
355
  "$value": ["3rem", "48px"],
342
356
  "$type": "dimension",
343
357
  "$extensions": {
@@ -356,14 +370,15 @@
356
370
  "collection": "base/size",
357
371
  "scopes": ["size", "gap"]
358
372
  }
359
- }
373
+ },
374
+ "key": "{base.size.48}"
360
375
  },
361
376
  "name": "base-size-48",
362
377
  "attributes": {},
363
- "path": ["base", "size", "48"],
364
- "key": "{base.size.48}"
378
+ "path": ["base", "size", "48"]
365
379
  },
366
380
  "base-size-6": {
381
+ "key": "{base.size.6}",
367
382
  "$value": ["0.375rem", "6px"],
368
383
  "$type": "dimension",
369
384
  "$extensions": {
@@ -382,14 +397,15 @@
382
397
  "collection": "base/size",
383
398
  "scopes": ["size", "gap"]
384
399
  }
385
- }
400
+ },
401
+ "key": "{base.size.6}"
386
402
  },
387
403
  "name": "base-size-6",
388
404
  "attributes": {},
389
- "path": ["base", "size", "6"],
390
- "key": "{base.size.6}"
405
+ "path": ["base", "size", "6"]
391
406
  },
392
407
  "base-size-64": {
408
+ "key": "{base.size.64}",
393
409
  "$value": ["4rem", "64px"],
394
410
  "$type": "dimension",
395
411
  "$extensions": {
@@ -408,14 +424,15 @@
408
424
  "collection": "base/size",
409
425
  "scopes": ["size", "gap"]
410
426
  }
411
- }
427
+ },
428
+ "key": "{base.size.64}"
412
429
  },
413
430
  "name": "base-size-64",
414
431
  "attributes": {},
415
- "path": ["base", "size", "64"],
416
- "key": "{base.size.64}"
432
+ "path": ["base", "size", "64"]
417
433
  },
418
434
  "base-size-8": {
435
+ "key": "{base.size.8}",
419
436
  "$value": ["0.5rem", "8px"],
420
437
  "$type": "dimension",
421
438
  "$extensions": {
@@ -434,14 +451,15 @@
434
451
  "collection": "base/size",
435
452
  "scopes": ["size", "gap"]
436
453
  }
437
- }
454
+ },
455
+ "key": "{base.size.8}"
438
456
  },
439
457
  "name": "base-size-8",
440
458
  "attributes": {},
441
- "path": ["base", "size", "8"],
442
- "key": "{base.size.8}"
459
+ "path": ["base", "size", "8"]
443
460
  },
444
461
  "base-size-80": {
462
+ "key": "{base.size.80}",
445
463
  "$value": ["5rem", "80px"],
446
464
  "$type": "dimension",
447
465
  "$extensions": {
@@ -460,14 +478,15 @@
460
478
  "collection": "base/size",
461
479
  "scopes": ["size", "gap"]
462
480
  }
463
- }
481
+ },
482
+ "key": "{base.size.80}"
464
483
  },
465
484
  "name": "base-size-80",
466
485
  "attributes": {},
467
- "path": ["base", "size", "80"],
468
- "key": "{base.size.80}"
486
+ "path": ["base", "size", "80"]
469
487
  },
470
488
  "base-size-96": {
489
+ "key": "{base.size.96}",
471
490
  "$value": ["6rem", "96px"],
472
491
  "$type": "dimension",
473
492
  "$extensions": {
@@ -486,11 +505,11 @@
486
505
  "collection": "base/size",
487
506
  "scopes": ["size", "gap"]
488
507
  }
489
- }
508
+ },
509
+ "key": "{base.size.96}"
490
510
  },
491
511
  "name": "base-size-96",
492
512
  "attributes": {},
493
- "path": ["base", "size", "96"],
494
- "key": "{base.size.96}"
513
+ "path": ["base", "size", "96"]
495
514
  }
496
515
  }
package/dist/styleLint/base/typography/typography.json CHANGED
@@ -1,5 +1,6 @@
1
1
  {
2
2
  "base-text-weight-light": {
3
+ "key": "{base.text.weight.light}",
3
4
  "$type": "fontWeight",
4
5
  "$value": 300,
5
6
  "$extensions": {
@@ -18,14 +19,15 @@
18
19
  "collection": "base/typography",
19
20
  "scopes": ["fontWeight"]
20
21
  }
21
- }
22
+ },
23
+ "key": "{base.text.weight.light}"
22
24
  },
23
25
  "name": "base-text-weight-light",
24
26
  "attributes": {},
25
- "path": ["base", "text", "weight", "light"],
26
- "key": "{base.text.weight.light}"
27
+ "path": ["base", "text", "weight", "light"]
27
28
  },
28
29
  "base-text-weight-medium": {
30
+ "key": "{base.text.weight.medium}",
29
31
  "$value": 500,
30
32
  "$type": "fontWeight",
31
33
  "$extensions": {
@@ -44,14 +46,15 @@
44
46
  "collection": "base/typography",
45
47
  "scopes": ["fontWeight"]
46
48
  }
47
- }
49
+ },
50
+ "key": "{base.text.weight.medium}"
48
51
  },
49
52
  "name": "base-text-weight-medium",
50
53
  "attributes": {},
51
- "path": ["base", "text", "weight", "medium"],
52
- "key": "{base.text.weight.medium}"
54
+ "path": ["base", "text", "weight", "medium"]
53
55
  },
54
56
  "base-text-weight-normal": {
57
+ "key": "{base.text.weight.normal}",
55
58
  "$value": 400,
56
59
  "$type": "fontWeight",
57
60
  "$extensions": {
@@ -70,14 +73,15 @@
70
73
  "collection": "base/typography",
71
74
  "scopes": ["fontWeight"]
72
75
  }
73
- }
76
+ },
77
+ "key": "{base.text.weight.normal}"
74
78
  },
75
79
  "name": "base-text-weight-normal",
76
80
  "attributes": {},
77
- "path": ["base", "text", "weight", "normal"],
78
- "key": "{base.text.weight.normal}"
81
+ "path": ["base", "text", "weight", "normal"]
79
82
  },
80
83
  "base-text-weight-semibold": {
84
+ "key": "{base.text.weight.semibold}",
81
85
  "$value": 600,
82
86
  "$type": "fontWeight",
83
87
  "$extensions": {
@@ -96,11 +100,11 @@
96
100
  "collection": "base/typography",
97
101
  "scopes": ["fontWeight"]
98
102
  }
99
- }
103
+ },
104
+ "key": "{base.text.weight.semibold}"
100
105
  },
101
106
  "name": "base-text-weight-semibold",
102
107
  "attributes": {},
103
- "path": ["base", "text", "weight", "semibold"],
104
- "key": "{base.text.weight.semibold}"
108
+ "path": ["base", "text", "weight", "semibold"]
105
109
  }
106
110
  }