@primer/react-brand 0.1.0-rc.ae0dfda → 0.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 (82) hide show
  1. package/fonts/alliance-1.woff2 +0 -0
  2. package/fonts/alliance-2.woff2 +0 -0
  3. package/fonts/fonts.css +30 -0
  4. package/lib/Heading/Heading.d.ts +20 -0
  5. package/lib/Heading/index.d.ts +1 -0
  6. package/lib/Hero/Hero.d.ts +3 -2
  7. package/lib/LinkButton/LinkButton.d.ts +1 -0
  8. package/lib/MonaSans/MonaSans.d.ts +10 -0
  9. package/lib/MonaSans/index.d.ts +1 -0
  10. package/lib/Text/Text.d.ts +36 -0
  11. package/lib/Text/index.d.ts +1 -0
  12. package/lib/css/main.css +1328 -59
  13. package/lib/css/stylesheets.d.ts +9 -0
  14. package/lib/design-tokens/css/tokens/base/colors/color-scales-with-modes.css +805 -0
  15. package/lib/design-tokens/css/tokens/base/colors/color-scales.css +139 -0
  16. package/lib/design-tokens/css/tokens/base/size/size.css +24 -0
  17. package/lib/design-tokens/css/tokens/base/typography/typography.css +14 -0
  18. package/lib/design-tokens/css/tokens/functional/colors/global-with-modes.css +58 -0
  19. package/lib/design-tokens/css/tokens/functional/colors/global.css +22 -0
  20. package/lib/design-tokens/css/tokens/functional/components/button/colors-with-modes.css +28 -0
  21. package/lib/design-tokens/css/tokens/functional/components/hero/base.css +9 -0
  22. package/lib/design-tokens/css/tokens/functional/size/border.css +17 -0
  23. package/lib/design-tokens/css/tokens/functional/size/breakpoints.css +13 -0
  24. package/lib/design-tokens/css/tokens/functional/size/size-coarse.css +10 -0
  25. package/lib/design-tokens/css/tokens/functional/size/size-fine.css +10 -0
  26. package/lib/design-tokens/css/tokens/functional/size/size.css +54 -0
  27. package/lib/design-tokens/css/tokens/functional/size/viewport.css +6 -0
  28. package/lib/design-tokens/css/tokens/functional/typography/typography-responsive.css +166 -0
  29. package/lib/design-tokens/css/tokens/functional/typography/typography.css +65 -0
  30. package/lib/design-tokens/js/module/tokens/base/colors/color-scales.js +2551 -0
  31. package/lib/design-tokens/js/module/tokens/base/size/size.js +266 -0
  32. package/lib/design-tokens/js/module/tokens/base/typography/typography.js +125 -0
  33. package/lib/design-tokens/js/module/tokens/functional/colors/global.js +289 -0
  34. package/lib/design-tokens/js/module/tokens/functional/components/hero/base.js +47 -0
  35. package/lib/design-tokens/js/module/tokens/functional/size/border.js +165 -0
  36. package/lib/design-tokens/js/module/tokens/functional/size/breakpoints.js +101 -0
  37. package/lib/design-tokens/js/module/tokens/functional/size/size-coarse.js +73 -0
  38. package/lib/design-tokens/js/module/tokens/functional/size/size-fine.js +73 -0
  39. package/lib/design-tokens/js/module/tokens/functional/size/size.js +824 -0
  40. package/lib/design-tokens/js/module/tokens/functional/size/viewport.js +101 -0
  41. package/lib/design-tokens/js/module/tokens/functional/typography/typography.js +1973 -0
  42. package/lib/design-tokens/js/tokens/base/colors/color-scales.js +137 -0
  43. package/lib/design-tokens/js/tokens/base/size/size.js +22 -0
  44. package/lib/design-tokens/js/tokens/base/typography/typography.js +12 -0
  45. package/lib/design-tokens/js/tokens/functional/colors/global.js +20 -0
  46. package/lib/design-tokens/js/tokens/functional/components/hero/base.js +7 -0
  47. package/lib/design-tokens/js/tokens/functional/size/border.js +15 -0
  48. package/lib/design-tokens/js/tokens/functional/size/breakpoints.js +11 -0
  49. package/lib/design-tokens/js/tokens/functional/size/size-coarse.js +8 -0
  50. package/lib/design-tokens/js/tokens/functional/size/size-fine.js +8 -0
  51. package/lib/design-tokens/js/tokens/functional/size/size.js +52 -0
  52. package/lib/design-tokens/js/tokens/functional/size/viewport.js +11 -0
  53. package/lib/design-tokens/js/tokens/functional/typography/typography.js +63 -0
  54. package/lib/design-tokens/ts/tokens/base/colors/color-scales.d.ts +176 -0
  55. package/lib/design-tokens/ts/tokens/base/colors/color-scales.js +175 -0
  56. package/lib/design-tokens/ts/tokens/base/size/size.d.ts +29 -0
  57. package/lib/design-tokens/ts/tokens/base/size/size.js +28 -0
  58. package/lib/design-tokens/ts/tokens/base/typography/typography.d.ts +111 -0
  59. package/lib/design-tokens/ts/tokens/base/typography/typography.js +20 -0
  60. package/lib/design-tokens/ts/tokens/functional/colors/global.d.ts +35 -0
  61. package/lib/design-tokens/ts/tokens/functional/colors/global.js +34 -0
  62. package/lib/design-tokens/ts/tokens/functional/components/hero/base.d.ts +18 -0
  63. package/lib/design-tokens/ts/tokens/functional/components/hero/base.js +17 -0
  64. package/lib/design-tokens/ts/tokens/functional/size/border.d.ts +26 -0
  65. package/lib/design-tokens/ts/tokens/functional/size/border.js +25 -0
  66. package/lib/design-tokens/ts/tokens/functional/size/breakpoints.d.ts +18 -0
  67. package/lib/design-tokens/ts/tokens/functional/size/breakpoints.js +17 -0
  68. package/lib/design-tokens/ts/tokens/functional/size/size-coarse.d.ts +27 -0
  69. package/lib/design-tokens/ts/tokens/functional/size/size-coarse.js +26 -0
  70. package/lib/design-tokens/ts/tokens/functional/size/size-fine.d.ts +27 -0
  71. package/lib/design-tokens/ts/tokens/functional/size/size-fine.js +26 -0
  72. package/lib/design-tokens/ts/tokens/functional/size/size.d.ts +101 -0
  73. package/lib/design-tokens/ts/tokens/functional/size/size.js +100 -0
  74. package/lib/design-tokens/ts/tokens/functional/size/viewport.d.ts +18 -0
  75. package/lib/design-tokens/ts/tokens/functional/size/viewport.js +17 -0
  76. package/lib/design-tokens/ts/tokens/functional/typography/typography.d.ts +92 -0
  77. package/lib/design-tokens/ts/tokens/functional/typography/typography.js +91 -0
  78. package/lib/index.d.ts +3 -0
  79. package/lib/index.js +1 -1
  80. package/package.json +20 -18
  81. package/CHANGELOG.md +0 -23
  82. package/lib/css/gh-variables.color.css +0 -1025
package/lib/design-tokens/js/module/tokens/functional/size/size.js ADDED
@@ -0,0 +1,824 @@
1
+ /**
2
+ * Do not edit directly
3
+ * Generated on Mon, 23 May 2022 16:03:47 GMT
4
+ */
5
+
6
+ module.exports = {
7
+ "brand": {
8
+ "control": {
9
+ "minTarget": {
10
+ "fine": {
11
+ "value": "1rem",
12
+ "filePath": "tokens/functional/size/size.json",
13
+ "isSource": true,
14
+ "original": {
15
+ "value": "{base.size.16}"
16
+ },
17
+ "name": "fine",
18
+ "attributes": {},
19
+ "path": [
20
+ "brand",
21
+ "control",
22
+ "minTarget",
23
+ "fine"
24
+ ]
25
+ },
26
+ "coarse": {
27
+ "value": "2.75rem",
28
+ "filePath": "tokens/functional/size/size.json",
29
+ "isSource": true,
30
+ "original": {
31
+ "value": "{base.size.44}"
32
+ },
33
+ "name": "coarse",
34
+ "attributes": {},
35
+ "path": [
36
+ "brand",
37
+ "control",
38
+ "minTarget",
39
+ "coarse"
40
+ ]
41
+ }
42
+ },
43
+ "xsmall": {
44
+ "size": {
45
+ "value": "1.5rem",
46
+ "filePath": "tokens/functional/size/size.json",
47
+ "isSource": true,
48
+ "original": {
49
+ "value": "{base.size.24}"
50
+ },
51
+ "name": "size",
52
+ "attributes": {},
53
+ "path": [
54
+ "brand",
55
+ "control",
56
+ "xsmall",
57
+ "size"
58
+ ]
59
+ },
60
+ "lineBoxHeight": {
61
+ "value": "1.25rem",
62
+ "filePath": "tokens/functional/size/size.json",
63
+ "isSource": true,
64
+ "original": {
65
+ "value": "{base.size.20}"
66
+ },
67
+ "name": "lineBoxHeight",
68
+ "attributes": {},
69
+ "path": [
70
+ "brand",
71
+ "control",
72
+ "xsmall",
73
+ "lineBoxHeight"
74
+ ]
75
+ },
76
+ "paddingBlock": {
77
+ "value": "calc((1.5rem - 1.25rem) / 2)",
78
+ "filePath": "tokens/functional/size/size.json",
79
+ "isSource": true,
80
+ "original": {
81
+ "value": "calc(({brand.control.xsmall.size} - {brand.control.xsmall.lineBoxHeight}) / 2)"
82
+ },
83
+ "name": "paddingBlock",
84
+ "attributes": {},
85
+ "path": [
86
+ "brand",
87
+ "control",
88
+ "xsmall",
89
+ "paddingBlock"
90
+ ]
91
+ },
92
+ "paddingInline": {
93
+ "condensed": {
94
+ "value": "0.25rem",
95
+ "filePath": "tokens/functional/size/size.json",
96
+ "isSource": true,
97
+ "original": {
98
+ "value": "{base.size.4}"
99
+ },
100
+ "name": "condensed",
101
+ "attributes": {},
102
+ "path": [
103
+ "brand",
104
+ "control",
105
+ "xsmall",
106
+ "paddingInline",
107
+ "condensed"
108
+ ]
109
+ },
110
+ "normal": {
111
+ "value": "0.5rem",
112
+ "filePath": "tokens/functional/size/size.json",
113
+ "isSource": true,
114
+ "original": {
115
+ "value": "{base.size.8}"
116
+ },
117
+ "name": "normal",
118
+ "attributes": {},
119
+ "path": [
120
+ "brand",
121
+ "control",
122
+ "xsmall",
123
+ "paddingInline",
124
+ "normal"
125
+ ]
126
+ },
127
+ "spacious": {
128
+ "value": "0.75rem",
129
+ "filePath": "tokens/functional/size/size.json",
130
+ "isSource": true,
131
+ "original": {
132
+ "value": "{base.size.12}"
133
+ },
134
+ "name": "spacious",
135
+ "attributes": {},
136
+ "path": [
137
+ "brand",
138
+ "control",
139
+ "xsmall",
140
+ "paddingInline",
141
+ "spacious"
142
+ ]
143
+ }
144
+ },
145
+ "gap": {
146
+ "value": "0.25rem",
147
+ "filePath": "tokens/functional/size/size.json",
148
+ "isSource": true,
149
+ "original": {
150
+ "value": "{base.size.4}"
151
+ },
152
+ "name": "gap",
153
+ "attributes": {},
154
+ "path": [
155
+ "brand",
156
+ "control",
157
+ "xsmall",
158
+ "gap"
159
+ ]
160
+ }
161
+ },
162
+ "small": {
163
+ "size": {
164
+ "value": "1.75rem",
165
+ "filePath": "tokens/functional/size/size.json",
166
+ "isSource": true,
167
+ "original": {
168
+ "value": "{base.size.28}"
169
+ },
170
+ "name": "size",
171
+ "attributes": {},
172
+ "path": [
173
+ "brand",
174
+ "control",
175
+ "small",
176
+ "size"
177
+ ]
178
+ },
179
+ "lineBoxHeight": {
180
+ "value": "1.25rem",
181
+ "filePath": "tokens/functional/size/size.json",
182
+ "isSource": true,
183
+ "original": {
184
+ "value": "{base.size.20}"
185
+ },
186
+ "name": "lineBoxHeight",
187
+ "attributes": {},
188
+ "path": [
189
+ "brand",
190
+ "control",
191
+ "small",
192
+ "lineBoxHeight"
193
+ ]
194
+ },
195
+ "paddingBlock": {
196
+ "value": "calc((1.75rem - 1.25rem) / 2)",
197
+ "filePath": "tokens/functional/size/size.json",
198
+ "isSource": true,
199
+ "original": {
200
+ "value": "calc(({brand.control.small.size} - {brand.control.small.lineBoxHeight}) / 2)"
201
+ },
202
+ "name": "paddingBlock",
203
+ "attributes": {},
204
+ "path": [
205
+ "brand",
206
+ "control",
207
+ "small",
208
+ "paddingBlock"
209
+ ]
210
+ },
211
+ "paddingInline": {
212
+ "condensed": {
213
+ "value": "0.5rem",
214
+ "filePath": "tokens/functional/size/size.json",
215
+ "isSource": true,
216
+ "original": {
217
+ "value": "{base.size.8}"
218
+ },
219
+ "name": "condensed",
220
+ "attributes": {},
221
+ "path": [
222
+ "brand",
223
+ "control",
224
+ "small",
225
+ "paddingInline",
226
+ "condensed"
227
+ ]
228
+ },
229
+ "normal": {
230
+ "value": "0.75rem",
231
+ "filePath": "tokens/functional/size/size.json",
232
+ "isSource": true,
233
+ "original": {
234
+ "value": "{base.size.12}"
235
+ },
236
+ "name": "normal",
237
+ "attributes": {},
238
+ "path": [
239
+ "brand",
240
+ "control",
241
+ "small",
242
+ "paddingInline",
243
+ "normal"
244
+ ]
245
+ }
246
+ },
247
+ "gap": {
248
+ "value": "0.25rem",
249
+ "filePath": "tokens/functional/size/size.json",
250
+ "isSource": true,
251
+ "original": {
252
+ "value": "{base.size.4}"
253
+ },
254
+ "name": "gap",
255
+ "attributes": {},
256
+ "path": [
257
+ "brand",
258
+ "control",
259
+ "small",
260
+ "gap"
261
+ ]
262
+ }
263
+ },
264
+ "medium": {
265
+ "size": {
266
+ "value": "2rem",
267
+ "filePath": "tokens/functional/size/size.json",
268
+ "isSource": true,
269
+ "original": {
270
+ "value": "{base.size.32}"
271
+ },
272
+ "name": "size",
273
+ "attributes": {},
274
+ "path": [
275
+ "brand",
276
+ "control",
277
+ "medium",
278
+ "size"
279
+ ]
280
+ },
281
+ "lineBoxHeight": {
282
+ "value": "1.25rem",
283
+ "filePath": "tokens/functional/size/size.json",
284
+ "isSource": true,
285
+ "original": {
286
+ "value": "{base.size.20}"
287
+ },
288
+ "name": "lineBoxHeight",
289
+ "attributes": {},
290
+ "path": [
291
+ "brand",
292
+ "control",
293
+ "medium",
294
+ "lineBoxHeight"
295
+ ]
296
+ },
297
+ "paddingBlock": {
298
+ "value": "calc((2rem - 1.25rem) / 2)",
299
+ "filePath": "tokens/functional/size/size.json",
300
+ "isSource": true,
301
+ "original": {
302
+ "value": "calc(({brand.control.medium.size} - {brand.control.medium.lineBoxHeight}) / 2)"
303
+ },
304
+ "name": "paddingBlock",
305
+ "attributes": {},
306
+ "path": [
307
+ "brand",
308
+ "control",
309
+ "medium",
310
+ "paddingBlock"
311
+ ]
312
+ },
313
+ "paddingInline": {
314
+ "condensed": {
315
+ "value": "0.5rem",
316
+ "filePath": "tokens/functional/size/size.json",
317
+ "isSource": true,
318
+ "original": {
319
+ "value": "{base.size.8}"
320
+ },
321
+ "name": "condensed",
322
+ "attributes": {},
323
+ "path": [
324
+ "brand",
325
+ "control",
326
+ "medium",
327
+ "paddingInline",
328
+ "condensed"
329
+ ]
330
+ },
331
+ "normal": {
332
+ "value": "0.75rem",
333
+ "filePath": "tokens/functional/size/size.json",
334
+ "isSource": true,
335
+ "original": {
336
+ "value": "{base.size.12}"
337
+ },
338
+ "name": "normal",
339
+ "attributes": {},
340
+ "path": [
341
+ "brand",
342
+ "control",
343
+ "medium",
344
+ "paddingInline",
345
+ "normal"
346
+ ]
347
+ },
348
+ "spacious": {
349
+ "value": "1rem",
350
+ "filePath": "tokens/functional/size/size.json",
351
+ "isSource": true,
352
+ "original": {
353
+ "value": "{base.size.16}"
354
+ },
355
+ "name": "spacious",
356
+ "attributes": {},
357
+ "path": [
358
+ "brand",
359
+ "control",
360
+ "medium",
361
+ "paddingInline",
362
+ "spacious"
363
+ ]
364
+ }
365
+ },
366
+ "gap": {
367
+ "value": "0.5rem",
368
+ "filePath": "tokens/functional/size/size.json",
369
+ "isSource": true,
370
+ "original": {
371
+ "value": "{base.size.8}"
372
+ },
373
+ "name": "gap",
374
+ "attributes": {},
375
+ "path": [
376
+ "brand",
377
+ "control",
378
+ "medium",
379
+ "gap"
380
+ ]
381
+ }
382
+ },
383
+ "large": {
384
+ "size": {
385
+ "value": "2.5rem",
386
+ "filePath": "tokens/functional/size/size.json",
387
+ "isSource": true,
388
+ "original": {
389
+ "value": "{base.size.40}"
390
+ },
391
+ "name": "size",
392
+ "attributes": {},
393
+ "path": [
394
+ "brand",
395
+ "control",
396
+ "large",
397
+ "size"
398
+ ]
399
+ },
400
+ "lineBoxHeight": {
401
+ "value": "1.25rem",
402
+ "filePath": "tokens/functional/size/size.json",
403
+ "isSource": true,
404
+ "original": {
405
+ "value": "{base.size.20}"
406
+ },
407
+ "name": "lineBoxHeight",
408
+ "attributes": {},
409
+ "path": [
410
+ "brand",
411
+ "control",
412
+ "large",
413
+ "lineBoxHeight"
414
+ ]
415
+ },
416
+ "paddingBlock": {
417
+ "value": "calc((2.5rem - 1.25rem) / 2)",
418
+ "filePath": "tokens/functional/size/size.json",
419
+ "isSource": true,
420
+ "original": {
421
+ "value": "calc(({brand.control.large.size} - {brand.control.large.lineBoxHeight}) / 2)"
422
+ },
423
+ "name": "paddingBlock",
424
+ "attributes": {},
425
+ "path": [
426
+ "brand",
427
+ "control",
428
+ "large",
429
+ "paddingBlock"
430
+ ]
431
+ },
432
+ "paddingInline": {
433
+ "normal": {
434
+ "value": "0.75rem",
435
+ "filePath": "tokens/functional/size/size.json",
436
+ "isSource": true,
437
+ "original": {
438
+ "value": "{base.size.12}"
439
+ },
440
+ "name": "normal",
441
+ "attributes": {},
442
+ "path": [
443
+ "brand",
444
+ "control",
445
+ "large",
446
+ "paddingInline",
447
+ "normal"
448
+ ]
449
+ },
450
+ "spacious": {
451
+ "value": "1rem",
452
+ "filePath": "tokens/functional/size/size.json",
453
+ "isSource": true,
454
+ "original": {
455
+ "value": "{base.size.16}"
456
+ },
457
+ "name": "spacious",
458
+ "attributes": {},
459
+ "path": [
460
+ "brand",
461
+ "control",
462
+ "large",
463
+ "paddingInline",
464
+ "spacious"
465
+ ]
466
+ }
467
+ },
468
+ "gap": {
469
+ "value": "0.5rem",
470
+ "filePath": "tokens/functional/size/size.json",
471
+ "isSource": true,
472
+ "original": {
473
+ "value": "{base.size.8}"
474
+ },
475
+ "name": "gap",
476
+ "attributes": {},
477
+ "path": [
478
+ "brand",
479
+ "control",
480
+ "large",
481
+ "gap"
482
+ ]
483
+ }
484
+ },
485
+ "xlarge": {
486
+ "size": {
487
+ "value": "3rem",
488
+ "filePath": "tokens/functional/size/size.json",
489
+ "isSource": true,
490
+ "original": {
491
+ "value": "{base.size.48}"
492
+ },
493
+ "name": "size",
494
+ "attributes": {},
495
+ "path": [
496
+ "brand",
497
+ "control",
498
+ "xlarge",
499
+ "size"
500
+ ]
501
+ },
502
+ "lineBoxHeight": {
503
+ "value": "1.25rem",
504
+ "filePath": "tokens/functional/size/size.json",
505
+ "isSource": true,
506
+ "original": {
507
+ "value": "{base.size.20}"
508
+ },
509
+ "name": "lineBoxHeight",
510
+ "attributes": {},
511
+ "path": [
512
+ "brand",
513
+ "control",
514
+ "xlarge",
515
+ "lineBoxHeight"
516
+ ]
517
+ },
518
+ "paddingBlock": {
519
+ "value": "calc((3rem - 1.25rem) / 2)",
520
+ "filePath": "tokens/functional/size/size.json",
521
+ "isSource": true,
522
+ "original": {
523
+ "value": "calc(({brand.control.xlarge.size} - {brand.control.xlarge.lineBoxHeight}) / 2)"
524
+ },
525
+ "name": "paddingBlock",
526
+ "attributes": {},
527
+ "path": [
528
+ "brand",
529
+ "control",
530
+ "xlarge",
531
+ "paddingBlock"
532
+ ]
533
+ },
534
+ "paddingInline": {
535
+ "normal": {
536
+ "value": "0.75rem",
537
+ "filePath": "tokens/functional/size/size.json",
538
+ "isSource": true,
539
+ "original": {
540
+ "value": "{base.size.12}"
541
+ },
542
+ "name": "normal",
543
+ "attributes": {},
544
+ "path": [
545
+ "brand",
546
+ "control",
547
+ "xlarge",
548
+ "paddingInline",
549
+ "normal"
550
+ ]
551
+ },
552
+ "spacious": {
553
+ "value": "1rem",
554
+ "filePath": "tokens/functional/size/size.json",
555
+ "isSource": true,
556
+ "original": {
557
+ "value": "{base.size.16}"
558
+ },
559
+ "name": "spacious",
560
+ "attributes": {},
561
+ "path": [
562
+ "brand",
563
+ "control",
564
+ "xlarge",
565
+ "paddingInline",
566
+ "spacious"
567
+ ]
568
+ }
569
+ },
570
+ "gap": {
571
+ "value": "0.5rem",
572
+ "filePath": "tokens/functional/size/size.json",
573
+ "isSource": true,
574
+ "original": {
575
+ "value": "{base.size.8}"
576
+ },
577
+ "name": "gap",
578
+ "attributes": {},
579
+ "path": [
580
+ "brand",
581
+ "control",
582
+ "xlarge",
583
+ "gap"
584
+ ]
585
+ }
586
+ }
587
+ },
588
+ "stack": {
589
+ "padding": {
590
+ "condensed": {
591
+ "value": "0.5rem",
592
+ "filePath": "tokens/functional/size/size.json",
593
+ "isSource": true,
594
+ "original": {
595
+ "value": "{base.size.8}"
596
+ },
597
+ "name": "condensed",
598
+ "attributes": {},
599
+ "path": [
600
+ "brand",
601
+ "stack",
602
+ "padding",
603
+ "condensed"
604
+ ]
605
+ },
606
+ "normal": {
607
+ "value": "1rem",
608
+ "filePath": "tokens/functional/size/size.json",
609
+ "isSource": true,
610
+ "original": {
611
+ "value": "{base.size.16}"
612
+ },
613
+ "name": "normal",
614
+ "attributes": {},
615
+ "path": [
616
+ "brand",
617
+ "stack",
618
+ "padding",
619
+ "normal"
620
+ ]
621
+ },
622
+ "spacious": {
623
+ "value": "1.5rem",
624
+ "filePath": "tokens/functional/size/size.json",
625
+ "isSource": true,
626
+ "original": {
627
+ "value": "{base.size.24}"
628
+ },
629
+ "name": "spacious",
630
+ "attributes": {},
631
+ "path": [
632
+ "brand",
633
+ "stack",
634
+ "padding",
635
+ "spacious"
636
+ ]
637
+ }
638
+ },
639
+ "gap": {
640
+ "condensed": {
641
+ "value": "0.5rem",
642
+ "filePath": "tokens/functional/size/size.json",
643
+ "isSource": true,
644
+ "original": {
645
+ "value": "{base.size.8}"
646
+ },
647
+ "name": "condensed",
648
+ "attributes": {},
649
+ "path": [
650
+ "brand",
651
+ "stack",
652
+ "gap",
653
+ "condensed"
654
+ ]
655
+ },
656
+ "normal": {
657
+ "value": "1rem",
658
+ "filePath": "tokens/functional/size/size.json",
659
+ "isSource": true,
660
+ "original": {
661
+ "value": "{base.size.16}"
662
+ },
663
+ "name": "normal",
664
+ "attributes": {},
665
+ "path": [
666
+ "brand",
667
+ "stack",
668
+ "gap",
669
+ "normal"
670
+ ]
671
+ },
672
+ "spacious": {
673
+ "value": "1.5rem",
674
+ "filePath": "tokens/functional/size/size.json",
675
+ "isSource": true,
676
+ "original": {
677
+ "value": "{base.size.24}"
678
+ },
679
+ "name": "spacious",
680
+ "attributes": {},
681
+ "path": [
682
+ "brand",
683
+ "stack",
684
+ "gap",
685
+ "spacious"
686
+ ]
687
+ }
688
+ }
689
+ },
690
+ "controlStack": {
691
+ "small": {
692
+ "gap": {
693
+ "condensed": {
694
+ "value": "0.5rem",
695
+ "filePath": "tokens/functional/size/size.json",
696
+ "isSource": true,
697
+ "original": {
698
+ "value": "{base.size.8}"
699
+ },
700
+ "name": "condensed",
701
+ "attributes": {},
702
+ "path": [
703
+ "brand",
704
+ "controlStack",
705
+ "small",
706
+ "gap",
707
+ "condensed"
708
+ ]
709
+ },
710
+ "spacious": {
711
+ "value": "1rem",
712
+ "filePath": "tokens/functional/size/size.json",
713
+ "isSource": true,
714
+ "original": {
715
+ "value": "{base.size.16}"
716
+ },
717
+ "name": "spacious",
718
+ "attributes": {},
719
+ "path": [
720
+ "brand",
721
+ "controlStack",
722
+ "small",
723
+ "gap",
724
+ "spacious"
725
+ ]
726
+ }
727
+ }
728
+ },
729
+ "medium": {
730
+ "gap": {
731
+ "condensed": {
732
+ "value": "0.5rem",
733
+ "filePath": "tokens/functional/size/size.json",
734
+ "isSource": true,
735
+ "original": {
736
+ "value": "{base.size.8}"
737
+ },
738
+ "name": "condensed",
739
+ "attributes": {},
740
+ "path": [
741
+ "brand",
742
+ "controlStack",
743
+ "medium",
744
+ "gap",
745
+ "condensed"
746
+ ]
747
+ },
748
+ "spacious": {
749
+ "value": "0.75rem",
750
+ "filePath": "tokens/functional/size/size.json",
751
+ "isSource": true,
752
+ "original": {
753
+ "value": "{base.size.12}"
754
+ },
755
+ "name": "spacious",
756
+ "attributes": {},
757
+ "path": [
758
+ "brand",
759
+ "controlStack",
760
+ "medium",
761
+ "gap",
762
+ "spacious"
763
+ ]
764
+ }
765
+ }
766
+ },
767
+ "large": {
768
+ "gap": {
769
+ "auto": {
770
+ "value": "0.5rem",
771
+ "filePath": "tokens/functional/size/size.json",
772
+ "isSource": true,
773
+ "original": {
774
+ "value": "{base.size.8}"
775
+ },
776
+ "name": "auto",
777
+ "attributes": {},
778
+ "path": [
779
+ "brand",
780
+ "controlStack",
781
+ "large",
782
+ "gap",
783
+ "auto"
784
+ ]
785
+ },
786
+ "condensed": {
787
+ "value": "0.5rem",
788
+ "filePath": "tokens/functional/size/size.json",
789
+ "isSource": true,
790
+ "original": {
791
+ "value": "{base.size.8}"
792
+ },
793
+ "name": "condensed",
794
+ "attributes": {},
795
+ "path": [
796
+ "brand",
797
+ "controlStack",
798
+ "large",
799
+ "gap",
800
+ "condensed"
801
+ ]
802
+ },
803
+ "spacious": {
804
+ "value": "0.75rem",
805
+ "filePath": "tokens/functional/size/size.json",
806
+ "isSource": true,
807
+ "original": {
808
+ "value": "{base.size.12}"
809
+ },
810
+ "name": "spacious",
811
+ "attributes": {},
812
+ "path": [
813
+ "brand",
814
+ "controlStack",
815
+ "large",
816
+ "gap",
817
+ "spacious"
818
+ ]
819
+ }
820
+ }
821
+ }
822
+ }
823
+ }
824
+ };