ayo/lion
1
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

chore: update storybook version

Browse source 
Co-authored-by: Joren Broekema <Joren.Broekema@ing.com>
This commit is contained in:
Thomas Allmer 2019-12-03 17:08:26 +01:00
parent ae924d7563
commit 4a93599228
76 changed files with 2344 additions and 2838 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

15
.storybook/.babelrc
View file

@ -1,15 +0,0 @@
{
"plugins": [
"@babel/plugin-syntax-dynamic-import",
"@babel/plugin-proposal-object-rest-spread"
],
"presets": [
[
"@babel/preset-env",
{
"useBuiltIns": "entry",
"corejs": "2",
}
]
]
}

7
.storybook/addons.js
View file

@ -1,7 +0,0 @@
import '@storybook/addon-storysource/register';
import '@storybook/addon-actions/register';
import '@storybook/addon-notes/register';
import '@storybook/addon-knobs/register';
import '@storybook/addon-links/register';
import '@storybook/addon-viewport/register';
import '@storybook/addon-a11y/register';

12
.storybook/config.js
View file

@ -1,12 +0,0 @@
import { configure, addDecorator } from '@storybook/polymer';
import { withA11y } from '@storybook/addon-a11y';
import '@storybook/addon-console';
addDecorator(withA11y);
const req = require.context('../stories', true, /\.stories\.js$/);
function loadStories() {
req.keys().forEach(filename => req(filename));
}
configure(loadStories, module);

2
.storybook/preview-head.html
View file

@ -1,2 +0,0 @@
<meta name="viewport"
content="width=device-width, minimum-scale=1, initial-scale=1, user-scalable=yes">

30
.storybook/preview.js Executable file
View file

@ -0,0 +1,30 @@
import {
addDecorator,
addParameters,
setCustomElements,
withA11y,
} from '@open-wc/demoing-storybook';
async function run() {
// const customElements = await (
// await fetch(new URL('../custom-elements.json', import.meta.url))
// ).json();
setCustomElements({});
addDecorator(withA11y);
addParameters({
a11y: {
config: {},
options: {
checks: { 'color-contrast': { options: { noScroll: true } } },
restoreScroll: true,
},
},
docs: {
iframeHeight: '200px',
},
});
}
run();

8
.storybook/webpack.config.js
View file

@ -1,8 +0,0 @@
const defaultConfig = require('@open-wc/demoing-storybook/default-storybook-webpack-config.js');
module.exports = ({ config }) => {
return defaultConfig({
config,
transpilePackages: ['lit-html', 'lit-element', '@open-wc', 'autosize'],
});
};

7
package.json
View file

@ -8,8 +8,7 @@
"devDependencies": { "devDependencies": {
"@commitlint/cli": "^7.0.0", "@commitlint/cli": "^7.0.0",
"@commitlint/config-conventional": "^7.0.0", "@commitlint/config-conventional": "^7.0.0",
"@open-wc/building-rollup": "^0.14.8", "@open-wc/demoing-storybook": "^1.1.1",
"@open-wc/demoing-storybook": "^0.2.0",
"@open-wc/eslint-config": "^1.0.0", "@open-wc/eslint-config": "^1.0.0",
"@open-wc/prettier-config": "^0.1.0", "@open-wc/prettier-config": "^0.1.0",
"@open-wc/testing": "^2.3.4", "@open-wc/testing": "^2.3.4",
@ -36,8 +35,8 @@
}, },
"scripts": { "scripts": {
"start": "npm run storybook", "start": "npm run storybook",
"storybook": "start-storybook -p 9001 -s ./assets", "storybook": "start-storybook -p 9001 --stories \"./packages/*/stories/*.stories.{js,mdx}\" --node-resolve --watch --open",
"storybook:build": "build-storybook -s ./assets", "storybook:build": "build-storybook --stories \"./packages/*/stories/*.stories.{js,mdx}\" --output-dir ./storybook-static",
"test": "karma start --coverage", "test": "karma start --coverage",
"test:watch": "karma start --auto-watch=true --single-run=false", "test:watch": "karma start --auto-watch=true --single-run=false",
"test:compatibility": "karma start --compatibility all --coverage", "test:compatibility": "karma start --compatibility all --coverage",

2
packages/ajax/package.json
View file

@ -36,7 +36,7 @@
"@lion/core": "0.3.0" "@lion/core": "0.3.0"
}, },
"devDependencies": { "devDependencies": {
"@open-wc/demoing-storybook": "^0.2.0", "@open-wc/demoing-storybook": "^1.1.1",
"@open-wc/testing": "^2.3.4", "@open-wc/testing": "^2.3.4",
"sinon": "^7.2.2" "sinon": "^7.2.2"
} }

5
packages/ajax/stories/index.stories.js
View file

@ -1,8 +1,7 @@
import { storiesOf, html } from '@open-wc/demoing-storybook'; import { html, storiesOf } from '@open-wc/demoing-storybook';
import { ajax, AjaxClass } from '../index.js'; import { ajax, AjaxClass } from '../index.js';
storiesOf('Ajax system|Ajax', module) storiesOf('Ajax system|Ajax')
.addParameters({ options: { selectedPanel: 'storybook/actions/actions-panel' } }) .addParameters({ options: { selectedPanel: 'storybook/actions/actions-panel' } })
.add( .add(
'Get', 'Get',

2
packages/button/package.json
View file

@ -38,7 +38,7 @@
"@lion/form": "0.3.14", "@lion/form": "0.3.14",
"@lion/icon": "0.2.10", "@lion/icon": "0.2.10",
"@lion/input": "0.4.2", "@lion/input": "0.4.2",
"@open-wc/demoing-storybook": "^0.2.0", "@open-wc/demoing-storybook": "^1.1.1",
"@open-wc/testing": "^2.3.4", "@open-wc/testing": "^2.3.4",
"@polymer/iron-test-helpers": "^3.0.1", "@polymer/iron-test-helpers": "^3.0.1",
"sinon": "^7.2.2" "sinon": "^7.2.2"

9
packages/button/stories/index.stories.js
View file

@ -1,12 +1,11 @@
import { storiesOf, html } from '@open-wc/demoing-storybook';
import { bug12 } from '@lion/icon/stories/icons/bugs-collection.js';
import '@lion/icon/lion-icon.js';
import '@lion/form/lion-form.js'; import '@lion/form/lion-form.js';
import '@lion/icon/lion-icon.js';
import { bug12 } from '@lion/icon/stories/icons/bugs-collection.js';
import '@lion/input/lion-input.js'; import '@lion/input/lion-input.js';
import { html, storiesOf } from '@open-wc/demoing-storybook';
import '../lion-button.js'; import '../lion-button.js';
storiesOf('Buttons|Button', module) storiesOf('Buttons|Button')
.add( .add(
'Used on its own', 'Used on its own',
() => html` () => html`

2
packages/calendar/package.json
View file

@ -38,7 +38,7 @@
}, },
"devDependencies": { "devDependencies": {
"@lion/button": "0.4.6", "@lion/button": "0.4.6",
"@open-wc/demoing-storybook": "^0.2.0", "@open-wc/demoing-storybook": "^1.1.1",
"@open-wc/testing": "^2.3.4", "@open-wc/testing": "^2.3.4",
"sinon": "^7.2.2" "sinon": "^7.2.2"
} }

7
packages/calendar/stories/index.stories.js
View file

@ -1,7 +1,6 @@
import { storiesOf, html } from '@open-wc/demoing-storybook';
import { css } from '@lion/core';
import '@lion/button/lion-button.js'; import '@lion/button/lion-button.js';
import { css } from '@lion/core';
import { html, storiesOf } from '@open-wc/demoing-storybook';
import '../lion-calendar.js'; import '../lion-calendar.js';
const calendarDemoStyle = css` const calendarDemoStyle = css`
@ -12,7 +11,7 @@ const calendarDemoStyle = css`
} }
`; `;
storiesOf('Calendar|Standalone', module) storiesOf('Calendar|Standalone')
.add( .add(
'default', 'default',
() => html` () => html`

2
packages/checkbox-group/package.json
View file

@ -39,7 +39,7 @@
"@lion/checkbox": "0.2.13", "@lion/checkbox": "0.2.13",
"@lion/localize": "0.7.2", "@lion/localize": "0.7.2",
"@lion/validate": "0.5.4", "@lion/validate": "0.5.4",
"@open-wc/demoing-storybook": "^0.2.0", "@open-wc/demoing-storybook": "^1.1.1",
"@open-wc/testing": "^2.3.4", "@open-wc/testing": "^2.3.4",
"sinon": "^7.2.2" "sinon": "^7.2.2"
} }

7
packages/checkbox-group/stories/index.stories.js
View file

@ -1,10 +1,9 @@
import { storiesOf, html } from '@open-wc/demoing-storybook';
import '../lion-checkbox-group.js';
import '@lion/checkbox/lion-checkbox.js'; import '@lion/checkbox/lion-checkbox.js';
import { Required, Validator } from '@lion/validate'; import { Required, Validator } from '@lion/validate';
import { html, storiesOf } from '@open-wc/demoing-storybook';
import '../lion-checkbox-group.js';
storiesOf('Forms|Checkbox Group', module) storiesOf('Forms|Checkbox Group')
.add( .add(
'Default', 'Default',
() => html` () => html`

2
packages/checkbox/package.json
View file

@ -37,7 +37,7 @@
"@lion/input": "0.4.2" "@lion/input": "0.4.2"
}, },
"devDependencies": { "devDependencies": {
"@open-wc/demoing-storybook": "^0.2.0", "@open-wc/demoing-storybook": "^1.1.1",
"@open-wc/testing": "^2.3.4" "@open-wc/testing": "^2.3.4"
} }
} }

2
packages/choice-input/package.json
View file

@ -38,7 +38,7 @@
"devDependencies": { "devDependencies": {
"@lion/input": "0.4.2", "@lion/input": "0.4.2",
"@lion/validate": "0.5.4", "@lion/validate": "0.5.4",
"@open-wc/demoing-storybook": "^0.2.0", "@open-wc/demoing-storybook": "^1.1.1",
"@open-wc/testing": "^2.3.4", "@open-wc/testing": "^2.3.4",
"sinon": "^7.2.2" "sinon": "^7.2.2"
} }

2
packages/core/package.json
View file

@ -35,7 +35,7 @@
"lit-html": "^1.0.0" "lit-html": "^1.0.0"
}, },
"devDependencies": { "devDependencies": {
"@open-wc/demoing-storybook": "^0.2.0", "@open-wc/demoing-storybook": "^1.1.1",
"@open-wc/testing": "^2.3.4", "@open-wc/testing": "^2.3.4",
"sinon": "^7.2.2" "sinon": "^7.2.2"
} }

2
packages/dialog/package.json
View file

@ -34,7 +34,7 @@
"@lion/overlays": "0.10.1" "@lion/overlays": "0.10.1"
}, },
"devDependencies": { "devDependencies": {
"@open-wc/demoing-storybook": "^0.2.0", "@open-wc/demoing-storybook": "^1.1.1",
"@open-wc/testing": "^2.3.4" "@open-wc/testing": "^2.3.4"
} }
} }

4
packages/dialog/stories/index.stories.js
View file

@ -1,5 +1,5 @@
import { storiesOf, html, withKnobs, object } from '@open-wc/demoing-storybook';
import { css } from '@lion/core'; import { css } from '@lion/core';
import { html, object, storiesOf, withKnobs } from '@open-wc/demoing-storybook';
import '../lion-dialog.js'; import '../lion-dialog.js';
const dialogDemoStyle = css` const dialogDemoStyle = css`
@ -51,7 +51,7 @@ const dialogDemoStyle = css`
} }
`; `;
storiesOf('Overlays Specific WC | Dialog', module) storiesOf('Overlays Specific WC | Dialog')
.addDecorator(withKnobs) .addDecorator(withKnobs)
.add( .add(
'Button dialog', 'Button dialog',

2
packages/field/package.json
View file

@ -38,7 +38,7 @@
}, },
"devDependencies": { "devDependencies": {
"@lion/localize": "0.7.2", "@lion/localize": "0.7.2",
"@open-wc/demoing-storybook": "^0.2.0", "@open-wc/demoing-storybook": "^1.1.1",
"@open-wc/testing": "^2.3.4", "@open-wc/testing": "^2.3.4",
"sinon": "^7.2.2" "sinon": "^7.2.2"
} }

2
packages/fieldset/package.json
View file

@ -39,7 +39,7 @@
"devDependencies": { "devDependencies": {
"@lion/input": "0.4.2", "@lion/input": "0.4.2",
"@lion/localize": "0.7.2", "@lion/localize": "0.7.2",
"@open-wc/demoing-storybook": "^0.2.0", "@open-wc/demoing-storybook": "^1.1.1",
"@open-wc/testing": "^2.3.4", "@open-wc/testing": "^2.3.4",
"sinon": "^7.2.2" "sinon": "^7.2.2"
} }

11
packages/fieldset/stories/index.stories.js
View file

@ -1,17 +1,14 @@
import { storiesOf, html } from '@open-wc/demoing-storybook';
import '../lion-fieldset.js';
import '@lion/input/lion-input.js'; import '@lion/input/lion-input.js';
import { localize } from '@lion/localize'; import { localize } from '@lion/localize';
import { loadDefaultFeedbackMessages, MinLength, Validator } from '@lion/validate';
import { Validator, MinLength, loadDefaultFeedbackMessages } from '@lion/validate'; import { html, storiesOf } from '@open-wc/demoing-storybook';
import '../../form-system/stories/helper-wc/h-output.js'; import '../../form-system/stories/helper-wc/h-output.js';
import '../lion-fieldset.js';
localize.locale = 'en-GB'; localize.locale = 'en-GB';
loadDefaultFeedbackMessages(); loadDefaultFeedbackMessages();
storiesOf('Forms|Fieldset', module) storiesOf('Forms|Fieldset')
.add( .add(
'Default', 'Default',
() => html` () => html`

2
packages/form-system/package.json
View file

@ -49,7 +49,7 @@
"@lion/radio-group": "0.4.5", "@lion/radio-group": "0.4.5",
"@lion/textarea": "0.4.2", "@lion/textarea": "0.4.2",
"@lion/validate": "0.5.4", "@lion/validate": "0.5.4",
"@open-wc/demoing-storybook": "^0.2.0", "@open-wc/demoing-storybook": "^1.1.1",
"@open-wc/testing": "^2.3.4" "@open-wc/testing": "^2.3.4"
} }
} }

6
packages/form-system/stories/formatting.stories.js
View file

@ -1,6 +1,6 @@
import { storiesOf, html } from '@open-wc/demoing-storybook';
import { Unparseable } from '@lion/validate';
import '@lion/input/lion-input.js'; import '@lion/input/lion-input.js';
import { Unparseable } from '@lion/validate';
import { html, storiesOf } from '@open-wc/demoing-storybook';
import './helper-wc/h-output.js'; import './helper-wc/h-output.js';
function newDateValid(d) { function newDateValid(d) {
@ -8,7 +8,7 @@ function newDateValid(d) {
return !isNaN(result.getTime()) ? result : null; // eslint-disable-line no-restricted-globals return !isNaN(result.getTime()) ? result : null; // eslint-disable-line no-restricted-globals
} }
storiesOf('Form Fundaments|Formatting and Parsing', module) storiesOf('Form Fundaments|Formatting and Parsing')
.add( .add(
'model value', 'model value',
() => html` () => html`

25
packages/form-system/stories/index.stories.js
View file

@ -1,22 +1,19 @@
import { storiesOf, html } from '@open-wc/demoing-storybook';
import '@lion/form/lion-form.js';
import '@lion/fieldset/lion-fieldset.js';
import '@lion/textarea/lion-textarea.js';
import '@lion/input/lion-input.js';
import '@lion/checkbox/lion-checkbox.js';
import '@lion/checkbox-group/lion-checkbox-group.js'; import '@lion/checkbox-group/lion-checkbox-group.js';
import '@lion/radio/lion-radio.js'; import '@lion/checkbox/lion-checkbox.js';
import '@lion/radio-group/lion-radio-group.js'; import '@lion/fieldset/lion-fieldset.js';
import '@lion/form/lion-form.js';
import '@lion/input-iban/lion-input-iban.js';
import '@lion/input-amount/lion-input-amount.js'; import '@lion/input-amount/lion-input-amount.js';
import '@lion/input-date/lion-input-date.js'; import '@lion/input-date/lion-input-date.js';
import '@lion/input-email/lion-input-email.js'; import '@lion/input-email/lion-input-email.js';
import '@lion/input-range/lion-input-range.js'; import '@lion/input-iban/lion-input-iban.js';
import { Required, MinLength } from '@lion/validate'; import '@lion/input/lion-input.js';
import '@lion/radio-group/lion-radio-group.js';
import '@lion/radio/lion-radio.js';
import '@lion/textarea/lion-textarea.js';
import { MinLength, Required } from '@lion/validate';
import { html, storiesOf } from '@open-wc/demoing-storybook';
storiesOf('Forms|Form', module).add( storiesOf('Forms|Form').add(
'Umbrella form', 'Umbrella form',
() => html` () => html`
<lion-form <lion-form

10
packages/form-system/stories/interactionStates.stories.js
View file

@ -1,11 +1,11 @@
import { storiesOf, html } from '@open-wc/demoing-storybook';
import { render } from '@lion/core';
import '@lion/checkbox/lion-checkbox.js';
import '@lion/checkbox-group/lion-checkbox-group.js'; import '@lion/checkbox-group/lion-checkbox-group.js';
import '@lion/checkbox/lion-checkbox.js';
import { render } from '@lion/core';
import '@lion/form/lion-form.js'; import '@lion/form/lion-form.js';
import '@lion/input/lion-input.js'; import '@lion/input/lion-input.js';
import './helper-wc/h-output.js';
import { Validator } from '@lion/validate'; import { Validator } from '@lion/validate';
import { html, storiesOf } from '@open-wc/demoing-storybook';
import './helper-wc/h-output.js';
function renderOffline(litHtmlTemplate) { function renderOffline(litHtmlTemplate) {
const offlineRenderContainer = document.createElement('div'); const offlineRenderContainer = document.createElement('div');
@ -13,7 +13,7 @@ function renderOffline(litHtmlTemplate) {
return offlineRenderContainer.firstElementChild; return offlineRenderContainer.firstElementChild;
} }
storiesOf('Form Fundaments|Interaction States', module) storiesOf('Form Fundaments|Interaction States')
.add( .add(
'States', 'States',
() => html` () => html`

2
packages/form/package.json
View file

@ -40,7 +40,7 @@
"@lion/input-iban": "0.4.2", "@lion/input-iban": "0.4.2",
"@lion/textarea": "0.4.2", "@lion/textarea": "0.4.2",
"@lion/validate": "0.5.4", "@lion/validate": "0.5.4",
"@open-wc/demoing-storybook": "^0.2.0", "@open-wc/demoing-storybook": "^1.1.1",
"@open-wc/testing": "^2.3.4", "@open-wc/testing": "^2.3.4",
"sinon": "^7.2.2" "sinon": "^7.2.2"
} }

10
packages/form/stories/index.stories.js
View file

@ -1,13 +1,11 @@
import { storiesOf, html } from '@open-wc/demoing-storybook';
import '../lion-form.js';
import '@lion/fieldset/lion-fieldset.js'; import '@lion/fieldset/lion-fieldset.js';
import '@lion/input-iban/lion-input-iban.js'; import '@lion/input-iban/lion-input-iban.js';
import '@lion/textarea/lion-textarea.js'; import '@lion/textarea/lion-textarea.js';
import { MaxLength, Required } from '@lion/validate';
import { html, storiesOf } from '@open-wc/demoing-storybook';
import '../lion-form.js';
import { Required, MaxLength } from '@lion/validate'; storiesOf('Forms|Form')
storiesOf('Forms|Form', module)
.add( .add(
'Basic form result', 'Basic form result',
() => html` () => html`

2
packages/icon/package.json
View file

@ -35,7 +35,7 @@
"@lion/core": "0.3.0" "@lion/core": "0.3.0"
}, },
"devDependencies": { "devDependencies": {
"@open-wc/demoing-storybook": "^0.2.0", "@open-wc/demoing-storybook": "^1.1.1",
"@open-wc/testing": "^2.3.4" "@open-wc/testing": "^2.3.4"
} }
} }

9
packages/icon/stories/index.stories.js
View file

@ -1,7 +1,5 @@
import { storiesOf, html } from '@open-wc/demoing-storybook'; import { html, storiesOf } from '@open-wc/demoing-storybook';
import '../lion-icon.js'; import '../lion-icon.js';
import { import {
bug01, bug01,
bug02, bug02,
@ -13,13 +11,12 @@ import {
bug23, bug23,
bug24, bug24,
} from './icons/bugs-collection.js'; } from './icons/bugs-collection.js';
import aliensSpaceship from './icons/space/aliens-spaceship.svg.js'; import aliensSpaceship from './icons/space/aliens-spaceship.svg.js';
import sun from './icons/space/sun.svg.js';
import moonFlag from './icons/space/moon-flag.svg.js'; import moonFlag from './icons/space/moon-flag.svg.js';
import night from './icons/space/night.svg.js'; import night from './icons/space/night.svg.js';
import sun from './icons/space/sun.svg.js';
storiesOf('Icon System|Icon', module) storiesOf('Icon System|Icon')
.add( .add(
'default', 'default',
() => html` () => html`

2
packages/input-amount/package.json
View file

@ -39,7 +39,7 @@
"@lion/validate": "0.5.4" "@lion/validate": "0.5.4"
}, },
"devDependencies": { "devDependencies": {
"@open-wc/demoing-storybook": "^0.2.0", "@open-wc/demoing-storybook": "^1.1.1",
"@open-wc/testing": "^2.3.4" "@open-wc/testing": "^2.3.4"
} }
} }

6
packages/input-amount/stories/index.stories.js
View file

@ -1,10 +1,8 @@
import { storiesOf, html } from '@open-wc/demoing-storybook';
import { Required } from '@lion/validate'; import { Required } from '@lion/validate';
import { html, storiesOf } from '@open-wc/demoing-storybook';
import '../lion-input-amount.js'; import '../lion-input-amount.js';
storiesOf('Forms|Input Amount', module) storiesOf('Forms|Input Amount')
.add( .add(
'Default', 'Default',
() => html` () => html`

2
packages/input-date/package.json
View file

@ -39,7 +39,7 @@
"@lion/validate": "0.5.4" "@lion/validate": "0.5.4"
}, },
"devDependencies": { "devDependencies": {
"@open-wc/demoing-storybook": "^0.2.0", "@open-wc/demoing-storybook": "^1.1.1",
"@open-wc/testing": "^2.3.4" "@open-wc/testing": "^2.3.4"
} }
} }

5
packages/input-date/stories/index.stories.js
View file

@ -1,10 +1,9 @@
import { storiesOf, html } from '@open-wc/demoing-storybook';
import { formatDate } from '@lion/localize'; import { formatDate } from '@lion/localize';
import { MaxDate, MinDate, MinMaxDate } from '@lion/validate'; import { MaxDate, MinDate, MinMaxDate } from '@lion/validate';
import { html, storiesOf } from '@open-wc/demoing-storybook';
import '../lion-input-date.js'; import '../lion-input-date.js';
storiesOf('Forms|Input Date', module) storiesOf('Forms|Input Date')
.add( .add(
'Default', 'Default',
() => html` () => html`

2
packages/input-datepicker/package.json
View file

@ -46,7 +46,7 @@
}, },
"devDependencies": { "devDependencies": {
"@lion/button": "0.4.6", "@lion/button": "0.4.6",
"@open-wc/demoing-storybook": "^0.2.0", "@open-wc/demoing-storybook": "^1.1.1",
"@open-wc/testing": "^2.3.4", "@open-wc/testing": "^2.3.4",
"sinon": "^7.2.2" "sinon": "^7.2.2"
} }

4
packages/input-datepicker/stories/index.stories.js
View file

@ -1,9 +1,9 @@
import { storiesOf, html } from '@open-wc/demoing-storybook';
import { formatDate } from '@lion/localize'; import { formatDate } from '@lion/localize';
import { IsDateDisabled, MinMaxDate } from '@lion/validate'; import { IsDateDisabled, MinMaxDate } from '@lion/validate';
import { html, storiesOf } from '@open-wc/demoing-storybook';
import '../lion-input-datepicker.js'; import '../lion-input-datepicker.js';
storiesOf('Forms|Input Datepicker', module) storiesOf('Forms|Input Datepicker')
.add( .add(
'Default', 'Default',
() => html` () => html`

2
packages/input-email/package.json
View file

@ -39,7 +39,7 @@
"@lion/validate": "0.5.4" "@lion/validate": "0.5.4"
}, },
"devDependencies": { "devDependencies": {
"@open-wc/demoing-storybook": "^0.2.0", "@open-wc/demoing-storybook": "^1.1.1",
"@open-wc/testing": "^2.3.4" "@open-wc/testing": "^2.3.4"
} }
} }

7
packages/input-email/stories/index.stories.js
View file

@ -1,10 +1,9 @@
import { storiesOf, html } from '@open-wc/demoing-storybook';
import { Validator } from '@lion/validate'; import { Validator } from '@lion/validate';
import { html, storiesOf } from '@open-wc/demoing-storybook';
import '../lion-input-email.js';
import '../../fieldset/lion-fieldset.js'; import '../../fieldset/lion-fieldset.js';
import '../lion-input-email.js';
storiesOf('Forms|Input Email', module) storiesOf('Forms|Input Email')
.add( .add(
'Default', 'Default',
() => html` () => html`

2
packages/input-iban/package.json
View file

@ -40,7 +40,7 @@
"@lion/validate": "0.5.4" "@lion/validate": "0.5.4"
}, },
"devDependencies": { "devDependencies": {
"@open-wc/demoing-storybook": "^0.2.0", "@open-wc/demoing-storybook": "^1.1.1",
"@open-wc/testing": "^2.3.4" "@open-wc/testing": "^2.3.4"
} }
} }

5
packages/input-iban/stories/index.stories.js
View file

@ -1,9 +1,8 @@
import { storiesOf, html } from '@open-wc/demoing-storybook'; import { html, storiesOf } from '@open-wc/demoing-storybook';
import { IsCountryIBAN } from '../index.js'; import { IsCountryIBAN } from '../index.js';
import '../lion-input-iban.js'; import '../lion-input-iban.js';
storiesOf('Forms|Input IBAN', module) storiesOf('Forms|Input IBAN')
.add( .add(
'Default', 'Default',
() => html` () => html`

2
packages/input-range/package.json
View file

@ -37,7 +37,7 @@
"@lion/localize": "0.7.2" "@lion/localize": "0.7.2"
}, },
"devDependencies": { "devDependencies": {
"@open-wc/demoing-storybook": "^0.2.0", "@open-wc/demoing-storybook": "^1.1.1",
"@open-wc/testing": "^2.3.4" "@open-wc/testing": "^2.3.4"
} }
} }

5
packages/input-range/stories/index.stories.js
View file

@ -1,6 +1,5 @@
import { storiesOf, html } from '@open-wc/demoing-storybook';
import { css } from '@lion/core'; import { css } from '@lion/core';
import { html, storiesOf } from '@open-wc/demoing-storybook';
import '../lion-input-range.js'; import '../lion-input-range.js';
const rangeDemoStyle = css` const rangeDemoStyle = css`
@ -9,7 +8,7 @@ const rangeDemoStyle = css`
} }
`; `;
storiesOf('Forms | Input Range', module) storiesOf('Forms | Input Range')
.add( .add(
'Default', 'Default',
() => html` () => html`

2
packages/input/package.json
View file

@ -38,7 +38,7 @@
"devDependencies": { "devDependencies": {
"@lion/localize": "0.7.2", "@lion/localize": "0.7.2",
"@lion/validate": "0.5.4", "@lion/validate": "0.5.4",
"@open-wc/demoing-storybook": "^0.2.0", "@open-wc/demoing-storybook": "^1.1.1",
"@open-wc/testing": "^2.3.4" "@open-wc/testing": "^2.3.4"
} }
} }

5
packages/input/stories/index.stories.js
View file

@ -1,8 +1,7 @@
import { storiesOf, html } from '@open-wc/demoing-storybook'; import { html, storiesOf } from '@open-wc/demoing-storybook';
import '../lion-input.js'; import '../lion-input.js';
storiesOf('Forms|Input', module) storiesOf('Forms|Input')
.add( .add(
'Default', 'Default',
() => html` () => html`

6
packages/input/stories/localize.stories.js
View file

@ -1,11 +1,11 @@
import { storiesOf, html } from '@open-wc/demoing-storybook';
import { MaxLength, Validator, loadDefaultFeedbackMessages } from '@lion/validate';
import { localize, LocalizeMixin } from '@lion/localize'; import { localize, LocalizeMixin } from '@lion/localize';
import { loadDefaultFeedbackMessages, MaxLength, Validator } from '@lion/validate';
import { html, storiesOf } from '@open-wc/demoing-storybook';
import { LionInput } from '../index.js'; import { LionInput } from '../index.js';
loadDefaultFeedbackMessages(); loadDefaultFeedbackMessages();
storiesOf('Forms|Input Localize', module).add('localize', () => { storiesOf('Forms|Input Localize').add('localize', () => {
class InputValidationExample extends LocalizeMixin(LionInput) { class InputValidationExample extends LocalizeMixin(LionInput) {
static get localizeNamespaces() { static get localizeNamespaces() {
return [ return [

2
packages/localize/package.json
View file

@ -38,7 +38,7 @@
}, },
"devDependencies": { "devDependencies": {
"@bundled-es-modules/fetch-mock": "^6.5.2", "@bundled-es-modules/fetch-mock": "^6.5.2",
"@open-wc/demoing-storybook": "^0.2.0", "@open-wc/demoing-storybook": "^1.1.1",
"@open-wc/testing": "^2.3.4", "@open-wc/testing": "^2.3.4",
"sinon": "^7.2.2" "sinon": "^7.2.2"
} }

4
packages/localize/stories/date.stories.js
View file

@ -1,5 +1,5 @@
import { storiesOf, html } from '@open-wc/demoing-storybook';
import { css } from '@lion/core'; import { css } from '@lion/core';
import { html, storiesOf } from '@open-wc/demoing-storybook';
import { formatDate } from '../index.js'; import { formatDate } from '../index.js';
const formatDateDemoStyle = css` const formatDateDemoStyle = css`
@ -24,7 +24,7 @@ const formatDateDemoStyle = css`
} }
`; `;
storiesOf('Localize System|Date', module).add( storiesOf('Localize System|Date').add(
'formatDate', 'formatDate',
() => html` () => html`
<style> <style>

4
packages/localize/stories/message.stories.js
View file

@ -1,8 +1,8 @@
import { storiesOf, html } from '@open-wc/demoing-storybook';
import { LitElement } from '@lion/core'; import { LitElement } from '@lion/core';
import { html, storiesOf } from '@open-wc/demoing-storybook';
import { localize, LocalizeMixin } from '../index.js'; import { localize, LocalizeMixin } from '../index.js';
storiesOf('Localize System|Message', module).add('locale', () => { storiesOf('Localize System|Message').add('locale', () => {
class messageExample extends LocalizeMixin(LitElement) { class messageExample extends LocalizeMixin(LitElement) {
static get localizeNamespaces() { static get localizeNamespaces() {
return [ return [

4
packages/localize/stories/number.stories.js
View file

@ -1,5 +1,5 @@
import { storiesOf, html } from '@open-wc/demoing-storybook';
import { css } from '@lion/core'; import { css } from '@lion/core';
import { html, storiesOf } from '@open-wc/demoing-storybook';
import { formatNumber, formatNumberToParts } from '../index.js'; import { formatNumber, formatNumberToParts } from '../index.js';
const formatNumberDemoStyle = css` const formatNumberDemoStyle = css`
@ -26,7 +26,7 @@ const formatNumberDemoStyle = css`
const value = 1234.56; const value = 1234.56;
storiesOf('Localize System|Number', module) storiesOf('Localize System|Number')
.add( .add(
'formatNumber', 'formatNumber',
() => html` () => html`

2
packages/option/package.json
View file

@ -37,7 +37,7 @@
"@lion/field": "0.7.1" "@lion/field": "0.7.1"
}, },
"devDependencies": { "devDependencies": {
"@open-wc/demoing-storybook": "^0.2.0", "@open-wc/demoing-storybook": "^1.1.1",
"@open-wc/testing": "^2.3.4", "@open-wc/testing": "^2.3.4",
"sinon": "^7.2.2" "sinon": "^7.2.2"
} }

5
packages/option/stories/index.stories.js
View file

@ -1,5 +1,4 @@
import { storiesOf, html } from '@open-wc/demoing-storybook'; import { html, storiesOf } from '@open-wc/demoing-storybook';
import '../lion-option.js'; import '../lion-option.js';
const a11yNote = html` const a11yNote = html`
@ -16,7 +15,7 @@ const a11yNote = html`
</p> </p>
`; `;
storiesOf('Forms|Option', module) storiesOf('Forms|Option')
.add( .add(
'States', 'States',
() => html` () => html`

2
packages/overlays/package.json
View file

@ -38,7 +38,7 @@
"popper.js": "^1.15.0" "popper.js": "^1.15.0"
}, },
"devDependencies": { "devDependencies": {
"@open-wc/demoing-storybook": "^0.2.0", "@open-wc/demoing-storybook": "^1.1.1",
"@open-wc/testing": "^2.3.4", "@open-wc/testing": "^2.3.4",
"@open-wc/testing-helpers": "^1.0.0", "@open-wc/testing-helpers": "^1.0.0",
"sinon": "^7.2.2" "sinon": "^7.2.2"

2
packages/overlays/stories/index.stories.js
View file

@ -121,7 +121,7 @@ customElements.define(
}, },
); );
storiesOf('Overlay System | Overlay as a WC', module) storiesOf('Overlay System | Overlay as a WC')
.addDecorator(withKnobs) .addDecorator(withKnobs)
.add( .add(
'Default', 'Default',

4
packages/overlays/stories/overlay-features.stories.js
View file

@ -1,5 +1,5 @@
import { storiesOf, html } from '@open-wc/demoing-storybook';
import { css, LitElement } from '@lion/core'; import { css, LitElement } from '@lion/core';
import { html, storiesOf } from '@open-wc/demoing-storybook';
import { fixtureSync } from '@open-wc/testing-helpers'; import { fixtureSync } from '@open-wc/testing-helpers';
import { OverlayController } from '../index.js'; import { OverlayController } from '../index.js';
@ -11,7 +11,7 @@ const globalOverlayDemoStyle = css`
} }
`; `;
storiesOf('Overlay System | Behavior Features', module) storiesOf('Overlay System | Behavior Features')
.add('preventsScroll', () => { .add('preventsScroll', () => {
const overlayCtrl = new OverlayController({ const overlayCtrl = new OverlayController({
placementMode: 'global', placementMode: 'global',

2
packages/radio-group/package.json
View file

@ -38,7 +38,7 @@
"devDependencies": { "devDependencies": {
"@lion/radio": "0.2.13", "@lion/radio": "0.2.13",
"@lion/validate": "0.5.4", "@lion/validate": "0.5.4",
"@open-wc/demoing-storybook": "^0.2.0", "@open-wc/demoing-storybook": "^1.1.1",
"@open-wc/testing": "^2.3.4" "@open-wc/testing": "^2.3.4"
} }
} }

7
packages/radio-group/stories/index.stories.js
View file

@ -1,13 +1,12 @@
/* eslint-disable import/no-extraneous-dependencies */ /* eslint-disable import/no-extraneous-dependencies */
import { storiesOf, html } from '@open-wc/demoing-storybook';
import '@lion/radio/lion-radio.js'; import '@lion/radio/lion-radio.js';
import { loadDefaultFeedbackMessages, Required, Validator } from '@lion/validate';
import { html, storiesOf } from '@open-wc/demoing-storybook';
import '../lion-radio-group.js'; import '../lion-radio-group.js';
import { Required, Validator, loadDefaultFeedbackMessages } from '@lion/validate';
loadDefaultFeedbackMessages(); loadDefaultFeedbackMessages();
storiesOf('Forms|Radio Group', module) storiesOf('Forms|Radio Group')
.add( .add(
'Default', 'Default',
() => html` () => html`

2
packages/radio/package.json
View file

@ -37,7 +37,7 @@
"@lion/input": "0.4.2" "@lion/input": "0.4.2"
}, },
"devDependencies": { "devDependencies": {
"@open-wc/demoing-storybook": "^0.2.0", "@open-wc/demoing-storybook": "^1.1.1",
"@open-wc/testing": "^2.3.4" "@open-wc/testing": "^2.3.4"
} }
} }

2
packages/select-rich/package.json
View file

@ -45,7 +45,7 @@
}, },
"devDependencies": { "devDependencies": {
"@lion/form": "0.3.14", "@lion/form": "0.3.14",
"@open-wc/demoing-storybook": "^0.2.0", "@open-wc/demoing-storybook": "^1.1.1",
"@open-wc/testing": "^2.3.4" "@open-wc/testing": "^2.3.4"
} }
} }

12
packages/select-rich/stories/index.stories.js
View file

@ -1,13 +1,11 @@
import { storiesOf, html } from '@open-wc/demoing-storybook'; import '@lion/button/lion-button.js';
import { css } from '@lion/core'; import { css } from '@lion/core';
import { Required } from '@lion/validate';
import '@lion/form/lion-form.js'; import '@lion/form/lion-form.js';
import '@lion/option/lion-option.js'; import '@lion/option/lion-option.js';
import '@lion/button/lion-button.js'; import { Required } from '@lion/validate';
import { html, storiesOf } from '@open-wc/demoing-storybook';
import '../lion-select-rich.js';
import '../lion-options.js'; import '../lion-options.js';
import '../lion-select-rich.js';
const selectRichDemoStyle = css` const selectRichDemoStyle = css`
.demo-area { .demo-area {
@ -15,7 +13,7 @@ const selectRichDemoStyle = css`
} }
`; `;
storiesOf('Forms|Select Rich', module) storiesOf('Forms|Select Rich')
.add( .add(
'Default', 'Default',
() => html` () => html`

2
packages/select/package.json
View file

@ -37,7 +37,7 @@
}, },
"devDependencies": { "devDependencies": {
"@lion/validate": "0.5.4", "@lion/validate": "0.5.4",
"@open-wc/demoing-storybook": "^0.2.0", "@open-wc/demoing-storybook": "^1.1.1",
"@open-wc/testing": "^2.3.4" "@open-wc/testing": "^2.3.4"
} }
} }

5
packages/select/stories/index.stories.js
View file

@ -1,9 +1,8 @@
import { storiesOf, html } from '@open-wc/demoing-storybook';
import { Required } from '@lion/validate'; import { Required } from '@lion/validate';
import { html, storiesOf } from '@open-wc/demoing-storybook';
import '../lion-select.js'; import '../lion-select.js';
storiesOf('Forms|Select', module) storiesOf('Forms|Select')
.add( .add(
'Default', 'Default',
() => html` () => html`

2
packages/steps/package.json
View file

@ -35,7 +35,7 @@
"@lion/core": "0.3.0" "@lion/core": "0.3.0"
}, },
"devDependencies": { "devDependencies": {
"@open-wc/demoing-storybook": "^0.2.0", "@open-wc/demoing-storybook": "^1.1.1",
"@open-wc/testing": "^2.3.4", "@open-wc/testing": "^2.3.4",
"sinon": "^7.2.2" "sinon": "^7.2.2"
} }

7
packages/steps/stories/index.stories.js
View file

@ -1,9 +1,8 @@
import { storiesOf, html } from '@open-wc/demoing-storybook'; import { html, storiesOf } from '@open-wc/demoing-storybook';
import '../lion-steps.js';
import '../lion-step.js'; import '../lion-step.js';
import '../lion-steps.js';
storiesOf('Steps|Steps', module) storiesOf('Steps|Steps')
/* eslint-disable */ /* eslint-disable */
.add( .add(
'Default', 'Default',

2
packages/switch/package.json
View file

@ -40,7 +40,7 @@
"devDependencies": { "devDependencies": {
"@lion/localize": "0.7.2", "@lion/localize": "0.7.2",
"@lion/validate": "0.5.4", "@lion/validate": "0.5.4",
"@open-wc/demoing-storybook": "^0.2.0", "@open-wc/demoing-storybook": "^1.1.1",
"@open-wc/testing": "^2.3.4", "@open-wc/testing": "^2.3.4",
"sinon": "^7.2.2" "sinon": "^7.2.2"
} }

7
packages/switch/stories/index.stories.js
View file

@ -1,10 +1,9 @@
import { storiesOf, html } from '@open-wc/demoing-storybook';
import { Validator } from '@lion/validate'; import { Validator } from '@lion/validate';
import { html, storiesOf } from '@open-wc/demoing-storybook';
import '../lion-switch.js';
import '../lion-switch-button.js'; import '../lion-switch-button.js';
import '../lion-switch.js';
storiesOf('Buttons|Switch', module) storiesOf('Buttons|Switch')
.add( .add(
'Default', 'Default',
() => html` () => html`

2
packages/tabs/package.json
View file

@ -35,7 +35,7 @@
"@lion/core": "0.3.0" "@lion/core": "0.3.0"
}, },
"devDependencies": { "devDependencies": {
"@open-wc/demoing-storybook": "^0.2.0", "@open-wc/demoing-storybook": "^1.1.1",
"@open-wc/testing": "^2.3.4", "@open-wc/testing": "^2.3.4",
"sinon": "^7.2.2" "sinon": "^7.2.2"
} }

6
packages/tabs/stories/index.stories.js
View file

@ -1,5 +1,5 @@
import { storiesOf, html } from '@open-wc/demoing-storybook'; import { css, LitElement } from '@lion/core';
import { LitElement, css } from '@lion/core'; import { html, storiesOf } from '@open-wc/demoing-storybook';
import '../lion-tabs.js'; import '../lion-tabs.js';
const tabsDemoStyle = css` const tabsDemoStyle = css`
@ -8,7 +8,7 @@ const tabsDemoStyle = css`
} }
`; `;
storiesOf('Tabs', module) storiesOf('Tabs')
.add( .add(
'Default', 'Default',
() => html` () => html`

2
packages/textarea/package.json
View file

@ -38,7 +38,7 @@
}, },
"devDependencies": { "devDependencies": {
"@lion/validate": "0.5.4", "@lion/validate": "0.5.4",
"@open-wc/demoing-storybook": "^0.2.0", "@open-wc/demoing-storybook": "^1.1.1",
"@open-wc/testing": "^2.3.4" "@open-wc/testing": "^2.3.4"
} }
} }

6
packages/textarea/stories/index.stories.js
View file

@ -1,10 +1,10 @@
import { storiesOf, html } from '@open-wc/demoing-storybook'; import { MaxLength, MinLength, Required } from '@lion/validate';
import { Required, MinLength, MaxLength } from '@lion/validate'; import { html, storiesOf } from '@open-wc/demoing-storybook';
import '../lion-textarea.js'; import '../lion-textarea.js';
const lorem = `Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.`; const lorem = `Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.`;
storiesOf('Forms|Textarea', module) storiesOf('Forms|Textarea')
.add( .add(
'Default', 'Default',
() => html` () => html`

2
packages/tooltip/package.json
View file

@ -36,7 +36,7 @@
"@lion/overlays": "0.10.1" "@lion/overlays": "0.10.1"
}, },
"devDependencies": { "devDependencies": {
"@open-wc/demoing-storybook": "^0.2.0", "@open-wc/demoing-storybook": "^1.1.1",
"@open-wc/testing": "^2.3.4" "@open-wc/testing": "^2.3.4"
} }
} }

2
packages/tooltip/stories/index.stories.js
View file

@ -40,7 +40,7 @@ const tooltipDemoStyle = css`
} }
`; `;
storiesOf('Overlays Specific WC|Tooltip', module) storiesOf('Overlays Specific WC|Tooltip')
.addDecorator(withKnobs) .addDecorator(withKnobs)
.add( .add(
'Test', 'Test',

2
packages/validate/package.json
View file

@ -38,7 +38,7 @@
"@lion/localize": "0.7.2" "@lion/localize": "0.7.2"
}, },
"devDependencies": { "devDependencies": {
"@open-wc/demoing-storybook": "^0.2.0", "@open-wc/demoing-storybook": "^1.1.1",
"@open-wc/testing": "^2.3.4", "@open-wc/testing": "^2.3.4",
"sinon": "^7.2.2" "sinon": "^7.2.2"
} }

41
packages/validate/stories/index.stories.js
View file

@ -1,36 +1,33 @@
/* eslint-disable import/no-extraneous-dependencies */ /* eslint-disable import/no-extraneous-dependencies */
import { storiesOf, html } from '@open-wc/demoing-storybook';
import { LionInput } from '@lion/input'; import { LionInput } from '@lion/input';
import '@lion/input/lion-input.js';
import '@lion/input-amount/lion-input-amount.js'; import '@lion/input-amount/lion-input-amount.js';
import '@lion/input-date/lion-input-date.js'; import '@lion/input-date/lion-input-date.js';
import '@lion/input-email/lion-input-email.js'; import '@lion/input-email/lion-input-email.js';
import '@lion/input/lion-input.js';
import { html, storiesOf } from '@open-wc/demoing-storybook';
import { import {
Required,
EqualsLength,
MinLength,
MaxLength,
MinMaxLength,
IsNumber,
MinNumber,
MaxNumber,
MinMaxNumber,
IsDate,
MinDate,
MaxDate,
MinMaxDate,
IsEmail,
Validator,
loadDefaultFeedbackMessages,
DefaultSuccess, DefaultSuccess,
EqualsLength,
IsDate,
IsEmail,
IsNumber,
loadDefaultFeedbackMessages,
MaxDate,
MaxLength,
MaxNumber,
MinDate,
MinLength,
MinMaxDate,
MinMaxLength,
MinMaxNumber,
MinNumber,
Required,
Validator,
} from '../index.js'; } from '../index.js';
loadDefaultFeedbackMessages(); loadDefaultFeedbackMessages();
storiesOf('Forms|Validation', module) storiesOf('Forms|Validation')
.add( .add(
'Required Validator', 'Required Validator',
() => html` () => html`

38
stories/index.stories.js
View file

@ -1,38 +0,0 @@
import '../packages/button/stories/index.stories.js';
import '../packages/input/stories/index.stories.js';
import '../packages/input/stories/localize.stories.js';
import '../packages/textarea/stories/index.stories.js';
import '../packages/input-amount/stories/index.stories.js';
import '../packages/input-date/stories/index.stories.js';
import '../packages/input-datepicker/stories/index.stories.js';
import '../packages/input-email/stories/index.stories.js';
import '../packages/input-iban/stories/index.stories.js';
import '../packages/input-range/stories/index.stories.js';
import '../packages/option/stories/index.stories.js';
import '../packages/select/stories/index.stories.js';
import '../packages/fieldset/stories/index.stories.js';
import '../packages/checkbox-group/stories/index.stories.js';
import '../packages/radio-group/stories/index.stories.js';
import '../packages/form/stories/index.stories.js';
import '../packages/validate/stories/index.stories.js';
import '../packages/form-system/stories/index.stories.js';
import '../packages/form-system/stories/formatting.stories.js';
import '../packages/form-system/stories/interactionStates.stories.js';
import '../packages/icon/stories/index.stories.js';
import '../packages/ajax/stories/index.stories.js';
import '../packages/steps/stories/index.stories.js';
import '../packages/localize/stories/index.stories.js';
import '../packages/calendar/stories/index.stories.js';
import '../packages/overlays/stories/index.stories.js';
import '../packages/overlays/stories/overlay-features.stories.js';
import '../packages/dialog/stories/index.stories.js';
import '../packages/tooltip/stories/index.stories.js';
import '../packages/select-rich/stories/index.stories.js';
import '../packages/switch/stories/index.stories.js';
import '../packages/tabs/stories/index.stories.js';

4735
yarn.lock
View file

File diff suppressed because it is too large Load diff