@atlaskit/storybook-addon-design-system 1.2.1 → 1.2.2

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 (5) hide show
  1. package/CHANGELOG.md +8 -0
  2. package/dist/cjs/decorator.js +4 -4
  3. package/dist/es2019/decorator.js +5 -5
  4. package/dist/esm/decorator.js +5 -5
  5. package/package.json +5 -3
package/CHANGELOG.md CHANGED
@@ -1,5 +1,13 @@
1
1
  # @atlaskit/storybook-addon-design-system
2
2
 
3
+ ## 1.2.2
4
+
5
+ ### Patch Changes
6
+
7
+ - [#165531](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/165531)
8
+ [`57f451bda8919`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/57f451bda8919) -
9
+ Adds side-effect config to support Compiled css extraction in third-party apps
10
+
3
11
  ## 1.2.1
4
12
 
5
13
  ### Patch Changes
package/dist/cjs/decorator.js CHANGED
@@ -23,8 +23,8 @@ var splitColumnStyles = {
23
23
  height: '100vh',
24
24
  overflow: 'auto',
25
25
  padding: '10px',
26
- background: (0, _tokens.token)('elevation.surface'),
27
- color: (0, _tokens.token)('color.text')
26
+ background: "var(--ds-surface, #FFFFFF)",
27
+ color: "var(--ds-text, #172B4D)"
28
28
  };
29
29
  var stackColumnStyles = {
30
30
  position: 'absolute',
@@ -33,8 +33,8 @@ var stackColumnStyles = {
33
33
  height: '50%',
34
34
  overflow: 'auto',
35
35
  padding: '10px',
36
- background: (0, _tokens.token)('elevation.surface'),
37
- color: (0, _tokens.token)('color.text')
36
+ background: "var(--ds-surface, #FFFFFF)",
37
+ color: "var(--ds-text, #172B4D)"
38
38
  };
39
39
  var withDesignTokens = function withDesignTokens(StoryFn, context) {
40
40
  var theme = context.globals.adsTheme || 'auto';
package/dist/es2019/decorator.js CHANGED
@@ -1,6 +1,6 @@
1
1
  import React, { Fragment } from 'react';
2
2
  import { useEffect } from '@storybook/preview-api';
3
- import { setGlobalTheme, token } from '@atlaskit/tokens';
3
+ import { setGlobalTheme } from '@atlaskit/tokens';
4
4
  const splitColumnStyles = {
5
5
  position: 'absolute',
6
6
  boxSizing: 'border-box',
@@ -8,8 +8,8 @@ const splitColumnStyles = {
8
8
  height: '100vh',
9
9
  overflow: 'auto',
10
10
  padding: '10px',
11
- background: token('elevation.surface'),
12
- color: token('color.text')
11
+ background: "var(--ds-surface, #FFFFFF)",
12
+ color: "var(--ds-text, #172B4D)"
13
13
  };
14
14
  const stackColumnStyles = {
15
15
  position: 'absolute',
@@ -18,8 +18,8 @@ const stackColumnStyles = {
18
18
  height: '50%',
19
19
  overflow: 'auto',
20
20
  padding: '10px',
21
- background: token('elevation.surface'),
22
- color: token('color.text')
21
+ background: "var(--ds-surface, #FFFFFF)",
22
+ color: "var(--ds-text, #172B4D)"
23
23
  };
24
24
  const withDesignTokens = (StoryFn, context) => {
25
25
  const theme = context.globals.adsTheme || 'auto';
package/dist/esm/decorator.js CHANGED
@@ -5,7 +5,7 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
5
5
  import _regeneratorRuntime from "@babel/runtime/regenerator";
6
6
  import React, { Fragment } from 'react';
7
7
  import { useEffect } from '@storybook/preview-api';
8
- import { setGlobalTheme, token } from '@atlaskit/tokens';
8
+ import { setGlobalTheme } from '@atlaskit/tokens';
9
9
  var splitColumnStyles = {
10
10
  position: 'absolute',
11
11
  boxSizing: 'border-box',
@@ -13,8 +13,8 @@ var splitColumnStyles = {
13
13
  height: '100vh',
14
14
  overflow: 'auto',
15
15
  padding: '10px',
16
- background: token('elevation.surface'),
17
- color: token('color.text')
16
+ background: "var(--ds-surface, #FFFFFF)",
17
+ color: "var(--ds-text, #172B4D)"
18
18
  };
19
19
  var stackColumnStyles = {
20
20
  position: 'absolute',
@@ -23,8 +23,8 @@ var stackColumnStyles = {
23
23
  height: '50%',
24
24
  overflow: 'auto',
25
25
  padding: '10px',
26
- background: token('elevation.surface'),
27
- color: token('color.text')
26
+ background: "var(--ds-surface, #FFFFFF)",
27
+ color: "var(--ds-text, #172B4D)"
28
28
  };
29
29
  var withDesignTokens = function withDesignTokens(StoryFn, context) {
30
30
  var theme = context.globals.adsTheme || 'auto';
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@atlaskit/storybook-addon-design-system",
3
- "version": "1.2.1",
3
+ "version": "1.2.2",
4
4
  "description": "Design token storybook addon",
5
5
  "author": "Atlassian Pty Ltd",
6
6
  "publishConfig": {
@@ -25,13 +25,15 @@
25
25
  ]
26
26
  }
27
27
  },
28
- "sideEffects": false,
28
+ "sideEffects": [
29
+ "**/*.compiled.css"
30
+ ],
29
31
  "atlaskit:src": "src/index.tsx",
30
32
  "af:exports": {
31
33
  ".": "./src/index.tsx"
32
34
  },
33
35
  "dependencies": {
34
- "@atlaskit/tokens": "^2.0.0",
36
+ "@atlaskit/tokens": "^2.2.0",
35
37
  "@babel/runtime": "^7.0.0",
36
38
  "@storybook/components": "^8.1.0",
37
39
  "@storybook/icons": "^1.2.9",