mirror of
https://github.com/storybookjs/storybook.git
synced 2025-04-02 05:03:44 +08:00
Merge branch 'next' into dependabot/npm_and_yarn/react-resize-detector-4.0.2
This commit is contained in:
Norbert de Langen
commit
64ad28de9b
19
CHANGELOG.md
19
CHANGELOG.md
@ -1,3 +1,22 @@
|
||||
## 5.1.0-alpha.4 (March 11, 2019)
|
||||
|
||||
### Bug Fixes
|
||||
|
||||
* CLI: Fix welcome component in dark theme ([#5998](https://github.com/storybooks/storybook/pull/5998))
|
||||
* Polymer: Fix re-rendering lit-html elements after non-lit-html element ([#5868](https://github.com/storybooks/storybook/pull/5868))
|
||||
* Addon-a11y: Fix respect 'element' arg in config ([#5996](https://github.com/storybooks/storybook/pull/5996))
|
||||
* Addon-a11y: Fix design icons ([#5991](https://github.com/storybooks/storybook/pull/5991))
|
||||
* Addon-viewport: Fix viewport iframe dimensions ([#5993](https://github.com/storybooks/storybook/pull/5993))
|
||||
|
||||
### Maintenance
|
||||
|
||||
* ADD parameters to compile-js to no longer copy .ts files into dist ([#5844](https://github.com/storybooks/storybook/pull/5844))
|
||||
|
||||
### Dependency Upgrades
|
||||
|
||||
* build(deps): bump react-is from 16.8.3 to 16.8.4 ([#6010](https://github.com/storybooks/storybook/pull/6010))
|
||||
* build(deps): bump react-dev-utils from 7.0.3 to 8.0.0 ([#6011](https://github.com/storybooks/storybook/pull/6011))
|
||||
|
||||
## 5.1.0-alpha.3 (March 9, 2019)
|
||||
|
||||
### Features
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/addon-a11y",
|
||||
"version": "5.1.0-alpha.3",
|
||||
"version": "5.1.0-alpha.4",
|
||||
"description": "a11y addon for storybook",
|
||||
"keywords": [
|
||||
"a11y",
|
||||
@ -26,11 +26,11 @@
|
||||
"prepare": "node ../../scripts/prepare.js"
|
||||
},
|
||||
"dependencies": {
|
||||
"@storybook/addons": "5.1.0-alpha.3",
|
||||
"@storybook/client-logger": "5.1.0-alpha.3",
|
||||
"@storybook/components": "5.1.0-alpha.3",
|
||||
"@storybook/core-events": "5.1.0-alpha.3",
|
||||
"@storybook/theming": "5.1.0-alpha.3",
|
||||
"@storybook/addons": "5.1.0-alpha.4",
|
||||
"@storybook/client-logger": "5.1.0-alpha.4",
|
||||
"@storybook/components": "5.1.0-alpha.4",
|
||||
"@storybook/core-events": "5.1.0-alpha.4",
|
||||
"@storybook/theming": "5.1.0-alpha.4",
|
||||
"axe-core": "^3.1.2",
|
||||
"common-tags": "^1.8.0",
|
||||
"core-js": "^2.6.5",
|
||||
|
||||
@ -13,6 +13,7 @@ const Wrapper = styled.div();
|
||||
const Icon = styled<any, any>(Icons)(({ theme }) => ({
|
||||
height: 10,
|
||||
width: 10,
|
||||
minWidth: 10,
|
||||
color: theme.color.mediumdark,
|
||||
marginRight: '10px',
|
||||
transition: 'transform 0.1s ease-in-out',
|
||||
@ -28,6 +29,7 @@ const HeaderBar = styled.button(({ theme }) => ({
|
||||
border: 0,
|
||||
background: 'none',
|
||||
color: 'inherit',
|
||||
textAlign: 'left',
|
||||
|
||||
borderLeft: '3px solid transparent',
|
||||
|
||||
|
||||
@ -30,16 +30,14 @@ const Message = styled.div({
|
||||
});
|
||||
|
||||
const Status = styled.div(({ passes, impact }: { passes: boolean; impact: string }) => ({
|
||||
height: '16px',
|
||||
width: '16px',
|
||||
borderRadius: '8px',
|
||||
fontSize: '10px',
|
||||
display: 'inline-flex',
|
||||
justifyContent: 'center',
|
||||
alignItems: 'center',
|
||||
textAlign: 'center',
|
||||
flex: '0 0 16px',
|
||||
color: passes ? impactColors.success : (impactColors as any)[impact],
|
||||
'& > svg': {
|
||||
height: '16px',
|
||||
width: '16px',
|
||||
},
|
||||
}));
|
||||
|
||||
interface RuleProps {
|
||||
|
||||
@ -1,5 +1,5 @@
|
||||
import { document } from 'global';
|
||||
import axe, { AxeResults, RunOptions, Spec } from 'axe-core';
|
||||
import axe, { AxeResults, ElementContext, RunOptions, Spec } from 'axe-core';
|
||||
import deprecate from 'util-deprecate';
|
||||
import { stripIndents } from 'common-tags';
|
||||
|
||||
@ -9,7 +9,11 @@ import { EVENTS, PARAM_KEY } from './constants';
|
||||
|
||||
const channel = addons.getChannel();
|
||||
let progress = Promise.resolve();
|
||||
let setup: { config: Spec; options: RunOptions } = { config: {}, options: {} };
|
||||
let setup: {
|
||||
element?: ElementContext;
|
||||
config: Spec;
|
||||
options: RunOptions;
|
||||
} = { element: null, config: {}, options: {} };
|
||||
|
||||
const getElement = () => {
|
||||
const storyRoot = document.getElementById('story-root');
|
||||
@ -24,7 +28,7 @@ const report = (input: AxeResults) => {
|
||||
channel.emit(EVENTS.RESULT, input);
|
||||
};
|
||||
|
||||
const run = (config: Spec, options: RunOptions) => {
|
||||
const run = (element: ElementContext, config: Spec, options: RunOptions) => {
|
||||
progress = progress.then(() => {
|
||||
axe.reset();
|
||||
if (config) {
|
||||
@ -32,7 +36,7 @@ const run = (config: Spec, options: RunOptions) => {
|
||||
}
|
||||
return axe
|
||||
.run(
|
||||
getElement(),
|
||||
element || getElement(),
|
||||
options ||
|
||||
// tslint:disable-next-line:no-object-literal-type-assertion
|
||||
({
|
||||
@ -52,8 +56,8 @@ export const withA11y: StoryWrapper = (getStory, context) => {
|
||||
return getStory(context);
|
||||
};
|
||||
|
||||
channel.on(STORY_RENDERED, () => run(setup.config, setup.options));
|
||||
channel.on(EVENTS.REQUEST, () => run(setup.config, setup.options));
|
||||
channel.on(STORY_RENDERED, () => run(setup.element, setup.config, setup.options));
|
||||
channel.on(EVENTS.REQUEST, () => run(setup.element, setup.config, setup.options));
|
||||
|
||||
if (module && module.hot && module.hot.decline) {
|
||||
module.hot.decline();
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/addon-actions",
|
||||
"version": "5.1.0-alpha.3",
|
||||
"version": "5.1.0-alpha.4",
|
||||
"description": "Action Logger addon for storybook",
|
||||
"keywords": [
|
||||
"storybook"
|
||||
@ -21,10 +21,10 @@
|
||||
"prepare": "node ../../scripts/prepare.js"
|
||||
},
|
||||
"dependencies": {
|
||||
"@storybook/addons": "5.1.0-alpha.3",
|
||||
"@storybook/components": "5.1.0-alpha.3",
|
||||
"@storybook/core-events": "5.1.0-alpha.3",
|
||||
"@storybook/theming": "5.1.0-alpha.3",
|
||||
"@storybook/addons": "5.1.0-alpha.4",
|
||||
"@storybook/components": "5.1.0-alpha.4",
|
||||
"@storybook/core-events": "5.1.0-alpha.4",
|
||||
"@storybook/theming": "5.1.0-alpha.4",
|
||||
"core-js": "^2.6.5",
|
||||
"fast-deep-equal": "^2.0.1",
|
||||
"global": "^4.3.2",
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/addon-backgrounds",
|
||||
"version": "5.1.0-alpha.3",
|
||||
"version": "5.1.0-alpha.4",
|
||||
"description": "A storybook addon to show different backgrounds for your preview",
|
||||
"keywords": [
|
||||
"addon",
|
||||
@ -25,11 +25,11 @@
|
||||
"prepare": "node ../../scripts/prepare.js"
|
||||
},
|
||||
"dependencies": {
|
||||
"@storybook/addons": "5.1.0-alpha.3",
|
||||
"@storybook/client-logger": "5.1.0-alpha.3",
|
||||
"@storybook/components": "5.1.0-alpha.3",
|
||||
"@storybook/core-events": "5.1.0-alpha.3",
|
||||
"@storybook/theming": "5.1.0-alpha.3",
|
||||
"@storybook/addons": "5.1.0-alpha.4",
|
||||
"@storybook/client-logger": "5.1.0-alpha.4",
|
||||
"@storybook/components": "5.1.0-alpha.4",
|
||||
"@storybook/core-events": "5.1.0-alpha.4",
|
||||
"@storybook/theming": "5.1.0-alpha.4",
|
||||
"core-js": "^2.6.5",
|
||||
"global": "^4.3.2",
|
||||
"memoizerific": "^1.11.3",
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/addon-centered",
|
||||
"version": "5.1.0-alpha.3",
|
||||
"version": "5.1.0-alpha.4",
|
||||
"description": "Storybook decorator to center components",
|
||||
"keywords": [
|
||||
"addon",
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/addon-cssresources",
|
||||
"version": "5.1.0-alpha.3",
|
||||
"version": "5.1.0-alpha.4",
|
||||
"description": "A storybook addon to switch between css resources at runtime for your story",
|
||||
"keywords": [
|
||||
"addon",
|
||||
@ -25,9 +25,9 @@
|
||||
"prepare": "node ../../scripts/prepare.js"
|
||||
},
|
||||
"dependencies": {
|
||||
"@storybook/addons": "5.1.0-alpha.3",
|
||||
"@storybook/components": "5.1.0-alpha.3",
|
||||
"@storybook/core-events": "5.1.0-alpha.3",
|
||||
"@storybook/addons": "5.1.0-alpha.4",
|
||||
"@storybook/components": "5.1.0-alpha.4",
|
||||
"@storybook/core-events": "5.1.0-alpha.4",
|
||||
"core-js": "^2.6.5",
|
||||
"global": "^4.3.2",
|
||||
"react": "^16.8.4"
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/addon-events",
|
||||
"version": "5.1.0-alpha.3",
|
||||
"version": "5.1.0-alpha.4",
|
||||
"description": "Add events to your Storybook stories.",
|
||||
"keywords": [
|
||||
"addon",
|
||||
@ -24,9 +24,9 @@
|
||||
"prepare": "node ../../scripts/prepare.js"
|
||||
},
|
||||
"dependencies": {
|
||||
"@storybook/addons": "5.1.0-alpha.3",
|
||||
"@storybook/core-events": "5.1.0-alpha.3",
|
||||
"@storybook/theming": "5.1.0-alpha.3",
|
||||
"@storybook/addons": "5.1.0-alpha.4",
|
||||
"@storybook/core-events": "5.1.0-alpha.4",
|
||||
"@storybook/theming": "5.1.0-alpha.4",
|
||||
"core-js": "^2.6.5",
|
||||
"format-json": "^1.0.3",
|
||||
"prop-types": "^15.7.2",
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/addon-google-analytics",
|
||||
"version": "5.1.0-alpha.3",
|
||||
"version": "5.1.0-alpha.4",
|
||||
"description": "Storybook addon for google analytics",
|
||||
"keywords": [
|
||||
"addon",
|
||||
@ -20,8 +20,8 @@
|
||||
"prepare": "node ../../scripts/prepare.js"
|
||||
},
|
||||
"dependencies": {
|
||||
"@storybook/addons": "5.1.0-alpha.3",
|
||||
"@storybook/core-events": "5.1.0-alpha.3",
|
||||
"@storybook/addons": "5.1.0-alpha.4",
|
||||
"@storybook/core-events": "5.1.0-alpha.4",
|
||||
"core-js": "^2.6.5",
|
||||
"global": "^4.3.2",
|
||||
"react-ga": "^2.5.7"
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/addon-graphql",
|
||||
"version": "5.1.0-alpha.3",
|
||||
"version": "5.1.0-alpha.4",
|
||||
"description": "Storybook addon to display the GraphiQL IDE",
|
||||
"keywords": [
|
||||
"addon",
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/addon-info",
|
||||
"version": "5.1.0-alpha.3",
|
||||
"version": "5.1.0-alpha.4",
|
||||
"description": "A Storybook addon to show additional information for your stories.",
|
||||
"keywords": [
|
||||
"addon",
|
||||
@ -22,10 +22,10 @@
|
||||
"prepare": "node ../../scripts/prepare.js"
|
||||
},
|
||||
"dependencies": {
|
||||
"@storybook/addons": "5.1.0-alpha.3",
|
||||
"@storybook/client-logger": "5.1.0-alpha.3",
|
||||
"@storybook/components": "5.1.0-alpha.3",
|
||||
"@storybook/theming": "5.1.0-alpha.3",
|
||||
"@storybook/addons": "5.1.0-alpha.4",
|
||||
"@storybook/client-logger": "5.1.0-alpha.4",
|
||||
"@storybook/components": "5.1.0-alpha.4",
|
||||
"@storybook/theming": "5.1.0-alpha.4",
|
||||
"core-js": "^2.6.5",
|
||||
"global": "^4.3.2",
|
||||
"marksy": "^6.1.0",
|
||||
@ -33,7 +33,7 @@
|
||||
"prop-types": "^15.7.2",
|
||||
"react": "^16.8.4",
|
||||
"react-addons-create-fragment": "^15.6.2",
|
||||
"react-is": "^16.8.3",
|
||||
"react-is": "^16.8.4",
|
||||
"react-lifecycles-compat": "^3.0.4",
|
||||
"util-deprecate": "^1.0.2"
|
||||
},
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/addon-jest",
|
||||
"version": "5.1.0-alpha.3",
|
||||
"version": "5.1.0-alpha.4",
|
||||
"description": "React storybook addon that show component jest report",
|
||||
"keywords": [
|
||||
"addon",
|
||||
@ -28,10 +28,10 @@
|
||||
"prepare": "node ../../scripts/prepare.js"
|
||||
},
|
||||
"dependencies": {
|
||||
"@storybook/addons": "5.1.0-alpha.3",
|
||||
"@storybook/components": "5.1.0-alpha.3",
|
||||
"@storybook/core-events": "5.1.0-alpha.3",
|
||||
"@storybook/theming": "5.1.0-alpha.3",
|
||||
"@storybook/addons": "5.1.0-alpha.4",
|
||||
"@storybook/components": "5.1.0-alpha.4",
|
||||
"@storybook/core-events": "5.1.0-alpha.4",
|
||||
"@storybook/theming": "5.1.0-alpha.4",
|
||||
"core-js": "^2.6.5",
|
||||
"global": "^4.3.2",
|
||||
"prop-types": "^15.7.2",
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/addon-knobs",
|
||||
"version": "5.1.0-alpha.3",
|
||||
"version": "5.1.0-alpha.4",
|
||||
"description": "Storybook Addon Prop Editor Component",
|
||||
"keywords": [
|
||||
"addon",
|
||||
@ -22,10 +22,10 @@
|
||||
"prepare": "node ../../scripts/prepare.js"
|
||||
},
|
||||
"dependencies": {
|
||||
"@storybook/addons": "5.1.0-alpha.3",
|
||||
"@storybook/components": "5.1.0-alpha.3",
|
||||
"@storybook/core-events": "5.1.0-alpha.3",
|
||||
"@storybook/theming": "5.1.0-alpha.3",
|
||||
"@storybook/addons": "5.1.0-alpha.4",
|
||||
"@storybook/components": "5.1.0-alpha.4",
|
||||
"@storybook/core-events": "5.1.0-alpha.4",
|
||||
"@storybook/theming": "5.1.0-alpha.4",
|
||||
"copy-to-clipboard": "^3.0.8",
|
||||
"core-js": "^2.6.5",
|
||||
"escape-html": "^1.0.3",
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/addon-links",
|
||||
"version": "5.1.0-alpha.3",
|
||||
"version": "5.1.0-alpha.4",
|
||||
"description": "Story Links addon for storybook",
|
||||
"keywords": [
|
||||
"addon",
|
||||
@ -22,8 +22,8 @@
|
||||
"prepare": "node ../../scripts/prepare.js"
|
||||
},
|
||||
"dependencies": {
|
||||
"@storybook/addons": "5.1.0-alpha.3",
|
||||
"@storybook/core-events": "5.1.0-alpha.3",
|
||||
"@storybook/addons": "5.1.0-alpha.4",
|
||||
"@storybook/core-events": "5.1.0-alpha.4",
|
||||
"common-tags": "^1.8.0",
|
||||
"core-js": "^2.6.5",
|
||||
"global": "^4.3.2",
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/addon-notes",
|
||||
"version": "5.1.0-alpha.3",
|
||||
"version": "5.1.0-alpha.4",
|
||||
"description": "Write notes for your Storybook stories.",
|
||||
"keywords": [
|
||||
"addon",
|
||||
@ -23,11 +23,11 @@
|
||||
"prepare": "node ../../scripts/prepare.js"
|
||||
},
|
||||
"dependencies": {
|
||||
"@storybook/addons": "5.1.0-alpha.3",
|
||||
"@storybook/client-logger": "5.1.0-alpha.3",
|
||||
"@storybook/components": "5.1.0-alpha.3",
|
||||
"@storybook/core-events": "5.1.0-alpha.3",
|
||||
"@storybook/theming": "5.1.0-alpha.3",
|
||||
"@storybook/addons": "5.1.0-alpha.4",
|
||||
"@storybook/client-logger": "5.1.0-alpha.4",
|
||||
"@storybook/components": "5.1.0-alpha.4",
|
||||
"@storybook/core-events": "5.1.0-alpha.4",
|
||||
"@storybook/theming": "5.1.0-alpha.4",
|
||||
"core-js": "^2.6.5",
|
||||
"markdown-to-jsx": "^6.9.1",
|
||||
"prop-types": "^15.7.2",
|
||||
|
||||
@ -1,7 +1,7 @@
|
||||
{
|
||||
"name": "@storybook/addon-ondevice-backgrounds",
|
||||
"private": true,
|
||||
"version": "5.1.0-alpha.3",
|
||||
"version": "5.1.0-alpha.4",
|
||||
"description": "A storybook addon to show different backgrounds for your preview",
|
||||
"keywords": [
|
||||
"addon",
|
||||
@ -25,7 +25,7 @@
|
||||
"prepare": "node ../../scripts/prepare.js"
|
||||
},
|
||||
"dependencies": {
|
||||
"@storybook/addons": "5.1.0-alpha.3",
|
||||
"@storybook/addons": "5.1.0-alpha.4",
|
||||
"core-js": "^2.6.5",
|
||||
"prop-types": "^15.7.2"
|
||||
},
|
||||
|
||||
@ -1,7 +1,7 @@
|
||||
{
|
||||
"name": "@storybook/addon-ondevice-knobs",
|
||||
"private": true,
|
||||
"version": "5.1.0-alpha.3",
|
||||
"version": "5.1.0-alpha.4",
|
||||
"description": "Display storybook story knobs on your deviced.",
|
||||
"keywords": [
|
||||
"addon",
|
||||
@ -22,7 +22,7 @@
|
||||
"prepare": "node ../../scripts/prepare.js"
|
||||
},
|
||||
"dependencies": {
|
||||
"@storybook/addons": "5.1.0-alpha.3",
|
||||
"@storybook/addons": "5.1.0-alpha.4",
|
||||
"core-js": "^2.6.5",
|
||||
"deep-equal": "^1.0.1",
|
||||
"prop-types": "^15.7.2",
|
||||
|
||||
@ -1,7 +1,7 @@
|
||||
{
|
||||
"name": "@storybook/addon-ondevice-notes",
|
||||
"private": true,
|
||||
"version": "5.1.0-alpha.3",
|
||||
"version": "5.1.0-alpha.4",
|
||||
"description": "Write notes for your Storybook stories.",
|
||||
"keywords": [
|
||||
"addon",
|
||||
@ -20,7 +20,7 @@
|
||||
"prepare": "node ../../scripts/prepare.js"
|
||||
},
|
||||
"dependencies": {
|
||||
"@storybook/addons": "5.1.0-alpha.3",
|
||||
"@storybook/addons": "5.1.0-alpha.4",
|
||||
"core-js": "^2.6.5",
|
||||
"prop-types": "^15.7.2",
|
||||
"react-native-simple-markdown": "^1.1.0"
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/addon-options",
|
||||
"version": "5.1.0-alpha.3",
|
||||
"version": "5.1.0-alpha.4",
|
||||
"description": "Options addon for storybook",
|
||||
"keywords": [
|
||||
"addon",
|
||||
@ -21,7 +21,7 @@
|
||||
"prepare": "node ../../scripts/prepare.js"
|
||||
},
|
||||
"dependencies": {
|
||||
"@storybook/addons": "5.1.0-alpha.3",
|
||||
"@storybook/addons": "5.1.0-alpha.4",
|
||||
"core-js": "^2.6.5",
|
||||
"util-deprecate": "^1.0.2"
|
||||
},
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/addon-storyshots",
|
||||
"version": "5.1.0-alpha.3",
|
||||
"version": "5.1.0-alpha.4",
|
||||
"description": "StoryShots is a Jest Snapshot Testing Addon for Storybook.",
|
||||
"keywords": [
|
||||
"addon",
|
||||
@ -25,7 +25,7 @@
|
||||
"storybook": "start-storybook -p 6006"
|
||||
},
|
||||
"dependencies": {
|
||||
"@storybook/addons": "5.1.0-alpha.3",
|
||||
"@storybook/addons": "5.1.0-alpha.4",
|
||||
"core-js": "^2.6.5",
|
||||
"glob": "^7.1.3",
|
||||
"global": "^4.3.2",
|
||||
|
||||
@ -120,10 +120,10 @@ exports[`Storyshots Welcome to Storybook 1`] = `
|
||||
<article
|
||||
style={
|
||||
Object {
|
||||
"backgroundColor": "#fff",
|
||||
"fontFamily": "\\"Helvetica Neue\\", Helvetica, \\"Segoe UI\\", Arial, freesans, sans-serif",
|
||||
"lineHeight": 1.4,
|
||||
"margin": 15,
|
||||
"maxWidth": 600,
|
||||
"padding": 15,
|
||||
}
|
||||
}
|
||||
>
|
||||
|
||||
@ -100,10 +100,10 @@ exports[`Storyshots Welcome to Storybook 1`] = `
|
||||
<article
|
||||
style={
|
||||
Object {
|
||||
"backgroundColor": "#fff",
|
||||
"fontFamily": "\\"Helvetica Neue\\", Helvetica, \\"Segoe UI\\", Arial, freesans, sans-serif",
|
||||
"lineHeight": 1.4,
|
||||
"margin": 15,
|
||||
"maxWidth": 600,
|
||||
"padding": 15,
|
||||
}
|
||||
}
|
||||
>
|
||||
|
||||
@ -4,10 +4,10 @@ exports[`Storyshots Welcome to Storybook 1`] = `
|
||||
<article
|
||||
style={
|
||||
Object {
|
||||
"backgroundColor": "#fff",
|
||||
"fontFamily": "\\"Helvetica Neue\\", Helvetica, \\"Segoe UI\\", Arial, freesans, sans-serif",
|
||||
"lineHeight": 1.4,
|
||||
"margin": 15,
|
||||
"maxWidth": 600,
|
||||
"padding": 15,
|
||||
}
|
||||
}
|
||||
>
|
||||
|
||||
@ -4,10 +4,10 @@ exports[`Storyshots Welcome to Storybook 1`] = `
|
||||
<article
|
||||
style={
|
||||
Object {
|
||||
"backgroundColor": "#fff",
|
||||
"fontFamily": "\\"Helvetica Neue\\", Helvetica, \\"Segoe UI\\", Arial, freesans, sans-serif",
|
||||
"lineHeight": 1.4,
|
||||
"margin": 15,
|
||||
"maxWidth": 600,
|
||||
"padding": 15,
|
||||
}
|
||||
}
|
||||
>
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/addon-storyshots-puppeteer",
|
||||
"version": "5.1.0-alpha.3",
|
||||
"version": "5.1.0-alpha.4",
|
||||
"description": "Image snappshots addition to StoryShots base on puppeteer",
|
||||
"keywords": [
|
||||
"addon",
|
||||
@ -22,8 +22,8 @@
|
||||
"prepare": "node ../../../scripts/prepare.js"
|
||||
},
|
||||
"dependencies": {
|
||||
"@storybook/node-logger": "5.1.0-alpha.3",
|
||||
"@storybook/router": "5.1.0-alpha.3",
|
||||
"@storybook/node-logger": "5.1.0-alpha.4",
|
||||
"@storybook/router": "5.1.0-alpha.4",
|
||||
"core-js": "^2.6.5",
|
||||
"jest-image-snapshot": "^2.8.1",
|
||||
"puppeteer": "^1.12.2",
|
||||
|
||||
@ -72,7 +72,7 @@ The prettier configuration that will be used to format the story source in the a
|
||||
Defaults:
|
||||
```js
|
||||
{
|
||||
printWidth: 120,
|
||||
printWidth: 100,
|
||||
tabWidth: 2,
|
||||
bracketSpacing: true,
|
||||
trailingComma: 'es5',
|
||||
@ -91,7 +91,7 @@ module.exports = function (baseConfig, env, defaultConfig) {
|
||||
loader: require.resolve('@storybook/addon-storysource/loader'),
|
||||
options: {
|
||||
prettierConfig: {
|
||||
printWidth: 80,
|
||||
printWidth: 100,
|
||||
singleQuote: false,
|
||||
}
|
||||
}
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/addon-storysource",
|
||||
"version": "5.1.0-alpha.3",
|
||||
"version": "5.1.0-alpha.4",
|
||||
"description": "Stories addon for storybook",
|
||||
"keywords": [
|
||||
"addon",
|
||||
@ -22,10 +22,10 @@
|
||||
"prepare": "node ../../scripts/prepare.js"
|
||||
},
|
||||
"dependencies": {
|
||||
"@storybook/addons": "5.1.0-alpha.3",
|
||||
"@storybook/components": "5.1.0-alpha.3",
|
||||
"@storybook/router": "5.1.0-alpha.3",
|
||||
"@storybook/theming": "5.1.0-alpha.3",
|
||||
"@storybook/addons": "5.1.0-alpha.4",
|
||||
"@storybook/components": "5.1.0-alpha.4",
|
||||
"@storybook/router": "5.1.0-alpha.4",
|
||||
"@storybook/theming": "5.1.0-alpha.4",
|
||||
"core-js": "^2.6.5",
|
||||
"estraverse": "^4.2.0",
|
||||
"loader-utils": "^1.2.3",
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
const defaultOptions = {
|
||||
prettierConfig: {
|
||||
printWidth: 120,
|
||||
printWidth: 100,
|
||||
tabWidth: 2,
|
||||
bracketSpacing: true,
|
||||
trailingComma: 'es5',
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/addon-viewport",
|
||||
"version": "5.1.0-alpha.3",
|
||||
"version": "5.1.0-alpha.4",
|
||||
"description": "Storybook addon to change the viewport size to mobile",
|
||||
"keywords": [
|
||||
"addon",
|
||||
@ -21,11 +21,11 @@
|
||||
"prepare": "node ../../scripts/prepare.js"
|
||||
},
|
||||
"dependencies": {
|
||||
"@storybook/addons": "5.1.0-alpha.3",
|
||||
"@storybook/client-logger": "5.1.0-alpha.3",
|
||||
"@storybook/components": "5.1.0-alpha.3",
|
||||
"@storybook/core-events": "5.1.0-alpha.3",
|
||||
"@storybook/theming": "5.1.0-alpha.3",
|
||||
"@storybook/addons": "5.1.0-alpha.4",
|
||||
"@storybook/client-logger": "5.1.0-alpha.4",
|
||||
"@storybook/components": "5.1.0-alpha.4",
|
||||
"@storybook/core-events": "5.1.0-alpha.4",
|
||||
"@storybook/theming": "5.1.0-alpha.4",
|
||||
"core-js": "^2.6.5",
|
||||
"global": "^4.3.2",
|
||||
"memoizerific": "^1.11.3",
|
||||
|
||||
@ -135,6 +135,7 @@ export default class ViewportTool extends Component {
|
||||
border: '1px solid #888',
|
||||
borderRadius: 4,
|
||||
boxShadow: '0 4px 8px 0 rgba(0,0,0,0.12), 0 2px 4px 0 rgba(0,0,0,0.08);',
|
||||
boxSizing: 'content-box',
|
||||
|
||||
...(isRotated ? flip(item.value || {}) : item.value || {}),
|
||||
},
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/angular",
|
||||
"version": "5.1.0-alpha.3",
|
||||
"version": "5.1.0-alpha.4",
|
||||
"description": "Storybook for Angular: Develop Angular Components in isolation with Hot Reloading.",
|
||||
"keywords": [
|
||||
"storybook"
|
||||
@ -26,8 +26,8 @@
|
||||
"prepare": "node ../../scripts/prepare.js"
|
||||
},
|
||||
"dependencies": {
|
||||
"@storybook/core": "5.1.0-alpha.3",
|
||||
"@storybook/node-logger": "5.1.0-alpha.3",
|
||||
"@storybook/core": "5.1.0-alpha.4",
|
||||
"@storybook/node-logger": "5.1.0-alpha.4",
|
||||
"angular2-template-loader": "^0.6.2",
|
||||
"core-js": "^2.6.5",
|
||||
"fork-ts-checker-webpack-plugin": "^0.5.2",
|
||||
|
||||
@ -46,10 +46,10 @@ import { Component, Output, EventEmitter } from '@angular/core';
|
||||
styles: [
|
||||
`
|
||||
main {
|
||||
margin: 15px;
|
||||
max-width: 600;
|
||||
padding: 15px;
|
||||
line-height: 1.4;
|
||||
fontfamily: 'Helvetica Neue', Helvetica, 'Segoe UI', Arial, freesans, sans-serif;
|
||||
background-color: #ffffff;
|
||||
}
|
||||
|
||||
.note {
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/ember",
|
||||
"version": "5.1.0-alpha.3",
|
||||
"version": "5.1.0-alpha.4",
|
||||
"description": "Storybook for Ember: Develop Ember Component in isolation with Hot Reloading.",
|
||||
"homepage": "https://github.com/storybooks/storybook/tree/master/app/ember",
|
||||
"bugs": {
|
||||
@ -24,7 +24,7 @@
|
||||
},
|
||||
"dependencies": {
|
||||
"@ember/test-helpers": "^1.5.0",
|
||||
"@storybook/core": "5.1.0-alpha.3",
|
||||
"@storybook/core": "5.1.0-alpha.4",
|
||||
"common-tags": "^1.8.0",
|
||||
"core-js": "^2.6.5",
|
||||
"global": "^4.3.2",
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/html",
|
||||
"version": "5.1.0-alpha.3",
|
||||
"version": "5.1.0-alpha.4",
|
||||
"description": "Storybook for HTML: View HTML snippets in isolation with Hot Reloading.",
|
||||
"keywords": [
|
||||
"storybook"
|
||||
@ -25,7 +25,7 @@
|
||||
"prepare": "node ../../scripts/prepare.js"
|
||||
},
|
||||
"dependencies": {
|
||||
"@storybook/core": "5.1.0-alpha.3",
|
||||
"@storybook/core": "5.1.0-alpha.4",
|
||||
"common-tags": "^1.8.0",
|
||||
"core-js": "^2.6.5",
|
||||
"global": "^4.3.2",
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/marko",
|
||||
"version": "5.1.0-alpha.3",
|
||||
"version": "5.1.0-alpha.4",
|
||||
"description": "Storybook for Marko: Develop Marko Component in isolation with Hot Reloading.",
|
||||
"keywords": [
|
||||
"storybook"
|
||||
@ -26,7 +26,7 @@
|
||||
"prepare": "node ../../scripts/prepare.js"
|
||||
},
|
||||
"dependencies": {
|
||||
"@storybook/core": "5.1.0-alpha.3",
|
||||
"@storybook/core": "5.1.0-alpha.4",
|
||||
"common-tags": "^1.8.0",
|
||||
"core-js": "^2.6.5",
|
||||
"global": "^4.3.2",
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/mithril",
|
||||
"version": "5.1.0-alpha.3",
|
||||
"version": "5.1.0-alpha.4",
|
||||
"description": "Storybook for Mithril: Develop Mithril Component in isolation.",
|
||||
"keywords": [
|
||||
"storybook"
|
||||
@ -27,7 +27,7 @@
|
||||
},
|
||||
"dependencies": {
|
||||
"@babel/plugin-transform-react-jsx": "^7.3.0",
|
||||
"@storybook/core": "5.1.0-alpha.3",
|
||||
"@storybook/core": "5.1.0-alpha.4",
|
||||
"common-tags": "^1.8.0",
|
||||
"core-js": "^2.6.5",
|
||||
"global": "^4.3.2",
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/polymer",
|
||||
"version": "5.1.0-alpha.3",
|
||||
"version": "5.1.0-alpha.4",
|
||||
"description": "Storybook for Polymer: Develop Polymer components in isolation with Hot Reloading.",
|
||||
"keywords": [
|
||||
"storybook"
|
||||
@ -25,7 +25,7 @@
|
||||
"prepare": "node ../../scripts/prepare.js"
|
||||
},
|
||||
"dependencies": {
|
||||
"@storybook/core": "5.1.0-alpha.3",
|
||||
"@storybook/core": "5.1.0-alpha.4",
|
||||
"@webcomponents/webcomponentsjs": "^1.2.0",
|
||||
"common-tags": "^1.8.0",
|
||||
"core-js": "^2.6.5",
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
import { document } from 'global';
|
||||
import { stripIndents } from 'common-tags';
|
||||
import { html, render, TemplateResult } from 'lit-html';
|
||||
import { render, TemplateResult } from 'lit-html';
|
||||
|
||||
const rootElement = document.getElementById('root');
|
||||
|
||||
@ -32,10 +32,12 @@ export default function renderMain({
|
||||
// `render` stores the TemplateInstance in the Node and tries to update based on that.
|
||||
// Since we reuse `rootElement` for all stories, remove the stored instance first.
|
||||
// But forceRender means that it's the same story, so we want too keep the state in that case.
|
||||
if (!forceRender) {
|
||||
render(html``, rootElement);
|
||||
if (!forceRender || !rootElement.querySelector('[id="root-inner"]')) {
|
||||
rootElement.innerHTML = '<div id="root-inner"></div>';
|
||||
}
|
||||
render(element, rootElement);
|
||||
const renderTo = rootElement.querySelector('[id="root-inner"]');
|
||||
|
||||
render(element, renderTo);
|
||||
} else {
|
||||
rootElement.innerHTML = '';
|
||||
rootElement.appendChild(element);
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/preact",
|
||||
"version": "5.1.0-alpha.3",
|
||||
"version": "5.1.0-alpha.4",
|
||||
"description": "Storybook for Preact: Develop Preact Component in isolation.",
|
||||
"keywords": [
|
||||
"storybook"
|
||||
@ -27,7 +27,7 @@
|
||||
},
|
||||
"dependencies": {
|
||||
"@babel/plugin-transform-react-jsx": "^7.3.0",
|
||||
"@storybook/core": "5.1.0-alpha.3",
|
||||
"@storybook/core": "5.1.0-alpha.4",
|
||||
"common-tags": "^1.8.0",
|
||||
"core-js": "^2.6.5",
|
||||
"global": "^4.3.2",
|
||||
|
||||
@ -1,7 +1,7 @@
|
||||
{
|
||||
"name": "@storybook/react-native",
|
||||
"private": true,
|
||||
"version": "5.1.0-alpha.3",
|
||||
"version": "5.1.0-alpha.4",
|
||||
"description": "A better way to develop React Native Components for your app",
|
||||
"keywords": [
|
||||
"react",
|
||||
@ -27,12 +27,12 @@
|
||||
"prepare": "node ../../scripts/prepare.js"
|
||||
},
|
||||
"dependencies": {
|
||||
"@storybook/addons": "5.1.0-alpha.3",
|
||||
"@storybook/channel-websocket": "5.1.0-alpha.3",
|
||||
"@storybook/channels": "5.1.0-alpha.3",
|
||||
"@storybook/core": "5.1.0-alpha.3",
|
||||
"@storybook/core-events": "5.1.0-alpha.3",
|
||||
"@storybook/ui": "5.1.0-alpha.3",
|
||||
"@storybook/addons": "5.1.0-alpha.4",
|
||||
"@storybook/channel-websocket": "5.1.0-alpha.4",
|
||||
"@storybook/channels": "5.1.0-alpha.4",
|
||||
"@storybook/core": "5.1.0-alpha.4",
|
||||
"@storybook/core-events": "5.1.0-alpha.4",
|
||||
"@storybook/ui": "5.1.0-alpha.4",
|
||||
"babel-loader": "^8.0.4",
|
||||
"babel-plugin-macros": "^2.4.5",
|
||||
"babel-plugin-syntax-async-functions": "^6.13.0",
|
||||
@ -58,7 +58,7 @@
|
||||
"lazy-universal-dotenv": "^2.0.0",
|
||||
"prop-types": "^15.7.2",
|
||||
"raw-loader": "^1.0.0",
|
||||
"react-dev-utils": "^7.0.3",
|
||||
"react-dev-utils": "^8.0.0",
|
||||
"react-native-swipe-gestures": "^1.0.2",
|
||||
"shelljs": "^0.8.3",
|
||||
"url-parse": "^1.4.4",
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/react",
|
||||
"version": "5.1.0-alpha.3",
|
||||
"version": "5.1.0-alpha.4",
|
||||
"description": "Storybook for React: Develop React Component in isolation with Hot Reloading.",
|
||||
"keywords": [
|
||||
"storybook"
|
||||
@ -29,8 +29,8 @@
|
||||
"@babel/plugin-transform-react-constant-elements": "^7.2.0",
|
||||
"@babel/preset-flow": "^7.0.0",
|
||||
"@babel/preset-react": "^7.0.0",
|
||||
"@storybook/core": "5.1.0-alpha.3",
|
||||
"@storybook/node-logger": "5.1.0-alpha.3",
|
||||
"@storybook/core": "5.1.0-alpha.4",
|
||||
"@storybook/node-logger": "5.1.0-alpha.4",
|
||||
"@svgr/webpack": "^4.0.3",
|
||||
"babel-plugin-named-asset-import": "^0.3.1",
|
||||
"babel-plugin-react-docgen": "^2.0.2",
|
||||
@ -41,7 +41,7 @@
|
||||
"lodash": "^4.17.11",
|
||||
"mini-css-extract-plugin": "^0.5.0",
|
||||
"prop-types": "^15.7.2",
|
||||
"react-dev-utils": "^7.0.3",
|
||||
"react-dev-utils": "^8.0.0",
|
||||
"regenerator-runtime": "^0.12.1",
|
||||
"semver": "^5.6.0",
|
||||
"webpack": "^4.29.6"
|
||||
|
||||
@ -5,10 +5,10 @@ const Main = props => (
|
||||
<article
|
||||
{...props}
|
||||
style={{
|
||||
margin: 15,
|
||||
maxWidth: 600,
|
||||
padding: 15,
|
||||
lineHeight: 1.4,
|
||||
fontFamily: '"Helvetica Neue", Helvetica, "Segoe UI", Arial, freesans, sans-serif',
|
||||
backgroundColor: '#fff',
|
||||
}}
|
||||
/>
|
||||
);
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/riot",
|
||||
"version": "5.1.0-alpha.3",
|
||||
"version": "5.1.0-alpha.4",
|
||||
"description": "Storybook for riot.js: View riot snippets in isolation with Hot Reloading.",
|
||||
"keywords": [
|
||||
"storybook"
|
||||
@ -25,7 +25,7 @@
|
||||
"prepare": "node ../../scripts/prepare.js"
|
||||
},
|
||||
"dependencies": {
|
||||
"@storybook/core": "5.1.0-alpha.3",
|
||||
"@storybook/core": "5.1.0-alpha.4",
|
||||
"common-tags": "^1.8.0",
|
||||
"core-js": "^2.6.5",
|
||||
"global": "^4.3.2",
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/svelte",
|
||||
"version": "5.1.0-alpha.3",
|
||||
"version": "5.1.0-alpha.4",
|
||||
"description": "Storybook for Svelte: Develop Svelte Component in isolation with Hot Reloading.",
|
||||
"keywords": [
|
||||
"storybook"
|
||||
@ -26,7 +26,7 @@
|
||||
"prepare": "node ../../scripts/prepare.js"
|
||||
},
|
||||
"dependencies": {
|
||||
"@storybook/core": "5.1.0-alpha.3",
|
||||
"@storybook/core": "5.1.0-alpha.4",
|
||||
"common-tags": "^1.8.0",
|
||||
"core-js": "^2.6.5",
|
||||
"global": "^4.3.2",
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/vue",
|
||||
"version": "5.1.0-alpha.3",
|
||||
"version": "5.1.0-alpha.4",
|
||||
"description": "Storybook for Vue: Develop Vue Component in isolation with Hot Reloading.",
|
||||
"keywords": [
|
||||
"storybook"
|
||||
@ -26,7 +26,7 @@
|
||||
"prepare": "node ../../scripts/prepare.js"
|
||||
},
|
||||
"dependencies": {
|
||||
"@storybook/core": "5.1.0-alpha.3",
|
||||
"@storybook/core": "5.1.0-alpha.4",
|
||||
"common-tags": "^1.8.0",
|
||||
"core-js": "^2.6.5",
|
||||
"global": "^4.3.2",
|
||||
|
||||
@ -2,6 +2,7 @@
|
||||
|
||||
const gitHubOrg = `https://github.com/storybooks`;
|
||||
const homepageUrl = `https://storybook.js.org`;
|
||||
const docsUrl = `${homepageUrl}/docs`;
|
||||
const npmApiBase = `https://api.npmjs.org/downloads/point/last-month`;
|
||||
|
||||
export const metadata = {
|
||||
@ -42,8 +43,8 @@ export const url = {
|
||||
// Navigation
|
||||
home: `${homepageUrl}`,
|
||||
docs: {
|
||||
home: `${homepageUrl}/basics/introduction/`,
|
||||
addonInstruction: `${homepageUrl}/addons/writing-addons/`,
|
||||
home: `${docsUrl}/basics/introduction/`,
|
||||
addonInstruction: `${docsUrl}/addons/writing-addons/`,
|
||||
},
|
||||
addons: `${homepageUrl}/addons`,
|
||||
community: `${homepageUrl}/community`,
|
||||
@ -66,15 +67,15 @@ export const url = {
|
||||
|
||||
// Framework docs
|
||||
framework: {
|
||||
react: `${homepageUrl}/basics/guide-react/`,
|
||||
reactNative: `${homepageUrl}/basics/guide-react-native/`,
|
||||
vue: `${homepageUrl}/basics/guide-vue/`,
|
||||
angular: `${homepageUrl}/basics/guide-angular/`,
|
||||
ember: `${homepageUrl}/basics/guide-ember/`,
|
||||
html: `${homepageUrl}/basics/guide-html/`,
|
||||
svelte: `${homepageUrl}/basics/guide-svelte/`,
|
||||
mithril: `${homepageUrl}/basics/guide-mithril/`,
|
||||
riot: `${homepageUrl}/basics/guide-riot/`,
|
||||
react: `${docsUrl}/guides/guide-react/`,
|
||||
reactNative: `${docsUrl}/guides/guide-react-native/`,
|
||||
vue: `${docsUrl}/guides/guide-vue/`,
|
||||
angular: `${docsUrl}/guides/guide-angular/`,
|
||||
ember: `${docsUrl}/guides/guide-ember/`,
|
||||
html: `${docsUrl}/guides/guide-html/`,
|
||||
svelte: `${docsUrl}/guides/guide-svelte/`,
|
||||
mithril: `${docsUrl}/guides/guide-mithril/`,
|
||||
riot: `${docsUrl}/guides/guide-riot/`,
|
||||
},
|
||||
|
||||
// Official addons
|
||||
|
||||
@ -106,7 +106,7 @@ addParameters({
|
||||
});
|
||||
```
|
||||
|
||||
Many them variables are optional, the `base` property is NOT. This is a perfectly valid theme:
|
||||
Many theme variables are optional, the `base` property is NOT. This is a perfectly valid theme:
|
||||
|
||||
```ts
|
||||
import { create } from '@storybook/theming';
|
||||
|
||||
@ -1 +1 @@
|
||||
{"version":"5.1.0-alpha.3","info":{"plain":"### Features\n\n* Addon-a11y: add 'incomplete' tab ([#5984](https://github.com/storybooks/storybook/pull/5984))\n\n### Bug Fixes\n\n* Core: fix `selectStory` with one parameter ([#5983](https://github.com/storybooks/storybook/pull/5983))\n* Core: remove custom presets warning ([#5911](https://github.com/storybooks/storybook/pull/5911))\n\n### Maintenance\n\n* Addon-viewport: Change styling to more closely match v4 ([#5979](https://github.com/storybooks/storybook/pull/5979))\n\n### Dependency Upgrades\n\n* Bump babel-preset-react-app from 7.0.1 to 7.0.2 ([#5937](https://github.com/storybooks/storybook/pull/5937))\n* Bump ts-node from 8.0.2 to 8.0.3 ([#5938](https://github.com/storybooks/storybook/pull/5938))\n* Bump react from 16.8.3 to 16.8.4 ([#5902](https://github.com/storybooks/storybook/pull/5902))\n* Bump marko from 4.15.3 to 4.15.4 ([#5939](https://github.com/storybooks/storybook/pull/5939))"}}
|
||||
{"version":"5.1.0-alpha.4","info":{"plain":"### Bug Fixes\n\n* CLI: Fix welcome component in dark theme ([#5998](https://github.com/storybooks/storybook/pull/5998))\n* Polymer: Fix re-rendering lit-html elements after non-lit-html element ([#5868](https://github.com/storybooks/storybook/pull/5868))\n* Addon-a11y: Fix respect 'element' arg in config ([#5996](https://github.com/storybooks/storybook/pull/5996))\n* Addon-a11y: Fix design icons ([#5991](https://github.com/storybooks/storybook/pull/5991))\n* Addon-viewport: Fix viewport iframe dimensions ([#5993](https://github.com/storybooks/storybook/pull/5993))\n\n### Maintenance\n\n* ADD parameters to compile-js to no longer copy .ts files into dist ([#5844](https://github.com/storybooks/storybook/pull/5844))\n\n### Dependency Upgrades\n\n* build(deps): bump react-is from 16.8.3 to 16.8.4 ([#6010](https://github.com/storybooks/storybook/pull/6010))\n* build(deps): bump react-dev-utils from 7.0.3 to 8.0.0 ([#6011](https://github.com/storybooks/storybook/pull/6011))"}}
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "angular-cli",
|
||||
"version": "5.1.0-alpha.3",
|
||||
"version": "5.1.0-alpha.4",
|
||||
"private": true,
|
||||
"license": "MIT",
|
||||
"scripts": {
|
||||
@ -34,21 +34,21 @@
|
||||
"@angular-devkit/build-angular": "^0.13.4",
|
||||
"@angular/cli": "^7.3.3",
|
||||
"@angular/compiler-cli": "^7.2.6",
|
||||
"@storybook/addon-actions": "5.1.0-alpha.3",
|
||||
"@storybook/addon-backgrounds": "5.1.0-alpha.3",
|
||||
"@storybook/addon-centered": "5.1.0-alpha.3",
|
||||
"@storybook/addon-jest": "5.1.0-alpha.3",
|
||||
"@storybook/addon-knobs": "5.1.0-alpha.3",
|
||||
"@storybook/addon-links": "5.1.0-alpha.3",
|
||||
"@storybook/addon-notes": "5.1.0-alpha.3",
|
||||
"@storybook/addon-options": "5.1.0-alpha.3",
|
||||
"@storybook/addon-storyshots": "5.1.0-alpha.3",
|
||||
"@storybook/addon-storysource": "5.1.0-alpha.3",
|
||||
"@storybook/addons": "5.1.0-alpha.3",
|
||||
"@storybook/angular": "5.1.0-alpha.3",
|
||||
"@storybook/addon-actions": "5.1.0-alpha.4",
|
||||
"@storybook/addon-backgrounds": "5.1.0-alpha.4",
|
||||
"@storybook/addon-centered": "5.1.0-alpha.4",
|
||||
"@storybook/addon-jest": "5.1.0-alpha.4",
|
||||
"@storybook/addon-knobs": "5.1.0-alpha.4",
|
||||
"@storybook/addon-links": "5.1.0-alpha.4",
|
||||
"@storybook/addon-notes": "5.1.0-alpha.4",
|
||||
"@storybook/addon-options": "5.1.0-alpha.4",
|
||||
"@storybook/addon-storyshots": "5.1.0-alpha.4",
|
||||
"@storybook/addon-storysource": "5.1.0-alpha.4",
|
||||
"@storybook/addons": "5.1.0-alpha.4",
|
||||
"@storybook/angular": "5.1.0-alpha.4",
|
||||
"@types/core-js": "^2.5.0",
|
||||
"@types/jest": "^24.0.6",
|
||||
"@types/node": "~11.9.5",
|
||||
"@types/jest": "^24.0.11",
|
||||
"@types/node": "~11.11.0",
|
||||
"@types/webpack-env": "^1.13.7",
|
||||
"global": "^4.3.2",
|
||||
"jasmine-core": "~3.3.0",
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "cra-kitchen-sink",
|
||||
"version": "5.1.0-alpha.3",
|
||||
"version": "5.1.0-alpha.4",
|
||||
"private": true,
|
||||
"scripts": {
|
||||
"now-build": "node ../../scripts/bootstrap --core && yarn run build-storybook --quiet",
|
||||
@ -19,21 +19,21 @@
|
||||
"react-lifecycles-compat": "^3.0.4"
|
||||
},
|
||||
"devDependencies": {
|
||||
"@storybook/addon-a11y": "5.1.0-alpha.3",
|
||||
"@storybook/addon-actions": "5.1.0-alpha.3",
|
||||
"@storybook/addon-backgrounds": "5.1.0-alpha.3",
|
||||
"@storybook/addon-centered": "5.1.0-alpha.3",
|
||||
"@storybook/addon-events": "5.1.0-alpha.3",
|
||||
"@storybook/addon-info": "5.1.0-alpha.3",
|
||||
"@storybook/addon-jest": "5.1.0-alpha.3",
|
||||
"@storybook/addon-knobs": "5.1.0-alpha.3",
|
||||
"@storybook/addon-links": "5.1.0-alpha.3",
|
||||
"@storybook/addon-notes": "5.1.0-alpha.3",
|
||||
"@storybook/addon-options": "5.1.0-alpha.3",
|
||||
"@storybook/addon-storyshots": "5.1.0-alpha.3",
|
||||
"@storybook/addons": "5.1.0-alpha.3",
|
||||
"@storybook/client-logger": "5.1.0-alpha.3",
|
||||
"@storybook/react": "5.1.0-alpha.3",
|
||||
"@storybook/addon-a11y": "5.1.0-alpha.4",
|
||||
"@storybook/addon-actions": "5.1.0-alpha.4",
|
||||
"@storybook/addon-backgrounds": "5.1.0-alpha.4",
|
||||
"@storybook/addon-centered": "5.1.0-alpha.4",
|
||||
"@storybook/addon-events": "5.1.0-alpha.4",
|
||||
"@storybook/addon-info": "5.1.0-alpha.4",
|
||||
"@storybook/addon-jest": "5.1.0-alpha.4",
|
||||
"@storybook/addon-knobs": "5.1.0-alpha.4",
|
||||
"@storybook/addon-links": "5.1.0-alpha.4",
|
||||
"@storybook/addon-notes": "5.1.0-alpha.4",
|
||||
"@storybook/addon-options": "5.1.0-alpha.4",
|
||||
"@storybook/addon-storyshots": "5.1.0-alpha.4",
|
||||
"@storybook/addons": "5.1.0-alpha.4",
|
||||
"@storybook/client-logger": "5.1.0-alpha.4",
|
||||
"@storybook/react": "5.1.0-alpha.4",
|
||||
"enzyme": "^3.9.0",
|
||||
"enzyme-adapter-react-16": "^1.9.1",
|
||||
"enzyme-to-json": "^3.3.5",
|
||||
|
||||
@ -1,29 +0,0 @@
|
||||
// Jest Snapshot v1, https://goo.gl/fbAQLP
|
||||
|
||||
exports[`Storyshots App full app 1`] = `
|
||||
<div
|
||||
class="App"
|
||||
>
|
||||
<div
|
||||
class="App-header"
|
||||
>
|
||||
<img
|
||||
alt="logo"
|
||||
class="App-logo"
|
||||
src="file-stub"
|
||||
/>
|
||||
<h2>
|
||||
Welcome to React
|
||||
</h2>
|
||||
</div>
|
||||
<p
|
||||
class="App-intro"
|
||||
>
|
||||
To get started, edit
|
||||
<code>
|
||||
src/App.js
|
||||
</code>
|
||||
and save to reload.
|
||||
</p>
|
||||
</div>
|
||||
`;
|
||||
@ -1,7 +0,0 @@
|
||||
// Jest Snapshot v1, https://goo.gl/fbAQLP
|
||||
|
||||
exports[`Storyshots CRA Svgr 1`] = `
|
||||
<svg>
|
||||
logo.svg
|
||||
</svg>
|
||||
`;
|
||||
@ -2,7 +2,7 @@
|
||||
|
||||
exports[`Storyshots Welcome to Storybook 1`] = `
|
||||
<article
|
||||
style="margin:15px;max-width:600px;line-height:1.4;font-family:\\"Helvetica Neue\\", Helvetica, \\"Segoe UI\\", Arial, freesans, sans-serif"
|
||||
style="padding:15px;line-height:1.4;font-family:\\"Helvetica Neue\\", Helvetica, \\"Segoe UI\\", Arial, freesans, sans-serif;background-color:#fff"
|
||||
>
|
||||
<h1>
|
||||
Welcome to storybook
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "cra-ts-kitchen-sink",
|
||||
"version": "5.1.0-alpha.3",
|
||||
"version": "5.1.0-alpha.4",
|
||||
"private": true,
|
||||
"scripts": {
|
||||
"now-build": "node ../../scripts/bootstrap --core && yarn run build-storybook --quiet",
|
||||
@ -20,11 +20,11 @@
|
||||
"react-dom": "^16.8.3"
|
||||
},
|
||||
"devDependencies": {
|
||||
"@storybook/addon-actions": "5.1.0-alpha.3",
|
||||
"@storybook/addon-info": "5.1.0-alpha.3",
|
||||
"@storybook/addon-options": "5.1.0-alpha.3",
|
||||
"@storybook/addons": "5.1.0-alpha.3",
|
||||
"@storybook/react": "5.1.0-alpha.3",
|
||||
"@storybook/addon-actions": "5.1.0-alpha.4",
|
||||
"@storybook/addon-info": "5.1.0-alpha.4",
|
||||
"@storybook/addon-options": "5.1.0-alpha.4",
|
||||
"@storybook/addons": "5.1.0-alpha.4",
|
||||
"@storybook/react": "5.1.0-alpha.4",
|
||||
"@types/enzyme": "^3.9.0",
|
||||
"@types/react": "^16.8.4",
|
||||
"@types/react-dom": "^16.8.2",
|
||||
|
||||
@ -30,10 +30,10 @@ a {
|
||||
}
|
||||
|
||||
.main {
|
||||
margin: 15px;
|
||||
max-width: 600;
|
||||
padding: 15px;
|
||||
line-height: 1.4;
|
||||
font-family: "Helvetica Neue", Helvetica, "Segoe UI", Arial, freesans, sans-serif;
|
||||
background-color: #ffffff;
|
||||
}
|
||||
|
||||
.logo {
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "ember-example",
|
||||
"version": "5.1.0-alpha.3",
|
||||
"version": "5.1.0-alpha.4",
|
||||
"private": true,
|
||||
"scripts": {
|
||||
"now-build": "node ../../scripts/bootstrap --core && yarn run build-storybook --quiet",
|
||||
@ -15,18 +15,18 @@
|
||||
},
|
||||
"devDependencies": {
|
||||
"@babel/core": "^7.3.4",
|
||||
"@storybook/addon-a11y": "5.1.0-alpha.3",
|
||||
"@storybook/addon-actions": "5.1.0-alpha.3",
|
||||
"@storybook/addon-backgrounds": "5.1.0-alpha.3",
|
||||
"@storybook/addon-centered": "5.1.0-alpha.3",
|
||||
"@storybook/addon-knobs": "5.1.0-alpha.3",
|
||||
"@storybook/addon-links": "5.1.0-alpha.3",
|
||||
"@storybook/addon-notes": "5.1.0-alpha.3",
|
||||
"@storybook/addon-options": "5.1.0-alpha.3",
|
||||
"@storybook/addon-storysource": "5.1.0-alpha.3",
|
||||
"@storybook/addon-viewport": "5.1.0-alpha.3",
|
||||
"@storybook/addons": "5.1.0-alpha.3",
|
||||
"@storybook/ember": "5.1.0-alpha.3",
|
||||
"@storybook/addon-a11y": "5.1.0-alpha.4",
|
||||
"@storybook/addon-actions": "5.1.0-alpha.4",
|
||||
"@storybook/addon-backgrounds": "5.1.0-alpha.4",
|
||||
"@storybook/addon-centered": "5.1.0-alpha.4",
|
||||
"@storybook/addon-knobs": "5.1.0-alpha.4",
|
||||
"@storybook/addon-links": "5.1.0-alpha.4",
|
||||
"@storybook/addon-notes": "5.1.0-alpha.4",
|
||||
"@storybook/addon-options": "5.1.0-alpha.4",
|
||||
"@storybook/addon-storysource": "5.1.0-alpha.4",
|
||||
"@storybook/addon-viewport": "5.1.0-alpha.4",
|
||||
"@storybook/addons": "5.1.0-alpha.4",
|
||||
"@storybook/ember": "5.1.0-alpha.4",
|
||||
"babel-loader": "^8",
|
||||
"broccoli-asset-rev": "^3.0.0",
|
||||
"cross-env": "^5.2.0",
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "html-kitchen-sink",
|
||||
"version": "5.1.0-alpha.3",
|
||||
"version": "5.1.0-alpha.4",
|
||||
"private": true,
|
||||
"description": "",
|
||||
"keywords": [],
|
||||
@ -14,23 +14,23 @@
|
||||
"storybook": "start-storybook -p 9006"
|
||||
},
|
||||
"devDependencies": {
|
||||
"@storybook/addon-a11y": "5.1.0-alpha.3",
|
||||
"@storybook/addon-actions": "5.1.0-alpha.3",
|
||||
"@storybook/addon-backgrounds": "5.1.0-alpha.3",
|
||||
"@storybook/addon-centered": "5.1.0-alpha.3",
|
||||
"@storybook/addon-events": "5.1.0-alpha.3",
|
||||
"@storybook/addon-jest": "5.1.0-alpha.3",
|
||||
"@storybook/addon-knobs": "5.1.0-alpha.3",
|
||||
"@storybook/addon-links": "5.1.0-alpha.3",
|
||||
"@storybook/addon-notes": "5.1.0-alpha.3",
|
||||
"@storybook/addon-options": "5.1.0-alpha.3",
|
||||
"@storybook/addon-storyshots": "5.1.0-alpha.3",
|
||||
"@storybook/addon-storysource": "5.1.0-alpha.3",
|
||||
"@storybook/addon-viewport": "5.1.0-alpha.3",
|
||||
"@storybook/addons": "5.1.0-alpha.3",
|
||||
"@storybook/core": "5.1.0-alpha.3",
|
||||
"@storybook/core-events": "5.1.0-alpha.3",
|
||||
"@storybook/html": "5.1.0-alpha.3",
|
||||
"@storybook/addon-a11y": "5.1.0-alpha.4",
|
||||
"@storybook/addon-actions": "5.1.0-alpha.4",
|
||||
"@storybook/addon-backgrounds": "5.1.0-alpha.4",
|
||||
"@storybook/addon-centered": "5.1.0-alpha.4",
|
||||
"@storybook/addon-events": "5.1.0-alpha.4",
|
||||
"@storybook/addon-jest": "5.1.0-alpha.4",
|
||||
"@storybook/addon-knobs": "5.1.0-alpha.4",
|
||||
"@storybook/addon-links": "5.1.0-alpha.4",
|
||||
"@storybook/addon-notes": "5.1.0-alpha.4",
|
||||
"@storybook/addon-options": "5.1.0-alpha.4",
|
||||
"@storybook/addon-storyshots": "5.1.0-alpha.4",
|
||||
"@storybook/addon-storysource": "5.1.0-alpha.4",
|
||||
"@storybook/addon-viewport": "5.1.0-alpha.4",
|
||||
"@storybook/addons": "5.1.0-alpha.4",
|
||||
"@storybook/core": "5.1.0-alpha.4",
|
||||
"@storybook/core-events": "5.1.0-alpha.4",
|
||||
"@storybook/html": "5.1.0-alpha.4",
|
||||
"eventemitter3": "^3.1.0",
|
||||
"format-json": "^1.0.3",
|
||||
"global": "^4.3.2",
|
||||
|
||||
@ -1,8 +1,8 @@
|
||||
.main {
|
||||
margin: 15px;
|
||||
max-width: 600px;
|
||||
padding: 15px;
|
||||
line-height: 1.4;
|
||||
font-family: "Helvetica Neue", Helvetica, "Segoe UI", Arial, freesans, sans-serif;
|
||||
background-color: #ffffff;
|
||||
}
|
||||
|
||||
.logo {
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "marko-cli",
|
||||
"version": "5.1.0-alpha.3",
|
||||
"version": "5.1.0-alpha.4",
|
||||
"private": true,
|
||||
"description": "Demo of how to build an app using marko-starter",
|
||||
"repository": {
|
||||
@ -24,12 +24,12 @@
|
||||
"marko-starter": "^2.0.4"
|
||||
},
|
||||
"devDependencies": {
|
||||
"@storybook/addon-actions": "5.1.0-alpha.3",
|
||||
"@storybook/addon-knobs": "5.1.0-alpha.3",
|
||||
"@storybook/addon-options": "5.1.0-alpha.3",
|
||||
"@storybook/addon-storysource": "5.1.0-alpha.3",
|
||||
"@storybook/addons": "5.1.0-alpha.3",
|
||||
"@storybook/marko": "5.1.0-alpha.3",
|
||||
"@storybook/addon-actions": "5.1.0-alpha.4",
|
||||
"@storybook/addon-knobs": "5.1.0-alpha.4",
|
||||
"@storybook/addon-options": "5.1.0-alpha.4",
|
||||
"@storybook/addon-storysource": "5.1.0-alpha.4",
|
||||
"@storybook/addons": "5.1.0-alpha.4",
|
||||
"@storybook/marko": "5.1.0-alpha.4",
|
||||
"prettier": "^1.16.4",
|
||||
"webpack": "^4.29.6"
|
||||
}
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "mithril-example",
|
||||
"version": "5.1.0-alpha.3",
|
||||
"version": "5.1.0-alpha.4",
|
||||
"private": true,
|
||||
"scripts": {
|
||||
"now-build": "node ../../scripts/bootstrap --core && yarn run build-storybook --quiet",
|
||||
@ -11,18 +11,18 @@
|
||||
"mithril": "^1.1.6"
|
||||
},
|
||||
"devDependencies": {
|
||||
"@storybook/addon-actions": "5.1.0-alpha.3",
|
||||
"@storybook/addon-backgrounds": "5.1.0-alpha.3",
|
||||
"@storybook/addon-centered": "5.1.0-alpha.3",
|
||||
"@storybook/addon-knobs": "5.1.0-alpha.3",
|
||||
"@storybook/addon-links": "5.1.0-alpha.3",
|
||||
"@storybook/addon-notes": "5.1.0-alpha.3",
|
||||
"@storybook/addon-options": "5.1.0-alpha.3",
|
||||
"@storybook/addon-storyshots": "5.1.0-alpha.3",
|
||||
"@storybook/addon-storysource": "5.1.0-alpha.3",
|
||||
"@storybook/addon-viewport": "5.1.0-alpha.3",
|
||||
"@storybook/addons": "5.1.0-alpha.3",
|
||||
"@storybook/mithril": "5.1.0-alpha.3",
|
||||
"@storybook/addon-actions": "5.1.0-alpha.4",
|
||||
"@storybook/addon-backgrounds": "5.1.0-alpha.4",
|
||||
"@storybook/addon-centered": "5.1.0-alpha.4",
|
||||
"@storybook/addon-knobs": "5.1.0-alpha.4",
|
||||
"@storybook/addon-links": "5.1.0-alpha.4",
|
||||
"@storybook/addon-notes": "5.1.0-alpha.4",
|
||||
"@storybook/addon-options": "5.1.0-alpha.4",
|
||||
"@storybook/addon-storyshots": "5.1.0-alpha.4",
|
||||
"@storybook/addon-storysource": "5.1.0-alpha.4",
|
||||
"@storybook/addon-viewport": "5.1.0-alpha.4",
|
||||
"@storybook/addons": "5.1.0-alpha.4",
|
||||
"@storybook/mithril": "5.1.0-alpha.4",
|
||||
"webpack": "^4.29.6"
|
||||
}
|
||||
}
|
||||
|
||||
@ -6,10 +6,10 @@ const Main = {
|
||||
view: vnode => (
|
||||
<article
|
||||
style={{
|
||||
margin: '15px',
|
||||
maxWidth: '600px',
|
||||
padding: '15px',
|
||||
lineHeight: 1.4,
|
||||
fontFamily: '"Helvetica Neue", Helvetica, "Segoe UI", Arial, freesans, sans-serif',
|
||||
backgroundColor: '#ffffff',
|
||||
}}
|
||||
>
|
||||
{vnode.children}
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "official-storybook",
|
||||
"version": "5.1.0-alpha.3",
|
||||
"version": "5.1.0-alpha.4",
|
||||
"private": true,
|
||||
"scripts": {
|
||||
"now-build": "node ../../scripts/bootstrap --core && yarn run build-storybook --quiet",
|
||||
@ -13,29 +13,29 @@
|
||||
"storybook": "cross-env STORYBOOK_DISPLAY_WARNING=true DISPLAY_WARNING=true start-storybook -p 9011 -c ./ -s built-storybooks --no-dll"
|
||||
},
|
||||
"devDependencies": {
|
||||
"@storybook/addon-a11y": "5.1.0-alpha.3",
|
||||
"@storybook/addon-actions": "5.1.0-alpha.3",
|
||||
"@storybook/addon-backgrounds": "5.1.0-alpha.3",
|
||||
"@storybook/addon-centered": "5.1.0-alpha.3",
|
||||
"@storybook/addon-cssresources": "5.1.0-alpha.3",
|
||||
"@storybook/addon-events": "5.1.0-alpha.3",
|
||||
"@storybook/addon-graphql": "5.1.0-alpha.3",
|
||||
"@storybook/addon-info": "5.1.0-alpha.3",
|
||||
"@storybook/addon-jest": "5.1.0-alpha.3",
|
||||
"@storybook/addon-knobs": "5.1.0-alpha.3",
|
||||
"@storybook/addon-links": "5.1.0-alpha.3",
|
||||
"@storybook/addon-notes": "5.1.0-alpha.3",
|
||||
"@storybook/addon-options": "5.1.0-alpha.3",
|
||||
"@storybook/addon-storyshots": "5.1.0-alpha.3",
|
||||
"@storybook/addon-storyshots-puppeteer": "5.1.0-alpha.3",
|
||||
"@storybook/addon-storysource": "5.1.0-alpha.3",
|
||||
"@storybook/addon-viewport": "5.1.0-alpha.3",
|
||||
"@storybook/addons": "5.1.0-alpha.3",
|
||||
"@storybook/components": "5.1.0-alpha.3",
|
||||
"@storybook/core-events": "5.1.0-alpha.3",
|
||||
"@storybook/node-logger": "5.1.0-alpha.3",
|
||||
"@storybook/react": "5.1.0-alpha.3",
|
||||
"@storybook/theming": "5.1.0-alpha.3",
|
||||
"@storybook/addon-a11y": "5.1.0-alpha.4",
|
||||
"@storybook/addon-actions": "5.1.0-alpha.4",
|
||||
"@storybook/addon-backgrounds": "5.1.0-alpha.4",
|
||||
"@storybook/addon-centered": "5.1.0-alpha.4",
|
||||
"@storybook/addon-cssresources": "5.1.0-alpha.4",
|
||||
"@storybook/addon-events": "5.1.0-alpha.4",
|
||||
"@storybook/addon-graphql": "5.1.0-alpha.4",
|
||||
"@storybook/addon-info": "5.1.0-alpha.4",
|
||||
"@storybook/addon-jest": "5.1.0-alpha.4",
|
||||
"@storybook/addon-knobs": "5.1.0-alpha.4",
|
||||
"@storybook/addon-links": "5.1.0-alpha.4",
|
||||
"@storybook/addon-notes": "5.1.0-alpha.4",
|
||||
"@storybook/addon-options": "5.1.0-alpha.4",
|
||||
"@storybook/addon-storyshots": "5.1.0-alpha.4",
|
||||
"@storybook/addon-storyshots-puppeteer": "5.1.0-alpha.4",
|
||||
"@storybook/addon-storysource": "5.1.0-alpha.4",
|
||||
"@storybook/addon-viewport": "5.1.0-alpha.4",
|
||||
"@storybook/addons": "5.1.0-alpha.4",
|
||||
"@storybook/components": "5.1.0-alpha.4",
|
||||
"@storybook/core-events": "5.1.0-alpha.4",
|
||||
"@storybook/node-logger": "5.1.0-alpha.4",
|
||||
"@storybook/react": "5.1.0-alpha.4",
|
||||
"@storybook/theming": "5.1.0-alpha.4",
|
||||
"cors": "^2.8.5",
|
||||
"cross-env": "^5.2.0",
|
||||
"enzyme-to-json": "^3.3.5",
|
||||
|
||||
@ -25,7 +25,7 @@ exports[`Storyshots Other|Demo/Button with text 1`] = `
|
||||
|
||||
exports[`Storyshots Other|Demo/Welcome to Storybook 1`] = `
|
||||
<article
|
||||
style="margin:15px;max-width:600px;line-height:1.4;font-family:\\"Helvetica Neue\\", Helvetica, \\"Segoe UI\\", Arial, freesans, sans-serif"
|
||||
style="padding:15px;line-height:1.4;font-family:\\"Helvetica Neue\\", Helvetica, \\"Segoe UI\\", Arial, freesans, sans-serif;background-color:#fff"
|
||||
>
|
||||
<h1>
|
||||
Welcome to storybook
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "polymer-cli",
|
||||
"version": "5.1.0-alpha.3",
|
||||
"version": "5.1.0-alpha.4",
|
||||
"private": true,
|
||||
"scripts": {
|
||||
"now-build": "node ../../scripts/bootstrap --core && yarn run build-storybook --quiet",
|
||||
@ -10,15 +10,15 @@
|
||||
},
|
||||
"dependencies": {
|
||||
"@polymer/polymer": "^2.6.0",
|
||||
"@storybook/addon-actions": "5.1.0-alpha.3",
|
||||
"@storybook/addon-backgrounds": "5.1.0-alpha.3",
|
||||
"@storybook/addon-knobs": "5.1.0-alpha.3",
|
||||
"@storybook/addon-links": "5.1.0-alpha.3",
|
||||
"@storybook/addon-notes": "5.1.0-alpha.3",
|
||||
"@storybook/addon-options": "5.1.0-alpha.3",
|
||||
"@storybook/addon-storysource": "5.1.0-alpha.3",
|
||||
"@storybook/addon-viewport": "5.1.0-alpha.3",
|
||||
"@storybook/polymer": "5.1.0-alpha.3",
|
||||
"@storybook/addon-actions": "5.1.0-alpha.4",
|
||||
"@storybook/addon-backgrounds": "5.1.0-alpha.4",
|
||||
"@storybook/addon-knobs": "5.1.0-alpha.4",
|
||||
"@storybook/addon-links": "5.1.0-alpha.4",
|
||||
"@storybook/addon-notes": "5.1.0-alpha.4",
|
||||
"@storybook/addon-options": "5.1.0-alpha.4",
|
||||
"@storybook/addon-storysource": "5.1.0-alpha.4",
|
||||
"@storybook/addon-viewport": "5.1.0-alpha.4",
|
||||
"@storybook/polymer": "5.1.0-alpha.4",
|
||||
"@webcomponents/webcomponentsjs": "^1.2.0",
|
||||
"global": "^4.3.2",
|
||||
"lit-html": "^1.0.0",
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "preact-example",
|
||||
"version": "5.1.0-alpha.3",
|
||||
"version": "5.1.0-alpha.4",
|
||||
"private": true,
|
||||
"scripts": {
|
||||
"now-build": "node ../../scripts/bootstrap --core && yarn run build-storybook --quiet",
|
||||
@ -16,18 +16,18 @@
|
||||
"devDependencies": {
|
||||
"@babel/core": "^7.3.4",
|
||||
"@babel/plugin-transform-runtime": "^7.2.0",
|
||||
"@storybook/addon-actions": "5.1.0-alpha.3",
|
||||
"@storybook/addon-backgrounds": "5.1.0-alpha.3",
|
||||
"@storybook/addon-centered": "5.1.0-alpha.3",
|
||||
"@storybook/addon-knobs": "5.1.0-alpha.3",
|
||||
"@storybook/addon-links": "5.1.0-alpha.3",
|
||||
"@storybook/addon-notes": "5.1.0-alpha.3",
|
||||
"@storybook/addon-options": "5.1.0-alpha.3",
|
||||
"@storybook/addon-storyshots": "5.1.0-alpha.3",
|
||||
"@storybook/addon-storysource": "5.1.0-alpha.3",
|
||||
"@storybook/addon-viewport": "5.1.0-alpha.3",
|
||||
"@storybook/addons": "5.1.0-alpha.3",
|
||||
"@storybook/preact": "5.1.0-alpha.3",
|
||||
"@storybook/addon-actions": "5.1.0-alpha.4",
|
||||
"@storybook/addon-backgrounds": "5.1.0-alpha.4",
|
||||
"@storybook/addon-centered": "5.1.0-alpha.4",
|
||||
"@storybook/addon-knobs": "5.1.0-alpha.4",
|
||||
"@storybook/addon-links": "5.1.0-alpha.4",
|
||||
"@storybook/addon-notes": "5.1.0-alpha.4",
|
||||
"@storybook/addon-options": "5.1.0-alpha.4",
|
||||
"@storybook/addon-storyshots": "5.1.0-alpha.4",
|
||||
"@storybook/addon-storysource": "5.1.0-alpha.4",
|
||||
"@storybook/addon-viewport": "5.1.0-alpha.4",
|
||||
"@storybook/addons": "5.1.0-alpha.4",
|
||||
"@storybook/preact": "5.1.0-alpha.4",
|
||||
"babel-loader": "^8.0.4",
|
||||
"cross-env": "^5.2.0",
|
||||
"file-loader": "^3.0.1",
|
||||
|
||||
@ -6,10 +6,10 @@ const Main = props => (
|
||||
<article
|
||||
{...props}
|
||||
style={{
|
||||
margin: 15,
|
||||
maxWidth: 600,
|
||||
padding: 15,
|
||||
lineHeight: 1.4,
|
||||
fontFamily: '"Helvetica Neue", Helvetica, "Segoe UI", Arial, freesans, sans-serif',
|
||||
backgroundColor: '#ffffff',
|
||||
}}
|
||||
/>
|
||||
);
|
||||
|
||||
@ -27,10 +27,10 @@ exports[`Storyshots Welcome to Storybook 1`] = `
|
||||
<article
|
||||
style={
|
||||
Object {
|
||||
"backgroundColor": "#ffffff",
|
||||
"fontFamily": "\\"Helvetica Neue\\", Helvetica, \\"Segoe UI\\", Arial, freesans, sans-serif",
|
||||
"lineHeight": 1.4,
|
||||
"margin": 15,
|
||||
"maxWidth": 600,
|
||||
"padding": 15,
|
||||
}
|
||||
}
|
||||
>
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "riot-example",
|
||||
"version": "5.1.0-alpha.3",
|
||||
"version": "5.1.0-alpha.4",
|
||||
"private": true,
|
||||
"scripts": {
|
||||
"now-build": "node ../../scripts/bootstrap --core && yarn run build-storybook --quiet",
|
||||
@ -16,18 +16,18 @@
|
||||
},
|
||||
"devDependencies": {
|
||||
"@babel/core": "^7.3.4",
|
||||
"@storybook/addon-actions": "5.1.0-alpha.3",
|
||||
"@storybook/addon-backgrounds": "5.1.0-alpha.3",
|
||||
"@storybook/addon-centered": "5.1.0-alpha.3",
|
||||
"@storybook/addon-knobs": "5.1.0-alpha.3",
|
||||
"@storybook/addon-links": "5.1.0-alpha.3",
|
||||
"@storybook/addon-notes": "5.1.0-alpha.3",
|
||||
"@storybook/addon-options": "5.1.0-alpha.3",
|
||||
"@storybook/addon-storyshots": "5.1.0-alpha.3",
|
||||
"@storybook/addon-storysource": "5.1.0-alpha.3",
|
||||
"@storybook/addon-viewport": "5.1.0-alpha.3",
|
||||
"@storybook/addons": "5.1.0-alpha.3",
|
||||
"@storybook/riot": "5.1.0-alpha.3",
|
||||
"@storybook/addon-actions": "5.1.0-alpha.4",
|
||||
"@storybook/addon-backgrounds": "5.1.0-alpha.4",
|
||||
"@storybook/addon-centered": "5.1.0-alpha.4",
|
||||
"@storybook/addon-knobs": "5.1.0-alpha.4",
|
||||
"@storybook/addon-links": "5.1.0-alpha.4",
|
||||
"@storybook/addon-notes": "5.1.0-alpha.4",
|
||||
"@storybook/addon-options": "5.1.0-alpha.4",
|
||||
"@storybook/addon-storyshots": "5.1.0-alpha.4",
|
||||
"@storybook/addon-storysource": "5.1.0-alpha.4",
|
||||
"@storybook/addon-viewport": "5.1.0-alpha.4",
|
||||
"@storybook/addons": "5.1.0-alpha.4",
|
||||
"@storybook/riot": "5.1.0-alpha.4",
|
||||
"babel-loader": "^8.0.4",
|
||||
"cross-env": "^5.2.0",
|
||||
"file-loader": "^3.0.1",
|
||||
|
||||
@ -58,10 +58,10 @@
|
||||
|
||||
<style>
|
||||
.main {
|
||||
margin: 15px;
|
||||
max-width: 600;
|
||||
padding: 15px;
|
||||
line-height: 1.4;
|
||||
font-family: "Helvetica Neue", Helvetica, "Segoe UI", Arial, freesans, sans-serif;
|
||||
background-color: #ffffff;
|
||||
}
|
||||
|
||||
.logo {
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "svelte-example",
|
||||
"version": "5.1.0-alpha.3",
|
||||
"version": "5.1.0-alpha.4",
|
||||
"private": true,
|
||||
"scripts": {
|
||||
"now-build": "node ../../scripts/bootstrap --core && yarn run build-storybook --quiet",
|
||||
@ -11,17 +11,17 @@
|
||||
"global": "^4.3.2"
|
||||
},
|
||||
"devDependencies": {
|
||||
"@storybook/addon-actions": "5.1.0-alpha.3",
|
||||
"@storybook/addon-backgrounds": "5.1.0-alpha.3",
|
||||
"@storybook/addon-centered": "5.1.0-alpha.3",
|
||||
"@storybook/addon-knobs": "5.1.0-alpha.3",
|
||||
"@storybook/addon-links": "5.1.0-alpha.3",
|
||||
"@storybook/addon-notes": "5.1.0-alpha.3",
|
||||
"@storybook/addon-options": "5.1.0-alpha.3",
|
||||
"@storybook/addon-storyshots": "5.1.0-alpha.3",
|
||||
"@storybook/addon-storysource": "5.1.0-alpha.3",
|
||||
"@storybook/addon-viewport": "5.1.0-alpha.3",
|
||||
"@storybook/addons": "5.1.0-alpha.3",
|
||||
"@storybook/svelte": "5.1.0-alpha.3"
|
||||
"@storybook/addon-actions": "5.1.0-alpha.4",
|
||||
"@storybook/addon-backgrounds": "5.1.0-alpha.4",
|
||||
"@storybook/addon-centered": "5.1.0-alpha.4",
|
||||
"@storybook/addon-knobs": "5.1.0-alpha.4",
|
||||
"@storybook/addon-links": "5.1.0-alpha.4",
|
||||
"@storybook/addon-notes": "5.1.0-alpha.4",
|
||||
"@storybook/addon-options": "5.1.0-alpha.4",
|
||||
"@storybook/addon-storyshots": "5.1.0-alpha.4",
|
||||
"@storybook/addon-storysource": "5.1.0-alpha.4",
|
||||
"@storybook/addon-viewport": "5.1.0-alpha.4",
|
||||
"@storybook/addons": "5.1.0-alpha.4",
|
||||
"@storybook/svelte": "5.1.0-alpha.4"
|
||||
}
|
||||
}
|
||||
|
||||
@ -105,7 +105,7 @@ exports[`Storyshots Welcome Welcome 1`] = `
|
||||
class="storybook-snapshot-container"
|
||||
>
|
||||
<div
|
||||
class="main svelte-1unvhkg"
|
||||
class="main svelte-5n9a95"
|
||||
>
|
||||
<h1>
|
||||
Welcome to Storybook for Svelte
|
||||
@ -123,7 +123,7 @@ exports[`Storyshots Welcome Welcome 1`] = `
|
||||
|
||||
We've added some basic stories inside the
|
||||
<code
|
||||
class="code svelte-1unvhkg"
|
||||
class="code svelte-5n9a95"
|
||||
>
|
||||
src/stories
|
||||
</code>
|
||||
@ -141,7 +141,7 @@ exports[`Storyshots Welcome Welcome 1`] = `
|
||||
|
||||
|
||||
<h1
|
||||
class="logo svelte-1unvhkg"
|
||||
class="logo svelte-5n9a95"
|
||||
>
|
||||
Svelte
|
||||
</h1>
|
||||
@ -157,14 +157,14 @@ exports[`Storyshots Welcome Welcome 1`] = `
|
||||
|
||||
(Try editing the
|
||||
<code
|
||||
class="code svelte-1unvhkg"
|
||||
class="code svelte-5n9a95"
|
||||
>
|
||||
Button
|
||||
</code>
|
||||
component
|
||||
located at
|
||||
<code
|
||||
class="code svelte-1unvhkg"
|
||||
class="code svelte-5n9a95"
|
||||
>
|
||||
src/stories/views/Welcome.svelte
|
||||
</code>
|
||||
@ -181,7 +181,7 @@ exports[`Storyshots Welcome Welcome 1`] = `
|
||||
Have a look at the
|
||||
|
||||
<a
|
||||
class="link svelte-1unvhkg"
|
||||
class="link svelte-5n9a95"
|
||||
href="https://storybook.js.org/basics/writing-stories"
|
||||
target="_blank"
|
||||
>
|
||||
@ -194,7 +194,7 @@ exports[`Storyshots Welcome Welcome 1`] = `
|
||||
|
||||
|
||||
<p
|
||||
class="note svelte-1unvhkg"
|
||||
class="note svelte-5n9a95"
|
||||
>
|
||||
<b>
|
||||
NOTE:
|
||||
@ -206,7 +206,7 @@ exports[`Storyshots Welcome Welcome 1`] = `
|
||||
Have a look at the
|
||||
|
||||
<code
|
||||
class="code svelte-1unvhkg"
|
||||
class="code svelte-5n9a95"
|
||||
>
|
||||
.storybook/webpack.config.js
|
||||
</code>
|
||||
|
||||
@ -43,10 +43,10 @@
|
||||
@import url('https://fonts.googleapis.com/css?family=Rajdhani');
|
||||
|
||||
.main {
|
||||
margin: 15px;
|
||||
max-width: 600;
|
||||
padding: 15px;
|
||||
line-height: 1.4;
|
||||
font-family: "Helvetica Neue", Helvetica, "Segoe UI", Arial, freesans, sans-serif;
|
||||
background-color: #ffffff;
|
||||
}
|
||||
|
||||
.logo {
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "vue-example",
|
||||
"version": "5.1.0-alpha.3",
|
||||
"version": "5.1.0-alpha.4",
|
||||
"private": true,
|
||||
"scripts": {
|
||||
"now-build": "node ../../scripts/bootstrap --core && yarn run build-storybook --quiet",
|
||||
@ -15,18 +15,18 @@
|
||||
},
|
||||
"devDependencies": {
|
||||
"@babel/core": "^7.3.4",
|
||||
"@storybook/addon-actions": "5.1.0-alpha.3",
|
||||
"@storybook/addon-backgrounds": "5.1.0-alpha.3",
|
||||
"@storybook/addon-centered": "5.1.0-alpha.3",
|
||||
"@storybook/addon-knobs": "5.1.0-alpha.3",
|
||||
"@storybook/addon-links": "5.1.0-alpha.3",
|
||||
"@storybook/addon-notes": "5.1.0-alpha.3",
|
||||
"@storybook/addon-options": "5.1.0-alpha.3",
|
||||
"@storybook/addon-storyshots": "5.1.0-alpha.3",
|
||||
"@storybook/addon-storysource": "5.1.0-alpha.3",
|
||||
"@storybook/addon-viewport": "5.1.0-alpha.3",
|
||||
"@storybook/addons": "5.1.0-alpha.3",
|
||||
"@storybook/vue": "5.1.0-alpha.3",
|
||||
"@storybook/addon-actions": "5.1.0-alpha.4",
|
||||
"@storybook/addon-backgrounds": "5.1.0-alpha.4",
|
||||
"@storybook/addon-centered": "5.1.0-alpha.4",
|
||||
"@storybook/addon-knobs": "5.1.0-alpha.4",
|
||||
"@storybook/addon-links": "5.1.0-alpha.4",
|
||||
"@storybook/addon-notes": "5.1.0-alpha.4",
|
||||
"@storybook/addon-options": "5.1.0-alpha.4",
|
||||
"@storybook/addon-storyshots": "5.1.0-alpha.4",
|
||||
"@storybook/addon-storysource": "5.1.0-alpha.4",
|
||||
"@storybook/addon-viewport": "5.1.0-alpha.4",
|
||||
"@storybook/addons": "5.1.0-alpha.4",
|
||||
"@storybook/vue": "5.1.0-alpha.4",
|
||||
"babel-core": "^7.0.0-bridge.0",
|
||||
"babel-loader": "^8.0.5",
|
||||
"cross-env": "^5.2.0",
|
||||
|
||||
@ -65,10 +65,10 @@
|
||||
|
||||
<style>
|
||||
.main {
|
||||
margin: 15px;
|
||||
max-width: 600;
|
||||
padding: 15px;
|
||||
line-height: 1.4;
|
||||
font-family: "Helvetica Neue", Helvetica, "Segoe UI", Arial, freesans, sans-serif;
|
||||
background-color: #ffffff;
|
||||
}
|
||||
|
||||
.logo {
|
||||
|
||||
@ -11,5 +11,5 @@
|
||||
"npmClient": "yarn",
|
||||
"useWorkspaces": true,
|
||||
"registry": "https://registry.npmjs.org",
|
||||
"version": "5.1.0-alpha.3"
|
||||
"version": "5.1.0-alpha.4"
|
||||
}
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/addons",
|
||||
"version": "5.1.0-alpha.3",
|
||||
"version": "5.1.0-alpha.4",
|
||||
"description": "Storybook addons store",
|
||||
"keywords": [
|
||||
"storybook"
|
||||
@ -21,8 +21,8 @@
|
||||
"prepare": "node ../../scripts/prepare.js"
|
||||
},
|
||||
"dependencies": {
|
||||
"@storybook/channels": "5.1.0-alpha.3",
|
||||
"@storybook/client-logger": "5.1.0-alpha.3",
|
||||
"@storybook/channels": "5.1.0-alpha.4",
|
||||
"@storybook/client-logger": "5.1.0-alpha.4",
|
||||
"core-js": "^2.6.5",
|
||||
"global": "^4.3.2",
|
||||
"util-deprecate": "^1.0.2"
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/channel-postmessage",
|
||||
"version": "5.1.0-alpha.3",
|
||||
"version": "5.1.0-alpha.4",
|
||||
"description": "",
|
||||
"keywords": [
|
||||
"storybook"
|
||||
@ -21,8 +21,8 @@
|
||||
"prepare": "node ../../scripts/prepare.js"
|
||||
},
|
||||
"dependencies": {
|
||||
"@storybook/channels": "5.1.0-alpha.3",
|
||||
"@storybook/client-logger": "5.1.0-alpha.3",
|
||||
"@storybook/channels": "5.1.0-alpha.4",
|
||||
"@storybook/client-logger": "5.1.0-alpha.4",
|
||||
"core-js": "^2.6.5",
|
||||
"global": "^4.3.2",
|
||||
"telejson": "^2.1.1"
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/channel-websocket",
|
||||
"version": "5.1.0-alpha.3",
|
||||
"version": "5.1.0-alpha.4",
|
||||
"description": "",
|
||||
"keywords": [
|
||||
"storybook"
|
||||
@ -21,7 +21,7 @@
|
||||
"prepare": "node ../../scripts/prepare.js"
|
||||
},
|
||||
"dependencies": {
|
||||
"@storybook/channels": "5.1.0-alpha.3",
|
||||
"@storybook/channels": "5.1.0-alpha.4",
|
||||
"core-js": "^2.6.5",
|
||||
"global": "^4.3.2",
|
||||
"json-fn": "^1.1.1"
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/channels",
|
||||
"version": "5.1.0-alpha.3",
|
||||
"version": "5.1.0-alpha.4",
|
||||
"description": "",
|
||||
"keywords": [
|
||||
"storybook"
|
||||
|
||||
@ -7,10 +7,10 @@ const Main = {
|
||||
view: vnode => (
|
||||
<article
|
||||
style={{
|
||||
margin: '15px',
|
||||
maxWidth: '600px',
|
||||
padding: '15px',
|
||||
lineHeight: 1.4,
|
||||
fontFamily: '"Helvetica Neue", Helvetica, "Segoe UI", Arial, freesans, sans-serif',
|
||||
backgroundColor: '#ffffff',
|
||||
}}
|
||||
>
|
||||
{vnode.children}
|
||||
|
||||
@ -5,10 +5,10 @@ const Main = props => (
|
||||
<article
|
||||
{...props}
|
||||
style={{
|
||||
margin: 15,
|
||||
maxWidth: 600,
|
||||
padding: 15,
|
||||
lineHeight: 1.4,
|
||||
fontFamily: '"Helvetica Neue", Helvetica, "Segoe UI", Arial, freesans, sans-serif',
|
||||
backgroundColor: '#ffffff',
|
||||
}}
|
||||
/>
|
||||
);
|
||||
|
||||
@ -1,93 +1,93 @@
|
||||
<welcome>
|
||||
<div class="main">
|
||||
<h1>Welcome to STORYBOOK</h1>
|
||||
<p>
|
||||
This is a UI component dev environment for your app.
|
||||
</p>
|
||||
<p>
|
||||
We've added some basic stories inside the
|
||||
<br />
|
||||
<code class="code">src/stories</code>
|
||||
<br /> directory.
|
||||
<br /> A story is a single state of one or more UI components. You can have as many stories as you want.
|
||||
<br /> (Basically a story is like a visual test case.)
|
||||
</p>
|
||||
<p>
|
||||
See these sample
|
||||
<br />
|
||||
<a class="link" onclick={onClick} role="button" tabIndex="0">stories</a>
|
||||
<br /> for a component called
|
||||
<br />
|
||||
<code class="code">Button</code> .
|
||||
</p>
|
||||
<p>
|
||||
Just like that, you can add your own components as stories.
|
||||
<br /> You can also edit those components and see changes right away.
|
||||
<br /> (Try editing the
|
||||
<code class="code">Button</code> component located at
|
||||
<code class="code">src/stories/Button.js</code>.)
|
||||
</p>
|
||||
<p>
|
||||
This is just one thing you can do with Storybook.
|
||||
<br /> Have a look at the
|
||||
<br />
|
||||
<a class="link" href="https://github.com/storybooks/storybook" target="_blank" rel="noopener noreferrer">
|
||||
Storybook
|
||||
</a>
|
||||
<br /> repo for more information.
|
||||
</p>
|
||||
<p class="note">
|
||||
<b>NOTE:</b>
|
||||
<br /> Have a look at the
|
||||
<br />
|
||||
<code class="code">.storybook/webpack.config.js</code>
|
||||
<br /> to add webpack loaders and plugins you are using in this project.
|
||||
</p>
|
||||
</div>
|
||||
|
||||
<style>
|
||||
main {
|
||||
margin: 15;
|
||||
max-width: 600;
|
||||
line-height: 1.4;
|
||||
font-family: '"Helvetica Neue", Helvetica, "Segoe UI", Arial, freesans, sans-serif'
|
||||
}
|
||||
|
||||
logo {
|
||||
width: 200
|
||||
}
|
||||
|
||||
link {
|
||||
color: '#1474f3';
|
||||
text-decoration: 'none';
|
||||
border-bottom: '1px solid #1474f3';
|
||||
padding-bottom: 2
|
||||
}
|
||||
|
||||
code {
|
||||
font-size: 15;
|
||||
font-weight: 600;
|
||||
padding: '2px 5px';
|
||||
border: '1px solid #eae9e9';
|
||||
border-radius: 4;
|
||||
background-color: '#f3f2f2';
|
||||
color: '#3a3a3a';
|
||||
}
|
||||
|
||||
note {
|
||||
opacity: 0.5
|
||||
}
|
||||
</style>
|
||||
|
||||
<script>
|
||||
console.log('Welcome to storybook!');
|
||||
|
||||
onClick(event) {
|
||||
return function (e) {
|
||||
event.preventDefault();
|
||||
this.opts.showApp();
|
||||
}.bind(this)
|
||||
};
|
||||
</script>
|
||||
|
||||
</welcome>
|
||||
<welcome>
|
||||
<div class="main">
|
||||
<h1>Welcome to STORYBOOK</h1>
|
||||
<p>
|
||||
This is a UI component dev environment for your app.
|
||||
</p>
|
||||
<p>
|
||||
We've added some basic stories inside the
|
||||
<br />
|
||||
<code class="code">src/stories</code>
|
||||
<br /> directory.
|
||||
<br /> A story is a single state of one or more UI components. You can have as many stories as you want.
|
||||
<br /> (Basically a story is like a visual test case.)
|
||||
</p>
|
||||
<p>
|
||||
See these sample
|
||||
<br />
|
||||
<a class="link" onclick={onClick} role="button" tabIndex="0">stories</a>
|
||||
<br /> for a component called
|
||||
<br />
|
||||
<code class="code">Button</code> .
|
||||
</p>
|
||||
<p>
|
||||
Just like that, you can add your own components as stories.
|
||||
<br /> You can also edit those components and see changes right away.
|
||||
<br /> (Try editing the
|
||||
<code class="code">Button</code> component located at
|
||||
<code class="code">src/stories/Button.js</code>.)
|
||||
</p>
|
||||
<p>
|
||||
This is just one thing you can do with Storybook.
|
||||
<br /> Have a look at the
|
||||
<br />
|
||||
<a class="link" href="https://github.com/storybooks/storybook" target="_blank" rel="noopener noreferrer">
|
||||
Storybook
|
||||
</a>
|
||||
<br /> repo for more information.
|
||||
</p>
|
||||
<p class="note">
|
||||
<b>NOTE:</b>
|
||||
<br /> Have a look at the
|
||||
<br />
|
||||
<code class="code">.storybook/webpack.config.js</code>
|
||||
<br /> to add webpack loaders and plugins you are using in this project.
|
||||
</p>
|
||||
</div>
|
||||
|
||||
<style>
|
||||
main {
|
||||
padding: 15;
|
||||
line-height: 1.4;
|
||||
font-family: '"Helvetica Neue", Helvetica, "Segoe UI", Arial, freesans, sans-serif';
|
||||
background-color: #ffffff;
|
||||
}
|
||||
|
||||
logo {
|
||||
width: 200
|
||||
}
|
||||
|
||||
link {
|
||||
color: '#1474f3';
|
||||
text-decoration: 'none';
|
||||
border-bottom: '1px solid #1474f3';
|
||||
padding-bottom: 2
|
||||
}
|
||||
|
||||
code {
|
||||
font-size: 15;
|
||||
font-weight: 600;
|
||||
padding: '2px 5px';
|
||||
border: '1px solid #eae9e9';
|
||||
border-radius: 4;
|
||||
background-color: '#f3f2f2';
|
||||
color: '#3a3a3a';
|
||||
}
|
||||
|
||||
note {
|
||||
opacity: 0.5
|
||||
}
|
||||
</style>
|
||||
|
||||
<script>
|
||||
console.log('Welcome to storybook!');
|
||||
|
||||
onClick(event) {
|
||||
return function (e) {
|
||||
event.preventDefault();
|
||||
this.opts.showApp();
|
||||
}.bind(this)
|
||||
};
|
||||
</script>
|
||||
|
||||
</welcome>
|
||||
|
||||
@ -87,10 +87,10 @@
|
||||
|
||||
<style>
|
||||
.main {
|
||||
margin: 15px;
|
||||
max-width: 600px;
|
||||
padding: 15px;
|
||||
line-height: 1.4;
|
||||
font-family: "Helvetica Neue", Helvetica, "Segoe UI", Arial, freesans, sans-serif;
|
||||
background-color: #ffffff;
|
||||
}
|
||||
|
||||
.logo {
|
||||
|
||||
@ -14,10 +14,10 @@ export default {
|
||||
data() {
|
||||
return {
|
||||
main: {
|
||||
margin: 15,
|
||||
maxWidth: 600,
|
||||
padding: 15,
|
||||
lineHeight: 1.4,
|
||||
fontFamily: '"Helvetica Neue", Helvetica, "Segoe UI", Arial, freesans, sans-serif',
|
||||
backgroundColor: '#ffffff',
|
||||
},
|
||||
|
||||
logo: {
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/cli",
|
||||
"version": "5.1.0-alpha.3",
|
||||
"version": "5.1.0-alpha.4",
|
||||
"description": "Storybook's CLI - easiest method of adding storybook to your projects",
|
||||
"keywords": [
|
||||
"cli",
|
||||
@ -30,7 +30,7 @@
|
||||
"@babel/core": "^7.3.4",
|
||||
"@babel/preset-env": "^7.3.4",
|
||||
"@babel/register": "^7.0.0",
|
||||
"@storybook/codemod": "5.1.0-alpha.3",
|
||||
"@storybook/codemod": "5.1.0-alpha.4",
|
||||
"chalk": "^2.4.1",
|
||||
"commander": "^2.19.0",
|
||||
"core-js": "^2.6.5",
|
||||
@ -44,31 +44,31 @@
|
||||
"update-notifier": "^2.5.0"
|
||||
},
|
||||
"devDependencies": {
|
||||
"@storybook/addon-actions": "5.1.0-alpha.3",
|
||||
"@storybook/addon-centered": "5.1.0-alpha.3",
|
||||
"@storybook/addon-graphql": "5.1.0-alpha.3",
|
||||
"@storybook/addon-info": "5.1.0-alpha.3",
|
||||
"@storybook/addon-knobs": "5.1.0-alpha.3",
|
||||
"@storybook/addon-links": "5.1.0-alpha.3",
|
||||
"@storybook/addon-notes": "5.1.0-alpha.3",
|
||||
"@storybook/addon-options": "5.1.0-alpha.3",
|
||||
"@storybook/addon-storyshots": "5.1.0-alpha.3",
|
||||
"@storybook/addons": "5.1.0-alpha.3",
|
||||
"@storybook/angular": "5.1.0-alpha.3",
|
||||
"@storybook/channel-postmessage": "5.1.0-alpha.3",
|
||||
"@storybook/channel-websocket": "5.1.0-alpha.3",
|
||||
"@storybook/channels": "5.1.0-alpha.3",
|
||||
"@storybook/ember": "5.1.0-alpha.3",
|
||||
"@storybook/html": "5.1.0-alpha.3",
|
||||
"@storybook/marko": "5.1.0-alpha.3",
|
||||
"@storybook/mithril": "5.1.0-alpha.3",
|
||||
"@storybook/polymer": "5.1.0-alpha.3",
|
||||
"@storybook/preact": "5.1.0-alpha.3",
|
||||
"@storybook/react": "5.1.0-alpha.3",
|
||||
"@storybook/react-native": "5.1.0-alpha.3",
|
||||
"@storybook/riot": "5.1.0-alpha.3",
|
||||
"@storybook/ui": "5.1.0-alpha.3",
|
||||
"@storybook/vue": "5.1.0-alpha.3"
|
||||
"@storybook/addon-actions": "5.1.0-alpha.4",
|
||||
"@storybook/addon-centered": "5.1.0-alpha.4",
|
||||
"@storybook/addon-graphql": "5.1.0-alpha.4",
|
||||
"@storybook/addon-info": "5.1.0-alpha.4",
|
||||
"@storybook/addon-knobs": "5.1.0-alpha.4",
|
||||
"@storybook/addon-links": "5.1.0-alpha.4",
|
||||
"@storybook/addon-notes": "5.1.0-alpha.4",
|
||||
"@storybook/addon-options": "5.1.0-alpha.4",
|
||||
"@storybook/addon-storyshots": "5.1.0-alpha.4",
|
||||
"@storybook/addons": "5.1.0-alpha.4",
|
||||
"@storybook/angular": "5.1.0-alpha.4",
|
||||
"@storybook/channel-postmessage": "5.1.0-alpha.4",
|
||||
"@storybook/channel-websocket": "5.1.0-alpha.4",
|
||||
"@storybook/channels": "5.1.0-alpha.4",
|
||||
"@storybook/ember": "5.1.0-alpha.4",
|
||||
"@storybook/html": "5.1.0-alpha.4",
|
||||
"@storybook/marko": "5.1.0-alpha.4",
|
||||
"@storybook/mithril": "5.1.0-alpha.4",
|
||||
"@storybook/polymer": "5.1.0-alpha.4",
|
||||
"@storybook/preact": "5.1.0-alpha.4",
|
||||
"@storybook/react": "5.1.0-alpha.4",
|
||||
"@storybook/react-native": "5.1.0-alpha.4",
|
||||
"@storybook/riot": "5.1.0-alpha.4",
|
||||
"@storybook/ui": "5.1.0-alpha.4",
|
||||
"@storybook/vue": "5.1.0-alpha.4"
|
||||
},
|
||||
"publishConfig": {
|
||||
"access": "public"
|
||||
|
||||
@ -2,10 +2,10 @@ import React from 'react';
|
||||
|
||||
const styles = {
|
||||
main: {
|
||||
margin: 15,
|
||||
maxWidth: 600,
|
||||
padding: 15,
|
||||
lineHeight: 1.4,
|
||||
fontFamily: '"Helvetica Neue", Helvetica, "Segoe UI", Arial, freesans, sans-serif',
|
||||
backgroundColor: '#ffffff',
|
||||
},
|
||||
|
||||
logo: {
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/client-api",
|
||||
"version": "5.1.0-alpha.3",
|
||||
"version": "5.1.0-alpha.4",
|
||||
"description": "Storybook Client API",
|
||||
"keywords": [
|
||||
"storybook"
|
||||
@ -20,10 +20,10 @@
|
||||
"prepare": "node ../../scripts/prepare.js"
|
||||
},
|
||||
"dependencies": {
|
||||
"@storybook/addons": "5.1.0-alpha.3",
|
||||
"@storybook/client-logger": "5.1.0-alpha.3",
|
||||
"@storybook/core-events": "5.1.0-alpha.3",
|
||||
"@storybook/router": "5.1.0-alpha.3",
|
||||
"@storybook/addons": "5.1.0-alpha.4",
|
||||
"@storybook/client-logger": "5.1.0-alpha.4",
|
||||
"@storybook/core-events": "5.1.0-alpha.4",
|
||||
"@storybook/router": "5.1.0-alpha.4",
|
||||
"common-tags": "^1.8.0",
|
||||
"eventemitter3": "^3.1.0",
|
||||
"global": "^4.3.2",
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/client-logger",
|
||||
"version": "5.1.0-alpha.3",
|
||||
"version": "5.1.0-alpha.4",
|
||||
"description": "",
|
||||
"keywords": [
|
||||
"storybook"
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/codemod",
|
||||
"version": "5.1.0-alpha.3",
|
||||
"version": "5.1.0-alpha.4",
|
||||
"description": "A collection of codemod scripts written with JSCodeshift",
|
||||
"keywords": [
|
||||
"storybook"
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/components",
|
||||
"version": "5.1.0-alpha.3",
|
||||
"version": "5.1.0-alpha.4",
|
||||
"description": "Core Storybook Components",
|
||||
"keywords": [
|
||||
"storybook"
|
||||
@ -21,11 +21,11 @@
|
||||
"prepare": "node ../../scripts/prepare.js"
|
||||
},
|
||||
"dependencies": {
|
||||
"@storybook/addons": "5.1.0-alpha.3",
|
||||
"@storybook/client-logger": "5.1.0-alpha.3",
|
||||
"@storybook/core-events": "5.1.0-alpha.3",
|
||||
"@storybook/router": "5.1.0-alpha.3",
|
||||
"@storybook/theming": "5.1.0-alpha.3",
|
||||
"@storybook/addons": "5.1.0-alpha.4",
|
||||
"@storybook/client-logger": "5.1.0-alpha.4",
|
||||
"@storybook/core-events": "5.1.0-alpha.4",
|
||||
"@storybook/router": "5.1.0-alpha.4",
|
||||
"@storybook/theming": "5.1.0-alpha.4",
|
||||
"core-js": "^2.6.5",
|
||||
"global": "^4.3.2",
|
||||
"js-beautify": "^1.8.9",
|
||||
|
||||
@ -1,185 +0,0 @@
|
||||
// Jest Snapshot v1, https://goo.gl/fbAQLP
|
||||
|
||||
exports[`Storyshots Basics|PanelActionBar 3 items 1`] = `
|
||||
.emotion-6 {
|
||||
position: absolute;
|
||||
bottom: 0;
|
||||
right: 0;
|
||||
max-width: 100%;
|
||||
display: -webkit-box;
|
||||
display: -webkit-flex;
|
||||
display: -ms-flexbox;
|
||||
display: flex;
|
||||
list-style: none;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
border-top: 1px solid rgba(0,0,0,0.1);
|
||||
border-left: 1px solid rgba(0,0,0,0.1);
|
||||
background: rgba(255,255,255,1);
|
||||
border-radius: 4px 0 0 0;
|
||||
}
|
||||
|
||||
.emotion-1 {
|
||||
display: -webkit-box;
|
||||
display: -webkit-flex;
|
||||
display: -ms-flexbox;
|
||||
display: flex;
|
||||
position: relative;
|
||||
list-style: none;
|
||||
padding: 0;
|
||||
height: 26px;
|
||||
font-size: 11px;
|
||||
-webkit-letter-spacing: 1px;
|
||||
-moz-letter-spacing: 1px;
|
||||
-ms-letter-spacing: 1px;
|
||||
letter-spacing: 1px;
|
||||
text-transform: uppercase;
|
||||
border-left: 0 none;
|
||||
}
|
||||
|
||||
.emotion-0 {
|
||||
border: 0 none;
|
||||
display: block;
|
||||
background: none;
|
||||
padding: 0 10px;
|
||||
cursor: pointer;
|
||||
text-transform: inherit;
|
||||
-webkit-letter-spacing: inherit;
|
||||
-moz-letter-spacing: inherit;
|
||||
-ms-letter-spacing: inherit;
|
||||
letter-spacing: inherit;
|
||||
font-size: inherit;
|
||||
color: inherit;
|
||||
border-top: 2px solid transparent;
|
||||
border-bottom: 2px solid transparent;
|
||||
}
|
||||
|
||||
.emotion-0:focus {
|
||||
border-bottom: 2px solid #1EA7FD;
|
||||
outline: 0 none;
|
||||
}
|
||||
|
||||
.emotion-3 {
|
||||
display: -webkit-box;
|
||||
display: -webkit-flex;
|
||||
display: -ms-flexbox;
|
||||
display: flex;
|
||||
position: relative;
|
||||
list-style: none;
|
||||
padding: 0;
|
||||
height: 26px;
|
||||
font-size: 11px;
|
||||
-webkit-letter-spacing: 1px;
|
||||
-moz-letter-spacing: 1px;
|
||||
-ms-letter-spacing: 1px;
|
||||
letter-spacing: 1px;
|
||||
text-transform: uppercase;
|
||||
border-left: 1px solid rgba(0,0,0,0.1);
|
||||
}
|
||||
|
||||
<ul
|
||||
class="emotion-6"
|
||||
>
|
||||
<li
|
||||
class="emotion-1"
|
||||
>
|
||||
<button
|
||||
class="emotion-0"
|
||||
>
|
||||
Nr1
|
||||
</button>
|
||||
</li>
|
||||
<li
|
||||
class="emotion-3"
|
||||
>
|
||||
<button
|
||||
class="emotion-0"
|
||||
>
|
||||
Nr2
|
||||
</button>
|
||||
</li>
|
||||
<li
|
||||
class="emotion-3"
|
||||
>
|
||||
<button
|
||||
class="emotion-0"
|
||||
>
|
||||
Nr3
|
||||
</button>
|
||||
</li>
|
||||
</ul>
|
||||
`;
|
||||
|
||||
exports[`Storyshots Basics|PanelActionBar single item 1`] = `
|
||||
.emotion-2 {
|
||||
position: absolute;
|
||||
bottom: 0;
|
||||
right: 0;
|
||||
max-width: 100%;
|
||||
display: -webkit-box;
|
||||
display: -webkit-flex;
|
||||
display: -ms-flexbox;
|
||||
display: flex;
|
||||
list-style: none;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
border-top: 1px solid rgba(0,0,0,0.1);
|
||||
border-left: 1px solid rgba(0,0,0,0.1);
|
||||
background: rgba(255,255,255,1);
|
||||
border-radius: 4px 0 0 0;
|
||||
}
|
||||
|
||||
.emotion-1 {
|
||||
display: -webkit-box;
|
||||
display: -webkit-flex;
|
||||
display: -ms-flexbox;
|
||||
display: flex;
|
||||
position: relative;
|
||||
list-style: none;
|
||||
padding: 0;
|
||||
height: 26px;
|
||||
font-size: 11px;
|
||||
-webkit-letter-spacing: 1px;
|
||||
-moz-letter-spacing: 1px;
|
||||
-ms-letter-spacing: 1px;
|
||||
letter-spacing: 1px;
|
||||
text-transform: uppercase;
|
||||
border-left: 0 none;
|
||||
}
|
||||
|
||||
.emotion-0 {
|
||||
border: 0 none;
|
||||
display: block;
|
||||
background: none;
|
||||
padding: 0 10px;
|
||||
cursor: pointer;
|
||||
text-transform: inherit;
|
||||
-webkit-letter-spacing: inherit;
|
||||
-moz-letter-spacing: inherit;
|
||||
-ms-letter-spacing: inherit;
|
||||
letter-spacing: inherit;
|
||||
font-size: inherit;
|
||||
color: inherit;
|
||||
border-top: 2px solid transparent;
|
||||
border-bottom: 2px solid transparent;
|
||||
}
|
||||
|
||||
.emotion-0:focus {
|
||||
border-bottom: 2px solid #1EA7FD;
|
||||
outline: 0 none;
|
||||
}
|
||||
|
||||
<ul
|
||||
class="emotion-2"
|
||||
>
|
||||
<li
|
||||
class="emotion-1"
|
||||
>
|
||||
<button
|
||||
class="emotion-0"
|
||||
>
|
||||
CLEAR
|
||||
</button>
|
||||
</li>
|
||||
</ul>
|
||||
`;
|
||||
@ -1,45 +0,0 @@
|
||||
// Jest Snapshot v1, https://goo.gl/fbAQLP
|
||||
|
||||
exports[`Storyshots Components|Brand/Storybook Logo default 1`] = `
|
||||
<svg
|
||||
height="40px"
|
||||
title="Storybook"
|
||||
viewBox="0 0 200 40"
|
||||
width="200px"
|
||||
>
|
||||
<defs>
|
||||
<path
|
||||
d="M1.2 36.9L0 3.9c0-1.1.8-2 1.9-2.1l28-1.8a2 2 0 0 1 2.2 1.9 2 2 0 0 1 0 .1v36a2 2 0 0 1-2 2 2 2 0 0 1-.1 0L3.2 38.8a2 2 0 0 1-2-2z"
|
||||
id="a"
|
||||
/>
|
||||
</defs>
|
||||
<g
|
||||
fill="none"
|
||||
fill-rule="evenodd"
|
||||
>
|
||||
<path
|
||||
d="M53.3 31.7c-1.7 0-3.4-.3-5-.7-1.5-.5-2.8-1.1-3.9-2l1.6-3.5c2.2 1.5 4.6 2.3 7.3 2.3 1.5 0 2.5-.2 3.3-.7.7-.5 1.1-1 1.1-1.9 0-.7-.3-1.3-1-1.7s-2-.8-3.7-1.2c-2-.4-3.6-.9-4.8-1.5-1.1-.5-2-1.2-2.6-2-.5-1-.8-2-.8-3.2 0-1.4.4-2.6 1.2-3.6.7-1.1 1.8-2 3.2-2.6 1.3-.6 2.9-.9 4.7-.9 1.6 0 3.1.3 4.6.7 1.5.5 2.7 1.1 3.5 2l-1.6 3.5c-2-1.5-4.2-2.3-6.5-2.3-1.3 0-2.3.2-3 .8-.8.5-1.2 1.1-1.2 2 0 .5.2 1 .5 1.3.2.3.7.6 1.4.9l2.9.8c2.9.6 5 1.4 6.2 2.4a5 5 0 0 1 2 4.2 6 6 0 0 1-2.5 5c-1.7 1.2-4 1.9-7 1.9zm21-3.6l1.4-.1-.2 3.5-1.9.1c-2.4 0-4.1-.5-5.2-1.5-1.1-1-1.6-2.7-1.6-4.8v-6h-3v-3.6h3V11h4.8v4.6h4v3.6h-4v6c0 1.8.9 2.8 2.6 2.8zm11.1 3.5c-1.6 0-3-.3-4.3-1a7 7 0 0 1-3-2.8c-.6-1.3-1-2.7-1-4.4 0-1.6.4-3 1-4.3a7 7 0 0 1 3-2.8c1.2-.7 2.7-1 4.3-1 1.7 0 3.2.3 4.4 1a7 7 0 0 1 3 2.8c.6 1.2 1 2.7 1 4.3 0 1.7-.4 3.1-1 4.4a7 7 0 0 1-3 2.8c-1.2.7-2.7 1-4.4 1zm0-3.6c2.4 0 3.6-1.6 3.6-4.6 0-1.5-.3-2.6-1-3.4a3.2 3.2 0 0 0-2.6-1c-2.3 0-3.5 1.4-3.5 4.4 0 3 1.2 4.6 3.5 4.6zm21.7-8.8l-2.7.3c-1.3.2-2.3.5-2.8 1.2-.6.6-.9 1.4-.9 2.5v8.2H96V15.7h4.6v2.6c.8-1.8 2.5-2.8 5-3h1.3l.3 4zm14-3.5h4.8L116.4 37h-4.9l3-6.6-6.4-14.8h5l4 10 4-10zm16-.4c1.4 0 2.6.3 3.6 1 1 .6 1.9 1.6 2.5 2.8.6 1.2.9 2.7.9 4.3 0 1.6-.3 3-1 4.3a6.9 6.9 0 0 1-2.4 2.9c-1 .7-2.2 1-3.6 1-1 0-2-.2-3-.7-.8-.4-1.5-1-2-1.9v2.4h-4.7V8.8h4.8v9c.5-.8 1.2-1.4 2-1.9.9-.4 1.8-.6 3-.6zM135.7 28c1.1 0 2-.4 2.6-1.2.6-.8 1-2 1-3.4 0-1.5-.4-2.5-1-3.3s-1.5-1.1-2.6-1.1-2 .3-2.6 1.1c-.6.8-1 2-1 3.3 0 1.5.4 2.6 1 3.4.6.8 1.5 1.2 2.6 1.2zm18.9 3.6c-1.7 0-3.2-.3-4.4-1a7 7 0 0 1-3-2.8c-.6-1.3-1-2.7-1-4.4 0-1.6.4-3 1-4.3a7 7 0 0 1 3-2.8c1.2-.7 2.7-1 4.4-1 1.6 0 3 .3 4.3 1a7 7 0 0 1 3 2.8c.6 1.2 1 2.7 1 4.3 0 1.7-.4 3.1-1 4.4a7 7 0 0 1-3 2.8c-1.2.7-2.7 1-4.3 1zm0-3.6c2.3 0 3.5-1.6 3.5-4.6 0-1.5-.3-2.6-1-3.4a3.2 3.2 0 0 0-2.5-1c-2.4 0-3.6 1.4-3.6 4.4 0 3 1.2 4.6 3.6 4.6zm18 3.6c-1.7 0-3.2-.3-4.4-1a7 7 0 0 1-3-2.8c-.6-1.3-1-2.7-1-4.4 0-1.6.4-3 1-4.3a7 7 0 0 1 3-2.8c1.2-.7 2.7-1 4.4-1 1.6 0 3 .3 4.4 1a7 7 0 0 1 2.9 2.8c.6 1.2 1 2.7 1 4.3 0 1.7-.4 3.1-1 4.4a7 7 0 0 1-3 2.8c-1.2.7-2.7 1-4.3 1zm0-3.6c2.3 0 3.5-1.6 3.5-4.6 0-1.5-.3-2.6-1-3.4a3.2 3.2 0 0 0-2.5-1c-2.4 0-3.6 1.4-3.6 4.4 0 3 1.2 4.6 3.6 4.6zm27.4 3.4h-6l-6-7v7h-4.8V8.8h4.9v13.6l5.8-6.7h5.7l-6.6 7.5 7 8.2z"
|
||||
fill="#333"
|
||||
/>
|
||||
<mask
|
||||
fill="#fff"
|
||||
id="b"
|
||||
>
|
||||
<use
|
||||
href="#a"
|
||||
/>
|
||||
</mask>
|
||||
<use
|
||||
fill="#FF4785"
|
||||
fill-rule="nonzero"
|
||||
href="#a"
|
||||
/>
|
||||
<path
|
||||
d="M23.7 5L24 .2l3.9-.3.1 4.8a.3.3 0 0 1-.5.2L26 3.8l-1.7 1.4a.3.3 0 0 1-.5-.3zm-5 10c0 .9 5.3.5 6 0 0-5.4-2.8-8.2-8-8.2-5.3 0-8.2 2.8-8.2 7.1 0 7.4 10 7.6 10 11.6 0 1.2-.5 1.9-1.8 1.9-1.6 0-2.2-.9-2.1-3.6 0-.6-6.1-.8-6.3 0-.5 6.7 3.7 8.6 8.5 8.6 4.6 0 8.3-2.5 8.3-7 0-7.9-10.2-7.7-10.2-11.6 0-1.6 1.2-1.8 2-1.8.6 0 2 0 1.9 3z"
|
||||
fill="#FFF"
|
||||
fill-rule="nonzero"
|
||||
mask="url(#b)"
|
||||
/>
|
||||
</g>
|
||||
</svg>
|
||||
`;
|
||||
@ -1,45 +0,0 @@
|
||||
// Jest Snapshot v1, https://goo.gl/fbAQLP
|
||||
|
||||
exports[`Storyshots Basics|Brand/StorybookLogo default 1`] = `
|
||||
<svg
|
||||
height="40px"
|
||||
title="Storybook"
|
||||
viewBox="0 0 200 40"
|
||||
width="200px"
|
||||
>
|
||||
<defs>
|
||||
<path
|
||||
d="M1.2 36.9L0 3.9c0-1.1.8-2 1.9-2.1l28-1.8a2 2 0 0 1 2.2 1.9 2 2 0 0 1 0 .1v36a2 2 0 0 1-2 2 2 2 0 0 1-.1 0L3.2 38.8a2 2 0 0 1-2-2z"
|
||||
id="a"
|
||||
/>
|
||||
</defs>
|
||||
<g
|
||||
fill="none"
|
||||
fill-rule="evenodd"
|
||||
>
|
||||
<path
|
||||
d="M53.3 31.7c-1.7 0-3.4-.3-5-.7-1.5-.5-2.8-1.1-3.9-2l1.6-3.5c2.2 1.5 4.6 2.3 7.3 2.3 1.5 0 2.5-.2 3.3-.7.7-.5 1.1-1 1.1-1.9 0-.7-.3-1.3-1-1.7s-2-.8-3.7-1.2c-2-.4-3.6-.9-4.8-1.5-1.1-.5-2-1.2-2.6-2-.5-1-.8-2-.8-3.2 0-1.4.4-2.6 1.2-3.6.7-1.1 1.8-2 3.2-2.6 1.3-.6 2.9-.9 4.7-.9 1.6 0 3.1.3 4.6.7 1.5.5 2.7 1.1 3.5 2l-1.6 3.5c-2-1.5-4.2-2.3-6.5-2.3-1.3 0-2.3.2-3 .8-.8.5-1.2 1.1-1.2 2 0 .5.2 1 .5 1.3.2.3.7.6 1.4.9l2.9.8c2.9.6 5 1.4 6.2 2.4a5 5 0 0 1 2 4.2 6 6 0 0 1-2.5 5c-1.7 1.2-4 1.9-7 1.9zm21-3.6l1.4-.1-.2 3.5-1.9.1c-2.4 0-4.1-.5-5.2-1.5-1.1-1-1.6-2.7-1.6-4.8v-6h-3v-3.6h3V11h4.8v4.6h4v3.6h-4v6c0 1.8.9 2.8 2.6 2.8zm11.1 3.5c-1.6 0-3-.3-4.3-1a7 7 0 0 1-3-2.8c-.6-1.3-1-2.7-1-4.4 0-1.6.4-3 1-4.3a7 7 0 0 1 3-2.8c1.2-.7 2.7-1 4.3-1 1.7 0 3.2.3 4.4 1a7 7 0 0 1 3 2.8c.6 1.2 1 2.7 1 4.3 0 1.7-.4 3.1-1 4.4a7 7 0 0 1-3 2.8c-1.2.7-2.7 1-4.4 1zm0-3.6c2.4 0 3.6-1.6 3.6-4.6 0-1.5-.3-2.6-1-3.4a3.2 3.2 0 0 0-2.6-1c-2.3 0-3.5 1.4-3.5 4.4 0 3 1.2 4.6 3.5 4.6zm21.7-8.8l-2.7.3c-1.3.2-2.3.5-2.8 1.2-.6.6-.9 1.4-.9 2.5v8.2H96V15.7h4.6v2.6c.8-1.8 2.5-2.8 5-3h1.3l.3 4zm14-3.5h4.8L116.4 37h-4.9l3-6.6-6.4-14.8h5l4 10 4-10zm16-.4c1.4 0 2.6.3 3.6 1 1 .6 1.9 1.6 2.5 2.8.6 1.2.9 2.7.9 4.3 0 1.6-.3 3-1 4.3a6.9 6.9 0 0 1-2.4 2.9c-1 .7-2.2 1-3.6 1-1 0-2-.2-3-.7-.8-.4-1.5-1-2-1.9v2.4h-4.7V8.8h4.8v9c.5-.8 1.2-1.4 2-1.9.9-.4 1.8-.6 3-.6zM135.7 28c1.1 0 2-.4 2.6-1.2.6-.8 1-2 1-3.4 0-1.5-.4-2.5-1-3.3s-1.5-1.1-2.6-1.1-2 .3-2.6 1.1c-.6.8-1 2-1 3.3 0 1.5.4 2.6 1 3.4.6.8 1.5 1.2 2.6 1.2zm18.9 3.6c-1.7 0-3.2-.3-4.4-1a7 7 0 0 1-3-2.8c-.6-1.3-1-2.7-1-4.4 0-1.6.4-3 1-4.3a7 7 0 0 1 3-2.8c1.2-.7 2.7-1 4.4-1 1.6 0 3 .3 4.3 1a7 7 0 0 1 3 2.8c.6 1.2 1 2.7 1 4.3 0 1.7-.4 3.1-1 4.4a7 7 0 0 1-3 2.8c-1.2.7-2.7 1-4.3 1zm0-3.6c2.3 0 3.5-1.6 3.5-4.6 0-1.5-.3-2.6-1-3.4a3.2 3.2 0 0 0-2.5-1c-2.4 0-3.6 1.4-3.6 4.4 0 3 1.2 4.6 3.6 4.6zm18 3.6c-1.7 0-3.2-.3-4.4-1a7 7 0 0 1-3-2.8c-.6-1.3-1-2.7-1-4.4 0-1.6.4-3 1-4.3a7 7 0 0 1 3-2.8c1.2-.7 2.7-1 4.4-1 1.6 0 3 .3 4.4 1a7 7 0 0 1 2.9 2.8c.6 1.2 1 2.7 1 4.3 0 1.7-.4 3.1-1 4.4a7 7 0 0 1-3 2.8c-1.2.7-2.7 1-4.3 1zm0-3.6c2.3 0 3.5-1.6 3.5-4.6 0-1.5-.3-2.6-1-3.4a3.2 3.2 0 0 0-2.5-1c-2.4 0-3.6 1.4-3.6 4.4 0 3 1.2 4.6 3.6 4.6zm27.4 3.4h-6l-6-7v7h-4.8V8.8h4.9v13.6l5.8-6.7h5.7l-6.6 7.5 7 8.2z"
|
||||
fill="#333"
|
||||
/>
|
||||
<mask
|
||||
fill="#fff"
|
||||
id="b"
|
||||
>
|
||||
<use
|
||||
href="#a"
|
||||
/>
|
||||
</mask>
|
||||
<use
|
||||
fill="#FF4785"
|
||||
fill-rule="nonzero"
|
||||
href="#a"
|
||||
/>
|
||||
<path
|
||||
d="M23.7 5L24 .2l3.9-.3.1 4.8a.3.3 0 0 1-.5.2L26 3.8l-1.7 1.4a.3.3 0 0 1-.5-.3zm-5 10c0 .9 5.3.5 6 0 0-5.4-2.8-8.2-8-8.2-5.3 0-8.2 2.8-8.2 7.1 0 7.4 10 7.6 10 11.6 0 1.2-.5 1.9-1.8 1.9-1.6 0-2.2-.9-2.1-3.6 0-.6-6.1-.8-6.3 0-.5 6.7 3.7 8.6 8.5 8.6 4.6 0 8.3-2.5 8.3-7 0-7.9-10.2-7.7-10.2-11.6 0-1.6 1.2-1.8 2-1.8.6 0 2 0 1.9 3z"
|
||||
fill="#FFF"
|
||||
fill-rule="nonzero"
|
||||
mask="url(#b)"
|
||||
/>
|
||||
</g>
|
||||
</svg>
|
||||
`;
|
||||
@ -1,9 +0,0 @@
|
||||
// Jest Snapshot v1, https://goo.gl/fbAQLP
|
||||
|
||||
exports[`Storyshots Components|Form/Button with onclick 1`] = `
|
||||
<button
|
||||
class="css-lopq8z"
|
||||
>
|
||||
Submit
|
||||
</button>
|
||||
`;
|
||||
@ -1,18 +0,0 @@
|
||||
// Jest Snapshot v1, https://goo.gl/fbAQLP
|
||||
|
||||
exports[`Storyshots Basics|Placeholder default 1`] = `
|
||||
.emotion-0 {
|
||||
font-size: 11px;
|
||||
display: block;
|
||||
text-align: center;
|
||||
text-transform: uppercase;
|
||||
margin: 0;
|
||||
padding: 20px;
|
||||
}
|
||||
|
||||
<p
|
||||
class="emotion-0"
|
||||
>
|
||||
This is a placeholder
|
||||
</p>
|
||||
`;
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/core-events",
|
||||
"version": "5.1.0-alpha.3",
|
||||
"version": "5.1.0-alpha.4",
|
||||
"description": "Event names used in storybook core",
|
||||
"keywords": [
|
||||
"storybook"
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/core",
|
||||
"version": "5.1.0-alpha.3",
|
||||
"version": "5.1.0-alpha.4",
|
||||
"description": "Storybook framework-agnostic API",
|
||||
"keywords": [
|
||||
"storybook"
|
||||
@ -25,14 +25,14 @@
|
||||
"@babel/plugin-syntax-dynamic-import": "^7.2.0",
|
||||
"@babel/plugin-transform-react-constant-elements": "^7.2.0",
|
||||
"@babel/preset-env": "^7.3.4",
|
||||
"@storybook/addons": "5.1.0-alpha.3",
|
||||
"@storybook/channel-postmessage": "5.1.0-alpha.3",
|
||||
"@storybook/client-api": "5.1.0-alpha.3",
|
||||
"@storybook/client-logger": "5.1.0-alpha.3",
|
||||
"@storybook/core-events": "5.1.0-alpha.3",
|
||||
"@storybook/node-logger": "5.1.0-alpha.3",
|
||||
"@storybook/router": "5.1.0-alpha.3",
|
||||
"@storybook/ui": "5.1.0-alpha.3",
|
||||
"@storybook/addons": "5.1.0-alpha.4",
|
||||
"@storybook/channel-postmessage": "5.1.0-alpha.4",
|
||||
"@storybook/client-api": "5.1.0-alpha.4",
|
||||
"@storybook/client-logger": "5.1.0-alpha.4",
|
||||
"@storybook/core-events": "5.1.0-alpha.4",
|
||||
"@storybook/node-logger": "5.1.0-alpha.4",
|
||||
"@storybook/router": "5.1.0-alpha.4",
|
||||
"@storybook/ui": "5.1.0-alpha.4",
|
||||
"airbnb-js-shims": "^1 || ^2",
|
||||
"autoprefixer": "^9.4.9",
|
||||
"babel-plugin-add-react-displayname": "^0.0.5",
|
||||
@ -69,7 +69,7 @@
|
||||
"pretty-hrtime": "^1.0.3",
|
||||
"qs": "^6.6.0",
|
||||
"raw-loader": "^1.0.0",
|
||||
"react-dev-utils": "^7.0.3",
|
||||
"react-dev-utils": "^8.0.0",
|
||||
"regenerator-runtime": "^0.12.1",
|
||||
"resolve": "^1.10.0",
|
||||
"resolve-from": "^4.0.0",
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/node-logger",
|
||||
"version": "5.1.0-alpha.3",
|
||||
"version": "5.1.0-alpha.4",
|
||||
"description": "",
|
||||
"keywords": [
|
||||
"storybook"
|
||||
|
||||
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