Web: Components: fixed storybook blocks import

packages/components/access-right-select/access-right-select.mdx

@@ -1,4 +1,4 @@
-import { Meta, Story, ArgsTable, Canvas } from "@storybook/addon-docs/blocks";
+import { Meta, Story, ArgsTable, Canvas } from "@storybook/blocks";
 
 import AccessRightSelect from "./";
 import * as stories from "./access-right-select.stories.js";

packages/components/combobox/combobox-docs..mdx

@@ -1,10 +1,4 @@
-import {
+import { Meta, Story, ArgsTable, Canvas, Controls } from "@storybook/blocks";
-  Meta,
-  Story,
-  ArgsTable,
-  Canvas,
-  Controls,
-} from "@storybook/addon-docs/blocks";
 import CatalogEmployeeReactSvg from "PUBLIC_DIR/images/catalog.employee.react.svg?url";
 import ComboBox from "./";
 import * as stories from "./combobox.stories.js";

packages/components/email-chips/email-chips.mdx

@@ -1,4 +1,4 @@
-import { Meta, Story, ArgsTable, Canvas } from "@storybook/addon-docs/blocks";
+import { Meta, Story, ArgsTable, Canvas } from "@storybook/blocks";
 import EmailChips from "./";
 import * as stories from "./email-chips.stories.js";
 

packages/components/email-input/email-input.mdx

@@ -1,4 +1,4 @@
-import { Meta, Story, ArgsTable, Canvas } from "@storybook/addon-docs/blocks";
+import { Meta, Story, ArgsTable, Canvas } from "@storybook/blocks";
 
 import EmailInput from "./";
 import * as stories from "./email-input.stories.js";

packages/components/main-button-mobile/main-button-mobile-docs.mdx

@@ -1,10 +1,4 @@
-import {
+import { Meta, Story, ArgsTable, Canvas, Controls } from "@storybook/blocks";
-  Meta,
-  Story,
-  ArgsTable,
-  Canvas,
-  Controls,
-} from "@storybook/addon-docs/blocks";
 
 import * as stories from "./main-button-mobile.stories.js";
 import MainButtonMobile from "./index.js";
@@ -18,7 +12,7 @@ import MainButtonMobile from "./index.js";
 # MainButtonMobile
 
 <Canvas>
-  <Story story={stories.Default} />
+  <Story of={stories.Default} />
 </Canvas>
 
 ## Properties

packages/components/password-input/password-input.mdx

@@ -1,34 +1,24 @@
-import { Meta, Story, ArgsTable, Canvas } from "@storybook/addon-docs/blocks";
+import { Meta, Story, ArgsTable, Canvas, Controls } from "@storybook/blocks";
 
 import PasswordInput from "./";
 import * as stories from "./password-input.stories.js";
 import InputBlock from "../input-block";
 
-<Meta
+<Meta title="Components/PasswordInput" component={PasswordInput} />
-  title="Components/PasswordInput"
-  component={PasswordInput}
-  subcomponents={{ InputBlock }}
-  argTypes={{
-    onChange: { action: "onChange" },
-    onValidateInput: { action: "onValidateInput" },
-    onCopyToClipboard: { action: "onCopyToClipboard" },
-    onKeyDown: { onKeyDown: "onKeyDown" },
-  }}
-/>
 
 # PasswordInput
 
 Password entry field with advanced capabilities for displaying, validation of correspondence and generation based on settings
 
 <Canvas>
-  <Story story={stories.basic} name="Default" />
+  <Story of={stories.Default} />
 </Canvas>
 
 ### Properties
 
 You can apply all the parameters of the InputBlock component to the component.
 
-<ArgsTable story="Default" />
+<Controls />
 
 ## Description
 

packages/components/row-content/row-content.mdx

@@ -1,4 +1,4 @@
-import { Meta, Story, ArgsTable, Canvas } from "@storybook/addon-docs/blocks";
+import { Meta, Story, ArgsTable, Canvas } from "@storybook/blocks";
 
 import RowContent from "./";
 import * as stories from "./row-content.stories.js";

packages/components/submenu/submenu.mdx

@@ -1,4 +1,4 @@
-import { Canvas, Meta, Story } from "@storybook/addon-docs/blocks";
+import { Canvas, Meta, Story } from "@storybook/blocks";
 
 import Submenu from "./";
 import * as stories from "./submenu.stories.js";

packages/components/tabs-container/tabs-container.mdx

@@ -1,4 +1,4 @@
-import { Story, ArgsTable, Canvas, Meta } from "@storybook/addon-docs/blocks";
+import { Story, ArgsTable, Canvas, Meta } from "@storybook/blocks";
 import * as stories from "./tabs-container.stories.js";
 import TabContainer from "./";
 

packages/components/toast/toast.mdx

@@ -1,4 +1,4 @@
-import { Story, ArgsTable, Canvas, Meta } from "@storybook/addon-docs/blocks";
+import { Story, ArgsTable, Canvas, Meta } from "@storybook/blocks";
 import * as stories from "./toast.stories.js";
 
 import Toast from "./";

packages/components/tooltip/tooltip.mdx

@@ -1,10 +1,4 @@
-import {
+import { Story, ArgsTable, Canvas, Meta, Controls } from "@storybook/blocks";
-  Story,
-  ArgsTable,
-  Canvas,
-  Meta,
-  Controls,
-} from "@storybook/addon-docs/blocks";
 import * as stories from "./tooltip.stories.js";
 
 import Tooltip from "./";
@@ -26,7 +20,7 @@ Custom tooltip
 #### See documentation: https://github.com/wwayne/react-tooltip
 
 <Canvas>
-  <Story story={stories.all} name="All" />
+  <Story of={stories.all} />
 </Canvas>
 
 ### Usage with IconButton

packages/components/tree-menu/tree-menu.mdx

@@ -1,4 +1,4 @@
-import { Story, ArgsTable, Canvas, Meta } from "@storybook/addon-docs/blocks";
+import { Story, ArgsTable, Canvas, Meta } from "@storybook/blocks";
 import * as stories from "./tree-menu.stories.js";
 
 import TreeMenu from "./";