diff --git a/package.json b/package.json index 16ee959a7..8a29c7cb2 100644 --- a/package.json +++ b/package.json @@ -53,12 +53,12 @@ }, "devDependencies": { "@babel/core": "^7.4.5", - "@storybook/addon-a11y": "^6.0.0-beta.34", - "@storybook/addon-actions": "^6.0.0-beta.34", - "@storybook/addon-links": "^6.0.0-beta.34", - "@storybook/addon-viewport": "^6.0.0-beta.34", - "@storybook/addons": "^6.0.0-beta.34", - "@storybook/react": "^6.0.0-beta.34", + "@storybook/addon-a11y": "^6.0.0-beta.36", + "@storybook/addon-actions": "^6.0.0-beta.36", + "@storybook/addon-links": "^6.0.0-beta.36", + "@storybook/addon-viewport": "^6.0.0-beta.36", + "@storybook/addons": "^6.0.0-beta.36", + "@storybook/react": "^6.0.0-beta.36", "babel-eslint": "^10.0.3", "babel-loader": "^8.0.6", "babel-plugin-styled-components": "^1.10.0", diff --git a/src/components/basics/BoxLink.stories.js b/src/components/basics/BoxLink.stories.js index 9faec77a8..d0b02df59 100644 --- a/src/components/basics/BoxLink.stories.js +++ b/src/components/basics/BoxLink.stories.js @@ -12,5 +12,4 @@ const Wrapper = styled.div` padding: 20px; `; -export const Basic = () => BoxLink content; -Basic.storyName = 'Default'; +export const Default = () => BoxLink content; diff --git a/src/components/basics/GatsbyLink.stories.js b/src/components/basics/GatsbyLink.stories.js index 83ac051f0..ac8610b95 100644 --- a/src/components/basics/GatsbyLink.stories.js +++ b/src/components/basics/GatsbyLink.stories.js @@ -6,5 +6,4 @@ export default { title: 'Basics/GatsbyLink', }; -export const Basic = () => I am a GatsbyLink; -Basic.storyName = 'Default'; +export const Default = () => I am a GatsbyLink; diff --git a/src/components/basics/IconLearnStorybook.stories.js b/src/components/basics/IconLearnStorybook.stories.js index 3abb4dba3..327930f1c 100644 --- a/src/components/basics/IconLearnStorybook.stories.js +++ b/src/components/basics/IconLearnStorybook.stories.js @@ -6,5 +6,4 @@ export default { title: 'Basics/IconLearnStorybook', }; -export const Basic = () => ; -Basic.storyName = 'Default'; +export const Default = () => ; diff --git a/src/components/basics/Logo.stories.js b/src/components/basics/Logo.stories.js index 1ebfccee6..bd0047245 100644 --- a/src/components/basics/Logo.stories.js +++ b/src/components/basics/Logo.stories.js @@ -12,12 +12,10 @@ const BlueBackground = styled.div` background-image: linear-gradient(14deg, #26c6db 0%, #2694db 100%); `; -export const Basic = () => ; -Basic.storyName = 'Default'; +export const Default = () => ; export const Inverted = () => ( ); -Inverted.storyName = 'inverted'; diff --git a/src/components/basics/LogoChroma.stories.js b/src/components/basics/LogoChroma.stories.js index c2cf364fd..7005290a9 100644 --- a/src/components/basics/LogoChroma.stories.js +++ b/src/components/basics/LogoChroma.stories.js @@ -6,5 +6,4 @@ export default { title: 'Basics/LogoChroma', }; -export const Basic = () => ; -Basic.storyName = 'Default'; +export const Default = () => ; diff --git a/src/components/basics/LogoChromatic.stories.js b/src/components/basics/LogoChromatic.stories.js index c8cea882e..b0f812d4c 100644 --- a/src/components/basics/LogoChromatic.stories.js +++ b/src/components/basics/LogoChromatic.stories.js @@ -6,5 +6,4 @@ export default { title: 'Basics/LogoChromatic', }; -export const Basic = () => ; -Basic.storyName = 'Default'; +export const Default = () => ; diff --git a/src/components/basics/ShadowBox.stories.js b/src/components/basics/ShadowBox.stories.js index c36cd6124..cee915a24 100644 --- a/src/components/basics/ShadowBox.stories.js +++ b/src/components/basics/ShadowBox.stories.js @@ -6,5 +6,4 @@ export default { title: 'Basics/ShadowBox', }; -export const Basic = () => Shadow box content; -Basic.storyName = 'default'; +export const Default = () => Shadow box content; diff --git a/src/components/basics/Stat.stories.js b/src/components/basics/Stat.stories.js index 097027122..96ba236ca 100644 --- a/src/components/basics/Stat.stories.js +++ b/src/components/basics/Stat.stories.js @@ -14,5 +14,4 @@ const Wrapper = styled.div` padding: 20px; `; -export const Basic = () => ; -Basic.storyName = 'Default'; +export const Default = () => ; diff --git a/src/components/composite/AppLayout.stories.js b/src/components/composite/AppLayout.stories.js index 4b9637ffa..125fc8064 100644 --- a/src/components/composite/AppLayout.stories.js +++ b/src/components/composite/AppLayout.stories.js @@ -8,15 +8,12 @@ const Children = styled.div` justify-content: center; padding: 169px 0 100px; `; - -const props = { - children: I am the app., - location: { pathname: '' }, -}; - export default { component: AppLayout, title: 'Composite/AppLayout', + args: { + children: I am the app., + location: { pathname: '' }, + }, }; -export const Basic = () => ; -Basic.storyName = 'Default'; +export const Default = args => ; diff --git a/src/components/composite/CTA.stories.js b/src/components/composite/CTA.stories.js index ddeb72867..2cf2f8d60 100644 --- a/src/components/composite/CTA.stories.js +++ b/src/components/composite/CTA.stories.js @@ -29,4 +29,3 @@ export const All = () => ( /> ); -All.storyName = 'all'; diff --git a/src/components/composite/Footer.stories.js b/src/components/composite/Footer.stories.js index adb73cef3..3e5168582 100644 --- a/src/components/composite/Footer.stories.js +++ b/src/components/composite/Footer.stories.js @@ -5,25 +5,27 @@ export default { component: Footer, excludeStories: /.*Data$/, title: 'Composite/Footer', -}; - -export const Basic = args =>