mirror of
https://github.com/storybookjs/storybook.git
synced 2025-03-28 05:10:17 +08:00
Merge branch 'next' into fix/refs-rename-authUrl
This commit is contained in:
Norbert de Langen
commit
f874e686d1
22
CHANGELOG.md
22
CHANGELOG.md
@ -1,13 +1,29 @@
|
||||
## 6.0.0-beta.30 (June 16, 2020)
|
||||
|
||||
### Features
|
||||
|
||||
- MDX: Support function.bind({}) syntax ([#11198](https://github.com/storybookjs/storybook/pull/11198))
|
||||
|
||||
### Bug Fixes
|
||||
|
||||
- Addon-docs: Remove render preprocessing for react components w/o docgen ([#11195](https://github.com/storybookjs/storybook/pull/11195))
|
||||
- Core: Fix addon load order ([#11178](https://github.com/storybookjs/storybook/pull/11178))
|
||||
- Core: Add global box-sizing setting. Fixes #10207 ([#11055](https://github.com/storybookjs/storybook/pull/11055))
|
||||
|
||||
### Maintenance
|
||||
|
||||
- Addon-controls: Add examples to angular, ember, html, svelte, vue, web-components ([#11197](https://github.com/storybookjs/storybook/pull/11197))
|
||||
|
||||
## 6.0.0-beta.29 (June 16, 2020)
|
||||
|
||||
### Features
|
||||
|
||||
* Addon-docs: Add syntax highlighting to Code and Description blocks ([#11183](https://github.com/storybookjs/storybook/pull/11183))
|
||||
- Addon-docs: Add syntax highlighting to Code and Description blocks ([#11183](https://github.com/storybookjs/storybook/pull/11183))
|
||||
|
||||
### Bug Fixes
|
||||
|
||||
* MDX: Don't use root babelrc by default ([#11185](https://github.com/storybookjs/storybook/pull/11185))
|
||||
* Addon-docs: Fix 'show source' for stories with dynamic title ([#10959](https://github.com/storybookjs/storybook/pull/10959))
|
||||
- MDX: Don't use root babelrc by default ([#11185](https://github.com/storybookjs/storybook/pull/11185))
|
||||
- Addon-docs: Fix 'show source' for stories with dynamic title ([#10959](https://github.com/storybookjs/storybook/pull/10959))
|
||||
|
||||
## 6.0.0-beta.28 (June 15, 2020)
|
||||
|
||||
|
||||
@ -194,7 +194,7 @@ We welcome contributions to Storybook!
|
||||
|
||||
- 📥 Pull requests and 🌟 Stars are always welcome.
|
||||
- Read our [contributing guide](CONTRIBUTING.md) to get started,
|
||||
or find us on [Discord](https://discord.gg/sMFvFsG), we're will take the time to guide you
|
||||
or find us on [Discord](https://discord.gg/sMFvFsG), we will take the time to guide you
|
||||
|
||||
Looking for a first issue to tackle?
|
||||
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/addon-a11y",
|
||||
"version": "6.0.0-beta.29",
|
||||
"version": "6.0.0-beta.30",
|
||||
"description": "a11y addon for storybook",
|
||||
"keywords": [
|
||||
"a11y",
|
||||
@ -33,14 +33,14 @@
|
||||
"prepare": "node ../../scripts/prepare.js"
|
||||
},
|
||||
"dependencies": {
|
||||
"@storybook/addons": "6.0.0-beta.29",
|
||||
"@storybook/api": "6.0.0-beta.29",
|
||||
"@storybook/channels": "6.0.0-beta.29",
|
||||
"@storybook/client-api": "6.0.0-beta.29",
|
||||
"@storybook/client-logger": "6.0.0-beta.29",
|
||||
"@storybook/components": "6.0.0-beta.29",
|
||||
"@storybook/core-events": "6.0.0-beta.29",
|
||||
"@storybook/theming": "6.0.0-beta.29",
|
||||
"@storybook/addons": "6.0.0-beta.30",
|
||||
"@storybook/api": "6.0.0-beta.30",
|
||||
"@storybook/channels": "6.0.0-beta.30",
|
||||
"@storybook/client-api": "6.0.0-beta.30",
|
||||
"@storybook/client-logger": "6.0.0-beta.30",
|
||||
"@storybook/components": "6.0.0-beta.30",
|
||||
"@storybook/core-events": "6.0.0-beta.30",
|
||||
"@storybook/theming": "6.0.0-beta.30",
|
||||
"axe-core": "^3.5.2",
|
||||
"core-js": "^3.0.1",
|
||||
"global": "^4.3.2",
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/addon-actions",
|
||||
"version": "6.0.0-beta.29",
|
||||
"version": "6.0.0-beta.30",
|
||||
"description": "Action Logger addon for storybook",
|
||||
"keywords": [
|
||||
"storybook"
|
||||
@ -28,12 +28,12 @@
|
||||
"prepare": "node ../../scripts/prepare.js"
|
||||
},
|
||||
"dependencies": {
|
||||
"@storybook/addons": "6.0.0-beta.29",
|
||||
"@storybook/api": "6.0.0-beta.29",
|
||||
"@storybook/client-api": "6.0.0-beta.29",
|
||||
"@storybook/components": "6.0.0-beta.29",
|
||||
"@storybook/core-events": "6.0.0-beta.29",
|
||||
"@storybook/theming": "6.0.0-beta.29",
|
||||
"@storybook/addons": "6.0.0-beta.30",
|
||||
"@storybook/api": "6.0.0-beta.30",
|
||||
"@storybook/client-api": "6.0.0-beta.30",
|
||||
"@storybook/components": "6.0.0-beta.30",
|
||||
"@storybook/core-events": "6.0.0-beta.30",
|
||||
"@storybook/theming": "6.0.0-beta.30",
|
||||
"core-js": "^3.0.1",
|
||||
"fast-deep-equal": "^3.1.1",
|
||||
"global": "^4.3.2",
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/addon-backgrounds",
|
||||
"version": "6.0.0-beta.29",
|
||||
"version": "6.0.0-beta.30",
|
||||
"description": "A storybook addon to show different backgrounds for your preview",
|
||||
"keywords": [
|
||||
"addon",
|
||||
@ -32,12 +32,12 @@
|
||||
"prepare": "node ../../scripts/prepare.js"
|
||||
},
|
||||
"dependencies": {
|
||||
"@storybook/addons": "6.0.0-beta.29",
|
||||
"@storybook/api": "6.0.0-beta.29",
|
||||
"@storybook/client-logger": "6.0.0-beta.29",
|
||||
"@storybook/components": "6.0.0-beta.29",
|
||||
"@storybook/core-events": "6.0.0-beta.29",
|
||||
"@storybook/theming": "6.0.0-beta.29",
|
||||
"@storybook/addons": "6.0.0-beta.30",
|
||||
"@storybook/api": "6.0.0-beta.30",
|
||||
"@storybook/client-logger": "6.0.0-beta.30",
|
||||
"@storybook/components": "6.0.0-beta.30",
|
||||
"@storybook/core-events": "6.0.0-beta.30",
|
||||
"@storybook/theming": "6.0.0-beta.30",
|
||||
"core-js": "^3.0.1",
|
||||
"memoizerific": "^1.11.3",
|
||||
"react": "^16.8.3",
|
||||
|
||||
@ -279,17 +279,22 @@ export const VeryLongLabel = (args) => <Button {...args} />;
|
||||
VeryLongLabel.args = { label: 'this is a very long string', background: '#ff0' };
|
||||
```
|
||||
|
||||
This works, but it repeats code. What we want is to reuse the `Basic` story, but with a different initial state. In Storybook we do this idiomatically for Args stories:
|
||||
This works, but it repeats code. What we want is to reuse the `Basic` story, but with a different initial state. In Storybook we do this idiomatically for Args stories by refactoring the first story into a reusable story function and then `.bind`ing it to create a duplicate object on which to hang `args`:
|
||||
|
||||
```jsx
|
||||
export const VeryLongLabel = Basic.bind({});
|
||||
const ButtonStory = (args) => <Button {...args} />;
|
||||
|
||||
export const Basic = ButtonStory.bind({});
|
||||
Basic.args = { label: 'hello', background: '#ff0' };
|
||||
|
||||
export const VeryLongLabel = ButtonStory.bind({});
|
||||
VeryLongLabel.args = { label: 'this is a very long string', background: '#ff0' };
|
||||
```
|
||||
|
||||
We can even reuse initial args from other stories:
|
||||
|
||||
```jsx
|
||||
export const VeryLongLabel = Basic.bind();
|
||||
export const VeryLongLabel = ButtonStory.bind({});
|
||||
VeryLongLabel.args = { ...Basic.args, label: 'this is a very long string' };
|
||||
```
|
||||
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/addon-controls",
|
||||
"version": "6.0.0-beta.29",
|
||||
"version": "6.0.0-beta.30",
|
||||
"description": "Controls for component properties",
|
||||
"keywords": [
|
||||
"addon",
|
||||
@ -30,11 +30,11 @@
|
||||
"prepare": "node ../../scripts/prepare.js"
|
||||
},
|
||||
"dependencies": {
|
||||
"@storybook/addons": "6.0.0-beta.29",
|
||||
"@storybook/api": "6.0.0-beta.29",
|
||||
"@storybook/client-api": "6.0.0-beta.29",
|
||||
"@storybook/components": "6.0.0-beta.29",
|
||||
"@storybook/theming": "6.0.0-beta.29",
|
||||
"@storybook/addons": "6.0.0-beta.30",
|
||||
"@storybook/api": "6.0.0-beta.30",
|
||||
"@storybook/client-api": "6.0.0-beta.30",
|
||||
"@storybook/components": "6.0.0-beta.30",
|
||||
"@storybook/theming": "6.0.0-beta.30",
|
||||
"core-js": "^3.0.1"
|
||||
},
|
||||
"peerDependencies": {
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/addon-cssresources",
|
||||
"version": "6.0.0-beta.29",
|
||||
"version": "6.0.0-beta.30",
|
||||
"description": "A storybook addon to switch between css resources at runtime for your story",
|
||||
"keywords": [
|
||||
"addon",
|
||||
@ -32,11 +32,11 @@
|
||||
"prepare": "node ../../scripts/prepare.js"
|
||||
},
|
||||
"dependencies": {
|
||||
"@storybook/addons": "6.0.0-beta.29",
|
||||
"@storybook/api": "6.0.0-beta.29",
|
||||
"@storybook/components": "6.0.0-beta.29",
|
||||
"@storybook/core-events": "6.0.0-beta.29",
|
||||
"@storybook/theming": "6.0.0-beta.29",
|
||||
"@storybook/addons": "6.0.0-beta.30",
|
||||
"@storybook/api": "6.0.0-beta.30",
|
||||
"@storybook/components": "6.0.0-beta.30",
|
||||
"@storybook/core-events": "6.0.0-beta.30",
|
||||
"@storybook/theming": "6.0.0-beta.30",
|
||||
"core-js": "^3.0.1",
|
||||
"global": "^4.3.2",
|
||||
"react": "^16.8.3",
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/addon-design-assets",
|
||||
"version": "6.0.0-beta.29",
|
||||
"version": "6.0.0-beta.30",
|
||||
"description": "Design asset preview for storybook",
|
||||
"keywords": [
|
||||
"addon",
|
||||
@ -34,12 +34,12 @@
|
||||
"prepare": "node ../../scripts/prepare.js"
|
||||
},
|
||||
"dependencies": {
|
||||
"@storybook/addons": "6.0.0-beta.29",
|
||||
"@storybook/api": "6.0.0-beta.29",
|
||||
"@storybook/client-logger": "6.0.0-beta.29",
|
||||
"@storybook/components": "6.0.0-beta.29",
|
||||
"@storybook/core-events": "6.0.0-beta.29",
|
||||
"@storybook/theming": "6.0.0-beta.29",
|
||||
"@storybook/addons": "6.0.0-beta.30",
|
||||
"@storybook/api": "6.0.0-beta.30",
|
||||
"@storybook/client-logger": "6.0.0-beta.30",
|
||||
"@storybook/components": "6.0.0-beta.30",
|
||||
"@storybook/core-events": "6.0.0-beta.30",
|
||||
"@storybook/theming": "6.0.0-beta.30",
|
||||
"core-js": "^3.0.1",
|
||||
"global": "^4.3.2",
|
||||
"react": "^16.8.3",
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/addon-docs",
|
||||
"version": "6.0.0-beta.29",
|
||||
"version": "6.0.0-beta.30",
|
||||
"description": "Superior documentation for your components",
|
||||
"keywords": [
|
||||
"addon",
|
||||
@ -48,18 +48,18 @@
|
||||
"@mdx-js/loader": "^1.5.1",
|
||||
"@mdx-js/mdx": "^1.5.1",
|
||||
"@mdx-js/react": "^1.5.1",
|
||||
"@storybook/addons": "6.0.0-beta.29",
|
||||
"@storybook/api": "6.0.0-beta.29",
|
||||
"@storybook/client-api": "6.0.0-beta.29",
|
||||
"@storybook/client-logger": "6.0.0-beta.29",
|
||||
"@storybook/components": "6.0.0-beta.29",
|
||||
"@storybook/core": "6.0.0-beta.29",
|
||||
"@storybook/core-events": "6.0.0-beta.29",
|
||||
"@storybook/addons": "6.0.0-beta.30",
|
||||
"@storybook/api": "6.0.0-beta.30",
|
||||
"@storybook/client-api": "6.0.0-beta.30",
|
||||
"@storybook/client-logger": "6.0.0-beta.30",
|
||||
"@storybook/components": "6.0.0-beta.30",
|
||||
"@storybook/core": "6.0.0-beta.30",
|
||||
"@storybook/core-events": "6.0.0-beta.30",
|
||||
"@storybook/csf": "0.0.1",
|
||||
"@storybook/node-logger": "6.0.0-beta.29",
|
||||
"@storybook/postinstall": "6.0.0-beta.29",
|
||||
"@storybook/source-loader": "6.0.0-beta.29",
|
||||
"@storybook/theming": "6.0.0-beta.29",
|
||||
"@storybook/node-logger": "6.0.0-beta.30",
|
||||
"@storybook/postinstall": "6.0.0-beta.30",
|
||||
"@storybook/source-loader": "6.0.0-beta.30",
|
||||
"@storybook/theming": "6.0.0-beta.30",
|
||||
"acorn": "^7.1.0",
|
||||
"acorn-jsx": "^5.1.0",
|
||||
"acorn-walk": "^7.0.0",
|
||||
@ -85,8 +85,8 @@
|
||||
"@babel/core": "^7.9.6",
|
||||
"@emotion/core": "^10.0.20",
|
||||
"@emotion/styled": "^10.0.17",
|
||||
"@storybook/react": "6.0.0-beta.29",
|
||||
"@storybook/web-components": "6.0.0-beta.29",
|
||||
"@storybook/react": "6.0.0-beta.30",
|
||||
"@storybook/web-components": "6.0.0-beta.30",
|
||||
"@types/cross-spawn": "^6.0.1",
|
||||
"@types/doctrine": "^0.0.3",
|
||||
"@types/enzyme": "^3.10.3",
|
||||
|
||||
@ -5,6 +5,12 @@ import { Story, Meta } from '@storybook/addon-docs/blocks';
|
||||
|
||||
# Args
|
||||
|
||||
<Story name="component notes" args={{ a: 1, b: 2 }} argTypes={{ a: { name: 'A' }, b: { name: 'B' } }}>
|
||||
<Button>Component notes</Button>
|
||||
export const ButtonStory = (args) => <Button>Component notes</Button>;
|
||||
|
||||
<Story
|
||||
name="component notes"
|
||||
args={{ a: 1, b: 2 }}
|
||||
argTypes={{ a: { name: 'A' }, b: { name: 'B' } }}
|
||||
>
|
||||
{ButtonStory.bind({})}
|
||||
</Story>
|
||||
|
||||
@ -6,7 +6,7 @@ import { assertIsFn, AddContext } from '@storybook/addon-docs/blocks';
|
||||
|
||||
import { Button } from '@storybook/react/demo';
|
||||
import { Story, Meta } from '@storybook/addon-docs/blocks';
|
||||
|
||||
export const ButtonStory = (args) => <Button mdxType=\\"Button\\">Component notes</Button>;
|
||||
const makeShortcode = (name) =>
|
||||
function MDXDefaultShortcode(props) {
|
||||
console.warn(
|
||||
@ -17,13 +17,16 @@ const makeShortcode = (name) =>
|
||||
return <div {...props} />;
|
||||
};
|
||||
|
||||
const layoutProps = {};
|
||||
const layoutProps = {
|
||||
ButtonStory,
|
||||
};
|
||||
const MDXLayout = 'wrapper';
|
||||
function MDXContent({ components, ...props }) {
|
||||
return (
|
||||
<MDXLayout {...layoutProps} {...props} components={components} mdxType=\\"MDXLayout\\">
|
||||
<Meta title=\\"Button\\" mdxType=\\"Meta\\" />
|
||||
<h1>{\`Args\`}</h1>
|
||||
|
||||
<Story
|
||||
name=\\"component notes\\"
|
||||
args={{
|
||||
@ -40,7 +43,7 @@ function MDXContent({ components, ...props }) {
|
||||
}}
|
||||
mdxType=\\"Story\\"
|
||||
>
|
||||
<Button mdxType=\\"Button\\">Component notes</Button>
|
||||
{ButtonStory.bind({})}
|
||||
</Story>
|
||||
</MDXLayout>
|
||||
);
|
||||
@ -48,7 +51,7 @@ function MDXContent({ components, ...props }) {
|
||||
|
||||
MDXContent.isMDXComponent = true;
|
||||
|
||||
export const componentNotes = () => <Button>Component notes</Button>;
|
||||
export const componentNotes = ButtonStory.bind({});
|
||||
componentNotes.storyName = 'component notes';
|
||||
componentNotes.argTypes = {
|
||||
a: {
|
||||
@ -62,7 +65,7 @@ componentNotes.args = {
|
||||
a: 1,
|
||||
b: 2,
|
||||
};
|
||||
componentNotes.parameters = { storySource: { source: '<Button>Component notes</Button>' } };
|
||||
componentNotes.parameters = { storySource: { source: 'ButtonStory.bind({})' } };
|
||||
|
||||
const componentMeta = { title: 'Button', includeStories: ['componentNotes'] };
|
||||
|
||||
|
||||
@ -84,20 +84,25 @@ function genStoryExport(ast, context) {
|
||||
const storyReactCode = bodyParts.length > 1 ? `<>\n${storyCode}\n</>` : storyCode;
|
||||
// keep track if an indentifier or function call
|
||||
// avoid breaking change for 5.3
|
||||
switch (bodyParts.length === 1 && bodyParts[0].body.type) {
|
||||
// We don't know what type the identifier is, but this code
|
||||
// assumes it's a function from CSF. Let's see who complains!
|
||||
case 'Identifier':
|
||||
storyVal = `assertIsFn(${storyCode})`;
|
||||
break;
|
||||
case 'ArrowFunctionExpression':
|
||||
storyVal = `(${storyCode})`;
|
||||
break;
|
||||
default:
|
||||
storyVal = `() => (
|
||||
const BIND_REGEX = /\.bind\(.*\)/;
|
||||
if (bodyParts.length === 1 && BIND_REGEX.test(bodyParts[0].code)) {
|
||||
storyVal = bodyParts[0].code;
|
||||
} else {
|
||||
switch (bodyParts.length === 1 && bodyParts[0].body.type) {
|
||||
// We don't know what type the identifier is, but this code
|
||||
// assumes it's a function from CSF. Let's see who complains!
|
||||
case 'Identifier':
|
||||
storyVal = `assertIsFn(${storyCode})`;
|
||||
break;
|
||||
case 'ArrowFunctionExpression':
|
||||
storyVal = `(${storyCode})`;
|
||||
break;
|
||||
default:
|
||||
storyVal = `() => (
|
||||
${storyReactCode}
|
||||
)`;
|
||||
break;
|
||||
break;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/addon-essentials",
|
||||
"version": "6.0.0-beta.29",
|
||||
"version": "6.0.0-beta.30",
|
||||
"description": "Curated addons to bring out the best of Storybook",
|
||||
"keywords": [
|
||||
"addon",
|
||||
@ -28,13 +28,13 @@
|
||||
"prepare": "node ../../scripts/prepare.js"
|
||||
},
|
||||
"dependencies": {
|
||||
"@storybook/addon-actions": "6.0.0-beta.29",
|
||||
"@storybook/addon-backgrounds": "6.0.0-beta.29",
|
||||
"@storybook/addon-docs": "6.0.0-beta.29",
|
||||
"@storybook/addon-viewport": "6.0.0-beta.29",
|
||||
"@storybook/addons": "6.0.0-beta.29",
|
||||
"@storybook/api": "6.0.0-beta.29",
|
||||
"@storybook/node-logger": "6.0.0-beta.29",
|
||||
"@storybook/addon-actions": "6.0.0-beta.30",
|
||||
"@storybook/addon-backgrounds": "6.0.0-beta.30",
|
||||
"@storybook/addon-docs": "6.0.0-beta.30",
|
||||
"@storybook/addon-viewport": "6.0.0-beta.30",
|
||||
"@storybook/addons": "6.0.0-beta.30",
|
||||
"@storybook/api": "6.0.0-beta.30",
|
||||
"@storybook/node-logger": "6.0.0-beta.30",
|
||||
"core-js": "^3.0.1",
|
||||
"regenerator-runtime": "^0.13.3",
|
||||
"ts-dedent": "^1.1.1"
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/addon-events",
|
||||
"version": "6.0.0-beta.29",
|
||||
"version": "6.0.0-beta.30",
|
||||
"description": "Add events to your Storybook stories.",
|
||||
"keywords": [
|
||||
"addon",
|
||||
@ -31,11 +31,11 @@
|
||||
"prepare": "node ../../scripts/prepare.js"
|
||||
},
|
||||
"dependencies": {
|
||||
"@storybook/addons": "6.0.0-beta.29",
|
||||
"@storybook/api": "6.0.0-beta.29",
|
||||
"@storybook/client-api": "6.0.0-beta.29",
|
||||
"@storybook/core-events": "6.0.0-beta.29",
|
||||
"@storybook/theming": "6.0.0-beta.29",
|
||||
"@storybook/addons": "6.0.0-beta.30",
|
||||
"@storybook/api": "6.0.0-beta.30",
|
||||
"@storybook/client-api": "6.0.0-beta.30",
|
||||
"@storybook/core-events": "6.0.0-beta.30",
|
||||
"@storybook/theming": "6.0.0-beta.30",
|
||||
"core-js": "^3.0.1",
|
||||
"format-json": "^1.0.3",
|
||||
"lodash": "^4.17.15",
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/addon-google-analytics",
|
||||
"version": "6.0.0-beta.29",
|
||||
"version": "6.0.0-beta.30",
|
||||
"description": "Storybook addon for google analytics",
|
||||
"keywords": [
|
||||
"addon",
|
||||
@ -20,8 +20,8 @@
|
||||
"prepare": "node ../../scripts/prepare.js"
|
||||
},
|
||||
"dependencies": {
|
||||
"@storybook/addons": "6.0.0-beta.29",
|
||||
"@storybook/core-events": "6.0.0-beta.29",
|
||||
"@storybook/addons": "6.0.0-beta.30",
|
||||
"@storybook/core-events": "6.0.0-beta.30",
|
||||
"core-js": "^3.0.1",
|
||||
"global": "^4.3.2",
|
||||
"react-ga": "^2.5.7",
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/addon-graphql",
|
||||
"version": "6.0.0-beta.29",
|
||||
"version": "6.0.0-beta.30",
|
||||
"description": "Storybook addon to display the GraphiQL IDE",
|
||||
"keywords": [
|
||||
"addon",
|
||||
@ -31,8 +31,8 @@
|
||||
"dependencies": {
|
||||
"@babel/core": "^7.9.0",
|
||||
"@babel/plugin-transform-classes": "^7.9.2",
|
||||
"@storybook/addons": "6.0.0-beta.29",
|
||||
"@storybook/api": "6.0.0-beta.29",
|
||||
"@storybook/addons": "6.0.0-beta.30",
|
||||
"@storybook/api": "6.0.0-beta.30",
|
||||
"@types/webpack": "^4.41.9",
|
||||
"babel-loader": "^8.0.6",
|
||||
"core-js": "^3.0.1",
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/addon-jest",
|
||||
"version": "6.0.0-beta.29",
|
||||
"version": "6.0.0-beta.30",
|
||||
"description": "React storybook addon that show component jest report",
|
||||
"keywords": [
|
||||
"addon",
|
||||
@ -35,11 +35,11 @@
|
||||
"prepare": "node ../../scripts/prepare.js"
|
||||
},
|
||||
"dependencies": {
|
||||
"@storybook/addons": "6.0.0-beta.29",
|
||||
"@storybook/api": "6.0.0-beta.29",
|
||||
"@storybook/components": "6.0.0-beta.29",
|
||||
"@storybook/core-events": "6.0.0-beta.29",
|
||||
"@storybook/theming": "6.0.0-beta.29",
|
||||
"@storybook/addons": "6.0.0-beta.30",
|
||||
"@storybook/api": "6.0.0-beta.30",
|
||||
"@storybook/components": "6.0.0-beta.30",
|
||||
"@storybook/core-events": "6.0.0-beta.30",
|
||||
"@storybook/theming": "6.0.0-beta.30",
|
||||
"core-js": "^3.0.1",
|
||||
"global": "^4.3.2",
|
||||
"react": "^16.8.3",
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/addon-knobs",
|
||||
"version": "6.0.0-beta.29",
|
||||
"version": "6.0.0-beta.30",
|
||||
"description": "Storybook Addon Prop Editor Component",
|
||||
"keywords": [
|
||||
"addon",
|
||||
@ -29,13 +29,13 @@
|
||||
"prepare": "node ../../scripts/prepare.js"
|
||||
},
|
||||
"dependencies": {
|
||||
"@storybook/addons": "6.0.0-beta.29",
|
||||
"@storybook/api": "6.0.0-beta.29",
|
||||
"@storybook/channels": "6.0.0-beta.29",
|
||||
"@storybook/client-api": "6.0.0-beta.29",
|
||||
"@storybook/components": "6.0.0-beta.29",
|
||||
"@storybook/core-events": "6.0.0-beta.29",
|
||||
"@storybook/theming": "6.0.0-beta.29",
|
||||
"@storybook/addons": "6.0.0-beta.30",
|
||||
"@storybook/api": "6.0.0-beta.30",
|
||||
"@storybook/channels": "6.0.0-beta.30",
|
||||
"@storybook/client-api": "6.0.0-beta.30",
|
||||
"@storybook/components": "6.0.0-beta.30",
|
||||
"@storybook/core-events": "6.0.0-beta.30",
|
||||
"@storybook/theming": "6.0.0-beta.30",
|
||||
"@types/react-color": "^3.0.1",
|
||||
"copy-to-clipboard": "^3.0.8",
|
||||
"core-js": "^3.0.1",
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/addon-links",
|
||||
"version": "6.0.0-beta.29",
|
||||
"version": "6.0.0-beta.30",
|
||||
"description": "Story Links addon for storybook",
|
||||
"keywords": [
|
||||
"addon",
|
||||
@ -29,11 +29,11 @@
|
||||
"prepare": "node ../../scripts/prepare.js"
|
||||
},
|
||||
"dependencies": {
|
||||
"@storybook/addons": "6.0.0-beta.29",
|
||||
"@storybook/client-logger": "6.0.0-beta.29",
|
||||
"@storybook/core-events": "6.0.0-beta.29",
|
||||
"@storybook/addons": "6.0.0-beta.30",
|
||||
"@storybook/client-logger": "6.0.0-beta.30",
|
||||
"@storybook/core-events": "6.0.0-beta.30",
|
||||
"@storybook/csf": "0.0.1",
|
||||
"@storybook/router": "6.0.0-beta.29",
|
||||
"@storybook/router": "6.0.0-beta.30",
|
||||
"@types/qs": "^6.9.0",
|
||||
"core-js": "^3.0.1",
|
||||
"global": "^4.3.2",
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/addon-queryparams",
|
||||
"version": "6.0.0-beta.29",
|
||||
"version": "6.0.0-beta.30",
|
||||
"description": "parameter addon for storybook",
|
||||
"keywords": [
|
||||
"addon",
|
||||
@ -30,12 +30,12 @@
|
||||
"prepare": "node ../../scripts/prepare.js"
|
||||
},
|
||||
"dependencies": {
|
||||
"@storybook/addons": "6.0.0-beta.29",
|
||||
"@storybook/api": "6.0.0-beta.29",
|
||||
"@storybook/client-logger": "6.0.0-beta.29",
|
||||
"@storybook/components": "6.0.0-beta.29",
|
||||
"@storybook/core-events": "6.0.0-beta.29",
|
||||
"@storybook/theming": "6.0.0-beta.29",
|
||||
"@storybook/addons": "6.0.0-beta.30",
|
||||
"@storybook/api": "6.0.0-beta.30",
|
||||
"@storybook/client-logger": "6.0.0-beta.30",
|
||||
"@storybook/components": "6.0.0-beta.30",
|
||||
"@storybook/core-events": "6.0.0-beta.30",
|
||||
"@storybook/theming": "6.0.0-beta.30",
|
||||
"core-js": "^3.0.1",
|
||||
"global": "^4.3.2",
|
||||
"qs": "^6.6.0",
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/addon-storyshots",
|
||||
"version": "6.0.0-beta.29",
|
||||
"version": "6.0.0-beta.30",
|
||||
"description": "StoryShots is a Jest Snapshot Testing Addon for Storybook.",
|
||||
"keywords": [
|
||||
"addon",
|
||||
@ -33,9 +33,9 @@
|
||||
},
|
||||
"dependencies": {
|
||||
"@jest/transform": "^26.0.0",
|
||||
"@storybook/addons": "6.0.0-beta.29",
|
||||
"@storybook/client-api": "6.0.0-beta.29",
|
||||
"@storybook/core": "6.0.0-beta.29",
|
||||
"@storybook/addons": "6.0.0-beta.30",
|
||||
"@storybook/client-api": "6.0.0-beta.30",
|
||||
"@storybook/core": "6.0.0-beta.30",
|
||||
"@types/glob": "^7.1.1",
|
||||
"@types/jest": "^25.1.1",
|
||||
"@types/jest-specific-snapshot": "^0.5.3",
|
||||
@ -50,8 +50,8 @@
|
||||
"ts-dedent": "^1.1.1"
|
||||
},
|
||||
"devDependencies": {
|
||||
"@storybook/addon-docs": "6.0.0-beta.29",
|
||||
"@storybook/react": "6.0.0-beta.29",
|
||||
"@storybook/addon-docs": "6.0.0-beta.30",
|
||||
"@storybook/react": "6.0.0-beta.30",
|
||||
"babel-loader": "^8.0.6",
|
||||
"enzyme": "^3.11.0",
|
||||
"enzyme-to-json": "^3.4.1",
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/addon-storyshots-puppeteer",
|
||||
"version": "6.0.0-beta.29",
|
||||
"version": "6.0.0-beta.30",
|
||||
"description": "Image snapshots addition to StoryShots based on puppeteer",
|
||||
"keywords": [
|
||||
"addon",
|
||||
@ -30,7 +30,7 @@
|
||||
},
|
||||
"dependencies": {
|
||||
"@storybook/csf": "0.0.1",
|
||||
"@storybook/node-logger": "6.0.0-beta.29",
|
||||
"@storybook/node-logger": "6.0.0-beta.30",
|
||||
"@types/jest-image-snapshot": "^2.8.0",
|
||||
"@wordpress/jest-puppeteer-axe": "^1.5.0",
|
||||
"core-js": "^3.0.1",
|
||||
@ -42,7 +42,7 @@
|
||||
"@types/puppeteer": "^2.0.0"
|
||||
},
|
||||
"peerDependencies": {
|
||||
"@storybook/addon-storyshots": "6.0.0-beta.29",
|
||||
"@storybook/addon-storyshots": "6.0.0-beta.30",
|
||||
"puppeteer": "^2.0.0 || ^3.0.0"
|
||||
},
|
||||
"peerDependenciesMeta": {
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/addon-storysource",
|
||||
"version": "6.0.0-beta.29",
|
||||
"version": "6.0.0-beta.30",
|
||||
"description": "Stories addon for storybook",
|
||||
"keywords": [
|
||||
"addon",
|
||||
@ -29,13 +29,13 @@
|
||||
"prepare": "node ../../scripts/prepare.js"
|
||||
},
|
||||
"dependencies": {
|
||||
"@storybook/addons": "6.0.0-beta.29",
|
||||
"@storybook/api": "6.0.0-beta.29",
|
||||
"@storybook/client-logger": "6.0.0-beta.29",
|
||||
"@storybook/components": "6.0.0-beta.29",
|
||||
"@storybook/router": "6.0.0-beta.29",
|
||||
"@storybook/source-loader": "6.0.0-beta.29",
|
||||
"@storybook/theming": "6.0.0-beta.29",
|
||||
"@storybook/addons": "6.0.0-beta.30",
|
||||
"@storybook/api": "6.0.0-beta.30",
|
||||
"@storybook/client-logger": "6.0.0-beta.30",
|
||||
"@storybook/components": "6.0.0-beta.30",
|
||||
"@storybook/router": "6.0.0-beta.30",
|
||||
"@storybook/source-loader": "6.0.0-beta.30",
|
||||
"@storybook/theming": "6.0.0-beta.30",
|
||||
"core-js": "^3.0.1",
|
||||
"estraverse": "^4.2.0",
|
||||
"loader-utils": "^2.0.0",
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/addon-toolbars",
|
||||
"version": "6.0.0-beta.29",
|
||||
"version": "6.0.0-beta.30",
|
||||
"description": "Storybook toolbars addon",
|
||||
"keywords": [
|
||||
"addon",
|
||||
@ -30,10 +30,10 @@
|
||||
"prepare": "node ../../scripts/prepare.js"
|
||||
},
|
||||
"dependencies": {
|
||||
"@storybook/addons": "6.0.0-beta.29",
|
||||
"@storybook/api": "6.0.0-beta.29",
|
||||
"@storybook/client-api": "6.0.0-beta.29",
|
||||
"@storybook/components": "6.0.0-beta.29",
|
||||
"@storybook/addons": "6.0.0-beta.30",
|
||||
"@storybook/api": "6.0.0-beta.30",
|
||||
"@storybook/client-api": "6.0.0-beta.30",
|
||||
"@storybook/components": "6.0.0-beta.30",
|
||||
"core-js": "^3.0.1"
|
||||
},
|
||||
"peerDependencies": {
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/addon-viewport",
|
||||
"version": "6.0.0-beta.29",
|
||||
"version": "6.0.0-beta.30",
|
||||
"description": "Storybook addon to change the viewport size to mobile",
|
||||
"keywords": [
|
||||
"addon",
|
||||
@ -29,12 +29,12 @@
|
||||
"prepare": "node ../../scripts/prepare.js"
|
||||
},
|
||||
"dependencies": {
|
||||
"@storybook/addons": "6.0.0-beta.29",
|
||||
"@storybook/api": "6.0.0-beta.29",
|
||||
"@storybook/client-logger": "6.0.0-beta.29",
|
||||
"@storybook/components": "6.0.0-beta.29",
|
||||
"@storybook/core-events": "6.0.0-beta.29",
|
||||
"@storybook/theming": "6.0.0-beta.29",
|
||||
"@storybook/addons": "6.0.0-beta.30",
|
||||
"@storybook/api": "6.0.0-beta.30",
|
||||
"@storybook/client-logger": "6.0.0-beta.30",
|
||||
"@storybook/components": "6.0.0-beta.30",
|
||||
"@storybook/core-events": "6.0.0-beta.30",
|
||||
"@storybook/theming": "6.0.0-beta.30",
|
||||
"core-js": "^3.0.1",
|
||||
"global": "^4.3.2",
|
||||
"memoizerific": "^1.11.3",
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/angular",
|
||||
"version": "6.0.0-beta.29",
|
||||
"version": "6.0.0-beta.30",
|
||||
"description": "Storybook for Angular: Develop Angular Components in isolation with Hot Reloading.",
|
||||
"keywords": [
|
||||
"storybook"
|
||||
@ -34,9 +34,9 @@
|
||||
"prepare": "node ../../scripts/prepare.js"
|
||||
},
|
||||
"dependencies": {
|
||||
"@storybook/addons": "6.0.0-beta.29",
|
||||
"@storybook/core": "6.0.0-beta.29",
|
||||
"@storybook/node-logger": "6.0.0-beta.29",
|
||||
"@storybook/addons": "6.0.0-beta.30",
|
||||
"@storybook/core": "6.0.0-beta.30",
|
||||
"@storybook/node-logger": "6.0.0-beta.30",
|
||||
"@types/webpack-env": "^1.15.2",
|
||||
"autoprefixer": "^9.7.6",
|
||||
"core-js": "^3.0.1",
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/aurelia",
|
||||
"version": "6.0.0-beta.29",
|
||||
"version": "6.0.0-beta.30",
|
||||
"description": "Storybook for Aurelia: Develop Aurelia Components in isolation with Hot Reloading.",
|
||||
"keywords": [
|
||||
"storybook"
|
||||
@ -26,10 +26,10 @@
|
||||
"prepare": "node ../../scripts/prepare.js"
|
||||
},
|
||||
"dependencies": {
|
||||
"@storybook/addon-knobs": "6.0.0-beta.29",
|
||||
"@storybook/addons": "6.0.0-beta.29",
|
||||
"@storybook/core": "6.0.0-beta.29",
|
||||
"@storybook/node-logger": "6.0.0-beta.29",
|
||||
"@storybook/addon-knobs": "6.0.0-beta.30",
|
||||
"@storybook/addons": "6.0.0-beta.30",
|
||||
"@storybook/core": "6.0.0-beta.30",
|
||||
"@storybook/node-logger": "6.0.0-beta.30",
|
||||
"fork-ts-checker-webpack-plugin": "^4.0.3",
|
||||
"global": "^4.3.2",
|
||||
"ts-loader": "^6.0.1",
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/ember",
|
||||
"version": "6.0.0-beta.29",
|
||||
"version": "6.0.0-beta.30",
|
||||
"description": "Storybook for Ember: Develop Ember Component in isolation with Hot Reloading.",
|
||||
"homepage": "https://github.com/storybookjs/storybook/tree/master/app/ember",
|
||||
"bugs": {
|
||||
@ -32,7 +32,7 @@
|
||||
},
|
||||
"dependencies": {
|
||||
"@ember/test-helpers": "^1.7.0",
|
||||
"@storybook/core": "6.0.0-beta.29",
|
||||
"@storybook/core": "6.0.0-beta.30",
|
||||
"core-js": "^3.0.1",
|
||||
"global": "^4.3.2",
|
||||
"regenerator-runtime": "^0.13.3",
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/html",
|
||||
"version": "6.0.0-beta.29",
|
||||
"version": "6.0.0-beta.30",
|
||||
"description": "Storybook for HTML: View HTML snippets in isolation with Hot Reloading.",
|
||||
"keywords": [
|
||||
"storybook"
|
||||
@ -34,8 +34,8 @@
|
||||
"prepare": "node ../../scripts/prepare.js"
|
||||
},
|
||||
"dependencies": {
|
||||
"@storybook/addons": "6.0.0-beta.29",
|
||||
"@storybook/core": "6.0.0-beta.29",
|
||||
"@storybook/addons": "6.0.0-beta.30",
|
||||
"@storybook/core": "6.0.0-beta.30",
|
||||
"@types/webpack-env": "^1.15.2",
|
||||
"core-js": "^3.0.1",
|
||||
"global": "^4.3.2",
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/marionette",
|
||||
"version": "6.0.0-beta.29",
|
||||
"version": "6.0.0-beta.30",
|
||||
"description": "Storybook for Marionette: Develop Marionette.js component in isolation with Hot Reloading.",
|
||||
"keywords": [
|
||||
"storybook"
|
||||
@ -25,7 +25,7 @@
|
||||
"prepare": "node ../../scripts/prepare.js"
|
||||
},
|
||||
"dependencies": {
|
||||
"@storybook/core": "6.0.0-beta.29",
|
||||
"@storybook/core": "6.0.0-beta.30",
|
||||
"common-tags": "^1.8.0",
|
||||
"core-js": "^3.0.1",
|
||||
"global": "^4.3.2",
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/marko",
|
||||
"version": "6.0.0-beta.29",
|
||||
"version": "6.0.0-beta.30",
|
||||
"description": "Storybook for Marko: Develop Marko Component in isolation with Hot Reloading.",
|
||||
"keywords": [
|
||||
"storybook"
|
||||
@ -34,8 +34,8 @@
|
||||
},
|
||||
"dependencies": {
|
||||
"@marko/webpack": "^2.1.0",
|
||||
"@storybook/client-logger": "6.0.0-beta.29",
|
||||
"@storybook/core": "6.0.0-beta.29",
|
||||
"@storybook/client-logger": "6.0.0-beta.30",
|
||||
"@storybook/core": "6.0.0-beta.30",
|
||||
"core-js": "^3.0.1",
|
||||
"global": "^4.3.2",
|
||||
"regenerator-runtime": "^0.13.3",
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/mithril",
|
||||
"version": "6.0.0-beta.29",
|
||||
"version": "6.0.0-beta.30",
|
||||
"description": "Storybook for Mithril: Develop Mithril Component in isolation.",
|
||||
"keywords": [
|
||||
"storybook"
|
||||
@ -36,8 +36,8 @@
|
||||
"dependencies": {
|
||||
"@babel/core": "^7.9.6",
|
||||
"@babel/plugin-transform-react-jsx": "^7.3.0",
|
||||
"@storybook/addons": "6.0.0-beta.29",
|
||||
"@storybook/core": "6.0.0-beta.29",
|
||||
"@storybook/addons": "6.0.0-beta.30",
|
||||
"@storybook/core": "6.0.0-beta.30",
|
||||
"@types/mithril": "^2.0.0",
|
||||
"@types/webpack-env": "^1.15.2",
|
||||
"core-js": "^3.0.1",
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/preact",
|
||||
"version": "6.0.0-beta.29",
|
||||
"version": "6.0.0-beta.30",
|
||||
"description": "Storybook for Preact: Develop Preact Component in isolation.",
|
||||
"keywords": [
|
||||
"storybook"
|
||||
@ -35,8 +35,8 @@
|
||||
},
|
||||
"dependencies": {
|
||||
"@babel/plugin-transform-react-jsx": "^7.3.0",
|
||||
"@storybook/addons": "6.0.0-beta.29",
|
||||
"@storybook/core": "6.0.0-beta.29",
|
||||
"@storybook/addons": "6.0.0-beta.30",
|
||||
"@storybook/core": "6.0.0-beta.30",
|
||||
"@types/webpack-env": "^1.15.2",
|
||||
"core-js": "^3.0.1",
|
||||
"global": "^4.3.2",
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/rax",
|
||||
"version": "6.0.0-beta.29",
|
||||
"version": "6.0.0-beta.30",
|
||||
"description": "Storybook for Rax: Develop Rax Component in isolation.",
|
||||
"keywords": [
|
||||
"rax",
|
||||
@ -34,7 +34,7 @@
|
||||
"prepare": "node ../../scripts/prepare.js"
|
||||
},
|
||||
"dependencies": {
|
||||
"@storybook/core": "6.0.0-beta.29",
|
||||
"@storybook/core": "6.0.0-beta.30",
|
||||
"babel-preset-rax": "^1.0.0-beta.0",
|
||||
"core-js": "^3.0.1",
|
||||
"driver-dom": "^2.0.0",
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/react",
|
||||
"version": "6.0.0-beta.29",
|
||||
"version": "6.0.0-beta.30",
|
||||
"description": "Storybook for React: Develop React Component in isolation with Hot Reloading.",
|
||||
"keywords": [
|
||||
"storybook"
|
||||
@ -36,9 +36,9 @@
|
||||
"dependencies": {
|
||||
"@babel/preset-flow": "^7.0.0",
|
||||
"@babel/preset-react": "^7.0.0",
|
||||
"@storybook/addons": "6.0.0-beta.29",
|
||||
"@storybook/core": "6.0.0-beta.29",
|
||||
"@storybook/node-logger": "6.0.0-beta.29",
|
||||
"@storybook/addons": "6.0.0-beta.30",
|
||||
"@storybook/core": "6.0.0-beta.30",
|
||||
"@storybook/node-logger": "6.0.0-beta.30",
|
||||
"@storybook/semver": "^7.3.2",
|
||||
"@svgr/webpack": "^5.4.0",
|
||||
"@types/webpack-env": "^1.15.2",
|
||||
@ -56,7 +56,7 @@
|
||||
"webpack": "^4.43.0"
|
||||
},
|
||||
"devDependencies": {
|
||||
"@storybook/client-api": "6.0.0-beta.29",
|
||||
"@storybook/client-api": "6.0.0-beta.30",
|
||||
"@types/node": "^14.0.10",
|
||||
"@types/webpack": "^4.41.12"
|
||||
},
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/riot",
|
||||
"version": "6.0.0-beta.29",
|
||||
"version": "6.0.0-beta.30",
|
||||
"description": "Storybook for riot.js: View riot snippets in isolation with Hot Reloading.",
|
||||
"keywords": [
|
||||
"storybook"
|
||||
@ -34,7 +34,7 @@
|
||||
"prepare": "node ../../scripts/prepare.js"
|
||||
},
|
||||
"dependencies": {
|
||||
"@storybook/core": "6.0.0-beta.29",
|
||||
"@storybook/core": "6.0.0-beta.30",
|
||||
"core-js": "^3.0.1",
|
||||
"global": "^4.3.2",
|
||||
"raw-loader": "^4.0.1",
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/server",
|
||||
"version": "6.0.0-beta.29",
|
||||
"version": "6.0.0-beta.30",
|
||||
"description": "Storybook for Server: View HTML snippets from a server in isolation with Hot Reloading.",
|
||||
"keywords": [
|
||||
"storybook"
|
||||
@ -34,8 +34,8 @@
|
||||
"prepare": "node ../../scripts/prepare.js"
|
||||
},
|
||||
"dependencies": {
|
||||
"@storybook/addons": "6.0.0-beta.29",
|
||||
"@storybook/core": "6.0.0-beta.29",
|
||||
"@storybook/addons": "6.0.0-beta.30",
|
||||
"@storybook/core": "6.0.0-beta.30",
|
||||
"@storybook/node-logger": "^5.2.8",
|
||||
"@types/webpack-env": "^1.15.2",
|
||||
"core-js": "^3.0.1",
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/svelte",
|
||||
"version": "6.0.0-beta.29",
|
||||
"version": "6.0.0-beta.30",
|
||||
"description": "Storybook for Svelte: Develop Svelte Component in isolation with Hot Reloading.",
|
||||
"keywords": [
|
||||
"storybook"
|
||||
@ -34,8 +34,8 @@
|
||||
"prepare": "node ../../scripts/prepare.js"
|
||||
},
|
||||
"dependencies": {
|
||||
"@storybook/addons": "6.0.0-beta.29",
|
||||
"@storybook/core": "6.0.0-beta.29",
|
||||
"@storybook/addons": "6.0.0-beta.30",
|
||||
"@storybook/core": "6.0.0-beta.30",
|
||||
"core-js": "^3.0.1",
|
||||
"global": "^4.3.2",
|
||||
"regenerator-runtime": "^0.13.3",
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/vue",
|
||||
"version": "6.0.0-beta.29",
|
||||
"version": "6.0.0-beta.30",
|
||||
"description": "Storybook for Vue: Develop Vue Component in isolation with Hot Reloading.",
|
||||
"keywords": [
|
||||
"storybook"
|
||||
@ -34,8 +34,8 @@
|
||||
"prepare": "node ../../scripts/prepare.js"
|
||||
},
|
||||
"dependencies": {
|
||||
"@storybook/addons": "6.0.0-beta.29",
|
||||
"@storybook/core": "6.0.0-beta.29",
|
||||
"@storybook/addons": "6.0.0-beta.30",
|
||||
"@storybook/core": "6.0.0-beta.30",
|
||||
"@types/webpack-env": "^1.15.2",
|
||||
"core-js": "^3.0.1",
|
||||
"global": "^4.3.2",
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/web-components",
|
||||
"version": "6.0.0-beta.29",
|
||||
"version": "6.0.0-beta.30",
|
||||
"description": "Storybook for web-components: View web components snippets in isolation with Hot Reloading.",
|
||||
"keywords": [
|
||||
"lit-html",
|
||||
@ -38,8 +38,8 @@
|
||||
"dependencies": {
|
||||
"@babel/plugin-syntax-dynamic-import": "^7.2.0",
|
||||
"@babel/plugin-syntax-import-meta": "^7.2.0",
|
||||
"@storybook/addons": "6.0.0-beta.29",
|
||||
"@storybook/core": "6.0.0-beta.29",
|
||||
"@storybook/addons": "6.0.0-beta.30",
|
||||
"@storybook/core": "6.0.0-beta.30",
|
||||
"@types/webpack-env": "^1.15.2",
|
||||
"babel-plugin-bundled-import-meta": "^0.3.1",
|
||||
"core-js": "^3.0.1",
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/addon-decorator",
|
||||
"version": "6.0.0-beta.29",
|
||||
"version": "6.0.0-beta.30",
|
||||
"description": "decorator addon for storybook",
|
||||
"keywords": [
|
||||
"addon",
|
||||
@ -24,8 +24,8 @@
|
||||
"prepare": "node ../../scripts/prepare.js"
|
||||
},
|
||||
"dependencies": {
|
||||
"@storybook/addons": "6.0.0-beta.29",
|
||||
"@storybook/client-api": "6.0.0-beta.29",
|
||||
"@storybook/addons": "6.0.0-beta.30",
|
||||
"@storybook/client-api": "6.0.0-beta.30",
|
||||
"core-js": "^3.0.1",
|
||||
"global": "^4.4.0"
|
||||
},
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/addon-parameter",
|
||||
"version": "6.0.0-beta.29",
|
||||
"version": "6.0.0-beta.30",
|
||||
"description": "parameter addon for storybook",
|
||||
"keywords": [
|
||||
"addon",
|
||||
@ -24,12 +24,12 @@
|
||||
"prepare": "node ../../scripts/prepare.js"
|
||||
},
|
||||
"dependencies": {
|
||||
"@storybook/addons": "6.0.0-beta.29",
|
||||
"@storybook/api": "6.0.0-beta.29",
|
||||
"@storybook/client-logger": "6.0.0-beta.29",
|
||||
"@storybook/components": "6.0.0-beta.29",
|
||||
"@storybook/core-events": "6.0.0-beta.29",
|
||||
"@storybook/theming": "6.0.0-beta.29",
|
||||
"@storybook/addons": "6.0.0-beta.30",
|
||||
"@storybook/api": "6.0.0-beta.30",
|
||||
"@storybook/client-logger": "6.0.0-beta.30",
|
||||
"@storybook/components": "6.0.0-beta.30",
|
||||
"@storybook/core-events": "6.0.0-beta.30",
|
||||
"@storybook/theming": "6.0.0-beta.30",
|
||||
"core-js": "^3.0.1",
|
||||
"global": "^4.3.2",
|
||||
"react": "^16.8.3",
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/addon-preview-wrapper",
|
||||
"version": "6.0.0-beta.29",
|
||||
"version": "6.0.0-beta.30",
|
||||
"description": "preview wrapper addon for storybook",
|
||||
"keywords": [
|
||||
"addon",
|
||||
@ -24,7 +24,7 @@
|
||||
"prepare": "node ../../scripts/prepare.js"
|
||||
},
|
||||
"dependencies": {
|
||||
"@storybook/addons": "6.0.0-beta.29",
|
||||
"@storybook/addons": "6.0.0-beta.30",
|
||||
"react": "^16.8.3"
|
||||
},
|
||||
"publishConfig": {
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/addon-roundtrip",
|
||||
"version": "6.0.0-beta.29",
|
||||
"version": "6.0.0-beta.30",
|
||||
"description": "roundtrip addon for storybook",
|
||||
"keywords": [
|
||||
"addon",
|
||||
@ -24,13 +24,13 @@
|
||||
"prepare": "node ../../scripts/prepare.js"
|
||||
},
|
||||
"dependencies": {
|
||||
"@storybook/addons": "6.0.0-beta.29",
|
||||
"@storybook/api": "6.0.0-beta.29",
|
||||
"@storybook/client-api": "6.0.0-beta.29",
|
||||
"@storybook/client-logger": "6.0.0-beta.29",
|
||||
"@storybook/components": "6.0.0-beta.29",
|
||||
"@storybook/core-events": "6.0.0-beta.29",
|
||||
"@storybook/theming": "6.0.0-beta.29",
|
||||
"@storybook/addons": "6.0.0-beta.30",
|
||||
"@storybook/api": "6.0.0-beta.30",
|
||||
"@storybook/client-api": "6.0.0-beta.30",
|
||||
"@storybook/client-logger": "6.0.0-beta.30",
|
||||
"@storybook/components": "6.0.0-beta.30",
|
||||
"@storybook/core-events": "6.0.0-beta.30",
|
||||
"@storybook/theming": "6.0.0-beta.30",
|
||||
"core-js": "^3.0.1",
|
||||
"global": "^4.3.2",
|
||||
"react": "^16.8.3",
|
||||
|
||||
@ -1 +1 @@
|
||||
{"version":"6.0.0-beta.29","info":{"plain":"### Features\n\n* Addon-docs: Add syntax highlighting to Code and Description blocks ([#11183](https://github.com/storybookjs/storybook/pull/11183))\n\n### Bug Fixes\n\n* MDX: Don't use root babelrc by default ([#11185](https://github.com/storybookjs/storybook/pull/11185))\n* Addon-docs: Fix 'show source' for stories with dynamic title ([#10959](https://github.com/storybookjs/storybook/pull/10959))"}}
|
||||
{"version":"6.0.0-beta.30","info":{"plain":"### Features\n\n- MDX: Support function.bind({}) syntax ([#11198](https://github.com/storybookjs/storybook/pull/11198))\n\n### Bug Fixes\n\n- Addon-docs: Remove render preprocessing for react components w/o docgen ([#11195](https://github.com/storybookjs/storybook/pull/11195))\n- Core: Fix addon load order ([#11178](https://github.com/storybookjs/storybook/pull/11178))\n- Core: Add global box-sizing setting. Fixes #10207 ([#11055](https://github.com/storybookjs/storybook/pull/11055))\n\n### Maintenance\n\n- Addon-controls: Add examples to angular, ember, html, svelte, vue, web-components ([#11197](https://github.com/storybookjs/storybook/pull/11197))"}}
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "angular-cli",
|
||||
"version": "6.0.0-beta.29",
|
||||
"version": "6.0.0-beta.30",
|
||||
"private": true,
|
||||
"license": "MIT",
|
||||
"scripts": {
|
||||
@ -37,19 +37,19 @@
|
||||
"@angular/cli": "^9.1.0",
|
||||
"@angular/compiler-cli": "^9.1.0",
|
||||
"@compodoc/compodoc": "^1.1.11",
|
||||
"@storybook/addon-a11y": "6.0.0-beta.29",
|
||||
"@storybook/addon-actions": "6.0.0-beta.29",
|
||||
"@storybook/addon-backgrounds": "6.0.0-beta.29",
|
||||
"@storybook/addon-controls": "6.0.0-beta.29",
|
||||
"@storybook/addon-docs": "6.0.0-beta.29",
|
||||
"@storybook/addon-jest": "6.0.0-beta.29",
|
||||
"@storybook/addon-knobs": "6.0.0-beta.29",
|
||||
"@storybook/addon-links": "6.0.0-beta.29",
|
||||
"@storybook/addon-storyshots": "6.0.0-beta.29",
|
||||
"@storybook/addon-storysource": "6.0.0-beta.29",
|
||||
"@storybook/addons": "6.0.0-beta.29",
|
||||
"@storybook/angular": "6.0.0-beta.29",
|
||||
"@storybook/source-loader": "6.0.0-beta.29",
|
||||
"@storybook/addon-a11y": "6.0.0-beta.30",
|
||||
"@storybook/addon-actions": "6.0.0-beta.30",
|
||||
"@storybook/addon-backgrounds": "6.0.0-beta.30",
|
||||
"@storybook/addon-controls": "6.0.0-beta.30",
|
||||
"@storybook/addon-docs": "6.0.0-beta.30",
|
||||
"@storybook/addon-jest": "6.0.0-beta.30",
|
||||
"@storybook/addon-knobs": "6.0.0-beta.30",
|
||||
"@storybook/addon-links": "6.0.0-beta.30",
|
||||
"@storybook/addon-storyshots": "6.0.0-beta.30",
|
||||
"@storybook/addon-storysource": "6.0.0-beta.30",
|
||||
"@storybook/addons": "6.0.0-beta.30",
|
||||
"@storybook/angular": "6.0.0-beta.30",
|
||||
"@storybook/source-loader": "6.0.0-beta.30",
|
||||
"@types/core-js": "^2.5.0",
|
||||
"@types/jest": "^25.1.1",
|
||||
"@types/node": "^14.0.10",
|
||||
|
||||
18
examples/angular-cli/src/stories/addon-controls.stories.ts
Normal file
18
examples/angular-cli/src/stories/addon-controls.stories.ts
Normal file
@ -0,0 +1,18 @@
|
||||
import { ButtonComponent } from './doc-button/doc-button.component';
|
||||
|
||||
export default {
|
||||
title: 'Addon/Controls',
|
||||
component: ButtonComponent,
|
||||
parameters: { docs: { iframeHeight: 120 } },
|
||||
};
|
||||
|
||||
const ButtonStory = (args) => ({
|
||||
component: ButtonComponent,
|
||||
props: args,
|
||||
});
|
||||
|
||||
export const Basic = ButtonStory.bind({});
|
||||
Basic.args = { label: 'Args test', isDisabled: false };
|
||||
|
||||
export const Disabled = ButtonStory.bind({});
|
||||
Disabled.args = { label: 'Disabled', isDisabled: true };
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "aurelia-kitchen-sink",
|
||||
"version": "6.0.0-beta.29",
|
||||
"version": "6.0.0-beta.30",
|
||||
"private": true,
|
||||
"description": "An Aurelia client application.",
|
||||
"repository": {
|
||||
@ -22,18 +22,18 @@
|
||||
},
|
||||
"devDependencies": {
|
||||
"@aurelia/webpack-loader": "dev",
|
||||
"@storybook/addon-a11y": "6.0.0-beta.29",
|
||||
"@storybook/addon-actions": "6.0.0-beta.29",
|
||||
"@storybook/addon-backgrounds": "6.0.0-beta.29",
|
||||
"@storybook/addon-docs": "6.0.0-beta.29",
|
||||
"@storybook/addon-jest": "6.0.0-beta.29",
|
||||
"@storybook/addon-knobs": "6.0.0-beta.29",
|
||||
"@storybook/addon-links": "6.0.0-beta.29",
|
||||
"@storybook/addon-storyshots": "6.0.0-beta.29",
|
||||
"@storybook/addon-storysource": "6.0.0-beta.29",
|
||||
"@storybook/addons": "6.0.0-beta.29",
|
||||
"@storybook/aurelia": "6.0.0-beta.29",
|
||||
"@storybook/source-loader": "6.0.0-beta.29",
|
||||
"@storybook/addon-a11y": "6.0.0-beta.30",
|
||||
"@storybook/addon-actions": "6.0.0-beta.30",
|
||||
"@storybook/addon-backgrounds": "6.0.0-beta.30",
|
||||
"@storybook/addon-docs": "6.0.0-beta.30",
|
||||
"@storybook/addon-jest": "6.0.0-beta.30",
|
||||
"@storybook/addon-knobs": "6.0.0-beta.30",
|
||||
"@storybook/addon-links": "6.0.0-beta.30",
|
||||
"@storybook/addon-storyshots": "6.0.0-beta.30",
|
||||
"@storybook/addon-storysource": "6.0.0-beta.30",
|
||||
"@storybook/addons": "6.0.0-beta.30",
|
||||
"@storybook/aurelia": "6.0.0-beta.30",
|
||||
"@storybook/source-loader": "6.0.0-beta.30",
|
||||
"@types/node": "^14.0.10",
|
||||
"css-loader": "^3.0.0",
|
||||
"file-loader": "^4.2.0",
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "cra-kitchen-sink",
|
||||
"version": "6.0.0-beta.29",
|
||||
"version": "6.0.0-beta.30",
|
||||
"private": true,
|
||||
"scripts": {
|
||||
"build": "react-scripts build",
|
||||
@ -18,19 +18,19 @@
|
||||
"react-lifecycles-compat": "^3.0.4"
|
||||
},
|
||||
"devDependencies": {
|
||||
"@storybook/addon-a11y": "6.0.0-beta.29",
|
||||
"@storybook/addon-actions": "6.0.0-beta.29",
|
||||
"@storybook/addon-backgrounds": "6.0.0-beta.29",
|
||||
"@storybook/addon-docs": "6.0.0-beta.29",
|
||||
"@storybook/addon-events": "6.0.0-beta.29",
|
||||
"@storybook/addon-jest": "6.0.0-beta.29",
|
||||
"@storybook/addon-knobs": "6.0.0-beta.29",
|
||||
"@storybook/addon-links": "6.0.0-beta.29",
|
||||
"@storybook/addon-storyshots": "6.0.0-beta.29",
|
||||
"@storybook/addons": "6.0.0-beta.29",
|
||||
"@storybook/client-logger": "6.0.0-beta.29",
|
||||
"@storybook/react": "6.0.0-beta.29",
|
||||
"@storybook/theming": "6.0.0-beta.29",
|
||||
"@storybook/addon-a11y": "6.0.0-beta.30",
|
||||
"@storybook/addon-actions": "6.0.0-beta.30",
|
||||
"@storybook/addon-backgrounds": "6.0.0-beta.30",
|
||||
"@storybook/addon-docs": "6.0.0-beta.30",
|
||||
"@storybook/addon-events": "6.0.0-beta.30",
|
||||
"@storybook/addon-jest": "6.0.0-beta.30",
|
||||
"@storybook/addon-knobs": "6.0.0-beta.30",
|
||||
"@storybook/addon-links": "6.0.0-beta.30",
|
||||
"@storybook/addon-storyshots": "6.0.0-beta.30",
|
||||
"@storybook/addons": "6.0.0-beta.30",
|
||||
"@storybook/client-logger": "6.0.0-beta.30",
|
||||
"@storybook/react": "6.0.0-beta.30",
|
||||
"@storybook/theming": "6.0.0-beta.30",
|
||||
"react-scripts": "^3.0.1"
|
||||
},
|
||||
"storybook": {
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "cra-react15",
|
||||
"version": "6.0.0-beta.29",
|
||||
"version": "6.0.0-beta.30",
|
||||
"private": true,
|
||||
"scripts": {
|
||||
"build": "react-scripts build",
|
||||
@ -18,11 +18,11 @@
|
||||
"react-scripts": "3.0.1"
|
||||
},
|
||||
"devDependencies": {
|
||||
"@storybook/addon-actions": "6.0.0-beta.29",
|
||||
"@storybook/addon-links": "6.0.0-beta.29",
|
||||
"@storybook/addons": "6.0.0-beta.29",
|
||||
"@storybook/react": "6.0.0-beta.29",
|
||||
"@storybook/theming": "6.0.0-beta.29",
|
||||
"@storybook/addon-actions": "6.0.0-beta.30",
|
||||
"@storybook/addon-links": "6.0.0-beta.30",
|
||||
"@storybook/addons": "6.0.0-beta.30",
|
||||
"@storybook/react": "6.0.0-beta.30",
|
||||
"@storybook/theming": "6.0.0-beta.30",
|
||||
"babel-core": "6",
|
||||
"babel-runtime": "6"
|
||||
},
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "cra-ts-essentials",
|
||||
"version": "6.0.0-beta.29",
|
||||
"version": "6.0.0-beta.30",
|
||||
"private": true,
|
||||
"scripts": {
|
||||
"build": "react-scripts build",
|
||||
@ -34,10 +34,10 @@
|
||||
"typescript": "3.8.3"
|
||||
},
|
||||
"devDependencies": {
|
||||
"@storybook/addon-essentials": "6.0.0-beta.29",
|
||||
"@storybook/addons": "6.0.0-beta.29",
|
||||
"@storybook/addon-essentials": "6.0.0-beta.30",
|
||||
"@storybook/addons": "6.0.0-beta.30",
|
||||
"@storybook/preset-create-react-app": "^3.0.0",
|
||||
"@storybook/react": "6.0.0-beta.29"
|
||||
"@storybook/react": "6.0.0-beta.30"
|
||||
},
|
||||
"storybook": {
|
||||
"chromatic": {
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "cra-ts-kitchen-sink",
|
||||
"version": "6.0.0-beta.29",
|
||||
"version": "6.0.0-beta.30",
|
||||
"private": true,
|
||||
"scripts": {
|
||||
"build": "react-scripts build",
|
||||
@ -34,14 +34,14 @@
|
||||
"typescript": "3.8.3"
|
||||
},
|
||||
"devDependencies": {
|
||||
"@storybook/addon-a11y": "6.0.0-beta.29",
|
||||
"@storybook/addon-actions": "6.0.0-beta.29",
|
||||
"@storybook/addon-docs": "6.0.0-beta.29",
|
||||
"@storybook/addon-knobs": "6.0.0-beta.29",
|
||||
"@storybook/addon-links": "6.0.0-beta.29",
|
||||
"@storybook/addons": "6.0.0-beta.29",
|
||||
"@storybook/addon-a11y": "6.0.0-beta.30",
|
||||
"@storybook/addon-actions": "6.0.0-beta.30",
|
||||
"@storybook/addon-docs": "6.0.0-beta.30",
|
||||
"@storybook/addon-knobs": "6.0.0-beta.30",
|
||||
"@storybook/addon-links": "6.0.0-beta.30",
|
||||
"@storybook/addons": "6.0.0-beta.30",
|
||||
"@storybook/preset-create-react-app": "^3.0.0",
|
||||
"@storybook/react": "6.0.0-beta.29",
|
||||
"@storybook/react": "6.0.0-beta.30",
|
||||
"@types/enzyme": "^3.9.0",
|
||||
"enzyme": "^3.9.0",
|
||||
"enzyme-adapter-react-16": "^1.9.1",
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/example-devkits",
|
||||
"version": "6.0.0-beta.29",
|
||||
"version": "6.0.0-beta.30",
|
||||
"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 ./ --no-dll"
|
||||
},
|
||||
"devDependencies": {
|
||||
"@storybook/addon-decorator": "6.0.0-beta.29",
|
||||
"@storybook/addon-parameter": "6.0.0-beta.29",
|
||||
"@storybook/addon-preview-wrapper": "6.0.0-beta.29",
|
||||
"@storybook/addon-roundtrip": "6.0.0-beta.29",
|
||||
"@storybook/addons": "6.0.0-beta.29",
|
||||
"@storybook/api": "6.0.0-beta.29",
|
||||
"@storybook/client-api": "6.0.0-beta.29",
|
||||
"@storybook/components": "6.0.0-beta.29",
|
||||
"@storybook/core-events": "6.0.0-beta.29",
|
||||
"@storybook/node-logger": "6.0.0-beta.29",
|
||||
"@storybook/react": "6.0.0-beta.29",
|
||||
"@storybook/theming": "6.0.0-beta.29",
|
||||
"@storybook/addon-decorator": "6.0.0-beta.30",
|
||||
"@storybook/addon-parameter": "6.0.0-beta.30",
|
||||
"@storybook/addon-preview-wrapper": "6.0.0-beta.30",
|
||||
"@storybook/addon-roundtrip": "6.0.0-beta.30",
|
||||
"@storybook/addons": "6.0.0-beta.30",
|
||||
"@storybook/api": "6.0.0-beta.30",
|
||||
"@storybook/client-api": "6.0.0-beta.30",
|
||||
"@storybook/components": "6.0.0-beta.30",
|
||||
"@storybook/core-events": "6.0.0-beta.30",
|
||||
"@storybook/node-logger": "6.0.0-beta.30",
|
||||
"@storybook/react": "6.0.0-beta.30",
|
||||
"@storybook/theming": "6.0.0-beta.30",
|
||||
"cors": "^2.8.5",
|
||||
"cross-env": "^7.0.0",
|
||||
"enzyme-to-json": "^3.4.1",
|
||||
|
||||
@ -8,6 +8,7 @@ module.exports = {
|
||||
'@storybook/addon-storysource',
|
||||
'@storybook/addon-actions',
|
||||
'@storybook/addon-docs',
|
||||
'@storybook/addon-controls',
|
||||
'@storybook/addon-links',
|
||||
'@storybook/addon-knobs',
|
||||
'@storybook/addon-viewport',
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "ember-example",
|
||||
"version": "6.0.0-beta.29",
|
||||
"version": "6.0.0-beta.30",
|
||||
"private": true,
|
||||
"scripts": {
|
||||
"build": "ember build --output-path ember-output",
|
||||
@ -16,18 +16,19 @@
|
||||
"devDependencies": {
|
||||
"@babel/core": "^7.9.6",
|
||||
"@ember/optional-features": "^1.3.0",
|
||||
"@storybook/addon-a11y": "6.0.0-beta.29",
|
||||
"@storybook/addon-actions": "6.0.0-beta.29",
|
||||
"@storybook/addon-backgrounds": "6.0.0-beta.29",
|
||||
"@storybook/addon-docs": "6.0.0-beta.29",
|
||||
"@storybook/addon-knobs": "6.0.0-beta.29",
|
||||
"@storybook/addon-links": "6.0.0-beta.29",
|
||||
"@storybook/addon-storysource": "6.0.0-beta.29",
|
||||
"@storybook/addon-viewport": "6.0.0-beta.29",
|
||||
"@storybook/addons": "6.0.0-beta.29",
|
||||
"@storybook/ember": "6.0.0-beta.29",
|
||||
"@storybook/addon-a11y": "6.0.0-beta.30",
|
||||
"@storybook/addon-actions": "6.0.0-beta.30",
|
||||
"@storybook/addon-backgrounds": "6.0.0-beta.30",
|
||||
"@storybook/addon-controls": "6.0.0-beta.30",
|
||||
"@storybook/addon-docs": "6.0.0-beta.30",
|
||||
"@storybook/addon-knobs": "6.0.0-beta.30",
|
||||
"@storybook/addon-links": "6.0.0-beta.30",
|
||||
"@storybook/addon-storysource": "6.0.0-beta.30",
|
||||
"@storybook/addon-viewport": "6.0.0-beta.30",
|
||||
"@storybook/addons": "6.0.0-beta.30",
|
||||
"@storybook/ember": "6.0.0-beta.30",
|
||||
"@storybook/ember-cli-storybook": "^0.2.1",
|
||||
"@storybook/source-loader": "6.0.0-beta.29",
|
||||
"@storybook/source-loader": "6.0.0-beta.30",
|
||||
"babel-loader": "^8",
|
||||
"broccoli-asset-rev": "^3.0.0",
|
||||
"cross-env": "^7.0.0",
|
||||
|
||||
@ -2,7 +2,6 @@ import { hbs } from 'ember-cli-htmlbars';
|
||||
|
||||
export default {
|
||||
title: 'Addon/a11y',
|
||||
|
||||
parameters: {
|
||||
options: { selectedPanel: '@storybook/a11y/panel' },
|
||||
},
|
||||
|
||||
@ -3,7 +3,6 @@ import { action } from '@storybook/addon-actions';
|
||||
|
||||
export default {
|
||||
title: 'Addon/Actions',
|
||||
|
||||
parameters: {
|
||||
options: {
|
||||
selectedPanel: 'storybook/actions/panel',
|
||||
|
||||
@ -2,7 +2,6 @@ import { hbs } from 'ember-cli-htmlbars';
|
||||
|
||||
export default {
|
||||
title: 'Addon/Backgrounds',
|
||||
|
||||
parameters: {
|
||||
backgrounds: {
|
||||
default: 'dark',
|
||||
|
||||
19
examples/ember-cli/stories/addon-controls.stories.js
Normal file
19
examples/ember-cli/stories/addon-controls.stories.js
Normal file
@ -0,0 +1,19 @@
|
||||
import { hbs } from 'ember-cli-htmlbars';
|
||||
|
||||
export default {
|
||||
title: 'Addon/Controls',
|
||||
argTypes: {
|
||||
label: { type: { name: 'string' } },
|
||||
},
|
||||
};
|
||||
|
||||
const ButtonStory = (args) => ({
|
||||
template: hbs`<button>{{label}}</button>`,
|
||||
context: args,
|
||||
});
|
||||
|
||||
export const Hello = ButtonStory.bind({});
|
||||
Hello.args = { label: 'Hello!' };
|
||||
|
||||
export const Bonjour = ButtonStory.bind({});
|
||||
Bonjour.args = { label: 'Bonjour!' };
|
||||
@ -5,7 +5,6 @@ import { action } from '@storybook/addon-actions';
|
||||
export default {
|
||||
title: 'Addon/Knobs',
|
||||
decorators: [withKnobs],
|
||||
|
||||
parameters: {
|
||||
options: { selectedPanel: 'storybookjs/knobs/panel' },
|
||||
},
|
||||
|
||||
@ -2,7 +2,6 @@ import { hbs } from 'ember-cli-htmlbars';
|
||||
|
||||
export default {
|
||||
title: 'Welcome',
|
||||
|
||||
parameters: {
|
||||
options: { showPanel: false },
|
||||
},
|
||||
|
||||
@ -7,6 +7,7 @@ module.exports = {
|
||||
'@storybook/addon-a11y',
|
||||
'@storybook/addon-actions',
|
||||
'@storybook/addon-backgrounds',
|
||||
'@storybook/addon-controls',
|
||||
'@storybook/addon-events',
|
||||
'@storybook/addon-jest',
|
||||
'@storybook/addon-knobs',
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "html-kitchen-sink",
|
||||
"version": "6.0.0-beta.29",
|
||||
"version": "6.0.0-beta.30",
|
||||
"private": true,
|
||||
"description": "",
|
||||
"keywords": [],
|
||||
@ -13,23 +13,24 @@
|
||||
"storybook": "start-storybook -p 9006"
|
||||
},
|
||||
"devDependencies": {
|
||||
"@storybook/addon-a11y": "6.0.0-beta.29",
|
||||
"@storybook/addon-actions": "6.0.0-beta.29",
|
||||
"@storybook/addon-backgrounds": "6.0.0-beta.29",
|
||||
"@storybook/addon-docs": "6.0.0-beta.29",
|
||||
"@storybook/addon-events": "6.0.0-beta.29",
|
||||
"@storybook/addon-jest": "6.0.0-beta.29",
|
||||
"@storybook/addon-knobs": "6.0.0-beta.29",
|
||||
"@storybook/addon-links": "6.0.0-beta.29",
|
||||
"@storybook/addon-storyshots": "6.0.0-beta.29",
|
||||
"@storybook/addon-storysource": "6.0.0-beta.29",
|
||||
"@storybook/addon-viewport": "6.0.0-beta.29",
|
||||
"@storybook/addons": "6.0.0-beta.29",
|
||||
"@storybook/client-api": "6.0.0-beta.29",
|
||||
"@storybook/core": "6.0.0-beta.29",
|
||||
"@storybook/core-events": "6.0.0-beta.29",
|
||||
"@storybook/html": "6.0.0-beta.29",
|
||||
"@storybook/source-loader": "6.0.0-beta.29",
|
||||
"@storybook/addon-a11y": "6.0.0-beta.30",
|
||||
"@storybook/addon-actions": "6.0.0-beta.30",
|
||||
"@storybook/addon-backgrounds": "6.0.0-beta.30",
|
||||
"@storybook/addon-controls": "6.0.0-beta.30",
|
||||
"@storybook/addon-docs": "6.0.0-beta.30",
|
||||
"@storybook/addon-events": "6.0.0-beta.30",
|
||||
"@storybook/addon-jest": "6.0.0-beta.30",
|
||||
"@storybook/addon-knobs": "6.0.0-beta.30",
|
||||
"@storybook/addon-links": "6.0.0-beta.30",
|
||||
"@storybook/addon-storyshots": "6.0.0-beta.30",
|
||||
"@storybook/addon-storysource": "6.0.0-beta.30",
|
||||
"@storybook/addon-viewport": "6.0.0-beta.30",
|
||||
"@storybook/addons": "6.0.0-beta.30",
|
||||
"@storybook/client-api": "6.0.0-beta.30",
|
||||
"@storybook/core": "6.0.0-beta.30",
|
||||
"@storybook/core-events": "6.0.0-beta.30",
|
||||
"@storybook/html": "6.0.0-beta.30",
|
||||
"@storybook/source-loader": "6.0.0-beta.30",
|
||||
"eventemitter3": "^4.0.0",
|
||||
"format-json": "^1.0.3",
|
||||
"global": "^4.3.2",
|
||||
|
||||
16
examples/html-kitchen-sink/stories/addon-controls.stories.js
Normal file
16
examples/html-kitchen-sink/stories/addon-controls.stories.js
Normal file
@ -0,0 +1,16 @@
|
||||
export default {
|
||||
title: 'Addons/Controls',
|
||||
argTypes: {
|
||||
label: { type: { name: 'string' } },
|
||||
},
|
||||
};
|
||||
|
||||
const ButtonStory = ({ label }) => {
|
||||
return `<div>${label}</div>`;
|
||||
};
|
||||
|
||||
export const Hello = ButtonStory.bind({});
|
||||
Hello.args = { label: 'Hello!' };
|
||||
|
||||
export const Bonjour = ButtonStory.bind({});
|
||||
Bonjour.args = { label: 'Bonjour!' };
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "marko-cli",
|
||||
"version": "6.0.0-beta.29",
|
||||
"version": "6.0.0-beta.30",
|
||||
"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.0.0-beta.29",
|
||||
"@storybook/addon-actions": "6.0.0-beta.29",
|
||||
"@storybook/addon-knobs": "6.0.0-beta.29",
|
||||
"@storybook/addon-storysource": "6.0.0-beta.29",
|
||||
"@storybook/addons": "6.0.0-beta.29",
|
||||
"@storybook/marko": "6.0.0-beta.29",
|
||||
"@storybook/source-loader": "6.0.0-beta.29",
|
||||
"@storybook/addon-a11y": "6.0.0-beta.30",
|
||||
"@storybook/addon-actions": "6.0.0-beta.30",
|
||||
"@storybook/addon-knobs": "6.0.0-beta.30",
|
||||
"@storybook/addon-storysource": "6.0.0-beta.30",
|
||||
"@storybook/addons": "6.0.0-beta.30",
|
||||
"@storybook/marko": "6.0.0-beta.30",
|
||||
"@storybook/source-loader": "6.0.0-beta.30",
|
||||
"prettier": "^2.0.5",
|
||||
"webpack": "^4.33.0"
|
||||
},
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "mithril-example",
|
||||
"version": "6.0.0-beta.29",
|
||||
"version": "6.0.0-beta.30",
|
||||
"private": true,
|
||||
"scripts": {
|
||||
"build-storybook": "build-storybook",
|
||||
@ -10,17 +10,17 @@
|
||||
"mithril": "^1.1.6"
|
||||
},
|
||||
"devDependencies": {
|
||||
"@storybook/addon-a11y": "6.0.0-beta.29",
|
||||
"@storybook/addon-actions": "6.0.0-beta.29",
|
||||
"@storybook/addon-backgrounds": "6.0.0-beta.29",
|
||||
"@storybook/addon-knobs": "6.0.0-beta.29",
|
||||
"@storybook/addon-links": "6.0.0-beta.29",
|
||||
"@storybook/addon-storyshots": "6.0.0-beta.29",
|
||||
"@storybook/addon-storysource": "6.0.0-beta.29",
|
||||
"@storybook/addon-viewport": "6.0.0-beta.29",
|
||||
"@storybook/addons": "6.0.0-beta.29",
|
||||
"@storybook/mithril": "6.0.0-beta.29",
|
||||
"@storybook/source-loader": "6.0.0-beta.29",
|
||||
"@storybook/addon-a11y": "6.0.0-beta.30",
|
||||
"@storybook/addon-actions": "6.0.0-beta.30",
|
||||
"@storybook/addon-backgrounds": "6.0.0-beta.30",
|
||||
"@storybook/addon-knobs": "6.0.0-beta.30",
|
||||
"@storybook/addon-links": "6.0.0-beta.30",
|
||||
"@storybook/addon-storyshots": "6.0.0-beta.30",
|
||||
"@storybook/addon-storysource": "6.0.0-beta.30",
|
||||
"@storybook/addon-viewport": "6.0.0-beta.30",
|
||||
"@storybook/addons": "6.0.0-beta.30",
|
||||
"@storybook/mithril": "6.0.0-beta.30",
|
||||
"@storybook/source-loader": "6.0.0-beta.30",
|
||||
"webpack": "^4.33.0"
|
||||
},
|
||||
"storybook": {
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "official-storybook",
|
||||
"version": "6.0.0-beta.29",
|
||||
"version": "6.0.0-beta.30",
|
||||
"private": true,
|
||||
"scripts": {
|
||||
"build-storybook": "cross-env STORYBOOK_DISPLAY_WARNING=true DISPLAY_WARNING=true build-storybook -c ./",
|
||||
@ -14,32 +14,32 @@
|
||||
},
|
||||
"devDependencies": {
|
||||
"@packtracker/webpack-plugin": "^2.0.1",
|
||||
"@storybook/addon-a11y": "6.0.0-beta.29",
|
||||
"@storybook/addon-actions": "6.0.0-beta.29",
|
||||
"@storybook/addon-backgrounds": "6.0.0-beta.29",
|
||||
"@storybook/addon-controls": "6.0.0-beta.29",
|
||||
"@storybook/addon-cssresources": "6.0.0-beta.29",
|
||||
"@storybook/addon-design-assets": "6.0.0-beta.29",
|
||||
"@storybook/addon-docs": "6.0.0-beta.29",
|
||||
"@storybook/addon-events": "6.0.0-beta.29",
|
||||
"@storybook/addon-graphql": "6.0.0-beta.29",
|
||||
"@storybook/addon-jest": "6.0.0-beta.29",
|
||||
"@storybook/addon-knobs": "6.0.0-beta.29",
|
||||
"@storybook/addon-links": "6.0.0-beta.29",
|
||||
"@storybook/addon-queryparams": "6.0.0-beta.29",
|
||||
"@storybook/addon-storyshots": "6.0.0-beta.29",
|
||||
"@storybook/addon-storyshots-puppeteer": "6.0.0-beta.29",
|
||||
"@storybook/addon-storysource": "6.0.0-beta.29",
|
||||
"@storybook/addon-toolbars": "6.0.0-beta.29",
|
||||
"@storybook/addon-viewport": "6.0.0-beta.29",
|
||||
"@storybook/addons": "6.0.0-beta.29",
|
||||
"@storybook/cli": "6.0.0-beta.29",
|
||||
"@storybook/components": "6.0.0-beta.29",
|
||||
"@storybook/core-events": "6.0.0-beta.29",
|
||||
"@storybook/node-logger": "6.0.0-beta.29",
|
||||
"@storybook/react": "6.0.0-beta.29",
|
||||
"@storybook/source-loader": "6.0.0-beta.29",
|
||||
"@storybook/theming": "6.0.0-beta.29",
|
||||
"@storybook/addon-a11y": "6.0.0-beta.30",
|
||||
"@storybook/addon-actions": "6.0.0-beta.30",
|
||||
"@storybook/addon-backgrounds": "6.0.0-beta.30",
|
||||
"@storybook/addon-controls": "6.0.0-beta.30",
|
||||
"@storybook/addon-cssresources": "6.0.0-beta.30",
|
||||
"@storybook/addon-design-assets": "6.0.0-beta.30",
|
||||
"@storybook/addon-docs": "6.0.0-beta.30",
|
||||
"@storybook/addon-events": "6.0.0-beta.30",
|
||||
"@storybook/addon-graphql": "6.0.0-beta.30",
|
||||
"@storybook/addon-jest": "6.0.0-beta.30",
|
||||
"@storybook/addon-knobs": "6.0.0-beta.30",
|
||||
"@storybook/addon-links": "6.0.0-beta.30",
|
||||
"@storybook/addon-queryparams": "6.0.0-beta.30",
|
||||
"@storybook/addon-storyshots": "6.0.0-beta.30",
|
||||
"@storybook/addon-storyshots-puppeteer": "6.0.0-beta.30",
|
||||
"@storybook/addon-storysource": "6.0.0-beta.30",
|
||||
"@storybook/addon-toolbars": "6.0.0-beta.30",
|
||||
"@storybook/addon-viewport": "6.0.0-beta.30",
|
||||
"@storybook/addons": "6.0.0-beta.30",
|
||||
"@storybook/cli": "6.0.0-beta.30",
|
||||
"@storybook/components": "6.0.0-beta.30",
|
||||
"@storybook/core-events": "6.0.0-beta.30",
|
||||
"@storybook/node-logger": "6.0.0-beta.30",
|
||||
"@storybook/react": "6.0.0-beta.30",
|
||||
"@storybook/source-loader": "6.0.0-beta.30",
|
||||
"@storybook/theming": "6.0.0-beta.30",
|
||||
"chromatic": "^4.0.2",
|
||||
"cors": "^2.8.5",
|
||||
"cross-env": "^7.0.0",
|
||||
|
||||
@ -11,7 +11,7 @@ import { MemoButton } from '../../components/MemoButton';
|
||||
parameters={{ controls: { expanded: false } }}
|
||||
/>
|
||||
|
||||
export const ArgsDisplay = (args = {}) => (
|
||||
export const ArgsStory = (args = {}) => (
|
||||
<table>
|
||||
<tbody>
|
||||
{Object.entries(args).map(([key, val]) => (
|
||||
@ -68,7 +68,7 @@ export const ArgsDisplay = (args = {}) => (
|
||||
},
|
||||
}}
|
||||
>
|
||||
{(args) => <ArgsDisplay {...args} />}
|
||||
{ArgsStory.bind({})}
|
||||
</Story>
|
||||
</Preview>
|
||||
|
||||
@ -88,7 +88,7 @@ export const ArgsDisplay = (args = {}) => (
|
||||
bar: '',
|
||||
}}
|
||||
>
|
||||
{(args) => <ArgsDisplay {...args} />}
|
||||
{ArgsStory.bind({})}
|
||||
</Story>
|
||||
</Preview>
|
||||
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "preact-example",
|
||||
"version": "6.0.0-beta.29",
|
||||
"version": "6.0.0-beta.30",
|
||||
"private": true,
|
||||
"scripts": {
|
||||
"build": "cross-env NODE_ENV=production webpack --progress --hide-modules",
|
||||
@ -15,17 +15,17 @@
|
||||
"devDependencies": {
|
||||
"@babel/core": "^7.9.6",
|
||||
"@babel/plugin-transform-runtime": "^7.9.6",
|
||||
"@storybook/addon-a11y": "6.0.0-beta.29",
|
||||
"@storybook/addon-actions": "6.0.0-beta.29",
|
||||
"@storybook/addon-backgrounds": "6.0.0-beta.29",
|
||||
"@storybook/addon-knobs": "6.0.0-beta.29",
|
||||
"@storybook/addon-links": "6.0.0-beta.29",
|
||||
"@storybook/addon-storyshots": "6.0.0-beta.29",
|
||||
"@storybook/addon-storysource": "6.0.0-beta.29",
|
||||
"@storybook/addon-viewport": "6.0.0-beta.29",
|
||||
"@storybook/addons": "6.0.0-beta.29",
|
||||
"@storybook/preact": "6.0.0-beta.29",
|
||||
"@storybook/source-loader": "6.0.0-beta.29",
|
||||
"@storybook/addon-a11y": "6.0.0-beta.30",
|
||||
"@storybook/addon-actions": "6.0.0-beta.30",
|
||||
"@storybook/addon-backgrounds": "6.0.0-beta.30",
|
||||
"@storybook/addon-knobs": "6.0.0-beta.30",
|
||||
"@storybook/addon-links": "6.0.0-beta.30",
|
||||
"@storybook/addon-storyshots": "6.0.0-beta.30",
|
||||
"@storybook/addon-storysource": "6.0.0-beta.30",
|
||||
"@storybook/addon-viewport": "6.0.0-beta.30",
|
||||
"@storybook/addons": "6.0.0-beta.30",
|
||||
"@storybook/preact": "6.0.0-beta.30",
|
||||
"@storybook/source-loader": "6.0.0-beta.30",
|
||||
"babel-loader": "^8.0.4",
|
||||
"cross-env": "^7.0.0",
|
||||
"file-loader": "^6.0.0",
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "rax-kitchen-sink",
|
||||
"version": "6.0.0-beta.29",
|
||||
"version": "6.0.0-beta.30",
|
||||
"private": true,
|
||||
"scripts": {
|
||||
"build": "build-scripts build",
|
||||
@ -20,20 +20,20 @@
|
||||
"devDependencies": {
|
||||
"@alib/build-scripts": "^0.1.8",
|
||||
"@babel/preset-react": "^7.7.4",
|
||||
"@storybook/addon-a11y": "6.0.0-beta.29",
|
||||
"@storybook/addon-actions": "6.0.0-beta.29",
|
||||
"@storybook/addon-backgrounds": "6.0.0-beta.29",
|
||||
"@storybook/addon-events": "6.0.0-beta.29",
|
||||
"@storybook/addon-jest": "6.0.0-beta.29",
|
||||
"@storybook/addon-knobs": "6.0.0-beta.29",
|
||||
"@storybook/addon-links": "6.0.0-beta.29",
|
||||
"@storybook/addon-storyshots": "6.0.0-beta.29",
|
||||
"@storybook/addon-storysource": "6.0.0-beta.29",
|
||||
"@storybook/addon-viewport": "6.0.0-beta.29",
|
||||
"@storybook/addons": "6.0.0-beta.29",
|
||||
"@storybook/rax": "6.0.0-beta.29",
|
||||
"@storybook/source-loader": "6.0.0-beta.29",
|
||||
"@storybook/theming": "6.0.0-beta.29",
|
||||
"@storybook/addon-a11y": "6.0.0-beta.30",
|
||||
"@storybook/addon-actions": "6.0.0-beta.30",
|
||||
"@storybook/addon-backgrounds": "6.0.0-beta.30",
|
||||
"@storybook/addon-events": "6.0.0-beta.30",
|
||||
"@storybook/addon-jest": "6.0.0-beta.30",
|
||||
"@storybook/addon-knobs": "6.0.0-beta.30",
|
||||
"@storybook/addon-links": "6.0.0-beta.30",
|
||||
"@storybook/addon-storyshots": "6.0.0-beta.30",
|
||||
"@storybook/addon-storysource": "6.0.0-beta.30",
|
||||
"@storybook/addon-viewport": "6.0.0-beta.30",
|
||||
"@storybook/addons": "6.0.0-beta.30",
|
||||
"@storybook/rax": "6.0.0-beta.30",
|
||||
"@storybook/source-loader": "6.0.0-beta.30",
|
||||
"@storybook/theming": "6.0.0-beta.30",
|
||||
"babel-eslint": "^10.0.3",
|
||||
"build-plugin-rax-app": "^0.2.0",
|
||||
"stylesheet-loader": "^0.8.0"
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/example-react-ts",
|
||||
"version": "6.0.0-beta.29",
|
||||
"version": "6.0.0-beta.30",
|
||||
"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 ./ --no-dll"
|
||||
},
|
||||
"dependencies": {
|
||||
"@storybook/addon-controls": "6.0.0-beta.29",
|
||||
"@storybook/addon-essentials": "6.0.0-beta.29",
|
||||
"@storybook/react": "6.0.0-beta.29",
|
||||
"@storybook/addon-controls": "6.0.0-beta.30",
|
||||
"@storybook/addon-essentials": "6.0.0-beta.30",
|
||||
"@storybook/react": "6.0.0-beta.30",
|
||||
"@types/react": "^16.9.35",
|
||||
"@types/react-dom": "^16.9.8",
|
||||
"prop-types": "15.7.2",
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "riot-example",
|
||||
"version": "6.0.0-beta.29",
|
||||
"version": "6.0.0-beta.30",
|
||||
"private": true,
|
||||
"scripts": {
|
||||
"build": "cross-env NODE_ENV=production webpack --progress --hide-modules",
|
||||
@ -15,17 +15,17 @@
|
||||
},
|
||||
"devDependencies": {
|
||||
"@babel/core": "^7.9.6",
|
||||
"@storybook/addon-a11y": "6.0.0-beta.29",
|
||||
"@storybook/addon-actions": "6.0.0-beta.29",
|
||||
"@storybook/addon-backgrounds": "6.0.0-beta.29",
|
||||
"@storybook/addon-knobs": "6.0.0-beta.29",
|
||||
"@storybook/addon-links": "6.0.0-beta.29",
|
||||
"@storybook/addon-storyshots": "6.0.0-beta.29",
|
||||
"@storybook/addon-storysource": "6.0.0-beta.29",
|
||||
"@storybook/addon-viewport": "6.0.0-beta.29",
|
||||
"@storybook/addons": "6.0.0-beta.29",
|
||||
"@storybook/riot": "6.0.0-beta.29",
|
||||
"@storybook/source-loader": "6.0.0-beta.29",
|
||||
"@storybook/addon-a11y": "6.0.0-beta.30",
|
||||
"@storybook/addon-actions": "6.0.0-beta.30",
|
||||
"@storybook/addon-backgrounds": "6.0.0-beta.30",
|
||||
"@storybook/addon-knobs": "6.0.0-beta.30",
|
||||
"@storybook/addon-links": "6.0.0-beta.30",
|
||||
"@storybook/addon-storyshots": "6.0.0-beta.30",
|
||||
"@storybook/addon-storysource": "6.0.0-beta.30",
|
||||
"@storybook/addon-viewport": "6.0.0-beta.30",
|
||||
"@storybook/addons": "6.0.0-beta.30",
|
||||
"@storybook/riot": "6.0.0-beta.30",
|
||||
"@storybook/source-loader": "6.0.0-beta.30",
|
||||
"babel-loader": "^8.0.4",
|
||||
"cross-env": "^7.0.0",
|
||||
"file-loader": "^6.0.0",
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "server-kitchen-sink",
|
||||
"version": "6.0.0-beta.29",
|
||||
"version": "6.0.0-beta.30",
|
||||
"private": true,
|
||||
"description": "",
|
||||
"keywords": [],
|
||||
@ -14,13 +14,13 @@
|
||||
"storybook": "SERVER_PORT=1137 start-storybook -p 9006 --quiet"
|
||||
},
|
||||
"devDependencies": {
|
||||
"@storybook/addon-a11y": "6.0.0-beta.29",
|
||||
"@storybook/addon-actions": "6.0.0-beta.29",
|
||||
"@storybook/addon-backgrounds": "6.0.0-beta.29",
|
||||
"@storybook/addon-knobs": "6.0.0-beta.29",
|
||||
"@storybook/addon-links": "6.0.0-beta.29",
|
||||
"@storybook/node-logger": "6.0.0-beta.29",
|
||||
"@storybook/server": "6.0.0-beta.29",
|
||||
"@storybook/addon-a11y": "6.0.0-beta.30",
|
||||
"@storybook/addon-actions": "6.0.0-beta.30",
|
||||
"@storybook/addon-backgrounds": "6.0.0-beta.30",
|
||||
"@storybook/addon-knobs": "6.0.0-beta.30",
|
||||
"@storybook/addon-links": "6.0.0-beta.30",
|
||||
"@storybook/node-logger": "6.0.0-beta.30",
|
||||
"@storybook/server": "6.0.0-beta.30",
|
||||
"concurrently": "^5.2.0",
|
||||
"cors": "^2.8.5",
|
||||
"express": "~4.17.1",
|
||||
|
||||
@ -1,12 +1,12 @@
|
||||
{
|
||||
"name": "standalone-preview",
|
||||
"version": "6.0.0-beta.29",
|
||||
"version": "6.0.0-beta.30",
|
||||
"private": true,
|
||||
"scripts": {
|
||||
"storybook": "parcel ./storybook.html --port 1337"
|
||||
},
|
||||
"devDependencies": {
|
||||
"@storybook/react": "6.0.0-beta.29",
|
||||
"@storybook/react": "6.0.0-beta.30",
|
||||
"parcel": "^1.12.3",
|
||||
"react": "^16.8.4",
|
||||
"react-dom": "^16.8.4"
|
||||
|
||||
@ -12,6 +12,7 @@ module.exports = {
|
||||
configureJSX: true,
|
||||
},
|
||||
},
|
||||
'@storybook/addon-controls',
|
||||
'@storybook/addon-links',
|
||||
'@storybook/addon-knobs',
|
||||
'@storybook/addon-backgrounds',
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "svelte-example",
|
||||
"version": "6.0.0-beta.29",
|
||||
"version": "6.0.0-beta.30",
|
||||
"private": true,
|
||||
"scripts": {
|
||||
"build-storybook": "build-storybook -s public",
|
||||
@ -10,18 +10,19 @@
|
||||
"global": "^4.3.2"
|
||||
},
|
||||
"devDependencies": {
|
||||
"@storybook/addon-a11y": "6.0.0-beta.29",
|
||||
"@storybook/addon-actions": "6.0.0-beta.29",
|
||||
"@storybook/addon-backgrounds": "6.0.0-beta.29",
|
||||
"@storybook/addon-docs": "6.0.0-beta.29",
|
||||
"@storybook/addon-knobs": "6.0.0-beta.29",
|
||||
"@storybook/addon-links": "6.0.0-beta.29",
|
||||
"@storybook/addon-storyshots": "6.0.0-beta.29",
|
||||
"@storybook/addon-storysource": "6.0.0-beta.29",
|
||||
"@storybook/addon-viewport": "6.0.0-beta.29",
|
||||
"@storybook/addons": "6.0.0-beta.29",
|
||||
"@storybook/source-loader": "6.0.0-beta.29",
|
||||
"@storybook/svelte": "6.0.0-beta.29"
|
||||
"@storybook/addon-a11y": "6.0.0-beta.30",
|
||||
"@storybook/addon-actions": "6.0.0-beta.30",
|
||||
"@storybook/addon-backgrounds": "6.0.0-beta.30",
|
||||
"@storybook/addon-controls": "6.0.0-beta.30",
|
||||
"@storybook/addon-docs": "6.0.0-beta.30",
|
||||
"@storybook/addon-knobs": "6.0.0-beta.30",
|
||||
"@storybook/addon-links": "6.0.0-beta.30",
|
||||
"@storybook/addon-storyshots": "6.0.0-beta.30",
|
||||
"@storybook/addon-storysource": "6.0.0-beta.30",
|
||||
"@storybook/addon-viewport": "6.0.0-beta.30",
|
||||
"@storybook/addons": "6.0.0-beta.30",
|
||||
"@storybook/source-loader": "6.0.0-beta.30",
|
||||
"@storybook/svelte": "6.0.0-beta.30"
|
||||
},
|
||||
"storybook": {
|
||||
"chromatic": {
|
||||
|
||||
@ -0,0 +1,26 @@
|
||||
import ButtonView from './views/ButtonView.svelte';
|
||||
|
||||
export default {
|
||||
title: 'Addon/Controls',
|
||||
argTypes: {
|
||||
rounded: { type: { name: 'boolean' } },
|
||||
message: { type: { name: 'string' } },
|
||||
},
|
||||
};
|
||||
|
||||
const ButtonStory = (args) => ({
|
||||
Component: ButtonView,
|
||||
props: args,
|
||||
});
|
||||
|
||||
export const Rounded = ButtonStory.bind({});
|
||||
Rounded.args = {
|
||||
rounded: true,
|
||||
message: 'Rounded text',
|
||||
};
|
||||
|
||||
export const Square = ButtonStory.bind({});
|
||||
Square.args = {
|
||||
rounded: false,
|
||||
message: 'Squared text',
|
||||
};
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "vue-cli-example",
|
||||
"version": "6.0.0-beta.29",
|
||||
"version": "6.0.0-beta.30",
|
||||
"private": true,
|
||||
"scripts": {
|
||||
"build": "vue-cli-service build",
|
||||
@ -15,10 +15,10 @@
|
||||
"vue-property-decorator": "^8.4.1"
|
||||
},
|
||||
"devDependencies": {
|
||||
"@storybook/addon-essentials": "6.0.0-beta.29",
|
||||
"@storybook/addon-essentials": "6.0.0-beta.30",
|
||||
"@storybook/preset-scss": "^1.0.2",
|
||||
"@storybook/source-loader": "6.0.0-beta.29",
|
||||
"@storybook/vue": "6.0.0-beta.29",
|
||||
"@storybook/source-loader": "6.0.0-beta.30",
|
||||
"@storybook/vue": "6.0.0-beta.30",
|
||||
"@vue/cli-plugin-babel": "~4.3.0",
|
||||
"@vue/cli-plugin-typescript": "~4.3.0",
|
||||
"@vue/cli-service": "~4.3.0",
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "vue-example",
|
||||
"version": "6.0.0-beta.29",
|
||||
"version": "6.0.0-beta.30",
|
||||
"private": true,
|
||||
"scripts": {
|
||||
"build": "cross-env NODE_ENV=production webpack --progress --hide-modules",
|
||||
@ -14,19 +14,19 @@
|
||||
},
|
||||
"devDependencies": {
|
||||
"@babel/core": "^7.9.6",
|
||||
"@storybook/addon-a11y": "6.0.0-beta.29",
|
||||
"@storybook/addon-actions": "6.0.0-beta.29",
|
||||
"@storybook/addon-backgrounds": "6.0.0-beta.29",
|
||||
"@storybook/addon-controls": "6.0.0-beta.29",
|
||||
"@storybook/addon-docs": "6.0.0-beta.29",
|
||||
"@storybook/addon-knobs": "6.0.0-beta.29",
|
||||
"@storybook/addon-links": "6.0.0-beta.29",
|
||||
"@storybook/addon-storyshots": "6.0.0-beta.29",
|
||||
"@storybook/addon-storysource": "6.0.0-beta.29",
|
||||
"@storybook/addon-viewport": "6.0.0-beta.29",
|
||||
"@storybook/addons": "6.0.0-beta.29",
|
||||
"@storybook/source-loader": "6.0.0-beta.29",
|
||||
"@storybook/vue": "6.0.0-beta.29",
|
||||
"@storybook/addon-a11y": "6.0.0-beta.30",
|
||||
"@storybook/addon-actions": "6.0.0-beta.30",
|
||||
"@storybook/addon-backgrounds": "6.0.0-beta.30",
|
||||
"@storybook/addon-controls": "6.0.0-beta.30",
|
||||
"@storybook/addon-docs": "6.0.0-beta.30",
|
||||
"@storybook/addon-knobs": "6.0.0-beta.30",
|
||||
"@storybook/addon-links": "6.0.0-beta.30",
|
||||
"@storybook/addon-storyshots": "6.0.0-beta.30",
|
||||
"@storybook/addon-storysource": "6.0.0-beta.30",
|
||||
"@storybook/addon-viewport": "6.0.0-beta.30",
|
||||
"@storybook/addons": "6.0.0-beta.30",
|
||||
"@storybook/source-loader": "6.0.0-beta.30",
|
||||
"@storybook/vue": "6.0.0-beta.30",
|
||||
"@vue/babel-preset-jsx": "^1.1.2",
|
||||
"babel-loader": "^8.0.5",
|
||||
"cross-env": "^7.0.0",
|
||||
|
||||
@ -0,0 +1,29 @@
|
||||
import MyButton from './Button.vue';
|
||||
|
||||
export default {
|
||||
title: 'Addon/Controls',
|
||||
component: MyButton,
|
||||
argTypes: {
|
||||
color: { control: { type: 'color' } },
|
||||
},
|
||||
};
|
||||
|
||||
const ButtonStory = (args) => ({
|
||||
props: Object.keys(args),
|
||||
components: { MyButton },
|
||||
template: '<my-button :color="color" :rounded="rounded">{{label}}</my-button>',
|
||||
});
|
||||
|
||||
export const Rounded = ButtonStory.bind({});
|
||||
Rounded.args = {
|
||||
rounded: true,
|
||||
color: '#f00',
|
||||
label: 'A Button with rounded edges',
|
||||
};
|
||||
|
||||
export const Square = ButtonStory.bind({});
|
||||
Square.args = {
|
||||
rounded: false,
|
||||
color: '#00f',
|
||||
label: 'A Button with square edges',
|
||||
};
|
||||
@ -0,0 +1,50 @@
|
||||
import { Meta, Preview, Story } from '@storybook/addon-docs/blocks';
|
||||
import MyButton from './Button.vue';
|
||||
|
||||
<Meta
|
||||
title="Addon/ControlsMDX"
|
||||
component={MyButton}
|
||||
argTypes={{
|
||||
color: { control: { type: 'color' } },
|
||||
}}
|
||||
/>
|
||||
|
||||
export const ButtonStory = (args) => ({
|
||||
props: Object.keys(args),
|
||||
components: { MyButton },
|
||||
template: '<my-button :color="color" :rounded="rounded">{{label}}</my-button>',
|
||||
});
|
||||
|
||||
# Addon-controls in MDX
|
||||
|
||||
Controls can also be defined and used in MDX stories.
|
||||
|
||||
## Rounded
|
||||
|
||||
<Preview>
|
||||
<Story
|
||||
name="Rounded"
|
||||
args={{
|
||||
rounded: true,
|
||||
color: '#f00',
|
||||
label: 'A Button with rounded edges',
|
||||
}}
|
||||
>
|
||||
{ButtonStory.bind({})}
|
||||
</Story>
|
||||
</Preview>
|
||||
|
||||
## Square
|
||||
|
||||
<Preview>
|
||||
<Story
|
||||
name="Square"
|
||||
args={{
|
||||
rounded: false,
|
||||
color: '#00f',
|
||||
label: 'A Button with square edges',
|
||||
}}
|
||||
>
|
||||
{ButtonStory.bind({})}
|
||||
</Story>
|
||||
</Preview>
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "web-components-kitchen-sink",
|
||||
"version": "6.0.0-beta.29",
|
||||
"version": "6.0.0-beta.30",
|
||||
"private": true,
|
||||
"description": "",
|
||||
"keywords": [],
|
||||
@ -12,24 +12,24 @@
|
||||
"storybook": "start-storybook -p 9006"
|
||||
},
|
||||
"devDependencies": {
|
||||
"@storybook/addon-a11y": "6.0.0-beta.29",
|
||||
"@storybook/addon-actions": "6.0.0-beta.29",
|
||||
"@storybook/addon-backgrounds": "6.0.0-beta.29",
|
||||
"@storybook/addon-controls": "6.0.0-beta.29",
|
||||
"@storybook/addon-docs": "6.0.0-beta.29",
|
||||
"@storybook/addon-events": "6.0.0-beta.29",
|
||||
"@storybook/addon-jest": "6.0.0-beta.29",
|
||||
"@storybook/addon-knobs": "6.0.0-beta.29",
|
||||
"@storybook/addon-links": "6.0.0-beta.29",
|
||||
"@storybook/addon-storyshots": "6.0.0-beta.29",
|
||||
"@storybook/addon-storysource": "6.0.0-beta.29",
|
||||
"@storybook/addon-viewport": "6.0.0-beta.29",
|
||||
"@storybook/addons": "6.0.0-beta.29",
|
||||
"@storybook/client-api": "6.0.0-beta.29",
|
||||
"@storybook/core": "6.0.0-beta.29",
|
||||
"@storybook/core-events": "6.0.0-beta.29",
|
||||
"@storybook/source-loader": "6.0.0-beta.29",
|
||||
"@storybook/web-components": "6.0.0-beta.29",
|
||||
"@storybook/addon-a11y": "6.0.0-beta.30",
|
||||
"@storybook/addon-actions": "6.0.0-beta.30",
|
||||
"@storybook/addon-backgrounds": "6.0.0-beta.30",
|
||||
"@storybook/addon-controls": "6.0.0-beta.30",
|
||||
"@storybook/addon-docs": "6.0.0-beta.30",
|
||||
"@storybook/addon-events": "6.0.0-beta.30",
|
||||
"@storybook/addon-jest": "6.0.0-beta.30",
|
||||
"@storybook/addon-knobs": "6.0.0-beta.30",
|
||||
"@storybook/addon-links": "6.0.0-beta.30",
|
||||
"@storybook/addon-storyshots": "6.0.0-beta.30",
|
||||
"@storybook/addon-storysource": "6.0.0-beta.30",
|
||||
"@storybook/addon-viewport": "6.0.0-beta.30",
|
||||
"@storybook/addons": "6.0.0-beta.30",
|
||||
"@storybook/client-api": "6.0.0-beta.30",
|
||||
"@storybook/core": "6.0.0-beta.30",
|
||||
"@storybook/core-events": "6.0.0-beta.30",
|
||||
"@storybook/source-loader": "6.0.0-beta.30",
|
||||
"@storybook/web-components": "6.0.0-beta.30",
|
||||
"babel-loader": "^8.0.5",
|
||||
"eventemitter3": "^4.0.0",
|
||||
"format-json": "^1.0.3",
|
||||
|
||||
@ -0,0 +1,33 @@
|
||||
/* eslint-disable import/extensions */
|
||||
import { html } from 'lit-html';
|
||||
import '../demo-wc-card.js';
|
||||
|
||||
export default {
|
||||
title: 'Addons/Controls',
|
||||
component: 'demo-wc-card',
|
||||
};
|
||||
|
||||
const CardStory = ({ backSide, header, rows }) =>
|
||||
html`
|
||||
<demo-wc-card .backSide="${backSide}" .header="${header}" .rows="${rows}"
|
||||
>A simple card</demo-wc-card
|
||||
>
|
||||
`;
|
||||
|
||||
export const Front = CardStory.bind({});
|
||||
Front.args = { backSide: false, header: undefined, rows: [] };
|
||||
|
||||
export const Back = CardStory.bind({});
|
||||
Back.args = { ...Front.args, backSide: true };
|
||||
|
||||
export const FrontOwnHeader = CardStory.bind({});
|
||||
FrontOwnHeader.args = { ...Front.args, header: 'My own Header' };
|
||||
|
||||
export const BackWithData = CardStory.bind({});
|
||||
BackWithData.args = {
|
||||
...Back.args,
|
||||
rows: [
|
||||
{ header: 'health', value: '200' },
|
||||
{ header: 'mana', value: '100' },
|
||||
],
|
||||
};
|
||||
@ -2,5 +2,5 @@
|
||||
"npmClient": "yarn",
|
||||
"useWorkspaces": true,
|
||||
"registry": "https://registry.npmjs.org",
|
||||
"version": "6.0.0-beta.29"
|
||||
"version": "6.0.0-beta.30"
|
||||
}
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/addons",
|
||||
"version": "6.0.0-beta.29",
|
||||
"version": "6.0.0-beta.30",
|
||||
"description": "Storybook addons store",
|
||||
"keywords": [
|
||||
"storybook"
|
||||
@ -28,12 +28,12 @@
|
||||
"prepare": "node ../../scripts/prepare.js"
|
||||
},
|
||||
"dependencies": {
|
||||
"@storybook/api": "6.0.0-beta.29",
|
||||
"@storybook/channels": "6.0.0-beta.29",
|
||||
"@storybook/client-logger": "6.0.0-beta.29",
|
||||
"@storybook/core-events": "6.0.0-beta.29",
|
||||
"@storybook/router": "6.0.0-beta.29",
|
||||
"@storybook/theming": "6.0.0-beta.29",
|
||||
"@storybook/api": "6.0.0-beta.30",
|
||||
"@storybook/channels": "6.0.0-beta.30",
|
||||
"@storybook/client-logger": "6.0.0-beta.30",
|
||||
"@storybook/core-events": "6.0.0-beta.30",
|
||||
"@storybook/router": "6.0.0-beta.30",
|
||||
"@storybook/theming": "6.0.0-beta.30",
|
||||
"core-js": "^3.0.1",
|
||||
"global": "^4.3.2",
|
||||
"regenerator-runtime": "^0.13.3"
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/api",
|
||||
"version": "6.0.0-beta.29",
|
||||
"version": "6.0.0-beta.30",
|
||||
"description": "Core Storybook API & Context",
|
||||
"keywords": [
|
||||
"storybook"
|
||||
@ -28,13 +28,13 @@
|
||||
},
|
||||
"dependencies": {
|
||||
"@reach/router": "^1.3.3",
|
||||
"@storybook/channels": "6.0.0-beta.29",
|
||||
"@storybook/client-logger": "6.0.0-beta.29",
|
||||
"@storybook/core-events": "6.0.0-beta.29",
|
||||
"@storybook/channels": "6.0.0-beta.30",
|
||||
"@storybook/client-logger": "6.0.0-beta.30",
|
||||
"@storybook/core-events": "6.0.0-beta.30",
|
||||
"@storybook/csf": "0.0.1",
|
||||
"@storybook/router": "6.0.0-beta.29",
|
||||
"@storybook/router": "6.0.0-beta.30",
|
||||
"@storybook/semver": "^7.3.2",
|
||||
"@storybook/theming": "6.0.0-beta.29",
|
||||
"@storybook/theming": "6.0.0-beta.30",
|
||||
"@types/reach__router": "^1.3.5",
|
||||
"core-js": "^3.0.1",
|
||||
"fast-deep-equal": "^3.1.1",
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/channel-postmessage",
|
||||
"version": "6.0.0-beta.29",
|
||||
"version": "6.0.0-beta.30",
|
||||
"description": "",
|
||||
"keywords": [
|
||||
"storybook"
|
||||
@ -28,9 +28,9 @@
|
||||
"prepare": "node ../../scripts/prepare.js"
|
||||
},
|
||||
"dependencies": {
|
||||
"@storybook/channels": "6.0.0-beta.29",
|
||||
"@storybook/client-logger": "6.0.0-beta.29",
|
||||
"@storybook/core-events": "6.0.0-beta.29",
|
||||
"@storybook/channels": "6.0.0-beta.30",
|
||||
"@storybook/client-logger": "6.0.0-beta.30",
|
||||
"@storybook/core-events": "6.0.0-beta.30",
|
||||
"core-js": "^3.0.1",
|
||||
"global": "^4.3.2",
|
||||
"telejson": "^4.0.0"
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/channel-websocket",
|
||||
"version": "6.0.0-beta.29",
|
||||
"version": "6.0.0-beta.30",
|
||||
"description": "",
|
||||
"keywords": [
|
||||
"storybook"
|
||||
@ -28,7 +28,7 @@
|
||||
"prepare": "node ../../scripts/prepare.js"
|
||||
},
|
||||
"dependencies": {
|
||||
"@storybook/channels": "6.0.0-beta.29",
|
||||
"@storybook/channels": "6.0.0-beta.30",
|
||||
"core-js": "^3.0.1",
|
||||
"global": "^4.3.2",
|
||||
"telejson": "^4.0.0"
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/channels",
|
||||
"version": "6.0.0-beta.29",
|
||||
"version": "6.0.0-beta.30",
|
||||
"description": "",
|
||||
"keywords": [
|
||||
"storybook"
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "sb",
|
||||
"version": "6.0.0-beta.29",
|
||||
"version": "6.0.0-beta.30",
|
||||
"description": "Storybook CLI",
|
||||
"keywords": [
|
||||
"storybook"
|
||||
@ -22,7 +22,7 @@
|
||||
"prepare": "node ../../scripts/prepare.js"
|
||||
},
|
||||
"dependencies": {
|
||||
"@storybook/cli": "6.0.0-beta.29"
|
||||
"@storybook/cli": "6.0.0-beta.30"
|
||||
},
|
||||
"publishConfig": {
|
||||
"access": "public"
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "storybook",
|
||||
"version": "6.0.0-beta.29",
|
||||
"version": "6.0.0-beta.30",
|
||||
"description": "Storybook CLI",
|
||||
"keywords": [
|
||||
"storybook"
|
||||
@ -23,7 +23,7 @@
|
||||
"prepare": "node ../../scripts/prepare.js"
|
||||
},
|
||||
"dependencies": {
|
||||
"@storybook/cli": "6.0.0-beta.29"
|
||||
"@storybook/cli": "6.0.0-beta.30"
|
||||
},
|
||||
"publishConfig": {
|
||||
"access": "public"
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/cli",
|
||||
"version": "6.0.0-beta.29",
|
||||
"version": "6.0.0-beta.30",
|
||||
"description": "Storybook's CLI - easiest method of adding storybook to your projects",
|
||||
"keywords": [
|
||||
"cli",
|
||||
@ -40,8 +40,8 @@
|
||||
"dependencies": {
|
||||
"@babel/core": "^7.9.6",
|
||||
"@babel/preset-env": "^7.9.6",
|
||||
"@storybook/codemod": "6.0.0-beta.29",
|
||||
"@storybook/node-logger": "6.0.0-beta.29",
|
||||
"@storybook/codemod": "6.0.0-beta.30",
|
||||
"@storybook/node-logger": "6.0.0-beta.30",
|
||||
"@storybook/semver": "^7.3.2",
|
||||
"chalk": "^4.0.0",
|
||||
"commander": "^5.0.0",
|
||||
@ -63,30 +63,30 @@
|
||||
"update-notifier": "^4.0.0"
|
||||
},
|
||||
"devDependencies": {
|
||||
"@storybook/addon-actions": "6.0.0-beta.29",
|
||||
"@storybook/addon-graphql": "6.0.0-beta.29",
|
||||
"@storybook/addon-knobs": "6.0.0-beta.29",
|
||||
"@storybook/addon-links": "6.0.0-beta.29",
|
||||
"@storybook/addon-storyshots": "6.0.0-beta.29",
|
||||
"@storybook/addons": "6.0.0-beta.29",
|
||||
"@storybook/angular": "6.0.0-beta.29",
|
||||
"@storybook/channel-postmessage": "6.0.0-beta.29",
|
||||
"@storybook/channel-websocket": "6.0.0-beta.29",
|
||||
"@storybook/channels": "6.0.0-beta.29",
|
||||
"@storybook/ember": "6.0.0-beta.29",
|
||||
"@storybook/html": "6.0.0-beta.29",
|
||||
"@storybook/marionette": "6.0.0-beta.29",
|
||||
"@storybook/marko": "6.0.0-beta.29",
|
||||
"@storybook/mithril": "6.0.0-beta.29",
|
||||
"@storybook/preact": "6.0.0-beta.29",
|
||||
"@storybook/rax": "6.0.0-beta.29",
|
||||
"@storybook/react": "6.0.0-beta.29",
|
||||
"@storybook/addon-actions": "6.0.0-beta.30",
|
||||
"@storybook/addon-graphql": "6.0.0-beta.30",
|
||||
"@storybook/addon-knobs": "6.0.0-beta.30",
|
||||
"@storybook/addon-links": "6.0.0-beta.30",
|
||||
"@storybook/addon-storyshots": "6.0.0-beta.30",
|
||||
"@storybook/addons": "6.0.0-beta.30",
|
||||
"@storybook/angular": "6.0.0-beta.30",
|
||||
"@storybook/channel-postmessage": "6.0.0-beta.30",
|
||||
"@storybook/channel-websocket": "6.0.0-beta.30",
|
||||
"@storybook/channels": "6.0.0-beta.30",
|
||||
"@storybook/ember": "6.0.0-beta.30",
|
||||
"@storybook/html": "6.0.0-beta.30",
|
||||
"@storybook/marionette": "6.0.0-beta.30",
|
||||
"@storybook/marko": "6.0.0-beta.30",
|
||||
"@storybook/mithril": "6.0.0-beta.30",
|
||||
"@storybook/preact": "6.0.0-beta.30",
|
||||
"@storybook/rax": "6.0.0-beta.30",
|
||||
"@storybook/react": "6.0.0-beta.30",
|
||||
"@storybook/react-native": "6.0.0-alpha.0",
|
||||
"@storybook/riot": "6.0.0-beta.29",
|
||||
"@storybook/svelte": "6.0.0-beta.29",
|
||||
"@storybook/ui": "6.0.0-beta.29",
|
||||
"@storybook/vue": "6.0.0-beta.29",
|
||||
"@storybook/web-components": "6.0.0-beta.29",
|
||||
"@storybook/riot": "6.0.0-beta.30",
|
||||
"@storybook/svelte": "6.0.0-beta.30",
|
||||
"@storybook/ui": "6.0.0-beta.30",
|
||||
"@storybook/vue": "6.0.0-beta.30",
|
||||
"@storybook/web-components": "6.0.0-beta.30",
|
||||
"@types/cross-spawn": "^6.0.1",
|
||||
"@types/inquirer": "^6.5.0",
|
||||
"@types/puppeteer-core": "^2.0.0",
|
||||
|
||||
@ -1,17 +1,17 @@
|
||||
{
|
||||
"@storybook/angular": "6.0.0-beta.29",
|
||||
"@storybook/aurelia": "6.0.0-beta.29",
|
||||
"@storybook/ember": "6.0.0-beta.29",
|
||||
"@storybook/html": "6.0.0-beta.29",
|
||||
"@storybook/marionette": "6.0.0-beta.29",
|
||||
"@storybook/marko": "6.0.0-beta.29",
|
||||
"@storybook/mithril": "6.0.0-beta.29",
|
||||
"@storybook/preact": "6.0.0-beta.29",
|
||||
"@storybook/rax": "6.0.0-beta.29",
|
||||
"@storybook/react": "6.0.0-beta.29",
|
||||
"@storybook/riot": "6.0.0-beta.29",
|
||||
"@storybook/server": "6.0.0-beta.29",
|
||||
"@storybook/svelte": "6.0.0-beta.29",
|
||||
"@storybook/vue": "6.0.0-beta.29",
|
||||
"@storybook/web-components": "6.0.0-beta.29"
|
||||
"@storybook/angular": "6.0.0-beta.30",
|
||||
"@storybook/aurelia": "6.0.0-beta.30",
|
||||
"@storybook/ember": "6.0.0-beta.30",
|
||||
"@storybook/html": "6.0.0-beta.30",
|
||||
"@storybook/marionette": "6.0.0-beta.30",
|
||||
"@storybook/marko": "6.0.0-beta.30",
|
||||
"@storybook/mithril": "6.0.0-beta.30",
|
||||
"@storybook/preact": "6.0.0-beta.30",
|
||||
"@storybook/rax": "6.0.0-beta.30",
|
||||
"@storybook/react": "6.0.0-beta.30",
|
||||
"@storybook/riot": "6.0.0-beta.30",
|
||||
"@storybook/server": "6.0.0-beta.30",
|
||||
"@storybook/svelte": "6.0.0-beta.30",
|
||||
"@storybook/vue": "6.0.0-beta.30",
|
||||
"@storybook/web-components": "6.0.0-beta.30"
|
||||
}
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/client-api",
|
||||
"version": "6.0.0-beta.29",
|
||||
"version": "6.0.0-beta.30",
|
||||
"description": "Storybook Client API",
|
||||
"keywords": [
|
||||
"storybook"
|
||||
@ -28,11 +28,11 @@
|
||||
"prepare": "node ../../scripts/prepare.js"
|
||||
},
|
||||
"dependencies": {
|
||||
"@storybook/addons": "6.0.0-beta.29",
|
||||
"@storybook/channel-postmessage": "6.0.0-beta.29",
|
||||
"@storybook/channels": "6.0.0-beta.29",
|
||||
"@storybook/client-logger": "6.0.0-beta.29",
|
||||
"@storybook/core-events": "6.0.0-beta.29",
|
||||
"@storybook/addons": "6.0.0-beta.30",
|
||||
"@storybook/channel-postmessage": "6.0.0-beta.30",
|
||||
"@storybook/channels": "6.0.0-beta.30",
|
||||
"@storybook/client-logger": "6.0.0-beta.30",
|
||||
"@storybook/core-events": "6.0.0-beta.30",
|
||||
"@storybook/csf": "0.0.1",
|
||||
"@types/qs": "^6.9.0",
|
||||
"@types/webpack-env": "^1.15.2",
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/client-logger",
|
||||
"version": "6.0.0-beta.29",
|
||||
"version": "6.0.0-beta.30",
|
||||
"description": "",
|
||||
"keywords": [
|
||||
"storybook"
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/codemod",
|
||||
"version": "6.0.0-beta.29",
|
||||
"version": "6.0.0-beta.30",
|
||||
"description": "A collection of codemod scripts written with JSCodeshift",
|
||||
"keywords": [
|
||||
"storybook"
|
||||
@ -30,7 +30,7 @@
|
||||
"dependencies": {
|
||||
"@mdx-js/mdx": "^1.5.1",
|
||||
"@storybook/csf": "0.0.1",
|
||||
"@storybook/node-logger": "6.0.0-beta.29",
|
||||
"@storybook/node-logger": "6.0.0-beta.30",
|
||||
"core-js": "^3.0.1",
|
||||
"cross-spawn": "^7.0.0",
|
||||
"globby": "^11.0.0",
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/components",
|
||||
"version": "6.0.0-beta.29",
|
||||
"version": "6.0.0-beta.30",
|
||||
"description": "Core Storybook Components",
|
||||
"keywords": [
|
||||
"storybook"
|
||||
@ -28,9 +28,9 @@
|
||||
"prepare": "node ../../scripts/prepare.js"
|
||||
},
|
||||
"dependencies": {
|
||||
"@storybook/client-logger": "6.0.0-beta.29",
|
||||
"@storybook/client-logger": "6.0.0-beta.30",
|
||||
"@storybook/csf": "0.0.1",
|
||||
"@storybook/theming": "6.0.0-beta.29",
|
||||
"@storybook/theming": "6.0.0-beta.30",
|
||||
"@types/overlayscrollbars": "^1.9.0",
|
||||
"@types/react-color": "^3.0.1",
|
||||
"@types/react-syntax-highlighter": "11.0.4",
|
||||
|
||||
@ -122,53 +122,55 @@ const withArgs = {
|
||||
updateArgs: action('updateArgs'),
|
||||
};
|
||||
|
||||
export const String = (args) => <ArgRow {...args} />;
|
||||
const ArgRowStory = (args) => <ArgRow {...args} />;
|
||||
|
||||
export const String = ArgRowStory.bind({});
|
||||
String.args = {
|
||||
row: stringType,
|
||||
};
|
||||
export const LongName = (args) => <ArgRow {...args} />;
|
||||
export const LongName = ArgRowStory.bind({});
|
||||
LongName.args = {
|
||||
row: longNameType,
|
||||
};
|
||||
export const LongDesc = (args) => <ArgRow {...args} />;
|
||||
export const LongDesc = ArgRowStory.bind({});
|
||||
LongDesc.args = {
|
||||
row: longDescType,
|
||||
};
|
||||
export const Number = (args) => <ArgRow {...args} />;
|
||||
export const Number = ArgRowStory.bind({});
|
||||
Number.args = {
|
||||
row: numberType,
|
||||
};
|
||||
export const ObjectOf = (args) => <ArgRow {...args} />;
|
||||
export const ObjectOf = ArgRowStory.bind({});
|
||||
ObjectOf.args = {
|
||||
row: objectType,
|
||||
};
|
||||
export const ArrayOf = (args) => <ArgRow {...args} />;
|
||||
export const ArrayOf = ArgRowStory.bind({});
|
||||
ArrayOf.args = {
|
||||
row: arrayType,
|
||||
};
|
||||
export const ComplexObject = (args) => <ArgRow {...args} />;
|
||||
export const ComplexObject = ArgRowStory.bind({});
|
||||
ComplexObject.args = {
|
||||
row: complexType,
|
||||
};
|
||||
export const Func = (args) => <ArgRow {...args} />;
|
||||
export const Func = ArgRowStory.bind({});
|
||||
Func.args = {
|
||||
row: funcType,
|
||||
};
|
||||
export const Markdown = (args) => <ArgRow {...args} />;
|
||||
export const Markdown = ArgRowStory.bind({});
|
||||
Markdown.args = {
|
||||
row: markdownType,
|
||||
};
|
||||
export const StringCompact = (args) => <ArgRow {...args} />;
|
||||
export const StringCompact = ArgRowStory.bind({});
|
||||
StringCompact.args = {
|
||||
...String.args,
|
||||
compact: true,
|
||||
};
|
||||
export const Args = (args) => <ArgRow {...args} />;
|
||||
export const Args = ArgRowStory.bind({});
|
||||
Args.args = {
|
||||
...String.args,
|
||||
...withArgs,
|
||||
};
|
||||
export const ArgsCompact = (args) => <ArgRow {...args} />;
|
||||
export const ArgsCompact = ArgRowStory.bind({});
|
||||
ArgsCompact.args = {
|
||||
...Args.args,
|
||||
compact: true,
|
||||
|
||||
@ -13,7 +13,9 @@ const eventsSection = { category: 'events ' };
|
||||
const stringType = ArgRow.String.args.row;
|
||||
const numberType = ArgRow.Number.args.row;
|
||||
|
||||
export const Normal = (args) => <ArgsTable {...args} />;
|
||||
const ArgsTableStory = (args) => <ArgsTable {...args} />;
|
||||
|
||||
export const Normal = ArgsTableStory.bind({});
|
||||
Normal.args = {
|
||||
rows: {
|
||||
stringType,
|
||||
@ -21,7 +23,7 @@ Normal.args = {
|
||||
},
|
||||
};
|
||||
|
||||
export const Compact = (args) => <ArgsTable {...args} />;
|
||||
export const Compact = ArgsTableStory.bind({});
|
||||
Compact.args = {
|
||||
...Normal.args,
|
||||
compact: true,
|
||||
@ -33,21 +35,21 @@ const sectionRows = {
|
||||
c: { ...stringType, table: { ...stringType.table, ...eventsSection } },
|
||||
};
|
||||
|
||||
export const Sections = (args) => <ArgsTable {...args} />;
|
||||
export const Sections = ArgsTableStory.bind({});
|
||||
Sections.args = {
|
||||
rows: sectionRows,
|
||||
};
|
||||
|
||||
export const SectionsCompact = (args) => <ArgsTable {...args} />;
|
||||
export const SectionsCompact = ArgsTableStory.bind({});
|
||||
SectionsCompact.args = {
|
||||
...Sections.args,
|
||||
compact: true,
|
||||
};
|
||||
|
||||
export const Error = (args) => <ArgsTable {...args} />;
|
||||
export const Error = ArgsTableStory.bind({});
|
||||
Error.args = {
|
||||
error: ArgsTableError.NO_COMPONENT,
|
||||
};
|
||||
|
||||
export const Empty = (args) => <ArgsTable {...args} />;
|
||||
export const Empty = ArgsTableStory.bind({});
|
||||
Empty.args = { rows: {} };
|
||||
|
||||
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