diff --git a/ADDONS_SUPPORT.md b/ADDONS_SUPPORT.md index 4ef0304a975e..98f0046ade3e 100644 --- a/ADDONS_SUPPORT.md +++ b/ADDONS_SUPPORT.md @@ -11,7 +11,7 @@ |[info](addons/info) |+| | | | | |[jest](addons/jest) |+| | | | | |[knobs](addons/knobs) |+|+|+|+|+| -|[links](addons/links) |+|+|+|+| | +|[links](addons/links) |+|+|+|+|+| |[notes](addons/notes) |+| |+|+|+| |[options](addons/options) |+|+|+|+|+| |[storyshots](addons/storyshots) |+|+|+|+| | diff --git a/README.md b/README.md index f8b3640dabe4..e9eb1544ac6d 100644 --- a/README.md +++ b/README.md @@ -3,7 +3,7 @@ [![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/8f36abfd6697e58cd76df3526b52e4b9dc894847/badge.svg)](https://snyk.io/test/github/storybooks/storybook/8f36abfd6697e58cd76df3526b52e4b9dc894847) -[![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) @@ -80,15 +80,21 @@ For additional help, join us [in our Slack](https://now-examples-slackin-rrirkqo ### Addons -- [storyshots](addons/storyshots) - Easy snapshot testing for storybook -- [actions](addons/actions/) - Log actions as users interact with components in storybook -- [links](addons/links/) - Create links between stories -- [comments](addons/comments/) - Comment on storybook stories +- [a11y](addons/a11y/) - Test components for user accessibility in Storybook +- [actions](addons/actions/) - Log actions as users interact with components in the Storybook UI +- [background](addons/background/) - Let users choose backgrounds in the Storybook UI +- [centered](addons/centered/) - Center the alignment of your components within the Storybook UI +- [events](addons/events/) - Interactively fire events to components that respond to EventEmitter - [graphql](addons/graphql/) - Query a GraphQL server within Storybook stories - [info](addons/info/) - Annotate stories with extra component usage information +- [jest](addons/jest/) - View the results of components' unit tests in Storybook - [knobs](addons/knobs/) - Interactively edit component prop data in the Storybook UI -- [notes](addons/notes/) - Annotate storybook stories with notes -- [options](addons/options/) - Customize the storybook UI in code +- [links](addons/links/) - Create links between stories +- [notes](addons/notes/) - Annotate Storybook stories with notes +- [options](addons/options/) - Customize the Storybook UI in code +- [storyshots](addons/storyshots/) - Easy snapshot testing for components in Storybook +- [storysource](addons/storysource/) - View the code of your stories within the Storybook UI +- [viewport](addons/viewport/) - Change display sizes and layouts for responsive components using Storybook See [Addon / Framework Support Table](ADDONS_SUPPORT.md) diff --git a/addons/a11y/package.json b/addons/a11y/package.json index 1d15bfffb69b..9f1a5b4bb36f 100644 --- a/addons/a11y/package.json +++ b/addons/a11y/package.json @@ -30,7 +30,7 @@ "babel-runtime": "^6.26.0", "glamor": "^2.20.40", "glamorous": "^4.11.6", - "prop-types": "^15.6.0" + "prop-types": "^15.6.1" }, "devDependencies": { "@storybook/react": "^3.4.0-alpha.9", diff --git a/addons/actions/package.json b/addons/actions/package.json index cc7531dfc903..ffb4c61f69a2 100644 --- a/addons/actions/package.json +++ b/addons/actions/package.json @@ -27,7 +27,7 @@ "glamorous": "^4.11.6", "global": "^4.3.2", "make-error": "^1.3.4", - "prop-types": "^15.6.0", + "prop-types": "^15.6.1", "react-inspector": "^2.2.2", "uuid": "^3.2.1" }, diff --git a/addons/background/package.json b/addons/background/package.json index 67a612cf7d28..24643928a4d7 100644 --- a/addons/background/package.json +++ b/addons/background/package.json @@ -26,7 +26,7 @@ "dependencies": { "babel-runtime": "^6.26.0", "global": "^4.3.2", - "prop-types": "^15.6.0" + "prop-types": "^15.6.1" }, "peerDependencies": { "@storybook/addons": "^3.3.0", diff --git a/addons/events/package.json b/addons/events/package.json index 3fe657c2cc89..44ff92d2c024 100644 --- a/addons/events/package.json +++ b/addons/events/package.json @@ -23,7 +23,7 @@ "dependencies": { "babel-runtime": "^6.26.0", "format-json": "^1.0.3", - "prop-types": "^15.6.0", + "prop-types": "^15.6.1", "react-textarea-autosize": "^5.2.1" }, "peerDependencies": { diff --git a/addons/events/src/components/Panel.js b/addons/events/src/components/Panel.js index a243893d2ae5..dd4c8beff30c 100644 --- a/addons/events/src/components/Panel.js +++ b/addons/events/src/components/Panel.js @@ -66,7 +66,7 @@ export default class Events extends Component { const { events } = this.state; return (
- {events.map(event => )} + {events.map(event => )}
); } diff --git a/addons/graphql/package.json b/addons/graphql/package.json index 1e02a6f50bf1..e1f460517c64 100644 --- a/addons/graphql/package.json +++ b/addons/graphql/package.json @@ -26,7 +26,7 @@ "global": "^4.3.2", "graphiql": "^0.11.11", "graphql": "^0.13.1", - "prop-types": "^15.6.0" + "prop-types": "^15.6.1" }, "devDependencies": { "@storybook/react": "^3.4.0-alpha.9" diff --git a/addons/info/package.json b/addons/info/package.json index 86dd3e6df6b2..fca2d2e43b0b 100644 --- a/addons/info/package.json +++ b/addons/info/package.json @@ -23,7 +23,7 @@ "global": "^4.3.2", "marksy": "^6.0.3", "nested-object-assign": "^1.0.1", - "prop-types": "^15.6.0", + "prop-types": "^15.6.1", "react-addons-create-fragment": "^15.5.3", "util-deprecate": "^1.0.2" }, diff --git a/addons/jest/package.json b/addons/jest/package.json index 1c70c6bca6ea..c79ef5d10299 100644 --- a/addons/jest/package.json +++ b/addons/jest/package.json @@ -30,7 +30,7 @@ "glamor": "^2.20.40", "glamorous": "^4.11.6", "global": "^4.3.2", - "prop-types": "^15.6.0" + "prop-types": "^15.6.1" }, "peerDependencies": { "@storybook/addons": "^3.3.0", diff --git a/addons/knobs/package.json b/addons/knobs/package.json index c01ecde33529..ef1ee44bd0e0 100644 --- a/addons/knobs/package.json +++ b/addons/knobs/package.json @@ -22,7 +22,7 @@ "insert-css": "^2.0.0", "lodash.debounce": "^4.0.8", "moment": "^2.20.1", - "prop-types": "^15.6.0", + "prop-types": "^15.6.1", "react-color": "^2.11.4", "react-datetime": "^2.14.0", "react-textarea-autosize": "^5.2.1", diff --git a/addons/links/package.json b/addons/links/package.json index 75147c6853ac..29bfb2e3b06b 100644 --- a/addons/links/package.json +++ b/addons/links/package.json @@ -25,7 +25,7 @@ "@storybook/components": "^3.4.0-alpha.9", "babel-runtime": "^6.26.0", "global": "^4.3.2", - "prop-types": "^15.5.10" + "prop-types": "^15.6.1" }, "devDependencies": { "@storybook/react": "^3.4.0-alpha.9", diff --git a/addons/notes/package.json b/addons/notes/package.json index 5b17bd4ec7f1..a33ca6c5ec93 100644 --- a/addons/notes/package.json +++ b/addons/notes/package.json @@ -21,8 +21,8 @@ }, "dependencies": { "babel-runtime": "^6.26.0", - "marked": "^0.3.16", - "prop-types": "^15.6.0", + "marked": "^0.3.17", + "prop-types": "^15.6.1", "util-deprecate": "^1.0.2" }, "devDependencies": { diff --git a/addons/storysource/package.json b/addons/storysource/package.json index ad2af6d00a1f..4d555a4629b9 100644 --- a/addons/storysource/package.json +++ b/addons/storysource/package.json @@ -20,15 +20,15 @@ "prepare": "node ../../scripts/prepare.js" }, "dependencies": { - "acorn": "^5.3.0", + "acorn": "^5.5.0", "acorn-es7": "^0.1.0", "acorn-jsx": "^4.1.1", - "acorn-stage3": "^0.5.0", + "acorn-stage3": "^0.6.0", "babel-runtime": "^6.26.0", "estraverse": "^4.2.0", "loader-utils": "^1.1.0", - "prettier": "^1.10.2", - "prop-types": "^15.5.10", + "prettier": "^1.11.0", + "prop-types": "^15.6.1", "react-syntax-highlighter": "^7.0.1" }, "peerDependencies": { diff --git a/addons/viewport/package.json b/addons/viewport/package.json index ec91afe8a030..081c5e570e86 100644 --- a/addons/viewport/package.json +++ b/addons/viewport/package.json @@ -14,7 +14,7 @@ "@storybook/components": "^3.4.0-alpha.9", "babel-runtime": "^6.26.0", "global": "^4.3.2", - "prop-types": "^15.5.10" + "prop-types": "^15.6.1" }, "peerDependencies": { "@storybook/addons": "^3.3.0", diff --git a/app/angular/package.json b/app/angular/package.json index a88a150d33a5..876373cb19ed 100644 --- a/app/angular/package.json +++ b/app/angular/package.json @@ -30,7 +30,7 @@ "@storybook/ui": "^3.4.0-alpha.9", "airbnb-js-shims": "^1.4.1", "angular2-template-loader": "^0.6.2", - "babel-loader": "^7.0.0", + "babel-loader": "^7.1.3", "babel-plugin-macros": "^2.1.0", "babel-preset-env": "^1.6.0", "babel-preset-stage-0": "^6.24.1", @@ -38,7 +38,7 @@ "case-sensitive-paths-webpack-plugin": "^2.0.0", "core-js": "^2.4.1", "cross-env": "^5.1.1", - "dotenv-webpack": "^1.5.4", + "dotenv-webpack": "^1.5.5", "global": "^4.3.2", "html-loader": "^0.5.5", "html-webpack-plugin": "^2.30.1", diff --git a/app/angular/src/demo/welcome.component.ts b/app/angular/src/demo/welcome.component.ts index ca7a7c2f9fbb..9412e8bf246d 100644 --- a/app/angular/src/demo/welcome.component.ts +++ b/app/angular/src/demo/welcome.component.ts @@ -1,4 +1,4 @@ -import { Component } from '@angular/core'; +import { Component, Output, EventEmitter } from '@angular/core'; @Component({ selector: 'storybook-welcome-component', @@ -15,7 +15,7 @@ import { Component } from '@angular/core'; (Basically a story is like a visual test case.)

- See these sample stories for a component called + See these sample stories for a component called Button .

@@ -77,5 +77,5 @@ import { Component } from '@angular/core'; ], }) export default class WelcomeComponent { - displayName = 'Welcome'; + @Output() showApp = new EventEmitter(); } diff --git a/app/polymer/package.json b/app/polymer/package.json index 4cf8a2270ef7..466d76c4ddd4 100644 --- a/app/polymer/package.json +++ b/app/polymer/package.json @@ -30,7 +30,7 @@ "@storybook/ui": "^3.4.0-alpha.9", "@webcomponents/webcomponentsjs": "^1.1.0", "airbnb-js-shims": "^1.4.1", - "babel-loader": "^7.1.2", + "babel-loader": "^7.1.3", "babel-plugin-macros": "^2.1.0", "babel-plugin-transform-regenerator": "^6.26.0", "babel-plugin-transform-runtime": "^6.23.0", @@ -43,7 +43,7 @@ "common-tags": "^1.4.0", "copy-webpack-plugin": "^4.4.2", "core-js": "^2.5.1", - "dotenv-webpack": "^1.5.4", + "dotenv-webpack": "^1.5.5", "find-cache-dir": "^1.0.0", "global": "^4.3.2", "html-webpack-plugin": "^2.30.1", diff --git a/app/react-native/package.json b/app/react-native/package.json index 07a0d6dc8730..eb4d5fb806f9 100644 --- a/app/react-native/package.json +++ b/app/react-native/package.json @@ -31,7 +31,7 @@ "@storybook/channel-websocket": "^3.4.0-alpha.9", "@storybook/core": "^3.4.0-alpha.9", "@storybook/ui": "^3.4.0-alpha.9", - "babel-loader": "^7.1.2", + "babel-loader": "^7.1.3", "babel-plugin-macros": "^2.1.0", "babel-plugin-syntax-async-functions": "^6.13.0", "babel-plugin-syntax-trailing-function-commas": "^6.22.0", @@ -52,7 +52,7 @@ "html-webpack-plugin": "^2.30.1", "json5": "^0.5.1", "markdown-loader": "^2.0.2", - "prop-types": "^15.6.0", + "prop-types": "^15.6.1", "react-native-compat": "^1.0.0", "react-native-iphone-x-helper": "^1.0.2", "shelljs": "^0.8.1", @@ -63,7 +63,7 @@ "webpack": "^3.11.0", "webpack-dev-middleware": "^1.12.2", "webpack-hot-middleware": "^2.21.0", - "ws": "^3.3.3" + "ws": "^4.1.0" }, "devDependencies": { "react-native": "^0.52.2" @@ -72,6 +72,6 @@ "babel-core": "^6.26.0 || ^7.0.0-0", "babel-runtime": ">=6.0.0", "react": "*", - "react-native": "0.52.2" + "react-native": ">=0.51.0" } } diff --git a/app/react/package.json b/app/react/package.json index 1cec207f3579..adc959f43587 100644 --- a/app/react/package.json +++ b/app/react/package.json @@ -32,7 +32,7 @@ "@storybook/node-logger": "^3.4.0-alpha.9", "@storybook/ui": "^3.4.0-alpha.9", "airbnb-js-shims": "^1.4.1", - "babel-loader": "^7.1.2", + "babel-loader": "^7.1.3", "babel-plugin-macros": "^2.1.0", "babel-plugin-react-docgen": "^1.8.2", "babel-plugin-transform-regenerator": "^6.26.0", @@ -45,7 +45,7 @@ "case-sensitive-paths-webpack-plugin": "^2.1.1", "common-tags": "^1.7.2", "core-js": "^2.5.3", - "dotenv-webpack": "^1.5.4", + "dotenv-webpack": "^1.5.5", "find-cache-dir": "^1.0.0", "glamor": "^2.20.40", "glamorous": "^4.11.6", @@ -55,7 +55,7 @@ "json5": "^0.5.1", "lodash.flattendeep": "^4.4.0", "markdown-loader": "^2.0.2", - "prop-types": "^15.6.0", + "prop-types": "^15.6.1", "react-dev-utils": "^5.0.0", "redux": "^3.7.2", "uglifyjs-webpack-plugin": "^1.2.2", diff --git a/app/vue/package.json b/app/vue/package.json index e88308c53b04..e69fa39f9ade 100644 --- a/app/vue/package.json +++ b/app/vue/package.json @@ -28,7 +28,7 @@ "@storybook/core": "^3.4.0-alpha.9", "@storybook/ui": "^3.4.0-alpha.9", "airbnb-js-shims": "^1.4.1", - "babel-loader": "^7.1.2", + "babel-loader": "^7.1.3", "babel-plugin-macros": "^2.1.0", "babel-plugin-transform-regenerator": "^6.26.0", "babel-plugin-transform-runtime": "^6.23.0", @@ -39,7 +39,7 @@ "case-sensitive-paths-webpack-plugin": "^2.1.1", "common-tags": "^1.7.2", "core-js": "^2.5.3", - "dotenv-webpack": "^1.5.4", + "dotenv-webpack": "^1.5.5", "find-cache-dir": "^1.0.0", "global": "^4.3.2", "html-loader": "^0.5.5", @@ -64,8 +64,8 @@ "peerDependencies": { "babel-core": "^6.26.0 || ^7.0.0-0", "babel-runtime": ">=6.0.0", - "vue": "2.5.13", - "vue-loader": "13.7.1", - "vue-template-compiler": "2.5.13" + "vue": ">=2.0.0", + "vue-loader": ">=13.0.0", + "vue-template-compiler": ">=2.0.0" } } diff --git a/docs/package.json b/docs/package.json index fa5345c8edcc..856b3c2dfdee 100644 --- a/docs/package.json +++ b/docs/package.json @@ -24,21 +24,21 @@ "@storybook/react": "^3.3.14", "babel-loader": "^6.4.1", "bootstrap": "^3.3.7", - "gatsby": "^1.9.212", + "gatsby": "^1.9.216", "gatsby-link": "^1.6.37", - "gatsby-plugin-sharp": "^1.6.34", + "gatsby-plugin-sharp": "^1.6.35", "gatsby-remark-autolink-headers": "^1.4.12", "gatsby-remark-copy-linked-files": "^1.5.28", - "gatsby-remark-images": "^1.5.50", + "gatsby-remark-images": "^1.5.51", "gatsby-remark-smartypants": "^1.4.11", - "gatsby-source-filesystem": "^1.5.23", + "gatsby-source-filesystem": "^1.5.24", "gatsby-transformer-remark": "^1.7.33", "gh-pages": "^1.1.0", "global": "^4.3.2", "highlight.js": "^9.12.0", "lodash": "^4.17.5", - "marked": "^0.3.16", - "prop-types": "^15.6.0", + "marked": "^0.3.17", + "prop-types": "^15.6.1", "react": "^15.6.1", "react-document-title": "^2.0.3", "react-dom": "^15.6.1", diff --git a/docs/src/pages/addons/addon-gallery/index.md b/docs/src/pages/addons/addon-gallery/index.md index 47de3137a5bd..f4c080b86e45 100644 --- a/docs/src/pages/addons/addon-gallery/index.md +++ b/docs/src/pages/addons/addon-gallery/index.md @@ -46,6 +46,10 @@ Redirects console output (logs, errors, warnings) into Action Logger Panel. `wit With this addon, you can switch between background colors and background images for your preview components. It is really helpful for styleguides. +### [Viewport](https://github.com/storybooks/storybook/tree/master/addons/viewport) + +Viewport allows your stories to be displayed in different sizes and layouts in [Storybook](https://storybookjs.org). This helps build responsive components inside of Storybook. + ## Community Addons You need to install these addons directly from NPM in order to use them. diff --git a/docs/yarn.lock b/docs/yarn.lock index c27ffeaf99fb..420ea33fae92 100644 --- a/docs/yarn.lock +++ b/docs/yarn.lock @@ -2528,9 +2528,9 @@ color@^0.11.0, color@^0.11.3, color@^0.11.4: color-convert "^1.3.0" color-string "^0.3.0" -color@^2.0.1: - version "2.0.1" - resolved "https://registry.yarnpkg.com/color/-/color-2.0.1.tgz#e4ed78a3c4603d0891eba5430b04b86314f4c839" +color@^3.0.0: + version "3.0.0" + resolved "https://registry.yarnpkg.com/color/-/color-3.0.0.tgz#d920b4328d534a3ac8295d68f7bd4ba6c427be9a" dependencies: color-convert "^1.9.1" color-string "^1.5.2" @@ -4410,9 +4410,9 @@ gatsby-module-loader@^1.0.10: babel-runtime "^6.26.0" loader-utils "^0.2.16" -gatsby-plugin-sharp@^1.6.34: - version "1.6.34" - resolved "https://registry.yarnpkg.com/gatsby-plugin-sharp/-/gatsby-plugin-sharp-1.6.34.tgz#11cd60af3d3a9c8e77772476ba200830f7e71eb6" +gatsby-plugin-sharp@^1.6.35: + version "1.6.35" + resolved "https://registry.yarnpkg.com/gatsby-plugin-sharp/-/gatsby-plugin-sharp-1.6.35.tgz#3ef8578163b47842377f14825c98d27dc32f061d" dependencies: async "^2.1.2" babel-runtime "^6.26.0" @@ -4424,7 +4424,7 @@ gatsby-plugin-sharp@^1.6.34: potrace "^2.1.1" probe-image-size "^3.2.0" progress "^1.1.8" - sharp "^0.19.0" + sharp "^0.19.1" svgo "^0.7.2" gatsby-react-router-scroll@^1.0.11: @@ -4457,13 +4457,13 @@ gatsby-remark-copy-linked-files@^1.5.28: probe-image-size "^3.2.0" unist-util-visit "^1.1.1" -gatsby-remark-images@^1.5.50: - version "1.5.50" - resolved "https://registry.yarnpkg.com/gatsby-remark-images/-/gatsby-remark-images-1.5.50.tgz#695022db8f84385782afbb57bc57c36572367469" +gatsby-remark-images@^1.5.51: + version "1.5.51" + resolved "https://registry.yarnpkg.com/gatsby-remark-images/-/gatsby-remark-images-1.5.51.tgz#0c32af341cbc777cbfeb023355a85d5791a4fdb0" dependencies: babel-runtime "^6.26.0" cheerio "^1.0.0-rc.2" - gatsby-plugin-sharp "^1.6.34" + gatsby-plugin-sharp "^1.6.35" is-relative-url "^2.0.0" lodash "^4.17.4" slash "^1.0.0" @@ -4478,9 +4478,9 @@ gatsby-remark-smartypants@^1.4.11: retext-smartypants "^2.0.0" unist-util-visit "^1.1.1" -gatsby-source-filesystem@^1.5.23: - version "1.5.23" - resolved "https://registry.yarnpkg.com/gatsby-source-filesystem/-/gatsby-source-filesystem-1.5.23.tgz#a48432f6db6c2c702f06cb87d720e8d281c4a73b" +gatsby-source-filesystem@^1.5.24: + version "1.5.24" + resolved "https://registry.yarnpkg.com/gatsby-source-filesystem/-/gatsby-source-filesystem-1.5.24.tgz#5d1ff9b3994fff967be92f6fea27e6cf1ba75fbe" dependencies: babel-cli "^6.26.0" babel-runtime "^6.26.0" @@ -4519,9 +4519,9 @@ gatsby-transformer-remark@^1.7.33: unist-util-select "^1.5.0" unist-util-visit "^1.1.1" -gatsby@^1.9.212: - version "1.9.212" - resolved "https://registry.yarnpkg.com/gatsby/-/gatsby-1.9.212.tgz#b3b42bb2ebc75ba2d90c86a39f1a090e2f05ecec" +gatsby@^1.9.216: + version "1.9.216" + resolved "https://registry.yarnpkg.com/gatsby/-/gatsby-1.9.216.tgz#41269eb89150c871a62d11ae09a6efa3a8034dd3" dependencies: async "^2.1.2" babel-code-frame "^6.22.0" @@ -6737,9 +6737,9 @@ markdown-table@^1.1.0: version "1.1.1" resolved "https://registry.yarnpkg.com/markdown-table/-/markdown-table-1.1.1.tgz#4b3dd3a133d1518b8ef0dbc709bf2a1b4824bc8c" -marked@^0.3.16: - version "0.3.16" - resolved "https://registry.yarnpkg.com/marked/-/marked-0.3.16.tgz#2f188b7dfcfa6540fe9940adaf0f3b791c9a5cba" +marked@^0.3.17: + version "0.3.17" + resolved "https://registry.yarnpkg.com/marked/-/marked-0.3.17.tgz#607f06668b3c6b1246b28f13da76116ac1aa2d2b" marked@^0.3.6: version "0.3.9" @@ -7100,9 +7100,9 @@ nan@^2.3.0: version "2.7.0" resolved "https://registry.yarnpkg.com/nan/-/nan-2.7.0.tgz#d95bf721ec877e08db276ed3fc6eb78f9083ad46" -nan@^2.8.0: - version "2.8.0" - resolved "https://registry.yarnpkg.com/nan/-/nan-2.8.0.tgz#ed715f3fe9de02b57a5e6252d90a96675e1f085a" +nan@^2.9.2: + version "2.9.2" + resolved "https://registry.yarnpkg.com/nan/-/nan-2.9.2.tgz#f564d75f5f8f36a6d9456cca7a6c4fe488ab7866" nanomatch@^1.2.5: version "1.2.5" @@ -8562,6 +8562,14 @@ prop-types@^15.5.10, prop-types@^15.5.4, prop-types@^15.5.6, prop-types@^15.5.8, loose-envify "^1.3.1" object-assign "^4.1.1" +prop-types@^15.6.1: + version "15.6.1" + resolved "https://registry.yarnpkg.com/prop-types/-/prop-types-15.6.1.tgz#36644453564255ddda391191fb3a125cbdf654ca" + dependencies: + fbjs "^0.8.16" + loose-envify "^1.3.1" + object-assign "^4.1.1" + proper-lockfile@^1.1.2: version "1.2.0" resolved "https://registry.yarnpkg.com/proper-lockfile/-/proper-lockfile-1.2.0.tgz#ceff5dd89d3e5f10fb75e1e8e76bc75801a59c34" @@ -9719,7 +9727,7 @@ semver@^4.0.3, semver@^4.3.3: version "4.3.6" resolved "https://registry.yarnpkg.com/semver/-/semver-4.3.6.tgz#300bc6e0e86374f7ba61068b5b1ecd57fc6532da" -semver@^5.4.1: +semver@^5.5.0: version "5.5.0" resolved "https://registry.yarnpkg.com/semver/-/semver-5.5.0.tgz#dc4bbc7a6ca9d916dee5d43516f0092b58f7b8ab" @@ -9875,16 +9883,16 @@ shallowequal@^1.0.1: version "1.0.2" resolved "https://registry.yarnpkg.com/shallowequal/-/shallowequal-1.0.2.tgz#1561dbdefb8c01408100319085764da3fcf83f8f" -sharp@^0.19.0: - version "0.19.0" - resolved "https://registry.yarnpkg.com/sharp/-/sharp-0.19.0.tgz#61729e90f291e62540122a8065ca5fc70c1a8b1f" +sharp@^0.19.1: + version "0.19.1" + resolved "https://registry.yarnpkg.com/sharp/-/sharp-0.19.1.tgz#819bf11f5c3f4ff32eb465f255b5fb87e43ceea1" dependencies: - color "^2.0.1" + color "^3.0.0" detect-libc "^1.0.3" - nan "^2.8.0" - semver "^5.4.1" + nan "^2.9.2" + semver "^5.5.0" simple-get "^2.7.0" - tar "^4.2.0" + tar "^4.4.0" tunnel-agent "^0.6.0" shebang-command@^1.2.0: @@ -10606,9 +10614,9 @@ tar@^2.2.1: fstream "^1.0.2" inherits "2" -tar@^4.2.0: - version "4.3.0" - resolved "https://registry.yarnpkg.com/tar/-/tar-4.3.0.tgz#11351be1c7944c59dd197850119c2081d8bc7fe5" +tar@^4.4.0: + version "4.4.0" + resolved "https://registry.yarnpkg.com/tar/-/tar-4.4.0.tgz#3aaf8c29b6b800a8215f33efb4df1c95ce2ac2f5" dependencies: chownr "^1.0.1" fs-minipass "^1.2.3" diff --git a/examples/angular-cli/src/stories/index.ts b/examples/angular-cli/src/stories/index.ts index 785e16620a63..b7b5494cdff9 100644 --- a/examples/angular-cli/src/stories/index.ts +++ b/examples/angular-cli/src/stories/index.ts @@ -1,10 +1,13 @@ import { storiesOf } from '@storybook/angular'; import { Welcome, Button } from '@storybook/angular/demo'; import { moduleMetadata } from '@storybook/angular'; +import { linkTo } from '@storybook/addon-links'; storiesOf('Welcome', module).add('to Storybook', () => ({ - template: ``, - props: {}, + template: ``, + props: { + showApp: linkTo('Button'), + }, moduleMetadata: { declarations: [Welcome], }, diff --git a/examples/cra-kitchen-sink/package.json b/examples/cra-kitchen-sink/package.json index 919a5e4ad8ae..2d90d7566ba2 100644 --- a/examples/cra-kitchen-sink/package.json +++ b/examples/cra-kitchen-sink/package.json @@ -12,7 +12,7 @@ }, "dependencies": { "global": "^4.3.2", - "prop-types": "^15.6.0", + "prop-types": "^15.6.1", "react": "^16.2.0", "react-dom": "^16.2.0" }, diff --git a/examples/official-storybook/package.json b/examples/official-storybook/package.json index 50a6012e5f8d..25e2cd578a24 100644 --- a/examples/official-storybook/package.json +++ b/examples/official-storybook/package.json @@ -32,7 +32,7 @@ "format-json": "^1.0.3", "global": "^4.3.2", "paths.macro": "^2.0.2", - "prop-types": "^15.6.0", + "prop-types": "^15.6.1", "react": "^16.2.0", "react-chromatic": "^0.7.10", "react-dom": "^16.2.0", diff --git a/examples/polymer-cli/.storybook/addons.js b/examples/polymer-cli/.storybook/addons.js index aa7f0807eda1..d910c5810835 100644 --- a/examples/polymer-cli/.storybook/addons.js +++ b/examples/polymer-cli/.storybook/addons.js @@ -2,5 +2,6 @@ import '@storybook/addon-storysource/register'; import '@storybook/addon-actions/register'; import '@storybook/addon-notes/register'; import '@storybook/addon-knobs/register'; +import '@storybook/addon-links/register'; import '@storybook/addon-viewport/register'; import '@storybook/addon-options/register'; diff --git a/examples/polymer-cli/package.json b/examples/polymer-cli/package.json index dda9ef0a54fb..0f9b296ccadd 100644 --- a/examples/polymer-cli/package.json +++ b/examples/polymer-cli/package.json @@ -11,6 +11,7 @@ "@polymer/polymer": "^2.5.0", "@storybook/addon-actions": "^3.4.0-alpha.9", "@storybook/addon-knobs": "^3.4.0-alpha.9", + "@storybook/addon-links": "^3.4.0-alpha.9", "@storybook/addon-notes": "^3.4.0-alpha.9", "@storybook/addon-options": "^3.4.0-alpha.9", "@storybook/addon-storysource": "^3.4.0-alpha.9", @@ -23,10 +24,10 @@ }, "devDependencies": { "babel-core": "^6.26.0", - "babel-loader": "^7.1.2", + "babel-loader": "^7.1.3", "babel-runtime": "^6.26.0", "copy-webpack-plugin": "^4.4.2", "html-webpack-plugin": "^2.30.1", - "webpack-dev-server": "^2.11.1" + "webpack-dev-server": "^2.11.2" } } diff --git a/examples/polymer-cli/src/simple-button.html b/examples/polymer-cli/src/simple-button.html new file mode 100644 index 000000000000..85952920b05b --- /dev/null +++ b/examples/polymer-cli/src/simple-button.html @@ -0,0 +1,36 @@ + + + + + + + diff --git a/examples/polymer-cli/src/stories/addon-actions.stories.js b/examples/polymer-cli/src/stories/addon-actions.stories.js index a39f87544aa3..3b29471cbc13 100644 --- a/examples/polymer-cli/src/stories/addon-actions.stories.js +++ b/examples/polymer-cli/src/stories/addon-actions.stories.js @@ -2,14 +2,16 @@ import { storiesOf } from '@storybook/polymer'; import { action } from '@storybook/addon-actions'; import { document } from 'global'; +import '../simple-button.html'; + storiesOf('Addon|Actions', module) .add('Action only', () => { - const el = document.createElement('playground-button'); + const el = document.createElement('simple-button'); el.addEventListener('click', action('log1')); return el; }) .add('Action and method', () => { - const el = document.createElement('playground-button'); + const el = document.createElement('simple-button'); el.addEventListener('click', e => action('log2')(e.target)); return el; }); diff --git a/examples/polymer-cli/src/stories/addon-links.stories.js b/examples/polymer-cli/src/stories/addon-links.stories.js new file mode 100644 index 000000000000..ee4ecf88660d --- /dev/null +++ b/examples/polymer-cli/src/stories/addon-links.stories.js @@ -0,0 +1,12 @@ +import { storiesOf } from '@storybook/polymer'; +import { linkTo } from '@storybook/addon-links'; +import { document } from 'global'; + +import '../simple-button.html'; + +storiesOf('Addon|Links', module).add('With Create Element', () => { + const el = document.createElement('simple-button'); + el.title = 'Go to welcome'; + el.handleClick = linkTo('Welcome'); + return el; +}); diff --git a/examples/polymer-cli/src/stories/index.stories.js b/examples/polymer-cli/src/stories/index.stories.js index 641787592c40..a457591e7827 100644 --- a/examples/polymer-cli/src/stories/index.stories.js +++ b/examples/polymer-cli/src/stories/index.stories.js @@ -1,13 +1,16 @@ import { storiesOf } from '@storybook/polymer'; +import { linkTo } from '@storybook/addon-links'; +import { document } from 'global'; import '../polymer-playground-app.html'; import '../playground-button.html'; import './storybook-welcome-to-polymer.html'; -storiesOf('Welcome', module).add( - 'Welcome', - () => '' -); +storiesOf('Welcome', module).add('Welcome', () => { + const el = document.createElement('storybook-welcome-to-polymer'); + el.goToButton = linkTo('Button'); + return el; +}); storiesOf('App', module).add( 'full app', diff --git a/examples/polymer-cli/src/stories/storybook-welcome-to-polymer.html b/examples/polymer-cli/src/stories/storybook-welcome-to-polymer.html index d0fd9c6d03de..c053752f7c88 100644 --- a/examples/polymer-cli/src/stories/storybook-welcome-to-polymer.html +++ b/examples/polymer-cli/src/stories/storybook-welcome-to-polymer.html @@ -39,7 +39,7 @@

Welcome to Storybook for Polymer

(Basically a story is like a visual test case.)

- See these sample stories for a component called playground-button + See these sample stories for a component called playground-button

@@ -71,7 +71,22 @@

Welcome to Storybook for Polymer

diff --git a/examples/vue-kitchen-sink/package.json b/examples/vue-kitchen-sink/package.json index 892ed0905d74..4c55709ed2b4 100644 --- a/examples/vue-kitchen-sink/package.json +++ b/examples/vue-kitchen-sink/package.json @@ -25,13 +25,13 @@ "@storybook/addons": "^3.4.0-alpha.9", "@storybook/vue": "^3.4.0-alpha.9", "babel-core": "^6.26.0", - "babel-loader": "^7.1.2", + "babel-loader": "^7.1.3", "babel-preset-env": "^1.6.0", "babel-preset-vue": "^2.0.1", "cross-env": "^5.1.3", - "file-loader": "^1.1.9", + "file-loader": "^1.1.10", "vue-loader": "^14.1.1", "webpack": "^3.11.0", - "webpack-dev-server": "^2.11.1" + "webpack-dev-server": "^2.11.2" } } diff --git a/examples/vue-kitchen-sink/src/stories/Welcome.vue b/examples/vue-kitchen-sink/src/stories/Welcome.vue index 42e291c2cc53..20217f381ea7 100644 --- a/examples/vue-kitchen-sink/src/stories/Welcome.vue +++ b/examples/vue-kitchen-sink/src/stories/Welcome.vue @@ -16,7 +16,7 @@

See these sample - stories + stories for a component called Button . @@ -54,6 +54,13 @@