fix(documentation): replace or remove outdated storybook dependencies (…

…#3181)
swisspost · Jun 26, 2024 · b8eaddc · b8eaddc
1 parent 785952a
commit b8eaddc
Show file tree

Hide file tree

Showing 7 changed files with 48 additions and 480 deletions.
diff --git a/packages/documentation/.storybook/addons/version-switcher/register.tsx b/packages/documentation/.storybook/addons/version-switcher/register.tsx
@@ -1,6 +1,6 @@
 import React from 'react';
 
-import { addons, types } from '@storybook/addons';
+import { addons, types } from '@storybook/manager-api';
 import VersionSwitcher from './VersionSwitcher';
 
 const ADDON_ID = 'postVersionSwitcher';

diff --git a/packages/documentation/.storybook/helpers/register-web-components.ts b/packages/documentation/.storybook/helpers/register-web-components.ts
@@ -1,8 +1,8 @@
 // @ts-ignore
 import { defineCustomElements as defineHeader } from '@swisspost/internet-header/loader/index.es2017.js';
 import { defineCustomElements as defineComponents } from '@swisspost/design-system-components/loader';
-import { setStencilDocJson } from '@pxtrn/storybook-addon-docs-stencil';
-import { StencilJsonDocs } from '@pxtrn/storybook-addon-docs-stencil/dist/types';
+import { setStencilDocJson } from '@kurbar/storybook-addon-docs-stencil';
+import { StencilJsonDocs } from '@kurbar/storybook-addon-docs-stencil/dist/types';
 import postComponentsDocJson from '@swisspost/design-system-components/dist/docs.json';
 import internetHeaderDocJson from '@swisspost/internet-header/dist/docs.json';
 import '../../src/shared/link-design/link-design.component';

diff --git a/packages/documentation/.storybook/main.ts b/packages/documentation/.storybook/main.ts
@@ -48,7 +48,7 @@ const config: StorybookConfig = {
       },
     },
     '@storybook/addon-links',
-    '@pxtrn/storybook-addon-docs-stencil',
+    '@kurbar/storybook-addon-docs-stencil',
     './addons/version-switcher/register',
   ],
   staticDirs: [

diff --git a/packages/documentation/.storybook/preview.ts b/packages/documentation/.storybook/preview.ts
@@ -1,5 +1,5 @@
 import type { Preview } from '@storybook/web-components';
-import { extractArgTypes } from '@pxtrn/storybook-addon-docs-stencil';
+import { extractArgTypes, extractComponentDescription } from '@kurbar/storybook-addon-docs-stencil';
 import { format } from 'prettier';
 import DocsLayout from './blocks/layout';
 import { openFullScreenDemo, prettierOptions, resetComponents } from './helpers';
@@ -75,6 +75,7 @@ const preview: Preview = {
       },
       components: resetComponents,
       extractArgTypes,
+      extractComponentDescription,
     },
     actions: { argTypesRegex: '^on[A-Z].*' },
     controls: {

diff --git a/packages/documentation/package.json b/packages/documentation/package.json
@@ -36,15 +36,14 @@
     "bootstrap": "5.3.3"
   },
   "devDependencies": {
+    "@kurbar/storybook-addon-docs-stencil": "8.0.0",
     "@lit/task": "1.0.1",
     "@open-wc/lit-helpers": "0.7.0",
     "@percy/cli": "1.28.7",
     "@percy/cypress": "3.1.2",
-    "@pxtrn/storybook-addon-docs-stencil": "6.4.1",
     "@storybook/addon-docs": "8.1.9",
     "@storybook/addon-essentials": "8.1.9",
     "@storybook/addon-links": "8.1.9",
-    "@storybook/addons": "7.6.17",
     "@storybook/blocks": "8.1.9",
     "@storybook/components": "8.1.9",
     "@storybook/core-events": "8.1.9",

diff --git a/packages/documentation/vite.config.js b/packages/documentation/vite.config.js
@@ -11,7 +11,7 @@ export default {
   },
   optimizeDeps: {
     include: [
-      '@pxtrn/storybook-addon-docs-stencil',
+      '@kurbar/storybook-addon-docs-stencil',
       'prettier',
       '@storybook/components',
       'react-syntax-highlighter/dist/esm/languages/prism/scss',