mirror of
https://github.com/storybookjs/storybook.git
synced 2025-04-07 04:31:06 +08:00
Merge branch 'next' into fix/13561-sb-extract
This commit is contained in:
Michael Shilman
commit
d0bb360756
30
CHANGELOG.md
30
CHANGELOG.md
@ -1,3 +1,33 @@
|
||||
## 6.4.0-beta.23 (October 29, 2021)
|
||||
|
||||
### Features
|
||||
|
||||
- Core: Add support for async `getProjectAnnotations` function ([#16495](https://github.com/storybookjs/storybook/pull/16495))
|
||||
|
||||
### Bug Fixes
|
||||
|
||||
- Addon-docs: Fix centered layout on DocsPage ([#16506](https://github.com/storybookjs/storybook/pull/16506))
|
||||
- Addon-docs/Angular: Fix missing condition in compodoc resolveTypealias ([#16523](https://github.com/storybookjs/storybook/pull/16523))
|
||||
- Core: Fix `toImportFn` when dealing with `../`-led paths ([#16474](https://github.com/storybookjs/storybook/pull/16474))
|
||||
|
||||
### Maintenance
|
||||
|
||||
- UI: Update the toolbar button styles ([#16429](https://github.com/storybookjs/storybook/pull/16429))
|
||||
- CLI: Fix build selection menu ([#16521](https://github.com/storybookjs/storybook/pull/16521))
|
||||
- Core: Use synchronous promises to "fake" promises for sync code ([#16517](https://github.com/storybookjs/storybook/pull/16517))
|
||||
- UI: Improve WithTooltip contrast and positioning ([#16510](https://github.com/storybookjs/storybook/pull/16510))
|
||||
|
||||
## 6.4.0-beta.22 (October 28, 2021)
|
||||
|
||||
### Bug Fixes
|
||||
|
||||
- Addon-docs: Track code-level args changes in `ArgsTable` ([#16488](https://github.com/storybookjs/storybook/pull/16488))
|
||||
|
||||
### Maintenance
|
||||
|
||||
- Addon-a11y: Lazy load axe-core only when running tests ([#16484](https://github.com/storybookjs/storybook/pull/16484))
|
||||
- Addon-docs: Lazy load Prettier in Vue and Angular ([#16459](https://github.com/storybookjs/storybook/pull/16459))
|
||||
|
||||
## 6.4.0-beta.21 (October 28, 2021)
|
||||
|
||||
### Features
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/addon-a11y",
|
||||
"version": "6.4.0-beta.21",
|
||||
"version": "6.4.0-beta.23",
|
||||
"description": "Test component compliance with web accessibility standards",
|
||||
"keywords": [
|
||||
"a11y",
|
||||
@ -45,14 +45,14 @@
|
||||
"prepare": "node ../../scripts/prepare.js"
|
||||
},
|
||||
"dependencies": {
|
||||
"@storybook/addons": "6.4.0-beta.21",
|
||||
"@storybook/api": "6.4.0-beta.21",
|
||||
"@storybook/channels": "6.4.0-beta.21",
|
||||
"@storybook/client-logger": "6.4.0-beta.21",
|
||||
"@storybook/components": "6.4.0-beta.21",
|
||||
"@storybook/core-events": "6.4.0-beta.21",
|
||||
"@storybook/addons": "6.4.0-beta.23",
|
||||
"@storybook/api": "6.4.0-beta.23",
|
||||
"@storybook/channels": "6.4.0-beta.23",
|
||||
"@storybook/client-logger": "6.4.0-beta.23",
|
||||
"@storybook/components": "6.4.0-beta.23",
|
||||
"@storybook/core-events": "6.4.0-beta.23",
|
||||
"@storybook/csf": "0.0.2--canary.87bc651.0",
|
||||
"@storybook/theming": "6.4.0-beta.21",
|
||||
"@storybook/theming": "6.4.0-beta.23",
|
||||
"axe-core": "^4.2.0",
|
||||
"core-js": "^3.8.2",
|
||||
"global": "^4.4.0",
|
||||
@ -81,7 +81,7 @@
|
||||
"publishConfig": {
|
||||
"access": "public"
|
||||
},
|
||||
"gitHead": "eb83ef6aefb6791324e2c70567bdc128cef09d92",
|
||||
"gitHead": "34dd760d275faabff6855b84bb64bb69adc1ec1a",
|
||||
"sbmodern": "dist/modern/index.js",
|
||||
"storybook": {
|
||||
"displayName": "Accessibility",
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/addon-actions",
|
||||
"version": "6.4.0-beta.21",
|
||||
"version": "6.4.0-beta.23",
|
||||
"description": "Get UI feedback when an action is performed on an interactive element",
|
||||
"keywords": [
|
||||
"storybook",
|
||||
@ -41,12 +41,12 @@
|
||||
"prepare": "node ../../scripts/prepare.js"
|
||||
},
|
||||
"dependencies": {
|
||||
"@storybook/addons": "6.4.0-beta.21",
|
||||
"@storybook/api": "6.4.0-beta.21",
|
||||
"@storybook/components": "6.4.0-beta.21",
|
||||
"@storybook/core-events": "6.4.0-beta.21",
|
||||
"@storybook/addons": "6.4.0-beta.23",
|
||||
"@storybook/api": "6.4.0-beta.23",
|
||||
"@storybook/components": "6.4.0-beta.23",
|
||||
"@storybook/core-events": "6.4.0-beta.23",
|
||||
"@storybook/csf": "0.0.2--canary.87bc651.0",
|
||||
"@storybook/theming": "6.4.0-beta.21",
|
||||
"@storybook/theming": "6.4.0-beta.23",
|
||||
"core-js": "^3.8.2",
|
||||
"fast-deep-equal": "^3.1.3",
|
||||
"global": "^4.4.0",
|
||||
@ -79,7 +79,7 @@
|
||||
"publishConfig": {
|
||||
"access": "public"
|
||||
},
|
||||
"gitHead": "eb83ef6aefb6791324e2c70567bdc128cef09d92",
|
||||
"gitHead": "34dd760d275faabff6855b84bb64bb69adc1ec1a",
|
||||
"sbmodern": "dist/modern/index.js",
|
||||
"storybook": {
|
||||
"displayName": "Actions",
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/addon-backgrounds",
|
||||
"version": "6.4.0-beta.21",
|
||||
"version": "6.4.0-beta.23",
|
||||
"description": "Switch backgrounds to view components in different settings",
|
||||
"keywords": [
|
||||
"addon",
|
||||
@ -45,13 +45,13 @@
|
||||
"prepare": "node ../../scripts/prepare.js"
|
||||
},
|
||||
"dependencies": {
|
||||
"@storybook/addons": "6.4.0-beta.21",
|
||||
"@storybook/api": "6.4.0-beta.21",
|
||||
"@storybook/client-logger": "6.4.0-beta.21",
|
||||
"@storybook/components": "6.4.0-beta.21",
|
||||
"@storybook/core-events": "6.4.0-beta.21",
|
||||
"@storybook/addons": "6.4.0-beta.23",
|
||||
"@storybook/api": "6.4.0-beta.23",
|
||||
"@storybook/client-logger": "6.4.0-beta.23",
|
||||
"@storybook/components": "6.4.0-beta.23",
|
||||
"@storybook/core-events": "6.4.0-beta.23",
|
||||
"@storybook/csf": "0.0.2--canary.87bc651.0",
|
||||
"@storybook/theming": "6.4.0-beta.21",
|
||||
"@storybook/theming": "6.4.0-beta.23",
|
||||
"core-js": "^3.8.2",
|
||||
"global": "^4.4.0",
|
||||
"memoizerific": "^1.11.3",
|
||||
@ -77,7 +77,7 @@
|
||||
"publishConfig": {
|
||||
"access": "public"
|
||||
},
|
||||
"gitHead": "eb83ef6aefb6791324e2c70567bdc128cef09d92",
|
||||
"gitHead": "34dd760d275faabff6855b84bb64bb69adc1ec1a",
|
||||
"sbmodern": "dist/modern/index.js",
|
||||
"storybook": {
|
||||
"displayName": "Backgrounds",
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/addon-controls",
|
||||
"version": "6.4.0-beta.21",
|
||||
"version": "6.4.0-beta.23",
|
||||
"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.4.0-beta.21",
|
||||
"@storybook/api": "6.4.0-beta.21",
|
||||
"@storybook/client-logger": "6.4.0-beta.21",
|
||||
"@storybook/components": "6.4.0-beta.21",
|
||||
"@storybook/core-common": "6.4.0-beta.21",
|
||||
"@storybook/addons": "6.4.0-beta.23",
|
||||
"@storybook/api": "6.4.0-beta.23",
|
||||
"@storybook/client-logger": "6.4.0-beta.23",
|
||||
"@storybook/components": "6.4.0-beta.23",
|
||||
"@storybook/core-common": "6.4.0-beta.23",
|
||||
"@storybook/csf": "0.0.2--canary.87bc651.0",
|
||||
"@storybook/node-logger": "6.4.0-beta.21",
|
||||
"@storybook/store": "6.4.0-beta.21",
|
||||
"@storybook/theming": "6.4.0-beta.21",
|
||||
"@storybook/node-logger": "6.4.0-beta.23",
|
||||
"@storybook/store": "6.4.0-beta.23",
|
||||
"@storybook/theming": "6.4.0-beta.23",
|
||||
"core-js": "^3.8.2",
|
||||
"lodash": "^4.17.20",
|
||||
"ts-dedent": "^2.0.0"
|
||||
@ -73,7 +73,7 @@
|
||||
"publishConfig": {
|
||||
"access": "public"
|
||||
},
|
||||
"gitHead": "eb83ef6aefb6791324e2c70567bdc128cef09d92",
|
||||
"gitHead": "34dd760d275faabff6855b84bb64bb69adc1ec1a",
|
||||
"sbmodern": "dist/modern/register.js",
|
||||
"storybook": {
|
||||
"displayName": "Controls",
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/addon-docs",
|
||||
"version": "6.4.0-beta.21",
|
||||
"version": "6.4.0-beta.23",
|
||||
"description": "Document component usage and properties in Markdown",
|
||||
"keywords": [
|
||||
"addon",
|
||||
@ -63,21 +63,21 @@
|
||||
"@mdx-js/loader": "^1.6.22",
|
||||
"@mdx-js/mdx": "^1.6.22",
|
||||
"@mdx-js/react": "^1.6.22",
|
||||
"@storybook/addons": "6.4.0-beta.21",
|
||||
"@storybook/api": "6.4.0-beta.21",
|
||||
"@storybook/builder-webpack4": "6.4.0-beta.21",
|
||||
"@storybook/client-logger": "6.4.0-beta.21",
|
||||
"@storybook/components": "6.4.0-beta.21",
|
||||
"@storybook/core": "6.4.0-beta.21",
|
||||
"@storybook/core-events": "6.4.0-beta.21",
|
||||
"@storybook/addons": "6.4.0-beta.23",
|
||||
"@storybook/api": "6.4.0-beta.23",
|
||||
"@storybook/builder-webpack4": "6.4.0-beta.23",
|
||||
"@storybook/client-logger": "6.4.0-beta.23",
|
||||
"@storybook/components": "6.4.0-beta.23",
|
||||
"@storybook/core": "6.4.0-beta.23",
|
||||
"@storybook/core-events": "6.4.0-beta.23",
|
||||
"@storybook/csf": "0.0.2--canary.87bc651.0",
|
||||
"@storybook/csf-tools": "6.4.0-beta.21",
|
||||
"@storybook/node-logger": "6.4.0-beta.21",
|
||||
"@storybook/postinstall": "6.4.0-beta.21",
|
||||
"@storybook/preview-web": "6.4.0-beta.21",
|
||||
"@storybook/source-loader": "6.4.0-beta.21",
|
||||
"@storybook/store": "6.4.0-beta.21",
|
||||
"@storybook/theming": "6.4.0-beta.21",
|
||||
"@storybook/csf-tools": "6.4.0-beta.23",
|
||||
"@storybook/node-logger": "6.4.0-beta.23",
|
||||
"@storybook/postinstall": "6.4.0-beta.23",
|
||||
"@storybook/preview-web": "6.4.0-beta.23",
|
||||
"@storybook/source-loader": "6.4.0-beta.23",
|
||||
"@storybook/store": "6.4.0-beta.23",
|
||||
"@storybook/theming": "6.4.0-beta.23",
|
||||
"acorn": "^7.4.1",
|
||||
"acorn-jsx": "^5.3.1",
|
||||
"acorn-walk": "^7.2.0",
|
||||
@ -106,11 +106,11 @@
|
||||
"@babel/core": "^7.12.10",
|
||||
"@emotion/core": "^10.1.1",
|
||||
"@emotion/styled": "^10.0.27",
|
||||
"@storybook/angular": "6.4.0-beta.21",
|
||||
"@storybook/html": "6.4.0-beta.21",
|
||||
"@storybook/react": "6.4.0-beta.21",
|
||||
"@storybook/vue": "6.4.0-beta.21",
|
||||
"@storybook/web-components": "6.4.0-beta.21",
|
||||
"@storybook/angular": "6.4.0-beta.23",
|
||||
"@storybook/html": "6.4.0-beta.23",
|
||||
"@storybook/react": "6.4.0-beta.23",
|
||||
"@storybook/vue": "6.4.0-beta.23",
|
||||
"@storybook/web-components": "6.4.0-beta.23",
|
||||
"@types/cross-spawn": "^6.0.2",
|
||||
"@types/doctrine": "^0.0.3",
|
||||
"@types/enzyme": "^3.10.8",
|
||||
@ -140,12 +140,12 @@
|
||||
"zone.js": "^0.11.3"
|
||||
},
|
||||
"peerDependencies": {
|
||||
"@storybook/angular": "6.4.0-beta.21",
|
||||
"@storybook/html": "6.4.0-beta.21",
|
||||
"@storybook/react": "6.4.0-beta.21",
|
||||
"@storybook/vue": "6.4.0-beta.21",
|
||||
"@storybook/vue3": "6.4.0-beta.21",
|
||||
"@storybook/web-components": "6.4.0-beta.21",
|
||||
"@storybook/angular": "6.4.0-beta.23",
|
||||
"@storybook/html": "6.4.0-beta.23",
|
||||
"@storybook/react": "6.4.0-beta.23",
|
||||
"@storybook/vue": "6.4.0-beta.23",
|
||||
"@storybook/vue3": "6.4.0-beta.23",
|
||||
"@storybook/web-components": "6.4.0-beta.23",
|
||||
"lit": "^2.0.0-rc.1",
|
||||
"lit-html": "^1.4.1 || ^2.0.0-rc.3",
|
||||
"react": "^16.8.0 || ^17.0.0",
|
||||
@ -202,7 +202,7 @@
|
||||
"publishConfig": {
|
||||
"access": "public"
|
||||
},
|
||||
"gitHead": "eb83ef6aefb6791324e2c70567bdc128cef09d92",
|
||||
"gitHead": "34dd760d275faabff6855b84bb64bb69adc1ec1a",
|
||||
"sbmodern": "dist/modern/index.js",
|
||||
"storybook": {
|
||||
"displayName": "Docs",
|
||||
|
||||
@ -41,7 +41,7 @@ export const DocsStory: FunctionComponent<DocsStoryProps> = ({
|
||||
{subheading && <Subheading>{subheading}</Subheading>}
|
||||
{description && <Description markdown={description} />}
|
||||
<Canvas withToolbar={withToolbar}>
|
||||
<Story id={id} />
|
||||
<Story id={id} parameters={parameters} />
|
||||
</Canvas>
|
||||
</Anchor>
|
||||
);
|
||||
|
||||
@ -217,7 +217,7 @@ const extractDefaultValue = (property: Property) => {
|
||||
|
||||
const resolveTypealias = (compodocType: string): string => {
|
||||
const compodocJson = getCompodocJson();
|
||||
const typeAlias = compodocJson?.miscellaneous.typealiases.find((x) => x.name === compodocType);
|
||||
const typeAlias = compodocJson?.miscellaneous?.typealiases?.find((x) => x.name === compodocType);
|
||||
return typeAlias ? resolveTypealias(typeAlias.rawtype) : compodocType;
|
||||
};
|
||||
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/addon-essentials",
|
||||
"version": "6.4.0-beta.21",
|
||||
"version": "6.4.0-beta.23",
|
||||
"description": "Curated addons to bring out the best of Storybook",
|
||||
"keywords": [
|
||||
"addon",
|
||||
@ -39,31 +39,31 @@
|
||||
"prepare": "node ../../scripts/prepare.js"
|
||||
},
|
||||
"dependencies": {
|
||||
"@storybook/addon-actions": "6.4.0-beta.21",
|
||||
"@storybook/addon-backgrounds": "6.4.0-beta.21",
|
||||
"@storybook/addon-controls": "6.4.0-beta.21",
|
||||
"@storybook/addon-docs": "6.4.0-beta.21",
|
||||
"@storybook/addon-measure": "6.4.0-beta.21",
|
||||
"@storybook/addon-outline": "6.4.0-beta.21",
|
||||
"@storybook/addon-toolbars": "6.4.0-beta.21",
|
||||
"@storybook/addon-viewport": "6.4.0-beta.21",
|
||||
"@storybook/addons": "6.4.0-beta.21",
|
||||
"@storybook/api": "6.4.0-beta.21",
|
||||
"@storybook/node-logger": "6.4.0-beta.21",
|
||||
"@storybook/addon-actions": "6.4.0-beta.23",
|
||||
"@storybook/addon-backgrounds": "6.4.0-beta.23",
|
||||
"@storybook/addon-controls": "6.4.0-beta.23",
|
||||
"@storybook/addon-docs": "6.4.0-beta.23",
|
||||
"@storybook/addon-measure": "6.4.0-beta.23",
|
||||
"@storybook/addon-outline": "6.4.0-beta.23",
|
||||
"@storybook/addon-toolbars": "6.4.0-beta.23",
|
||||
"@storybook/addon-viewport": "6.4.0-beta.23",
|
||||
"@storybook/addons": "6.4.0-beta.23",
|
||||
"@storybook/api": "6.4.0-beta.23",
|
||||
"@storybook/node-logger": "6.4.0-beta.23",
|
||||
"core-js": "^3.8.2",
|
||||
"regenerator-runtime": "^0.13.7",
|
||||
"ts-dedent": "^2.0.0"
|
||||
},
|
||||
"devDependencies": {
|
||||
"@babel/core": "^7.12.10",
|
||||
"@storybook/vue": "6.4.0-beta.21",
|
||||
"@storybook/vue": "6.4.0-beta.23",
|
||||
"@types/jest": "^26.0.16",
|
||||
"@types/webpack-env": "^1.16.0"
|
||||
},
|
||||
"peerDependencies": {
|
||||
"@babel/core": "^7.9.6",
|
||||
"@storybook/vue": "6.4.0-beta.21",
|
||||
"@storybook/web-components": "6.4.0-beta.21",
|
||||
"@storybook/vue": "6.4.0-beta.23",
|
||||
"@storybook/web-components": "6.4.0-beta.23",
|
||||
"babel-loader": "^8.0.0",
|
||||
"lit-html": "^1.4.1 || ^2.0.0-rc.3",
|
||||
"react": "^16.8.0 || ^17.0.0",
|
||||
@ -93,6 +93,6 @@
|
||||
"publishConfig": {
|
||||
"access": "public"
|
||||
},
|
||||
"gitHead": "eb83ef6aefb6791324e2c70567bdc128cef09d92",
|
||||
"gitHead": "34dd760d275faabff6855b84bb64bb69adc1ec1a",
|
||||
"sbmodern": "dist/modern/index.js"
|
||||
}
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/addon-interactions",
|
||||
"version": "6.4.0-beta.21",
|
||||
"version": "6.4.0-beta.23",
|
||||
"description": "Automate, test and debug user interactions",
|
||||
"keywords": [
|
||||
"storybook-addons",
|
||||
@ -41,14 +41,14 @@
|
||||
"prepare": "node ../../scripts/prepare.js"
|
||||
},
|
||||
"dependencies": {
|
||||
"@storybook/addons": "6.4.0-beta.21",
|
||||
"@storybook/api": "6.4.0-beta.21",
|
||||
"@storybook/components": "6.4.0-beta.21",
|
||||
"@storybook/core-common": "6.4.0-beta.21",
|
||||
"@storybook/core-events": "6.4.0-beta.21",
|
||||
"@storybook/addons": "6.4.0-beta.23",
|
||||
"@storybook/api": "6.4.0-beta.23",
|
||||
"@storybook/components": "6.4.0-beta.23",
|
||||
"@storybook/core-common": "6.4.0-beta.23",
|
||||
"@storybook/core-events": "6.4.0-beta.23",
|
||||
"@storybook/csf": "0.0.2--canary.87bc651.0",
|
||||
"@storybook/instrumenter": "6.4.0-beta.21",
|
||||
"@storybook/theming": "6.4.0-beta.21",
|
||||
"@storybook/instrumenter": "6.4.0-beta.23",
|
||||
"@storybook/theming": "6.4.0-beta.23",
|
||||
"global": "^4.4.0",
|
||||
"jest-mock": "^27.0.6",
|
||||
"polished": "^4.0.5",
|
||||
@ -74,7 +74,7 @@
|
||||
"publishConfig": {
|
||||
"access": "public"
|
||||
},
|
||||
"gitHead": "eb83ef6aefb6791324e2c70567bdc128cef09d92",
|
||||
"gitHead": "34dd760d275faabff6855b84bb64bb69adc1ec1a",
|
||||
"sbmodern": "dist/modern/index.js",
|
||||
"storybook": {
|
||||
"displayName": "Interactions",
|
||||
|
||||
@ -86,6 +86,21 @@ const JumpToEndButton = styled(StyledButton)({
|
||||
lineHeight: '12px',
|
||||
});
|
||||
|
||||
const withTooltipModifiers = [
|
||||
{
|
||||
name: 'preventOverflow',
|
||||
options: {
|
||||
padding: 0,
|
||||
},
|
||||
},
|
||||
{
|
||||
name: 'offset',
|
||||
options: {
|
||||
offset: [0, -2],
|
||||
},
|
||||
},
|
||||
];
|
||||
|
||||
export const Subnav: React.FC<SubnavProps> = ({
|
||||
isDisabled,
|
||||
hasNext,
|
||||
@ -112,13 +127,23 @@ export const Subnav: React.FC<SubnavProps> = ({
|
||||
|
||||
<StyledSeparator />
|
||||
|
||||
<WithTooltip hasChrome={false} tooltip={<Note note="Go to start" />}>
|
||||
<WithTooltip
|
||||
modifiers={withTooltipModifiers}
|
||||
hasChrome={false}
|
||||
trigger={hasPrevious ? 'hover' : 'none'}
|
||||
tooltip={<Note note="Go to start" />}
|
||||
>
|
||||
<RewindButton containsIcon onClick={onStart} disabled={isDisabled || !hasPrevious}>
|
||||
<Icons icon="rewind" />
|
||||
</RewindButton>
|
||||
</WithTooltip>
|
||||
|
||||
<WithTooltip hasChrome={false} tooltip={<Note note="Go back" />}>
|
||||
<WithTooltip
|
||||
modifiers={withTooltipModifiers}
|
||||
hasChrome={false}
|
||||
trigger={hasPrevious ? 'hover' : 'none'}
|
||||
tooltip={<Note note="Go back" />}
|
||||
>
|
||||
<StyledIconButton
|
||||
containsIcon
|
||||
onClick={onPrevious}
|
||||
@ -128,13 +153,23 @@ export const Subnav: React.FC<SubnavProps> = ({
|
||||
</StyledIconButton>
|
||||
</WithTooltip>
|
||||
|
||||
<WithTooltip hasChrome={false} tooltip={<Note note="Go forward" />}>
|
||||
<WithTooltip
|
||||
modifiers={withTooltipModifiers}
|
||||
hasChrome={false}
|
||||
trigger={hasNext ? 'hover' : 'none'}
|
||||
tooltip={<Note note="Go forward" />}
|
||||
>
|
||||
<StyledIconButton containsIcon onClick={onNext} disabled={isDisabled || !hasNext}>
|
||||
<Icons icon="playnext" />
|
||||
</StyledIconButton>
|
||||
</WithTooltip>
|
||||
|
||||
<WithTooltip hasChrome={false} tooltip={<Note note="Go to end" />}>
|
||||
<WithTooltip
|
||||
modifiers={withTooltipModifiers}
|
||||
trigger={hasNext ? 'hover' : 'none'}
|
||||
hasChrome={false}
|
||||
tooltip={<Note note="Go to end" />}
|
||||
>
|
||||
<StyledIconButton containsIcon onClick={onEnd} disabled={isDisabled || !hasNext}>
|
||||
<Icons icon="fastforward" />
|
||||
</StyledIconButton>
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/addon-jest",
|
||||
"version": "6.4.0-beta.21",
|
||||
"version": "6.4.0-beta.23",
|
||||
"description": "React storybook addon that show component jest report",
|
||||
"keywords": [
|
||||
"addon",
|
||||
@ -47,11 +47,11 @@
|
||||
"prepare": "node ../../scripts/prepare.js"
|
||||
},
|
||||
"dependencies": {
|
||||
"@storybook/addons": "6.4.0-beta.21",
|
||||
"@storybook/api": "6.4.0-beta.21",
|
||||
"@storybook/components": "6.4.0-beta.21",
|
||||
"@storybook/core-events": "6.4.0-beta.21",
|
||||
"@storybook/theming": "6.4.0-beta.21",
|
||||
"@storybook/addons": "6.4.0-beta.23",
|
||||
"@storybook/api": "6.4.0-beta.23",
|
||||
"@storybook/components": "6.4.0-beta.23",
|
||||
"@storybook/core-events": "6.4.0-beta.23",
|
||||
"@storybook/theming": "6.4.0-beta.23",
|
||||
"core-js": "^3.8.2",
|
||||
"global": "^4.4.0",
|
||||
"react-sizeme": "^3.0.1",
|
||||
@ -76,7 +76,7 @@
|
||||
"publishConfig": {
|
||||
"access": "public"
|
||||
},
|
||||
"gitHead": "eb83ef6aefb6791324e2c70567bdc128cef09d92",
|
||||
"gitHead": "34dd760d275faabff6855b84bb64bb69adc1ec1a",
|
||||
"sbmodern": "dist/modern/index.js",
|
||||
"storybook": {
|
||||
"displayName": "Jest",
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/addon-links",
|
||||
"version": "6.4.0-beta.21",
|
||||
"version": "6.4.0-beta.23",
|
||||
"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.4.0-beta.21",
|
||||
"@storybook/client-logger": "6.4.0-beta.21",
|
||||
"@storybook/core-events": "6.4.0-beta.21",
|
||||
"@storybook/addons": "6.4.0-beta.23",
|
||||
"@storybook/client-logger": "6.4.0-beta.23",
|
||||
"@storybook/core-events": "6.4.0-beta.23",
|
||||
"@storybook/csf": "0.0.2--canary.87bc651.0",
|
||||
"@storybook/router": "6.4.0-beta.21",
|
||||
"@storybook/router": "6.4.0-beta.23",
|
||||
"@types/qs": "^6.9.5",
|
||||
"core-js": "^3.8.2",
|
||||
"global": "^4.4.0",
|
||||
@ -72,7 +72,7 @@
|
||||
"publishConfig": {
|
||||
"access": "public"
|
||||
},
|
||||
"gitHead": "eb83ef6aefb6791324e2c70567bdc128cef09d92",
|
||||
"gitHead": "34dd760d275faabff6855b84bb64bb69adc1ec1a",
|
||||
"sbmodern": "dist/modern/index.js",
|
||||
"storybook": {
|
||||
"displayName": "Links",
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/addon-measure",
|
||||
"version": "6.4.0-beta.21",
|
||||
"version": "6.4.0-beta.23",
|
||||
"description": "Inspect layouts by visualizing the box model",
|
||||
"keywords": [
|
||||
"storybook-addons",
|
||||
@ -44,11 +44,11 @@
|
||||
"prepare": "node ../../scripts/prepare.js"
|
||||
},
|
||||
"dependencies": {
|
||||
"@storybook/addons": "6.4.0-beta.21",
|
||||
"@storybook/api": "6.4.0-beta.21",
|
||||
"@storybook/client-logger": "6.4.0-beta.21",
|
||||
"@storybook/components": "6.4.0-beta.21",
|
||||
"@storybook/core-events": "6.4.0-beta.21",
|
||||
"@storybook/addons": "6.4.0-beta.23",
|
||||
"@storybook/api": "6.4.0-beta.23",
|
||||
"@storybook/client-logger": "6.4.0-beta.23",
|
||||
"@storybook/components": "6.4.0-beta.23",
|
||||
"@storybook/core-events": "6.4.0-beta.23",
|
||||
"@storybook/csf": "0.0.2--canary.87bc651.0",
|
||||
"core-js": "^3.8.2",
|
||||
"global": "^4.4.0"
|
||||
@ -71,7 +71,7 @@
|
||||
"publishConfig": {
|
||||
"access": "public"
|
||||
},
|
||||
"gitHead": "eb83ef6aefb6791324e2c70567bdc128cef09d92",
|
||||
"gitHead": "34dd760d275faabff6855b84bb64bb69adc1ec1a",
|
||||
"sbmodern": "dist/modern/index.js",
|
||||
"storybook": {
|
||||
"displayName": "Measure",
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/addon-outline",
|
||||
"version": "6.4.0-beta.21",
|
||||
"version": "6.4.0-beta.23",
|
||||
"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.4.0-beta.21",
|
||||
"@storybook/api": "6.4.0-beta.21",
|
||||
"@storybook/client-logger": "6.4.0-beta.21",
|
||||
"@storybook/components": "6.4.0-beta.21",
|
||||
"@storybook/core-events": "6.4.0-beta.21",
|
||||
"@storybook/addons": "6.4.0-beta.23",
|
||||
"@storybook/api": "6.4.0-beta.23",
|
||||
"@storybook/client-logger": "6.4.0-beta.23",
|
||||
"@storybook/components": "6.4.0-beta.23",
|
||||
"@storybook/core-events": "6.4.0-beta.23",
|
||||
"@storybook/csf": "0.0.2--canary.87bc651.0",
|
||||
"core-js": "^3.8.2",
|
||||
"global": "^4.4.0",
|
||||
@ -76,7 +76,7 @@
|
||||
"publishConfig": {
|
||||
"access": "public"
|
||||
},
|
||||
"gitHead": "eb83ef6aefb6791324e2c70567bdc128cef09d92",
|
||||
"gitHead": "34dd760d275faabff6855b84bb64bb69adc1ec1a",
|
||||
"sbmodern": "dist/modern/index.js",
|
||||
"storybook": {
|
||||
"displayName": "Outline",
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/addon-storyshots",
|
||||
"version": "6.4.0-beta.21",
|
||||
"version": "6.4.0-beta.23",
|
||||
"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.4.0-beta.21",
|
||||
"@storybook/client-api": "6.4.0-beta.21",
|
||||
"@storybook/core": "6.4.0-beta.21",
|
||||
"@storybook/core-client": "6.4.0-beta.21",
|
||||
"@storybook/core-common": "6.4.0-beta.21",
|
||||
"@storybook/addons": "6.4.0-beta.23",
|
||||
"@storybook/client-api": "6.4.0-beta.23",
|
||||
"@storybook/core": "6.4.0-beta.23",
|
||||
"@storybook/core-client": "6.4.0-beta.23",
|
||||
"@storybook/core-common": "6.4.0-beta.23",
|
||||
"@storybook/csf": "0.0.2--canary.87bc651.0",
|
||||
"@types/glob": "^7.1.3",
|
||||
"@types/jest": "^26.0.16",
|
||||
@ -69,11 +69,11 @@
|
||||
"devDependencies": {
|
||||
"@angular/core": "^11.2.0",
|
||||
"@angular/platform-browser-dynamic": "^11.2.0",
|
||||
"@storybook/addon-docs": "6.4.0-beta.21",
|
||||
"@storybook/angular": "6.4.0-beta.21",
|
||||
"@storybook/react": "6.4.0-beta.21",
|
||||
"@storybook/vue": "6.4.0-beta.21",
|
||||
"@storybook/vue3": "6.4.0-beta.21",
|
||||
"@storybook/addon-docs": "6.4.0-beta.23",
|
||||
"@storybook/angular": "6.4.0-beta.23",
|
||||
"@storybook/react": "6.4.0-beta.23",
|
||||
"@storybook/vue": "6.4.0-beta.23",
|
||||
"@storybook/vue3": "6.4.0-beta.23",
|
||||
"babel-loader": "^8.0.0",
|
||||
"enzyme": "^3.11.0",
|
||||
"enzyme-to-json": "^3.6.1",
|
||||
@ -151,7 +151,7 @@
|
||||
"publishConfig": {
|
||||
"access": "public"
|
||||
},
|
||||
"gitHead": "eb83ef6aefb6791324e2c70567bdc128cef09d92",
|
||||
"gitHead": "34dd760d275faabff6855b84bb64bb69adc1ec1a",
|
||||
"storybook": {
|
||||
"displayName": "Storyshots",
|
||||
"icon": "https://user-images.githubusercontent.com/263385/101991676-48cdf300-3c7c-11eb-8aa1-944dab6ab29b.png",
|
||||
|
||||
@ -6,7 +6,7 @@ import integrityTest from './integrityTestTemplate';
|
||||
import loadFramework from '../frameworks/frameworkLoader';
|
||||
import { StoryshotsOptions } from './StoryshotsOptions';
|
||||
|
||||
const { describe } = global;
|
||||
const { describe, window: globalWindow } = global;
|
||||
global.STORYBOOK_REACT_CLASSES = global.STORYBOOK_REACT_CLASSES || {};
|
||||
|
||||
type TestMethod = 'beforeAll' | 'beforeEach' | 'afterEach' | 'afterAll';
|
||||
@ -48,55 +48,62 @@ function testStorySnapshots(options: StoryshotsOptions = {}) {
|
||||
stories2snapsConverter,
|
||||
};
|
||||
|
||||
const data = storybook.raw().reduce(
|
||||
(acc, item) => {
|
||||
if (storyNameRegex && !item.name.match(storyNameRegex)) {
|
||||
return acc;
|
||||
}
|
||||
|
||||
if (storyKindRegex && !item.kind.match(storyKindRegex)) {
|
||||
return acc;
|
||||
}
|
||||
|
||||
const { kind, storyFn: render, parameters } = item;
|
||||
const existing = acc.find((i: any) => i.kind === kind);
|
||||
const { fileName } = item.parameters;
|
||||
|
||||
if (!isDisabled(parameters.storyshots)) {
|
||||
if (existing) {
|
||||
existing.children.push({ ...item, render, fileName });
|
||||
} else {
|
||||
acc.push({
|
||||
kind,
|
||||
children: [{ ...item, render, fileName }],
|
||||
});
|
||||
// NOTE: as the store + preview's initialization process entirely uses
|
||||
// `SychronousPromise`s in the v6 store case, the callback to the `then()` here
|
||||
// will run *immediately* (in the same tick), and thus the `snapshotsTests`, and
|
||||
// subsequent calls to `it()` etc will all happen within this tick, which is required
|
||||
// by Jest (cannot add tests asynchronously)
|
||||
globalWindow.__STORYBOOK_STORY_STORE__.initializationPromise.then(() => {
|
||||
const data = storybook.raw().reduce(
|
||||
(acc, item) => {
|
||||
if (storyNameRegex && !item.name.match(storyNameRegex)) {
|
||||
return acc;
|
||||
}
|
||||
}
|
||||
return acc;
|
||||
},
|
||||
[] as {
|
||||
kind: string;
|
||||
children: any[];
|
||||
}[]
|
||||
);
|
||||
|
||||
if (data.length) {
|
||||
callTestMethodGlobals(testMethod);
|
||||
if (storyKindRegex && !item.kind.match(storyKindRegex)) {
|
||||
return acc;
|
||||
}
|
||||
|
||||
snapshotsTests({
|
||||
data,
|
||||
asyncJest,
|
||||
suite,
|
||||
framework,
|
||||
testMethod,
|
||||
testMethodParams,
|
||||
snapshotSerializers,
|
||||
});
|
||||
const { kind, storyFn: render, parameters } = item;
|
||||
const existing = acc.find((i: any) => i.kind === kind);
|
||||
const { fileName } = item.parameters;
|
||||
|
||||
integrityTest(integrityOptions, stories2snapsConverter);
|
||||
} else {
|
||||
throw new Error('storyshots found 0 stories');
|
||||
}
|
||||
if (!isDisabled(parameters.storyshots)) {
|
||||
if (existing) {
|
||||
existing.children.push({ ...item, render, fileName });
|
||||
} else {
|
||||
acc.push({
|
||||
kind,
|
||||
children: [{ ...item, render, fileName }],
|
||||
});
|
||||
}
|
||||
}
|
||||
return acc;
|
||||
},
|
||||
[] as {
|
||||
kind: string;
|
||||
children: any[];
|
||||
}[]
|
||||
);
|
||||
|
||||
if (data.length) {
|
||||
callTestMethodGlobals(testMethod);
|
||||
|
||||
snapshotsTests({
|
||||
data,
|
||||
asyncJest,
|
||||
suite,
|
||||
framework,
|
||||
testMethod,
|
||||
testMethodParams,
|
||||
snapshotSerializers,
|
||||
});
|
||||
|
||||
integrityTest(integrityOptions, stories2snapsConverter);
|
||||
} else {
|
||||
throw new Error('storyshots found 0 stories');
|
||||
}
|
||||
});
|
||||
}
|
||||
|
||||
export default testStorySnapshots;
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/addon-storyshots-puppeteer",
|
||||
"version": "6.4.0-beta.21",
|
||||
"version": "6.4.0-beta.23",
|
||||
"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.87bc651.0",
|
||||
"@storybook/node-logger": "6.4.0-beta.21",
|
||||
"@storybook/node-logger": "6.4.0-beta.23",
|
||||
"@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.4.0-beta.21",
|
||||
"@storybook/addon-storyshots": "6.4.0-beta.23",
|
||||
"puppeteer": "^2.0.0 || ^3.0.0"
|
||||
},
|
||||
"peerDependenciesMeta": {
|
||||
@ -64,5 +64,5 @@
|
||||
"publishConfig": {
|
||||
"access": "public"
|
||||
},
|
||||
"gitHead": "eb83ef6aefb6791324e2c70567bdc128cef09d92"
|
||||
"gitHead": "34dd760d275faabff6855b84bb64bb69adc1ec1a"
|
||||
}
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/addon-storysource",
|
||||
"version": "6.4.0-beta.21",
|
||||
"version": "6.4.0-beta.23",
|
||||
"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.4.0-beta.21",
|
||||
"@storybook/api": "6.4.0-beta.21",
|
||||
"@storybook/client-logger": "6.4.0-beta.21",
|
||||
"@storybook/components": "6.4.0-beta.21",
|
||||
"@storybook/router": "6.4.0-beta.21",
|
||||
"@storybook/source-loader": "6.4.0-beta.21",
|
||||
"@storybook/theming": "6.4.0-beta.21",
|
||||
"@storybook/addons": "6.4.0-beta.23",
|
||||
"@storybook/api": "6.4.0-beta.23",
|
||||
"@storybook/client-logger": "6.4.0-beta.23",
|
||||
"@storybook/components": "6.4.0-beta.23",
|
||||
"@storybook/router": "6.4.0-beta.23",
|
||||
"@storybook/source-loader": "6.4.0-beta.23",
|
||||
"@storybook/theming": "6.4.0-beta.23",
|
||||
"core-js": "^3.8.2",
|
||||
"estraverse": "^5.2.0",
|
||||
"loader-utils": "^2.0.0",
|
||||
@ -75,7 +75,7 @@
|
||||
"publishConfig": {
|
||||
"access": "public"
|
||||
},
|
||||
"gitHead": "eb83ef6aefb6791324e2c70567bdc128cef09d92",
|
||||
"gitHead": "34dd760d275faabff6855b84bb64bb69adc1ec1a",
|
||||
"sbmodern": "dist/modern/index.js",
|
||||
"storybook": {
|
||||
"displayName": "Storysource",
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/addon-toolbars",
|
||||
"version": "6.4.0-beta.21",
|
||||
"version": "6.4.0-beta.23",
|
||||
"description": "Create your own toolbar items that control story rendering",
|
||||
"keywords": [
|
||||
"addon",
|
||||
@ -45,10 +45,10 @@
|
||||
"prepare": "node ../../scripts/prepare.js"
|
||||
},
|
||||
"dependencies": {
|
||||
"@storybook/addons": "6.4.0-beta.21",
|
||||
"@storybook/api": "6.4.0-beta.21",
|
||||
"@storybook/components": "6.4.0-beta.21",
|
||||
"@storybook/theming": "6.4.0-beta.21",
|
||||
"@storybook/addons": "6.4.0-beta.23",
|
||||
"@storybook/api": "6.4.0-beta.23",
|
||||
"@storybook/components": "6.4.0-beta.23",
|
||||
"@storybook/theming": "6.4.0-beta.23",
|
||||
"core-js": "^3.8.2",
|
||||
"regenerator-runtime": "^0.13.7"
|
||||
},
|
||||
@ -67,7 +67,7 @@
|
||||
"publishConfig": {
|
||||
"access": "public"
|
||||
},
|
||||
"gitHead": "eb83ef6aefb6791324e2c70567bdc128cef09d92",
|
||||
"gitHead": "34dd760d275faabff6855b84bb64bb69adc1ec1a",
|
||||
"sbmodern": "dist/modern/register.js",
|
||||
"storybook": {
|
||||
"displayName": "Toolbars",
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/addon-viewport",
|
||||
"version": "6.4.0-beta.21",
|
||||
"version": "6.4.0-beta.23",
|
||||
"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.4.0-beta.21",
|
||||
"@storybook/api": "6.4.0-beta.21",
|
||||
"@storybook/client-logger": "6.4.0-beta.21",
|
||||
"@storybook/components": "6.4.0-beta.21",
|
||||
"@storybook/core-events": "6.4.0-beta.21",
|
||||
"@storybook/theming": "6.4.0-beta.21",
|
||||
"@storybook/addons": "6.4.0-beta.23",
|
||||
"@storybook/api": "6.4.0-beta.23",
|
||||
"@storybook/client-logger": "6.4.0-beta.23",
|
||||
"@storybook/components": "6.4.0-beta.23",
|
||||
"@storybook/core-events": "6.4.0-beta.23",
|
||||
"@storybook/theming": "6.4.0-beta.23",
|
||||
"core-js": "^3.8.2",
|
||||
"global": "^4.4.0",
|
||||
"memoizerific": "^1.11.3",
|
||||
@ -69,7 +69,7 @@
|
||||
"publishConfig": {
|
||||
"access": "public"
|
||||
},
|
||||
"gitHead": "eb83ef6aefb6791324e2c70567bdc128cef09d92",
|
||||
"gitHead": "34dd760d275faabff6855b84bb64bb69adc1ec1a",
|
||||
"sbmodern": "dist/modern/preview.js",
|
||||
"storybook": {
|
||||
"displayName": "Viewport",
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/angular",
|
||||
"version": "6.4.0-beta.21",
|
||||
"version": "6.4.0-beta.23",
|
||||
"description": "Storybook for Angular: Develop Angular Components in isolation with Hot Reloading.",
|
||||
"keywords": [
|
||||
"storybook"
|
||||
@ -45,14 +45,14 @@
|
||||
"prepare": "node ../../scripts/prepare.js"
|
||||
},
|
||||
"dependencies": {
|
||||
"@storybook/addons": "6.4.0-beta.21",
|
||||
"@storybook/api": "6.4.0-beta.21",
|
||||
"@storybook/core": "6.4.0-beta.21",
|
||||
"@storybook/core-common": "6.4.0-beta.21",
|
||||
"@storybook/core-events": "6.4.0-beta.21",
|
||||
"@storybook/addons": "6.4.0-beta.23",
|
||||
"@storybook/api": "6.4.0-beta.23",
|
||||
"@storybook/core": "6.4.0-beta.23",
|
||||
"@storybook/core-common": "6.4.0-beta.23",
|
||||
"@storybook/core-events": "6.4.0-beta.23",
|
||||
"@storybook/csf": "0.0.2--canary.87bc651.0",
|
||||
"@storybook/node-logger": "6.4.0-beta.21",
|
||||
"@storybook/store": "6.4.0-beta.21",
|
||||
"@storybook/node-logger": "6.4.0-beta.23",
|
||||
"@storybook/store": "6.4.0-beta.23",
|
||||
"@types/webpack-env": "^1.16.0",
|
||||
"autoprefixer": "^9.8.6",
|
||||
"core-js": "^3.8.2",
|
||||
@ -131,5 +131,5 @@
|
||||
"access": "public"
|
||||
},
|
||||
"builders": "dist/ts3.9/builders/builders.json",
|
||||
"gitHead": "eb83ef6aefb6791324e2c70567bdc128cef09d92"
|
||||
"gitHead": "34dd760d275faabff6855b84bb64bb69adc1ec1a"
|
||||
}
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/ember",
|
||||
"version": "6.4.0-beta.21",
|
||||
"version": "6.4.0-beta.23",
|
||||
"description": "Storybook for Ember: Develop Ember Component in isolation with Hot Reloading.",
|
||||
"homepage": "https://github.com/storybookjs/storybook/tree/main/app/ember",
|
||||
"bugs": {
|
||||
@ -43,9 +43,9 @@
|
||||
},
|
||||
"dependencies": {
|
||||
"@ember/test-helpers": "^2.1.4",
|
||||
"@storybook/core": "6.4.0-beta.21",
|
||||
"@storybook/core-common": "6.4.0-beta.21",
|
||||
"@storybook/store": "6.4.0-beta.21",
|
||||
"@storybook/core": "6.4.0-beta.23",
|
||||
"@storybook/core-common": "6.4.0-beta.23",
|
||||
"@storybook/store": "6.4.0-beta.23",
|
||||
"core-js": "^3.8.2",
|
||||
"global": "^4.4.0",
|
||||
"react": "16.14.0",
|
||||
@ -66,6 +66,6 @@
|
||||
"publishConfig": {
|
||||
"access": "public"
|
||||
},
|
||||
"gitHead": "eb83ef6aefb6791324e2c70567bdc128cef09d92",
|
||||
"gitHead": "34dd760d275faabff6855b84bb64bb69adc1ec1a",
|
||||
"sbmodern": "dist/modern/client/index.js"
|
||||
}
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/html",
|
||||
"version": "6.4.0-beta.21",
|
||||
"version": "6.4.0-beta.23",
|
||||
"description": "Storybook for HTML: View HTML snippets in isolation with Hot Reloading.",
|
||||
"keywords": [
|
||||
"storybook"
|
||||
@ -45,13 +45,13 @@
|
||||
"prepare": "node ../../scripts/prepare.js"
|
||||
},
|
||||
"dependencies": {
|
||||
"@storybook/addons": "6.4.0-beta.21",
|
||||
"@storybook/client-api": "6.4.0-beta.21",
|
||||
"@storybook/core": "6.4.0-beta.21",
|
||||
"@storybook/core-common": "6.4.0-beta.21",
|
||||
"@storybook/addons": "6.4.0-beta.23",
|
||||
"@storybook/client-api": "6.4.0-beta.23",
|
||||
"@storybook/core": "6.4.0-beta.23",
|
||||
"@storybook/core-common": "6.4.0-beta.23",
|
||||
"@storybook/csf": "0.0.2--canary.87bc651.0",
|
||||
"@storybook/preview-web": "6.4.0-beta.21",
|
||||
"@storybook/store": "6.4.0-beta.21",
|
||||
"@storybook/preview-web": "6.4.0-beta.23",
|
||||
"@storybook/store": "6.4.0-beta.23",
|
||||
"@types/webpack-env": "^1.16.0",
|
||||
"core-js": "^3.8.2",
|
||||
"global": "^4.4.0",
|
||||
@ -71,6 +71,6 @@
|
||||
"publishConfig": {
|
||||
"access": "public"
|
||||
},
|
||||
"gitHead": "eb83ef6aefb6791324e2c70567bdc128cef09d92",
|
||||
"gitHead": "34dd760d275faabff6855b84bb64bb69adc1ec1a",
|
||||
"sbmodern": "dist/modern/client/index.js"
|
||||
}
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/preact",
|
||||
"version": "6.4.0-beta.21",
|
||||
"version": "6.4.0-beta.23",
|
||||
"description": "Storybook for Preact: Develop Preact Component in isolation.",
|
||||
"keywords": [
|
||||
"storybook"
|
||||
@ -46,11 +46,11 @@
|
||||
},
|
||||
"dependencies": {
|
||||
"@babel/plugin-transform-react-jsx": "^7.12.12",
|
||||
"@storybook/addons": "6.4.0-beta.21",
|
||||
"@storybook/core": "6.4.0-beta.21",
|
||||
"@storybook/core-common": "6.4.0-beta.21",
|
||||
"@storybook/addons": "6.4.0-beta.23",
|
||||
"@storybook/core": "6.4.0-beta.23",
|
||||
"@storybook/core-common": "6.4.0-beta.23",
|
||||
"@storybook/csf": "0.0.2--canary.87bc651.0",
|
||||
"@storybook/store": "6.4.0-beta.21",
|
||||
"@storybook/store": "6.4.0-beta.23",
|
||||
"@types/webpack-env": "^1.16.0",
|
||||
"core-js": "^3.8.2",
|
||||
"global": "^4.4.0",
|
||||
@ -74,6 +74,6 @@
|
||||
"publishConfig": {
|
||||
"access": "public"
|
||||
},
|
||||
"gitHead": "eb83ef6aefb6791324e2c70567bdc128cef09d92",
|
||||
"gitHead": "34dd760d275faabff6855b84bb64bb69adc1ec1a",
|
||||
"sbmodern": "dist/modern/client/index.js"
|
||||
}
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/react",
|
||||
"version": "6.4.0-beta.21",
|
||||
"version": "6.4.0-beta.23",
|
||||
"description": "Storybook for React: Develop React Component in isolation with Hot Reloading.",
|
||||
"keywords": [
|
||||
"storybook"
|
||||
@ -49,14 +49,14 @@
|
||||
"@babel/preset-flow": "^7.12.1",
|
||||
"@babel/preset-react": "^7.12.10",
|
||||
"@pmmmwh/react-refresh-webpack-plugin": "^0.5.1",
|
||||
"@storybook/addons": "6.4.0-beta.21",
|
||||
"@storybook/core": "6.4.0-beta.21",
|
||||
"@storybook/core-common": "6.4.0-beta.21",
|
||||
"@storybook/addons": "6.4.0-beta.23",
|
||||
"@storybook/core": "6.4.0-beta.23",
|
||||
"@storybook/core-common": "6.4.0-beta.23",
|
||||
"@storybook/csf": "0.0.2--canary.87bc651.0",
|
||||
"@storybook/node-logger": "6.4.0-beta.21",
|
||||
"@storybook/node-logger": "6.4.0-beta.23",
|
||||
"@storybook/react-docgen-typescript-plugin": "1.0.2-canary.253f8c1.0",
|
||||
"@storybook/semver": "^7.3.2",
|
||||
"@storybook/store": "6.4.0-beta.21",
|
||||
"@storybook/store": "6.4.0-beta.23",
|
||||
"@types/webpack-env": "^1.16.0",
|
||||
"babel-plugin-add-react-displayname": "^0.0.5",
|
||||
"babel-plugin-named-asset-import": "^0.3.1",
|
||||
@ -73,7 +73,7 @@
|
||||
"webpack": "4"
|
||||
},
|
||||
"devDependencies": {
|
||||
"@storybook/client-api": "6.4.0-beta.21",
|
||||
"@storybook/client-api": "6.4.0-beta.23",
|
||||
"@types/node": "^14.14.20",
|
||||
"@types/prompts": "^2.0.9"
|
||||
},
|
||||
@ -96,6 +96,6 @@
|
||||
"publishConfig": {
|
||||
"access": "public"
|
||||
},
|
||||
"gitHead": "eb83ef6aefb6791324e2c70567bdc128cef09d92",
|
||||
"gitHead": "34dd760d275faabff6855b84bb64bb69adc1ec1a",
|
||||
"sbmodern": "dist/modern/client/index.js"
|
||||
}
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/server",
|
||||
"version": "6.4.0-beta.21",
|
||||
"version": "6.4.0-beta.23",
|
||||
"description": "Storybook for Server: View HTML snippets from a server in isolation with Hot Reloading.",
|
||||
"keywords": [
|
||||
"storybook"
|
||||
@ -45,15 +45,15 @@
|
||||
"prepare": "node ../../scripts/prepare.js"
|
||||
},
|
||||
"dependencies": {
|
||||
"@storybook/addons": "6.4.0-beta.21",
|
||||
"@storybook/api": "6.4.0-beta.21",
|
||||
"@storybook/client-api": "6.4.0-beta.21",
|
||||
"@storybook/core": "6.4.0-beta.21",
|
||||
"@storybook/core-common": "6.4.0-beta.21",
|
||||
"@storybook/addons": "6.4.0-beta.23",
|
||||
"@storybook/api": "6.4.0-beta.23",
|
||||
"@storybook/client-api": "6.4.0-beta.23",
|
||||
"@storybook/core": "6.4.0-beta.23",
|
||||
"@storybook/core-common": "6.4.0-beta.23",
|
||||
"@storybook/csf": "0.0.2--canary.87bc651.0",
|
||||
"@storybook/node-logger": "6.4.0-beta.21",
|
||||
"@storybook/preview-web": "6.4.0-beta.21",
|
||||
"@storybook/store": "6.4.0-beta.21",
|
||||
"@storybook/node-logger": "6.4.0-beta.23",
|
||||
"@storybook/preview-web": "6.4.0-beta.23",
|
||||
"@storybook/store": "6.4.0-beta.23",
|
||||
"@types/webpack-env": "^1.16.0",
|
||||
"core-js": "^3.8.2",
|
||||
"global": "^4.4.0",
|
||||
@ -75,6 +75,6 @@
|
||||
"publishConfig": {
|
||||
"access": "public"
|
||||
},
|
||||
"gitHead": "eb83ef6aefb6791324e2c70567bdc128cef09d92",
|
||||
"gitHead": "34dd760d275faabff6855b84bb64bb69adc1ec1a",
|
||||
"sbmodern": "dist/modern/client/index.js"
|
||||
}
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/svelte",
|
||||
"version": "6.4.0-beta.21",
|
||||
"version": "6.4.0-beta.23",
|
||||
"description": "Storybook for Svelte: Develop Svelte Component in isolation with Hot Reloading.",
|
||||
"keywords": [
|
||||
"storybook"
|
||||
@ -45,11 +45,11 @@
|
||||
"prepare": "node ../../scripts/prepare.js"
|
||||
},
|
||||
"dependencies": {
|
||||
"@storybook/addons": "6.4.0-beta.21",
|
||||
"@storybook/core": "6.4.0-beta.21",
|
||||
"@storybook/core-common": "6.4.0-beta.21",
|
||||
"@storybook/addons": "6.4.0-beta.23",
|
||||
"@storybook/core": "6.4.0-beta.23",
|
||||
"@storybook/core-common": "6.4.0-beta.23",
|
||||
"@storybook/csf": "0.0.2--canary.87bc651.0",
|
||||
"@storybook/store": "6.4.0-beta.21",
|
||||
"@storybook/store": "6.4.0-beta.23",
|
||||
"core-js": "^3.8.2",
|
||||
"global": "^4.4.0",
|
||||
"react": "16.14.0",
|
||||
@ -75,6 +75,6 @@
|
||||
"publishConfig": {
|
||||
"access": "public"
|
||||
},
|
||||
"gitHead": "eb83ef6aefb6791324e2c70567bdc128cef09d92",
|
||||
"gitHead": "34dd760d275faabff6855b84bb64bb69adc1ec1a",
|
||||
"sbmodern": "dist/modern/client/index.js"
|
||||
}
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/vue",
|
||||
"version": "6.4.0-beta.21",
|
||||
"version": "6.4.0-beta.23",
|
||||
"description": "Storybook for Vue: Develop Vue Component in isolation with Hot Reloading.",
|
||||
"keywords": [
|
||||
"storybook"
|
||||
@ -45,11 +45,11 @@
|
||||
"prepare": "node ../../scripts/prepare.js"
|
||||
},
|
||||
"dependencies": {
|
||||
"@storybook/addons": "6.4.0-beta.21",
|
||||
"@storybook/core": "6.4.0-beta.21",
|
||||
"@storybook/core-common": "6.4.0-beta.21",
|
||||
"@storybook/addons": "6.4.0-beta.23",
|
||||
"@storybook/core": "6.4.0-beta.23",
|
||||
"@storybook/core-common": "6.4.0-beta.23",
|
||||
"@storybook/csf": "0.0.2--canary.87bc651.0",
|
||||
"@storybook/store": "6.4.0-beta.21",
|
||||
"@storybook/store": "6.4.0-beta.23",
|
||||
"@types/webpack-env": "^1.16.0",
|
||||
"core-js": "^3.8.2",
|
||||
"global": "^4.4.0",
|
||||
@ -83,6 +83,6 @@
|
||||
"publishConfig": {
|
||||
"access": "public"
|
||||
},
|
||||
"gitHead": "eb83ef6aefb6791324e2c70567bdc128cef09d92",
|
||||
"gitHead": "34dd760d275faabff6855b84bb64bb69adc1ec1a",
|
||||
"sbmodern": "dist/modern/client/index.js"
|
||||
}
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/vue3",
|
||||
"version": "6.4.0-beta.21",
|
||||
"version": "6.4.0-beta.23",
|
||||
"description": "Storybook for Vue 3: Develop Vue 3 Components in isolation with Hot Reloading.",
|
||||
"keywords": [
|
||||
"storybook"
|
||||
@ -45,11 +45,11 @@
|
||||
"prepare": "node ../../scripts/prepare.js"
|
||||
},
|
||||
"dependencies": {
|
||||
"@storybook/addons": "6.4.0-beta.21",
|
||||
"@storybook/core": "6.4.0-beta.21",
|
||||
"@storybook/core-common": "6.4.0-beta.21",
|
||||
"@storybook/addons": "6.4.0-beta.23",
|
||||
"@storybook/core": "6.4.0-beta.23",
|
||||
"@storybook/core-common": "6.4.0-beta.23",
|
||||
"@storybook/csf": "0.0.2--canary.87bc651.0",
|
||||
"@storybook/store": "6.4.0-beta.21",
|
||||
"@storybook/store": "6.4.0-beta.23",
|
||||
"@types/webpack-env": "^1.16.0",
|
||||
"core-js": "^3.8.2",
|
||||
"global": "^4.4.0",
|
||||
@ -81,6 +81,6 @@
|
||||
"publishConfig": {
|
||||
"access": "public"
|
||||
},
|
||||
"gitHead": "eb83ef6aefb6791324e2c70567bdc128cef09d92",
|
||||
"gitHead": "34dd760d275faabff6855b84bb64bb69adc1ec1a",
|
||||
"sbmodern": "dist/modern/client/index.js"
|
||||
}
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/web-components",
|
||||
"version": "6.4.0-beta.21",
|
||||
"version": "6.4.0-beta.23",
|
||||
"description": "Storybook for web-components: View web components snippets in isolation with Hot Reloading.",
|
||||
"keywords": [
|
||||
"lit-html",
|
||||
@ -50,13 +50,13 @@
|
||||
"@babel/plugin-syntax-dynamic-import": "^7.8.3",
|
||||
"@babel/plugin-syntax-import-meta": "^7.10.4",
|
||||
"@babel/preset-env": "^7.12.11",
|
||||
"@storybook/addons": "6.4.0-beta.21",
|
||||
"@storybook/client-api": "6.4.0-beta.21",
|
||||
"@storybook/core": "6.4.0-beta.21",
|
||||
"@storybook/core-common": "6.4.0-beta.21",
|
||||
"@storybook/addons": "6.4.0-beta.23",
|
||||
"@storybook/client-api": "6.4.0-beta.23",
|
||||
"@storybook/core": "6.4.0-beta.23",
|
||||
"@storybook/core-common": "6.4.0-beta.23",
|
||||
"@storybook/csf": "0.0.2--canary.87bc651.0",
|
||||
"@storybook/preview-web": "6.4.0-beta.21",
|
||||
"@storybook/store": "6.4.0-beta.21",
|
||||
"@storybook/preview-web": "6.4.0-beta.23",
|
||||
"@storybook/store": "6.4.0-beta.23",
|
||||
"@types/webpack-env": "^1.16.0",
|
||||
"babel-plugin-bundled-import-meta": "^0.3.1",
|
||||
"core-js": "^3.8.2",
|
||||
@ -79,6 +79,6 @@
|
||||
"publishConfig": {
|
||||
"access": "public"
|
||||
},
|
||||
"gitHead": "eb83ef6aefb6791324e2c70567bdc128cef09d92",
|
||||
"gitHead": "34dd760d275faabff6855b84bb64bb69adc1ec1a",
|
||||
"sbmodern": "dist/modern/client/index.js"
|
||||
}
|
||||
|
||||
@ -46,7 +46,7 @@ By default, Storybook will load stories from your project based on a glob (patte
|
||||
└── Button.stories.js
|
||||
```
|
||||
|
||||
If you want to use a different naming convention, you can alter the glob, using the syntax supported by [micromatch](https://github.com/micromatch/micromatch#extended-globbing).
|
||||
If you want to use a different naming convention, you can alter the glob, using the syntax supported by [picomatch](https://github.com/micromatch/picomatch#globbing-features).
|
||||
|
||||
For example if you wanted to pull both `.md` and `.js` files from the `my-project/src/components` directory, you could write:
|
||||
|
||||
|
||||
@ -5,7 +5,7 @@ import React from 'react';
|
||||
|
||||
import { Story, Meta } from '@storybook/react';
|
||||
|
||||
import { Button } from './Button';
|
||||
import { Button, ButtonProps } from './Button';
|
||||
|
||||
export default {
|
||||
component: Button,
|
||||
|
||||
@ -1,5 +1,5 @@
|
||||
```js
|
||||
// MyComponent.stories.js | MyComponent.stories.jsx | MyComponent.stories.jsx | MyComponent.stories.tsx
|
||||
// MyComponent.stories.js | MyComponent.stories.jsx | MyComponent.stories.ts | MyComponent.stories.tsx
|
||||
|
||||
import React from 'react';
|
||||
|
||||
|
||||
@ -5,16 +5,16 @@ import React from 'react';
|
||||
|
||||
import { Story, Meta } from '@storybook/react';
|
||||
|
||||
import Page from './Page';
|
||||
import { Page, PageProps } from './Page';
|
||||
|
||||
export default {
|
||||
component: Page,
|
||||
title: 'Page',
|
||||
} as Meta;
|
||||
|
||||
const Template: Story<Page> = (args) => (
|
||||
const Template: Story<PageProps> = (args) => (
|
||||
<Page {...args}>
|
||||
<footer>{args.footer}</footer
|
||||
<footer>{args.footer}</footer>
|
||||
</Page>
|
||||
);
|
||||
|
||||
|
||||
@ -1 +1 @@
|
||||
{"version":"6.4.0-beta.21","info":{"plain":"### Features\n\n- Core: Rerun loaders when args/globals change ([#16476](https://github.com/storybookjs/storybook/pull/16476))\n- Interactions: move step debugger behind a feature flag ([#16481](https://github.com/storybookjs/storybook/pull/16481))\n\n### Bug Fixes\n\n- Core: Always update initial args when loading a story ([#16487](https://github.com/storybookjs/storybook/pull/16487))\n- Core: Ensure we don't reset `WebPreview` if calling `start()` in v7 mode ([#16475](https://github.com/storybookjs/storybook/pull/16475))\n- Core: Save and restore globals on preview init using the channel ([#16469](https://github.com/storybookjs/storybook/pull/16469))\n\n### Maintenance\n\n- CI: Upgrade Cypress and Node.js version used in e2e tests ([#16263](https://github.com/storybookjs/storybook/pull/16263))\n\n### Dependency Upgrades\n\n- Interactions: Use latest package versions ([#16464](https://github.com/storybookjs/storybook/pull/16464))"}}
|
||||
{"version":"6.4.0-beta.23","info":{"plain":"### Features\n\n- Core: Add support for async `getProjectAnnotations` function ([#16495](https://github.com/storybookjs/storybook/pull/16495))\n\n### Bug Fixes\n\n- Addon-docs: Fix centered layout on DocsPage ([#16506](https://github.com/storybookjs/storybook/pull/16506))\n- Addon-docs/Angular: Fix missing condition in compodoc resolveTypealias ([#16523](https://github.com/storybookjs/storybook/pull/16523))\n- Core: Fix `toImportFn` when dealing with `../`-led paths ([#16474](https://github.com/storybookjs/storybook/pull/16474))\n\n### Maintenance\n\n- UI: Update the toolbar button styles ([#16429](https://github.com/storybookjs/storybook/pull/16429))\n- CLI: Fix build selection menu ([#16521](https://github.com/storybookjs/storybook/pull/16521))\n- Core: Use synchronous promises to \"fake\" promises for sync code ([#16517](https://github.com/storybookjs/storybook/pull/16517))\n- UI: Improve WithTooltip contrast and positioning ([#16510](https://github.com/storybookjs/storybook/pull/16510))"}}
|
||||
@ -91,7 +91,7 @@ For example, with Angular start by adding a `babel.config.js` file at the root o
|
||||
```js
|
||||
// babel.config.js
|
||||
|
||||
module.exports = function(api) {
|
||||
module.exports = function (api) {
|
||||
process.env.NODE_ENV === 'development' ? api.cache(false) : api.cache(true);
|
||||
const presets = [
|
||||
[
|
||||
@ -124,8 +124,8 @@ Then, update your `tsconfig.json` to include the following:
|
||||
},
|
||||
}
|
||||
```
|
||||
Finally write your custom React component and and update the `docs.page` [parameter](../writing-stories/parameters.md) to render the custom documentation.
|
||||
|
||||
Finally write your custom React component and and update the `docs.page` [parameter](../writing-stories/parameters.md) to render the custom documentation.
|
||||
|
||||
<!-- prettier-ignore-start -->
|
||||
|
||||
@ -168,11 +168,26 @@ Unless you use a custom [webpack configuration](../configure/webpack.md#extendin
|
||||
|
||||
DocsPage displays all the stories of a component on one page. You have the option of rendering those stories inline or in an iframe.
|
||||
|
||||
By default, we render React and Vue stories inline. Stories from other supported frameworks will render in an `<iframe>` by default.
|
||||
The iframe creates a clean separation between your code and Storybook’s UI, which is useful if your stories are rendering correctly in the Canvas but not on the docs page, for instance with fixed positioned components like modals.
|
||||
|
||||
The iframe creates a clean separation between your code and Storybook’s UI. But using an iframe has disadvantages. For example, you have to set the height of iframe stories explicitly, or you’ll see a scroll bar. And certain dev tools might not work right.
|
||||
But using an iframe has disadvantages. For example, you have to set the height of iframe stories explicitly, or you’ll see a scroll bar. Having more than a few iframe stories on a page can lead to performance issues. And certain dev tools might not work right.
|
||||
|
||||
Render your framework’s stories inline using two docs configuration options in tandem, `inlineStories` and `prepareForInline`.
|
||||
Therefore, we recommend inline rendering where possible. It's the default mode for all the frameworks in which [we support it](../api/frameworks-feature-support.md). The one exception is Angular, where it's opt-in.
|
||||
|
||||
To toggle the between the two settings, set `docs.inlineStories` in `.storybook/preview.js`. Like most [parameters](../writing-stories/parameters.md), you can also toggle at the component or story level:
|
||||
|
||||
```js
|
||||
export const parameters = {
|
||||
docs: {
|
||||
// opt-out of inline rendering
|
||||
inlineStories: false,
|
||||
},
|
||||
};
|
||||
```
|
||||
|
||||
### Custom inline rendering
|
||||
|
||||
If your framework doesn't [support inline rendering](../api/frameworks-feature-support.md), you also need to provide a `prepareForInline` function in addition to the `inlineStories` parameter.
|
||||
|
||||
Setting `inlineStories` to `true` tells Storybook to stop putting your stories in an iframe. The `prepareForInline` accepts a function that transforms story content from your given framework to something React can render (Storybook’s UI is built in React).
|
||||
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "angular-cli",
|
||||
"version": "6.4.0-beta.21",
|
||||
"version": "6.4.0-beta.23",
|
||||
"private": true,
|
||||
"license": "MIT",
|
||||
"scripts": {
|
||||
@ -39,20 +39,20 @@
|
||||
"@angular/compiler-cli": "^11.2.14",
|
||||
"@angular/elements": "^11.2.14",
|
||||
"@compodoc/compodoc": "^1.1.14",
|
||||
"@storybook/addon-a11y": "6.4.0-beta.21",
|
||||
"@storybook/addon-actions": "6.4.0-beta.21",
|
||||
"@storybook/addon-backgrounds": "6.4.0-beta.21",
|
||||
"@storybook/addon-controls": "6.4.0-beta.21",
|
||||
"@storybook/addon-docs": "6.4.0-beta.21",
|
||||
"@storybook/addon-interactions": "6.4.0-beta.21",
|
||||
"@storybook/addon-jest": "6.4.0-beta.21",
|
||||
"@storybook/addon-links": "6.4.0-beta.21",
|
||||
"@storybook/addon-storyshots": "6.4.0-beta.21",
|
||||
"@storybook/addon-storysource": "6.4.0-beta.21",
|
||||
"@storybook/addons": "6.4.0-beta.21",
|
||||
"@storybook/angular": "6.4.0-beta.21",
|
||||
"@storybook/addon-a11y": "6.4.0-beta.23",
|
||||
"@storybook/addon-actions": "6.4.0-beta.23",
|
||||
"@storybook/addon-backgrounds": "6.4.0-beta.23",
|
||||
"@storybook/addon-controls": "6.4.0-beta.23",
|
||||
"@storybook/addon-docs": "6.4.0-beta.23",
|
||||
"@storybook/addon-interactions": "6.4.0-beta.23",
|
||||
"@storybook/addon-jest": "6.4.0-beta.23",
|
||||
"@storybook/addon-links": "6.4.0-beta.23",
|
||||
"@storybook/addon-storyshots": "6.4.0-beta.23",
|
||||
"@storybook/addon-storysource": "6.4.0-beta.23",
|
||||
"@storybook/addons": "6.4.0-beta.23",
|
||||
"@storybook/angular": "6.4.0-beta.23",
|
||||
"@storybook/jest": "^0.0.2",
|
||||
"@storybook/source-loader": "6.4.0-beta.21",
|
||||
"@storybook/source-loader": "6.4.0-beta.23",
|
||||
"@storybook/testing-library": "^0.0.3",
|
||||
"@types/core-js": "^2.5.4",
|
||||
"@types/jest": "^26.0.16",
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "cra-kitchen-sink",
|
||||
"version": "6.4.0-beta.21",
|
||||
"version": "6.4.0-beta.23",
|
||||
"private": true,
|
||||
"scripts": {
|
||||
"build": "react-scripts build",
|
||||
@ -11,7 +11,7 @@
|
||||
"test": "react-scripts test --env=jsdom"
|
||||
},
|
||||
"dependencies": {
|
||||
"@storybook/client-logger": "6.4.0-beta.21",
|
||||
"@storybook/client-logger": "6.4.0-beta.23",
|
||||
"global": "^4.4.0",
|
||||
"prop-types": "^15.7.2",
|
||||
"react": "16.14.0",
|
||||
@ -21,19 +21,19 @@
|
||||
},
|
||||
"devDependencies": {
|
||||
"@pmmmwh/react-refresh-webpack-plugin": "^0.4.3",
|
||||
"@storybook/addon-a11y": "6.4.0-beta.21",
|
||||
"@storybook/addon-actions": "6.4.0-beta.21",
|
||||
"@storybook/addon-backgrounds": "6.4.0-beta.21",
|
||||
"@storybook/addon-docs": "6.4.0-beta.21",
|
||||
"@storybook/addon-a11y": "6.4.0-beta.23",
|
||||
"@storybook/addon-actions": "6.4.0-beta.23",
|
||||
"@storybook/addon-backgrounds": "6.4.0-beta.23",
|
||||
"@storybook/addon-docs": "6.4.0-beta.23",
|
||||
"@storybook/addon-ie11": "0.0.7--canary.5e87b64.0",
|
||||
"@storybook/addon-jest": "6.4.0-beta.21",
|
||||
"@storybook/addon-links": "6.4.0-beta.21",
|
||||
"@storybook/addon-storyshots": "6.4.0-beta.21",
|
||||
"@storybook/addons": "6.4.0-beta.21",
|
||||
"@storybook/builder-webpack4": "6.4.0-beta.21",
|
||||
"@storybook/addon-jest": "6.4.0-beta.23",
|
||||
"@storybook/addon-links": "6.4.0-beta.23",
|
||||
"@storybook/addon-storyshots": "6.4.0-beta.23",
|
||||
"@storybook/addons": "6.4.0-beta.23",
|
||||
"@storybook/builder-webpack4": "6.4.0-beta.23",
|
||||
"@storybook/preset-create-react-app": "^3.1.6",
|
||||
"@storybook/react": "6.4.0-beta.21",
|
||||
"@storybook/theming": "6.4.0-beta.21",
|
||||
"@storybook/react": "6.4.0-beta.23",
|
||||
"@storybook/theming": "6.4.0-beta.23",
|
||||
"webpack": "4"
|
||||
},
|
||||
"storybook": {
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "cra-react15",
|
||||
"version": "6.4.0-beta.21",
|
||||
"version": "6.4.0-beta.23",
|
||||
"private": true,
|
||||
"scripts": {
|
||||
"build": "react-scripts build",
|
||||
@ -19,14 +19,14 @@
|
||||
"react-scripts": "3.4.4"
|
||||
},
|
||||
"devDependencies": {
|
||||
"@storybook/addon-actions": "6.4.0-beta.21",
|
||||
"@storybook/addon-actions": "6.4.0-beta.23",
|
||||
"@storybook/addon-ie11": "0.0.7--canary.5e87b64.0",
|
||||
"@storybook/addon-links": "6.4.0-beta.21",
|
||||
"@storybook/addons": "6.4.0-beta.21",
|
||||
"@storybook/builder-webpack4": "6.4.0-beta.21",
|
||||
"@storybook/addon-links": "6.4.0-beta.23",
|
||||
"@storybook/addons": "6.4.0-beta.23",
|
||||
"@storybook/builder-webpack4": "6.4.0-beta.23",
|
||||
"@storybook/preset-create-react-app": "^3.1.6",
|
||||
"@storybook/react": "6.4.0-beta.21",
|
||||
"@storybook/theming": "6.4.0-beta.21",
|
||||
"@storybook/react": "6.4.0-beta.23",
|
||||
"@storybook/theming": "6.4.0-beta.23",
|
||||
"babel-core": "6",
|
||||
"babel-runtime": "6",
|
||||
"webpack": "4"
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "cra-ts-essentials",
|
||||
"version": "6.4.0-beta.21",
|
||||
"version": "6.4.0-beta.23",
|
||||
"private": true,
|
||||
"scripts": {
|
||||
"build": "react-scripts build",
|
||||
@ -34,12 +34,12 @@
|
||||
"typescript": "^3.9.7"
|
||||
},
|
||||
"devDependencies": {
|
||||
"@storybook/addon-essentials": "6.4.0-beta.21",
|
||||
"@storybook/addon-essentials": "6.4.0-beta.23",
|
||||
"@storybook/addon-ie11": "0.0.7--canary.5e87b64.0",
|
||||
"@storybook/addons": "6.4.0-beta.21",
|
||||
"@storybook/builder-webpack4": "6.4.0-beta.21",
|
||||
"@storybook/addons": "6.4.0-beta.23",
|
||||
"@storybook/builder-webpack4": "6.4.0-beta.23",
|
||||
"@storybook/preset-create-react-app": "^3.1.6",
|
||||
"@storybook/react": "6.4.0-beta.21",
|
||||
"@storybook/react": "6.4.0-beta.23",
|
||||
"webpack": "4"
|
||||
},
|
||||
"storybook": {
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "cra-ts-kitchen-sink",
|
||||
"version": "6.4.0-beta.21",
|
||||
"version": "6.4.0-beta.23",
|
||||
"private": true,
|
||||
"scripts": {
|
||||
"build": "react-scripts build",
|
||||
@ -34,15 +34,15 @@
|
||||
"typescript": "^3.9.7"
|
||||
},
|
||||
"devDependencies": {
|
||||
"@storybook/addon-a11y": "6.4.0-beta.21",
|
||||
"@storybook/addon-actions": "6.4.0-beta.21",
|
||||
"@storybook/addon-docs": "6.4.0-beta.21",
|
||||
"@storybook/addon-a11y": "6.4.0-beta.23",
|
||||
"@storybook/addon-actions": "6.4.0-beta.23",
|
||||
"@storybook/addon-docs": "6.4.0-beta.23",
|
||||
"@storybook/addon-ie11": "0.0.7--canary.5e87b64.0",
|
||||
"@storybook/addon-links": "6.4.0-beta.21",
|
||||
"@storybook/addons": "6.4.0-beta.21",
|
||||
"@storybook/builder-webpack4": "6.4.0-beta.21",
|
||||
"@storybook/addon-links": "6.4.0-beta.23",
|
||||
"@storybook/addons": "6.4.0-beta.23",
|
||||
"@storybook/builder-webpack4": "6.4.0-beta.23",
|
||||
"@storybook/preset-create-react-app": "^3.1.6",
|
||||
"@storybook/react": "6.4.0-beta.21",
|
||||
"@storybook/react": "6.4.0-beta.23",
|
||||
"@types/enzyme": "^3.10.8",
|
||||
"enzyme": "^3.11.0",
|
||||
"enzyme-adapter-react-16": "^1.9.1",
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "ember-example",
|
||||
"version": "6.4.0-beta.21",
|
||||
"version": "6.4.0-beta.23",
|
||||
"private": true,
|
||||
"scripts": {
|
||||
"build": "ember build --output-path ember-output",
|
||||
@ -17,18 +17,18 @@
|
||||
"devDependencies": {
|
||||
"@babel/core": "^7.12.10",
|
||||
"@ember/optional-features": "^2.0.0",
|
||||
"@storybook/addon-a11y": "6.4.0-beta.21",
|
||||
"@storybook/addon-actions": "6.4.0-beta.21",
|
||||
"@storybook/addon-backgrounds": "6.4.0-beta.21",
|
||||
"@storybook/addon-controls": "6.4.0-beta.21",
|
||||
"@storybook/addon-docs": "6.4.0-beta.21",
|
||||
"@storybook/addon-links": "6.4.0-beta.21",
|
||||
"@storybook/addon-storysource": "6.4.0-beta.21",
|
||||
"@storybook/addon-viewport": "6.4.0-beta.21",
|
||||
"@storybook/addons": "6.4.0-beta.21",
|
||||
"@storybook/ember": "6.4.0-beta.21",
|
||||
"@storybook/addon-a11y": "6.4.0-beta.23",
|
||||
"@storybook/addon-actions": "6.4.0-beta.23",
|
||||
"@storybook/addon-backgrounds": "6.4.0-beta.23",
|
||||
"@storybook/addon-controls": "6.4.0-beta.23",
|
||||
"@storybook/addon-docs": "6.4.0-beta.23",
|
||||
"@storybook/addon-links": "6.4.0-beta.23",
|
||||
"@storybook/addon-storysource": "6.4.0-beta.23",
|
||||
"@storybook/addon-viewport": "6.4.0-beta.23",
|
||||
"@storybook/addons": "6.4.0-beta.23",
|
||||
"@storybook/ember": "6.4.0-beta.23",
|
||||
"@storybook/ember-cli-storybook": "^0.2.1",
|
||||
"@storybook/source-loader": "6.4.0-beta.21",
|
||||
"@storybook/source-loader": "6.4.0-beta.23",
|
||||
"babel-loader": "^8.0.0",
|
||||
"broccoli-asset-rev": "^3.0.0",
|
||||
"cross-env": "^7.0.3",
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "html-kitchen-sink",
|
||||
"version": "6.4.0-beta.21",
|
||||
"version": "6.4.0-beta.23",
|
||||
"private": true,
|
||||
"description": "",
|
||||
"keywords": [],
|
||||
@ -13,23 +13,23 @@
|
||||
"storybook": "start-storybook -p 9006 --no-manager-cache"
|
||||
},
|
||||
"devDependencies": {
|
||||
"@storybook/addon-a11y": "6.4.0-beta.21",
|
||||
"@storybook/addon-actions": "6.4.0-beta.21",
|
||||
"@storybook/addon-backgrounds": "6.4.0-beta.21",
|
||||
"@storybook/addon-controls": "6.4.0-beta.21",
|
||||
"@storybook/addon-docs": "6.4.0-beta.21",
|
||||
"@storybook/addon-jest": "6.4.0-beta.21",
|
||||
"@storybook/addon-links": "6.4.0-beta.21",
|
||||
"@storybook/addon-a11y": "6.4.0-beta.23",
|
||||
"@storybook/addon-actions": "6.4.0-beta.23",
|
||||
"@storybook/addon-backgrounds": "6.4.0-beta.23",
|
||||
"@storybook/addon-controls": "6.4.0-beta.23",
|
||||
"@storybook/addon-docs": "6.4.0-beta.23",
|
||||
"@storybook/addon-jest": "6.4.0-beta.23",
|
||||
"@storybook/addon-links": "6.4.0-beta.23",
|
||||
"@storybook/addon-postcss": "^2.0.0",
|
||||
"@storybook/addon-storyshots": "6.4.0-beta.21",
|
||||
"@storybook/addon-storysource": "6.4.0-beta.21",
|
||||
"@storybook/addon-viewport": "6.4.0-beta.21",
|
||||
"@storybook/addons": "6.4.0-beta.21",
|
||||
"@storybook/client-api": "6.4.0-beta.21",
|
||||
"@storybook/core": "6.4.0-beta.21",
|
||||
"@storybook/core-events": "6.4.0-beta.21",
|
||||
"@storybook/html": "6.4.0-beta.21",
|
||||
"@storybook/source-loader": "6.4.0-beta.21",
|
||||
"@storybook/addon-storyshots": "6.4.0-beta.23",
|
||||
"@storybook/addon-storysource": "6.4.0-beta.23",
|
||||
"@storybook/addon-viewport": "6.4.0-beta.23",
|
||||
"@storybook/addons": "6.4.0-beta.23",
|
||||
"@storybook/client-api": "6.4.0-beta.23",
|
||||
"@storybook/core": "6.4.0-beta.23",
|
||||
"@storybook/core-events": "6.4.0-beta.23",
|
||||
"@storybook/html": "6.4.0-beta.23",
|
||||
"@storybook/source-loader": "6.4.0-beta.23",
|
||||
"autoprefixer": "^10.0.1",
|
||||
"eventemitter3": "^4.0.7",
|
||||
"format-json": "^1.0.3",
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "official-storybook",
|
||||
"version": "6.4.0-beta.21",
|
||||
"version": "6.4.0-beta.23",
|
||||
"private": true,
|
||||
"scripts": {
|
||||
"build-storybook": "cross-env STORYBOOK_DISPLAY_WARNING=true DISPLAY_WARNING=true build-storybook -c ./",
|
||||
@ -14,31 +14,31 @@
|
||||
"devDependencies": {
|
||||
"@packtracker/webpack-plugin": "^2.3.0",
|
||||
"@pmmmwh/react-refresh-webpack-plugin": "^0.4.3",
|
||||
"@storybook/addon-a11y": "6.4.0-beta.21",
|
||||
"@storybook/addon-actions": "6.4.0-beta.21",
|
||||
"@storybook/addon-backgrounds": "6.4.0-beta.21",
|
||||
"@storybook/addon-controls": "6.4.0-beta.21",
|
||||
"@storybook/addon-docs": "6.4.0-beta.21",
|
||||
"@storybook/addon-interactions": "6.4.0-beta.21",
|
||||
"@storybook/addon-jest": "6.4.0-beta.21",
|
||||
"@storybook/addon-links": "6.4.0-beta.21",
|
||||
"@storybook/addon-storyshots": "6.4.0-beta.21",
|
||||
"@storybook/addon-storyshots-puppeteer": "6.4.0-beta.21",
|
||||
"@storybook/addon-storysource": "6.4.0-beta.21",
|
||||
"@storybook/addon-toolbars": "6.4.0-beta.21",
|
||||
"@storybook/addon-viewport": "6.4.0-beta.21",
|
||||
"@storybook/addons": "6.4.0-beta.21",
|
||||
"@storybook/cli": "6.4.0-beta.21",
|
||||
"@storybook/components": "6.4.0-beta.21",
|
||||
"@storybook/core-events": "6.4.0-beta.21",
|
||||
"@storybook/addon-a11y": "6.4.0-beta.23",
|
||||
"@storybook/addon-actions": "6.4.0-beta.23",
|
||||
"@storybook/addon-backgrounds": "6.4.0-beta.23",
|
||||
"@storybook/addon-controls": "6.4.0-beta.23",
|
||||
"@storybook/addon-docs": "6.4.0-beta.23",
|
||||
"@storybook/addon-interactions": "6.4.0-beta.23",
|
||||
"@storybook/addon-jest": "6.4.0-beta.23",
|
||||
"@storybook/addon-links": "6.4.0-beta.23",
|
||||
"@storybook/addon-storyshots": "6.4.0-beta.23",
|
||||
"@storybook/addon-storyshots-puppeteer": "6.4.0-beta.23",
|
||||
"@storybook/addon-storysource": "6.4.0-beta.23",
|
||||
"@storybook/addon-toolbars": "6.4.0-beta.23",
|
||||
"@storybook/addon-viewport": "6.4.0-beta.23",
|
||||
"@storybook/addons": "6.4.0-beta.23",
|
||||
"@storybook/cli": "6.4.0-beta.23",
|
||||
"@storybook/components": "6.4.0-beta.23",
|
||||
"@storybook/core-events": "6.4.0-beta.23",
|
||||
"@storybook/design-system": "^5.4.7",
|
||||
"@storybook/jest": "^0.0.2",
|
||||
"@storybook/node-logger": "6.4.0-beta.21",
|
||||
"@storybook/react": "6.4.0-beta.21",
|
||||
"@storybook/router": "6.4.0-beta.21",
|
||||
"@storybook/source-loader": "6.4.0-beta.21",
|
||||
"@storybook/node-logger": "6.4.0-beta.23",
|
||||
"@storybook/react": "6.4.0-beta.23",
|
||||
"@storybook/router": "6.4.0-beta.23",
|
||||
"@storybook/source-loader": "6.4.0-beta.23",
|
||||
"@storybook/testing-library": "^0.0.3",
|
||||
"@storybook/theming": "6.4.0-beta.21",
|
||||
"@storybook/theming": "6.4.0-beta.23",
|
||||
"@testing-library/dom": "^7.31.2",
|
||||
"@testing-library/user-event": "^13.1.9",
|
||||
"chromatic": "^6.0.2",
|
||||
|
||||
@ -7,6 +7,9 @@ const Box = ({ children, display = 'block', width, height }) => (
|
||||
|
||||
export default {
|
||||
title: 'Core/Layout',
|
||||
parameters: {
|
||||
layout: 'centered',
|
||||
},
|
||||
};
|
||||
|
||||
export const Default = () => <Box>padded by default</Box>;
|
||||
@ -38,5 +41,8 @@ CenteredWide.parameters = { layout: 'centered' };
|
||||
export const None = () => <Box>none</Box>;
|
||||
None.parameters = { layout: 'none' };
|
||||
|
||||
export const Inherited = () => <Box>none</Box>;
|
||||
Inherited.parameters = {};
|
||||
|
||||
export const Invalid = () => <Box>invalid layout value</Box>;
|
||||
Invalid.parameters = { layout: '!invalid!' };
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "preact-example",
|
||||
"version": "6.4.0-beta.21",
|
||||
"version": "6.4.0-beta.23",
|
||||
"private": true,
|
||||
"scripts": {
|
||||
"build": "cross-env NODE_ENV=production webpack --progress --hide-modules",
|
||||
@ -15,16 +15,16 @@
|
||||
"devDependencies": {
|
||||
"@babel/core": "^7.12.10",
|
||||
"@babel/plugin-transform-runtime": "^7.12.10",
|
||||
"@storybook/addon-a11y": "6.4.0-beta.21",
|
||||
"@storybook/addon-actions": "6.4.0-beta.21",
|
||||
"@storybook/addon-backgrounds": "6.4.0-beta.21",
|
||||
"@storybook/addon-links": "6.4.0-beta.21",
|
||||
"@storybook/addon-storyshots": "6.4.0-beta.21",
|
||||
"@storybook/addon-storysource": "6.4.0-beta.21",
|
||||
"@storybook/addon-viewport": "6.4.0-beta.21",
|
||||
"@storybook/addons": "6.4.0-beta.21",
|
||||
"@storybook/preact": "6.4.0-beta.21",
|
||||
"@storybook/source-loader": "6.4.0-beta.21",
|
||||
"@storybook/addon-a11y": "6.4.0-beta.23",
|
||||
"@storybook/addon-actions": "6.4.0-beta.23",
|
||||
"@storybook/addon-backgrounds": "6.4.0-beta.23",
|
||||
"@storybook/addon-links": "6.4.0-beta.23",
|
||||
"@storybook/addon-storyshots": "6.4.0-beta.23",
|
||||
"@storybook/addon-storysource": "6.4.0-beta.23",
|
||||
"@storybook/addon-viewport": "6.4.0-beta.23",
|
||||
"@storybook/addons": "6.4.0-beta.23",
|
||||
"@storybook/preact": "6.4.0-beta.23",
|
||||
"@storybook/source-loader": "6.4.0-beta.23",
|
||||
"@types/prop-types": "^15.7.3",
|
||||
"@types/react": "^17",
|
||||
"@types/react-dom": "^17",
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/example-react-ts-webpack4",
|
||||
"version": "6.4.0-beta.21",
|
||||
"version": "6.4.0-beta.23",
|
||||
"private": true,
|
||||
"scripts": {
|
||||
"build-storybook": "cross-env STORYBOOK_DISPLAY_WARNING=true DISPLAY_WARNING=true build-storybook -c ./",
|
||||
@ -8,10 +8,10 @@
|
||||
"storybook": "cross-env STORYBOOK_DISPLAY_WARNING=true DISPLAY_WARNING=true start-storybook -p 9011 -c ./ --no-manager-cache"
|
||||
},
|
||||
"dependencies": {
|
||||
"@storybook/addon-controls": "6.4.0-beta.21",
|
||||
"@storybook/addon-essentials": "6.4.0-beta.21",
|
||||
"@storybook/builder-webpack4": "6.4.0-beta.21",
|
||||
"@storybook/react": "6.4.0-beta.21",
|
||||
"@storybook/addon-controls": "6.4.0-beta.23",
|
||||
"@storybook/addon-essentials": "6.4.0-beta.23",
|
||||
"@storybook/builder-webpack4": "6.4.0-beta.23",
|
||||
"@storybook/react": "6.4.0-beta.23",
|
||||
"@types/react": "^16.14.2",
|
||||
"@types/react-dom": "^16.9.10",
|
||||
"prop-types": "15.7.2",
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/example-react-ts",
|
||||
"version": "6.4.0-beta.21",
|
||||
"version": "6.4.0-beta.23",
|
||||
"private": true,
|
||||
"scripts": {
|
||||
"build-storybook": "cross-env STORYBOOK_DISPLAY_WARNING=true DISPLAY_WARNING=true build-storybook",
|
||||
@ -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.4.0-beta.21",
|
||||
"@storybook/addon-storyshots": "6.4.0-beta.21",
|
||||
"@storybook/addon-storysource": "6.4.0-beta.21",
|
||||
"@storybook/cli": "6.4.0-beta.21",
|
||||
"@storybook/components": "6.4.0-beta.21",
|
||||
"@storybook/react": "6.4.0-beta.21",
|
||||
"@storybook/theming": "6.4.0-beta.21",
|
||||
"@storybook/addon-essentials": "6.4.0-beta.23",
|
||||
"@storybook/addon-storyshots": "6.4.0-beta.23",
|
||||
"@storybook/addon-storysource": "6.4.0-beta.23",
|
||||
"@storybook/cli": "6.4.0-beta.23",
|
||||
"@storybook/components": "6.4.0-beta.23",
|
||||
"@storybook/react": "6.4.0-beta.23",
|
||||
"@storybook/theming": "6.4.0-beta.23",
|
||||
"@testing-library/dom": "^7.31.2",
|
||||
"@testing-library/user-event": "^13.1.9",
|
||||
"@types/babel__preset-env": "^7",
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "server-kitchen-sink",
|
||||
"version": "6.4.0-beta.21",
|
||||
"version": "6.4.0-beta.23",
|
||||
"private": true,
|
||||
"description": "",
|
||||
"keywords": [],
|
||||
@ -14,13 +14,13 @@
|
||||
"storybook": "SERVER_PORT=1137 start-storybook -p 9006 --quiet"
|
||||
},
|
||||
"devDependencies": {
|
||||
"@storybook/addon-a11y": "6.4.0-beta.21",
|
||||
"@storybook/addon-actions": "6.4.0-beta.21",
|
||||
"@storybook/addon-backgrounds": "6.4.0-beta.21",
|
||||
"@storybook/addon-controls": "6.4.0-beta.21",
|
||||
"@storybook/addon-links": "6.4.0-beta.21",
|
||||
"@storybook/node-logger": "6.4.0-beta.21",
|
||||
"@storybook/server": "6.4.0-beta.21",
|
||||
"@storybook/addon-a11y": "6.4.0-beta.23",
|
||||
"@storybook/addon-actions": "6.4.0-beta.23",
|
||||
"@storybook/addon-backgrounds": "6.4.0-beta.23",
|
||||
"@storybook/addon-controls": "6.4.0-beta.23",
|
||||
"@storybook/addon-links": "6.4.0-beta.23",
|
||||
"@storybook/node-logger": "6.4.0-beta.23",
|
||||
"@storybook/server": "6.4.0-beta.23",
|
||||
"concurrently": "^5.3.0",
|
||||
"cors": "^2.8.5",
|
||||
"express": "~4.17.1",
|
||||
|
||||
@ -1,13 +1,13 @@
|
||||
{
|
||||
"name": "standalone-preview",
|
||||
"version": "6.4.0-beta.21",
|
||||
"version": "6.4.0-beta.23",
|
||||
"private": true,
|
||||
"scripts": {
|
||||
"storybook": "parcel ./storybook.html --port 1337"
|
||||
},
|
||||
"devDependencies": {
|
||||
"@storybook/addon-docs": "6.4.0-beta.21",
|
||||
"@storybook/react": "6.4.0-beta.21",
|
||||
"@storybook/addon-docs": "6.4.0-beta.23",
|
||||
"@storybook/react": "6.4.0-beta.23",
|
||||
"parcel": "^1.12.4",
|
||||
"react": "16.14.0",
|
||||
"react-dom": "16.14.0"
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "svelte-example",
|
||||
"version": "6.4.0-beta.21",
|
||||
"version": "6.4.0-beta.23",
|
||||
"private": true,
|
||||
"scripts": {
|
||||
"build-storybook": "build-storybook -s public",
|
||||
@ -10,20 +10,20 @@
|
||||
"global": "^4.4.0"
|
||||
},
|
||||
"devDependencies": {
|
||||
"@storybook/addon-a11y": "6.4.0-beta.21",
|
||||
"@storybook/addon-actions": "6.4.0-beta.21",
|
||||
"@storybook/addon-backgrounds": "6.4.0-beta.21",
|
||||
"@storybook/addon-controls": "6.4.0-beta.21",
|
||||
"@storybook/addon-docs": "6.4.0-beta.21",
|
||||
"@storybook/addon-interactions": "6.4.0-beta.21",
|
||||
"@storybook/addon-links": "6.4.0-beta.21",
|
||||
"@storybook/addon-storyshots": "6.4.0-beta.21",
|
||||
"@storybook/addon-storysource": "6.4.0-beta.21",
|
||||
"@storybook/addon-viewport": "6.4.0-beta.21",
|
||||
"@storybook/addons": "6.4.0-beta.21",
|
||||
"@storybook/addon-a11y": "6.4.0-beta.23",
|
||||
"@storybook/addon-actions": "6.4.0-beta.23",
|
||||
"@storybook/addon-backgrounds": "6.4.0-beta.23",
|
||||
"@storybook/addon-controls": "6.4.0-beta.23",
|
||||
"@storybook/addon-docs": "6.4.0-beta.23",
|
||||
"@storybook/addon-interactions": "6.4.0-beta.23",
|
||||
"@storybook/addon-links": "6.4.0-beta.23",
|
||||
"@storybook/addon-storyshots": "6.4.0-beta.23",
|
||||
"@storybook/addon-storysource": "6.4.0-beta.23",
|
||||
"@storybook/addon-viewport": "6.4.0-beta.23",
|
||||
"@storybook/addons": "6.4.0-beta.23",
|
||||
"@storybook/jest": "^0.0.2",
|
||||
"@storybook/source-loader": "6.4.0-beta.21",
|
||||
"@storybook/svelte": "6.4.0-beta.21",
|
||||
"@storybook/source-loader": "6.4.0-beta.23",
|
||||
"@storybook/svelte": "6.4.0-beta.23",
|
||||
"@storybook/testing-library": "^0.0.3",
|
||||
"svelte-jester": "1.3.0",
|
||||
"svelte-preprocess": "4.6.8"
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "vue-3-cli-example",
|
||||
"version": "6.4.0-beta.21",
|
||||
"version": "6.4.0-beta.23",
|
||||
"private": true,
|
||||
"scripts": {
|
||||
"build": "vue-cli-service build",
|
||||
@ -14,14 +14,14 @@
|
||||
},
|
||||
"devDependencies": {
|
||||
"@babel/core": "^7.12.10",
|
||||
"@storybook/addon-actions": "6.4.0-beta.21",
|
||||
"@storybook/addon-essentials": "6.4.0-beta.21",
|
||||
"@storybook/addon-interactions": "6.4.0-beta.21",
|
||||
"@storybook/addon-links": "6.4.0-beta.21",
|
||||
"@storybook/addon-storyshots": "6.4.0-beta.21",
|
||||
"@storybook/addon-actions": "6.4.0-beta.23",
|
||||
"@storybook/addon-essentials": "6.4.0-beta.23",
|
||||
"@storybook/addon-interactions": "6.4.0-beta.23",
|
||||
"@storybook/addon-links": "6.4.0-beta.23",
|
||||
"@storybook/addon-storyshots": "6.4.0-beta.23",
|
||||
"@storybook/jest": "^0.0.2",
|
||||
"@storybook/testing-library": "^0.0.3",
|
||||
"@storybook/vue3": "6.4.0-beta.21",
|
||||
"@storybook/vue3": "6.4.0-beta.23",
|
||||
"@vue/cli-plugin-babel": "~4.5.0",
|
||||
"@vue/cli-plugin-typescript": "~4.5.0",
|
||||
"@vue/cli-service": "~4.5.0",
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "vue-cli-example",
|
||||
"version": "6.4.0-beta.21",
|
||||
"version": "6.4.0-beta.23",
|
||||
"private": true,
|
||||
"scripts": {
|
||||
"build": "vue-cli-service build",
|
||||
@ -15,11 +15,11 @@
|
||||
"vue-property-decorator": "^9.1.2"
|
||||
},
|
||||
"devDependencies": {
|
||||
"@storybook/addon-controls": "6.4.0-beta.21",
|
||||
"@storybook/addon-essentials": "6.4.0-beta.21",
|
||||
"@storybook/addon-controls": "6.4.0-beta.23",
|
||||
"@storybook/addon-essentials": "6.4.0-beta.23",
|
||||
"@storybook/preset-scss": "^1.0.3",
|
||||
"@storybook/source-loader": "6.4.0-beta.21",
|
||||
"@storybook/vue": "6.4.0-beta.21",
|
||||
"@storybook/source-loader": "6.4.0-beta.23",
|
||||
"@storybook/vue": "6.4.0-beta.23",
|
||||
"@vue/cli-plugin-babel": "~4.3.1",
|
||||
"@vue/cli-plugin-typescript": "~4.3.1",
|
||||
"@vue/cli-service": "~4.3.1",
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "vue-example",
|
||||
"version": "6.4.0-beta.21",
|
||||
"version": "6.4.0-beta.23",
|
||||
"private": true,
|
||||
"scripts": {
|
||||
"build": "cross-env NODE_ENV=production webpack --progress --hide-modules",
|
||||
@ -14,21 +14,21 @@
|
||||
},
|
||||
"devDependencies": {
|
||||
"@babel/core": "^7.12.10",
|
||||
"@storybook/addon-a11y": "6.4.0-beta.21",
|
||||
"@storybook/addon-actions": "6.4.0-beta.21",
|
||||
"@storybook/addon-backgrounds": "6.4.0-beta.21",
|
||||
"@storybook/addon-controls": "6.4.0-beta.21",
|
||||
"@storybook/addon-docs": "6.4.0-beta.21",
|
||||
"@storybook/addon-interactions": "6.4.0-beta.21",
|
||||
"@storybook/addon-links": "6.4.0-beta.21",
|
||||
"@storybook/addon-storyshots": "6.4.0-beta.21",
|
||||
"@storybook/addon-storysource": "6.4.0-beta.21",
|
||||
"@storybook/addon-viewport": "6.4.0-beta.21",
|
||||
"@storybook/addons": "6.4.0-beta.21",
|
||||
"@storybook/addon-a11y": "6.4.0-beta.23",
|
||||
"@storybook/addon-actions": "6.4.0-beta.23",
|
||||
"@storybook/addon-backgrounds": "6.4.0-beta.23",
|
||||
"@storybook/addon-controls": "6.4.0-beta.23",
|
||||
"@storybook/addon-docs": "6.4.0-beta.23",
|
||||
"@storybook/addon-interactions": "6.4.0-beta.23",
|
||||
"@storybook/addon-links": "6.4.0-beta.23",
|
||||
"@storybook/addon-storyshots": "6.4.0-beta.23",
|
||||
"@storybook/addon-storysource": "6.4.0-beta.23",
|
||||
"@storybook/addon-viewport": "6.4.0-beta.23",
|
||||
"@storybook/addons": "6.4.0-beta.23",
|
||||
"@storybook/jest": "^0.0.2",
|
||||
"@storybook/source-loader": "6.4.0-beta.21",
|
||||
"@storybook/source-loader": "6.4.0-beta.23",
|
||||
"@storybook/testing-library": "^0.0.3",
|
||||
"@storybook/vue": "6.4.0-beta.21",
|
||||
"@storybook/vue": "6.4.0-beta.23",
|
||||
"@vue/babel-preset-jsx": "^1.2.4",
|
||||
"babel-loader": "^8.0.0",
|
||||
"cross-env": "^7.0.3",
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "web-components-kitchen-sink",
|
||||
"version": "6.4.0-beta.21",
|
||||
"version": "6.4.0-beta.23",
|
||||
"private": true,
|
||||
"description": "",
|
||||
"keywords": [],
|
||||
|
||||
@ -2,5 +2,5 @@
|
||||
"npmClient": "yarn",
|
||||
"useWorkspaces": true,
|
||||
"registry": "https://registry.npmjs.org",
|
||||
"version": "6.4.0-beta.21"
|
||||
"version": "6.4.0-beta.23"
|
||||
}
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/addons",
|
||||
"version": "6.4.0-beta.21",
|
||||
"version": "6.4.0-beta.23",
|
||||
"description": "Storybook addons store",
|
||||
"keywords": [
|
||||
"storybook"
|
||||
@ -40,13 +40,13 @@
|
||||
"prepare": "node ../../scripts/prepare.js"
|
||||
},
|
||||
"dependencies": {
|
||||
"@storybook/api": "6.4.0-beta.21",
|
||||
"@storybook/channels": "6.4.0-beta.21",
|
||||
"@storybook/client-logger": "6.4.0-beta.21",
|
||||
"@storybook/core-events": "6.4.0-beta.21",
|
||||
"@storybook/api": "6.4.0-beta.23",
|
||||
"@storybook/channels": "6.4.0-beta.23",
|
||||
"@storybook/client-logger": "6.4.0-beta.23",
|
||||
"@storybook/core-events": "6.4.0-beta.23",
|
||||
"@storybook/csf": "0.0.2--canary.87bc651.0",
|
||||
"@storybook/router": "6.4.0-beta.21",
|
||||
"@storybook/theming": "6.4.0-beta.21",
|
||||
"@storybook/router": "6.4.0-beta.23",
|
||||
"@storybook/theming": "6.4.0-beta.23",
|
||||
"@types/webpack-env": "^1.16.0",
|
||||
"core-js": "^3.8.2",
|
||||
"global": "^4.4.0",
|
||||
@ -59,6 +59,6 @@
|
||||
"publishConfig": {
|
||||
"access": "public"
|
||||
},
|
||||
"gitHead": "eb83ef6aefb6791324e2c70567bdc128cef09d92",
|
||||
"gitHead": "34dd760d275faabff6855b84bb64bb69adc1ec1a",
|
||||
"sbmodern": "dist/modern/public_api.js"
|
||||
}
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/api",
|
||||
"version": "6.4.0-beta.21",
|
||||
"version": "6.4.0-beta.23",
|
||||
"description": "Core Storybook API & Context",
|
||||
"keywords": [
|
||||
"storybook"
|
||||
@ -38,13 +38,13 @@
|
||||
"prepare": "node ../../scripts/prepare.js"
|
||||
},
|
||||
"dependencies": {
|
||||
"@storybook/channels": "6.4.0-beta.21",
|
||||
"@storybook/client-logger": "6.4.0-beta.21",
|
||||
"@storybook/core-events": "6.4.0-beta.21",
|
||||
"@storybook/channels": "6.4.0-beta.23",
|
||||
"@storybook/client-logger": "6.4.0-beta.23",
|
||||
"@storybook/core-events": "6.4.0-beta.23",
|
||||
"@storybook/csf": "0.0.2--canary.87bc651.0",
|
||||
"@storybook/router": "6.4.0-beta.21",
|
||||
"@storybook/router": "6.4.0-beta.23",
|
||||
"@storybook/semver": "^7.3.2",
|
||||
"@storybook/theming": "6.4.0-beta.21",
|
||||
"@storybook/theming": "6.4.0-beta.23",
|
||||
"core-js": "^3.8.2",
|
||||
"fast-deep-equal": "^3.1.3",
|
||||
"global": "^4.4.0",
|
||||
@ -58,9 +58,11 @@
|
||||
},
|
||||
"devDependencies": {
|
||||
"@types/lodash": "^4.14.167",
|
||||
"@types/qs": "^6",
|
||||
"@types/semver": "^7.3.4",
|
||||
"flush-promises": "^1.0.2",
|
||||
"preval.macro": "^5.0.0"
|
||||
"preval.macro": "^5.0.0",
|
||||
"qs": "^6.10.1"
|
||||
},
|
||||
"peerDependencies": {
|
||||
"react": "^16.8.0 || ^17.0.0",
|
||||
@ -69,6 +71,6 @@
|
||||
"publishConfig": {
|
||||
"access": "public"
|
||||
},
|
||||
"gitHead": "eb83ef6aefb6791324e2c70567bdc128cef09d92",
|
||||
"gitHead": "34dd760d275faabff6855b84bb64bb69adc1ec1a",
|
||||
"sbmodern": "dist/modern/index.js"
|
||||
}
|
||||
|
||||
@ -1 +1 @@
|
||||
export const version = '6.4.0-beta.21';
|
||||
export const version = '6.4.0-beta.23';
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/builder-webpack4",
|
||||
"version": "6.4.0-beta.21",
|
||||
"version": "6.4.0-beta.23",
|
||||
"description": "Storybook framework-agnostic API",
|
||||
"keywords": [
|
||||
"storybook"
|
||||
@ -61,22 +61,22 @@
|
||||
"@babel/preset-env": "^7.12.11",
|
||||
"@babel/preset-react": "^7.12.10",
|
||||
"@babel/preset-typescript": "^7.12.7",
|
||||
"@storybook/addons": "6.4.0-beta.21",
|
||||
"@storybook/api": "6.4.0-beta.21",
|
||||
"@storybook/channel-postmessage": "6.4.0-beta.21",
|
||||
"@storybook/channels": "6.4.0-beta.21",
|
||||
"@storybook/client-api": "6.4.0-beta.21",
|
||||
"@storybook/client-logger": "6.4.0-beta.21",
|
||||
"@storybook/components": "6.4.0-beta.21",
|
||||
"@storybook/core-common": "6.4.0-beta.21",
|
||||
"@storybook/core-events": "6.4.0-beta.21",
|
||||
"@storybook/node-logger": "6.4.0-beta.21",
|
||||
"@storybook/preview-web": "6.4.0-beta.21",
|
||||
"@storybook/router": "6.4.0-beta.21",
|
||||
"@storybook/addons": "6.4.0-beta.23",
|
||||
"@storybook/api": "6.4.0-beta.23",
|
||||
"@storybook/channel-postmessage": "6.4.0-beta.23",
|
||||
"@storybook/channels": "6.4.0-beta.23",
|
||||
"@storybook/client-api": "6.4.0-beta.23",
|
||||
"@storybook/client-logger": "6.4.0-beta.23",
|
||||
"@storybook/components": "6.4.0-beta.23",
|
||||
"@storybook/core-common": "6.4.0-beta.23",
|
||||
"@storybook/core-events": "6.4.0-beta.23",
|
||||
"@storybook/node-logger": "6.4.0-beta.23",
|
||||
"@storybook/preview-web": "6.4.0-beta.23",
|
||||
"@storybook/router": "6.4.0-beta.23",
|
||||
"@storybook/semver": "^7.3.2",
|
||||
"@storybook/store": "6.4.0-beta.21",
|
||||
"@storybook/theming": "6.4.0-beta.21",
|
||||
"@storybook/ui": "6.4.0-beta.21",
|
||||
"@storybook/store": "6.4.0-beta.23",
|
||||
"@storybook/theming": "6.4.0-beta.23",
|
||||
"@storybook/ui": "6.4.0-beta.23",
|
||||
"@types/node": "^14.0.10",
|
||||
"@types/webpack": "^4.41.26",
|
||||
"autoprefixer": "^9.8.6",
|
||||
@ -131,6 +131,6 @@
|
||||
"publishConfig": {
|
||||
"access": "public"
|
||||
},
|
||||
"gitHead": "eb83ef6aefb6791324e2c70567bdc128cef09d92",
|
||||
"gitHead": "34dd760d275faabff6855b84bb64bb69adc1ec1a",
|
||||
"sbmodern": "dist/modern/index.js"
|
||||
}
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/builder-webpack5",
|
||||
"version": "6.4.0-beta.21",
|
||||
"version": "6.4.0-beta.23",
|
||||
"description": "Storybook framework-agnostic API",
|
||||
"keywords": [
|
||||
"storybook"
|
||||
@ -60,21 +60,21 @@
|
||||
"@babel/preset-env": "^7.12.11",
|
||||
"@babel/preset-react": "^7.12.10",
|
||||
"@babel/preset-typescript": "^7.12.7",
|
||||
"@storybook/addons": "6.4.0-beta.21",
|
||||
"@storybook/api": "6.4.0-beta.21",
|
||||
"@storybook/channel-postmessage": "6.4.0-beta.21",
|
||||
"@storybook/channels": "6.4.0-beta.21",
|
||||
"@storybook/client-api": "6.4.0-beta.21",
|
||||
"@storybook/client-logger": "6.4.0-beta.21",
|
||||
"@storybook/components": "6.4.0-beta.21",
|
||||
"@storybook/core-common": "6.4.0-beta.21",
|
||||
"@storybook/core-events": "6.4.0-beta.21",
|
||||
"@storybook/node-logger": "6.4.0-beta.21",
|
||||
"@storybook/preview-web": "6.4.0-beta.21",
|
||||
"@storybook/router": "6.4.0-beta.21",
|
||||
"@storybook/addons": "6.4.0-beta.23",
|
||||
"@storybook/api": "6.4.0-beta.23",
|
||||
"@storybook/channel-postmessage": "6.4.0-beta.23",
|
||||
"@storybook/channels": "6.4.0-beta.23",
|
||||
"@storybook/client-api": "6.4.0-beta.23",
|
||||
"@storybook/client-logger": "6.4.0-beta.23",
|
||||
"@storybook/components": "6.4.0-beta.23",
|
||||
"@storybook/core-common": "6.4.0-beta.23",
|
||||
"@storybook/core-events": "6.4.0-beta.23",
|
||||
"@storybook/node-logger": "6.4.0-beta.23",
|
||||
"@storybook/preview-web": "6.4.0-beta.23",
|
||||
"@storybook/router": "6.4.0-beta.23",
|
||||
"@storybook/semver": "^7.3.2",
|
||||
"@storybook/store": "6.4.0-beta.21",
|
||||
"@storybook/theming": "6.4.0-beta.21",
|
||||
"@storybook/store": "6.4.0-beta.23",
|
||||
"@storybook/theming": "6.4.0-beta.23",
|
||||
"@types/node": "^14.0.10",
|
||||
"babel-loader": "^8.0.0",
|
||||
"babel-plugin-macros": "^3.0.1",
|
||||
@ -117,6 +117,6 @@
|
||||
"publishConfig": {
|
||||
"access": "public"
|
||||
},
|
||||
"gitHead": "eb83ef6aefb6791324e2c70567bdc128cef09d92",
|
||||
"gitHead": "34dd760d275faabff6855b84bb64bb69adc1ec1a",
|
||||
"sbmodern": "dist/modern/index.js"
|
||||
}
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/channel-postmessage",
|
||||
"version": "6.4.0-beta.21",
|
||||
"version": "6.4.0-beta.23",
|
||||
"description": "",
|
||||
"keywords": [
|
||||
"storybook"
|
||||
@ -40,9 +40,9 @@
|
||||
"prepare": "node ../../scripts/prepare.js"
|
||||
},
|
||||
"dependencies": {
|
||||
"@storybook/channels": "6.4.0-beta.21",
|
||||
"@storybook/client-logger": "6.4.0-beta.21",
|
||||
"@storybook/core-events": "6.4.0-beta.21",
|
||||
"@storybook/channels": "6.4.0-beta.23",
|
||||
"@storybook/client-logger": "6.4.0-beta.23",
|
||||
"@storybook/core-events": "6.4.0-beta.23",
|
||||
"core-js": "^3.8.2",
|
||||
"global": "^4.4.0",
|
||||
"qs": "^6.10.0",
|
||||
@ -51,6 +51,6 @@
|
||||
"publishConfig": {
|
||||
"access": "public"
|
||||
},
|
||||
"gitHead": "eb83ef6aefb6791324e2c70567bdc128cef09d92",
|
||||
"gitHead": "34dd760d275faabff6855b84bb64bb69adc1ec1a",
|
||||
"sbmodern": "dist/modern/index.js"
|
||||
}
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/channel-websocket",
|
||||
"version": "6.4.0-beta.21",
|
||||
"version": "6.4.0-beta.23",
|
||||
"description": "",
|
||||
"keywords": [
|
||||
"storybook"
|
||||
@ -40,7 +40,7 @@
|
||||
"prepare": "node ../../scripts/prepare.js"
|
||||
},
|
||||
"dependencies": {
|
||||
"@storybook/channels": "6.4.0-beta.21",
|
||||
"@storybook/channels": "6.4.0-beta.23",
|
||||
"core-js": "^3.8.2",
|
||||
"global": "^4.4.0",
|
||||
"telejson": "^5.3.2"
|
||||
@ -48,6 +48,6 @@
|
||||
"publishConfig": {
|
||||
"access": "public"
|
||||
},
|
||||
"gitHead": "eb83ef6aefb6791324e2c70567bdc128cef09d92",
|
||||
"gitHead": "34dd760d275faabff6855b84bb64bb69adc1ec1a",
|
||||
"sbmodern": "dist/modern/index.js"
|
||||
}
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/channels",
|
||||
"version": "6.4.0-beta.21",
|
||||
"version": "6.4.0-beta.23",
|
||||
"description": "",
|
||||
"keywords": [
|
||||
"storybook"
|
||||
@ -47,6 +47,6 @@
|
||||
"publishConfig": {
|
||||
"access": "public"
|
||||
},
|
||||
"gitHead": "eb83ef6aefb6791324e2c70567bdc128cef09d92",
|
||||
"gitHead": "34dd760d275faabff6855b84bb64bb69adc1ec1a",
|
||||
"sbmodern": "dist/modern/index.js"
|
||||
}
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "sb",
|
||||
"version": "6.4.0-beta.21",
|
||||
"version": "6.4.0-beta.23",
|
||||
"description": "Storybook CLI",
|
||||
"keywords": [
|
||||
"storybook"
|
||||
@ -24,10 +24,10 @@
|
||||
"prepare": "node ../../scripts/prepare.js"
|
||||
},
|
||||
"dependencies": {
|
||||
"@storybook/cli": "6.4.0-beta.21"
|
||||
"@storybook/cli": "6.4.0-beta.23"
|
||||
},
|
||||
"publishConfig": {
|
||||
"access": "public"
|
||||
},
|
||||
"gitHead": "eb83ef6aefb6791324e2c70567bdc128cef09d92"
|
||||
"gitHead": "34dd760d275faabff6855b84bb64bb69adc1ec1a"
|
||||
}
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "storybook",
|
||||
"version": "6.4.0-beta.21",
|
||||
"version": "6.4.0-beta.23",
|
||||
"description": "Storybook CLI",
|
||||
"keywords": [
|
||||
"storybook"
|
||||
@ -27,10 +27,10 @@
|
||||
"prepare": "node ../../scripts/prepare.js"
|
||||
},
|
||||
"dependencies": {
|
||||
"@storybook/cli": "6.4.0-beta.21"
|
||||
"@storybook/cli": "6.4.0-beta.23"
|
||||
},
|
||||
"publishConfig": {
|
||||
"access": "public"
|
||||
},
|
||||
"gitHead": "eb83ef6aefb6791324e2c70567bdc128cef09d92"
|
||||
"gitHead": "34dd760d275faabff6855b84bb64bb69adc1ec1a"
|
||||
}
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/cli",
|
||||
"version": "6.4.0-beta.21",
|
||||
"version": "6.4.0-beta.23",
|
||||
"description": "Storybook's CLI - easiest method of adding storybook to your projects",
|
||||
"keywords": [
|
||||
"cli",
|
||||
@ -48,10 +48,10 @@
|
||||
"dependencies": {
|
||||
"@babel/core": "^7.12.10",
|
||||
"@babel/preset-env": "^7.12.11",
|
||||
"@storybook/codemod": "6.4.0-beta.21",
|
||||
"@storybook/core-common": "6.4.0-beta.21",
|
||||
"@storybook/csf-tools": "6.4.0-beta.21",
|
||||
"@storybook/node-logger": "6.4.0-beta.21",
|
||||
"@storybook/codemod": "6.4.0-beta.23",
|
||||
"@storybook/core-common": "6.4.0-beta.23",
|
||||
"@storybook/csf-tools": "6.4.0-beta.23",
|
||||
"@storybook/node-logger": "6.4.0-beta.23",
|
||||
"@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.4.0-beta.21",
|
||||
"@storybook/client-api": "6.4.0-beta.23",
|
||||
"@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": "eb83ef6aefb6791324e2c70567bdc128cef09d92"
|
||||
"gitHead": "34dd760d275faabff6855b84bb64bb69adc1ec1a"
|
||||
}
|
||||
|
||||
@ -1,59 +1,59 @@
|
||||
{
|
||||
"@storybook/addon-a11y": "6.4.0-beta.21",
|
||||
"@storybook/addon-actions": "6.4.0-beta.21",
|
||||
"@storybook/addon-backgrounds": "6.4.0-beta.21",
|
||||
"@storybook/addon-controls": "6.4.0-beta.21",
|
||||
"@storybook/addon-docs": "6.4.0-beta.21",
|
||||
"@storybook/addon-essentials": "6.4.0-beta.21",
|
||||
"@storybook/addon-interactions": "6.4.0-beta.21",
|
||||
"@storybook/addon-jest": "6.4.0-beta.21",
|
||||
"@storybook/addon-links": "6.4.0-beta.21",
|
||||
"@storybook/addon-storyshots": "6.4.0-beta.21",
|
||||
"@storybook/addon-storyshots-puppeteer": "6.4.0-beta.21",
|
||||
"@storybook/addon-storysource": "6.4.0-beta.21",
|
||||
"@storybook/addon-toolbars": "6.4.0-beta.21",
|
||||
"@storybook/addon-viewport": "6.4.0-beta.21",
|
||||
"@storybook/addons": "6.4.0-beta.21",
|
||||
"@storybook/angular": "6.4.0-beta.21",
|
||||
"@storybook/api": "6.4.0-beta.21",
|
||||
"@storybook/aurelia": "6.4.0-beta.21",
|
||||
"@storybook/builder-webpack4": "6.4.0-beta.21",
|
||||
"@storybook/builder-webpack5": "6.4.0-beta.21",
|
||||
"@storybook/channel-postmessage": "6.4.0-beta.21",
|
||||
"@storybook/channel-websocket": "6.4.0-beta.21",
|
||||
"@storybook/channels": "6.4.0-beta.21",
|
||||
"@storybook/cli": "6.4.0-beta.21",
|
||||
"@storybook/client-api": "6.4.0-beta.21",
|
||||
"@storybook/client-logger": "6.4.0-beta.21",
|
||||
"@storybook/codemod": "6.4.0-beta.21",
|
||||
"@storybook/components": "6.4.0-beta.21",
|
||||
"@storybook/core": "6.4.0-beta.21",
|
||||
"@storybook/core-client": "6.4.0-beta.21",
|
||||
"@storybook/core-common": "6.4.0-beta.21",
|
||||
"@storybook/core-events": "6.4.0-beta.21",
|
||||
"@storybook/core-server": "6.4.0-beta.21",
|
||||
"@storybook/csf-tools": "6.4.0-beta.21",
|
||||
"@storybook/ember": "6.4.0-beta.21",
|
||||
"@storybook/html": "6.4.0-beta.21",
|
||||
"@storybook/instrumenter": "6.4.0-beta.21",
|
||||
"@storybook/manager-webpack4": "6.4.0-beta.21",
|
||||
"@storybook/manager-webpack5": "6.4.0-beta.21",
|
||||
"@storybook/marionette": "6.4.0-beta.21",
|
||||
"@storybook/marko": "6.4.0-beta.21",
|
||||
"@storybook/mithril": "6.4.0-beta.21",
|
||||
"@storybook/node-logger": "6.4.0-beta.21",
|
||||
"@storybook/postinstall": "6.4.0-beta.21",
|
||||
"@storybook/preact": "6.4.0-beta.21",
|
||||
"@storybook/rax": "6.4.0-beta.21",
|
||||
"@storybook/react": "6.4.0-beta.21",
|
||||
"@storybook/riot": "6.4.0-beta.21",
|
||||
"@storybook/router": "6.4.0-beta.21",
|
||||
"@storybook/server": "6.4.0-beta.21",
|
||||
"@storybook/source-loader": "6.4.0-beta.21",
|
||||
"@storybook/svelte": "6.4.0-beta.21",
|
||||
"@storybook/theming": "6.4.0-beta.21",
|
||||
"@storybook/ui": "6.4.0-beta.21",
|
||||
"@storybook/vue": "6.4.0-beta.21",
|
||||
"@storybook/vue3": "6.4.0-beta.21",
|
||||
"@storybook/web-components": "6.4.0-beta.21"
|
||||
"@storybook/addon-a11y": "6.4.0-beta.23",
|
||||
"@storybook/addon-actions": "6.4.0-beta.23",
|
||||
"@storybook/addon-backgrounds": "6.4.0-beta.23",
|
||||
"@storybook/addon-controls": "6.4.0-beta.23",
|
||||
"@storybook/addon-docs": "6.4.0-beta.23",
|
||||
"@storybook/addon-essentials": "6.4.0-beta.23",
|
||||
"@storybook/addon-interactions": "6.4.0-beta.23",
|
||||
"@storybook/addon-jest": "6.4.0-beta.23",
|
||||
"@storybook/addon-links": "6.4.0-beta.23",
|
||||
"@storybook/addon-storyshots": "6.4.0-beta.23",
|
||||
"@storybook/addon-storyshots-puppeteer": "6.4.0-beta.23",
|
||||
"@storybook/addon-storysource": "6.4.0-beta.23",
|
||||
"@storybook/addon-toolbars": "6.4.0-beta.23",
|
||||
"@storybook/addon-viewport": "6.4.0-beta.23",
|
||||
"@storybook/addons": "6.4.0-beta.23",
|
||||
"@storybook/angular": "6.4.0-beta.23",
|
||||
"@storybook/api": "6.4.0-beta.23",
|
||||
"@storybook/aurelia": "6.4.0-beta.23",
|
||||
"@storybook/builder-webpack4": "6.4.0-beta.23",
|
||||
"@storybook/builder-webpack5": "6.4.0-beta.23",
|
||||
"@storybook/channel-postmessage": "6.4.0-beta.23",
|
||||
"@storybook/channel-websocket": "6.4.0-beta.23",
|
||||
"@storybook/channels": "6.4.0-beta.23",
|
||||
"@storybook/cli": "6.4.0-beta.23",
|
||||
"@storybook/client-api": "6.4.0-beta.23",
|
||||
"@storybook/client-logger": "6.4.0-beta.23",
|
||||
"@storybook/codemod": "6.4.0-beta.23",
|
||||
"@storybook/components": "6.4.0-beta.23",
|
||||
"@storybook/core": "6.4.0-beta.23",
|
||||
"@storybook/core-client": "6.4.0-beta.23",
|
||||
"@storybook/core-common": "6.4.0-beta.23",
|
||||
"@storybook/core-events": "6.4.0-beta.23",
|
||||
"@storybook/core-server": "6.4.0-beta.23",
|
||||
"@storybook/csf-tools": "6.4.0-beta.23",
|
||||
"@storybook/ember": "6.4.0-beta.23",
|
||||
"@storybook/html": "6.4.0-beta.23",
|
||||
"@storybook/instrumenter": "6.4.0-beta.23",
|
||||
"@storybook/manager-webpack4": "6.4.0-beta.23",
|
||||
"@storybook/manager-webpack5": "6.4.0-beta.23",
|
||||
"@storybook/marionette": "6.4.0-beta.23",
|
||||
"@storybook/marko": "6.4.0-beta.23",
|
||||
"@storybook/mithril": "6.4.0-beta.23",
|
||||
"@storybook/node-logger": "6.4.0-beta.23",
|
||||
"@storybook/postinstall": "6.4.0-beta.23",
|
||||
"@storybook/preact": "6.4.0-beta.23",
|
||||
"@storybook/rax": "6.4.0-beta.23",
|
||||
"@storybook/react": "6.4.0-beta.23",
|
||||
"@storybook/riot": "6.4.0-beta.23",
|
||||
"@storybook/router": "6.4.0-beta.23",
|
||||
"@storybook/server": "6.4.0-beta.23",
|
||||
"@storybook/source-loader": "6.4.0-beta.23",
|
||||
"@storybook/svelte": "6.4.0-beta.23",
|
||||
"@storybook/theming": "6.4.0-beta.23",
|
||||
"@storybook/ui": "6.4.0-beta.23",
|
||||
"@storybook/vue": "6.4.0-beta.23",
|
||||
"@storybook/vue3": "6.4.0-beta.23",
|
||||
"@storybook/web-components": "6.4.0-beta.23"
|
||||
}
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/client-api",
|
||||
"version": "6.4.0-beta.21",
|
||||
"version": "6.4.0-beta.23",
|
||||
"description": "Storybook Client API",
|
||||
"keywords": [
|
||||
"storybook"
|
||||
@ -40,13 +40,13 @@
|
||||
"prepare": "node ../../scripts/prepare.js"
|
||||
},
|
||||
"dependencies": {
|
||||
"@storybook/addons": "6.4.0-beta.21",
|
||||
"@storybook/channel-postmessage": "6.4.0-beta.21",
|
||||
"@storybook/channels": "6.4.0-beta.21",
|
||||
"@storybook/client-logger": "6.4.0-beta.21",
|
||||
"@storybook/core-events": "6.4.0-beta.21",
|
||||
"@storybook/addons": "6.4.0-beta.23",
|
||||
"@storybook/channel-postmessage": "6.4.0-beta.23",
|
||||
"@storybook/channels": "6.4.0-beta.23",
|
||||
"@storybook/client-logger": "6.4.0-beta.23",
|
||||
"@storybook/core-events": "6.4.0-beta.23",
|
||||
"@storybook/csf": "0.0.2--canary.87bc651.0",
|
||||
"@storybook/store": "6.4.0-beta.21",
|
||||
"@storybook/store": "6.4.0-beta.23",
|
||||
"@types/qs": "^6.9.5",
|
||||
"@types/webpack-env": "^1.16.0",
|
||||
"core-js": "^3.8.2",
|
||||
@ -57,6 +57,7 @@
|
||||
"qs": "^6.10.0",
|
||||
"regenerator-runtime": "^0.13.7",
|
||||
"store2": "^2.12.0",
|
||||
"synchronous-promise": "^2.0.15",
|
||||
"ts-dedent": "^2.0.0",
|
||||
"util-deprecate": "^1.0.2"
|
||||
},
|
||||
@ -67,6 +68,6 @@
|
||||
"publishConfig": {
|
||||
"access": "public"
|
||||
},
|
||||
"gitHead": "eb83ef6aefb6791324e2c70567bdc128cef09d92",
|
||||
"gitHead": "34dd760d275faabff6855b84bb64bb69adc1ec1a",
|
||||
"sbmodern": "dist/modern/index.js"
|
||||
}
|
||||
|
||||
@ -1,5 +1,6 @@
|
||||
import global from 'global';
|
||||
import dedent from 'ts-dedent';
|
||||
import { SynchronousPromise } from 'synchronous-promise';
|
||||
import {
|
||||
StoryId,
|
||||
AnyFramework,
|
||||
@ -59,9 +60,11 @@ export class StoryStoreFacade<TFramework extends AnyFramework> {
|
||||
// This doesn't actually import anything because the client-api loads fully
|
||||
// on startup, but this is a shim after all.
|
||||
importFn(path: Path) {
|
||||
const moduleExports = this.csfExports[path];
|
||||
if (!moduleExports) throw new Error(`Unknown path: ${path}`);
|
||||
return moduleExports;
|
||||
return SynchronousPromise.resolve().then(() => {
|
||||
const moduleExports = this.csfExports[path];
|
||||
if (!moduleExports) throw new Error(`Unknown path: ${path}`);
|
||||
return moduleExports;
|
||||
});
|
||||
}
|
||||
|
||||
getStoryIndex(store: StoryStore<TFramework>) {
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/client-logger",
|
||||
"version": "6.4.0-beta.21",
|
||||
"version": "6.4.0-beta.23",
|
||||
"description": "",
|
||||
"keywords": [
|
||||
"storybook"
|
||||
@ -46,6 +46,6 @@
|
||||
"publishConfig": {
|
||||
"access": "public"
|
||||
},
|
||||
"gitHead": "eb83ef6aefb6791324e2c70567bdc128cef09d92",
|
||||
"gitHead": "34dd760d275faabff6855b84bb64bb69adc1ec1a",
|
||||
"sbmodern": "dist/modern/index.js"
|
||||
}
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/codemod",
|
||||
"version": "6.4.0-beta.21",
|
||||
"version": "6.4.0-beta.23",
|
||||
"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.87bc651.0",
|
||||
"@storybook/csf-tools": "6.4.0-beta.21",
|
||||
"@storybook/node-logger": "6.4.0-beta.21",
|
||||
"@storybook/csf-tools": "6.4.0-beta.23",
|
||||
"@storybook/node-logger": "6.4.0-beta.23",
|
||||
"core-js": "^3.8.2",
|
||||
"cross-spawn": "^7.0.3",
|
||||
"globby": "^11.0.2",
|
||||
@ -62,6 +62,6 @@
|
||||
"publishConfig": {
|
||||
"access": "public"
|
||||
},
|
||||
"gitHead": "eb83ef6aefb6791324e2c70567bdc128cef09d92",
|
||||
"gitHead": "34dd760d275faabff6855b84bb64bb69adc1ec1a",
|
||||
"sbmodern": "dist/modern/index.js"
|
||||
}
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/components",
|
||||
"version": "6.4.0-beta.21",
|
||||
"version": "6.4.0-beta.23",
|
||||
"description": "Core Storybook Components",
|
||||
"keywords": [
|
||||
"storybook"
|
||||
@ -41,9 +41,9 @@
|
||||
},
|
||||
"dependencies": {
|
||||
"@popperjs/core": "^2.6.0",
|
||||
"@storybook/client-logger": "6.4.0-beta.21",
|
||||
"@storybook/client-logger": "6.4.0-beta.23",
|
||||
"@storybook/csf": "0.0.2--canary.87bc651.0",
|
||||
"@storybook/theming": "6.4.0-beta.21",
|
||||
"@storybook/theming": "6.4.0-beta.23",
|
||||
"@types/color-convert": "^2.0.0",
|
||||
"@types/overlayscrollbars": "^1.12.0",
|
||||
"@types/react-syntax-highlighter": "11.0.5",
|
||||
@ -76,6 +76,6 @@
|
||||
"publishConfig": {
|
||||
"access": "public"
|
||||
},
|
||||
"gitHead": "eb83ef6aefb6791324e2c70567bdc128cef09d92",
|
||||
"gitHead": "34dd760d275faabff6855b84bb64bb69adc1ec1a",
|
||||
"sbmodern": "dist/modern/index.js"
|
||||
}
|
||||
|
||||
@ -14,12 +14,14 @@ const Side = styled.div<SideProps>(
|
||||
whiteSpace: 'nowrap',
|
||||
flexBasis: 'auto',
|
||||
flexShrink: 0,
|
||||
marginLeft: 3,
|
||||
marginRight: 3,
|
||||
},
|
||||
({ left }) =>
|
||||
left
|
||||
? {
|
||||
'& > *': {
|
||||
marginLeft: 15,
|
||||
marginLeft: 4,
|
||||
},
|
||||
}
|
||||
: {},
|
||||
@ -28,7 +30,7 @@ const Side = styled.div<SideProps>(
|
||||
? {
|
||||
marginLeft: 30,
|
||||
'& > *': {
|
||||
marginRight: 15,
|
||||
marginRight: 4,
|
||||
},
|
||||
}
|
||||
: {}
|
||||
|
||||
36
lib/components/src/bar/button.stories.tsx
Normal file
36
lib/components/src/bar/button.stories.tsx
Normal file
@ -0,0 +1,36 @@
|
||||
import React from 'react';
|
||||
|
||||
import { IconButton } from './button';
|
||||
import { Icons } from '../icon/icon';
|
||||
|
||||
export default {
|
||||
component: IconButton,
|
||||
title: 'Basics/IconButton',
|
||||
};
|
||||
|
||||
// eslint-disable-next-line no-underscore-dangle
|
||||
export const _IconButton = () => (
|
||||
<IconButton>
|
||||
<Icons icon="bookmark" />
|
||||
</IconButton>
|
||||
);
|
||||
|
||||
export const Active = () => (
|
||||
<IconButton active>
|
||||
<Icons icon="beaker" />
|
||||
</IconButton>
|
||||
);
|
||||
|
||||
export const WithText = () => (
|
||||
<IconButton>
|
||||
<Icons icon="circlehollow" />
|
||||
Howdy!
|
||||
</IconButton>
|
||||
);
|
||||
|
||||
export const WithTextActive = () => (
|
||||
<IconButton active>
|
||||
<Icons icon="circlehollow" />
|
||||
Howdy!
|
||||
</IconButton>
|
||||
);
|
||||
@ -1,5 +1,7 @@
|
||||
import React, { AnchorHTMLAttributes, ButtonHTMLAttributes, DetailedHTMLProps } from 'react';
|
||||
import { styled, isPropValid } from '@storybook/theming';
|
||||
import { darken, transparentize } from 'polished';
|
||||
import { auto } from '@popperjs/core';
|
||||
|
||||
interface ButtonProps
|
||||
extends DetailedHTMLProps<ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement> {
|
||||
@ -76,39 +78,39 @@ export interface IconButtonProps {
|
||||
|
||||
export const IconButton = styled(ButtonOrLink, { shouldForwardProp: isPropValid })<IconButtonProps>(
|
||||
({ theme }) => ({
|
||||
display: 'inline-flex',
|
||||
justifyContent: 'center',
|
||||
alignItems: 'center',
|
||||
height: 40,
|
||||
background: 'none',
|
||||
background: 'transparent',
|
||||
border: 'none',
|
||||
borderRadius: 4,
|
||||
color: 'inherit',
|
||||
padding: 0,
|
||||
cursor: 'pointer',
|
||||
|
||||
// Icon Buttons may have text depending on user preferences.
|
||||
// While we don't recommend having text for IconButtons, this style ensures that the text is the correct size.
|
||||
fontWeight: 'bold',
|
||||
display: 'inline-flex',
|
||||
fontSize: 13,
|
||||
fontWeight: 'bold',
|
||||
height: 28,
|
||||
justifyContent: 'center',
|
||||
marginTop: 6,
|
||||
padding: '8px 7px',
|
||||
|
||||
border: '0 solid transparent',
|
||||
borderTop: '3px solid transparent',
|
||||
borderBottom: '3px solid transparent',
|
||||
|
||||
transition: 'color 0.2s linear, border-bottom-color 0.2s linear',
|
||||
|
||||
'&:hover, &:focus': {
|
||||
outline: '0 none',
|
||||
'&:hover, &:focus-visible': {
|
||||
background: transparentize(0.88, theme.color.secondary),
|
||||
color: theme.color.secondary,
|
||||
},
|
||||
'&:focus-visible': {
|
||||
outline: auto, // Ensures links have the same focus style
|
||||
},
|
||||
'&:focus:not(:focus-visible)': {
|
||||
outline: 'none',
|
||||
},
|
||||
'& > svg': {
|
||||
width: 15,
|
||||
width: 14,
|
||||
},
|
||||
}),
|
||||
({ active, theme }) =>
|
||||
active
|
||||
? {
|
||||
outline: '0 none',
|
||||
borderBottomColor: theme.color.secondary,
|
||||
backgroundColor: theme.background.hoverable,
|
||||
color: theme.color.secondary,
|
||||
}
|
||||
: {}
|
||||
);
|
||||
|
||||
@ -4,9 +4,11 @@ import { styled } from '@storybook/theming';
|
||||
export const Separator = styled.span<SeparatorProps>(
|
||||
({ theme }) => ({
|
||||
width: 1,
|
||||
height: 24,
|
||||
height: 20,
|
||||
background: theme.appBorderColor,
|
||||
marginTop: 8,
|
||||
marginTop: 10,
|
||||
marginLeft: 6,
|
||||
marginRight: 2,
|
||||
}),
|
||||
({ force }) =>
|
||||
force
|
||||
|
||||
@ -51,7 +51,7 @@ export const TabBar = styled.div({
|
||||
overflow: 'hidden',
|
||||
|
||||
'&:first-of-type': {
|
||||
marginLeft: 0,
|
||||
marginLeft: -3,
|
||||
},
|
||||
});
|
||||
|
||||
|
||||
@ -12,7 +12,7 @@ const Note = styled.div(({ theme }) => ({
|
||||
whiteSpace: 'nowrap',
|
||||
pointerEvents: 'none',
|
||||
zIndex: -1,
|
||||
background: 'rgba(0, 0, 0, 0.4)',
|
||||
background: theme.base === 'light' ? 'rgba(60, 60, 60, 0.9)' : 'rgba(20, 20, 20, 0.85)',
|
||||
margin: 6,
|
||||
}));
|
||||
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/core-client",
|
||||
"version": "6.4.0-beta.21",
|
||||
"version": "6.4.0-beta.23",
|
||||
"description": "Storybook framework-agnostic API",
|
||||
"keywords": [
|
||||
"storybook"
|
||||
@ -40,15 +40,15 @@
|
||||
"prepare": "node ../../scripts/prepare.js"
|
||||
},
|
||||
"dependencies": {
|
||||
"@storybook/addons": "6.4.0-beta.21",
|
||||
"@storybook/channel-postmessage": "6.4.0-beta.21",
|
||||
"@storybook/client-api": "6.4.0-beta.21",
|
||||
"@storybook/client-logger": "6.4.0-beta.21",
|
||||
"@storybook/core-events": "6.4.0-beta.21",
|
||||
"@storybook/addons": "6.4.0-beta.23",
|
||||
"@storybook/channel-postmessage": "6.4.0-beta.23",
|
||||
"@storybook/client-api": "6.4.0-beta.23",
|
||||
"@storybook/client-logger": "6.4.0-beta.23",
|
||||
"@storybook/core-events": "6.4.0-beta.23",
|
||||
"@storybook/csf": "0.0.2--canary.87bc651.0",
|
||||
"@storybook/preview-web": "6.4.0-beta.21",
|
||||
"@storybook/store": "6.4.0-beta.21",
|
||||
"@storybook/ui": "6.4.0-beta.21",
|
||||
"@storybook/preview-web": "6.4.0-beta.23",
|
||||
"@storybook/store": "6.4.0-beta.23",
|
||||
"@storybook/ui": "6.4.0-beta.23",
|
||||
"airbnb-js-shims": "^2.2.1",
|
||||
"ansi-to-html": "^0.6.11",
|
||||
"core-js": "^3.8.2",
|
||||
@ -73,6 +73,6 @@
|
||||
"publishConfig": {
|
||||
"access": "public"
|
||||
},
|
||||
"gitHead": "eb83ef6aefb6791324e2c70567bdc128cef09d92",
|
||||
"gitHead": "34dd760d275faabff6855b84bb64bb69adc1ec1a",
|
||||
"sbmodern": "dist/modern/index.js"
|
||||
}
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/core-common",
|
||||
"version": "6.4.0-beta.21",
|
||||
"version": "6.4.0-beta.23",
|
||||
"description": "Storybook framework-agnostic API",
|
||||
"keywords": [
|
||||
"storybook"
|
||||
@ -61,9 +61,8 @@
|
||||
"@babel/preset-react": "^7.12.10",
|
||||
"@babel/preset-typescript": "^7.12.7",
|
||||
"@babel/register": "^7.12.1",
|
||||
"@storybook/node-logger": "6.4.0-beta.21",
|
||||
"@storybook/node-logger": "6.4.0-beta.23",
|
||||
"@storybook/semver": "^7.3.2",
|
||||
"@types/micromatch": "^4.0.1",
|
||||
"@types/node": "^14.0.10",
|
||||
"@types/pretty-hrtime": "^1.0.0",
|
||||
"babel-loader": "^8.0.0",
|
||||
@ -81,7 +80,7 @@
|
||||
"interpret": "^2.2.0",
|
||||
"json5": "^2.1.3",
|
||||
"lazy-universal-dotenv": "^3.0.1",
|
||||
"micromatch": "^4.0.2",
|
||||
"picomatch": "^2.3.0",
|
||||
"pkg-dir": "^5.0.0",
|
||||
"pretty-hrtime": "^1.0.3",
|
||||
"resolve-from": "^5.0.0",
|
||||
@ -96,6 +95,7 @@
|
||||
"@types/compression": "^1.7.0",
|
||||
"@types/interpret": "^1.1.1",
|
||||
"@types/mock-fs": "^4.13.0",
|
||||
"@types/picomatch": "^2.3.0",
|
||||
"mock-fs": "^4.13.0"
|
||||
},
|
||||
"peerDependencies": {
|
||||
@ -110,6 +110,6 @@
|
||||
"publishConfig": {
|
||||
"access": "public"
|
||||
},
|
||||
"gitHead": "eb83ef6aefb6791324e2c70567bdc128cef09d92",
|
||||
"gitHead": "34dd760d275faabff6855b84bb64bb69adc1ec1a",
|
||||
"sbmodern": "dist/modern/index.js"
|
||||
}
|
||||
|
||||
181
lib/core-common/src/utils/__tests__/to-importFn.test.ts
Normal file
181
lib/core-common/src/utils/__tests__/to-importFn.test.ts
Normal file
@ -0,0 +1,181 @@
|
||||
import { webpackIncludeRegexp } from '../to-importFn';
|
||||
import { normalizeStoriesEntry } from '../normalize-stories';
|
||||
|
||||
const testCases: [string, string[], string[]][] = [
|
||||
[
|
||||
'**/*.stories.tsx',
|
||||
[
|
||||
'/Users/user/code/Icon.stories.tsx',
|
||||
'/Users/user/code/src/Icon.stories.tsx',
|
||||
'/Users/user/code/src/components/Icon.stories.tsx',
|
||||
],
|
||||
[
|
||||
'/Users/user/code/stories.tsx',
|
||||
'/Users/user/code/Icon.stories.ts',
|
||||
'/Users/user/code/Icon.stories.js',
|
||||
'/Users/user/code/src/components/stories.tsx',
|
||||
'/Users/user/code/src/components/Icon.stories/stories.tsx',
|
||||
'/Users/user/code/src/components/Icon.stories.ts',
|
||||
'/Users/user/code/src/components/Icon.stories.js',
|
||||
],
|
||||
],
|
||||
[
|
||||
'./**/*.stories.tsx',
|
||||
[
|
||||
'/Users/user/code/Icon.stories.tsx',
|
||||
'/Users/user/code/src/Icon.stories.tsx',
|
||||
'/Users/user/code/src/components/Icon.stories.tsx',
|
||||
'/Users/user/code/src/components/Icon.stories/Icon.stories.tsx',
|
||||
],
|
||||
[
|
||||
'/Users/user/code/stories.tsx',
|
||||
'/Users/user/code/Icon.stories.ts',
|
||||
'/Users/user/code/Icon.stories.js',
|
||||
'/Users/user/code/src/components/stories.tsx',
|
||||
'/Users/user/code/src/components/Icon.stories/stories.tsx',
|
||||
'/Users/user/code/src/components/Icon.stories.ts',
|
||||
'/Users/user/code/src/components/Icon.stories.js',
|
||||
],
|
||||
],
|
||||
[
|
||||
'../**/*.stories.tsx',
|
||||
[
|
||||
'/Users/user/code/Icon.stories.tsx',
|
||||
'/Users/user/code/src/Icon.stories.tsx',
|
||||
'/Users/user/code/src/components/Icon.stories.tsx',
|
||||
'/Users/user/code/src/components/Icon.stories/Icon.stories.tsx',
|
||||
],
|
||||
[
|
||||
'/Users/user/code/stories.tsx',
|
||||
'/Users/user/code/Icon.stories.ts',
|
||||
'/Users/user/code/Icon.stories.js',
|
||||
'/Users/user/code/src/components/stories.tsx',
|
||||
'/Users/user/code/src/components/Icon.stories/stories.tsx',
|
||||
'/Users/user/code/src/components/Icon.stories.ts',
|
||||
'/Users/user/code/src/components/Icon.stories.js',
|
||||
],
|
||||
],
|
||||
[
|
||||
'src',
|
||||
[],
|
||||
[
|
||||
'/Users/user/code/Icon.stories.tsx',
|
||||
'/Users/user/code/src/Icon.stories.tsx',
|
||||
'/Users/user/code/src/components/Icon.stories.tsx',
|
||||
'/Users/user/code/src/components/Icon.stories/Icon.stories.tsx',
|
||||
'/Users/user/code/stories.tsx',
|
||||
'/Users/user/code/Icon.stories.ts',
|
||||
'/Users/user/code/Icon.stories.js',
|
||||
'/Users/user/code/src/components/stories.tsx',
|
||||
'/Users/user/code/src/components/Icon.stories/stories.tsx',
|
||||
'/Users/user/code/src/components/Icon.stories.ts',
|
||||
'/Users/user/code/src/components/Icon.stories.js',
|
||||
],
|
||||
],
|
||||
[
|
||||
'src/*',
|
||||
['/Users/user/code/src/Icon.stories.tsx'],
|
||||
[
|
||||
'/Users/user/code/Icon.stories.tsx',
|
||||
'/Users/user/code/src/components/Icon.stories.tsx',
|
||||
'/Users/user/code/src/components/Icon.stories/Icon.stories.tsx',
|
||||
'/Users/user/code/stories.tsx',
|
||||
'/Users/user/code/Icon.stories.ts',
|
||||
'/Users/user/code/Icon.stories.js',
|
||||
'/Users/user/code/src/components/stories.tsx',
|
||||
'/Users/user/code/src/components/Icon.stories/stories.tsx',
|
||||
'/Users/user/code/src/components/Icon.stories.ts',
|
||||
'/Users/user/code/src/components/Icon.stories.js',
|
||||
],
|
||||
],
|
||||
[
|
||||
'./src/**/*.stories.tsx',
|
||||
[
|
||||
'/Users/user/code/src/Icon.stories.tsx',
|
||||
'/Users/user/code/src/components/Icon.stories.tsx',
|
||||
'/Users/user/code/src/components/Icon.stories/Icon.stories.tsx',
|
||||
],
|
||||
[
|
||||
'/Users/user/code/Icon.stories.tsx',
|
||||
'/Users/user/code/stories.tsx',
|
||||
'/Users/user/code/Icon.stories.ts',
|
||||
'/Users/user/code/Icon.stories.js',
|
||||
'/Users/user/code/src/components/stories.tsx',
|
||||
'/Users/user/code/src/components/Icon.stories/stories.tsx',
|
||||
'/Users/user/code/src/components/Icon.stories.ts',
|
||||
'/Users/user/code/src/components/Icon.stories.js',
|
||||
],
|
||||
],
|
||||
[
|
||||
'../src/**/*.stories.tsx',
|
||||
[
|
||||
'/Users/user/code/src/Icon.stories.tsx',
|
||||
'/Users/user/code/src/components/Icon.stories.tsx',
|
||||
'/Users/user/code/src/components/Icon.stories/Icon.stories.tsx',
|
||||
],
|
||||
[
|
||||
'/Users/user/code/Icon.stories.tsx',
|
||||
'/Users/user/code/stories.tsx',
|
||||
'/Users/user/code/Icon.stories.ts',
|
||||
'/Users/user/code/Icon.stories.js',
|
||||
'/Users/user/code/src/components/stories.tsx',
|
||||
'/Users/user/code/src/components/Icon.stories/stories.tsx',
|
||||
'/Users/user/code/src/components/Icon.stories.ts',
|
||||
'/Users/user/code/src/components/Icon.stories.js',
|
||||
],
|
||||
],
|
||||
[
|
||||
'../../src/**/*.stories.tsx',
|
||||
[
|
||||
'/Users/user/code/src/Icon.stories.tsx',
|
||||
'/Users/user/code/src/components/Icon.stories.tsx',
|
||||
'/Users/user/code/src/components/Icon.stories/Icon.stories.tsx',
|
||||
],
|
||||
[
|
||||
'/Users/user/code/Icon.stories.tsx',
|
||||
'/Users/user/code/stories.tsx',
|
||||
'/Users/user/code/Icon.stories.ts',
|
||||
'/Users/user/code/Icon.stories.js',
|
||||
'/Users/user/code/src/components/stories.tsx',
|
||||
'/Users/user/code/src/components/Icon.stories/stories.tsx',
|
||||
'/Users/user/code/src/components/Icon.stories.ts',
|
||||
'/Users/user/code/src/components/Icon.stories.js',
|
||||
],
|
||||
],
|
||||
[
|
||||
'./../../src/**/*.stories.tsx',
|
||||
[
|
||||
'/Users/user/code/src/Icon.stories.tsx',
|
||||
'/Users/user/code/src/components/Icon.stories.tsx',
|
||||
'/Users/user/code/src/components/Icon.stories/Icon.stories.tsx',
|
||||
],
|
||||
[
|
||||
'/Users/user/code/Icon.stories.tsx',
|
||||
'/Users/user/code/stories.tsx',
|
||||
'/Users/user/code/Icon.stories.ts',
|
||||
'/Users/user/code/Icon.stories.js',
|
||||
'/Users/user/code/src/components/stories.tsx',
|
||||
'/Users/user/code/src/components/Icon.stories/stories.tsx',
|
||||
'/Users/user/code/src/components/Icon.stories.ts',
|
||||
'/Users/user/code/src/components/Icon.stories.js',
|
||||
],
|
||||
],
|
||||
];
|
||||
|
||||
describe('toImportFn - webpackIncludeRegexp', () => {
|
||||
it.each(testCases)('matches only suitable paths - %s', (glob, validPaths, invalidPaths) => {
|
||||
const regex = webpackIncludeRegexp(
|
||||
normalizeStoriesEntry(glob, { configDir: '/path', workingDir: '/path' })
|
||||
);
|
||||
|
||||
const isNotMatchedForValidPaths = validPaths.filter(
|
||||
(absolutePath) => !regex.test(absolutePath)
|
||||
);
|
||||
const isMatchedForInvalidPaths = invalidPaths.filter(
|
||||
(absolutePath) => !!regex.test(absolutePath)
|
||||
);
|
||||
|
||||
expect(isNotMatchedForValidPaths).toEqual([]);
|
||||
expect(isMatchedForInvalidPaths).toEqual([]);
|
||||
});
|
||||
});
|
||||
@ -1,6 +1,6 @@
|
||||
import { makeRe } from 'micromatch';
|
||||
import { makeRe } from 'picomatch';
|
||||
|
||||
export function globToRegex(glob: string) {
|
||||
export function globToRegexp(glob: string) {
|
||||
const regex = makeRe(glob, {
|
||||
fastpaths: false,
|
||||
noglobstar: false,
|
||||
|
||||
@ -2,11 +2,11 @@ import fs from 'fs';
|
||||
import path from 'path';
|
||||
import deprecate from 'util-deprecate';
|
||||
import dedent from 'ts-dedent';
|
||||
import { scan } from 'micromatch';
|
||||
import { scan } from 'picomatch';
|
||||
import slash from 'slash';
|
||||
|
||||
import type { StoriesEntry, NormalizedStoriesSpecifier } from '../types';
|
||||
import { globToRegex } from './glob-to-regexp';
|
||||
import { globToRegexp } from './glob-to-regexp';
|
||||
|
||||
const DEFAULT_TITLE_PREFIX = '';
|
||||
const DEFAULT_FILES = '**/*.stories.@(mdx|tsx|ts|jsx|js)';
|
||||
@ -101,7 +101,7 @@ export const normalizeStoriesEntry = (
|
||||
directory = directory.replace(/\/$/, '');
|
||||
|
||||
// Now make the importFn matcher.
|
||||
const importPathMatcher = globToRegex(`${directory}/${files}`);
|
||||
const importPathMatcher = globToRegexp(`${directory}/${files}`);
|
||||
|
||||
return {
|
||||
...specifierWithoutMatcher,
|
||||
|
||||
@ -1,16 +1,28 @@
|
||||
import dedent from 'ts-dedent';
|
||||
|
||||
import type { NormalizedStoriesSpecifier } from '../types';
|
||||
import { globToRegexp } from './glob-to-regexp';
|
||||
|
||||
export function toImportFnPart(specifier: NormalizedStoriesSpecifier) {
|
||||
const { directory, importPathMatcher } = specifier;
|
||||
export function webpackIncludeRegexp(specifier: NormalizedStoriesSpecifier) {
|
||||
const { directory, files } = specifier;
|
||||
|
||||
// It appears webpack passes *something* similar to the absolute path to the file
|
||||
// on disk (prefixed with something unknown) to the matcher.
|
||||
// We don't want to include the absolute path in our bundle, so we will just pull the
|
||||
// '^' and any leading '.' off the regexp and match on that.
|
||||
// We don't want to include the absolute path in our bundle, so we will just pull any leading
|
||||
// `./` or `../` off our directory and match on that.
|
||||
// It's imperfect as it could match extra things in extremely unusual cases, but it'll do for now.
|
||||
const webpackIncludeRegex = new RegExp(importPathMatcher.source.replace(/^\^\\\.*/, ''));
|
||||
// NOTE: directory is "slashed" so will contain only `/` (no `\`), even on windows
|
||||
const directoryWithoutLeadingDots = directory.replace(/^(\.+\/)+/, '/');
|
||||
const webpackIncludeGlob = ['.', '..'].includes(directory)
|
||||
? files
|
||||
: `${directoryWithoutLeadingDots}/${files}`;
|
||||
const webpackIncludeRegexpWithCaret = globToRegexp(webpackIncludeGlob);
|
||||
// picomatch is creating an exact match, but we are only matching the end of the filename
|
||||
return new RegExp(webpackIncludeRegexpWithCaret.source.replace(/^\^/, ''));
|
||||
}
|
||||
|
||||
export function toImportFnPart(specifier: NormalizedStoriesSpecifier) {
|
||||
const { directory, importPathMatcher } = specifier;
|
||||
|
||||
return dedent`
|
||||
async (path) => {
|
||||
@ -20,7 +32,7 @@ export function toImportFnPart(specifier: NormalizedStoriesSpecifier) {
|
||||
|
||||
const pathRemainder = path.substring(${directory.length + 1});
|
||||
return import(
|
||||
/* webpackInclude: ${webpackIncludeRegex} */
|
||||
/* webpackInclude: ${webpackIncludeRegexp(specifier)} */
|
||||
'${directory}/' + pathRemainder
|
||||
);
|
||||
}
|
||||
|
||||
@ -1,12 +1,12 @@
|
||||
import { NormalizedStoriesSpecifier } from '../types';
|
||||
import { globToRegex } from './glob-to-regexp';
|
||||
import { globToRegexp } from './glob-to-regexp';
|
||||
|
||||
export const toRequireContext = (specifier: NormalizedStoriesSpecifier) => {
|
||||
const { directory, files } = specifier;
|
||||
|
||||
// The importPathMatcher is a `./`-prefixed matcher that includes the directory
|
||||
// For `require.context()` we want the same thing, relative to directory
|
||||
const match = globToRegex(`./${files}`);
|
||||
const match = globToRegexp(`./${files}`);
|
||||
return {
|
||||
path: directory,
|
||||
recursive: !!files.match(/^\*{1,2}\//),
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/core-events",
|
||||
"version": "6.4.0-beta.21",
|
||||
"version": "6.4.0-beta.23",
|
||||
"description": "Event names used in storybook core",
|
||||
"keywords": [
|
||||
"storybook"
|
||||
@ -45,6 +45,6 @@
|
||||
"publishConfig": {
|
||||
"access": "public"
|
||||
},
|
||||
"gitHead": "eb83ef6aefb6791324e2c70567bdc128cef09d92",
|
||||
"gitHead": "34dd760d275faabff6855b84bb64bb69adc1ec1a",
|
||||
"sbmodern": "dist/modern/index.js"
|
||||
}
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/core-server",
|
||||
"version": "6.4.0-beta.21",
|
||||
"version": "6.4.0-beta.23",
|
||||
"description": "Storybook framework-agnostic API",
|
||||
"keywords": [
|
||||
"storybook"
|
||||
@ -41,15 +41,15 @@
|
||||
},
|
||||
"dependencies": {
|
||||
"@discoveryjs/json-ext": "^0.5.3",
|
||||
"@storybook/builder-webpack4": "6.4.0-beta.21",
|
||||
"@storybook/core-client": "6.4.0-beta.21",
|
||||
"@storybook/core-common": "6.4.0-beta.21",
|
||||
"@storybook/builder-webpack4": "6.4.0-beta.23",
|
||||
"@storybook/core-client": "6.4.0-beta.23",
|
||||
"@storybook/core-common": "6.4.0-beta.23",
|
||||
"@storybook/csf": "0.0.2--canary.87bc651.0",
|
||||
"@storybook/csf-tools": "6.4.0-beta.21",
|
||||
"@storybook/manager-webpack4": "6.4.0-beta.21",
|
||||
"@storybook/node-logger": "6.4.0-beta.21",
|
||||
"@storybook/csf-tools": "6.4.0-beta.23",
|
||||
"@storybook/manager-webpack4": "6.4.0-beta.23",
|
||||
"@storybook/node-logger": "6.4.0-beta.23",
|
||||
"@storybook/semver": "^7.3.2",
|
||||
"@storybook/store": "6.4.0-beta.21",
|
||||
"@storybook/store": "6.4.0-beta.23",
|
||||
"@types/node": "^14.0.10",
|
||||
"@types/node-fetch": "^2.5.7",
|
||||
"@types/pretty-hrtime": "^1.0.0",
|
||||
@ -81,15 +81,15 @@
|
||||
"webpack": "4"
|
||||
},
|
||||
"devDependencies": {
|
||||
"@storybook/builder-webpack5": "6.4.0-beta.21",
|
||||
"@storybook/builder-webpack5": "6.4.0-beta.23",
|
||||
"@types/compression": "^1.7.0",
|
||||
"@types/ip": "^1.1.0",
|
||||
"@types/serve-favicon": "^2.5.2",
|
||||
"jest-specific-snapshot": "^4.0.0"
|
||||
},
|
||||
"peerDependencies": {
|
||||
"@storybook/builder-webpack5": "6.4.0-beta.21",
|
||||
"@storybook/manager-webpack5": "6.4.0-beta.21",
|
||||
"@storybook/builder-webpack5": "6.4.0-beta.23",
|
||||
"@storybook/manager-webpack5": "6.4.0-beta.23",
|
||||
"react": "^16.8.0 || ^17.0.0",
|
||||
"react-dom": "^16.8.0 || ^17.0.0"
|
||||
},
|
||||
@ -107,6 +107,6 @@
|
||||
"publishConfig": {
|
||||
"access": "public"
|
||||
},
|
||||
"gitHead": "eb83ef6aefb6791324e2c70567bdc128cef09d92",
|
||||
"gitHead": "34dd760d275faabff6855b84bb64bb69adc1ec1a",
|
||||
"sbmodern": "dist/modern/index.js"
|
||||
}
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/core",
|
||||
"version": "6.4.0-beta.21",
|
||||
"version": "6.4.0-beta.23",
|
||||
"description": "Storybook framework-agnostic API",
|
||||
"keywords": [
|
||||
"storybook"
|
||||
@ -40,11 +40,11 @@
|
||||
"prepare": "node ../../scripts/prepare.js"
|
||||
},
|
||||
"dependencies": {
|
||||
"@storybook/core-client": "6.4.0-beta.21",
|
||||
"@storybook/core-server": "6.4.0-beta.21"
|
||||
"@storybook/core-client": "6.4.0-beta.23",
|
||||
"@storybook/core-server": "6.4.0-beta.23"
|
||||
},
|
||||
"peerDependencies": {
|
||||
"@storybook/builder-webpack5": "6.4.0-beta.21",
|
||||
"@storybook/builder-webpack5": "6.4.0-beta.23",
|
||||
"react": "^16.8.0 || ^17.0.0",
|
||||
"react-dom": "^16.8.0 || ^17.0.0",
|
||||
"webpack": "*"
|
||||
@ -60,6 +60,6 @@
|
||||
"publishConfig": {
|
||||
"access": "public"
|
||||
},
|
||||
"gitHead": "eb83ef6aefb6791324e2c70567bdc128cef09d92",
|
||||
"gitHead": "34dd760d275faabff6855b84bb64bb69adc1ec1a",
|
||||
"sbmodern": "dist/modern/index.js"
|
||||
}
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/csf-tools",
|
||||
"version": "6.4.0-beta.21",
|
||||
"version": "6.4.0-beta.23",
|
||||
"description": "",
|
||||
"keywords": [
|
||||
"storybook"
|
||||
@ -65,6 +65,6 @@
|
||||
"publishConfig": {
|
||||
"access": "public"
|
||||
},
|
||||
"gitHead": "eb83ef6aefb6791324e2c70567bdc128cef09d92",
|
||||
"gitHead": "34dd760d275faabff6855b84bb64bb69adc1ec1a",
|
||||
"sbmodern": "dist/modern/index.js"
|
||||
}
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/instrumenter",
|
||||
"version": "6.4.0-beta.21",
|
||||
"version": "6.4.0-beta.23",
|
||||
"description": "",
|
||||
"keywords": [
|
||||
"storybook"
|
||||
@ -40,14 +40,14 @@
|
||||
"prepare": "node ../../scripts/prepare.js"
|
||||
},
|
||||
"dependencies": {
|
||||
"@storybook/addons": "6.4.0-beta.21",
|
||||
"@storybook/client-logger": "6.4.0-beta.21",
|
||||
"@storybook/core-events": "6.4.0-beta.21",
|
||||
"@storybook/addons": "6.4.0-beta.23",
|
||||
"@storybook/client-logger": "6.4.0-beta.23",
|
||||
"@storybook/core-events": "6.4.0-beta.23",
|
||||
"global": "^4.4.0"
|
||||
},
|
||||
"publishConfig": {
|
||||
"access": "public"
|
||||
},
|
||||
"gitHead": "eb83ef6aefb6791324e2c70567bdc128cef09d92",
|
||||
"gitHead": "34dd760d275faabff6855b84bb64bb69adc1ec1a",
|
||||
"sbmodern": "dist/modern/index.js"
|
||||
}
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/manager-webpack4",
|
||||
"version": "6.4.0-beta.21",
|
||||
"version": "6.4.0-beta.23",
|
||||
"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.4.0-beta.21",
|
||||
"@storybook/core-client": "6.4.0-beta.21",
|
||||
"@storybook/core-common": "6.4.0-beta.21",
|
||||
"@storybook/node-logger": "6.4.0-beta.21",
|
||||
"@storybook/theming": "6.4.0-beta.21",
|
||||
"@storybook/ui": "6.4.0-beta.21",
|
||||
"@storybook/addons": "6.4.0-beta.23",
|
||||
"@storybook/core-client": "6.4.0-beta.23",
|
||||
"@storybook/core-common": "6.4.0-beta.23",
|
||||
"@storybook/node-logger": "6.4.0-beta.23",
|
||||
"@storybook/theming": "6.4.0-beta.23",
|
||||
"@storybook/ui": "6.4.0-beta.23",
|
||||
"@types/node": "^14.0.10",
|
||||
"@types/webpack": "^4.41.26",
|
||||
"babel-loader": "^8.0.0",
|
||||
@ -97,6 +97,6 @@
|
||||
"publishConfig": {
|
||||
"access": "public"
|
||||
},
|
||||
"gitHead": "eb83ef6aefb6791324e2c70567bdc128cef09d92",
|
||||
"gitHead": "34dd760d275faabff6855b84bb64bb69adc1ec1a",
|
||||
"sbmodern": "dist/modern/index.js"
|
||||
}
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/manager-webpack5",
|
||||
"version": "6.4.0-beta.21",
|
||||
"version": "6.4.0-beta.23",
|
||||
"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.4.0-beta.21",
|
||||
"@storybook/core-client": "6.4.0-beta.21",
|
||||
"@storybook/core-common": "6.4.0-beta.21",
|
||||
"@storybook/node-logger": "6.4.0-beta.21",
|
||||
"@storybook/theming": "6.4.0-beta.21",
|
||||
"@storybook/ui": "6.4.0-beta.21",
|
||||
"@storybook/addons": "6.4.0-beta.23",
|
||||
"@storybook/core-client": "6.4.0-beta.23",
|
||||
"@storybook/core-common": "6.4.0-beta.23",
|
||||
"@storybook/node-logger": "6.4.0-beta.23",
|
||||
"@storybook/theming": "6.4.0-beta.23",
|
||||
"@storybook/ui": "6.4.0-beta.23",
|
||||
"@types/node": "^14.0.10",
|
||||
"babel-loader": "^8.0.0",
|
||||
"case-sensitive-paths-webpack-plugin": "^2.3.0",
|
||||
@ -93,6 +93,6 @@
|
||||
"publishConfig": {
|
||||
"access": "public"
|
||||
},
|
||||
"gitHead": "eb83ef6aefb6791324e2c70567bdc128cef09d92",
|
||||
"gitHead": "34dd760d275faabff6855b84bb64bb69adc1ec1a",
|
||||
"sbmodern": "dist/modern/index.js"
|
||||
}
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/node-logger",
|
||||
"version": "6.4.0-beta.21",
|
||||
"version": "6.4.0-beta.23",
|
||||
"description": "",
|
||||
"keywords": [
|
||||
"storybook"
|
||||
@ -52,6 +52,6 @@
|
||||
"publishConfig": {
|
||||
"access": "public"
|
||||
},
|
||||
"gitHead": "eb83ef6aefb6791324e2c70567bdc128cef09d92",
|
||||
"gitHead": "34dd760d275faabff6855b84bb64bb69adc1ec1a",
|
||||
"sbmodern": "dist/modern/index.js"
|
||||
}
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/postinstall",
|
||||
"version": "6.4.0-beta.21",
|
||||
"version": "6.4.0-beta.23",
|
||||
"description": "Storybook addons postinstall utilities",
|
||||
"keywords": [
|
||||
"api",
|
||||
@ -51,6 +51,6 @@
|
||||
"publishConfig": {
|
||||
"access": "public"
|
||||
},
|
||||
"gitHead": "eb83ef6aefb6791324e2c70567bdc128cef09d92",
|
||||
"gitHead": "34dd760d275faabff6855b84bb64bb69adc1ec1a",
|
||||
"sbmodern": "dist/modern/index.js"
|
||||
}
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/preview-web",
|
||||
"version": "6.4.0-beta.21",
|
||||
"version": "6.4.0-beta.23",
|
||||
"description": "",
|
||||
"keywords": [
|
||||
"storybook"
|
||||
@ -40,18 +40,19 @@
|
||||
"prepare": "node ../../scripts/prepare.js"
|
||||
},
|
||||
"dependencies": {
|
||||
"@storybook/addons": "6.4.0-beta.21",
|
||||
"@storybook/channel-postmessage": "6.4.0-beta.21",
|
||||
"@storybook/client-logger": "6.4.0-beta.21",
|
||||
"@storybook/core-events": "6.4.0-beta.21",
|
||||
"@storybook/addons": "6.4.0-beta.23",
|
||||
"@storybook/channel-postmessage": "6.4.0-beta.23",
|
||||
"@storybook/client-logger": "6.4.0-beta.23",
|
||||
"@storybook/core-events": "6.4.0-beta.23",
|
||||
"@storybook/csf": "0.0.2--canary.87bc651.0",
|
||||
"@storybook/store": "6.4.0-beta.21",
|
||||
"@storybook/store": "6.4.0-beta.23",
|
||||
"ansi-to-html": "^0.6.11",
|
||||
"core-js": "^3.8.2",
|
||||
"global": "^4.4.0",
|
||||
"lodash": "^4.17.20",
|
||||
"qs": "^6.10.0",
|
||||
"regenerator-runtime": "^0.13.7",
|
||||
"synchronous-promise": "^2.0.15",
|
||||
"ts-dedent": "^2.0.0",
|
||||
"unfetch": "^4.2.0",
|
||||
"util-deprecate": "^1.0.2"
|
||||
@ -63,6 +64,6 @@
|
||||
"publishConfig": {
|
||||
"access": "public"
|
||||
},
|
||||
"gitHead": "eb83ef6aefb6791324e2c70567bdc128cef09d92",
|
||||
"gitHead": "34dd760d275faabff6855b84bb64bb69adc1ec1a",
|
||||
"sbmodern": "dist/modern/index.js"
|
||||
}
|
||||
|
||||
@ -117,7 +117,7 @@ describe('PreviewWeb', () => {
|
||||
it('shows an error if getProjectAnnotations throws', async () => {
|
||||
const err = new Error('meta error');
|
||||
const preview = new PreviewWeb();
|
||||
preview.initialize({
|
||||
await preview.initialize({
|
||||
importFn,
|
||||
getProjectAnnotations: () => {
|
||||
throw err;
|
||||
@ -185,6 +185,18 @@ describe('PreviewWeb', () => {
|
||||
foo: 'url',
|
||||
});
|
||||
});
|
||||
|
||||
it('allows async getProjectAnnotations', async () => {
|
||||
const preview = new PreviewWeb();
|
||||
await preview.initialize({
|
||||
importFn,
|
||||
getProjectAnnotations: async () => {
|
||||
return getProjectAnnotations();
|
||||
},
|
||||
});
|
||||
|
||||
expect(preview.storyStore.globals.get()).toEqual({ a: 'b' });
|
||||
});
|
||||
});
|
||||
|
||||
describe('initial selection', () => {
|
||||
@ -2385,7 +2397,7 @@ describe('PreviewWeb', () => {
|
||||
|
||||
mockChannel.emit.mockClear();
|
||||
const err = new Error('error getting meta');
|
||||
preview.onGetProjectAnnotationsChanged({
|
||||
await preview.onGetProjectAnnotationsChanged({
|
||||
getProjectAnnotations: () => {
|
||||
throw err;
|
||||
},
|
||||
|
||||
@ -1,8 +1,9 @@
|
||||
import deprecate from 'util-deprecate';
|
||||
import dedent from 'ts-dedent';
|
||||
import global from 'global';
|
||||
import { SynchronousPromise } from 'synchronous-promise';
|
||||
import Events, { IGNORED_EXCEPTION } from '@storybook/core-events';
|
||||
import { logger } from '@storybook/client-logger';
|
||||
import global from 'global';
|
||||
import { addons, Channel } from '@storybook/addons';
|
||||
import {
|
||||
AnyFramework,
|
||||
@ -50,6 +51,7 @@ function createController() {
|
||||
}
|
||||
|
||||
export type RenderPhase = 'loading' | 'rendering' | 'playing' | 'completed' | 'aborted' | 'errored';
|
||||
type PromiseLike<T> = Promise<T> | SynchronousPromise<T>;
|
||||
type MaybePromise<T> = Promise<T> | T;
|
||||
type StoryCleanupFn = () => MaybePromise<void>;
|
||||
|
||||
@ -92,6 +94,12 @@ export class PreviewWeb<TFramework extends AnyFramework> {
|
||||
);
|
||||
}
|
||||
|
||||
// NOTE: the reason that the preview and store's initialization code is written in a promise
|
||||
// style and not `async-await`, and the use of `SynchronousPromise`s is in order to allow
|
||||
// storyshots to immediately call `raw()` on the store without waiting for a later tick.
|
||||
// (Even simple things like `Promise.resolve()` and `await` involve the callback happening
|
||||
// in the next promise "tick").
|
||||
// See the comment in `storyshots-core/src/api/index.ts` for more detail.
|
||||
initialize({
|
||||
getStoryIndex,
|
||||
importFn,
|
||||
@ -101,54 +109,58 @@ export class PreviewWeb<TFramework extends AnyFramework> {
|
||||
// getProjectAnnotations has been run, thus this slightly awkward approach
|
||||
getStoryIndex?: () => StoryIndex;
|
||||
importFn: ModuleImportFn;
|
||||
getProjectAnnotations: () => WebProjectAnnotations<TFramework>;
|
||||
}): MaybePromise<void> {
|
||||
this.storyStore.setProjectAnnotations(
|
||||
this.getProjectAnnotationsOrRenderError(getProjectAnnotations) || {}
|
||||
);
|
||||
getProjectAnnotations: () => MaybePromise<WebProjectAnnotations<TFramework>>;
|
||||
}): PromiseLike<void> {
|
||||
return this.getProjectAnnotationsOrRenderError(getProjectAnnotations).then(
|
||||
(projectAnnotations) => {
|
||||
this.storyStore.setProjectAnnotations(projectAnnotations);
|
||||
|
||||
this.setupListeners();
|
||||
this.setupListeners();
|
||||
|
||||
if (FEATURES?.storyStoreV7) {
|
||||
this.indexClient = new StoryIndexClient();
|
||||
return this.indexClient
|
||||
.fetch()
|
||||
.then((storyIndex: StoryIndex) => {
|
||||
this.storyStore.initialize({
|
||||
storyIndex,
|
||||
importFn,
|
||||
cache: false,
|
||||
let storyIndexPromise: PromiseLike<StoryIndex>;
|
||||
if (FEATURES?.storyStoreV7) {
|
||||
this.indexClient = new StoryIndexClient();
|
||||
storyIndexPromise = this.indexClient.fetch();
|
||||
} else {
|
||||
if (!getStoryIndex) {
|
||||
throw new Error('No `getStoryIndex` passed defined in v6 mode');
|
||||
}
|
||||
storyIndexPromise = SynchronousPromise.resolve().then(getStoryIndex);
|
||||
}
|
||||
|
||||
return storyIndexPromise
|
||||
.then((storyIndex: StoryIndex) => {
|
||||
return this.storyStore
|
||||
.initialize({
|
||||
storyIndex,
|
||||
importFn,
|
||||
cache: !FEATURES?.storyStoreV7,
|
||||
})
|
||||
.then(() => {
|
||||
if (!FEATURES?.storyStoreV7) {
|
||||
this.channel.emit(Events.SET_STORIES, this.storyStore.getSetStoriesPayload());
|
||||
}
|
||||
|
||||
this.setGlobalsAndRenderSelection();
|
||||
});
|
||||
})
|
||||
.catch((err) => {
|
||||
logger.warn(err);
|
||||
this.renderPreviewEntryError(err);
|
||||
});
|
||||
return this.setGlobalsAndRenderSelection();
|
||||
})
|
||||
.catch((err) => {
|
||||
logger.warn(err);
|
||||
this.renderPreviewEntryError(err);
|
||||
});
|
||||
}
|
||||
|
||||
if (!getStoryIndex) {
|
||||
throw new Error('No `getStoryIndex` passed defined in v6 mode');
|
||||
}
|
||||
this.storyStore.initialize({
|
||||
storyIndex: getStoryIndex(),
|
||||
importFn,
|
||||
cache: true,
|
||||
});
|
||||
this.channel.emit(Events.SET_STORIES, this.storyStore.getSetStoriesPayload());
|
||||
|
||||
return this.setGlobalsAndRenderSelection();
|
||||
}
|
||||
);
|
||||
}
|
||||
|
||||
getProjectAnnotationsOrRenderError(
|
||||
getProjectAnnotations: () => WebProjectAnnotations<TFramework>
|
||||
): ProjectAnnotations<TFramework> | undefined {
|
||||
let projectAnnotations;
|
||||
try {
|
||||
projectAnnotations = getProjectAnnotations();
|
||||
this.renderToDOM = projectAnnotations.renderToDOM;
|
||||
if (!this.renderToDOM) {
|
||||
throw new Error(dedent`
|
||||
getProjectAnnotations: () => MaybePromise<WebProjectAnnotations<TFramework>>
|
||||
): PromiseLike<ProjectAnnotations<TFramework>> {
|
||||
return SynchronousPromise.resolve()
|
||||
.then(() => getProjectAnnotations())
|
||||
.then((projectAnnotations) => {
|
||||
this.renderToDOM = projectAnnotations.renderToDOM;
|
||||
if (!this.renderToDOM) {
|
||||
throw new Error(dedent`
|
||||
Expected 'framework' in your main.js to export 'renderToDOM', but none found.
|
||||
|
||||
You can fix this automatically by running:
|
||||
@ -157,15 +169,16 @@ export class PreviewWeb<TFramework extends AnyFramework> {
|
||||
|
||||
More info: https://github.com/storybookjs/storybook/blob/next/MIGRATION.md#mainjs-framework-field
|
||||
`);
|
||||
}
|
||||
return projectAnnotations;
|
||||
} catch (err) {
|
||||
logger.warn(err);
|
||||
// This is an error extracting the projectAnnotations (i.e. evaluating the previewEntries) and
|
||||
// needs to be show to the user as a simple error
|
||||
this.renderPreviewEntryError(err);
|
||||
return undefined;
|
||||
}
|
||||
}
|
||||
return projectAnnotations;
|
||||
})
|
||||
.catch((err) => {
|
||||
logger.warn(err);
|
||||
// This is an error extracting the projectAnnotations (i.e. evaluating the previewEntries) and
|
||||
// needs to be show to the user as a simple error
|
||||
this.renderPreviewEntryError(err);
|
||||
return {};
|
||||
});
|
||||
}
|
||||
|
||||
setupListeners() {
|
||||
@ -300,12 +313,12 @@ export class PreviewWeb<TFramework extends AnyFramework> {
|
||||
}
|
||||
|
||||
// This happens when a config file gets reloade
|
||||
onGetProjectAnnotationsChanged({
|
||||
async onGetProjectAnnotationsChanged({
|
||||
getProjectAnnotations,
|
||||
}: {
|
||||
getProjectAnnotations: () => ProjectAnnotations<TFramework>;
|
||||
getProjectAnnotations: () => MaybePromise<ProjectAnnotations<TFramework>>;
|
||||
}) {
|
||||
const projectAnnotations = this.getProjectAnnotationsOrRenderError(getProjectAnnotations);
|
||||
const projectAnnotations = await this.getProjectAnnotationsOrRenderError(getProjectAnnotations);
|
||||
if (!projectAnnotations) {
|
||||
return;
|
||||
}
|
||||
@ -391,9 +404,7 @@ export class PreviewWeb<TFramework extends AnyFramework> {
|
||||
async renderDocs({ story }: { story: Story<TFramework> }) {
|
||||
const { id, title, name } = story;
|
||||
const element = this.view.prepareForDocs();
|
||||
const csfFile: CSFFile<TFramework> = await this.storyStore.loadCSFFileByStoryId(id, {
|
||||
sync: false,
|
||||
});
|
||||
const csfFile: CSFFile<TFramework> = await this.storyStore.loadCSFFileByStoryId(id);
|
||||
const docsContext = {
|
||||
id,
|
||||
title,
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/router",
|
||||
"version": "6.4.0-beta.21",
|
||||
"version": "6.4.0-beta.23",
|
||||
"description": "Core Storybook Router",
|
||||
"keywords": [
|
||||
"storybook"
|
||||
@ -40,7 +40,7 @@
|
||||
"prepare": "node ../../scripts/prepare.js"
|
||||
},
|
||||
"dependencies": {
|
||||
"@storybook/client-logger": "6.4.0-beta.21",
|
||||
"@storybook/client-logger": "6.4.0-beta.23",
|
||||
"core-js": "^3.8.2",
|
||||
"fast-deep-equal": "^3.1.3",
|
||||
"global": "^4.4.0",
|
||||
@ -59,6 +59,6 @@
|
||||
"publishConfig": {
|
||||
"access": "public"
|
||||
},
|
||||
"gitHead": "eb83ef6aefb6791324e2c70567bdc128cef09d92",
|
||||
"gitHead": "34dd760d275faabff6855b84bb64bb69adc1ec1a",
|
||||
"sbmodern": "dist/modern/index.js"
|
||||
}
|
||||
|
||||
Some files were not shown because too many files have changed in this diff Show More
Loading…
x
Reference in New Issue
Block a user