@atlaskit/tokens 9.1.2 → 10.0.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 +9 -0
- package/dist/cjs/artifacts/theme-import-map.js +1 -19
- package/dist/cjs/artifacts/token-default-values.js +20 -21
- package/dist/cjs/artifacts/token-names.js +1 -2
- package/dist/cjs/babel-plugin/plugin.js +2 -2
- package/dist/cjs/entry-points/token-metadata.codegen.js +20 -25
- package/dist/cjs/entry-points/tokens-raw.js +0 -21
- package/dist/cjs/theme-config.js +1 -25
- package/dist/es2019/artifacts/theme-import-map.js +2 -8
- package/dist/es2019/artifacts/token-default-values.js +20 -21
- package/dist/es2019/artifacts/token-names.js +1 -2
- package/dist/es2019/babel-plugin/plugin.js +1 -1
- package/dist/es2019/entry-points/token-metadata.codegen.js +20 -25
- package/dist/es2019/entry-points/tokens-raw.js +0 -3
- package/dist/es2019/theme-config.js +1 -25
- package/dist/esm/artifacts/theme-import-map.js +1 -13
- package/dist/esm/artifacts/token-default-values.js +20 -21
- package/dist/esm/artifacts/token-names.js +1 -2
- package/dist/esm/babel-plugin/plugin.js +1 -1
- package/dist/esm/entry-points/token-metadata.codegen.js +20 -25
- package/dist/esm/entry-points/tokens-raw.js +0 -3
- package/dist/esm/theme-config.js +1 -25
- package/dist/types/artifacts/theme-import-map.d.ts +1 -1
- package/dist/types/artifacts/token-default-values.d.ts +20 -21
- package/dist/types/artifacts/token-names.d.ts +1 -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/token-metadata.codegen.d.ts +1 -1
- package/dist/types/entry-points/tokens-raw.d.ts +0 -3
- package/dist/types/theme-config.d.ts +4 -9
- package/dist/types-ts4.5/artifacts/theme-import-map.d.ts +1 -1
- package/dist/types-ts4.5/artifacts/token-default-values.d.ts +20 -21
- package/dist/types-ts4.5/artifacts/token-names.d.ts +1 -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/token-metadata.codegen.d.ts +1 -1
- package/dist/types-ts4.5/entry-points/tokens-raw.d.ts +0 -3
- package/dist/types-ts4.5/theme-config.d.ts +4 -15
- package/package.json +4 -4
- package/dist/cjs/artifacts/themes/atlassian-typography-adg3.js +0 -12
- package/dist/cjs/artifacts/themes/atlassian-typography-modernized.js +0 -12
- package/dist/cjs/artifacts/themes/atlassian-typography-refreshed.js +0 -12
- package/dist/cjs/artifacts/tokens-raw/atlassian-typography-adg3.js +0 -669
- package/dist/cjs/artifacts/tokens-raw/atlassian-typography-modernized.js +0 -669
- package/dist/cjs/artifacts/tokens-raw/atlassian-typography-refreshed.js +0 -669
- package/dist/es2019/artifacts/themes/atlassian-typography-adg3.js +0 -34
- package/dist/es2019/artifacts/themes/atlassian-typography-modernized.js +0 -34
- package/dist/es2019/artifacts/themes/atlassian-typography-refreshed.js +0 -34
- package/dist/es2019/artifacts/tokens-raw/atlassian-typography-adg3.js +0 -663
- package/dist/es2019/artifacts/tokens-raw/atlassian-typography-modernized.js +0 -663
- package/dist/es2019/artifacts/tokens-raw/atlassian-typography-refreshed.js +0 -663
- package/dist/esm/artifacts/themes/atlassian-typography-adg3.js +0 -6
- package/dist/esm/artifacts/themes/atlassian-typography-modernized.js +0 -6
- package/dist/esm/artifacts/themes/atlassian-typography-refreshed.js +0 -6
- package/dist/esm/artifacts/tokens-raw/atlassian-typography-adg3.js +0 -663
- package/dist/esm/artifacts/tokens-raw/atlassian-typography-modernized.js +0 -663
- package/dist/esm/artifacts/tokens-raw/atlassian-typography-refreshed.js +0 -663
- package/dist/types/artifacts/themes/atlassian-typography-adg3.d.ts +0 -7
- package/dist/types/artifacts/themes/atlassian-typography-modernized.d.ts +0 -7
- package/dist/types/artifacts/themes/atlassian-typography-refreshed.d.ts +0 -7
- package/dist/types/artifacts/tokens-raw/atlassian-typography-adg3.d.ts +0 -37
- package/dist/types/artifacts/tokens-raw/atlassian-typography-modernized.d.ts +0 -37
- package/dist/types/artifacts/tokens-raw/atlassian-typography-refreshed.d.ts +0 -37
- package/dist/types-ts4.5/artifacts/themes/atlassian-typography-adg3.d.ts +0 -7
- package/dist/types-ts4.5/artifacts/themes/atlassian-typography-modernized.d.ts +0 -7
- package/dist/types-ts4.5/artifacts/themes/atlassian-typography-refreshed.d.ts +0 -7
- package/dist/types-ts4.5/artifacts/tokens-raw/atlassian-typography-adg3.d.ts +0 -37
- package/dist/types-ts4.5/artifacts/tokens-raw/atlassian-typography-modernized.d.ts +0 -37
- package/dist/types-ts4.5/artifacts/tokens-raw/atlassian-typography-refreshed.d.ts +0 -37
- package/figma/atlassian-typography-modernized.json +0 -87
- package/figma/atlassian-typography-refreshed.json +0 -87
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
*
|
|
4
4
|
* Metadata for generation of of `@atlaskit/ads-mcp` and https://atlassian.design/llms-tokens.txt.
|
|
5
5
|
*
|
|
6
|
-
* @codegen <<SignedSource::
|
|
6
|
+
* @codegen <<SignedSource::6c61f13b08f7f4a5c5fb8d55f8ef5c14>>
|
|
7
7
|
* @codegenCommand yarn build tokens
|
|
8
8
|
*/
|
|
9
9
|
|
|
@@ -2047,11 +2047,6 @@ export const tokens = [{
|
|
|
2047
2047
|
path: ['opacity', 'loading'],
|
|
2048
2048
|
description: 'Apply to content that sits under a loading spinner.',
|
|
2049
2049
|
exampleValue: 0.2
|
|
2050
|
-
}, {
|
|
2051
|
-
name: 'utility.UNSAFE.textTransformUppercase',
|
|
2052
|
-
path: ['utility', 'UNSAFE', 'textTransformUppercase'],
|
|
2053
|
-
description: 'Text transform uppercase token used for backwards compatibility between new and old theming solutions',
|
|
2054
|
-
exampleValue: 'uppercase'
|
|
2055
2050
|
}, {
|
|
2056
2051
|
name: 'utility.UNSAFE.transparent',
|
|
2057
2052
|
path: ['utility', 'UNSAFE', 'transparent'],
|
|
@@ -2181,77 +2176,77 @@ export const tokens = [{
|
|
|
2181
2176
|
name: 'font.heading.xxlarge',
|
|
2182
2177
|
path: ['font', 'heading', 'xxlarge'],
|
|
2183
2178
|
description: 'For overlapping brand with app promotions, such as marketplace content. Migrate instances of H900 to Heading XXL.',
|
|
2184
|
-
exampleValue: 'normal
|
|
2179
|
+
exampleValue: 'normal 653 2rem/2.25rem "Atlassian Sans", ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, "Helvetica Neue", sans-serif'
|
|
2185
2180
|
}, {
|
|
2186
2181
|
name: 'font.heading.xlarge',
|
|
2187
2182
|
path: ['font', 'heading', 'xlarge'],
|
|
2188
2183
|
description: 'For overlapping brand with app promotions, such as marketplace content. Migrate instances of H800 to Heading XL.',
|
|
2189
|
-
exampleValue: 'normal
|
|
2184
|
+
exampleValue: 'normal 653 1.75rem/2rem "Atlassian Sans", ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, "Helvetica Neue", sans-serif'
|
|
2190
2185
|
}, {
|
|
2191
2186
|
name: 'font.heading.large',
|
|
2192
2187
|
path: ['font', 'heading', 'large'],
|
|
2193
2188
|
description: 'App page titles, such as forms. Migrate instances of H700 to Heading L.',
|
|
2194
|
-
exampleValue: 'normal
|
|
2189
|
+
exampleValue: 'normal 653 1.5rem/1.75rem "Atlassian Sans", ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, "Helvetica Neue", sans-serif'
|
|
2195
2190
|
}, {
|
|
2196
2191
|
name: 'font.heading.medium',
|
|
2197
2192
|
path: ['font', 'heading', 'medium'],
|
|
2198
2193
|
description: 'Headers in large components, such as modal dialogs. Migrate instances of H600 to Heading M.',
|
|
2199
|
-
exampleValue: 'normal
|
|
2194
|
+
exampleValue: 'normal 653 1.25rem/1.5rem "Atlassian Sans", ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, "Helvetica Neue", sans-serif'
|
|
2200
2195
|
}, {
|
|
2201
2196
|
name: 'font.heading.small',
|
|
2202
2197
|
path: ['font', 'heading', 'small'],
|
|
2203
2198
|
description: 'For headers in small components where space is limited. Migrate instances of H500 to Heading S.',
|
|
2204
|
-
exampleValue: 'normal
|
|
2199
|
+
exampleValue: 'normal 653 1rem/1.25rem "Atlassian Sans", ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, "Helvetica Neue", sans-serif'
|
|
2205
2200
|
}, {
|
|
2206
2201
|
name: 'font.heading.xsmall',
|
|
2207
2202
|
path: ['font', 'heading', 'xsmall'],
|
|
2208
2203
|
description: 'For headers in small components where space is limited. Migrate instances of H400 to Heading XS.',
|
|
2209
|
-
exampleValue: 'normal
|
|
2204
|
+
exampleValue: 'normal 653 0.875rem/1.25rem "Atlassian Sans", ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, "Helvetica Neue", sans-serif'
|
|
2210
2205
|
}, {
|
|
2211
2206
|
name: 'font.heading.xxsmall',
|
|
2212
2207
|
path: ['font', 'heading', 'xxsmall'],
|
|
2213
2208
|
description: 'For headers in fine print or tight spaces. Use sparingly. Migrate instances of H100, H200 and H300 to Heading XXS.',
|
|
2214
|
-
exampleValue: 'normal
|
|
2209
|
+
exampleValue: 'normal 653 0.75rem/1rem "Atlassian Sans", ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, "Helvetica Neue", sans-serif'
|
|
2215
2210
|
}, {
|
|
2216
2211
|
name: 'font.body.large',
|
|
2217
2212
|
path: ['font', 'body', 'large'],
|
|
2218
2213
|
description: 'For long-form text, such as in blogs.',
|
|
2219
|
-
exampleValue: 'normal 400 1rem/1.5rem ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, "Helvetica Neue", sans-serif'
|
|
2214
|
+
exampleValue: 'normal 400 1rem/1.5rem "Atlassian Sans", ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, "Helvetica Neue", sans-serif'
|
|
2220
2215
|
}, {
|
|
2221
2216
|
name: 'font.body',
|
|
2222
2217
|
path: ['font', 'body', '[default]'],
|
|
2223
2218
|
description: 'Use in short descriptions or labels. The default size for text in components. Migrate instances of Paragraph Default and UI Text to Body M.',
|
|
2224
|
-
exampleValue: 'normal 400 0.875rem/1.25rem ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, "Helvetica Neue", sans-serif'
|
|
2219
|
+
exampleValue: 'normal 400 0.875rem/1.25rem "Atlassian Sans", ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, "Helvetica Neue", sans-serif'
|
|
2225
2220
|
}, {
|
|
2226
2221
|
name: 'font.body.small',
|
|
2227
2222
|
path: ['font', 'body', 'small'],
|
|
2228
2223
|
description: 'Use in secondary level content such as fine print or semantic messaging. Use sparingly. Migrate instances of Small text to Body S.',
|
|
2229
|
-
exampleValue: 'normal 400 0.
|
|
2224
|
+
exampleValue: 'normal 400 0.75rem/1rem "Atlassian Sans", ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, "Helvetica Neue", sans-serif'
|
|
2230
2225
|
}, {
|
|
2231
2226
|
name: 'font.body.UNSAFE_small',
|
|
2232
2227
|
path: ['font', 'body', 'UNSAFE_small'],
|
|
2233
2228
|
description: 'UNSAFE - Do not use. Temporary 12px fontsize token. Will be deprecated and replaced with stable small token',
|
|
2234
|
-
exampleValue: 'normal 400 0.75rem/1rem ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, "Helvetica Neue", sans-serif'
|
|
2229
|
+
exampleValue: 'normal 400 0.75rem/1rem "Atlassian Sans", ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, "Helvetica Neue", sans-serif'
|
|
2235
2230
|
}, {
|
|
2236
2231
|
name: 'font.metric.large',
|
|
2237
2232
|
path: ['font', 'metric', 'large'],
|
|
2238
2233
|
description: 'Use to emphasize a number within a large donut.',
|
|
2239
|
-
exampleValue: 'normal 653 1.75rem/2rem ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, "Helvetica Neue", sans-serif'
|
|
2234
|
+
exampleValue: 'normal 653 1.75rem/2rem "Atlassian Sans", ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, "Helvetica Neue", sans-serif'
|
|
2240
2235
|
}, {
|
|
2241
2236
|
name: 'font.metric.medium',
|
|
2242
2237
|
path: ['font', 'metric', 'medium'],
|
|
2243
2238
|
description: 'Use to emphasize a number within a medium donut.',
|
|
2244
|
-
exampleValue: 'normal 653 1.5rem/1.75rem ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, "Helvetica Neue", sans-serif'
|
|
2239
|
+
exampleValue: 'normal 653 1.5rem/1.75rem "Atlassian Sans", ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, "Helvetica Neue", sans-serif'
|
|
2245
2240
|
}, {
|
|
2246
2241
|
name: 'font.metric.small',
|
|
2247
2242
|
path: ['font', 'metric', 'small'],
|
|
2248
2243
|
description: 'Use to emphasize a number and words in single-value tiles, or small donuts.',
|
|
2249
|
-
exampleValue: 'normal 653 1rem/1.25rem ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, "Helvetica Neue", sans-serif'
|
|
2244
|
+
exampleValue: 'normal 653 1rem/1.25rem "Atlassian Sans", ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, "Helvetica Neue", sans-serif'
|
|
2250
2245
|
}, {
|
|
2251
2246
|
name: 'font.code',
|
|
2252
2247
|
path: ['font', 'code', '[default]'],
|
|
2253
2248
|
description: 'For representing code only, either inline or in code blocks.',
|
|
2254
|
-
exampleValue: 'normal 400 0.875em/1 ui-monospace, Menlo, "Segoe UI Mono", "Ubuntu Mono", monospace'
|
|
2249
|
+
exampleValue: 'normal 400 0.875em/1 "Atlassian Mono", ui-monospace, Menlo, "Segoe UI Mono", "Ubuntu Mono", monospace'
|
|
2255
2250
|
}, {
|
|
2256
2251
|
name: 'font.weight.regular',
|
|
2257
2252
|
path: ['font', 'weight', 'regular'],
|
|
@@ -2271,22 +2266,22 @@ export const tokens = [{
|
|
|
2271
2266
|
name: 'font.weight.bold',
|
|
2272
2267
|
path: ['font', 'weight', 'bold'],
|
|
2273
2268
|
description: 'Use sparingly for emphasising text, such as in a lozenge.',
|
|
2274
|
-
exampleValue: '
|
|
2269
|
+
exampleValue: '653'
|
|
2275
2270
|
}, {
|
|
2276
2271
|
name: 'font.family.heading',
|
|
2277
2272
|
path: ['font', 'family', 'heading'],
|
|
2278
2273
|
description: 'For our default UI heading text.',
|
|
2279
|
-
exampleValue: 'ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, "Helvetica Neue", sans-serif'
|
|
2274
|
+
exampleValue: '"Atlassian Sans", ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, "Helvetica Neue", sans-serif'
|
|
2280
2275
|
}, {
|
|
2281
2276
|
name: 'font.family.body',
|
|
2282
2277
|
path: ['font', 'family', 'body'],
|
|
2283
2278
|
description: 'For our default UI body text.',
|
|
2284
|
-
exampleValue: 'ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, "Helvetica Neue", sans-serif'
|
|
2279
|
+
exampleValue: '"Atlassian Sans", ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, "Helvetica Neue", sans-serif'
|
|
2285
2280
|
}, {
|
|
2286
2281
|
name: 'font.family.code',
|
|
2287
2282
|
path: ['font', 'family', 'code'],
|
|
2288
2283
|
description: 'For representing code only.',
|
|
2289
|
-
exampleValue: 'ui-monospace, Menlo, "Segoe UI Mono", "Ubuntu Mono", monospace'
|
|
2284
|
+
exampleValue: '"Atlassian Mono", ui-monospace, Menlo, "Segoe UI Mono", "Ubuntu Mono", monospace'
|
|
2290
2285
|
}, {
|
|
2291
2286
|
name: 'font.family.brand.heading',
|
|
2292
2287
|
path: ['font', 'family', 'brand', 'heading'],
|
|
@@ -3,7 +3,4 @@ export { default as legacyLightTokens } from '../artifacts/tokens-raw/atlassian-
|
|
|
3
3
|
export { default as dark } from '../artifacts/tokens-raw/atlassian-dark';
|
|
4
4
|
export { default as spacing } from '../artifacts/tokens-raw/atlassian-spacing';
|
|
5
5
|
export { default as typography } from '../artifacts/tokens-raw/atlassian-typography';
|
|
6
|
-
export { default as typographyAdg3 } from '../artifacts/tokens-raw/atlassian-typography-adg3';
|
|
7
|
-
export { default as typographyModernized } from '../artifacts/tokens-raw/atlassian-typography-modernized';
|
|
8
|
-
export { default as typographyRefreshed } from '../artifacts/tokens-raw/atlassian-typography-refreshed';
|
|
9
6
|
export { default as shape } from '../artifacts/tokens-raw/atlassian-shape';
|
|
@@ -40,7 +40,7 @@ const themeContrastModes = ['more', 'no-preference', 'auto'];
|
|
|
40
40
|
*
|
|
41
41
|
* These ids must be kebab case
|
|
42
42
|
*/
|
|
43
|
-
export const themeIds = ['light-increased-contrast', 'light', 'light-future', 'dark', 'dark-future', 'dark-increased-contrast', 'legacy-light', 'legacy-dark', 'spacing', 'shape', 'typography'
|
|
43
|
+
export const themeIds = ['light-increased-contrast', 'light', 'light-future', 'dark', 'dark-future', 'dark-increased-contrast', 'legacy-light', 'legacy-dark', 'spacing', 'shape', 'typography'];
|
|
44
44
|
/**
|
|
45
45
|
* Theme override ids: the equivalent of themeIds for theme overrides.
|
|
46
46
|
* Theme overrides are temporary and there may not be any defined at times.
|
|
@@ -160,14 +160,6 @@ const themeConfig = {
|
|
|
160
160
|
type: 'typography'
|
|
161
161
|
}
|
|
162
162
|
},
|
|
163
|
-
'atlassian-typography-adg3': {
|
|
164
|
-
id: 'typography-adg3',
|
|
165
|
-
displayName: 'ADG3 Typography',
|
|
166
|
-
palette: 'typographyPalette',
|
|
167
|
-
attributes: {
|
|
168
|
-
type: 'typography'
|
|
169
|
-
}
|
|
170
|
-
},
|
|
171
163
|
'atlassian-shape': {
|
|
172
164
|
id: 'shape',
|
|
173
165
|
displayName: 'Shape',
|
|
@@ -175,22 +167,6 @@ const themeConfig = {
|
|
|
175
167
|
attributes: {
|
|
176
168
|
type: 'shape'
|
|
177
169
|
}
|
|
178
|
-
},
|
|
179
|
-
'atlassian-typography-modernized': {
|
|
180
|
-
id: 'typography-modernized',
|
|
181
|
-
displayName: 'Atlassian Typography (Modernized)',
|
|
182
|
-
palette: 'typographyPalette',
|
|
183
|
-
attributes: {
|
|
184
|
-
type: 'typography'
|
|
185
|
-
}
|
|
186
|
-
},
|
|
187
|
-
'atlassian-typography-refreshed': {
|
|
188
|
-
id: 'typography-refreshed',
|
|
189
|
-
displayName: 'Atlassian Typography (Refreshed)',
|
|
190
|
-
palette: 'typographyPalette',
|
|
191
|
-
attributes: {
|
|
192
|
-
type: 'typography'
|
|
193
|
-
}
|
|
194
170
|
}
|
|
195
171
|
};
|
|
196
172
|
|
|
@@ -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::926662cc712c2c412c8b6b4cdcd8d64f>>
|
|
10
10
|
* @codegenCommand yarn build tokens
|
|
11
11
|
*/
|
|
12
12
|
|
|
@@ -51,21 +51,9 @@ var themeImportsMap = {
|
|
|
51
51
|
return import( /* webpackChunkName: "@atlaskit-internal_atlassian-typography" */
|
|
52
52
|
'./themes/atlassian-typography');
|
|
53
53
|
},
|
|
54
|
-
'typography-adg3': function typographyAdg3() {
|
|
55
|
-
return import( /* webpackChunkName: "@atlaskit-internal_atlassian-typography-adg3" */
|
|
56
|
-
'./themes/atlassian-typography-adg3');
|
|
57
|
-
},
|
|
58
54
|
'shape': function shape() {
|
|
59
55
|
return import( /* webpackChunkName: "@atlaskit-internal_atlassian-shape" */
|
|
60
56
|
'./themes/atlassian-shape');
|
|
61
|
-
},
|
|
62
|
-
'typography-modernized': function typographyModernized() {
|
|
63
|
-
return import( /* webpackChunkName: "@atlaskit-internal_atlassian-typography-modernized" */
|
|
64
|
-
'./themes/atlassian-typography-modernized');
|
|
65
|
-
},
|
|
66
|
-
'typography-refreshed': function typographyRefreshed() {
|
|
67
|
-
return import( /* webpackChunkName: "@atlaskit-internal_atlassian-typography-refreshed" */
|
|
68
|
-
'./themes/atlassian-typography-refreshed');
|
|
69
57
|
}
|
|
70
58
|
};
|
|
71
59
|
export default themeImportsMap;
|
|
@@ -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::e6225c65d5d4ce72381110479f6b4968>>
|
|
11
11
|
* @codegenCommand yarn build tokens
|
|
12
12
|
*/
|
|
13
13
|
var defaultTokenValues = {
|
|
@@ -419,7 +419,6 @@ var defaultTokenValues = {
|
|
|
419
419
|
'elevation.shadow.raised': '0px 1px 1px #1E1F2140, 0px 0px 1px #1E1F214F',
|
|
420
420
|
'opacity.disabled': '0.4',
|
|
421
421
|
'opacity.loading': '0.2',
|
|
422
|
-
'utility.UNSAFE.textTransformUppercase': 'uppercase',
|
|
423
422
|
'utility.UNSAFE.transparent': 'transparent',
|
|
424
423
|
'utility.elevation.surface.current': '#FFFFFF',
|
|
425
424
|
'space.0': '0rem',
|
|
@@ -445,28 +444,28 @@ var defaultTokenValues = {
|
|
|
445
444
|
'space.negative.250': '-1.25rem',
|
|
446
445
|
'space.negative.300': '-1.5rem',
|
|
447
446
|
'space.negative.400': '-2rem',
|
|
448
|
-
'font.heading.xxlarge': 'normal
|
|
449
|
-
'font.heading.xlarge': 'normal
|
|
450
|
-
'font.heading.large': 'normal
|
|
451
|
-
'font.heading.medium': 'normal
|
|
452
|
-
'font.heading.small': 'normal
|
|
453
|
-
'font.heading.xsmall': 'normal
|
|
454
|
-
'font.heading.xxsmall': 'normal
|
|
455
|
-
'font.body.large': 'normal 400 1rem/1.5rem ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, "Helvetica Neue", sans-serif',
|
|
456
|
-
'font.body': 'normal 400 0.875rem/1.25rem ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, "Helvetica Neue", sans-serif',
|
|
457
|
-
'font.body.small': 'normal 400 0.
|
|
458
|
-
'font.body.UNSAFE_small': 'normal 400 0.75rem/1rem ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, "Helvetica Neue", sans-serif',
|
|
459
|
-
'font.metric.large': 'normal 653 1.75rem/2rem ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, "Helvetica Neue", sans-serif',
|
|
460
|
-
'font.metric.medium': 'normal 653 1.5rem/1.75rem ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, "Helvetica Neue", sans-serif',
|
|
461
|
-
'font.metric.small': 'normal 653 1rem/1.25rem ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, "Helvetica Neue", sans-serif',
|
|
462
|
-
'font.code': 'normal 400 0.875em/1 ui-monospace, Menlo, "Segoe UI Mono", "Ubuntu Mono", monospace',
|
|
447
|
+
'font.heading.xxlarge': 'normal 653 2rem/2.25rem "Atlassian Sans", ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, "Helvetica Neue", sans-serif',
|
|
448
|
+
'font.heading.xlarge': 'normal 653 1.75rem/2rem "Atlassian Sans", ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, "Helvetica Neue", sans-serif',
|
|
449
|
+
'font.heading.large': 'normal 653 1.5rem/1.75rem "Atlassian Sans", ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, "Helvetica Neue", sans-serif',
|
|
450
|
+
'font.heading.medium': 'normal 653 1.25rem/1.5rem "Atlassian Sans", ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, "Helvetica Neue", sans-serif',
|
|
451
|
+
'font.heading.small': 'normal 653 1rem/1.25rem "Atlassian Sans", ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, "Helvetica Neue", sans-serif',
|
|
452
|
+
'font.heading.xsmall': 'normal 653 0.875rem/1.25rem "Atlassian Sans", ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, "Helvetica Neue", sans-serif',
|
|
453
|
+
'font.heading.xxsmall': 'normal 653 0.75rem/1rem "Atlassian Sans", ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, "Helvetica Neue", sans-serif',
|
|
454
|
+
'font.body.large': 'normal 400 1rem/1.5rem "Atlassian Sans", ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, "Helvetica Neue", sans-serif',
|
|
455
|
+
'font.body': 'normal 400 0.875rem/1.25rem "Atlassian Sans", ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, "Helvetica Neue", sans-serif',
|
|
456
|
+
'font.body.small': 'normal 400 0.75rem/1rem "Atlassian Sans", ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, "Helvetica Neue", sans-serif',
|
|
457
|
+
'font.body.UNSAFE_small': 'normal 400 0.75rem/1rem "Atlassian Sans", ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, "Helvetica Neue", sans-serif',
|
|
458
|
+
'font.metric.large': 'normal 653 1.75rem/2rem "Atlassian Sans", ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, "Helvetica Neue", sans-serif',
|
|
459
|
+
'font.metric.medium': 'normal 653 1.5rem/1.75rem "Atlassian Sans", ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, "Helvetica Neue", sans-serif',
|
|
460
|
+
'font.metric.small': 'normal 653 1rem/1.25rem "Atlassian Sans", ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, "Helvetica Neue", sans-serif',
|
|
461
|
+
'font.code': 'normal 400 0.875em/1 "Atlassian Mono", ui-monospace, Menlo, "Segoe UI Mono", "Ubuntu Mono", monospace',
|
|
463
462
|
'font.weight.regular': '400',
|
|
464
463
|
'font.weight.medium': '500',
|
|
465
464
|
'font.weight.semibold': '600',
|
|
466
|
-
'font.weight.bold': '
|
|
467
|
-
'font.family.heading': 'ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, "Helvetica Neue", sans-serif',
|
|
468
|
-
'font.family.body': 'ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, "Helvetica Neue", sans-serif',
|
|
469
|
-
'font.family.code': 'ui-monospace, Menlo, "Segoe UI Mono", "Ubuntu Mono", monospace',
|
|
465
|
+
'font.weight.bold': '653',
|
|
466
|
+
'font.family.heading': '"Atlassian Sans", ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, "Helvetica Neue", sans-serif',
|
|
467
|
+
'font.family.body': '"Atlassian Sans", ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, "Helvetica Neue", sans-serif',
|
|
468
|
+
'font.family.code': '"Atlassian Mono", ui-monospace, Menlo, "Segoe UI Mono", "Ubuntu Mono", monospace',
|
|
470
469
|
'font.family.brand.heading': '"Charlie Display", ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, "Helvetica Neue", sans-serif',
|
|
471
470
|
'font.family.brand.body': '"Charlie Text", ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, "Helvetica Neue", sans-serif',
|
|
472
471
|
'radius.xsmall': '0.125rem',
|
|
@@ -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::71ab6af4453c6807be4d4249ca7614bc>>
|
|
4
4
|
* @codegenCommand yarn build tokens
|
|
5
5
|
*/
|
|
6
6
|
var tokens = {
|
|
@@ -412,7 +412,6 @@ var tokens = {
|
|
|
412
412
|
'elevation.shadow.raised': '--ds-shadow-raised',
|
|
413
413
|
'opacity.disabled': '--ds-opacity-disabled',
|
|
414
414
|
'opacity.loading': '--ds-opacity-loading',
|
|
415
|
-
'utility.UNSAFE.textTransformUppercase': '--ds-UNSAFE-textTransformUppercase',
|
|
416
415
|
'utility.UNSAFE.transparent': '--ds-UNSAFE-transparent',
|
|
417
416
|
'utility.elevation.surface.current': '--ds-elevation-surface-current',
|
|
418
417
|
'space.0': '--ds-space-0',
|
|
@@ -11,7 +11,7 @@ import legacyLight from '../artifacts/tokens-raw/atlassian-legacy-light';
|
|
|
11
11
|
import light from '../artifacts/tokens-raw/atlassian-light';
|
|
12
12
|
import shape from '../artifacts/tokens-raw/atlassian-shape';
|
|
13
13
|
import spacing from '../artifacts/tokens-raw/atlassian-spacing';
|
|
14
|
-
import typography from '../artifacts/tokens-raw/atlassian-typography
|
|
14
|
+
import typography from '../artifacts/tokens-raw/atlassian-typography';
|
|
15
15
|
var isExempted = function isExempted(tokenName) {
|
|
16
16
|
var exemptions = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : [];
|
|
17
17
|
// Check if the token name starts with any of the exempted prefixes
|
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
*
|
|
4
4
|
* Metadata for generation of of `@atlaskit/ads-mcp` and https://atlassian.design/llms-tokens.txt.
|
|
5
5
|
*
|
|
6
|
-
* @codegen <<SignedSource::
|
|
6
|
+
* @codegen <<SignedSource::6c61f13b08f7f4a5c5fb8d55f8ef5c14>>
|
|
7
7
|
* @codegenCommand yarn build tokens
|
|
8
8
|
*/
|
|
9
9
|
|
|
@@ -2047,11 +2047,6 @@ export var tokens = [{
|
|
|
2047
2047
|
path: ['opacity', 'loading'],
|
|
2048
2048
|
description: 'Apply to content that sits under a loading spinner.',
|
|
2049
2049
|
exampleValue: 0.2
|
|
2050
|
-
}, {
|
|
2051
|
-
name: 'utility.UNSAFE.textTransformUppercase',
|
|
2052
|
-
path: ['utility', 'UNSAFE', 'textTransformUppercase'],
|
|
2053
|
-
description: 'Text transform uppercase token used for backwards compatibility between new and old theming solutions',
|
|
2054
|
-
exampleValue: 'uppercase'
|
|
2055
2050
|
}, {
|
|
2056
2051
|
name: 'utility.UNSAFE.transparent',
|
|
2057
2052
|
path: ['utility', 'UNSAFE', 'transparent'],
|
|
@@ -2181,77 +2176,77 @@ export var tokens = [{
|
|
|
2181
2176
|
name: 'font.heading.xxlarge',
|
|
2182
2177
|
path: ['font', 'heading', 'xxlarge'],
|
|
2183
2178
|
description: 'For overlapping brand with app promotions, such as marketplace content. Migrate instances of H900 to Heading XXL.',
|
|
2184
|
-
exampleValue: 'normal
|
|
2179
|
+
exampleValue: 'normal 653 2rem/2.25rem "Atlassian Sans", ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, "Helvetica Neue", sans-serif'
|
|
2185
2180
|
}, {
|
|
2186
2181
|
name: 'font.heading.xlarge',
|
|
2187
2182
|
path: ['font', 'heading', 'xlarge'],
|
|
2188
2183
|
description: 'For overlapping brand with app promotions, such as marketplace content. Migrate instances of H800 to Heading XL.',
|
|
2189
|
-
exampleValue: 'normal
|
|
2184
|
+
exampleValue: 'normal 653 1.75rem/2rem "Atlassian Sans", ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, "Helvetica Neue", sans-serif'
|
|
2190
2185
|
}, {
|
|
2191
2186
|
name: 'font.heading.large',
|
|
2192
2187
|
path: ['font', 'heading', 'large'],
|
|
2193
2188
|
description: 'App page titles, such as forms. Migrate instances of H700 to Heading L.',
|
|
2194
|
-
exampleValue: 'normal
|
|
2189
|
+
exampleValue: 'normal 653 1.5rem/1.75rem "Atlassian Sans", ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, "Helvetica Neue", sans-serif'
|
|
2195
2190
|
}, {
|
|
2196
2191
|
name: 'font.heading.medium',
|
|
2197
2192
|
path: ['font', 'heading', 'medium'],
|
|
2198
2193
|
description: 'Headers in large components, such as modal dialogs. Migrate instances of H600 to Heading M.',
|
|
2199
|
-
exampleValue: 'normal
|
|
2194
|
+
exampleValue: 'normal 653 1.25rem/1.5rem "Atlassian Sans", ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, "Helvetica Neue", sans-serif'
|
|
2200
2195
|
}, {
|
|
2201
2196
|
name: 'font.heading.small',
|
|
2202
2197
|
path: ['font', 'heading', 'small'],
|
|
2203
2198
|
description: 'For headers in small components where space is limited. Migrate instances of H500 to Heading S.',
|
|
2204
|
-
exampleValue: 'normal
|
|
2199
|
+
exampleValue: 'normal 653 1rem/1.25rem "Atlassian Sans", ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, "Helvetica Neue", sans-serif'
|
|
2205
2200
|
}, {
|
|
2206
2201
|
name: 'font.heading.xsmall',
|
|
2207
2202
|
path: ['font', 'heading', 'xsmall'],
|
|
2208
2203
|
description: 'For headers in small components where space is limited. Migrate instances of H400 to Heading XS.',
|
|
2209
|
-
exampleValue: 'normal
|
|
2204
|
+
exampleValue: 'normal 653 0.875rem/1.25rem "Atlassian Sans", ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, "Helvetica Neue", sans-serif'
|
|
2210
2205
|
}, {
|
|
2211
2206
|
name: 'font.heading.xxsmall',
|
|
2212
2207
|
path: ['font', 'heading', 'xxsmall'],
|
|
2213
2208
|
description: 'For headers in fine print or tight spaces. Use sparingly. Migrate instances of H100, H200 and H300 to Heading XXS.',
|
|
2214
|
-
exampleValue: 'normal
|
|
2209
|
+
exampleValue: 'normal 653 0.75rem/1rem "Atlassian Sans", ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, "Helvetica Neue", sans-serif'
|
|
2215
2210
|
}, {
|
|
2216
2211
|
name: 'font.body.large',
|
|
2217
2212
|
path: ['font', 'body', 'large'],
|
|
2218
2213
|
description: 'For long-form text, such as in blogs.',
|
|
2219
|
-
exampleValue: 'normal 400 1rem/1.5rem ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, "Helvetica Neue", sans-serif'
|
|
2214
|
+
exampleValue: 'normal 400 1rem/1.5rem "Atlassian Sans", ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, "Helvetica Neue", sans-serif'
|
|
2220
2215
|
}, {
|
|
2221
2216
|
name: 'font.body',
|
|
2222
2217
|
path: ['font', 'body', '[default]'],
|
|
2223
2218
|
description: 'Use in short descriptions or labels. The default size for text in components. Migrate instances of Paragraph Default and UI Text to Body M.',
|
|
2224
|
-
exampleValue: 'normal 400 0.875rem/1.25rem ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, "Helvetica Neue", sans-serif'
|
|
2219
|
+
exampleValue: 'normal 400 0.875rem/1.25rem "Atlassian Sans", ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, "Helvetica Neue", sans-serif'
|
|
2225
2220
|
}, {
|
|
2226
2221
|
name: 'font.body.small',
|
|
2227
2222
|
path: ['font', 'body', 'small'],
|
|
2228
2223
|
description: 'Use in secondary level content such as fine print or semantic messaging. Use sparingly. Migrate instances of Small text to Body S.',
|
|
2229
|
-
exampleValue: 'normal 400 0.
|
|
2224
|
+
exampleValue: 'normal 400 0.75rem/1rem "Atlassian Sans", ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, "Helvetica Neue", sans-serif'
|
|
2230
2225
|
}, {
|
|
2231
2226
|
name: 'font.body.UNSAFE_small',
|
|
2232
2227
|
path: ['font', 'body', 'UNSAFE_small'],
|
|
2233
2228
|
description: 'UNSAFE - Do not use. Temporary 12px fontsize token. Will be deprecated and replaced with stable small token',
|
|
2234
|
-
exampleValue: 'normal 400 0.75rem/1rem ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, "Helvetica Neue", sans-serif'
|
|
2229
|
+
exampleValue: 'normal 400 0.75rem/1rem "Atlassian Sans", ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, "Helvetica Neue", sans-serif'
|
|
2235
2230
|
}, {
|
|
2236
2231
|
name: 'font.metric.large',
|
|
2237
2232
|
path: ['font', 'metric', 'large'],
|
|
2238
2233
|
description: 'Use to emphasize a number within a large donut.',
|
|
2239
|
-
exampleValue: 'normal 653 1.75rem/2rem ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, "Helvetica Neue", sans-serif'
|
|
2234
|
+
exampleValue: 'normal 653 1.75rem/2rem "Atlassian Sans", ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, "Helvetica Neue", sans-serif'
|
|
2240
2235
|
}, {
|
|
2241
2236
|
name: 'font.metric.medium',
|
|
2242
2237
|
path: ['font', 'metric', 'medium'],
|
|
2243
2238
|
description: 'Use to emphasize a number within a medium donut.',
|
|
2244
|
-
exampleValue: 'normal 653 1.5rem/1.75rem ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, "Helvetica Neue", sans-serif'
|
|
2239
|
+
exampleValue: 'normal 653 1.5rem/1.75rem "Atlassian Sans", ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, "Helvetica Neue", sans-serif'
|
|
2245
2240
|
}, {
|
|
2246
2241
|
name: 'font.metric.small',
|
|
2247
2242
|
path: ['font', 'metric', 'small'],
|
|
2248
2243
|
description: 'Use to emphasize a number and words in single-value tiles, or small donuts.',
|
|
2249
|
-
exampleValue: 'normal 653 1rem/1.25rem ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, "Helvetica Neue", sans-serif'
|
|
2244
|
+
exampleValue: 'normal 653 1rem/1.25rem "Atlassian Sans", ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, "Helvetica Neue", sans-serif'
|
|
2250
2245
|
}, {
|
|
2251
2246
|
name: 'font.code',
|
|
2252
2247
|
path: ['font', 'code', '[default]'],
|
|
2253
2248
|
description: 'For representing code only, either inline or in code blocks.',
|
|
2254
|
-
exampleValue: 'normal 400 0.875em/1 ui-monospace, Menlo, "Segoe UI Mono", "Ubuntu Mono", monospace'
|
|
2249
|
+
exampleValue: 'normal 400 0.875em/1 "Atlassian Mono", ui-monospace, Menlo, "Segoe UI Mono", "Ubuntu Mono", monospace'
|
|
2255
2250
|
}, {
|
|
2256
2251
|
name: 'font.weight.regular',
|
|
2257
2252
|
path: ['font', 'weight', 'regular'],
|
|
@@ -2271,22 +2266,22 @@ export var tokens = [{
|
|
|
2271
2266
|
name: 'font.weight.bold',
|
|
2272
2267
|
path: ['font', 'weight', 'bold'],
|
|
2273
2268
|
description: 'Use sparingly for emphasising text, such as in a lozenge.',
|
|
2274
|
-
exampleValue: '
|
|
2269
|
+
exampleValue: '653'
|
|
2275
2270
|
}, {
|
|
2276
2271
|
name: 'font.family.heading',
|
|
2277
2272
|
path: ['font', 'family', 'heading'],
|
|
2278
2273
|
description: 'For our default UI heading text.',
|
|
2279
|
-
exampleValue: 'ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, "Helvetica Neue", sans-serif'
|
|
2274
|
+
exampleValue: '"Atlassian Sans", ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, "Helvetica Neue", sans-serif'
|
|
2280
2275
|
}, {
|
|
2281
2276
|
name: 'font.family.body',
|
|
2282
2277
|
path: ['font', 'family', 'body'],
|
|
2283
2278
|
description: 'For our default UI body text.',
|
|
2284
|
-
exampleValue: 'ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, "Helvetica Neue", sans-serif'
|
|
2279
|
+
exampleValue: '"Atlassian Sans", ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, "Helvetica Neue", sans-serif'
|
|
2285
2280
|
}, {
|
|
2286
2281
|
name: 'font.family.code',
|
|
2287
2282
|
path: ['font', 'family', 'code'],
|
|
2288
2283
|
description: 'For representing code only.',
|
|
2289
|
-
exampleValue: 'ui-monospace, Menlo, "Segoe UI Mono", "Ubuntu Mono", monospace'
|
|
2284
|
+
exampleValue: '"Atlassian Mono", ui-monospace, Menlo, "Segoe UI Mono", "Ubuntu Mono", monospace'
|
|
2290
2285
|
}, {
|
|
2291
2286
|
name: 'font.family.brand.heading',
|
|
2292
2287
|
path: ['font', 'family', 'brand', 'heading'],
|
|
@@ -3,7 +3,4 @@ export { default as legacyLightTokens } from '../artifacts/tokens-raw/atlassian-
|
|
|
3
3
|
export { default as dark } from '../artifacts/tokens-raw/atlassian-dark';
|
|
4
4
|
export { default as spacing } from '../artifacts/tokens-raw/atlassian-spacing';
|
|
5
5
|
export { default as typography } from '../artifacts/tokens-raw/atlassian-typography';
|
|
6
|
-
export { default as typographyAdg3 } from '../artifacts/tokens-raw/atlassian-typography-adg3';
|
|
7
|
-
export { default as typographyModernized } from '../artifacts/tokens-raw/atlassian-typography-modernized';
|
|
8
|
-
export { default as typographyRefreshed } from '../artifacts/tokens-raw/atlassian-typography-refreshed';
|
|
9
6
|
export { default as shape } from '../artifacts/tokens-raw/atlassian-shape';
|
package/dist/esm/theme-config.js
CHANGED
|
@@ -40,7 +40,7 @@ var themeContrastModes = ['more', 'no-preference', 'auto'];
|
|
|
40
40
|
*
|
|
41
41
|
* These ids must be kebab case
|
|
42
42
|
*/
|
|
43
|
-
export var themeIds = ['light-increased-contrast', 'light', 'light-future', 'dark', 'dark-future', 'dark-increased-contrast', 'legacy-light', 'legacy-dark', 'spacing', 'shape', 'typography'
|
|
43
|
+
export var themeIds = ['light-increased-contrast', 'light', 'light-future', 'dark', 'dark-future', 'dark-increased-contrast', 'legacy-light', 'legacy-dark', 'spacing', 'shape', 'typography'];
|
|
44
44
|
/**
|
|
45
45
|
* Theme override ids: the equivalent of themeIds for theme overrides.
|
|
46
46
|
* Theme overrides are temporary and there may not be any defined at times.
|
|
@@ -160,14 +160,6 @@ var themeConfig = {
|
|
|
160
160
|
type: 'typography'
|
|
161
161
|
}
|
|
162
162
|
},
|
|
163
|
-
'atlassian-typography-adg3': {
|
|
164
|
-
id: 'typography-adg3',
|
|
165
|
-
displayName: 'ADG3 Typography',
|
|
166
|
-
palette: 'typographyPalette',
|
|
167
|
-
attributes: {
|
|
168
|
-
type: 'typography'
|
|
169
|
-
}
|
|
170
|
-
},
|
|
171
163
|
'atlassian-shape': {
|
|
172
164
|
id: 'shape',
|
|
173
165
|
displayName: 'Shape',
|
|
@@ -175,22 +167,6 @@ var themeConfig = {
|
|
|
175
167
|
attributes: {
|
|
176
168
|
type: 'shape'
|
|
177
169
|
}
|
|
178
|
-
},
|
|
179
|
-
'atlassian-typography-modernized': {
|
|
180
|
-
id: 'typography-modernized',
|
|
181
|
-
displayName: 'Atlassian Typography (Modernized)',
|
|
182
|
-
palette: 'typographyPalette',
|
|
183
|
-
attributes: {
|
|
184
|
-
type: 'typography'
|
|
185
|
-
}
|
|
186
|
-
},
|
|
187
|
-
'atlassian-typography-refreshed': {
|
|
188
|
-
id: 'typography-refreshed',
|
|
189
|
-
displayName: 'Atlassian Typography (Refreshed)',
|
|
190
|
-
palette: 'typographyPalette',
|
|
191
|
-
attributes: {
|
|
192
|
-
type: 'typography'
|
|
193
|
-
}
|
|
194
170
|
}
|
|
195
171
|
};
|
|
196
172
|
|
|
@@ -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::926662cc712c2c412c8b6b4cdcd8d64f>>
|
|
10
10
|
* @codegenCommand yarn build tokens
|
|
11
11
|
*/
|
|
12
12
|
import { type ThemeIds, type ThemeOverrideIds } from '../theme-config';
|
|
@@ -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::e6225c65d5d4ce72381110479f6b4968>>
|
|
11
11
|
* @codegenCommand yarn build tokens
|
|
12
12
|
*/
|
|
13
13
|
declare const defaultTokenValues: {
|
|
@@ -419,7 +419,6 @@ declare const defaultTokenValues: {
|
|
|
419
419
|
readonly 'elevation.shadow.raised': "0px 1px 1px #1E1F2140, 0px 0px 1px #1E1F214F";
|
|
420
420
|
readonly 'opacity.disabled': "0.4";
|
|
421
421
|
readonly 'opacity.loading': "0.2";
|
|
422
|
-
readonly 'utility.UNSAFE.textTransformUppercase': "uppercase";
|
|
423
422
|
readonly 'utility.UNSAFE.transparent': "transparent";
|
|
424
423
|
readonly 'utility.elevation.surface.current': "#FFFFFF";
|
|
425
424
|
readonly 'space.0': "0rem";
|
|
@@ -445,28 +444,28 @@ declare const defaultTokenValues: {
|
|
|
445
444
|
readonly 'space.negative.250': "-1.25rem";
|
|
446
445
|
readonly 'space.negative.300': "-1.5rem";
|
|
447
446
|
readonly 'space.negative.400': "-2rem";
|
|
448
|
-
readonly 'font.heading.xxlarge': "normal
|
|
449
|
-
readonly 'font.heading.xlarge': "normal
|
|
450
|
-
readonly 'font.heading.large': "normal
|
|
451
|
-
readonly 'font.heading.medium': "normal
|
|
452
|
-
readonly 'font.heading.small': "normal
|
|
453
|
-
readonly 'font.heading.xsmall': "normal
|
|
454
|
-
readonly 'font.heading.xxsmall': "normal
|
|
455
|
-
readonly 'font.body.large': "normal 400 1rem/1.5rem ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, \"Helvetica Neue\", sans-serif";
|
|
456
|
-
readonly 'font.body': "normal 400 0.875rem/1.25rem ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, \"Helvetica Neue\", sans-serif";
|
|
457
|
-
readonly 'font.body.small': "normal 400 0.
|
|
458
|
-
readonly 'font.body.UNSAFE_small': "normal 400 0.75rem/1rem ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, \"Helvetica Neue\", sans-serif";
|
|
459
|
-
readonly 'font.metric.large': "normal 653 1.75rem/2rem ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, \"Helvetica Neue\", sans-serif";
|
|
460
|
-
readonly 'font.metric.medium': "normal 653 1.5rem/1.75rem ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, \"Helvetica Neue\", sans-serif";
|
|
461
|
-
readonly 'font.metric.small': "normal 653 1rem/1.25rem ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, \"Helvetica Neue\", sans-serif";
|
|
462
|
-
readonly 'font.code': "normal 400 0.875em/1 ui-monospace, Menlo, \"Segoe UI Mono\", \"Ubuntu Mono\", monospace";
|
|
447
|
+
readonly 'font.heading.xxlarge': "normal 653 2rem/2.25rem \"Atlassian Sans\", ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, \"Helvetica Neue\", sans-serif";
|
|
448
|
+
readonly 'font.heading.xlarge': "normal 653 1.75rem/2rem \"Atlassian Sans\", ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, \"Helvetica Neue\", sans-serif";
|
|
449
|
+
readonly 'font.heading.large': "normal 653 1.5rem/1.75rem \"Atlassian Sans\", ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, \"Helvetica Neue\", sans-serif";
|
|
450
|
+
readonly 'font.heading.medium': "normal 653 1.25rem/1.5rem \"Atlassian Sans\", ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, \"Helvetica Neue\", sans-serif";
|
|
451
|
+
readonly 'font.heading.small': "normal 653 1rem/1.25rem \"Atlassian Sans\", ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, \"Helvetica Neue\", sans-serif";
|
|
452
|
+
readonly 'font.heading.xsmall': "normal 653 0.875rem/1.25rem \"Atlassian Sans\", ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, \"Helvetica Neue\", sans-serif";
|
|
453
|
+
readonly 'font.heading.xxsmall': "normal 653 0.75rem/1rem \"Atlassian Sans\", ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, \"Helvetica Neue\", sans-serif";
|
|
454
|
+
readonly 'font.body.large': "normal 400 1rem/1.5rem \"Atlassian Sans\", ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, \"Helvetica Neue\", sans-serif";
|
|
455
|
+
readonly 'font.body': "normal 400 0.875rem/1.25rem \"Atlassian Sans\", ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, \"Helvetica Neue\", sans-serif";
|
|
456
|
+
readonly 'font.body.small': "normal 400 0.75rem/1rem \"Atlassian Sans\", ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, \"Helvetica Neue\", sans-serif";
|
|
457
|
+
readonly 'font.body.UNSAFE_small': "normal 400 0.75rem/1rem \"Atlassian Sans\", ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, \"Helvetica Neue\", sans-serif";
|
|
458
|
+
readonly 'font.metric.large': "normal 653 1.75rem/2rem \"Atlassian Sans\", ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, \"Helvetica Neue\", sans-serif";
|
|
459
|
+
readonly 'font.metric.medium': "normal 653 1.5rem/1.75rem \"Atlassian Sans\", ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, \"Helvetica Neue\", sans-serif";
|
|
460
|
+
readonly 'font.metric.small': "normal 653 1rem/1.25rem \"Atlassian Sans\", ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, \"Helvetica Neue\", sans-serif";
|
|
461
|
+
readonly 'font.code': "normal 400 0.875em/1 \"Atlassian Mono\", ui-monospace, Menlo, \"Segoe UI Mono\", \"Ubuntu Mono\", monospace";
|
|
463
462
|
readonly 'font.weight.regular': "400";
|
|
464
463
|
readonly 'font.weight.medium': "500";
|
|
465
464
|
readonly 'font.weight.semibold': "600";
|
|
466
|
-
readonly 'font.weight.bold': "
|
|
467
|
-
readonly 'font.family.heading': "ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, \"Helvetica Neue\", sans-serif";
|
|
468
|
-
readonly 'font.family.body': "ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, \"Helvetica Neue\", sans-serif";
|
|
469
|
-
readonly 'font.family.code': "ui-monospace, Menlo, \"Segoe UI Mono\", \"Ubuntu Mono\", monospace";
|
|
465
|
+
readonly 'font.weight.bold': "653";
|
|
466
|
+
readonly 'font.family.heading': "\"Atlassian Sans\", ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, \"Helvetica Neue\", sans-serif";
|
|
467
|
+
readonly 'font.family.body': "\"Atlassian Sans\", ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, \"Helvetica Neue\", sans-serif";
|
|
468
|
+
readonly 'font.family.code': "\"Atlassian Mono\", ui-monospace, Menlo, \"Segoe UI Mono\", \"Ubuntu Mono\", monospace";
|
|
470
469
|
readonly 'font.family.brand.heading': "\"Charlie Display\", ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, \"Helvetica Neue\", sans-serif";
|
|
471
470
|
readonly 'font.family.brand.body': "\"Charlie Text\", ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, \"Helvetica Neue\", sans-serif";
|
|
472
471
|
readonly 'radius.xsmall': "0.125rem";
|