diff --git a/.storybook/.babelrc b/.storybook/.babelrc deleted file mode 100755 index 72a6adc8b..000000000 --- a/.storybook/.babelrc +++ /dev/null @@ -1,15 +0,0 @@ -{ - "plugins": [ - "@babel/plugin-syntax-dynamic-import", - "@babel/plugin-proposal-object-rest-spread" - ], - "presets": [ - [ - "@babel/preset-env", - { - "useBuiltIns": "entry", - "corejs": "2", - } - ] - ] -} diff --git a/.storybook/addons.js b/.storybook/addons.js deleted file mode 100755 index ef8f6b166..000000000 --- a/.storybook/addons.js +++ /dev/null @@ -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'; diff --git a/.storybook/config.js b/.storybook/config.js deleted file mode 100755 index af855a6b9..000000000 --- a/.storybook/config.js +++ /dev/null @@ -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); diff --git a/.storybook/preview-head.html b/.storybook/preview-head.html deleted file mode 100644 index 90817a5a0..000000000 --- a/.storybook/preview-head.html +++ /dev/null @@ -1,2 +0,0 @@ - diff --git a/.storybook/preview.js b/.storybook/preview.js new file mode 100755 index 000000000..ae3815dd5 --- /dev/null +++ b/.storybook/preview.js @@ -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(); diff --git a/.storybook/webpack.config.js b/.storybook/webpack.config.js deleted file mode 100755 index 4babfc3a8..000000000 --- a/.storybook/webpack.config.js +++ /dev/null @@ -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'], - }); -}; diff --git a/package.json b/package.json index f032adec1..fdf5b5048 100644 --- a/package.json +++ b/package.json @@ -8,8 +8,7 @@ "devDependencies": { "@commitlint/cli": "^7.0.0", "@commitlint/config-conventional": "^7.0.0", - "@open-wc/building-rollup": "^0.14.8", - "@open-wc/demoing-storybook": "^0.2.0", + "@open-wc/demoing-storybook": "^1.1.1", "@open-wc/eslint-config": "^1.0.0", "@open-wc/prettier-config": "^0.1.0", "@open-wc/testing": "^2.3.4", @@ -36,8 +35,8 @@ }, "scripts": { "start": "npm run storybook", - "storybook": "start-storybook -p 9001 -s ./assets", - "storybook:build": "build-storybook -s ./assets", + "storybook": "start-storybook -p 9001 --stories \"./packages/*/stories/*.stories.{js,mdx}\" --node-resolve --watch --open", + "storybook:build": "build-storybook --stories \"./packages/*/stories/*.stories.{js,mdx}\" --output-dir ./storybook-static", "test": "karma start --coverage", "test:watch": "karma start --auto-watch=true --single-run=false", "test:compatibility": "karma start --compatibility all --coverage", diff --git a/packages/ajax/package.json b/packages/ajax/package.json index 3eae10e08..129a2e603 100644 --- a/packages/ajax/package.json +++ b/packages/ajax/package.json @@ -36,7 +36,7 @@ "@lion/core": "0.3.0" }, "devDependencies": { - "@open-wc/demoing-storybook": "^0.2.0", + "@open-wc/demoing-storybook": "^1.1.1", "@open-wc/testing": "^2.3.4", "sinon": "^7.2.2" } diff --git a/packages/ajax/stories/index.stories.js b/packages/ajax/stories/index.stories.js index bc979bab6..1e4f193f2 100644 --- a/packages/ajax/stories/index.stories.js +++ b/packages/ajax/stories/index.stories.js @@ -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'; -storiesOf('Ajax system|Ajax', module) +storiesOf('Ajax system|Ajax') .addParameters({ options: { selectedPanel: 'storybook/actions/actions-panel' } }) .add( 'Get', diff --git a/packages/button/package.json b/packages/button/package.json index bab08c5e5..e9479fc2d 100644 --- a/packages/button/package.json +++ b/packages/button/package.json @@ -38,7 +38,7 @@ "@lion/form": "0.3.14", "@lion/icon": "0.2.10", "@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", "@polymer/iron-test-helpers": "^3.0.1", "sinon": "^7.2.2" diff --git a/packages/button/stories/index.stories.js b/packages/button/stories/index.stories.js index 3cc9a6cc4..3d1d0af22 100644 --- a/packages/button/stories/index.stories.js +++ b/packages/button/stories/index.stories.js @@ -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/icon/lion-icon.js'; +import { bug12 } from '@lion/icon/stories/icons/bugs-collection.js'; import '@lion/input/lion-input.js'; - +import { html, storiesOf } from '@open-wc/demoing-storybook'; import '../lion-button.js'; -storiesOf('Buttons|Button', module) +storiesOf('Buttons|Button') .add( 'Used on its own', () => html` diff --git a/packages/calendar/package.json b/packages/calendar/package.json index ac9b45d6f..027bf1a31 100644 --- a/packages/calendar/package.json +++ b/packages/calendar/package.json @@ -38,7 +38,7 @@ }, "devDependencies": { "@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", "sinon": "^7.2.2" } diff --git a/packages/calendar/stories/index.stories.js b/packages/calendar/stories/index.stories.js index 99822e3b9..df25c7348 100755 --- a/packages/calendar/stories/index.stories.js +++ b/packages/calendar/stories/index.stories.js @@ -1,7 +1,6 @@ -import { storiesOf, html } from '@open-wc/demoing-storybook'; -import { css } from '@lion/core'; import '@lion/button/lion-button.js'; - +import { css } from '@lion/core'; +import { html, storiesOf } from '@open-wc/demoing-storybook'; import '../lion-calendar.js'; const calendarDemoStyle = css` @@ -12,7 +11,7 @@ const calendarDemoStyle = css` } `; -storiesOf('Calendar|Standalone', module) +storiesOf('Calendar|Standalone') .add( 'default', () => html` diff --git a/packages/checkbox-group/package.json b/packages/checkbox-group/package.json index b42e2f0e6..b57216d40 100644 --- a/packages/checkbox-group/package.json +++ b/packages/checkbox-group/package.json @@ -39,7 +39,7 @@ "@lion/checkbox": "0.2.13", "@lion/localize": "0.7.2", "@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", "sinon": "^7.2.2" } diff --git a/packages/checkbox-group/stories/index.stories.js b/packages/checkbox-group/stories/index.stories.js index a5e4b64dd..255c6df63 100644 --- a/packages/checkbox-group/stories/index.stories.js +++ b/packages/checkbox-group/stories/index.stories.js @@ -1,10 +1,9 @@ -import { storiesOf, html } from '@open-wc/demoing-storybook'; - -import '../lion-checkbox-group.js'; import '@lion/checkbox/lion-checkbox.js'; 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( 'Default', () => html` diff --git a/packages/checkbox/package.json b/packages/checkbox/package.json index 5df70b9c3..bc872512d 100644 --- a/packages/checkbox/package.json +++ b/packages/checkbox/package.json @@ -37,7 +37,7 @@ "@lion/input": "0.4.2" }, "devDependencies": { - "@open-wc/demoing-storybook": "^0.2.0", + "@open-wc/demoing-storybook": "^1.1.1", "@open-wc/testing": "^2.3.4" } } diff --git a/packages/choice-input/package.json b/packages/choice-input/package.json index 71dfd64e9..83a4a493e 100644 --- a/packages/choice-input/package.json +++ b/packages/choice-input/package.json @@ -38,7 +38,7 @@ "devDependencies": { "@lion/input": "0.4.2", "@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", "sinon": "^7.2.2" } diff --git a/packages/core/package.json b/packages/core/package.json index e1d0fae18..e816f85fd 100644 --- a/packages/core/package.json +++ b/packages/core/package.json @@ -35,7 +35,7 @@ "lit-html": "^1.0.0" }, "devDependencies": { - "@open-wc/demoing-storybook": "^0.2.0", + "@open-wc/demoing-storybook": "^1.1.1", "@open-wc/testing": "^2.3.4", "sinon": "^7.2.2" } diff --git a/packages/dialog/package.json b/packages/dialog/package.json index cc53b1025..12aa186c2 100644 --- a/packages/dialog/package.json +++ b/packages/dialog/package.json @@ -34,7 +34,7 @@ "@lion/overlays": "0.10.1" }, "devDependencies": { - "@open-wc/demoing-storybook": "^0.2.0", + "@open-wc/demoing-storybook": "^1.1.1", "@open-wc/testing": "^2.3.4" } } diff --git a/packages/dialog/stories/index.stories.js b/packages/dialog/stories/index.stories.js index 045e2fda5..bb199dd2d 100644 --- a/packages/dialog/stories/index.stories.js +++ b/packages/dialog/stories/index.stories.js @@ -1,5 +1,5 @@ -import { storiesOf, html, withKnobs, object } from '@open-wc/demoing-storybook'; import { css } from '@lion/core'; +import { html, object, storiesOf, withKnobs } from '@open-wc/demoing-storybook'; import '../lion-dialog.js'; const dialogDemoStyle = css` @@ -51,7 +51,7 @@ const dialogDemoStyle = css` } `; -storiesOf('Overlays Specific WC | Dialog', module) +storiesOf('Overlays Specific WC | Dialog') .addDecorator(withKnobs) .add( 'Button dialog', diff --git a/packages/field/package.json b/packages/field/package.json index d1eac9472..5e60d691a 100644 --- a/packages/field/package.json +++ b/packages/field/package.json @@ -38,7 +38,7 @@ }, "devDependencies": { "@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", "sinon": "^7.2.2" } diff --git a/packages/fieldset/package.json b/packages/fieldset/package.json index 3dac31831..4e5f0939f 100644 --- a/packages/fieldset/package.json +++ b/packages/fieldset/package.json @@ -39,7 +39,7 @@ "devDependencies": { "@lion/input": "0.4.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", "sinon": "^7.2.2" } diff --git a/packages/fieldset/stories/index.stories.js b/packages/fieldset/stories/index.stories.js index 5cd05bb36..5e0bf65d5 100644 --- a/packages/fieldset/stories/index.stories.js +++ b/packages/fieldset/stories/index.stories.js @@ -1,17 +1,14 @@ -import { storiesOf, html } from '@open-wc/demoing-storybook'; - -import '../lion-fieldset.js'; import '@lion/input/lion-input.js'; import { localize } from '@lion/localize'; - -import { Validator, MinLength, loadDefaultFeedbackMessages } from '@lion/validate'; - +import { loadDefaultFeedbackMessages, MinLength, Validator } from '@lion/validate'; +import { html, storiesOf } from '@open-wc/demoing-storybook'; import '../../form-system/stories/helper-wc/h-output.js'; +import '../lion-fieldset.js'; localize.locale = 'en-GB'; loadDefaultFeedbackMessages(); -storiesOf('Forms|Fieldset', module) +storiesOf('Forms|Fieldset') .add( 'Default', () => html` diff --git a/packages/form-system/package.json b/packages/form-system/package.json index f278d662a..c5fdbb219 100644 --- a/packages/form-system/package.json +++ b/packages/form-system/package.json @@ -49,7 +49,7 @@ "@lion/radio-group": "0.4.5", "@lion/textarea": "0.4.2", "@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" } } diff --git a/packages/form-system/stories/formatting.stories.js b/packages/form-system/stories/formatting.stories.js index 0c149dfed..69892d285 100644 --- a/packages/form-system/stories/formatting.stories.js +++ b/packages/form-system/stories/formatting.stories.js @@ -1,6 +1,6 @@ -import { storiesOf, html } from '@open-wc/demoing-storybook'; -import { Unparseable } from '@lion/validate'; 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'; function newDateValid(d) { @@ -8,7 +8,7 @@ function newDateValid(d) { 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( 'model value', () => html` diff --git a/packages/form-system/stories/index.stories.js b/packages/form-system/stories/index.stories.js index dfbee0137..76fa61bc2 100644 --- a/packages/form-system/stories/index.stories.js +++ b/packages/form-system/stories/index.stories.js @@ -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/radio/lion-radio.js'; -import '@lion/radio-group/lion-radio-group.js'; - -import '@lion/input-iban/lion-input-iban.js'; +import '@lion/checkbox/lion-checkbox.js'; +import '@lion/fieldset/lion-fieldset.js'; +import '@lion/form/lion-form.js'; import '@lion/input-amount/lion-input-amount.js'; import '@lion/input-date/lion-input-date.js'; import '@lion/input-email/lion-input-email.js'; -import '@lion/input-range/lion-input-range.js'; -import { Required, MinLength } from '@lion/validate'; +import '@lion/input-iban/lion-input-iban.js'; +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', () => html` html` diff --git a/packages/form/package.json b/packages/form/package.json index 86f4c6a7e..40691a29c 100644 --- a/packages/form/package.json +++ b/packages/form/package.json @@ -40,7 +40,7 @@ "@lion/input-iban": "0.4.2", "@lion/textarea": "0.4.2", "@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", "sinon": "^7.2.2" } diff --git a/packages/form/stories/index.stories.js b/packages/form/stories/index.stories.js index ccee70df3..35eb13e64 100644 --- a/packages/form/stories/index.stories.js +++ b/packages/form/stories/index.stories.js @@ -1,13 +1,11 @@ -import { storiesOf, html } from '@open-wc/demoing-storybook'; - -import '../lion-form.js'; import '@lion/fieldset/lion-fieldset.js'; import '@lion/input-iban/lion-input-iban.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', module) +storiesOf('Forms|Form') .add( 'Basic form result', () => html` diff --git a/packages/icon/package.json b/packages/icon/package.json index 98544bdee..1300ce8ba 100644 --- a/packages/icon/package.json +++ b/packages/icon/package.json @@ -35,7 +35,7 @@ "@lion/core": "0.3.0" }, "devDependencies": { - "@open-wc/demoing-storybook": "^0.2.0", + "@open-wc/demoing-storybook": "^1.1.1", "@open-wc/testing": "^2.3.4" } } diff --git a/packages/icon/stories/index.stories.js b/packages/icon/stories/index.stories.js index 7316b2692..87353c45b 100755 --- a/packages/icon/stories/index.stories.js +++ b/packages/icon/stories/index.stories.js @@ -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 { bug01, bug02, @@ -13,13 +11,12 @@ import { bug23, bug24, } from './icons/bugs-collection.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 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( 'default', () => html` diff --git a/packages/input-amount/package.json b/packages/input-amount/package.json index 7a0d7c285..69fd3627d 100644 --- a/packages/input-amount/package.json +++ b/packages/input-amount/package.json @@ -39,7 +39,7 @@ "@lion/validate": "0.5.4" }, "devDependencies": { - "@open-wc/demoing-storybook": "^0.2.0", + "@open-wc/demoing-storybook": "^1.1.1", "@open-wc/testing": "^2.3.4" } } diff --git a/packages/input-amount/stories/index.stories.js b/packages/input-amount/stories/index.stories.js index 289b8afc5..0daabbd9f 100644 --- a/packages/input-amount/stories/index.stories.js +++ b/packages/input-amount/stories/index.stories.js @@ -1,10 +1,8 @@ -import { storiesOf, html } from '@open-wc/demoing-storybook'; - import { Required } from '@lion/validate'; - +import { html, storiesOf } from '@open-wc/demoing-storybook'; import '../lion-input-amount.js'; -storiesOf('Forms|Input Amount', module) +storiesOf('Forms|Input Amount') .add( 'Default', () => html` diff --git a/packages/input-date/package.json b/packages/input-date/package.json index 2ecbb8fbb..2295771e6 100644 --- a/packages/input-date/package.json +++ b/packages/input-date/package.json @@ -39,7 +39,7 @@ "@lion/validate": "0.5.4" }, "devDependencies": { - "@open-wc/demoing-storybook": "^0.2.0", + "@open-wc/demoing-storybook": "^1.1.1", "@open-wc/testing": "^2.3.4" } } diff --git a/packages/input-date/stories/index.stories.js b/packages/input-date/stories/index.stories.js index a5f33f1cc..e616f6acb 100644 --- a/packages/input-date/stories/index.stories.js +++ b/packages/input-date/stories/index.stories.js @@ -1,10 +1,9 @@ -import { storiesOf, html } from '@open-wc/demoing-storybook'; import { formatDate } from '@lion/localize'; import { MaxDate, MinDate, MinMaxDate } from '@lion/validate'; - +import { html, storiesOf } from '@open-wc/demoing-storybook'; import '../lion-input-date.js'; -storiesOf('Forms|Input Date', module) +storiesOf('Forms|Input Date') .add( 'Default', () => html` diff --git a/packages/input-datepicker/package.json b/packages/input-datepicker/package.json index 5b003f153..50e62b7f5 100644 --- a/packages/input-datepicker/package.json +++ b/packages/input-datepicker/package.json @@ -46,7 +46,7 @@ }, "devDependencies": { "@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", "sinon": "^7.2.2" } diff --git a/packages/input-datepicker/stories/index.stories.js b/packages/input-datepicker/stories/index.stories.js index f0b0410a1..8de0844e2 100644 --- a/packages/input-datepicker/stories/index.stories.js +++ b/packages/input-datepicker/stories/index.stories.js @@ -1,9 +1,9 @@ -import { storiesOf, html } from '@open-wc/demoing-storybook'; import { formatDate } from '@lion/localize'; import { IsDateDisabled, MinMaxDate } from '@lion/validate'; +import { html, storiesOf } from '@open-wc/demoing-storybook'; import '../lion-input-datepicker.js'; -storiesOf('Forms|Input Datepicker', module) +storiesOf('Forms|Input Datepicker') .add( 'Default', () => html` diff --git a/packages/input-email/package.json b/packages/input-email/package.json index 6a2aa8ffb..85459026f 100644 --- a/packages/input-email/package.json +++ b/packages/input-email/package.json @@ -39,7 +39,7 @@ "@lion/validate": "0.5.4" }, "devDependencies": { - "@open-wc/demoing-storybook": "^0.2.0", + "@open-wc/demoing-storybook": "^1.1.1", "@open-wc/testing": "^2.3.4" } } diff --git a/packages/input-email/stories/index.stories.js b/packages/input-email/stories/index.stories.js index a5f8277b9..c0fc467bf 100644 --- a/packages/input-email/stories/index.stories.js +++ b/packages/input-email/stories/index.stories.js @@ -1,10 +1,9 @@ -import { storiesOf, html } from '@open-wc/demoing-storybook'; import { Validator } from '@lion/validate'; - -import '../lion-input-email.js'; +import { html, storiesOf } from '@open-wc/demoing-storybook'; import '../../fieldset/lion-fieldset.js'; +import '../lion-input-email.js'; -storiesOf('Forms|Input Email', module) +storiesOf('Forms|Input Email') .add( 'Default', () => html` diff --git a/packages/input-iban/package.json b/packages/input-iban/package.json index 1be314ab6..79a5aa578 100644 --- a/packages/input-iban/package.json +++ b/packages/input-iban/package.json @@ -40,7 +40,7 @@ "@lion/validate": "0.5.4" }, "devDependencies": { - "@open-wc/demoing-storybook": "^0.2.0", + "@open-wc/demoing-storybook": "^1.1.1", "@open-wc/testing": "^2.3.4" } } diff --git a/packages/input-iban/stories/index.stories.js b/packages/input-iban/stories/index.stories.js index f50c3a809..227ceffc3 100644 --- a/packages/input-iban/stories/index.stories.js +++ b/packages/input-iban/stories/index.stories.js @@ -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 '../lion-input-iban.js'; -storiesOf('Forms|Input IBAN', module) +storiesOf('Forms|Input IBAN') .add( 'Default', () => html` diff --git a/packages/input-range/package.json b/packages/input-range/package.json index 6a1efbd8e..05320efa8 100644 --- a/packages/input-range/package.json +++ b/packages/input-range/package.json @@ -37,7 +37,7 @@ "@lion/localize": "0.7.2" }, "devDependencies": { - "@open-wc/demoing-storybook": "^0.2.0", + "@open-wc/demoing-storybook": "^1.1.1", "@open-wc/testing": "^2.3.4" } } diff --git a/packages/input-range/stories/index.stories.js b/packages/input-range/stories/index.stories.js index 7f87dbedd..1beb92034 100644 --- a/packages/input-range/stories/index.stories.js +++ b/packages/input-range/stories/index.stories.js @@ -1,6 +1,5 @@ -import { storiesOf, html } from '@open-wc/demoing-storybook'; import { css } from '@lion/core'; - +import { html, storiesOf } from '@open-wc/demoing-storybook'; import '../lion-input-range.js'; const rangeDemoStyle = css` @@ -9,7 +8,7 @@ const rangeDemoStyle = css` } `; -storiesOf('Forms | Input Range', module) +storiesOf('Forms | Input Range') .add( 'Default', () => html` diff --git a/packages/input/package.json b/packages/input/package.json index a9584e589..db6655a9d 100644 --- a/packages/input/package.json +++ b/packages/input/package.json @@ -38,7 +38,7 @@ "devDependencies": { "@lion/localize": "0.7.2", "@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" } } diff --git a/packages/input/stories/index.stories.js b/packages/input/stories/index.stories.js index 6df839feb..e21e8b858 100644 --- a/packages/input/stories/index.stories.js +++ b/packages/input/stories/index.stories.js @@ -1,8 +1,7 @@ -import { storiesOf, html } from '@open-wc/demoing-storybook'; - +import { html, storiesOf } from '@open-wc/demoing-storybook'; import '../lion-input.js'; -storiesOf('Forms|Input', module) +storiesOf('Forms|Input') .add( 'Default', () => html` diff --git a/packages/input/stories/localize.stories.js b/packages/input/stories/localize.stories.js index a687d203f..e1d05e20a 100644 --- a/packages/input/stories/localize.stories.js +++ b/packages/input/stories/localize.stories.js @@ -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 { loadDefaultFeedbackMessages, MaxLength, Validator } from '@lion/validate'; +import { html, storiesOf } from '@open-wc/demoing-storybook'; import { LionInput } from '../index.js'; loadDefaultFeedbackMessages(); -storiesOf('Forms|Input Localize', module).add('localize', () => { +storiesOf('Forms|Input Localize').add('localize', () => { class InputValidationExample extends LocalizeMixin(LionInput) { static get localizeNamespaces() { return [ diff --git a/packages/localize/package.json b/packages/localize/package.json index 37d453ba1..c931cc4f3 100644 --- a/packages/localize/package.json +++ b/packages/localize/package.json @@ -38,7 +38,7 @@ }, "devDependencies": { "@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", "sinon": "^7.2.2" } diff --git a/packages/localize/stories/date.stories.js b/packages/localize/stories/date.stories.js index ee531d144..03b0f7d84 100644 --- a/packages/localize/stories/date.stories.js +++ b/packages/localize/stories/date.stories.js @@ -1,5 +1,5 @@ -import { storiesOf, html } from '@open-wc/demoing-storybook'; import { css } from '@lion/core'; +import { html, storiesOf } from '@open-wc/demoing-storybook'; import { formatDate } from '../index.js'; const formatDateDemoStyle = css` @@ -24,7 +24,7 @@ const formatDateDemoStyle = css` } `; -storiesOf('Localize System|Date', module).add( +storiesOf('Localize System|Date').add( 'formatDate', () => html`