mirror of
https://github.com/storybookjs/storybook.git
synced 2025-03-20 05:02:37 +08:00
Merge branch 'next' into generator_html
This commit is contained in:
Gaëtan Maisse
commit
60512c454f
45
CHANGELOG.md
45
CHANGELOG.md
@ -1,3 +1,48 @@
|
||||
## 6.0.0-beta.6 (May 12, 2020)
|
||||
|
||||
### Breaking Changes
|
||||
|
||||
- Essentials: Update configuration heuristics for main.js ([#10737](https://github.com/storybookjs/storybook/pull/10737))
|
||||
|
||||
### Features
|
||||
|
||||
- Essentials: Add addon-actions ([#10748](https://github.com/storybookjs/storybook/pull/10748))
|
||||
- Essentials: Add addon-docs ([#10729](https://github.com/storybookjs/storybook/pull/10729))
|
||||
|
||||
### Bug Fixes
|
||||
|
||||
- UI: Reset layout properties when switching stories ([#10643](https://github.com/storybookjs/storybook/pull/10643))
|
||||
|
||||
### Maintenance
|
||||
|
||||
- CLI: react stories homogenization ([#10711](https://github.com/storybookjs/storybook/pull/10711))
|
||||
- CLI: vue stories homogenization ([#10708](https://github.com/storybookjs/storybook/pull/10708))
|
||||
- CLI: webpack react stories homogenization ([#10709](https://github.com/storybookjs/storybook/pull/10709))
|
||||
- CLI: svelte stories homogenization ([#10704](https://github.com/storybookjs/storybook/pull/10704))
|
||||
- CLI: react-scripts stories homogenization ([#10710](https://github.com/storybookjs/storybook/pull/10710))
|
||||
- CLI: mithril stories homogenization ([#10707](https://github.com/storybookjs/storybook/pull/10707))
|
||||
- CLI: rax stories homogenization ([#10706](https://github.com/storybookjs/storybook/pull/10706))
|
||||
- CLI: riot stories homogenization ([#10715](https://github.com/storybookjs/storybook/pull/10715))
|
||||
- CLI: ember stories homogenization ([#10713](https://github.com/storybookjs/storybook/pull/10713))
|
||||
- CLI: preact stories homogenization ([#10712](https://github.com/storybookjs/storybook/pull/10712))
|
||||
- CLI: sfc_vue stories homogenization ([#10714](https://github.com/storybookjs/storybook/pull/10714))
|
||||
|
||||
### Dependency Upgrades
|
||||
|
||||
- Revert "Change reference for jest-preset-angular/build/setupJest as per migration guide" ([#10727](https://github.com/storybookjs/storybook/pull/10727))
|
||||
|
||||
## 6.0.0-beta.5 (May 11, 2020)
|
||||
|
||||
### Bug Fixes
|
||||
|
||||
- Core: Fix error handling on load ([#10659](https://github.com/storybookjs/storybook/pull/10659))
|
||||
|
||||
### Maintenance
|
||||
|
||||
- Storyshots: Change reference for jest-preset-angular/build/setupJest ([#10699](https://github.com/storybookjs/storybook/pull/10699))
|
||||
- CLI: Remove CRA fixtures from Yarn 2 tests run ([#10720](https://github.com/storybookjs/storybook/pull/10720))
|
||||
- Fix: Set private package on Aurelia example ([#10688](https://github.com/storybookjs/storybook/pull/10688))
|
||||
|
||||
## 6.0.0-beta.4 (May 8, 2020)
|
||||
|
||||
### Features
|
||||
|
||||
22
MIGRATION.md
22
MIGRATION.md
@ -23,13 +23,15 @@
|
||||
- [Story Store immutable outside of configuration](#story-store-immutable-outside-of-configuration)
|
||||
- [Improved story source handling](#improved-story-source-handling)
|
||||
- [6.0 Addon API changes](#60-addon-api-changes)
|
||||
- [Actions Addon uses parameters](#actions-addon-uses-parameters)
|
||||
- [Actions addon uses parameters](#actions-addon-uses-parameters)
|
||||
- [Removed action decorator APIs](#removed-action-decorator-apis)
|
||||
- [Removed withA11y decorator](#removed-witha11y-decorator)
|
||||
- [6.0 Deprecated addons](#60-deprecated-addons)
|
||||
- [Essentials addon disables differently](#essentials-addon-disables-differently)
|
||||
- [6.0 Deprecations](#60-deprecations)
|
||||
- [Deprecated addon-info, addon-notes](#deprecated-addon-info-addon-notes)
|
||||
- [Deprecated addon-contexts](#deprecated-addon-contexts)
|
||||
- [Removed addon-centered](#removed-addon-centered)
|
||||
- [Deprecated polymer](#deprecated-polymer)
|
||||
- [From version 5.2.x to 5.3.x](#from-version-52x-to-53x)
|
||||
- [To main.js configuration](#to-mainjs-configuration)
|
||||
- [Using main.js](#using-mainjs)
|
||||
@ -469,7 +471,7 @@ The MDX analog:
|
||||
|
||||
### 6.0 Addon API changes
|
||||
|
||||
#### Actions Addon uses parameters
|
||||
#### Actions addon uses parameters
|
||||
|
||||
Leveraging the new preset `@storybook/addon-actions` uses parameters to pass action options. If you previously had:
|
||||
|
||||
@ -514,9 +516,13 @@ addParameters({
|
||||
};
|
||||
```
|
||||
|
||||
### 6.0 Deprecated addons
|
||||
#### Essentials addon disables differently
|
||||
|
||||
We've deprecated the following addons in 6.0: `addon-info`, `addon-notes`, `addon-contexts`, `addon-centered`.
|
||||
In 6.0, `addon-essentials` doesn't configure addons if the user has already configured them in `main.js`. In 5.3 it previously checked to see whether the package had been installed in `package.json` to disable configuration. The new setup is preferably because now users' can install essential packages and import from them without disabling their configuration.
|
||||
|
||||
### 6.0 Deprecations
|
||||
|
||||
We've deprecated the following in 6.0: `addon-info`, `addon-notes`, `addon-contexts`, `addon-centered`, `polymer`.
|
||||
|
||||
#### Deprecated addon-info, addon-notes
|
||||
|
||||
@ -545,6 +551,10 @@ MyStory.story = {
|
||||
|
||||
Other possible values are: `padded` (default) and `fullscreen`.
|
||||
|
||||
#### Deprecated polymer
|
||||
|
||||
We've deprecated `@storybook/polymer` and are focusing on `@storybook/web-components`. If you use Polymer and are interested in maintaining it, please get in touch on [our Discord](https://discordapp.com/invite/UUt2PJb).
|
||||
|
||||
## From version 5.2.x to 5.3.x
|
||||
|
||||
### To main.js configuration
|
||||
@ -821,7 +831,7 @@ After a few iterations, this approach seems to be working. However, there are a
|
||||
|
||||
We'll update this section as we find more problem cases. If you have a `core-js` problem, please file an issue (preferably with a repro), and we'll do our best to get you sorted.
|
||||
|
||||
__Update__: [corejs-upgrade-webpack-plugin](https://github.com/ndelangen/corejs-upgrade-webpack-plugin) has been removed again after running into further issues as described in [https://github.com/storybookjs/storybook/issues/7445](https://github.com/storybookjs/storybook/issues/7445).
|
||||
**Update**: [corejs-upgrade-webpack-plugin](https://github.com/ndelangen/corejs-upgrade-webpack-plugin) has been removed again after running into further issues as described in [https://github.com/storybookjs/storybook/issues/7445](https://github.com/storybookjs/storybook/issues/7445).
|
||||
|
||||
## From version 5.0.1 to 5.0.2
|
||||
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/addon-a11y",
|
||||
"version": "6.0.0-beta.4",
|
||||
"version": "6.0.0-beta.6",
|
||||
"description": "a11y addon for storybook",
|
||||
"keywords": [
|
||||
"a11y",
|
||||
@ -33,14 +33,14 @@
|
||||
"prepare": "node ../../scripts/prepare.js"
|
||||
},
|
||||
"dependencies": {
|
||||
"@storybook/addons": "6.0.0-beta.4",
|
||||
"@storybook/api": "6.0.0-beta.4",
|
||||
"@storybook/channels": "6.0.0-beta.4",
|
||||
"@storybook/client-api": "6.0.0-beta.4",
|
||||
"@storybook/client-logger": "6.0.0-beta.4",
|
||||
"@storybook/components": "6.0.0-beta.4",
|
||||
"@storybook/core-events": "6.0.0-beta.4",
|
||||
"@storybook/theming": "6.0.0-beta.4",
|
||||
"@storybook/addons": "6.0.0-beta.6",
|
||||
"@storybook/api": "6.0.0-beta.6",
|
||||
"@storybook/channels": "6.0.0-beta.6",
|
||||
"@storybook/client-api": "6.0.0-beta.6",
|
||||
"@storybook/client-logger": "6.0.0-beta.6",
|
||||
"@storybook/components": "6.0.0-beta.6",
|
||||
"@storybook/core-events": "6.0.0-beta.6",
|
||||
"@storybook/theming": "6.0.0-beta.6",
|
||||
"axe-core": "^3.5.2",
|
||||
"core-js": "^3.0.1",
|
||||
"global": "^4.3.2",
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/addon-actions",
|
||||
"version": "6.0.0-beta.4",
|
||||
"version": "6.0.0-beta.6",
|
||||
"description": "Action Logger addon for storybook",
|
||||
"keywords": [
|
||||
"storybook"
|
||||
@ -28,12 +28,12 @@
|
||||
"prepare": "node ../../scripts/prepare.js"
|
||||
},
|
||||
"dependencies": {
|
||||
"@storybook/addons": "6.0.0-beta.4",
|
||||
"@storybook/api": "6.0.0-beta.4",
|
||||
"@storybook/client-api": "6.0.0-beta.4",
|
||||
"@storybook/components": "6.0.0-beta.4",
|
||||
"@storybook/core-events": "6.0.0-beta.4",
|
||||
"@storybook/theming": "6.0.0-beta.4",
|
||||
"@storybook/addons": "6.0.0-beta.6",
|
||||
"@storybook/api": "6.0.0-beta.6",
|
||||
"@storybook/client-api": "6.0.0-beta.6",
|
||||
"@storybook/components": "6.0.0-beta.6",
|
||||
"@storybook/core-events": "6.0.0-beta.6",
|
||||
"@storybook/theming": "6.0.0-beta.6",
|
||||
"core-js": "^3.0.1",
|
||||
"fast-deep-equal": "^3.1.1",
|
||||
"global": "^4.3.2",
|
||||
|
||||
@ -9,7 +9,7 @@ Storybook Background Addon can be used to change background colors inside the pr
|
||||
## Installation
|
||||
|
||||
```sh
|
||||
npm i -D @storybook/addon-backgrounds
|
||||
yarn add @storybook/addon-backgrounds --dev
|
||||
```
|
||||
|
||||
## Configuration
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/addon-backgrounds",
|
||||
"version": "6.0.0-beta.4",
|
||||
"version": "6.0.0-beta.6",
|
||||
"description": "A storybook addon to show different backgrounds for your preview",
|
||||
"keywords": [
|
||||
"addon",
|
||||
@ -32,12 +32,12 @@
|
||||
"prepare": "node ../../scripts/prepare.js"
|
||||
},
|
||||
"dependencies": {
|
||||
"@storybook/addons": "6.0.0-beta.4",
|
||||
"@storybook/api": "6.0.0-beta.4",
|
||||
"@storybook/client-logger": "6.0.0-beta.4",
|
||||
"@storybook/components": "6.0.0-beta.4",
|
||||
"@storybook/core-events": "6.0.0-beta.4",
|
||||
"@storybook/theming": "6.0.0-beta.4",
|
||||
"@storybook/addons": "6.0.0-beta.6",
|
||||
"@storybook/api": "6.0.0-beta.6",
|
||||
"@storybook/client-logger": "6.0.0-beta.6",
|
||||
"@storybook/components": "6.0.0-beta.6",
|
||||
"@storybook/core-events": "6.0.0-beta.6",
|
||||
"@storybook/theming": "6.0.0-beta.6",
|
||||
"core-js": "^3.0.1",
|
||||
"memoizerific": "^1.11.3",
|
||||
"react": "^16.8.3",
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/addon-cssresources",
|
||||
"version": "6.0.0-beta.4",
|
||||
"version": "6.0.0-beta.6",
|
||||
"description": "A storybook addon to switch between css resources at runtime for your story",
|
||||
"keywords": [
|
||||
"addon",
|
||||
@ -32,11 +32,11 @@
|
||||
"prepare": "node ../../scripts/prepare.js"
|
||||
},
|
||||
"dependencies": {
|
||||
"@storybook/addons": "6.0.0-beta.4",
|
||||
"@storybook/api": "6.0.0-beta.4",
|
||||
"@storybook/components": "6.0.0-beta.4",
|
||||
"@storybook/core-events": "6.0.0-beta.4",
|
||||
"@storybook/theming": "6.0.0-beta.4",
|
||||
"@storybook/addons": "6.0.0-beta.6",
|
||||
"@storybook/api": "6.0.0-beta.6",
|
||||
"@storybook/components": "6.0.0-beta.6",
|
||||
"@storybook/core-events": "6.0.0-beta.6",
|
||||
"@storybook/theming": "6.0.0-beta.6",
|
||||
"core-js": "^3.0.1",
|
||||
"global": "^4.3.2",
|
||||
"react": "^16.8.3",
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/addon-design-assets",
|
||||
"version": "6.0.0-beta.4",
|
||||
"version": "6.0.0-beta.6",
|
||||
"description": "Design asset preview for storybook",
|
||||
"keywords": [
|
||||
"addon",
|
||||
@ -34,12 +34,12 @@
|
||||
"prepare": "node ../../scripts/prepare.js"
|
||||
},
|
||||
"dependencies": {
|
||||
"@storybook/addons": "6.0.0-beta.4",
|
||||
"@storybook/api": "6.0.0-beta.4",
|
||||
"@storybook/client-logger": "6.0.0-beta.4",
|
||||
"@storybook/components": "6.0.0-beta.4",
|
||||
"@storybook/core-events": "6.0.0-beta.4",
|
||||
"@storybook/theming": "6.0.0-beta.4",
|
||||
"@storybook/addons": "6.0.0-beta.6",
|
||||
"@storybook/api": "6.0.0-beta.6",
|
||||
"@storybook/client-logger": "6.0.0-beta.6",
|
||||
"@storybook/components": "6.0.0-beta.6",
|
||||
"@storybook/core-events": "6.0.0-beta.6",
|
||||
"@storybook/theming": "6.0.0-beta.6",
|
||||
"core-js": "^3.0.1",
|
||||
"global": "^4.3.2",
|
||||
"react": "^16.8.3",
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/addon-docs",
|
||||
"version": "6.0.0-beta.4",
|
||||
"version": "6.0.0-beta.6",
|
||||
"description": "Superior documentation for your components",
|
||||
"keywords": [
|
||||
"addon",
|
||||
@ -48,17 +48,17 @@
|
||||
"@mdx-js/loader": "^1.5.1",
|
||||
"@mdx-js/mdx": "^1.5.1",
|
||||
"@mdx-js/react": "^1.5.1",
|
||||
"@storybook/addons": "6.0.0-beta.4",
|
||||
"@storybook/api": "6.0.0-beta.4",
|
||||
"@storybook/client-api": "6.0.0-beta.4",
|
||||
"@storybook/components": "6.0.0-beta.4",
|
||||
"@storybook/core": "6.0.0-beta.4",
|
||||
"@storybook/core-events": "6.0.0-beta.4",
|
||||
"@storybook/addons": "6.0.0-beta.6",
|
||||
"@storybook/api": "6.0.0-beta.6",
|
||||
"@storybook/client-api": "6.0.0-beta.6",
|
||||
"@storybook/components": "6.0.0-beta.6",
|
||||
"@storybook/core": "6.0.0-beta.6",
|
||||
"@storybook/core-events": "6.0.0-beta.6",
|
||||
"@storybook/csf": "0.0.1",
|
||||
"@storybook/node-logger": "6.0.0-beta.4",
|
||||
"@storybook/postinstall": "6.0.0-beta.4",
|
||||
"@storybook/source-loader": "6.0.0-beta.4",
|
||||
"@storybook/theming": "6.0.0-beta.4",
|
||||
"@storybook/node-logger": "6.0.0-beta.6",
|
||||
"@storybook/postinstall": "6.0.0-beta.6",
|
||||
"@storybook/source-loader": "6.0.0-beta.6",
|
||||
"@storybook/theming": "6.0.0-beta.6",
|
||||
"acorn": "^7.1.0",
|
||||
"acorn-jsx": "^5.1.0",
|
||||
"acorn-walk": "^7.0.0",
|
||||
@ -84,8 +84,8 @@
|
||||
"@babel/core": "^7.9.6",
|
||||
"@emotion/core": "^10.0.20",
|
||||
"@emotion/styled": "^10.0.17",
|
||||
"@storybook/react": "6.0.0-beta.4",
|
||||
"@storybook/web-components": "6.0.0-beta.4",
|
||||
"@storybook/react": "6.0.0-beta.6",
|
||||
"@storybook/web-components": "6.0.0-beta.6",
|
||||
"@types/cross-spawn": "^6.0.1",
|
||||
"@types/doctrine": "^0.0.3",
|
||||
"@types/enzyme": "^3.10.3",
|
||||
|
||||
@ -8,8 +8,11 @@ Each addon is documented and maintained by the core team and will be upgraded al
|
||||
|
||||
Storybook essentials includes the following addons. Addons can be disabled and re-configured as [described below](#configuration):
|
||||
|
||||
- [Actions](https://github.com/storybookjs/storybook/tree/next/addons/actions)
|
||||
- [Backgrounds](https://github.com/storybookjs/storybook/tree/next/addons/backgrounds)
|
||||
- [Docs](https://github.com/storybookjs/storybook/tree/next/addons/docs)
|
||||
- [Viewport](https://github.com/storybookjs/storybook/tree/next/addons/viewport)
|
||||
- [Docs](https://github.com/storybookjs/storybook/tree/next/addons/docs)
|
||||
|
||||
## Installation
|
||||
|
||||
@ -31,7 +34,7 @@ module.exports = {
|
||||
|
||||
Essentials is "zero config." That means that comes with a recommended configuration out of the box.
|
||||
|
||||
If you want to reconfigure an addon, simply install that addon per that addon's installation instructions and configure it as normal. Essentials scans your project's `package.json` on startup and if detects one of its addons is already installed, it will skip that addon's configuration entirely.
|
||||
If you want to reconfigure an addon, simply install that addon per that addon's installation instructions and configure it as normal. Essentials scans your project's `main.js` on startup and if detects one of its addons is already configured in the `addons` field, it will skip that addon's configuration entirely.
|
||||
|
||||
## Disabling addons
|
||||
|
||||
@ -48,4 +51,4 @@ module.exports = {
|
||||
};
|
||||
```
|
||||
|
||||
Valid addon keys include: `backgrounds`, `viewport`
|
||||
Valid addon keys include: `actions`, `backgrounds`, `docs`, `viewport`.
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/addon-essentials",
|
||||
"version": "6.0.0-beta.4",
|
||||
"version": "6.0.0-beta.6",
|
||||
"description": "Curated addons to bring out the best of Storybook",
|
||||
"keywords": [
|
||||
"addon",
|
||||
@ -28,11 +28,13 @@
|
||||
"prepare": "node ../../scripts/prepare.js"
|
||||
},
|
||||
"dependencies": {
|
||||
"@storybook/addon-backgrounds": "6.0.0-beta.4",
|
||||
"@storybook/addon-viewport": "6.0.0-beta.4",
|
||||
"@storybook/addons": "6.0.0-beta.4",
|
||||
"@storybook/api": "6.0.0-beta.4",
|
||||
"@storybook/node-logger": "6.0.0-beta.4",
|
||||
"@storybook/addon-actions": "6.0.0-beta.6",
|
||||
"@storybook/addon-backgrounds": "6.0.0-beta.6",
|
||||
"@storybook/addon-docs": "6.0.0-beta.6",
|
||||
"@storybook/addon-viewport": "6.0.0-beta.6",
|
||||
"@storybook/addons": "6.0.0-beta.6",
|
||||
"@storybook/api": "6.0.0-beta.6",
|
||||
"@storybook/node-logger": "6.0.0-beta.6",
|
||||
"core-js": "^3.0.1",
|
||||
"regenerator-runtime": "^0.13.3",
|
||||
"ts-dedent": "^1.1.1"
|
||||
|
||||
@ -1,32 +1,40 @@
|
||||
import fs from 'fs';
|
||||
import path from 'path';
|
||||
import { logger } from '@storybook/node-logger';
|
||||
|
||||
interface PresetOptions {
|
||||
configDir?: string;
|
||||
backgrounds?: any;
|
||||
viewport?: any;
|
||||
docs?: any;
|
||||
}
|
||||
|
||||
let packageJson: any = {};
|
||||
if (fs.existsSync('./package.json')) {
|
||||
const requireMain = (configDir: string) => {
|
||||
let main = {};
|
||||
const mainFile = path.join(process.cwd(), configDir, 'main');
|
||||
try {
|
||||
packageJson = JSON.parse(fs.readFileSync('./package.json').toString());
|
||||
// eslint-disable-next-line global-require,import/no-dynamic-require
|
||||
main = require(mainFile);
|
||||
} catch (err) {
|
||||
logger.error(`Error reading package.json: ${err.message}`);
|
||||
logger.warn(`Unable to find main.js: ${mainFile}`);
|
||||
}
|
||||
}
|
||||
|
||||
const isInstalled = (addon: string) => {
|
||||
const { dependencies, devDependencies } = packageJson;
|
||||
return (dependencies && dependencies[addon]) || (devDependencies && devDependencies[addon]);
|
||||
return main;
|
||||
};
|
||||
|
||||
const makeAddon = (key: string) => `@storybook/addon-${key}`;
|
||||
export function addons(options: PresetOptions = {}) {
|
||||
const checkInstalled = (addon: string, main: any) => {
|
||||
const existingAddon = main.addons?.find((entry: string | { name: string }) => {
|
||||
const name = typeof entry === 'string' ? entry : entry.name;
|
||||
return name?.startsWith(addon);
|
||||
});
|
||||
if (existingAddon) {
|
||||
logger.warn(`Found existing addon ${JSON.stringify(existingAddon)}, skipping.`);
|
||||
}
|
||||
return !!existingAddon;
|
||||
};
|
||||
|
||||
export function managerEntries(entry: any[] = [], options: PresetOptions = {}) {
|
||||
const registerAddons = ['backgrounds', 'viewport']
|
||||
const main = requireMain(options.configDir);
|
||||
return ['actions', 'docs', 'backgrounds', 'viewport']
|
||||
.filter((key) => (options as any)[key] !== false)
|
||||
.map((key) => makeAddon(key))
|
||||
.filter((addon) => !isInstalled(addon))
|
||||
.map((addon) => require.resolve(`${addon}/register`));
|
||||
return [...entry, ...registerAddons];
|
||||
.map((key) => `@storybook/addon-${key}`)
|
||||
.filter((addon) => !checkInstalled(addon, main));
|
||||
}
|
||||
|
||||
@ -2,7 +2,7 @@
|
||||
"extends": "../../tsconfig.json",
|
||||
"compilerOptions": {
|
||||
"rootDir": "./src",
|
||||
"types": ["webpack-env", "jest"]
|
||||
"types": ["webpack-env", "jest", "node"]
|
||||
},
|
||||
"include": ["src/**/*"],
|
||||
"exclude": ["src/**.test.ts"]
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/addon-events",
|
||||
"version": "6.0.0-beta.4",
|
||||
"version": "6.0.0-beta.6",
|
||||
"description": "Add events to your Storybook stories.",
|
||||
"keywords": [
|
||||
"addon",
|
||||
@ -31,11 +31,11 @@
|
||||
"prepare": "node ../../scripts/prepare.js"
|
||||
},
|
||||
"dependencies": {
|
||||
"@storybook/addons": "6.0.0-beta.4",
|
||||
"@storybook/api": "6.0.0-beta.4",
|
||||
"@storybook/client-api": "6.0.0-beta.4",
|
||||
"@storybook/core-events": "6.0.0-beta.4",
|
||||
"@storybook/theming": "6.0.0-beta.4",
|
||||
"@storybook/addons": "6.0.0-beta.6",
|
||||
"@storybook/api": "6.0.0-beta.6",
|
||||
"@storybook/client-api": "6.0.0-beta.6",
|
||||
"@storybook/core-events": "6.0.0-beta.6",
|
||||
"@storybook/theming": "6.0.0-beta.6",
|
||||
"core-js": "^3.0.1",
|
||||
"format-json": "^1.0.3",
|
||||
"lodash": "^4.17.15",
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/addon-google-analytics",
|
||||
"version": "6.0.0-beta.4",
|
||||
"version": "6.0.0-beta.6",
|
||||
"description": "Storybook addon for google analytics",
|
||||
"keywords": [
|
||||
"addon",
|
||||
@ -20,8 +20,8 @@
|
||||
"prepare": "node ../../scripts/prepare.js"
|
||||
},
|
||||
"dependencies": {
|
||||
"@storybook/addons": "6.0.0-beta.4",
|
||||
"@storybook/core-events": "6.0.0-beta.4",
|
||||
"@storybook/addons": "6.0.0-beta.6",
|
||||
"@storybook/core-events": "6.0.0-beta.6",
|
||||
"core-js": "^3.0.1",
|
||||
"global": "^4.3.2",
|
||||
"react-ga": "^2.5.7",
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/addon-graphql",
|
||||
"version": "6.0.0-beta.4",
|
||||
"version": "6.0.0-beta.6",
|
||||
"description": "Storybook addon to display the GraphiQL IDE",
|
||||
"keywords": [
|
||||
"addon",
|
||||
@ -31,8 +31,8 @@
|
||||
"dependencies": {
|
||||
"@babel/core": "^7.9.0",
|
||||
"@babel/plugin-transform-classes": "^7.9.2",
|
||||
"@storybook/addons": "6.0.0-beta.4",
|
||||
"@storybook/api": "6.0.0-beta.4",
|
||||
"@storybook/addons": "6.0.0-beta.6",
|
||||
"@storybook/api": "6.0.0-beta.6",
|
||||
"@types/webpack": "^4.41.9",
|
||||
"babel-loader": "^8.0.6",
|
||||
"core-js": "^3.0.1",
|
||||
|
||||
Binary file not shown.
|
Before Width: | Height: | Size: 831 KiB After Width: | Height: | Size: 783 KiB |
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/addon-jest",
|
||||
"version": "6.0.0-beta.4",
|
||||
"version": "6.0.0-beta.6",
|
||||
"description": "React storybook addon that show component jest report",
|
||||
"keywords": [
|
||||
"addon",
|
||||
@ -35,11 +35,11 @@
|
||||
"prepare": "node ../../scripts/prepare.js"
|
||||
},
|
||||
"dependencies": {
|
||||
"@storybook/addons": "6.0.0-beta.4",
|
||||
"@storybook/api": "6.0.0-beta.4",
|
||||
"@storybook/components": "6.0.0-beta.4",
|
||||
"@storybook/core-events": "6.0.0-beta.4",
|
||||
"@storybook/theming": "6.0.0-beta.4",
|
||||
"@storybook/addons": "6.0.0-beta.6",
|
||||
"@storybook/api": "6.0.0-beta.6",
|
||||
"@storybook/components": "6.0.0-beta.6",
|
||||
"@storybook/core-events": "6.0.0-beta.6",
|
||||
"@storybook/theming": "6.0.0-beta.6",
|
||||
"core-js": "^3.0.1",
|
||||
"global": "^4.3.2",
|
||||
"react": "^16.8.3",
|
||||
|
||||
Binary file not shown.
|
Before Width: | Height: | Size: 709 KiB After Width: | Height: | Size: 699 KiB |
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/addon-knobs",
|
||||
"version": "6.0.0-beta.4",
|
||||
"version": "6.0.0-beta.6",
|
||||
"description": "Storybook Addon Prop Editor Component",
|
||||
"keywords": [
|
||||
"addon",
|
||||
@ -29,13 +29,13 @@
|
||||
"prepare": "node ../../scripts/prepare.js"
|
||||
},
|
||||
"dependencies": {
|
||||
"@storybook/addons": "6.0.0-beta.4",
|
||||
"@storybook/api": "6.0.0-beta.4",
|
||||
"@storybook/channels": "6.0.0-beta.4",
|
||||
"@storybook/client-api": "6.0.0-beta.4",
|
||||
"@storybook/components": "6.0.0-beta.4",
|
||||
"@storybook/core-events": "6.0.0-beta.4",
|
||||
"@storybook/theming": "6.0.0-beta.4",
|
||||
"@storybook/addons": "6.0.0-beta.6",
|
||||
"@storybook/api": "6.0.0-beta.6",
|
||||
"@storybook/channels": "6.0.0-beta.6",
|
||||
"@storybook/client-api": "6.0.0-beta.6",
|
||||
"@storybook/components": "6.0.0-beta.6",
|
||||
"@storybook/core-events": "6.0.0-beta.6",
|
||||
"@storybook/theming": "6.0.0-beta.6",
|
||||
"@types/react-color": "^3.0.1",
|
||||
"copy-to-clipboard": "^3.0.8",
|
||||
"core-js": "^3.0.1",
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/addon-links",
|
||||
"version": "6.0.0-beta.4",
|
||||
"version": "6.0.0-beta.6",
|
||||
"description": "Story Links addon for storybook",
|
||||
"keywords": [
|
||||
"addon",
|
||||
@ -29,11 +29,11 @@
|
||||
"prepare": "node ../../scripts/prepare.js"
|
||||
},
|
||||
"dependencies": {
|
||||
"@storybook/addons": "6.0.0-beta.4",
|
||||
"@storybook/client-logger": "6.0.0-beta.4",
|
||||
"@storybook/core-events": "6.0.0-beta.4",
|
||||
"@storybook/addons": "6.0.0-beta.6",
|
||||
"@storybook/client-logger": "6.0.0-beta.6",
|
||||
"@storybook/core-events": "6.0.0-beta.6",
|
||||
"@storybook/csf": "0.0.1",
|
||||
"@storybook/router": "6.0.0-beta.4",
|
||||
"@storybook/router": "6.0.0-beta.6",
|
||||
"@types/qs": "^6.9.0",
|
||||
"core-js": "^3.0.1",
|
||||
"global": "^4.3.2",
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/addon-queryparams",
|
||||
"version": "6.0.0-beta.4",
|
||||
"version": "6.0.0-beta.6",
|
||||
"description": "parameter addon for storybook",
|
||||
"keywords": [
|
||||
"addon",
|
||||
@ -30,12 +30,12 @@
|
||||
"prepare": "node ../../scripts/prepare.js"
|
||||
},
|
||||
"dependencies": {
|
||||
"@storybook/addons": "6.0.0-beta.4",
|
||||
"@storybook/api": "6.0.0-beta.4",
|
||||
"@storybook/client-logger": "6.0.0-beta.4",
|
||||
"@storybook/components": "6.0.0-beta.4",
|
||||
"@storybook/core-events": "6.0.0-beta.4",
|
||||
"@storybook/theming": "6.0.0-beta.4",
|
||||
"@storybook/addons": "6.0.0-beta.6",
|
||||
"@storybook/api": "6.0.0-beta.6",
|
||||
"@storybook/client-logger": "6.0.0-beta.6",
|
||||
"@storybook/components": "6.0.0-beta.6",
|
||||
"@storybook/core-events": "6.0.0-beta.6",
|
||||
"@storybook/theming": "6.0.0-beta.6",
|
||||
"core-js": "^3.0.1",
|
||||
"global": "^4.3.2",
|
||||
"qs": "^6.6.0",
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/addon-storyshots",
|
||||
"version": "6.0.0-beta.4",
|
||||
"version": "6.0.0-beta.6",
|
||||
"description": "StoryShots is a Jest Snapshot Testing Addon for Storybook.",
|
||||
"keywords": [
|
||||
"addon",
|
||||
@ -33,9 +33,9 @@
|
||||
},
|
||||
"dependencies": {
|
||||
"@jest/transform": "^26.0.0",
|
||||
"@storybook/addons": "6.0.0-beta.4",
|
||||
"@storybook/client-api": "6.0.0-beta.4",
|
||||
"@storybook/core": "6.0.0-beta.4",
|
||||
"@storybook/addons": "6.0.0-beta.6",
|
||||
"@storybook/client-api": "6.0.0-beta.6",
|
||||
"@storybook/core": "6.0.0-beta.6",
|
||||
"@types/glob": "^7.1.1",
|
||||
"@types/jest": "^25.1.1",
|
||||
"@types/jest-specific-snapshot": "^0.5.3",
|
||||
@ -50,8 +50,8 @@
|
||||
"ts-dedent": "^1.1.1"
|
||||
},
|
||||
"devDependencies": {
|
||||
"@storybook/addon-docs": "6.0.0-beta.4",
|
||||
"@storybook/react": "6.0.0-beta.4",
|
||||
"@storybook/addon-docs": "6.0.0-beta.6",
|
||||
"@storybook/react": "6.0.0-beta.6",
|
||||
"babel-loader": "^8.0.6",
|
||||
"enzyme": "^3.11.0",
|
||||
"enzyme-to-json": "^3.4.1",
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/addon-storyshots-puppeteer",
|
||||
"version": "6.0.0-beta.4",
|
||||
"version": "6.0.0-beta.6",
|
||||
"description": "Image snapshots addition to StoryShots based on puppeteer",
|
||||
"keywords": [
|
||||
"addon",
|
||||
@ -30,7 +30,7 @@
|
||||
},
|
||||
"dependencies": {
|
||||
"@storybook/csf": "0.0.1",
|
||||
"@storybook/node-logger": "6.0.0-beta.4",
|
||||
"@storybook/node-logger": "6.0.0-beta.6",
|
||||
"@types/jest-image-snapshot": "^2.8.0",
|
||||
"@wordpress/jest-puppeteer-axe": "^1.5.0",
|
||||
"core-js": "^3.0.1",
|
||||
@ -42,7 +42,7 @@
|
||||
"@types/puppeteer": "^2.0.0"
|
||||
},
|
||||
"peerDependencies": {
|
||||
"@storybook/addon-storyshots": "6.0.0-beta.4",
|
||||
"@storybook/addon-storyshots": "6.0.0-beta.6",
|
||||
"puppeteer": "^2.0.0 || ^3.0.0"
|
||||
},
|
||||
"peerDependenciesMeta": {
|
||||
|
||||
Binary file not shown.
|
Before Width: | Height: | Size: 382 KiB After Width: | Height: | Size: 375 KiB |
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/addon-storysource",
|
||||
"version": "6.0.0-beta.4",
|
||||
"version": "6.0.0-beta.6",
|
||||
"description": "Stories addon for storybook",
|
||||
"keywords": [
|
||||
"addon",
|
||||
@ -29,13 +29,13 @@
|
||||
"prepare": "node ../../scripts/prepare.js"
|
||||
},
|
||||
"dependencies": {
|
||||
"@storybook/addons": "6.0.0-beta.4",
|
||||
"@storybook/api": "6.0.0-beta.4",
|
||||
"@storybook/client-logger": "6.0.0-beta.4",
|
||||
"@storybook/components": "6.0.0-beta.4",
|
||||
"@storybook/router": "6.0.0-beta.4",
|
||||
"@storybook/source-loader": "6.0.0-beta.4",
|
||||
"@storybook/theming": "6.0.0-beta.4",
|
||||
"@storybook/addons": "6.0.0-beta.6",
|
||||
"@storybook/api": "6.0.0-beta.6",
|
||||
"@storybook/client-logger": "6.0.0-beta.6",
|
||||
"@storybook/components": "6.0.0-beta.6",
|
||||
"@storybook/router": "6.0.0-beta.6",
|
||||
"@storybook/source-loader": "6.0.0-beta.6",
|
||||
"@storybook/theming": "6.0.0-beta.6",
|
||||
"core-js": "^3.0.1",
|
||||
"estraverse": "^4.2.0",
|
||||
"loader-utils": "^2.0.0",
|
||||
|
||||
Binary file not shown.
|
Before Width: | Height: | Size: 475 KiB After Width: | Height: | Size: 371 KiB |
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/addon-toolbars",
|
||||
"version": "6.0.0-beta.4",
|
||||
"version": "6.0.0-beta.6",
|
||||
"description": "Storybook toolbars addon",
|
||||
"keywords": [
|
||||
"addon",
|
||||
@ -30,10 +30,10 @@
|
||||
"prepare": "node ../../scripts/prepare.js"
|
||||
},
|
||||
"dependencies": {
|
||||
"@storybook/addons": "6.0.0-beta.4",
|
||||
"@storybook/api": "6.0.0-beta.4",
|
||||
"@storybook/client-api": "6.0.0-beta.4",
|
||||
"@storybook/components": "6.0.0-beta.4",
|
||||
"@storybook/addons": "6.0.0-beta.6",
|
||||
"@storybook/api": "6.0.0-beta.6",
|
||||
"@storybook/client-api": "6.0.0-beta.6",
|
||||
"@storybook/components": "6.0.0-beta.6",
|
||||
"core-js": "^3.0.1"
|
||||
},
|
||||
"peerDependencies": {
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/addon-viewport",
|
||||
"version": "6.0.0-beta.4",
|
||||
"version": "6.0.0-beta.6",
|
||||
"description": "Storybook addon to change the viewport size to mobile",
|
||||
"keywords": [
|
||||
"addon",
|
||||
@ -29,12 +29,12 @@
|
||||
"prepare": "node ../../scripts/prepare.js"
|
||||
},
|
||||
"dependencies": {
|
||||
"@storybook/addons": "6.0.0-beta.4",
|
||||
"@storybook/api": "6.0.0-beta.4",
|
||||
"@storybook/client-logger": "6.0.0-beta.4",
|
||||
"@storybook/components": "6.0.0-beta.4",
|
||||
"@storybook/core-events": "6.0.0-beta.4",
|
||||
"@storybook/theming": "6.0.0-beta.4",
|
||||
"@storybook/addons": "6.0.0-beta.6",
|
||||
"@storybook/api": "6.0.0-beta.6",
|
||||
"@storybook/client-logger": "6.0.0-beta.6",
|
||||
"@storybook/components": "6.0.0-beta.6",
|
||||
"@storybook/core-events": "6.0.0-beta.6",
|
||||
"@storybook/theming": "6.0.0-beta.6",
|
||||
"core-js": "^3.0.1",
|
||||
"global": "^4.3.2",
|
||||
"memoizerific": "^1.11.3",
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/angular",
|
||||
"version": "6.0.0-beta.4",
|
||||
"version": "6.0.0-beta.6",
|
||||
"description": "Storybook for Angular: Develop Angular Components in isolation with Hot Reloading.",
|
||||
"keywords": [
|
||||
"storybook"
|
||||
@ -34,9 +34,9 @@
|
||||
"prepare": "node ../../scripts/prepare.js"
|
||||
},
|
||||
"dependencies": {
|
||||
"@storybook/addons": "6.0.0-beta.4",
|
||||
"@storybook/core": "6.0.0-beta.4",
|
||||
"@storybook/node-logger": "6.0.0-beta.4",
|
||||
"@storybook/addons": "6.0.0-beta.6",
|
||||
"@storybook/core": "6.0.0-beta.6",
|
||||
"@storybook/node-logger": "6.0.0-beta.6",
|
||||
"@types/webpack-env": "^1.15.2",
|
||||
"autoprefixer": "^9.7.6",
|
||||
"core-js": "^3.0.1",
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/aurelia",
|
||||
"version": "6.0.0-beta.4",
|
||||
"version": "6.0.0-beta.6",
|
||||
"description": "Storybook for Aurelia: Develop Aurelia Components in isolation with Hot Reloading.",
|
||||
"keywords": [
|
||||
"storybook"
|
||||
@ -26,10 +26,10 @@
|
||||
"prepare": "node ../../scripts/prepare.js"
|
||||
},
|
||||
"dependencies": {
|
||||
"@storybook/addon-knobs": "6.0.0-beta.4",
|
||||
"@storybook/addons": "6.0.0-beta.4",
|
||||
"@storybook/core": "6.0.0-beta.4",
|
||||
"@storybook/node-logger": "6.0.0-beta.4",
|
||||
"@storybook/addon-knobs": "6.0.0-beta.6",
|
||||
"@storybook/addons": "6.0.0-beta.6",
|
||||
"@storybook/core": "6.0.0-beta.6",
|
||||
"@storybook/node-logger": "6.0.0-beta.6",
|
||||
"fork-ts-checker-webpack-plugin": "^4.0.3",
|
||||
"global": "^4.3.2",
|
||||
"ts-loader": "^6.0.1",
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/ember",
|
||||
"version": "6.0.0-beta.4",
|
||||
"version": "6.0.0-beta.6",
|
||||
"description": "Storybook for Ember: Develop Ember Component in isolation with Hot Reloading.",
|
||||
"homepage": "https://github.com/storybookjs/storybook/tree/master/app/ember",
|
||||
"bugs": {
|
||||
@ -32,7 +32,7 @@
|
||||
},
|
||||
"dependencies": {
|
||||
"@ember/test-helpers": "^1.7.0",
|
||||
"@storybook/core": "6.0.0-beta.4",
|
||||
"@storybook/core": "6.0.0-beta.6",
|
||||
"core-js": "^3.0.1",
|
||||
"global": "^4.3.2",
|
||||
"regenerator-runtime": "^0.13.3",
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/html",
|
||||
"version": "6.0.0-beta.4",
|
||||
"version": "6.0.0-beta.6",
|
||||
"description": "Storybook for HTML: View HTML snippets in isolation with Hot Reloading.",
|
||||
"keywords": [
|
||||
"storybook"
|
||||
@ -34,8 +34,8 @@
|
||||
"prepare": "node ../../scripts/prepare.js"
|
||||
},
|
||||
"dependencies": {
|
||||
"@storybook/addons": "6.0.0-beta.4",
|
||||
"@storybook/core": "6.0.0-beta.4",
|
||||
"@storybook/addons": "6.0.0-beta.6",
|
||||
"@storybook/core": "6.0.0-beta.6",
|
||||
"@types/webpack-env": "^1.15.2",
|
||||
"core-js": "^3.0.1",
|
||||
"global": "^4.3.2",
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/marionette",
|
||||
"version": "6.0.0-beta.4",
|
||||
"version": "6.0.0-beta.6",
|
||||
"description": "Storybook for Marionette: Develop Marionette.js component in isolation with Hot Reloading.",
|
||||
"keywords": [
|
||||
"storybook"
|
||||
@ -25,7 +25,7 @@
|
||||
"prepare": "node ../../scripts/prepare.js"
|
||||
},
|
||||
"dependencies": {
|
||||
"@storybook/core": "6.0.0-beta.4",
|
||||
"@storybook/core": "6.0.0-beta.6",
|
||||
"common-tags": "^1.8.0",
|
||||
"core-js": "^3.0.1",
|
||||
"global": "^4.3.2",
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/marko",
|
||||
"version": "6.0.0-beta.4",
|
||||
"version": "6.0.0-beta.6",
|
||||
"description": "Storybook for Marko: Develop Marko Component in isolation with Hot Reloading.",
|
||||
"keywords": [
|
||||
"storybook"
|
||||
@ -34,8 +34,8 @@
|
||||
},
|
||||
"dependencies": {
|
||||
"@marko/webpack": "^2.1.0",
|
||||
"@storybook/client-logger": "6.0.0-beta.4",
|
||||
"@storybook/core": "6.0.0-beta.4",
|
||||
"@storybook/client-logger": "6.0.0-beta.6",
|
||||
"@storybook/core": "6.0.0-beta.6",
|
||||
"core-js": "^3.0.1",
|
||||
"global": "^4.3.2",
|
||||
"regenerator-runtime": "^0.13.3",
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/mithril",
|
||||
"version": "6.0.0-beta.4",
|
||||
"version": "6.0.0-beta.6",
|
||||
"description": "Storybook for Mithril: Develop Mithril Component in isolation.",
|
||||
"keywords": [
|
||||
"storybook"
|
||||
@ -36,8 +36,8 @@
|
||||
"dependencies": {
|
||||
"@babel/core": "^7.9.6",
|
||||
"@babel/plugin-transform-react-jsx": "^7.3.0",
|
||||
"@storybook/addons": "6.0.0-beta.4",
|
||||
"@storybook/core": "6.0.0-beta.4",
|
||||
"@storybook/addons": "6.0.0-beta.6",
|
||||
"@storybook/core": "6.0.0-beta.6",
|
||||
"@types/mithril": "^2.0.0",
|
||||
"@types/webpack-env": "^1.15.2",
|
||||
"core-js": "^3.0.1",
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/preact",
|
||||
"version": "6.0.0-beta.4",
|
||||
"version": "6.0.0-beta.6",
|
||||
"description": "Storybook for Preact: Develop Preact Component in isolation.",
|
||||
"keywords": [
|
||||
"storybook"
|
||||
@ -35,8 +35,8 @@
|
||||
},
|
||||
"dependencies": {
|
||||
"@babel/plugin-transform-react-jsx": "^7.3.0",
|
||||
"@storybook/addons": "6.0.0-beta.4",
|
||||
"@storybook/core": "6.0.0-beta.4",
|
||||
"@storybook/addons": "6.0.0-beta.6",
|
||||
"@storybook/core": "6.0.0-beta.6",
|
||||
"@types/webpack-env": "^1.15.2",
|
||||
"core-js": "^3.0.1",
|
||||
"global": "^4.3.2",
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/rax",
|
||||
"version": "6.0.0-beta.4",
|
||||
"version": "6.0.0-beta.6",
|
||||
"description": "Storybook for Rax: Develop Rax Component in isolation.",
|
||||
"keywords": [
|
||||
"rax",
|
||||
@ -34,7 +34,7 @@
|
||||
"prepare": "node ../../scripts/prepare.js"
|
||||
},
|
||||
"dependencies": {
|
||||
"@storybook/core": "6.0.0-beta.4",
|
||||
"@storybook/core": "6.0.0-beta.6",
|
||||
"babel-preset-rax": "^1.0.0-beta.0",
|
||||
"core-js": "^3.0.1",
|
||||
"driver-dom": "^2.0.0",
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/react",
|
||||
"version": "6.0.0-beta.4",
|
||||
"version": "6.0.0-beta.6",
|
||||
"description": "Storybook for React: Develop React Component in isolation with Hot Reloading.",
|
||||
"keywords": [
|
||||
"storybook"
|
||||
@ -37,9 +37,9 @@
|
||||
"@babel/plugin-transform-react-constant-elements": "^7.6.3",
|
||||
"@babel/preset-flow": "^7.0.0",
|
||||
"@babel/preset-react": "^7.0.0",
|
||||
"@storybook/addons": "6.0.0-beta.4",
|
||||
"@storybook/core": "6.0.0-beta.4",
|
||||
"@storybook/node-logger": "6.0.0-beta.4",
|
||||
"@storybook/addons": "6.0.0-beta.6",
|
||||
"@storybook/core": "6.0.0-beta.6",
|
||||
"@storybook/node-logger": "6.0.0-beta.6",
|
||||
"@svgr/webpack": "^5.4.0",
|
||||
"@types/webpack-env": "^1.15.2",
|
||||
"babel-plugin-add-react-displayname": "^0.0.5",
|
||||
@ -56,7 +56,7 @@
|
||||
"webpack": "^4.43.0"
|
||||
},
|
||||
"devDependencies": {
|
||||
"@storybook/client-api": "6.0.0-beta.4",
|
||||
"@storybook/client-api": "6.0.0-beta.6",
|
||||
"@types/node": "^13.13.4",
|
||||
"@types/webpack": "^4.41.12"
|
||||
},
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/riot",
|
||||
"version": "6.0.0-beta.4",
|
||||
"version": "6.0.0-beta.6",
|
||||
"description": "Storybook for riot.js: View riot snippets in isolation with Hot Reloading.",
|
||||
"keywords": [
|
||||
"storybook"
|
||||
@ -34,7 +34,7 @@
|
||||
"prepare": "node ../../scripts/prepare.js"
|
||||
},
|
||||
"dependencies": {
|
||||
"@storybook/core": "6.0.0-beta.4",
|
||||
"@storybook/core": "6.0.0-beta.6",
|
||||
"core-js": "^3.0.1",
|
||||
"global": "^4.3.2",
|
||||
"raw-loader": "^4.0.1",
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/server",
|
||||
"version": "6.0.0-beta.4",
|
||||
"version": "6.0.0-beta.6",
|
||||
"description": "Storybook for Server: View HTML snippets from a server in isolation with Hot Reloading.",
|
||||
"keywords": [
|
||||
"storybook"
|
||||
@ -34,8 +34,8 @@
|
||||
"prepare": "node ../../scripts/prepare.js"
|
||||
},
|
||||
"dependencies": {
|
||||
"@storybook/addons": "6.0.0-beta.4",
|
||||
"@storybook/core": "6.0.0-beta.4",
|
||||
"@storybook/addons": "6.0.0-beta.6",
|
||||
"@storybook/core": "6.0.0-beta.6",
|
||||
"@storybook/node-logger": "^5.2.8",
|
||||
"@types/webpack-env": "^1.15.2",
|
||||
"core-js": "^3.0.1",
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/svelte",
|
||||
"version": "6.0.0-beta.4",
|
||||
"version": "6.0.0-beta.6",
|
||||
"description": "Storybook for Svelte: Develop Svelte Component in isolation with Hot Reloading.",
|
||||
"keywords": [
|
||||
"storybook"
|
||||
@ -34,8 +34,8 @@
|
||||
"prepare": "node ../../scripts/prepare.js"
|
||||
},
|
||||
"dependencies": {
|
||||
"@storybook/addons": "6.0.0-beta.4",
|
||||
"@storybook/core": "6.0.0-beta.4",
|
||||
"@storybook/addons": "6.0.0-beta.6",
|
||||
"@storybook/core": "6.0.0-beta.6",
|
||||
"core-js": "^3.0.1",
|
||||
"global": "^4.3.2",
|
||||
"regenerator-runtime": "^0.13.3",
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/vue",
|
||||
"version": "6.0.0-beta.4",
|
||||
"version": "6.0.0-beta.6",
|
||||
"description": "Storybook for Vue: Develop Vue Component in isolation with Hot Reloading.",
|
||||
"keywords": [
|
||||
"storybook"
|
||||
@ -34,8 +34,8 @@
|
||||
"prepare": "node ../../scripts/prepare.js"
|
||||
},
|
||||
"dependencies": {
|
||||
"@storybook/addons": "6.0.0-beta.4",
|
||||
"@storybook/core": "6.0.0-beta.4",
|
||||
"@storybook/addons": "6.0.0-beta.6",
|
||||
"@storybook/core": "6.0.0-beta.6",
|
||||
"@types/webpack-env": "^1.15.2",
|
||||
"core-js": "^3.0.1",
|
||||
"global": "^4.3.2",
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/web-components",
|
||||
"version": "6.0.0-beta.4",
|
||||
"version": "6.0.0-beta.6",
|
||||
"description": "Storybook for web-components: View web components snippets in isolation with Hot Reloading.",
|
||||
"keywords": [
|
||||
"lit-html",
|
||||
@ -38,8 +38,8 @@
|
||||
"dependencies": {
|
||||
"@babel/plugin-syntax-dynamic-import": "^7.2.0",
|
||||
"@babel/plugin-syntax-import-meta": "^7.2.0",
|
||||
"@storybook/addons": "6.0.0-beta.4",
|
||||
"@storybook/core": "6.0.0-beta.4",
|
||||
"@storybook/addons": "6.0.0-beta.6",
|
||||
"@storybook/core": "6.0.0-beta.6",
|
||||
"@types/webpack-env": "^1.15.2",
|
||||
"babel-plugin-bundled-import-meta": "^0.3.1",
|
||||
"core-js": "^3.0.1",
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/addon-decorator",
|
||||
"version": "6.0.0-beta.4",
|
||||
"version": "6.0.0-beta.6",
|
||||
"description": "decorator addon for storybook",
|
||||
"keywords": [
|
||||
"addon",
|
||||
@ -24,8 +24,8 @@
|
||||
"prepare": "node ../../scripts/prepare.js"
|
||||
},
|
||||
"dependencies": {
|
||||
"@storybook/addons": "6.0.0-beta.4",
|
||||
"@storybook/client-api": "6.0.0-beta.4",
|
||||
"@storybook/addons": "6.0.0-beta.6",
|
||||
"@storybook/client-api": "6.0.0-beta.6",
|
||||
"core-js": "^3.0.1",
|
||||
"global": "^4.4.0"
|
||||
},
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/addon-parameter",
|
||||
"version": "6.0.0-beta.4",
|
||||
"version": "6.0.0-beta.6",
|
||||
"description": "parameter addon for storybook",
|
||||
"keywords": [
|
||||
"addon",
|
||||
@ -24,12 +24,12 @@
|
||||
"prepare": "node ../../scripts/prepare.js"
|
||||
},
|
||||
"dependencies": {
|
||||
"@storybook/addons": "6.0.0-beta.4",
|
||||
"@storybook/api": "6.0.0-beta.4",
|
||||
"@storybook/client-logger": "6.0.0-beta.4",
|
||||
"@storybook/components": "6.0.0-beta.4",
|
||||
"@storybook/core-events": "6.0.0-beta.4",
|
||||
"@storybook/theming": "6.0.0-beta.4",
|
||||
"@storybook/addons": "6.0.0-beta.6",
|
||||
"@storybook/api": "6.0.0-beta.6",
|
||||
"@storybook/client-logger": "6.0.0-beta.6",
|
||||
"@storybook/components": "6.0.0-beta.6",
|
||||
"@storybook/core-events": "6.0.0-beta.6",
|
||||
"@storybook/theming": "6.0.0-beta.6",
|
||||
"core-js": "^3.0.1",
|
||||
"global": "^4.3.2",
|
||||
"react": "^16.8.3",
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/addon-preview-wrapper",
|
||||
"version": "6.0.0-beta.4",
|
||||
"version": "6.0.0-beta.6",
|
||||
"description": "preview wrapper addon for storybook",
|
||||
"keywords": [
|
||||
"addon",
|
||||
@ -24,7 +24,7 @@
|
||||
"prepare": "node ../../scripts/prepare.js"
|
||||
},
|
||||
"dependencies": {
|
||||
"@storybook/addons": "6.0.0-beta.4",
|
||||
"@storybook/addons": "6.0.0-beta.6",
|
||||
"react": "^16.8.3"
|
||||
},
|
||||
"publishConfig": {
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/addon-roundtrip",
|
||||
"version": "6.0.0-beta.4",
|
||||
"version": "6.0.0-beta.6",
|
||||
"description": "roundtrip addon for storybook",
|
||||
"keywords": [
|
||||
"addon",
|
||||
@ -24,13 +24,13 @@
|
||||
"prepare": "node ../../scripts/prepare.js"
|
||||
},
|
||||
"dependencies": {
|
||||
"@storybook/addons": "6.0.0-beta.4",
|
||||
"@storybook/api": "6.0.0-beta.4",
|
||||
"@storybook/client-api": "6.0.0-beta.4",
|
||||
"@storybook/client-logger": "6.0.0-beta.4",
|
||||
"@storybook/components": "6.0.0-beta.4",
|
||||
"@storybook/core-events": "6.0.0-beta.4",
|
||||
"@storybook/theming": "6.0.0-beta.4",
|
||||
"@storybook/addons": "6.0.0-beta.6",
|
||||
"@storybook/api": "6.0.0-beta.6",
|
||||
"@storybook/client-api": "6.0.0-beta.6",
|
||||
"@storybook/client-logger": "6.0.0-beta.6",
|
||||
"@storybook/components": "6.0.0-beta.6",
|
||||
"@storybook/core-events": "6.0.0-beta.6",
|
||||
"@storybook/theming": "6.0.0-beta.6",
|
||||
"core-js": "^3.0.1",
|
||||
"global": "^4.3.2",
|
||||
"react": "^16.8.3",
|
||||
|
||||
@ -27,6 +27,7 @@ module.exports = {
|
||||
'/guides/guide-riot/',
|
||||
'/guides/guide-svelte/',
|
||||
'/guides/guide-preact/',
|
||||
'/guides/guide-web-components/',
|
||||
],
|
||||
configurations: [
|
||||
'/configurations/overview/',
|
||||
|
||||
Binary file not shown.
|
Before Width: | Height: | Size: 1.9 MiB After Width: | Height: | Size: 1.8 MiB |
@ -79,6 +79,7 @@ export const url = {
|
||||
mithril: `${docsUrl}/guides/guide-mithril/`,
|
||||
marko: `${docsUrl}/guides/guide-marko/`,
|
||||
riot: `${docsUrl}/guides/guide-riot/`,
|
||||
webComponents: `${docsUrl}/guides/guide-web-components/`,
|
||||
},
|
||||
|
||||
// Official addons
|
||||
|
||||
Binary file not shown.
|
Before Width: | Height: | Size: 148 KiB After Width: | Height: | Size: 148 KiB |
@ -197,3 +197,10 @@ bbc:
|
||||
description: React component library for BBC World Service and more
|
||||
demo: https://bbc.github.io/psammead/
|
||||
source: https://github.com/bbc/psammead
|
||||
pxblue:
|
||||
thumbnail: pxblue.png
|
||||
title: Power Xpert Blue
|
||||
description: A design system for Eaton applications, including component libraries for React, Angular, and React Native
|
||||
demo: https://pxblue-components.github.io/
|
||||
source: https://github.com/pxblue/react-component-library/tree/master/demos/storybook
|
||||
site: https://pxblue.github.io
|
||||
|
||||
BIN
docs/src/pages/examples/thumbnails/pxblue.png
Normal file
BIN
docs/src/pages/examples/thumbnails/pxblue.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 31 KiB |
111
docs/src/pages/guides/guide-web-components/index.md
Normal file
111
docs/src/pages/guides/guide-web-components/index.md
Normal file
@ -0,0 +1,111 @@
|
||||
---
|
||||
id: 'guide-web-components'
|
||||
title: 'Storybook for Web Components'
|
||||
---
|
||||
|
||||
## Automatic setup
|
||||
|
||||
You may have tried to use our quick start guide to setup your project for Storybook.
|
||||
If it failed because it couldn't detect you're using web components, you could try forcing it to use web_components:
|
||||
|
||||
```sh
|
||||
npx -p @storybook/cli sb init --type web_components
|
||||
```
|
||||
|
||||
## Manual setup
|
||||
|
||||
If you want to set up Storybook manually for your web components project, this is the guide for you.
|
||||
|
||||
## Step 1: Add dependencies
|
||||
|
||||
### Init npm if necessary
|
||||
|
||||
If you don't have `package.json` in your project, you'll need to init it first:
|
||||
|
||||
```sh
|
||||
npm init
|
||||
```
|
||||
|
||||
### Add @storybook/web-components
|
||||
|
||||
Add `@storybook/web-components` to your project. To do that, run:
|
||||
|
||||
```sh
|
||||
npm install @storybook/web-components --save-dev
|
||||
```
|
||||
|
||||
### Add lit-html, @babel/core and babel-loader
|
||||
|
||||
Make sure that you have `lit-html`, `@babel/core`, and `babel-loader` in your dependencies as well because we list these as a peer dependencies:
|
||||
|
||||
```sh
|
||||
npm install lit-html babel-loader @babel/core --save-dev
|
||||
```
|
||||
|
||||
## Step 2: Add npm scripts
|
||||
|
||||
Then add the following scripts to your `package.json` in order to start the storybook later in this guide:
|
||||
|
||||
```json
|
||||
{
|
||||
"scripts": {
|
||||
"storybook": "start-storybook",
|
||||
}
|
||||
}
|
||||
```
|
||||
|
||||
## Step 3: Create the main file
|
||||
|
||||
For a basic Storybook configuration, the only thing you need to do is tell Storybook where to find stories.
|
||||
|
||||
To do that, create a file at `.storybook/main.js` with the following content:
|
||||
|
||||
```js
|
||||
module.exports = {
|
||||
stories: ['../src/**/*.stories.[tj]s'],
|
||||
};
|
||||
```
|
||||
|
||||
That will load all the stories underneath your `../src` directory that match the pattern `*.stories.[tj]s`. We recommend co-locating your stories with your source files, but you can place them wherever you choose.
|
||||
|
||||
## Step 4: Write your stories
|
||||
|
||||
Now create a `../src/index.stories.js` file, and write your first story like this:
|
||||
|
||||
```js
|
||||
import { html } from 'lit-html';
|
||||
|
||||
export default { title: 'Button' };
|
||||
|
||||
export const WithText = () => html`
|
||||
<button @click=${() => console.log('clicked')}>
|
||||
Hello Button
|
||||
</button>
|
||||
`;
|
||||
|
||||
export const WithEmoji = () => html`
|
||||
<button>
|
||||
😀 😎 👍 💯
|
||||
</button>
|
||||
`;
|
||||
```
|
||||
|
||||
Each story is a single state of your component. In the above case, there are two stories for the demo button component:
|
||||
|
||||
```plaintext
|
||||
Button
|
||||
├── With Text
|
||||
└── With Emoji
|
||||
```
|
||||
|
||||
## Finally: Run your Storybook
|
||||
|
||||
Now everything is ready. Run your storybook with:
|
||||
|
||||
```sh
|
||||
npm run storybook
|
||||
```
|
||||
|
||||
Storybook should start, on a random open port in dev-mode.
|
||||
|
||||
Now you can develop your components and write stories and see the changes in Storybook immediately since it uses Webpack's hot module reloading.
|
||||
@ -52,5 +52,6 @@ To learn more about what the Storybook CLI command `sb init` command does, have
|
||||
- [Ember](/guides/guide-ember/)
|
||||
- [Riot](/guides/guide-riot/)
|
||||
- [Preact](/guides/guide-preact/)
|
||||
- [Web Components](/guides/guide-web-components/)
|
||||
|
||||
A step-by-step tutorial is available at [Learn Storybook](https://www.learnstorybook.com).
|
||||
|
||||
@ -1 +1 @@
|
||||
{"version":"6.0.0-beta.4","info":{"plain":"### Features\n\n- React: Add `argsStory` convenience function ([#10685](https://github.com/storybookjs/storybook/pull/10685))\n\n### Dependency Upgrades\n\n- Build: Upgrade jest to 26 ([#10669](https://github.com/storybookjs/storybook/pull/10669))"}}
|
||||
{"version":"6.0.0-beta.6","info":{"plain":"### Breaking Changes\n\n- Essentials: Update configuration heuristics for main.js ([#10737](https://github.com/storybookjs/storybook/pull/10737))\n\n### Features\n\n- Essentials: Add addon-actions ([#10748](https://github.com/storybookjs/storybook/pull/10748))\n- Essentials: Add addon-docs ([#10729](https://github.com/storybookjs/storybook/pull/10729))\n\n### Bug Fixes\n\n- UI: Reset layout properties when switching stories ([#10643](https://github.com/storybookjs/storybook/pull/10643))\n\n### Maintenance\n\n- CLI: react stories homogenization ([#10711](https://github.com/storybookjs/storybook/pull/10711))\n- CLI: vue stories homogenization ([#10708](https://github.com/storybookjs/storybook/pull/10708))\n- CLI: webpack react stories homogenization ([#10709](https://github.com/storybookjs/storybook/pull/10709))\n- CLI: svelte stories homogenization ([#10704](https://github.com/storybookjs/storybook/pull/10704))\n- CLI: react-scripts stories homogenization ([#10710](https://github.com/storybookjs/storybook/pull/10710))\n- CLI: mithril stories homogenization ([#10707](https://github.com/storybookjs/storybook/pull/10707))\n- CLI: rax stories homogenization ([#10706](https://github.com/storybookjs/storybook/pull/10706))\n- CLI: riot stories homogenization ([#10715](https://github.com/storybookjs/storybook/pull/10715))\n- CLI: ember stories homogenization ([#10713](https://github.com/storybookjs/storybook/pull/10713))\n- CLI: preact stories homogenization ([#10712](https://github.com/storybookjs/storybook/pull/10712))\n- CLI: sfc_vue stories homogenization ([#10714](https://github.com/storybookjs/storybook/pull/10714))\n\n### Dependency Upgrades\n\n- Revert \"Change reference for jest-preset-angular/build/setupJest as per migration guide\" ([#10727](https://github.com/storybookjs/storybook/pull/10727))"}}
|
||||
BIN
docs/static/img/addon-backgrounds.gif
vendored
BIN
docs/static/img/addon-backgrounds.gif
vendored
Binary file not shown.
|
Before Width: | Height: | Size: 3.6 MiB After Width: | Height: | Size: 3.4 MiB |
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "angular-cli",
|
||||
"version": "6.0.0-beta.4",
|
||||
"version": "6.0.0-beta.6",
|
||||
"private": true,
|
||||
"license": "MIT",
|
||||
"scripts": {
|
||||
@ -37,18 +37,18 @@
|
||||
"@angular/cli": "^9.1.0",
|
||||
"@angular/compiler-cli": "^9.1.0",
|
||||
"@compodoc/compodoc": "^1.1.11",
|
||||
"@storybook/addon-a11y": "6.0.0-beta.4",
|
||||
"@storybook/addon-actions": "6.0.0-beta.4",
|
||||
"@storybook/addon-backgrounds": "6.0.0-beta.4",
|
||||
"@storybook/addon-docs": "6.0.0-beta.4",
|
||||
"@storybook/addon-jest": "6.0.0-beta.4",
|
||||
"@storybook/addon-knobs": "6.0.0-beta.4",
|
||||
"@storybook/addon-links": "6.0.0-beta.4",
|
||||
"@storybook/addon-storyshots": "6.0.0-beta.4",
|
||||
"@storybook/addon-storysource": "6.0.0-beta.4",
|
||||
"@storybook/addons": "6.0.0-beta.4",
|
||||
"@storybook/angular": "6.0.0-beta.4",
|
||||
"@storybook/source-loader": "6.0.0-beta.4",
|
||||
"@storybook/addon-a11y": "6.0.0-beta.6",
|
||||
"@storybook/addon-actions": "6.0.0-beta.6",
|
||||
"@storybook/addon-backgrounds": "6.0.0-beta.6",
|
||||
"@storybook/addon-docs": "6.0.0-beta.6",
|
||||
"@storybook/addon-jest": "6.0.0-beta.6",
|
||||
"@storybook/addon-knobs": "6.0.0-beta.6",
|
||||
"@storybook/addon-links": "6.0.0-beta.6",
|
||||
"@storybook/addon-storyshots": "6.0.0-beta.6",
|
||||
"@storybook/addon-storysource": "6.0.0-beta.6",
|
||||
"@storybook/addons": "6.0.0-beta.6",
|
||||
"@storybook/angular": "6.0.0-beta.6",
|
||||
"@storybook/source-loader": "6.0.0-beta.6",
|
||||
"@types/core-js": "^2.5.0",
|
||||
"@types/jest": "^25.1.1",
|
||||
"@types/node": "^13.13.4",
|
||||
|
||||
@ -1,8 +1,8 @@
|
||||
{
|
||||
"name": "aurelia-kitchen-sink",
|
||||
"version": "6.0.0-beta.4",
|
||||
"description": "An Aurelia client application.",
|
||||
"version": "6.0.0-beta.6",
|
||||
"private": true,
|
||||
"description": "An Aurelia client application.",
|
||||
"repository": {
|
||||
"type": "git",
|
||||
"url": "???"
|
||||
@ -28,18 +28,18 @@
|
||||
"@aurelia/jit-html-browser": "^0.6.0",
|
||||
"@aurelia/runtime": "^0.6.0",
|
||||
"@aurelia/webpack-loader": "dev",
|
||||
"@storybook/addon-a11y": "6.0.0-beta.4",
|
||||
"@storybook/addon-actions": "6.0.0-beta.4",
|
||||
"@storybook/addon-backgrounds": "6.0.0-beta.4",
|
||||
"@storybook/addon-docs": "6.0.0-beta.4",
|
||||
"@storybook/addon-jest": "6.0.0-beta.4",
|
||||
"@storybook/addon-knobs": "6.0.0-beta.4",
|
||||
"@storybook/addon-links": "6.0.0-beta.4",
|
||||
"@storybook/addon-storyshots": "6.0.0-beta.4",
|
||||
"@storybook/addon-storysource": "6.0.0-beta.4",
|
||||
"@storybook/addons": "6.0.0-beta.4",
|
||||
"@storybook/aurelia": "6.0.0-beta.4",
|
||||
"@storybook/source-loader": "6.0.0-beta.4",
|
||||
"@storybook/addon-a11y": "6.0.0-beta.6",
|
||||
"@storybook/addon-actions": "6.0.0-beta.6",
|
||||
"@storybook/addon-backgrounds": "6.0.0-beta.6",
|
||||
"@storybook/addon-docs": "6.0.0-beta.6",
|
||||
"@storybook/addon-jest": "6.0.0-beta.6",
|
||||
"@storybook/addon-knobs": "6.0.0-beta.6",
|
||||
"@storybook/addon-links": "6.0.0-beta.6",
|
||||
"@storybook/addon-storyshots": "6.0.0-beta.6",
|
||||
"@storybook/addon-storysource": "6.0.0-beta.6",
|
||||
"@storybook/addons": "6.0.0-beta.6",
|
||||
"@storybook/aurelia": "6.0.0-beta.6",
|
||||
"@storybook/source-loader": "6.0.0-beta.6",
|
||||
"@types/node": "^12.0.0",
|
||||
"css-loader": "^3.0.0",
|
||||
"file-loader": "^4.2.0",
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "cra-kitchen-sink",
|
||||
"version": "6.0.0-beta.4",
|
||||
"version": "6.0.0-beta.6",
|
||||
"private": true,
|
||||
"scripts": {
|
||||
"build": "react-scripts build",
|
||||
@ -18,19 +18,19 @@
|
||||
"react-lifecycles-compat": "^3.0.4"
|
||||
},
|
||||
"devDependencies": {
|
||||
"@storybook/addon-a11y": "6.0.0-beta.4",
|
||||
"@storybook/addon-actions": "6.0.0-beta.4",
|
||||
"@storybook/addon-backgrounds": "6.0.0-beta.4",
|
||||
"@storybook/addon-docs": "6.0.0-beta.4",
|
||||
"@storybook/addon-events": "6.0.0-beta.4",
|
||||
"@storybook/addon-jest": "6.0.0-beta.4",
|
||||
"@storybook/addon-knobs": "6.0.0-beta.4",
|
||||
"@storybook/addon-links": "6.0.0-beta.4",
|
||||
"@storybook/addon-storyshots": "6.0.0-beta.4",
|
||||
"@storybook/addons": "6.0.0-beta.4",
|
||||
"@storybook/client-logger": "6.0.0-beta.4",
|
||||
"@storybook/react": "6.0.0-beta.4",
|
||||
"@storybook/theming": "6.0.0-beta.4",
|
||||
"@storybook/addon-a11y": "6.0.0-beta.6",
|
||||
"@storybook/addon-actions": "6.0.0-beta.6",
|
||||
"@storybook/addon-backgrounds": "6.0.0-beta.6",
|
||||
"@storybook/addon-docs": "6.0.0-beta.6",
|
||||
"@storybook/addon-events": "6.0.0-beta.6",
|
||||
"@storybook/addon-jest": "6.0.0-beta.6",
|
||||
"@storybook/addon-knobs": "6.0.0-beta.6",
|
||||
"@storybook/addon-links": "6.0.0-beta.6",
|
||||
"@storybook/addon-storyshots": "6.0.0-beta.6",
|
||||
"@storybook/addons": "6.0.0-beta.6",
|
||||
"@storybook/client-logger": "6.0.0-beta.6",
|
||||
"@storybook/react": "6.0.0-beta.6",
|
||||
"@storybook/theming": "6.0.0-beta.6",
|
||||
"react-scripts": "^3.0.1"
|
||||
},
|
||||
"storybook": {
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "cra-react15",
|
||||
"version": "6.0.0-beta.4",
|
||||
"version": "6.0.0-beta.6",
|
||||
"private": true,
|
||||
"scripts": {
|
||||
"build": "react-scripts build",
|
||||
@ -18,11 +18,11 @@
|
||||
"react-scripts": "3.0.1"
|
||||
},
|
||||
"devDependencies": {
|
||||
"@storybook/addon-actions": "6.0.0-beta.4",
|
||||
"@storybook/addon-links": "6.0.0-beta.4",
|
||||
"@storybook/addons": "6.0.0-beta.4",
|
||||
"@storybook/react": "6.0.0-beta.4",
|
||||
"@storybook/theming": "6.0.0-beta.4",
|
||||
"@storybook/addon-actions": "6.0.0-beta.6",
|
||||
"@storybook/addon-links": "6.0.0-beta.6",
|
||||
"@storybook/addons": "6.0.0-beta.6",
|
||||
"@storybook/react": "6.0.0-beta.6",
|
||||
"@storybook/theming": "6.0.0-beta.6",
|
||||
"babel-core": "6",
|
||||
"babel-runtime": "6"
|
||||
},
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "cra-ts-essentials",
|
||||
"version": "6.0.0-beta.4",
|
||||
"version": "6.0.0-beta.6",
|
||||
"private": true,
|
||||
"scripts": {
|
||||
"build": "react-scripts build",
|
||||
@ -34,10 +34,10 @@
|
||||
"typescript": "3.8.3"
|
||||
},
|
||||
"devDependencies": {
|
||||
"@storybook/addon-essentials": "6.0.0-beta.4",
|
||||
"@storybook/addons": "6.0.0-beta.4",
|
||||
"@storybook/addon-essentials": "6.0.0-beta.6",
|
||||
"@storybook/addons": "6.0.0-beta.6",
|
||||
"@storybook/preset-create-react-app": "^2.1.1",
|
||||
"@storybook/react": "6.0.0-beta.4"
|
||||
"@storybook/react": "6.0.0-beta.6"
|
||||
},
|
||||
"storybook": {
|
||||
"chromatic": {
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "cra-ts-kitchen-sink",
|
||||
"version": "6.0.0-beta.4",
|
||||
"version": "6.0.0-beta.6",
|
||||
"private": true,
|
||||
"scripts": {
|
||||
"build": "react-scripts build",
|
||||
@ -34,14 +34,14 @@
|
||||
"typescript": "3.8.3"
|
||||
},
|
||||
"devDependencies": {
|
||||
"@storybook/addon-a11y": "6.0.0-beta.4",
|
||||
"@storybook/addon-actions": "6.0.0-beta.4",
|
||||
"@storybook/addon-docs": "6.0.0-beta.4",
|
||||
"@storybook/addon-knobs": "6.0.0-beta.4",
|
||||
"@storybook/addon-links": "6.0.0-beta.4",
|
||||
"@storybook/addons": "6.0.0-beta.4",
|
||||
"@storybook/addon-a11y": "6.0.0-beta.6",
|
||||
"@storybook/addon-actions": "6.0.0-beta.6",
|
||||
"@storybook/addon-docs": "6.0.0-beta.6",
|
||||
"@storybook/addon-knobs": "6.0.0-beta.6",
|
||||
"@storybook/addon-links": "6.0.0-beta.6",
|
||||
"@storybook/addons": "6.0.0-beta.6",
|
||||
"@storybook/preset-create-react-app": "^2.1.1",
|
||||
"@storybook/react": "6.0.0-beta.4",
|
||||
"@storybook/react": "6.0.0-beta.6",
|
||||
"@types/enzyme": "^3.9.0",
|
||||
"enzyme": "^3.9.0",
|
||||
"enzyme-adapter-react-16": "^1.9.1",
|
||||
|
||||
@ -4,9 +4,9 @@ module.exports = {
|
||||
ember: {
|
||||
id: 'ember',
|
||||
title: 'Ember',
|
||||
url: 'https://deploy-preview-9210--storybookjs.netlify.app/ember-cli',
|
||||
url: 'https://next--storybookjs.netlify.app/ember-cli',
|
||||
},
|
||||
cra: 'https://deploy-preview-9210--storybookjs.netlify.app/cra-ts-kitchen-sink',
|
||||
cra: 'https://next--storybookjs.netlify.app/cra-ts-kitchen-sink',
|
||||
},
|
||||
webpack: async (config) => ({
|
||||
...config,
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/example-devkits",
|
||||
"version": "6.0.0-beta.4",
|
||||
"version": "6.0.0-beta.6",
|
||||
"private": true,
|
||||
"scripts": {
|
||||
"build-storybook": "cross-env STORYBOOK_DISPLAY_WARNING=true DISPLAY_WARNING=true build-storybook -c ./",
|
||||
@ -8,18 +8,18 @@
|
||||
"storybook": "cross-env STORYBOOK_DISPLAY_WARNING=true DISPLAY_WARNING=true start-storybook -p 9011 -c ./ --no-dll"
|
||||
},
|
||||
"devDependencies": {
|
||||
"@storybook/addon-decorator": "6.0.0-beta.4",
|
||||
"@storybook/addon-parameter": "6.0.0-beta.4",
|
||||
"@storybook/addon-preview-wrapper": "6.0.0-beta.4",
|
||||
"@storybook/addon-roundtrip": "6.0.0-beta.4",
|
||||
"@storybook/addons": "6.0.0-beta.4",
|
||||
"@storybook/api": "6.0.0-beta.4",
|
||||
"@storybook/client-api": "6.0.0-beta.4",
|
||||
"@storybook/components": "6.0.0-beta.4",
|
||||
"@storybook/core-events": "6.0.0-beta.4",
|
||||
"@storybook/node-logger": "6.0.0-beta.4",
|
||||
"@storybook/react": "6.0.0-beta.4",
|
||||
"@storybook/theming": "6.0.0-beta.4",
|
||||
"@storybook/addon-decorator": "6.0.0-beta.6",
|
||||
"@storybook/addon-parameter": "6.0.0-beta.6",
|
||||
"@storybook/addon-preview-wrapper": "6.0.0-beta.6",
|
||||
"@storybook/addon-roundtrip": "6.0.0-beta.6",
|
||||
"@storybook/addons": "6.0.0-beta.6",
|
||||
"@storybook/api": "6.0.0-beta.6",
|
||||
"@storybook/client-api": "6.0.0-beta.6",
|
||||
"@storybook/components": "6.0.0-beta.6",
|
||||
"@storybook/core-events": "6.0.0-beta.6",
|
||||
"@storybook/node-logger": "6.0.0-beta.6",
|
||||
"@storybook/react": "6.0.0-beta.6",
|
||||
"@storybook/theming": "6.0.0-beta.6",
|
||||
"cors": "^2.8.5",
|
||||
"cross-env": "^7.0.0",
|
||||
"enzyme-to-json": "^3.4.1",
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "ember-example",
|
||||
"version": "6.0.0-beta.4",
|
||||
"version": "6.0.0-beta.6",
|
||||
"private": true,
|
||||
"scripts": {
|
||||
"build": "ember build --output-path ember-output",
|
||||
@ -16,18 +16,18 @@
|
||||
"devDependencies": {
|
||||
"@babel/core": "^7.9.6",
|
||||
"@ember/optional-features": "^1.3.0",
|
||||
"@storybook/addon-a11y": "6.0.0-beta.4",
|
||||
"@storybook/addon-actions": "6.0.0-beta.4",
|
||||
"@storybook/addon-backgrounds": "6.0.0-beta.4",
|
||||
"@storybook/addon-docs": "6.0.0-beta.4",
|
||||
"@storybook/addon-knobs": "6.0.0-beta.4",
|
||||
"@storybook/addon-links": "6.0.0-beta.4",
|
||||
"@storybook/addon-storysource": "6.0.0-beta.4",
|
||||
"@storybook/addon-viewport": "6.0.0-beta.4",
|
||||
"@storybook/addons": "6.0.0-beta.4",
|
||||
"@storybook/ember": "6.0.0-beta.4",
|
||||
"@storybook/addon-a11y": "6.0.0-beta.6",
|
||||
"@storybook/addon-actions": "6.0.0-beta.6",
|
||||
"@storybook/addon-backgrounds": "6.0.0-beta.6",
|
||||
"@storybook/addon-docs": "6.0.0-beta.6",
|
||||
"@storybook/addon-knobs": "6.0.0-beta.6",
|
||||
"@storybook/addon-links": "6.0.0-beta.6",
|
||||
"@storybook/addon-storysource": "6.0.0-beta.6",
|
||||
"@storybook/addon-viewport": "6.0.0-beta.6",
|
||||
"@storybook/addons": "6.0.0-beta.6",
|
||||
"@storybook/ember": "6.0.0-beta.6",
|
||||
"@storybook/ember-cli-storybook": "^0.2.1",
|
||||
"@storybook/source-loader": "6.0.0-beta.4",
|
||||
"@storybook/source-loader": "6.0.0-beta.6",
|
||||
"babel-loader": "^8",
|
||||
"broccoli-asset-rev": "^3.0.0",
|
||||
"cross-env": "^7.0.0",
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "html-kitchen-sink",
|
||||
"version": "6.0.0-beta.4",
|
||||
"version": "6.0.0-beta.6",
|
||||
"private": true,
|
||||
"description": "",
|
||||
"keywords": [],
|
||||
@ -13,23 +13,23 @@
|
||||
"storybook": "start-storybook -p 9006"
|
||||
},
|
||||
"devDependencies": {
|
||||
"@storybook/addon-a11y": "6.0.0-beta.4",
|
||||
"@storybook/addon-actions": "6.0.0-beta.4",
|
||||
"@storybook/addon-backgrounds": "6.0.0-beta.4",
|
||||
"@storybook/addon-docs": "6.0.0-beta.4",
|
||||
"@storybook/addon-events": "6.0.0-beta.4",
|
||||
"@storybook/addon-jest": "6.0.0-beta.4",
|
||||
"@storybook/addon-knobs": "6.0.0-beta.4",
|
||||
"@storybook/addon-links": "6.0.0-beta.4",
|
||||
"@storybook/addon-storyshots": "6.0.0-beta.4",
|
||||
"@storybook/addon-storysource": "6.0.0-beta.4",
|
||||
"@storybook/addon-viewport": "6.0.0-beta.4",
|
||||
"@storybook/addons": "6.0.0-beta.4",
|
||||
"@storybook/client-api": "6.0.0-beta.4",
|
||||
"@storybook/core": "6.0.0-beta.4",
|
||||
"@storybook/core-events": "6.0.0-beta.4",
|
||||
"@storybook/html": "6.0.0-beta.4",
|
||||
"@storybook/source-loader": "6.0.0-beta.4",
|
||||
"@storybook/addon-a11y": "6.0.0-beta.6",
|
||||
"@storybook/addon-actions": "6.0.0-beta.6",
|
||||
"@storybook/addon-backgrounds": "6.0.0-beta.6",
|
||||
"@storybook/addon-docs": "6.0.0-beta.6",
|
||||
"@storybook/addon-events": "6.0.0-beta.6",
|
||||
"@storybook/addon-jest": "6.0.0-beta.6",
|
||||
"@storybook/addon-knobs": "6.0.0-beta.6",
|
||||
"@storybook/addon-links": "6.0.0-beta.6",
|
||||
"@storybook/addon-storyshots": "6.0.0-beta.6",
|
||||
"@storybook/addon-storysource": "6.0.0-beta.6",
|
||||
"@storybook/addon-viewport": "6.0.0-beta.6",
|
||||
"@storybook/addons": "6.0.0-beta.6",
|
||||
"@storybook/client-api": "6.0.0-beta.6",
|
||||
"@storybook/core": "6.0.0-beta.6",
|
||||
"@storybook/core-events": "6.0.0-beta.6",
|
||||
"@storybook/html": "6.0.0-beta.6",
|
||||
"@storybook/source-loader": "6.0.0-beta.6",
|
||||
"eventemitter3": "^4.0.0",
|
||||
"format-json": "^1.0.3",
|
||||
"global": "^4.3.2",
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "marko-cli",
|
||||
"version": "6.0.0-beta.4",
|
||||
"version": "6.0.0-beta.6",
|
||||
"private": true,
|
||||
"description": "Demo of how to build an app using marko-starter",
|
||||
"repository": {
|
||||
@ -23,13 +23,13 @@
|
||||
"marko-starter": "^2.1.0"
|
||||
},
|
||||
"devDependencies": {
|
||||
"@storybook/addon-a11y": "6.0.0-beta.4",
|
||||
"@storybook/addon-actions": "6.0.0-beta.4",
|
||||
"@storybook/addon-knobs": "6.0.0-beta.4",
|
||||
"@storybook/addon-storysource": "6.0.0-beta.4",
|
||||
"@storybook/addons": "6.0.0-beta.4",
|
||||
"@storybook/marko": "6.0.0-beta.4",
|
||||
"@storybook/source-loader": "6.0.0-beta.4",
|
||||
"@storybook/addon-a11y": "6.0.0-beta.6",
|
||||
"@storybook/addon-actions": "6.0.0-beta.6",
|
||||
"@storybook/addon-knobs": "6.0.0-beta.6",
|
||||
"@storybook/addon-storysource": "6.0.0-beta.6",
|
||||
"@storybook/addons": "6.0.0-beta.6",
|
||||
"@storybook/marko": "6.0.0-beta.6",
|
||||
"@storybook/source-loader": "6.0.0-beta.6",
|
||||
"prettier": "^2.0.5",
|
||||
"webpack": "^4.33.0"
|
||||
},
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "mithril-example",
|
||||
"version": "6.0.0-beta.4",
|
||||
"version": "6.0.0-beta.6",
|
||||
"private": true,
|
||||
"scripts": {
|
||||
"build-storybook": "build-storybook",
|
||||
@ -10,17 +10,17 @@
|
||||
"mithril": "^1.1.6"
|
||||
},
|
||||
"devDependencies": {
|
||||
"@storybook/addon-a11y": "6.0.0-beta.4",
|
||||
"@storybook/addon-actions": "6.0.0-beta.4",
|
||||
"@storybook/addon-backgrounds": "6.0.0-beta.4",
|
||||
"@storybook/addon-knobs": "6.0.0-beta.4",
|
||||
"@storybook/addon-links": "6.0.0-beta.4",
|
||||
"@storybook/addon-storyshots": "6.0.0-beta.4",
|
||||
"@storybook/addon-storysource": "6.0.0-beta.4",
|
||||
"@storybook/addon-viewport": "6.0.0-beta.4",
|
||||
"@storybook/addons": "6.0.0-beta.4",
|
||||
"@storybook/mithril": "6.0.0-beta.4",
|
||||
"@storybook/source-loader": "6.0.0-beta.4",
|
||||
"@storybook/addon-a11y": "6.0.0-beta.6",
|
||||
"@storybook/addon-actions": "6.0.0-beta.6",
|
||||
"@storybook/addon-backgrounds": "6.0.0-beta.6",
|
||||
"@storybook/addon-knobs": "6.0.0-beta.6",
|
||||
"@storybook/addon-links": "6.0.0-beta.6",
|
||||
"@storybook/addon-storyshots": "6.0.0-beta.6",
|
||||
"@storybook/addon-storysource": "6.0.0-beta.6",
|
||||
"@storybook/addon-viewport": "6.0.0-beta.6",
|
||||
"@storybook/addons": "6.0.0-beta.6",
|
||||
"@storybook/mithril": "6.0.0-beta.6",
|
||||
"@storybook/source-loader": "6.0.0-beta.6",
|
||||
"webpack": "^4.33.0"
|
||||
},
|
||||
"storybook": {
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "official-storybook",
|
||||
"version": "6.0.0-beta.4",
|
||||
"version": "6.0.0-beta.6",
|
||||
"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.0.1",
|
||||
"@storybook/addon-a11y": "6.0.0-beta.4",
|
||||
"@storybook/addon-actions": "6.0.0-beta.4",
|
||||
"@storybook/addon-backgrounds": "6.0.0-beta.4",
|
||||
"@storybook/addon-cssresources": "6.0.0-beta.4",
|
||||
"@storybook/addon-design-assets": "6.0.0-beta.4",
|
||||
"@storybook/addon-docs": "6.0.0-beta.4",
|
||||
"@storybook/addon-events": "6.0.0-beta.4",
|
||||
"@storybook/addon-graphql": "6.0.0-beta.4",
|
||||
"@storybook/addon-jest": "6.0.0-beta.4",
|
||||
"@storybook/addon-knobs": "6.0.0-beta.4",
|
||||
"@storybook/addon-links": "6.0.0-beta.4",
|
||||
"@storybook/addon-queryparams": "6.0.0-beta.4",
|
||||
"@storybook/addon-storyshots": "6.0.0-beta.4",
|
||||
"@storybook/addon-storyshots-puppeteer": "6.0.0-beta.4",
|
||||
"@storybook/addon-storysource": "6.0.0-beta.4",
|
||||
"@storybook/addon-toolbars": "6.0.0-beta.4",
|
||||
"@storybook/addon-viewport": "6.0.0-beta.4",
|
||||
"@storybook/addons": "6.0.0-beta.4",
|
||||
"@storybook/cli": "6.0.0-beta.4",
|
||||
"@storybook/components": "6.0.0-beta.4",
|
||||
"@storybook/core-events": "6.0.0-beta.4",
|
||||
"@storybook/node-logger": "6.0.0-beta.4",
|
||||
"@storybook/react": "6.0.0-beta.4",
|
||||
"@storybook/source-loader": "6.0.0-beta.4",
|
||||
"@storybook/theming": "6.0.0-beta.4",
|
||||
"@storybook/addon-a11y": "6.0.0-beta.6",
|
||||
"@storybook/addon-actions": "6.0.0-beta.6",
|
||||
"@storybook/addon-backgrounds": "6.0.0-beta.6",
|
||||
"@storybook/addon-cssresources": "6.0.0-beta.6",
|
||||
"@storybook/addon-design-assets": "6.0.0-beta.6",
|
||||
"@storybook/addon-docs": "6.0.0-beta.6",
|
||||
"@storybook/addon-events": "6.0.0-beta.6",
|
||||
"@storybook/addon-graphql": "6.0.0-beta.6",
|
||||
"@storybook/addon-jest": "6.0.0-beta.6",
|
||||
"@storybook/addon-knobs": "6.0.0-beta.6",
|
||||
"@storybook/addon-links": "6.0.0-beta.6",
|
||||
"@storybook/addon-queryparams": "6.0.0-beta.6",
|
||||
"@storybook/addon-storyshots": "6.0.0-beta.6",
|
||||
"@storybook/addon-storyshots-puppeteer": "6.0.0-beta.6",
|
||||
"@storybook/addon-storysource": "6.0.0-beta.6",
|
||||
"@storybook/addon-toolbars": "6.0.0-beta.6",
|
||||
"@storybook/addon-viewport": "6.0.0-beta.6",
|
||||
"@storybook/addons": "6.0.0-beta.6",
|
||||
"@storybook/cli": "6.0.0-beta.6",
|
||||
"@storybook/components": "6.0.0-beta.6",
|
||||
"@storybook/core-events": "6.0.0-beta.6",
|
||||
"@storybook/node-logger": "6.0.0-beta.6",
|
||||
"@storybook/react": "6.0.0-beta.6",
|
||||
"@storybook/source-loader": "6.0.0-beta.6",
|
||||
"@storybook/theming": "6.0.0-beta.6",
|
||||
"chromatic": "^4.0.2",
|
||||
"cors": "^2.8.5",
|
||||
"cross-env": "^7.0.0",
|
||||
|
||||
@ -30,4 +30,4 @@ export const CenteredInline = () => <Box display="inline-block">centered</Box>;
|
||||
CenteredInline.story = { parameters: { layout: 'centered' } };
|
||||
|
||||
export const Invalid = () => <Box>invalid layout value</Box>;
|
||||
CenteredInline.story = { parameters: { layout: '!invalid!' } };
|
||||
Invalid.story = { parameters: { layout: '!invalid!' } };
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "preact-example",
|
||||
"version": "6.0.0-beta.4",
|
||||
"version": "6.0.0-beta.6",
|
||||
"private": true,
|
||||
"scripts": {
|
||||
"build": "cross-env NODE_ENV=production webpack --progress --hide-modules",
|
||||
@ -15,17 +15,17 @@
|
||||
"devDependencies": {
|
||||
"@babel/core": "^7.9.6",
|
||||
"@babel/plugin-transform-runtime": "^7.9.6",
|
||||
"@storybook/addon-a11y": "6.0.0-beta.4",
|
||||
"@storybook/addon-actions": "6.0.0-beta.4",
|
||||
"@storybook/addon-backgrounds": "6.0.0-beta.4",
|
||||
"@storybook/addon-knobs": "6.0.0-beta.4",
|
||||
"@storybook/addon-links": "6.0.0-beta.4",
|
||||
"@storybook/addon-storyshots": "6.0.0-beta.4",
|
||||
"@storybook/addon-storysource": "6.0.0-beta.4",
|
||||
"@storybook/addon-viewport": "6.0.0-beta.4",
|
||||
"@storybook/addons": "6.0.0-beta.4",
|
||||
"@storybook/preact": "6.0.0-beta.4",
|
||||
"@storybook/source-loader": "6.0.0-beta.4",
|
||||
"@storybook/addon-a11y": "6.0.0-beta.6",
|
||||
"@storybook/addon-actions": "6.0.0-beta.6",
|
||||
"@storybook/addon-backgrounds": "6.0.0-beta.6",
|
||||
"@storybook/addon-knobs": "6.0.0-beta.6",
|
||||
"@storybook/addon-links": "6.0.0-beta.6",
|
||||
"@storybook/addon-storyshots": "6.0.0-beta.6",
|
||||
"@storybook/addon-storysource": "6.0.0-beta.6",
|
||||
"@storybook/addon-viewport": "6.0.0-beta.6",
|
||||
"@storybook/addons": "6.0.0-beta.6",
|
||||
"@storybook/preact": "6.0.0-beta.6",
|
||||
"@storybook/source-loader": "6.0.0-beta.6",
|
||||
"babel-loader": "^8.0.4",
|
||||
"cross-env": "^7.0.0",
|
||||
"file-loader": "^6.0.0",
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "rax-kitchen-sink",
|
||||
"version": "6.0.0-beta.4",
|
||||
"version": "6.0.0-beta.6",
|
||||
"private": true,
|
||||
"scripts": {
|
||||
"build": "build-scripts build",
|
||||
@ -20,20 +20,20 @@
|
||||
"devDependencies": {
|
||||
"@alib/build-scripts": "^0.1.8",
|
||||
"@babel/preset-react": "^7.7.4",
|
||||
"@storybook/addon-a11y": "6.0.0-beta.4",
|
||||
"@storybook/addon-actions": "6.0.0-beta.4",
|
||||
"@storybook/addon-backgrounds": "6.0.0-beta.4",
|
||||
"@storybook/addon-events": "6.0.0-beta.4",
|
||||
"@storybook/addon-jest": "6.0.0-beta.4",
|
||||
"@storybook/addon-knobs": "6.0.0-beta.4",
|
||||
"@storybook/addon-links": "6.0.0-beta.4",
|
||||
"@storybook/addon-storyshots": "6.0.0-beta.4",
|
||||
"@storybook/addon-storysource": "6.0.0-beta.4",
|
||||
"@storybook/addon-viewport": "6.0.0-beta.4",
|
||||
"@storybook/addons": "6.0.0-beta.4",
|
||||
"@storybook/rax": "6.0.0-beta.4",
|
||||
"@storybook/source-loader": "6.0.0-beta.4",
|
||||
"@storybook/theming": "6.0.0-beta.4",
|
||||
"@storybook/addon-a11y": "6.0.0-beta.6",
|
||||
"@storybook/addon-actions": "6.0.0-beta.6",
|
||||
"@storybook/addon-backgrounds": "6.0.0-beta.6",
|
||||
"@storybook/addon-events": "6.0.0-beta.6",
|
||||
"@storybook/addon-jest": "6.0.0-beta.6",
|
||||
"@storybook/addon-knobs": "6.0.0-beta.6",
|
||||
"@storybook/addon-links": "6.0.0-beta.6",
|
||||
"@storybook/addon-storyshots": "6.0.0-beta.6",
|
||||
"@storybook/addon-storysource": "6.0.0-beta.6",
|
||||
"@storybook/addon-viewport": "6.0.0-beta.6",
|
||||
"@storybook/addons": "6.0.0-beta.6",
|
||||
"@storybook/rax": "6.0.0-beta.6",
|
||||
"@storybook/source-loader": "6.0.0-beta.6",
|
||||
"@storybook/theming": "6.0.0-beta.6",
|
||||
"babel-eslint": "^10.0.3",
|
||||
"build-plugin-rax-app": "^0.2.0",
|
||||
"stylesheet-loader": "^0.8.0"
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "riot-example",
|
||||
"version": "6.0.0-beta.4",
|
||||
"version": "6.0.0-beta.6",
|
||||
"private": true,
|
||||
"scripts": {
|
||||
"build": "cross-env NODE_ENV=production webpack --progress --hide-modules",
|
||||
@ -15,17 +15,17 @@
|
||||
},
|
||||
"devDependencies": {
|
||||
"@babel/core": "^7.9.6",
|
||||
"@storybook/addon-a11y": "6.0.0-beta.4",
|
||||
"@storybook/addon-actions": "6.0.0-beta.4",
|
||||
"@storybook/addon-backgrounds": "6.0.0-beta.4",
|
||||
"@storybook/addon-knobs": "6.0.0-beta.4",
|
||||
"@storybook/addon-links": "6.0.0-beta.4",
|
||||
"@storybook/addon-storyshots": "6.0.0-beta.4",
|
||||
"@storybook/addon-storysource": "6.0.0-beta.4",
|
||||
"@storybook/addon-viewport": "6.0.0-beta.4",
|
||||
"@storybook/addons": "6.0.0-beta.4",
|
||||
"@storybook/riot": "6.0.0-beta.4",
|
||||
"@storybook/source-loader": "6.0.0-beta.4",
|
||||
"@storybook/addon-a11y": "6.0.0-beta.6",
|
||||
"@storybook/addon-actions": "6.0.0-beta.6",
|
||||
"@storybook/addon-backgrounds": "6.0.0-beta.6",
|
||||
"@storybook/addon-knobs": "6.0.0-beta.6",
|
||||
"@storybook/addon-links": "6.0.0-beta.6",
|
||||
"@storybook/addon-storyshots": "6.0.0-beta.6",
|
||||
"@storybook/addon-storysource": "6.0.0-beta.6",
|
||||
"@storybook/addon-viewport": "6.0.0-beta.6",
|
||||
"@storybook/addons": "6.0.0-beta.6",
|
||||
"@storybook/riot": "6.0.0-beta.6",
|
||||
"@storybook/source-loader": "6.0.0-beta.6",
|
||||
"babel-loader": "^8.0.4",
|
||||
"cross-env": "^7.0.0",
|
||||
"file-loader": "^6.0.0",
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "server-kitchen-sink",
|
||||
"version": "6.0.0-beta.4",
|
||||
"version": "6.0.0-beta.6",
|
||||
"private": true,
|
||||
"description": "",
|
||||
"keywords": [],
|
||||
@ -14,13 +14,13 @@
|
||||
"storybook": "SERVER_PORT=1137 start-storybook -p 9006 --quiet"
|
||||
},
|
||||
"devDependencies": {
|
||||
"@storybook/addon-a11y": "6.0.0-beta.4",
|
||||
"@storybook/addon-actions": "6.0.0-beta.4",
|
||||
"@storybook/addon-backgrounds": "6.0.0-beta.4",
|
||||
"@storybook/addon-knobs": "6.0.0-beta.4",
|
||||
"@storybook/addon-links": "6.0.0-beta.4",
|
||||
"@storybook/node-logger": "6.0.0-beta.4",
|
||||
"@storybook/server": "6.0.0-beta.4",
|
||||
"@storybook/addon-a11y": "6.0.0-beta.6",
|
||||
"@storybook/addon-actions": "6.0.0-beta.6",
|
||||
"@storybook/addon-backgrounds": "6.0.0-beta.6",
|
||||
"@storybook/addon-knobs": "6.0.0-beta.6",
|
||||
"@storybook/addon-links": "6.0.0-beta.6",
|
||||
"@storybook/node-logger": "6.0.0-beta.6",
|
||||
"@storybook/server": "6.0.0-beta.6",
|
||||
"concurrently": "^5.2.0",
|
||||
"cors": "^2.8.5",
|
||||
"express": "~4.17.1",
|
||||
|
||||
@ -1,12 +1,12 @@
|
||||
{
|
||||
"name": "standalone-preview",
|
||||
"version": "6.0.0-beta.4",
|
||||
"version": "6.0.0-beta.6",
|
||||
"private": true,
|
||||
"scripts": {
|
||||
"storybook": "parcel ./storybook.html --port 1337"
|
||||
},
|
||||
"devDependencies": {
|
||||
"@storybook/react": "6.0.0-beta.4",
|
||||
"@storybook/react": "6.0.0-beta.6",
|
||||
"parcel": "^1.12.3",
|
||||
"react": "^16.8.4",
|
||||
"react-dom": "^16.8.4"
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "svelte-example",
|
||||
"version": "6.0.0-beta.4",
|
||||
"version": "6.0.0-beta.6",
|
||||
"private": true,
|
||||
"scripts": {
|
||||
"build-storybook": "build-storybook -s public",
|
||||
@ -10,18 +10,18 @@
|
||||
"global": "^4.3.2"
|
||||
},
|
||||
"devDependencies": {
|
||||
"@storybook/addon-a11y": "6.0.0-beta.4",
|
||||
"@storybook/addon-actions": "6.0.0-beta.4",
|
||||
"@storybook/addon-backgrounds": "6.0.0-beta.4",
|
||||
"@storybook/addon-docs": "6.0.0-beta.4",
|
||||
"@storybook/addon-knobs": "6.0.0-beta.4",
|
||||
"@storybook/addon-links": "6.0.0-beta.4",
|
||||
"@storybook/addon-storyshots": "6.0.0-beta.4",
|
||||
"@storybook/addon-storysource": "6.0.0-beta.4",
|
||||
"@storybook/addon-viewport": "6.0.0-beta.4",
|
||||
"@storybook/addons": "6.0.0-beta.4",
|
||||
"@storybook/source-loader": "6.0.0-beta.4",
|
||||
"@storybook/svelte": "6.0.0-beta.4"
|
||||
"@storybook/addon-a11y": "6.0.0-beta.6",
|
||||
"@storybook/addon-actions": "6.0.0-beta.6",
|
||||
"@storybook/addon-backgrounds": "6.0.0-beta.6",
|
||||
"@storybook/addon-docs": "6.0.0-beta.6",
|
||||
"@storybook/addon-knobs": "6.0.0-beta.6",
|
||||
"@storybook/addon-links": "6.0.0-beta.6",
|
||||
"@storybook/addon-storyshots": "6.0.0-beta.6",
|
||||
"@storybook/addon-storysource": "6.0.0-beta.6",
|
||||
"@storybook/addon-viewport": "6.0.0-beta.6",
|
||||
"@storybook/addons": "6.0.0-beta.6",
|
||||
"@storybook/source-loader": "6.0.0-beta.6",
|
||||
"@storybook/svelte": "6.0.0-beta.6"
|
||||
},
|
||||
"storybook": {
|
||||
"chromatic": {
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "vue-example",
|
||||
"version": "6.0.0-beta.4",
|
||||
"version": "6.0.0-beta.6",
|
||||
"private": true,
|
||||
"scripts": {
|
||||
"build": "cross-env NODE_ENV=production webpack --progress --hide-modules",
|
||||
@ -14,18 +14,18 @@
|
||||
},
|
||||
"devDependencies": {
|
||||
"@babel/core": "^7.9.6",
|
||||
"@storybook/addon-a11y": "6.0.0-beta.4",
|
||||
"@storybook/addon-actions": "6.0.0-beta.4",
|
||||
"@storybook/addon-backgrounds": "6.0.0-beta.4",
|
||||
"@storybook/addon-docs": "6.0.0-beta.4",
|
||||
"@storybook/addon-knobs": "6.0.0-beta.4",
|
||||
"@storybook/addon-links": "6.0.0-beta.4",
|
||||
"@storybook/addon-storyshots": "6.0.0-beta.4",
|
||||
"@storybook/addon-storysource": "6.0.0-beta.4",
|
||||
"@storybook/addon-viewport": "6.0.0-beta.4",
|
||||
"@storybook/addons": "6.0.0-beta.4",
|
||||
"@storybook/source-loader": "6.0.0-beta.4",
|
||||
"@storybook/vue": "6.0.0-beta.4",
|
||||
"@storybook/addon-a11y": "6.0.0-beta.6",
|
||||
"@storybook/addon-actions": "6.0.0-beta.6",
|
||||
"@storybook/addon-backgrounds": "6.0.0-beta.6",
|
||||
"@storybook/addon-docs": "6.0.0-beta.6",
|
||||
"@storybook/addon-knobs": "6.0.0-beta.6",
|
||||
"@storybook/addon-links": "6.0.0-beta.6",
|
||||
"@storybook/addon-storyshots": "6.0.0-beta.6",
|
||||
"@storybook/addon-storysource": "6.0.0-beta.6",
|
||||
"@storybook/addon-viewport": "6.0.0-beta.6",
|
||||
"@storybook/addons": "6.0.0-beta.6",
|
||||
"@storybook/source-loader": "6.0.0-beta.6",
|
||||
"@storybook/vue": "6.0.0-beta.6",
|
||||
"babel-core": "^7.0.0-bridge.0",
|
||||
"babel-loader": "^8.0.5",
|
||||
"cross-env": "^7.0.0",
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "web-components-kitchen-sink",
|
||||
"version": "6.0.0-beta.4",
|
||||
"version": "6.0.0-beta.6",
|
||||
"private": true,
|
||||
"description": "",
|
||||
"keywords": [],
|
||||
@ -12,23 +12,23 @@
|
||||
"storybook": "start-storybook -p 9006"
|
||||
},
|
||||
"devDependencies": {
|
||||
"@storybook/addon-a11y": "6.0.0-beta.4",
|
||||
"@storybook/addon-actions": "6.0.0-beta.4",
|
||||
"@storybook/addon-backgrounds": "6.0.0-beta.4",
|
||||
"@storybook/addon-docs": "6.0.0-beta.4",
|
||||
"@storybook/addon-events": "6.0.0-beta.4",
|
||||
"@storybook/addon-jest": "6.0.0-beta.4",
|
||||
"@storybook/addon-knobs": "6.0.0-beta.4",
|
||||
"@storybook/addon-links": "6.0.0-beta.4",
|
||||
"@storybook/addon-storyshots": "6.0.0-beta.4",
|
||||
"@storybook/addon-storysource": "6.0.0-beta.4",
|
||||
"@storybook/addon-viewport": "6.0.0-beta.4",
|
||||
"@storybook/addons": "6.0.0-beta.4",
|
||||
"@storybook/client-api": "6.0.0-beta.4",
|
||||
"@storybook/core": "6.0.0-beta.4",
|
||||
"@storybook/core-events": "6.0.0-beta.4",
|
||||
"@storybook/source-loader": "6.0.0-beta.4",
|
||||
"@storybook/web-components": "6.0.0-beta.4",
|
||||
"@storybook/addon-a11y": "6.0.0-beta.6",
|
||||
"@storybook/addon-actions": "6.0.0-beta.6",
|
||||
"@storybook/addon-backgrounds": "6.0.0-beta.6",
|
||||
"@storybook/addon-docs": "6.0.0-beta.6",
|
||||
"@storybook/addon-events": "6.0.0-beta.6",
|
||||
"@storybook/addon-jest": "6.0.0-beta.6",
|
||||
"@storybook/addon-knobs": "6.0.0-beta.6",
|
||||
"@storybook/addon-links": "6.0.0-beta.6",
|
||||
"@storybook/addon-storyshots": "6.0.0-beta.6",
|
||||
"@storybook/addon-storysource": "6.0.0-beta.6",
|
||||
"@storybook/addon-viewport": "6.0.0-beta.6",
|
||||
"@storybook/addons": "6.0.0-beta.6",
|
||||
"@storybook/client-api": "6.0.0-beta.6",
|
||||
"@storybook/core": "6.0.0-beta.6",
|
||||
"@storybook/core-events": "6.0.0-beta.6",
|
||||
"@storybook/source-loader": "6.0.0-beta.6",
|
||||
"@storybook/web-components": "6.0.0-beta.6",
|
||||
"babel-loader": "^8.0.5",
|
||||
"eventemitter3": "^4.0.0",
|
||||
"format-json": "^1.0.3",
|
||||
|
||||
@ -2,5 +2,5 @@
|
||||
"npmClient": "yarn",
|
||||
"useWorkspaces": true,
|
||||
"registry": "https://registry.npmjs.org",
|
||||
"version": "6.0.0-beta.4"
|
||||
"version": "6.0.0-beta.6"
|
||||
}
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/addons",
|
||||
"version": "6.0.0-beta.4",
|
||||
"version": "6.0.0-beta.6",
|
||||
"description": "Storybook addons store",
|
||||
"keywords": [
|
||||
"storybook"
|
||||
@ -28,12 +28,12 @@
|
||||
"prepare": "node ../../scripts/prepare.js"
|
||||
},
|
||||
"dependencies": {
|
||||
"@storybook/api": "6.0.0-beta.4",
|
||||
"@storybook/channels": "6.0.0-beta.4",
|
||||
"@storybook/client-logger": "6.0.0-beta.4",
|
||||
"@storybook/core-events": "6.0.0-beta.4",
|
||||
"@storybook/router": "6.0.0-beta.4",
|
||||
"@storybook/theming": "6.0.0-beta.4",
|
||||
"@storybook/api": "6.0.0-beta.6",
|
||||
"@storybook/channels": "6.0.0-beta.6",
|
||||
"@storybook/client-logger": "6.0.0-beta.6",
|
||||
"@storybook/core-events": "6.0.0-beta.6",
|
||||
"@storybook/router": "6.0.0-beta.6",
|
||||
"@storybook/theming": "6.0.0-beta.6",
|
||||
"core-js": "^3.0.1",
|
||||
"global": "^4.3.2",
|
||||
"regenerator-runtime": "^0.13.3"
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/api",
|
||||
"version": "6.0.0-beta.4",
|
||||
"version": "6.0.0-beta.6",
|
||||
"description": "Core Storybook API & Context",
|
||||
"keywords": [
|
||||
"storybook"
|
||||
@ -28,12 +28,12 @@
|
||||
},
|
||||
"dependencies": {
|
||||
"@reach/router": "^1.3.3",
|
||||
"@storybook/channels": "6.0.0-beta.4",
|
||||
"@storybook/client-logger": "6.0.0-beta.4",
|
||||
"@storybook/core-events": "6.0.0-beta.4",
|
||||
"@storybook/channels": "6.0.0-beta.6",
|
||||
"@storybook/client-logger": "6.0.0-beta.6",
|
||||
"@storybook/core-events": "6.0.0-beta.6",
|
||||
"@storybook/csf": "0.0.1",
|
||||
"@storybook/router": "6.0.0-beta.4",
|
||||
"@storybook/theming": "6.0.0-beta.4",
|
||||
"@storybook/router": "6.0.0-beta.6",
|
||||
"@storybook/theming": "6.0.0-beta.6",
|
||||
"@types/reach__router": "^1.2.3",
|
||||
"core-js": "^3.0.1",
|
||||
"fast-deep-equal": "^3.1.1",
|
||||
|
||||
@ -111,11 +111,11 @@ export interface SetStoriesPayload {
|
||||
|
||||
export interface SetStoriesPayloadV2 extends SetStoriesPayload {
|
||||
v: 2;
|
||||
error?: Error;
|
||||
globalParameters: Parameters;
|
||||
kindParameters: {
|
||||
[kind: string]: Parameters;
|
||||
};
|
||||
stories: StoriesRaw;
|
||||
}
|
||||
|
||||
const warnUsingHierarchySeparatorsAndShowRoots = deprecate(
|
||||
|
||||
@ -25,6 +25,7 @@ export interface SubAPI {
|
||||
getRefs: () => Refs;
|
||||
checkRef: (ref: SetRefData) => Promise<void>;
|
||||
changeRefVersion: (id: string, url: string) => void;
|
||||
changeRefState: (id: string, ready: boolean) => void;
|
||||
}
|
||||
|
||||
export type Mapper = (ref: ComposedRef, story: StoryInput) => StoryInput;
|
||||
@ -96,6 +97,15 @@ export const init: ModuleFn = ({ store, provider }) => {
|
||||
|
||||
api.checkRef(ref);
|
||||
},
|
||||
changeRefState: (id, ready) => {
|
||||
const refs = api.getRefs();
|
||||
store.setState({
|
||||
refs: {
|
||||
...refs,
|
||||
[id]: { ...refs[id], ready },
|
||||
},
|
||||
});
|
||||
},
|
||||
checkRef: async (ref) => {
|
||||
const { id, url } = ref;
|
||||
|
||||
|
||||
@ -38,6 +38,7 @@ export interface SubState {
|
||||
storyId: StoryId;
|
||||
viewMode: ViewMode;
|
||||
storiesConfigured: boolean;
|
||||
storiesFailed?: Error;
|
||||
}
|
||||
|
||||
export interface SubAPI {
|
||||
@ -49,7 +50,7 @@ export interface SubAPI {
|
||||
obj?: { ref?: string; viewMode?: ViewMode }
|
||||
) => void;
|
||||
getCurrentStoryData: () => Story | Group;
|
||||
setStories: (stories: StoriesRaw) => Promise<void>;
|
||||
setStories: (stories: StoriesRaw, failed?: Error) => Promise<void>;
|
||||
jumpToComponent: (direction: Direction) => void;
|
||||
jumpToStory: (direction: Direction) => void;
|
||||
getData: (storyId: StoryId, refId?: string) => Story | Group;
|
||||
@ -216,7 +217,7 @@ export const init: ModuleFn = ({
|
||||
api.selectStory(result, undefined, { ref: refId });
|
||||
}
|
||||
},
|
||||
setStories: async (input) => {
|
||||
setStories: async (input, error) => {
|
||||
// Now create storiesHash by reordering the above by group
|
||||
const existing = store.getState().storiesHash;
|
||||
const hash = transformStoriesRawToStoriesHash(input, existing, {
|
||||
@ -226,6 +227,7 @@ export const init: ModuleFn = ({
|
||||
await store.setState({
|
||||
storiesHash: hash,
|
||||
storiesConfigured: true,
|
||||
storiesFailed: error,
|
||||
});
|
||||
|
||||
const { refId } = store.getState();
|
||||
@ -311,20 +313,26 @@ export const init: ModuleFn = ({
|
||||
const [sourceType, sourceLocation] = getSourceType(source);
|
||||
|
||||
// TODO: what is the mechanism where we warn here?
|
||||
if (data.v && data.v > 2)
|
||||
if (data.v && data.v > 2) {
|
||||
// eslint-disable-next-line no-console
|
||||
console.warn(`Received SET_STORIES event with version ${data.v}, we'll try and handle it`);
|
||||
}
|
||||
|
||||
const stories = data.v
|
||||
? denormalizeStoryParameters(data as SetStoriesPayloadV2)
|
||||
: data.stories;
|
||||
|
||||
// @ts-ignore
|
||||
const error = data.error || undefined;
|
||||
|
||||
switch (sourceType) {
|
||||
// if it's a local source, we do nothing special
|
||||
case 'local': {
|
||||
if (!data.v) throw new Error('Unexpected legacy SET_STORIES event from local source');
|
||||
if (!data.v) {
|
||||
throw new Error('Unexpected legacy SET_STORIES event from local source');
|
||||
}
|
||||
|
||||
fullAPI.setStories(stories);
|
||||
fullAPI.setStories(stories, error);
|
||||
|
||||
fullAPI.setOptions((data as SetStoriesPayloadV2).globalParameters.options);
|
||||
break;
|
||||
|
||||
@ -810,9 +810,12 @@ describe('stories API', () => {
|
||||
};
|
||||
onSetStories.call({ source: 'http://localhost' }, setStoriesPayload);
|
||||
|
||||
expect(fullAPI.setStories).toHaveBeenCalledWith({
|
||||
'a--1': { kind: 'a', parameters: { global: 'global', kind: 'kind', story: 'story' } },
|
||||
});
|
||||
expect(fullAPI.setStories).toHaveBeenCalledWith(
|
||||
{
|
||||
'a--1': { kind: 'a', parameters: { global: 'global', kind: 'kind', story: 'story' } },
|
||||
},
|
||||
undefined
|
||||
);
|
||||
});
|
||||
|
||||
it('normalizes parameters and calls setRef for external stories', () => {
|
||||
|
||||
@ -1 +1 @@
|
||||
export const version = '6.0.0-beta.4';
|
||||
export const version = '6.0.0-beta.6';
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/channel-postmessage",
|
||||
"version": "6.0.0-beta.4",
|
||||
"version": "6.0.0-beta.6",
|
||||
"description": "",
|
||||
"keywords": [
|
||||
"storybook"
|
||||
@ -28,9 +28,9 @@
|
||||
"prepare": "node ../../scripts/prepare.js"
|
||||
},
|
||||
"dependencies": {
|
||||
"@storybook/channels": "6.0.0-beta.4",
|
||||
"@storybook/client-logger": "6.0.0-beta.4",
|
||||
"@storybook/core-events": "6.0.0-beta.4",
|
||||
"@storybook/channels": "6.0.0-beta.6",
|
||||
"@storybook/client-logger": "6.0.0-beta.6",
|
||||
"@storybook/core-events": "6.0.0-beta.6",
|
||||
"core-js": "^3.0.1",
|
||||
"global": "^4.3.2",
|
||||
"telejson": "^4.0.0"
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/channel-websocket",
|
||||
"version": "6.0.0-beta.4",
|
||||
"version": "6.0.0-beta.6",
|
||||
"description": "",
|
||||
"keywords": [
|
||||
"storybook"
|
||||
@ -28,7 +28,7 @@
|
||||
"prepare": "node ../../scripts/prepare.js"
|
||||
},
|
||||
"dependencies": {
|
||||
"@storybook/channels": "6.0.0-beta.4",
|
||||
"@storybook/channels": "6.0.0-beta.6",
|
||||
"core-js": "^3.0.1",
|
||||
"global": "^4.3.2",
|
||||
"telejson": "^4.0.0"
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/channels",
|
||||
"version": "6.0.0-beta.4",
|
||||
"version": "6.0.0-beta.6",
|
||||
"description": "",
|
||||
"keywords": [
|
||||
"storybook"
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "sb",
|
||||
"version": "6.0.0-beta.4",
|
||||
"version": "6.0.0-beta.6",
|
||||
"description": "Storybook CLI",
|
||||
"keywords": [
|
||||
"storybook"
|
||||
@ -22,7 +22,7 @@
|
||||
"prepare": "node ../../scripts/prepare.js"
|
||||
},
|
||||
"dependencies": {
|
||||
"@storybook/cli": "6.0.0-beta.4"
|
||||
"@storybook/cli": "6.0.0-beta.6"
|
||||
},
|
||||
"publishConfig": {
|
||||
"access": "public"
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "storybook",
|
||||
"version": "6.0.0-beta.4",
|
||||
"version": "6.0.0-beta.6",
|
||||
"description": "Storybook CLI",
|
||||
"keywords": [
|
||||
"storybook"
|
||||
@ -23,7 +23,7 @@
|
||||
"prepare": "node ../../scripts/prepare.js"
|
||||
},
|
||||
"dependencies": {
|
||||
"@storybook/cli": "6.0.0-beta.4"
|
||||
"@storybook/cli": "6.0.0-beta.6"
|
||||
},
|
||||
"publishConfig": {
|
||||
"access": "public"
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/cli",
|
||||
"version": "6.0.0-beta.4",
|
||||
"version": "6.0.0-beta.6",
|
||||
"description": "Storybook's CLI - easiest method of adding storybook to your projects",
|
||||
"keywords": [
|
||||
"cli",
|
||||
@ -39,8 +39,8 @@
|
||||
"dependencies": {
|
||||
"@babel/core": "^7.9.6",
|
||||
"@babel/preset-env": "^7.9.6",
|
||||
"@storybook/codemod": "6.0.0-beta.4",
|
||||
"@storybook/node-logger": "6.0.0-beta.4",
|
||||
"@storybook/codemod": "6.0.0-beta.6",
|
||||
"@storybook/node-logger": "6.0.0-beta.6",
|
||||
"chalk": "^4.0.0",
|
||||
"commander": "^5.0.0",
|
||||
"core-js": "^3.0.1",
|
||||
@ -62,30 +62,30 @@
|
||||
"update-notifier": "^4.0.0"
|
||||
},
|
||||
"devDependencies": {
|
||||
"@storybook/addon-actions": "6.0.0-beta.4",
|
||||
"@storybook/addon-graphql": "6.0.0-beta.4",
|
||||
"@storybook/addon-knobs": "6.0.0-beta.4",
|
||||
"@storybook/addon-links": "6.0.0-beta.4",
|
||||
"@storybook/addon-storyshots": "6.0.0-beta.4",
|
||||
"@storybook/addons": "6.0.0-beta.4",
|
||||
"@storybook/angular": "6.0.0-beta.4",
|
||||
"@storybook/channel-postmessage": "6.0.0-beta.4",
|
||||
"@storybook/channel-websocket": "6.0.0-beta.4",
|
||||
"@storybook/channels": "6.0.0-beta.4",
|
||||
"@storybook/ember": "6.0.0-beta.4",
|
||||
"@storybook/html": "6.0.0-beta.4",
|
||||
"@storybook/marionette": "6.0.0-beta.4",
|
||||
"@storybook/marko": "6.0.0-beta.4",
|
||||
"@storybook/mithril": "6.0.0-beta.4",
|
||||
"@storybook/preact": "6.0.0-beta.4",
|
||||
"@storybook/rax": "6.0.0-beta.4",
|
||||
"@storybook/react": "6.0.0-beta.4",
|
||||
"@storybook/addon-actions": "6.0.0-beta.6",
|
||||
"@storybook/addon-graphql": "6.0.0-beta.6",
|
||||
"@storybook/addon-knobs": "6.0.0-beta.6",
|
||||
"@storybook/addon-links": "6.0.0-beta.6",
|
||||
"@storybook/addon-storyshots": "6.0.0-beta.6",
|
||||
"@storybook/addons": "6.0.0-beta.6",
|
||||
"@storybook/angular": "6.0.0-beta.6",
|
||||
"@storybook/channel-postmessage": "6.0.0-beta.6",
|
||||
"@storybook/channel-websocket": "6.0.0-beta.6",
|
||||
"@storybook/channels": "6.0.0-beta.6",
|
||||
"@storybook/ember": "6.0.0-beta.6",
|
||||
"@storybook/html": "6.0.0-beta.6",
|
||||
"@storybook/marionette": "6.0.0-beta.6",
|
||||
"@storybook/marko": "6.0.0-beta.6",
|
||||
"@storybook/mithril": "6.0.0-beta.6",
|
||||
"@storybook/preact": "6.0.0-beta.6",
|
||||
"@storybook/rax": "6.0.0-beta.6",
|
||||
"@storybook/react": "6.0.0-beta.6",
|
||||
"@storybook/react-native": "6.0.0-alpha.0",
|
||||
"@storybook/riot": "6.0.0-beta.4",
|
||||
"@storybook/svelte": "6.0.0-beta.4",
|
||||
"@storybook/ui": "6.0.0-beta.4",
|
||||
"@storybook/vue": "6.0.0-beta.4",
|
||||
"@storybook/web-components": "6.0.0-beta.4"
|
||||
"@storybook/riot": "6.0.0-beta.6",
|
||||
"@storybook/svelte": "6.0.0-beta.6",
|
||||
"@storybook/ui": "6.0.0-beta.6",
|
||||
"@storybook/vue": "6.0.0-beta.6",
|
||||
"@storybook/web-components": "6.0.0-beta.6"
|
||||
},
|
||||
"peerDependencies": {
|
||||
"jest": "*"
|
||||
|
||||
@ -8,7 +8,7 @@ export default {
|
||||
export const ToStorybook = () => ({
|
||||
template: hbs`
|
||||
<div>
|
||||
<h3> Welcome to Storybook! </h3>
|
||||
<h3> Welcome to storybook </h3>
|
||||
<button {{action onClick}}> Checkout the button example </button>
|
||||
</div>
|
||||
`,
|
||||
|
||||
@ -1,5 +1,6 @@
|
||||
import { hbs } from 'ember-cli-htmlbars';
|
||||
import { action } from '@storybook/addon-actions';
|
||||
import { linkTo } from '@storybook/addon-links';
|
||||
|
||||
export default {
|
||||
title: 'Button',
|
||||
@ -24,3 +25,40 @@ export const Emoji = () => ({
|
||||
onClick: action('clicked'),
|
||||
},
|
||||
});
|
||||
|
||||
Emoji.story = {
|
||||
parameters: { notes: 'My notes on a button with emojis' },
|
||||
};
|
||||
|
||||
export const WithSomeEmojiAndAction = () => ({
|
||||
template: hbs`
|
||||
<button {{action onClick}}>
|
||||
<span role="img" aria-label="so cool">
|
||||
😀 😎 👍 💯
|
||||
</span>
|
||||
</button>
|
||||
`,
|
||||
context: {
|
||||
onClick: action('This was clicked'),
|
||||
},
|
||||
});
|
||||
|
||||
WithSomeEmojiAndAction.story = {
|
||||
name: 'with some emoji and action',
|
||||
parameters: { notes: 'My notes on a button with emojis' },
|
||||
};
|
||||
|
||||
export const ButtonWithLinkToAnotherStory = () => ({
|
||||
template: hbs`
|
||||
<button {{action onClick}}>
|
||||
Go to Welcome Story
|
||||
</button>
|
||||
`,
|
||||
context: {
|
||||
onClick: linkTo('Welcome'),
|
||||
},
|
||||
});
|
||||
|
||||
ButtonWithLinkToAnotherStory.story = {
|
||||
name: 'button with link to another story',
|
||||
};
|
||||
|
||||
@ -1,5 +1,6 @@
|
||||
import m from 'mithril';
|
||||
import { action } from '@storybook/addon-actions';
|
||||
import { linkTo } from '@storybook/addon-links';
|
||||
import Button from './Button';
|
||||
|
||||
export default {
|
||||
@ -19,3 +20,29 @@ export const Emoji = () => ({
|
||||
m('span', { role: 'img', ariaLabel: 'so cool' }, '😀 😎 👍 💯')
|
||||
),
|
||||
});
|
||||
|
||||
Emoji.story = {
|
||||
parameters: { notes: 'My notes on a button with emojis' },
|
||||
};
|
||||
|
||||
export const WithSomeEmojiAndAction = () => ({
|
||||
view: () =>
|
||||
m(
|
||||
Button,
|
||||
{ onclick: action('This was clicked') },
|
||||
m('span', { role: 'img', ariaLabel: 'so cool' }, '😀 😎 👍 💯')
|
||||
),
|
||||
});
|
||||
|
||||
WithSomeEmojiAndAction.story = {
|
||||
name: 'with some emoji and action',
|
||||
parameters: { notes: 'My notes on a button with emojis' },
|
||||
};
|
||||
|
||||
export const ButtonWithLinkToAnotherStory = () => ({
|
||||
view: () => m(Button, { onclick: linkTo('Welcome') }, 'Go to Welcome Story'),
|
||||
});
|
||||
|
||||
ButtonWithLinkToAnotherStory.story = {
|
||||
name: 'button with link to another story',
|
||||
};
|
||||
|
||||
@ -1,6 +1,7 @@
|
||||
/** @jsx h */
|
||||
import { h } from 'preact';
|
||||
import { action } from '@storybook/addon-actions';
|
||||
import { linkTo } from '@storybook/addon-links';
|
||||
|
||||
import Button from './Button';
|
||||
|
||||
@ -18,3 +19,32 @@ export const Emoji = () => (
|
||||
</span>
|
||||
</Button>
|
||||
);
|
||||
|
||||
Emoji.story = {
|
||||
parameters: { notes: 'My notes on a button with emojis' },
|
||||
};
|
||||
|
||||
export const WithSomeEmojiAndAction = () => (
|
||||
<Button onClick={action('This was clicked')}>
|
||||
<span role="img" aria-label="so cool">
|
||||
😀 😎 👍 💯
|
||||
</span>
|
||||
</Button>
|
||||
);
|
||||
|
||||
WithSomeEmojiAndAction.story = {
|
||||
name: 'with some emoji and action',
|
||||
parameters: { notes: 'My notes on a button with emojis' },
|
||||
};
|
||||
|
||||
export const ButtonWithLinkToAnotherStory = () => (
|
||||
<Button onClick={linkTo('Welcome')}>
|
||||
<span role="img" aria-label="so cool">
|
||||
😀 😎 👍 💯
|
||||
</span>
|
||||
</Button>
|
||||
);
|
||||
|
||||
ButtonWithLinkToAnotherStory.story = {
|
||||
name: 'button with link to another story',
|
||||
};
|
||||
|
||||
@ -1,3 +1,4 @@
|
||||
module.exports = {
|
||||
stories: ['../stories/**/*.stories.js'],
|
||||
addons: ['@storybook/addon-actions', '@storybook/addon-links'],
|
||||
};
|
||||
|
||||
@ -0,0 +1,50 @@
|
||||
import { createElement } from 'rax';
|
||||
import { action } from '@storybook/addon-actions';
|
||||
import { linkTo } from '@storybook/addon-links';
|
||||
|
||||
import Text from 'rax-text';
|
||||
|
||||
export default {
|
||||
title: 'Button',
|
||||
};
|
||||
|
||||
export const text = () => (
|
||||
<button type="button">
|
||||
<Text>Hello Button</Text>
|
||||
</button>
|
||||
);
|
||||
|
||||
export const Emoji = () => (
|
||||
<button onClick={action('clicked')} type="button">
|
||||
<Text role="img" aria-label="so cool">
|
||||
😀 😎 👍 💯
|
||||
</Text>
|
||||
</button>
|
||||
);
|
||||
|
||||
Emoji.story = {
|
||||
parameters: { notes: 'My notes on a button with emojis' },
|
||||
};
|
||||
|
||||
export const WithSomeEmojiAndAction = () => (
|
||||
<button onClick={action('This was clicked')} type="button">
|
||||
<Text role="img" aria-label="so cool">
|
||||
😀 😎 👍 💯
|
||||
</Text>
|
||||
</button>
|
||||
);
|
||||
|
||||
WithSomeEmojiAndAction.story = {
|
||||
name: 'with some emoji and action',
|
||||
parameters: { notes: 'My notes on a button with emojis' },
|
||||
};
|
||||
|
||||
export const ButtonWithLinkToAnotherStory = () => (
|
||||
<button onClick={linkTo('Welcome')} type="button">
|
||||
<Text>Go to Welcome Story</Text>
|
||||
</button>
|
||||
);
|
||||
|
||||
ButtonWithLinkToAnotherStory.story = {
|
||||
name: 'button with link to another story',
|
||||
};
|
||||
Some files were not shown because too many files have changed in this diff Show More
Loading…
x
Reference in New Issue
Block a user