@atlaskit/tokens 1.21.1 → 1.22.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/themes/atlassian-typography-adg3.js +2 -2
- package/dist/cjs/artifacts/themes/atlassian-typography-minor3.js +2 -2
- package/dist/cjs/artifacts/themes/atlassian-typography.js +2 -2
- package/dist/cjs/artifacts/token-default-values.js +17 -15
- package/dist/cjs/artifacts/token-names.js +4 -2
- package/dist/cjs/artifacts/tokens-raw/atlassian-typography-adg3.js +86 -42
- package/dist/cjs/artifacts/tokens-raw/atlassian-typography-minor3.js +86 -42
- package/dist/cjs/artifacts/tokens-raw/atlassian-typography.js +64 -42
- package/dist/cjs/get-theme-html-attrs.js +3 -5
- package/dist/cjs/get-token-value.js +1 -1
- package/dist/cjs/get-token.js +1 -1
- package/dist/cjs/theme-config.js +1 -1
- package/dist/cjs/tokens/atlassian-typography/font-family.js +4 -1
- package/dist/cjs/tokens/atlassian-typography/theme.js +13 -13
- package/dist/cjs/tokens/atlassian-typography-adg3/font-family.js +4 -1
- package/dist/cjs/tokens/atlassian-typography-adg3/theme.js +25 -14
- package/dist/cjs/tokens/atlassian-typography-minor3/font-family.js +4 -1
- package/dist/cjs/tokens/atlassian-typography-minor3/theme.js +25 -14
- package/dist/cjs/tokens/default/typography/font-family.js +9 -1
- package/dist/cjs/tokens/default/utility/utility.js +8 -0
- package/dist/cjs/utils/get-theme-preferences.js +0 -5
- package/dist/es2019/artifacts/themes/atlassian-typography-adg3.js +17 -15
- package/dist/es2019/artifacts/themes/atlassian-typography-minor3.js +17 -15
- package/dist/es2019/artifacts/themes/atlassian-typography.js +16 -15
- package/dist/es2019/artifacts/token-default-values.js +17 -15
- package/dist/es2019/artifacts/token-names.js +4 -2
- package/dist/es2019/artifacts/tokens-raw/atlassian-typography-adg3.js +86 -42
- package/dist/es2019/artifacts/tokens-raw/atlassian-typography-minor3.js +86 -42
- package/dist/es2019/artifacts/tokens-raw/atlassian-typography.js +64 -42
- package/dist/es2019/get-theme-html-attrs.js +3 -5
- package/dist/es2019/get-token-value.js +1 -1
- package/dist/es2019/get-token.js +1 -1
- package/dist/es2019/theme-config.js +1 -1
- package/dist/es2019/tokens/atlassian-typography/font-family.js +4 -1
- package/dist/es2019/tokens/atlassian-typography/theme.js +13 -13
- package/dist/es2019/tokens/atlassian-typography-adg3/font-family.js +4 -1
- package/dist/es2019/tokens/atlassian-typography-adg3/theme.js +25 -14
- package/dist/es2019/tokens/atlassian-typography-minor3/font-family.js +4 -1
- package/dist/es2019/tokens/atlassian-typography-minor3/theme.js +25 -14
- package/dist/es2019/tokens/default/typography/font-family.js +9 -1
- package/dist/es2019/tokens/default/utility/utility.js +8 -0
- package/dist/es2019/utils/get-theme-preferences.js +0 -5
- package/dist/esm/artifacts/themes/atlassian-typography-adg3.js +2 -2
- package/dist/esm/artifacts/themes/atlassian-typography-minor3.js +2 -2
- package/dist/esm/artifacts/themes/atlassian-typography.js +2 -2
- package/dist/esm/artifacts/token-default-values.js +17 -15
- package/dist/esm/artifacts/token-names.js +4 -2
- package/dist/esm/artifacts/tokens-raw/atlassian-typography-adg3.js +86 -42
- package/dist/esm/artifacts/tokens-raw/atlassian-typography-minor3.js +86 -42
- package/dist/esm/artifacts/tokens-raw/atlassian-typography.js +64 -42
- package/dist/esm/get-theme-html-attrs.js +3 -5
- package/dist/esm/get-token-value.js +1 -1
- package/dist/esm/get-token.js +1 -1
- package/dist/esm/theme-config.js +1 -1
- package/dist/esm/tokens/atlassian-typography/font-family.js +4 -1
- package/dist/esm/tokens/atlassian-typography/theme.js +13 -13
- package/dist/esm/tokens/atlassian-typography-adg3/font-family.js +4 -1
- package/dist/esm/tokens/atlassian-typography-adg3/theme.js +25 -14
- package/dist/esm/tokens/atlassian-typography-minor3/font-family.js +4 -1
- package/dist/esm/tokens/atlassian-typography-minor3/theme.js +25 -14
- package/dist/esm/tokens/default/typography/font-family.js +9 -1
- package/dist/esm/tokens/default/utility/utility.js +8 -0
- package/dist/esm/utils/get-theme-preferences.js +0 -5
- package/dist/types/artifacts/themes/atlassian-typography-adg3.d.ts +2 -2
- package/dist/types/artifacts/themes/atlassian-typography-minor3.d.ts +2 -2
- package/dist/types/artifacts/themes/atlassian-typography.d.ts +2 -2
- package/dist/types/artifacts/token-default-values.d.ts +17 -15
- package/dist/types/artifacts/token-names.d.ts +7 -3
- package/dist/types/artifacts/tokens-raw/atlassian-typography-adg3.d.ts +10 -10
- package/dist/types/artifacts/tokens-raw/atlassian-typography-minor3.d.ts +10 -10
- package/dist/types/artifacts/tokens-raw/atlassian-typography.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/theme-config.d.ts +1 -1
- package/dist/types/tokens/atlassian-typography-adg3/theme.d.ts +145 -10
- package/dist/types/tokens/atlassian-typography-minor3/theme.d.ts +145 -10
- package/dist/types/types.d.ts +16 -2
- package/dist/types-ts4.5/artifacts/themes/atlassian-typography-adg3.d.ts +2 -2
- package/dist/types-ts4.5/artifacts/themes/atlassian-typography-minor3.d.ts +2 -2
- package/dist/types-ts4.5/artifacts/themes/atlassian-typography.d.ts +2 -2
- package/dist/types-ts4.5/artifacts/token-default-values.d.ts +17 -15
- package/dist/types-ts4.5/artifacts/token-names.d.ts +7 -3
- package/dist/types-ts4.5/artifacts/tokens-raw/atlassian-typography-adg3.d.ts +10 -10
- package/dist/types-ts4.5/artifacts/tokens-raw/atlassian-typography-minor3.d.ts +10 -10
- package/dist/types-ts4.5/artifacts/tokens-raw/atlassian-typography.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/theme-config.d.ts +1 -1
- package/dist/types-ts4.5/tokens/atlassian-typography-adg3/theme.d.ts +145 -10
- package/dist/types-ts4.5/tokens/atlassian-typography-minor3/theme.d.ts +145 -10
- package/dist/types-ts4.5/types.d.ts +16 -2
- package/figma/atlassian-typography-adg3.json +15 -6
- package/figma/atlassian-typography-minor3.json +15 -6
- package/figma/atlassian-typography.json +15 -6
- package/package.json +1 -1
- package/report.api.md +42 -4
- package/tmp/api-report-tmp.d.ts +35 -6
|
@@ -4,6 +4,14 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
6
|
exports.default = void 0;
|
|
7
|
+
var utility = {
|
|
8
|
+
// @ts-expect-error in complete utility theme
|
|
9
|
+
UNSAFE: {
|
|
10
|
+
textTransformUppercase: {
|
|
11
|
+
value: 'uppercase'
|
|
12
|
+
}
|
|
13
|
+
}
|
|
14
|
+
};
|
|
7
15
|
var typography = {
|
|
8
16
|
font: {
|
|
9
17
|
heading: {
|
|
@@ -12,7 +20,7 @@ var typography = {
|
|
|
12
20
|
fontWeight: 'FontWeight700',
|
|
13
21
|
fontSize: 'FontSize32',
|
|
14
22
|
lineHeight: 'LineHeight600',
|
|
15
|
-
fontFamily: '
|
|
23
|
+
fontFamily: 'font.family.heading',
|
|
16
24
|
fontStyle: 'normal',
|
|
17
25
|
letterSpacing: 'LetterSpacing0'
|
|
18
26
|
}
|
|
@@ -22,7 +30,7 @@ var typography = {
|
|
|
22
30
|
fontWeight: 'FontWeight700',
|
|
23
31
|
fontSize: 'FontSize28',
|
|
24
32
|
lineHeight: 'LineHeight500',
|
|
25
|
-
fontFamily: '
|
|
33
|
+
fontFamily: 'font.family.heading',
|
|
26
34
|
fontStyle: 'normal',
|
|
27
35
|
letterSpacing: 'LetterSpacing0'
|
|
28
36
|
}
|
|
@@ -32,7 +40,7 @@ var typography = {
|
|
|
32
40
|
fontWeight: 'FontWeight700',
|
|
33
41
|
fontSize: 'FontSize24',
|
|
34
42
|
lineHeight: 'LineHeight400',
|
|
35
|
-
fontFamily: '
|
|
43
|
+
fontFamily: 'font.family.heading',
|
|
36
44
|
fontStyle: 'normal',
|
|
37
45
|
letterSpacing: 'LetterSpacing0'
|
|
38
46
|
}
|
|
@@ -42,7 +50,7 @@ var typography = {
|
|
|
42
50
|
fontWeight: 'FontWeight700',
|
|
43
51
|
fontSize: 'FontSize20',
|
|
44
52
|
lineHeight: 'LineHeight300',
|
|
45
|
-
fontFamily: '
|
|
53
|
+
fontFamily: 'font.family.heading',
|
|
46
54
|
fontStyle: 'normal',
|
|
47
55
|
letterSpacing: 'LetterSpacing0'
|
|
48
56
|
}
|
|
@@ -52,7 +60,7 @@ var typography = {
|
|
|
52
60
|
fontWeight: 'FontWeight700',
|
|
53
61
|
fontSize: 'FontSize16',
|
|
54
62
|
lineHeight: 'LineHeight200',
|
|
55
|
-
fontFamily: '
|
|
63
|
+
fontFamily: 'font.family.heading',
|
|
56
64
|
fontStyle: 'normal',
|
|
57
65
|
letterSpacing: 'LetterSpacing0'
|
|
58
66
|
}
|
|
@@ -62,7 +70,7 @@ var typography = {
|
|
|
62
70
|
fontWeight: 'FontWeight700',
|
|
63
71
|
fontSize: 'FontSize14',
|
|
64
72
|
lineHeight: 'LineHeight100',
|
|
65
|
-
fontFamily: '
|
|
73
|
+
fontFamily: 'font.family.heading',
|
|
66
74
|
fontStyle: 'normal',
|
|
67
75
|
letterSpacing: 'LetterSpacing0'
|
|
68
76
|
}
|
|
@@ -72,7 +80,7 @@ var typography = {
|
|
|
72
80
|
fontWeight: 'FontWeight700',
|
|
73
81
|
fontSize: 'FontSize12',
|
|
74
82
|
lineHeight: 'LineHeight100',
|
|
75
|
-
fontFamily: '
|
|
83
|
+
fontFamily: 'font.family.heading',
|
|
76
84
|
fontStyle: 'normal',
|
|
77
85
|
letterSpacing: 'LetterSpacing0'
|
|
78
86
|
}
|
|
@@ -84,7 +92,7 @@ var typography = {
|
|
|
84
92
|
fontWeight: 'FontWeight400',
|
|
85
93
|
fontSize: 'FontSizeCode',
|
|
86
94
|
lineHeight: 'LineHeight1',
|
|
87
|
-
fontFamily: '
|
|
95
|
+
fontFamily: 'font.family.code',
|
|
88
96
|
fontStyle: 'normal',
|
|
89
97
|
letterSpacing: 'LetterSpacing0'
|
|
90
98
|
}
|
|
@@ -96,7 +104,7 @@ var typography = {
|
|
|
96
104
|
fontWeight: 'FontWeight400',
|
|
97
105
|
fontSize: 'FontSize14',
|
|
98
106
|
lineHeight: 'LineHeight200',
|
|
99
|
-
fontFamily: '
|
|
107
|
+
fontFamily: 'font.family.body',
|
|
100
108
|
fontStyle: 'normal',
|
|
101
109
|
letterSpacing: 'LetterSpacing0'
|
|
102
110
|
}
|
|
@@ -106,7 +114,7 @@ var typography = {
|
|
|
106
114
|
fontWeight: 'FontWeight400',
|
|
107
115
|
fontSize: 'FontSize16',
|
|
108
116
|
lineHeight: 'LineHeight300',
|
|
109
|
-
fontFamily: '
|
|
117
|
+
fontFamily: 'font.family.body',
|
|
110
118
|
fontStyle: 'normal',
|
|
111
119
|
letterSpacing: 'LetterSpacing0'
|
|
112
120
|
}
|
|
@@ -116,7 +124,7 @@ var typography = {
|
|
|
116
124
|
fontWeight: 'FontWeight400',
|
|
117
125
|
fontSize: 'FontSize12',
|
|
118
126
|
lineHeight: 'LineHeight200',
|
|
119
|
-
fontFamily: '
|
|
127
|
+
fontFamily: 'font.family.body',
|
|
120
128
|
fontStyle: 'normal',
|
|
121
129
|
letterSpacing: 'LetterSpacing0'
|
|
122
130
|
}
|
|
@@ -128,7 +136,7 @@ var typography = {
|
|
|
128
136
|
fontWeight: 'FontWeight400',
|
|
129
137
|
fontSize: 'FontSize14',
|
|
130
138
|
lineHeight: 'LineHeight1',
|
|
131
|
-
fontFamily: '
|
|
139
|
+
fontFamily: 'font.family.body',
|
|
132
140
|
fontStyle: 'normal',
|
|
133
141
|
letterSpacing: 'LetterSpacing0'
|
|
134
142
|
}
|
|
@@ -138,7 +146,7 @@ var typography = {
|
|
|
138
146
|
fontWeight: 'FontWeight400',
|
|
139
147
|
fontSize: 'FontSize12',
|
|
140
148
|
lineHeight: 'LineHeight1',
|
|
141
|
-
fontFamily: '
|
|
149
|
+
fontFamily: 'font.family.body',
|
|
142
150
|
fontStyle: 'normal',
|
|
143
151
|
letterSpacing: 'LetterSpacing0'
|
|
144
152
|
}
|
|
@@ -146,5 +154,8 @@ var typography = {
|
|
|
146
154
|
}
|
|
147
155
|
}
|
|
148
156
|
};
|
|
149
|
-
var _default =
|
|
157
|
+
var _default = {
|
|
158
|
+
font: typography.font,
|
|
159
|
+
utility: utility
|
|
160
|
+
};
|
|
150
161
|
exports.default = _default;
|
|
@@ -39,7 +39,15 @@ var font = {
|
|
|
39
39
|
description: 'Helpful guidance goes here'
|
|
40
40
|
}
|
|
41
41
|
},
|
|
42
|
-
|
|
42
|
+
heading: {
|
|
43
|
+
attributes: {
|
|
44
|
+
group: 'fontFamily',
|
|
45
|
+
state: 'experimental',
|
|
46
|
+
introduced: '1.14.0',
|
|
47
|
+
description: 'Helpful guidance goes here'
|
|
48
|
+
}
|
|
49
|
+
},
|
|
50
|
+
body: {
|
|
43
51
|
attributes: {
|
|
44
52
|
group: 'fontFamily',
|
|
45
53
|
state: 'experimental',
|
|
@@ -13,6 +13,14 @@ var utility = {
|
|
|
13
13
|
introduced: '0.1.1',
|
|
14
14
|
description: 'Transparent token used for backwards compatibility between new and old theming solutions'
|
|
15
15
|
}
|
|
16
|
+
},
|
|
17
|
+
textTransformUppercase: {
|
|
18
|
+
attributes: {
|
|
19
|
+
group: 'raw',
|
|
20
|
+
state: 'active',
|
|
21
|
+
introduced: '1.20.1',
|
|
22
|
+
description: 'Text transform uppercase token used for backwards compatibility between new and old theming solutions'
|
|
23
|
+
}
|
|
16
24
|
}
|
|
17
25
|
},
|
|
18
26
|
elevation: {
|
|
@@ -23,11 +23,6 @@ var getThemePreferences = function getThemePreferences(themeState) {
|
|
|
23
23
|
if ((0, _platformFeatureFlags.getBooleanFF)('platform.design-system-team.border-checkbox_nyoiu')) {
|
|
24
24
|
themePreferences.push("".concat(themePreferences.includes('dark') ? 'dark' : 'light', "-new-input-border"));
|
|
25
25
|
}
|
|
26
|
-
|
|
27
|
-
// Load spacing by default
|
|
28
|
-
if (!themePreferences.includes('spacing')) {
|
|
29
|
-
themePreferences.push('spacing');
|
|
30
|
-
}
|
|
31
26
|
return (0, _toConsumableArray2.default)(new Set(themePreferences));
|
|
32
27
|
};
|
|
33
28
|
exports.getThemePreferences = getThemePreferences;
|
|
@@ -1,31 +1,33 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
|
|
3
|
-
* @codegen <<SignedSource::
|
|
3
|
+
* @codegen <<SignedSource::86a1df1a5baba529610e15ed684ea4b8>>
|
|
4
4
|
* @codegenCommand yarn build tokens
|
|
5
5
|
*/
|
|
6
6
|
export default `
|
|
7
7
|
html[data-theme~="typography:typography-adg3"] {
|
|
8
|
-
--ds-
|
|
9
|
-
--ds-font-body
|
|
10
|
-
--ds-font-body-
|
|
11
|
-
--ds-font-
|
|
12
|
-
--ds-font-
|
|
13
|
-
--ds-font-heading-
|
|
14
|
-
--ds-font-heading-
|
|
15
|
-
--ds-font-heading-
|
|
16
|
-
--ds-font-heading-
|
|
17
|
-
--ds-font-heading-
|
|
18
|
-
--ds-font-heading-
|
|
8
|
+
--ds-UNSAFE-textTransformUppercase: uppercase;
|
|
9
|
+
--ds-font-body: normal 400 0.875rem/1.25rem var(--ds-font-family-body);
|
|
10
|
+
--ds-font-body-lg: normal 400 1rem/1.5rem var(--ds-font-family-body);
|
|
11
|
+
--ds-font-body-sm: normal 400 0.6875rem/1.25rem var(--ds-font-family-body);
|
|
12
|
+
--ds-font-code: normal 400 0.875em/1 var(--ds-font-family-code);
|
|
13
|
+
--ds-font-heading-lg: normal 500 1.5rem/1.75rem var(--ds-font-family-heading);
|
|
14
|
+
--ds-font-heading-md: normal 500 1.25rem/1.5rem var(--ds-font-family-heading);
|
|
15
|
+
--ds-font-heading-sm: normal 600 1rem/1.25rem var(--ds-font-family-heading);
|
|
16
|
+
--ds-font-heading-xl: normal 600 1.8125rem/2rem var(--ds-font-family-heading);
|
|
17
|
+
--ds-font-heading-xs: normal 600 0.875rem/1rem var(--ds-font-family-heading);
|
|
18
|
+
--ds-font-heading-xxl: normal 500 2.1875rem/2.5rem var(--ds-font-family-heading);
|
|
19
|
+
--ds-font-heading-xxs: normal 600 0.75rem/1rem var(--ds-font-family-heading);
|
|
19
20
|
--ds-font-letterSpacing-0: 0;
|
|
20
21
|
--ds-font-letterSpacing-100: -0.003em;
|
|
21
22
|
--ds-font-letterSpacing-200: -0.006em;
|
|
22
23
|
--ds-font-letterSpacing-300: -0.008em;
|
|
23
24
|
--ds-font-letterSpacing-400: -0.01em;
|
|
24
|
-
--ds-font-ui: normal 400 0.875rem/1 var(--ds-font-family-
|
|
25
|
-
--ds-font-ui-sm: normal 400 0.6875rem/1 var(--ds-font-family-
|
|
25
|
+
--ds-font-ui: normal 400 0.875rem/1 var(--ds-font-family-body);
|
|
26
|
+
--ds-font-ui-sm: normal 400 0.6875rem/1 var(--ds-font-family-body);
|
|
27
|
+
--ds-font-family-body: ui-sans-serif, "Segoe UI", system-ui, Ubuntu, "Helvetica Neue", sans-serif;
|
|
26
28
|
--ds-font-family-code: ui-monospace, Menlo, "Segoe UI Mono", "Ubuntu Mono", monospace;
|
|
29
|
+
--ds-font-family-heading: ui-sans-serif, "Segoe UI", system-ui, Ubuntu, "Helvetica Neue", sans-serif;
|
|
27
30
|
--ds-font-family-monospace: ui-monospace, Menlo, "Segoe UI Mono", "Ubuntu Mono", monospace;
|
|
28
|
-
--ds-font-family-product: ui-sans-serif, "Segoe UI", system-ui, Ubuntu, "Helvetica Neue", sans-serif;
|
|
29
31
|
--ds-font-family-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
|
|
30
32
|
--ds-font-family-brand: Charlie Sans;
|
|
31
33
|
--ds-font-size-050: 0.6875rem;
|
|
@@ -1,31 +1,33 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
|
|
3
|
-
* @codegen <<SignedSource::
|
|
3
|
+
* @codegen <<SignedSource::0975666a75bd15b63756e59298935cf5>>
|
|
4
4
|
* @codegenCommand yarn build tokens
|
|
5
5
|
*/
|
|
6
6
|
export default `
|
|
7
7
|
html[data-theme~="typography:typography-minor3"] {
|
|
8
|
-
--ds-
|
|
9
|
-
--ds-font-body
|
|
10
|
-
--ds-font-body-
|
|
11
|
-
--ds-font-
|
|
12
|
-
--ds-font-
|
|
13
|
-
--ds-font-heading-
|
|
14
|
-
--ds-font-heading-
|
|
15
|
-
--ds-font-heading-
|
|
16
|
-
--ds-font-heading-
|
|
17
|
-
--ds-font-heading-
|
|
18
|
-
--ds-font-heading-
|
|
8
|
+
--ds-UNSAFE-textTransformUppercase: uppercase;
|
|
9
|
+
--ds-font-body: normal 400 0.875rem/1.25rem var(--ds-font-family-body);
|
|
10
|
+
--ds-font-body-lg: normal 400 1rem/1.5rem var(--ds-font-family-body);
|
|
11
|
+
--ds-font-body-sm: normal 400 0.75rem/1.25rem var(--ds-font-family-body);
|
|
12
|
+
--ds-font-code: normal 400 0.875em/1 var(--ds-font-family-code);
|
|
13
|
+
--ds-font-heading-lg: normal 700 1.5rem/1.75rem var(--ds-font-family-heading);
|
|
14
|
+
--ds-font-heading-md: normal 700 1.25rem/1.5rem var(--ds-font-family-heading);
|
|
15
|
+
--ds-font-heading-sm: normal 700 1rem/1.25rem var(--ds-font-family-heading);
|
|
16
|
+
--ds-font-heading-xl: normal 700 1.75rem/2rem var(--ds-font-family-heading);
|
|
17
|
+
--ds-font-heading-xs: normal 700 0.875rem/1rem var(--ds-font-family-heading);
|
|
18
|
+
--ds-font-heading-xxl: normal 700 2rem/2.25rem var(--ds-font-family-heading);
|
|
19
|
+
--ds-font-heading-xxs: normal 700 0.75rem/1rem var(--ds-font-family-heading);
|
|
19
20
|
--ds-font-letterSpacing-0: 0;
|
|
20
21
|
--ds-font-letterSpacing-100: 0;
|
|
21
22
|
--ds-font-letterSpacing-200: 0;
|
|
22
23
|
--ds-font-letterSpacing-300: 0;
|
|
23
24
|
--ds-font-letterSpacing-400: 0;
|
|
24
|
-
--ds-font-ui: normal 400 0.875rem/1 var(--ds-font-family-
|
|
25
|
-
--ds-font-ui-sm: normal 400 0.75rem/1 var(--ds-font-family-
|
|
25
|
+
--ds-font-ui: normal 400 0.875rem/1 var(--ds-font-family-body);
|
|
26
|
+
--ds-font-ui-sm: normal 400 0.75rem/1 var(--ds-font-family-body);
|
|
27
|
+
--ds-font-family-body: ui-sans-serif, "Segoe UI", system-ui, Ubuntu, "Helvetica Neue", sans-serif;
|
|
26
28
|
--ds-font-family-code: ui-monospace, Menlo, "Segoe UI Mono", "Ubuntu Mono", monospace;
|
|
29
|
+
--ds-font-family-heading: ui-sans-serif, "Segoe UI", system-ui, Ubuntu, "Helvetica Neue", sans-serif;
|
|
27
30
|
--ds-font-family-monospace: ui-monospace, Menlo, "Segoe UI Mono", "Ubuntu Mono", monospace;
|
|
28
|
-
--ds-font-family-product: ui-sans-serif, "Segoe UI", system-ui, Ubuntu, "Helvetica Neue", sans-serif;
|
|
29
31
|
--ds-font-family-sans: ui-sans-serif, "Segoe UI", system-ui, Ubuntu, "Helvetica Neue", sans-serif;
|
|
30
32
|
--ds-font-family-brand: Charlie Sans;
|
|
31
33
|
}
|
|
@@ -1,31 +1,32 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
|
|
3
|
-
* @codegen <<SignedSource::
|
|
3
|
+
* @codegen <<SignedSource::349dc9dd4c283b60434a93a228019eb8>>
|
|
4
4
|
* @codegenCommand yarn build tokens
|
|
5
5
|
*/
|
|
6
6
|
export default `
|
|
7
7
|
html[data-theme~="typography:typography"] {
|
|
8
|
-
--ds-font-body: normal 400 0.875rem/1.25rem var(--ds-font-family-
|
|
9
|
-
--ds-font-body-lg: normal 400 1rem/1.5rem var(--ds-font-family-
|
|
10
|
-
--ds-font-body-sm: normal 400 0.75rem/1.25rem var(--ds-font-family-
|
|
11
|
-
--ds-font-code: normal 400 0.875em/1 var(--ds-font-family-
|
|
12
|
-
--ds-font-heading-lg: normal 700 1.5rem/1.75rem var(--ds-font-family-
|
|
13
|
-
--ds-font-heading-md: normal 700 1.25rem/1.5rem var(--ds-font-family-
|
|
14
|
-
--ds-font-heading-sm: normal 700 1rem/1.25rem var(--ds-font-family-
|
|
15
|
-
--ds-font-heading-xl: normal 700 1.75rem/2rem var(--ds-font-family-
|
|
16
|
-
--ds-font-heading-xs: normal 700 0.875rem/1rem var(--ds-font-family-
|
|
17
|
-
--ds-font-heading-xxl: normal 700 2.25rem/2.5rem var(--ds-font-family-
|
|
18
|
-
--ds-font-heading-xxs: normal 700 0.75rem/1rem var(--ds-font-family-
|
|
8
|
+
--ds-font-body: normal 400 0.875rem/1.25rem var(--ds-font-family-body);
|
|
9
|
+
--ds-font-body-lg: normal 400 1rem/1.5rem var(--ds-font-family-body);
|
|
10
|
+
--ds-font-body-sm: normal 400 0.75rem/1.25rem var(--ds-font-family-body);
|
|
11
|
+
--ds-font-code: normal 400 0.875em/1 var(--ds-font-family-code);
|
|
12
|
+
--ds-font-heading-lg: normal 700 1.5rem/1.75rem var(--ds-font-family-heading);
|
|
13
|
+
--ds-font-heading-md: normal 700 1.25rem/1.5rem var(--ds-font-family-heading);
|
|
14
|
+
--ds-font-heading-sm: normal 700 1rem/1.25rem var(--ds-font-family-heading);
|
|
15
|
+
--ds-font-heading-xl: normal 700 1.75rem/2rem var(--ds-font-family-heading);
|
|
16
|
+
--ds-font-heading-xs: normal 700 0.875rem/1rem var(--ds-font-family-heading);
|
|
17
|
+
--ds-font-heading-xxl: normal 700 2.25rem/2.5rem var(--ds-font-family-heading);
|
|
18
|
+
--ds-font-heading-xxs: normal 700 0.75rem/1rem var(--ds-font-family-heading);
|
|
19
19
|
--ds-font-letterSpacing-0: 0;
|
|
20
20
|
--ds-font-letterSpacing-100: 0;
|
|
21
21
|
--ds-font-letterSpacing-200: 0;
|
|
22
22
|
--ds-font-letterSpacing-300: 0;
|
|
23
23
|
--ds-font-letterSpacing-400: 0;
|
|
24
|
-
--ds-font-ui: normal 400 0.875rem/1 var(--ds-font-family-
|
|
25
|
-
--ds-font-ui-sm: normal 400 0.75rem/1 var(--ds-font-family-
|
|
24
|
+
--ds-font-ui: normal 400 0.875rem/1 var(--ds-font-family-body);
|
|
25
|
+
--ds-font-ui-sm: normal 400 0.75rem/1 var(--ds-font-family-body);
|
|
26
|
+
--ds-font-family-body: ui-sans-serif, "Segoe UI", system-ui, Ubuntu, "Helvetica Neue", sans-serif;
|
|
26
27
|
--ds-font-family-code: ui-monospace, Menlo, "Segoe UI Mono", "Ubuntu Mono", monospace;
|
|
28
|
+
--ds-font-family-heading: ui-sans-serif, "Segoe UI", system-ui, Ubuntu, "Helvetica Neue", sans-serif;
|
|
27
29
|
--ds-font-family-monospace: ui-monospace, Menlo, "Segoe UI Mono", "Ubuntu Mono", monospace;
|
|
28
|
-
--ds-font-family-product: ui-sans-serif, "Segoe UI", system-ui, Ubuntu, "Helvetica Neue", sans-serif;
|
|
29
30
|
--ds-font-family-sans: ui-sans-serif, "Segoe UI", system-ui, Ubuntu, "Helvetica Neue", sans-serif;
|
|
30
31
|
--ds-font-family-brand: Charlie Sans;
|
|
31
32
|
}
|
|
@@ -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::2ed9c3b5219514c1dd5c348fb4647ed3>>
|
|
11
11
|
* @codegenCommand yarn build tokens
|
|
12
12
|
*/
|
|
13
13
|
const defaultTokenValues = {
|
|
@@ -396,6 +396,7 @@ const defaultTokenValues = {
|
|
|
396
396
|
'elevation.shadow.raised': '0px 1px 1px #091E4240, 0px 0px 1px #091E424F',
|
|
397
397
|
'opacity.disabled': '0.4',
|
|
398
398
|
'opacity.loading': '0.2',
|
|
399
|
+
'utility.UNSAFE.textTransformUppercase': 'uppercase',
|
|
399
400
|
'utility.UNSAFE.transparent': 'transparent',
|
|
400
401
|
'utility.elevation.surface.current': '#FFFFFF',
|
|
401
402
|
'border.radius.050': '0.125rem',
|
|
@@ -432,27 +433,28 @@ const defaultTokenValues = {
|
|
|
432
433
|
'space.negative.250': '-1.25rem',
|
|
433
434
|
'space.negative.300': '-1.5rem',
|
|
434
435
|
'space.negative.400': '-2rem',
|
|
435
|
-
'font.body': 'normal 400 0.875rem/1.25rem
|
|
436
|
-
'font.body.lg': 'normal 400 1rem/1.5rem
|
|
437
|
-
'font.body.sm': 'normal 400 0.6875rem/1.25rem
|
|
438
|
-
'font.code': 'normal 400 0.875em/1
|
|
439
|
-
'font.heading.lg': 'normal 500 1.5rem/1.75rem
|
|
440
|
-
'font.heading.md': 'normal 500 1.25rem/1.5rem
|
|
441
|
-
'font.heading.sm': 'normal 600 1rem/1.25rem
|
|
442
|
-
'font.heading.xl': 'normal 600 1.8125rem/2rem
|
|
443
|
-
'font.heading.xs': 'normal 600 0.875rem/1rem
|
|
444
|
-
'font.heading.xxl': 'normal 500 2.1875rem/2.5rem
|
|
445
|
-
'font.heading.xxs': 'normal 600 0.75rem/1rem
|
|
436
|
+
'font.body': 'normal 400 0.875rem/1.25rem var(--ds-font-family-body)',
|
|
437
|
+
'font.body.lg': 'normal 400 1rem/1.5rem var(--ds-font-family-body)',
|
|
438
|
+
'font.body.sm': 'normal 400 0.6875rem/1.25rem var(--ds-font-family-body)',
|
|
439
|
+
'font.code': 'normal 400 0.875em/1 var(--ds-font-family-code)',
|
|
440
|
+
'font.heading.lg': 'normal 500 1.5rem/1.75rem var(--ds-font-family-heading)',
|
|
441
|
+
'font.heading.md': 'normal 500 1.25rem/1.5rem var(--ds-font-family-heading)',
|
|
442
|
+
'font.heading.sm': 'normal 600 1rem/1.25rem var(--ds-font-family-heading)',
|
|
443
|
+
'font.heading.xl': 'normal 600 1.8125rem/2rem var(--ds-font-family-heading)',
|
|
444
|
+
'font.heading.xs': 'normal 600 0.875rem/1rem var(--ds-font-family-heading)',
|
|
445
|
+
'font.heading.xxl': 'normal 500 2.1875rem/2.5rem var(--ds-font-family-heading)',
|
|
446
|
+
'font.heading.xxs': 'normal 600 0.75rem/1rem var(--ds-font-family-heading)',
|
|
446
447
|
'font.letterSpacing.0': '0',
|
|
447
448
|
'font.letterSpacing.100': '-0.003em',
|
|
448
449
|
'font.letterSpacing.200': '-0.006em',
|
|
449
450
|
'font.letterSpacing.300': '-0.008em',
|
|
450
451
|
'font.letterSpacing.400': '-0.01em',
|
|
451
|
-
'font.ui': 'normal 400 0.875rem/1
|
|
452
|
-
'font.ui.sm': 'normal 400 0.6875rem/1
|
|
452
|
+
'font.ui': 'normal 400 0.875rem/1 var(--ds-font-family-body)',
|
|
453
|
+
'font.ui.sm': 'normal 400 0.6875rem/1 var(--ds-font-family-body)',
|
|
454
|
+
'font.family.body': 'ui-sans-serif, "Segoe UI", system-ui, Ubuntu, "Helvetica Neue", sans-serif',
|
|
453
455
|
'font.family.code': 'ui-monospace, Menlo, "Segoe UI Mono", "Ubuntu Mono", monospace',
|
|
456
|
+
'font.family.heading': 'ui-sans-serif, "Segoe UI", system-ui, Ubuntu, "Helvetica Neue", sans-serif',
|
|
454
457
|
'font.family.monospace': 'ui-monospace, Menlo, "Segoe UI Mono", "Ubuntu Mono", monospace',
|
|
455
|
-
'font.family.product': 'ui-sans-serif, "Segoe UI", system-ui, Ubuntu, "Helvetica Neue", sans-serif',
|
|
456
458
|
'font.family.sans': '-apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif',
|
|
457
459
|
'font.family.brand': 'Charlie Sans',
|
|
458
460
|
'font.size.050': '0.6875rem',
|
|
@@ -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::9b8fdc7df9d7269fb27f22c5e06d7743>>
|
|
4
4
|
* @codegenCommand yarn build tokens
|
|
5
5
|
*/
|
|
6
6
|
const tokens = {
|
|
@@ -389,6 +389,7 @@ const tokens = {
|
|
|
389
389
|
'elevation.shadow.raised': '--ds-shadow-raised',
|
|
390
390
|
'opacity.disabled': '--ds-opacity-disabled',
|
|
391
391
|
'opacity.loading': '--ds-opacity-loading',
|
|
392
|
+
'utility.UNSAFE.textTransformUppercase': '--ds-UNSAFE-textTransformUppercase',
|
|
392
393
|
'utility.UNSAFE.transparent': '--ds-UNSAFE-transparent',
|
|
393
394
|
'utility.elevation.surface.current': '--ds-elevation-surface-current',
|
|
394
395
|
'border.radius.050': '--ds-border-radius-050',
|
|
@@ -443,9 +444,10 @@ const tokens = {
|
|
|
443
444
|
'font.letterSpacing.400': '--ds-font-letterSpacing-400',
|
|
444
445
|
'font.ui': '--ds-font-ui',
|
|
445
446
|
'font.ui.sm': '--ds-font-ui-sm',
|
|
447
|
+
'font.family.body': '--ds-font-family-body',
|
|
446
448
|
'font.family.code': '--ds-font-family-code',
|
|
449
|
+
'font.family.heading': '--ds-font-family-heading',
|
|
447
450
|
'font.family.monospace': '--ds-font-family-monospace',
|
|
448
|
-
'font.family.product': '--ds-font-family-product',
|
|
449
451
|
'font.family.sans': '--ds-font-family-sans',
|
|
450
452
|
'font.family.brand': '--ds-font-family-brand',
|
|
451
453
|
'font.size.050': '--ds-font-size-050',
|