mirror of
https://github.com/storybookjs/storybook.git
synced 2025-04-03 05:04:51 +08:00
Merge branch 'next' into react-colorful
This commit is contained in:
Gert Hengeveld
GitHub
commit
e397e28d5b
32
CHANGELOG.md
32
CHANGELOG.md
@ -1,3 +1,35 @@
|
||||
## 6.2.0-rc.4 (March 19, 2021)
|
||||
|
||||
### Bug Fixes
|
||||
|
||||
- Webpack: Fix missing `module` mainField ([#14271](https://github.com/storybookjs/storybook/pull/14271))
|
||||
|
||||
## 6.2.0-rc.3 (March 18, 2021)
|
||||
|
||||
**NOTE:** For Angular users using inline story rendering in addon-docs, this is a breaking prerelease change. See below.
|
||||
|
||||
### Bug Fixes
|
||||
|
||||
- Addon-docs/Angular: Fix inline rendering setup ([#14270](https://github.com/storybookjs/storybook/pull/14270))
|
||||
- Addon-docs: Fix table dark mode ([#14251](https://github.com/storybookjs/storybook/pull/14251))
|
||||
- Webpack5: Replace fullhash with contenthash ([#14261](https://github.com/storybookjs/storybook/pull/14261))
|
||||
|
||||
### Maintenance
|
||||
|
||||
- CLI: Don't allow root directory as static dir ([#14068](https://github.com/storybookjs/storybook/pull/14068))
|
||||
- WebComponents: Fix types and improve CLI detection ([#14258](https://github.com/storybookjs/storybook/pull/14258))
|
||||
|
||||
## 6.2.0-rc.2 (March 17, 2021)
|
||||
|
||||
### Bug Fixes
|
||||
|
||||
- Addon-docs/Vue,Vue3: Fix preset options for vue-docgen-api ([#14227](https://github.com/storybookjs/storybook/pull/14227))
|
||||
- Webpack5: Fix hash => fullhash ([#14255](https://github.com/storybookjs/storybook/pull/14255))
|
||||
|
||||
### Maintenance
|
||||
|
||||
- Core: Check webpack version ([#14256](https://github.com/storybookjs/storybook/pull/14256))
|
||||
|
||||
## 6.2.0-rc.1 (March 16, 2021)
|
||||
|
||||
### Features
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/addon-a11y",
|
||||
"version": "6.2.0-rc.1",
|
||||
"version": "6.2.0-rc.4",
|
||||
"description": "Test component compliance with web accessibility standards",
|
||||
"keywords": [
|
||||
"a11y",
|
||||
@ -41,14 +41,14 @@
|
||||
"prepare": "node ../../scripts/prepare.js"
|
||||
},
|
||||
"dependencies": {
|
||||
"@storybook/addons": "6.2.0-rc.1",
|
||||
"@storybook/api": "6.2.0-rc.1",
|
||||
"@storybook/channels": "6.2.0-rc.1",
|
||||
"@storybook/client-api": "6.2.0-rc.1",
|
||||
"@storybook/client-logger": "6.2.0-rc.1",
|
||||
"@storybook/components": "6.2.0-rc.1",
|
||||
"@storybook/core-events": "6.2.0-rc.1",
|
||||
"@storybook/theming": "6.2.0-rc.1",
|
||||
"@storybook/addons": "6.2.0-rc.4",
|
||||
"@storybook/api": "6.2.0-rc.4",
|
||||
"@storybook/channels": "6.2.0-rc.4",
|
||||
"@storybook/client-api": "6.2.0-rc.4",
|
||||
"@storybook/client-logger": "6.2.0-rc.4",
|
||||
"@storybook/components": "6.2.0-rc.4",
|
||||
"@storybook/core-events": "6.2.0-rc.4",
|
||||
"@storybook/theming": "6.2.0-rc.4",
|
||||
"axe-core": "^4.1.1",
|
||||
"core-js": "^3.8.2",
|
||||
"global": "^4.4.0",
|
||||
@ -77,7 +77,7 @@
|
||||
"publishConfig": {
|
||||
"access": "public"
|
||||
},
|
||||
"gitHead": "8719fe697c922d330220851a341380546ba668e4",
|
||||
"gitHead": "1ac1d37eff1c54867ef24623da270f5f3472d25c",
|
||||
"storybook": {
|
||||
"displayName": "Accessibility",
|
||||
"icon": "https://user-images.githubusercontent.com/263385/101991665-47042f80-3c7c-11eb-8f00-64b5a18f498a.png",
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/addon-actions",
|
||||
"version": "6.2.0-rc.1",
|
||||
"version": "6.2.0-rc.4",
|
||||
"description": "Get UI feedback when an action is performed on an interactive element",
|
||||
"keywords": [
|
||||
"storybook",
|
||||
@ -37,12 +37,12 @@
|
||||
"prepare": "node ../../scripts/prepare.js"
|
||||
},
|
||||
"dependencies": {
|
||||
"@storybook/addons": "6.2.0-rc.1",
|
||||
"@storybook/api": "6.2.0-rc.1",
|
||||
"@storybook/client-api": "6.2.0-rc.1",
|
||||
"@storybook/components": "6.2.0-rc.1",
|
||||
"@storybook/core-events": "6.2.0-rc.1",
|
||||
"@storybook/theming": "6.2.0-rc.1",
|
||||
"@storybook/addons": "6.2.0-rc.4",
|
||||
"@storybook/api": "6.2.0-rc.4",
|
||||
"@storybook/client-api": "6.2.0-rc.4",
|
||||
"@storybook/components": "6.2.0-rc.4",
|
||||
"@storybook/core-events": "6.2.0-rc.4",
|
||||
"@storybook/theming": "6.2.0-rc.4",
|
||||
"core-js": "^3.8.2",
|
||||
"fast-deep-equal": "^3.1.3",
|
||||
"global": "^4.4.0",
|
||||
@ -74,7 +74,7 @@
|
||||
"publishConfig": {
|
||||
"access": "public"
|
||||
},
|
||||
"gitHead": "8719fe697c922d330220851a341380546ba668e4",
|
||||
"gitHead": "1ac1d37eff1c54867ef24623da270f5f3472d25c",
|
||||
"storybook": {
|
||||
"displayName": "Actions",
|
||||
"unsupportedFrameworks": [
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/addon-backgrounds",
|
||||
"version": "6.2.0-rc.1",
|
||||
"version": "6.2.0-rc.4",
|
||||
"description": "Switch backgrounds to view components in different settings",
|
||||
"keywords": [
|
||||
"addon",
|
||||
@ -41,12 +41,12 @@
|
||||
"prepare": "node ../../scripts/prepare.js"
|
||||
},
|
||||
"dependencies": {
|
||||
"@storybook/addons": "6.2.0-rc.1",
|
||||
"@storybook/api": "6.2.0-rc.1",
|
||||
"@storybook/client-logger": "6.2.0-rc.1",
|
||||
"@storybook/components": "6.2.0-rc.1",
|
||||
"@storybook/core-events": "6.2.0-rc.1",
|
||||
"@storybook/theming": "6.2.0-rc.1",
|
||||
"@storybook/addons": "6.2.0-rc.4",
|
||||
"@storybook/api": "6.2.0-rc.4",
|
||||
"@storybook/client-logger": "6.2.0-rc.4",
|
||||
"@storybook/components": "6.2.0-rc.4",
|
||||
"@storybook/core-events": "6.2.0-rc.4",
|
||||
"@storybook/theming": "6.2.0-rc.4",
|
||||
"core-js": "^3.8.2",
|
||||
"global": "^4.4.0",
|
||||
"memoizerific": "^1.11.3",
|
||||
@ -72,7 +72,7 @@
|
||||
"publishConfig": {
|
||||
"access": "public"
|
||||
},
|
||||
"gitHead": "8719fe697c922d330220851a341380546ba668e4",
|
||||
"gitHead": "1ac1d37eff1c54867ef24623da270f5f3472d25c",
|
||||
"storybook": {
|
||||
"displayName": "Backgrounds",
|
||||
"icon": "https://user-images.githubusercontent.com/263385/101991667-479cc600-3c7c-11eb-96d3-410e936252e7.png",
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/addon-controls",
|
||||
"version": "6.2.0-rc.1",
|
||||
"version": "6.2.0-rc.4",
|
||||
"description": "Interact with component inputs dynamically in the Storybook UI",
|
||||
"keywords": [
|
||||
"addon",
|
||||
@ -41,12 +41,12 @@
|
||||
"prepare": "node ../../scripts/prepare.js"
|
||||
},
|
||||
"dependencies": {
|
||||
"@storybook/addons": "6.2.0-rc.1",
|
||||
"@storybook/api": "6.2.0-rc.1",
|
||||
"@storybook/client-api": "6.2.0-rc.1",
|
||||
"@storybook/components": "6.2.0-rc.1",
|
||||
"@storybook/node-logger": "6.2.0-rc.1",
|
||||
"@storybook/theming": "6.2.0-rc.1",
|
||||
"@storybook/addons": "6.2.0-rc.4",
|
||||
"@storybook/api": "6.2.0-rc.4",
|
||||
"@storybook/client-api": "6.2.0-rc.4",
|
||||
"@storybook/components": "6.2.0-rc.4",
|
||||
"@storybook/node-logger": "6.2.0-rc.4",
|
||||
"@storybook/theming": "6.2.0-rc.4",
|
||||
"core-js": "^3.8.2",
|
||||
"ts-dedent": "^2.0.0"
|
||||
},
|
||||
@ -65,7 +65,7 @@
|
||||
"publishConfig": {
|
||||
"access": "public"
|
||||
},
|
||||
"gitHead": "8719fe697c922d330220851a341380546ba668e4",
|
||||
"gitHead": "1ac1d37eff1c54867ef24623da270f5f3472d25c",
|
||||
"storybook": {
|
||||
"displayName": "Controls",
|
||||
"icon": "https://user-images.githubusercontent.com/263385/101991669-479cc600-3c7c-11eb-93d9-38b67e8371f2.png",
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/addon-cssresources",
|
||||
"version": "6.2.0-rc.1",
|
||||
"version": "6.2.0-rc.4",
|
||||
"description": "A storybook addon to switch between css resources at runtime for your story",
|
||||
"keywords": [
|
||||
"addon",
|
||||
@ -40,11 +40,11 @@
|
||||
"prepare": "node ../../scripts/prepare.js"
|
||||
},
|
||||
"dependencies": {
|
||||
"@storybook/addons": "6.2.0-rc.1",
|
||||
"@storybook/api": "6.2.0-rc.1",
|
||||
"@storybook/components": "6.2.0-rc.1",
|
||||
"@storybook/core-events": "6.2.0-rc.1",
|
||||
"@storybook/theming": "6.2.0-rc.1",
|
||||
"@storybook/addons": "6.2.0-rc.4",
|
||||
"@storybook/api": "6.2.0-rc.4",
|
||||
"@storybook/components": "6.2.0-rc.4",
|
||||
"@storybook/core-events": "6.2.0-rc.4",
|
||||
"@storybook/theming": "6.2.0-rc.4",
|
||||
"core-js": "^3.8.2",
|
||||
"global": "^4.4.0",
|
||||
"regenerator-runtime": "^0.13.7"
|
||||
@ -67,7 +67,7 @@
|
||||
"publishConfig": {
|
||||
"access": "public"
|
||||
},
|
||||
"gitHead": "8719fe697c922d330220851a341380546ba668e4",
|
||||
"gitHead": "1ac1d37eff1c54867ef24623da270f5f3472d25c",
|
||||
"storybook": {
|
||||
"displayName": "CSS Resources",
|
||||
"unsupportedFrameworks": [
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/addon-design-assets",
|
||||
"version": "6.2.0-rc.1",
|
||||
"version": "6.2.0-rc.4",
|
||||
"description": "Design asset preview for storybook",
|
||||
"keywords": [
|
||||
"addon",
|
||||
@ -41,12 +41,12 @@
|
||||
"prepare": "node ../../scripts/prepare.js"
|
||||
},
|
||||
"dependencies": {
|
||||
"@storybook/addons": "6.2.0-rc.1",
|
||||
"@storybook/api": "6.2.0-rc.1",
|
||||
"@storybook/client-logger": "6.2.0-rc.1",
|
||||
"@storybook/components": "6.2.0-rc.1",
|
||||
"@storybook/core-events": "6.2.0-rc.1",
|
||||
"@storybook/theming": "6.2.0-rc.1",
|
||||
"@storybook/addons": "6.2.0-rc.4",
|
||||
"@storybook/api": "6.2.0-rc.4",
|
||||
"@storybook/client-logger": "6.2.0-rc.4",
|
||||
"@storybook/components": "6.2.0-rc.4",
|
||||
"@storybook/core-events": "6.2.0-rc.4",
|
||||
"@storybook/theming": "6.2.0-rc.4",
|
||||
"core-js": "^3.8.2",
|
||||
"global": "^4.4.0",
|
||||
"regenerator-runtime": "^0.13.7",
|
||||
@ -68,7 +68,7 @@
|
||||
"publishConfig": {
|
||||
"access": "public"
|
||||
},
|
||||
"gitHead": "8719fe697c922d330220851a341380546ba668e4",
|
||||
"gitHead": "1ac1d37eff1c54867ef24623da270f5f3472d25c",
|
||||
"storybook": {
|
||||
"displayName": "Design assets",
|
||||
"unsupportedFrameworks": [
|
||||
|
||||
1
addons/docs/angular/inline.js
vendored
1
addons/docs/angular/inline.js
vendored
@ -1 +0,0 @@
|
||||
module.exports = require('../dist/esm/frameworks/angular/prepareForInline');
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/addon-docs",
|
||||
"version": "6.2.0-rc.1",
|
||||
"version": "6.2.0-rc.4",
|
||||
"description": "Document component usage and properties in Markdown",
|
||||
"keywords": [
|
||||
"addon",
|
||||
@ -58,19 +58,19 @@
|
||||
"@mdx-js/loader": "^1.6.22",
|
||||
"@mdx-js/mdx": "^1.6.22",
|
||||
"@mdx-js/react": "^1.6.22",
|
||||
"@storybook/addons": "6.2.0-rc.1",
|
||||
"@storybook/api": "6.2.0-rc.1",
|
||||
"@storybook/builder-webpack4": "6.2.0-rc.1",
|
||||
"@storybook/client-api": "6.2.0-rc.1",
|
||||
"@storybook/client-logger": "6.2.0-rc.1",
|
||||
"@storybook/components": "6.2.0-rc.1",
|
||||
"@storybook/core": "6.2.0-rc.1",
|
||||
"@storybook/core-events": "6.2.0-rc.1",
|
||||
"@storybook/addons": "6.2.0-rc.4",
|
||||
"@storybook/api": "6.2.0-rc.4",
|
||||
"@storybook/builder-webpack4": "6.2.0-rc.4",
|
||||
"@storybook/client-api": "6.2.0-rc.4",
|
||||
"@storybook/client-logger": "6.2.0-rc.4",
|
||||
"@storybook/components": "6.2.0-rc.4",
|
||||
"@storybook/core": "6.2.0-rc.4",
|
||||
"@storybook/core-events": "6.2.0-rc.4",
|
||||
"@storybook/csf": "0.0.1",
|
||||
"@storybook/node-logger": "6.2.0-rc.1",
|
||||
"@storybook/postinstall": "6.2.0-rc.1",
|
||||
"@storybook/source-loader": "6.2.0-rc.1",
|
||||
"@storybook/theming": "6.2.0-rc.1",
|
||||
"@storybook/node-logger": "6.2.0-rc.4",
|
||||
"@storybook/postinstall": "6.2.0-rc.4",
|
||||
"@storybook/source-loader": "6.2.0-rc.4",
|
||||
"@storybook/theming": "6.2.0-rc.4",
|
||||
"acorn": "^7.4.1",
|
||||
"acorn-jsx": "^5.3.1",
|
||||
"acorn-walk": "^7.2.0",
|
||||
@ -97,10 +97,10 @@
|
||||
"@babel/core": "^7.12.10",
|
||||
"@emotion/core": "^10.1.1",
|
||||
"@emotion/styled": "^10.0.27",
|
||||
"@storybook/angular": "6.2.0-rc.1",
|
||||
"@storybook/react": "6.2.0-rc.1",
|
||||
"@storybook/vue": "6.2.0-rc.1",
|
||||
"@storybook/web-components": "6.2.0-rc.1",
|
||||
"@storybook/angular": "6.2.0-rc.4",
|
||||
"@storybook/react": "6.2.0-rc.4",
|
||||
"@storybook/vue": "6.2.0-rc.4",
|
||||
"@storybook/web-components": "6.2.0-rc.4",
|
||||
"@types/cross-spawn": "^6.0.2",
|
||||
"@types/doctrine": "^0.0.3",
|
||||
"@types/enzyme": "^3.10.8",
|
||||
@ -131,9 +131,9 @@
|
||||
},
|
||||
"peerDependencies": {
|
||||
"@babel/core": "^7.11.5",
|
||||
"@storybook/angular": "6.2.0-rc.1",
|
||||
"@storybook/vue": "6.2.0-rc.1",
|
||||
"@storybook/vue3": "6.2.0-rc.1",
|
||||
"@storybook/angular": "6.2.0-rc.4",
|
||||
"@storybook/vue": "6.2.0-rc.4",
|
||||
"@storybook/vue3": "6.2.0-rc.4",
|
||||
"babel-loader": "^8.0.0",
|
||||
"react": "^16.8.0 || ^17.0.0",
|
||||
"react-dom": "^16.8.0 || ^17.0.0",
|
||||
@ -174,7 +174,7 @@
|
||||
"publishConfig": {
|
||||
"access": "public"
|
||||
},
|
||||
"gitHead": "8719fe697c922d330220851a341380546ba668e4",
|
||||
"gitHead": "1ac1d37eff1c54867ef24623da270f5f3472d25c",
|
||||
"storybook": {
|
||||
"displayName": "Docs",
|
||||
"icon": "https://user-images.githubusercontent.com/263385/101991672-48355c80-3c7c-11eb-82d9-95fa12438f64.png",
|
||||
|
||||
@ -1,9 +1,13 @@
|
||||
import { SourceType } from '../../shared';
|
||||
import { extractArgTypes, extractComponentDescription } from './compodoc';
|
||||
import { sourceDecorator } from './sourceDecorator';
|
||||
import { prepareForInline } from './prepareForInline';
|
||||
|
||||
export const parameters = {
|
||||
docs: {
|
||||
// probably set this to true by default once it's battle-tested
|
||||
inlineStories: false,
|
||||
prepareForInline,
|
||||
extractArgTypes,
|
||||
extractComponentDescription,
|
||||
source: {
|
||||
|
||||
@ -1,4 +1,18 @@
|
||||
export function webpackFinal(webpackConfig: any = {}, options: any = {}) {
|
||||
import type { Options } from '@storybook/core-common';
|
||||
|
||||
export function webpackFinal(webpackConfig: any = {}, options: Options) {
|
||||
let vueDocgenOptions = {};
|
||||
|
||||
options.presetsList?.forEach((preset) => {
|
||||
if (preset.name.includes('addon-docs') && preset.options.vueDocgenOptions) {
|
||||
const appendableOptions = preset.options.vueDocgenOptions;
|
||||
vueDocgenOptions = {
|
||||
...vueDocgenOptions,
|
||||
...appendableOptions,
|
||||
};
|
||||
}
|
||||
});
|
||||
|
||||
webpackConfig.module.rules.push({
|
||||
test: /\.vue$/,
|
||||
loader: require.resolve('vue-docgen-loader', { paths: [require.resolve('@storybook/vue')] }),
|
||||
@ -6,7 +20,7 @@ export function webpackFinal(webpackConfig: any = {}, options: any = {}) {
|
||||
options: {
|
||||
docgenOptions: {
|
||||
alias: webpackConfig.resolve.alias,
|
||||
...options.vueDocgenOptions,
|
||||
...vueDocgenOptions,
|
||||
},
|
||||
},
|
||||
});
|
||||
|
||||
@ -1,4 +1,18 @@
|
||||
export function webpackFinal(webpackConfig: any = {}, options: any = {}) {
|
||||
import type { Options } from '@storybook/core-common';
|
||||
|
||||
export function webpackFinal(webpackConfig: any = {}, options: Options) {
|
||||
let vueDocgenOptions = {};
|
||||
|
||||
options.presetsList?.forEach((preset) => {
|
||||
if (preset.name.includes('addon-docs') && preset.options.vueDocgenOptions) {
|
||||
const appendableOptions = preset.options.vueDocgenOptions;
|
||||
vueDocgenOptions = {
|
||||
...vueDocgenOptions,
|
||||
...appendableOptions,
|
||||
};
|
||||
}
|
||||
});
|
||||
|
||||
webpackConfig.module.rules.push({
|
||||
test: /\.vue$/,
|
||||
loader: require.resolve('vue-docgen-loader', { paths: [require.resolve('@storybook/vue3')] }),
|
||||
@ -6,7 +20,7 @@ export function webpackFinal(webpackConfig: any = {}, options: any = {}) {
|
||||
options: {
|
||||
docgenOptions: {
|
||||
alias: webpackConfig.resolve.alias,
|
||||
...options.vueDocgenOptions,
|
||||
...vueDocgenOptions,
|
||||
},
|
||||
},
|
||||
});
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/addon-essentials",
|
||||
"version": "6.2.0-rc.1",
|
||||
"version": "6.2.0-rc.4",
|
||||
"description": "Curated addons to bring out the best of Storybook",
|
||||
"keywords": [
|
||||
"addon",
|
||||
@ -35,28 +35,28 @@
|
||||
"prepare": "node ../../scripts/prepare.js"
|
||||
},
|
||||
"dependencies": {
|
||||
"@storybook/addon-actions": "6.2.0-rc.1",
|
||||
"@storybook/addon-backgrounds": "6.2.0-rc.1",
|
||||
"@storybook/addon-controls": "6.2.0-rc.1",
|
||||
"@storybook/addon-docs": "6.2.0-rc.1",
|
||||
"@storybook/addon-toolbars": "6.2.0-rc.1",
|
||||
"@storybook/addon-viewport": "6.2.0-rc.1",
|
||||
"@storybook/addons": "6.2.0-rc.1",
|
||||
"@storybook/api": "6.2.0-rc.1",
|
||||
"@storybook/node-logger": "6.2.0-rc.1",
|
||||
"@storybook/addon-actions": "6.2.0-rc.4",
|
||||
"@storybook/addon-backgrounds": "6.2.0-rc.4",
|
||||
"@storybook/addon-controls": "6.2.0-rc.4",
|
||||
"@storybook/addon-docs": "6.2.0-rc.4",
|
||||
"@storybook/addon-toolbars": "6.2.0-rc.4",
|
||||
"@storybook/addon-viewport": "6.2.0-rc.4",
|
||||
"@storybook/addons": "6.2.0-rc.4",
|
||||
"@storybook/api": "6.2.0-rc.4",
|
||||
"@storybook/node-logger": "6.2.0-rc.4",
|
||||
"core-js": "^3.8.2",
|
||||
"regenerator-runtime": "^0.13.7",
|
||||
"ts-dedent": "^2.0.0"
|
||||
},
|
||||
"devDependencies": {
|
||||
"@babel/core": "^7.12.10",
|
||||
"@storybook/vue": "6.2.0-rc.1",
|
||||
"@storybook/vue": "6.2.0-rc.4",
|
||||
"@types/jest": "^26.0.16",
|
||||
"@types/webpack-env": "^1.16.0"
|
||||
},
|
||||
"peerDependencies": {
|
||||
"@babel/core": "^7.9.6",
|
||||
"@storybook/vue": "6.2.0-rc.1",
|
||||
"@storybook/vue": "6.2.0-rc.4",
|
||||
"babel-loader": "^8.0.0",
|
||||
"react": "^16.8.0 || ^17.0.0",
|
||||
"react-dom": "^16.8.0 || ^17.0.0",
|
||||
@ -79,5 +79,5 @@
|
||||
"publishConfig": {
|
||||
"access": "public"
|
||||
},
|
||||
"gitHead": "8719fe697c922d330220851a341380546ba668e4"
|
||||
"gitHead": "1ac1d37eff1c54867ef24623da270f5f3472d25c"
|
||||
}
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/addon-events",
|
||||
"version": "6.2.0-rc.1",
|
||||
"version": "6.2.0-rc.4",
|
||||
"description": "Add events to your Storybook stories.",
|
||||
"keywords": [
|
||||
"addon",
|
||||
@ -39,11 +39,11 @@
|
||||
"prepare": "node ../../scripts/prepare.js"
|
||||
},
|
||||
"dependencies": {
|
||||
"@storybook/addons": "6.2.0-rc.1",
|
||||
"@storybook/api": "6.2.0-rc.1",
|
||||
"@storybook/client-api": "6.2.0-rc.1",
|
||||
"@storybook/core-events": "6.2.0-rc.1",
|
||||
"@storybook/theming": "6.2.0-rc.1",
|
||||
"@storybook/addons": "6.2.0-rc.4",
|
||||
"@storybook/api": "6.2.0-rc.4",
|
||||
"@storybook/client-api": "6.2.0-rc.4",
|
||||
"@storybook/core-events": "6.2.0-rc.4",
|
||||
"@storybook/theming": "6.2.0-rc.4",
|
||||
"core-js": "^3.8.2",
|
||||
"format-json": "^1.0.3",
|
||||
"lodash": "^4.17.20",
|
||||
@ -70,7 +70,7 @@
|
||||
"publishConfig": {
|
||||
"access": "public"
|
||||
},
|
||||
"gitHead": "8719fe697c922d330220851a341380546ba668e4",
|
||||
"gitHead": "1ac1d37eff1c54867ef24623da270f5f3472d25c",
|
||||
"storybook": {
|
||||
"displayName": "Events",
|
||||
"unsupportedFrameworks": [
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/addon-google-analytics",
|
||||
"version": "6.2.0-rc.1",
|
||||
"version": "6.2.0-rc.4",
|
||||
"description": "Storybook addon for google analytics",
|
||||
"keywords": [
|
||||
"addon",
|
||||
@ -31,8 +31,8 @@
|
||||
"prepare": "node ../../scripts/prepare.js"
|
||||
},
|
||||
"dependencies": {
|
||||
"@storybook/addons": "6.2.0-rc.1",
|
||||
"@storybook/core-events": "6.2.0-rc.1",
|
||||
"@storybook/addons": "6.2.0-rc.4",
|
||||
"@storybook/core-events": "6.2.0-rc.4",
|
||||
"core-js": "^3.8.2",
|
||||
"global": "^4.4.0",
|
||||
"react-ga": "^2.7.0",
|
||||
@ -53,7 +53,7 @@
|
||||
"publishConfig": {
|
||||
"access": "public"
|
||||
},
|
||||
"gitHead": "8719fe697c922d330220851a341380546ba668e4",
|
||||
"gitHead": "1ac1d37eff1c54867ef24623da270f5f3472d25c",
|
||||
"storybook": {
|
||||
"displayName": "Google Analytics",
|
||||
"icon": "https://pbs.twimg.com/profile_images/1021848775885651968/cU74ahCn_400x400.jpg",
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/addon-graphql",
|
||||
"version": "6.2.0-rc.1",
|
||||
"version": "6.2.0-rc.4",
|
||||
"description": "Storybook addon to display the GraphiQL IDE",
|
||||
"keywords": [
|
||||
"addon",
|
||||
@ -39,8 +39,8 @@
|
||||
"dependencies": {
|
||||
"@babel/core": "^7.12.10",
|
||||
"@babel/plugin-transform-classes": "^7.12.1",
|
||||
"@storybook/addons": "6.2.0-rc.1",
|
||||
"@storybook/api": "6.2.0-rc.1",
|
||||
"@storybook/addons": "6.2.0-rc.4",
|
||||
"@storybook/api": "6.2.0-rc.4",
|
||||
"babel-loader": "^8.2.2",
|
||||
"core-js": "^3.8.2",
|
||||
"global": "^4.4.0",
|
||||
@ -65,7 +65,7 @@
|
||||
"publishConfig": {
|
||||
"access": "public"
|
||||
},
|
||||
"gitHead": "8719fe697c922d330220851a341380546ba668e4",
|
||||
"gitHead": "1ac1d37eff1c54867ef24623da270f5f3472d25c",
|
||||
"storybook": {
|
||||
"displayName": "GraphiQL IDE",
|
||||
"icon": "https://pbs.twimg.com/profile_images/618131103509909504/VQLBJ0TR_400x400.png",
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/addon-jest",
|
||||
"version": "6.2.0-rc.1",
|
||||
"version": "6.2.0-rc.4",
|
||||
"description": "React storybook addon that show component jest report",
|
||||
"keywords": [
|
||||
"addon",
|
||||
@ -43,11 +43,11 @@
|
||||
"prepare": "node ../../scripts/prepare.js"
|
||||
},
|
||||
"dependencies": {
|
||||
"@storybook/addons": "6.2.0-rc.1",
|
||||
"@storybook/api": "6.2.0-rc.1",
|
||||
"@storybook/components": "6.2.0-rc.1",
|
||||
"@storybook/core-events": "6.2.0-rc.1",
|
||||
"@storybook/theming": "6.2.0-rc.1",
|
||||
"@storybook/addons": "6.2.0-rc.4",
|
||||
"@storybook/api": "6.2.0-rc.4",
|
||||
"@storybook/components": "6.2.0-rc.4",
|
||||
"@storybook/core-events": "6.2.0-rc.4",
|
||||
"@storybook/theming": "6.2.0-rc.4",
|
||||
"core-js": "^3.8.2",
|
||||
"global": "^4.4.0",
|
||||
"react-sizeme": "^3.0.1",
|
||||
@ -72,7 +72,7 @@
|
||||
"publishConfig": {
|
||||
"access": "public"
|
||||
},
|
||||
"gitHead": "8719fe697c922d330220851a341380546ba668e4",
|
||||
"gitHead": "1ac1d37eff1c54867ef24623da270f5f3472d25c",
|
||||
"storybook": {
|
||||
"displayName": "Jest",
|
||||
"icon": "https://pbs.twimg.com/profile_images/821713465245102080/mMtKIMax_400x400.jpg",
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/addon-knobs",
|
||||
"version": "6.2.0-rc.1",
|
||||
"version": "6.2.0-rc.4",
|
||||
"description": "Storybook addon prop editor component",
|
||||
"keywords": [
|
||||
"addon",
|
||||
@ -37,13 +37,13 @@
|
||||
"prepare": "node ../../scripts/prepare.js"
|
||||
},
|
||||
"dependencies": {
|
||||
"@storybook/addons": "6.2.0-rc.1",
|
||||
"@storybook/api": "6.2.0-rc.1",
|
||||
"@storybook/channels": "6.2.0-rc.1",
|
||||
"@storybook/client-api": "6.2.0-rc.1",
|
||||
"@storybook/components": "6.2.0-rc.1",
|
||||
"@storybook/core-events": "6.2.0-rc.1",
|
||||
"@storybook/theming": "6.2.0-rc.1",
|
||||
"@storybook/addons": "6.2.0-rc.4",
|
||||
"@storybook/api": "6.2.0-rc.4",
|
||||
"@storybook/channels": "6.2.0-rc.4",
|
||||
"@storybook/client-api": "6.2.0-rc.4",
|
||||
"@storybook/components": "6.2.0-rc.4",
|
||||
"@storybook/core-events": "6.2.0-rc.4",
|
||||
"@storybook/theming": "6.2.0-rc.4",
|
||||
"copy-to-clipboard": "^3.3.1",
|
||||
"core-js": "^3.8.2",
|
||||
"escape-html": "^1.0.3",
|
||||
@ -80,7 +80,7 @@
|
||||
"publishConfig": {
|
||||
"access": "public"
|
||||
},
|
||||
"gitHead": "8719fe697c922d330220851a341380546ba668e4",
|
||||
"gitHead": "1ac1d37eff1c54867ef24623da270f5f3472d25c",
|
||||
"storybook": {
|
||||
"displayName": "Knobs",
|
||||
"unsupportedFrameworks": [
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/addon-links",
|
||||
"version": "6.2.0-rc.1",
|
||||
"version": "6.2.0-rc.4",
|
||||
"description": "Link stories together to build demos and prototypes with your UI components",
|
||||
"keywords": [
|
||||
"addon",
|
||||
@ -37,11 +37,11 @@
|
||||
"prepare": "node ../../scripts/prepare.js"
|
||||
},
|
||||
"dependencies": {
|
||||
"@storybook/addons": "6.2.0-rc.1",
|
||||
"@storybook/client-logger": "6.2.0-rc.1",
|
||||
"@storybook/core-events": "6.2.0-rc.1",
|
||||
"@storybook/addons": "6.2.0-rc.4",
|
||||
"@storybook/client-logger": "6.2.0-rc.4",
|
||||
"@storybook/core-events": "6.2.0-rc.4",
|
||||
"@storybook/csf": "0.0.1",
|
||||
"@storybook/router": "6.2.0-rc.1",
|
||||
"@storybook/router": "6.2.0-rc.4",
|
||||
"@types/qs": "^6.9.5",
|
||||
"core-js": "^3.8.2",
|
||||
"global": "^4.4.0",
|
||||
@ -68,7 +68,7 @@
|
||||
"publishConfig": {
|
||||
"access": "public"
|
||||
},
|
||||
"gitHead": "8719fe697c922d330220851a341380546ba668e4",
|
||||
"gitHead": "1ac1d37eff1c54867ef24623da270f5f3472d25c",
|
||||
"storybook": {
|
||||
"displayName": "Links",
|
||||
"icon": "https://user-images.githubusercontent.com/263385/101991673-48355c80-3c7c-11eb-9b6e-b627c96a75f6.png",
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/addon-queryparams",
|
||||
"version": "6.2.0-rc.1",
|
||||
"version": "6.2.0-rc.4",
|
||||
"description": "parameter addon for storybook",
|
||||
"keywords": [
|
||||
"addon",
|
||||
@ -38,12 +38,12 @@
|
||||
"prepare": "node ../../scripts/prepare.js"
|
||||
},
|
||||
"dependencies": {
|
||||
"@storybook/addons": "6.2.0-rc.1",
|
||||
"@storybook/api": "6.2.0-rc.1",
|
||||
"@storybook/client-logger": "6.2.0-rc.1",
|
||||
"@storybook/components": "6.2.0-rc.1",
|
||||
"@storybook/core-events": "6.2.0-rc.1",
|
||||
"@storybook/theming": "6.2.0-rc.1",
|
||||
"@storybook/addons": "6.2.0-rc.4",
|
||||
"@storybook/api": "6.2.0-rc.4",
|
||||
"@storybook/client-logger": "6.2.0-rc.4",
|
||||
"@storybook/components": "6.2.0-rc.4",
|
||||
"@storybook/core-events": "6.2.0-rc.4",
|
||||
"@storybook/theming": "6.2.0-rc.4",
|
||||
"core-js": "^3.8.2",
|
||||
"global": "^4.4.0",
|
||||
"qs": "^6.9.5",
|
||||
@ -68,7 +68,7 @@
|
||||
"publishConfig": {
|
||||
"access": "public"
|
||||
},
|
||||
"gitHead": "8719fe697c922d330220851a341380546ba668e4",
|
||||
"gitHead": "1ac1d37eff1c54867ef24623da270f5f3472d25c",
|
||||
"storybook": {
|
||||
"displayName": "Query params",
|
||||
"unsupportedFrameworks": [
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/addon-storyshots",
|
||||
"version": "6.2.0-rc.1",
|
||||
"version": "6.2.0-rc.4",
|
||||
"description": "Take a code snapshot of every story automatically with Jest",
|
||||
"keywords": [
|
||||
"addon",
|
||||
@ -41,10 +41,10 @@
|
||||
},
|
||||
"dependencies": {
|
||||
"@jest/transform": "^26.6.2",
|
||||
"@storybook/addons": "6.2.0-rc.1",
|
||||
"@storybook/client-api": "6.2.0-rc.1",
|
||||
"@storybook/core": "6.2.0-rc.1",
|
||||
"@storybook/core-common": "6.2.0-rc.1",
|
||||
"@storybook/addons": "6.2.0-rc.4",
|
||||
"@storybook/client-api": "6.2.0-rc.4",
|
||||
"@storybook/core": "6.2.0-rc.4",
|
||||
"@storybook/core-common": "6.2.0-rc.4",
|
||||
"@types/glob": "^7.1.3",
|
||||
"@types/jest": "^26.0.16",
|
||||
"@types/jest-specific-snapshot": "^0.5.3",
|
||||
@ -62,11 +62,11 @@
|
||||
"devDependencies": {
|
||||
"@angular/core": "^11.2.0",
|
||||
"@angular/platform-browser-dynamic": "^11.2.0",
|
||||
"@storybook/addon-docs": "6.2.0-rc.1",
|
||||
"@storybook/angular": "6.2.0-rc.1",
|
||||
"@storybook/react": "6.2.0-rc.1",
|
||||
"@storybook/vue": "6.2.0-rc.1",
|
||||
"@storybook/vue3": "6.2.0-rc.1",
|
||||
"@storybook/addon-docs": "6.2.0-rc.4",
|
||||
"@storybook/angular": "6.2.0-rc.4",
|
||||
"@storybook/react": "6.2.0-rc.4",
|
||||
"@storybook/vue": "6.2.0-rc.4",
|
||||
"@storybook/vue3": "6.2.0-rc.4",
|
||||
"babel-loader": "^8.2.2",
|
||||
"enzyme": "^3.11.0",
|
||||
"enzyme-to-json": "^3.6.1",
|
||||
@ -130,7 +130,7 @@
|
||||
"publishConfig": {
|
||||
"access": "public"
|
||||
},
|
||||
"gitHead": "8719fe697c922d330220851a341380546ba668e4",
|
||||
"gitHead": "1ac1d37eff1c54867ef24623da270f5f3472d25c",
|
||||
"storybook": {
|
||||
"displayName": "Storyshots",
|
||||
"icon": "https://user-images.githubusercontent.com/263385/101991676-48cdf300-3c7c-11eb-8aa1-944dab6ab29b.png",
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/addon-storyshots-puppeteer",
|
||||
"version": "6.2.0-rc.1",
|
||||
"version": "6.2.0-rc.4",
|
||||
"description": "Image snapshots addition to StoryShots based on puppeteer",
|
||||
"keywords": [
|
||||
"addon",
|
||||
@ -37,7 +37,7 @@
|
||||
},
|
||||
"dependencies": {
|
||||
"@storybook/csf": "0.0.1",
|
||||
"@storybook/node-logger": "6.2.0-rc.1",
|
||||
"@storybook/node-logger": "6.2.0-rc.4",
|
||||
"@types/jest-image-snapshot": "^4.1.3",
|
||||
"@wordpress/jest-puppeteer-axe": "^1.10.0",
|
||||
"core-js": "^3.8.2",
|
||||
@ -49,7 +49,7 @@
|
||||
"@types/puppeteer": "^5.4.0"
|
||||
},
|
||||
"peerDependencies": {
|
||||
"@storybook/addon-storyshots": "6.2.0-rc.1",
|
||||
"@storybook/addon-storyshots": "6.2.0-rc.4",
|
||||
"puppeteer": "^2.0.0 || ^3.0.0"
|
||||
},
|
||||
"peerDependenciesMeta": {
|
||||
@ -60,5 +60,5 @@
|
||||
"publishConfig": {
|
||||
"access": "public"
|
||||
},
|
||||
"gitHead": "8719fe697c922d330220851a341380546ba668e4"
|
||||
"gitHead": "1ac1d37eff1c54867ef24623da270f5f3472d25c"
|
||||
}
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/addon-storysource",
|
||||
"version": "6.2.0-rc.1",
|
||||
"version": "6.2.0-rc.4",
|
||||
"description": "View a story’s source code to see how it works and paste into your app",
|
||||
"keywords": [
|
||||
"addon",
|
||||
@ -37,13 +37,13 @@
|
||||
"prepare": "node ../../scripts/prepare.js"
|
||||
},
|
||||
"dependencies": {
|
||||
"@storybook/addons": "6.2.0-rc.1",
|
||||
"@storybook/api": "6.2.0-rc.1",
|
||||
"@storybook/client-logger": "6.2.0-rc.1",
|
||||
"@storybook/components": "6.2.0-rc.1",
|
||||
"@storybook/router": "6.2.0-rc.1",
|
||||
"@storybook/source-loader": "6.2.0-rc.1",
|
||||
"@storybook/theming": "6.2.0-rc.1",
|
||||
"@storybook/addons": "6.2.0-rc.4",
|
||||
"@storybook/api": "6.2.0-rc.4",
|
||||
"@storybook/client-logger": "6.2.0-rc.4",
|
||||
"@storybook/components": "6.2.0-rc.4",
|
||||
"@storybook/router": "6.2.0-rc.4",
|
||||
"@storybook/source-loader": "6.2.0-rc.4",
|
||||
"@storybook/theming": "6.2.0-rc.4",
|
||||
"core-js": "^3.8.2",
|
||||
"estraverse": "^5.2.0",
|
||||
"loader-utils": "^2.0.0",
|
||||
@ -71,7 +71,7 @@
|
||||
"publishConfig": {
|
||||
"access": "public"
|
||||
},
|
||||
"gitHead": "8719fe697c922d330220851a341380546ba668e4",
|
||||
"gitHead": "1ac1d37eff1c54867ef24623da270f5f3472d25c",
|
||||
"storybook": {
|
||||
"displayName": "Storysource",
|
||||
"icon": "https://user-images.githubusercontent.com/263385/101991675-48cdf300-3c7c-11eb-9400-58de5ac6daa7.png",
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/addon-toolbars",
|
||||
"version": "6.2.0-rc.1",
|
||||
"version": "6.2.0-rc.4",
|
||||
"description": "Create your own toolbar items that control story rendering",
|
||||
"keywords": [
|
||||
"addon",
|
||||
@ -41,10 +41,10 @@
|
||||
"prepare": "node ../../scripts/prepare.js"
|
||||
},
|
||||
"dependencies": {
|
||||
"@storybook/addons": "6.2.0-rc.1",
|
||||
"@storybook/api": "6.2.0-rc.1",
|
||||
"@storybook/client-api": "6.2.0-rc.1",
|
||||
"@storybook/components": "6.2.0-rc.1",
|
||||
"@storybook/addons": "6.2.0-rc.4",
|
||||
"@storybook/api": "6.2.0-rc.4",
|
||||
"@storybook/client-api": "6.2.0-rc.4",
|
||||
"@storybook/components": "6.2.0-rc.4",
|
||||
"core-js": "^3.8.2"
|
||||
},
|
||||
"peerDependencies": {
|
||||
@ -62,7 +62,7 @@
|
||||
"publishConfig": {
|
||||
"access": "public"
|
||||
},
|
||||
"gitHead": "8719fe697c922d330220851a341380546ba668e4",
|
||||
"gitHead": "1ac1d37eff1c54867ef24623da270f5f3472d25c",
|
||||
"storybook": {
|
||||
"displayName": "Toolbars",
|
||||
"icon": "https://user-images.githubusercontent.com/263385/101991677-48cdf300-3c7c-11eb-93b4-19b0e3366959.png",
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/addon-viewport",
|
||||
"version": "6.2.0-rc.1",
|
||||
"version": "6.2.0-rc.4",
|
||||
"description": "Build responsive components by adjusting Storybook’s viewport size and orientation",
|
||||
"keywords": [
|
||||
"addon",
|
||||
@ -38,12 +38,12 @@
|
||||
"prepare": "node ../../scripts/prepare.js"
|
||||
},
|
||||
"dependencies": {
|
||||
"@storybook/addons": "6.2.0-rc.1",
|
||||
"@storybook/api": "6.2.0-rc.1",
|
||||
"@storybook/client-logger": "6.2.0-rc.1",
|
||||
"@storybook/components": "6.2.0-rc.1",
|
||||
"@storybook/core-events": "6.2.0-rc.1",
|
||||
"@storybook/theming": "6.2.0-rc.1",
|
||||
"@storybook/addons": "6.2.0-rc.4",
|
||||
"@storybook/api": "6.2.0-rc.4",
|
||||
"@storybook/client-logger": "6.2.0-rc.4",
|
||||
"@storybook/components": "6.2.0-rc.4",
|
||||
"@storybook/core-events": "6.2.0-rc.4",
|
||||
"@storybook/theming": "6.2.0-rc.4",
|
||||
"core-js": "^3.8.2",
|
||||
"global": "^4.4.0",
|
||||
"memoizerific": "^1.11.3",
|
||||
@ -65,7 +65,7 @@
|
||||
"publishConfig": {
|
||||
"access": "public"
|
||||
},
|
||||
"gitHead": "8719fe697c922d330220851a341380546ba668e4",
|
||||
"gitHead": "1ac1d37eff1c54867ef24623da270f5f3472d25c",
|
||||
"storybook": {
|
||||
"displayName": "Viewport",
|
||||
"icon": "https://user-images.githubusercontent.com/263385/101991678-48cdf300-3c7c-11eb-9764-f8af293c1b28.png",
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/angular",
|
||||
"version": "6.2.0-rc.1",
|
||||
"version": "6.2.0-rc.4",
|
||||
"description": "Storybook for Angular: Develop Angular Components in isolation with Hot Reloading.",
|
||||
"keywords": [
|
||||
"storybook"
|
||||
@ -41,11 +41,11 @@
|
||||
"prepare": "node ../../scripts/prepare.js"
|
||||
},
|
||||
"dependencies": {
|
||||
"@storybook/addons": "6.2.0-rc.1",
|
||||
"@storybook/api": "6.2.0-rc.1",
|
||||
"@storybook/core": "6.2.0-rc.1",
|
||||
"@storybook/core-common": "6.2.0-rc.1",
|
||||
"@storybook/node-logger": "6.2.0-rc.1",
|
||||
"@storybook/addons": "6.2.0-rc.4",
|
||||
"@storybook/api": "6.2.0-rc.4",
|
||||
"@storybook/core": "6.2.0-rc.4",
|
||||
"@storybook/core-common": "6.2.0-rc.4",
|
||||
"@storybook/node-logger": "6.2.0-rc.4",
|
||||
"@types/webpack-env": "^1.16.0",
|
||||
"autoprefixer": "^9.8.6",
|
||||
"core-js": "^3.8.2",
|
||||
@ -120,5 +120,5 @@
|
||||
"publishConfig": {
|
||||
"access": "public"
|
||||
},
|
||||
"gitHead": "8719fe697c922d330220851a341380546ba668e4"
|
||||
"gitHead": "1ac1d37eff1c54867ef24623da270f5f3472d25c"
|
||||
}
|
||||
|
||||
@ -29,6 +29,102 @@ describe('angular source decorator', () => {
|
||||
});
|
||||
});
|
||||
|
||||
describe('with component with attribute selector', () => {
|
||||
@Component({
|
||||
selector: 'doc-button[foo]',
|
||||
template: '<button></button>',
|
||||
})
|
||||
class WithAttributeComponent {}
|
||||
|
||||
it('should add attribute to template', async () => {
|
||||
const component = WithAttributeComponent;
|
||||
const props = {};
|
||||
const argTypes: ArgTypes = {};
|
||||
const source = computesTemplateSourceFromComponent(component, props, argTypes);
|
||||
expect(source).toEqual(`<doc-button foo></doc-button>`);
|
||||
});
|
||||
});
|
||||
|
||||
describe('with component with attribute and value selector', () => {
|
||||
@Component({
|
||||
selector: 'doc-button[foo=bar]',
|
||||
template: '<button></button>',
|
||||
})
|
||||
class WithAttributeValueComponent {}
|
||||
|
||||
it('should add attribute to template', async () => {
|
||||
const component = WithAttributeValueComponent;
|
||||
const props = {};
|
||||
const argTypes: ArgTypes = {};
|
||||
const source = computesTemplateSourceFromComponent(component, props, argTypes);
|
||||
expect(source).toEqual(`<doc-button foo="bar"></doc-button>`);
|
||||
});
|
||||
});
|
||||
|
||||
describe('with component with attribute only selector', () => {
|
||||
@Component({
|
||||
selector: '[foo]',
|
||||
template: '<button></button>',
|
||||
})
|
||||
class WithAttributeOnlyComponent {}
|
||||
|
||||
it('should create a div and add attribute to template', async () => {
|
||||
const component = WithAttributeOnlyComponent;
|
||||
const props = {};
|
||||
const argTypes: ArgTypes = {};
|
||||
const source = computesTemplateSourceFromComponent(component, props, argTypes);
|
||||
expect(source).toEqual(`<div foo></div>`);
|
||||
});
|
||||
});
|
||||
|
||||
describe('with component with class selector', () => {
|
||||
@Component({
|
||||
selector: 'doc-button.foo',
|
||||
template: '<button></button>',
|
||||
})
|
||||
class WithClassComponent {}
|
||||
|
||||
it('should add class to template', async () => {
|
||||
const component = WithClassComponent;
|
||||
const props = {};
|
||||
const argTypes: ArgTypes = {};
|
||||
const source = computesTemplateSourceFromComponent(component, props, argTypes);
|
||||
expect(source).toEqual(`<doc-button class="foo"></doc-button>`);
|
||||
});
|
||||
});
|
||||
|
||||
describe('with component with class only selector', () => {
|
||||
@Component({
|
||||
selector: '.foo',
|
||||
template: '<button></button>',
|
||||
})
|
||||
class WithClassComponent {}
|
||||
|
||||
it('should create a div and add attribute to template', async () => {
|
||||
const component = WithClassComponent;
|
||||
const props = {};
|
||||
const argTypes: ArgTypes = {};
|
||||
const source = computesTemplateSourceFromComponent(component, props, argTypes);
|
||||
expect(source).toEqual(`<div class="foo"></div>`);
|
||||
});
|
||||
});
|
||||
|
||||
describe('with component with multiple selectors', () => {
|
||||
@Component({
|
||||
selector: 'doc-button, doc-button2',
|
||||
template: '<button></button>',
|
||||
})
|
||||
class WithMultipleSelectorsComponent {}
|
||||
|
||||
it('should use the first selector', async () => {
|
||||
const component = WithMultipleSelectorsComponent;
|
||||
const props = {};
|
||||
const argTypes: ArgTypes = {};
|
||||
const source = computesTemplateSourceFromComponent(component, props, argTypes);
|
||||
expect(source).toEqual(`<doc-button></doc-button>`);
|
||||
});
|
||||
});
|
||||
|
||||
describe('no argTypes', () => {
|
||||
it('should generate tag-only template with no props', () => {
|
||||
const component = InputComponent;
|
||||
|
||||
@ -56,7 +56,8 @@ export const computesTemplateFromComponent = (
|
||||
? ` ${initialOutputs.map((i) => `(${i})="${i}($event)"`).join(' ')}`
|
||||
: '';
|
||||
|
||||
return `<${ngComponentMetadata.selector}${templateInputs}${templateOutputs}>${innerTemplate}</${ngComponentMetadata.selector}>`;
|
||||
const template = buildTemplate(ngComponentMetadata.selector);
|
||||
return `<${template.openTag}${templateInputs}${templateOutputs}>${innerTemplate}</${template.closeTag}>`;
|
||||
};
|
||||
|
||||
const createAngularInputProperty = ({
|
||||
@ -127,5 +128,55 @@ export const computesTemplateSourceFromComponent = (
|
||||
? ` ${initialOutputs.map((i) => `(${i})="${i}($event)"`).join(' ')}`
|
||||
: '';
|
||||
|
||||
return `<${ngComponentMetadata.selector}${templateInputs}${templateOutputs}></${ngComponentMetadata.selector}>`;
|
||||
const template = buildTemplate(ngComponentMetadata.selector);
|
||||
return `<${template.openTag}${templateInputs}${templateOutputs}></${template.closeTag}>`;
|
||||
};
|
||||
|
||||
const buildTemplate = (
|
||||
selector: string
|
||||
): {
|
||||
openTag?: string;
|
||||
closeTag?: string;
|
||||
} => {
|
||||
const templates = [
|
||||
{
|
||||
// Match element selectors with optional chained attributes or classes
|
||||
re: /^([\w\d-_]+)(?:(?:\[([\w\d-_]+)(?:=(.+))?\])|\.([\w\d-_]+))?/,
|
||||
openTag: (matched: string[]) => {
|
||||
let template = matched[1];
|
||||
if (matched[2]) {
|
||||
template += ` ${matched[2]}`;
|
||||
}
|
||||
if (matched[3]) {
|
||||
template += `="${matched[3]}"`;
|
||||
}
|
||||
if (matched[4]) {
|
||||
template += ` class="${matched[4]}"`;
|
||||
}
|
||||
return template;
|
||||
},
|
||||
closeTag: (matched: string[]) => `${matched[1]}`,
|
||||
},
|
||||
{
|
||||
re: /^\.(.+)/,
|
||||
openTag: (matched: string[]) => `div class="${matched[1]}"`,
|
||||
closeTag: (matched: string[]) => `div`,
|
||||
},
|
||||
{
|
||||
re: /^\[([\w\d-_]+)(?:=(.+))?\]/,
|
||||
openTag: (matched: string[]) => `div ${matched[1]} ${matched[2] ? `="${matched[2]}"` : ''}`,
|
||||
closeTag: (matched: string[]) => `div`,
|
||||
},
|
||||
];
|
||||
|
||||
return templates.reduce((acc, template) => {
|
||||
const matched = selector.match(template.re);
|
||||
if (matched) {
|
||||
return {
|
||||
openTag: template.openTag(matched).trim(),
|
||||
closeTag: template.closeTag(matched),
|
||||
};
|
||||
}
|
||||
return acc;
|
||||
}, {});
|
||||
};
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/aurelia",
|
||||
"version": "6.2.0-rc.1",
|
||||
"version": "6.2.0-rc.4",
|
||||
"description": "Storybook for Aurelia: Develop Aurelia Components in isolation with Hot Reloading.",
|
||||
"keywords": [
|
||||
"storybook"
|
||||
@ -35,11 +35,11 @@
|
||||
},
|
||||
"dependencies": {
|
||||
"@aurelia/webpack-loader": "^0.7.0",
|
||||
"@storybook/addon-knobs": "6.2.0-rc.1",
|
||||
"@storybook/addons": "6.2.0-rc.1",
|
||||
"@storybook/core": "6.2.0-rc.1",
|
||||
"@storybook/core-common": "6.2.0-rc.1",
|
||||
"@storybook/node-logger": "6.2.0-rc.1",
|
||||
"@storybook/addon-knobs": "6.2.0-rc.4",
|
||||
"@storybook/addons": "6.2.0-rc.4",
|
||||
"@storybook/core": "6.2.0-rc.4",
|
||||
"@storybook/core-common": "6.2.0-rc.4",
|
||||
"@storybook/node-logger": "6.2.0-rc.4",
|
||||
"fork-ts-checker-webpack-plugin": "^4.1.6",
|
||||
"global": "^4.4.0",
|
||||
"react": "16.14.0",
|
||||
@ -70,5 +70,5 @@
|
||||
"publishConfig": {
|
||||
"access": "public"
|
||||
},
|
||||
"gitHead": "8719fe697c922d330220851a341380546ba668e4"
|
||||
"gitHead": "1ac1d37eff1c54867ef24623da270f5f3472d25c"
|
||||
}
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/ember",
|
||||
"version": "6.2.0-rc.1",
|
||||
"version": "6.2.0-rc.4",
|
||||
"description": "Storybook for Ember: Develop Ember Component in isolation with Hot Reloading.",
|
||||
"homepage": "https://github.com/storybookjs/storybook/tree/master/app/ember",
|
||||
"bugs": {
|
||||
@ -39,8 +39,8 @@
|
||||
},
|
||||
"dependencies": {
|
||||
"@ember/test-helpers": "^2.1.4",
|
||||
"@storybook/core": "6.2.0-rc.1",
|
||||
"@storybook/core-common": "6.2.0-rc.1",
|
||||
"@storybook/core": "6.2.0-rc.4",
|
||||
"@storybook/core-common": "6.2.0-rc.4",
|
||||
"core-js": "^3.8.2",
|
||||
"global": "^4.4.0",
|
||||
"react": "16.14.0",
|
||||
@ -61,5 +61,5 @@
|
||||
"publishConfig": {
|
||||
"access": "public"
|
||||
},
|
||||
"gitHead": "8719fe697c922d330220851a341380546ba668e4"
|
||||
"gitHead": "1ac1d37eff1c54867ef24623da270f5f3472d25c"
|
||||
}
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/html",
|
||||
"version": "6.2.0-rc.1",
|
||||
"version": "6.2.0-rc.4",
|
||||
"description": "Storybook for HTML: View HTML snippets in isolation with Hot Reloading.",
|
||||
"keywords": [
|
||||
"storybook"
|
||||
@ -41,10 +41,10 @@
|
||||
"prepare": "node ../../scripts/prepare.js"
|
||||
},
|
||||
"dependencies": {
|
||||
"@storybook/addons": "6.2.0-rc.1",
|
||||
"@storybook/client-api": "6.2.0-rc.1",
|
||||
"@storybook/core": "6.2.0-rc.1",
|
||||
"@storybook/core-common": "6.2.0-rc.1",
|
||||
"@storybook/addons": "6.2.0-rc.4",
|
||||
"@storybook/client-api": "6.2.0-rc.4",
|
||||
"@storybook/core": "6.2.0-rc.4",
|
||||
"@storybook/core-common": "6.2.0-rc.4",
|
||||
"@types/webpack-env": "^1.16.0",
|
||||
"core-js": "^3.8.2",
|
||||
"global": "^4.4.0",
|
||||
@ -64,5 +64,5 @@
|
||||
"publishConfig": {
|
||||
"access": "public"
|
||||
},
|
||||
"gitHead": "8719fe697c922d330220851a341380546ba668e4"
|
||||
"gitHead": "1ac1d37eff1c54867ef24623da270f5f3472d25c"
|
||||
}
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/marionette",
|
||||
"version": "6.2.0-rc.1",
|
||||
"version": "6.2.0-rc.4",
|
||||
"description": "Storybook for Marionette: Develop Marionette.js component in isolation with Hot Reloading.",
|
||||
"keywords": [
|
||||
"storybook"
|
||||
@ -34,8 +34,8 @@
|
||||
"prepare": "node ../../scripts/prepare.js"
|
||||
},
|
||||
"dependencies": {
|
||||
"@storybook/core": "6.2.0-rc.1",
|
||||
"@storybook/core-common": "6.2.0-rc.1",
|
||||
"@storybook/core": "6.2.0-rc.4",
|
||||
"@storybook/core-common": "6.2.0-rc.4",
|
||||
"common-tags": "^1.8.0",
|
||||
"core-js": "^3.8.2",
|
||||
"global": "^4.4.0",
|
||||
@ -62,5 +62,5 @@
|
||||
"publishConfig": {
|
||||
"access": "public"
|
||||
},
|
||||
"gitHead": "8719fe697c922d330220851a341380546ba668e4"
|
||||
"gitHead": "1ac1d37eff1c54867ef24623da270f5f3472d25c"
|
||||
}
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/marko",
|
||||
"version": "6.2.0-rc.1",
|
||||
"version": "6.2.0-rc.4",
|
||||
"description": "Storybook for Marko: Develop Marko Component in isolation with Hot Reloading.",
|
||||
"keywords": [
|
||||
"storybook"
|
||||
@ -42,9 +42,9 @@
|
||||
},
|
||||
"dependencies": {
|
||||
"@marko/webpack": "^6.2.10",
|
||||
"@storybook/client-logger": "6.2.0-rc.1",
|
||||
"@storybook/core": "6.2.0-rc.1",
|
||||
"@storybook/core-common": "6.2.0-rc.1",
|
||||
"@storybook/client-logger": "6.2.0-rc.4",
|
||||
"@storybook/core": "6.2.0-rc.4",
|
||||
"@storybook/core-common": "6.2.0-rc.4",
|
||||
"@types/webpack-env": "^1.16.0",
|
||||
"core-js": "^3.8.2",
|
||||
"global": "^4.4.0",
|
||||
@ -65,5 +65,5 @@
|
||||
"publishConfig": {
|
||||
"access": "public"
|
||||
},
|
||||
"gitHead": "8719fe697c922d330220851a341380546ba668e4"
|
||||
"gitHead": "1ac1d37eff1c54867ef24623da270f5f3472d25c"
|
||||
}
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/mithril",
|
||||
"version": "6.2.0-rc.1",
|
||||
"version": "6.2.0-rc.4",
|
||||
"description": "Storybook for Mithril: Develop Mithril Component in isolation.",
|
||||
"keywords": [
|
||||
"storybook"
|
||||
@ -43,9 +43,9 @@
|
||||
"dependencies": {
|
||||
"@babel/core": "^7.12.10",
|
||||
"@babel/plugin-transform-react-jsx": "^7.12.12",
|
||||
"@storybook/addons": "6.2.0-rc.1",
|
||||
"@storybook/core": "6.2.0-rc.1",
|
||||
"@storybook/core-common": "6.2.0-rc.1",
|
||||
"@storybook/addons": "6.2.0-rc.4",
|
||||
"@storybook/core": "6.2.0-rc.4",
|
||||
"@storybook/core-common": "6.2.0-rc.4",
|
||||
"@types/mithril": "^2.0.6",
|
||||
"@types/webpack-env": "^1.16.0",
|
||||
"core-js": "^3.8.2",
|
||||
@ -69,5 +69,5 @@
|
||||
"publishConfig": {
|
||||
"access": "public"
|
||||
},
|
||||
"gitHead": "8719fe697c922d330220851a341380546ba668e4"
|
||||
"gitHead": "1ac1d37eff1c54867ef24623da270f5f3472d25c"
|
||||
}
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/preact",
|
||||
"version": "6.2.0-rc.1",
|
||||
"version": "6.2.0-rc.4",
|
||||
"description": "Storybook for Preact: Develop Preact Component in isolation.",
|
||||
"keywords": [
|
||||
"storybook"
|
||||
@ -42,9 +42,9 @@
|
||||
},
|
||||
"dependencies": {
|
||||
"@babel/plugin-transform-react-jsx": "^7.12.12",
|
||||
"@storybook/addons": "6.2.0-rc.1",
|
||||
"@storybook/core": "6.2.0-rc.1",
|
||||
"@storybook/core-common": "6.2.0-rc.1",
|
||||
"@storybook/addons": "6.2.0-rc.4",
|
||||
"@storybook/core": "6.2.0-rc.4",
|
||||
"@storybook/core-common": "6.2.0-rc.4",
|
||||
"@types/webpack-env": "^1.16.0",
|
||||
"core-js": "^3.8.2",
|
||||
"global": "^4.4.0",
|
||||
@ -67,5 +67,5 @@
|
||||
"publishConfig": {
|
||||
"access": "public"
|
||||
},
|
||||
"gitHead": "8719fe697c922d330220851a341380546ba668e4"
|
||||
"gitHead": "1ac1d37eff1c54867ef24623da270f5f3472d25c"
|
||||
}
|
||||
|
||||
@ -2,7 +2,7 @@ import { AnyComponent } from 'preact';
|
||||
import { Args as DefaultArgs, Annotations, BaseMeta, BaseStory } from '@storybook/addons';
|
||||
import { StoryFnPreactReturnType } from './types';
|
||||
|
||||
export { Args, ArgTypes, Parameters, StoryContext } from '@storybook/addons';
|
||||
export type { Args, ArgTypes, Parameters, StoryContext } from '@storybook/addons';
|
||||
|
||||
type PreactComponent = AnyComponent<any, any>;
|
||||
type PreactReturnType = StoryFnPreactReturnType;
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/rax",
|
||||
"version": "6.2.0-rc.1",
|
||||
"version": "6.2.0-rc.4",
|
||||
"description": "Storybook for Rax: Develop Rax Component in isolation.",
|
||||
"keywords": [
|
||||
"rax",
|
||||
@ -42,8 +42,8 @@
|
||||
"prepare": "node ../../scripts/prepare.js"
|
||||
},
|
||||
"dependencies": {
|
||||
"@storybook/core": "6.2.0-rc.1",
|
||||
"@storybook/core-common": "6.2.0-rc.1",
|
||||
"@storybook/core": "6.2.0-rc.4",
|
||||
"@storybook/core-common": "6.2.0-rc.4",
|
||||
"babel-preset-rax": "^1.0.0-beta.0",
|
||||
"core-js": "^3.8.2",
|
||||
"driver-dom": "^2.2.0",
|
||||
@ -65,5 +65,5 @@
|
||||
"publishConfig": {
|
||||
"access": "public"
|
||||
},
|
||||
"gitHead": "8719fe697c922d330220851a341380546ba668e4"
|
||||
"gitHead": "1ac1d37eff1c54867ef24623da270f5f3472d25c"
|
||||
}
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/react",
|
||||
"version": "6.2.0-rc.1",
|
||||
"version": "6.2.0-rc.4",
|
||||
"description": "Storybook for React: Develop React Component in isolation with Hot Reloading.",
|
||||
"keywords": [
|
||||
"storybook"
|
||||
@ -45,10 +45,10 @@
|
||||
"@babel/preset-flow": "^7.12.1",
|
||||
"@babel/preset-react": "^7.12.10",
|
||||
"@pmmmwh/react-refresh-webpack-plugin": "^0.4.3",
|
||||
"@storybook/addons": "6.2.0-rc.1",
|
||||
"@storybook/core": "6.2.0-rc.1",
|
||||
"@storybook/core-common": "6.2.0-rc.1",
|
||||
"@storybook/node-logger": "6.2.0-rc.1",
|
||||
"@storybook/addons": "6.2.0-rc.4",
|
||||
"@storybook/core": "6.2.0-rc.4",
|
||||
"@storybook/core-common": "6.2.0-rc.4",
|
||||
"@storybook/node-logger": "6.2.0-rc.4",
|
||||
"@storybook/semver": "^7.3.2",
|
||||
"@types/webpack-env": "^1.16.0",
|
||||
"babel-plugin-add-react-displayname": "^0.0.5",
|
||||
@ -67,7 +67,7 @@
|
||||
"webpack": "4"
|
||||
},
|
||||
"devDependencies": {
|
||||
"@storybook/client-api": "6.2.0-rc.1",
|
||||
"@storybook/client-api": "6.2.0-rc.4",
|
||||
"@types/node": "^14.14.20",
|
||||
"@types/prompts": "^2.0.9"
|
||||
},
|
||||
@ -90,5 +90,5 @@
|
||||
"publishConfig": {
|
||||
"access": "public"
|
||||
},
|
||||
"gitHead": "8719fe697c922d330220851a341380546ba668e4"
|
||||
"gitHead": "1ac1d37eff1c54867ef24623da270f5f3472d25c"
|
||||
}
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/riot",
|
||||
"version": "6.2.0-rc.1",
|
||||
"version": "6.2.0-rc.4",
|
||||
"description": "Storybook for riot.js: View riot snippets in isolation with Hot Reloading.",
|
||||
"keywords": [
|
||||
"storybook"
|
||||
@ -42,8 +42,8 @@
|
||||
"prepare": "node ../../scripts/prepare.js"
|
||||
},
|
||||
"dependencies": {
|
||||
"@storybook/core": "6.2.0-rc.1",
|
||||
"@storybook/core-common": "6.2.0-rc.1",
|
||||
"@storybook/core": "6.2.0-rc.4",
|
||||
"@storybook/core-common": "6.2.0-rc.4",
|
||||
"core-js": "^3.8.2",
|
||||
"global": "^4.4.0",
|
||||
"raw-loader": "^4.0.2",
|
||||
@ -74,5 +74,5 @@
|
||||
"publishConfig": {
|
||||
"access": "public"
|
||||
},
|
||||
"gitHead": "8719fe697c922d330220851a341380546ba668e4"
|
||||
"gitHead": "1ac1d37eff1c54867ef24623da270f5f3472d25c"
|
||||
}
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/server",
|
||||
"version": "6.2.0-rc.1",
|
||||
"version": "6.2.0-rc.4",
|
||||
"description": "Storybook for Server: View HTML snippets from a server in isolation with Hot Reloading.",
|
||||
"keywords": [
|
||||
"storybook"
|
||||
@ -41,12 +41,12 @@
|
||||
"prepare": "node ../../scripts/prepare.js"
|
||||
},
|
||||
"dependencies": {
|
||||
"@storybook/addons": "6.2.0-rc.1",
|
||||
"@storybook/api": "6.2.0-rc.1",
|
||||
"@storybook/client-api": "6.2.0-rc.1",
|
||||
"@storybook/core": "6.2.0-rc.1",
|
||||
"@storybook/core-common": "6.2.0-rc.1",
|
||||
"@storybook/node-logger": "6.2.0-rc.1",
|
||||
"@storybook/addons": "6.2.0-rc.4",
|
||||
"@storybook/api": "6.2.0-rc.4",
|
||||
"@storybook/client-api": "6.2.0-rc.4",
|
||||
"@storybook/core": "6.2.0-rc.4",
|
||||
"@storybook/core-common": "6.2.0-rc.4",
|
||||
"@storybook/node-logger": "6.2.0-rc.4",
|
||||
"@types/webpack-env": "^1.16.0",
|
||||
"core-js": "^3.8.2",
|
||||
"global": "^4.4.0",
|
||||
@ -66,5 +66,5 @@
|
||||
"publishConfig": {
|
||||
"access": "public"
|
||||
},
|
||||
"gitHead": "8719fe697c922d330220851a341380546ba668e4"
|
||||
"gitHead": "1ac1d37eff1c54867ef24623da270f5f3472d25c"
|
||||
}
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/svelte",
|
||||
"version": "6.2.0-rc.1",
|
||||
"version": "6.2.0-rc.4",
|
||||
"description": "Storybook for Svelte: Develop Svelte Component in isolation with Hot Reloading.",
|
||||
"keywords": [
|
||||
"storybook"
|
||||
@ -41,9 +41,9 @@
|
||||
"prepare": "node ../../scripts/prepare.js"
|
||||
},
|
||||
"dependencies": {
|
||||
"@storybook/addons": "6.2.0-rc.1",
|
||||
"@storybook/core": "6.2.0-rc.1",
|
||||
"@storybook/core-common": "6.2.0-rc.1",
|
||||
"@storybook/addons": "6.2.0-rc.4",
|
||||
"@storybook/core": "6.2.0-rc.4",
|
||||
"@storybook/core-common": "6.2.0-rc.4",
|
||||
"core-js": "^3.8.2",
|
||||
"global": "^4.4.0",
|
||||
"react": "16.14.0",
|
||||
@ -69,5 +69,5 @@
|
||||
"publishConfig": {
|
||||
"access": "public"
|
||||
},
|
||||
"gitHead": "8719fe697c922d330220851a341380546ba668e4"
|
||||
"gitHead": "1ac1d37eff1c54867ef24623da270f5f3472d25c"
|
||||
}
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/vue",
|
||||
"version": "6.2.0-rc.1",
|
||||
"version": "6.2.0-rc.4",
|
||||
"description": "Storybook for Vue: Develop Vue Component in isolation with Hot Reloading.",
|
||||
"keywords": [
|
||||
"storybook"
|
||||
@ -41,9 +41,9 @@
|
||||
"prepare": "node ../../scripts/prepare.js"
|
||||
},
|
||||
"dependencies": {
|
||||
"@storybook/addons": "6.2.0-rc.1",
|
||||
"@storybook/core": "6.2.0-rc.1",
|
||||
"@storybook/core-common": "6.2.0-rc.1",
|
||||
"@storybook/addons": "6.2.0-rc.4",
|
||||
"@storybook/core": "6.2.0-rc.4",
|
||||
"@storybook/core-common": "6.2.0-rc.4",
|
||||
"@types/webpack-env": "^1.16.0",
|
||||
"core-js": "^3.8.2",
|
||||
"global": "^4.4.0",
|
||||
@ -77,5 +77,5 @@
|
||||
"publishConfig": {
|
||||
"access": "public"
|
||||
},
|
||||
"gitHead": "8719fe697c922d330220851a341380546ba668e4"
|
||||
"gitHead": "1ac1d37eff1c54867ef24623da270f5f3472d25c"
|
||||
}
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/vue3",
|
||||
"version": "6.2.0-rc.1",
|
||||
"version": "6.2.0-rc.4",
|
||||
"description": "Storybook for Vue 3: Develop Vue 3 Components in isolation with Hot Reloading.",
|
||||
"keywords": [
|
||||
"storybook"
|
||||
@ -41,9 +41,9 @@
|
||||
"prepare": "node ../../scripts/prepare.js"
|
||||
},
|
||||
"dependencies": {
|
||||
"@storybook/addons": "6.2.0-rc.1",
|
||||
"@storybook/core": "6.2.0-rc.1",
|
||||
"@storybook/core-common": "6.2.0-rc.1",
|
||||
"@storybook/addons": "6.2.0-rc.4",
|
||||
"@storybook/core": "6.2.0-rc.4",
|
||||
"@storybook/core-common": "6.2.0-rc.4",
|
||||
"@types/webpack-env": "^1.16.0",
|
||||
"core-js": "^3.8.2",
|
||||
"global": "^4.4.0",
|
||||
@ -76,5 +76,5 @@
|
||||
"publishConfig": {
|
||||
"access": "public"
|
||||
},
|
||||
"gitHead": "8719fe697c922d330220851a341380546ba668e4"
|
||||
"gitHead": "1ac1d37eff1c54867ef24623da270f5f3472d25c"
|
||||
}
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/web-components",
|
||||
"version": "6.2.0-rc.1",
|
||||
"version": "6.2.0-rc.4",
|
||||
"description": "Storybook for web-components: View web components snippets in isolation with Hot Reloading.",
|
||||
"keywords": [
|
||||
"lit-html",
|
||||
@ -46,10 +46,10 @@
|
||||
"@babel/plugin-syntax-dynamic-import": "^7.8.3",
|
||||
"@babel/plugin-syntax-import-meta": "^7.10.4",
|
||||
"@babel/preset-env": "^7.12.11",
|
||||
"@storybook/addons": "6.2.0-rc.1",
|
||||
"@storybook/client-api": "6.2.0-rc.1",
|
||||
"@storybook/core": "6.2.0-rc.1",
|
||||
"@storybook/core-common": "6.2.0-rc.1",
|
||||
"@storybook/addons": "6.2.0-rc.4",
|
||||
"@storybook/client-api": "6.2.0-rc.4",
|
||||
"@storybook/core": "6.2.0-rc.4",
|
||||
"@storybook/core-common": "6.2.0-rc.4",
|
||||
"@types/webpack-env": "^1.16.0",
|
||||
"babel-plugin-bundled-import-meta": "^0.3.1",
|
||||
"core-js": "^3.8.2",
|
||||
@ -74,5 +74,5 @@
|
||||
"publishConfig": {
|
||||
"access": "public"
|
||||
},
|
||||
"gitHead": "8719fe697c922d330220851a341380546ba668e4"
|
||||
"gitHead": "1ac1d37eff1c54867ef24623da270f5f3472d25c"
|
||||
}
|
||||
|
||||
@ -1,5 +1,4 @@
|
||||
// eslint-disable-next-line import/no-extraneous-dependencies
|
||||
import { TemplateResult, SVGTemplateResult } from 'lit-element';
|
||||
import { TemplateResult, SVGTemplateResult } from 'lit-html';
|
||||
|
||||
export type { RenderContext } from '@storybook/core';
|
||||
export { Args, ArgTypes, Parameters, StoryContext } from '@storybook/addons';
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/addon-decorator",
|
||||
"version": "6.2.0-rc.1",
|
||||
"version": "6.2.0-rc.4",
|
||||
"description": "decorator addon for storybook",
|
||||
"keywords": [
|
||||
"addon",
|
||||
@ -25,13 +25,13 @@
|
||||
"prepare": "node ../../scripts/prepare.js"
|
||||
},
|
||||
"dependencies": {
|
||||
"@storybook/addons": "6.2.0-rc.1",
|
||||
"@storybook/client-api": "6.2.0-rc.1",
|
||||
"@storybook/addons": "6.2.0-rc.4",
|
||||
"@storybook/client-api": "6.2.0-rc.4",
|
||||
"core-js": "^3.8.2",
|
||||
"global": "^4.4.0"
|
||||
},
|
||||
"publishConfig": {
|
||||
"access": "public"
|
||||
},
|
||||
"gitHead": "8719fe697c922d330220851a341380546ba668e4"
|
||||
"gitHead": "1ac1d37eff1c54867ef24623da270f5f3472d25c"
|
||||
}
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/addon-parameter",
|
||||
"version": "6.2.0-rc.1",
|
||||
"version": "6.2.0-rc.4",
|
||||
"description": "parameter addon for storybook",
|
||||
"keywords": [
|
||||
"addon",
|
||||
@ -25,12 +25,12 @@
|
||||
"prepare": "node ../../scripts/prepare.js"
|
||||
},
|
||||
"dependencies": {
|
||||
"@storybook/addons": "6.2.0-rc.1",
|
||||
"@storybook/api": "6.2.0-rc.1",
|
||||
"@storybook/client-logger": "6.2.0-rc.1",
|
||||
"@storybook/components": "6.2.0-rc.1",
|
||||
"@storybook/core-events": "6.2.0-rc.1",
|
||||
"@storybook/theming": "6.2.0-rc.1",
|
||||
"@storybook/addons": "6.2.0-rc.4",
|
||||
"@storybook/api": "6.2.0-rc.4",
|
||||
"@storybook/client-logger": "6.2.0-rc.4",
|
||||
"@storybook/components": "6.2.0-rc.4",
|
||||
"@storybook/core-events": "6.2.0-rc.4",
|
||||
"@storybook/theming": "6.2.0-rc.4",
|
||||
"core-js": "^3.8.2",
|
||||
"global": "^4.4.0",
|
||||
"react": "^16.8.0 || ^17.0.0",
|
||||
@ -39,5 +39,5 @@
|
||||
"publishConfig": {
|
||||
"access": "public"
|
||||
},
|
||||
"gitHead": "8719fe697c922d330220851a341380546ba668e4"
|
||||
"gitHead": "1ac1d37eff1c54867ef24623da270f5f3472d25c"
|
||||
}
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/addon-preview-wrapper",
|
||||
"version": "6.2.0-rc.1",
|
||||
"version": "6.2.0-rc.4",
|
||||
"description": "preview wrapper addon for storybook",
|
||||
"keywords": [
|
||||
"addon",
|
||||
@ -25,11 +25,11 @@
|
||||
"prepare": "node ../../scripts/prepare.js"
|
||||
},
|
||||
"dependencies": {
|
||||
"@storybook/addons": "6.2.0-rc.1",
|
||||
"@storybook/addons": "6.2.0-rc.4",
|
||||
"react": "^16.8.0 || ^17.0.0"
|
||||
},
|
||||
"publishConfig": {
|
||||
"access": "public"
|
||||
},
|
||||
"gitHead": "8719fe697c922d330220851a341380546ba668e4"
|
||||
"gitHead": "1ac1d37eff1c54867ef24623da270f5f3472d25c"
|
||||
}
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/addon-roundtrip",
|
||||
"version": "6.2.0-rc.1",
|
||||
"version": "6.2.0-rc.4",
|
||||
"description": "roundtrip addon for storybook",
|
||||
"keywords": [
|
||||
"addon",
|
||||
@ -25,13 +25,13 @@
|
||||
"prepare": "node ../../scripts/prepare.js"
|
||||
},
|
||||
"dependencies": {
|
||||
"@storybook/addons": "6.2.0-rc.1",
|
||||
"@storybook/api": "6.2.0-rc.1",
|
||||
"@storybook/client-api": "6.2.0-rc.1",
|
||||
"@storybook/client-logger": "6.2.0-rc.1",
|
||||
"@storybook/components": "6.2.0-rc.1",
|
||||
"@storybook/core-events": "6.2.0-rc.1",
|
||||
"@storybook/theming": "6.2.0-rc.1",
|
||||
"@storybook/addons": "6.2.0-rc.4",
|
||||
"@storybook/api": "6.2.0-rc.4",
|
||||
"@storybook/client-api": "6.2.0-rc.4",
|
||||
"@storybook/client-logger": "6.2.0-rc.4",
|
||||
"@storybook/components": "6.2.0-rc.4",
|
||||
"@storybook/core-events": "6.2.0-rc.4",
|
||||
"@storybook/theming": "6.2.0-rc.4",
|
||||
"core-js": "^3.8.2",
|
||||
"global": "^4.4.0",
|
||||
"react": "^16.8.0 || ^17.0.0",
|
||||
@ -40,5 +40,5 @@
|
||||
"publishConfig": {
|
||||
"access": "public"
|
||||
},
|
||||
"gitHead": "8719fe697c922d330220851a341380546ba668e4"
|
||||
"gitHead": "1ac1d37eff1c54867ef24623da270f5f3472d25c"
|
||||
}
|
||||
|
||||
@ -7,5 +7,5 @@ import { Button, ButtonProps } from './Button';
|
||||
|
||||
export const Primary: React.VFC<{}> = () => <Button primary>Button</Button>;
|
||||
|
||||
Primary.storyName='I am the primary';
|
||||
Primary.storyName = 'I am the primary';
|
||||
```
|
||||
@ -1 +1 @@
|
||||
{"version":"6.2.0-rc.1","info":{"plain":"### Features\n\n- CLI: Improve init for svelte ([#14161](https://github.com/storybookjs/storybook/pull/14161))"}}
|
||||
{"version":"6.2.0-rc.4","info":{"plain":"### Bug Fixes\n\n- Webpack: Fix missing `module` mainField ([#14271](https://github.com/storybookjs/storybook/pull/14271))"}}
|
||||
@ -143,15 +143,12 @@ Args specified through the URL will extend and override any default values of ar
|
||||
|
||||
## Mapping to complex arg values
|
||||
|
||||
Complex values such as JSX elements cannot be serialized to the manager (e.g. the Controls addon) or synced with the URL. To work around this limitation, arg values can be "mapped" from a simple string to a complex type using the `mapping` property in `argTypes`. This works on any type of arg, but makes most sense when used with the 'select' control.
|
||||
Complex values such as JSX elements cannot be serialized to the manager (e.g. the Controls addon) or synced with the URL. To work around this limitation, arg values can be "mapped" from a simple string to a complex type using the `mapping` property in `argTypes`. This works on any type of arg, but makes most sense when used with the `select` control type.
|
||||
|
||||
```
|
||||
argTypes: {
|
||||
label: {
|
||||
control: {
|
||||
type: 'select',
|
||||
options: ['Normal', 'Bold', 'Italic']
|
||||
},
|
||||
options: ['Normal', 'Bold', 'Italic'],
|
||||
mapping: {
|
||||
Bold: <b>Bold</b>,
|
||||
Italic: <i>Italic</i>
|
||||
@ -160,17 +157,7 @@ argTypes: {
|
||||
}
|
||||
```
|
||||
|
||||
Note that `mapping` does not have to be exhaustive. If the arg value is not a property of `mapping`, the value will be used directly. Keys in `mapping` always correspond to arg *values*, even when `options` is an object. Specifying `options` as an object (key-value pairs) is useful if you want to use special characters in the input label. For example:
|
||||
|
||||
```
|
||||
{
|
||||
control: {
|
||||
type: 'select',
|
||||
options: { да: 'yes', нет: 'no' }
|
||||
},
|
||||
mapping: { yes: 'да', no: 'нет' }
|
||||
}
|
||||
```
|
||||
Note that `mapping` does not have to be exhaustive. If the arg value is not a property of `mapping`, the value will be used directly. Keys in `mapping` always correspond to arg *values*, not their index in the `options` array.
|
||||
|
||||
<details>
|
||||
<summary>Using args in addons</summary>
|
||||
|
||||
@ -1,6 +1,4 @@
|
||||
import { addParameters } from '@storybook/angular';
|
||||
import { setCompodocJson } from '@storybook/addon-docs/angular';
|
||||
import { prepareForInline } from '@storybook/addon-docs/angular/inline';
|
||||
import addCssWarning from '../src/cssWarning';
|
||||
|
||||
// @ts-ignore
|
||||
@ -17,17 +15,16 @@ setCompodocJson(filtered);
|
||||
|
||||
addCssWarning();
|
||||
|
||||
addParameters({
|
||||
export const parameters = {
|
||||
docs: {
|
||||
inlineStories: true,
|
||||
prepareForInline,
|
||||
},
|
||||
options: {
|
||||
storySort: {
|
||||
order: ['Welcome', 'Core ', 'Addons ', 'Basics '],
|
||||
},
|
||||
},
|
||||
});
|
||||
};
|
||||
|
||||
export const globalTypes = {
|
||||
theme: {
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "angular-cli",
|
||||
"version": "6.2.0-rc.1",
|
||||
"version": "6.2.0-rc.4",
|
||||
"private": true,
|
||||
"license": "MIT",
|
||||
"scripts": {
|
||||
@ -38,19 +38,19 @@
|
||||
"@angular/compiler-cli": "^11.2.0",
|
||||
"@angular/elements": "^11.2.0",
|
||||
"@compodoc/compodoc": "^1.1.11",
|
||||
"@storybook/addon-a11y": "6.2.0-rc.1",
|
||||
"@storybook/addon-actions": "6.2.0-rc.1",
|
||||
"@storybook/addon-backgrounds": "6.2.0-rc.1",
|
||||
"@storybook/addon-controls": "6.2.0-rc.1",
|
||||
"@storybook/addon-docs": "6.2.0-rc.1",
|
||||
"@storybook/addon-jest": "6.2.0-rc.1",
|
||||
"@storybook/addon-knobs": "6.2.0-rc.1",
|
||||
"@storybook/addon-links": "6.2.0-rc.1",
|
||||
"@storybook/addon-storyshots": "6.2.0-rc.1",
|
||||
"@storybook/addon-storysource": "6.2.0-rc.1",
|
||||
"@storybook/addons": "6.2.0-rc.1",
|
||||
"@storybook/angular": "6.2.0-rc.1",
|
||||
"@storybook/source-loader": "6.2.0-rc.1",
|
||||
"@storybook/addon-a11y": "6.2.0-rc.4",
|
||||
"@storybook/addon-actions": "6.2.0-rc.4",
|
||||
"@storybook/addon-backgrounds": "6.2.0-rc.4",
|
||||
"@storybook/addon-controls": "6.2.0-rc.4",
|
||||
"@storybook/addon-docs": "6.2.0-rc.4",
|
||||
"@storybook/addon-jest": "6.2.0-rc.4",
|
||||
"@storybook/addon-knobs": "6.2.0-rc.4",
|
||||
"@storybook/addon-links": "6.2.0-rc.4",
|
||||
"@storybook/addon-storyshots": "6.2.0-rc.4",
|
||||
"@storybook/addon-storysource": "6.2.0-rc.4",
|
||||
"@storybook/addons": "6.2.0-rc.4",
|
||||
"@storybook/angular": "6.2.0-rc.4",
|
||||
"@storybook/source-loader": "6.2.0-rc.4",
|
||||
"@types/core-js": "^2.5.4",
|
||||
"@types/jest": "^26.0.16",
|
||||
"@types/node": "^14.14.20",
|
||||
|
||||
@ -0,0 +1,52 @@
|
||||
// Jest Snapshot v1, https://goo.gl/fbAQLP
|
||||
|
||||
exports[`Storyshots Basics / Component / With Complex Selectors Input Selectors 1`] = `
|
||||
<storybook-wrapper>
|
||||
<foo>
|
||||
foo
|
||||
</foo>
|
||||
</storybook-wrapper>
|
||||
`;
|
||||
|
||||
exports[`Storyshots Basics / Component / With Complex Selectors attribute selectors 1`] = `
|
||||
<storybook-wrapper>
|
||||
<storybook-attribute-selector
|
||||
foo="bar"
|
||||
>
|
||||
<h3>
|
||||
Attribute selector
|
||||
</h3>
|
||||
Selector: "storybook-attribute-selector[foo=bar]"
|
||||
<br />
|
||||
Generated template: "<storybook-attribute-selector foo="bar"></storybook-attribute-selector>"
|
||||
</storybook-attribute-selector>
|
||||
</storybook-wrapper>
|
||||
`;
|
||||
|
||||
exports[`Storyshots Basics / Component / With Complex Selectors class selectors 1`] = `
|
||||
<storybook-wrapper>
|
||||
<storybook-attribute-value-selector
|
||||
class="foo"
|
||||
>
|
||||
<h3>
|
||||
Class selector
|
||||
</h3>
|
||||
Selector: "storybook-class-selector.foo"
|
||||
<br />
|
||||
Generated template: "<storybook-class-selector class="bar"></storybook-class-selector>"
|
||||
</storybook-attribute-value-selector>
|
||||
</storybook-wrapper>
|
||||
`;
|
||||
|
||||
exports[`Storyshots Basics / Component / With Complex Selectors multiple selectors 1`] = `
|
||||
<storybook-wrapper>
|
||||
<storybook-multiple-selector>
|
||||
<h3>
|
||||
Multiple selector
|
||||
</h3>
|
||||
Selector: "storybook-multiple-selector, storybook-multiple-selector2"
|
||||
<br />
|
||||
Generated template: "<storybook-multiple-selector></storybook-multiple-selector>"
|
||||
</storybook-multiple-selector>
|
||||
</storybook-wrapper>
|
||||
`;
|
||||
@ -0,0 +1,10 @@
|
||||
import { Component } from '@angular/core';
|
||||
|
||||
@Component({
|
||||
selector: 'storybook-attribute-selector[foo=bar]',
|
||||
template: `<h3>Attribute selector</h3>
|
||||
Selector: "storybook-attribute-selector[foo=bar]" <br />
|
||||
Generated template: "<storybook-attribute-selector
|
||||
foo="bar"></storybook-attribute-selector>" `,
|
||||
})
|
||||
export class AttributeSelectorComponent {}
|
||||
@ -0,0 +1,9 @@
|
||||
import { Component } from '@angular/core';
|
||||
|
||||
@Component({
|
||||
selector: 'storybook-attribute-value-selector.foo',
|
||||
template: `<h3>Class selector</h3>
|
||||
Selector: "storybook-class-selector.foo" <br />
|
||||
Generated template: "<storybook-class-selector class="bar"></storybook-class-selector>" `,
|
||||
})
|
||||
export class ClassSelectorComponent {}
|
||||
@ -0,0 +1,28 @@
|
||||
import { MultipleSelectorComponent } from './multiple-selector.component';
|
||||
import { AttributeSelectorComponent } from './attribute-selector.component';
|
||||
import { ClassSelectorComponent } from './class-selector.component';
|
||||
|
||||
export default {
|
||||
title: 'Basics / Component / With Complex Selectors',
|
||||
};
|
||||
|
||||
export const MultipleSelectors = () => ({});
|
||||
|
||||
MultipleSelectors.storyName = 'multiple selectors';
|
||||
MultipleSelectors.parameters = {
|
||||
component: MultipleSelectorComponent,
|
||||
};
|
||||
|
||||
export const AttributeSelectors = () => ({});
|
||||
|
||||
AttributeSelectors.storyName = 'attribute selectors';
|
||||
AttributeSelectors.parameters = {
|
||||
component: AttributeSelectorComponent,
|
||||
};
|
||||
|
||||
export const ClassSelectors = () => ({});
|
||||
|
||||
ClassSelectors.storyName = 'class selectors';
|
||||
ClassSelectors.parameters = {
|
||||
component: ClassSelectorComponent,
|
||||
};
|
||||
@ -0,0 +1,9 @@
|
||||
import { Component } from '@angular/core';
|
||||
|
||||
@Component({
|
||||
selector: 'storybook-multiple-selector, storybook-multiple-selector2',
|
||||
template: `<h3>Multiple selector</h3>
|
||||
Selector: "storybook-multiple-selector, storybook-multiple-selector2" <br />
|
||||
Generated template: "<storybook-multiple-selector></storybook-multiple-selector>" `,
|
||||
})
|
||||
export class MultipleSelectorComponent {}
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "aurelia-kitchen-sink",
|
||||
"version": "6.2.0-rc.1",
|
||||
"version": "6.2.0-rc.4",
|
||||
"private": true,
|
||||
"description": "An Aurelia client application.",
|
||||
"repository": {
|
||||
@ -22,18 +22,18 @@
|
||||
},
|
||||
"devDependencies": {
|
||||
"@aurelia/webpack-loader": "^0.7.0",
|
||||
"@storybook/addon-a11y": "6.2.0-rc.1",
|
||||
"@storybook/addon-actions": "6.2.0-rc.1",
|
||||
"@storybook/addon-backgrounds": "6.2.0-rc.1",
|
||||
"@storybook/addon-docs": "6.2.0-rc.1",
|
||||
"@storybook/addon-jest": "6.2.0-rc.1",
|
||||
"@storybook/addon-knobs": "6.2.0-rc.1",
|
||||
"@storybook/addon-links": "6.2.0-rc.1",
|
||||
"@storybook/addon-storyshots": "6.2.0-rc.1",
|
||||
"@storybook/addon-storysource": "6.2.0-rc.1",
|
||||
"@storybook/addons": "6.2.0-rc.1",
|
||||
"@storybook/aurelia": "6.2.0-rc.1",
|
||||
"@storybook/source-loader": "6.2.0-rc.1",
|
||||
"@storybook/addon-a11y": "6.2.0-rc.4",
|
||||
"@storybook/addon-actions": "6.2.0-rc.4",
|
||||
"@storybook/addon-backgrounds": "6.2.0-rc.4",
|
||||
"@storybook/addon-docs": "6.2.0-rc.4",
|
||||
"@storybook/addon-jest": "6.2.0-rc.4",
|
||||
"@storybook/addon-knobs": "6.2.0-rc.4",
|
||||
"@storybook/addon-links": "6.2.0-rc.4",
|
||||
"@storybook/addon-storyshots": "6.2.0-rc.4",
|
||||
"@storybook/addon-storysource": "6.2.0-rc.4",
|
||||
"@storybook/addons": "6.2.0-rc.4",
|
||||
"@storybook/aurelia": "6.2.0-rc.4",
|
||||
"@storybook/source-loader": "6.2.0-rc.4",
|
||||
"@types/node": "^14.14.20",
|
||||
"css-loader": "^3.6.0",
|
||||
"file-loader": "^4.3.0",
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "cra-kitchen-sink",
|
||||
"version": "6.2.0-rc.1",
|
||||
"version": "6.2.0-rc.4",
|
||||
"private": true,
|
||||
"scripts": {
|
||||
"build": "react-scripts build",
|
||||
@ -11,7 +11,7 @@
|
||||
"test": "react-scripts test --env=jsdom"
|
||||
},
|
||||
"dependencies": {
|
||||
"@storybook/client-logger": "6.2.0-rc.1",
|
||||
"@storybook/client-logger": "6.2.0-rc.4",
|
||||
"global": "^4.4.0",
|
||||
"prop-types": "^15.7.2",
|
||||
"react": "16.14.0",
|
||||
@ -21,20 +21,20 @@
|
||||
},
|
||||
"devDependencies": {
|
||||
"@pmmmwh/react-refresh-webpack-plugin": "^0.4.3",
|
||||
"@storybook/addon-a11y": "6.2.0-rc.1",
|
||||
"@storybook/addon-actions": "6.2.0-rc.1",
|
||||
"@storybook/addon-backgrounds": "6.2.0-rc.1",
|
||||
"@storybook/addon-docs": "6.2.0-rc.1",
|
||||
"@storybook/addon-events": "6.2.0-rc.1",
|
||||
"@storybook/addon-jest": "6.2.0-rc.1",
|
||||
"@storybook/addon-knobs": "6.2.0-rc.1",
|
||||
"@storybook/addon-links": "6.2.0-rc.1",
|
||||
"@storybook/addon-storyshots": "6.2.0-rc.1",
|
||||
"@storybook/addons": "6.2.0-rc.1",
|
||||
"@storybook/builder-webpack4": "6.2.0-rc.1",
|
||||
"@storybook/addon-a11y": "6.2.0-rc.4",
|
||||
"@storybook/addon-actions": "6.2.0-rc.4",
|
||||
"@storybook/addon-backgrounds": "6.2.0-rc.4",
|
||||
"@storybook/addon-docs": "6.2.0-rc.4",
|
||||
"@storybook/addon-events": "6.2.0-rc.4",
|
||||
"@storybook/addon-jest": "6.2.0-rc.4",
|
||||
"@storybook/addon-knobs": "6.2.0-rc.4",
|
||||
"@storybook/addon-links": "6.2.0-rc.4",
|
||||
"@storybook/addon-storyshots": "6.2.0-rc.4",
|
||||
"@storybook/addons": "6.2.0-rc.4",
|
||||
"@storybook/builder-webpack4": "6.2.0-rc.4",
|
||||
"@storybook/preset-create-react-app": "^3.1.6-alpha.0",
|
||||
"@storybook/react": "6.2.0-rc.1",
|
||||
"@storybook/theming": "6.2.0-rc.1",
|
||||
"@storybook/react": "6.2.0-rc.4",
|
||||
"@storybook/theming": "6.2.0-rc.4",
|
||||
"webpack": "4"
|
||||
},
|
||||
"storybook": {
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "cra-react15",
|
||||
"version": "6.2.0-rc.1",
|
||||
"version": "6.2.0-rc.4",
|
||||
"private": true,
|
||||
"scripts": {
|
||||
"build": "react-scripts build",
|
||||
@ -18,13 +18,13 @@
|
||||
"react-scripts": "3.4.4"
|
||||
},
|
||||
"devDependencies": {
|
||||
"@storybook/addon-actions": "6.2.0-rc.1",
|
||||
"@storybook/addon-links": "6.2.0-rc.1",
|
||||
"@storybook/addons": "6.2.0-rc.1",
|
||||
"@storybook/builder-webpack4": "6.2.0-rc.1",
|
||||
"@storybook/addon-actions": "6.2.0-rc.4",
|
||||
"@storybook/addon-links": "6.2.0-rc.4",
|
||||
"@storybook/addons": "6.2.0-rc.4",
|
||||
"@storybook/builder-webpack4": "6.2.0-rc.4",
|
||||
"@storybook/preset-create-react-app": "^3.1.6-alpha.0",
|
||||
"@storybook/react": "6.2.0-rc.1",
|
||||
"@storybook/theming": "6.2.0-rc.1",
|
||||
"@storybook/react": "6.2.0-rc.4",
|
||||
"@storybook/theming": "6.2.0-rc.4",
|
||||
"babel-core": "6",
|
||||
"babel-runtime": "6",
|
||||
"webpack": "4"
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "cra-ts-essentials",
|
||||
"version": "6.2.0-rc.1",
|
||||
"version": "6.2.0-rc.4",
|
||||
"private": true,
|
||||
"scripts": {
|
||||
"build": "react-scripts build",
|
||||
@ -34,11 +34,11 @@
|
||||
"typescript": "^3.9.7"
|
||||
},
|
||||
"devDependencies": {
|
||||
"@storybook/addon-essentials": "6.2.0-rc.1",
|
||||
"@storybook/addons": "6.2.0-rc.1",
|
||||
"@storybook/builder-webpack4": "6.2.0-rc.1",
|
||||
"@storybook/addon-essentials": "6.2.0-rc.4",
|
||||
"@storybook/addons": "6.2.0-rc.4",
|
||||
"@storybook/builder-webpack4": "6.2.0-rc.4",
|
||||
"@storybook/preset-create-react-app": "^3.1.6-alpha.0",
|
||||
"@storybook/react": "6.2.0-rc.1",
|
||||
"@storybook/react": "6.2.0-rc.4",
|
||||
"webpack": "4"
|
||||
},
|
||||
"storybook": {
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "cra-ts-kitchen-sink",
|
||||
"version": "6.2.0-rc.1",
|
||||
"version": "6.2.0-rc.4",
|
||||
"private": true,
|
||||
"scripts": {
|
||||
"build": "react-scripts build",
|
||||
@ -34,15 +34,15 @@
|
||||
"typescript": "^3.9.7"
|
||||
},
|
||||
"devDependencies": {
|
||||
"@storybook/addon-a11y": "6.2.0-rc.1",
|
||||
"@storybook/addon-actions": "6.2.0-rc.1",
|
||||
"@storybook/addon-docs": "6.2.0-rc.1",
|
||||
"@storybook/addon-knobs": "6.2.0-rc.1",
|
||||
"@storybook/addon-links": "6.2.0-rc.1",
|
||||
"@storybook/addons": "6.2.0-rc.1",
|
||||
"@storybook/builder-webpack4": "6.2.0-rc.1",
|
||||
"@storybook/addon-a11y": "6.2.0-rc.4",
|
||||
"@storybook/addon-actions": "6.2.0-rc.4",
|
||||
"@storybook/addon-docs": "6.2.0-rc.4",
|
||||
"@storybook/addon-knobs": "6.2.0-rc.4",
|
||||
"@storybook/addon-links": "6.2.0-rc.4",
|
||||
"@storybook/addons": "6.2.0-rc.4",
|
||||
"@storybook/builder-webpack4": "6.2.0-rc.4",
|
||||
"@storybook/preset-create-react-app": "^3.1.6-alpha.0",
|
||||
"@storybook/react": "6.2.0-rc.1",
|
||||
"@storybook/react": "6.2.0-rc.4",
|
||||
"@types/enzyme": "^3.10.8",
|
||||
"enzyme": "^3.11.0",
|
||||
"enzyme-adapter-react-16": "^1.9.1",
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/example-devkits",
|
||||
"version": "6.2.0-rc.1",
|
||||
"version": "6.2.0-rc.4",
|
||||
"private": true,
|
||||
"scripts": {
|
||||
"build-storybook": "cross-env STORYBOOK_DISPLAY_WARNING=true DISPLAY_WARNING=true build-storybook -c ./",
|
||||
@ -8,18 +8,18 @@
|
||||
"storybook": "cross-env STORYBOOK_DISPLAY_WARNING=true DISPLAY_WARNING=true start-storybook -p 9011 -c ./"
|
||||
},
|
||||
"devDependencies": {
|
||||
"@storybook/addon-decorator": "6.2.0-rc.1",
|
||||
"@storybook/addon-parameter": "6.2.0-rc.1",
|
||||
"@storybook/addon-preview-wrapper": "6.2.0-rc.1",
|
||||
"@storybook/addon-roundtrip": "6.2.0-rc.1",
|
||||
"@storybook/addons": "6.2.0-rc.1",
|
||||
"@storybook/api": "6.2.0-rc.1",
|
||||
"@storybook/client-api": "6.2.0-rc.1",
|
||||
"@storybook/components": "6.2.0-rc.1",
|
||||
"@storybook/core-events": "6.2.0-rc.1",
|
||||
"@storybook/node-logger": "6.2.0-rc.1",
|
||||
"@storybook/react": "6.2.0-rc.1",
|
||||
"@storybook/theming": "6.2.0-rc.1",
|
||||
"@storybook/addon-decorator": "6.2.0-rc.4",
|
||||
"@storybook/addon-parameter": "6.2.0-rc.4",
|
||||
"@storybook/addon-preview-wrapper": "6.2.0-rc.4",
|
||||
"@storybook/addon-roundtrip": "6.2.0-rc.4",
|
||||
"@storybook/addons": "6.2.0-rc.4",
|
||||
"@storybook/api": "6.2.0-rc.4",
|
||||
"@storybook/client-api": "6.2.0-rc.4",
|
||||
"@storybook/components": "6.2.0-rc.4",
|
||||
"@storybook/core-events": "6.2.0-rc.4",
|
||||
"@storybook/node-logger": "6.2.0-rc.4",
|
||||
"@storybook/react": "6.2.0-rc.4",
|
||||
"@storybook/theming": "6.2.0-rc.4",
|
||||
"cors": "^2.8.5",
|
||||
"cross-env": "^7.0.3",
|
||||
"enzyme-to-json": "^3.6.1",
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "ember-example",
|
||||
"version": "6.2.0-rc.1",
|
||||
"version": "6.2.0-rc.4",
|
||||
"private": true,
|
||||
"scripts": {
|
||||
"build": "ember build --output-path ember-output",
|
||||
@ -17,19 +17,19 @@
|
||||
"devDependencies": {
|
||||
"@babel/core": "^7.12.10",
|
||||
"@ember/optional-features": "^2.0.0",
|
||||
"@storybook/addon-a11y": "6.2.0-rc.1",
|
||||
"@storybook/addon-actions": "6.2.0-rc.1",
|
||||
"@storybook/addon-backgrounds": "6.2.0-rc.1",
|
||||
"@storybook/addon-controls": "6.2.0-rc.1",
|
||||
"@storybook/addon-docs": "6.2.0-rc.1",
|
||||
"@storybook/addon-knobs": "6.2.0-rc.1",
|
||||
"@storybook/addon-links": "6.2.0-rc.1",
|
||||
"@storybook/addon-storysource": "6.2.0-rc.1",
|
||||
"@storybook/addon-viewport": "6.2.0-rc.1",
|
||||
"@storybook/addons": "6.2.0-rc.1",
|
||||
"@storybook/ember": "6.2.0-rc.1",
|
||||
"@storybook/addon-a11y": "6.2.0-rc.4",
|
||||
"@storybook/addon-actions": "6.2.0-rc.4",
|
||||
"@storybook/addon-backgrounds": "6.2.0-rc.4",
|
||||
"@storybook/addon-controls": "6.2.0-rc.4",
|
||||
"@storybook/addon-docs": "6.2.0-rc.4",
|
||||
"@storybook/addon-knobs": "6.2.0-rc.4",
|
||||
"@storybook/addon-links": "6.2.0-rc.4",
|
||||
"@storybook/addon-storysource": "6.2.0-rc.4",
|
||||
"@storybook/addon-viewport": "6.2.0-rc.4",
|
||||
"@storybook/addons": "6.2.0-rc.4",
|
||||
"@storybook/ember": "6.2.0-rc.4",
|
||||
"@storybook/ember-cli-storybook": "^0.2.1",
|
||||
"@storybook/source-loader": "6.2.0-rc.1",
|
||||
"@storybook/source-loader": "6.2.0-rc.4",
|
||||
"babel-loader": "^8",
|
||||
"broccoli-asset-rev": "^3.0.0",
|
||||
"cross-env": "^7.0.3",
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "html-kitchen-sink",
|
||||
"version": "6.2.0-rc.1",
|
||||
"version": "6.2.0-rc.4",
|
||||
"private": true,
|
||||
"description": "",
|
||||
"keywords": [],
|
||||
@ -13,25 +13,25 @@
|
||||
"storybook": "start-storybook -p 9006"
|
||||
},
|
||||
"devDependencies": {
|
||||
"@storybook/addon-a11y": "6.2.0-rc.1",
|
||||
"@storybook/addon-actions": "6.2.0-rc.1",
|
||||
"@storybook/addon-backgrounds": "6.2.0-rc.1",
|
||||
"@storybook/addon-controls": "6.2.0-rc.1",
|
||||
"@storybook/addon-docs": "6.2.0-rc.1",
|
||||
"@storybook/addon-events": "6.2.0-rc.1",
|
||||
"@storybook/addon-jest": "6.2.0-rc.1",
|
||||
"@storybook/addon-knobs": "6.2.0-rc.1",
|
||||
"@storybook/addon-links": "6.2.0-rc.1",
|
||||
"@storybook/addon-a11y": "6.2.0-rc.4",
|
||||
"@storybook/addon-actions": "6.2.0-rc.4",
|
||||
"@storybook/addon-backgrounds": "6.2.0-rc.4",
|
||||
"@storybook/addon-controls": "6.2.0-rc.4",
|
||||
"@storybook/addon-docs": "6.2.0-rc.4",
|
||||
"@storybook/addon-events": "6.2.0-rc.4",
|
||||
"@storybook/addon-jest": "6.2.0-rc.4",
|
||||
"@storybook/addon-knobs": "6.2.0-rc.4",
|
||||
"@storybook/addon-links": "6.2.0-rc.4",
|
||||
"@storybook/addon-postcss": "^2.0.0",
|
||||
"@storybook/addon-storyshots": "6.2.0-rc.1",
|
||||
"@storybook/addon-storysource": "6.2.0-rc.1",
|
||||
"@storybook/addon-viewport": "6.2.0-rc.1",
|
||||
"@storybook/addons": "6.2.0-rc.1",
|
||||
"@storybook/client-api": "6.2.0-rc.1",
|
||||
"@storybook/core": "6.2.0-rc.1",
|
||||
"@storybook/core-events": "6.2.0-rc.1",
|
||||
"@storybook/html": "6.2.0-rc.1",
|
||||
"@storybook/source-loader": "6.2.0-rc.1",
|
||||
"@storybook/addon-storyshots": "6.2.0-rc.4",
|
||||
"@storybook/addon-storysource": "6.2.0-rc.4",
|
||||
"@storybook/addon-viewport": "6.2.0-rc.4",
|
||||
"@storybook/addons": "6.2.0-rc.4",
|
||||
"@storybook/client-api": "6.2.0-rc.4",
|
||||
"@storybook/core": "6.2.0-rc.4",
|
||||
"@storybook/core-events": "6.2.0-rc.4",
|
||||
"@storybook/html": "6.2.0-rc.4",
|
||||
"@storybook/source-loader": "6.2.0-rc.4",
|
||||
"autoprefixer": "^10.0.1",
|
||||
"eventemitter3": "^4.0.7",
|
||||
"format-json": "^1.0.3",
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "marko-cli",
|
||||
"version": "6.2.0-rc.1",
|
||||
"version": "6.2.0-rc.4",
|
||||
"private": true,
|
||||
"description": "Demo of how to build an app using marko-starter",
|
||||
"repository": {
|
||||
@ -23,13 +23,13 @@
|
||||
"marko-starter": "^2.1.0"
|
||||
},
|
||||
"devDependencies": {
|
||||
"@storybook/addon-a11y": "6.2.0-rc.1",
|
||||
"@storybook/addon-actions": "6.2.0-rc.1",
|
||||
"@storybook/addon-knobs": "6.2.0-rc.1",
|
||||
"@storybook/addon-storysource": "6.2.0-rc.1",
|
||||
"@storybook/addons": "6.2.0-rc.1",
|
||||
"@storybook/marko": "6.2.0-rc.1",
|
||||
"@storybook/source-loader": "6.2.0-rc.1",
|
||||
"@storybook/addon-a11y": "6.2.0-rc.4",
|
||||
"@storybook/addon-actions": "6.2.0-rc.4",
|
||||
"@storybook/addon-knobs": "6.2.0-rc.4",
|
||||
"@storybook/addon-storysource": "6.2.0-rc.4",
|
||||
"@storybook/addons": "6.2.0-rc.4",
|
||||
"@storybook/marko": "6.2.0-rc.4",
|
||||
"@storybook/source-loader": "6.2.0-rc.4",
|
||||
"prettier": "~2.2.1",
|
||||
"webpack": "4"
|
||||
},
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "mithril-example",
|
||||
"version": "6.2.0-rc.1",
|
||||
"version": "6.2.0-rc.4",
|
||||
"private": true,
|
||||
"scripts": {
|
||||
"build-storybook": "build-storybook",
|
||||
@ -10,17 +10,17 @@
|
||||
"mithril": "^1.1.7"
|
||||
},
|
||||
"devDependencies": {
|
||||
"@storybook/addon-a11y": "6.2.0-rc.1",
|
||||
"@storybook/addon-actions": "6.2.0-rc.1",
|
||||
"@storybook/addon-backgrounds": "6.2.0-rc.1",
|
||||
"@storybook/addon-knobs": "6.2.0-rc.1",
|
||||
"@storybook/addon-links": "6.2.0-rc.1",
|
||||
"@storybook/addon-storyshots": "6.2.0-rc.1",
|
||||
"@storybook/addon-storysource": "6.2.0-rc.1",
|
||||
"@storybook/addon-viewport": "6.2.0-rc.1",
|
||||
"@storybook/addons": "6.2.0-rc.1",
|
||||
"@storybook/mithril": "6.2.0-rc.1",
|
||||
"@storybook/source-loader": "6.2.0-rc.1",
|
||||
"@storybook/addon-a11y": "6.2.0-rc.4",
|
||||
"@storybook/addon-actions": "6.2.0-rc.4",
|
||||
"@storybook/addon-backgrounds": "6.2.0-rc.4",
|
||||
"@storybook/addon-knobs": "6.2.0-rc.4",
|
||||
"@storybook/addon-links": "6.2.0-rc.4",
|
||||
"@storybook/addon-storyshots": "6.2.0-rc.4",
|
||||
"@storybook/addon-storysource": "6.2.0-rc.4",
|
||||
"@storybook/addon-viewport": "6.2.0-rc.4",
|
||||
"@storybook/addons": "6.2.0-rc.4",
|
||||
"@storybook/mithril": "6.2.0-rc.4",
|
||||
"@storybook/source-loader": "6.2.0-rc.4",
|
||||
"webpack": "4"
|
||||
},
|
||||
"storybook": {
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "official-storybook",
|
||||
"version": "6.2.0-rc.1",
|
||||
"version": "6.2.0-rc.4",
|
||||
"private": true,
|
||||
"scripts": {
|
||||
"build-storybook": "cross-env STORYBOOK_DISPLAY_WARNING=true DISPLAY_WARNING=true build-storybook -c ./",
|
||||
@ -15,33 +15,33 @@
|
||||
"devDependencies": {
|
||||
"@packtracker/webpack-plugin": "^2.3.0",
|
||||
"@pmmmwh/react-refresh-webpack-plugin": "^0.4.3",
|
||||
"@storybook/addon-a11y": "6.2.0-rc.1",
|
||||
"@storybook/addon-actions": "6.2.0-rc.1",
|
||||
"@storybook/addon-backgrounds": "6.2.0-rc.1",
|
||||
"@storybook/addon-controls": "6.2.0-rc.1",
|
||||
"@storybook/addon-cssresources": "6.2.0-rc.1",
|
||||
"@storybook/addon-design-assets": "6.2.0-rc.1",
|
||||
"@storybook/addon-docs": "6.2.0-rc.1",
|
||||
"@storybook/addon-events": "6.2.0-rc.1",
|
||||
"@storybook/addon-graphql": "6.2.0-rc.1",
|
||||
"@storybook/addon-jest": "6.2.0-rc.1",
|
||||
"@storybook/addon-knobs": "6.2.0-rc.1",
|
||||
"@storybook/addon-links": "6.2.0-rc.1",
|
||||
"@storybook/addon-queryparams": "6.2.0-rc.1",
|
||||
"@storybook/addon-storyshots": "6.2.0-rc.1",
|
||||
"@storybook/addon-storyshots-puppeteer": "6.2.0-rc.1",
|
||||
"@storybook/addon-storysource": "6.2.0-rc.1",
|
||||
"@storybook/addon-toolbars": "6.2.0-rc.1",
|
||||
"@storybook/addon-viewport": "6.2.0-rc.1",
|
||||
"@storybook/addons": "6.2.0-rc.1",
|
||||
"@storybook/cli": "6.2.0-rc.1",
|
||||
"@storybook/components": "6.2.0-rc.1",
|
||||
"@storybook/core-events": "6.2.0-rc.1",
|
||||
"@storybook/addon-a11y": "6.2.0-rc.4",
|
||||
"@storybook/addon-actions": "6.2.0-rc.4",
|
||||
"@storybook/addon-backgrounds": "6.2.0-rc.4",
|
||||
"@storybook/addon-controls": "6.2.0-rc.4",
|
||||
"@storybook/addon-cssresources": "6.2.0-rc.4",
|
||||
"@storybook/addon-design-assets": "6.2.0-rc.4",
|
||||
"@storybook/addon-docs": "6.2.0-rc.4",
|
||||
"@storybook/addon-events": "6.2.0-rc.4",
|
||||
"@storybook/addon-graphql": "6.2.0-rc.4",
|
||||
"@storybook/addon-jest": "6.2.0-rc.4",
|
||||
"@storybook/addon-knobs": "6.2.0-rc.4",
|
||||
"@storybook/addon-links": "6.2.0-rc.4",
|
||||
"@storybook/addon-queryparams": "6.2.0-rc.4",
|
||||
"@storybook/addon-storyshots": "6.2.0-rc.4",
|
||||
"@storybook/addon-storyshots-puppeteer": "6.2.0-rc.4",
|
||||
"@storybook/addon-storysource": "6.2.0-rc.4",
|
||||
"@storybook/addon-toolbars": "6.2.0-rc.4",
|
||||
"@storybook/addon-viewport": "6.2.0-rc.4",
|
||||
"@storybook/addons": "6.2.0-rc.4",
|
||||
"@storybook/cli": "6.2.0-rc.4",
|
||||
"@storybook/components": "6.2.0-rc.4",
|
||||
"@storybook/core-events": "6.2.0-rc.4",
|
||||
"@storybook/design-system": "^5.4.7",
|
||||
"@storybook/node-logger": "6.2.0-rc.1",
|
||||
"@storybook/react": "6.2.0-rc.1",
|
||||
"@storybook/source-loader": "6.2.0-rc.1",
|
||||
"@storybook/theming": "6.2.0-rc.1",
|
||||
"@storybook/node-logger": "6.2.0-rc.4",
|
||||
"@storybook/react": "6.2.0-rc.4",
|
||||
"@storybook/source-loader": "6.2.0-rc.4",
|
||||
"@storybook/theming": "6.2.0-rc.4",
|
||||
"chromatic": "^5.6.0",
|
||||
"cors": "^2.8.5",
|
||||
"cross-env": "^7.0.3",
|
||||
|
||||
@ -1,4 +1,5 @@
|
||||
import { Meta } from '@storybook/addon-docs/blocks';
|
||||
import { Icons } from '@storybook/components';
|
||||
|
||||
<Meta title="Addons/Docs/markdown-docs" />
|
||||
|
||||
@ -127,6 +128,15 @@ Right aligned columns
|
||||
| engine | engine to be used for processing templates. Handlebars is the default. |
|
||||
| ext | extension to be used for dest files. |
|
||||
|
||||
Table with icons
|
||||
|
||||
| SVG | Name |
|
||||
| ----------------------- | -------- |
|
||||
| <Icons icon="mobile" /> | `mobile` |
|
||||
| <Icons icon="grid" /> | `grid` |
|
||||
| <Icons icon="alert" /> | `alert` |
|
||||
| <Icons icon="check" /> | `check` |
|
||||
|
||||
## Links
|
||||
|
||||
[external link](https://hichroma.com)
|
||||
|
||||
@ -1,5 +1,6 @@
|
||||
import React from 'react';
|
||||
import { DocsContainer } from '@storybook/addon-docs/blocks';
|
||||
import { themes } from '@storybook/theming';
|
||||
import markdown from './markdown.stories.mdx';
|
||||
|
||||
export default {
|
||||
@ -15,3 +16,16 @@ export const Typography = () => {
|
||||
const Docs = markdown.parameters.docs.page;
|
||||
return <Docs />;
|
||||
};
|
||||
|
||||
export const DarkModeDocs = () => {
|
||||
const Docs = markdown.parameters.docs.page;
|
||||
return <Docs />;
|
||||
};
|
||||
|
||||
DarkModeDocs.decorators = [
|
||||
(storyFn) => (
|
||||
<DocsContainer context={{ parameters: { docs: { theme: themes.dark } } }}>
|
||||
{storyFn()}
|
||||
</DocsContainer>
|
||||
),
|
||||
];
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "preact-example",
|
||||
"version": "6.2.0-rc.1",
|
||||
"version": "6.2.0-rc.4",
|
||||
"private": true,
|
||||
"scripts": {
|
||||
"build": "cross-env NODE_ENV=production webpack --progress --hide-modules",
|
||||
@ -15,17 +15,17 @@
|
||||
"devDependencies": {
|
||||
"@babel/core": "^7.12.10",
|
||||
"@babel/plugin-transform-runtime": "^7.12.10",
|
||||
"@storybook/addon-a11y": "6.2.0-rc.1",
|
||||
"@storybook/addon-actions": "6.2.0-rc.1",
|
||||
"@storybook/addon-backgrounds": "6.2.0-rc.1",
|
||||
"@storybook/addon-knobs": "6.2.0-rc.1",
|
||||
"@storybook/addon-links": "6.2.0-rc.1",
|
||||
"@storybook/addon-storyshots": "6.2.0-rc.1",
|
||||
"@storybook/addon-storysource": "6.2.0-rc.1",
|
||||
"@storybook/addon-viewport": "6.2.0-rc.1",
|
||||
"@storybook/addons": "6.2.0-rc.1",
|
||||
"@storybook/preact": "6.2.0-rc.1",
|
||||
"@storybook/source-loader": "6.2.0-rc.1",
|
||||
"@storybook/addon-a11y": "6.2.0-rc.4",
|
||||
"@storybook/addon-actions": "6.2.0-rc.4",
|
||||
"@storybook/addon-backgrounds": "6.2.0-rc.4",
|
||||
"@storybook/addon-knobs": "6.2.0-rc.4",
|
||||
"@storybook/addon-links": "6.2.0-rc.4",
|
||||
"@storybook/addon-storyshots": "6.2.0-rc.4",
|
||||
"@storybook/addon-storysource": "6.2.0-rc.4",
|
||||
"@storybook/addon-viewport": "6.2.0-rc.4",
|
||||
"@storybook/addons": "6.2.0-rc.4",
|
||||
"@storybook/preact": "6.2.0-rc.4",
|
||||
"@storybook/source-loader": "6.2.0-rc.4",
|
||||
"babel-loader": "^8.2.2",
|
||||
"cross-env": "^7.0.3",
|
||||
"file-loader": "^6.2.0",
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "rax-kitchen-sink",
|
||||
"version": "6.2.0-rc.1",
|
||||
"version": "6.2.0-rc.4",
|
||||
"private": true,
|
||||
"scripts": {
|
||||
"build": "build-scripts build",
|
||||
@ -20,20 +20,20 @@
|
||||
"devDependencies": {
|
||||
"@alib/build-scripts": "^0.1.8",
|
||||
"@babel/preset-react": "^7.12.10",
|
||||
"@storybook/addon-a11y": "6.2.0-rc.1",
|
||||
"@storybook/addon-actions": "6.2.0-rc.1",
|
||||
"@storybook/addon-backgrounds": "6.2.0-rc.1",
|
||||
"@storybook/addon-events": "6.2.0-rc.1",
|
||||
"@storybook/addon-jest": "6.2.0-rc.1",
|
||||
"@storybook/addon-knobs": "6.2.0-rc.1",
|
||||
"@storybook/addon-links": "6.2.0-rc.1",
|
||||
"@storybook/addon-storyshots": "6.2.0-rc.1",
|
||||
"@storybook/addon-storysource": "6.2.0-rc.1",
|
||||
"@storybook/addon-viewport": "6.2.0-rc.1",
|
||||
"@storybook/addons": "6.2.0-rc.1",
|
||||
"@storybook/rax": "6.2.0-rc.1",
|
||||
"@storybook/source-loader": "6.2.0-rc.1",
|
||||
"@storybook/theming": "6.2.0-rc.1",
|
||||
"@storybook/addon-a11y": "6.2.0-rc.4",
|
||||
"@storybook/addon-actions": "6.2.0-rc.4",
|
||||
"@storybook/addon-backgrounds": "6.2.0-rc.4",
|
||||
"@storybook/addon-events": "6.2.0-rc.4",
|
||||
"@storybook/addon-jest": "6.2.0-rc.4",
|
||||
"@storybook/addon-knobs": "6.2.0-rc.4",
|
||||
"@storybook/addon-links": "6.2.0-rc.4",
|
||||
"@storybook/addon-storyshots": "6.2.0-rc.4",
|
||||
"@storybook/addon-storysource": "6.2.0-rc.4",
|
||||
"@storybook/addon-viewport": "6.2.0-rc.4",
|
||||
"@storybook/addons": "6.2.0-rc.4",
|
||||
"@storybook/rax": "6.2.0-rc.4",
|
||||
"@storybook/source-loader": "6.2.0-rc.4",
|
||||
"@storybook/theming": "6.2.0-rc.4",
|
||||
"babel-eslint": "^10.1.0",
|
||||
"build-plugin-rax-app": "^0.2.0",
|
||||
"stylesheet-loader": "^0.8.0"
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/example-react-ts-webpack4",
|
||||
"version": "6.2.0-rc.1",
|
||||
"version": "6.2.0-rc.4",
|
||||
"private": true,
|
||||
"scripts": {
|
||||
"build-storybook": "cross-env STORYBOOK_DISPLAY_WARNING=true DISPLAY_WARNING=true build-storybook -c ./",
|
||||
@ -8,10 +8,10 @@
|
||||
"storybook": "cross-env STORYBOOK_DISPLAY_WARNING=true DISPLAY_WARNING=true start-storybook -p 9011 -c ./"
|
||||
},
|
||||
"dependencies": {
|
||||
"@storybook/addon-controls": "6.2.0-rc.1",
|
||||
"@storybook/addon-essentials": "6.2.0-rc.1",
|
||||
"@storybook/builder-webpack4": "6.2.0-rc.1",
|
||||
"@storybook/react": "6.2.0-rc.1",
|
||||
"@storybook/addon-controls": "6.2.0-rc.4",
|
||||
"@storybook/addon-essentials": "6.2.0-rc.4",
|
||||
"@storybook/builder-webpack4": "6.2.0-rc.4",
|
||||
"@storybook/react": "6.2.0-rc.4",
|
||||
"@types/react": "^16.14.2",
|
||||
"@types/react-dom": "^16.9.10",
|
||||
"prop-types": "15.7.2",
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/example-react-ts",
|
||||
"version": "6.2.0-rc.1",
|
||||
"version": "6.2.0-rc.4",
|
||||
"private": true,
|
||||
"scripts": {
|
||||
"build-storybook": "cross-env STORYBOOK_DISPLAY_WARNING=true DISPLAY_WARNING=true build-storybook -c ./",
|
||||
@ -8,9 +8,9 @@
|
||||
"storybook": "cross-env STORYBOOK_DISPLAY_WARNING=true DISPLAY_WARNING=true start-storybook -p 9011 -c ./"
|
||||
},
|
||||
"dependencies": {
|
||||
"@storybook/addon-controls": "6.2.0-rc.1",
|
||||
"@storybook/addon-essentials": "6.2.0-rc.1",
|
||||
"@storybook/react": "6.2.0-rc.1",
|
||||
"@storybook/addon-controls": "6.2.0-rc.4",
|
||||
"@storybook/addon-essentials": "6.2.0-rc.4",
|
||||
"@storybook/react": "6.2.0-rc.4",
|
||||
"@types/react": "^16.14.2",
|
||||
"@types/react-dom": "^16.9.10",
|
||||
"prop-types": "15.7.2",
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "riot-example",
|
||||
"version": "6.2.0-rc.1",
|
||||
"version": "6.2.0-rc.4",
|
||||
"private": true,
|
||||
"scripts": {
|
||||
"build": "cross-env NODE_ENV=production webpack --progress --hide-modules",
|
||||
@ -15,17 +15,17 @@
|
||||
},
|
||||
"devDependencies": {
|
||||
"@babel/core": "^7.12.10",
|
||||
"@storybook/addon-a11y": "6.2.0-rc.1",
|
||||
"@storybook/addon-actions": "6.2.0-rc.1",
|
||||
"@storybook/addon-backgrounds": "6.2.0-rc.1",
|
||||
"@storybook/addon-knobs": "6.2.0-rc.1",
|
||||
"@storybook/addon-links": "6.2.0-rc.1",
|
||||
"@storybook/addon-storyshots": "6.2.0-rc.1",
|
||||
"@storybook/addon-storysource": "6.2.0-rc.1",
|
||||
"@storybook/addon-viewport": "6.2.0-rc.1",
|
||||
"@storybook/addons": "6.2.0-rc.1",
|
||||
"@storybook/riot": "6.2.0-rc.1",
|
||||
"@storybook/source-loader": "6.2.0-rc.1",
|
||||
"@storybook/addon-a11y": "6.2.0-rc.4",
|
||||
"@storybook/addon-actions": "6.2.0-rc.4",
|
||||
"@storybook/addon-backgrounds": "6.2.0-rc.4",
|
||||
"@storybook/addon-knobs": "6.2.0-rc.4",
|
||||
"@storybook/addon-links": "6.2.0-rc.4",
|
||||
"@storybook/addon-storyshots": "6.2.0-rc.4",
|
||||
"@storybook/addon-storysource": "6.2.0-rc.4",
|
||||
"@storybook/addon-viewport": "6.2.0-rc.4",
|
||||
"@storybook/addons": "6.2.0-rc.4",
|
||||
"@storybook/riot": "6.2.0-rc.4",
|
||||
"@storybook/source-loader": "6.2.0-rc.4",
|
||||
"babel-loader": "^8.2.2",
|
||||
"cross-env": "^7.0.3",
|
||||
"file-loader": "^6.2.0",
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "server-kitchen-sink",
|
||||
"version": "6.2.0-rc.1",
|
||||
"version": "6.2.0-rc.4",
|
||||
"private": true,
|
||||
"description": "",
|
||||
"keywords": [],
|
||||
@ -14,13 +14,13 @@
|
||||
"storybook": "SERVER_PORT=1137 start-storybook -p 9006 --quiet"
|
||||
},
|
||||
"devDependencies": {
|
||||
"@storybook/addon-a11y": "6.2.0-rc.1",
|
||||
"@storybook/addon-actions": "6.2.0-rc.1",
|
||||
"@storybook/addon-backgrounds": "6.2.0-rc.1",
|
||||
"@storybook/addon-controls": "6.2.0-rc.1",
|
||||
"@storybook/addon-links": "6.2.0-rc.1",
|
||||
"@storybook/node-logger": "6.2.0-rc.1",
|
||||
"@storybook/server": "6.2.0-rc.1",
|
||||
"@storybook/addon-a11y": "6.2.0-rc.4",
|
||||
"@storybook/addon-actions": "6.2.0-rc.4",
|
||||
"@storybook/addon-backgrounds": "6.2.0-rc.4",
|
||||
"@storybook/addon-controls": "6.2.0-rc.4",
|
||||
"@storybook/addon-links": "6.2.0-rc.4",
|
||||
"@storybook/node-logger": "6.2.0-rc.4",
|
||||
"@storybook/server": "6.2.0-rc.4",
|
||||
"concurrently": "^5.3.0",
|
||||
"cors": "^2.8.5",
|
||||
"express": "~4.17.1",
|
||||
|
||||
@ -1,12 +1,12 @@
|
||||
{
|
||||
"name": "standalone-preview",
|
||||
"version": "6.2.0-rc.1",
|
||||
"version": "6.2.0-rc.4",
|
||||
"private": true,
|
||||
"scripts": {
|
||||
"storybook": "parcel ./storybook.html --port 1337"
|
||||
},
|
||||
"devDependencies": {
|
||||
"@storybook/react": "6.2.0-rc.1",
|
||||
"@storybook/react": "6.2.0-rc.4",
|
||||
"parcel": "^1.12.4",
|
||||
"react": "16.14.0",
|
||||
"react-dom": "16.14.0"
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "svelte-example",
|
||||
"version": "6.2.0-rc.1",
|
||||
"version": "6.2.0-rc.4",
|
||||
"private": true,
|
||||
"scripts": {
|
||||
"build-storybook": "build-storybook -s public",
|
||||
@ -10,19 +10,19 @@
|
||||
"global": "^4.4.0"
|
||||
},
|
||||
"devDependencies": {
|
||||
"@storybook/addon-a11y": "6.2.0-rc.1",
|
||||
"@storybook/addon-actions": "6.2.0-rc.1",
|
||||
"@storybook/addon-backgrounds": "6.2.0-rc.1",
|
||||
"@storybook/addon-controls": "6.2.0-rc.1",
|
||||
"@storybook/addon-docs": "6.2.0-rc.1",
|
||||
"@storybook/addon-knobs": "6.2.0-rc.1",
|
||||
"@storybook/addon-links": "6.2.0-rc.1",
|
||||
"@storybook/addon-storyshots": "6.2.0-rc.1",
|
||||
"@storybook/addon-storysource": "6.2.0-rc.1",
|
||||
"@storybook/addon-viewport": "6.2.0-rc.1",
|
||||
"@storybook/addons": "6.2.0-rc.1",
|
||||
"@storybook/source-loader": "6.2.0-rc.1",
|
||||
"@storybook/svelte": "6.2.0-rc.1",
|
||||
"@storybook/addon-a11y": "6.2.0-rc.4",
|
||||
"@storybook/addon-actions": "6.2.0-rc.4",
|
||||
"@storybook/addon-backgrounds": "6.2.0-rc.4",
|
||||
"@storybook/addon-controls": "6.2.0-rc.4",
|
||||
"@storybook/addon-docs": "6.2.0-rc.4",
|
||||
"@storybook/addon-knobs": "6.2.0-rc.4",
|
||||
"@storybook/addon-links": "6.2.0-rc.4",
|
||||
"@storybook/addon-storyshots": "6.2.0-rc.4",
|
||||
"@storybook/addon-storysource": "6.2.0-rc.4",
|
||||
"@storybook/addon-viewport": "6.2.0-rc.4",
|
||||
"@storybook/addons": "6.2.0-rc.4",
|
||||
"@storybook/source-loader": "6.2.0-rc.4",
|
||||
"@storybook/svelte": "6.2.0-rc.4",
|
||||
"svelte-jester": "1.3.0",
|
||||
"svelte-preprocess": "4.6.8"
|
||||
},
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "vue-3-cli-example",
|
||||
"version": "6.2.0-rc.1",
|
||||
"version": "6.2.0-rc.4",
|
||||
"private": true,
|
||||
"scripts": {
|
||||
"build": "vue-cli-service build",
|
||||
@ -14,11 +14,11 @@
|
||||
},
|
||||
"devDependencies": {
|
||||
"@babel/core": "^7.12.10",
|
||||
"@storybook/addon-actions": "6.2.0-rc.1",
|
||||
"@storybook/addon-essentials": "6.2.0-rc.1",
|
||||
"@storybook/addon-links": "6.2.0-rc.1",
|
||||
"@storybook/addon-storyshots": "6.2.0-rc.1",
|
||||
"@storybook/vue3": "6.2.0-rc.1",
|
||||
"@storybook/addon-actions": "6.2.0-rc.4",
|
||||
"@storybook/addon-essentials": "6.2.0-rc.4",
|
||||
"@storybook/addon-links": "6.2.0-rc.4",
|
||||
"@storybook/addon-storyshots": "6.2.0-rc.4",
|
||||
"@storybook/vue3": "6.2.0-rc.4",
|
||||
"@vue/cli-plugin-babel": "~4.5.0",
|
||||
"@vue/cli-plugin-typescript": "~4.5.0",
|
||||
"@vue/cli-service": "~4.5.0",
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "vue-cli-example",
|
||||
"version": "6.2.0-rc.1",
|
||||
"version": "6.2.0-rc.4",
|
||||
"private": true,
|
||||
"scripts": {
|
||||
"build": "vue-cli-service build",
|
||||
@ -15,11 +15,11 @@
|
||||
"vue-property-decorator": "^9.1.2"
|
||||
},
|
||||
"devDependencies": {
|
||||
"@storybook/addon-controls": "6.2.0-rc.1",
|
||||
"@storybook/addon-essentials": "6.2.0-rc.1",
|
||||
"@storybook/addon-controls": "6.2.0-rc.4",
|
||||
"@storybook/addon-essentials": "6.2.0-rc.4",
|
||||
"@storybook/preset-scss": "^1.0.3",
|
||||
"@storybook/source-loader": "6.2.0-rc.1",
|
||||
"@storybook/vue": "6.2.0-rc.1",
|
||||
"@storybook/source-loader": "6.2.0-rc.4",
|
||||
"@storybook/vue": "6.2.0-rc.4",
|
||||
"@vue/cli-plugin-babel": "~4.3.1",
|
||||
"@vue/cli-plugin-typescript": "~4.3.1",
|
||||
"@vue/cli-service": "~4.3.1",
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "vue-example",
|
||||
"version": "6.2.0-rc.1",
|
||||
"version": "6.2.0-rc.4",
|
||||
"private": true,
|
||||
"scripts": {
|
||||
"build": "cross-env NODE_ENV=production webpack --progress --hide-modules",
|
||||
@ -14,19 +14,19 @@
|
||||
},
|
||||
"devDependencies": {
|
||||
"@babel/core": "^7.12.10",
|
||||
"@storybook/addon-a11y": "6.2.0-rc.1",
|
||||
"@storybook/addon-actions": "6.2.0-rc.1",
|
||||
"@storybook/addon-backgrounds": "6.2.0-rc.1",
|
||||
"@storybook/addon-controls": "6.2.0-rc.1",
|
||||
"@storybook/addon-docs": "6.2.0-rc.1",
|
||||
"@storybook/addon-knobs": "6.2.0-rc.1",
|
||||
"@storybook/addon-links": "6.2.0-rc.1",
|
||||
"@storybook/addon-storyshots": "6.2.0-rc.1",
|
||||
"@storybook/addon-storysource": "6.2.0-rc.1",
|
||||
"@storybook/addon-viewport": "6.2.0-rc.1",
|
||||
"@storybook/addons": "6.2.0-rc.1",
|
||||
"@storybook/source-loader": "6.2.0-rc.1",
|
||||
"@storybook/vue": "6.2.0-rc.1",
|
||||
"@storybook/addon-a11y": "6.2.0-rc.4",
|
||||
"@storybook/addon-actions": "6.2.0-rc.4",
|
||||
"@storybook/addon-backgrounds": "6.2.0-rc.4",
|
||||
"@storybook/addon-controls": "6.2.0-rc.4",
|
||||
"@storybook/addon-docs": "6.2.0-rc.4",
|
||||
"@storybook/addon-knobs": "6.2.0-rc.4",
|
||||
"@storybook/addon-links": "6.2.0-rc.4",
|
||||
"@storybook/addon-storyshots": "6.2.0-rc.4",
|
||||
"@storybook/addon-storysource": "6.2.0-rc.4",
|
||||
"@storybook/addon-viewport": "6.2.0-rc.4",
|
||||
"@storybook/addons": "6.2.0-rc.4",
|
||||
"@storybook/source-loader": "6.2.0-rc.4",
|
||||
"@storybook/vue": "6.2.0-rc.4",
|
||||
"@vue/babel-preset-jsx": "^1.2.4",
|
||||
"babel-loader": "^8.2.2",
|
||||
"cross-env": "^7.0.3",
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "web-components-kitchen-sink",
|
||||
"version": "6.2.0-rc.1",
|
||||
"version": "6.2.0-rc.4",
|
||||
"private": true,
|
||||
"description": "",
|
||||
"keywords": [],
|
||||
@ -12,24 +12,24 @@
|
||||
"storybook": "start-storybook -p 9006"
|
||||
},
|
||||
"devDependencies": {
|
||||
"@storybook/addon-a11y": "6.2.0-rc.1",
|
||||
"@storybook/addon-actions": "6.2.0-rc.1",
|
||||
"@storybook/addon-backgrounds": "6.2.0-rc.1",
|
||||
"@storybook/addon-controls": "6.2.0-rc.1",
|
||||
"@storybook/addon-docs": "6.2.0-rc.1",
|
||||
"@storybook/addon-events": "6.2.0-rc.1",
|
||||
"@storybook/addon-jest": "6.2.0-rc.1",
|
||||
"@storybook/addon-knobs": "6.2.0-rc.1",
|
||||
"@storybook/addon-links": "6.2.0-rc.1",
|
||||
"@storybook/addon-storyshots": "6.2.0-rc.1",
|
||||
"@storybook/addon-storysource": "6.2.0-rc.1",
|
||||
"@storybook/addon-viewport": "6.2.0-rc.1",
|
||||
"@storybook/addons": "6.2.0-rc.1",
|
||||
"@storybook/client-api": "6.2.0-rc.1",
|
||||
"@storybook/core": "6.2.0-rc.1",
|
||||
"@storybook/core-events": "6.2.0-rc.1",
|
||||
"@storybook/source-loader": "6.2.0-rc.1",
|
||||
"@storybook/web-components": "6.2.0-rc.1",
|
||||
"@storybook/addon-a11y": "6.2.0-rc.4",
|
||||
"@storybook/addon-actions": "6.2.0-rc.4",
|
||||
"@storybook/addon-backgrounds": "6.2.0-rc.4",
|
||||
"@storybook/addon-controls": "6.2.0-rc.4",
|
||||
"@storybook/addon-docs": "6.2.0-rc.4",
|
||||
"@storybook/addon-events": "6.2.0-rc.4",
|
||||
"@storybook/addon-jest": "6.2.0-rc.4",
|
||||
"@storybook/addon-knobs": "6.2.0-rc.4",
|
||||
"@storybook/addon-links": "6.2.0-rc.4",
|
||||
"@storybook/addon-storyshots": "6.2.0-rc.4",
|
||||
"@storybook/addon-storysource": "6.2.0-rc.4",
|
||||
"@storybook/addon-viewport": "6.2.0-rc.4",
|
||||
"@storybook/addons": "6.2.0-rc.4",
|
||||
"@storybook/client-api": "6.2.0-rc.4",
|
||||
"@storybook/core": "6.2.0-rc.4",
|
||||
"@storybook/core-events": "6.2.0-rc.4",
|
||||
"@storybook/source-loader": "6.2.0-rc.4",
|
||||
"@storybook/web-components": "6.2.0-rc.4",
|
||||
"babel-loader": "^8.2.2",
|
||||
"eventemitter3": "^4.0.7",
|
||||
"format-json": "^1.0.3",
|
||||
|
||||
@ -2,5 +2,5 @@
|
||||
"npmClient": "yarn",
|
||||
"useWorkspaces": true,
|
||||
"registry": "https://registry.npmjs.org",
|
||||
"version": "6.2.0-rc.1"
|
||||
"version": "6.2.0-rc.4"
|
||||
}
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/addons",
|
||||
"version": "6.2.0-rc.1",
|
||||
"version": "6.2.0-rc.4",
|
||||
"description": "Storybook addons store",
|
||||
"keywords": [
|
||||
"storybook"
|
||||
@ -36,12 +36,12 @@
|
||||
"prepare": "node ../../scripts/prepare.js"
|
||||
},
|
||||
"dependencies": {
|
||||
"@storybook/api": "6.2.0-rc.1",
|
||||
"@storybook/channels": "6.2.0-rc.1",
|
||||
"@storybook/client-logger": "6.2.0-rc.1",
|
||||
"@storybook/core-events": "6.2.0-rc.1",
|
||||
"@storybook/router": "6.2.0-rc.1",
|
||||
"@storybook/theming": "6.2.0-rc.1",
|
||||
"@storybook/api": "6.2.0-rc.4",
|
||||
"@storybook/channels": "6.2.0-rc.4",
|
||||
"@storybook/client-logger": "6.2.0-rc.4",
|
||||
"@storybook/core-events": "6.2.0-rc.4",
|
||||
"@storybook/router": "6.2.0-rc.4",
|
||||
"@storybook/theming": "6.2.0-rc.4",
|
||||
"core-js": "^3.8.2",
|
||||
"global": "^4.4.0",
|
||||
"regenerator-runtime": "^0.13.7"
|
||||
@ -53,5 +53,5 @@
|
||||
"publishConfig": {
|
||||
"access": "public"
|
||||
},
|
||||
"gitHead": "8719fe697c922d330220851a341380546ba668e4"
|
||||
"gitHead": "1ac1d37eff1c54867ef24623da270f5f3472d25c"
|
||||
}
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/api",
|
||||
"version": "6.2.0-rc.1",
|
||||
"version": "6.2.0-rc.4",
|
||||
"description": "Core Storybook API & Context",
|
||||
"keywords": [
|
||||
"storybook"
|
||||
@ -35,13 +35,13 @@
|
||||
},
|
||||
"dependencies": {
|
||||
"@reach/router": "^1.3.4",
|
||||
"@storybook/channels": "6.2.0-rc.1",
|
||||
"@storybook/client-logger": "6.2.0-rc.1",
|
||||
"@storybook/core-events": "6.2.0-rc.1",
|
||||
"@storybook/channels": "6.2.0-rc.4",
|
||||
"@storybook/client-logger": "6.2.0-rc.4",
|
||||
"@storybook/core-events": "6.2.0-rc.4",
|
||||
"@storybook/csf": "0.0.1",
|
||||
"@storybook/router": "6.2.0-rc.1",
|
||||
"@storybook/router": "6.2.0-rc.4",
|
||||
"@storybook/semver": "^7.3.2",
|
||||
"@storybook/theming": "6.2.0-rc.1",
|
||||
"@storybook/theming": "6.2.0-rc.4",
|
||||
"@types/reach__router": "^1.3.7",
|
||||
"core-js": "^3.8.2",
|
||||
"fast-deep-equal": "^3.1.3",
|
||||
@ -68,5 +68,5 @@
|
||||
"publishConfig": {
|
||||
"access": "public"
|
||||
},
|
||||
"gitHead": "8719fe697c922d330220851a341380546ba668e4"
|
||||
"gitHead": "1ac1d37eff1c54867ef24623da270f5f3472d25c"
|
||||
}
|
||||
|
||||
@ -1 +1 @@
|
||||
export const version = '6.2.0-rc.1';
|
||||
export const version = '6.2.0-rc.4';
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/builder-webpack4",
|
||||
"version": "6.2.0-rc.1",
|
||||
"version": "6.2.0-rc.4",
|
||||
"description": "Storybook framework-agnostic API",
|
||||
"keywords": [
|
||||
"storybook"
|
||||
@ -57,20 +57,20 @@
|
||||
"@babel/preset-env": "^7.12.11",
|
||||
"@babel/preset-react": "^7.12.10",
|
||||
"@babel/preset-typescript": "^7.12.7",
|
||||
"@storybook/addons": "6.2.0-rc.1",
|
||||
"@storybook/api": "6.2.0-rc.1",
|
||||
"@storybook/channel-postmessage": "6.2.0-rc.1",
|
||||
"@storybook/channels": "6.2.0-rc.1",
|
||||
"@storybook/client-api": "6.2.0-rc.1",
|
||||
"@storybook/client-logger": "6.2.0-rc.1",
|
||||
"@storybook/components": "6.2.0-rc.1",
|
||||
"@storybook/core-common": "6.2.0-rc.1",
|
||||
"@storybook/core-events": "6.2.0-rc.1",
|
||||
"@storybook/node-logger": "6.2.0-rc.1",
|
||||
"@storybook/router": "6.2.0-rc.1",
|
||||
"@storybook/addons": "6.2.0-rc.4",
|
||||
"@storybook/api": "6.2.0-rc.4",
|
||||
"@storybook/channel-postmessage": "6.2.0-rc.4",
|
||||
"@storybook/channels": "6.2.0-rc.4",
|
||||
"@storybook/client-api": "6.2.0-rc.4",
|
||||
"@storybook/client-logger": "6.2.0-rc.4",
|
||||
"@storybook/components": "6.2.0-rc.4",
|
||||
"@storybook/core-common": "6.2.0-rc.4",
|
||||
"@storybook/core-events": "6.2.0-rc.4",
|
||||
"@storybook/node-logger": "6.2.0-rc.4",
|
||||
"@storybook/router": "6.2.0-rc.4",
|
||||
"@storybook/semver": "^7.3.2",
|
||||
"@storybook/theming": "6.2.0-rc.1",
|
||||
"@storybook/ui": "6.2.0-rc.1",
|
||||
"@storybook/theming": "6.2.0-rc.4",
|
||||
"@storybook/ui": "6.2.0-rc.4",
|
||||
"@types/node": "^14.0.10",
|
||||
"@types/webpack": "^4.41.26",
|
||||
"autoprefixer": "^9.8.6",
|
||||
@ -128,5 +128,5 @@
|
||||
"publishConfig": {
|
||||
"access": "public"
|
||||
},
|
||||
"gitHead": "8719fe697c922d330220851a341380546ba668e4"
|
||||
"gitHead": "1ac1d37eff1c54867ef24623da270f5f3472d25c"
|
||||
}
|
||||
|
||||
@ -4,7 +4,7 @@ import webpack4, { Stats, Configuration } from '@types/webpack';
|
||||
import webpackDevMiddleware from 'webpack-dev-middleware';
|
||||
import webpackHotMiddleware from 'webpack-hot-middleware';
|
||||
import { logger } from '@storybook/node-logger';
|
||||
import { Builder, useProgressReporting } from '@storybook/core-common';
|
||||
import { Builder, useProgressReporting, checkWebpackVersion } from '@storybook/core-common';
|
||||
|
||||
let compilation: ReturnType<typeof webpackDevMiddleware>;
|
||||
let reject: (reason?: any) => void;
|
||||
@ -13,6 +13,9 @@ type WebpackBuilder = Builder<Configuration, Stats>;
|
||||
|
||||
const webpack = (webpackReal as any) as typeof webpack4;
|
||||
|
||||
const checkWebpackVersion4 = (webpackInstance: { version?: string }) =>
|
||||
checkWebpackVersion(webpackInstance, '4.x', 'builder-webpack4');
|
||||
|
||||
export const getConfig: WebpackBuilder['getConfig'] = async (options) => {
|
||||
const { presets } = options;
|
||||
const typescriptOptions = await presets.apply('typescript', {}, options);
|
||||
@ -47,6 +50,8 @@ export const makeStatsFromError: (err: string) => Stats = (err) =>
|
||||
} as any);
|
||||
|
||||
export const start: WebpackBuilder['start'] = async ({ startTime, options, router }) => {
|
||||
checkWebpackVersion4(executor.get);
|
||||
|
||||
const config = await getConfig(options);
|
||||
const compiler = executor.get(config);
|
||||
if (!compiler) {
|
||||
@ -113,6 +118,8 @@ export const bail: WebpackBuilder['bail'] = (e: Error) => {
|
||||
};
|
||||
|
||||
export const build: WebpackBuilder['build'] = async ({ options, startTime }) => {
|
||||
checkWebpackVersion4(executor.get);
|
||||
|
||||
logger.info('=> Compiling preview..');
|
||||
const config = await getConfig(options);
|
||||
|
||||
|
||||
@ -194,7 +194,7 @@ export default async ({
|
||||
resolve: {
|
||||
extensions: ['.mjs', '.js', '.jsx', '.ts', '.tsx', '.json', '.cjs'],
|
||||
modules: ['node_modules'].concat(envs.NODE_PATH || []),
|
||||
mainFields: isProd ? undefined : ['browser', 'main'],
|
||||
mainFields: ['browser', 'module', 'main'],
|
||||
alias: {
|
||||
...themingPaths,
|
||||
...storybookPaths,
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/builder-webpack5",
|
||||
"version": "6.2.0-rc.1",
|
||||
"version": "6.2.0-rc.4",
|
||||
"description": "Storybook framework-agnostic API",
|
||||
"keywords": [
|
||||
"storybook"
|
||||
@ -56,19 +56,19 @@
|
||||
"@babel/preset-env": "^7.12.11",
|
||||
"@babel/preset-react": "^7.12.10",
|
||||
"@babel/preset-typescript": "^7.12.7",
|
||||
"@storybook/addons": "6.2.0-rc.1",
|
||||
"@storybook/api": "6.2.0-rc.1",
|
||||
"@storybook/channel-postmessage": "6.2.0-rc.1",
|
||||
"@storybook/channels": "6.2.0-rc.1",
|
||||
"@storybook/client-api": "6.2.0-rc.1",
|
||||
"@storybook/client-logger": "6.2.0-rc.1",
|
||||
"@storybook/components": "6.2.0-rc.1",
|
||||
"@storybook/core-common": "6.2.0-rc.1",
|
||||
"@storybook/core-events": "6.2.0-rc.1",
|
||||
"@storybook/node-logger": "6.2.0-rc.1",
|
||||
"@storybook/router": "6.2.0-rc.1",
|
||||
"@storybook/addons": "6.2.0-rc.4",
|
||||
"@storybook/api": "6.2.0-rc.4",
|
||||
"@storybook/channel-postmessage": "6.2.0-rc.4",
|
||||
"@storybook/channels": "6.2.0-rc.4",
|
||||
"@storybook/client-api": "6.2.0-rc.4",
|
||||
"@storybook/client-logger": "6.2.0-rc.4",
|
||||
"@storybook/components": "6.2.0-rc.4",
|
||||
"@storybook/core-common": "6.2.0-rc.4",
|
||||
"@storybook/core-events": "6.2.0-rc.4",
|
||||
"@storybook/node-logger": "6.2.0-rc.4",
|
||||
"@storybook/router": "6.2.0-rc.4",
|
||||
"@storybook/semver": "^7.3.2",
|
||||
"@storybook/theming": "6.2.0-rc.1",
|
||||
"@storybook/theming": "6.2.0-rc.4",
|
||||
"@types/node": "^14.0.10",
|
||||
"babel-loader": "^8.2.2",
|
||||
"babel-plugin-macros": "^3.0.1",
|
||||
@ -119,5 +119,5 @@
|
||||
"publishConfig": {
|
||||
"access": "public"
|
||||
},
|
||||
"gitHead": "8719fe697c922d330220851a341380546ba668e4"
|
||||
"gitHead": "1ac1d37eff1c54867ef24623da270f5f3472d25c"
|
||||
}
|
||||
|
||||
@ -2,13 +2,16 @@ import webpack, { Stats, Configuration, ProgressPlugin } from 'webpack';
|
||||
import webpackDevMiddleware from 'webpack-dev-middleware';
|
||||
import webpackHotMiddleware from 'webpack-hot-middleware';
|
||||
import { logger } from '@storybook/node-logger';
|
||||
import { Builder, useProgressReporting } from '@storybook/core-common';
|
||||
import { Builder, useProgressReporting, checkWebpackVersion } from '@storybook/core-common';
|
||||
|
||||
let compilation: ReturnType<typeof webpackDevMiddleware>;
|
||||
let reject: (reason?: any) => void;
|
||||
|
||||
type WebpackBuilder = Builder<Configuration, Stats>;
|
||||
|
||||
const checkWebpackVersion5 = (webpackInstance: { version?: string }) =>
|
||||
checkWebpackVersion(webpackInstance, '5.x', 'builder-webpack5');
|
||||
|
||||
export const getConfig: WebpackBuilder['getConfig'] = async (options) => {
|
||||
const { presets } = options;
|
||||
const typescriptOptions = await presets.apply('typescript', {}, options);
|
||||
@ -36,6 +39,8 @@ export const executor = {
|
||||
};
|
||||
|
||||
export const start: WebpackBuilder['start'] = async ({ startTime, options, router }) => {
|
||||
checkWebpackVersion5(executor.get);
|
||||
|
||||
const config = await getConfig(options);
|
||||
const compiler = executor.get(config);
|
||||
if (!compiler) {
|
||||
@ -101,6 +106,8 @@ export const bail: WebpackBuilder['bail'] = (e: Error) => {
|
||||
};
|
||||
|
||||
export const build: WebpackBuilder['build'] = async ({ options, startTime }) => {
|
||||
checkWebpackVersion5(executor.get);
|
||||
|
||||
logger.info('=> Compiling preview..');
|
||||
const config = await getConfig(options);
|
||||
|
||||
|
||||
@ -27,7 +27,7 @@ export async function createDefaultWebpackConfig(
|
||||
test: /\.css$/,
|
||||
sideEffects: true,
|
||||
use: [
|
||||
// TODO(blaine): Decide if we want to keep style-loader & css-loader in core
|
||||
// TODO: Decide if we want to keep style-loader & css-loader in core
|
||||
// Trying to apply style-loader or css-loader to files that already have been
|
||||
// processed by them causes webpack to crash, so no one else can add similar
|
||||
// loader configurations to the `.css` extension.
|
||||
@ -53,7 +53,7 @@ export async function createDefaultWebpackConfig(
|
||||
test: /\.(svg|ico|jpg|jpeg|png|apng|gif|eot|otf|webp|ttf|woff|woff2|cur|ani|pdf)(\?.*)?$/,
|
||||
loader: require.resolve('file-loader'),
|
||||
options: {
|
||||
name: 'static/media/[name].[hash:8].[ext]',
|
||||
name: 'static/media/[name].[contenthash:8].[ext]',
|
||||
},
|
||||
},
|
||||
{
|
||||
@ -61,7 +61,7 @@ export async function createDefaultWebpackConfig(
|
||||
loader: require.resolve('url-loader'),
|
||||
options: {
|
||||
limit: 10000,
|
||||
name: 'static/media/[name].[hash:8].[ext]',
|
||||
name: 'static/media/[name].[contenthash:8].[ext]',
|
||||
},
|
||||
},
|
||||
],
|
||||
|
||||
@ -195,7 +195,7 @@ export default async ({
|
||||
resolve: {
|
||||
extensions: ['.mjs', '.js', '.jsx', '.ts', '.tsx', '.json', '.cjs'],
|
||||
modules: ['node_modules'].concat(envs.NODE_PATH || []),
|
||||
mainFields: ['browser', 'main'],
|
||||
mainFields: ['browser', 'module', 'main'],
|
||||
alias: {
|
||||
...themingPaths,
|
||||
...storybookPaths,
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/channel-postmessage",
|
||||
"version": "6.2.0-rc.1",
|
||||
"version": "6.2.0-rc.4",
|
||||
"description": "",
|
||||
"keywords": [
|
||||
"storybook"
|
||||
@ -36,9 +36,9 @@
|
||||
"prepare": "node ../../scripts/prepare.js"
|
||||
},
|
||||
"dependencies": {
|
||||
"@storybook/channels": "6.2.0-rc.1",
|
||||
"@storybook/client-logger": "6.2.0-rc.1",
|
||||
"@storybook/core-events": "6.2.0-rc.1",
|
||||
"@storybook/channels": "6.2.0-rc.4",
|
||||
"@storybook/client-logger": "6.2.0-rc.4",
|
||||
"@storybook/core-events": "6.2.0-rc.4",
|
||||
"core-js": "^3.8.2",
|
||||
"global": "^4.4.0",
|
||||
"qs": "^6.9.5",
|
||||
@ -47,5 +47,5 @@
|
||||
"publishConfig": {
|
||||
"access": "public"
|
||||
},
|
||||
"gitHead": "8719fe697c922d330220851a341380546ba668e4"
|
||||
"gitHead": "1ac1d37eff1c54867ef24623da270f5f3472d25c"
|
||||
}
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/channel-websocket",
|
||||
"version": "6.2.0-rc.1",
|
||||
"version": "6.2.0-rc.4",
|
||||
"description": "",
|
||||
"keywords": [
|
||||
"storybook"
|
||||
@ -36,7 +36,7 @@
|
||||
"prepare": "node ../../scripts/prepare.js"
|
||||
},
|
||||
"dependencies": {
|
||||
"@storybook/channels": "6.2.0-rc.1",
|
||||
"@storybook/channels": "6.2.0-rc.4",
|
||||
"core-js": "^3.8.2",
|
||||
"global": "^4.4.0",
|
||||
"telejson": "^5.1.0"
|
||||
@ -44,5 +44,5 @@
|
||||
"publishConfig": {
|
||||
"access": "public"
|
||||
},
|
||||
"gitHead": "8719fe697c922d330220851a341380546ba668e4"
|
||||
"gitHead": "1ac1d37eff1c54867ef24623da270f5f3472d25c"
|
||||
}
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/channels",
|
||||
"version": "6.2.0-rc.1",
|
||||
"version": "6.2.0-rc.4",
|
||||
"description": "",
|
||||
"keywords": [
|
||||
"storybook"
|
||||
@ -43,5 +43,5 @@
|
||||
"publishConfig": {
|
||||
"access": "public"
|
||||
},
|
||||
"gitHead": "8719fe697c922d330220851a341380546ba668e4"
|
||||
"gitHead": "1ac1d37eff1c54867ef24623da270f5f3472d25c"
|
||||
}
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "sb",
|
||||
"version": "6.2.0-rc.1",
|
||||
"version": "6.2.0-rc.4",
|
||||
"description": "Storybook CLI",
|
||||
"keywords": [
|
||||
"storybook"
|
||||
@ -22,10 +22,10 @@
|
||||
"prepare": "node ../../scripts/prepare.js"
|
||||
},
|
||||
"dependencies": {
|
||||
"@storybook/cli": "6.2.0-rc.1"
|
||||
"@storybook/cli": "6.2.0-rc.4"
|
||||
},
|
||||
"publishConfig": {
|
||||
"access": "public"
|
||||
},
|
||||
"gitHead": "8719fe697c922d330220851a341380546ba668e4"
|
||||
"gitHead": "1ac1d37eff1c54867ef24623da270f5f3472d25c"
|
||||
}
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "storybook",
|
||||
"version": "6.2.0-rc.1",
|
||||
"version": "6.2.0-rc.4",
|
||||
"description": "Storybook CLI",
|
||||
"keywords": [
|
||||
"storybook"
|
||||
@ -23,10 +23,10 @@
|
||||
"prepare": "node ../../scripts/prepare.js"
|
||||
},
|
||||
"dependencies": {
|
||||
"@storybook/cli": "6.2.0-rc.1"
|
||||
"@storybook/cli": "6.2.0-rc.4"
|
||||
},
|
||||
"publishConfig": {
|
||||
"access": "public"
|
||||
},
|
||||
"gitHead": "8719fe697c922d330220851a341380546ba668e4"
|
||||
"gitHead": "1ac1d37eff1c54867ef24623da270f5f3472d25c"
|
||||
}
|
||||
|
||||
Some files were not shown because too many files have changed in this diff Show More
Loading…
x
Reference in New Issue
Block a user