@primer/primitives 10.2.0 → 10.3.0-rc.22c9c6cf
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/build/formats/cssCustomMedia.js +2 -2
- package/dist/build/formats/jsonOneDimensional.js +2 -1
- package/dist/build/platforms/css.js +5 -2
- package/dist/build/platforms/figma.js +40 -36
- package/dist/build/preprocessors/themeOverrides.js +7 -4
- package/dist/build/schemas/collections.d.ts +1 -1
- package/dist/build/schemas/colorToken.d.ts +471 -65
- package/dist/build/schemas/colorToken.js +18 -15
- package/dist/build/schemas/shadowToken.js +2 -2
- package/dist/build/transformers/colorAlphaToCss.d.ts +1 -1
- package/dist/build/transformers/colorToHex.js +3 -3
- package/dist/build/transformers/colorToRgbAlpha.js +2 -2
- package/dist/build/transformers/figmaAttributes.js +2 -1
- package/dist/build/transformers/shadowToCss.js +2 -2
- package/dist/build/transformers/utilities/alpha.d.ts +2 -2
- package/dist/build/transformers/utilities/alpha.js +3 -3
- package/dist/build/types/styleDictionaryConfigGenerator.d.ts +1 -1
- package/dist/build/utilities/asArray.d.ts +1 -0
- package/dist/build/utilities/asArray.js +1 -0
- package/dist/build/utilities/log.d.ts +6 -0
- package/dist/build/utilities/log.js +34 -0
- package/dist/css/functional/size/border.css +5 -5
- package/dist/css/functional/size/size.css +15 -15
- package/dist/css/functional/size/viewport.css +2 -2
- package/dist/css/functional/themes/dark-colorblind.css +408 -408
- package/dist/css/functional/themes/dark-dimmed.css +390 -390
- package/dist/css/functional/themes/dark-high-contrast.css +412 -412
- package/dist/css/functional/themes/dark-tritanopia.css +406 -406
- package/dist/css/functional/themes/dark.css +416 -416
- package/dist/css/functional/themes/light-colorblind.css +444 -444
- package/dist/css/functional/themes/light-high-contrast.css +438 -438
- package/dist/css/functional/themes/light-tritanopia.css +432 -432
- package/dist/css/functional/themes/light.css +444 -444
- package/dist/css/primitives.css +20 -20
- package/dist/docs/base/motion/motion.json +88 -73
- package/dist/docs/base/size/size.json +94 -75
- package/dist/docs/base/typography/typography.json +14 -10
- package/dist/docs/functional/motion/motion.json +19 -15
- package/dist/docs/functional/size/border.json +139 -125
- package/dist/docs/functional/size/breakpoints.json +31 -25
- package/dist/docs/functional/size/size-coarse.json +13 -10
- package/dist/docs/functional/size/size-fine.json +9 -6
- package/dist/docs/functional/size/size.json +499 -433
- package/dist/docs/functional/size/viewport.json +32 -26
- package/dist/docs/functional/themes/dark-colorblind.json +7846 -6530
- package/dist/docs/functional/themes/dark-dimmed.json +7774 -6498
- package/dist/docs/functional/themes/dark-high-contrast.json +8121 -6737
- package/dist/docs/functional/themes/dark-tritanopia.json +7817 -6543
- package/dist/docs/functional/themes/dark.json +7772 -6562
- package/dist/docs/functional/themes/light-colorblind.json +7753 -6455
- package/dist/docs/functional/themes/light-high-contrast.json +7983 -6643
- package/dist/docs/functional/themes/light-tritanopia.json +7732 -6454
- package/dist/docs/functional/themes/light.json +7658 -6450
- package/dist/docs/functional/typography/typography.json +518 -472
- package/dist/figma/themes/dark-colorblind.json +5704 -5570
- package/dist/figma/themes/dark-dimmed.json +5204 -5122
- package/dist/figma/themes/dark-high-contrast.json +4381 -4166
- package/dist/figma/themes/dark-tritanopia.json +5354 -5271
- package/dist/figma/themes/dark.json +5505 -5504
- package/dist/figma/themes/light-colorblind.json +5666 -5567
- package/dist/figma/themes/light-high-contrast.json +4277 -4115
- package/dist/figma/themes/light-tritanopia.json +5071 -4991
- package/dist/figma/themes/light.json +4808 -4808
- package/dist/internalCss/dark-colorblind.css +1148 -1148
- package/dist/internalCss/dark-dimmed.css +1138 -1138
- package/dist/internalCss/dark-high-contrast.css +1154 -1154
- package/dist/internalCss/dark-tritanopia.css +1148 -1148
- package/dist/internalCss/dark.css +1150 -1150
- package/dist/internalCss/light-colorblind.css +1152 -1152
- package/dist/internalCss/light-high-contrast.css +1166 -1166
- package/dist/internalCss/light-tritanopia.css +1156 -1156
- package/dist/internalCss/light.css +1158 -1158
- package/dist/styleLint/base/motion/motion.json +97 -82
- package/dist/styleLint/base/size/size.json +102 -83
- package/dist/styleLint/base/typography/typography.json +16 -12
- package/dist/styleLint/functional/motion/motion.json +22 -18
- package/dist/styleLint/functional/size/border.json +140 -126
- package/dist/styleLint/functional/size/breakpoints.json +32 -26
- package/dist/styleLint/functional/size/size-coarse.json +14 -11
- package/dist/styleLint/functional/size/size-fine.json +10 -7
- package/dist/styleLint/functional/size/size.json +486 -420
- package/dist/styleLint/functional/size/viewport.json +36 -30
- package/dist/styleLint/functional/themes/dark-colorblind.json +7601 -6285
- package/dist/styleLint/functional/themes/dark-dimmed.json +7984 -6708
- package/dist/styleLint/functional/themes/dark-high-contrast.json +8150 -6766
- package/dist/styleLint/functional/themes/dark-tritanopia.json +7780 -6506
- package/dist/styleLint/functional/themes/dark.json +7689 -6479
- package/dist/styleLint/functional/themes/light-colorblind.json +7756 -6458
- package/dist/styleLint/functional/themes/light-high-contrast.json +8135 -6795
- package/dist/styleLint/functional/themes/light-tritanopia.json +7642 -6364
- package/dist/styleLint/functional/themes/light.json +7552 -6344
- package/dist/styleLint/functional/typography/typography.json +520 -474
- package/package.json +2 -2
- package/src/tokens/component/diffBlob.json5 +387 -0
- package/src/tokens/component/header.json5 +65 -0
- package/src/tokens/component/headerSerach.json5 +32 -0
- package/src/tokens/component/highlight.json5 +23 -0
- package/src/tokens/component/overlay.json5 +68 -0
- package/src/tokens/component/page.json5 +20 -0
- package/src/tokens/component/reactionButton.json5 +78 -0
- package/src/tokens/component/skeletonLoader.json5 +29 -0
- package/src/tokens/component/timelineBadge.json5 +19 -0
- package/src/tokens/functional/color/dark/app-dark.json5 +0 -399
- package/src/tokens/functional/color/dark/overrides/dark.dimmed.json5 +0 -35
- package/src/tokens/functional/color/dark/overrides/dark.high-contrast.json5 +0 -92
- package/src/tokens/functional/color/dark/overrides/dark.protanopia-deuteranopia.json5 +5 -63
- package/src/tokens/functional/color/dark/overrides/dark.tritanopia.json5 +0 -37
- package/src/tokens/functional/color/dark/patterns-dark.json5 +0 -194
- package/src/tokens/functional/color/light/app-light.json5 +0 -364
- package/src/tokens/functional/color/light/overrides/light.high-contrast.json5 +0 -70
- package/src/tokens/functional/color/light/overrides/light.protanopia-deuteranopia.json5 +15 -76
- package/src/tokens/functional/color/light/overrides/light.tritanopia.json5 +0 -71
- package/src/tokens/functional/color/light/patterns-light.json5 +1 -192
- package/dist/figma/figma.json +0 -133
- package/dist/figma/shadows/dark-colorblind.json +0 -1152
- package/dist/figma/shadows/dark-dimmed.json +0 -1152
- package/dist/figma/shadows/dark-high-contrast.json +0 -1152
- package/dist/figma/shadows/dark-tritanopia.json +0 -1152
- package/dist/figma/shadows/dark.json +0 -1152
- package/dist/figma/shadows/light-colorblind.json +0 -1052
- package/dist/figma/shadows/light-high-contrast.json +0 -1052
- package/dist/figma/shadows/light-tritanopia.json +0 -1052
- package/dist/figma/shadows/light.json +0 -1052
|
@@ -1,30 +1,5 @@
|
|
|
1
1
|
{
|
|
2
|
-
"base-size-
|
|
3
|
-
"$extensions": {
|
|
4
|
-
"org.primer.figma": {
|
|
5
|
-
"collection": "base/size",
|
|
6
|
-
"scopes": ["size"]
|
|
7
|
-
}
|
|
8
|
-
},
|
|
9
|
-
"filePath": "src/tokens/base/size/size.json5",
|
|
10
|
-
"isSource": true,
|
|
11
|
-
"original": {
|
|
12
|
-
"$value": "2px",
|
|
13
|
-
"$type": "dimension",
|
|
14
|
-
"$extensions": {
|
|
15
|
-
"org.primer.figma": {
|
|
16
|
-
"collection": "base/size",
|
|
17
|
-
"scopes": ["size"]
|
|
18
|
-
}
|
|
19
|
-
}
|
|
20
|
-
},
|
|
21
|
-
"name": "base-size-2",
|
|
22
|
-
"attributes": {},
|
|
23
|
-
"path": ["base", "size", "2"],
|
|
24
|
-
"value": "0.125rem",
|
|
25
|
-
"type": "dimension"
|
|
26
|
-
},
|
|
27
|
-
"base-size-4": {
|
|
2
|
+
"base-size-112": {
|
|
28
3
|
"$extensions": {
|
|
29
4
|
"org.primer.figma": {
|
|
30
5
|
"collection": "base/size",
|
|
@@ -34,7 +9,7 @@
|
|
|
34
9
|
"filePath": "src/tokens/base/size/size.json5",
|
|
35
10
|
"isSource": true,
|
|
36
11
|
"original": {
|
|
37
|
-
"$value": "
|
|
12
|
+
"$value": "112px",
|
|
38
13
|
"$type": "dimension",
|
|
39
14
|
"$extensions": {
|
|
40
15
|
"org.primer.figma": {
|
|
@@ -43,13 +18,14 @@
|
|
|
43
18
|
}
|
|
44
19
|
}
|
|
45
20
|
},
|
|
46
|
-
"name": "base-size-
|
|
21
|
+
"name": "base-size-112",
|
|
47
22
|
"attributes": {},
|
|
48
|
-
"path": ["base", "size", "
|
|
49
|
-
"
|
|
23
|
+
"path": ["base", "size", "112"],
|
|
24
|
+
"key": "{base.size.112}",
|
|
25
|
+
"value": "7rem",
|
|
50
26
|
"type": "dimension"
|
|
51
27
|
},
|
|
52
|
-
"base-size-
|
|
28
|
+
"base-size-12": {
|
|
53
29
|
"$extensions": {
|
|
54
30
|
"org.primer.figma": {
|
|
55
31
|
"collection": "base/size",
|
|
@@ -59,7 +35,7 @@
|
|
|
59
35
|
"filePath": "src/tokens/base/size/size.json5",
|
|
60
36
|
"isSource": true,
|
|
61
37
|
"original": {
|
|
62
|
-
"$value": "
|
|
38
|
+
"$value": "12px",
|
|
63
39
|
"$type": "dimension",
|
|
64
40
|
"$extensions": {
|
|
65
41
|
"org.primer.figma": {
|
|
@@ -68,13 +44,14 @@
|
|
|
68
44
|
}
|
|
69
45
|
}
|
|
70
46
|
},
|
|
71
|
-
"name": "base-size-
|
|
47
|
+
"name": "base-size-12",
|
|
72
48
|
"attributes": {},
|
|
73
|
-
"path": ["base", "size", "
|
|
74
|
-
"
|
|
49
|
+
"path": ["base", "size", "12"],
|
|
50
|
+
"key": "{base.size.12}",
|
|
51
|
+
"value": "0.75rem",
|
|
75
52
|
"type": "dimension"
|
|
76
53
|
},
|
|
77
|
-
"base-size-
|
|
54
|
+
"base-size-128": {
|
|
78
55
|
"$extensions": {
|
|
79
56
|
"org.primer.figma": {
|
|
80
57
|
"collection": "base/size",
|
|
@@ -84,7 +61,7 @@
|
|
|
84
61
|
"filePath": "src/tokens/base/size/size.json5",
|
|
85
62
|
"isSource": true,
|
|
86
63
|
"original": {
|
|
87
|
-
"$value": "
|
|
64
|
+
"$value": "128px",
|
|
88
65
|
"$type": "dimension",
|
|
89
66
|
"$extensions": {
|
|
90
67
|
"org.primer.figma": {
|
|
@@ -93,13 +70,14 @@
|
|
|
93
70
|
}
|
|
94
71
|
}
|
|
95
72
|
},
|
|
96
|
-
"name": "base-size-
|
|
73
|
+
"name": "base-size-128",
|
|
97
74
|
"attributes": {},
|
|
98
|
-
"path": ["base", "size", "
|
|
99
|
-
"
|
|
75
|
+
"path": ["base", "size", "128"],
|
|
76
|
+
"key": "{base.size.128}",
|
|
77
|
+
"value": "8rem",
|
|
100
78
|
"type": "dimension"
|
|
101
79
|
},
|
|
102
|
-
"base-size-
|
|
80
|
+
"base-size-16": {
|
|
103
81
|
"$extensions": {
|
|
104
82
|
"org.primer.figma": {
|
|
105
83
|
"collection": "base/size",
|
|
@@ -109,7 +87,7 @@
|
|
|
109
87
|
"filePath": "src/tokens/base/size/size.json5",
|
|
110
88
|
"isSource": true,
|
|
111
89
|
"original": {
|
|
112
|
-
"$value": "
|
|
90
|
+
"$value": "16px",
|
|
113
91
|
"$type": "dimension",
|
|
114
92
|
"$extensions": {
|
|
115
93
|
"org.primer.figma": {
|
|
@@ -118,13 +96,14 @@
|
|
|
118
96
|
}
|
|
119
97
|
}
|
|
120
98
|
},
|
|
121
|
-
"name": "base-size-
|
|
99
|
+
"name": "base-size-16",
|
|
122
100
|
"attributes": {},
|
|
123
|
-
"path": ["base", "size", "
|
|
124
|
-
"
|
|
101
|
+
"path": ["base", "size", "16"],
|
|
102
|
+
"key": "{base.size.16}",
|
|
103
|
+
"value": "1rem",
|
|
125
104
|
"type": "dimension"
|
|
126
105
|
},
|
|
127
|
-
"base-size-
|
|
106
|
+
"base-size-2": {
|
|
128
107
|
"$extensions": {
|
|
129
108
|
"org.primer.figma": {
|
|
130
109
|
"collection": "base/size",
|
|
@@ -134,7 +113,7 @@
|
|
|
134
113
|
"filePath": "src/tokens/base/size/size.json5",
|
|
135
114
|
"isSource": true,
|
|
136
115
|
"original": {
|
|
137
|
-
"$value": "
|
|
116
|
+
"$value": "2px",
|
|
138
117
|
"$type": "dimension",
|
|
139
118
|
"$extensions": {
|
|
140
119
|
"org.primer.figma": {
|
|
@@ -143,10 +122,11 @@
|
|
|
143
122
|
}
|
|
144
123
|
}
|
|
145
124
|
},
|
|
146
|
-
"name": "base-size-
|
|
125
|
+
"name": "base-size-2",
|
|
147
126
|
"attributes": {},
|
|
148
|
-
"path": ["base", "size", "
|
|
149
|
-
"
|
|
127
|
+
"path": ["base", "size", "2"],
|
|
128
|
+
"key": "{base.size.2}",
|
|
129
|
+
"value": "0.125rem",
|
|
150
130
|
"type": "dimension"
|
|
151
131
|
},
|
|
152
132
|
"base-size-20": {
|
|
@@ -171,6 +151,7 @@
|
|
|
171
151
|
"name": "base-size-20",
|
|
172
152
|
"attributes": {},
|
|
173
153
|
"path": ["base", "size", "20"],
|
|
154
|
+
"key": "{base.size.20}",
|
|
174
155
|
"value": "1.25rem",
|
|
175
156
|
"type": "dimension"
|
|
176
157
|
},
|
|
@@ -196,6 +177,7 @@
|
|
|
196
177
|
"name": "base-size-24",
|
|
197
178
|
"attributes": {},
|
|
198
179
|
"path": ["base", "size", "24"],
|
|
180
|
+
"key": "{base.size.24}",
|
|
199
181
|
"value": "1.5rem",
|
|
200
182
|
"type": "dimension"
|
|
201
183
|
},
|
|
@@ -221,6 +203,7 @@
|
|
|
221
203
|
"name": "base-size-28",
|
|
222
204
|
"attributes": {},
|
|
223
205
|
"path": ["base", "size", "28"],
|
|
206
|
+
"key": "{base.size.28}",
|
|
224
207
|
"value": "1.75rem",
|
|
225
208
|
"type": "dimension"
|
|
226
209
|
},
|
|
@@ -246,6 +229,7 @@
|
|
|
246
229
|
"name": "base-size-32",
|
|
247
230
|
"attributes": {},
|
|
248
231
|
"path": ["base", "size", "32"],
|
|
232
|
+
"key": "{base.size.32}",
|
|
249
233
|
"value": "2rem",
|
|
250
234
|
"type": "dimension"
|
|
251
235
|
},
|
|
@@ -271,9 +255,36 @@
|
|
|
271
255
|
"name": "base-size-36",
|
|
272
256
|
"attributes": {},
|
|
273
257
|
"path": ["base", "size", "36"],
|
|
258
|
+
"key": "{base.size.36}",
|
|
274
259
|
"value": "2.25rem",
|
|
275
260
|
"type": "dimension"
|
|
276
261
|
},
|
|
262
|
+
"base-size-4": {
|
|
263
|
+
"$extensions": {
|
|
264
|
+
"org.primer.figma": {
|
|
265
|
+
"collection": "base/size",
|
|
266
|
+
"scopes": ["size"]
|
|
267
|
+
}
|
|
268
|
+
},
|
|
269
|
+
"filePath": "src/tokens/base/size/size.json5",
|
|
270
|
+
"isSource": true,
|
|
271
|
+
"original": {
|
|
272
|
+
"$value": "4px",
|
|
273
|
+
"$type": "dimension",
|
|
274
|
+
"$extensions": {
|
|
275
|
+
"org.primer.figma": {
|
|
276
|
+
"collection": "base/size",
|
|
277
|
+
"scopes": ["size"]
|
|
278
|
+
}
|
|
279
|
+
}
|
|
280
|
+
},
|
|
281
|
+
"name": "base-size-4",
|
|
282
|
+
"attributes": {},
|
|
283
|
+
"path": ["base", "size", "4"],
|
|
284
|
+
"key": "{base.size.4}",
|
|
285
|
+
"value": "0.25rem",
|
|
286
|
+
"type": "dimension"
|
|
287
|
+
},
|
|
277
288
|
"base-size-40": {
|
|
278
289
|
"$extensions": {
|
|
279
290
|
"org.primer.figma": {
|
|
@@ -296,6 +307,7 @@
|
|
|
296
307
|
"name": "base-size-40",
|
|
297
308
|
"attributes": {},
|
|
298
309
|
"path": ["base", "size", "40"],
|
|
310
|
+
"key": "{base.size.40}",
|
|
299
311
|
"value": "2.5rem",
|
|
300
312
|
"type": "dimension"
|
|
301
313
|
},
|
|
@@ -321,6 +333,7 @@
|
|
|
321
333
|
"name": "base-size-44",
|
|
322
334
|
"attributes": {},
|
|
323
335
|
"path": ["base", "size", "44"],
|
|
336
|
+
"key": "{base.size.44}",
|
|
324
337
|
"value": "2.75rem",
|
|
325
338
|
"type": "dimension"
|
|
326
339
|
},
|
|
@@ -346,10 +359,11 @@
|
|
|
346
359
|
"name": "base-size-48",
|
|
347
360
|
"attributes": {},
|
|
348
361
|
"path": ["base", "size", "48"],
|
|
362
|
+
"key": "{base.size.48}",
|
|
349
363
|
"value": "3rem",
|
|
350
364
|
"type": "dimension"
|
|
351
365
|
},
|
|
352
|
-
"base-size-
|
|
366
|
+
"base-size-6": {
|
|
353
367
|
"$extensions": {
|
|
354
368
|
"org.primer.figma": {
|
|
355
369
|
"collection": "base/size",
|
|
@@ -359,7 +373,7 @@
|
|
|
359
373
|
"filePath": "src/tokens/base/size/size.json5",
|
|
360
374
|
"isSource": true,
|
|
361
375
|
"original": {
|
|
362
|
-
"$value": "
|
|
376
|
+
"$value": "6px",
|
|
363
377
|
"$type": "dimension",
|
|
364
378
|
"$extensions": {
|
|
365
379
|
"org.primer.figma": {
|
|
@@ -368,13 +382,14 @@
|
|
|
368
382
|
}
|
|
369
383
|
}
|
|
370
384
|
},
|
|
371
|
-
"name": "base-size-
|
|
385
|
+
"name": "base-size-6",
|
|
372
386
|
"attributes": {},
|
|
373
|
-
"path": ["base", "size", "
|
|
374
|
-
"
|
|
387
|
+
"path": ["base", "size", "6"],
|
|
388
|
+
"key": "{base.size.6}",
|
|
389
|
+
"value": "0.375rem",
|
|
375
390
|
"type": "dimension"
|
|
376
391
|
},
|
|
377
|
-
"base-size-
|
|
392
|
+
"base-size-64": {
|
|
378
393
|
"$extensions": {
|
|
379
394
|
"org.primer.figma": {
|
|
380
395
|
"collection": "base/size",
|
|
@@ -384,7 +399,7 @@
|
|
|
384
399
|
"filePath": "src/tokens/base/size/size.json5",
|
|
385
400
|
"isSource": true,
|
|
386
401
|
"original": {
|
|
387
|
-
"$value": "
|
|
402
|
+
"$value": "64px",
|
|
388
403
|
"$type": "dimension",
|
|
389
404
|
"$extensions": {
|
|
390
405
|
"org.primer.figma": {
|
|
@@ -393,13 +408,14 @@
|
|
|
393
408
|
}
|
|
394
409
|
}
|
|
395
410
|
},
|
|
396
|
-
"name": "base-size-
|
|
411
|
+
"name": "base-size-64",
|
|
397
412
|
"attributes": {},
|
|
398
|
-
"path": ["base", "size", "
|
|
399
|
-
"
|
|
413
|
+
"path": ["base", "size", "64"],
|
|
414
|
+
"key": "{base.size.64}",
|
|
415
|
+
"value": "4rem",
|
|
400
416
|
"type": "dimension"
|
|
401
417
|
},
|
|
402
|
-
"base-size-
|
|
418
|
+
"base-size-8": {
|
|
403
419
|
"$extensions": {
|
|
404
420
|
"org.primer.figma": {
|
|
405
421
|
"collection": "base/size",
|
|
@@ -409,7 +425,7 @@
|
|
|
409
425
|
"filePath": "src/tokens/base/size/size.json5",
|
|
410
426
|
"isSource": true,
|
|
411
427
|
"original": {
|
|
412
|
-
"$value": "
|
|
428
|
+
"$value": "8px",
|
|
413
429
|
"$type": "dimension",
|
|
414
430
|
"$extensions": {
|
|
415
431
|
"org.primer.figma": {
|
|
@@ -418,13 +434,14 @@
|
|
|
418
434
|
}
|
|
419
435
|
}
|
|
420
436
|
},
|
|
421
|
-
"name": "base-size-
|
|
437
|
+
"name": "base-size-8",
|
|
422
438
|
"attributes": {},
|
|
423
|
-
"path": ["base", "size", "
|
|
424
|
-
"
|
|
439
|
+
"path": ["base", "size", "8"],
|
|
440
|
+
"key": "{base.size.8}",
|
|
441
|
+
"value": "0.5rem",
|
|
425
442
|
"type": "dimension"
|
|
426
443
|
},
|
|
427
|
-
"base-size-
|
|
444
|
+
"base-size-80": {
|
|
428
445
|
"$extensions": {
|
|
429
446
|
"org.primer.figma": {
|
|
430
447
|
"collection": "base/size",
|
|
@@ -434,7 +451,7 @@
|
|
|
434
451
|
"filePath": "src/tokens/base/size/size.json5",
|
|
435
452
|
"isSource": true,
|
|
436
453
|
"original": {
|
|
437
|
-
"$value": "
|
|
454
|
+
"$value": "80px",
|
|
438
455
|
"$type": "dimension",
|
|
439
456
|
"$extensions": {
|
|
440
457
|
"org.primer.figma": {
|
|
@@ -443,13 +460,14 @@
|
|
|
443
460
|
}
|
|
444
461
|
}
|
|
445
462
|
},
|
|
446
|
-
"name": "base-size-
|
|
463
|
+
"name": "base-size-80",
|
|
447
464
|
"attributes": {},
|
|
448
|
-
"path": ["base", "size", "
|
|
449
|
-
"
|
|
465
|
+
"path": ["base", "size", "80"],
|
|
466
|
+
"key": "{base.size.80}",
|
|
467
|
+
"value": "5rem",
|
|
450
468
|
"type": "dimension"
|
|
451
469
|
},
|
|
452
|
-
"base-size-
|
|
470
|
+
"base-size-96": {
|
|
453
471
|
"$extensions": {
|
|
454
472
|
"org.primer.figma": {
|
|
455
473
|
"collection": "base/size",
|
|
@@ -459,7 +477,7 @@
|
|
|
459
477
|
"filePath": "src/tokens/base/size/size.json5",
|
|
460
478
|
"isSource": true,
|
|
461
479
|
"original": {
|
|
462
|
-
"$value": "
|
|
480
|
+
"$value": "96px",
|
|
463
481
|
"$type": "dimension",
|
|
464
482
|
"$extensions": {
|
|
465
483
|
"org.primer.figma": {
|
|
@@ -468,10 +486,11 @@
|
|
|
468
486
|
}
|
|
469
487
|
}
|
|
470
488
|
},
|
|
471
|
-
"name": "base-size-
|
|
489
|
+
"name": "base-size-96",
|
|
472
490
|
"attributes": {},
|
|
473
|
-
"path": ["base", "size", "
|
|
474
|
-
"
|
|
491
|
+
"path": ["base", "size", "96"],
|
|
492
|
+
"key": "{base.size.96}",
|
|
493
|
+
"value": "6rem",
|
|
475
494
|
"type": "dimension"
|
|
476
495
|
}
|
|
477
496
|
}
|
|
@@ -21,10 +21,11 @@
|
|
|
21
21
|
"name": "base-text-weight-light",
|
|
22
22
|
"attributes": {},
|
|
23
23
|
"path": ["base", "text", "weight", "light"],
|
|
24
|
+
"key": "{base.text.weight.light}",
|
|
24
25
|
"value": 300,
|
|
25
26
|
"type": "fontWeight"
|
|
26
27
|
},
|
|
27
|
-
"base-text-weight-
|
|
28
|
+
"base-text-weight-medium": {
|
|
28
29
|
"$extensions": {
|
|
29
30
|
"org.primer.figma": {
|
|
30
31
|
"collection": "base/typography",
|
|
@@ -34,7 +35,7 @@
|
|
|
34
35
|
"filePath": "src/tokens/base/typography/typography.json5",
|
|
35
36
|
"isSource": true,
|
|
36
37
|
"original": {
|
|
37
|
-
"$value":
|
|
38
|
+
"$value": 500,
|
|
38
39
|
"$type": "fontWeight",
|
|
39
40
|
"$extensions": {
|
|
40
41
|
"org.primer.figma": {
|
|
@@ -43,13 +44,14 @@
|
|
|
43
44
|
}
|
|
44
45
|
}
|
|
45
46
|
},
|
|
46
|
-
"name": "base-text-weight-
|
|
47
|
+
"name": "base-text-weight-medium",
|
|
47
48
|
"attributes": {},
|
|
48
|
-
"path": ["base", "text", "weight", "
|
|
49
|
-
"
|
|
49
|
+
"path": ["base", "text", "weight", "medium"],
|
|
50
|
+
"key": "{base.text.weight.medium}",
|
|
51
|
+
"value": 500,
|
|
50
52
|
"type": "fontWeight"
|
|
51
53
|
},
|
|
52
|
-
"base-text-weight-
|
|
54
|
+
"base-text-weight-normal": {
|
|
53
55
|
"$extensions": {
|
|
54
56
|
"org.primer.figma": {
|
|
55
57
|
"collection": "base/typography",
|
|
@@ -59,7 +61,7 @@
|
|
|
59
61
|
"filePath": "src/tokens/base/typography/typography.json5",
|
|
60
62
|
"isSource": true,
|
|
61
63
|
"original": {
|
|
62
|
-
"$value":
|
|
64
|
+
"$value": 400,
|
|
63
65
|
"$type": "fontWeight",
|
|
64
66
|
"$extensions": {
|
|
65
67
|
"org.primer.figma": {
|
|
@@ -68,10 +70,11 @@
|
|
|
68
70
|
}
|
|
69
71
|
}
|
|
70
72
|
},
|
|
71
|
-
"name": "base-text-weight-
|
|
73
|
+
"name": "base-text-weight-normal",
|
|
72
74
|
"attributes": {},
|
|
73
|
-
"path": ["base", "text", "weight", "
|
|
74
|
-
"
|
|
75
|
+
"path": ["base", "text", "weight", "normal"],
|
|
76
|
+
"key": "{base.text.weight.normal}",
|
|
77
|
+
"value": 400,
|
|
75
78
|
"type": "fontWeight"
|
|
76
79
|
},
|
|
77
80
|
"base-text-weight-semibold": {
|
|
@@ -96,6 +99,7 @@
|
|
|
96
99
|
"name": "base-text-weight-semibold",
|
|
97
100
|
"attributes": {},
|
|
98
101
|
"path": ["base", "text", "weight", "semibold"],
|
|
102
|
+
"key": "{base.text.weight.semibold}",
|
|
99
103
|
"value": 600,
|
|
100
104
|
"type": "fontWeight"
|
|
101
105
|
}
|
|
@@ -10,10 +10,27 @@
|
|
|
10
10
|
"name": "motion-loading-delay-default",
|
|
11
11
|
"attributes": {},
|
|
12
12
|
"path": ["motion", "loading", "delay", "default"],
|
|
13
|
+
"key": "{motion.loading.delay.default}",
|
|
13
14
|
"value": "1000ms",
|
|
14
15
|
"type": "duration",
|
|
15
16
|
"description": "The amount of time to wait before showing a loading indicator or announcing a loading state to assistive technologies."
|
|
16
17
|
},
|
|
18
|
+
"motion-skeletonLoader-shimmer-duration-scale": {
|
|
19
|
+
"filePath": "src/tokens/functional/motion/patterns.json5",
|
|
20
|
+
"isSource": true,
|
|
21
|
+
"original": {
|
|
22
|
+
"$value": "{base.duration.1000}",
|
|
23
|
+
"$type": "duration",
|
|
24
|
+
"$description": "The amount of times it takes the \"shimmer\" effect to go from the start (left) of the skeleton loader to the end (right)"
|
|
25
|
+
},
|
|
26
|
+
"name": "motion-skeletonLoader-shimmer-duration-scale",
|
|
27
|
+
"attributes": {},
|
|
28
|
+
"path": ["motion", "skeletonLoader", "shimmer", "duration", "scale"],
|
|
29
|
+
"key": "{motion.skeletonLoader.shimmer.duration.scale}",
|
|
30
|
+
"value": "1000ms",
|
|
31
|
+
"type": "duration",
|
|
32
|
+
"description": "The amount of times it takes the \"shimmer\" effect to go from the start (left) of the skeleton loader to the end (right)"
|
|
33
|
+
},
|
|
17
34
|
"motion-spinner-duration-rotation": {
|
|
18
35
|
"filePath": "src/tokens/functional/motion/patterns.json5",
|
|
19
36
|
"isSource": true,
|
|
@@ -25,6 +42,7 @@
|
|
|
25
42
|
"name": "motion-spinner-duration-rotation",
|
|
26
43
|
"attributes": {},
|
|
27
44
|
"path": ["motion", "spinner", "duration", "rotation"],
|
|
45
|
+
"key": "{motion.spinner.duration.rotation}",
|
|
28
46
|
"value": "1000ms",
|
|
29
47
|
"type": "duration",
|
|
30
48
|
"description": "The amount of time it takes the \"Spinner\" loading indicator to make a full 360deg rotation"
|
|
@@ -40,23 +58,9 @@
|
|
|
40
58
|
"name": "motion-spinner-easing-rotation",
|
|
41
59
|
"attributes": {},
|
|
42
60
|
"path": ["motion", "spinner", "easing", "rotation"],
|
|
61
|
+
"key": "{motion.spinner.easing.rotation}",
|
|
43
62
|
"value": [0, 0, 1, 1],
|
|
44
63
|
"type": "cubicBezier",
|
|
45
64
|
"description": "The easing curve for the \"Spinner\" loading indicator rotation"
|
|
46
|
-
},
|
|
47
|
-
"motion-skeletonLoader-shimmer-duration-scale": {
|
|
48
|
-
"filePath": "src/tokens/functional/motion/patterns.json5",
|
|
49
|
-
"isSource": true,
|
|
50
|
-
"original": {
|
|
51
|
-
"$value": "{base.duration.1000}",
|
|
52
|
-
"$type": "duration",
|
|
53
|
-
"$description": "The amount of times it takes the \"shimmer\" effect to go from the start (left) of the skeleton loader to the end (right)"
|
|
54
|
-
},
|
|
55
|
-
"name": "motion-skeletonLoader-shimmer-duration-scale",
|
|
56
|
-
"attributes": {},
|
|
57
|
-
"path": ["motion", "skeletonLoader", "shimmer", "duration", "scale"],
|
|
58
|
-
"value": "1000ms",
|
|
59
|
-
"type": "duration",
|
|
60
|
-
"description": "The amount of times it takes the \"shimmer\" effect to go from the start (left) of the skeleton loader to the end (right)"
|
|
61
65
|
}
|
|
62
66
|
}
|