@atlaskit/storybook-addon-design-system 0.3.4 → 0.3.6

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.
package/CHANGELOG.md CHANGED
@@ -1,5 +1,17 @@
1
1
  # @atlaskit/storybook-addon-design-system
2
2
 
3
+ ## 0.3.6
4
+
5
+ ### Patch Changes
6
+
7
+ - [`f824dcfff6e`](https://bitbucket.org/atlassian/atlassian-frontend/commits/f824dcfff6e) - Internal changes to satisfy various lint warnings & errors
8
+
9
+ ## 0.3.5
10
+
11
+ ### Patch Changes
12
+
13
+ - Updated dependencies
14
+
3
15
  ## 0.3.4
4
16
 
5
17
  ### Patch Changes
@@ -38,8 +38,8 @@ var splitColumnStyles = {
38
38
  height: '100vh',
39
39
  overflow: 'auto',
40
40
  padding: '10px',
41
- background: (0, _tokens.token)('color.background.default'),
42
- color: (0, _tokens.token)('color.text.highEmphasis')
41
+ background: (0, _tokens.token)('elevation.surface', 'white'),
42
+ color: (0, _tokens.token)('color.text', '#172B4D')
43
43
  };
44
44
  var stackColumnStyles = {
45
45
  position: 'absolute',
@@ -48,8 +48,8 @@ var stackColumnStyles = {
48
48
  height: '50%',
49
49
  overflow: 'auto',
50
50
  padding: '10px',
51
- background: (0, _tokens.token)('color.background.default'),
52
- color: (0, _tokens.token)('color.text.highEmphasis')
51
+ background: (0, _tokens.token)('elevation.surface', 'white'),
52
+ color: (0, _tokens.token)('color.text', '#172B4D')
53
53
  };
54
54
  /**
55
55
  * Forcefully retarget the token declarations to apply to our hacked class,
@@ -1,5 +1,5 @@
1
1
  {
2
2
  "name": "@atlaskit/storybook-addon-design-system",
3
- "version": "0.3.4",
3
+ "version": "0.3.6",
4
4
  "sideEffects": false
5
5
  }
@@ -11,8 +11,8 @@ const splitColumnStyles = {
11
11
  height: '100vh',
12
12
  overflow: 'auto',
13
13
  padding: '10px',
14
- background: token('color.background.default'),
15
- color: token('color.text.highEmphasis')
14
+ background: token('elevation.surface', 'white'),
15
+ color: token('color.text', '#172B4D')
16
16
  };
17
17
  const stackColumnStyles = {
18
18
  position: 'absolute',
@@ -21,8 +21,8 @@ const stackColumnStyles = {
21
21
  height: '50%',
22
22
  overflow: 'auto',
23
23
  padding: '10px',
24
- background: token('color.background.default'),
25
- color: token('color.text.highEmphasis')
24
+ background: token('elevation.surface', 'white'),
25
+ color: token('color.text', '#172B4D')
26
26
  };
27
27
  /**
28
28
  * Forcefully retarget the token declarations to apply to our hacked class,
@@ -1,5 +1,5 @@
1
1
  {
2
2
  "name": "@atlaskit/storybook-addon-design-system",
3
- "version": "0.3.4",
3
+ "version": "0.3.6",
4
4
  "sideEffects": false
5
5
  }
@@ -17,8 +17,8 @@ var splitColumnStyles = {
17
17
  height: '100vh',
18
18
  overflow: 'auto',
19
19
  padding: '10px',
20
- background: token('color.background.default'),
21
- color: token('color.text.highEmphasis')
20
+ background: token('elevation.surface', 'white'),
21
+ color: token('color.text', '#172B4D')
22
22
  };
23
23
  var stackColumnStyles = {
24
24
  position: 'absolute',
@@ -27,8 +27,8 @@ var stackColumnStyles = {
27
27
  height: '50%',
28
28
  overflow: 'auto',
29
29
  padding: '10px',
30
- background: token('color.background.default'),
31
- color: token('color.text.highEmphasis')
30
+ background: token('elevation.surface', 'white'),
31
+ color: token('color.text', '#172B4D')
32
32
  };
33
33
  /**
34
34
  * Forcefully retarget the token declarations to apply to our hacked class,
@@ -1,5 +1,5 @@
1
1
  {
2
2
  "name": "@atlaskit/storybook-addon-design-system",
3
- "version": "0.3.4",
3
+ "version": "0.3.6",
4
4
  "sideEffects": false
5
5
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@atlaskit/storybook-addon-design-system",
3
- "version": "0.3.4",
3
+ "version": "0.3.6",
4
4
  "description": "Design token storybook addon",
5
5
  "author": "Atlassian Pty Ltd",
6
6
  "publishConfig": {
@@ -35,7 +35,7 @@
35
35
  ".": "./src/index.tsx"
36
36
  },
37
37
  "dependencies": {
38
- "@atlaskit/tokens": "^0.10.0",
38
+ "@atlaskit/tokens": "^0.11.0",
39
39
  "@babel/runtime": "^7.0.0",
40
40
  "@storybook/addons": "^6.4.0",
41
41
  "@storybook/api": "^6.4.0",
@@ -55,6 +55,7 @@
55
55
  "dom-events": "use-bind-event-listener",
56
56
  "design-system": "v1",
57
57
  "deprecation": "no-deprecated-imports",
58
+ "theming": "tokens",
58
59
  "styling": "emotion"
59
60
  }
60
61
  },
package/report.api.md CHANGED
@@ -1,11 +1,16 @@
1
- ## API Report File for "@atlaskit/storybook-addon-design-system".
1
+ ## API Report File for "@atlaskit/storybook-addon-design-system"
2
2
 
3
- > Do not edit this file. This report is auto-generated by [API Extractor](https://api-extractor.com/).
3
+ > Do not edit this file. It is a report generated by [API Extractor](https://api-extractor.com/).
4
+
5
+ <!--
6
+ Generated API Report version: 2.0
7
+ -->
4
8
 
5
9
  [Learn more about API reports](https://hello.atlassian.net/wiki/spaces/UR/pages/1825484529/Package+API+Reports)
6
10
 
7
11
  ```ts
8
- export declare const withDesignTokens: (...args: any) => any;
12
+ // @public (undocumented)
13
+ export const withDesignTokens: (...args: any) => any;
9
14
 
10
- export {};
15
+ // (No @packageDocumentation comment for this package)
11
16
  ```
@@ -1 +0,0 @@
1
- export { withDesignTokens } from './tokens';
@@ -1 +0,0 @@
1
- export { default as Tool } from './tool';
@@ -1,8 +0,0 @@
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;
@@ -1,5 +0,0 @@
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";
@@ -1,4 +0,0 @@
1
- import '@atlaskit/tokens/css/atlassian-light.css';
2
- import '@atlaskit/tokens/css/atlassian-dark.css';
3
- declare const withDesignTokens: (...args: any) => any;
4
- export default withDesignTokens;
@@ -1 +0,0 @@
1
- export { default as withDesignTokens } from './decorator';
@@ -1 +0,0 @@
1
- export {};
@@ -1 +0,0 @@
1
- export declare type Themes = 'light' | 'dark' | 'none' | 'split' | 'stack';