@atlaskit/storybook-addon-design-system 0.7.0 → 0.8.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 (5) hide show
  1. package/CHANGELOG.md +90 -31
  2. package/dist/cjs/tokens/decorator.js +4 -4
  3. package/dist/es2019/tokens/decorator.js +4 -4
  4. package/dist/esm/tokens/decorator.js +4 -4
  5. package/package.json +4 -3
package/CHANGELOG.md CHANGED
@@ -1,167 +1,226 @@
1
1
  # @atlaskit/storybook-addon-design-system
2
2
 
3
+ ## 0.8.0
4
+
5
+ ### Minor Changes
6
+
7
+ - [#94453](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/94453)
8
+ [`8b0ba81b30b3`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/8b0ba81b30b3) -
9
+ Add support for React 18.
10
+
11
+ ## 0.7.1
12
+
13
+ ### Patch Changes
14
+
15
+ - [#93943](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/93943)
16
+ [`611f5e98470c`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/611f5e98470c) -
17
+ Removes fallback colors from styles
18
+
3
19
  ## 0.7.0
4
20
 
5
21
  ### Minor Changes
6
22
 
7
- - [#94436](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/94436) [`c652e1c27a4d`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/c652e1c27a4d) - Updates the default theme to 'auto' to ensure tokens are always applied. "Unthemed" or "No theme" is now considered an unsafe appearance.
23
+ - [#94436](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/94436)
24
+ [`c652e1c27a4d`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/c652e1c27a4d) -
25
+ Updates the default theme to 'auto' to ensure tokens are always applied. "Unthemed" or "No
26
+ theme" is now considered an unsafe appearance.
8
27
 
9
- If you prefer to use a different theme, you can still override the default theme by setting the `adeTheme.defaultValue: 'none'` as mentioned in [the documentation](https://staging.atlassian.design/components/storybook-addon-design-system/code#storybook-v7-and-above).
28
+ If you prefer to use a different theme, you can still override the default theme by setting the
29
+ `adeTheme.defaultValue: 'none'` as mentioned in
30
+ [the documentation](https://staging.atlassian.design/components/storybook-addon-design-system/code#storybook-v7-and-above).
10
31
 
11
32
  ## 0.6.0
12
33
 
13
34
  ### Minor Changes
14
35
 
15
- - [#77691](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/77691) [`14d18ea34852`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/14d18ea34852) - - Enables new `typography` and `shape` themes
16
- - Sets the color theme to `auto` by default
36
+ - [#77691](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/77691)
37
+ [`14d18ea34852`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/14d18ea34852) - -
38
+ Enables new `typography` and `shape` themes
39
+ - Sets the color theme to `auto` by default
17
40
 
18
41
  ## 0.5.2
19
42
 
20
43
  ### Patch Changes
21
44
 
22
- - [#32935](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/32935) [`b1bdec7cce2`](https://bitbucket.org/atlassian/atlassian-frontend/commits/b1bdec7cce2) - Internal change to enforce token usage for spacing properties. There is no expected visual or behaviour change.
45
+ - [#32935](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/32935)
46
+ [`b1bdec7cce2`](https://bitbucket.org/atlassian/atlassian-frontend/commits/b1bdec7cce2) -
47
+ Internal change to enforce token usage for spacing properties. There is no expected visual or
48
+ behaviour change.
23
49
 
24
50
  ## 0.5.1
25
51
 
26
52
  ### Patch Changes
27
53
 
28
- - [#33793](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/33793) [`9d00501a414`](https://bitbucket.org/atlassian/atlassian-frontend/commits/9d00501a414) - Ensure legacy types are published for TS 4.5-4.8
54
+ - [#33793](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/33793)
55
+ [`9d00501a414`](https://bitbucket.org/atlassian/atlassian-frontend/commits/9d00501a414) - Ensure
56
+ legacy types are published for TS 4.5-4.8
29
57
 
30
58
  ## 0.5.0
31
59
 
32
60
  ### Minor Changes
33
61
 
34
- - [#33632](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/33632) [`389ab86b2a3`](https://bitbucket.org/atlassian/atlassian-frontend/commits/389ab86b2a3) - Adding spacing tokens to storybook addon so that users spacing tokens appear in storybook
62
+ - [#33632](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/33632)
63
+ [`389ab86b2a3`](https://bitbucket.org/atlassian/atlassian-frontend/commits/389ab86b2a3) - Adding
64
+ spacing tokens to storybook addon so that users spacing tokens appear in storybook
35
65
 
36
66
  ### Patch Changes
37
67
 
38
- - [#33649](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/33649) [`41fae2c6f68`](https://bitbucket.org/atlassian/atlassian-frontend/commits/41fae2c6f68) - Upgrade Typescript from `4.5.5` to `4.9.5`
68
+ - [#33649](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/33649)
69
+ [`41fae2c6f68`](https://bitbucket.org/atlassian/atlassian-frontend/commits/41fae2c6f68) -
70
+ Upgrade Typescript from `4.5.5` to `4.9.5`
39
71
 
40
72
  ## 0.4.0
41
73
 
42
74
  ### Minor Changes
43
75
 
44
- - [#33258](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/33258) [`56507598609`](https://bitbucket.org/atlassian/atlassian-frontend/commits/56507598609) - Skip minor dependency bump
76
+ - [#33258](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/33258)
77
+ [`56507598609`](https://bitbucket.org/atlassian/atlassian-frontend/commits/56507598609) - Skip
78
+ minor dependency bump
45
79
 
46
80
  ### Patch Changes
47
81
 
48
- - Updated dependencies
82
+ - Updated dependencies
49
83
 
50
84
  ## 0.3.9
51
85
 
52
86
  ### Patch Changes
53
87
 
54
- - [#27634](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/27634) [`718d5ad3044`](https://bitbucket.org/atlassian/atlassian-frontend/commits/718d5ad3044) - Updates to support the new `@atlaskit/tokens` theming API.
55
- - Updated dependencies
88
+ - [#27634](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/27634)
89
+ [`718d5ad3044`](https://bitbucket.org/atlassian/atlassian-frontend/commits/718d5ad3044) -
90
+ Updates to support the new `@atlaskit/tokens` theming API.
91
+ - Updated dependencies
56
92
 
57
93
  ## 0.3.8
58
94
 
59
95
  ### Patch Changes
60
96
 
61
- - Updated dependencies
97
+ - Updated dependencies
62
98
 
63
99
  ## 0.3.7
64
100
 
65
101
  ### Patch Changes
66
102
 
67
- - Updated dependencies
103
+ - Updated dependencies
68
104
 
69
105
  ## 0.3.6
70
106
 
71
107
  ### Patch Changes
72
108
 
73
- - [#27629](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/27629) [`f824dcfff6e`](https://bitbucket.org/atlassian/atlassian-frontend/commits/f824dcfff6e) - Internal changes to satisfy various lint warnings & errors
109
+ - [#27629](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/27629)
110
+ [`f824dcfff6e`](https://bitbucket.org/atlassian/atlassian-frontend/commits/f824dcfff6e) -
111
+ Internal changes to satisfy various lint warnings & errors
74
112
 
75
113
  ## 0.3.5
76
114
 
77
115
  ### Patch Changes
78
116
 
79
- - Updated dependencies
117
+ - Updated dependencies
80
118
 
81
119
  ## 0.3.4
82
120
 
83
121
  ### Patch Changes
84
122
 
85
- - [#26467](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/26467) [`43464a5fb17`](https://bitbucket.org/atlassian/atlassian-frontend/commits/43464a5fb17) - Update split and stack theme settings to use tilde selectors
123
+ - [#26467](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/26467)
124
+ [`43464a5fb17`](https://bitbucket.org/atlassian/atlassian-frontend/commits/43464a5fb17) - Update
125
+ split and stack theme settings to use tilde selectors
86
126
 
87
127
  ## 0.3.3
88
128
 
89
129
  ### Patch Changes
90
130
 
91
- - [#26303](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/26303) [`9827dcb82b8`](https://bitbucket.org/atlassian/atlassian-frontend/commits/9827dcb82b8) - No-op change to introduce spacing tokens to design system components.
131
+ - [#26303](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/26303)
132
+ [`9827dcb82b8`](https://bitbucket.org/atlassian/atlassian-frontend/commits/9827dcb82b8) - No-op
133
+ change to introduce spacing tokens to design system components.
92
134
 
93
135
  ## 0.3.2
94
136
 
95
137
  ### Patch Changes
96
138
 
97
- - [#24660](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/24660) [`d4be43fdc44`](https://bitbucket.org/atlassian/atlassian-frontend/commits/d4be43fdc44) - Set the innerText in our hack correctly - oops!
139
+ - [#24660](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/24660)
140
+ [`d4be43fdc44`](https://bitbucket.org/atlassian/atlassian-frontend/commits/d4be43fdc44) - Set
141
+ the innerText in our hack correctly - oops!
98
142
 
99
143
  ## 0.3.1
100
144
 
101
145
  ### Patch Changes
102
146
 
103
- - [#24626](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/24626) [`6dd7050ad7a`](https://bitbucket.org/atlassian/atlassian-frontend/commits/6dd7050ad7a) - Reimplement the style tag hack required for enabling split & stack view in the Storybook addon
147
+ - [#24626](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/24626)
148
+ [`6dd7050ad7a`](https://bitbucket.org/atlassian/atlassian-frontend/commits/6dd7050ad7a) -
149
+ Reimplement the style tag hack required for enabling split & stack view in the Storybook addon
104
150
 
105
151
  ## 0.3.0
106
152
 
107
153
  ### Minor Changes
108
154
 
109
- - [#21484](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/21484) [`6c65a3147c1`](https://bitbucket.org/atlassian/atlassian-frontend/commits/6c65a3147c1) - Removes root selector hack from lightmode, this is no longer necessary since the default theme no longer enables tokens by default
155
+ - [#21484](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/21484)
156
+ [`6c65a3147c1`](https://bitbucket.org/atlassian/atlassian-frontend/commits/6c65a3147c1) -
157
+ Removes root selector hack from lightmode, this is no longer necessary since the default theme
158
+ no longer enables tokens by default
110
159
 
111
160
  ### Patch Changes
112
161
 
113
- - Updated dependencies
162
+ - Updated dependencies
114
163
 
115
164
  ## 0.2.6
116
165
 
117
166
  ### Patch Changes
118
167
 
119
- - [#21487](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/21487) [`4942487a9f6`](https://bitbucket.org/atlassian/atlassian-frontend/commits/4942487a9f6) - Fixes internal representation of CSS entrypoints for themes. This is an internal change only and does not effect public APIs.
168
+ - [#21487](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/21487)
169
+ [`4942487a9f6`](https://bitbucket.org/atlassian/atlassian-frontend/commits/4942487a9f6) - Fixes
170
+ internal representation of CSS entrypoints for themes. This is an internal change only and does
171
+ not effect public APIs.
120
172
 
121
173
  ## 0.2.5
122
174
 
123
175
  ### Patch Changes
124
176
 
125
- - Updated dependencies
177
+ - Updated dependencies
126
178
 
127
179
  ## 0.2.4
128
180
 
129
181
  ### Patch Changes
130
182
 
131
- - Updated dependencies
183
+ - Updated dependencies
132
184
 
133
185
  ## 0.2.3
134
186
 
135
187
  ### Patch Changes
136
188
 
137
- - Updated dependencies
189
+ - Updated dependencies
138
190
 
139
191
  ## 0.2.2
140
192
 
141
193
  ### Patch Changes
142
194
 
143
- - Updated dependencies
195
+ - Updated dependencies
144
196
 
145
197
  ## 0.2.1
146
198
 
147
199
  ### Patch Changes
148
200
 
149
- - Updated dependencies
201
+ - Updated dependencies
150
202
 
151
203
  ## 0.2.0
152
204
 
153
205
  ### Minor Changes
154
206
 
155
- - [#18080](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/18080) [`068c9a0b770`](https://bitbucket.org/atlassian/atlassian-frontend/commits/068c9a0b770) - Refactors the storybook addon into a "tool addon"
207
+ - [#18080](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/18080)
208
+ [`068c9a0b770`](https://bitbucket.org/atlassian/atlassian-frontend/commits/068c9a0b770) -
209
+ Refactors the storybook addon into a "tool addon"
156
210
 
157
211
  ## 0.1.1
158
212
 
159
213
  ### Patch Changes
160
214
 
161
- - [#18020](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/18020) [`32f8832d6c5`](https://bitbucket.org/atlassian/atlassian-frontend/commits/32f8832d6c5) - Temporarily disable css imports to side-step recent changes to the monorepo which trigged a bug
215
+ - [#18020](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/18020)
216
+ [`32f8832d6c5`](https://bitbucket.org/atlassian/atlassian-frontend/commits/32f8832d6c5) -
217
+ Temporarily disable css imports to side-step recent changes to the monorepo which trigged a bug
162
218
 
163
219
  ## 0.1.0
164
220
 
165
221
  ### Minor Changes
166
222
 
167
- - [#17460](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/17460) [`ddbec37a16c`](https://bitbucket.org/atlassian/atlassian-frontend/commits/ddbec37a16c) - Initial release of the design system storybook addon package. Intended to be a generic package for all storybook releated DS tooling
223
+ - [#17460](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/17460)
224
+ [`ddbec37a16c`](https://bitbucket.org/atlassian/atlassian-frontend/commits/ddbec37a16c) -
225
+ Initial release of the design system storybook addon package. Intended to be a generic package
226
+ for all storybook releated DS tooling
package/dist/cjs/tokens/decorator.js CHANGED
@@ -24,8 +24,8 @@ var splitColumnStyles = {
24
24
  height: '100vh',
25
25
  overflow: 'auto',
26
26
  padding: '10px',
27
- background: (0, _tokens.token)('elevation.surface', 'white'),
28
- color: (0, _tokens.token)('color.text', '#172B4D')
27
+ background: (0, _tokens.token)('elevation.surface'),
28
+ color: (0, _tokens.token)('color.text')
29
29
  };
30
30
  var stackColumnStyles = {
31
31
  position: 'absolute',
@@ -34,8 +34,8 @@ var stackColumnStyles = {
34
34
  height: '50%',
35
35
  overflow: 'auto',
36
36
  padding: '10px',
37
- background: (0, _tokens.token)('elevation.surface', 'white'),
38
- color: (0, _tokens.token)('color.text', '#172B4D')
37
+ background: (0, _tokens.token)('elevation.surface'),
38
+ color: (0, _tokens.token)('color.text')
39
39
  };
40
40
  var withDesignTokens = (0, _addons.makeDecorator)({
41
41
  name: _constants.DECORATOR_ID,
package/dist/es2019/tokens/decorator.js CHANGED
@@ -9,8 +9,8 @@ const splitColumnStyles = {
9
9
  height: '100vh',
10
10
  overflow: 'auto',
11
11
  padding: '10px',
12
- background: token('elevation.surface', 'white'),
13
- color: token('color.text', '#172B4D')
12
+ background: token('elevation.surface'),
13
+ color: token('color.text')
14
14
  };
15
15
  const stackColumnStyles = {
16
16
  position: 'absolute',
@@ -19,8 +19,8 @@ const stackColumnStyles = {
19
19
  height: '50%',
20
20
  overflow: 'auto',
21
21
  padding: '10px',
22
- background: token('elevation.surface', 'white'),
23
- color: token('color.text', '#172B4D')
22
+ background: token('elevation.surface'),
23
+ color: token('color.text')
24
24
  };
25
25
  const withDesignTokens = makeDecorator({
26
26
  name: DECORATOR_ID,
package/dist/esm/tokens/decorator.js CHANGED
@@ -14,8 +14,8 @@ var splitColumnStyles = {
14
14
  height: '100vh',
15
15
  overflow: 'auto',
16
16
  padding: '10px',
17
- background: token('elevation.surface', 'white'),
18
- color: token('color.text', '#172B4D')
17
+ background: token('elevation.surface'),
18
+ color: token('color.text')
19
19
  };
20
20
  var stackColumnStyles = {
21
21
  position: 'absolute',
@@ -24,8 +24,8 @@ var stackColumnStyles = {
24
24
  height: '50%',
25
25
  overflow: 'auto',
26
26
  padding: '10px',
27
- background: token('elevation.surface', 'white'),
28
- color: token('color.text', '#172B4D')
27
+ background: token('elevation.surface'),
28
+ color: token('color.text')
29
29
  };
30
30
  var withDesignTokens = makeDecorator({
31
31
  name: DECORATOR_ID,
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@atlaskit/storybook-addon-design-system",
3
- "version": "0.7.0",
3
+ "version": "0.8.0",
4
4
  "description": "Design token storybook addon",
5
5
  "author": "Atlassian Pty Ltd",
6
6
  "publishConfig": {
@@ -9,6 +9,7 @@
9
9
  "atlassian": {
10
10
  "team": "Design System Team",
11
11
  "releaseModel": "continuous",
12
+ "runReact18": true,
12
13
  "website": {
13
14
  "name": "Storybook addon",
14
15
  "category": "Tooling"
@@ -33,7 +34,7 @@
33
34
  ".": "./src/index.tsx"
34
35
  },
35
36
  "dependencies": {
36
- "@atlaskit/tokens": "^1.43.0",
37
+ "@atlaskit/tokens": "^1.44.0",
37
38
  "@babel/runtime": "^7.0.0",
38
39
  "@storybook/addons": "^6.4.0",
39
40
  "@storybook/api": "^6.4.0",
@@ -43,7 +44,7 @@
43
44
  "@atlassian/atlassian-frontend-prettier-config-1.0.1": "npm:@atlassian/atlassian-frontend-prettier-config@1.0.1"
44
45
  },
45
46
  "peerDependencies": {
46
- "react": "^16.8.0"
47
+ "react": "^16.8.0 || ^17.0.0 || ~18.2.0"
47
48
  },
48
49
  "techstack": {
49
50
  "@atlassian/frontend": {