Refactor/stories

.storybook/main.js

@@ -2,6 +2,7 @@ const path = require('path');
 
 module.exports = {
   stories: [
+    '../packages/**/*.mdx',
     '../packages/action/src/*.stories.@(ts|tsx|js)',
     '../packages/alert/src/*.stories.@(ts|tsx|js)',
     '../packages/badge/src/*.stories.@(ts|tsx|js)',
@@ -41,17 +42,13 @@ module.exports = {
     '../packages/Modal/default/src/*.stories.@(ts|tsx|js)',
     '../packages/panel/src/*.stories.@(ts|tsx|js)',
     '../packages/popover/src/*.stories.@(ts|tsx|js)',
-    '../packages/restitution/src/*.stories.@(ts|tsx|js)',
     '../packages/status/src/*.stories.@(ts|tsx|js)',
-    '../packages/table/src/**/*.stories.@(ts|tsx|js)',
-    '../packages/tabs/src/*.stories.@(ts|tsx|js)',
-    '../packages/title/src/*.stories.@(ts|tsx|js)',
   ],
   addons: [
     '@storybook/addon-essentials',
     '@storybook/addon-storysource',
     '@storybook/addon-a11y',
-    'storybook-readme',
+    '@storybook/addon-docs',
   ],
   webpackFinal: async (config) => {
     config.module.rules.push({

.storybook/preview.js

@@ -1,11 +1,10 @@
-import { addReadme } from 'storybook-readme';
 import { INITIAL_VIEWPORTS } from '@storybook/addon-viewport';
 
 import '../packages/all/dist/style/af-toolkit-core.css';
 import '../packages/core/dist/assets/fonts/icons/af-icons.css';
 import './storybook.css';
 
-export const decorators = [addReadme];
+// export const decorators = [addReadme];
 
 export const parameters = {
   actions: { argTypesRegex: '^on.*' },
@@ -16,7 +15,7 @@ export const parameters = {
     viewports: INITIAL_VIEWPORTS,
   },
   docs: {
-    inlineStories: false,
+    inlineStories: true,
   },
   options: {
     storySort: {

.storybook/storybook.css

@@ -14,7 +14,7 @@
 }
 
 code[class*='language-'],
-pre[class*='language-'] {
+pre {
   text-shadow: none !important;
   color: lightgray !important;
 }