diff --git a/.babelrc b/.babelrc index 38d54990ce3..675cf6c2322 100644 --- a/.babelrc +++ b/.babelrc @@ -1,16 +1,33 @@ { - "presets": ["env", "stage-0", "react"], + "presets": [ + "@babel/preset-env", + "@babel/preset-react", + "@babel/preset-flow" + ], + "plugins": [ + "babel-plugin-emotion", + "babel-plugin-macros", + "@babel/plugin-proposal-class-properties", + "@babel/plugin-proposal-export-default-from", + [ + "@babel/plugin-transform-runtime", + { + "regenerator": true + } + ] + ], "env": { "test": { - "plugins": ["require-context-hook"] - }, - "plugins": [ - "emotion", - "babel-plugin-macros", - ["transform-runtime", { - "polyfill": false, - "regenerator": true - }] - ] - } + "plugins": ["babel-plugin-require-context-hook"] + } + }, + "overrides": [ + { + "test": "./examples/vue-kitchen-sink", + "presets": [ + "@babel/preset-env", + "babel-preset-vue" + ] + } + ] } diff --git a/.circleci/config.yml b/.circleci/config.yml index 5b890871da1..fc2d4ec761c 100644 --- a/.circleci/config.yml +++ b/.circleci/config.yml @@ -1,9 +1,11 @@ -defaults: &defaults - working_directory: /tmp/storybook - docker: - - image: circleci/node:8 - version: 2 + +aliases: + - &defaults + working_directory: /tmp/storybook + docker: + - image: circleci/node:8 + dependencies: pre: - yarn global add npm @@ -13,24 +15,25 @@ jobs: steps: - checkout - restore_cache: - name: "Restore core dependencies cache" + name: Restore core dependencies cache keys: - - core-dependencies-{{ checksum "yarn.lock" }} + - core-dependencies-v3-{{ checksum "yarn.lock" }} - run: - name: "Install dependencies" - command: | - yarn install + name: Install dependencies + command: yarn install - run: - name: "Dirty check" - command: | - yarn repo-dirty-check + name: Check that yarn.lock is not corrupted + command: yarn repo-dirty-check - run: - name: "Bootstrap" - command: | - yarn bootstrap --core + name: Bootstrap + command: yarn bootstrap --core - save_cache: - name: "Cache core dependencies" - key: core-dependencies-v2-{{ checksum "yarn.lock" }} + name: Cache core dependencies + key: core-dependencies-v3-{{ checksum "yarn.lock" }} + paths: + - ~/.cache/yarn + - persist_to_workspace: + root: . paths: - node_modules - examples/angular-cli/node_modules @@ -41,10 +44,6 @@ jobs: - examples/vue-kitchen-sink/node_modules - examples/svelte-kitchen-sink/node_modules - examples/marko-cli/node_modules - - save_cache: - name: "Cache core dist" - key: core-dist-v2-{{ .Revision }} - paths: - addons - app - lib @@ -52,59 +51,53 @@ jobs: <<: *defaults steps: - checkout - - restore_cache: - name: "Restore core dependencies cache" - keys: - - core-dependencies-v2-{{ checksum "yarn.lock" }} - - restore_cache: - name: "Restore core dist cache" - keys: - - core-dist-v2-{{ .Revision }} + - 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" + name: Build react kitchen-sink command: | cd examples/cra-kitchen-sink yarn build-storybook - run: - name: "Build vue kitchen-sink" + name: Build vue kitchen-sink command: | cd examples/vue-kitchen-sink yarn build-storybook - run: - name: "Build svelte kitchen-sink" + name: Build svelte kitchen-sink command: | cd examples/svelte-kitchen-sink yarn build-storybook - run: - name: "Build angular-cli" + name: Build angular-cli command: | cd examples/angular-cli yarn build-storybook - run: - name: "Build polymer-cli" + name: Build polymer-cli command: | cd examples/polymer-cli yarn build-storybook - run: - name: "Build marko-cli" + name: Build marko-cli command: | cd examples/marko-cli yarn build-storybook - run: - name: "Build official-storybook" + name: Build official-storybook command: | cd examples/official-storybook yarn build-storybook - run: - name: "Build mithril kitchen-sink" + name: Build mithril kitchen-sink command: | cd examples/mithril-kitchen-sink yarn build-storybook - run: - name: "Run image snapshots" + name: Run image snapshots command: yarn test --image - store_artifacts: path: examples/official-storybook/image-snapshots/__image_snapshots__ @@ -113,47 +106,45 @@ jobs: <<: *defaults steps: - checkout - - restore_cache: - name: "Restore core dependencies cache" - keys: - - core-dependencies-v2-{{ checksum "yarn.lock" }} - - restore_cache: - name: "Restore core dist cache" - keys: - - core-dist-v2-{{ .Revision }} - + - attach_workspace: + at: . - run: - name: "Run react kitchen-sink (smoke test)" + name: Run react kitchen-sink (smoke test) command: | cd examples/cra-kitchen-sink yarn storybook --smoke-test - run: - name: "Run vue kitchen-sink (smoke test)" + name: Run vue kitchen-sink (smoke test) command: | cd examples/vue-kitchen-sink yarn storybook --smoke-test - run: - name: "Run svelte kitchen-sink (smoke test)" + name: Run svelte kitchen-sink (smoke test) command: | cd examples/svelte-kitchen-sink yarn storybook --smoke-test - run: - name: "Run angular-cli (smoke test)" + name: Run angular-cli (smoke test) command: | cd examples/angular-cli yarn storybook --smoke-test - run: - name: "Run polymer-cli (smoke test)" + name: Run polymer-cli (smoke test) command: | cd examples/polymer-cli yarn storybook --smoke-test - run: - name: "Run official-storybook (smoke test)" + name: Run marko-cli (smoke test) + command: | + cd examples/marko-cli + yarn storybook --smoke-test + - run: + name: Run official-storybook (smoke test) command: | cd examples/official-storybook yarn storybook --smoke-test - run: - name: "Run mithril kitchen-sink (smoke test)" + name: Run mithril kitchen-sink (smoke test) command: | cd examples/mithril-kitchen-sink yarn storybook --smoke-test @@ -161,30 +152,23 @@ jobs: <<: *defaults steps: - checkout - - restore_cache: - name: "Restore core dependencies cache" - keys: - - core-dependencies-v2-{{ checksum "yarn.lock" }} - - restore_cache: - name: "Restore core dist cache" - keys: - - core-dist-v2-{{ .Revision }} + - attach_workspace: + at: . - run: - name: "Bootstrap" - command: | - yarn bootstrap --reactnative --reactnativeapp + name: Bootstrap + command: yarn bootstrap --reactnative --reactnativeapp - run: - name: "Run React-Native example" + name: Run React-Native example command: | cd examples/react-native-vanilla yarn storybook --smoke-test - run: - name: "Run React-Native-App example" + name: Run React-Native-App example command: | cd examples/crna-kitchen-sink yarn storybook --smoke-test - run: - name: "Run React-Native unit tests" + name: Run React-Native unit tests command: | yarn test --coverage --runInBand --reactnative yarn coverage @@ -193,123 +177,107 @@ jobs: steps: - checkout - restore_cache: - name: "Restore dependencies cache" + name: Restore docs dependencies cache keys: - - docs-dependencies-{{ checksum "docs/yarn.lock" }} + - docs-dependencies-v2-{{ checksum "docs/yarn.lock" }} - run: - name: "Install dependencies" + name: Install dependencies command: | cd docs - yarn install --frozen-lockfile + yarn install - run: - name: "Build docs" + name: Build docs command: | cd docs yarn build - save_cache: - name: "Cache dependencies" - key: docs-dependencies-{{ checksum "docs/yarn.lock" }} + name: Cache docs dependencies + key: docs-dependencies-v2-{{ checksum "docs/yarn.lock" }} paths: - - docs/node_modules - - save_cache: - name: "Cache built docs" - key: built-docs-{{ .Revision }} + - ~/.cache/yarn + - persist_to_workspace: + root: . paths: - docs/public + - docs/node_modules lint: <<: *defaults steps: - checkout - - restore_cache: - name: "Restore core dependencies cache" - keys: - - core-dependencies-v2-{{ checksum "yarn.lock" }} - - restore_cache: - name: "Restore docs dependencies cache" - keys: - - docs-dependencies-{{ checksum "docs/yarn.lock" }} - - restore_cache: - name: "Restore core dist cache" - keys: - - core-dist-v2-{{ .Revision }} + - attach_workspace: + at: . - run: - name: "Lint" - command: | - yarn lint + name: Lint + command: yarn lint + danger: + <<: *defaults + steps: + - checkout + - attach_workspace: + at: . + - run: + name: Danger + command: yarn danger ci unit-test: <<: *defaults steps: - checkout - - restore_cache: - name: "Restore core dependencies cache" - keys: - - core-dependencies-v2-{{ checksum "yarn.lock" }} - - restore_cache: - name: "Restore core dist cache" - keys: - - core-dist-v2-{{ .Revision }} + - attach_workspace: + at: . - run: - name: "Run unit tests" - command: | - yarn test --coverage --runInBand --core - yarn coverage + name: Test + command: yarn test --coverage --runInBand --core + - persist_to_workspace: + root: . + paths: + - coverage + coverage: + <<: *defaults + steps: + - checkout + - attach_workspace: + at: . + - run: + name: Upload coverage + command: yarn coverage cli: - working_directory: /tmp/storybook + <<: *defaults docker: - image: andthensome/docker-node-rsync environment: BASH_ENV: ~/.bashrc steps: - checkout - - restore_cache: - name: "Restore core dependencies cache" - keys: - - core-dependencies-v2-{{ checksum "yarn.lock" }} - - restore_cache: - name: "Restore core dist cache" - keys: - - core-dist-v2-{{ .Revision }} + - attach_workspace: + at: . - run: - name: "Test CLI" - command: | - yarn test --cli + name: Test + command: yarn test --cli + no_output_timeout: 1800 cli-latest-cra: - working_directory: /tmp/storybook + <<: *defaults docker: - image: andthensome/docker-node-rsync environment: BASH_ENV: ~/.bashrc steps: - checkout - - restore_cache: - name: "Restore core dependencies cache" - keys: - - core-dependencies-v2-{{ checksum "yarn.lock" }} - - restore_cache: - name: "Restore core dist cache" - keys: - - core-dist-v2-{{ .Revision }} + - attach_workspace: + at: . - run: - name: "Test CLI with latest CR(N)A" - command: | - yarn test-latest-cra + name: Test CLI with latest CR(N)A + command: yarn test-latest-cra deploy: <<: *defaults steps: - checkout - - restore_cache: - name: "Restore docs dependencies cache" - keys: - - docs-dependencies-{{ checksum "docs/yarn.lock" }} - - restore_cache: - name: "Restore built docs" - keys: - - built-docs-{{ .Revision }} + - attach_workspace: + at: . - add_ssh_keys: fingerprints: - "35:aa:b9:c3:b8:1c:27:1f:02:0a:73:1a:ac:58:77:df" - run: - name: "Deploy" + name: Deploy command: | cd docs git config --global user.email "gh-pages@localhost" @@ -317,9 +285,17 @@ jobs: yarn deploy:ci workflows: version: 2 - build_accept_deploy: + build_test_deploy: jobs: - build + - docs + - danger: + requires: + - build + - lint: + requires: + - docs + - build - example-kitchen-sinks: requires: - build @@ -329,14 +305,12 @@ workflows: - react-native: requires: - build - - docs - - lint: - requires: - - docs - - build - unit-test: requires: - build + - coverage: + requires: + - unit-test - cli: requires: - build @@ -347,6 +321,7 @@ workflows: requires: - docs filters: + tags: + only: /^v[0-9]+\.[0-9]+\.[0-9]+/ branches: - only: - - release/3.4 + ignore: /.*/ diff --git a/.eslintignore b/.eslintignore index 39ef5e596b5..73f2bb84a21 100644 --- a/.eslintignore +++ b/.eslintignore @@ -10,6 +10,7 @@ lib/cli/test *.js.map !.remarkrc.js +!.babelrc.js !.eslintrc.js !.eslintrc-markdown.js !.jest.config.js diff --git a/.eslintrc.js b/.eslintrc.js index ad34e8fc73a..95a7470d444 100644 --- a/.eslintrc.js +++ b/.eslintrc.js @@ -79,6 +79,25 @@ module.exports = { extensions: ['.js', '.jsx'], }, ], + 'react/jsx-no-bind': [ + error, + { + ignoreDOMComponents: true, + ignoreRefs: true, + allowArrowFunctions: true, + allowFunctions: true, + allowBind: true, + }, + ], + 'jsx-a11y/label-has-associated-control': [ + warn, + { + labelComponents: ['CustomInputLabel'], + labelAttributes: ['label'], + controlComponents: ['CustomInput'], + depth: 3, + }, + ], 'react/no-unescaped-entities': ignore, 'jsx-a11y/label-has-for': [ error, diff --git a/.teamcity/OpenSourceProjects_Storybook/Project.kt b/.teamcity/OpenSourceProjects_Storybook/Project.kt index 9238e6b3675..fb57917c460 100644 --- a/.teamcity/OpenSourceProjects_Storybook/Project.kt +++ b/.teamcity/OpenSourceProjects_Storybook/Project.kt @@ -140,7 +140,7 @@ object Project : Project({ param("defaultFilters", "") param("seriesTitle", "Serie") } -feature { + feature { type = "project-graphs" id = "PROJECT_EXT_308" param("series", """ diff --git a/CHANGELOG.md b/CHANGELOG.md index 6e345e3cc5e..60cefc15cc8 100644 --- a/CHANGELOG.md +++ b/CHANGELOG.md @@ -1,3 +1,33 @@ +# 4.0.0-alpha.17 + +2018-August-24 + +#### Breaking Changes + +- Babel 7 [#3746](https://github.com/storybooks/storybook/pull/3746) + +#### Features + +- Emit messages when stories fail to render [#3967](https://github.com/storybooks/storybook/pull/3967) +- Svelte support [#3770](https://github.com/storybooks/storybook/pull/3770) +- Allow extending extensions without a full control mode [#3976](https://github.com/storybooks/storybook/pull/3976) + +#### Bug Fixes + +- Storyshots puppeteer images do not match [#4045](https://github.com/storybooks/storybook/pull/4045) +- Storyshots puppeteer images do not match [#4037](https://github.com/storybooks/storybook/pull/4037) +- Bring .jsx back [#4024](https://github.com/storybooks/storybook/pull/4024) +- Fix custom webpack config warnings [#4009](https://github.com/storybooks/storybook/pull/4009) +- sorting by kind and nested stories [#3963](https://github.com/storybooks/storybook/pull/3963) + +#### Maintenance + +- Temp revert the 36a2676 [#4062](https://github.com/storybooks/storybook/pull/4062) +- Remove deprecation of --db-path and --enable-db [#4030](https://github.com/storybooks/storybook/pull/4030) +- Remove git info extraction [#4031](https://github.com/storybooks/storybook/pull/4031) +- Fixed homepage links [skip ci] [#4008](https://github.com/storybooks/storybook/pull/4008) +- CHANGE html-webpack-plugin for generate-page-plugin [#3919](https://github.com/storybooks/storybook/pull/3919) + # 4.0.0-alpha.16 2018-August-06 diff --git a/MIGRATION.md b/MIGRATION.md index d1641901da1..7bd5af8315c 100644 --- a/MIGRATION.md +++ b/MIGRATION.md @@ -7,6 +7,8 @@ - [Removed addWithInfo](#removed-add-with-info) - [Removed RN addons](#removed-rn-addons) - [Storyshots changes](#storyshots-changes) + - [Webpack 4](#webpack-4) + - [Babel 7](#babel-7) - [From version 3.3.x to 3.4.x](#from-version-33x-to-34x) - [From version 3.2.x to 3.3.x](#from-version-32x-to-33x) - [Refactored Knobs](#refactored-knobs) @@ -72,6 +74,20 @@ The `@storybook/react-native` had built-in addons (`addon-actions` and `addon-li A possible plugin might be [babel-plugin-require-context-hook](https://github.com/smrq/babel-plugin-require-context-hook). [README](https://github.com/storybooks/storybook/tree/master/addons/storyshots/storyshots-core#configure-jest-to-work-with-webpacks-requirecontext) +### Webpack 4 + +Storybook now uses webpack 4. If you have a [custom webpack config](https://storybook.js.org/configurations/custom-webpack-config/), make sure that all the loaders and plugins you use support webpack 4. + +### Babel 7 + +Storybook now uses Babel 7. There's a couple of cases when it can break with your app: + + * If you aren't using Babel yourself, and don't have .babelrc, install following dependencies: + ``` + npm i -D @babel/core babel-loader@next + ``` + * If you're using Babel 6, make sure that you have direct dependencies on `babel-core@6` and `babel-loader@7`. + ## From version 3.3.x to 3.4.x There are no expected breaking changes in the 3.4.x release, but 3.4 contains a major refactor to make it easier to support new frameworks, and we will document any breaking changes here if they arise. diff --git a/README.md b/README.md index dff70048c9f..24666eb7b12 100644 --- a/README.md +++ b/README.md @@ -4,9 +4,12 @@ [![Build Status on CircleCI](https://circleci.com/gh/storybooks/storybook.svg?style=shield)](https://circleci.com/gh/storybooks/storybook) [![CodeFactor](https://www.codefactor.io/repository/github/storybooks/storybook/badge)](https://www.codefactor.io/repository/github/storybooks/storybook) [![Known Vulnerabilities](https://snyk.io/test/github/storybooks/storybook/badge.svg)](https://snyk.io/test/github/storybooks/storybook) -[![BCH compliance](https://bettercodehub.com/edge/badge/storybooks/storybook)](https://bettercodehub.com/results/storybooks/storybook) [![codecov](https://codecov.io/gh/storybooks/storybook/branch/master/graph/badge.svg)](https://codecov.io/gh/storybooks/storybook) +[![BCH compliance](https://bettercodehub.com/edge/badge/storybooks/storybook)](https://bettercodehub.com/results/storybooks/storybook) +[![codecov](https://codecov.io/gh/storybooks/storybook/branch/master/graph/badge.svg)](https://codecov.io/gh/storybooks/storybook) [![Storybook Slack](https://now-examples-slackin-rrirkqohko.now.sh/badge.svg)](https://now-examples-slackin-rrirkqohko.now.sh/) -[![Backers on Open Collective](https://opencollective.com/storybook/backers/badge.svg)](#backers) [![Sponsors on Open Collective](https://opencollective.com/storybook/sponsors/badge.svg)](#sponsors) +[![Backers on Open Collective](https://opencollective.com/storybook/backers/badge.svg)](#backers) +[![Sponsors on Open Collective](https://opencollective.com/storybook/sponsors/badge.svg)](#sponsors) +[![License](https://img.shields.io/github/license/storybooks/storybook.svg)](https://github.com/storybooks/storybook/blob/master/LICENSE) * * * @@ -16,7 +19,12 @@ It allows you to browse a component library, view the different states of each c ## Intro -![Storybook Screenshot](media/demo.gif) +![Storybook Screenshot](media/storybook-intro.gif) + +README for: +- [![Alpha](https://img.shields.io/npm/v/@storybook/core/alpha.svg)](https://github.com/storybooks/storybook) +- [![Latest](https://img.shields.io/npm/v/@storybook/core/latest.svg)](https://github.com/storybooks/storybook/tree/release/3.4) + Storybook runs outside of your app. This allows you to develop UI components in isolation, which can improve component reuse, testability, and development speed. You can build quickly without having to worry about application-specific dependencies. @@ -32,6 +40,7 @@ Storybook comes with a lot of [addons](https://storybook.js.org/addons/introduct - [Sub Projects](#sub-projects) - [Addons](#addons) - [Live Examples](#live-examples) 💪 +- [Badges](#badges) - [Contributing](#contributing) - [Development scripts](#development-scripts) - [Backers](#backers) @@ -69,15 +78,15 @@ For additional help, join us [in our Slack](https://now-examples-slackin-rrirkqo ### Supported Frameworks -- [React](app/react) -- [React Native](app/react-native) -- [Vue](app/vue) -- [Angular](app/angular) -- [Polymer](app/polymer) -- [Mithril](app/mithril) alpha -- [Marko](app/marko) alpha -- [HTML](app/html) alpha -- [Svelte](app/svelte) alpha +- [React](app/react) [![React](https://img.shields.io/npm/dt/@storybook/react.svg)](app/react) +- [React Native](app/react-native) [![React Native](https://img.shields.io/npm/dt/@storybook/react-native.svg)](app/react-native) +- [Vue](app/vue) [![Vue](https://img.shields.io/npm/dt/@storybook/vue.svg)](app/vue) +- [Angular](app/angular) [![Angular](https://img.shields.io/npm/dt/@storybook/angular.svg)](app/angular) +- [Polymer](app/polymer) [![Polymer](https://img.shields.io/npm/dt/@storybook/polymer.svg)](app/polymer) +- [Mithril](app/mithril) alpha [![Mithril](https://img.shields.io/npm/dt/@storybook/mithril.svg)](app/mithril) +- [Marko](app/marko) alpha [![Marko](https://img.shields.io/npm/dt/@storybook/marko.svg)](app/marko) +- [HTML](app/html) alpha [![HTML](https://img.shields.io/npm/dt/@storybook/html.svg)](app/html) +- [Svelte](app/svelte) alpha [![Svelte](https://img.shields.io/npm/dt/@storybook/svelte.svg)](app/svelte) ### Sub Projects @@ -129,8 +138,20 @@ See [Addon / Framework Support Table](ADDONS_SUPPORT.md) - [Vue](https://release-3-3--storybooks-vue.netlify.com/) - [Angular](https://release-3-3--storybooks-angular.netlify.com/) +## Badges + +We have a badge ! Link it to your live Storybook example. + +![Storybook](https://github.com/storybooks/press/blob/master/badges/storybook.svg) + +```md +[![Storybook](https://github.com/storybooks/press/blob/master/badges/storybook.svg)](link to site) +``` + ## Contributing +[![Good First Issue](https://img.shields.io/github/issues/storybooks/storybook/good%20first%20issue.svg)](https://github.com/storybooks/storybook/issues?q=is%3Aopen+is%3Aissue+label%3A%22good+first+issue%22) + We welcome contributions to Storybook! - ⇄ Pull requests and ★ Stars are always welcome. diff --git a/addons/a11y/package.json b/addons/a11y/package.json index bcfde5140f2..1de0b1d0477 100644 --- a/addons/a11y/package.json +++ b/addons/a11y/package.json @@ -1,6 +1,6 @@ { "name": "@storybook/addon-a11y", - "version": "4.0.0-alpha.16", + "version": "4.0.0-alpha.17", "description": "a11y addon for storybook", "keywords": [ "a11y", @@ -25,12 +25,11 @@ "prepare": "node ../../scripts/prepare.js" }, "dependencies": { - "@storybook/addons": "4.0.0-alpha.16", - "@storybook/client-logger": "4.0.0-alpha.16", - "@storybook/components": "4.0.0-alpha.16", - "@storybook/core-events": "4.0.0-alpha.16", + "@storybook/addons": "4.0.0-alpha.17", + "@storybook/client-logger": "4.0.0-alpha.17", + "@storybook/components": "4.0.0-alpha.17", + "@storybook/core-events": "4.0.0-alpha.17", "axe-core": "^3.0.3", - "babel-runtime": "^6.26.0", "global": "^4.3.2", "prop-types": "^15.6.2", "react-emotion": "^9.2.6" diff --git a/addons/actions/package.json b/addons/actions/package.json index 910cb8b2daf..4992babbd03 100644 --- a/addons/actions/package.json +++ b/addons/actions/package.json @@ -1,6 +1,6 @@ { "name": "@storybook/addon-actions", - "version": "4.0.0-alpha.16", + "version": "4.0.0-alpha.17", "description": "Action Logger addon for storybook", "keywords": [ "storybook" @@ -20,10 +20,9 @@ "prepare": "node ../../scripts/prepare.js" }, "dependencies": { - "@storybook/addons": "4.0.0-alpha.16", - "@storybook/components": "4.0.0-alpha.16", - "@storybook/core-events": "4.0.0-alpha.16", - "babel-runtime": "^6.26.0", + "@storybook/addons": "4.0.0-alpha.17", + "@storybook/components": "4.0.0-alpha.17", + "@storybook/core-events": "4.0.0-alpha.17", "deep-equal": "^1.0.1", "emotion-theming": "^9.2.6", "global": "^4.3.2", diff --git a/addons/backgrounds/package.json b/addons/backgrounds/package.json index b11ed3373cf..8117f8c3daa 100644 --- a/addons/backgrounds/package.json +++ b/addons/backgrounds/package.json @@ -1,6 +1,6 @@ { "name": "@storybook/addon-backgrounds", - "version": "4.0.0-alpha.16", + "version": "4.0.0-alpha.17", "description": "A storybook addon to show different backgrounds for your preview", "keywords": [ "addon", @@ -24,9 +24,8 @@ "prepare": "node ../../scripts/prepare.js" }, "dependencies": { - "@storybook/addons": "4.0.0-alpha.16", - "@storybook/core-events": "4.0.0-alpha.16", - "babel-runtime": "^6.26.0", + "@storybook/addons": "4.0.0-alpha.17", + "@storybook/core-events": "4.0.0-alpha.17", "global": "^4.3.2", "prop-types": "^15.6.2", "react-emotion": "^9.2.6", diff --git a/addons/centered/package.json b/addons/centered/package.json index 766d9fe7bc5..b063bbab520 100644 --- a/addons/centered/package.json +++ b/addons/centered/package.json @@ -1,6 +1,6 @@ { "name": "@storybook/addon-centered", - "version": "4.0.0-alpha.16", + "version": "4.0.0-alpha.17", "description": "Storybook decorator to center components", "license": "MIT", "author": "Muhammed Thanish ", diff --git a/addons/events/package.json b/addons/events/package.json index aa5e9f27460..ad8f558a244 100644 --- a/addons/events/package.json +++ b/addons/events/package.json @@ -1,6 +1,6 @@ { "name": "@storybook/addon-events", - "version": "4.0.0-alpha.16", + "version": "4.0.0-alpha.17", "description": "Add events to your Storybook stories.", "keywords": [ "addon", @@ -19,9 +19,8 @@ "prepare": "node ../../scripts/prepare.js" }, "dependencies": { - "@storybook/addons": "4.0.0-alpha.16", - "@storybook/core-events": "4.0.0-alpha.16", - "babel-runtime": "^6.26.0", + "@storybook/addons": "4.0.0-alpha.17", + "@storybook/core-events": "4.0.0-alpha.17", "format-json": "^1.0.3", "prop-types": "^15.6.2", "react-emotion": "^9.2.6", diff --git a/addons/graphql/package.json b/addons/graphql/package.json index 7210d6125e9..ddc238f9a49 100644 --- a/addons/graphql/package.json +++ b/addons/graphql/package.json @@ -1,6 +1,6 @@ { "name": "@storybook/addon-graphql", - "version": "4.0.0-alpha.16", + "version": "4.0.0-alpha.17", "description": "Storybook addon to display the GraphiQL IDE", "keywords": [ "storybook" @@ -20,7 +20,6 @@ "prepare": "node ../../scripts/prepare.js" }, "dependencies": { - "babel-runtime": "^6.26.0", "global": "^4.3.2", "graphiql": "^0.11.11", "graphql": "^0.13.2", diff --git a/addons/info/package.json b/addons/info/package.json index 836fa2b3862..5933d1f4696 100644 --- a/addons/info/package.json +++ b/addons/info/package.json @@ -1,6 +1,6 @@ { "name": "@storybook/addon-info", - "version": "4.0.0-alpha.16", + "version": "4.0.0-alpha.17", "description": "A Storybook addon to show additional information for your stories.", "repository": { "type": "git", @@ -13,10 +13,9 @@ "prepare": "node ../../scripts/prepare.js" }, "dependencies": { - "@storybook/addons": "4.0.0-alpha.16", - "@storybook/client-logger": "4.0.0-alpha.16", - "@storybook/components": "4.0.0-alpha.16", - "babel-runtime": "^6.26.0", + "@storybook/addons": "4.0.0-alpha.17", + "@storybook/client-logger": "4.0.0-alpha.17", + "@storybook/components": "4.0.0-alpha.17", "core-js": "2.5.7", "global": "^4.3.2", "marksy": "^6.0.3", diff --git a/addons/info/src/__snapshots__/index.test.js.snap b/addons/info/src/__snapshots__/index.test.js.snap index 842fb68d013..cba1ad3a316 100644 --- a/addons/info/src/__snapshots__/index.test.js.snap +++ b/addons/info/src/__snapshots__/index.test.js.snap @@ -1,7 +1,7 @@ // Jest Snapshot v1, https://goo.gl/fbAQLP exports[`addon Info should render and external markdown 1`] = ` -.emotion-2 { +.emotion-4 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; @@ -22,7 +22,7 @@ exports[`addon Info should render and external markdown 1`] = ` overflow-x: scroll; } -.emotion-1 { +.emotion-2 { overflow: hidden; border: 1px solid #eee; border-radius: 3px; @@ -38,12 +38,12 @@ exports[`addon Info should render and external markdown 1`] = ` flex-shrink: 0; } -.emotion-1:hover { +.emotion-2:hover { background-color: #f4f7fa; border-color: #ddd; } -.emotion-1:active { +.emotion-2:active { background-color: #e9ecef; border-color: #ccc; } @@ -124,8 +124,8 @@ exports[`addon Info should render and external markdown 1`] = `

function func(x) { - return x + 1; - } + return x + 1; + }

[object Object] @@ -307,7 +307,7 @@ exports[`addon Info should render and external markdown 1`] = ` > 
                     

                        and external markdown 1`] = `
                         styles={Object {}}
                       >
                         

             

               

@@ -181,10 +181,10 @@ exports[`Storyshots Button addons composition 1`] = `