@primer/primitives 7.12.0-rc.fd97c40 → 7.13.0-rc.129a477

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 (91) hide show
  1. package/README.md +21 -0
  2. package/package.json +1 -1
  3. package/tokens-next-private/css/functional/size/size.css +20 -0
  4. package/tokens-next-private/css/functional/themes/dark-colorblind.css +30 -0
  5. package/tokens-next-private/css/functional/themes/dark-dimmed.css +30 -0
  6. package/tokens-next-private/css/functional/themes/dark-high-contrast.css +34 -4
  7. package/tokens-next-private/css/functional/themes/dark-tritanopia.css +30 -0
  8. package/tokens-next-private/css/functional/themes/dark.css +30 -0
  9. package/tokens-next-private/css/functional/themes/light-colorblind.css +30 -0
  10. package/tokens-next-private/css/functional/themes/light-high-contrast.css +34 -4
  11. package/tokens-next-private/css/functional/themes/light-tritanopia.css +30 -0
  12. package/tokens-next-private/css/functional/themes/light.css +30 -0
  13. package/tokens-next-private/docs/functional/size/size.json +663 -103
  14. package/tokens-next-private/docs/functional/themes/dark-colorblind.json +433 -20
  15. package/tokens-next-private/docs/functional/themes/dark-dimmed.json +434 -21
  16. package/tokens-next-private/docs/functional/themes/dark-high-contrast.json +451 -30
  17. package/tokens-next-private/docs/functional/themes/dark-tritanopia.json +433 -20
  18. package/tokens-next-private/docs/functional/themes/dark.json +434 -21
  19. package/tokens-next-private/docs/functional/themes/light-colorblind.json +433 -22
  20. package/tokens-next-private/docs/functional/themes/light-high-contrast.json +446 -31
  21. package/tokens-next-private/docs/functional/themes/light-tritanopia.json +433 -22
  22. package/tokens-next-private/docs/functional/themes/light.json +435 -24
  23. package/tokens-next-private/fallbacks/color-fallbacks.json +12 -11
  24. package/tokens-next-private/fallbacks/functional/size/size.json +21 -1
  25. package/tokens-next-private/figma/dimension/dimension.json +319 -84
  26. package/tokens-next-private/figma/figma.json +3 -0
  27. package/tokens-next-private/figma/themes/dark.json +320 -94
  28. package/tokens-next-private/figma/themes/light.json +324 -99
  29. package/tokens-next-private/scss/functional/size/size.scss +20 -0
  30. package/tokens-next-private/scss/functional/themes/dark-colorblind.scss +15 -0
  31. package/tokens-next-private/scss/functional/themes/dark-dimmed.scss +15 -0
  32. package/tokens-next-private/scss/functional/themes/dark-high-contrast.scss +17 -2
  33. package/tokens-next-private/scss/functional/themes/dark-tritanopia.scss +15 -0
  34. package/tokens-next-private/scss/functional/themes/dark.scss +15 -0
  35. package/tokens-next-private/scss/functional/themes/light-colorblind.scss +15 -0
  36. package/tokens-next-private/scss/functional/themes/light-high-contrast.scss +17 -2
  37. package/tokens-next-private/scss/functional/themes/light-tritanopia.scss +15 -0
  38. package/tokens-next-private/scss/functional/themes/light.scss +15 -0
  39. package/tokens-v2-private/css/tokens/base/size/size.css +1 -1
  40. package/tokens-v2-private/css/tokens/base/typography/typography.css +1 -1
  41. package/tokens-v2-private/css/tokens/functional/size/border.css +1 -1
  42. package/tokens-v2-private/css/tokens/functional/size/breakpoints.css +1 -1
  43. package/tokens-v2-private/css/tokens/functional/size/size-coarse.css +1 -1
  44. package/tokens-v2-private/css/tokens/functional/size/size-fine.css +1 -1
  45. package/tokens-v2-private/css/tokens/functional/size/size.css +1 -1
  46. package/tokens-v2-private/css/tokens/functional/typography/typography.css +1 -1
  47. package/tokens-v2-private/js/module/tokens/base/size/size.js +1 -1
  48. package/tokens-v2-private/js/module/tokens/base/typography/typography.js +1 -1
  49. package/tokens-v2-private/js/module/tokens/functional/size/border.js +1 -1
  50. package/tokens-v2-private/js/module/tokens/functional/size/breakpoints.js +1 -1
  51. package/tokens-v2-private/js/module/tokens/functional/size/size-coarse.js +1 -1
  52. package/tokens-v2-private/js/module/tokens/functional/size/size-fine.js +1 -1
  53. package/tokens-v2-private/js/module/tokens/functional/size/size.js +1 -1
  54. package/tokens-v2-private/js/module/tokens/functional/size/viewport.js +1 -1
  55. package/tokens-v2-private/js/module/tokens/functional/typography/typography.js +1 -1
  56. package/tokens-v2-private/js/tokens/base/size/size.js +1 -1
  57. package/tokens-v2-private/js/tokens/base/typography/typography.js +1 -1
  58. package/tokens-v2-private/js/tokens/functional/size/border.js +1 -1
  59. package/tokens-v2-private/js/tokens/functional/size/breakpoints.js +1 -1
  60. package/tokens-v2-private/js/tokens/functional/size/size-coarse.js +1 -1
  61. package/tokens-v2-private/js/tokens/functional/size/size-fine.js +1 -1
  62. package/tokens-v2-private/js/tokens/functional/size/size.js +1 -1
  63. package/tokens-v2-private/js/tokens/functional/size/viewport.js +1 -1
  64. package/tokens-v2-private/js/tokens/functional/typography/typography.js +1 -1
  65. package/tokens-v2-private/scss/tokens/base/size/size.scss +1 -1
  66. package/tokens-v2-private/scss/tokens/base/typography/typography.scss +1 -1
  67. package/tokens-v2-private/scss/tokens/functional/size/border.scss +1 -1
  68. package/tokens-v2-private/scss/tokens/functional/size/breakpoints.scss +1 -1
  69. package/tokens-v2-private/scss/tokens/functional/size/size-coarse.scss +1 -1
  70. package/tokens-v2-private/scss/tokens/functional/size/size-fine.scss +1 -1
  71. package/tokens-v2-private/scss/tokens/functional/size/size.scss +1 -1
  72. package/tokens-v2-private/scss/tokens/functional/size/viewport.scss +1 -1
  73. package/tokens-v2-private/scss/tokens/functional/typography/typography.scss +1 -1
  74. package/tokens-v2-private/ts/tokens/base/size/size.d.ts +1 -1
  75. package/tokens-v2-private/ts/tokens/base/size/size.js +1 -1
  76. package/tokens-v2-private/ts/tokens/base/typography/typography.d.ts +1 -1
  77. package/tokens-v2-private/ts/tokens/base/typography/typography.js +1 -1
  78. package/tokens-v2-private/ts/tokens/functional/size/border.d.ts +1 -1
  79. package/tokens-v2-private/ts/tokens/functional/size/border.js +1 -1
  80. package/tokens-v2-private/ts/tokens/functional/size/breakpoints.d.ts +1 -1
  81. package/tokens-v2-private/ts/tokens/functional/size/breakpoints.js +1 -1
  82. package/tokens-v2-private/ts/tokens/functional/size/size-coarse.d.ts +1 -1
  83. package/tokens-v2-private/ts/tokens/functional/size/size-coarse.js +1 -1
  84. package/tokens-v2-private/ts/tokens/functional/size/size-fine.d.ts +1 -1
  85. package/tokens-v2-private/ts/tokens/functional/size/size-fine.js +1 -1
  86. package/tokens-v2-private/ts/tokens/functional/size/size.d.ts +1 -1
  87. package/tokens-v2-private/ts/tokens/functional/size/size.js +1 -1
  88. package/tokens-v2-private/ts/tokens/functional/size/viewport.d.ts +1 -1
  89. package/tokens-v2-private/ts/tokens/functional/size/viewport.js +1 -1
  90. package/tokens-v2-private/ts/tokens/functional/typography/typography.d.ts +1 -1
  91. package/tokens-v2-private/ts/tokens/functional/typography/typography.js +1 -1
@@ -4,7 +4,7 @@
4
4
  "$type": "dimension",
5
5
  "$extensions": {
6
6
  "org.primer.figma": {
7
- "collection": "functional/size",
7
+ "collection": "pattern/size",
8
8
  "scopes": ["size"]
9
9
  }
10
10
  },
@@ -15,7 +15,7 @@
15
15
  "$type": "dimension",
16
16
  "$extensions": {
17
17
  "org.primer.figma": {
18
- "collection": "functional/size",
18
+ "collection": "pattern/size",
19
19
  "scopes": ["size"]
20
20
  }
21
21
  }
@@ -29,7 +29,7 @@
29
29
  "$type": "dimension",
30
30
  "$extensions": {
31
31
  "org.primer.figma": {
32
- "collection": "functional/size",
32
+ "collection": "pattern/size",
33
33
  "scopes": ["size"]
34
34
  }
35
35
  },
@@ -40,7 +40,7 @@
40
40
  "$type": "dimension",
41
41
  "$extensions": {
42
42
  "org.primer.figma": {
43
- "collection": "functional/size",
43
+ "collection": "pattern/size",
44
44
  "scopes": ["size"]
45
45
  }
46
46
  }
@@ -54,7 +54,7 @@
54
54
  "$type": "dimension",
55
55
  "$extensions": {
56
56
  "org.primer.figma": {
57
- "collection": "functional/size",
57
+ "collection": "pattern/size",
58
58
  "scopes": ["size"]
59
59
  }
60
60
  },
@@ -65,7 +65,7 @@
65
65
  "$type": "dimension",
66
66
  "$extensions": {
67
67
  "org.primer.figma": {
68
- "collection": "functional/size",
68
+ "collection": "pattern/size",
69
69
  "scopes": ["size"]
70
70
  }
71
71
  }
@@ -79,7 +79,7 @@
79
79
  "$type": "dimension",
80
80
  "$extensions": {
81
81
  "org.primer.figma": {
82
- "collection": "functional/size",
82
+ "collection": "pattern/size",
83
83
  "scopes": ["size"]
84
84
  }
85
85
  },
@@ -90,7 +90,7 @@
90
90
  "$type": "dimension",
91
91
  "$extensions": {
92
92
  "org.primer.figma": {
93
- "collection": "functional/size",
93
+ "collection": "pattern/size",
94
94
  "scopes": ["size"]
95
95
  }
96
96
  }
@@ -102,11 +102,23 @@
102
102
  "control-xsmall-paddingBlock": {
103
103
  "value": "0.125rem",
104
104
  "$type": "dimension",
105
+ "$extensions": {
106
+ "org.primer.figma": {
107
+ "collection": "pattern/size",
108
+ "scopes": ["gap"]
109
+ }
110
+ },
105
111
  "filePath": "src/tokens/functional/size/size.json",
106
112
  "isSource": true,
107
113
  "original": {
108
114
  "value": "2px",
109
- "$type": "dimension"
115
+ "$type": "dimension",
116
+ "$extensions": {
117
+ "org.primer.figma": {
118
+ "collection": "pattern/size",
119
+ "scopes": ["gap"]
120
+ }
121
+ }
110
122
  },
111
123
  "name": "control-xsmall-paddingBlock",
112
124
  "attributes": {},
@@ -117,7 +129,7 @@
117
129
  "$type": "dimension",
118
130
  "$extensions": {
119
131
  "org.primer.figma": {
120
- "collection": "functional/size",
132
+ "collection": "pattern/size",
121
133
  "scopes": ["gap"]
122
134
  }
123
135
  },
@@ -128,7 +140,7 @@
128
140
  "$type": "dimension",
129
141
  "$extensions": {
130
142
  "org.primer.figma": {
131
- "collection": "functional/size",
143
+ "collection": "pattern/size",
132
144
  "scopes": ["gap"]
133
145
  }
134
146
  }
@@ -142,7 +154,7 @@
142
154
  "$type": "dimension",
143
155
  "$extensions": {
144
156
  "org.primer.figma": {
145
- "collection": "functional/size",
157
+ "collection": "pattern/size",
146
158
  "scopes": ["gap"]
147
159
  }
148
160
  },
@@ -153,7 +165,7 @@
153
165
  "$type": "dimension",
154
166
  "$extensions": {
155
167
  "org.primer.figma": {
156
- "collection": "functional/size",
168
+ "collection": "pattern/size",
157
169
  "scopes": ["gap"]
158
170
  }
159
171
  }
@@ -167,7 +179,7 @@
167
179
  "$type": "dimension",
168
180
  "$extensions": {
169
181
  "org.primer.figma": {
170
- "collection": "functional/size",
182
+ "collection": "pattern/size",
171
183
  "scopes": ["gap"]
172
184
  }
173
185
  },
@@ -178,7 +190,7 @@
178
190
  "$type": "dimension",
179
191
  "$extensions": {
180
192
  "org.primer.figma": {
181
- "collection": "functional/size",
193
+ "collection": "pattern/size",
182
194
  "scopes": ["gap"]
183
195
  }
184
196
  }
@@ -192,7 +204,7 @@
192
204
  "$type": "dimension",
193
205
  "$extensions": {
194
206
  "org.primer.figma": {
195
- "collection": "functional/size",
207
+ "collection": "pattern/size",
196
208
  "scopes": ["gap"]
197
209
  }
198
210
  },
@@ -203,7 +215,7 @@
203
215
  "$type": "dimension",
204
216
  "$extensions": {
205
217
  "org.primer.figma": {
206
- "collection": "functional/size",
218
+ "collection": "pattern/size",
207
219
  "scopes": ["gap"]
208
220
  }
209
221
  }
@@ -217,7 +229,7 @@
217
229
  "$type": "dimension",
218
230
  "$extensions": {
219
231
  "org.primer.figma": {
220
- "collection": "functional/size",
232
+ "collection": "pattern/size",
221
233
  "scopes": ["size"]
222
234
  }
223
235
  },
@@ -228,7 +240,7 @@
228
240
  "$type": "dimension",
229
241
  "$extensions": {
230
242
  "org.primer.figma": {
231
- "collection": "functional/size",
243
+ "collection": "pattern/size",
232
244
  "scopes": ["size"]
233
245
  }
234
246
  }
@@ -242,7 +254,7 @@
242
254
  "$type": "dimension",
243
255
  "$extensions": {
244
256
  "org.primer.figma": {
245
- "collection": "functional/size",
257
+ "collection": "pattern/size",
246
258
  "scopes": ["size"]
247
259
  }
248
260
  },
@@ -253,7 +265,7 @@
253
265
  "$type": "dimension",
254
266
  "$extensions": {
255
267
  "org.primer.figma": {
256
- "collection": "functional/size",
268
+ "collection": "pattern/size",
257
269
  "scopes": ["size"]
258
270
  }
259
271
  }
@@ -265,11 +277,23 @@
265
277
  "control-small-paddingBlock": {
266
278
  "value": "0.25rem",
267
279
  "$type": "dimension",
280
+ "$extensions": {
281
+ "org.primer.figma": {
282
+ "collection": "pattern/size",
283
+ "scopes": ["gap"]
284
+ }
285
+ },
268
286
  "filePath": "src/tokens/functional/size/size.json",
269
287
  "isSource": true,
270
288
  "original": {
271
289
  "value": "{base.size.4}",
272
- "$type": "dimension"
290
+ "$type": "dimension",
291
+ "$extensions": {
292
+ "org.primer.figma": {
293
+ "collection": "pattern/size",
294
+ "scopes": ["gap"]
295
+ }
296
+ }
273
297
  },
274
298
  "name": "control-small-paddingBlock",
275
299
  "attributes": {},
@@ -280,7 +304,7 @@
280
304
  "$type": "dimension",
281
305
  "$extensions": {
282
306
  "org.primer.figma": {
283
- "collection": "functional/size",
307
+ "collection": "pattern/size",
284
308
  "scopes": ["gap"]
285
309
  }
286
310
  },
@@ -291,7 +315,7 @@
291
315
  "$type": "dimension",
292
316
  "$extensions": {
293
317
  "org.primer.figma": {
294
- "collection": "functional/size",
318
+ "collection": "pattern/size",
295
319
  "scopes": ["gap"]
296
320
  }
297
321
  }
@@ -305,7 +329,7 @@
305
329
  "$type": "dimension",
306
330
  "$extensions": {
307
331
  "org.primer.figma": {
308
- "collection": "functional/size",
332
+ "collection": "pattern/size",
309
333
  "scopes": ["gap"]
310
334
  }
311
335
  },
@@ -316,7 +340,7 @@
316
340
  "$type": "dimension",
317
341
  "$extensions": {
318
342
  "org.primer.figma": {
319
- "collection": "functional/size",
343
+ "collection": "pattern/size",
320
344
  "scopes": ["gap"]
321
345
  }
322
346
  }
@@ -330,7 +354,7 @@
330
354
  "$type": "dimension",
331
355
  "$extensions": {
332
356
  "org.primer.figma": {
333
- "collection": "functional/size",
357
+ "collection": "pattern/size",
334
358
  "scopes": ["gap"]
335
359
  }
336
360
  },
@@ -341,7 +365,7 @@
341
365
  "$type": "dimension",
342
366
  "$extensions": {
343
367
  "org.primer.figma": {
344
- "collection": "functional/size",
368
+ "collection": "pattern/size",
345
369
  "scopes": ["gap"]
346
370
  }
347
371
  }
@@ -355,7 +379,7 @@
355
379
  "$type": "dimension",
356
380
  "$extensions": {
357
381
  "org.primer.figma": {
358
- "collection": "functional/size",
382
+ "collection": "pattern/size",
359
383
  "scopes": ["size"]
360
384
  }
361
385
  },
@@ -366,7 +390,7 @@
366
390
  "$type": "dimension",
367
391
  "$extensions": {
368
392
  "org.primer.figma": {
369
- "collection": "functional/size",
393
+ "collection": "pattern/size",
370
394
  "scopes": ["size"]
371
395
  }
372
396
  }
@@ -380,7 +404,7 @@
380
404
  "$type": "dimension",
381
405
  "$extensions": {
382
406
  "org.primer.figma": {
383
- "collection": "functional/size",
407
+ "collection": "pattern/size",
384
408
  "scopes": ["size"]
385
409
  }
386
410
  },
@@ -391,7 +415,7 @@
391
415
  "$type": "dimension",
392
416
  "$extensions": {
393
417
  "org.primer.figma": {
394
- "collection": "functional/size",
418
+ "collection": "pattern/size",
395
419
  "scopes": ["size"]
396
420
  }
397
421
  }
@@ -403,11 +427,23 @@
403
427
  "control-medium-paddingBlock": {
404
428
  "value": "0.375rem",
405
429
  "$type": "dimension",
430
+ "$extensions": {
431
+ "org.primer.figma": {
432
+ "collection": "pattern/size",
433
+ "scopes": ["gap"]
434
+ }
435
+ },
406
436
  "filePath": "src/tokens/functional/size/size.json",
407
437
  "isSource": true,
408
438
  "original": {
409
439
  "value": "6px",
410
- "$type": "dimension"
440
+ "$type": "dimension",
441
+ "$extensions": {
442
+ "org.primer.figma": {
443
+ "collection": "pattern/size",
444
+ "scopes": ["gap"]
445
+ }
446
+ }
411
447
  },
412
448
  "name": "control-medium-paddingBlock",
413
449
  "attributes": {},
@@ -418,7 +454,7 @@
418
454
  "$type": "dimension",
419
455
  "$extensions": {
420
456
  "org.primer.figma": {
421
- "collection": "functional/size",
457
+ "collection": "pattern/size",
422
458
  "scopes": ["gap"]
423
459
  }
424
460
  },
@@ -429,7 +465,7 @@
429
465
  "$type": "dimension",
430
466
  "$extensions": {
431
467
  "org.primer.figma": {
432
- "collection": "functional/size",
468
+ "collection": "pattern/size",
433
469
  "scopes": ["gap"]
434
470
  }
435
471
  }
@@ -443,7 +479,7 @@
443
479
  "$type": "dimension",
444
480
  "$extensions": {
445
481
  "org.primer.figma": {
446
- "collection": "functional/size",
482
+ "collection": "pattern/size",
447
483
  "scopes": ["gap"]
448
484
  }
449
485
  },
@@ -454,7 +490,7 @@
454
490
  "$type": "dimension",
455
491
  "$extensions": {
456
492
  "org.primer.figma": {
457
- "collection": "functional/size",
493
+ "collection": "pattern/size",
458
494
  "scopes": ["gap"]
459
495
  }
460
496
  }
@@ -468,7 +504,7 @@
468
504
  "$type": "dimension",
469
505
  "$extensions": {
470
506
  "org.primer.figma": {
471
- "collection": "functional/size",
507
+ "collection": "pattern/size",
472
508
  "scopes": ["gap"]
473
509
  }
474
510
  },
@@ -479,7 +515,7 @@
479
515
  "$type": "dimension",
480
516
  "$extensions": {
481
517
  "org.primer.figma": {
482
- "collection": "functional/size",
518
+ "collection": "pattern/size",
483
519
  "scopes": ["gap"]
484
520
  }
485
521
  }
@@ -493,7 +529,7 @@
493
529
  "$type": "dimension",
494
530
  "$extensions": {
495
531
  "org.primer.figma": {
496
- "collection": "functional/size",
532
+ "collection": "pattern/size",
497
533
  "scopes": ["gap"]
498
534
  }
499
535
  },
@@ -504,7 +540,7 @@
504
540
  "$type": "dimension",
505
541
  "$extensions": {
506
542
  "org.primer.figma": {
507
- "collection": "functional/size",
543
+ "collection": "pattern/size",
508
544
  "scopes": ["gap"]
509
545
  }
510
546
  }
@@ -518,7 +554,7 @@
518
554
  "$type": "dimension",
519
555
  "$extensions": {
520
556
  "org.primer.figma": {
521
- "collection": "functional/size",
557
+ "collection": "pattern/size",
522
558
  "scopes": ["size"]
523
559
  }
524
560
  },
@@ -529,7 +565,7 @@
529
565
  "$type": "dimension",
530
566
  "$extensions": {
531
567
  "org.primer.figma": {
532
- "collection": "functional/size",
568
+ "collection": "pattern/size",
533
569
  "scopes": ["size"]
534
570
  }
535
571
  }
@@ -543,7 +579,7 @@
543
579
  "$type": "dimension",
544
580
  "$extensions": {
545
581
  "org.primer.figma": {
546
- "collection": "functional/size",
582
+ "collection": "pattern/size",
547
583
  "scopes": ["size"]
548
584
  }
549
585
  },
@@ -554,7 +590,7 @@
554
590
  "$type": "dimension",
555
591
  "$extensions": {
556
592
  "org.primer.figma": {
557
- "collection": "functional/size",
593
+ "collection": "pattern/size",
558
594
  "scopes": ["size"]
559
595
  }
560
596
  }
@@ -566,11 +602,23 @@
566
602
  "control-large-paddingBlock": {
567
603
  "value": "0.625rem",
568
604
  "$type": "dimension",
605
+ "$extensions": {
606
+ "org.primer.figma": {
607
+ "collection": "pattern/size",
608
+ "scopes": ["gap"]
609
+ }
610
+ },
569
611
  "filePath": "src/tokens/functional/size/size.json",
570
612
  "isSource": true,
571
613
  "original": {
572
614
  "value": "10px",
573
- "$type": "dimension"
615
+ "$type": "dimension",
616
+ "$extensions": {
617
+ "org.primer.figma": {
618
+ "collection": "pattern/size",
619
+ "scopes": ["gap"]
620
+ }
621
+ }
574
622
  },
575
623
  "name": "control-large-paddingBlock",
576
624
  "attributes": {},
@@ -581,7 +629,7 @@
581
629
  "$type": "dimension",
582
630
  "$extensions": {
583
631
  "org.primer.figma": {
584
- "collection": "functional/size",
632
+ "collection": "pattern/size",
585
633
  "scopes": ["gap"]
586
634
  }
587
635
  },
@@ -592,7 +640,7 @@
592
640
  "$type": "dimension",
593
641
  "$extensions": {
594
642
  "org.primer.figma": {
595
- "collection": "functional/size",
643
+ "collection": "pattern/size",
596
644
  "scopes": ["gap"]
597
645
  }
598
646
  }
@@ -606,7 +654,7 @@
606
654
  "$type": "dimension",
607
655
  "$extensions": {
608
656
  "org.primer.figma": {
609
- "collection": "functional/size",
657
+ "collection": "pattern/size",
610
658
  "scopes": ["gap"]
611
659
  }
612
660
  },
@@ -617,7 +665,7 @@
617
665
  "$type": "dimension",
618
666
  "$extensions": {
619
667
  "org.primer.figma": {
620
- "collection": "functional/size",
668
+ "collection": "pattern/size",
621
669
  "scopes": ["gap"]
622
670
  }
623
671
  }
@@ -631,7 +679,7 @@
631
679
  "$type": "dimension",
632
680
  "$extensions": {
633
681
  "org.primer.figma": {
634
- "collection": "functional/size",
682
+ "collection": "pattern/size",
635
683
  "scopes": ["gap"]
636
684
  }
637
685
  },
@@ -642,7 +690,7 @@
642
690
  "$type": "dimension",
643
691
  "$extensions": {
644
692
  "org.primer.figma": {
645
- "collection": "functional/size",
693
+ "collection": "pattern/size",
646
694
  "scopes": ["gap"]
647
695
  }
648
696
  }
@@ -656,7 +704,7 @@
656
704
  "$type": "dimension",
657
705
  "$extensions": {
658
706
  "org.primer.figma": {
659
- "collection": "functional/size",
707
+ "collection": "pattern/size",
660
708
  "scopes": ["size"]
661
709
  }
662
710
  },
@@ -667,7 +715,7 @@
667
715
  "$type": "dimension",
668
716
  "$extensions": {
669
717
  "org.primer.figma": {
670
- "collection": "functional/size",
718
+ "collection": "pattern/size",
671
719
  "scopes": ["size"]
672
720
  }
673
721
  }
@@ -681,7 +729,7 @@
681
729
  "$type": "dimension",
682
730
  "$extensions": {
683
731
  "org.primer.figma": {
684
- "collection": "functional/size",
732
+ "collection": "pattern/size",
685
733
  "scopes": ["size"]
686
734
  }
687
735
  },
@@ -692,7 +740,7 @@
692
740
  "$type": "dimension",
693
741
  "$extensions": {
694
742
  "org.primer.figma": {
695
- "collection": "functional/size",
743
+ "collection": "pattern/size",
696
744
  "scopes": ["size"]
697
745
  }
698
746
  }
@@ -704,11 +752,23 @@
704
752
  "control-xlarge-paddingBlock": {
705
753
  "value": "0.875rem",
706
754
  "$type": "dimension",
755
+ "$extensions": {
756
+ "org.primer.figma": {
757
+ "collection": "pattern/size",
758
+ "scopes": ["gap"]
759
+ }
760
+ },
707
761
  "filePath": "src/tokens/functional/size/size.json",
708
762
  "isSource": true,
709
763
  "original": {
710
764
  "value": "14px",
711
- "$type": "dimension"
765
+ "$type": "dimension",
766
+ "$extensions": {
767
+ "org.primer.figma": {
768
+ "collection": "pattern/size",
769
+ "scopes": ["gap"]
770
+ }
771
+ }
712
772
  },
713
773
  "name": "control-xlarge-paddingBlock",
714
774
  "attributes": {},
@@ -719,7 +779,7 @@
719
779
  "$type": "dimension",
720
780
  "$extensions": {
721
781
  "org.primer.figma": {
722
- "collection": "functional/size",
782
+ "collection": "pattern/size",
723
783
  "scopes": ["gap"]
724
784
  }
725
785
  },
@@ -730,7 +790,7 @@
730
790
  "$type": "dimension",
731
791
  "$extensions": {
732
792
  "org.primer.figma": {
733
- "collection": "functional/size",
793
+ "collection": "pattern/size",
734
794
  "scopes": ["gap"]
735
795
  }
736
796
  }
@@ -744,7 +804,7 @@
744
804
  "$type": "dimension",
745
805
  "$extensions": {
746
806
  "org.primer.figma": {
747
- "collection": "functional/size",
807
+ "collection": "pattern/size",
748
808
  "scopes": ["gap"]
749
809
  }
750
810
  },
@@ -755,7 +815,7 @@
755
815
  "$type": "dimension",
756
816
  "$extensions": {
757
817
  "org.primer.figma": {
758
- "collection": "functional/size",
818
+ "collection": "pattern/size",
759
819
  "scopes": ["gap"]
760
820
  }
761
821
  }
@@ -769,7 +829,7 @@
769
829
  "$type": "dimension",
770
830
  "$extensions": {
771
831
  "org.primer.figma": {
772
- "collection": "functional/size",
832
+ "collection": "pattern/size",
773
833
  "scopes": ["gap"]
774
834
  }
775
835
  },
@@ -780,7 +840,7 @@
780
840
  "$type": "dimension",
781
841
  "$extensions": {
782
842
  "org.primer.figma": {
783
- "collection": "functional/size",
843
+ "collection": "pattern/size",
784
844
  "scopes": ["gap"]
785
845
  }
786
846
  }
@@ -794,7 +854,7 @@
794
854
  "$type": "dimension",
795
855
  "$extensions": {
796
856
  "org.primer.figma": {
797
- "collection": "functional/size",
857
+ "collection": "pattern/size",
798
858
  "scopes": ["gap"]
799
859
  }
800
860
  },
@@ -805,7 +865,7 @@
805
865
  "$type": "dimension",
806
866
  "$extensions": {
807
867
  "org.primer.figma": {
808
- "collection": "functional/size",
868
+ "collection": "pattern/size",
809
869
  "scopes": ["gap"]
810
870
  }
811
871
  }
@@ -819,7 +879,7 @@
819
879
  "$type": "dimension",
820
880
  "$extensions": {
821
881
  "org.primer.figma": {
822
- "collection": "functional/size",
882
+ "collection": "pattern/size",
823
883
  "scopes": ["gap"]
824
884
  }
825
885
  },
@@ -830,7 +890,7 @@
830
890
  "$type": "dimension",
831
891
  "$extensions": {
832
892
  "org.primer.figma": {
833
- "collection": "functional/size",
893
+ "collection": "pattern/size",
834
894
  "scopes": ["gap"]
835
895
  }
836
896
  }
@@ -844,7 +904,7 @@
844
904
  "$type": "dimension",
845
905
  "$extensions": {
846
906
  "org.primer.figma": {
847
- "collection": "functional/size",
907
+ "collection": "pattern/size",
848
908
  "scopes": ["gap"]
849
909
  }
850
910
  },
@@ -855,7 +915,7 @@
855
915
  "$type": "dimension",
856
916
  "$extensions": {
857
917
  "org.primer.figma": {
858
- "collection": "functional/size",
918
+ "collection": "pattern/size",
859
919
  "scopes": ["gap"]
860
920
  }
861
921
  }
@@ -869,7 +929,7 @@
869
929
  "$type": "dimension",
870
930
  "$extensions": {
871
931
  "org.primer.figma": {
872
- "collection": "functional/size",
932
+ "collection": "pattern/size",
873
933
  "scopes": ["gap"]
874
934
  }
875
935
  },
@@ -880,7 +940,7 @@
880
940
  "$type": "dimension",
881
941
  "$extensions": {
882
942
  "org.primer.figma": {
883
- "collection": "functional/size",
943
+ "collection": "pattern/size",
884
944
  "scopes": ["gap"]
885
945
  }
886
946
  }
@@ -894,7 +954,7 @@
894
954
  "$type": "dimension",
895
955
  "$extensions": {
896
956
  "org.primer.figma": {
897
- "collection": "functional/size",
957
+ "collection": "pattern/size",
898
958
  "scopes": ["gap"]
899
959
  }
900
960
  },
@@ -905,7 +965,7 @@
905
965
  "$type": "dimension",
906
966
  "$extensions": {
907
967
  "org.primer.figma": {
908
- "collection": "functional/size",
968
+ "collection": "pattern/size",
909
969
  "scopes": ["gap"]
910
970
  }
911
971
  }
@@ -919,7 +979,7 @@
919
979
  "$type": "dimension",
920
980
  "$extensions": {
921
981
  "org.primer.figma": {
922
- "collection": "functional/size",
982
+ "collection": "pattern/size",
923
983
  "scopes": ["gap"]
924
984
  }
925
985
  },
@@ -930,7 +990,7 @@
930
990
  "$type": "dimension",
931
991
  "$extensions": {
932
992
  "org.primer.figma": {
933
- "collection": "functional/size",
993
+ "collection": "pattern/size",
934
994
  "scopes": ["gap"]
935
995
  }
936
996
  }
@@ -944,7 +1004,7 @@
944
1004
  "$type": "dimension",
945
1005
  "$extensions": {
946
1006
  "org.primer.figma": {
947
- "collection": "functional/size",
1007
+ "collection": "pattern/size",
948
1008
  "scopes": ["gap"]
949
1009
  }
950
1010
  },
@@ -955,7 +1015,7 @@
955
1015
  "$type": "dimension",
956
1016
  "$extensions": {
957
1017
  "org.primer.figma": {
958
- "collection": "functional/size",
1018
+ "collection": "pattern/size",
959
1019
  "scopes": ["gap"]
960
1020
  }
961
1021
  }
@@ -964,8 +1024,8 @@
964
1024
  "attributes": {},
965
1025
  "path": ["controlStack", "large", "gap", "spacious"]
966
1026
  },
967
- "stack-padding-condensed": {
968
- "value": "0.5rem",
1027
+ "space-xxsmall": {
1028
+ "value": "0.125rem",
969
1029
  "$type": "dimension",
970
1030
  "$extensions": {
971
1031
  "org.primer.figma": {
@@ -976,7 +1036,7 @@
976
1036
  "filePath": "src/tokens/functional/size/size.json",
977
1037
  "isSource": true,
978
1038
  "original": {
979
- "value": "{base.size.8}",
1039
+ "value": "2px",
980
1040
  "$type": "dimension",
981
1041
  "$extensions": {
982
1042
  "org.primer.figma": {
@@ -985,12 +1045,12 @@
985
1045
  }
986
1046
  }
987
1047
  },
988
- "name": "stack-padding-condensed",
1048
+ "name": "space-xxsmall",
989
1049
  "attributes": {},
990
- "path": ["stack", "padding", "condensed"]
1050
+ "path": ["space", "xxsmall"]
991
1051
  },
992
- "stack-padding-normal": {
993
- "value": "1rem",
1052
+ "space-xsmall": {
1053
+ "value": "0.25rem",
994
1054
  "$type": "dimension",
995
1055
  "$extensions": {
996
1056
  "org.primer.figma": {
@@ -1001,7 +1061,7 @@
1001
1061
  "filePath": "src/tokens/functional/size/size.json",
1002
1062
  "isSource": true,
1003
1063
  "original": {
1004
- "value": "{base.size.16}",
1064
+ "value": "{base.size.4}",
1005
1065
  "$type": "dimension",
1006
1066
  "$extensions": {
1007
1067
  "org.primer.figma": {
@@ -1010,12 +1070,12 @@
1010
1070
  }
1011
1071
  }
1012
1072
  },
1013
- "name": "stack-padding-normal",
1073
+ "name": "space-xsmall",
1014
1074
  "attributes": {},
1015
- "path": ["stack", "padding", "normal"]
1075
+ "path": ["space", "xsmall"]
1016
1076
  },
1017
- "stack-padding-spacious": {
1018
- "value": "1.5rem",
1077
+ "space-small": {
1078
+ "value": "0.375rem",
1019
1079
  "$type": "dimension",
1020
1080
  "$extensions": {
1021
1081
  "org.primer.figma": {
@@ -1026,7 +1086,7 @@
1026
1086
  "filePath": "src/tokens/functional/size/size.json",
1027
1087
  "isSource": true,
1028
1088
  "original": {
1029
- "value": "{base.size.24}",
1089
+ "value": "6px",
1030
1090
  "$type": "dimension",
1031
1091
  "$extensions": {
1032
1092
  "org.primer.figma": {
@@ -1035,11 +1095,11 @@
1035
1095
  }
1036
1096
  }
1037
1097
  },
1038
- "name": "stack-padding-spacious",
1098
+ "name": "space-small",
1039
1099
  "attributes": {},
1040
- "path": ["stack", "padding", "spacious"]
1100
+ "path": ["space", "small"]
1041
1101
  },
1042
- "stack-gap-condensed": {
1102
+ "space-medium": {
1043
1103
  "value": "0.5rem",
1044
1104
  "$type": "dimension",
1045
1105
  "$extensions": {
@@ -1060,11 +1120,36 @@
1060
1120
  }
1061
1121
  }
1062
1122
  },
1063
- "name": "stack-gap-condensed",
1123
+ "name": "space-medium",
1064
1124
  "attributes": {},
1065
- "path": ["stack", "gap", "condensed"]
1125
+ "path": ["space", "medium"]
1066
1126
  },
1067
- "stack-gap-normal": {
1127
+ "space-large": {
1128
+ "value": "0.75rem",
1129
+ "$type": "dimension",
1130
+ "$extensions": {
1131
+ "org.primer.figma": {
1132
+ "collection": "functional/size",
1133
+ "scopes": ["gap"]
1134
+ }
1135
+ },
1136
+ "filePath": "src/tokens/functional/size/size.json",
1137
+ "isSource": true,
1138
+ "original": {
1139
+ "value": "{base.size.12}",
1140
+ "$type": "dimension",
1141
+ "$extensions": {
1142
+ "org.primer.figma": {
1143
+ "collection": "functional/size",
1144
+ "scopes": ["gap"]
1145
+ }
1146
+ }
1147
+ },
1148
+ "name": "space-large",
1149
+ "attributes": {},
1150
+ "path": ["space", "large"]
1151
+ },
1152
+ "space-xlarge": {
1068
1153
  "value": "1rem",
1069
1154
  "$type": "dimension",
1070
1155
  "$extensions": {
@@ -1085,16 +1170,66 @@
1085
1170
  }
1086
1171
  }
1087
1172
  },
1088
- "name": "stack-gap-normal",
1173
+ "name": "space-xlarge",
1089
1174
  "attributes": {},
1090
- "path": ["stack", "gap", "normal"]
1175
+ "path": ["space", "xlarge"]
1091
1176
  },
1092
- "stack-gap-spacious": {
1177
+ "stack-padding-condensed": {
1178
+ "value": "0.5rem",
1179
+ "$type": "dimension",
1180
+ "$extensions": {
1181
+ "org.primer.figma": {
1182
+ "collection": "pattern/size",
1183
+ "scopes": ["gap"]
1184
+ }
1185
+ },
1186
+ "filePath": "src/tokens/functional/size/size.json",
1187
+ "isSource": true,
1188
+ "original": {
1189
+ "value": "{base.size.8}",
1190
+ "$type": "dimension",
1191
+ "$extensions": {
1192
+ "org.primer.figma": {
1193
+ "collection": "pattern/size",
1194
+ "scopes": ["gap"]
1195
+ }
1196
+ }
1197
+ },
1198
+ "name": "stack-padding-condensed",
1199
+ "attributes": {},
1200
+ "path": ["stack", "padding", "condensed"]
1201
+ },
1202
+ "stack-padding-normal": {
1203
+ "value": "1rem",
1204
+ "$type": "dimension",
1205
+ "$extensions": {
1206
+ "org.primer.figma": {
1207
+ "collection": "pattern/size",
1208
+ "scopes": ["gap"]
1209
+ }
1210
+ },
1211
+ "filePath": "src/tokens/functional/size/size.json",
1212
+ "isSource": true,
1213
+ "original": {
1214
+ "value": "{base.size.16}",
1215
+ "$type": "dimension",
1216
+ "$extensions": {
1217
+ "org.primer.figma": {
1218
+ "collection": "pattern/size",
1219
+ "scopes": ["gap"]
1220
+ }
1221
+ }
1222
+ },
1223
+ "name": "stack-padding-normal",
1224
+ "attributes": {},
1225
+ "path": ["stack", "padding", "normal"]
1226
+ },
1227
+ "stack-padding-spacious": {
1093
1228
  "value": "1.5rem",
1094
1229
  "$type": "dimension",
1095
1230
  "$extensions": {
1096
1231
  "org.primer.figma": {
1097
- "collection": "functional/size",
1232
+ "collection": "pattern/size",
1098
1233
  "scopes": ["gap"]
1099
1234
  }
1100
1235
  },
@@ -1105,13 +1240,438 @@
1105
1240
  "$type": "dimension",
1106
1241
  "$extensions": {
1107
1242
  "org.primer.figma": {
1108
- "collection": "functional/size",
1243
+ "collection": "pattern/size",
1109
1244
  "scopes": ["gap"]
1110
1245
  }
1111
1246
  }
1112
1247
  },
1113
- "name": "stack-gap-spacious",
1248
+ "name": "stack-padding-spacious",
1114
1249
  "attributes": {},
1115
- "path": ["stack", "gap", "spacious"]
1250
+ "path": ["stack", "padding", "spacious"]
1251
+ },
1252
+ "stack-gap-condensed": {
1253
+ "value": "0.5rem",
1254
+ "$type": "dimension",
1255
+ "$extensions": {
1256
+ "org.primer.figma": {
1257
+ "collection": "pattern/size",
1258
+ "scopes": ["gap"]
1259
+ }
1260
+ },
1261
+ "filePath": "src/tokens/functional/size/size.json",
1262
+ "isSource": true,
1263
+ "original": {
1264
+ "value": "{base.size.8}",
1265
+ "$type": "dimension",
1266
+ "$extensions": {
1267
+ "org.primer.figma": {
1268
+ "collection": "pattern/size",
1269
+ "scopes": ["gap"]
1270
+ }
1271
+ }
1272
+ },
1273
+ "name": "stack-gap-condensed",
1274
+ "attributes": {},
1275
+ "path": ["stack", "gap", "condensed"]
1276
+ },
1277
+ "stack-gap-normal": {
1278
+ "value": "1rem",
1279
+ "$type": "dimension",
1280
+ "$extensions": {
1281
+ "org.primer.figma": {
1282
+ "collection": "pattern/size",
1283
+ "scopes": ["gap"]
1284
+ }
1285
+ },
1286
+ "filePath": "src/tokens/functional/size/size.json",
1287
+ "isSource": true,
1288
+ "original": {
1289
+ "value": "{base.size.16}",
1290
+ "$type": "dimension",
1291
+ "$extensions": {
1292
+ "org.primer.figma": {
1293
+ "collection": "pattern/size",
1294
+ "scopes": ["gap"]
1295
+ }
1296
+ }
1297
+ },
1298
+ "name": "stack-gap-normal",
1299
+ "attributes": {},
1300
+ "path": ["stack", "gap", "normal"]
1301
+ },
1302
+ "stack-gap-spacious": {
1303
+ "value": "1.5rem",
1304
+ "$type": "dimension",
1305
+ "$extensions": {
1306
+ "org.primer.figma": {
1307
+ "collection": "pattern/size",
1308
+ "scopes": ["gap"]
1309
+ }
1310
+ },
1311
+ "filePath": "src/tokens/functional/size/size.json",
1312
+ "isSource": true,
1313
+ "original": {
1314
+ "value": "{base.size.24}",
1315
+ "$type": "dimension",
1316
+ "$extensions": {
1317
+ "org.primer.figma": {
1318
+ "collection": "pattern/size",
1319
+ "scopes": ["gap"]
1320
+ }
1321
+ }
1322
+ },
1323
+ "name": "stack-gap-spacious",
1324
+ "attributes": {},
1325
+ "path": ["stack", "gap", "spacious"]
1326
+ },
1327
+ "overlay-width-xsmall": {
1328
+ "value": "12rem",
1329
+ "$type": "dimension",
1330
+ "$extensions": {
1331
+ "org.primer.figma": {
1332
+ "collection": "pattern/size",
1333
+ "scopes": ["size"]
1334
+ }
1335
+ },
1336
+ "filePath": "src/tokens/functional/size/size.json",
1337
+ "isSource": true,
1338
+ "original": {
1339
+ "value": "192px",
1340
+ "$type": "dimension",
1341
+ "$extensions": {
1342
+ "org.primer.figma": {
1343
+ "collection": "pattern/size",
1344
+ "scopes": ["size"]
1345
+ }
1346
+ }
1347
+ },
1348
+ "name": "overlay-width-xsmall",
1349
+ "attributes": {},
1350
+ "path": ["overlay", "width", "xsmall"]
1351
+ },
1352
+ "overlay-width-small": {
1353
+ "value": "20rem",
1354
+ "$type": "dimension",
1355
+ "$extensions": {
1356
+ "org.primer.figma": {
1357
+ "collection": "pattern/size",
1358
+ "scopes": ["size"]
1359
+ }
1360
+ },
1361
+ "filePath": "src/tokens/functional/size/size.json",
1362
+ "isSource": true,
1363
+ "original": {
1364
+ "value": "320px",
1365
+ "$type": "dimension",
1366
+ "$extensions": {
1367
+ "org.primer.figma": {
1368
+ "collection": "pattern/size",
1369
+ "scopes": ["size"]
1370
+ }
1371
+ }
1372
+ },
1373
+ "name": "overlay-width-small",
1374
+ "attributes": {},
1375
+ "path": ["overlay", "width", "small"]
1376
+ },
1377
+ "overlay-width-medium": {
1378
+ "value": "30rem",
1379
+ "$type": "dimension",
1380
+ "$extensions": {
1381
+ "org.primer.figma": {
1382
+ "collection": "pattern/size",
1383
+ "scopes": ["size"]
1384
+ }
1385
+ },
1386
+ "filePath": "src/tokens/functional/size/size.json",
1387
+ "isSource": true,
1388
+ "original": {
1389
+ "value": "480px",
1390
+ "$type": "dimension",
1391
+ "$extensions": {
1392
+ "org.primer.figma": {
1393
+ "collection": "pattern/size",
1394
+ "scopes": ["size"]
1395
+ }
1396
+ }
1397
+ },
1398
+ "name": "overlay-width-medium",
1399
+ "attributes": {},
1400
+ "path": ["overlay", "width", "medium"]
1401
+ },
1402
+ "overlay-width-large": {
1403
+ "value": "40rem",
1404
+ "$type": "dimension",
1405
+ "$extensions": {
1406
+ "org.primer.figma": {
1407
+ "collection": "pattern/size",
1408
+ "scopes": ["size"]
1409
+ }
1410
+ },
1411
+ "filePath": "src/tokens/functional/size/size.json",
1412
+ "isSource": true,
1413
+ "original": {
1414
+ "value": "640px",
1415
+ "$type": "dimension",
1416
+ "$extensions": {
1417
+ "org.primer.figma": {
1418
+ "collection": "pattern/size",
1419
+ "scopes": ["size"]
1420
+ }
1421
+ }
1422
+ },
1423
+ "name": "overlay-width-large",
1424
+ "attributes": {},
1425
+ "path": ["overlay", "width", "large"]
1426
+ },
1427
+ "overlay-width-xlarge": {
1428
+ "value": "60rem",
1429
+ "$type": "dimension",
1430
+ "$extensions": {
1431
+ "org.primer.figma": {
1432
+ "collection": "pattern/size",
1433
+ "scopes": ["size"]
1434
+ }
1435
+ },
1436
+ "filePath": "src/tokens/functional/size/size.json",
1437
+ "isSource": true,
1438
+ "original": {
1439
+ "value": "960px",
1440
+ "$type": "dimension",
1441
+ "$extensions": {
1442
+ "org.primer.figma": {
1443
+ "collection": "pattern/size",
1444
+ "scopes": ["size"]
1445
+ }
1446
+ }
1447
+ },
1448
+ "name": "overlay-width-xlarge",
1449
+ "attributes": {},
1450
+ "path": ["overlay", "width", "xlarge"]
1451
+ },
1452
+ "overlay-height-small": {
1453
+ "value": "16rem",
1454
+ "$type": "dimension",
1455
+ "$extensions": {
1456
+ "org.primer.figma": {
1457
+ "collection": "pattern/size",
1458
+ "scopes": ["size"]
1459
+ }
1460
+ },
1461
+ "filePath": "src/tokens/functional/size/size.json",
1462
+ "isSource": true,
1463
+ "original": {
1464
+ "value": "256px",
1465
+ "$type": "dimension",
1466
+ "$extensions": {
1467
+ "org.primer.figma": {
1468
+ "collection": "pattern/size",
1469
+ "scopes": ["size"]
1470
+ }
1471
+ }
1472
+ },
1473
+ "name": "overlay-height-small",
1474
+ "attributes": {},
1475
+ "path": ["overlay", "height", "small"]
1476
+ },
1477
+ "overlay-height-medium": {
1478
+ "value": "20rem",
1479
+ "$type": "dimension",
1480
+ "$extensions": {
1481
+ "org.primer.figma": {
1482
+ "collection": "pattern/size",
1483
+ "scopes": ["size"]
1484
+ }
1485
+ },
1486
+ "filePath": "src/tokens/functional/size/size.json",
1487
+ "isSource": true,
1488
+ "original": {
1489
+ "value": "320px",
1490
+ "$type": "dimension",
1491
+ "$extensions": {
1492
+ "org.primer.figma": {
1493
+ "collection": "pattern/size",
1494
+ "scopes": ["size"]
1495
+ }
1496
+ }
1497
+ },
1498
+ "name": "overlay-height-medium",
1499
+ "attributes": {},
1500
+ "path": ["overlay", "height", "medium"]
1501
+ },
1502
+ "overlay-height-large": {
1503
+ "value": "27rem",
1504
+ "$type": "dimension",
1505
+ "$extensions": {
1506
+ "org.primer.figma": {
1507
+ "collection": "pattern/size",
1508
+ "scopes": ["size"]
1509
+ }
1510
+ },
1511
+ "filePath": "src/tokens/functional/size/size.json",
1512
+ "isSource": true,
1513
+ "original": {
1514
+ "value": "432px",
1515
+ "$type": "dimension",
1516
+ "$extensions": {
1517
+ "org.primer.figma": {
1518
+ "collection": "pattern/size",
1519
+ "scopes": ["size"]
1520
+ }
1521
+ }
1522
+ },
1523
+ "name": "overlay-height-large",
1524
+ "attributes": {},
1525
+ "path": ["overlay", "height", "large"]
1526
+ },
1527
+ "overlay-height-xlarge": {
1528
+ "value": "37.5rem",
1529
+ "$type": "dimension",
1530
+ "$extensions": {
1531
+ "org.primer.figma": {
1532
+ "collection": "pattern/size",
1533
+ "scopes": ["size"]
1534
+ }
1535
+ },
1536
+ "filePath": "src/tokens/functional/size/size.json",
1537
+ "isSource": true,
1538
+ "original": {
1539
+ "value": "600px",
1540
+ "$type": "dimension",
1541
+ "$extensions": {
1542
+ "org.primer.figma": {
1543
+ "collection": "pattern/size",
1544
+ "scopes": ["size"]
1545
+ }
1546
+ }
1547
+ },
1548
+ "name": "overlay-height-xlarge",
1549
+ "attributes": {},
1550
+ "path": ["overlay", "height", "xlarge"]
1551
+ },
1552
+ "overlay-padding-normal": {
1553
+ "value": "1rem",
1554
+ "$type": "dimension",
1555
+ "$extensions": {
1556
+ "org.primer.figma": {
1557
+ "collection": "pattern/size",
1558
+ "scopes": ["gap"]
1559
+ }
1560
+ },
1561
+ "filePath": "src/tokens/functional/size/size.json",
1562
+ "isSource": true,
1563
+ "original": {
1564
+ "value": "{base.size.16}",
1565
+ "$type": "dimension",
1566
+ "$extensions": {
1567
+ "org.primer.figma": {
1568
+ "collection": "pattern/size",
1569
+ "scopes": ["gap"]
1570
+ }
1571
+ }
1572
+ },
1573
+ "name": "overlay-padding-normal",
1574
+ "attributes": {},
1575
+ "path": ["overlay", "padding", "normal"]
1576
+ },
1577
+ "overlay-padding-condensed": {
1578
+ "value": "0.5rem",
1579
+ "$type": "dimension",
1580
+ "$extensions": {
1581
+ "org.primer.figma": {
1582
+ "collection": "pattern/size",
1583
+ "scopes": ["gap"]
1584
+ }
1585
+ },
1586
+ "filePath": "src/tokens/functional/size/size.json",
1587
+ "isSource": true,
1588
+ "original": {
1589
+ "value": "{base.size.8}",
1590
+ "$type": "dimension",
1591
+ "$extensions": {
1592
+ "org.primer.figma": {
1593
+ "collection": "pattern/size",
1594
+ "scopes": ["gap"]
1595
+ }
1596
+ }
1597
+ },
1598
+ "name": "overlay-padding-condensed",
1599
+ "attributes": {},
1600
+ "path": ["overlay", "padding", "condensed"]
1601
+ },
1602
+ "overlay-paddingBlock-condensed": {
1603
+ "value": "0.25rem",
1604
+ "$type": "dimension",
1605
+ "$extensions": {
1606
+ "org.primer.figma": {
1607
+ "collection": "pattern/size",
1608
+ "scopes": ["gap"]
1609
+ }
1610
+ },
1611
+ "filePath": "src/tokens/functional/size/size.json",
1612
+ "isSource": true,
1613
+ "original": {
1614
+ "value": "{base.size.4}",
1615
+ "$type": "dimension",
1616
+ "$extensions": {
1617
+ "org.primer.figma": {
1618
+ "collection": "pattern/size",
1619
+ "scopes": ["gap"]
1620
+ }
1621
+ }
1622
+ },
1623
+ "name": "overlay-paddingBlock-condensed",
1624
+ "attributes": {},
1625
+ "path": ["overlay", "paddingBlock", "condensed"]
1626
+ },
1627
+ "overlay-paddingBlock-normal": {
1628
+ "value": "0.75rem",
1629
+ "$type": "dimension",
1630
+ "$extensions": {
1631
+ "org.primer.figma": {
1632
+ "collection": "pattern/size",
1633
+ "scopes": ["gap"]
1634
+ }
1635
+ },
1636
+ "filePath": "src/tokens/functional/size/size.json",
1637
+ "isSource": true,
1638
+ "original": {
1639
+ "value": "{base.size.12}",
1640
+ "$type": "dimension",
1641
+ "$extensions": {
1642
+ "org.primer.figma": {
1643
+ "collection": "pattern/size",
1644
+ "scopes": ["gap"]
1645
+ }
1646
+ }
1647
+ },
1648
+ "name": "overlay-paddingBlock-normal",
1649
+ "attributes": {},
1650
+ "path": ["overlay", "paddingBlock", "normal"]
1651
+ },
1652
+ "overlay-borderRadius": {
1653
+ "value": "0.375rem",
1654
+ "$type": "dimension",
1655
+ "$extensions": {
1656
+ "org.primer.figma": {
1657
+ "collection": "pattern/size",
1658
+ "scopes": ["radius"]
1659
+ }
1660
+ },
1661
+ "filePath": "src/tokens/functional/size/size.json",
1662
+ "isSource": true,
1663
+ "original": {
1664
+ "value": "{borderRadius.medium}",
1665
+ "$type": "dimension",
1666
+ "$extensions": {
1667
+ "org.primer.figma": {
1668
+ "collection": "pattern/size",
1669
+ "scopes": ["radius"]
1670
+ }
1671
+ }
1672
+ },
1673
+ "name": "overlay-borderRadius",
1674
+ "attributes": {},
1675
+ "path": ["overlay", "borderRadius"]
1116
1676
  }
1117
1677
  }