fix(editor): Update and fix storybook (was failing to run in local dev mode) (#6180)

Co-authored-by: कारतोफ्फेलस्क्रिप्ट™ <aditya@netroy.in>

packages/design-system/.storybook/main.js

@@ -20,7 +20,6 @@ module.exports = {
 				},
 			},
 		},
-		'storybook-addon-designs',
 		'storybook-addon-themes',
 	],
 	webpackFinal: async (config) => {

packages/design-system/.storybook/preview.js

@@ -5,12 +5,12 @@ import ElementUI from 'element-ui';
 import lang from 'element-ui/lib/locale/lang/en';
 import locale from 'element-ui/lib/locale';
 
-import designSystemComponents from '../src/plugins/n8nComponents';
+import { N8nPlugin } from '../src/plugin';
 
 import Vue from 'vue';
 
 Vue.use(ElementUI);
-Vue.use(designSystemComponents);
+Vue.use(N8nPlugin);
 
 locale.use(lang);
 
@@ -58,7 +58,7 @@ export const parameters = {
 		list: [
 			{
 				name: 'dark',
-				class: 'theme-dark',
+				class: 'theme-dark-beta',
 				color: '#000',
 			},
 		],

packages/design-system/package.json

@@ -42,12 +42,13 @@
     "@fortawesome/fontawesome-svg-core": "^1.2.36",
     "@fortawesome/free-solid-svg-icons": "^5.15.4",
     "@fortawesome/vue-fontawesome": "^2.0.9",
-    "@storybook/addon-actions": "^7.0.0-beta.46",
-    "@storybook/addon-essentials": "^7.0.0-beta.46",
-    "@storybook/addon-links": "^7.0.0-beta.46",
+    "@storybook/addon-actions": "^7.0.7",
+    "@storybook/addon-docs": "^7.0.7",
+    "@storybook/addon-essentials": "^7.0.7",
+    "@storybook/addon-links": "^7.0.7",
     "@storybook/addon-postcss": "^3.0.0-alpha.1",
-    "@storybook/vue": "^7.0.0-beta.46",
-    "@storybook/vue-webpack5": "^7.0.0-beta.46",
+    "@storybook/vue": "^7.0.7",
+    "@storybook/vue-webpack5": "^7.0.7",
     "@testing-library/jest-dom": "^5.16.5",
     "@testing-library/vue": "^5.8.3",
     "@types/markdown-it": "^12.2.3",
@@ -63,8 +64,7 @@
     "node-notifier": "^10.0.1",
     "sass": "^1.58.0",
     "sass-loader": "^13.2.0",
-    "storybook": "^7.0.0-beta.46",
-    "storybook-addon-designs": "^6.3.1",
+    "storybook": "^7.0.7",
     "storybook-addon-themes": "^6.1.0",
     "trim": "^1.0.1",
     "vite": "^4.0.4",

packages/design-system/src/docs/Introduction.stories.mdx

@@ -1,3 +1,5 @@
+import { Meta } from '@storybook/addon-docs';
+
 <Meta title="Docs/Introduction" />
 
 # Welcome to n8n Storybook