diff --git a/CHANGELOG.md b/CHANGELOG.md index b9bca6a79e6e..cc98638d99bc 100644 --- a/CHANGELOG.md +++ b/CHANGELOG.md @@ -1,3 +1,13 @@ +## 6.4.0-alpha.14 (July 11, 2021) + +### Features + +- Web-components: Dynamic source snippets ([#15337](https://github.com/storybookjs/storybook/pull/15337)) + +### Maintenance + +- Essentials: Add measure addon to monorepo ([#15545](https://github.com/storybookjs/storybook/pull/15545)) + ## 6.4.0-alpha.13 (July 9, 2021) ### Bug Fixes diff --git a/addons/a11y/package.json b/addons/a11y/package.json index ddb00df88db7..3001e19017df 100644 --- a/addons/a11y/package.json +++ b/addons/a11y/package.json @@ -1,6 +1,6 @@ { "name": "@storybook/addon-a11y", - "version": "6.4.0-alpha.13", + "version": "6.4.0-alpha.14", "description": "Test component compliance with web accessibility standards", "keywords": [ "a11y", @@ -45,14 +45,14 @@ "prepare": "node ../../scripts/prepare.js" }, "dependencies": { - "@storybook/addons": "6.4.0-alpha.13", - "@storybook/api": "6.4.0-alpha.13", - "@storybook/channels": "6.4.0-alpha.13", - "@storybook/client-api": "6.4.0-alpha.13", - "@storybook/client-logger": "6.4.0-alpha.13", - "@storybook/components": "6.4.0-alpha.13", - "@storybook/core-events": "6.4.0-alpha.13", - "@storybook/theming": "6.4.0-alpha.13", + "@storybook/addons": "6.4.0-alpha.14", + "@storybook/api": "6.4.0-alpha.14", + "@storybook/channels": "6.4.0-alpha.14", + "@storybook/client-api": "6.4.0-alpha.14", + "@storybook/client-logger": "6.4.0-alpha.14", + "@storybook/components": "6.4.0-alpha.14", + "@storybook/core-events": "6.4.0-alpha.14", + "@storybook/theming": "6.4.0-alpha.14", "axe-core": "^4.2.0", "core-js": "^3.8.2", "global": "^4.4.0", @@ -81,7 +81,7 @@ "publishConfig": { "access": "public" }, - "gitHead": "70d04492b677c52c518b1b9591e382ba57484042", + "gitHead": "d3f8b5119b70ecf23ef2006b58034292eab3726e", "sbmodern": "dist/modern/index.js", "storybook": { "displayName": "Accessibility", diff --git a/addons/actions/package.json b/addons/actions/package.json index 65ab9064e6d8..255e4c675451 100644 --- a/addons/actions/package.json +++ b/addons/actions/package.json @@ -1,6 +1,6 @@ { "name": "@storybook/addon-actions", - "version": "6.4.0-alpha.13", + "version": "6.4.0-alpha.14", "description": "Get UI feedback when an action is performed on an interactive element", "keywords": [ "storybook", @@ -41,12 +41,12 @@ "prepare": "node ../../scripts/prepare.js" }, "dependencies": { - "@storybook/addons": "6.4.0-alpha.13", - "@storybook/api": "6.4.0-alpha.13", - "@storybook/client-api": "6.4.0-alpha.13", - "@storybook/components": "6.4.0-alpha.13", - "@storybook/core-events": "6.4.0-alpha.13", - "@storybook/theming": "6.4.0-alpha.13", + "@storybook/addons": "6.4.0-alpha.14", + "@storybook/api": "6.4.0-alpha.14", + "@storybook/client-api": "6.4.0-alpha.14", + "@storybook/components": "6.4.0-alpha.14", + "@storybook/core-events": "6.4.0-alpha.14", + "@storybook/theming": "6.4.0-alpha.14", "core-js": "^3.8.2", "fast-deep-equal": "^3.1.3", "global": "^4.4.0", @@ -78,7 +78,7 @@ "publishConfig": { "access": "public" }, - "gitHead": "70d04492b677c52c518b1b9591e382ba57484042", + "gitHead": "d3f8b5119b70ecf23ef2006b58034292eab3726e", "sbmodern": "dist/modern/index.js", "storybook": { "displayName": "Actions", diff --git a/addons/backgrounds/package.json b/addons/backgrounds/package.json index e67bd3ed9b18..dd643121d8ae 100644 --- a/addons/backgrounds/package.json +++ b/addons/backgrounds/package.json @@ -1,6 +1,6 @@ { "name": "@storybook/addon-backgrounds", - "version": "6.4.0-alpha.13", + "version": "6.4.0-alpha.14", "description": "Switch backgrounds to view components in different settings", "keywords": [ "addon", @@ -45,12 +45,12 @@ "prepare": "node ../../scripts/prepare.js" }, "dependencies": { - "@storybook/addons": "6.4.0-alpha.13", - "@storybook/api": "6.4.0-alpha.13", - "@storybook/client-logger": "6.4.0-alpha.13", - "@storybook/components": "6.4.0-alpha.13", - "@storybook/core-events": "6.4.0-alpha.13", - "@storybook/theming": "6.4.0-alpha.13", + "@storybook/addons": "6.4.0-alpha.14", + "@storybook/api": "6.4.0-alpha.14", + "@storybook/client-logger": "6.4.0-alpha.14", + "@storybook/components": "6.4.0-alpha.14", + "@storybook/core-events": "6.4.0-alpha.14", + "@storybook/theming": "6.4.0-alpha.14", "core-js": "^3.8.2", "global": "^4.4.0", "memoizerific": "^1.11.3", @@ -76,7 +76,7 @@ "publishConfig": { "access": "public" }, - "gitHead": "70d04492b677c52c518b1b9591e382ba57484042", + "gitHead": "d3f8b5119b70ecf23ef2006b58034292eab3726e", "sbmodern": "dist/modern/index.js", "storybook": { "displayName": "Backgrounds", diff --git a/addons/controls/package.json b/addons/controls/package.json index 74524d792483..a276eae98db6 100644 --- a/addons/controls/package.json +++ b/addons/controls/package.json @@ -1,6 +1,6 @@ { "name": "@storybook/addon-controls", - "version": "6.4.0-alpha.13", + "version": "6.4.0-alpha.14", "description": "Interact with component inputs dynamically in the Storybook UI", "keywords": [ "addon", @@ -45,12 +45,12 @@ "prepare": "node ../../scripts/prepare.js" }, "dependencies": { - "@storybook/addons": "6.4.0-alpha.13", - "@storybook/api": "6.4.0-alpha.13", - "@storybook/client-api": "6.4.0-alpha.13", - "@storybook/components": "6.4.0-alpha.13", - "@storybook/node-logger": "6.4.0-alpha.13", - "@storybook/theming": "6.4.0-alpha.13", + "@storybook/addons": "6.4.0-alpha.14", + "@storybook/api": "6.4.0-alpha.14", + "@storybook/client-api": "6.4.0-alpha.14", + "@storybook/components": "6.4.0-alpha.14", + "@storybook/node-logger": "6.4.0-alpha.14", + "@storybook/theming": "6.4.0-alpha.14", "core-js": "^3.8.2", "ts-dedent": "^2.0.0" }, @@ -69,7 +69,7 @@ "publishConfig": { "access": "public" }, - "gitHead": "70d04492b677c52c518b1b9591e382ba57484042", + "gitHead": "d3f8b5119b70ecf23ef2006b58034292eab3726e", "sbmodern": "dist/modern/register.js", "storybook": { "displayName": "Controls", diff --git a/addons/docs/package.json b/addons/docs/package.json index 6e412e1d1c46..5a5e0ca9e98e 100644 --- a/addons/docs/package.json +++ b/addons/docs/package.json @@ -1,6 +1,6 @@ { "name": "@storybook/addon-docs", - "version": "6.4.0-alpha.13", + "version": "6.4.0-alpha.14", "description": "Document component usage and properties in Markdown", "keywords": [ "addon", @@ -63,20 +63,20 @@ "@mdx-js/loader": "^1.6.22", "@mdx-js/mdx": "^1.6.22", "@mdx-js/react": "^1.6.22", - "@storybook/addons": "6.4.0-alpha.13", - "@storybook/api": "6.4.0-alpha.13", - "@storybook/builder-webpack4": "6.4.0-alpha.13", - "@storybook/client-api": "6.4.0-alpha.13", - "@storybook/client-logger": "6.4.0-alpha.13", - "@storybook/components": "6.4.0-alpha.13", - "@storybook/core": "6.4.0-alpha.13", - "@storybook/core-events": "6.4.0-alpha.13", + "@storybook/addons": "6.4.0-alpha.14", + "@storybook/api": "6.4.0-alpha.14", + "@storybook/builder-webpack4": "6.4.0-alpha.14", + "@storybook/client-api": "6.4.0-alpha.14", + "@storybook/client-logger": "6.4.0-alpha.14", + "@storybook/components": "6.4.0-alpha.14", + "@storybook/core": "6.4.0-alpha.14", + "@storybook/core-events": "6.4.0-alpha.14", "@storybook/csf": "0.0.1", - "@storybook/csf-tools": "6.4.0-alpha.13", - "@storybook/node-logger": "6.4.0-alpha.13", - "@storybook/postinstall": "6.4.0-alpha.13", - "@storybook/source-loader": "6.4.0-alpha.13", - "@storybook/theming": "6.4.0-alpha.13", + "@storybook/csf-tools": "6.4.0-alpha.14", + "@storybook/node-logger": "6.4.0-alpha.14", + "@storybook/postinstall": "6.4.0-alpha.14", + "@storybook/source-loader": "6.4.0-alpha.14", + "@storybook/theming": "6.4.0-alpha.14", "acorn": "^7.4.1", "acorn-jsx": "^5.3.1", "acorn-walk": "^7.2.0", @@ -105,10 +105,10 @@ "@babel/core": "^7.12.10", "@emotion/core": "^10.1.1", "@emotion/styled": "^10.0.27", - "@storybook/angular": "6.4.0-alpha.13", - "@storybook/react": "6.4.0-alpha.13", - "@storybook/vue": "6.4.0-alpha.13", - "@storybook/web-components": "6.4.0-alpha.13", + "@storybook/angular": "6.4.0-alpha.14", + "@storybook/react": "6.4.0-alpha.14", + "@storybook/vue": "6.4.0-alpha.14", + "@storybook/web-components": "6.4.0-alpha.14", "@types/cross-spawn": "^6.0.2", "@types/doctrine": "^0.0.3", "@types/enzyme": "^3.10.8", @@ -138,10 +138,10 @@ "zone.js": "^0.11.3" }, "peerDependencies": { - "@storybook/angular": "6.4.0-alpha.13", - "@storybook/vue": "6.4.0-alpha.13", - "@storybook/vue3": "6.4.0-alpha.13", - "@storybook/web-components": "6.4.0-alpha.13", + "@storybook/angular": "6.4.0-alpha.14", + "@storybook/vue": "6.4.0-alpha.14", + "@storybook/vue3": "6.4.0-alpha.14", + "@storybook/web-components": "6.4.0-alpha.14", "lit": "^2.0.0-rc.1", "lit-html": "^1.4.1 || ^2.0.0-rc.3", "react": "^16.8.0 || ^17.0.0", @@ -192,7 +192,7 @@ "publishConfig": { "access": "public" }, - "gitHead": "70d04492b677c52c518b1b9591e382ba57484042", + "gitHead": "d3f8b5119b70ecf23ef2006b58034292eab3726e", "sbmodern": "dist/modern/index.js", "storybook": { "displayName": "Docs", diff --git a/addons/docs/src/frameworks/web-components/config.js b/addons/docs/src/frameworks/web-components/config.js deleted file mode 100644 index b931d4e826d2..000000000000 --- a/addons/docs/src/frameworks/web-components/config.js +++ /dev/null @@ -1,29 +0,0 @@ -/* global window */ -import React from 'react'; -import { render } from 'lit-html'; -import { extractArgTypes, extractComponentDescription } from './custom-elements'; - -export const parameters = { - docs: { - extractArgTypes, - extractComponentDescription, - inlineStories: true, - prepareForInline: (storyFn) => { - class Story extends React.Component { - constructor(props) { - super(props); - this.wrapperRef = React.createRef(); - } - - componentDidMount() { - render(storyFn(), this.wrapperRef.current); - } - - render() { - return React.createElement('div', { ref: this.wrapperRef }); - } - } - return React.createElement(Story); - }, - }, -}; diff --git a/addons/docs/src/frameworks/web-components/config.ts b/addons/docs/src/frameworks/web-components/config.ts new file mode 100644 index 000000000000..30273896e170 --- /dev/null +++ b/addons/docs/src/frameworks/web-components/config.ts @@ -0,0 +1,19 @@ +import { extractArgTypes, extractComponentDescription } from './custom-elements'; +import { sourceDecorator } from './sourceDecorator'; +import { prepareForInline } from './prepareForInline'; +import { SourceType } from '../../shared'; + +export const decorators = [sourceDecorator]; + +export const parameters = { + docs: { + extractArgTypes, + extractComponentDescription, + inlineStories: true, + prepareForInline, + source: { + type: SourceType.DYNAMIC, + language: 'html', + }, + }, +}; diff --git a/addons/docs/src/frameworks/web-components/prepareForInline.ts b/addons/docs/src/frameworks/web-components/prepareForInline.ts new file mode 100644 index 000000000000..715bdb8afef6 --- /dev/null +++ b/addons/docs/src/frameworks/web-components/prepareForInline.ts @@ -0,0 +1,19 @@ +import type { StoryFn } from '@storybook/addons'; +import React from 'react'; +import { render } from 'lit-html'; + +export const prepareForInline = (storyFn: StoryFn) => { + class Story extends React.Component { + wrapperRef = React.createRef(); + + componentDidMount(): void { + render(storyFn(), this.wrapperRef.current); + } + + render(): React.ReactElement { + return React.createElement('div', { ref: this.wrapperRef }); + } + } + + return (React.createElement(Story) as unknown) as React.CElement<{}, React.Component>; +}; diff --git a/addons/docs/src/frameworks/web-components/sourceDecorator.test.ts b/addons/docs/src/frameworks/web-components/sourceDecorator.test.ts new file mode 100644 index 000000000000..4c2c49851045 --- /dev/null +++ b/addons/docs/src/frameworks/web-components/sourceDecorator.test.ts @@ -0,0 +1,100 @@ +import { html } from 'lit-html'; +import { styleMap } from 'lit-html/directives/style-map'; +import { addons, StoryContext } from '@storybook/addons'; +import { sourceDecorator } from './sourceDecorator'; +import { SNIPPET_RENDERED } from '../../shared'; + +jest.mock('@storybook/addons'); +const mockedAddons = addons as jest.Mocked; + +expect.addSnapshotSerializer({ + print: (val: any) => val, + test: (val) => typeof val === 'string', +}); + +const makeContext = (name: string, parameters: any, args: any, extra?: object): StoryContext => ({ + id: `lit-test--${name}`, + kind: 'js-text', + name, + parameters, + args, + argTypes: {}, + globals: {}, + ...extra, +}); + +describe('sourceDecorator', () => { + let mockChannel: { on: jest.Mock; emit?: jest.Mock }; + beforeEach(() => { + mockedAddons.getChannel.mockReset(); + + mockChannel = { on: jest.fn(), emit: jest.fn() }; + mockedAddons.getChannel.mockReturnValue(mockChannel as any); + }); + + it('should render dynamically for args stories', () => { + const storyFn = (args: any) => html`
args story
`; + const context = makeContext('args', { __isArgsStory: true }, {}); + sourceDecorator(storyFn, context); + expect(mockChannel.emit).toHaveBeenCalledWith( + SNIPPET_RENDERED, + 'lit-test--args', + '
args story
' + ); + }); + + it('should skip dynamic rendering for no-args stories', () => { + const storyFn = () => html`
classic story
`; + const context = makeContext('classic', {}, {}); + sourceDecorator(storyFn, context); + expect(mockChannel.emit).not.toHaveBeenCalled(); + }); + + it('should use the originalStoryFn if excludeDecorators is set', () => { + const storyFn = (args: any) => html`
args story
`; + const decoratedStoryFn = (args: any) => html` +
${storyFn(args)}
+ `; + const context = makeContext( + 'args', + { + __isArgsStory: true, + docs: { + source: { + excludeDecorators: true, + }, + }, + }, + {}, + { originalStoryFn: storyFn } + ); + sourceDecorator(decoratedStoryFn, context); + expect(mockChannel.emit).toHaveBeenCalledWith( + SNIPPET_RENDERED, + 'lit-test--args', + '
args story
' + ); + }); + + it('allows the snippet output to be modified by transformSource', () => { + const storyFn = (args: any) => html`
args story
`; + const transformSource = (dom: string) => `

${dom}

`; + const docs = { transformSource }; + const context = makeContext('args', { __isArgsStory: true, docs }, {}); + sourceDecorator(storyFn, context); + expect(mockChannel.emit).toHaveBeenCalledWith( + SNIPPET_RENDERED, + 'lit-test--args', + '

args story

' + ); + }); + + it('provides the story context to transformSource', () => { + const storyFn = (args: any) => html`
args story
`; + const transformSource = jest.fn((x) => x); + const docs = { transformSource }; + const context = makeContext('args', { __isArgsStory: true, docs }, {}); + sourceDecorator(storyFn, context); + expect(transformSource).toHaveBeenCalledWith('
args story
', context); + }); +}); diff --git a/addons/docs/src/frameworks/web-components/sourceDecorator.ts b/addons/docs/src/frameworks/web-components/sourceDecorator.ts new file mode 100644 index 000000000000..d1ab37f8ec2e --- /dev/null +++ b/addons/docs/src/frameworks/web-components/sourceDecorator.ts @@ -0,0 +1,39 @@ +/* global window */ +import { render } from 'lit-html'; +import { addons, StoryContext, StoryFn } from '@storybook/addons'; +import { SNIPPET_RENDERED, SourceType } from '../../shared'; + +function skipSourceRender(context: StoryContext) { + const sourceParams = context?.parameters.docs?.source; + const isArgsStory = context?.parameters.__isArgsStory; + + // always render if the user forces it + if (sourceParams?.type === SourceType.DYNAMIC) { + return false; + } + + // never render if the user is forcing the block to render code, or + // if the user provides code, or if it's not an args story. + return !isArgsStory || sourceParams?.code || sourceParams?.type === SourceType.CODE; +} + +function applyTransformSource(source: string, context: StoryContext): string { + const { transformSource } = context.parameters.docs ?? {}; + if (typeof transformSource !== 'function') return source; + return transformSource(source, context); +} + +export function sourceDecorator(storyFn: StoryFn, context: StoryContext) { + const story = context?.parameters.docs?.source?.excludeDecorators + ? context.originalStoryFn(context.args) + : storyFn(); + + if (!skipSourceRender(context)) { + const container = window.document.createElement('div'); + render(story, container); + const source = applyTransformSource(container.innerHTML.replace(//g, ''), context); + if (source) addons.getChannel().emit(SNIPPET_RENDERED, context.id, source); + } + + return story; +} diff --git a/addons/essentials/package.json b/addons/essentials/package.json index 1b1c6668700e..1342e9e13b36 100644 --- a/addons/essentials/package.json +++ b/addons/essentials/package.json @@ -1,6 +1,6 @@ { "name": "@storybook/addon-essentials", - "version": "6.4.0-alpha.13", + "version": "6.4.0-alpha.14", "description": "Curated addons to bring out the best of Storybook", "keywords": [ "addon", @@ -39,31 +39,31 @@ "prepare": "node ../../scripts/prepare.js" }, "dependencies": { - "@storybook/addon-actions": "6.4.0-alpha.13", - "@storybook/addon-backgrounds": "6.4.0-alpha.13", - "@storybook/addon-controls": "6.4.0-alpha.13", - "@storybook/addon-docs": "6.4.0-alpha.13", - "@storybook/addon-measure": "^2.0.0", - "@storybook/addon-outline": "6.4.0-alpha.13", - "@storybook/addon-toolbars": "6.4.0-alpha.13", - "@storybook/addon-viewport": "6.4.0-alpha.13", - "@storybook/addons": "6.4.0-alpha.13", - "@storybook/api": "6.4.0-alpha.13", - "@storybook/node-logger": "6.4.0-alpha.13", + "@storybook/addon-actions": "6.4.0-alpha.14", + "@storybook/addon-backgrounds": "6.4.0-alpha.14", + "@storybook/addon-controls": "6.4.0-alpha.14", + "@storybook/addon-docs": "6.4.0-alpha.14", + "@storybook/addon-measure": "6.4.0-alpha.14", + "@storybook/addon-outline": "6.4.0-alpha.14", + "@storybook/addon-toolbars": "6.4.0-alpha.14", + "@storybook/addon-viewport": "6.4.0-alpha.14", + "@storybook/addons": "6.4.0-alpha.14", + "@storybook/api": "6.4.0-alpha.14", + "@storybook/node-logger": "6.4.0-alpha.14", "core-js": "^3.8.2", "regenerator-runtime": "^0.13.7", "ts-dedent": "^2.0.0" }, "devDependencies": { "@babel/core": "^7.12.10", - "@storybook/vue": "6.4.0-alpha.13", + "@storybook/vue": "6.4.0-alpha.14", "@types/jest": "^26.0.16", "@types/webpack-env": "^1.16.0" }, "peerDependencies": { "@babel/core": "^7.9.6", - "@storybook/vue": "6.4.0-alpha.13", - "@storybook/web-components": "6.4.0-alpha.13", + "@storybook/vue": "6.4.0-alpha.14", + "@storybook/web-components": "6.4.0-alpha.14", "babel-loader": "^8.0.0", "lit-html": "^1.4.1 || ^2.0.0-rc.3", "react": "^16.8.0 || ^17.0.0", @@ -93,6 +93,6 @@ "publishConfig": { "access": "public" }, - "gitHead": "70d04492b677c52c518b1b9591e382ba57484042", + "gitHead": "d3f8b5119b70ecf23ef2006b58034292eab3726e", "sbmodern": "dist/modern/index.js" } diff --git a/addons/jest/package.json b/addons/jest/package.json index 694b34937960..6e502c93e40b 100644 --- a/addons/jest/package.json +++ b/addons/jest/package.json @@ -1,6 +1,6 @@ { "name": "@storybook/addon-jest", - "version": "6.4.0-alpha.13", + "version": "6.4.0-alpha.14", "description": "React storybook addon that show component jest report", "keywords": [ "addon", @@ -47,11 +47,11 @@ "prepare": "node ../../scripts/prepare.js" }, "dependencies": { - "@storybook/addons": "6.4.0-alpha.13", - "@storybook/api": "6.4.0-alpha.13", - "@storybook/components": "6.4.0-alpha.13", - "@storybook/core-events": "6.4.0-alpha.13", - "@storybook/theming": "6.4.0-alpha.13", + "@storybook/addons": "6.4.0-alpha.14", + "@storybook/api": "6.4.0-alpha.14", + "@storybook/components": "6.4.0-alpha.14", + "@storybook/core-events": "6.4.0-alpha.14", + "@storybook/theming": "6.4.0-alpha.14", "core-js": "^3.8.2", "global": "^4.4.0", "react-sizeme": "^3.0.1", @@ -76,7 +76,7 @@ "publishConfig": { "access": "public" }, - "gitHead": "70d04492b677c52c518b1b9591e382ba57484042", + "gitHead": "d3f8b5119b70ecf23ef2006b58034292eab3726e", "sbmodern": "dist/modern/index.js", "storybook": { "displayName": "Jest", diff --git a/addons/links/package.json b/addons/links/package.json index 40caa23cb729..53174e4110ad 100644 --- a/addons/links/package.json +++ b/addons/links/package.json @@ -1,6 +1,6 @@ { "name": "@storybook/addon-links", - "version": "6.4.0-alpha.13", + "version": "6.4.0-alpha.14", "description": "Link stories together to build demos and prototypes with your UI components", "keywords": [ "addon", @@ -41,11 +41,11 @@ "prepare": "node ../../scripts/prepare.js" }, "dependencies": { - "@storybook/addons": "6.4.0-alpha.13", - "@storybook/client-logger": "6.4.0-alpha.13", - "@storybook/core-events": "6.4.0-alpha.13", + "@storybook/addons": "6.4.0-alpha.14", + "@storybook/client-logger": "6.4.0-alpha.14", + "@storybook/core-events": "6.4.0-alpha.14", "@storybook/csf": "0.0.1", - "@storybook/router": "6.4.0-alpha.13", + "@storybook/router": "6.4.0-alpha.14", "@types/qs": "^6.9.5", "core-js": "^3.8.2", "global": "^4.4.0", @@ -72,7 +72,7 @@ "publishConfig": { "access": "public" }, - "gitHead": "70d04492b677c52c518b1b9591e382ba57484042", + "gitHead": "d3f8b5119b70ecf23ef2006b58034292eab3726e", "sbmodern": "dist/modern/index.js", "storybook": { "displayName": "Links", diff --git a/addons/measure/README.md b/addons/measure/README.md new file mode 100644 index 000000000000..99638a461da3 --- /dev/null +++ b/addons/measure/README.md @@ -0,0 +1,33 @@ +# Storybook Addon Measure + +Storybook addon for inspecting layouts and visualizing the box model. + +1. Press the m key to enable the addon: + +2. Hover over a DOM node + +3. Storybook will display the dimensions of the selected element—margin, padding, border, width and height—in pixels. + +![](https://user-images.githubusercontent.com/42671/119589961-dff9b380-bda1-11eb-9550-7ae28bc70bf4.gif) + +## Usage + +This addon requires Storybook 6.3 or later. Measure is part of [essentials](https://storybook.js.org/docs/react/essentials/introduction) and so is installed in all new Storybooks by default. If you need to add it to your Storybook, you can run: + +```sh +npm i -D @storybook/addon-measure +``` + +Add `"@storybook/addon-measure"` to the addons array in your `.storybook/main.js`: + +```js +module.exports = { + addons: ['@storybook/addon-measure'], +}; +``` + +### Inspiration + +- [Inspx](https://github.com/raunofreiberg/inspx) by Rauno Freiberg +- [Aaron Westbrook's script](https://gist.github.com/awestbro/e668c12662ad354f02a413205b65fce7) +- [Visbug](https://visbug.web.app/) from the Chrome team diff --git a/addons/measure/package.json b/addons/measure/package.json new file mode 100644 index 000000000000..dbeac995ae70 --- /dev/null +++ b/addons/measure/package.json @@ -0,0 +1,82 @@ +{ + "name": "@storybook/addon-measure", + "version": "6.4.0-alpha.14", + "description": "Inspect layouts by visualizing the box model", + "keywords": [ + "storybook-addons", + "essentials", + "style", + "CSS", + "design" + ], + "homepage": "https://github.com/storybookjs/storybook/tree/main/addons/measure", + "bugs": { + "url": "https://github.com/storybookjs/storybook/issues" + }, + "repository": { + "type": "git", + "url": "https://github.com/storybookjs/storybook.git", + "directory": "addons/measure" + }, + "funding": { + "type": "opencollective", + "url": "https://opencollective.com/storybook" + }, + "license": "MIT", + "author": "winkerVSbecks", + "main": "dist/cjs/index.js", + "module": "dist/esm/index.js", + "types": "dist/ts3.9/index.d.ts", + "typesVersions": { + "<3.8": { + "*": [ + "dist/ts3.4/*" + ] + } + }, + "files": [ + "dist/**/*", + "README.md", + "*.js", + "*.d.ts" + ], + "scripts": { + "prepare": "node ../../scripts/prepare.js" + }, + "dependencies": { + "@storybook/addons": "6.4.0-alpha.14", + "@storybook/api": "6.4.0-alpha.14", + "@storybook/client-logger": "6.4.0-alpha.14", + "@storybook/components": "6.4.0-alpha.14", + "@storybook/core-events": "6.4.0-alpha.14", + "core-js": "^3.8.2", + "global": "^4.4.0" + }, + "devDependencies": { + "@types/webpack-env": "^1.16.0" + }, + "peerDependencies": { + "react": "^16.8.0 || ^17.0.0", + "react-dom": "^16.8.0 || ^17.0.0" + }, + "peerDependenciesMeta": { + "react": { + "optional": true + }, + "react-dom": { + "optional": true + } + }, + "publishConfig": { + "access": "public" + }, + "gitHead": "d3f8b5119b70ecf23ef2006b58034292eab3726e", + "sbmodern": "dist/modern/index.js", + "storybook": { + "displayName": "Measure", + "unsupportedFrameworks": [ + "react-native" + ], + "icon": "https://user-images.githubusercontent.com/42671/119589951-dbcd9600-bda1-11eb-9227-078f3cfc1e74.png" + } +} diff --git a/addons/measure/preset.js b/addons/measure/preset.js new file mode 100644 index 000000000000..459bbb650ccd --- /dev/null +++ b/addons/measure/preset.js @@ -0,0 +1,12 @@ +function config(entry = []) { + return [...entry, require.resolve('./dist/esm/preset/addDecorator')]; +} + +function managerEntries(entry = [], options) { + return [...entry, require.resolve('./dist/esm/register')]; +} + +module.exports = { + managerEntries, + config, +}; diff --git a/addons/measure/register.js b/addons/measure/register.js new file mode 100644 index 000000000000..f209c0eb3703 --- /dev/null +++ b/addons/measure/register.js @@ -0,0 +1 @@ +require('./dist/esm/register'); diff --git a/addons/measure/src/Tool.tsx b/addons/measure/src/Tool.tsx new file mode 100644 index 000000000000..86edabf47e46 --- /dev/null +++ b/addons/measure/src/Tool.tsx @@ -0,0 +1,39 @@ +import React, { useCallback, useEffect } from 'react'; +import { useGlobals, useStorybookApi } from '@storybook/api'; +import { Icons, IconButton } from '@storybook/components'; +import { TOOL_ID, ADDON_ID } from './constants'; + +export const Tool = () => { + const [globals, updateGlobals] = useGlobals(); + const { measureEnabled } = globals; + const api = useStorybookApi(); + + const toggleMeasure = useCallback( + () => + updateGlobals({ + measureEnabled: !measureEnabled, + }), + [updateGlobals, measureEnabled] + ); + + useEffect(() => { + api.setAddonShortcut(ADDON_ID, { + label: 'Toggle Measure [M]', + defaultShortcut: ['M'], + actionName: 'measure', + showInMenu: false, + action: toggleMeasure, + }); + }, [toggleMeasure, api]); + + return ( + + + + ); +}; diff --git a/addons/measure/src/box-model/canvas.ts b/addons/measure/src/box-model/canvas.ts new file mode 100644 index 000000000000..08387ec05a64 --- /dev/null +++ b/addons/measure/src/box-model/canvas.ts @@ -0,0 +1,97 @@ +/* eslint-disable no-param-reassign */ +import global from 'global'; + +interface Size { + width: number; + height: number; +} + +interface CanvasState { + canvas?: HTMLCanvasElement; + context?: CanvasRenderingContext2D; + width?: number; + height?: number; +} + +function getDocumentWidthAndHeight() { + const container = global.document.documentElement; + + const height = Math.max(container.scrollHeight, container.offsetHeight); + const width = Math.max(container.scrollWidth, container.offsetWidth); + return { width, height }; +} + +function createCanvas(): CanvasState { + const canvas = global.document.createElement('canvas'); + canvas.id = 'storybook-addon-measure'; + const context = canvas.getContext('2d'); + // Set canvas width & height + const { width, height } = getDocumentWidthAndHeight(); + setCanvasWidthAndHeight(canvas, context, { width, height }); + // Position canvas + canvas.style.position = 'absolute'; + canvas.style.left = '0'; + canvas.style.top = '0'; + canvas.style.zIndex = '100000'; + // Disable any user interactions + canvas.style.pointerEvents = 'none'; + global.document.body.appendChild(canvas); + + return { canvas, context, width, height }; +} + +function setCanvasWidthAndHeight( + canvas: HTMLCanvasElement, + context: CanvasRenderingContext2D, + { width, height }: Size +) { + canvas.style.width = `${width}px`; + canvas.style.height = `${height}px`; + + // Scale + const scale = global.window.devicePixelRatio; + canvas.width = Math.floor(width * scale); + canvas.height = Math.floor(height * scale); + + // Normalize coordinate system to use css pixels. + context.scale(scale, scale); +} + +let state: CanvasState = {}; + +export function init() { + if (!state.canvas) { + state = createCanvas(); + } +} + +export function clear() { + if (state.context) { + state.context.clearRect(0, 0, state.width, state.height); + } +} + +export function draw(callback: (context: CanvasRenderingContext2D) => void) { + clear(); + callback(state.context); +} + +export function rescale() { + // First reset so that the canvas size doesn't impact the container size + setCanvasWidthAndHeight(state.canvas, state.context, { width: 0, height: 0 }); + + const { width, height } = getDocumentWidthAndHeight(); + setCanvasWidthAndHeight(state.canvas, state.context, { width, height }); + + // update state + state.width = width; + state.height = height; +} + +export function destroy() { + if (state.canvas) { + clear(); + state.canvas.parentNode.removeChild(state.canvas); + state = {}; + } +} diff --git a/addons/measure/src/box-model/labels.ts b/addons/measure/src/box-model/labels.ts new file mode 100644 index 000000000000..80bbf440c92e --- /dev/null +++ b/addons/measure/src/box-model/labels.ts @@ -0,0 +1,308 @@ +/* eslint-disable operator-assignment */ +/* eslint-disable no-param-reassign */ +type LabelType = 'margin' | 'padding' | 'border' | 'content'; +type LabelPosition = 'top' | 'right' | 'bottom' | 'left' | 'center'; +type Direction = 'top' | 'right' | 'bottom' | 'left'; + +export interface Label { + type: LabelType; + text: number | string; + position: LabelPosition; +} + +export type LabelStack = Label[]; + +interface RectSize { + w: number; + h: number; +} + +interface Coordinate { + x: number; + y: number; +} + +interface Rect extends RectSize, Coordinate {} + +interface RoundedRect extends Rect { + r: number; +} + +const colors = { + margin: '#f6b26b', + border: '#ffe599', + padding: '#93c47d', + content: '#6fa8dc', + text: '#232020', +}; + +const labelPadding = 6; + +function roundedRect(context: CanvasRenderingContext2D, { x, y, w, h, r }: RoundedRect) { + x = x - w / 2; + y = y - h / 2; + + if (w < 2 * r) r = w / 2; + if (h < 2 * r) r = h / 2; + + context.beginPath(); + context.moveTo(x + r, y); + context.arcTo(x + w, y, x + w, y + h, r); + context.arcTo(x + w, y + h, x, y + h, r); + context.arcTo(x, y + h, x, y, r); + context.arcTo(x, y, x + w, y, r); + context.closePath(); +} + +function positionCoordinate( + position: LabelPosition, + { padding, border, width, height, top, left }: ElementMeasurements +): Coordinate { + const contentWidth = width - border.left - border.right - padding.left - padding.right; + const contentHeight = height - padding.top - padding.bottom - border.top - border.bottom; + + let x = left + border.left + padding.left; + let y = top + border.top + padding.top; + + if (position === 'top') { + x += contentWidth / 2; + } else if (position === 'right') { + x += contentWidth; + y += contentHeight / 2; + } else if (position === 'bottom') { + x += contentWidth / 2; + y += contentHeight; + } else if (position === 'left') { + y += contentHeight / 2; + } else if (position === 'center') { + x += contentWidth / 2; + y += contentHeight / 2; + } + + return { x, y }; +} + +/** + * Offset the label based on how many layers appear before it + * For example: + * margin labels will shift further outwards if there are + * padding labels + */ +function offset( + type: LabelType, + position: LabelPosition, + { margin, border, padding }: ElementMeasurements, + labelPaddingSize: number, + external: boolean +) { + let shift = (dir: Direction) => 0; + let offsetX = 0; + let offsetY = 0; + + // If external labels then push them to the edge of the band + // else keep them centred + const locationMultiplier = external ? 1 : 0.5; + // Account for padding within the label + const labelPaddingShift = external ? labelPaddingSize * 2 : 0; + + if (type === 'padding') { + shift = (dir: Direction) => padding[dir] * locationMultiplier + labelPaddingShift; + } else if (type === 'border') { + shift = (dir: Direction) => padding[dir] + border[dir] * locationMultiplier + labelPaddingShift; + } else if (type === 'margin') { + shift = (dir: Direction) => + padding[dir] + border[dir] + margin[dir] * locationMultiplier + labelPaddingShift; + } + + if (position === 'top') { + offsetY = -shift('top'); + } else if (position === 'right') { + offsetX = shift('right'); + } else if (position === 'bottom') { + offsetY = shift('bottom'); + } else if (position === 'left') { + offsetX = -shift('left'); + } + + return { offsetX, offsetY }; +} + +function collide(a: Rect, b: Rect) { + return ( + Math.abs(a.x - b.x) < Math.abs(a.w + b.w) / 2 && Math.abs(a.y - b.y) < Math.abs(a.h + b.h) / 2 + ); +} + +function overlapAdjustment(position: LabelPosition, currentRect: Rect, prevRect: Rect) { + if (position === 'top') { + currentRect.y = prevRect.y - prevRect.h - labelPadding; + } else if (position === 'right') { + currentRect.x = prevRect.x + prevRect.w / 2 + labelPadding + currentRect.w / 2; + } else if (position === 'bottom') { + currentRect.y = prevRect.y + prevRect.h + labelPadding; + } else if (position === 'left') { + currentRect.x = prevRect.x - prevRect.w / 2 - labelPadding - currentRect.w / 2; + } + + return { x: currentRect.x, y: currentRect.y }; +} + +function textWithRect( + context: CanvasRenderingContext2D, + type: LabelType, + { x, y, w, h }: Rect, + text: number | string +) { + roundedRect(context, { x, y, w, h, r: 3 }); + context.fillStyle = `${colors[type]}dd`; + context.fill(); + context.strokeStyle = colors[type]; + context.stroke(); + + context.fillStyle = colors.text; + context.fillText(text as string, x, y); + + roundedRect(context, { x, y, w, h, r: 3 }); + context.fillStyle = `${colors[type]}dd`; + context.fill(); + context.strokeStyle = colors[type]; + context.stroke(); + + context.fillStyle = colors.text; + context.fillText(text as string, x, y); + + return { x, y, w, h }; +} + +function configureText(context: CanvasRenderingContext2D, text: number | string): RectSize { + context.font = '600 12px monospace'; + context.textBaseline = 'middle'; + context.textAlign = 'center'; + + const metrics = context.measureText(text as string); + const actualHeight = metrics.actualBoundingBoxAscent + metrics.actualBoundingBoxDescent; + + const w = metrics.width + labelPadding * 2; + const h = actualHeight + labelPadding * 2; + + return { w, h }; +} + +function drawLabel( + context: CanvasRenderingContext2D, + measurements: ElementMeasurements, + { type, position = 'center', text }: Label, + prevRect: Rect, + external = false +) { + let { x, y } = positionCoordinate(position, measurements); + const { offsetX, offsetY } = offset(type, position, measurements, labelPadding + 1, external); + + // Shift coordinate to center within + // the band of measurement + x += offsetX; + y += offsetY; + + const { w, h } = configureText(context, text); + + // Adjust for overlap + if (prevRect && collide({ x, y, w, h }, prevRect)) { + const adjusted = overlapAdjustment(position, { x, y, w, h }, prevRect); + x = adjusted.x; + y = adjusted.y; + } + + return textWithRect(context, type, { x, y, w, h }, text); +} + +function floatingOffset(alignment: FloatingAlignment, { w, h }: RectSize) { + const deltaW = w * 0.5 + labelPadding; + const deltaH = h * 0.5 + labelPadding; + + return { + offsetX: (alignment.x === 'left' ? -1 : 1) * deltaW, + offsetY: (alignment.y === 'top' ? -1 : 1) * deltaH, + }; +} + +export function drawFloatingLabel( + context: CanvasRenderingContext2D, + measurements: ElementMeasurements, + { type, text }: Label +) { + const { floatingAlignment, extremities } = measurements; + + let x = extremities[floatingAlignment.x]; + let y = extremities[floatingAlignment.y]; + + const { w, h } = configureText(context, text); + + const { offsetX, offsetY } = floatingOffset(floatingAlignment, { + w, + h, + }); + + x += offsetX; + y += offsetY; + + return textWithRect(context, type, { x, y, w, h }, text); +} + +function drawStack( + context: CanvasRenderingContext2D, + measurements: ElementMeasurements, + stack: LabelStack, + external: boolean +) { + const rects: Rect[] = []; + + stack.forEach((l, idx) => { + // Move the centred label to floating in external mode + const rect = + external && l.position === 'center' + ? drawFloatingLabel(context, measurements, l) + : drawLabel(context, measurements, l, rects[idx - 1], external); + rects[idx] = rect; + }); +} + +interface GroupedLabelStacks { + top?: LabelStack; + right?: LabelStack; + bottom?: LabelStack; + left?: LabelStack; + center?: LabelStack; +} + +export function labelStacks( + context: CanvasRenderingContext2D, + measurements: ElementMeasurements, + labels: LabelStack, + externalLabels: boolean +) { + const stacks = labels.reduce((acc, l) => { + if (!Object.prototype.hasOwnProperty.call(acc, l.position)) { + acc[l.position] = []; + } + + acc[l.position].push(l); + + return acc; + }, {}); + + if (stacks.top) { + drawStack(context, measurements, stacks.top, externalLabels); + } + if (stacks.right) { + drawStack(context, measurements, stacks.right, externalLabels); + } + if (stacks.bottom) { + drawStack(context, measurements, stacks.bottom, externalLabels); + } + if (stacks.left) { + drawStack(context, measurements, stacks.left, externalLabels); + } + if (stacks.center) { + drawStack(context, measurements, stacks.center, externalLabels); + } +} diff --git a/addons/measure/src/box-model/visualizer.ts b/addons/measure/src/box-model/visualizer.ts new file mode 100644 index 000000000000..97ac7791bb73 --- /dev/null +++ b/addons/measure/src/box-model/visualizer.ts @@ -0,0 +1,308 @@ +/* eslint-disable operator-assignment */ +/** + * Based on https://gist.github.com/awestbro/e668c12662ad354f02a413205b65fce7 + */ +import global from 'global'; +import { draw } from './canvas'; +import { labelStacks, Label, LabelStack } from './labels'; + +const colors = { + margin: '#f6b26ba8', + border: '#ffe599a8', + padding: '#93c47d8c', + content: '#6fa8dca8', +}; + +const SMALL_NODE_SIZE = 30; + +function pxToNumber(px: string): number { + return parseInt(px.replace('px', ''), 10); +} + +function round(value: number): number | string { + return Number.isInteger(value) ? value : value.toFixed(2); +} + +function filterZeroValues(labels: LabelStack): LabelStack { + return labels.filter((l) => l.text !== 0 && l.text !== '0'); +} + +function floatingAlignment(extremities: Extremities): FloatingAlignment { + const windowExtremities = { + top: global.window.scrollY, + bottom: global.window.scrollY + global.window.innerHeight, + left: global.window.scrollX, + right: global.window.scrollX + global.window.innerWidth, + }; + + const distances = { + top: Math.abs(windowExtremities.top - extremities.top), + bottom: Math.abs(windowExtremities.bottom - extremities.bottom), + left: Math.abs(windowExtremities.left - extremities.left), + right: Math.abs(windowExtremities.right - extremities.right), + }; + + return { + x: distances.left > distances.right ? 'left' : 'right', + y: distances.top > distances.bottom ? 'top' : 'bottom', + }; +} + +function measureElement(element: HTMLElement): ElementMeasurements { + const style = global.getComputedStyle(element); + // eslint-disable-next-line prefer-const + let { top, left, right, bottom, width, height } = element.getBoundingClientRect(); + + const { + marginTop, + marginBottom, + marginLeft, + marginRight, + paddingTop, + paddingBottom, + paddingLeft, + paddingRight, + borderBottomWidth, + borderTopWidth, + borderLeftWidth, + borderRightWidth, + } = style; + + top = top + global.window.scrollY; + left = left + global.window.scrollX; + bottom = bottom + global.window.scrollY; + right = right + global.window.scrollX; + + const margin = { + top: pxToNumber(marginTop), + bottom: pxToNumber(marginBottom), + left: pxToNumber(marginLeft), + right: pxToNumber(marginRight), + }; + + const padding = { + top: pxToNumber(paddingTop), + bottom: pxToNumber(paddingBottom), + left: pxToNumber(paddingLeft), + right: pxToNumber(paddingRight), + }; + + const border = { + top: pxToNumber(borderTopWidth), + bottom: pxToNumber(borderBottomWidth), + left: pxToNumber(borderLeftWidth), + right: pxToNumber(borderRightWidth), + }; + + const extremities = { + top: top - margin.top, + bottom: bottom + margin.bottom, + left: left - margin.left, + right: right + margin.right, + }; + + return { + margin, + padding, + border, + top, + left, + bottom, + right, + width, + height, + extremities, + floatingAlignment: floatingAlignment(extremities), + }; +} + +function drawMargin( + context: CanvasRenderingContext2D, + { margin, width, height, top, left, bottom, right }: Dimensions +): LabelStack { + // Draw Margin + const marginHeight = height + margin.bottom + margin.top; + + context.fillStyle = colors.margin; + // Top margin rect + context.fillRect(left, top - margin.top, width, margin.top); + // Right margin rect + context.fillRect(right, top - margin.top, margin.right, marginHeight); + // Bottom margin rect + context.fillRect(left, bottom, width, margin.bottom); + // Left margin rect + context.fillRect(left - margin.left, top - margin.top, margin.left, marginHeight); + + const marginLabels: LabelStack = [ + { + type: 'margin', + text: round(margin.top), + position: 'top', + }, + { + type: 'margin', + text: round(margin.right), + position: 'right', + }, + { + type: 'margin', + text: round(margin.bottom), + position: 'bottom', + }, + { + type: 'margin', + text: round(margin.left), + position: 'left', + }, + ]; + + return filterZeroValues(marginLabels); +} + +function drawPadding( + context: CanvasRenderingContext2D, + { padding, border, width, height, top, left, bottom, right }: Dimensions +): LabelStack { + const paddingWidth = width - border.left - border.right; + const paddingHeight = height - padding.top - padding.bottom - border.top - border.bottom; + + context.fillStyle = colors.padding; + // Top padding rect + context.fillRect(left + border.left, top + border.top, paddingWidth, padding.top); + // Right padding rect + context.fillRect( + right - padding.right - border.right, + top + padding.top + border.top, + padding.right, + paddingHeight + ); + // Bottom padding rect + context.fillRect( + left + border.left, + bottom - padding.bottom - border.bottom, + paddingWidth, + padding.bottom + ); + // Left padding rect + context.fillRect(left + border.left, top + padding.top + border.top, padding.left, paddingHeight); + + const paddingLabels: LabelStack = [ + { + type: 'padding', + text: padding.top, + position: 'top', + }, + { + type: 'padding', + text: padding.right, + position: 'right', + }, + { + type: 'padding', + text: padding.bottom, + position: 'bottom', + }, + { + type: 'padding', + text: padding.left, + position: 'left', + }, + ]; + + return filterZeroValues(paddingLabels); +} + +function drawBorder( + context: CanvasRenderingContext2D, + { border, width, height, top, left, bottom, right }: Dimensions +): Label[] { + const borderHeight = height - border.top - border.bottom; + + context.fillStyle = colors.border; + // Top border rect + context.fillRect(left, top, width, border.top); + // Bottom border rect + context.fillRect(left, bottom - border.bottom, width, border.bottom); + // Left border rect + context.fillRect(left, top + border.top, border.left, borderHeight); + // Right border rect + context.fillRect(right - border.right, top + border.top, border.right, borderHeight); + + const borderLabels: LabelStack = [ + { + type: 'border', + text: border.top, + position: 'top', + }, + { + type: 'border', + text: border.right, + position: 'right', + }, + { + type: 'border', + text: border.bottom, + position: 'bottom', + }, + { + type: 'border', + text: border.left, + position: 'left', + }, + ]; + + return filterZeroValues(borderLabels); +} + +function drawContent( + context: CanvasRenderingContext2D, + { padding, border, width, height, top, left }: Dimensions +): LabelStack { + const contentWidth = width - border.left - border.right - padding.left - padding.right; + const contentHeight = height - padding.top - padding.bottom - border.top - border.bottom; + + context.fillStyle = colors.content; + // content rect + context.fillRect( + left + border.left + padding.left, + top + border.top + padding.top, + contentWidth, + contentHeight + ); + + // Dimension label + return [ + { + type: 'content', + position: 'center', + text: `${round(contentWidth)} x ${round(contentHeight)}`, + }, + ]; +} + +function drawBoxModel(element: HTMLElement) { + return (context: CanvasRenderingContext2D) => { + if (element && context) { + const measurements = measureElement(element); + + const marginLabels = drawMargin(context, measurements); + const paddingLabels = drawPadding(context, measurements); + const borderLabels = drawBorder(context, measurements); + const contentLabels = drawContent(context, measurements); + + const externalLabels = + measurements.width <= SMALL_NODE_SIZE * 3 || measurements.height <= SMALL_NODE_SIZE; + + labelStacks( + context, + measurements, + [...contentLabels, ...paddingLabels, ...borderLabels, ...marginLabels], + externalLabels + ); + } + }; +} + +export function drawSelectedElement(element: HTMLElement) { + draw(drawBoxModel(element)); +} diff --git a/addons/measure/src/constants.ts b/addons/measure/src/constants.ts new file mode 100644 index 000000000000..3375eac3e939 --- /dev/null +++ b/addons/measure/src/constants.ts @@ -0,0 +1,9 @@ +export const ADDON_ID = 'storybook/measure-addon'; +export const TOOL_ID = `${ADDON_ID}/tool`; +export const PARAM_KEY = 'measureEnabled'; + +export const EVENTS = { + RESULT: `${ADDON_ID}/result`, + REQUEST: `${ADDON_ID}/request`, + CLEAR: `${ADDON_ID}/clear`, +}; diff --git a/addons/measure/src/index.ts b/addons/measure/src/index.ts new file mode 100644 index 000000000000..644402abb41c --- /dev/null +++ b/addons/measure/src/index.ts @@ -0,0 +1,6 @@ +if (module && module.hot && module.hot.decline) { + module.hot.decline(); +} + +// make it work with --isolatedModules +export default {}; diff --git a/addons/measure/src/preset/addDecorator.tsx b/addons/measure/src/preset/addDecorator.tsx new file mode 100644 index 000000000000..8aabbd42a2da --- /dev/null +++ b/addons/measure/src/preset/addDecorator.tsx @@ -0,0 +1,8 @@ +import { withMeasure } from '../withMeasure'; +import { PARAM_KEY } from '../constants'; + +export const decorators = [withMeasure]; + +export const globals = { + [PARAM_KEY]: false, +}; diff --git a/addons/measure/src/register.tsx b/addons/measure/src/register.tsx new file mode 100644 index 000000000000..162e7ce43ecd --- /dev/null +++ b/addons/measure/src/register.tsx @@ -0,0 +1,14 @@ +import React from 'react'; +import { addons, types } from '@storybook/addons'; + +import { ADDON_ID, TOOL_ID } from './constants'; +import { Tool } from './Tool'; + +addons.register(ADDON_ID, () => { + addons.add(TOOL_ID, { + type: types.TOOL, + title: 'Measure', + match: ({ viewMode }) => viewMode === 'story', + render: () => , + }); +}); diff --git a/addons/measure/src/typings.d.ts b/addons/measure/src/typings.d.ts new file mode 100644 index 000000000000..4a8ad58bf897 --- /dev/null +++ b/addons/measure/src/typings.d.ts @@ -0,0 +1,51 @@ +declare module 'global'; + +interface Margin { + top: number; + bottom: number; + left: number; + right: number; +} + +interface Padding { + top: number; + bottom: number; + left: number; + right: number; +} + +interface Border { + top: number; + bottom: number; + left: number; + right: number; +} + +interface Dimensions { + margin: Margin; + padding: Padding; + border: Border; + width: number; + height: number; + top: number; + left: number; + bottom: number; + right: number; +} + +interface Extremities { + top: number; + bottom: number; + left: number; + right: number; +} + +interface FloatingAlignment { + x: 'left' | 'right'; + y: 'top' | 'bottom'; +} + +interface ElementMeasurements extends Dimensions { + extremities: Extremities; + floatingAlignment: FloatingAlignment; +} diff --git a/addons/measure/src/util.ts b/addons/measure/src/util.ts new file mode 100644 index 000000000000..afb07d91299d --- /dev/null +++ b/addons/measure/src/util.ts @@ -0,0 +1,28 @@ +import global from 'global'; + +export const deepElementFromPoint = (x: number, y: number) => { + const element = global.document.elementFromPoint(x, y); + + const crawlShadows = (node: Element): Element => { + if (node && node.shadowRoot) { + const nestedElement = node.shadowRoot.elementFromPoint(x, y); + + // Nested node is same as the root one + if (node.isEqualNode(nestedElement)) { + return node; + } + // The nested node has shadow DOM too so continue crawling + if (nestedElement.shadowRoot) { + return crawlShadows(nestedElement); + } + // No more shadow DOM + return nestedElement; + } + + return node; + }; + + const shadowElement = crawlShadows(element); + + return shadowElement || element; +}; diff --git a/addons/measure/src/withMeasure.ts b/addons/measure/src/withMeasure.ts new file mode 100644 index 000000000000..64711e69a5e4 --- /dev/null +++ b/addons/measure/src/withMeasure.ts @@ -0,0 +1,63 @@ +/* eslint-env browser */ +import { StoryFn as StoryFunction, StoryContext, useEffect } from '@storybook/addons'; +import { drawSelectedElement } from './box-model/visualizer'; +import { init, rescale, destroy } from './box-model/canvas'; +import { deepElementFromPoint } from './util'; + +let nodeAtPointerRef; +const pointer = { x: 0, y: 0 }; + +function findAndDrawElement(x: number, y: number) { + nodeAtPointerRef = deepElementFromPoint(x, y); + drawSelectedElement(nodeAtPointerRef); +} + +export const withMeasure = (StoryFn: StoryFunction, context: StoryContext) => { + const { measureEnabled } = context.globals; + + useEffect(() => { + const onMouseMove = (event: MouseEvent) => { + window.requestAnimationFrame(() => { + event.stopPropagation(); + pointer.x = event.clientX; + pointer.y = event.clientY; + }); + }; + + document.addEventListener('mousemove', onMouseMove); + + return () => { + document.removeEventListener('mousemove', onMouseMove); + }; + }, []); + + useEffect(() => { + const onMouseOver = (event: MouseEvent) => { + window.requestAnimationFrame(() => { + event.stopPropagation(); + findAndDrawElement(event.clientX, event.clientY); + }); + }; + + const onResize = () => { + window.requestAnimationFrame(() => { + rescale(); + }); + }; + + if (measureEnabled) { + document.addEventListener('mouseover', onMouseOver); + init(); + window.addEventListener('resize', onResize); + // Draw the element below the pointer when first enabled + findAndDrawElement(pointer.x, pointer.y); + } + + return () => { + window.removeEventListener('resize', onResize); + destroy(); + }; + }, [measureEnabled]); + + return StoryFn(); +}; diff --git a/addons/measure/tsconfig.json b/addons/measure/tsconfig.json new file mode 100644 index 000000000000..d1ee4fc75941 --- /dev/null +++ b/addons/measure/tsconfig.json @@ -0,0 +1,18 @@ +{ + "extends": "../../tsconfig.json", + "compilerOptions": { + "rootDir": "./src", + "types": ["webpack-env"] + }, + "include": [ + "src/**/*" + ], + "exclude": [ + "src/**/*.test.*", + "src/**/tests/**/*", + "src/**/__tests__/**/*", + "src/**/*.stories.*", + "src/**/*.mockdata.*", + "src/**/__testfixtures__/**" + ] +} diff --git a/addons/outline/package.json b/addons/outline/package.json index 1872819ddbae..9651c549ca03 100644 --- a/addons/outline/package.json +++ b/addons/outline/package.json @@ -1,6 +1,6 @@ { "name": "@storybook/addon-outline", - "version": "6.4.0-alpha.13", + "version": "6.4.0-alpha.14", "description": "Outline all elements with CSS to help with layout placement and alignment", "keywords": [ "storybook-addons", @@ -47,11 +47,11 @@ "prepare": "node ../../scripts/prepare.js" }, "dependencies": { - "@storybook/addons": "6.4.0-alpha.13", - "@storybook/api": "6.4.0-alpha.13", - "@storybook/client-logger": "6.4.0-alpha.13", - "@storybook/components": "6.4.0-alpha.13", - "@storybook/core-events": "6.4.0-alpha.13", + "@storybook/addons": "6.4.0-alpha.14", + "@storybook/api": "6.4.0-alpha.14", + "@storybook/client-logger": "6.4.0-alpha.14", + "@storybook/components": "6.4.0-alpha.14", + "@storybook/core-events": "6.4.0-alpha.14", "core-js": "^3.8.2", "global": "^4.4.0", "regenerator-runtime": "^0.13.7", @@ -75,7 +75,7 @@ "publishConfig": { "access": "public" }, - "gitHead": "70d04492b677c52c518b1b9591e382ba57484042", + "gitHead": "d3f8b5119b70ecf23ef2006b58034292eab3726e", "sbmodern": "dist/modern/index.js", "storybook": { "displayName": "Outline", diff --git a/addons/outline/src/index.ts b/addons/outline/src/index.ts new file mode 100644 index 000000000000..644402abb41c --- /dev/null +++ b/addons/outline/src/index.ts @@ -0,0 +1,6 @@ +if (module && module.hot && module.hot.decline) { + module.hot.decline(); +} + +// make it work with --isolatedModules +export default {}; diff --git a/addons/storyshots/storyshots-core/package.json b/addons/storyshots/storyshots-core/package.json index b5e2b7a4106a..f6e3e5d0873e 100644 --- a/addons/storyshots/storyshots-core/package.json +++ b/addons/storyshots/storyshots-core/package.json @@ -1,6 +1,6 @@ { "name": "@storybook/addon-storyshots", - "version": "6.4.0-alpha.13", + "version": "6.4.0-alpha.14", "description": "Take a code snapshot of every story automatically with Jest", "keywords": [ "addon", @@ -45,10 +45,10 @@ }, "dependencies": { "@jest/transform": "^26.6.2", - "@storybook/addons": "6.4.0-alpha.13", - "@storybook/client-api": "6.4.0-alpha.13", - "@storybook/core": "6.4.0-alpha.13", - "@storybook/core-common": "6.4.0-alpha.13", + "@storybook/addons": "6.4.0-alpha.14", + "@storybook/client-api": "6.4.0-alpha.14", + "@storybook/core": "6.4.0-alpha.14", + "@storybook/core-common": "6.4.0-alpha.14", "@types/glob": "^7.1.3", "@types/jest": "^26.0.16", "@types/jest-specific-snapshot": "^0.5.3", @@ -67,11 +67,11 @@ "devDependencies": { "@angular/core": "^11.2.0", "@angular/platform-browser-dynamic": "^11.2.0", - "@storybook/addon-docs": "6.4.0-alpha.13", - "@storybook/angular": "6.4.0-alpha.13", - "@storybook/react": "6.4.0-alpha.13", - "@storybook/vue": "6.4.0-alpha.13", - "@storybook/vue3": "6.4.0-alpha.13", + "@storybook/addon-docs": "6.4.0-alpha.14", + "@storybook/angular": "6.4.0-alpha.14", + "@storybook/react": "6.4.0-alpha.14", + "@storybook/vue": "6.4.0-alpha.14", + "@storybook/vue3": "6.4.0-alpha.14", "babel-loader": "^8.2.2", "enzyme": "^3.11.0", "enzyme-to-json": "^3.6.1", @@ -149,7 +149,7 @@ "publishConfig": { "access": "public" }, - "gitHead": "70d04492b677c52c518b1b9591e382ba57484042", + "gitHead": "d3f8b5119b70ecf23ef2006b58034292eab3726e", "storybook": { "displayName": "Storyshots", "icon": "https://user-images.githubusercontent.com/263385/101991676-48cdf300-3c7c-11eb-8aa1-944dab6ab29b.png", diff --git a/addons/storyshots/storyshots-puppeteer/package.json b/addons/storyshots/storyshots-puppeteer/package.json index 69062ee9daec..a4374a6e7c5f 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": "6.4.0-alpha.13", + "version": "6.4.0-alpha.14", "description": "Image snapshots addition to StoryShots based on puppeteer", "keywords": [ "addon", @@ -42,7 +42,7 @@ "dependencies": { "@axe-core/puppeteer": "^4.2.0", "@storybook/csf": "0.0.1", - "@storybook/node-logger": "6.4.0-alpha.13", + "@storybook/node-logger": "6.4.0-alpha.14", "@types/jest-image-snapshot": "^4.1.3", "core-js": "^3.8.2", "jest-image-snapshot": "^4.3.0", @@ -53,7 +53,7 @@ "@types/puppeteer": "^5.4.0" }, "peerDependencies": { - "@storybook/addon-storyshots": "6.4.0-alpha.13", + "@storybook/addon-storyshots": "6.4.0-alpha.14", "puppeteer": "^2.0.0 || ^3.0.0" }, "peerDependenciesMeta": { @@ -64,5 +64,5 @@ "publishConfig": { "access": "public" }, - "gitHead": "70d04492b677c52c518b1b9591e382ba57484042" + "gitHead": "d3f8b5119b70ecf23ef2006b58034292eab3726e" } diff --git a/addons/storysource/package.json b/addons/storysource/package.json index d2d665758623..8f36d4e7daf8 100644 --- a/addons/storysource/package.json +++ b/addons/storysource/package.json @@ -1,6 +1,6 @@ { "name": "@storybook/addon-storysource", - "version": "6.4.0-alpha.13", + "version": "6.4.0-alpha.14", "description": "View a story’s source code to see how it works and paste into your app", "keywords": [ "addon", @@ -41,13 +41,13 @@ "prepare": "node ../../scripts/prepare.js" }, "dependencies": { - "@storybook/addons": "6.4.0-alpha.13", - "@storybook/api": "6.4.0-alpha.13", - "@storybook/client-logger": "6.4.0-alpha.13", - "@storybook/components": "6.4.0-alpha.13", - "@storybook/router": "6.4.0-alpha.13", - "@storybook/source-loader": "6.4.0-alpha.13", - "@storybook/theming": "6.4.0-alpha.13", + "@storybook/addons": "6.4.0-alpha.14", + "@storybook/api": "6.4.0-alpha.14", + "@storybook/client-logger": "6.4.0-alpha.14", + "@storybook/components": "6.4.0-alpha.14", + "@storybook/router": "6.4.0-alpha.14", + "@storybook/source-loader": "6.4.0-alpha.14", + "@storybook/theming": "6.4.0-alpha.14", "core-js": "^3.8.2", "estraverse": "^5.2.0", "loader-utils": "^2.0.0", @@ -75,7 +75,7 @@ "publishConfig": { "access": "public" }, - "gitHead": "70d04492b677c52c518b1b9591e382ba57484042", + "gitHead": "d3f8b5119b70ecf23ef2006b58034292eab3726e", "sbmodern": "dist/modern/index.js", "storybook": { "displayName": "Storysource", diff --git a/addons/toolbars/package.json b/addons/toolbars/package.json index 4dc289e42e3a..8fbad144b5f8 100644 --- a/addons/toolbars/package.json +++ b/addons/toolbars/package.json @@ -1,6 +1,6 @@ { "name": "@storybook/addon-toolbars", - "version": "6.4.0-alpha.13", + "version": "6.4.0-alpha.14", "description": "Create your own toolbar items that control story rendering", "keywords": [ "addon", @@ -45,11 +45,11 @@ "prepare": "node ../../scripts/prepare.js" }, "dependencies": { - "@storybook/addons": "6.4.0-alpha.13", - "@storybook/api": "6.4.0-alpha.13", - "@storybook/client-api": "6.4.0-alpha.13", - "@storybook/components": "6.4.0-alpha.13", - "@storybook/theming": "6.4.0-alpha.13", + "@storybook/addons": "6.4.0-alpha.14", + "@storybook/api": "6.4.0-alpha.14", + "@storybook/client-api": "6.4.0-alpha.14", + "@storybook/components": "6.4.0-alpha.14", + "@storybook/theming": "6.4.0-alpha.14", "core-js": "^3.8.2", "regenerator-runtime": "^0.13.7" }, @@ -68,7 +68,7 @@ "publishConfig": { "access": "public" }, - "gitHead": "70d04492b677c52c518b1b9591e382ba57484042", + "gitHead": "d3f8b5119b70ecf23ef2006b58034292eab3726e", "sbmodern": "dist/modern/register.js", "storybook": { "displayName": "Toolbars", diff --git a/addons/viewport/package.json b/addons/viewport/package.json index 67b39d82a84a..cadb6d778f49 100644 --- a/addons/viewport/package.json +++ b/addons/viewport/package.json @@ -1,6 +1,6 @@ { "name": "@storybook/addon-viewport", - "version": "6.4.0-alpha.13", + "version": "6.4.0-alpha.14", "description": "Build responsive components by adjusting Storybook’s viewport size and orientation", "keywords": [ "addon", @@ -42,12 +42,12 @@ "prepare": "node ../../scripts/prepare.js" }, "dependencies": { - "@storybook/addons": "6.4.0-alpha.13", - "@storybook/api": "6.4.0-alpha.13", - "@storybook/client-logger": "6.4.0-alpha.13", - "@storybook/components": "6.4.0-alpha.13", - "@storybook/core-events": "6.4.0-alpha.13", - "@storybook/theming": "6.4.0-alpha.13", + "@storybook/addons": "6.4.0-alpha.14", + "@storybook/api": "6.4.0-alpha.14", + "@storybook/client-logger": "6.4.0-alpha.14", + "@storybook/components": "6.4.0-alpha.14", + "@storybook/core-events": "6.4.0-alpha.14", + "@storybook/theming": "6.4.0-alpha.14", "core-js": "^3.8.2", "global": "^4.4.0", "memoizerific": "^1.11.3", @@ -69,7 +69,7 @@ "publishConfig": { "access": "public" }, - "gitHead": "70d04492b677c52c518b1b9591e382ba57484042", + "gitHead": "d3f8b5119b70ecf23ef2006b58034292eab3726e", "sbmodern": "dist/modern/preview.js", "storybook": { "displayName": "Viewport", diff --git a/app/angular/package.json b/app/angular/package.json index c8510c3a1325..8054a8c7f913 100644 --- a/app/angular/package.json +++ b/app/angular/package.json @@ -1,6 +1,6 @@ { "name": "@storybook/angular", - "version": "6.4.0-alpha.13", + "version": "6.4.0-alpha.14", "description": "Storybook for Angular: Develop Angular Components in isolation with Hot Reloading.", "keywords": [ "storybook" @@ -45,12 +45,12 @@ "prepare": "node ../../scripts/prepare.js" }, "dependencies": { - "@storybook/addons": "6.4.0-alpha.13", - "@storybook/api": "6.4.0-alpha.13", - "@storybook/core": "6.4.0-alpha.13", - "@storybook/core-common": "6.4.0-alpha.13", - "@storybook/core-events": "6.4.0-alpha.13", - "@storybook/node-logger": "6.4.0-alpha.13", + "@storybook/addons": "6.4.0-alpha.14", + "@storybook/api": "6.4.0-alpha.14", + "@storybook/core": "6.4.0-alpha.14", + "@storybook/core-common": "6.4.0-alpha.14", + "@storybook/core-events": "6.4.0-alpha.14", + "@storybook/node-logger": "6.4.0-alpha.14", "@types/webpack-env": "^1.16.0", "autoprefixer": "^9.8.6", "core-js": "^3.8.2", @@ -129,5 +129,5 @@ "access": "public" }, "builders": "dist/ts3.9/builders/builders.json", - "gitHead": "70d04492b677c52c518b1b9591e382ba57484042" + "gitHead": "d3f8b5119b70ecf23ef2006b58034292eab3726e" } diff --git a/app/ember/package.json b/app/ember/package.json index 3322045710b7..53ca447f7117 100644 --- a/app/ember/package.json +++ b/app/ember/package.json @@ -1,6 +1,6 @@ { "name": "@storybook/ember", - "version": "6.4.0-alpha.13", + "version": "6.4.0-alpha.14", "description": "Storybook for Ember: Develop Ember Component in isolation with Hot Reloading.", "homepage": "https://github.com/storybookjs/storybook/tree/main/app/ember", "bugs": { @@ -43,8 +43,8 @@ }, "dependencies": { "@ember/test-helpers": "^2.1.4", - "@storybook/core": "6.4.0-alpha.13", - "@storybook/core-common": "6.4.0-alpha.13", + "@storybook/core": "6.4.0-alpha.14", + "@storybook/core-common": "6.4.0-alpha.14", "core-js": "^3.8.2", "global": "^4.4.0", "react": "16.14.0", @@ -65,6 +65,6 @@ "publishConfig": { "access": "public" }, - "gitHead": "70d04492b677c52c518b1b9591e382ba57484042", + "gitHead": "d3f8b5119b70ecf23ef2006b58034292eab3726e", "sbmodern": "dist/modern/client/index.js" } diff --git a/app/html/package.json b/app/html/package.json index 85f245ca7cba..e774c02e9e3d 100644 --- a/app/html/package.json +++ b/app/html/package.json @@ -1,6 +1,6 @@ { "name": "@storybook/html", - "version": "6.4.0-alpha.13", + "version": "6.4.0-alpha.14", "description": "Storybook for HTML: View HTML snippets in isolation with Hot Reloading.", "keywords": [ "storybook" @@ -45,10 +45,10 @@ "prepare": "node ../../scripts/prepare.js" }, "dependencies": { - "@storybook/addons": "6.4.0-alpha.13", - "@storybook/client-api": "6.4.0-alpha.13", - "@storybook/core": "6.4.0-alpha.13", - "@storybook/core-common": "6.4.0-alpha.13", + "@storybook/addons": "6.4.0-alpha.14", + "@storybook/client-api": "6.4.0-alpha.14", + "@storybook/core": "6.4.0-alpha.14", + "@storybook/core-common": "6.4.0-alpha.14", "@types/webpack-env": "^1.16.0", "core-js": "^3.8.2", "global": "^4.4.0", @@ -68,6 +68,6 @@ "publishConfig": { "access": "public" }, - "gitHead": "70d04492b677c52c518b1b9591e382ba57484042", + "gitHead": "d3f8b5119b70ecf23ef2006b58034292eab3726e", "sbmodern": "dist/modern/client/index.js" } diff --git a/app/preact/package.json b/app/preact/package.json index 0bdb7331e3d2..af44594f6a33 100644 --- a/app/preact/package.json +++ b/app/preact/package.json @@ -1,6 +1,6 @@ { "name": "@storybook/preact", - "version": "6.4.0-alpha.13", + "version": "6.4.0-alpha.14", "description": "Storybook for Preact: Develop Preact Component in isolation.", "keywords": [ "storybook" @@ -46,9 +46,9 @@ }, "dependencies": { "@babel/plugin-transform-react-jsx": "^7.12.12", - "@storybook/addons": "6.4.0-alpha.13", - "@storybook/core": "6.4.0-alpha.13", - "@storybook/core-common": "6.4.0-alpha.13", + "@storybook/addons": "6.4.0-alpha.14", + "@storybook/core": "6.4.0-alpha.14", + "@storybook/core-common": "6.4.0-alpha.14", "@types/webpack-env": "^1.16.0", "core-js": "^3.8.2", "global": "^4.4.0", @@ -72,6 +72,6 @@ "publishConfig": { "access": "public" }, - "gitHead": "70d04492b677c52c518b1b9591e382ba57484042", + "gitHead": "d3f8b5119b70ecf23ef2006b58034292eab3726e", "sbmodern": "dist/modern/client/index.js" } diff --git a/app/react/package.json b/app/react/package.json index ca785455ee66..907ed152119d 100644 --- a/app/react/package.json +++ b/app/react/package.json @@ -1,6 +1,6 @@ { "name": "@storybook/react", - "version": "6.4.0-alpha.13", + "version": "6.4.0-alpha.14", "description": "Storybook for React: Develop React Component in isolation with Hot Reloading.", "keywords": [ "storybook" @@ -49,10 +49,10 @@ "@babel/preset-flow": "^7.12.1", "@babel/preset-react": "^7.12.10", "@pmmmwh/react-refresh-webpack-plugin": "^0.4.3", - "@storybook/addons": "6.4.0-alpha.13", - "@storybook/core": "6.4.0-alpha.13", - "@storybook/core-common": "6.4.0-alpha.13", - "@storybook/node-logger": "6.4.0-alpha.13", + "@storybook/addons": "6.4.0-alpha.14", + "@storybook/core": "6.4.0-alpha.14", + "@storybook/core-common": "6.4.0-alpha.14", + "@storybook/node-logger": "6.4.0-alpha.14", "@storybook/react-docgen-typescript-plugin": "1.0.2-canary.253f8c1.0", "@storybook/semver": "^7.3.2", "@types/webpack-env": "^1.16.0", @@ -71,7 +71,7 @@ "webpack": "4" }, "devDependencies": { - "@storybook/client-api": "6.4.0-alpha.13", + "@storybook/client-api": "6.4.0-alpha.14", "@types/node": "^14.14.20", "@types/prompts": "^2.0.9" }, @@ -94,6 +94,6 @@ "publishConfig": { "access": "public" }, - "gitHead": "70d04492b677c52c518b1b9591e382ba57484042", + "gitHead": "d3f8b5119b70ecf23ef2006b58034292eab3726e", "sbmodern": "dist/modern/client/index.js" } diff --git a/app/server/package.json b/app/server/package.json index 4aa19b868524..90905bc7a3d0 100644 --- a/app/server/package.json +++ b/app/server/package.json @@ -1,6 +1,6 @@ { "name": "@storybook/server", - "version": "6.4.0-alpha.13", + "version": "6.4.0-alpha.14", "description": "Storybook for Server: View HTML snippets from a server in isolation with Hot Reloading.", "keywords": [ "storybook" @@ -45,12 +45,12 @@ "prepare": "node ../../scripts/prepare.js" }, "dependencies": { - "@storybook/addons": "6.4.0-alpha.13", - "@storybook/api": "6.4.0-alpha.13", - "@storybook/client-api": "6.4.0-alpha.13", - "@storybook/core": "6.4.0-alpha.13", - "@storybook/core-common": "6.4.0-alpha.13", - "@storybook/node-logger": "6.4.0-alpha.13", + "@storybook/addons": "6.4.0-alpha.14", + "@storybook/api": "6.4.0-alpha.14", + "@storybook/client-api": "6.4.0-alpha.14", + "@storybook/core": "6.4.0-alpha.14", + "@storybook/core-common": "6.4.0-alpha.14", + "@storybook/node-logger": "6.4.0-alpha.14", "@types/webpack-env": "^1.16.0", "core-js": "^3.8.2", "global": "^4.4.0", @@ -72,6 +72,6 @@ "publishConfig": { "access": "public" }, - "gitHead": "70d04492b677c52c518b1b9591e382ba57484042", + "gitHead": "d3f8b5119b70ecf23ef2006b58034292eab3726e", "sbmodern": "dist/modern/client/index.js" } diff --git a/app/svelte/package.json b/app/svelte/package.json index cd77d668960b..a5ac4f1a9a92 100644 --- a/app/svelte/package.json +++ b/app/svelte/package.json @@ -1,6 +1,6 @@ { "name": "@storybook/svelte", - "version": "6.4.0-alpha.13", + "version": "6.4.0-alpha.14", "description": "Storybook for Svelte: Develop Svelte Component in isolation with Hot Reloading.", "keywords": [ "storybook" @@ -45,9 +45,9 @@ "prepare": "node ../../scripts/prepare.js" }, "dependencies": { - "@storybook/addons": "6.4.0-alpha.13", - "@storybook/core": "6.4.0-alpha.13", - "@storybook/core-common": "6.4.0-alpha.13", + "@storybook/addons": "6.4.0-alpha.14", + "@storybook/core": "6.4.0-alpha.14", + "@storybook/core-common": "6.4.0-alpha.14", "core-js": "^3.8.2", "global": "^4.4.0", "react": "16.14.0", @@ -73,6 +73,6 @@ "publishConfig": { "access": "public" }, - "gitHead": "70d04492b677c52c518b1b9591e382ba57484042", + "gitHead": "d3f8b5119b70ecf23ef2006b58034292eab3726e", "sbmodern": "dist/modern/client/index.js" } diff --git a/app/vue/package.json b/app/vue/package.json index 32778887937c..09ab5bc9e76b 100644 --- a/app/vue/package.json +++ b/app/vue/package.json @@ -1,6 +1,6 @@ { "name": "@storybook/vue", - "version": "6.4.0-alpha.13", + "version": "6.4.0-alpha.14", "description": "Storybook for Vue: Develop Vue Component in isolation with Hot Reloading.", "keywords": [ "storybook" @@ -45,9 +45,9 @@ "prepare": "node ../../scripts/prepare.js" }, "dependencies": { - "@storybook/addons": "6.4.0-alpha.13", - "@storybook/core": "6.4.0-alpha.13", - "@storybook/core-common": "6.4.0-alpha.13", + "@storybook/addons": "6.4.0-alpha.14", + "@storybook/core": "6.4.0-alpha.14", + "@storybook/core-common": "6.4.0-alpha.14", "@types/webpack-env": "^1.16.0", "core-js": "^3.8.2", "global": "^4.4.0", @@ -81,6 +81,6 @@ "publishConfig": { "access": "public" }, - "gitHead": "70d04492b677c52c518b1b9591e382ba57484042", + "gitHead": "d3f8b5119b70ecf23ef2006b58034292eab3726e", "sbmodern": "dist/modern/client/index.js" } diff --git a/app/vue3/package.json b/app/vue3/package.json index 865858218f8f..d20e0e2b7eb6 100644 --- a/app/vue3/package.json +++ b/app/vue3/package.json @@ -1,6 +1,6 @@ { "name": "@storybook/vue3", - "version": "6.4.0-alpha.13", + "version": "6.4.0-alpha.14", "description": "Storybook for Vue 3: Develop Vue 3 Components in isolation with Hot Reloading.", "keywords": [ "storybook" @@ -45,9 +45,9 @@ "prepare": "node ../../scripts/prepare.js" }, "dependencies": { - "@storybook/addons": "6.4.0-alpha.13", - "@storybook/core": "6.4.0-alpha.13", - "@storybook/core-common": "6.4.0-alpha.13", + "@storybook/addons": "6.4.0-alpha.14", + "@storybook/core": "6.4.0-alpha.14", + "@storybook/core-common": "6.4.0-alpha.14", "@types/webpack-env": "^1.16.0", "core-js": "^3.8.2", "global": "^4.4.0", @@ -79,6 +79,6 @@ "publishConfig": { "access": "public" }, - "gitHead": "70d04492b677c52c518b1b9591e382ba57484042", + "gitHead": "d3f8b5119b70ecf23ef2006b58034292eab3726e", "sbmodern": "dist/modern/client/index.js" } diff --git a/app/web-components/package.json b/app/web-components/package.json index 333566f287c3..e8f381b665ea 100644 --- a/app/web-components/package.json +++ b/app/web-components/package.json @@ -1,6 +1,6 @@ { "name": "@storybook/web-components", - "version": "6.4.0-alpha.13", + "version": "6.4.0-alpha.14", "description": "Storybook for web-components: View web components snippets in isolation with Hot Reloading.", "keywords": [ "lit-html", @@ -50,10 +50,10 @@ "@babel/plugin-syntax-dynamic-import": "^7.8.3", "@babel/plugin-syntax-import-meta": "^7.10.4", "@babel/preset-env": "^7.12.11", - "@storybook/addons": "6.4.0-alpha.13", - "@storybook/client-api": "6.4.0-alpha.13", - "@storybook/core": "6.4.0-alpha.13", - "@storybook/core-common": "6.4.0-alpha.13", + "@storybook/addons": "6.4.0-alpha.14", + "@storybook/client-api": "6.4.0-alpha.14", + "@storybook/core": "6.4.0-alpha.14", + "@storybook/core-common": "6.4.0-alpha.14", "@types/webpack-env": "^1.16.0", "babel-plugin-bundled-import-meta": "^0.3.1", "core-js": "^3.8.2", @@ -76,6 +76,6 @@ "publishConfig": { "access": "public" }, - "gitHead": "70d04492b677c52c518b1b9591e382ba57484042", + "gitHead": "d3f8b5119b70ecf23ef2006b58034292eab3726e", "sbmodern": "dist/modern/client/index.js" } diff --git a/docs/contribute/code.md b/docs/contribute/code.md index f21c6238c81b..fd73f64cf261 100644 --- a/docs/contribute/code.md +++ b/docs/contribute/code.md @@ -101,7 +101,7 @@ yarn test ```
-💡 Storybook uses jest as part of the testing suite, if you notice that the snapshot tests fail you can re-run and update them with yarn test --update. +💡 Storybook uses jest as part of the testing suite, if you notice that the snapshot tests fail you can re-run and update them with yarn test -u.
Doing this prevents last-minute bugs and is also a great way to get your contribution merged faster once you submit your pull request. Failing to do so will lead to one of the maintainers mark the pull request with the **Work in Progress** label until all tests pass. diff --git a/docs/frameworks.js b/docs/frameworks.js index 9f07c78632bb..1a12aeb18d17 100644 --- a/docs/frameworks.js +++ b/docs/frameworks.js @@ -111,7 +111,7 @@ module.exports = { }, { name: 'Dynamic source', - supported: ['react', 'vue', 'angular', 'svelte'], + supported: ['react', 'vue', 'angular', 'svelte', 'web-components'], path: 'writing-docs/doc-blocks#source', }, { diff --git a/docs/versions/next.json b/docs/versions/next.json index a9880c072cfe..84f1d683f6f4 100644 --- a/docs/versions/next.json +++ b/docs/versions/next.json @@ -1 +1 @@ -{"version":"6.4.0-alpha.13","info":{"plain":"### Bug Fixes\n\n- Addon-docs/Angular: Add unique id to Angular stories ([#15501](https://github.com/storybookjs/storybook/pull/15501))\n- Composition: Fix refs ordering ([#15527](https://github.com/storybookjs/storybook/pull/15527))\n\n### Maintenance\n\n- Essentials: Add outline addon to monorepo ([#15526](https://github.com/storybookjs/storybook/pull/15526))\n- Build: Fix cache setup in GitHub Actions workflow ([#15523](https://github.com/storybookjs/storybook/pull/15523))"}} \ No newline at end of file +{"version":"6.4.0-alpha.14","info":{"plain":"### Features\n\n- Web-components: Dynamic source snippets ([#15337](https://github.com/storybookjs/storybook/pull/15337))\n\n### Maintenance\n\n- Essentials: Add measure addon to monorepo ([#15545](https://github.com/storybookjs/storybook/pull/15545))"}} \ No newline at end of file diff --git a/examples/angular-cli/package.json b/examples/angular-cli/package.json index a8a7eb8e932e..93ea16ecdd55 100644 --- a/examples/angular-cli/package.json +++ b/examples/angular-cli/package.json @@ -1,6 +1,6 @@ { "name": "angular-cli", - "version": "6.4.0-alpha.13", + "version": "6.4.0-alpha.14", "private": true, "license": "MIT", "scripts": { @@ -39,18 +39,18 @@ "@angular/compiler-cli": "^11.2.14", "@angular/elements": "^11.2.14", "@compodoc/compodoc": "^1.1.11", - "@storybook/addon-a11y": "6.4.0-alpha.13", - "@storybook/addon-actions": "6.4.0-alpha.13", - "@storybook/addon-backgrounds": "6.4.0-alpha.13", - "@storybook/addon-controls": "6.4.0-alpha.13", - "@storybook/addon-docs": "6.4.0-alpha.13", - "@storybook/addon-jest": "6.4.0-alpha.13", - "@storybook/addon-links": "6.4.0-alpha.13", - "@storybook/addon-storyshots": "6.4.0-alpha.13", - "@storybook/addon-storysource": "6.4.0-alpha.13", - "@storybook/addons": "6.4.0-alpha.13", - "@storybook/angular": "6.4.0-alpha.13", - "@storybook/source-loader": "6.4.0-alpha.13", + "@storybook/addon-a11y": "6.4.0-alpha.14", + "@storybook/addon-actions": "6.4.0-alpha.14", + "@storybook/addon-backgrounds": "6.4.0-alpha.14", + "@storybook/addon-controls": "6.4.0-alpha.14", + "@storybook/addon-docs": "6.4.0-alpha.14", + "@storybook/addon-jest": "6.4.0-alpha.14", + "@storybook/addon-links": "6.4.0-alpha.14", + "@storybook/addon-storyshots": "6.4.0-alpha.14", + "@storybook/addon-storysource": "6.4.0-alpha.14", + "@storybook/addons": "6.4.0-alpha.14", + "@storybook/angular": "6.4.0-alpha.14", + "@storybook/source-loader": "6.4.0-alpha.14", "@types/core-js": "^2.5.4", "@types/jest": "^26.0.16", "@types/node": "^14.14.20", diff --git a/examples/angular-cli/src/stories/__snapshots__/welcome-storybook.stories.storyshot b/examples/angular-cli/src/stories/__snapshots__/welcome-storybook.stories.storyshot index cce66c723f4c..9e2b2d1a9a20 100644 --- a/examples/angular-cli/src/stories/__snapshots__/welcome-storybook.stories.storyshot +++ b/examples/angular-cli/src/stories/__snapshots__/welcome-storybook.stories.storyshot @@ -3,47 +3,47 @@ exports[`Storyshots Welcome/ To Storybook To Storybook 1`] = `

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 @@ -51,7 +51,7 @@ exports[`Storyshots Welcome/ To Storybook To Storybook 1`] = ` for a component called Button @@ -59,26 +59,26 @@ exports[`Storyshots Welcome/ To Storybook To Storybook 1`] = ` .

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 stories located at src/stories/index.js @@ -86,15 +86,15 @@ exports[`Storyshots Welcome/ To Storybook To Storybook 1`] = ` .)

Usually we create stories with smaller UI components in the app.
Have a look at the

NOTE:
Have a look at the .storybook/webpack.config.js diff --git a/examples/angular-cli/src/stories/core/styles/__snapshots__/story-styles.stories.storyshot b/examples/angular-cli/src/stories/core/styles/__snapshots__/story-styles.stories.storyshot index 9e96c5f03b1b..7307da48a797 100644 --- a/examples/angular-cli/src/stories/core/styles/__snapshots__/story-styles.stories.storyshot +++ b/examples/angular-cli/src/stories/core/styles/__snapshots__/story-styles.stories.storyshot @@ -3,7 +3,7 @@ exports[`Storyshots Core / Story host styles With Args 1`] = ` @@ -19,7 +19,7 @@ exports[`Storyshots Core / Story host styles With Args 1`] = ` exports[`Storyshots Core / Story host styles With story template 1`] = ` diff --git a/examples/cra-kitchen-sink/package.json b/examples/cra-kitchen-sink/package.json index 52a67d3c9011..21d165718e03 100644 --- a/examples/cra-kitchen-sink/package.json +++ b/examples/cra-kitchen-sink/package.json @@ -1,6 +1,6 @@ { "name": "cra-kitchen-sink", - "version": "6.4.0-alpha.13", + "version": "6.4.0-alpha.14", "private": true, "scripts": { "build": "react-scripts build", @@ -11,7 +11,7 @@ "test": "react-scripts test --env=jsdom" }, "dependencies": { - "@storybook/client-logger": "6.4.0-alpha.13", + "@storybook/client-logger": "6.4.0-alpha.14", "global": "^4.4.0", "prop-types": "^15.7.2", "react": "16.14.0", @@ -21,18 +21,18 @@ }, "devDependencies": { "@pmmmwh/react-refresh-webpack-plugin": "^0.4.3", - "@storybook/addon-a11y": "6.4.0-alpha.13", - "@storybook/addon-actions": "6.4.0-alpha.13", - "@storybook/addon-backgrounds": "6.4.0-alpha.13", - "@storybook/addon-docs": "6.4.0-alpha.13", - "@storybook/addon-jest": "6.4.0-alpha.13", - "@storybook/addon-links": "6.4.0-alpha.13", - "@storybook/addon-storyshots": "6.4.0-alpha.13", - "@storybook/addons": "6.4.0-alpha.13", - "@storybook/builder-webpack4": "6.4.0-alpha.13", + "@storybook/addon-a11y": "6.4.0-alpha.14", + "@storybook/addon-actions": "6.4.0-alpha.14", + "@storybook/addon-backgrounds": "6.4.0-alpha.14", + "@storybook/addon-docs": "6.4.0-alpha.14", + "@storybook/addon-jest": "6.4.0-alpha.14", + "@storybook/addon-links": "6.4.0-alpha.14", + "@storybook/addon-storyshots": "6.4.0-alpha.14", + "@storybook/addons": "6.4.0-alpha.14", + "@storybook/builder-webpack4": "6.4.0-alpha.14", "@storybook/preset-create-react-app": "^3.1.6", - "@storybook/react": "6.4.0-alpha.13", - "@storybook/theming": "6.4.0-alpha.13", + "@storybook/react": "6.4.0-alpha.14", + "@storybook/theming": "6.4.0-alpha.14", "webpack": "4" }, "storybook": { diff --git a/examples/cra-react15/package.json b/examples/cra-react15/package.json index 999cc9d22f04..dba99191aad9 100644 --- a/examples/cra-react15/package.json +++ b/examples/cra-react15/package.json @@ -1,6 +1,6 @@ { "name": "cra-react15", - "version": "6.4.0-alpha.13", + "version": "6.4.0-alpha.14", "private": true, "scripts": { "build": "react-scripts build", @@ -18,13 +18,13 @@ "react-scripts": "3.4.4" }, "devDependencies": { - "@storybook/addon-actions": "6.4.0-alpha.13", - "@storybook/addon-links": "6.4.0-alpha.13", - "@storybook/addons": "6.4.0-alpha.13", - "@storybook/builder-webpack4": "6.4.0-alpha.13", + "@storybook/addon-actions": "6.4.0-alpha.14", + "@storybook/addon-links": "6.4.0-alpha.14", + "@storybook/addons": "6.4.0-alpha.14", + "@storybook/builder-webpack4": "6.4.0-alpha.14", "@storybook/preset-create-react-app": "^3.1.6", - "@storybook/react": "6.4.0-alpha.13", - "@storybook/theming": "6.4.0-alpha.13", + "@storybook/react": "6.4.0-alpha.14", + "@storybook/theming": "6.4.0-alpha.14", "babel-core": "6", "babel-runtime": "6", "webpack": "4" diff --git a/examples/cra-ts-essentials/package.json b/examples/cra-ts-essentials/package.json index 58ba672ea7bc..43b6decec706 100644 --- a/examples/cra-ts-essentials/package.json +++ b/examples/cra-ts-essentials/package.json @@ -1,6 +1,6 @@ { "name": "cra-ts-essentials", - "version": "6.4.0-alpha.13", + "version": "6.4.0-alpha.14", "private": true, "scripts": { "build": "react-scripts build", @@ -34,11 +34,11 @@ "typescript": "^3.9.7" }, "devDependencies": { - "@storybook/addon-essentials": "6.4.0-alpha.13", - "@storybook/addons": "6.4.0-alpha.13", - "@storybook/builder-webpack4": "6.4.0-alpha.13", + "@storybook/addon-essentials": "6.4.0-alpha.14", + "@storybook/addons": "6.4.0-alpha.14", + "@storybook/builder-webpack4": "6.4.0-alpha.14", "@storybook/preset-create-react-app": "^3.1.6", - "@storybook/react": "6.4.0-alpha.13", + "@storybook/react": "6.4.0-alpha.14", "webpack": "4" }, "storybook": { diff --git a/examples/cra-ts-kitchen-sink/package.json b/examples/cra-ts-kitchen-sink/package.json index 9743080cad21..6a5fbc5c9055 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": "6.4.0-alpha.13", + "version": "6.4.0-alpha.14", "private": true, "scripts": { "build": "react-scripts build", @@ -34,14 +34,14 @@ "typescript": "^3.9.7" }, "devDependencies": { - "@storybook/addon-a11y": "6.4.0-alpha.13", - "@storybook/addon-actions": "6.4.0-alpha.13", - "@storybook/addon-docs": "6.4.0-alpha.13", - "@storybook/addon-links": "6.4.0-alpha.13", - "@storybook/addons": "6.4.0-alpha.13", - "@storybook/builder-webpack4": "6.4.0-alpha.13", + "@storybook/addon-a11y": "6.4.0-alpha.14", + "@storybook/addon-actions": "6.4.0-alpha.14", + "@storybook/addon-docs": "6.4.0-alpha.14", + "@storybook/addon-links": "6.4.0-alpha.14", + "@storybook/addons": "6.4.0-alpha.14", + "@storybook/builder-webpack4": "6.4.0-alpha.14", "@storybook/preset-create-react-app": "^3.1.6", - "@storybook/react": "6.4.0-alpha.13", + "@storybook/react": "6.4.0-alpha.14", "@types/enzyme": "^3.10.8", "enzyme": "^3.11.0", "enzyme-adapter-react-16": "^1.9.1", diff --git a/examples/ember-cli/package.json b/examples/ember-cli/package.json index 58f1662188bb..fec58ef8b006 100644 --- a/examples/ember-cli/package.json +++ b/examples/ember-cli/package.json @@ -1,6 +1,6 @@ { "name": "ember-example", - "version": "6.4.0-alpha.13", + "version": "6.4.0-alpha.14", "private": true, "scripts": { "build": "ember build --output-path ember-output", @@ -17,18 +17,18 @@ "devDependencies": { "@babel/core": "^7.12.10", "@ember/optional-features": "^2.0.0", - "@storybook/addon-a11y": "6.4.0-alpha.13", - "@storybook/addon-actions": "6.4.0-alpha.13", - "@storybook/addon-backgrounds": "6.4.0-alpha.13", - "@storybook/addon-controls": "6.4.0-alpha.13", - "@storybook/addon-docs": "6.4.0-alpha.13", - "@storybook/addon-links": "6.4.0-alpha.13", - "@storybook/addon-storysource": "6.4.0-alpha.13", - "@storybook/addon-viewport": "6.4.0-alpha.13", - "@storybook/addons": "6.4.0-alpha.13", - "@storybook/ember": "6.4.0-alpha.13", + "@storybook/addon-a11y": "6.4.0-alpha.14", + "@storybook/addon-actions": "6.4.0-alpha.14", + "@storybook/addon-backgrounds": "6.4.0-alpha.14", + "@storybook/addon-controls": "6.4.0-alpha.14", + "@storybook/addon-docs": "6.4.0-alpha.14", + "@storybook/addon-links": "6.4.0-alpha.14", + "@storybook/addon-storysource": "6.4.0-alpha.14", + "@storybook/addon-viewport": "6.4.0-alpha.14", + "@storybook/addons": "6.4.0-alpha.14", + "@storybook/ember": "6.4.0-alpha.14", "@storybook/ember-cli-storybook": "^0.2.1", - "@storybook/source-loader": "6.4.0-alpha.13", + "@storybook/source-loader": "6.4.0-alpha.14", "babel-loader": "^8", "broccoli-asset-rev": "^3.0.0", "cross-env": "^7.0.3", diff --git a/examples/html-kitchen-sink/package.json b/examples/html-kitchen-sink/package.json index bb055f15a43d..8fc05f77542a 100644 --- a/examples/html-kitchen-sink/package.json +++ b/examples/html-kitchen-sink/package.json @@ -1,6 +1,6 @@ { "name": "html-kitchen-sink", - "version": "6.4.0-alpha.13", + "version": "6.4.0-alpha.14", "private": true, "description": "", "keywords": [], @@ -13,23 +13,23 @@ "storybook": "start-storybook -p 9006" }, "devDependencies": { - "@storybook/addon-a11y": "6.4.0-alpha.13", - "@storybook/addon-actions": "6.4.0-alpha.13", - "@storybook/addon-backgrounds": "6.4.0-alpha.13", - "@storybook/addon-controls": "6.4.0-alpha.13", - "@storybook/addon-docs": "6.4.0-alpha.13", - "@storybook/addon-jest": "6.4.0-alpha.13", - "@storybook/addon-links": "6.4.0-alpha.13", + "@storybook/addon-a11y": "6.4.0-alpha.14", + "@storybook/addon-actions": "6.4.0-alpha.14", + "@storybook/addon-backgrounds": "6.4.0-alpha.14", + "@storybook/addon-controls": "6.4.0-alpha.14", + "@storybook/addon-docs": "6.4.0-alpha.14", + "@storybook/addon-jest": "6.4.0-alpha.14", + "@storybook/addon-links": "6.4.0-alpha.14", "@storybook/addon-postcss": "^2.0.0", - "@storybook/addon-storyshots": "6.4.0-alpha.13", - "@storybook/addon-storysource": "6.4.0-alpha.13", - "@storybook/addon-viewport": "6.4.0-alpha.13", - "@storybook/addons": "6.4.0-alpha.13", - "@storybook/client-api": "6.4.0-alpha.13", - "@storybook/core": "6.4.0-alpha.13", - "@storybook/core-events": "6.4.0-alpha.13", - "@storybook/html": "6.4.0-alpha.13", - "@storybook/source-loader": "6.4.0-alpha.13", + "@storybook/addon-storyshots": "6.4.0-alpha.14", + "@storybook/addon-storysource": "6.4.0-alpha.14", + "@storybook/addon-viewport": "6.4.0-alpha.14", + "@storybook/addons": "6.4.0-alpha.14", + "@storybook/client-api": "6.4.0-alpha.14", + "@storybook/core": "6.4.0-alpha.14", + "@storybook/core-events": "6.4.0-alpha.14", + "@storybook/html": "6.4.0-alpha.14", + "@storybook/source-loader": "6.4.0-alpha.14", "autoprefixer": "^10.0.1", "eventemitter3": "^4.0.7", "format-json": "^1.0.3", diff --git a/examples/official-storybook/components/addon-measure/ShadowRoot.js b/examples/official-storybook/components/addon-measure/ShadowRoot.js new file mode 100644 index 000000000000..665257cf6d6d --- /dev/null +++ b/examples/official-storybook/components/addon-measure/ShadowRoot.js @@ -0,0 +1,65 @@ +import React from 'react'; +import PropTypes from 'prop-types'; +// eslint-disable-next-line import/no-extraneous-dependencies +import { drawSelectedElement } from '@storybook/addon-measure/dist/cjs/box-model/visualizer'; +// eslint-disable-next-line import/no-extraneous-dependencies +import { init, destroy } from '@storybook/addon-measure/dist/cjs/box-model/canvas'; + +export const ShadowRoot = ({ label = 'Hello from shadow DOM', drawMode = 'ROOT' }) => { + const ref = React.useRef(); + + React.useEffect(() => { + if (!ref.current.attachShadow) return; + + ref.current.attachShadow({ mode: 'open' }); + + ref.current.shadowRoot.innerHTML = ` + + + `; + + init(); + drawSelectedElement(drawMode === 'ROOT' ? ref.current : ref.current.shadowRoot.children[1]); + + // eslint-disable-next-line consistent-return + return () => { + destroy(); + }; + }, []); + + return

; +}; + +ShadowRoot.propTypes = { + label: PropTypes.string, + drawMode: PropTypes.oneOf(['ROOT', 'NESTED']), +}; + +ShadowRoot.defaultProps = { + label: 'Hello from shadow DOM', + drawMode: 'ROOT', +}; diff --git a/examples/official-storybook/components/addon-measure/Visualization.js b/examples/official-storybook/components/addon-measure/Visualization.js new file mode 100644 index 000000000000..bcd10d6a3d1b --- /dev/null +++ b/examples/official-storybook/components/addon-measure/Visualization.js @@ -0,0 +1,36 @@ +import React, { useEffect, useRef } from 'react'; +import PropTypes from 'prop-types'; +// eslint-disable-next-line import/no-extraneous-dependencies +import { drawSelectedElement } from '@storybook/addon-measure/dist/cjs/box-model/visualizer'; +// eslint-disable-next-line import/no-extraneous-dependencies +import { init, destroy } from '@storybook/addon-measure/dist/cjs/box-model/canvas'; + +export const Visualization = ({ render }) => { + const element = useRef(null); + + useEffect(() => { + if (element.current) { + init(); + drawSelectedElement(element.current); + } + + return () => { + destroy(); + }; + }, [element]); + + return ( +
+ {render(element)} +
+ ); +}; + +Visualization.propTypes = { + render: PropTypes.func.isRequired, +}; diff --git a/examples/official-storybook/package.json b/examples/official-storybook/package.json index 9a201c31bef2..bbf7a5ff02bd 100644 --- a/examples/official-storybook/package.json +++ b/examples/official-storybook/package.json @@ -1,6 +1,6 @@ { "name": "official-storybook", - "version": "6.4.0-alpha.13", + "version": "6.4.0-alpha.14", "private": true, "scripts": { "build-storybook": "cross-env STORYBOOK_DISPLAY_WARNING=true DISPLAY_WARNING=true build-storybook -c ./", @@ -14,27 +14,27 @@ "devDependencies": { "@packtracker/webpack-plugin": "^2.3.0", "@pmmmwh/react-refresh-webpack-plugin": "^0.4.3", - "@storybook/addon-a11y": "6.4.0-alpha.13", - "@storybook/addon-actions": "6.4.0-alpha.13", - "@storybook/addon-backgrounds": "6.4.0-alpha.13", - "@storybook/addon-controls": "6.4.0-alpha.13", - "@storybook/addon-docs": "6.4.0-alpha.13", - "@storybook/addon-jest": "6.4.0-alpha.13", - "@storybook/addon-links": "6.4.0-alpha.13", - "@storybook/addon-storyshots": "6.4.0-alpha.13", - "@storybook/addon-storyshots-puppeteer": "6.4.0-alpha.13", - "@storybook/addon-storysource": "6.4.0-alpha.13", - "@storybook/addon-toolbars": "6.4.0-alpha.13", - "@storybook/addon-viewport": "6.4.0-alpha.13", - "@storybook/addons": "6.4.0-alpha.13", - "@storybook/cli": "6.4.0-alpha.13", - "@storybook/components": "6.4.0-alpha.13", - "@storybook/core-events": "6.4.0-alpha.13", + "@storybook/addon-a11y": "6.4.0-alpha.14", + "@storybook/addon-actions": "6.4.0-alpha.14", + "@storybook/addon-backgrounds": "6.4.0-alpha.14", + "@storybook/addon-controls": "6.4.0-alpha.14", + "@storybook/addon-docs": "6.4.0-alpha.14", + "@storybook/addon-jest": "6.4.0-alpha.14", + "@storybook/addon-links": "6.4.0-alpha.14", + "@storybook/addon-storyshots": "6.4.0-alpha.14", + "@storybook/addon-storyshots-puppeteer": "6.4.0-alpha.14", + "@storybook/addon-storysource": "6.4.0-alpha.14", + "@storybook/addon-toolbars": "6.4.0-alpha.14", + "@storybook/addon-viewport": "6.4.0-alpha.14", + "@storybook/addons": "6.4.0-alpha.14", + "@storybook/cli": "6.4.0-alpha.14", + "@storybook/components": "6.4.0-alpha.14", + "@storybook/core-events": "6.4.0-alpha.14", "@storybook/design-system": "^5.4.7", - "@storybook/node-logger": "6.4.0-alpha.13", - "@storybook/react": "6.4.0-alpha.13", - "@storybook/source-loader": "6.4.0-alpha.13", - "@storybook/theming": "6.4.0-alpha.13", + "@storybook/node-logger": "6.4.0-alpha.14", + "@storybook/react": "6.4.0-alpha.14", + "@storybook/source-loader": "6.4.0-alpha.14", + "@storybook/theming": "6.4.0-alpha.14", "@testing-library/dom": "^7.31.2", "@testing-library/user-event": "^13.1.9", "chromatic": "^5.6.0", diff --git a/examples/official-storybook/stories/addon-docs/csf-with-mdx-docs.stories.js b/examples/official-storybook/stories/addon-docs/csf-with-mdx-docs.stories.js index 7e88ab303f56..a64a24f19564 100644 --- a/examples/official-storybook/stories/addon-docs/csf-with-mdx-docs.stories.js +++ b/examples/official-storybook/stories/addon-docs/csf-with-mdx-docs.stories.js @@ -16,3 +16,7 @@ WithArgs.args = { children: 'with args' }; export const WithTemplate = WithArgs.bind({}); WithTemplate.args = { children: 'with template' }; + +export const StoryObject = { + render: Basic, +}; diff --git a/examples/official-storybook/stories/addon-docs/csf-with-mdx-docs.stories.mdx b/examples/official-storybook/stories/addon-docs/csf-with-mdx-docs.stories.mdx index 0caf20c72f58..a551c18a0ff3 100644 --- a/examples/official-storybook/stories/addon-docs/csf-with-mdx-docs.stories.mdx +++ b/examples/official-storybook/stories/addon-docs/csf-with-mdx-docs.stories.mdx @@ -20,3 +20,7 @@ I can define a story with the function imported from CSF: + + + + diff --git a/examples/official-storybook/stories/addon-measure/BoxModel.stories.js b/examples/official-storybook/stories/addon-measure/BoxModel.stories.js new file mode 100644 index 000000000000..17876cde74b4 --- /dev/null +++ b/examples/official-storybook/stories/addon-measure/BoxModel.stories.js @@ -0,0 +1,118 @@ +import React from 'react'; +import { Visualization } from '../../components/addon-measure/Visualization'; + +export default { + title: 'Addons/Measure/BoxModel', + parameters: { + layout: 'fullscreen', + }, +}; + +const Template = (args) => ; + +export const MarginUniform = Template.bind({}); +MarginUniform.args = { + render: (ref) => ( +
+ ), +}; + +export const MarginAsymmetric = Template.bind({}); +MarginAsymmetric.args = { + render: (ref) => ( +
+ ), +}; + +export const PaddingUniform = Template.bind({}); +PaddingUniform.args = { + render: (ref) => ( +
+ ), +}; + +export const PaddingAsymmetric = Template.bind({}); +PaddingAsymmetric.args = { + render: (ref) => ( +
+ ), +}; + +export const BorderUniform = Template.bind({}); +BorderUniform.args = { + render: (ref) => ( +
+ ), +}; + +export const BorderAsymmetric = Template.bind({}); +BorderAsymmetric.args = { + render: (ref) => ( +
+ ), +}; + +export const DecimalSizing = Template.bind({}); +DecimalSizing.args = { + render: (ref) => ( +
+ ), +}; diff --git a/examples/official-storybook/stories/addon-measure/Grid.stories.js b/examples/official-storybook/stories/addon-measure/Grid.stories.js new file mode 100644 index 000000000000..f9849389bf6d --- /dev/null +++ b/examples/official-storybook/stories/addon-measure/Grid.stories.js @@ -0,0 +1,46 @@ +import React from 'react'; + +export default { + title: 'Addons/Measure/Grid', +}; + +const MeasureButton = () => ( + + + +); + +export const Basic = () => ( +
+
+ {[1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12].map((id) => ( +
+ {id} +
+ ))} +
+

+ Click the measure button in the toolbar to enable the addon +

+
+); diff --git a/examples/official-storybook/stories/addon-measure/ShadowRoot.stories.js b/examples/official-storybook/stories/addon-measure/ShadowRoot.stories.js new file mode 100644 index 000000000000..eec397d9d8d7 --- /dev/null +++ b/examples/official-storybook/stories/addon-measure/ShadowRoot.stories.js @@ -0,0 +1,26 @@ +import React from 'react'; + +import { ShadowRoot } from '../../components/addon-measure/ShadowRoot'; + +export default { + title: 'Addons/Measure/ShadowRoot', + component: ShadowRoot, +}; + +const Template = (args) => ( +
+ +
+); + +export const Root = Template.bind({}); + +export const Nested = Template.bind({}); +Nested.args = { + drawMode: 'NESTED', +}; diff --git a/examples/official-storybook/stories/addon-measure/SmallNode.stories.js b/examples/official-storybook/stories/addon-measure/SmallNode.stories.js new file mode 100644 index 000000000000..6a38904f5d21 --- /dev/null +++ b/examples/official-storybook/stories/addon-measure/SmallNode.stories.js @@ -0,0 +1,73 @@ +import React from 'react'; +import { Visualization } from '../../components/addon-measure/Visualization'; + +export default { + title: 'Addons/Measure/SmallNode', + parameters: { + layout: 'fullscreen', + }, +}; + +const Template = (args) => ; + +export const Everything30px = Template.bind({}); +Everything30px.args = { + render: (ref) => ( +
+ ), +}; + +export const Short = Template.bind({}); +Short.args = { + render: (ref) => ( +
+ ), +}; + +export const Narrow = Template.bind({}); +Narrow.args = { + render: (ref) => ( +
+ ), +}; + +export const Tiny = Template.bind({}); +Tiny.args = { + render: (ref) => ( +
+ ), +}; diff --git a/examples/official-storybook/stories/addon-measure/StackingLabels.stories.js b/examples/official-storybook/stories/addon-measure/StackingLabels.stories.js new file mode 100644 index 000000000000..cd8197237dec --- /dev/null +++ b/examples/official-storybook/stories/addon-measure/StackingLabels.stories.js @@ -0,0 +1,67 @@ +import React from 'react'; +import { Visualization } from '../../components/addon-measure/Visualization'; + +export default { + title: 'Addons/Measure/StackingLabels', + parameters: { + layout: 'fullscreen', + }, +}; + +const Template = (args) => ; + +export const EverythingUniform = Template.bind({}); +EverythingUniform.args = { + render: (ref) => ( +
+ ), +}; + +export const Asymmetric = Template.bind({}); +Asymmetric.args = { + render: (ref) => ( +
+ ), +}; + +export const MoreAsymmetric = Template.bind({}); +MoreAsymmetric.args = { + render: (ref) => ( +
+ ), +}; diff --git a/examples/preact-kitchen-sink/package.json b/examples/preact-kitchen-sink/package.json index 3583fc55c25b..6f44296e9ffe 100644 --- a/examples/preact-kitchen-sink/package.json +++ b/examples/preact-kitchen-sink/package.json @@ -1,6 +1,6 @@ { "name": "preact-example", - "version": "6.4.0-alpha.13", + "version": "6.4.0-alpha.14", "private": true, "scripts": { "build": "cross-env NODE_ENV=production webpack --progress --hide-modules", @@ -15,16 +15,16 @@ "devDependencies": { "@babel/core": "^7.12.10", "@babel/plugin-transform-runtime": "^7.12.10", - "@storybook/addon-a11y": "6.4.0-alpha.13", - "@storybook/addon-actions": "6.4.0-alpha.13", - "@storybook/addon-backgrounds": "6.4.0-alpha.13", - "@storybook/addon-links": "6.4.0-alpha.13", - "@storybook/addon-storyshots": "6.4.0-alpha.13", - "@storybook/addon-storysource": "6.4.0-alpha.13", - "@storybook/addon-viewport": "6.4.0-alpha.13", - "@storybook/addons": "6.4.0-alpha.13", - "@storybook/preact": "6.4.0-alpha.13", - "@storybook/source-loader": "6.4.0-alpha.13", + "@storybook/addon-a11y": "6.4.0-alpha.14", + "@storybook/addon-actions": "6.4.0-alpha.14", + "@storybook/addon-backgrounds": "6.4.0-alpha.14", + "@storybook/addon-links": "6.4.0-alpha.14", + "@storybook/addon-storyshots": "6.4.0-alpha.14", + "@storybook/addon-storysource": "6.4.0-alpha.14", + "@storybook/addon-viewport": "6.4.0-alpha.14", + "@storybook/addons": "6.4.0-alpha.14", + "@storybook/preact": "6.4.0-alpha.14", + "@storybook/source-loader": "6.4.0-alpha.14", "@types/prop-types": "^15.7.3", "@types/react": "^17", "@types/react-dom": "^17", diff --git a/examples/react-ts-webpack4/package.json b/examples/react-ts-webpack4/package.json index 560c5c742930..58aaf92b39e5 100644 --- a/examples/react-ts-webpack4/package.json +++ b/examples/react-ts-webpack4/package.json @@ -1,6 +1,6 @@ { "name": "@storybook/example-react-ts-webpack4", - "version": "6.4.0-alpha.13", + "version": "6.4.0-alpha.14", "private": true, "scripts": { "build-storybook": "cross-env STORYBOOK_DISPLAY_WARNING=true DISPLAY_WARNING=true build-storybook -c ./", @@ -8,10 +8,10 @@ "storybook": "cross-env STORYBOOK_DISPLAY_WARNING=true DISPLAY_WARNING=true start-storybook -p 9011 -c ./" }, "dependencies": { - "@storybook/addon-controls": "6.4.0-alpha.13", - "@storybook/addon-essentials": "6.4.0-alpha.13", - "@storybook/builder-webpack4": "6.4.0-alpha.13", - "@storybook/react": "6.4.0-alpha.13", + "@storybook/addon-controls": "6.4.0-alpha.14", + "@storybook/addon-essentials": "6.4.0-alpha.14", + "@storybook/builder-webpack4": "6.4.0-alpha.14", + "@storybook/react": "6.4.0-alpha.14", "@types/react": "^16.14.2", "@types/react-dom": "^16.9.10", "prop-types": "15.7.2", diff --git a/examples/react-ts/package.json b/examples/react-ts/package.json index 90231509a7d4..abd852f55c17 100644 --- a/examples/react-ts/package.json +++ b/examples/react-ts/package.json @@ -1,6 +1,6 @@ { "name": "@storybook/example-react-ts", - "version": "6.4.0-alpha.13", + "version": "6.4.0-alpha.14", "private": true, "scripts": { "build-storybook": "cross-env STORYBOOK_DISPLAY_WARNING=true DISPLAY_WARNING=true build-storybook -c ./", @@ -8,11 +8,11 @@ "storybook": "cross-env STORYBOOK_DISPLAY_WARNING=true DISPLAY_WARNING=true start-storybook -p 9011 -c ./" }, "dependencies": { - "@storybook/addon-controls": "6.4.0-alpha.13", - "@storybook/addon-essentials": "6.4.0-alpha.13", - "@storybook/components": "6.4.0-alpha.13", - "@storybook/react": "6.4.0-alpha.13", - "@storybook/theming": "6.4.0-alpha.13", + "@storybook/addon-controls": "6.4.0-alpha.14", + "@storybook/addon-essentials": "6.4.0-alpha.14", + "@storybook/components": "6.4.0-alpha.14", + "@storybook/react": "6.4.0-alpha.14", + "@storybook/theming": "6.4.0-alpha.14", "@types/react": "^16.14.2", "@types/react-dom": "^16.9.10", "formik": "^2.2.9", diff --git a/examples/server-kitchen-sink/package.json b/examples/server-kitchen-sink/package.json index e92d3e0a9145..6657902b68e0 100644 --- a/examples/server-kitchen-sink/package.json +++ b/examples/server-kitchen-sink/package.json @@ -1,6 +1,6 @@ { "name": "server-kitchen-sink", - "version": "6.4.0-alpha.13", + "version": "6.4.0-alpha.14", "private": true, "description": "", "keywords": [], @@ -14,13 +14,13 @@ "storybook": "SERVER_PORT=1137 start-storybook -p 9006 --quiet" }, "devDependencies": { - "@storybook/addon-a11y": "6.4.0-alpha.13", - "@storybook/addon-actions": "6.4.0-alpha.13", - "@storybook/addon-backgrounds": "6.4.0-alpha.13", - "@storybook/addon-controls": "6.4.0-alpha.13", - "@storybook/addon-links": "6.4.0-alpha.13", - "@storybook/node-logger": "6.4.0-alpha.13", - "@storybook/server": "6.4.0-alpha.13", + "@storybook/addon-a11y": "6.4.0-alpha.14", + "@storybook/addon-actions": "6.4.0-alpha.14", + "@storybook/addon-backgrounds": "6.4.0-alpha.14", + "@storybook/addon-controls": "6.4.0-alpha.14", + "@storybook/addon-links": "6.4.0-alpha.14", + "@storybook/node-logger": "6.4.0-alpha.14", + "@storybook/server": "6.4.0-alpha.14", "concurrently": "^5.3.0", "cors": "^2.8.5", "express": "~4.17.1", diff --git a/examples/standalone-preview/package.json b/examples/standalone-preview/package.json index a0ee5e172abf..0b8e6acd08db 100644 --- a/examples/standalone-preview/package.json +++ b/examples/standalone-preview/package.json @@ -1,13 +1,13 @@ { "name": "standalone-preview", - "version": "6.4.0-alpha.13", + "version": "6.4.0-alpha.14", "private": true, "scripts": { "storybook": "parcel ./storybook.html --port 1337" }, "devDependencies": { - "@storybook/addon-docs": "6.4.0-alpha.13", - "@storybook/react": "6.4.0-alpha.13", + "@storybook/addon-docs": "6.4.0-alpha.14", + "@storybook/react": "6.4.0-alpha.14", "parcel": "^1.12.4", "react": "16.14.0", "react-dom": "16.14.0" diff --git a/examples/svelte-kitchen-sink/package.json b/examples/svelte-kitchen-sink/package.json index 67eb54d10615..38e9ee69afde 100644 --- a/examples/svelte-kitchen-sink/package.json +++ b/examples/svelte-kitchen-sink/package.json @@ -1,6 +1,6 @@ { "name": "svelte-example", - "version": "6.4.0-alpha.13", + "version": "6.4.0-alpha.14", "private": true, "scripts": { "build-storybook": "build-storybook -s public", @@ -10,18 +10,18 @@ "global": "^4.4.0" }, "devDependencies": { - "@storybook/addon-a11y": "6.4.0-alpha.13", - "@storybook/addon-actions": "6.4.0-alpha.13", - "@storybook/addon-backgrounds": "6.4.0-alpha.13", - "@storybook/addon-controls": "6.4.0-alpha.13", - "@storybook/addon-docs": "6.4.0-alpha.13", - "@storybook/addon-links": "6.4.0-alpha.13", - "@storybook/addon-storyshots": "6.4.0-alpha.13", - "@storybook/addon-storysource": "6.4.0-alpha.13", - "@storybook/addon-viewport": "6.4.0-alpha.13", - "@storybook/addons": "6.4.0-alpha.13", - "@storybook/source-loader": "6.4.0-alpha.13", - "@storybook/svelte": "6.4.0-alpha.13", + "@storybook/addon-a11y": "6.4.0-alpha.14", + "@storybook/addon-actions": "6.4.0-alpha.14", + "@storybook/addon-backgrounds": "6.4.0-alpha.14", + "@storybook/addon-controls": "6.4.0-alpha.14", + "@storybook/addon-docs": "6.4.0-alpha.14", + "@storybook/addon-links": "6.4.0-alpha.14", + "@storybook/addon-storyshots": "6.4.0-alpha.14", + "@storybook/addon-storysource": "6.4.0-alpha.14", + "@storybook/addon-viewport": "6.4.0-alpha.14", + "@storybook/addons": "6.4.0-alpha.14", + "@storybook/source-loader": "6.4.0-alpha.14", + "@storybook/svelte": "6.4.0-alpha.14", "svelte-jester": "1.3.0", "svelte-preprocess": "4.6.8" }, diff --git a/examples/vue-3-cli/package.json b/examples/vue-3-cli/package.json index 96413da2944f..e53c8e0128b2 100644 --- a/examples/vue-3-cli/package.json +++ b/examples/vue-3-cli/package.json @@ -1,6 +1,6 @@ { "name": "vue-3-cli-example", - "version": "6.4.0-alpha.13", + "version": "6.4.0-alpha.14", "private": true, "scripts": { "build": "vue-cli-service build", @@ -14,11 +14,11 @@ }, "devDependencies": { "@babel/core": "^7.12.10", - "@storybook/addon-actions": "6.4.0-alpha.13", - "@storybook/addon-essentials": "6.4.0-alpha.13", - "@storybook/addon-links": "6.4.0-alpha.13", - "@storybook/addon-storyshots": "6.4.0-alpha.13", - "@storybook/vue3": "6.4.0-alpha.13", + "@storybook/addon-actions": "6.4.0-alpha.14", + "@storybook/addon-essentials": "6.4.0-alpha.14", + "@storybook/addon-links": "6.4.0-alpha.14", + "@storybook/addon-storyshots": "6.4.0-alpha.14", + "@storybook/vue3": "6.4.0-alpha.14", "@vue/cli-plugin-babel": "~4.5.0", "@vue/cli-plugin-typescript": "~4.5.0", "@vue/cli-service": "~4.5.0", diff --git a/examples/vue-cli/package.json b/examples/vue-cli/package.json index 48a8deb1b58e..715d8fbd44c8 100644 --- a/examples/vue-cli/package.json +++ b/examples/vue-cli/package.json @@ -1,6 +1,6 @@ { "name": "vue-cli-example", - "version": "6.4.0-alpha.13", + "version": "6.4.0-alpha.14", "private": true, "scripts": { "build": "vue-cli-service build", @@ -15,11 +15,11 @@ "vue-property-decorator": "^9.1.2" }, "devDependencies": { - "@storybook/addon-controls": "6.4.0-alpha.13", - "@storybook/addon-essentials": "6.4.0-alpha.13", + "@storybook/addon-controls": "6.4.0-alpha.14", + "@storybook/addon-essentials": "6.4.0-alpha.14", "@storybook/preset-scss": "^1.0.3", - "@storybook/source-loader": "6.4.0-alpha.13", - "@storybook/vue": "6.4.0-alpha.13", + "@storybook/source-loader": "6.4.0-alpha.14", + "@storybook/vue": "6.4.0-alpha.14", "@vue/cli-plugin-babel": "~4.3.1", "@vue/cli-plugin-typescript": "~4.3.1", "@vue/cli-service": "~4.3.1", diff --git a/examples/vue-kitchen-sink/package.json b/examples/vue-kitchen-sink/package.json index e6e45342ea55..2a4ff28c756c 100644 --- a/examples/vue-kitchen-sink/package.json +++ b/examples/vue-kitchen-sink/package.json @@ -1,6 +1,6 @@ { "name": "vue-example", - "version": "6.4.0-alpha.13", + "version": "6.4.0-alpha.14", "private": true, "scripts": { "build": "cross-env NODE_ENV=production webpack --progress --hide-modules", @@ -14,18 +14,18 @@ }, "devDependencies": { "@babel/core": "^7.12.10", - "@storybook/addon-a11y": "6.4.0-alpha.13", - "@storybook/addon-actions": "6.4.0-alpha.13", - "@storybook/addon-backgrounds": "6.4.0-alpha.13", - "@storybook/addon-controls": "6.4.0-alpha.13", - "@storybook/addon-docs": "6.4.0-alpha.13", - "@storybook/addon-links": "6.4.0-alpha.13", - "@storybook/addon-storyshots": "6.4.0-alpha.13", - "@storybook/addon-storysource": "6.4.0-alpha.13", - "@storybook/addon-viewport": "6.4.0-alpha.13", - "@storybook/addons": "6.4.0-alpha.13", - "@storybook/source-loader": "6.4.0-alpha.13", - "@storybook/vue": "6.4.0-alpha.13", + "@storybook/addon-a11y": "6.4.0-alpha.14", + "@storybook/addon-actions": "6.4.0-alpha.14", + "@storybook/addon-backgrounds": "6.4.0-alpha.14", + "@storybook/addon-controls": "6.4.0-alpha.14", + "@storybook/addon-docs": "6.4.0-alpha.14", + "@storybook/addon-links": "6.4.0-alpha.14", + "@storybook/addon-storyshots": "6.4.0-alpha.14", + "@storybook/addon-storysource": "6.4.0-alpha.14", + "@storybook/addon-viewport": "6.4.0-alpha.14", + "@storybook/addons": "6.4.0-alpha.14", + "@storybook/source-loader": "6.4.0-alpha.14", + "@storybook/vue": "6.4.0-alpha.14", "@vue/babel-preset-jsx": "^1.2.4", "babel-loader": "^8.2.2", "cross-env": "^7.0.3", diff --git a/examples/web-components-kitchen-sink/package.json b/examples/web-components-kitchen-sink/package.json index 9f9730f6f3da..bf422471d6a4 100644 --- a/examples/web-components-kitchen-sink/package.json +++ b/examples/web-components-kitchen-sink/package.json @@ -1,6 +1,6 @@ { "name": "web-components-kitchen-sink", - "version": "6.4.0-alpha.13", + "version": "6.4.0-alpha.14", "private": true, "description": "", "keywords": [], diff --git a/examples/web-components-kitchen-sink/src/components/sb-button.stories.ts b/examples/web-components-kitchen-sink/src/components/sb-button.stories.ts index 487ab8f23c74..7b8797a0d714 100644 --- a/examples/web-components-kitchen-sink/src/components/sb-button.stories.ts +++ b/examples/web-components-kitchen-sink/src/components/sb-button.stories.ts @@ -1,5 +1,6 @@ import { Meta, Story } from '@storybook/web-components'; import { html } from 'lit'; +import { ifDefined } from 'lit/directives/if-defined.js'; import { SbButton } from './sb-button'; @@ -20,9 +21,9 @@ export default { const Template: Story = ({ primary, backgroundColor, size, label }) => html``; export const Primary: Story = Template.bind({}); diff --git a/examples/web-components-kitchen-sink/src/components/sb-button.ts b/examples/web-components-kitchen-sink/src/components/sb-button.ts index 1a81bf443132..0c4dd313d22e 100644 --- a/examples/web-components-kitchen-sink/src/components/sb-button.ts +++ b/examples/web-components-kitchen-sink/src/components/sb-button.ts @@ -61,7 +61,7 @@ export class SbButton extends LitElement { label: { type: String, reflect: true }, primary: { type: Boolean }, size: { type: String }, - backgroundColor: { type: String }, + backgroundColor: { type: String, attribute: 'background-color' }, }; } diff --git a/examples/web-components-kitchen-sink/src/stories/addons/docs/dynamic-source.stories.mdx b/examples/web-components-kitchen-sink/src/stories/addons/docs/dynamic-source.stories.mdx new file mode 100644 index 000000000000..a183a182fd8a --- /dev/null +++ b/examples/web-components-kitchen-sink/src/stories/addons/docs/dynamic-source.stories.mdx @@ -0,0 +1,42 @@ +import { ArgsTable, Canvas, Meta, Story } from '@storybook/addon-docs'; +import { html } from 'lit-html'; + + + +# Dynamic Source + +Stories can use Dynamic Source to display the result of changes to controls. + + + + {(args) => html` + + + `} + + + + diff --git a/examples/web-components-kitchen-sink/yarn.lock b/examples/web-components-kitchen-sink/yarn.lock index 9159d6c7b784..af5006d4572b 100644 --- a/examples/web-components-kitchen-sink/yarn.lock +++ b/examples/web-components-kitchen-sink/yarn.lock @@ -2084,14 +2084,14 @@ __metadata: version: 0.0.0-use.local resolution: "@storybook/addon-a11y@portal:../../addons/a11y::locator=web-components-kitchen-sink%40workspace%3A." dependencies: - "@storybook/addons": 6.4.0-alpha.7 - "@storybook/api": 6.4.0-alpha.7 - "@storybook/channels": 6.4.0-alpha.7 - "@storybook/client-api": 6.4.0-alpha.7 - "@storybook/client-logger": 6.4.0-alpha.7 - "@storybook/components": 6.4.0-alpha.7 - "@storybook/core-events": 6.4.0-alpha.7 - "@storybook/theming": 6.4.0-alpha.7 + "@storybook/addons": 6.4.0-alpha.11 + "@storybook/api": 6.4.0-alpha.11 + "@storybook/channels": 6.4.0-alpha.11 + "@storybook/client-api": 6.4.0-alpha.11 + "@storybook/client-logger": 6.4.0-alpha.11 + "@storybook/components": 6.4.0-alpha.11 + "@storybook/core-events": 6.4.0-alpha.11 + "@storybook/theming": 6.4.0-alpha.11 axe-core: ^4.2.0 core-js: ^3.8.2 global: ^4.4.0 @@ -2115,12 +2115,12 @@ __metadata: version: 0.0.0-use.local resolution: "@storybook/addon-actions@portal:../../addons/actions::locator=web-components-kitchen-sink%40workspace%3A." dependencies: - "@storybook/addons": 6.4.0-alpha.7 - "@storybook/api": 6.4.0-alpha.7 - "@storybook/client-api": 6.4.0-alpha.7 - "@storybook/components": 6.4.0-alpha.7 - "@storybook/core-events": 6.4.0-alpha.7 - "@storybook/theming": 6.4.0-alpha.7 + "@storybook/addons": 6.4.0-alpha.11 + "@storybook/api": 6.4.0-alpha.11 + "@storybook/client-api": 6.4.0-alpha.11 + "@storybook/components": 6.4.0-alpha.11 + "@storybook/core-events": 6.4.0-alpha.11 + "@storybook/theming": 6.4.0-alpha.11 core-js: ^3.8.2 fast-deep-equal: ^3.1.3 global: ^4.4.0 @@ -2147,12 +2147,12 @@ __metadata: version: 0.0.0-use.local resolution: "@storybook/addon-backgrounds@portal:../../addons/backgrounds::locator=web-components-kitchen-sink%40workspace%3A." dependencies: - "@storybook/addons": 6.4.0-alpha.7 - "@storybook/api": 6.4.0-alpha.7 - "@storybook/client-logger": 6.4.0-alpha.7 - "@storybook/components": 6.4.0-alpha.7 - "@storybook/core-events": 6.4.0-alpha.7 - "@storybook/theming": 6.4.0-alpha.7 + "@storybook/addons": 6.4.0-alpha.11 + "@storybook/api": 6.4.0-alpha.11 + "@storybook/client-logger": 6.4.0-alpha.11 + "@storybook/components": 6.4.0-alpha.11 + "@storybook/core-events": 6.4.0-alpha.11 + "@storybook/theming": 6.4.0-alpha.11 core-js: ^3.8.2 global: ^4.4.0 memoizerific: ^1.11.3 @@ -2174,12 +2174,12 @@ __metadata: version: 0.0.0-use.local resolution: "@storybook/addon-controls@portal:../../addons/controls::locator=web-components-kitchen-sink%40workspace%3A." dependencies: - "@storybook/addons": 6.4.0-alpha.7 - "@storybook/api": 6.4.0-alpha.7 - "@storybook/client-api": 6.4.0-alpha.7 - "@storybook/components": 6.4.0-alpha.7 - "@storybook/node-logger": 6.4.0-alpha.7 - "@storybook/theming": 6.4.0-alpha.7 + "@storybook/addons": 6.4.0-alpha.11 + "@storybook/api": 6.4.0-alpha.11 + "@storybook/client-api": 6.4.0-alpha.11 + "@storybook/components": 6.4.0-alpha.11 + "@storybook/node-logger": 6.4.0-alpha.11 + "@storybook/theming": 6.4.0-alpha.11 core-js: ^3.8.2 ts-dedent: ^2.0.0 peerDependencies: @@ -2206,20 +2206,20 @@ __metadata: "@mdx-js/loader": ^1.6.22 "@mdx-js/mdx": ^1.6.22 "@mdx-js/react": ^1.6.22 - "@storybook/addons": 6.4.0-alpha.7 - "@storybook/api": 6.4.0-alpha.7 - "@storybook/builder-webpack4": 6.4.0-alpha.7 - "@storybook/client-api": 6.4.0-alpha.7 - "@storybook/client-logger": 6.4.0-alpha.7 - "@storybook/components": 6.4.0-alpha.7 - "@storybook/core": 6.4.0-alpha.7 - "@storybook/core-events": 6.4.0-alpha.7 + "@storybook/addons": 6.4.0-alpha.11 + "@storybook/api": 6.4.0-alpha.11 + "@storybook/builder-webpack4": 6.4.0-alpha.11 + "@storybook/client-api": 6.4.0-alpha.11 + "@storybook/client-logger": 6.4.0-alpha.11 + "@storybook/components": 6.4.0-alpha.11 + "@storybook/core": 6.4.0-alpha.11 + "@storybook/core-events": 6.4.0-alpha.11 "@storybook/csf": 0.0.1 - "@storybook/csf-tools": 6.4.0-alpha.7 - "@storybook/node-logger": 6.4.0-alpha.7 - "@storybook/postinstall": 6.4.0-alpha.7 - "@storybook/source-loader": 6.4.0-alpha.7 - "@storybook/theming": 6.4.0-alpha.7 + "@storybook/csf-tools": 6.4.0-alpha.11 + "@storybook/node-logger": 6.4.0-alpha.11 + "@storybook/postinstall": 6.4.0-alpha.11 + "@storybook/source-loader": 6.4.0-alpha.11 + "@storybook/theming": 6.4.0-alpha.11 acorn: ^7.4.1 acorn-jsx: ^5.3.1 acorn-walk: ^7.2.0 @@ -2242,10 +2242,10 @@ __metadata: ts-dedent: ^2.0.0 util-deprecate: ^1.0.2 peerDependencies: - "@storybook/angular": 6.4.0-alpha.7 - "@storybook/vue": 6.4.0-alpha.7 - "@storybook/vue3": 6.4.0-alpha.7 - "@storybook/web-components": 6.4.0-alpha.7 + "@storybook/angular": 6.4.0-alpha.11 + "@storybook/vue": 6.4.0-alpha.11 + "@storybook/vue3": 6.4.0-alpha.11 + "@storybook/web-components": 6.4.0-alpha.11 lit: ^2.0.0-rc.1 lit-html: ^1.4.1 || ^2.0.0-rc.3 react: ^16.8.0 || ^17.0.0 @@ -2312,11 +2312,11 @@ __metadata: version: 0.0.0-use.local resolution: "@storybook/addon-links@portal:../../addons/links::locator=web-components-kitchen-sink%40workspace%3A." dependencies: - "@storybook/addons": 6.4.0-alpha.7 - "@storybook/client-logger": 6.4.0-alpha.7 - "@storybook/core-events": 6.4.0-alpha.7 + "@storybook/addons": 6.4.0-alpha.11 + "@storybook/client-logger": 6.4.0-alpha.11 + "@storybook/core-events": 6.4.0-alpha.11 "@storybook/csf": 0.0.1 - "@storybook/router": 6.4.0-alpha.7 + "@storybook/router": 6.4.0-alpha.11 "@types/qs": ^6.9.5 core-js: ^3.8.2 global: ^4.4.0 @@ -2340,10 +2340,10 @@ __metadata: resolution: "@storybook/addon-storyshots@portal:../../addons/storyshots/storyshots-core::locator=web-components-kitchen-sink%40workspace%3A." dependencies: "@jest/transform": ^26.6.2 - "@storybook/addons": 6.4.0-alpha.7 - "@storybook/client-api": 6.4.0-alpha.7 - "@storybook/core": 6.4.0-alpha.7 - "@storybook/core-common": 6.4.0-alpha.7 + "@storybook/addons": 6.4.0-alpha.11 + "@storybook/client-api": 6.4.0-alpha.11 + "@storybook/core": 6.4.0-alpha.11 + "@storybook/core-common": 6.4.0-alpha.11 "@types/glob": ^7.1.3 "@types/jest": ^26.0.16 "@types/jest-specific-snapshot": ^0.5.3 @@ -2413,13 +2413,13 @@ __metadata: version: 0.0.0-use.local resolution: "@storybook/addon-storysource@portal:../../addons/storysource::locator=web-components-kitchen-sink%40workspace%3A." dependencies: - "@storybook/addons": 6.4.0-alpha.7 - "@storybook/api": 6.4.0-alpha.7 - "@storybook/client-logger": 6.4.0-alpha.7 - "@storybook/components": 6.4.0-alpha.7 - "@storybook/router": 6.4.0-alpha.7 - "@storybook/source-loader": 6.4.0-alpha.7 - "@storybook/theming": 6.4.0-alpha.7 + "@storybook/addons": 6.4.0-alpha.11 + "@storybook/api": 6.4.0-alpha.11 + "@storybook/client-logger": 6.4.0-alpha.11 + "@storybook/components": 6.4.0-alpha.11 + "@storybook/router": 6.4.0-alpha.11 + "@storybook/source-loader": 6.4.0-alpha.11 + "@storybook/theming": 6.4.0-alpha.11 core-js: ^3.8.2 estraverse: ^5.2.0 loader-utils: ^2.0.0 @@ -2442,12 +2442,12 @@ __metadata: version: 0.0.0-use.local resolution: "@storybook/addon-viewport@portal:../../addons/viewport::locator=web-components-kitchen-sink%40workspace%3A." dependencies: - "@storybook/addons": 6.4.0-alpha.7 - "@storybook/api": 6.4.0-alpha.7 - "@storybook/client-logger": 6.4.0-alpha.7 - "@storybook/components": 6.4.0-alpha.7 - "@storybook/core-events": 6.4.0-alpha.7 - "@storybook/theming": 6.4.0-alpha.7 + "@storybook/addons": 6.4.0-alpha.11 + "@storybook/api": 6.4.0-alpha.11 + "@storybook/client-logger": 6.4.0-alpha.11 + "@storybook/components": 6.4.0-alpha.11 + "@storybook/core-events": 6.4.0-alpha.11 + "@storybook/theming": 6.4.0-alpha.11 core-js: ^3.8.2 global: ^4.4.0 memoizerific: ^1.11.3 @@ -2468,12 +2468,12 @@ __metadata: version: 0.0.0-use.local resolution: "@storybook/addons@portal:../../lib/addons::locator=web-components-kitchen-sink%40workspace%3A." dependencies: - "@storybook/api": 6.4.0-alpha.7 - "@storybook/channels": 6.4.0-alpha.7 - "@storybook/client-logger": 6.4.0-alpha.7 - "@storybook/core-events": 6.4.0-alpha.7 - "@storybook/router": 6.4.0-alpha.7 - "@storybook/theming": 6.4.0-alpha.7 + "@storybook/api": 6.4.0-alpha.11 + "@storybook/channels": 6.4.0-alpha.11 + "@storybook/client-logger": 6.4.0-alpha.11 + "@storybook/core-events": 6.4.0-alpha.11 + "@storybook/router": 6.4.0-alpha.11 + "@storybook/theming": 6.4.0-alpha.11 core-js: ^3.8.2 global: ^4.4.0 regenerator-runtime: ^0.13.7 @@ -2488,13 +2488,13 @@ __metadata: resolution: "@storybook/api@portal:../../lib/api::locator=web-components-kitchen-sink%40workspace%3A." dependencies: "@reach/router": ^1.3.4 - "@storybook/channels": 6.4.0-alpha.7 - "@storybook/client-logger": 6.4.0-alpha.7 - "@storybook/core-events": 6.4.0-alpha.7 + "@storybook/channels": 6.4.0-alpha.11 + "@storybook/client-logger": 6.4.0-alpha.11 + "@storybook/core-events": 6.4.0-alpha.11 "@storybook/csf": 0.0.1 - "@storybook/router": 6.4.0-alpha.7 + "@storybook/router": 6.4.0-alpha.11 "@storybook/semver": ^7.3.2 - "@storybook/theming": 6.4.0-alpha.7 + "@storybook/theming": 6.4.0-alpha.11 "@types/reach__router": ^1.3.7 core-js: ^3.8.2 fast-deep-equal: ^3.1.3 @@ -2538,20 +2538,20 @@ __metadata: "@babel/preset-env": ^7.12.11 "@babel/preset-react": ^7.12.10 "@babel/preset-typescript": ^7.12.7 - "@storybook/addons": 6.4.0-alpha.7 - "@storybook/api": 6.4.0-alpha.7 - "@storybook/channel-postmessage": 6.4.0-alpha.7 - "@storybook/channels": 6.4.0-alpha.7 - "@storybook/client-api": 6.4.0-alpha.7 - "@storybook/client-logger": 6.4.0-alpha.7 - "@storybook/components": 6.4.0-alpha.7 - "@storybook/core-common": 6.4.0-alpha.7 - "@storybook/core-events": 6.4.0-alpha.7 - "@storybook/node-logger": 6.4.0-alpha.7 - "@storybook/router": 6.4.0-alpha.7 + "@storybook/addons": 6.4.0-alpha.11 + "@storybook/api": 6.4.0-alpha.11 + "@storybook/channel-postmessage": 6.4.0-alpha.11 + "@storybook/channels": 6.4.0-alpha.11 + "@storybook/client-api": 6.4.0-alpha.11 + "@storybook/client-logger": 6.4.0-alpha.11 + "@storybook/components": 6.4.0-alpha.11 + "@storybook/core-common": 6.4.0-alpha.11 + "@storybook/core-events": 6.4.0-alpha.11 + "@storybook/node-logger": 6.4.0-alpha.11 + "@storybook/router": 6.4.0-alpha.11 "@storybook/semver": ^7.3.2 - "@storybook/theming": 6.4.0-alpha.7 - "@storybook/ui": 6.4.0-alpha.7 + "@storybook/theming": 6.4.0-alpha.11 + "@storybook/ui": 6.4.0-alpha.11 "@types/node": ^14.0.10 "@types/webpack": ^4.41.26 autoprefixer: ^9.8.6 @@ -2600,9 +2600,9 @@ __metadata: version: 0.0.0-use.local resolution: "@storybook/channel-postmessage@portal:../../lib/channel-postmessage::locator=web-components-kitchen-sink%40workspace%3A." dependencies: - "@storybook/channels": 6.4.0-alpha.7 - "@storybook/client-logger": 6.4.0-alpha.7 - "@storybook/core-events": 6.4.0-alpha.7 + "@storybook/channels": 6.4.0-alpha.11 + "@storybook/client-logger": 6.4.0-alpha.11 + "@storybook/core-events": 6.4.0-alpha.11 core-js: ^3.8.2 global: ^4.4.0 qs: ^6.10.0 @@ -2624,11 +2624,11 @@ __metadata: version: 0.0.0-use.local resolution: "@storybook/client-api@portal:../../lib/client-api::locator=web-components-kitchen-sink%40workspace%3A." dependencies: - "@storybook/addons": 6.4.0-alpha.7 - "@storybook/channel-postmessage": 6.4.0-alpha.7 - "@storybook/channels": 6.4.0-alpha.7 - "@storybook/client-logger": 6.4.0-alpha.7 - "@storybook/core-events": 6.4.0-alpha.7 + "@storybook/addons": 6.4.0-alpha.11 + "@storybook/channel-postmessage": 6.4.0-alpha.11 + "@storybook/channels": 6.4.0-alpha.11 + "@storybook/client-logger": 6.4.0-alpha.11 + "@storybook/core-events": 6.4.0-alpha.11 "@storybook/csf": 0.0.1 "@types/qs": ^6.9.5 "@types/webpack-env": ^1.16.0 @@ -2662,9 +2662,9 @@ __metadata: resolution: "@storybook/components@portal:../../lib/components::locator=web-components-kitchen-sink%40workspace%3A." dependencies: "@popperjs/core": ^2.6.0 - "@storybook/client-logger": 6.4.0-alpha.7 + "@storybook/client-logger": 6.4.0-alpha.11 "@storybook/csf": 0.0.1 - "@storybook/theming": 6.4.0-alpha.7 + "@storybook/theming": 6.4.0-alpha.11 "@types/color-convert": ^2.0.0 "@types/overlayscrollbars": ^1.12.0 "@types/react-syntax-highlighter": 11.0.5 @@ -2695,13 +2695,13 @@ __metadata: version: 0.0.0-use.local resolution: "@storybook/core-client@portal:../../lib/core-client::locator=web-components-kitchen-sink%40workspace%3A." dependencies: - "@storybook/addons": 6.4.0-alpha.7 - "@storybook/channel-postmessage": 6.4.0-alpha.7 - "@storybook/client-api": 6.4.0-alpha.7 - "@storybook/client-logger": 6.4.0-alpha.7 - "@storybook/core-events": 6.4.0-alpha.7 + "@storybook/addons": 6.4.0-alpha.11 + "@storybook/channel-postmessage": 6.4.0-alpha.11 + "@storybook/client-api": 6.4.0-alpha.11 + "@storybook/client-logger": 6.4.0-alpha.11 + "@storybook/core-events": 6.4.0-alpha.11 "@storybook/csf": 0.0.1 - "@storybook/ui": 6.4.0-alpha.7 + "@storybook/ui": 6.4.0-alpha.11 airbnb-js-shims: ^2.2.1 ansi-to-html: ^0.6.11 core-js: ^3.8.2 @@ -2747,7 +2747,7 @@ __metadata: "@babel/preset-react": ^7.12.10 "@babel/preset-typescript": ^7.12.7 "@babel/register": ^7.12.1 - "@storybook/node-logger": 6.4.0-alpha.7 + "@storybook/node-logger": 6.4.0-alpha.11 "@storybook/semver": ^7.3.2 "@types/glob-base": ^0.3.0 "@types/micromatch": ^4.0.1 @@ -2795,12 +2795,12 @@ __metadata: version: 0.0.0-use.local resolution: "@storybook/core-server@portal:../../lib/core-server::locator=web-components-kitchen-sink%40workspace%3A." dependencies: - "@storybook/builder-webpack4": 6.4.0-alpha.7 - "@storybook/core-client": 6.4.0-alpha.7 - "@storybook/core-common": 6.4.0-alpha.7 - "@storybook/csf-tools": 6.4.0-alpha.7 - "@storybook/manager-webpack4": 6.4.0-alpha.7 - "@storybook/node-logger": 6.4.0-alpha.7 + "@storybook/builder-webpack4": 6.4.0-alpha.11 + "@storybook/core-client": 6.4.0-alpha.11 + "@storybook/core-common": 6.4.0-alpha.11 + "@storybook/csf-tools": 6.4.0-alpha.11 + "@storybook/manager-webpack4": 6.4.0-alpha.11 + "@storybook/node-logger": 6.4.0-alpha.11 "@storybook/semver": ^7.3.2 "@types/node": ^14.0.10 "@types/node-fetch": ^2.5.7 @@ -2829,8 +2829,8 @@ __metadata: util-deprecate: ^1.0.2 webpack: 4 peerDependencies: - "@storybook/builder-webpack5": 6.4.0-alpha.7 - "@storybook/manager-webpack5": 6.4.0-alpha.7 + "@storybook/builder-webpack5": 6.4.0-alpha.11 + "@storybook/manager-webpack5": 6.4.0-alpha.11 react: ^16.8.0 || ^17.0.0 react-dom: ^16.8.0 || ^17.0.0 peerDependenciesMeta: @@ -2847,10 +2847,10 @@ __metadata: version: 0.0.0-use.local resolution: "@storybook/core@portal:../../lib/core::locator=web-components-kitchen-sink%40workspace%3A." dependencies: - "@storybook/core-client": 6.4.0-alpha.7 - "@storybook/core-server": 6.4.0-alpha.7 + "@storybook/core-client": 6.4.0-alpha.11 + "@storybook/core-server": 6.4.0-alpha.11 peerDependencies: - "@storybook/builder-webpack5": 6.4.0-alpha.7 + "@storybook/builder-webpack5": 6.4.0-alpha.11 react: ^16.8.0 || ^17.0.0 react-dom: ^16.8.0 || ^17.0.0 peerDependenciesMeta: @@ -2899,12 +2899,12 @@ __metadata: "@babel/core": ^7.12.10 "@babel/plugin-transform-template-literals": ^7.12.1 "@babel/preset-react": ^7.12.10 - "@storybook/addons": 6.4.0-alpha.7 - "@storybook/core-client": 6.4.0-alpha.7 - "@storybook/core-common": 6.4.0-alpha.7 - "@storybook/node-logger": 6.4.0-alpha.7 - "@storybook/theming": 6.4.0-alpha.7 - "@storybook/ui": 6.4.0-alpha.7 + "@storybook/addons": 6.4.0-alpha.11 + "@storybook/core-client": 6.4.0-alpha.11 + "@storybook/core-common": 6.4.0-alpha.11 + "@storybook/node-logger": 6.4.0-alpha.11 + "@storybook/theming": 6.4.0-alpha.11 + "@storybook/ui": 6.4.0-alpha.11 "@types/node": ^14.0.10 "@types/webpack": ^4.41.26 babel-loader: ^8.2.2 @@ -2967,7 +2967,7 @@ __metadata: resolution: "@storybook/router@portal:../../lib/router::locator=web-components-kitchen-sink%40workspace%3A." dependencies: "@reach/router": ^1.3.4 - "@storybook/client-logger": 6.4.0-alpha.7 + "@storybook/client-logger": 6.4.0-alpha.11 "@types/reach__router": ^1.3.7 core-js: ^3.8.2 fast-deep-equal: ^3.1.3 @@ -2998,8 +2998,8 @@ __metadata: version: 0.0.0-use.local resolution: "@storybook/source-loader@portal:../../lib/source-loader::locator=web-components-kitchen-sink%40workspace%3A." dependencies: - "@storybook/addons": 6.4.0-alpha.7 - "@storybook/client-logger": 6.4.0-alpha.7 + "@storybook/addons": 6.4.0-alpha.11 + "@storybook/client-logger": 6.4.0-alpha.11 "@storybook/csf": 0.0.1 core-js: ^3.8.2 estraverse: ^5.2.0 @@ -3021,7 +3021,7 @@ __metadata: "@emotion/core": ^10.1.1 "@emotion/is-prop-valid": ^0.8.6 "@emotion/styled": ^10.0.27 - "@storybook/client-logger": 6.4.0-alpha.7 + "@storybook/client-logger": 6.4.0-alpha.11 core-js: ^3.8.2 deep-object-diff: ^1.1.0 emotion-theming: ^10.0.27 @@ -3041,15 +3041,15 @@ __metadata: resolution: "@storybook/ui@portal:../../lib/ui::locator=web-components-kitchen-sink%40workspace%3A." dependencies: "@emotion/core": ^10.1.1 - "@storybook/addons": 6.4.0-alpha.7 - "@storybook/api": 6.4.0-alpha.7 - "@storybook/channels": 6.4.0-alpha.7 - "@storybook/client-logger": 6.4.0-alpha.7 - "@storybook/components": 6.4.0-alpha.7 - "@storybook/core-events": 6.4.0-alpha.7 - "@storybook/router": 6.4.0-alpha.7 + "@storybook/addons": 6.4.0-alpha.11 + "@storybook/api": 6.4.0-alpha.11 + "@storybook/channels": 6.4.0-alpha.11 + "@storybook/client-logger": 6.4.0-alpha.11 + "@storybook/components": 6.4.0-alpha.11 + "@storybook/core-events": 6.4.0-alpha.11 + "@storybook/router": 6.4.0-alpha.11 "@storybook/semver": ^7.3.2 - "@storybook/theming": 6.4.0-alpha.7 + "@storybook/theming": 6.4.0-alpha.11 "@types/markdown-to-jsx": ^6.11.3 copy-to-clipboard: ^3.3.1 core-js: ^3.8.2 @@ -3082,10 +3082,10 @@ __metadata: "@babel/plugin-syntax-dynamic-import": ^7.8.3 "@babel/plugin-syntax-import-meta": ^7.10.4 "@babel/preset-env": ^7.12.11 - "@storybook/addons": 6.4.0-alpha.7 - "@storybook/client-api": 6.4.0-alpha.7 - "@storybook/core": 6.4.0-alpha.7 - "@storybook/core-common": 6.4.0-alpha.7 + "@storybook/addons": 6.4.0-alpha.11 + "@storybook/client-api": 6.4.0-alpha.11 + "@storybook/core": 6.4.0-alpha.11 + "@storybook/core-common": 6.4.0-alpha.11 "@types/webpack-env": ^1.16.0 babel-plugin-bundled-import-meta: ^0.3.1 core-js: ^3.8.2 diff --git a/jest.config.js b/jest.config.js index 5f94e6a820ea..46dff93a777e 100644 --- a/jest.config.js +++ b/jest.config.js @@ -47,6 +47,7 @@ module.exports = { '^.+\\.[jt]sx?$': '/scripts/utils/jest-transform-js.js', '^.+\\.mdx$': '@storybook/addon-docs/jest-transform-mdx', }, + transformIgnorePatterns: ['/node_modules/(?!lit-html).+\\.js'], testMatch: ['**/__tests__/**/*.[jt]s?(x)', '**/?(*.)+(spec|test).[jt]s?(x)'], testPathIgnorePatterns: [ '/node_modules/', diff --git a/lerna.json b/lerna.json index 33bab6992c67..5e97aa9f632c 100644 --- a/lerna.json +++ b/lerna.json @@ -2,5 +2,5 @@ "npmClient": "yarn", "useWorkspaces": true, "registry": "https://registry.npmjs.org", - "version": "6.4.0-alpha.13" + "version": "6.4.0-alpha.14" } diff --git a/lib/addons/package.json b/lib/addons/package.json index 116b4153676a..3310a0213bd1 100644 --- a/lib/addons/package.json +++ b/lib/addons/package.json @@ -1,6 +1,6 @@ { "name": "@storybook/addons", - "version": "6.4.0-alpha.13", + "version": "6.4.0-alpha.14", "description": "Storybook addons store", "keywords": [ "storybook" @@ -40,12 +40,12 @@ "prepare": "node ../../scripts/prepare.js" }, "dependencies": { - "@storybook/api": "6.4.0-alpha.13", - "@storybook/channels": "6.4.0-alpha.13", - "@storybook/client-logger": "6.4.0-alpha.13", - "@storybook/core-events": "6.4.0-alpha.13", - "@storybook/router": "6.4.0-alpha.13", - "@storybook/theming": "6.4.0-alpha.13", + "@storybook/api": "6.4.0-alpha.14", + "@storybook/channels": "6.4.0-alpha.14", + "@storybook/client-logger": "6.4.0-alpha.14", + "@storybook/core-events": "6.4.0-alpha.14", + "@storybook/router": "6.4.0-alpha.14", + "@storybook/theming": "6.4.0-alpha.14", "core-js": "^3.8.2", "global": "^4.4.0", "regenerator-runtime": "^0.13.7" @@ -57,6 +57,6 @@ "publishConfig": { "access": "public" }, - "gitHead": "70d04492b677c52c518b1b9591e382ba57484042", + "gitHead": "d3f8b5119b70ecf23ef2006b58034292eab3726e", "sbmodern": "dist/modern/public_api.js" } diff --git a/lib/api/package.json b/lib/api/package.json index 3a06790bc231..6dc2fc0454e5 100644 --- a/lib/api/package.json +++ b/lib/api/package.json @@ -1,6 +1,6 @@ { "name": "@storybook/api", - "version": "6.4.0-alpha.13", + "version": "6.4.0-alpha.14", "description": "Core Storybook API & Context", "keywords": [ "storybook" @@ -39,13 +39,13 @@ }, "dependencies": { "@reach/router": "^1.3.4", - "@storybook/channels": "6.4.0-alpha.13", - "@storybook/client-logger": "6.4.0-alpha.13", - "@storybook/core-events": "6.4.0-alpha.13", + "@storybook/channels": "6.4.0-alpha.14", + "@storybook/client-logger": "6.4.0-alpha.14", + "@storybook/core-events": "6.4.0-alpha.14", "@storybook/csf": "0.0.1", - "@storybook/router": "6.4.0-alpha.13", + "@storybook/router": "6.4.0-alpha.14", "@storybook/semver": "^7.3.2", - "@storybook/theming": "6.4.0-alpha.13", + "@storybook/theming": "6.4.0-alpha.14", "@types/reach__router": "^1.3.7", "core-js": "^3.8.2", "fast-deep-equal": "^3.1.3", @@ -72,6 +72,6 @@ "publishConfig": { "access": "public" }, - "gitHead": "70d04492b677c52c518b1b9591e382ba57484042", + "gitHead": "d3f8b5119b70ecf23ef2006b58034292eab3726e", "sbmodern": "dist/modern/index.js" } diff --git a/lib/api/src/version.ts b/lib/api/src/version.ts index fb8cfadefbc1..f4a982e12eb5 100644 --- a/lib/api/src/version.ts +++ b/lib/api/src/version.ts @@ -1 +1 @@ -export const version = '6.4.0-alpha.13'; +export const version = '6.4.0-alpha.14'; diff --git a/lib/builder-webpack4/package.json b/lib/builder-webpack4/package.json index de9eb14750c3..b961e87cd3b7 100644 --- a/lib/builder-webpack4/package.json +++ b/lib/builder-webpack4/package.json @@ -1,6 +1,6 @@ { "name": "@storybook/builder-webpack4", - "version": "6.4.0-alpha.13", + "version": "6.4.0-alpha.14", "description": "Storybook framework-agnostic API", "keywords": [ "storybook" @@ -61,20 +61,20 @@ "@babel/preset-env": "^7.12.11", "@babel/preset-react": "^7.12.10", "@babel/preset-typescript": "^7.12.7", - "@storybook/addons": "6.4.0-alpha.13", - "@storybook/api": "6.4.0-alpha.13", - "@storybook/channel-postmessage": "6.4.0-alpha.13", - "@storybook/channels": "6.4.0-alpha.13", - "@storybook/client-api": "6.4.0-alpha.13", - "@storybook/client-logger": "6.4.0-alpha.13", - "@storybook/components": "6.4.0-alpha.13", - "@storybook/core-common": "6.4.0-alpha.13", - "@storybook/core-events": "6.4.0-alpha.13", - "@storybook/node-logger": "6.4.0-alpha.13", - "@storybook/router": "6.4.0-alpha.13", + "@storybook/addons": "6.4.0-alpha.14", + "@storybook/api": "6.4.0-alpha.14", + "@storybook/channel-postmessage": "6.4.0-alpha.14", + "@storybook/channels": "6.4.0-alpha.14", + "@storybook/client-api": "6.4.0-alpha.14", + "@storybook/client-logger": "6.4.0-alpha.14", + "@storybook/components": "6.4.0-alpha.14", + "@storybook/core-common": "6.4.0-alpha.14", + "@storybook/core-events": "6.4.0-alpha.14", + "@storybook/node-logger": "6.4.0-alpha.14", + "@storybook/router": "6.4.0-alpha.14", "@storybook/semver": "^7.3.2", - "@storybook/theming": "6.4.0-alpha.13", - "@storybook/ui": "6.4.0-alpha.13", + "@storybook/theming": "6.4.0-alpha.14", + "@storybook/ui": "6.4.0-alpha.14", "@types/node": "^14.0.10", "@types/webpack": "^4.41.26", "autoprefixer": "^9.8.6", @@ -132,6 +132,6 @@ "publishConfig": { "access": "public" }, - "gitHead": "70d04492b677c52c518b1b9591e382ba57484042", + "gitHead": "d3f8b5119b70ecf23ef2006b58034292eab3726e", "sbmodern": "dist/modern/index.js" } diff --git a/lib/builder-webpack5/package.json b/lib/builder-webpack5/package.json index f80c258489bd..bd2c94abe9c1 100644 --- a/lib/builder-webpack5/package.json +++ b/lib/builder-webpack5/package.json @@ -1,6 +1,6 @@ { "name": "@storybook/builder-webpack5", - "version": "6.4.0-alpha.13", + "version": "6.4.0-alpha.14", "description": "Storybook framework-agnostic API", "keywords": [ "storybook" @@ -60,19 +60,19 @@ "@babel/preset-env": "^7.12.11", "@babel/preset-react": "^7.12.10", "@babel/preset-typescript": "^7.12.7", - "@storybook/addons": "6.4.0-alpha.13", - "@storybook/api": "6.4.0-alpha.13", - "@storybook/channel-postmessage": "6.4.0-alpha.13", - "@storybook/channels": "6.4.0-alpha.13", - "@storybook/client-api": "6.4.0-alpha.13", - "@storybook/client-logger": "6.4.0-alpha.13", - "@storybook/components": "6.4.0-alpha.13", - "@storybook/core-common": "6.4.0-alpha.13", - "@storybook/core-events": "6.4.0-alpha.13", - "@storybook/node-logger": "6.4.0-alpha.13", - "@storybook/router": "6.4.0-alpha.13", + "@storybook/addons": "6.4.0-alpha.14", + "@storybook/api": "6.4.0-alpha.14", + "@storybook/channel-postmessage": "6.4.0-alpha.14", + "@storybook/channels": "6.4.0-alpha.14", + "@storybook/client-api": "6.4.0-alpha.14", + "@storybook/client-logger": "6.4.0-alpha.14", + "@storybook/components": "6.4.0-alpha.14", + "@storybook/core-common": "6.4.0-alpha.14", + "@storybook/core-events": "6.4.0-alpha.14", + "@storybook/node-logger": "6.4.0-alpha.14", + "@storybook/router": "6.4.0-alpha.14", "@storybook/semver": "^7.3.2", - "@storybook/theming": "6.4.0-alpha.13", + "@storybook/theming": "6.4.0-alpha.14", "@types/node": "^14.0.10", "babel-loader": "^8.2.2", "babel-plugin-macros": "^3.0.1", @@ -118,6 +118,6 @@ "publishConfig": { "access": "public" }, - "gitHead": "70d04492b677c52c518b1b9591e382ba57484042", + "gitHead": "d3f8b5119b70ecf23ef2006b58034292eab3726e", "sbmodern": "dist/modern/index.js" } diff --git a/lib/channel-postmessage/package.json b/lib/channel-postmessage/package.json index ff53f0e1cf71..30fadd2a7db1 100644 --- a/lib/channel-postmessage/package.json +++ b/lib/channel-postmessage/package.json @@ -1,6 +1,6 @@ { "name": "@storybook/channel-postmessage", - "version": "6.4.0-alpha.13", + "version": "6.4.0-alpha.14", "description": "", "keywords": [ "storybook" @@ -40,9 +40,9 @@ "prepare": "node ../../scripts/prepare.js" }, "dependencies": { - "@storybook/channels": "6.4.0-alpha.13", - "@storybook/client-logger": "6.4.0-alpha.13", - "@storybook/core-events": "6.4.0-alpha.13", + "@storybook/channels": "6.4.0-alpha.14", + "@storybook/client-logger": "6.4.0-alpha.14", + "@storybook/core-events": "6.4.0-alpha.14", "core-js": "^3.8.2", "global": "^4.4.0", "qs": "^6.10.0", @@ -51,6 +51,6 @@ "publishConfig": { "access": "public" }, - "gitHead": "70d04492b677c52c518b1b9591e382ba57484042", + "gitHead": "d3f8b5119b70ecf23ef2006b58034292eab3726e", "sbmodern": "dist/modern/index.js" } diff --git a/lib/channel-websocket/package.json b/lib/channel-websocket/package.json index fe9460412c3e..007d5835d48b 100644 --- a/lib/channel-websocket/package.json +++ b/lib/channel-websocket/package.json @@ -1,6 +1,6 @@ { "name": "@storybook/channel-websocket", - "version": "6.4.0-alpha.13", + "version": "6.4.0-alpha.14", "description": "", "keywords": [ "storybook" @@ -40,7 +40,7 @@ "prepare": "node ../../scripts/prepare.js" }, "dependencies": { - "@storybook/channels": "6.4.0-alpha.13", + "@storybook/channels": "6.4.0-alpha.14", "core-js": "^3.8.2", "global": "^4.4.0", "telejson": "^5.3.2" @@ -48,6 +48,6 @@ "publishConfig": { "access": "public" }, - "gitHead": "70d04492b677c52c518b1b9591e382ba57484042", + "gitHead": "d3f8b5119b70ecf23ef2006b58034292eab3726e", "sbmodern": "dist/modern/index.js" } diff --git a/lib/channels/package.json b/lib/channels/package.json index f064877f9d85..aee7efa8765b 100644 --- a/lib/channels/package.json +++ b/lib/channels/package.json @@ -1,6 +1,6 @@ { "name": "@storybook/channels", - "version": "6.4.0-alpha.13", + "version": "6.4.0-alpha.14", "description": "", "keywords": [ "storybook" @@ -47,6 +47,6 @@ "publishConfig": { "access": "public" }, - "gitHead": "70d04492b677c52c518b1b9591e382ba57484042", + "gitHead": "d3f8b5119b70ecf23ef2006b58034292eab3726e", "sbmodern": "dist/modern/index.js" } diff --git a/lib/cli-sb/package.json b/lib/cli-sb/package.json index a0d007b6d763..6705c908ae90 100644 --- a/lib/cli-sb/package.json +++ b/lib/cli-sb/package.json @@ -1,6 +1,6 @@ { "name": "sb", - "version": "6.4.0-alpha.13", + "version": "6.4.0-alpha.14", "description": "Storybook CLI", "keywords": [ "storybook" @@ -24,10 +24,10 @@ "prepare": "node ../../scripts/prepare.js" }, "dependencies": { - "@storybook/cli": "6.4.0-alpha.13" + "@storybook/cli": "6.4.0-alpha.14" }, "publishConfig": { "access": "public" }, - "gitHead": "70d04492b677c52c518b1b9591e382ba57484042" + "gitHead": "d3f8b5119b70ecf23ef2006b58034292eab3726e" } diff --git a/lib/cli-storybook/package.json b/lib/cli-storybook/package.json index 5f58c697766a..cf732d4c1f35 100644 --- a/lib/cli-storybook/package.json +++ b/lib/cli-storybook/package.json @@ -1,6 +1,6 @@ { "name": "storybook", - "version": "6.4.0-alpha.13", + "version": "6.4.0-alpha.14", "description": "Storybook CLI", "keywords": [ "storybook" @@ -27,10 +27,10 @@ "prepare": "node ../../scripts/prepare.js" }, "dependencies": { - "@storybook/cli": "6.4.0-alpha.13" + "@storybook/cli": "6.4.0-alpha.14" }, "publishConfig": { "access": "public" }, - "gitHead": "70d04492b677c52c518b1b9591e382ba57484042" + "gitHead": "d3f8b5119b70ecf23ef2006b58034292eab3726e" } diff --git a/lib/cli/package.json b/lib/cli/package.json index b8a6c7be8092..89762d7d1c0f 100644 --- a/lib/cli/package.json +++ b/lib/cli/package.json @@ -1,6 +1,6 @@ { "name": "@storybook/cli", - "version": "6.4.0-alpha.13", + "version": "6.4.0-alpha.14", "description": "Storybook's CLI - easiest method of adding storybook to your projects", "keywords": [ "cli", @@ -48,8 +48,8 @@ "dependencies": { "@babel/core": "^7.12.10", "@babel/preset-env": "^7.12.11", - "@storybook/codemod": "6.4.0-alpha.13", - "@storybook/node-logger": "6.4.0-alpha.13", + "@storybook/codemod": "6.4.0-alpha.14", + "@storybook/node-logger": "6.4.0-alpha.14", "@storybook/semver": "^7.3.2", "boxen": "^4.2.0", "chalk": "^4.1.0", @@ -74,7 +74,7 @@ "update-notifier": "^5.0.1" }, "devDependencies": { - "@storybook/client-api": "6.4.0-alpha.13", + "@storybook/client-api": "6.4.0-alpha.14", "@types/cross-spawn": "^6.0.2", "@types/prompts": "^2.0.9", "@types/puppeteer-core": "^2.1.0", @@ -90,5 +90,5 @@ "publishConfig": { "access": "public" }, - "gitHead": "70d04492b677c52c518b1b9591e382ba57484042" + "gitHead": "d3f8b5119b70ecf23ef2006b58034292eab3726e" } diff --git a/lib/cli/src/versions.json b/lib/cli/src/versions.json index b6a8ddaca14d..166da528540a 100644 --- a/lib/cli/src/versions.json +++ b/lib/cli/src/versions.json @@ -1,57 +1,57 @@ { - "@storybook/addon-a11y": "6.4.0-alpha.13", - "@storybook/addon-actions": "6.4.0-alpha.13", - "@storybook/addon-backgrounds": "6.4.0-alpha.13", - "@storybook/addon-controls": "6.4.0-alpha.13", - "@storybook/addon-docs": "6.4.0-alpha.13", - "@storybook/addon-essentials": "6.4.0-alpha.13", - "@storybook/addon-jest": "6.4.0-alpha.13", - "@storybook/addon-links": "6.4.0-alpha.13", - "@storybook/addon-storyshots": "6.4.0-alpha.13", - "@storybook/addon-storyshots-puppeteer": "6.4.0-alpha.13", - "@storybook/addon-storysource": "6.4.0-alpha.13", - "@storybook/addon-toolbars": "6.4.0-alpha.13", - "@storybook/addon-viewport": "6.4.0-alpha.13", - "@storybook/addons": "6.4.0-alpha.13", - "@storybook/angular": "6.4.0-alpha.13", - "@storybook/api": "6.4.0-alpha.13", - "@storybook/aurelia": "6.4.0-alpha.13", - "@storybook/builder-webpack4": "6.4.0-alpha.13", - "@storybook/builder-webpack5": "6.4.0-alpha.13", - "@storybook/channel-postmessage": "6.4.0-alpha.13", - "@storybook/channel-websocket": "6.4.0-alpha.13", - "@storybook/channels": "6.4.0-alpha.13", - "@storybook/cli": "6.4.0-alpha.13", - "@storybook/client-api": "6.4.0-alpha.13", - "@storybook/client-logger": "6.4.0-alpha.13", - "@storybook/codemod": "6.4.0-alpha.13", - "@storybook/components": "6.4.0-alpha.13", - "@storybook/core": "6.4.0-alpha.13", - "@storybook/core-client": "6.4.0-alpha.13", - "@storybook/core-common": "6.4.0-alpha.13", - "@storybook/core-events": "6.4.0-alpha.13", - "@storybook/core-server": "6.4.0-alpha.13", - "@storybook/csf-tools": "6.4.0-alpha.13", - "@storybook/ember": "6.4.0-alpha.13", - "@storybook/html": "6.4.0-alpha.13", - "@storybook/manager-webpack4": "6.4.0-alpha.13", - "@storybook/manager-webpack5": "6.4.0-alpha.13", - "@storybook/marionette": "6.4.0-alpha.13", - "@storybook/marko": "6.4.0-alpha.13", - "@storybook/mithril": "6.4.0-alpha.13", - "@storybook/node-logger": "6.4.0-alpha.13", - "@storybook/postinstall": "6.4.0-alpha.13", - "@storybook/preact": "6.4.0-alpha.13", - "@storybook/rax": "6.4.0-alpha.13", - "@storybook/react": "6.4.0-alpha.13", - "@storybook/riot": "6.4.0-alpha.13", - "@storybook/router": "6.4.0-alpha.13", - "@storybook/server": "6.4.0-alpha.13", - "@storybook/source-loader": "6.4.0-alpha.13", - "@storybook/svelte": "6.4.0-alpha.13", - "@storybook/theming": "6.4.0-alpha.13", - "@storybook/ui": "6.4.0-alpha.13", - "@storybook/vue": "6.4.0-alpha.13", - "@storybook/vue3": "6.4.0-alpha.13", - "@storybook/web-components": "6.4.0-alpha.13" + "@storybook/addon-a11y": "6.4.0-alpha.14", + "@storybook/addon-actions": "6.4.0-alpha.14", + "@storybook/addon-backgrounds": "6.4.0-alpha.14", + "@storybook/addon-controls": "6.4.0-alpha.14", + "@storybook/addon-docs": "6.4.0-alpha.14", + "@storybook/addon-essentials": "6.4.0-alpha.14", + "@storybook/addon-jest": "6.4.0-alpha.14", + "@storybook/addon-links": "6.4.0-alpha.14", + "@storybook/addon-storyshots": "6.4.0-alpha.14", + "@storybook/addon-storyshots-puppeteer": "6.4.0-alpha.14", + "@storybook/addon-storysource": "6.4.0-alpha.14", + "@storybook/addon-toolbars": "6.4.0-alpha.14", + "@storybook/addon-viewport": "6.4.0-alpha.14", + "@storybook/addons": "6.4.0-alpha.14", + "@storybook/angular": "6.4.0-alpha.14", + "@storybook/api": "6.4.0-alpha.14", + "@storybook/aurelia": "6.4.0-alpha.14", + "@storybook/builder-webpack4": "6.4.0-alpha.14", + "@storybook/builder-webpack5": "6.4.0-alpha.14", + "@storybook/channel-postmessage": "6.4.0-alpha.14", + "@storybook/channel-websocket": "6.4.0-alpha.14", + "@storybook/channels": "6.4.0-alpha.14", + "@storybook/cli": "6.4.0-alpha.14", + "@storybook/client-api": "6.4.0-alpha.14", + "@storybook/client-logger": "6.4.0-alpha.14", + "@storybook/codemod": "6.4.0-alpha.14", + "@storybook/components": "6.4.0-alpha.14", + "@storybook/core": "6.4.0-alpha.14", + "@storybook/core-client": "6.4.0-alpha.14", + "@storybook/core-common": "6.4.0-alpha.14", + "@storybook/core-events": "6.4.0-alpha.14", + "@storybook/core-server": "6.4.0-alpha.14", + "@storybook/csf-tools": "6.4.0-alpha.14", + "@storybook/ember": "6.4.0-alpha.14", + "@storybook/html": "6.4.0-alpha.14", + "@storybook/manager-webpack4": "6.4.0-alpha.14", + "@storybook/manager-webpack5": "6.4.0-alpha.14", + "@storybook/marionette": "6.4.0-alpha.14", + "@storybook/marko": "6.4.0-alpha.14", + "@storybook/mithril": "6.4.0-alpha.14", + "@storybook/node-logger": "6.4.0-alpha.14", + "@storybook/postinstall": "6.4.0-alpha.14", + "@storybook/preact": "6.4.0-alpha.14", + "@storybook/rax": "6.4.0-alpha.14", + "@storybook/react": "6.4.0-alpha.14", + "@storybook/riot": "6.4.0-alpha.14", + "@storybook/router": "6.4.0-alpha.14", + "@storybook/server": "6.4.0-alpha.14", + "@storybook/source-loader": "6.4.0-alpha.14", + "@storybook/svelte": "6.4.0-alpha.14", + "@storybook/theming": "6.4.0-alpha.14", + "@storybook/ui": "6.4.0-alpha.14", + "@storybook/vue": "6.4.0-alpha.14", + "@storybook/vue3": "6.4.0-alpha.14", + "@storybook/web-components": "6.4.0-alpha.14" } diff --git a/lib/client-api/package.json b/lib/client-api/package.json index 0a57ac49095d..cb7103bb4040 100644 --- a/lib/client-api/package.json +++ b/lib/client-api/package.json @@ -1,6 +1,6 @@ { "name": "@storybook/client-api", - "version": "6.4.0-alpha.13", + "version": "6.4.0-alpha.14", "description": "Storybook Client API", "keywords": [ "storybook" @@ -40,11 +40,11 @@ "prepare": "node ../../scripts/prepare.js" }, "dependencies": { - "@storybook/addons": "6.4.0-alpha.13", - "@storybook/channel-postmessage": "6.4.0-alpha.13", - "@storybook/channels": "6.4.0-alpha.13", - "@storybook/client-logger": "6.4.0-alpha.13", - "@storybook/core-events": "6.4.0-alpha.13", + "@storybook/addons": "6.4.0-alpha.14", + "@storybook/channel-postmessage": "6.4.0-alpha.14", + "@storybook/channels": "6.4.0-alpha.14", + "@storybook/client-logger": "6.4.0-alpha.14", + "@storybook/core-events": "6.4.0-alpha.14", "@storybook/csf": "0.0.1", "@types/qs": "^6.9.5", "@types/webpack-env": "^1.16.0", @@ -66,6 +66,6 @@ "publishConfig": { "access": "public" }, - "gitHead": "70d04492b677c52c518b1b9591e382ba57484042", + "gitHead": "d3f8b5119b70ecf23ef2006b58034292eab3726e", "sbmodern": "dist/modern/index.js" } diff --git a/lib/client-logger/package.json b/lib/client-logger/package.json index c214e35ec4cf..bc0654a490e9 100644 --- a/lib/client-logger/package.json +++ b/lib/client-logger/package.json @@ -1,6 +1,6 @@ { "name": "@storybook/client-logger", - "version": "6.4.0-alpha.13", + "version": "6.4.0-alpha.14", "description": "", "keywords": [ "storybook" @@ -46,6 +46,6 @@ "publishConfig": { "access": "public" }, - "gitHead": "70d04492b677c52c518b1b9591e382ba57484042", + "gitHead": "d3f8b5119b70ecf23ef2006b58034292eab3726e", "sbmodern": "dist/modern/index.js" } diff --git a/lib/codemod/package.json b/lib/codemod/package.json index 8a10ef981cb5..6c52bfd6b5d0 100644 --- a/lib/codemod/package.json +++ b/lib/codemod/package.json @@ -1,6 +1,6 @@ { "name": "@storybook/codemod", - "version": "6.4.0-alpha.13", + "version": "6.4.0-alpha.14", "description": "A collection of codemod scripts written with JSCodeshift", "keywords": [ "storybook" @@ -44,8 +44,8 @@ "@babel/types": "^7.12.11", "@mdx-js/mdx": "^1.6.22", "@storybook/csf": "0.0.1", - "@storybook/csf-tools": "6.4.0-alpha.13", - "@storybook/node-logger": "6.4.0-alpha.13", + "@storybook/csf-tools": "6.4.0-alpha.14", + "@storybook/node-logger": "6.4.0-alpha.14", "core-js": "^3.8.2", "cross-spawn": "^7.0.3", "globby": "^11.0.2", @@ -62,6 +62,6 @@ "publishConfig": { "access": "public" }, - "gitHead": "70d04492b677c52c518b1b9591e382ba57484042", + "gitHead": "d3f8b5119b70ecf23ef2006b58034292eab3726e", "sbmodern": "dist/modern/index.js" } diff --git a/lib/components/package.json b/lib/components/package.json index b78e919542ff..4fd066688e10 100644 --- a/lib/components/package.json +++ b/lib/components/package.json @@ -1,6 +1,6 @@ { "name": "@storybook/components", - "version": "6.4.0-alpha.13", + "version": "6.4.0-alpha.14", "description": "Core Storybook Components", "keywords": [ "storybook" @@ -41,9 +41,9 @@ }, "dependencies": { "@popperjs/core": "^2.6.0", - "@storybook/client-logger": "6.4.0-alpha.13", + "@storybook/client-logger": "6.4.0-alpha.14", "@storybook/csf": "0.0.1", - "@storybook/theming": "6.4.0-alpha.13", + "@storybook/theming": "6.4.0-alpha.14", "@types/color-convert": "^2.0.0", "@types/overlayscrollbars": "^1.12.0", "@types/react-syntax-highlighter": "11.0.5", @@ -76,6 +76,6 @@ "publishConfig": { "access": "public" }, - "gitHead": "70d04492b677c52c518b1b9591e382ba57484042", + "gitHead": "d3f8b5119b70ecf23ef2006b58034292eab3726e", "sbmodern": "dist/modern/index.js" } diff --git a/lib/core-client/package.json b/lib/core-client/package.json index e813bbcdba40..d0a0849b999b 100644 --- a/lib/core-client/package.json +++ b/lib/core-client/package.json @@ -1,6 +1,6 @@ { "name": "@storybook/core-client", - "version": "6.4.0-alpha.13", + "version": "6.4.0-alpha.14", "description": "Storybook framework-agnostic API", "keywords": [ "storybook" @@ -40,13 +40,13 @@ "prepare": "node ../../scripts/prepare.js" }, "dependencies": { - "@storybook/addons": "6.4.0-alpha.13", - "@storybook/channel-postmessage": "6.4.0-alpha.13", - "@storybook/client-api": "6.4.0-alpha.13", - "@storybook/client-logger": "6.4.0-alpha.13", - "@storybook/core-events": "6.4.0-alpha.13", + "@storybook/addons": "6.4.0-alpha.14", + "@storybook/channel-postmessage": "6.4.0-alpha.14", + "@storybook/client-api": "6.4.0-alpha.14", + "@storybook/client-logger": "6.4.0-alpha.14", + "@storybook/core-events": "6.4.0-alpha.14", "@storybook/csf": "0.0.1", - "@storybook/ui": "6.4.0-alpha.13", + "@storybook/ui": "6.4.0-alpha.14", "airbnb-js-shims": "^2.2.1", "ansi-to-html": "^0.6.11", "core-js": "^3.8.2", @@ -71,6 +71,6 @@ "publishConfig": { "access": "public" }, - "gitHead": "70d04492b677c52c518b1b9591e382ba57484042", + "gitHead": "d3f8b5119b70ecf23ef2006b58034292eab3726e", "sbmodern": "dist/modern/index.js" } diff --git a/lib/core-common/package.json b/lib/core-common/package.json index e44022f75476..31ee9cd4626c 100644 --- a/lib/core-common/package.json +++ b/lib/core-common/package.json @@ -1,6 +1,6 @@ { "name": "@storybook/core-common", - "version": "6.4.0-alpha.13", + "version": "6.4.0-alpha.14", "description": "Storybook framework-agnostic API", "keywords": [ "storybook" @@ -61,7 +61,7 @@ "@babel/preset-react": "^7.12.10", "@babel/preset-typescript": "^7.12.7", "@babel/register": "^7.12.1", - "@storybook/node-logger": "6.4.0-alpha.13", + "@storybook/node-logger": "6.4.0-alpha.14", "@storybook/semver": "^7.3.2", "@types/glob-base": "^0.3.0", "@types/micromatch": "^4.0.1", @@ -107,6 +107,6 @@ "publishConfig": { "access": "public" }, - "gitHead": "70d04492b677c52c518b1b9591e382ba57484042", + "gitHead": "d3f8b5119b70ecf23ef2006b58034292eab3726e", "sbmodern": "dist/modern/index.js" } diff --git a/lib/core-events/package.json b/lib/core-events/package.json index 5bb9cb0a29a2..b2c2d87bbba5 100644 --- a/lib/core-events/package.json +++ b/lib/core-events/package.json @@ -1,6 +1,6 @@ { "name": "@storybook/core-events", - "version": "6.4.0-alpha.13", + "version": "6.4.0-alpha.14", "description": "Event names used in storybook core", "keywords": [ "storybook" @@ -45,6 +45,6 @@ "publishConfig": { "access": "public" }, - "gitHead": "70d04492b677c52c518b1b9591e382ba57484042", + "gitHead": "d3f8b5119b70ecf23ef2006b58034292eab3726e", "sbmodern": "dist/modern/index.js" } diff --git a/lib/core-server/package.json b/lib/core-server/package.json index dd28ae9f363a..eca245bbf9d3 100644 --- a/lib/core-server/package.json +++ b/lib/core-server/package.json @@ -1,6 +1,6 @@ { "name": "@storybook/core-server", - "version": "6.4.0-alpha.13", + "version": "6.4.0-alpha.14", "description": "Storybook framework-agnostic API", "keywords": [ "storybook" @@ -40,12 +40,12 @@ "prepare": "node ../../scripts/prepare.js" }, "dependencies": { - "@storybook/builder-webpack4": "6.4.0-alpha.13", - "@storybook/core-client": "6.4.0-alpha.13", - "@storybook/core-common": "6.4.0-alpha.13", - "@storybook/csf-tools": "6.4.0-alpha.13", - "@storybook/manager-webpack4": "6.4.0-alpha.13", - "@storybook/node-logger": "6.4.0-alpha.13", + "@storybook/builder-webpack4": "6.4.0-alpha.14", + "@storybook/core-client": "6.4.0-alpha.14", + "@storybook/core-common": "6.4.0-alpha.14", + "@storybook/csf-tools": "6.4.0-alpha.14", + "@storybook/manager-webpack4": "6.4.0-alpha.14", + "@storybook/node-logger": "6.4.0-alpha.14", "@storybook/semver": "^7.3.2", "@types/node": "^14.0.10", "@types/node-fetch": "^2.5.7", @@ -75,15 +75,15 @@ "webpack": "4" }, "devDependencies": { - "@storybook/builder-webpack5": "6.4.0-alpha.13", + "@storybook/builder-webpack5": "6.4.0-alpha.14", "@types/compression": "^1.7.0", "@types/ip": "^1.1.0", "@types/serve-favicon": "^2.5.2", "jest-specific-snapshot": "^4.0.0" }, "peerDependencies": { - "@storybook/builder-webpack5": "6.4.0-alpha.13", - "@storybook/manager-webpack5": "6.4.0-alpha.13", + "@storybook/builder-webpack5": "6.4.0-alpha.14", + "@storybook/manager-webpack5": "6.4.0-alpha.14", "react": "^16.8.0 || ^17.0.0", "react-dom": "^16.8.0 || ^17.0.0" }, @@ -101,6 +101,6 @@ "publishConfig": { "access": "public" }, - "gitHead": "70d04492b677c52c518b1b9591e382ba57484042", + "gitHead": "d3f8b5119b70ecf23ef2006b58034292eab3726e", "sbmodern": "dist/modern/index.js" } diff --git a/lib/core-server/src/__snapshots__/cra-ts-essentials_manager-dev b/lib/core-server/src/__snapshots__/cra-ts-essentials_manager-dev index 3acb73c6b296..e655ab5e5c96 100644 --- a/lib/core-server/src/__snapshots__/cra-ts-essentials_manager-dev +++ b/lib/core-server/src/__snapshots__/cra-ts-essentials_manager-dev @@ -10,7 +10,7 @@ Object { "ROOT/addons/actions/dist/esm/register.js", "ROOT/addons/backgrounds/dist/esm/register.js", "ROOT/addons/toolbars/dist/esm/register.js", - "NODE_MODULES/@storybook/addon-measure/dist/esm/preset/manager.js", + "ROOT/addons/measure/dist/esm/register.js", "ROOT/addons/outline/dist/esm/register.js", ], "keys": Array [ diff --git a/lib/core-server/src/__snapshots__/cra-ts-essentials_manager-prod b/lib/core-server/src/__snapshots__/cra-ts-essentials_manager-prod index 05d044eeacde..3960607da817 100644 --- a/lib/core-server/src/__snapshots__/cra-ts-essentials_manager-prod +++ b/lib/core-server/src/__snapshots__/cra-ts-essentials_manager-prod @@ -10,7 +10,7 @@ Object { "ROOT/addons/actions/dist/esm/register.js", "ROOT/addons/backgrounds/dist/esm/register.js", "ROOT/addons/toolbars/dist/esm/register.js", - "NODE_MODULES/@storybook/addon-measure/dist/esm/preset/manager.js", + "ROOT/addons/measure/dist/esm/register.js", "ROOT/addons/outline/dist/esm/register.js", ], "keys": Array [ diff --git a/lib/core-server/src/__snapshots__/cra-ts-essentials_preview-dev b/lib/core-server/src/__snapshots__/cra-ts-essentials_preview-dev index 8ed1c87f02a9..be400084b96b 100644 --- a/lib/core-server/src/__snapshots__/cra-ts-essentials_preview-dev +++ b/lib/core-server/src/__snapshots__/cra-ts-essentials_preview-dev @@ -12,7 +12,7 @@ Object { "ROOT/addons/actions/dist/esm/preset/addArgs.js-generated-other-entry.js", "ROOT/addons/backgrounds/dist/esm/preset/addDecorator.js-generated-other-entry.js", "ROOT/addons/backgrounds/dist/esm/preset/addParameter.js-generated-other-entry.js", - "NODE_MODULES/@storybook/addon-measure/dist/esm/preset/preview.js-generated-other-entry.js", + "ROOT/addons/measure/dist/esm/preset/addDecorator.js-generated-other-entry.js", "ROOT/addons/outline/dist/esm/preset/addDecorator.js-generated-other-entry.js", "ROOT/examples/cra-ts-essentials/.storybook/preview.js-generated-config-entry.js", "ROOT/examples/cra-ts-essentials/.storybook/generated-stories-entry.js", diff --git a/lib/core-server/src/__snapshots__/cra-ts-essentials_preview-prod b/lib/core-server/src/__snapshots__/cra-ts-essentials_preview-prod index 43c8930903af..c561f897abfa 100644 --- a/lib/core-server/src/__snapshots__/cra-ts-essentials_preview-prod +++ b/lib/core-server/src/__snapshots__/cra-ts-essentials_preview-prod @@ -12,7 +12,7 @@ Object { "ROOT/addons/actions/dist/esm/preset/addArgs.js-generated-other-entry.js", "ROOT/addons/backgrounds/dist/esm/preset/addDecorator.js-generated-other-entry.js", "ROOT/addons/backgrounds/dist/esm/preset/addParameter.js-generated-other-entry.js", - "NODE_MODULES/@storybook/addon-measure/dist/esm/preset/preview.js-generated-other-entry.js", + "ROOT/addons/measure/dist/esm/preset/addDecorator.js-generated-other-entry.js", "ROOT/addons/outline/dist/esm/preset/addDecorator.js-generated-other-entry.js", "ROOT/examples/cra-ts-essentials/.storybook/preview.js-generated-config-entry.js", "ROOT/examples/cra-ts-essentials/.storybook/generated-stories-entry.js", diff --git a/lib/core-server/src/__snapshots__/vue-3-cli_manager-dev b/lib/core-server/src/__snapshots__/vue-3-cli_manager-dev index d2c84b977969..be6c5b62a0d3 100644 --- a/lib/core-server/src/__snapshots__/vue-3-cli_manager-dev +++ b/lib/core-server/src/__snapshots__/vue-3-cli_manager-dev @@ -12,7 +12,7 @@ Object { "ROOT/addons/backgrounds/dist/esm/register.js", "ROOT/addons/viewport/dist/esm/register.js", "ROOT/addons/toolbars/dist/esm/register.js", - "NODE_MODULES/@storybook/addon-measure/dist/esm/preset/manager.js", + "ROOT/addons/measure/dist/esm/register.js", "ROOT/addons/outline/dist/esm/register.js", ], "keys": Array [ diff --git a/lib/core-server/src/__snapshots__/vue-3-cli_manager-prod b/lib/core-server/src/__snapshots__/vue-3-cli_manager-prod index b557d6f74789..b86aeecbfb37 100644 --- a/lib/core-server/src/__snapshots__/vue-3-cli_manager-prod +++ b/lib/core-server/src/__snapshots__/vue-3-cli_manager-prod @@ -12,7 +12,7 @@ Object { "ROOT/addons/backgrounds/dist/esm/register.js", "ROOT/addons/viewport/dist/esm/register.js", "ROOT/addons/toolbars/dist/esm/register.js", - "NODE_MODULES/@storybook/addon-measure/dist/esm/preset/manager.js", + "ROOT/addons/measure/dist/esm/register.js", "ROOT/addons/outline/dist/esm/register.js", ], "keys": Array [ diff --git a/lib/core-server/src/__snapshots__/vue-3-cli_preview-dev b/lib/core-server/src/__snapshots__/vue-3-cli_preview-dev index 221bee3241bd..69659043a13f 100644 --- a/lib/core-server/src/__snapshots__/vue-3-cli_preview-dev +++ b/lib/core-server/src/__snapshots__/vue-3-cli_preview-dev @@ -13,7 +13,7 @@ Object { "ROOT/addons/actions/dist/esm/preset/addArgs.js-generated-other-entry.js", "ROOT/addons/backgrounds/dist/esm/preset/addDecorator.js-generated-other-entry.js", "ROOT/addons/backgrounds/dist/esm/preset/addParameter.js-generated-other-entry.js", - "NODE_MODULES/@storybook/addon-measure/dist/esm/preset/preview.js-generated-other-entry.js", + "ROOT/addons/measure/dist/esm/preset/addDecorator.js-generated-other-entry.js", "ROOT/addons/outline/dist/esm/preset/addDecorator.js-generated-other-entry.js", "ROOT/examples/vue-3-cli/.storybook/preview.ts-generated-config-entry.js", "ROOT/examples/vue-3-cli/.storybook/generated-stories-entry.js", diff --git a/lib/core-server/src/__snapshots__/vue-3-cli_preview-prod b/lib/core-server/src/__snapshots__/vue-3-cli_preview-prod index 98ffbef4f8e2..e49eaefc4796 100644 --- a/lib/core-server/src/__snapshots__/vue-3-cli_preview-prod +++ b/lib/core-server/src/__snapshots__/vue-3-cli_preview-prod @@ -13,7 +13,7 @@ Object { "ROOT/addons/actions/dist/esm/preset/addArgs.js-generated-other-entry.js", "ROOT/addons/backgrounds/dist/esm/preset/addDecorator.js-generated-other-entry.js", "ROOT/addons/backgrounds/dist/esm/preset/addParameter.js-generated-other-entry.js", - "NODE_MODULES/@storybook/addon-measure/dist/esm/preset/preview.js-generated-other-entry.js", + "ROOT/addons/measure/dist/esm/preset/addDecorator.js-generated-other-entry.js", "ROOT/addons/outline/dist/esm/preset/addDecorator.js-generated-other-entry.js", "ROOT/examples/vue-3-cli/.storybook/preview.ts-generated-config-entry.js", "ROOT/examples/vue-3-cli/.storybook/generated-stories-entry.js", diff --git a/lib/core/package.json b/lib/core/package.json index 64375a5ce64a..72592d87df51 100644 --- a/lib/core/package.json +++ b/lib/core/package.json @@ -1,6 +1,6 @@ { "name": "@storybook/core", - "version": "6.4.0-alpha.13", + "version": "6.4.0-alpha.14", "description": "Storybook framework-agnostic API", "keywords": [ "storybook" @@ -40,11 +40,11 @@ "prepare": "node ../../scripts/prepare.js" }, "dependencies": { - "@storybook/core-client": "6.4.0-alpha.13", - "@storybook/core-server": "6.4.0-alpha.13" + "@storybook/core-client": "6.4.0-alpha.14", + "@storybook/core-server": "6.4.0-alpha.14" }, "peerDependencies": { - "@storybook/builder-webpack5": "6.4.0-alpha.13", + "@storybook/builder-webpack5": "6.4.0-alpha.14", "react": "^16.8.0 || ^17.0.0", "react-dom": "^16.8.0 || ^17.0.0" }, @@ -59,6 +59,6 @@ "publishConfig": { "access": "public" }, - "gitHead": "70d04492b677c52c518b1b9591e382ba57484042", + "gitHead": "d3f8b5119b70ecf23ef2006b58034292eab3726e", "sbmodern": "dist/modern/index.js" } diff --git a/lib/csf-tools/package.json b/lib/csf-tools/package.json index 0328f0c72927..ed4b05700612 100644 --- a/lib/csf-tools/package.json +++ b/lib/csf-tools/package.json @@ -1,6 +1,6 @@ { "name": "@storybook/csf-tools", - "version": "6.4.0-alpha.13", + "version": "6.4.0-alpha.14", "description": "", "keywords": [ "storybook" @@ -64,6 +64,6 @@ "publishConfig": { "access": "public" }, - "gitHead": "70d04492b677c52c518b1b9591e382ba57484042", + "gitHead": "d3f8b5119b70ecf23ef2006b58034292eab3726e", "sbmodern": "dist/modern/index.js" } diff --git a/lib/manager-webpack4/package.json b/lib/manager-webpack4/package.json index 374cd886dd2c..b9ea31289a16 100644 --- a/lib/manager-webpack4/package.json +++ b/lib/manager-webpack4/package.json @@ -1,6 +1,6 @@ { "name": "@storybook/manager-webpack4", - "version": "6.4.0-alpha.13", + "version": "6.4.0-alpha.14", "description": "Storybook framework-agnostic API", "keywords": [ "storybook" @@ -45,12 +45,12 @@ "@babel/core": "^7.12.10", "@babel/plugin-transform-template-literals": "^7.12.1", "@babel/preset-react": "^7.12.10", - "@storybook/addons": "6.4.0-alpha.13", - "@storybook/core-client": "6.4.0-alpha.13", - "@storybook/core-common": "6.4.0-alpha.13", - "@storybook/node-logger": "6.4.0-alpha.13", - "@storybook/theming": "6.4.0-alpha.13", - "@storybook/ui": "6.4.0-alpha.13", + "@storybook/addons": "6.4.0-alpha.14", + "@storybook/core-client": "6.4.0-alpha.14", + "@storybook/core-common": "6.4.0-alpha.14", + "@storybook/node-logger": "6.4.0-alpha.14", + "@storybook/theming": "6.4.0-alpha.14", + "@storybook/ui": "6.4.0-alpha.14", "@types/node": "^14.0.10", "@types/webpack": "^4.41.26", "babel-loader": "^8.2.2", @@ -99,6 +99,6 @@ "publishConfig": { "access": "public" }, - "gitHead": "70d04492b677c52c518b1b9591e382ba57484042", + "gitHead": "d3f8b5119b70ecf23ef2006b58034292eab3726e", "sbmodern": "dist/modern/index.js" } diff --git a/lib/manager-webpack5/package.json b/lib/manager-webpack5/package.json index 3b3abd40ac88..337943c2bf1c 100644 --- a/lib/manager-webpack5/package.json +++ b/lib/manager-webpack5/package.json @@ -1,6 +1,6 @@ { "name": "@storybook/manager-webpack5", - "version": "6.4.0-alpha.13", + "version": "6.4.0-alpha.14", "description": "Storybook framework-agnostic API", "keywords": [ "storybook" @@ -45,12 +45,12 @@ "@babel/core": "^7.12.10", "@babel/plugin-transform-template-literals": "^7.12.1", "@babel/preset-react": "^7.12.10", - "@storybook/addons": "6.4.0-alpha.13", - "@storybook/core-client": "6.4.0-alpha.13", - "@storybook/core-common": "6.4.0-alpha.13", - "@storybook/node-logger": "6.4.0-alpha.13", - "@storybook/theming": "6.4.0-alpha.13", - "@storybook/ui": "6.4.0-alpha.13", + "@storybook/addons": "6.4.0-alpha.14", + "@storybook/core-client": "6.4.0-alpha.14", + "@storybook/core-common": "6.4.0-alpha.14", + "@storybook/node-logger": "6.4.0-alpha.14", + "@storybook/theming": "6.4.0-alpha.14", + "@storybook/ui": "6.4.0-alpha.14", "@types/node": "^14.0.10", "babel-loader": "^8.2.2", "case-sensitive-paths-webpack-plugin": "^2.3.0", @@ -97,6 +97,6 @@ "publishConfig": { "access": "public" }, - "gitHead": "70d04492b677c52c518b1b9591e382ba57484042", + "gitHead": "d3f8b5119b70ecf23ef2006b58034292eab3726e", "sbmodern": "dist/modern/index.js" } diff --git a/lib/node-logger/package.json b/lib/node-logger/package.json index bb4d53180241..f257efe62a48 100644 --- a/lib/node-logger/package.json +++ b/lib/node-logger/package.json @@ -1,6 +1,6 @@ { "name": "@storybook/node-logger", - "version": "6.4.0-alpha.13", + "version": "6.4.0-alpha.14", "description": "", "keywords": [ "storybook" @@ -52,6 +52,6 @@ "publishConfig": { "access": "public" }, - "gitHead": "70d04492b677c52c518b1b9591e382ba57484042", + "gitHead": "d3f8b5119b70ecf23ef2006b58034292eab3726e", "sbmodern": "dist/modern/index.js" } diff --git a/lib/postinstall/package.json b/lib/postinstall/package.json index dc95b17117cc..dbb159080c06 100644 --- a/lib/postinstall/package.json +++ b/lib/postinstall/package.json @@ -1,6 +1,6 @@ { "name": "@storybook/postinstall", - "version": "6.4.0-alpha.13", + "version": "6.4.0-alpha.14", "description": "Storybook addons postinstall utilities", "keywords": [ "api", @@ -51,6 +51,6 @@ "publishConfig": { "access": "public" }, - "gitHead": "70d04492b677c52c518b1b9591e382ba57484042", + "gitHead": "d3f8b5119b70ecf23ef2006b58034292eab3726e", "sbmodern": "dist/modern/index.js" } diff --git a/lib/router/package.json b/lib/router/package.json index 58b1f25ae168..64f683862853 100644 --- a/lib/router/package.json +++ b/lib/router/package.json @@ -1,6 +1,6 @@ { "name": "@storybook/router", - "version": "6.4.0-alpha.13", + "version": "6.4.0-alpha.14", "description": "Core Storybook Router", "keywords": [ "storybook" @@ -41,7 +41,7 @@ }, "dependencies": { "@reach/router": "^1.3.4", - "@storybook/client-logger": "6.4.0-alpha.13", + "@storybook/client-logger": "6.4.0-alpha.14", "@types/reach__router": "^1.3.7", "core-js": "^3.8.2", "fast-deep-equal": "^3.1.3", @@ -58,6 +58,6 @@ "publishConfig": { "access": "public" }, - "gitHead": "70d04492b677c52c518b1b9591e382ba57484042", + "gitHead": "d3f8b5119b70ecf23ef2006b58034292eab3726e", "sbmodern": "dist/modern/index.js" } diff --git a/lib/source-loader/package.json b/lib/source-loader/package.json index 5a5e6c82b7cf..ba4c5f53f1cd 100644 --- a/lib/source-loader/package.json +++ b/lib/source-loader/package.json @@ -1,6 +1,6 @@ { "name": "@storybook/source-loader", - "version": "6.4.0-alpha.13", + "version": "6.4.0-alpha.14", "description": "Source loader", "keywords": [ "lib", @@ -41,8 +41,8 @@ "prepare": "node ../../scripts/prepare.js" }, "dependencies": { - "@storybook/addons": "6.4.0-alpha.13", - "@storybook/client-logger": "6.4.0-alpha.13", + "@storybook/addons": "6.4.0-alpha.14", + "@storybook/client-logger": "6.4.0-alpha.14", "@storybook/csf": "0.0.1", "core-js": "^3.8.2", "estraverse": "^5.2.0", @@ -59,6 +59,6 @@ "publishConfig": { "access": "public" }, - "gitHead": "70d04492b677c52c518b1b9591e382ba57484042", + "gitHead": "d3f8b5119b70ecf23ef2006b58034292eab3726e", "sbmodern": "dist/modern/index.js" } diff --git a/lib/theming/package.json b/lib/theming/package.json index a3d27267e880..6a603a337f48 100644 --- a/lib/theming/package.json +++ b/lib/theming/package.json @@ -1,6 +1,6 @@ { "name": "@storybook/theming", - "version": "6.4.0-alpha.13", + "version": "6.4.0-alpha.14", "description": "Core Storybook Components", "keywords": [ "storybook" @@ -43,7 +43,7 @@ "@emotion/core": "^10.1.1", "@emotion/is-prop-valid": "^0.8.6", "@emotion/styled": "^10.0.27", - "@storybook/client-logger": "6.4.0-alpha.13", + "@storybook/client-logger": "6.4.0-alpha.14", "core-js": "^3.8.2", "deep-object-diff": "^1.1.0", "emotion-theming": "^10.0.27", @@ -60,6 +60,6 @@ "publishConfig": { "access": "public" }, - "gitHead": "70d04492b677c52c518b1b9591e382ba57484042", + "gitHead": "d3f8b5119b70ecf23ef2006b58034292eab3726e", "sbmodern": "dist/modern/index.js" } diff --git a/lib/ui/package.json b/lib/ui/package.json index 7e5f0f912403..9a6995a9e410 100644 --- a/lib/ui/package.json +++ b/lib/ui/package.json @@ -1,6 +1,6 @@ { "name": "@storybook/ui", - "version": "6.4.0-alpha.13", + "version": "6.4.0-alpha.14", "description": "Core Storybook UI", "keywords": [ "storybook" @@ -41,15 +41,15 @@ }, "dependencies": { "@emotion/core": "^10.1.1", - "@storybook/addons": "6.4.0-alpha.13", - "@storybook/api": "6.4.0-alpha.13", - "@storybook/channels": "6.4.0-alpha.13", - "@storybook/client-logger": "6.4.0-alpha.13", - "@storybook/components": "6.4.0-alpha.13", - "@storybook/core-events": "6.4.0-alpha.13", - "@storybook/router": "6.4.0-alpha.13", + "@storybook/addons": "6.4.0-alpha.14", + "@storybook/api": "6.4.0-alpha.14", + "@storybook/channels": "6.4.0-alpha.14", + "@storybook/client-logger": "6.4.0-alpha.14", + "@storybook/components": "6.4.0-alpha.14", + "@storybook/core-events": "6.4.0-alpha.14", + "@storybook/router": "6.4.0-alpha.14", "@storybook/semver": "^7.3.2", - "@storybook/theming": "6.4.0-alpha.13", + "@storybook/theming": "6.4.0-alpha.14", "@types/markdown-to-jsx": "^6.11.3", "copy-to-clipboard": "^3.3.1", "core-js": "^3.8.2", @@ -87,6 +87,6 @@ "publishConfig": { "access": "public" }, - "gitHead": "70d04492b677c52c518b1b9591e382ba57484042", + "gitHead": "d3f8b5119b70ecf23ef2006b58034292eab3726e", "sbmodern": "dist/modern/index.js" } diff --git a/nx.json b/nx.json index 67811749944a..e3dd0270bdff 100644 --- a/nx.json +++ b/nx.json @@ -43,6 +43,9 @@ "@storybook/addon-links": { "implicitDependencies": [] }, + "@storybook/addon-measure": { + "implicitDependencies": [] + }, "@storybook/addon-outline": { "implicitDependencies": [] }, diff --git a/package.json b/package.json index 0cc091d3f6d3..9955ada65e74 100644 --- a/package.json +++ b/package.json @@ -1,6 +1,6 @@ { "name": "@storybook/root", - "version": "6.4.0-alpha.13", + "version": "6.4.0-alpha.14", "private": true, "description": "Storybook is an open source tool for developing UI components in isolation for React, Vue and Angular. It makes building stunning UIs organized and efficient.", "keywords": [ @@ -134,6 +134,7 @@ "@storybook/addon-essentials": "workspace:*", "@storybook/addon-jest": "workspace:*", "@storybook/addon-links": "workspace:*", + "@storybook/addon-measure": "workspace:*", "@storybook/addon-outline": "workspace:*", "@storybook/addon-storyshots": "workspace:*", "@storybook/addon-storyshots-puppeteer": "workspace:*", diff --git a/workspace.json b/workspace.json index a637596318e5..d342fa8b56c0 100644 --- a/workspace.json +++ b/workspace.json @@ -33,6 +33,10 @@ "root": "addons/links", "type": "library" }, + "@storybook/addon-measure": { + "root": "addons/measure", + "type": "library" + }, "@storybook/addon-outline": { "root": "addons/outline", "type": "library" diff --git a/yarn.lock b/yarn.lock index ed2a2c3ab087..43ef1f151919 100644 --- a/yarn.lock +++ b/yarn.lock @@ -5526,18 +5526,18 @@ __metadata: languageName: node linkType: hard -"@storybook/addon-a11y@6.4.0-alpha.13, @storybook/addon-a11y@workspace:*, @storybook/addon-a11y@workspace:addons/a11y": +"@storybook/addon-a11y@6.4.0-alpha.14, @storybook/addon-a11y@workspace:*, @storybook/addon-a11y@workspace:addons/a11y": version: 0.0.0-use.local resolution: "@storybook/addon-a11y@workspace:addons/a11y" dependencies: - "@storybook/addons": 6.4.0-alpha.13 - "@storybook/api": 6.4.0-alpha.13 - "@storybook/channels": 6.4.0-alpha.13 - "@storybook/client-api": 6.4.0-alpha.13 - "@storybook/client-logger": 6.4.0-alpha.13 - "@storybook/components": 6.4.0-alpha.13 - "@storybook/core-events": 6.4.0-alpha.13 - "@storybook/theming": 6.4.0-alpha.13 + "@storybook/addons": 6.4.0-alpha.14 + "@storybook/api": 6.4.0-alpha.14 + "@storybook/channels": 6.4.0-alpha.14 + "@storybook/client-api": 6.4.0-alpha.14 + "@storybook/client-logger": 6.4.0-alpha.14 + "@storybook/components": 6.4.0-alpha.14 + "@storybook/core-events": 6.4.0-alpha.14 + "@storybook/theming": 6.4.0-alpha.14 "@testing-library/react": ^11.2.2 "@types/webpack-env": ^1.16.0 axe-core: ^4.2.0 @@ -5559,16 +5559,16 @@ __metadata: languageName: unknown linkType: soft -"@storybook/addon-actions@6.4.0-alpha.13, @storybook/addon-actions@workspace:*, @storybook/addon-actions@workspace:addons/actions": +"@storybook/addon-actions@6.4.0-alpha.14, @storybook/addon-actions@workspace:*, @storybook/addon-actions@workspace:addons/actions": version: 0.0.0-use.local resolution: "@storybook/addon-actions@workspace:addons/actions" dependencies: - "@storybook/addons": 6.4.0-alpha.13 - "@storybook/api": 6.4.0-alpha.13 - "@storybook/client-api": 6.4.0-alpha.13 - "@storybook/components": 6.4.0-alpha.13 - "@storybook/core-events": 6.4.0-alpha.13 - "@storybook/theming": 6.4.0-alpha.13 + "@storybook/addons": 6.4.0-alpha.14 + "@storybook/api": 6.4.0-alpha.14 + "@storybook/client-api": 6.4.0-alpha.14 + "@storybook/components": 6.4.0-alpha.14 + "@storybook/core-events": 6.4.0-alpha.14 + "@storybook/theming": 6.4.0-alpha.14 "@types/lodash": ^4.14.167 "@types/webpack-env": ^1.16.0 core-js: ^3.8.2 @@ -5593,16 +5593,16 @@ __metadata: languageName: unknown linkType: soft -"@storybook/addon-backgrounds@6.4.0-alpha.13, @storybook/addon-backgrounds@workspace:*, @storybook/addon-backgrounds@workspace:addons/backgrounds": +"@storybook/addon-backgrounds@6.4.0-alpha.14, @storybook/addon-backgrounds@workspace:*, @storybook/addon-backgrounds@workspace:addons/backgrounds": version: 0.0.0-use.local resolution: "@storybook/addon-backgrounds@workspace:addons/backgrounds" dependencies: - "@storybook/addons": 6.4.0-alpha.13 - "@storybook/api": 6.4.0-alpha.13 - "@storybook/client-logger": 6.4.0-alpha.13 - "@storybook/components": 6.4.0-alpha.13 - "@storybook/core-events": 6.4.0-alpha.13 - "@storybook/theming": 6.4.0-alpha.13 + "@storybook/addons": 6.4.0-alpha.14 + "@storybook/api": 6.4.0-alpha.14 + "@storybook/client-logger": 6.4.0-alpha.14 + "@storybook/components": 6.4.0-alpha.14 + "@storybook/core-events": 6.4.0-alpha.14 + "@storybook/theming": 6.4.0-alpha.14 "@types/webpack-env": ^1.16.0 core-js: ^3.8.2 global: ^4.4.0 @@ -5621,16 +5621,16 @@ __metadata: languageName: unknown linkType: soft -"@storybook/addon-controls@6.4.0-alpha.13, @storybook/addon-controls@workspace:*, @storybook/addon-controls@workspace:addons/controls": +"@storybook/addon-controls@6.4.0-alpha.14, @storybook/addon-controls@workspace:*, @storybook/addon-controls@workspace:addons/controls": version: 0.0.0-use.local resolution: "@storybook/addon-controls@workspace:addons/controls" dependencies: - "@storybook/addons": 6.4.0-alpha.13 - "@storybook/api": 6.4.0-alpha.13 - "@storybook/client-api": 6.4.0-alpha.13 - "@storybook/components": 6.4.0-alpha.13 - "@storybook/node-logger": 6.4.0-alpha.13 - "@storybook/theming": 6.4.0-alpha.13 + "@storybook/addons": 6.4.0-alpha.14 + "@storybook/api": 6.4.0-alpha.14 + "@storybook/client-api": 6.4.0-alpha.14 + "@storybook/components": 6.4.0-alpha.14 + "@storybook/node-logger": 6.4.0-alpha.14 + "@storybook/theming": 6.4.0-alpha.14 core-js: ^3.8.2 ts-dedent: ^2.0.0 peerDependencies: @@ -5644,7 +5644,7 @@ __metadata: languageName: unknown linkType: soft -"@storybook/addon-docs@6.4.0-alpha.13, @storybook/addon-docs@workspace:*, @storybook/addon-docs@workspace:addons/docs": +"@storybook/addon-docs@6.4.0-alpha.14, @storybook/addon-docs@workspace:*, @storybook/addon-docs@workspace:addons/docs": version: 0.0.0-use.local resolution: "@storybook/addon-docs@workspace:addons/docs" dependencies: @@ -5660,24 +5660,24 @@ __metadata: "@mdx-js/loader": ^1.6.22 "@mdx-js/mdx": ^1.6.22 "@mdx-js/react": ^1.6.22 - "@storybook/addons": 6.4.0-alpha.13 - "@storybook/angular": 6.4.0-alpha.13 - "@storybook/api": 6.4.0-alpha.13 - "@storybook/builder-webpack4": 6.4.0-alpha.13 - "@storybook/client-api": 6.4.0-alpha.13 - "@storybook/client-logger": 6.4.0-alpha.13 - "@storybook/components": 6.4.0-alpha.13 - "@storybook/core": 6.4.0-alpha.13 - "@storybook/core-events": 6.4.0-alpha.13 + "@storybook/addons": 6.4.0-alpha.14 + "@storybook/angular": 6.4.0-alpha.14 + "@storybook/api": 6.4.0-alpha.14 + "@storybook/builder-webpack4": 6.4.0-alpha.14 + "@storybook/client-api": 6.4.0-alpha.14 + "@storybook/client-logger": 6.4.0-alpha.14 + "@storybook/components": 6.4.0-alpha.14 + "@storybook/core": 6.4.0-alpha.14 + "@storybook/core-events": 6.4.0-alpha.14 "@storybook/csf": 0.0.1 - "@storybook/csf-tools": 6.4.0-alpha.13 - "@storybook/node-logger": 6.4.0-alpha.13 - "@storybook/postinstall": 6.4.0-alpha.13 - "@storybook/react": 6.4.0-alpha.13 - "@storybook/source-loader": 6.4.0-alpha.13 - "@storybook/theming": 6.4.0-alpha.13 - "@storybook/vue": 6.4.0-alpha.13 - "@storybook/web-components": 6.4.0-alpha.13 + "@storybook/csf-tools": 6.4.0-alpha.14 + "@storybook/node-logger": 6.4.0-alpha.14 + "@storybook/postinstall": 6.4.0-alpha.14 + "@storybook/react": 6.4.0-alpha.14 + "@storybook/source-loader": 6.4.0-alpha.14 + "@storybook/theming": 6.4.0-alpha.14 + "@storybook/vue": 6.4.0-alpha.14 + "@storybook/web-components": 6.4.0-alpha.14 "@types/cross-spawn": ^6.0.2 "@types/doctrine": ^0.0.3 "@types/enzyme": ^3.10.8 @@ -5728,10 +5728,10 @@ __metadata: webpack: 4 zone.js: ^0.11.3 peerDependencies: - "@storybook/angular": 6.4.0-alpha.13 - "@storybook/vue": 6.4.0-alpha.13 - "@storybook/vue3": 6.4.0-alpha.13 - "@storybook/web-components": 6.4.0-alpha.13 + "@storybook/angular": 6.4.0-alpha.14 + "@storybook/vue": 6.4.0-alpha.14 + "@storybook/vue3": 6.4.0-alpha.14 + "@storybook/web-components": 6.4.0-alpha.14 lit: ^2.0.0-rc.1 lit-html: ^1.4.1 || ^2.0.0-rc.3 react: ^16.8.0 || ^17.0.0 @@ -5768,23 +5768,23 @@ __metadata: languageName: unknown linkType: soft -"@storybook/addon-essentials@6.4.0-alpha.13, @storybook/addon-essentials@workspace:*, @storybook/addon-essentials@workspace:addons/essentials": +"@storybook/addon-essentials@6.4.0-alpha.14, @storybook/addon-essentials@workspace:*, @storybook/addon-essentials@workspace:addons/essentials": version: 0.0.0-use.local resolution: "@storybook/addon-essentials@workspace:addons/essentials" dependencies: "@babel/core": ^7.12.10 - "@storybook/addon-actions": 6.4.0-alpha.13 - "@storybook/addon-backgrounds": 6.4.0-alpha.13 - "@storybook/addon-controls": 6.4.0-alpha.13 - "@storybook/addon-docs": 6.4.0-alpha.13 - "@storybook/addon-measure": ^2.0.0 - "@storybook/addon-outline": 6.4.0-alpha.13 - "@storybook/addon-toolbars": 6.4.0-alpha.13 - "@storybook/addon-viewport": 6.4.0-alpha.13 - "@storybook/addons": 6.4.0-alpha.13 - "@storybook/api": 6.4.0-alpha.13 - "@storybook/node-logger": 6.4.0-alpha.13 - "@storybook/vue": 6.4.0-alpha.13 + "@storybook/addon-actions": 6.4.0-alpha.14 + "@storybook/addon-backgrounds": 6.4.0-alpha.14 + "@storybook/addon-controls": 6.4.0-alpha.14 + "@storybook/addon-docs": 6.4.0-alpha.14 + "@storybook/addon-measure": 6.4.0-alpha.14 + "@storybook/addon-outline": 6.4.0-alpha.14 + "@storybook/addon-toolbars": 6.4.0-alpha.14 + "@storybook/addon-viewport": 6.4.0-alpha.14 + "@storybook/addons": 6.4.0-alpha.14 + "@storybook/api": 6.4.0-alpha.14 + "@storybook/node-logger": 6.4.0-alpha.14 + "@storybook/vue": 6.4.0-alpha.14 "@types/jest": ^26.0.16 "@types/webpack-env": ^1.16.0 core-js: ^3.8.2 @@ -5792,8 +5792,8 @@ __metadata: ts-dedent: ^2.0.0 peerDependencies: "@babel/core": ^7.9.6 - "@storybook/vue": 6.4.0-alpha.13 - "@storybook/web-components": 6.4.0-alpha.13 + "@storybook/vue": 6.4.0-alpha.14 + "@storybook/web-components": 6.4.0-alpha.14 babel-loader: ^8.0.0 lit-html: ^1.4.1 || ^2.0.0-rc.3 react: ^16.8.0 || ^17.0.0 @@ -5815,15 +5815,15 @@ __metadata: languageName: unknown linkType: soft -"@storybook/addon-jest@6.4.0-alpha.13, @storybook/addon-jest@workspace:*, @storybook/addon-jest@workspace:addons/jest": +"@storybook/addon-jest@6.4.0-alpha.14, @storybook/addon-jest@workspace:*, @storybook/addon-jest@workspace:addons/jest": version: 0.0.0-use.local resolution: "@storybook/addon-jest@workspace:addons/jest" dependencies: - "@storybook/addons": 6.4.0-alpha.13 - "@storybook/api": 6.4.0-alpha.13 - "@storybook/components": 6.4.0-alpha.13 - "@storybook/core-events": 6.4.0-alpha.13 - "@storybook/theming": 6.4.0-alpha.13 + "@storybook/addons": 6.4.0-alpha.14 + "@storybook/api": 6.4.0-alpha.14 + "@storybook/components": 6.4.0-alpha.14 + "@storybook/core-events": 6.4.0-alpha.14 + "@storybook/theming": 6.4.0-alpha.14 "@types/webpack-env": ^1.16.0 core-js: ^3.8.2 global: ^4.4.0 @@ -5841,15 +5841,15 @@ __metadata: languageName: unknown linkType: soft -"@storybook/addon-links@6.4.0-alpha.13, @storybook/addon-links@workspace:*, @storybook/addon-links@workspace:addons/links": +"@storybook/addon-links@6.4.0-alpha.14, @storybook/addon-links@workspace:*, @storybook/addon-links@workspace:addons/links": version: 0.0.0-use.local resolution: "@storybook/addon-links@workspace:addons/links" dependencies: - "@storybook/addons": 6.4.0-alpha.13 - "@storybook/client-logger": 6.4.0-alpha.13 - "@storybook/core-events": 6.4.0-alpha.13 + "@storybook/addons": 6.4.0-alpha.14 + "@storybook/client-logger": 6.4.0-alpha.14 + "@storybook/core-events": 6.4.0-alpha.14 "@storybook/csf": 0.0.1 - "@storybook/router": 6.4.0-alpha.13 + "@storybook/router": 6.4.0-alpha.14 "@types/qs": ^6.9.5 "@types/webpack-env": ^1.16.0 core-js: ^3.8.2 @@ -5869,15 +5869,19 @@ __metadata: languageName: unknown linkType: soft -"@storybook/addon-measure@npm:^2.0.0": - version: 2.0.0 - resolution: "@storybook/addon-measure@npm:2.0.0" +"@storybook/addon-measure@6.4.0-alpha.14, @storybook/addon-measure@workspace:*, @storybook/addon-measure@workspace:addons/measure": + version: 0.0.0-use.local + resolution: "@storybook/addon-measure@workspace:addons/measure" + dependencies: + "@storybook/addons": 6.4.0-alpha.14 + "@storybook/api": 6.4.0-alpha.14 + "@storybook/client-logger": 6.4.0-alpha.14 + "@storybook/components": 6.4.0-alpha.14 + "@storybook/core-events": 6.4.0-alpha.14 + "@types/webpack-env": ^1.16.0 + core-js: ^3.8.2 + global: ^4.4.0 peerDependencies: - "@storybook/addons": ^6.3.0 - "@storybook/api": ^6.3.0 - "@storybook/components": ^6.3.0 - "@storybook/core-events": ^6.3.0 - "@storybook/theming": ^6.3.0 react: ^16.8.0 || ^17.0.0 react-dom: ^16.8.0 || ^17.0.0 peerDependenciesMeta: @@ -5885,19 +5889,18 @@ __metadata: optional: true react-dom: optional: true - checksum: fa701e19ac0806590a24fdc4de75a00e06cee26cc0d909fe03743fee5f92abddafa3756a01def312622ff2ba1dd1fe92c6de5046c4d49363dfdff8120cf231de - languageName: node - linkType: hard + languageName: unknown + linkType: soft -"@storybook/addon-outline@6.4.0-alpha.13, @storybook/addon-outline@workspace:*, @storybook/addon-outline@workspace:addons/outline": +"@storybook/addon-outline@6.4.0-alpha.14, @storybook/addon-outline@workspace:*, @storybook/addon-outline@workspace:addons/outline": version: 0.0.0-use.local resolution: "@storybook/addon-outline@workspace:addons/outline" dependencies: - "@storybook/addons": 6.4.0-alpha.13 - "@storybook/api": 6.4.0-alpha.13 - "@storybook/client-logger": 6.4.0-alpha.13 - "@storybook/components": 6.4.0-alpha.13 - "@storybook/core-events": 6.4.0-alpha.13 + "@storybook/addons": 6.4.0-alpha.14 + "@storybook/api": 6.4.0-alpha.14 + "@storybook/client-logger": 6.4.0-alpha.14 + "@storybook/components": 6.4.0-alpha.14 + "@storybook/core-events": 6.4.0-alpha.14 "@types/webpack-env": ^1.16.0 core-js: ^3.8.2 global: ^4.4.0 @@ -5927,20 +5930,20 @@ __metadata: languageName: node linkType: hard -"@storybook/addon-storyshots-puppeteer@6.4.0-alpha.13, @storybook/addon-storyshots-puppeteer@workspace:*, @storybook/addon-storyshots-puppeteer@workspace:addons/storyshots/storyshots-puppeteer": +"@storybook/addon-storyshots-puppeteer@6.4.0-alpha.14, @storybook/addon-storyshots-puppeteer@workspace:*, @storybook/addon-storyshots-puppeteer@workspace:addons/storyshots/storyshots-puppeteer": version: 0.0.0-use.local resolution: "@storybook/addon-storyshots-puppeteer@workspace:addons/storyshots/storyshots-puppeteer" dependencies: "@axe-core/puppeteer": ^4.2.0 "@storybook/csf": 0.0.1 - "@storybook/node-logger": 6.4.0-alpha.13 + "@storybook/node-logger": 6.4.0-alpha.14 "@types/jest-image-snapshot": ^4.1.3 "@types/puppeteer": ^5.4.0 core-js: ^3.8.2 jest-image-snapshot: ^4.3.0 regenerator-runtime: ^0.13.7 peerDependencies: - "@storybook/addon-storyshots": 6.4.0-alpha.13 + "@storybook/addon-storyshots": 6.4.0-alpha.14 puppeteer: ^2.0.0 || ^3.0.0 peerDependenciesMeta: puppeteer: @@ -5948,22 +5951,22 @@ __metadata: languageName: unknown linkType: soft -"@storybook/addon-storyshots@6.4.0-alpha.13, @storybook/addon-storyshots@workspace:*, @storybook/addon-storyshots@workspace:addons/storyshots/storyshots-core": +"@storybook/addon-storyshots@6.4.0-alpha.14, @storybook/addon-storyshots@workspace:*, @storybook/addon-storyshots@workspace:addons/storyshots/storyshots-core": version: 0.0.0-use.local resolution: "@storybook/addon-storyshots@workspace:addons/storyshots/storyshots-core" dependencies: "@angular/core": ^11.2.0 "@angular/platform-browser-dynamic": ^11.2.0 "@jest/transform": ^26.6.2 - "@storybook/addon-docs": 6.4.0-alpha.13 - "@storybook/addons": 6.4.0-alpha.13 - "@storybook/angular": 6.4.0-alpha.13 - "@storybook/client-api": 6.4.0-alpha.13 - "@storybook/core": 6.4.0-alpha.13 - "@storybook/core-common": 6.4.0-alpha.13 - "@storybook/react": 6.4.0-alpha.13 - "@storybook/vue": 6.4.0-alpha.13 - "@storybook/vue3": 6.4.0-alpha.13 + "@storybook/addon-docs": 6.4.0-alpha.14 + "@storybook/addons": 6.4.0-alpha.14 + "@storybook/angular": 6.4.0-alpha.14 + "@storybook/client-api": 6.4.0-alpha.14 + "@storybook/core": 6.4.0-alpha.14 + "@storybook/core-common": 6.4.0-alpha.14 + "@storybook/react": 6.4.0-alpha.14 + "@storybook/vue": 6.4.0-alpha.14 + "@storybook/vue3": 6.4.0-alpha.14 "@types/glob": ^7.1.3 "@types/jest": ^26.0.16 "@types/jest-specific-snapshot": ^0.5.3 @@ -6037,17 +6040,17 @@ __metadata: languageName: unknown linkType: soft -"@storybook/addon-storysource@6.4.0-alpha.13, @storybook/addon-storysource@workspace:*, @storybook/addon-storysource@workspace:addons/storysource": +"@storybook/addon-storysource@6.4.0-alpha.14, @storybook/addon-storysource@workspace:*, @storybook/addon-storysource@workspace:addons/storysource": version: 0.0.0-use.local resolution: "@storybook/addon-storysource@workspace:addons/storysource" dependencies: - "@storybook/addons": 6.4.0-alpha.13 - "@storybook/api": 6.4.0-alpha.13 - "@storybook/client-logger": 6.4.0-alpha.13 - "@storybook/components": 6.4.0-alpha.13 - "@storybook/router": 6.4.0-alpha.13 - "@storybook/source-loader": 6.4.0-alpha.13 - "@storybook/theming": 6.4.0-alpha.13 + "@storybook/addons": 6.4.0-alpha.14 + "@storybook/api": 6.4.0-alpha.14 + "@storybook/client-logger": 6.4.0-alpha.14 + "@storybook/components": 6.4.0-alpha.14 + "@storybook/router": 6.4.0-alpha.14 + "@storybook/source-loader": 6.4.0-alpha.14 + "@storybook/theming": 6.4.0-alpha.14 "@types/react": ^16.14.2 "@types/react-syntax-highlighter": ^11.0.5 core-js: ^3.8.2 @@ -6068,15 +6071,15 @@ __metadata: languageName: unknown linkType: soft -"@storybook/addon-toolbars@6.4.0-alpha.13, @storybook/addon-toolbars@workspace:*, @storybook/addon-toolbars@workspace:addons/toolbars": +"@storybook/addon-toolbars@6.4.0-alpha.14, @storybook/addon-toolbars@workspace:*, @storybook/addon-toolbars@workspace:addons/toolbars": version: 0.0.0-use.local resolution: "@storybook/addon-toolbars@workspace:addons/toolbars" dependencies: - "@storybook/addons": 6.4.0-alpha.13 - "@storybook/api": 6.4.0-alpha.13 - "@storybook/client-api": 6.4.0-alpha.13 - "@storybook/components": 6.4.0-alpha.13 - "@storybook/theming": 6.4.0-alpha.13 + "@storybook/addons": 6.4.0-alpha.14 + "@storybook/api": 6.4.0-alpha.14 + "@storybook/client-api": 6.4.0-alpha.14 + "@storybook/components": 6.4.0-alpha.14 + "@storybook/theming": 6.4.0-alpha.14 core-js: ^3.8.2 regenerator-runtime: ^0.13.7 peerDependencies: @@ -6090,16 +6093,16 @@ __metadata: languageName: unknown linkType: soft -"@storybook/addon-viewport@6.4.0-alpha.13, @storybook/addon-viewport@workspace:*, @storybook/addon-viewport@workspace:addons/viewport": +"@storybook/addon-viewport@6.4.0-alpha.14, @storybook/addon-viewport@workspace:*, @storybook/addon-viewport@workspace:addons/viewport": version: 0.0.0-use.local resolution: "@storybook/addon-viewport@workspace:addons/viewport" dependencies: - "@storybook/addons": 6.4.0-alpha.13 - "@storybook/api": 6.4.0-alpha.13 - "@storybook/client-logger": 6.4.0-alpha.13 - "@storybook/components": 6.4.0-alpha.13 - "@storybook/core-events": 6.4.0-alpha.13 - "@storybook/theming": 6.4.0-alpha.13 + "@storybook/addons": 6.4.0-alpha.14 + "@storybook/api": 6.4.0-alpha.14 + "@storybook/client-logger": 6.4.0-alpha.14 + "@storybook/components": 6.4.0-alpha.14 + "@storybook/core-events": 6.4.0-alpha.14 + "@storybook/theming": 6.4.0-alpha.14 core-js: ^3.8.2 global: ^4.4.0 memoizerific: ^1.11.3 @@ -6116,16 +6119,16 @@ __metadata: languageName: unknown linkType: soft -"@storybook/addons@6.4.0-alpha.13, @storybook/addons@workspace:*, @storybook/addons@workspace:lib/addons": +"@storybook/addons@6.4.0-alpha.14, @storybook/addons@workspace:*, @storybook/addons@workspace:lib/addons": version: 0.0.0-use.local resolution: "@storybook/addons@workspace:lib/addons" dependencies: - "@storybook/api": 6.4.0-alpha.13 - "@storybook/channels": 6.4.0-alpha.13 - "@storybook/client-logger": 6.4.0-alpha.13 - "@storybook/core-events": 6.4.0-alpha.13 - "@storybook/router": 6.4.0-alpha.13 - "@storybook/theming": 6.4.0-alpha.13 + "@storybook/api": 6.4.0-alpha.14 + "@storybook/channels": 6.4.0-alpha.14 + "@storybook/client-logger": 6.4.0-alpha.14 + "@storybook/core-events": 6.4.0-alpha.14 + "@storybook/router": 6.4.0-alpha.14 + "@storybook/theming": 6.4.0-alpha.14 core-js: ^3.8.2 global: ^4.4.0 regenerator-runtime: ^0.13.7 @@ -6135,7 +6138,7 @@ __metadata: languageName: unknown linkType: soft -"@storybook/angular@6.4.0-alpha.13, @storybook/angular@workspace:*, @storybook/angular@workspace:app/angular": +"@storybook/angular@6.4.0-alpha.14, @storybook/angular@workspace:*, @storybook/angular@workspace:app/angular": version: 0.0.0-use.local resolution: "@storybook/angular@workspace:app/angular" dependencies: @@ -6151,12 +6154,12 @@ __metadata: "@angular/platform-browser": ^11.2.14 "@angular/platform-browser-dynamic": ^11.2.14 "@nrwl/workspace": ^11.6.3 - "@storybook/addons": 6.4.0-alpha.13 - "@storybook/api": 6.4.0-alpha.13 - "@storybook/core": 6.4.0-alpha.13 - "@storybook/core-common": 6.4.0-alpha.13 - "@storybook/core-events": 6.4.0-alpha.13 - "@storybook/node-logger": 6.4.0-alpha.13 + "@storybook/addons": 6.4.0-alpha.14 + "@storybook/api": 6.4.0-alpha.14 + "@storybook/core": 6.4.0-alpha.14 + "@storybook/core-common": 6.4.0-alpha.14 + "@storybook/core-events": 6.4.0-alpha.14 + "@storybook/node-logger": 6.4.0-alpha.14 "@types/autoprefixer": ^9.7.2 "@types/jest": ^26.0.16 "@types/webpack-env": ^1.16.0 @@ -6215,18 +6218,18 @@ __metadata: languageName: unknown linkType: soft -"@storybook/api@6.4.0-alpha.13, @storybook/api@workspace:*, @storybook/api@workspace:lib/api": +"@storybook/api@6.4.0-alpha.14, @storybook/api@workspace:*, @storybook/api@workspace:lib/api": version: 0.0.0-use.local resolution: "@storybook/api@workspace:lib/api" dependencies: "@reach/router": ^1.3.4 - "@storybook/channels": 6.4.0-alpha.13 - "@storybook/client-logger": 6.4.0-alpha.13 - "@storybook/core-events": 6.4.0-alpha.13 + "@storybook/channels": 6.4.0-alpha.14 + "@storybook/client-logger": 6.4.0-alpha.14 + "@storybook/core-events": 6.4.0-alpha.14 "@storybook/csf": 0.0.1 - "@storybook/router": 6.4.0-alpha.13 + "@storybook/router": 6.4.0-alpha.14 "@storybook/semver": ^7.3.2 - "@storybook/theming": 6.4.0-alpha.13 + "@storybook/theming": 6.4.0-alpha.14 "@types/lodash": ^4.14.167 "@types/reach__router": ^1.3.7 "@types/semver": ^7.3.4 @@ -6249,7 +6252,7 @@ __metadata: languageName: unknown linkType: soft -"@storybook/builder-webpack4@6.4.0-alpha.13, @storybook/builder-webpack4@workspace:lib/builder-webpack4": +"@storybook/builder-webpack4@6.4.0-alpha.14, @storybook/builder-webpack4@workspace:lib/builder-webpack4": version: 0.0.0-use.local resolution: "@storybook/builder-webpack4@workspace:lib/builder-webpack4" dependencies: @@ -6274,20 +6277,20 @@ __metadata: "@babel/preset-env": ^7.12.11 "@babel/preset-react": ^7.12.10 "@babel/preset-typescript": ^7.12.7 - "@storybook/addons": 6.4.0-alpha.13 - "@storybook/api": 6.4.0-alpha.13 - "@storybook/channel-postmessage": 6.4.0-alpha.13 - "@storybook/channels": 6.4.0-alpha.13 - "@storybook/client-api": 6.4.0-alpha.13 - "@storybook/client-logger": 6.4.0-alpha.13 - "@storybook/components": 6.4.0-alpha.13 - "@storybook/core-common": 6.4.0-alpha.13 - "@storybook/core-events": 6.4.0-alpha.13 - "@storybook/node-logger": 6.4.0-alpha.13 - "@storybook/router": 6.4.0-alpha.13 + "@storybook/addons": 6.4.0-alpha.14 + "@storybook/api": 6.4.0-alpha.14 + "@storybook/channel-postmessage": 6.4.0-alpha.14 + "@storybook/channels": 6.4.0-alpha.14 + "@storybook/client-api": 6.4.0-alpha.14 + "@storybook/client-logger": 6.4.0-alpha.14 + "@storybook/components": 6.4.0-alpha.14 + "@storybook/core-common": 6.4.0-alpha.14 + "@storybook/core-events": 6.4.0-alpha.14 + "@storybook/node-logger": 6.4.0-alpha.14 + "@storybook/router": 6.4.0-alpha.14 "@storybook/semver": ^7.3.2 - "@storybook/theming": 6.4.0-alpha.13 - "@storybook/ui": 6.4.0-alpha.13 + "@storybook/theming": 6.4.0-alpha.14 + "@storybook/ui": 6.4.0-alpha.14 "@types/case-sensitive-paths-webpack-plugin": ^2.1.4 "@types/dotenv-webpack": ^3.0.0 "@types/node": ^14.0.10 @@ -6339,7 +6342,7 @@ __metadata: languageName: unknown linkType: soft -"@storybook/builder-webpack5@6.4.0-alpha.13, @storybook/builder-webpack5@workspace:lib/builder-webpack5": +"@storybook/builder-webpack5@6.4.0-alpha.14, @storybook/builder-webpack5@workspace:lib/builder-webpack5": version: 0.0.0-use.local resolution: "@storybook/builder-webpack5@workspace:lib/builder-webpack5" dependencies: @@ -6363,19 +6366,19 @@ __metadata: "@babel/preset-env": ^7.12.11 "@babel/preset-react": ^7.12.10 "@babel/preset-typescript": ^7.12.7 - "@storybook/addons": 6.4.0-alpha.13 - "@storybook/api": 6.4.0-alpha.13 - "@storybook/channel-postmessage": 6.4.0-alpha.13 - "@storybook/channels": 6.4.0-alpha.13 - "@storybook/client-api": 6.4.0-alpha.13 - "@storybook/client-logger": 6.4.0-alpha.13 - "@storybook/components": 6.4.0-alpha.13 - "@storybook/core-common": 6.4.0-alpha.13 - "@storybook/core-events": 6.4.0-alpha.13 - "@storybook/node-logger": 6.4.0-alpha.13 - "@storybook/router": 6.4.0-alpha.13 + "@storybook/addons": 6.4.0-alpha.14 + "@storybook/api": 6.4.0-alpha.14 + "@storybook/channel-postmessage": 6.4.0-alpha.14 + "@storybook/channels": 6.4.0-alpha.14 + "@storybook/client-api": 6.4.0-alpha.14 + "@storybook/client-logger": 6.4.0-alpha.14 + "@storybook/components": 6.4.0-alpha.14 + "@storybook/core-common": 6.4.0-alpha.14 + "@storybook/core-events": 6.4.0-alpha.14 + "@storybook/node-logger": 6.4.0-alpha.14 + "@storybook/router": 6.4.0-alpha.14 "@storybook/semver": ^7.3.2 - "@storybook/theming": 6.4.0-alpha.13 + "@storybook/theming": 6.4.0-alpha.14 "@types/case-sensitive-paths-webpack-plugin": ^2.1.4 "@types/dotenv-webpack": ^5.0.0 "@types/node": ^14.0.10 @@ -6415,13 +6418,13 @@ __metadata: languageName: unknown linkType: soft -"@storybook/channel-postmessage@6.4.0-alpha.13, @storybook/channel-postmessage@workspace:*, @storybook/channel-postmessage@workspace:lib/channel-postmessage": +"@storybook/channel-postmessage@6.4.0-alpha.14, @storybook/channel-postmessage@workspace:*, @storybook/channel-postmessage@workspace:lib/channel-postmessage": version: 0.0.0-use.local resolution: "@storybook/channel-postmessage@workspace:lib/channel-postmessage" dependencies: - "@storybook/channels": 6.4.0-alpha.13 - "@storybook/client-logger": 6.4.0-alpha.13 - "@storybook/core-events": 6.4.0-alpha.13 + "@storybook/channels": 6.4.0-alpha.14 + "@storybook/client-logger": 6.4.0-alpha.14 + "@storybook/core-events": 6.4.0-alpha.14 core-js: ^3.8.2 global: ^4.4.0 qs: ^6.10.0 @@ -6433,14 +6436,14 @@ __metadata: version: 0.0.0-use.local resolution: "@storybook/channel-websocket@workspace:lib/channel-websocket" dependencies: - "@storybook/channels": 6.4.0-alpha.13 + "@storybook/channels": 6.4.0-alpha.14 core-js: ^3.8.2 global: ^4.4.0 telejson: ^5.3.2 languageName: unknown linkType: soft -"@storybook/channels@6.4.0-alpha.13, @storybook/channels@workspace:*, @storybook/channels@workspace:lib/channels": +"@storybook/channels@6.4.0-alpha.14, @storybook/channels@workspace:*, @storybook/channels@workspace:lib/channels": version: 0.0.0-use.local resolution: "@storybook/channels@workspace:lib/channels" dependencies: @@ -6450,15 +6453,15 @@ __metadata: languageName: unknown linkType: soft -"@storybook/cli@6.4.0-alpha.13, @storybook/cli@workspace:*, @storybook/cli@workspace:lib/cli": +"@storybook/cli@6.4.0-alpha.14, @storybook/cli@workspace:*, @storybook/cli@workspace:lib/cli": version: 0.0.0-use.local resolution: "@storybook/cli@workspace:lib/cli" dependencies: "@babel/core": ^7.12.10 "@babel/preset-env": ^7.12.11 - "@storybook/client-api": 6.4.0-alpha.13 - "@storybook/codemod": 6.4.0-alpha.13 - "@storybook/node-logger": 6.4.0-alpha.13 + "@storybook/client-api": 6.4.0-alpha.14 + "@storybook/codemod": 6.4.0-alpha.14 + "@storybook/node-logger": 6.4.0-alpha.14 "@storybook/semver": ^7.3.2 "@types/cross-spawn": ^6.0.2 "@types/prompts": ^2.0.9 @@ -6495,15 +6498,15 @@ __metadata: languageName: unknown linkType: soft -"@storybook/client-api@6.4.0-alpha.13, @storybook/client-api@workspace:*, @storybook/client-api@workspace:lib/client-api": +"@storybook/client-api@6.4.0-alpha.14, @storybook/client-api@workspace:*, @storybook/client-api@workspace:lib/client-api": version: 0.0.0-use.local resolution: "@storybook/client-api@workspace:lib/client-api" dependencies: - "@storybook/addons": 6.4.0-alpha.13 - "@storybook/channel-postmessage": 6.4.0-alpha.13 - "@storybook/channels": 6.4.0-alpha.13 - "@storybook/client-logger": 6.4.0-alpha.13 - "@storybook/core-events": 6.4.0-alpha.13 + "@storybook/addons": 6.4.0-alpha.14 + "@storybook/channel-postmessage": 6.4.0-alpha.14 + "@storybook/channels": 6.4.0-alpha.14 + "@storybook/client-logger": 6.4.0-alpha.14 + "@storybook/core-events": 6.4.0-alpha.14 "@storybook/csf": 0.0.1 "@types/qs": ^6.9.5 "@types/webpack-env": ^1.16.0 @@ -6523,7 +6526,7 @@ __metadata: languageName: unknown linkType: soft -"@storybook/client-logger@6.4.0-alpha.13, @storybook/client-logger@workspace:*, @storybook/client-logger@workspace:lib/client-logger": +"@storybook/client-logger@6.4.0-alpha.14, @storybook/client-logger@workspace:*, @storybook/client-logger@workspace:lib/client-logger": version: 0.0.0-use.local resolution: "@storybook/client-logger@workspace:lib/client-logger" dependencies: @@ -6532,15 +6535,15 @@ __metadata: languageName: unknown linkType: soft -"@storybook/codemod@6.4.0-alpha.13, @storybook/codemod@workspace:*, @storybook/codemod@workspace:lib/codemod": +"@storybook/codemod@6.4.0-alpha.14, @storybook/codemod@workspace:*, @storybook/codemod@workspace:lib/codemod": version: 0.0.0-use.local resolution: "@storybook/codemod@workspace:lib/codemod" dependencies: "@babel/types": ^7.12.11 "@mdx-js/mdx": ^1.6.22 "@storybook/csf": 0.0.1 - "@storybook/csf-tools": 6.4.0-alpha.13 - "@storybook/node-logger": 6.4.0-alpha.13 + "@storybook/csf-tools": 6.4.0-alpha.14 + "@storybook/node-logger": 6.4.0-alpha.14 core-js: ^3.8.2 cross-spawn: ^7.0.3 globby: ^11.0.2 @@ -6554,14 +6557,14 @@ __metadata: languageName: unknown linkType: soft -"@storybook/components@6.4.0-alpha.13, @storybook/components@workspace:*, @storybook/components@workspace:lib/components": +"@storybook/components@6.4.0-alpha.14, @storybook/components@workspace:*, @storybook/components@workspace:lib/components": version: 0.0.0-use.local resolution: "@storybook/components@workspace:lib/components" dependencies: "@popperjs/core": ^2.6.0 - "@storybook/client-logger": 6.4.0-alpha.13 + "@storybook/client-logger": 6.4.0-alpha.14 "@storybook/csf": 0.0.1 - "@storybook/theming": 6.4.0-alpha.13 + "@storybook/theming": 6.4.0-alpha.14 "@types/color-convert": ^2.0.0 "@types/overlayscrollbars": ^1.12.0 "@types/react-syntax-highlighter": 11.0.5 @@ -6590,17 +6593,17 @@ __metadata: languageName: unknown linkType: soft -"@storybook/core-client@6.4.0-alpha.13, @storybook/core-client@workspace:lib/core-client": +"@storybook/core-client@6.4.0-alpha.14, @storybook/core-client@workspace:lib/core-client": version: 0.0.0-use.local resolution: "@storybook/core-client@workspace:lib/core-client" dependencies: - "@storybook/addons": 6.4.0-alpha.13 - "@storybook/channel-postmessage": 6.4.0-alpha.13 - "@storybook/client-api": 6.4.0-alpha.13 - "@storybook/client-logger": 6.4.0-alpha.13 - "@storybook/core-events": 6.4.0-alpha.13 + "@storybook/addons": 6.4.0-alpha.14 + "@storybook/channel-postmessage": 6.4.0-alpha.14 + "@storybook/client-api": 6.4.0-alpha.14 + "@storybook/client-logger": 6.4.0-alpha.14 + "@storybook/core-events": 6.4.0-alpha.14 "@storybook/csf": 0.0.1 - "@storybook/ui": 6.4.0-alpha.13 + "@storybook/ui": 6.4.0-alpha.14 airbnb-js-shims: ^2.2.1 ansi-to-html: ^0.6.11 core-js: ^3.8.2 @@ -6621,7 +6624,7 @@ __metadata: languageName: unknown linkType: soft -"@storybook/core-common@6.4.0-alpha.13, @storybook/core-common@workspace:lib/core-common": +"@storybook/core-common@6.4.0-alpha.14, @storybook/core-common@workspace:lib/core-common": version: 0.0.0-use.local resolution: "@storybook/core-common@workspace:lib/core-common" dependencies: @@ -6646,7 +6649,7 @@ __metadata: "@babel/preset-react": ^7.12.10 "@babel/preset-typescript": ^7.12.7 "@babel/register": ^7.12.1 - "@storybook/node-logger": 6.4.0-alpha.13 + "@storybook/node-logger": 6.4.0-alpha.14 "@storybook/react-docgen-typescript-plugin": 1.0.2-canary.253f8c1.0 "@storybook/semver": ^7.3.2 "@types/glob-base": ^0.3.0 @@ -6686,7 +6689,7 @@ __metadata: languageName: unknown linkType: soft -"@storybook/core-events@6.4.0-alpha.13, @storybook/core-events@workspace:*, @storybook/core-events@workspace:lib/core-events": +"@storybook/core-events@6.4.0-alpha.14, @storybook/core-events@workspace:*, @storybook/core-events@workspace:lib/core-events": version: 0.0.0-use.local resolution: "@storybook/core-events@workspace:lib/core-events" dependencies: @@ -6694,17 +6697,17 @@ __metadata: languageName: unknown linkType: soft -"@storybook/core-server@6.4.0-alpha.13, @storybook/core-server@workspace:lib/core-server": +"@storybook/core-server@6.4.0-alpha.14, @storybook/core-server@workspace:lib/core-server": version: 0.0.0-use.local resolution: "@storybook/core-server@workspace:lib/core-server" dependencies: - "@storybook/builder-webpack4": 6.4.0-alpha.13 - "@storybook/builder-webpack5": 6.4.0-alpha.13 - "@storybook/core-client": 6.4.0-alpha.13 - "@storybook/core-common": 6.4.0-alpha.13 - "@storybook/csf-tools": 6.4.0-alpha.13 - "@storybook/manager-webpack4": 6.4.0-alpha.13 - "@storybook/node-logger": 6.4.0-alpha.13 + "@storybook/builder-webpack4": 6.4.0-alpha.14 + "@storybook/builder-webpack5": 6.4.0-alpha.14 + "@storybook/core-client": 6.4.0-alpha.14 + "@storybook/core-common": 6.4.0-alpha.14 + "@storybook/csf-tools": 6.4.0-alpha.14 + "@storybook/manager-webpack4": 6.4.0-alpha.14 + "@storybook/node-logger": 6.4.0-alpha.14 "@storybook/semver": ^7.3.2 "@types/compression": ^1.7.0 "@types/ip": ^1.1.0 @@ -6737,8 +6740,8 @@ __metadata: util-deprecate: ^1.0.2 webpack: 4 peerDependencies: - "@storybook/builder-webpack5": 6.4.0-alpha.13 - "@storybook/manager-webpack5": 6.4.0-alpha.13 + "@storybook/builder-webpack5": 6.4.0-alpha.14 + "@storybook/manager-webpack5": 6.4.0-alpha.14 react: ^16.8.0 || ^17.0.0 react-dom: ^16.8.0 || ^17.0.0 peerDependenciesMeta: @@ -6751,14 +6754,14 @@ __metadata: languageName: unknown linkType: soft -"@storybook/core@6.4.0-alpha.13, @storybook/core@workspace:*, @storybook/core@workspace:lib/core": +"@storybook/core@6.4.0-alpha.14, @storybook/core@workspace:*, @storybook/core@workspace:lib/core": version: 0.0.0-use.local resolution: "@storybook/core@workspace:lib/core" dependencies: - "@storybook/core-client": 6.4.0-alpha.13 - "@storybook/core-server": 6.4.0-alpha.13 + "@storybook/core-client": 6.4.0-alpha.14 + "@storybook/core-server": 6.4.0-alpha.14 peerDependencies: - "@storybook/builder-webpack5": 6.4.0-alpha.13 + "@storybook/builder-webpack5": 6.4.0-alpha.14 react: ^16.8.0 || ^17.0.0 react-dom: ^16.8.0 || ^17.0.0 peerDependenciesMeta: @@ -6769,7 +6772,7 @@ __metadata: languageName: unknown linkType: soft -"@storybook/csf-tools@6.4.0-alpha.13, @storybook/csf-tools@workspace:*, @storybook/csf-tools@workspace:lib/csf-tools": +"@storybook/csf-tools@6.4.0-alpha.14, @storybook/csf-tools@workspace:*, @storybook/csf-tools@workspace:lib/csf-tools": version: 0.0.0-use.local resolution: "@storybook/csf-tools@workspace:lib/csf-tools" dependencies: @@ -6837,13 +6840,13 @@ __metadata: languageName: node linkType: hard -"@storybook/ember@6.4.0-alpha.13, @storybook/ember@workspace:*, @storybook/ember@workspace:app/ember": +"@storybook/ember@6.4.0-alpha.14, @storybook/ember@workspace:*, @storybook/ember@workspace:app/ember": version: 0.0.0-use.local resolution: "@storybook/ember@workspace:app/ember" dependencies: "@ember/test-helpers": ^2.1.4 - "@storybook/core": 6.4.0-alpha.13 - "@storybook/core-common": 6.4.0-alpha.13 + "@storybook/core": 6.4.0-alpha.14 + "@storybook/core-common": 6.4.0-alpha.14 core-js: ^3.8.2 global: ^4.4.0 react: 16.14.0 @@ -6876,10 +6879,10 @@ __metadata: version: 0.0.0-use.local resolution: "@storybook/example-react-ts-webpack4@workspace:examples/react-ts-webpack4" dependencies: - "@storybook/addon-controls": 6.4.0-alpha.13 - "@storybook/addon-essentials": 6.4.0-alpha.13 - "@storybook/builder-webpack4": 6.4.0-alpha.13 - "@storybook/react": 6.4.0-alpha.13 + "@storybook/addon-controls": 6.4.0-alpha.14 + "@storybook/addon-essentials": 6.4.0-alpha.14 + "@storybook/builder-webpack4": 6.4.0-alpha.14 + "@storybook/react": 6.4.0-alpha.14 "@types/react": ^16.14.2 "@types/react-dom": ^16.9.10 prop-types: 15.7.2 @@ -6894,11 +6897,11 @@ __metadata: version: 0.0.0-use.local resolution: "@storybook/example-react-ts@workspace:examples/react-ts" dependencies: - "@storybook/addon-controls": 6.4.0-alpha.13 - "@storybook/addon-essentials": 6.4.0-alpha.13 - "@storybook/components": 6.4.0-alpha.13 - "@storybook/react": 6.4.0-alpha.13 - "@storybook/theming": 6.4.0-alpha.13 + "@storybook/addon-controls": 6.4.0-alpha.14 + "@storybook/addon-essentials": 6.4.0-alpha.14 + "@storybook/components": 6.4.0-alpha.14 + "@storybook/react": 6.4.0-alpha.14 + "@storybook/theming": 6.4.0-alpha.14 "@testing-library/dom": ^7.31.2 "@testing-library/user-event": ^13.1.9 "@types/react": ^16.14.2 @@ -6913,14 +6916,14 @@ __metadata: languageName: unknown linkType: soft -"@storybook/html@6.4.0-alpha.13, @storybook/html@workspace:*, @storybook/html@workspace:app/html": +"@storybook/html@6.4.0-alpha.14, @storybook/html@workspace:*, @storybook/html@workspace:app/html": version: 0.0.0-use.local resolution: "@storybook/html@workspace:app/html" dependencies: - "@storybook/addons": 6.4.0-alpha.13 - "@storybook/client-api": 6.4.0-alpha.13 - "@storybook/core": 6.4.0-alpha.13 - "@storybook/core-common": 6.4.0-alpha.13 + "@storybook/addons": 6.4.0-alpha.14 + "@storybook/client-api": 6.4.0-alpha.14 + "@storybook/core": 6.4.0-alpha.14 + "@storybook/core-common": 6.4.0-alpha.14 "@types/webpack-env": ^1.16.0 core-js: ^3.8.2 global: ^4.4.0 @@ -6967,19 +6970,19 @@ __metadata: languageName: node linkType: hard -"@storybook/manager-webpack4@6.4.0-alpha.13, @storybook/manager-webpack4@workspace:lib/manager-webpack4": +"@storybook/manager-webpack4@6.4.0-alpha.14, @storybook/manager-webpack4@workspace:lib/manager-webpack4": version: 0.0.0-use.local resolution: "@storybook/manager-webpack4@workspace:lib/manager-webpack4" dependencies: "@babel/core": ^7.12.10 "@babel/plugin-transform-template-literals": ^7.12.1 "@babel/preset-react": ^7.12.10 - "@storybook/addons": 6.4.0-alpha.13 - "@storybook/core-client": 6.4.0-alpha.13 - "@storybook/core-common": 6.4.0-alpha.13 - "@storybook/node-logger": 6.4.0-alpha.13 - "@storybook/theming": 6.4.0-alpha.13 - "@storybook/ui": 6.4.0-alpha.13 + "@storybook/addons": 6.4.0-alpha.14 + "@storybook/core-client": 6.4.0-alpha.14 + "@storybook/core-common": 6.4.0-alpha.14 + "@storybook/node-logger": 6.4.0-alpha.14 + "@storybook/theming": 6.4.0-alpha.14 + "@storybook/ui": 6.4.0-alpha.14 "@types/case-sensitive-paths-webpack-plugin": ^2.1.4 "@types/dotenv-webpack": ^3.0.0 "@types/node": ^14.0.10 @@ -7029,12 +7032,12 @@ __metadata: "@babel/core": ^7.12.10 "@babel/plugin-transform-template-literals": ^7.12.1 "@babel/preset-react": ^7.12.10 - "@storybook/addons": 6.4.0-alpha.13 - "@storybook/core-client": 6.4.0-alpha.13 - "@storybook/core-common": 6.4.0-alpha.13 - "@storybook/node-logger": 6.4.0-alpha.13 - "@storybook/theming": 6.4.0-alpha.13 - "@storybook/ui": 6.4.0-alpha.13 + "@storybook/addons": 6.4.0-alpha.14 + "@storybook/core-client": 6.4.0-alpha.14 + "@storybook/core-common": 6.4.0-alpha.14 + "@storybook/node-logger": 6.4.0-alpha.14 + "@storybook/theming": 6.4.0-alpha.14 + "@storybook/ui": 6.4.0-alpha.14 "@types/case-sensitive-paths-webpack-plugin": ^2.1.4 "@types/dotenv-webpack": ^5.0.0 "@types/node": ^14.0.10 @@ -7075,7 +7078,7 @@ __metadata: languageName: unknown linkType: soft -"@storybook/node-logger@6.4.0-alpha.13, @storybook/node-logger@workspace:*, @storybook/node-logger@workspace:lib/node-logger": +"@storybook/node-logger@6.4.0-alpha.14, @storybook/node-logger@workspace:*, @storybook/node-logger@workspace:lib/node-logger": version: 0.0.0-use.local resolution: "@storybook/node-logger@workspace:lib/node-logger" dependencies: @@ -7101,7 +7104,7 @@ __metadata: languageName: node linkType: hard -"@storybook/postinstall@6.4.0-alpha.13, @storybook/postinstall@workspace:*, @storybook/postinstall@workspace:lib/postinstall": +"@storybook/postinstall@6.4.0-alpha.14, @storybook/postinstall@workspace:*, @storybook/postinstall@workspace:lib/postinstall": version: 0.0.0-use.local resolution: "@storybook/postinstall@workspace:lib/postinstall" dependencies: @@ -7112,14 +7115,14 @@ __metadata: languageName: unknown linkType: soft -"@storybook/preact@6.4.0-alpha.13, @storybook/preact@workspace:*, @storybook/preact@workspace:app/preact": +"@storybook/preact@6.4.0-alpha.14, @storybook/preact@workspace:*, @storybook/preact@workspace:app/preact": version: 0.0.0-use.local resolution: "@storybook/preact@workspace:app/preact" dependencies: "@babel/plugin-transform-react-jsx": ^7.12.12 - "@storybook/addons": 6.4.0-alpha.13 - "@storybook/core": 6.4.0-alpha.13 - "@storybook/core-common": 6.4.0-alpha.13 + "@storybook/addons": 6.4.0-alpha.14 + "@storybook/core": 6.4.0-alpha.14 + "@storybook/core-common": 6.4.0-alpha.14 "@types/webpack-env": ^1.16.0 core-js: ^3.8.2 global: ^4.4.0 @@ -7188,18 +7191,18 @@ __metadata: languageName: node linkType: hard -"@storybook/react@6.4.0-alpha.13, @storybook/react@workspace:*, @storybook/react@workspace:app/react": +"@storybook/react@6.4.0-alpha.14, @storybook/react@workspace:*, @storybook/react@workspace:app/react": version: 0.0.0-use.local resolution: "@storybook/react@workspace:app/react" dependencies: "@babel/preset-flow": ^7.12.1 "@babel/preset-react": ^7.12.10 "@pmmmwh/react-refresh-webpack-plugin": ^0.4.3 - "@storybook/addons": 6.4.0-alpha.13 - "@storybook/client-api": 6.4.0-alpha.13 - "@storybook/core": 6.4.0-alpha.13 - "@storybook/core-common": 6.4.0-alpha.13 - "@storybook/node-logger": 6.4.0-alpha.13 + "@storybook/addons": 6.4.0-alpha.14 + "@storybook/client-api": 6.4.0-alpha.14 + "@storybook/core": 6.4.0-alpha.14 + "@storybook/core-common": 6.4.0-alpha.14 + "@storybook/node-logger": 6.4.0-alpha.14 "@storybook/react-docgen-typescript-plugin": 1.0.2-canary.253f8c1.0 "@storybook/semver": ^7.3.2 "@types/node": ^14.14.20 @@ -7271,6 +7274,7 @@ __metadata: "@storybook/addon-essentials": "workspace:*" "@storybook/addon-jest": "workspace:*" "@storybook/addon-links": "workspace:*" + "@storybook/addon-measure": "workspace:*" "@storybook/addon-outline": "workspace:*" "@storybook/addon-storyshots": "workspace:*" "@storybook/addon-storyshots-puppeteer": "workspace:*" @@ -7451,12 +7455,12 @@ __metadata: languageName: unknown linkType: soft -"@storybook/router@6.4.0-alpha.13, @storybook/router@workspace:*, @storybook/router@workspace:lib/router": +"@storybook/router@6.4.0-alpha.14, @storybook/router@workspace:*, @storybook/router@workspace:lib/router": version: 0.0.0-use.local resolution: "@storybook/router@workspace:lib/router" dependencies: "@reach/router": ^1.3.4 - "@storybook/client-logger": 6.4.0-alpha.13 + "@storybook/client-logger": 6.4.0-alpha.14 "@types/reach__router": ^1.3.7 core-js: ^3.8.2 fast-deep-equal: ^3.1.3 @@ -7483,16 +7487,16 @@ __metadata: languageName: node linkType: hard -"@storybook/server@6.4.0-alpha.13, @storybook/server@workspace:*, @storybook/server@workspace:app/server": +"@storybook/server@6.4.0-alpha.14, @storybook/server@workspace:*, @storybook/server@workspace:app/server": version: 0.0.0-use.local resolution: "@storybook/server@workspace:app/server" dependencies: - "@storybook/addons": 6.4.0-alpha.13 - "@storybook/api": 6.4.0-alpha.13 - "@storybook/client-api": 6.4.0-alpha.13 - "@storybook/core": 6.4.0-alpha.13 - "@storybook/core-common": 6.4.0-alpha.13 - "@storybook/node-logger": 6.4.0-alpha.13 + "@storybook/addons": 6.4.0-alpha.14 + "@storybook/api": 6.4.0-alpha.14 + "@storybook/client-api": 6.4.0-alpha.14 + "@storybook/core": 6.4.0-alpha.14 + "@storybook/core-common": 6.4.0-alpha.14 + "@storybook/node-logger": 6.4.0-alpha.14 "@types/webpack-env": ^1.16.0 core-js: ^3.8.2 fs-extra: ^9.0.1 @@ -7512,12 +7516,12 @@ __metadata: languageName: unknown linkType: soft -"@storybook/source-loader@6.4.0-alpha.13, @storybook/source-loader@workspace:*, @storybook/source-loader@workspace:lib/source-loader": +"@storybook/source-loader@6.4.0-alpha.14, @storybook/source-loader@workspace:*, @storybook/source-loader@workspace:lib/source-loader": version: 0.0.0-use.local resolution: "@storybook/source-loader@workspace:lib/source-loader" dependencies: - "@storybook/addons": 6.4.0-alpha.13 - "@storybook/client-logger": 6.4.0-alpha.13 + "@storybook/addons": 6.4.0-alpha.14 + "@storybook/client-logger": 6.4.0-alpha.14 "@storybook/csf": 0.0.1 core-js: ^3.8.2 estraverse: ^5.2.0 @@ -7532,13 +7536,13 @@ __metadata: languageName: unknown linkType: soft -"@storybook/svelte@6.4.0-alpha.13, @storybook/svelte@workspace:*, @storybook/svelte@workspace:app/svelte": +"@storybook/svelte@6.4.0-alpha.14, @storybook/svelte@workspace:*, @storybook/svelte@workspace:app/svelte": version: 0.0.0-use.local resolution: "@storybook/svelte@workspace:app/svelte" dependencies: - "@storybook/addons": 6.4.0-alpha.13 - "@storybook/core": 6.4.0-alpha.13 - "@storybook/core-common": 6.4.0-alpha.13 + "@storybook/addons": 6.4.0-alpha.14 + "@storybook/core": 6.4.0-alpha.14 + "@storybook/core-common": 6.4.0-alpha.14 "@types/webpack-env": ^1.16.0 core-js: ^3.8.2 global: ^4.4.0 @@ -7561,14 +7565,14 @@ __metadata: languageName: unknown linkType: soft -"@storybook/theming@6.4.0-alpha.13, @storybook/theming@workspace:*, @storybook/theming@workspace:lib/theming": +"@storybook/theming@6.4.0-alpha.14, @storybook/theming@workspace:*, @storybook/theming@workspace:lib/theming": version: 0.0.0-use.local resolution: "@storybook/theming@workspace:lib/theming" dependencies: "@emotion/core": ^10.1.1 "@emotion/is-prop-valid": ^0.8.6 "@emotion/styled": ^10.0.27 - "@storybook/client-logger": 6.4.0-alpha.13 + "@storybook/client-logger": 6.4.0-alpha.14 core-js: ^3.8.2 deep-object-diff: ^1.1.0 emotion-theming: ^10.0.27 @@ -7583,21 +7587,21 @@ __metadata: languageName: unknown linkType: soft -"@storybook/ui@6.4.0-alpha.13, @storybook/ui@workspace:*, @storybook/ui@workspace:lib/ui": +"@storybook/ui@6.4.0-alpha.14, @storybook/ui@workspace:*, @storybook/ui@workspace:lib/ui": version: 0.0.0-use.local resolution: "@storybook/ui@workspace:lib/ui" dependencies: "@babel/core": ^7.12.10 "@emotion/core": ^10.1.1 - "@storybook/addons": 6.4.0-alpha.13 - "@storybook/api": 6.4.0-alpha.13 - "@storybook/channels": 6.4.0-alpha.13 - "@storybook/client-logger": 6.4.0-alpha.13 - "@storybook/components": 6.4.0-alpha.13 - "@storybook/core-events": 6.4.0-alpha.13 - "@storybook/router": 6.4.0-alpha.13 + "@storybook/addons": 6.4.0-alpha.14 + "@storybook/api": 6.4.0-alpha.14 + "@storybook/channels": 6.4.0-alpha.14 + "@storybook/client-logger": 6.4.0-alpha.14 + "@storybook/components": 6.4.0-alpha.14 + "@storybook/core-events": 6.4.0-alpha.14 + "@storybook/router": 6.4.0-alpha.14 "@storybook/semver": ^7.3.2 - "@storybook/theming": 6.4.0-alpha.13 + "@storybook/theming": 6.4.0-alpha.14 "@testing-library/react": ^11.2.2 "@types/markdown-to-jsx": ^6.11.3 babel-loader: ^8.2.2 @@ -7630,13 +7634,13 @@ __metadata: languageName: unknown linkType: soft -"@storybook/vue3@6.4.0-alpha.13, @storybook/vue3@workspace:app/vue3": +"@storybook/vue3@6.4.0-alpha.14, @storybook/vue3@workspace:app/vue3": version: 0.0.0-use.local resolution: "@storybook/vue3@workspace:app/vue3" dependencies: - "@storybook/addons": 6.4.0-alpha.13 - "@storybook/core": 6.4.0-alpha.13 - "@storybook/core-common": 6.4.0-alpha.13 + "@storybook/addons": 6.4.0-alpha.14 + "@storybook/core": 6.4.0-alpha.14 + "@storybook/core-common": 6.4.0-alpha.14 "@types/node": ^14.14.20 "@types/webpack-env": ^1.16.0 "@vue/compiler-sfc": ^3.0.0 @@ -7665,13 +7669,13 @@ __metadata: languageName: unknown linkType: soft -"@storybook/vue@6.4.0-alpha.13, @storybook/vue@workspace:*, @storybook/vue@workspace:app/vue": +"@storybook/vue@6.4.0-alpha.14, @storybook/vue@workspace:*, @storybook/vue@workspace:app/vue": version: 0.0.0-use.local resolution: "@storybook/vue@workspace:app/vue" dependencies: - "@storybook/addons": 6.4.0-alpha.13 - "@storybook/core": 6.4.0-alpha.13 - "@storybook/core-common": 6.4.0-alpha.13 + "@storybook/addons": 6.4.0-alpha.14 + "@storybook/core": 6.4.0-alpha.14 + "@storybook/core-common": 6.4.0-alpha.14 "@types/node": ^14.14.20 "@types/webpack-env": ^1.16.0 core-js: ^3.8.2 @@ -7702,17 +7706,17 @@ __metadata: languageName: unknown linkType: soft -"@storybook/web-components@6.4.0-alpha.13, @storybook/web-components@workspace:*, @storybook/web-components@workspace:app/web-components": +"@storybook/web-components@6.4.0-alpha.14, @storybook/web-components@workspace:*, @storybook/web-components@workspace:app/web-components": version: 0.0.0-use.local resolution: "@storybook/web-components@workspace:app/web-components" dependencies: "@babel/plugin-syntax-dynamic-import": ^7.8.3 "@babel/plugin-syntax-import-meta": ^7.10.4 "@babel/preset-env": ^7.12.11 - "@storybook/addons": 6.4.0-alpha.13 - "@storybook/client-api": 6.4.0-alpha.13 - "@storybook/core": 6.4.0-alpha.13 - "@storybook/core-common": 6.4.0-alpha.13 + "@storybook/addons": 6.4.0-alpha.14 + "@storybook/client-api": 6.4.0-alpha.14 + "@storybook/core": 6.4.0-alpha.14 + "@storybook/core-common": 6.4.0-alpha.14 "@types/webpack-env": ^1.16.0 babel-plugin-bundled-import-meta: ^0.3.1 core-js: ^3.8.2 @@ -11337,18 +11341,18 @@ __metadata: "@angular/platform-browser-dynamic": ^11.2.14 "@compodoc/compodoc": ^1.1.11 "@ngrx/store": ^10.1.2 - "@storybook/addon-a11y": 6.4.0-alpha.13 - "@storybook/addon-actions": 6.4.0-alpha.13 - "@storybook/addon-backgrounds": 6.4.0-alpha.13 - "@storybook/addon-controls": 6.4.0-alpha.13 - "@storybook/addon-docs": 6.4.0-alpha.13 - "@storybook/addon-jest": 6.4.0-alpha.13 - "@storybook/addon-links": 6.4.0-alpha.13 - "@storybook/addon-storyshots": 6.4.0-alpha.13 - "@storybook/addon-storysource": 6.4.0-alpha.13 - "@storybook/addons": 6.4.0-alpha.13 - "@storybook/angular": 6.4.0-alpha.13 - "@storybook/source-loader": 6.4.0-alpha.13 + "@storybook/addon-a11y": 6.4.0-alpha.14 + "@storybook/addon-actions": 6.4.0-alpha.14 + "@storybook/addon-backgrounds": 6.4.0-alpha.14 + "@storybook/addon-controls": 6.4.0-alpha.14 + "@storybook/addon-docs": 6.4.0-alpha.14 + "@storybook/addon-jest": 6.4.0-alpha.14 + "@storybook/addon-links": 6.4.0-alpha.14 + "@storybook/addon-storyshots": 6.4.0-alpha.14 + "@storybook/addon-storysource": 6.4.0-alpha.14 + "@storybook/addons": 6.4.0-alpha.14 + "@storybook/angular": 6.4.0-alpha.14 + "@storybook/source-loader": 6.4.0-alpha.14 "@types/core-js": ^2.5.4 "@types/jest": ^26.0.16 "@types/node": ^14.14.20 @@ -16277,19 +16281,19 @@ __metadata: resolution: "cra-kitchen-sink@workspace:examples/cra-kitchen-sink" dependencies: "@pmmmwh/react-refresh-webpack-plugin": ^0.4.3 - "@storybook/addon-a11y": 6.4.0-alpha.13 - "@storybook/addon-actions": 6.4.0-alpha.13 - "@storybook/addon-backgrounds": 6.4.0-alpha.13 - "@storybook/addon-docs": 6.4.0-alpha.13 - "@storybook/addon-jest": 6.4.0-alpha.13 - "@storybook/addon-links": 6.4.0-alpha.13 - "@storybook/addon-storyshots": 6.4.0-alpha.13 - "@storybook/addons": 6.4.0-alpha.13 - "@storybook/builder-webpack4": 6.4.0-alpha.13 - "@storybook/client-logger": 6.4.0-alpha.13 + "@storybook/addon-a11y": 6.4.0-alpha.14 + "@storybook/addon-actions": 6.4.0-alpha.14 + "@storybook/addon-backgrounds": 6.4.0-alpha.14 + "@storybook/addon-docs": 6.4.0-alpha.14 + "@storybook/addon-jest": 6.4.0-alpha.14 + "@storybook/addon-links": 6.4.0-alpha.14 + "@storybook/addon-storyshots": 6.4.0-alpha.14 + "@storybook/addons": 6.4.0-alpha.14 + "@storybook/builder-webpack4": 6.4.0-alpha.14 + "@storybook/client-logger": 6.4.0-alpha.14 "@storybook/preset-create-react-app": ^3.1.6 - "@storybook/react": 6.4.0-alpha.13 - "@storybook/theming": 6.4.0-alpha.13 + "@storybook/react": 6.4.0-alpha.14 + "@storybook/theming": 6.4.0-alpha.14 global: ^4.4.0 prop-types: ^15.7.2 react: 16.14.0 @@ -16304,13 +16308,13 @@ __metadata: version: 0.0.0-use.local resolution: "cra-react15@workspace:examples/cra-react15" dependencies: - "@storybook/addon-actions": 6.4.0-alpha.13 - "@storybook/addon-links": 6.4.0-alpha.13 - "@storybook/addons": 6.4.0-alpha.13 - "@storybook/builder-webpack4": 6.4.0-alpha.13 + "@storybook/addon-actions": 6.4.0-alpha.14 + "@storybook/addon-links": 6.4.0-alpha.14 + "@storybook/addons": 6.4.0-alpha.14 + "@storybook/builder-webpack4": 6.4.0-alpha.14 "@storybook/preset-create-react-app": ^3.1.6 - "@storybook/react": 6.4.0-alpha.13 - "@storybook/theming": 6.4.0-alpha.13 + "@storybook/react": 6.4.0-alpha.14 + "@storybook/theming": 6.4.0-alpha.14 babel-core: 6 babel-loader: 8.2.2 babel-runtime: 6 @@ -16326,11 +16330,11 @@ __metadata: version: 0.0.0-use.local resolution: "cra-ts-essentials@workspace:examples/cra-ts-essentials" dependencies: - "@storybook/addon-essentials": 6.4.0-alpha.13 - "@storybook/addons": 6.4.0-alpha.13 - "@storybook/builder-webpack4": 6.4.0-alpha.13 + "@storybook/addon-essentials": 6.4.0-alpha.14 + "@storybook/addons": 6.4.0-alpha.14 + "@storybook/builder-webpack4": 6.4.0-alpha.14 "@storybook/preset-create-react-app": ^3.1.6 - "@storybook/react": 6.4.0-alpha.13 + "@storybook/react": 6.4.0-alpha.14 "@types/jest": ^26.0.16 "@types/node": 14.14.20 "@types/react": ^16.14.2 @@ -16348,14 +16352,14 @@ __metadata: version: 0.0.0-use.local resolution: "cra-ts-kitchen-sink@workspace:examples/cra-ts-kitchen-sink" dependencies: - "@storybook/addon-a11y": 6.4.0-alpha.13 - "@storybook/addon-actions": 6.4.0-alpha.13 - "@storybook/addon-docs": 6.4.0-alpha.13 - "@storybook/addon-links": 6.4.0-alpha.13 - "@storybook/addons": 6.4.0-alpha.13 - "@storybook/builder-webpack4": 6.4.0-alpha.13 + "@storybook/addon-a11y": 6.4.0-alpha.14 + "@storybook/addon-actions": 6.4.0-alpha.14 + "@storybook/addon-docs": 6.4.0-alpha.14 + "@storybook/addon-links": 6.4.0-alpha.14 + "@storybook/addons": 6.4.0-alpha.14 + "@storybook/builder-webpack4": 6.4.0-alpha.14 "@storybook/preset-create-react-app": ^3.1.6 - "@storybook/react": 6.4.0-alpha.13 + "@storybook/react": 6.4.0-alpha.14 "@types/enzyme": ^3.10.8 "@types/jest": 25.2.3 "@types/node": 14.14.20 @@ -18889,18 +18893,18 @@ __metadata: dependencies: "@babel/core": ^7.12.10 "@ember/optional-features": ^2.0.0 - "@storybook/addon-a11y": 6.4.0-alpha.13 - "@storybook/addon-actions": 6.4.0-alpha.13 - "@storybook/addon-backgrounds": 6.4.0-alpha.13 - "@storybook/addon-controls": 6.4.0-alpha.13 - "@storybook/addon-docs": 6.4.0-alpha.13 - "@storybook/addon-links": 6.4.0-alpha.13 - "@storybook/addon-storysource": 6.4.0-alpha.13 - "@storybook/addon-viewport": 6.4.0-alpha.13 - "@storybook/addons": 6.4.0-alpha.13 - "@storybook/ember": 6.4.0-alpha.13 + "@storybook/addon-a11y": 6.4.0-alpha.14 + "@storybook/addon-actions": 6.4.0-alpha.14 + "@storybook/addon-backgrounds": 6.4.0-alpha.14 + "@storybook/addon-controls": 6.4.0-alpha.14 + "@storybook/addon-docs": 6.4.0-alpha.14 + "@storybook/addon-links": 6.4.0-alpha.14 + "@storybook/addon-storysource": 6.4.0-alpha.14 + "@storybook/addon-viewport": 6.4.0-alpha.14 + "@storybook/addons": 6.4.0-alpha.14 + "@storybook/ember": 6.4.0-alpha.14 "@storybook/ember-cli-storybook": ^0.2.1 - "@storybook/source-loader": 6.4.0-alpha.13 + "@storybook/source-loader": 6.4.0-alpha.14 babel-loader: ^8 broccoli-asset-rev: ^3.0.0 cross-env: ^7.0.3 @@ -23562,23 +23566,23 @@ fsevents@^1.2.7: version: 0.0.0-use.local resolution: "html-kitchen-sink@workspace:examples/html-kitchen-sink" dependencies: - "@storybook/addon-a11y": 6.4.0-alpha.13 - "@storybook/addon-actions": 6.4.0-alpha.13 - "@storybook/addon-backgrounds": 6.4.0-alpha.13 - "@storybook/addon-controls": 6.4.0-alpha.13 - "@storybook/addon-docs": 6.4.0-alpha.13 - "@storybook/addon-jest": 6.4.0-alpha.13 - "@storybook/addon-links": 6.4.0-alpha.13 + "@storybook/addon-a11y": 6.4.0-alpha.14 + "@storybook/addon-actions": 6.4.0-alpha.14 + "@storybook/addon-backgrounds": 6.4.0-alpha.14 + "@storybook/addon-controls": 6.4.0-alpha.14 + "@storybook/addon-docs": 6.4.0-alpha.14 + "@storybook/addon-jest": 6.4.0-alpha.14 + "@storybook/addon-links": 6.4.0-alpha.14 "@storybook/addon-postcss": ^2.0.0 - "@storybook/addon-storyshots": 6.4.0-alpha.13 - "@storybook/addon-storysource": 6.4.0-alpha.13 - "@storybook/addon-viewport": 6.4.0-alpha.13 - "@storybook/addons": 6.4.0-alpha.13 - "@storybook/client-api": 6.4.0-alpha.13 - "@storybook/core": 6.4.0-alpha.13 - "@storybook/core-events": 6.4.0-alpha.13 - "@storybook/html": 6.4.0-alpha.13 - "@storybook/source-loader": 6.4.0-alpha.13 + "@storybook/addon-storyshots": 6.4.0-alpha.14 + "@storybook/addon-storysource": 6.4.0-alpha.14 + "@storybook/addon-viewport": 6.4.0-alpha.14 + "@storybook/addons": 6.4.0-alpha.14 + "@storybook/client-api": 6.4.0-alpha.14 + "@storybook/core": 6.4.0-alpha.14 + "@storybook/core-events": 6.4.0-alpha.14 + "@storybook/html": 6.4.0-alpha.14 + "@storybook/source-loader": 6.4.0-alpha.14 autoprefixer: ^10.0.1 eventemitter3: ^4.0.7 format-json: ^1.0.3 @@ -31521,27 +31525,27 @@ fsevents@^1.2.7: dependencies: "@packtracker/webpack-plugin": ^2.3.0 "@pmmmwh/react-refresh-webpack-plugin": ^0.4.3 - "@storybook/addon-a11y": 6.4.0-alpha.13 - "@storybook/addon-actions": 6.4.0-alpha.13 - "@storybook/addon-backgrounds": 6.4.0-alpha.13 - "@storybook/addon-controls": 6.4.0-alpha.13 - "@storybook/addon-docs": 6.4.0-alpha.13 - "@storybook/addon-jest": 6.4.0-alpha.13 - "@storybook/addon-links": 6.4.0-alpha.13 - "@storybook/addon-storyshots": 6.4.0-alpha.13 - "@storybook/addon-storyshots-puppeteer": 6.4.0-alpha.13 - "@storybook/addon-storysource": 6.4.0-alpha.13 - "@storybook/addon-toolbars": 6.4.0-alpha.13 - "@storybook/addon-viewport": 6.4.0-alpha.13 - "@storybook/addons": 6.4.0-alpha.13 - "@storybook/cli": 6.4.0-alpha.13 - "@storybook/components": 6.4.0-alpha.13 - "@storybook/core-events": 6.4.0-alpha.13 + "@storybook/addon-a11y": 6.4.0-alpha.14 + "@storybook/addon-actions": 6.4.0-alpha.14 + "@storybook/addon-backgrounds": 6.4.0-alpha.14 + "@storybook/addon-controls": 6.4.0-alpha.14 + "@storybook/addon-docs": 6.4.0-alpha.14 + "@storybook/addon-jest": 6.4.0-alpha.14 + "@storybook/addon-links": 6.4.0-alpha.14 + "@storybook/addon-storyshots": 6.4.0-alpha.14 + "@storybook/addon-storyshots-puppeteer": 6.4.0-alpha.14 + "@storybook/addon-storysource": 6.4.0-alpha.14 + "@storybook/addon-toolbars": 6.4.0-alpha.14 + "@storybook/addon-viewport": 6.4.0-alpha.14 + "@storybook/addons": 6.4.0-alpha.14 + "@storybook/cli": 6.4.0-alpha.14 + "@storybook/components": 6.4.0-alpha.14 + "@storybook/core-events": 6.4.0-alpha.14 "@storybook/design-system": ^5.4.7 - "@storybook/node-logger": 6.4.0-alpha.13 - "@storybook/react": 6.4.0-alpha.13 - "@storybook/source-loader": 6.4.0-alpha.13 - "@storybook/theming": 6.4.0-alpha.13 + "@storybook/node-logger": 6.4.0-alpha.14 + "@storybook/react": 6.4.0-alpha.14 + "@storybook/source-loader": 6.4.0-alpha.14 + "@storybook/theming": 6.4.0-alpha.14 "@testing-library/dom": ^7.31.2 "@testing-library/user-event": ^13.1.9 chromatic: ^5.6.0 @@ -34451,16 +34455,16 @@ fsevents@^1.2.7: dependencies: "@babel/core": ^7.12.10 "@babel/plugin-transform-runtime": ^7.12.10 - "@storybook/addon-a11y": 6.4.0-alpha.13 - "@storybook/addon-actions": 6.4.0-alpha.13 - "@storybook/addon-backgrounds": 6.4.0-alpha.13 - "@storybook/addon-links": 6.4.0-alpha.13 - "@storybook/addon-storyshots": 6.4.0-alpha.13 - "@storybook/addon-storysource": 6.4.0-alpha.13 - "@storybook/addon-viewport": 6.4.0-alpha.13 - "@storybook/addons": 6.4.0-alpha.13 - "@storybook/preact": 6.4.0-alpha.13 - "@storybook/source-loader": 6.4.0-alpha.13 + "@storybook/addon-a11y": 6.4.0-alpha.14 + "@storybook/addon-actions": 6.4.0-alpha.14 + "@storybook/addon-backgrounds": 6.4.0-alpha.14 + "@storybook/addon-links": 6.4.0-alpha.14 + "@storybook/addon-storyshots": 6.4.0-alpha.14 + "@storybook/addon-storysource": 6.4.0-alpha.14 + "@storybook/addon-viewport": 6.4.0-alpha.14 + "@storybook/addons": 6.4.0-alpha.14 + "@storybook/preact": 6.4.0-alpha.14 + "@storybook/source-loader": 6.4.0-alpha.14 "@types/prop-types": ^15.7.3 "@types/react": ^17 "@types/react-dom": ^17 @@ -38209,7 +38213,7 @@ resolve@1.19.0: version: 0.0.0-use.local resolution: "sb@workspace:lib/cli-sb" dependencies: - "@storybook/cli": 6.4.0-alpha.13 + "@storybook/cli": 6.4.0-alpha.14 bin: sb: ./index.js languageName: unknown @@ -38525,13 +38529,13 @@ resolve@1.19.0: version: 0.0.0-use.local resolution: "server-kitchen-sink@workspace:examples/server-kitchen-sink" dependencies: - "@storybook/addon-a11y": 6.4.0-alpha.13 - "@storybook/addon-actions": 6.4.0-alpha.13 - "@storybook/addon-backgrounds": 6.4.0-alpha.13 - "@storybook/addon-controls": 6.4.0-alpha.13 - "@storybook/addon-links": 6.4.0-alpha.13 - "@storybook/node-logger": 6.4.0-alpha.13 - "@storybook/server": 6.4.0-alpha.13 + "@storybook/addon-a11y": 6.4.0-alpha.14 + "@storybook/addon-actions": 6.4.0-alpha.14 + "@storybook/addon-backgrounds": 6.4.0-alpha.14 + "@storybook/addon-controls": 6.4.0-alpha.14 + "@storybook/addon-links": 6.4.0-alpha.14 + "@storybook/node-logger": 6.4.0-alpha.14 + "@storybook/server": 6.4.0-alpha.14 concurrently: ^5.3.0 cors: ^2.8.5 express: ~4.17.1 @@ -39496,8 +39500,8 @@ resolve@1.19.0: version: 0.0.0-use.local resolution: "standalone-preview@workspace:examples/standalone-preview" dependencies: - "@storybook/addon-docs": 6.4.0-alpha.13 - "@storybook/react": 6.4.0-alpha.13 + "@storybook/addon-docs": 6.4.0-alpha.14 + "@storybook/react": 6.4.0-alpha.14 parcel: ^1.12.4 react: 16.14.0 react-dom: 16.14.0 @@ -39624,7 +39628,7 @@ resolve@1.19.0: version: 0.0.0-use.local resolution: "storybook@workspace:lib/cli-storybook" dependencies: - "@storybook/cli": 6.4.0-alpha.13 + "@storybook/cli": 6.4.0-alpha.14 bin: sb: ./index.js storybook: ./index.js @@ -40331,18 +40335,18 @@ resolve@1.19.0: version: 0.0.0-use.local resolution: "svelte-example@workspace:examples/svelte-kitchen-sink" dependencies: - "@storybook/addon-a11y": 6.4.0-alpha.13 - "@storybook/addon-actions": 6.4.0-alpha.13 - "@storybook/addon-backgrounds": 6.4.0-alpha.13 - "@storybook/addon-controls": 6.4.0-alpha.13 - "@storybook/addon-docs": 6.4.0-alpha.13 - "@storybook/addon-links": 6.4.0-alpha.13 - "@storybook/addon-storyshots": 6.4.0-alpha.13 - "@storybook/addon-storysource": 6.4.0-alpha.13 - "@storybook/addon-viewport": 6.4.0-alpha.13 - "@storybook/addons": 6.4.0-alpha.13 - "@storybook/source-loader": 6.4.0-alpha.13 - "@storybook/svelte": 6.4.0-alpha.13 + "@storybook/addon-a11y": 6.4.0-alpha.14 + "@storybook/addon-actions": 6.4.0-alpha.14 + "@storybook/addon-backgrounds": 6.4.0-alpha.14 + "@storybook/addon-controls": 6.4.0-alpha.14 + "@storybook/addon-docs": 6.4.0-alpha.14 + "@storybook/addon-links": 6.4.0-alpha.14 + "@storybook/addon-storyshots": 6.4.0-alpha.14 + "@storybook/addon-storysource": 6.4.0-alpha.14 + "@storybook/addon-viewport": 6.4.0-alpha.14 + "@storybook/addons": 6.4.0-alpha.14 + "@storybook/source-loader": 6.4.0-alpha.14 + "@storybook/svelte": 6.4.0-alpha.14 global: ^4.4.0 svelte-jester: 1.3.0 svelte-preprocess: 4.6.8 @@ -43158,11 +43162,11 @@ typescript@2.9.1: resolution: "vue-3-cli-example@workspace:examples/vue-3-cli" dependencies: "@babel/core": ^7.12.10 - "@storybook/addon-actions": 6.4.0-alpha.13 - "@storybook/addon-essentials": 6.4.0-alpha.13 - "@storybook/addon-links": 6.4.0-alpha.13 - "@storybook/addon-storyshots": 6.4.0-alpha.13 - "@storybook/vue3": 6.4.0-alpha.13 + "@storybook/addon-actions": 6.4.0-alpha.14 + "@storybook/addon-essentials": 6.4.0-alpha.14 + "@storybook/addon-links": 6.4.0-alpha.14 + "@storybook/addon-storyshots": 6.4.0-alpha.14 + "@storybook/vue3": 6.4.0-alpha.14 "@vue/cli-plugin-babel": ~4.5.0 "@vue/cli-plugin-typescript": ~4.5.0 "@vue/cli-service": ~4.5.0 @@ -43189,11 +43193,11 @@ typescript@2.9.1: version: 0.0.0-use.local resolution: "vue-cli-example@workspace:examples/vue-cli" dependencies: - "@storybook/addon-controls": 6.4.0-alpha.13 - "@storybook/addon-essentials": 6.4.0-alpha.13 + "@storybook/addon-controls": 6.4.0-alpha.14 + "@storybook/addon-essentials": 6.4.0-alpha.14 "@storybook/preset-scss": ^1.0.3 - "@storybook/source-loader": 6.4.0-alpha.13 - "@storybook/vue": 6.4.0-alpha.13 + "@storybook/source-loader": 6.4.0-alpha.14 + "@storybook/vue": 6.4.0-alpha.14 "@vue/cli-plugin-babel": ~4.3.1 "@vue/cli-plugin-typescript": ~4.3.1 "@vue/cli-service": ~4.3.1 @@ -43245,18 +43249,18 @@ typescript@2.9.1: resolution: "vue-example@workspace:examples/vue-kitchen-sink" dependencies: "@babel/core": ^7.12.10 - "@storybook/addon-a11y": 6.4.0-alpha.13 - "@storybook/addon-actions": 6.4.0-alpha.13 - "@storybook/addon-backgrounds": 6.4.0-alpha.13 - "@storybook/addon-controls": 6.4.0-alpha.13 - "@storybook/addon-docs": 6.4.0-alpha.13 - "@storybook/addon-links": 6.4.0-alpha.13 - "@storybook/addon-storyshots": 6.4.0-alpha.13 - "@storybook/addon-storysource": 6.4.0-alpha.13 - "@storybook/addon-viewport": 6.4.0-alpha.13 - "@storybook/addons": 6.4.0-alpha.13 - "@storybook/source-loader": 6.4.0-alpha.13 - "@storybook/vue": 6.4.0-alpha.13 + "@storybook/addon-a11y": 6.4.0-alpha.14 + "@storybook/addon-actions": 6.4.0-alpha.14 + "@storybook/addon-backgrounds": 6.4.0-alpha.14 + "@storybook/addon-controls": 6.4.0-alpha.14 + "@storybook/addon-docs": 6.4.0-alpha.14 + "@storybook/addon-links": 6.4.0-alpha.14 + "@storybook/addon-storyshots": 6.4.0-alpha.14 + "@storybook/addon-storysource": 6.4.0-alpha.14 + "@storybook/addon-viewport": 6.4.0-alpha.14 + "@storybook/addons": 6.4.0-alpha.14 + "@storybook/source-loader": 6.4.0-alpha.14 + "@storybook/vue": 6.4.0-alpha.14 "@vue/babel-preset-jsx": ^1.2.4 babel-loader: ^8.2.2 cross-env: ^7.0.3