@primer/primitives 7.12.0-rc.8bda008 → 7.12.0-rc.a39b2dd

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 (66) hide show
  1. package/README.md +21 -0
  2. package/package.json +1 -1
  3. package/tokens-next-private/docs/functional/size/size.json +137 -77
  4. package/tokens-next-private/docs/functional/themes/dark-colorblind.json +1 -1
  5. package/tokens-next-private/docs/functional/themes/dark-dimmed.json +1 -1
  6. package/tokens-next-private/docs/functional/themes/dark-high-contrast.json +1 -1
  7. package/tokens-next-private/docs/functional/themes/dark-tritanopia.json +1 -1
  8. package/tokens-next-private/docs/functional/themes/dark.json +1 -1
  9. package/tokens-next-private/fallbacks/color-fallbacks.json +11 -11
  10. package/tokens-next-private/figma/dimension/dimension.json +118 -72
  11. package/tokens-next-private/figma/figma.json +3 -0
  12. package/tokens-next-private/figma/themes/dark.json +26 -26
  13. package/tokens-next-private/figma/themes/light.json +31 -31
  14. package/tokens-v2-private/css/tokens/base/size/size.css +1 -1
  15. package/tokens-v2-private/css/tokens/base/typography/typography.css +1 -1
  16. package/tokens-v2-private/css/tokens/functional/size/border.css +1 -1
  17. package/tokens-v2-private/css/tokens/functional/size/breakpoints.css +1 -1
  18. package/tokens-v2-private/css/tokens/functional/size/size-coarse.css +1 -1
  19. package/tokens-v2-private/css/tokens/functional/size/size-fine.css +1 -1
  20. package/tokens-v2-private/css/tokens/functional/size/size.css +1 -1
  21. package/tokens-v2-private/css/tokens/functional/typography/typography.css +1 -1
  22. package/tokens-v2-private/js/module/tokens/base/size/size.js +1 -1
  23. package/tokens-v2-private/js/module/tokens/base/typography/typography.js +1 -1
  24. package/tokens-v2-private/js/module/tokens/functional/size/border.js +1 -1
  25. package/tokens-v2-private/js/module/tokens/functional/size/breakpoints.js +1 -1
  26. package/tokens-v2-private/js/module/tokens/functional/size/size-coarse.js +1 -1
  27. package/tokens-v2-private/js/module/tokens/functional/size/size-fine.js +1 -1
  28. package/tokens-v2-private/js/module/tokens/functional/size/size.js +1 -1
  29. package/tokens-v2-private/js/module/tokens/functional/size/viewport.js +1 -1
  30. package/tokens-v2-private/js/module/tokens/functional/typography/typography.js +1 -1
  31. package/tokens-v2-private/js/tokens/base/size/size.js +1 -1
  32. package/tokens-v2-private/js/tokens/base/typography/typography.js +1 -1
  33. package/tokens-v2-private/js/tokens/functional/size/border.js +1 -1
  34. package/tokens-v2-private/js/tokens/functional/size/breakpoints.js +1 -1
  35. package/tokens-v2-private/js/tokens/functional/size/size-coarse.js +1 -1
  36. package/tokens-v2-private/js/tokens/functional/size/size-fine.js +1 -1
  37. package/tokens-v2-private/js/tokens/functional/size/size.js +1 -1
  38. package/tokens-v2-private/js/tokens/functional/size/viewport.js +1 -1
  39. package/tokens-v2-private/js/tokens/functional/typography/typography.js +1 -1
  40. package/tokens-v2-private/scss/tokens/base/size/size.scss +1 -1
  41. package/tokens-v2-private/scss/tokens/base/typography/typography.scss +1 -1
  42. package/tokens-v2-private/scss/tokens/functional/size/border.scss +1 -1
  43. package/tokens-v2-private/scss/tokens/functional/size/breakpoints.scss +1 -1
  44. package/tokens-v2-private/scss/tokens/functional/size/size-coarse.scss +1 -1
  45. package/tokens-v2-private/scss/tokens/functional/size/size-fine.scss +1 -1
  46. package/tokens-v2-private/scss/tokens/functional/size/size.scss +1 -1
  47. package/tokens-v2-private/scss/tokens/functional/size/viewport.scss +1 -1
  48. package/tokens-v2-private/scss/tokens/functional/typography/typography.scss +1 -1
  49. package/tokens-v2-private/ts/tokens/base/size/size.d.ts +1 -1
  50. package/tokens-v2-private/ts/tokens/base/size/size.js +1 -1
  51. package/tokens-v2-private/ts/tokens/base/typography/typography.d.ts +1 -1
  52. package/tokens-v2-private/ts/tokens/base/typography/typography.js +1 -1
  53. package/tokens-v2-private/ts/tokens/functional/size/border.d.ts +1 -1
  54. package/tokens-v2-private/ts/tokens/functional/size/border.js +1 -1
  55. package/tokens-v2-private/ts/tokens/functional/size/breakpoints.d.ts +1 -1
  56. package/tokens-v2-private/ts/tokens/functional/size/breakpoints.js +1 -1
  57. package/tokens-v2-private/ts/tokens/functional/size/size-coarse.d.ts +1 -1
  58. package/tokens-v2-private/ts/tokens/functional/size/size-coarse.js +1 -1
  59. package/tokens-v2-private/ts/tokens/functional/size/size-fine.d.ts +1 -1
  60. package/tokens-v2-private/ts/tokens/functional/size/size-fine.js +1 -1
  61. package/tokens-v2-private/ts/tokens/functional/size/size.d.ts +1 -1
  62. package/tokens-v2-private/ts/tokens/functional/size/size.js +1 -1
  63. package/tokens-v2-private/ts/tokens/functional/size/viewport.d.ts +1 -1
  64. package/tokens-v2-private/ts/tokens/functional/size/viewport.js +1 -1
  65. package/tokens-v2-private/ts/tokens/functional/typography/typography.d.ts +1 -1
  66. package/tokens-v2-private/ts/tokens/functional/typography/typography.js +1 -1
@@ -5249,7 +5249,7 @@
5249
5249
  },
5250
5250
  "name": "fgColor-link",
5251
5251
  "attributes": {},
5252
- "path": ["fgColor", "link"]
5252
+ "path": ["fgColor", "link", "@"]
5253
5253
  },
5254
5254
  "fgColor-accent": {
5255
5255
  "value": "#2f81f7",
@@ -5255,7 +5255,7 @@
5255
5255
  },
5256
5256
  "name": "fgColor-link",
5257
5257
  "attributes": {},
5258
- "path": ["fgColor", "link"]
5258
+ "path": ["fgColor", "link", "@"]
5259
5259
  },
5260
5260
  "fgColor-accent": {
5261
5261
  "value": "#3b7cdb",
@@ -5263,7 +5263,7 @@
5263
5263
  },
5264
5264
  "name": "fgColor-link",
5265
5265
  "attributes": {},
5266
- "path": ["fgColor", "link"]
5266
+ "path": ["fgColor", "link", "@"]
5267
5267
  },
5268
5268
  "fgColor-accent": {
5269
5269
  "value": "#409eff",
@@ -5255,7 +5255,7 @@
5255
5255
  },
5256
5256
  "name": "fgColor-link",
5257
5257
  "attributes": {},
5258
- "path": ["fgColor", "link"]
5258
+ "path": ["fgColor", "link", "@"]
5259
5259
  },
5260
5260
  "fgColor-accent": {
5261
5261
  "value": "#2f81f7",
@@ -5255,7 +5255,7 @@
5255
5255
  },
5256
5256
  "name": "fgColor-link",
5257
5257
  "attributes": {},
5258
- "path": ["fgColor", "link"]
5258
+ "path": ["fgColor", "link", "@"]
5259
5259
  },
5260
5260
  "fgColor-accent": {
5261
5261
  "value": "#2f81f7",
@@ -184,7 +184,7 @@
184
184
  "--fgColor-muted": "var(--color-fg-muted)",
185
185
  "--fgColor-onEmphasis": "var(--color-fg-on-emphasis)",
186
186
  "--fgColor-disabled": "var(--color-primer-fg-disabled)",
187
- "--fgColor-link-rest": "var(--color-accent-fg)",
187
+ "--fgColor-link": "var(--color-accent-fg)",
188
188
  "--fgColor-accent": "var(--color-accent-fg)",
189
189
  "--fgColor-success": "var(--color-success-fg)",
190
190
  "--fgColor-attention": "var(--color-attention-fg)",
@@ -201,23 +201,23 @@
201
201
  "--bgColor-neutral-muted": "var(--color-neutral-subtle)",
202
202
  "--bgColor-neutral-emphasis": "var(--color-fg-subtle)",
203
203
  "--bgColor-accent-muted": "var(--color-accent-subtle)",
204
- "--bgColor-accent-emphasis": "var(--color-accent-fg)",
204
+ "--bgColor-accent-emphasis": "var(--color-accent-emphasis)",
205
205
  "--bgColor-success-muted": "var(--color-success-subtle)",
206
- "--bgColor-success-emphasis": "var(--color-success-fg)",
206
+ "--bgColor-success-emphasis": "var(--color-success-emphasis)",
207
207
  "--bgColor-attention-muted": "var(--color-attention-subtle)",
208
- "--bgColor-attention-emphasis": "var(--color-attention-fg)",
208
+ "--bgColor-attention-emphasis": "var(--color-attention-emphasis)",
209
209
  "--bgColor-severe-muted": "var(--color-severe-subtle)",
210
- "--bgColor-severe-emphasis": "var(--color-severe-fg)",
210
+ "--bgColor-severe-emphasis": "var(--color-severe-emphasis)",
211
211
  "--bgColor-danger-muted": "var(--color-danger-subtle)",
212
- "--bgColor-danger-emphasis": "var(--color-danger-fg)",
212
+ "--bgColor-danger-emphasis": "var(--color-danger-emphasis)",
213
213
  "--bgColor-open-muted": "var(--color-open-subtle)",
214
- "--bgColor-open-emphasis": "var(--color-open-fg)",
214
+ "--bgColor-open-emphasis": "var(--color-open-emphasis)",
215
215
  "--bgColor-closed-muted": "var(--color-closed-subtle)",
216
- "--bgColor-closed-emphasis": "var(--color-closed-fg)",
216
+ "--bgColor-closed-emphasis": "var(--color-closed-emphasis)",
217
217
  "--bgColor-done-muted": "var(--color-done-subtle)",
218
- "--bgColor-done-emphasis": "var(--color-done-fg)",
218
+ "--bgColor-done-emphasis": "var(--color-done-emphasis)",
219
219
  "--bgColor-sponsors-muted": "var(--color-sponsors-subtle)",
220
- "--bgColor-sponsors-emphasis": "var(--color-sponsors-fg)",
220
+ "--bgColor-sponsors-emphasis": "var(--color-sponsors-emphasis)",
221
221
  "--borderColor-default": "var(--color-border-default)",
222
222
  "--borderColor-muted": "var(--color-border-muted)",
223
223
  "--borderColor-emphasis": "var(--color-fg-subtle)",
@@ -225,7 +225,7 @@
225
225
  "--borderColor-neutral-muted": "var(--color-neutral-muted)",
226
226
  "--borderColor-neutral-emphasis": "var(--color-fg-subtle)",
227
227
  "--borderColor-accent-muted": "var(--color-accent-muted)",
228
- "--borderColor-accent-emphasis": "var(--color-accent-fg)",
228
+ "--borderColor-accent-emphasis": "var(--color-accent-emphasis)",
229
229
  "--borderColor-success-muted": "var(--color-success-muted)",
230
230
  "--borderColor-success-emphasis": "var(--color-success-emphasis)",
231
231
  "--borderColor-attention-muted": "var(--color-attention-muted)",
@@ -36,6 +36,42 @@
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
+ },
39
75
  {
40
76
  "name": "breakpoint/xxlarge",
41
77
  "value": 1440,
@@ -247,9 +283,9 @@
247
283
  "name": "controlStack/large/gap/spacious",
248
284
  "value": 12,
249
285
  "type": "FLOAT",
250
- "refId": "functional/size/controlStack/large/gap/spacious",
286
+ "refId": "pattern/size/controlStack/large/gap/spacious",
251
287
  "reference": "base/size/base/size/12",
252
- "collection": "functional/size",
288
+ "collection": "pattern/size",
253
289
  "mode": "default",
254
290
  "scopes": ["GAP"]
255
291
  },
@@ -257,9 +293,9 @@
257
293
  "name": "controlStack/large/gap/condensed",
258
294
  "value": 8,
259
295
  "type": "FLOAT",
260
- "refId": "functional/size/controlStack/large/gap/condensed",
296
+ "refId": "pattern/size/controlStack/large/gap/condensed",
261
297
  "reference": "base/size/base/size/8",
262
- "collection": "functional/size",
298
+ "collection": "pattern/size",
263
299
  "mode": "default",
264
300
  "scopes": ["GAP"]
265
301
  },
@@ -267,9 +303,9 @@
267
303
  "name": "controlStack/large/gap/auto",
268
304
  "value": 8,
269
305
  "type": "FLOAT",
270
- "refId": "functional/size/controlStack/large/gap/auto",
306
+ "refId": "pattern/size/controlStack/large/gap/auto",
271
307
  "reference": "base/size/base/size/8",
272
- "collection": "functional/size",
308
+ "collection": "pattern/size",
273
309
  "mode": "default",
274
310
  "scopes": ["GAP"]
275
311
  },
@@ -277,9 +313,9 @@
277
313
  "name": "controlStack/medium/gap/spacious",
278
314
  "value": 12,
279
315
  "type": "FLOAT",
280
- "refId": "functional/size/controlStack/medium/gap/spacious",
316
+ "refId": "pattern/size/controlStack/medium/gap/spacious",
281
317
  "reference": "base/size/base/size/12",
282
- "collection": "functional/size",
318
+ "collection": "pattern/size",
283
319
  "mode": "default",
284
320
  "scopes": ["GAP"]
285
321
  },
@@ -287,9 +323,9 @@
287
323
  "name": "controlStack/medium/gap/condensed",
288
324
  "value": 8,
289
325
  "type": "FLOAT",
290
- "refId": "functional/size/controlStack/medium/gap/condensed",
326
+ "refId": "pattern/size/controlStack/medium/gap/condensed",
291
327
  "reference": "base/size/base/size/8",
292
- "collection": "functional/size",
328
+ "collection": "pattern/size",
293
329
  "mode": "default",
294
330
  "scopes": ["GAP"]
295
331
  },
@@ -297,9 +333,9 @@
297
333
  "name": "controlStack/small/gap/spacious",
298
334
  "value": 16,
299
335
  "type": "FLOAT",
300
- "refId": "functional/size/controlStack/small/gap/spacious",
336
+ "refId": "pattern/size/controlStack/small/gap/spacious",
301
337
  "reference": "base/size/base/size/16",
302
- "collection": "functional/size",
338
+ "collection": "pattern/size",
303
339
  "mode": "default",
304
340
  "scopes": ["GAP"]
305
341
  },
@@ -307,9 +343,9 @@
307
343
  "name": "controlStack/small/gap/condensed",
308
344
  "value": 8,
309
345
  "type": "FLOAT",
310
- "refId": "functional/size/controlStack/small/gap/condensed",
346
+ "refId": "pattern/size/controlStack/small/gap/condensed",
311
347
  "reference": "base/size/base/size/8",
312
- "collection": "functional/size",
348
+ "collection": "pattern/size",
313
349
  "mode": "default",
314
350
  "scopes": ["GAP"]
315
351
  },
@@ -377,9 +413,9 @@
377
413
  "name": "control/xlarge/gap",
378
414
  "value": 8,
379
415
  "type": "FLOAT",
380
- "refId": "functional/size/control/xlarge/gap",
416
+ "refId": "pattern/size/control/xlarge/gap",
381
417
  "reference": "base/size/base/size/8",
382
- "collection": "functional/size",
418
+ "collection": "pattern/size",
383
419
  "mode": "default",
384
420
  "scopes": ["GAP"]
385
421
  },
@@ -387,9 +423,9 @@
387
423
  "name": "control/xlarge/paddingInline/spacious",
388
424
  "value": 16,
389
425
  "type": "FLOAT",
390
- "refId": "functional/size/control/xlarge/paddingInline/spacious",
426
+ "refId": "pattern/size/control/xlarge/paddingInline/spacious",
391
427
  "reference": "base/size/base/size/16",
392
- "collection": "functional/size",
428
+ "collection": "pattern/size",
393
429
  "mode": "default",
394
430
  "scopes": ["GAP"]
395
431
  },
@@ -397,9 +433,9 @@
397
433
  "name": "control/xlarge/paddingInline/normal",
398
434
  "value": 12,
399
435
  "type": "FLOAT",
400
- "refId": "functional/size/control/xlarge/paddingInline/normal",
436
+ "refId": "pattern/size/control/xlarge/paddingInline/normal",
401
437
  "reference": "base/size/base/size/12",
402
- "collection": "functional/size",
438
+ "collection": "pattern/size",
403
439
  "mode": "default",
404
440
  "scopes": ["GAP"]
405
441
  },
@@ -407,9 +443,9 @@
407
443
  "name": "control/xlarge/lineBoxHeight",
408
444
  "value": 20,
409
445
  "type": "FLOAT",
410
- "refId": "functional/size/control/xlarge/lineBoxHeight",
446
+ "refId": "pattern/size/control/xlarge/lineBoxHeight",
411
447
  "reference": "base/size/base/size/20",
412
- "collection": "functional/size",
448
+ "collection": "pattern/size",
413
449
  "mode": "default",
414
450
  "scopes": ["WIDTH_HEIGHT"]
415
451
  },
@@ -417,9 +453,9 @@
417
453
  "name": "control/xlarge/size",
418
454
  "value": 48,
419
455
  "type": "FLOAT",
420
- "refId": "functional/size/control/xlarge/size",
456
+ "refId": "pattern/size/control/xlarge/size",
421
457
  "reference": "base/size/base/size/48",
422
- "collection": "functional/size",
458
+ "collection": "pattern/size",
423
459
  "mode": "default",
424
460
  "scopes": ["WIDTH_HEIGHT"]
425
461
  },
@@ -427,9 +463,9 @@
427
463
  "name": "control/large/gap",
428
464
  "value": 8,
429
465
  "type": "FLOAT",
430
- "refId": "functional/size/control/large/gap",
466
+ "refId": "pattern/size/control/large/gap",
431
467
  "reference": "base/size/base/size/8",
432
- "collection": "functional/size",
468
+ "collection": "pattern/size",
433
469
  "mode": "default",
434
470
  "scopes": ["GAP"]
435
471
  },
@@ -437,9 +473,9 @@
437
473
  "name": "control/large/paddingInline/spacious",
438
474
  "value": 16,
439
475
  "type": "FLOAT",
440
- "refId": "functional/size/control/large/paddingInline/spacious",
476
+ "refId": "pattern/size/control/large/paddingInline/spacious",
441
477
  "reference": "base/size/base/size/16",
442
- "collection": "functional/size",
478
+ "collection": "pattern/size",
443
479
  "mode": "default",
444
480
  "scopes": ["GAP"]
445
481
  },
@@ -447,9 +483,9 @@
447
483
  "name": "control/large/paddingInline/normal",
448
484
  "value": 12,
449
485
  "type": "FLOAT",
450
- "refId": "functional/size/control/large/paddingInline/normal",
486
+ "refId": "pattern/size/control/large/paddingInline/normal",
451
487
  "reference": "base/size/base/size/12",
452
- "collection": "functional/size",
488
+ "collection": "pattern/size",
453
489
  "mode": "default",
454
490
  "scopes": ["GAP"]
455
491
  },
@@ -457,9 +493,9 @@
457
493
  "name": "control/large/lineBoxHeight",
458
494
  "value": 20,
459
495
  "type": "FLOAT",
460
- "refId": "functional/size/control/large/lineBoxHeight",
496
+ "refId": "pattern/size/control/large/lineBoxHeight",
461
497
  "reference": "base/size/base/size/20",
462
- "collection": "functional/size",
498
+ "collection": "pattern/size",
463
499
  "mode": "default",
464
500
  "scopes": ["WIDTH_HEIGHT"]
465
501
  },
@@ -467,9 +503,9 @@
467
503
  "name": "control/large/size",
468
504
  "value": 40,
469
505
  "type": "FLOAT",
470
- "refId": "functional/size/control/large/size",
506
+ "refId": "pattern/size/control/large/size",
471
507
  "reference": "base/size/base/size/40",
472
- "collection": "functional/size",
508
+ "collection": "pattern/size",
473
509
  "mode": "default",
474
510
  "scopes": ["WIDTH_HEIGHT"]
475
511
  },
@@ -477,9 +513,9 @@
477
513
  "name": "control/medium/gap",
478
514
  "value": 8,
479
515
  "type": "FLOAT",
480
- "refId": "functional/size/control/medium/gap",
516
+ "refId": "pattern/size/control/medium/gap",
481
517
  "reference": "base/size/base/size/8",
482
- "collection": "functional/size",
518
+ "collection": "pattern/size",
483
519
  "mode": "default",
484
520
  "scopes": ["GAP"]
485
521
  },
@@ -487,9 +523,9 @@
487
523
  "name": "control/medium/paddingInline/spacious",
488
524
  "value": 16,
489
525
  "type": "FLOAT",
490
- "refId": "functional/size/control/medium/paddingInline/spacious",
526
+ "refId": "pattern/size/control/medium/paddingInline/spacious",
491
527
  "reference": "base/size/base/size/16",
492
- "collection": "functional/size",
528
+ "collection": "pattern/size",
493
529
  "mode": "default",
494
530
  "scopes": ["GAP"]
495
531
  },
@@ -497,9 +533,9 @@
497
533
  "name": "control/medium/paddingInline/normal",
498
534
  "value": 12,
499
535
  "type": "FLOAT",
500
- "refId": "functional/size/control/medium/paddingInline/normal",
536
+ "refId": "pattern/size/control/medium/paddingInline/normal",
501
537
  "reference": "base/size/base/size/12",
502
- "collection": "functional/size",
538
+ "collection": "pattern/size",
503
539
  "mode": "default",
504
540
  "scopes": ["GAP"]
505
541
  },
@@ -507,9 +543,9 @@
507
543
  "name": "control/medium/paddingInline/condensed",
508
544
  "value": 8,
509
545
  "type": "FLOAT",
510
- "refId": "functional/size/control/medium/paddingInline/condensed",
546
+ "refId": "pattern/size/control/medium/paddingInline/condensed",
511
547
  "reference": "base/size/base/size/8",
512
- "collection": "functional/size",
548
+ "collection": "pattern/size",
513
549
  "mode": "default",
514
550
  "scopes": ["GAP"]
515
551
  },
@@ -517,9 +553,9 @@
517
553
  "name": "control/medium/lineBoxHeight",
518
554
  "value": 20,
519
555
  "type": "FLOAT",
520
- "refId": "functional/size/control/medium/lineBoxHeight",
556
+ "refId": "pattern/size/control/medium/lineBoxHeight",
521
557
  "reference": "base/size/base/size/20",
522
- "collection": "functional/size",
558
+ "collection": "pattern/size",
523
559
  "mode": "default",
524
560
  "scopes": ["WIDTH_HEIGHT"]
525
561
  },
@@ -527,9 +563,9 @@
527
563
  "name": "control/medium/size",
528
564
  "value": 32,
529
565
  "type": "FLOAT",
530
- "refId": "functional/size/control/medium/size",
566
+ "refId": "pattern/size/control/medium/size",
531
567
  "reference": "base/size/base/size/32",
532
- "collection": "functional/size",
568
+ "collection": "pattern/size",
533
569
  "mode": "default",
534
570
  "scopes": ["WIDTH_HEIGHT"]
535
571
  },
@@ -537,9 +573,9 @@
537
573
  "name": "control/small/gap",
538
574
  "value": 4,
539
575
  "type": "FLOAT",
540
- "refId": "functional/size/control/small/gap",
576
+ "refId": "pattern/size/control/small/gap",
541
577
  "reference": "base/size/base/size/4",
542
- "collection": "functional/size",
578
+ "collection": "pattern/size",
543
579
  "mode": "default",
544
580
  "scopes": ["GAP"]
545
581
  },
@@ -547,9 +583,9 @@
547
583
  "name": "control/small/paddingInline/normal",
548
584
  "value": 12,
549
585
  "type": "FLOAT",
550
- "refId": "functional/size/control/small/paddingInline/normal",
586
+ "refId": "pattern/size/control/small/paddingInline/normal",
551
587
  "reference": "base/size/base/size/12",
552
- "collection": "functional/size",
588
+ "collection": "pattern/size",
553
589
  "mode": "default",
554
590
  "scopes": ["GAP"]
555
591
  },
@@ -557,9 +593,19 @@
557
593
  "name": "control/small/paddingInline/condensed",
558
594
  "value": 8,
559
595
  "type": "FLOAT",
560
- "refId": "functional/size/control/small/paddingInline/condensed",
596
+ "refId": "pattern/size/control/small/paddingInline/condensed",
561
597
  "reference": "base/size/base/size/8",
562
- "collection": "functional/size",
598
+ "collection": "pattern/size",
599
+ "mode": "default",
600
+ "scopes": ["GAP"]
601
+ },
602
+ {
603
+ "name": "control/small/paddingBlock",
604
+ "value": 4,
605
+ "type": "FLOAT",
606
+ "refId": "pattern/size/control/small/paddingBlock",
607
+ "reference": "base/size/base/size/4",
608
+ "collection": "pattern/size",
563
609
  "mode": "default",
564
610
  "scopes": ["GAP"]
565
611
  },
@@ -567,9 +613,9 @@
567
613
  "name": "control/small/lineBoxHeight",
568
614
  "value": 20,
569
615
  "type": "FLOAT",
570
- "refId": "functional/size/control/small/lineBoxHeight",
616
+ "refId": "pattern/size/control/small/lineBoxHeight",
571
617
  "reference": "base/size/base/size/20",
572
- "collection": "functional/size",
618
+ "collection": "pattern/size",
573
619
  "mode": "default",
574
620
  "scopes": ["WIDTH_HEIGHT"]
575
621
  },
@@ -577,9 +623,9 @@
577
623
  "name": "control/small/size",
578
624
  "value": 28,
579
625
  "type": "FLOAT",
580
- "refId": "functional/size/control/small/size",
626
+ "refId": "pattern/size/control/small/size",
581
627
  "reference": "base/size/base/size/28",
582
- "collection": "functional/size",
628
+ "collection": "pattern/size",
583
629
  "mode": "default",
584
630
  "scopes": ["WIDTH_HEIGHT"]
585
631
  },
@@ -587,9 +633,9 @@
587
633
  "name": "control/xsmall/gap",
588
634
  "value": 4,
589
635
  "type": "FLOAT",
590
- "refId": "functional/size/control/xsmall/gap",
636
+ "refId": "pattern/size/control/xsmall/gap",
591
637
  "reference": "base/size/base/size/4",
592
- "collection": "functional/size",
638
+ "collection": "pattern/size",
593
639
  "mode": "default",
594
640
  "scopes": ["GAP"]
595
641
  },
@@ -597,9 +643,9 @@
597
643
  "name": "control/xsmall/paddingInline/spacious",
598
644
  "value": 12,
599
645
  "type": "FLOAT",
600
- "refId": "functional/size/control/xsmall/paddingInline/spacious",
646
+ "refId": "pattern/size/control/xsmall/paddingInline/spacious",
601
647
  "reference": "base/size/base/size/12",
602
- "collection": "functional/size",
648
+ "collection": "pattern/size",
603
649
  "mode": "default",
604
650
  "scopes": ["GAP"]
605
651
  },
@@ -607,9 +653,9 @@
607
653
  "name": "control/xsmall/paddingInline/normal",
608
654
  "value": 8,
609
655
  "type": "FLOAT",
610
- "refId": "functional/size/control/xsmall/paddingInline/normal",
656
+ "refId": "pattern/size/control/xsmall/paddingInline/normal",
611
657
  "reference": "base/size/base/size/8",
612
- "collection": "functional/size",
658
+ "collection": "pattern/size",
613
659
  "mode": "default",
614
660
  "scopes": ["GAP"]
615
661
  },
@@ -617,9 +663,9 @@
617
663
  "name": "control/xsmall/paddingInline/condensed",
618
664
  "value": 4,
619
665
  "type": "FLOAT",
620
- "refId": "functional/size/control/xsmall/paddingInline/condensed",
666
+ "refId": "pattern/size/control/xsmall/paddingInline/condensed",
621
667
  "reference": "base/size/base/size/4",
622
- "collection": "functional/size",
668
+ "collection": "pattern/size",
623
669
  "mode": "default",
624
670
  "scopes": ["GAP"]
625
671
  },
@@ -627,9 +673,9 @@
627
673
  "name": "control/xsmall/lineBoxHeight",
628
674
  "value": 20,
629
675
  "type": "FLOAT",
630
- "refId": "functional/size/control/xsmall/lineBoxHeight",
676
+ "refId": "pattern/size/control/xsmall/lineBoxHeight",
631
677
  "reference": "base/size/base/size/20",
632
- "collection": "functional/size",
678
+ "collection": "pattern/size",
633
679
  "mode": "default",
634
680
  "scopes": ["WIDTH_HEIGHT"]
635
681
  },
@@ -637,9 +683,9 @@
637
683
  "name": "control/xsmall/size",
638
684
  "value": 24,
639
685
  "type": "FLOAT",
640
- "refId": "functional/size/control/xsmall/size",
686
+ "refId": "pattern/size/control/xsmall/size",
641
687
  "reference": "base/size/base/size/24",
642
- "collection": "functional/size",
688
+ "collection": "pattern/size",
643
689
  "mode": "default",
644
690
  "scopes": ["WIDTH_HEIGHT"]
645
691
  },
@@ -647,9 +693,9 @@
647
693
  "name": "control/minTarget/coarse",
648
694
  "value": 44,
649
695
  "type": "FLOAT",
650
- "refId": "functional/size/control/minTarget/coarse",
696
+ "refId": "pattern/size/control/minTarget/coarse",
651
697
  "reference": "base/size/base/size/44",
652
- "collection": "functional/size",
698
+ "collection": "pattern/size",
653
699
  "mode": "default",
654
700
  "scopes": ["WIDTH_HEIGHT"]
655
701
  },
@@ -657,9 +703,9 @@
657
703
  "name": "control/minTarget/fine",
658
704
  "value": 16,
659
705
  "type": "FLOAT",
660
- "refId": "functional/size/control/minTarget/fine",
706
+ "refId": "pattern/size/control/minTarget/fine",
661
707
  "reference": "base/size/base/size/16",
662
- "collection": "functional/size",
708
+ "collection": "pattern/size",
663
709
  "mode": "default",
664
710
  "scopes": ["WIDTH_HEIGHT"]
665
711
  }
@@ -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
  ],