@atlaskit/tokens 1.14.1 → 1.15.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/atlassian-dark-token-value-for-contrast-check.js +2 -2
- package/dist/cjs/artifacts/atlassian-light-token-value-for-contrast-check.js +2 -2
- package/dist/cjs/artifacts/palettes-raw/typography-palette.js +277 -37
- package/dist/cjs/artifacts/theme-import-map.js +10 -4
- package/dist/cjs/artifacts/themes/atlassian-typography-adg3.js +13 -0
- package/dist/cjs/artifacts/themes/atlassian-typography.js +2 -2
- package/dist/cjs/artifacts/token-default-values.js +26 -2
- package/dist/cjs/artifacts/token-names.js +22 -1
- package/dist/cjs/artifacts/tokens-raw/atlassian-typography-adg3.js +1084 -0
- package/dist/cjs/artifacts/tokens-raw/atlassian-typography.js +465 -253
- package/dist/cjs/babel-plugin/plugin.js +34 -3
- package/dist/cjs/constants.js +1 -3
- package/dist/cjs/entry-points/tokens-raw.js +2 -2
- package/dist/cjs/get-token-value.js +1 -1
- package/dist/cjs/get-token.js +1 -1
- package/dist/cjs/palettes/typography-palette.js +121 -16
- package/dist/cjs/theme-config.js +12 -4
- package/dist/cjs/tokens/atlassian-typography/font-family.js +11 -2
- package/dist/cjs/tokens/atlassian-typography/theme.js +140 -0
- package/dist/cjs/tokens/atlassian-typography/utils.js +29 -0
- package/dist/cjs/tokens/atlassian-typography-adg3/font-family.js +29 -0
- package/dist/cjs/tokens/{atlassian-typography → atlassian-typography-adg3}/font-size.js +8 -8
- package/dist/cjs/tokens/{atlassian-typography → atlassian-typography-adg3}/font-weight.js +4 -4
- package/dist/cjs/tokens/{atlassian-typography → atlassian-typography-adg3}/line-height.js +3 -0
- package/dist/cjs/tokens/atlassian-typography-adg3/theme.js +140 -0
- package/dist/cjs/tokens/atlassian-typography-adg3/utils.js +29 -0
- package/dist/cjs/tokens/default/typography/font-family.js +24 -0
- package/dist/cjs/tokens/default/typography/font.js +133 -0
- package/dist/cjs/tokens/default/typography/letter-spacing.js +54 -0
- package/dist/cjs/tokens/default/typography/line-height.js +8 -0
- package/dist/es2019/artifacts/atlassian-dark-token-value-for-contrast-check.js +2 -2
- package/dist/es2019/artifacts/atlassian-light-token-value-for-contrast-check.js +2 -2
- package/dist/es2019/artifacts/palettes-raw/typography-palette.js +277 -37
- package/dist/es2019/artifacts/theme-import-map.js +6 -4
- package/dist/es2019/artifacts/themes/atlassian-typography-adg3.js +50 -0
- package/dist/es2019/artifacts/themes/atlassian-typography.js +23 -21
- package/dist/es2019/artifacts/token-default-values.js +26 -2
- package/dist/es2019/artifacts/token-names.js +22 -1
- package/dist/es2019/artifacts/tokens-raw/atlassian-typography-adg3.js +1077 -0
- package/dist/es2019/artifacts/tokens-raw/atlassian-typography.js +465 -253
- package/dist/es2019/babel-plugin/plugin.js +34 -4
- package/dist/es2019/constants.js +0 -1
- package/dist/es2019/entry-points/tokens-raw.js +1 -1
- package/dist/es2019/get-token-value.js +1 -1
- package/dist/es2019/get-token.js +1 -1
- package/dist/es2019/palettes/typography-palette.js +123 -17
- package/dist/es2019/theme-config.js +12 -4
- package/dist/es2019/tokens/atlassian-typography/font-family.js +11 -2
- package/dist/es2019/tokens/atlassian-typography/theme.js +133 -0
- package/dist/es2019/tokens/atlassian-typography/utils.js +22 -0
- package/dist/es2019/tokens/atlassian-typography-adg3/font-family.js +22 -0
- package/dist/es2019/tokens/atlassian-typography-adg3/font-size.js +31 -0
- package/dist/es2019/tokens/atlassian-typography-adg3/font-weight.js +19 -0
- package/dist/es2019/tokens/{atlassian-typography → atlassian-typography-adg3}/line-height.js +3 -0
- package/dist/es2019/tokens/atlassian-typography-adg3/theme.js +133 -0
- package/dist/es2019/tokens/atlassian-typography-adg3/utils.js +22 -0
- package/dist/es2019/tokens/default/typography/font-family.js +24 -0
- package/dist/es2019/tokens/default/typography/font.js +126 -0
- package/dist/es2019/tokens/default/typography/letter-spacing.js +47 -0
- package/dist/es2019/tokens/default/typography/line-height.js +8 -0
- package/dist/esm/artifacts/atlassian-dark-token-value-for-contrast-check.js +2 -2
- package/dist/esm/artifacts/atlassian-light-token-value-for-contrast-check.js +2 -2
- package/dist/esm/artifacts/palettes-raw/typography-palette.js +277 -37
- package/dist/esm/artifacts/theme-import-map.js +8 -4
- package/dist/esm/artifacts/themes/atlassian-typography-adg3.js +6 -0
- package/dist/esm/artifacts/themes/atlassian-typography.js +2 -2
- package/dist/esm/artifacts/token-default-values.js +26 -2
- package/dist/esm/artifacts/token-names.js +22 -1
- package/dist/esm/artifacts/tokens-raw/atlassian-typography-adg3.js +1077 -0
- package/dist/esm/artifacts/tokens-raw/atlassian-typography.js +465 -253
- package/dist/esm/babel-plugin/plugin.js +34 -3
- package/dist/esm/constants.js +0 -1
- package/dist/esm/entry-points/tokens-raw.js +1 -1
- package/dist/esm/get-token-value.js +1 -1
- package/dist/esm/get-token.js +1 -1
- package/dist/esm/palettes/typography-palette.js +121 -16
- package/dist/esm/theme-config.js +12 -4
- package/dist/esm/tokens/atlassian-typography/font-family.js +11 -2
- package/dist/esm/tokens/atlassian-typography/theme.js +133 -0
- package/dist/esm/tokens/atlassian-typography/utils.js +22 -0
- package/dist/esm/tokens/atlassian-typography-adg3/font-family.js +22 -0
- package/dist/esm/tokens/atlassian-typography-adg3/font-size.js +31 -0
- package/dist/esm/tokens/atlassian-typography-adg3/font-weight.js +19 -0
- package/dist/esm/tokens/{atlassian-typography → atlassian-typography-adg3}/line-height.js +3 -0
- package/dist/esm/tokens/atlassian-typography-adg3/theme.js +133 -0
- package/dist/esm/tokens/atlassian-typography-adg3/utils.js +22 -0
- package/dist/esm/tokens/default/typography/font-family.js +24 -0
- package/dist/esm/tokens/default/typography/font.js +126 -0
- package/dist/esm/tokens/default/typography/letter-spacing.js +47 -0
- package/dist/esm/tokens/default/typography/line-height.js +8 -0
- package/dist/types/artifacts/atlassian-dark-token-value-for-contrast-check.d.ts +2 -2
- package/dist/types/artifacts/atlassian-light-token-value-for-contrast-check.d.ts +2 -2
- package/dist/types/artifacts/palettes-raw/typography-palette.d.ts +1 -1
- package/dist/types/artifacts/theme-import-map.d.ts +1 -1
- package/dist/types/artifacts/themes/atlassian-typography-adg3.d.ts +7 -0
- package/dist/types/artifacts/themes/atlassian-typography.d.ts +2 -2
- package/dist/types/artifacts/token-default-values.d.ts +26 -2
- package/dist/types/artifacts/token-names.d.ts +43 -1
- package/dist/types/artifacts/tokens-raw/atlassian-typography-adg3.d.ts +101 -0
- package/dist/types/artifacts/tokens-raw/atlassian-typography.d.ts +111 -3
- package/dist/types/artifacts/types-internal.d.ts +2 -2
- package/dist/types/artifacts/types.d.ts +2 -2
- package/dist/types/babel-plugin/plugin.d.ts +3 -0
- package/dist/types/constants.d.ts +0 -1
- package/dist/types/entry-points/tokens-raw.d.ts +1 -1
- package/dist/types/palettes/typography-palette.d.ts +8 -6
- package/dist/types/theme-config.d.ts +4 -4
- package/dist/types/tokens/atlassian-typography/theme.d.ts +10 -0
- package/dist/types/tokens/atlassian-typography/utils.d.ts +4 -0
- package/dist/types/tokens/atlassian-typography-adg3/font-family.d.ts +4 -0
- package/dist/types/tokens/atlassian-typography-adg3/theme.d.ts +10 -0
- package/dist/types/tokens/atlassian-typography-adg3/utils.d.ts +4 -0
- package/dist/types/tokens/default/typography/font.d.ts +20 -0
- package/dist/types/tokens/default/typography/letter-spacing.d.ts +4 -0
- package/dist/types/types.d.ts +111 -22
- package/dist/types-ts4.5/artifacts/atlassian-dark-token-value-for-contrast-check.d.ts +2 -2
- package/dist/types-ts4.5/artifacts/atlassian-light-token-value-for-contrast-check.d.ts +2 -2
- package/dist/types-ts4.5/artifacts/palettes-raw/typography-palette.d.ts +1 -1
- package/dist/types-ts4.5/artifacts/theme-import-map.d.ts +1 -1
- package/dist/types-ts4.5/artifacts/themes/atlassian-typography-adg3.d.ts +7 -0
- package/dist/types-ts4.5/artifacts/themes/atlassian-typography.d.ts +2 -2
- package/dist/types-ts4.5/artifacts/token-default-values.d.ts +26 -2
- package/dist/types-ts4.5/artifacts/token-names.d.ts +43 -1
- package/dist/types-ts4.5/artifacts/tokens-raw/atlassian-typography-adg3.d.ts +101 -0
- package/dist/types-ts4.5/artifacts/tokens-raw/atlassian-typography.d.ts +111 -3
- 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/babel-plugin/plugin.d.ts +3 -0
- package/dist/types-ts4.5/constants.d.ts +0 -1
- package/dist/types-ts4.5/entry-points/tokens-raw.d.ts +1 -1
- package/dist/types-ts4.5/palettes/typography-palette.d.ts +8 -6
- package/dist/types-ts4.5/theme-config.d.ts +5 -3
- package/dist/types-ts4.5/tokens/atlassian-typography/theme.d.ts +10 -0
- package/dist/types-ts4.5/tokens/atlassian-typography/utils.d.ts +4 -0
- package/dist/types-ts4.5/tokens/atlassian-typography-adg3/font-family.d.ts +4 -0
- package/dist/types-ts4.5/tokens/atlassian-typography-adg3/theme.d.ts +10 -0
- package/dist/types-ts4.5/tokens/atlassian-typography-adg3/utils.d.ts +4 -0
- package/dist/types-ts4.5/tokens/default/typography/font.d.ts +20 -0
- package/dist/types-ts4.5/tokens/default/typography/letter-spacing.d.ts +4 -0
- package/dist/types-ts4.5/types.d.ts +111 -22
- package/figma/atlassian-typography-adg3.json +150 -0
- package/figma/atlassian-typography.json +19 -82
- package/package.json +1 -1
- package/report.api.md +60 -2
- package/tmp/api-report-tmp.d.ts +49 -7
- package/dist/cjs/version.json +0 -7
- package/dist/es2019/tokens/atlassian-typography/font-size.js +0 -31
- package/dist/es2019/tokens/atlassian-typography/font-weight.js +0 -19
- package/dist/es2019/version.json +0 -7
- package/dist/esm/tokens/atlassian-typography/font-size.js +0 -31
- package/dist/esm/tokens/atlassian-typography/font-weight.js +0 -19
- package/dist/esm/version.json +0 -7
- /package/dist/types/tokens/{atlassian-typography → atlassian-typography-adg3}/font-size.d.ts +0 -0
- /package/dist/types/tokens/{atlassian-typography → atlassian-typography-adg3}/font-weight.d.ts +0 -0
- /package/dist/types/tokens/{atlassian-typography → atlassian-typography-adg3}/line-height.d.ts +0 -0
- /package/dist/types-ts4.5/tokens/{atlassian-typography → atlassian-typography-adg3}/font-size.d.ts +0 -0
- /package/dist/types-ts4.5/tokens/{atlassian-typography → atlassian-typography-adg3}/font-weight.d.ts +0 -0
- /package/dist/types-ts4.5/tokens/{atlassian-typography → atlassian-typography-adg3}/line-height.d.ts +0 -0
|
@@ -0,0 +1,133 @@
|
|
|
1
|
+
var typography = {
|
|
2
|
+
font: {
|
|
3
|
+
heading: {
|
|
4
|
+
xxl: {
|
|
5
|
+
value: {
|
|
6
|
+
fontWeight: 'FontWeight500',
|
|
7
|
+
fontSize: 'LegacyFontSize35',
|
|
8
|
+
lineHeight: 'LineHeight600',
|
|
9
|
+
fontFamily: 'FontFamilyWebSans',
|
|
10
|
+
fontStyle: 'normal',
|
|
11
|
+
letterSpacing: 'LetterSpacing400'
|
|
12
|
+
}
|
|
13
|
+
},
|
|
14
|
+
xl: {
|
|
15
|
+
value: {
|
|
16
|
+
fontWeight: 'FontWeight600',
|
|
17
|
+
fontSize: 'LegacyFontSize29',
|
|
18
|
+
lineHeight: 'LineHeight500',
|
|
19
|
+
fontFamily: 'FontFamilyWebSans',
|
|
20
|
+
fontStyle: 'normal',
|
|
21
|
+
letterSpacing: 'LetterSpacing400'
|
|
22
|
+
}
|
|
23
|
+
},
|
|
24
|
+
lg: {
|
|
25
|
+
value: {
|
|
26
|
+
fontWeight: 'FontWeight500',
|
|
27
|
+
fontSize: 'FontSize24',
|
|
28
|
+
lineHeight: 'LineHeight400',
|
|
29
|
+
fontFamily: 'FontFamilyWebSans',
|
|
30
|
+
fontStyle: 'normal',
|
|
31
|
+
letterSpacing: 'LetterSpacing400'
|
|
32
|
+
}
|
|
33
|
+
},
|
|
34
|
+
md: {
|
|
35
|
+
value: {
|
|
36
|
+
fontWeight: 'FontWeight500',
|
|
37
|
+
fontSize: 'FontSize20',
|
|
38
|
+
lineHeight: 'LineHeight300',
|
|
39
|
+
fontFamily: 'FontFamilyWebSans',
|
|
40
|
+
fontStyle: 'normal',
|
|
41
|
+
letterSpacing: 'LetterSpacing300'
|
|
42
|
+
}
|
|
43
|
+
},
|
|
44
|
+
sm: {
|
|
45
|
+
value: {
|
|
46
|
+
fontWeight: 'FontWeight600',
|
|
47
|
+
fontSize: 'FontSize16',
|
|
48
|
+
lineHeight: 'LineHeight200',
|
|
49
|
+
fontFamily: 'FontFamilyWebSans',
|
|
50
|
+
fontStyle: 'normal',
|
|
51
|
+
letterSpacing: 'LetterSpacing200'
|
|
52
|
+
}
|
|
53
|
+
},
|
|
54
|
+
xs: {
|
|
55
|
+
value: {
|
|
56
|
+
fontWeight: 'FontWeight600',
|
|
57
|
+
fontSize: 'FontSize14',
|
|
58
|
+
lineHeight: 'LineHeight100',
|
|
59
|
+
fontFamily: 'FontFamilyWebSans',
|
|
60
|
+
fontStyle: 'normal',
|
|
61
|
+
letterSpacing: 'LetterSpacing100'
|
|
62
|
+
}
|
|
63
|
+
},
|
|
64
|
+
xxs: {
|
|
65
|
+
value: {
|
|
66
|
+
fontWeight: 'FontWeight600',
|
|
67
|
+
fontSize: 'FontSize12',
|
|
68
|
+
lineHeight: 'LineHeight100',
|
|
69
|
+
fontFamily: 'FontFamilyWebSans',
|
|
70
|
+
fontStyle: 'normal',
|
|
71
|
+
letterSpacing: 'LetterSpacing0'
|
|
72
|
+
}
|
|
73
|
+
}
|
|
74
|
+
},
|
|
75
|
+
code: {
|
|
76
|
+
'[default]': {
|
|
77
|
+
value: {
|
|
78
|
+
fontWeight: 'FontWeight400',
|
|
79
|
+
fontSize: 'FontSizeCode',
|
|
80
|
+
lineHeight: 'LineHeight1',
|
|
81
|
+
fontFamily: 'FontFamilyWebMono',
|
|
82
|
+
fontStyle: 'normal',
|
|
83
|
+
letterSpacing: 'LetterSpacing0'
|
|
84
|
+
}
|
|
85
|
+
}
|
|
86
|
+
},
|
|
87
|
+
body: {
|
|
88
|
+
'[default]': {
|
|
89
|
+
value: {
|
|
90
|
+
fontWeight: 'FontWeight400',
|
|
91
|
+
fontSize: 'FontSize14',
|
|
92
|
+
lineHeight: 'LineHeight200',
|
|
93
|
+
fontFamily: 'FontFamilyWebSans',
|
|
94
|
+
fontStyle: 'normal',
|
|
95
|
+
letterSpacing: 'LetterSpacing0'
|
|
96
|
+
}
|
|
97
|
+
},
|
|
98
|
+
sm: {
|
|
99
|
+
value: {
|
|
100
|
+
fontWeight: 'FontWeight400',
|
|
101
|
+
fontSize: 'FontSize11',
|
|
102
|
+
lineHeight: 'LineHeight200',
|
|
103
|
+
fontFamily: 'FontFamilyWebSans',
|
|
104
|
+
fontStyle: 'normal',
|
|
105
|
+
letterSpacing: 'LetterSpacing0'
|
|
106
|
+
}
|
|
107
|
+
}
|
|
108
|
+
},
|
|
109
|
+
ui: {
|
|
110
|
+
'[default]': {
|
|
111
|
+
value: {
|
|
112
|
+
fontWeight: 'FontWeight400',
|
|
113
|
+
fontSize: 'FontSize14',
|
|
114
|
+
lineHeight: 'LineHeight100',
|
|
115
|
+
fontFamily: 'FontFamilyWebSans',
|
|
116
|
+
fontStyle: 'normal',
|
|
117
|
+
letterSpacing: 'LetterSpacing0'
|
|
118
|
+
}
|
|
119
|
+
},
|
|
120
|
+
sm: {
|
|
121
|
+
value: {
|
|
122
|
+
fontWeight: 'FontWeight400',
|
|
123
|
+
fontSize: 'FontSize11',
|
|
124
|
+
lineHeight: 'LineHeight100',
|
|
125
|
+
fontFamily: 'FontFamilyWebSans',
|
|
126
|
+
fontStyle: 'normal',
|
|
127
|
+
letterSpacing: 'LetterSpacing0'
|
|
128
|
+
}
|
|
129
|
+
}
|
|
130
|
+
}
|
|
131
|
+
}
|
|
132
|
+
};
|
|
133
|
+
export default typography;
|
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
var font = {
|
|
2
|
+
font: {
|
|
3
|
+
letterSpacing: {
|
|
4
|
+
'0': {
|
|
5
|
+
value: 'LetterSpacing0'
|
|
6
|
+
},
|
|
7
|
+
'100': {
|
|
8
|
+
value: 'LetterSpacing100'
|
|
9
|
+
},
|
|
10
|
+
'200': {
|
|
11
|
+
value: 'LetterSpacing200'
|
|
12
|
+
},
|
|
13
|
+
'300': {
|
|
14
|
+
value: 'LetterSpacing300'
|
|
15
|
+
},
|
|
16
|
+
'400': {
|
|
17
|
+
value: 'LetterSpacing400'
|
|
18
|
+
}
|
|
19
|
+
}
|
|
20
|
+
}
|
|
21
|
+
};
|
|
22
|
+
export default font;
|
|
@@ -16,6 +16,30 @@ var font = {
|
|
|
16
16
|
introduced: '0.10.33',
|
|
17
17
|
description: 'Helpful guidance goes here'
|
|
18
18
|
}
|
|
19
|
+
},
|
|
20
|
+
code: {
|
|
21
|
+
attributes: {
|
|
22
|
+
group: 'fontFamily',
|
|
23
|
+
state: 'experimental',
|
|
24
|
+
introduced: '1.14.0',
|
|
25
|
+
description: 'Helpful guidance goes here'
|
|
26
|
+
}
|
|
27
|
+
},
|
|
28
|
+
brand: {
|
|
29
|
+
attributes: {
|
|
30
|
+
group: 'fontFamily',
|
|
31
|
+
state: 'experimental',
|
|
32
|
+
introduced: '1.14.0',
|
|
33
|
+
description: 'Helpful guidance goes here'
|
|
34
|
+
}
|
|
35
|
+
},
|
|
36
|
+
product: {
|
|
37
|
+
attributes: {
|
|
38
|
+
group: 'fontFamily',
|
|
39
|
+
state: 'experimental',
|
|
40
|
+
introduced: '1.14.0',
|
|
41
|
+
description: 'Helpful guidance goes here'
|
|
42
|
+
}
|
|
19
43
|
}
|
|
20
44
|
}
|
|
21
45
|
}
|
|
@@ -0,0 +1,126 @@
|
|
|
1
|
+
/**
|
|
2
|
+
*
|
|
3
|
+
* @example
|
|
4
|
+
* ```js
|
|
5
|
+
* {
|
|
6
|
+
* body: {
|
|
7
|
+
* value: {
|
|
8
|
+
* fontWeight: 500,
|
|
9
|
+
* fontSize: "16px",
|
|
10
|
+
* lineHeight: "22px",
|
|
11
|
+
* fontFamily: "Helvetica",
|
|
12
|
+
* fontStyle: "italic"
|
|
13
|
+
* },
|
|
14
|
+
* type: "typography"
|
|
15
|
+
*}
|
|
16
|
+
* ```
|
|
17
|
+
*/
|
|
18
|
+
var font = {
|
|
19
|
+
font: {
|
|
20
|
+
code: {
|
|
21
|
+
'[default]': {
|
|
22
|
+
attributes: {
|
|
23
|
+
group: 'typography',
|
|
24
|
+
state: 'experimental',
|
|
25
|
+
introduced: '1.14.0',
|
|
26
|
+
description: 'Used for monospace and code.'
|
|
27
|
+
}
|
|
28
|
+
}
|
|
29
|
+
},
|
|
30
|
+
heading: {
|
|
31
|
+
xxl: {
|
|
32
|
+
attributes: {
|
|
33
|
+
group: 'typography',
|
|
34
|
+
state: 'experimental',
|
|
35
|
+
introduced: '1.14.0',
|
|
36
|
+
description: 'TBD'
|
|
37
|
+
}
|
|
38
|
+
},
|
|
39
|
+
xl: {
|
|
40
|
+
attributes: {
|
|
41
|
+
group: 'typography',
|
|
42
|
+
state: 'experimental',
|
|
43
|
+
introduced: '1.14.0',
|
|
44
|
+
description: 'TBD'
|
|
45
|
+
}
|
|
46
|
+
},
|
|
47
|
+
lg: {
|
|
48
|
+
attributes: {
|
|
49
|
+
group: 'typography',
|
|
50
|
+
state: 'experimental',
|
|
51
|
+
introduced: '1.14.0',
|
|
52
|
+
description: 'TBD'
|
|
53
|
+
}
|
|
54
|
+
},
|
|
55
|
+
md: {
|
|
56
|
+
attributes: {
|
|
57
|
+
group: 'typography',
|
|
58
|
+
state: 'experimental',
|
|
59
|
+
introduced: '1.14.0',
|
|
60
|
+
description: 'TBD'
|
|
61
|
+
}
|
|
62
|
+
},
|
|
63
|
+
sm: {
|
|
64
|
+
attributes: {
|
|
65
|
+
group: 'typography',
|
|
66
|
+
state: 'experimental',
|
|
67
|
+
introduced: '1.14.0',
|
|
68
|
+
description: 'TBD'
|
|
69
|
+
}
|
|
70
|
+
},
|
|
71
|
+
xs: {
|
|
72
|
+
attributes: {
|
|
73
|
+
group: 'typography',
|
|
74
|
+
state: 'experimental',
|
|
75
|
+
introduced: '1.14.0',
|
|
76
|
+
description: 'TBD'
|
|
77
|
+
}
|
|
78
|
+
},
|
|
79
|
+
xxs: {
|
|
80
|
+
attributes: {
|
|
81
|
+
group: 'typography',
|
|
82
|
+
state: 'experimental',
|
|
83
|
+
introduced: '1.14.0',
|
|
84
|
+
description: 'TBD'
|
|
85
|
+
}
|
|
86
|
+
}
|
|
87
|
+
},
|
|
88
|
+
ui: {
|
|
89
|
+
sm: {
|
|
90
|
+
attributes: {
|
|
91
|
+
group: 'typography',
|
|
92
|
+
state: 'experimental',
|
|
93
|
+
introduced: '1.14.0',
|
|
94
|
+
description: 'Single-line non-wrapping supporting text like that in a smaller label.'
|
|
95
|
+
}
|
|
96
|
+
},
|
|
97
|
+
'[default]': {
|
|
98
|
+
attributes: {
|
|
99
|
+
group: 'typography',
|
|
100
|
+
state: 'experimental',
|
|
101
|
+
introduced: '1.14.0',
|
|
102
|
+
description: 'Single-line non-wrapping text like that in a button.'
|
|
103
|
+
}
|
|
104
|
+
}
|
|
105
|
+
},
|
|
106
|
+
body: {
|
|
107
|
+
sm: {
|
|
108
|
+
attributes: {
|
|
109
|
+
group: 'typography',
|
|
110
|
+
state: 'experimental',
|
|
111
|
+
introduced: '1.14.0',
|
|
112
|
+
description: 'Smaller body font.'
|
|
113
|
+
}
|
|
114
|
+
},
|
|
115
|
+
'[default]': {
|
|
116
|
+
attributes: {
|
|
117
|
+
group: 'typography',
|
|
118
|
+
state: 'experimental',
|
|
119
|
+
introduced: '1.14.0',
|
|
120
|
+
description: 'The default body font.'
|
|
121
|
+
}
|
|
122
|
+
}
|
|
123
|
+
}
|
|
124
|
+
}
|
|
125
|
+
};
|
|
126
|
+
export default font;
|
|
@@ -0,0 +1,47 @@
|
|
|
1
|
+
var font = {
|
|
2
|
+
font: {
|
|
3
|
+
letterSpacing: {
|
|
4
|
+
'0': {
|
|
5
|
+
attributes: {
|
|
6
|
+
group: 'letterSpacing',
|
|
7
|
+
state: 'active',
|
|
8
|
+
introduced: '0.10.33',
|
|
9
|
+
description: 'Helpful guidance goes here'
|
|
10
|
+
}
|
|
11
|
+
},
|
|
12
|
+
'100': {
|
|
13
|
+
attributes: {
|
|
14
|
+
group: 'letterSpacing',
|
|
15
|
+
state: 'active',
|
|
16
|
+
introduced: '0.10.33',
|
|
17
|
+
description: 'Helpful guidance goes here'
|
|
18
|
+
}
|
|
19
|
+
},
|
|
20
|
+
'200': {
|
|
21
|
+
attributes: {
|
|
22
|
+
group: 'letterSpacing',
|
|
23
|
+
state: 'active',
|
|
24
|
+
introduced: '0.10.33',
|
|
25
|
+
description: 'Helpful guidance goes here'
|
|
26
|
+
}
|
|
27
|
+
},
|
|
28
|
+
'300': {
|
|
29
|
+
attributes: {
|
|
30
|
+
group: 'letterSpacing',
|
|
31
|
+
state: 'active',
|
|
32
|
+
introduced: '0.10.33',
|
|
33
|
+
description: 'Helpful guidance goes here'
|
|
34
|
+
}
|
|
35
|
+
},
|
|
36
|
+
'400': {
|
|
37
|
+
attributes: {
|
|
38
|
+
group: 'letterSpacing',
|
|
39
|
+
state: 'active',
|
|
40
|
+
introduced: '0.10.33',
|
|
41
|
+
description: 'Helpful guidance goes here'
|
|
42
|
+
}
|
|
43
|
+
}
|
|
44
|
+
}
|
|
45
|
+
}
|
|
46
|
+
};
|
|
47
|
+
export default font;
|
|
@@ -3,14 +3,14 @@
|
|
|
3
3
|
*
|
|
4
4
|
* Token names mapped to their values, used for contrast checking when generating custom themes
|
|
5
5
|
*
|
|
6
|
-
* @codegen <<SignedSource::
|
|
6
|
+
* @codegen <<SignedSource::5aed53e696137cdd59ece99fb9755c09>>
|
|
7
7
|
* @codegenCommand yarn build tokens
|
|
8
8
|
*/
|
|
9
9
|
declare const tokenValues: {
|
|
10
10
|
readonly 'color.text.brand': "#579DFF";
|
|
11
11
|
readonly 'elevation.surface.overlay': "#282E33";
|
|
12
|
-
readonly 'color.text.selected': "#579DFF";
|
|
13
12
|
readonly 'color.background.selected': "#092957";
|
|
13
|
+
readonly 'color.text.selected': "#579DFF";
|
|
14
14
|
readonly 'color.border.brand': "#579DFF";
|
|
15
15
|
readonly 'color.chart.brand': "#388BFF";
|
|
16
16
|
readonly 'color.text.inverse': "#1D2125";
|
|
@@ -3,14 +3,14 @@
|
|
|
3
3
|
*
|
|
4
4
|
* Token names mapped to their values, used for contrast checking when generating custom themes
|
|
5
5
|
*
|
|
6
|
-
* @codegen <<SignedSource::
|
|
6
|
+
* @codegen <<SignedSource::2e18f7ef8f76f499aeeb6d93e94be25e>>
|
|
7
7
|
* @codegenCommand yarn build tokens
|
|
8
8
|
*/
|
|
9
9
|
declare const tokenValues: {
|
|
10
10
|
readonly 'color.text.brand': "#0C66E4";
|
|
11
11
|
readonly 'elevation.surface.sunken': "#F7F8F9";
|
|
12
|
-
readonly 'color.text.selected': "#0C66E4";
|
|
13
12
|
readonly 'color.background.selected': "#E9F2FF";
|
|
13
|
+
readonly 'color.text.selected': "#0C66E4";
|
|
14
14
|
readonly 'color.border.brand': "#0C66E4";
|
|
15
15
|
readonly 'color.chart.brand': "#1D7AFC";
|
|
16
16
|
readonly 'color.text.inverse': "#FFFFFF";
|
|
@@ -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::89e4530c84e484a163c9df048290ecf5>>
|
|
4
4
|
* @codegenCommand yarn build tokens
|
|
5
5
|
*/
|
|
6
6
|
declare const tokens: ({
|
|
@@ -6,7 +6,7 @@
|
|
|
6
6
|
* This allows users to compose their themes and only use the tokens that are requested.
|
|
7
7
|
* When a new theme is created, the import should automatically be added to the map
|
|
8
8
|
*
|
|
9
|
-
* @codegen <<SignedSource::
|
|
9
|
+
* @codegen <<SignedSource::82c355c08254a28b0727a63e17ee7698>>
|
|
10
10
|
* @codegenCommand yarn build tokens
|
|
11
11
|
*/
|
|
12
12
|
import { ThemeIds, ThemeOverrideIds } from '../theme-config';
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
|
|
3
|
+
* @codegen <<SignedSource::5a962c81429544e05af6d55cf34c46a0>>
|
|
4
|
+
* @codegenCommand yarn build tokens
|
|
5
|
+
*/
|
|
6
|
+
declare const _default: "\nhtml[data-theme~=\"typography:typography-adg3\"] {\n --ds-font-body: normal 400 0.875rem/1.25rem var(--ds-font-family-product);\n --ds-font-body-sm: normal 400 0.6875rem/1.25rem var(--ds-font-family-product);\n --ds-font-code: normal 400 0.875em/1 var(--ds-font-family-monospace);\n --ds-font-heading-lg: normal 500 1.5rem/1.75rem var(--ds-font-family-product);\n --ds-font-heading-md: normal 500 1.25rem/1.5rem var(--ds-font-family-product);\n --ds-font-heading-sm: normal 600 1rem/1.25rem var(--ds-font-family-product);\n --ds-font-heading-xl: normal 600 1.8125rem/2rem var(--ds-font-family-product);\n --ds-font-heading-xs: normal 600 0.875rem/1rem var(--ds-font-family-product);\n --ds-font-heading-xxl: normal 500 2.1875rem/2.5rem var(--ds-font-family-product);\n --ds-font-heading-xxs: normal 600 0.75rem/1rem var(--ds-font-family-product);\n --ds-font-letterSpacing-0: 0;\n --ds-font-letterSpacing-100: -0.003em;\n --ds-font-letterSpacing-200: -0.006em;\n --ds-font-letterSpacing-300: -0.008em;\n --ds-font-letterSpacing-400: -0.01em;\n --ds-font-ui: normal 400 0.875rem/1rem var(--ds-font-family-product);\n --ds-font-ui-sm: normal 400 0.6875rem/1rem var(--ds-font-family-product);\n --ds-font-family-code: ui-monospace, Menlo, \"Segoe UI Mono\", \"Ubuntu Mono\", monospace;\n --ds-font-family-monospace: ui-monospace, Menlo, \"Segoe UI Mono\", \"Ubuntu Mono\", monospace;\n --ds-font-family-product: ui-sans-serif, \"Segoe UI\", system-ui, Ubuntu, \"Helvetica Neue\", sans-serif;\n --ds-font-family-sans: -apple-system, BlinkMacSystemFont, \"Segoe UI\", \"Roboto\", \"Oxygen\", \"Ubuntu\", \"Fira Sans\", \"Droid Sans\", \"Helvetica Neue\", sans-serif;\n --ds-font-family-brand: Charlie Sans;\n --ds-font-size-050: 0.6875rem;\n --ds-font-size-075: 0.75rem;\n --ds-font-size-100: 0.875rem;\n --ds-font-size-200: 1rem;\n --ds-font-size-300: 1.25rem;\n --ds-font-size-400: 1.5rem;\n --ds-font-size-500: 1.8125rem;\n --ds-font-size-600: 2.1875rem;\n --ds-font-weight-bold: 700;\n --ds-font-weight-medium: 500;\n --ds-font-weight-regular: 400;\n --ds-font-weight-semibold: 600;\n --ds-font-lineHeight-1: 1;\n --ds-font-lineHeight-100: 1rem;\n --ds-font-lineHeight-200: 1.25rem;\n --ds-font-lineHeight-300: 1.5rem;\n --ds-font-lineHeight-400: 1.75rem;\n --ds-font-lineHeight-500: 2rem;\n --ds-font-lineHeight-600: 2.5rem;\n}\n";
|
|
7
|
+
export default _default;
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
|
|
3
|
-
* @codegen <<SignedSource::
|
|
3
|
+
* @codegen <<SignedSource::8a2c4f8f66783e1940d1aab250cf35a9>>
|
|
4
4
|
* @codegenCommand yarn build tokens
|
|
5
5
|
*/
|
|
6
|
-
declare const _default: "\nhtml[data-theme~=\"typography:typography\"] {\n --ds-font-
|
|
6
|
+
declare const _default: "\nhtml[data-theme~=\"typography:typography\"] {\n --ds-font-body: normal 400 0.875rem/1.25rem var(--ds-font-family-sans);\n --ds-font-body-sm: normal 400 0.6875rem/1.25rem var(--ds-font-family-sans);\n --ds-font-code: normal 400 0.875em/1 var(--ds-font-family-monospace);\n --ds-font-heading-lg: normal 700 1.5rem/1.75rem var(--ds-font-family-sans);\n --ds-font-heading-md: normal 700 1.25rem/1.5rem var(--ds-font-family-sans);\n --ds-font-heading-sm: normal 700 1rem/1.25rem var(--ds-font-family-sans);\n --ds-font-heading-xl: normal 700 1.75rem/2rem var(--ds-font-family-sans);\n --ds-font-heading-xs: normal 700 0.875rem/1rem var(--ds-font-family-sans);\n --ds-font-heading-xxl: normal 700 2.25rem/2.5rem var(--ds-font-family-sans);\n --ds-font-heading-xxs: normal 700 0.75rem/1rem var(--ds-font-family-sans);\n --ds-font-letterSpacing-0: 0;\n --ds-font-letterSpacing-100: 0;\n --ds-font-letterSpacing-200: 0;\n --ds-font-letterSpacing-300: 0;\n --ds-font-letterSpacing-400: 0;\n --ds-font-ui: normal 400 0.875rem/1 var(--ds-font-family-sans);\n --ds-font-ui-sm: normal 400 0.6875rem/1 var(--ds-font-family-sans);\n --ds-font-family-code: ui-monospace, Menlo, \"Segoe UI Mono\", \"Ubuntu Mono\", monospace;\n --ds-font-family-monospace: ui-monospace, Menlo, \"Segoe UI Mono\", \"Ubuntu Mono\", monospace;\n --ds-font-family-product: ui-sans-serif, \"Segoe UI\", system-ui, Ubuntu, \"Helvetica Neue\", sans-serif;\n --ds-font-family-sans: ui-sans-serif, \"Segoe UI\", system-ui, Ubuntu, \"Helvetica Neue\", sans-serif;\n --ds-font-family-brand: Charlie Sans;\n}\n";
|
|
7
7
|
export default _default;
|
|
@@ -1,10 +1,13 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
|
|
3
3
|
*
|
|
4
|
+
* DEPRECATED, PLEASE DO NOT USE.
|
|
5
|
+
* Default values can now be based on either light or legacy-light themes, whereas this only contains light theme values.
|
|
6
|
+
*
|
|
4
7
|
* Token names mapped to their value in the default Atlassian themes ('light').
|
|
5
8
|
* These default values are used by the Babel plugin to optionally provide automatic fallbacks.
|
|
6
9
|
*
|
|
7
|
-
* @codegen <<SignedSource::
|
|
10
|
+
* @codegen <<SignedSource::7b0a463a4cd5463b13d98c47582631db>>
|
|
8
11
|
* @codegenCommand yarn build tokens
|
|
9
12
|
*/
|
|
10
13
|
declare const defaultTokenValues: {
|
|
@@ -339,8 +342,28 @@ declare const defaultTokenValues: {
|
|
|
339
342
|
readonly 'space.600': "3rem";
|
|
340
343
|
readonly 'space.800': "4rem";
|
|
341
344
|
readonly 'space.1000': "5rem";
|
|
342
|
-
readonly 'font.
|
|
345
|
+
readonly 'font.body': "normal 400 0.875rem/1.25rem ui-sans-serif, \"Segoe UI\", system-ui, Ubuntu, \"Helvetica Neue\", sans-serif";
|
|
346
|
+
readonly 'font.body.sm': "normal 400 0.6875rem/1.25rem ui-sans-serif, \"Segoe UI\", system-ui, Ubuntu, \"Helvetica Neue\", sans-serif";
|
|
347
|
+
readonly 'font.code': "normal 400 0.875em/1 ui-monospace, Menlo, \"Segoe UI Mono\", \"Ubuntu Mono\", monospace";
|
|
348
|
+
readonly 'font.heading.lg': "normal 500 1.5rem/1.75rem ui-sans-serif, \"Segoe UI\", system-ui, Ubuntu, \"Helvetica Neue\", sans-serif";
|
|
349
|
+
readonly 'font.heading.md': "normal 500 1.25rem/1.5rem ui-sans-serif, \"Segoe UI\", system-ui, Ubuntu, \"Helvetica Neue\", sans-serif";
|
|
350
|
+
readonly 'font.heading.sm': "normal 600 1rem/1.25rem ui-sans-serif, \"Segoe UI\", system-ui, Ubuntu, \"Helvetica Neue\", sans-serif";
|
|
351
|
+
readonly 'font.heading.xl': "normal 600 1.8125rem/2rem ui-sans-serif, \"Segoe UI\", system-ui, Ubuntu, \"Helvetica Neue\", sans-serif";
|
|
352
|
+
readonly 'font.heading.xs': "normal 600 0.875rem/1rem ui-sans-serif, \"Segoe UI\", system-ui, Ubuntu, \"Helvetica Neue\", sans-serif";
|
|
353
|
+
readonly 'font.heading.xxl': "normal 500 2.1875rem/2.5rem ui-sans-serif, \"Segoe UI\", system-ui, Ubuntu, \"Helvetica Neue\", sans-serif";
|
|
354
|
+
readonly 'font.heading.xxs': "normal 600 0.75rem/1rem ui-sans-serif, \"Segoe UI\", system-ui, Ubuntu, \"Helvetica Neue\", sans-serif";
|
|
355
|
+
readonly 'font.letterSpacing.0': "0";
|
|
356
|
+
readonly 'font.letterSpacing.100': "-0.003em";
|
|
357
|
+
readonly 'font.letterSpacing.200': "-0.006em";
|
|
358
|
+
readonly 'font.letterSpacing.300': "-0.008em";
|
|
359
|
+
readonly 'font.letterSpacing.400': "-0.01em";
|
|
360
|
+
readonly 'font.ui': "normal 400 0.875rem/1rem ui-sans-serif, \"Segoe UI\", system-ui, Ubuntu, \"Helvetica Neue\", sans-serif";
|
|
361
|
+
readonly 'font.ui.sm': "normal 400 0.6875rem/1rem ui-sans-serif, \"Segoe UI\", system-ui, Ubuntu, \"Helvetica Neue\", sans-serif";
|
|
362
|
+
readonly 'font.family.code': "ui-monospace, Menlo, \"Segoe UI Mono\", \"Ubuntu Mono\", monospace";
|
|
363
|
+
readonly 'font.family.monospace': "ui-monospace, Menlo, \"Segoe UI Mono\", \"Ubuntu Mono\", monospace";
|
|
364
|
+
readonly 'font.family.product': "ui-sans-serif, \"Segoe UI\", system-ui, Ubuntu, \"Helvetica Neue\", sans-serif";
|
|
343
365
|
readonly 'font.family.sans': "-apple-system, BlinkMacSystemFont, \"Segoe UI\", \"Roboto\", \"Oxygen\", \"Ubuntu\", \"Fira Sans\", \"Droid Sans\", \"Helvetica Neue\", sans-serif";
|
|
366
|
+
readonly 'font.family.brand': "Charlie Sans";
|
|
344
367
|
readonly 'font.size.050': "0.6875rem";
|
|
345
368
|
readonly 'font.size.075': "0.75rem";
|
|
346
369
|
readonly 'font.size.100': "0.875rem";
|
|
@@ -353,6 +376,7 @@ declare const defaultTokenValues: {
|
|
|
353
376
|
readonly 'font.weight.medium': "500";
|
|
354
377
|
readonly 'font.weight.regular': "400";
|
|
355
378
|
readonly 'font.weight.semibold': "600";
|
|
379
|
+
readonly 'font.lineHeight.1': "1";
|
|
356
380
|
readonly 'font.lineHeight.100': "1rem";
|
|
357
381
|
readonly 'font.lineHeight.200': "1.25rem";
|
|
358
382
|
readonly 'font.lineHeight.300': "1.5rem";
|
|
@@ -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::941775f7937b33243f0409b0ddd4fcd1>>
|
|
4
4
|
* @codegenCommand yarn build tokens
|
|
5
5
|
*/
|
|
6
6
|
declare const tokens: {
|
|
@@ -335,8 +335,28 @@ declare const tokens: {
|
|
|
335
335
|
readonly 'space.600': "--ds-space-600";
|
|
336
336
|
readonly 'space.800': "--ds-space-800";
|
|
337
337
|
readonly 'space.1000': "--ds-space-1000";
|
|
338
|
+
readonly 'font.body': "--ds-font-body";
|
|
339
|
+
readonly 'font.body.sm': "--ds-font-body-sm";
|
|
340
|
+
readonly 'font.code': "--ds-font-code";
|
|
341
|
+
readonly 'font.heading.lg': "--ds-font-heading-lg";
|
|
342
|
+
readonly 'font.heading.md': "--ds-font-heading-md";
|
|
343
|
+
readonly 'font.heading.sm': "--ds-font-heading-sm";
|
|
344
|
+
readonly 'font.heading.xl': "--ds-font-heading-xl";
|
|
345
|
+
readonly 'font.heading.xs': "--ds-font-heading-xs";
|
|
346
|
+
readonly 'font.heading.xxl': "--ds-font-heading-xxl";
|
|
347
|
+
readonly 'font.heading.xxs': "--ds-font-heading-xxs";
|
|
348
|
+
readonly 'font.letterSpacing.0': "--ds-font-letterSpacing-0";
|
|
349
|
+
readonly 'font.letterSpacing.100': "--ds-font-letterSpacing-100";
|
|
350
|
+
readonly 'font.letterSpacing.200': "--ds-font-letterSpacing-200";
|
|
351
|
+
readonly 'font.letterSpacing.300': "--ds-font-letterSpacing-300";
|
|
352
|
+
readonly 'font.letterSpacing.400': "--ds-font-letterSpacing-400";
|
|
353
|
+
readonly 'font.ui': "--ds-font-ui";
|
|
354
|
+
readonly 'font.ui.sm': "--ds-font-ui-sm";
|
|
355
|
+
readonly 'font.family.code': "--ds-font-family-code";
|
|
338
356
|
readonly 'font.family.monospace': "--ds-font-family-monospace";
|
|
357
|
+
readonly 'font.family.product': "--ds-font-family-product";
|
|
339
358
|
readonly 'font.family.sans': "--ds-font-family-sans";
|
|
359
|
+
readonly 'font.family.brand': "--ds-font-family-brand";
|
|
340
360
|
readonly 'font.size.050': "--ds-font-size-050";
|
|
341
361
|
readonly 'font.size.075': "--ds-font-size-075";
|
|
342
362
|
readonly 'font.size.100': "--ds-font-size-100";
|
|
@@ -349,6 +369,7 @@ declare const tokens: {
|
|
|
349
369
|
readonly 'font.weight.medium': "--ds-font-weight-medium";
|
|
350
370
|
readonly 'font.weight.regular': "--ds-font-weight-regular";
|
|
351
371
|
readonly 'font.weight.semibold': "--ds-font-weight-semibold";
|
|
372
|
+
readonly 'font.lineHeight.1': "--ds-font-lineHeight-1";
|
|
352
373
|
readonly 'font.lineHeight.100': "--ds-font-lineHeight-100";
|
|
353
374
|
readonly 'font.lineHeight.200': "--ds-font-lineHeight-200";
|
|
354
375
|
readonly 'font.lineHeight.300': "--ds-font-lineHeight-300";
|
|
@@ -688,8 +709,28 @@ export type CSSTokenMap = {
|
|
|
688
709
|
'space.600': 'var(--ds-space-600)';
|
|
689
710
|
'space.800': 'var(--ds-space-800)';
|
|
690
711
|
'space.1000': 'var(--ds-space-1000)';
|
|
712
|
+
'font.body': 'var(--ds-font-body)';
|
|
713
|
+
'font.body.sm': 'var(--ds-font-body-sm)';
|
|
714
|
+
'font.code': 'var(--ds-font-code)';
|
|
715
|
+
'font.heading.lg': 'var(--ds-font-heading-lg)';
|
|
716
|
+
'font.heading.md': 'var(--ds-font-heading-md)';
|
|
717
|
+
'font.heading.sm': 'var(--ds-font-heading-sm)';
|
|
718
|
+
'font.heading.xl': 'var(--ds-font-heading-xl)';
|
|
719
|
+
'font.heading.xs': 'var(--ds-font-heading-xs)';
|
|
720
|
+
'font.heading.xxl': 'var(--ds-font-heading-xxl)';
|
|
721
|
+
'font.heading.xxs': 'var(--ds-font-heading-xxs)';
|
|
722
|
+
'font.letterSpacing.0': 'var(--ds-font-letterSpacing-0)';
|
|
723
|
+
'font.letterSpacing.100': 'var(--ds-font-letterSpacing-100)';
|
|
724
|
+
'font.letterSpacing.200': 'var(--ds-font-letterSpacing-200)';
|
|
725
|
+
'font.letterSpacing.300': 'var(--ds-font-letterSpacing-300)';
|
|
726
|
+
'font.letterSpacing.400': 'var(--ds-font-letterSpacing-400)';
|
|
727
|
+
'font.ui': 'var(--ds-font-ui)';
|
|
728
|
+
'font.ui.sm': 'var(--ds-font-ui-sm)';
|
|
729
|
+
'font.family.code': 'var(--ds-font-family-code)';
|
|
691
730
|
'font.family.monospace': 'var(--ds-font-family-monospace)';
|
|
731
|
+
'font.family.product': 'var(--ds-font-family-product)';
|
|
692
732
|
'font.family.sans': 'var(--ds-font-family-sans)';
|
|
733
|
+
'font.family.brand': 'var(--ds-font-family-brand)';
|
|
693
734
|
'font.size.050': 'var(--ds-font-size-050)';
|
|
694
735
|
'font.size.075': 'var(--ds-font-size-075)';
|
|
695
736
|
'font.size.100': 'var(--ds-font-size-100)';
|
|
@@ -702,6 +743,7 @@ export type CSSTokenMap = {
|
|
|
702
743
|
'font.weight.medium': 'var(--ds-font-weight-medium)';
|
|
703
744
|
'font.weight.regular': 'var(--ds-font-weight-regular)';
|
|
704
745
|
'font.weight.semibold': 'var(--ds-font-weight-semibold)';
|
|
746
|
+
'font.lineHeight.1': 'var(--ds-font-lineHeight-1)';
|
|
705
747
|
'font.lineHeight.100': 'var(--ds-font-lineHeight-100)';
|
|
706
748
|
'font.lineHeight.200': 'var(--ds-font-lineHeight-200)';
|
|
707
749
|
'font.lineHeight.300': 'var(--ds-font-lineHeight-300)';
|