chore: adjust configs to storybook 8

juntossomosmais · Dec 19, 2024 · 4b40ba2 · 4b40ba2
1 parent 5d5b441
commit 4b40ba2
Show file tree

Hide file tree

Showing 8 changed files with 14 additions and 12 deletions.
diff --git a/apps/docs-react/.storybook/main.ts b/apps/docs-react/.storybook/main.ts
@@ -1,7 +1,7 @@
 module.exports = {
   stories: [
-    '../stories/*.stories.@(js|jsx|ts|tsx|mdx)',
-    '../../../packages/core/src/**/*.react.stories.@(js|jsx|ts|tsx|mdx)',
+    '../stories/*.@(mdx|stories.@(js|jsx|ts|tsx))',
+    '../../../packages/core/src/**/*.react.@(mdx|stories.@(js|jsx|ts|tsx))',
   ],
   addons: [
     '@storybook/addon-essentials',
@@ -10,6 +10,8 @@ module.exports = {
     '@storybook/addon-a11y',
     '@storybook/addon-viewport',
     '@storybook/theming',
+    '@storybook/addon-mdx-gfm',
+    '@storybook/addon-webpack5-compiler-babel',
   ],
   framework: {
     name: '@storybook/react-webpack5',

diff --git a/apps/docs-react/.storybook/manager.ts b/apps/docs-react/.storybook/manager.ts
@@ -1,4 +1,4 @@
-import { addons } from '@storybook/addons'
+import { addons } from '@storybook/manager-api'
 
 import theme from '@atomium/storybook-utils/theme'
 

diff --git a/apps/docs-react/.storybook/preview.ts b/apps/docs-react/.storybook/preview.ts
@@ -11,7 +11,6 @@ const preview = {
     viewport: {
       viewports: CustomViewports,
     },
-    actions: { argTypesRegex: '^atom.*' },
     docs: {
       page: DocumentationTemplate,
     },

diff --git a/apps/docs-vue/.storybook/main.ts b/apps/docs-vue/.storybook/main.ts
@@ -1,7 +1,7 @@
 module.exports = {
   stories: [
-    '../stories/*.stories.@(js|jsx|ts|tsx|mdx)',
-    '../../../packages/core/src/**/*.vue.stories.@(js|jsx|ts|tsx|mdx)',
+    '../stories/*.@(mdx|stories.@(js|jsx|ts|tsx))',
+    '../../../packages/core/src/**/*.vue.@(mdx|stories.@(js|jsx|ts|tsx))',
   ],
   addons: [
     '@storybook/addon-essentials',
@@ -10,6 +10,8 @@ module.exports = {
     '@storybook/addon-a11y',
     '@storybook/addon-viewport',
     '@storybook/theming',
+    '@storybook/addon-mdx-gfm',
+    '@storybook/addon-webpack5-compiler-babel',
   ],
   framework: {
     name: '@storybook/vue3-vite',

diff --git a/apps/docs-vue/.storybook/preview.ts b/apps/docs-vue/.storybook/preview.ts
@@ -15,7 +15,6 @@ const preview = {
     viewport: {
       viewports: CustomViewports,
     },
-    actions: { argTypesRegex: '^atom.*' },
     docs: {
       page: DocumentationTemplate,
     },

diff --git a/apps/docs/.storybook/main.ts b/apps/docs/.storybook/main.ts
@@ -29,9 +29,9 @@ function getStorybookRefs(configType: string) {
 
 const config: StorybookConfig = {
   stories: [
-    '../stories/**/*.stories.@(js|jsx|ts|tsx|mdx)',
-    '../../../packages/core/src/**/*.core.stories.@(js|jsx|ts|tsx|mdx)',
-    '../../../packages/tokens/stories/**/*.stories.@(js|jsx|ts|tsx|mdx)',
+    '../stories/**/*.@(mdx|stories.@(js|jsx|ts|tsx))',
+    '../../../packages/core/src/**/*.core.@(mdx|stories.@(js|jsx|ts|tsx))',
+    '../../../packages/tokens/stories/**/*.@(mdx|stories.@(js|jsx|ts|tsx))',
   ],
   addons: [
     '@storybook/addon-essentials',
@@ -41,6 +41,7 @@ const config: StorybookConfig = {
     '@storybook/addon-viewport',
     '@storybook/theming',
     '@storybook/addon-mdx-gfm',
+    '@storybook/addon-webpack5-compiler-babel',
   ],
   staticDirs: ['../../../packages/icons/svg'],
   framework: {

diff --git a/apps/docs/.storybook/manager.ts b/apps/docs/.storybook/manager.ts
@@ -1,4 +1,4 @@
-import { addons } from '@storybook/addons'
+import { addons } from '@storybook/manager-api'
 
 import theme from '@atomium/storybook-utils/theme'
 

diff --git a/apps/docs/.storybook/preview.ts b/apps/docs/.storybook/preview.ts
@@ -15,7 +15,6 @@ const preview = {
     viewport: {
       viewports: CustomViewports,
     },
-    actions: { argTypesRegex: '^atom.*' },
     docs: {
       page: DocumentationTemplate,
     },