@atlaskit/tokens 1.57.0 → 1.59.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.
Files changed (33) hide show
  1. package/CHANGELOG.md +24 -0
  2. package/dist/cjs/artifacts/palettes-raw/typography-palette.js +16 -1
  3. package/dist/cjs/artifacts/theme-import-map.js +7 -1
  4. package/dist/cjs/artifacts/themes/atlassian-typography-refreshed.js +12 -0
  5. package/dist/cjs/artifacts/tokens-raw/atlassian-typography-refreshed.js +749 -0
  6. package/dist/cjs/entry-points/tokens-raw.js +7 -0
  7. package/dist/cjs/theme-config.js +9 -1
  8. package/dist/es2019/artifacts/palettes-raw/typography-palette.js +16 -1
  9. package/dist/es2019/artifacts/theme-import-map.js +3 -1
  10. package/dist/es2019/artifacts/themes/atlassian-typography-refreshed.js +38 -0
  11. package/dist/es2019/artifacts/tokens-raw/atlassian-typography-refreshed.js +743 -0
  12. package/dist/es2019/entry-points/tokens-raw.js +1 -0
  13. package/dist/es2019/theme-config.js +9 -1
  14. package/dist/esm/artifacts/palettes-raw/typography-palette.js +16 -1
  15. package/dist/esm/artifacts/theme-import-map.js +5 -1
  16. package/dist/esm/artifacts/themes/atlassian-typography-refreshed.js +6 -0
  17. package/dist/esm/artifacts/tokens-raw/atlassian-typography-refreshed.js +743 -0
  18. package/dist/esm/entry-points/tokens-raw.js +1 -0
  19. package/dist/esm/theme-config.js +9 -1
  20. package/dist/types/artifacts/palettes-raw/typography-palette.d.ts +1 -1
  21. package/dist/types/artifacts/theme-import-map.d.ts +1 -1
  22. package/dist/types/artifacts/themes/atlassian-typography-refreshed.d.ts +7 -0
  23. package/dist/types/artifacts/tokens-raw/atlassian-typography-refreshed.d.ts +86 -0
  24. package/dist/types/entry-points/tokens-raw.d.ts +1 -0
  25. package/dist/types/theme-config.d.ts +3 -3
  26. package/dist/types-ts4.5/artifacts/palettes-raw/typography-palette.d.ts +1 -1
  27. package/dist/types-ts4.5/artifacts/theme-import-map.d.ts +1 -1
  28. package/dist/types-ts4.5/artifacts/themes/atlassian-typography-refreshed.d.ts +7 -0
  29. package/dist/types-ts4.5/artifacts/tokens-raw/atlassian-typography-refreshed.d.ts +86 -0
  30. package/dist/types-ts4.5/entry-points/tokens-raw.d.ts +1 -0
  31. package/dist/types-ts4.5/theme-config.d.ts +5 -3
  32. package/figma/atlassian-typography-refreshed.json +87 -0
  33. package/package.json +9 -9
@@ -46,10 +46,17 @@ Object.defineProperty(exports, "typographyAdg3", {
46
46
  return _atlassianTypographyAdg.default;
47
47
  }
48
48
  });
49
+ Object.defineProperty(exports, "typographyRefreshed", {
50
+ enumerable: true,
51
+ get: function get() {
52
+ return _atlassianTypographyRefreshed.default;
53
+ }
54
+ });
49
55
  var _atlassianLight = _interopRequireDefault(require("../artifacts/tokens-raw/atlassian-light"));
50
56
  var _atlassianLegacyLight = _interopRequireDefault(require("../artifacts/tokens-raw/atlassian-legacy-light"));
51
57
  var _atlassianDark = _interopRequireDefault(require("../artifacts/tokens-raw/atlassian-dark"));
52
58
  var _atlassianSpacing = _interopRequireDefault(require("../artifacts/tokens-raw/atlassian-spacing"));
53
59
  var _atlassianTypographyModernized = _interopRequireDefault(require("../artifacts/tokens-raw/atlassian-typography-modernized"));
60
+ var _atlassianTypographyRefreshed = _interopRequireDefault(require("../artifacts/tokens-raw/atlassian-typography-refreshed"));
54
61
  var _atlassianTypographyAdg = _interopRequireDefault(require("../artifacts/tokens-raw/atlassian-typography-adg3"));
55
62
  var _atlassianShape = _interopRequireDefault(require("../artifacts/tokens-raw/atlassian-shape"));
@@ -44,7 +44,7 @@ var themeContrastModes = exports.themeContrastModes = ['more', 'no-preference',
44
44
  *
45
45
  * These ids must be kebab case
46
46
  */
47
- var themeIds = exports.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'];
47
+ var themeIds = exports.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'];
48
48
  /**
49
49
  * Theme override ids: the equivalent of themeIds for theme overrides.
50
50
  * Theme overrides are temporary and there may not be any defined at times.
@@ -180,6 +180,14 @@ var themeConfig = {
180
180
  type: 'typography'
181
181
  }
182
182
  },
183
+ 'atlassian-typography-refreshed': {
184
+ id: 'typography-refreshed',
185
+ displayName: 'Atlassian Typography (Refreshed)',
186
+ palette: 'typographyPalette',
187
+ attributes: {
188
+ type: 'typography'
189
+ }
190
+ },
183
191
  'atlassian-light-brand-refresh': {
184
192
  id: 'light-brand-refresh',
185
193
  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::d0f067fcc82edf831afe2fd039ca0a0c>>
3
+ * @codegen <<SignedSource::4f3e5bd6ca1dd12d81d074b2f03cb0aa>>
4
4
  * @codegenCommand yarn build tokens
5
5
  */
6
6
  const tokens = [{
@@ -93,6 +93,21 @@ const 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::1178d8004df8fd52edec31241e55e33a>>
9
+ * @codegen <<SignedSource::8352f41e09dfe9d45ead708661744456>>
10
10
  * @codegenCommand yarn build tokens
11
11
  */
12
12
 
@@ -35,6 +35,8 @@ const themeImportsMap = {
35
35
  './themes/atlassian-shape'),
36
36
  'typography-modernized': () => import( /* webpackChunkName: "@atlaskit-internal_atlassian-typography-modernized" */
37
37
  './themes/atlassian-typography-modernized'),
38
+ 'typography-refreshed': () => import( /* webpackChunkName: "@atlaskit-internal_atlassian-typography-refreshed" */
39
+ './themes/atlassian-typography-refreshed'),
38
40
  'light-brand-refresh': () => import( /* webpackChunkName: "@atlaskit-internal_atlassian-light-brand-refresh" */
39
41
  './themes/atlassian-light-brand-refresh'),
40
42
  'dark-brand-refresh': () => import( /* webpackChunkName: "@atlaskit-internal_atlassian-dark-brand-refresh" */
@@ -0,0 +1,38 @@
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 `
7
+ html[data-theme~="typography:typography-refreshed"] {
8
+ --ds-UNSAFE-textTransformUppercase: uppercase;
9
+ --ds-font-letterSpacing-0: 0;
10
+ --ds-font-letterSpacing-100: 0;
11
+ --ds-font-letterSpacing-200: 0;
12
+ --ds-font-letterSpacing-300: 0;
13
+ --ds-font-letterSpacing-400: 0;
14
+ --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;
15
+ --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;
16
+ --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;
17
+ --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;
18
+ --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;
19
+ --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;
20
+ --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;
21
+ --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;
22
+ --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;
23
+ --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;
24
+ --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;
25
+ --ds-font-code: normal 400 0.875em/1 ui-monospace, Menlo, "Segoe UI Mono", "Ubuntu Mono", monospace;
26
+ --ds-font-weight-regular: 400;
27
+ --ds-font-weight-medium: 500;
28
+ --ds-font-weight-semibold: 600;
29
+ --ds-font-weight-bold: 700;
30
+ --ds-font-family-heading: "Inter Variable", ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, system-ui, "Helvetica Neue", sans-serif;
31
+ --ds-font-family-body: "Inter Variable", ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, system-ui, "Helvetica Neue", sans-serif;
32
+ --ds-font-family-code: ui-monospace, Menlo, "Segoe UI Mono", "Ubuntu Mono", monospace;
33
+ --ds-font-family-monospace: ui-monospace, Menlo, "Segoe UI Mono", "Ubuntu Mono", monospace;
34
+ --ds-font-family-sans: "Inter Variable", ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, system-ui, "Helvetica Neue", sans-serif;
35
+ --ds-font-family-brand-heading: "Charlie Display", ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, system-ui, "Helvetica Neue", sans-serif;
36
+ --ds-font-family-brand-body: "Charlie Text", ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, system-ui, "Helvetica Neue", sans-serif;
37
+ }
38
+ `;