upgrading storybook

packages/core/.storybook/main.cjs

@@ -1,16 +1,24 @@
 module.exports = {
   stories: ["../src/**/*.stories.mdx", "../src/**/*.stories.@(js|jsx|ts|tsx)"],
   staticDirs: ["../assets/svgs"],
+
   addons: [
     "@storybook/addon-links",
     "@storybook/addon-essentials",
     "@storybook/addon-interactions",
+    "@storybook/addon-mdx-gfm"
   ],
-  framework: "@storybook/html",
-  core: {
-    builder: "@storybook/builder-vite",
+
+  framework: {
+    name: "@storybook/html-vite",
+    options: {}
   },
+
   features: {
     storyStoreV7: true,
   },
+
+  docs: {
+    autodocs: true
+  }
 };

packages/core/package.json

@@ -4,8 +4,8 @@
   "version": "5.0.0-rc.1",
   "type": "module",
   "scripts": {
-    "storybook": "start-storybook -p 6006",
-    "build-storybook": "build-storybook",
+    "storybook": "storybook dev -p 6006",
+    "build-storybook": "storybook build",
     "plop": "plop",
     "pixeleye": "pixeleye storybook http://localhost:6006",
     "build": "gulp",
@@ -18,12 +18,14 @@
   ],
   "devDependencies": {
     "@babel/core": "^7.20.12",
-    "@storybook/addon-actions": "^6.5.15",
-    "@storybook/addon-essentials": "^6.5.15",
-    "@storybook/addon-interactions": "^6.5.15",
-    "@storybook/addon-links": "^6.5.15",
-    "@storybook/builder-vite": "^0.2.6",
-    "@storybook/html": "^6.5.15",
+    "@storybook/addon-actions": "^7.6.17",
+    "@storybook/addon-essentials": "^7.6.17",
+    "@storybook/addon-interactions": "^7.6.17",
+    "@storybook/addon-links": "^7.6.17",
+    "@storybook/addon-mdx-gfm": "7.6.17",
+    "@storybook/blocks": "^7.6.17",
+    "@storybook/html": "^7.6.17",
+    "@storybook/html-vite": "7.6.17",
     "@storybook/testing-library": "^0.0.13",
     "@types/node": "^18.11.18",
     "babel-loader": "^8.3.0",
@@ -40,6 +42,7 @@
     "plop": "^3.1.1",
     "prettier": "2.8.1",
     "sass": "^1.57.1",
+    "storybook": "7.6.17",
     "typescript": "^4.9.3",
     "vite": "^4.0.0"
   },

packages/core/src/stories/intro.stories.mdx

@@ -1,4 +1,4 @@
-import { Meta } from "@storybook/addon-docs";
+import { Meta } from '@storybook/blocks';
 import StoryPreview from "./assets/dark-side-story.png";
 
 <Meta title="Intro" />