@primer/primitives 7.12.0-rc.fd97c40 → 7.12.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 (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 +6 -0
  4. package/tokens-next-private/css/functional/themes/dark-colorblind.css +2 -0
  5. package/tokens-next-private/css/functional/themes/dark-dimmed.css +2 -0
  6. package/tokens-next-private/css/functional/themes/dark-high-contrast.css +2 -0
  7. package/tokens-next-private/css/functional/themes/dark-tritanopia.css +2 -0
  8. package/tokens-next-private/css/functional/themes/dark.css +2 -0
  9. package/tokens-next-private/css/functional/themes/light-colorblind.css +2 -0
  10. package/tokens-next-private/css/functional/themes/light-high-contrast.css +2 -0
  11. package/tokens-next-private/css/functional/themes/light-tritanopia.css +2 -0
  12. package/tokens-next-private/css/functional/themes/light.css +2 -0
  13. package/tokens-next-private/docs/functional/size/size.json +298 -88
  14. package/tokens-next-private/docs/functional/themes/dark-colorblind.json +28 -1
  15. package/tokens-next-private/docs/functional/themes/dark-dimmed.json +28 -1
  16. package/tokens-next-private/docs/functional/themes/dark-high-contrast.json +28 -1
  17. package/tokens-next-private/docs/functional/themes/dark-tritanopia.json +28 -1
  18. package/tokens-next-private/docs/functional/themes/dark.json +28 -1
  19. package/tokens-next-private/docs/functional/themes/light-colorblind.json +27 -0
  20. package/tokens-next-private/docs/functional/themes/light-high-contrast.json +27 -0
  21. package/tokens-next-private/docs/functional/themes/light-tritanopia.json +27 -0
  22. package/tokens-next-private/docs/functional/themes/light.json +27 -0
  23. package/tokens-next-private/fallbacks/color-fallbacks.json +12 -11
  24. package/tokens-next-private/fallbacks/functional/size/size.json +6 -0
  25. package/tokens-next-private/figma/dimension/dimension.json +188 -84
  26. package/tokens-next-private/figma/figma.json +3 -0
  27. package/tokens-next-private/figma/themes/dark.json +109 -94
  28. package/tokens-next-private/figma/themes/light.json +114 -99
  29. package/tokens-next-private/scss/functional/size/size.scss +6 -0
  30. package/tokens-next-private/scss/functional/themes/dark-colorblind.scss +1 -0
  31. package/tokens-next-private/scss/functional/themes/dark-dimmed.scss +1 -0
  32. package/tokens-next-private/scss/functional/themes/dark-high-contrast.scss +1 -0
  33. package/tokens-next-private/scss/functional/themes/dark-tritanopia.scss +1 -0
  34. package/tokens-next-private/scss/functional/themes/dark.scss +1 -0
  35. package/tokens-next-private/scss/functional/themes/light-colorblind.scss +1 -0
  36. package/tokens-next-private/scss/functional/themes/light-high-contrast.scss +1 -0
  37. package/tokens-next-private/scss/functional/themes/light-tritanopia.scss +1 -0
  38. package/tokens-next-private/scss/functional/themes/light.scss +1 -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
@@ -36,6 +36,60 @@
36
36
  "mode": "default",
37
37
  "scopes": ["CORNER_RADIUS"]
38
38
  },
39
+ {
40
+ "name": "control/xlarge/paddingBlock",
41
+ "value": 14,
42
+ "type": "FLOAT",
43
+ "refId": "pattern/size/control/xlarge/paddingBlock",
44
+ "collection": "pattern/size",
45
+ "mode": "default",
46
+ "scopes": ["GAP"]
47
+ },
48
+ {
49
+ "name": "control/large/paddingBlock",
50
+ "value": 10,
51
+ "type": "FLOAT",
52
+ "refId": "pattern/size/control/large/paddingBlock",
53
+ "collection": "pattern/size",
54
+ "mode": "default",
55
+ "scopes": ["GAP"]
56
+ },
57
+ {
58
+ "name": "control/medium/paddingBlock",
59
+ "value": 6,
60
+ "type": "FLOAT",
61
+ "refId": "pattern/size/control/medium/paddingBlock",
62
+ "collection": "pattern/size",
63
+ "mode": "default",
64
+ "scopes": ["GAP"]
65
+ },
66
+ {
67
+ "name": "control/xsmall/paddingBlock",
68
+ "value": 2,
69
+ "type": "FLOAT",
70
+ "refId": "pattern/size/control/xsmall/paddingBlock",
71
+ "collection": "pattern/size",
72
+ "mode": "default",
73
+ "scopes": ["GAP"]
74
+ },
75
+ {
76
+ "name": "space/small",
77
+ "value": 6,
78
+ "type": "FLOAT",
79
+ "refId": "functional/size/space/small",
80
+ "collection": "functional/size",
81
+ "mode": "default",
82
+ "scopes": ["GAP"]
83
+ },
84
+ {
85
+ "name": "space/xxsmall",
86
+ "value": 2,
87
+ "type": "FLOAT",
88
+ "refId": "functional/size/space/xxsmall",
89
+ "collection": "functional/size",
90
+ "mode": "default",
91
+ "scopes": ["GAP"]
92
+ },
39
93
  {
40
94
  "name": "breakpoint/xxlarge",
41
95
  "value": 1440,
@@ -247,9 +301,9 @@
247
301
  "name": "controlStack/large/gap/spacious",
248
302
  "value": 12,
249
303
  "type": "FLOAT",
250
- "refId": "functional/size/controlStack/large/gap/spacious",
304
+ "refId": "pattern/size/controlStack/large/gap/spacious",
251
305
  "reference": "base/size/base/size/12",
252
- "collection": "functional/size",
306
+ "collection": "pattern/size",
253
307
  "mode": "default",
254
308
  "scopes": ["GAP"]
255
309
  },
@@ -257,9 +311,9 @@
257
311
  "name": "controlStack/large/gap/condensed",
258
312
  "value": 8,
259
313
  "type": "FLOAT",
260
- "refId": "functional/size/controlStack/large/gap/condensed",
314
+ "refId": "pattern/size/controlStack/large/gap/condensed",
261
315
  "reference": "base/size/base/size/8",
262
- "collection": "functional/size",
316
+ "collection": "pattern/size",
263
317
  "mode": "default",
264
318
  "scopes": ["GAP"]
265
319
  },
@@ -267,9 +321,9 @@
267
321
  "name": "controlStack/large/gap/auto",
268
322
  "value": 8,
269
323
  "type": "FLOAT",
270
- "refId": "functional/size/controlStack/large/gap/auto",
324
+ "refId": "pattern/size/controlStack/large/gap/auto",
271
325
  "reference": "base/size/base/size/8",
272
- "collection": "functional/size",
326
+ "collection": "pattern/size",
273
327
  "mode": "default",
274
328
  "scopes": ["GAP"]
275
329
  },
@@ -277,9 +331,9 @@
277
331
  "name": "controlStack/medium/gap/spacious",
278
332
  "value": 12,
279
333
  "type": "FLOAT",
280
- "refId": "functional/size/controlStack/medium/gap/spacious",
334
+ "refId": "pattern/size/controlStack/medium/gap/spacious",
281
335
  "reference": "base/size/base/size/12",
282
- "collection": "functional/size",
336
+ "collection": "pattern/size",
283
337
  "mode": "default",
284
338
  "scopes": ["GAP"]
285
339
  },
@@ -287,9 +341,9 @@
287
341
  "name": "controlStack/medium/gap/condensed",
288
342
  "value": 8,
289
343
  "type": "FLOAT",
290
- "refId": "functional/size/controlStack/medium/gap/condensed",
344
+ "refId": "pattern/size/controlStack/medium/gap/condensed",
291
345
  "reference": "base/size/base/size/8",
292
- "collection": "functional/size",
346
+ "collection": "pattern/size",
293
347
  "mode": "default",
294
348
  "scopes": ["GAP"]
295
349
  },
@@ -297,9 +351,9 @@
297
351
  "name": "controlStack/small/gap/spacious",
298
352
  "value": 16,
299
353
  "type": "FLOAT",
300
- "refId": "functional/size/controlStack/small/gap/spacious",
354
+ "refId": "pattern/size/controlStack/small/gap/spacious",
301
355
  "reference": "base/size/base/size/16",
302
- "collection": "functional/size",
356
+ "collection": "pattern/size",
303
357
  "mode": "default",
304
358
  "scopes": ["GAP"]
305
359
  },
@@ -307,9 +361,9 @@
307
361
  "name": "controlStack/small/gap/condensed",
308
362
  "value": 8,
309
363
  "type": "FLOAT",
310
- "refId": "functional/size/controlStack/small/gap/condensed",
364
+ "refId": "pattern/size/controlStack/small/gap/condensed",
311
365
  "reference": "base/size/base/size/8",
312
- "collection": "functional/size",
366
+ "collection": "pattern/size",
313
367
  "mode": "default",
314
368
  "scopes": ["GAP"]
315
369
  },
@@ -317,9 +371,9 @@
317
371
  "name": "stack/gap/spacious",
318
372
  "value": 24,
319
373
  "type": "FLOAT",
320
- "refId": "functional/size/stack/gap/spacious",
374
+ "refId": "pattern/size/stack/gap/spacious",
321
375
  "reference": "base/size/base/size/24",
322
- "collection": "functional/size",
376
+ "collection": "pattern/size",
323
377
  "mode": "default",
324
378
  "scopes": ["GAP"]
325
379
  },
@@ -327,9 +381,9 @@
327
381
  "name": "stack/gap/normal",
328
382
  "value": 16,
329
383
  "type": "FLOAT",
330
- "refId": "functional/size/stack/gap/normal",
384
+ "refId": "pattern/size/stack/gap/normal",
331
385
  "reference": "base/size/base/size/16",
332
- "collection": "functional/size",
386
+ "collection": "pattern/size",
333
387
  "mode": "default",
334
388
  "scopes": ["GAP"]
335
389
  },
@@ -337,9 +391,9 @@
337
391
  "name": "stack/gap/condensed",
338
392
  "value": 8,
339
393
  "type": "FLOAT",
340
- "refId": "functional/size/stack/gap/condensed",
394
+ "refId": "pattern/size/stack/gap/condensed",
341
395
  "reference": "base/size/base/size/8",
342
- "collection": "functional/size",
396
+ "collection": "pattern/size",
343
397
  "mode": "default",
344
398
  "scopes": ["GAP"]
345
399
  },
@@ -347,9 +401,9 @@
347
401
  "name": "stack/padding/spacious",
348
402
  "value": 24,
349
403
  "type": "FLOAT",
350
- "refId": "functional/size/stack/padding/spacious",
404
+ "refId": "pattern/size/stack/padding/spacious",
351
405
  "reference": "base/size/base/size/24",
352
- "collection": "functional/size",
406
+ "collection": "pattern/size",
353
407
  "mode": "default",
354
408
  "scopes": ["GAP"]
355
409
  },
@@ -357,9 +411,9 @@
357
411
  "name": "stack/padding/normal",
358
412
  "value": 16,
359
413
  "type": "FLOAT",
360
- "refId": "functional/size/stack/padding/normal",
414
+ "refId": "pattern/size/stack/padding/normal",
361
415
  "reference": "base/size/base/size/16",
362
- "collection": "functional/size",
416
+ "collection": "pattern/size",
363
417
  "mode": "default",
364
418
  "scopes": ["GAP"]
365
419
  },
@@ -367,9 +421,9 @@
367
421
  "name": "stack/padding/condensed",
368
422
  "value": 8,
369
423
  "type": "FLOAT",
370
- "refId": "functional/size/stack/padding/condensed",
424
+ "refId": "pattern/size/stack/padding/condensed",
371
425
  "reference": "base/size/base/size/8",
372
- "collection": "functional/size",
426
+ "collection": "pattern/size",
373
427
  "mode": "default",
374
428
  "scopes": ["GAP"]
375
429
  },
@@ -377,9 +431,9 @@
377
431
  "name": "control/xlarge/gap",
378
432
  "value": 8,
379
433
  "type": "FLOAT",
380
- "refId": "functional/size/control/xlarge/gap",
434
+ "refId": "pattern/size/control/xlarge/gap",
381
435
  "reference": "base/size/base/size/8",
382
- "collection": "functional/size",
436
+ "collection": "pattern/size",
383
437
  "mode": "default",
384
438
  "scopes": ["GAP"]
385
439
  },
@@ -387,9 +441,9 @@
387
441
  "name": "control/xlarge/paddingInline/spacious",
388
442
  "value": 16,
389
443
  "type": "FLOAT",
390
- "refId": "functional/size/control/xlarge/paddingInline/spacious",
444
+ "refId": "pattern/size/control/xlarge/paddingInline/spacious",
391
445
  "reference": "base/size/base/size/16",
392
- "collection": "functional/size",
446
+ "collection": "pattern/size",
393
447
  "mode": "default",
394
448
  "scopes": ["GAP"]
395
449
  },
@@ -397,9 +451,9 @@
397
451
  "name": "control/xlarge/paddingInline/normal",
398
452
  "value": 12,
399
453
  "type": "FLOAT",
400
- "refId": "functional/size/control/xlarge/paddingInline/normal",
454
+ "refId": "pattern/size/control/xlarge/paddingInline/normal",
401
455
  "reference": "base/size/base/size/12",
402
- "collection": "functional/size",
456
+ "collection": "pattern/size",
403
457
  "mode": "default",
404
458
  "scopes": ["GAP"]
405
459
  },
@@ -407,9 +461,9 @@
407
461
  "name": "control/xlarge/lineBoxHeight",
408
462
  "value": 20,
409
463
  "type": "FLOAT",
410
- "refId": "functional/size/control/xlarge/lineBoxHeight",
464
+ "refId": "pattern/size/control/xlarge/lineBoxHeight",
411
465
  "reference": "base/size/base/size/20",
412
- "collection": "functional/size",
466
+ "collection": "pattern/size",
413
467
  "mode": "default",
414
468
  "scopes": ["WIDTH_HEIGHT"]
415
469
  },
@@ -417,9 +471,9 @@
417
471
  "name": "control/xlarge/size",
418
472
  "value": 48,
419
473
  "type": "FLOAT",
420
- "refId": "functional/size/control/xlarge/size",
474
+ "refId": "pattern/size/control/xlarge/size",
421
475
  "reference": "base/size/base/size/48",
422
- "collection": "functional/size",
476
+ "collection": "pattern/size",
423
477
  "mode": "default",
424
478
  "scopes": ["WIDTH_HEIGHT"]
425
479
  },
@@ -427,9 +481,9 @@
427
481
  "name": "control/large/gap",
428
482
  "value": 8,
429
483
  "type": "FLOAT",
430
- "refId": "functional/size/control/large/gap",
484
+ "refId": "pattern/size/control/large/gap",
431
485
  "reference": "base/size/base/size/8",
432
- "collection": "functional/size",
486
+ "collection": "pattern/size",
433
487
  "mode": "default",
434
488
  "scopes": ["GAP"]
435
489
  },
@@ -437,9 +491,9 @@
437
491
  "name": "control/large/paddingInline/spacious",
438
492
  "value": 16,
439
493
  "type": "FLOAT",
440
- "refId": "functional/size/control/large/paddingInline/spacious",
494
+ "refId": "pattern/size/control/large/paddingInline/spacious",
441
495
  "reference": "base/size/base/size/16",
442
- "collection": "functional/size",
496
+ "collection": "pattern/size",
443
497
  "mode": "default",
444
498
  "scopes": ["GAP"]
445
499
  },
@@ -447,9 +501,9 @@
447
501
  "name": "control/large/paddingInline/normal",
448
502
  "value": 12,
449
503
  "type": "FLOAT",
450
- "refId": "functional/size/control/large/paddingInline/normal",
504
+ "refId": "pattern/size/control/large/paddingInline/normal",
451
505
  "reference": "base/size/base/size/12",
452
- "collection": "functional/size",
506
+ "collection": "pattern/size",
453
507
  "mode": "default",
454
508
  "scopes": ["GAP"]
455
509
  },
@@ -457,9 +511,9 @@
457
511
  "name": "control/large/lineBoxHeight",
458
512
  "value": 20,
459
513
  "type": "FLOAT",
460
- "refId": "functional/size/control/large/lineBoxHeight",
514
+ "refId": "pattern/size/control/large/lineBoxHeight",
461
515
  "reference": "base/size/base/size/20",
462
- "collection": "functional/size",
516
+ "collection": "pattern/size",
463
517
  "mode": "default",
464
518
  "scopes": ["WIDTH_HEIGHT"]
465
519
  },
@@ -467,9 +521,9 @@
467
521
  "name": "control/large/size",
468
522
  "value": 40,
469
523
  "type": "FLOAT",
470
- "refId": "functional/size/control/large/size",
524
+ "refId": "pattern/size/control/large/size",
471
525
  "reference": "base/size/base/size/40",
472
- "collection": "functional/size",
526
+ "collection": "pattern/size",
473
527
  "mode": "default",
474
528
  "scopes": ["WIDTH_HEIGHT"]
475
529
  },
@@ -477,9 +531,9 @@
477
531
  "name": "control/medium/gap",
478
532
  "value": 8,
479
533
  "type": "FLOAT",
480
- "refId": "functional/size/control/medium/gap",
534
+ "refId": "pattern/size/control/medium/gap",
481
535
  "reference": "base/size/base/size/8",
482
- "collection": "functional/size",
536
+ "collection": "pattern/size",
483
537
  "mode": "default",
484
538
  "scopes": ["GAP"]
485
539
  },
@@ -487,9 +541,9 @@
487
541
  "name": "control/medium/paddingInline/spacious",
488
542
  "value": 16,
489
543
  "type": "FLOAT",
490
- "refId": "functional/size/control/medium/paddingInline/spacious",
544
+ "refId": "pattern/size/control/medium/paddingInline/spacious",
491
545
  "reference": "base/size/base/size/16",
492
- "collection": "functional/size",
546
+ "collection": "pattern/size",
493
547
  "mode": "default",
494
548
  "scopes": ["GAP"]
495
549
  },
@@ -497,9 +551,9 @@
497
551
  "name": "control/medium/paddingInline/normal",
498
552
  "value": 12,
499
553
  "type": "FLOAT",
500
- "refId": "functional/size/control/medium/paddingInline/normal",
554
+ "refId": "pattern/size/control/medium/paddingInline/normal",
501
555
  "reference": "base/size/base/size/12",
502
- "collection": "functional/size",
556
+ "collection": "pattern/size",
503
557
  "mode": "default",
504
558
  "scopes": ["GAP"]
505
559
  },
@@ -507,9 +561,9 @@
507
561
  "name": "control/medium/paddingInline/condensed",
508
562
  "value": 8,
509
563
  "type": "FLOAT",
510
- "refId": "functional/size/control/medium/paddingInline/condensed",
564
+ "refId": "pattern/size/control/medium/paddingInline/condensed",
511
565
  "reference": "base/size/base/size/8",
512
- "collection": "functional/size",
566
+ "collection": "pattern/size",
513
567
  "mode": "default",
514
568
  "scopes": ["GAP"]
515
569
  },
@@ -517,9 +571,9 @@
517
571
  "name": "control/medium/lineBoxHeight",
518
572
  "value": 20,
519
573
  "type": "FLOAT",
520
- "refId": "functional/size/control/medium/lineBoxHeight",
574
+ "refId": "pattern/size/control/medium/lineBoxHeight",
521
575
  "reference": "base/size/base/size/20",
522
- "collection": "functional/size",
576
+ "collection": "pattern/size",
523
577
  "mode": "default",
524
578
  "scopes": ["WIDTH_HEIGHT"]
525
579
  },
@@ -527,9 +581,9 @@
527
581
  "name": "control/medium/size",
528
582
  "value": 32,
529
583
  "type": "FLOAT",
530
- "refId": "functional/size/control/medium/size",
584
+ "refId": "pattern/size/control/medium/size",
531
585
  "reference": "base/size/base/size/32",
532
- "collection": "functional/size",
586
+ "collection": "pattern/size",
533
587
  "mode": "default",
534
588
  "scopes": ["WIDTH_HEIGHT"]
535
589
  },
@@ -537,9 +591,9 @@
537
591
  "name": "control/small/gap",
538
592
  "value": 4,
539
593
  "type": "FLOAT",
540
- "refId": "functional/size/control/small/gap",
594
+ "refId": "pattern/size/control/small/gap",
541
595
  "reference": "base/size/base/size/4",
542
- "collection": "functional/size",
596
+ "collection": "pattern/size",
543
597
  "mode": "default",
544
598
  "scopes": ["GAP"]
545
599
  },
@@ -547,9 +601,9 @@
547
601
  "name": "control/small/paddingInline/normal",
548
602
  "value": 12,
549
603
  "type": "FLOAT",
550
- "refId": "functional/size/control/small/paddingInline/normal",
604
+ "refId": "pattern/size/control/small/paddingInline/normal",
551
605
  "reference": "base/size/base/size/12",
552
- "collection": "functional/size",
606
+ "collection": "pattern/size",
553
607
  "mode": "default",
554
608
  "scopes": ["GAP"]
555
609
  },
@@ -557,9 +611,19 @@
557
611
  "name": "control/small/paddingInline/condensed",
558
612
  "value": 8,
559
613
  "type": "FLOAT",
560
- "refId": "functional/size/control/small/paddingInline/condensed",
614
+ "refId": "pattern/size/control/small/paddingInline/condensed",
561
615
  "reference": "base/size/base/size/8",
562
- "collection": "functional/size",
616
+ "collection": "pattern/size",
617
+ "mode": "default",
618
+ "scopes": ["GAP"]
619
+ },
620
+ {
621
+ "name": "control/small/paddingBlock",
622
+ "value": 4,
623
+ "type": "FLOAT",
624
+ "refId": "pattern/size/control/small/paddingBlock",
625
+ "reference": "base/size/base/size/4",
626
+ "collection": "pattern/size",
563
627
  "mode": "default",
564
628
  "scopes": ["GAP"]
565
629
  },
@@ -567,9 +631,9 @@
567
631
  "name": "control/small/lineBoxHeight",
568
632
  "value": 20,
569
633
  "type": "FLOAT",
570
- "refId": "functional/size/control/small/lineBoxHeight",
634
+ "refId": "pattern/size/control/small/lineBoxHeight",
571
635
  "reference": "base/size/base/size/20",
572
- "collection": "functional/size",
636
+ "collection": "pattern/size",
573
637
  "mode": "default",
574
638
  "scopes": ["WIDTH_HEIGHT"]
575
639
  },
@@ -577,9 +641,9 @@
577
641
  "name": "control/small/size",
578
642
  "value": 28,
579
643
  "type": "FLOAT",
580
- "refId": "functional/size/control/small/size",
644
+ "refId": "pattern/size/control/small/size",
581
645
  "reference": "base/size/base/size/28",
582
- "collection": "functional/size",
646
+ "collection": "pattern/size",
583
647
  "mode": "default",
584
648
  "scopes": ["WIDTH_HEIGHT"]
585
649
  },
@@ -587,9 +651,9 @@
587
651
  "name": "control/xsmall/gap",
588
652
  "value": 4,
589
653
  "type": "FLOAT",
590
- "refId": "functional/size/control/xsmall/gap",
654
+ "refId": "pattern/size/control/xsmall/gap",
591
655
  "reference": "base/size/base/size/4",
592
- "collection": "functional/size",
656
+ "collection": "pattern/size",
593
657
  "mode": "default",
594
658
  "scopes": ["GAP"]
595
659
  },
@@ -597,9 +661,9 @@
597
661
  "name": "control/xsmall/paddingInline/spacious",
598
662
  "value": 12,
599
663
  "type": "FLOAT",
600
- "refId": "functional/size/control/xsmall/paddingInline/spacious",
664
+ "refId": "pattern/size/control/xsmall/paddingInline/spacious",
601
665
  "reference": "base/size/base/size/12",
602
- "collection": "functional/size",
666
+ "collection": "pattern/size",
603
667
  "mode": "default",
604
668
  "scopes": ["GAP"]
605
669
  },
@@ -607,9 +671,9 @@
607
671
  "name": "control/xsmall/paddingInline/normal",
608
672
  "value": 8,
609
673
  "type": "FLOAT",
610
- "refId": "functional/size/control/xsmall/paddingInline/normal",
674
+ "refId": "pattern/size/control/xsmall/paddingInline/normal",
611
675
  "reference": "base/size/base/size/8",
612
- "collection": "functional/size",
676
+ "collection": "pattern/size",
613
677
  "mode": "default",
614
678
  "scopes": ["GAP"]
615
679
  },
@@ -617,9 +681,9 @@
617
681
  "name": "control/xsmall/paddingInline/condensed",
618
682
  "value": 4,
619
683
  "type": "FLOAT",
620
- "refId": "functional/size/control/xsmall/paddingInline/condensed",
684
+ "refId": "pattern/size/control/xsmall/paddingInline/condensed",
621
685
  "reference": "base/size/base/size/4",
622
- "collection": "functional/size",
686
+ "collection": "pattern/size",
623
687
  "mode": "default",
624
688
  "scopes": ["GAP"]
625
689
  },
@@ -627,9 +691,9 @@
627
691
  "name": "control/xsmall/lineBoxHeight",
628
692
  "value": 20,
629
693
  "type": "FLOAT",
630
- "refId": "functional/size/control/xsmall/lineBoxHeight",
694
+ "refId": "pattern/size/control/xsmall/lineBoxHeight",
631
695
  "reference": "base/size/base/size/20",
632
- "collection": "functional/size",
696
+ "collection": "pattern/size",
633
697
  "mode": "default",
634
698
  "scopes": ["WIDTH_HEIGHT"]
635
699
  },
@@ -637,9 +701,9 @@
637
701
  "name": "control/xsmall/size",
638
702
  "value": 24,
639
703
  "type": "FLOAT",
640
- "refId": "functional/size/control/xsmall/size",
704
+ "refId": "pattern/size/control/xsmall/size",
641
705
  "reference": "base/size/base/size/24",
642
- "collection": "functional/size",
706
+ "collection": "pattern/size",
643
707
  "mode": "default",
644
708
  "scopes": ["WIDTH_HEIGHT"]
645
709
  },
@@ -647,9 +711,9 @@
647
711
  "name": "control/minTarget/coarse",
648
712
  "value": 44,
649
713
  "type": "FLOAT",
650
- "refId": "functional/size/control/minTarget/coarse",
714
+ "refId": "pattern/size/control/minTarget/coarse",
651
715
  "reference": "base/size/base/size/44",
652
- "collection": "functional/size",
716
+ "collection": "pattern/size",
653
717
  "mode": "default",
654
718
  "scopes": ["WIDTH_HEIGHT"]
655
719
  },
@@ -657,10 +721,50 @@
657
721
  "name": "control/minTarget/fine",
658
722
  "value": 16,
659
723
  "type": "FLOAT",
660
- "refId": "functional/size/control/minTarget/fine",
724
+ "refId": "pattern/size/control/minTarget/fine",
661
725
  "reference": "base/size/base/size/16",
662
- "collection": "functional/size",
726
+ "collection": "pattern/size",
663
727
  "mode": "default",
664
728
  "scopes": ["WIDTH_HEIGHT"]
729
+ },
730
+ {
731
+ "name": "space/xlarge",
732
+ "value": 16,
733
+ "type": "FLOAT",
734
+ "refId": "functional/size/space/xlarge",
735
+ "reference": "base/size/base/size/16",
736
+ "collection": "functional/size",
737
+ "mode": "default",
738
+ "scopes": ["GAP"]
739
+ },
740
+ {
741
+ "name": "space/large",
742
+ "value": 12,
743
+ "type": "FLOAT",
744
+ "refId": "functional/size/space/large",
745
+ "reference": "base/size/base/size/12",
746
+ "collection": "functional/size",
747
+ "mode": "default",
748
+ "scopes": ["GAP"]
749
+ },
750
+ {
751
+ "name": "space/medium",
752
+ "value": 8,
753
+ "type": "FLOAT",
754
+ "refId": "functional/size/space/medium",
755
+ "reference": "base/size/base/size/8",
756
+ "collection": "functional/size",
757
+ "mode": "default",
758
+ "scopes": ["GAP"]
759
+ },
760
+ {
761
+ "name": "space/xsmall",
762
+ "value": 4,
763
+ "type": "FLOAT",
764
+ "refId": "functional/size/space/xsmall",
765
+ "reference": "base/size/base/size/4",
766
+ "collection": "functional/size",
767
+ "mode": "default",
768
+ "scopes": ["GAP"]
665
769
  }
666
770
  ]
@@ -3,6 +3,9 @@
3
3
  "functional/size": [
4
4
  "default"
5
5
  ],
6
+ "pattern/size": [
7
+ "default"
8
+ ],
6
9
  "base/size": [
7
10
  "default"
8
11
  ],