v7.6.0

7.6.0

Storybook 7.6 is here with increased performance and much more!

• 🔥 Improved SWC support
• 🧪 New test utilities and fast build mode
• 🔼 NextJS SWC + avif support & fixes
• 🤡 SvelteKit page and navigation mocking
• ⚛️ React-docgen upgrade
• 🎨 Controls a11y, background theming, and viewports
• 🩺 CLI: The doctor is in!
• 🚫 Addons: Remove React as a peer dependency
• 🪦 Storyshots and Vue2 deprecated

Check out the blog post for more information: https://storybook.js.org/blog/storybook-7-6/

List of all updates

• Actions: Attach spies on actions across stories when defined in meta - #24451, thanks @kasperpeulen!
• Actions: Fix @storybook/core-events/preview-errors dependency missing for Yarn PnP - #24973, thanks @JReinhold!
• Actions: Fix missing crypto module crashing React Native - #24546, thanks @dannyhw!
• Actions: Warn on implicit actions - #24856, thanks @kasperpeulen!
• Addon A11y: Avoid CSP issue - #24477, thanks @Marklb!
• Addon: Move Visual Test addon to the code directory - #24771, thanks @cdedreuille!
• Addons, core: Make react and Storybook packages devDependencies where possible - #24676, thanks @JReinhold!
• Addons, core: Make react and Storybook packages devDependencies where possible - ATTEMPT 2 - #24834, thanks @JReinhold!
• Angular: Add source-map option to builder - #24466, thanks @valentinpalkovic!
• Angular: Handle nested module metadata - #24798, thanks @valentinpalkovic!
• Angular: Include object configured styles - #24768, thanks @valentinpalkovic!
• Babel: Update all @babel/* dependencies - #24610, thanks @valentinpalkovic!
• CLI: Add "doctor" command - #22236, thanks @yannbf!
• CLI: Add @storybook/addon-designs to non-core list - #24507, thanks @yannbf!
• CLI: Ensure errors with opening the browser are caught - #24668, thanks @xueyawei!
• CLI: Ignore addon-onboarding when checking versions - #24634, thanks @JReinhold!
• CLI: Use @storybook/test in template stories - #24393, thanks @yannbf!
• Controls: Improve accessibility of BooleanControl for screen readers - #24418, thanks @danielmarcano!
• Core-Server: Ignore all node_module folders for watchpack - #24553, thanks @valentinpalkovic!
• Core: Add deprecation notice for Vite + CommonJS - #23950, thanks @JReinhold!
• Core: Detect no matching export error in storybook start and build - #24877, thanks @yannbf!
• Core: Fix useStoryPrepared hook failing with undefined data - #22631, thanks @SpookyJelly!
• Core: Fix pnp support when cache dir is outside working dir - #24572, thanks @valentinpalkovic!
• Core: Fix post message channel location.search access for React Native - #24545, thanks @dannyhw!
• Core: Gracefully handle error when parsing preview.js file - #24858, thanks @yannbf!
• Core: Make warnOnIncompatibleAddons fault-tolerant - #24880, thanks @taozhou-glean!
• Dependencies: Fix Yarn 4 failing to install due to jscodeshift dependency issue - #24914, thanks @samvv!
• Dependencies: Update @babel/traverse and @babel/core to fix vulnerability - #24670, thanks @valentinpalkovic!
• Dependencies: Update browserify-sign transitive dependency - #24674, thanks @valentinpalkovic!
• Dependencies: Update jscodeshift to v0.15.1 - #24882, thanks @epreston!
• Dependencies: Update nx dependencies to v17 - #24671, thanks @valentinpalkovic!
• Doc Blocks: Add support for of prop to Primary block - #23849, thanks @Wilson2k!
• Doc Blocks: Remove defaultProps in Stories block - #24506, thanks @WouterK12!
• Docs: Changes corresponding to docs design updates - #24925, thanks @kylegach!
• Maintenance: Split renderers preview entrypoints - #24623, thanks @ndelangen!
• Manager: Update store.settings.lastTrackedStoryId - #24115, thanks @rashidshamloo!
• ManagerAPI: Fix setting status without index, crashes storybook - #24866, thanks @ndelangen!
• ManagerBuilder: Fix "type": "commonjs" compatibility - #24534, thanks @ndelangen!
• Next.js: Add avif support - #24611, thanks @valentinpalkovic!
• Next.js: Add back image context CommonJS export - #24885, thanks @martinnabhan!
• Next.js: Add experimental SWC support - #24852, thanks @valentinpalkovic!
• Next.js: Fix Fast Refresh config for SWC mode - #24991, thanks @valentinpalkovic!
• Next.js: Fix forwarding ref for Image component - #24648, thanks @valentinpalkovic!
• Next.js: Fix import path in swc loader - #24922, thanks @valentinpalkovic!
• Next.js: Fix react-docgen usage with preset-env settings - #24993, thanks @valentinpalkovic!
• Next.js: Remove duplicate Fast Refresh plugin init - #24963, thanks @valentinpalkovic!
• React: Upgrade react-docgen to v7 - #24530, thanks @shilman!
• ReactNative: Fix missing assert dep in docs-tools - #24732, thanks @dannyhw!
• Svelte: Fix decorators always running twice - #24921, thanks @paoloricciuti!
• Svelte: Fix source with decorators always showing the SlotDecorator component - #24800, thanks @JReinhold!
• SvelteKit: Add experimental page and navigation mocking - #24795, thanks @paoloricciuti!
• SvelteKit: Default to log an action for goto, invalidate and invalidateAll - #24955, thanks @paoloricciuti!
• SWC: Add settings for react and preact - #24805, thanks @valentinpalkovic!
• Test Build: Add env-variable support to --test CLI-flag - #24862, thanks @ndelangen!
• Test Build: Add tests and rename to camelCase - #24911, thanks @ndelangen!
• Test Build: Disable composition when --test is true - #24799, thanks @ndelangen!
• Test Build: Disable docs related stuff for test builds - #24691, thanks @ndelangen!
• Test Build: Disable telemetry for test builds - #24706, thanks @kasperpeulen!
• Test Build: Disable warnOnIncompatibleAddons - #24797, thanks @ndelangen!
• Test Build: Filter out addon-docs from essentials in the test build - #24994, thanks @kasperpeulen!
• Test Build: Fix disabledAddons filter - #24924, thanks @IanVS!
• Test Build: Fix indexer bug - #24890, thanks @ndelangen!
• Test Build: Globalize @storybook/blocks if build.test.emptyBlocks is true - #24650, thanks @ndelangen!
• Test Build: Implement builder options for test build - #24826, thanks @kasperpeulen!
• Test Build: Improve config loading & naming - #24837, thanks @ndelangen!
• Test Build: No sourcemaps for test builds - #24804, thanks @ndelangen!
• Test Build: Revert defaulting to SWC in test build, but keep using esbuild for minification - #24843, thanks @kasperpeulen!
• Test: Create @storybook/test package based on vitest - #24392, thanks @kasperpeulen!
• Test: Don't attach action to function mock if action was added already - #24966, thanks @tmeasday!
• Test: Model loaders as before each and restore mocks properly - #24948, thanks @kasperpeulen!
• Theming: Add theme variable to set the preview background color - #24575, thanks @JReinhold!
• Typescript: Add 'skipCompiler' option to TypeScript presets - #24847, thanks @valentinpalkovic!
• UI: Fix horizontal scroll bar in Canvas hidden by styling - #24408, thanks @yoshi2no!
• UI: improve A11Y remove redundant styling rules, update icon color - #24402, thanks @tolkadot!
• UI: Logo fixed value - #24726, thanks @black-arm!
• UI: Update zIndex on NotificationList to fix the notification not being clickable in certain cases - #24602, thanks @yoshi2no!
• Viewport: Add newer device viewports - #24777, thanks @Tomo5524!
• Vite: Prevent non-deterministic build output - #24833, thanks @henkerik!
• Webpack: Add export-order-loader and remove babel-plugin-named-exports-order - #24749, thanks @valentinpalkovic!
• Webpack: Add react-docgen loader and remove babel-plugin-react-docgen - #24762, thanks @valentinpalkovic!
• Webpack: Fix race condition for export-order loader - #24817, thanks @valentinpalkovic!
• Webpack: Hide critical dependency warning - #24784, thanks @valentinpalkovic!
• Webpack: Only load babel config when babel-loader is used - #25002, thanks @valentinpalkovic!
• Webpack: Resolve circular dependency and fix HMR - #24974, thanks @valentinpalkovic!