@primer/primitives 10.8.0-rc.69ebab9a → 10.8.0-rc.f296f65b
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.
- package/dist/css/base/motion/motion.css +4 -4
- package/dist/css/functional/size/border.css +2 -2
- package/dist/css/functional/typography/typography.css +11 -11
- package/dist/css/primitives.css +17 -17
- package/dist/docs/base/motion/motion.json +48 -32
- package/dist/docs/base/size/size.json +95 -76
- package/dist/docs/base/typography/typography.json +12 -8
- package/dist/docs/functional/size/border.json +42 -28
- package/dist/docs/functional/size/breakpoints.json +18 -12
- package/dist/docs/functional/size/size-coarse.json +9 -6
- package/dist/docs/functional/size/size-fine.json +9 -6
- package/dist/docs/functional/size/size.json +198 -132
- package/dist/docs/functional/size/viewport.json +18 -12
- package/dist/docs/functional/themes/dark-colorblind.json +2472 -1648
- package/dist/docs/functional/themes/dark-dimmed.json +2472 -1648
- package/dist/docs/functional/themes/dark-high-contrast.json +2472 -1648
- package/dist/docs/functional/themes/dark-tritanopia.json +2472 -1648
- package/dist/docs/functional/themes/dark.json +2472 -1648
- package/dist/docs/functional/themes/light-colorblind.json +2472 -1648
- package/dist/docs/functional/themes/light-high-contrast.json +2472 -1648
- package/dist/docs/functional/themes/light-tritanopia.json +2472 -1648
- package/dist/docs/functional/themes/light.json +2472 -1648
- package/dist/docs/functional/typography/typography.json +138 -92
- package/dist/figma/dimension/dimension.json +19 -19
- package/dist/internalCss/dark-colorblind.css +4 -4
- package/dist/internalCss/dark-dimmed.css +4 -4
- package/dist/internalCss/dark-high-contrast.css +4 -4
- package/dist/internalCss/dark-tritanopia.css +4 -4
- package/dist/internalCss/dark.css +4 -4
- package/dist/internalCss/light-colorblind.css +4 -4
- package/dist/internalCss/light-high-contrast.css +4 -4
- package/dist/internalCss/light-tritanopia.css +4 -4
- package/dist/internalCss/light.css +4 -4
- package/dist/styleLint/base/motion/motion.json +64 -48
- package/dist/styleLint/base/size/size.json +114 -95
- package/dist/styleLint/base/typography/typography.json +16 -12
- package/dist/styleLint/functional/size/border.json +59 -45
- package/dist/styleLint/functional/size/breakpoints.json +24 -18
- package/dist/styleLint/functional/size/size-coarse.json +12 -9
- package/dist/styleLint/functional/size/size-fine.json +12 -9
- package/dist/styleLint/functional/size/size.json +264 -198
- package/dist/styleLint/functional/size/viewport.json +28 -22
- package/dist/styleLint/functional/themes/dark-colorblind.json +3296 -2472
- package/dist/styleLint/functional/themes/dark-dimmed.json +3296 -2472
- package/dist/styleLint/functional/themes/dark-high-contrast.json +3296 -2472
- package/dist/styleLint/functional/themes/dark-tritanopia.json +3296 -2472
- package/dist/styleLint/functional/themes/dark.json +3296 -2472
- package/dist/styleLint/functional/themes/light-colorblind.json +3296 -2472
- package/dist/styleLint/functional/themes/light-high-contrast.json +3296 -2472
- package/dist/styleLint/functional/themes/light-tritanopia.json +3296 -2472
- package/dist/styleLint/functional/themes/light.json +3296 -2472
- package/dist/styleLint/functional/typography/typography.json +184 -138
- package/package.json +2 -3
- package/src/tokens/base/size/size.json5 +19 -19
|
@@ -1,9 +1,10 @@
|
|
|
1
1
|
{
|
|
2
2
|
"base-size-112": {
|
|
3
|
+
"key": "{base.size.112}",
|
|
3
4
|
"$extensions": {
|
|
4
5
|
"org.primer.figma": {
|
|
5
6
|
"collection": "base/size",
|
|
6
|
-
"scopes": ["size"]
|
|
7
|
+
"scopes": ["size", "gap"]
|
|
7
8
|
}
|
|
8
9
|
},
|
|
9
10
|
"filePath": "src/tokens/base/size/size.json5",
|
|
@@ -14,22 +15,23 @@
|
|
|
14
15
|
"$extensions": {
|
|
15
16
|
"org.primer.figma": {
|
|
16
17
|
"collection": "base/size",
|
|
17
|
-
"scopes": ["size"]
|
|
18
|
+
"scopes": ["size", "gap"]
|
|
18
19
|
}
|
|
19
|
-
}
|
|
20
|
+
},
|
|
21
|
+
"key": "{base.size.112}"
|
|
20
22
|
},
|
|
21
23
|
"name": "base-size-112",
|
|
22
24
|
"attributes": {},
|
|
23
25
|
"path": ["base", "size", "112"],
|
|
24
|
-
"key": "{base.size.112}",
|
|
25
26
|
"value": "7rem",
|
|
26
27
|
"type": "dimension"
|
|
27
28
|
},
|
|
28
29
|
"base-size-12": {
|
|
30
|
+
"key": "{base.size.12}",
|
|
29
31
|
"$extensions": {
|
|
30
32
|
"org.primer.figma": {
|
|
31
33
|
"collection": "base/size",
|
|
32
|
-
"scopes": ["size"]
|
|
34
|
+
"scopes": ["size", "gap"]
|
|
33
35
|
}
|
|
34
36
|
},
|
|
35
37
|
"filePath": "src/tokens/base/size/size.json5",
|
|
@@ -40,22 +42,23 @@
|
|
|
40
42
|
"$extensions": {
|
|
41
43
|
"org.primer.figma": {
|
|
42
44
|
"collection": "base/size",
|
|
43
|
-
"scopes": ["size"]
|
|
45
|
+
"scopes": ["size", "gap"]
|
|
44
46
|
}
|
|
45
|
-
}
|
|
47
|
+
},
|
|
48
|
+
"key": "{base.size.12}"
|
|
46
49
|
},
|
|
47
50
|
"name": "base-size-12",
|
|
48
51
|
"attributes": {},
|
|
49
52
|
"path": ["base", "size", "12"],
|
|
50
|
-
"key": "{base.size.12}",
|
|
51
53
|
"value": "0.75rem",
|
|
52
54
|
"type": "dimension"
|
|
53
55
|
},
|
|
54
56
|
"base-size-128": {
|
|
57
|
+
"key": "{base.size.128}",
|
|
55
58
|
"$extensions": {
|
|
56
59
|
"org.primer.figma": {
|
|
57
60
|
"collection": "base/size",
|
|
58
|
-
"scopes": ["size"]
|
|
61
|
+
"scopes": ["size", "gap"]
|
|
59
62
|
}
|
|
60
63
|
},
|
|
61
64
|
"filePath": "src/tokens/base/size/size.json5",
|
|
@@ -66,22 +69,23 @@
|
|
|
66
69
|
"$extensions": {
|
|
67
70
|
"org.primer.figma": {
|
|
68
71
|
"collection": "base/size",
|
|
69
|
-
"scopes": ["size"]
|
|
72
|
+
"scopes": ["size", "gap"]
|
|
70
73
|
}
|
|
71
|
-
}
|
|
74
|
+
},
|
|
75
|
+
"key": "{base.size.128}"
|
|
72
76
|
},
|
|
73
77
|
"name": "base-size-128",
|
|
74
78
|
"attributes": {},
|
|
75
79
|
"path": ["base", "size", "128"],
|
|
76
|
-
"key": "{base.size.128}",
|
|
77
80
|
"value": "8rem",
|
|
78
81
|
"type": "dimension"
|
|
79
82
|
},
|
|
80
83
|
"base-size-16": {
|
|
84
|
+
"key": "{base.size.16}",
|
|
81
85
|
"$extensions": {
|
|
82
86
|
"org.primer.figma": {
|
|
83
87
|
"collection": "base/size",
|
|
84
|
-
"scopes": ["size"]
|
|
88
|
+
"scopes": ["size", "gap"]
|
|
85
89
|
}
|
|
86
90
|
},
|
|
87
91
|
"filePath": "src/tokens/base/size/size.json5",
|
|
@@ -92,22 +96,23 @@
|
|
|
92
96
|
"$extensions": {
|
|
93
97
|
"org.primer.figma": {
|
|
94
98
|
"collection": "base/size",
|
|
95
|
-
"scopes": ["size"]
|
|
99
|
+
"scopes": ["size", "gap"]
|
|
96
100
|
}
|
|
97
|
-
}
|
|
101
|
+
},
|
|
102
|
+
"key": "{base.size.16}"
|
|
98
103
|
},
|
|
99
104
|
"name": "base-size-16",
|
|
100
105
|
"attributes": {},
|
|
101
106
|
"path": ["base", "size", "16"],
|
|
102
|
-
"key": "{base.size.16}",
|
|
103
107
|
"value": "1rem",
|
|
104
108
|
"type": "dimension"
|
|
105
109
|
},
|
|
106
110
|
"base-size-2": {
|
|
111
|
+
"key": "{base.size.2}",
|
|
107
112
|
"$extensions": {
|
|
108
113
|
"org.primer.figma": {
|
|
109
114
|
"collection": "base/size",
|
|
110
|
-
"scopes": ["size"]
|
|
115
|
+
"scopes": ["size", "gap"]
|
|
111
116
|
}
|
|
112
117
|
},
|
|
113
118
|
"filePath": "src/tokens/base/size/size.json5",
|
|
@@ -118,22 +123,23 @@
|
|
|
118
123
|
"$extensions": {
|
|
119
124
|
"org.primer.figma": {
|
|
120
125
|
"collection": "base/size",
|
|
121
|
-
"scopes": ["size"]
|
|
126
|
+
"scopes": ["size", "gap"]
|
|
122
127
|
}
|
|
123
|
-
}
|
|
128
|
+
},
|
|
129
|
+
"key": "{base.size.2}"
|
|
124
130
|
},
|
|
125
131
|
"name": "base-size-2",
|
|
126
132
|
"attributes": {},
|
|
127
133
|
"path": ["base", "size", "2"],
|
|
128
|
-
"key": "{base.size.2}",
|
|
129
134
|
"value": "0.125rem",
|
|
130
135
|
"type": "dimension"
|
|
131
136
|
},
|
|
132
137
|
"base-size-20": {
|
|
138
|
+
"key": "{base.size.20}",
|
|
133
139
|
"$extensions": {
|
|
134
140
|
"org.primer.figma": {
|
|
135
141
|
"collection": "base/size",
|
|
136
|
-
"scopes": ["size"]
|
|
142
|
+
"scopes": ["size", "gap"]
|
|
137
143
|
}
|
|
138
144
|
},
|
|
139
145
|
"filePath": "src/tokens/base/size/size.json5",
|
|
@@ -144,22 +150,23 @@
|
|
|
144
150
|
"$extensions": {
|
|
145
151
|
"org.primer.figma": {
|
|
146
152
|
"collection": "base/size",
|
|
147
|
-
"scopes": ["size"]
|
|
153
|
+
"scopes": ["size", "gap"]
|
|
148
154
|
}
|
|
149
|
-
}
|
|
155
|
+
},
|
|
156
|
+
"key": "{base.size.20}"
|
|
150
157
|
},
|
|
151
158
|
"name": "base-size-20",
|
|
152
159
|
"attributes": {},
|
|
153
160
|
"path": ["base", "size", "20"],
|
|
154
|
-
"key": "{base.size.20}",
|
|
155
161
|
"value": "1.25rem",
|
|
156
162
|
"type": "dimension"
|
|
157
163
|
},
|
|
158
164
|
"base-size-24": {
|
|
165
|
+
"key": "{base.size.24}",
|
|
159
166
|
"$extensions": {
|
|
160
167
|
"org.primer.figma": {
|
|
161
168
|
"collection": "base/size",
|
|
162
|
-
"scopes": ["size"]
|
|
169
|
+
"scopes": ["size", "gap"]
|
|
163
170
|
}
|
|
164
171
|
},
|
|
165
172
|
"filePath": "src/tokens/base/size/size.json5",
|
|
@@ -170,22 +177,23 @@
|
|
|
170
177
|
"$extensions": {
|
|
171
178
|
"org.primer.figma": {
|
|
172
179
|
"collection": "base/size",
|
|
173
|
-
"scopes": ["size"]
|
|
180
|
+
"scopes": ["size", "gap"]
|
|
174
181
|
}
|
|
175
|
-
}
|
|
182
|
+
},
|
|
183
|
+
"key": "{base.size.24}"
|
|
176
184
|
},
|
|
177
185
|
"name": "base-size-24",
|
|
178
186
|
"attributes": {},
|
|
179
187
|
"path": ["base", "size", "24"],
|
|
180
|
-
"key": "{base.size.24}",
|
|
181
188
|
"value": "1.5rem",
|
|
182
189
|
"type": "dimension"
|
|
183
190
|
},
|
|
184
191
|
"base-size-28": {
|
|
192
|
+
"key": "{base.size.28}",
|
|
185
193
|
"$extensions": {
|
|
186
194
|
"org.primer.figma": {
|
|
187
195
|
"collection": "base/size",
|
|
188
|
-
"scopes": ["size"]
|
|
196
|
+
"scopes": ["size", "gap"]
|
|
189
197
|
}
|
|
190
198
|
},
|
|
191
199
|
"filePath": "src/tokens/base/size/size.json5",
|
|
@@ -196,22 +204,23 @@
|
|
|
196
204
|
"$extensions": {
|
|
197
205
|
"org.primer.figma": {
|
|
198
206
|
"collection": "base/size",
|
|
199
|
-
"scopes": ["size"]
|
|
207
|
+
"scopes": ["size", "gap"]
|
|
200
208
|
}
|
|
201
|
-
}
|
|
209
|
+
},
|
|
210
|
+
"key": "{base.size.28}"
|
|
202
211
|
},
|
|
203
212
|
"name": "base-size-28",
|
|
204
213
|
"attributes": {},
|
|
205
214
|
"path": ["base", "size", "28"],
|
|
206
|
-
"key": "{base.size.28}",
|
|
207
215
|
"value": "1.75rem",
|
|
208
216
|
"type": "dimension"
|
|
209
217
|
},
|
|
210
218
|
"base-size-32": {
|
|
219
|
+
"key": "{base.size.32}",
|
|
211
220
|
"$extensions": {
|
|
212
221
|
"org.primer.figma": {
|
|
213
222
|
"collection": "base/size",
|
|
214
|
-
"scopes": ["size"]
|
|
223
|
+
"scopes": ["size", "gap"]
|
|
215
224
|
}
|
|
216
225
|
},
|
|
217
226
|
"filePath": "src/tokens/base/size/size.json5",
|
|
@@ -222,22 +231,23 @@
|
|
|
222
231
|
"$extensions": {
|
|
223
232
|
"org.primer.figma": {
|
|
224
233
|
"collection": "base/size",
|
|
225
|
-
"scopes": ["size"]
|
|
234
|
+
"scopes": ["size", "gap"]
|
|
226
235
|
}
|
|
227
|
-
}
|
|
236
|
+
},
|
|
237
|
+
"key": "{base.size.32}"
|
|
228
238
|
},
|
|
229
239
|
"name": "base-size-32",
|
|
230
240
|
"attributes": {},
|
|
231
241
|
"path": ["base", "size", "32"],
|
|
232
|
-
"key": "{base.size.32}",
|
|
233
242
|
"value": "2rem",
|
|
234
243
|
"type": "dimension"
|
|
235
244
|
},
|
|
236
245
|
"base-size-36": {
|
|
246
|
+
"key": "{base.size.36}",
|
|
237
247
|
"$extensions": {
|
|
238
248
|
"org.primer.figma": {
|
|
239
249
|
"collection": "base/size",
|
|
240
|
-
"scopes": ["size"]
|
|
250
|
+
"scopes": ["size", "gap"]
|
|
241
251
|
}
|
|
242
252
|
},
|
|
243
253
|
"filePath": "src/tokens/base/size/size.json5",
|
|
@@ -248,22 +258,23 @@
|
|
|
248
258
|
"$extensions": {
|
|
249
259
|
"org.primer.figma": {
|
|
250
260
|
"collection": "base/size",
|
|
251
|
-
"scopes": ["size"]
|
|
261
|
+
"scopes": ["size", "gap"]
|
|
252
262
|
}
|
|
253
|
-
}
|
|
263
|
+
},
|
|
264
|
+
"key": "{base.size.36}"
|
|
254
265
|
},
|
|
255
266
|
"name": "base-size-36",
|
|
256
267
|
"attributes": {},
|
|
257
268
|
"path": ["base", "size", "36"],
|
|
258
|
-
"key": "{base.size.36}",
|
|
259
269
|
"value": "2.25rem",
|
|
260
270
|
"type": "dimension"
|
|
261
271
|
},
|
|
262
272
|
"base-size-4": {
|
|
273
|
+
"key": "{base.size.4}",
|
|
263
274
|
"$extensions": {
|
|
264
275
|
"org.primer.figma": {
|
|
265
276
|
"collection": "base/size",
|
|
266
|
-
"scopes": ["size"]
|
|
277
|
+
"scopes": ["size", "gap"]
|
|
267
278
|
}
|
|
268
279
|
},
|
|
269
280
|
"filePath": "src/tokens/base/size/size.json5",
|
|
@@ -274,22 +285,23 @@
|
|
|
274
285
|
"$extensions": {
|
|
275
286
|
"org.primer.figma": {
|
|
276
287
|
"collection": "base/size",
|
|
277
|
-
"scopes": ["size"]
|
|
288
|
+
"scopes": ["size", "gap"]
|
|
278
289
|
}
|
|
279
|
-
}
|
|
290
|
+
},
|
|
291
|
+
"key": "{base.size.4}"
|
|
280
292
|
},
|
|
281
293
|
"name": "base-size-4",
|
|
282
294
|
"attributes": {},
|
|
283
295
|
"path": ["base", "size", "4"],
|
|
284
|
-
"key": "{base.size.4}",
|
|
285
296
|
"value": "0.25rem",
|
|
286
297
|
"type": "dimension"
|
|
287
298
|
},
|
|
288
299
|
"base-size-40": {
|
|
300
|
+
"key": "{base.size.40}",
|
|
289
301
|
"$extensions": {
|
|
290
302
|
"org.primer.figma": {
|
|
291
303
|
"collection": "base/size",
|
|
292
|
-
"scopes": ["size"]
|
|
304
|
+
"scopes": ["size", "gap"]
|
|
293
305
|
}
|
|
294
306
|
},
|
|
295
307
|
"filePath": "src/tokens/base/size/size.json5",
|
|
@@ -300,22 +312,23 @@
|
|
|
300
312
|
"$extensions": {
|
|
301
313
|
"org.primer.figma": {
|
|
302
314
|
"collection": "base/size",
|
|
303
|
-
"scopes": ["size"]
|
|
315
|
+
"scopes": ["size", "gap"]
|
|
304
316
|
}
|
|
305
|
-
}
|
|
317
|
+
},
|
|
318
|
+
"key": "{base.size.40}"
|
|
306
319
|
},
|
|
307
320
|
"name": "base-size-40",
|
|
308
321
|
"attributes": {},
|
|
309
322
|
"path": ["base", "size", "40"],
|
|
310
|
-
"key": "{base.size.40}",
|
|
311
323
|
"value": "2.5rem",
|
|
312
324
|
"type": "dimension"
|
|
313
325
|
},
|
|
314
326
|
"base-size-44": {
|
|
327
|
+
"key": "{base.size.44}",
|
|
315
328
|
"$extensions": {
|
|
316
329
|
"org.primer.figma": {
|
|
317
330
|
"collection": "base/size",
|
|
318
|
-
"scopes": ["size"]
|
|
331
|
+
"scopes": ["size", "gap"]
|
|
319
332
|
}
|
|
320
333
|
},
|
|
321
334
|
"filePath": "src/tokens/base/size/size.json5",
|
|
@@ -326,22 +339,23 @@
|
|
|
326
339
|
"$extensions": {
|
|
327
340
|
"org.primer.figma": {
|
|
328
341
|
"collection": "base/size",
|
|
329
|
-
"scopes": ["size"]
|
|
342
|
+
"scopes": ["size", "gap"]
|
|
330
343
|
}
|
|
331
|
-
}
|
|
344
|
+
},
|
|
345
|
+
"key": "{base.size.44}"
|
|
332
346
|
},
|
|
333
347
|
"name": "base-size-44",
|
|
334
348
|
"attributes": {},
|
|
335
349
|
"path": ["base", "size", "44"],
|
|
336
|
-
"key": "{base.size.44}",
|
|
337
350
|
"value": "2.75rem",
|
|
338
351
|
"type": "dimension"
|
|
339
352
|
},
|
|
340
353
|
"base-size-48": {
|
|
354
|
+
"key": "{base.size.48}",
|
|
341
355
|
"$extensions": {
|
|
342
356
|
"org.primer.figma": {
|
|
343
357
|
"collection": "base/size",
|
|
344
|
-
"scopes": ["size"]
|
|
358
|
+
"scopes": ["size", "gap"]
|
|
345
359
|
}
|
|
346
360
|
},
|
|
347
361
|
"filePath": "src/tokens/base/size/size.json5",
|
|
@@ -352,22 +366,23 @@
|
|
|
352
366
|
"$extensions": {
|
|
353
367
|
"org.primer.figma": {
|
|
354
368
|
"collection": "base/size",
|
|
355
|
-
"scopes": ["size"]
|
|
369
|
+
"scopes": ["size", "gap"]
|
|
356
370
|
}
|
|
357
|
-
}
|
|
371
|
+
},
|
|
372
|
+
"key": "{base.size.48}"
|
|
358
373
|
},
|
|
359
374
|
"name": "base-size-48",
|
|
360
375
|
"attributes": {},
|
|
361
376
|
"path": ["base", "size", "48"],
|
|
362
|
-
"key": "{base.size.48}",
|
|
363
377
|
"value": "3rem",
|
|
364
378
|
"type": "dimension"
|
|
365
379
|
},
|
|
366
380
|
"base-size-6": {
|
|
381
|
+
"key": "{base.size.6}",
|
|
367
382
|
"$extensions": {
|
|
368
383
|
"org.primer.figma": {
|
|
369
384
|
"collection": "base/size",
|
|
370
|
-
"scopes": ["size"]
|
|
385
|
+
"scopes": ["size", "gap"]
|
|
371
386
|
}
|
|
372
387
|
},
|
|
373
388
|
"filePath": "src/tokens/base/size/size.json5",
|
|
@@ -378,22 +393,23 @@
|
|
|
378
393
|
"$extensions": {
|
|
379
394
|
"org.primer.figma": {
|
|
380
395
|
"collection": "base/size",
|
|
381
|
-
"scopes": ["size"]
|
|
396
|
+
"scopes": ["size", "gap"]
|
|
382
397
|
}
|
|
383
|
-
}
|
|
398
|
+
},
|
|
399
|
+
"key": "{base.size.6}"
|
|
384
400
|
},
|
|
385
401
|
"name": "base-size-6",
|
|
386
402
|
"attributes": {},
|
|
387
403
|
"path": ["base", "size", "6"],
|
|
388
|
-
"key": "{base.size.6}",
|
|
389
404
|
"value": "0.375rem",
|
|
390
405
|
"type": "dimension"
|
|
391
406
|
},
|
|
392
407
|
"base-size-64": {
|
|
408
|
+
"key": "{base.size.64}",
|
|
393
409
|
"$extensions": {
|
|
394
410
|
"org.primer.figma": {
|
|
395
411
|
"collection": "base/size",
|
|
396
|
-
"scopes": ["size"]
|
|
412
|
+
"scopes": ["size", "gap"]
|
|
397
413
|
}
|
|
398
414
|
},
|
|
399
415
|
"filePath": "src/tokens/base/size/size.json5",
|
|
@@ -404,22 +420,23 @@
|
|
|
404
420
|
"$extensions": {
|
|
405
421
|
"org.primer.figma": {
|
|
406
422
|
"collection": "base/size",
|
|
407
|
-
"scopes": ["size"]
|
|
423
|
+
"scopes": ["size", "gap"]
|
|
408
424
|
}
|
|
409
|
-
}
|
|
425
|
+
},
|
|
426
|
+
"key": "{base.size.64}"
|
|
410
427
|
},
|
|
411
428
|
"name": "base-size-64",
|
|
412
429
|
"attributes": {},
|
|
413
430
|
"path": ["base", "size", "64"],
|
|
414
|
-
"key": "{base.size.64}",
|
|
415
431
|
"value": "4rem",
|
|
416
432
|
"type": "dimension"
|
|
417
433
|
},
|
|
418
434
|
"base-size-8": {
|
|
435
|
+
"key": "{base.size.8}",
|
|
419
436
|
"$extensions": {
|
|
420
437
|
"org.primer.figma": {
|
|
421
438
|
"collection": "base/size",
|
|
422
|
-
"scopes": ["size"]
|
|
439
|
+
"scopes": ["size", "gap"]
|
|
423
440
|
}
|
|
424
441
|
},
|
|
425
442
|
"filePath": "src/tokens/base/size/size.json5",
|
|
@@ -430,22 +447,23 @@
|
|
|
430
447
|
"$extensions": {
|
|
431
448
|
"org.primer.figma": {
|
|
432
449
|
"collection": "base/size",
|
|
433
|
-
"scopes": ["size"]
|
|
450
|
+
"scopes": ["size", "gap"]
|
|
434
451
|
}
|
|
435
|
-
}
|
|
452
|
+
},
|
|
453
|
+
"key": "{base.size.8}"
|
|
436
454
|
},
|
|
437
455
|
"name": "base-size-8",
|
|
438
456
|
"attributes": {},
|
|
439
457
|
"path": ["base", "size", "8"],
|
|
440
|
-
"key": "{base.size.8}",
|
|
441
458
|
"value": "0.5rem",
|
|
442
459
|
"type": "dimension"
|
|
443
460
|
},
|
|
444
461
|
"base-size-80": {
|
|
462
|
+
"key": "{base.size.80}",
|
|
445
463
|
"$extensions": {
|
|
446
464
|
"org.primer.figma": {
|
|
447
465
|
"collection": "base/size",
|
|
448
|
-
"scopes": ["size"]
|
|
466
|
+
"scopes": ["size", "gap"]
|
|
449
467
|
}
|
|
450
468
|
},
|
|
451
469
|
"filePath": "src/tokens/base/size/size.json5",
|
|
@@ -456,22 +474,23 @@
|
|
|
456
474
|
"$extensions": {
|
|
457
475
|
"org.primer.figma": {
|
|
458
476
|
"collection": "base/size",
|
|
459
|
-
"scopes": ["size"]
|
|
477
|
+
"scopes": ["size", "gap"]
|
|
460
478
|
}
|
|
461
|
-
}
|
|
479
|
+
},
|
|
480
|
+
"key": "{base.size.80}"
|
|
462
481
|
},
|
|
463
482
|
"name": "base-size-80",
|
|
464
483
|
"attributes": {},
|
|
465
484
|
"path": ["base", "size", "80"],
|
|
466
|
-
"key": "{base.size.80}",
|
|
467
485
|
"value": "5rem",
|
|
468
486
|
"type": "dimension"
|
|
469
487
|
},
|
|
470
488
|
"base-size-96": {
|
|
489
|
+
"key": "{base.size.96}",
|
|
471
490
|
"$extensions": {
|
|
472
491
|
"org.primer.figma": {
|
|
473
492
|
"collection": "base/size",
|
|
474
|
-
"scopes": ["size"]
|
|
493
|
+
"scopes": ["size", "gap"]
|
|
475
494
|
}
|
|
476
495
|
},
|
|
477
496
|
"filePath": "src/tokens/base/size/size.json5",
|
|
@@ -482,14 +501,14 @@
|
|
|
482
501
|
"$extensions": {
|
|
483
502
|
"org.primer.figma": {
|
|
484
503
|
"collection": "base/size",
|
|
485
|
-
"scopes": ["size"]
|
|
504
|
+
"scopes": ["size", "gap"]
|
|
486
505
|
}
|
|
487
|
-
}
|
|
506
|
+
},
|
|
507
|
+
"key": "{base.size.96}"
|
|
488
508
|
},
|
|
489
509
|
"name": "base-size-96",
|
|
490
510
|
"attributes": {},
|
|
491
511
|
"path": ["base", "size", "96"],
|
|
492
|
-
"key": "{base.size.96}",
|
|
493
512
|
"value": "6rem",
|
|
494
513
|
"type": "dimension"
|
|
495
514
|
}
|
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"base-text-weight-light": {
|
|
3
|
+
"key": "{base.text.weight.light}",
|
|
3
4
|
"$extensions": {
|
|
4
5
|
"org.primer.figma": {
|
|
5
6
|
"collection": "base/typography",
|
|
@@ -16,16 +17,17 @@
|
|
|
16
17
|
"collection": "base/typography",
|
|
17
18
|
"scopes": ["fontWeight"]
|
|
18
19
|
}
|
|
19
|
-
}
|
|
20
|
+
},
|
|
21
|
+
"key": "{base.text.weight.light}"
|
|
20
22
|
},
|
|
21
23
|
"name": "base-text-weight-light",
|
|
22
24
|
"attributes": {},
|
|
23
25
|
"path": ["base", "text", "weight", "light"],
|
|
24
|
-
"key": "{base.text.weight.light}",
|
|
25
26
|
"value": 300,
|
|
26
27
|
"type": "fontWeight"
|
|
27
28
|
},
|
|
28
29
|
"base-text-weight-medium": {
|
|
30
|
+
"key": "{base.text.weight.medium}",
|
|
29
31
|
"$extensions": {
|
|
30
32
|
"org.primer.figma": {
|
|
31
33
|
"collection": "base/typography",
|
|
@@ -42,16 +44,17 @@
|
|
|
42
44
|
"collection": "base/typography",
|
|
43
45
|
"scopes": ["fontWeight"]
|
|
44
46
|
}
|
|
45
|
-
}
|
|
47
|
+
},
|
|
48
|
+
"key": "{base.text.weight.medium}"
|
|
46
49
|
},
|
|
47
50
|
"name": "base-text-weight-medium",
|
|
48
51
|
"attributes": {},
|
|
49
52
|
"path": ["base", "text", "weight", "medium"],
|
|
50
|
-
"key": "{base.text.weight.medium}",
|
|
51
53
|
"value": 500,
|
|
52
54
|
"type": "fontWeight"
|
|
53
55
|
},
|
|
54
56
|
"base-text-weight-normal": {
|
|
57
|
+
"key": "{base.text.weight.normal}",
|
|
55
58
|
"$extensions": {
|
|
56
59
|
"org.primer.figma": {
|
|
57
60
|
"collection": "base/typography",
|
|
@@ -68,16 +71,17 @@
|
|
|
68
71
|
"collection": "base/typography",
|
|
69
72
|
"scopes": ["fontWeight"]
|
|
70
73
|
}
|
|
71
|
-
}
|
|
74
|
+
},
|
|
75
|
+
"key": "{base.text.weight.normal}"
|
|
72
76
|
},
|
|
73
77
|
"name": "base-text-weight-normal",
|
|
74
78
|
"attributes": {},
|
|
75
79
|
"path": ["base", "text", "weight", "normal"],
|
|
76
|
-
"key": "{base.text.weight.normal}",
|
|
77
80
|
"value": 400,
|
|
78
81
|
"type": "fontWeight"
|
|
79
82
|
},
|
|
80
83
|
"base-text-weight-semibold": {
|
|
84
|
+
"key": "{base.text.weight.semibold}",
|
|
81
85
|
"$extensions": {
|
|
82
86
|
"org.primer.figma": {
|
|
83
87
|
"collection": "base/typography",
|
|
@@ -94,12 +98,12 @@
|
|
|
94
98
|
"collection": "base/typography",
|
|
95
99
|
"scopes": ["fontWeight"]
|
|
96
100
|
}
|
|
97
|
-
}
|
|
101
|
+
},
|
|
102
|
+
"key": "{base.text.weight.semibold}"
|
|
98
103
|
},
|
|
99
104
|
"name": "base-text-weight-semibold",
|
|
100
105
|
"attributes": {},
|
|
101
106
|
"path": ["base", "text", "weight", "semibold"],
|
|
102
|
-
"key": "{base.text.weight.semibold}",
|
|
103
107
|
"value": 600,
|
|
104
108
|
"type": "fontWeight"
|
|
105
109
|
}
|