@primer/primitives 9.1.0-rc.e0e1c4b6 → 9.1.0

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 (53) hide show
  1. package/dist/build/PrimerStyleDictionary.js +1 -0
  2. package/dist/build/formats/cssAdvanced.js +9 -10
  3. package/dist/build/transformers/index.d.ts +1 -0
  4. package/dist/build/transformers/index.js +3 -1
  5. package/dist/css/functional/motion/motion.css +3 -3
  6. package/dist/css/functional/size/border.css +2 -2
  7. package/dist/css/functional/typography/typography.css +11 -11
  8. package/dist/css/primitives.css +16 -16
  9. package/package.json +5 -3
  10. package/src/tokens/base/color/dark/dark.dimmed.json5 +1164 -0
  11. package/src/tokens/base/color/dark/dark.high-contrast.json5 +764 -0
  12. package/src/tokens/base/color/dark/dark.json5 +911 -0
  13. package/src/tokens/base/color/dark/display-dark.json5 +1774 -0
  14. package/src/tokens/base/color/light/display-light.json5 +1774 -0
  15. package/src/tokens/base/color/light/light.high-contrast.json5 +755 -0
  16. package/src/tokens/base/color/light/light.json5 +911 -0
  17. package/src/tokens/base/size/size.json +196 -0
  18. package/src/tokens/base/typography/typography.json +48 -0
  19. package/src/tokens/fallback/color-fallbacks.json +270 -0
  20. package/src/tokens/functional/border/dark.json5 +12 -0
  21. package/src/tokens/functional/border/light.json5 +12 -0
  22. package/src/tokens/functional/color/dark/app-dark.json5 +554 -0
  23. package/src/tokens/functional/color/dark/data-vis-dark.json5 +284 -0
  24. package/src/tokens/functional/color/dark/display-dark.json5 +1258 -0
  25. package/src/tokens/functional/color/dark/overrides/dark.dimmed.json5 +194 -0
  26. package/src/tokens/functional/color/dark/overrides/dark.high-contrast.json5 +935 -0
  27. package/src/tokens/functional/color/dark/overrides/dark.protanopia-deuteranopia.json5 +310 -0
  28. package/src/tokens/functional/color/dark/overrides/dark.tritanopia.json5 +224 -0
  29. package/src/tokens/functional/color/dark/patterns-dark.json5 +3097 -0
  30. package/src/tokens/functional/color/dark/primitives-dark.json5 +1200 -0
  31. package/src/tokens/functional/color/dark/syntax-dark.json5 +559 -0
  32. package/src/tokens/functional/color/light/app-light.json5 +551 -0
  33. package/src/tokens/functional/color/light/data-vis-light.json5 +284 -0
  34. package/src/tokens/functional/color/light/display-light.json5 +1258 -0
  35. package/src/tokens/functional/color/light/overrides/light.high-contrast.json5 +819 -0
  36. package/src/tokens/functional/color/light/overrides/light.protanopia-deuteranopia.json5 +327 -0
  37. package/src/tokens/functional/color/light/overrides/light.tritanopia.json5 +237 -0
  38. package/src/tokens/functional/color/light/patterns-light.json5 +3091 -0
  39. package/src/tokens/functional/color/light/primitives-light.json5 +1193 -0
  40. package/src/tokens/functional/color/light/syntax-light.json5 +559 -0
  41. package/src/tokens/functional/motion/loading.json5 +17 -0
  42. package/src/tokens/functional/motion/patterns.json5 +28 -0
  43. package/src/tokens/functional/shadow/dark.json5 +383 -0
  44. package/src/tokens/functional/shadow/light.json5 +376 -0
  45. package/src/tokens/functional/size/border.json +111 -0
  46. package/src/tokens/functional/size/breakpoints.json +64 -0
  47. package/src/tokens/functional/size/size-coarse.json +28 -0
  48. package/src/tokens/functional/size/size-fine.json +28 -0
  49. package/src/tokens/functional/size/size.json +740 -0
  50. package/src/tokens/functional/size/viewport.json +28 -0
  51. package/src/tokens/functional/typography/typography.json +527 -0
  52. package/src/tokens/removed/color.json +421 -0
  53. package/src/tokens/removed/testing.json5 +4 -0
package/src/tokens/functional/size/size.json ADDED
@@ -0,0 +1,740 @@
1
+ {
2
+ "control": {
3
+ "minTarget": {
4
+ "fine": {
5
+ "$value": "{base.size.16}",
6
+ "$type": "dimension",
7
+ "$extensions": {
8
+ "org.primer.figma": {
9
+ "collection": "pattern/size",
10
+ "scopes": ["size"]
11
+ }
12
+ }
13
+ },
14
+ "coarse": {
15
+ "$value": "{base.size.44}",
16
+ "$type": "dimension",
17
+ "$extensions": {
18
+ "org.primer.figma": {
19
+ "collection": "pattern/size",
20
+ "scopes": ["size"]
21
+ }
22
+ }
23
+ }
24
+ },
25
+ "xsmall": {
26
+ "size": {
27
+ "$value": "{base.size.24}",
28
+ "$type": "dimension",
29
+ "$extensions": {
30
+ "org.primer.figma": {
31
+ "collection": "pattern/size",
32
+ "scopes": ["size"]
33
+ }
34
+ }
35
+ },
36
+ "lineBoxHeight": {
37
+ "$value": "{base.size.20}",
38
+ "$type": "dimension",
39
+ "$extensions": {
40
+ "org.primer.figma": {
41
+ "collection": "pattern/size",
42
+ "scopes": ["size"]
43
+ }
44
+ }
45
+ },
46
+ "paddingBlock": {
47
+ "$value": "2px",
48
+ "$type": "dimension",
49
+ "$extensions": {
50
+ "org.primer.figma": {
51
+ "collection": "pattern/size",
52
+ "scopes": ["gap"]
53
+ }
54
+ }
55
+ },
56
+ "paddingInline": {
57
+ "condensed": {
58
+ "$value": "{base.size.4}",
59
+ "$type": "dimension",
60
+ "$extensions": {
61
+ "org.primer.figma": {
62
+ "collection": "pattern/size",
63
+ "scopes": ["gap"]
64
+ }
65
+ }
66
+ },
67
+ "normal": {
68
+ "$value": "{base.size.8}",
69
+ "$type": "dimension",
70
+ "$extensions": {
71
+ "org.primer.figma": {
72
+ "collection": "pattern/size",
73
+ "scopes": ["gap"]
74
+ }
75
+ }
76
+ },
77
+ "spacious": {
78
+ "$value": "{base.size.12}",
79
+ "$type": "dimension",
80
+ "$extensions": {
81
+ "org.primer.figma": {
82
+ "collection": "pattern/size",
83
+ "scopes": ["gap"]
84
+ }
85
+ }
86
+ }
87
+ },
88
+ "gap": {
89
+ "$value": "{base.size.4}",
90
+ "$type": "dimension",
91
+ "$extensions": {
92
+ "org.primer.figma": {
93
+ "collection": "pattern/size",
94
+ "scopes": ["gap"]
95
+ }
96
+ }
97
+ }
98
+ },
99
+ "small": {
100
+ "size": {
101
+ "$value": "{base.size.28}",
102
+ "$type": "dimension",
103
+ "$extensions": {
104
+ "org.primer.figma": {
105
+ "collection": "pattern/size",
106
+ "scopes": ["size"]
107
+ }
108
+ }
109
+ },
110
+ "lineBoxHeight": {
111
+ "$value": "{base.size.20}",
112
+ "$type": "dimension",
113
+ "$extensions": {
114
+ "org.primer.figma": {
115
+ "collection": "pattern/size",
116
+ "scopes": ["size"]
117
+ }
118
+ }
119
+ },
120
+ "paddingBlock": {
121
+ "$value": "{base.size.4}",
122
+ "$type": "dimension",
123
+ "$extensions": {
124
+ "org.primer.figma": {
125
+ "collection": "pattern/size",
126
+ "scopes": ["gap"]
127
+ }
128
+ }
129
+ },
130
+ "paddingInline": {
131
+ "condensed": {
132
+ "$value": "{base.size.8}",
133
+ "$type": "dimension",
134
+ "$extensions": {
135
+ "org.primer.figma": {
136
+ "collection": "pattern/size",
137
+ "scopes": ["gap"]
138
+ }
139
+ }
140
+ },
141
+ "normal": {
142
+ "$value": "{base.size.12}",
143
+ "$type": "dimension",
144
+ "$extensions": {
145
+ "org.primer.figma": {
146
+ "collection": "pattern/size",
147
+ "scopes": ["gap"]
148
+ }
149
+ }
150
+ }
151
+ },
152
+ "gap": {
153
+ "$value": "{base.size.4}",
154
+ "$type": "dimension",
155
+ "$extensions": {
156
+ "org.primer.figma": {
157
+ "collection": "pattern/size",
158
+ "scopes": ["gap"]
159
+ }
160
+ }
161
+ }
162
+ },
163
+ "medium": {
164
+ "size": {
165
+ "$value": "{base.size.32}",
166
+ "$type": "dimension",
167
+ "$extensions": {
168
+ "org.primer.figma": {
169
+ "collection": "pattern/size",
170
+ "scopes": ["size"]
171
+ }
172
+ }
173
+ },
174
+ "lineBoxHeight": {
175
+ "$value": "{base.size.20}",
176
+ "$type": "dimension",
177
+ "$extensions": {
178
+ "org.primer.figma": {
179
+ "collection": "pattern/size",
180
+ "scopes": ["size"]
181
+ }
182
+ }
183
+ },
184
+ "paddingBlock": {
185
+ "$value": "6px",
186
+ "$type": "dimension",
187
+ "$extensions": {
188
+ "org.primer.figma": {
189
+ "collection": "pattern/size",
190
+ "scopes": ["gap"]
191
+ }
192
+ }
193
+ },
194
+ "paddingInline": {
195
+ "condensed": {
196
+ "$value": "{base.size.8}",
197
+ "$type": "dimension",
198
+ "$extensions": {
199
+ "org.primer.figma": {
200
+ "collection": "pattern/size",
201
+ "scopes": ["gap"]
202
+ }
203
+ }
204
+ },
205
+ "normal": {
206
+ "$value": "{base.size.12}",
207
+ "$type": "dimension",
208
+ "$extensions": {
209
+ "org.primer.figma": {
210
+ "collection": "pattern/size",
211
+ "scopes": ["gap"]
212
+ }
213
+ }
214
+ },
215
+ "spacious": {
216
+ "$value": "{base.size.16}",
217
+ "$type": "dimension",
218
+ "$extensions": {
219
+ "org.primer.figma": {
220
+ "collection": "pattern/size",
221
+ "scopes": ["gap"]
222
+ }
223
+ }
224
+ }
225
+ },
226
+ "gap": {
227
+ "$value": "{base.size.8}",
228
+ "$type": "dimension",
229
+ "$extensions": {
230
+ "org.primer.figma": {
231
+ "collection": "pattern/size",
232
+ "scopes": ["gap"]
233
+ }
234
+ }
235
+ }
236
+ },
237
+ "large": {
238
+ "size": {
239
+ "$value": "{base.size.40}",
240
+ "$type": "dimension",
241
+ "$extensions": {
242
+ "org.primer.figma": {
243
+ "collection": "pattern/size",
244
+ "scopes": ["size"]
245
+ }
246
+ }
247
+ },
248
+ "lineBoxHeight": {
249
+ "$value": "{base.size.20}",
250
+ "$type": "dimension",
251
+ "$extensions": {
252
+ "org.primer.figma": {
253
+ "collection": "pattern/size",
254
+ "scopes": ["size"]
255
+ }
256
+ }
257
+ },
258
+ "paddingBlock": {
259
+ "$value": "10px",
260
+ "$type": "dimension",
261
+ "$extensions": {
262
+ "org.primer.figma": {
263
+ "collection": "pattern/size",
264
+ "scopes": ["gap"]
265
+ }
266
+ }
267
+ },
268
+ "paddingInline": {
269
+ "normal": {
270
+ "$value": "{base.size.12}",
271
+ "$type": "dimension",
272
+ "$extensions": {
273
+ "org.primer.figma": {
274
+ "collection": "pattern/size",
275
+ "scopes": ["gap"]
276
+ }
277
+ }
278
+ },
279
+ "spacious": {
280
+ "$value": "{base.size.16}",
281
+ "$type": "dimension",
282
+ "$extensions": {
283
+ "org.primer.figma": {
284
+ "collection": "pattern/size",
285
+ "scopes": ["gap"]
286
+ }
287
+ }
288
+ }
289
+ },
290
+ "gap": {
291
+ "$value": "{base.size.8}",
292
+ "$type": "dimension",
293
+ "$extensions": {
294
+ "org.primer.figma": {
295
+ "collection": "pattern/size",
296
+ "scopes": ["gap"]
297
+ }
298
+ }
299
+ }
300
+ },
301
+ "xlarge": {
302
+ "size": {
303
+ "$value": "{base.size.48}",
304
+ "$type": "dimension",
305
+ "$extensions": {
306
+ "org.primer.figma": {
307
+ "collection": "pattern/size",
308
+ "scopes": ["size"]
309
+ }
310
+ }
311
+ },
312
+ "lineBoxHeight": {
313
+ "$value": "{base.size.20}",
314
+ "$type": "dimension",
315
+ "$extensions": {
316
+ "org.primer.figma": {
317
+ "collection": "pattern/size",
318
+ "scopes": ["size"]
319
+ }
320
+ }
321
+ },
322
+ "paddingBlock": {
323
+ "$value": "14px",
324
+ "$type": "dimension",
325
+ "$extensions": {
326
+ "org.primer.figma": {
327
+ "collection": "pattern/size",
328
+ "scopes": ["gap"]
329
+ }
330
+ }
331
+ },
332
+ "paddingInline": {
333
+ "normal": {
334
+ "$value": "{base.size.12}",
335
+ "$type": "dimension",
336
+ "$extensions": {
337
+ "org.primer.figma": {
338
+ "collection": "pattern/size",
339
+ "scopes": ["gap"]
340
+ }
341
+ }
342
+ },
343
+ "spacious": {
344
+ "$value": "{base.size.16}",
345
+ "$type": "dimension",
346
+ "$extensions": {
347
+ "org.primer.figma": {
348
+ "collection": "pattern/size",
349
+ "scopes": ["gap"]
350
+ }
351
+ }
352
+ }
353
+ },
354
+ "gap": {
355
+ "$value": "{base.size.8}",
356
+ "$type": "dimension",
357
+ "$extensions": {
358
+ "org.primer.figma": {
359
+ "collection": "pattern/size",
360
+ "scopes": ["gap"]
361
+ }
362
+ }
363
+ }
364
+ }
365
+ },
366
+ "spinner": {
367
+ "strokeWidth": {
368
+ "default": {
369
+ "$value": "2px",
370
+ "$type": "dimension"
371
+ }
372
+ },
373
+ "size": {
374
+ "small": {
375
+ "$value": "{base.size.16}",
376
+ "$type": "dimension",
377
+ "$extensions": {
378
+ "org.primer.figma": {
379
+ "collection": "pattern/size",
380
+ "scopes": ["size"]
381
+ }
382
+ }
383
+ },
384
+ "medium": {
385
+ "$value": "{base.size.32}",
386
+ "$type": "dimension",
387
+ "$extensions": {
388
+ "org.primer.figma": {
389
+ "collection": "pattern/size",
390
+ "scopes": ["size"]
391
+ }
392
+ }
393
+ },
394
+ "large": {
395
+ "$value": "{base.size.64}",
396
+ "$type": "dimension",
397
+ "$extensions": {
398
+ "org.primer.figma": {
399
+ "collection": "pattern/size",
400
+ "scopes": ["size"]
401
+ }
402
+ }
403
+ }
404
+ }
405
+ },
406
+ "stack": {
407
+ "padding": {
408
+ "condensed": {
409
+ "$value": "{base.size.8}",
410
+ "$type": "dimension",
411
+ "$extensions": {
412
+ "org.primer.figma": {
413
+ "collection": "pattern/size",
414
+ "scopes": ["gap"],
415
+ "group": "component",
416
+ "codeSyntax": {
417
+ "web": "var(--stack-padding-condensed) /* utility class: .p-2 */"
418
+ }
419
+ }
420
+ }
421
+ },
422
+ "normal": {
423
+ "$value": "{base.size.16}",
424
+ "$type": "dimension",
425
+ "$extensions": {
426
+ "org.primer.figma": {
427
+ "collection": "pattern/size",
428
+ "group": "component",
429
+ "scopes": ["gap"],
430
+ "codeSyntax": {
431
+ "web": "var(--stack-padding-normal) /* utility class: .p-3 */"
432
+ }
433
+ }
434
+ }
435
+ },
436
+ "spacious": {
437
+ "$value": "{base.size.24}",
438
+ "$type": "dimension",
439
+ "$extensions": {
440
+ "org.primer.figma": {
441
+ "collection": "pattern/size",
442
+ "group": "component",
443
+ "scopes": ["gap"],
444
+ "codeSyntax": {
445
+ "web": "var(--stack-padding-spacious) /* utility class: .p-4 */"
446
+ }
447
+ }
448
+ }
449
+ }
450
+ },
451
+ "gap": {
452
+ "condensed": {
453
+ "$value": "{base.size.8}",
454
+ "$type": "dimension",
455
+ "$extensions": {
456
+ "org.primer.figma": {
457
+ "collection": "pattern/size",
458
+ "group": "component",
459
+ "scopes": ["gap"],
460
+ "codeSyntax": {
461
+ "web": "var(--stack-gap-condensed) /* utility class: .gap-2 */"
462
+ }
463
+ }
464
+ }
465
+ },
466
+ "normal": {
467
+ "$value": "{base.size.16}",
468
+ "$type": "dimension",
469
+ "$extensions": {
470
+ "org.primer.figma": {
471
+ "collection": "pattern/size",
472
+ "group": "component",
473
+ "scopes": ["gap"],
474
+ "codeSyntax": {
475
+ "web": "var(--stack-gap-normal) /* utility class: .gap-3 */"
476
+ }
477
+ }
478
+ }
479
+ },
480
+ "spacious": {
481
+ "$value": "{base.size.24}",
482
+ "$type": "dimension",
483
+ "$extensions": {
484
+ "org.primer.figma": {
485
+ "collection": "pattern/size",
486
+ "group": "component",
487
+ "scopes": ["gap"],
488
+ "codeSyntax": {
489
+ "web": "var(--stack-gap-spacious) /* utility class: .gap-4 */"
490
+ }
491
+ }
492
+ }
493
+ }
494
+ }
495
+ },
496
+ "controlStack": {
497
+ "small": {
498
+ "gap": {
499
+ "condensed": {
500
+ "$value": "{base.size.8}",
501
+ "$type": "dimension",
502
+ "$extensions": {
503
+ "org.primer.figma": {
504
+ "collection": "pattern/size",
505
+ "scopes": ["gap"]
506
+ }
507
+ }
508
+ },
509
+ "spacious": {
510
+ "$value": "{base.size.16}",
511
+ "$type": "dimension",
512
+ "$extensions": {
513
+ "org.primer.figma": {
514
+ "collection": "pattern/size",
515
+ "scopes": ["gap"]
516
+ }
517
+ }
518
+ }
519
+ }
520
+ },
521
+ "medium": {
522
+ "gap": {
523
+ "condensed": {
524
+ "$value": "{base.size.8}",
525
+ "$type": "dimension",
526
+ "$extensions": {
527
+ "org.primer.figma": {
528
+ "collection": "pattern/size",
529
+ "scopes": ["gap"]
530
+ }
531
+ }
532
+ },
533
+ "spacious": {
534
+ "$value": "{base.size.12}",
535
+ "$type": "dimension",
536
+ "$extensions": {
537
+ "org.primer.figma": {
538
+ "collection": "pattern/size",
539
+ "scopes": ["gap"]
540
+ }
541
+ }
542
+ }
543
+ }
544
+ },
545
+ "large": {
546
+ "gap": {
547
+ "auto": {
548
+ "$value": "{base.size.8}",
549
+ "$type": "dimension",
550
+ "$extensions": {
551
+ "org.primer.figma": {
552
+ "collection": "pattern/size",
553
+ "scopes": ["gap"]
554
+ }
555
+ }
556
+ },
557
+ "condensed": {
558
+ "$value": "{base.size.8}",
559
+ "$type": "dimension",
560
+ "$extensions": {
561
+ "org.primer.figma": {
562
+ "collection": "pattern/size",
563
+ "scopes": ["gap"]
564
+ }
565
+ }
566
+ },
567
+ "spacious": {
568
+ "$value": "{base.size.12}",
569
+ "$type": "dimension",
570
+ "$extensions": {
571
+ "org.primer.figma": {
572
+ "collection": "pattern/size",
573
+ "scopes": ["gap"]
574
+ }
575
+ }
576
+ }
577
+ }
578
+ }
579
+ },
580
+ "overlay": {
581
+ "width": {
582
+ "xsmall": {
583
+ "$value": "192px",
584
+ "$type": "dimension",
585
+ "$extensions": {
586
+ "org.primer.figma": {
587
+ "collection": "pattern/size",
588
+ "scopes": ["size"]
589
+ }
590
+ }
591
+ },
592
+ "small": {
593
+ "$value": "320px",
594
+ "$type": "dimension",
595
+ "$extensions": {
596
+ "org.primer.figma": {
597
+ "collection": "pattern/size",
598
+ "scopes": ["size"]
599
+ }
600
+ }
601
+ },
602
+ "medium": {
603
+ "$value": "480px",
604
+ "$type": "dimension",
605
+ "$extensions": {
606
+ "org.primer.figma": {
607
+ "collection": "pattern/size",
608
+ "scopes": ["size"]
609
+ }
610
+ }
611
+ },
612
+ "large": {
613
+ "$value": "640px",
614
+ "$type": "dimension",
615
+ "$extensions": {
616
+ "org.primer.figma": {
617
+ "collection": "pattern/size",
618
+ "scopes": ["size"]
619
+ }
620
+ }
621
+ },
622
+ "xlarge": {
623
+ "$value": "960px",
624
+ "$type": "dimension",
625
+ "$extensions": {
626
+ "org.primer.figma": {
627
+ "collection": "pattern/size",
628
+ "scopes": ["size"]
629
+ }
630
+ }
631
+ }
632
+ },
633
+ "height": {
634
+ "small": {
635
+ "$value": "256px",
636
+ "$type": "dimension",
637
+ "$extensions": {
638
+ "org.primer.figma": {
639
+ "collection": "pattern/size",
640
+ "scopes": ["size"]
641
+ }
642
+ }
643
+ },
644
+ "medium": {
645
+ "$value": "320px",
646
+ "$type": "dimension",
647
+ "$extensions": {
648
+ "org.primer.figma": {
649
+ "collection": "pattern/size",
650
+ "scopes": ["size"]
651
+ }
652
+ }
653
+ },
654
+ "large": {
655
+ "$value": "432px",
656
+ "$type": "dimension",
657
+ "$extensions": {
658
+ "org.primer.figma": {
659
+ "collection": "pattern/size",
660
+ "scopes": ["size"]
661
+ }
662
+ }
663
+ },
664
+ "xlarge": {
665
+ "$value": "600px",
666
+ "$type": "dimension",
667
+ "$extensions": {
668
+ "org.primer.figma": {
669
+ "collection": "pattern/size",
670
+ "scopes": ["size"]
671
+ }
672
+ }
673
+ }
674
+ },
675
+ "padding": {
676
+ "normal": {
677
+ "$value": "{base.size.16}",
678
+ "$type": "dimension",
679
+ "$extensions": {
680
+ "org.primer.figma": {
681
+ "collection": "pattern/size",
682
+ "scopes": ["gap"]
683
+ }
684
+ }
685
+ },
686
+ "condensed": {
687
+ "$value": "{base.size.8}",
688
+ "$type": "dimension",
689
+ "$extensions": {
690
+ "org.primer.figma": {
691
+ "collection": "pattern/size",
692
+ "scopes": ["gap"]
693
+ }
694
+ }
695
+ }
696
+ },
697
+ "paddingBlock": {
698
+ "condensed": {
699
+ "$value": "{base.size.4}",
700
+ "$type": "dimension",
701
+ "$extensions": {
702
+ "org.primer.figma": {
703
+ "collection": "pattern/size",
704
+ "scopes": ["gap"]
705
+ }
706
+ }
707
+ },
708
+ "normal": {
709
+ "$value": "{base.size.12}",
710
+ "$type": "dimension",
711
+ "$extensions": {
712
+ "org.primer.figma": {
713
+ "collection": "pattern/size",
714
+ "scopes": ["gap"]
715
+ }
716
+ }
717
+ }
718
+ },
719
+ "borderRadius": {
720
+ "$value": "{borderRadius.medium}",
721
+ "$type": "dimension",
722
+ "$extensions": {
723
+ "org.primer.figma": {
724
+ "collection": "pattern/size",
725
+ "scopes": ["radius"]
726
+ }
727
+ }
728
+ },
729
+ "offset": {
730
+ "$value": "4px",
731
+ "$type": "dimension",
732
+ "$extensions": {
733
+ "org.primer.figma": {
734
+ "collection": "pattern/size",
735
+ "scopes": ["size"]
736
+ }
737
+ }
738
+ }
739
+ }
740
+ }