@atlaskit/tokens 1.58.0 → 1.59.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 +16 -0
- package/dist/cjs/artifacts/palettes-raw/typography-palette.js +16 -1
- package/dist/cjs/artifacts/theme-import-map.js +7 -1
- package/dist/cjs/artifacts/themes/atlassian-typography-refreshed.js +12 -0
- package/dist/cjs/artifacts/tokens-raw/atlassian-typography-refreshed.js +749 -0
- package/dist/cjs/entry-points/tokens-raw.js +7 -0
- package/dist/cjs/theme-config.js +9 -1
- package/dist/es2019/artifacts/palettes-raw/typography-palette.js +16 -1
- package/dist/es2019/artifacts/theme-import-map.js +3 -1
- package/dist/es2019/artifacts/themes/atlassian-typography-refreshed.js +38 -0
- package/dist/es2019/artifacts/tokens-raw/atlassian-typography-refreshed.js +743 -0
- package/dist/es2019/entry-points/tokens-raw.js +1 -0
- package/dist/es2019/theme-config.js +9 -1
- package/dist/esm/artifacts/palettes-raw/typography-palette.js +16 -1
- package/dist/esm/artifacts/theme-import-map.js +5 -1
- package/dist/esm/artifacts/themes/atlassian-typography-refreshed.js +6 -0
- package/dist/esm/artifacts/tokens-raw/atlassian-typography-refreshed.js +743 -0
- package/dist/esm/entry-points/tokens-raw.js +1 -0
- package/dist/esm/theme-config.js +9 -1
- 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-refreshed.d.ts +7 -0
- package/dist/types/artifacts/tokens-raw/atlassian-typography-refreshed.d.ts +86 -0
- package/dist/types/entry-points/tokens-raw.d.ts +1 -0
- package/dist/types/theme-config.d.ts +4 -4
- 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-refreshed.d.ts +7 -0
- package/dist/types-ts4.5/artifacts/tokens-raw/atlassian-typography-refreshed.d.ts +86 -0
- package/dist/types-ts4.5/entry-points/tokens-raw.d.ts +1 -0
- package/dist/types-ts4.5/theme-config.d.ts +6 -4
- package/figma/atlassian-typography-refreshed.json +87 -0
- package/package.json +5 -5
|
@@ -3,5 +3,6 @@ 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-modernized';
|
|
6
|
+
export { default as typographyRefreshed } from '../artifacts/tokens-raw/atlassian-typography-refreshed';
|
|
6
7
|
export { default as typographyAdg3 } from '../artifacts/tokens-raw/atlassian-typography-adg3';
|
|
7
8
|
export { default as shape } from '../artifacts/tokens-raw/atlassian-shape';
|
|
@@ -38,7 +38,7 @@ export const themeContrastModes = ['more', 'no-preference', 'auto'];
|
|
|
38
38
|
*
|
|
39
39
|
* These ids must be kebab case
|
|
40
40
|
*/
|
|
41
|
-
export const themeIds = ['light-increased-contrast', 'light', 'light-future', 'light-brand-refresh', 'dark', 'dark-future', 'dark-increased-contrast', 'dark-brand-refresh', 'legacy-light', 'legacy-dark', 'spacing', 'shape', 'typography-adg3', 'typography-modernized'];
|
|
41
|
+
export const themeIds = ['light-increased-contrast', 'light', 'light-future', 'light-brand-refresh', 'dark', 'dark-future', 'dark-increased-contrast', 'dark-brand-refresh', 'legacy-light', 'legacy-dark', 'spacing', 'shape', 'typography-adg3', 'typography-modernized', 'typography-refreshed'];
|
|
42
42
|
/**
|
|
43
43
|
* Theme override ids: the equivalent of themeIds for theme overrides.
|
|
44
44
|
* Theme overrides are temporary and there may not be any defined at times.
|
|
@@ -174,6 +174,14 @@ const themeConfig = {
|
|
|
174
174
|
type: 'typography'
|
|
175
175
|
}
|
|
176
176
|
},
|
|
177
|
+
'atlassian-typography-refreshed': {
|
|
178
|
+
id: 'typography-refreshed',
|
|
179
|
+
displayName: 'Atlassian Typography (Refreshed)',
|
|
180
|
+
palette: 'typographyPalette',
|
|
181
|
+
attributes: {
|
|
182
|
+
type: 'typography'
|
|
183
|
+
}
|
|
184
|
+
},
|
|
177
185
|
'atlassian-light-brand-refresh': {
|
|
178
186
|
id: 'light-brand-refresh',
|
|
179
187
|
displayName: 'Light theme (Brand refresh)',
|
|
@@ -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::4f3e5bd6ca1dd12d81d074b2f03cb0aa>>
|
|
4
4
|
* @codegenCommand yarn build tokens
|
|
5
5
|
*/
|
|
6
6
|
var tokens = [{
|
|
@@ -93,6 +93,21 @@ var tokens = [{
|
|
|
93
93
|
},
|
|
94
94
|
"name": "typography.fontFamily.FontFamilyWebSans",
|
|
95
95
|
"path": ["typography", "fontFamily", "FontFamilyWebSans"]
|
|
96
|
+
}, {
|
|
97
|
+
"value": "\"Inter Variable\", ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, system-ui, \"Helvetica Neue\", sans-serif",
|
|
98
|
+
"attributes": {
|
|
99
|
+
"group": "fontFamily"
|
|
100
|
+
},
|
|
101
|
+
"filePath": "schema/palettes/typography-palette.tsx",
|
|
102
|
+
"isSource": true,
|
|
103
|
+
"original": {
|
|
104
|
+
"value": "\"Inter Variable\", ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, system-ui, \"Helvetica Neue\", sans-serif",
|
|
105
|
+
"attributes": {
|
|
106
|
+
"group": "fontFamily"
|
|
107
|
+
}
|
|
108
|
+
},
|
|
109
|
+
"name": "typography.fontFamily.FontFamilyWebSansRefreshed",
|
|
110
|
+
"path": ["typography", "fontFamily", "FontFamilyWebSansRefreshed"]
|
|
96
111
|
}, {
|
|
97
112
|
"value": "SF Mono",
|
|
98
113
|
"attributes": {
|
|
@@ -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::8352f41e09dfe9d45ead708661744456>>
|
|
10
10
|
* @codegenCommand yarn build tokens
|
|
11
11
|
*/
|
|
12
12
|
|
|
@@ -59,6 +59,10 @@ var themeImportsMap = {
|
|
|
59
59
|
return import( /* webpackChunkName: "@atlaskit-internal_atlassian-typography-modernized" */
|
|
60
60
|
'./themes/atlassian-typography-modernized');
|
|
61
61
|
},
|
|
62
|
+
'typography-refreshed': function typographyRefreshed() {
|
|
63
|
+
return import( /* webpackChunkName: "@atlaskit-internal_atlassian-typography-refreshed" */
|
|
64
|
+
'./themes/atlassian-typography-refreshed');
|
|
65
|
+
},
|
|
62
66
|
'light-brand-refresh': function lightBrandRefresh() {
|
|
63
67
|
return import( /* webpackChunkName: "@atlaskit-internal_atlassian-light-brand-refresh" */
|
|
64
68
|
'./themes/atlassian-light-brand-refresh');
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
|
|
3
|
+
* @codegen <<SignedSource::8125d075804c22bd4991a71f2c92d914>>
|
|
4
|
+
* @codegenCommand yarn build tokens
|
|
5
|
+
*/
|
|
6
|
+
export default "\nhtml[data-theme~=\"typography:typography-refreshed\"] {\n --ds-UNSAFE-textTransformUppercase: uppercase;\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-heading-xxlarge: normal 700 2rem/2.25rem \"Inter Variable\", ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, system-ui, \"Helvetica Neue\", sans-serif;\n --ds-font-heading-xlarge: normal 700 1.75rem/2rem \"Inter Variable\", ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, system-ui, \"Helvetica Neue\", sans-serif;\n --ds-font-heading-large: normal 700 1.5rem/1.75rem \"Inter Variable\", ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, system-ui, \"Helvetica Neue\", sans-serif;\n --ds-font-heading-medium: normal 700 1.25rem/1.5rem \"Inter Variable\", ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, system-ui, \"Helvetica Neue\", sans-serif;\n --ds-font-heading-small: normal 700 1rem/1.25rem \"Inter Variable\", ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, system-ui, \"Helvetica Neue\", sans-serif;\n --ds-font-heading-xsmall: normal 700 0.875rem/1.25rem \"Inter Variable\", ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, system-ui, \"Helvetica Neue\", sans-serif;\n --ds-font-heading-xxsmall: normal 700 0.75rem/1rem \"Inter Variable\", ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, system-ui, \"Helvetica Neue\", sans-serif;\n --ds-font-body-large: normal 400 1rem/1.5rem \"Inter Variable\", ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, system-ui, \"Helvetica Neue\", sans-serif;\n --ds-font-body: normal 400 0.875rem/1.25rem \"Inter Variable\", ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, system-ui, \"Helvetica Neue\", sans-serif;\n --ds-font-body-small: normal 400 0.75rem/1rem \"Inter Variable\", ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, system-ui, \"Helvetica Neue\", sans-serif;\n --ds-font-body-UNSAFE_small: normal 400 0.75rem/1rem \"Inter Variable\", ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, system-ui, \"Helvetica Neue\", sans-serif;\n --ds-font-code: normal 400 0.875em/1 ui-monospace, Menlo, \"Segoe UI Mono\", \"Ubuntu Mono\", monospace;\n --ds-font-weight-regular: 400;\n --ds-font-weight-medium: 500;\n --ds-font-weight-semibold: 600;\n --ds-font-weight-bold: 700;\n --ds-font-family-heading: \"Inter Variable\", ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, system-ui, \"Helvetica Neue\", sans-serif;\n --ds-font-family-body: \"Inter Variable\", ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, system-ui, \"Helvetica Neue\", sans-serif;\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-sans: \"Inter Variable\", ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, system-ui, \"Helvetica Neue\", sans-serif;\n --ds-font-family-brand-heading: \"Charlie Display\", ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, system-ui, \"Helvetica Neue\", sans-serif;\n --ds-font-family-brand-body: \"Charlie Text\", ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, system-ui, \"Helvetica Neue\", sans-serif;\n}\n";
|