diff --git a/.circleci/config.yml b/.circleci/config.yml
index 1eb5a6b1b4a4..389a649622dc 100644
--- a/.circleci/config.yml
+++ b/.circleci/config.yml
@@ -1,4 +1,4 @@
-version: 2
+version: 2.1
aliases:
- &defaults
@@ -6,9 +6,6 @@ aliases:
docker:
- image: circleci/node:10
-dependencies:
- pre:
- - yarn global add npm
jobs:
build:
<<: *defaults
@@ -17,7 +14,7 @@ jobs:
- restore_cache:
name: Restore core dependencies cache
keys:
- - core-dependencies-v3-{{ checksum "yarn.lock" }}
+ - core-dependencies-v4-{{ checksum "yarn.lock" }}
- run:
name: Install dependencies
command: yarn install
@@ -29,9 +26,11 @@ jobs:
command: yarn bootstrap --core
- save_cache:
name: Cache core dependencies
- key: core-dependencies-v3-{{ checksum "yarn.lock" }}
+ key: core-dependencies-v4-{{ checksum "yarn.lock" }}
paths:
- - ~/.cache/yarn
+ - ~/.cache
+ - node_modules
+ - /root/.cache
- persist_to_workspace:
root: .
paths:
@@ -47,9 +46,6 @@ jobs:
- checkout
- attach_workspace:
at: .
- - run:
- name: Generate static examples
- command: yarn build-storybooks
- run:
name: Run chromatic on the pre-built storybook
command: yarn chromatic
@@ -66,97 +62,50 @@ jobs:
yarn packtracker
examples:
<<: *defaults
+ parallelism: 4
steps:
- checkout
- attach_workspace:
at: .
- run:
- name: Workaround for https://github.com/GoogleChrome/puppeteer/issues/290
- command: sh ./scripts/workaround-puppeteer-issue-290.sh
- - run:
- name: Build react kitchen-sink
- command: |
- cd examples/cra-kitchen-sink
- yarn build-storybook
- - run:
- name: Build react typescript kitchen-sink
- command: |
- cd examples/cra-ts-kitchen-sink
- yarn build-storybook
- - run:
- name: Build vue kitchen-sink
- command: |
- cd examples/vue-kitchen-sink
- yarn build-storybook
- - run:
- name: Build svelte kitchen-sink
- command: |
- cd examples/svelte-kitchen-sink
- yarn build-storybook
- - run:
- name: Build angular-cli
+ name: examples
command: |
- cd examples/angular-cli
- yarn build-storybook
- - run:
- name: Build ember-cli
- command: |
- cd examples/ember-cli
- yarn build-storybook
- - run:
- name: Build polymer-cli
- command: |
- cd examples/polymer-cli
- yarn build-storybook
- - run:
- name: Build marko-cli
- command: |
- cd examples/marko-cli
- yarn build-storybook
- - run:
- name: Build mithril kitchen-sink
- command: |
- cd examples/mithril-kitchen-sink
- yarn build-storybook
- - run:
- name: Build html kitchen-sink
- command: |
- cd examples/html-kitchen-sink
- yarn build-storybook
- - run:
- name: Build riot kitchen-sink
- command: |
- cd examples/riot-kitchen-sink
- yarn build-storybook
- - run:
- name: Build preact kitchen-sink
- command: |
- cd examples/preact-kitchen-sink
- yarn build-storybook
- - run:
- name: Build cra react15
- command: |
- cd examples/cra-react15
- yarn build-storybook
- - run:
- name: Build official-storybook
- command: |
- cd examples/official-storybook
- yarn build-storybook
- # - run:
- # name: Run image snapshots
- # command: yarn test --image
- - store_artifacts:
- path: examples/official-storybook/image-snapshots/__image_snapshots__
- destination: official_storybook_image_snapshots
+ yarn build-storybooks
- persist_to_workspace:
root: .
paths:
+ - built-storybooks
+ e2e:
+ working_directory: /tmp/storybook
+ docker:
+ - image: cypress/base:8
+ environment:
+ TERM: xterm
+ steps:
+ - checkout
+ - attach_workspace:
+ at: .
+ - run:
+ name: install cypress
+ command: yarn cypress install
+ - save_cache:
+ name: Cache core dependencies
+ key: core-dependencies-v4-{{ checksum "yarn.lock" }}
+ paths:
+ - ~/.cache
- node_modules
- - examples
- - addons
- - app
- - lib
+ - /root/.cache
+ - run:
+ name: running example
+ command: yarn serve-storybooks
+ background: true
+ - run:
+ name: await running examples
+ command: yarn await-serve-storybooks
+ - run:
+ name: cypress run
+ command: yarn cypress run
+
smoke-tests:
<<: *defaults
steps:
@@ -253,18 +202,13 @@ jobs:
- restore_cache:
name: Restore core dependencies cache
keys:
- - core-dependencies-v3-{{ checksum "yarn.lock" }}
+ - core-dependencies-v4-{{ checksum "yarn.lock" }}
- run:
name: Install dependencies
- command: yarn install
+ command: yarn bootstrap --install
- run:
name: Trigger build
command: ./scripts/build-frontpage.js
- - save_cache:
- name: Cache core dependencies
- key: core-dependencies-v3-{{ checksum "yarn.lock" }}
- paths:
- - ~/.cache/yarn
docs:
<<: *defaults
steps:
@@ -287,12 +231,7 @@ jobs:
name: Cache docs dependencies
key: docs-dependencies-v2-{{ checksum "docs/yarn.lock" }}
paths:
- - ~/.cache/yarn
- - persist_to_workspace:
- root: .
- paths:
- - docs/public
- - docs/node_modules
+ - ~/.cache
lint:
<<: *defaults
steps:
@@ -325,19 +264,18 @@ jobs:
name: Upload coverage
command: yarn coverage
workflows:
- version: 2
- build_test_deploy:
+ test:
jobs:
- build
- - docs
- - frontpage
- lint:
requires:
- - docs
- build
- examples:
requires:
- build
+ - e2e:
+ requires:
+ - examples
- smoke-tests:
requires:
- build
@@ -355,4 +293,8 @@ workflows:
- test
- chromatic:
requires:
- - build
+ - examples
+ deploy:
+ jobs:
+ - docs
+ - frontpage
diff --git a/.github/workflows/tests-unit.yml b/.github/workflows/tests-unit.yml
index 6481b025e3ce..26e640026d7f 100644
--- a/.github/workflows/tests-unit.yml
+++ b/.github/workflows/tests-unit.yml
@@ -7,17 +7,11 @@ jobs:
name: Test on node ${{ matrix.node_version }} and ${{ matrix.os }}
runs-on: ${{ matrix.os }}
- strategy:
- matrix:
- node-version: [10]
- os: [ubuntu-latest]
-
steps:
- uses: actions/checkout@v1
- - name: Use Node.js ${{ matrix.node_version }}
- uses: actions/setup-node@v1
+ - uses: actions/setup-node@v1
with:
- version: ${{ matrix.node_version }}
+ node-version: '10.x'
- name: install, bootstrap
run: |
yarn bootstrap --core
diff --git a/.gitignore b/.gitignore
index 124238c64b88..48f61b11955e 100644
--- a/.gitignore
+++ b/.gitignore
@@ -32,3 +32,5 @@ htpasswd
storybook-out
/addons/docs/common/config-*
built-storybooks
+cypress/videos
+cypress/screenshots
diff --git a/CHANGELOG.md b/CHANGELOG.md
index d4b4607d8cbb..79d3ed1b2339 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -1,3 +1,14 @@
+## 5.3.0-alpha.22 (October 18, 2019)
+
+### Features
+
+* CLI: Add component meta to framework templates ([#8462](https://github.com/storybookjs/storybook/pull/8462))
+
+### Maintenance
+
+* Build: Add cypress to Storybook CI ([#8397](https://github.com/storybookjs/storybook/pull/8397))
+* Incorrect minimal required node version ([#8427](https://github.com/storybookjs/storybook/pull/8427))
+
## 5.3.0-alpha.21 (October 17, 2019)
### Features
diff --git a/addons/a11y/package.json b/addons/a11y/package.json
index 6363b9aabbc8..45525ca27eb0 100644
--- a/addons/a11y/package.json
+++ b/addons/a11y/package.json
@@ -1,6 +1,6 @@
{
"name": "@storybook/addon-a11y",
- "version": "5.3.0-alpha.21",
+ "version": "5.3.0-alpha.22",
"description": "a11y addon for storybook",
"keywords": [
"a11y",
@@ -33,12 +33,12 @@
"prepare": "node ../../scripts/prepare.js"
},
"dependencies": {
- "@storybook/addons": "5.3.0-alpha.21",
- "@storybook/api": "5.3.0-alpha.21",
- "@storybook/client-logger": "5.3.0-alpha.21",
- "@storybook/components": "5.3.0-alpha.21",
- "@storybook/core-events": "5.3.0-alpha.21",
- "@storybook/theming": "5.3.0-alpha.21",
+ "@storybook/addons": "5.3.0-alpha.22",
+ "@storybook/api": "5.3.0-alpha.22",
+ "@storybook/client-logger": "5.3.0-alpha.22",
+ "@storybook/components": "5.3.0-alpha.22",
+ "@storybook/core-events": "5.3.0-alpha.22",
+ "@storybook/theming": "5.3.0-alpha.22",
"axe-core": "^3.3.2",
"core-js": "^3.0.1",
"global": "^4.3.2",
diff --git a/addons/actions/package.json b/addons/actions/package.json
index 8f373249262a..c4c955199270 100644
--- a/addons/actions/package.json
+++ b/addons/actions/package.json
@@ -1,6 +1,6 @@
{
"name": "@storybook/addon-actions",
- "version": "5.3.0-alpha.21",
+ "version": "5.3.0-alpha.22",
"description": "Action Logger addon for storybook",
"keywords": [
"storybook"
@@ -28,12 +28,12 @@
"prepare": "node ../../scripts/prepare.js"
},
"dependencies": {
- "@storybook/addons": "5.3.0-alpha.21",
- "@storybook/api": "5.3.0-alpha.21",
- "@storybook/client-api": "5.3.0-alpha.21",
- "@storybook/components": "5.3.0-alpha.21",
- "@storybook/core-events": "5.3.0-alpha.21",
- "@storybook/theming": "5.3.0-alpha.21",
+ "@storybook/addons": "5.3.0-alpha.22",
+ "@storybook/api": "5.3.0-alpha.22",
+ "@storybook/client-api": "5.3.0-alpha.22",
+ "@storybook/components": "5.3.0-alpha.22",
+ "@storybook/core-events": "5.3.0-alpha.22",
+ "@storybook/theming": "5.3.0-alpha.22",
"core-js": "^3.0.1",
"fast-deep-equal": "^2.0.1",
"global": "^4.3.2",
diff --git a/addons/backgrounds/package.json b/addons/backgrounds/package.json
index 8daf45643d5a..24da61ce3e22 100644
--- a/addons/backgrounds/package.json
+++ b/addons/backgrounds/package.json
@@ -1,6 +1,6 @@
{
"name": "@storybook/addon-backgrounds",
- "version": "5.3.0-alpha.21",
+ "version": "5.3.0-alpha.22",
"description": "A storybook addon to show different backgrounds for your preview",
"keywords": [
"addon",
@@ -32,12 +32,12 @@
"prepare": "node ../../scripts/prepare.js"
},
"dependencies": {
- "@storybook/addons": "5.3.0-alpha.21",
- "@storybook/api": "5.3.0-alpha.21",
- "@storybook/client-logger": "5.3.0-alpha.21",
- "@storybook/components": "5.3.0-alpha.21",
- "@storybook/core-events": "5.3.0-alpha.21",
- "@storybook/theming": "5.3.0-alpha.21",
+ "@storybook/addons": "5.3.0-alpha.22",
+ "@storybook/api": "5.3.0-alpha.22",
+ "@storybook/client-logger": "5.3.0-alpha.22",
+ "@storybook/components": "5.3.0-alpha.22",
+ "@storybook/core-events": "5.3.0-alpha.22",
+ "@storybook/theming": "5.3.0-alpha.22",
"core-js": "^3.0.1",
"memoizerific": "^1.11.3",
"react": "^16.8.3",
diff --git a/addons/centered/package.json b/addons/centered/package.json
index 600146198eca..e5a5ea39efce 100644
--- a/addons/centered/package.json
+++ b/addons/centered/package.json
@@ -1,6 +1,6 @@
{
"name": "@storybook/addon-centered",
- "version": "5.3.0-alpha.21",
+ "version": "5.3.0-alpha.22",
"description": "Storybook decorator to center components",
"keywords": [
"addon",
@@ -29,7 +29,7 @@
"prepare": "node ../../scripts/prepare.js"
},
"dependencies": {
- "@storybook/addons": "5.3.0-alpha.21",
+ "@storybook/addons": "5.3.0-alpha.22",
"core-js": "^3.0.1",
"global": "^4.3.2",
"util-deprecate": "^1.0.2"
diff --git a/addons/contexts/package.json b/addons/contexts/package.json
index 804906a7561b..c2e97ce8c3d1 100644
--- a/addons/contexts/package.json
+++ b/addons/contexts/package.json
@@ -1,6 +1,6 @@
{
"name": "@storybook/addon-contexts",
- "version": "5.3.0-alpha.21",
+ "version": "5.3.0-alpha.22",
"description": "Storybook Addon Contexts",
"keywords": [
"preact",
@@ -27,10 +27,10 @@
"prepare": "node ../../scripts/prepare.js"
},
"dependencies": {
- "@storybook/addons": "5.3.0-alpha.21",
- "@storybook/api": "5.3.0-alpha.21",
- "@storybook/components": "5.3.0-alpha.21",
- "@storybook/core-events": "5.3.0-alpha.21",
+ "@storybook/addons": "5.3.0-alpha.22",
+ "@storybook/api": "5.3.0-alpha.22",
+ "@storybook/components": "5.3.0-alpha.22",
+ "@storybook/core-events": "5.3.0-alpha.22",
"core-js": "^3.0.1",
"global": "^4.3.2",
"qs": "^6.6.0"
diff --git a/addons/cssresources/package.json b/addons/cssresources/package.json
index 204853850b4e..603f5cd76764 100644
--- a/addons/cssresources/package.json
+++ b/addons/cssresources/package.json
@@ -1,6 +1,6 @@
{
"name": "@storybook/addon-cssresources",
- "version": "5.3.0-alpha.21",
+ "version": "5.3.0-alpha.22",
"description": "A storybook addon to switch between css resources at runtime for your story",
"keywords": [
"addon",
@@ -32,10 +32,10 @@
"prepare": "node ../../scripts/prepare.js"
},
"dependencies": {
- "@storybook/addons": "5.3.0-alpha.21",
- "@storybook/api": "5.3.0-alpha.21",
- "@storybook/components": "5.3.0-alpha.21",
- "@storybook/core-events": "5.3.0-alpha.21",
+ "@storybook/addons": "5.3.0-alpha.22",
+ "@storybook/api": "5.3.0-alpha.22",
+ "@storybook/components": "5.3.0-alpha.22",
+ "@storybook/core-events": "5.3.0-alpha.22",
"core-js": "^3.0.1",
"global": "^4.3.2",
"react": "^16.8.3"
diff --git a/addons/design-assets/package.json b/addons/design-assets/package.json
index 9cc614bc5bae..147c9236f427 100644
--- a/addons/design-assets/package.json
+++ b/addons/design-assets/package.json
@@ -1,6 +1,6 @@
{
"name": "@storybook/addon-design-assets",
- "version": "5.3.0-alpha.21",
+ "version": "5.3.0-alpha.22",
"description": "Design asset preview for storybook",
"keywords": [
"addon",
@@ -34,12 +34,12 @@
"prepare": "node ../../scripts/prepare.js"
},
"dependencies": {
- "@storybook/addons": "5.3.0-alpha.21",
- "@storybook/api": "5.3.0-alpha.21",
- "@storybook/client-logger": "5.3.0-alpha.21",
- "@storybook/components": "5.3.0-alpha.21",
- "@storybook/core-events": "5.3.0-alpha.21",
- "@storybook/theming": "5.3.0-alpha.21",
+ "@storybook/addons": "5.3.0-alpha.22",
+ "@storybook/api": "5.3.0-alpha.22",
+ "@storybook/client-logger": "5.3.0-alpha.22",
+ "@storybook/components": "5.3.0-alpha.22",
+ "@storybook/core-events": "5.3.0-alpha.22",
+ "@storybook/theming": "5.3.0-alpha.22",
"core-js": "^3.0.1",
"global": "^4.3.2",
"react": "^16.8.3",
diff --git a/addons/docs/docs/theming.md b/addons/docs/docs/theming.md
index 0aabd0b195a8..924f81ef1052 100644
--- a/addons/docs/docs/theming.md
+++ b/addons/docs/docs/theming.md
@@ -27,7 +27,7 @@ addParameters({
The Storybook theme API is narrow by design. If you want to have fine-grained control over the CSS, all of the Docs components are tagged with class names to make this possible. This is advanced usage: use at your own risk.
-The classes correspond to markdown elements (e.g. `sbdocs-h1`, `sbdocs-p`, etc.) to UI elements on the page (e.g. `sbdocs-container`, `sbdocs-content`, etc.). To see the currently available classes, use "inspect element" in your browser.
+The classes correspond to markdown elements (e.g. `sbdocs-title`, `sbdocs-subtitle`, `sbdocs-p`, etc.) to UI elements on the page (e.g. `sbdocs-container`, `sbdocs-content`, etc.). To see the currently available classes, use "inspect element" in your browser.
You can style these classes in `.storybook/preview-head.html`. For example, here's how to make the content wider for UHD displays:
diff --git a/addons/docs/package.json b/addons/docs/package.json
index c353b3db76ec..00d7e4fc595d 100644
--- a/addons/docs/package.json
+++ b/addons/docs/package.json
@@ -1,6 +1,6 @@
{
"name": "@storybook/addon-docs",
- "version": "5.3.0-alpha.21",
+ "version": "5.3.0-alpha.22",
"description": "Superior documentation for your components",
"keywords": [
"addon",
@@ -42,12 +42,12 @@
"@mdx-js/loader": "^1.1.0",
"@mdx-js/mdx": "^1.1.0",
"@mdx-js/react": "^1.0.27",
- "@storybook/addons": "5.3.0-alpha.21",
- "@storybook/api": "5.3.0-alpha.21",
- "@storybook/components": "5.3.0-alpha.21",
- "@storybook/router": "5.3.0-alpha.21",
- "@storybook/source-loader": "5.3.0-alpha.21",
- "@storybook/theming": "5.3.0-alpha.21",
+ "@storybook/addons": "5.3.0-alpha.22",
+ "@storybook/api": "5.3.0-alpha.22",
+ "@storybook/components": "5.3.0-alpha.22",
+ "@storybook/router": "5.3.0-alpha.22",
+ "@storybook/source-loader": "5.3.0-alpha.22",
+ "@storybook/theming": "5.3.0-alpha.22",
"core-js": "^3.0.1",
"global": "^4.3.2",
"js-string-escape": "^1.0.1",
diff --git a/addons/events/package.json b/addons/events/package.json
index e5cce7dd69d3..384de20504da 100644
--- a/addons/events/package.json
+++ b/addons/events/package.json
@@ -1,6 +1,6 @@
{
"name": "@storybook/addon-events",
- "version": "5.3.0-alpha.21",
+ "version": "5.3.0-alpha.22",
"description": "Add events to your Storybook stories.",
"keywords": [
"addon",
@@ -31,11 +31,11 @@
"prepare": "node ../../scripts/prepare.js"
},
"dependencies": {
- "@storybook/addons": "5.3.0-alpha.21",
- "@storybook/api": "5.3.0-alpha.21",
- "@storybook/client-api": "5.3.0-alpha.21",
- "@storybook/core-events": "5.3.0-alpha.21",
- "@storybook/theming": "5.3.0-alpha.21",
+ "@storybook/addons": "5.3.0-alpha.22",
+ "@storybook/api": "5.3.0-alpha.22",
+ "@storybook/client-api": "5.3.0-alpha.22",
+ "@storybook/core-events": "5.3.0-alpha.22",
+ "@storybook/theming": "5.3.0-alpha.22",
"core-js": "^3.0.1",
"format-json": "^1.0.3",
"lodash": "^4.17.15",
diff --git a/addons/google-analytics/package.json b/addons/google-analytics/package.json
index 6c2626ea80d1..4aad95892c31 100644
--- a/addons/google-analytics/package.json
+++ b/addons/google-analytics/package.json
@@ -1,6 +1,6 @@
{
"name": "@storybook/addon-google-analytics",
- "version": "5.3.0-alpha.21",
+ "version": "5.3.0-alpha.22",
"description": "Storybook addon for google analytics",
"keywords": [
"addon",
@@ -20,8 +20,8 @@
"prepare": "node ../../scripts/prepare.js"
},
"dependencies": {
- "@storybook/addons": "5.3.0-alpha.21",
- "@storybook/core-events": "5.3.0-alpha.21",
+ "@storybook/addons": "5.3.0-alpha.22",
+ "@storybook/core-events": "5.3.0-alpha.22",
"core-js": "^3.0.1",
"global": "^4.3.2",
"react-ga": "^2.5.7"
diff --git a/addons/graphql/package.json b/addons/graphql/package.json
index 773cf9745643..7ae8171d6802 100644
--- a/addons/graphql/package.json
+++ b/addons/graphql/package.json
@@ -1,6 +1,6 @@
{
"name": "@storybook/addon-graphql",
- "version": "5.3.0-alpha.21",
+ "version": "5.3.0-alpha.22",
"description": "Storybook addon to display the GraphiQL IDE",
"keywords": [
"addon",
@@ -29,8 +29,8 @@
"prepare": "node ../../scripts/prepare.js"
},
"dependencies": {
- "@storybook/addons": "5.3.0-alpha.21",
- "@storybook/api": "5.3.0-alpha.21",
+ "@storybook/addons": "5.3.0-alpha.22",
+ "@storybook/api": "5.3.0-alpha.22",
"core-js": "^3.0.1",
"global": "^4.3.2",
"graphiql": "^0.14.2",
diff --git a/addons/info/package.json b/addons/info/package.json
index 88357d4f23f0..08efb2e7f525 100644
--- a/addons/info/package.json
+++ b/addons/info/package.json
@@ -1,6 +1,6 @@
{
"name": "@storybook/addon-info",
- "version": "5.3.0-alpha.21",
+ "version": "5.3.0-alpha.22",
"description": "A Storybook addon to show additional information for your stories.",
"keywords": [
"addon",
@@ -29,10 +29,10 @@
"prepare": "node ../../scripts/prepare.js"
},
"dependencies": {
- "@storybook/addons": "5.3.0-alpha.21",
- "@storybook/client-logger": "5.3.0-alpha.21",
- "@storybook/components": "5.3.0-alpha.21",
- "@storybook/theming": "5.3.0-alpha.21",
+ "@storybook/addons": "5.3.0-alpha.22",
+ "@storybook/client-logger": "5.3.0-alpha.22",
+ "@storybook/components": "5.3.0-alpha.22",
+ "@storybook/theming": "5.3.0-alpha.22",
"core-js": "^3.0.1",
"global": "^4.3.2",
"jsx-to-string": "^1.4.0",
diff --git a/addons/jest/package.json b/addons/jest/package.json
index be74155a520d..eb05394a3feb 100644
--- a/addons/jest/package.json
+++ b/addons/jest/package.json
@@ -1,6 +1,6 @@
{
"name": "@storybook/addon-jest",
- "version": "5.3.0-alpha.21",
+ "version": "5.3.0-alpha.22",
"description": "React storybook addon that show component jest report",
"keywords": [
"addon",
@@ -35,11 +35,11 @@
"prepare": "node ../../scripts/prepare.js"
},
"dependencies": {
- "@storybook/addons": "5.3.0-alpha.21",
- "@storybook/api": "5.3.0-alpha.21",
- "@storybook/components": "5.3.0-alpha.21",
- "@storybook/core-events": "5.3.0-alpha.21",
- "@storybook/theming": "5.3.0-alpha.21",
+ "@storybook/addons": "5.3.0-alpha.22",
+ "@storybook/api": "5.3.0-alpha.22",
+ "@storybook/components": "5.3.0-alpha.22",
+ "@storybook/core-events": "5.3.0-alpha.22",
+ "@storybook/theming": "5.3.0-alpha.22",
"core-js": "^3.0.1",
"global": "^4.3.2",
"react": "^16.8.3",
diff --git a/addons/knobs/package.json b/addons/knobs/package.json
index 6da0f439f19b..34404dc54b8c 100644
--- a/addons/knobs/package.json
+++ b/addons/knobs/package.json
@@ -1,6 +1,6 @@
{
"name": "@storybook/addon-knobs",
- "version": "5.3.0-alpha.21",
+ "version": "5.3.0-alpha.22",
"description": "Storybook Addon Prop Editor Component",
"keywords": [
"addon",
@@ -29,12 +29,12 @@
"prepare": "node ../../scripts/prepare.js"
},
"dependencies": {
- "@storybook/addons": "5.3.0-alpha.21",
- "@storybook/api": "5.3.0-alpha.21",
- "@storybook/client-api": "5.3.0-alpha.21",
- "@storybook/components": "5.3.0-alpha.21",
- "@storybook/core-events": "5.3.0-alpha.21",
- "@storybook/theming": "5.3.0-alpha.21",
+ "@storybook/addons": "5.3.0-alpha.22",
+ "@storybook/api": "5.3.0-alpha.22",
+ "@storybook/client-api": "5.3.0-alpha.22",
+ "@storybook/components": "5.3.0-alpha.22",
+ "@storybook/core-events": "5.3.0-alpha.22",
+ "@storybook/theming": "5.3.0-alpha.22",
"@types/react-color": "^3.0.1",
"copy-to-clipboard": "^3.0.8",
"core-js": "^3.0.1",
diff --git a/addons/links/package.json b/addons/links/package.json
index 43f02002da3e..d25c86a592d8 100644
--- a/addons/links/package.json
+++ b/addons/links/package.json
@@ -1,6 +1,6 @@
{
"name": "@storybook/addon-links",
- "version": "5.3.0-alpha.21",
+ "version": "5.3.0-alpha.22",
"description": "Story Links addon for storybook",
"keywords": [
"addon",
@@ -29,10 +29,10 @@
"prepare": "node ../../scripts/prepare.js"
},
"dependencies": {
- "@storybook/addons": "5.3.0-alpha.21",
- "@storybook/client-logger": "5.3.0-alpha.21",
- "@storybook/core-events": "5.3.0-alpha.21",
- "@storybook/router": "5.3.0-alpha.21",
+ "@storybook/addons": "5.3.0-alpha.22",
+ "@storybook/client-logger": "5.3.0-alpha.22",
+ "@storybook/core-events": "5.3.0-alpha.22",
+ "@storybook/router": "5.3.0-alpha.22",
"core-js": "^3.0.1",
"global": "^4.3.2",
"prop-types": "^15.7.2",
diff --git a/addons/notes/package.json b/addons/notes/package.json
index df8a7898bbb7..5df509261acb 100644
--- a/addons/notes/package.json
+++ b/addons/notes/package.json
@@ -1,6 +1,6 @@
{
"name": "@storybook/addon-notes",
- "version": "5.3.0-alpha.21",
+ "version": "5.3.0-alpha.22",
"description": "Write notes for your Storybook stories.",
"keywords": [
"addon",
@@ -30,13 +30,13 @@
"prepare": "node ../../scripts/prepare.js"
},
"dependencies": {
- "@storybook/addons": "5.3.0-alpha.21",
- "@storybook/api": "5.3.0-alpha.21",
- "@storybook/client-logger": "5.3.0-alpha.21",
- "@storybook/components": "5.3.0-alpha.21",
- "@storybook/core-events": "5.3.0-alpha.21",
- "@storybook/router": "5.3.0-alpha.21",
- "@storybook/theming": "5.3.0-alpha.21",
+ "@storybook/addons": "5.3.0-alpha.22",
+ "@storybook/api": "5.3.0-alpha.22",
+ "@storybook/client-logger": "5.3.0-alpha.22",
+ "@storybook/components": "5.3.0-alpha.22",
+ "@storybook/core-events": "5.3.0-alpha.22",
+ "@storybook/router": "5.3.0-alpha.22",
+ "@storybook/theming": "5.3.0-alpha.22",
"core-js": "^3.0.1",
"global": "^4.3.2",
"markdown-to-jsx": "^6.10.3",
diff --git a/addons/ondevice-actions/package.json b/addons/ondevice-actions/package.json
index e4c6d1deaddb..2c68992210ed 100644
--- a/addons/ondevice-actions/package.json
+++ b/addons/ondevice-actions/package.json
@@ -1,6 +1,6 @@
{
"name": "@storybook/addon-ondevice-actions",
- "version": "5.3.0-alpha.21",
+ "version": "5.3.0-alpha.22",
"description": "Action Logger addon for react-native storybook",
"keywords": [
"storybook"
@@ -26,13 +26,13 @@
"prepare": "node ../../scripts/prepare.js"
},
"dependencies": {
- "@storybook/addons": "5.3.0-alpha.21",
- "@storybook/core-events": "5.3.0-alpha.21",
+ "@storybook/addons": "5.3.0-alpha.22",
+ "@storybook/core-events": "5.3.0-alpha.22",
"core-js": "^3.0.1",
"fast-deep-equal": "^2.0.1"
},
"devDependencies": {
- "@storybook/addon-actions": "5.3.0-alpha.21"
+ "@storybook/addon-actions": "5.3.0-alpha.22"
},
"peerDependencies": {
"@storybook/addon-actions": "*",
diff --git a/addons/ondevice-backgrounds/package.json b/addons/ondevice-backgrounds/package.json
index f6ab857e6db5..0da52225583b 100644
--- a/addons/ondevice-backgrounds/package.json
+++ b/addons/ondevice-backgrounds/package.json
@@ -1,6 +1,6 @@
{
"name": "@storybook/addon-ondevice-backgrounds",
- "version": "5.3.0-alpha.21",
+ "version": "5.3.0-alpha.22",
"description": "A react-native storybook addon to show different backgrounds for your preview",
"keywords": [
"addon",
@@ -31,9 +31,9 @@
"prepare": "node ../../scripts/prepare.js"
},
"dependencies": {
- "@storybook/addons": "5.3.0-alpha.21",
- "@storybook/api": "5.3.0-alpha.21",
- "@storybook/client-api": "5.3.0-alpha.21",
+ "@storybook/addons": "5.3.0-alpha.22",
+ "@storybook/api": "5.3.0-alpha.22",
+ "@storybook/client-api": "5.3.0-alpha.22",
"core-js": "^3.0.1",
"prop-types": "^15.7.2"
},
diff --git a/addons/ondevice-knobs/package.json b/addons/ondevice-knobs/package.json
index 57725d909471..14bc215996e6 100644
--- a/addons/ondevice-knobs/package.json
+++ b/addons/ondevice-knobs/package.json
@@ -1,6 +1,6 @@
{
"name": "@storybook/addon-ondevice-knobs",
- "version": "5.3.0-alpha.21",
+ "version": "5.3.0-alpha.22",
"description": "Display storybook story knobs on your deviced.",
"keywords": [
"addon",
@@ -27,8 +27,8 @@
"prepare": "node ../../scripts/prepare.js"
},
"dependencies": {
- "@storybook/addons": "5.3.0-alpha.21",
- "@storybook/core-events": "5.3.0-alpha.21",
+ "@storybook/addons": "5.3.0-alpha.22",
+ "@storybook/core-events": "5.3.0-alpha.22",
"core-js": "^3.0.1",
"deep-equal": "^1.0.1",
"prop-types": "^15.7.2",
diff --git a/addons/ondevice-notes/package.json b/addons/ondevice-notes/package.json
index 9b6b88dd70b0..1b22f039d8aa 100644
--- a/addons/ondevice-notes/package.json
+++ b/addons/ondevice-notes/package.json
@@ -1,6 +1,6 @@
{
"name": "@storybook/addon-ondevice-notes",
- "version": "5.3.0-alpha.21",
+ "version": "5.3.0-alpha.22",
"description": "Write notes for your react-native Storybook stories.",
"keywords": [
"addon",
@@ -27,11 +27,11 @@
"prepare": "node ../../scripts/prepare.js"
},
"dependencies": {
- "@storybook/addons": "5.3.0-alpha.21",
- "@storybook/api": "5.3.0-alpha.21",
- "@storybook/client-api": "5.3.0-alpha.21",
- "@storybook/client-logger": "5.3.0-alpha.21",
- "@storybook/core-events": "5.3.0-alpha.21",
+ "@storybook/addons": "5.3.0-alpha.22",
+ "@storybook/api": "5.3.0-alpha.22",
+ "@storybook/client-api": "5.3.0-alpha.22",
+ "@storybook/client-logger": "5.3.0-alpha.22",
+ "@storybook/core-events": "5.3.0-alpha.22",
"core-js": "^3.0.1",
"prop-types": "^15.7.2",
"react-native-simple-markdown": "^1.1.0"
diff --git a/addons/options/package.json b/addons/options/package.json
index 1ef3dbcbaf2b..6dd92f7ab20e 100644
--- a/addons/options/package.json
+++ b/addons/options/package.json
@@ -1,6 +1,6 @@
{
"name": "@storybook/addon-options",
- "version": "5.3.0-alpha.21",
+ "version": "5.3.0-alpha.22",
"description": "Options addon for storybook",
"keywords": [
"addon",
@@ -29,7 +29,7 @@
"prepare": "node ../../scripts/prepare.js"
},
"dependencies": {
- "@storybook/addons": "5.3.0-alpha.21",
+ "@storybook/addons": "5.3.0-alpha.22",
"core-js": "^3.0.1",
"util-deprecate": "^1.0.2"
},
diff --git a/addons/queryparams/package.json b/addons/queryparams/package.json
index a64f3b22779c..d07df2a8e294 100644
--- a/addons/queryparams/package.json
+++ b/addons/queryparams/package.json
@@ -1,6 +1,6 @@
{
"name": "@storybook/addon-queryparams",
- "version": "5.3.0-alpha.21",
+ "version": "5.3.0-alpha.22",
"description": "parameter addon for storybook",
"keywords": [
"addon",
@@ -30,12 +30,12 @@
"prepare": "node ../../scripts/prepare.js"
},
"dependencies": {
- "@storybook/addons": "5.3.0-alpha.21",
- "@storybook/api": "5.3.0-alpha.21",
- "@storybook/client-logger": "5.3.0-alpha.21",
- "@storybook/components": "5.3.0-alpha.21",
- "@storybook/core-events": "5.3.0-alpha.21",
- "@storybook/theming": "5.3.0-alpha.21",
+ "@storybook/addons": "5.3.0-alpha.22",
+ "@storybook/api": "5.3.0-alpha.22",
+ "@storybook/client-logger": "5.3.0-alpha.22",
+ "@storybook/components": "5.3.0-alpha.22",
+ "@storybook/core-events": "5.3.0-alpha.22",
+ "@storybook/theming": "5.3.0-alpha.22",
"core-js": "^3.0.1",
"global": "^4.3.2",
"qs": "^6.6.0",
diff --git a/addons/storyshots/storyshots-core/README.md b/addons/storyshots/storyshots-core/README.md
index fc0dc0701c7a..24aee4350ebd 100644
--- a/addons/storyshots/storyshots-core/README.md
+++ b/addons/storyshots/storyshots-core/README.md
@@ -33,7 +33,9 @@ If you still need to configure jest you can use the resources mentioned below:
### Configure Jest to work with Webpack's [require.context()](https://webpack.js.org/guides/dependency-management/#require-context)
-Sometimes it's useful to configure Storybook with Webpack's require.context feature:
+Sometimes it's useful to configure Storybook with Webpack's require.context feature. You could be loading stories [one of two ways](https://storybook.js.org/docs/basics/writing-stories/#loading-stories).
+
+1) If you're using the `storiesOf` API, you can integrate it this way:
```js
import { configure } from '@storybook/react';
@@ -47,6 +49,16 @@ function loadStories() {
configure(loadStories, module);
```
+2) If you're using Component Story Format (CSF), you'll integrate it like so:
+
+```js
+import { configure } from '@storybook/react';
+
+const req = require.context('../stories', true, /\.stories\.js$/); // <- import all the stories at once
+
+configure(req, module);
+```
+
The problem here is that it will work only during the build with webpack,
other tools may lack this feature. Since Storyshot is running under Jest,
we need to polyfill this functionality to work with Jest. The easiest
diff --git a/addons/storyshots/storyshots-core/package.json b/addons/storyshots/storyshots-core/package.json
index 278b2d193426..9d5a0c9beac3 100644
--- a/addons/storyshots/storyshots-core/package.json
+++ b/addons/storyshots/storyshots-core/package.json
@@ -1,6 +1,6 @@
{
"name": "@storybook/addon-storyshots",
- "version": "5.3.0-alpha.21",
+ "version": "5.3.0-alpha.22",
"description": "StoryShots is a Jest Snapshot Testing Addon for Storybook.",
"keywords": [
"addon",
@@ -33,8 +33,8 @@
},
"dependencies": {
"@jest/transform": "^24.9.0",
- "@storybook/addons": "5.3.0-alpha.21",
- "@storybook/client-api": "5.3.0-alpha.21",
+ "@storybook/addons": "5.3.0-alpha.22",
+ "@storybook/client-api": "5.3.0-alpha.22",
"@types/glob": "^7.1.1",
"@types/jest": "^24.0.16",
"@types/jest-specific-snapshot": "^0.5.3",
diff --git a/addons/storyshots/storyshots-puppeteer/package.json b/addons/storyshots/storyshots-puppeteer/package.json
index 744ff84e9fd8..b747f2881f60 100644
--- a/addons/storyshots/storyshots-puppeteer/package.json
+++ b/addons/storyshots/storyshots-puppeteer/package.json
@@ -1,6 +1,6 @@
{
"name": "@storybook/addon-storyshots-puppeteer",
- "version": "5.3.0-alpha.21",
+ "version": "5.3.0-alpha.22",
"description": "Image snapshots addition to StoryShots based on puppeteer",
"keywords": [
"addon",
@@ -29,8 +29,8 @@
"prepare": "node ../../../scripts/prepare.js"
},
"dependencies": {
- "@storybook/node-logger": "5.3.0-alpha.21",
- "@storybook/router": "5.3.0-alpha.21",
+ "@storybook/node-logger": "5.3.0-alpha.22",
+ "@storybook/router": "5.3.0-alpha.22",
"@types/jest-image-snapshot": "^2.8.0",
"@types/puppeteer-core": "^1.9.0",
"core-js": "^3.0.1",
diff --git a/addons/storysource/package.json b/addons/storysource/package.json
index 05fced7160ba..7e7d0d621b30 100644
--- a/addons/storysource/package.json
+++ b/addons/storysource/package.json
@@ -1,6 +1,6 @@
{
"name": "@storybook/addon-storysource",
- "version": "5.3.0-alpha.21",
+ "version": "5.3.0-alpha.22",
"description": "Stories addon for storybook",
"keywords": [
"addon",
@@ -28,11 +28,11 @@
"prepare": "node ../../scripts/prepare.js"
},
"dependencies": {
- "@storybook/addons": "5.3.0-alpha.21",
- "@storybook/components": "5.3.0-alpha.21",
- "@storybook/router": "5.3.0-alpha.21",
- "@storybook/source-loader": "5.3.0-alpha.21",
- "@storybook/theming": "5.3.0-alpha.21",
+ "@storybook/addons": "5.3.0-alpha.22",
+ "@storybook/components": "5.3.0-alpha.22",
+ "@storybook/router": "5.3.0-alpha.22",
+ "@storybook/source-loader": "5.3.0-alpha.22",
+ "@storybook/theming": "5.3.0-alpha.22",
"core-js": "^3.0.1",
"estraverse": "^4.2.0",
"loader-utils": "^1.2.3",
diff --git a/addons/viewport/package.json b/addons/viewport/package.json
index 67e160bc8e94..9e99b9a3a3c9 100644
--- a/addons/viewport/package.json
+++ b/addons/viewport/package.json
@@ -1,6 +1,6 @@
{
"name": "@storybook/addon-viewport",
- "version": "5.3.0-alpha.21",
+ "version": "5.3.0-alpha.22",
"description": "Storybook addon to change the viewport size to mobile",
"keywords": [
"addon",
@@ -28,12 +28,12 @@
"prepare": "node ../../scripts/prepare.js"
},
"dependencies": {
- "@storybook/addons": "5.3.0-alpha.21",
- "@storybook/api": "5.3.0-alpha.21",
- "@storybook/client-logger": "5.3.0-alpha.21",
- "@storybook/components": "5.3.0-alpha.21",
- "@storybook/core-events": "5.3.0-alpha.21",
- "@storybook/theming": "5.3.0-alpha.21",
+ "@storybook/addons": "5.3.0-alpha.22",
+ "@storybook/api": "5.3.0-alpha.22",
+ "@storybook/client-logger": "5.3.0-alpha.22",
+ "@storybook/components": "5.3.0-alpha.22",
+ "@storybook/core-events": "5.3.0-alpha.22",
+ "@storybook/theming": "5.3.0-alpha.22",
"core-js": "^3.0.1",
"global": "^4.3.2",
"memoizerific": "^1.11.3",
diff --git a/app/angular/package.json b/app/angular/package.json
index 5ba7ed8ade77..a32b16b01be5 100644
--- a/app/angular/package.json
+++ b/app/angular/package.json
@@ -1,6 +1,6 @@
{
"name": "@storybook/angular",
- "version": "5.3.0-alpha.21",
+ "version": "5.3.0-alpha.22",
"description": "Storybook for Angular: Develop Angular Components in isolation with Hot Reloading.",
"keywords": [
"storybook"
@@ -33,9 +33,9 @@
"prepare": "node ../../scripts/prepare.js"
},
"dependencies": {
- "@storybook/addons": "5.3.0-alpha.21",
- "@storybook/core": "5.3.0-alpha.21",
- "@storybook/node-logger": "5.3.0-alpha.21",
+ "@storybook/addons": "5.3.0-alpha.22",
+ "@storybook/core": "5.3.0-alpha.22",
+ "@storybook/node-logger": "5.3.0-alpha.22",
"core-js": "^3.0.1",
"fork-ts-checker-webpack-plugin": "^1.3.4",
"global": "^4.3.2",
diff --git a/app/ember/package.json b/app/ember/package.json
index 7c04595562e5..f33dda76f316 100644
--- a/app/ember/package.json
+++ b/app/ember/package.json
@@ -1,6 +1,6 @@
{
"name": "@storybook/ember",
- "version": "5.3.0-alpha.21",
+ "version": "5.3.0-alpha.22",
"description": "Storybook for Ember: Develop Ember Component in isolation with Hot Reloading.",
"homepage": "https://github.com/storybookjs/storybook/tree/master/app/ember",
"bugs": {
@@ -31,7 +31,7 @@
},
"dependencies": {
"@ember/test-helpers": "^1.5.0",
- "@storybook/core": "5.3.0-alpha.21",
+ "@storybook/core": "5.3.0-alpha.22",
"core-js": "^3.0.1",
"global": "^4.3.2",
"regenerator-runtime": "^0.13.3",
diff --git a/app/html/package.json b/app/html/package.json
index 24200c41ef63..6e8cb1b0b299 100644
--- a/app/html/package.json
+++ b/app/html/package.json
@@ -1,6 +1,6 @@
{
"name": "@storybook/html",
- "version": "5.3.0-alpha.21",
+ "version": "5.3.0-alpha.22",
"description": "Storybook for HTML: View HTML snippets in isolation with Hot Reloading.",
"keywords": [
"storybook"
@@ -33,8 +33,8 @@
"prepare": "node ../../scripts/prepare.js"
},
"dependencies": {
- "@storybook/addons": "5.3.0-alpha.21",
- "@storybook/core": "5.3.0-alpha.21",
+ "@storybook/addons": "5.3.0-alpha.22",
+ "@storybook/core": "5.3.0-alpha.22",
"@types/webpack-env": "^1.13.9",
"core-js": "^3.0.1",
"global": "^4.3.2",
diff --git a/app/marko/package.json b/app/marko/package.json
index 07b4fb4bffe9..e9e234b9de8a 100644
--- a/app/marko/package.json
+++ b/app/marko/package.json
@@ -1,6 +1,6 @@
{
"name": "@storybook/marko",
- "version": "5.3.0-alpha.21",
+ "version": "5.3.0-alpha.22",
"description": "Storybook for Marko: Develop Marko Component in isolation with Hot Reloading.",
"keywords": [
"storybook"
@@ -33,8 +33,8 @@
},
"dependencies": {
"@marko/webpack": "^2.0.0",
- "@storybook/client-logger": "5.3.0-alpha.21",
- "@storybook/core": "5.3.0-alpha.21",
+ "@storybook/client-logger": "5.3.0-alpha.22",
+ "@storybook/core": "5.3.0-alpha.22",
"core-js": "^3.0.1",
"global": "^4.3.2",
"regenerator-runtime": "^0.13.3",
diff --git a/app/mithril/package.json b/app/mithril/package.json
index e7deb5c398e0..085bea3fe029 100644
--- a/app/mithril/package.json
+++ b/app/mithril/package.json
@@ -1,6 +1,6 @@
{
"name": "@storybook/mithril",
- "version": "5.3.0-alpha.21",
+ "version": "5.3.0-alpha.22",
"description": "Storybook for Mithril: Develop Mithril Component in isolation.",
"keywords": [
"storybook"
@@ -35,8 +35,8 @@
"dependencies": {
"@babel/core": "^7.6.2",
"@babel/plugin-transform-react-jsx": "^7.3.0",
- "@storybook/addons": "5.3.0-alpha.21",
- "@storybook/core": "5.3.0-alpha.21",
+ "@storybook/addons": "5.3.0-alpha.22",
+ "@storybook/core": "5.3.0-alpha.22",
"@types/mithril": "^2.0.0",
"core-js": "^3.0.1",
"global": "^4.3.2",
diff --git a/app/polymer/package.json b/app/polymer/package.json
index 907d1ed5814d..df5d7d7efd7d 100644
--- a/app/polymer/package.json
+++ b/app/polymer/package.json
@@ -1,6 +1,6 @@
{
"name": "@storybook/polymer",
- "version": "5.3.0-alpha.21",
+ "version": "5.3.0-alpha.22",
"description": "Storybook for Polymer: Develop Polymer components in isolation with Hot Reloading.",
"keywords": [
"storybook"
@@ -32,7 +32,7 @@
"prepare": "node ../../scripts/prepare.js"
},
"dependencies": {
- "@storybook/core": "5.3.0-alpha.21",
+ "@storybook/core": "5.3.0-alpha.22",
"@webcomponents/webcomponentsjs": "^1.2.0",
"core-js": "^3.0.1",
"global": "^4.3.2",
diff --git a/app/preact/package.json b/app/preact/package.json
index 9fc165df8a5f..267711900e16 100644
--- a/app/preact/package.json
+++ b/app/preact/package.json
@@ -1,6 +1,6 @@
{
"name": "@storybook/preact",
- "version": "5.3.0-alpha.21",
+ "version": "5.3.0-alpha.22",
"description": "Storybook for Preact: Develop Preact Component in isolation.",
"keywords": [
"storybook"
@@ -34,8 +34,8 @@
},
"dependencies": {
"@babel/plugin-transform-react-jsx": "^7.3.0",
- "@storybook/addons": "5.3.0-alpha.21",
- "@storybook/core": "5.3.0-alpha.21",
+ "@storybook/addons": "5.3.0-alpha.22",
+ "@storybook/core": "5.3.0-alpha.22",
"@types/webpack-env": "^1.13.9",
"core-js": "^3.0.1",
"global": "^4.3.2",
diff --git a/app/rax/package.json b/app/rax/package.json
index 87a5fa35a36c..1916e9b57fa5 100644
--- a/app/rax/package.json
+++ b/app/rax/package.json
@@ -1,6 +1,6 @@
{
"name": "@storybook/rax",
- "version": "5.3.0-alpha.21",
+ "version": "5.3.0-alpha.22",
"description": "Storybook for Rax: Develop Rax Component in isolation.",
"keywords": [
"rax",
@@ -33,7 +33,7 @@
"prepare": "node ../../scripts/prepare.js"
},
"dependencies": {
- "@storybook/core": "5.3.0-alpha.21",
+ "@storybook/core": "5.3.0-alpha.22",
"babel-preset-rax": "^1.0.0-beta.0",
"core-js": "^3.0.1",
"driver-dom": "^2.0.0",
diff --git a/app/react-native-server/package.json b/app/react-native-server/package.json
index 5d60063bd587..c9d55010bf51 100644
--- a/app/react-native-server/package.json
+++ b/app/react-native-server/package.json
@@ -1,6 +1,6 @@
{
"name": "@storybook/react-native-server",
- "version": "5.3.0-alpha.21",
+ "version": "5.3.0-alpha.22",
"description": "A better way to develop React Native Components for your app",
"keywords": [
"react",
@@ -31,12 +31,12 @@
"prepare": "node ../../scripts/prepare.js"
},
"dependencies": {
- "@storybook/addons": "5.3.0-alpha.21",
- "@storybook/api": "5.3.0-alpha.21",
- "@storybook/channel-websocket": "5.3.0-alpha.21",
- "@storybook/core": "5.3.0-alpha.21",
- "@storybook/core-events": "5.3.0-alpha.21",
- "@storybook/ui": "5.3.0-alpha.21",
+ "@storybook/addons": "5.3.0-alpha.22",
+ "@storybook/api": "5.3.0-alpha.22",
+ "@storybook/channel-websocket": "5.3.0-alpha.22",
+ "@storybook/core": "5.3.0-alpha.22",
+ "@storybook/core-events": "5.3.0-alpha.22",
+ "@storybook/ui": "5.3.0-alpha.22",
"commander": "^3.0.2",
"core-js": "^3.0.1",
"global": "^4.3.2",
diff --git a/app/react-native/package.json b/app/react-native/package.json
index 80776ab9dbb9..0e187df17b56 100644
--- a/app/react-native/package.json
+++ b/app/react-native/package.json
@@ -1,6 +1,6 @@
{
"name": "@storybook/react-native",
- "version": "5.3.0-alpha.21",
+ "version": "5.3.0-alpha.22",
"description": "A better way to develop React Native Components for your app",
"keywords": [
"react",
@@ -31,11 +31,11 @@
"dependencies": {
"@emotion/core": "^10.0.20",
"@emotion/native": "^10.0.14",
- "@storybook/addons": "5.3.0-alpha.21",
- "@storybook/channel-websocket": "5.3.0-alpha.21",
- "@storybook/channels": "5.3.0-alpha.21",
- "@storybook/client-api": "5.3.0-alpha.21",
- "@storybook/core-events": "5.3.0-alpha.21",
+ "@storybook/addons": "5.3.0-alpha.22",
+ "@storybook/channel-websocket": "5.3.0-alpha.22",
+ "@storybook/channels": "5.3.0-alpha.22",
+ "@storybook/client-api": "5.3.0-alpha.22",
+ "@storybook/core-events": "5.3.0-alpha.22",
"core-js": "^3.0.1",
"emotion-theming": "^10.0.19",
"react-native-swipe-gestures": "^1.0.4",
diff --git a/app/react/package.json b/app/react/package.json
index 420f28c3bc8b..ac8af8b0562b 100644
--- a/app/react/package.json
+++ b/app/react/package.json
@@ -1,6 +1,6 @@
{
"name": "@storybook/react",
- "version": "5.3.0-alpha.21",
+ "version": "5.3.0-alpha.22",
"description": "Storybook for React: Develop React Component in isolation with Hot Reloading.",
"keywords": [
"storybook"
@@ -36,9 +36,9 @@
"@babel/plugin-transform-react-constant-elements": "^7.2.0",
"@babel/preset-flow": "^7.0.0",
"@babel/preset-react": "^7.0.0",
- "@storybook/addons": "5.3.0-alpha.21",
- "@storybook/core": "5.3.0-alpha.21",
- "@storybook/node-logger": "5.3.0-alpha.21",
+ "@storybook/addons": "5.3.0-alpha.22",
+ "@storybook/core": "5.3.0-alpha.22",
+ "@storybook/node-logger": "5.3.0-alpha.22",
"@svgr/webpack": "^4.0.3",
"@types/webpack-env": "^1.13.7",
"babel-plugin-add-react-displayname": "^0.0.5",
diff --git a/app/riot/package.json b/app/riot/package.json
index 510875881ccd..bab8e99f8f73 100644
--- a/app/riot/package.json
+++ b/app/riot/package.json
@@ -1,6 +1,6 @@
{
"name": "@storybook/riot",
- "version": "5.3.0-alpha.21",
+ "version": "5.3.0-alpha.22",
"description": "Storybook for riot.js: View riot snippets in isolation with Hot Reloading.",
"keywords": [
"storybook"
@@ -33,7 +33,7 @@
"prepare": "node ../../scripts/prepare.js"
},
"dependencies": {
- "@storybook/core": "5.3.0-alpha.21",
+ "@storybook/core": "5.3.0-alpha.22",
"core-js": "^3.0.1",
"global": "^4.3.2",
"raw-loader": "^3.1.0",
diff --git a/app/svelte/package.json b/app/svelte/package.json
index b751981ff643..4ada252744e3 100644
--- a/app/svelte/package.json
+++ b/app/svelte/package.json
@@ -1,6 +1,6 @@
{
"name": "@storybook/svelte",
- "version": "5.3.0-alpha.21",
+ "version": "5.3.0-alpha.22",
"description": "Storybook for Svelte: Develop Svelte Component in isolation with Hot Reloading.",
"keywords": [
"storybook"
@@ -32,7 +32,7 @@
"prepare": "node ../../scripts/prepare.js"
},
"dependencies": {
- "@storybook/core": "5.3.0-alpha.21",
+ "@storybook/core": "5.3.0-alpha.22",
"core-js": "^3.0.1",
"global": "^4.3.2",
"regenerator-runtime": "^0.13.3",
diff --git a/app/vue/package.json b/app/vue/package.json
index 77f039f2b779..e1f7f8458898 100644
--- a/app/vue/package.json
+++ b/app/vue/package.json
@@ -1,6 +1,6 @@
{
"name": "@storybook/vue",
- "version": "5.3.0-alpha.21",
+ "version": "5.3.0-alpha.22",
"description": "Storybook for Vue: Develop Vue Component in isolation with Hot Reloading.",
"keywords": [
"storybook"
@@ -33,8 +33,8 @@
"prepare": "node ../../scripts/prepare.js"
},
"dependencies": {
- "@storybook/addons": "5.3.0-alpha.21",
- "@storybook/core": "5.3.0-alpha.21",
+ "@storybook/addons": "5.3.0-alpha.22",
+ "@storybook/core": "5.3.0-alpha.22",
"@types/webpack-env": "^1.13.9",
"core-js": "^3.0.1",
"global": "^4.3.2",
diff --git a/cypress.json b/cypress.json
new file mode 100644
index 000000000000..0967ef424bce
--- /dev/null
+++ b/cypress.json
@@ -0,0 +1 @@
+{}
diff --git a/cypress/.eslintrc.json b/cypress/.eslintrc.json
new file mode 100644
index 000000000000..373914272e56
--- /dev/null
+++ b/cypress/.eslintrc.json
@@ -0,0 +1,5 @@
+{
+ "extends": [
+ "plugin:cypress/recommended"
+ ]
+}
diff --git a/cypress/fixtures/example.json b/cypress/fixtures/example.json
new file mode 100644
index 000000000000..da18d9352a17
--- /dev/null
+++ b/cypress/fixtures/example.json
@@ -0,0 +1,5 @@
+{
+ "name": "Using fixtures to represent data",
+ "email": "hello@cypress.io",
+ "body": "Fixtures are a great way to mock data for responses to routes"
+}
\ No newline at end of file
diff --git a/cypress/helper.ts b/cypress/helper.ts
new file mode 100644
index 000000000000..61c9920125e4
--- /dev/null
+++ b/cypress/helper.ts
@@ -0,0 +1,55 @@
+/* eslint-disable no-unused-expressions */
+/* eslint-disable jest/valid-expect */
+const baseUrl = 'http://localhost:8001';
+
+type StorybookApps = 'official-storybook';
+
+type Addons = 'Knobs';
+
+export const visitExample = (app: StorybookApps, route = '') => {
+ return cy
+ .clearLocalStorage()
+ .visit(`${baseUrl}/${app}/${route}`)
+ .get(`#storybook-preview-iframe`)
+ .then({ timeout: 10000 }, iframe => {
+ return cy.wrap(iframe).should(() => {
+ const content: Document | null = (iframe[0] as HTMLIFrameElement).contentDocument;
+ const element: HTMLElement | null = content !== null ? content.documentElement : null;
+
+ expect(element).not.null;
+
+ if (element !== null) {
+ expect(element.querySelector('#root > *')).not.null;
+ }
+ });
+ });
+};
+
+export const clickAddon = (addonName: Addons) => {
+ return cy
+ .get(`[role=tablist] button[role=tab]`)
+ .contains(addonName)
+ .click();
+};
+
+export const getStorybookPreview = () => {
+ return cy.get(`#storybook-preview-iframe`).then({ timeout: 10000 }, iframe => {
+ const content: Document | null = (iframe[0] as HTMLIFrameElement).contentDocument;
+ const element: HTMLElement | null = content !== null ? content.documentElement : null;
+
+ console.log({ element, content, iframe });
+
+ return cy
+ .wrap(iframe)
+ .should(() => {
+ expect(element).not.null;
+
+ if (element !== null) {
+ expect(element.querySelector('#root > *')).not.null;
+ }
+ })
+ .then(() => {
+ return cy.wrap(element).get('#root');
+ });
+ });
+};
diff --git a/cypress/integration/knobs.spec.ts b/cypress/integration/knobs.spec.ts
new file mode 100644
index 000000000000..a670ef486b22
--- /dev/null
+++ b/cypress/integration/knobs.spec.ts
@@ -0,0 +1,21 @@
+import { clickAddon, visitExample } from '../helper';
+
+describe('Knobs', () => {
+ beforeEach(() => {
+ visitExample('official-storybook', '?path=/story/addons-knobs-withknobs--tweaks-static-values');
+ });
+
+ it('[text] it should change a string value', () => {
+ clickAddon('Knobs');
+
+ cy.get('#Name')
+ .clear()
+ .type('John Doe');
+
+ cy.preview()
+ .console('info')
+ .find('p')
+ .eq(0)
+ .should('contain.text', 'My name is John Doe');
+ });
+});
diff --git a/cypress/integration/navigation.spec.ts b/cypress/integration/navigation.spec.ts
new file mode 100644
index 000000000000..942cf47cc643
--- /dev/null
+++ b/cypress/integration/navigation.spec.ts
@@ -0,0 +1,40 @@
+import { visitExample } from '../helper';
+
+describe('Navigation', () => {
+ beforeEach(() => {
+ visitExample('official-storybook');
+ });
+
+ it('should search navigation item', () => {
+ cy.get('#storybook-explorer-searchfield')
+ .click()
+ .type('persisting the action logger');
+
+ cy.get('.sidebar-container a')
+ .should('contain', 'Persisting the action logger')
+ .and('not.contain', 'a11y');
+ });
+
+ it('should display no results after searching a non-existing navigation item', () => {
+ cy.get('#storybook-explorer-searchfield')
+ .click()
+ .type('zzzzzzzzzz');
+
+ cy.get('.sidebar-container').should('contain', 'This filter resulted in 0 results');
+ });
+});
+
+describe('Routing', () => {
+ it('should navigate to story addons-a11y-basebutton--default', () => {
+ visitExample('official-storybook');
+ cy.get('#exploreraddons-a11y-basebutton--label').click();
+
+ cy.url().should('include', 'path=/story/addons-a11y-basebutton--label');
+ });
+
+ it('should directly visit a certain story and render correctly', () => {
+ visitExample('official-storybook', '?path=/story/addons-a11y-basebutton--label');
+
+ cy.preview().should('contain.text', 'Testing the a11y addon');
+ });
+});
diff --git a/cypress/plugins/index.js b/cypress/plugins/index.js
new file mode 100644
index 000000000000..e699dc68b670
--- /dev/null
+++ b/cypress/plugins/index.js
@@ -0,0 +1,22 @@
+// ***********************************************************
+// This example plugins/index.js can be used to load plugins
+//
+// You can change the location of this file or turn off loading
+// the plugins file with the 'pluginsFile' configuration option.
+//
+// You can read more here:
+// https://on.cypress.io/plugins-guide
+// ***********************************************************
+
+// This function is called when a project is opened or re-opened (e.g. due to
+// the project's config changing)
+
+const wp = require('@cypress/webpack-preprocessor');
+const webpackConfig = require('./webpack.config');
+
+module.exports = on => {
+ const options = {
+ webpackOptions: webpackConfig,
+ };
+ on('file:preprocessor', wp(options));
+};
diff --git a/cypress/plugins/webpack.config.js b/cypress/plugins/webpack.config.js
new file mode 100644
index 000000000000..01774bb3d143
--- /dev/null
+++ b/cypress/plugins/webpack.config.js
@@ -0,0 +1,21 @@
+module.exports = {
+ resolve: {
+ extensions: ['.ts', '.js'],
+ },
+ module: {
+ rules: [
+ {
+ test: /\.ts$/,
+ exclude: [/node_modules/],
+ use: [
+ {
+ loader: 'ts-loader',
+ options: {
+ transpileOnly: true,
+ },
+ },
+ ],
+ },
+ ],
+ },
+};
diff --git a/cypress/support/commands.js b/cypress/support/commands.js
new file mode 100644
index 000000000000..d7377c5df89d
--- /dev/null
+++ b/cypress/support/commands.js
@@ -0,0 +1,59 @@
+/* eslint-disable no-unused-expressions */
+/* eslint-disable jest/valid-expect */
+// ***********************************************
+// This example commands.js shows you how to
+// create various custom commands and overwrite
+// existing commands.
+//
+// For more comprehensive examples of custom
+// commands please read more here:
+// https://on.cypress.io/custom-commands
+// ***********************************************
+//
+//
+// -- This is a parent command --
+// Cypress.Commands.add("login", (email, password) => { ... })
+//
+//
+// -- This is a child command --
+// Cypress.Commands.add("drag", { prevSubject: 'element'}, (subject, options) => { ... })
+//
+//
+// -- This is a dual command --
+// Cypress.Commands.add("dismiss", { prevSubject: 'optional'}, (subject, options) => { ... })
+//
+//
+// -- This is will overwrite an existing command --
+// Cypress.Commands.overwrite("visit", (originalFn, url, options) => { ... })
+
+const logger = console;
+Cypress.Commands.add(
+ 'console',
+ {
+ prevSubject: true,
+ },
+ (subject, method = 'log') => {
+ logger[method]('The subject is', subject);
+ return subject;
+ }
+);
+
+Cypress.Commands.add('preview', {}, () => {
+ return cy.get(`#storybook-preview-iframe`).then({ timeout: 10000 }, iframe => {
+ const content = iframe[0].contentDocument;
+ const element = content !== null ? content.documentElement : null;
+
+ return cy
+ .wrap(iframe)
+ .should(() => {
+ expect(element).not.null;
+
+ if (element !== null) {
+ expect(element.querySelector('#root > *')).not.null;
+ }
+ })
+ .then(() => {
+ return element.querySelector('#root');
+ });
+ });
+});
diff --git a/cypress/support/index.js b/cypress/support/index.js
new file mode 100644
index 000000000000..37a498fb5bf3
--- /dev/null
+++ b/cypress/support/index.js
@@ -0,0 +1,20 @@
+// ***********************************************************
+// This example support/index.js is processed and
+// loaded automatically before your test files.
+//
+// This is a great place to put global configuration and
+// behavior that modifies Cypress.
+//
+// You can change the location of this file or turn off
+// automatically serving support files with the
+// 'supportFile' configuration option.
+//
+// You can read more here:
+// https://on.cypress.io/configuration
+// ***********************************************************
+
+// Import commands.js using ES2015 syntax:
+import './commands';
+
+// Alternatively you can use CommonJS syntax:
+// require('./commands')
diff --git a/cypress/tsconfig.json b/cypress/tsconfig.json
new file mode 100644
index 000000000000..6375e4c73dfa
--- /dev/null
+++ b/cypress/tsconfig.json
@@ -0,0 +1,10 @@
+{
+ "compilerOptions": {
+ "strict": true,
+ "baseUrl": "../node_modules",
+ "target": "es5",
+ "lib": ["es2017", "dom"],
+ "types": ["cypress"]
+ },
+ "include": ["**/*.ts"]
+}
diff --git a/dev-kits/addon-decorator/package.json b/dev-kits/addon-decorator/package.json
index 1eaff46d2f11..f91f2cf2ed28 100644
--- a/dev-kits/addon-decorator/package.json
+++ b/dev-kits/addon-decorator/package.json
@@ -1,6 +1,6 @@
{
"name": "@storybook/addon-decorator",
- "version": "5.3.0-alpha.21",
+ "version": "5.3.0-alpha.22",
"description": "decorator addon for storybook",
"keywords": [
"addon",
@@ -24,8 +24,8 @@
"prepare": "node ../../scripts/prepare.js"
},
"dependencies": {
- "@storybook/addons": "5.3.0-alpha.21",
- "@storybook/client-api": "5.3.0-alpha.21",
+ "@storybook/addons": "5.3.0-alpha.22",
+ "@storybook/client-api": "5.3.0-alpha.22",
"core-js": "^3.0.1",
"global": "^4.4.0"
},
diff --git a/dev-kits/addon-parameter/package.json b/dev-kits/addon-parameter/package.json
index fd6ea4f39c58..b3e8c1df1590 100644
--- a/dev-kits/addon-parameter/package.json
+++ b/dev-kits/addon-parameter/package.json
@@ -1,6 +1,6 @@
{
"name": "@storybook/addon-parameter",
- "version": "5.3.0-alpha.21",
+ "version": "5.3.0-alpha.22",
"description": "parameter addon for storybook",
"keywords": [
"addon",
@@ -24,12 +24,12 @@
"prepare": "node ../../scripts/prepare.js"
},
"dependencies": {
- "@storybook/addons": "5.3.0-alpha.21",
- "@storybook/api": "5.3.0-alpha.21",
- "@storybook/client-logger": "5.3.0-alpha.21",
- "@storybook/components": "5.3.0-alpha.21",
- "@storybook/core-events": "5.3.0-alpha.21",
- "@storybook/theming": "5.3.0-alpha.21",
+ "@storybook/addons": "5.3.0-alpha.22",
+ "@storybook/api": "5.3.0-alpha.22",
+ "@storybook/client-logger": "5.3.0-alpha.22",
+ "@storybook/components": "5.3.0-alpha.22",
+ "@storybook/core-events": "5.3.0-alpha.22",
+ "@storybook/theming": "5.3.0-alpha.22",
"core-js": "^3.0.1",
"global": "^4.3.2",
"react": "^16.8.3",
diff --git a/dev-kits/addon-roundtrip/package.json b/dev-kits/addon-roundtrip/package.json
index dbeee6234757..3af075999584 100644
--- a/dev-kits/addon-roundtrip/package.json
+++ b/dev-kits/addon-roundtrip/package.json
@@ -1,6 +1,6 @@
{
"name": "@storybook/addon-roundtrip",
- "version": "5.3.0-alpha.21",
+ "version": "5.3.0-alpha.22",
"description": "roundtrip addon for storybook",
"keywords": [
"addon",
@@ -24,13 +24,13 @@
"prepare": "node ../../scripts/prepare.js"
},
"dependencies": {
- "@storybook/addons": "5.3.0-alpha.21",
- "@storybook/api": "5.3.0-alpha.21",
- "@storybook/client-api": "5.3.0-alpha.21",
- "@storybook/client-logger": "5.3.0-alpha.21",
- "@storybook/components": "5.3.0-alpha.21",
- "@storybook/core-events": "5.3.0-alpha.21",
- "@storybook/theming": "5.3.0-alpha.21",
+ "@storybook/addons": "5.3.0-alpha.22",
+ "@storybook/api": "5.3.0-alpha.22",
+ "@storybook/client-api": "5.3.0-alpha.22",
+ "@storybook/client-logger": "5.3.0-alpha.22",
+ "@storybook/components": "5.3.0-alpha.22",
+ "@storybook/core-events": "5.3.0-alpha.22",
+ "@storybook/theming": "5.3.0-alpha.22",
"core-js": "^3.0.1",
"global": "^4.3.2",
"react": "^16.8.3",
diff --git a/docs/src/pages/examples/_examples.yml b/docs/src/pages/examples/_examples.yml
index 84af38e5db14..0bbbf651105e 100644
--- a/docs/src/pages/examples/_examples.yml
+++ b/docs/src/pages/examples/_examples.yml
@@ -185,3 +185,9 @@ govuk:
demo: https://govuk-react.github.io/govuk-react/
source: https://github.com/govuk-react/govuk-react
site: https://design-system.service.gov.uk/
+reactPakistan:
+ thumbnail: react-pakistan.jpg
+ title: React Pakistan
+ description: A series of reuseable React Commons, UI/UX components, icons, logos and more by React Pakistan.
+ demo: https://taimoormk.github.io/react-commons-collection/?path=/docs/react-pakistan-intro--page
+ site: https://www.npmjs.com/package/@react-pakistan/react-commons-collection
diff --git a/docs/src/pages/examples/thumbnails/react-pakistan.jpg b/docs/src/pages/examples/thumbnails/react-pakistan.jpg
new file mode 100644
index 000000000000..32e96ee6d36b
Binary files /dev/null and b/docs/src/pages/examples/thumbnails/react-pakistan.jpg differ
diff --git a/docs/src/versions/next.json b/docs/src/versions/next.json
index 62ed8ad345b2..9661e22a8e43 100644
--- a/docs/src/versions/next.json
+++ b/docs/src/versions/next.json
@@ -1 +1 @@
-{"version":"5.3.0-alpha.21","info":{"plain":"### Features\n\n* CLI: React-scripts TS template & test ([#8451](https://github.com/storybookjs/storybook/pull/8451))\n* Addon-storysource: Add preset ([#8437](https://github.com/storybookjs/storybook/pull/8437))\n\n### Bug Fixes\n\n* UI: Fix React15 support ([#8454](https://github.com/storybookjs/storybook/pull/8454))\n* Addon-centered: Fix zoom issues for non-Firefox browsers ([#8442](https://github.com/storybookjs/storybook/pull/8442))\n* CLI: Add CRA preset to MDX template ([#8452](https://github.com/storybookjs/storybook/pull/8452))\n* CLI: Add preset-create-react-app to CRA presets template ([#8449](https://github.com/storybookjs/storybook/pull/8449))\n* CLI: Fix CRA-ts fixture package name ([#8457](https://github.com/storybookjs/storybook/pull/8457))"}}
\ No newline at end of file
+{"version":"5.3.0-alpha.22","info":{"plain":"### Features\n\n* CLI: Add component meta to framework templates ([#8462](https://github.com/storybookjs/storybook/pull/8462))\n\n### Maintenance\n\n* Build: Add cypress to Storybook CI ([#8397](https://github.com/storybookjs/storybook/pull/8397))\n* Incorrect minimal required node version ([#8427](https://github.com/storybookjs/storybook/pull/8427))"}}
\ No newline at end of file
diff --git a/examples-native/crna-kitchen-sink/package.json b/examples-native/crna-kitchen-sink/package.json
index 33bc294f22b4..6c748a7c9a45 100644
--- a/examples-native/crna-kitchen-sink/package.json
+++ b/examples-native/crna-kitchen-sink/package.json
@@ -1,6 +1,6 @@
{
"name": "crna-kitchen-sink",
- "version": "5.3.0-alpha.21",
+ "version": "5.3.0-alpha.22",
"private": true,
"main": "node_modules/expo/AppEntry.js",
"workspaces": {
@@ -31,15 +31,15 @@
"devDependencies": {
"@babel/core": "^7.2.2",
"@babel/plugin-transform-react-jsx-source": "^7.2.0",
- "@storybook/addon-actions": "5.3.0-alpha.21",
- "@storybook/addon-knobs": "5.3.0-alpha.21",
- "@storybook/addon-links": "5.3.0-alpha.21",
- "@storybook/addon-ondevice-actions": "5.3.0-alpha.21",
- "@storybook/addon-ondevice-backgrounds": "5.3.0-alpha.21",
- "@storybook/addon-ondevice-knobs": "5.3.0-alpha.21",
- "@storybook/addon-ondevice-notes": "5.3.0-alpha.21",
- "@storybook/addons": "5.3.0-alpha.21",
- "@storybook/react-native": "5.3.0-alpha.21",
+ "@storybook/addon-actions": "5.3.0-alpha.22",
+ "@storybook/addon-knobs": "5.3.0-alpha.22",
+ "@storybook/addon-links": "5.3.0-alpha.22",
+ "@storybook/addon-ondevice-actions": "5.3.0-alpha.22",
+ "@storybook/addon-ondevice-backgrounds": "5.3.0-alpha.22",
+ "@storybook/addon-ondevice-knobs": "5.3.0-alpha.22",
+ "@storybook/addon-ondevice-notes": "5.3.0-alpha.22",
+ "@storybook/addons": "5.3.0-alpha.22",
+ "@storybook/react-native": "5.3.0-alpha.22",
"babel-loader": "^8.0.4",
"babel-plugin-module-resolver": "^3.2.0",
"babel-preset-expo": "^7.0.0",
diff --git a/examples/angular-cli/package.json b/examples/angular-cli/package.json
index 2247fcfeaccf..bb6ba73995e0 100644
--- a/examples/angular-cli/package.json
+++ b/examples/angular-cli/package.json
@@ -1,6 +1,6 @@
{
"name": "angular-cli",
- "version": "5.3.0-alpha.21",
+ "version": "5.3.0-alpha.22",
"private": true,
"license": "MIT",
"scripts": {
@@ -35,21 +35,21 @@
"@angular-devkit/build-angular": "~0.803.6",
"@angular/cli": "^8.3.6",
"@angular/compiler-cli": "^8.2.8",
- "@storybook/addon-a11y": "5.3.0-alpha.21",
- "@storybook/addon-actions": "5.3.0-alpha.21",
- "@storybook/addon-backgrounds": "5.3.0-alpha.21",
- "@storybook/addon-centered": "5.3.0-alpha.21",
- "@storybook/addon-docs": "5.3.0-alpha.21",
- "@storybook/addon-jest": "5.3.0-alpha.21",
- "@storybook/addon-knobs": "5.3.0-alpha.21",
- "@storybook/addon-links": "5.3.0-alpha.21",
- "@storybook/addon-notes": "5.3.0-alpha.21",
- "@storybook/addon-options": "5.3.0-alpha.21",
- "@storybook/addon-storyshots": "5.3.0-alpha.21",
- "@storybook/addon-storysource": "5.3.0-alpha.21",
- "@storybook/addons": "5.3.0-alpha.21",
- "@storybook/angular": "5.3.0-alpha.21",
- "@storybook/source-loader": "5.3.0-alpha.21",
+ "@storybook/addon-a11y": "5.3.0-alpha.22",
+ "@storybook/addon-actions": "5.3.0-alpha.22",
+ "@storybook/addon-backgrounds": "5.3.0-alpha.22",
+ "@storybook/addon-centered": "5.3.0-alpha.22",
+ "@storybook/addon-docs": "5.3.0-alpha.22",
+ "@storybook/addon-jest": "5.3.0-alpha.22",
+ "@storybook/addon-knobs": "5.3.0-alpha.22",
+ "@storybook/addon-links": "5.3.0-alpha.22",
+ "@storybook/addon-notes": "5.3.0-alpha.22",
+ "@storybook/addon-options": "5.3.0-alpha.22",
+ "@storybook/addon-storyshots": "5.3.0-alpha.22",
+ "@storybook/addon-storysource": "5.3.0-alpha.22",
+ "@storybook/addons": "5.3.0-alpha.22",
+ "@storybook/angular": "5.3.0-alpha.22",
+ "@storybook/source-loader": "5.3.0-alpha.22",
"@types/core-js": "^2.5.0",
"@types/jest": "^24.0.11",
"@types/node": "^12.7.9",
diff --git a/examples/cra-kitchen-sink/package.json b/examples/cra-kitchen-sink/package.json
index 55fe2c1645d7..29dac3778867 100644
--- a/examples/cra-kitchen-sink/package.json
+++ b/examples/cra-kitchen-sink/package.json
@@ -1,6 +1,6 @@
{
"name": "cra-kitchen-sink",
- "version": "5.3.0-alpha.21",
+ "version": "5.3.0-alpha.22",
"private": true,
"scripts": {
"build": "react-scripts build",
@@ -18,23 +18,23 @@
"react-lifecycles-compat": "^3.0.4"
},
"devDependencies": {
- "@storybook/addon-a11y": "5.3.0-alpha.21",
- "@storybook/addon-actions": "5.3.0-alpha.21",
- "@storybook/addon-backgrounds": "5.3.0-alpha.21",
- "@storybook/addon-centered": "5.3.0-alpha.21",
- "@storybook/addon-docs": "5.3.0-alpha.21",
- "@storybook/addon-events": "5.3.0-alpha.21",
- "@storybook/addon-info": "5.3.0-alpha.21",
- "@storybook/addon-jest": "5.3.0-alpha.21",
- "@storybook/addon-knobs": "5.3.0-alpha.21",
- "@storybook/addon-links": "5.3.0-alpha.21",
- "@storybook/addon-notes": "5.3.0-alpha.21",
- "@storybook/addon-options": "5.3.0-alpha.21",
- "@storybook/addon-storyshots": "5.3.0-alpha.21",
- "@storybook/addons": "5.3.0-alpha.21",
- "@storybook/client-logger": "5.3.0-alpha.21",
- "@storybook/react": "5.3.0-alpha.21",
- "@storybook/theming": "5.3.0-alpha.21",
+ "@storybook/addon-a11y": "5.3.0-alpha.22",
+ "@storybook/addon-actions": "5.3.0-alpha.22",
+ "@storybook/addon-backgrounds": "5.3.0-alpha.22",
+ "@storybook/addon-centered": "5.3.0-alpha.22",
+ "@storybook/addon-docs": "5.3.0-alpha.22",
+ "@storybook/addon-events": "5.3.0-alpha.22",
+ "@storybook/addon-info": "5.3.0-alpha.22",
+ "@storybook/addon-jest": "5.3.0-alpha.22",
+ "@storybook/addon-knobs": "5.3.0-alpha.22",
+ "@storybook/addon-links": "5.3.0-alpha.22",
+ "@storybook/addon-notes": "5.3.0-alpha.22",
+ "@storybook/addon-options": "5.3.0-alpha.22",
+ "@storybook/addon-storyshots": "5.3.0-alpha.22",
+ "@storybook/addons": "5.3.0-alpha.22",
+ "@storybook/client-logger": "5.3.0-alpha.22",
+ "@storybook/react": "5.3.0-alpha.22",
+ "@storybook/theming": "5.3.0-alpha.22",
"react-scripts": "^3.0.1"
}
}
diff --git a/examples/cra-react15/package.json b/examples/cra-react15/package.json
index a60da5e02426..eab6a72732e3 100644
--- a/examples/cra-react15/package.json
+++ b/examples/cra-react15/package.json
@@ -1,6 +1,6 @@
{
"name": "cra-react15",
- "version": "5.3.0-alpha.21",
+ "version": "5.3.0-alpha.22",
"private": true,
"scripts": {
"build": "react-scripts build",
@@ -18,10 +18,10 @@
"react-scripts": "3.0.1"
},
"devDependencies": {
- "@storybook/addon-actions": "5.3.0-alpha.21",
- "@storybook/addon-links": "5.3.0-alpha.21",
- "@storybook/react": "5.3.0-alpha.21",
- "@storybook/theming": "5.3.0-alpha.21",
+ "@storybook/addon-actions": "5.3.0-alpha.22",
+ "@storybook/addon-links": "5.3.0-alpha.22",
+ "@storybook/react": "5.3.0-alpha.22",
+ "@storybook/theming": "5.3.0-alpha.22",
"babel-core": "6",
"babel-runtime": "6"
}
diff --git a/examples/cra-ts-kitchen-sink/package.json b/examples/cra-ts-kitchen-sink/package.json
index 72e14f59c31a..c903719649e2 100644
--- a/examples/cra-ts-kitchen-sink/package.json
+++ b/examples/cra-ts-kitchen-sink/package.json
@@ -1,6 +1,6 @@
{
"name": "cra-ts-kitchen-sink",
- "version": "5.3.0-alpha.21",
+ "version": "5.3.0-alpha.22",
"private": true,
"scripts": {
"build-storybook": "build-storybook -s public",
@@ -13,12 +13,12 @@
"react-dom": "^16.8.3"
},
"devDependencies": {
- "@storybook/addon-a11y": "5.3.0-alpha.21",
- "@storybook/addon-actions": "5.3.0-alpha.21",
- "@storybook/addon-info": "5.3.0-alpha.21",
- "@storybook/addon-options": "5.3.0-alpha.21",
- "@storybook/addons": "5.3.0-alpha.21",
- "@storybook/react": "5.3.0-alpha.21",
+ "@storybook/addon-a11y": "5.3.0-alpha.22",
+ "@storybook/addon-actions": "5.3.0-alpha.22",
+ "@storybook/addon-info": "5.3.0-alpha.22",
+ "@storybook/addon-options": "5.3.0-alpha.22",
+ "@storybook/addons": "5.3.0-alpha.22",
+ "@storybook/react": "5.3.0-alpha.22",
"@types/enzyme": "^3.9.0",
"@types/react": "^16.8.14",
"@types/react-dom": "^16.8.2",
diff --git a/examples/dev-kits/package.json b/examples/dev-kits/package.json
index 6f0d3b061a4e..9ed75ee68cf2 100644
--- a/examples/dev-kits/package.json
+++ b/examples/dev-kits/package.json
@@ -1,21 +1,21 @@
{
"name": "@storybook/example-devkits",
- "version": "5.3.0-alpha.21",
+ "version": "5.3.0-alpha.22",
"private": true,
"scripts": {
"build-storybook": "build-storybook -c ./",
"storybook": "start-storybook -p 9011 -c ./"
},
"devDependencies": {
- "@storybook/addon-decorator": "5.3.0-alpha.21",
- "@storybook/addon-parameter": "5.3.0-alpha.21",
- "@storybook/addon-roundtrip": "5.3.0-alpha.21",
- "@storybook/addons": "5.3.0-alpha.21",
- "@storybook/components": "5.3.0-alpha.21",
- "@storybook/core-events": "5.3.0-alpha.21",
- "@storybook/node-logger": "5.3.0-alpha.21",
- "@storybook/react": "5.3.0-alpha.21",
- "@storybook/theming": "5.3.0-alpha.21",
+ "@storybook/addon-decorator": "5.3.0-alpha.22",
+ "@storybook/addon-parameter": "5.3.0-alpha.22",
+ "@storybook/addon-roundtrip": "5.3.0-alpha.22",
+ "@storybook/addons": "5.3.0-alpha.22",
+ "@storybook/components": "5.3.0-alpha.22",
+ "@storybook/core-events": "5.3.0-alpha.22",
+ "@storybook/node-logger": "5.3.0-alpha.22",
+ "@storybook/react": "5.3.0-alpha.22",
+ "@storybook/theming": "5.3.0-alpha.22",
"cors": "^2.8.5",
"cross-env": "^6.0.3",
"enzyme-to-json": "^3.4.1",
diff --git a/examples/ember-cli/package.json b/examples/ember-cli/package.json
index 95110f343d5e..c7ff9b0d0816 100644
--- a/examples/ember-cli/package.json
+++ b/examples/ember-cli/package.json
@@ -1,10 +1,10 @@
{
"name": "ember-example",
- "version": "5.3.0-alpha.21",
+ "version": "5.3.0-alpha.22",
"private": true,
"scripts": {
"build": "ember build",
- "prebuild-storybook": "yarn build && cp -r public/* dist",
+ "prebuild-storybook": "yarn build && shx cp -r public/* dist",
"build-storybook": "build-storybook -s dist",
"dev": "ember serve",
"storybook": "yarn build && start-storybook -p 9009 -s dist",
@@ -15,19 +15,19 @@
},
"devDependencies": {
"@babel/core": "^7.3.4",
- "@storybook/addon-a11y": "5.3.0-alpha.21",
- "@storybook/addon-actions": "5.3.0-alpha.21",
- "@storybook/addon-backgrounds": "5.3.0-alpha.21",
- "@storybook/addon-centered": "5.3.0-alpha.21",
- "@storybook/addon-knobs": "5.3.0-alpha.21",
- "@storybook/addon-links": "5.3.0-alpha.21",
- "@storybook/addon-notes": "5.3.0-alpha.21",
- "@storybook/addon-options": "5.3.0-alpha.21",
- "@storybook/addon-storysource": "5.3.0-alpha.21",
- "@storybook/addon-viewport": "5.3.0-alpha.21",
- "@storybook/addons": "5.3.0-alpha.21",
- "@storybook/ember": "5.3.0-alpha.21",
- "@storybook/source-loader": "5.3.0-alpha.21",
+ "@storybook/addon-a11y": "5.3.0-alpha.22",
+ "@storybook/addon-actions": "5.3.0-alpha.22",
+ "@storybook/addon-backgrounds": "5.3.0-alpha.22",
+ "@storybook/addon-centered": "5.3.0-alpha.22",
+ "@storybook/addon-knobs": "5.3.0-alpha.22",
+ "@storybook/addon-links": "5.3.0-alpha.22",
+ "@storybook/addon-notes": "5.3.0-alpha.22",
+ "@storybook/addon-options": "5.3.0-alpha.22",
+ "@storybook/addon-storysource": "5.3.0-alpha.22",
+ "@storybook/addon-viewport": "5.3.0-alpha.22",
+ "@storybook/addons": "5.3.0-alpha.22",
+ "@storybook/ember": "5.3.0-alpha.22",
+ "@storybook/source-loader": "5.3.0-alpha.22",
"babel-loader": "^8",
"broccoli-asset-rev": "^3.0.0",
"cross-env": "^6.0.3",
diff --git a/examples/html-kitchen-sink/package.json b/examples/html-kitchen-sink/package.json
index b52ef875b14b..06dd5f3f4d3c 100644
--- a/examples/html-kitchen-sink/package.json
+++ b/examples/html-kitchen-sink/package.json
@@ -1,6 +1,6 @@
{
"name": "html-kitchen-sink",
- "version": "5.3.0-alpha.21",
+ "version": "5.3.0-alpha.22",
"private": true,
"description": "",
"keywords": [],
@@ -13,26 +13,26 @@
"storybook": "start-storybook -p 9006"
},
"devDependencies": {
- "@storybook/addon-a11y": "5.3.0-alpha.21",
- "@storybook/addon-actions": "5.3.0-alpha.21",
- "@storybook/addon-backgrounds": "5.3.0-alpha.21",
- "@storybook/addon-centered": "5.3.0-alpha.21",
- "@storybook/addon-docs": "5.3.0-alpha.21",
- "@storybook/addon-events": "5.3.0-alpha.21",
- "@storybook/addon-jest": "5.3.0-alpha.21",
- "@storybook/addon-knobs": "5.3.0-alpha.21",
- "@storybook/addon-links": "5.3.0-alpha.21",
- "@storybook/addon-notes": "5.3.0-alpha.21",
- "@storybook/addon-options": "5.3.0-alpha.21",
- "@storybook/addon-storyshots": "5.3.0-alpha.21",
- "@storybook/addon-storysource": "5.3.0-alpha.21",
- "@storybook/addon-viewport": "5.3.0-alpha.21",
- "@storybook/addons": "5.3.0-alpha.21",
- "@storybook/client-api": "5.3.0-alpha.21",
- "@storybook/core": "5.3.0-alpha.21",
- "@storybook/core-events": "5.3.0-alpha.21",
- "@storybook/html": "5.3.0-alpha.21",
- "@storybook/source-loader": "5.3.0-alpha.21",
+ "@storybook/addon-a11y": "5.3.0-alpha.22",
+ "@storybook/addon-actions": "5.3.0-alpha.22",
+ "@storybook/addon-backgrounds": "5.3.0-alpha.22",
+ "@storybook/addon-centered": "5.3.0-alpha.22",
+ "@storybook/addon-docs": "5.3.0-alpha.22",
+ "@storybook/addon-events": "5.3.0-alpha.22",
+ "@storybook/addon-jest": "5.3.0-alpha.22",
+ "@storybook/addon-knobs": "5.3.0-alpha.22",
+ "@storybook/addon-links": "5.3.0-alpha.22",
+ "@storybook/addon-notes": "5.3.0-alpha.22",
+ "@storybook/addon-options": "5.3.0-alpha.22",
+ "@storybook/addon-storyshots": "5.3.0-alpha.22",
+ "@storybook/addon-storysource": "5.3.0-alpha.22",
+ "@storybook/addon-viewport": "5.3.0-alpha.22",
+ "@storybook/addons": "5.3.0-alpha.22",
+ "@storybook/client-api": "5.3.0-alpha.22",
+ "@storybook/core": "5.3.0-alpha.22",
+ "@storybook/core-events": "5.3.0-alpha.22",
+ "@storybook/html": "5.3.0-alpha.22",
+ "@storybook/source-loader": "5.3.0-alpha.22",
"eventemitter3": "^4.0.0",
"format-json": "^1.0.3",
"global": "^4.3.2"
diff --git a/examples/marko-cli/package.json b/examples/marko-cli/package.json
index 5907d5b68943..bcf2a52f2d1f 100644
--- a/examples/marko-cli/package.json
+++ b/examples/marko-cli/package.json
@@ -1,6 +1,6 @@
{
"name": "marko-cli",
- "version": "5.3.0-alpha.21",
+ "version": "5.3.0-alpha.22",
"private": true,
"description": "Demo of how to build an app using marko-starter",
"repository": {
@@ -23,14 +23,14 @@
"marko-starter": "^2.0.4"
},
"devDependencies": {
- "@storybook/addon-a11y": "5.3.0-alpha.21",
- "@storybook/addon-actions": "5.3.0-alpha.21",
- "@storybook/addon-knobs": "5.3.0-alpha.21",
- "@storybook/addon-options": "5.3.0-alpha.21",
- "@storybook/addon-storysource": "5.3.0-alpha.21",
- "@storybook/addons": "5.3.0-alpha.21",
- "@storybook/marko": "5.3.0-alpha.21",
- "@storybook/source-loader": "5.3.0-alpha.21",
+ "@storybook/addon-a11y": "5.3.0-alpha.22",
+ "@storybook/addon-actions": "5.3.0-alpha.22",
+ "@storybook/addon-knobs": "5.3.0-alpha.22",
+ "@storybook/addon-options": "5.3.0-alpha.22",
+ "@storybook/addon-storysource": "5.3.0-alpha.22",
+ "@storybook/addons": "5.3.0-alpha.22",
+ "@storybook/marko": "5.3.0-alpha.22",
+ "@storybook/source-loader": "5.3.0-alpha.22",
"prettier": "^1.16.4",
"webpack": "^4.33.0"
}
diff --git a/examples/mithril-kitchen-sink/package.json b/examples/mithril-kitchen-sink/package.json
index 2fd0107945f4..87251a37025b 100644
--- a/examples/mithril-kitchen-sink/package.json
+++ b/examples/mithril-kitchen-sink/package.json
@@ -1,6 +1,6 @@
{
"name": "mithril-example",
- "version": "5.3.0-alpha.21",
+ "version": "5.3.0-alpha.22",
"private": true,
"scripts": {
"build-storybook": "build-storybook",
@@ -10,20 +10,20 @@
"mithril": "^1.1.6"
},
"devDependencies": {
- "@storybook/addon-a11y": "5.3.0-alpha.21",
- "@storybook/addon-actions": "5.3.0-alpha.21",
- "@storybook/addon-backgrounds": "5.3.0-alpha.21",
- "@storybook/addon-centered": "5.3.0-alpha.21",
- "@storybook/addon-knobs": "5.3.0-alpha.21",
- "@storybook/addon-links": "5.3.0-alpha.21",
- "@storybook/addon-notes": "5.3.0-alpha.21",
- "@storybook/addon-options": "5.3.0-alpha.21",
- "@storybook/addon-storyshots": "5.3.0-alpha.21",
- "@storybook/addon-storysource": "5.3.0-alpha.21",
- "@storybook/addon-viewport": "5.3.0-alpha.21",
- "@storybook/addons": "5.3.0-alpha.21",
- "@storybook/mithril": "5.3.0-alpha.21",
- "@storybook/source-loader": "5.3.0-alpha.21",
+ "@storybook/addon-a11y": "5.3.0-alpha.22",
+ "@storybook/addon-actions": "5.3.0-alpha.22",
+ "@storybook/addon-backgrounds": "5.3.0-alpha.22",
+ "@storybook/addon-centered": "5.3.0-alpha.22",
+ "@storybook/addon-knobs": "5.3.0-alpha.22",
+ "@storybook/addon-links": "5.3.0-alpha.22",
+ "@storybook/addon-notes": "5.3.0-alpha.22",
+ "@storybook/addon-options": "5.3.0-alpha.22",
+ "@storybook/addon-storyshots": "5.3.0-alpha.22",
+ "@storybook/addon-storysource": "5.3.0-alpha.22",
+ "@storybook/addon-viewport": "5.3.0-alpha.22",
+ "@storybook/addons": "5.3.0-alpha.22",
+ "@storybook/mithril": "5.3.0-alpha.22",
+ "@storybook/source-loader": "5.3.0-alpha.22",
"webpack": "^4.33.0"
}
}
diff --git a/examples/official-storybook/package.json b/examples/official-storybook/package.json
index 872b129ec8c0..4b64d75b8005 100644
--- a/examples/official-storybook/package.json
+++ b/examples/official-storybook/package.json
@@ -1,6 +1,6 @@
{
"name": "official-storybook",
- "version": "5.3.0-alpha.21",
+ "version": "5.3.0-alpha.22",
"private": true,
"scripts": {
"build-storybook": "cross-env STORYBOOK_DISPLAY_WARNING=true DISPLAY_WARNING=true build-storybook -c ./",
@@ -13,34 +13,34 @@
},
"devDependencies": {
"@packtracker/webpack-plugin": "^2.0.1",
- "@storybook/addon-a11y": "5.3.0-alpha.21",
- "@storybook/addon-actions": "5.3.0-alpha.21",
- "@storybook/addon-backgrounds": "5.3.0-alpha.21",
- "@storybook/addon-centered": "5.3.0-alpha.21",
- "@storybook/addon-contexts": "5.3.0-alpha.21",
- "@storybook/addon-cssresources": "5.3.0-alpha.21",
- "@storybook/addon-design-assets": "5.3.0-alpha.21",
- "@storybook/addon-docs": "5.3.0-alpha.21",
- "@storybook/addon-events": "5.3.0-alpha.21",
- "@storybook/addon-graphql": "5.3.0-alpha.21",
- "@storybook/addon-info": "5.3.0-alpha.21",
- "@storybook/addon-jest": "5.3.0-alpha.21",
- "@storybook/addon-knobs": "5.3.0-alpha.21",
- "@storybook/addon-links": "5.3.0-alpha.21",
- "@storybook/addon-notes": "5.3.0-alpha.21",
- "@storybook/addon-options": "5.3.0-alpha.21",
- "@storybook/addon-queryparams": "5.3.0-alpha.21",
- "@storybook/addon-storyshots": "5.3.0-alpha.21",
- "@storybook/addon-storyshots-puppeteer": "5.3.0-alpha.21",
- "@storybook/addon-storysource": "5.3.0-alpha.21",
- "@storybook/addon-viewport": "5.3.0-alpha.21",
- "@storybook/addons": "5.3.0-alpha.21",
- "@storybook/components": "5.3.0-alpha.21",
- "@storybook/core-events": "5.3.0-alpha.21",
- "@storybook/node-logger": "5.3.0-alpha.21",
- "@storybook/react": "5.3.0-alpha.21",
- "@storybook/source-loader": "5.3.0-alpha.21",
- "@storybook/theming": "5.3.0-alpha.21",
+ "@storybook/addon-a11y": "5.3.0-alpha.22",
+ "@storybook/addon-actions": "5.3.0-alpha.22",
+ "@storybook/addon-backgrounds": "5.3.0-alpha.22",
+ "@storybook/addon-centered": "5.3.0-alpha.22",
+ "@storybook/addon-contexts": "5.3.0-alpha.22",
+ "@storybook/addon-cssresources": "5.3.0-alpha.22",
+ "@storybook/addon-design-assets": "5.3.0-alpha.22",
+ "@storybook/addon-docs": "5.3.0-alpha.22",
+ "@storybook/addon-events": "5.3.0-alpha.22",
+ "@storybook/addon-graphql": "5.3.0-alpha.22",
+ "@storybook/addon-info": "5.3.0-alpha.22",
+ "@storybook/addon-jest": "5.3.0-alpha.22",
+ "@storybook/addon-knobs": "5.3.0-alpha.22",
+ "@storybook/addon-links": "5.3.0-alpha.22",
+ "@storybook/addon-notes": "5.3.0-alpha.22",
+ "@storybook/addon-options": "5.3.0-alpha.22",
+ "@storybook/addon-queryparams": "5.3.0-alpha.22",
+ "@storybook/addon-storyshots": "5.3.0-alpha.22",
+ "@storybook/addon-storyshots-puppeteer": "5.3.0-alpha.22",
+ "@storybook/addon-storysource": "5.3.0-alpha.22",
+ "@storybook/addon-viewport": "5.3.0-alpha.22",
+ "@storybook/addons": "5.3.0-alpha.22",
+ "@storybook/components": "5.3.0-alpha.22",
+ "@storybook/core-events": "5.3.0-alpha.22",
+ "@storybook/node-logger": "5.3.0-alpha.22",
+ "@storybook/react": "5.3.0-alpha.22",
+ "@storybook/source-loader": "5.3.0-alpha.22",
+ "@storybook/theming": "5.3.0-alpha.22",
"cors": "^2.8.5",
"cross-env": "^6.0.3",
"enzyme-to-json": "^3.4.1",
diff --git a/examples/official-storybook/stories/app-acceptance.stories.js b/examples/official-storybook/stories/app-acceptance.stories.js
deleted file mode 100644
index edea0adc9125..000000000000
--- a/examples/official-storybook/stories/app-acceptance.stories.js
+++ /dev/null
@@ -1,35 +0,0 @@
-import React from 'react';
-import { storiesOf } from '@storybook/react';
-
-// For these stories to work, you must build the static version of the
-// example storybooks *before* running this storybook.
-
-const chapter = storiesOf('App|acceptance', module);
-
-const style = {
- border: 0,
- position: 'absolute',
- top: 0,
- left: 0,
- width: '100vw',
- height: '100vh',
-};
-
-[
- 'cra-kitchen-sink',
- 'cra-ts-kitchen-sink',
- 'vue-kitchen-sink',
- 'svelte-kitchen-sink',
- 'angular-cli',
- 'polymer-cli',
- 'mithril-kitchen-sink',
- 'html-kitchen-sink',
- 'riot-kitchen-sink',
- 'preact-kitchen-sink',
- 'cra-react15',
-].forEach(name => {
- chapter.add(name, () => , {
- chromatic: { delay: 2000 },
- notes: `You must build the storybook for the ${name} example for this story to work.`,
- });
-});
diff --git a/examples/polymer-cli/package.json b/examples/polymer-cli/package.json
index 439544155326..c093cb2fdbeb 100644
--- a/examples/polymer-cli/package.json
+++ b/examples/polymer-cli/package.json
@@ -1,6 +1,6 @@
{
"name": "polymer-cli",
- "version": "5.3.0-alpha.21",
+ "version": "5.3.0-alpha.22",
"private": true,
"scripts": {
"build-storybook": "build-storybook",
@@ -9,17 +9,17 @@
},
"dependencies": {
"@polymer/polymer": "^2.6.0",
- "@storybook/addon-a11y": "5.3.0-alpha.21",
- "@storybook/addon-actions": "5.3.0-alpha.21",
- "@storybook/addon-backgrounds": "5.3.0-alpha.21",
- "@storybook/addon-knobs": "5.3.0-alpha.21",
- "@storybook/addon-links": "5.3.0-alpha.21",
- "@storybook/addon-notes": "5.3.0-alpha.21",
- "@storybook/addon-options": "5.3.0-alpha.21",
- "@storybook/addon-storysource": "5.3.0-alpha.21",
- "@storybook/addon-viewport": "5.3.0-alpha.21",
- "@storybook/polymer": "5.3.0-alpha.21",
- "@storybook/source-loader": "5.3.0-alpha.21",
+ "@storybook/addon-a11y": "5.3.0-alpha.22",
+ "@storybook/addon-actions": "5.3.0-alpha.22",
+ "@storybook/addon-backgrounds": "5.3.0-alpha.22",
+ "@storybook/addon-knobs": "5.3.0-alpha.22",
+ "@storybook/addon-links": "5.3.0-alpha.22",
+ "@storybook/addon-notes": "5.3.0-alpha.22",
+ "@storybook/addon-options": "5.3.0-alpha.22",
+ "@storybook/addon-storysource": "5.3.0-alpha.22",
+ "@storybook/addon-viewport": "5.3.0-alpha.22",
+ "@storybook/polymer": "5.3.0-alpha.22",
+ "@storybook/source-loader": "5.3.0-alpha.22",
"@webcomponents/webcomponentsjs": "^1.2.0",
"global": "^4.3.2",
"lit-html": "^1.0.0",
diff --git a/examples/preact-kitchen-sink/package.json b/examples/preact-kitchen-sink/package.json
index 4988634b6761..03d7d316a639 100644
--- a/examples/preact-kitchen-sink/package.json
+++ b/examples/preact-kitchen-sink/package.json
@@ -1,6 +1,6 @@
{
"name": "preact-example",
- "version": "5.3.0-alpha.21",
+ "version": "5.3.0-alpha.22",
"private": true,
"scripts": {
"build": "cross-env NODE_ENV=production webpack --progress --hide-modules",
@@ -15,21 +15,21 @@
"devDependencies": {
"@babel/core": "^7.3.4",
"@babel/plugin-transform-runtime": "^7.2.0",
- "@storybook/addon-a11y": "5.3.0-alpha.21",
- "@storybook/addon-actions": "5.3.0-alpha.21",
- "@storybook/addon-backgrounds": "5.3.0-alpha.21",
- "@storybook/addon-centered": "5.3.0-alpha.21",
- "@storybook/addon-contexts": "5.3.0-alpha.21",
- "@storybook/addon-knobs": "5.3.0-alpha.21",
- "@storybook/addon-links": "5.3.0-alpha.21",
- "@storybook/addon-notes": "5.3.0-alpha.21",
- "@storybook/addon-options": "5.3.0-alpha.21",
- "@storybook/addon-storyshots": "5.3.0-alpha.21",
- "@storybook/addon-storysource": "5.3.0-alpha.21",
- "@storybook/addon-viewport": "5.3.0-alpha.21",
- "@storybook/addons": "5.3.0-alpha.21",
- "@storybook/preact": "5.3.0-alpha.21",
- "@storybook/source-loader": "5.3.0-alpha.21",
+ "@storybook/addon-a11y": "5.3.0-alpha.22",
+ "@storybook/addon-actions": "5.3.0-alpha.22",
+ "@storybook/addon-backgrounds": "5.3.0-alpha.22",
+ "@storybook/addon-centered": "5.3.0-alpha.22",
+ "@storybook/addon-contexts": "5.3.0-alpha.22",
+ "@storybook/addon-knobs": "5.3.0-alpha.22",
+ "@storybook/addon-links": "5.3.0-alpha.22",
+ "@storybook/addon-notes": "5.3.0-alpha.22",
+ "@storybook/addon-options": "5.3.0-alpha.22",
+ "@storybook/addon-storyshots": "5.3.0-alpha.22",
+ "@storybook/addon-storysource": "5.3.0-alpha.22",
+ "@storybook/addon-viewport": "5.3.0-alpha.22",
+ "@storybook/addons": "5.3.0-alpha.22",
+ "@storybook/preact": "5.3.0-alpha.22",
+ "@storybook/source-loader": "5.3.0-alpha.22",
"babel-loader": "^8.0.4",
"cross-env": "^6.0.3",
"file-loader": "^4.2.0",
diff --git a/examples/rax-kitchen-sink/package.json b/examples/rax-kitchen-sink/package.json
index be69da06b3f0..6b80a4513a39 100644
--- a/examples/rax-kitchen-sink/package.json
+++ b/examples/rax-kitchen-sink/package.json
@@ -1,6 +1,6 @@
{
"name": "rax-kitchen-sink",
- "version": "5.3.0-alpha.21",
+ "version": "5.3.0-alpha.22",
"private": true,
"scripts": {
"build": "rax-scripts build",
@@ -21,23 +21,23 @@
"rax-view": "^1.0.0"
},
"devDependencies": {
- "@storybook/addon-a11y": "5.3.0-alpha.21",
- "@storybook/addon-actions": "5.3.0-alpha.21",
- "@storybook/addon-backgrounds": "5.3.0-alpha.21",
- "@storybook/addon-centered": "5.3.0-alpha.21",
- "@storybook/addon-events": "5.3.0-alpha.21",
- "@storybook/addon-info": "5.3.0-alpha.21",
- "@storybook/addon-jest": "5.3.0-alpha.21",
- "@storybook/addon-knobs": "5.3.0-alpha.21",
- "@storybook/addon-links": "5.3.0-alpha.21",
- "@storybook/addon-notes": "5.3.0-alpha.21",
- "@storybook/addon-options": "5.3.0-alpha.21",
- "@storybook/addon-storyshots": "5.3.0-alpha.21",
- "@storybook/addon-storysource": "5.3.0-alpha.21",
- "@storybook/addon-viewport": "5.3.0-alpha.21",
- "@storybook/addons": "5.3.0-alpha.21",
- "@storybook/rax": "5.3.0-alpha.21",
- "@storybook/source-loader": "5.3.0-alpha.21",
+ "@storybook/addon-a11y": "5.3.0-alpha.22",
+ "@storybook/addon-actions": "5.3.0-alpha.22",
+ "@storybook/addon-backgrounds": "5.3.0-alpha.22",
+ "@storybook/addon-centered": "5.3.0-alpha.22",
+ "@storybook/addon-events": "5.3.0-alpha.22",
+ "@storybook/addon-info": "5.3.0-alpha.22",
+ "@storybook/addon-jest": "5.3.0-alpha.22",
+ "@storybook/addon-knobs": "5.3.0-alpha.22",
+ "@storybook/addon-links": "5.3.0-alpha.22",
+ "@storybook/addon-notes": "5.3.0-alpha.22",
+ "@storybook/addon-options": "5.3.0-alpha.22",
+ "@storybook/addon-storyshots": "5.3.0-alpha.22",
+ "@storybook/addon-storysource": "5.3.0-alpha.22",
+ "@storybook/addon-viewport": "5.3.0-alpha.22",
+ "@storybook/addons": "5.3.0-alpha.22",
+ "@storybook/rax": "5.3.0-alpha.22",
+ "@storybook/source-loader": "5.3.0-alpha.22",
"babel-eslint": "^10.0.3",
"babel-preset-rax": "^1.0.0-beta.0",
"rax-scripts": "^2.0.0",
diff --git a/examples/riot-kitchen-sink/package.json b/examples/riot-kitchen-sink/package.json
index 8a0d653d1349..033c903cb8bd 100644
--- a/examples/riot-kitchen-sink/package.json
+++ b/examples/riot-kitchen-sink/package.json
@@ -1,6 +1,6 @@
{
"name": "riot-example",
- "version": "5.3.0-alpha.21",
+ "version": "5.3.0-alpha.22",
"private": true,
"scripts": {
"build": "cross-env NODE_ENV=production webpack --progress --hide-modules",
@@ -15,20 +15,20 @@
},
"devDependencies": {
"@babel/core": "^7.3.4",
- "@storybook/addon-a11y": "5.3.0-alpha.21",
- "@storybook/addon-actions": "5.3.0-alpha.21",
- "@storybook/addon-backgrounds": "5.3.0-alpha.21",
- "@storybook/addon-centered": "5.3.0-alpha.21",
- "@storybook/addon-knobs": "5.3.0-alpha.21",
- "@storybook/addon-links": "5.3.0-alpha.21",
- "@storybook/addon-notes": "5.3.0-alpha.21",
- "@storybook/addon-options": "5.3.0-alpha.21",
- "@storybook/addon-storyshots": "5.3.0-alpha.21",
- "@storybook/addon-storysource": "5.3.0-alpha.21",
- "@storybook/addon-viewport": "5.3.0-alpha.21",
- "@storybook/addons": "5.3.0-alpha.21",
- "@storybook/riot": "5.3.0-alpha.21",
- "@storybook/source-loader": "5.3.0-alpha.21",
+ "@storybook/addon-a11y": "5.3.0-alpha.22",
+ "@storybook/addon-actions": "5.3.0-alpha.22",
+ "@storybook/addon-backgrounds": "5.3.0-alpha.22",
+ "@storybook/addon-centered": "5.3.0-alpha.22",
+ "@storybook/addon-knobs": "5.3.0-alpha.22",
+ "@storybook/addon-links": "5.3.0-alpha.22",
+ "@storybook/addon-notes": "5.3.0-alpha.22",
+ "@storybook/addon-options": "5.3.0-alpha.22",
+ "@storybook/addon-storyshots": "5.3.0-alpha.22",
+ "@storybook/addon-storysource": "5.3.0-alpha.22",
+ "@storybook/addon-viewport": "5.3.0-alpha.22",
+ "@storybook/addons": "5.3.0-alpha.22",
+ "@storybook/riot": "5.3.0-alpha.22",
+ "@storybook/source-loader": "5.3.0-alpha.22",
"babel-loader": "^8.0.4",
"cross-env": "^6.0.3",
"file-loader": "^4.2.0",
diff --git a/examples/standalone-preview/package.json b/examples/standalone-preview/package.json
index d2a1180105f7..b95c416abbb3 100644
--- a/examples/standalone-preview/package.json
+++ b/examples/standalone-preview/package.json
@@ -1,12 +1,12 @@
{
"name": "standalone-preview",
- "version": "5.3.0-alpha.21",
+ "version": "5.3.0-alpha.22",
"private": true,
"scripts": {
"storybook": "parcel ./storybook.html --port 1337"
},
"devDependencies": {
- "@storybook/react": "5.3.0-alpha.21",
+ "@storybook/react": "5.3.0-alpha.22",
"parcel": "^1.12.3",
"react": "^16.8.4",
"react-dom": "^16.8.4"
diff --git a/examples/svelte-kitchen-sink/package.json b/examples/svelte-kitchen-sink/package.json
index 54bd7624d90a..5f4a315fc664 100644
--- a/examples/svelte-kitchen-sink/package.json
+++ b/examples/svelte-kitchen-sink/package.json
@@ -1,6 +1,6 @@
{
"name": "svelte-example",
- "version": "5.3.0-alpha.21",
+ "version": "5.3.0-alpha.22",
"private": true,
"scripts": {
"build-storybook": "build-storybook -s public",
@@ -10,19 +10,19 @@
"global": "^4.3.2"
},
"devDependencies": {
- "@storybook/addon-a11y": "5.3.0-alpha.21",
- "@storybook/addon-actions": "5.3.0-alpha.21",
- "@storybook/addon-backgrounds": "5.3.0-alpha.21",
- "@storybook/addon-centered": "5.3.0-alpha.21",
- "@storybook/addon-knobs": "5.3.0-alpha.21",
- "@storybook/addon-links": "5.3.0-alpha.21",
- "@storybook/addon-notes": "5.3.0-alpha.21",
- "@storybook/addon-options": "5.3.0-alpha.21",
- "@storybook/addon-storyshots": "5.3.0-alpha.21",
- "@storybook/addon-storysource": "5.3.0-alpha.21",
- "@storybook/addon-viewport": "5.3.0-alpha.21",
- "@storybook/addons": "5.3.0-alpha.21",
- "@storybook/source-loader": "5.3.0-alpha.21",
- "@storybook/svelte": "5.3.0-alpha.21"
+ "@storybook/addon-a11y": "5.3.0-alpha.22",
+ "@storybook/addon-actions": "5.3.0-alpha.22",
+ "@storybook/addon-backgrounds": "5.3.0-alpha.22",
+ "@storybook/addon-centered": "5.3.0-alpha.22",
+ "@storybook/addon-knobs": "5.3.0-alpha.22",
+ "@storybook/addon-links": "5.3.0-alpha.22",
+ "@storybook/addon-notes": "5.3.0-alpha.22",
+ "@storybook/addon-options": "5.3.0-alpha.22",
+ "@storybook/addon-storyshots": "5.3.0-alpha.22",
+ "@storybook/addon-storysource": "5.3.0-alpha.22",
+ "@storybook/addon-viewport": "5.3.0-alpha.22",
+ "@storybook/addons": "5.3.0-alpha.22",
+ "@storybook/source-loader": "5.3.0-alpha.22",
+ "@storybook/svelte": "5.3.0-alpha.22"
}
}
diff --git a/examples/vue-kitchen-sink/package.json b/examples/vue-kitchen-sink/package.json
index 53a35bd81122..6aa273c0bbc7 100644
--- a/examples/vue-kitchen-sink/package.json
+++ b/examples/vue-kitchen-sink/package.json
@@ -1,6 +1,6 @@
{
"name": "vue-example",
- "version": "5.3.0-alpha.21",
+ "version": "5.3.0-alpha.22",
"private": true,
"scripts": {
"build": "cross-env NODE_ENV=production webpack --progress --hide-modules",
@@ -14,22 +14,22 @@
},
"devDependencies": {
"@babel/core": "^7.3.4",
- "@storybook/addon-a11y": "5.3.0-alpha.21",
- "@storybook/addon-actions": "5.3.0-alpha.21",
- "@storybook/addon-backgrounds": "5.3.0-alpha.21",
- "@storybook/addon-centered": "5.3.0-alpha.21",
- "@storybook/addon-contexts": "5.3.0-alpha.21",
- "@storybook/addon-docs": "5.3.0-alpha.21",
- "@storybook/addon-knobs": "5.3.0-alpha.21",
- "@storybook/addon-links": "5.3.0-alpha.21",
- "@storybook/addon-notes": "5.3.0-alpha.21",
- "@storybook/addon-options": "5.3.0-alpha.21",
- "@storybook/addon-storyshots": "5.3.0-alpha.21",
- "@storybook/addon-storysource": "5.3.0-alpha.21",
- "@storybook/addon-viewport": "5.3.0-alpha.21",
- "@storybook/addons": "5.3.0-alpha.21",
- "@storybook/source-loader": "5.3.0-alpha.21",
- "@storybook/vue": "5.3.0-alpha.21",
+ "@storybook/addon-a11y": "5.3.0-alpha.22",
+ "@storybook/addon-actions": "5.3.0-alpha.22",
+ "@storybook/addon-backgrounds": "5.3.0-alpha.22",
+ "@storybook/addon-centered": "5.3.0-alpha.22",
+ "@storybook/addon-contexts": "5.3.0-alpha.22",
+ "@storybook/addon-docs": "5.3.0-alpha.22",
+ "@storybook/addon-knobs": "5.3.0-alpha.22",
+ "@storybook/addon-links": "5.3.0-alpha.22",
+ "@storybook/addon-notes": "5.3.0-alpha.22",
+ "@storybook/addon-options": "5.3.0-alpha.22",
+ "@storybook/addon-storyshots": "5.3.0-alpha.22",
+ "@storybook/addon-storysource": "5.3.0-alpha.22",
+ "@storybook/addon-viewport": "5.3.0-alpha.22",
+ "@storybook/addons": "5.3.0-alpha.22",
+ "@storybook/source-loader": "5.3.0-alpha.22",
+ "@storybook/vue": "5.3.0-alpha.22",
"babel-core": "^7.0.0-bridge.0",
"babel-loader": "^8.0.5",
"cross-env": "^6.0.3",
diff --git a/lerna.json b/lerna.json
index ad40c8e81c97..8a33b33e0135 100644
--- a/lerna.json
+++ b/lerna.json
@@ -2,5 +2,5 @@
"npmClient": "yarn",
"useWorkspaces": true,
"registry": "https://registry.npmjs.org",
- "version": "5.3.0-alpha.21"
+ "version": "5.3.0-alpha.22"
}
diff --git a/lib/addons/package.json b/lib/addons/package.json
index 16b9461af8ec..9b7e54455192 100644
--- a/lib/addons/package.json
+++ b/lib/addons/package.json
@@ -1,6 +1,6 @@
{
"name": "@storybook/addons",
- "version": "5.3.0-alpha.21",
+ "version": "5.3.0-alpha.22",
"description": "Storybook addons store",
"keywords": [
"storybook"
@@ -27,10 +27,10 @@
"prepare": "node ../../scripts/prepare.js"
},
"dependencies": {
- "@storybook/api": "5.3.0-alpha.21",
- "@storybook/channels": "5.3.0-alpha.21",
- "@storybook/client-logger": "5.3.0-alpha.21",
- "@storybook/core-events": "5.3.0-alpha.21",
+ "@storybook/api": "5.3.0-alpha.22",
+ "@storybook/channels": "5.3.0-alpha.22",
+ "@storybook/client-logger": "5.3.0-alpha.22",
+ "@storybook/core-events": "5.3.0-alpha.22",
"core-js": "^3.0.1",
"global": "^4.3.2",
"util-deprecate": "^1.0.2"
diff --git a/lib/api/package.json b/lib/api/package.json
index 066361574cc6..839ff98a3f65 100644
--- a/lib/api/package.json
+++ b/lib/api/package.json
@@ -1,6 +1,6 @@
{
"name": "@storybook/api",
- "version": "5.3.0-alpha.21",
+ "version": "5.3.0-alpha.22",
"description": "Core Storybook API & Context",
"keywords": [
"storybook"
@@ -26,11 +26,11 @@
"prepare": "node ./scripts/generateVersion.js && node ../../scripts/prepare.js"
},
"dependencies": {
- "@storybook/channels": "5.3.0-alpha.21",
- "@storybook/client-logger": "5.3.0-alpha.21",
- "@storybook/core-events": "5.3.0-alpha.21",
- "@storybook/router": "5.3.0-alpha.21",
- "@storybook/theming": "5.3.0-alpha.21",
+ "@storybook/channels": "5.3.0-alpha.22",
+ "@storybook/client-logger": "5.3.0-alpha.22",
+ "@storybook/core-events": "5.3.0-alpha.22",
+ "@storybook/router": "5.3.0-alpha.22",
+ "@storybook/theming": "5.3.0-alpha.22",
"core-js": "^3.0.1",
"fast-deep-equal": "^2.0.1",
"global": "^4.3.2",
diff --git a/lib/api/src/version.ts b/lib/api/src/version.ts
index 90bed43daf84..8964c17b4177 100644
--- a/lib/api/src/version.ts
+++ b/lib/api/src/version.ts
@@ -1 +1 @@
-export const version = '5.3.0-alpha.21';
+export const version = '5.3.0-alpha.22';
diff --git a/lib/channel-postmessage/package.json b/lib/channel-postmessage/package.json
index 52e9c97ece52..e9c5d9cd4ee8 100644
--- a/lib/channel-postmessage/package.json
+++ b/lib/channel-postmessage/package.json
@@ -1,6 +1,6 @@
{
"name": "@storybook/channel-postmessage",
- "version": "5.3.0-alpha.21",
+ "version": "5.3.0-alpha.22",
"description": "",
"keywords": [
"storybook"
@@ -27,8 +27,8 @@
"prepare": "node ../../scripts/prepare.js"
},
"dependencies": {
- "@storybook/channels": "5.3.0-alpha.21",
- "@storybook/client-logger": "5.3.0-alpha.21",
+ "@storybook/channels": "5.3.0-alpha.22",
+ "@storybook/client-logger": "5.3.0-alpha.22",
"core-js": "^3.0.1",
"global": "^4.3.2",
"telejson": "^3.0.3"
diff --git a/lib/channel-websocket/package.json b/lib/channel-websocket/package.json
index 0987ca54d035..bf76c8283a3b 100644
--- a/lib/channel-websocket/package.json
+++ b/lib/channel-websocket/package.json
@@ -1,6 +1,6 @@
{
"name": "@storybook/channel-websocket",
- "version": "5.3.0-alpha.21",
+ "version": "5.3.0-alpha.22",
"description": "",
"keywords": [
"storybook"
@@ -27,7 +27,7 @@
"prepare": "node ../../scripts/prepare.js"
},
"dependencies": {
- "@storybook/channels": "5.3.0-alpha.21",
+ "@storybook/channels": "5.3.0-alpha.22",
"core-js": "^3.0.1",
"global": "^4.3.2",
"json-fn": "^1.1.1"
diff --git a/lib/channels/package.json b/lib/channels/package.json
index e6085eca0d28..d7afbf62f80d 100644
--- a/lib/channels/package.json
+++ b/lib/channels/package.json
@@ -1,6 +1,6 @@
{
"name": "@storybook/channels",
- "version": "5.3.0-alpha.21",
+ "version": "5.3.0-alpha.22",
"description": "",
"keywords": [
"storybook"
diff --git a/lib/cli-sb/package.json b/lib/cli-sb/package.json
index b5a47b443a62..b9d7822198f9 100644
--- a/lib/cli-sb/package.json
+++ b/lib/cli-sb/package.json
@@ -1,6 +1,6 @@
{
"name": "sb",
- "version": "5.3.0-alpha.21",
+ "version": "5.3.0-alpha.22",
"private": true,
"description": "Storybook CLI",
"keywords": [
@@ -23,7 +23,7 @@
"prepare": "node ../../scripts/prepare.js"
},
"dependencies": {
- "@storybook/cli": "5.3.0-alpha.21"
+ "@storybook/cli": "5.3.0-alpha.22"
},
"publishConfig": {
"access": "public"
diff --git a/lib/cli-storybook/package.json b/lib/cli-storybook/package.json
index 61f85aab613d..f2085e68dddd 100644
--- a/lib/cli-storybook/package.json
+++ b/lib/cli-storybook/package.json
@@ -1,6 +1,6 @@
{
"name": "storybook",
- "version": "5.3.0-alpha.21",
+ "version": "5.3.0-alpha.22",
"private": true,
"description": "Storybook CLI",
"keywords": [
@@ -24,7 +24,7 @@
"prepare": "node ../../scripts/prepare.js"
},
"dependencies": {
- "@storybook/cli": "5.3.0-alpha.21"
+ "@storybook/cli": "5.3.0-alpha.22"
},
"publishConfig": {
"access": "public"
diff --git a/lib/cli/generators/ANGULAR/template-csf/src/stories/0-Welcome.stories.ts b/lib/cli/generators/ANGULAR/template-csf/src/stories/0-Welcome.stories.ts
index c15fa411f646..f506f387ca3c 100644
--- a/lib/cli/generators/ANGULAR/template-csf/src/stories/0-Welcome.stories.ts
+++ b/lib/cli/generators/ANGULAR/template-csf/src/stories/0-Welcome.stories.ts
@@ -2,6 +2,7 @@ import { Welcome } from '@storybook/angular/demo';
export default {
title: 'Welcome',
+ component: Welcome,
};
export const toStorybook = () => ({
diff --git a/lib/cli/generators/ANGULAR/template-csf/src/stories/1-Button.stories.ts b/lib/cli/generators/ANGULAR/template-csf/src/stories/1-Button.stories.ts
index 7ff57f3af139..26c7fc6b40f8 100644
--- a/lib/cli/generators/ANGULAR/template-csf/src/stories/1-Button.stories.ts
+++ b/lib/cli/generators/ANGULAR/template-csf/src/stories/1-Button.stories.ts
@@ -5,6 +5,7 @@ import { Button } from '@storybook/angular/demo';
export default {
title: 'Button',
+ component: Button,
};
export const text = () => ({
diff --git a/lib/cli/generators/ANGULAR/template-mdx/src/stories/0-Welcome.stories.mdx b/lib/cli/generators/ANGULAR/template-mdx/src/stories/0-Welcome.stories.mdx
index f7678421d17c..5fc361cd9b67 100644
--- a/lib/cli/generators/ANGULAR/template-mdx/src/stories/0-Welcome.stories.mdx
+++ b/lib/cli/generators/ANGULAR/template-mdx/src/stories/0-Welcome.stories.mdx
@@ -1,7 +1,7 @@
import { Meta, Story, Preview } from '@storybook/addon-docs/blocks';
import { Welcome } from '@storybook/angular/demo';
-
+
# Welcome
diff --git a/lib/cli/generators/ANGULAR/template-mdx/src/stories/1-Button.stories.mdx b/lib/cli/generators/ANGULAR/template-mdx/src/stories/1-Button.stories.mdx
index a5f0b403a64e..2bfaa57e0afd 100644
--- a/lib/cli/generators/ANGULAR/template-mdx/src/stories/1-Button.stories.mdx
+++ b/lib/cli/generators/ANGULAR/template-mdx/src/stories/1-Button.stories.mdx
@@ -4,7 +4,7 @@ import { linkTo } from '@storybook/addon-links';
import { Button } from '@storybook/angular/demo';
-
+
# Button
diff --git a/lib/cli/generators/MARKO/template-csf/stories/index.stories.js b/lib/cli/generators/MARKO/template-csf/stories/index.stories.js
index 2c64c94fab21..41fcb8b4fc12 100644
--- a/lib/cli/generators/MARKO/template-csf/stories/index.stories.js
+++ b/lib/cli/generators/MARKO/template-csf/stories/index.stories.js
@@ -2,6 +2,7 @@ import Welcome from './components/welcome/index.marko';
export default {
title: 'Welcome',
+ component: Welcome,
};
export const welcome = () => ({ component: Welcome });
diff --git a/lib/cli/generators/METEOR/template-csf/stories/0-Welcome.stories.js b/lib/cli/generators/METEOR/template-csf/stories/0-Welcome.stories.js
index fe4de2145a69..fa267f24c316 100644
--- a/lib/cli/generators/METEOR/template-csf/stories/0-Welcome.stories.js
+++ b/lib/cli/generators/METEOR/template-csf/stories/0-Welcome.stories.js
@@ -4,6 +4,7 @@ import { Welcome } from '@storybook/react/demo';
export default {
title: 'Welcome',
+ component: Welcome,
};
export const toStorybook = () => ;
diff --git a/lib/cli/generators/METEOR/template-csf/stories/1-Button.stories.js b/lib/cli/generators/METEOR/template-csf/stories/1-Button.stories.js
index 2d2526055de9..ee421d08d5b0 100644
--- a/lib/cli/generators/METEOR/template-csf/stories/1-Button.stories.js
+++ b/lib/cli/generators/METEOR/template-csf/stories/1-Button.stories.js
@@ -4,6 +4,7 @@ import { Button } from '@storybook/react/demo';
export default {
title: 'Button',
+ component: Button,
};
export const text = () => ;
diff --git a/lib/cli/generators/MITHRIL/template-csf/stories/0-Welcome.stories.js b/lib/cli/generators/MITHRIL/template-csf/stories/0-Welcome.stories.js
index 3de233b222b4..3514edb1c9b4 100644
--- a/lib/cli/generators/MITHRIL/template-csf/stories/0-Welcome.stories.js
+++ b/lib/cli/generators/MITHRIL/template-csf/stories/0-Welcome.stories.js
@@ -4,6 +4,7 @@ import Welcome from './Welcome';
export default {
title: 'Welcome',
+ component: Welcome,
};
export const toStorybook = () => ({
diff --git a/lib/cli/generators/MITHRIL/template-csf/stories/1-Button.stories.js b/lib/cli/generators/MITHRIL/template-csf/stories/1-Button.stories.js
index f425932490d3..770c8b9d95fe 100644
--- a/lib/cli/generators/MITHRIL/template-csf/stories/1-Button.stories.js
+++ b/lib/cli/generators/MITHRIL/template-csf/stories/1-Button.stories.js
@@ -4,6 +4,7 @@ import Button from './Button';
export default {
title: 'Button',
+ component: Button,
};
export const text = () => ({
diff --git a/lib/cli/generators/PREACT/template-csf/stories/0-Welcome.stories.js b/lib/cli/generators/PREACT/template-csf/stories/0-Welcome.stories.js
index 0d0669ee4076..03442e51b929 100644
--- a/lib/cli/generators/PREACT/template-csf/stories/0-Welcome.stories.js
+++ b/lib/cli/generators/PREACT/template-csf/stories/0-Welcome.stories.js
@@ -6,6 +6,7 @@ import Welcome from './Welcome';
export default {
title: 'Welcome',
+ component: Welcome,
};
export const toStorybook = () => ;
diff --git a/lib/cli/generators/PREACT/template-csf/stories/1-Button.stories.js b/lib/cli/generators/PREACT/template-csf/stories/1-Button.stories.js
index c4c4e533038c..650c1a6d2a6f 100644
--- a/lib/cli/generators/PREACT/template-csf/stories/1-Button.stories.js
+++ b/lib/cli/generators/PREACT/template-csf/stories/1-Button.stories.js
@@ -6,6 +6,7 @@ import Button from './Button';
export default {
title: 'Button',
+ component: Button,
};
export const text = () => ;
diff --git a/lib/cli/generators/RAX/template-csf/stories/0-Welcome.stories.js b/lib/cli/generators/RAX/template-csf/stories/0-Welcome.stories.js
index 2f50a78ee5f3..7f3dddec5d41 100644
--- a/lib/cli/generators/RAX/template-csf/stories/0-Welcome.stories.js
+++ b/lib/cli/generators/RAX/template-csf/stories/0-Welcome.stories.js
@@ -5,6 +5,7 @@ import Welcome from './Welcome';
export default {
title: 'Welcome',
+ component: Welcome,
};
export const toStorybook = () => ;
diff --git a/lib/cli/generators/REACT/template-csf/stories/0-Welcome.stories.js b/lib/cli/generators/REACT/template-csf/stories/0-Welcome.stories.js
index fe4de2145a69..fa267f24c316 100644
--- a/lib/cli/generators/REACT/template-csf/stories/0-Welcome.stories.js
+++ b/lib/cli/generators/REACT/template-csf/stories/0-Welcome.stories.js
@@ -4,6 +4,7 @@ import { Welcome } from '@storybook/react/demo';
export default {
title: 'Welcome',
+ component: Welcome,
};
export const toStorybook = () => ;
diff --git a/lib/cli/generators/REACT/template-csf/stories/1-Button.stories.js b/lib/cli/generators/REACT/template-csf/stories/1-Button.stories.js
index 2d2526055de9..ee421d08d5b0 100644
--- a/lib/cli/generators/REACT/template-csf/stories/1-Button.stories.js
+++ b/lib/cli/generators/REACT/template-csf/stories/1-Button.stories.js
@@ -4,6 +4,7 @@ import { Button } from '@storybook/react/demo';
export default {
title: 'Button',
+ component: Button,
};
export const text = () => ;
diff --git a/lib/cli/generators/REACT/template-mdx/stories/0-Welcome.stories.mdx b/lib/cli/generators/REACT/template-mdx/stories/0-Welcome.stories.mdx
index 15e55744b619..8f48008a3b56 100644
--- a/lib/cli/generators/REACT/template-mdx/stories/0-Welcome.stories.mdx
+++ b/lib/cli/generators/REACT/template-mdx/stories/0-Welcome.stories.mdx
@@ -2,7 +2,7 @@ import { Meta, Story, Preview } from '@storybook/addon-docs/blocks';
import { linkTo } from '@storybook/addon-links';
import { Welcome } from '@storybook/react/demo';
-
+
# Welcome
diff --git a/lib/cli/generators/REACT/template-mdx/stories/1-Button.stories.mdx b/lib/cli/generators/REACT/template-mdx/stories/1-Button.stories.mdx
index 8cd965a1e074..ed90840f9dcb 100644
--- a/lib/cli/generators/REACT/template-mdx/stories/1-Button.stories.mdx
+++ b/lib/cli/generators/REACT/template-mdx/stories/1-Button.stories.mdx
@@ -2,7 +2,7 @@ import { action } from '@storybook/addon-actions';
import { Button } from '@storybook/react/demo';
import { Meta, Story } from '@storybook/addon-docs/blocks';
-
+
# Button
diff --git a/lib/cli/generators/REACT_SCRIPTS/template-csf-ts/src/stories/0-Welcome.stories.tsx b/lib/cli/generators/REACT_SCRIPTS/template-csf-ts/src/stories/0-Welcome.stories.tsx
index fe4de2145a69..fa267f24c316 100644
--- a/lib/cli/generators/REACT_SCRIPTS/template-csf-ts/src/stories/0-Welcome.stories.tsx
+++ b/lib/cli/generators/REACT_SCRIPTS/template-csf-ts/src/stories/0-Welcome.stories.tsx
@@ -4,6 +4,7 @@ import { Welcome } from '@storybook/react/demo';
export default {
title: 'Welcome',
+ component: Welcome,
};
export const toStorybook = () => ;
diff --git a/lib/cli/generators/REACT_SCRIPTS/template-csf-ts/src/stories/1-Button.stories.tsx b/lib/cli/generators/REACT_SCRIPTS/template-csf-ts/src/stories/1-Button.stories.tsx
index 2d2526055de9..ee421d08d5b0 100644
--- a/lib/cli/generators/REACT_SCRIPTS/template-csf-ts/src/stories/1-Button.stories.tsx
+++ b/lib/cli/generators/REACT_SCRIPTS/template-csf-ts/src/stories/1-Button.stories.tsx
@@ -4,6 +4,7 @@ import { Button } from '@storybook/react/demo';
export default {
title: 'Button',
+ component: Button,
};
export const text = () => ;
diff --git a/lib/cli/generators/REACT_SCRIPTS/template-csf/src/stories/0-Welcome.stories.js b/lib/cli/generators/REACT_SCRIPTS/template-csf/src/stories/0-Welcome.stories.js
index fe4de2145a69..fa267f24c316 100644
--- a/lib/cli/generators/REACT_SCRIPTS/template-csf/src/stories/0-Welcome.stories.js
+++ b/lib/cli/generators/REACT_SCRIPTS/template-csf/src/stories/0-Welcome.stories.js
@@ -4,6 +4,7 @@ import { Welcome } from '@storybook/react/demo';
export default {
title: 'Welcome',
+ component: Welcome,
};
export const toStorybook = () => ;
diff --git a/lib/cli/generators/REACT_SCRIPTS/template-csf/src/stories/1-Button.stories.js b/lib/cli/generators/REACT_SCRIPTS/template-csf/src/stories/1-Button.stories.js
index 2d2526055de9..ee421d08d5b0 100644
--- a/lib/cli/generators/REACT_SCRIPTS/template-csf/src/stories/1-Button.stories.js
+++ b/lib/cli/generators/REACT_SCRIPTS/template-csf/src/stories/1-Button.stories.js
@@ -4,6 +4,7 @@ import { Button } from '@storybook/react/demo';
export default {
title: 'Button',
+ component: Button,
};
export const text = () => ;
diff --git a/lib/cli/generators/REACT_SCRIPTS/template-mdx/src/stories/0-Welcome.stories.mdx b/lib/cli/generators/REACT_SCRIPTS/template-mdx/src/stories/0-Welcome.stories.mdx
index 15e55744b619..8f48008a3b56 100644
--- a/lib/cli/generators/REACT_SCRIPTS/template-mdx/src/stories/0-Welcome.stories.mdx
+++ b/lib/cli/generators/REACT_SCRIPTS/template-mdx/src/stories/0-Welcome.stories.mdx
@@ -2,7 +2,7 @@ import { Meta, Story, Preview } from '@storybook/addon-docs/blocks';
import { linkTo } from '@storybook/addon-links';
import { Welcome } from '@storybook/react/demo';
-
+
# Welcome
diff --git a/lib/cli/generators/REACT_SCRIPTS/template-mdx/src/stories/1-Button.stories.mdx b/lib/cli/generators/REACT_SCRIPTS/template-mdx/src/stories/1-Button.stories.mdx
index 9bbcc904f99b..7c87b32323cd 100644
--- a/lib/cli/generators/REACT_SCRIPTS/template-mdx/src/stories/1-Button.stories.mdx
+++ b/lib/cli/generators/REACT_SCRIPTS/template-mdx/src/stories/1-Button.stories.mdx
@@ -2,7 +2,7 @@ import { Meta, Story, Preview } from '@storybook/addon-docs/blocks';
import { action } from '@storybook/addon-actions';
import { Button } from '@storybook/react/demo';
-
+
# Button
diff --git a/lib/cli/generators/SFC_VUE/template-csf/src/stories/0-Welcome.stories.js b/lib/cli/generators/SFC_VUE/template-csf/src/stories/0-Welcome.stories.js
index 2baaf0433841..6be3fcf848cb 100644
--- a/lib/cli/generators/SFC_VUE/template-csf/src/stories/0-Welcome.stories.js
+++ b/lib/cli/generators/SFC_VUE/template-csf/src/stories/0-Welcome.stories.js
@@ -4,6 +4,7 @@ import Welcome from './Welcome.vue';
export default {
title: 'Welcome',
+ component: Welcome,
};
export const toStorybook = () => ({
diff --git a/lib/cli/generators/SFC_VUE/template-csf/src/stories/1-Button.stories.js b/lib/cli/generators/SFC_VUE/template-csf/src/stories/1-Button.stories.js
index ca61ba316570..69eb65389e63 100644
--- a/lib/cli/generators/SFC_VUE/template-csf/src/stories/1-Button.stories.js
+++ b/lib/cli/generators/SFC_VUE/template-csf/src/stories/1-Button.stories.js
@@ -5,6 +5,7 @@ import MyButton from './MyButton.vue';
export default {
title: 'Button',
+ component: MyButton,
};
export const text = () => ({
diff --git a/lib/cli/generators/SFC_VUE/template-mdx/src/stories/0-Welcome.stories.mdx b/lib/cli/generators/SFC_VUE/template-mdx/src/stories/0-Welcome.stories.mdx
index 36fb42a282db..bcf64d1f659d 100644
--- a/lib/cli/generators/SFC_VUE/template-mdx/src/stories/0-Welcome.stories.mdx
+++ b/lib/cli/generators/SFC_VUE/template-mdx/src/stories/0-Welcome.stories.mdx
@@ -2,7 +2,7 @@ import { Meta, Story, Preview } from '@storybook/addon-docs/blocks';
import { linkTo } from '@storybook/addon-links';
import Welcome from './Welcome.vue';
-
+
# Welcome
diff --git a/lib/cli/generators/SFC_VUE/template-mdx/src/stories/1-Button.stories.mdx b/lib/cli/generators/SFC_VUE/template-mdx/src/stories/1-Button.stories.mdx
index 780ca5c9e881..f37647542ac2 100644
--- a/lib/cli/generators/SFC_VUE/template-mdx/src/stories/1-Button.stories.mdx
+++ b/lib/cli/generators/SFC_VUE/template-mdx/src/stories/1-Button.stories.mdx
@@ -3,7 +3,7 @@ import { action } from '@storybook/addon-actions';
import { linkTo } from '@storybook/addon-links';
import MyButton from './MyButton.vue';
-
+
# Button
diff --git a/lib/cli/generators/SVELTE/template-csf/stories/index.stories.js b/lib/cli/generators/SVELTE/template-csf/stories/index.stories.js
index f3b01a4ce26a..d200a570fd3b 100644
--- a/lib/cli/generators/SVELTE/template-csf/stories/index.stories.js
+++ b/lib/cli/generators/SVELTE/template-csf/stories/index.stories.js
@@ -4,6 +4,7 @@ import Button from './button.svelte';
export default {
title: 'Button',
+ component: Button,
};
export const text = () => ({
diff --git a/lib/cli/generators/VUE/template-csf/stories/0-Welcome.stories.js b/lib/cli/generators/VUE/template-csf/stories/0-Welcome.stories.js
index 81a7eadc71f5..e796e4824d3e 100644
--- a/lib/cli/generators/VUE/template-csf/stories/0-Welcome.stories.js
+++ b/lib/cli/generators/VUE/template-csf/stories/0-Welcome.stories.js
@@ -4,6 +4,7 @@ import Welcome from './Welcome';
export default {
title: 'Welcome',
+ component: Welcome,
};
export const toStorybook = () => ({
diff --git a/lib/cli/generators/VUE/template-csf/stories/1-Button.stories.js b/lib/cli/generators/VUE/template-csf/stories/1-Button.stories.js
index 563686e89f26..5560968ea542 100644
--- a/lib/cli/generators/VUE/template-csf/stories/1-Button.stories.js
+++ b/lib/cli/generators/VUE/template-csf/stories/1-Button.stories.js
@@ -5,6 +5,7 @@ import MyButton from './MyButton';
export default {
title: 'Button',
+ component: MyButton,
};
export const text = () => ({
diff --git a/lib/cli/generators/VUE/template-mdx/stories/0-Welcome.stories.mdx b/lib/cli/generators/VUE/template-mdx/stories/0-Welcome.stories.mdx
index c20f9e6c6880..5614c5ccc556 100644
--- a/lib/cli/generators/VUE/template-mdx/stories/0-Welcome.stories.mdx
+++ b/lib/cli/generators/VUE/template-mdx/stories/0-Welcome.stories.mdx
@@ -2,7 +2,7 @@ import { Meta, Story, Preview } from '@storybook/addon-docs/blocks';
import { linkTo } from '@storybook/addon-links';
import Welcome from './Welcome';
-
+
# Welcome
diff --git a/lib/cli/generators/VUE/template-mdx/stories/1-Button.stories.mdx b/lib/cli/generators/VUE/template-mdx/stories/1-Button.stories.mdx
index 9385d0184a98..ba6df7f248f2 100644
--- a/lib/cli/generators/VUE/template-mdx/stories/1-Button.stories.mdx
+++ b/lib/cli/generators/VUE/template-mdx/stories/1-Button.stories.mdx
@@ -3,7 +3,7 @@ import { action } from '@storybook/addon-actions';
import { linkTo } from '@storybook/addon-links';
import MyButton from './MyButton';
-
+
# Button
diff --git a/lib/cli/generators/WEBPACK_REACT/template-csf/stories/0-Welcome.stories.js b/lib/cli/generators/WEBPACK_REACT/template-csf/stories/0-Welcome.stories.js
index fe4de2145a69..fa267f24c316 100644
--- a/lib/cli/generators/WEBPACK_REACT/template-csf/stories/0-Welcome.stories.js
+++ b/lib/cli/generators/WEBPACK_REACT/template-csf/stories/0-Welcome.stories.js
@@ -4,6 +4,7 @@ import { Welcome } from '@storybook/react/demo';
export default {
title: 'Welcome',
+ component: Welcome,
};
export const toStorybook = () => ;
diff --git a/lib/cli/generators/WEBPACK_REACT/template-csf/stories/1-Button.stories.js b/lib/cli/generators/WEBPACK_REACT/template-csf/stories/1-Button.stories.js
index ebee8e0c1c99..7f31c9b92bcb 100644
--- a/lib/cli/generators/WEBPACK_REACT/template-csf/stories/1-Button.stories.js
+++ b/lib/cli/generators/WEBPACK_REACT/template-csf/stories/1-Button.stories.js
@@ -5,6 +5,7 @@ import { Button } from '@storybook/react/demo';
export default {
title: 'Button',
+ component: Button,
};
export const text = () => ;
diff --git a/lib/cli/generators/WEBPACK_REACT/template-mdx/stories/0-Welcome.stories.mdx b/lib/cli/generators/WEBPACK_REACT/template-mdx/stories/0-Welcome.stories.mdx
index 15e55744b619..8f48008a3b56 100644
--- a/lib/cli/generators/WEBPACK_REACT/template-mdx/stories/0-Welcome.stories.mdx
+++ b/lib/cli/generators/WEBPACK_REACT/template-mdx/stories/0-Welcome.stories.mdx
@@ -2,7 +2,7 @@ import { Meta, Story, Preview } from '@storybook/addon-docs/blocks';
import { linkTo } from '@storybook/addon-links';
import { Welcome } from '@storybook/react/demo';
-
+
# Welcome
diff --git a/lib/cli/generators/WEBPACK_REACT/template-mdx/stories/1-Button.stories.mdx b/lib/cli/generators/WEBPACK_REACT/template-mdx/stories/1-Button.stories.mdx
index 8cd965a1e074..876782206a82 100644
--- a/lib/cli/generators/WEBPACK_REACT/template-mdx/stories/1-Button.stories.mdx
+++ b/lib/cli/generators/WEBPACK_REACT/template-mdx/stories/1-Button.stories.mdx
@@ -1,8 +1,8 @@
+import { Meta, Story } from '@storybook/addon-docs/blocks';
import { action } from '@storybook/addon-actions';
import { Button } from '@storybook/react/demo';
-import { Meta, Story } from '@storybook/addon-docs/blocks';
-
+
# Button
diff --git a/lib/cli/package.json b/lib/cli/package.json
index 6c210376881c..130587b9a00f 100644
--- a/lib/cli/package.json
+++ b/lib/cli/package.json
@@ -1,6 +1,6 @@
{
"name": "@storybook/cli",
- "version": "5.3.0-alpha.21",
+ "version": "5.3.0-alpha.22",
"description": "Storybook's CLI - easiest method of adding storybook to your projects",
"keywords": [
"cli",
@@ -38,7 +38,7 @@
"dependencies": {
"@babel/core": "^7.4.5",
"@babel/preset-env": "^7.4.5",
- "@storybook/codemod": "5.3.0-alpha.21",
+ "@storybook/codemod": "5.3.0-alpha.22",
"chalk": "^2.4.1",
"commander": "^3.0.2",
"core-js": "^3.0.1",
@@ -57,33 +57,33 @@
"update-notifier": "^3.0.0"
},
"devDependencies": {
- "@storybook/addon-actions": "5.3.0-alpha.21",
- "@storybook/addon-centered": "5.3.0-alpha.21",
- "@storybook/addon-graphql": "5.3.0-alpha.21",
- "@storybook/addon-info": "5.3.0-alpha.21",
- "@storybook/addon-knobs": "5.3.0-alpha.21",
- "@storybook/addon-links": "5.3.0-alpha.21",
- "@storybook/addon-notes": "5.3.0-alpha.21",
- "@storybook/addon-options": "5.3.0-alpha.21",
- "@storybook/addon-storyshots": "5.3.0-alpha.21",
- "@storybook/addons": "5.3.0-alpha.21",
- "@storybook/angular": "5.3.0-alpha.21",
- "@storybook/channel-postmessage": "5.3.0-alpha.21",
- "@storybook/channel-websocket": "5.3.0-alpha.21",
- "@storybook/channels": "5.3.0-alpha.21",
- "@storybook/ember": "5.3.0-alpha.21",
- "@storybook/html": "5.3.0-alpha.21",
- "@storybook/marko": "5.3.0-alpha.21",
- "@storybook/mithril": "5.3.0-alpha.21",
- "@storybook/polymer": "5.3.0-alpha.21",
- "@storybook/preact": "5.3.0-alpha.21",
- "@storybook/rax": "5.3.0-alpha.21",
- "@storybook/react": "5.3.0-alpha.21",
- "@storybook/react-native": "5.3.0-alpha.21",
- "@storybook/riot": "5.3.0-alpha.21",
- "@storybook/svelte": "5.3.0-alpha.21",
- "@storybook/ui": "5.3.0-alpha.21",
- "@storybook/vue": "5.3.0-alpha.21"
+ "@storybook/addon-actions": "5.3.0-alpha.22",
+ "@storybook/addon-centered": "5.3.0-alpha.22",
+ "@storybook/addon-graphql": "5.3.0-alpha.22",
+ "@storybook/addon-info": "5.3.0-alpha.22",
+ "@storybook/addon-knobs": "5.3.0-alpha.22",
+ "@storybook/addon-links": "5.3.0-alpha.22",
+ "@storybook/addon-notes": "5.3.0-alpha.22",
+ "@storybook/addon-options": "5.3.0-alpha.22",
+ "@storybook/addon-storyshots": "5.3.0-alpha.22",
+ "@storybook/addons": "5.3.0-alpha.22",
+ "@storybook/angular": "5.3.0-alpha.22",
+ "@storybook/channel-postmessage": "5.3.0-alpha.22",
+ "@storybook/channel-websocket": "5.3.0-alpha.22",
+ "@storybook/channels": "5.3.0-alpha.22",
+ "@storybook/ember": "5.3.0-alpha.22",
+ "@storybook/html": "5.3.0-alpha.22",
+ "@storybook/marko": "5.3.0-alpha.22",
+ "@storybook/mithril": "5.3.0-alpha.22",
+ "@storybook/polymer": "5.3.0-alpha.22",
+ "@storybook/preact": "5.3.0-alpha.22",
+ "@storybook/rax": "5.3.0-alpha.22",
+ "@storybook/react": "5.3.0-alpha.22",
+ "@storybook/react-native": "5.3.0-alpha.22",
+ "@storybook/riot": "5.3.0-alpha.22",
+ "@storybook/svelte": "5.3.0-alpha.22",
+ "@storybook/ui": "5.3.0-alpha.22",
+ "@storybook/vue": "5.3.0-alpha.22"
},
"publishConfig": {
"access": "public"
diff --git a/lib/client-api/package.json b/lib/client-api/package.json
index 7bf02981a7d3..45d809b0b5b6 100644
--- a/lib/client-api/package.json
+++ b/lib/client-api/package.json
@@ -1,6 +1,6 @@
{
"name": "@storybook/client-api",
- "version": "5.3.0-alpha.21",
+ "version": "5.3.0-alpha.22",
"description": "Storybook Client API",
"keywords": [
"storybook"
@@ -27,12 +27,12 @@
"prepare": "node ../../scripts/prepare.js"
},
"dependencies": {
- "@storybook/addons": "5.3.0-alpha.21",
- "@storybook/channel-postmessage": "5.3.0-alpha.21",
- "@storybook/channels": "5.3.0-alpha.21",
- "@storybook/client-logger": "5.3.0-alpha.21",
- "@storybook/core-events": "5.3.0-alpha.21",
- "@storybook/router": "5.3.0-alpha.21",
+ "@storybook/addons": "5.3.0-alpha.22",
+ "@storybook/channel-postmessage": "5.3.0-alpha.22",
+ "@storybook/channels": "5.3.0-alpha.22",
+ "@storybook/client-logger": "5.3.0-alpha.22",
+ "@storybook/core-events": "5.3.0-alpha.22",
+ "@storybook/router": "5.3.0-alpha.22",
"core-js": "^3.0.1",
"eventemitter3": "^4.0.0",
"global": "^4.3.2",
diff --git a/lib/client-logger/package.json b/lib/client-logger/package.json
index 2c8a357a8a0a..0d6c628cde2c 100644
--- a/lib/client-logger/package.json
+++ b/lib/client-logger/package.json
@@ -1,6 +1,6 @@
{
"name": "@storybook/client-logger",
- "version": "5.3.0-alpha.21",
+ "version": "5.3.0-alpha.22",
"description": "",
"keywords": [
"storybook"
diff --git a/lib/codemod/package.json b/lib/codemod/package.json
index 3260824a0c17..facbc1fb2978 100644
--- a/lib/codemod/package.json
+++ b/lib/codemod/package.json
@@ -1,6 +1,6 @@
{
"name": "@storybook/codemod",
- "version": "5.3.0-alpha.21",
+ "version": "5.3.0-alpha.22",
"description": "A collection of codemod scripts written with JSCodeshift",
"keywords": [
"storybook"
@@ -28,8 +28,8 @@
},
"dependencies": {
"@mdx-js/mdx": "^1.0.0",
- "@storybook/node-logger": "5.3.0-alpha.21",
- "@storybook/router": "5.3.0-alpha.21",
+ "@storybook/node-logger": "5.3.0-alpha.22",
+ "@storybook/router": "5.3.0-alpha.22",
"core-js": "^3.0.1",
"cross-spawn": "^7.0.0",
"globby": "^10.0.1",
diff --git a/lib/components/package.json b/lib/components/package.json
index c2bab52875c6..3715d04b0bba 100644
--- a/lib/components/package.json
+++ b/lib/components/package.json
@@ -1,6 +1,6 @@
{
"name": "@storybook/components",
- "version": "5.3.0-alpha.21",
+ "version": "5.3.0-alpha.22",
"description": "Core Storybook Components",
"keywords": [
"storybook"
@@ -27,8 +27,8 @@
"prepare": "node ../../scripts/prepare.js"
},
"dependencies": {
- "@storybook/client-logger": "5.3.0-alpha.21",
- "@storybook/theming": "5.3.0-alpha.21",
+ "@storybook/client-logger": "5.3.0-alpha.22",
+ "@storybook/theming": "5.3.0-alpha.22",
"@types/react-syntax-highlighter": "11.0.1",
"core-js": "^3.0.1",
"global": "^4.3.2",
diff --git a/lib/core-events/package.json b/lib/core-events/package.json
index db885ae6bee1..4b3fb8a25d53 100644
--- a/lib/core-events/package.json
+++ b/lib/core-events/package.json
@@ -1,6 +1,6 @@
{
"name": "@storybook/core-events",
- "version": "5.3.0-alpha.21",
+ "version": "5.3.0-alpha.22",
"description": "Event names used in storybook core",
"keywords": [
"storybook"
diff --git a/lib/core/package.json b/lib/core/package.json
index 5e2fd2cf25d0..2070461a54e4 100644
--- a/lib/core/package.json
+++ b/lib/core/package.json
@@ -1,6 +1,6 @@
{
"name": "@storybook/core",
- "version": "5.3.0-alpha.21",
+ "version": "5.3.0-alpha.22",
"description": "Storybook framework-agnostic API",
"keywords": [
"storybook"
@@ -32,15 +32,15 @@
"@babel/plugin-syntax-dynamic-import": "^7.2.0",
"@babel/plugin-transform-react-constant-elements": "^7.2.0",
"@babel/preset-env": "^7.4.5",
- "@storybook/addons": "5.3.0-alpha.21",
- "@storybook/channel-postmessage": "5.3.0-alpha.21",
- "@storybook/client-api": "5.3.0-alpha.21",
- "@storybook/client-logger": "5.3.0-alpha.21",
- "@storybook/core-events": "5.3.0-alpha.21",
- "@storybook/node-logger": "5.3.0-alpha.21",
- "@storybook/router": "5.3.0-alpha.21",
- "@storybook/theming": "5.3.0-alpha.21",
- "@storybook/ui": "5.3.0-alpha.21",
+ "@storybook/addons": "5.3.0-alpha.22",
+ "@storybook/channel-postmessage": "5.3.0-alpha.22",
+ "@storybook/client-api": "5.3.0-alpha.22",
+ "@storybook/client-logger": "5.3.0-alpha.22",
+ "@storybook/core-events": "5.3.0-alpha.22",
+ "@storybook/node-logger": "5.3.0-alpha.22",
+ "@storybook/router": "5.3.0-alpha.22",
+ "@storybook/theming": "5.3.0-alpha.22",
+ "@storybook/ui": "5.3.0-alpha.22",
"airbnb-js-shims": "^1 || ^2",
"ansi-to-html": "^0.6.11",
"autoprefixer": "^9.4.9",
diff --git a/lib/node-logger/package.json b/lib/node-logger/package.json
index 0fbc503a7ca9..dc4c3aeebf72 100644
--- a/lib/node-logger/package.json
+++ b/lib/node-logger/package.json
@@ -1,6 +1,6 @@
{
"name": "@storybook/node-logger",
- "version": "5.3.0-alpha.21",
+ "version": "5.3.0-alpha.22",
"description": "",
"keywords": [
"storybook"
diff --git a/lib/router/package.json b/lib/router/package.json
index ff023c7e8261..066b1af0294b 100644
--- a/lib/router/package.json
+++ b/lib/router/package.json
@@ -1,6 +1,6 @@
{
"name": "@storybook/router",
- "version": "5.3.0-alpha.21",
+ "version": "5.3.0-alpha.22",
"description": "Core Storybook Router",
"keywords": [
"storybook"
diff --git a/lib/source-loader/package.json b/lib/source-loader/package.json
index ae4cce7a9273..aa220c1e00f3 100644
--- a/lib/source-loader/package.json
+++ b/lib/source-loader/package.json
@@ -1,6 +1,6 @@
{
"name": "@storybook/source-loader",
- "version": "5.3.0-alpha.21",
+ "version": "5.3.0-alpha.22",
"description": "Source loader",
"keywords": [
"lib",
@@ -28,8 +28,8 @@
"prepare": "node ../../scripts/prepare.js"
},
"dependencies": {
- "@storybook/addons": "5.3.0-alpha.21",
- "@storybook/router": "5.3.0-alpha.21",
+ "@storybook/addons": "5.3.0-alpha.22",
+ "@storybook/router": "5.3.0-alpha.22",
"core-js": "^3.0.1",
"estraverse": "^4.2.0",
"global": "^4.3.2",
diff --git a/lib/theming/package.json b/lib/theming/package.json
index 1cae7eadcd23..16200854959c 100644
--- a/lib/theming/package.json
+++ b/lib/theming/package.json
@@ -1,6 +1,6 @@
{
"name": "@storybook/theming",
- "version": "5.3.0-alpha.21",
+ "version": "5.3.0-alpha.22",
"description": "Core Storybook Components",
"keywords": [
"storybook"
@@ -29,7 +29,7 @@
"dependencies": {
"@emotion/core": "^10.0.20",
"@emotion/styled": "^10.0.17",
- "@storybook/client-logger": "5.3.0-alpha.21",
+ "@storybook/client-logger": "5.3.0-alpha.22",
"core-js": "^3.0.1",
"deep-object-diff": "^1.1.0",
"emotion-theming": "^10.0.19",
diff --git a/lib/ui/package.json b/lib/ui/package.json
index a70b682cd9b0..410d15181f34 100644
--- a/lib/ui/package.json
+++ b/lib/ui/package.json
@@ -1,6 +1,6 @@
{
"name": "@storybook/ui",
- "version": "5.3.0-alpha.21",
+ "version": "5.3.0-alpha.22",
"description": "Core Storybook UI",
"keywords": [
"storybook"
@@ -27,14 +27,14 @@
"prepare": "node ../../scripts/prepare.js"
},
"dependencies": {
- "@storybook/addons": "5.3.0-alpha.21",
- "@storybook/api": "5.3.0-alpha.21",
- "@storybook/channels": "5.3.0-alpha.21",
- "@storybook/client-logger": "5.3.0-alpha.21",
- "@storybook/components": "5.3.0-alpha.21",
- "@storybook/core-events": "5.3.0-alpha.21",
- "@storybook/router": "5.3.0-alpha.21",
- "@storybook/theming": "5.3.0-alpha.21",
+ "@storybook/addons": "5.3.0-alpha.22",
+ "@storybook/api": "5.3.0-alpha.22",
+ "@storybook/channels": "5.3.0-alpha.22",
+ "@storybook/client-logger": "5.3.0-alpha.22",
+ "@storybook/components": "5.3.0-alpha.22",
+ "@storybook/core-events": "5.3.0-alpha.22",
+ "@storybook/router": "5.3.0-alpha.22",
+ "@storybook/theming": "5.3.0-alpha.22",
"copy-to-clipboard": "^3.0.8",
"core-js": "^3.0.1",
"core-js-pure": "^3.0.1",
@@ -62,8 +62,8 @@
"util-deprecate": "^1.0.2"
},
"devDependencies": {
- "@storybook/addon-actions": "5.3.0-alpha.21",
- "@storybook/addon-knobs": "5.3.0-alpha.21",
+ "@storybook/addon-actions": "5.3.0-alpha.22",
+ "@storybook/addon-knobs": "5.3.0-alpha.22",
"corejs-upgrade-webpack-plugin": "^2.2.0",
"flush-promises": "^1.0.2",
"terser-webpack-plugin": "^2.1.2",
diff --git a/package.json b/package.json
index aa0ac6333870..d152cbcbdad7 100644
--- a/package.json
+++ b/package.json
@@ -40,13 +40,14 @@
"lib/cli/test/run/*"
],
"scripts": {
+ "await-serve-storybooks": "wait-on http://localhost:8001",
"bootstrap": "node ./scripts/bootstrap.js",
"bootstrap:docs": "yarn install --cwd docs",
"build-packs": "lerna exec --scope '@storybook/*' -- \\$LERNA_ROOT_PATH/scripts/build-pack.sh \\$LERNA_ROOT_PATH/packs",
"build-storybooks": "cross-env STORYBOOK_DISPLAY_WARNING=true DISPLAY_WARNING=true ./scripts/build-storybooks.js",
"changelog": "pr-log --sloppy --cherry-pick",
"changelog:next": "pr-log --sloppy --since-prerelease",
- "chromatic": "chromatic --storybook-build-dir=\"./built-storybooks/official-storybook/\" --exit-zero-on-changes --app-code=\"ab7m45tp9p\"",
+ "chromatic": "chromatic --storybook-build-dir=\"built-storybooks/official-storybook\" --exit-zero-on-changes --app-code=\"ab7m45tp9p\"",
"coverage": "codecov",
"danger": "danger",
"dev": "concurrently --kill-others \"yarn dev:tsc\" \"yarn dev:babel\"",
@@ -62,16 +63,18 @@
"lint:js": "cross-env NODE_ENV=production eslint --cache --cache-location=.cache/eslint --ext .js,.jsx,.json,.html,.ts,.tsx,.mjs --report-unused-disable-directives",
"lint:md": "remark -q",
"lint:package": "sort-package-json",
- "now-build": "yarn build-storybooks",
+ "now-build": "yarn bootstrap --core && yarn build-storybooks",
"publish:crna": "yarn --cwd examples-native/crna-kitchen-sink expo publish",
"publish:debug": "npm run publish:latest -- --npm-tag=debug --no-push",
"publish:latest": "lerna publish --exact --concurrency 1 --force-publish",
"publish:next": "npm run publish:latest -- --npm-tag=next",
"repo-dirty-check": "node ./scripts/repo-dirty-check",
+ "serve-storybooks": "http-server ./built-storybooks -p 8001",
"start": "yarn --cwd examples/official-storybook storybook",
"test": "node ./scripts/test.js",
"test-latest-cra": "yarn --prefix --cwd lib/cli run test-latest-cra",
- "test:cli": "npm --prefix lib/cli run test"
+ "test:cli": "npm --prefix lib/cli run test",
+ "test:e2e-gui": "concurrently --success first --kill-others \"cypress open\" \"yarn serve-storybooks\""
},
"husky": {
"hooks": {
@@ -113,9 +116,6 @@
]
},
"browserslist": "defaults",
- "dependencies": {
- "node-sass": "^4.12.0"
- },
"devDependencies": {
"@angular/common": "^8.2.8",
"@angular/compiler": "^8.2.8",
@@ -174,6 +174,7 @@
"esm": "^3.2.25",
"github-release-from-changelog": "^2.1.0",
"glob": "^7.1.3",
+ "http-server": "^0.11.1",
"husky": "^3.0.8",
"inquirer": "^7.0.0",
"jest": "^24.8.0",
@@ -196,6 +197,7 @@
"lodash": "^4.17.15",
"node-cleanup": "^2.1.2",
"node-fetch": "^2.6.0",
+ "node-sass": "^4.12.0",
"npmlog": "^4.1.2",
"prettier": "^1.16.4",
"raf": "^3.4.0",
@@ -209,6 +211,7 @@
"remark-preset-lint-recommended": "^3.0.2",
"riot-jest-transformer": "^2.0.0",
"shelljs": "^0.8.3",
+ "shx": "^0.3.2",
"sort-package-json": "^1.21.0",
"storybook-chromatic": "^3.0.0",
"svelte": "^3.4.1",
@@ -216,10 +219,16 @@
"trash": "^6.0.0",
"ts-dedent": "^1.1.0",
"ts-jest": "^24.0.2",
- "typescript": "^3.4.0"
+ "typescript": "^3.4.0",
+ "wait-on": "^3.3.0"
+ },
+ "optionalDependencies": {
+ "@cypress/webpack-preprocessor": "^4.1.0",
+ "cypress": "^3.4.1",
+ "eslint-plugin-cypress": "^2.7.0"
},
"engines": {
- "node": ">=8.6.0",
+ "node": ">=8.10.0",
"yarn": ">=1.3.2"
},
"collective": {
diff --git a/scripts/build-storybooks.js b/scripts/build-storybooks.js
index 9d8af1993b9a..a2fe741672a6 100755
--- a/scripts/build-storybooks.js
+++ b/scripts/build-storybooks.js
@@ -1,7 +1,5 @@
#!/usr/bin/env node
-/* eslint-disable global-require */
-
const { spawn } = require('child_process');
const { promisify } = require('util');
const {
@@ -9,7 +7,6 @@ const {
readFile: readFileRaw,
writeFile: writeFileRaw,
statSync,
- cop,
} = require('fs');
const { join } = require('path');
@@ -22,15 +19,20 @@ const logger = console;
const exec = async (command, args = [], options = {}) =>
new Promise((resolve, reject) => {
- const child = spawn(command, args, { ...options, stdio: 'inherit' });
-
- child.on('close', code => {
- if (code) {
+ const child = spawn(command, args, { ...options, stdio: 'inherit', shell: true });
+
+ child
+ .on('close', code => {
+ if (code) {
+ reject();
+ } else {
+ resolve();
+ }
+ })
+ .on('error', e => {
+ logger.error(e);
reject();
- } else {
- resolve();
- }
- });
+ });
});
const hasBuildScript = async l => {
@@ -40,64 +42,8 @@ const hasBuildScript = async l => {
return !!json.scripts['build-storybook'];
};
-const handleExamples = async files => {
- const deployables = files.filter(f => {
- const packageJsonLocation = p(['examples', f, 'package.json']);
- const stats = statSync(packageJsonLocation);
-
- return stats.isFile() && hasBuildScript(packageJsonLocation);
- });
-
- await deployables.reduce(async (acc, d) => {
- await acc;
-
- logger.log('');
- logger.log(
- `-----------------${Array(d.length)
- .fill('-')
- .join('')}`
- );
- logger.log(`▶️ building: ${d}`);
- logger.log(
- `-----------------${Array(d.length)
- .fill('-')
- .join('')}`
- );
- const out = p(['built-storybooks', d]);
- const cwd = p(['examples', d]);
-
- await exec(`yarn`, [`build-storybook`, `--output-dir=${out}`, '--quiet'], { cwd });
-
- logger.log('-------');
- logger.log('✅ done');
- logger.log('-------');
- }, Promise.resolve());
-
- const copy = require('recursive-copy');
- const target = 'official-storybook';
- const copyables = deployables.filter(f => f !== target);
-
- await copyables.reduce(async (acc, d) => {
- await acc;
-
- logger.log(`💿 copy ${d} to built-storybooks`);
- const to = p(['built-storybooks', target, d]);
- const from = p(['built-storybooks', d]);
-
- await copy(from, to, {
- overwrite: true,
- });
- }, Promise.resolve());
-
- logger.log('-------');
- logger.log('✅ done');
- logger.log('-------');
- logger.log('');
-
- logger.log(`📑 creating index`);
-
- const indexLocation = p(['built-storybooks', 'index.html']);
- const indexContent = `
+const createContent = deployables => {
+ return `