@primer/primitives 10.2.0 → 10.3.0-rc.416d4297
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 +2 -2
- 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/figmaAttributes.js +2 -1
- 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/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 +398 -398
- 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 +434 -434
- 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 +7174 -6544
- package/dist/docs/functional/themes/dark-dimmed.json +7181 -6473
- package/dist/docs/functional/themes/dark-high-contrast.json +7445 -6789
- package/dist/docs/functional/themes/dark-tritanopia.json +7164 -6498
- package/dist/docs/functional/themes/dark.json +7202 -6494
- package/dist/docs/functional/themes/light-colorblind.json +7096 -6466
- package/dist/docs/functional/themes/light-high-contrast.json +7326 -6660
- package/dist/docs/functional/themes/light-tritanopia.json +7109 -6479
- package/dist/docs/functional/themes/light.json +7159 -6451
- package/dist/docs/functional/typography/typography.json +518 -472
- package/dist/figma/figma.json +3 -3
- package/dist/figma/shadows/dark-colorblind.json +115 -115
- package/dist/figma/shadows/light-colorblind.json +105 -105
- package/dist/figma/themes/dark-colorblind.json +5553 -5553
- package/dist/figma/themes/dark-dimmed.json +5162 -5162
- package/dist/figma/themes/dark-high-contrast.json +4196 -4196
- package/dist/figma/themes/dark-tritanopia.json +5211 -5211
- package/dist/figma/themes/dark.json +5537 -5537
- package/dist/figma/themes/light-colorblind.json +5501 -5501
- package/dist/figma/themes/light-high-contrast.json +4176 -4176
- package/dist/figma/themes/light-tritanopia.json +5077 -5077
- package/dist/figma/themes/light.json +1950 -1950
- package/dist/internalCss/dark-colorblind.css +1144 -1144
- 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 +6916 -6286
- package/dist/styleLint/functional/themes/dark-dimmed.json +7372 -6664
- package/dist/styleLint/functional/themes/dark-high-contrast.json +7472 -6816
- package/dist/styleLint/functional/themes/dark-tritanopia.json +7051 -6385
- package/dist/styleLint/functional/themes/dark.json +7180 -6472
- package/dist/styleLint/functional/themes/light-colorblind.json +7041 -6411
- package/dist/styleLint/functional/themes/light-high-contrast.json +7418 -6752
- package/dist/styleLint/functional/themes/light-tritanopia.json +6926 -6296
- package/dist/styleLint/functional/themes/light.json +7093 -6385
- package/dist/styleLint/functional/typography/typography.json +520 -474
- package/package.json +2 -2
- package/src/tokens/component/diffBlob.json5 +293 -0
- package/src/tokens/component/highlight.json5 +23 -0
- package/src/tokens/functional/color/dark/app-dark.json5 +0 -302
- package/src/tokens/functional/color/light/app-light.json5 +1 -274
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
|
-
"fontStack-
|
|
3
|
-
"$value": "-
|
|
2
|
+
"fontStack-monospace": {
|
|
3
|
+
"$value": "ui-monospace, SFMono-Regular, SF Mono, Menlo, Consolas, Liberation Mono, monospace",
|
|
4
4
|
"$type": "fontFamily",
|
|
5
5
|
"$extensions": {
|
|
6
6
|
"org.primer.figma": {
|
|
@@ -11,7 +11,7 @@
|
|
|
11
11
|
"filePath": "src/tokens/functional/typography/typography.json5",
|
|
12
12
|
"isSource": true,
|
|
13
13
|
"original": {
|
|
14
|
-
"$value": "-
|
|
14
|
+
"$value": "ui-monospace, SFMono-Regular, SF Mono, Menlo, Consolas, Liberation Mono, monospace",
|
|
15
15
|
"$type": "fontFamily",
|
|
16
16
|
"$extensions": {
|
|
17
17
|
"org.primer.figma": {
|
|
@@ -20,9 +20,10 @@
|
|
|
20
20
|
}
|
|
21
21
|
}
|
|
22
22
|
},
|
|
23
|
-
"name": "fontStack-
|
|
23
|
+
"name": "fontStack-monospace",
|
|
24
24
|
"attributes": {},
|
|
25
|
-
"path": ["fontStack", "
|
|
25
|
+
"path": ["fontStack", "monospace"],
|
|
26
|
+
"key": "{fontStack.monospace}"
|
|
26
27
|
},
|
|
27
28
|
"fontStack-sansSerif": {
|
|
28
29
|
"$value": "-apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'",
|
|
@@ -47,7 +48,8 @@
|
|
|
47
48
|
},
|
|
48
49
|
"name": "fontStack-sansSerif",
|
|
49
50
|
"attributes": {},
|
|
50
|
-
"path": ["fontStack", "sansSerif"]
|
|
51
|
+
"path": ["fontStack", "sansSerif"],
|
|
52
|
+
"key": "{fontStack.sansSerif}"
|
|
51
53
|
},
|
|
52
54
|
"fontStack-sansSerifDisplay": {
|
|
53
55
|
"$value": "-apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'",
|
|
@@ -72,10 +74,11 @@
|
|
|
72
74
|
},
|
|
73
75
|
"name": "fontStack-sansSerifDisplay",
|
|
74
76
|
"attributes": {},
|
|
75
|
-
"path": ["fontStack", "sansSerifDisplay"]
|
|
77
|
+
"path": ["fontStack", "sansSerifDisplay"],
|
|
78
|
+
"key": "{fontStack.sansSerifDisplay}"
|
|
76
79
|
},
|
|
77
|
-
"fontStack-
|
|
78
|
-
"$value": "
|
|
80
|
+
"fontStack-system": {
|
|
81
|
+
"$value": "-apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'",
|
|
79
82
|
"$type": "fontFamily",
|
|
80
83
|
"$extensions": {
|
|
81
84
|
"org.primer.figma": {
|
|
@@ -86,7 +89,7 @@
|
|
|
86
89
|
"filePath": "src/tokens/functional/typography/typography.json5",
|
|
87
90
|
"isSource": true,
|
|
88
91
|
"original": {
|
|
89
|
-
"$value": "
|
|
92
|
+
"$value": "-apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'",
|
|
90
93
|
"$type": "fontFamily",
|
|
91
94
|
"$extensions": {
|
|
92
95
|
"org.primer.figma": {
|
|
@@ -95,74 +98,81 @@
|
|
|
95
98
|
}
|
|
96
99
|
}
|
|
97
100
|
},
|
|
98
|
-
"name": "fontStack-
|
|
101
|
+
"name": "fontStack-system",
|
|
99
102
|
"attributes": {},
|
|
100
|
-
"path": ["fontStack", "
|
|
103
|
+
"path": ["fontStack", "system"],
|
|
104
|
+
"key": "{fontStack.system}"
|
|
101
105
|
},
|
|
102
|
-
"text-
|
|
103
|
-
"$value": 1.
|
|
106
|
+
"text-body-lineHeight-large": {
|
|
107
|
+
"$value": 1.5,
|
|
104
108
|
"$type": "number",
|
|
105
109
|
"$extensions": {
|
|
106
110
|
"org.primer.data": {
|
|
107
|
-
"fontSize":
|
|
111
|
+
"fontSize": 16
|
|
108
112
|
},
|
|
109
113
|
"org.primer.figma": {
|
|
110
114
|
"collection": "typography",
|
|
111
|
-
"scopes": ["lineHeight"]
|
|
112
|
-
"fontSizeInPx": 40
|
|
115
|
+
"scopes": ["lineHeight"]
|
|
113
116
|
}
|
|
114
117
|
},
|
|
115
118
|
"filePath": "src/tokens/functional/typography/typography.json5",
|
|
116
119
|
"isSource": true,
|
|
117
120
|
"original": {
|
|
118
|
-
"$value": 1.
|
|
121
|
+
"$value": 1.5,
|
|
119
122
|
"$type": "number",
|
|
120
123
|
"$extensions": {
|
|
121
124
|
"org.primer.data": {
|
|
122
|
-
"fontSize":
|
|
125
|
+
"fontSize": 16
|
|
123
126
|
},
|
|
124
127
|
"org.primer.figma": {
|
|
125
128
|
"collection": "typography",
|
|
126
|
-
"scopes": ["lineHeight"]
|
|
127
|
-
"fontSizeInPx": 40
|
|
129
|
+
"scopes": ["lineHeight"]
|
|
128
130
|
}
|
|
129
131
|
}
|
|
130
132
|
},
|
|
131
|
-
"name": "text-
|
|
133
|
+
"name": "text-body-lineHeight-large",
|
|
132
134
|
"attributes": {},
|
|
133
|
-
"path": ["text", "
|
|
135
|
+
"path": ["text", "body", "lineHeight", "large"],
|
|
136
|
+
"key": "{text.body.lineHeight.large}"
|
|
134
137
|
},
|
|
135
|
-
"text-
|
|
136
|
-
"$value":
|
|
137
|
-
"$type": "
|
|
138
|
+
"text-body-lineHeight-medium": {
|
|
139
|
+
"$value": 1.4285,
|
|
140
|
+
"$type": "number",
|
|
138
141
|
"$extensions": {
|
|
142
|
+
"org.primer.data": {
|
|
143
|
+
"fontSize": 14
|
|
144
|
+
},
|
|
139
145
|
"org.primer.figma": {
|
|
140
146
|
"collection": "typography",
|
|
141
|
-
"scopes": ["
|
|
147
|
+
"scopes": ["lineHeight"]
|
|
142
148
|
}
|
|
143
149
|
},
|
|
144
150
|
"filePath": "src/tokens/functional/typography/typography.json5",
|
|
145
151
|
"isSource": true,
|
|
146
152
|
"original": {
|
|
147
|
-
"$value":
|
|
148
|
-
"$type": "
|
|
153
|
+
"$value": 1.4285,
|
|
154
|
+
"$type": "number",
|
|
149
155
|
"$extensions": {
|
|
156
|
+
"org.primer.data": {
|
|
157
|
+
"fontSize": 14
|
|
158
|
+
},
|
|
150
159
|
"org.primer.figma": {
|
|
151
160
|
"collection": "typography",
|
|
152
|
-
"scopes": ["
|
|
161
|
+
"scopes": ["lineHeight"]
|
|
153
162
|
}
|
|
154
163
|
}
|
|
155
164
|
},
|
|
156
|
-
"name": "text-
|
|
165
|
+
"name": "text-body-lineHeight-medium",
|
|
157
166
|
"attributes": {},
|
|
158
|
-
"path": ["text", "
|
|
167
|
+
"path": ["text", "body", "lineHeight", "medium"],
|
|
168
|
+
"key": "{text.body.lineHeight.medium}"
|
|
159
169
|
},
|
|
160
|
-
"text-
|
|
161
|
-
"$value": 1.
|
|
170
|
+
"text-body-lineHeight-small": {
|
|
171
|
+
"$value": 1.6666,
|
|
162
172
|
"$type": "number",
|
|
163
173
|
"$extensions": {
|
|
164
174
|
"org.primer.data": {
|
|
165
|
-
"fontSize":
|
|
175
|
+
"fontSize": 12
|
|
166
176
|
},
|
|
167
177
|
"org.primer.figma": {
|
|
168
178
|
"collection": "typography",
|
|
@@ -172,11 +182,11 @@
|
|
|
172
182
|
"filePath": "src/tokens/functional/typography/typography.json5",
|
|
173
183
|
"isSource": true,
|
|
174
184
|
"original": {
|
|
175
|
-
"$value": 1.
|
|
185
|
+
"$value": 1.6666,
|
|
176
186
|
"$type": "number",
|
|
177
187
|
"$extensions": {
|
|
178
188
|
"org.primer.data": {
|
|
179
|
-
"fontSize":
|
|
189
|
+
"fontSize": 12
|
|
180
190
|
},
|
|
181
191
|
"org.primer.figma": {
|
|
182
192
|
"collection": "typography",
|
|
@@ -184,57 +194,76 @@
|
|
|
184
194
|
}
|
|
185
195
|
}
|
|
186
196
|
},
|
|
187
|
-
"name": "text-
|
|
197
|
+
"name": "text-body-lineHeight-small",
|
|
188
198
|
"attributes": {},
|
|
189
|
-
"path": ["text", "
|
|
199
|
+
"path": ["text", "body", "lineHeight", "small"],
|
|
200
|
+
"key": "{text.body.lineHeight.small}"
|
|
190
201
|
},
|
|
191
|
-
"text-
|
|
192
|
-
"$value":
|
|
193
|
-
"$type": "
|
|
194
|
-
"$
|
|
195
|
-
|
|
196
|
-
|
|
197
|
-
|
|
198
|
-
|
|
202
|
+
"text-body-shorthand-large": {
|
|
203
|
+
"$value": "400 1rem,16px/1.5 -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'",
|
|
204
|
+
"$type": "typography",
|
|
205
|
+
"$description": "User-generated content, markdown rendering.",
|
|
206
|
+
"filePath": "src/tokens/functional/typography/typography.json5",
|
|
207
|
+
"isSource": true,
|
|
208
|
+
"original": {
|
|
209
|
+
"$value": {
|
|
210
|
+
"fontWeight": "{text.body.weight}",
|
|
211
|
+
"fontSize": "{text.body.size.large}",
|
|
212
|
+
"lineHeight": "{text.body.lineHeight.large}",
|
|
213
|
+
"fontFamily": "{fontStack.sansSerif}"
|
|
214
|
+
},
|
|
215
|
+
"$type": "typography",
|
|
216
|
+
"$description": "User-generated content, markdown rendering."
|
|
199
217
|
},
|
|
218
|
+
"name": "text-body-shorthand-large",
|
|
219
|
+
"attributes": {},
|
|
220
|
+
"path": ["text", "body", "shorthand", "large"],
|
|
221
|
+
"key": "{text.body.shorthand.large}"
|
|
222
|
+
},
|
|
223
|
+
"text-body-shorthand-medium": {
|
|
224
|
+
"$value": "400 0.875rem,14px/1.4285 -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'",
|
|
225
|
+
"$type": "typography",
|
|
226
|
+
"$description": "Default UI font. Most commonly used for body text.",
|
|
200
227
|
"filePath": "src/tokens/functional/typography/typography.json5",
|
|
201
228
|
"isSource": true,
|
|
202
229
|
"original": {
|
|
203
|
-
"$value":
|
|
204
|
-
|
|
205
|
-
|
|
206
|
-
"
|
|
207
|
-
|
|
208
|
-
|
|
209
|
-
|
|
210
|
-
|
|
230
|
+
"$value": {
|
|
231
|
+
"fontWeight": "{text.body.weight}",
|
|
232
|
+
"fontSize": "{text.body.size.medium}",
|
|
233
|
+
"lineHeight": "{text.body.lineHeight.medium}",
|
|
234
|
+
"fontFamily": "{fontStack.sansSerif}"
|
|
235
|
+
},
|
|
236
|
+
"$type": "typography",
|
|
237
|
+
"$description": "Default UI font. Most commonly used for body text."
|
|
211
238
|
},
|
|
212
|
-
"name": "text-
|
|
239
|
+
"name": "text-body-shorthand-medium",
|
|
213
240
|
"attributes": {},
|
|
214
|
-
"path": ["text", "
|
|
241
|
+
"path": ["text", "body", "shorthand", "medium"],
|
|
242
|
+
"key": "{text.body.shorthand.medium}"
|
|
215
243
|
},
|
|
216
|
-
"text-
|
|
217
|
-
"$value": "
|
|
244
|
+
"text-body-shorthand-small": {
|
|
245
|
+
"$value": "400 0.75rem,12px/1.6666 -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'",
|
|
218
246
|
"$type": "typography",
|
|
219
|
-
"$description": "
|
|
247
|
+
"$description": "Small body text for discrete UI applications, such as helper, footnote text. Should be used sparingly across pages. Line-height matches Body (medium) at 20px.",
|
|
220
248
|
"filePath": "src/tokens/functional/typography/typography.json5",
|
|
221
249
|
"isSource": true,
|
|
222
250
|
"original": {
|
|
223
251
|
"$value": {
|
|
224
|
-
"fontWeight": "{text.
|
|
225
|
-
"fontSize": "{text.
|
|
226
|
-
"lineHeight": "{text.
|
|
227
|
-
"fontFamily": "{fontStack.
|
|
252
|
+
"fontWeight": "{text.body.weight}",
|
|
253
|
+
"fontSize": "{text.body.size.small}",
|
|
254
|
+
"lineHeight": "{text.body.lineHeight.small}",
|
|
255
|
+
"fontFamily": "{fontStack.sansSerif}"
|
|
228
256
|
},
|
|
229
257
|
"$type": "typography",
|
|
230
|
-
"$description": "
|
|
258
|
+
"$description": "Small body text for discrete UI applications, such as helper, footnote text. Should be used sparingly across pages. Line-height matches Body (medium) at 20px."
|
|
231
259
|
},
|
|
232
|
-
"name": "text-
|
|
260
|
+
"name": "text-body-shorthand-small",
|
|
233
261
|
"attributes": {},
|
|
234
|
-
"path": ["text", "
|
|
262
|
+
"path": ["text", "body", "shorthand", "small"],
|
|
263
|
+
"key": "{text.body.shorthand.small}"
|
|
235
264
|
},
|
|
236
|
-
"text-
|
|
237
|
-
"$value": ["
|
|
265
|
+
"text-body-size-large": {
|
|
266
|
+
"$value": ["1rem", "16px"],
|
|
238
267
|
"$type": "dimension",
|
|
239
268
|
"$extensions": {
|
|
240
269
|
"org.primer.figma": {
|
|
@@ -245,7 +274,7 @@
|
|
|
245
274
|
"filePath": "src/tokens/functional/typography/typography.json5",
|
|
246
275
|
"isSource": true,
|
|
247
276
|
"original": {
|
|
248
|
-
"$value": "
|
|
277
|
+
"$value": "16px",
|
|
249
278
|
"$type": "dimension",
|
|
250
279
|
"$extensions": {
|
|
251
280
|
"org.primer.figma": {
|
|
@@ -254,12 +283,13 @@
|
|
|
254
283
|
}
|
|
255
284
|
}
|
|
256
285
|
},
|
|
257
|
-
"name": "text-
|
|
286
|
+
"name": "text-body-size-large",
|
|
258
287
|
"attributes": {},
|
|
259
|
-
"path": ["text", "
|
|
288
|
+
"path": ["text", "body", "size", "large"],
|
|
289
|
+
"key": "{text.body.size.large}"
|
|
260
290
|
},
|
|
261
|
-
"text-
|
|
262
|
-
"$value": ["
|
|
291
|
+
"text-body-size-medium": {
|
|
292
|
+
"$value": ["0.875rem", "14px"],
|
|
263
293
|
"$type": "dimension",
|
|
264
294
|
"$extensions": {
|
|
265
295
|
"org.primer.figma": {
|
|
@@ -270,7 +300,7 @@
|
|
|
270
300
|
"filePath": "src/tokens/functional/typography/typography.json5",
|
|
271
301
|
"isSource": true,
|
|
272
302
|
"original": {
|
|
273
|
-
"$value": "
|
|
303
|
+
"$value": "14px",
|
|
274
304
|
"$type": "dimension",
|
|
275
305
|
"$extensions": {
|
|
276
306
|
"org.primer.figma": {
|
|
@@ -279,12 +309,13 @@
|
|
|
279
309
|
}
|
|
280
310
|
}
|
|
281
311
|
},
|
|
282
|
-
"name": "text-
|
|
312
|
+
"name": "text-body-size-medium",
|
|
283
313
|
"attributes": {},
|
|
284
|
-
"path": ["text", "
|
|
314
|
+
"path": ["text", "body", "size", "medium"],
|
|
315
|
+
"key": "{text.body.size.medium}"
|
|
285
316
|
},
|
|
286
|
-
"text-
|
|
287
|
-
"$value": ["
|
|
317
|
+
"text-body-size-small": {
|
|
318
|
+
"$value": ["0.75rem", "12px"],
|
|
288
319
|
"$type": "dimension",
|
|
289
320
|
"$extensions": {
|
|
290
321
|
"org.primer.figma": {
|
|
@@ -295,7 +326,7 @@
|
|
|
295
326
|
"filePath": "src/tokens/functional/typography/typography.json5",
|
|
296
327
|
"isSource": true,
|
|
297
328
|
"original": {
|
|
298
|
-
"$value": "
|
|
329
|
+
"$value": "12px",
|
|
299
330
|
"$type": "dimension",
|
|
300
331
|
"$extensions": {
|
|
301
332
|
"org.primer.figma": {
|
|
@@ -304,47 +335,43 @@
|
|
|
304
335
|
}
|
|
305
336
|
}
|
|
306
337
|
},
|
|
307
|
-
"name": "text-
|
|
338
|
+
"name": "text-body-size-small",
|
|
308
339
|
"attributes": {},
|
|
309
|
-
"path": ["text", "
|
|
340
|
+
"path": ["text", "body", "size", "small"],
|
|
341
|
+
"key": "{text.body.size.small}"
|
|
310
342
|
},
|
|
311
|
-
"text-
|
|
312
|
-
"$value":
|
|
313
|
-
"$type": "
|
|
343
|
+
"text-body-weight": {
|
|
344
|
+
"$value": 400,
|
|
345
|
+
"$type": "fontWeight",
|
|
314
346
|
"$extensions": {
|
|
315
|
-
"org.primer.data": {
|
|
316
|
-
"fontSize": 32
|
|
317
|
-
},
|
|
318
347
|
"org.primer.figma": {
|
|
319
348
|
"collection": "typography",
|
|
320
|
-
"scopes": ["
|
|
349
|
+
"scopes": ["fontWeight"]
|
|
321
350
|
}
|
|
322
351
|
},
|
|
323
352
|
"filePath": "src/tokens/functional/typography/typography.json5",
|
|
324
353
|
"isSource": true,
|
|
325
354
|
"original": {
|
|
326
|
-
"$value":
|
|
327
|
-
"$type": "
|
|
355
|
+
"$value": "{base.text.weight.normal}",
|
|
356
|
+
"$type": "fontWeight",
|
|
328
357
|
"$extensions": {
|
|
329
|
-
"org.primer.data": {
|
|
330
|
-
"fontSize": 32
|
|
331
|
-
},
|
|
332
358
|
"org.primer.figma": {
|
|
333
359
|
"collection": "typography",
|
|
334
|
-
"scopes": ["
|
|
360
|
+
"scopes": ["fontWeight"]
|
|
335
361
|
}
|
|
336
362
|
}
|
|
337
363
|
},
|
|
338
|
-
"name": "text-
|
|
364
|
+
"name": "text-body-weight",
|
|
339
365
|
"attributes": {},
|
|
340
|
-
"path": ["text", "
|
|
366
|
+
"path": ["text", "body", "weight"],
|
|
367
|
+
"key": "{text.body.weight}"
|
|
341
368
|
},
|
|
342
|
-
"text-
|
|
343
|
-
"$value": 1.
|
|
369
|
+
"text-caption-lineHeight": {
|
|
370
|
+
"$value": 1.3333,
|
|
344
371
|
"$type": "number",
|
|
345
372
|
"$extensions": {
|
|
346
373
|
"org.primer.data": {
|
|
347
|
-
"fontSize":
|
|
374
|
+
"fontSize": 12
|
|
348
375
|
},
|
|
349
376
|
"org.primer.figma": {
|
|
350
377
|
"collection": "typography",
|
|
@@ -354,11 +381,11 @@
|
|
|
354
381
|
"filePath": "src/tokens/functional/typography/typography.json5",
|
|
355
382
|
"isSource": true,
|
|
356
383
|
"original": {
|
|
357
|
-
"$value": 1.
|
|
384
|
+
"$value": 1.3333,
|
|
358
385
|
"$type": "number",
|
|
359
386
|
"$extensions": {
|
|
360
387
|
"org.primer.data": {
|
|
361
|
-
"fontSize":
|
|
388
|
+
"fontSize": 12
|
|
362
389
|
},
|
|
363
390
|
"org.primer.figma": {
|
|
364
391
|
"collection": "typography",
|
|
@@ -366,43 +393,60 @@
|
|
|
366
393
|
}
|
|
367
394
|
}
|
|
368
395
|
},
|
|
369
|
-
"name": "text-
|
|
396
|
+
"name": "text-caption-lineHeight",
|
|
370
397
|
"attributes": {},
|
|
371
|
-
"path": ["text", "
|
|
398
|
+
"path": ["text", "caption", "lineHeight"],
|
|
399
|
+
"key": "{text.caption.lineHeight}"
|
|
372
400
|
},
|
|
373
|
-
"text-
|
|
374
|
-
"$value": 1.
|
|
375
|
-
"$type": "
|
|
376
|
-
"$
|
|
377
|
-
|
|
378
|
-
|
|
401
|
+
"text-caption-shorthand": {
|
|
402
|
+
"$value": "400 0.75rem,12px/1.3333 -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'",
|
|
403
|
+
"$type": "typography",
|
|
404
|
+
"$description": "Compact small font with a smaller line height of 16px. Use it for single-line scenarios, as the small sizing doesn’t pass accessibility requirements.",
|
|
405
|
+
"filePath": "src/tokens/functional/typography/typography.json5",
|
|
406
|
+
"isSource": true,
|
|
407
|
+
"original": {
|
|
408
|
+
"$value": {
|
|
409
|
+
"fontWeight": "{text.caption.weight}",
|
|
410
|
+
"fontSize": "{text.caption.size}",
|
|
411
|
+
"lineHeight": "{text.caption.lineHeight}",
|
|
412
|
+
"fontFamily": "{fontStack.sansSerif}"
|
|
379
413
|
},
|
|
414
|
+
"$type": "typography",
|
|
415
|
+
"$description": "Compact small font with a smaller line height of 16px. Use it for single-line scenarios, as the small sizing doesn’t pass accessibility requirements."
|
|
416
|
+
},
|
|
417
|
+
"name": "text-caption-shorthand",
|
|
418
|
+
"attributes": {},
|
|
419
|
+
"path": ["text", "caption", "shorthand"],
|
|
420
|
+
"key": "{text.caption.shorthand}"
|
|
421
|
+
},
|
|
422
|
+
"text-caption-size": {
|
|
423
|
+
"$value": ["0.75rem", "12px"],
|
|
424
|
+
"$type": "dimension",
|
|
425
|
+
"$extensions": {
|
|
380
426
|
"org.primer.figma": {
|
|
381
427
|
"collection": "typography",
|
|
382
|
-
"scopes": ["
|
|
428
|
+
"scopes": ["fontSize"]
|
|
383
429
|
}
|
|
384
430
|
},
|
|
385
431
|
"filePath": "src/tokens/functional/typography/typography.json5",
|
|
386
432
|
"isSource": true,
|
|
387
433
|
"original": {
|
|
388
|
-
"$value":
|
|
389
|
-
"$type": "
|
|
434
|
+
"$value": "12px",
|
|
435
|
+
"$type": "dimension",
|
|
390
436
|
"$extensions": {
|
|
391
|
-
"org.primer.data": {
|
|
392
|
-
"fontSize": 16
|
|
393
|
-
},
|
|
394
437
|
"org.primer.figma": {
|
|
395
438
|
"collection": "typography",
|
|
396
|
-
"scopes": ["
|
|
439
|
+
"scopes": ["fontSize"]
|
|
397
440
|
}
|
|
398
441
|
}
|
|
399
442
|
},
|
|
400
|
-
"name": "text-
|
|
443
|
+
"name": "text-caption-size",
|
|
401
444
|
"attributes": {},
|
|
402
|
-
"path": ["text", "
|
|
445
|
+
"path": ["text", "caption", "size"],
|
|
446
|
+
"key": "{text.caption.size}"
|
|
403
447
|
},
|
|
404
|
-
"text-
|
|
405
|
-
"$value":
|
|
448
|
+
"text-caption-weight": {
|
|
449
|
+
"$value": 400,
|
|
406
450
|
"$type": "fontWeight",
|
|
407
451
|
"$extensions": {
|
|
408
452
|
"org.primer.figma": {
|
|
@@ -413,7 +457,7 @@
|
|
|
413
457
|
"filePath": "src/tokens/functional/typography/typography.json5",
|
|
414
458
|
"isSource": true,
|
|
415
459
|
"original": {
|
|
416
|
-
"$value": "{base.text.weight.
|
|
460
|
+
"$value": "{base.text.weight.normal}",
|
|
417
461
|
"$type": "fontWeight",
|
|
418
462
|
"$extensions": {
|
|
419
463
|
"org.primer.figma": {
|
|
@@ -422,248 +466,277 @@
|
|
|
422
466
|
}
|
|
423
467
|
}
|
|
424
468
|
},
|
|
425
|
-
"name": "text-
|
|
469
|
+
"name": "text-caption-weight",
|
|
426
470
|
"attributes": {},
|
|
427
|
-
"path": ["text", "
|
|
471
|
+
"path": ["text", "caption", "weight"],
|
|
472
|
+
"key": "{text.caption.weight}"
|
|
428
473
|
},
|
|
429
|
-
"text-
|
|
430
|
-
"$value":
|
|
431
|
-
"$type": "
|
|
474
|
+
"text-codeBlock-lineHeight": {
|
|
475
|
+
"$value": 1.5385,
|
|
476
|
+
"$type": "number",
|
|
432
477
|
"$extensions": {
|
|
478
|
+
"org.primer.data": {
|
|
479
|
+
"fontSize": 13
|
|
480
|
+
},
|
|
433
481
|
"org.primer.figma": {
|
|
434
482
|
"collection": "typography",
|
|
435
|
-
"scopes": ["
|
|
483
|
+
"scopes": ["lineHeight"]
|
|
436
484
|
}
|
|
437
485
|
},
|
|
438
486
|
"filePath": "src/tokens/functional/typography/typography.json5",
|
|
439
487
|
"isSource": true,
|
|
440
488
|
"original": {
|
|
441
|
-
"$value":
|
|
442
|
-
"$type": "
|
|
489
|
+
"$value": 1.5385,
|
|
490
|
+
"$type": "number",
|
|
443
491
|
"$extensions": {
|
|
492
|
+
"org.primer.data": {
|
|
493
|
+
"fontSize": 13
|
|
494
|
+
},
|
|
444
495
|
"org.primer.figma": {
|
|
445
496
|
"collection": "typography",
|
|
446
|
-
"scopes": ["
|
|
497
|
+
"scopes": ["lineHeight"]
|
|
447
498
|
}
|
|
448
499
|
}
|
|
449
500
|
},
|
|
450
|
-
"name": "text-
|
|
501
|
+
"name": "text-codeBlock-lineHeight",
|
|
451
502
|
"attributes": {},
|
|
452
|
-
"path": ["text", "
|
|
503
|
+
"path": ["text", "codeBlock", "lineHeight"],
|
|
504
|
+
"key": "{text.codeBlock.lineHeight}"
|
|
453
505
|
},
|
|
454
|
-
"text-
|
|
455
|
-
"$value":
|
|
456
|
-
"$type": "
|
|
506
|
+
"text-codeBlock-shorthand": {
|
|
507
|
+
"$value": "400 0.8125rem,13px/1.5385 ui-monospace, SFMono-Regular, SF Mono, Menlo, Consolas, Liberation Mono, monospace",
|
|
508
|
+
"$type": "typography",
|
|
509
|
+
"$description": "Default style for rendering code blocks.",
|
|
510
|
+
"filePath": "src/tokens/functional/typography/typography.json5",
|
|
511
|
+
"isSource": true,
|
|
512
|
+
"original": {
|
|
513
|
+
"$value": {
|
|
514
|
+
"fontWeight": "{text.codeBlock.weight}",
|
|
515
|
+
"fontSize": "{text.codeBlock.size}",
|
|
516
|
+
"lineHeight": "{text.codeBlock.lineHeight}",
|
|
517
|
+
"fontFamily": "{fontStack.monospace}"
|
|
518
|
+
},
|
|
519
|
+
"$type": "typography",
|
|
520
|
+
"$description": "Default style for rendering code blocks."
|
|
521
|
+
},
|
|
522
|
+
"name": "text-codeBlock-shorthand",
|
|
523
|
+
"attributes": {},
|
|
524
|
+
"path": ["text", "codeBlock", "shorthand"],
|
|
525
|
+
"key": "{text.codeBlock.shorthand}"
|
|
526
|
+
},
|
|
527
|
+
"text-codeBlock-size": {
|
|
528
|
+
"$value": ["0.8125rem", "13px"],
|
|
529
|
+
"$type": "dimension",
|
|
457
530
|
"$extensions": {
|
|
458
531
|
"org.primer.figma": {
|
|
459
532
|
"collection": "typography",
|
|
460
|
-
"scopes": ["
|
|
533
|
+
"scopes": ["fontSize"]
|
|
461
534
|
}
|
|
462
535
|
},
|
|
463
536
|
"filePath": "src/tokens/functional/typography/typography.json5",
|
|
464
537
|
"isSource": true,
|
|
465
538
|
"original": {
|
|
466
|
-
"$value": "
|
|
467
|
-
"$type": "
|
|
539
|
+
"$value": "13px",
|
|
540
|
+
"$type": "dimension",
|
|
468
541
|
"$extensions": {
|
|
469
542
|
"org.primer.figma": {
|
|
470
543
|
"collection": "typography",
|
|
471
|
-
"scopes": ["
|
|
544
|
+
"scopes": ["fontSize"]
|
|
472
545
|
}
|
|
473
546
|
}
|
|
474
547
|
},
|
|
475
|
-
"name": "text-
|
|
548
|
+
"name": "text-codeBlock-size",
|
|
476
549
|
"attributes": {},
|
|
477
|
-
"path": ["text", "
|
|
550
|
+
"path": ["text", "codeBlock", "size"],
|
|
551
|
+
"key": "{text.codeBlock.size}"
|
|
478
552
|
},
|
|
479
|
-
"text-
|
|
480
|
-
"$value":
|
|
481
|
-
"$type": "
|
|
482
|
-
"$
|
|
553
|
+
"text-codeBlock-weight": {
|
|
554
|
+
"$value": 400,
|
|
555
|
+
"$type": "fontWeight",
|
|
556
|
+
"$extensions": {
|
|
557
|
+
"org.primer.figma": {
|
|
558
|
+
"collection": "typography",
|
|
559
|
+
"scopes": ["fontWeight"]
|
|
560
|
+
}
|
|
561
|
+
},
|
|
483
562
|
"filePath": "src/tokens/functional/typography/typography.json5",
|
|
484
563
|
"isSource": true,
|
|
485
564
|
"original": {
|
|
486
|
-
"$value": {
|
|
487
|
-
|
|
488
|
-
|
|
489
|
-
"
|
|
490
|
-
|
|
491
|
-
|
|
492
|
-
|
|
493
|
-
|
|
565
|
+
"$value": "{base.text.weight.normal}",
|
|
566
|
+
"$type": "fontWeight",
|
|
567
|
+
"$extensions": {
|
|
568
|
+
"org.primer.figma": {
|
|
569
|
+
"collection": "typography",
|
|
570
|
+
"scopes": ["fontWeight"]
|
|
571
|
+
}
|
|
572
|
+
}
|
|
494
573
|
},
|
|
495
|
-
"name": "text-
|
|
574
|
+
"name": "text-codeBlock-weight",
|
|
496
575
|
"attributes": {},
|
|
497
|
-
"path": ["text", "
|
|
576
|
+
"path": ["text", "codeBlock", "weight"],
|
|
577
|
+
"key": "{text.codeBlock.weight}"
|
|
498
578
|
},
|
|
499
|
-
"text-
|
|
500
|
-
"$value": "
|
|
579
|
+
"text-codeInline-shorthand": {
|
|
580
|
+
"$value": "400 ,14.856px ui-monospace, SFMono-Regular, SF Mono, Menlo, Consolas, Liberation Mono, monospace",
|
|
501
581
|
"$type": "typography",
|
|
502
|
-
"$description": "
|
|
582
|
+
"$description": "Inline code blocks using em units to inherit size from its parent.",
|
|
503
583
|
"filePath": "src/tokens/functional/typography/typography.json5",
|
|
504
584
|
"isSource": true,
|
|
505
585
|
"original": {
|
|
506
586
|
"$value": {
|
|
507
|
-
"fontWeight": "{text.
|
|
508
|
-
"fontSize": "{text.
|
|
509
|
-
"
|
|
510
|
-
"fontFamily": "{fontStack.sansSerifDisplay}"
|
|
587
|
+
"fontWeight": "{text.codeInline.weight}",
|
|
588
|
+
"fontSize": "{text.codeInline.size}",
|
|
589
|
+
"fontFamily": "{fontStack.monospace}"
|
|
511
590
|
},
|
|
512
591
|
"$type": "typography",
|
|
513
|
-
"$description": "
|
|
592
|
+
"$description": "Inline code blocks using em units to inherit size from its parent."
|
|
514
593
|
},
|
|
515
|
-
"name": "text-
|
|
594
|
+
"name": "text-codeInline-shorthand",
|
|
516
595
|
"attributes": {},
|
|
517
|
-
"path": ["text", "
|
|
596
|
+
"path": ["text", "codeInline", "shorthand"],
|
|
597
|
+
"key": "{text.codeInline.shorthand}"
|
|
518
598
|
},
|
|
519
|
-
"text-
|
|
520
|
-
"$value":
|
|
521
|
-
"$type": "
|
|
522
|
-
"$
|
|
599
|
+
"text-codeInline-size": {
|
|
600
|
+
"$value": [null, "14.856px"],
|
|
601
|
+
"$type": "dimension",
|
|
602
|
+
"$extensions": {
|
|
603
|
+
"org.primer.figma": {
|
|
604
|
+
"collection": "typography",
|
|
605
|
+
"scopes": ["fontSize"]
|
|
606
|
+
}
|
|
607
|
+
},
|
|
523
608
|
"filePath": "src/tokens/functional/typography/typography.json5",
|
|
524
609
|
"isSource": true,
|
|
525
610
|
"original": {
|
|
526
|
-
"$value":
|
|
527
|
-
|
|
528
|
-
|
|
529
|
-
"
|
|
530
|
-
|
|
531
|
-
|
|
532
|
-
|
|
533
|
-
|
|
611
|
+
"$value": "0.9285em",
|
|
612
|
+
"$type": "dimension",
|
|
613
|
+
"$extensions": {
|
|
614
|
+
"org.primer.figma": {
|
|
615
|
+
"collection": "typography",
|
|
616
|
+
"scopes": ["fontSize"]
|
|
617
|
+
}
|
|
618
|
+
}
|
|
534
619
|
},
|
|
535
|
-
"name": "text-
|
|
620
|
+
"name": "text-codeInline-size",
|
|
536
621
|
"attributes": {},
|
|
537
|
-
"path": ["text", "
|
|
622
|
+
"path": ["text", "codeInline", "size"],
|
|
623
|
+
"key": "{text.codeInline.size}"
|
|
538
624
|
},
|
|
539
|
-
"text-
|
|
540
|
-
"$value":
|
|
541
|
-
"$type": "
|
|
625
|
+
"text-codeInline-weight": {
|
|
626
|
+
"$value": 400,
|
|
627
|
+
"$type": "fontWeight",
|
|
542
628
|
"$extensions": {
|
|
543
629
|
"org.primer.figma": {
|
|
544
630
|
"collection": "typography",
|
|
545
|
-
"scopes": ["
|
|
631
|
+
"scopes": ["fontWeight"]
|
|
546
632
|
}
|
|
547
633
|
},
|
|
548
634
|
"filePath": "src/tokens/functional/typography/typography.json5",
|
|
549
635
|
"isSource": true,
|
|
550
636
|
"original": {
|
|
551
|
-
"$value": "
|
|
552
|
-
"$type": "
|
|
637
|
+
"$value": "{base.text.weight.normal}",
|
|
638
|
+
"$type": "fontWeight",
|
|
553
639
|
"$extensions": {
|
|
554
640
|
"org.primer.figma": {
|
|
555
641
|
"collection": "typography",
|
|
556
|
-
"scopes": ["
|
|
642
|
+
"scopes": ["fontWeight"]
|
|
557
643
|
}
|
|
558
644
|
}
|
|
559
645
|
},
|
|
560
|
-
"name": "text-
|
|
646
|
+
"name": "text-codeInline-weight",
|
|
561
647
|
"attributes": {},
|
|
562
|
-
"path": ["text", "
|
|
648
|
+
"path": ["text", "codeInline", "weight"],
|
|
649
|
+
"key": "{text.codeInline.weight}"
|
|
563
650
|
},
|
|
564
|
-
"text-
|
|
565
|
-
"$value": 1.
|
|
651
|
+
"text-display-lineBoxHeight": {
|
|
652
|
+
"$value": 1.4,
|
|
566
653
|
"$type": "number",
|
|
567
654
|
"$extensions": {
|
|
568
655
|
"org.primer.data": {
|
|
569
|
-
"fontSize":
|
|
656
|
+
"fontSize": 40
|
|
570
657
|
},
|
|
571
658
|
"org.primer.figma": {
|
|
572
659
|
"collection": "typography",
|
|
573
|
-
"scopes": ["lineHeight"]
|
|
660
|
+
"scopes": ["lineHeight"],
|
|
661
|
+
"fontSizeInPx": 40
|
|
574
662
|
}
|
|
575
663
|
},
|
|
576
664
|
"filePath": "src/tokens/functional/typography/typography.json5",
|
|
577
665
|
"isSource": true,
|
|
578
666
|
"original": {
|
|
579
|
-
"$value": 1.
|
|
667
|
+
"$value": 1.4,
|
|
580
668
|
"$type": "number",
|
|
581
669
|
"$extensions": {
|
|
582
670
|
"org.primer.data": {
|
|
583
|
-
"fontSize":
|
|
671
|
+
"fontSize": 40
|
|
584
672
|
},
|
|
585
673
|
"org.primer.figma": {
|
|
586
674
|
"collection": "typography",
|
|
587
|
-
"scopes": ["lineHeight"]
|
|
675
|
+
"scopes": ["lineHeight"],
|
|
676
|
+
"fontSizeInPx": 40
|
|
588
677
|
}
|
|
589
678
|
}
|
|
590
679
|
},
|
|
591
|
-
"name": "text-
|
|
680
|
+
"name": "text-display-lineBoxHeight",
|
|
592
681
|
"attributes": {},
|
|
593
|
-
"path": ["text", "
|
|
682
|
+
"path": ["text", "display", "lineBoxHeight"],
|
|
683
|
+
"key": "{text.display.lineBoxHeight}"
|
|
594
684
|
},
|
|
595
|
-
"text-
|
|
596
|
-
"$value":
|
|
597
|
-
"$type": "
|
|
685
|
+
"text-display-lineHeight": {
|
|
686
|
+
"$value": 1.4,
|
|
687
|
+
"$type": "number",
|
|
598
688
|
"$extensions": {
|
|
689
|
+
"org.primer.data": {
|
|
690
|
+
"fontSize": 40
|
|
691
|
+
},
|
|
599
692
|
"org.primer.figma": {
|
|
600
693
|
"collection": "typography",
|
|
601
|
-
"scopes": ["
|
|
694
|
+
"scopes": ["lineHeight"]
|
|
602
695
|
}
|
|
603
696
|
},
|
|
604
697
|
"filePath": "src/tokens/functional/typography/typography.json5",
|
|
605
698
|
"isSource": true,
|
|
606
699
|
"original": {
|
|
607
|
-
"$value":
|
|
608
|
-
"$type": "
|
|
700
|
+
"$value": 1.4,
|
|
701
|
+
"$type": "number",
|
|
609
702
|
"$extensions": {
|
|
703
|
+
"org.primer.data": {
|
|
704
|
+
"fontSize": 40
|
|
705
|
+
},
|
|
610
706
|
"org.primer.figma": {
|
|
611
707
|
"collection": "typography",
|
|
612
|
-
"scopes": ["
|
|
708
|
+
"scopes": ["lineHeight"]
|
|
613
709
|
}
|
|
614
710
|
}
|
|
615
711
|
},
|
|
616
|
-
"name": "text-
|
|
712
|
+
"name": "text-display-lineHeight",
|
|
617
713
|
"attributes": {},
|
|
618
|
-
"path": ["text", "
|
|
714
|
+
"path": ["text", "display", "lineHeight"],
|
|
715
|
+
"key": "{text.display.lineHeight}"
|
|
619
716
|
},
|
|
620
|
-
"text-
|
|
621
|
-
"$value": "
|
|
717
|
+
"text-display-shorthand": {
|
|
718
|
+
"$value": "500 2.5rem,40px/1.4 -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'",
|
|
622
719
|
"$type": "typography",
|
|
623
|
-
"$description": "
|
|
720
|
+
"$description": "Hero-style text for brand to product transition pages. Utilize Title (large) styles on narrow viewports.",
|
|
624
721
|
"filePath": "src/tokens/functional/typography/typography.json5",
|
|
625
722
|
"isSource": true,
|
|
626
723
|
"original": {
|
|
627
724
|
"$value": {
|
|
628
|
-
"fontWeight": "{text.
|
|
629
|
-
"fontSize": "{text.
|
|
630
|
-
"lineHeight": "{text.
|
|
725
|
+
"fontWeight": "{text.display.weight}",
|
|
726
|
+
"fontSize": "{text.display.size}",
|
|
727
|
+
"lineHeight": "{text.display.lineHeight}",
|
|
631
728
|
"fontFamily": "{fontStack.sansSerifDisplay}"
|
|
632
729
|
},
|
|
633
730
|
"$type": "typography",
|
|
634
|
-
"$description": "
|
|
635
|
-
},
|
|
636
|
-
"name": "text-subtitle-shorthand",
|
|
637
|
-
"attributes": {},
|
|
638
|
-
"path": ["text", "subtitle", "shorthand"]
|
|
639
|
-
},
|
|
640
|
-
"text-body-size-large": {
|
|
641
|
-
"$value": ["1rem", "16px"],
|
|
642
|
-
"$type": "dimension",
|
|
643
|
-
"$extensions": {
|
|
644
|
-
"org.primer.figma": {
|
|
645
|
-
"collection": "typography",
|
|
646
|
-
"scopes": ["fontSize"]
|
|
647
|
-
}
|
|
648
|
-
},
|
|
649
|
-
"filePath": "src/tokens/functional/typography/typography.json5",
|
|
650
|
-
"isSource": true,
|
|
651
|
-
"original": {
|
|
652
|
-
"$value": "16px",
|
|
653
|
-
"$type": "dimension",
|
|
654
|
-
"$extensions": {
|
|
655
|
-
"org.primer.figma": {
|
|
656
|
-
"collection": "typography",
|
|
657
|
-
"scopes": ["fontSize"]
|
|
658
|
-
}
|
|
659
|
-
}
|
|
731
|
+
"$description": "Hero-style text for brand to product transition pages. Utilize Title (large) styles on narrow viewports."
|
|
660
732
|
},
|
|
661
|
-
"name": "text-
|
|
733
|
+
"name": "text-display-shorthand",
|
|
662
734
|
"attributes": {},
|
|
663
|
-
"path": ["text", "
|
|
735
|
+
"path": ["text", "display", "shorthand"],
|
|
736
|
+
"key": "{text.display.shorthand}"
|
|
664
737
|
},
|
|
665
|
-
"text-
|
|
666
|
-
"$value": ["
|
|
738
|
+
"text-display-size": {
|
|
739
|
+
"$value": ["2.5rem", "40px"],
|
|
667
740
|
"$type": "dimension",
|
|
668
741
|
"$extensions": {
|
|
669
742
|
"org.primer.figma": {
|
|
@@ -674,7 +747,7 @@
|
|
|
674
747
|
"filePath": "src/tokens/functional/typography/typography.json5",
|
|
675
748
|
"isSource": true,
|
|
676
749
|
"original": {
|
|
677
|
-
"$value": "
|
|
750
|
+
"$value": "40px",
|
|
678
751
|
"$type": "dimension",
|
|
679
752
|
"$extensions": {
|
|
680
753
|
"org.primer.figma": {
|
|
@@ -683,41 +756,43 @@
|
|
|
683
756
|
}
|
|
684
757
|
}
|
|
685
758
|
},
|
|
686
|
-
"name": "text-
|
|
759
|
+
"name": "text-display-size",
|
|
687
760
|
"attributes": {},
|
|
688
|
-
"path": ["text", "
|
|
761
|
+
"path": ["text", "display", "size"],
|
|
762
|
+
"key": "{text.display.size}"
|
|
689
763
|
},
|
|
690
|
-
"text-
|
|
691
|
-
"$value":
|
|
692
|
-
"$type": "
|
|
764
|
+
"text-display-weight": {
|
|
765
|
+
"$value": 500,
|
|
766
|
+
"$type": "fontWeight",
|
|
693
767
|
"$extensions": {
|
|
694
768
|
"org.primer.figma": {
|
|
695
769
|
"collection": "typography",
|
|
696
|
-
"scopes": ["
|
|
770
|
+
"scopes": ["fontWeight"]
|
|
697
771
|
}
|
|
698
772
|
},
|
|
699
773
|
"filePath": "src/tokens/functional/typography/typography.json5",
|
|
700
774
|
"isSource": true,
|
|
701
775
|
"original": {
|
|
702
|
-
"$value": "
|
|
703
|
-
"$type": "
|
|
776
|
+
"$value": "{base.text.weight.medium}",
|
|
777
|
+
"$type": "fontWeight",
|
|
704
778
|
"$extensions": {
|
|
705
779
|
"org.primer.figma": {
|
|
706
780
|
"collection": "typography",
|
|
707
|
-
"scopes": ["
|
|
781
|
+
"scopes": ["fontWeight"]
|
|
708
782
|
}
|
|
709
783
|
}
|
|
710
784
|
},
|
|
711
|
-
"name": "text-
|
|
785
|
+
"name": "text-display-weight",
|
|
712
786
|
"attributes": {},
|
|
713
|
-
"path": ["text", "
|
|
787
|
+
"path": ["text", "display", "weight"],
|
|
788
|
+
"key": "{text.display.weight}"
|
|
714
789
|
},
|
|
715
|
-
"text-
|
|
716
|
-
"$value": 1.
|
|
790
|
+
"text-subtitle-lineHeight": {
|
|
791
|
+
"$value": 1.6,
|
|
717
792
|
"$type": "number",
|
|
718
793
|
"$extensions": {
|
|
719
794
|
"org.primer.data": {
|
|
720
|
-
"fontSize":
|
|
795
|
+
"fontSize": 20
|
|
721
796
|
},
|
|
722
797
|
"org.primer.figma": {
|
|
723
798
|
"collection": "typography",
|
|
@@ -727,11 +802,11 @@
|
|
|
727
802
|
"filePath": "src/tokens/functional/typography/typography.json5",
|
|
728
803
|
"isSource": true,
|
|
729
804
|
"original": {
|
|
730
|
-
"$value": 1.
|
|
805
|
+
"$value": 1.6,
|
|
731
806
|
"$type": "number",
|
|
732
807
|
"$extensions": {
|
|
733
808
|
"org.primer.data": {
|
|
734
|
-
"fontSize":
|
|
809
|
+
"fontSize": 20
|
|
735
810
|
},
|
|
736
811
|
"org.primer.figma": {
|
|
737
812
|
"collection": "typography",
|
|
@@ -739,16 +814,90 @@
|
|
|
739
814
|
}
|
|
740
815
|
}
|
|
741
816
|
},
|
|
742
|
-
"name": "text-
|
|
817
|
+
"name": "text-subtitle-lineHeight",
|
|
743
818
|
"attributes": {},
|
|
744
|
-
"path": ["text", "
|
|
819
|
+
"path": ["text", "subtitle", "lineHeight"],
|
|
820
|
+
"key": "{text.subtitle.lineHeight}"
|
|
745
821
|
},
|
|
746
|
-
"text-
|
|
747
|
-
"$value": 1.
|
|
748
|
-
"$type": "
|
|
822
|
+
"text-subtitle-shorthand": {
|
|
823
|
+
"$value": "400 1.25rem,20px/1.6 -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'",
|
|
824
|
+
"$type": "typography",
|
|
825
|
+
"$description": "Page sections/sub headings, or less important object names in page titles (automated action titles, for example). Same line-height as title (medium).",
|
|
826
|
+
"filePath": "src/tokens/functional/typography/typography.json5",
|
|
827
|
+
"isSource": true,
|
|
828
|
+
"original": {
|
|
829
|
+
"$value": {
|
|
830
|
+
"fontWeight": "{text.subtitle.weight}",
|
|
831
|
+
"fontSize": "{text.subtitle.size}",
|
|
832
|
+
"lineHeight": "{text.subtitle.lineHeight}",
|
|
833
|
+
"fontFamily": "{fontStack.sansSerifDisplay}"
|
|
834
|
+
},
|
|
835
|
+
"$type": "typography",
|
|
836
|
+
"$description": "Page sections/sub headings, or less important object names in page titles (automated action titles, for example). Same line-height as title (medium)."
|
|
837
|
+
},
|
|
838
|
+
"name": "text-subtitle-shorthand",
|
|
839
|
+
"attributes": {},
|
|
840
|
+
"path": ["text", "subtitle", "shorthand"],
|
|
841
|
+
"key": "{text.subtitle.shorthand}"
|
|
842
|
+
},
|
|
843
|
+
"text-subtitle-size": {
|
|
844
|
+
"$value": ["1.25rem", "20px"],
|
|
845
|
+
"$type": "dimension",
|
|
846
|
+
"$extensions": {
|
|
847
|
+
"org.primer.figma": {
|
|
848
|
+
"collection": "typography",
|
|
849
|
+
"scopes": ["fontSize"]
|
|
850
|
+
}
|
|
851
|
+
},
|
|
852
|
+
"filePath": "src/tokens/functional/typography/typography.json5",
|
|
853
|
+
"isSource": true,
|
|
854
|
+
"original": {
|
|
855
|
+
"$value": "20px",
|
|
856
|
+
"$type": "dimension",
|
|
857
|
+
"$extensions": {
|
|
858
|
+
"org.primer.figma": {
|
|
859
|
+
"collection": "typography",
|
|
860
|
+
"scopes": ["fontSize"]
|
|
861
|
+
}
|
|
862
|
+
}
|
|
863
|
+
},
|
|
864
|
+
"name": "text-subtitle-size",
|
|
865
|
+
"attributes": {},
|
|
866
|
+
"path": ["text", "subtitle", "size"],
|
|
867
|
+
"key": "{text.subtitle.size}"
|
|
868
|
+
},
|
|
869
|
+
"text-subtitle-weight": {
|
|
870
|
+
"$value": 400,
|
|
871
|
+
"$type": "fontWeight",
|
|
872
|
+
"$extensions": {
|
|
873
|
+
"org.primer.figma": {
|
|
874
|
+
"collection": "typography",
|
|
875
|
+
"scopes": ["fontWeight"]
|
|
876
|
+
}
|
|
877
|
+
},
|
|
878
|
+
"filePath": "src/tokens/functional/typography/typography.json5",
|
|
879
|
+
"isSource": true,
|
|
880
|
+
"original": {
|
|
881
|
+
"$value": "{base.text.weight.normal}",
|
|
882
|
+
"$type": "fontWeight",
|
|
883
|
+
"$extensions": {
|
|
884
|
+
"org.primer.figma": {
|
|
885
|
+
"collection": "typography",
|
|
886
|
+
"scopes": ["fontWeight"]
|
|
887
|
+
}
|
|
888
|
+
}
|
|
889
|
+
},
|
|
890
|
+
"name": "text-subtitle-weight",
|
|
891
|
+
"attributes": {},
|
|
892
|
+
"path": ["text", "subtitle", "weight"],
|
|
893
|
+
"key": "{text.subtitle.weight}"
|
|
894
|
+
},
|
|
895
|
+
"text-title-lineHeight-large": {
|
|
896
|
+
"$value": 1.5,
|
|
897
|
+
"$type": "number",
|
|
749
898
|
"$extensions": {
|
|
750
899
|
"org.primer.data": {
|
|
751
|
-
"fontSize":
|
|
900
|
+
"fontSize": 32
|
|
752
901
|
},
|
|
753
902
|
"org.primer.figma": {
|
|
754
903
|
"collection": "typography",
|
|
@@ -758,11 +907,11 @@
|
|
|
758
907
|
"filePath": "src/tokens/functional/typography/typography.json5",
|
|
759
908
|
"isSource": true,
|
|
760
909
|
"original": {
|
|
761
|
-
"$value": 1.
|
|
910
|
+
"$value": 1.5,
|
|
762
911
|
"$type": "number",
|
|
763
912
|
"$extensions": {
|
|
764
913
|
"org.primer.data": {
|
|
765
|
-
"fontSize":
|
|
914
|
+
"fontSize": 32
|
|
766
915
|
},
|
|
767
916
|
"org.primer.figma": {
|
|
768
917
|
"collection": "typography",
|
|
@@ -770,16 +919,17 @@
|
|
|
770
919
|
}
|
|
771
920
|
}
|
|
772
921
|
},
|
|
773
|
-
"name": "text-
|
|
922
|
+
"name": "text-title-lineHeight-large",
|
|
774
923
|
"attributes": {},
|
|
775
|
-
"path": ["text", "
|
|
924
|
+
"path": ["text", "title", "lineHeight", "large"],
|
|
925
|
+
"key": "{text.title.lineHeight.large}"
|
|
776
926
|
},
|
|
777
|
-
"text-
|
|
778
|
-
"$value": 1.
|
|
927
|
+
"text-title-lineHeight-medium": {
|
|
928
|
+
"$value": 1.6,
|
|
779
929
|
"$type": "number",
|
|
780
930
|
"$extensions": {
|
|
781
931
|
"org.primer.data": {
|
|
782
|
-
"fontSize":
|
|
932
|
+
"fontSize": 20
|
|
783
933
|
},
|
|
784
934
|
"org.primer.figma": {
|
|
785
935
|
"collection": "typography",
|
|
@@ -789,11 +939,11 @@
|
|
|
789
939
|
"filePath": "src/tokens/functional/typography/typography.json5",
|
|
790
940
|
"isSource": true,
|
|
791
941
|
"original": {
|
|
792
|
-
"$value": 1.
|
|
942
|
+
"$value": 1.6,
|
|
793
943
|
"$type": "number",
|
|
794
944
|
"$extensions": {
|
|
795
945
|
"org.primer.data": {
|
|
796
|
-
"fontSize":
|
|
946
|
+
"fontSize": 20
|
|
797
947
|
},
|
|
798
948
|
"org.primer.figma": {
|
|
799
949
|
"collection": "typography",
|
|
@@ -801,97 +951,108 @@
|
|
|
801
951
|
}
|
|
802
952
|
}
|
|
803
953
|
},
|
|
804
|
-
"name": "text-
|
|
954
|
+
"name": "text-title-lineHeight-medium",
|
|
805
955
|
"attributes": {},
|
|
806
|
-
"path": ["text", "
|
|
956
|
+
"path": ["text", "title", "lineHeight", "medium"],
|
|
957
|
+
"key": "{text.title.lineHeight.medium}"
|
|
807
958
|
},
|
|
808
|
-
"text-
|
|
809
|
-
"$value":
|
|
810
|
-
"$type": "
|
|
959
|
+
"text-title-lineHeight-small": {
|
|
960
|
+
"$value": 1.5,
|
|
961
|
+
"$type": "number",
|
|
811
962
|
"$extensions": {
|
|
963
|
+
"org.primer.data": {
|
|
964
|
+
"fontSize": 16
|
|
965
|
+
},
|
|
812
966
|
"org.primer.figma": {
|
|
813
967
|
"collection": "typography",
|
|
814
|
-
"scopes": ["
|
|
968
|
+
"scopes": ["lineHeight"]
|
|
815
969
|
}
|
|
816
970
|
},
|
|
817
971
|
"filePath": "src/tokens/functional/typography/typography.json5",
|
|
818
972
|
"isSource": true,
|
|
819
973
|
"original": {
|
|
820
|
-
"$value":
|
|
821
|
-
"$type": "
|
|
974
|
+
"$value": 1.5,
|
|
975
|
+
"$type": "number",
|
|
822
976
|
"$extensions": {
|
|
977
|
+
"org.primer.data": {
|
|
978
|
+
"fontSize": 16
|
|
979
|
+
},
|
|
823
980
|
"org.primer.figma": {
|
|
824
981
|
"collection": "typography",
|
|
825
|
-
"scopes": ["
|
|
982
|
+
"scopes": ["lineHeight"]
|
|
826
983
|
}
|
|
827
984
|
}
|
|
828
985
|
},
|
|
829
|
-
"name": "text-
|
|
986
|
+
"name": "text-title-lineHeight-small",
|
|
830
987
|
"attributes": {},
|
|
831
|
-
"path": ["text", "
|
|
988
|
+
"path": ["text", "title", "lineHeight", "small"],
|
|
989
|
+
"key": "{text.title.lineHeight.small}"
|
|
832
990
|
},
|
|
833
|
-
"text-
|
|
834
|
-
"$value": "
|
|
991
|
+
"text-title-shorthand-large": {
|
|
992
|
+
"$value": "600 2rem,32px/1.5 -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'",
|
|
835
993
|
"$type": "typography",
|
|
836
|
-
"$description": "
|
|
994
|
+
"$description": "Page headings for user-created objects, such as issues or pull requests. Utilize title (medium) styles on narrow viewports.",
|
|
837
995
|
"filePath": "src/tokens/functional/typography/typography.json5",
|
|
838
996
|
"isSource": true,
|
|
839
997
|
"original": {
|
|
840
998
|
"$value": {
|
|
841
|
-
"fontWeight": "{text.
|
|
842
|
-
"fontSize": "{text.
|
|
843
|
-
"lineHeight": "{text.
|
|
844
|
-
"fontFamily": "{fontStack.
|
|
999
|
+
"fontWeight": "{text.title.weight.large}",
|
|
1000
|
+
"fontSize": "{text.title.size.large}",
|
|
1001
|
+
"lineHeight": "{text.title.lineHeight.large}",
|
|
1002
|
+
"fontFamily": "{fontStack.sansSerifDisplay}"
|
|
845
1003
|
},
|
|
846
1004
|
"$type": "typography",
|
|
847
|
-
"$description": "
|
|
1005
|
+
"$description": "Page headings for user-created objects, such as issues or pull requests. Utilize title (medium) styles on narrow viewports."
|
|
848
1006
|
},
|
|
849
|
-
"name": "text-
|
|
1007
|
+
"name": "text-title-shorthand-large",
|
|
850
1008
|
"attributes": {},
|
|
851
|
-
"path": ["text", "
|
|
1009
|
+
"path": ["text", "title", "shorthand", "large"],
|
|
1010
|
+
"key": "{text.title.shorthand.large}"
|
|
852
1011
|
},
|
|
853
|
-
"text-
|
|
854
|
-
"$value": "
|
|
1012
|
+
"text-title-shorthand-medium": {
|
|
1013
|
+
"$value": "600 1.25rem,20px/1.6 -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'",
|
|
855
1014
|
"$type": "typography",
|
|
856
|
-
"$description": "Default
|
|
1015
|
+
"$description": "Default page title. The 32px-equivalent line-height matches with button and other medium control heights. Great for page header composition.",
|
|
857
1016
|
"filePath": "src/tokens/functional/typography/typography.json5",
|
|
858
1017
|
"isSource": true,
|
|
859
1018
|
"original": {
|
|
860
1019
|
"$value": {
|
|
861
|
-
"fontWeight": "{text.
|
|
862
|
-
"fontSize": "{text.
|
|
863
|
-
"lineHeight": "{text.
|
|
864
|
-
"fontFamily": "{fontStack.
|
|
1020
|
+
"fontWeight": "{text.title.weight.medium}",
|
|
1021
|
+
"fontSize": "{text.title.size.medium}",
|
|
1022
|
+
"lineHeight": "{text.title.lineHeight.medium}",
|
|
1023
|
+
"fontFamily": "{fontStack.sansSerifDisplay}"
|
|
865
1024
|
},
|
|
866
1025
|
"$type": "typography",
|
|
867
|
-
"$description": "Default
|
|
1026
|
+
"$description": "Default page title. The 32px-equivalent line-height matches with button and other medium control heights. Great for page header composition."
|
|
868
1027
|
},
|
|
869
|
-
"name": "text-
|
|
1028
|
+
"name": "text-title-shorthand-medium",
|
|
870
1029
|
"attributes": {},
|
|
871
|
-
"path": ["text", "
|
|
1030
|
+
"path": ["text", "title", "shorthand", "medium"],
|
|
1031
|
+
"key": "{text.title.shorthand.medium}"
|
|
872
1032
|
},
|
|
873
|
-
"text-
|
|
874
|
-
"$value": "
|
|
1033
|
+
"text-title-shorthand-small": {
|
|
1034
|
+
"$value": "600 1rem,16px/1.5 -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'",
|
|
875
1035
|
"$type": "typography",
|
|
876
|
-
"$description": "
|
|
1036
|
+
"$description": "Uses the same size as body (large) with a heavier weight of semibold (600).",
|
|
877
1037
|
"filePath": "src/tokens/functional/typography/typography.json5",
|
|
878
1038
|
"isSource": true,
|
|
879
1039
|
"original": {
|
|
880
1040
|
"$value": {
|
|
881
|
-
"fontWeight": "{text.
|
|
882
|
-
"fontSize": "{text.
|
|
883
|
-
"lineHeight": "{text.
|
|
1041
|
+
"fontWeight": "{text.title.weight.small}",
|
|
1042
|
+
"fontSize": "{text.title.size.small}",
|
|
1043
|
+
"lineHeight": "{text.title.lineHeight.small}",
|
|
884
1044
|
"fontFamily": "{fontStack.sansSerif}"
|
|
885
1045
|
},
|
|
886
1046
|
"$type": "typography",
|
|
887
|
-
"$description": "
|
|
1047
|
+
"$description": "Uses the same size as body (large) with a heavier weight of semibold (600)."
|
|
888
1048
|
},
|
|
889
|
-
"name": "text-
|
|
1049
|
+
"name": "text-title-shorthand-small",
|
|
890
1050
|
"attributes": {},
|
|
891
|
-
"path": ["text", "
|
|
1051
|
+
"path": ["text", "title", "shorthand", "small"],
|
|
1052
|
+
"key": "{text.title.shorthand.small}"
|
|
892
1053
|
},
|
|
893
|
-
"text-
|
|
894
|
-
"$value": ["
|
|
1054
|
+
"text-title-size-large": {
|
|
1055
|
+
"$value": ["2rem", "32px"],
|
|
895
1056
|
"$type": "dimension",
|
|
896
1057
|
"$extensions": {
|
|
897
1058
|
"org.primer.figma": {
|
|
@@ -902,7 +1063,7 @@
|
|
|
902
1063
|
"filePath": "src/tokens/functional/typography/typography.json5",
|
|
903
1064
|
"isSource": true,
|
|
904
1065
|
"original": {
|
|
905
|
-
"$value": "
|
|
1066
|
+
"$value": "32px",
|
|
906
1067
|
"$type": "dimension",
|
|
907
1068
|
"$extensions": {
|
|
908
1069
|
"org.primer.figma": {
|
|
@@ -911,88 +1072,13 @@
|
|
|
911
1072
|
}
|
|
912
1073
|
}
|
|
913
1074
|
},
|
|
914
|
-
"name": "text-
|
|
915
|
-
"attributes": {},
|
|
916
|
-
"path": ["text", "caption", "size"]
|
|
917
|
-
},
|
|
918
|
-
"text-caption-lineHeight": {
|
|
919
|
-
"$value": 1.3333,
|
|
920
|
-
"$type": "number",
|
|
921
|
-
"$extensions": {
|
|
922
|
-
"org.primer.data": {
|
|
923
|
-
"fontSize": 12
|
|
924
|
-
},
|
|
925
|
-
"org.primer.figma": {
|
|
926
|
-
"collection": "typography",
|
|
927
|
-
"scopes": ["lineHeight"]
|
|
928
|
-
}
|
|
929
|
-
},
|
|
930
|
-
"filePath": "src/tokens/functional/typography/typography.json5",
|
|
931
|
-
"isSource": true,
|
|
932
|
-
"original": {
|
|
933
|
-
"$value": 1.3333,
|
|
934
|
-
"$type": "number",
|
|
935
|
-
"$extensions": {
|
|
936
|
-
"org.primer.data": {
|
|
937
|
-
"fontSize": 12
|
|
938
|
-
},
|
|
939
|
-
"org.primer.figma": {
|
|
940
|
-
"collection": "typography",
|
|
941
|
-
"scopes": ["lineHeight"]
|
|
942
|
-
}
|
|
943
|
-
}
|
|
944
|
-
},
|
|
945
|
-
"name": "text-caption-lineHeight",
|
|
946
|
-
"attributes": {},
|
|
947
|
-
"path": ["text", "caption", "lineHeight"]
|
|
948
|
-
},
|
|
949
|
-
"text-caption-weight": {
|
|
950
|
-
"$value": 400,
|
|
951
|
-
"$type": "fontWeight",
|
|
952
|
-
"$extensions": {
|
|
953
|
-
"org.primer.figma": {
|
|
954
|
-
"collection": "typography",
|
|
955
|
-
"scopes": ["fontWeight"]
|
|
956
|
-
}
|
|
957
|
-
},
|
|
958
|
-
"filePath": "src/tokens/functional/typography/typography.json5",
|
|
959
|
-
"isSource": true,
|
|
960
|
-
"original": {
|
|
961
|
-
"$value": "{base.text.weight.normal}",
|
|
962
|
-
"$type": "fontWeight",
|
|
963
|
-
"$extensions": {
|
|
964
|
-
"org.primer.figma": {
|
|
965
|
-
"collection": "typography",
|
|
966
|
-
"scopes": ["fontWeight"]
|
|
967
|
-
}
|
|
968
|
-
}
|
|
969
|
-
},
|
|
970
|
-
"name": "text-caption-weight",
|
|
971
|
-
"attributes": {},
|
|
972
|
-
"path": ["text", "caption", "weight"]
|
|
973
|
-
},
|
|
974
|
-
"text-caption-shorthand": {
|
|
975
|
-
"$value": "400 0.75rem,12px/1.3333 -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'",
|
|
976
|
-
"$type": "typography",
|
|
977
|
-
"$description": "Compact small font with a smaller line height of 16px. Use it for single-line scenarios, as the small sizing doesn’t pass accessibility requirements.",
|
|
978
|
-
"filePath": "src/tokens/functional/typography/typography.json5",
|
|
979
|
-
"isSource": true,
|
|
980
|
-
"original": {
|
|
981
|
-
"$value": {
|
|
982
|
-
"fontWeight": "{text.caption.weight}",
|
|
983
|
-
"fontSize": "{text.caption.size}",
|
|
984
|
-
"lineHeight": "{text.caption.lineHeight}",
|
|
985
|
-
"fontFamily": "{fontStack.sansSerif}"
|
|
986
|
-
},
|
|
987
|
-
"$type": "typography",
|
|
988
|
-
"$description": "Compact small font with a smaller line height of 16px. Use it for single-line scenarios, as the small sizing doesn’t pass accessibility requirements."
|
|
989
|
-
},
|
|
990
|
-
"name": "text-caption-shorthand",
|
|
1075
|
+
"name": "text-title-size-large",
|
|
991
1076
|
"attributes": {},
|
|
992
|
-
"path": ["text", "
|
|
1077
|
+
"path": ["text", "title", "size", "large"],
|
|
1078
|
+
"key": "{text.title.size.large}"
|
|
993
1079
|
},
|
|
994
|
-
"text-
|
|
995
|
-
"$value": ["
|
|
1080
|
+
"text-title-size-medium": {
|
|
1081
|
+
"$value": ["1.25rem", "20px"],
|
|
996
1082
|
"$type": "dimension",
|
|
997
1083
|
"$extensions": {
|
|
998
1084
|
"org.primer.figma": {
|
|
@@ -1003,7 +1089,7 @@
|
|
|
1003
1089
|
"filePath": "src/tokens/functional/typography/typography.json5",
|
|
1004
1090
|
"isSource": true,
|
|
1005
1091
|
"original": {
|
|
1006
|
-
"$value": "
|
|
1092
|
+
"$value": "20px",
|
|
1007
1093
|
"$type": "dimension",
|
|
1008
1094
|
"$extensions": {
|
|
1009
1095
|
"org.primer.figma": {
|
|
@@ -1012,43 +1098,39 @@
|
|
|
1012
1098
|
}
|
|
1013
1099
|
}
|
|
1014
1100
|
},
|
|
1015
|
-
"name": "text-
|
|
1101
|
+
"name": "text-title-size-medium",
|
|
1016
1102
|
"attributes": {},
|
|
1017
|
-
"path": ["text", "
|
|
1103
|
+
"path": ["text", "title", "size", "medium"],
|
|
1104
|
+
"key": "{text.title.size.medium}"
|
|
1018
1105
|
},
|
|
1019
|
-
"text-
|
|
1020
|
-
"$value":
|
|
1021
|
-
"$type": "
|
|
1106
|
+
"text-title-size-small": {
|
|
1107
|
+
"$value": ["1rem", "16px"],
|
|
1108
|
+
"$type": "dimension",
|
|
1022
1109
|
"$extensions": {
|
|
1023
|
-
"org.primer.data": {
|
|
1024
|
-
"fontSize": 13
|
|
1025
|
-
},
|
|
1026
1110
|
"org.primer.figma": {
|
|
1027
1111
|
"collection": "typography",
|
|
1028
|
-
"scopes": ["
|
|
1112
|
+
"scopes": ["fontSize"]
|
|
1029
1113
|
}
|
|
1030
1114
|
},
|
|
1031
1115
|
"filePath": "src/tokens/functional/typography/typography.json5",
|
|
1032
1116
|
"isSource": true,
|
|
1033
1117
|
"original": {
|
|
1034
|
-
"$value":
|
|
1035
|
-
"$type": "
|
|
1118
|
+
"$value": "16px",
|
|
1119
|
+
"$type": "dimension",
|
|
1036
1120
|
"$extensions": {
|
|
1037
|
-
"org.primer.data": {
|
|
1038
|
-
"fontSize": 13
|
|
1039
|
-
},
|
|
1040
1121
|
"org.primer.figma": {
|
|
1041
1122
|
"collection": "typography",
|
|
1042
|
-
"scopes": ["
|
|
1123
|
+
"scopes": ["fontSize"]
|
|
1043
1124
|
}
|
|
1044
1125
|
}
|
|
1045
1126
|
},
|
|
1046
|
-
"name": "text-
|
|
1127
|
+
"name": "text-title-size-small",
|
|
1047
1128
|
"attributes": {},
|
|
1048
|
-
"path": ["text", "
|
|
1129
|
+
"path": ["text", "title", "size", "small"],
|
|
1130
|
+
"key": "{text.title.size.small}"
|
|
1049
1131
|
},
|
|
1050
|
-
"text-
|
|
1051
|
-
"$value":
|
|
1132
|
+
"text-title-weight-large": {
|
|
1133
|
+
"$value": 600,
|
|
1052
1134
|
"$type": "fontWeight",
|
|
1053
1135
|
"$extensions": {
|
|
1054
1136
|
"org.primer.figma": {
|
|
@@ -1059,7 +1141,7 @@
|
|
|
1059
1141
|
"filePath": "src/tokens/functional/typography/typography.json5",
|
|
1060
1142
|
"isSource": true,
|
|
1061
1143
|
"original": {
|
|
1062
|
-
"$value": "{base.text.weight.
|
|
1144
|
+
"$value": "{base.text.weight.semibold}",
|
|
1063
1145
|
"$type": "fontWeight",
|
|
1064
1146
|
"$extensions": {
|
|
1065
1147
|
"org.primer.figma": {
|
|
@@ -1068,57 +1150,39 @@
|
|
|
1068
1150
|
}
|
|
1069
1151
|
}
|
|
1070
1152
|
},
|
|
1071
|
-
"name": "text-
|
|
1072
|
-
"attributes": {},
|
|
1073
|
-
"path": ["text", "codeBlock", "weight"]
|
|
1074
|
-
},
|
|
1075
|
-
"text-codeBlock-shorthand": {
|
|
1076
|
-
"$value": "400 0.8125rem,13px/1.5385 ui-monospace, SFMono-Regular, SF Mono, Menlo, Consolas, Liberation Mono, monospace",
|
|
1077
|
-
"$type": "typography",
|
|
1078
|
-
"$description": "Default style for rendering code blocks.",
|
|
1079
|
-
"filePath": "src/tokens/functional/typography/typography.json5",
|
|
1080
|
-
"isSource": true,
|
|
1081
|
-
"original": {
|
|
1082
|
-
"$value": {
|
|
1083
|
-
"fontWeight": "{text.codeBlock.weight}",
|
|
1084
|
-
"fontSize": "{text.codeBlock.size}",
|
|
1085
|
-
"lineHeight": "{text.codeBlock.lineHeight}",
|
|
1086
|
-
"fontFamily": "{fontStack.monospace}"
|
|
1087
|
-
},
|
|
1088
|
-
"$type": "typography",
|
|
1089
|
-
"$description": "Default style for rendering code blocks."
|
|
1090
|
-
},
|
|
1091
|
-
"name": "text-codeBlock-shorthand",
|
|
1153
|
+
"name": "text-title-weight-large",
|
|
1092
1154
|
"attributes": {},
|
|
1093
|
-
"path": ["text", "
|
|
1155
|
+
"path": ["text", "title", "weight", "large"],
|
|
1156
|
+
"key": "{text.title.weight.large}"
|
|
1094
1157
|
},
|
|
1095
|
-
"text-
|
|
1096
|
-
"$value":
|
|
1097
|
-
"$type": "
|
|
1158
|
+
"text-title-weight-medium": {
|
|
1159
|
+
"$value": 600,
|
|
1160
|
+
"$type": "fontWeight",
|
|
1098
1161
|
"$extensions": {
|
|
1099
1162
|
"org.primer.figma": {
|
|
1100
1163
|
"collection": "typography",
|
|
1101
|
-
"scopes": ["
|
|
1164
|
+
"scopes": ["fontWeight"]
|
|
1102
1165
|
}
|
|
1103
1166
|
},
|
|
1104
1167
|
"filePath": "src/tokens/functional/typography/typography.json5",
|
|
1105
1168
|
"isSource": true,
|
|
1106
1169
|
"original": {
|
|
1107
|
-
"$value": "
|
|
1108
|
-
"$type": "
|
|
1170
|
+
"$value": "{base.text.weight.semibold}",
|
|
1171
|
+
"$type": "fontWeight",
|
|
1109
1172
|
"$extensions": {
|
|
1110
1173
|
"org.primer.figma": {
|
|
1111
1174
|
"collection": "typography",
|
|
1112
|
-
"scopes": ["
|
|
1175
|
+
"scopes": ["fontWeight"]
|
|
1113
1176
|
}
|
|
1114
1177
|
}
|
|
1115
1178
|
},
|
|
1116
|
-
"name": "text-
|
|
1179
|
+
"name": "text-title-weight-medium",
|
|
1117
1180
|
"attributes": {},
|
|
1118
|
-
"path": ["text", "
|
|
1181
|
+
"path": ["text", "title", "weight", "medium"],
|
|
1182
|
+
"key": "{text.title.weight.medium}"
|
|
1119
1183
|
},
|
|
1120
|
-
"text-
|
|
1121
|
-
"$value":
|
|
1184
|
+
"text-title-weight-small": {
|
|
1185
|
+
"$value": 600,
|
|
1122
1186
|
"$type": "fontWeight",
|
|
1123
1187
|
"$extensions": {
|
|
1124
1188
|
"org.primer.figma": {
|
|
@@ -1129,7 +1193,7 @@
|
|
|
1129
1193
|
"filePath": "src/tokens/functional/typography/typography.json5",
|
|
1130
1194
|
"isSource": true,
|
|
1131
1195
|
"original": {
|
|
1132
|
-
"$value": "{base.text.weight.
|
|
1196
|
+
"$value": "{base.text.weight.semibold}",
|
|
1133
1197
|
"$type": "fontWeight",
|
|
1134
1198
|
"$extensions": {
|
|
1135
1199
|
"org.primer.figma": {
|
|
@@ -1138,27 +1202,9 @@
|
|
|
1138
1202
|
}
|
|
1139
1203
|
}
|
|
1140
1204
|
},
|
|
1141
|
-
"name": "text-
|
|
1142
|
-
"attributes": {},
|
|
1143
|
-
"path": ["text", "codeInline", "weight"]
|
|
1144
|
-
},
|
|
1145
|
-
"text-codeInline-shorthand": {
|
|
1146
|
-
"$value": "400 ,14.856px ui-monospace, SFMono-Regular, SF Mono, Menlo, Consolas, Liberation Mono, monospace",
|
|
1147
|
-
"$type": "typography",
|
|
1148
|
-
"$description": "Inline code blocks using em units to inherit size from its parent.",
|
|
1149
|
-
"filePath": "src/tokens/functional/typography/typography.json5",
|
|
1150
|
-
"isSource": true,
|
|
1151
|
-
"original": {
|
|
1152
|
-
"$value": {
|
|
1153
|
-
"fontWeight": "{text.codeInline.weight}",
|
|
1154
|
-
"fontSize": "{text.codeInline.size}",
|
|
1155
|
-
"fontFamily": "{fontStack.monospace}"
|
|
1156
|
-
},
|
|
1157
|
-
"$type": "typography",
|
|
1158
|
-
"$description": "Inline code blocks using em units to inherit size from its parent."
|
|
1159
|
-
},
|
|
1160
|
-
"name": "text-codeInline-shorthand",
|
|
1205
|
+
"name": "text-title-weight-small",
|
|
1161
1206
|
"attributes": {},
|
|
1162
|
-
"path": ["text", "
|
|
1207
|
+
"path": ["text", "title", "weight", "small"],
|
|
1208
|
+
"key": "{text.title.weight.small}"
|
|
1163
1209
|
}
|
|
1164
1210
|
}
|