GitHub/storybook
1
0
Fork 0
mirror of https://github.com/storybookjs/storybook.git synced 2025-04-01 05:05:25 +08:00
Code Issues Packages Projects Releases Wiki Activity

Merge branch 'future/add-renderers' into future/renderer-presets

Browse Source
This commit is contained in:
Michael Shilman 2022-04-21 08:40:50 +08:00
commit 8d1e54555e
103 changed files with 1496 additions and 1298 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

17
CHANGELOG.md
View File

@ -1,3 +1,20 @@
## 6.5.0-alpha.64 (April 18, 2022)
### Features
- CLI/Preact: add interactions to cli template ([#17984](https://github.com/storybookjs/storybook/pull/17984))
### Bug Fixes
- Interactions: Fix show length of object value on MethodCall ([#17649](https://github.com/storybookjs/storybook/pull/17649))
- React: Fix React 18 react-dom/client dynamic import syntax ([#17987](https://github.com/storybookjs/storybook/pull/17987))
- Svelte: Fix webpack5/babelModeV7 ([#17939](https://github.com/storybookjs/storybook/pull/17939))
### Maintenance
- Examples: Remove stories from deprecated `options`/`queryparams` addons ([#17977](https://github.com/storybookjs/storybook/pull/17977))
- Chore: Format versions.ts file using repo config ([#17963](https://github.com/storybookjs/storybook/pull/17963))
## 6.5.0-alpha.63 (April 14, 2022)
### Bug Fixes

18
addons/a11y/package.json
View File

@ -1,6 +1,6 @@
{
"name": "@storybook/addon-a11y",
"version": "6.5.0-alpha.63",
"version": "6.5.0-alpha.64",
"description": "Test component compliance with web accessibility standards",
"keywords": [
"a11y",
@ -45,14 +45,14 @@
"prepare": "node ../../scripts/prepare.js"
},
"dependencies": {
"@storybook/addons": "6.5.0-alpha.63",
"@storybook/api": "6.5.0-alpha.63",
"@storybook/channels": "6.5.0-alpha.63",
"@storybook/client-logger": "6.5.0-alpha.63",
"@storybook/components": "6.5.0-alpha.63",
"@storybook/core-events": "6.5.0-alpha.63",
"@storybook/addons": "6.5.0-alpha.64",
"@storybook/api": "6.5.0-alpha.64",
"@storybook/channels": "6.5.0-alpha.64",
"@storybook/client-logger": "6.5.0-alpha.64",
"@storybook/components": "6.5.0-alpha.64",
"@storybook/core-events": "6.5.0-alpha.64",
"@storybook/csf": "0.0.2--canary.7c6c115.0",
"@storybook/theming": "6.5.0-alpha.63",
"@storybook/theming": "6.5.0-alpha.64",
"axe-core": "^4.2.0",
"core-js": "^3.8.2",
"global": "^4.4.0",
@ -81,7 +81,7 @@
"publishConfig": {
"access": "public"
},
"gitHead": "416f87dc715cae299c7b4f37f1c9db7f686d4d21",
"gitHead": "7417a230d67b54d65caedcfb584f924b879ac9f5",
"sbmodern": "dist/modern/index.js",
"storybook": {
"displayName": "Accessibility",

16
addons/actions/package.json
View File

@ -1,6 +1,6 @@
{
"name": "@storybook/addon-actions",
"version": "6.5.0-alpha.63",
"version": "6.5.0-alpha.64",
"description": "Get UI feedback when an action is performed on an interactive element",
"keywords": [
"storybook",
@ -41,13 +41,13 @@
"prepare": "node ../../scripts/prepare.js"
},
"dependencies": {
"@storybook/addons": "6.5.0-alpha.63",
"@storybook/api": "6.5.0-alpha.63",
"@storybook/client-logger": "6.5.0-alpha.63",
"@storybook/components": "6.5.0-alpha.63",
"@storybook/core-events": "6.5.0-alpha.63",
"@storybook/addons": "6.5.0-alpha.64",
"@storybook/api": "6.5.0-alpha.64",
"@storybook/client-logger": "6.5.0-alpha.64",
"@storybook/components": "6.5.0-alpha.64",
"@storybook/core-events": "6.5.0-alpha.64",
"@storybook/csf": "0.0.2--canary.7c6c115.0",
"@storybook/theming": "6.5.0-alpha.63",
"@storybook/theming": "6.5.0-alpha.64",
"core-js": "^3.8.2",
"fast-deep-equal": "^3.1.3",
"global": "^4.4.0",
@ -80,7 +80,7 @@
"publishConfig": {
"access": "public"
},
"gitHead": "416f87dc715cae299c7b4f37f1c9db7f686d4d21",
"gitHead": "7417a230d67b54d65caedcfb584f924b879ac9f5",
"sbmodern": "dist/modern/index.js",
"storybook": {
"displayName": "Actions",

16
addons/backgrounds/package.json
View File

@ -1,6 +1,6 @@
{
"name": "@storybook/addon-backgrounds",
"version": "6.5.0-alpha.63",
"version": "6.5.0-alpha.64",
"description": "Switch backgrounds to view components in different settings",
"keywords": [
"addon",
@ -45,13 +45,13 @@
"prepare": "node ../../scripts/prepare.js"
},
"dependencies": {
"@storybook/addons": "6.5.0-alpha.63",
"@storybook/api": "6.5.0-alpha.63",
"@storybook/client-logger": "6.5.0-alpha.63",
"@storybook/components": "6.5.0-alpha.63",
"@storybook/core-events": "6.5.0-alpha.63",
"@storybook/addons": "6.5.0-alpha.64",
"@storybook/api": "6.5.0-alpha.64",
"@storybook/client-logger": "6.5.0-alpha.64",
"@storybook/components": "6.5.0-alpha.64",
"@storybook/core-events": "6.5.0-alpha.64",
"@storybook/csf": "0.0.2--canary.7c6c115.0",
"@storybook/theming": "6.5.0-alpha.63",
"@storybook/theming": "6.5.0-alpha.64",
"core-js": "^3.8.2",
"global": "^4.4.0",
"memoizerific": "^1.11.3",
@ -77,7 +77,7 @@
"publishConfig": {
"access": "public"
},
"gitHead": "416f87dc715cae299c7b4f37f1c9db7f686d4d21",
"gitHead": "7417a230d67b54d65caedcfb584f924b879ac9f5",
"sbmodern": "dist/modern/index.js",
"storybook": {
"displayName": "Backgrounds",

20
addons/controls/package.json
View File

@ -1,6 +1,6 @@
{
"name": "@storybook/addon-controls",
"version": "6.5.0-alpha.63",
"version": "6.5.0-alpha.64",
"description": "Interact with component inputs dynamically in the Storybook UI",
"keywords": [
"addon",
@ -45,15 +45,15 @@
"prepare": "node ../../scripts/prepare.js"
},
"dependencies": {
"@storybook/addons": "6.5.0-alpha.63",
"@storybook/api": "6.5.0-alpha.63",
"@storybook/client-logger": "6.5.0-alpha.63",
"@storybook/components": "6.5.0-alpha.63",
"@storybook/core-common": "6.5.0-alpha.63",
"@storybook/addons": "6.5.0-alpha.64",
"@storybook/api": "6.5.0-alpha.64",
"@storybook/client-logger": "6.5.0-alpha.64",
"@storybook/components": "6.5.0-alpha.64",
"@storybook/core-common": "6.5.0-alpha.64",
"@storybook/csf": "0.0.2--canary.7c6c115.0",
"@storybook/node-logger": "6.5.0-alpha.63",
"@storybook/store": "6.5.0-alpha.63",
"@storybook/theming": "6.5.0-alpha.63",
"@storybook/node-logger": "6.5.0-alpha.64",
"@storybook/store": "6.5.0-alpha.64",
"@storybook/theming": "6.5.0-alpha.64",
"core-js": "^3.8.2",
"lodash": "^4.17.21",
"ts-dedent": "^2.0.0"
@ -73,7 +73,7 @@
"publishConfig": {
"access": "public"
},
"gitHead": "416f87dc715cae299c7b4f37f1c9db7f686d4d21",
"gitHead": "7417a230d67b54d65caedcfb584f924b879ac9f5",
"sbmodern": "dist/modern/manager.js",
"storybook": {
"displayName": "Controls",

28
addons/docs/package.json
View File

@ -1,6 +1,6 @@
{
"name": "@storybook/addon-docs",
"version": "6.5.0-alpha.63",
"version": "6.5.0-alpha.64",
"description": "Document component usage and properties in Markdown",
"keywords": [
"addon",
@ -59,20 +59,20 @@
"@babel/preset-env": "^7.12.11",
"@jest/transform": "^26.6.2",
"@mdx-js/react": "^1.6.22",
"@storybook/addons": "6.5.0-alpha.63",
"@storybook/api": "6.5.0-alpha.63",
"@storybook/components": "6.5.0-alpha.63",
"@storybook/core-common": "6.5.0-alpha.63",
"@storybook/core-events": "6.5.0-alpha.63",
"@storybook/addons": "6.5.0-alpha.64",
"@storybook/api": "6.5.0-alpha.64",
"@storybook/components": "6.5.0-alpha.64",
"@storybook/core-common": "6.5.0-alpha.64",
"@storybook/core-events": "6.5.0-alpha.64",
"@storybook/csf": "0.0.2--canary.7c6c115.0",
"@storybook/docs-tools": "6.5.0-alpha.63",
"@storybook/docs-tools": "6.5.0-alpha.64",
"@storybook/mdx1-csf": "canary",
"@storybook/node-logger": "6.5.0-alpha.63",
"@storybook/postinstall": "6.5.0-alpha.63",
"@storybook/preview-web": "6.5.0-alpha.63",
"@storybook/source-loader": "6.5.0-alpha.63",
"@storybook/store": "6.5.0-alpha.63",
"@storybook/theming": "6.5.0-alpha.63",
"@storybook/node-logger": "6.5.0-alpha.64",
"@storybook/postinstall": "6.5.0-alpha.64",
"@storybook/preview-web": "6.5.0-alpha.64",
"@storybook/source-loader": "6.5.0-alpha.64",
"@storybook/store": "6.5.0-alpha.64",
"@storybook/theming": "6.5.0-alpha.64",
"babel-loader": "^8.0.0",
"core-js": "^3.8.2",
"fast-deep-equal": "^3.1.3",
@ -108,7 +108,7 @@
"publishConfig": {
"access": "public"
},
"gitHead": "416f87dc715cae299c7b4f37f1c9db7f686d4d21",
"gitHead": "7417a230d67b54d65caedcfb584f924b879ac9f5",
"sbmodern": "dist/modern/index.js",
"storybook": {
"displayName": "Docs",

30
addons/essentials/package.json
View File

@ -1,6 +1,6 @@
{
"name": "@storybook/addon-essentials",
"version": "6.5.0-alpha.63",
"version": "6.5.0-alpha.64",
"description": "Curated addons to bring out the best of Storybook",
"keywords": [
"addon",
@ -39,25 +39,25 @@
"prepare": "node ../../scripts/prepare.js"
},
"dependencies": {
"@storybook/addon-actions": "6.5.0-alpha.63",
"@storybook/addon-backgrounds": "6.5.0-alpha.63",
"@storybook/addon-controls": "6.5.0-alpha.63",
"@storybook/addon-docs": "6.5.0-alpha.63",
"@storybook/addon-measure": "6.5.0-alpha.63",
"@storybook/addon-outline": "6.5.0-alpha.63",
"@storybook/addon-toolbars": "6.5.0-alpha.63",
"@storybook/addon-viewport": "6.5.0-alpha.63",
"@storybook/addons": "6.5.0-alpha.63",
"@storybook/api": "6.5.0-alpha.63",
"@storybook/core-common": "6.5.0-alpha.63",
"@storybook/node-logger": "6.5.0-alpha.63",
"@storybook/addon-actions": "6.5.0-alpha.64",
"@storybook/addon-backgrounds": "6.5.0-alpha.64",
"@storybook/addon-controls": "6.5.0-alpha.64",
"@storybook/addon-docs": "6.5.0-alpha.64",
"@storybook/addon-measure": "6.5.0-alpha.64",
"@storybook/addon-outline": "6.5.0-alpha.64",
"@storybook/addon-toolbars": "6.5.0-alpha.64",
"@storybook/addon-viewport": "6.5.0-alpha.64",
"@storybook/addons": "6.5.0-alpha.64",
"@storybook/api": "6.5.0-alpha.64",
"@storybook/core-common": "6.5.0-alpha.64",
"@storybook/node-logger": "6.5.0-alpha.64",
"core-js": "^3.8.2",
"regenerator-runtime": "^0.13.7",
"ts-dedent": "^2.0.0"
},
"devDependencies": {
"@babel/core": "^7.12.10",
"@storybook/vue": "6.5.0-alpha.63",
"@storybook/vue": "6.5.0-alpha.64",
"@types/jest": "^26.0.16",
"@types/webpack-env": "^1.16.0"
},
@ -120,6 +120,6 @@
"publishConfig": {
"access": "public"
},
"gitHead": "416f87dc715cae299c7b4f37f1c9db7f686d4d21",
"gitHead": "7417a230d67b54d65caedcfb584f924b879ac9f5",
"sbmodern": "dist/modern/index.js"
}

21
addons/interactions/package.json
View File

@ -1,6 +1,6 @@
{
"name": "@storybook/addon-interactions",
"version": "6.5.0-alpha.63",
"version": "6.5.0-alpha.64",
"description": "Automate, test and debug user interactions",
"keywords": [
"storybook-addons",
@ -41,15 +41,16 @@
"prepare": "node ../../scripts/prepare.js"
},
"dependencies": {
"@storybook/addons": "6.5.0-alpha.63",
"@storybook/api": "6.5.0-alpha.63",
"@storybook/client-logger": "6.5.0-alpha.63",
"@storybook/components": "6.5.0-alpha.63",
"@storybook/core-common": "6.5.0-alpha.63",
"@storybook/core-events": "6.5.0-alpha.63",
"@devtools-ds/object-inspector": "^1.1.2",
"@storybook/addons": "6.5.0-alpha.64",
"@storybook/api": "6.5.0-alpha.64",
"@storybook/client-logger": "6.5.0-alpha.64",
"@storybook/components": "6.5.0-alpha.64",
"@storybook/core-common": "6.5.0-alpha.64",
"@storybook/core-events": "6.5.0-alpha.64",
"@storybook/csf": "0.0.2--canary.7c6c115.0",
"@storybook/instrumenter": "6.5.0-alpha.63",
"@storybook/theming": "6.5.0-alpha.63",
"@storybook/instrumenter": "6.5.0-alpha.64",
"@storybook/theming": "6.5.0-alpha.64",
"core-js": "^3.8.2",
"global": "^4.4.0",
"jest-mock": "^27.0.6",
@ -76,7 +77,7 @@
"publishConfig": {
"access": "public"
},
"gitHead": "416f87dc715cae299c7b4f37f1c9db7f686d4d21",
"gitHead": "7417a230d67b54d65caedcfb584f924b879ac9f5",
"sbmodern": "dist/modern/index.js",
"storybook": {
"displayName": "Interactions",

8
addons/interactions/src/components/MatcherResult.tsx
View File

@ -29,15 +29,17 @@ const StyledReceived = styled.span(({ theme }) => ({
export const Received = ({ value, parsed }: { value: any; parsed?: boolean }) =>
parsed ? (
<Node value={value} style={{ color: '#D43900' }} />
<Node showObjectInspector value={value} style={{ color: '#D43900' }} />
) : (
<StyledReceived>{value}</StyledReceived>
);
export const Expected = ({ value, parsed }: { value: any; parsed?: boolean }) => {
if (parsed) {
if (typeof value === 'string' && value.startsWith('called with')) return <>{value}</>;
return <Node value={value} style={{ color: '#16B242' }} />;
if (typeof value === 'string' && value.startsWith('called with')) {
return <>{value}</>;
}
return <Node showObjectInspector value={value} style={{ color: '#16B242' }} />;
}
return <StyledExpected>{value}</StyledExpected>;
};

15
addons/interactions/src/components/MethodCall.stories.tsx
View File

@ -42,7 +42,20 @@ export const Args = () => (
<Node value={['foo', 1, { hello: 'world' }]} />
<Node value={[...Array(23)].map((_, i) => i)} />
<Node value={{ hello: 'world' }} />
<Node value={{ hello: 'world', arr: [1, 2, 3], more: 1 }} />
<Node value={{ hello: 'world', arr: [1, 2, 3], more: true }} />
<Node value={{ hello: 'world', arr: [1, 2, 3], more: true }} showObjectInspector />
<Node
value={{
hello: 'world',
arr: [1, 2, 3],
more: true,
regex: /regex/,
class: class DummyClass {},
fn: () => 123,
asyncFn: async () => 'hello',
}}
showObjectInspector
/>
<Node value={new FooBar()} />
<Node value={function goFaster() {}} />
<Node value={{ __element__: { localName: 'hr' } }} />

36
addons/interactions/src/components/MethodCall.tsx
View File

@ -1,3 +1,4 @@
import { ObjectInspector } from '@devtools-ds/object-inspector';
import { Call, CallRef, ElementRef } from '@storybook/instrumenter';
import { useTheme } from '@storybook/theming';
import React, { Fragment, ReactElement } from 'react';
@ -91,11 +92,17 @@ const interleave = (nodes: ReactElement[], separator: ReactElement) =>
export const Node = ({
value,
nested,
showObjectInspector,
callsById,
...props
}: {
value: any;
nested?: boolean;
/**
* Shows an object inspector instead of just printing the object.
* Only available for Objects
*/
showObjectInspector?: boolean;
callsById?: Map<Call['id'], Call>;
[props: string]: any;
}) => {
@ -131,7 +138,7 @@ export const Node = ({
value.constructor?.name !== 'Object':
return <ClassNode value={value} {...props} />;
case Object.prototype.toString.call(value) === '[object Object]':
return <ObjectNode value={value} {...props} />;
return <ObjectNode value={value} showInspector={showObjectInspector} {...props} />;
default:
return <OtherNode value={value} {...props} />;
}
@ -199,14 +206,37 @@ export const ArrayNode = ({ value, nested = false }: { value: any[]; nested?: bo
);
};
export const ObjectNode = ({ value, nested = false }: { value: object; nested?: boolean }) => {
export const ObjectNode = ({
showInspector,
value,
nested = false,
}: {
showInspector?: boolean;
value: object;
nested?: boolean;
}) => {
const isDarkMode = useTheme().base === 'dark';
const colors = useThemeColors();
if (showInspector) {
return (
<>
<ObjectInspector
id="interactions-object-inspector"
data={value}
includePrototypes={false}
colorScheme={isDarkMode ? 'dark' : 'light'}
/>
</>
);
}
if (nested) {
return <span style={{ color: colors.base }}>{'{…}'}</span>;
}
const nodelist = interleave(
Object.entries(value)
.slice(0, 1)
.slice(0, 2)
.map(([k, v]) => (
<Fragment key={k}>
<span style={{ color: colors.objectkey }}>{k}: </span>

16
addons/jest/package.json
View File

@ -1,6 +1,6 @@
{
"name": "@storybook/addon-jest",
"version": "6.5.0-alpha.63",
"version": "6.5.0-alpha.64",
"description": "React storybook addon that show component jest report",
"keywords": [
"addon",
@ -47,12 +47,12 @@
"prepare": "node ../../scripts/prepare.js"
},
"dependencies": {
"@storybook/addons": "6.5.0-alpha.63",
"@storybook/api": "6.5.0-alpha.63",
"@storybook/client-logger": "6.5.0-alpha.63",
"@storybook/components": "6.5.0-alpha.63",
"@storybook/core-events": "6.5.0-alpha.63",
"@storybook/theming": "6.5.0-alpha.63",
"@storybook/addons": "6.5.0-alpha.64",
"@storybook/api": "6.5.0-alpha.64",
"@storybook/client-logger": "6.5.0-alpha.64",
"@storybook/components": "6.5.0-alpha.64",
"@storybook/core-events": "6.5.0-alpha.64",
"@storybook/theming": "6.5.0-alpha.64",
"core-js": "^3.8.2",
"global": "^4.4.0",
"react-sizeme": "^3.0.1",
@ -77,7 +77,7 @@
"publishConfig": {
"access": "public"
},
"gitHead": "416f87dc715cae299c7b4f37f1c9db7f686d4d21",
"gitHead": "7417a230d67b54d65caedcfb584f924b879ac9f5",
"sbmodern": "dist/modern/index.js",
"storybook": {
"displayName": "Jest",

12
addons/links/package.json
View File

@ -1,6 +1,6 @@
{
"name": "@storybook/addon-links",
"version": "6.5.0-alpha.63",
"version": "6.5.0-alpha.64",
"description": "Link stories together to build demos and prototypes with your UI components",
"keywords": [
"addon",
@ -41,11 +41,11 @@
"prepare": "node ../../scripts/prepare.js"
},
"dependencies": {
"@storybook/addons": "6.5.0-alpha.63",
"@storybook/client-logger": "6.5.0-alpha.63",
"@storybook/core-events": "6.5.0-alpha.63",
"@storybook/addons": "6.5.0-alpha.64",
"@storybook/client-logger": "6.5.0-alpha.64",
"@storybook/core-events": "6.5.0-alpha.64",
"@storybook/csf": "0.0.2--canary.7c6c115.0",
"@storybook/router": "6.5.0-alpha.63",
"@storybook/router": "6.5.0-alpha.64",
"@types/qs": "^6.9.5",
"core-js": "^3.8.2",
"global": "^4.4.0",
@ -72,7 +72,7 @@
"publishConfig": {
"access": "public"
},
"gitHead": "416f87dc715cae299c7b4f37f1c9db7f686d4d21",
"gitHead": "7417a230d67b54d65caedcfb584f924b879ac9f5",
"sbmodern": "dist/modern/index.js",
"storybook": {
"displayName": "Links",

14
addons/measure/package.json
View File

@ -1,6 +1,6 @@
{
"name": "@storybook/addon-measure",
"version": "6.5.0-alpha.63",
"version": "6.5.0-alpha.64",
"description": "Inspect layouts by visualizing the box model",
"keywords": [
"storybook-addons",
@ -44,11 +44,11 @@
"prepare": "node ../../scripts/prepare.js"
},
"dependencies": {
"@storybook/addons": "6.5.0-alpha.63",
"@storybook/api": "6.5.0-alpha.63",
"@storybook/client-logger": "6.5.0-alpha.63",
"@storybook/components": "6.5.0-alpha.63",
"@storybook/core-events": "6.5.0-alpha.63",
"@storybook/addons": "6.5.0-alpha.64",
"@storybook/api": "6.5.0-alpha.64",
"@storybook/client-logger": "6.5.0-alpha.64",
"@storybook/components": "6.5.0-alpha.64",
"@storybook/core-events": "6.5.0-alpha.64",
"@storybook/csf": "0.0.2--canary.7c6c115.0",
"core-js": "^3.8.2",
"global": "^4.4.0"
@ -71,7 +71,7 @@
"publishConfig": {
"access": "public"
},
"gitHead": "416f87dc715cae299c7b4f37f1c9db7f686d4d21",
"gitHead": "7417a230d67b54d65caedcfb584f924b879ac9f5",
"sbmodern": "dist/modern/index.js",
"storybook": {
"displayName": "Measure",

14
addons/outline/package.json
View File

@ -1,6 +1,6 @@
{
"name": "@storybook/addon-outline",
"version": "6.5.0-alpha.63",
"version": "6.5.0-alpha.64",
"description": "Outline all elements with CSS to help with layout placement and alignment",
"keywords": [
"storybook-addons",
@ -47,11 +47,11 @@
"prepare": "node ../../scripts/prepare.js"
},
"dependencies": {
"@storybook/addons": "6.5.0-alpha.63",
"@storybook/api": "6.5.0-alpha.63",
"@storybook/client-logger": "6.5.0-alpha.63",
"@storybook/components": "6.5.0-alpha.63",
"@storybook/core-events": "6.5.0-alpha.63",
"@storybook/addons": "6.5.0-alpha.64",
"@storybook/api": "6.5.0-alpha.64",
"@storybook/client-logger": "6.5.0-alpha.64",
"@storybook/components": "6.5.0-alpha.64",
"@storybook/core-events": "6.5.0-alpha.64",
"@storybook/csf": "0.0.2--canary.7c6c115.0",
"core-js": "^3.8.2",
"global": "^4.4.0",
@ -76,7 +76,7 @@
"publishConfig": {
"access": "public"
},
"gitHead": "416f87dc715cae299c7b4f37f1c9db7f686d4d21",
"gitHead": "7417a230d67b54d65caedcfb584f924b879ac9f5",
"sbmodern": "dist/modern/index.js",
"storybook": {
"displayName": "Outline",

22
addons/storyshots/storyshots-core/package.json
View File

@ -1,6 +1,6 @@
{
"name": "@storybook/addon-storyshots",
"version": "6.5.0-alpha.63",
"version": "6.5.0-alpha.64",
"description": "Take a code snapshot of every story automatically with Jest",
"keywords": [
"addon",
@ -45,11 +45,11 @@
},
"dependencies": {
"@jest/transform": "^26.6.2",
"@storybook/addons": "6.5.0-alpha.63",
"@storybook/addons": "6.5.0-alpha.64",
"@storybook/babel-plugin-require-context-hook": "1.0.1",
"@storybook/client-api": "6.5.0-alpha.63",
"@storybook/core-client": "6.5.0-alpha.63",
"@storybook/core-common": "6.5.0-alpha.63",
"@storybook/client-api": "6.5.0-alpha.64",
"@storybook/core-client": "6.5.0-alpha.64",
"@storybook/core-common": "6.5.0-alpha.64",
"@storybook/csf": "0.0.2--canary.7c6c115.0",
"@types/glob": "^7.1.3",
"@types/jest": "^26.0.16",
@ -69,11 +69,11 @@
"@angular/core": "^11.2.0",
"@angular/platform-browser-dynamic": "^11.2.0",
"@emotion/jest": "^11.8.0",
"@storybook/addon-docs": "6.5.0-alpha.63",
"@storybook/angular": "6.5.0-alpha.63",
"@storybook/react": "6.5.0-alpha.63",
"@storybook/vue": "6.5.0-alpha.63",
"@storybook/vue3": "6.5.0-alpha.63",
"@storybook/addon-docs": "6.5.0-alpha.64",
"@storybook/angular": "6.5.0-alpha.64",
"@storybook/react": "6.5.0-alpha.64",
"@storybook/vue": "6.5.0-alpha.64",
"@storybook/vue3": "6.5.0-alpha.64",
"babel-loader": "^8.0.0",
"enzyme": "^3.11.0",
"enzyme-to-json": "^3.6.1",
@ -150,7 +150,7 @@
"publishConfig": {
"access": "public"
},
"gitHead": "416f87dc715cae299c7b4f37f1c9db7f686d4d21",
"gitHead": "7417a230d67b54d65caedcfb584f924b879ac9f5",
"storybook": {
"displayName": "Storyshots",
"icon": "https://user-images.githubusercontent.com/263385/101991676-48cdf300-3c7c-11eb-8aa1-944dab6ab29b.png",

8
addons/storyshots/storyshots-puppeteer/package.json
View File

@ -1,6 +1,6 @@
{
"name": "@storybook/addon-storyshots-puppeteer",
"version": "6.5.0-alpha.63",
"version": "6.5.0-alpha.64",
"description": "Image snapshots addition to StoryShots based on puppeteer",
"keywords": [
"addon",
@ -42,7 +42,7 @@
"dependencies": {
"@axe-core/puppeteer": "^4.2.0",
"@storybook/csf": "0.0.2--canary.7c6c115.0",
"@storybook/node-logger": "6.5.0-alpha.63",
"@storybook/node-logger": "6.5.0-alpha.64",
"@types/jest-image-snapshot": "^4.1.3",
"core-js": "^3.8.2",
"jest-image-snapshot": "^4.3.0",
@ -53,7 +53,7 @@
"@types/puppeteer": "^5.4.0"
},
"peerDependencies": {
"@storybook/addon-storyshots": "6.5.0-alpha.63",
"@storybook/addon-storyshots": "6.5.0-alpha.64",
"puppeteer": "^2.0.0 || ^3.0.0"
},
"peerDependenciesMeta": {
@ -64,5 +64,5 @@
"publishConfig": {
"access": "public"
},
"gitHead": "416f87dc715cae299c7b4f37f1c9db7f686d4d21"
"gitHead": "7417a230d67b54d65caedcfb584f924b879ac9f5"
}

18
addons/storysource/package.json
View File

@ -1,6 +1,6 @@
{
"name": "@storybook/addon-storysource",
"version": "6.5.0-alpha.63",
"version": "6.5.0-alpha.64",
"description": "View a story’s source code to see how it works and paste into your app",
"keywords": [
"addon",
@ -41,13 +41,13 @@
"prepare": "node ../../scripts/prepare.js"
},
"dependencies": {
"@storybook/addons": "6.5.0-alpha.63",
"@storybook/api": "6.5.0-alpha.63",
"@storybook/client-logger": "6.5.0-alpha.63",
"@storybook/components": "6.5.0-alpha.63",
"@storybook/router": "6.5.0-alpha.63",
"@storybook/source-loader": "6.5.0-alpha.63",
"@storybook/theming": "6.5.0-alpha.63",
"@storybook/addons": "6.5.0-alpha.64",
"@storybook/api": "6.5.0-alpha.64",
"@storybook/client-logger": "6.5.0-alpha.64",
"@storybook/components": "6.5.0-alpha.64",
"@storybook/router": "6.5.0-alpha.64",
"@storybook/source-loader": "6.5.0-alpha.64",
"@storybook/theming": "6.5.0-alpha.64",
"core-js": "^3.8.2",
"estraverse": "^5.2.0",
"loader-utils": "^2.0.0",
@ -74,7 +74,7 @@
"publishConfig": {
"access": "public"
},
"gitHead": "416f87dc715cae299c7b4f37f1c9db7f686d4d21",
"gitHead": "7417a230d67b54d65caedcfb584f924b879ac9f5",
"sbmodern": "dist/modern/index.js",
"storybook": {
"displayName": "Storysource",

14
addons/toolbars/package.json
View File

@ -1,6 +1,6 @@
{
"name": "@storybook/addon-toolbars",
"version": "6.5.0-alpha.63",
"version": "6.5.0-alpha.64",
"description": "Create your own toolbar items that control story rendering",
"keywords": [
"addon",
@ -45,11 +45,11 @@
"prepare": "node ../../scripts/prepare.js"
},
"dependencies": {
"@storybook/addons": "6.5.0-alpha.63",
"@storybook/api": "6.5.0-alpha.63",
"@storybook/client-logger": "6.5.0-alpha.63",
"@storybook/components": "6.5.0-alpha.63",
"@storybook/theming": "6.5.0-alpha.63",
"@storybook/addons": "6.5.0-alpha.64",
"@storybook/api": "6.5.0-alpha.64",
"@storybook/client-logger": "6.5.0-alpha.64",
"@storybook/components": "6.5.0-alpha.64",
"@storybook/theming": "6.5.0-alpha.64",
"core-js": "^3.8.2",
"regenerator-runtime": "^0.13.7"
},
@ -68,7 +68,7 @@
"publishConfig": {
"access": "public"
},
"gitHead": "416f87dc715cae299c7b4f37f1c9db7f686d4d21",
"gitHead": "7417a230d67b54d65caedcfb584f924b879ac9f5",
"sbmodern": "dist/modern/manager.js",
"storybook": {
"displayName": "Toolbars",

16
addons/viewport/package.json
View File

@ -1,6 +1,6 @@
{
"name": "@storybook/addon-viewport",
"version": "6.5.0-alpha.63",
"version": "6.5.0-alpha.64",
"description": "Build responsive components by adjusting Storybook’s viewport size and orientation",
"keywords": [
"addon",
@ -42,12 +42,12 @@
"prepare": "node ../../scripts/prepare.js"
},
"dependencies": {
"@storybook/addons": "6.5.0-alpha.63",
"@storybook/api": "6.5.0-alpha.63",
"@storybook/client-logger": "6.5.0-alpha.63",
"@storybook/components": "6.5.0-alpha.63",
"@storybook/core-events": "6.5.0-alpha.63",
"@storybook/theming": "6.5.0-alpha.63",
"@storybook/addons": "6.5.0-alpha.64",
"@storybook/api": "6.5.0-alpha.64",
"@storybook/client-logger": "6.5.0-alpha.64",
"@storybook/components": "6.5.0-alpha.64",
"@storybook/core-events": "6.5.0-alpha.64",
"@storybook/theming": "6.5.0-alpha.64",
"core-js": "^3.8.2",
"global": "^4.4.0",
"memoizerific": "^1.11.3",
@ -69,7 +69,7 @@
"publishConfig": {
"access": "public"
},
"gitHead": "416f87dc715cae299c7b4f37f1c9db7f686d4d21",
"gitHead": "7417a230d67b54d65caedcfb584f924b879ac9f5",
"sbmodern": "dist/modern/preview.js",
"storybook": {
"displayName": "Viewport",

24
app/angular/package.json
View File

@ -1,6 +1,6 @@
{
"name": "@storybook/angular",
"version": "6.5.0-alpha.63",
"version": "6.5.0-alpha.64",
"description": "Storybook for Angular: Develop Angular Components in isolation with Hot Reloading.",
"keywords": [
"storybook"
@ -39,18 +39,18 @@
"prepare": "node ../../scripts/prepare.js"
},
"dependencies": {
"@storybook/addons": "6.5.0-alpha.63",
"@storybook/api": "6.5.0-alpha.63",
"@storybook/client-logger": "6.5.0-alpha.63",
"@storybook/core-client": "6.5.0-alpha.63",
"@storybook/core-common": "6.5.0-alpha.63",
"@storybook/core-events": "6.5.0-alpha.63",
"@storybook/core-server": "6.5.0-alpha.63",
"@storybook/addons": "6.5.0-alpha.64",
"@storybook/api": "6.5.0-alpha.64",
"@storybook/client-logger": "6.5.0-alpha.64",
"@storybook/core-client": "6.5.0-alpha.64",
"@storybook/core-common": "6.5.0-alpha.64",
"@storybook/core-events": "6.5.0-alpha.64",
"@storybook/core-server": "6.5.0-alpha.64",
"@storybook/csf": "0.0.2--canary.7c6c115.0",
"@storybook/docs-tools": "6.5.0-alpha.63",
"@storybook/node-logger": "6.5.0-alpha.63",
"@storybook/docs-tools": "6.5.0-alpha.64",
"@storybook/node-logger": "6.5.0-alpha.64",
"@storybook/semver": "^7.3.2",
"@storybook/store": "6.5.0-alpha.63",
"@storybook/store": "6.5.0-alpha.64",
"@types/node": "^14.14.20 || ^16.0.0",
"@types/react": "^16.14.23",
"@types/react-dom": "^16.9.14",
@ -132,5 +132,5 @@
"access": "public"
},
"builders": "dist/ts3.9/builders/builders.json",
"gitHead": "416f87dc715cae299c7b4f37f1c9db7f686d4d21"
"gitHead": "7417a230d67b54d65caedcfb584f924b879ac9f5"
}

14
app/ember/package.json
View File

@ -1,6 +1,6 @@
{
"name": "@storybook/ember",
"version": "6.5.0-alpha.63",
"version": "6.5.0-alpha.64",
"description": "Storybook for Ember: Develop Ember Component in isolation with Hot Reloading.",
"homepage": "https://github.com/storybookjs/storybook/tree/main/app/ember",
"bugs": {
@ -36,11 +36,11 @@
"prepare": "node ../../scripts/prepare.js"
},
"dependencies": {
"@storybook/core-client": "6.5.0-alpha.63",
"@storybook/core-common": "6.5.0-alpha.63",
"@storybook/core-server": "6.5.0-alpha.63",
"@storybook/docs-tools": "6.5.0-alpha.63",
"@storybook/store": "6.5.0-alpha.63",
"@storybook/core-client": "6.5.0-alpha.64",
"@storybook/core-common": "6.5.0-alpha.64",
"@storybook/core-server": "6.5.0-alpha.64",
"@storybook/docs-tools": "6.5.0-alpha.64",
"@storybook/store": "6.5.0-alpha.64",
"core-js": "^3.8.2",
"global": "^4.4.0",
"react": "16.14.0",
@ -61,6 +61,6 @@
"publishConfig": {
"access": "public"
},
"gitHead": "416f87dc715cae299c7b4f37f1c9db7f686d4d21",
"gitHead": "7417a230d67b54d65caedcfb584f924b879ac9f5",
"sbmodern": "dist/modern/client/index.js"
}

12
app/html/package.json
View File

@ -1,6 +1,6 @@
{
"name": "@storybook/html",
"version": "6.5.0-alpha.63",
"version": "6.5.0-alpha.64",
"description": "Storybook for HTML: View HTML snippets in isolation with Hot Reloading.",
"keywords": [
"storybook"
@ -39,10 +39,10 @@
"prepare": "node ../../scripts/prepare.js"
},
"dependencies": {
"@storybook/core-common": "6.5.0-alpha.63",
"@storybook/core-server": "6.5.0-alpha.63",
"@storybook/docs-tools": "6.5.0-alpha.63",
"@storybook/renderer-html": "6.5.0-alpha.63",
"@storybook/core-common": "6.5.0-alpha.64",
"@storybook/core-server": "6.5.0-alpha.64",
"@storybook/docs-tools": "6.5.0-alpha.64",
"@storybook/renderer-html": "6.5.0-alpha.64",
"@types/node": "^14.14.20 || ^16.0.0",
"@types/webpack-env": "^1.16.0",
"core-js": "^3.8.2",
@ -65,6 +65,6 @@
"publishConfig": {
"access": "public"
},
"gitHead": "416f87dc715cae299c7b4f37f1c9db7f686d4d21",
"gitHead": "7417a230d67b54d65caedcfb584f924b879ac9f5",
"sbmodern": "dist/modern/client/index.js"
}

10
app/preact/package.json
View File

@ -1,6 +1,6 @@
{
"name": "@storybook/preact",
"version": "6.5.0-alpha.63",
"version": "6.5.0-alpha.64",
"description": "Storybook for Preact: Develop Preact Component in isolation.",
"keywords": [
"storybook"
@ -40,9 +40,9 @@
},
"dependencies": {
"@babel/plugin-transform-react-jsx": "^7.12.12",
"@storybook/core-common": "6.5.0-alpha.63",
"@storybook/core-server": "6.5.0-alpha.63",
"@storybook/renderer-preact": "6.5.0-alpha.63",
"@storybook/core-common": "6.5.0-alpha.64",
"@storybook/core-server": "6.5.0-alpha.64",
"@storybook/renderer-preact": "6.5.0-alpha.64",
"@types/node": "^14.14.20 || ^16.0.0",
"@types/webpack-env": "^1.16.0",
"core-js": "^3.8.2",
@ -67,6 +67,6 @@
"publishConfig": {
"access": "public"
},
"gitHead": "416f87dc715cae299c7b4f37f1c9db7f686d4d21",
"gitHead": "7417a230d67b54d65caedcfb584f924b879ac9f5",
"sbmodern": "dist/modern/client/index.js"
}

14
app/react/package.json
View File

@ -1,6 +1,6 @@
{
"name": "@storybook/react",
"version": "6.5.0-alpha.63",
"version": "6.5.0-alpha.64",
"description": "Storybook for React: Develop React Component in isolation with Hot Reloading.",
"keywords": [
"storybook"
@ -43,12 +43,12 @@
"@babel/preset-flow": "^7.12.1",
"@babel/preset-react": "^7.12.10",
"@pmmmwh/react-refresh-webpack-plugin": "^0.5.3",
"@storybook/core-common": "6.5.0-alpha.63",
"@storybook/core-server": "6.5.0-alpha.63",
"@storybook/docs-tools": "6.5.0-alpha.63",
"@storybook/node-logger": "6.5.0-alpha.63",
"@storybook/core-common": "6.5.0-alpha.64",
"@storybook/core-server": "6.5.0-alpha.64",
"@storybook/docs-tools": "6.5.0-alpha.64",
"@storybook/node-logger": "6.5.0-alpha.64",
"@storybook/react-docgen-typescript-plugin": "1.0.2-canary.6.9d540b91e815f8fc2f8829189deb00553559ff63.0",
"@storybook/renderer-react": "6.5.0-alpha.63",
"@storybook/renderer-react": "6.5.0-alpha.64",
"@storybook/semver": "^7.3.2",
"@types/node": "^14.14.20 || ^16.0.0",
"@types/webpack-env": "^1.16.0",
@ -100,6 +100,6 @@
"publishConfig": {
"access": "public"
},
"gitHead": "416f87dc715cae299c7b4f37f1c9db7f686d4d21",
"gitHead": "7417a230d67b54d65caedcfb584f924b879ac9f5",
"sbmodern": "dist/modern/client/index.js"
}

10
app/server/package.json
View File

@ -1,6 +1,6 @@
{
"name": "@storybook/server",
"version": "6.5.0-alpha.63",
"version": "6.5.0-alpha.64",
"description": "Storybook for Server: View HTML snippets from a server in isolation with Hot Reloading.",
"keywords": [
"storybook"
@ -39,9 +39,9 @@
"prepare": "node ../../scripts/prepare.js"
},
"dependencies": {
"@storybook/core-common": "6.5.0-alpha.63",
"@storybook/core-server": "6.5.0-alpha.63",
"@storybook/renderer-server": "6.5.0-alpha.63",
"@storybook/core-common": "6.5.0-alpha.64",
"@storybook/core-server": "6.5.0-alpha.64",
"@storybook/renderer-server": "6.5.0-alpha.64",
"@types/node": "^14.14.20 || ^16.0.0",
"@types/webpack-env": "^1.16.0",
"core-js": "^3.8.2",
@ -63,6 +63,6 @@
"publishConfig": {
"access": "public"
},
"gitHead": "416f87dc715cae299c7b4f37f1c9db7f686d4d21",
"gitHead": "7417a230d67b54d65caedcfb584f924b879ac9f5",
"sbmodern": "dist/modern/client/index.js"
}

12
app/svelte/package.json
View File

@ -1,6 +1,6 @@
{
"name": "@storybook/svelte",
"version": "6.5.0-alpha.63",
"version": "6.5.0-alpha.64",
"description": "Storybook for Svelte: Develop Svelte Component in isolation with Hot Reloading.",
"keywords": [
"storybook"
@ -40,10 +40,10 @@
"prepare": "node ../../scripts/prepare.js"
},
"dependencies": {
"@storybook/core-common": "6.5.0-alpha.63",
"@storybook/core-server": "6.5.0-alpha.63",
"@storybook/node-logger": "6.5.0-alpha.63",
"@storybook/renderer-svelte": "6.5.0-alpha.63",
"@storybook/core-common": "6.5.0-alpha.64",
"@storybook/core-server": "6.5.0-alpha.64",
"@storybook/node-logger": "6.5.0-alpha.64",
"@storybook/renderer-svelte": "6.5.0-alpha.64",
"core-js": "^3.8.2",
"global": "^4.4.0",
"loader-utils": "^2.0.0",
@ -72,6 +72,6 @@
"publishConfig": {
"access": "public"
},
"gitHead": "416f87dc715cae299c7b4f37f1c9db7f686d4d21",
"gitHead": "7417a230d67b54d65caedcfb584f924b879ac9f5",
"sbmodern": "dist/modern/client/index.js"
}

9
app/svelte/src/server/framework-preset-svelte.ts
View File

@ -1,5 +1,6 @@
import type { Options } from '@storybook/core-common';
import type { Configuration } from 'webpack';
import type { TransformOptions } from '@babel/core';
export async function webpack(config: Configuration, options: Options): Promise<Configuration> {
const { preprocess = undefined, loader = {} } = await options.presets.apply(
@ -31,3 +32,11 @@ export async function webpack(config: Configuration, options: Options): Promise<
},
};
}
export async function babelDefault(config: TransformOptions): Promise<TransformOptions> {
return {
...config,
presets: [...(config?.presets || [])],
plugins: [...(config?.plugins || [])],
};
}

12
app/vue/package.json
View File

@ -1,6 +1,6 @@
{
"name": "@storybook/vue",
"version": "6.5.0-alpha.63",
"version": "6.5.0-alpha.64",
"description": "Storybook for Vue: Develop Vue Component in isolation with Hot Reloading.",
"keywords": [
"storybook"
@ -39,10 +39,10 @@
"prepare": "node ../../scripts/prepare.js"
},
"dependencies": {
"@storybook/core-common": "6.5.0-alpha.63",
"@storybook/core-server": "6.5.0-alpha.63",
"@storybook/docs-tools": "6.5.0-alpha.63",
"@storybook/renderer-vue": "6.5.0-alpha.63",
"@storybook/core-common": "6.5.0-alpha.64",
"@storybook/core-server": "6.5.0-alpha.64",
"@storybook/docs-tools": "6.5.0-alpha.64",
"@storybook/renderer-vue": "6.5.0-alpha.64",
"@types/node": "^14.14.20 || ^16.0.0",
"@types/webpack-env": "^1.16.0",
"core-js": "^3.8.2",
@ -76,6 +76,6 @@
"publishConfig": {
"access": "public"
},
"gitHead": "416f87dc715cae299c7b4f37f1c9db7f686d4d21",
"gitHead": "7417a230d67b54d65caedcfb584f924b879ac9f5",
"sbmodern": "dist/modern/client/index.js"
}

12
app/vue3/package.json
View File

@ -1,6 +1,6 @@
{
"name": "@storybook/vue3",
"version": "6.5.0-alpha.63",
"version": "6.5.0-alpha.64",
"description": "Storybook for Vue 3: Develop Vue 3 Components in isolation with Hot Reloading.",
"keywords": [
"storybook"
@ -40,10 +40,10 @@
"prepare": "node ../../scripts/prepare.js"
},
"dependencies": {
"@storybook/core-common": "6.5.0-alpha.63",
"@storybook/core-server": "6.5.0-alpha.63",
"@storybook/docs-tools": "6.5.0-alpha.63",
"@storybook/renderer-vue3": "6.5.0-alpha.63",
"@storybook/core-common": "6.5.0-alpha.64",
"@storybook/core-server": "6.5.0-alpha.64",
"@storybook/docs-tools": "6.5.0-alpha.64",
"@storybook/renderer-vue3": "6.5.0-alpha.64",
"@types/node": "^14.14.20 || ^16.0.0",
"@types/webpack-env": "^1.16.0",
"core-js": "^3.8.2",
@ -75,6 +75,6 @@
"publishConfig": {
"access": "public"
},
"gitHead": "416f87dc715cae299c7b4f37f1c9db7f686d4d21",
"gitHead": "7417a230d67b54d65caedcfb584f924b879ac9f5",
"sbmodern": "dist/modern/client/index.js"
}

12
app/web-components/package.json
View File

@ -1,6 +1,6 @@
{
"name": "@storybook/web-components",
"version": "6.5.0-alpha.63",
"version": "6.5.0-alpha.64",
"description": "Storybook for web-components: View web components snippets in isolation with Hot Reloading.",
"keywords": [
"lit-html",
@ -44,10 +44,10 @@
"@babel/plugin-syntax-dynamic-import": "^7.8.3",
"@babel/plugin-syntax-import-meta": "^7.10.4",
"@babel/preset-env": "^7.12.11",
"@storybook/core-common": "6.5.0-alpha.63",
"@storybook/core-server": "6.5.0-alpha.63",
"@storybook/docs-tools": "6.5.0-alpha.63",
"@storybook/renderer-web-components": "6.5.0-alpha.63",
"@storybook/core-common": "6.5.0-alpha.64",
"@storybook/core-server": "6.5.0-alpha.64",
"@storybook/docs-tools": "6.5.0-alpha.64",
"@storybook/renderer-web-components": "6.5.0-alpha.64",
"@types/node": "^14.14.20 || ^16.0.0",
"@types/webpack-env": "^1.16.0",
"babel-plugin-bundled-import-meta": "^0.3.1",
@ -70,6 +70,6 @@
"publishConfig": {
"access": "public"
},
"gitHead": "416f87dc715cae299c7b4f37f1c9db7f686d4d21",
"gitHead": "7417a230d67b54d65caedcfb584f924b879ac9f5",
"sbmodern": "dist/modern/client/index.js"
}

4
cypress/generated/addon-interactions.spec.ts
View File

@ -34,4 +34,8 @@ describe('addon-interactions', () => {
onlyOn('vite_react', () => {
it('should have interactions', test);
});
onlyOn('preact', () => {
it('should have interactions', test);
});
});

2
docs/versions/next.json
View File

@ -1 +1 @@
{"version":"6.5.0-alpha.63","info":{"plain":"### Bug Fixes\n\n- Theming: Re-export correct bundled file ([#17956](https://github.com/storybookjs/storybook/pull/17956))\n- Core: Support react-dom/client dom hack on Windows machines ([#17946](https://github.com/storybookjs/storybook/pull/17946))\n\n### Maintenance\n\n- CI: set parallelism of nx to 2 ([#17878](https://github.com/storybookjs/storybook/pull/17878))\n\n### Dependency Upgrades\n\n- Run `prebundle` script without `browser: true` in Rollup config ([#17947](https://github.com/storybookjs/storybook/pull/17947))"}}
{"version":"6.5.0-alpha.64","info":{"plain":"### Features\n\n- CLI/Preact: add interactions to cli template ([#17984](https://github.com/storybookjs/storybook/pull/17984))\n\n### Bug Fixes\n\n- Interactions: Fix show length of object value on MethodCall ([#17649](https://github.com/storybookjs/storybook/pull/17649))\n- React: Fix React 18 react-dom/client dynamic import syntax ([#17987](https://github.com/storybookjs/storybook/pull/17987))\n- Svelte: Fix webpack5/babelModeV7 ([#17939](https://github.com/storybookjs/storybook/pull/17939))\n\n### Maintenance\n\n- Examples: Remove stories from deprecated `options`/`queryparams` addons ([#17977](https://github.com/storybookjs/storybook/pull/17977))\n- Chore: Format versions.ts file using repo config ([#17963](https://github.com/storybookjs/storybook/pull/17963))"}}

28
examples/angular-cli/package.json
View File

@ -1,6 +1,6 @@
{
"name": "angular-cli",
"version": "6.5.0-alpha.63",
"version": "6.5.0-alpha.64",
"private": true,
"license": "MIT",
"scripts": {
@ -40,21 +40,21 @@
"@angular/compiler-cli": "^11.2.14",
"@angular/elements": "^11.2.14",
"@compodoc/compodoc": "^1.1.18",
"@storybook/addon-a11y": "6.5.0-alpha.63",
"@storybook/addon-actions": "6.5.0-alpha.63",
"@storybook/addon-backgrounds": "6.5.0-alpha.63",
"@storybook/addon-controls": "6.5.0-alpha.63",
"@storybook/addon-docs": "6.5.0-alpha.63",
"@storybook/addon-interactions": "6.5.0-alpha.63",
"@storybook/addon-jest": "6.5.0-alpha.63",
"@storybook/addon-links": "6.5.0-alpha.63",
"@storybook/addon-storyshots": "6.5.0-alpha.63",
"@storybook/addon-storysource": "6.5.0-alpha.63",
"@storybook/addons": "6.5.0-alpha.63",
"@storybook/angular": "6.5.0-alpha.63",
"@storybook/addon-a11y": "6.5.0-alpha.64",
"@storybook/addon-actions": "6.5.0-alpha.64",
"@storybook/addon-backgrounds": "6.5.0-alpha.64",
"@storybook/addon-controls": "6.5.0-alpha.64",
"@storybook/addon-docs": "6.5.0-alpha.64",
"@storybook/addon-interactions": "6.5.0-alpha.64",
"@storybook/addon-jest": "6.5.0-alpha.64",
"@storybook/addon-links": "6.5.0-alpha.64",
"@storybook/addon-storyshots": "6.5.0-alpha.64",
"@storybook/addon-storysource": "6.5.0-alpha.64",
"@storybook/addons": "6.5.0-alpha.64",
"@storybook/angular": "6.5.0-alpha.64",
"@storybook/babel-plugin-require-context-hook": "1.0.1",
"@storybook/jest": "^0.0.5",
"@storybook/source-loader": "6.5.0-alpha.63",
"@storybook/source-loader": "6.5.0-alpha.64",
"@storybook/testing-library": "^0.0.7",
"@types/core-js": "^2.5.4",
"@types/jest": "^26.0.16",

26
examples/cra-kitchen-sink/package.json
View File

@ -1,6 +1,6 @@
{
"name": "cra-kitchen-sink",
"version": "6.5.0-alpha.63",
"version": "6.5.0-alpha.64",
"private": true,
"scripts": {
"build": "react-scripts build",
@ -12,7 +12,7 @@
"test": "react-scripts test --env=jsdom"
},
"dependencies": {
"@storybook/client-logger": "6.5.0-alpha.63",
"@storybook/client-logger": "6.5.0-alpha.64",
"global": "^4.4.0",
"prop-types": "^15.7.2",
"react": "16.14.0",
@ -22,19 +22,19 @@
},
"devDependencies": {
"@pmmmwh/react-refresh-webpack-plugin": "^0.5.3",
"@storybook/addon-a11y": "6.5.0-alpha.63",
"@storybook/addon-actions": "6.5.0-alpha.63",
"@storybook/addon-backgrounds": "6.5.0-alpha.63",
"@storybook/addon-docs": "6.5.0-alpha.63",
"@storybook/addon-a11y": "6.5.0-alpha.64",
"@storybook/addon-actions": "6.5.0-alpha.64",
"@storybook/addon-backgrounds": "6.5.0-alpha.64",
"@storybook/addon-docs": "6.5.0-alpha.64",
"@storybook/addon-ie11": "0.0.7--canary.5e87b64.0",
"@storybook/addon-jest": "6.5.0-alpha.63",
"@storybook/addon-links": "6.5.0-alpha.63",
"@storybook/addon-storyshots": "6.5.0-alpha.63",
"@storybook/addons": "6.5.0-alpha.63",
"@storybook/builder-webpack4": "6.5.0-alpha.63",
"@storybook/addon-jest": "6.5.0-alpha.64",
"@storybook/addon-links": "6.5.0-alpha.64",
"@storybook/addon-storyshots": "6.5.0-alpha.64",
"@storybook/addons": "6.5.0-alpha.64",
"@storybook/builder-webpack4": "6.5.0-alpha.64",
"@storybook/preset-create-react-app": "^3.1.6",
"@storybook/react": "6.5.0-alpha.63",
"@storybook/theming": "6.5.0-alpha.63",
"@storybook/react": "6.5.0-alpha.64",
"@storybook/theming": "6.5.0-alpha.64",
"webpack": "4"
},
"storybook": {

14
examples/cra-react15/package.json
View File

@ -1,6 +1,6 @@
{
"name": "cra-react15",
"version": "6.5.0-alpha.63",
"version": "6.5.0-alpha.64",
"private": true,
"scripts": {
"build": "react-scripts build",
@ -20,14 +20,14 @@
"react-scripts": "3.4.4"
},
"devDependencies": {
"@storybook/addon-actions": "6.5.0-alpha.63",
"@storybook/addon-actions": "6.5.0-alpha.64",
"@storybook/addon-ie11": "0.0.7--canary.5e87b64.0",
"@storybook/addon-links": "6.5.0-alpha.63",
"@storybook/addons": "6.5.0-alpha.63",
"@storybook/builder-webpack4": "6.5.0-alpha.63",
"@storybook/addon-links": "6.5.0-alpha.64",
"@storybook/addons": "6.5.0-alpha.64",
"@storybook/builder-webpack4": "6.5.0-alpha.64",
"@storybook/preset-create-react-app": "^3.1.6",
"@storybook/react": "6.5.0-alpha.63",
"@storybook/theming": "6.5.0-alpha.63",
"@storybook/react": "6.5.0-alpha.64",
"@storybook/theming": "6.5.0-alpha.64",
"babel-core": "6",
"babel-runtime": "6",
"webpack": "4"

14
examples/cra-ts-essentials/package.json
View File

@ -1,6 +1,6 @@
{
"name": "cra-ts-essentials",
"version": "6.5.0-alpha.63",
"version": "6.5.0-alpha.64",
"private": true,
"scripts": {
"build": "react-scripts build",
@ -24,8 +24,8 @@
]
},
"dependencies": {
"@storybook/components": "6.5.0-alpha.63",
"@storybook/theming": "6.5.0-alpha.63",
"@storybook/components": "6.5.0-alpha.64",
"@storybook/theming": "6.5.0-alpha.64",
"@types/jest": "^26.0.16",
"@types/node": "^14.14.20 || ^16.0.0",
"@types/react": "^16.14.23",
@ -38,12 +38,12 @@
"typescript": "^3.9.7"
},
"devDependencies": {
"@storybook/addon-essentials": "6.5.0-alpha.63",
"@storybook/addon-essentials": "6.5.0-alpha.64",
"@storybook/addon-ie11": "0.0.7--canary.5e87b64.0",
"@storybook/addons": "6.5.0-alpha.63",
"@storybook/builder-webpack4": "6.5.0-alpha.63",
"@storybook/addons": "6.5.0-alpha.64",
"@storybook/builder-webpack4": "6.5.0-alpha.64",
"@storybook/preset-create-react-app": "^3.1.6",
"@storybook/react": "6.5.0-alpha.63",
"@storybook/react": "6.5.0-alpha.64",
"@storybook/testing-library": "^0.0.9",
"webpack": "4"
},

16
examples/cra-ts-kitchen-sink/package.json
View File

@ -1,6 +1,6 @@
{
"name": "cra-ts-kitchen-sink",
"version": "6.5.0-alpha.63",
"version": "6.5.0-alpha.64",
"private": true,
"scripts": {
"build": "react-scripts build",
@ -35,15 +35,15 @@
"typescript": "^3.9.7"
},
"devDependencies": {
"@storybook/addon-a11y": "6.5.0-alpha.63",
"@storybook/addon-actions": "6.5.0-alpha.63",
"@storybook/addon-docs": "6.5.0-alpha.63",
"@storybook/addon-a11y": "6.5.0-alpha.64",
"@storybook/addon-actions": "6.5.0-alpha.64",
"@storybook/addon-docs": "6.5.0-alpha.64",
"@storybook/addon-ie11": "0.0.7--canary.5e87b64.0",
"@storybook/addon-links": "6.5.0-alpha.63",
"@storybook/addons": "6.5.0-alpha.63",
"@storybook/builder-webpack4": "6.5.0-alpha.63",
"@storybook/addon-links": "6.5.0-alpha.64",
"@storybook/addons": "6.5.0-alpha.64",
"@storybook/builder-webpack4": "6.5.0-alpha.64",
"@storybook/preset-create-react-app": "^3.1.6",
"@storybook/react": "6.5.0-alpha.63",
"@storybook/react": "6.5.0-alpha.64",
"@types/enzyme": "^3.10.8",
"enzyme": "^3.11.0",
"enzyme-adapter-react-16": "^1.9.1",

24
examples/ember-cli/package.json
View File

@ -1,6 +1,6 @@
{
"name": "ember-example",
"version": "6.5.0-alpha.63",
"version": "6.5.0-alpha.64",
"private": true,
"scripts": {
"build": "ember build --output-path ember-output",
@ -18,18 +18,18 @@
"devDependencies": {
"@babel/core": "^7.12.10",
"@ember/optional-features": "^2.0.0",
"@storybook/addon-a11y": "6.5.0-alpha.63",
"@storybook/addon-actions": "6.5.0-alpha.63",
"@storybook/addon-backgrounds": "6.5.0-alpha.63",
"@storybook/addon-controls": "6.5.0-alpha.63",
"@storybook/addon-docs": "6.5.0-alpha.63",
"@storybook/addon-links": "6.5.0-alpha.63",
"@storybook/addon-storysource": "6.5.0-alpha.63",
"@storybook/addon-viewport": "6.5.0-alpha.63",
"@storybook/addons": "6.5.0-alpha.63",
"@storybook/ember": "6.5.0-alpha.63",
"@storybook/addon-a11y": "6.5.0-alpha.64",
"@storybook/addon-actions": "6.5.0-alpha.64",
"@storybook/addon-backgrounds": "6.5.0-alpha.64",
"@storybook/addon-controls": "6.5.0-alpha.64",
"@storybook/addon-docs": "6.5.0-alpha.64",
"@storybook/addon-links": "6.5.0-alpha.64",
"@storybook/addon-storysource": "6.5.0-alpha.64",
"@storybook/addon-viewport": "6.5.0-alpha.64",
"@storybook/addons": "6.5.0-alpha.64",
"@storybook/ember": "6.5.0-alpha.64",
"@storybook/ember-cli-storybook": "^0.2.1",
"@storybook/source-loader": "6.5.0-alpha.63",
"@storybook/source-loader": "6.5.0-alpha.64",
"babel-loader": "^8.0.0",
"broccoli-asset-rev": "^3.0.0",
"cross-env": "^7.0.3",

14
examples/external-docs/package.json
View File

@ -1,6 +1,6 @@
{
"name": "@storybook/external-docs",
"version": "6.5.0-alpha.63",
"version": "6.5.0-alpha.64",
"private": true,
"scripts": {
"build-storybook": "cross-env STORYBOOK_DISPLAY_WARNING=true DISPLAY_WARNING=true yarn sb build -c ./src/.storybook",
@ -10,13 +10,13 @@
"storybook": "cross-env STORYBOOK_DISPLAY_WARNING=true DISPLAY_WARNING=true yarn sb dev -p 9011 --no-manager-cache -c ./src/.storybook"
},
"dependencies": {
"@storybook/addon-essentials": "6.5.0-alpha.63",
"@storybook/components": "6.5.0-alpha.63",
"@storybook/addon-essentials": "6.5.0-alpha.64",
"@storybook/components": "6.5.0-alpha.64",
"@storybook/csf": "0.0.2--canary.87bc651.0",
"@storybook/preview-web": "6.5.0-alpha.63",
"@storybook/react": "6.5.0-alpha.63",
"@storybook/store": "6.5.0-alpha.63",
"@storybook/theming": "6.5.0-alpha.63",
"@storybook/preview-web": "6.5.0-alpha.64",
"@storybook/react": "6.5.0-alpha.64",
"@storybook/store": "6.5.0-alpha.64",
"@storybook/theming": "6.5.0-alpha.64",
"formik": "^2.2.9",
"prop-types": "15.7.2",
"react": "16.14.0",

32
examples/html-kitchen-sink/package.json
View File

@ -1,6 +1,6 @@
{
"name": "html-kitchen-sink",
"version": "6.5.0-alpha.63",
"version": "6.5.0-alpha.64",
"private": true,
"description": "",
"keywords": [],
@ -14,22 +14,22 @@
"storybook": "yarn sb dev -p 9006 --no-manager-cache"
},
"devDependencies": {
"@storybook/addon-a11y": "6.5.0-alpha.63",
"@storybook/addon-actions": "6.5.0-alpha.63",
"@storybook/addon-backgrounds": "6.5.0-alpha.63",
"@storybook/addon-controls": "6.5.0-alpha.63",
"@storybook/addon-docs": "6.5.0-alpha.63",
"@storybook/addon-jest": "6.5.0-alpha.63",
"@storybook/addon-links": "6.5.0-alpha.63",
"@storybook/addon-a11y": "6.5.0-alpha.64",
"@storybook/addon-actions": "6.5.0-alpha.64",
"@storybook/addon-backgrounds": "6.5.0-alpha.64",
"@storybook/addon-controls": "6.5.0-alpha.64",
"@storybook/addon-docs": "6.5.0-alpha.64",
"@storybook/addon-jest": "6.5.0-alpha.64",
"@storybook/addon-links": "6.5.0-alpha.64",
"@storybook/addon-postcss": "^2.0.0",
"@storybook/addon-storyshots": "6.5.0-alpha.63",
"@storybook/addon-storysource": "6.5.0-alpha.63",
"@storybook/addon-viewport": "6.5.0-alpha.63",
"@storybook/addons": "6.5.0-alpha.63",
"@storybook/client-api": "6.5.0-alpha.63",
"@storybook/core-events": "6.5.0-alpha.63",
"@storybook/html": "6.5.0-alpha.63",
"@storybook/source-loader": "6.5.0-alpha.63",
"@storybook/addon-storyshots": "6.5.0-alpha.64",
"@storybook/addon-storysource": "6.5.0-alpha.64",
"@storybook/addon-viewport": "6.5.0-alpha.64",
"@storybook/addons": "6.5.0-alpha.64",
"@storybook/client-api": "6.5.0-alpha.64",
"@storybook/core-events": "6.5.0-alpha.64",
"@storybook/html": "6.5.0-alpha.64",
"@storybook/source-loader": "6.5.0-alpha.64",
"autoprefixer": "^10.0.1",
"eventemitter3": "^4.0.7",
"format-json": "^1.0.3",

46
examples/official-storybook/package.json
View File

@ -1,6 +1,6 @@
{
"name": "official-storybook",
"version": "6.5.0-alpha.63",
"version": "6.5.0-alpha.64",
"private": true,
"scripts": {
"build-storybook": "cross-env STORYBOOK_DISPLAY_WARNING=true DISPLAY_WARNING=true sb build -c ./",
@ -14,31 +14,31 @@
"devDependencies": {
"@emotion/jest": "^11.8.0",
"@pmmmwh/react-refresh-webpack-plugin": "^0.5.3",
"@storybook/addon-a11y": "6.5.0-alpha.63",
"@storybook/addon-actions": "6.5.0-alpha.63",
"@storybook/addon-backgrounds": "6.5.0-alpha.63",
"@storybook/addon-controls": "6.5.0-alpha.63",
"@storybook/addon-docs": "6.5.0-alpha.63",
"@storybook/addon-interactions": "6.5.0-alpha.63",
"@storybook/addon-jest": "6.5.0-alpha.63",
"@storybook/addon-links": "6.5.0-alpha.63",
"@storybook/addon-storyshots": "6.5.0-alpha.63",
"@storybook/addon-storyshots-puppeteer": "6.5.0-alpha.63",
"@storybook/addon-storysource": "6.5.0-alpha.63",
"@storybook/addon-toolbars": "6.5.0-alpha.63",
"@storybook/addon-viewport": "6.5.0-alpha.63",
"@storybook/addons": "6.5.0-alpha.63",
"@storybook/cli": "6.5.0-alpha.63",
"@storybook/components": "6.5.0-alpha.63",
"@storybook/core-events": "6.5.0-alpha.63",
"@storybook/addon-a11y": "6.5.0-alpha.64",
"@storybook/addon-actions": "6.5.0-alpha.64",
"@storybook/addon-backgrounds": "6.5.0-alpha.64",
"@storybook/addon-controls": "6.5.0-alpha.64",
"@storybook/addon-docs": "6.5.0-alpha.64",
"@storybook/addon-interactions": "6.5.0-alpha.64",
"@storybook/addon-jest": "6.5.0-alpha.64",
"@storybook/addon-links": "6.5.0-alpha.64",
"@storybook/addon-storyshots": "6.5.0-alpha.64",
"@storybook/addon-storyshots-puppeteer": "6.5.0-alpha.64",
"@storybook/addon-storysource": "6.5.0-alpha.64",
"@storybook/addon-toolbars": "6.5.0-alpha.64",
"@storybook/addon-viewport": "6.5.0-alpha.64",
"@storybook/addons": "6.5.0-alpha.64",
"@storybook/cli": "6.5.0-alpha.64",
"@storybook/components": "6.5.0-alpha.64",
"@storybook/core-events": "6.5.0-alpha.64",
"@storybook/design-system": "^5.4.7",
"@storybook/jest": "^0.0.5",
"@storybook/node-logger": "6.5.0-alpha.63",
"@storybook/react": "6.5.0-alpha.63",
"@storybook/router": "6.5.0-alpha.63",
"@storybook/source-loader": "6.5.0-alpha.63",
"@storybook/node-logger": "6.5.0-alpha.64",
"@storybook/react": "6.5.0-alpha.64",
"@storybook/router": "6.5.0-alpha.64",
"@storybook/source-loader": "6.5.0-alpha.64",
"@storybook/testing-library": "^0.0.7",
"@storybook/theming": "6.5.0-alpha.63",
"@storybook/theming": "6.5.0-alpha.64",
"@testing-library/dom": "^7.31.2",
"@testing-library/user-event": "^13.1.9",
"chromatic": "^6.0.2",

22
examples/preact-kitchen-sink/package.json
View File

@ -1,6 +1,6 @@
{
"name": "preact-example",
"version": "6.5.0-alpha.63",
"version": "6.5.0-alpha.64",
"private": true,
"scripts": {
"build": "cross-env NODE_ENV=production webpack --progress --hide-modules",
@ -16,16 +16,16 @@
"devDependencies": {
"@babel/core": "^7.12.10",
"@babel/plugin-transform-runtime": "^7.12.10",
"@storybook/addon-a11y": "6.5.0-alpha.63",
"@storybook/addon-actions": "6.5.0-alpha.63",
"@storybook/addon-backgrounds": "6.5.0-alpha.63",
"@storybook/addon-links": "6.5.0-alpha.63",
"@storybook/addon-storyshots": "6.5.0-alpha.63",
"@storybook/addon-storysource": "6.5.0-alpha.63",
"@storybook/addon-viewport": "6.5.0-alpha.63",
"@storybook/addons": "6.5.0-alpha.63",
"@storybook/preact": "6.5.0-alpha.63",
"@storybook/source-loader": "6.5.0-alpha.63",
"@storybook/addon-a11y": "6.5.0-alpha.64",
"@storybook/addon-actions": "6.5.0-alpha.64",
"@storybook/addon-backgrounds": "6.5.0-alpha.64",
"@storybook/addon-links": "6.5.0-alpha.64",
"@storybook/addon-storyshots": "6.5.0-alpha.64",
"@storybook/addon-storysource": "6.5.0-alpha.64",
"@storybook/addon-viewport": "6.5.0-alpha.64",
"@storybook/addons": "6.5.0-alpha.64",
"@storybook/preact": "6.5.0-alpha.64",
"@storybook/source-loader": "6.5.0-alpha.64",
"@types/prop-types": "^15.7.3",
"@types/react": "^17",
"@types/react-dom": "^17",

16
examples/react-ts/package.json
View File

@ -1,6 +1,6 @@
{
"name": "@storybook/example-react-ts",
"version": "6.5.0-alpha.63",
"version": "6.5.0-alpha.64",
"private": true,
"scripts": {
"build-storybook": "cross-env STORYBOOK_DISPLAY_WARNING=true DISPLAY_WARNING=true sb build",
@ -18,13 +18,13 @@
"@babel/preset-env": "^7.12.11",
"@babel/preset-react": "^7.12.10",
"@babel/preset-typescript": "^7.12.7",
"@storybook/addon-essentials": "6.5.0-alpha.63",
"@storybook/addon-storyshots": "6.5.0-alpha.63",
"@storybook/addon-storysource": "6.5.0-alpha.63",
"@storybook/cli": "6.5.0-alpha.63",
"@storybook/components": "6.5.0-alpha.63",
"@storybook/react": "6.5.0-alpha.63",
"@storybook/theming": "6.5.0-alpha.63",
"@storybook/addon-essentials": "6.5.0-alpha.64",
"@storybook/addon-storyshots": "6.5.0-alpha.64",
"@storybook/addon-storysource": "6.5.0-alpha.64",
"@storybook/cli": "6.5.0-alpha.64",
"@storybook/components": "6.5.0-alpha.64",
"@storybook/react": "6.5.0-alpha.64",
"@storybook/theming": "6.5.0-alpha.64",
"@testing-library/dom": "^7.31.2",
"@testing-library/react": "12.1.2",
"@testing-library/user-event": "^13.1.9",

16
examples/server-kitchen-sink/package.json
View File

@ -1,6 +1,6 @@
{
"name": "server-kitchen-sink",
"version": "6.5.0-alpha.63",
"version": "6.5.0-alpha.64",
"private": true,
"description": "",
"keywords": [],
@ -15,13 +15,13 @@
"storybook": "SERVER_PORT=1137 yarn sb dev -p 9006 --quiet"
},
"devDependencies": {
"@storybook/addon-a11y": "6.5.0-alpha.63",
"@storybook/addon-actions": "6.5.0-alpha.63",
"@storybook/addon-backgrounds": "6.5.0-alpha.63",
"@storybook/addon-controls": "6.5.0-alpha.63",
"@storybook/addon-links": "6.5.0-alpha.63",
"@storybook/node-logger": "6.5.0-alpha.63",
"@storybook/server": "6.5.0-alpha.63",
"@storybook/addon-a11y": "6.5.0-alpha.64",
"@storybook/addon-actions": "6.5.0-alpha.64",
"@storybook/addon-backgrounds": "6.5.0-alpha.64",
"@storybook/addon-controls": "6.5.0-alpha.64",
"@storybook/addon-links": "6.5.0-alpha.64",
"@storybook/node-logger": "6.5.0-alpha.64",
"@storybook/server": "6.5.0-alpha.64",
"concurrently": "^5.3.0",
"cors": "^2.8.5",
"express": "~4.17.1",

8
examples/standalone-preview/package.json
View File

@ -1,6 +1,6 @@
{
"name": "standalone-preview",
"version": "6.5.0-alpha.63",
"version": "6.5.0-alpha.64",
"private": true,
"scripts": {
"sb": "node ../../lib/cli/bin/index.js",
@ -8,9 +8,9 @@
"storybook-preview": "cross-env PREVIEW_URL=external-iframe.html parcel ./storybook.html --port 1337"
},
"devDependencies": {
"@storybook/addon-docs": "6.5.0-alpha.63",
"@storybook/cli": "6.5.0-alpha.63",
"@storybook/react": "6.5.0-alpha.63",
"@storybook/addon-docs": "6.5.0-alpha.64",
"@storybook/cli": "6.5.0-alpha.64",
"@storybook/react": "6.5.0-alpha.64",
"cross-env": "^7.0.3",
"parcel": "2.0.1",
"react": "16.14.0",

28
examples/svelte-kitchen-sink/package.json
View File

@ -1,6 +1,6 @@
{
"name": "svelte-example",
"version": "6.5.0-alpha.63",
"version": "6.5.0-alpha.64",
"private": true,
"scripts": {
"build-storybook": "sb build",
@ -11,20 +11,20 @@
"global": "^4.4.0"
},
"devDependencies": {
"@storybook/addon-a11y": "6.5.0-alpha.63",
"@storybook/addon-actions": "6.5.0-alpha.63",
"@storybook/addon-backgrounds": "6.5.0-alpha.63",
"@storybook/addon-controls": "6.5.0-alpha.63",
"@storybook/addon-docs": "6.5.0-alpha.63",
"@storybook/addon-interactions": "6.5.0-alpha.63",
"@storybook/addon-links": "6.5.0-alpha.63",
"@storybook/addon-storyshots": "6.5.0-alpha.63",
"@storybook/addon-storysource": "6.5.0-alpha.63",
"@storybook/addon-viewport": "6.5.0-alpha.63",
"@storybook/addons": "6.5.0-alpha.63",
"@storybook/addon-a11y": "6.5.0-alpha.64",
"@storybook/addon-actions": "6.5.0-alpha.64",
"@storybook/addon-backgrounds": "6.5.0-alpha.64",
"@storybook/addon-controls": "6.5.0-alpha.64",
"@storybook/addon-docs": "6.5.0-alpha.64",
"@storybook/addon-interactions": "6.5.0-alpha.64",
"@storybook/addon-links": "6.5.0-alpha.64",
"@storybook/addon-storyshots": "6.5.0-alpha.64",
"@storybook/addon-storysource": "6.5.0-alpha.64",
"@storybook/addon-viewport": "6.5.0-alpha.64",
"@storybook/addons": "6.5.0-alpha.64",
"@storybook/jest": "^0.0.5",
"@storybook/source-loader": "6.5.0-alpha.63",
"@storybook/svelte": "6.5.0-alpha.63",
"@storybook/source-loader": "6.5.0-alpha.64",
"@storybook/svelte": "6.5.0-alpha.64",
"@storybook/testing-library": "^0.0.7",
"svelte-jester": "1.3.0",
"svelte-preprocess": "4.6.8"

14
examples/vue-3-cli/package.json
View File

@ -1,6 +1,6 @@
{
"name": "vue-3-cli-example",
"version": "6.5.0-alpha.63",
"version": "6.5.0-alpha.64",
"private": true,
"scripts": {
"build": "vue-cli-service build",
@ -15,14 +15,14 @@
},
"devDependencies": {
"@babel/core": "^7.12.10",
"@storybook/addon-actions": "6.5.0-alpha.63",
"@storybook/addon-essentials": "6.5.0-alpha.63",
"@storybook/addon-interactions": "6.5.0-alpha.63",
"@storybook/addon-links": "6.5.0-alpha.63",
"@storybook/addon-storyshots": "6.5.0-alpha.63",
"@storybook/addon-actions": "6.5.0-alpha.64",
"@storybook/addon-essentials": "6.5.0-alpha.64",
"@storybook/addon-interactions": "6.5.0-alpha.64",
"@storybook/addon-links": "6.5.0-alpha.64",
"@storybook/addon-storyshots": "6.5.0-alpha.64",
"@storybook/jest": "^0.0.5",
"@storybook/testing-library": "^0.0.7",
"@storybook/vue3": "6.5.0-alpha.63",
"@storybook/vue3": "6.5.0-alpha.64",
"@vue/cli-plugin-babel": "~4.5.0",
"@vue/cli-plugin-typescript": "~4.5.0",
"@vue/cli-service": "~4.5.0",

10
examples/vue-cli/package.json
View File

@ -1,6 +1,6 @@
{
"name": "vue-cli-example",
"version": "6.5.0-alpha.63",
"version": "6.5.0-alpha.64",
"private": true,
"scripts": {
"build": "vue-cli-service build",
@ -16,11 +16,11 @@
"vue-property-decorator": "^9.1.2"
},
"devDependencies": {
"@storybook/addon-controls": "6.5.0-alpha.63",
"@storybook/addon-essentials": "6.5.0-alpha.63",
"@storybook/addon-controls": "6.5.0-alpha.64",
"@storybook/addon-essentials": "6.5.0-alpha.64",
"@storybook/preset-scss": "^1.0.3",
"@storybook/source-loader": "6.5.0-alpha.63",
"@storybook/vue": "6.5.0-alpha.63",
"@storybook/source-loader": "6.5.0-alpha.64",
"@storybook/vue": "6.5.0-alpha.64",
"@vue/cli-plugin-babel": "~4.3.1",
"@vue/cli-plugin-typescript": "~4.3.1",
"@vue/cli-service": "~4.3.1",

28
examples/vue-kitchen-sink/package.json
View File

@ -1,6 +1,6 @@
{
"name": "vue-example",
"version": "6.5.0-alpha.63",
"version": "6.5.0-alpha.64",
"private": true,
"scripts": {
"build": "cross-env NODE_ENV=production webpack --progress --hide-modules",
@ -15,21 +15,21 @@
},
"devDependencies": {
"@babel/core": "^7.12.10",
"@storybook/addon-a11y": "6.5.0-alpha.63",
"@storybook/addon-actions": "6.5.0-alpha.63",
"@storybook/addon-backgrounds": "6.5.0-alpha.63",
"@storybook/addon-controls": "6.5.0-alpha.63",
"@storybook/addon-docs": "6.5.0-alpha.63",
"@storybook/addon-interactions": "6.5.0-alpha.63",
"@storybook/addon-links": "6.5.0-alpha.63",
"@storybook/addon-storyshots": "6.5.0-alpha.63",
"@storybook/addon-storysource": "6.5.0-alpha.63",
"@storybook/addon-viewport": "6.5.0-alpha.63",
"@storybook/addons": "6.5.0-alpha.63",
"@storybook/addon-a11y": "6.5.0-alpha.64",
"@storybook/addon-actions": "6.5.0-alpha.64",
"@storybook/addon-backgrounds": "6.5.0-alpha.64",
"@storybook/addon-controls": "6.5.0-alpha.64",
"@storybook/addon-docs": "6.5.0-alpha.64",
"@storybook/addon-interactions": "6.5.0-alpha.64",
"@storybook/addon-links": "6.5.0-alpha.64",
"@storybook/addon-storyshots": "6.5.0-alpha.64",
"@storybook/addon-storysource": "6.5.0-alpha.64",
"@storybook/addon-viewport": "6.5.0-alpha.64",
"@storybook/addons": "6.5.0-alpha.64",
"@storybook/jest": "^0.0.5",
"@storybook/source-loader": "6.5.0-alpha.63",
"@storybook/source-loader": "6.5.0-alpha.64",
"@storybook/testing-library": "^0.0.7",
"@storybook/vue": "6.5.0-alpha.63",
"@storybook/vue": "6.5.0-alpha.64",
"@vue/babel-preset-jsx": "^1.2.4",
"babel-loader": "^8.0.0",
"cross-env": "^7.0.3",

2
examples/web-components-kitchen-sink/package.json
View File

@ -1,6 +1,6 @@
{
"name": "web-components-kitchen-sink",
"version": "6.5.0-alpha.63",
"version": "6.5.0-alpha.64",
"private": true,
"description": "",
"keywords": [],

2
lerna.json
View File

@ -2,5 +2,5 @@
"npmClient": "yarn",
"useWorkspaces": true,
"registry": "https://registry.npmjs.org",
"version": "6.5.0-alpha.63"
"version": "6.5.0-alpha.64"
}

16
lib/addons/package.json
View File

@ -1,6 +1,6 @@
{
"name": "@storybook/addons",
"version": "6.5.0-alpha.63",
"version": "6.5.0-alpha.64",
"description": "Storybook addons store",
"keywords": [
"storybook"
@ -40,13 +40,13 @@
"prepare": "node ../../scripts/prepare.js"
},
"dependencies": {
"@storybook/api": "6.5.0-alpha.63",
"@storybook/channels": "6.5.0-alpha.63",
"@storybook/client-logger": "6.5.0-alpha.63",
"@storybook/core-events": "6.5.0-alpha.63",
"@storybook/api": "6.5.0-alpha.64",
"@storybook/channels": "6.5.0-alpha.64",
"@storybook/client-logger": "6.5.0-alpha.64",
"@storybook/core-events": "6.5.0-alpha.64",
"@storybook/csf": "0.0.2--canary.7c6c115.0",
"@storybook/router": "6.5.0-alpha.63",
"@storybook/theming": "6.5.0-alpha.63",
"@storybook/router": "6.5.0-alpha.64",
"@storybook/theming": "6.5.0-alpha.64",
"@types/webpack-env": "^1.16.0",
"core-js": "^3.8.2",
"global": "^4.4.0",
@ -59,6 +59,6 @@
"publishConfig": {
"access": "public"
},
"gitHead": "416f87dc715cae299c7b4f37f1c9db7f686d4d21",
"gitHead": "7417a230d67b54d65caedcfb584f924b879ac9f5",
"sbmodern": "dist/modern/public_api.js"
}

14
lib/api/package.json
View File

@ -1,6 +1,6 @@
{
"name": "@storybook/api",
"version": "6.5.0-alpha.63",
"version": "6.5.0-alpha.64",
"description": "Core Storybook API & Context",
"keywords": [
"storybook"
@ -38,13 +38,13 @@
"prepare": "node ../../scripts/prepare.js"
},
"dependencies": {
"@storybook/channels": "6.5.0-alpha.63",
"@storybook/client-logger": "6.5.0-alpha.63",
"@storybook/core-events": "6.5.0-alpha.63",
"@storybook/channels": "6.5.0-alpha.64",
"@storybook/client-logger": "6.5.0-alpha.64",
"@storybook/core-events": "6.5.0-alpha.64",
"@storybook/csf": "0.0.2--canary.7c6c115.0",
"@storybook/router": "6.5.0-alpha.63",
"@storybook/router": "6.5.0-alpha.64",
"@storybook/semver": "^7.3.2",
"@storybook/theming": "6.5.0-alpha.63",
"@storybook/theming": "6.5.0-alpha.64",
"core-js": "^3.8.2",
"fast-deep-equal": "^3.1.3",
"global": "^4.4.0",
@ -71,6 +71,6 @@
"publishConfig": {
"access": "public"
},
"gitHead": "416f87dc715cae299c7b4f37f1c9db7f686d4d21",
"gitHead": "7417a230d67b54d65caedcfb584f924b879ac9f5",
"sbmodern": "dist/modern/index.js"
}

2
lib/api/src/version.ts
View File

@ -1 +1 @@
export const version = '6.5.0-alpha.63';
export const version = '6.5.0-alpha.64';

34
lib/builder-webpack4/package.json
View File

@ -1,6 +1,6 @@
{
"name": "@storybook/builder-webpack4",
"version": "6.5.0-alpha.63",
"version": "6.5.0-alpha.64",
"description": "Storybook framework-agnostic API",
"keywords": [
"storybook"
@ -40,22 +40,22 @@
},
"dependencies": {
"@babel/core": "^7.12.10",
"@storybook/addons": "6.5.0-alpha.63",
"@storybook/api": "6.5.0-alpha.63",
"@storybook/channel-postmessage": "6.5.0-alpha.63",
"@storybook/channels": "6.5.0-alpha.63",
"@storybook/client-api": "6.5.0-alpha.63",
"@storybook/client-logger": "6.5.0-alpha.63",
"@storybook/components": "6.5.0-alpha.63",
"@storybook/core-common": "6.5.0-alpha.63",
"@storybook/core-events": "6.5.0-alpha.63",
"@storybook/node-logger": "6.5.0-alpha.63",
"@storybook/preview-web": "6.5.0-alpha.63",
"@storybook/router": "6.5.0-alpha.63",
"@storybook/addons": "6.5.0-alpha.64",
"@storybook/api": "6.5.0-alpha.64",
"@storybook/channel-postmessage": "6.5.0-alpha.64",
"@storybook/channels": "6.5.0-alpha.64",
"@storybook/client-api": "6.5.0-alpha.64",
"@storybook/client-logger": "6.5.0-alpha.64",
"@storybook/components": "6.5.0-alpha.64",
"@storybook/core-common": "6.5.0-alpha.64",
"@storybook/core-events": "6.5.0-alpha.64",
"@storybook/node-logger": "6.5.0-alpha.64",
"@storybook/preview-web": "6.5.0-alpha.64",
"@storybook/router": "6.5.0-alpha.64",
"@storybook/semver": "^7.3.2",
"@storybook/store": "6.5.0-alpha.63",
"@storybook/theming": "6.5.0-alpha.63",
"@storybook/ui": "6.5.0-alpha.63",
"@storybook/store": "6.5.0-alpha.64",
"@storybook/theming": "6.5.0-alpha.64",
"@storybook/ui": "6.5.0-alpha.64",
"@types/node": "^14.0.10 || ^16.0.0",
"@types/webpack": "^4.41.26",
"autoprefixer": "^9.8.6",
@ -106,6 +106,6 @@
"publishConfig": {
"access": "public"
},
"gitHead": "416f87dc715cae299c7b4f37f1c9db7f686d4d21",
"gitHead": "7417a230d67b54d65caedcfb584f924b879ac9f5",
"sbmodern": "dist/modern/index.js"
}

32
lib/builder-webpack5/package.json
View File

@ -1,6 +1,6 @@
{
"name": "@storybook/builder-webpack5",
"version": "6.5.0-alpha.63",
"version": "6.5.0-alpha.64",
"description": "Storybook framework-agnostic API",
"keywords": [
"storybook"
@ -40,21 +40,21 @@
},
"dependencies": {
"@babel/core": "^7.12.10",
"@storybook/addons": "6.5.0-alpha.63",
"@storybook/api": "6.5.0-alpha.63",
"@storybook/channel-postmessage": "6.5.0-alpha.63",
"@storybook/channels": "6.5.0-alpha.63",
"@storybook/client-api": "6.5.0-alpha.63",
"@storybook/client-logger": "6.5.0-alpha.63",
"@storybook/components": "6.5.0-alpha.63",
"@storybook/core-common": "6.5.0-alpha.63",
"@storybook/core-events": "6.5.0-alpha.63",
"@storybook/node-logger": "6.5.0-alpha.63",
"@storybook/preview-web": "6.5.0-alpha.63",
"@storybook/router": "6.5.0-alpha.63",
"@storybook/addons": "6.5.0-alpha.64",
"@storybook/api": "6.5.0-alpha.64",
"@storybook/channel-postmessage": "6.5.0-alpha.64",
"@storybook/channels": "6.5.0-alpha.64",
"@storybook/client-api": "6.5.0-alpha.64",
"@storybook/client-logger": "6.5.0-alpha.64",
"@storybook/components": "6.5.0-alpha.64",
"@storybook/core-common": "6.5.0-alpha.64",
"@storybook/core-events": "6.5.0-alpha.64",
"@storybook/node-logger": "6.5.0-alpha.64",
"@storybook/preview-web": "6.5.0-alpha.64",
"@storybook/router": "6.5.0-alpha.64",
"@storybook/semver": "^7.3.2",
"@storybook/store": "6.5.0-alpha.63",
"@storybook/theming": "6.5.0-alpha.63",
"@storybook/store": "6.5.0-alpha.64",
"@storybook/theming": "6.5.0-alpha.64",
"@types/node": "^14.0.10 || ^16.0.0",
"babel-loader": "^8.0.0",
"babel-plugin-named-exports-order": "^0.0.2",
@ -97,6 +97,6 @@
"publishConfig": {
"access": "public"
},
"gitHead": "416f87dc715cae299c7b4f37f1c9db7f686d4d21",
"gitHead": "7417a230d67b54d65caedcfb584f924b879ac9f5",
"sbmodern": "dist/modern/index.js"
}

10
lib/channel-postmessage/package.json
View File

@ -1,6 +1,6 @@
{
"name": "@storybook/channel-postmessage",
"version": "6.5.0-alpha.63",
"version": "6.5.0-alpha.64",
"description": "",
"keywords": [
"storybook"
@ -40,9 +40,9 @@
"prepare": "node ../../scripts/prepare.js"
},
"dependencies": {
"@storybook/channels": "6.5.0-alpha.63",
"@storybook/client-logger": "6.5.0-alpha.63",
"@storybook/core-events": "6.5.0-alpha.63",
"@storybook/channels": "6.5.0-alpha.64",
"@storybook/client-logger": "6.5.0-alpha.64",
"@storybook/core-events": "6.5.0-alpha.64",
"core-js": "^3.8.2",
"global": "^4.4.0",
"qs": "^6.10.0",
@ -51,6 +51,6 @@
"publishConfig": {
"access": "public"
},
"gitHead": "416f87dc715cae299c7b4f37f1c9db7f686d4d21",
"gitHead": "7417a230d67b54d65caedcfb584f924b879ac9f5",
"sbmodern": "dist/modern/index.js"
}

8
lib/channel-websocket/package.json
View File

@ -1,6 +1,6 @@
{
"name": "@storybook/channel-websocket",
"version": "6.5.0-alpha.63",
"version": "6.5.0-alpha.64",
"description": "",
"keywords": [
"storybook"
@ -40,8 +40,8 @@
"prepare": "node ../../scripts/prepare.js"
},
"dependencies": {
"@storybook/channels": "6.5.0-alpha.63",
"@storybook/client-logger": "6.5.0-alpha.63",
"@storybook/channels": "6.5.0-alpha.64",
"@storybook/client-logger": "6.5.0-alpha.64",
"core-js": "^3.8.2",
"global": "^4.4.0",
"telejson": "^5.3.3"
@ -49,6 +49,6 @@
"publishConfig": {
"access": "public"
},
"gitHead": "416f87dc715cae299c7b4f37f1c9db7f686d4d21",
"gitHead": "7417a230d67b54d65caedcfb584f924b879ac9f5",
"sbmodern": "dist/modern/index.js"
}

4
lib/channels/package.json
View File

@ -1,6 +1,6 @@
{
"name": "@storybook/channels",
"version": "6.5.0-alpha.63",
"version": "6.5.0-alpha.64",
"description": "",
"keywords": [
"storybook"
@ -47,6 +47,6 @@
"publishConfig": {
"access": "public"
},
"gitHead": "416f87dc715cae299c7b4f37f1c9db7f686d4d21",
"gitHead": "7417a230d67b54d65caedcfb584f924b879ac9f5",
"sbmodern": "dist/modern/index.js"
}

6
lib/cli-sb/package.json
View File

@ -1,6 +1,6 @@
{
"name": "sb",
"version": "6.5.0-alpha.63",
"version": "6.5.0-alpha.64",
"description": "Storybook CLI",
"keywords": [
"storybook"
@ -24,10 +24,10 @@
"prepare": "node ../../scripts/prepare.js"
},
"dependencies": {
"@storybook/cli": "6.5.0-alpha.63"
"@storybook/cli": "6.5.0-alpha.64"
},
"publishConfig": {
"access": "public"
},
"gitHead": "416f87dc715cae299c7b4f37f1c9db7f686d4d21"
"gitHead": "7417a230d67b54d65caedcfb584f924b879ac9f5"
}

6
lib/cli-storybook/package.json
View File

@ -1,6 +1,6 @@
{
"name": "storybook",
"version": "6.5.0-alpha.63",
"version": "6.5.0-alpha.64",
"description": "Storybook CLI",
"keywords": [
"storybook"
@ -27,10 +27,10 @@
"prepare": "node ../../scripts/prepare.js"
},
"dependencies": {
"@storybook/cli": "6.5.0-alpha.63"
"@storybook/cli": "6.5.0-alpha.64"
},
"publishConfig": {
"access": "public"
},
"gitHead": "416f87dc715cae299c7b4f37f1c9db7f686d4d21"
"gitHead": "7417a230d67b54d65caedcfb584f924b879ac9f5"
}

16
lib/cli/package.json
View File

@ -1,6 +1,6 @@
{
"name": "@storybook/cli",
"version": "6.5.0-alpha.63",
"version": "6.5.0-alpha.64",
"description": "Storybook's CLI - easiest method of adding storybook to your projects",
"keywords": [
"cli",
@ -47,11 +47,11 @@
"dependencies": {
"@babel/core": "^7.12.10",
"@babel/preset-env": "^7.12.11",
"@storybook/codemod": "6.5.0-alpha.63",
"@storybook/core-common": "6.5.0-alpha.63",
"@storybook/core-server": "6.5.0-alpha.63",
"@storybook/csf-tools": "6.5.0-alpha.63",
"@storybook/node-logger": "6.5.0-alpha.63",
"@storybook/codemod": "6.5.0-alpha.64",
"@storybook/core-common": "6.5.0-alpha.64",
"@storybook/core-server": "6.5.0-alpha.64",
"@storybook/csf-tools": "6.5.0-alpha.64",
"@storybook/node-logger": "6.5.0-alpha.64",
"@storybook/semver": "^7.3.2",
"boxen": "^5.1.2",
"chalk": "^4.1.0",
@ -76,7 +76,7 @@
"update-notifier": "^5.0.1"
},
"devDependencies": {
"@storybook/client-api": "6.5.0-alpha.63",
"@storybook/client-api": "6.5.0-alpha.64",
"@types/cross-spawn": "^6.0.2",
"@types/prompts": "^2.0.9",
"@types/puppeteer-core": "^2.1.0",
@ -92,5 +92,5 @@
"publishConfig": {
"access": "public"
},
"gitHead": "416f87dc715cae299c7b4f37f1c9db7f686d4d21"
"gitHead": "7417a230d67b54d65caedcfb584f924b879ac9f5"
}

7
lib/cli/src/frameworks/preact/Header.jsx
View File

@ -29,7 +29,12 @@ export const Header = ({ user, onLogin, onLogout, onCreateAccount }) => (
</div>
<div>
{user ? (
<Button size="small" onClick={onLogout} label="Log out" />
<Fragment>
<span className="welcome">
Welcome, <b>{user.name}</b>!
</span>
<Button size="small" onClick={onLogout} label="Log out" />
</Fragment>
) : (
<Fragment>
<Button size="small" onClick={onLogin} label="Log in" />

8
lib/cli/src/frameworks/preact/Header.stories.jsx
View File

@ -5,6 +5,10 @@ import { Header } from './Header';
export default {
title: 'Example/Header',
component: Header,
parameters: {
// More on Story layout: https://storybook.js.org/docs/preact/configure/story-layout
layout: 'fullscreen',
},
argTypes: {
onLogin: { action: 'onLogin' },
onLogout: { action: 'onLogout' },
@ -16,7 +20,9 @@ const Template = (args) => <Header {...args} />;
export const LoggedIn = Template.bind({});
LoggedIn.args = {
user: {},
user: {
name: 'Jane Doe',
},
};
export const LoggedOut = Template.bind({});

125
lib/cli/src/frameworks/preact/Page.jsx
View File

@ -1,72 +1,71 @@
/** @jsx h */
import { h } from 'preact';
import PropTypes from 'prop-types';
import { useState } from 'preact/hooks';
import { Header } from './Header';
import './page.css';
export const Page = ({ user, onLogin, onLogout, onCreateAccount }) => (
<article>
<Header user={user} onLogin={onLogin} onLogout={onLogout} onCreateAccount={onCreateAccount} />
export const Page = () => {
const [user, setUser] = useState();
<section>
<h2>Pages in Storybook</h2>
<p>
We recommend building UIs with a{' '}
<a href="https://componentdriven.org" target="_blank" rel="noopener noreferrer">
<strong>component-driven</strong>
</a>{' '}
process starting with atomic components and ending with pages.
</p>
<p>
Render pages with mock data. This makes it easy to build and review page states without
needing to navigate to them in your app. Here are some handy patterns for managing page data
in Storybook:
</p>
<ul>
<li>
Use a higher-level connected component. Storybook helps you compose such data from the
"args" of child component stories
</li>
<li>
Assemble data in the page component from your services. You can mock these services out
using Storybook.
</li>
</ul>
<p>
Get a guided tutorial on component-driven development at{' '}
<a href="https://storybook.js.org/tutorials/" target="_blank" rel="noopener noreferrer">
Storybook tutorials
</a>
. Read more in the{' '}
<a href="https://storybook.js.org/docs" target="_blank" rel="noopener noreferrer">
docs
</a>
.
</p>
<div className="tip-wrapper">
<span className="tip">Tip</span> Adjust the width of the canvas with the{' '}
<svg width="10" height="10" viewBox="0 0 12 12" xmlns="http://www.w3.org/2000/svg">
<g fill="none" fillRule="evenodd">
<path
d="M1.5 5.2h4.8c.3 0 .5.2.5.4v5.1c-.1.2-.3.3-.4.3H1.4a.5.5 0 01-.5-.4V5.7c0-.3.2-.5.5-.5zm0-2.1h6.9c.3 0 .5.2.5.4v7a.5.5 0 01-1 0V4H1.5a.5.5 0 010-1zm0-2.1h9c.3 0 .5.2.5.4v9.1a.5.5 0 01-1 0V2H1.5a.5.5 0 010-1zm4.3 5.2H2V10h3.8V6.2z"
id="a"
fill="#999"
/>
</g>
</svg>
Viewports addon in the toolbar
</div>
</section>
</article>
);
Page.propTypes = {
user: PropTypes.shape({}),
onLogin: PropTypes.func.isRequired,
onLogout: PropTypes.func.isRequired,
onCreateAccount: PropTypes.func.isRequired,
};
return (
<article>
<Header
user={user}
onLogin={() => setUser({ name: 'Jane Doe' })}
onLogout={() => setUser(undefined)}
onCreateAccount={() => setUser({ name: 'Jane Doe' })}
/>
Page.defaultProps = {
user: null,
<section>
<h2>Pages in Storybook</h2>
<p>
We recommend building UIs with a{' '}
<a href="https://componentdriven.org" target="_blank" rel="noopener noreferrer">
<strong>component-driven</strong>
</a>{' '}
process starting with atomic components and ending with pages.
</p>
<p>
Render pages with mock data. This makes it easy to build and review page states without
needing to navigate to them in your app. Here are some handy patterns for managing page
data in Storybook:
</p>
<ul>
<li>
Use a higher-level connected component. Storybook helps you compose such data from the
"args" of child component stories
</li>
<li>
Assemble data in the page component from your services. You can mock these services out
using Storybook.
</li>
</ul>
<p>
Get a guided tutorial on component-driven development at{' '}
<a href="https://storybook.js.org/tutorials/" target="_blank" rel="noopener noreferrer">
Storybook tutorials
</a>
. Read more in the{' '}
<a href="https://storybook.js.org/docs" target="_blank" rel="noopener noreferrer">
docs
</a>
.
</p>
<div className="tip-wrapper">
<span className="tip">Tip</span> Adjust the width of the canvas with the{' '}
<svg width="10" height="10" viewBox="0 0 12 12" xmlns="http://www.w3.org/2000/svg">
<g fill="none" fillRule="evenodd">
<path
d="M1.5 5.2h4.8c.3 0 .5.2.5.4v5.1c-.1.2-.3.3-.4.3H1.4a.5.5 0 01-.5-.4V5.7c0-.3.2-.5.5-.5zm0-2.1h6.9c.3 0 .5.2.5.4v7a.5.5 0 01-1 0V4H1.5a.5.5 0 010-1zm0-2.1h9c.3 0 .5.2.5.4v9.1a.5.5 0 01-1 0V2H1.5a.5.5 0 010-1zm4.3 5.2H2V10h3.8V6.2z"
id="a"
fill="#999"
/>
</g>
</svg>
Viewports addon in the toolbar
</div>
</section>
</article>
);
};

21
lib/cli/src/frameworks/preact/Page.stories.jsx
View File

@ -1,23 +1,26 @@
/** @jsx h */
import { h } from 'preact';
import { within, userEvent } from '@storybook/testing-library';
import { Page } from './Page';
import * as HeaderStories from './Header.stories';
export default {
title: 'Example/Page',
component: Page,
parameters: {
// More on Story layout: https://storybook.js.org/docs/preact/configure/story-layout
layout: 'fullscreen',
},
};
const Template = (args) => <Page {...args} />;
export const LoggedIn = Template.bind({});
LoggedIn.args = {
// More on composing args: https://storybook.js.org/docs/preact/writing-stories/args#args-composition
...HeaderStories.LoggedIn.args,
};
export const LoggedOut = Template.bind({});
LoggedOut.args = {
...HeaderStories.LoggedOut.args,
// More on interaction testing: https://storybook.js.org/docs/preact/writing-tests/interaction-testing
export const LoggedIn = Template.bind({});
LoggedIn.play = async ({ canvasElement }) => {
const canvas = within(canvasElement);
const loginButton = await canvas.getByRole('button', { name: /Log in/i });
await userEvent.click(loginButton);
};

4
lib/cli/src/generators/baseGenerator.ts
View File

@ -62,7 +62,7 @@ const builderDependencies = (builder: Builder) => {
const stripVersions = (addons: string[]) => addons.map((addon) => getPackageDetails(addon)[0]);
const hasInteractiveStories = (framework: SupportedFrameworks) =>
['react', 'angular'].includes(framework);
['react', 'angular', 'preact'].includes(framework);
export async function baseGenerator(
packageManager: JsPackageManager,
@ -108,8 +108,10 @@ export async function baseGenerator(
const packageJson = packageManager.retrievePackageJson();
const installedDependencies = new Set(Object.keys(packageJson.dependencies));
const frameworkPackage = `@storybook/${framework}`;
const cliPackage = 'sb';
const packages = [
cliPackage,
frameworkPackage,
...addonPackages,
...extraPackages,

8
lib/cli/src/js-package-manager/JsPackageManager.ts
View File

@ -217,12 +217,12 @@ export abstract class JsPackageManager {
}) {
const sbPort = options?.port ?? 6006;
const storybookCmd = options?.staticFolder
? `start-storybook -p ${sbPort} -s ${options.staticFolder}`
: `start-storybook -p ${sbPort}`;
? `npx sb dev -p ${sbPort} -s ${options.staticFolder}`
: `npx sb dev -p ${sbPort}`;
const buildStorybookCmd = options?.staticFolder
? `build-storybook -s ${options.staticFolder}`
: `build-storybook`;
? `npx sb build -s ${options.staticFolder}`
: `npx sb build`;
const preCommand = options?.preCommand ? this.getRunCommand(options.preCommand) : undefined;
this.addScripts({

112
lib/cli/src/versions.ts
View File

@ -1,59 +1,59 @@
// auto generated file, do not edit
export default {
'@storybook/addon-a11y': '6.5.0-alpha.63',
'@storybook/addon-actions': '6.5.0-alpha.63',
'@storybook/addon-backgrounds': '6.5.0-alpha.63',
'@storybook/addon-controls': '6.5.0-alpha.63',
'@storybook/addon-docs': '6.5.0-alpha.63',
'@storybook/addon-essentials': '6.5.0-alpha.63',
'@storybook/addon-interactions': '6.5.0-alpha.63',
'@storybook/addon-jest': '6.5.0-alpha.63',
'@storybook/addon-links': '6.5.0-alpha.63',
'@storybook/addon-measure': '6.5.0-alpha.63',
'@storybook/addon-outline': '6.5.0-alpha.63',
'@storybook/addon-storyshots': '6.5.0-alpha.63',
'@storybook/addon-storyshots-puppeteer': '6.5.0-alpha.63',
'@storybook/addon-storysource': '6.5.0-alpha.63',
'@storybook/addon-toolbars': '6.5.0-alpha.63',
'@storybook/addon-viewport': '6.5.0-alpha.63',
'@storybook/addons': '6.5.0-alpha.63',
'@storybook/angular': '6.5.0-alpha.63',
'@storybook/api': '6.5.0-alpha.63',
'@storybook/builder-webpack4': '6.5.0-alpha.63',
'@storybook/builder-webpack5': '6.5.0-alpha.63',
'@storybook/channel-postmessage': '6.5.0-alpha.63',
'@storybook/channel-websocket': '6.5.0-alpha.63',
'@storybook/channels': '6.5.0-alpha.63',
'@storybook/cli': '6.5.0-alpha.63',
'@storybook/client-api': '6.5.0-alpha.63',
'@storybook/client-logger': '6.5.0-alpha.63',
'@storybook/codemod': '6.5.0-alpha.63',
'@storybook/components': '6.5.0-alpha.63',
'@storybook/core': '6.5.0-alpha.63',
'@storybook/core-client': '6.5.0-alpha.63',
'@storybook/core-common': '6.5.0-alpha.63',
'@storybook/core-events': '6.5.0-alpha.63',
'@storybook/core-server': '6.5.0-alpha.63',
'@storybook/csf-tools': '6.5.0-alpha.63',
'@storybook/docs-tools': '6.5.0-alpha.63',
'@storybook/ember': '6.5.0-alpha.63',
'@storybook/html': '6.5.0-alpha.63',
'@storybook/instrumenter': '6.5.0-alpha.63',
'@storybook/manager-webpack4': '6.5.0-alpha.63',
'@storybook/manager-webpack5': '6.5.0-alpha.63',
'@storybook/node-logger': '6.5.0-alpha.63',
'@storybook/postinstall': '6.5.0-alpha.63',
'@storybook/preact': '6.5.0-alpha.63',
'@storybook/preview-web': '6.5.0-alpha.63',
'@storybook/react': '6.5.0-alpha.63',
'@storybook/router': '6.5.0-alpha.63',
'@storybook/server': '6.5.0-alpha.63',
'@storybook/source-loader': '6.5.0-alpha.63',
'@storybook/store': '6.5.0-alpha.63',
'@storybook/svelte': '6.5.0-alpha.63',
'@storybook/theming': '6.5.0-alpha.63',
'@storybook/ui': '6.5.0-alpha.63',
'@storybook/vue': '6.5.0-alpha.63',
'@storybook/vue3': '6.5.0-alpha.63',
'@storybook/web-components': '6.5.0-alpha.63',
'@storybook/addon-a11y': '6.5.0-alpha.64',
'@storybook/addon-actions': '6.5.0-alpha.64',
'@storybook/addon-backgrounds': '6.5.0-alpha.64',
'@storybook/addon-controls': '6.5.0-alpha.64',
'@storybook/addon-docs': '6.5.0-alpha.64',
'@storybook/addon-essentials': '6.5.0-alpha.64',
'@storybook/addon-interactions': '6.5.0-alpha.64',
'@storybook/addon-jest': '6.5.0-alpha.64',
'@storybook/addon-links': '6.5.0-alpha.64',
'@storybook/addon-measure': '6.5.0-alpha.64',
'@storybook/addon-outline': '6.5.0-alpha.64',
'@storybook/addon-storyshots': '6.5.0-alpha.64',
'@storybook/addon-storyshots-puppeteer': '6.5.0-alpha.64',
'@storybook/addon-storysource': '6.5.0-alpha.64',
'@storybook/addon-toolbars': '6.5.0-alpha.64',
'@storybook/addon-viewport': '6.5.0-alpha.64',
'@storybook/addons': '6.5.0-alpha.64',
'@storybook/angular': '6.5.0-alpha.64',
'@storybook/api': '6.5.0-alpha.64',
'@storybook/builder-webpack4': '6.5.0-alpha.64',
'@storybook/builder-webpack5': '6.5.0-alpha.64',
'@storybook/channel-postmessage': '6.5.0-alpha.64',
'@storybook/channel-websocket': '6.5.0-alpha.64',
'@storybook/channels': '6.5.0-alpha.64',
'@storybook/cli': '6.5.0-alpha.64',
'@storybook/client-api': '6.5.0-alpha.64',
'@storybook/client-logger': '6.5.0-alpha.64',
'@storybook/codemod': '6.5.0-alpha.64',
'@storybook/components': '6.5.0-alpha.64',
'@storybook/core': '6.5.0-alpha.64',
'@storybook/core-client': '6.5.0-alpha.64',
'@storybook/core-common': '6.5.0-alpha.64',
'@storybook/core-events': '6.5.0-alpha.64',
'@storybook/core-server': '6.5.0-alpha.64',
'@storybook/csf-tools': '6.5.0-alpha.64',
'@storybook/docs-tools': '6.5.0-alpha.64',
'@storybook/ember': '6.5.0-alpha.64',
'@storybook/html': '6.5.0-alpha.64',
'@storybook/instrumenter': '6.5.0-alpha.64',
'@storybook/manager-webpack4': '6.5.0-alpha.64',
'@storybook/manager-webpack5': '6.5.0-alpha.64',
'@storybook/node-logger': '6.5.0-alpha.64',
'@storybook/postinstall': '6.5.0-alpha.64',
'@storybook/preact': '6.5.0-alpha.64',
'@storybook/preview-web': '6.5.0-alpha.64',
'@storybook/react': '6.5.0-alpha.64',
'@storybook/router': '6.5.0-alpha.64',
'@storybook/server': '6.5.0-alpha.64',
'@storybook/source-loader': '6.5.0-alpha.64',
'@storybook/store': '6.5.0-alpha.64',
'@storybook/svelte': '6.5.0-alpha.64',
'@storybook/theming': '6.5.0-alpha.64',
'@storybook/ui': '6.5.0-alpha.64',
'@storybook/vue': '6.5.0-alpha.64',
'@storybook/vue3': '6.5.0-alpha.64',
'@storybook/web-components': '6.5.0-alpha.64',
};

16
lib/client-api/package.json
View File

@ -1,6 +1,6 @@
{
"name": "@storybook/client-api",
"version": "6.5.0-alpha.63",
"version": "6.5.0-alpha.64",
"description": "Storybook Client API",
"keywords": [
"storybook"
@ -40,13 +40,13 @@
"prepare": "node ../../scripts/prepare.js"
},
"dependencies": {
"@storybook/addons": "6.5.0-alpha.63",
"@storybook/channel-postmessage": "6.5.0-alpha.63",
"@storybook/channels": "6.5.0-alpha.63",
"@storybook/client-logger": "6.5.0-alpha.63",
"@storybook/core-events": "6.5.0-alpha.63",
"@storybook/addons": "6.5.0-alpha.64",
"@storybook/channel-postmessage": "6.5.0-alpha.64",
"@storybook/channels": "6.5.0-alpha.64",
"@storybook/client-logger": "6.5.0-alpha.64",
"@storybook/core-events": "6.5.0-alpha.64",
"@storybook/csf": "0.0.2--canary.7c6c115.0",
"@storybook/store": "6.5.0-alpha.63",
"@storybook/store": "6.5.0-alpha.64",
"@types/qs": "^6.9.5",
"@types/webpack-env": "^1.16.0",
"core-js": "^3.8.2",
@ -68,6 +68,6 @@
"publishConfig": {
"access": "public"
},
"gitHead": "416f87dc715cae299c7b4f37f1c9db7f686d4d21",
"gitHead": "7417a230d67b54d65caedcfb584f924b879ac9f5",
"sbmodern": "dist/modern/index.js"
}

4
lib/client-logger/package.json
View File

@ -1,6 +1,6 @@
{
"name": "@storybook/client-logger",
"version": "6.5.0-alpha.63",
"version": "6.5.0-alpha.64",
"description": "",
"keywords": [
"storybook"
@ -46,6 +46,6 @@
"publishConfig": {
"access": "public"
},
"gitHead": "416f87dc715cae299c7b4f37f1c9db7f686d4d21",
"gitHead": "7417a230d67b54d65caedcfb584f924b879ac9f5",
"sbmodern": "dist/modern/index.js"
}

8
lib/codemod/package.json
View File

@ -1,6 +1,6 @@
{
"name": "@storybook/codemod",
"version": "6.5.0-alpha.63",
"version": "6.5.0-alpha.64",
"description": "A collection of codemod scripts written with JSCodeshift",
"keywords": [
"storybook"
@ -44,8 +44,8 @@
"@babel/types": "^7.12.11",
"@mdx-js/mdx": "^1.6.22",
"@storybook/csf": "0.0.2--canary.7c6c115.0",
"@storybook/csf-tools": "6.5.0-alpha.63",
"@storybook/node-logger": "6.5.0-alpha.63",
"@storybook/csf-tools": "6.5.0-alpha.64",
"@storybook/node-logger": "6.5.0-alpha.64",
"core-js": "^3.8.2",
"cross-spawn": "^7.0.3",
"globby": "^11.0.2",
@ -62,6 +62,6 @@
"publishConfig": {
"access": "public"
},
"gitHead": "416f87dc715cae299c7b4f37f1c9db7f686d4d21",
"gitHead": "7417a230d67b54d65caedcfb584f924b879ac9f5",
"sbmodern": "dist/modern/index.js"
}

8
lib/components/package.json
View File

@ -1,6 +1,6 @@
{
"name": "@storybook/components",
"version": "6.5.0-alpha.63",
"version": "6.5.0-alpha.64",
"description": "Core Storybook Components",
"keywords": [
"storybook"
@ -40,9 +40,9 @@
"prepare": "ts-node ../../scripts/prebundle.ts"
},
"dependencies": {
"@storybook/client-logger": "6.5.0-alpha.63",
"@storybook/client-logger": "6.5.0-alpha.64",
"@storybook/csf": "0.0.2--canary.7c6c115.0",
"@storybook/theming": "6.5.0-alpha.63",
"@storybook/theming": "6.5.0-alpha.64",
"core-js": "^3.8.2",
"regenerator-runtime": "^0.13.7"
},
@ -80,6 +80,6 @@
"access": "public"
},
"bundlerEntrypoint": "./src/index.ts",
"gitHead": "416f87dc715cae299c7b4f37f1c9db7f686d4d21",
"gitHead": "7417a230d67b54d65caedcfb584f924b879ac9f5",
"sbmodern": "dist/modern/index.js"
}

22
lib/core-client/package.json
View File

@ -1,6 +1,6 @@
{
"name": "@storybook/core-client",
"version": "6.5.0-alpha.63",
"version": "6.5.0-alpha.64",
"description": "Storybook framework-agnostic API",
"keywords": [
"storybook"
@ -40,16 +40,16 @@
"prepare": "node ../../scripts/prepare.js"
},
"dependencies": {
"@storybook/addons": "6.5.0-alpha.63",
"@storybook/channel-postmessage": "6.5.0-alpha.63",
"@storybook/channel-websocket": "6.5.0-alpha.63",
"@storybook/client-api": "6.5.0-alpha.63",
"@storybook/client-logger": "6.5.0-alpha.63",
"@storybook/core-events": "6.5.0-alpha.63",
"@storybook/addons": "6.5.0-alpha.64",
"@storybook/channel-postmessage": "6.5.0-alpha.64",
"@storybook/channel-websocket": "6.5.0-alpha.64",
"@storybook/client-api": "6.5.0-alpha.64",
"@storybook/client-logger": "6.5.0-alpha.64",
"@storybook/core-events": "6.5.0-alpha.64",
"@storybook/csf": "0.0.2--canary.7c6c115.0",
"@storybook/preview-web": "6.5.0-alpha.63",
"@storybook/store": "6.5.0-alpha.63",
"@storybook/ui": "6.5.0-alpha.63",
"@storybook/preview-web": "6.5.0-alpha.64",
"@storybook/store": "6.5.0-alpha.64",
"@storybook/ui": "6.5.0-alpha.64",
"airbnb-js-shims": "^2.2.1",
"ansi-to-html": "^0.6.11",
"core-js": "^3.8.2",
@ -74,6 +74,6 @@
"publishConfig": {
"access": "public"
},
"gitHead": "416f87dc715cae299c7b4f37f1c9db7f686d4d21",
"gitHead": "7417a230d67b54d65caedcfb584f924b879ac9f5",
"sbmodern": "dist/modern/index.js"
}

6
lib/core-common/package.json
View File

@ -1,6 +1,6 @@
{
"name": "@storybook/core-common",
"version": "6.5.0-alpha.63",
"version": "6.5.0-alpha.64",
"description": "Storybook framework-agnostic API",
"keywords": [
"storybook"
@ -62,7 +62,7 @@
"@babel/preset-react": "^7.12.10",
"@babel/preset-typescript": "^7.12.7",
"@babel/register": "^7.12.1",
"@storybook/node-logger": "6.5.0-alpha.63",
"@storybook/node-logger": "6.5.0-alpha.64",
"@storybook/semver": "^7.3.2",
"@types/node": "^14.0.10 || ^16.0.0",
"@types/pretty-hrtime": "^1.0.0",
@ -111,6 +111,6 @@
"publishConfig": {
"access": "public"
},
"gitHead": "416f87dc715cae299c7b4f37f1c9db7f686d4d21",
"gitHead": "7417a230d67b54d65caedcfb584f924b879ac9f5",
"sbmodern": "dist/modern/index.js"
}

4
lib/core-events/package.json
View File

@ -1,6 +1,6 @@
{
"name": "@storybook/core-events",
"version": "6.5.0-alpha.63",
"version": "6.5.0-alpha.64",
"description": "Event names used in storybook core",
"keywords": [
"storybook"
@ -45,6 +45,6 @@
"publishConfig": {
"access": "public"
},
"gitHead": "416f87dc715cae299c7b4f37f1c9db7f686d4d21",
"gitHead": "7417a230d67b54d65caedcfb584f924b879ac9f5",
"sbmodern": "dist/modern/index.js"
}

22
lib/core-server/package.json
View File

@ -1,6 +1,6 @@
{
"name": "@storybook/core-server",
"version": "6.5.0-alpha.63",
"version": "6.5.0-alpha.64",
"description": "Storybook framework-agnostic API",
"keywords": [
"storybook"
@ -40,16 +40,16 @@
},
"dependencies": {
"@discoveryjs/json-ext": "^0.5.3",
"@storybook/builder-webpack4": "6.5.0-alpha.63",
"@storybook/core-client": "6.5.0-alpha.63",
"@storybook/core-common": "6.5.0-alpha.63",
"@storybook/core-events": "6.5.0-alpha.63",
"@storybook/builder-webpack4": "6.5.0-alpha.64",
"@storybook/core-client": "6.5.0-alpha.64",
"@storybook/core-common": "6.5.0-alpha.64",
"@storybook/core-events": "6.5.0-alpha.64",
"@storybook/csf": "0.0.2--canary.7c6c115.0",
"@storybook/csf-tools": "6.5.0-alpha.63",
"@storybook/manager-webpack4": "6.5.0-alpha.63",
"@storybook/node-logger": "6.5.0-alpha.63",
"@storybook/csf-tools": "6.5.0-alpha.64",
"@storybook/manager-webpack4": "6.5.0-alpha.64",
"@storybook/node-logger": "6.5.0-alpha.64",
"@storybook/semver": "^7.3.2",
"@storybook/store": "6.5.0-alpha.63",
"@storybook/store": "6.5.0-alpha.64",
"@types/node": "^14.0.10 || ^16.0.0",
"@types/node-fetch": "^2.5.7",
"@types/pretty-hrtime": "^1.0.0",
@ -86,7 +86,7 @@
"x-default-browser": "^0.4.0"
},
"devDependencies": {
"@storybook/builder-webpack5": "6.5.0-alpha.63",
"@storybook/builder-webpack5": "6.5.0-alpha.64",
"@types/compression": "^1.7.0",
"@types/ip": "^1.1.0",
"@types/serve-favicon": "^2.5.2",
@ -111,6 +111,6 @@
"publishConfig": {
"access": "public"
},
"gitHead": "416f87dc715cae299c7b4f37f1c9db7f686d4d21",
"gitHead": "7417a230d67b54d65caedcfb584f924b879ac9f5",
"sbmodern": "dist/modern/index.js"
}

4
lib/csf-tools/package.json
View File

@ -1,6 +1,6 @@
{
"name": "@storybook/csf-tools",
"version": "6.5.0-alpha.63",
"version": "6.5.0-alpha.64",
"description": "",
"keywords": [
"storybook"
@ -71,6 +71,6 @@
"publishConfig": {
"access": "public"
},
"gitHead": "416f87dc715cae299c7b4f37f1c9db7f686d4d21",
"gitHead": "7417a230d67b54d65caedcfb584f924b879ac9f5",
"sbmodern": "dist/modern/index.js"
}

6
lib/docs-tools/package.json
View File

@ -1,6 +1,6 @@
{
"name": "@storybook/docs-tools",
"version": "6.5.0-alpha.63",
"version": "6.5.0-alpha.64",
"description": "Shared utility functions for frameworks to implement docs",
"keywords": [
"storybook"
@ -42,7 +42,7 @@
"dependencies": {
"@babel/core": "^7.12.10",
"@storybook/csf": "0.0.2--canary.7c6c115.0",
"@storybook/store": "6.5.0-alpha.63",
"@storybook/store": "6.5.0-alpha.64",
"core-js": "^3.8.2",
"doctrine": "^3.0.0",
"lodash": "^4.17.21",
@ -55,6 +55,6 @@
"publishConfig": {
"access": "public"
},
"gitHead": "416f87dc715cae299c7b4f37f1c9db7f686d4d21",
"gitHead": "7417a230d67b54d65caedcfb584f924b879ac9f5",
"sbmodern": "dist/modern/index.js"
}

10
lib/instrumenter/package.json
View File

@ -1,6 +1,6 @@
{
"name": "@storybook/instrumenter",
"version": "6.5.0-alpha.63",
"version": "6.5.0-alpha.64",
"description": "",
"keywords": [
"storybook"
@ -40,15 +40,15 @@
"prepare": "node ../../scripts/prepare.js"
},
"dependencies": {
"@storybook/addons": "6.5.0-alpha.63",
"@storybook/client-logger": "6.5.0-alpha.63",
"@storybook/core-events": "6.5.0-alpha.63",
"@storybook/addons": "6.5.0-alpha.64",
"@storybook/client-logger": "6.5.0-alpha.64",
"@storybook/core-events": "6.5.0-alpha.64",
"core-js": "^3.8.2",
"global": "^4.4.0"
},
"publishConfig": {
"access": "public"
},
"gitHead": "416f87dc715cae299c7b4f37f1c9db7f686d4d21",
"gitHead": "7417a230d67b54d65caedcfb584f924b879ac9f5",
"sbmodern": "dist/modern/index.js"
}

16
lib/manager-webpack4/package.json
View File

@ -1,6 +1,6 @@
{
"name": "@storybook/manager-webpack4",
"version": "6.5.0-alpha.63",
"version": "6.5.0-alpha.64",
"description": "Storybook framework-agnostic API",
"keywords": [
"storybook"
@ -45,12 +45,12 @@
"@babel/core": "^7.12.10",
"@babel/plugin-transform-template-literals": "^7.12.1",
"@babel/preset-react": "^7.12.10",
"@storybook/addons": "6.5.0-alpha.63",
"@storybook/core-client": "6.5.0-alpha.63",
"@storybook/core-common": "6.5.0-alpha.63",
"@storybook/node-logger": "6.5.0-alpha.63",
"@storybook/theming": "6.5.0-alpha.63",
"@storybook/ui": "6.5.0-alpha.63",
"@storybook/addons": "6.5.0-alpha.64",
"@storybook/core-client": "6.5.0-alpha.64",
"@storybook/core-common": "6.5.0-alpha.64",
"@storybook/node-logger": "6.5.0-alpha.64",
"@storybook/theming": "6.5.0-alpha.64",
"@storybook/ui": "6.5.0-alpha.64",
"@types/node": "^14.0.10 || ^16.0.0",
"@types/webpack": "^4.41.26",
"babel-loader": "^8.0.0",
@ -96,6 +96,6 @@
"publishConfig": {
"access": "public"
},
"gitHead": "416f87dc715cae299c7b4f37f1c9db7f686d4d21",
"gitHead": "7417a230d67b54d65caedcfb584f924b879ac9f5",
"sbmodern": "dist/modern/index.js"
}

16
lib/manager-webpack5/package.json
View File

@ -1,6 +1,6 @@
{
"name": "@storybook/manager-webpack5",
"version": "6.5.0-alpha.63",
"version": "6.5.0-alpha.64",
"description": "Storybook framework-agnostic API",
"keywords": [
"storybook"
@ -45,12 +45,12 @@
"@babel/core": "^7.12.10",
"@babel/plugin-transform-template-literals": "^7.12.1",
"@babel/preset-react": "^7.12.10",
"@storybook/addons": "6.5.0-alpha.63",
"@storybook/core-client": "6.5.0-alpha.63",
"@storybook/core-common": "6.5.0-alpha.63",
"@storybook/node-logger": "6.5.0-alpha.63",
"@storybook/theming": "6.5.0-alpha.63",
"@storybook/ui": "6.5.0-alpha.63",
"@storybook/addons": "6.5.0-alpha.64",
"@storybook/core-client": "6.5.0-alpha.64",
"@storybook/core-common": "6.5.0-alpha.64",
"@storybook/node-logger": "6.5.0-alpha.64",
"@storybook/theming": "6.5.0-alpha.64",
"@storybook/ui": "6.5.0-alpha.64",
"@types/node": "^14.0.10 || ^16.0.0",
"babel-loader": "^8.0.0",
"case-sensitive-paths-webpack-plugin": "^2.3.0",
@ -93,6 +93,6 @@
"publishConfig": {
"access": "public"
},
"gitHead": "416f87dc715cae299c7b4f37f1c9db7f686d4d21",
"gitHead": "7417a230d67b54d65caedcfb584f924b879ac9f5",
"sbmodern": "dist/modern/index.js"
}

4
lib/node-logger/package.json
View File

@ -1,6 +1,6 @@
{
"name": "@storybook/node-logger",
"version": "6.5.0-alpha.63",
"version": "6.5.0-alpha.64",
"description": "",
"keywords": [
"storybook"
@ -52,6 +52,6 @@
"publishConfig": {
"access": "public"
},
"gitHead": "416f87dc715cae299c7b4f37f1c9db7f686d4d21",
"gitHead": "7417a230d67b54d65caedcfb584f924b879ac9f5",
"sbmodern": "dist/modern/index.js"
}

4
lib/postinstall/package.json
View File

@ -1,6 +1,6 @@
{
"name": "@storybook/postinstall",
"version": "6.5.0-alpha.63",
"version": "6.5.0-alpha.64",
"description": "Storybook addons postinstall utilities",
"keywords": [
"api",
@ -51,6 +51,6 @@
"publishConfig": {
"access": "public"
},
"gitHead": "416f87dc715cae299c7b4f37f1c9db7f686d4d21",
"gitHead": "7417a230d67b54d65caedcfb584f924b879ac9f5",
"sbmodern": "dist/modern/index.js"
}

14
lib/preview-web/package.json
View File

@ -1,6 +1,6 @@
{
"name": "@storybook/preview-web",
"version": "6.5.0-alpha.63",
"version": "6.5.0-alpha.64",
"description": "",
"keywords": [
"storybook"
@ -40,12 +40,12 @@
"prepare": "node ../../scripts/prepare.js"
},
"dependencies": {
"@storybook/addons": "6.5.0-alpha.63",
"@storybook/channel-postmessage": "6.5.0-alpha.63",
"@storybook/client-logger": "6.5.0-alpha.63",
"@storybook/core-events": "6.5.0-alpha.63",
"@storybook/addons": "6.5.0-alpha.64",
"@storybook/channel-postmessage": "6.5.0-alpha.64",
"@storybook/client-logger": "6.5.0-alpha.64",
"@storybook/core-events": "6.5.0-alpha.64",
"@storybook/csf": "0.0.2--canary.7c6c115.0",
"@storybook/store": "6.5.0-alpha.63",
"@storybook/store": "6.5.0-alpha.64",
"ansi-to-html": "^0.6.11",
"core-js": "^3.8.2",
"global": "^4.4.0",
@ -64,6 +64,6 @@
"publishConfig": {
"access": "public"
},
"gitHead": "416f87dc715cae299c7b4f37f1c9db7f686d4d21",
"gitHead": "7417a230d67b54d65caedcfb584f924b879ac9f5",
"sbmodern": "dist/modern/index.js"
}

6
lib/router/package.json
View File

@ -1,6 +1,6 @@
{
"name": "@storybook/router",
"version": "6.5.0-alpha.63",
"version": "6.5.0-alpha.64",
"description": "Core Storybook Router",
"keywords": [
"storybook"
@ -40,7 +40,7 @@
"prepare": "ts-node ../../scripts/prebundle.ts"
},
"dependencies": {
"@storybook/client-logger": "6.5.0-alpha.63",
"@storybook/client-logger": "6.5.0-alpha.64",
"core-js": "^3.8.2",
"regenerator-runtime": "^0.13.7"
},
@ -64,6 +64,6 @@
"access": "public"
},
"bundlerEntrypoint": "./src/index.ts",
"gitHead": "416f87dc715cae299c7b4f37f1c9db7f686d4d21",
"gitHead": "7417a230d67b54d65caedcfb584f924b879ac9f5",
"sbmodern": "dist/modern/index.js"
}

8
lib/source-loader/package.json
View File

@ -1,6 +1,6 @@
{
"name": "@storybook/source-loader",
"version": "6.5.0-alpha.63",
"version": "6.5.0-alpha.64",
"description": "Source loader",
"keywords": [
"lib",
@ -41,8 +41,8 @@
"prepare": "node ../../scripts/prepare.js"
},
"dependencies": {
"@storybook/addons": "6.5.0-alpha.63",
"@storybook/client-logger": "6.5.0-alpha.63",
"@storybook/addons": "6.5.0-alpha.64",
"@storybook/client-logger": "6.5.0-alpha.64",
"@storybook/csf": "0.0.2--canary.7c6c115.0",
"core-js": "^3.8.2",
"estraverse": "^5.2.0",
@ -59,6 +59,6 @@
"publishConfig": {
"access": "public"
},
"gitHead": "416f87dc715cae299c7b4f37f1c9db7f686d4d21",
"gitHead": "7417a230d67b54d65caedcfb584f924b879ac9f5",
"sbmodern": "dist/modern/index.js"
}

10
lib/store/package.json
View File

@ -1,6 +1,6 @@
{
"name": "@storybook/store",
"version": "6.5.0-alpha.63",
"version": "6.5.0-alpha.64",
"description": "",
"keywords": [
"storybook"
@ -40,9 +40,9 @@
"prepare": "node ../../scripts/prepare.js"
},
"dependencies": {
"@storybook/addons": "6.5.0-alpha.63",
"@storybook/client-logger": "6.5.0-alpha.63",
"@storybook/core-events": "6.5.0-alpha.63",
"@storybook/addons": "6.5.0-alpha.64",
"@storybook/client-logger": "6.5.0-alpha.64",
"@storybook/core-events": "6.5.0-alpha.64",
"@storybook/csf": "0.0.2--canary.7c6c115.0",
"core-js": "^3.8.2",
"fast-deep-equal": "^3.1.3",
@ -63,6 +63,6 @@
"publishConfig": {
"access": "public"
},
"gitHead": "416f87dc715cae299c7b4f37f1c9db7f686d4d21",
"gitHead": "7417a230d67b54d65caedcfb584f924b879ac9f5",
"sbmodern": "dist/modern/index.js"
}

6
lib/theming/package.json
View File

@ -1,6 +1,6 @@
{
"name": "@storybook/theming",
"version": "6.5.0-alpha.63",
"version": "6.5.0-alpha.64",
"description": "Core Storybook Components",
"keywords": [
"storybook"
@ -40,7 +40,7 @@
"prepare": "ts-node ../../scripts/prebundle.ts"
},
"dependencies": {
"@storybook/client-logger": "6.5.0-alpha.63",
"@storybook/client-logger": "6.5.0-alpha.64",
"core-js": "^3.8.2",
"regenerator-runtime": "^0.13.7"
},
@ -65,6 +65,6 @@
"access": "public"
},
"bundlerEntrypoint": "./src/index.ts",
"gitHead": "416f87dc715cae299c7b4f37f1c9db7f686d4d21",
"gitHead": "7417a230d67b54d65caedcfb584f924b879ac9f5",
"sbmodern": "dist/modern/index.js"
}

20
lib/ui/package.json
View File

@ -1,6 +1,6 @@
{
"name": "@storybook/ui",
"version": "6.5.0-alpha.63",
"version": "6.5.0-alpha.64",
"description": "Core Storybook UI",
"keywords": [
"storybook"
@ -40,15 +40,15 @@
"prepare": "ts-node ../../scripts/prebundle.ts"
},
"dependencies": {
"@storybook/addons": "6.5.0-alpha.63",
"@storybook/api": "6.5.0-alpha.63",
"@storybook/channels": "6.5.0-alpha.63",
"@storybook/client-logger": "6.5.0-alpha.63",
"@storybook/components": "6.5.0-alpha.63",
"@storybook/core-events": "6.5.0-alpha.63",
"@storybook/router": "6.5.0-alpha.63",
"@storybook/addons": "6.5.0-alpha.64",
"@storybook/api": "6.5.0-alpha.64",
"@storybook/channels": "6.5.0-alpha.64",
"@storybook/client-logger": "6.5.0-alpha.64",
"@storybook/components": "6.5.0-alpha.64",
"@storybook/core-events": "6.5.0-alpha.64",
"@storybook/router": "6.5.0-alpha.64",
"@storybook/semver": "^7.3.2",
"@storybook/theming": "6.5.0-alpha.63",
"@storybook/theming": "6.5.0-alpha.64",
"core-js": "^3.8.2",
"regenerator-runtime": "^0.13.7",
"resolve-from": "^5.0.0"
@ -83,6 +83,6 @@
"access": "public"
},
"bundlerEntrypoint": "./src/index.tsx",
"gitHead": "416f87dc715cae299c7b4f37f1c9db7f686d4d21",
"gitHead": "7417a230d67b54d65caedcfb584f924b879ac9f5",
"sbmodern": "dist/modern/index.js"
}

2
package.json
View File

@ -1,6 +1,6 @@
{
"name": "@storybook/root",
"version": "6.5.0-alpha.63",
"version": "6.5.0-alpha.64",
"private": true,
"description": "Storybook is an open source tool for developing UI components in isolation for React, Vue and Angular. It makes building stunning UIs organized and efficient.",
"keywords": [

12
renderers/html/package.json
View File

@ -1,6 +1,6 @@
{
"name": "@storybook/renderer-html",
"version": "6.5.0-alpha.63",
"version": "6.5.0-alpha.64",
"description": "Storybook HTML renderer",
"keywords": [
"storybook"
@ -39,12 +39,12 @@
"prepare": "node ../../scripts/prepare.js"
},
"dependencies": {
"@storybook/addons": "6.5.0-alpha.63",
"@storybook/core-client": "6.5.0-alpha.63",
"@storybook/addons": "6.5.0-alpha.64",
"@storybook/core-client": "6.5.0-alpha.64",
"@storybook/csf": "0.0.2--canary.7c6c115.0",
"@storybook/docs-tools": "6.5.0-alpha.63",
"@storybook/preview-web": "6.5.0-alpha.63",
"@storybook/store": "6.5.0-alpha.63",
"@storybook/docs-tools": "6.5.0-alpha.64",
"@storybook/preview-web": "6.5.0-alpha.64",
"@storybook/store": "6.5.0-alpha.64",
"core-js": "^3.8.2",
"global": "^4.4.0",
"react": "16.14.0",

8
renderers/preact/package.json
View File

@ -1,6 +1,6 @@
{
"name": "@storybook/renderer-preact",
"version": "6.5.0-alpha.63",
"version": "6.5.0-alpha.64",
"description": "Storybook Preact renderer",
"keywords": [
"storybook"
@ -39,10 +39,10 @@
"prepare": "node ../../scripts/prepare.js"
},
"dependencies": {
"@storybook/addons": "6.5.0-alpha.63",
"@storybook/core-client": "6.5.0-alpha.63",
"@storybook/addons": "6.5.0-alpha.64",
"@storybook/core-client": "6.5.0-alpha.64",
"@storybook/csf": "0.0.2--canary.7c6c115.0",
"@storybook/store": "6.5.0-alpha.63",
"@storybook/store": "6.5.0-alpha.64",
"core-js": "^3.8.2",
"global": "^4.4.0",
"react": "16.14.0",

12
renderers/react/package.json
View File

@ -1,6 +1,6 @@
{
"name": "@storybook/renderer-react",
"version": "6.5.0-alpha.63",
"version": "6.5.0-alpha.64",
"description": "Storybook React renderer",
"keywords": [
"storybook"
@ -40,12 +40,12 @@
"prepare": "node ../../scripts/prepare.js"
},
"dependencies": {
"@storybook/addons": "6.5.0-alpha.63",
"@storybook/client-logger": "6.5.0-alpha.63",
"@storybook/core-client": "6.5.0-alpha.63",
"@storybook/addons": "6.5.0-alpha.64",
"@storybook/client-logger": "6.5.0-alpha.64",
"@storybook/core-client": "6.5.0-alpha.64",
"@storybook/csf": "0.0.2--canary.7c6c115.0",
"@storybook/docs-tools": "6.5.0-alpha.63",
"@storybook/store": "6.5.0-alpha.63",
"@storybook/docs-tools": "6.5.0-alpha.64",
"@storybook/store": "6.5.0-alpha.64",
"@types/estree": "^0.0.51",
"@types/node": "^14.14.20 || ^16.0.0",
"acorn": "^7.4.1",

3
renderers/react/src/preview/render.tsx
View File

@ -72,9 +72,8 @@ const getReactRoot = async (el: Element): Promise<ReactRoot | null> => {
let root = nodes.get(el);
if (!root) {
// Skipping webpack's static analysis of import paths by defining the path value outside the import statement.
// eslint-disable-next-line import/no-unresolved
const reactDomClient = await import('react-dom/client');
const reactDomClient = (await import('react-dom/client')).default;
root = reactDomClient.createRoot(el);
nodes.set(el, root);

10
renderers/server/package.json
View File

@ -1,6 +1,6 @@
{
"name": "@storybook/renderer-server",
"version": "6.5.0-alpha.63",
"version": "6.5.0-alpha.64",
"description": "Storybook Server renderer",
"keywords": [
"storybook"
@ -39,11 +39,11 @@
"prepare": "node ../../scripts/prepare.js"
},
"dependencies": {
"@storybook/addons": "6.5.0-alpha.63",
"@storybook/core-client": "6.5.0-alpha.63",
"@storybook/addons": "6.5.0-alpha.64",
"@storybook/core-client": "6.5.0-alpha.64",
"@storybook/csf": "0.0.2--canary.7c6c115.0",
"@storybook/preview-web": "6.5.0-alpha.63",
"@storybook/store": "6.5.0-alpha.63",
"@storybook/preview-web": "6.5.0-alpha.64",
"@storybook/store": "6.5.0-alpha.64",
"core-js": "^3.8.2",
"global": "^4.4.0",
"react": "16.14.0",

12
renderers/svelte/package.json
View File

@ -1,6 +1,6 @@
{
"name": "@storybook/renderer-svelte",
"version": "6.5.0-alpha.63",
"version": "6.5.0-alpha.64",
"description": "Storybook Svelte renderer",
"keywords": [
"storybook"
@ -40,12 +40,12 @@
"prepare": "node ../../scripts/prepare.js"
},
"dependencies": {
"@storybook/addons": "6.5.0-alpha.63",
"@storybook/client-logger": "6.5.0-alpha.63",
"@storybook/core-client": "6.5.0-alpha.63",
"@storybook/addons": "6.5.0-alpha.64",
"@storybook/client-logger": "6.5.0-alpha.64",
"@storybook/core-client": "6.5.0-alpha.64",
"@storybook/csf": "0.0.2--canary.7c6c115.0",
"@storybook/docs-tools": "6.5.0-alpha.63",
"@storybook/store": "6.5.0-alpha.63",
"@storybook/docs-tools": "6.5.0-alpha.64",
"@storybook/store": "6.5.0-alpha.64",
"core-js": "^3.8.2",
"global": "^4.4.0",
"react": "16.14.0",

12
renderers/vue/package.json
View File

@ -1,6 +1,6 @@
{
"name": "@storybook/renderer-vue",
"version": "6.5.0-alpha.63",
"version": "6.5.0-alpha.64",
"description": "Storybook Vue renderer",
"keywords": [
"storybook"
@ -39,12 +39,12 @@
"prepare": "node ../../scripts/prepare.js"
},
"dependencies": {
"@storybook/addons": "6.5.0-alpha.63",
"@storybook/client-logger": "6.5.0-alpha.63",
"@storybook/core-client": "6.5.0-alpha.63",
"@storybook/addons": "6.5.0-alpha.64",
"@storybook/client-logger": "6.5.0-alpha.64",
"@storybook/core-client": "6.5.0-alpha.64",
"@storybook/csf": "0.0.2--canary.7c6c115.0",
"@storybook/docs-tools": "6.5.0-alpha.63",
"@storybook/store": "6.5.0-alpha.63",
"@storybook/docs-tools": "6.5.0-alpha.64",
"@storybook/store": "6.5.0-alpha.64",
"core-js": "^3.8.2",
"global": "^4.4.0",
"react": "16.14.0",

10
renderers/vue3/package.json
View File

@ -1,6 +1,6 @@
{
"name": "@storybook/renderer-vue3",
"version": "6.5.0-alpha.63",
"version": "6.5.0-alpha.64",
"description": "Storybook Vue 3 renderer",
"keywords": [
"storybook"
@ -40,11 +40,11 @@
"prepare": "node ../../scripts/prepare.js"
},
"dependencies": {
"@storybook/addons": "6.5.0-alpha.63",
"@storybook/core-client": "6.5.0-alpha.63",
"@storybook/addons": "6.5.0-alpha.64",
"@storybook/core-client": "6.5.0-alpha.64",
"@storybook/csf": "0.0.2--canary.7c6c115.0",
"@storybook/docs-tools": "6.5.0-alpha.63",
"@storybook/store": "6.5.0-alpha.63",
"@storybook/docs-tools": "6.5.0-alpha.64",
"@storybook/store": "6.5.0-alpha.64",
"core-js": "^3.8.2",
"global": "^4.4.0",
"react": "16.14.0",

Some files were not shown because too many files have changed in this diff Show More