@atlaskit/tokens 5.5.0 → 5.6.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +12 -0
- package/dist/cjs/artifacts/theme-import-map.js +7 -1
- package/dist/cjs/artifacts/themes/atlassian-typography.js +12 -0
- package/dist/cjs/artifacts/tokens-raw/atlassian-typography.js +646 -0
- package/dist/cjs/theme-config.js +12 -1
- package/dist/es2019/artifacts/theme-import-map.js +3 -1
- package/dist/es2019/artifacts/themes/atlassian-typography.js +33 -0
- package/dist/es2019/artifacts/tokens-raw/atlassian-typography.js +640 -0
- package/dist/es2019/theme-config.js +12 -1
- package/dist/esm/artifacts/theme-import-map.js +5 -1
- package/dist/esm/artifacts/themes/atlassian-typography.js +6 -0
- package/dist/esm/artifacts/tokens-raw/atlassian-typography.js +640 -0
- package/dist/esm/theme-config.js +12 -1
- package/dist/types/artifacts/theme-import-map.d.ts +1 -1
- package/dist/types/artifacts/themes/atlassian-typography.d.ts +7 -0
- package/dist/types/artifacts/tokens-raw/atlassian-typography.d.ts +58 -0
- package/dist/types/theme-config.d.ts +8 -3
- package/dist/types-ts4.5/artifacts/theme-import-map.d.ts +1 -1
- package/dist/types-ts4.5/artifacts/themes/atlassian-typography.d.ts +7 -0
- package/dist/types-ts4.5/artifacts/tokens-raw/atlassian-typography.d.ts +58 -0
- package/dist/types-ts4.5/theme-config.d.ts +8 -1
- package/figma/atlassian-typography.json +83 -1
- package/package.json +8 -5
|
@@ -0,0 +1,646 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports.default = void 0;
|
|
7
|
+
/**
|
|
8
|
+
* THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
|
|
9
|
+
* @codegen <<SignedSource::98ab89891ee24bccb839dea132325f91>>
|
|
10
|
+
* @codegenCommand yarn build tokens
|
|
11
|
+
*/
|
|
12
|
+
var tokens = [{
|
|
13
|
+
"attributes": {
|
|
14
|
+
"group": "typography",
|
|
15
|
+
"state": "active",
|
|
16
|
+
"introduced": "1.14.0",
|
|
17
|
+
"description": "For overlapping brand with product promotions, such as marketplace content. Migrate instances of H900 to Heading XXL."
|
|
18
|
+
},
|
|
19
|
+
"value": "normal 653 32px/36px \"Atlassian Sans\", ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, \"Helvetica Neue\", sans-serif",
|
|
20
|
+
"filePath": "schema/themes/atlassian-typography/theme.tsx",
|
|
21
|
+
"isSource": true,
|
|
22
|
+
"original": {
|
|
23
|
+
"attributes": {
|
|
24
|
+
"group": "typography",
|
|
25
|
+
"state": "active",
|
|
26
|
+
"introduced": "1.14.0",
|
|
27
|
+
"description": "For overlapping brand with product promotions, such as marketplace content. Migrate instances of H900 to Heading XXL."
|
|
28
|
+
},
|
|
29
|
+
"value": {
|
|
30
|
+
"fontWeight": "FontWeight653",
|
|
31
|
+
"fontSize": "FontSize32",
|
|
32
|
+
"lineHeight": "LineHeight36",
|
|
33
|
+
"fontFamily": "FontFamilyWebSansRefreshed",
|
|
34
|
+
"fontStyle": "normal",
|
|
35
|
+
"letterSpacing": "LetterSpacing0"
|
|
36
|
+
}
|
|
37
|
+
},
|
|
38
|
+
"name": "font.heading.xxlarge",
|
|
39
|
+
"path": ["font", "heading", "xxlarge"],
|
|
40
|
+
"cleanName": "font.heading.xxlarge"
|
|
41
|
+
}, {
|
|
42
|
+
"attributes": {
|
|
43
|
+
"group": "typography",
|
|
44
|
+
"state": "active",
|
|
45
|
+
"introduced": "1.14.0",
|
|
46
|
+
"description": "For overlapping brand with product promotions, such as marketplace content. Migrate instances of H800 to Heading XL."
|
|
47
|
+
},
|
|
48
|
+
"value": "normal 653 28px/32px \"Atlassian Sans\", ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, \"Helvetica Neue\", sans-serif",
|
|
49
|
+
"filePath": "schema/themes/atlassian-typography/theme.tsx",
|
|
50
|
+
"isSource": true,
|
|
51
|
+
"original": {
|
|
52
|
+
"attributes": {
|
|
53
|
+
"group": "typography",
|
|
54
|
+
"state": "active",
|
|
55
|
+
"introduced": "1.14.0",
|
|
56
|
+
"description": "For overlapping brand with product promotions, such as marketplace content. Migrate instances of H800 to Heading XL."
|
|
57
|
+
},
|
|
58
|
+
"value": {
|
|
59
|
+
"fontWeight": "FontWeight653",
|
|
60
|
+
"fontSize": "FontSize28",
|
|
61
|
+
"lineHeight": "LineHeight32",
|
|
62
|
+
"fontFamily": "FontFamilyWebSansRefreshed",
|
|
63
|
+
"fontStyle": "normal",
|
|
64
|
+
"letterSpacing": "LetterSpacing0"
|
|
65
|
+
}
|
|
66
|
+
},
|
|
67
|
+
"name": "font.heading.xlarge",
|
|
68
|
+
"path": ["font", "heading", "xlarge"],
|
|
69
|
+
"cleanName": "font.heading.xlarge"
|
|
70
|
+
}, {
|
|
71
|
+
"attributes": {
|
|
72
|
+
"group": "typography",
|
|
73
|
+
"state": "active",
|
|
74
|
+
"introduced": "1.14.0",
|
|
75
|
+
"description": "Product page titles, such as forms. Migrate instances of H700 to Heading L."
|
|
76
|
+
},
|
|
77
|
+
"value": "normal 653 24px/28px \"Atlassian Sans\", ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, \"Helvetica Neue\", sans-serif",
|
|
78
|
+
"filePath": "schema/themes/atlassian-typography/theme.tsx",
|
|
79
|
+
"isSource": true,
|
|
80
|
+
"original": {
|
|
81
|
+
"attributes": {
|
|
82
|
+
"group": "typography",
|
|
83
|
+
"state": "active",
|
|
84
|
+
"introduced": "1.14.0",
|
|
85
|
+
"description": "Product page titles, such as forms. Migrate instances of H700 to Heading L."
|
|
86
|
+
},
|
|
87
|
+
"value": {
|
|
88
|
+
"fontWeight": "FontWeight653",
|
|
89
|
+
"fontSize": "FontSize24",
|
|
90
|
+
"lineHeight": "LineHeight28",
|
|
91
|
+
"fontFamily": "FontFamilyWebSansRefreshed",
|
|
92
|
+
"fontStyle": "normal",
|
|
93
|
+
"letterSpacing": "LetterSpacing0"
|
|
94
|
+
}
|
|
95
|
+
},
|
|
96
|
+
"name": "font.heading.large",
|
|
97
|
+
"path": ["font", "heading", "large"],
|
|
98
|
+
"cleanName": "font.heading.large"
|
|
99
|
+
}, {
|
|
100
|
+
"attributes": {
|
|
101
|
+
"group": "typography",
|
|
102
|
+
"state": "active",
|
|
103
|
+
"introduced": "1.14.0",
|
|
104
|
+
"description": "Headers in large components, such as modal dialogs. Migrate instances of H600 to Heading M."
|
|
105
|
+
},
|
|
106
|
+
"value": "normal 653 20px/24px \"Atlassian Sans\", ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, \"Helvetica Neue\", sans-serif",
|
|
107
|
+
"filePath": "schema/themes/atlassian-typography/theme.tsx",
|
|
108
|
+
"isSource": true,
|
|
109
|
+
"original": {
|
|
110
|
+
"attributes": {
|
|
111
|
+
"group": "typography",
|
|
112
|
+
"state": "active",
|
|
113
|
+
"introduced": "1.14.0",
|
|
114
|
+
"description": "Headers in large components, such as modal dialogs. Migrate instances of H600 to Heading M."
|
|
115
|
+
},
|
|
116
|
+
"value": {
|
|
117
|
+
"fontWeight": "FontWeight653",
|
|
118
|
+
"fontSize": "FontSize20",
|
|
119
|
+
"lineHeight": "LineHeight24",
|
|
120
|
+
"fontFamily": "FontFamilyWebSansRefreshed",
|
|
121
|
+
"fontStyle": "normal",
|
|
122
|
+
"letterSpacing": "LetterSpacing0"
|
|
123
|
+
}
|
|
124
|
+
},
|
|
125
|
+
"name": "font.heading.medium",
|
|
126
|
+
"path": ["font", "heading", "medium"],
|
|
127
|
+
"cleanName": "font.heading.medium"
|
|
128
|
+
}, {
|
|
129
|
+
"attributes": {
|
|
130
|
+
"group": "typography",
|
|
131
|
+
"state": "active",
|
|
132
|
+
"introduced": "1.14.0",
|
|
133
|
+
"description": "For headers in small components where space is limited. Migrate instances of H500 to Heading S."
|
|
134
|
+
},
|
|
135
|
+
"value": "normal 653 16px/20px \"Atlassian Sans\", ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, \"Helvetica Neue\", sans-serif",
|
|
136
|
+
"filePath": "schema/themes/atlassian-typography/theme.tsx",
|
|
137
|
+
"isSource": true,
|
|
138
|
+
"original": {
|
|
139
|
+
"attributes": {
|
|
140
|
+
"group": "typography",
|
|
141
|
+
"state": "active",
|
|
142
|
+
"introduced": "1.14.0",
|
|
143
|
+
"description": "For headers in small components where space is limited. Migrate instances of H500 to Heading S."
|
|
144
|
+
},
|
|
145
|
+
"value": {
|
|
146
|
+
"fontWeight": "FontWeight653",
|
|
147
|
+
"fontSize": "FontSize16",
|
|
148
|
+
"lineHeight": "LineHeight20",
|
|
149
|
+
"fontFamily": "FontFamilyWebSansRefreshed",
|
|
150
|
+
"fontStyle": "normal",
|
|
151
|
+
"letterSpacing": "LetterSpacing0"
|
|
152
|
+
}
|
|
153
|
+
},
|
|
154
|
+
"name": "font.heading.small",
|
|
155
|
+
"path": ["font", "heading", "small"],
|
|
156
|
+
"cleanName": "font.heading.small"
|
|
157
|
+
}, {
|
|
158
|
+
"attributes": {
|
|
159
|
+
"group": "typography",
|
|
160
|
+
"state": "active",
|
|
161
|
+
"introduced": "1.14.0",
|
|
162
|
+
"description": "For headers in small components where space is limited. Migrate instances of H400 to Heading XS."
|
|
163
|
+
},
|
|
164
|
+
"value": "normal 653 14px/20px \"Atlassian Sans\", ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, \"Helvetica Neue\", sans-serif",
|
|
165
|
+
"filePath": "schema/themes/atlassian-typography/theme.tsx",
|
|
166
|
+
"isSource": true,
|
|
167
|
+
"original": {
|
|
168
|
+
"attributes": {
|
|
169
|
+
"group": "typography",
|
|
170
|
+
"state": "active",
|
|
171
|
+
"introduced": "1.14.0",
|
|
172
|
+
"description": "For headers in small components where space is limited. Migrate instances of H400 to Heading XS."
|
|
173
|
+
},
|
|
174
|
+
"value": {
|
|
175
|
+
"fontWeight": "FontWeight653",
|
|
176
|
+
"fontSize": "FontSize14",
|
|
177
|
+
"lineHeight": "LineHeight20",
|
|
178
|
+
"fontFamily": "FontFamilyWebSansRefreshed",
|
|
179
|
+
"fontStyle": "normal",
|
|
180
|
+
"letterSpacing": "LetterSpacing0"
|
|
181
|
+
}
|
|
182
|
+
},
|
|
183
|
+
"name": "font.heading.xsmall",
|
|
184
|
+
"path": ["font", "heading", "xsmall"],
|
|
185
|
+
"cleanName": "font.heading.xsmall"
|
|
186
|
+
}, {
|
|
187
|
+
"attributes": {
|
|
188
|
+
"group": "typography",
|
|
189
|
+
"state": "active",
|
|
190
|
+
"introduced": "1.14.0",
|
|
191
|
+
"description": "For headers in fine print or tight spaces. Use sparingly. Migrate instances of H100, H200 and H300 to Heading XXS."
|
|
192
|
+
},
|
|
193
|
+
"value": "normal 653 12px/16px \"Atlassian Sans\", ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, \"Helvetica Neue\", sans-serif",
|
|
194
|
+
"filePath": "schema/themes/atlassian-typography/theme.tsx",
|
|
195
|
+
"isSource": true,
|
|
196
|
+
"original": {
|
|
197
|
+
"attributes": {
|
|
198
|
+
"group": "typography",
|
|
199
|
+
"state": "active",
|
|
200
|
+
"introduced": "1.14.0",
|
|
201
|
+
"description": "For headers in fine print or tight spaces. Use sparingly. Migrate instances of H100, H200 and H300 to Heading XXS."
|
|
202
|
+
},
|
|
203
|
+
"value": {
|
|
204
|
+
"fontWeight": "FontWeight653",
|
|
205
|
+
"fontSize": "FontSize12",
|
|
206
|
+
"lineHeight": "LineHeight16",
|
|
207
|
+
"fontFamily": "FontFamilyWebSansRefreshed",
|
|
208
|
+
"fontStyle": "normal",
|
|
209
|
+
"letterSpacing": "LetterSpacing0"
|
|
210
|
+
}
|
|
211
|
+
},
|
|
212
|
+
"name": "font.heading.xxsmall",
|
|
213
|
+
"path": ["font", "heading", "xxsmall"],
|
|
214
|
+
"cleanName": "font.heading.xxsmall"
|
|
215
|
+
}, {
|
|
216
|
+
"attributes": {
|
|
217
|
+
"group": "typography",
|
|
218
|
+
"state": "active",
|
|
219
|
+
"introduced": "1.14.0",
|
|
220
|
+
"description": "For long-form text, such as in blogs."
|
|
221
|
+
},
|
|
222
|
+
"value": "normal 400 16px/24px \"Atlassian Sans\", ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, \"Helvetica Neue\", sans-serif",
|
|
223
|
+
"filePath": "schema/themes/atlassian-typography/theme.tsx",
|
|
224
|
+
"isSource": true,
|
|
225
|
+
"original": {
|
|
226
|
+
"attributes": {
|
|
227
|
+
"group": "typography",
|
|
228
|
+
"state": "active",
|
|
229
|
+
"introduced": "1.14.0",
|
|
230
|
+
"description": "For long-form text, such as in blogs."
|
|
231
|
+
},
|
|
232
|
+
"value": {
|
|
233
|
+
"fontWeight": "FontWeight400",
|
|
234
|
+
"fontSize": "FontSize16",
|
|
235
|
+
"lineHeight": "LineHeight24",
|
|
236
|
+
"fontFamily": "FontFamilyWebSansRefreshed",
|
|
237
|
+
"fontStyle": "normal",
|
|
238
|
+
"letterSpacing": "LetterSpacing0"
|
|
239
|
+
}
|
|
240
|
+
},
|
|
241
|
+
"name": "font.body.large",
|
|
242
|
+
"path": ["font", "body", "large"],
|
|
243
|
+
"cleanName": "font.body.large"
|
|
244
|
+
}, {
|
|
245
|
+
"attributes": {
|
|
246
|
+
"group": "typography",
|
|
247
|
+
"state": "active",
|
|
248
|
+
"introduced": "1.14.0",
|
|
249
|
+
"description": "Use in short descriptions or labels. The default size for text in components. Migrate instances of Paragraph Default and UI Text to Body M."
|
|
250
|
+
},
|
|
251
|
+
"value": "normal 400 14px/20px \"Atlassian Sans\", ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, \"Helvetica Neue\", sans-serif",
|
|
252
|
+
"filePath": "schema/themes/atlassian-typography/theme.tsx",
|
|
253
|
+
"isSource": true,
|
|
254
|
+
"original": {
|
|
255
|
+
"attributes": {
|
|
256
|
+
"group": "typography",
|
|
257
|
+
"state": "active",
|
|
258
|
+
"introduced": "1.14.0",
|
|
259
|
+
"description": "Use in short descriptions or labels. The default size for text in components. Migrate instances of Paragraph Default and UI Text to Body M."
|
|
260
|
+
},
|
|
261
|
+
"value": {
|
|
262
|
+
"fontWeight": "FontWeight400",
|
|
263
|
+
"fontSize": "FontSize14",
|
|
264
|
+
"lineHeight": "LineHeight20",
|
|
265
|
+
"fontFamily": "FontFamilyWebSansRefreshed",
|
|
266
|
+
"fontStyle": "normal",
|
|
267
|
+
"letterSpacing": "LetterSpacing0"
|
|
268
|
+
}
|
|
269
|
+
},
|
|
270
|
+
"name": "font.body.[default]",
|
|
271
|
+
"path": ["font", "body", "[default]"],
|
|
272
|
+
"cleanName": "font.body"
|
|
273
|
+
}, {
|
|
274
|
+
"attributes": {
|
|
275
|
+
"group": "typography",
|
|
276
|
+
"state": "active",
|
|
277
|
+
"introduced": "1.14.0",
|
|
278
|
+
"description": "Use in secondary level content such as fine print or semantic messaging. Use sparingly. Migrate instances of Small text to Body S."
|
|
279
|
+
},
|
|
280
|
+
"value": "normal 400 12px/16px \"Atlassian Sans\", ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, \"Helvetica Neue\", sans-serif",
|
|
281
|
+
"filePath": "schema/themes/atlassian-typography/theme.tsx",
|
|
282
|
+
"isSource": true,
|
|
283
|
+
"original": {
|
|
284
|
+
"attributes": {
|
|
285
|
+
"group": "typography",
|
|
286
|
+
"state": "active",
|
|
287
|
+
"introduced": "1.14.0",
|
|
288
|
+
"description": "Use in secondary level content such as fine print or semantic messaging. Use sparingly. Migrate instances of Small text to Body S."
|
|
289
|
+
},
|
|
290
|
+
"value": {
|
|
291
|
+
"fontWeight": "FontWeight400",
|
|
292
|
+
"fontSize": "FontSize12",
|
|
293
|
+
"lineHeight": "LineHeight16",
|
|
294
|
+
"fontFamily": "FontFamilyWebSansRefreshed",
|
|
295
|
+
"fontStyle": "normal",
|
|
296
|
+
"letterSpacing": "LetterSpacing0"
|
|
297
|
+
}
|
|
298
|
+
},
|
|
299
|
+
"name": "font.body.small",
|
|
300
|
+
"path": ["font", "body", "small"],
|
|
301
|
+
"cleanName": "font.body.small"
|
|
302
|
+
}, {
|
|
303
|
+
"attributes": {
|
|
304
|
+
"group": "typography",
|
|
305
|
+
"state": "active",
|
|
306
|
+
"introduced": "1.14.0",
|
|
307
|
+
"description": "UNSAFE - Do not use. Temporary 12px fontsize token. Will be deprecated and replaced with stable small token"
|
|
308
|
+
},
|
|
309
|
+
"value": "normal 400 12px/16px \"Atlassian Sans\", ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, \"Helvetica Neue\", sans-serif",
|
|
310
|
+
"filePath": "schema/themes/atlassian-typography/theme.tsx",
|
|
311
|
+
"isSource": true,
|
|
312
|
+
"original": {
|
|
313
|
+
"attributes": {
|
|
314
|
+
"group": "typography",
|
|
315
|
+
"state": "active",
|
|
316
|
+
"introduced": "1.14.0",
|
|
317
|
+
"description": "UNSAFE - Do not use. Temporary 12px fontsize token. Will be deprecated and replaced with stable small token"
|
|
318
|
+
},
|
|
319
|
+
"value": {
|
|
320
|
+
"fontWeight": "FontWeight400",
|
|
321
|
+
"fontSize": "FontSize12",
|
|
322
|
+
"lineHeight": "LineHeight16",
|
|
323
|
+
"fontFamily": "FontFamilyWebSansRefreshed",
|
|
324
|
+
"fontStyle": "normal",
|
|
325
|
+
"letterSpacing": "LetterSpacing0"
|
|
326
|
+
}
|
|
327
|
+
},
|
|
328
|
+
"name": "font.body.UNSAFE_small",
|
|
329
|
+
"path": ["font", "body", "UNSAFE_small"],
|
|
330
|
+
"cleanName": "font.body.UNSAFE_small"
|
|
331
|
+
}, {
|
|
332
|
+
"attributes": {
|
|
333
|
+
"group": "typography",
|
|
334
|
+
"state": "active",
|
|
335
|
+
"introduced": "5.0.1",
|
|
336
|
+
"description": "Use to emphasize a number within a large donut."
|
|
337
|
+
},
|
|
338
|
+
"value": "normal 653 28px/32px \"Atlassian Sans\", ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, \"Helvetica Neue\", sans-serif",
|
|
339
|
+
"filePath": "schema/themes/atlassian-typography/theme.tsx",
|
|
340
|
+
"isSource": true,
|
|
341
|
+
"original": {
|
|
342
|
+
"attributes": {
|
|
343
|
+
"group": "typography",
|
|
344
|
+
"state": "active",
|
|
345
|
+
"introduced": "5.0.1",
|
|
346
|
+
"description": "Use to emphasize a number within a large donut."
|
|
347
|
+
},
|
|
348
|
+
"value": {
|
|
349
|
+
"fontWeight": "FontWeight653",
|
|
350
|
+
"fontSize": "FontSize28",
|
|
351
|
+
"lineHeight": "LineHeight32",
|
|
352
|
+
"fontFamily": "FontFamilyWebSansRefreshed",
|
|
353
|
+
"fontStyle": "normal",
|
|
354
|
+
"letterSpacing": "LetterSpacing0"
|
|
355
|
+
}
|
|
356
|
+
},
|
|
357
|
+
"name": "font.metric.large",
|
|
358
|
+
"path": ["font", "metric", "large"],
|
|
359
|
+
"cleanName": "font.metric.large"
|
|
360
|
+
}, {
|
|
361
|
+
"attributes": {
|
|
362
|
+
"group": "typography",
|
|
363
|
+
"state": "active",
|
|
364
|
+
"introduced": "5.0.1",
|
|
365
|
+
"description": "Use to emphasize a number within a medium donut."
|
|
366
|
+
},
|
|
367
|
+
"value": "normal 653 24px/28px \"Atlassian Sans\", ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, \"Helvetica Neue\", sans-serif",
|
|
368
|
+
"filePath": "schema/themes/atlassian-typography/theme.tsx",
|
|
369
|
+
"isSource": true,
|
|
370
|
+
"original": {
|
|
371
|
+
"attributes": {
|
|
372
|
+
"group": "typography",
|
|
373
|
+
"state": "active",
|
|
374
|
+
"introduced": "5.0.1",
|
|
375
|
+
"description": "Use to emphasize a number within a medium donut."
|
|
376
|
+
},
|
|
377
|
+
"value": {
|
|
378
|
+
"fontWeight": "FontWeight653",
|
|
379
|
+
"fontSize": "FontSize24",
|
|
380
|
+
"lineHeight": "LineHeight28",
|
|
381
|
+
"fontFamily": "FontFamilyWebSansRefreshed",
|
|
382
|
+
"fontStyle": "normal",
|
|
383
|
+
"letterSpacing": "LetterSpacing0"
|
|
384
|
+
}
|
|
385
|
+
},
|
|
386
|
+
"name": "font.metric.medium",
|
|
387
|
+
"path": ["font", "metric", "medium"],
|
|
388
|
+
"cleanName": "font.metric.medium"
|
|
389
|
+
}, {
|
|
390
|
+
"attributes": {
|
|
391
|
+
"group": "typography",
|
|
392
|
+
"state": "active",
|
|
393
|
+
"introduced": "5.0.1",
|
|
394
|
+
"description": "Use to emphasize a number and words in single-value tiles, or small donuts."
|
|
395
|
+
},
|
|
396
|
+
"value": "normal 653 16px/20px \"Atlassian Sans\", ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, \"Helvetica Neue\", sans-serif",
|
|
397
|
+
"filePath": "schema/themes/atlassian-typography/theme.tsx",
|
|
398
|
+
"isSource": true,
|
|
399
|
+
"original": {
|
|
400
|
+
"attributes": {
|
|
401
|
+
"group": "typography",
|
|
402
|
+
"state": "active",
|
|
403
|
+
"introduced": "5.0.1",
|
|
404
|
+
"description": "Use to emphasize a number and words in single-value tiles, or small donuts."
|
|
405
|
+
},
|
|
406
|
+
"value": {
|
|
407
|
+
"fontWeight": "FontWeight653",
|
|
408
|
+
"fontSize": "FontSize16",
|
|
409
|
+
"lineHeight": "LineHeight20",
|
|
410
|
+
"fontFamily": "FontFamilyWebSansRefreshed",
|
|
411
|
+
"fontStyle": "normal",
|
|
412
|
+
"letterSpacing": "LetterSpacing0"
|
|
413
|
+
}
|
|
414
|
+
},
|
|
415
|
+
"name": "font.metric.small",
|
|
416
|
+
"path": ["font", "metric", "small"],
|
|
417
|
+
"cleanName": "font.metric.small"
|
|
418
|
+
}, {
|
|
419
|
+
"attributes": {
|
|
420
|
+
"group": "typography",
|
|
421
|
+
"state": "active",
|
|
422
|
+
"introduced": "1.14.0",
|
|
423
|
+
"description": "For representing code only, either inline or in code blocks."
|
|
424
|
+
},
|
|
425
|
+
"value": "normal 400 0.875em/1 \"Atlassian Mono\", ui-monospace, Menlo, \"Segoe UI Mono\", \"Ubuntu Mono\", monospace",
|
|
426
|
+
"filePath": "schema/themes/atlassian-typography/theme.tsx",
|
|
427
|
+
"isSource": true,
|
|
428
|
+
"original": {
|
|
429
|
+
"attributes": {
|
|
430
|
+
"group": "typography",
|
|
431
|
+
"state": "active",
|
|
432
|
+
"introduced": "1.14.0",
|
|
433
|
+
"description": "For representing code only, either inline or in code blocks."
|
|
434
|
+
},
|
|
435
|
+
"value": {
|
|
436
|
+
"fontWeight": "FontWeight400",
|
|
437
|
+
"fontSize": "FontSizeCode",
|
|
438
|
+
"lineHeight": "LineHeight1",
|
|
439
|
+
"fontFamily": "FontFamilyWebMonoRefreshed",
|
|
440
|
+
"fontStyle": "normal",
|
|
441
|
+
"letterSpacing": "LetterSpacing0"
|
|
442
|
+
}
|
|
443
|
+
},
|
|
444
|
+
"name": "font.code.[default]",
|
|
445
|
+
"path": ["font", "code", "[default]"],
|
|
446
|
+
"cleanName": "font.code"
|
|
447
|
+
}, {
|
|
448
|
+
"attributes": {
|
|
449
|
+
"group": "fontWeight",
|
|
450
|
+
"state": "active",
|
|
451
|
+
"introduced": "0.10.33",
|
|
452
|
+
"description": "Default font weight for body text styles."
|
|
453
|
+
},
|
|
454
|
+
"value": "400",
|
|
455
|
+
"filePath": "schema/themes/atlassian-typography/font-weight.tsx",
|
|
456
|
+
"isSource": true,
|
|
457
|
+
"original": {
|
|
458
|
+
"attributes": {
|
|
459
|
+
"group": "fontWeight",
|
|
460
|
+
"state": "active",
|
|
461
|
+
"introduced": "0.10.33",
|
|
462
|
+
"description": "Default font weight for body text styles."
|
|
463
|
+
},
|
|
464
|
+
"value": "FontWeight400"
|
|
465
|
+
},
|
|
466
|
+
"name": "font.weight.regular",
|
|
467
|
+
"path": ["font", "weight", "regular"],
|
|
468
|
+
"cleanName": "font.weight.regular"
|
|
469
|
+
}, {
|
|
470
|
+
"attributes": {
|
|
471
|
+
"group": "fontWeight",
|
|
472
|
+
"state": "active",
|
|
473
|
+
"introduced": "0.10.33",
|
|
474
|
+
"description": "For all text that may appear beside iconography, such as in a button."
|
|
475
|
+
},
|
|
476
|
+
"value": "500",
|
|
477
|
+
"filePath": "schema/themes/atlassian-typography/font-weight.tsx",
|
|
478
|
+
"isSource": true,
|
|
479
|
+
"original": {
|
|
480
|
+
"attributes": {
|
|
481
|
+
"group": "fontWeight",
|
|
482
|
+
"state": "active",
|
|
483
|
+
"introduced": "0.10.33",
|
|
484
|
+
"description": "For all text that may appear beside iconography, such as in a button."
|
|
485
|
+
},
|
|
486
|
+
"value": "FontWeight500"
|
|
487
|
+
},
|
|
488
|
+
"name": "font.weight.medium",
|
|
489
|
+
"path": ["font", "weight", "medium"],
|
|
490
|
+
"cleanName": "font.weight.medium"
|
|
491
|
+
}, {
|
|
492
|
+
"attributes": {
|
|
493
|
+
"group": "fontWeight",
|
|
494
|
+
"state": "active",
|
|
495
|
+
"introduced": "0.10.33",
|
|
496
|
+
"description": "Use with caution as fallback fonts do not support this font weight and will default to bold weight."
|
|
497
|
+
},
|
|
498
|
+
"value": "600",
|
|
499
|
+
"filePath": "schema/themes/atlassian-typography/font-weight.tsx",
|
|
500
|
+
"isSource": true,
|
|
501
|
+
"original": {
|
|
502
|
+
"attributes": {
|
|
503
|
+
"group": "fontWeight",
|
|
504
|
+
"state": "active",
|
|
505
|
+
"introduced": "0.10.33",
|
|
506
|
+
"description": "Use with caution as fallback fonts do not support this font weight and will default to bold weight."
|
|
507
|
+
},
|
|
508
|
+
"value": "FontWeight600"
|
|
509
|
+
},
|
|
510
|
+
"name": "font.weight.semibold",
|
|
511
|
+
"path": ["font", "weight", "semibold"],
|
|
512
|
+
"cleanName": "font.weight.semibold"
|
|
513
|
+
}, {
|
|
514
|
+
"attributes": {
|
|
515
|
+
"group": "fontWeight",
|
|
516
|
+
"state": "active",
|
|
517
|
+
"introduced": "0.10.33",
|
|
518
|
+
"description": "Use sparingly for emphasising text, such as in a lozenge."
|
|
519
|
+
},
|
|
520
|
+
"value": "653",
|
|
521
|
+
"filePath": "schema/themes/atlassian-typography/font-weight.tsx",
|
|
522
|
+
"isSource": true,
|
|
523
|
+
"original": {
|
|
524
|
+
"attributes": {
|
|
525
|
+
"group": "fontWeight",
|
|
526
|
+
"state": "active",
|
|
527
|
+
"introduced": "0.10.33",
|
|
528
|
+
"description": "Use sparingly for emphasising text, such as in a lozenge."
|
|
529
|
+
},
|
|
530
|
+
"value": "FontWeight653"
|
|
531
|
+
},
|
|
532
|
+
"name": "font.weight.bold",
|
|
533
|
+
"path": ["font", "weight", "bold"],
|
|
534
|
+
"cleanName": "font.weight.bold"
|
|
535
|
+
}, {
|
|
536
|
+
"attributes": {
|
|
537
|
+
"group": "fontFamily",
|
|
538
|
+
"state": "active",
|
|
539
|
+
"introduced": "1.14.0",
|
|
540
|
+
"description": "For our default product UI heading text."
|
|
541
|
+
},
|
|
542
|
+
"value": "\"Atlassian Sans\", ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, \"Helvetica Neue\", sans-serif",
|
|
543
|
+
"filePath": "schema/themes/atlassian-typography/font-family.tsx",
|
|
544
|
+
"isSource": true,
|
|
545
|
+
"original": {
|
|
546
|
+
"attributes": {
|
|
547
|
+
"group": "fontFamily",
|
|
548
|
+
"state": "active",
|
|
549
|
+
"introduced": "1.14.0",
|
|
550
|
+
"description": "For our default product UI heading text."
|
|
551
|
+
},
|
|
552
|
+
"value": "FontFamilyWebSansRefreshed"
|
|
553
|
+
},
|
|
554
|
+
"name": "font.family.heading",
|
|
555
|
+
"path": ["font", "family", "heading"],
|
|
556
|
+
"cleanName": "font.family.heading"
|
|
557
|
+
}, {
|
|
558
|
+
"attributes": {
|
|
559
|
+
"group": "fontFamily",
|
|
560
|
+
"state": "active",
|
|
561
|
+
"introduced": "1.14.0",
|
|
562
|
+
"description": "For our default product UI body text."
|
|
563
|
+
},
|
|
564
|
+
"value": "\"Atlassian Sans\", ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, \"Helvetica Neue\", sans-serif",
|
|
565
|
+
"filePath": "schema/themes/atlassian-typography/font-family.tsx",
|
|
566
|
+
"isSource": true,
|
|
567
|
+
"original": {
|
|
568
|
+
"attributes": {
|
|
569
|
+
"group": "fontFamily",
|
|
570
|
+
"state": "active",
|
|
571
|
+
"introduced": "1.14.0",
|
|
572
|
+
"description": "For our default product UI body text."
|
|
573
|
+
},
|
|
574
|
+
"value": "FontFamilyWebSansRefreshed"
|
|
575
|
+
},
|
|
576
|
+
"name": "font.family.body",
|
|
577
|
+
"path": ["font", "family", "body"],
|
|
578
|
+
"cleanName": "font.family.body"
|
|
579
|
+
}, {
|
|
580
|
+
"attributes": {
|
|
581
|
+
"group": "fontFamily",
|
|
582
|
+
"state": "active",
|
|
583
|
+
"introduced": "1.14.0",
|
|
584
|
+
"description": "For representing code only."
|
|
585
|
+
},
|
|
586
|
+
"value": "\"Atlassian Mono\", ui-monospace, Menlo, \"Segoe UI Mono\", \"Ubuntu Mono\", monospace",
|
|
587
|
+
"filePath": "schema/themes/atlassian-typography/font-family.tsx",
|
|
588
|
+
"isSource": true,
|
|
589
|
+
"original": {
|
|
590
|
+
"attributes": {
|
|
591
|
+
"group": "fontFamily",
|
|
592
|
+
"state": "active",
|
|
593
|
+
"introduced": "1.14.0",
|
|
594
|
+
"description": "For representing code only."
|
|
595
|
+
},
|
|
596
|
+
"value": "FontFamilyWebMonoRefreshed"
|
|
597
|
+
},
|
|
598
|
+
"name": "font.family.code",
|
|
599
|
+
"path": ["font", "family", "code"],
|
|
600
|
+
"cleanName": "font.family.code"
|
|
601
|
+
}, {
|
|
602
|
+
"attributes": {
|
|
603
|
+
"group": "fontFamily",
|
|
604
|
+
"state": "active",
|
|
605
|
+
"introduced": "1.14.0",
|
|
606
|
+
"description": "For our brand heading text. Uses Charlie Display."
|
|
607
|
+
},
|
|
608
|
+
"value": "\"Charlie Display\", ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, \"Helvetica Neue\", sans-serif",
|
|
609
|
+
"filePath": "schema/themes/atlassian-typography/font-family.tsx",
|
|
610
|
+
"isSource": true,
|
|
611
|
+
"original": {
|
|
612
|
+
"attributes": {
|
|
613
|
+
"group": "fontFamily",
|
|
614
|
+
"state": "active",
|
|
615
|
+
"introduced": "1.14.0",
|
|
616
|
+
"description": "For our brand heading text. Uses Charlie Display."
|
|
617
|
+
},
|
|
618
|
+
"value": "FontFamilyCharlieDisplay"
|
|
619
|
+
},
|
|
620
|
+
"name": "font.family.brand.heading",
|
|
621
|
+
"path": ["font", "family", "brand", "heading"],
|
|
622
|
+
"cleanName": "font.family.brand.heading"
|
|
623
|
+
}, {
|
|
624
|
+
"attributes": {
|
|
625
|
+
"group": "fontFamily",
|
|
626
|
+
"state": "active",
|
|
627
|
+
"introduced": "1.14.0",
|
|
628
|
+
"description": "For our brand body text. Uses Charlie Text."
|
|
629
|
+
},
|
|
630
|
+
"value": "\"Charlie Text\", ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, \"Helvetica Neue\", sans-serif",
|
|
631
|
+
"filePath": "schema/themes/atlassian-typography/font-family.tsx",
|
|
632
|
+
"isSource": true,
|
|
633
|
+
"original": {
|
|
634
|
+
"attributes": {
|
|
635
|
+
"group": "fontFamily",
|
|
636
|
+
"state": "active",
|
|
637
|
+
"introduced": "1.14.0",
|
|
638
|
+
"description": "For our brand body text. Uses Charlie Text."
|
|
639
|
+
},
|
|
640
|
+
"value": "FontFamilyCharlieText"
|
|
641
|
+
},
|
|
642
|
+
"name": "font.family.brand.body",
|
|
643
|
+
"path": ["font", "family", "brand", "body"],
|
|
644
|
+
"cleanName": "font.family.brand.body"
|
|
645
|
+
}];
|
|
646
|
+
var _default = exports.default = tokens;
|
package/dist/cjs/theme-config.js
CHANGED
|
@@ -45,7 +45,7 @@ var themeContrastModes = ['more', 'no-preference', 'auto'];
|
|
|
45
45
|
*
|
|
46
46
|
* These ids must be kebab case
|
|
47
47
|
*/
|
|
48
|
-
var themeIds = exports.themeIds = ['light-increased-contrast', 'light', 'light-future', 'light-brand-refresh', 'dark', 'dark-future', 'dark-increased-contrast', 'dark-brand-refresh', 'legacy-light', 'legacy-dark', 'spacing', 'shape', 'typography-adg3', 'typography-modernized', 'typography-refreshed'];
|
|
48
|
+
var themeIds = exports.themeIds = ['light-increased-contrast', 'light', 'light-future', 'light-brand-refresh', 'dark', 'dark-future', 'dark-increased-contrast', 'dark-brand-refresh', 'legacy-light', 'legacy-dark', 'spacing', 'shape', 'typography', 'typography-adg3', 'typography-modernized', 'typography-refreshed'];
|
|
49
49
|
/**
|
|
50
50
|
* Theme override ids: the equivalent of themeIds for theme overrides.
|
|
51
51
|
* Theme overrides are temporary and there may not be any defined at times.
|
|
@@ -157,6 +157,14 @@ var themeConfig = {
|
|
|
157
157
|
type: 'spacing'
|
|
158
158
|
}
|
|
159
159
|
},
|
|
160
|
+
'atlassian-typography': {
|
|
161
|
+
id: 'typography',
|
|
162
|
+
displayName: 'Atlassian Typography',
|
|
163
|
+
palette: 'typographyPalette',
|
|
164
|
+
attributes: {
|
|
165
|
+
type: 'typography'
|
|
166
|
+
}
|
|
167
|
+
},
|
|
160
168
|
'atlassian-typography-adg3': {
|
|
161
169
|
id: 'typography-adg3',
|
|
162
170
|
displayName: 'ADG3 Typography',
|
|
@@ -233,6 +241,9 @@ var themeStateDefaults = exports.themeStateDefaults = {
|
|
|
233
241
|
shape: undefined,
|
|
234
242
|
spacing: 'spacing',
|
|
235
243
|
typography: function typography() {
|
|
244
|
+
if ((0, _platformFeatureFlags.fg)('platform-default-typography-refreshed')) {
|
|
245
|
+
return 'typography';
|
|
246
|
+
}
|
|
236
247
|
if ((0, _platformFeatureFlags.fg)('platform-default-typography-modernized')) {
|
|
237
248
|
return 'typography-modernized';
|
|
238
249
|
}
|