@atlaskit/tokens 5.2.0 → 5.2.1
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 +8 -0
- package/dist/cjs/artifacts/themes/atlassian-typography-adg3.js +2 -2
- package/dist/cjs/artifacts/themes/atlassian-typography-modernized.js +2 -2
- package/dist/cjs/artifacts/themes/atlassian-typography-refreshed.js +2 -2
- package/dist/cjs/artifacts/token-default-values.js +4 -4
- package/dist/cjs/artifacts/token-names.js +4 -4
- package/dist/cjs/artifacts/tokens-raw/atlassian-typography-adg3.js +88 -88
- package/dist/cjs/artifacts/tokens-raw/atlassian-typography-modernized.js +88 -88
- package/dist/cjs/artifacts/tokens-raw/atlassian-typography-refreshed.js +88 -88
- package/dist/cjs/entry-points/token-metadata.codegen.js +16 -1
- package/dist/cjs/utils/token-order.js +1 -1
- package/dist/es2019/artifacts/themes/atlassian-typography-adg3.js +4 -4
- package/dist/es2019/artifacts/themes/atlassian-typography-modernized.js +4 -4
- package/dist/es2019/artifacts/themes/atlassian-typography-refreshed.js +4 -4
- package/dist/es2019/artifacts/token-default-values.js +4 -4
- package/dist/es2019/artifacts/token-names.js +4 -4
- package/dist/es2019/artifacts/tokens-raw/atlassian-typography-adg3.js +88 -88
- package/dist/es2019/artifacts/tokens-raw/atlassian-typography-modernized.js +88 -88
- package/dist/es2019/artifacts/tokens-raw/atlassian-typography-refreshed.js +88 -88
- package/dist/es2019/entry-points/token-metadata.codegen.js +16 -1
- package/dist/es2019/utils/token-order.js +1 -1
- package/dist/esm/artifacts/themes/atlassian-typography-adg3.js +2 -2
- package/dist/esm/artifacts/themes/atlassian-typography-modernized.js +2 -2
- package/dist/esm/artifacts/themes/atlassian-typography-refreshed.js +2 -2
- package/dist/esm/artifacts/token-default-values.js +4 -4
- package/dist/esm/artifacts/token-names.js +4 -4
- package/dist/esm/artifacts/tokens-raw/atlassian-typography-adg3.js +88 -88
- package/dist/esm/artifacts/tokens-raw/atlassian-typography-modernized.js +88 -88
- package/dist/esm/artifacts/tokens-raw/atlassian-typography-refreshed.js +88 -88
- package/dist/esm/entry-points/token-metadata.codegen.js +16 -1
- package/dist/esm/utils/token-order.js +1 -1
- package/dist/types/artifacts/themes/atlassian-typography-adg3.d.ts +2 -2
- package/dist/types/artifacts/themes/atlassian-typography-modernized.d.ts +2 -2
- package/dist/types/artifacts/themes/atlassian-typography-refreshed.d.ts +2 -2
- package/dist/types/artifacts/token-default-values.d.ts +4 -4
- package/dist/types/artifacts/token-names.d.ts +7 -7
- package/dist/types/artifacts/tokens-raw/atlassian-typography-adg3.d.ts +1 -1
- package/dist/types/artifacts/tokens-raw/atlassian-typography-modernized.d.ts +1 -1
- package/dist/types/artifacts/tokens-raw/atlassian-typography-refreshed.d.ts +1 -1
- package/dist/types/artifacts/types-internal.d.ts +2 -2
- package/dist/types/artifacts/types.d.ts +2 -2
- package/dist/types/entry-points/token-metadata.codegen.d.ts +1 -1
- package/dist/types-ts4.5/artifacts/themes/atlassian-typography-adg3.d.ts +2 -2
- package/dist/types-ts4.5/artifacts/themes/atlassian-typography-modernized.d.ts +2 -2
- package/dist/types-ts4.5/artifacts/themes/atlassian-typography-refreshed.d.ts +2 -2
- package/dist/types-ts4.5/artifacts/token-default-values.d.ts +4 -4
- package/dist/types-ts4.5/artifacts/token-names.d.ts +7 -7
- package/dist/types-ts4.5/artifacts/tokens-raw/atlassian-typography-adg3.d.ts +1 -1
- package/dist/types-ts4.5/artifacts/tokens-raw/atlassian-typography-modernized.d.ts +1 -1
- package/dist/types-ts4.5/artifacts/tokens-raw/atlassian-typography-refreshed.d.ts +1 -1
- package/dist/types-ts4.5/artifacts/types-internal.d.ts +2 -2
- package/dist/types-ts4.5/artifacts/types.d.ts +2 -2
- package/dist/types-ts4.5/entry-points/token-metadata.codegen.d.ts +1 -1
- package/package.json +2 -2
|
@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
6
6
|
exports.default = void 0;
|
|
7
7
|
/**
|
|
8
8
|
* THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
|
|
9
|
-
* @codegen <<SignedSource::
|
|
9
|
+
* @codegen <<SignedSource::c3c9aca6d0ec1fc0ca5113618a6baabd>>
|
|
10
10
|
* @codegenCommand yarn build tokens
|
|
11
11
|
*/
|
|
12
12
|
var tokens = [{
|
|
@@ -31,93 +31,6 @@ var tokens = [{
|
|
|
31
31
|
"name": "utility.UNSAFE.textTransformUppercase",
|
|
32
32
|
"path": ["utility", "UNSAFE", "textTransformUppercase"],
|
|
33
33
|
"cleanName": "utility.UNSAFE.textTransformUppercase"
|
|
34
|
-
}, {
|
|
35
|
-
"attributes": {
|
|
36
|
-
"group": "typography",
|
|
37
|
-
"state": "active",
|
|
38
|
-
"introduced": "5.0.1",
|
|
39
|
-
"description": "Large numerical information content to be used in dashboards, charts, etc."
|
|
40
|
-
},
|
|
41
|
-
"value": "normal 653 28px/32px \"Atlassian Sans\", ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, \"Helvetica Neue\", sans-serif",
|
|
42
|
-
"filePath": "schema/themes/atlassian-typography-refreshed/theme.tsx",
|
|
43
|
-
"isSource": true,
|
|
44
|
-
"original": {
|
|
45
|
-
"attributes": {
|
|
46
|
-
"group": "typography",
|
|
47
|
-
"state": "active",
|
|
48
|
-
"introduced": "5.0.1",
|
|
49
|
-
"description": "Large numerical information content to be used in dashboards, charts, etc."
|
|
50
|
-
},
|
|
51
|
-
"value": {
|
|
52
|
-
"fontWeight": "FontWeight653",
|
|
53
|
-
"fontSize": "FontSize28",
|
|
54
|
-
"lineHeight": "LineHeight32",
|
|
55
|
-
"fontFamily": "FontFamilyWebSansRefreshed",
|
|
56
|
-
"fontStyle": "normal",
|
|
57
|
-
"letterSpacing": "LetterSpacing0"
|
|
58
|
-
}
|
|
59
|
-
},
|
|
60
|
-
"name": "font.metric.large",
|
|
61
|
-
"path": ["font", "metric", "large"],
|
|
62
|
-
"cleanName": "font.metric.large"
|
|
63
|
-
}, {
|
|
64
|
-
"attributes": {
|
|
65
|
-
"group": "typography",
|
|
66
|
-
"state": "active",
|
|
67
|
-
"introduced": "5.0.1",
|
|
68
|
-
"description": "Medium numerical information content to be used in dashboards, charts, etc."
|
|
69
|
-
},
|
|
70
|
-
"value": "normal 653 24px/28px \"Atlassian Sans\", ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, \"Helvetica Neue\", sans-serif",
|
|
71
|
-
"filePath": "schema/themes/atlassian-typography-refreshed/theme.tsx",
|
|
72
|
-
"isSource": true,
|
|
73
|
-
"original": {
|
|
74
|
-
"attributes": {
|
|
75
|
-
"group": "typography",
|
|
76
|
-
"state": "active",
|
|
77
|
-
"introduced": "5.0.1",
|
|
78
|
-
"description": "Medium numerical information content to be used in dashboards, charts, etc."
|
|
79
|
-
},
|
|
80
|
-
"value": {
|
|
81
|
-
"fontWeight": "FontWeight653",
|
|
82
|
-
"fontSize": "FontSize24",
|
|
83
|
-
"lineHeight": "LineHeight28",
|
|
84
|
-
"fontFamily": "FontFamilyWebSansRefreshed",
|
|
85
|
-
"fontStyle": "normal",
|
|
86
|
-
"letterSpacing": "LetterSpacing0"
|
|
87
|
-
}
|
|
88
|
-
},
|
|
89
|
-
"name": "font.metric.medium",
|
|
90
|
-
"path": ["font", "metric", "medium"],
|
|
91
|
-
"cleanName": "font.metric.medium"
|
|
92
|
-
}, {
|
|
93
|
-
"attributes": {
|
|
94
|
-
"group": "typography",
|
|
95
|
-
"state": "active",
|
|
96
|
-
"introduced": "5.0.1",
|
|
97
|
-
"description": "Small numerical information content to be used in dashboards, charts, etc."
|
|
98
|
-
},
|
|
99
|
-
"value": "normal 653 16px/20px \"Atlassian Sans\", ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, \"Helvetica Neue\", sans-serif",
|
|
100
|
-
"filePath": "schema/themes/atlassian-typography-refreshed/theme.tsx",
|
|
101
|
-
"isSource": true,
|
|
102
|
-
"original": {
|
|
103
|
-
"attributes": {
|
|
104
|
-
"group": "typography",
|
|
105
|
-
"state": "active",
|
|
106
|
-
"introduced": "5.0.1",
|
|
107
|
-
"description": "Small numerical information content to be used in dashboards, charts, etc."
|
|
108
|
-
},
|
|
109
|
-
"value": {
|
|
110
|
-
"fontWeight": "FontWeight653",
|
|
111
|
-
"fontSize": "FontSize16",
|
|
112
|
-
"lineHeight": "LineHeight20",
|
|
113
|
-
"fontFamily": "FontFamilyWebSansRefreshed",
|
|
114
|
-
"fontStyle": "normal",
|
|
115
|
-
"letterSpacing": "LetterSpacing0"
|
|
116
|
-
}
|
|
117
|
-
},
|
|
118
|
-
"name": "font.metric.small",
|
|
119
|
-
"path": ["font", "metric", "small"],
|
|
120
|
-
"cleanName": "font.metric.small"
|
|
121
34
|
}, {
|
|
122
35
|
"attributes": {
|
|
123
36
|
"group": "typography",
|
|
@@ -437,6 +350,93 @@ var tokens = [{
|
|
|
437
350
|
"name": "font.body.UNSAFE_small",
|
|
438
351
|
"path": ["font", "body", "UNSAFE_small"],
|
|
439
352
|
"cleanName": "font.body.UNSAFE_small"
|
|
353
|
+
}, {
|
|
354
|
+
"attributes": {
|
|
355
|
+
"group": "typography",
|
|
356
|
+
"state": "active",
|
|
357
|
+
"introduced": "5.0.1",
|
|
358
|
+
"description": "Use to emphasize a number within a large donut."
|
|
359
|
+
},
|
|
360
|
+
"value": "normal 653 28px/32px \"Atlassian Sans\", ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, \"Helvetica Neue\", sans-serif",
|
|
361
|
+
"filePath": "schema/themes/atlassian-typography-refreshed/theme.tsx",
|
|
362
|
+
"isSource": true,
|
|
363
|
+
"original": {
|
|
364
|
+
"attributes": {
|
|
365
|
+
"group": "typography",
|
|
366
|
+
"state": "active",
|
|
367
|
+
"introduced": "5.0.1",
|
|
368
|
+
"description": "Use to emphasize a number within a large donut."
|
|
369
|
+
},
|
|
370
|
+
"value": {
|
|
371
|
+
"fontWeight": "FontWeight653",
|
|
372
|
+
"fontSize": "FontSize28",
|
|
373
|
+
"lineHeight": "LineHeight32",
|
|
374
|
+
"fontFamily": "FontFamilyWebSansRefreshed",
|
|
375
|
+
"fontStyle": "normal",
|
|
376
|
+
"letterSpacing": "LetterSpacing0"
|
|
377
|
+
}
|
|
378
|
+
},
|
|
379
|
+
"name": "font.metric.large",
|
|
380
|
+
"path": ["font", "metric", "large"],
|
|
381
|
+
"cleanName": "font.metric.large"
|
|
382
|
+
}, {
|
|
383
|
+
"attributes": {
|
|
384
|
+
"group": "typography",
|
|
385
|
+
"state": "active",
|
|
386
|
+
"introduced": "5.0.1",
|
|
387
|
+
"description": "Use to emphasize a number within a medium donut."
|
|
388
|
+
},
|
|
389
|
+
"value": "normal 653 24px/28px \"Atlassian Sans\", ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, \"Helvetica Neue\", sans-serif",
|
|
390
|
+
"filePath": "schema/themes/atlassian-typography-refreshed/theme.tsx",
|
|
391
|
+
"isSource": true,
|
|
392
|
+
"original": {
|
|
393
|
+
"attributes": {
|
|
394
|
+
"group": "typography",
|
|
395
|
+
"state": "active",
|
|
396
|
+
"introduced": "5.0.1",
|
|
397
|
+
"description": "Use to emphasize a number within a medium donut."
|
|
398
|
+
},
|
|
399
|
+
"value": {
|
|
400
|
+
"fontWeight": "FontWeight653",
|
|
401
|
+
"fontSize": "FontSize24",
|
|
402
|
+
"lineHeight": "LineHeight28",
|
|
403
|
+
"fontFamily": "FontFamilyWebSansRefreshed",
|
|
404
|
+
"fontStyle": "normal",
|
|
405
|
+
"letterSpacing": "LetterSpacing0"
|
|
406
|
+
}
|
|
407
|
+
},
|
|
408
|
+
"name": "font.metric.medium",
|
|
409
|
+
"path": ["font", "metric", "medium"],
|
|
410
|
+
"cleanName": "font.metric.medium"
|
|
411
|
+
}, {
|
|
412
|
+
"attributes": {
|
|
413
|
+
"group": "typography",
|
|
414
|
+
"state": "active",
|
|
415
|
+
"introduced": "5.0.1",
|
|
416
|
+
"description": "Use to emphasize a number and words in single-value tiles, or small donuts."
|
|
417
|
+
},
|
|
418
|
+
"value": "normal 653 16px/20px \"Atlassian Sans\", ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, \"Helvetica Neue\", sans-serif",
|
|
419
|
+
"filePath": "schema/themes/atlassian-typography-refreshed/theme.tsx",
|
|
420
|
+
"isSource": true,
|
|
421
|
+
"original": {
|
|
422
|
+
"attributes": {
|
|
423
|
+
"group": "typography",
|
|
424
|
+
"state": "active",
|
|
425
|
+
"introduced": "5.0.1",
|
|
426
|
+
"description": "Use to emphasize a number and words in single-value tiles, or small donuts."
|
|
427
|
+
},
|
|
428
|
+
"value": {
|
|
429
|
+
"fontWeight": "FontWeight653",
|
|
430
|
+
"fontSize": "FontSize16",
|
|
431
|
+
"lineHeight": "LineHeight20",
|
|
432
|
+
"fontFamily": "FontFamilyWebSansRefreshed",
|
|
433
|
+
"fontStyle": "normal",
|
|
434
|
+
"letterSpacing": "LetterSpacing0"
|
|
435
|
+
}
|
|
436
|
+
},
|
|
437
|
+
"name": "font.metric.small",
|
|
438
|
+
"path": ["font", "metric", "small"],
|
|
439
|
+
"cleanName": "font.metric.small"
|
|
440
440
|
}, {
|
|
441
441
|
"attributes": {
|
|
442
442
|
"group": "typography",
|
|
@@ -9,7 +9,7 @@ exports.tokens = void 0;
|
|
|
9
9
|
*
|
|
10
10
|
* Metadata for generation of of `@atlaskit/ads-mcp` and https://atlassian.design/llms-tokens.txt.
|
|
11
11
|
*
|
|
12
|
-
* @codegen <<SignedSource::
|
|
12
|
+
* @codegen <<SignedSource::c6f9eb087d49a14806a7713cb8306e06>>
|
|
13
13
|
* @codegenCommand yarn build tokens
|
|
14
14
|
*/
|
|
15
15
|
|
|
@@ -2188,6 +2188,21 @@ var tokens = exports.tokens = [{
|
|
|
2188
2188
|
path: ['font', 'body', 'UNSAFE_small'],
|
|
2189
2189
|
description: 'UNSAFE - Do not use. Temporary 12px fontsize token. Will be deprecated and replaced with stable small token',
|
|
2190
2190
|
exampleValue: 'normal 400 0.75rem/1rem ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, "Helvetica Neue", sans-serif'
|
|
2191
|
+
}, {
|
|
2192
|
+
name: 'font.metric.large',
|
|
2193
|
+
path: ['font', 'metric', 'large'],
|
|
2194
|
+
description: 'Use to emphasize a number within a large donut.',
|
|
2195
|
+
exampleValue: 'normal 653 1.75rem/2rem ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, "Helvetica Neue", sans-serif'
|
|
2196
|
+
}, {
|
|
2197
|
+
name: 'font.metric.medium',
|
|
2198
|
+
path: ['font', 'metric', 'medium'],
|
|
2199
|
+
description: 'Use to emphasize a number within a medium donut.',
|
|
2200
|
+
exampleValue: 'normal 653 1.5rem/1.75rem ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, "Helvetica Neue", sans-serif'
|
|
2201
|
+
}, {
|
|
2202
|
+
name: 'font.metric.small',
|
|
2203
|
+
path: ['font', 'metric', 'small'],
|
|
2204
|
+
description: 'Use to emphasize a number and words in single-value tiles, or small donuts.',
|
|
2205
|
+
exampleValue: 'normal 653 1rem/1.25rem ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, "Helvetica Neue", sans-serif'
|
|
2191
2206
|
}, {
|
|
2192
2207
|
name: 'font.code',
|
|
2193
2208
|
path: ['font', 'code', '[default]'],
|
|
@@ -34,7 +34,7 @@ var tokenOrder = exports.tokenOrder = [{
|
|
|
34
34
|
subpaths: []
|
|
35
35
|
}, {
|
|
36
36
|
path: 'font',
|
|
37
|
-
subpaths: ['heading', 'body', 'code', 'weight', 'family', 'size', 'lineHeight']
|
|
37
|
+
subpaths: ['heading', 'body', 'metric', 'code', 'weight', 'family', 'size', 'lineHeight']
|
|
38
38
|
}, {
|
|
39
39
|
path: 'value',
|
|
40
40
|
// Legacy palette
|
|
@@ -1,14 +1,11 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
|
|
3
|
-
* @codegen <<SignedSource::
|
|
3
|
+
* @codegen <<SignedSource::252bf2063fd34e49eee6872f2c3d6bdc>>
|
|
4
4
|
* @codegenCommand yarn build tokens
|
|
5
5
|
*/
|
|
6
6
|
export default `
|
|
7
7
|
html[data-theme~="typography:typography-adg3"] {
|
|
8
8
|
--ds-UNSAFE-textTransformUppercase: uppercase;
|
|
9
|
-
--ds-font-metric-large: normal 653 1.75rem/2rem ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, "Helvetica Neue", sans-serif;
|
|
10
|
-
--ds-font-metric-medium: normal 653 1.5rem/1.75rem ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, "Helvetica Neue", sans-serif;
|
|
11
|
-
--ds-font-metric-small: normal 653 1rem/1.25rem ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, "Helvetica Neue", sans-serif;
|
|
12
9
|
--ds-font-heading-xxlarge: normal 500 2.1875rem/2.5rem ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, "Helvetica Neue", sans-serif;
|
|
13
10
|
--ds-font-heading-xlarge: normal 600 1.8125rem/2rem ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, "Helvetica Neue", sans-serif;
|
|
14
11
|
--ds-font-heading-large: normal 500 1.5rem/1.75rem ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, "Helvetica Neue", sans-serif;
|
|
@@ -20,6 +17,9 @@ html[data-theme~="typography:typography-adg3"] {
|
|
|
20
17
|
--ds-font-body: normal 400 0.875rem/1.25rem ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, "Helvetica Neue", sans-serif;
|
|
21
18
|
--ds-font-body-small: normal 400 0.6875rem/1rem ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, "Helvetica Neue", sans-serif;
|
|
22
19
|
--ds-font-body-UNSAFE_small: normal 400 0.75rem/1rem ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, "Helvetica Neue", sans-serif;
|
|
20
|
+
--ds-font-metric-large: normal 653 1.75rem/2rem ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, "Helvetica Neue", sans-serif;
|
|
21
|
+
--ds-font-metric-medium: normal 653 1.5rem/1.75rem ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, "Helvetica Neue", sans-serif;
|
|
22
|
+
--ds-font-metric-small: normal 653 1rem/1.25rem ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, "Helvetica Neue", sans-serif;
|
|
23
23
|
--ds-font-code: normal 400 0.875em/1 ui-monospace, Menlo, "Segoe UI Mono", "Ubuntu Mono", monospace;
|
|
24
24
|
--ds-font-weight-regular: 400;
|
|
25
25
|
--ds-font-weight-medium: 500;
|
|
@@ -1,14 +1,11 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
|
|
3
|
-
* @codegen <<SignedSource::
|
|
3
|
+
* @codegen <<SignedSource::66733241d8380b9195d56ab172debac3>>
|
|
4
4
|
* @codegenCommand yarn build tokens
|
|
5
5
|
*/
|
|
6
6
|
export default `
|
|
7
7
|
html[data-theme~="typography:typography-modernized"] {
|
|
8
8
|
--ds-UNSAFE-textTransformUppercase: uppercase;
|
|
9
|
-
--ds-font-metric-large: normal 653 1.75rem/2rem ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, "Helvetica Neue", sans-serif;
|
|
10
|
-
--ds-font-metric-medium: normal 653 1.5rem/1.75rem ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, "Helvetica Neue", sans-serif;
|
|
11
|
-
--ds-font-metric-small: normal 653 1rem/1.25rem ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, "Helvetica Neue", sans-serif;
|
|
12
9
|
--ds-font-heading-xxlarge: normal 653 2rem/2.25rem ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, "Helvetica Neue", sans-serif;
|
|
13
10
|
--ds-font-heading-xlarge: normal 653 1.75rem/2rem ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, "Helvetica Neue", sans-serif;
|
|
14
11
|
--ds-font-heading-large: normal 653 1.5rem/1.75rem ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, "Helvetica Neue", sans-serif;
|
|
@@ -20,6 +17,9 @@ html[data-theme~="typography:typography-modernized"] {
|
|
|
20
17
|
--ds-font-body: normal 400 0.875rem/1.25rem ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, "Helvetica Neue", sans-serif;
|
|
21
18
|
--ds-font-body-small: normal 400 0.75rem/1rem ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, "Helvetica Neue", sans-serif;
|
|
22
19
|
--ds-font-body-UNSAFE_small: normal 400 0.75rem/1rem ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, "Helvetica Neue", sans-serif;
|
|
20
|
+
--ds-font-metric-large: normal 653 1.75rem/2rem ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, "Helvetica Neue", sans-serif;
|
|
21
|
+
--ds-font-metric-medium: normal 653 1.5rem/1.75rem ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, "Helvetica Neue", sans-serif;
|
|
22
|
+
--ds-font-metric-small: normal 653 1rem/1.25rem ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, "Helvetica Neue", sans-serif;
|
|
23
23
|
--ds-font-code: normal 400 0.875em/1 ui-monospace, Menlo, "Segoe UI Mono", "Ubuntu Mono", monospace;
|
|
24
24
|
--ds-font-weight-regular: 400;
|
|
25
25
|
--ds-font-weight-medium: 500;
|
|
@@ -1,14 +1,11 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
|
|
3
|
-
* @codegen <<SignedSource::
|
|
3
|
+
* @codegen <<SignedSource::ab83d5a3ce8c87f1ace527ec1cee1502>>
|
|
4
4
|
* @codegenCommand yarn build tokens
|
|
5
5
|
*/
|
|
6
6
|
export default `
|
|
7
7
|
html[data-theme~="typography:typography-refreshed"] {
|
|
8
8
|
--ds-UNSAFE-textTransformUppercase: uppercase;
|
|
9
|
-
--ds-font-metric-large: normal 653 1.75rem/2rem "Atlassian Sans", ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, "Helvetica Neue", sans-serif;
|
|
10
|
-
--ds-font-metric-medium: normal 653 1.5rem/1.75rem "Atlassian Sans", ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, "Helvetica Neue", sans-serif;
|
|
11
|
-
--ds-font-metric-small: normal 653 1rem/1.25rem "Atlassian Sans", ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, "Helvetica Neue", sans-serif;
|
|
12
9
|
--ds-font-heading-xxlarge: normal 653 2rem/2.25rem "Atlassian Sans", ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, "Helvetica Neue", sans-serif;
|
|
13
10
|
--ds-font-heading-xlarge: normal 653 1.75rem/2rem "Atlassian Sans", ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, "Helvetica Neue", sans-serif;
|
|
14
11
|
--ds-font-heading-large: normal 653 1.5rem/1.75rem "Atlassian Sans", ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, "Helvetica Neue", sans-serif;
|
|
@@ -20,6 +17,9 @@ html[data-theme~="typography:typography-refreshed"] {
|
|
|
20
17
|
--ds-font-body: normal 400 0.875rem/1.25rem "Atlassian Sans", ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, "Helvetica Neue", sans-serif;
|
|
21
18
|
--ds-font-body-small: normal 400 0.75rem/1rem "Atlassian Sans", ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, "Helvetica Neue", sans-serif;
|
|
22
19
|
--ds-font-body-UNSAFE_small: normal 400 0.75rem/1rem "Atlassian Sans", ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, "Helvetica Neue", sans-serif;
|
|
20
|
+
--ds-font-metric-large: normal 653 1.75rem/2rem "Atlassian Sans", ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, "Helvetica Neue", sans-serif;
|
|
21
|
+
--ds-font-metric-medium: normal 653 1.5rem/1.75rem "Atlassian Sans", ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, "Helvetica Neue", sans-serif;
|
|
22
|
+
--ds-font-metric-small: normal 653 1rem/1.25rem "Atlassian Sans", ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, "Helvetica Neue", sans-serif;
|
|
23
23
|
--ds-font-code: normal 400 0.875em/1 "Atlassian Mono", ui-monospace, Menlo, "Segoe UI Mono", "Ubuntu Mono", monospace;
|
|
24
24
|
--ds-font-weight-regular: 400;
|
|
25
25
|
--ds-font-weight-medium: 500;
|
|
@@ -7,7 +7,7 @@
|
|
|
7
7
|
* Token names mapped to their value in the default Atlassian themes ('light').
|
|
8
8
|
* These default values are used by the Babel plugin to optionally provide automatic fallbacks.
|
|
9
9
|
*
|
|
10
|
-
* @codegen <<SignedSource::
|
|
10
|
+
* @codegen <<SignedSource::14617f23058b2551ba4bc304aee7628f>>
|
|
11
11
|
* @codegenCommand yarn build tokens
|
|
12
12
|
*/
|
|
13
13
|
const defaultTokenValues = {
|
|
@@ -436,9 +436,6 @@ const defaultTokenValues = {
|
|
|
436
436
|
'space.negative.250': '-1.25rem',
|
|
437
437
|
'space.negative.300': '-1.5rem',
|
|
438
438
|
'space.negative.400': '-2rem',
|
|
439
|
-
'font.metric.large': 'normal 653 1.75rem/2rem ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, "Helvetica Neue", sans-serif',
|
|
440
|
-
'font.metric.medium': 'normal 653 1.5rem/1.75rem ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, "Helvetica Neue", sans-serif',
|
|
441
|
-
'font.metric.small': 'normal 653 1rem/1.25rem ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, "Helvetica Neue", sans-serif',
|
|
442
439
|
'font.heading.xxlarge': 'normal 500 2.1875rem/2.5rem ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, "Helvetica Neue", sans-serif',
|
|
443
440
|
'font.heading.xlarge': 'normal 600 1.8125rem/2rem ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, "Helvetica Neue", sans-serif',
|
|
444
441
|
'font.heading.large': 'normal 500 1.5rem/1.75rem ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, "Helvetica Neue", sans-serif',
|
|
@@ -450,6 +447,9 @@ const defaultTokenValues = {
|
|
|
450
447
|
'font.body': 'normal 400 0.875rem/1.25rem ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, "Helvetica Neue", sans-serif',
|
|
451
448
|
'font.body.small': 'normal 400 0.6875rem/1rem ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, "Helvetica Neue", sans-serif',
|
|
452
449
|
'font.body.UNSAFE_small': 'normal 400 0.75rem/1rem ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, "Helvetica Neue", sans-serif',
|
|
450
|
+
'font.metric.large': 'normal 653 1.75rem/2rem ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, "Helvetica Neue", sans-serif',
|
|
451
|
+
'font.metric.medium': 'normal 653 1.5rem/1.75rem ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, "Helvetica Neue", sans-serif',
|
|
452
|
+
'font.metric.small': 'normal 653 1rem/1.25rem ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, "Helvetica Neue", sans-serif',
|
|
453
453
|
'font.code': 'normal 400 0.875em/1 ui-monospace, Menlo, "Segoe UI Mono", "Ubuntu Mono", monospace',
|
|
454
454
|
'font.weight.regular': '400',
|
|
455
455
|
'font.weight.medium': '500',
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
|
|
3
|
-
* @codegen <<SignedSource::
|
|
3
|
+
* @codegen <<SignedSource::5e39d81369b0c277ebeac5d0b02ae5cb>>
|
|
4
4
|
* @codegenCommand yarn build tokens
|
|
5
5
|
*/
|
|
6
6
|
const tokens = {
|
|
@@ -429,9 +429,6 @@ const tokens = {
|
|
|
429
429
|
'space.negative.250': '--ds-space-negative-250',
|
|
430
430
|
'space.negative.300': '--ds-space-negative-300',
|
|
431
431
|
'space.negative.400': '--ds-space-negative-400',
|
|
432
|
-
'font.metric.large': '--ds-font-metric-large',
|
|
433
|
-
'font.metric.medium': '--ds-font-metric-medium',
|
|
434
|
-
'font.metric.small': '--ds-font-metric-small',
|
|
435
432
|
'font.heading.xxlarge': '--ds-font-heading-xxlarge',
|
|
436
433
|
'font.heading.xlarge': '--ds-font-heading-xlarge',
|
|
437
434
|
'font.heading.large': '--ds-font-heading-large',
|
|
@@ -443,6 +440,9 @@ const tokens = {
|
|
|
443
440
|
'font.body': '--ds-font-body',
|
|
444
441
|
'font.body.small': '--ds-font-body-small',
|
|
445
442
|
'font.body.UNSAFE_small': '--ds-font-body-UNSAFE_small',
|
|
443
|
+
'font.metric.large': '--ds-font-metric-large',
|
|
444
|
+
'font.metric.medium': '--ds-font-metric-medium',
|
|
445
|
+
'font.metric.small': '--ds-font-metric-small',
|
|
446
446
|
'font.code': '--ds-font-code',
|
|
447
447
|
'font.weight.regular': '--ds-font-weight-regular',
|
|
448
448
|
'font.weight.medium': '--ds-font-weight-medium',
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
|
|
3
|
-
* @codegen <<SignedSource::
|
|
3
|
+
* @codegen <<SignedSource::25358e138280ef2e45273d04317a2c5d>>
|
|
4
4
|
* @codegenCommand yarn build tokens
|
|
5
5
|
*/
|
|
6
6
|
const tokens = [{
|
|
@@ -25,93 +25,6 @@ const tokens = [{
|
|
|
25
25
|
"name": "utility.UNSAFE.textTransformUppercase",
|
|
26
26
|
"path": ["utility", "UNSAFE", "textTransformUppercase"],
|
|
27
27
|
"cleanName": "utility.UNSAFE.textTransformUppercase"
|
|
28
|
-
}, {
|
|
29
|
-
"attributes": {
|
|
30
|
-
"group": "typography",
|
|
31
|
-
"state": "active",
|
|
32
|
-
"introduced": "5.0.1",
|
|
33
|
-
"description": "Large numerical information content to be used in dashboards, charts, etc."
|
|
34
|
-
},
|
|
35
|
-
"value": "normal 653 28px/32px ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, \"Helvetica Neue\", sans-serif",
|
|
36
|
-
"filePath": "schema/themes/atlassian-typography-adg3/theme.tsx",
|
|
37
|
-
"isSource": true,
|
|
38
|
-
"original": {
|
|
39
|
-
"attributes": {
|
|
40
|
-
"group": "typography",
|
|
41
|
-
"state": "active",
|
|
42
|
-
"introduced": "5.0.1",
|
|
43
|
-
"description": "Large numerical information content to be used in dashboards, charts, etc."
|
|
44
|
-
},
|
|
45
|
-
"value": {
|
|
46
|
-
"fontWeight": "FontWeight653",
|
|
47
|
-
"fontSize": "FontSize28",
|
|
48
|
-
"lineHeight": "LineHeight32",
|
|
49
|
-
"fontFamily": "FontFamilyWebSans",
|
|
50
|
-
"fontStyle": "normal",
|
|
51
|
-
"letterSpacing": "LetterSpacing0"
|
|
52
|
-
}
|
|
53
|
-
},
|
|
54
|
-
"name": "font.metric.large",
|
|
55
|
-
"path": ["font", "metric", "large"],
|
|
56
|
-
"cleanName": "font.metric.large"
|
|
57
|
-
}, {
|
|
58
|
-
"attributes": {
|
|
59
|
-
"group": "typography",
|
|
60
|
-
"state": "active",
|
|
61
|
-
"introduced": "5.0.1",
|
|
62
|
-
"description": "Medium numerical information content to be used in dashboards, charts, etc."
|
|
63
|
-
},
|
|
64
|
-
"value": "normal 653 24px/28px ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, \"Helvetica Neue\", sans-serif",
|
|
65
|
-
"filePath": "schema/themes/atlassian-typography-adg3/theme.tsx",
|
|
66
|
-
"isSource": true,
|
|
67
|
-
"original": {
|
|
68
|
-
"attributes": {
|
|
69
|
-
"group": "typography",
|
|
70
|
-
"state": "active",
|
|
71
|
-
"introduced": "5.0.1",
|
|
72
|
-
"description": "Medium numerical information content to be used in dashboards, charts, etc."
|
|
73
|
-
},
|
|
74
|
-
"value": {
|
|
75
|
-
"fontWeight": "FontWeight653",
|
|
76
|
-
"fontSize": "FontSize24",
|
|
77
|
-
"lineHeight": "LineHeight28",
|
|
78
|
-
"fontFamily": "FontFamilyWebSans",
|
|
79
|
-
"fontStyle": "normal",
|
|
80
|
-
"letterSpacing": "LetterSpacing0"
|
|
81
|
-
}
|
|
82
|
-
},
|
|
83
|
-
"name": "font.metric.medium",
|
|
84
|
-
"path": ["font", "metric", "medium"],
|
|
85
|
-
"cleanName": "font.metric.medium"
|
|
86
|
-
}, {
|
|
87
|
-
"attributes": {
|
|
88
|
-
"group": "typography",
|
|
89
|
-
"state": "active",
|
|
90
|
-
"introduced": "5.0.1",
|
|
91
|
-
"description": "Small numerical information content to be used in dashboards, charts, etc."
|
|
92
|
-
},
|
|
93
|
-
"value": "normal 653 16px/20px ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, \"Helvetica Neue\", sans-serif",
|
|
94
|
-
"filePath": "schema/themes/atlassian-typography-adg3/theme.tsx",
|
|
95
|
-
"isSource": true,
|
|
96
|
-
"original": {
|
|
97
|
-
"attributes": {
|
|
98
|
-
"group": "typography",
|
|
99
|
-
"state": "active",
|
|
100
|
-
"introduced": "5.0.1",
|
|
101
|
-
"description": "Small numerical information content to be used in dashboards, charts, etc."
|
|
102
|
-
},
|
|
103
|
-
"value": {
|
|
104
|
-
"fontWeight": "FontWeight653",
|
|
105
|
-
"fontSize": "FontSize16",
|
|
106
|
-
"lineHeight": "LineHeight20",
|
|
107
|
-
"fontFamily": "FontFamilyWebSans",
|
|
108
|
-
"fontStyle": "normal",
|
|
109
|
-
"letterSpacing": "LetterSpacing0"
|
|
110
|
-
}
|
|
111
|
-
},
|
|
112
|
-
"name": "font.metric.small",
|
|
113
|
-
"path": ["font", "metric", "small"],
|
|
114
|
-
"cleanName": "font.metric.small"
|
|
115
28
|
}, {
|
|
116
29
|
"attributes": {
|
|
117
30
|
"group": "typography",
|
|
@@ -431,6 +344,93 @@ const tokens = [{
|
|
|
431
344
|
"name": "font.body.UNSAFE_small",
|
|
432
345
|
"path": ["font", "body", "UNSAFE_small"],
|
|
433
346
|
"cleanName": "font.body.UNSAFE_small"
|
|
347
|
+
}, {
|
|
348
|
+
"attributes": {
|
|
349
|
+
"group": "typography",
|
|
350
|
+
"state": "active",
|
|
351
|
+
"introduced": "5.0.1",
|
|
352
|
+
"description": "Use to emphasize a number within a large donut."
|
|
353
|
+
},
|
|
354
|
+
"value": "normal 653 28px/32px ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, \"Helvetica Neue\", sans-serif",
|
|
355
|
+
"filePath": "schema/themes/atlassian-typography-adg3/theme.tsx",
|
|
356
|
+
"isSource": true,
|
|
357
|
+
"original": {
|
|
358
|
+
"attributes": {
|
|
359
|
+
"group": "typography",
|
|
360
|
+
"state": "active",
|
|
361
|
+
"introduced": "5.0.1",
|
|
362
|
+
"description": "Use to emphasize a number within a large donut."
|
|
363
|
+
},
|
|
364
|
+
"value": {
|
|
365
|
+
"fontWeight": "FontWeight653",
|
|
366
|
+
"fontSize": "FontSize28",
|
|
367
|
+
"lineHeight": "LineHeight32",
|
|
368
|
+
"fontFamily": "FontFamilyWebSans",
|
|
369
|
+
"fontStyle": "normal",
|
|
370
|
+
"letterSpacing": "LetterSpacing0"
|
|
371
|
+
}
|
|
372
|
+
},
|
|
373
|
+
"name": "font.metric.large",
|
|
374
|
+
"path": ["font", "metric", "large"],
|
|
375
|
+
"cleanName": "font.metric.large"
|
|
376
|
+
}, {
|
|
377
|
+
"attributes": {
|
|
378
|
+
"group": "typography",
|
|
379
|
+
"state": "active",
|
|
380
|
+
"introduced": "5.0.1",
|
|
381
|
+
"description": "Use to emphasize a number within a medium donut."
|
|
382
|
+
},
|
|
383
|
+
"value": "normal 653 24px/28px ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, \"Helvetica Neue\", sans-serif",
|
|
384
|
+
"filePath": "schema/themes/atlassian-typography-adg3/theme.tsx",
|
|
385
|
+
"isSource": true,
|
|
386
|
+
"original": {
|
|
387
|
+
"attributes": {
|
|
388
|
+
"group": "typography",
|
|
389
|
+
"state": "active",
|
|
390
|
+
"introduced": "5.0.1",
|
|
391
|
+
"description": "Use to emphasize a number within a medium donut."
|
|
392
|
+
},
|
|
393
|
+
"value": {
|
|
394
|
+
"fontWeight": "FontWeight653",
|
|
395
|
+
"fontSize": "FontSize24",
|
|
396
|
+
"lineHeight": "LineHeight28",
|
|
397
|
+
"fontFamily": "FontFamilyWebSans",
|
|
398
|
+
"fontStyle": "normal",
|
|
399
|
+
"letterSpacing": "LetterSpacing0"
|
|
400
|
+
}
|
|
401
|
+
},
|
|
402
|
+
"name": "font.metric.medium",
|
|
403
|
+
"path": ["font", "metric", "medium"],
|
|
404
|
+
"cleanName": "font.metric.medium"
|
|
405
|
+
}, {
|
|
406
|
+
"attributes": {
|
|
407
|
+
"group": "typography",
|
|
408
|
+
"state": "active",
|
|
409
|
+
"introduced": "5.0.1",
|
|
410
|
+
"description": "Use to emphasize a number and words in single-value tiles, or small donuts."
|
|
411
|
+
},
|
|
412
|
+
"value": "normal 653 16px/20px ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, \"Helvetica Neue\", sans-serif",
|
|
413
|
+
"filePath": "schema/themes/atlassian-typography-adg3/theme.tsx",
|
|
414
|
+
"isSource": true,
|
|
415
|
+
"original": {
|
|
416
|
+
"attributes": {
|
|
417
|
+
"group": "typography",
|
|
418
|
+
"state": "active",
|
|
419
|
+
"introduced": "5.0.1",
|
|
420
|
+
"description": "Use to emphasize a number and words in single-value tiles, or small donuts."
|
|
421
|
+
},
|
|
422
|
+
"value": {
|
|
423
|
+
"fontWeight": "FontWeight653",
|
|
424
|
+
"fontSize": "FontSize16",
|
|
425
|
+
"lineHeight": "LineHeight20",
|
|
426
|
+
"fontFamily": "FontFamilyWebSans",
|
|
427
|
+
"fontStyle": "normal",
|
|
428
|
+
"letterSpacing": "LetterSpacing0"
|
|
429
|
+
}
|
|
430
|
+
},
|
|
431
|
+
"name": "font.metric.small",
|
|
432
|
+
"path": ["font", "metric", "small"],
|
|
433
|
+
"cleanName": "font.metric.small"
|
|
434
434
|
}, {
|
|
435
435
|
"attributes": {
|
|
436
436
|
"group": "typography",
|