Fix Circle button typo on storybook (#469)

* Fix Circle button typo on storybook * Don't show calendar * storybook config
GSS-FED · Mar 19, 2019 · bd70e96 · bd70e96
1 parent 10810ee
commit bd70e96
Show file tree

Hide file tree

Showing 3 changed files with 11 additions and 7 deletions.
diff --git a/.storybook/config.tsx b/.storybook/config.tsx
@@ -2,7 +2,11 @@
 import { withInfo } from '@storybook/addon-info';
 // @ts-ignore
 import { create } from '@storybook/theming';
-import { addParameters, configure } from '@storybook/react';
+import {
+  addParameters,
+  configure,
+  addDecorator,
+} from '@storybook/react';
 import * as React from 'react';
 import { withThemes } from 'storybook-styled-components';
 import { createGlobalStyle, css } from 'styled-components';
@@ -35,7 +39,7 @@ const GlobalStyle = createGlobalStyle`
   ${fontFamily};
 `;
 
-addParameters(withInfo);
+addDecorator(withInfo);
 addParameters({
   options: {
     theme: create({
@@ -57,13 +61,13 @@ addParameters({
   },
 });
 
-addParameters(story => (
+addDecorator(story => (
   <>
     <GlobalStyle />
     {story()}
   </>
 ));
-addParameters(withThemes(vitalThemes));
+addDecorator(withThemes(vitalThemes));
 // automatically import all files ending in *.stories.js
 // @ts-ignore
 const req = require.context('../packages', true, /.stories.tsx$/);

diff --git a/...-ui-lab/calendar/src/Calendar.stories.tsx → ...lendar/src/Calendar.stories_not_ready.tsx b/...-ui-lab/calendar/src/Calendar.stories.tsx → ...lendar/src/Calendar.stories_not_ready.tsx
diff --git a/packages/button/src/Button.stories.tsx b/packages/button/src/Button.stories.tsx
@@ -13,7 +13,7 @@ import {
   ButtonGroup,
   FlatButton,
   SubtleButton,
-  CicleButton,
+  CircleButton,
   LightButton,
   LinkButton,
 } from '.';
@@ -108,9 +108,9 @@ storiesOf('Packages | Button', module)
     <SubtleButton>{text('Label', 'Subtle Button')}</SubtleButton>
   ))
   .add('Circular style', () => (
-    <CicleButton>
+    <CircleButton>
       <Star name="star" color="#3b5998" />
-    </CicleButton>
+    </CircleButton>
   ))
   .add('ButtonGroup', () => (
     <ButtonGroup>