@atlaskit/tokens 1.14.2 → 1.15.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 +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 +313 -43
- package/dist/cjs/artifacts/theme-import-map.js +16 -4
- package/dist/cjs/artifacts/themes/atlassian-typography-adg3.js +13 -0
- package/dist/cjs/artifacts/themes/atlassian-typography-minor3.js +13 -0
- package/dist/cjs/artifacts/themes/atlassian-typography.js +2 -2
- package/dist/cjs/artifacts/token-default-values.js +23 -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-minor3.js +666 -0
- package/dist/cjs/artifacts/tokens-raw/atlassian-typography.js +465 -253
- 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 +133 -16
- package/dist/cjs/theme-config.js +20 -4
- package/dist/cjs/tokens/atlassian-typography/font-family.js +11 -2
- package/dist/cjs/tokens/atlassian-typography/letter-spacing.js +29 -0
- package/dist/cjs/tokens/atlassian-typography/theme.js +140 -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-adg3/letter-spacing.js +29 -0
- package/dist/cjs/tokens/{atlassian-typography → atlassian-typography-adg3}/line-height.js +4 -1
- package/dist/cjs/tokens/atlassian-typography-adg3/theme.js +140 -0
- package/dist/cjs/tokens/atlassian-typography-minor3/font-family.js +29 -0
- package/dist/cjs/tokens/atlassian-typography-minor3/letter-spacing.js +29 -0
- package/dist/cjs/tokens/atlassian-typography-minor3/theme.js +140 -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 +313 -43
- package/dist/es2019/artifacts/theme-import-map.js +8 -4
- package/dist/es2019/artifacts/themes/atlassian-typography-adg3.js +50 -0
- package/dist/es2019/artifacts/themes/atlassian-typography-minor3.js +31 -0
- package/dist/es2019/artifacts/themes/atlassian-typography.js +23 -21
- package/dist/es2019/artifacts/token-default-values.js +23 -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-minor3.js +659 -0
- package/dist/es2019/artifacts/tokens-raw/atlassian-typography.js +465 -253
- 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 +135 -17
- package/dist/es2019/theme-config.js +20 -4
- package/dist/es2019/tokens/atlassian-typography/font-family.js +11 -2
- package/dist/es2019/tokens/atlassian-typography/letter-spacing.js +22 -0
- package/dist/es2019/tokens/atlassian-typography/theme.js +133 -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-adg3/letter-spacing.js +22 -0
- package/dist/es2019/tokens/{atlassian-typography → atlassian-typography-adg3}/line-height.js +4 -1
- package/dist/es2019/tokens/atlassian-typography-adg3/theme.js +133 -0
- package/dist/es2019/tokens/atlassian-typography-minor3/font-family.js +22 -0
- package/dist/es2019/tokens/atlassian-typography-minor3/letter-spacing.js +22 -0
- package/dist/es2019/tokens/atlassian-typography-minor3/theme.js +133 -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 +313 -43
- package/dist/esm/artifacts/theme-import-map.js +12 -4
- package/dist/esm/artifacts/themes/atlassian-typography-adg3.js +6 -0
- package/dist/esm/artifacts/themes/atlassian-typography-minor3.js +6 -0
- package/dist/esm/artifacts/themes/atlassian-typography.js +2 -2
- package/dist/esm/artifacts/token-default-values.js +23 -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-minor3.js +659 -0
- package/dist/esm/artifacts/tokens-raw/atlassian-typography.js +465 -253
- 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 +133 -16
- package/dist/esm/theme-config.js +20 -4
- package/dist/esm/tokens/atlassian-typography/font-family.js +11 -2
- package/dist/esm/tokens/atlassian-typography/letter-spacing.js +22 -0
- package/dist/esm/tokens/atlassian-typography/theme.js +133 -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-adg3/letter-spacing.js +22 -0
- package/dist/esm/tokens/{atlassian-typography → atlassian-typography-adg3}/line-height.js +4 -1
- package/dist/esm/tokens/atlassian-typography-adg3/theme.js +133 -0
- package/dist/esm/tokens/atlassian-typography-minor3/font-family.js +22 -0
- package/dist/esm/tokens/atlassian-typography-minor3/letter-spacing.js +22 -0
- package/dist/esm/tokens/atlassian-typography-minor3/theme.js +133 -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-minor3.d.ts +7 -0
- package/dist/types/artifacts/themes/atlassian-typography.d.ts +2 -2
- package/dist/types/artifacts/token-default-values.d.ts +23 -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-minor3.d.ts +137 -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/entry-points/tokens-raw.d.ts +1 -1
- package/dist/types/index.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/letter-spacing.d.ts +4 -0
- package/dist/types/tokens/atlassian-typography/theme.d.ts +10 -0
- package/dist/types/tokens/atlassian-typography-adg3/font-family.d.ts +4 -0
- package/dist/types/tokens/atlassian-typography-adg3/letter-spacing.d.ts +4 -0
- package/dist/types/tokens/atlassian-typography-adg3/theme.d.ts +10 -0
- package/dist/types/tokens/atlassian-typography-minor3/font-family.d.ts +4 -0
- package/dist/types/tokens/atlassian-typography-minor3/letter-spacing.d.ts +4 -0
- package/dist/types/tokens/atlassian-typography-minor3/theme.d.ts +10 -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-minor3.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 +23 -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-minor3.d.ts +137 -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/entry-points/tokens-raw.d.ts +1 -1
- package/dist/types-ts4.5/index.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 +7 -3
- package/dist/types-ts4.5/tokens/atlassian-typography/letter-spacing.d.ts +4 -0
- package/dist/types-ts4.5/tokens/atlassian-typography/theme.d.ts +10 -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/letter-spacing.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-minor3/font-family.d.ts +4 -0
- package/dist/types-ts4.5/tokens/atlassian-typography-minor3/letter-spacing.d.ts +4 -0
- package/dist/types-ts4.5/tokens/atlassian-typography-minor3/theme.d.ts +10 -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-minor3.json +51 -0
- package/figma/atlassian-typography.json +19 -82
- package/package.json +1 -2
- package/report.api.md +87 -2
- package/tmp/api-report-tmp.d.ts +65 -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/esm/tokens/atlassian-typography/font-size.js +0 -31
- package/dist/esm/tokens/atlassian-typography/font-weight.js +0 -19
- /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: 'LineHeight700',
|
|
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: 'LegacyFontSize11',
|
|
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: 'LegacyFontSize11',
|
|
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
|
+
family: {
|
|
4
|
+
sans: {
|
|
5
|
+
value: 'FontFamilyWebSans'
|
|
6
|
+
},
|
|
7
|
+
monospace: {
|
|
8
|
+
value: 'FontFamilyWebMono'
|
|
9
|
+
},
|
|
10
|
+
product: {
|
|
11
|
+
value: 'FontFamilyWebSans'
|
|
12
|
+
},
|
|
13
|
+
brand: {
|
|
14
|
+
value: 'FontFamilyCharlie'
|
|
15
|
+
},
|
|
16
|
+
code: {
|
|
17
|
+
value: 'FontFamilyWebMono'
|
|
18
|
+
}
|
|
19
|
+
}
|
|
20
|
+
}
|
|
21
|
+
};
|
|
22
|
+
export default font;
|
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
var font = {
|
|
2
|
+
font: {
|
|
3
|
+
letterSpacing: {
|
|
4
|
+
'0': {
|
|
5
|
+
value: 'LetterSpacing0'
|
|
6
|
+
},
|
|
7
|
+
'100': {
|
|
8
|
+
value: 'LetterSpacing0'
|
|
9
|
+
},
|
|
10
|
+
'200': {
|
|
11
|
+
value: 'LetterSpacing0'
|
|
12
|
+
},
|
|
13
|
+
'300': {
|
|
14
|
+
value: 'LetterSpacing0'
|
|
15
|
+
},
|
|
16
|
+
'400': {
|
|
17
|
+
value: 'LetterSpacing0'
|
|
18
|
+
}
|
|
19
|
+
}
|
|
20
|
+
}
|
|
21
|
+
};
|
|
22
|
+
export default font;
|
|
@@ -0,0 +1,133 @@
|
|
|
1
|
+
var typography = {
|
|
2
|
+
font: {
|
|
3
|
+
heading: {
|
|
4
|
+
xxl: {
|
|
5
|
+
value: {
|
|
6
|
+
fontWeight: 'FontWeight700',
|
|
7
|
+
fontSize: 'FontSize32',
|
|
8
|
+
lineHeight: 'LineHeight600',
|
|
9
|
+
fontFamily: 'FontFamilyWebSans',
|
|
10
|
+
fontStyle: 'normal',
|
|
11
|
+
letterSpacing: 'LetterSpacing0'
|
|
12
|
+
}
|
|
13
|
+
},
|
|
14
|
+
xl: {
|
|
15
|
+
value: {
|
|
16
|
+
fontWeight: 'FontWeight700',
|
|
17
|
+
fontSize: 'FontSize28',
|
|
18
|
+
lineHeight: 'LineHeight500',
|
|
19
|
+
fontFamily: 'FontFamilyWebSans',
|
|
20
|
+
fontStyle: 'normal',
|
|
21
|
+
letterSpacing: 'LetterSpacing0'
|
|
22
|
+
}
|
|
23
|
+
},
|
|
24
|
+
lg: {
|
|
25
|
+
value: {
|
|
26
|
+
fontWeight: 'FontWeight700',
|
|
27
|
+
fontSize: 'FontSize24',
|
|
28
|
+
lineHeight: 'LineHeight400',
|
|
29
|
+
fontFamily: 'FontFamilyWebSans',
|
|
30
|
+
fontStyle: 'normal',
|
|
31
|
+
letterSpacing: 'LetterSpacing0'
|
|
32
|
+
}
|
|
33
|
+
},
|
|
34
|
+
md: {
|
|
35
|
+
value: {
|
|
36
|
+
fontWeight: 'FontWeight700',
|
|
37
|
+
fontSize: 'FontSize20',
|
|
38
|
+
lineHeight: 'LineHeight300',
|
|
39
|
+
fontFamily: 'FontFamilyWebSans',
|
|
40
|
+
fontStyle: 'normal',
|
|
41
|
+
letterSpacing: 'LetterSpacing0'
|
|
42
|
+
}
|
|
43
|
+
},
|
|
44
|
+
sm: {
|
|
45
|
+
value: {
|
|
46
|
+
fontWeight: 'FontWeight700',
|
|
47
|
+
fontSize: 'FontSize16',
|
|
48
|
+
lineHeight: 'LineHeight200',
|
|
49
|
+
fontFamily: 'FontFamilyWebSans',
|
|
50
|
+
fontStyle: 'normal',
|
|
51
|
+
letterSpacing: 'LetterSpacing0'
|
|
52
|
+
}
|
|
53
|
+
},
|
|
54
|
+
xs: {
|
|
55
|
+
value: {
|
|
56
|
+
fontWeight: 'FontWeight700',
|
|
57
|
+
fontSize: 'FontSize14',
|
|
58
|
+
lineHeight: 'LineHeight100',
|
|
59
|
+
fontFamily: 'FontFamilyWebSans',
|
|
60
|
+
fontStyle: 'normal',
|
|
61
|
+
letterSpacing: 'LetterSpacing0'
|
|
62
|
+
}
|
|
63
|
+
},
|
|
64
|
+
xxs: {
|
|
65
|
+
value: {
|
|
66
|
+
fontWeight: 'FontWeight700',
|
|
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: 'FontSize12',
|
|
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: 'LineHeight1',
|
|
115
|
+
fontFamily: 'FontFamilyWebSans',
|
|
116
|
+
fontStyle: 'normal',
|
|
117
|
+
letterSpacing: 'LetterSpacing0'
|
|
118
|
+
}
|
|
119
|
+
},
|
|
120
|
+
sm: {
|
|
121
|
+
value: {
|
|
122
|
+
fontWeight: 'FontWeight400',
|
|
123
|
+
fontSize: 'FontSize12',
|
|
124
|
+
lineHeight: 'LineHeight1',
|
|
125
|
+
fontFamily: 'FontFamilyWebSans',
|
|
126
|
+
fontStyle: 'normal',
|
|
127
|
+
letterSpacing: 'LetterSpacing0'
|
|
128
|
+
}
|
|
129
|
+
}
|
|
130
|
+
}
|
|
131
|
+
}
|
|
132
|
+
};
|
|
133
|
+
export default typography;
|
|
@@ -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::c5a499034468ced262952ef968c2fd67>>
|
|
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::1e1c80a5700235c55449aa23948418be>>
|
|
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;
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
|
|
3
|
+
* @codegen <<SignedSource::88719508da65fd1b7ad398cc0681c4c5>>
|
|
4
|
+
* @codegenCommand yarn build tokens
|
|
5
|
+
*/
|
|
6
|
+
declare const _default: "\nhtml[data-theme~=\"typography:typography-minor3\"] {\n --ds-font-body: normal 400 0.875rem/1.25rem var(--ds-font-family-sans);\n --ds-font-body-sm: normal 400 0.75rem/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 2rem/2.25rem 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.75rem/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
|
+
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::ce2e1e115aa9ff0027981ef8ba658c64>>
|
|
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.75rem/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.75rem/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;
|
|
@@ -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::7b0a463a4cd5463b13d98c47582631db>>
|
|
11
11
|
* @codegenCommand yarn build tokens
|
|
12
12
|
*/
|
|
13
13
|
declare const defaultTokenValues: {
|
|
@@ -342,8 +342,28 @@ declare const defaultTokenValues: {
|
|
|
342
342
|
readonly 'space.600': "3rem";
|
|
343
343
|
readonly 'space.800': "4rem";
|
|
344
344
|
readonly 'space.1000': "5rem";
|
|
345
|
-
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";
|
|
346
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";
|
|
347
367
|
readonly 'font.size.050': "0.6875rem";
|
|
348
368
|
readonly 'font.size.075': "0.75rem";
|
|
349
369
|
readonly 'font.size.100': "0.875rem";
|
|
@@ -356,6 +376,7 @@ declare const defaultTokenValues: {
|
|
|
356
376
|
readonly 'font.weight.medium': "500";
|
|
357
377
|
readonly 'font.weight.regular': "400";
|
|
358
378
|
readonly 'font.weight.semibold': "600";
|
|
379
|
+
readonly 'font.lineHeight.1': "1";
|
|
359
380
|
readonly 'font.lineHeight.100': "1rem";
|
|
360
381
|
readonly 'font.lineHeight.200': "1.25rem";
|
|
361
382
|
readonly 'font.lineHeight.300': "1.5rem";
|