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