Storybook 8 Upgrade (#2440)

* upgrade storybook to 8.3.5 * remove packages no longer needed * fix: overwrite storybooks favicon * chore: replace deprecated `Story` with `StoryFn` --------- Co-authored-by: Jacob Overgaard <[email protected]>
umbraco · Oct 10, 2024 · 39d17e9 · 39d17e9
1 parent b439900
commit 39d17e9
Show file tree

Hide file tree

Showing 90 changed files with 7,718 additions and 14,310 deletions.
diff --git a/.storybook/main.ts b/.storybook/main.ts
@@ -1,12 +1,13 @@
+import { dirname, join } from 'path';
 import { StorybookConfig } from '@storybook/web-components-vite';
 import remarkGfm from 'remark-gfm';
 
 const config: StorybookConfig = {
 	stories: ['../@(src|libs|apps|storybook)/**/*.mdx', '../@(src|libs|apps|storybook)/**/*.stories.@(js|jsx|ts|tsx)'],
 	addons: [
-		'@storybook/addon-links',
-		'@storybook/addon-essentials',
-		'@storybook/addon-a11y',
+		getAbsolutePath('@storybook/addon-links'),
+		getAbsolutePath('@storybook/addon-essentials'),
+		getAbsolutePath('@storybook/addon-a11y'),
 		{
 			name: '@storybook/addon-docs',
 			options: {
@@ -19,12 +20,13 @@ const config: StorybookConfig = {
 		},
 	],
 	framework: {
-		name: '@storybook/web-components-vite',
+		name: getAbsolutePath('@storybook/web-components-vite'),
 		options: {},
 	},
 	staticDirs: [
 		'../public-assets',
 		'../public',
+		'../src/assets',
 		{
 			from: '../src/packages/core/icon-registry/icons',
 			to: 'assets/icons',
@@ -33,9 +35,7 @@ const config: StorybookConfig = {
 	typescript: {
 		check: true,
 	},
-	docs: {
-		autodocs: true,
-	},
+	docs: {},
 	managerHead(head, { configType }) {
 		const base = process.env.VITE_BASE_PATH || '/';
 		const injections = [
@@ -51,3 +51,7 @@ const config: StorybookConfig = {
 	},
 };
 export default config;
+
+function getAbsolutePath(value: string): any {
+	return dirname(require.resolve(join(value, 'package.json')));
+}
diff --git a/.storybook/manager.ts b/.storybook/manager.ts
@@ -1,4 +1,4 @@
-import { addons } from '@storybook/addons';
+import { addons } from '@storybook/manager-api';
 
 addons.setConfig({
 	enableShortcuts: false,

diff --git a/.storybook/preview.js b/.storybook/preview.js
@@ -116,7 +116,6 @@ export const parameters = {
 			],
 		},
 	},
-	actions: { argTypesRegex: '^on.*' },
 	controls: {
 		expanded: true,
 		matchers: {
@@ -140,3 +139,4 @@ export const parameters = {
 };
 
 setCustomElements(customElementManifests);
+export const tags = ['autodocs'];