@primer/primitives 7.17.0-rc.132f02a7 → 7.17.0-rc.34cd1021

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 (162) hide show
  1. package/README.md +1 -1
  2. package/dist/css/functional/themes/dark-colorblind.css +10 -0
  3. package/dist/css/functional/themes/dark-dimmed.css +10 -0
  4. package/dist/css/functional/themes/dark-high-contrast.css +10 -0
  5. package/dist/css/functional/themes/dark-tritanopia.css +10 -0
  6. package/dist/css/functional/themes/dark.css +10 -0
  7. package/dist/css/functional/themes/light-colorblind.css +10 -0
  8. package/dist/css/functional/themes/light-high-contrast.css +10 -0
  9. package/dist/css/functional/themes/light-tritanopia.css +10 -0
  10. package/dist/css/functional/themes/light.css +10 -0
  11. package/dist/css/functional/typography/typography.css +1 -1
  12. package/dist/docs/base/typography/typography.json +52 -4
  13. package/dist/docs/functional/themes/dark-colorblind.json +223 -78
  14. package/dist/docs/functional/themes/dark-dimmed.json +218 -73
  15. package/dist/docs/functional/themes/dark-high-contrast.json +220 -75
  16. package/dist/docs/functional/themes/dark-tritanopia.json +223 -78
  17. package/dist/docs/functional/themes/dark.json +218 -73
  18. package/dist/docs/functional/themes/light-colorblind.json +221 -76
  19. package/dist/docs/functional/themes/light-high-contrast.json +215 -70
  20. package/dist/docs/functional/themes/light-tritanopia.json +221 -76
  21. package/dist/docs/functional/themes/light.json +216 -71
  22. package/dist/docs/functional/typography/typography.json +494 -36
  23. package/dist/fallbacks/functional/typography/typography.json +1 -1
  24. package/dist/figma/figma.json +18 -1
  25. package/dist/figma/scales/dark-dimmed.json +20 -20
  26. package/dist/figma/scales/dark-high-constrast.json +20 -20
  27. package/dist/figma/scales/dark.json +20 -20
  28. package/dist/figma/scales/light-high-constrast.json +20 -20
  29. package/dist/figma/scales/light.json +20 -20
  30. package/dist/figma/themes/dark-colorblind.json +150 -70
  31. package/dist/figma/themes/dark-dimmed.json +145 -65
  32. package/dist/figma/themes/dark-high-contrast.json +149 -69
  33. package/dist/figma/themes/dark-tritanopia.json +150 -70
  34. package/dist/figma/themes/dark.json +145 -65
  35. package/dist/figma/themes/light-colorblind.json +139 -59
  36. package/dist/figma/themes/light-high-contrast.json +135 -55
  37. package/dist/figma/themes/light-tritanopia.json +139 -59
  38. package/dist/figma/themes/light.json +134 -54
  39. package/dist/figma/typography/typography.json +370 -0
  40. package/dist/internalCss/dark-colorblind.css +30 -20
  41. package/dist/internalCss/dark-dimmed.css +30 -20
  42. package/dist/internalCss/dark-high-contrast.css +30 -20
  43. package/dist/internalCss/dark-tritanopia.css +30 -20
  44. package/dist/internalCss/dark.css +30 -20
  45. package/dist/internalCss/light-colorblind.css +30 -20
  46. package/dist/internalCss/light-high-contrast.css +30 -20
  47. package/dist/internalCss/light-tritanopia.css +30 -20
  48. package/dist/internalCss/light.css +30 -20
  49. package/dist/styleLint/base/typography/typography.json +52 -4
  50. package/dist/styleLint/functional/themes/dark-colorblind.json +223 -78
  51. package/dist/styleLint/functional/themes/dark-dimmed.json +218 -73
  52. package/dist/styleLint/functional/themes/dark-high-contrast.json +220 -75
  53. package/dist/styleLint/functional/themes/dark-tritanopia.json +223 -78
  54. package/dist/styleLint/functional/themes/dark.json +218 -73
  55. package/dist/styleLint/functional/themes/light-colorblind.json +221 -76
  56. package/dist/styleLint/functional/themes/light-high-contrast.json +215 -70
  57. package/dist/styleLint/functional/themes/light-tritanopia.json +221 -76
  58. package/dist/styleLint/functional/themes/light.json +216 -71
  59. package/dist/styleLint/functional/typography/typography.json +494 -36
  60. package/package.json +4 -11
  61. package/src/PrimerStyleDictionary.ts +12 -0
  62. package/src/filters/index.ts +1 -0
  63. package/src/filters/isNumber.ts +8 -0
  64. package/src/formats/jsonFigma.ts +1 -0
  65. package/src/platforms/figma.ts +10 -1
  66. package/src/schemas/numberToken.ts +17 -0
  67. package/src/tokens/base/color/dark/dark.dimmed.json5 +1 -1
  68. package/src/tokens/base/color/dark/dark.high-contrast.json5 +1 -1
  69. package/src/tokens/base/color/dark/dark.json5 +1 -1
  70. package/src/tokens/base/color/light/light.high-contrast.json5 +1 -1
  71. package/src/tokens/base/color/light/light.json5 +1 -1
  72. package/src/tokens/base/typography/typography.json +28 -4
  73. package/src/tokens/functional/color/dark/app-dark.json5 +5 -5
  74. package/src/tokens/functional/color/dark/display-dark.json5 +66 -0
  75. package/src/tokens/functional/color/dark/overrides/dark.high-contrast.json5 +17 -17
  76. package/src/tokens/functional/color/dark/overrides/dark.protanopia-deuteranopia.json5 +5 -5
  77. package/src/tokens/functional/color/dark/overrides/dark.tritanopia.json5 +5 -5
  78. package/src/tokens/functional/color/dark/patterns-dark.json5 +42 -42
  79. package/src/tokens/functional/color/dark/primitives-dark.json5 +16 -16
  80. package/src/tokens/functional/color/dark/syntax-dark.json5 +13 -13
  81. package/src/tokens/functional/color/light/app-light.json5 +5 -5
  82. package/src/tokens/functional/color/light/display-light.json5 +66 -0
  83. package/src/tokens/functional/color/light/overrides/light.high-contrast.json5 +25 -25
  84. package/src/tokens/functional/color/light/overrides/light.protanopia-deuteranopia.json5 +5 -5
  85. package/src/tokens/functional/color/light/overrides/light.tritanopia.json5 +5 -5
  86. package/src/tokens/functional/color/light/patterns-light.json5 +30 -30
  87. package/src/tokens/functional/color/light/primitives-light.json5 +15 -15
  88. package/src/tokens/functional/color/light/syntax-light.json5 +14 -14
  89. package/src/tokens/functional/shadow/dark.json5 +1 -1
  90. package/src/tokens/functional/shadow/light.json5 +11 -11
  91. package/src/tokens/functional/typography/typography.json +263 -34
  92. package/src/transformers/floatToPixel.ts +33 -0
  93. package/src/transformers/fontFamilyToCss.ts +3 -4
  94. package/src/transformers/fontFamilyToFigma.ts +47 -0
  95. package/src/transformers/index.ts +2 -0
  96. package/src/transformers/utilities/hasSpaceInString.ts +6 -0
  97. package/build.js +0 -578
  98. package/tokens/base/size/size.json +0 -57
  99. package/tokens/base/typography/typography.json +0 -20
  100. package/tokens/functional/size/border.json +0 -48
  101. package/tokens/functional/size/breakpoints.json +0 -24
  102. package/tokens/functional/size/size-coarse.json +0 -27
  103. package/tokens/functional/size/size-fine.json +0 -27
  104. package/tokens/functional/size/size.json +0 -189
  105. package/tokens/functional/size/viewport.json +0 -24
  106. package/tokens/functional/typography/typography.json +0 -213
  107. package/tokens/removed/color.json +0 -421
  108. package/tokens-v2-private/css/tokens/base/size/size.css +0 -24
  109. package/tokens-v2-private/css/tokens/base/typography/typography.css +0 -11
  110. package/tokens-v2-private/css/tokens/functional/size/border.css +0 -17
  111. package/tokens-v2-private/css/tokens/functional/size/breakpoints.css +0 -13
  112. package/tokens-v2-private/css/tokens/functional/size/size-coarse.css +0 -11
  113. package/tokens-v2-private/css/tokens/functional/size/size-fine.css +0 -11
  114. package/tokens-v2-private/css/tokens/functional/size/size.css +0 -54
  115. package/tokens-v2-private/css/tokens/functional/size/viewport.css +0 -6
  116. package/tokens-v2-private/css/tokens/functional/typography/typography.css +0 -47
  117. package/tokens-v2-private/docs/docValues.json +0 -2209
  118. package/tokens-v2-private/js/module/tokens/base/size/size.js +0 -266
  119. package/tokens-v2-private/js/module/tokens/base/typography/typography.js +0 -77
  120. package/tokens-v2-private/js/module/tokens/functional/size/border.js +0 -165
  121. package/tokens-v2-private/js/module/tokens/functional/size/breakpoints.js +0 -101
  122. package/tokens-v2-private/js/module/tokens/functional/size/size-coarse.js +0 -73
  123. package/tokens-v2-private/js/module/tokens/functional/size/size-fine.js +0 -73
  124. package/tokens-v2-private/js/module/tokens/functional/size/size.js +0 -824
  125. package/tokens-v2-private/js/module/tokens/functional/size/viewport.js +0 -101
  126. package/tokens-v2-private/js/module/tokens/functional/typography/typography.js +0 -809
  127. package/tokens-v2-private/js/tokens/base/size/size.js +0 -22
  128. package/tokens-v2-private/js/tokens/base/typography/typography.js +0 -9
  129. package/tokens-v2-private/js/tokens/functional/size/border.js +0 -15
  130. package/tokens-v2-private/js/tokens/functional/size/breakpoints.js +0 -11
  131. package/tokens-v2-private/js/tokens/functional/size/size-coarse.js +0 -8
  132. package/tokens-v2-private/js/tokens/functional/size/size-fine.js +0 -8
  133. package/tokens-v2-private/js/tokens/functional/size/size.js +0 -52
  134. package/tokens-v2-private/js/tokens/functional/size/viewport.js +0 -11
  135. package/tokens-v2-private/js/tokens/functional/typography/typography.js +0 -45
  136. package/tokens-v2-private/scss/tokens/base/size/size.scss +0 -21
  137. package/tokens-v2-private/scss/tokens/base/typography/typography.scss +0 -8
  138. package/tokens-v2-private/scss/tokens/functional/size/border.scss +0 -14
  139. package/tokens-v2-private/scss/tokens/functional/size/breakpoints.scss +0 -10
  140. package/tokens-v2-private/scss/tokens/functional/size/size-coarse.scss +0 -7
  141. package/tokens-v2-private/scss/tokens/functional/size/size-fine.scss +0 -7
  142. package/tokens-v2-private/scss/tokens/functional/size/size.scss +0 -51
  143. package/tokens-v2-private/scss/tokens/functional/size/viewport.scss +0 -10
  144. package/tokens-v2-private/scss/tokens/functional/typography/typography.scss +0 -44
  145. package/tokens-v2-private/ts/tokens/base/size/size.d.ts +0 -31
  146. package/tokens-v2-private/ts/tokens/base/size/size.js +0 -30
  147. package/tokens-v2-private/ts/tokens/base/typography/typography.d.ts +0 -20
  148. package/tokens-v2-private/ts/tokens/base/typography/typography.js +0 -19
  149. package/tokens-v2-private/ts/tokens/functional/size/border.d.ts +0 -28
  150. package/tokens-v2-private/ts/tokens/functional/size/border.js +0 -27
  151. package/tokens-v2-private/ts/tokens/functional/size/breakpoints.d.ts +0 -20
  152. package/tokens-v2-private/ts/tokens/functional/size/breakpoints.js +0 -19
  153. package/tokens-v2-private/ts/tokens/functional/size/size-coarse.d.ts +0 -29
  154. package/tokens-v2-private/ts/tokens/functional/size/size-coarse.js +0 -28
  155. package/tokens-v2-private/ts/tokens/functional/size/size-fine.d.ts +0 -29
  156. package/tokens-v2-private/ts/tokens/functional/size/size-fine.js +0 -28
  157. package/tokens-v2-private/ts/tokens/functional/size/size.d.ts +0 -103
  158. package/tokens-v2-private/ts/tokens/functional/size/size.js +0 -102
  159. package/tokens-v2-private/ts/tokens/functional/size/viewport.d.ts +0 -20
  160. package/tokens-v2-private/ts/tokens/functional/size/viewport.js +0 -19
  161. package/tokens-v2-private/ts/tokens/functional/typography/typography.d.ts +0 -131
  162. package/tokens-v2-private/ts/tokens/functional/typography/typography.js +0 -130
@@ -1,824 +0,0 @@
1
- /**
2
- * Do not edit directly
3
- * Generated on Thu, 18 Apr 2024 08:59:04 GMT
4
- */
5
-
6
- module.exports = {
7
- "primer": {
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
- "primer",
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
- "primer",
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
- "primer",
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
- "primer",
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(({primer.control.xsmall.size} - {primer.control.xsmall.lineBoxHeight}) / 2)"
82
- },
83
- "name": "paddingBlock",
84
- "attributes": {},
85
- "path": [
86
- "primer",
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
- "primer",
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
- "primer",
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
- "primer",
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
- "primer",
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
- "primer",
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
- "primer",
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(({primer.control.small.size} - {primer.control.small.lineBoxHeight}) / 2)"
201
- },
202
- "name": "paddingBlock",
203
- "attributes": {},
204
- "path": [
205
- "primer",
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
- "primer",
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
- "primer",
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
- "primer",
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
- "primer",
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
- "primer",
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(({primer.control.medium.size} - {primer.control.medium.lineBoxHeight}) / 2)"
303
- },
304
- "name": "paddingBlock",
305
- "attributes": {},
306
- "path": [
307
- "primer",
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
- "primer",
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
- "primer",
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
- "primer",
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
- "primer",
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
- "primer",
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
- "primer",
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(({primer.control.large.size} - {primer.control.large.lineBoxHeight}) / 2)"
422
- },
423
- "name": "paddingBlock",
424
- "attributes": {},
425
- "path": [
426
- "primer",
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
- "primer",
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
- "primer",
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
- "primer",
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
- "primer",
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
- "primer",
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(({primer.control.xlarge.size} - {primer.control.xlarge.lineBoxHeight}) / 2)"
524
- },
525
- "name": "paddingBlock",
526
- "attributes": {},
527
- "path": [
528
- "primer",
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
- "primer",
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
- "primer",
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
- "primer",
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
- "primer",
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
- "primer",
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
- "primer",
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
- "primer",
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
- "primer",
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
- "primer",
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
- "primer",
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
- "primer",
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
- "primer",
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
- "primer",
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
- "primer",
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
- "primer",
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
- "primer",
814
- "controlStack",
815
- "large",
816
- "gap",
817
- "spacious"
818
- ]
819
- }
820
- }
821
- }
822
- }
823
- }
824
- };