feat: upgrade storybook to version 7

.github/workflows/preview.yml

@@ -0,0 +1,18 @@
+name: Deploy PR previews
+concurrency: preview-${{ github.ref }}
+on:
+  pull_request:
+    types:
+      - opened
+      - reopened
+      - synchronize
+      - closed
+permissions:
+  contents: write
+  pull-requests: write
+jobs:
+  storybook:
+    uses: Neovici/cfg/.github/workflows/preview.yml@master
+    secrets: inherit
+    with:
+      skip_dist: true

.gitignore

@@ -1,5 +1,6 @@
 node_modules/
 coverage/
+/storybook-static/
 debug.log
 yarn-error.log
 .eslintcache

.storybook/main.js

@@ -1,3 +1,23 @@
-module.exports = {
-  stories: ['../stories/**/*.stories.{js,mdx}'],
+import esbuild from 'rollup-plugin-esbuild';
+
+/** @type { import('@web/storybook-framework-web-components').StorybookConfig } */
+const config = {
+	stories: ['../stories/**/*.stories.{js,ts,mdx}'],
+	addons: ['@storybook/addon-essentials', '@storybook/addon-links'],
+	framework: {
+		name: '@web/storybook-framework-web-components',
+	},
+	docs: {
+		autodocs: true,
+	},
+	/* Try to make the build parse TS files */
+	async rollupFinal(config) {
+		// add extra configuration for rollup
+		// e.g. a new plugin
+		config.plugins.push(esbuild({}));
+
+		return config;
+	},
 };
+
+export default config;