docs: update storybook docs

.storybook/main.ts

@@ -7,7 +7,6 @@ const config: StorybookConfig = {
     },
     stories: ['../src/**/*.mdx', '../src/**/*.stories.@(ts|tsx)'],
     docs: {
-        autodocs: true,
         defaultName: 'Docs',
     },
     addons: [

.storybook/preview.tsx

@@ -48,7 +48,14 @@ const preview: Preview = {
         },
         options: {
             storySort: {
-                order: ['Components', ['Basic'], 'Branding', ['Overview']],
+                order: [
+                    'Components',
+                    ['Inputs', 'Data Display', 'Feedback', 'Navigation', 'Overlays', 'Utils'],
+                    'Layout',
+                    'Hooks',
+                    'Branding',
+                    ['Overview'],
+                ],
                 method: 'alphabetical',
             },
         },

package.json

@@ -103,10 +103,10 @@
         "@gravity-ui/prettier-config": "^1.0.1",
         "@gravity-ui/stylelint-config": "^2.0.0",
         "@gravity-ui/tsconfig": "^1.0.0",
-        "@storybook/addon-essentials": "^7.3.2",
-        "@storybook/cli": "^7.3.2",
+        "@storybook/addon-essentials": "^7.4.6",
+        "@storybook/cli": "^7.4.6",
         "@storybook/preset-scss": "^1.0.3",
-        "@storybook/react-webpack5": "^7.3.2",
+        "@storybook/react-webpack5": "^7.4.6",
         "@testing-library/jest-dom": "^6.1.1",
         "@testing-library/react": "^14.0.0",
         "@testing-library/user-event": "^14.4.3",
@@ -158,7 +158,7 @@
         "*.{js,jsx,ts,tsx}": [
             "eslint --fix --quiet"
         ],
-        "*.md": [
+        "*.{md,mdx}": [
             "prettier --write"
         ]
     }

src/components/Alert/__stories__/Docs.mdx

@@ -0,0 +1,7 @@
+import {Meta, Markdown} from '@storybook/addon-docs';
+import * as Stories from './Alert.stories';
+import Readme from '../README.md?raw';
+
+<Meta of={Stories} />
+
+<Markdown>{Readme}</Markdown>