From 674c98bd414ea8bcf50813657be09530c1050264 Mon Sep 17 00:00:00 2001 From: thepassle Date: Fri, 4 Jun 2021 13:58:42 +0200 Subject: [PATCH 01/12] feat: support Custom Elements Manifest v1 --- .../web-components/custom-elements.ts | 46 +++++++++++++++++-- .../src/client/customElements.ts | 12 ++++- 2 files changed, 53 insertions(+), 5 deletions(-) diff --git a/addons/docs/src/frameworks/web-components/custom-elements.ts b/addons/docs/src/frameworks/web-components/custom-elements.ts index b311dd0d1606..7e6fd49ee1f1 100644 --- a/addons/docs/src/frameworks/web-components/custom-elements.ts +++ b/addons/docs/src/frameworks/web-components/custom-elements.ts @@ -4,7 +4,7 @@ import { logger } from '@storybook/client-logger'; interface TagItem { name: string; - type: string; + type: { text: string }; description: string; default?: any; defaultValue?: any; @@ -24,8 +24,17 @@ interface Tag { interface CustomElements { tags: Tag[]; + modules?: [] } +interface Module { + declarations?: [], + exports?: [], +} + +interface Declaration { + name: string; +} interface Sections { attributes?: any; properties?: any; @@ -47,7 +56,7 @@ function mapData(data: TagItem[], category: string) { type, table: { category, - type: { summary: item.type }, + type: { summary: item.type.text }, defaultValue: { summary: item.default !== undefined ? item.default : item.defaultValue }, }, }; @@ -56,7 +65,7 @@ function mapData(data: TagItem[], category: string) { ); } -const getMetaData = (tagName: string, customElements: CustomElements) => { +const getMetaDataExperimental = (tagName: string, customElements: CustomElements) => { if (!isValidComponent(tagName) || !isValidMetaData(customElements)) { return null; } @@ -69,6 +78,26 @@ const getMetaData = (tagName: string, customElements: CustomElements) => { return metaData; }; +const getMetaDataV1 = (tagName: string, customElements: CustomElements) => { + if (!isValidComponent(tagName) || !isValidMetaData(customElements)) { + return null; + } + + let metadata; + customElements?.modules?.forEach((_module: Module) => { + _module?.declarations?.forEach((declaration: Declaration) => { + if(declaration.name === tagName) { + metadata = declaration; + } + }); + }); + + if (!metadata) { + logger.warn(`Component not found in custom-elements.json: ${tagName}`); + } + return metadata; +} + export const extractArgTypesFromElements = (tagName: string, customElements: CustomElements) => { const metaData = getMetaData(tagName, customElements); return ( @@ -84,11 +113,20 @@ export const extractArgTypesFromElements = (tagName: string, customElements: Cus ); }; +const getMetaData = (tagName: string, manifest: any) => { + if(manifest.version === 'experimental') { + return getMetaDataExperimental(tagName, manifest); + } + return getMetaDataV1(tagName, manifest); +} + export const extractArgTypes = (tagName: string) => { - return extractArgTypesFromElements(tagName, getCustomElements()); + const cem = getCustomElements(); + return extractArgTypesFromElements(tagName, cem); }; export const extractComponentDescription = (tagName: string) => { const metaData = getMetaData(tagName, getCustomElements()); return metaData && metaData.description; }; + diff --git a/app/web-components/src/client/customElements.ts b/app/web-components/src/client/customElements.ts index 06ebc9b7859f..3a549b359680 100644 --- a/app/web-components/src/client/customElements.ts +++ b/app/web-components/src/client/customElements.ts @@ -30,7 +30,17 @@ export function setCustomElements(customElements: any) { window.__STORYBOOK_CUSTOM_ELEMENTS__ = customElements; } +/** + * @param customElements any for now as spec is not super stable yet + */ +export function setCustomElementsManifest(customElements: any) { + // @ts-ignore + window.__STORYBOOK_CUSTOM_ELEMENTS_MANIFEST__ = customElements; +} +​ export function getCustomElements() { // @ts-ignore - return window.__STORYBOOK_CUSTOM_ELEMENTS__; + return window.__STORYBOOK_CUSTOM_ELEMENTS__ || window.__STORYBOOK_CUSTOM_ELEMENTS_MANIFEST__; } +​ + From 11e04da4726201d01107fa18041b35d7bea3501c Mon Sep 17 00:00:00 2001 From: thepassle Date: Thu, 17 Jun 2021 15:18:00 +0200 Subject: [PATCH 02/12] chore: cleanup/fixes --- .../web-components/custom-elements.ts | 28 +++-- .../src/client/customElements.ts | 13 +- .../.storybook/preview.js | 25 +++- .../custom-elements-v1.json | 117 ++++++++++++++++++ 4 files changed, 162 insertions(+), 21 deletions(-) create mode 100644 examples/web-components-kitchen-sink/custom-elements-v1.json diff --git a/addons/docs/src/frameworks/web-components/custom-elements.ts b/addons/docs/src/frameworks/web-components/custom-elements.ts index 7e6fd49ee1f1..40f5277aa95c 100644 --- a/addons/docs/src/frameworks/web-components/custom-elements.ts +++ b/addons/docs/src/frameworks/web-components/custom-elements.ts @@ -7,6 +7,7 @@ interface TagItem { type: { text: string }; description: string; default?: any; + kind?: string; defaultValue?: any; } @@ -17,6 +18,7 @@ interface Tag { properties?: TagItem[]; events?: TagItem[]; methods?: TagItem[]; + members?: TagItem[]; slots?: TagItem[]; cssProperties?: TagItem[]; cssParts?: TagItem[]; @@ -24,16 +26,16 @@ interface Tag { interface CustomElements { tags: Tag[]; - modules?: [] + modules?: []; } interface Module { - declarations?: [], - exports?: [], + declarations?: []; + exports?: []; } interface Declaration { - name: string; + tagName: string; } interface Sections { attributes?: any; @@ -48,7 +50,10 @@ function mapData(data: TagItem[], category: string) { return ( data && data.reduce((acc, item) => { - const type = category === 'properties' ? { name: item.type } : { name: 'void' }; + if (item?.kind === 'method') return acc; + + const type = + category === 'properties' ? { name: item?.type?.text || item.type } : { name: 'void' }; acc[item.name] = { name: item.name, required: false, @@ -56,7 +61,7 @@ function mapData(data: TagItem[], category: string) { type, table: { category, - type: { summary: item.type.text }, + type: { summary: item?.type?.text || item.type }, defaultValue: { summary: item.default !== undefined ? item.default : item.defaultValue }, }, }; @@ -86,7 +91,7 @@ const getMetaDataV1 = (tagName: string, customElements: CustomElements) => { let metadata; customElements?.modules?.forEach((_module: Module) => { _module?.declarations?.forEach((declaration: Declaration) => { - if(declaration.name === tagName) { + if (declaration.tagName === tagName) { metadata = declaration; } }); @@ -96,16 +101,16 @@ const getMetaDataV1 = (tagName: string, customElements: CustomElements) => { logger.warn(`Component not found in custom-elements.json: ${tagName}`); } return metadata; -} +}; export const extractArgTypesFromElements = (tagName: string, customElements: CustomElements) => { const metaData = getMetaData(tagName, customElements); return ( metaData && { ...mapData(metaData.attributes, 'attributes'), + ...mapData(metaData.members, 'properties'), ...mapData(metaData.properties, 'properties'), ...mapData(metaData.events, 'events'), - ...mapData(metaData.methods, 'methods'), ...mapData(metaData.slots, 'slots'), ...mapData(metaData.cssProperties, 'css custom properties'), ...mapData(metaData.cssParts, 'css shadow parts'), @@ -114,11 +119,11 @@ export const extractArgTypesFromElements = (tagName: string, customElements: Cus }; const getMetaData = (tagName: string, manifest: any) => { - if(manifest.version === 'experimental') { + if (manifest.version === 'experimental') { return getMetaDataExperimental(tagName, manifest); } return getMetaDataV1(tagName, manifest); -} +}; export const extractArgTypes = (tagName: string) => { const cem = getCustomElements(); @@ -129,4 +134,3 @@ export const extractComponentDescription = (tagName: string) => { const metaData = getMetaData(tagName, getCustomElements()); return metaData && metaData.description; }; - diff --git a/app/web-components/src/client/customElements.ts b/app/web-components/src/client/customElements.ts index 3a549b359680..a72b94cbcef2 100644 --- a/app/web-components/src/client/customElements.ts +++ b/app/web-components/src/client/customElements.ts @@ -15,7 +15,11 @@ export function isValidMetaData(customElements: any) { if (!customElements) { return false; } - if (customElements.tags && Array.isArray(customElements.tags)) { + + if ( + (customElements.tags && Array.isArray(customElements.tags)) || + (customElements.modules && Array.isArray(customElements.modules)) + ) { return true; } throw new Error(`You need to setup valid meta data in your config.js via setCustomElements(). @@ -30,17 +34,12 @@ export function setCustomElements(customElements: any) { window.__STORYBOOK_CUSTOM_ELEMENTS__ = customElements; } -/** - * @param customElements any for now as spec is not super stable yet - */ export function setCustomElementsManifest(customElements: any) { // @ts-ignore window.__STORYBOOK_CUSTOM_ELEMENTS_MANIFEST__ = customElements; } -​ + export function getCustomElements() { // @ts-ignore return window.__STORYBOOK_CUSTOM_ELEMENTS__ || window.__STORYBOOK_CUSTOM_ELEMENTS_MANIFEST__; } -​ - diff --git a/examples/web-components-kitchen-sink/.storybook/preview.js b/examples/web-components-kitchen-sink/.storybook/preview.js index 85bf6e78544f..ba9de8dce8ee 100644 --- a/examples/web-components-kitchen-sink/.storybook/preview.js +++ b/examples/web-components-kitchen-sink/.storybook/preview.js @@ -1,10 +1,31 @@ +/* eslint-disable */ /* global window */ -import { addParameters, setCustomElements } from '@storybook/web-components'; +import { + addParameters, + + // setCustomElementsManifest, + // ☝️☝️☝️☝️☝️☝️ + // @TODO: cant import this function for some reason after running `yarn bootstrap --core` + setCustomElements, +} from '@storybook/web-components'; import customElements from '../custom-elements.json'; +import customElementsV1 from '../custom-elements-v1.json'; + +/** + * @TODO: Need to remove this, but had to use it to test, because I cant seem to import the function + */ +// eslint-disable-next-line +function setCustomElementsManifest(customElements) { + // eslint-disable-next-line + // @ts-ignore + window.__STORYBOOK_CUSTOM_ELEMENTS_MANIFEST__ = customElements; +} -setCustomElements(customElements); +setCustomElementsManifest(customElementsV1); +// setCustomElements(customElements); + addParameters({ a11y: { diff --git a/examples/web-components-kitchen-sink/custom-elements-v1.json b/examples/web-components-kitchen-sink/custom-elements-v1.json new file mode 100644 index 000000000000..9b118687c0e4 --- /dev/null +++ b/examples/web-components-kitchen-sink/custom-elements-v1.json @@ -0,0 +1,117 @@ +{ + "schemaVersion": "1.0.0", + "readme": "", + "modules": [ + { + "kind": "javascript-module", + "path": "fixtures/-default/package/bar.js", + "declarations": [ + { + "kind": "class", + "description": "This is a container looking like a card with a back and front side you can switch", + "name": "DemoWcCard", + "cssProperties": [ + { + "description": "- Header font size", + "name": "--demo-wc-card-header-font-size" + }, + { + "description": "- Font color for front", + "name": "--demo-wc-card-front-color" + }, + { + "description": "- Font color for back", + "name": "--demo-wc-card-back-color" + } + ], + "cssParts": [ + { + "description": "- Front of the card", + "name": "front" + }, + { + "description": "- Back of the card", + "name": "back" + } + ], + "slots": [ + { + "description": "This is an unnamed slot (the default slot)", + "name": "-" + } + ], + "members": [ + { + "kind": "method", + "name": "toggle" + }, + { + "kind": "field", + "name": "backSide", + "privacy": "public", + "description": "Indicates that the back of the card is shown", + "type": { + "text": "boolean" + }, + "default": "false" + }, + { + "kind": "field", + "name": "header", + "privacy": "public", + "description": "Header message", + "type": { + "text": "string" + }, + "default": "'Your Message'" + }, + { + "kind": "field", + "name": "rows", + "privacy": "public", + "description": "Data rows" + } + ], + "events": [ + { + "name": "side-changed", + "type": { + "text": "CustomEvent" + }, + "description": "- Fires whenever it switches between front/back" + } + ], + "attributes": [ + { + "name": "back-side", + "fieldName": "backSide" + }, + { + "name": "header", + "fieldName": "header" + }, + { + "name": "rows", + "fieldName": "rows" + } + ], + "superclass": { + "name": "LitElement" + }, + "customElement": true, + "tagName": "demo-wc-card" + } + ], + "exports": [ + { + "kind": "custom-element-definition", + "name": "demo-wc-card", + "declaration": { + "name": "DemoWcCard", + "module": "fixtures/-default/package/bar.js" + } + } + ] + } + ] +} \ No newline at end of file From c711fefaeca374f24f7d98f50cc4a9ab7fa34369 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Ga=C3=ABtan=20Maisse?= Date: Fri, 18 Jun 2021 08:28:09 +0200 Subject: [PATCH 03/12] chore: update yarn.lock --- yarn.lock | 856 +++++++++++++++++++++++++++--------------------------- 1 file changed, 428 insertions(+), 428 deletions(-) diff --git a/yarn.lock b/yarn.lock index 034582714ce6..62ac5019e6c5 100644 --- a/yarn.lock +++ b/yarn.lock @@ -5526,18 +5526,18 @@ __metadata: languageName: node linkType: hard -"@storybook/addon-a11y@6.3.0-rc.10, @storybook/addon-a11y@workspace:*, @storybook/addon-a11y@workspace:addons/a11y": +"@storybook/addon-a11y@6.3.0-rc.11, @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.3.0-rc.10 - "@storybook/api": 6.3.0-rc.10 - "@storybook/channels": 6.3.0-rc.10 - "@storybook/client-api": 6.3.0-rc.10 - "@storybook/client-logger": 6.3.0-rc.10 - "@storybook/components": 6.3.0-rc.10 - "@storybook/core-events": 6.3.0-rc.10 - "@storybook/theming": 6.3.0-rc.10 + "@storybook/addons": 6.3.0-rc.11 + "@storybook/api": 6.3.0-rc.11 + "@storybook/channels": 6.3.0-rc.11 + "@storybook/client-api": 6.3.0-rc.11 + "@storybook/client-logger": 6.3.0-rc.11 + "@storybook/components": 6.3.0-rc.11 + "@storybook/core-events": 6.3.0-rc.11 + "@storybook/theming": 6.3.0-rc.11 "@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.3.0-rc.10, @storybook/addon-actions@workspace:*, @storybook/addon-actions@workspace:addons/actions": +"@storybook/addon-actions@6.3.0-rc.11, @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.3.0-rc.10 - "@storybook/api": 6.3.0-rc.10 - "@storybook/client-api": 6.3.0-rc.10 - "@storybook/components": 6.3.0-rc.10 - "@storybook/core-events": 6.3.0-rc.10 - "@storybook/theming": 6.3.0-rc.10 + "@storybook/addons": 6.3.0-rc.11 + "@storybook/api": 6.3.0-rc.11 + "@storybook/client-api": 6.3.0-rc.11 + "@storybook/components": 6.3.0-rc.11 + "@storybook/core-events": 6.3.0-rc.11 + "@storybook/theming": 6.3.0-rc.11 "@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.3.0-rc.10, @storybook/addon-backgrounds@workspace:*, @storybook/addon-backgrounds@workspace:addons/backgrounds": +"@storybook/addon-backgrounds@6.3.0-rc.11, @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.3.0-rc.10 - "@storybook/api": 6.3.0-rc.10 - "@storybook/client-logger": 6.3.0-rc.10 - "@storybook/components": 6.3.0-rc.10 - "@storybook/core-events": 6.3.0-rc.10 - "@storybook/theming": 6.3.0-rc.10 + "@storybook/addons": 6.3.0-rc.11 + "@storybook/api": 6.3.0-rc.11 + "@storybook/client-logger": 6.3.0-rc.11 + "@storybook/components": 6.3.0-rc.11 + "@storybook/core-events": 6.3.0-rc.11 + "@storybook/theming": 6.3.0-rc.11 "@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.3.0-rc.10, @storybook/addon-controls@workspace:*, @storybook/addon-controls@workspace:addons/controls": +"@storybook/addon-controls@6.3.0-rc.11, @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.3.0-rc.10 - "@storybook/api": 6.3.0-rc.10 - "@storybook/client-api": 6.3.0-rc.10 - "@storybook/components": 6.3.0-rc.10 - "@storybook/node-logger": 6.3.0-rc.10 - "@storybook/theming": 6.3.0-rc.10 + "@storybook/addons": 6.3.0-rc.11 + "@storybook/api": 6.3.0-rc.11 + "@storybook/client-api": 6.3.0-rc.11 + "@storybook/components": 6.3.0-rc.11 + "@storybook/node-logger": 6.3.0-rc.11 + "@storybook/theming": 6.3.0-rc.11 core-js: ^3.8.2 ts-dedent: ^2.0.0 peerDependencies: @@ -5644,7 +5644,7 @@ __metadata: languageName: unknown linkType: soft -"@storybook/addon-docs@6.3.0-rc.10, @storybook/addon-docs@workspace:*, @storybook/addon-docs@workspace:addons/docs": +"@storybook/addon-docs@6.3.0-rc.11, @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.3.0-rc.10 - "@storybook/angular": 6.3.0-rc.10 - "@storybook/api": 6.3.0-rc.10 - "@storybook/builder-webpack4": 6.3.0-rc.10 - "@storybook/client-api": 6.3.0-rc.10 - "@storybook/client-logger": 6.3.0-rc.10 - "@storybook/components": 6.3.0-rc.10 - "@storybook/core": 6.3.0-rc.10 - "@storybook/core-events": 6.3.0-rc.10 + "@storybook/addons": 6.3.0-rc.11 + "@storybook/angular": 6.3.0-rc.11 + "@storybook/api": 6.3.0-rc.11 + "@storybook/builder-webpack4": 6.3.0-rc.11 + "@storybook/client-api": 6.3.0-rc.11 + "@storybook/client-logger": 6.3.0-rc.11 + "@storybook/components": 6.3.0-rc.11 + "@storybook/core": 6.3.0-rc.11 + "@storybook/core-events": 6.3.0-rc.11 "@storybook/csf": 0.0.1 - "@storybook/csf-tools": 6.3.0-rc.10 - "@storybook/node-logger": 6.3.0-rc.10 - "@storybook/postinstall": 6.3.0-rc.10 - "@storybook/react": 6.3.0-rc.10 - "@storybook/source-loader": 6.3.0-rc.10 - "@storybook/theming": 6.3.0-rc.10 - "@storybook/vue": 6.3.0-rc.10 - "@storybook/web-components": 6.3.0-rc.10 + "@storybook/csf-tools": 6.3.0-rc.11 + "@storybook/node-logger": 6.3.0-rc.11 + "@storybook/postinstall": 6.3.0-rc.11 + "@storybook/react": 6.3.0-rc.11 + "@storybook/source-loader": 6.3.0-rc.11 + "@storybook/theming": 6.3.0-rc.11 + "@storybook/vue": 6.3.0-rc.11 + "@storybook/web-components": 6.3.0-rc.11 "@types/cross-spawn": ^6.0.2 "@types/doctrine": ^0.0.3 "@types/enzyme": ^3.10.8 @@ -5727,10 +5727,10 @@ __metadata: webpack: 4 zone.js: ^0.11.3 peerDependencies: - "@storybook/angular": 6.3.0-rc.10 - "@storybook/vue": 6.3.0-rc.10 - "@storybook/vue3": 6.3.0-rc.10 - "@storybook/web-components": 6.3.0-rc.10 + "@storybook/angular": 6.3.0-rc.11 + "@storybook/vue": 6.3.0-rc.11 + "@storybook/vue3": 6.3.0-rc.11 + "@storybook/web-components": 6.3.0-rc.11 lit: ^2.0.0-rc.1 lit-html: ^1.4.1 || ^2.0.0-rc.3 react: ^16.8.0 || ^17.0.0 @@ -5767,22 +5767,22 @@ __metadata: languageName: unknown linkType: soft -"@storybook/addon-essentials@6.3.0-rc.10, @storybook/addon-essentials@workspace:*, @storybook/addon-essentials@workspace:addons/essentials": +"@storybook/addon-essentials@6.3.0-rc.11, @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.3.0-rc.10 - "@storybook/addon-backgrounds": 6.3.0-rc.10 - "@storybook/addon-controls": 6.3.0-rc.10 - "@storybook/addon-docs": 6.3.0-rc.10 + "@storybook/addon-actions": 6.3.0-rc.11 + "@storybook/addon-backgrounds": 6.3.0-rc.11 + "@storybook/addon-controls": 6.3.0-rc.11 + "@storybook/addon-docs": 6.3.0-rc.11 "@storybook/addon-measure": ^1.2.3 - "@storybook/addon-toolbars": 6.3.0-rc.10 - "@storybook/addon-viewport": 6.3.0-rc.10 - "@storybook/addons": 6.3.0-rc.10 - "@storybook/api": 6.3.0-rc.10 - "@storybook/node-logger": 6.3.0-rc.10 - "@storybook/vue": 6.3.0-rc.10 + "@storybook/addon-toolbars": 6.3.0-rc.11 + "@storybook/addon-viewport": 6.3.0-rc.11 + "@storybook/addons": 6.3.0-rc.11 + "@storybook/api": 6.3.0-rc.11 + "@storybook/node-logger": 6.3.0-rc.11 + "@storybook/vue": 6.3.0-rc.11 "@types/jest": ^26.0.16 "@types/webpack-env": ^1.16.0 core-js: ^3.8.2 @@ -5791,8 +5791,8 @@ __metadata: ts-dedent: ^2.0.0 peerDependencies: "@babel/core": ^7.9.6 - "@storybook/vue": 6.3.0-rc.10 - "@storybook/web-components": 6.3.0-rc.10 + "@storybook/vue": 6.3.0-rc.11 + "@storybook/web-components": 6.3.0-rc.11 babel-loader: ^8.0.0 lit-html: ^1.4.1 || ^2.0.0-rc.3 react: ^16.8.0 || ^17.0.0 @@ -5814,15 +5814,15 @@ __metadata: languageName: unknown linkType: soft -"@storybook/addon-jest@6.3.0-rc.10, @storybook/addon-jest@workspace:*, @storybook/addon-jest@workspace:addons/jest": +"@storybook/addon-jest@6.3.0-rc.11, @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.3.0-rc.10 - "@storybook/api": 6.3.0-rc.10 - "@storybook/components": 6.3.0-rc.10 - "@storybook/core-events": 6.3.0-rc.10 - "@storybook/theming": 6.3.0-rc.10 + "@storybook/addons": 6.3.0-rc.11 + "@storybook/api": 6.3.0-rc.11 + "@storybook/components": 6.3.0-rc.11 + "@storybook/core-events": 6.3.0-rc.11 + "@storybook/theming": 6.3.0-rc.11 "@types/webpack-env": ^1.16.0 core-js: ^3.8.2 global: ^4.4.0 @@ -5840,15 +5840,15 @@ __metadata: languageName: unknown linkType: soft -"@storybook/addon-links@6.3.0-rc.10, @storybook/addon-links@workspace:*, @storybook/addon-links@workspace:addons/links": +"@storybook/addon-links@6.3.0-rc.11, @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.3.0-rc.10 - "@storybook/client-logger": 6.3.0-rc.10 - "@storybook/core-events": 6.3.0-rc.10 + "@storybook/addons": 6.3.0-rc.11 + "@storybook/client-logger": 6.3.0-rc.11 + "@storybook/core-events": 6.3.0-rc.11 "@storybook/csf": 0.0.1 - "@storybook/router": 6.3.0-rc.10 + "@storybook/router": 6.3.0-rc.11 "@types/qs": ^6.9.5 "@types/webpack-env": ^1.16.0 core-js: ^3.8.2 @@ -5901,20 +5901,20 @@ __metadata: languageName: node linkType: hard -"@storybook/addon-storyshots-puppeteer@6.3.0-rc.10, @storybook/addon-storyshots-puppeteer@workspace:*, @storybook/addon-storyshots-puppeteer@workspace:addons/storyshots/storyshots-puppeteer": +"@storybook/addon-storyshots-puppeteer@6.3.0-rc.11, @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.3.0-rc.10 + "@storybook/node-logger": 6.3.0-rc.11 "@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.3.0-rc.10 + "@storybook/addon-storyshots": 6.3.0-rc.11 puppeteer: ^2.0.0 || ^3.0.0 peerDependenciesMeta: puppeteer: @@ -5922,22 +5922,22 @@ __metadata: languageName: unknown linkType: soft -"@storybook/addon-storyshots@6.3.0-rc.10, @storybook/addon-storyshots@workspace:*, @storybook/addon-storyshots@workspace:addons/storyshots/storyshots-core": +"@storybook/addon-storyshots@6.3.0-rc.11, @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.3.0-rc.10 - "@storybook/addons": 6.3.0-rc.10 - "@storybook/angular": 6.3.0-rc.10 - "@storybook/client-api": 6.3.0-rc.10 - "@storybook/core": 6.3.0-rc.10 - "@storybook/core-common": 6.3.0-rc.10 - "@storybook/react": 6.3.0-rc.10 - "@storybook/vue": 6.3.0-rc.10 - "@storybook/vue3": 6.3.0-rc.10 + "@storybook/addon-docs": 6.3.0-rc.11 + "@storybook/addons": 6.3.0-rc.11 + "@storybook/angular": 6.3.0-rc.11 + "@storybook/client-api": 6.3.0-rc.11 + "@storybook/core": 6.3.0-rc.11 + "@storybook/core-common": 6.3.0-rc.11 + "@storybook/react": 6.3.0-rc.11 + "@storybook/vue": 6.3.0-rc.11 + "@storybook/vue3": 6.3.0-rc.11 "@types/glob": ^7.1.3 "@types/jest": ^26.0.16 "@types/jest-specific-snapshot": ^0.5.3 @@ -6011,17 +6011,17 @@ __metadata: languageName: unknown linkType: soft -"@storybook/addon-storysource@6.3.0-rc.10, @storybook/addon-storysource@workspace:*, @storybook/addon-storysource@workspace:addons/storysource": +"@storybook/addon-storysource@6.3.0-rc.11, @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.3.0-rc.10 - "@storybook/api": 6.3.0-rc.10 - "@storybook/client-logger": 6.3.0-rc.10 - "@storybook/components": 6.3.0-rc.10 - "@storybook/router": 6.3.0-rc.10 - "@storybook/source-loader": 6.3.0-rc.10 - "@storybook/theming": 6.3.0-rc.10 + "@storybook/addons": 6.3.0-rc.11 + "@storybook/api": 6.3.0-rc.11 + "@storybook/client-logger": 6.3.0-rc.11 + "@storybook/components": 6.3.0-rc.11 + "@storybook/router": 6.3.0-rc.11 + "@storybook/source-loader": 6.3.0-rc.11 + "@storybook/theming": 6.3.0-rc.11 "@types/react": ^16.14.2 "@types/react-syntax-highlighter": ^11.0.5 core-js: ^3.8.2 @@ -6042,15 +6042,15 @@ __metadata: languageName: unknown linkType: soft -"@storybook/addon-toolbars@6.3.0-rc.10, @storybook/addon-toolbars@workspace:*, @storybook/addon-toolbars@workspace:addons/toolbars": +"@storybook/addon-toolbars@6.3.0-rc.11, @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.3.0-rc.10 - "@storybook/api": 6.3.0-rc.10 - "@storybook/client-api": 6.3.0-rc.10 - "@storybook/components": 6.3.0-rc.10 - "@storybook/theming": 6.3.0-rc.10 + "@storybook/addons": 6.3.0-rc.11 + "@storybook/api": 6.3.0-rc.11 + "@storybook/client-api": 6.3.0-rc.11 + "@storybook/components": 6.3.0-rc.11 + "@storybook/theming": 6.3.0-rc.11 core-js: ^3.8.2 peerDependencies: react: ^16.8.0 || ^17.0.0 @@ -6063,16 +6063,16 @@ __metadata: languageName: unknown linkType: soft -"@storybook/addon-viewport@6.3.0-rc.10, @storybook/addon-viewport@workspace:*, @storybook/addon-viewport@workspace:addons/viewport": +"@storybook/addon-viewport@6.3.0-rc.11, @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.3.0-rc.10 - "@storybook/api": 6.3.0-rc.10 - "@storybook/client-logger": 6.3.0-rc.10 - "@storybook/components": 6.3.0-rc.10 - "@storybook/core-events": 6.3.0-rc.10 - "@storybook/theming": 6.3.0-rc.10 + "@storybook/addons": 6.3.0-rc.11 + "@storybook/api": 6.3.0-rc.11 + "@storybook/client-logger": 6.3.0-rc.11 + "@storybook/components": 6.3.0-rc.11 + "@storybook/core-events": 6.3.0-rc.11 + "@storybook/theming": 6.3.0-rc.11 core-js: ^3.8.2 global: ^4.4.0 memoizerific: ^1.11.3 @@ -6089,16 +6089,16 @@ __metadata: languageName: unknown linkType: soft -"@storybook/addons@6.3.0-rc.10, @storybook/addons@^6.3.0-beta.6, @storybook/addons@workspace:*, @storybook/addons@workspace:lib/addons": +"@storybook/addons@6.3.0-rc.11, @storybook/addons@^6.3.0-beta.6, @storybook/addons@workspace:*, @storybook/addons@workspace:lib/addons": version: 0.0.0-use.local resolution: "@storybook/addons@workspace:lib/addons" dependencies: - "@storybook/api": 6.3.0-rc.10 - "@storybook/channels": 6.3.0-rc.10 - "@storybook/client-logger": 6.3.0-rc.10 - "@storybook/core-events": 6.3.0-rc.10 - "@storybook/router": 6.3.0-rc.10 - "@storybook/theming": 6.3.0-rc.10 + "@storybook/api": 6.3.0-rc.11 + "@storybook/channels": 6.3.0-rc.11 + "@storybook/client-logger": 6.3.0-rc.11 + "@storybook/core-events": 6.3.0-rc.11 + "@storybook/router": 6.3.0-rc.11 + "@storybook/theming": 6.3.0-rc.11 core-js: ^3.8.2 global: ^4.4.0 regenerator-runtime: ^0.13.7 @@ -6108,7 +6108,7 @@ __metadata: languageName: unknown linkType: soft -"@storybook/angular@6.3.0-rc.10, @storybook/angular@workspace:*, @storybook/angular@workspace:app/angular": +"@storybook/angular@6.3.0-rc.11, @storybook/angular@workspace:*, @storybook/angular@workspace:app/angular": version: 0.0.0-use.local resolution: "@storybook/angular@workspace:app/angular" dependencies: @@ -6124,12 +6124,12 @@ __metadata: "@angular/platform-browser": ^11.2.14 "@angular/platform-browser-dynamic": ^11.2.14 "@nrwl/workspace": ^11.6.3 - "@storybook/addons": 6.3.0-rc.10 - "@storybook/api": 6.3.0-rc.10 - "@storybook/core": 6.3.0-rc.10 - "@storybook/core-common": 6.3.0-rc.10 - "@storybook/core-events": 6.3.0-rc.10 - "@storybook/node-logger": 6.3.0-rc.10 + "@storybook/addons": 6.3.0-rc.11 + "@storybook/api": 6.3.0-rc.11 + "@storybook/core": 6.3.0-rc.11 + "@storybook/core-common": 6.3.0-rc.11 + "@storybook/core-events": 6.3.0-rc.11 + "@storybook/node-logger": 6.3.0-rc.11 "@types/autoprefixer": ^9.7.2 "@types/jest": ^26.0.16 "@types/webpack-env": ^1.16.0 @@ -6187,18 +6187,18 @@ __metadata: languageName: unknown linkType: soft -"@storybook/api@6.3.0-rc.10, @storybook/api@^6.3.0-beta.6, @storybook/api@workspace:*, @storybook/api@workspace:lib/api": +"@storybook/api@6.3.0-rc.11, @storybook/api@^6.3.0-beta.6, @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.3.0-rc.10 - "@storybook/client-logger": 6.3.0-rc.10 - "@storybook/core-events": 6.3.0-rc.10 + "@storybook/channels": 6.3.0-rc.11 + "@storybook/client-logger": 6.3.0-rc.11 + "@storybook/core-events": 6.3.0-rc.11 "@storybook/csf": 0.0.1 - "@storybook/router": 6.3.0-rc.10 + "@storybook/router": 6.3.0-rc.11 "@storybook/semver": ^7.3.2 - "@storybook/theming": 6.3.0-rc.10 + "@storybook/theming": 6.3.0-rc.11 "@types/lodash": ^4.14.167 "@types/reach__router": ^1.3.7 "@types/semver": ^7.3.4 @@ -6221,7 +6221,7 @@ __metadata: languageName: unknown linkType: soft -"@storybook/builder-webpack4@6.3.0-rc.10, @storybook/builder-webpack4@workspace:lib/builder-webpack4": +"@storybook/builder-webpack4@6.3.0-rc.11, @storybook/builder-webpack4@workspace:lib/builder-webpack4": version: 0.0.0-use.local resolution: "@storybook/builder-webpack4@workspace:lib/builder-webpack4" dependencies: @@ -6246,20 +6246,20 @@ __metadata: "@babel/preset-env": ^7.12.11 "@babel/preset-react": ^7.12.10 "@babel/preset-typescript": ^7.12.7 - "@storybook/addons": 6.3.0-rc.10 - "@storybook/api": 6.3.0-rc.10 - "@storybook/channel-postmessage": 6.3.0-rc.10 - "@storybook/channels": 6.3.0-rc.10 - "@storybook/client-api": 6.3.0-rc.10 - "@storybook/client-logger": 6.3.0-rc.10 - "@storybook/components": 6.3.0-rc.10 - "@storybook/core-common": 6.3.0-rc.10 - "@storybook/core-events": 6.3.0-rc.10 - "@storybook/node-logger": 6.3.0-rc.10 - "@storybook/router": 6.3.0-rc.10 + "@storybook/addons": 6.3.0-rc.11 + "@storybook/api": 6.3.0-rc.11 + "@storybook/channel-postmessage": 6.3.0-rc.11 + "@storybook/channels": 6.3.0-rc.11 + "@storybook/client-api": 6.3.0-rc.11 + "@storybook/client-logger": 6.3.0-rc.11 + "@storybook/components": 6.3.0-rc.11 + "@storybook/core-common": 6.3.0-rc.11 + "@storybook/core-events": 6.3.0-rc.11 + "@storybook/node-logger": 6.3.0-rc.11 + "@storybook/router": 6.3.0-rc.11 "@storybook/semver": ^7.3.2 - "@storybook/theming": 6.3.0-rc.10 - "@storybook/ui": 6.3.0-rc.10 + "@storybook/theming": 6.3.0-rc.11 + "@storybook/ui": 6.3.0-rc.11 "@types/case-sensitive-paths-webpack-plugin": ^2.1.4 "@types/dotenv-webpack": ^3.0.0 "@types/node": ^14.0.10 @@ -6311,7 +6311,7 @@ __metadata: languageName: unknown linkType: soft -"@storybook/builder-webpack5@6.3.0-rc.10, @storybook/builder-webpack5@workspace:lib/builder-webpack5": +"@storybook/builder-webpack5@6.3.0-rc.11, @storybook/builder-webpack5@workspace:lib/builder-webpack5": version: 0.0.0-use.local resolution: "@storybook/builder-webpack5@workspace:lib/builder-webpack5" dependencies: @@ -6335,19 +6335,19 @@ __metadata: "@babel/preset-env": ^7.12.11 "@babel/preset-react": ^7.12.10 "@babel/preset-typescript": ^7.12.7 - "@storybook/addons": 6.3.0-rc.10 - "@storybook/api": 6.3.0-rc.10 - "@storybook/channel-postmessage": 6.3.0-rc.10 - "@storybook/channels": 6.3.0-rc.10 - "@storybook/client-api": 6.3.0-rc.10 - "@storybook/client-logger": 6.3.0-rc.10 - "@storybook/components": 6.3.0-rc.10 - "@storybook/core-common": 6.3.0-rc.10 - "@storybook/core-events": 6.3.0-rc.10 - "@storybook/node-logger": 6.3.0-rc.10 - "@storybook/router": 6.3.0-rc.10 + "@storybook/addons": 6.3.0-rc.11 + "@storybook/api": 6.3.0-rc.11 + "@storybook/channel-postmessage": 6.3.0-rc.11 + "@storybook/channels": 6.3.0-rc.11 + "@storybook/client-api": 6.3.0-rc.11 + "@storybook/client-logger": 6.3.0-rc.11 + "@storybook/components": 6.3.0-rc.11 + "@storybook/core-common": 6.3.0-rc.11 + "@storybook/core-events": 6.3.0-rc.11 + "@storybook/node-logger": 6.3.0-rc.11 + "@storybook/router": 6.3.0-rc.11 "@storybook/semver": ^7.3.2 - "@storybook/theming": 6.3.0-rc.10 + "@storybook/theming": 6.3.0-rc.11 "@types/case-sensitive-paths-webpack-plugin": ^2.1.4 "@types/dotenv-webpack": ^5.0.0 "@types/node": ^14.0.10 @@ -6387,13 +6387,13 @@ __metadata: languageName: unknown linkType: soft -"@storybook/channel-postmessage@6.3.0-rc.10, @storybook/channel-postmessage@workspace:*, @storybook/channel-postmessage@workspace:lib/channel-postmessage": +"@storybook/channel-postmessage@6.3.0-rc.11, @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.3.0-rc.10 - "@storybook/client-logger": 6.3.0-rc.10 - "@storybook/core-events": 6.3.0-rc.10 + "@storybook/channels": 6.3.0-rc.11 + "@storybook/client-logger": 6.3.0-rc.11 + "@storybook/core-events": 6.3.0-rc.11 core-js: ^3.8.2 global: ^4.4.0 qs: ^6.10.0 @@ -6405,14 +6405,14 @@ __metadata: version: 0.0.0-use.local resolution: "@storybook/channel-websocket@workspace:lib/channel-websocket" dependencies: - "@storybook/channels": 6.3.0-rc.10 + "@storybook/channels": 6.3.0-rc.11 core-js: ^3.8.2 global: ^4.4.0 telejson: ^5.3.2 languageName: unknown linkType: soft -"@storybook/channels@6.3.0-rc.10, @storybook/channels@workspace:*, @storybook/channels@workspace:lib/channels": +"@storybook/channels@6.3.0-rc.11, @storybook/channels@workspace:*, @storybook/channels@workspace:lib/channels": version: 0.0.0-use.local resolution: "@storybook/channels@workspace:lib/channels" dependencies: @@ -6422,15 +6422,15 @@ __metadata: languageName: unknown linkType: soft -"@storybook/cli@6.3.0-rc.10, @storybook/cli@workspace:*, @storybook/cli@workspace:lib/cli": +"@storybook/cli@6.3.0-rc.11, @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.3.0-rc.10 - "@storybook/codemod": 6.3.0-rc.10 - "@storybook/node-logger": 6.3.0-rc.10 + "@storybook/client-api": 6.3.0-rc.11 + "@storybook/codemod": 6.3.0-rc.11 + "@storybook/node-logger": 6.3.0-rc.11 "@storybook/semver": ^7.3.2 "@types/cross-spawn": ^6.0.2 "@types/prompts": ^2.0.9 @@ -6467,15 +6467,15 @@ __metadata: languageName: unknown linkType: soft -"@storybook/client-api@6.3.0-rc.10, @storybook/client-api@workspace:*, @storybook/client-api@workspace:lib/client-api": +"@storybook/client-api@6.3.0-rc.11, @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.3.0-rc.10 - "@storybook/channel-postmessage": 6.3.0-rc.10 - "@storybook/channels": 6.3.0-rc.10 - "@storybook/client-logger": 6.3.0-rc.10 - "@storybook/core-events": 6.3.0-rc.10 + "@storybook/addons": 6.3.0-rc.11 + "@storybook/channel-postmessage": 6.3.0-rc.11 + "@storybook/channels": 6.3.0-rc.11 + "@storybook/client-logger": 6.3.0-rc.11 + "@storybook/core-events": 6.3.0-rc.11 "@storybook/csf": 0.0.1 "@types/qs": ^6.9.5 "@types/webpack-env": ^1.16.0 @@ -6495,7 +6495,7 @@ __metadata: languageName: unknown linkType: soft -"@storybook/client-logger@6.3.0-rc.10, @storybook/client-logger@workspace:*, @storybook/client-logger@workspace:lib/client-logger": +"@storybook/client-logger@6.3.0-rc.11, @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: @@ -6504,15 +6504,15 @@ __metadata: languageName: unknown linkType: soft -"@storybook/codemod@6.3.0-rc.10, @storybook/codemod@workspace:*, @storybook/codemod@workspace:lib/codemod": +"@storybook/codemod@6.3.0-rc.11, @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.3.0-rc.10 - "@storybook/node-logger": 6.3.0-rc.10 + "@storybook/csf-tools": 6.3.0-rc.11 + "@storybook/node-logger": 6.3.0-rc.11 core-js: ^3.8.2 cross-spawn: ^7.0.3 globby: ^11.0.2 @@ -6526,14 +6526,14 @@ __metadata: languageName: unknown linkType: soft -"@storybook/components@6.3.0-rc.10, @storybook/components@^6.3.0-beta.6, @storybook/components@workspace:*, @storybook/components@workspace:lib/components": +"@storybook/components@6.3.0-rc.11, @storybook/components@^6.3.0-beta.6, @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.3.0-rc.10 + "@storybook/client-logger": 6.3.0-rc.11 "@storybook/csf": 0.0.1 - "@storybook/theming": 6.3.0-rc.10 + "@storybook/theming": 6.3.0-rc.11 "@types/color-convert": ^2.0.0 "@types/overlayscrollbars": ^1.12.0 "@types/react-syntax-highlighter": 11.0.5 @@ -6562,17 +6562,17 @@ __metadata: languageName: unknown linkType: soft -"@storybook/core-client@6.3.0-rc.10, @storybook/core-client@workspace:lib/core-client": +"@storybook/core-client@6.3.0-rc.11, @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.3.0-rc.10 - "@storybook/channel-postmessage": 6.3.0-rc.10 - "@storybook/client-api": 6.3.0-rc.10 - "@storybook/client-logger": 6.3.0-rc.10 - "@storybook/core-events": 6.3.0-rc.10 + "@storybook/addons": 6.3.0-rc.11 + "@storybook/channel-postmessage": 6.3.0-rc.11 + "@storybook/client-api": 6.3.0-rc.11 + "@storybook/client-logger": 6.3.0-rc.11 + "@storybook/core-events": 6.3.0-rc.11 "@storybook/csf": 0.0.1 - "@storybook/ui": 6.3.0-rc.10 + "@storybook/ui": 6.3.0-rc.11 airbnb-js-shims: ^2.2.1 ansi-to-html: ^0.6.11 core-js: ^3.8.2 @@ -6593,7 +6593,7 @@ __metadata: languageName: unknown linkType: soft -"@storybook/core-common@6.3.0-rc.10, @storybook/core-common@workspace:lib/core-common": +"@storybook/core-common@6.3.0-rc.11, @storybook/core-common@workspace:lib/core-common": version: 0.0.0-use.local resolution: "@storybook/core-common@workspace:lib/core-common" dependencies: @@ -6618,7 +6618,7 @@ __metadata: "@babel/preset-react": ^7.12.10 "@babel/preset-typescript": ^7.12.7 "@babel/register": ^7.12.1 - "@storybook/node-logger": 6.3.0-rc.10 + "@storybook/node-logger": 6.3.0-rc.11 "@storybook/react-docgen-typescript-plugin": 1.0.2-canary.3c70e01.0 "@storybook/semver": ^7.3.2 "@types/glob-base": ^0.3.0 @@ -6658,7 +6658,7 @@ __metadata: languageName: unknown linkType: soft -"@storybook/core-events@6.3.0-rc.10, @storybook/core-events@^6.3.0-beta.6, @storybook/core-events@workspace:*, @storybook/core-events@workspace:lib/core-events": +"@storybook/core-events@6.3.0-rc.11, @storybook/core-events@^6.3.0-beta.6, @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: @@ -6666,17 +6666,17 @@ __metadata: languageName: unknown linkType: soft -"@storybook/core-server@6.3.0-rc.10, @storybook/core-server@workspace:lib/core-server": +"@storybook/core-server@6.3.0-rc.11, @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.3.0-rc.10 - "@storybook/builder-webpack5": 6.3.0-rc.10 - "@storybook/core-client": 6.3.0-rc.10 - "@storybook/core-common": 6.3.0-rc.10 - "@storybook/csf-tools": 6.3.0-rc.10 - "@storybook/manager-webpack4": 6.3.0-rc.10 - "@storybook/node-logger": 6.3.0-rc.10 + "@storybook/builder-webpack4": 6.3.0-rc.11 + "@storybook/builder-webpack5": 6.3.0-rc.11 + "@storybook/core-client": 6.3.0-rc.11 + "@storybook/core-common": 6.3.0-rc.11 + "@storybook/csf-tools": 6.3.0-rc.11 + "@storybook/manager-webpack4": 6.3.0-rc.11 + "@storybook/node-logger": 6.3.0-rc.11 "@storybook/semver": ^7.3.2 "@types/compression": ^1.7.0 "@types/ip": ^1.1.0 @@ -6709,8 +6709,8 @@ __metadata: util-deprecate: ^1.0.2 webpack: 4 peerDependencies: - "@storybook/builder-webpack5": 6.3.0-rc.10 - "@storybook/manager-webpack5": 6.3.0-rc.10 + "@storybook/builder-webpack5": 6.3.0-rc.11 + "@storybook/manager-webpack5": 6.3.0-rc.11 react: ^16.8.0 || ^17.0.0 react-dom: ^16.8.0 || ^17.0.0 peerDependenciesMeta: @@ -6723,14 +6723,14 @@ __metadata: languageName: unknown linkType: soft -"@storybook/core@6.3.0-rc.10, @storybook/core@workspace:*, @storybook/core@workspace:lib/core": +"@storybook/core@6.3.0-rc.11, @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.3.0-rc.10 - "@storybook/core-server": 6.3.0-rc.10 + "@storybook/core-client": 6.3.0-rc.11 + "@storybook/core-server": 6.3.0-rc.11 peerDependencies: - "@storybook/builder-webpack5": 6.3.0-rc.10 + "@storybook/builder-webpack5": 6.3.0-rc.11 react: ^16.8.0 || ^17.0.0 react-dom: ^16.8.0 || ^17.0.0 peerDependenciesMeta: @@ -6741,7 +6741,7 @@ __metadata: languageName: unknown linkType: soft -"@storybook/csf-tools@6.3.0-rc.10, @storybook/csf-tools@workspace:*, @storybook/csf-tools@workspace:lib/csf-tools": +"@storybook/csf-tools@6.3.0-rc.11, @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: @@ -6808,13 +6808,13 @@ __metadata: languageName: node linkType: hard -"@storybook/ember@6.3.0-rc.10, @storybook/ember@workspace:*, @storybook/ember@workspace:app/ember": +"@storybook/ember@6.3.0-rc.11, @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.3.0-rc.10 - "@storybook/core-common": 6.3.0-rc.10 + "@storybook/core": 6.3.0-rc.11 + "@storybook/core-common": 6.3.0-rc.11 core-js: ^3.8.2 global: ^4.4.0 react: 16.14.0 @@ -6847,10 +6847,10 @@ __metadata: version: 0.0.0-use.local resolution: "@storybook/example-react-ts-webpack4@workspace:examples/react-ts-webpack4" dependencies: - "@storybook/addon-controls": 6.3.0-rc.10 - "@storybook/addon-essentials": 6.3.0-rc.10 - "@storybook/builder-webpack4": 6.3.0-rc.10 - "@storybook/react": 6.3.0-rc.10 + "@storybook/addon-controls": 6.3.0-rc.11 + "@storybook/addon-essentials": 6.3.0-rc.11 + "@storybook/builder-webpack4": 6.3.0-rc.11 + "@storybook/react": 6.3.0-rc.11 "@types/react": ^16.14.2 "@types/react-dom": ^16.9.10 prop-types: 15.7.2 @@ -6865,11 +6865,11 @@ __metadata: version: 0.0.0-use.local resolution: "@storybook/example-react-ts@workspace:examples/react-ts" dependencies: - "@storybook/addon-controls": 6.3.0-rc.10 - "@storybook/addon-essentials": 6.3.0-rc.10 - "@storybook/components": 6.3.0-rc.10 - "@storybook/react": 6.3.0-rc.10 - "@storybook/theming": 6.3.0-rc.10 + "@storybook/addon-controls": 6.3.0-rc.11 + "@storybook/addon-essentials": 6.3.0-rc.11 + "@storybook/components": 6.3.0-rc.11 + "@storybook/react": 6.3.0-rc.11 + "@storybook/theming": 6.3.0-rc.11 "@testing-library/dom": ^7.31.2 "@testing-library/user-event": ^13.1.9 "@types/react": ^16.14.2 @@ -6884,14 +6884,14 @@ __metadata: languageName: unknown linkType: soft -"@storybook/html@6.3.0-rc.10, @storybook/html@workspace:*, @storybook/html@workspace:app/html": +"@storybook/html@6.3.0-rc.11, @storybook/html@workspace:*, @storybook/html@workspace:app/html": version: 0.0.0-use.local resolution: "@storybook/html@workspace:app/html" dependencies: - "@storybook/addons": 6.3.0-rc.10 - "@storybook/client-api": 6.3.0-rc.10 - "@storybook/core": 6.3.0-rc.10 - "@storybook/core-common": 6.3.0-rc.10 + "@storybook/addons": 6.3.0-rc.11 + "@storybook/client-api": 6.3.0-rc.11 + "@storybook/core": 6.3.0-rc.11 + "@storybook/core-common": 6.3.0-rc.11 "@types/webpack-env": ^1.16.0 core-js: ^3.8.2 global: ^4.4.0 @@ -6938,19 +6938,19 @@ __metadata: languageName: node linkType: hard -"@storybook/manager-webpack4@6.3.0-rc.10, @storybook/manager-webpack4@workspace:lib/manager-webpack4": +"@storybook/manager-webpack4@6.3.0-rc.11, @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.3.0-rc.10 - "@storybook/core-client": 6.3.0-rc.10 - "@storybook/core-common": 6.3.0-rc.10 - "@storybook/node-logger": 6.3.0-rc.10 - "@storybook/theming": 6.3.0-rc.10 - "@storybook/ui": 6.3.0-rc.10 + "@storybook/addons": 6.3.0-rc.11 + "@storybook/core-client": 6.3.0-rc.11 + "@storybook/core-common": 6.3.0-rc.11 + "@storybook/node-logger": 6.3.0-rc.11 + "@storybook/theming": 6.3.0-rc.11 + "@storybook/ui": 6.3.0-rc.11 "@types/case-sensitive-paths-webpack-plugin": ^2.1.4 "@types/dotenv-webpack": ^3.0.0 "@types/node": ^14.0.10 @@ -7000,12 +7000,12 @@ __metadata: "@babel/core": ^7.12.10 "@babel/plugin-transform-template-literals": ^7.12.1 "@babel/preset-react": ^7.12.10 - "@storybook/addons": 6.3.0-rc.10 - "@storybook/core-client": 6.3.0-rc.10 - "@storybook/core-common": 6.3.0-rc.10 - "@storybook/node-logger": 6.3.0-rc.10 - "@storybook/theming": 6.3.0-rc.10 - "@storybook/ui": 6.3.0-rc.10 + "@storybook/addons": 6.3.0-rc.11 + "@storybook/core-client": 6.3.0-rc.11 + "@storybook/core-common": 6.3.0-rc.11 + "@storybook/node-logger": 6.3.0-rc.11 + "@storybook/theming": 6.3.0-rc.11 + "@storybook/ui": 6.3.0-rc.11 "@types/case-sensitive-paths-webpack-plugin": ^2.1.4 "@types/dotenv-webpack": ^5.0.0 "@types/node": ^14.0.10 @@ -7046,7 +7046,7 @@ __metadata: languageName: unknown linkType: soft -"@storybook/node-logger@6.3.0-rc.10, @storybook/node-logger@workspace:*, @storybook/node-logger@workspace:lib/node-logger": +"@storybook/node-logger@6.3.0-rc.11, @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: @@ -7072,7 +7072,7 @@ __metadata: languageName: node linkType: hard -"@storybook/postinstall@6.3.0-rc.10, @storybook/postinstall@workspace:*, @storybook/postinstall@workspace:lib/postinstall": +"@storybook/postinstall@6.3.0-rc.11, @storybook/postinstall@workspace:*, @storybook/postinstall@workspace:lib/postinstall": version: 0.0.0-use.local resolution: "@storybook/postinstall@workspace:lib/postinstall" dependencies: @@ -7083,14 +7083,14 @@ __metadata: languageName: unknown linkType: soft -"@storybook/preact@6.3.0-rc.10, @storybook/preact@workspace:*, @storybook/preact@workspace:app/preact": +"@storybook/preact@6.3.0-rc.11, @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.3.0-rc.10 - "@storybook/core": 6.3.0-rc.10 - "@storybook/core-common": 6.3.0-rc.10 + "@storybook/addons": 6.3.0-rc.11 + "@storybook/core": 6.3.0-rc.11 + "@storybook/core-common": 6.3.0-rc.11 "@types/webpack-env": ^1.16.0 core-js: ^3.8.2 global: ^4.4.0 @@ -7159,18 +7159,18 @@ __metadata: languageName: node linkType: hard -"@storybook/react@6.3.0-rc.10, @storybook/react@workspace:*, @storybook/react@workspace:app/react": +"@storybook/react@6.3.0-rc.11, @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.3.0-rc.10 - "@storybook/client-api": 6.3.0-rc.10 - "@storybook/core": 6.3.0-rc.10 - "@storybook/core-common": 6.3.0-rc.10 - "@storybook/node-logger": 6.3.0-rc.10 + "@storybook/addons": 6.3.0-rc.11 + "@storybook/client-api": 6.3.0-rc.11 + "@storybook/core": 6.3.0-rc.11 + "@storybook/core-common": 6.3.0-rc.11 + "@storybook/node-logger": 6.3.0-rc.11 "@storybook/react-docgen-typescript-plugin": 1.0.2-canary.3c70e01.0 "@storybook/semver": ^7.3.2 "@types/node": ^14.14.20 @@ -7398,12 +7398,12 @@ __metadata: languageName: unknown linkType: soft -"@storybook/router@6.3.0-rc.10, @storybook/router@workspace:*, @storybook/router@workspace:lib/router": +"@storybook/router@6.3.0-rc.11, @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.3.0-rc.10 + "@storybook/client-logger": 6.3.0-rc.11 "@types/reach__router": ^1.3.7 core-js: ^3.8.2 fast-deep-equal: ^3.1.3 @@ -7430,16 +7430,16 @@ __metadata: languageName: node linkType: hard -"@storybook/server@6.3.0-rc.10, @storybook/server@workspace:*, @storybook/server@workspace:app/server": +"@storybook/server@6.3.0-rc.11, @storybook/server@workspace:*, @storybook/server@workspace:app/server": version: 0.0.0-use.local resolution: "@storybook/server@workspace:app/server" dependencies: - "@storybook/addons": 6.3.0-rc.10 - "@storybook/api": 6.3.0-rc.10 - "@storybook/client-api": 6.3.0-rc.10 - "@storybook/core": 6.3.0-rc.10 - "@storybook/core-common": 6.3.0-rc.10 - "@storybook/node-logger": 6.3.0-rc.10 + "@storybook/addons": 6.3.0-rc.11 + "@storybook/api": 6.3.0-rc.11 + "@storybook/client-api": 6.3.0-rc.11 + "@storybook/core": 6.3.0-rc.11 + "@storybook/core-common": 6.3.0-rc.11 + "@storybook/node-logger": 6.3.0-rc.11 "@types/webpack-env": ^1.16.0 core-js: ^3.8.2 fs-extra: ^9.0.1 @@ -7459,12 +7459,12 @@ __metadata: languageName: unknown linkType: soft -"@storybook/source-loader@6.3.0-rc.10, @storybook/source-loader@workspace:*, @storybook/source-loader@workspace:lib/source-loader": +"@storybook/source-loader@6.3.0-rc.11, @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.3.0-rc.10 - "@storybook/client-logger": 6.3.0-rc.10 + "@storybook/addons": 6.3.0-rc.11 + "@storybook/client-logger": 6.3.0-rc.11 "@storybook/csf": 0.0.1 core-js: ^3.8.2 estraverse: ^5.2.0 @@ -7479,13 +7479,13 @@ __metadata: languageName: unknown linkType: soft -"@storybook/svelte@6.3.0-rc.10, @storybook/svelte@workspace:*, @storybook/svelte@workspace:app/svelte": +"@storybook/svelte@6.3.0-rc.11, @storybook/svelte@workspace:*, @storybook/svelte@workspace:app/svelte": version: 0.0.0-use.local resolution: "@storybook/svelte@workspace:app/svelte" dependencies: - "@storybook/addons": 6.3.0-rc.10 - "@storybook/core": 6.3.0-rc.10 - "@storybook/core-common": 6.3.0-rc.10 + "@storybook/addons": 6.3.0-rc.11 + "@storybook/core": 6.3.0-rc.11 + "@storybook/core-common": 6.3.0-rc.11 "@types/webpack-env": ^1.16.0 core-js: ^3.8.2 global: ^4.4.0 @@ -7508,14 +7508,14 @@ __metadata: languageName: unknown linkType: soft -"@storybook/theming@6.3.0-rc.10, @storybook/theming@workspace:*, @storybook/theming@workspace:lib/theming": +"@storybook/theming@6.3.0-rc.11, @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.3.0-rc.10 + "@storybook/client-logger": 6.3.0-rc.11 core-js: ^3.8.2 deep-object-diff: ^1.1.0 emotion-theming: ^10.0.27 @@ -7530,21 +7530,21 @@ __metadata: languageName: unknown linkType: soft -"@storybook/ui@6.3.0-rc.10, @storybook/ui@workspace:*, @storybook/ui@workspace:lib/ui": +"@storybook/ui@6.3.0-rc.11, @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.3.0-rc.10 - "@storybook/api": 6.3.0-rc.10 - "@storybook/channels": 6.3.0-rc.10 - "@storybook/client-logger": 6.3.0-rc.10 - "@storybook/components": 6.3.0-rc.10 - "@storybook/core-events": 6.3.0-rc.10 - "@storybook/router": 6.3.0-rc.10 + "@storybook/addons": 6.3.0-rc.11 + "@storybook/api": 6.3.0-rc.11 + "@storybook/channels": 6.3.0-rc.11 + "@storybook/client-logger": 6.3.0-rc.11 + "@storybook/components": 6.3.0-rc.11 + "@storybook/core-events": 6.3.0-rc.11 + "@storybook/router": 6.3.0-rc.11 "@storybook/semver": ^7.3.2 - "@storybook/theming": 6.3.0-rc.10 + "@storybook/theming": 6.3.0-rc.11 "@testing-library/react": ^11.2.2 "@types/markdown-to-jsx": ^6.11.3 babel-loader: ^8.2.2 @@ -7577,13 +7577,13 @@ __metadata: languageName: unknown linkType: soft -"@storybook/vue3@6.3.0-rc.10, @storybook/vue3@workspace:app/vue3": +"@storybook/vue3@6.3.0-rc.11, @storybook/vue3@workspace:app/vue3": version: 0.0.0-use.local resolution: "@storybook/vue3@workspace:app/vue3" dependencies: - "@storybook/addons": 6.3.0-rc.10 - "@storybook/core": 6.3.0-rc.10 - "@storybook/core-common": 6.3.0-rc.10 + "@storybook/addons": 6.3.0-rc.11 + "@storybook/core": 6.3.0-rc.11 + "@storybook/core-common": 6.3.0-rc.11 "@types/node": ^14.14.20 "@types/webpack-env": ^1.16.0 "@vue/compiler-sfc": ^3.0.0 @@ -7612,13 +7612,13 @@ __metadata: languageName: unknown linkType: soft -"@storybook/vue@6.3.0-rc.10, @storybook/vue@workspace:*, @storybook/vue@workspace:app/vue": +"@storybook/vue@6.3.0-rc.11, @storybook/vue@workspace:*, @storybook/vue@workspace:app/vue": version: 0.0.0-use.local resolution: "@storybook/vue@workspace:app/vue" dependencies: - "@storybook/addons": 6.3.0-rc.10 - "@storybook/core": 6.3.0-rc.10 - "@storybook/core-common": 6.3.0-rc.10 + "@storybook/addons": 6.3.0-rc.11 + "@storybook/core": 6.3.0-rc.11 + "@storybook/core-common": 6.3.0-rc.11 "@types/node": ^14.14.20 "@types/webpack-env": ^1.16.0 core-js: ^3.8.2 @@ -7649,17 +7649,17 @@ __metadata: languageName: unknown linkType: soft -"@storybook/web-components@6.3.0-rc.10, @storybook/web-components@workspace:*, @storybook/web-components@workspace:app/web-components": +"@storybook/web-components@6.3.0-rc.11, @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.3.0-rc.10 - "@storybook/client-api": 6.3.0-rc.10 - "@storybook/core": 6.3.0-rc.10 - "@storybook/core-common": 6.3.0-rc.10 + "@storybook/addons": 6.3.0-rc.11 + "@storybook/client-api": 6.3.0-rc.11 + "@storybook/core": 6.3.0-rc.11 + "@storybook/core-common": 6.3.0-rc.11 "@types/webpack-env": ^1.16.0 babel-plugin-bundled-import-meta: ^0.3.1 core-js: ^3.8.2 @@ -11284,18 +11284,18 @@ __metadata: "@angular/platform-browser-dynamic": ^11.2.14 "@compodoc/compodoc": ^1.1.11 "@ngrx/store": ^10.1.2 - "@storybook/addon-a11y": 6.3.0-rc.10 - "@storybook/addon-actions": 6.3.0-rc.10 - "@storybook/addon-backgrounds": 6.3.0-rc.10 - "@storybook/addon-controls": 6.3.0-rc.10 - "@storybook/addon-docs": 6.3.0-rc.10 - "@storybook/addon-jest": 6.3.0-rc.10 - "@storybook/addon-links": 6.3.0-rc.10 - "@storybook/addon-storyshots": 6.3.0-rc.10 - "@storybook/addon-storysource": 6.3.0-rc.10 - "@storybook/addons": 6.3.0-rc.10 - "@storybook/angular": 6.3.0-rc.10 - "@storybook/source-loader": 6.3.0-rc.10 + "@storybook/addon-a11y": 6.3.0-rc.11 + "@storybook/addon-actions": 6.3.0-rc.11 + "@storybook/addon-backgrounds": 6.3.0-rc.11 + "@storybook/addon-controls": 6.3.0-rc.11 + "@storybook/addon-docs": 6.3.0-rc.11 + "@storybook/addon-jest": 6.3.0-rc.11 + "@storybook/addon-links": 6.3.0-rc.11 + "@storybook/addon-storyshots": 6.3.0-rc.11 + "@storybook/addon-storysource": 6.3.0-rc.11 + "@storybook/addons": 6.3.0-rc.11 + "@storybook/angular": 6.3.0-rc.11 + "@storybook/source-loader": 6.3.0-rc.11 "@types/core-js": ^2.5.4 "@types/jest": ^26.0.16 "@types/node": ^14.14.20 @@ -16223,19 +16223,19 @@ __metadata: resolution: "cra-kitchen-sink@workspace:examples/cra-kitchen-sink" dependencies: "@pmmmwh/react-refresh-webpack-plugin": ^0.4.3 - "@storybook/addon-a11y": 6.3.0-rc.10 - "@storybook/addon-actions": 6.3.0-rc.10 - "@storybook/addon-backgrounds": 6.3.0-rc.10 - "@storybook/addon-docs": 6.3.0-rc.10 - "@storybook/addon-jest": 6.3.0-rc.10 - "@storybook/addon-links": 6.3.0-rc.10 - "@storybook/addon-storyshots": 6.3.0-rc.10 - "@storybook/addons": 6.3.0-rc.10 - "@storybook/builder-webpack4": 6.3.0-rc.10 - "@storybook/client-logger": 6.3.0-rc.10 + "@storybook/addon-a11y": 6.3.0-rc.11 + "@storybook/addon-actions": 6.3.0-rc.11 + "@storybook/addon-backgrounds": 6.3.0-rc.11 + "@storybook/addon-docs": 6.3.0-rc.11 + "@storybook/addon-jest": 6.3.0-rc.11 + "@storybook/addon-links": 6.3.0-rc.11 + "@storybook/addon-storyshots": 6.3.0-rc.11 + "@storybook/addons": 6.3.0-rc.11 + "@storybook/builder-webpack4": 6.3.0-rc.11 + "@storybook/client-logger": 6.3.0-rc.11 "@storybook/preset-create-react-app": ^3.1.6 - "@storybook/react": 6.3.0-rc.10 - "@storybook/theming": 6.3.0-rc.10 + "@storybook/react": 6.3.0-rc.11 + "@storybook/theming": 6.3.0-rc.11 global: ^4.4.0 prop-types: ^15.7.2 react: 16.14.0 @@ -16250,13 +16250,13 @@ __metadata: version: 0.0.0-use.local resolution: "cra-react15@workspace:examples/cra-react15" dependencies: - "@storybook/addon-actions": 6.3.0-rc.10 - "@storybook/addon-links": 6.3.0-rc.10 - "@storybook/addons": 6.3.0-rc.10 - "@storybook/builder-webpack4": 6.3.0-rc.10 + "@storybook/addon-actions": 6.3.0-rc.11 + "@storybook/addon-links": 6.3.0-rc.11 + "@storybook/addons": 6.3.0-rc.11 + "@storybook/builder-webpack4": 6.3.0-rc.11 "@storybook/preset-create-react-app": ^3.1.6 - "@storybook/react": 6.3.0-rc.10 - "@storybook/theming": 6.3.0-rc.10 + "@storybook/react": 6.3.0-rc.11 + "@storybook/theming": 6.3.0-rc.11 babel-core: 6 babel-loader: 8.2.2 babel-runtime: 6 @@ -16272,11 +16272,11 @@ __metadata: version: 0.0.0-use.local resolution: "cra-ts-essentials@workspace:examples/cra-ts-essentials" dependencies: - "@storybook/addon-essentials": 6.3.0-rc.10 - "@storybook/addons": 6.3.0-rc.10 - "@storybook/builder-webpack4": 6.3.0-rc.10 + "@storybook/addon-essentials": 6.3.0-rc.11 + "@storybook/addons": 6.3.0-rc.11 + "@storybook/builder-webpack4": 6.3.0-rc.11 "@storybook/preset-create-react-app": ^3.1.6 - "@storybook/react": 6.3.0-rc.10 + "@storybook/react": 6.3.0-rc.11 "@types/jest": ^26.0.16 "@types/node": 14.14.20 "@types/react": ^16.14.2 @@ -16294,14 +16294,14 @@ __metadata: version: 0.0.0-use.local resolution: "cra-ts-kitchen-sink@workspace:examples/cra-ts-kitchen-sink" dependencies: - "@storybook/addon-a11y": 6.3.0-rc.10 - "@storybook/addon-actions": 6.3.0-rc.10 - "@storybook/addon-docs": 6.3.0-rc.10 - "@storybook/addon-links": 6.3.0-rc.10 - "@storybook/addons": 6.3.0-rc.10 - "@storybook/builder-webpack4": 6.3.0-rc.10 + "@storybook/addon-a11y": 6.3.0-rc.11 + "@storybook/addon-actions": 6.3.0-rc.11 + "@storybook/addon-docs": 6.3.0-rc.11 + "@storybook/addon-links": 6.3.0-rc.11 + "@storybook/addons": 6.3.0-rc.11 + "@storybook/builder-webpack4": 6.3.0-rc.11 "@storybook/preset-create-react-app": ^3.1.6 - "@storybook/react": 6.3.0-rc.10 + "@storybook/react": 6.3.0-rc.11 "@types/enzyme": ^3.10.8 "@types/jest": 25.2.3 "@types/node": 14.14.20 @@ -18835,18 +18835,18 @@ __metadata: dependencies: "@babel/core": ^7.12.10 "@ember/optional-features": ^2.0.0 - "@storybook/addon-a11y": 6.3.0-rc.10 - "@storybook/addon-actions": 6.3.0-rc.10 - "@storybook/addon-backgrounds": 6.3.0-rc.10 - "@storybook/addon-controls": 6.3.0-rc.10 - "@storybook/addon-docs": 6.3.0-rc.10 - "@storybook/addon-links": 6.3.0-rc.10 - "@storybook/addon-storysource": 6.3.0-rc.10 - "@storybook/addon-viewport": 6.3.0-rc.10 - "@storybook/addons": 6.3.0-rc.10 - "@storybook/ember": 6.3.0-rc.10 + "@storybook/addon-a11y": 6.3.0-rc.11 + "@storybook/addon-actions": 6.3.0-rc.11 + "@storybook/addon-backgrounds": 6.3.0-rc.11 + "@storybook/addon-controls": 6.3.0-rc.11 + "@storybook/addon-docs": 6.3.0-rc.11 + "@storybook/addon-links": 6.3.0-rc.11 + "@storybook/addon-storysource": 6.3.0-rc.11 + "@storybook/addon-viewport": 6.3.0-rc.11 + "@storybook/addons": 6.3.0-rc.11 + "@storybook/ember": 6.3.0-rc.11 "@storybook/ember-cli-storybook": ^0.2.1 - "@storybook/source-loader": 6.3.0-rc.10 + "@storybook/source-loader": 6.3.0-rc.11 babel-loader: ^8 broccoli-asset-rev: ^3.0.0 cross-env: ^7.0.3 @@ -23508,23 +23508,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.3.0-rc.10 - "@storybook/addon-actions": 6.3.0-rc.10 - "@storybook/addon-backgrounds": 6.3.0-rc.10 - "@storybook/addon-controls": 6.3.0-rc.10 - "@storybook/addon-docs": 6.3.0-rc.10 - "@storybook/addon-jest": 6.3.0-rc.10 - "@storybook/addon-links": 6.3.0-rc.10 + "@storybook/addon-a11y": 6.3.0-rc.11 + "@storybook/addon-actions": 6.3.0-rc.11 + "@storybook/addon-backgrounds": 6.3.0-rc.11 + "@storybook/addon-controls": 6.3.0-rc.11 + "@storybook/addon-docs": 6.3.0-rc.11 + "@storybook/addon-jest": 6.3.0-rc.11 + "@storybook/addon-links": 6.3.0-rc.11 "@storybook/addon-postcss": ^2.0.0 - "@storybook/addon-storyshots": 6.3.0-rc.10 - "@storybook/addon-storysource": 6.3.0-rc.10 - "@storybook/addon-viewport": 6.3.0-rc.10 - "@storybook/addons": 6.3.0-rc.10 - "@storybook/client-api": 6.3.0-rc.10 - "@storybook/core": 6.3.0-rc.10 - "@storybook/core-events": 6.3.0-rc.10 - "@storybook/html": 6.3.0-rc.10 - "@storybook/source-loader": 6.3.0-rc.10 + "@storybook/addon-storyshots": 6.3.0-rc.11 + "@storybook/addon-storysource": 6.3.0-rc.11 + "@storybook/addon-viewport": 6.3.0-rc.11 + "@storybook/addons": 6.3.0-rc.11 + "@storybook/client-api": 6.3.0-rc.11 + "@storybook/core": 6.3.0-rc.11 + "@storybook/core-events": 6.3.0-rc.11 + "@storybook/html": 6.3.0-rc.11 + "@storybook/source-loader": 6.3.0-rc.11 autoprefixer: ^10.0.1 eventemitter3: ^4.0.7 format-json: ^1.0.3 @@ -31458,27 +31458,27 @@ fsevents@^1.2.7: dependencies: "@packtracker/webpack-plugin": ^2.3.0 "@pmmmwh/react-refresh-webpack-plugin": ^0.4.3 - "@storybook/addon-a11y": 6.3.0-rc.10 - "@storybook/addon-actions": 6.3.0-rc.10 - "@storybook/addon-backgrounds": 6.3.0-rc.10 - "@storybook/addon-controls": 6.3.0-rc.10 - "@storybook/addon-docs": 6.3.0-rc.10 - "@storybook/addon-jest": 6.3.0-rc.10 - "@storybook/addon-links": 6.3.0-rc.10 - "@storybook/addon-storyshots": 6.3.0-rc.10 - "@storybook/addon-storyshots-puppeteer": 6.3.0-rc.10 - "@storybook/addon-storysource": 6.3.0-rc.10 - "@storybook/addon-toolbars": 6.3.0-rc.10 - "@storybook/addon-viewport": 6.3.0-rc.10 - "@storybook/addons": 6.3.0-rc.10 - "@storybook/cli": 6.3.0-rc.10 - "@storybook/components": 6.3.0-rc.10 - "@storybook/core-events": 6.3.0-rc.10 + "@storybook/addon-a11y": 6.3.0-rc.11 + "@storybook/addon-actions": 6.3.0-rc.11 + "@storybook/addon-backgrounds": 6.3.0-rc.11 + "@storybook/addon-controls": 6.3.0-rc.11 + "@storybook/addon-docs": 6.3.0-rc.11 + "@storybook/addon-jest": 6.3.0-rc.11 + "@storybook/addon-links": 6.3.0-rc.11 + "@storybook/addon-storyshots": 6.3.0-rc.11 + "@storybook/addon-storyshots-puppeteer": 6.3.0-rc.11 + "@storybook/addon-storysource": 6.3.0-rc.11 + "@storybook/addon-toolbars": 6.3.0-rc.11 + "@storybook/addon-viewport": 6.3.0-rc.11 + "@storybook/addons": 6.3.0-rc.11 + "@storybook/cli": 6.3.0-rc.11 + "@storybook/components": 6.3.0-rc.11 + "@storybook/core-events": 6.3.0-rc.11 "@storybook/design-system": ^5.4.7 - "@storybook/node-logger": 6.3.0-rc.10 - "@storybook/react": 6.3.0-rc.10 - "@storybook/source-loader": 6.3.0-rc.10 - "@storybook/theming": 6.3.0-rc.10 + "@storybook/node-logger": 6.3.0-rc.11 + "@storybook/react": 6.3.0-rc.11 + "@storybook/source-loader": 6.3.0-rc.11 + "@storybook/theming": 6.3.0-rc.11 "@testing-library/dom": ^7.31.2 "@testing-library/user-event": ^13.1.9 chromatic: ^5.6.0 @@ -34388,16 +34388,16 @@ fsevents@^1.2.7: dependencies: "@babel/core": ^7.12.10 "@babel/plugin-transform-runtime": ^7.12.10 - "@storybook/addon-a11y": 6.3.0-rc.10 - "@storybook/addon-actions": 6.3.0-rc.10 - "@storybook/addon-backgrounds": 6.3.0-rc.10 - "@storybook/addon-links": 6.3.0-rc.10 - "@storybook/addon-storyshots": 6.3.0-rc.10 - "@storybook/addon-storysource": 6.3.0-rc.10 - "@storybook/addon-viewport": 6.3.0-rc.10 - "@storybook/addons": 6.3.0-rc.10 - "@storybook/preact": 6.3.0-rc.10 - "@storybook/source-loader": 6.3.0-rc.10 + "@storybook/addon-a11y": 6.3.0-rc.11 + "@storybook/addon-actions": 6.3.0-rc.11 + "@storybook/addon-backgrounds": 6.3.0-rc.11 + "@storybook/addon-links": 6.3.0-rc.11 + "@storybook/addon-storyshots": 6.3.0-rc.11 + "@storybook/addon-storysource": 6.3.0-rc.11 + "@storybook/addon-viewport": 6.3.0-rc.11 + "@storybook/addons": 6.3.0-rc.11 + "@storybook/preact": 6.3.0-rc.11 + "@storybook/source-loader": 6.3.0-rc.11 "@types/prop-types": ^15.7.3 "@types/react": ^17 "@types/react-dom": ^17 @@ -38146,7 +38146,7 @@ resolve@1.19.0: version: 0.0.0-use.local resolution: "sb@workspace:lib/cli-sb" dependencies: - "@storybook/cli": 6.3.0-rc.10 + "@storybook/cli": 6.3.0-rc.11 bin: sb: ./index.js languageName: unknown @@ -38462,13 +38462,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.3.0-rc.10 - "@storybook/addon-actions": 6.3.0-rc.10 - "@storybook/addon-backgrounds": 6.3.0-rc.10 - "@storybook/addon-controls": 6.3.0-rc.10 - "@storybook/addon-links": 6.3.0-rc.10 - "@storybook/node-logger": 6.3.0-rc.10 - "@storybook/server": 6.3.0-rc.10 + "@storybook/addon-a11y": 6.3.0-rc.11 + "@storybook/addon-actions": 6.3.0-rc.11 + "@storybook/addon-backgrounds": 6.3.0-rc.11 + "@storybook/addon-controls": 6.3.0-rc.11 + "@storybook/addon-links": 6.3.0-rc.11 + "@storybook/node-logger": 6.3.0-rc.11 + "@storybook/server": 6.3.0-rc.11 concurrently: ^5.3.0 cors: ^2.8.5 express: ~4.17.1 @@ -39433,7 +39433,7 @@ resolve@1.19.0: version: 0.0.0-use.local resolution: "standalone-preview@workspace:examples/standalone-preview" dependencies: - "@storybook/react": 6.3.0-rc.10 + "@storybook/react": 6.3.0-rc.11 parcel: ^1.12.4 react: 16.14.0 react-dom: 16.14.0 @@ -39576,7 +39576,7 @@ resolve@1.19.0: version: 0.0.0-use.local resolution: "storybook@workspace:lib/cli-storybook" dependencies: - "@storybook/cli": 6.3.0-rc.10 + "@storybook/cli": 6.3.0-rc.11 bin: sb: ./index.js storybook: ./index.js @@ -40283,18 +40283,18 @@ resolve@1.19.0: version: 0.0.0-use.local resolution: "svelte-example@workspace:examples/svelte-kitchen-sink" dependencies: - "@storybook/addon-a11y": 6.3.0-rc.10 - "@storybook/addon-actions": 6.3.0-rc.10 - "@storybook/addon-backgrounds": 6.3.0-rc.10 - "@storybook/addon-controls": 6.3.0-rc.10 - "@storybook/addon-docs": 6.3.0-rc.10 - "@storybook/addon-links": 6.3.0-rc.10 - "@storybook/addon-storyshots": 6.3.0-rc.10 - "@storybook/addon-storysource": 6.3.0-rc.10 - "@storybook/addon-viewport": 6.3.0-rc.10 - "@storybook/addons": 6.3.0-rc.10 - "@storybook/source-loader": 6.3.0-rc.10 - "@storybook/svelte": 6.3.0-rc.10 + "@storybook/addon-a11y": 6.3.0-rc.11 + "@storybook/addon-actions": 6.3.0-rc.11 + "@storybook/addon-backgrounds": 6.3.0-rc.11 + "@storybook/addon-controls": 6.3.0-rc.11 + "@storybook/addon-docs": 6.3.0-rc.11 + "@storybook/addon-links": 6.3.0-rc.11 + "@storybook/addon-storyshots": 6.3.0-rc.11 + "@storybook/addon-storysource": 6.3.0-rc.11 + "@storybook/addon-viewport": 6.3.0-rc.11 + "@storybook/addons": 6.3.0-rc.11 + "@storybook/source-loader": 6.3.0-rc.11 + "@storybook/svelte": 6.3.0-rc.11 global: ^4.4.0 svelte-jester: 1.3.0 svelte-preprocess: 4.6.8 @@ -43117,11 +43117,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.3.0-rc.10 - "@storybook/addon-essentials": 6.3.0-rc.10 - "@storybook/addon-links": 6.3.0-rc.10 - "@storybook/addon-storyshots": 6.3.0-rc.10 - "@storybook/vue3": 6.3.0-rc.10 + "@storybook/addon-actions": 6.3.0-rc.11 + "@storybook/addon-essentials": 6.3.0-rc.11 + "@storybook/addon-links": 6.3.0-rc.11 + "@storybook/addon-storyshots": 6.3.0-rc.11 + "@storybook/vue3": 6.3.0-rc.11 "@vue/cli-plugin-babel": ~4.5.0 "@vue/cli-plugin-typescript": ~4.5.0 "@vue/cli-service": ~4.5.0 @@ -43148,11 +43148,11 @@ typescript@2.9.1: version: 0.0.0-use.local resolution: "vue-cli-example@workspace:examples/vue-cli" dependencies: - "@storybook/addon-controls": 6.3.0-rc.10 - "@storybook/addon-essentials": 6.3.0-rc.10 + "@storybook/addon-controls": 6.3.0-rc.11 + "@storybook/addon-essentials": 6.3.0-rc.11 "@storybook/preset-scss": ^1.0.3 - "@storybook/source-loader": 6.3.0-rc.10 - "@storybook/vue": 6.3.0-rc.10 + "@storybook/source-loader": 6.3.0-rc.11 + "@storybook/vue": 6.3.0-rc.11 "@vue/cli-plugin-babel": ~4.3.1 "@vue/cli-plugin-typescript": ~4.3.1 "@vue/cli-service": ~4.3.1 @@ -43204,18 +43204,18 @@ typescript@2.9.1: resolution: "vue-example@workspace:examples/vue-kitchen-sink" dependencies: "@babel/core": ^7.12.10 - "@storybook/addon-a11y": 6.3.0-rc.10 - "@storybook/addon-actions": 6.3.0-rc.10 - "@storybook/addon-backgrounds": 6.3.0-rc.10 - "@storybook/addon-controls": 6.3.0-rc.10 - "@storybook/addon-docs": 6.3.0-rc.10 - "@storybook/addon-links": 6.3.0-rc.10 - "@storybook/addon-storyshots": 6.3.0-rc.10 - "@storybook/addon-storysource": 6.3.0-rc.10 - "@storybook/addon-viewport": 6.3.0-rc.10 - "@storybook/addons": 6.3.0-rc.10 - "@storybook/source-loader": 6.3.0-rc.10 - "@storybook/vue": 6.3.0-rc.10 + "@storybook/addon-a11y": 6.3.0-rc.11 + "@storybook/addon-actions": 6.3.0-rc.11 + "@storybook/addon-backgrounds": 6.3.0-rc.11 + "@storybook/addon-controls": 6.3.0-rc.11 + "@storybook/addon-docs": 6.3.0-rc.11 + "@storybook/addon-links": 6.3.0-rc.11 + "@storybook/addon-storyshots": 6.3.0-rc.11 + "@storybook/addon-storysource": 6.3.0-rc.11 + "@storybook/addon-viewport": 6.3.0-rc.11 + "@storybook/addons": 6.3.0-rc.11 + "@storybook/source-loader": 6.3.0-rc.11 + "@storybook/vue": 6.3.0-rc.11 "@vue/babel-preset-jsx": ^1.2.4 babel-loader: ^8.2.2 cross-env: ^7.0.3 From 0ac7454b46b79afab99b1b7f4a4df7132ae4c274 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Ga=C3=ABtan=20Maisse?= Date: Sat, 19 Jun 2021 17:48:43 +0200 Subject: [PATCH 04/12] feat(web-components): export `setCustomElementsManifest` --- app/web-components/src/client/index.ts | 1 + 1 file changed, 1 insertion(+) diff --git a/app/web-components/src/client/index.ts b/app/web-components/src/client/index.ts index c458e9e7bde7..d43a49b2fa31 100644 --- a/app/web-components/src/client/index.ts +++ b/app/web-components/src/client/index.ts @@ -16,6 +16,7 @@ export { export { getCustomElements, setCustomElements, + setCustomElementsManifest, isValidComponent, isValidMetaData, } from './customElements'; From 4216b2e12be3240f8fccb55332c6ad8a0ee54633 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Ga=C3=ABtan=20Maisse?= Date: Sat, 19 Jun 2021 17:53:48 +0200 Subject: [PATCH 05/12] example(web-components): add a NPM script to run `custom-elements-manifest` --- .../web-components-kitchen-sink/package.json | 10 +- .../web-components-kitchen-sink/yarn.lock | 459 ++++++++++++------ 2 files changed, 323 insertions(+), 146 deletions(-) diff --git a/examples/web-components-kitchen-sink/package.json b/examples/web-components-kitchen-sink/package.json index ed0d6a81736f..13d9c2adf9f8 100644 --- a/examples/web-components-kitchen-sink/package.json +++ b/examples/web-components-kitchen-sink/package.json @@ -9,7 +9,8 @@ "main": "index.js", "scripts": { "build-storybook": "build-storybook", - "storybook": "start-storybook -p 9006" + "storybook": "start-storybook -p 9006", + "generate-custom-elements-manifest": "yarn custom-elements-manifest analyze --litelement --dev --exclude \"./**/*.stories.ts\"" }, "resolutions": { "@storybook/addon-a11y": "portal:../../addons/a11y", @@ -47,12 +48,14 @@ "@storybook/source-loader": "portal:../../lib/source-loader", "@storybook/theming": "portal:../../lib/theming", "@storybook/ui": "portal:../../lib/ui", - "@storybook/web-components": "portal:../../app/web-components" + "@storybook/web-components": "portal:../../app/web-components", + "typescript": "4.2.4" }, "dependencies": { "lit": "^2.0.0-rc.2" }, "devDependencies": { + "@custom-elements-manifest/analyzer": "^0.3.0", "@storybook/addon-a11y": "*", "@storybook/addon-actions": "*", "@storybook/addon-backgrounds": "*", @@ -65,7 +68,8 @@ "@storybook/addon-viewport": "*", "@storybook/web-components": "*", "global": "^4.4.0", - "jest": "^27.0.1" + "jest": "^27.0.1", + "typescript": "4.2.4" }, "storybook": { "chromatic": { diff --git a/examples/web-components-kitchen-sink/yarn.lock b/examples/web-components-kitchen-sink/yarn.lock index 08baefb57c56..f667613cbd4e 100644 --- a/examples/web-components-kitchen-sink/yarn.lock +++ b/examples/web-components-kitchen-sink/yarn.lock @@ -1510,6 +1510,25 @@ __metadata: languageName: node linkType: hard +"@custom-elements-manifest/analyzer@npm:^0.3.0": + version: 0.3.0 + resolution: "@custom-elements-manifest/analyzer@npm:0.3.0" + dependencies: + "@web/config-loader": ^0.1.3 + chokidar: ^3.5.2 + command-line-args: ^5.1.1 + comment-parser: ^1.1.5 + custom-elements-manifest: ^1.0.0 + debounce: ^1.2.1 + globby: ^11.0.1 + typescript: ^4.3.2 + bin: + cem: index.js + custom-elements-manifest: index.js + checksum: 0aa7215ed2193e9a084be0e96204ac2ff598d8ab6223fd6968861fc558bf8f44a0cb7df7e19c3481b72890733086ce5e3c6465b158dc0a5727ecc48c86a3b8ce + languageName: node + linkType: hard + "@emotion/cache@npm:^10.0.27": version: 10.0.29 resolution: "@emotion/cache@npm:10.0.29" @@ -2065,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.3.0-beta.12 - "@storybook/api": 6.3.0-beta.12 - "@storybook/channels": 6.3.0-beta.12 - "@storybook/client-api": 6.3.0-beta.12 - "@storybook/client-logger": 6.3.0-beta.12 - "@storybook/components": 6.3.0-beta.12 - "@storybook/core-events": 6.3.0-beta.12 - "@storybook/theming": 6.3.0-beta.12 + "@storybook/addons": 6.3.0-rc.11 + "@storybook/api": 6.3.0-rc.11 + "@storybook/channels": 6.3.0-rc.11 + "@storybook/client-api": 6.3.0-rc.11 + "@storybook/client-logger": 6.3.0-rc.11 + "@storybook/components": 6.3.0-rc.11 + "@storybook/core-events": 6.3.0-rc.11 + "@storybook/theming": 6.3.0-rc.11 axe-core: ^4.2.0 core-js: ^3.8.2 global: ^4.4.0 @@ -2096,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.3.0-beta.12 - "@storybook/api": 6.3.0-beta.12 - "@storybook/client-api": 6.3.0-beta.12 - "@storybook/components": 6.3.0-beta.12 - "@storybook/core-events": 6.3.0-beta.12 - "@storybook/theming": 6.3.0-beta.12 + "@storybook/addons": 6.3.0-rc.11 + "@storybook/api": 6.3.0-rc.11 + "@storybook/client-api": 6.3.0-rc.11 + "@storybook/components": 6.3.0-rc.11 + "@storybook/core-events": 6.3.0-rc.11 + "@storybook/theming": 6.3.0-rc.11 core-js: ^3.8.2 fast-deep-equal: ^3.1.3 global: ^4.4.0 @@ -2128,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.3.0-beta.12 - "@storybook/api": 6.3.0-beta.12 - "@storybook/client-logger": 6.3.0-beta.12 - "@storybook/components": 6.3.0-beta.12 - "@storybook/core-events": 6.3.0-beta.12 - "@storybook/theming": 6.3.0-beta.12 + "@storybook/addons": 6.3.0-rc.11 + "@storybook/api": 6.3.0-rc.11 + "@storybook/client-logger": 6.3.0-rc.11 + "@storybook/components": 6.3.0-rc.11 + "@storybook/core-events": 6.3.0-rc.11 + "@storybook/theming": 6.3.0-rc.11 core-js: ^3.8.2 global: ^4.4.0 memoizerific: ^1.11.3 @@ -2155,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.3.0-beta.12 - "@storybook/api": 6.3.0-beta.12 - "@storybook/client-api": 6.3.0-beta.12 - "@storybook/components": 6.3.0-beta.12 - "@storybook/node-logger": 6.3.0-beta.12 - "@storybook/theming": 6.3.0-beta.12 + "@storybook/addons": 6.3.0-rc.11 + "@storybook/api": 6.3.0-rc.11 + "@storybook/client-api": 6.3.0-rc.11 + "@storybook/components": 6.3.0-rc.11 + "@storybook/node-logger": 6.3.0-rc.11 + "@storybook/theming": 6.3.0-rc.11 core-js: ^3.8.2 ts-dedent: ^2.0.0 peerDependencies: @@ -2187,19 +2206,20 @@ __metadata: "@mdx-js/loader": ^1.6.22 "@mdx-js/mdx": ^1.6.22 "@mdx-js/react": ^1.6.22 - "@storybook/addons": 6.3.0-beta.12 - "@storybook/api": 6.3.0-beta.12 - "@storybook/builder-webpack4": 6.3.0-beta.12 - "@storybook/client-api": 6.3.0-beta.12 - "@storybook/client-logger": 6.3.0-beta.12 - "@storybook/components": 6.3.0-beta.12 - "@storybook/core": 6.3.0-beta.12 - "@storybook/core-events": 6.3.0-beta.12 + "@storybook/addons": 6.3.0-rc.11 + "@storybook/api": 6.3.0-rc.11 + "@storybook/builder-webpack4": 6.3.0-rc.11 + "@storybook/client-api": 6.3.0-rc.11 + "@storybook/client-logger": 6.3.0-rc.11 + "@storybook/components": 6.3.0-rc.11 + "@storybook/core": 6.3.0-rc.11 + "@storybook/core-events": 6.3.0-rc.11 "@storybook/csf": 0.0.1 - "@storybook/node-logger": 6.3.0-beta.12 - "@storybook/postinstall": 6.3.0-beta.12 - "@storybook/source-loader": 6.3.0-beta.12 - "@storybook/theming": 6.3.0-beta.12 + "@storybook/csf-tools": 6.3.0-rc.11 + "@storybook/node-logger": 6.3.0-rc.11 + "@storybook/postinstall": 6.3.0-rc.11 + "@storybook/source-loader": 6.3.0-rc.11 + "@storybook/theming": 6.3.0-rc.11 acorn: ^7.4.1 acorn-jsx: ^5.3.1 acorn-walk: ^7.2.0 @@ -2222,10 +2242,10 @@ __metadata: ts-dedent: ^2.0.0 util-deprecate: ^1.0.2 peerDependencies: - "@storybook/angular": 6.3.0-beta.12 - "@storybook/vue": 6.3.0-beta.12 - "@storybook/vue3": 6.3.0-beta.12 - "@storybook/web-components": 6.3.0-beta.12 + "@storybook/angular": 6.3.0-rc.11 + "@storybook/vue": 6.3.0-rc.11 + "@storybook/vue3": 6.3.0-rc.11 + "@storybook/web-components": 6.3.0-rc.11 lit: ^2.0.0-rc.1 lit-html: ^1.4.1 || ^2.0.0-rc.3 react: ^16.8.0 || ^17.0.0 @@ -2292,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.3.0-beta.12 - "@storybook/client-logger": 6.3.0-beta.12 - "@storybook/core-events": 6.3.0-beta.12 + "@storybook/addons": 6.3.0-rc.11 + "@storybook/client-logger": 6.3.0-rc.11 + "@storybook/core-events": 6.3.0-rc.11 "@storybook/csf": 0.0.1 - "@storybook/router": 6.3.0-beta.12 + "@storybook/router": 6.3.0-rc.11 "@types/qs": ^6.9.5 core-js: ^3.8.2 global: ^4.4.0 @@ -2320,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.3.0-beta.12 - "@storybook/client-api": 6.3.0-beta.12 - "@storybook/core": 6.3.0-beta.12 - "@storybook/core-common": 6.3.0-beta.12 + "@storybook/addons": 6.3.0-rc.11 + "@storybook/client-api": 6.3.0-rc.11 + "@storybook/core": 6.3.0-rc.11 + "@storybook/core-common": 6.3.0-rc.11 "@types/glob": ^7.1.3 "@types/jest": ^26.0.16 "@types/jest-specific-snapshot": ^0.5.3 @@ -2393,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.3.0-beta.12 - "@storybook/api": 6.3.0-beta.12 - "@storybook/client-logger": 6.3.0-beta.12 - "@storybook/components": 6.3.0-beta.12 - "@storybook/router": 6.3.0-beta.12 - "@storybook/source-loader": 6.3.0-beta.12 - "@storybook/theming": 6.3.0-beta.12 + "@storybook/addons": 6.3.0-rc.11 + "@storybook/api": 6.3.0-rc.11 + "@storybook/client-logger": 6.3.0-rc.11 + "@storybook/components": 6.3.0-rc.11 + "@storybook/router": 6.3.0-rc.11 + "@storybook/source-loader": 6.3.0-rc.11 + "@storybook/theming": 6.3.0-rc.11 core-js: ^3.8.2 estraverse: ^5.2.0 loader-utils: ^2.0.0 @@ -2422,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.3.0-beta.12 - "@storybook/api": 6.3.0-beta.12 - "@storybook/client-logger": 6.3.0-beta.12 - "@storybook/components": 6.3.0-beta.12 - "@storybook/core-events": 6.3.0-beta.12 - "@storybook/theming": 6.3.0-beta.12 + "@storybook/addons": 6.3.0-rc.11 + "@storybook/api": 6.3.0-rc.11 + "@storybook/client-logger": 6.3.0-rc.11 + "@storybook/components": 6.3.0-rc.11 + "@storybook/core-events": 6.3.0-rc.11 + "@storybook/theming": 6.3.0-rc.11 core-js: ^3.8.2 global: ^4.4.0 memoizerific: ^1.11.3 @@ -2448,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.3.0-beta.12 - "@storybook/channels": 6.3.0-beta.12 - "@storybook/client-logger": 6.3.0-beta.12 - "@storybook/core-events": 6.3.0-beta.12 - "@storybook/router": 6.3.0-beta.12 - "@storybook/theming": 6.3.0-beta.12 + "@storybook/api": 6.3.0-rc.11 + "@storybook/channels": 6.3.0-rc.11 + "@storybook/client-logger": 6.3.0-rc.11 + "@storybook/core-events": 6.3.0-rc.11 + "@storybook/router": 6.3.0-rc.11 + "@storybook/theming": 6.3.0-rc.11 core-js: ^3.8.2 global: ^4.4.0 regenerator-runtime: ^0.13.7 @@ -2468,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.3.0-beta.12 - "@storybook/client-logger": 6.3.0-beta.12 - "@storybook/core-events": 6.3.0-beta.12 + "@storybook/channels": 6.3.0-rc.11 + "@storybook/client-logger": 6.3.0-rc.11 + "@storybook/core-events": 6.3.0-rc.11 "@storybook/csf": 0.0.1 - "@storybook/router": 6.3.0-beta.12 + "@storybook/router": 6.3.0-rc.11 "@storybook/semver": ^7.3.2 - "@storybook/theming": 6.3.0-beta.12 + "@storybook/theming": 6.3.0-rc.11 "@types/reach__router": ^1.3.7 core-js: ^3.8.2 fast-deep-equal: ^3.1.3 @@ -2518,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.3.0-beta.12 - "@storybook/api": 6.3.0-beta.12 - "@storybook/channel-postmessage": 6.3.0-beta.12 - "@storybook/channels": 6.3.0-beta.12 - "@storybook/client-api": 6.3.0-beta.12 - "@storybook/client-logger": 6.3.0-beta.12 - "@storybook/components": 6.3.0-beta.12 - "@storybook/core-common": 6.3.0-beta.12 - "@storybook/core-events": 6.3.0-beta.12 - "@storybook/node-logger": 6.3.0-beta.12 - "@storybook/router": 6.3.0-beta.12 + "@storybook/addons": 6.3.0-rc.11 + "@storybook/api": 6.3.0-rc.11 + "@storybook/channel-postmessage": 6.3.0-rc.11 + "@storybook/channels": 6.3.0-rc.11 + "@storybook/client-api": 6.3.0-rc.11 + "@storybook/client-logger": 6.3.0-rc.11 + "@storybook/components": 6.3.0-rc.11 + "@storybook/core-common": 6.3.0-rc.11 + "@storybook/core-events": 6.3.0-rc.11 + "@storybook/node-logger": 6.3.0-rc.11 + "@storybook/router": 6.3.0-rc.11 "@storybook/semver": ^7.3.2 - "@storybook/theming": 6.3.0-beta.12 - "@storybook/ui": 6.3.0-beta.12 + "@storybook/theming": 6.3.0-rc.11 + "@storybook/ui": 6.3.0-rc.11 "@types/node": ^14.0.10 "@types/webpack": ^4.41.26 autoprefixer: ^9.8.6 @@ -2551,7 +2571,7 @@ __metadata: global: ^4.4.0 html-webpack-plugin: ^4.0.0 pnp-webpack-plugin: 1.6.4 - postcss: ^7.0.35 + postcss: ^7.0.36 postcss-flexbugs-fixes: ^4.2.1 postcss-loader: ^4.2.0 raw-loader: ^4.0.2 @@ -2580,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.3.0-beta.12 - "@storybook/client-logger": 6.3.0-beta.12 - "@storybook/core-events": 6.3.0-beta.12 + "@storybook/channels": 6.3.0-rc.11 + "@storybook/client-logger": 6.3.0-rc.11 + "@storybook/core-events": 6.3.0-rc.11 core-js: ^3.8.2 global: ^4.4.0 qs: ^6.10.0 @@ -2604,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.3.0-beta.12 - "@storybook/channel-postmessage": 6.3.0-beta.12 - "@storybook/channels": 6.3.0-beta.12 - "@storybook/client-logger": 6.3.0-beta.12 - "@storybook/core-events": 6.3.0-beta.12 + "@storybook/addons": 6.3.0-rc.11 + "@storybook/channel-postmessage": 6.3.0-rc.11 + "@storybook/channels": 6.3.0-rc.11 + "@storybook/client-logger": 6.3.0-rc.11 + "@storybook/core-events": 6.3.0-rc.11 "@storybook/csf": 0.0.1 "@types/qs": ^6.9.5 "@types/webpack-env": ^1.16.0 @@ -2642,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.3.0-beta.12 + "@storybook/client-logger": 6.3.0-rc.11 "@storybook/csf": 0.0.1 - "@storybook/theming": 6.3.0-beta.12 + "@storybook/theming": 6.3.0-rc.11 "@types/color-convert": ^2.0.0 "@types/overlayscrollbars": ^1.12.0 "@types/react-syntax-highlighter": 11.0.5 @@ -2675,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.3.0-beta.12 - "@storybook/channel-postmessage": 6.3.0-beta.12 - "@storybook/client-api": 6.3.0-beta.12 - "@storybook/client-logger": 6.3.0-beta.12 - "@storybook/core-events": 6.3.0-beta.12 + "@storybook/addons": 6.3.0-rc.11 + "@storybook/channel-postmessage": 6.3.0-rc.11 + "@storybook/client-api": 6.3.0-rc.11 + "@storybook/client-logger": 6.3.0-rc.11 + "@storybook/core-events": 6.3.0-rc.11 "@storybook/csf": 0.0.1 - "@storybook/ui": 6.3.0-beta.12 + "@storybook/ui": 6.3.0-rc.11 airbnb-js-shims: ^2.2.1 ansi-to-html: ^0.6.11 core-js: ^3.8.2 @@ -2727,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.3.0-beta.12 + "@storybook/node-logger": 6.3.0-rc.11 "@storybook/semver": ^7.3.2 "@types/glob-base": ^0.3.0 "@types/micromatch": ^4.0.1 @@ -2775,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.3.0-beta.12 - "@storybook/core-client": 6.3.0-beta.12 - "@storybook/core-common": 6.3.0-beta.12 - "@storybook/csf-tools": 6.3.0-beta.12 - "@storybook/manager-webpack4": 6.3.0-beta.12 - "@storybook/node-logger": 6.3.0-beta.12 + "@storybook/builder-webpack4": 6.3.0-rc.11 + "@storybook/core-client": 6.3.0-rc.11 + "@storybook/core-common": 6.3.0-rc.11 + "@storybook/csf-tools": 6.3.0-rc.11 + "@storybook/manager-webpack4": 6.3.0-rc.11 + "@storybook/node-logger": 6.3.0-rc.11 "@storybook/semver": ^7.3.2 "@types/node": ^14.0.10 "@types/node-fetch": ^2.5.7 @@ -2809,8 +2829,8 @@ __metadata: util-deprecate: ^1.0.2 webpack: 4 peerDependencies: - "@storybook/builder-webpack5": 6.3.0-beta.12 - "@storybook/manager-webpack5": 6.3.0-beta.12 + "@storybook/builder-webpack5": 6.3.0-rc.11 + "@storybook/manager-webpack5": 6.3.0-rc.11 react: ^16.8.0 || ^17.0.0 react-dom: ^16.8.0 || ^17.0.0 peerDependenciesMeta: @@ -2827,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.3.0-beta.12 - "@storybook/core-server": 6.3.0-beta.12 + "@storybook/core-client": 6.3.0-rc.11 + "@storybook/core-server": 6.3.0-rc.11 peerDependencies: - "@storybook/builder-webpack5": 6.3.0-beta.12 + "@storybook/builder-webpack5": 6.3.0-rc.11 react: ^16.8.0 || ^17.0.0 react-dom: ^16.8.0 || ^17.0.0 peerDependenciesMeta: @@ -2847,11 +2867,17 @@ __metadata: dependencies: "@babel/generator": ^7.12.11 "@babel/parser": ^7.12.11 + "@babel/plugin-transform-react-jsx": ^7.12.12 + "@babel/preset-env": ^7.12.11 "@babel/traverse": ^7.12.11 "@babel/types": ^7.12.11 + "@mdx-js/mdx": ^1.6.22 "@storybook/csf": ^0.0.1 core-js: ^3.8.2 fs-extra: ^9.0.1 + js-string-escape: ^1.0.1 + lodash: ^4.17.20 + prettier: ~2.2.1 regenerator-runtime: ^0.13.7 languageName: node linkType: soft @@ -2872,12 +2898,12 @@ __metadata: "@babel/core": ^7.12.10 "@babel/plugin-transform-template-literals": ^7.12.1 "@babel/preset-react": ^7.12.10 - "@storybook/addons": 6.3.0-beta.12 - "@storybook/core-client": 6.3.0-beta.12 - "@storybook/core-common": 6.3.0-beta.12 - "@storybook/node-logger": 6.3.0-beta.12 - "@storybook/theming": 6.3.0-beta.12 - "@storybook/ui": 6.3.0-beta.12 + "@storybook/addons": 6.3.0-rc.11 + "@storybook/core-client": 6.3.0-rc.11 + "@storybook/core-common": 6.3.0-rc.11 + "@storybook/node-logger": 6.3.0-rc.11 + "@storybook/theming": 6.3.0-rc.11 + "@storybook/ui": 6.3.0-rc.11 "@types/node": ^14.0.10 "@types/webpack": ^4.41.26 babel-loader: ^8.2.2 @@ -2940,7 +2966,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.3.0-beta.12 + "@storybook/client-logger": 6.3.0-rc.11 "@types/reach__router": ^1.3.7 core-js: ^3.8.2 fast-deep-equal: ^3.1.3 @@ -2971,8 +2997,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.3.0-beta.12 - "@storybook/client-logger": 6.3.0-beta.12 + "@storybook/addons": 6.3.0-rc.11 + "@storybook/client-logger": 6.3.0-rc.11 "@storybook/csf": 0.0.1 core-js: ^3.8.2 estraverse: ^5.2.0 @@ -2994,7 +3020,7 @@ __metadata: "@emotion/core": ^10.1.1 "@emotion/is-prop-valid": ^0.8.6 "@emotion/styled": ^10.0.27 - "@storybook/client-logger": 6.3.0-beta.12 + "@storybook/client-logger": 6.3.0-rc.11 core-js: ^3.8.2 deep-object-diff: ^1.1.0 emotion-theming: ^10.0.27 @@ -3014,15 +3040,15 @@ __metadata: resolution: "@storybook/ui@portal:../../lib/ui::locator=web-components-kitchen-sink%40workspace%3A." dependencies: "@emotion/core": ^10.1.1 - "@storybook/addons": 6.3.0-beta.12 - "@storybook/api": 6.3.0-beta.12 - "@storybook/channels": 6.3.0-beta.12 - "@storybook/client-logger": 6.3.0-beta.12 - "@storybook/components": 6.3.0-beta.12 - "@storybook/core-events": 6.3.0-beta.12 - "@storybook/router": 6.3.0-beta.12 + "@storybook/addons": 6.3.0-rc.11 + "@storybook/api": 6.3.0-rc.11 + "@storybook/channels": 6.3.0-rc.11 + "@storybook/client-logger": 6.3.0-rc.11 + "@storybook/components": 6.3.0-rc.11 + "@storybook/core-events": 6.3.0-rc.11 + "@storybook/router": 6.3.0-rc.11 "@storybook/semver": ^7.3.2 - "@storybook/theming": 6.3.0-beta.12 + "@storybook/theming": 6.3.0-rc.11 "@types/markdown-to-jsx": ^6.11.3 copy-to-clipboard: ^3.3.1 core-js: ^3.8.2 @@ -3055,10 +3081,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.3.0-beta.12 - "@storybook/client-api": 6.3.0-beta.12 - "@storybook/core": 6.3.0-beta.12 - "@storybook/core-common": 6.3.0-beta.12 + "@storybook/addons": 6.3.0-rc.11 + "@storybook/client-api": 6.3.0-rc.11 + "@storybook/core": 6.3.0-rc.11 + "@storybook/core-common": 6.3.0-rc.11 "@types/webpack-env": ^1.16.0 babel-plugin-bundled-import-meta: ^0.3.1 core-js: ^3.8.2 @@ -3506,6 +3532,15 @@ __metadata: languageName: node linkType: hard +"@web/config-loader@npm:^0.1.3": + version: 0.1.3 + resolution: "@web/config-loader@npm:0.1.3" + dependencies: + semver: ^7.3.4 + checksum: 165376a525f2690b6266229d4e4f82a3e877ed1aaaea0b1131081d10650704f37d5dbdb5c959c4efcf3f4f91ccf97dcdc2b99df233d21317ee25ed7e00afacc6 + languageName: node + linkType: hard + "@webassemblyjs/ast@npm:1.9.0": version: 1.9.0 resolution: "@webassemblyjs/ast@npm:1.9.0" @@ -3978,7 +4013,7 @@ __metadata: languageName: node linkType: hard -"anymatch@npm:^3.0.0, anymatch@npm:^3.0.3, anymatch@npm:~3.1.1": +"anymatch@npm:^3.0.0, anymatch@npm:^3.0.3, anymatch@npm:~3.1.1, anymatch@npm:~3.1.2": version: 3.1.2 resolution: "anymatch@npm:3.1.2" dependencies: @@ -4042,6 +4077,13 @@ __metadata: languageName: node linkType: hard +"array-back@npm:^3.0.1": + version: 3.1.0 + resolution: "array-back@npm:3.1.0" + checksum: bb1fe86aa8b39c21e73c68c7abf8b05ed939b8951a3b17527217f6a2a84e00e4cfa4fdec823081689c5e216709bf1f214a4f5feeee6726eaff83897fa1a7b8ee + languageName: node + linkType: hard + "array-flatten@npm:1.1.1": version: 1.1.1 resolution: "array-flatten@npm:1.1.1" @@ -5057,6 +5099,25 @@ __metadata: languageName: node linkType: hard +"chokidar@npm:^3.5.2": + version: 3.5.2 + resolution: "chokidar@npm:3.5.2" + dependencies: + anymatch: ~3.1.2 + braces: ~3.0.2 + fsevents: ~2.3.2 + glob-parent: ~5.1.2 + is-binary-path: ~2.1.0 + is-glob: ~4.0.1 + normalize-path: ~3.0.0 + readdirp: ~3.6.0 + dependenciesMeta: + fsevents: + optional: true + checksum: e7179a9dc4ce54c1ba660652319039b7ca0817a442dd05a45afcbdefcd4848b4276debfa9cf321798c2c567c6289da14dd48d9a1ee92056a7b526c554cffe129 + languageName: node + linkType: hard + "chownr@npm:^1.1.1": version: 1.1.4 resolution: "chownr@npm:1.1.4" @@ -5298,6 +5359,18 @@ __metadata: languageName: node linkType: hard +"command-line-args@npm:^5.1.1": + version: 5.1.1 + resolution: "command-line-args@npm:5.1.1" + dependencies: + array-back: ^3.0.1 + find-replace: ^3.0.0 + lodash.camelcase: ^4.3.0 + typical: ^4.0.0 + checksum: 6f075697d046779ae7075f4cf138cb540877fb1f94a1d59d3f87035a231c2e103b19017412d36d903a8caf70fd1d0fc6f07a547178dded800eb2735607a70a89 + languageName: node + linkType: hard + "commander@npm:^2.20.0": version: 2.20.3 resolution: "commander@npm:2.20.3" @@ -5319,6 +5392,13 @@ __metadata: languageName: node linkType: hard +"comment-parser@npm:^1.1.5": + version: 1.1.5 + resolution: "comment-parser@npm:1.1.5" + checksum: a8a32d8d160056d5393bee7aca3aee8e319505f87d56eaaafd8f0b2cfc7a83cc6487ac6e2333102d3d1094123eb430edd2e3b88666ad28671311b40e40be0ba6 + languageName: node + linkType: hard + "commondir@npm:^1.0.1": version: 1.0.1 resolution: "commondir@npm:1.0.1" @@ -5740,6 +5820,13 @@ __metadata: languageName: node linkType: hard +"custom-elements-manifest@npm:^1.0.0": + version: 1.0.0 + resolution: "custom-elements-manifest@npm:1.0.0" + checksum: 6e8e4dcc6ae4f846e92b6ec0ef5c8d155889dae6df7210cbf3e9c47387ffab83fce8fde96a1aaa9766304cb08afa17198da4ef8560745311bdf3ba280fc77b40 + languageName: node + linkType: hard + "cyclist@npm:^1.0.1": version: 1.0.1 resolution: "cyclist@npm:1.0.1" @@ -5758,6 +5845,13 @@ __metadata: languageName: node linkType: hard +"debounce@npm:^1.2.1": + version: 1.2.1 + resolution: "debounce@npm:1.2.1" + checksum: 6c9320aa0973fc42050814621a7a8a78146c1975799b5b3cc1becf1f77ba9a5aa583987884230da0842a03f385def452fad5d60db97c3d1c8b824e38a8edf500 + languageName: node + linkType: hard + "debug@npm:2.6.9, debug@npm:^2.2.0, debug@npm:^2.3.3, debug@npm:^2.6.0": version: 2.6.9 resolution: "debug@npm:2.6.9" @@ -6877,6 +6971,15 @@ __metadata: languageName: node linkType: hard +"find-replace@npm:^3.0.0": + version: 3.0.0 + resolution: "find-replace@npm:3.0.0" + dependencies: + array-back: ^3.0.1 + checksum: fcd1bf7960388c8193c2861bcdc760c18ac14edb4bde062a961915d9a25727b2e8aabf0229e90cc09c753fd557e5a3e5ae61e49cadbe727be89a9e8e49ce7668 + languageName: node + linkType: hard + "find-root@npm:^1.1.0": version: 1.1.0 resolution: "find-root@npm:1.1.0" @@ -7087,7 +7190,7 @@ fsevents@^1.2.7: languageName: node linkType: hard -"fsevents@^2.1.2, fsevents@^2.3.2, fsevents@~2.3.1": +"fsevents@^2.1.2, fsevents@^2.3.2, fsevents@~2.3.1, fsevents@~2.3.2": version: 2.3.2 resolution: "fsevents@npm:2.3.2" dependencies: @@ -7106,7 +7209,7 @@ fsevents@^1.2.7: languageName: node linkType: hard -"fsevents@patch:fsevents@^2.1.2#builtin, fsevents@patch:fsevents@^2.3.2#builtin, fsevents@patch:fsevents@~2.3.1#builtin": +"fsevents@patch:fsevents@^2.1.2#builtin, fsevents@patch:fsevents@^2.3.2#builtin, fsevents@patch:fsevents@~2.3.1#builtin, fsevents@patch:fsevents@~2.3.2#builtin": version: 2.3.2 resolution: "fsevents@patch:fsevents@npm%3A2.3.2#builtin::version=2.3.2&hash=11e9ea" dependencies: @@ -7257,7 +7360,7 @@ fsevents@^1.2.7: languageName: node linkType: hard -"glob-parent@npm:^5.1.0, glob-parent@npm:~5.1.0": +"glob-parent@npm:^5.1.0, glob-parent@npm:~5.1.0, glob-parent@npm:~5.1.2": version: 5.1.2 resolution: "glob-parent@npm:5.1.2" dependencies: @@ -7358,6 +7461,20 @@ fsevents@^1.2.7: languageName: node linkType: hard +"globby@npm:^11.0.1": + version: 11.0.4 + resolution: "globby@npm:11.0.4" + dependencies: + array-union: ^2.1.0 + dir-glob: ^3.0.1 + fast-glob: ^3.1.1 + ignore: ^5.1.4 + merge2: ^1.3.0 + slash: ^3.0.0 + checksum: de5f828c834baf75e3bd3c629bb3a64d1dfa9965831d0b105b728f9184284c6ba2b0d42e24862b411abc18e6e0af12e60880b3a62e096752de3426f2839f9ef7 + languageName: node + linkType: hard + "globby@npm:^11.0.2": version: 11.0.3 resolution: "globby@npm:11.0.3" @@ -9625,6 +9742,13 @@ fsevents@^1.2.7: languageName: node linkType: hard +"lodash.camelcase@npm:^4.3.0": + version: 4.3.0 + resolution: "lodash.camelcase@npm:4.3.0" + checksum: fcba15d21a458076dd309fce6b1b4bf611d84a0ec252cb92447c948c533ac250b95d2e00955801ebc367e5af5ed288b996d75d37d2035260a937008e14eaf432 + languageName: node + linkType: hard + "lodash.debounce@npm:^4.0.8": version: 4.0.8 resolution: "lodash.debounce@npm:4.0.8" @@ -11157,7 +11281,7 @@ fsevents@^1.2.7: languageName: node linkType: hard -"postcss@npm:^7.0.14, postcss@npm:^7.0.26, postcss@npm:^7.0.32, postcss@npm:^7.0.35, postcss@npm:^7.0.5, postcss@npm:^7.0.6": +"postcss@npm:^7.0.14, postcss@npm:^7.0.26, postcss@npm:^7.0.32, postcss@npm:^7.0.5, postcss@npm:^7.0.6": version: 7.0.35 resolution: "postcss@npm:7.0.35" dependencies: @@ -11168,6 +11292,17 @@ fsevents@^1.2.7: languageName: node linkType: hard +"postcss@npm:^7.0.36": + version: 7.0.36 + resolution: "postcss@npm:7.0.36" + dependencies: + chalk: ^2.4.2 + source-map: ^0.6.1 + supports-color: ^6.1.0 + checksum: 8e5dcaf9adf875a3ad9444227391979043958fc08f5a848a58bb716e41d1f7a1618cc3f884a7a19328d7ae341bbaa4f5a75063195dd43da168659688dffecbe1 + languageName: node + linkType: hard + "preact-render-to-string@npm:^5.1.19": version: 5.1.19 resolution: "preact-render-to-string@npm:5.1.19" @@ -11861,6 +11996,15 @@ fsevents@^1.2.7: languageName: node linkType: hard +"readdirp@npm:~3.6.0": + version: 3.6.0 + resolution: "readdirp@npm:3.6.0" + dependencies: + picomatch: ^2.2.1 + checksum: 6fa848cf63d1b82ab4e985f4cf72bd55b7dcfd8e0a376905804e48c3634b7e749170940ba77b32804d5fe93b3cc521aa95a8d7e7d725f830da6d93f3669ce66b + languageName: node + linkType: hard + "recursive-readdir@npm:2.2.2": version: 2.2.2 resolution: "recursive-readdir@npm:2.2.2" @@ -13546,6 +13690,33 @@ fsevents@^1.2.7: languageName: node linkType: hard +"typescript@npm:4.2.4": + version: 4.2.4 + resolution: "typescript@npm:4.2.4" + bin: + tsc: bin/tsc + tsserver: bin/tsserver + checksum: add3dcc8661784e2959d8411f6a2f1c75b063532aae0112bed4a217f58c0f6da194da6a05bc40dc1b2b171e5c595e88370d5fa97fdb680c47fbb8fab4190e02d + languageName: node + linkType: hard + +"typescript@patch:typescript@npm%3A4.2.4#builtin": + version: 4.2.4 + resolution: "typescript@patch:typescript@npm%3A4.2.4#builtin::version=4.2.4&hash=a45b0e" + bin: + tsc: bin/tsc + tsserver: bin/tsserver + checksum: 6d2dfac6fae7d3a64fd3b32ef8a5bc71574c3bc7e09e8769c2069359337cd69f0e0177222365400320aadc6be75556f9439ef6bd3c3eb4124a5e1b43f99002f6 + languageName: node + linkType: hard + +"typical@npm:^4.0.0": + version: 4.0.0 + resolution: "typical@npm:4.0.0" + checksum: f300b198fb9fe743859b75ec761d53c382723dc178bbce4957d9cb754f2878a44ce17dc0b6a5156c52be1065449271f63754ba594dac225b80ce3aa39f9241ed + languageName: node + linkType: hard + "unbox-primitive@npm:^1.0.1": version: 1.0.1 resolution: "unbox-primitive@npm:1.0.1" @@ -14053,6 +14224,7 @@ fsevents@^1.2.7: version: 0.0.0-use.local resolution: "web-components-kitchen-sink@workspace:." dependencies: + "@custom-elements-manifest/analyzer": ^0.3.0 "@storybook/addon-a11y": "*" "@storybook/addon-actions": "*" "@storybook/addon-backgrounds": "*" @@ -14067,6 +14239,7 @@ fsevents@^1.2.7: global: ^4.4.0 jest: ^27.0.1 lit: ^2.0.0-rc.2 + typescript: 4.2.4 languageName: unknown linkType: soft From c2a8482cea76f7276ca08fe0aeddb3fae75647d8 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Ga=C3=ABtan=20Maisse?= Date: Sat, 19 Jun 2021 18:00:39 +0200 Subject: [PATCH 06/12] example(web-components): improve demo components with JSDoc and CSS variables, also fix stories to display docs with custom elements manifest info --- .../src/components/sb-button.stories.ts | 2 ++ .../src/components/sb-button.ts | 17 ++++++++++++++++- .../src/components/sb-header.stories.ts | 1 + .../src/components/sb-header.ts | 11 +++++++++++ .../src/components/sb-page.stories.ts | 1 + .../src/components/sb-page.ts | 7 +++++++ 6 files changed, 38 insertions(+), 1 deletion(-) 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 983bec463615..487ab8f23c74 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 @@ -5,6 +5,8 @@ import { SbButton } from './sb-button'; export default { title: 'Example/Button', + // Need to set the tag to make addon-docs works properly with CustomElementsManifest + component: 'sb-button', argTypes: { onClick: { action: 'onClick' }, }, 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 0f0ef641a4fc..70bcfe30f1a6 100644 --- a/examples/web-components-kitchen-sink/src/components/sb-button.ts +++ b/examples/web-components-kitchen-sink/src/components/sb-button.ts @@ -2,6 +2,21 @@ import { css, html, LitElement } from 'lit'; import { customElement } from 'lit/decorators.js'; import { styleMap } from 'lit/directives/style-map.js'; +/** + * @attr {string} label - Label of the button + * @attr {string} size - Size of the button, can be "small", "medium" or "large"; default is "medium". + * @attr {string} backgroundColor - Color of the button's background + * + * @cssprop [--sb-primary-color=#1ea7fd] - Controls the color of bar + * + * @prop {boolean} primary - Set button in primary mode + * + * @event {CustomEvent} sb-button:click - some description for typed-custom-event + * + * @summary This is a simple Storybook Button + * + * @tag sb-button + */ @customElement('sb-button') export class SbButton extends LitElement { static get styles() { @@ -17,7 +32,7 @@ export class SbButton extends LitElement { } .storybook-button--primary { color: white; - background-color: #1ea7fd; + background-color: var(--sb-primary-color, #1ea7fd); } .storybook-button--secondary { color: #333; diff --git a/examples/web-components-kitchen-sink/src/components/sb-header.stories.ts b/examples/web-components-kitchen-sink/src/components/sb-header.stories.ts index 35bf4d15b805..02240685746c 100644 --- a/examples/web-components-kitchen-sink/src/components/sb-header.stories.ts +++ b/examples/web-components-kitchen-sink/src/components/sb-header.stories.ts @@ -6,6 +6,7 @@ import type { SbHeader } from './sb-header'; export default { title: 'Example/Header', + component: 'sb-header', } as Meta; const Template: Story = ({ user }) => html``; diff --git a/examples/web-components-kitchen-sink/src/components/sb-header.ts b/examples/web-components-kitchen-sink/src/components/sb-header.ts index 8d54e3ea99d6..f151d033ee9b 100644 --- a/examples/web-components-kitchen-sink/src/components/sb-header.ts +++ b/examples/web-components-kitchen-sink/src/components/sb-header.ts @@ -3,6 +3,17 @@ import { customElement } from 'lit/decorators.js'; import './sb-button'; +/** + * @attr {Object} user - User of the app + * + * @event {CustomEvent} sb-header:createAccount - Event send when user clicks on create account button + * @event {CustomEvent} sb-header:login - Event send when user clicks on login button + * @event {CustomEvent} sb-header:logout - Event send when user clicks on logout button + * + * @summary This is a simple Storybook Header + * + * @tag sb-header + */ @customElement('sb-header') export class SbHeader extends LitElement { static get styles() { diff --git a/examples/web-components-kitchen-sink/src/components/sb-page.stories.ts b/examples/web-components-kitchen-sink/src/components/sb-page.stories.ts index 663fb4b4b03d..f6168d3d8647 100644 --- a/examples/web-components-kitchen-sink/src/components/sb-page.stories.ts +++ b/examples/web-components-kitchen-sink/src/components/sb-page.stories.ts @@ -8,6 +8,7 @@ import type { SbPage } from './sb-page'; export default { title: 'Example/Page', + component: 'sb-page', } as Meta; const Template: Story = ({ user }) => html``; diff --git a/examples/web-components-kitchen-sink/src/components/sb-page.ts b/examples/web-components-kitchen-sink/src/components/sb-page.ts index 2a3c58b12ae9..159e4a3b8105 100644 --- a/examples/web-components-kitchen-sink/src/components/sb-page.ts +++ b/examples/web-components-kitchen-sink/src/components/sb-page.ts @@ -3,6 +3,13 @@ import { customElement } from 'lit/decorators.js'; import './sb-header'; +/** + * @attr {Object} user - User of the app + * + * @summary This is a simple Storybook Page + * + * @tag sb-page + */ @customElement('sb-page') export class SbPage extends LitElement { static get styles() { From 829b9556c648a3393a630eaf14d51dbb6f649d5d Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Ga=C3=ABtan=20Maisse?= Date: Sat, 19 Jun 2021 18:02:46 +0200 Subject: [PATCH 07/12] example(web-components): rename outdated custom elements manifest --- .../{custom-elements.json => custom-elements-experimental.json} | 0 1 file changed, 0 insertions(+), 0 deletions(-) rename examples/web-components-kitchen-sink/{custom-elements.json => custom-elements-experimental.json} (100%) diff --git a/examples/web-components-kitchen-sink/custom-elements.json b/examples/web-components-kitchen-sink/custom-elements-experimental.json similarity index 100% rename from examples/web-components-kitchen-sink/custom-elements.json rename to examples/web-components-kitchen-sink/custom-elements-experimental.json From 53d2b4a210f3514f7a19b4be39393a95de2804fd Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Ga=C3=ABtan=20Maisse?= Date: Sat, 19 Jun 2021 18:03:41 +0200 Subject: [PATCH 08/12] example(web-components): setup custom elements manifest v1 --- .../.storybook/preview.js | 23 +- .../custom-elements-v1.json | 117 ----- .../custom-elements.json | 467 ++++++++++++++++++ .../custom-elements.md | 44 -- .../web-components-kitchen-sink/package.json | 1 + 5 files changed, 473 insertions(+), 179 deletions(-) delete mode 100644 examples/web-components-kitchen-sink/custom-elements-v1.json create mode 100644 examples/web-components-kitchen-sink/custom-elements.json delete mode 100644 examples/web-components-kitchen-sink/custom-elements.md diff --git a/examples/web-components-kitchen-sink/.storybook/preview.js b/examples/web-components-kitchen-sink/.storybook/preview.js index b3ca116103c2..21021825405d 100644 --- a/examples/web-components-kitchen-sink/.storybook/preview.js +++ b/examples/web-components-kitchen-sink/.storybook/preview.js @@ -1,24 +1,11 @@ -import { - // setCustomElementsManifest, - // ☝️☝️☝️☝️☝️☝️ - // @TODO: cant import this function for some reason after running `yarn bootstrap --core` - setCustomElements, -} from '@storybook/web-components'; +import { setCustomElementsManifest } from '@storybook/web-components'; -import customElements from '../custom-elements.json'; -import customElementsV1 from '../custom-elements-v1.json'; +import customElementsManifest from '../custom-elements.json'; -/** - * @TODO: Need to remove this, but had to use it to test, because I cant seem to import the function - */ -// eslint-disable-next-line -function setCustomElementsManifest(customElements) { - // eslint-disable-next-line - // @ts-ignore - window.__STORYBOOK_CUSTOM_ELEMENTS_MANIFEST__ = customElements; -} +setCustomElementsManifest(customElementsManifest); -setCustomElementsManifest(customElementsV1); +// TODO: Remove support of 0.x CustomElementManifest format in 7.0 +// import customElements from '../custom-elements-experimental.json'; // setCustomElements(customElements); export const parameters = { diff --git a/examples/web-components-kitchen-sink/custom-elements-v1.json b/examples/web-components-kitchen-sink/custom-elements-v1.json deleted file mode 100644 index 9b118687c0e4..000000000000 --- a/examples/web-components-kitchen-sink/custom-elements-v1.json +++ /dev/null @@ -1,117 +0,0 @@ -{ - "schemaVersion": "1.0.0", - "readme": "", - "modules": [ - { - "kind": "javascript-module", - "path": "fixtures/-default/package/bar.js", - "declarations": [ - { - "kind": "class", - "description": "This is a container looking like a card with a back and front side you can switch", - "name": "DemoWcCard", - "cssProperties": [ - { - "description": "- Header font size", - "name": "--demo-wc-card-header-font-size" - }, - { - "description": "- Font color for front", - "name": "--demo-wc-card-front-color" - }, - { - "description": "- Font color for back", - "name": "--demo-wc-card-back-color" - } - ], - "cssParts": [ - { - "description": "- Front of the card", - "name": "front" - }, - { - "description": "- Back of the card", - "name": "back" - } - ], - "slots": [ - { - "description": "This is an unnamed slot (the default slot)", - "name": "-" - } - ], - "members": [ - { - "kind": "method", - "name": "toggle" - }, - { - "kind": "field", - "name": "backSide", - "privacy": "public", - "description": "Indicates that the back of the card is shown", - "type": { - "text": "boolean" - }, - "default": "false" - }, - { - "kind": "field", - "name": "header", - "privacy": "public", - "description": "Header message", - "type": { - "text": "string" - }, - "default": "'Your Message'" - }, - { - "kind": "field", - "name": "rows", - "privacy": "public", - "description": "Data rows" - } - ], - "events": [ - { - "name": "side-changed", - "type": { - "text": "CustomEvent" - }, - "description": "- Fires whenever it switches between front/back" - } - ], - "attributes": [ - { - "name": "back-side", - "fieldName": "backSide" - }, - { - "name": "header", - "fieldName": "header" - }, - { - "name": "rows", - "fieldName": "rows" - } - ], - "superclass": { - "name": "LitElement" - }, - "customElement": true, - "tagName": "demo-wc-card" - } - ], - "exports": [ - { - "kind": "custom-element-definition", - "name": "demo-wc-card", - "declaration": { - "name": "DemoWcCard", - "module": "fixtures/-default/package/bar.js" - } - } - ] - } - ] -} \ No newline at end of file diff --git a/examples/web-components-kitchen-sink/custom-elements.json b/examples/web-components-kitchen-sink/custom-elements.json new file mode 100644 index 000000000000..5b2e41202c51 --- /dev/null +++ b/examples/web-components-kitchen-sink/custom-elements.json @@ -0,0 +1,467 @@ +{ + "schemaVersion": "1.0.0", + "readme": "", + "modules": [ + { + "kind": "javascript-module", + "path": "demo-wc-card.js", + "declarations": [], + "exports": [ + { + "kind": "custom-element-definition", + "name": "demo-wc-card", + "declaration": { + "name": "DemoWcCard", + "module": "/src/stories/misc/to-update/DemoWcCard.js" + } + } + ] + }, + { + "kind": "javascript-module", + "path": "src/typings.d.ts", + "declarations": [], + "exports": [] + }, + { + "kind": "javascript-module", + "path": "src/components/sb-button.ts", + "declarations": [ + { + "kind": "class", + "description": "", + "name": "SbButton", + "cssProperties": [ + { + "description": "- Controls the color of bar", + "name": "--sb-primary-color", + "default": "#1ea7fd" + } + ], + "members": [ + { + "kind": "field", + "name": "primary", + "type": { + "text": "boolean" + }, + "description": "- Set button in primary mode" + }, + { + "kind": "field", + "name": "backgroundColor", + "type": { + "text": "string" + } + }, + { + "kind": "field", + "name": "size", + "type": { + "text": "'small' | 'medium' | 'large'" + }, + "default": "medium" + }, + { + "kind": "field", + "name": "label", + "default": "" + }, + { + "kind": "method", + "name": "onClick", + "privacy": "private" + }, + { + "kind": "field", + "name": "label", + "privacy": "public" + }, + { + "kind": "field", + "name": "primary", + "privacy": "public" + }, + { + "kind": "field", + "name": "size", + "privacy": "public" + }, + { + "kind": "field", + "name": "backgroundColor", + "privacy": "public" + } + ], + "events": [ + { + "name": "sb-button:click", + "type": { + "text": "CustomEvent" + }, + "description": "- some description for typed-custom-event" + } + ], + "attributes": [ + { + "type": { + "text": "string" + }, + "description": "- Label of the button", + "name": "label" + }, + { + "type": { + "text": "string" + }, + "description": "- Size of the button, can be \"small\", \"medium\" or \"large\"; default is \"medium\".", + "name": "size" + }, + { + "type": { + "text": "string" + }, + "description": "- Color of the button's background", + "name": "backgroundColor" + }, + { + "name": "label", + "fieldName": "label" + }, + { + "name": "primary", + "fieldName": "primary" + }, + { + "name": "size", + "fieldName": "size" + }, + { + "name": "backgroundColor", + "fieldName": "backgroundColor" + } + ], + "superclass": { + "name": "LitElement" + }, + "tagName": "sb-button", + "summary": "This is a simple Storybook Button", + "customElement": true + } + ], + "exports": [ + { + "kind": "js", + "name": "SbButton", + "declaration": { + "name": "SbButton", + "module": "src/components/sb-button.ts" + } + }, + { + "kind": "custom-element-definition", + "name": "sb-button", + "declaration": { + "name": "SbButton", + "module": "src/components/sb-button.ts" + } + } + ] + }, + { + "kind": "javascript-module", + "path": "src/components/sb-header.ts", + "declarations": [ + { + "kind": "class", + "description": "", + "name": "SbHeader", + "members": [ + { + "kind": "field", + "name": "user", + "type": { + "text": "{}" + } + }, + { + "kind": "method", + "name": "dispatchCustomEvent", + "privacy": "private", + "parameters": [ + { + "name": "eventName", + "type": { + "text": "string" + } + } + ] + }, + { + "kind": "method", + "name": "logInOutButton", + "privacy": "private" + }, + { + "kind": "field", + "name": "user", + "privacy": "public" + } + ], + "events": [ + { + "type": { + "text": "CustomEvent" + } + }, + { + "type": { + "text": "CustomEvent" + }, + "description": "- Event send when user clicks on create account button", + "name": "sb-header:createAccount" + }, + { + "type": { + "text": "CustomEvent" + }, + "description": "- Event send when user clicks on login button", + "name": "sb-header:login" + }, + { + "type": { + "text": "CustomEvent" + }, + "description": "- Event send when user clicks on logout button", + "name": "sb-header:logout" + } + ], + "attributes": [ + { + "type": { + "text": "Object" + }, + "description": "- User of the app", + "name": "user" + }, + { + "name": "user", + "fieldName": "user" + } + ], + "superclass": { + "name": "LitElement" + }, + "tagName": "sb-header", + "summary": "This is a simple Storybook Header", + "customElement": true + } + ], + "exports": [ + { + "kind": "js", + "name": "SbHeader", + "declaration": { + "name": "SbHeader", + "module": "src/components/sb-header.ts" + } + }, + { + "kind": "custom-element-definition", + "name": "sb-header", + "declaration": { + "name": "SbHeader", + "module": "src/components/sb-header.ts" + } + } + ] + }, + { + "kind": "javascript-module", + "path": "src/components/sb-page.ts", + "declarations": [ + { + "kind": "class", + "description": "", + "name": "SbPage", + "members": [ + { + "kind": "field", + "name": "user", + "type": { + "text": "{}" + } + }, + { + "kind": "field", + "name": "user", + "privacy": "public" + } + ], + "attributes": [ + { + "type": { + "text": "Object" + }, + "description": "- User of the app", + "name": "user" + }, + { + "name": "user", + "fieldName": "user" + } + ], + "superclass": { + "name": "LitElement" + }, + "tagName": "sb-page", + "summary": "This is a simple Storybook Page", + "customElement": true + } + ], + "exports": [ + { + "kind": "js", + "name": "SbPage", + "declaration": { + "name": "SbPage", + "module": "src/components/sb-page.ts" + } + }, + { + "kind": "custom-element-definition", + "name": "sb-page", + "declaration": { + "name": "SbPage", + "module": "src/components/sb-page.ts" + } + } + ] + }, + { + "kind": "javascript-module", + "path": "src/stories/misc/to-update/DemoWcCard.js", + "declarations": [ + { + "kind": "class", + "description": "This is a container looking like a card with a back and front side you can switch", + "name": "DemoWcCard", + "cssProperties": [ + { + "description": "- Header font size", + "name": "--demo-wc-card-header-font-size" + }, + { + "description": "- Font color for front", + "name": "--demo-wc-card-front-color" + }, + { + "description": "- Font color for back", + "name": "--demo-wc-card-back-color" + } + ], + "cssParts": [ + { + "description": "- Front of the card", + "name": "front" + }, + { + "description": "- Back of the card", + "name": "back" + } + ], + "slots": [ + { + "description": "This is an unnamed slot (the default slot)", + "name": "-" + } + ], + "members": [ + { + "kind": "method", + "name": "toggle" + }, + { + "kind": "field", + "name": "backSide", + "privacy": "public", + "description": "Indicates that the back of the card is shown", + "default": "false" + }, + { + "kind": "field", + "name": "header", + "privacy": "public", + "description": "Header message", + "default": "'Your Message'" + }, + { + "kind": "field", + "name": "rows", + "privacy": "public", + "description": "Data rows" + } + ], + "events": [ + { + "name": "side-changed", + "type": { + "text": "CustomEvent" + }, + "description": "- Fires whenever it switches between front/back" + } + ], + "attributes": [ + { + "name": "back-side", + "fieldName": "backSide" + }, + { + "name": "header", + "fieldName": "header" + }, + { + "name": "rows", + "fieldName": "rows" + } + ], + "superclass": { + "name": "LitElement" + }, + "tagName": "demo-wc-card", + "customElement": true + } + ], + "exports": [ + { + "kind": "js", + "name": "DemoWcCard", + "declaration": { + "name": "DemoWcCard", + "module": "src/stories/misc/to-update/DemoWcCard.js" + } + } + ] + }, + { + "kind": "javascript-module", + "path": "src/stories/misc/to-update/demoWcCardStyle.css.js", + "declarations": [ + { + "kind": "variable", + "name": "demoWcCardStyle" + } + ], + "exports": [ + { + "kind": "js", + "name": "demoWcCardStyle", + "declaration": { + "name": "demoWcCardStyle", + "module": "src/stories/misc/to-update/demoWcCardStyle.css.js" + } + } + ] + } + ] +} diff --git a/examples/web-components-kitchen-sink/custom-elements.md b/examples/web-components-kitchen-sink/custom-elements.md deleted file mode 100644 index 5e68c8e88aa1..000000000000 --- a/examples/web-components-kitchen-sink/custom-elements.md +++ /dev/null @@ -1,44 +0,0 @@ -# demo-wc-card - -This is a container looking like a card with a back and front side you can switch - -## Properties - -| Property | Attribute | Type | Default | Description | -|------------|-------------|-----------|----------------|----------------------------------------------| -| `backSide` | `back-side` | `boolean` | false | Indicates that the back of the card is shown | -| `header` | `header` | `string` | "Your Message" | Header message | -| `rows` | `rows` | `object` | [] | Data rows | - -## Methods - -| Method | Type | -|----------|------------| -| `toggle` | `(): void` | - -## Events - -| Event | Description | -|----------------|-----------------------------------------------| -| `side-changed` | Fires whenever it switches between front/back | - -## Slots - -| Name | Description | -|------|--------------------------------------------| -| | This is an unnamed slot (the default slot) | - -## CSS Shadow Parts - -| Part | Description | -|---------|-------------------| -| `back` | Back of the card | -| `front` | Front of the card | - -## CSS Custom Properties - -| Property | Description | -|-----------------------------------|----------------------| -| `--demo-wc-card-back-color` | Font color for back | -| `--demo-wc-card-front-color` | Font color for front | -| `--demo-wc-card-header-font-size` | Header font size | diff --git a/examples/web-components-kitchen-sink/package.json b/examples/web-components-kitchen-sink/package.json index 13d9c2adf9f8..9e74bf5b359c 100644 --- a/examples/web-components-kitchen-sink/package.json +++ b/examples/web-components-kitchen-sink/package.json @@ -71,6 +71,7 @@ "jest": "^27.0.1", "typescript": "4.2.4" }, + "customElements": "custom-elements.json", "storybook": { "chromatic": { "projectToken": "npm5gsofwkf" From 500fcdc322e75708be4d83549a3b26bb39bfb1fe Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Ga=C3=ABtan=20Maisse?= Date: Sat, 19 Jun 2021 18:11:44 +0200 Subject: [PATCH 09/12] example(web-components): fix JS Doc --- .../web-components-kitchen-sink/src/components/sb-button.ts | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) 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 70bcfe30f1a6..1a81bf443132 100644 --- a/examples/web-components-kitchen-sink/src/components/sb-button.ts +++ b/examples/web-components-kitchen-sink/src/components/sb-button.ts @@ -11,7 +11,7 @@ import { styleMap } from 'lit/directives/style-map.js'; * * @prop {boolean} primary - Set button in primary mode * - * @event {CustomEvent} sb-button:click - some description for typed-custom-event + * @event {CustomEvent} sb-button:click - Custom event send when the button is clicked * * @summary This is a simple Storybook Button * From 306e7496d7a1d3482d19e0b841a0937336134482 Mon Sep 17 00:00:00 2001 From: thepassle Date: Fri, 25 Jun 2021 10:22:51 +0200 Subject: [PATCH 10/12] docs: update documentation --- addons/docs/web-components/README.md | 63 ++++++++++++++----- .../web-components.mdx | 6 +- 2 files changed, 51 insertions(+), 18 deletions(-) diff --git a/addons/docs/web-components/README.md b/addons/docs/web-components/README.md index 0f5cfb8c6410..f21537958441 100644 --- a/addons/docs/web-components/README.md +++ b/addons/docs/web-components/README.md @@ -12,10 +12,10 @@ - Add to your `.storybook/preview.js` ```js - import { setCustomElements } from '@storybook/web-components'; + import { setCustomElementsManifest } from '@storybook/web-components'; import customElements from '../custom-elements.json'; - setCustomElements(customElements); + setCustomElementsManifest(customElements); ``` - Add to your story files @@ -33,8 +33,12 @@ In order to get [Props tables](..docs/../../docs/props-tables.md) documentation You can hand write it or better generate it. Depending on the web components sugar you are choosing your milage may vary. -Known analyzers that output `custom-elements.json`: +Known analyzers that output `custom-elements.json` v1.0.0: +- [@custom-elements-manifest/analyzer](https://github.com/open-wc/custom-elements-manifest) + - Supports Vanilla, LitElement, FASTElement, Stencil, Catalyst, Atomico + +Known analyzers that output older versions of `custom-elements.json`: - [web-component-analyzer](https://github.com/runem/web-component-analyzer) - Supports LitElement, Polymer, Vanilla, (Stencil) - [stenciljs](https://stenciljs.com/) @@ -53,22 +57,51 @@ The file looks something like this: ```json { - "version": 2, - "tags": [ + "schemaVersion": "1.0.0", + "readme": "", + "modules": [ { - "name": "demo-wc-card", - "properties": [ + "kind": "javascript-module", + "path": "src/my-element.js", + "declarations": [ { - "name": "header", - "type": "String", - "attribute": "header", - "description": "Shown at the top of the card", - "default": "Your Message" + "kind": "class", + "description": "", + "name": "MyElement", + "members": [ + { + "kind": "field", + "name": "disabled" + }, + { + "kind": "method", + "name": "fire" + } + ], + "events": [ + { + "name": "disabled-changed", + "type": { + "text": "Event" + } + } + ], + "superclass": { + "name": "HTMLElement" + }, + "tagName": "my-element" } ], - "events": [], - "slots": [], - "cssProperties": [] + "exports": [ + { + "kind": "custom-element-definition", + "name": "my-element", + "declaration": { + "name": "MyElement", + "module": "src/my-element.js" + } + } + ] } ] } diff --git a/docs/essentials/auto-generated-controls/web-components.mdx b/docs/essentials/auto-generated-controls/web-components.mdx index 3fce9f6d9d2d..fe7d59233220 100644 --- a/docs/essentials/auto-generated-controls/web-components.mdx +++ b/docs/essentials/auto-generated-controls/web-components.mdx @@ -12,10 +12,10 @@ Storybook uses this to auto-generate the `ArgTypes` for your component using you You'll need to register that in `.storybook/preview.js`: ```js -import { setCustomElements } from '@storybook/web-components'; +import { setCustomElementsManifest } from '@storybook/web-components'; import customElements from '../custom-elements.json'; -setCustomElements(customElements); +setCustomElementsManifest(customElements); ``` -You can generate a `custom-elements.json` using either [web-component-analyzer](https://github.com/runem/web-component-analyzer) or [stenciljs](https://stenciljs.com/) (if you're using Stencil). +You can generate a `custom-elements.json` using [@custom-elements-manifest/analyzer](https://github.com/open-wc/custom-elements-manifest). If you're using the pre-v1.0.0 version of `custom-elements.json` you can use either [web-component-analyzer](https://github.com/runem/web-component-analyzer) or [stenciljs](https://stenciljs.com/) (if you're using Stencil). From fd1957ac13d6b29103dfa3ad53a2a166e5f1d386 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Ga=C3=ABtan=20Maisse?= Date: Tue, 29 Jun 2021 20:46:55 +0200 Subject: [PATCH 11/12] example(web-components): update @custom-elements-manifest/analyzer and regenerate manifest --- .../custom-elements.json | 95 +++--- .../web-components-kitchen-sink/package.json | 2 +- .../web-components-kitchen-sink/yarn.lock | 287 +++++++++--------- 3 files changed, 183 insertions(+), 201 deletions(-) diff --git a/examples/web-components-kitchen-sink/custom-elements.json b/examples/web-components-kitchen-sink/custom-elements.json index 5b2e41202c51..aaba478e95e5 100644 --- a/examples/web-components-kitchen-sink/custom-elements.json +++ b/examples/web-components-kitchen-sink/custom-elements.json @@ -33,7 +33,7 @@ "name": "SbButton", "cssProperties": [ { - "description": "- Controls the color of bar", + "description": "Controls the color of bar", "name": "--sb-primary-color", "default": "#1ea7fd" } @@ -45,14 +45,16 @@ "type": { "text": "boolean" }, - "description": "- Set button in primary mode" + "description": "Set button in primary mode", + "privacy": "public" }, { "kind": "field", "name": "backgroundColor", "type": { "text": "string" - } + }, + "privacy": "public" }, { "kind": "field", @@ -60,37 +62,19 @@ "type": { "text": "'small' | 'medium' | 'large'" }, - "default": "medium" + "default": "'medium'", + "privacy": "public" }, { "kind": "field", "name": "label", - "default": "" + "default": "''", + "privacy": "public" }, { "kind": "method", "name": "onClick", "privacy": "private" - }, - { - "kind": "field", - "name": "label", - "privacy": "public" - }, - { - "kind": "field", - "name": "primary", - "privacy": "public" - }, - { - "kind": "field", - "name": "size", - "privacy": "public" - }, - { - "kind": "field", - "name": "backgroundColor", - "privacy": "public" } ], "events": [ @@ -99,7 +83,7 @@ "type": { "text": "CustomEvent" }, - "description": "- some description for typed-custom-event" + "description": "Custom event send when the button is clicked" } ], "attributes": [ @@ -107,21 +91,21 @@ "type": { "text": "string" }, - "description": "- Label of the button", + "description": "Label of the button", "name": "label" }, { "type": { "text": "string" }, - "description": "- Size of the button, can be \"small\", \"medium\" or \"large\"; default is \"medium\".", + "description": "Size of the button, can be \"small\", \"medium\" or \"large\"; default is \"medium\".", "name": "size" }, { "type": { "text": "string" }, - "description": "- Color of the button's background", + "description": "Color of the button's background", "name": "backgroundColor" }, { @@ -142,7 +126,8 @@ } ], "superclass": { - "name": "LitElement" + "name": "LitElement", + "package": "lit" }, "tagName": "sb-button", "summary": "This is a simple Storybook Button", @@ -182,7 +167,8 @@ "name": "user", "type": { "text": "{}" - } + }, + "privacy": "public" }, { "kind": "method", @@ -201,11 +187,6 @@ "kind": "method", "name": "logInOutButton", "privacy": "private" - }, - { - "kind": "field", - "name": "user", - "privacy": "public" } ], "events": [ @@ -218,21 +199,21 @@ "type": { "text": "CustomEvent" }, - "description": "- Event send when user clicks on create account button", + "description": "Event send when user clicks on create account button", "name": "sb-header:createAccount" }, { "type": { "text": "CustomEvent" }, - "description": "- Event send when user clicks on login button", + "description": "Event send when user clicks on login button", "name": "sb-header:login" }, { "type": { "text": "CustomEvent" }, - "description": "- Event send when user clicks on logout button", + "description": "Event send when user clicks on logout button", "name": "sb-header:logout" } ], @@ -241,7 +222,7 @@ "type": { "text": "Object" }, - "description": "- User of the app", + "description": "User of the app", "name": "user" }, { @@ -250,7 +231,8 @@ } ], "superclass": { - "name": "LitElement" + "name": "LitElement", + "package": "lit" }, "tagName": "sb-header", "summary": "This is a simple Storybook Header", @@ -290,11 +272,7 @@ "name": "user", "type": { "text": "{}" - } - }, - { - "kind": "field", - "name": "user", + }, "privacy": "public" } ], @@ -303,7 +281,7 @@ "type": { "text": "Object" }, - "description": "- User of the app", + "description": "User of the app", "name": "user" }, { @@ -312,7 +290,8 @@ } ], "superclass": { - "name": "LitElement" + "name": "LitElement", + "package": "lit" }, "tagName": "sb-page", "summary": "This is a simple Storybook Page", @@ -348,32 +327,32 @@ "name": "DemoWcCard", "cssProperties": [ { - "description": "- Header font size", + "description": "Header font size", "name": "--demo-wc-card-header-font-size" }, { - "description": "- Font color for front", + "description": "Font color for front", "name": "--demo-wc-card-front-color" }, { - "description": "- Font color for back", + "description": "Font color for back", "name": "--demo-wc-card-back-color" } ], "cssParts": [ { - "description": "- Front of the card", + "description": "Front of the card", "name": "front" }, { - "description": "- Back of the card", + "description": "Back of the card", "name": "back" } ], "slots": [ { "description": "This is an unnamed slot (the default slot)", - "name": "-" + "name": "" } ], "members": [ @@ -399,7 +378,8 @@ "kind": "field", "name": "rows", "privacy": "public", - "description": "Data rows" + "description": "Data rows", + "default": "[]" } ], "events": [ @@ -408,7 +388,7 @@ "type": { "text": "CustomEvent" }, - "description": "- Fires whenever it switches between front/back" + "description": "Fires whenever it switches between front/back" } ], "attributes": [ @@ -426,7 +406,8 @@ } ], "superclass": { - "name": "LitElement" + "name": "LitElement", + "package": "lit" }, "tagName": "demo-wc-card", "customElement": true diff --git a/examples/web-components-kitchen-sink/package.json b/examples/web-components-kitchen-sink/package.json index feddc8ae2f6a..5c3713cb537d 100644 --- a/examples/web-components-kitchen-sink/package.json +++ b/examples/web-components-kitchen-sink/package.json @@ -55,7 +55,7 @@ "lit": "^2.0.0-rc.2" }, "devDependencies": { - "@custom-elements-manifest/analyzer": "^0.3.0", + "@custom-elements-manifest/analyzer": "^0.3.11", "@storybook/addon-a11y": "*", "@storybook/addon-actions": "*", "@storybook/addon-backgrounds": "*", diff --git a/examples/web-components-kitchen-sink/yarn.lock b/examples/web-components-kitchen-sink/yarn.lock index f667613cbd4e..9159d6c7b784 100644 --- a/examples/web-components-kitchen-sink/yarn.lock +++ b/examples/web-components-kitchen-sink/yarn.lock @@ -1510,9 +1510,9 @@ __metadata: languageName: node linkType: hard -"@custom-elements-manifest/analyzer@npm:^0.3.0": - version: 0.3.0 - resolution: "@custom-elements-manifest/analyzer@npm:0.3.0" +"@custom-elements-manifest/analyzer@npm:^0.3.11": + version: 0.3.11 + resolution: "@custom-elements-manifest/analyzer@npm:0.3.11" dependencies: "@web/config-loader": ^0.1.3 chokidar: ^3.5.2 @@ -1525,7 +1525,7 @@ __metadata: bin: cem: index.js custom-elements-manifest: index.js - checksum: 0aa7215ed2193e9a084be0e96204ac2ff598d8ab6223fd6968861fc558bf8f44a0cb7df7e19c3481b72890733086ce5e3c6465b158dc0a5727ecc48c86a3b8ce + checksum: f943f56e7da2a9e9059b368248183703ae7693a43955546c4ad9f0e571924e82e08271d1fc4ad684ea307a642cd7be0f0cc419002f648f101d20ab61419ca33b languageName: node linkType: hard @@ -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.3.0-rc.11 - "@storybook/api": 6.3.0-rc.11 - "@storybook/channels": 6.3.0-rc.11 - "@storybook/client-api": 6.3.0-rc.11 - "@storybook/client-logger": 6.3.0-rc.11 - "@storybook/components": 6.3.0-rc.11 - "@storybook/core-events": 6.3.0-rc.11 - "@storybook/theming": 6.3.0-rc.11 + "@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 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.3.0-rc.11 - "@storybook/api": 6.3.0-rc.11 - "@storybook/client-api": 6.3.0-rc.11 - "@storybook/components": 6.3.0-rc.11 - "@storybook/core-events": 6.3.0-rc.11 - "@storybook/theming": 6.3.0-rc.11 + "@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 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.3.0-rc.11 - "@storybook/api": 6.3.0-rc.11 - "@storybook/client-logger": 6.3.0-rc.11 - "@storybook/components": 6.3.0-rc.11 - "@storybook/core-events": 6.3.0-rc.11 - "@storybook/theming": 6.3.0-rc.11 + "@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 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.3.0-rc.11 - "@storybook/api": 6.3.0-rc.11 - "@storybook/client-api": 6.3.0-rc.11 - "@storybook/components": 6.3.0-rc.11 - "@storybook/node-logger": 6.3.0-rc.11 - "@storybook/theming": 6.3.0-rc.11 + "@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 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.3.0-rc.11 - "@storybook/api": 6.3.0-rc.11 - "@storybook/builder-webpack4": 6.3.0-rc.11 - "@storybook/client-api": 6.3.0-rc.11 - "@storybook/client-logger": 6.3.0-rc.11 - "@storybook/components": 6.3.0-rc.11 - "@storybook/core": 6.3.0-rc.11 - "@storybook/core-events": 6.3.0-rc.11 + "@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/csf": 0.0.1 - "@storybook/csf-tools": 6.3.0-rc.11 - "@storybook/node-logger": 6.3.0-rc.11 - "@storybook/postinstall": 6.3.0-rc.11 - "@storybook/source-loader": 6.3.0-rc.11 - "@storybook/theming": 6.3.0-rc.11 + "@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 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.3.0-rc.11 - "@storybook/vue": 6.3.0-rc.11 - "@storybook/vue3": 6.3.0-rc.11 - "@storybook/web-components": 6.3.0-rc.11 + "@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 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.3.0-rc.11 - "@storybook/client-logger": 6.3.0-rc.11 - "@storybook/core-events": 6.3.0-rc.11 + "@storybook/addons": 6.4.0-alpha.7 + "@storybook/client-logger": 6.4.0-alpha.7 + "@storybook/core-events": 6.4.0-alpha.7 "@storybook/csf": 0.0.1 - "@storybook/router": 6.3.0-rc.11 + "@storybook/router": 6.4.0-alpha.7 "@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.3.0-rc.11 - "@storybook/client-api": 6.3.0-rc.11 - "@storybook/core": 6.3.0-rc.11 - "@storybook/core-common": 6.3.0-rc.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 "@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.3.0-rc.11 - "@storybook/api": 6.3.0-rc.11 - "@storybook/client-logger": 6.3.0-rc.11 - "@storybook/components": 6.3.0-rc.11 - "@storybook/router": 6.3.0-rc.11 - "@storybook/source-loader": 6.3.0-rc.11 - "@storybook/theming": 6.3.0-rc.11 + "@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 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.3.0-rc.11 - "@storybook/api": 6.3.0-rc.11 - "@storybook/client-logger": 6.3.0-rc.11 - "@storybook/components": 6.3.0-rc.11 - "@storybook/core-events": 6.3.0-rc.11 - "@storybook/theming": 6.3.0-rc.11 + "@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 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.3.0-rc.11 - "@storybook/channels": 6.3.0-rc.11 - "@storybook/client-logger": 6.3.0-rc.11 - "@storybook/core-events": 6.3.0-rc.11 - "@storybook/router": 6.3.0-rc.11 - "@storybook/theming": 6.3.0-rc.11 + "@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 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.3.0-rc.11 - "@storybook/client-logger": 6.3.0-rc.11 - "@storybook/core-events": 6.3.0-rc.11 + "@storybook/channels": 6.4.0-alpha.7 + "@storybook/client-logger": 6.4.0-alpha.7 + "@storybook/core-events": 6.4.0-alpha.7 "@storybook/csf": 0.0.1 - "@storybook/router": 6.3.0-rc.11 + "@storybook/router": 6.4.0-alpha.7 "@storybook/semver": ^7.3.2 - "@storybook/theming": 6.3.0-rc.11 + "@storybook/theming": 6.4.0-alpha.7 "@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.3.0-rc.11 - "@storybook/api": 6.3.0-rc.11 - "@storybook/channel-postmessage": 6.3.0-rc.11 - "@storybook/channels": 6.3.0-rc.11 - "@storybook/client-api": 6.3.0-rc.11 - "@storybook/client-logger": 6.3.0-rc.11 - "@storybook/components": 6.3.0-rc.11 - "@storybook/core-common": 6.3.0-rc.11 - "@storybook/core-events": 6.3.0-rc.11 - "@storybook/node-logger": 6.3.0-rc.11 - "@storybook/router": 6.3.0-rc.11 + "@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/semver": ^7.3.2 - "@storybook/theming": 6.3.0-rc.11 - "@storybook/ui": 6.3.0-rc.11 + "@storybook/theming": 6.4.0-alpha.7 + "@storybook/ui": 6.4.0-alpha.7 "@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.3.0-rc.11 - "@storybook/client-logger": 6.3.0-rc.11 - "@storybook/core-events": 6.3.0-rc.11 + "@storybook/channels": 6.4.0-alpha.7 + "@storybook/client-logger": 6.4.0-alpha.7 + "@storybook/core-events": 6.4.0-alpha.7 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.3.0-rc.11 - "@storybook/channel-postmessage": 6.3.0-rc.11 - "@storybook/channels": 6.3.0-rc.11 - "@storybook/client-logger": 6.3.0-rc.11 - "@storybook/core-events": 6.3.0-rc.11 + "@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/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.3.0-rc.11 + "@storybook/client-logger": 6.4.0-alpha.7 "@storybook/csf": 0.0.1 - "@storybook/theming": 6.3.0-rc.11 + "@storybook/theming": 6.4.0-alpha.7 "@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.3.0-rc.11 - "@storybook/channel-postmessage": 6.3.0-rc.11 - "@storybook/client-api": 6.3.0-rc.11 - "@storybook/client-logger": 6.3.0-rc.11 - "@storybook/core-events": 6.3.0-rc.11 + "@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/csf": 0.0.1 - "@storybook/ui": 6.3.0-rc.11 + "@storybook/ui": 6.4.0-alpha.7 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.3.0-rc.11 + "@storybook/node-logger": 6.4.0-alpha.7 "@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.3.0-rc.11 - "@storybook/core-client": 6.3.0-rc.11 - "@storybook/core-common": 6.3.0-rc.11 - "@storybook/csf-tools": 6.3.0-rc.11 - "@storybook/manager-webpack4": 6.3.0-rc.11 - "@storybook/node-logger": 6.3.0-rc.11 + "@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/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.3.0-rc.11 - "@storybook/manager-webpack5": 6.3.0-rc.11 + "@storybook/builder-webpack5": 6.4.0-alpha.7 + "@storybook/manager-webpack5": 6.4.0-alpha.7 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.3.0-rc.11 - "@storybook/core-server": 6.3.0-rc.11 + "@storybook/core-client": 6.4.0-alpha.7 + "@storybook/core-server": 6.4.0-alpha.7 peerDependencies: - "@storybook/builder-webpack5": 6.3.0-rc.11 + "@storybook/builder-webpack5": 6.4.0-alpha.7 react: ^16.8.0 || ^17.0.0 react-dom: ^16.8.0 || ^17.0.0 peerDependenciesMeta: @@ -2875,6 +2875,7 @@ __metadata: "@storybook/csf": ^0.0.1 core-js: ^3.8.2 fs-extra: ^9.0.1 + global: ^4.4.0 js-string-escape: ^1.0.1 lodash: ^4.17.20 prettier: ~2.2.1 @@ -2898,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.3.0-rc.11 - "@storybook/core-client": 6.3.0-rc.11 - "@storybook/core-common": 6.3.0-rc.11 - "@storybook/node-logger": 6.3.0-rc.11 - "@storybook/theming": 6.3.0-rc.11 - "@storybook/ui": 6.3.0-rc.11 + "@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 "@types/node": ^14.0.10 "@types/webpack": ^4.41.26 babel-loader: ^8.2.2 @@ -2966,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.3.0-rc.11 + "@storybook/client-logger": 6.4.0-alpha.7 "@types/reach__router": ^1.3.7 core-js: ^3.8.2 fast-deep-equal: ^3.1.3 @@ -2997,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.3.0-rc.11 - "@storybook/client-logger": 6.3.0-rc.11 + "@storybook/addons": 6.4.0-alpha.7 + "@storybook/client-logger": 6.4.0-alpha.7 "@storybook/csf": 0.0.1 core-js: ^3.8.2 estraverse: ^5.2.0 @@ -3020,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.3.0-rc.11 + "@storybook/client-logger": 6.4.0-alpha.7 core-js: ^3.8.2 deep-object-diff: ^1.1.0 emotion-theming: ^10.0.27 @@ -3040,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.3.0-rc.11 - "@storybook/api": 6.3.0-rc.11 - "@storybook/channels": 6.3.0-rc.11 - "@storybook/client-logger": 6.3.0-rc.11 - "@storybook/components": 6.3.0-rc.11 - "@storybook/core-events": 6.3.0-rc.11 - "@storybook/router": 6.3.0-rc.11 + "@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/semver": ^7.3.2 - "@storybook/theming": 6.3.0-rc.11 + "@storybook/theming": 6.4.0-alpha.7 "@types/markdown-to-jsx": ^6.11.3 copy-to-clipboard: ^3.3.1 core-js: ^3.8.2 @@ -3081,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.3.0-rc.11 - "@storybook/client-api": 6.3.0-rc.11 - "@storybook/core": 6.3.0-rc.11 - "@storybook/core-common": 6.3.0-rc.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 "@types/webpack-env": ^1.16.0 babel-plugin-bundled-import-meta: ^0.3.1 core-js: ^3.8.2 @@ -14224,7 +14225,7 @@ fsevents@^1.2.7: version: 0.0.0-use.local resolution: "web-components-kitchen-sink@workspace:." dependencies: - "@custom-elements-manifest/analyzer": ^0.3.0 + "@custom-elements-manifest/analyzer": ^0.3.11 "@storybook/addon-a11y": "*" "@storybook/addon-actions": "*" "@storybook/addon-backgrounds": "*" From 56d28ebf76fa171d767080f9175aeb87cb1ab0e1 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Ga=C3=ABtan=20Maisse?= Date: Tue, 29 Jun 2021 20:52:03 +0200 Subject: [PATCH 12/12] refactor(docs): fix DeepScan warnings --- .../web-components/custom-elements.ts | 38 ++++++++++--------- 1 file changed, 21 insertions(+), 17 deletions(-) diff --git a/addons/docs/src/frameworks/web-components/custom-elements.ts b/addons/docs/src/frameworks/web-components/custom-elements.ts index 40f5277aa95c..701bfb866bac 100644 --- a/addons/docs/src/frameworks/web-components/custom-elements.ts +++ b/addons/docs/src/frameworks/web-components/custom-elements.ts @@ -49,24 +49,28 @@ interface Sections { function mapData(data: TagItem[], category: string) { return ( data && - data.reduce((acc, item) => { - if (item?.kind === 'method') return acc; + data + .filter((item) => !!item) + .reduce((acc, item) => { + if (item.kind === 'method') return acc; - const type = - category === 'properties' ? { name: item?.type?.text || item.type } : { name: 'void' }; - acc[item.name] = { - name: item.name, - required: false, - description: item.description, - type, - table: { - category, - type: { summary: item?.type?.text || item.type }, - defaultValue: { summary: item.default !== undefined ? item.default : item.defaultValue }, - }, - }; - return acc; - }, {} as ArgTypes) + const type = + category === 'properties' ? { name: item.type?.text || item.type } : { name: 'void' }; + acc[item.name] = { + name: item.name, + required: false, + description: item.description, + type, + table: { + category, + type: { summary: item.type?.text || item.type }, + defaultValue: { + summary: item.default !== undefined ? item.default : item.defaultValue, + }, + }, + }; + return acc; + }, {} as ArgTypes) ); }