@atlaskit/tokens 1.17.0 → 1.18.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 (81) hide show
  1. package/CHANGELOG.md +12 -0
  2. package/dist/cjs/artifacts/palettes-raw/typography-palette.js +92 -77
  3. package/dist/cjs/artifacts/themes/atlassian-typography-adg3.js +2 -2
  4. package/dist/cjs/artifacts/themes/atlassian-typography-minor3.js +2 -2
  5. package/dist/cjs/artifacts/themes/atlassian-typography.js +2 -2
  6. package/dist/cjs/artifacts/token-default-values.js +4 -3
  7. package/dist/cjs/artifacts/token-names.js +2 -1
  8. package/dist/cjs/artifacts/tokens-raw/atlassian-typography-adg3.js +44 -99
  9. package/dist/cjs/artifacts/tokens-raw/atlassian-typography-minor3.js +42 -97
  10. package/dist/cjs/artifacts/tokens-raw/atlassian-typography.js +42 -97
  11. package/dist/cjs/babel-plugin/plugin.js +2 -2
  12. package/dist/cjs/get-global-theme.js +2 -2
  13. package/dist/cjs/get-token-value.js +1 -1
  14. package/dist/cjs/get-token.js +1 -1
  15. package/dist/cjs/palettes/typography-palette.js +46 -40
  16. package/dist/cjs/tokens/atlassian-typography/theme.js +10 -0
  17. package/dist/cjs/tokens/atlassian-typography-adg3/theme.js +12 -2
  18. package/dist/cjs/tokens/atlassian-typography-minor3/theme.js +10 -0
  19. package/dist/cjs/tokens/default/typography/font.js +8 -0
  20. package/dist/cjs/utils/generate-custom-color-ramp.js +2 -2
  21. package/dist/es2019/artifacts/palettes-raw/typography-palette.js +92 -77
  22. package/dist/es2019/artifacts/themes/atlassian-typography-adg3.js +4 -3
  23. package/dist/es2019/artifacts/themes/atlassian-typography-minor3.js +2 -1
  24. package/dist/es2019/artifacts/themes/atlassian-typography.js +2 -1
  25. package/dist/es2019/artifacts/token-default-values.js +4 -3
  26. package/dist/es2019/artifacts/token-names.js +2 -1
  27. package/dist/es2019/artifacts/tokens-raw/atlassian-typography-adg3.js +44 -99
  28. package/dist/es2019/artifacts/tokens-raw/atlassian-typography-minor3.js +42 -97
  29. package/dist/es2019/artifacts/tokens-raw/atlassian-typography.js +42 -97
  30. package/dist/es2019/get-theme-styles.js +1 -2
  31. package/dist/es2019/get-token-value.js +1 -1
  32. package/dist/es2019/get-token.js +1 -1
  33. package/dist/es2019/palettes/typography-palette.js +44 -38
  34. package/dist/es2019/tokens/atlassian-typography/theme.js +10 -0
  35. package/dist/es2019/tokens/atlassian-typography-adg3/theme.js +12 -2
  36. package/dist/es2019/tokens/atlassian-typography-minor3/theme.js +10 -0
  37. package/dist/es2019/tokens/default/typography/font.js +8 -0
  38. package/dist/esm/artifacts/palettes-raw/typography-palette.js +92 -77
  39. package/dist/esm/artifacts/themes/atlassian-typography-adg3.js +2 -2
  40. package/dist/esm/artifacts/themes/atlassian-typography-minor3.js +2 -2
  41. package/dist/esm/artifacts/themes/atlassian-typography.js +2 -2
  42. package/dist/esm/artifacts/token-default-values.js +4 -3
  43. package/dist/esm/artifacts/token-names.js +2 -1
  44. package/dist/esm/artifacts/tokens-raw/atlassian-typography-adg3.js +44 -99
  45. package/dist/esm/artifacts/tokens-raw/atlassian-typography-minor3.js +42 -97
  46. package/dist/esm/artifacts/tokens-raw/atlassian-typography.js +42 -97
  47. package/dist/esm/babel-plugin/plugin.js +2 -2
  48. package/dist/esm/get-global-theme.js +2 -2
  49. package/dist/esm/get-token-value.js +1 -1
  50. package/dist/esm/get-token.js +1 -1
  51. package/dist/esm/palettes/typography-palette.js +46 -40
  52. package/dist/esm/tokens/atlassian-typography/theme.js +10 -0
  53. package/dist/esm/tokens/atlassian-typography-adg3/theme.js +12 -2
  54. package/dist/esm/tokens/atlassian-typography-minor3/theme.js +10 -0
  55. package/dist/esm/tokens/default/typography/font.js +8 -0
  56. package/dist/esm/utils/generate-custom-color-ramp.js +2 -2
  57. package/dist/types/artifacts/palettes-raw/typography-palette.d.ts +1 -1
  58. package/dist/types/artifacts/themes/atlassian-typography-adg3.d.ts +2 -2
  59. package/dist/types/artifacts/themes/atlassian-typography-minor3.d.ts +2 -2
  60. package/dist/types/artifacts/themes/atlassian-typography.d.ts +2 -2
  61. package/dist/types/artifacts/token-default-values.d.ts +4 -3
  62. package/dist/types/artifacts/token-names.d.ts +3 -1
  63. package/dist/types/artifacts/tokens-raw/atlassian-typography-adg3.d.ts +2 -45
  64. package/dist/types/artifacts/tokens-raw/atlassian-typography-minor3.d.ts +2 -81
  65. package/dist/types/artifacts/tokens-raw/atlassian-typography.d.ts +2 -81
  66. package/dist/types/palettes/typography-palette.d.ts +1 -1
  67. package/dist/types/types.d.ts +6 -6
  68. package/dist/types-ts4.5/artifacts/palettes-raw/typography-palette.d.ts +1 -1
  69. package/dist/types-ts4.5/artifacts/themes/atlassian-typography-adg3.d.ts +2 -2
  70. package/dist/types-ts4.5/artifacts/themes/atlassian-typography-minor3.d.ts +2 -2
  71. package/dist/types-ts4.5/artifacts/themes/atlassian-typography.d.ts +2 -2
  72. package/dist/types-ts4.5/artifacts/token-default-values.d.ts +4 -3
  73. package/dist/types-ts4.5/artifacts/token-names.d.ts +3 -1
  74. package/dist/types-ts4.5/artifacts/tokens-raw/atlassian-typography-adg3.d.ts +2 -45
  75. package/dist/types-ts4.5/artifacts/tokens-raw/atlassian-typography-minor3.d.ts +2 -81
  76. package/dist/types-ts4.5/artifacts/tokens-raw/atlassian-typography.d.ts +2 -81
  77. package/dist/types-ts4.5/palettes/typography-palette.d.ts +1 -1
  78. package/dist/types-ts4.5/types.d.ts +6 -6
  79. package/package.json +2 -2
  80. package/report.api.md +2 -0
  81. package/tmp/api-report-tmp.d.ts +2 -0
@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
6
6
  exports.default = void 0;
7
7
  /**
8
8
  * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
9
- * @codegen <<SignedSource::bf6a6956c0f05008a38d080067ade3fb>>
9
+ * @codegen <<SignedSource::eaaa970ce079ba5e26ef6b1bd1440d6c>>
10
10
  * @codegenCommand yarn build tokens
11
11
  */
12
12
  var tokens = [{
@@ -16,14 +16,7 @@ var tokens = [{
16
16
  "introduced": "1.14.0",
17
17
  "description": "The default body font."
18
18
  },
19
- "value": {
20
- "fontSize": 14,
21
- "fontStyle": "normal",
22
- "fontWeight": "400",
23
- "lineHeight": 20,
24
- "fontFamily": "ui-sans-serif, \"Segoe UI\", system-ui, Ubuntu, \"Helvetica Neue\", sans-serif",
25
- "letterSpacing": "0"
26
- },
19
+ "value": "normal 400 14px/20px ui-sans-serif, \"Segoe UI\", system-ui, Ubuntu, \"Helvetica Neue\", sans-serif",
27
20
  "filePath": "src/tokens/atlassian-typography/theme.tsx",
28
21
  "isSource": true,
29
22
  "original": {
@@ -50,16 +43,38 @@ var tokens = [{
50
43
  "group": "typography",
51
44
  "state": "experimental",
52
45
  "introduced": "1.14.0",
53
- "description": "Smaller body font."
46
+ "description": "Larger body font or default body font for text rich experiences."
54
47
  },
55
- "value": {
56
- "fontSize": 12,
57
- "fontStyle": "normal",
58
- "fontWeight": "400",
59
- "lineHeight": 20,
60
- "fontFamily": "ui-sans-serif, \"Segoe UI\", system-ui, Ubuntu, \"Helvetica Neue\", sans-serif",
61
- "letterSpacing": "0"
48
+ "value": "normal 400 16px/24px ui-sans-serif, \"Segoe UI\", system-ui, Ubuntu, \"Helvetica Neue\", sans-serif",
49
+ "filePath": "src/tokens/atlassian-typography/theme.tsx",
50
+ "isSource": true,
51
+ "original": {
52
+ "attributes": {
53
+ "group": "typography",
54
+ "state": "experimental",
55
+ "introduced": "1.14.0",
56
+ "description": "Larger body font or default body font for text rich experiences."
57
+ },
58
+ "value": {
59
+ "fontWeight": "FontWeight400",
60
+ "fontSize": "FontSize16",
61
+ "lineHeight": "LineHeight300",
62
+ "fontFamily": "FontFamilyWebSans",
63
+ "fontStyle": "normal",
64
+ "letterSpacing": "LetterSpacing0"
65
+ }
62
66
  },
67
+ "name": "font.body.lg",
68
+ "path": ["font", "body", "lg"],
69
+ "cleanName": "font.body.lg"
70
+ }, {
71
+ "attributes": {
72
+ "group": "typography",
73
+ "state": "experimental",
74
+ "introduced": "1.14.0",
75
+ "description": "Smaller body font."
76
+ },
77
+ "value": "normal 400 12px/20px ui-sans-serif, \"Segoe UI\", system-ui, Ubuntu, \"Helvetica Neue\", sans-serif",
63
78
  "filePath": "src/tokens/atlassian-typography/theme.tsx",
64
79
  "isSource": true,
65
80
  "original": {
@@ -88,14 +103,7 @@ var tokens = [{
88
103
  "introduced": "1.14.0",
89
104
  "description": "Used for monospace and code."
90
105
  },
91
- "value": {
92
- "fontSize": "0.875em",
93
- "fontStyle": "normal",
94
- "fontWeight": "400",
95
- "lineHeight": "1",
96
- "fontFamily": "ui-monospace, Menlo, \"Segoe UI Mono\", \"Ubuntu Mono\", monospace",
97
- "letterSpacing": "0"
98
- },
106
+ "value": "normal 400 0.875em/1 ui-monospace, Menlo, \"Segoe UI Mono\", \"Ubuntu Mono\", monospace",
99
107
  "filePath": "src/tokens/atlassian-typography/theme.tsx",
100
108
  "isSource": true,
101
109
  "original": {
@@ -124,14 +132,7 @@ var tokens = [{
124
132
  "introduced": "1.14.0",
125
133
  "description": "TBD"
126
134
  },
127
- "value": {
128
- "fontSize": 24,
129
- "fontStyle": "normal",
130
- "fontWeight": "700",
131
- "lineHeight": 28,
132
- "fontFamily": "ui-sans-serif, \"Segoe UI\", system-ui, Ubuntu, \"Helvetica Neue\", sans-serif",
133
- "letterSpacing": "0"
134
- },
135
+ "value": "normal 700 24px/28px ui-sans-serif, \"Segoe UI\", system-ui, Ubuntu, \"Helvetica Neue\", sans-serif",
135
136
  "filePath": "src/tokens/atlassian-typography/theme.tsx",
136
137
  "isSource": true,
137
138
  "original": {
@@ -160,14 +161,7 @@ var tokens = [{
160
161
  "introduced": "1.14.0",
161
162
  "description": "TBD"
162
163
  },
163
- "value": {
164
- "fontSize": 20,
165
- "fontStyle": "normal",
166
- "fontWeight": "700",
167
- "lineHeight": 24,
168
- "fontFamily": "ui-sans-serif, \"Segoe UI\", system-ui, Ubuntu, \"Helvetica Neue\", sans-serif",
169
- "letterSpacing": "0"
170
- },
164
+ "value": "normal 700 20px/24px ui-sans-serif, \"Segoe UI\", system-ui, Ubuntu, \"Helvetica Neue\", sans-serif",
171
165
  "filePath": "src/tokens/atlassian-typography/theme.tsx",
172
166
  "isSource": true,
173
167
  "original": {
@@ -196,14 +190,7 @@ var tokens = [{
196
190
  "introduced": "1.14.0",
197
191
  "description": "TBD"
198
192
  },
199
- "value": {
200
- "fontSize": 16,
201
- "fontStyle": "normal",
202
- "fontWeight": "700",
203
- "lineHeight": 20,
204
- "fontFamily": "ui-sans-serif, \"Segoe UI\", system-ui, Ubuntu, \"Helvetica Neue\", sans-serif",
205
- "letterSpacing": "0"
206
- },
193
+ "value": "normal 700 16px/20px ui-sans-serif, \"Segoe UI\", system-ui, Ubuntu, \"Helvetica Neue\", sans-serif",
207
194
  "filePath": "src/tokens/atlassian-typography/theme.tsx",
208
195
  "isSource": true,
209
196
  "original": {
@@ -232,14 +219,7 @@ var tokens = [{
232
219
  "introduced": "1.14.0",
233
220
  "description": "TBD"
234
221
  },
235
- "value": {
236
- "fontSize": 28,
237
- "fontStyle": "normal",
238
- "fontWeight": "700",
239
- "lineHeight": 32,
240
- "fontFamily": "ui-sans-serif, \"Segoe UI\", system-ui, Ubuntu, \"Helvetica Neue\", sans-serif",
241
- "letterSpacing": "0"
242
- },
222
+ "value": "normal 700 28px/32px ui-sans-serif, \"Segoe UI\", system-ui, Ubuntu, \"Helvetica Neue\", sans-serif",
243
223
  "filePath": "src/tokens/atlassian-typography/theme.tsx",
244
224
  "isSource": true,
245
225
  "original": {
@@ -268,14 +248,7 @@ var tokens = [{
268
248
  "introduced": "1.14.0",
269
249
  "description": "TBD"
270
250
  },
271
- "value": {
272
- "fontSize": 14,
273
- "fontStyle": "normal",
274
- "fontWeight": "700",
275
- "lineHeight": 16,
276
- "fontFamily": "ui-sans-serif, \"Segoe UI\", system-ui, Ubuntu, \"Helvetica Neue\", sans-serif",
277
- "letterSpacing": "0"
278
- },
251
+ "value": "normal 700 14px/16px ui-sans-serif, \"Segoe UI\", system-ui, Ubuntu, \"Helvetica Neue\", sans-serif",
279
252
  "filePath": "src/tokens/atlassian-typography/theme.tsx",
280
253
  "isSource": true,
281
254
  "original": {
@@ -304,14 +277,7 @@ var tokens = [{
304
277
  "introduced": "1.14.0",
305
278
  "description": "TBD"
306
279
  },
307
- "value": {
308
- "fontSize": 36,
309
- "fontStyle": "normal",
310
- "fontWeight": "700",
311
- "lineHeight": 40,
312
- "fontFamily": "ui-sans-serif, \"Segoe UI\", system-ui, Ubuntu, \"Helvetica Neue\", sans-serif",
313
- "letterSpacing": "0"
314
- },
280
+ "value": "normal 700 36px/40px ui-sans-serif, \"Segoe UI\", system-ui, Ubuntu, \"Helvetica Neue\", sans-serif",
315
281
  "filePath": "src/tokens/atlassian-typography/theme.tsx",
316
282
  "isSource": true,
317
283
  "original": {
@@ -340,14 +306,7 @@ var tokens = [{
340
306
  "introduced": "1.14.0",
341
307
  "description": "TBD"
342
308
  },
343
- "value": {
344
- "fontSize": 12,
345
- "fontStyle": "normal",
346
- "fontWeight": "700",
347
- "lineHeight": 16,
348
- "fontFamily": "ui-sans-serif, \"Segoe UI\", system-ui, Ubuntu, \"Helvetica Neue\", sans-serif",
349
- "letterSpacing": "0"
350
- },
309
+ "value": "normal 700 12px/16px ui-sans-serif, \"Segoe UI\", system-ui, Ubuntu, \"Helvetica Neue\", sans-serif",
351
310
  "filePath": "src/tokens/atlassian-typography/theme.tsx",
352
311
  "isSource": true,
353
312
  "original": {
@@ -486,14 +445,7 @@ var tokens = [{
486
445
  "introduced": "1.14.0",
487
446
  "description": "Single-line non-wrapping text like that in a button."
488
447
  },
489
- "value": {
490
- "fontSize": 14,
491
- "fontStyle": "normal",
492
- "fontWeight": "400",
493
- "lineHeight": "1",
494
- "fontFamily": "ui-sans-serif, \"Segoe UI\", system-ui, Ubuntu, \"Helvetica Neue\", sans-serif",
495
- "letterSpacing": "0"
496
- },
448
+ "value": "normal 400 14px/1 ui-sans-serif, \"Segoe UI\", system-ui, Ubuntu, \"Helvetica Neue\", sans-serif",
497
449
  "filePath": "src/tokens/atlassian-typography/theme.tsx",
498
450
  "isSource": true,
499
451
  "original": {
@@ -522,14 +474,7 @@ var tokens = [{
522
474
  "introduced": "1.14.0",
523
475
  "description": "Single-line non-wrapping supporting text like that in a smaller label."
524
476
  },
525
- "value": {
526
- "fontSize": 12,
527
- "fontStyle": "normal",
528
- "fontWeight": "400",
529
- "lineHeight": "1",
530
- "fontFamily": "ui-sans-serif, \"Segoe UI\", system-ui, Ubuntu, \"Helvetica Neue\", sans-serif",
531
- "letterSpacing": "0"
532
- },
477
+ "value": "normal 400 12px/1 ui-sans-serif, \"Segoe UI\", system-ui, Ubuntu, \"Helvetica Neue\", sans-serif",
533
478
  "filePath": "src/tokens/atlassian-typography/theme.tsx",
534
479
  "isSource": true,
535
480
  "original": {
@@ -13,8 +13,8 @@ var _atlassianLegacyLight = _interopRequireDefault(require("../artifacts/tokens-
13
13
  var _atlassianLight = _interopRequireDefault(require("../artifacts/tokens-raw/atlassian-light"));
14
14
  function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
15
15
  function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
16
- function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
17
- function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
16
+ function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
17
+ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
18
18
  // Convert raw tokens to key-value pairs { token: value }
19
19
  var getThemeValues = function getThemeValues(theme) {
20
20
  var tokensToMap = theme === 'light' ? _atlassianLight.default : _atlassianLegacyLight.default;
@@ -9,8 +9,8 @@ var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/de
9
9
  var _constants = require("./constants");
10
10
  var _themeConfig = require("./theme-config");
11
11
  var _themeStateTransformer = require("./theme-state-transformer");
12
- function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
13
- function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
12
+ function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
13
+ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
14
14
  var isThemeColorMode = function isThemeColorMode(colorMode) {
15
15
  return _themeConfig.themeColorModes.find(function (mode) {
16
16
  return mode === colorMode;
@@ -8,7 +8,7 @@ exports.default = void 0;
8
8
  var _warnOnce = _interopRequireDefault(require("@atlaskit/ds-lib/warn-once"));
9
9
  var _tokenNames = _interopRequireDefault(require("./artifacts/token-names"));
10
10
  var name = "@atlaskit/tokens";
11
- var version = "1.17.0";
11
+ var version = "1.18.0";
12
12
  /**
13
13
  * Takes a dot-separated token name and and an optional fallback, and returns the current computed CSS value for the
14
14
  * resulting CSS Custom Property.
@@ -9,7 +9,7 @@ var _warnOnce = _interopRequireDefault(require("@atlaskit/ds-lib/warn-once"));
9
9
  var _tokenNames = _interopRequireDefault(require("./artifacts/token-names"));
10
10
  var _constants = require("./constants");
11
11
  var name = "@atlaskit/tokens";
12
- var version = "1.17.0";
12
+ var version = "1.18.0";
13
13
  /**
14
14
  * Takes a dot-separated token name and an optional fallback, and returns the CSS custom property for the corresponding token.
15
15
  * This should be used to implement design decisions throughout your application.
@@ -6,38 +6,38 @@ Object.defineProperty(exports, "__esModule", {
6
6
  });
7
7
  exports.default = void 0;
8
8
  var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
9
- function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
10
- function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
9
+ function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
10
+ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
11
11
  var letterSpacingScale = {
12
12
  letterSpacing: {
13
13
  LetterSpacing0: {
14
14
  value: '0',
15
15
  attributes: {
16
- group: 'typography'
16
+ group: 'letterSpacing'
17
17
  }
18
18
  },
19
19
  LetterSpacing100: {
20
20
  value: '-0.003em',
21
21
  attributes: {
22
- group: 'typography'
22
+ group: 'letterSpacing'
23
23
  }
24
24
  },
25
25
  LetterSpacing200: {
26
26
  value: '-0.006em',
27
27
  attributes: {
28
- group: 'typography'
28
+ group: 'letterSpacing'
29
29
  }
30
30
  },
31
31
  LetterSpacing300: {
32
32
  value: '-0.008em',
33
33
  attributes: {
34
- group: 'typography'
34
+ group: 'letterSpacing'
35
35
  }
36
36
  },
37
37
  LetterSpacing400: {
38
38
  value: '-0.01em',
39
39
  attributes: {
40
- group: 'typography'
40
+ group: 'letterSpacing'
41
41
  }
42
42
  }
43
43
  }
@@ -47,49 +47,55 @@ var lineHeightScale = {
47
47
  LineHeight1: {
48
48
  value: '1',
49
49
  attributes: {
50
- group: 'typography'
50
+ group: 'lineHeight'
51
+ }
52
+ },
53
+ LineHeight050: {
54
+ value: 12,
55
+ attributes: {
56
+ group: 'lineHeight'
51
57
  }
52
58
  },
53
59
  LineHeight100: {
54
60
  value: 16,
55
61
  attributes: {
56
- group: 'typography'
62
+ group: 'lineHeight'
57
63
  }
58
64
  },
59
65
  LineHeight200: {
60
66
  value: 20,
61
67
  attributes: {
62
- group: 'typography'
68
+ group: 'lineHeight'
63
69
  }
64
70
  },
65
71
  LineHeight300: {
66
72
  value: 24,
67
73
  attributes: {
68
- group: 'typography'
74
+ group: 'lineHeight'
69
75
  }
70
76
  },
71
77
  LineHeight400: {
72
78
  value: 28,
73
79
  attributes: {
74
- group: 'typography'
80
+ group: 'lineHeight'
75
81
  }
76
82
  },
77
83
  LineHeight500: {
78
84
  value: 32,
79
85
  attributes: {
80
- group: 'typography'
86
+ group: 'lineHeight'
81
87
  }
82
88
  },
83
89
  LineHeight600: {
84
90
  value: 36,
85
91
  attributes: {
86
- group: 'typography'
92
+ group: 'lineHeight'
87
93
  }
88
94
  },
89
95
  LineHeight700: {
90
96
  value: 40,
91
97
  attributes: {
92
- group: 'typography'
98
+ group: 'lineHeight'
93
99
  }
94
100
  }
95
101
  }
@@ -99,25 +105,25 @@ var fontWeightScale = {
99
105
  FontWeight400: {
100
106
  value: '400',
101
107
  attributes: {
102
- group: 'typography'
108
+ group: 'fontWeight'
103
109
  }
104
110
  },
105
111
  FontWeight500: {
106
112
  value: '500',
107
113
  attributes: {
108
- group: 'typography'
114
+ group: 'fontWeight'
109
115
  }
110
116
  },
111
117
  FontWeight600: {
112
118
  value: '600',
113
119
  attributes: {
114
- group: 'typography'
120
+ group: 'fontWeight'
115
121
  }
116
122
  },
117
123
  FontWeight700: {
118
124
  value: '700',
119
125
  attributes: {
120
- group: 'typography'
126
+ group: 'fontWeight'
121
127
  }
122
128
  }
123
129
  }
@@ -127,13 +133,13 @@ var fontFamilyPalette = {
127
133
  FontFamilyCharlie: {
128
134
  value: 'Charlie Sans',
129
135
  attributes: {
130
- group: 'typography'
136
+ group: 'fontFamily'
131
137
  }
132
138
  },
133
139
  LegacyFontFamilyWebSans: {
134
140
  value: "-apple-system, BlinkMacSystemFont, \"Segoe UI\", \"Roboto\", \"Oxygen\", \"Ubuntu\", \"Fira Sans\", \"Droid Sans\", \"Helvetica Neue\", sans-serif",
135
141
  attributes: {
136
- group: 'typography'
142
+ group: 'fontFamily'
137
143
  }
138
144
  },
139
145
  /**
@@ -144,37 +150,37 @@ var fontFamilyPalette = {
144
150
  FontFamilyWebSans: {
145
151
  value: "ui-sans-serif, \"Segoe UI\", system-ui, Ubuntu, \"Helvetica Neue\", sans-serif",
146
152
  attributes: {
147
- group: 'typography'
153
+ group: 'fontFamily'
148
154
  }
149
155
  },
150
156
  FontFamilyiOSSans: {
151
157
  value: 'SF Pro',
152
158
  attributes: {
153
- group: 'typography'
159
+ group: 'fontFamily'
154
160
  }
155
161
  },
156
162
  FontFamilyAndroidSans: {
157
163
  value: 'Roboto',
158
164
  attributes: {
159
- group: 'typography'
165
+ group: 'fontFamily'
160
166
  }
161
167
  },
162
168
  FontFamilyWebMono: {
163
169
  value: "ui-monospace, Menlo, \"Segoe UI Mono\", \"Ubuntu Mono\", monospace",
164
170
  attributes: {
165
- group: 'typography'
171
+ group: 'fontFamily'
166
172
  }
167
173
  },
168
174
  FontFamilyiOSMono: {
169
175
  value: 'SF Mono',
170
176
  attributes: {
171
- group: 'typography'
177
+ group: 'fontFamily'
172
178
  }
173
179
  },
174
180
  FontFamilyAndroidMono: {
175
181
  value: 'Roboto Mono',
176
182
  attributes: {
177
- group: 'typography'
183
+ group: 'fontFamily'
178
184
  }
179
185
  }
180
186
  }
@@ -184,79 +190,79 @@ var fontSizeScale = {
184
190
  FontSizeCode: {
185
191
  value: '0.875em',
186
192
  attributes: {
187
- group: 'typography'
193
+ group: 'fontSize'
188
194
  }
189
195
  },
190
196
  LegacyFontSize11: {
191
197
  value: 11,
192
198
  attributes: {
193
- group: 'typography'
199
+ group: 'fontSize'
194
200
  }
195
201
  },
196
202
  FontSize12: {
197
203
  value: 12,
198
204
  attributes: {
199
- group: 'typography'
205
+ group: 'fontSize'
200
206
  }
201
207
  },
202
208
  FontSize14: {
203
209
  value: 14,
204
210
  attributes: {
205
- group: 'typography'
211
+ group: 'fontSize'
206
212
  }
207
213
  },
208
214
  FontSize16: {
209
215
  value: 16,
210
216
  attributes: {
211
- group: 'typography'
217
+ group: 'fontSize'
212
218
  }
213
219
  },
214
220
  FontSize20: {
215
221
  value: 20,
216
222
  attributes: {
217
- group: 'typography'
223
+ group: 'fontSize'
218
224
  }
219
225
  },
220
226
  FontSize24: {
221
227
  value: 24,
222
228
  attributes: {
223
- group: 'typography'
229
+ group: 'fontSize'
224
230
  }
225
231
  },
226
232
  FontSize28: {
227
233
  value: 28,
228
234
  attributes: {
229
- group: 'typography'
235
+ group: 'fontSize'
230
236
  }
231
237
  },
232
238
  LegacyFontSize29: {
233
239
  value: 29,
234
240
  attributes: {
235
- group: 'typography'
241
+ group: 'fontSize'
236
242
  }
237
243
  },
238
244
  FontSize32: {
239
245
  value: 32,
240
246
  attributes: {
241
- group: 'typography'
247
+ group: 'fontSize'
242
248
  }
243
249
  },
244
250
  LegacyFontSize35: {
245
251
  value: 35,
246
252
  attributes: {
247
- group: 'typography'
253
+ group: 'fontSize'
248
254
  }
249
255
  },
250
256
  FontSize36: {
251
257
  value: 36,
252
258
  attributes: {
253
- group: 'typography'
259
+ group: 'fontSize'
254
260
  }
255
261
  },
256
262
  FontSize48: {
257
263
  value: 48,
258
264
  attributes: {
259
- group: 'typography'
265
+ group: 'fontSize'
260
266
  }
261
267
  }
262
268
  }
@@ -110,6 +110,16 @@ var typography = {
110
110
  fontStyle: 'normal',
111
111
  letterSpacing: 'LetterSpacing0'
112
112
  }
113
+ },
114
+ lg: {
115
+ value: {
116
+ fontWeight: 'FontWeight400',
117
+ fontSize: 'FontSize16',
118
+ lineHeight: 'LineHeight300',
119
+ fontFamily: 'FontFamilyWebSans',
120
+ fontStyle: 'normal',
121
+ letterSpacing: 'LetterSpacing0'
122
+ }
113
123
  }
114
124
  },
115
125
  ui: {
@@ -101,6 +101,16 @@ var typography = {
101
101
  letterSpacing: 'LetterSpacing0'
102
102
  }
103
103
  },
104
+ lg: {
105
+ value: {
106
+ fontWeight: 'FontWeight400',
107
+ fontSize: 'FontSize16',
108
+ lineHeight: 'LineHeight300',
109
+ fontFamily: 'FontFamilyWebSans',
110
+ fontStyle: 'normal',
111
+ letterSpacing: 'LetterSpacing0'
112
+ }
113
+ },
104
114
  sm: {
105
115
  value: {
106
116
  fontWeight: 'FontWeight400',
@@ -117,7 +127,7 @@ var typography = {
117
127
  value: {
118
128
  fontWeight: 'FontWeight400',
119
129
  fontSize: 'FontSize14',
120
- lineHeight: 'LineHeight100',
130
+ lineHeight: 'LineHeight1',
121
131
  fontFamily: 'FontFamilyWebSans',
122
132
  fontStyle: 'normal',
123
133
  letterSpacing: 'LetterSpacing0'
@@ -127,7 +137,7 @@ var typography = {
127
137
  value: {
128
138
  fontWeight: 'FontWeight400',
129
139
  fontSize: 'LegacyFontSize11',
130
- lineHeight: 'LineHeight100',
140
+ lineHeight: 'LineHeight1',
131
141
  fontFamily: 'FontFamilyWebSans',
132
142
  fontStyle: 'normal',
133
143
  letterSpacing: 'LetterSpacing0'
@@ -101,6 +101,16 @@ var typography = {
101
101
  letterSpacing: 'LetterSpacing0'
102
102
  }
103
103
  },
104
+ lg: {
105
+ value: {
106
+ fontWeight: 'FontWeight400',
107
+ fontSize: 'FontSize16',
108
+ lineHeight: 'LineHeight300',
109
+ fontFamily: 'FontFamilyWebSans',
110
+ fontStyle: 'normal',
111
+ letterSpacing: 'LetterSpacing0'
112
+ }
113
+ },
104
114
  sm: {
105
115
  value: {
106
116
  fontWeight: 'FontWeight400',
@@ -110,6 +110,14 @@ var font = {
110
110
  }
111
111
  },
112
112
  body: {
113
+ lg: {
114
+ attributes: {
115
+ group: 'typography',
116
+ state: 'experimental',
117
+ introduced: '1.14.0',
118
+ description: 'Larger body font or default body font for text rich experiences.'
119
+ }
120
+ },
113
121
  sm: {
114
122
  attributes: {
115
123
  group: 'typography',