@atlaskit/tokens 11.3.0 → 11.4.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 (102) hide show
  1. package/CHANGELOG.md +14 -0
  2. package/artifacts/theme-import-map/package.json +17 -0
  3. package/artifacts/types/package.json +17 -0
  4. package/codemods/remove-fallbacks/transform.tsx +1 -1
  5. package/constants/package.json +17 -0
  6. package/dist/cjs/babel-plugin/plugin.js +12 -0
  7. package/dist/cjs/entry-points/artifacts-theme-import-map.js +13 -0
  8. package/dist/cjs/entry-points/artifacts-types.js +1 -0
  9. package/dist/cjs/entry-points/constants.js +30 -0
  10. package/dist/cjs/entry-points/enable-global-theme.js +13 -0
  11. package/dist/cjs/entry-points/get-global-theme.js +13 -0
  12. package/dist/cjs/entry-points/get-ssr-auto-script.js +13 -0
  13. package/dist/cjs/entry-points/get-theme-html-attrs.js +13 -0
  14. package/dist/cjs/entry-points/get-theme-styles.js +13 -0
  15. package/dist/cjs/entry-points/get-token-value.js +13 -0
  16. package/dist/cjs/entry-points/get-token.js +13 -0
  17. package/dist/cjs/entry-points/set-global-theme.js +13 -0
  18. package/dist/cjs/entry-points/theme-config.js +13 -0
  19. package/dist/cjs/entry-points/theme-mutation-observer.js +13 -0
  20. package/dist/cjs/entry-points/theme-state-transformer.js +18 -0
  21. package/dist/cjs/entry-points/types.js +1 -0
  22. package/dist/cjs/entry-points/use-theme-observer.js +13 -0
  23. package/dist/es2019/babel-plugin/plugin.js +10 -0
  24. package/dist/es2019/entry-points/artifacts-theme-import-map.js +1 -0
  25. package/dist/es2019/entry-points/artifacts-types.js +0 -0
  26. package/dist/es2019/entry-points/constants.js +1 -0
  27. package/dist/es2019/entry-points/enable-global-theme.js +1 -0
  28. package/dist/es2019/entry-points/get-global-theme.js +1 -0
  29. package/dist/es2019/entry-points/get-ssr-auto-script.js +1 -0
  30. package/dist/es2019/entry-points/get-theme-html-attrs.js +1 -0
  31. package/dist/es2019/entry-points/get-theme-styles.js +1 -0
  32. package/dist/es2019/entry-points/get-token-value.js +1 -0
  33. package/dist/es2019/entry-points/get-token.js +1 -0
  34. package/dist/es2019/entry-points/set-global-theme.js +1 -0
  35. package/dist/es2019/entry-points/theme-config.js +1 -0
  36. package/dist/es2019/entry-points/theme-mutation-observer.js +1 -0
  37. package/dist/es2019/entry-points/theme-state-transformer.js +1 -0
  38. package/dist/es2019/entry-points/types.js +0 -0
  39. package/dist/es2019/entry-points/use-theme-observer.js +1 -0
  40. package/dist/esm/babel-plugin/plugin.js +12 -0
  41. package/dist/esm/entry-points/artifacts-theme-import-map.js +1 -0
  42. package/dist/esm/entry-points/artifacts-types.js +0 -0
  43. package/dist/esm/entry-points/constants.js +1 -0
  44. package/dist/esm/entry-points/enable-global-theme.js +1 -0
  45. package/dist/esm/entry-points/get-global-theme.js +1 -0
  46. package/dist/esm/entry-points/get-ssr-auto-script.js +1 -0
  47. package/dist/esm/entry-points/get-theme-html-attrs.js +1 -0
  48. package/dist/esm/entry-points/get-theme-styles.js +1 -0
  49. package/dist/esm/entry-points/get-token-value.js +1 -0
  50. package/dist/esm/entry-points/get-token.js +1 -0
  51. package/dist/esm/entry-points/set-global-theme.js +1 -0
  52. package/dist/esm/entry-points/theme-config.js +1 -0
  53. package/dist/esm/entry-points/theme-mutation-observer.js +1 -0
  54. package/dist/esm/entry-points/theme-state-transformer.js +1 -0
  55. package/dist/esm/entry-points/types.js +0 -0
  56. package/dist/esm/entry-points/use-theme-observer.js +1 -0
  57. package/dist/types/entry-points/artifacts-theme-import-map.d.ts +1 -0
  58. package/dist/types/entry-points/artifacts-types.d.ts +1 -0
  59. package/dist/types/entry-points/constants.d.ts +1 -0
  60. package/dist/types/entry-points/enable-global-theme.d.ts +1 -0
  61. package/dist/types/entry-points/get-global-theme.d.ts +1 -0
  62. package/dist/types/entry-points/get-ssr-auto-script.d.ts +1 -0
  63. package/dist/types/entry-points/get-theme-html-attrs.d.ts +1 -0
  64. package/dist/types/entry-points/get-theme-styles.d.ts +1 -0
  65. package/dist/types/entry-points/get-token-value.d.ts +1 -0
  66. package/dist/types/entry-points/get-token.d.ts +1 -0
  67. package/dist/types/entry-points/set-global-theme.d.ts +1 -0
  68. package/dist/types/entry-points/theme-config.d.ts +2 -0
  69. package/dist/types/entry-points/theme-mutation-observer.d.ts +1 -0
  70. package/dist/types/entry-points/theme-state-transformer.d.ts +1 -0
  71. package/dist/types/entry-points/types.d.ts +1 -0
  72. package/dist/types/entry-points/use-theme-observer.d.ts +1 -0
  73. package/dist/types-ts4.5/entry-points/artifacts-theme-import-map.d.ts +1 -0
  74. package/dist/types-ts4.5/entry-points/artifacts-types.d.ts +1 -0
  75. package/dist/types-ts4.5/entry-points/constants.d.ts +1 -0
  76. package/dist/types-ts4.5/entry-points/enable-global-theme.d.ts +1 -0
  77. package/dist/types-ts4.5/entry-points/get-global-theme.d.ts +1 -0
  78. package/dist/types-ts4.5/entry-points/get-ssr-auto-script.d.ts +1 -0
  79. package/dist/types-ts4.5/entry-points/get-theme-html-attrs.d.ts +1 -0
  80. package/dist/types-ts4.5/entry-points/get-theme-styles.d.ts +1 -0
  81. package/dist/types-ts4.5/entry-points/get-token-value.d.ts +1 -0
  82. package/dist/types-ts4.5/entry-points/get-token.d.ts +1 -0
  83. package/dist/types-ts4.5/entry-points/set-global-theme.d.ts +1 -0
  84. package/dist/types-ts4.5/entry-points/theme-config.d.ts +2 -0
  85. package/dist/types-ts4.5/entry-points/theme-mutation-observer.d.ts +1 -0
  86. package/dist/types-ts4.5/entry-points/theme-state-transformer.d.ts +1 -0
  87. package/dist/types-ts4.5/entry-points/types.d.ts +1 -0
  88. package/dist/types-ts4.5/entry-points/use-theme-observer.d.ts +1 -0
  89. package/enable-global-theme/package.json +17 -0
  90. package/get-global-theme/package.json +17 -0
  91. package/get-ssr-auto-script/package.json +17 -0
  92. package/get-theme-html-attrs/package.json +17 -0
  93. package/get-theme-styles/package.json +17 -0
  94. package/get-token/package.json +17 -0
  95. package/get-token-value/package.json +17 -0
  96. package/package.json +1 -1
  97. package/set-global-theme/package.json +17 -0
  98. package/theme-config/package.json +17 -0
  99. package/theme-mutation-observer/package.json +17 -0
  100. package/theme-state-transformer/package.json +17 -0
  101. package/types/package.json +17 -0
  102. package/use-theme-observer/package.json +17 -0
package/CHANGELOG.md CHANGED
@@ -1,5 +1,19 @@
1
1
  # @atlaskit/tokens
2
2
 
3
+ ## 11.4.0
4
+
5
+ ### Minor Changes
6
+
7
+ - [`6d76a7647c5da`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/6d76a7647c5da) -
8
+ Autofix: add explicit package exports (barrel removal)
9
+
10
+ ## 11.3.1
11
+
12
+ ### Patch Changes
13
+
14
+ - [`9f858e9b1f9e8`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/9f858e9b1f9e8) -
15
+ Fixed default fallback resolution for motion design tokens
16
+
3
17
  ## 11.3.0
4
18
 
5
19
  ### Minor Changes
@@ -0,0 +1,17 @@
1
+ {
2
+ "name": "@atlaskit/tokens/artifacts/theme-import-map",
3
+ "main": "../../dist/cjs/entry-points/artifacts-theme-import-map.js",
4
+ "module": "../../dist/esm/entry-points/artifacts-theme-import-map.js",
5
+ "module:es2019": "../../dist/es2019/entry-points/artifacts-theme-import-map.js",
6
+ "sideEffects": [
7
+ "**/*.css"
8
+ ],
9
+ "types": "../../dist/types/entry-points/artifacts-theme-import-map.d.ts",
10
+ "typesVersions": {
11
+ ">=4.5 <5.9": {
12
+ "*": [
13
+ "../../dist/types-ts4.5/entry-points/artifacts-theme-import-map.d.ts"
14
+ ]
15
+ }
16
+ }
17
+ }
@@ -0,0 +1,17 @@
1
+ {
2
+ "name": "@atlaskit/tokens/artifacts/types",
3
+ "main": "../../dist/cjs/entry-points/artifacts-types.js",
4
+ "module": "../../dist/esm/entry-points/artifacts-types.js",
5
+ "module:es2019": "../../dist/es2019/entry-points/artifacts-types.js",
6
+ "sideEffects": [
7
+ "**/*.css"
8
+ ],
9
+ "types": "../../dist/types/entry-points/artifacts-types.d.ts",
10
+ "typesVersions": {
11
+ ">=4.5 <5.9": {
12
+ "*": [
13
+ "../../dist/types-ts4.5/entry-points/artifacts-types.d.ts"
14
+ ]
15
+ }
16
+ }
17
+ }
@@ -18,7 +18,7 @@ export default async function transformer(file: FileInfo, api: API): Promise<str
18
18
  ) {
19
19
  // Remove the second argument
20
20
  path.node.arguments.splice(1, 1);
21
- fileHasChanges = true
21
+ fileHasChanges = true;
22
22
  }
23
23
  });
24
24
 
@@ -0,0 +1,17 @@
1
+ {
2
+ "name": "@atlaskit/tokens/constants",
3
+ "main": "../dist/cjs/entry-points/constants.js",
4
+ "module": "../dist/esm/entry-points/constants.js",
5
+ "module:es2019": "../dist/es2019/entry-points/constants.js",
6
+ "sideEffects": [
7
+ "**/*.css"
8
+ ],
9
+ "types": "../dist/types/entry-points/constants.d.ts",
10
+ "typesVersions": {
11
+ ">=4.5 <5.9": {
12
+ "*": [
13
+ "../dist/types-ts4.5/entry-points/constants.d.ts"
14
+ ]
15
+ }
16
+ }
17
+ }
@@ -73,6 +73,18 @@ var getThemeValues = function getThemeValues(theme) {
73
73
  }
74
74
  return prev + value;
75
75
  }, '');
76
+ } else if (Object(rawToken.value).hasOwnProperty('keyframes') || Object(rawToken.value).hasOwnProperty('properties')) {
77
+ // Handle motion tokens which have object values like { duration, curve, keyframes, etc. }
78
+ // Convert to a JSON string representation for fallback value
79
+ var motionToken = rawToken.value;
80
+ if (motionToken.keyframes) {
81
+ value = motionToken.keyframes.map(function (keyframe) {
82
+ return "".concat(motionToken.duration, "ms ").concat(motionToken.curve, " ").concat(keyframe).concat(motionToken.delay ? " ".concat(motionToken.delay, "ms") : '');
83
+ }).join(', ');
84
+ } else {
85
+ var _motionToken$properti;
86
+ value = "".concat((_motionToken$properti = motionToken.properties) === null || _motionToken$properti === void 0 ? void 0 : _motionToken$properti.join(' '), " ").concat(motionToken.duration, "ms ").concat(motionToken.curve).concat(motionToken.delay ? " ".concat(motionToken.delay, "ms") : '');
87
+ }
76
88
  } else {
77
89
  // ignore when value is `fontweight` etc. - this is apparently not handled here.
78
90
  return formatted;
@@ -0,0 +1,13 @@
1
+ "use strict";
2
+
3
+ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
4
+ Object.defineProperty(exports, "__esModule", {
5
+ value: true
6
+ });
7
+ Object.defineProperty(exports, "themeImportMap", {
8
+ enumerable: true,
9
+ get: function get() {
10
+ return _themeImportMap.default;
11
+ }
12
+ });
13
+ var _themeImportMap = _interopRequireDefault(require("../artifacts/theme-import-map"));
@@ -0,0 +1 @@
1
+ "use strict";
@@ -0,0 +1,30 @@
1
+ "use strict";
2
+
3
+ Object.defineProperty(exports, "__esModule", {
4
+ value: true
5
+ });
6
+ Object.defineProperty(exports, "COLOR_MODE_ATTRIBUTE", {
7
+ enumerable: true,
8
+ get: function get() {
9
+ return _constants.COLOR_MODE_ATTRIBUTE;
10
+ }
11
+ });
12
+ Object.defineProperty(exports, "CURRENT_SURFACE_CSS_VAR", {
13
+ enumerable: true,
14
+ get: function get() {
15
+ return _constants.CURRENT_SURFACE_CSS_VAR;
16
+ }
17
+ });
18
+ Object.defineProperty(exports, "SUBTREE_THEME_ATTRIBUTE", {
19
+ enumerable: true,
20
+ get: function get() {
21
+ return _constants.SUBTREE_THEME_ATTRIBUTE;
22
+ }
23
+ });
24
+ Object.defineProperty(exports, "THEME_DATA_ATTRIBUTE", {
25
+ enumerable: true,
26
+ get: function get() {
27
+ return _constants.THEME_DATA_ATTRIBUTE;
28
+ }
29
+ });
30
+ var _constants = require("../constants");
@@ -0,0 +1,13 @@
1
+ "use strict";
2
+
3
+ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
4
+ Object.defineProperty(exports, "__esModule", {
5
+ value: true
6
+ });
7
+ Object.defineProperty(exports, "enableGlobalTheme", {
8
+ enumerable: true,
9
+ get: function get() {
10
+ return _enableGlobalTheme.default;
11
+ }
12
+ });
13
+ var _enableGlobalTheme = _interopRequireDefault(require("../enable-global-theme"));
@@ -0,0 +1,13 @@
1
+ "use strict";
2
+
3
+ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
4
+ Object.defineProperty(exports, "__esModule", {
5
+ value: true
6
+ });
7
+ Object.defineProperty(exports, "getGlobalTheme", {
8
+ enumerable: true,
9
+ get: function get() {
10
+ return _getGlobalTheme.default;
11
+ }
12
+ });
13
+ var _getGlobalTheme = _interopRequireDefault(require("../get-global-theme"));
@@ -0,0 +1,13 @@
1
+ "use strict";
2
+
3
+ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
4
+ Object.defineProperty(exports, "__esModule", {
5
+ value: true
6
+ });
7
+ Object.defineProperty(exports, "getSSRAutoScript", {
8
+ enumerable: true,
9
+ get: function get() {
10
+ return _getSsrAutoScript.default;
11
+ }
12
+ });
13
+ var _getSsrAutoScript = _interopRequireDefault(require("../get-ssr-auto-script"));
@@ -0,0 +1,13 @@
1
+ "use strict";
2
+
3
+ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
4
+ Object.defineProperty(exports, "__esModule", {
5
+ value: true
6
+ });
7
+ Object.defineProperty(exports, "getThemeHtmlAttrs", {
8
+ enumerable: true,
9
+ get: function get() {
10
+ return _getThemeHtmlAttrs.default;
11
+ }
12
+ });
13
+ var _getThemeHtmlAttrs = _interopRequireDefault(require("../get-theme-html-attrs"));
@@ -0,0 +1,13 @@
1
+ "use strict";
2
+
3
+ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
4
+ Object.defineProperty(exports, "__esModule", {
5
+ value: true
6
+ });
7
+ Object.defineProperty(exports, "getThemeStyles", {
8
+ enumerable: true,
9
+ get: function get() {
10
+ return _getThemeStyles.default;
11
+ }
12
+ });
13
+ var _getThemeStyles = _interopRequireDefault(require("../get-theme-styles"));
@@ -0,0 +1,13 @@
1
+ "use strict";
2
+
3
+ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
4
+ Object.defineProperty(exports, "__esModule", {
5
+ value: true
6
+ });
7
+ Object.defineProperty(exports, "getTokenValue", {
8
+ enumerable: true,
9
+ get: function get() {
10
+ return _getTokenValue.default;
11
+ }
12
+ });
13
+ var _getTokenValue = _interopRequireDefault(require("../get-token-value"));
@@ -0,0 +1,13 @@
1
+ "use strict";
2
+
3
+ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
4
+ Object.defineProperty(exports, "__esModule", {
5
+ value: true
6
+ });
7
+ Object.defineProperty(exports, "token", {
8
+ enumerable: true,
9
+ get: function get() {
10
+ return _getToken.default;
11
+ }
12
+ });
13
+ var _getToken = _interopRequireDefault(require("../get-token"));
@@ -0,0 +1,13 @@
1
+ "use strict";
2
+
3
+ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
4
+ Object.defineProperty(exports, "__esModule", {
5
+ value: true
6
+ });
7
+ Object.defineProperty(exports, "setGlobalTheme", {
8
+ enumerable: true,
9
+ get: function get() {
10
+ return _setGlobalTheme.default;
11
+ }
12
+ });
13
+ var _setGlobalTheme = _interopRequireDefault(require("../set-global-theme"));
@@ -0,0 +1,13 @@
1
+ "use strict";
2
+
3
+ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
4
+ Object.defineProperty(exports, "__esModule", {
5
+ value: true
6
+ });
7
+ Object.defineProperty(exports, "themeConfig", {
8
+ enumerable: true,
9
+ get: function get() {
10
+ return _themeConfig.default;
11
+ }
12
+ });
13
+ var _themeConfig = _interopRequireDefault(require("../theme-config"));
@@ -0,0 +1,13 @@
1
+ "use strict";
2
+
3
+ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
4
+ Object.defineProperty(exports, "__esModule", {
5
+ value: true
6
+ });
7
+ Object.defineProperty(exports, "ThemeMutationObserver", {
8
+ enumerable: true,
9
+ get: function get() {
10
+ return _themeMutationObserver.default;
11
+ }
12
+ });
13
+ var _themeMutationObserver = _interopRequireDefault(require("../theme-mutation-observer"));
@@ -0,0 +1,18 @@
1
+ "use strict";
2
+
3
+ Object.defineProperty(exports, "__esModule", {
4
+ value: true
5
+ });
6
+ Object.defineProperty(exports, "themeObjectToString", {
7
+ enumerable: true,
8
+ get: function get() {
9
+ return _themeStateTransformer.themeObjectToString;
10
+ }
11
+ });
12
+ Object.defineProperty(exports, "themeStringToObject", {
13
+ enumerable: true,
14
+ get: function get() {
15
+ return _themeStateTransformer.themeStringToObject;
16
+ }
17
+ });
18
+ var _themeStateTransformer = require("../theme-state-transformer");
@@ -0,0 +1 @@
1
+ "use strict";
@@ -0,0 +1,13 @@
1
+ "use strict";
2
+
3
+ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
4
+ Object.defineProperty(exports, "__esModule", {
5
+ value: true
6
+ });
7
+ Object.defineProperty(exports, "useThemeObserver", {
8
+ enumerable: true,
9
+ get: function get() {
10
+ return _useThemeObserver.default;
11
+ }
12
+ });
13
+ var _useThemeObserver = _interopRequireDefault(require("../use-theme-observer"));
@@ -47,6 +47,16 @@ const getThemeValues = theme => {
47
47
  }
48
48
  return prev + value;
49
49
  }, '');
50
+ } else if (Object(rawToken.value).hasOwnProperty('keyframes') || Object(rawToken.value).hasOwnProperty('properties')) {
51
+ // Handle motion tokens which have object values like { duration, curve, keyframes, etc. }
52
+ // Convert to a JSON string representation for fallback value
53
+ const motionToken = rawToken.value;
54
+ if (motionToken.keyframes) {
55
+ value = motionToken.keyframes.map(keyframe => `${motionToken.duration}ms ${motionToken.curve} ${keyframe}${motionToken.delay ? ` ${motionToken.delay}ms` : ''}`).join(', ');
56
+ } else {
57
+ var _motionToken$properti;
58
+ value = `${(_motionToken$properti = motionToken.properties) === null || _motionToken$properti === void 0 ? void 0 : _motionToken$properti.join(' ')} ${motionToken.duration}ms ${motionToken.curve}${motionToken.delay ? ` ${motionToken.delay}ms` : ''}`;
59
+ }
50
60
  } else {
51
61
  // ignore when value is `fontweight` etc. - this is apparently not handled here.
52
62
  return formatted;
@@ -0,0 +1 @@
1
+ export { default as themeImportMap } from '../artifacts/theme-import-map';
File without changes
@@ -0,0 +1 @@
1
+ export { COLOR_MODE_ATTRIBUTE, CURRENT_SURFACE_CSS_VAR, SUBTREE_THEME_ATTRIBUTE, THEME_DATA_ATTRIBUTE } from '../constants';
@@ -0,0 +1 @@
1
+ export { default as enableGlobalTheme } from '../enable-global-theme';
@@ -0,0 +1 @@
1
+ export { default as getGlobalTheme } from '../get-global-theme';
@@ -0,0 +1 @@
1
+ export { default as getSSRAutoScript } from '../get-ssr-auto-script';
@@ -0,0 +1 @@
1
+ export { default as getThemeHtmlAttrs } from '../get-theme-html-attrs';
@@ -0,0 +1 @@
1
+ export { default as getThemeStyles } from '../get-theme-styles';
@@ -0,0 +1 @@
1
+ export { default as getTokenValue } from '../get-token-value';
@@ -0,0 +1 @@
1
+ export { default as token } from '../get-token';
@@ -0,0 +1 @@
1
+ export { default as setGlobalTheme } from '../set-global-theme';
@@ -0,0 +1 @@
1
+ export { default as themeConfig } from '../theme-config';
@@ -0,0 +1 @@
1
+ export { default as ThemeMutationObserver } from '../theme-mutation-observer';
@@ -0,0 +1 @@
1
+ export { themeStringToObject, themeObjectToString } from '../theme-state-transformer';
File without changes
@@ -0,0 +1 @@
1
+ export { default as useThemeObserver } from '../use-theme-observer';
@@ -64,6 +64,18 @@ var getThemeValues = function getThemeValues(theme) {
64
64
  }
65
65
  return prev + value;
66
66
  }, '');
67
+ } else if (Object(rawToken.value).hasOwnProperty('keyframes') || Object(rawToken.value).hasOwnProperty('properties')) {
68
+ // Handle motion tokens which have object values like { duration, curve, keyframes, etc. }
69
+ // Convert to a JSON string representation for fallback value
70
+ var motionToken = rawToken.value;
71
+ if (motionToken.keyframes) {
72
+ value = motionToken.keyframes.map(function (keyframe) {
73
+ return "".concat(motionToken.duration, "ms ").concat(motionToken.curve, " ").concat(keyframe).concat(motionToken.delay ? " ".concat(motionToken.delay, "ms") : '');
74
+ }).join(', ');
75
+ } else {
76
+ var _motionToken$properti;
77
+ value = "".concat((_motionToken$properti = motionToken.properties) === null || _motionToken$properti === void 0 ? void 0 : _motionToken$properti.join(' '), " ").concat(motionToken.duration, "ms ").concat(motionToken.curve).concat(motionToken.delay ? " ".concat(motionToken.delay, "ms") : '');
78
+ }
67
79
  } else {
68
80
  // ignore when value is `fontweight` etc. - this is apparently not handled here.
69
81
  return formatted;
@@ -0,0 +1 @@
1
+ export { default as themeImportMap } from '../artifacts/theme-import-map';
File without changes
@@ -0,0 +1 @@
1
+ export { COLOR_MODE_ATTRIBUTE, CURRENT_SURFACE_CSS_VAR, SUBTREE_THEME_ATTRIBUTE, THEME_DATA_ATTRIBUTE } from '../constants';
@@ -0,0 +1 @@
1
+ export { default as enableGlobalTheme } from '../enable-global-theme';
@@ -0,0 +1 @@
1
+ export { default as getGlobalTheme } from '../get-global-theme';
@@ -0,0 +1 @@
1
+ export { default as getSSRAutoScript } from '../get-ssr-auto-script';
@@ -0,0 +1 @@
1
+ export { default as getThemeHtmlAttrs } from '../get-theme-html-attrs';
@@ -0,0 +1 @@
1
+ export { default as getThemeStyles } from '../get-theme-styles';
@@ -0,0 +1 @@
1
+ export { default as getTokenValue } from '../get-token-value';
@@ -0,0 +1 @@
1
+ export { default as token } from '../get-token';
@@ -0,0 +1 @@
1
+ export { default as setGlobalTheme } from '../set-global-theme';
@@ -0,0 +1 @@
1
+ export { default as themeConfig } from '../theme-config';
@@ -0,0 +1 @@
1
+ export { default as ThemeMutationObserver } from '../theme-mutation-observer';
@@ -0,0 +1 @@
1
+ export { themeStringToObject, themeObjectToString } from '../theme-state-transformer';
File without changes
@@ -0,0 +1 @@
1
+ export { default as useThemeObserver } from '../use-theme-observer';
@@ -0,0 +1 @@
1
+ export { default as themeImportMap } from '../artifacts/theme-import-map';
@@ -0,0 +1 @@
1
+ export type { ActiveTokens } from '../artifacts/types';
@@ -0,0 +1 @@
1
+ export { COLOR_MODE_ATTRIBUTE, CURRENT_SURFACE_CSS_VAR, SUBTREE_THEME_ATTRIBUTE, THEME_DATA_ATTRIBUTE, } from '../constants';
@@ -0,0 +1 @@
1
+ export { default as enableGlobalTheme } from '../enable-global-theme';
@@ -0,0 +1 @@
1
+ export { default as getGlobalTheme } from '../get-global-theme';
@@ -0,0 +1 @@
1
+ export { default as getSSRAutoScript } from '../get-ssr-auto-script';
@@ -0,0 +1 @@
1
+ export { default as getThemeHtmlAttrs } from '../get-theme-html-attrs';
@@ -0,0 +1 @@
1
+ export { default as getThemeStyles } from '../get-theme-styles';
@@ -0,0 +1 @@
1
+ export { default as getTokenValue } from '../get-token-value';
@@ -0,0 +1 @@
1
+ export { default as token } from '../get-token';
@@ -0,0 +1 @@
1
+ export { default as setGlobalTheme } from '../set-global-theme';
@@ -0,0 +1,2 @@
1
+ export { default as themeConfig } from '../theme-config';
2
+ export type { ThemeColorModes, ThemeContrastModes, Themes, ThemeFileNames, ThemeIds, ThemeOptionsSchema, ThemeState, ActiveThemeState, } from '../theme-config';
@@ -0,0 +1 @@
1
+ export { default as ThemeMutationObserver } from '../theme-mutation-observer';
@@ -0,0 +1 @@
1
+ export { themeStringToObject, themeObjectToString } from '../theme-state-transformer';
@@ -0,0 +1 @@
1
+ export type { FontFamilyToken, FontWeightToken, Groups, OpacityToken, PaintToken, RawToken, ShadowToken, SpacingToken, ShapeToken, TypographyToken, MotionToken, } from '../types';
@@ -0,0 +1 @@
1
+ export { default as useThemeObserver } from '../use-theme-observer';
@@ -0,0 +1 @@
1
+ export { default as themeImportMap } from '../artifacts/theme-import-map';
@@ -0,0 +1 @@
1
+ export type { ActiveTokens } from '../artifacts/types';
@@ -0,0 +1 @@
1
+ export { COLOR_MODE_ATTRIBUTE, CURRENT_SURFACE_CSS_VAR, SUBTREE_THEME_ATTRIBUTE, THEME_DATA_ATTRIBUTE, } from '../constants';
@@ -0,0 +1 @@
1
+ export { default as enableGlobalTheme } from '../enable-global-theme';
@@ -0,0 +1 @@
1
+ export { default as getGlobalTheme } from '../get-global-theme';
@@ -0,0 +1 @@
1
+ export { default as getSSRAutoScript } from '../get-ssr-auto-script';
@@ -0,0 +1 @@
1
+ export { default as getThemeHtmlAttrs } from '../get-theme-html-attrs';
@@ -0,0 +1 @@
1
+ export { default as getThemeStyles } from '../get-theme-styles';
@@ -0,0 +1 @@
1
+ export { default as getTokenValue } from '../get-token-value';
@@ -0,0 +1 @@
1
+ export { default as token } from '../get-token';
@@ -0,0 +1 @@
1
+ export { default as setGlobalTheme } from '../set-global-theme';
@@ -0,0 +1,2 @@
1
+ export { default as themeConfig } from '../theme-config';
2
+ export type { ThemeColorModes, ThemeContrastModes, Themes, ThemeFileNames, ThemeIds, ThemeOptionsSchema, ThemeState, ActiveThemeState, } from '../theme-config';
@@ -0,0 +1 @@
1
+ export { default as ThemeMutationObserver } from '../theme-mutation-observer';
@@ -0,0 +1 @@
1
+ export { themeStringToObject, themeObjectToString } from '../theme-state-transformer';
@@ -0,0 +1 @@
1
+ export type { FontFamilyToken, FontWeightToken, Groups, OpacityToken, PaintToken, RawToken, ShadowToken, SpacingToken, ShapeToken, TypographyToken, MotionToken, } from '../types';
@@ -0,0 +1 @@
1
+ export { default as useThemeObserver } from '../use-theme-observer';
@@ -0,0 +1,17 @@
1
+ {
2
+ "name": "@atlaskit/tokens/enable-global-theme",
3
+ "main": "../dist/cjs/entry-points/enable-global-theme.js",
4
+ "module": "../dist/esm/entry-points/enable-global-theme.js",
5
+ "module:es2019": "../dist/es2019/entry-points/enable-global-theme.js",
6
+ "sideEffects": [
7
+ "**/*.css"
8
+ ],
9
+ "types": "../dist/types/entry-points/enable-global-theme.d.ts",
10
+ "typesVersions": {
11
+ ">=4.5 <5.9": {
12
+ "*": [
13
+ "../dist/types-ts4.5/entry-points/enable-global-theme.d.ts"
14
+ ]
15
+ }
16
+ }
17
+ }
@@ -0,0 +1,17 @@
1
+ {
2
+ "name": "@atlaskit/tokens/get-global-theme",
3
+ "main": "../dist/cjs/entry-points/get-global-theme.js",
4
+ "module": "../dist/esm/entry-points/get-global-theme.js",
5
+ "module:es2019": "../dist/es2019/entry-points/get-global-theme.js",
6
+ "sideEffects": [
7
+ "**/*.css"
8
+ ],
9
+ "types": "../dist/types/entry-points/get-global-theme.d.ts",
10
+ "typesVersions": {
11
+ ">=4.5 <5.9": {
12
+ "*": [
13
+ "../dist/types-ts4.5/entry-points/get-global-theme.d.ts"
14
+ ]
15
+ }
16
+ }
17
+ }
@@ -0,0 +1,17 @@
1
+ {
2
+ "name": "@atlaskit/tokens/get-ssr-auto-script",
3
+ "main": "../dist/cjs/entry-points/get-ssr-auto-script.js",
4
+ "module": "../dist/esm/entry-points/get-ssr-auto-script.js",
5
+ "module:es2019": "../dist/es2019/entry-points/get-ssr-auto-script.js",
6
+ "sideEffects": [
7
+ "**/*.css"
8
+ ],
9
+ "types": "../dist/types/entry-points/get-ssr-auto-script.d.ts",
10
+ "typesVersions": {
11
+ ">=4.5 <5.9": {
12
+ "*": [
13
+ "../dist/types-ts4.5/entry-points/get-ssr-auto-script.d.ts"
14
+ ]
15
+ }
16
+ }
17
+ }
@@ -0,0 +1,17 @@
1
+ {
2
+ "name": "@atlaskit/tokens/get-theme-html-attrs",
3
+ "main": "../dist/cjs/entry-points/get-theme-html-attrs.js",
4
+ "module": "../dist/esm/entry-points/get-theme-html-attrs.js",
5
+ "module:es2019": "../dist/es2019/entry-points/get-theme-html-attrs.js",
6
+ "sideEffects": [
7
+ "**/*.css"
8
+ ],
9
+ "types": "../dist/types/entry-points/get-theme-html-attrs.d.ts",
10
+ "typesVersions": {
11
+ ">=4.5 <5.9": {
12
+ "*": [
13
+ "../dist/types-ts4.5/entry-points/get-theme-html-attrs.d.ts"
14
+ ]
15
+ }
16
+ }
17
+ }
@@ -0,0 +1,17 @@
1
+ {
2
+ "name": "@atlaskit/tokens/get-theme-styles",
3
+ "main": "../dist/cjs/entry-points/get-theme-styles.js",
4
+ "module": "../dist/esm/entry-points/get-theme-styles.js",
5
+ "module:es2019": "../dist/es2019/entry-points/get-theme-styles.js",
6
+ "sideEffects": [
7
+ "**/*.css"
8
+ ],
9
+ "types": "../dist/types/entry-points/get-theme-styles.d.ts",
10
+ "typesVersions": {
11
+ ">=4.5 <5.9": {
12
+ "*": [
13
+ "../dist/types-ts4.5/entry-points/get-theme-styles.d.ts"
14
+ ]
15
+ }
16
+ }
17
+ }
@@ -0,0 +1,17 @@
1
+ {
2
+ "name": "@atlaskit/tokens/get-token",
3
+ "main": "../dist/cjs/entry-points/get-token.js",
4
+ "module": "../dist/esm/entry-points/get-token.js",
5
+ "module:es2019": "../dist/es2019/entry-points/get-token.js",
6
+ "sideEffects": [
7
+ "**/*.css"
8
+ ],
9
+ "types": "../dist/types/entry-points/get-token.d.ts",
10
+ "typesVersions": {
11
+ ">=4.5 <5.9": {
12
+ "*": [
13
+ "../dist/types-ts4.5/entry-points/get-token.d.ts"
14
+ ]
15
+ }
16
+ }
17
+ }
@@ -0,0 +1,17 @@
1
+ {
2
+ "name": "@atlaskit/tokens/get-token-value",
3
+ "main": "../dist/cjs/entry-points/get-token-value.js",
4
+ "module": "../dist/esm/entry-points/get-token-value.js",
5
+ "module:es2019": "../dist/es2019/entry-points/get-token-value.js",
6
+ "sideEffects": [
7
+ "**/*.css"
8
+ ],
9
+ "types": "../dist/types/entry-points/get-token-value.d.ts",
10
+ "typesVersions": {
11
+ ">=4.5 <5.9": {
12
+ "*": [
13
+ "../dist/types-ts4.5/entry-points/get-token-value.d.ts"
14
+ ]
15
+ }
16
+ }
17
+ }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@atlaskit/tokens",
3
- "version": "11.3.0",
3
+ "version": "11.4.0",
4
4
  "description": "Design tokens are the single source of truth to name and store design decisions.",
5
5
  "publishConfig": {
6
6
  "registry": "https://registry.npmjs.org/"
@@ -0,0 +1,17 @@
1
+ {
2
+ "name": "@atlaskit/tokens/set-global-theme",
3
+ "main": "../dist/cjs/entry-points/set-global-theme.js",
4
+ "module": "../dist/esm/entry-points/set-global-theme.js",
5
+ "module:es2019": "../dist/es2019/entry-points/set-global-theme.js",
6
+ "sideEffects": [
7
+ "**/*.css"
8
+ ],
9
+ "types": "../dist/types/entry-points/set-global-theme.d.ts",
10
+ "typesVersions": {
11
+ ">=4.5 <5.9": {
12
+ "*": [
13
+ "../dist/types-ts4.5/entry-points/set-global-theme.d.ts"
14
+ ]
15
+ }
16
+ }
17
+ }
@@ -0,0 +1,17 @@
1
+ {
2
+ "name": "@atlaskit/tokens/theme-config",
3
+ "main": "../dist/cjs/entry-points/theme-config.js",
4
+ "module": "../dist/esm/entry-points/theme-config.js",
5
+ "module:es2019": "../dist/es2019/entry-points/theme-config.js",
6
+ "sideEffects": [
7
+ "**/*.css"
8
+ ],
9
+ "types": "../dist/types/entry-points/theme-config.d.ts",
10
+ "typesVersions": {
11
+ ">=4.5 <5.9": {
12
+ "*": [
13
+ "../dist/types-ts4.5/entry-points/theme-config.d.ts"
14
+ ]
15
+ }
16
+ }
17
+ }
@@ -0,0 +1,17 @@
1
+ {
2
+ "name": "@atlaskit/tokens/theme-mutation-observer",
3
+ "main": "../dist/cjs/entry-points/theme-mutation-observer.js",
4
+ "module": "../dist/esm/entry-points/theme-mutation-observer.js",
5
+ "module:es2019": "../dist/es2019/entry-points/theme-mutation-observer.js",
6
+ "sideEffects": [
7
+ "**/*.css"
8
+ ],
9
+ "types": "../dist/types/entry-points/theme-mutation-observer.d.ts",
10
+ "typesVersions": {
11
+ ">=4.5 <5.9": {
12
+ "*": [
13
+ "../dist/types-ts4.5/entry-points/theme-mutation-observer.d.ts"
14
+ ]
15
+ }
16
+ }
17
+ }
@@ -0,0 +1,17 @@
1
+ {
2
+ "name": "@atlaskit/tokens/theme-state-transformer",
3
+ "main": "../dist/cjs/entry-points/theme-state-transformer.js",
4
+ "module": "../dist/esm/entry-points/theme-state-transformer.js",
5
+ "module:es2019": "../dist/es2019/entry-points/theme-state-transformer.js",
6
+ "sideEffects": [
7
+ "**/*.css"
8
+ ],
9
+ "types": "../dist/types/entry-points/theme-state-transformer.d.ts",
10
+ "typesVersions": {
11
+ ">=4.5 <5.9": {
12
+ "*": [
13
+ "../dist/types-ts4.5/entry-points/theme-state-transformer.d.ts"
14
+ ]
15
+ }
16
+ }
17
+ }
@@ -0,0 +1,17 @@
1
+ {
2
+ "name": "@atlaskit/tokens/types",
3
+ "main": "../dist/cjs/entry-points/types.js",
4
+ "module": "../dist/esm/entry-points/types.js",
5
+ "module:es2019": "../dist/es2019/entry-points/types.js",
6
+ "sideEffects": [
7
+ "**/*.css"
8
+ ],
9
+ "types": "../dist/types/entry-points/types.d.ts",
10
+ "typesVersions": {
11
+ ">=4.5 <5.9": {
12
+ "*": [
13
+ "../dist/types-ts4.5/entry-points/types.d.ts"
14
+ ]
15
+ }
16
+ }
17
+ }
@@ -0,0 +1,17 @@
1
+ {
2
+ "name": "@atlaskit/tokens/use-theme-observer",
3
+ "main": "../dist/cjs/entry-points/use-theme-observer.js",
4
+ "module": "../dist/esm/entry-points/use-theme-observer.js",
5
+ "module:es2019": "../dist/es2019/entry-points/use-theme-observer.js",
6
+ "sideEffects": [
7
+ "**/*.css"
8
+ ],
9
+ "types": "../dist/types/entry-points/use-theme-observer.d.ts",
10
+ "typesVersions": {
11
+ ">=4.5 <5.9": {
12
+ "*": [
13
+ "../dist/types-ts4.5/entry-points/use-theme-observer.d.ts"
14
+ ]
15
+ }
16
+ }
17
+ }