docs: use new imports

Author: Nikolai Lopin

src/components/Accordion/docs/Accordion.storybook.mdx

@@ -1,6 +1,5 @@
 import { Meta, ArgsTable, Primary, Stories } from '@storybook/blocks';
 import * as AccordionStories from './Accordion.stories';
-import { Accordion } from '../Accordion';
 
 <Meta of={AccordionStories} />
 

src/components/Button/docs/TextButton.storybook.mdx

@@ -1,4 +1,4 @@
-import { Meta, Primary, ArgsTable, Story, Stories, Source } from '@storybook/blocks';
+import { Meta, Primary, ArgsTable, Stories } from '@storybook/blocks';
 import { StyledSystemLinks } from '../../../docs/StyledSystemLinks';
 import * as TextButtonStories from './TextButton.stories';
 

src/components/FilePicker/docs/FilePicker.stories.mdx

@@ -1,4 +1,4 @@
-import { Canvas, Story, ArgsTable, Meta } from '@storybook/addon-docs';
+import { Canvas, Story, ArgsTable, Meta } from '@storybook/blocks';
 import { Box } from '../../Box/Box';
 import { FilePicker } from '../../FilePicker/FilePicker';
 import { ControlledErrorFilePicker } from './ControlledErrorFilePicker';

src/components/Input/docs/Input.stories.mdx

@@ -1,4 +1,4 @@
-import { ArgsTable, Canvas, Meta, Story } from '@storybook/addon-docs';
+import { ArgsTable, Canvas, Meta, Story } from '@storybook/blocks';
 import { Input } from '../Input';
 import { StyledSystemLinks } from '../../../docs/StyledSystemLinks';
 

src/components/Label/docs/Label.stories.mdx

@@ -1,4 +1,4 @@
-import { Canvas, Story, ArgsTable, Meta } from '@storybook/addon-docs';
+import { Canvas, Story, ArgsTable, Meta } from '@storybook/blocks';
 import { Label } from '../Label';
 import { StyledSystemLinks } from '../../../docs/StyledSystemLinks';
 

src/components/Link/docs/Link.stories.mdx

@@ -1,4 +1,4 @@
-import { Canvas, Story, ArgsTable, Meta } from '@storybook/addon-docs';
+import { Canvas, Story, ArgsTable, Meta } from '@storybook/blocks';
 import { StyledSystemLinks } from '../../../docs/StyledSystemLinks';
 import { Link } from '../Link';
 

src/components/Modal/docs/Modal.stories.mdx

@@ -1,5 +1,5 @@
 import { useState } from 'react';
-import { Canvas, Story, ArgsTable, Meta } from '@storybook/addon-docs';
+import { Canvas, Story, ArgsTable, Meta } from '@storybook/blocks';
 import { Modal } from '../Modal';
 import { ModalCreator, modalContent } from './ModalCreator';
 import { StyledSystemLinks } from '../../../docs/StyledSystemLinks';

src/components/Offcanvas/docs/Offcanvas.stories.mdx

@@ -1,5 +1,5 @@
 import { useState } from 'react';
-import { Canvas, Story, ArgsTable, Meta } from '@storybook/addon-docs';
+import { Canvas, Story, ArgsTable, Meta } from '@storybook/blocks';
 import { Offcanvas } from '../Offcanvas';
 import { OffcanvasCreator, offcanvasContent } from './OffcanvasCreator';
 import { StyledSystemLinks } from '../../../docs/StyledSystemLinks';

src/components/Pagination/docs/Pagination.stories.mdx

@@ -1,5 +1,5 @@
 import { useState, ChangeEvent } from 'react';
-import { Canvas, Story, ArgsTable, Meta } from '@storybook/addon-docs';
+import { Canvas, Story, ArgsTable, Meta } from '@storybook/blocks';
 import { StyledSystemLinks } from '../../../docs/StyledSystemLinks';
 import { Pagination } from '../Pagination';
 import { NormalPagination, SmallPagination, PaginationWithPageSize } from './PaginationProvider';

src/components/Password/docs/Password.stories.mdx

@@ -1,5 +1,5 @@
 import { useState, ChangeEvent } from 'react';
-import { Canvas, Story, ArgsTable, Meta } from '@storybook/addon-docs';
+import { Canvas, Story, ArgsTable, Meta } from '@storybook/blocks';
 import { StyledSystemLinks } from '../../../docs/StyledSystemLinks';
 import { Password } from '../Password';
 

src/components/PhoneInput/docs/PhoneInput.stories.mdx

@@ -1,5 +1,5 @@
 import { useState, ChangeEvent } from 'react';
-import { Canvas, Story, ArgsTable, Meta } from '@storybook/addon-docs';
+import { Canvas, Story, ArgsTable, Meta } from '@storybook/blocks';
 import { StyledSystemLinks } from '../../../docs/StyledSystemLinks';
 import { PhoneInput } from '../PhoneInput';
 import { COUNTRIES } from '../constants';

src/components/Popover/docs/Popover.stories.mdx

@@ -1,5 +1,5 @@
 import { useState, ChangeEvent } from 'react';
-import { Canvas, Story, ArgsTable, Meta } from '@storybook/addon-docs';
+import { Canvas, Story, ArgsTable, Meta } from '@storybook/blocks';
 import { StyledSystemLinks } from '../../../docs/StyledSystemLinks';
 import { Button } from '../../../components/Button/Button';
 import { Text } from '../../../components/Text/Text';

src/components/RadioButton/docs/RadioButton.stories.mdx

@@ -1,5 +1,5 @@
 import { useState, ChangeEvent } from 'react';
-import { Canvas, Story, ArgsTable, Meta } from '@storybook/addon-docs';
+import { Canvas, Story, ArgsTable, Meta } from '@storybook/blocks';
 import { StyledSystemLinks } from '../../../docs/StyledSystemLinks';
 import { RadioButton } from '../RadioButton';
 

src/components/Tag/docs/Tag.stories.mdx

@@ -1,4 +1,4 @@
-import { Canvas, Story, ArgsTable, Meta } from '@storybook/addon-docs';
+import { Canvas, Story, ArgsTable, Meta } from '@storybook/blocks';
 import { useState } from 'react';
 import { StyledSystemLinks } from '../../../docs/StyledSystemLinks';
 import { Tag } from '../Tag';

src/components/Textarea/docs/Textarea.stories.mdx

@@ -1,6 +1,6 @@
 import { Textarea } from '../Textarea';
 import { StyledSystemLinks } from '../../../docs/StyledSystemLinks';
-import { Canvas, Story, ArgsTable, Meta } from '@storybook/addon-docs';
+import { Canvas, Story, ArgsTable, Meta } from '@storybook/blocks';
 
 # Textarea
 

src/components/Toggle/docs/Toggle.stories.mdx

@@ -1,4 +1,4 @@
-import { Canvas, Story, ArgsTable, Meta } from '@storybook/addon-docs';
+import { Canvas, Story, ArgsTable, Meta } from '@storybook/blocks';
 import { StyledSystemLinks } from '../../../docs/StyledSystemLinks';
 import { Toggle } from '../Toggle';
 

src/icons/docs/IconGrid.tsx

@@ -1,5 +1,5 @@
 import React from 'react';
-import { IconGallery, IconItem } from '@storybook/addon-docs';
+import { IconGallery, IconItem } from '@storybook/blocks';
 import { IconProps } from '../IconProps';
 
 interface IconGridProps {

src/icons/docs/SearchableIconGrid.tsx

@@ -1,5 +1,5 @@
 import React, { useState } from 'react';
-import { Subheading } from '@storybook/addon-docs';
+import { Subheading } from '@storybook/blocks';
 import { Box, Input } from '../../components';
 import * as ActionsIcons from '../actions';
 import * as ArrowsIcons from '../arrows';