v9.1.0-alpha.0

9.1.0-alpha.0

v9.0.0

9.0.0

Storybook 9.0 is here

This is a huge release focused on testing and bundle size.

• Component testing
  • 👆 Interactions
  • ♿️ Accessibility
  • 👁️ Visual changes
  • 🛡️ Coverage
• 🪶 48% lighter bundle
• 🏷️ Tags-based organization
• 🌐 Story globals
• 🏗️ Major upgrades: Svelte, Next, React Native, Angular

Please checkout our Migration guide to upgrade from earlier versions of Storybook. To see a comprehensive list of changes that went into 9.0, you can refer to the 9.0 prerelease changelogs

List of all updates

• Addon A11y: Add linkPath to Axe results and use it in copy link action - #31009, thanks @ghengeveld!
• Addon A11y: Fix setup as part of storybook create - #31403, thanks @yannbf!
• Addon A11y: Fix usage of axe-core in pnpm projects - #31422, thanks @yannbf!
• Addon A11y: Fix various issues and inconsistencies - #31432, thanks @ghengeveld!
• Addon A11y: Improve selector automigration detection - #31392, thanks @yannbf!
• Addon A11y: Only run checks in story mode - #30976, thanks @kroeder!
• Addon A11y: Provide full report in a11y manual runs - #31325, thanks @yannbf!
• Addon A11y: Use short titles and friendly summary messages in A11y report - #31185, thanks @ghengeveld!
• Addon Controls: Fix loading state UI in addon panel - #31168, thanks @iineineno03k!
• Addon Docs: Fix layout: centered in conjunction with inline: false - #31430, thanks @ghengeveld!
• Addon Docs: Fix docs-content overflow with TOC - #27167, thanks @njsokol!
• Addon Docs: Fix iframe content width in centered layout - #31320, thanks @Audie80!
• Addon Docs: Improve TableOfContents HTML structure and a11y - #31327, thanks @Sidnioulz!
• Addon Docs: Reset error boundary when story changes to recover from erros - #31242, thanks @yatishgoel!
• Addon Docs: Simplify color parsing and color cycling logic - #29840, thanks @leyvae!
• Addon Docs: Update telejson - #31115, thanks @valentinpalkovic!
• Addon Pseudo States: Move package into monorepo - #31123, thanks @ghengeveld!
• Addon Test: Improve unhandled error messages - #30755, thanks @yannbf!
• Addon Test: Rename @storybook/experimental-addon-test to @storybook/addon-vitest - #31014, thanks @valentinpalkovic!
• Addon Vitest: Ensure vitest exclusions are relative to the project root, not cwd - #31514, thanks @mrginglymus!
• Addon Vitest: Fix broken docs links - #31445, thanks @kylegach!
• Addon Vitest: Fix watch mode for new files - #31156, thanks @valentinpalkovic!
• Addon Vitest: Ignore mdx files as part of tests - #31457, thanks @yannbf!
• Addon Vitest: Improve handling multiple browser mode projects - #31508, thanks @yannbf!
• Addon Vitest: Support vitest.projects.ts file as workspace file during postinstall - #31565, thanks @ghengeveld!
• Addon Vitest: Transform @storybook/nextjs imports to @storybook/nextjs-vite during init - #31180, thanks @valentinpalkovic!
• Addon Vitest: Use its own cache directory - #31439, thanks @yannbf!
• Addon-a11y: Replace element parameter with context - #31036, thanks @JReinhold!
• Addon-A11y: Various improvements - #30774, thanks @ghengeveld!
• Addon-Essentials: Remove addon-docs - #30856, thanks @ndelangen!
• Addon-Test: Automatically load before all - #30584, thanks @kasperpeulen!
• Addon-test: Exclude storybook-static from coverage reports - #31005, thanks @JReinhold!
• Addon-test: Fix watching non-story files, run all tests on preview change - #31045, thanks @JReinhold!
• Addon-Test: Migrate to new test provider API, drop Vitest 2 support - #30875, thanks @JReinhold!
• Addon-Vitest: Always clean coverage before (re)running - #31540, thanks @JReinhold!
• Addon-vitest: Fix coverage being disabled with Run All button - #31074, thanks @JReinhold!
• Addon-vitest: Fix coverage when restarting Vitest due to config change - #31069, thanks @JReinhold!
• Addon-vitest: Fix wrong test count in telemetry - #31504, thanks @JReinhold!
• Addon-vitest: Remove internal log for staticDir - #31340, thanks @JReinhold!
• Addon-vitest: Support paths with spaces - #31437, thanks @ndelangen!
• Addons: Add shim Storybook addons for previously removed addons - #31520, thanks @valentinpalkovic!
• Addons: Move @storybook/addon-interactions into core - #30916, thanks @valentinpalkovic!
• Addons: Remove @storybook/addon-storysource - #31007, thanks @valentinpalkovic!
• Addons: Update the Viewport and Background Addon - #30841, thanks @ndelangen!
• AddonVitest: Use framework package, not renderer - #31133, thanks @ndelangen!
• All packages: Remove unused dependencies - #31227, thanks @webpro!
• Angular: Add @angular-devkit/build-angular to default installed pacakages in angular - #30790, thanks @kasperpeulen!
• Angular: Filter non-inputs from controls - #30550, thanks @robertIsaac!
• Angular: remove invalid defaults for start-storybook - #31337, thanks @AgentEnder!
• ArgTypes: Always extract argTypes, even without addon-docs - #31488, thanks @JReinhold!
• Autoblock: Add autoblocker for addon-test - #31068, thanks @valentinpalkovic!
• Autoblock: Fix link - #31236, thanks @valentinpalkovic!
• AutoBlocker: Add major version upgrade blocker - #30714, thanks @ndelangen!
• Automigrate: Disable missingStorybookDependencies for 9.0 - #30769, thanks @ndelangen!
• Automigrate: Prefer framework import - #30785, thanks @ndelangen!
• Automigration: Add new Storybook addons to consolidated packages mapping - #30993, thanks @valentinpalkovic!
• Automigration: Adjust addon-docs install condition - #31343, thanks @valentinpalkovic!
• Automigration: Always scan file system to substitute essential addons - #31176, thanks @valentinpalkovic!
• Automigration: Correctly apply the wrap-require automigration in ESM modules - #31420, thanks @valentinpalkovic!
• Automigration: Enhance import transformation to handle partial package matches - #31033, thanks @valentinpalkovic!
• Automigration: Ensure correct addition of missing dependencies - #31023, thanks @valentinpalkovic!
• Automigration: Fix an issue when main.js addons have dynamic values - #31273, thanks @valentinpalkovic!
• Automigration: Fix consolidated-imports with sub-paths - #31135, thanks @ndelangen!
• Automigration: Fix wrap require wrapper - #31569, thanks @valentinpalkovic!
• Automigration: Improve renderer to framework automigration - [#31397](https://github.co...

v9.0.0-rc.5

9.0.0-rc.5

• Addon A11y: Improve selector automigration detection - #31392, thanks @yannbf!
• Addon Vitest: Support vitest.projects.ts file as workspace file during postinstall - #31565, thanks @ghengeveld!
• Addon-Vitest: Always clean coverage before (re)running - #31540, thanks @JReinhold!
• Automigration: Fix wrap require wrapper - #31569, thanks @valentinpalkovic!
• Controls: Remove empty state video link - #31539, thanks @kylegach!
• Presets: Use .js files when .cjs files are passed for entries that should be ESM - #31556, thanks @JReinhold!
• Pseudo States: Ignore escaped pseudo-class names - #31515, thanks @sentience!

v9.0.0-rc.4

9.0.0-rc.4

• Addon Vitest: Improve handling multiple browser mode projects - #31508, thanks @yannbf!
• Addons: Add shim Storybook addons for previously removed addons - #31520, thanks @valentinpalkovic!
• React Native: Fix support for 9.0 - #31518, thanks @JReinhold!

v9.0.0-rc.3

9.0.0-rc.3

• Addon Vitest: Ensure vitest exclusions are relative to the project root, not cwd - #31514, thanks @mrginglymus!
• Addon Vitest: Fix broken docs links - #31445, thanks @kylegach!
• Addon-vitest: Fix wrong test count in telemetry - #31504, thanks @JReinhold!
• ArgTypes: Always extract argTypes, even without addon-docs - #31488, thanks @JReinhold!
• CSF-Tools: Add support for existing node imports and improve import handling - #31497, thanks @valentinpalkovic!
• CSF: Fix handling of renamed story exports - #31519, thanks @JReinhold!

v9.0.0-rc.2

9.0.0-rc.2

• Addon Docs: Simplify color parsing and color cycling logic - #29840, thanks @leyvae!
• Addon Vitest: Fix watch mode for new files - #31156, thanks @valentinpalkovic!
• CodePanel: Show originalSource code - #31456, thanks @valentinpalkovic!
• Core: Builder-manager disable metafile - #31467, thanks @ndelangen!
• Core: Remove duplicate notification dot on sidebar buttons on mobile - #31485, thanks @ghengeveld!
• Core: Set a minimum height/width for the targetable area of highlights - #31486, thanks @ghengeveld!
• Core: Support groups and info icon in highlight popover menu - #31475, thanks @ghengeveld!
• React Native Web: Fix expo router by setting JSX to automatic - #31484, thanks @dannyhw!
• React: Don't use Act wrapper in Storybook when rendering in docs - #31483, thanks @kasperpeulen!
• Test: Patch HTMLElement.prototype.focus method for settable focus in tests - #31487, thanks @valentinpalkovic!

v9.0.0-rc.1

9.0.0-rc.1

• Addon Docs: Fix docs-content overflow with TOC - #27167, thanks @njsokol!
• Addon Vitest: Ignore mdx files as part of tests - #31457, thanks @yannbf!
• Core: Do not show 'Render story' step in interactions - #31452, thanks @ghengeveld!
• Dependencies: Update docgen - #31465, thanks @ndelangen!
• Source Loader: Remove package - #31466, thanks @valentinpalkovic!
• Vitest: Remove beforeAll in vitest.setup.ts in automigration - #31460, thanks @kasperpeulen!

v8.6.14

8.6.14

• CLI: Add skip onboarding, recommended/minimal config - #30930, thanks @shilman!
• Core: Fix using dates in expect statements - #28413, thanks @yann-combarnous!
• React Native Web: Fix expo router by setting JSX to automatic - #31484, thanks @dannyhw!
• Test: Make sure that lit arrays are not cloned - #31435, thanks @kasperpeulen!

v8.6.13

8.6.13

• Controls: Fix boxShadow on empty controls - #27193, thanks @H0onnn!
• React Native Web: Update react-native-web - #31324, thanks @ndelangen!

v9.0.0-rc.0

9.0.0-rc.0

• Addon A11y: Fix usage of axe-core in pnpm projects - #31422, thanks @yannbf!
• Addon A11y: Fix various issues and inconsistencies - #31432, thanks @ghengeveld!
• Addon Docs: Fix layout: centered in conjunction with inline: false - #31430, thanks @ghengeveld!
• Addon Docs: Fix iframe content width in centered layout - #31320, thanks @Audie80!
• Addon Docs: Improve TableOfContents HTML structure and a11y - #31327, thanks @Sidnioulz!
• Addon Vitest: Use its own cache directory - #31439, thanks @yannbf!
• Addon-Test: Automatically load before all - #30584, thanks @kasperpeulen!
• Addon-vitest: Support paths with spaces - #31437, thanks @ndelangen!
• Automigration: Correctly apply the wrap-require automigration in ESM modules - #31420, thanks @valentinpalkovic!
• Automigration: Improve renderer to framework automigration - #31397, thanks @valentinpalkovic!
• Automigrations: Fix installation of addon-docs - #31399, thanks @valentinpalkovic!
• Build: Update import paths and enable syntax minification - #31390, thanks @ndelangen!
• CLI: Improve package upgrade logic - #31406, thanks @yannbf!
• CLI: Remove @latest from yarn create commands - #31458, thanks @ndelangen!
• CLI: Tweak init prompt - #31376, thanks @shilman!
• Core / Addon A11y: Emit STORY_HOT_UPDATED and rerun A11y tests on HMR - #31423, thanks @ghengeveld!
• Core: Avoid pre-bundling of preview-api in manager entries - #31385, thanks @valentinpalkovic!
• Core: Improve unhandled error detection - #31440, thanks @kasperpeulen!
• Core: Remove maximum-scale=1 from viewport meta tag - #31283, thanks @yatishgoel!
• Core: Wait for animations before completing render cycle - #31287, thanks @ghengeveld!
• Hooks: Stabilize experimental afterEach hook - #31438, thanks @valentinpalkovic!
• Maintenance: Remove aliasses in builder configurations & scripts - #31344, thanks @ndelangen!
• Test: Make sure that lit arrays are not cloned - #31435, thanks @kasperpeulen!