chore: bump to storybook 8.1 (#496)

.storybook/main.ts

@@ -34,17 +34,21 @@ const config: StorybookConfig = {
   },
   staticDirs: ['../public'],
   stories: ['../docs/**/*.mdx', '../docs/**/*.stories.@(js|jsx|ts|tsx)', '../src/**/*.mdx', '../src/**/*.stories.@(js|jsx|ts|tsx)'],
-  addons: ['@storybook/addon-links', '@storybook/addon-essentials', '@storybook/addon-a11y', '@storybook/addon-mdx-gfm'],
+  addons: [
+    '@storybook/addon-links',
+    '@storybook/addon-essentials',
+    '@storybook/addon-a11y',
+    '@storybook/addon-mdx-gfm',
+    '@chromatic-com/storybook'
+  ],
   framework: {
     name: '@storybook/vue3-vite',
     options: {}
   },
   core: {
     disableTelemetry: true
   },
-  docs: {
-    autodocs: true
-  },
+  docs: {},
   refs: {
     '@storybook/design-system': {
       disable: true

.storybook/preview.tsx

@@ -144,6 +144,8 @@ const preview: Preview = {
      source: { code: null } ,
     },
   },
+
+  tags: ['autodocs']
 }
 
 export default preview

docs/contributing-guide/css-logical-properties/css-logical-properties.stories.js

@@ -11,6 +11,7 @@ export default {
     initValue: '12px 32px',
   },
   decorators: [ withUseLogicalMixinCode ],
+  tags: [ '!autodocs' ],
 };
 
 const Template = (args) => ({

docs/transition/transitions.stories.ts

@@ -49,6 +49,7 @@ const transitionDecorator = (story) => ({
 const meta = {
   title: 'Utilities/Transition',
   component: Transition,
+  tags: [ '!autodocs' ],
   args: { name: 'fade' },
   argTypes: { name: { table: { disable: true } } },
   decorators: [ transitionDecorator ],

package.json

@@ -46,23 +46,24 @@
     "vue": "^3.3.4"
   },
   "devDependencies": {
+    "@chromatic-com/storybook": "^1",
     "@commitlint/cli": "^18.2.0",
     "@commitlint/config-conventional": "^18.1.0",
-    "@storybook/addon-a11y": "^8.0.0",
-    "@storybook/addon-actions": "^8.0.0",
-    "@storybook/addon-backgrounds": "^8.0.0",
-    "@storybook/addon-essentials": "^8.0.0",
-    "@storybook/addon-links": "^8.0.0",
-    "@storybook/addon-mdx-gfm": "^8.0.0",
+    "@storybook/addon-a11y": "^8.1.3",
+    "@storybook/addon-actions": "^8.1.3",
+    "@storybook/addon-backgrounds": "^8.1.3",
+    "@storybook/addon-essentials": "^8.1.3",
+    "@storybook/addon-links": "^8.1.3",
+    "@storybook/addon-mdx-gfm": "^8.1.3",
     "@storybook/api": "^7.6.17",
-    "@storybook/blocks": "^8.0.0",
-    "@storybook/components": "^8.0.0",
+    "@storybook/blocks": "^8.1.3",
+    "@storybook/components": "^8.1.3",
     "@storybook/design-system": "^7.15.17",
     "@storybook/global": "^5.0.0",
-    "@storybook/preview-api": "^8.0.0",
-    "@storybook/theming": "^8.0.0",
-    "@storybook/vue3": "^8.0.0",
-    "@storybook/vue3-vite": "^8.0.0",
+    "@storybook/preview-api": "^8.1.3",
+    "@storybook/theming": "^8.1.3",
+    "@storybook/vue3": "^8.1.3",
+    "@storybook/vue3-vite": "^8.1.3",
     "@typescript-eslint/eslint-plugin": "^6.9.0",
     "@typescript-eslint/parser": "^6.9.0",
     "@vitejs/plugin-vue": "^4.0.0",
@@ -91,7 +92,7 @@
     "react-dom": "18.2.0",
     "react-string-replace": "^1.1.0",
     "react-syntax-highlighter": "^15.5.0",
-    "storybook": "^8.0.0",
+    "storybook": "^8.1.3",
     "stylelint": "^15.11.0",
     "stylelint-config-idiomatic-order": "^10.0.0",
     "stylelint-config-recommended-scss": "^13.0.0",
@@ -111,4 +112,4 @@
     "node": ">=16.13.2",
     "pnpm": ">=6.32"
   }
-}
+}