Merge remote-tracking branch 'origin/next' into tech/docs-2-0

This commit is contained in:
Tom Coleman 2022-03-29 17:35:43 +11:00
commit 47dd010f74
152 changed files with 3080 additions and 1675 deletions

View File

@ -226,6 +226,27 @@ jobs:
- store_artifacts:
path: /tmp/cypress-record
destination: cypress
e2e-tests-sb-docs:
executor:
class: large
name: sb_cypress_8_node_14
parallelism: 2
steps:
- git-shallow-clone/checkout_advanced:
clone_options: '--depth 1 --verbose'
- attach_workspace:
at: .
- run:
name: Running local registry
command: yarn local-registry --port 6000 --open
background: true
- run:
name: Wait for registry
command: yarn wait-on http://localhost:6000
- run:
name: Run smoke tests
command: yarn test:e2e-framework angular_modern_inline_rendering --test-runner --docs-mode
no_output_timeout: 5m
cra-bench:
executor:
class: medium
@ -439,6 +460,9 @@ workflows:
- e2e-tests-core:
requires:
- publish
- e2e-tests-sb-docs:
requires:
- publish
- e2e-tests-pnp:
requires:
- publish

View File

@ -12,7 +12,7 @@ If your answer is yes to any of these, please make sure to include it in your PR
<!--
Everybody: Please submit all PRs to the `next` branch unless they are specific to the current release. Storybook maintainers cherry-pick bug and documentation fixes into the `master` branch as part of the release process, so you shouldn't need to worry about this.
Everybody: Please submit all PRs to the `next` branch unless they are specific to the current release. Storybook maintainers cherry-pick bug and documentation fixes into the `master` branch as part of the release process, so you shouldn't need to worry about this. For additional guidance: https://storybook.js.org/docs/react/contribute/how-to-contribute
Maintainers: Please tag your pull request with at least one of the following:
`["cleanup", "BREAKING CHANGE", "feature request", "bug", "documentation", "maintenance", "dependencies", "other"]`

9
.gitpod.yml Normal file
View File

@ -0,0 +1,9 @@
# This configuration file was automatically generated by Gitpod.
# Please adjust to your needs (see https://www.gitpod.io/docs/config-gitpod-file)
# and commit this file to your remote git repository to share the goodness with others.
tasks:
- init: yarn
command: yarn bootstrap --core

View File

@ -1,3 +1,37 @@
## 6.5.0-alpha.51 (March 25, 2022)
### Features
- SyntaxHighlighter: Add prettier for code formatting ([#17746](https://github.com/storybookjs/storybook/pull/17746))
### Maintenance
- Build: Add main overrides to e2e config and possibility to run test runner ([#17778](https://github.com/storybookjs/storybook/pull/17778))
## 6.5.0-alpha.50 (March 23, 2022)
### Features
- Controls: Add conditional controls ([#17536](https://github.com/storybookjs/storybook/pull/17536))
- Core: Add headers to enable SharedArrayBuffer in stories ([#16970](https://github.com/storybookjs/storybook/pull/16970))
- UI: Button for toggling addons panel ([#17714](https://github.com/storybookjs/storybook/pull/17714))
### Bug Fixes
- Core: Ensure simultaneous first access to stories.json waits ([#17785](https://github.com/storybookjs/storybook/pull/17785))
- Reload iframe when the url changes ([#17644](https://github.com/storybookjs/storybook/pull/17644))
- UI: Fix brand logo layout shift ([#16467](https://github.com/storybookjs/storybook/pull/16467))
- UI: Fix nesting issue for refs in sidebar component ([#17726](https://github.com/storybookjs/storybook/pull/17726))
- Core: Fix filesystem cache missing return ([#17748](https://github.com/storybookjs/storybook/pull/17748))
- Addon-docs: Fix binding of the `renderStoryToElement` passed to `DocsRender` ([#17742](https://github.com/storybookjs/storybook/pull/17742))
### Maintenance
- Addon-docs/Vue: Add tests for sourceDecorator vnodeToString ([#17764](https://github.com/storybookjs/storybook/pull/17764))
- Controls: Date control tests ([#17765](https://github.com/storybookjs/storybook/pull/17765))
- Remove mock directories from Jest test coverage ([#17771](https://github.com/storybookjs/storybook/pull/17771))
- fix dts-localize script ([#17747](https://github.com/storybookjs/storybook/pull/17747))
## 6.5.0-alpha.49 (March 17, 2022)
### Bug Fixes

View File

@ -1,6 +1,6 @@
{
"name": "@storybook/addon-a11y",
"version": "6.5.0-alpha.49",
"version": "6.5.0-alpha.51",
"description": "Test component compliance with web accessibility standards",
"keywords": [
"a11y",
@ -45,14 +45,14 @@
"prepare": "node ../../scripts/prepare.js"
},
"dependencies": {
"@storybook/addons": "6.5.0-alpha.49",
"@storybook/api": "6.5.0-alpha.49",
"@storybook/channels": "6.5.0-alpha.49",
"@storybook/client-logger": "6.5.0-alpha.49",
"@storybook/components": "6.5.0-alpha.49",
"@storybook/core-events": "6.5.0-alpha.49",
"@storybook/csf": "0.0.2--canary.87bc651.0",
"@storybook/theming": "6.5.0-alpha.49",
"@storybook/addons": "6.5.0-alpha.51",
"@storybook/api": "6.5.0-alpha.51",
"@storybook/channels": "6.5.0-alpha.51",
"@storybook/client-logger": "6.5.0-alpha.51",
"@storybook/components": "6.5.0-alpha.51",
"@storybook/core-events": "6.5.0-alpha.51",
"@storybook/csf": "0.0.2--canary.507502b.0",
"@storybook/theming": "6.5.0-alpha.51",
"axe-core": "^4.2.0",
"core-js": "^3.8.2",
"global": "^4.4.0",
@ -81,7 +81,7 @@
"publishConfig": {
"access": "public"
},
"gitHead": "5cd3cd92ff4ab3dce81726f0d3913d7077926bee",
"gitHead": "cfcdc7fb74d3cf60eae8dd0b5a626d67ed180d42",
"sbmodern": "dist/modern/index.js",
"storybook": {
"displayName": "Accessibility",

View File

@ -1,6 +1,6 @@
{
"name": "@storybook/addon-actions",
"version": "6.5.0-alpha.49",
"version": "6.5.0-alpha.51",
"description": "Get UI feedback when an action is performed on an interactive element",
"keywords": [
"storybook",
@ -41,12 +41,12 @@
"prepare": "node ../../scripts/prepare.js"
},
"dependencies": {
"@storybook/addons": "6.5.0-alpha.49",
"@storybook/api": "6.5.0-alpha.49",
"@storybook/components": "6.5.0-alpha.49",
"@storybook/core-events": "6.5.0-alpha.49",
"@storybook/csf": "0.0.2--canary.87bc651.0",
"@storybook/theming": "6.5.0-alpha.49",
"@storybook/addons": "6.5.0-alpha.51",
"@storybook/api": "6.5.0-alpha.51",
"@storybook/components": "6.5.0-alpha.51",
"@storybook/core-events": "6.5.0-alpha.51",
"@storybook/csf": "0.0.2--canary.507502b.0",
"@storybook/theming": "6.5.0-alpha.51",
"core-js": "^3.8.2",
"fast-deep-equal": "^3.1.3",
"global": "^4.4.0",
@ -79,7 +79,7 @@
"publishConfig": {
"access": "public"
},
"gitHead": "5cd3cd92ff4ab3dce81726f0d3913d7077926bee",
"gitHead": "cfcdc7fb74d3cf60eae8dd0b5a626d67ed180d42",
"sbmodern": "dist/modern/index.js",
"storybook": {
"displayName": "Actions",

View File

@ -1,6 +1,6 @@
{
"name": "@storybook/addon-backgrounds",
"version": "6.5.0-alpha.49",
"version": "6.5.0-alpha.51",
"description": "Switch backgrounds to view components in different settings",
"keywords": [
"addon",
@ -45,13 +45,13 @@
"prepare": "node ../../scripts/prepare.js"
},
"dependencies": {
"@storybook/addons": "6.5.0-alpha.49",
"@storybook/api": "6.5.0-alpha.49",
"@storybook/client-logger": "6.5.0-alpha.49",
"@storybook/components": "6.5.0-alpha.49",
"@storybook/core-events": "6.5.0-alpha.49",
"@storybook/csf": "0.0.2--canary.87bc651.0",
"@storybook/theming": "6.5.0-alpha.49",
"@storybook/addons": "6.5.0-alpha.51",
"@storybook/api": "6.5.0-alpha.51",
"@storybook/client-logger": "6.5.0-alpha.51",
"@storybook/components": "6.5.0-alpha.51",
"@storybook/core-events": "6.5.0-alpha.51",
"@storybook/csf": "0.0.2--canary.507502b.0",
"@storybook/theming": "6.5.0-alpha.51",
"core-js": "^3.8.2",
"global": "^4.4.0",
"memoizerific": "^1.11.3",
@ -77,7 +77,7 @@
"publishConfig": {
"access": "public"
},
"gitHead": "5cd3cd92ff4ab3dce81726f0d3913d7077926bee",
"gitHead": "cfcdc7fb74d3cf60eae8dd0b5a626d67ed180d42",
"sbmodern": "dist/modern/index.js",
"storybook": {
"displayName": "Backgrounds",

View File

@ -1,6 +1,6 @@
{
"name": "@storybook/addon-controls",
"version": "6.5.0-alpha.49",
"version": "6.5.0-alpha.51",
"description": "Interact with component inputs dynamically in the Storybook UI",
"keywords": [
"addon",
@ -45,15 +45,15 @@
"prepare": "node ../../scripts/prepare.js"
},
"dependencies": {
"@storybook/addons": "6.5.0-alpha.49",
"@storybook/api": "6.5.0-alpha.49",
"@storybook/client-logger": "6.5.0-alpha.49",
"@storybook/components": "6.5.0-alpha.49",
"@storybook/core-common": "6.5.0-alpha.49",
"@storybook/csf": "0.0.2--canary.87bc651.0",
"@storybook/node-logger": "6.5.0-alpha.49",
"@storybook/store": "6.5.0-alpha.49",
"@storybook/theming": "6.5.0-alpha.49",
"@storybook/addons": "6.5.0-alpha.51",
"@storybook/api": "6.5.0-alpha.51",
"@storybook/client-logger": "6.5.0-alpha.51",
"@storybook/components": "6.5.0-alpha.51",
"@storybook/core-common": "6.5.0-alpha.51",
"@storybook/csf": "0.0.2--canary.507502b.0",
"@storybook/node-logger": "6.5.0-alpha.51",
"@storybook/store": "6.5.0-alpha.51",
"@storybook/theming": "6.5.0-alpha.51",
"core-js": "^3.8.2",
"lodash": "^4.17.21",
"ts-dedent": "^2.0.0"
@ -73,7 +73,7 @@
"publishConfig": {
"access": "public"
},
"gitHead": "5cd3cd92ff4ab3dce81726f0d3913d7077926bee",
"gitHead": "cfcdc7fb74d3cf60eae8dd0b5a626d67ed180d42",
"sbmodern": "dist/modern/register.js",
"storybook": {
"displayName": "Controls",

View File

@ -53,6 +53,8 @@ export interface ArgType {
name?: string;
description?: string;
defaultValue?: any;
addIf?: string;
removeIf?: string;
[key: string]: any;
}
@ -106,7 +108,7 @@ The input is the story function and the story context (id, parameters, args, etc
## Dynamic source rendering
With the release of Storybook 6.0, we've improved how stories are rendered in the [Source doc block](https://storybook.js.org/docs/react/writing-docs/doc-blocks#source). One of such improvements is the `dynamic` source type, which renders a snippet based on the output the story function.
With the release of Storybook 6.0, we've improved how stories are rendered in the [Source doc block](https://storybook.js.org/docs/react/writing-docs/doc-blocks#source). One of such improvements is the `dynamic` source type, which renders a snippet based on the output the story function.
This dynamic rendering is framework-specific, meaning it needs a custom implementation for each framework.
@ -151,7 +153,7 @@ import { jsxDecorator } from './jsxDecorator';
export const decorators = [jsxDecorator];
```
This configures the `jsxDecorator` to be run on every story.
This configures the `jsxDecorator` to be run on every story.
<div class="aside">
To learn more and see how it's implemented in context, check out <a href="https://github.com/storybookjs/storybook/blob/next/addons/docs/src/frameworks/react/jsxDecorator.tsx">the code</a> .

View File

@ -1,6 +1,6 @@
{
"name": "@storybook/addon-docs",
"version": "6.5.0-alpha.49",
"version": "6.5.0-alpha.51",
"description": "Document component usage and properties in Markdown",
"keywords": [
"addon",
@ -59,20 +59,20 @@
"@babel/preset-env": "^7.12.11",
"@jest/transform": "^26.6.2",
"@mdx-js/react": "^1.6.22",
"@storybook/addons": "6.5.0-alpha.49",
"@storybook/api": "6.5.0-alpha.49",
"@storybook/components": "6.5.0-alpha.49",
"@storybook/core-common": "6.5.0-alpha.49",
"@storybook/core-events": "6.5.0-alpha.49",
"@storybook/csf": "0.0.2--canary.87bc651.0",
"@storybook/docs-tools": "6.5.0-alpha.49",
"@storybook/addons": "6.5.0-alpha.51",
"@storybook/api": "6.5.0-alpha.51",
"@storybook/components": "6.5.0-alpha.51",
"@storybook/core-common": "6.5.0-alpha.51",
"@storybook/core-events": "6.5.0-alpha.51",
"@storybook/csf": "0.0.2--canary.507502b.0",
"@storybook/docs-tools": "6.5.0-alpha.51",
"@storybook/mdx1-csf": "canary",
"@storybook/node-logger": "6.5.0-alpha.49",
"@storybook/postinstall": "6.5.0-alpha.49",
"@storybook/preview-web": "6.5.0-alpha.49",
"@storybook/source-loader": "6.5.0-alpha.49",
"@storybook/store": "6.5.0-alpha.49",
"@storybook/theming": "6.5.0-alpha.49",
"@storybook/node-logger": "6.5.0-alpha.51",
"@storybook/postinstall": "6.5.0-alpha.51",
"@storybook/preview-web": "6.5.0-alpha.51",
"@storybook/source-loader": "6.5.0-alpha.51",
"@storybook/store": "6.5.0-alpha.51",
"@storybook/theming": "6.5.0-alpha.51",
"core-js": "^3.8.2",
"fast-deep-equal": "^3.1.3",
"global": "^4.4.0",
@ -118,7 +118,7 @@
"publishConfig": {
"access": "public"
},
"gitHead": "5cd3cd92ff4ab3dce81726f0d3913d7077926bee",
"gitHead": "cfcdc7fb74d3cf60eae8dd0b5a626d67ed180d42",
"sbmodern": "dist/modern/index.js",
"storybook": {
"displayName": "Docs",

View File

@ -1,14 +1,10 @@
import React, { FC, useContext } from 'react';
import {
Source as PureSource,
SourceError,
SourceProps as PureSourceProps,
} from '@storybook/components';
import { StoryId } from '@storybook/api';
import { Story } from '@storybook/store';
import React, { ComponentProps, FC, useContext } from 'react';
import { Source as PureSource, SourceError } from '@storybook/components';
import type { StoryId } from '@storybook/api';
import type { Story } from '@storybook/store';
import { DocsContext, DocsContextProps } from './DocsContext';
import { SourceContext, SourceContextProps } from './SourceContainer';
import { SourceContext, SourceContextProps, SourceItem } from './SourceContainer';
import { CURRENT_SELECTION } from './types';
import { SourceType } from '../shared';
@ -24,6 +20,7 @@ export enum SourceState {
interface CommonProps {
language?: string;
dark?: boolean;
format?: PureSourceProps['format'];
code?: string;
}
@ -50,11 +47,11 @@ const getSourceState = (stories: Story[]) => {
return states[0];
};
const getStorySource = (storyId: StoryId, sourceContext: SourceContextProps): string => {
const getStorySource = (storyId: StoryId, sourceContext: SourceContextProps): SourceItem => {
const { sources } = sourceContext;
// source rendering is async so source is unavailable at the start of the render cycle,
// so we fail gracefully here without warning
return sources?.[storyId] || '';
return sources?.[storyId] || { code: '', format: false };
};
const getSnippet = (snippet: string, story?: Story<any>): string => {
@ -89,6 +86,7 @@ const getSnippet = (snippet: string, story?: Story<any>): string => {
};
type SourceStateProps = { state: SourceState };
type PureSourceProps = ComponentProps<typeof PureSource>;
export const getSourceProps = (
props: SourceProps,
@ -103,6 +101,7 @@ export const getSourceProps = (
const multiProps = props as MultiSourceProps;
let source = codeProps.code; // prefer user-specified code
let { format } = codeProps; // prefer user-specified code
const targetIds = multiProps.ids || [singleProps.id || currentId];
const storyIds = targetIds.map((targetId) =>
@ -115,9 +114,12 @@ export const getSourceProps = (
}
if (!source) {
// just take the format from the first story, given how they're all concatinated together...
// TODO: we should consider sending an event with all the sources separately, instead of concatenating them here
({ format } = getStorySource(storyIds[0], sourceContext));
source = storyIds
.map((storyId, idx) => {
const storySource = getStorySource(storyId, sourceContext);
const { code: storySource } = getStorySource(storyId, sourceContext);
const storyObj = stories[idx] as Story;
return getSnippet(storySource, storyObj);
})
@ -134,6 +136,7 @@ export const getSourceProps = (
? {
code: source,
state,
format,
language: props.language || docsLanguage || 'jsx',
dark: props.dark || false,
}
@ -145,7 +148,7 @@ export const getSourceProps = (
* or the source for a story if `storyId` is provided, or
* the source for the current story if nothing is provided.
*/
export const Source: FC<SourceProps> = (props) => {
export const Source: FC<PureSourceProps> = (props) => {
const sourceContext = useContext(SourceContext);
const docsContext = useContext(DocsContext);
const sourceProps = getSourceProps(props, docsContext, sourceContext);

View File

@ -1,10 +1,14 @@
import React, { FC, Context, createContext, useEffect, useState } from 'react';
import deepEqual from 'fast-deep-equal';
import { addons } from '@storybook/addons';
import { StoryId } from '@storybook/api';
import type { SyntaxHighlighterFormatTypes } from '@storybook/components';
import type { StoryId } from '@storybook/api';
import { SNIPPET_RENDERED } from '../shared';
export type SourceItem = string;
export interface SourceItem {
code: string;
format: SyntaxHighlighterFormatTypes;
}
export type StorySources = Record<StoryId, SourceItem>;
export interface SourceContextProps {
@ -19,23 +23,33 @@ export const SourceContainer: FC<{}> = ({ children }) => {
const channel = addons.getChannel();
useEffect(() => {
const handleSnippetRendered = (id: StoryId, newItem: SourceItem) => {
if (newItem !== sources[id]) {
setSources((current) => {
const newSources = { ...current, [id]: newItem };
if (!deepEqual(current, newSources)) {
return newSources;
}
return current;
});
const handleSnippetRendered = (
id: StoryId,
newSource: string,
format: SyntaxHighlighterFormatTypes = false
) => {
// optimization: if the source is the same, ignore the incoming event
if (sources[id] && sources[id].code === newSource) {
return;
}
setSources((current) => {
const newSources = {
...current,
[id]: { code: newSource, format },
};
if (!deepEqual(current, newSources)) {
return newSources;
}
return current;
});
};
channel.on(SNIPPET_RENDERED, handleSnippetRendered);
return () => channel.off(SNIPPET_RENDERED, handleSnippetRendered);
});
}, []);
return <SourceContext.Provider value={{ sources }}>{children}</SourceContext.Provider>;
};

View File

@ -1,6 +1,6 @@
{
"name": "@storybook/addon-essentials",
"version": "6.5.0-alpha.49",
"version": "6.5.0-alpha.51",
"description": "Curated addons to bring out the best of Storybook",
"keywords": [
"addon",
@ -39,25 +39,25 @@
"prepare": "node ../../scripts/prepare.js"
},
"dependencies": {
"@storybook/addon-actions": "6.5.0-alpha.49",
"@storybook/addon-backgrounds": "6.5.0-alpha.49",
"@storybook/addon-controls": "6.5.0-alpha.49",
"@storybook/addon-docs": "6.5.0-alpha.49",
"@storybook/addon-measure": "6.5.0-alpha.49",
"@storybook/addon-outline": "6.5.0-alpha.49",
"@storybook/addon-toolbars": "6.5.0-alpha.49",
"@storybook/addon-viewport": "6.5.0-alpha.49",
"@storybook/addons": "6.5.0-alpha.49",
"@storybook/api": "6.5.0-alpha.49",
"@storybook/core-common": "6.5.0-alpha.49",
"@storybook/node-logger": "6.5.0-alpha.49",
"@storybook/addon-actions": "6.5.0-alpha.51",
"@storybook/addon-backgrounds": "6.5.0-alpha.51",
"@storybook/addon-controls": "6.5.0-alpha.51",
"@storybook/addon-docs": "6.5.0-alpha.51",
"@storybook/addon-measure": "6.5.0-alpha.51",
"@storybook/addon-outline": "6.5.0-alpha.51",
"@storybook/addon-toolbars": "6.5.0-alpha.51",
"@storybook/addon-viewport": "6.5.0-alpha.51",
"@storybook/addons": "6.5.0-alpha.51",
"@storybook/api": "6.5.0-alpha.51",
"@storybook/core-common": "6.5.0-alpha.51",
"@storybook/node-logger": "6.5.0-alpha.51",
"core-js": "^3.8.2",
"regenerator-runtime": "^0.13.7",
"ts-dedent": "^2.0.0"
},
"devDependencies": {
"@babel/core": "^7.12.10",
"@storybook/vue": "6.5.0-alpha.49",
"@storybook/vue": "6.5.0-alpha.51",
"@types/jest": "^26.0.16",
"@types/webpack-env": "^1.16.0"
},
@ -120,6 +120,6 @@
"publishConfig": {
"access": "public"
},
"gitHead": "5cd3cd92ff4ab3dce81726f0d3913d7077926bee",
"gitHead": "cfcdc7fb74d3cf60eae8dd0b5a626d67ed180d42",
"sbmodern": "dist/modern/index.js"
}

View File

@ -1,6 +1,6 @@
{
"name": "@storybook/addon-interactions",
"version": "6.5.0-alpha.49",
"version": "6.5.0-alpha.51",
"description": "Automate, test and debug user interactions",
"keywords": [
"storybook-addons",
@ -41,14 +41,14 @@
"prepare": "node ../../scripts/prepare.js"
},
"dependencies": {
"@storybook/addons": "6.5.0-alpha.49",
"@storybook/api": "6.5.0-alpha.49",
"@storybook/components": "6.5.0-alpha.49",
"@storybook/core-common": "6.5.0-alpha.49",
"@storybook/core-events": "6.5.0-alpha.49",
"@storybook/csf": "0.0.2--canary.87bc651.0",
"@storybook/instrumenter": "6.5.0-alpha.49",
"@storybook/theming": "6.5.0-alpha.49",
"@storybook/addons": "6.5.0-alpha.51",
"@storybook/api": "6.5.0-alpha.51",
"@storybook/components": "6.5.0-alpha.51",
"@storybook/core-common": "6.5.0-alpha.51",
"@storybook/core-events": "6.5.0-alpha.51",
"@storybook/csf": "0.0.2--canary.507502b.0",
"@storybook/instrumenter": "6.5.0-alpha.51",
"@storybook/theming": "6.5.0-alpha.51",
"core-js": "^3.8.2",
"global": "^4.4.0",
"jest-mock": "^27.0.6",
@ -75,7 +75,7 @@
"publishConfig": {
"access": "public"
},
"gitHead": "5cd3cd92ff4ab3dce81726f0d3913d7077926bee",
"gitHead": "cfcdc7fb74d3cf60eae8dd0b5a626d67ed180d42",
"sbmodern": "dist/modern/index.js",
"storybook": {
"displayName": "Interactions",

View File

@ -1,6 +1,6 @@
{
"name": "@storybook/addon-jest",
"version": "6.5.0-alpha.49",
"version": "6.5.0-alpha.51",
"description": "React storybook addon that show component jest report",
"keywords": [
"addon",
@ -47,11 +47,11 @@
"prepare": "node ../../scripts/prepare.js"
},
"dependencies": {
"@storybook/addons": "6.5.0-alpha.49",
"@storybook/api": "6.5.0-alpha.49",
"@storybook/components": "6.5.0-alpha.49",
"@storybook/core-events": "6.5.0-alpha.49",
"@storybook/theming": "6.5.0-alpha.49",
"@storybook/addons": "6.5.0-alpha.51",
"@storybook/api": "6.5.0-alpha.51",
"@storybook/components": "6.5.0-alpha.51",
"@storybook/core-events": "6.5.0-alpha.51",
"@storybook/theming": "6.5.0-alpha.51",
"core-js": "^3.8.2",
"global": "^4.4.0",
"react-sizeme": "^3.0.1",
@ -76,7 +76,7 @@
"publishConfig": {
"access": "public"
},
"gitHead": "5cd3cd92ff4ab3dce81726f0d3913d7077926bee",
"gitHead": "cfcdc7fb74d3cf60eae8dd0b5a626d67ed180d42",
"sbmodern": "dist/modern/index.js",
"storybook": {
"displayName": "Jest",

View File

@ -1,6 +1,6 @@
{
"name": "@storybook/addon-links",
"version": "6.5.0-alpha.49",
"version": "6.5.0-alpha.51",
"description": "Link stories together to build demos and prototypes with your UI components",
"keywords": [
"addon",
@ -41,11 +41,11 @@
"prepare": "node ../../scripts/prepare.js"
},
"dependencies": {
"@storybook/addons": "6.5.0-alpha.49",
"@storybook/client-logger": "6.5.0-alpha.49",
"@storybook/core-events": "6.5.0-alpha.49",
"@storybook/csf": "0.0.2--canary.87bc651.0",
"@storybook/router": "6.5.0-alpha.49",
"@storybook/addons": "6.5.0-alpha.51",
"@storybook/client-logger": "6.5.0-alpha.51",
"@storybook/core-events": "6.5.0-alpha.51",
"@storybook/csf": "0.0.2--canary.507502b.0",
"@storybook/router": "6.5.0-alpha.51",
"@types/qs": "^6.9.5",
"core-js": "^3.8.2",
"global": "^4.4.0",
@ -72,7 +72,7 @@
"publishConfig": {
"access": "public"
},
"gitHead": "5cd3cd92ff4ab3dce81726f0d3913d7077926bee",
"gitHead": "cfcdc7fb74d3cf60eae8dd0b5a626d67ed180d42",
"sbmodern": "dist/modern/index.js",
"storybook": {
"displayName": "Links",

View File

@ -1,6 +1,6 @@
{
"name": "@storybook/addon-measure",
"version": "6.5.0-alpha.49",
"version": "6.5.0-alpha.51",
"description": "Inspect layouts by visualizing the box model",
"keywords": [
"storybook-addons",
@ -44,12 +44,12 @@
"prepare": "node ../../scripts/prepare.js"
},
"dependencies": {
"@storybook/addons": "6.5.0-alpha.49",
"@storybook/api": "6.5.0-alpha.49",
"@storybook/client-logger": "6.5.0-alpha.49",
"@storybook/components": "6.5.0-alpha.49",
"@storybook/core-events": "6.5.0-alpha.49",
"@storybook/csf": "0.0.2--canary.87bc651.0",
"@storybook/addons": "6.5.0-alpha.51",
"@storybook/api": "6.5.0-alpha.51",
"@storybook/client-logger": "6.5.0-alpha.51",
"@storybook/components": "6.5.0-alpha.51",
"@storybook/core-events": "6.5.0-alpha.51",
"@storybook/csf": "0.0.2--canary.507502b.0",
"core-js": "^3.8.2",
"global": "^4.4.0"
},
@ -71,7 +71,7 @@
"publishConfig": {
"access": "public"
},
"gitHead": "5cd3cd92ff4ab3dce81726f0d3913d7077926bee",
"gitHead": "cfcdc7fb74d3cf60eae8dd0b5a626d67ed180d42",
"sbmodern": "dist/modern/index.js",
"storybook": {
"displayName": "Measure",

View File

@ -1,6 +1,6 @@
{
"name": "@storybook/addon-outline",
"version": "6.5.0-alpha.49",
"version": "6.5.0-alpha.51",
"description": "Outline all elements with CSS to help with layout placement and alignment",
"keywords": [
"storybook-addons",
@ -47,12 +47,12 @@
"prepare": "node ../../scripts/prepare.js"
},
"dependencies": {
"@storybook/addons": "6.5.0-alpha.49",
"@storybook/api": "6.5.0-alpha.49",
"@storybook/client-logger": "6.5.0-alpha.49",
"@storybook/components": "6.5.0-alpha.49",
"@storybook/core-events": "6.5.0-alpha.49",
"@storybook/csf": "0.0.2--canary.87bc651.0",
"@storybook/addons": "6.5.0-alpha.51",
"@storybook/api": "6.5.0-alpha.51",
"@storybook/client-logger": "6.5.0-alpha.51",
"@storybook/components": "6.5.0-alpha.51",
"@storybook/core-events": "6.5.0-alpha.51",
"@storybook/csf": "0.0.2--canary.507502b.0",
"core-js": "^3.8.2",
"global": "^4.4.0",
"regenerator-runtime": "^0.13.7",
@ -76,7 +76,7 @@
"publishConfig": {
"access": "public"
},
"gitHead": "5cd3cd92ff4ab3dce81726f0d3913d7077926bee",
"gitHead": "cfcdc7fb74d3cf60eae8dd0b5a626d67ed180d42",
"sbmodern": "dist/modern/index.js",
"storybook": {
"displayName": "Outline",

View File

@ -1,6 +1,6 @@
{
"name": "@storybook/addon-storyshots",
"version": "6.5.0-alpha.49",
"version": "6.5.0-alpha.51",
"description": "Take a code snapshot of every story automatically with Jest",
"keywords": [
"addon",
@ -45,13 +45,13 @@
},
"dependencies": {
"@jest/transform": "^26.6.2",
"@storybook/addons": "6.5.0-alpha.49",
"@storybook/addons": "6.5.0-alpha.51",
"@storybook/babel-plugin-require-context-hook": "1.0.1",
"@storybook/client-api": "6.5.0-alpha.49",
"@storybook/core": "6.5.0-alpha.49",
"@storybook/core-client": "6.5.0-alpha.49",
"@storybook/core-common": "6.5.0-alpha.49",
"@storybook/csf": "0.0.2--canary.87bc651.0",
"@storybook/client-api": "6.5.0-alpha.51",
"@storybook/core": "6.5.0-alpha.51",
"@storybook/core-client": "6.5.0-alpha.51",
"@storybook/core-common": "6.5.0-alpha.51",
"@storybook/csf": "0.0.2--canary.507502b.0",
"@types/glob": "^7.1.3",
"@types/jest": "^26.0.16",
"@types/jest-specific-snapshot": "^0.5.3",
@ -69,11 +69,11 @@
"devDependencies": {
"@angular/core": "^11.2.0",
"@angular/platform-browser-dynamic": "^11.2.0",
"@storybook/addon-docs": "6.5.0-alpha.49",
"@storybook/angular": "6.5.0-alpha.49",
"@storybook/react": "6.5.0-alpha.49",
"@storybook/vue": "6.5.0-alpha.49",
"@storybook/vue3": "6.5.0-alpha.49",
"@storybook/addon-docs": "6.5.0-alpha.51",
"@storybook/angular": "6.5.0-alpha.51",
"@storybook/react": "6.5.0-alpha.51",
"@storybook/vue": "6.5.0-alpha.51",
"@storybook/vue3": "6.5.0-alpha.51",
"babel-loader": "^8.0.0",
"enzyme": "^3.11.0",
"enzyme-to-json": "^3.6.1",
@ -151,7 +151,7 @@
"publishConfig": {
"access": "public"
},
"gitHead": "5cd3cd92ff4ab3dce81726f0d3913d7077926bee",
"gitHead": "cfcdc7fb74d3cf60eae8dd0b5a626d67ed180d42",
"storybook": {
"displayName": "Storyshots",
"icon": "https://user-images.githubusercontent.com/263385/101991676-48cdf300-3c7c-11eb-8aa1-944dab6ab29b.png",

View File

@ -1,6 +1,6 @@
{
"name": "@storybook/addon-storyshots-puppeteer",
"version": "6.5.0-alpha.49",
"version": "6.5.0-alpha.51",
"description": "Image snapshots addition to StoryShots based on puppeteer",
"keywords": [
"addon",
@ -41,19 +41,19 @@
},
"dependencies": {
"@axe-core/puppeteer": "^4.2.0",
"@storybook/csf": "0.0.2--canary.87bc651.0",
"@storybook/node-logger": "6.5.0-alpha.49",
"@storybook/csf": "0.0.2--canary.507502b.0",
"@storybook/node-logger": "6.5.0-alpha.51",
"@types/jest-image-snapshot": "^4.1.3",
"core-js": "^3.8.2",
"jest-image-snapshot": "^4.3.0",
"regenerator-runtime": "^0.13.7"
},
"devDependencies": {
"@storybook/csf": "0.0.2--canary.87bc651.0",
"@storybook/csf": "0.0.2--canary.507502b.0",
"@types/puppeteer": "^5.4.0"
},
"peerDependencies": {
"@storybook/addon-storyshots": "6.5.0-alpha.49",
"@storybook/addon-storyshots": "6.5.0-alpha.51",
"puppeteer": "^2.0.0 || ^3.0.0"
},
"peerDependenciesMeta": {
@ -64,5 +64,5 @@
"publishConfig": {
"access": "public"
},
"gitHead": "5cd3cd92ff4ab3dce81726f0d3913d7077926bee"
"gitHead": "cfcdc7fb74d3cf60eae8dd0b5a626d67ed180d42"
}

View File

@ -1,6 +1,6 @@
{
"name": "@storybook/addon-storysource",
"version": "6.5.0-alpha.49",
"version": "6.5.0-alpha.51",
"description": "View a storys source code to see how it works and paste into your app",
"keywords": [
"addon",
@ -41,17 +41,16 @@
"prepare": "node ../../scripts/prepare.js"
},
"dependencies": {
"@storybook/addons": "6.5.0-alpha.49",
"@storybook/api": "6.5.0-alpha.49",
"@storybook/client-logger": "6.5.0-alpha.49",
"@storybook/components": "6.5.0-alpha.49",
"@storybook/router": "6.5.0-alpha.49",
"@storybook/source-loader": "6.5.0-alpha.49",
"@storybook/theming": "6.5.0-alpha.49",
"@storybook/addons": "6.5.0-alpha.51",
"@storybook/api": "6.5.0-alpha.51",
"@storybook/client-logger": "6.5.0-alpha.51",
"@storybook/components": "6.5.0-alpha.51",
"@storybook/router": "6.5.0-alpha.51",
"@storybook/source-loader": "6.5.0-alpha.51",
"@storybook/theming": "6.5.0-alpha.51",
"core-js": "^3.8.2",
"estraverse": "^5.2.0",
"loader-utils": "^2.0.0",
"prettier": ">=2.2.1 <=2.3.0",
"prop-types": "^15.7.2",
"react-syntax-highlighter": "^15.4.5",
"regenerator-runtime": "^0.13.7"
@ -75,7 +74,7 @@
"publishConfig": {
"access": "public"
},
"gitHead": "5cd3cd92ff4ab3dce81726f0d3913d7077926bee",
"gitHead": "cfcdc7fb74d3cf60eae8dd0b5a626d67ed180d42",
"sbmodern": "dist/modern/index.js",
"storybook": {
"displayName": "Storysource",

View File

@ -1,6 +1,6 @@
{
"name": "@storybook/addon-toolbars",
"version": "6.5.0-alpha.49",
"version": "6.5.0-alpha.51",
"description": "Create your own toolbar items that control story rendering",
"keywords": [
"addon",
@ -45,10 +45,10 @@
"prepare": "node ../../scripts/prepare.js"
},
"dependencies": {
"@storybook/addons": "6.5.0-alpha.49",
"@storybook/api": "6.5.0-alpha.49",
"@storybook/components": "6.5.0-alpha.49",
"@storybook/theming": "6.5.0-alpha.49",
"@storybook/addons": "6.5.0-alpha.51",
"@storybook/api": "6.5.0-alpha.51",
"@storybook/components": "6.5.0-alpha.51",
"@storybook/theming": "6.5.0-alpha.51",
"core-js": "^3.8.2",
"regenerator-runtime": "^0.13.7"
},
@ -67,7 +67,7 @@
"publishConfig": {
"access": "public"
},
"gitHead": "5cd3cd92ff4ab3dce81726f0d3913d7077926bee",
"gitHead": "cfcdc7fb74d3cf60eae8dd0b5a626d67ed180d42",
"sbmodern": "dist/modern/register.js",
"storybook": {
"displayName": "Toolbars",

View File

@ -1,6 +1,6 @@
{
"name": "@storybook/addon-viewport",
"version": "6.5.0-alpha.49",
"version": "6.5.0-alpha.51",
"description": "Build responsive components by adjusting Storybooks viewport size and orientation",
"keywords": [
"addon",
@ -42,12 +42,12 @@
"prepare": "node ../../scripts/prepare.js"
},
"dependencies": {
"@storybook/addons": "6.5.0-alpha.49",
"@storybook/api": "6.5.0-alpha.49",
"@storybook/client-logger": "6.5.0-alpha.49",
"@storybook/components": "6.5.0-alpha.49",
"@storybook/core-events": "6.5.0-alpha.49",
"@storybook/theming": "6.5.0-alpha.49",
"@storybook/addons": "6.5.0-alpha.51",
"@storybook/api": "6.5.0-alpha.51",
"@storybook/client-logger": "6.5.0-alpha.51",
"@storybook/components": "6.5.0-alpha.51",
"@storybook/core-events": "6.5.0-alpha.51",
"@storybook/theming": "6.5.0-alpha.51",
"core-js": "^3.8.2",
"global": "^4.4.0",
"memoizerific": "^1.11.3",
@ -69,7 +69,7 @@
"publishConfig": {
"access": "public"
},
"gitHead": "5cd3cd92ff4ab3dce81726f0d3913d7077926bee",
"gitHead": "cfcdc7fb74d3cf60eae8dd0b5a626d67ed180d42",
"sbmodern": "dist/modern/preview.js",
"storybook": {
"displayName": "Viewport",

View File

@ -1,6 +1,6 @@
{
"name": "@storybook/angular",
"version": "6.5.0-alpha.49",
"version": "6.5.0-alpha.51",
"description": "Storybook for Angular: Develop Angular Components in isolation with Hot Reloading.",
"keywords": [
"storybook"
@ -45,17 +45,17 @@
"prepare": "node ../../scripts/prepare.js"
},
"dependencies": {
"@storybook/addons": "6.5.0-alpha.49",
"@storybook/api": "6.5.0-alpha.49",
"@storybook/client-logger": "6.5.0-alpha.49",
"@storybook/core": "6.5.0-alpha.49",
"@storybook/core-common": "6.5.0-alpha.49",
"@storybook/core-events": "6.5.0-alpha.49",
"@storybook/csf": "0.0.2--canary.87bc651.0",
"@storybook/docs-tools": "6.5.0-alpha.49",
"@storybook/node-logger": "6.5.0-alpha.49",
"@storybook/addons": "6.5.0-alpha.51",
"@storybook/api": "6.5.0-alpha.51",
"@storybook/client-logger": "6.5.0-alpha.51",
"@storybook/core": "6.5.0-alpha.51",
"@storybook/core-common": "6.5.0-alpha.51",
"@storybook/core-events": "6.5.0-alpha.51",
"@storybook/csf": "0.0.2--canary.507502b.0",
"@storybook/docs-tools": "6.5.0-alpha.51",
"@storybook/node-logger": "6.5.0-alpha.51",
"@storybook/semver": "^7.3.2",
"@storybook/store": "6.5.0-alpha.49",
"@storybook/store": "6.5.0-alpha.51",
"@types/node": "^14.14.20 || ^16.0.0",
"@types/react": "^16.14.23",
"@types/react-dom": "^16.9.14",
@ -69,7 +69,6 @@
"p-limit": "^3.1.0",
"postcss": "^7.0.36",
"postcss-loader": "^4.2.0",
"prettier": ">=2.2.1 <=2.3.0",
"raw-loader": "^4.0.2",
"react": "^16.14.0",
"react-dom": "^16.14.0",
@ -137,5 +136,5 @@
"access": "public"
},
"builders": "dist/ts3.9/builders/builders.json",
"gitHead": "5cd3cd92ff4ab3dce81726f0d3913d7077926bee"
"gitHead": "cfcdc7fb74d3cf60eae8dd0b5a626d67ed180d42"
}

View File

@ -16,26 +16,6 @@ export const skipSourceRender = (context: StoryContext) => {
return sourceParams?.code || sourceParams?.type === SourceType.CODE;
};
let prettyUpInternal: (source: string) => string | undefined;
const makePrettyUp = async () => {
if (prettyUpInternal) {
return prettyUpInternal;
}
const prettierHtml = await import('prettier/parser-html');
const prettier = await import('prettier/standalone');
prettyUpInternal = (source: string) => {
return prettier.format(source, {
parser: 'angular',
plugins: [prettierHtml],
htmlWhitespaceSensitivity: 'ignore',
});
};
return prettyUpInternal;
};
/**
* Angular source decorator.
* @param storyFn Fn
@ -55,27 +35,24 @@ export const sourceDecorator = (
const { component, argTypes } = context;
let toEmit: string;
const prettyUpPromise = makePrettyUp();
useEffect(() => {
prettyUpPromise.then((prettyUp) => {
if (toEmit) channel.emit(SNIPPET_RENDERED, context.id, prettyUp(toEmit));
});
});
prettyUpPromise.then((prettyUp) => {
if (component && !userDefinedTemplate) {
const source = computesTemplateSourceFromComponent(component, props, argTypes);
// We might have a story with a Directive or Service defined as the component
// In these cases there might exist a template, even if we aren't able to create source from component
if (source || template) {
toEmit = prettyUp(source || template);
}
} else if (template) {
toEmit = prettyUp(template);
if (toEmit) {
channel.emit(SNIPPET_RENDERED, context.id, toEmit, 'angular');
}
});
if (component && !userDefinedTemplate) {
const source = computesTemplateSourceFromComponent(component, props, argTypes);
// We might have a story with a Directive or Service defined as the component
// In these cases there might exist a template, even if we aren't able to create source from component
if (source || template) {
toEmit = source || template;
}
} else if (template) {
toEmit = template;
}
return story;
};

View File

@ -14,6 +14,7 @@ describe('StorybookModule', () => {
template: `
<p id="input">{{ input }}</p>
<p id="inputBindingPropertyName">{{ localPropertyName }}</p>
<p id="setterCallNb">{{ setterCallNb }}</p>
<p id="localProperty">{{ localProperty }}</p>
<p id="localFunction">{{ localFunction() }}</p>
<p id="output" (click)="output.emit('outputEmitted')"></p>
@ -27,6 +28,11 @@ describe('StorybookModule', () => {
@Input('inputBindingPropertyName')
public localPropertyName: string;
@Input()
public set setter(value: string) {
this.setterCallNb += 1;
}
@Output()
public output = new EventEmitter<string>();
@ -36,6 +42,8 @@ describe('StorybookModule', () => {
public localProperty: string;
public localFunction = () => '';
public setterCallNb = 0;
}
it('should initialize inputs', async () => {
@ -104,6 +112,7 @@ describe('StorybookModule', () => {
it('should change inputs if storyProps$ Subject emit', async () => {
const initialProps = {
input: 'input',
inputBindingPropertyName: '',
};
const storyProps$ = new BehaviorSubject<ICollection>(initialProps);
@ -150,6 +159,7 @@ describe('StorybookModule', () => {
let expectedOutputValue;
let expectedOutputBindingValue;
const initialProps = {
input: '',
output: (value: string) => {
expectedOutputValue = value;
},
@ -225,6 +235,34 @@ describe('StorybookModule', () => {
expect(fixture.nativeElement.querySelector('p').style.color).toEqual('black');
expect(fixture.nativeElement.querySelector('p#input').innerHTML).toEqual(newProps.input);
});
it('should call the Input() setter the right number of times', async () => {
const initialProps = {
setter: 'init',
};
const storyProps$ = new BehaviorSubject<ICollection>(initialProps);
const ngModule = getStorybookModuleMetadata(
{
storyFnAngular: { props: initialProps },
component: FooComponent,
targetSelector: 'my-selector',
},
storyProps$
);
const { fixture } = await configureTestingModule(ngModule);
fixture.detectChanges();
expect(fixture.nativeElement.querySelector('p#setterCallNb').innerHTML).toEqual('1');
const newProps = {
setter: 'new setter value',
};
storyProps$.next(newProps);
fixture.detectChanges();
expect(fixture.nativeElement.querySelector('p#setterCallNb').innerHTML).toEqual('2');
});
});
describe('with component without selector', () => {

View File

@ -98,39 +98,13 @@ export const createStorybookWrapperComponent = (
this.storyComponentViewContainerRef.injector.get(ChangeDetectorRef).markForCheck();
this.changeDetectorRef.detectChanges();
// Once target component has been initialized, the storyProps$ observable keeps target component inputs up to date
// Once target component has been initialized, the storyProps$ observable keeps target component properties than are not Input|Output up to date
this.storyComponentPropsSubscription = this.storyProps$
.pipe(
skip(1),
map((props) => {
// removes component output in props
const outputsKeyToRemove = ngComponentInputsOutputs.outputs.map(
(o) => o.templateName
);
return Object.entries(props).reduce(
(prev, [key, value]) => ({
...prev,
...(!outputsKeyToRemove.includes(key) && {
[key]: value,
}),
}),
{} as ICollection
);
}),
map((props) => {
// In case a component uses an input with `bindingPropertyName` (ex: @Input('name'))
// find the value of the local propName in the component Inputs
// otherwise use the input key
return Object.entries(props).reduce((prev, [propKey, value]) => {
const input = ngComponentInputsOutputs.inputs.find(
(o) => o.templateName === propKey
);
return {
...prev,
...(input ? { [input.propName]: value } : { [propKey]: value }),
};
}, {} as ICollection);
const propsKeyToKeep = getNonInputsOutputsProps(ngComponentInputsOutputs, props);
return propsKeyToKeep.reduce((acc, p) => ({ ...acc, [p]: props[p] }), {});
})
)
.subscribe((props) => {

View File

@ -1,6 +1,6 @@
{
"name": "@storybook/ember",
"version": "6.5.0-alpha.49",
"version": "6.5.0-alpha.51",
"description": "Storybook for Ember: Develop Ember Component in isolation with Hot Reloading.",
"homepage": "https://github.com/storybookjs/storybook/tree/main/app/ember",
"bugs": {
@ -42,10 +42,10 @@
"prepare": "node ../../scripts/prepare.js"
},
"dependencies": {
"@storybook/core": "6.5.0-alpha.49",
"@storybook/core-common": "6.5.0-alpha.49",
"@storybook/docs-tools": "6.5.0-alpha.49",
"@storybook/store": "6.5.0-alpha.49",
"@storybook/core": "6.5.0-alpha.51",
"@storybook/core-common": "6.5.0-alpha.51",
"@storybook/docs-tools": "6.5.0-alpha.51",
"@storybook/store": "6.5.0-alpha.51",
"core-js": "^3.8.2",
"global": "^4.4.0",
"react": "16.14.0",
@ -66,6 +66,6 @@
"publishConfig": {
"access": "public"
},
"gitHead": "5cd3cd92ff4ab3dce81726f0d3913d7077926bee",
"gitHead": "cfcdc7fb74d3cf60eae8dd0b5a626d67ed180d42",
"sbmodern": "dist/modern/client/index.js"
}

View File

@ -1,6 +1,6 @@
{
"name": "@storybook/html",
"version": "6.5.0-alpha.49",
"version": "6.5.0-alpha.51",
"description": "Storybook for HTML: View HTML snippets in isolation with Hot Reloading.",
"keywords": [
"storybook"
@ -45,13 +45,13 @@
"prepare": "node ../../scripts/prepare.js"
},
"dependencies": {
"@storybook/addons": "6.5.0-alpha.49",
"@storybook/core": "6.5.0-alpha.49",
"@storybook/core-common": "6.5.0-alpha.49",
"@storybook/csf": "0.0.2--canary.87bc651.0",
"@storybook/docs-tools": "6.5.0-alpha.49",
"@storybook/preview-web": "6.5.0-alpha.49",
"@storybook/store": "6.5.0-alpha.49",
"@storybook/addons": "6.5.0-alpha.51",
"@storybook/core": "6.5.0-alpha.51",
"@storybook/core-common": "6.5.0-alpha.51",
"@storybook/csf": "0.0.2--canary.507502b.0",
"@storybook/docs-tools": "6.5.0-alpha.51",
"@storybook/preview-web": "6.5.0-alpha.51",
"@storybook/store": "6.5.0-alpha.51",
"@types/node": "^14.14.20 || ^16.0.0",
"@types/webpack-env": "^1.16.0",
"core-js": "^3.8.2",
@ -73,6 +73,6 @@
"publishConfig": {
"access": "public"
},
"gitHead": "5cd3cd92ff4ab3dce81726f0d3913d7077926bee",
"gitHead": "cfcdc7fb74d3cf60eae8dd0b5a626d67ed180d42",
"sbmodern": "dist/modern/client/index.js"
}

View File

@ -1,6 +1,6 @@
{
"name": "@storybook/preact",
"version": "6.5.0-alpha.49",
"version": "6.5.0-alpha.51",
"description": "Storybook for Preact: Develop Preact Component in isolation.",
"keywords": [
"storybook"
@ -46,11 +46,11 @@
},
"dependencies": {
"@babel/plugin-transform-react-jsx": "^7.12.12",
"@storybook/addons": "6.5.0-alpha.49",
"@storybook/core": "6.5.0-alpha.49",
"@storybook/core-common": "6.5.0-alpha.49",
"@storybook/csf": "0.0.2--canary.87bc651.0",
"@storybook/store": "6.5.0-alpha.49",
"@storybook/addons": "6.5.0-alpha.51",
"@storybook/core": "6.5.0-alpha.51",
"@storybook/core-common": "6.5.0-alpha.51",
"@storybook/csf": "0.0.2--canary.507502b.0",
"@storybook/store": "6.5.0-alpha.51",
"@types/node": "^14.14.20 || ^16.0.0",
"@types/webpack-env": "^1.16.0",
"core-js": "^3.8.2",
@ -75,6 +75,6 @@
"publishConfig": {
"access": "public"
},
"gitHead": "5cd3cd92ff4ab3dce81726f0d3913d7077926bee",
"gitHead": "cfcdc7fb74d3cf60eae8dd0b5a626d67ed180d42",
"sbmodern": "dist/modern/client/index.js"
}

View File

@ -1,6 +1,6 @@
{
"name": "@storybook/react",
"version": "6.5.0-alpha.49",
"version": "6.5.0-alpha.51",
"description": "Storybook for React: Develop React Component in isolation with Hot Reloading.",
"keywords": [
"storybook"
@ -49,16 +49,16 @@
"@babel/preset-flow": "^7.12.1",
"@babel/preset-react": "^7.12.10",
"@pmmmwh/react-refresh-webpack-plugin": "^0.5.3",
"@storybook/addons": "6.5.0-alpha.49",
"@storybook/client-logger": "6.5.0-alpha.49",
"@storybook/core": "6.5.0-alpha.49",
"@storybook/core-common": "6.5.0-alpha.49",
"@storybook/csf": "0.0.2--canary.87bc651.0",
"@storybook/docs-tools": "6.5.0-alpha.49",
"@storybook/node-logger": "6.5.0-alpha.49",
"@storybook/addons": "6.5.0-alpha.51",
"@storybook/client-logger": "6.5.0-alpha.51",
"@storybook/core": "6.5.0-alpha.51",
"@storybook/core-common": "6.5.0-alpha.51",
"@storybook/csf": "0.0.2--canary.507502b.0",
"@storybook/docs-tools": "6.5.0-alpha.51",
"@storybook/node-logger": "6.5.0-alpha.51",
"@storybook/react-docgen-typescript-plugin": "1.0.2-canary.6.9d540b91e815f8fc2f8829189deb00553559ff63.0",
"@storybook/semver": "^7.3.2",
"@storybook/store": "6.5.0-alpha.49",
"@storybook/store": "6.5.0-alpha.51",
"@types/estree": "^0.0.51",
"@types/node": "^14.14.20 || ^16.0.0",
"@types/webpack-env": "^1.16.0",
@ -118,6 +118,6 @@
"publishConfig": {
"access": "public"
},
"gitHead": "5cd3cd92ff4ab3dce81726f0d3913d7077926bee",
"gitHead": "cfcdc7fb74d3cf60eae8dd0b5a626d67ed180d42",
"sbmodern": "dist/modern/client/index.js"
}

View File

@ -1,6 +1,6 @@
{
"name": "@storybook/server",
"version": "6.5.0-alpha.49",
"version": "6.5.0-alpha.51",
"description": "Storybook for Server: View HTML snippets from a server in isolation with Hot Reloading.",
"keywords": [
"storybook"
@ -45,15 +45,15 @@
"prepare": "node ../../scripts/prepare.js"
},
"dependencies": {
"@storybook/addons": "6.5.0-alpha.49",
"@storybook/api": "6.5.0-alpha.49",
"@storybook/client-api": "6.5.0-alpha.49",
"@storybook/core": "6.5.0-alpha.49",
"@storybook/core-common": "6.5.0-alpha.49",
"@storybook/csf": "0.0.2--canary.87bc651.0",
"@storybook/node-logger": "6.5.0-alpha.49",
"@storybook/preview-web": "6.5.0-alpha.49",
"@storybook/store": "6.5.0-alpha.49",
"@storybook/addons": "6.5.0-alpha.51",
"@storybook/api": "6.5.0-alpha.51",
"@storybook/client-api": "6.5.0-alpha.51",
"@storybook/core": "6.5.0-alpha.51",
"@storybook/core-common": "6.5.0-alpha.51",
"@storybook/csf": "0.0.2--canary.507502b.0",
"@storybook/node-logger": "6.5.0-alpha.51",
"@storybook/preview-web": "6.5.0-alpha.51",
"@storybook/store": "6.5.0-alpha.51",
"@types/node": "^14.14.20 || ^16.0.0",
"@types/webpack-env": "^1.16.0",
"core-js": "^3.8.2",
@ -76,6 +76,6 @@
"publishConfig": {
"access": "public"
},
"gitHead": "5cd3cd92ff4ab3dce81726f0d3913d7077926bee",
"gitHead": "cfcdc7fb74d3cf60eae8dd0b5a626d67ed180d42",
"sbmodern": "dist/modern/client/index.js"
}

View File

@ -1,6 +1,6 @@
{
"name": "@storybook/svelte",
"version": "6.5.0-alpha.49",
"version": "6.5.0-alpha.51",
"description": "Storybook for Svelte: Develop Svelte Component in isolation with Hot Reloading.",
"keywords": [
"storybook"
@ -46,14 +46,14 @@
"prepare": "node ../../scripts/prepare.js"
},
"dependencies": {
"@storybook/addons": "6.5.0-alpha.49",
"@storybook/client-logger": "6.5.0-alpha.49",
"@storybook/core": "6.5.0-alpha.49",
"@storybook/core-common": "6.5.0-alpha.49",
"@storybook/csf": "0.0.2--canary.87bc651.0",
"@storybook/docs-tools": "6.5.0-alpha.49",
"@storybook/node-logger": "6.5.0-alpha.49",
"@storybook/store": "6.5.0-alpha.49",
"@storybook/addons": "6.5.0-alpha.51",
"@storybook/client-logger": "6.5.0-alpha.51",
"@storybook/core": "6.5.0-alpha.51",
"@storybook/core-common": "6.5.0-alpha.51",
"@storybook/csf": "0.0.2--canary.507502b.0",
"@storybook/docs-tools": "6.5.0-alpha.51",
"@storybook/node-logger": "6.5.0-alpha.51",
"@storybook/store": "6.5.0-alpha.51",
"core-js": "^3.8.2",
"global": "^4.4.0",
"loader-utils": "^2.0.0",
@ -82,6 +82,6 @@
"publishConfig": {
"access": "public"
},
"gitHead": "5cd3cd92ff4ab3dce81726f0d3913d7077926bee",
"gitHead": "cfcdc7fb74d3cf60eae8dd0b5a626d67ed180d42",
"sbmodern": "dist/modern/client/index.js"
}

View File

@ -1,6 +1,6 @@
{
"name": "@storybook/vue",
"version": "6.5.0-alpha.49",
"version": "6.5.0-alpha.51",
"description": "Storybook for Vue: Develop Vue Component in isolation with Hot Reloading.",
"keywords": [
"storybook"
@ -45,18 +45,17 @@
"prepare": "node ../../scripts/prepare.js"
},
"dependencies": {
"@storybook/addons": "6.5.0-alpha.49",
"@storybook/client-logger": "6.5.0-alpha.49",
"@storybook/core": "6.5.0-alpha.49",
"@storybook/core-common": "6.5.0-alpha.49",
"@storybook/csf": "0.0.2--canary.87bc651.0",
"@storybook/docs-tools": "6.5.0-alpha.49",
"@storybook/store": "6.5.0-alpha.49",
"@storybook/addons": "6.5.0-alpha.51",
"@storybook/client-logger": "6.5.0-alpha.51",
"@storybook/core": "6.5.0-alpha.51",
"@storybook/core-common": "6.5.0-alpha.51",
"@storybook/csf": "0.0.2--canary.507502b.0",
"@storybook/docs-tools": "6.5.0-alpha.51",
"@storybook/store": "6.5.0-alpha.51",
"@types/node": "^14.14.20 || ^16.0.0",
"@types/webpack-env": "^1.16.0",
"core-js": "^3.8.2",
"global": "^4.4.0",
"prettier": ">=2.2.1 <=2.3.0",
"react": "16.14.0",
"react-dom": "16.14.0",
"read-pkg-up": "^7.0.1",
@ -86,6 +85,6 @@
"publishConfig": {
"access": "public"
},
"gitHead": "5cd3cd92ff4ab3dce81726f0d3913d7077926bee",
"gitHead": "cfcdc7fb74d3cf60eae8dd0b5a626d67ed180d42",
"sbmodern": "dist/modern/client/index.js"
}

View File

@ -141,4 +141,56 @@ describe('vnodeToString', () => {
)
).toMatchInlineSnapshot(`<div ><form ><button >Button</button></form></div>`);
});
it('empty tag', () => {
expect(
vnodeToString(
getVNode({
template: `
<div>
</div>`,
})
)
).toMatchInlineSnapshot(`<div />`);
});
it('tag in text', () => {
expect(
vnodeToString(
getVNode({
template: `
<div>
<>
</div>`,
})
)
).toMatchInlineSnapshot(`
<div >{{\`
<>
\`}}</div>
`);
});
it('component element with children', () => {
const MyComponent: ComponentOptions<any, any, any> = {
props: ['propA'],
template: '<div><slot /></div>',
};
expect(
vnodeToString(
getVNode({
components: { MyComponent },
data(): { props: Record<string, any> } {
return {
props: {
propA: 'propA',
},
};
},
template: `<my-component v-bind="props"><div /></my-component>`,
})
)
).toMatchInlineSnapshot(`<my-component propA="propA"><div /></my-component>`);
});
});

View File

@ -24,7 +24,6 @@ export const skipSourceRender = (context: StoryContext<VueFramework>) => {
export const sourceDecorator = (storyFn: any, context: StoryContext<VueFramework>) => {
const story = storyFn();
console.log({ story });
// See ../react/jsxDecorator.tsx
if (skipSourceRender(context)) {
@ -53,24 +52,7 @@ export const sourceDecorator = (storyFn: any, context: StoryContext<VueFramework
const code = vnodeToString(storyNode._vnode);
const emitFormattedTemplate = async () => {
const prettier = await import('prettier/standalone');
const prettierHtml = await import('prettier/parser-html');
channel.emit(
SNIPPET_RENDERED,
(context || {}).id,
prettier.format(`<template>${code}</template>`, {
parser: 'vue',
plugins: [prettierHtml],
// Because the parsed vnode missing spaces right before/after the surround tag,
// we always get weird wrapped code without this option.
htmlWhitespaceSensitivity: 'ignore',
})
);
};
emitFormattedTemplate();
channel.emit(SNIPPET_RENDERED, (context || {}).id, `<template>${code}</template>`, 'vue');
} catch (e) {
logger.warn(`Failed to generate dynamic story source: ${e}`);
}

View File

@ -1,6 +1,6 @@
{
"name": "@storybook/vue3",
"version": "6.5.0-alpha.49",
"version": "6.5.0-alpha.51",
"description": "Storybook for Vue 3: Develop Vue 3 Components in isolation with Hot Reloading.",
"keywords": [
"storybook"
@ -45,12 +45,12 @@
"prepare": "node ../../scripts/prepare.js"
},
"dependencies": {
"@storybook/addons": "6.5.0-alpha.49",
"@storybook/core": "6.5.0-alpha.49",
"@storybook/core-common": "6.5.0-alpha.49",
"@storybook/csf": "0.0.2--canary.87bc651.0",
"@storybook/docs-tools": "6.5.0-alpha.49",
"@storybook/store": "6.5.0-alpha.49",
"@storybook/addons": "6.5.0-alpha.51",
"@storybook/core": "6.5.0-alpha.51",
"@storybook/core-common": "6.5.0-alpha.51",
"@storybook/csf": "0.0.2--canary.507502b.0",
"@storybook/docs-tools": "6.5.0-alpha.51",
"@storybook/store": "6.5.0-alpha.51",
"@types/node": "^14.14.20 || ^16.0.0",
"@types/webpack-env": "^1.16.0",
"core-js": "^3.8.2",
@ -82,6 +82,6 @@
"publishConfig": {
"access": "public"
},
"gitHead": "5cd3cd92ff4ab3dce81726f0d3913d7077926bee",
"gitHead": "cfcdc7fb74d3cf60eae8dd0b5a626d67ed180d42",
"sbmodern": "dist/modern/client/index.js"
}

View File

@ -1,6 +1,6 @@
{
"name": "@storybook/web-components",
"version": "6.5.0-alpha.49",
"version": "6.5.0-alpha.51",
"description": "Storybook for web-components: View web components snippets in isolation with Hot Reloading.",
"keywords": [
"lit-html",
@ -50,15 +50,15 @@
"@babel/plugin-syntax-dynamic-import": "^7.8.3",
"@babel/plugin-syntax-import-meta": "^7.10.4",
"@babel/preset-env": "^7.12.11",
"@storybook/addons": "6.5.0-alpha.49",
"@storybook/client-api": "6.5.0-alpha.49",
"@storybook/client-logger": "6.5.0-alpha.49",
"@storybook/core": "6.5.0-alpha.49",
"@storybook/core-common": "6.5.0-alpha.49",
"@storybook/csf": "0.0.2--canary.87bc651.0",
"@storybook/docs-tools": "6.5.0-alpha.49",
"@storybook/preview-web": "6.5.0-alpha.49",
"@storybook/store": "6.5.0-alpha.49",
"@storybook/addons": "6.5.0-alpha.51",
"@storybook/client-api": "6.5.0-alpha.51",
"@storybook/client-logger": "6.5.0-alpha.51",
"@storybook/core": "6.5.0-alpha.51",
"@storybook/core-common": "6.5.0-alpha.51",
"@storybook/csf": "0.0.2--canary.507502b.0",
"@storybook/docs-tools": "6.5.0-alpha.51",
"@storybook/preview-web": "6.5.0-alpha.51",
"@storybook/store": "6.5.0-alpha.51",
"@types/node": "^14.14.20 || ^16.0.0",
"@types/webpack-env": "^1.16.0",
"babel-plugin-bundled-import-meta": "^0.3.1",
@ -82,6 +82,6 @@
"publishConfig": {
"access": "public"
},
"gitHead": "5cd3cd92ff4ab3dce81726f0d3913d7077926bee",
"gitHead": "cfcdc7fb74d3cf60eae8dd0b5a626d67ed180d42",
"sbmodern": "dist/modern/client/index.js"
}

View File

@ -89,6 +89,24 @@ In particular, this would render a row with a modified description, a type displ
💡 As with other Storybook properties (e.g., args, decorators), you can also override ArgTypes per story basis.
</div>
#### Global `argTypes`
You can also define arg types at the global level; they will apply to every component's stories unless you overwrite them. To do so, export the `argTypes` key in your `preview.js`:
<!-- prettier-ignore-start -->
<CodeSnippets
paths={[
'common/button-story-project-args-theme.js.mdx',
]}
/>
<!-- prettier-ignore-end -->
<div class="aside">
💡 If you define a global arg type for a story that does not have that arg (e.g. if there is no corresponding global arg definition), then the arg type will have no effect.
</div>
#### Using argTypes in addons
If you want to access the argTypes of the current component inside an addon, you can use the `useArgTypes` hook from the `@storybook/api` package:
@ -101,4 +119,4 @@ If you want to access the argTypes of the current component inside an addon, you
]}
/>
<!-- prettier-ignore-end -->
<!-- prettier-ignore-end -->

View File

@ -300,6 +300,34 @@ paths={[
</div>
### Conditional controls
In some cases, it's useful to be able to conditionally exclude a control based on the value of another control. Controls supports basic versions of these use cases with the `addIf` and `removeIf` options, which can take a boolean value, or a string which can refer to the value of another arg.
Consider a collection of "advanced" settings that are only visible when the user toggles an "advanced" toggle.
<!-- prettier-ignore-start -->
<CodeSnippets
paths={[
'common/component-story-conditional-controls-toggle.js.mdx',
]}
/>
<!-- prettier-ignore-end -->
Or consider a constraint where if the user sets one control value, it doesn't make sense for the user to be able to set another value.
<!-- prettier-ignore-start -->
<CodeSnippets
paths={[
'common/component-story-conditional-controls-mutual-exclusion.js.mdx',
]}
/>
<!-- prettier-ignore-end -->
## Hide NoControls warning
If you don't plan to handle the control args inside your Story, you can remove the warning with:

View File

@ -0,0 +1,9 @@
```js
// preview.js
// All stories expect a theme arg
export const argTypes = { theme: { control: { options: ['light', 'dark'] } } };
// The default value of the theme arg to all stories
export const args = { theme: 'light' };
```

View File

@ -0,0 +1,16 @@
```js
// Button.stories.js
import { Button } from './Button';
export default {
component: Button,
title: 'Button',
argTypes: {
// button can be passed a label or an image, not both
label: { control: 'text', removeIf: 'image' },
image: {
control: { type: 'select', options: ['foo.jpg', 'bar.jpg'] },
removeIf: 'label',
},
},
};
```

View File

@ -0,0 +1,16 @@
```js
// Button.stories.js
import { Button } from './Button';
export default {
component: Button,
title: 'Button',
argTypes: {
label: { control: 'text' }, // always shows
advanced: { control: 'boolean' },
// below are only included when advanced is true
margin: { control: 'number', addIf: 'advanced' },
padding: { control: 'number', addIf: 'advanced' },
cornerRadius: { control: 'number', addIf: 'advanced' },
},
};
```

View File

@ -5,9 +5,9 @@ import { YourComponent } from './YourComponent';
export default {
/* 👇 The title prop is optional.
* See https://storybook.js.org/docs/react/configure/overview#configure-story-loading
* to learn how to generate automatic titles
*/
* See https://storybook.js.org/docs/react/configure/overview#configure-story-loading
* to learn how to generate automatic titles
*/
title: 'YourComponent',
component: YourComponent,
argTypes: {
@ -19,4 +19,4 @@ export default {
},
},
};
```
```

View File

@ -9,10 +9,10 @@ import { YourComponent } from './YourComponent'
title="YourComponent"
component={YourComponent}
argTypes={{
foo:{
table:{
foo: {
table: {
disable: true,
}
}
}} />
```
```

View File

@ -1,7 +1,7 @@
```js
export default {
/* 👇 The title prop is optional.
* See https://storybook.js.org/docs/react/configure/overview#configure-story-loading
* See https://storybook.js.org/docs/html/configure/overview#configure-story-loading
* to learn how to generate automatic titles
*/
title: 'Button',

View File

@ -3,7 +3,7 @@ import { Meta, StoryFn } from '@storybook/html';
export default {
/* 👇 The title prop is optional.
* See https://storybook.js.org/docs/react/configure/overview#configure-story-loading
* See https://storybook.js.org/docs/html/configure/overview#configure-story-loading
* to learn how to generate automatic titles
*/
title: 'Button',

View File

@ -6,7 +6,7 @@ import { createYourComponent } from './YourComponent';
// 👇 This default export determines where your story goes in the story list
export default {
/* 👇 The title prop is optional.
* See https://storybook.js.org/docsreact/configure/overview#configure-story-loading
* See https://storybook.js.org/docs/html/configure/overview#configure-story-loading
* to learn how to generate automatic titles
*/
title: 'YourComponent',

View File

@ -7,7 +7,7 @@ import { createYourComponent } from './YourComponent';
//👇 This default export determines where your story goes in the story list
export default {
/* 👇 The title prop is optional.
* See https://storybook.js.org/docsreact/configure/overview#configure-story-loading
* See https://storybook.js.org/docs/html/configure/overview#configure-story-loading
* to learn how to generate automatic titles
*/
title: 'YourComponent',

View File

@ -6,6 +6,10 @@ import { h } from 'preact';
import { Button } from './Button';
export default {
/* 👇 The title prop is optional.
* See https://storybook.js.org/docs/preact/configure/overview#configure-story-loading
* to learn how to generate automatic titles
*/
title: 'Button',
component: Button,
}

View File

@ -20,7 +20,7 @@ const Template = (args) => <MyComponent {...args} />;
export const FirstStory = Template.bind({});
FirstStory.play = async () => {
userEvent.type(screen.getByTestId('an-element'), 'example-value');
await userEvent.type(screen.getByTestId('an-element'), 'example-value');
};
export const SecondStory = Template.bind({});

View File

@ -22,7 +22,7 @@ const Template: ComponentStory<typeof MyComponent> = (args) => <MyComponent {...
export const FirstStory = Template.bind({});
FirstStory.play = async () => {
userEvent.type(screen.getByTestId('an-element'), 'example-value');
await userEvent.type(screen.getByTestId('an-element'), 'example-value');
};
export const SecondStory = Template.bind({});

View File

@ -11,7 +11,7 @@ import { MyComponent } from './MyComponent';
export default {
/* 👇 The title prop is optional.
* See https://storybook.js.org/docsreact/configure/overview#configure-story-loading
* See https://storybook.js.org/docs/react/configure/overview#configure-story-loading
* to learn how to generate automatic titles
*/
title: 'WithAsync',

View File

@ -6,7 +6,7 @@ import { YourComponent } from './YourComponent';
//👇 This default export determines where your story goes in the story list
export default {
/* 👇 The title prop is optional.
* See https://storybook.js.org/docsreact/configure/overview#configure-story-loading
* See https://storybook.js.org/docs/react/configure/overview#configure-story-loading
* to learn how to generate automatic titles
*/
title: 'YourComponent',
@ -21,4 +21,4 @@ export const FirstStory = {
//👇 The args you need here will depend on your component
},
};
```
```

View File

@ -1 +1 @@
{"version":"6.5.0-alpha.49","info":{"plain":"### Bug Fixes\n\n- Addon-docs/Svelte: Fix `HOC.svelte` reference ([#17731](https://github.com/storybookjs/storybook/pull/17731))\n- UI: Fix composition support in safari ([#17679](https://github.com/storybookjs/storybook/pull/17679))"}}
{"version":"6.5.0-alpha.51","info":{"plain":"### Features\n\n- SyntaxHighlighter: Add prettier for code formatting ([#17746](https://github.com/storybookjs/storybook/pull/17746))\n\n### Maintenance\n\n- Build: Add main overrides to e2e config and possibility to run test runner ([#17778](https://github.com/storybookjs/storybook/pull/17778))"}}

View File

@ -10,7 +10,7 @@ Learn how and why to write stories in [the introduction](./introduction.md#using
## Args object
The `args` object can be defined at the [story](#story-args) and [component level](#component-args). It is a JSON serializable object composed of string keys with matching valid value types that can be passed into a component for your framework.
The `args` object can be defined at the [story](#story-args), [component](#component-args) and [global level](#global-args). It is a JSON serializable object composed of string keys with matching valid value types that can be passed into a component for your framework.
## Story args
@ -76,6 +76,20 @@ You can also define args at the component level; they will apply to all the comp
<!-- prettier-ignore-end -->
## Global args
You can also define args at the global level; they will apply to every component's stories unless you overwrite them. To do so, export the `args` key in your `preview.js`:
<!-- prettier-ignore-start -->
<CodeSnippets
paths={[
'common/button-story-project-args-theme.js.mdx',
]}
/>
<!-- prettier-ignore-end -->
## Args composition
You can separate the arguments to a story to compose in other stories. Here's how you can combine args for multiple stories of the same component.

View File

@ -1,6 +1,6 @@
{
"name": "angular-cli",
"version": "6.5.0-alpha.49",
"version": "6.5.0-alpha.51",
"private": true,
"license": "MIT",
"scripts": {
@ -39,21 +39,21 @@
"@angular/compiler-cli": "^11.2.14",
"@angular/elements": "^11.2.14",
"@compodoc/compodoc": "^1.1.18",
"@storybook/addon-a11y": "6.5.0-alpha.49",
"@storybook/addon-actions": "6.5.0-alpha.49",
"@storybook/addon-backgrounds": "6.5.0-alpha.49",
"@storybook/addon-controls": "6.5.0-alpha.49",
"@storybook/addon-docs": "6.5.0-alpha.49",
"@storybook/addon-interactions": "6.5.0-alpha.49",
"@storybook/addon-jest": "6.5.0-alpha.49",
"@storybook/addon-links": "6.5.0-alpha.49",
"@storybook/addon-storyshots": "6.5.0-alpha.49",
"@storybook/addon-storysource": "6.5.0-alpha.49",
"@storybook/addons": "6.5.0-alpha.49",
"@storybook/angular": "6.5.0-alpha.49",
"@storybook/addon-a11y": "6.5.0-alpha.51",
"@storybook/addon-actions": "6.5.0-alpha.51",
"@storybook/addon-backgrounds": "6.5.0-alpha.51",
"@storybook/addon-controls": "6.5.0-alpha.51",
"@storybook/addon-docs": "6.5.0-alpha.51",
"@storybook/addon-interactions": "6.5.0-alpha.51",
"@storybook/addon-jest": "6.5.0-alpha.51",
"@storybook/addon-links": "6.5.0-alpha.51",
"@storybook/addon-storyshots": "6.5.0-alpha.51",
"@storybook/addon-storysource": "6.5.0-alpha.51",
"@storybook/addons": "6.5.0-alpha.51",
"@storybook/angular": "6.5.0-alpha.51",
"@storybook/babel-plugin-require-context-hook": "1.0.1",
"@storybook/jest": "^0.0.5",
"@storybook/source-loader": "6.5.0-alpha.49",
"@storybook/source-loader": "6.5.0-alpha.51",
"@storybook/testing-library": "^0.0.7",
"@types/core-js": "^2.5.4",
"@types/jest": "^26.0.16",

View File

@ -1,6 +1,6 @@
{
"name": "cra-kitchen-sink",
"version": "6.5.0-alpha.49",
"version": "6.5.0-alpha.51",
"private": true,
"scripts": {
"build": "react-scripts build",
@ -11,7 +11,7 @@
"test": "react-scripts test --env=jsdom"
},
"dependencies": {
"@storybook/client-logger": "6.5.0-alpha.49",
"@storybook/client-logger": "6.5.0-alpha.51",
"global": "^4.4.0",
"prop-types": "^15.7.2",
"react": "16.14.0",
@ -21,19 +21,19 @@
},
"devDependencies": {
"@pmmmwh/react-refresh-webpack-plugin": "^0.5.3",
"@storybook/addon-a11y": "6.5.0-alpha.49",
"@storybook/addon-actions": "6.5.0-alpha.49",
"@storybook/addon-backgrounds": "6.5.0-alpha.49",
"@storybook/addon-docs": "6.5.0-alpha.49",
"@storybook/addon-a11y": "6.5.0-alpha.51",
"@storybook/addon-actions": "6.5.0-alpha.51",
"@storybook/addon-backgrounds": "6.5.0-alpha.51",
"@storybook/addon-docs": "6.5.0-alpha.51",
"@storybook/addon-ie11": "0.0.7--canary.5e87b64.0",
"@storybook/addon-jest": "6.5.0-alpha.49",
"@storybook/addon-links": "6.5.0-alpha.49",
"@storybook/addon-storyshots": "6.5.0-alpha.49",
"@storybook/addons": "6.5.0-alpha.49",
"@storybook/builder-webpack4": "6.5.0-alpha.49",
"@storybook/addon-jest": "6.5.0-alpha.51",
"@storybook/addon-links": "6.5.0-alpha.51",
"@storybook/addon-storyshots": "6.5.0-alpha.51",
"@storybook/addons": "6.5.0-alpha.51",
"@storybook/builder-webpack4": "6.5.0-alpha.51",
"@storybook/preset-create-react-app": "^3.1.6",
"@storybook/react": "6.5.0-alpha.49",
"@storybook/theming": "6.5.0-alpha.49",
"@storybook/react": "6.5.0-alpha.51",
"@storybook/theming": "6.5.0-alpha.51",
"webpack": "4"
},
"storybook": {

View File

@ -1,6 +1,6 @@
{
"name": "cra-react15",
"version": "6.5.0-alpha.49",
"version": "6.5.0-alpha.51",
"private": true,
"scripts": {
"build": "react-scripts build",
@ -19,14 +19,14 @@
"react-scripts": "3.4.4"
},
"devDependencies": {
"@storybook/addon-actions": "6.5.0-alpha.49",
"@storybook/addon-actions": "6.5.0-alpha.51",
"@storybook/addon-ie11": "0.0.7--canary.5e87b64.0",
"@storybook/addon-links": "6.5.0-alpha.49",
"@storybook/addons": "6.5.0-alpha.49",
"@storybook/builder-webpack4": "6.5.0-alpha.49",
"@storybook/addon-links": "6.5.0-alpha.51",
"@storybook/addons": "6.5.0-alpha.51",
"@storybook/builder-webpack4": "6.5.0-alpha.51",
"@storybook/preset-create-react-app": "^3.1.6",
"@storybook/react": "6.5.0-alpha.49",
"@storybook/theming": "6.5.0-alpha.49",
"@storybook/react": "6.5.0-alpha.51",
"@storybook/theming": "6.5.0-alpha.51",
"babel-core": "6",
"babel-runtime": "6",
"webpack": "4"

View File

@ -1,6 +1,6 @@
{
"name": "cra-ts-essentials",
"version": "6.5.0-alpha.49",
"version": "6.5.0-alpha.51",
"private": true,
"scripts": {
"build": "react-scripts build",
@ -34,12 +34,12 @@
"typescript": "^3.9.7"
},
"devDependencies": {
"@storybook/addon-essentials": "6.5.0-alpha.49",
"@storybook/addon-essentials": "6.5.0-alpha.51",
"@storybook/addon-ie11": "0.0.7--canary.5e87b64.0",
"@storybook/addons": "6.5.0-alpha.49",
"@storybook/builder-webpack4": "6.5.0-alpha.49",
"@storybook/addons": "6.5.0-alpha.51",
"@storybook/builder-webpack4": "6.5.0-alpha.51",
"@storybook/preset-create-react-app": "^3.1.6",
"@storybook/react": "6.5.0-alpha.49",
"@storybook/react": "6.5.0-alpha.51",
"webpack": "4"
},
"storybook": {

View File

@ -1,6 +1,6 @@
{
"name": "cra-ts-kitchen-sink",
"version": "6.5.0-alpha.49",
"version": "6.5.0-alpha.51",
"private": true,
"scripts": {
"build": "react-scripts build",
@ -34,15 +34,15 @@
"typescript": "^3.9.7"
},
"devDependencies": {
"@storybook/addon-a11y": "6.5.0-alpha.49",
"@storybook/addon-actions": "6.5.0-alpha.49",
"@storybook/addon-docs": "6.5.0-alpha.49",
"@storybook/addon-a11y": "6.5.0-alpha.51",
"@storybook/addon-actions": "6.5.0-alpha.51",
"@storybook/addon-docs": "6.5.0-alpha.51",
"@storybook/addon-ie11": "0.0.7--canary.5e87b64.0",
"@storybook/addon-links": "6.5.0-alpha.49",
"@storybook/addons": "6.5.0-alpha.49",
"@storybook/builder-webpack4": "6.5.0-alpha.49",
"@storybook/addon-links": "6.5.0-alpha.51",
"@storybook/addons": "6.5.0-alpha.51",
"@storybook/builder-webpack4": "6.5.0-alpha.51",
"@storybook/preset-create-react-app": "^3.1.6",
"@storybook/react": "6.5.0-alpha.49",
"@storybook/react": "6.5.0-alpha.51",
"@types/enzyme": "^3.10.8",
"enzyme": "^3.11.0",
"enzyme-adapter-react-16": "^1.9.1",

View File

@ -1,6 +1,6 @@
{
"name": "ember-example",
"version": "6.5.0-alpha.49",
"version": "6.5.0-alpha.51",
"private": true,
"scripts": {
"build": "ember build --output-path ember-output",
@ -17,18 +17,18 @@
"devDependencies": {
"@babel/core": "^7.12.10",
"@ember/optional-features": "^2.0.0",
"@storybook/addon-a11y": "6.5.0-alpha.49",
"@storybook/addon-actions": "6.5.0-alpha.49",
"@storybook/addon-backgrounds": "6.5.0-alpha.49",
"@storybook/addon-controls": "6.5.0-alpha.49",
"@storybook/addon-docs": "6.5.0-alpha.49",
"@storybook/addon-links": "6.5.0-alpha.49",
"@storybook/addon-storysource": "6.5.0-alpha.49",
"@storybook/addon-viewport": "6.5.0-alpha.49",
"@storybook/addons": "6.5.0-alpha.49",
"@storybook/ember": "6.5.0-alpha.49",
"@storybook/addon-a11y": "6.5.0-alpha.51",
"@storybook/addon-actions": "6.5.0-alpha.51",
"@storybook/addon-backgrounds": "6.5.0-alpha.51",
"@storybook/addon-controls": "6.5.0-alpha.51",
"@storybook/addon-docs": "6.5.0-alpha.51",
"@storybook/addon-links": "6.5.0-alpha.51",
"@storybook/addon-storysource": "6.5.0-alpha.51",
"@storybook/addon-viewport": "6.5.0-alpha.51",
"@storybook/addons": "6.5.0-alpha.51",
"@storybook/ember": "6.5.0-alpha.51",
"@storybook/ember-cli-storybook": "^0.2.1",
"@storybook/source-loader": "6.5.0-alpha.49",
"@storybook/source-loader": "6.5.0-alpha.51",
"babel-loader": "^8.0.0",
"broccoli-asset-rev": "^3.0.0",
"cross-env": "^7.0.3",

View File

@ -1,6 +1,6 @@
{
"name": "@storybook/external-docs",
"version": "6.5.0-alpha.49",
"version": "6.5.0-alpha.51",
"private": true,
"scripts": {
"build-storybook": "cross-env STORYBOOK_DISPLAY_WARNING=true DISPLAY_WARNING=true build-storybook",
@ -10,12 +10,12 @@
"storybook": "cross-env STORYBOOK_DISPLAY_WARNING=true DISPLAY_WARNING=true start-storybook -p 9011 --no-manager-cache"
},
"dependencies": {
"@storybook/components": "6.5.0-alpha.49",
"@storybook/components": "6.5.0-alpha.51",
"@storybook/csf": "0.0.2--canary.87bc651.0",
"@storybook/preview-web": "6.5.0-alpha.49",
"@storybook/react": "6.5.0-alpha.49",
"@storybook/store": "6.5.0-alpha.49",
"@storybook/theming": "6.5.0-alpha.49",
"@storybook/preview-web": "6.5.0-alpha.51",
"@storybook/react": "6.5.0-alpha.51",
"@storybook/store": "6.5.0-alpha.51",
"@storybook/theming": "6.5.0-alpha.51",
"formik": "^2.2.9",
"prop-types": "15.7.2",
"react": "16.14.0",

View File

@ -1,6 +1,6 @@
{
"name": "html-kitchen-sink",
"version": "6.5.0-alpha.49",
"version": "6.5.0-alpha.51",
"private": true,
"description": "",
"keywords": [],
@ -13,23 +13,23 @@
"storybook": "start-storybook -p 9006 --no-manager-cache"
},
"devDependencies": {
"@storybook/addon-a11y": "6.5.0-alpha.49",
"@storybook/addon-actions": "6.5.0-alpha.49",
"@storybook/addon-backgrounds": "6.5.0-alpha.49",
"@storybook/addon-controls": "6.5.0-alpha.49",
"@storybook/addon-docs": "6.5.0-alpha.49",
"@storybook/addon-jest": "6.5.0-alpha.49",
"@storybook/addon-links": "6.5.0-alpha.49",
"@storybook/addon-a11y": "6.5.0-alpha.51",
"@storybook/addon-actions": "6.5.0-alpha.51",
"@storybook/addon-backgrounds": "6.5.0-alpha.51",
"@storybook/addon-controls": "6.5.0-alpha.51",
"@storybook/addon-docs": "6.5.0-alpha.51",
"@storybook/addon-jest": "6.5.0-alpha.51",
"@storybook/addon-links": "6.5.0-alpha.51",
"@storybook/addon-postcss": "^2.0.0",
"@storybook/addon-storyshots": "6.5.0-alpha.49",
"@storybook/addon-storysource": "6.5.0-alpha.49",
"@storybook/addon-viewport": "6.5.0-alpha.49",
"@storybook/addons": "6.5.0-alpha.49",
"@storybook/client-api": "6.5.0-alpha.49",
"@storybook/core": "6.5.0-alpha.49",
"@storybook/core-events": "6.5.0-alpha.49",
"@storybook/html": "6.5.0-alpha.49",
"@storybook/source-loader": "6.5.0-alpha.49",
"@storybook/addon-storyshots": "6.5.0-alpha.51",
"@storybook/addon-storysource": "6.5.0-alpha.51",
"@storybook/addon-viewport": "6.5.0-alpha.51",
"@storybook/addons": "6.5.0-alpha.51",
"@storybook/client-api": "6.5.0-alpha.51",
"@storybook/core": "6.5.0-alpha.51",
"@storybook/core-events": "6.5.0-alpha.51",
"@storybook/html": "6.5.0-alpha.51",
"@storybook/source-loader": "6.5.0-alpha.51",
"autoprefixer": "^10.0.1",
"eventemitter3": "^4.0.7",
"format-json": "^1.0.3",

View File

@ -1,6 +1,6 @@
{
"name": "official-storybook",
"version": "6.5.0-alpha.49",
"version": "6.5.0-alpha.51",
"private": true,
"scripts": {
"build-storybook": "cross-env STORYBOOK_DISPLAY_WARNING=true DISPLAY_WARNING=true build-storybook -c ./",
@ -14,31 +14,31 @@
"devDependencies": {
"@packtracker/webpack-plugin": "^2.3.0",
"@pmmmwh/react-refresh-webpack-plugin": "^0.5.3",
"@storybook/addon-a11y": "6.5.0-alpha.49",
"@storybook/addon-actions": "6.5.0-alpha.49",
"@storybook/addon-backgrounds": "6.5.0-alpha.49",
"@storybook/addon-controls": "6.5.0-alpha.49",
"@storybook/addon-docs": "6.5.0-alpha.49",
"@storybook/addon-interactions": "6.5.0-alpha.49",
"@storybook/addon-jest": "6.5.0-alpha.49",
"@storybook/addon-links": "6.5.0-alpha.49",
"@storybook/addon-storyshots": "6.5.0-alpha.49",
"@storybook/addon-storyshots-puppeteer": "6.5.0-alpha.49",
"@storybook/addon-storysource": "6.5.0-alpha.49",
"@storybook/addon-toolbars": "6.5.0-alpha.49",
"@storybook/addon-viewport": "6.5.0-alpha.49",
"@storybook/addons": "6.5.0-alpha.49",
"@storybook/cli": "6.5.0-alpha.49",
"@storybook/components": "6.5.0-alpha.49",
"@storybook/core-events": "6.5.0-alpha.49",
"@storybook/addon-a11y": "6.5.0-alpha.51",
"@storybook/addon-actions": "6.5.0-alpha.51",
"@storybook/addon-backgrounds": "6.5.0-alpha.51",
"@storybook/addon-controls": "6.5.0-alpha.51",
"@storybook/addon-docs": "6.5.0-alpha.51",
"@storybook/addon-interactions": "6.5.0-alpha.51",
"@storybook/addon-jest": "6.5.0-alpha.51",
"@storybook/addon-links": "6.5.0-alpha.51",
"@storybook/addon-storyshots": "6.5.0-alpha.51",
"@storybook/addon-storyshots-puppeteer": "6.5.0-alpha.51",
"@storybook/addon-storysource": "6.5.0-alpha.51",
"@storybook/addon-toolbars": "6.5.0-alpha.51",
"@storybook/addon-viewport": "6.5.0-alpha.51",
"@storybook/addons": "6.5.0-alpha.51",
"@storybook/cli": "6.5.0-alpha.51",
"@storybook/components": "6.5.0-alpha.51",
"@storybook/core-events": "6.5.0-alpha.51",
"@storybook/design-system": "^5.4.7",
"@storybook/jest": "^0.0.5",
"@storybook/node-logger": "6.5.0-alpha.49",
"@storybook/react": "6.5.0-alpha.49",
"@storybook/router": "6.5.0-alpha.49",
"@storybook/source-loader": "6.5.0-alpha.49",
"@storybook/node-logger": "6.5.0-alpha.51",
"@storybook/react": "6.5.0-alpha.51",
"@storybook/router": "6.5.0-alpha.51",
"@storybook/source-loader": "6.5.0-alpha.51",
"@storybook/testing-library": "^0.0.7",
"@storybook/theming": "6.5.0-alpha.49",
"@storybook/theming": "6.5.0-alpha.51",
"@testing-library/dom": "^7.31.2",
"@testing-library/user-event": "^13.1.9",
"chromatic": "^6.0.2",

View File

@ -28,6 +28,37 @@ export default {
],
},
},
mutuallyExclusiveA: { control: 'text', removeIf: 'mutuallyExclusiveB' },
mutuallyExclusiveB: { control: 'text', removeIf: 'mutuallyExclusiveA' },
colorMode: {
control: 'boolean',
},
dynamicText: {
removeIf: 'colorMode',
control: 'text',
},
dynamicColor: {
addIf: 'colorMode',
control: 'color',
},
advanced: {
control: 'boolean',
},
margin: {
control: 'number',
addIf: 'advanced',
},
padding: {
control: 'number',
addIf: 'advanced',
},
cornerRadius: {
control: 'number',
addIf: 'advanced',
},
someText: { control: 'text' },
subText: { control: 'text', addIf: 'someText' },
anotherText: { control: 'text', addIf: 'someText' },
},
parameters: {
chromatic: { disable: true },

View File

@ -9,3 +9,17 @@ export const Story = (args, { loaded }) => (
<div>Loaded Value is {JSON.stringify(loaded, null, 2)}</div>
);
Story.loaders = [async () => ({ storyValue: 3 })];
export const ZIndex = (args, { loaded }) => (
<div
style={{
position: 'relative',
zIndex: 1000,
width: '100px',
height: '100px',
background: 'coral',
}}
>
This story has a very high <code>z-index</code>
</div>
);

View File

@ -53,3 +53,8 @@ ArgsChange.decorators = [
return <StoryFn />;
},
];
// Ensure that this story gets focus when browsed to
// see https://github.com/storybookjs/storybook/issues/16847
// eslint-disable-next-line jsx-a11y/no-autofocus
export const AutoFocus = () => <input autoFocus />;

View File

@ -1,6 +1,6 @@
{
"name": "preact-example",
"version": "6.5.0-alpha.49",
"version": "6.5.0-alpha.51",
"private": true,
"scripts": {
"build": "cross-env NODE_ENV=production webpack --progress --hide-modules",
@ -15,16 +15,16 @@
"devDependencies": {
"@babel/core": "^7.12.10",
"@babel/plugin-transform-runtime": "^7.12.10",
"@storybook/addon-a11y": "6.5.0-alpha.49",
"@storybook/addon-actions": "6.5.0-alpha.49",
"@storybook/addon-backgrounds": "6.5.0-alpha.49",
"@storybook/addon-links": "6.5.0-alpha.49",
"@storybook/addon-storyshots": "6.5.0-alpha.49",
"@storybook/addon-storysource": "6.5.0-alpha.49",
"@storybook/addon-viewport": "6.5.0-alpha.49",
"@storybook/addons": "6.5.0-alpha.49",
"@storybook/preact": "6.5.0-alpha.49",
"@storybook/source-loader": "6.5.0-alpha.49",
"@storybook/addon-a11y": "6.5.0-alpha.51",
"@storybook/addon-actions": "6.5.0-alpha.51",
"@storybook/addon-backgrounds": "6.5.0-alpha.51",
"@storybook/addon-links": "6.5.0-alpha.51",
"@storybook/addon-storyshots": "6.5.0-alpha.51",
"@storybook/addon-storysource": "6.5.0-alpha.51",
"@storybook/addon-viewport": "6.5.0-alpha.51",
"@storybook/addons": "6.5.0-alpha.51",
"@storybook/preact": "6.5.0-alpha.51",
"@storybook/source-loader": "6.5.0-alpha.51",
"@types/prop-types": "^15.7.3",
"@types/react": "^17",
"@types/react-dom": "^17",

View File

@ -1,6 +1,6 @@
{
"name": "@storybook/example-react-ts-webpack4",
"version": "6.5.0-alpha.49",
"version": "6.5.0-alpha.51",
"private": true,
"scripts": {
"build-storybook": "cross-env STORYBOOK_DISPLAY_WARNING=true DISPLAY_WARNING=true build-storybook -c ./",
@ -8,10 +8,10 @@
"storybook": "cross-env STORYBOOK_DISPLAY_WARNING=true DISPLAY_WARNING=true start-storybook -p 9011 -c ./ --no-manager-cache"
},
"dependencies": {
"@storybook/addon-controls": "6.5.0-alpha.49",
"@storybook/addon-essentials": "6.5.0-alpha.49",
"@storybook/builder-webpack4": "6.5.0-alpha.49",
"@storybook/react": "6.5.0-alpha.49",
"@storybook/addon-controls": "6.5.0-alpha.51",
"@storybook/addon-essentials": "6.5.0-alpha.51",
"@storybook/builder-webpack4": "6.5.0-alpha.51",
"@storybook/react": "6.5.0-alpha.51",
"@types/react": "^16.14.23",
"@types/react-dom": "^16.9.14",
"prop-types": "15.7.2",

View File

@ -1,6 +1,6 @@
{
"name": "@storybook/example-react-ts",
"version": "6.5.0-alpha.49",
"version": "6.5.0-alpha.51",
"private": true,
"scripts": {
"build-storybook": "cross-env STORYBOOK_DISPLAY_WARNING=true DISPLAY_WARNING=true build-storybook",
@ -18,13 +18,13 @@
"@babel/preset-env": "^7.12.11",
"@babel/preset-react": "^7.12.10",
"@babel/preset-typescript": "^7.12.7",
"@storybook/addon-essentials": "6.5.0-alpha.49",
"@storybook/addon-storyshots": "6.5.0-alpha.49",
"@storybook/addon-storysource": "6.5.0-alpha.49",
"@storybook/cli": "6.5.0-alpha.49",
"@storybook/components": "6.5.0-alpha.49",
"@storybook/react": "6.5.0-alpha.49",
"@storybook/theming": "6.5.0-alpha.49",
"@storybook/addon-essentials": "6.5.0-alpha.51",
"@storybook/addon-storyshots": "6.5.0-alpha.51",
"@storybook/addon-storysource": "6.5.0-alpha.51",
"@storybook/cli": "6.5.0-alpha.51",
"@storybook/components": "6.5.0-alpha.51",
"@storybook/react": "6.5.0-alpha.51",
"@storybook/theming": "6.5.0-alpha.51",
"@testing-library/dom": "^7.31.2",
"@testing-library/user-event": "^13.1.9",
"@types/babel__preset-env": "^7",

View File

@ -1,6 +1,6 @@
{
"name": "server-kitchen-sink",
"version": "6.5.0-alpha.49",
"version": "6.5.0-alpha.51",
"private": true,
"description": "",
"keywords": [],
@ -14,13 +14,13 @@
"storybook": "SERVER_PORT=1137 start-storybook -p 9006 --quiet"
},
"devDependencies": {
"@storybook/addon-a11y": "6.5.0-alpha.49",
"@storybook/addon-actions": "6.5.0-alpha.49",
"@storybook/addon-backgrounds": "6.5.0-alpha.49",
"@storybook/addon-controls": "6.5.0-alpha.49",
"@storybook/addon-links": "6.5.0-alpha.49",
"@storybook/node-logger": "6.5.0-alpha.49",
"@storybook/server": "6.5.0-alpha.49",
"@storybook/addon-a11y": "6.5.0-alpha.51",
"@storybook/addon-actions": "6.5.0-alpha.51",
"@storybook/addon-backgrounds": "6.5.0-alpha.51",
"@storybook/addon-controls": "6.5.0-alpha.51",
"@storybook/addon-links": "6.5.0-alpha.51",
"@storybook/node-logger": "6.5.0-alpha.51",
"@storybook/server": "6.5.0-alpha.51",
"concurrently": "^5.3.0",
"cors": "^2.8.5",
"express": "~4.17.1",

View File

@ -1,15 +1,15 @@
{
"name": "standalone-preview",
"version": "6.5.0-alpha.49",
"version": "6.5.0-alpha.51",
"private": true,
"scripts": {
"storybook": "cross-env STORYBOOK_DISPLAY_WARNING=true DISPLAY_WARNING=true start-storybook -p 9011 -c ../official-storybook --no-manager-cache --preview-url=http://localhost:1337/external-iframe.html",
"storybook-preview": "cross-env PREVIEW_URL=external-iframe.html parcel ./storybook.html --port 1337"
},
"devDependencies": {
"@storybook/addon-docs": "6.5.0-alpha.49",
"@storybook/cli": "6.5.0-alpha.49",
"@storybook/react": "6.5.0-alpha.49",
"@storybook/addon-docs": "6.5.0-alpha.51",
"@storybook/cli": "6.5.0-alpha.51",
"@storybook/react": "6.5.0-alpha.51",
"cross-env": "^7.0.3",
"parcel": "2.0.1",
"react": "16.14.0",

View File

@ -1,6 +1,6 @@
{
"name": "svelte-example",
"version": "6.5.0-alpha.49",
"version": "6.5.0-alpha.51",
"private": true,
"scripts": {
"build-storybook": "build-storybook",
@ -10,20 +10,20 @@
"global": "^4.4.0"
},
"devDependencies": {
"@storybook/addon-a11y": "6.5.0-alpha.49",
"@storybook/addon-actions": "6.5.0-alpha.49",
"@storybook/addon-backgrounds": "6.5.0-alpha.49",
"@storybook/addon-controls": "6.5.0-alpha.49",
"@storybook/addon-docs": "6.5.0-alpha.49",
"@storybook/addon-interactions": "6.5.0-alpha.49",
"@storybook/addon-links": "6.5.0-alpha.49",
"@storybook/addon-storyshots": "6.5.0-alpha.49",
"@storybook/addon-storysource": "6.5.0-alpha.49",
"@storybook/addon-viewport": "6.5.0-alpha.49",
"@storybook/addons": "6.5.0-alpha.49",
"@storybook/addon-a11y": "6.5.0-alpha.51",
"@storybook/addon-actions": "6.5.0-alpha.51",
"@storybook/addon-backgrounds": "6.5.0-alpha.51",
"@storybook/addon-controls": "6.5.0-alpha.51",
"@storybook/addon-docs": "6.5.0-alpha.51",
"@storybook/addon-interactions": "6.5.0-alpha.51",
"@storybook/addon-links": "6.5.0-alpha.51",
"@storybook/addon-storyshots": "6.5.0-alpha.51",
"@storybook/addon-storysource": "6.5.0-alpha.51",
"@storybook/addon-viewport": "6.5.0-alpha.51",
"@storybook/addons": "6.5.0-alpha.51",
"@storybook/jest": "^0.0.5",
"@storybook/source-loader": "6.5.0-alpha.49",
"@storybook/svelte": "6.5.0-alpha.49",
"@storybook/source-loader": "6.5.0-alpha.51",
"@storybook/svelte": "6.5.0-alpha.51",
"@storybook/testing-library": "^0.0.7",
"svelte-jester": "1.3.0",
"svelte-preprocess": "4.6.8"

View File

@ -1,6 +1,6 @@
{
"name": "vue-3-cli-example",
"version": "6.5.0-alpha.49",
"version": "6.5.0-alpha.51",
"private": true,
"scripts": {
"build": "vue-cli-service build",
@ -14,14 +14,14 @@
},
"devDependencies": {
"@babel/core": "^7.12.10",
"@storybook/addon-actions": "6.5.0-alpha.49",
"@storybook/addon-essentials": "6.5.0-alpha.49",
"@storybook/addon-interactions": "6.5.0-alpha.49",
"@storybook/addon-links": "6.5.0-alpha.49",
"@storybook/addon-storyshots": "6.5.0-alpha.49",
"@storybook/addon-actions": "6.5.0-alpha.51",
"@storybook/addon-essentials": "6.5.0-alpha.51",
"@storybook/addon-interactions": "6.5.0-alpha.51",
"@storybook/addon-links": "6.5.0-alpha.51",
"@storybook/addon-storyshots": "6.5.0-alpha.51",
"@storybook/jest": "^0.0.5",
"@storybook/testing-library": "^0.0.7",
"@storybook/vue3": "6.5.0-alpha.49",
"@storybook/vue3": "6.5.0-alpha.51",
"@vue/cli-plugin-babel": "~4.5.0",
"@vue/cli-plugin-typescript": "~4.5.0",
"@vue/cli-service": "~4.5.0",

View File

@ -1,6 +1,6 @@
{
"name": "vue-cli-example",
"version": "6.5.0-alpha.49",
"version": "6.5.0-alpha.51",
"private": true,
"scripts": {
"build": "vue-cli-service build",
@ -15,11 +15,11 @@
"vue-property-decorator": "^9.1.2"
},
"devDependencies": {
"@storybook/addon-controls": "6.5.0-alpha.49",
"@storybook/addon-essentials": "6.5.0-alpha.49",
"@storybook/addon-controls": "6.5.0-alpha.51",
"@storybook/addon-essentials": "6.5.0-alpha.51",
"@storybook/preset-scss": "^1.0.3",
"@storybook/source-loader": "6.5.0-alpha.49",
"@storybook/vue": "6.5.0-alpha.49",
"@storybook/source-loader": "6.5.0-alpha.51",
"@storybook/vue": "6.5.0-alpha.51",
"@vue/cli-plugin-babel": "~4.3.1",
"@vue/cli-plugin-typescript": "~4.3.1",
"@vue/cli-service": "~4.3.1",

View File

@ -1,6 +1,6 @@
{
"name": "vue-example",
"version": "6.5.0-alpha.49",
"version": "6.5.0-alpha.51",
"private": true,
"scripts": {
"build": "cross-env NODE_ENV=production webpack --progress --hide-modules",
@ -14,21 +14,21 @@
},
"devDependencies": {
"@babel/core": "^7.12.10",
"@storybook/addon-a11y": "6.5.0-alpha.49",
"@storybook/addon-actions": "6.5.0-alpha.49",
"@storybook/addon-backgrounds": "6.5.0-alpha.49",
"@storybook/addon-controls": "6.5.0-alpha.49",
"@storybook/addon-docs": "6.5.0-alpha.49",
"@storybook/addon-interactions": "6.5.0-alpha.49",
"@storybook/addon-links": "6.5.0-alpha.49",
"@storybook/addon-storyshots": "6.5.0-alpha.49",
"@storybook/addon-storysource": "6.5.0-alpha.49",
"@storybook/addon-viewport": "6.5.0-alpha.49",
"@storybook/addons": "6.5.0-alpha.49",
"@storybook/addon-a11y": "6.5.0-alpha.51",
"@storybook/addon-actions": "6.5.0-alpha.51",
"@storybook/addon-backgrounds": "6.5.0-alpha.51",
"@storybook/addon-controls": "6.5.0-alpha.51",
"@storybook/addon-docs": "6.5.0-alpha.51",
"@storybook/addon-interactions": "6.5.0-alpha.51",
"@storybook/addon-links": "6.5.0-alpha.51",
"@storybook/addon-storyshots": "6.5.0-alpha.51",
"@storybook/addon-storysource": "6.5.0-alpha.51",
"@storybook/addon-viewport": "6.5.0-alpha.51",
"@storybook/addons": "6.5.0-alpha.51",
"@storybook/jest": "^0.0.5",
"@storybook/source-loader": "6.5.0-alpha.49",
"@storybook/source-loader": "6.5.0-alpha.51",
"@storybook/testing-library": "^0.0.7",
"@storybook/vue": "6.5.0-alpha.49",
"@storybook/vue": "6.5.0-alpha.51",
"@vue/babel-preset-jsx": "^1.2.4",
"babel-loader": "^8.0.0",
"cross-env": "^7.0.3",

View File

@ -1,6 +1,6 @@
{
"name": "web-components-kitchen-sink",
"version": "6.5.0-alpha.49",
"version": "6.5.0-alpha.51",
"private": true,
"description": "",
"keywords": [],

View File

@ -2114,14 +2114,14 @@ __metadata:
version: 0.0.0-use.local
resolution: "@storybook/addon-a11y@portal:../../addons/a11y::locator=web-components-kitchen-sink%40workspace%3A."
dependencies:
"@storybook/addons": 6.5.0-alpha.47
"@storybook/api": 6.5.0-alpha.47
"@storybook/channels": 6.5.0-alpha.47
"@storybook/client-logger": 6.5.0-alpha.47
"@storybook/components": 6.5.0-alpha.47
"@storybook/core-events": 6.5.0-alpha.47
"@storybook/csf": 0.0.2--canary.87bc651.0
"@storybook/theming": 6.5.0-alpha.47
"@storybook/addons": 6.5.0-alpha.48
"@storybook/api": 6.5.0-alpha.48
"@storybook/channels": 6.5.0-alpha.48
"@storybook/client-logger": 6.5.0-alpha.48
"@storybook/components": 6.5.0-alpha.48
"@storybook/core-events": 6.5.0-alpha.48
"@storybook/csf": 0.0.2--canary.507502b.0
"@storybook/theming": 6.5.0-alpha.48
axe-core: ^4.2.0
core-js: ^3.8.2
global: ^4.4.0
@ -2145,12 +2145,12 @@ __metadata:
version: 0.0.0-use.local
resolution: "@storybook/addon-actions@portal:../../addons/actions::locator=web-components-kitchen-sink%40workspace%3A."
dependencies:
"@storybook/addons": 6.5.0-alpha.47
"@storybook/api": 6.5.0-alpha.47
"@storybook/components": 6.5.0-alpha.47
"@storybook/core-events": 6.5.0-alpha.47
"@storybook/csf": 0.0.2--canary.87bc651.0
"@storybook/theming": 6.5.0-alpha.47
"@storybook/addons": 6.5.0-alpha.48
"@storybook/api": 6.5.0-alpha.48
"@storybook/components": 6.5.0-alpha.48
"@storybook/core-events": 6.5.0-alpha.48
"@storybook/csf": 0.0.2--canary.507502b.0
"@storybook/theming": 6.5.0-alpha.48
core-js: ^3.8.2
fast-deep-equal: ^3.1.3
global: ^4.4.0
@ -2178,13 +2178,13 @@ __metadata:
version: 0.0.0-use.local
resolution: "@storybook/addon-backgrounds@portal:../../addons/backgrounds::locator=web-components-kitchen-sink%40workspace%3A."
dependencies:
"@storybook/addons": 6.5.0-alpha.47
"@storybook/api": 6.5.0-alpha.47
"@storybook/client-logger": 6.5.0-alpha.47
"@storybook/components": 6.5.0-alpha.47
"@storybook/core-events": 6.5.0-alpha.47
"@storybook/csf": 0.0.2--canary.87bc651.0
"@storybook/theming": 6.5.0-alpha.47
"@storybook/addons": 6.5.0-alpha.48
"@storybook/api": 6.5.0-alpha.48
"@storybook/client-logger": 6.5.0-alpha.48
"@storybook/components": 6.5.0-alpha.48
"@storybook/core-events": 6.5.0-alpha.48
"@storybook/csf": 0.0.2--canary.507502b.0
"@storybook/theming": 6.5.0-alpha.48
core-js: ^3.8.2
global: ^4.4.0
memoizerific: ^1.11.3
@ -2206,15 +2206,15 @@ __metadata:
version: 0.0.0-use.local
resolution: "@storybook/addon-controls@portal:../../addons/controls::locator=web-components-kitchen-sink%40workspace%3A."
dependencies:
"@storybook/addons": 6.5.0-alpha.47
"@storybook/api": 6.5.0-alpha.47
"@storybook/client-logger": 6.5.0-alpha.47
"@storybook/components": 6.5.0-alpha.47
"@storybook/core-common": 6.5.0-alpha.47
"@storybook/csf": 0.0.2--canary.87bc651.0
"@storybook/node-logger": 6.5.0-alpha.47
"@storybook/store": 6.5.0-alpha.47
"@storybook/theming": 6.5.0-alpha.47
"@storybook/addons": 6.5.0-alpha.48
"@storybook/api": 6.5.0-alpha.48
"@storybook/client-logger": 6.5.0-alpha.48
"@storybook/components": 6.5.0-alpha.48
"@storybook/core-common": 6.5.0-alpha.48
"@storybook/csf": 0.0.2--canary.507502b.0
"@storybook/node-logger": 6.5.0-alpha.48
"@storybook/store": 6.5.0-alpha.48
"@storybook/theming": 6.5.0-alpha.48
core-js: ^3.8.2
lodash: ^4.17.21
ts-dedent: ^2.0.0
@ -2237,20 +2237,20 @@ __metadata:
"@babel/preset-env": ^7.12.11
"@jest/transform": ^26.6.2
"@mdx-js/react": ^1.6.22
"@storybook/addons": 6.5.0-alpha.47
"@storybook/api": 6.5.0-alpha.47
"@storybook/components": 6.5.0-alpha.47
"@storybook/core-common": 6.5.0-alpha.47
"@storybook/core-events": 6.5.0-alpha.47
"@storybook/csf": 0.0.2--canary.87bc651.0
"@storybook/docs-tools": 6.5.0-alpha.47
"@storybook/addons": 6.5.0-alpha.48
"@storybook/api": 6.5.0-alpha.48
"@storybook/components": 6.5.0-alpha.48
"@storybook/core-common": 6.5.0-alpha.48
"@storybook/core-events": 6.5.0-alpha.48
"@storybook/csf": 0.0.2--canary.507502b.0
"@storybook/docs-tools": 6.5.0-alpha.48
"@storybook/mdx1-csf": canary
"@storybook/node-logger": 6.5.0-alpha.47
"@storybook/postinstall": 6.5.0-alpha.47
"@storybook/preview-web": 6.5.0-alpha.47
"@storybook/source-loader": 6.5.0-alpha.47
"@storybook/store": 6.5.0-alpha.47
"@storybook/theming": 6.5.0-alpha.47
"@storybook/node-logger": 6.5.0-alpha.48
"@storybook/postinstall": 6.5.0-alpha.48
"@storybook/preview-web": 6.5.0-alpha.48
"@storybook/source-loader": 6.5.0-alpha.48
"@storybook/store": 6.5.0-alpha.48
"@storybook/theming": 6.5.0-alpha.48
core-js: ^3.8.2
fast-deep-equal: ^3.1.3
global: ^4.4.0
@ -2310,11 +2310,11 @@ __metadata:
version: 0.0.0-use.local
resolution: "@storybook/addon-links@portal:../../addons/links::locator=web-components-kitchen-sink%40workspace%3A."
dependencies:
"@storybook/addons": 6.5.0-alpha.47
"@storybook/client-logger": 6.5.0-alpha.47
"@storybook/core-events": 6.5.0-alpha.47
"@storybook/csf": 0.0.2--canary.87bc651.0
"@storybook/router": 6.5.0-alpha.47
"@storybook/addons": 6.5.0-alpha.48
"@storybook/client-logger": 6.5.0-alpha.48
"@storybook/core-events": 6.5.0-alpha.48
"@storybook/csf": 0.0.2--canary.507502b.0
"@storybook/router": 6.5.0-alpha.48
"@types/qs": ^6.9.5
core-js: ^3.8.2
global: ^4.4.0
@ -2338,13 +2338,13 @@ __metadata:
resolution: "@storybook/addon-storyshots@portal:../../addons/storyshots/storyshots-core::locator=web-components-kitchen-sink%40workspace%3A."
dependencies:
"@jest/transform": ^26.6.2
"@storybook/addons": 6.5.0-alpha.47
"@storybook/addons": 6.5.0-alpha.48
"@storybook/babel-plugin-require-context-hook": 1.0.1
"@storybook/client-api": 6.5.0-alpha.47
"@storybook/core": 6.5.0-alpha.47
"@storybook/core-client": 6.5.0-alpha.47
"@storybook/core-common": 6.5.0-alpha.47
"@storybook/csf": 0.0.2--canary.87bc651.0
"@storybook/client-api": 6.5.0-alpha.48
"@storybook/core": 6.5.0-alpha.48
"@storybook/core-client": 6.5.0-alpha.48
"@storybook/core-common": 6.5.0-alpha.48
"@storybook/csf": 0.0.2--canary.507502b.0
"@types/glob": ^7.1.3
"@types/jest": ^26.0.16
"@types/jest-specific-snapshot": ^0.5.3
@ -2413,13 +2413,13 @@ __metadata:
version: 0.0.0-use.local
resolution: "@storybook/addon-storysource@portal:../../addons/storysource::locator=web-components-kitchen-sink%40workspace%3A."
dependencies:
"@storybook/addons": 6.5.0-alpha.47
"@storybook/api": 6.5.0-alpha.47
"@storybook/client-logger": 6.5.0-alpha.47
"@storybook/components": 6.5.0-alpha.47
"@storybook/router": 6.5.0-alpha.47
"@storybook/source-loader": 6.5.0-alpha.47
"@storybook/theming": 6.5.0-alpha.47
"@storybook/addons": 6.5.0-alpha.48
"@storybook/api": 6.5.0-alpha.48
"@storybook/client-logger": 6.5.0-alpha.48
"@storybook/components": 6.5.0-alpha.48
"@storybook/router": 6.5.0-alpha.48
"@storybook/source-loader": 6.5.0-alpha.48
"@storybook/theming": 6.5.0-alpha.48
core-js: ^3.8.2
estraverse: ^5.2.0
loader-utils: ^2.0.0
@ -2442,12 +2442,12 @@ __metadata:
version: 0.0.0-use.local
resolution: "@storybook/addon-viewport@portal:../../addons/viewport::locator=web-components-kitchen-sink%40workspace%3A."
dependencies:
"@storybook/addons": 6.5.0-alpha.47
"@storybook/api": 6.5.0-alpha.47
"@storybook/client-logger": 6.5.0-alpha.47
"@storybook/components": 6.5.0-alpha.47
"@storybook/core-events": 6.5.0-alpha.47
"@storybook/theming": 6.5.0-alpha.47
"@storybook/addons": 6.5.0-alpha.48
"@storybook/api": 6.5.0-alpha.48
"@storybook/client-logger": 6.5.0-alpha.48
"@storybook/components": 6.5.0-alpha.48
"@storybook/core-events": 6.5.0-alpha.48
"@storybook/theming": 6.5.0-alpha.48
core-js: ^3.8.2
global: ^4.4.0
memoizerific: ^1.11.3
@ -2468,13 +2468,13 @@ __metadata:
version: 0.0.0-use.local
resolution: "@storybook/addons@portal:../../lib/addons::locator=web-components-kitchen-sink%40workspace%3A."
dependencies:
"@storybook/api": 6.5.0-alpha.47
"@storybook/channels": 6.5.0-alpha.47
"@storybook/client-logger": 6.5.0-alpha.47
"@storybook/core-events": 6.5.0-alpha.47
"@storybook/csf": 0.0.2--canary.87bc651.0
"@storybook/router": 6.5.0-alpha.47
"@storybook/theming": 6.5.0-alpha.47
"@storybook/api": 6.5.0-alpha.48
"@storybook/channels": 6.5.0-alpha.48
"@storybook/client-logger": 6.5.0-alpha.48
"@storybook/core-events": 6.5.0-alpha.48
"@storybook/csf": 0.0.2--canary.507502b.0
"@storybook/router": 6.5.0-alpha.48
"@storybook/theming": 6.5.0-alpha.48
"@types/webpack-env": ^1.16.0
core-js: ^3.8.2
global: ^4.4.0
@ -2489,13 +2489,13 @@ __metadata:
version: 0.0.0-use.local
resolution: "@storybook/api@portal:../../lib/api::locator=web-components-kitchen-sink%40workspace%3A."
dependencies:
"@storybook/channels": 6.5.0-alpha.47
"@storybook/client-logger": 6.5.0-alpha.47
"@storybook/core-events": 6.5.0-alpha.47
"@storybook/csf": 0.0.2--canary.87bc651.0
"@storybook/router": 6.5.0-alpha.47
"@storybook/channels": 6.5.0-alpha.48
"@storybook/client-logger": 6.5.0-alpha.48
"@storybook/core-events": 6.5.0-alpha.48
"@storybook/csf": 0.0.2--canary.507502b.0
"@storybook/router": 6.5.0-alpha.48
"@storybook/semver": ^7.3.2
"@storybook/theming": 6.5.0-alpha.47
"@storybook/theming": 6.5.0-alpha.48
core-js: ^3.8.2
fast-deep-equal: ^3.1.3
global: ^4.4.0
@ -2524,22 +2524,22 @@ __metadata:
resolution: "@storybook/builder-webpack4@portal:../../lib/builder-webpack4::locator=web-components-kitchen-sink%40workspace%3A."
dependencies:
"@babel/core": ^7.12.10
"@storybook/addons": 6.5.0-alpha.47
"@storybook/api": 6.5.0-alpha.47
"@storybook/channel-postmessage": 6.5.0-alpha.47
"@storybook/channels": 6.5.0-alpha.47
"@storybook/client-api": 6.5.0-alpha.47
"@storybook/client-logger": 6.5.0-alpha.47
"@storybook/components": 6.5.0-alpha.47
"@storybook/core-common": 6.5.0-alpha.47
"@storybook/core-events": 6.5.0-alpha.47
"@storybook/node-logger": 6.5.0-alpha.47
"@storybook/preview-web": 6.5.0-alpha.47
"@storybook/router": 6.5.0-alpha.47
"@storybook/addons": 6.5.0-alpha.48
"@storybook/api": 6.5.0-alpha.48
"@storybook/channel-postmessage": 6.5.0-alpha.48
"@storybook/channels": 6.5.0-alpha.48
"@storybook/client-api": 6.5.0-alpha.48
"@storybook/client-logger": 6.5.0-alpha.48
"@storybook/components": 6.5.0-alpha.48
"@storybook/core-common": 6.5.0-alpha.48
"@storybook/core-events": 6.5.0-alpha.48
"@storybook/node-logger": 6.5.0-alpha.48
"@storybook/preview-web": 6.5.0-alpha.48
"@storybook/router": 6.5.0-alpha.48
"@storybook/semver": ^7.3.2
"@storybook/store": 6.5.0-alpha.47
"@storybook/theming": 6.5.0-alpha.47
"@storybook/ui": 6.5.0-alpha.47
"@storybook/store": 6.5.0-alpha.48
"@storybook/theming": 6.5.0-alpha.48
"@storybook/ui": 6.5.0-alpha.48
"@types/node": ^14.0.10 || ^16.0.0
"@types/webpack": ^4.41.26
autoprefixer: ^9.8.6
@ -2583,9 +2583,9 @@ __metadata:
version: 0.0.0-use.local
resolution: "@storybook/channel-postmessage@portal:../../lib/channel-postmessage::locator=web-components-kitchen-sink%40workspace%3A."
dependencies:
"@storybook/channels": 6.5.0-alpha.47
"@storybook/client-logger": 6.5.0-alpha.47
"@storybook/core-events": 6.5.0-alpha.47
"@storybook/channels": 6.5.0-alpha.48
"@storybook/client-logger": 6.5.0-alpha.48
"@storybook/core-events": 6.5.0-alpha.48
core-js: ^3.8.2
global: ^4.4.0
qs: ^6.10.0
@ -2597,8 +2597,8 @@ __metadata:
version: 0.0.0-use.local
resolution: "@storybook/channel-websocket@portal:../../lib/channel-websocket::locator=web-components-kitchen-sink%40workspace%3A."
dependencies:
"@storybook/channels": 6.5.0-alpha.47
"@storybook/client-logger": 6.5.0-alpha.47
"@storybook/channels": 6.5.0-alpha.48
"@storybook/client-logger": 6.5.0-alpha.48
core-js: ^3.8.2
global: ^4.4.0
telejson: ^5.3.3
@ -2619,13 +2619,13 @@ __metadata:
version: 0.0.0-use.local
resolution: "@storybook/client-api@portal:../../lib/client-api::locator=web-components-kitchen-sink%40workspace%3A."
dependencies:
"@storybook/addons": 6.5.0-alpha.47
"@storybook/channel-postmessage": 6.5.0-alpha.47
"@storybook/channels": 6.5.0-alpha.47
"@storybook/client-logger": 6.5.0-alpha.47
"@storybook/core-events": 6.5.0-alpha.47
"@storybook/csf": 0.0.2--canary.87bc651.0
"@storybook/store": 6.5.0-alpha.47
"@storybook/addons": 6.5.0-alpha.48
"@storybook/channel-postmessage": 6.5.0-alpha.48
"@storybook/channels": 6.5.0-alpha.48
"@storybook/client-logger": 6.5.0-alpha.48
"@storybook/core-events": 6.5.0-alpha.48
"@storybook/csf": 0.0.2--canary.507502b.0
"@storybook/store": 6.5.0-alpha.48
"@types/qs": ^6.9.5
"@types/webpack-env": ^1.16.0
core-js: ^3.8.2
@ -2658,9 +2658,9 @@ __metadata:
version: 0.0.0-use.local
resolution: "@storybook/components@portal:../../lib/components::locator=web-components-kitchen-sink%40workspace%3A."
dependencies:
"@storybook/client-logger": 6.5.0-alpha.47
"@storybook/csf": 0.0.2--canary.87bc651.0
"@storybook/theming": 6.5.0-alpha.47
"@storybook/client-logger": 6.5.0-alpha.48
"@storybook/csf": 0.0.2--canary.507502b.0
"@storybook/theming": 6.5.0-alpha.48
core-js: ^3.8.2
regenerator-runtime: ^0.13.7
peerDependencies:
@ -2673,16 +2673,16 @@ __metadata:
version: 0.0.0-use.local
resolution: "@storybook/core-client@portal:../../lib/core-client::locator=web-components-kitchen-sink%40workspace%3A."
dependencies:
"@storybook/addons": 6.5.0-alpha.47
"@storybook/channel-postmessage": 6.5.0-alpha.47
"@storybook/channel-websocket": 6.5.0-alpha.47
"@storybook/client-api": 6.5.0-alpha.47
"@storybook/client-logger": 6.5.0-alpha.47
"@storybook/core-events": 6.5.0-alpha.47
"@storybook/csf": 0.0.2--canary.87bc651.0
"@storybook/preview-web": 6.5.0-alpha.47
"@storybook/store": 6.5.0-alpha.47
"@storybook/ui": 6.5.0-alpha.47
"@storybook/addons": 6.5.0-alpha.48
"@storybook/channel-postmessage": 6.5.0-alpha.48
"@storybook/channel-websocket": 6.5.0-alpha.48
"@storybook/client-api": 6.5.0-alpha.48
"@storybook/client-logger": 6.5.0-alpha.48
"@storybook/core-events": 6.5.0-alpha.48
"@storybook/csf": 0.0.2--canary.507502b.0
"@storybook/preview-web": 6.5.0-alpha.48
"@storybook/store": 6.5.0-alpha.48
"@storybook/ui": 6.5.0-alpha.48
airbnb-js-shims: ^2.2.1
ansi-to-html: ^0.6.11
core-js: ^3.8.2
@ -2729,7 +2729,7 @@ __metadata:
"@babel/preset-react": ^7.12.10
"@babel/preset-typescript": ^7.12.7
"@babel/register": ^7.12.1
"@storybook/node-logger": 6.5.0-alpha.47
"@storybook/node-logger": 6.5.0-alpha.48
"@storybook/semver": ^7.3.2
"@types/node": ^14.0.10 || ^16.0.0
"@types/pretty-hrtime": ^1.0.0
@ -2779,16 +2779,16 @@ __metadata:
resolution: "@storybook/core-server@portal:../../lib/core-server::locator=web-components-kitchen-sink%40workspace%3A."
dependencies:
"@discoveryjs/json-ext": ^0.5.3
"@storybook/builder-webpack4": 6.5.0-alpha.47
"@storybook/core-client": 6.5.0-alpha.47
"@storybook/core-common": 6.5.0-alpha.47
"@storybook/core-events": 6.5.0-alpha.47
"@storybook/csf": 0.0.2--canary.87bc651.0
"@storybook/csf-tools": 6.5.0-alpha.47
"@storybook/manager-webpack4": 6.5.0-alpha.47
"@storybook/node-logger": 6.5.0-alpha.47
"@storybook/builder-webpack4": 6.5.0-alpha.48
"@storybook/core-client": 6.5.0-alpha.48
"@storybook/core-common": 6.5.0-alpha.48
"@storybook/core-events": 6.5.0-alpha.48
"@storybook/csf": 0.0.2--canary.507502b.0
"@storybook/csf-tools": 6.5.0-alpha.48
"@storybook/manager-webpack4": 6.5.0-alpha.48
"@storybook/node-logger": 6.5.0-alpha.48
"@storybook/semver": ^7.3.2
"@storybook/store": 6.5.0-alpha.47
"@storybook/store": 6.5.0-alpha.48
"@types/node": ^14.0.10 || ^16.0.0
"@types/node-fetch": ^2.5.7
"@types/pretty-hrtime": ^1.0.0
@ -2839,8 +2839,8 @@ __metadata:
version: 0.0.0-use.local
resolution: "@storybook/core@portal:../../lib/core::locator=web-components-kitchen-sink%40workspace%3A."
dependencies:
"@storybook/core-client": 6.5.0-alpha.47
"@storybook/core-server": 6.5.0-alpha.47
"@storybook/core-client": 6.5.0-alpha.48
"@storybook/core-server": 6.5.0-alpha.48
peerDependencies:
react: ^16.8.0 || ^17.0.0
react-dom: ^16.8.0 || ^17.0.0
@ -2866,7 +2866,7 @@ __metadata:
"@babel/preset-env": ^7.12.11
"@babel/traverse": ^7.12.11
"@babel/types": ^7.12.11
"@storybook/csf": 0.0.2--canary.87bc651.0
"@storybook/csf": 0.0.2--canary.507502b.0
"@storybook/mdx1-csf": canary
core-js: ^3.8.2
fs-extra: ^9.0.1
@ -2881,12 +2881,12 @@ __metadata:
languageName: node
linkType: soft
"@storybook/csf@npm:0.0.2--canary.87bc651.0":
version: 0.0.2--canary.87bc651.0
resolution: "@storybook/csf@npm:0.0.2--canary.87bc651.0"
"@storybook/csf@npm:0.0.2--canary.507502b.0":
version: 0.0.2--canary.507502b.0
resolution: "@storybook/csf@npm:0.0.2--canary.507502b.0"
dependencies:
lodash: ^4.17.15
checksum: 0e7c378b358666ddae637ffba4c4345bed0a2603138528cbc5049f416a62a74cd8ab917856d444bf0b7b3dc0ba52186456c24b21ccb1f028dc5cd43e7f2509dc
checksum: 1d48f1d320a6dbbdc7932943ffdba51783a16d86ea870a7c1b4438978fc8a6bd0600399cf748bcdf295f7fcd8ac80b62c6aebc1c68aac9ffe30ba8f3fbbf8f13
languageName: node
linkType: hard
@ -2895,9 +2895,8 @@ __metadata:
resolution: "@storybook/docs-tools@portal:../../lib/docs-tools::locator=web-components-kitchen-sink%40workspace%3A."
dependencies:
"@babel/core": ^7.12.10
"@storybook/csf": 0.0.2--canary.87bc651.0
"@storybook/node-logger": 6.5.0-alpha.47
"@storybook/store": 6.5.0-alpha.47
"@storybook/csf": 0.0.2--canary.507502b.0
"@storybook/store": 6.5.0-alpha.48
core-js: ^3.8.2
doctrine: ^3.0.0
lodash: ^4.17.21
@ -2912,12 +2911,12 @@ __metadata:
"@babel/core": ^7.12.10
"@babel/plugin-transform-template-literals": ^7.12.1
"@babel/preset-react": ^7.12.10
"@storybook/addons": 6.5.0-alpha.47
"@storybook/core-client": 6.5.0-alpha.47
"@storybook/core-common": 6.5.0-alpha.47
"@storybook/node-logger": 6.5.0-alpha.47
"@storybook/theming": 6.5.0-alpha.47
"@storybook/ui": 6.5.0-alpha.47
"@storybook/addons": 6.5.0-alpha.48
"@storybook/core-client": 6.5.0-alpha.48
"@storybook/core-common": 6.5.0-alpha.48
"@storybook/node-logger": 6.5.0-alpha.48
"@storybook/theming": 6.5.0-alpha.48
"@storybook/ui": 6.5.0-alpha.48
"@types/node": ^14.0.10 || ^16.0.0
"@types/webpack": ^4.41.26
babel-loader: ^8.0.0
@ -2996,12 +2995,12 @@ __metadata:
version: 0.0.0-use.local
resolution: "@storybook/preview-web@portal:../../lib/preview-web::locator=web-components-kitchen-sink%40workspace%3A."
dependencies:
"@storybook/addons": 6.5.0-alpha.47
"@storybook/channel-postmessage": 6.5.0-alpha.47
"@storybook/client-logger": 6.5.0-alpha.47
"@storybook/core-events": 6.5.0-alpha.47
"@storybook/csf": 0.0.2--canary.87bc651.0
"@storybook/store": 6.5.0-alpha.47
"@storybook/addons": 6.5.0-alpha.48
"@storybook/channel-postmessage": 6.5.0-alpha.48
"@storybook/client-logger": 6.5.0-alpha.48
"@storybook/core-events": 6.5.0-alpha.48
"@storybook/csf": 0.0.2--canary.507502b.0
"@storybook/store": 6.5.0-alpha.48
ansi-to-html: ^0.6.11
core-js: ^3.8.2
global: ^4.4.0
@ -3022,7 +3021,7 @@ __metadata:
version: 0.0.0-use.local
resolution: "@storybook/router@portal:../../lib/router::locator=web-components-kitchen-sink%40workspace%3A."
dependencies:
"@storybook/client-logger": 6.5.0-alpha.47
"@storybook/client-logger": 6.5.0-alpha.48
core-js: ^3.8.2
regenerator-runtime: ^0.13.7
peerDependencies:
@ -3047,9 +3046,9 @@ __metadata:
version: 0.0.0-use.local
resolution: "@storybook/source-loader@portal:../../lib/source-loader::locator=web-components-kitchen-sink%40workspace%3A."
dependencies:
"@storybook/addons": 6.5.0-alpha.47
"@storybook/client-logger": 6.5.0-alpha.47
"@storybook/csf": 0.0.2--canary.87bc651.0
"@storybook/addons": 6.5.0-alpha.48
"@storybook/client-logger": 6.5.0-alpha.48
"@storybook/csf": 0.0.2--canary.507502b.0
core-js: ^3.8.2
estraverse: ^5.2.0
global: ^4.4.0
@ -3067,10 +3066,10 @@ __metadata:
version: 0.0.0-use.local
resolution: "@storybook/store@portal:../../lib/store::locator=web-components-kitchen-sink%40workspace%3A."
dependencies:
"@storybook/addons": 6.5.0-alpha.47
"@storybook/client-logger": 6.5.0-alpha.47
"@storybook/core-events": 6.5.0-alpha.47
"@storybook/csf": 0.0.2--canary.87bc651.0
"@storybook/addons": 6.5.0-alpha.48
"@storybook/client-logger": 6.5.0-alpha.48
"@storybook/core-events": 6.5.0-alpha.48
"@storybook/csf": 0.0.2--canary.507502b.0
core-js: ^3.8.2
fast-deep-equal: ^3.1.3
global: ^4.4.0
@ -3092,7 +3091,7 @@ __metadata:
version: 0.0.0-use.local
resolution: "@storybook/theming@portal:../../lib/theming::locator=web-components-kitchen-sink%40workspace%3A."
dependencies:
"@storybook/client-logger": 6.5.0-alpha.47
"@storybook/client-logger": 6.5.0-alpha.48
core-js: ^3.8.2
regenerator-runtime: ^0.13.7
peerDependencies:
@ -3105,15 +3104,15 @@ __metadata:
version: 0.0.0-use.local
resolution: "@storybook/ui@portal:../../lib/ui::locator=web-components-kitchen-sink%40workspace%3A."
dependencies:
"@storybook/addons": 6.5.0-alpha.47
"@storybook/api": 6.5.0-alpha.47
"@storybook/channels": 6.5.0-alpha.47
"@storybook/client-logger": 6.5.0-alpha.47
"@storybook/components": 6.5.0-alpha.47
"@storybook/core-events": 6.5.0-alpha.47
"@storybook/router": 6.5.0-alpha.47
"@storybook/addons": 6.5.0-alpha.48
"@storybook/api": 6.5.0-alpha.48
"@storybook/channels": 6.5.0-alpha.48
"@storybook/client-logger": 6.5.0-alpha.48
"@storybook/components": 6.5.0-alpha.48
"@storybook/core-events": 6.5.0-alpha.48
"@storybook/router": 6.5.0-alpha.48
"@storybook/semver": ^7.3.2
"@storybook/theming": 6.5.0-alpha.47
"@storybook/theming": 6.5.0-alpha.48
core-js: ^3.8.2
regenerator-runtime: ^0.13.7
resolve-from: ^5.0.0
@ -3130,15 +3129,15 @@ __metadata:
"@babel/plugin-syntax-dynamic-import": ^7.8.3
"@babel/plugin-syntax-import-meta": ^7.10.4
"@babel/preset-env": ^7.12.11
"@storybook/addons": 6.5.0-alpha.47
"@storybook/client-api": 6.5.0-alpha.47
"@storybook/client-logger": 6.5.0-alpha.47
"@storybook/core": 6.5.0-alpha.47
"@storybook/core-common": 6.5.0-alpha.47
"@storybook/csf": 0.0.2--canary.87bc651.0
"@storybook/docs-tools": 6.5.0-alpha.47
"@storybook/preview-web": 6.5.0-alpha.47
"@storybook/store": 6.5.0-alpha.47
"@storybook/addons": 6.5.0-alpha.48
"@storybook/client-api": 6.5.0-alpha.48
"@storybook/client-logger": 6.5.0-alpha.48
"@storybook/core": 6.5.0-alpha.48
"@storybook/core-common": 6.5.0-alpha.48
"@storybook/csf": 0.0.2--canary.507502b.0
"@storybook/docs-tools": 6.5.0-alpha.48
"@storybook/preview-web": 6.5.0-alpha.48
"@storybook/store": 6.5.0-alpha.48
"@types/node": ^14.14.20 || ^16.0.0
"@types/webpack-env": ^1.16.0
babel-plugin-bundled-import-meta: ^0.3.1

View File

@ -77,6 +77,8 @@ module.exports = {
'/generators/',
'/dll/',
'/__mocks__ /',
'/__mockdata__/',
'/__mocks-ng-workspace__/',
'/__testfixtures__/',
'^.*\\.stories\\.[jt]sx?$',
],

View File

@ -2,5 +2,5 @@
"npmClient": "yarn",
"useWorkspaces": true,
"registry": "https://registry.npmjs.org",
"version": "6.5.0-alpha.49"
"version": "6.5.0-alpha.51"
}

View File

@ -1,6 +1,6 @@
{
"name": "@storybook/addons",
"version": "6.5.0-alpha.49",
"version": "6.5.0-alpha.51",
"description": "Storybook addons store",
"keywords": [
"storybook"
@ -40,13 +40,13 @@
"prepare": "node ../../scripts/prepare.js"
},
"dependencies": {
"@storybook/api": "6.5.0-alpha.49",
"@storybook/channels": "6.5.0-alpha.49",
"@storybook/client-logger": "6.5.0-alpha.49",
"@storybook/core-events": "6.5.0-alpha.49",
"@storybook/csf": "0.0.2--canary.87bc651.0",
"@storybook/router": "6.5.0-alpha.49",
"@storybook/theming": "6.5.0-alpha.49",
"@storybook/api": "6.5.0-alpha.51",
"@storybook/channels": "6.5.0-alpha.51",
"@storybook/client-logger": "6.5.0-alpha.51",
"@storybook/core-events": "6.5.0-alpha.51",
"@storybook/csf": "0.0.2--canary.507502b.0",
"@storybook/router": "6.5.0-alpha.51",
"@storybook/theming": "6.5.0-alpha.51",
"@types/webpack-env": "^1.16.0",
"core-js": "^3.8.2",
"global": "^4.4.0",
@ -59,6 +59,6 @@
"publishConfig": {
"access": "public"
},
"gitHead": "5cd3cd92ff4ab3dce81726f0d3913d7077926bee",
"gitHead": "cfcdc7fb74d3cf60eae8dd0b5a626d67ed180d42",
"sbmodern": "dist/modern/public_api.js"
}

View File

@ -1,6 +1,6 @@
{
"name": "@storybook/api",
"version": "6.5.0-alpha.49",
"version": "6.5.0-alpha.51",
"description": "Core Storybook API & Context",
"keywords": [
"storybook"
@ -38,13 +38,13 @@
"prepare": "node ../../scripts/prepare.js"
},
"dependencies": {
"@storybook/channels": "6.5.0-alpha.49",
"@storybook/client-logger": "6.5.0-alpha.49",
"@storybook/core-events": "6.5.0-alpha.49",
"@storybook/csf": "0.0.2--canary.87bc651.0",
"@storybook/router": "6.5.0-alpha.49",
"@storybook/channels": "6.5.0-alpha.51",
"@storybook/client-logger": "6.5.0-alpha.51",
"@storybook/core-events": "6.5.0-alpha.51",
"@storybook/csf": "0.0.2--canary.507502b.0",
"@storybook/router": "6.5.0-alpha.51",
"@storybook/semver": "^7.3.2",
"@storybook/theming": "6.5.0-alpha.49",
"@storybook/theming": "6.5.0-alpha.51",
"core-js": "^3.8.2",
"fast-deep-equal": "^3.1.3",
"global": "^4.4.0",
@ -71,6 +71,6 @@
"publishConfig": {
"access": "public"
},
"gitHead": "5cd3cd92ff4ab3dce81726f0d3913d7077926bee",
"gitHead": "cfcdc7fb74d3cf60eae8dd0b5a626d67ed180d42",
"sbmodern": "dist/modern/index.js"
}

View File

@ -25,6 +25,7 @@ import { createContext } from './context';
import Store, { Options } from './store';
import getInitialState from './initial-state';
import type { StoriesHash, Story, Root, Group } from './lib/stories';
import type { ComposedRef, Refs } from './modules/refs';
import { isGroup, isRoot, isStory } from './lib/stories';
import * as provider from './modules/provider';
@ -116,6 +117,8 @@ export interface ArgType {
name?: string;
description?: string;
defaultValue?: any;
addIf?: string;
removeIf?: string;
[key: string]: any;
}
@ -328,7 +331,7 @@ export function useStorybookApi(): API {
return api;
}
export type { StoriesHash, Story, Root, Group };
export type { StoriesHash, Story, Root, Group, ComposedRef, Refs };
export { ManagerConsumer as Consumer, ManagerProvider as Provider, isGroup, isRoot, isStory };
export interface EventMap {

View File

@ -1 +1 @@
export const version = '6.5.0-alpha.49';
export const version = '6.5.0-alpha.51';

View File

@ -1,6 +1,6 @@
{
"name": "@storybook/builder-webpack4",
"version": "6.5.0-alpha.49",
"version": "6.5.0-alpha.51",
"description": "Storybook framework-agnostic API",
"keywords": [
"storybook"
@ -40,22 +40,22 @@
},
"dependencies": {
"@babel/core": "^7.12.10",
"@storybook/addons": "6.5.0-alpha.49",
"@storybook/api": "6.5.0-alpha.49",
"@storybook/channel-postmessage": "6.5.0-alpha.49",
"@storybook/channels": "6.5.0-alpha.49",
"@storybook/client-api": "6.5.0-alpha.49",
"@storybook/client-logger": "6.5.0-alpha.49",
"@storybook/components": "6.5.0-alpha.49",
"@storybook/core-common": "6.5.0-alpha.49",
"@storybook/core-events": "6.5.0-alpha.49",
"@storybook/node-logger": "6.5.0-alpha.49",
"@storybook/preview-web": "6.5.0-alpha.49",
"@storybook/router": "6.5.0-alpha.49",
"@storybook/addons": "6.5.0-alpha.51",
"@storybook/api": "6.5.0-alpha.51",
"@storybook/channel-postmessage": "6.5.0-alpha.51",
"@storybook/channels": "6.5.0-alpha.51",
"@storybook/client-api": "6.5.0-alpha.51",
"@storybook/client-logger": "6.5.0-alpha.51",
"@storybook/components": "6.5.0-alpha.51",
"@storybook/core-common": "6.5.0-alpha.51",
"@storybook/core-events": "6.5.0-alpha.51",
"@storybook/node-logger": "6.5.0-alpha.51",
"@storybook/preview-web": "6.5.0-alpha.51",
"@storybook/router": "6.5.0-alpha.51",
"@storybook/semver": "^7.3.2",
"@storybook/store": "6.5.0-alpha.49",
"@storybook/theming": "6.5.0-alpha.49",
"@storybook/ui": "6.5.0-alpha.49",
"@storybook/store": "6.5.0-alpha.51",
"@storybook/theming": "6.5.0-alpha.51",
"@storybook/ui": "6.5.0-alpha.51",
"@types/node": "^14.0.10 || ^16.0.0",
"@types/webpack": "^4.41.26",
"autoprefixer": "^9.8.6",
@ -106,6 +106,6 @@
"publishConfig": {
"access": "public"
},
"gitHead": "5cd3cd92ff4ab3dce81726f0d3913d7077926bee",
"gitHead": "cfcdc7fb74d3cf60eae8dd0b5a626d67ed180d42",
"sbmodern": "dist/modern/index.js"
}

View File

@ -1,6 +1,6 @@
{
"name": "@storybook/builder-webpack5",
"version": "6.5.0-alpha.49",
"version": "6.5.0-alpha.51",
"description": "Storybook framework-agnostic API",
"keywords": [
"storybook"
@ -40,21 +40,21 @@
},
"dependencies": {
"@babel/core": "^7.12.10",
"@storybook/addons": "6.5.0-alpha.49",
"@storybook/api": "6.5.0-alpha.49",
"@storybook/channel-postmessage": "6.5.0-alpha.49",
"@storybook/channels": "6.5.0-alpha.49",
"@storybook/client-api": "6.5.0-alpha.49",
"@storybook/client-logger": "6.5.0-alpha.49",
"@storybook/components": "6.5.0-alpha.49",
"@storybook/core-common": "6.5.0-alpha.49",
"@storybook/core-events": "6.5.0-alpha.49",
"@storybook/node-logger": "6.5.0-alpha.49",
"@storybook/preview-web": "6.5.0-alpha.49",
"@storybook/router": "6.5.0-alpha.49",
"@storybook/addons": "6.5.0-alpha.51",
"@storybook/api": "6.5.0-alpha.51",
"@storybook/channel-postmessage": "6.5.0-alpha.51",
"@storybook/channels": "6.5.0-alpha.51",
"@storybook/client-api": "6.5.0-alpha.51",
"@storybook/client-logger": "6.5.0-alpha.51",
"@storybook/components": "6.5.0-alpha.51",
"@storybook/core-common": "6.5.0-alpha.51",
"@storybook/core-events": "6.5.0-alpha.51",
"@storybook/node-logger": "6.5.0-alpha.51",
"@storybook/preview-web": "6.5.0-alpha.51",
"@storybook/router": "6.5.0-alpha.51",
"@storybook/semver": "^7.3.2",
"@storybook/store": "6.5.0-alpha.49",
"@storybook/theming": "6.5.0-alpha.49",
"@storybook/store": "6.5.0-alpha.51",
"@storybook/theming": "6.5.0-alpha.51",
"@types/node": "^14.0.10 || ^16.0.0",
"babel-loader": "^8.0.0",
"babel-plugin-named-exports-order": "^0.0.2",
@ -97,6 +97,6 @@
"publishConfig": {
"access": "public"
},
"gitHead": "5cd3cd92ff4ab3dce81726f0d3913d7077926bee",
"gitHead": "cfcdc7fb74d3cf60eae8dd0b5a626d67ed180d42",
"sbmodern": "dist/modern/index.js"
}

View File

@ -1,6 +1,6 @@
{
"name": "@storybook/channel-postmessage",
"version": "6.5.0-alpha.49",
"version": "6.5.0-alpha.51",
"description": "",
"keywords": [
"storybook"
@ -40,9 +40,9 @@
"prepare": "node ../../scripts/prepare.js"
},
"dependencies": {
"@storybook/channels": "6.5.0-alpha.49",
"@storybook/client-logger": "6.5.0-alpha.49",
"@storybook/core-events": "6.5.0-alpha.49",
"@storybook/channels": "6.5.0-alpha.51",
"@storybook/client-logger": "6.5.0-alpha.51",
"@storybook/core-events": "6.5.0-alpha.51",
"core-js": "^3.8.2",
"global": "^4.4.0",
"qs": "^6.10.0",
@ -51,6 +51,6 @@
"publishConfig": {
"access": "public"
},
"gitHead": "5cd3cd92ff4ab3dce81726f0d3913d7077926bee",
"gitHead": "cfcdc7fb74d3cf60eae8dd0b5a626d67ed180d42",
"sbmodern": "dist/modern/index.js"
}

View File

@ -1,6 +1,6 @@
{
"name": "@storybook/channel-websocket",
"version": "6.5.0-alpha.49",
"version": "6.5.0-alpha.51",
"description": "",
"keywords": [
"storybook"
@ -40,8 +40,8 @@
"prepare": "node ../../scripts/prepare.js"
},
"dependencies": {
"@storybook/channels": "6.5.0-alpha.49",
"@storybook/client-logger": "6.5.0-alpha.49",
"@storybook/channels": "6.5.0-alpha.51",
"@storybook/client-logger": "6.5.0-alpha.51",
"core-js": "^3.8.2",
"global": "^4.4.0",
"telejson": "^5.3.3"
@ -49,6 +49,6 @@
"publishConfig": {
"access": "public"
},
"gitHead": "5cd3cd92ff4ab3dce81726f0d3913d7077926bee",
"gitHead": "cfcdc7fb74d3cf60eae8dd0b5a626d67ed180d42",
"sbmodern": "dist/modern/index.js"
}

View File

@ -1,6 +1,6 @@
{
"name": "@storybook/channels",
"version": "6.5.0-alpha.49",
"version": "6.5.0-alpha.51",
"description": "",
"keywords": [
"storybook"
@ -47,6 +47,6 @@
"publishConfig": {
"access": "public"
},
"gitHead": "5cd3cd92ff4ab3dce81726f0d3913d7077926bee",
"gitHead": "cfcdc7fb74d3cf60eae8dd0b5a626d67ed180d42",
"sbmodern": "dist/modern/index.js"
}

View File

@ -1,6 +1,6 @@
{
"name": "sb",
"version": "6.5.0-alpha.49",
"version": "6.5.0-alpha.51",
"description": "Storybook CLI",
"keywords": [
"storybook"
@ -24,10 +24,10 @@
"prepare": "node ../../scripts/prepare.js"
},
"dependencies": {
"@storybook/cli": "6.5.0-alpha.49"
"@storybook/cli": "6.5.0-alpha.51"
},
"publishConfig": {
"access": "public"
},
"gitHead": "5cd3cd92ff4ab3dce81726f0d3913d7077926bee"
"gitHead": "cfcdc7fb74d3cf60eae8dd0b5a626d67ed180d42"
}

View File

@ -1,6 +1,6 @@
{
"name": "storybook",
"version": "6.5.0-alpha.49",
"version": "6.5.0-alpha.51",
"description": "Storybook CLI",
"keywords": [
"storybook"
@ -27,10 +27,10 @@
"prepare": "node ../../scripts/prepare.js"
},
"dependencies": {
"@storybook/cli": "6.5.0-alpha.49"
"@storybook/cli": "6.5.0-alpha.51"
},
"publishConfig": {
"access": "public"
},
"gitHead": "5cd3cd92ff4ab3dce81726f0d3913d7077926bee"
"gitHead": "cfcdc7fb74d3cf60eae8dd0b5a626d67ed180d42"
}

View File

@ -1,6 +1,6 @@
{
"name": "@storybook/cli",
"version": "6.5.0-alpha.49",
"version": "6.5.0-alpha.51",
"description": "Storybook's CLI - easiest method of adding storybook to your projects",
"keywords": [
"cli",
@ -47,10 +47,10 @@
"dependencies": {
"@babel/core": "^7.12.10",
"@babel/preset-env": "^7.12.11",
"@storybook/codemod": "6.5.0-alpha.49",
"@storybook/core-common": "6.5.0-alpha.49",
"@storybook/csf-tools": "6.5.0-alpha.49",
"@storybook/node-logger": "6.5.0-alpha.49",
"@storybook/codemod": "6.5.0-alpha.51",
"@storybook/core-common": "6.5.0-alpha.51",
"@storybook/csf-tools": "6.5.0-alpha.51",
"@storybook/node-logger": "6.5.0-alpha.51",
"@storybook/semver": "^7.3.2",
"boxen": "^5.1.2",
"chalk": "^4.1.0",
@ -75,7 +75,7 @@
"update-notifier": "^5.0.1"
},
"devDependencies": {
"@storybook/client-api": "6.5.0-alpha.49",
"@storybook/client-api": "6.5.0-alpha.51",
"@types/cross-spawn": "^6.0.2",
"@types/prompts": "^2.0.9",
"@types/puppeteer-core": "^2.1.0",
@ -91,5 +91,5 @@
"publishConfig": {
"access": "public"
},
"gitHead": "5cd3cd92ff4ab3dce81726f0d3913d7077926bee"
"gitHead": "cfcdc7fb74d3cf60eae8dd0b5a626d67ed180d42"
}

View File

@ -1,4 +1,5 @@
import { SupportedFrameworks } from '../project_types';
import type { StorybookConfig } from '@storybook/core-common';
import type { SupportedFrameworks } from '../project_types';
export interface Parameters {
framework: SupportedFrameworks;
@ -14,6 +15,8 @@ export interface Parameters {
additionalDeps?: string[];
/** Add typescript dependency and creates a tsconfig.json file */
typescript?: boolean;
/** Merge configurations to main.js before running the tests */
mainOverrides?: Partial<StorybookConfig> & Record<string, any>;
}
const fromDeps = (...args: string[]): string =>
@ -129,6 +132,18 @@ export const angular13: Parameters = {
version: '13.1.x',
};
export const angular_modern_inline_rendering: Parameters = {
...baseAngular,
name: 'angular_modern_inline_rendering',
additionalDeps: ['jest', '@storybook/test-runner'],
mainOverrides: {
features: {
storyStoreV7: true,
modernInlineRender: true,
},
},
};
export const angular: Parameters = baseAngular;
// #endregion

View File

@ -1,8 +1,9 @@
import path from 'path';
import { writeJSON } from 'fs-extra';
import { readJSON, writeJSON } from 'fs-extra';
import shell, { ExecOptions } from 'shelljs';
import chalk from 'chalk';
import { cra, cra_typescript } from './configs';
import storybookVersions from '../versions';
const logger = console;
@ -70,6 +71,14 @@ export const exec = async (
});
};
const addPackageResolutions = async ({ cwd }: Options) => {
logger.info(`🔢 Adding package resolutions:`);
const packageJsonPath = path.join(cwd, 'package.json');
const packageJson = await readJSON(packageJsonPath);
packageJson.resolutions = storybookVersions;
await writeJSON(packageJsonPath, packageJson, { spaces: 2 });
};
const installYarn2 = async ({ cwd, pnp, name }: Options) => {
const command = [
`yarn set version berry`,
@ -219,6 +228,9 @@ export const createAndInit = async (
logger.log();
await doTask(generate, { ...options, cwd: options.creationPath });
if (e2e) {
await doTask(addPackageResolutions, options);
}
await doTask(installYarn2, options);
await doTask(configureYarn2ForE2E, options, e2e);
await doTask(addTypescript, options, !!options.typescript);

View File

@ -1,59 +1,59 @@
// auto generated file, do not edit
export default {
"@storybook/addon-a11y": "6.5.0-alpha.49",
"@storybook/addon-actions": "6.5.0-alpha.49",
"@storybook/addon-backgrounds": "6.5.0-alpha.49",
"@storybook/addon-controls": "6.5.0-alpha.49",
"@storybook/addon-docs": "6.5.0-alpha.49",
"@storybook/addon-essentials": "6.5.0-alpha.49",
"@storybook/addon-interactions": "6.5.0-alpha.49",
"@storybook/addon-jest": "6.5.0-alpha.49",
"@storybook/addon-links": "6.5.0-alpha.49",
"@storybook/addon-measure": "6.5.0-alpha.49",
"@storybook/addon-outline": "6.5.0-alpha.49",
"@storybook/addon-storyshots": "6.5.0-alpha.49",
"@storybook/addon-storyshots-puppeteer": "6.5.0-alpha.49",
"@storybook/addon-storysource": "6.5.0-alpha.49",
"@storybook/addon-toolbars": "6.5.0-alpha.49",
"@storybook/addon-viewport": "6.5.0-alpha.49",
"@storybook/addons": "6.5.0-alpha.49",
"@storybook/angular": "6.5.0-alpha.49",
"@storybook/api": "6.5.0-alpha.49",
"@storybook/builder-webpack4": "6.5.0-alpha.49",
"@storybook/builder-webpack5": "6.5.0-alpha.49",
"@storybook/channel-postmessage": "6.5.0-alpha.49",
"@storybook/channel-websocket": "6.5.0-alpha.49",
"@storybook/channels": "6.5.0-alpha.49",
"@storybook/cli": "6.5.0-alpha.49",
"@storybook/client-api": "6.5.0-alpha.49",
"@storybook/client-logger": "6.5.0-alpha.49",
"@storybook/codemod": "6.5.0-alpha.49",
"@storybook/components": "6.5.0-alpha.49",
"@storybook/core": "6.5.0-alpha.49",
"@storybook/core-client": "6.5.0-alpha.49",
"@storybook/core-common": "6.5.0-alpha.49",
"@storybook/core-events": "6.5.0-alpha.49",
"@storybook/core-server": "6.5.0-alpha.49",
"@storybook/csf-tools": "6.5.0-alpha.49",
"@storybook/docs-tools": "6.5.0-alpha.49",
"@storybook/ember": "6.5.0-alpha.49",
"@storybook/html": "6.5.0-alpha.49",
"@storybook/instrumenter": "6.5.0-alpha.49",
"@storybook/manager-webpack4": "6.5.0-alpha.49",
"@storybook/manager-webpack5": "6.5.0-alpha.49",
"@storybook/node-logger": "6.5.0-alpha.49",
"@storybook/postinstall": "6.5.0-alpha.49",
"@storybook/preact": "6.5.0-alpha.49",
"@storybook/preview-web": "6.5.0-alpha.49",
"@storybook/react": "6.5.0-alpha.49",
"@storybook/router": "6.5.0-alpha.49",
"@storybook/server": "6.5.0-alpha.49",
"@storybook/source-loader": "6.5.0-alpha.49",
"@storybook/store": "6.5.0-alpha.49",
"@storybook/svelte": "6.5.0-alpha.49",
"@storybook/theming": "6.5.0-alpha.49",
"@storybook/ui": "6.5.0-alpha.49",
"@storybook/vue": "6.5.0-alpha.49",
"@storybook/vue3": "6.5.0-alpha.49",
"@storybook/web-components": "6.5.0-alpha.49"
}
'@storybook/addon-a11y': '6.5.0-alpha.51',
'@storybook/addon-actions': '6.5.0-alpha.51',
'@storybook/addon-backgrounds': '6.5.0-alpha.51',
'@storybook/addon-controls': '6.5.0-alpha.51',
'@storybook/addon-docs': '6.5.0-alpha.51',
'@storybook/addon-essentials': '6.5.0-alpha.51',
'@storybook/addon-interactions': '6.5.0-alpha.51',
'@storybook/addon-jest': '6.5.0-alpha.51',
'@storybook/addon-links': '6.5.0-alpha.51',
'@storybook/addon-measure': '6.5.0-alpha.51',
'@storybook/addon-outline': '6.5.0-alpha.51',
'@storybook/addon-storyshots': '6.5.0-alpha.51',
'@storybook/addon-storyshots-puppeteer': '6.5.0-alpha.51',
'@storybook/addon-storysource': '6.5.0-alpha.51',
'@storybook/addon-toolbars': '6.5.0-alpha.51',
'@storybook/addon-viewport': '6.5.0-alpha.51',
'@storybook/addons': '6.5.0-alpha.51',
'@storybook/angular': '6.5.0-alpha.51',
'@storybook/api': '6.5.0-alpha.51',
'@storybook/builder-webpack4': '6.5.0-alpha.51',
'@storybook/builder-webpack5': '6.5.0-alpha.51',
'@storybook/channel-postmessage': '6.5.0-alpha.51',
'@storybook/channel-websocket': '6.5.0-alpha.51',
'@storybook/channels': '6.5.0-alpha.51',
'@storybook/cli': '6.5.0-alpha.51',
'@storybook/client-api': '6.5.0-alpha.51',
'@storybook/client-logger': '6.5.0-alpha.51',
'@storybook/codemod': '6.5.0-alpha.51',
'@storybook/components': '6.5.0-alpha.51',
'@storybook/core': '6.5.0-alpha.51',
'@storybook/core-client': '6.5.0-alpha.51',
'@storybook/core-common': '6.5.0-alpha.51',
'@storybook/core-events': '6.5.0-alpha.51',
'@storybook/core-server': '6.5.0-alpha.51',
'@storybook/csf-tools': '6.5.0-alpha.51',
'@storybook/docs-tools': '6.5.0-alpha.51',
'@storybook/ember': '6.5.0-alpha.51',
'@storybook/html': '6.5.0-alpha.51',
'@storybook/instrumenter': '6.5.0-alpha.51',
'@storybook/manager-webpack4': '6.5.0-alpha.51',
'@storybook/manager-webpack5': '6.5.0-alpha.51',
'@storybook/node-logger': '6.5.0-alpha.51',
'@storybook/postinstall': '6.5.0-alpha.51',
'@storybook/preact': '6.5.0-alpha.51',
'@storybook/preview-web': '6.5.0-alpha.51',
'@storybook/react': '6.5.0-alpha.51',
'@storybook/router': '6.5.0-alpha.51',
'@storybook/server': '6.5.0-alpha.51',
'@storybook/source-loader': '6.5.0-alpha.51',
'@storybook/store': '6.5.0-alpha.51',
'@storybook/svelte': '6.5.0-alpha.51',
'@storybook/theming': '6.5.0-alpha.51',
'@storybook/ui': '6.5.0-alpha.51',
'@storybook/vue': '6.5.0-alpha.51',
'@storybook/vue3': '6.5.0-alpha.51',
'@storybook/web-components': '6.5.0-alpha.51',
};

View File

@ -1,6 +1,6 @@
{
"name": "@storybook/client-api",
"version": "6.5.0-alpha.49",
"version": "6.5.0-alpha.51",
"description": "Storybook Client API",
"keywords": [
"storybook"
@ -40,13 +40,13 @@
"prepare": "node ../../scripts/prepare.js"
},
"dependencies": {
"@storybook/addons": "6.5.0-alpha.49",
"@storybook/channel-postmessage": "6.5.0-alpha.49",
"@storybook/channels": "6.5.0-alpha.49",
"@storybook/client-logger": "6.5.0-alpha.49",
"@storybook/core-events": "6.5.0-alpha.49",
"@storybook/csf": "0.0.2--canary.87bc651.0",
"@storybook/store": "6.5.0-alpha.49",
"@storybook/addons": "6.5.0-alpha.51",
"@storybook/channel-postmessage": "6.5.0-alpha.51",
"@storybook/channels": "6.5.0-alpha.51",
"@storybook/client-logger": "6.5.0-alpha.51",
"@storybook/core-events": "6.5.0-alpha.51",
"@storybook/csf": "0.0.2--canary.507502b.0",
"@storybook/store": "6.5.0-alpha.51",
"@types/qs": "^6.9.5",
"@types/webpack-env": "^1.16.0",
"core-js": "^3.8.2",
@ -68,6 +68,6 @@
"publishConfig": {
"access": "public"
},
"gitHead": "5cd3cd92ff4ab3dce81726f0d3913d7077926bee",
"gitHead": "cfcdc7fb74d3cf60eae8dd0b5a626d67ed180d42",
"sbmodern": "dist/modern/index.js"
}

View File

@ -1,6 +1,6 @@
{
"name": "@storybook/client-logger",
"version": "6.5.0-alpha.49",
"version": "6.5.0-alpha.51",
"description": "",
"keywords": [
"storybook"
@ -46,6 +46,6 @@
"publishConfig": {
"access": "public"
},
"gitHead": "5cd3cd92ff4ab3dce81726f0d3913d7077926bee",
"gitHead": "cfcdc7fb74d3cf60eae8dd0b5a626d67ed180d42",
"sbmodern": "dist/modern/index.js"
}

View File

@ -1,6 +1,6 @@
{
"name": "@storybook/codemod",
"version": "6.5.0-alpha.49",
"version": "6.5.0-alpha.51",
"description": "A collection of codemod scripts written with JSCodeshift",
"keywords": [
"storybook"
@ -43,9 +43,9 @@
"dependencies": {
"@babel/types": "^7.12.11",
"@mdx-js/mdx": "^1.6.22",
"@storybook/csf": "0.0.2--canary.87bc651.0",
"@storybook/csf-tools": "6.5.0-alpha.49",
"@storybook/node-logger": "6.5.0-alpha.49",
"@storybook/csf": "0.0.2--canary.507502b.0",
"@storybook/csf-tools": "6.5.0-alpha.51",
"@storybook/node-logger": "6.5.0-alpha.51",
"core-js": "^3.8.2",
"cross-spawn": "^7.0.3",
"globby": "^11.0.2",
@ -62,6 +62,6 @@
"publishConfig": {
"access": "public"
},
"gitHead": "5cd3cd92ff4ab3dce81726f0d3913d7077926bee",
"gitHead": "cfcdc7fb74d3cf60eae8dd0b5a626d67ed180d42",
"sbmodern": "dist/modern/index.js"
}

View File

@ -1,6 +1,6 @@
{
"name": "@storybook/components",
"version": "6.5.0-alpha.49",
"version": "6.5.0-alpha.51",
"description": "Core Storybook Components",
"keywords": [
"storybook"
@ -40,9 +40,9 @@
"prepare": "ts-node ../../scripts/prebundle.ts"
},
"dependencies": {
"@storybook/client-logger": "6.5.0-alpha.49",
"@storybook/csf": "0.0.2--canary.87bc651.0",
"@storybook/theming": "6.5.0-alpha.49",
"@storybook/client-logger": "6.5.0-alpha.51",
"@storybook/csf": "0.0.2--canary.507502b.0",
"@storybook/theming": "6.5.0-alpha.51",
"core-js": "^3.8.2",
"regenerator-runtime": "^0.13.7"
},
@ -61,6 +61,7 @@
"memoizerific": "^1.11.3",
"overlayscrollbars": "^1.13.1",
"polished": "^4.0.5",
"prettier": ">=2.2.1 <=2.3.0",
"prop-types": "^15.7.2",
"qs": "^6.10.0",
"react-colorful": "^5.1.2",
@ -79,6 +80,6 @@
"access": "public"
},
"bundlerEntrypoint": "./src/index.ts",
"gitHead": "5cd3cd92ff4ab3dce81726f0d3913d7077926bee",
"gitHead": "cfcdc7fb74d3cf60eae8dd0b5a626d67ed180d42",
"sbmodern": "dist/modern/index.js"
}

Some files were not shown because too many files have changed in this diff Show More