diff --git a/CHANGELOG.md b/CHANGELOG.md index 6e3192fc827..309a4090572 100644 --- a/CHANGELOG.md +++ b/CHANGELOG.md @@ -1,3 +1,22 @@ +## 5.1.0-alpha.4 (March 11, 2019) + +### Bug Fixes + +* CLI: Fix welcome component in dark theme ([#5998](https://github.com/storybooks/storybook/pull/5998)) +* Polymer: Fix re-rendering lit-html elements after non-lit-html element ([#5868](https://github.com/storybooks/storybook/pull/5868)) +* Addon-a11y: Fix respect 'element' arg in config ([#5996](https://github.com/storybooks/storybook/pull/5996)) +* Addon-a11y: Fix design icons ([#5991](https://github.com/storybooks/storybook/pull/5991)) +* Addon-viewport: Fix viewport iframe dimensions ([#5993](https://github.com/storybooks/storybook/pull/5993)) + +### Maintenance + +* ADD parameters to compile-js to no longer copy .ts files into dist ([#5844](https://github.com/storybooks/storybook/pull/5844)) + +### Dependency Upgrades + +* build(deps): bump react-is from 16.8.3 to 16.8.4 ([#6010](https://github.com/storybooks/storybook/pull/6010)) +* build(deps): bump react-dev-utils from 7.0.3 to 8.0.0 ([#6011](https://github.com/storybooks/storybook/pull/6011)) + ## 5.1.0-alpha.3 (March 9, 2019) ### Features diff --git a/addons/a11y/package.json b/addons/a11y/package.json index b8f33a99d3b..0ac9a47dca6 100644 --- a/addons/a11y/package.json +++ b/addons/a11y/package.json @@ -1,6 +1,6 @@ { "name": "@storybook/addon-a11y", - "version": "5.1.0-alpha.3", + "version": "5.1.0-alpha.4", "description": "a11y addon for storybook", "keywords": [ "a11y", @@ -26,11 +26,11 @@ "prepare": "node ../../scripts/prepare.js" }, "dependencies": { - "@storybook/addons": "5.1.0-alpha.3", - "@storybook/client-logger": "5.1.0-alpha.3", - "@storybook/components": "5.1.0-alpha.3", - "@storybook/core-events": "5.1.0-alpha.3", - "@storybook/theming": "5.1.0-alpha.3", + "@storybook/addons": "5.1.0-alpha.4", + "@storybook/client-logger": "5.1.0-alpha.4", + "@storybook/components": "5.1.0-alpha.4", + "@storybook/core-events": "5.1.0-alpha.4", + "@storybook/theming": "5.1.0-alpha.4", "axe-core": "^3.1.2", "common-tags": "^1.8.0", "core-js": "^2.6.5", diff --git a/addons/a11y/src/components/Report/Item.tsx b/addons/a11y/src/components/Report/Item.tsx index 6a493173a4d..3be6015217c 100644 --- a/addons/a11y/src/components/Report/Item.tsx +++ b/addons/a11y/src/components/Report/Item.tsx @@ -13,6 +13,7 @@ const Wrapper = styled.div(); const Icon = styled(Icons)(({ theme }) => ({ height: 10, width: 10, + minWidth: 10, color: theme.color.mediumdark, marginRight: '10px', transition: 'transform 0.1s ease-in-out', @@ -28,6 +29,7 @@ const HeaderBar = styled.button(({ theme }) => ({ border: 0, background: 'none', color: 'inherit', + textAlign: 'left', borderLeft: '3px solid transparent', diff --git a/addons/a11y/src/components/Report/Rules.tsx b/addons/a11y/src/components/Report/Rules.tsx index 0a142eb98ee..91fb964536e 100644 --- a/addons/a11y/src/components/Report/Rules.tsx +++ b/addons/a11y/src/components/Report/Rules.tsx @@ -30,16 +30,14 @@ const Message = styled.div({ }); const Status = styled.div(({ passes, impact }: { passes: boolean; impact: string }) => ({ - height: '16px', - width: '16px', - borderRadius: '8px', - fontSize: '10px', display: 'inline-flex', justifyContent: 'center', alignItems: 'center', - textAlign: 'center', - flex: '0 0 16px', color: passes ? impactColors.success : (impactColors as any)[impact], + '& > svg': { + height: '16px', + width: '16px', + }, })); interface RuleProps { diff --git a/addons/a11y/src/index.ts b/addons/a11y/src/index.ts index 5c834cdc900..7e93273528a 100644 --- a/addons/a11y/src/index.ts +++ b/addons/a11y/src/index.ts @@ -1,5 +1,5 @@ import { document } from 'global'; -import axe, { AxeResults, RunOptions, Spec } from 'axe-core'; +import axe, { AxeResults, ElementContext, RunOptions, Spec } from 'axe-core'; import deprecate from 'util-deprecate'; import { stripIndents } from 'common-tags'; @@ -9,7 +9,11 @@ import { EVENTS, PARAM_KEY } from './constants'; const channel = addons.getChannel(); let progress = Promise.resolve(); -let setup: { config: Spec; options: RunOptions } = { config: {}, options: {} }; +let setup: { + element?: ElementContext; + config: Spec; + options: RunOptions; +} = { element: null, config: {}, options: {} }; const getElement = () => { const storyRoot = document.getElementById('story-root'); @@ -24,7 +28,7 @@ const report = (input: AxeResults) => { channel.emit(EVENTS.RESULT, input); }; -const run = (config: Spec, options: RunOptions) => { +const run = (element: ElementContext, config: Spec, options: RunOptions) => { progress = progress.then(() => { axe.reset(); if (config) { @@ -32,7 +36,7 @@ const run = (config: Spec, options: RunOptions) => { } return axe .run( - getElement(), + element || getElement(), options || // tslint:disable-next-line:no-object-literal-type-assertion ({ @@ -52,8 +56,8 @@ export const withA11y: StoryWrapper = (getStory, context) => { return getStory(context); }; -channel.on(STORY_RENDERED, () => run(setup.config, setup.options)); -channel.on(EVENTS.REQUEST, () => run(setup.config, setup.options)); +channel.on(STORY_RENDERED, () => run(setup.element, setup.config, setup.options)); +channel.on(EVENTS.REQUEST, () => run(setup.element, setup.config, setup.options)); if (module && module.hot && module.hot.decline) { module.hot.decline(); diff --git a/addons/actions/package.json b/addons/actions/package.json index bb5bbec5148..74a7d295b91 100644 --- a/addons/actions/package.json +++ b/addons/actions/package.json @@ -1,6 +1,6 @@ { "name": "@storybook/addon-actions", - "version": "5.1.0-alpha.3", + "version": "5.1.0-alpha.4", "description": "Action Logger addon for storybook", "keywords": [ "storybook" @@ -21,10 +21,10 @@ "prepare": "node ../../scripts/prepare.js" }, "dependencies": { - "@storybook/addons": "5.1.0-alpha.3", - "@storybook/components": "5.1.0-alpha.3", - "@storybook/core-events": "5.1.0-alpha.3", - "@storybook/theming": "5.1.0-alpha.3", + "@storybook/addons": "5.1.0-alpha.4", + "@storybook/components": "5.1.0-alpha.4", + "@storybook/core-events": "5.1.0-alpha.4", + "@storybook/theming": "5.1.0-alpha.4", "core-js": "^2.6.5", "fast-deep-equal": "^2.0.1", "global": "^4.3.2", diff --git a/addons/backgrounds/package.json b/addons/backgrounds/package.json index e0bd6d881f8..5d00a75475f 100644 --- a/addons/backgrounds/package.json +++ b/addons/backgrounds/package.json @@ -1,6 +1,6 @@ { "name": "@storybook/addon-backgrounds", - "version": "5.1.0-alpha.3", + "version": "5.1.0-alpha.4", "description": "A storybook addon to show different backgrounds for your preview", "keywords": [ "addon", @@ -25,11 +25,11 @@ "prepare": "node ../../scripts/prepare.js" }, "dependencies": { - "@storybook/addons": "5.1.0-alpha.3", - "@storybook/client-logger": "5.1.0-alpha.3", - "@storybook/components": "5.1.0-alpha.3", - "@storybook/core-events": "5.1.0-alpha.3", - "@storybook/theming": "5.1.0-alpha.3", + "@storybook/addons": "5.1.0-alpha.4", + "@storybook/client-logger": "5.1.0-alpha.4", + "@storybook/components": "5.1.0-alpha.4", + "@storybook/core-events": "5.1.0-alpha.4", + "@storybook/theming": "5.1.0-alpha.4", "core-js": "^2.6.5", "global": "^4.3.2", "memoizerific": "^1.11.3", diff --git a/addons/centered/package.json b/addons/centered/package.json index 4357e2af1e8..d6cd9772a81 100644 --- a/addons/centered/package.json +++ b/addons/centered/package.json @@ -1,6 +1,6 @@ { "name": "@storybook/addon-centered", - "version": "5.1.0-alpha.3", + "version": "5.1.0-alpha.4", "description": "Storybook decorator to center components", "keywords": [ "addon", diff --git a/addons/cssresources/package.json b/addons/cssresources/package.json index 2567a51f68b..82d00f0284b 100644 --- a/addons/cssresources/package.json +++ b/addons/cssresources/package.json @@ -1,6 +1,6 @@ { "name": "@storybook/addon-cssresources", - "version": "5.1.0-alpha.3", + "version": "5.1.0-alpha.4", "description": "A storybook addon to switch between css resources at runtime for your story", "keywords": [ "addon", @@ -25,9 +25,9 @@ "prepare": "node ../../scripts/prepare.js" }, "dependencies": { - "@storybook/addons": "5.1.0-alpha.3", - "@storybook/components": "5.1.0-alpha.3", - "@storybook/core-events": "5.1.0-alpha.3", + "@storybook/addons": "5.1.0-alpha.4", + "@storybook/components": "5.1.0-alpha.4", + "@storybook/core-events": "5.1.0-alpha.4", "core-js": "^2.6.5", "global": "^4.3.2", "react": "^16.8.4" diff --git a/addons/events/package.json b/addons/events/package.json index a4962a7a625..8d7fa717443 100644 --- a/addons/events/package.json +++ b/addons/events/package.json @@ -1,6 +1,6 @@ { "name": "@storybook/addon-events", - "version": "5.1.0-alpha.3", + "version": "5.1.0-alpha.4", "description": "Add events to your Storybook stories.", "keywords": [ "addon", @@ -24,9 +24,9 @@ "prepare": "node ../../scripts/prepare.js" }, "dependencies": { - "@storybook/addons": "5.1.0-alpha.3", - "@storybook/core-events": "5.1.0-alpha.3", - "@storybook/theming": "5.1.0-alpha.3", + "@storybook/addons": "5.1.0-alpha.4", + "@storybook/core-events": "5.1.0-alpha.4", + "@storybook/theming": "5.1.0-alpha.4", "core-js": "^2.6.5", "format-json": "^1.0.3", "prop-types": "^15.7.2", diff --git a/addons/google-analytics/package.json b/addons/google-analytics/package.json index 147e7521644..319de081d07 100644 --- a/addons/google-analytics/package.json +++ b/addons/google-analytics/package.json @@ -1,6 +1,6 @@ { "name": "@storybook/addon-google-analytics", - "version": "5.1.0-alpha.3", + "version": "5.1.0-alpha.4", "description": "Storybook addon for google analytics", "keywords": [ "addon", @@ -20,8 +20,8 @@ "prepare": "node ../../scripts/prepare.js" }, "dependencies": { - "@storybook/addons": "5.1.0-alpha.3", - "@storybook/core-events": "5.1.0-alpha.3", + "@storybook/addons": "5.1.0-alpha.4", + "@storybook/core-events": "5.1.0-alpha.4", "core-js": "^2.6.5", "global": "^4.3.2", "react-ga": "^2.5.7" diff --git a/addons/graphql/package.json b/addons/graphql/package.json index 62195f6fca5..045842d37fa 100644 --- a/addons/graphql/package.json +++ b/addons/graphql/package.json @@ -1,6 +1,6 @@ { "name": "@storybook/addon-graphql", - "version": "5.1.0-alpha.3", + "version": "5.1.0-alpha.4", "description": "Storybook addon to display the GraphiQL IDE", "keywords": [ "addon", diff --git a/addons/info/package.json b/addons/info/package.json index f6df6513f95..4c3ecf4779e 100644 --- a/addons/info/package.json +++ b/addons/info/package.json @@ -1,6 +1,6 @@ { "name": "@storybook/addon-info", - "version": "5.1.0-alpha.3", + "version": "5.1.0-alpha.4", "description": "A Storybook addon to show additional information for your stories.", "keywords": [ "addon", @@ -22,10 +22,10 @@ "prepare": "node ../../scripts/prepare.js" }, "dependencies": { - "@storybook/addons": "5.1.0-alpha.3", - "@storybook/client-logger": "5.1.0-alpha.3", - "@storybook/components": "5.1.0-alpha.3", - "@storybook/theming": "5.1.0-alpha.3", + "@storybook/addons": "5.1.0-alpha.4", + "@storybook/client-logger": "5.1.0-alpha.4", + "@storybook/components": "5.1.0-alpha.4", + "@storybook/theming": "5.1.0-alpha.4", "core-js": "^2.6.5", "global": "^4.3.2", "marksy": "^6.1.0", @@ -33,7 +33,7 @@ "prop-types": "^15.7.2", "react": "^16.8.4", "react-addons-create-fragment": "^15.6.2", - "react-is": "^16.8.3", + "react-is": "^16.8.4", "react-lifecycles-compat": "^3.0.4", "util-deprecate": "^1.0.2" }, diff --git a/addons/jest/package.json b/addons/jest/package.json index 9d1ffe0b4d0..37fa2fb7f6d 100644 --- a/addons/jest/package.json +++ b/addons/jest/package.json @@ -1,6 +1,6 @@ { "name": "@storybook/addon-jest", - "version": "5.1.0-alpha.3", + "version": "5.1.0-alpha.4", "description": "React storybook addon that show component jest report", "keywords": [ "addon", @@ -28,10 +28,10 @@ "prepare": "node ../../scripts/prepare.js" }, "dependencies": { - "@storybook/addons": "5.1.0-alpha.3", - "@storybook/components": "5.1.0-alpha.3", - "@storybook/core-events": "5.1.0-alpha.3", - "@storybook/theming": "5.1.0-alpha.3", + "@storybook/addons": "5.1.0-alpha.4", + "@storybook/components": "5.1.0-alpha.4", + "@storybook/core-events": "5.1.0-alpha.4", + "@storybook/theming": "5.1.0-alpha.4", "core-js": "^2.6.5", "global": "^4.3.2", "prop-types": "^15.7.2", diff --git a/addons/knobs/package.json b/addons/knobs/package.json index 6bf37ee19e9..401b917203b 100644 --- a/addons/knobs/package.json +++ b/addons/knobs/package.json @@ -1,6 +1,6 @@ { "name": "@storybook/addon-knobs", - "version": "5.1.0-alpha.3", + "version": "5.1.0-alpha.4", "description": "Storybook Addon Prop Editor Component", "keywords": [ "addon", @@ -22,10 +22,10 @@ "prepare": "node ../../scripts/prepare.js" }, "dependencies": { - "@storybook/addons": "5.1.0-alpha.3", - "@storybook/components": "5.1.0-alpha.3", - "@storybook/core-events": "5.1.0-alpha.3", - "@storybook/theming": "5.1.0-alpha.3", + "@storybook/addons": "5.1.0-alpha.4", + "@storybook/components": "5.1.0-alpha.4", + "@storybook/core-events": "5.1.0-alpha.4", + "@storybook/theming": "5.1.0-alpha.4", "copy-to-clipboard": "^3.0.8", "core-js": "^2.6.5", "escape-html": "^1.0.3", diff --git a/addons/links/package.json b/addons/links/package.json index 240d9aef4f4..169e363efa4 100644 --- a/addons/links/package.json +++ b/addons/links/package.json @@ -1,6 +1,6 @@ { "name": "@storybook/addon-links", - "version": "5.1.0-alpha.3", + "version": "5.1.0-alpha.4", "description": "Story Links addon for storybook", "keywords": [ "addon", @@ -22,8 +22,8 @@ "prepare": "node ../../scripts/prepare.js" }, "dependencies": { - "@storybook/addons": "5.1.0-alpha.3", - "@storybook/core-events": "5.1.0-alpha.3", + "@storybook/addons": "5.1.0-alpha.4", + "@storybook/core-events": "5.1.0-alpha.4", "common-tags": "^1.8.0", "core-js": "^2.6.5", "global": "^4.3.2", diff --git a/addons/notes/package.json b/addons/notes/package.json index e33c7543544..c1eadf0419d 100644 --- a/addons/notes/package.json +++ b/addons/notes/package.json @@ -1,6 +1,6 @@ { "name": "@storybook/addon-notes", - "version": "5.1.0-alpha.3", + "version": "5.1.0-alpha.4", "description": "Write notes for your Storybook stories.", "keywords": [ "addon", @@ -23,11 +23,11 @@ "prepare": "node ../../scripts/prepare.js" }, "dependencies": { - "@storybook/addons": "5.1.0-alpha.3", - "@storybook/client-logger": "5.1.0-alpha.3", - "@storybook/components": "5.1.0-alpha.3", - "@storybook/core-events": "5.1.0-alpha.3", - "@storybook/theming": "5.1.0-alpha.3", + "@storybook/addons": "5.1.0-alpha.4", + "@storybook/client-logger": "5.1.0-alpha.4", + "@storybook/components": "5.1.0-alpha.4", + "@storybook/core-events": "5.1.0-alpha.4", + "@storybook/theming": "5.1.0-alpha.4", "core-js": "^2.6.5", "markdown-to-jsx": "^6.9.1", "prop-types": "^15.7.2", diff --git a/addons/ondevice-backgrounds/package.json b/addons/ondevice-backgrounds/package.json index e7177d6f971..1bb1a3b630b 100644 --- a/addons/ondevice-backgrounds/package.json +++ b/addons/ondevice-backgrounds/package.json @@ -1,7 +1,7 @@ { "name": "@storybook/addon-ondevice-backgrounds", "private": true, - "version": "5.1.0-alpha.3", + "version": "5.1.0-alpha.4", "description": "A storybook addon to show different backgrounds for your preview", "keywords": [ "addon", @@ -25,7 +25,7 @@ "prepare": "node ../../scripts/prepare.js" }, "dependencies": { - "@storybook/addons": "5.1.0-alpha.3", + "@storybook/addons": "5.1.0-alpha.4", "core-js": "^2.6.5", "prop-types": "^15.7.2" }, diff --git a/addons/ondevice-knobs/package.json b/addons/ondevice-knobs/package.json index 5bbf34554d1..4bb1b3da587 100644 --- a/addons/ondevice-knobs/package.json +++ b/addons/ondevice-knobs/package.json @@ -1,7 +1,7 @@ { "name": "@storybook/addon-ondevice-knobs", "private": true, - "version": "5.1.0-alpha.3", + "version": "5.1.0-alpha.4", "description": "Display storybook story knobs on your deviced.", "keywords": [ "addon", @@ -22,7 +22,7 @@ "prepare": "node ../../scripts/prepare.js" }, "dependencies": { - "@storybook/addons": "5.1.0-alpha.3", + "@storybook/addons": "5.1.0-alpha.4", "core-js": "^2.6.5", "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 bef8de82039..36e40c3c0ec 100644 --- a/addons/ondevice-notes/package.json +++ b/addons/ondevice-notes/package.json @@ -1,7 +1,7 @@ { "name": "@storybook/addon-ondevice-notes", "private": true, - "version": "5.1.0-alpha.3", + "version": "5.1.0-alpha.4", "description": "Write notes for your Storybook stories.", "keywords": [ "addon", @@ -20,7 +20,7 @@ "prepare": "node ../../scripts/prepare.js" }, "dependencies": { - "@storybook/addons": "5.1.0-alpha.3", + "@storybook/addons": "5.1.0-alpha.4", "core-js": "^2.6.5", "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 9fa878013c9..301585a7392 100644 --- a/addons/options/package.json +++ b/addons/options/package.json @@ -1,6 +1,6 @@ { "name": "@storybook/addon-options", - "version": "5.1.0-alpha.3", + "version": "5.1.0-alpha.4", "description": "Options addon for storybook", "keywords": [ "addon", @@ -21,7 +21,7 @@ "prepare": "node ../../scripts/prepare.js" }, "dependencies": { - "@storybook/addons": "5.1.0-alpha.3", + "@storybook/addons": "5.1.0-alpha.4", "core-js": "^2.6.5", "util-deprecate": "^1.0.2" }, diff --git a/addons/storyshots/storyshots-core/package.json b/addons/storyshots/storyshots-core/package.json index 1f2a21aee18..93a13015f7c 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.1.0-alpha.3", + "version": "5.1.0-alpha.4", "description": "StoryShots is a Jest Snapshot Testing Addon for Storybook.", "keywords": [ "addon", @@ -25,7 +25,7 @@ "storybook": "start-storybook -p 6006" }, "dependencies": { - "@storybook/addons": "5.1.0-alpha.3", + "@storybook/addons": "5.1.0-alpha.4", "core-js": "^2.6.5", "glob": "^7.1.3", "global": "^4.3.2", diff --git a/addons/storyshots/storyshots-core/stories/__snapshots__/storyshot.enzyme.test.js.snap b/addons/storyshots/storyshots-core/stories/__snapshots__/storyshot.enzyme.test.js.snap index 47f926ed977..cae5deca185 100644 --- a/addons/storyshots/storyshots-core/stories/__snapshots__/storyshot.enzyme.test.js.snap +++ b/addons/storyshots/storyshots-core/stories/__snapshots__/storyshot.enzyme.test.js.snap @@ -120,10 +120,10 @@ exports[`Storyshots Welcome to Storybook 1`] = `
diff --git a/addons/storyshots/storyshots-core/stories/__snapshots__/storyshot.snapshotWithOptionsFunction.test.js.snap b/addons/storyshots/storyshots-core/stories/__snapshots__/storyshot.snapshotWithOptionsFunction.test.js.snap index 4fdce3e5718..dd98d76c66d 100644 --- a/addons/storyshots/storyshots-core/stories/__snapshots__/storyshot.snapshotWithOptionsFunction.test.js.snap +++ b/addons/storyshots/storyshots-core/stories/__snapshots__/storyshot.snapshotWithOptionsFunction.test.js.snap @@ -100,10 +100,10 @@ exports[`Storyshots Welcome to Storybook 1`] = `
diff --git a/addons/storyshots/storyshots-core/stories/required_with_context/__snapshots__/Welcome.stories.foo b/addons/storyshots/storyshots-core/stories/required_with_context/__snapshots__/Welcome.stories.foo index de427853143..1fda01fe66a 100644 --- a/addons/storyshots/storyshots-core/stories/required_with_context/__snapshots__/Welcome.stories.foo +++ b/addons/storyshots/storyshots-core/stories/required_with_context/__snapshots__/Welcome.stories.foo @@ -4,10 +4,10 @@ exports[`Storyshots Welcome to Storybook 1`] = `
diff --git a/addons/storyshots/storyshots-core/stories/required_with_context/__snapshots__/Welcome.stories.storyshot b/addons/storyshots/storyshots-core/stories/required_with_context/__snapshots__/Welcome.stories.storyshot index de427853143..1fda01fe66a 100644 --- a/addons/storyshots/storyshots-core/stories/required_with_context/__snapshots__/Welcome.stories.storyshot +++ b/addons/storyshots/storyshots-core/stories/required_with_context/__snapshots__/Welcome.stories.storyshot @@ -4,10 +4,10 @@ exports[`Storyshots Welcome to Storybook 1`] = `
diff --git a/addons/storyshots/storyshots-puppeteer/package.json b/addons/storyshots/storyshots-puppeteer/package.json index 5300a8de12d..d5ddc26e5a1 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.1.0-alpha.3", + "version": "5.1.0-alpha.4", "description": "Image snappshots addition to StoryShots base on puppeteer", "keywords": [ "addon", @@ -22,8 +22,8 @@ "prepare": "node ../../../scripts/prepare.js" }, "dependencies": { - "@storybook/node-logger": "5.1.0-alpha.3", - "@storybook/router": "5.1.0-alpha.3", + "@storybook/node-logger": "5.1.0-alpha.4", + "@storybook/router": "5.1.0-alpha.4", "core-js": "^2.6.5", "jest-image-snapshot": "^2.8.1", "puppeteer": "^1.12.2", diff --git a/addons/storysource/README.md b/addons/storysource/README.md index 7c12c548d36..808b04771c7 100644 --- a/addons/storysource/README.md +++ b/addons/storysource/README.md @@ -72,7 +72,7 @@ The prettier configuration that will be used to format the story source in the a Defaults: ```js { - printWidth: 120, + printWidth: 100, tabWidth: 2, bracketSpacing: true, trailingComma: 'es5', @@ -91,7 +91,7 @@ module.exports = function (baseConfig, env, defaultConfig) { loader: require.resolve('@storybook/addon-storysource/loader'), options: { prettierConfig: { - printWidth: 80, + printWidth: 100, singleQuote: false, } } diff --git a/addons/storysource/package.json b/addons/storysource/package.json index 40cb1ac5ea9..855411a14de 100644 --- a/addons/storysource/package.json +++ b/addons/storysource/package.json @@ -1,6 +1,6 @@ { "name": "@storybook/addon-storysource", - "version": "5.1.0-alpha.3", + "version": "5.1.0-alpha.4", "description": "Stories addon for storybook", "keywords": [ "addon", @@ -22,10 +22,10 @@ "prepare": "node ../../scripts/prepare.js" }, "dependencies": { - "@storybook/addons": "5.1.0-alpha.3", - "@storybook/components": "5.1.0-alpha.3", - "@storybook/router": "5.1.0-alpha.3", - "@storybook/theming": "5.1.0-alpha.3", + "@storybook/addons": "5.1.0-alpha.4", + "@storybook/components": "5.1.0-alpha.4", + "@storybook/router": "5.1.0-alpha.4", + "@storybook/theming": "5.1.0-alpha.4", "core-js": "^2.6.5", "estraverse": "^4.2.0", "loader-utils": "^1.2.3", diff --git a/addons/storysource/src/loader/default-options.js b/addons/storysource/src/loader/default-options.js index 97a58bd808d..65ca9c768a2 100644 --- a/addons/storysource/src/loader/default-options.js +++ b/addons/storysource/src/loader/default-options.js @@ -1,6 +1,6 @@ const defaultOptions = { prettierConfig: { - printWidth: 120, + printWidth: 100, tabWidth: 2, bracketSpacing: true, trailingComma: 'es5', diff --git a/addons/viewport/package.json b/addons/viewport/package.json index 30399c66c02..75aa3d8b061 100644 --- a/addons/viewport/package.json +++ b/addons/viewport/package.json @@ -1,6 +1,6 @@ { "name": "@storybook/addon-viewport", - "version": "5.1.0-alpha.3", + "version": "5.1.0-alpha.4", "description": "Storybook addon to change the viewport size to mobile", "keywords": [ "addon", @@ -21,11 +21,11 @@ "prepare": "node ../../scripts/prepare.js" }, "dependencies": { - "@storybook/addons": "5.1.0-alpha.3", - "@storybook/client-logger": "5.1.0-alpha.3", - "@storybook/components": "5.1.0-alpha.3", - "@storybook/core-events": "5.1.0-alpha.3", - "@storybook/theming": "5.1.0-alpha.3", + "@storybook/addons": "5.1.0-alpha.4", + "@storybook/client-logger": "5.1.0-alpha.4", + "@storybook/components": "5.1.0-alpha.4", + "@storybook/core-events": "5.1.0-alpha.4", + "@storybook/theming": "5.1.0-alpha.4", "core-js": "^2.6.5", "global": "^4.3.2", "memoizerific": "^1.11.3", diff --git a/addons/viewport/src/Tool.js b/addons/viewport/src/Tool.js index d7587a8448b..3ae4e0e2613 100644 --- a/addons/viewport/src/Tool.js +++ b/addons/viewport/src/Tool.js @@ -135,6 +135,7 @@ export default class ViewportTool extends Component { border: '1px solid #888', borderRadius: 4, boxShadow: '0 4px 8px 0 rgba(0,0,0,0.12), 0 2px 4px 0 rgba(0,0,0,0.08);', + boxSizing: 'content-box', ...(isRotated ? flip(item.value || {}) : item.value || {}), }, diff --git a/app/angular/package.json b/app/angular/package.json index 229f3581698..4bc6066bc52 100644 --- a/app/angular/package.json +++ b/app/angular/package.json @@ -1,6 +1,6 @@ { "name": "@storybook/angular", - "version": "5.1.0-alpha.3", + "version": "5.1.0-alpha.4", "description": "Storybook for Angular: Develop Angular Components in isolation with Hot Reloading.", "keywords": [ "storybook" @@ -26,8 +26,8 @@ "prepare": "node ../../scripts/prepare.js" }, "dependencies": { - "@storybook/core": "5.1.0-alpha.3", - "@storybook/node-logger": "5.1.0-alpha.3", + "@storybook/core": "5.1.0-alpha.4", + "@storybook/node-logger": "5.1.0-alpha.4", "angular2-template-loader": "^0.6.2", "core-js": "^2.6.5", "fork-ts-checker-webpack-plugin": "^0.5.2", diff --git a/app/angular/src/demo/welcome.component.ts b/app/angular/src/demo/welcome.component.ts index c8348edbcec..3697700f54b 100644 --- a/app/angular/src/demo/welcome.component.ts +++ b/app/angular/src/demo/welcome.component.ts @@ -46,10 +46,10 @@ import { Component, Output, EventEmitter } from '@angular/core'; styles: [ ` main { - margin: 15px; - max-width: 600; + padding: 15px; line-height: 1.4; fontfamily: 'Helvetica Neue', Helvetica, 'Segoe UI', Arial, freesans, sans-serif; + background-color: #ffffff; } .note { diff --git a/app/ember/package.json b/app/ember/package.json index 9ffc0c8feb4..763e11c6e15 100644 --- a/app/ember/package.json +++ b/app/ember/package.json @@ -1,6 +1,6 @@ { "name": "@storybook/ember", - "version": "5.1.0-alpha.3", + "version": "5.1.0-alpha.4", "description": "Storybook for Ember: Develop Ember Component in isolation with Hot Reloading.", "homepage": "https://github.com/storybooks/storybook/tree/master/app/ember", "bugs": { @@ -24,7 +24,7 @@ }, "dependencies": { "@ember/test-helpers": "^1.5.0", - "@storybook/core": "5.1.0-alpha.3", + "@storybook/core": "5.1.0-alpha.4", "common-tags": "^1.8.0", "core-js": "^2.6.5", "global": "^4.3.2", diff --git a/app/html/package.json b/app/html/package.json index 9bcdcb1760f..a57d978637d 100644 --- a/app/html/package.json +++ b/app/html/package.json @@ -1,6 +1,6 @@ { "name": "@storybook/html", - "version": "5.1.0-alpha.3", + "version": "5.1.0-alpha.4", "description": "Storybook for HTML: View HTML snippets in isolation with Hot Reloading.", "keywords": [ "storybook" @@ -25,7 +25,7 @@ "prepare": "node ../../scripts/prepare.js" }, "dependencies": { - "@storybook/core": "5.1.0-alpha.3", + "@storybook/core": "5.1.0-alpha.4", "common-tags": "^1.8.0", "core-js": "^2.6.5", "global": "^4.3.2", diff --git a/app/marko/package.json b/app/marko/package.json index 89567b4624d..c344b77e00d 100644 --- a/app/marko/package.json +++ b/app/marko/package.json @@ -1,6 +1,6 @@ { "name": "@storybook/marko", - "version": "5.1.0-alpha.3", + "version": "5.1.0-alpha.4", "description": "Storybook for Marko: Develop Marko Component in isolation with Hot Reloading.", "keywords": [ "storybook" @@ -26,7 +26,7 @@ "prepare": "node ../../scripts/prepare.js" }, "dependencies": { - "@storybook/core": "5.1.0-alpha.3", + "@storybook/core": "5.1.0-alpha.4", "common-tags": "^1.8.0", "core-js": "^2.6.5", "global": "^4.3.2", diff --git a/app/mithril/package.json b/app/mithril/package.json index 42a11f8bfc6..9e5e4c104de 100644 --- a/app/mithril/package.json +++ b/app/mithril/package.json @@ -1,6 +1,6 @@ { "name": "@storybook/mithril", - "version": "5.1.0-alpha.3", + "version": "5.1.0-alpha.4", "description": "Storybook for Mithril: Develop Mithril Component in isolation.", "keywords": [ "storybook" @@ -27,7 +27,7 @@ }, "dependencies": { "@babel/plugin-transform-react-jsx": "^7.3.0", - "@storybook/core": "5.1.0-alpha.3", + "@storybook/core": "5.1.0-alpha.4", "common-tags": "^1.8.0", "core-js": "^2.6.5", "global": "^4.3.2", diff --git a/app/polymer/package.json b/app/polymer/package.json index 13e021d27d5..25bc9e0019b 100644 --- a/app/polymer/package.json +++ b/app/polymer/package.json @@ -1,6 +1,6 @@ { "name": "@storybook/polymer", - "version": "5.1.0-alpha.3", + "version": "5.1.0-alpha.4", "description": "Storybook for Polymer: Develop Polymer components in isolation with Hot Reloading.", "keywords": [ "storybook" @@ -25,7 +25,7 @@ "prepare": "node ../../scripts/prepare.js" }, "dependencies": { - "@storybook/core": "5.1.0-alpha.3", + "@storybook/core": "5.1.0-alpha.4", "@webcomponents/webcomponentsjs": "^1.2.0", "common-tags": "^1.8.0", "core-js": "^2.6.5", diff --git a/app/polymer/src/client/preview/render.js b/app/polymer/src/client/preview/render.js index c290eb4dc37..596357058e5 100644 --- a/app/polymer/src/client/preview/render.js +++ b/app/polymer/src/client/preview/render.js @@ -1,6 +1,6 @@ import { document } from 'global'; import { stripIndents } from 'common-tags'; -import { html, render, TemplateResult } from 'lit-html'; +import { render, TemplateResult } from 'lit-html'; const rootElement = document.getElementById('root'); @@ -32,10 +32,12 @@ export default function renderMain({ // `render` stores the TemplateInstance in the Node and tries to update based on that. // Since we reuse `rootElement` for all stories, remove the stored instance first. // But forceRender means that it's the same story, so we want too keep the state in that case. - if (!forceRender) { - render(html``, rootElement); + if (!forceRender || !rootElement.querySelector('[id="root-inner"]')) { + rootElement.innerHTML = '
'; } - render(element, rootElement); + const renderTo = rootElement.querySelector('[id="root-inner"]'); + + render(element, renderTo); } else { rootElement.innerHTML = ''; rootElement.appendChild(element); diff --git a/app/preact/package.json b/app/preact/package.json index 64a31cdb4bf..8b7c9814e90 100644 --- a/app/preact/package.json +++ b/app/preact/package.json @@ -1,6 +1,6 @@ { "name": "@storybook/preact", - "version": "5.1.0-alpha.3", + "version": "5.1.0-alpha.4", "description": "Storybook for Preact: Develop Preact Component in isolation.", "keywords": [ "storybook" @@ -27,7 +27,7 @@ }, "dependencies": { "@babel/plugin-transform-react-jsx": "^7.3.0", - "@storybook/core": "5.1.0-alpha.3", + "@storybook/core": "5.1.0-alpha.4", "common-tags": "^1.8.0", "core-js": "^2.6.5", "global": "^4.3.2", diff --git a/app/react-native/package.json b/app/react-native/package.json index 664a7415d9b..c06dc6f9ebc 100644 --- a/app/react-native/package.json +++ b/app/react-native/package.json @@ -1,7 +1,7 @@ { "name": "@storybook/react-native", "private": true, - "version": "5.1.0-alpha.3", + "version": "5.1.0-alpha.4", "description": "A better way to develop React Native Components for your app", "keywords": [ "react", @@ -27,12 +27,12 @@ "prepare": "node ../../scripts/prepare.js" }, "dependencies": { - "@storybook/addons": "5.1.0-alpha.3", - "@storybook/channel-websocket": "5.1.0-alpha.3", - "@storybook/channels": "5.1.0-alpha.3", - "@storybook/core": "5.1.0-alpha.3", - "@storybook/core-events": "5.1.0-alpha.3", - "@storybook/ui": "5.1.0-alpha.3", + "@storybook/addons": "5.1.0-alpha.4", + "@storybook/channel-websocket": "5.1.0-alpha.4", + "@storybook/channels": "5.1.0-alpha.4", + "@storybook/core": "5.1.0-alpha.4", + "@storybook/core-events": "5.1.0-alpha.4", + "@storybook/ui": "5.1.0-alpha.4", "babel-loader": "^8.0.4", "babel-plugin-macros": "^2.4.5", "babel-plugin-syntax-async-functions": "^6.13.0", @@ -58,7 +58,7 @@ "lazy-universal-dotenv": "^2.0.0", "prop-types": "^15.7.2", "raw-loader": "^1.0.0", - "react-dev-utils": "^7.0.3", + "react-dev-utils": "^8.0.0", "react-native-swipe-gestures": "^1.0.2", "shelljs": "^0.8.3", "url-parse": "^1.4.4", diff --git a/app/react/package.json b/app/react/package.json index 78175810dc9..64142cec87f 100644 --- a/app/react/package.json +++ b/app/react/package.json @@ -1,6 +1,6 @@ { "name": "@storybook/react", - "version": "5.1.0-alpha.3", + "version": "5.1.0-alpha.4", "description": "Storybook for React: Develop React Component in isolation with Hot Reloading.", "keywords": [ "storybook" @@ -29,8 +29,8 @@ "@babel/plugin-transform-react-constant-elements": "^7.2.0", "@babel/preset-flow": "^7.0.0", "@babel/preset-react": "^7.0.0", - "@storybook/core": "5.1.0-alpha.3", - "@storybook/node-logger": "5.1.0-alpha.3", + "@storybook/core": "5.1.0-alpha.4", + "@storybook/node-logger": "5.1.0-alpha.4", "@svgr/webpack": "^4.0.3", "babel-plugin-named-asset-import": "^0.3.1", "babel-plugin-react-docgen": "^2.0.2", @@ -41,7 +41,7 @@ "lodash": "^4.17.11", "mini-css-extract-plugin": "^0.5.0", "prop-types": "^15.7.2", - "react-dev-utils": "^7.0.3", + "react-dev-utils": "^8.0.0", "regenerator-runtime": "^0.12.1", "semver": "^5.6.0", "webpack": "^4.29.6" diff --git a/app/react/src/demo/Welcome.js b/app/react/src/demo/Welcome.js index 687796bc5df..0c5a4cafaf5 100644 --- a/app/react/src/demo/Welcome.js +++ b/app/react/src/demo/Welcome.js @@ -5,10 +5,10 @@ const Main = props => (
); diff --git a/app/riot/package.json b/app/riot/package.json index 442a5b8180d..17455196ca0 100644 --- a/app/riot/package.json +++ b/app/riot/package.json @@ -1,6 +1,6 @@ { "name": "@storybook/riot", - "version": "5.1.0-alpha.3", + "version": "5.1.0-alpha.4", "description": "Storybook for riot.js: View riot snippets in isolation with Hot Reloading.", "keywords": [ "storybook" @@ -25,7 +25,7 @@ "prepare": "node ../../scripts/prepare.js" }, "dependencies": { - "@storybook/core": "5.1.0-alpha.3", + "@storybook/core": "5.1.0-alpha.4", "common-tags": "^1.8.0", "core-js": "^2.6.5", "global": "^4.3.2", diff --git a/app/svelte/package.json b/app/svelte/package.json index eb730a92d0d..17497ca7a01 100644 --- a/app/svelte/package.json +++ b/app/svelte/package.json @@ -1,6 +1,6 @@ { "name": "@storybook/svelte", - "version": "5.1.0-alpha.3", + "version": "5.1.0-alpha.4", "description": "Storybook for Svelte: Develop Svelte Component in isolation with Hot Reloading.", "keywords": [ "storybook" @@ -26,7 +26,7 @@ "prepare": "node ../../scripts/prepare.js" }, "dependencies": { - "@storybook/core": "5.1.0-alpha.3", + "@storybook/core": "5.1.0-alpha.4", "common-tags": "^1.8.0", "core-js": "^2.6.5", "global": "^4.3.2", diff --git a/app/vue/package.json b/app/vue/package.json index bd9a0530368..6b92d88861b 100644 --- a/app/vue/package.json +++ b/app/vue/package.json @@ -1,6 +1,6 @@ { "name": "@storybook/vue", - "version": "5.1.0-alpha.3", + "version": "5.1.0-alpha.4", "description": "Storybook for Vue: Develop Vue Component in isolation with Hot Reloading.", "keywords": [ "storybook" @@ -26,7 +26,7 @@ "prepare": "node ../../scripts/prepare.js" }, "dependencies": { - "@storybook/core": "5.1.0-alpha.3", + "@storybook/core": "5.1.0-alpha.4", "common-tags": "^1.8.0", "core-js": "^2.6.5", "global": "^4.3.2", diff --git a/docs/src/new-components/basics/shared/site.js b/docs/src/new-components/basics/shared/site.js index 3494038da18..9b19a2d4462 100644 --- a/docs/src/new-components/basics/shared/site.js +++ b/docs/src/new-components/basics/shared/site.js @@ -2,6 +2,7 @@ const gitHubOrg = `https://github.com/storybooks`; const homepageUrl = `https://storybook.js.org`; +const docsUrl = `${homepageUrl}/docs`; const npmApiBase = `https://api.npmjs.org/downloads/point/last-month`; export const metadata = { @@ -42,8 +43,8 @@ export const url = { // Navigation home: `${homepageUrl}`, docs: { - home: `${homepageUrl}/basics/introduction/`, - addonInstruction: `${homepageUrl}/addons/writing-addons/`, + home: `${docsUrl}/basics/introduction/`, + addonInstruction: `${docsUrl}/addons/writing-addons/`, }, addons: `${homepageUrl}/addons`, community: `${homepageUrl}/community`, @@ -66,15 +67,15 @@ export const url = { // Framework docs framework: { - react: `${homepageUrl}/basics/guide-react/`, - reactNative: `${homepageUrl}/basics/guide-react-native/`, - vue: `${homepageUrl}/basics/guide-vue/`, - angular: `${homepageUrl}/basics/guide-angular/`, - ember: `${homepageUrl}/basics/guide-ember/`, - html: `${homepageUrl}/basics/guide-html/`, - svelte: `${homepageUrl}/basics/guide-svelte/`, - mithril: `${homepageUrl}/basics/guide-mithril/`, - riot: `${homepageUrl}/basics/guide-riot/`, + react: `${docsUrl}/guides/guide-react/`, + reactNative: `${docsUrl}/guides/guide-react-native/`, + vue: `${docsUrl}/guides/guide-vue/`, + angular: `${docsUrl}/guides/guide-angular/`, + ember: `${docsUrl}/guides/guide-ember/`, + html: `${docsUrl}/guides/guide-html/`, + svelte: `${docsUrl}/guides/guide-svelte/`, + mithril: `${docsUrl}/guides/guide-mithril/`, + riot: `${docsUrl}/guides/guide-riot/`, }, // Official addons diff --git a/docs/src/pages/configurations/theming/index.md b/docs/src/pages/configurations/theming/index.md index 4fc8d9c9c18..7acf291deba 100644 --- a/docs/src/pages/configurations/theming/index.md +++ b/docs/src/pages/configurations/theming/index.md @@ -106,7 +106,7 @@ addParameters({ }); ``` -Many them variables are optional, the `base` property is NOT. This is a perfectly valid theme: +Many theme variables are optional, the `base` property is NOT. This is a perfectly valid theme: ```ts import { create } from '@storybook/theming'; diff --git a/docs/src/versions/next.json b/docs/src/versions/next.json index 13f7aa6a476..e0acab9ec1d 100644 --- a/docs/src/versions/next.json +++ b/docs/src/versions/next.json @@ -1 +1 @@ -{"version":"5.1.0-alpha.3","info":{"plain":"### Features\n\n* Addon-a11y: add 'incomplete' tab ([#5984](https://github.com/storybooks/storybook/pull/5984))\n\n### Bug Fixes\n\n* Core: fix `selectStory` with one parameter ([#5983](https://github.com/storybooks/storybook/pull/5983))\n* Core: remove custom presets warning ([#5911](https://github.com/storybooks/storybook/pull/5911))\n\n### Maintenance\n\n* Addon-viewport: Change styling to more closely match v4 ([#5979](https://github.com/storybooks/storybook/pull/5979))\n\n### Dependency Upgrades\n\n* Bump babel-preset-react-app from 7.0.1 to 7.0.2 ([#5937](https://github.com/storybooks/storybook/pull/5937))\n* Bump ts-node from 8.0.2 to 8.0.3 ([#5938](https://github.com/storybooks/storybook/pull/5938))\n* Bump react from 16.8.3 to 16.8.4 ([#5902](https://github.com/storybooks/storybook/pull/5902))\n* Bump marko from 4.15.3 to 4.15.4 ([#5939](https://github.com/storybooks/storybook/pull/5939))"}} \ No newline at end of file +{"version":"5.1.0-alpha.4","info":{"plain":"### Bug Fixes\n\n* CLI: Fix welcome component in dark theme ([#5998](https://github.com/storybooks/storybook/pull/5998))\n* Polymer: Fix re-rendering lit-html elements after non-lit-html element ([#5868](https://github.com/storybooks/storybook/pull/5868))\n* Addon-a11y: Fix respect 'element' arg in config ([#5996](https://github.com/storybooks/storybook/pull/5996))\n* Addon-a11y: Fix design icons ([#5991](https://github.com/storybooks/storybook/pull/5991))\n* Addon-viewport: Fix viewport iframe dimensions ([#5993](https://github.com/storybooks/storybook/pull/5993))\n\n### Maintenance\n\n* ADD parameters to compile-js to no longer copy .ts files into dist ([#5844](https://github.com/storybooks/storybook/pull/5844))\n\n### Dependency Upgrades\n\n* build(deps): bump react-is from 16.8.3 to 16.8.4 ([#6010](https://github.com/storybooks/storybook/pull/6010))\n* build(deps): bump react-dev-utils from 7.0.3 to 8.0.0 ([#6011](https://github.com/storybooks/storybook/pull/6011))"}} \ No newline at end of file diff --git a/examples/angular-cli/package.json b/examples/angular-cli/package.json index 2beaa02b393..4a9105d85f4 100644 --- a/examples/angular-cli/package.json +++ b/examples/angular-cli/package.json @@ -1,6 +1,6 @@ { "name": "angular-cli", - "version": "5.1.0-alpha.3", + "version": "5.1.0-alpha.4", "private": true, "license": "MIT", "scripts": { @@ -34,21 +34,21 @@ "@angular-devkit/build-angular": "^0.13.4", "@angular/cli": "^7.3.3", "@angular/compiler-cli": "^7.2.6", - "@storybook/addon-actions": "5.1.0-alpha.3", - "@storybook/addon-backgrounds": "5.1.0-alpha.3", - "@storybook/addon-centered": "5.1.0-alpha.3", - "@storybook/addon-jest": "5.1.0-alpha.3", - "@storybook/addon-knobs": "5.1.0-alpha.3", - "@storybook/addon-links": "5.1.0-alpha.3", - "@storybook/addon-notes": "5.1.0-alpha.3", - "@storybook/addon-options": "5.1.0-alpha.3", - "@storybook/addon-storyshots": "5.1.0-alpha.3", - "@storybook/addon-storysource": "5.1.0-alpha.3", - "@storybook/addons": "5.1.0-alpha.3", - "@storybook/angular": "5.1.0-alpha.3", + "@storybook/addon-actions": "5.1.0-alpha.4", + "@storybook/addon-backgrounds": "5.1.0-alpha.4", + "@storybook/addon-centered": "5.1.0-alpha.4", + "@storybook/addon-jest": "5.1.0-alpha.4", + "@storybook/addon-knobs": "5.1.0-alpha.4", + "@storybook/addon-links": "5.1.0-alpha.4", + "@storybook/addon-notes": "5.1.0-alpha.4", + "@storybook/addon-options": "5.1.0-alpha.4", + "@storybook/addon-storyshots": "5.1.0-alpha.4", + "@storybook/addon-storysource": "5.1.0-alpha.4", + "@storybook/addons": "5.1.0-alpha.4", + "@storybook/angular": "5.1.0-alpha.4", "@types/core-js": "^2.5.0", - "@types/jest": "^24.0.6", - "@types/node": "~11.9.5", + "@types/jest": "^24.0.11", + "@types/node": "~11.11.0", "@types/webpack-env": "^1.13.7", "global": "^4.3.2", "jasmine-core": "~3.3.0", diff --git a/examples/cra-kitchen-sink/package.json b/examples/cra-kitchen-sink/package.json index 8098b54ff1a..a55e12e140c 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.1.0-alpha.3", + "version": "5.1.0-alpha.4", "private": true, "scripts": { "now-build": "node ../../scripts/bootstrap --core && yarn run build-storybook --quiet", @@ -19,21 +19,21 @@ "react-lifecycles-compat": "^3.0.4" }, "devDependencies": { - "@storybook/addon-a11y": "5.1.0-alpha.3", - "@storybook/addon-actions": "5.1.0-alpha.3", - "@storybook/addon-backgrounds": "5.1.0-alpha.3", - "@storybook/addon-centered": "5.1.0-alpha.3", - "@storybook/addon-events": "5.1.0-alpha.3", - "@storybook/addon-info": "5.1.0-alpha.3", - "@storybook/addon-jest": "5.1.0-alpha.3", - "@storybook/addon-knobs": "5.1.0-alpha.3", - "@storybook/addon-links": "5.1.0-alpha.3", - "@storybook/addon-notes": "5.1.0-alpha.3", - "@storybook/addon-options": "5.1.0-alpha.3", - "@storybook/addon-storyshots": "5.1.0-alpha.3", - "@storybook/addons": "5.1.0-alpha.3", - "@storybook/client-logger": "5.1.0-alpha.3", - "@storybook/react": "5.1.0-alpha.3", + "@storybook/addon-a11y": "5.1.0-alpha.4", + "@storybook/addon-actions": "5.1.0-alpha.4", + "@storybook/addon-backgrounds": "5.1.0-alpha.4", + "@storybook/addon-centered": "5.1.0-alpha.4", + "@storybook/addon-events": "5.1.0-alpha.4", + "@storybook/addon-info": "5.1.0-alpha.4", + "@storybook/addon-jest": "5.1.0-alpha.4", + "@storybook/addon-knobs": "5.1.0-alpha.4", + "@storybook/addon-links": "5.1.0-alpha.4", + "@storybook/addon-notes": "5.1.0-alpha.4", + "@storybook/addon-options": "5.1.0-alpha.4", + "@storybook/addon-storyshots": "5.1.0-alpha.4", + "@storybook/addons": "5.1.0-alpha.4", + "@storybook/client-logger": "5.1.0-alpha.4", + "@storybook/react": "5.1.0-alpha.4", "enzyme": "^3.9.0", "enzyme-adapter-react-16": "^1.9.1", "enzyme-to-json": "^3.3.5", diff --git a/examples/cra-kitchen-sink/src/stories/__snapshots__/App.stories.storyshot b/examples/cra-kitchen-sink/src/stories/__snapshots__/App.stories.storyshot deleted file mode 100644 index e80329a49dc..00000000000 --- a/examples/cra-kitchen-sink/src/stories/__snapshots__/App.stories.storyshot +++ /dev/null @@ -1,29 +0,0 @@ -// Jest Snapshot v1, https://goo.gl/fbAQLP - -exports[`Storyshots App full app 1`] = ` -
-
- -

- Welcome to React -

-
-

- To get started, edit - - src/App.js - - and save to reload. -

-
-`; diff --git a/examples/cra-kitchen-sink/src/stories/__snapshots__/cra-svgr.stories.storyshot b/examples/cra-kitchen-sink/src/stories/__snapshots__/cra-svgr.stories.storyshot deleted file mode 100644 index f1d5514684a..00000000000 --- a/examples/cra-kitchen-sink/src/stories/__snapshots__/cra-svgr.stories.storyshot +++ /dev/null @@ -1,7 +0,0 @@ -// Jest Snapshot v1, https://goo.gl/fbAQLP - -exports[`Storyshots CRA Svgr 1`] = ` - - logo.svg - -`; diff --git a/examples/cra-kitchen-sink/src/stories/__snapshots__/welcome.storyshot b/examples/cra-kitchen-sink/src/stories/__snapshots__/welcome.storyshot index 2f536812779..2408d8cf68a 100644 --- a/examples/cra-kitchen-sink/src/stories/__snapshots__/welcome.storyshot +++ b/examples/cra-kitchen-sink/src/stories/__snapshots__/welcome.storyshot @@ -2,7 +2,7 @@ exports[`Storyshots Welcome to Storybook 1`] = `

Welcome to storybook diff --git a/examples/cra-ts-kitchen-sink/package.json b/examples/cra-ts-kitchen-sink/package.json index de5e8377335..e0ce9e85c48 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.1.0-alpha.3", + "version": "5.1.0-alpha.4", "private": true, "scripts": { "now-build": "node ../../scripts/bootstrap --core && yarn run build-storybook --quiet", @@ -20,11 +20,11 @@ "react-dom": "^16.8.3" }, "devDependencies": { - "@storybook/addon-actions": "5.1.0-alpha.3", - "@storybook/addon-info": "5.1.0-alpha.3", - "@storybook/addon-options": "5.1.0-alpha.3", - "@storybook/addons": "5.1.0-alpha.3", - "@storybook/react": "5.1.0-alpha.3", + "@storybook/addon-actions": "5.1.0-alpha.4", + "@storybook/addon-info": "5.1.0-alpha.4", + "@storybook/addon-options": "5.1.0-alpha.4", + "@storybook/addons": "5.1.0-alpha.4", + "@storybook/react": "5.1.0-alpha.4", "@types/enzyme": "^3.9.0", "@types/react": "^16.8.4", "@types/react-dom": "^16.8.2", diff --git a/examples/ember-cli/app/styles/app.css b/examples/ember-cli/app/styles/app.css index 82171a5b4ec..30fa0b480d1 100644 --- a/examples/ember-cli/app/styles/app.css +++ b/examples/ember-cli/app/styles/app.css @@ -30,10 +30,10 @@ a { } .main { - margin: 15px; - max-width: 600; + padding: 15px; line-height: 1.4; font-family: "Helvetica Neue", Helvetica, "Segoe UI", Arial, freesans, sans-serif; + background-color: #ffffff; } .logo { diff --git a/examples/ember-cli/package.json b/examples/ember-cli/package.json index 91532999a4c..d6aed1519b3 100644 --- a/examples/ember-cli/package.json +++ b/examples/ember-cli/package.json @@ -1,6 +1,6 @@ { "name": "ember-example", - "version": "5.1.0-alpha.3", + "version": "5.1.0-alpha.4", "private": true, "scripts": { "now-build": "node ../../scripts/bootstrap --core && yarn run build-storybook --quiet", @@ -15,18 +15,18 @@ }, "devDependencies": { "@babel/core": "^7.3.4", - "@storybook/addon-a11y": "5.1.0-alpha.3", - "@storybook/addon-actions": "5.1.0-alpha.3", - "@storybook/addon-backgrounds": "5.1.0-alpha.3", - "@storybook/addon-centered": "5.1.0-alpha.3", - "@storybook/addon-knobs": "5.1.0-alpha.3", - "@storybook/addon-links": "5.1.0-alpha.3", - "@storybook/addon-notes": "5.1.0-alpha.3", - "@storybook/addon-options": "5.1.0-alpha.3", - "@storybook/addon-storysource": "5.1.0-alpha.3", - "@storybook/addon-viewport": "5.1.0-alpha.3", - "@storybook/addons": "5.1.0-alpha.3", - "@storybook/ember": "5.1.0-alpha.3", + "@storybook/addon-a11y": "5.1.0-alpha.4", + "@storybook/addon-actions": "5.1.0-alpha.4", + "@storybook/addon-backgrounds": "5.1.0-alpha.4", + "@storybook/addon-centered": "5.1.0-alpha.4", + "@storybook/addon-knobs": "5.1.0-alpha.4", + "@storybook/addon-links": "5.1.0-alpha.4", + "@storybook/addon-notes": "5.1.0-alpha.4", + "@storybook/addon-options": "5.1.0-alpha.4", + "@storybook/addon-storysource": "5.1.0-alpha.4", + "@storybook/addon-viewport": "5.1.0-alpha.4", + "@storybook/addons": "5.1.0-alpha.4", + "@storybook/ember": "5.1.0-alpha.4", "babel-loader": "^8", "broccoli-asset-rev": "^3.0.0", "cross-env": "^5.2.0", diff --git a/examples/html-kitchen-sink/package.json b/examples/html-kitchen-sink/package.json index e25f40df4bf..55d12a57038 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.1.0-alpha.3", + "version": "5.1.0-alpha.4", "private": true, "description": "", "keywords": [], @@ -14,23 +14,23 @@ "storybook": "start-storybook -p 9006" }, "devDependencies": { - "@storybook/addon-a11y": "5.1.0-alpha.3", - "@storybook/addon-actions": "5.1.0-alpha.3", - "@storybook/addon-backgrounds": "5.1.0-alpha.3", - "@storybook/addon-centered": "5.1.0-alpha.3", - "@storybook/addon-events": "5.1.0-alpha.3", - "@storybook/addon-jest": "5.1.0-alpha.3", - "@storybook/addon-knobs": "5.1.0-alpha.3", - "@storybook/addon-links": "5.1.0-alpha.3", - "@storybook/addon-notes": "5.1.0-alpha.3", - "@storybook/addon-options": "5.1.0-alpha.3", - "@storybook/addon-storyshots": "5.1.0-alpha.3", - "@storybook/addon-storysource": "5.1.0-alpha.3", - "@storybook/addon-viewport": "5.1.0-alpha.3", - "@storybook/addons": "5.1.0-alpha.3", - "@storybook/core": "5.1.0-alpha.3", - "@storybook/core-events": "5.1.0-alpha.3", - "@storybook/html": "5.1.0-alpha.3", + "@storybook/addon-a11y": "5.1.0-alpha.4", + "@storybook/addon-actions": "5.1.0-alpha.4", + "@storybook/addon-backgrounds": "5.1.0-alpha.4", + "@storybook/addon-centered": "5.1.0-alpha.4", + "@storybook/addon-events": "5.1.0-alpha.4", + "@storybook/addon-jest": "5.1.0-alpha.4", + "@storybook/addon-knobs": "5.1.0-alpha.4", + "@storybook/addon-links": "5.1.0-alpha.4", + "@storybook/addon-notes": "5.1.0-alpha.4", + "@storybook/addon-options": "5.1.0-alpha.4", + "@storybook/addon-storyshots": "5.1.0-alpha.4", + "@storybook/addon-storysource": "5.1.0-alpha.4", + "@storybook/addon-viewport": "5.1.0-alpha.4", + "@storybook/addons": "5.1.0-alpha.4", + "@storybook/core": "5.1.0-alpha.4", + "@storybook/core-events": "5.1.0-alpha.4", + "@storybook/html": "5.1.0-alpha.4", "eventemitter3": "^3.1.0", "format-json": "^1.0.3", "global": "^4.3.2", diff --git a/examples/html-kitchen-sink/stories/welcome.css b/examples/html-kitchen-sink/stories/welcome.css index ea42a498315..10b74ed6f9c 100644 --- a/examples/html-kitchen-sink/stories/welcome.css +++ b/examples/html-kitchen-sink/stories/welcome.css @@ -1,8 +1,8 @@ .main { - margin: 15px; - max-width: 600px; + padding: 15px; line-height: 1.4; font-family: "Helvetica Neue", Helvetica, "Segoe UI", Arial, freesans, sans-serif; + background-color: #ffffff; } .logo { diff --git a/examples/marko-cli/package.json b/examples/marko-cli/package.json index 539c58ab543..b5c03b1f87e 100644 --- a/examples/marko-cli/package.json +++ b/examples/marko-cli/package.json @@ -1,6 +1,6 @@ { "name": "marko-cli", - "version": "5.1.0-alpha.3", + "version": "5.1.0-alpha.4", "private": true, "description": "Demo of how to build an app using marko-starter", "repository": { @@ -24,12 +24,12 @@ "marko-starter": "^2.0.4" }, "devDependencies": { - "@storybook/addon-actions": "5.1.0-alpha.3", - "@storybook/addon-knobs": "5.1.0-alpha.3", - "@storybook/addon-options": "5.1.0-alpha.3", - "@storybook/addon-storysource": "5.1.0-alpha.3", - "@storybook/addons": "5.1.0-alpha.3", - "@storybook/marko": "5.1.0-alpha.3", + "@storybook/addon-actions": "5.1.0-alpha.4", + "@storybook/addon-knobs": "5.1.0-alpha.4", + "@storybook/addon-options": "5.1.0-alpha.4", + "@storybook/addon-storysource": "5.1.0-alpha.4", + "@storybook/addons": "5.1.0-alpha.4", + "@storybook/marko": "5.1.0-alpha.4", "prettier": "^1.16.4", "webpack": "^4.29.6" } diff --git a/examples/mithril-kitchen-sink/package.json b/examples/mithril-kitchen-sink/package.json index 0bc6c2f8c53..b2ee0f869ba 100644 --- a/examples/mithril-kitchen-sink/package.json +++ b/examples/mithril-kitchen-sink/package.json @@ -1,6 +1,6 @@ { "name": "mithril-example", - "version": "5.1.0-alpha.3", + "version": "5.1.0-alpha.4", "private": true, "scripts": { "now-build": "node ../../scripts/bootstrap --core && yarn run build-storybook --quiet", @@ -11,18 +11,18 @@ "mithril": "^1.1.6" }, "devDependencies": { - "@storybook/addon-actions": "5.1.0-alpha.3", - "@storybook/addon-backgrounds": "5.1.0-alpha.3", - "@storybook/addon-centered": "5.1.0-alpha.3", - "@storybook/addon-knobs": "5.1.0-alpha.3", - "@storybook/addon-links": "5.1.0-alpha.3", - "@storybook/addon-notes": "5.1.0-alpha.3", - "@storybook/addon-options": "5.1.0-alpha.3", - "@storybook/addon-storyshots": "5.1.0-alpha.3", - "@storybook/addon-storysource": "5.1.0-alpha.3", - "@storybook/addon-viewport": "5.1.0-alpha.3", - "@storybook/addons": "5.1.0-alpha.3", - "@storybook/mithril": "5.1.0-alpha.3", + "@storybook/addon-actions": "5.1.0-alpha.4", + "@storybook/addon-backgrounds": "5.1.0-alpha.4", + "@storybook/addon-centered": "5.1.0-alpha.4", + "@storybook/addon-knobs": "5.1.0-alpha.4", + "@storybook/addon-links": "5.1.0-alpha.4", + "@storybook/addon-notes": "5.1.0-alpha.4", + "@storybook/addon-options": "5.1.0-alpha.4", + "@storybook/addon-storyshots": "5.1.0-alpha.4", + "@storybook/addon-storysource": "5.1.0-alpha.4", + "@storybook/addon-viewport": "5.1.0-alpha.4", + "@storybook/addons": "5.1.0-alpha.4", + "@storybook/mithril": "5.1.0-alpha.4", "webpack": "^4.29.6" } } diff --git a/examples/mithril-kitchen-sink/src/Welcome.js b/examples/mithril-kitchen-sink/src/Welcome.js index e85d5493797..1363fa0cbe6 100644 --- a/examples/mithril-kitchen-sink/src/Welcome.js +++ b/examples/mithril-kitchen-sink/src/Welcome.js @@ -6,10 +6,10 @@ const Main = { view: vnode => (
{vnode.children} diff --git a/examples/official-storybook/package.json b/examples/official-storybook/package.json index ba24ac72d6e..847b561530c 100644 --- a/examples/official-storybook/package.json +++ b/examples/official-storybook/package.json @@ -1,6 +1,6 @@ { "name": "official-storybook", - "version": "5.1.0-alpha.3", + "version": "5.1.0-alpha.4", "private": true, "scripts": { "now-build": "node ../../scripts/bootstrap --core && yarn run build-storybook --quiet", @@ -13,29 +13,29 @@ "storybook": "cross-env STORYBOOK_DISPLAY_WARNING=true DISPLAY_WARNING=true start-storybook -p 9011 -c ./ -s built-storybooks --no-dll" }, "devDependencies": { - "@storybook/addon-a11y": "5.1.0-alpha.3", - "@storybook/addon-actions": "5.1.0-alpha.3", - "@storybook/addon-backgrounds": "5.1.0-alpha.3", - "@storybook/addon-centered": "5.1.0-alpha.3", - "@storybook/addon-cssresources": "5.1.0-alpha.3", - "@storybook/addon-events": "5.1.0-alpha.3", - "@storybook/addon-graphql": "5.1.0-alpha.3", - "@storybook/addon-info": "5.1.0-alpha.3", - "@storybook/addon-jest": "5.1.0-alpha.3", - "@storybook/addon-knobs": "5.1.0-alpha.3", - "@storybook/addon-links": "5.1.0-alpha.3", - "@storybook/addon-notes": "5.1.0-alpha.3", - "@storybook/addon-options": "5.1.0-alpha.3", - "@storybook/addon-storyshots": "5.1.0-alpha.3", - "@storybook/addon-storyshots-puppeteer": "5.1.0-alpha.3", - "@storybook/addon-storysource": "5.1.0-alpha.3", - "@storybook/addon-viewport": "5.1.0-alpha.3", - "@storybook/addons": "5.1.0-alpha.3", - "@storybook/components": "5.1.0-alpha.3", - "@storybook/core-events": "5.1.0-alpha.3", - "@storybook/node-logger": "5.1.0-alpha.3", - "@storybook/react": "5.1.0-alpha.3", - "@storybook/theming": "5.1.0-alpha.3", + "@storybook/addon-a11y": "5.1.0-alpha.4", + "@storybook/addon-actions": "5.1.0-alpha.4", + "@storybook/addon-backgrounds": "5.1.0-alpha.4", + "@storybook/addon-centered": "5.1.0-alpha.4", + "@storybook/addon-cssresources": "5.1.0-alpha.4", + "@storybook/addon-events": "5.1.0-alpha.4", + "@storybook/addon-graphql": "5.1.0-alpha.4", + "@storybook/addon-info": "5.1.0-alpha.4", + "@storybook/addon-jest": "5.1.0-alpha.4", + "@storybook/addon-knobs": "5.1.0-alpha.4", + "@storybook/addon-links": "5.1.0-alpha.4", + "@storybook/addon-notes": "5.1.0-alpha.4", + "@storybook/addon-options": "5.1.0-alpha.4", + "@storybook/addon-storyshots": "5.1.0-alpha.4", + "@storybook/addon-storyshots-puppeteer": "5.1.0-alpha.4", + "@storybook/addon-storysource": "5.1.0-alpha.4", + "@storybook/addon-viewport": "5.1.0-alpha.4", + "@storybook/addons": "5.1.0-alpha.4", + "@storybook/components": "5.1.0-alpha.4", + "@storybook/core-events": "5.1.0-alpha.4", + "@storybook/node-logger": "5.1.0-alpha.4", + "@storybook/react": "5.1.0-alpha.4", + "@storybook/theming": "5.1.0-alpha.4", "cors": "^2.8.5", "cross-env": "^5.2.0", "enzyme-to-json": "^3.3.5", diff --git a/examples/official-storybook/stories/__snapshots__/other-demo.stories.storyshot b/examples/official-storybook/stories/__snapshots__/other-demo.stories.storyshot index 730eefa2fba..49f1a87f0fc 100644 --- a/examples/official-storybook/stories/__snapshots__/other-demo.stories.storyshot +++ b/examples/official-storybook/stories/__snapshots__/other-demo.stories.storyshot @@ -25,7 +25,7 @@ exports[`Storyshots Other|Demo/Button with text 1`] = ` exports[`Storyshots Other|Demo/Welcome to Storybook 1`] = `

Welcome to storybook diff --git a/examples/polymer-cli/package.json b/examples/polymer-cli/package.json index 3303cbc8504..a10f2568e7b 100644 --- a/examples/polymer-cli/package.json +++ b/examples/polymer-cli/package.json @@ -1,6 +1,6 @@ { "name": "polymer-cli", - "version": "5.1.0-alpha.3", + "version": "5.1.0-alpha.4", "private": true, "scripts": { "now-build": "node ../../scripts/bootstrap --core && yarn run build-storybook --quiet", @@ -10,15 +10,15 @@ }, "dependencies": { "@polymer/polymer": "^2.6.0", - "@storybook/addon-actions": "5.1.0-alpha.3", - "@storybook/addon-backgrounds": "5.1.0-alpha.3", - "@storybook/addon-knobs": "5.1.0-alpha.3", - "@storybook/addon-links": "5.1.0-alpha.3", - "@storybook/addon-notes": "5.1.0-alpha.3", - "@storybook/addon-options": "5.1.0-alpha.3", - "@storybook/addon-storysource": "5.1.0-alpha.3", - "@storybook/addon-viewport": "5.1.0-alpha.3", - "@storybook/polymer": "5.1.0-alpha.3", + "@storybook/addon-actions": "5.1.0-alpha.4", + "@storybook/addon-backgrounds": "5.1.0-alpha.4", + "@storybook/addon-knobs": "5.1.0-alpha.4", + "@storybook/addon-links": "5.1.0-alpha.4", + "@storybook/addon-notes": "5.1.0-alpha.4", + "@storybook/addon-options": "5.1.0-alpha.4", + "@storybook/addon-storysource": "5.1.0-alpha.4", + "@storybook/addon-viewport": "5.1.0-alpha.4", + "@storybook/polymer": "5.1.0-alpha.4", "@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 c0b640d338e..77f8246f0ef 100644 --- a/examples/preact-kitchen-sink/package.json +++ b/examples/preact-kitchen-sink/package.json @@ -1,6 +1,6 @@ { "name": "preact-example", - "version": "5.1.0-alpha.3", + "version": "5.1.0-alpha.4", "private": true, "scripts": { "now-build": "node ../../scripts/bootstrap --core && yarn run build-storybook --quiet", @@ -16,18 +16,18 @@ "devDependencies": { "@babel/core": "^7.3.4", "@babel/plugin-transform-runtime": "^7.2.0", - "@storybook/addon-actions": "5.1.0-alpha.3", - "@storybook/addon-backgrounds": "5.1.0-alpha.3", - "@storybook/addon-centered": "5.1.0-alpha.3", - "@storybook/addon-knobs": "5.1.0-alpha.3", - "@storybook/addon-links": "5.1.0-alpha.3", - "@storybook/addon-notes": "5.1.0-alpha.3", - "@storybook/addon-options": "5.1.0-alpha.3", - "@storybook/addon-storyshots": "5.1.0-alpha.3", - "@storybook/addon-storysource": "5.1.0-alpha.3", - "@storybook/addon-viewport": "5.1.0-alpha.3", - "@storybook/addons": "5.1.0-alpha.3", - "@storybook/preact": "5.1.0-alpha.3", + "@storybook/addon-actions": "5.1.0-alpha.4", + "@storybook/addon-backgrounds": "5.1.0-alpha.4", + "@storybook/addon-centered": "5.1.0-alpha.4", + "@storybook/addon-knobs": "5.1.0-alpha.4", + "@storybook/addon-links": "5.1.0-alpha.4", + "@storybook/addon-notes": "5.1.0-alpha.4", + "@storybook/addon-options": "5.1.0-alpha.4", + "@storybook/addon-storyshots": "5.1.0-alpha.4", + "@storybook/addon-storysource": "5.1.0-alpha.4", + "@storybook/addon-viewport": "5.1.0-alpha.4", + "@storybook/addons": "5.1.0-alpha.4", + "@storybook/preact": "5.1.0-alpha.4", "babel-loader": "^8.0.4", "cross-env": "^5.2.0", "file-loader": "^3.0.1", diff --git a/examples/preact-kitchen-sink/src/Welcome.js b/examples/preact-kitchen-sink/src/Welcome.js index b83a12e2c40..53ec35fc114 100644 --- a/examples/preact-kitchen-sink/src/Welcome.js +++ b/examples/preact-kitchen-sink/src/Welcome.js @@ -6,10 +6,10 @@ const Main = props => (
); diff --git a/examples/preact-kitchen-sink/src/stories/__snapshots__/index.stories.storyshot b/examples/preact-kitchen-sink/src/stories/__snapshots__/index.stories.storyshot index 660d4bdf571..9e0d000a05e 100644 --- a/examples/preact-kitchen-sink/src/stories/__snapshots__/index.stories.storyshot +++ b/examples/preact-kitchen-sink/src/stories/__snapshots__/index.stories.storyshot @@ -27,10 +27,10 @@ exports[`Storyshots Welcome to Storybook 1`] = `
diff --git a/examples/riot-kitchen-sink/package.json b/examples/riot-kitchen-sink/package.json index e40fad4dd4d..09569fe0def 100644 --- a/examples/riot-kitchen-sink/package.json +++ b/examples/riot-kitchen-sink/package.json @@ -1,6 +1,6 @@ { "name": "riot-example", - "version": "5.1.0-alpha.3", + "version": "5.1.0-alpha.4", "private": true, "scripts": { "now-build": "node ../../scripts/bootstrap --core && yarn run build-storybook --quiet", @@ -16,18 +16,18 @@ }, "devDependencies": { "@babel/core": "^7.3.4", - "@storybook/addon-actions": "5.1.0-alpha.3", - "@storybook/addon-backgrounds": "5.1.0-alpha.3", - "@storybook/addon-centered": "5.1.0-alpha.3", - "@storybook/addon-knobs": "5.1.0-alpha.3", - "@storybook/addon-links": "5.1.0-alpha.3", - "@storybook/addon-notes": "5.1.0-alpha.3", - "@storybook/addon-options": "5.1.0-alpha.3", - "@storybook/addon-storyshots": "5.1.0-alpha.3", - "@storybook/addon-storysource": "5.1.0-alpha.3", - "@storybook/addon-viewport": "5.1.0-alpha.3", - "@storybook/addons": "5.1.0-alpha.3", - "@storybook/riot": "5.1.0-alpha.3", + "@storybook/addon-actions": "5.1.0-alpha.4", + "@storybook/addon-backgrounds": "5.1.0-alpha.4", + "@storybook/addon-centered": "5.1.0-alpha.4", + "@storybook/addon-knobs": "5.1.0-alpha.4", + "@storybook/addon-links": "5.1.0-alpha.4", + "@storybook/addon-notes": "5.1.0-alpha.4", + "@storybook/addon-options": "5.1.0-alpha.4", + "@storybook/addon-storyshots": "5.1.0-alpha.4", + "@storybook/addon-storysource": "5.1.0-alpha.4", + "@storybook/addon-viewport": "5.1.0-alpha.4", + "@storybook/addons": "5.1.0-alpha.4", + "@storybook/riot": "5.1.0-alpha.4", "babel-loader": "^8.0.4", "cross-env": "^5.2.0", "file-loader": "^3.0.1", diff --git a/examples/riot-kitchen-sink/src/stories/Welcome.tag b/examples/riot-kitchen-sink/src/stories/Welcome.tag index a3965f4ff44..ace441a1086 100644 --- a/examples/riot-kitchen-sink/src/stories/Welcome.tag +++ b/examples/riot-kitchen-sink/src/stories/Welcome.tag @@ -58,10 +58,10 @@ - - - - + +
+

Welcome to STORYBOOK

+

+ This is a UI component dev environment for your app. +

+

+ We've added some basic stories inside the +
+ src/stories +
directory. +
A story is a single state of one or more UI components. You can have as many stories as you want. +
(Basically a story is like a visual test case.) +

+

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

+

+ Just like that, you can add your own components as stories. +
You can also edit those components and see changes right away. +
(Try editing the + Button component located at + src/stories/Button.js.) +

+

+ This is just one thing you can do with Storybook. +
Have a look at the +
+ + Storybook + +
repo for more information. +

+

+ NOTE: +
Have a look at the +
+ .storybook/webpack.config.js +
to add webpack loaders and plugins you are using in this project. +

+
+ + + + + +
diff --git a/lib/cli/generators/SFC_VUE/template/src/stories/Welcome.vue b/lib/cli/generators/SFC_VUE/template/src/stories/Welcome.vue index afdf3b3a26a..d87d5f04650 100644 --- a/lib/cli/generators/SFC_VUE/template/src/stories/Welcome.vue +++ b/lib/cli/generators/SFC_VUE/template/src/stories/Welcome.vue @@ -87,10 +87,10 @@