WithNoBorder Addon not working. But we have a SB parameter for that

axa-ch-webhub-cloud · Aug 26, 2020 · fd0f582 · fd0f582
1 parent 5f57d11
commit fd0f582
Show file tree

Hide file tree

Showing 19 changed files with 26 additions and 59 deletions.
diff --git a/.storybook/addons/no-border/index.js b/.storybook/addons/no-border/index.js
diff --git a/src/components/10-atoms/carousel/story.js b/src/components/10-atoms/carousel/story.js
@@ -3,12 +3,12 @@ import { boolean, number, withKnobs } from '@storybook/addon-knobs';
 import { html, render } from 'lit-html';
 import './index';
 import Changelog from './CHANGELOG.md';
-import withNoBorder from '../../../../.storybook/addons/no-border';
 
 export default {
   title: 'Components',
-  decorators: [withKnobs, withNoBorder],
+  decorators: [withKnobs],
   parameters: {
+    layout: 'fullscreen',
     changelog: Changelog,
   },
 };

diff --git a/src/components/20-molecules/cookie-disclaimer/demo.js b/src/components/20-molecules/cookie-disclaimer/demo.js
@@ -1,13 +1,11 @@
 /* global document */
 import { storiesOf } from '@storybook/html';
-import withNoBorder from '../../../../.storybook/addons/no-border';
 import Changelog from './CHANGELOG.md';
 import './index';
 
 storiesOf('Examples/Cookie Disclaimer/Pure HTML', module)
-  .addDecorator(story => withNoBorder(story))
-  .addDecorator(withNoBorder)
   .addParameters({
+    layout: 'fullscreen',
     changelog: Changelog,
   })
   .add('Dynamic (Story is invisible after click on ok button)', () => {

diff --git a/src/components/20-molecules/cookie-disclaimer/react/story.jsx b/src/components/20-molecules/cookie-disclaimer/react/story.jsx
@@ -5,14 +5,13 @@ import { text, withKnobs } from '@storybook/addon-knobs';
 import React from 'react';
 import ReactDOM from 'react-dom';
 import AXACookieDisclaimerReact from './AXACookieDisclaimerReact';
-import withNoBorder from '../../../../../.storybook/addons/no-border';
 import AXALinkReact from './AXALinkReact';
 import Changelog from '../CHANGELOG.md';
 
 storiesOf('Examples/Cookie Disclaimer/React', module)
-  .addDecorator(withNoBorder)
   .addDecorator(withKnobs)
   .addParameters({
+    layout: 'fullscreen',
     changelog: Changelog,
   })
   .add('Story', () => {

diff --git a/src/components/20-molecules/cookie-disclaimer/story.js b/src/components/20-molecules/cookie-disclaimer/story.js
@@ -2,13 +2,12 @@ import { boolean, text, withKnobs } from '@storybook/addon-knobs';
 import { html, render } from 'lit-html';
 import './index';
 import Changelog from './CHANGELOG.md';
-import withNoBorder from '../../../../.storybook/addons/no-border';
 
 export default {
   title: 'Components',
-  decorators: [withNoBorder, withKnobs],
-
+  decorators: [withKnobs],
   parameters: {
+    layout: 'fullscreen',
     changelog: Changelog,
   },
 };

diff --git a/src/components/20-molecules/footer-small/demo.js b/src/components/20-molecules/footer-small/demo.js
@@ -2,13 +2,12 @@
 import { storiesOf } from '@storybook/html';
 import './index';
 import Changelog from './CHANGELOG.md';
-import withNoBorder from '../../../../.storybook/addons/no-border';
 
 const selectedLanguageKey = '-';
 
 storiesOf('Examples/Footer Small/Pure HTML', module)
-  .addDecorator(withNoBorder)
   .addParameters({
+    layout: 'fullscreen',
     changelog: Changelog,
   })
   .add('Dynamic Links', () => {

diff --git a/src/components/20-molecules/footer-small/react/story.jsx b/src/components/20-molecules/footer-small/react/story.jsx
@@ -4,13 +4,12 @@ import React from 'react';
 import ReactDOM from 'react-dom';
 import DemoFooterSmall from './FooterSmall';
 import Changelog from '../CHANGELOG.md';
-import withNoBorder from '../../../../../.storybook/addons/no-border';
 import DemoFooterSmallDynamicChildren from './footerSmallDynamicChildren';
 
 storiesOf('Examples/Footer Small/React', module)
-  .addDecorator(withNoBorder)
   .addDecorator(withKnobs)
   .addParameters({
+    layout: 'fullscreen',
     changelog: Changelog,
   })
   .add('Callbacks on language', () => {

diff --git a/src/components/20-molecules/footer-small/story.js b/src/components/20-molecules/footer-small/story.js
@@ -1,14 +1,14 @@
 import { text, withKnobs } from '@storybook/addon-knobs';
 import { html, render } from 'lit-html';
 import './index';
-import withNoBorder from '../../../../.storybook/addons/no-border';
 import Changelog from './CHANGELOG.md';
 
 export default {
   title: 'Components',
-  decorators: [withNoBorder, withKnobs],
+  decorators: [withKnobs],
 
   parameters: {
+    layout: 'fullscreen',
     changelog: Changelog,
   },
 };

diff --git a/src/components/20-molecules/policy-features/react/story.jsx b/src/components/20-molecules/policy-features/react/story.jsx
@@ -9,13 +9,12 @@ import AXAPolicyFeaturesReact from './AXAPolicyFeaturesReact';
 import AXAPolicyFeaturesItemReact from './AXAPolicyFeaturesItemReact';
 import Changelog from '../CHANGELOG.md';
 import { STYLE_WHITELIST } from '../index';
-import withNoBorder from '../../../../../.storybook/addons/no-border';
 
 const story = storiesOf('Examples/Policy Features/React', module);
-story.addDecorator(withNoBorder);
 story.addDecorator(withKnobs);
 story
   .addParameters({
+    layout: 'fullscreen',
     changelog: Changelog,
   })
   /* Default */

diff --git a/src/components/20-molecules/policy-features/story.js b/src/components/20-molecules/policy-features/story.js
@@ -4,12 +4,12 @@ import { CarSvg, UmbrellaSvg, TickSvg } from '@axa-ch/materials/images';
 import { html, render } from 'lit-html';
 import { STYLE_WHITELIST } from './index';
 import Changelog from './CHANGELOG.md';
-import withNoBorder from '../../../../.storybook/addons/no-border';
 
 export default {
   title: 'Components',
-  decorators: [withKnobs, withNoBorder],
+  decorators: [withKnobs],
   parameters: {
+    layout: 'fullscreen',
     changelog: Changelog,
   },
 };

diff --git a/src/components/20-molecules/top-content-bar/react/story.jsx b/src/components/20-molecules/top-content-bar/react/story.jsx
@@ -5,7 +5,6 @@ import { text, select, withKnobs } from '@storybook/addon-knobs';
 import React from 'react';
 import AXATopContentBar from './AXATopContentBarReact';
 import Changelog from '../CHANGELOG.md';
-import withNoBorder from '../../../../../.storybook/addons/no-border';
 
 import wrap from '../../../../other/demo/react/utils/wrap-render-react';
 
@@ -15,9 +14,9 @@ const variantOptions = {
 };
 
 storiesOf('Examples/Top Content Bar/React', module)
-  .addDecorator(withNoBorder)
   .addDecorator(withKnobs)
   .addParameters({
+    layout: 'fullscreen',
     changelog: Changelog,
   })
   /* Default */

diff --git a/src/components/20-molecules/top-content-bar/story.js b/src/components/20-molecules/top-content-bar/story.js
@@ -2,7 +2,6 @@ import { text, select, withKnobs } from '@storybook/addon-knobs';
 import { html, render } from 'lit-html';
 import './index';
 import Changelog from './CHANGELOG.md';
-import withNoBorder from '../../../../.storybook/addons/no-border';
 
 const variantOptions = {
   none: '',
@@ -11,9 +10,10 @@ const variantOptions = {
 
 export default {
   title: 'Components',
-  decorators: [withNoBorder, withKnobs],
+  decorators: [withKnobs],
 
   parameters: {
+    layout: 'fullscreen',
     changelog: Changelog,
   },
 };

diff --git a/src/components/30-organisms/commercial-hero-banner/demo.js b/src/components/30-organisms/commercial-hero-banner/demo.js
@@ -4,17 +4,16 @@ import { storiesOf } from '@storybook/html';
 // if your need more boolean, select, radios
 import { text, radios, withKnobs } from '@storybook/addon-knobs';
 import { html, render } from 'lit-html';
-import withNoBorder from '../../../../.storybook/addons/no-border';
 import './index';
 import Changelog from './CHANGELOG.md';
 
 const storyAXACommercialHeroBanner = storiesOf(
   'Examples/Commercial Hero Banner/Pure HTML',
   module
 );
-storyAXACommercialHeroBanner.addDecorator(withNoBorder);
 storyAXACommercialHeroBanner.addDecorator(withKnobs);
 storyAXACommercialHeroBanner.addParameters({
+  layout: 'fullscreen',
   changelog: Changelog,
 });
 

diff --git a/src/components/30-organisms/commercial-hero-banner/story.js b/src/components/30-organisms/commercial-hero-banner/story.js
@@ -1,14 +1,14 @@
 // if your need more boolean, select, radios
 import { text, radios, withKnobs } from '@storybook/addon-knobs';
 import { html, render } from 'lit-html';
-import withNoBorder from '../../../../.storybook/addons/no-border';
 import './index';
 import Changelog from './CHANGELOG.md';
 
 export default {
   title: 'Components',
-  decorators: [withKnobs, withNoBorder],
+  decorators: [withKnobs],
   parameters: {
+    layout: 'fullscreen',
     changelog: Changelog,
   },
 };

diff --git a/src/components/30-organisms/footer/demo.js b/src/components/30-organisms/footer/demo.js
@@ -1,12 +1,11 @@
 /* global document */
 import { storiesOf } from '@storybook/html';
-import withNoBorder from '../../../../.storybook/addons/no-border';
 import Changelog from './CHANGELOG.md';
 import './index';
 
 storiesOf('Examples/Footer/Pure HTML', module)
-  .addDecorator(withNoBorder)
   .addParameters({
+    layout: 'fullscreen',
     changelog: Changelog,
   })
 

diff --git a/src/components/30-organisms/footer/react/story.jsx b/src/components/30-organisms/footer/react/story.jsx
@@ -1,7 +1,6 @@
 import { storiesOf } from '@storybook/html';
 import React from 'react';
 import ReactDOM from 'react-dom';
-import withNoBorder from '../../../../../.storybook/addons/no-border';
 import Changelog from '../CHANGELOG.md';
 import AXAFooterReact from './Footer';
 
@@ -13,8 +12,8 @@ const setNewlyClickedLink = link => {
 };
 
 storiesOf('Examples/Footer/React', module)
-  .addDecorator(withNoBorder)
   .addParameters({
+    layout: 'fullscreen',
     changelog: Changelog,
   })
 

diff --git a/src/components/30-organisms/footer/story.js b/src/components/30-organisms/footer/story.js
@@ -1,14 +1,14 @@
 import { text, withKnobs } from '@storybook/addon-knobs';
 import { html, render } from 'lit-html';
 import './index';
-import withNoBorder from '../../../../.storybook/addons/no-border';
 import Changelog from './CHANGELOG.md';
 
 export default {
   title: 'Components',
-  decorators: [withNoBorder, withKnobs],
+  decorators: [withKnobs],
 
   parameters: {
+    layout: 'fullscreen',
     changelog: Changelog,
   },
 };

diff --git a/src/components/30-organisms/testimonials/react/story.jsx b/src/components/30-organisms/testimonials/react/story.jsx
@@ -5,12 +5,11 @@ import { boolean, text, withKnobs, number } from '@storybook/addon-knobs';
 import React from 'react';
 import ReactDOM from 'react-dom';
 import Changelog from '../CHANGELOG.md';
-import withNoBorder from '../../../../../.storybook/addons/no-border';
 
 const story = storiesOf('Examples/Testimonials/React', module);
 story.addDecorator(withKnobs);
-story.addDecorator(withNoBorder);
 story.addParameters({
+  layout: 'fullscreen',
   changelog: Changelog,
 });
 

diff --git a/src/components/30-organisms/testimonials/story.js b/src/components/30-organisms/testimonials/story.js
@@ -2,12 +2,12 @@ import { boolean, text, withKnobs, number } from '@storybook/addon-knobs';
 import { html, render } from 'lit-html';
 import './index';
 import Changelog from './CHANGELOG.md';
-import withNoBorder from '../../../../.storybook/addons/no-border';
 
 export default {
   title: 'Components/Testimonials',
-  decorators: [withKnobs, withNoBorder],
+  decorators: [withKnobs],
   parameters: {
+    layout: 'fullscreen',
     changelog: Changelog,
   },
 };