@saas-ui/storybook-addon 2.0.2 → 2.0.3
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 +4 -536
- package/dist/ChakraProviderDecorator.js +5 -5
- package/dist/ChakraProviderDecorator.js.map +1 -1
- package/dist/ChakraProviderDecorator.mjs +6 -6
- package/dist/ChakraProviderDecorator.mjs.map +1 -1
- package/dist/preview.js +5 -5
- package/dist/preview.js.map +1 -1
- package/dist/preview.mjs +6 -6
- package/dist/preview.mjs.map +1 -1
- package/package.json +10 -10
package/CHANGELOG.md
CHANGED
|
@@ -1,545 +1,13 @@
|
|
|
1
|
-
# @
|
|
1
|
+
# @saas-ui/storybook-addon
|
|
2
2
|
|
|
3
|
-
## 2.0.
|
|
4
|
-
|
|
5
|
-
### Patch Changes
|
|
6
|
-
|
|
7
|
-
- a1e92adb: Fixed theme switcher
|
|
8
|
-
|
|
9
|
-
## 5.1.0
|
|
10
|
-
|
|
11
|
-
### Minor Changes
|
|
12
|
-
|
|
13
|
-
- [#8109](https://github.com/chakra-ui/chakra-ui/pull/8109)
|
|
14
|
-
[`4340dbda4`](https://github.com/chakra-ui/chakra-ui/commit/4340dbda47bd01d8b4e64ef70a44401a1853606d)
|
|
15
|
-
Thanks [@TylerAPfledderer](https://github.com/TylerAPfledderer)! - Bumps
|
|
16
|
-
Storybook deps to latest (7.5.3) and updates the tooling
|
|
17
|
-
|
|
18
|
-
- Toggling state for color mode originally used Storybook's `useAddonState`
|
|
19
|
-
api hook. However, this hook is not reliable to persistent allow toggling of
|
|
20
|
-
boolean state. Replaces this hook with React's `useState` as this state is a
|
|
21
|
-
primitive.
|
|
22
|
-
- Makes use of the `makeDecorator` function to make this addon more like an
|
|
23
|
-
official Storybook addon.
|
|
24
|
-
- Removes unneeded props from the button components that were originally part
|
|
25
|
-
of a Type error bug.
|
|
26
|
-
|
|
27
|
-
## 5.0.1
|
|
28
|
-
|
|
29
|
-
### Patch Changes
|
|
30
|
-
|
|
31
|
-
- [#7820](https://github.com/chakra-ui/chakra-ui/pull/7820)
|
|
32
|
-
[`a0144a1d8`](https://github.com/chakra-ui/chakra-ui/commit/a0144a1d884e590b0b2788040e4269b301e67aac)
|
|
33
|
-
Thanks [@TylerAPfledderer](https://github.com/TylerAPfledderer)! - Improve
|
|
34
|
-
build and exports
|
|
35
|
-
|
|
36
|
-
- Export a `preview` object containing the provider decorator
|
|
37
|
-
- Modify tsup config for improved build and to generate `.dts` files for prod
|
|
38
|
-
- Use up-to-date decorator function type for Provider decorator
|
|
39
|
-
- Turns the first argument for the story into a function which returns the
|
|
40
|
-
preview.
|
|
41
|
-
|
|
42
|
-
## 5.0.0
|
|
43
|
-
|
|
44
|
-
### Major Changes
|
|
45
|
-
|
|
46
|
-
- [#7678](https://github.com/chakra-ui/chakra-ui/pull/7678)
|
|
47
|
-
[`8d9c878a9`](https://github.com/chakra-ui/chakra-ui/commit/8d9c878a9d6e5b82ec19bd1ec8994a75a4dc7de9)
|
|
48
|
-
Thanks [@TylerAPfledderer](https://github.com/TylerAPfledderer)! - BREAKING:
|
|
49
|
-
Adds support for Storybook v7
|
|
50
|
-
|
|
51
|
-
## 4.0.17
|
|
52
|
-
|
|
53
|
-
### Patch Changes
|
|
54
|
-
|
|
55
|
-
- [`ddbb1b4c4`](https://github.com/chakra-ui/chakra-ui/commit/ddbb1b4c49b8f124c0368929357e2891265a50c0)
|
|
56
|
-
Thanks [@segunadebayo](https://github.com/segunadebayo)! - Bump all packages
|
|
57
|
-
|
|
58
|
-
## 4.0.16
|
|
59
|
-
|
|
60
|
-
### Patch Changes
|
|
61
|
-
|
|
62
|
-
- [#7154](https://github.com/chakra-ui/chakra-ui/pull/7154)
|
|
63
|
-
[`2d7398a01`](https://github.com/chakra-ui/chakra-ui/commit/2d7398a0142b5bdd3f68ce05bd159fc824cda5ef)
|
|
64
|
-
Thanks [@segunadebayo](https://github.com/segunadebayo)! - ## All components
|
|
65
|
-
|
|
66
|
-
Improved the bundling setup for all components.
|
|
67
|
-
|
|
68
|
-
- Switched to the `.mjs` file extension for correct ESM behavior
|
|
69
|
-
- Switched to the latest `tsup` will uses automatic JSX runtime detection
|
|
70
|
-
removing the need for manually inject classic `React` import
|
|
71
|
-
- Moved `tsup` config to `package.json` since it's very minimal
|
|
72
|
-
- Removed `clean-package.config.json` in favor of the `package.json` property
|
|
73
|
-
- Fixed issue where Storybook addon (dark mode and RTL) was not working
|
|
74
|
-
|
|
75
|
-
## 4.0.15
|
|
76
|
-
|
|
77
|
-
### Patch Changes
|
|
78
|
-
|
|
79
|
-
- Updated dependencies
|
|
80
|
-
[[`37b7a130a`](https://github.com/chakra-ui/chakra-ui/commit/37b7a130aaff0cbb97f206978315075eb06e5100)]:
|
|
81
|
-
- @chakra-ui/icons@2.0.14
|
|
82
|
-
|
|
83
|
-
## 4.0.14
|
|
84
|
-
|
|
85
|
-
### Patch Changes
|
|
86
|
-
|
|
87
|
-
- Updated dependencies []:
|
|
88
|
-
- @chakra-ui/icons@2.0.13
|
|
89
|
-
|
|
90
|
-
## 4.0.13
|
|
91
|
-
|
|
92
|
-
### Patch Changes
|
|
93
|
-
|
|
94
|
-
- [#6945](https://github.com/chakra-ui/chakra-ui/pull/6945)
|
|
95
|
-
[`75eaba929`](https://github.com/chakra-ui/chakra-ui/commit/75eaba9293e2c7d5bd6aed2037df05128f335930)
|
|
96
|
-
Thanks [@anddoutoi](https://github.com/anddoutoi)! - Fix issue where using
|
|
97
|
-
`@chakra-ui/react` in a TypeScript project with `"type": "module"` in
|
|
98
|
-
`package.json` and `"moduleResolution": "Node16"` in `tsconfig.json` cannot
|
|
99
|
-
find the types.
|
|
100
|
-
- Updated dependencies
|
|
101
|
-
[[`75eaba929`](https://github.com/chakra-ui/chakra-ui/commit/75eaba9293e2c7d5bd6aed2037df05128f335930)]:
|
|
102
|
-
- @chakra-ui/icons@2.0.12
|
|
103
|
-
|
|
104
|
-
## 4.0.12
|
|
105
|
-
|
|
106
|
-
### Patch Changes
|
|
107
|
-
|
|
108
|
-
- [#6726](https://github.com/chakra-ui/chakra-ui/pull/6726)
|
|
109
|
-
[`22968783f`](https://github.com/chakra-ui/chakra-ui/commit/22968783f509bca1b4196d7d1772a872a131e845)
|
|
110
|
-
Thanks [@kibs](https://github.com/kibs)! - Allow setting the storybook chakra
|
|
111
|
-
theme via a callback function, with access to the context
|
|
112
|
-
|
|
113
|
-
* [#6725](https://github.com/chakra-ui/chakra-ui/pull/6725)
|
|
114
|
-
[`5409199a0`](https://github.com/chakra-ui/chakra-ui/commit/5409199a0427f5f895267fc7f3698dc3a6cffc05)
|
|
115
|
-
Thanks [@kibs](https://github.com/kibs)! - Allow getThemingArgTypes to return
|
|
116
|
-
args when colorScheme is not supported by component
|
|
117
|
-
* Updated dependencies
|
|
118
|
-
[[`9de39921b`](https://github.com/chakra-ui/chakra-ui/commit/9de39921b983ad0eb2df7195e3b683c2e2e9e290)]:
|
|
119
|
-
- @chakra-ui/icons@2.0.11
|
|
120
|
-
|
|
121
|
-
## 4.0.11
|
|
122
|
-
|
|
123
|
-
### Patch Changes
|
|
124
|
-
|
|
125
|
-
- Updated dependencies []:
|
|
126
|
-
- @chakra-ui/icons@2.0.10
|
|
127
|
-
|
|
128
|
-
## 4.0.10
|
|
3
|
+
## 2.0.3
|
|
129
4
|
|
|
130
5
|
### Patch Changes
|
|
131
6
|
|
|
132
|
-
-
|
|
133
|
-
[`c22fa1a87`](https://github.com/chakra-ui/chakra-ui/commit/c22fa1a87f18ce43415e5c0f91d5988d476e7a31)
|
|
134
|
-
Thanks [@itkrt2y](https://github.com/itkrt2y)! - remove an unused dependency
|
|
135
|
-
|
|
136
|
-
- Updated dependencies []:
|
|
137
|
-
- @chakra-ui/icons@2.0.9
|
|
138
|
-
|
|
139
|
-
## 4.0.9
|
|
140
|
-
|
|
141
|
-
### Patch Changes
|
|
142
|
-
|
|
143
|
-
- [#6508](https://github.com/chakra-ui/chakra-ui/pull/6508)
|
|
144
|
-
[`445661955`](https://github.com/chakra-ui/chakra-ui/commit/445661955dff1329156b535ef50c7cf27b8663a9)
|
|
145
|
-
Thanks [@anubra266](https://github.com/anubra266)! - - Initial release of
|
|
146
|
-
react hooks
|
|
147
|
-
- Refactor all packages to reduce bundle size
|
|
148
|
-
- Refactor code for proper prop doc generatation
|
|
149
|
-
- Updated dependencies
|
|
150
|
-
[[`445661955`](https://github.com/chakra-ui/chakra-ui/commit/445661955dff1329156b535ef50c7cf27b8663a9)]:
|
|
151
|
-
- @chakra-ui/icons@2.0.9
|
|
152
|
-
|
|
153
|
-
## 4.0.8
|
|
154
|
-
|
|
155
|
-
### Patch Changes
|
|
156
|
-
|
|
157
|
-
- Force release
|
|
158
|
-
|
|
159
|
-
- Updated dependencies []:
|
|
160
|
-
- @chakra-ui/icons@2.0.8
|
|
161
|
-
|
|
162
|
-
## 4.0.7
|
|
163
|
-
|
|
164
|
-
### Patch Changes
|
|
165
|
-
|
|
166
|
-
- [`3dc27e05e`](https://github.com/chakra-ui/chakra-ui/commit/3dc27e05e97a1320c4400de6a03feb787160eafb)
|
|
167
|
-
Thanks [@segunadebayo](https://github.com/segunadebayo)! - Fix issue with
|
|
168
|
-
nullish operator in storybook
|
|
169
|
-
|
|
170
|
-
- Updated dependencies []:
|
|
171
|
-
- @chakra-ui/icons@2.0.7
|
|
172
|
-
|
|
173
|
-
## 4.0.6
|
|
174
|
-
|
|
175
|
-
### Patch Changes
|
|
176
|
-
|
|
177
|
-
- Force new release
|
|
178
|
-
|
|
179
|
-
- Updated dependencies []:
|
|
180
|
-
- @chakra-ui/icons@2.0.6
|
|
181
|
-
|
|
182
|
-
## 4.0.5
|
|
183
|
-
|
|
184
|
-
### Patch Changes
|
|
185
|
-
|
|
186
|
-
- [#6356](https://github.com/chakra-ui/chakra-ui/pull/6356)
|
|
187
|
-
[`1839e22eb`](https://github.com/chakra-ui/chakra-ui/commit/1839e22ebad1c2a52795eac5fd0b3eb38ae03f9c)
|
|
188
|
-
Thanks [@segunadebayo](https://github.com/segunadebayo)! - - Force release due
|
|
189
|
-
to change in build configuration
|
|
190
|
-
- Update package `main` and `module` entries
|
|
191
|
-
- Updated dependencies
|
|
192
|
-
[[`1839e22eb`](https://github.com/chakra-ui/chakra-ui/commit/1839e22ebad1c2a52795eac5fd0b3eb38ae03f9c)]:
|
|
193
|
-
- @chakra-ui/icons@2.0.5
|
|
194
|
-
|
|
195
|
-
## 4.0.4
|
|
196
|
-
|
|
197
|
-
### Patch Changes
|
|
198
|
-
|
|
199
|
-
- Updated dependencies []:
|
|
200
|
-
- @chakra-ui/react@2.2.4
|
|
201
|
-
- @chakra-ui/icons@2.0.4
|
|
202
|
-
|
|
203
|
-
## 4.0.3
|
|
204
|
-
|
|
205
|
-
### Patch Changes
|
|
206
|
-
|
|
207
|
-
- Updated dependencies []:
|
|
208
|
-
- @chakra-ui/react@2.2.3
|
|
209
|
-
- @chakra-ui/icons@2.0.3
|
|
210
|
-
|
|
211
|
-
## 4.0.2
|
|
212
|
-
|
|
213
|
-
### Patch Changes
|
|
214
|
-
|
|
215
|
-
- Updated dependencies
|
|
216
|
-
[[`612529653`](https://github.com/chakra-ui/chakra-ui/commit/61252965371f1abc5bc6680c14bbd08f97667ea9)]:
|
|
217
|
-
- @chakra-ui/react@2.2.2
|
|
218
|
-
|
|
219
|
-
## 4.0.1
|
|
220
|
-
|
|
221
|
-
### Patch Changes
|
|
222
|
-
|
|
223
|
-
- Updated dependencies []:
|
|
224
|
-
- @chakra-ui/react@2.2.1
|
|
225
|
-
|
|
226
|
-
## 4.0.0
|
|
227
|
-
|
|
228
|
-
### Patch Changes
|
|
229
|
-
|
|
230
|
-
- [`06f29f8cd`](https://github.com/chakra-ui/chakra-ui/commit/06f29f8cdbb10ff1da523e0d0e958b9990d041e1)
|
|
231
|
-
Thanks [@segunadebayo](https://github.com/segunadebayo)! - Bump all packages
|
|
232
|
-
to resolve deps issues
|
|
233
|
-
|
|
234
|
-
* [#6152](https://github.com/chakra-ui/chakra-ui/pull/6152)
|
|
235
|
-
[`06a09312a`](https://github.com/chakra-ui/chakra-ui/commit/06a09312a5c776350a81e099106be9afda5e8cdd)
|
|
236
|
-
Thanks [@itkrt2y](https://github.com/itkrt2y)! - Update storybook dependency
|
|
237
|
-
|
|
238
|
-
* Updated dependencies
|
|
239
|
-
[[`400a2091a`](https://github.com/chakra-ui/chakra-ui/commit/400a2091a9463cedb697b32d1ff182c238cd4754),
|
|
240
|
-
[`06f29f8cd`](https://github.com/chakra-ui/chakra-ui/commit/06f29f8cdbb10ff1da523e0d0e958b9990d041e1)]:
|
|
241
|
-
- @chakra-ui/react@2.2.0
|
|
242
|
-
- @chakra-ui/icons@2.0.2
|
|
243
|
-
|
|
244
|
-
## 3.0.2
|
|
245
|
-
|
|
246
|
-
### Patch Changes
|
|
247
|
-
|
|
248
|
-
- Updated dependencies []:
|
|
249
|
-
- @chakra-ui/react@2.1.2
|
|
250
|
-
|
|
251
|
-
## 3.0.1
|
|
252
|
-
|
|
253
|
-
### Patch Changes
|
|
254
|
-
|
|
255
|
-
- Updated dependencies
|
|
256
|
-
[[`e8cce77b2`](https://github.com/chakra-ui/chakra-ui/commit/e8cce77b27714277db576b45d03d2570d590ab8e)]:
|
|
257
|
-
- @chakra-ui/react@2.1.1
|
|
258
|
-
- @chakra-ui/icons@2.0.1
|
|
259
|
-
|
|
260
|
-
## 3.0.0
|
|
261
|
-
|
|
262
|
-
### Patch Changes
|
|
263
|
-
|
|
264
|
-
- Updated dependencies
|
|
265
|
-
[[`3319eca8b`](https://github.com/chakra-ui/chakra-ui/commit/3319eca8bf02b892ea345a68294110919e2963cb),
|
|
266
|
-
[`ddea8d143`](https://github.com/chakra-ui/chakra-ui/commit/ddea8d143e76c0e4758e6ea4b4d881f88b34452d)]:
|
|
267
|
-
- @chakra-ui/react@2.1.0
|
|
268
|
-
|
|
269
|
-
## 2.0.2
|
|
270
|
-
|
|
271
|
-
### Patch Changes
|
|
272
|
-
|
|
273
|
-
- Updated dependencies []:
|
|
274
|
-
- @chakra-ui/react@2.0.2
|
|
7
|
+
- 2e7da38: Updated dependencies
|
|
275
8
|
|
|
276
9
|
## 2.0.1
|
|
277
10
|
|
|
278
11
|
### Patch Changes
|
|
279
12
|
|
|
280
|
-
-
|
|
281
|
-
- @chakra-ui/react@2.0.1
|
|
282
|
-
|
|
283
|
-
## 2.0.0
|
|
284
|
-
|
|
285
|
-
### Major Changes
|
|
286
|
-
|
|
287
|
-
- [#5879](https://github.com/chakra-ui/chakra-ui/pull/5879)
|
|
288
|
-
[`c390af485`](https://github.com/chakra-ui/chakra-ui/commit/c390af4859bcbcf12c982c677492cd6d4960889f)
|
|
289
|
-
Thanks [@TimKolberger](https://github.com/TimKolberger)! - Bump all packages
|
|
290
|
-
to next major for Chakra UI version 2.
|
|
291
|
-
|
|
292
|
-
* [#5989](https://github.com/chakra-ui/chakra-ui/pull/5989)
|
|
293
|
-
[`ed692c0ae`](https://github.com/chakra-ui/chakra-ui/commit/ed692c0ae670bcac92b3da50d141afc6e233dee7)
|
|
294
|
-
Thanks [@TimKolberger](https://github.com/TimKolberger)! - Omit `src`
|
|
295
|
-
directory from being published to npm
|
|
296
|
-
|
|
297
|
-
- [#5922](https://github.com/chakra-ui/chakra-ui/pull/5922)
|
|
298
|
-
[`9b3f71ed3`](https://github.com/chakra-ui/chakra-ui/commit/9b3f71ed358f8e0f5a795a02a861a13fa966b341)
|
|
299
|
-
Thanks [@TimKolberger](https://github.com/TimKolberger)! - Bumped the
|
|
300
|
-
supported version of storybook to >6.4 to support other bundlers than webpack.
|
|
301
|
-
|
|
302
|
-
Disable the new Storybook feature flag `emotionAlias` to prevent version
|
|
303
|
-
mismatch issues with emotion:
|
|
304
|
-
|
|
305
|
-
```js live=false
|
|
306
|
-
module.exports = {
|
|
307
|
-
addons: ['@chakra-ui/storybook-addon'],
|
|
308
|
-
features: {
|
|
309
|
-
emotionAlias: false,
|
|
310
|
-
},
|
|
311
|
-
}
|
|
312
|
-
```
|
|
313
|
-
|
|
314
|
-
The ColorMode Toggle moved to the Storybook toolbar together with a new layout
|
|
315
|
-
direction toggle (ltr/rtl).
|
|
316
|
-
|
|
317
|
-
A new helper function extracts the ArgTypes for a given Chakra UI component.
|
|
318
|
-
You can quickly preview all variants, sizes and colorSchemes of your
|
|
319
|
-
components which are present in your Chakra UI Theme.
|
|
320
|
-
|
|
321
|
-
```tsx
|
|
322
|
-
// button.stories.tsx
|
|
323
|
-
import { getThemingArgTypes } from '@chakra-ui/storybook-addon'
|
|
324
|
-
import { theme } from '<your-theme>'
|
|
325
|
-
|
|
326
|
-
export default {
|
|
327
|
-
title: 'Components / Forms / Button',
|
|
328
|
-
argTypes: getThemingArgTypes(theme, 'Button'),
|
|
329
|
-
}
|
|
330
|
-
|
|
331
|
-
interface StoryProps extends ThemingProps<'Button'> {}
|
|
332
|
-
|
|
333
|
-
export const Basic: StoryFn<StoryProps> = (props) => (
|
|
334
|
-
<Button {...props}>Button</Button>
|
|
335
|
-
)
|
|
336
|
-
```
|
|
337
|
-
|
|
338
|
-
* [#5882](https://github.com/chakra-ui/chakra-ui/pull/5882)
|
|
339
|
-
[`41b3119f5`](https://github.com/chakra-ui/chakra-ui/commit/41b3119f59226f7c70942d6fd0f46480f9bcf196)
|
|
340
|
-
Thanks [@TimKolberger](https://github.com/TimKolberger)! - Bump peer
|
|
341
|
-
dependency to React and ReactDOM to >=18
|
|
342
|
-
|
|
343
|
-
### Minor Changes
|
|
344
|
-
|
|
345
|
-
- [#5922](https://github.com/chakra-ui/chakra-ui/pull/5922)
|
|
346
|
-
[`9b3f71ed3`](https://github.com/chakra-ui/chakra-ui/commit/9b3f71ed358f8e0f5a795a02a861a13fa966b341)
|
|
347
|
-
Thanks [@TimKolberger](https://github.com/TimKolberger)! - Replace the button
|
|
348
|
-
on the corner with a toggle tool
|
|
349
|
-
|
|
350
|
-
### Patch Changes
|
|
351
|
-
|
|
352
|
-
- [#5990](https://github.com/chakra-ui/chakra-ui/pull/5990)
|
|
353
|
-
[`dfc759a5e`](https://github.com/chakra-ui/chakra-ui/commit/dfc759a5eae79b6147a0dfcbafb71ea398021861)
|
|
354
|
-
Thanks [@TimKolberger](https://github.com/TimKolberger)! - Fixed an issue
|
|
355
|
-
where the storybook addon did not use the default theme if none was provided
|
|
356
|
-
- Updated dependencies
|
|
357
|
-
[[`c390af485`](https://github.com/chakra-ui/chakra-ui/commit/c390af4859bcbcf12c982c677492cd6d4960889f),
|
|
358
|
-
[`ed692c0ae`](https://github.com/chakra-ui/chakra-ui/commit/ed692c0ae670bcac92b3da50d141afc6e233dee7),
|
|
359
|
-
[`c7a1a53ac`](https://github.com/chakra-ui/chakra-ui/commit/c7a1a53ace53020e23c1b92d48ff16d8d8e95709),
|
|
360
|
-
[`41b3119f5`](https://github.com/chakra-ui/chakra-ui/commit/41b3119f59226f7c70942d6fd0f46480f9bcf196)]:
|
|
361
|
-
- @chakra-ui/icons@2.0.0
|
|
362
|
-
- @chakra-ui/react@2.0.0
|
|
363
|
-
|
|
364
|
-
## 2.0.0-next.5
|
|
365
|
-
|
|
366
|
-
### Major Changes
|
|
367
|
-
|
|
368
|
-
- [#5989](https://github.com/chakra-ui/chakra-ui/pull/5989)
|
|
369
|
-
[`ed692c0ae`](https://github.com/chakra-ui/chakra-ui/commit/ed692c0ae670bcac92b3da50d141afc6e233dee7)
|
|
370
|
-
Thanks [@TimKolberger](https://github.com/TimKolberger)! - Omit `src`
|
|
371
|
-
directory from being published to npm
|
|
372
|
-
|
|
373
|
-
### Patch Changes
|
|
374
|
-
|
|
375
|
-
- [#5990](https://github.com/chakra-ui/chakra-ui/pull/5990)
|
|
376
|
-
[`dfc759a5e`](https://github.com/chakra-ui/chakra-ui/commit/dfc759a5eae79b6147a0dfcbafb71ea398021861)
|
|
377
|
-
Thanks [@TimKolberger](https://github.com/TimKolberger)! - Fixed an issue
|
|
378
|
-
where the storybook addon did not use the default theme if none was provided
|
|
379
|
-
- Updated dependencies
|
|
380
|
-
[[`ed692c0ae`](https://github.com/chakra-ui/chakra-ui/commit/ed692c0ae670bcac92b3da50d141afc6e233dee7)]:
|
|
381
|
-
- @chakra-ui/icons@2.0.0-next.2
|
|
382
|
-
- @chakra-ui/react@2.0.0-next.5
|
|
383
|
-
|
|
384
|
-
## 2.0.0-next.4
|
|
385
|
-
|
|
386
|
-
### Major Changes
|
|
387
|
-
|
|
388
|
-
- [#5922](https://github.com/chakra-ui/chakra-ui/pull/5922)
|
|
389
|
-
[`9b3f71ed3`](https://github.com/chakra-ui/chakra-ui/commit/9b3f71ed358f8e0f5a795a02a861a13fa966b341)
|
|
390
|
-
Thanks [@TimKolberger](https://github.com/TimKolberger)! - Bumped the
|
|
391
|
-
supported version of storybook to >6.4 to support other bundlers than webpack.
|
|
392
|
-
|
|
393
|
-
Disable the new Storybook feature flag `emotionAlias` to prevent version
|
|
394
|
-
mismatch issues with emotion:
|
|
395
|
-
|
|
396
|
-
```js live=false
|
|
397
|
-
module.exports = {
|
|
398
|
-
addons: ['@chakra-ui/storybook-addon'],
|
|
399
|
-
features: {
|
|
400
|
-
emotionAlias: false,
|
|
401
|
-
},
|
|
402
|
-
}
|
|
403
|
-
```
|
|
404
|
-
|
|
405
|
-
The ColorMode Toggle moved to the Storybook toolbar together with a new layout
|
|
406
|
-
direction toggle (ltr/rtl).
|
|
407
|
-
|
|
408
|
-
A new helper function extracts the ArgTypes for a given Chakra UI component.
|
|
409
|
-
You can quickly preview all variants, sizes and colorSchemes of your
|
|
410
|
-
components which are present in your Chakra UI Theme.
|
|
411
|
-
|
|
412
|
-
```tsx
|
|
413
|
-
// button.stories.tsx
|
|
414
|
-
import { getThemingArgTypes } from '@chakra-ui/storybook-addon'
|
|
415
|
-
import { theme } from '<your-theme>'
|
|
416
|
-
|
|
417
|
-
export default {
|
|
418
|
-
title: 'Components / Forms / Button',
|
|
419
|
-
argTypes: getThemingArgTypes(theme, 'Button'),
|
|
420
|
-
}
|
|
421
|
-
|
|
422
|
-
interface StoryProps extends ThemingProps<'Button'> {}
|
|
423
|
-
|
|
424
|
-
export const Basic: StoryFn<StoryProps> = (props) => (
|
|
425
|
-
<Button {...props}>Button</Button>
|
|
426
|
-
)
|
|
427
|
-
```
|
|
428
|
-
|
|
429
|
-
### Minor Changes
|
|
430
|
-
|
|
431
|
-
- [#5922](https://github.com/chakra-ui/chakra-ui/pull/5922)
|
|
432
|
-
[`9b3f71ed3`](https://github.com/chakra-ui/chakra-ui/commit/9b3f71ed358f8e0f5a795a02a861a13fa966b341)
|
|
433
|
-
Thanks [@TimKolberger](https://github.com/TimKolberger)! - Replace the button
|
|
434
|
-
on the corner with a toggle tool
|
|
435
|
-
|
|
436
|
-
### Patch Changes
|
|
437
|
-
|
|
438
|
-
- Updated dependencies []:
|
|
439
|
-
- @chakra-ui/react@2.0.0-next.4
|
|
440
|
-
|
|
441
|
-
## 2.0.0-next.3
|
|
442
|
-
|
|
443
|
-
### Patch Changes
|
|
444
|
-
|
|
445
|
-
- Updated dependencies []:
|
|
446
|
-
- @chakra-ui/react@2.0.0-next.3
|
|
447
|
-
|
|
448
|
-
## 2.0.0-next.2
|
|
449
|
-
|
|
450
|
-
### Major Changes
|
|
451
|
-
|
|
452
|
-
- [#5882](https://github.com/chakra-ui/chakra-ui/pull/5882)
|
|
453
|
-
[`41b3119f5`](https://github.com/chakra-ui/chakra-ui/commit/41b3119f59226f7c70942d6fd0f46480f9bcf196)
|
|
454
|
-
Thanks [@TimKolberger](https://github.com/TimKolberger)! - Bump peer
|
|
455
|
-
depencency to React and ReactDOM to >=18
|
|
456
|
-
|
|
457
|
-
### Patch Changes
|
|
458
|
-
|
|
459
|
-
- Updated dependencies
|
|
460
|
-
[[`41b3119f5`](https://github.com/chakra-ui/chakra-ui/commit/41b3119f59226f7c70942d6fd0f46480f9bcf196)]:
|
|
461
|
-
- @chakra-ui/icons@2.0.0-next.1
|
|
462
|
-
- @chakra-ui/react@2.0.0-next.2
|
|
463
|
-
|
|
464
|
-
## 2.0.0-next.1
|
|
465
|
-
|
|
466
|
-
### Major Changes
|
|
467
|
-
|
|
468
|
-
- [#5879](https://github.com/chakra-ui/chakra-ui/pull/5879)
|
|
469
|
-
[`c390af485`](https://github.com/chakra-ui/chakra-ui/commit/c390af4859bcbcf12c982c677492cd6d4960889f)
|
|
470
|
-
Thanks [@TimKolberger](https://github.com/TimKolberger)! - Bump all packages
|
|
471
|
-
to next major for Chakra UI version 2.
|
|
472
|
-
|
|
473
|
-
### Patch Changes
|
|
474
|
-
|
|
475
|
-
- Updated dependencies
|
|
476
|
-
[[`c390af485`](https://github.com/chakra-ui/chakra-ui/commit/c390af4859bcbcf12c982c677492cd6d4960889f)]:
|
|
477
|
-
- @chakra-ui/icons@2.0.0-next.0
|
|
478
|
-
- @chakra-ui/react@2.0.0-next.1
|
|
479
|
-
|
|
480
|
-
## 2.0.0-next.0
|
|
481
|
-
|
|
482
|
-
### Patch Changes
|
|
483
|
-
|
|
484
|
-
- Updated dependencies
|
|
485
|
-
[[`c7a1a53ac`](https://github.com/chakra-ui/chakra-ui/commit/c7a1a53ace53020e23c1b92d48ff16d8d8e95709)]:
|
|
486
|
-
- @chakra-ui/react@2.0.0-next.0
|
|
487
|
-
|
|
488
|
-
## 1.0.3
|
|
489
|
-
|
|
490
|
-
### Patch Changes
|
|
491
|
-
|
|
492
|
-
- [`e1fe48cbe`](https://github.com/chakra-ui/chakra-ui/commit/e1fe48cbe37324744cfe6184d785c093cda1125e)
|
|
493
|
-
Thanks [@TimKolberger](https://github.com/TimKolberger)! - Bumped patch
|
|
494
|
-
version for every package to fix release process. Root cause was a bug in our
|
|
495
|
-
CI configuration.
|
|
496
|
-
- Updated dependencies
|
|
497
|
-
[[`e1fe48cbe`](https://github.com/chakra-ui/chakra-ui/commit/e1fe48cbe37324744cfe6184d785c093cda1125e)]:
|
|
498
|
-
- @chakra-ui/icons@1.1.7
|
|
499
|
-
|
|
500
|
-
## 1.0.2
|
|
501
|
-
|
|
502
|
-
### Patch Changes
|
|
503
|
-
|
|
504
|
-
- [#5536](https://github.com/chakra-ui/chakra-ui/pull/5536)
|
|
505
|
-
[`a503acabe`](https://github.com/chakra-ui/chakra-ui/commit/a503acabefcaea86cb7f40a6305830f09d2d6083)
|
|
506
|
-
Thanks [@TimKolberger](https://github.com/TimKolberger)! - Bumped patch
|
|
507
|
-
version for every package to fix release process.
|
|
508
|
-
|
|
509
|
-
- Updated dependencies
|
|
510
|
-
[[`a503acabe`](https://github.com/chakra-ui/chakra-ui/commit/a503acabefcaea86cb7f40a6305830f09d2d6083)]:
|
|
511
|
-
- @chakra-ui/icons@1.1.5
|
|
512
|
-
|
|
513
|
-
## 1.0.1
|
|
514
|
-
|
|
515
|
-
### Patch Changes
|
|
516
|
-
|
|
517
|
-
- [#5340](https://github.com/chakra-ui/chakra-ui/pull/5340)
|
|
518
|
-
[`ab247507a`](https://github.com/chakra-ui/chakra-ui/commit/ab247507ab6d30be356b657f652331801e880e52)
|
|
519
|
-
Thanks [@TimKolberger](https://github.com/TimKolberger)! - Added dependency to
|
|
520
|
-
@chakra-ui/icons
|
|
521
|
-
|
|
522
|
-
## 1.0.0
|
|
523
|
-
|
|
524
|
-
### Major Changes
|
|
525
|
-
|
|
526
|
-
- [#5126](https://github.com/chakra-ui/chakra-ui/pull/5126)
|
|
527
|
-
[`712cc3d1e`](https://github.com/chakra-ui/chakra-ui/commit/712cc3d1e6193ec7d98d195abdb124809f9b9b06)
|
|
528
|
-
Thanks [@ngxCoder](https://github.com/ngxCoder)! - The official Storybook
|
|
529
|
-
Addon for Chakra UI.
|
|
530
|
-
|
|
531
|
-
```sh
|
|
532
|
-
yarn add -D @chakra-ui/storybook-addon
|
|
533
|
-
```
|
|
534
|
-
|
|
535
|
-
```sh
|
|
536
|
-
npm i -D @chakra-ui/storybook-addon
|
|
537
|
-
```
|
|
538
|
-
|
|
539
|
-
Add the addon to your configuration in `.storybook/main.js`:
|
|
540
|
-
|
|
541
|
-
```js live=false
|
|
542
|
-
module.exports = {
|
|
543
|
-
addons: ['@chakra-ui/storybook-addon'],
|
|
544
|
-
}
|
|
545
|
-
```
|
|
13
|
+
- a1e92adb: Fixed theme switcher
|