@atlaskit/storybook-addon-design-system 3.1.6 → 3.2.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 (6) hide show
  1. package/CHANGELOG.md +13 -0
  2. package/dist/cjs/decorator.js +2 -2
  3. package/dist/es2019/decorator.js +2 -2
  4. package/dist/esm/decorator.js +2 -2
  5. package/package.json +2 -2
  6. package/src/decorator.tsx +2 -2
package/CHANGELOG.md CHANGED
@@ -1,5 +1,18 @@
1
1
  # @atlaskit/storybook-addon-design-system
2
2
 
3
+ ## 3.2.1
4
+
5
+ ### Patch Changes
6
+
7
+ - Updated dependencies
8
+
9
+ ## 3.2.0
10
+
11
+ ### Minor Changes
12
+
13
+ - [`cff151b7a3c6e`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/cff151b7a3c6e) -
14
+ Enable refreshed typography theme in `withDesignTokens` decorator.
15
+
3
16
  ## 3.1.6
4
17
 
5
18
  ### Patch Changes
package/dist/cjs/decorator.js CHANGED
@@ -53,7 +53,7 @@ var withDesignTokens = function withDesignTokens(StoryFn, context) {
53
53
  colorMode: theme,
54
54
  spacing: 'spacing',
55
55
  shape: 'shape',
56
- typography: 'typography-modernized'
56
+ typography: 'typography'
57
57
  });
58
58
  case 5:
59
59
  return _context.abrupt("break", 15);
@@ -63,7 +63,7 @@ var withDesignTokens = function withDesignTokens(StoryFn, context) {
63
63
  colorMode: 'light',
64
64
  spacing: 'spacing',
65
65
  shape: 'shape',
66
- typography: 'typography-modernized'
66
+ typography: 'typography'
67
67
  });
68
68
  case 8:
69
69
  document.documentElement.querySelectorAll('style[data-theme]').forEach(function (el) {
package/dist/es2019/decorator.js CHANGED
@@ -35,7 +35,7 @@ const withDesignTokens = (StoryFn, context) => {
35
35
  colorMode: theme,
36
36
  spacing: 'spacing',
37
37
  shape: 'shape',
38
- typography: 'typography-modernized'
38
+ typography: 'typography'
39
39
  });
40
40
  break;
41
41
  case 'split':
@@ -44,7 +44,7 @@ const withDesignTokens = (StoryFn, context) => {
44
44
  colorMode: 'light',
45
45
  spacing: 'spacing',
46
46
  shape: 'shape',
47
- typography: 'typography-modernized'
47
+ typography: 'typography'
48
48
  });
49
49
  document.documentElement.querySelectorAll('style[data-theme]').forEach(el => {
50
50
  const clone = el.cloneNode(true);
package/dist/esm/decorator.js CHANGED
@@ -44,7 +44,7 @@ var withDesignTokens = function withDesignTokens(StoryFn, context) {
44
44
  colorMode: theme,
45
45
  spacing: 'spacing',
46
46
  shape: 'shape',
47
- typography: 'typography-modernized'
47
+ typography: 'typography'
48
48
  });
49
49
  case 5:
50
50
  return _context.abrupt("break", 15);
@@ -54,7 +54,7 @@ var withDesignTokens = function withDesignTokens(StoryFn, context) {
54
54
  colorMode: 'light',
55
55
  spacing: 'spacing',
56
56
  shape: 'shape',
57
- typography: 'typography-modernized'
57
+ typography: 'typography'
58
58
  });
59
59
  case 8:
60
60
  document.documentElement.querySelectorAll('style[data-theme]').forEach(function (el) {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@atlaskit/storybook-addon-design-system",
3
- "version": "3.1.6",
3
+ "version": "3.2.1",
4
4
  "description": "Design token storybook addon",
5
5
  "author": "Atlassian Pty Ltd",
6
6
  "publishConfig": {
@@ -29,7 +29,7 @@
29
29
  ],
30
30
  "atlaskit:src": "src/index.tsx",
31
31
  "dependencies": {
32
- "@atlaskit/tokens": "^9.0.0",
32
+ "@atlaskit/tokens": "^10.0.0",
33
33
  "@babel/runtime": "^7.0.0",
34
34
  "@storybook/components": "^8.4.7",
35
35
  "@storybook/icons": "^1.2.9",
package/src/decorator.tsx CHANGED
@@ -46,7 +46,7 @@ const withDesignTokens = (
46
46
  colorMode: theme,
47
47
  spacing: 'spacing',
48
48
  shape: 'shape',
49
- typography: 'typography-modernized',
49
+ typography: 'typography',
50
50
  });
51
51
  break;
52
52
  case 'split':
@@ -55,7 +55,7 @@ const withDesignTokens = (
55
55
  colorMode: 'light',
56
56
  spacing: 'spacing',
57
57
  shape: 'shape',
58
- typography: 'typography-modernized',
58
+ typography: 'typography',
59
59
  });
60
60
 
61
61
  document.documentElement.querySelectorAll('style[data-theme]').forEach((el) => {