Fix a deprecated @storybook/addon-docs import

glints-dev · Sep 9, 2021 · 6efa892 · 6efa892
1 parent 4d51226
commit 6efa892
Show file tree

Hide file tree

Showing 7 changed files with 20 additions and 28 deletions.
diff --git a/src/General/Icon/Icon.stories.mdx b/src/General/Icon/Icon.stories.mdx
@@ -1,4 +1,4 @@
-import { Meta } from '@storybook/addon-docs/blocks';
+import { Meta } from '@storybook/addon-docs';
 import * as AllIcons from './components';
 import { IconGallery, IconSampler } from './IconStoriesHelpers';
 import { Box } from '../../Layout/Box/index.tsx';

diff --git a/src/Layout/GlintsContainer/GlintsContainer.stories.mdx b/src/Layout/GlintsContainer/GlintsContainer.stories.mdx
@@ -1,4 +1,4 @@
-import { Meta } from '@storybook/addon-docs/blocks';
+import { Meta } from '@storybook/addon-docs';
 
 <Meta title="Utilities/GlintsContainer" />
 

diff --git a/src/Layout/Grid/Grid.stories.mdx b/src/Layout/Grid/Grid.stories.mdx
@@ -1,8 +1,8 @@
-import { Meta } from '@storybook/addon-docs/blocks';
+import { Meta } from '@storybook/addon-docs';
 import Grid from './index';
 import { Cell } from './GridStoriesHelpers';
 import { times, constant } from 'lodash';
-import { Box } from '../Box'
+import { Box } from '../Box';
 
 <Meta title="Layout/Grid" />
 
@@ -14,14 +14,10 @@ The grid is divided into 12 columns. Use the properties `xs` (extra small), `sm`
   <Grid>
     <Grid.Row>
       <Grid.Col xs={12} sm={3} md={9}>
-        <Cell>
-          Foo
-          </Cell>
-        </Grid.Col>
+        <Cell>Foo</Cell>
+      </Grid.Col>
       <Grid.Col xs={12} sm={9} md={3}>
-        <Cell>
-          Bar
-        </Cell>
+        <Cell>Bar</Cell>
       </Grid.Col>
     </Grid.Row>
     <Grid.Row>
@@ -57,14 +53,10 @@ The grid is divided into 12 columns. Use the properties `xs` (extra small), `sm`
   <Grid>
     <Grid.Row justifyContent="center">
       <Grid.Col xs={12} md={3}>
-        <Cell>
-          Foo
-          </Cell>
-        </Grid.Col>
+        <Cell>Foo</Cell>
+      </Grid.Col>
       <Grid.Col xs={12} md={3}>
-        <Cell>
-          Bar
-        </Cell>
+        <Cell>Bar</Cell>
       </Grid.Col>
     </Grid.Row>
   </Grid>
@@ -93,13 +85,13 @@ The grid is divided into 12 columns. Use the properties `xs` (extra small), `sm`
   <Grid>
     <Grid.Row alignContent="center">
       <Grid.Col xs={12} md={3}>
-        <Cell>
-          Foo
-          </Cell>
-        </Grid.Col>
+        <Cell>Foo</Cell>
+      </Grid.Col>
       <Grid.Col xs={12} md={3}>
         <Cell>
-          Bar<br/>Foo
+          Bar
+          <br />
+          Foo
         </Cell>
       </Grid.Col>
     </Grid.Row>
@@ -121,4 +113,4 @@ The grid is divided into 12 columns. Use the properties `xs` (extra small), `sm`
     </Grid.Col>
   </Grid.Row>
 </Grid>
-```
+```
diff --git a/src/Utils/Breakpoints.stories.mdx b/src/Utils/Breakpoints.stories.mdx
@@ -1,4 +1,4 @@
-import { Meta } from '@storybook/addon-docs/blocks';
+import { Meta } from '@storybook/addon-docs';
 import { ScreenSize, Device } from './StyleConfig';
 
 <Meta title="Utilities/Breakpoints" />

diff --git a/src/Utils/Colors.stories.mdx b/src/Utils/Colors.stories.mdx
@@ -1,4 +1,4 @@
-import { Meta } from '@storybook/addon-docs/blocks';
+import { Meta } from '@storybook/addon-docs';
 import { PrimaryColor, Greyscale, SecondaryColor } from './Colors';
 import { getReadableColor } from './getReadableColor';
 import { ColorSampler, ColorSample } from './ColorsStoriesHelpers';

diff --git a/src/Utils/Shadow/Shadows.stories.mdx b/src/Utils/Shadow/Shadows.stories.mdx
@@ -1,5 +1,5 @@
 import { Fragment } from 'react';
-import { Meta } from '@storybook/addon-docs/blocks';
+import { Meta } from '@storybook/addon-docs';
 import { Shadow } from './';
 import {
   levels,

diff --git a/src/stories/Introduction.stories.mdx b/src/stories/Introduction.stories.mdx
@@ -1,4 +1,4 @@
-import { Meta } from '@storybook/addon-docs/blocks';
+import { Meta } from '@storybook/addon-docs';
 const { version } = require('../../package.json');
 import { AriesStatus } from './story-components/AriesStatus';