@atlaskit/storybook-addon-design-system 0.4.0 → 0.5.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.
Files changed (17) hide show
  1. package/CHANGELOG.md +16 -0
  2. package/dist/cjs/tokens/decorator.js +4 -2
  3. package/dist/cjs/version.json +1 -1
  4. package/dist/es2019/tokens/decorator.js +4 -2
  5. package/dist/es2019/version.json +1 -1
  6. package/dist/esm/tokens/decorator.js +4 -2
  7. package/dist/esm/version.json +1 -1
  8. package/dist/types/tokens/types.d.ts +1 -1
  9. package/dist/types-ts4.5/index.d.ts +1 -0
  10. package/dist/types-ts4.5/tokens/components/index.d.ts +1 -0
  11. package/dist/types-ts4.5/tokens/components/tool.d.ts +8 -0
  12. package/dist/types-ts4.5/tokens/constants.d.ts +5 -0
  13. package/dist/types-ts4.5/tokens/decorator.d.ts +2 -0
  14. package/dist/types-ts4.5/tokens/index.d.ts +1 -0
  15. package/dist/types-ts4.5/tokens/register.d.ts +1 -0
  16. package/dist/types-ts4.5/tokens/types.d.ts +1 -0
  17. package/package.json +5 -5
package/CHANGELOG.md CHANGED
@@ -1,5 +1,21 @@
1
1
  # @atlaskit/storybook-addon-design-system
2
2
 
3
+ ## 0.5.1
4
+
5
+ ### Patch Changes
6
+
7
+ - [`9d00501a414`](https://bitbucket.org/atlassian/atlassian-frontend/commits/9d00501a414) - Ensure legacy types are published for TS 4.5-4.8
8
+
9
+ ## 0.5.0
10
+
11
+ ### Minor Changes
12
+
13
+ - [`389ab86b2a3`](https://bitbucket.org/atlassian/atlassian-frontend/commits/389ab86b2a3) - Adding spacing tokens to storybook addon so that users spacing tokens appear in storybook
14
+
15
+ ### Patch Changes
16
+
17
+ - [`41fae2c6f68`](https://bitbucket.org/atlassian/atlassian-frontend/commits/41fae2c6f68) - Upgrade Typescript from `4.5.5` to `4.9.5`
18
+
3
19
  ## 0.4.0
4
20
 
5
21
  ### Minor Changes
package/dist/cjs/tokens/decorator.js CHANGED
@@ -55,14 +55,16 @@ var withDesignTokens = (0, _addons.makeDecorator)({
55
55
  case 3:
56
56
  _context.next = 5;
57
57
  return (0, _tokens.setGlobalTheme)({
58
- colorMode: theme
58
+ colorMode: theme,
59
+ spacing: 'spacing'
59
60
  });
60
61
  case 5:
61
62
  return _context.abrupt("break", 15);
62
63
  case 6:
63
64
  _context.next = 8;
64
65
  return (0, _tokens.setGlobalTheme)({
65
- colorMode: 'light'
66
+ colorMode: 'light',
67
+ spacing: 'spacing'
66
68
  });
67
69
  case 8:
68
70
  document.documentElement.querySelectorAll('style[data-theme]').forEach(function (el) {
package/dist/cjs/version.json CHANGED
@@ -1,5 +1,5 @@
1
1
  {
2
2
  "name": "@atlaskit/storybook-addon-design-system",
3
- "version": "0.4.0",
3
+ "version": "0.5.1",
4
4
  "sideEffects": false
5
5
  }
package/dist/es2019/tokens/decorator.js CHANGED
@@ -36,13 +36,15 @@ const withDesignTokens = makeDecorator({
36
36
  case 'dark':
37
37
  case 'auto':
38
38
  await setGlobalTheme({
39
- colorMode: theme
39
+ colorMode: theme,
40
+ spacing: 'spacing'
40
41
  });
41
42
  break;
42
43
  case 'split':
43
44
  case 'stack':
44
45
  await setGlobalTheme({
45
- colorMode: 'light'
46
+ colorMode: 'light',
47
+ spacing: 'spacing'
46
48
  });
47
49
  document.documentElement.querySelectorAll('style[data-theme]').forEach(el => {
48
50
  const clone = el.cloneNode(true);
package/dist/es2019/version.json CHANGED
@@ -1,5 +1,5 @@
1
1
  {
2
2
  "name": "@atlaskit/storybook-addon-design-system",
3
- "version": "0.4.0",
3
+ "version": "0.5.1",
4
4
  "sideEffects": false
5
5
  }
package/dist/esm/tokens/decorator.js CHANGED
@@ -45,14 +45,16 @@ var withDesignTokens = makeDecorator({
45
45
  case 3:
46
46
  _context.next = 5;
47
47
  return setGlobalTheme({
48
- colorMode: theme
48
+ colorMode: theme,
49
+ spacing: 'spacing'
49
50
  });
50
51
  case 5:
51
52
  return _context.abrupt("break", 15);
52
53
  case 6:
53
54
  _context.next = 8;
54
55
  return setGlobalTheme({
55
- colorMode: 'light'
56
+ colorMode: 'light',
57
+ spacing: 'spacing'
56
58
  });
57
59
  case 8:
58
60
  document.documentElement.querySelectorAll('style[data-theme]').forEach(function (el) {
package/dist/esm/version.json CHANGED
@@ -1,5 +1,5 @@
1
1
  {
2
2
  "name": "@atlaskit/storybook-addon-design-system",
3
- "version": "0.4.0",
3
+ "version": "0.5.1",
4
4
  "sideEffects": false
5
5
  }
package/dist/types/tokens/types.d.ts CHANGED
@@ -1 +1 @@
1
- export declare type Themes = 'light' | 'dark' | 'auto' | 'none' | 'split' | 'stack';
1
+ export type Themes = 'light' | 'dark' | 'auto' | 'none' | 'split' | 'stack';
package/dist/types-ts4.5/index.d.ts ADDED
@@ -0,0 +1 @@
1
+ export { withDesignTokens } from './tokens';
package/dist/types-ts4.5/tokens/components/index.d.ts ADDED
@@ -0,0 +1 @@
1
+ export { default as Tool } from './tool';
package/dist/types-ts4.5/tokens/components/tool.d.ts ADDED
@@ -0,0 +1,8 @@
1
+ /// <reference types="react" />
2
+ /**
3
+ * __Tool__
4
+ *
5
+ * ADS Toolbar UI, visible in the topbar of the storybook UI.
6
+ */
7
+ declare const Tool: () => JSX.Element;
8
+ export default Tool;
package/dist/types-ts4.5/tokens/constants.d.ts ADDED
@@ -0,0 +1,5 @@
1
+ export declare const ADDON_ID = "ads-tokens";
2
+ export declare const TOOL_ID: string;
3
+ export declare const TITLE = "Design Tokens";
4
+ export declare const DECORATOR_ID = "withDesignTokens";
5
+ export declare const DECORATOR_PARAM = "DesignTokens";
package/dist/types-ts4.5/tokens/decorator.d.ts ADDED
@@ -0,0 +1,2 @@
1
+ declare const withDesignTokens: (...args: any) => any;
2
+ export default withDesignTokens;
package/dist/types-ts4.5/tokens/index.d.ts ADDED
@@ -0,0 +1 @@
1
+ export { default as withDesignTokens } from './decorator';
package/dist/types-ts4.5/tokens/register.d.ts ADDED
@@ -0,0 +1 @@
1
+ export {};
package/dist/types-ts4.5/tokens/types.d.ts ADDED
@@ -0,0 +1 @@
1
+ export type Themes = 'light' | 'dark' | 'auto' | 'none' | 'split' | 'stack';
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@atlaskit/storybook-addon-design-system",
3
- "version": "0.4.0",
3
+ "version": "0.5.1",
4
4
  "description": "Design token storybook addon",
5
5
  "author": "Atlassian Pty Ltd",
6
6
  "publishConfig": {
@@ -23,10 +23,10 @@
23
23
  "module:es2019": "dist/es2019/index.js",
24
24
  "types": "dist/types/index.d.ts",
25
25
  "typesVersions": {
26
- ">=4.0 <4.5": {
26
+ ">=4.5 <4.9": {
27
27
  "*": [
28
- "dist/types-ts4.0/*",
29
- "dist/types-ts4.0/index.d.ts"
28
+ "dist/types-ts4.5/*",
29
+ "dist/types-ts4.5/index.d.ts"
30
30
  ]
31
31
  }
32
32
  },
@@ -36,7 +36,7 @@
36
36
  ".": "./src/index.tsx"
37
37
  },
38
38
  "dependencies": {
39
- "@atlaskit/tokens": "^1.3.0",
39
+ "@atlaskit/tokens": "^1.4.0",
40
40
  "@babel/runtime": "^7.0.0",
41
41
  "@storybook/addons": "^6.4.0",
42
42
  "@storybook/api": "^6.4.0",