storybook

7.6.1

• Next.js: Fix AppRouterProvider usage - #25032, thanks @valentinpalkovic!
• SvelteKit: Fix HMR not working - #25031, thanks @JReinhold!
• Test: Downgrade @testing-library/user-event to 14.3.0 - #25004, thanks @kasperpeulen!
• Webpack: Fix exclude regex in react-docgen-loader - #25030, thanks @valentinpalkovic!

8.0.0-alpha.0

• Addon Viewport: Expose types for user parameter validation - #24896, thanks @piratetaco!
• Packages: Remove unused/deprecated packages - #24528, thanks @ndelangen!
• Vite: use user's build.target - #23123, thanks @Hoishin!
• CLI: Remove sb extract command - #24653, thanks @ndelangen!
• Core: Improve project root detection logic - #20791, thanks @dobesv!
• Core: Prebundling globalize the core-event sub paths - #24976, thanks @ndelangen!
• Core: Remove storiesOf-API - #24655, thanks @ndelangen!
• Core: StorybookConfig stories-field support type async function - #21555, thanks @imccausl!
• Dependencies: Update Typescript - #24970, thanks @valentinpalkovic!
• Dependencies: Upgrade monorepo to TS5 - #24440, thanks @ndelangen!
• TypeScript: Migrate @storybook/preset-create-react-app to strict TS - #22395, thanks @kuriacka!
• Manager: Enable refs filtered via experimental_setFilter - #24211, thanks @ndelangen!
• MDX: Theme fontCode not applied consistently when writing MDX - #23110, thanks @gitstart-storybook!
• UI: Bring back role main - #24411, thanks @cdedreuille!
• UI: Fix IconButton not being aligned correctly in blocks - #24529, thanks @cdedreuille!
• UI: Fix button size on controls - #24737, thanks @cdedreuille!
• UI: Fix layout height - #24370, thanks @cdedreuille!
• UI: Fix notifications not appearing in new layout - #24281, thanks @jreinhold!
• UI: Fix theming not updating - #24399, thanks @cdedreuille!
• UI: Improved Button and IconButton - #24266, thanks @cdedreuille!
• UI: Keep mobile drawer open on component selection - #24258, thanks @cdedreuille!
• UI: Mobile truncate story name - #24372, thanks @cdedreuille!
• UI: New icon library - #24433, thanks @cdedreuille!
• UI: Replace Form.Button with the new Button component - #24360, thanks @cdedreuille!
• UI: Screen reader announcing changes for expand/collapse button - #24984, thanks @wjdtjdgns!
• UI: Upgrade manager to React v18 - #24514, thanks @ndelangen!
• UI: sidebar UI updates - #24707, thanks @cdedreuille!

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

• 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!

7.6.0-beta.2

• Actions: Fix @storybook/core-events/preview-errors dependency missing for Yarn PnP - #24973, thanks @JReinhold!
• Webpack5: Resolve circular dependency and fix HMR - #24974, thanks @valentinpalkovic!

7.6.0-beta.1

• SvelteKit: Default to log an action for goto, invalidate and invalidateAll - #24955, thanks @paoloricciuti!

7.6.0-beta.0

• Next.js: Remove duplicate Fast Refresh plugin init - #24963, thanks @valentinpalkovic!
• Test: Don't attach action to function mock if action was added already - #24966, thanks @tmeasday!

7.6.0-alpha.7

• Actions: Warn on implicit actions - #24856, thanks @kasperpeulen!
• Addons, core: Make react and Storybook packages devDependencies where possible - ATTEMPT 2 - #24834, thanks @JReinhold!
• CLI: Add "doctor" command - #22236, thanks @yannbf!
• 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: Gracefully handle error when parsing preview.js file - #24858, thanks @yannbf!
• Core: Make warnOnIncompatibleAddons fault-tolerant - #24880, thanks @taozhou-glean!
• Dependency: Fix Yarn 4 failing to install due to jscodeshift dependency issue - #24914, thanks @samvv!
• Dependency: Update jscodeshift to v0.15.1 - #24882, thanks @epreston!
• FastBuild: Fix disabledAddons filter - #24924, thanks @IanVS!
• ManagerAPI: Fix setting status without index, crashes storybook - #24866, thanks @ndelangen!
• Next.js: Add back image context CommonJS export - #24885, thanks @martinnabhan!
• Next.js: Add experimental SWC support - #24852, thanks @valentinpalkovic!
• Next.js: Fix import path in swc loader - #24922, thanks @valentinpalkovic!
• Svelte: Fix decorators always running twice - #24921, thanks @paoloricciuti!
• SvelteKit: Add experimental page and navigation mocking - #24795, thanks @paoloricciuti!
• Test: Model loaders as before each and restore mocks properly - #24948, thanks @kasperpeulen!
• TestBuild: Add env-variable support to --test CLI-flag - #24862, thanks @ndelangen!
• TestBuild: Add tests and rename to camelCase - #24911, thanks @ndelangen!
• TestBuild: Fix indexer bug - #24890, thanks @ndelangen!
• Typescript: Add 'skipCompiler' option to TypeScript presets - #24847, thanks @valentinpalkovic!

7.6.0-alpha.6

• Addon: Move Visual Test addon to the code directory - #24771, thanks @cdedreuille!
• FastBuild: Improve config loading & naming - #24837, thanks @ndelangen!
• TestBuild: Revert defaulting to SWC in test build, but keep using esbuild for minification - #24843, thanks @kasperpeulen!
• Viewport: Add newer device viewports - #24777, thanks @Tomo5524!
• Vite: Prevent non-deterministic build output - #24833, thanks @henkerik!

7.6.0-alpha.5

• Addons, core: Make react and Storybook packages devDependencies where possible - #24676, thanks @JReinhold!
• Angular: Handle nested module metadata - #24798, thanks @valentinpalkovic!
• Angular: Include object configured styles - #24768, thanks @valentinpalkovic!
• Angular: Support v17 - #24717, thanks @valentinpalkovic!
• ReactNative: Fix missing assert dep in docs-tools - #24732, thanks @dannyhw!
• SWC: Add settings for react and preact - #24805, thanks @valentinpalkovic!
• Svelte: Fix source with decorators always showing the SlotDecorator component - #24800, thanks @JReinhold!
• TestBuild: Disable composition when --test is true - #24799, thanks @ndelangen!
• TestBuild: Disable docs related stuff for test builds - #24691, thanks @ndelangen!
• TestBuild: Disable telemetry for test builds - #24706, thanks @kasperpeulen!
• TestBuild: Disable warnOnIncompatibleAddons - #24797, thanks @ndelangen!
• TestBuild: Globalize @storybook/blocks if build.test.emptyBlocks is true - #24650, thanks @ndelangen!
• TestBuild: Implement builder options for test build - #24826, thanks @kasperpeulen!
• TestBuild: No sourcemaps for test builds - #24804, thanks @ndelangen!
• UI: Fix horizontal scroll bar in Canvas hidden by styling - #24408, thanks @yoshi2no!
• UI: Logo fixed value - #24726, thanks @black-arm!
• UI: improve A11Y remove redundant styling rules, update icon color - #24402, thanks @tolkadot!
• Webpack5: Add export-order-loader and remove babel-plugin-named-exports-order - #24749, thanks @valentinpalkovic!
• Webpack5: Add react-docgen loader and remove babel-plugin-react-docgen - #24762, thanks @valentinpalkovic!
• Webpack5: Fix race condition for export-order loader - #24817, thanks @valentinpalkovic!
• Webpack5: Hide critical dependency warning - #24784, thanks @valentinpalkovic!

7.5.3

• Angular: Support v17 - #24717, thanks @valentinpalkovic!
• CLI: Catch when prettier failed to prettify main and preview config files - #24604, thanks @kasperpeulen!
• UI: Fix button contrast-ratio - #24525, thanks @maheshchandra10!

7.6.0-alpha.4

• CLI: Ensure errors with opening the browser are caught - #24668, thanks @xueyawei!
• Babel: Update all @babel/* dependencies - #24610, thanks @valentinpalkovic!
• CLI: Catch when prettier failed to prettify main and preview config files - #24604, thanks @kasperpeulen!
• 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!
• Dependencies: Update @babel/traverse and @babel/core to fix vulnerability - #24670, thanks @valentinpalkovic!
• Dependencies: Update browserify-sign transitive dependency - #24674, thanks @valentinpalkovic!
• Dependencies: Update nx dependencies to v17 - #24671, thanks @valentinpalkovic!
• Maintenance: Split renderers preview entrypoints - #24623, thanks @ndelangen!
• Next.js: Add avif support - #24611, thanks @valentinpalkovic!
• Next.js: Fix forwarding ref for Image component - #24648, thanks @valentinpalkovic!
• Theming: Add theme variable to set the preview background color - #24575, thanks @JReinhold!
• UI: Fix button contrast-ratio - #24525, thanks @maheshchandra10!
• UI: Update zIndex on NotificationList to fix the notification not being clickable in certain cases - #24602, thanks @yoshi2no!

7.5.2

• Addon-themes: Fix globals not being set when using absolute path - #24596, thanks @JReinhold!
• CLI: Allow Yarn v4 in link command - #24551, thanks @yannbf!
• Next.js: Support v14.0.0 - #24593, thanks @nikospapcom!

7.6.0-alpha.3

• Action: Attach spies on actions across stories when defined in meta - #24451, thanks @kasperpeulen!
• Addon A11y: Avoid CSP issue - #24477, thanks @Marklb!
• Addon-themes: Fix globals not being set when using absolute path - #24596, thanks @JReinhold!
• CLI: Allow Yarn v4 in link command - #24551, thanks @yannbf!
• Core-Server: Ignore all node_module folders for watchpack - #24553, thanks @valentinpalkovic!
• Core: Fix pnp support when cache dir is outside working dir - #24572, thanks @valentinpalkovic!
• Manager: Update store.settings.lastTrackedStoryId - #24115, thanks @rashidshamloo!
• Next.js: Support v14.0.0 - #24593, thanks @nikospapcom!
• Test: Create @storybook/test package based on vitest - #24392, thanks @kasperpeulen!

7.6.0-alpha.2

• Actions: Fix missing crypto module crashing React Native - #24546, thanks @dannyhw!
• Core: Fix post message channel location.search access for React Native - #24545, thanks @dannyhw!
• ManagerBuilder: Fix "type": "commonjs" compatibility - #24534, thanks @ndelangen!
• React: Upgrade react-docgen to v7 - #24530, thanks @shilman!

7.6.0-alpha.1

• Angular: Add source-map option to builder - #24466, thanks @valentinpalkovic!
• Angular: update wrong type for webpackStatsJson in start-storybook schema.json - #24494, thanks @LucaVazz!
• CLI: Add @storybook/addon-designs to non-core list - #24507, thanks @yannbf!
• Doc Blocks: Add support for of prop to Primary block - #23849, thanks @Wilson2k!
• Doc Blocks: Remove defaultProps in Stories block - #24506, thanks @WouterK12!
• Themes: Run postinstall in shell for windows - #24389, thanks @Integrayshaun!

7.5.1

• Angular: update wrong type for webpackStatsJson in start-storybook schema.json - #24494, thanks @LucaVazz!
• Themes: Run postinstall in shell for windows - #24389, thanks @Integrayshaun!

7.6.0-alpha.0

Empty release identical to 7.5.0.

7.5.0

Storybook 7.5 enhances your Storybook experience with several key updates:

• 💃🏼 Now supports Lit 3.0 and Vite 5
• 👻 storiesOf and storyStoreV6 officially deprecated
• 🔨 Fix Webpack5 build errors not being propagated
• 🀄 Support rename font import for Next.js
• ⬆️ Upgrade react-docgen to 6.0.x and improve argTypes
• ✨ Many Angular improvements such as introducing argsToTemplate , new schema debugging options, support for standalone directives, etc.

• Angular: Introduce argsToTemplate for property and event Bindings - #24434, thanks @valentinpalkovic!
• Angular: Add schema options (debugWebpack, webpackStatsJson, and more) - #24388, thanks @yannbf!
• Angular: Categorize legacy build options error - #24014, thanks @yannbf!
• Angular: Fix Angular 15 support and add zone.js v0.14.x support - #24367, thanks @valentinpalkovic!
• Angular: Allow loading standalone directives - #24448, thanks @osnoser1!
• CLI: Inform the user how to dedupe and strip color from info command - #24087, thanks @kasperpeulen!
• CLI: Add more information to storybook info command - #24003, thanks @JReinhold!
• CLI: Change /Date$/ to /Dates$/i - #24195, thanks @arup1221!
• CLI: Improve sanitization logic in crash reports - #24028, thanks @yannbf!
• CLI: Remove random commas in storybook upgrade logs - #22333, thanks @joaonunomota!
• Controls: Fix select / multiselect when value contains multiple spaces - #22334, thanks @oxcened!
• Core: Add class name to Storybook error name - #24371, thanks @yannbf!
• Core: Deprecate storyStoreV6 (including storiesOf) and storyIndexers - #23938, thanks @JReinhold!
• Doc Blocks: Add title to Meta prop types - #23370, thanks @iqbalcodes6602!
• ManagerAPI: Fix bug with story redirection when URL has partial storyId - #24345, thanks @ndelangen!
• NextJS: Support rename font import - #24406, thanks @yoshi2no!
• NextJS: Change babel plugins from proposal-... to transform-... - #24290, thanks @roottool!
• NextJS: Fix default next image loader when src has params - #24187, thanks @json-betsec!
• NextJS: Fix Image Context re-use via singleton - #24146, thanks @martinnabhan!
• NextJS: Improve support for Windows-style paths - #23695, thanks @T99!
• React: Upgrade react-docgen to 6.0.x and improve argTypes - #23825, thanks @shilman!
• Svelte: Fix docs generating when using lang="ts" or optional chaining - #24096, thanks @j3rem1e!
• UI: Filter some manager errors - #24217, thanks @yannbf!
• UI: Fix className missing in syntaxhighlighter - #24491, thanks @ndelangen!
• UI: Update ScrollArea with radix - #24413, thanks @cdedreuille!
• UI: Improve contrast ratio between focus / hover - #24205, thanks @chocoscoding!
• Vite: Move mdx-plugin from @storybook/builder-vite to @storybook/addon-docs - #24166, thanks @bryanjtc!
• Vite: Support Vite 5 - #24395, thanks @IanVS!
• Web-components: Add Lit3 support - #24437, thanks @shilman!
• Webpack: Display errors on build - #24377, thanks @yannbf!
• Webpack: Categorize builder error - #24031, thanks @yannbf!
• Webpack: Use logger.warn on warnings - #24472, thanks @yannbf!

7.5.0-alpha.7

• Angular: Allow loading standalone directives - #24448, thanks @osnoser1!
• Svelte: Fix docs generating when using lang="ts" or optional chaining - #24096, thanks @j3rem1e!
• Vite: Support Vite 5 - #24395, thanks @IanVS!

7.5.0-alpha.6

• Angular: Introduce argsToTemplate for property and event Bindings - #24434, thanks @valentinpalkovic!
• Controls: Fix select / multiselect when value contains multiple spaces - #22334, thanks @oxcened!
• Next.js: Support rename font import - #24406, thanks @yoshi2no!
• UI: Update ScrollArea with radix - #24413, thanks @cdedreuille!
• Web-components: Add Lit3 support - #24437, thanks @shilman!