chore(deps): update storybook to v8 (major)
This MR contains the following updates:
Package | Type | Update | Change |
---|---|---|---|
@storybook/addon-a11y (source) | devDependencies | major | ^7.6.20 -> ^8.4.7 |
@storybook/addon-docs (source) | devDependencies | major | ^7.6.20 -> ^8.4.7 |
@storybook/addon-essentials (source) | devDependencies | major | ^7.6.20 -> ^8.4.7 |
@storybook/addon-interactions (source) | devDependencies | major | ^7.6.20 -> ^8.4.7 |
@storybook/addon-viewport (source) | devDependencies | major | ^7.6.20 -> ^8.4.7 |
@storybook/builder-webpack5 (source) | devDependencies | major | ^7.6.20 -> ^8.4.7 |
@storybook/test (source) | devDependencies | major | ^7.6.20 -> ^8.4.7 |
@storybook/theming (source) | devDependencies | major | ^7.6.20 -> ^8.4.7 |
@storybook/vue3 (source) | devDependencies | major | ^7.6.20 -> ^8.4.7 |
@storybook/vue3-webpack5 (source) | devDependencies | major | ^7.6.20 -> ^8.4.7 |
storybook (source) | devDependencies | major | ^7.6.20 -> ^8.4.7 |
MR created with the help of gitlab-org/frontend/renovate-gitlab-bot
Release Notes
storybookjs/storybook (@storybook/addon-a11y)
v8.4.7
- Telemetry: Improve anonymous id calculation - #29736, thanks @tmeasday!
- Vue: Properly resolve Vite plugin - #29795, thanks @tobiasdiez!
v8.4.6
- Addon Test: Use pathe for better windows support - #29676, thanks @yannbf!
- Angular: Default to standalone components in Angular v19 - #29677, thanks @ingowagner!
- Frameworks: Add Vite 6 support - #29710, thanks @yannbf!
- Portable stories: Support multiple annotation notations from preview - #29733, thanks @yannbf!
- React: Upgrade react-docgen-typescript to support Vite 6 - #29724, thanks @yannbf!
- Svelte: Support
@sveltejs/vite-plugin-svelte
v5 - #29731, thanks @JReinhold!
v8.4.5
- Angular: Support v19 - #29659, thanks @leosvelperez!
- CLI: Disable corepack auto pin behavior - #29627, thanks @yannbf!
- CLI: Fix qwik init - #29632, thanks @shilman!
- Nextjs-Vite: Add Next.js 15 support - #29640, thanks @yannbf!
v8.4.4
v8.4.3
- Addon Test: Optimize internal dependencies - #29595, thanks @yannbf!
- Next.js: Add support for Next 15 - #29587, thanks @yannbf!
v8.4.2
- Addon Test: Fix post-install logic for Next.js Vite framework support - #29524, thanks @valentinpalkovic!
- Addon Test: Only render the TestingModule component in development mode - #29501, thanks @yannbf!
- CLI: Fix Solid init by installing
@storybook/test
- #29514, thanks @shilman! - Core: Shim CJS-only globals in ESM output - #29157, thanks @valentinpalkovic!
- Next.js: Fix bundled react and react-dom in monorepos - #29444, thanks @sentience!
v8.4.1
- Core: Relax peer dep constraint of shim packages - #29503, thanks @kasperpeulen!
v8.4.0
Storybook 8.4 comes with a ton of exciting new features designed to give you the best experience developing, testing, and debugging tests in the browser!
-
▶️ Unified UI for component testing -
5️⃣ Svelte 5 and Svelte CSF support -
⚛️ React Native Storybook 8 release -
🏷️ Tags-based filtering to organize your Storybook -
🫧 Dependency cleanup to reduce install footprint -
💯 Hundreds more improvements
List of all updates
- Addon Test: Adjust file exports to be ESM/CJS compatible - #29471, thanks @valentinpalkovic!
- Addon Test: Error when addon interactions exists - #29434, thanks @valentinpalkovic!
- Addon Test: Escape XML when converting ANSI to HTML in test errors - #29446, thanks @ghengeveld!
- Addon Test: Fix hiding stacktrace for assertion errors in test panel - #29458, thanks @ghengeveld!
- Addon Test: Improve Error Handling - #29476, thanks @valentinpalkovic!
- Addon Test: Improve postinstall script - #29479, thanks @yannbf!
- Addon Test: Improve unsupported vitest message - #29486, thanks @valentinpalkovic!
- Addon Test: Only register testing module in Vite projects - #29472, thanks @yannbf!
- Addon Test: Throttle Vitest progress updates more heavily - #29482, thanks @ghengeveld!
- Addon-docs, blocks: Prebundle dependencies - #29301, thanks @JReinhold!
- Addon-Test: Support for
@vitest/browser
v2.1.2 - #29407, thanks @strozw! - Blocks: Prebundle
es-toolkit
- #29259, thanks @JReinhold! - Builder-vite: Replace .at() call with [] in codegen - #29048, thanks @Chudesnov!
- CLI: Don't add
@storybook/addon-links
by default - #29177, thanks @tobiasdiez! - CLI: Ensure
.gitignore
updated via CLI ends with a newline - #29124, thanks @3w36zj6! - CLI: Fix
yarn
detection - #29448, thanks @ndelangen! - CLI: Migrate from
chalk
topicocolors
- #28262, thanks @43081j! - CLI: Refactor NPMProxy error parsing logic - #29459, thanks @yannbf!
- ConfigFile: Fix
export { X }
parsing - #29344, thanks @vctqs1! - Core: Add unified UI Testing Module - #29241, thanks @yannbf!
- Core: Close story status menu when selecting an item - #29455, thanks @ghengeveld!
- Core: Fix building Storybook deleting project root files - #29371, thanks @JReinhold!
- Core: Fix race condition during empty folder init - #29490, thanks @valentinpalkovic!
- Core: Make
prettier
an optional peer dependency - #29223, thanks @JReinhold! - Core: Migrate from
express
topolka
- #29230, thanks @43081j! - Core: Migrate from
qs
topicoquery
- #28315, thanks @43081j! - Core: Open 'Component tests' addon panel when clicking a story status - #29456, thanks @ghengeveld!
- Core: Remove
handlebars
usage - #29208, thanks @ndelangen! - Core: Remove dependence on
file-system-cache
- #29256, thanks @ndelangen! - Core: Replace
fs-extra
with the native APIs - #29126, thanks @ziebam! - Core: Replace
lodash
withes-toolkit
- #28981, thanks @ndelangen! - Core: Show checkmark icon in story status dropdown and update status label for component tests - #29451, thanks @ghengeveld!
- Core: Show tooltip on filter toggles to clarify their purpose - #29447, thanks @ghengeveld!
- Core: Track test provider state in sessionStorage - #29450, thanks @ghengeveld!
- Core: Upgrade
esbuild
, broadening version range - #29254, thanks @ndelangen! - Dependencies: Upgrade VTA to v3.1.0 - #29449, thanks @ghengeveld!
- Dependencies: Upgrade VTA to v3.2.0 to resolve peerDep conflict - #29461, thanks @ghengeveld!
- Interactions: Escape xml of interactions errors - #29414, thanks @kasperpeulen!
- Maintenance: Fix broken and outdated documentation links - #29412, thanks @jonniebigodes!
- Manager: Add tags property to ComponentEntry objects - #29343, thanks @Sidnioulz!
- React: Prebundle all of
renderers/react
's dependencies - #29298, thanks @ndelangen! - Svelte: Improve argTypes inference with
svelte2tsx
- support runes - #29423, thanks @JReinhold! - Test: Remove unused
util
dependency - #29310, thanks @JReinhold! - UI: Brand image css class conflict causes image to resize on hot reloads - #29129, thanks @ShreySinha02!
- UI: Fix RefIndicator to use CheckIcon instead of string - #29209, thanks @JSMike!
- UI: Simple tag filtering - #29333, thanks @shilman!
- UI: Use production-mode
react
in manager - #29197, thanks @ndelangen! - Viewport-addon: Add InitialViewportKeys type to viewport addon - #29182, thanks @hyeongrok7874!
- Vite: Add jsdoc-type-pratt-parser to
optimizeDeps
- #29179, thanks @tobiasdiez! - Vite: Cleanup and prebundle dependencies - #29302, thanks @JReinhold!
- Webpack: Fix export 'act' (imported as 'React4') was not found in 'react' errors in webpack - #29235, thanks @kasperpeulen!
v8.3.7
v8.3.7
- Core: Relax peer dep constraint of shim packages - #29503, thanks @kasperpeulen!
v8.3.6
- CLI: Install Svelte CSF v5 in Svelte5 projects - #29323, thanks @shilman!
- Svelte: Add v5 stories to CLI templates - #29382, thanks @JReinhold!
v8.3.5
- CLI: Update the React Native init to include v8 dependencies - #29273, thanks @dannyhw!
- Vitest plugin: Fix renamed export stories - #29250, thanks @shilman!
v8.3.4
- Addon Test: Support story name as test description - #29147, thanks @InfiniteXyy!
- Addon-Interactions: Use ansi-to-html for colored test errors - #29110, thanks @kasperpeulen!
v8.3.3
- CLI: Show constraints in error when getting depndencies - #29187, thanks @andrasczeh!
- React-Vite: Downgrade react-docgen-typescript plugin - #29184, thanks @shilman!
- UI: Fix composed storybook TooltipLinkList bug where href isn't passed forward - #29175, thanks @JSMike!
v8.3.2
- CLI: Fix skip-install for stable latest releases - #29133, thanks @valentinpalkovic!
- Core: Do not add packageManager field to package.json during
storybook dev
- #29152, thanks @valentinpalkovic!
v8.3.1
- Angular: Fix sourceDecorator to apply excludeDecorators flag - #29069, thanks @JSMike!
- Core: Do not prebundle better-opn - #29137, thanks @valentinpalkovic!
- Core: Do not prebundle jsdoc-type-pratt-parser - #29134, thanks @valentinpalkovic!
- Next.js: Upgrade sass-loader from ^12 to ^13 - #29040, thanks @HoncharenkoZhenya!
v8.3.0
Fresh out of the oven! Storybook 8.3 brings you:
-
⚡ First-class Vitest integration to run stories as component tests -
🔼 Next.js-Vite framework for Vitest compatibility and better DX -
🗜️ Further reduced bundle size for a smaller install footprint -
🌐 Experimental Story globals to standardize stories for themes, viewports, and locales -
💯 Hundreds more improvements
List of all updates
- Addon Test: Improve messages and post install script handling - #29036, thanks @yannbf!
- Addon Viewport: Add default options via parameters - #28944, thanks @ndelangen!
- Addon Test: Add experimental vitest integration - #28768, thanks @kasperpeulen!
- Addon Test: Fix error message logic in set up file - #28906, thanks @yannbf!
- Addon Test: Fix indentation of 'vitePluginNext' in generated Vitest config file - #29011, thanks @ghengeveld!
- Addon Test: Fix postinstall file types - #28978, thanks @shilman!
- Addon Test: Fix tests potentially not existing in non-isolate mode - #28993, thanks @yannbf!
- Addon Test: Improve transformation logic to avoid duplicate tests - #28929, thanks @yannbf!
- Addon Test: Set default viewport if applicable - #28905, thanks @yannbf!
- Addon Test: Set screenshotFailures to false by default - #28908, thanks @yannbf!
- Addon Docs: Remove babel dependency - #28915, thanks @shilman!
- Addon Interactions: Fix status in panel tab - #28580, thanks @yannbf!
- Angular: Fix Angular template error for props with a circular reference - #28498, thanks @Marklb!
- Angular: Fix template props not able to use dot notation - #28588, thanks @Marklb!
- Backgrounds/Viewports: Make defaults overridable in
StoryGlobals
-mode - #29025, thanks @JReinhold! - Blocks: Fix scroll to non-ascii anchors - #28826, thanks @SkReD!
- Build: Remove external overrides, use package.json as source of truth - #28632, thanks @kasperpeulen!
- Builder-Vite: Add null character prefix to virtual file IDs - #28863, thanks @valentinpalkovic!
- Builder-Vite: Fix 'condition node never be used' warning - #28989, thanks @valentinpalkovic!
- CLI: Add conditional logging for manager and preview start - #28603, thanks @tobiasdiez!
- CLI: Fix dedent import in package managers - #28980, thanks @shilman!
- CLI: Fix the initialization of Storybook in workspaces - #28699, thanks @valentinpalkovic!
- CLI: Handle Yarn PnP wrapper scenario when adding an addon - #29027, thanks @yannbf!
- CLI: Make PackageJson optional for starting a dev server - #28594, thanks @tobiasdiez!
- CLI: Update spawn options in proxy.ts to support Windows - #28990, thanks @valentinpalkovic!
- Components: Remove external overrides - #28632, thanks @kasperpeulen!
- ConfigFile: Fix
as const satisfies
modifiers - #29000, thanks @shilman! - Controls: Add disableSave parameter - #28734, thanks @valentinpalkovic!
- Core: Add Rsbuild frameworks to known frameworks - #28694, thanks @fi3ework!
- Core: De-duplicate babel use in core - #28972, thanks @ndelangen!
- Core: Fix header for MountMustBeDestructuredError message - #28590, thanks @0916dhkim!
- Core: Fix manager-builder
tsconfig
to emitreact-jsx
- #28541, thanks @williamhelmrath! - Core: Introduce setProjectAnnotations API to more renderers and frameworks - #28907, thanks @yannbf!
- Core: Make sure CJS build always has lowest prio - #28829, thanks @kasperpeulen!
- Core: Move
util
to regular dependency - #29008, thanks @ndelangen! - Core: Split Storybook CLI - #28519, thanks @kasperpeulen!
- Core: Upgrade docs-mdx for smaller install - #28552, thanks @shilman!
- CPC: Add
ESM
export todocs-tools
&node-logger
packages - #28539, thanks @ndelangen! - CPC: Fix missing dependency in
@storybook/addon-interactions
- #28518, thanks @ndelangen! - CPC: Fix type generation - #28507, thanks @ndelangen!
- CPC: Revert renames of panels, addon_ids - #28524, thanks @ndelangen!
- CSF: Allow overridding globals at the story level - #26654, thanks @tmeasday!
- Dependencies: Upgrade
commander
- #28857, thanks @43081j! - Fix: Add header for MountMustBeDestructuredError message - #28590, thanks @0916dhkim!
- Fix: Prevent iframe from capturing mouse events in composed Storybooks - #28568, thanks @Vincentdevreede!
- Maintenance: Add
node:
-prefix to node core-modules - #28860, thanks @ndelangen! - Maintenance: Rename addon-vitest to addon-test - #29014, thanks @yannbf!
- Next.js-Vite: Fix vite plugin exports - #29046, thanks @valentinpalkovic!
- Next.js-Vite: Streamline Next.js dir option - #28995, thanks @valentinpalkovic!
- Next.js-Vite: Update next and vite-plugin-storybook-nextjs dependencies - #28994, thanks @valentinpalkovic!
- Next.js: Add @storybook/nextjs-vite package - #28800, thanks @valentinpalkovic!
- Next.js: Fix wrong Next.js framework reference - #28992, thanks @valentinpalkovic!
- Next.js: Make RSC portable-stories compatible - #28756, thanks @valentinpalkovic!
- Next.js: Update dependencies - #29052, thanks @valentinpalkovic!
- Nextjs-Vite: Re-export vite-plugin-storybook-nextjs - #29012, thanks @valentinpalkovic!
- Portable Stories: Improve Handling of React Updates and Errors - #29044, thanks @valentinpalkovic!
- React: Avoid 'Dynamic require of react is not possible' issue - #28730, thanks @valentinpalkovic!
- React: Bundle in
lodash
- #28609, thanks @ndelangen! - Svelte: Fix events not being logged in Actions when a story has decorators - #28247, thanks @JReinhold!
- SvelteKit: Introduce portable stories support - #28918, thanks @yannbf!
- SvelteKit/Vue3: Refactor plugin export paths - #29016, thanks @yannbf!
- Telemetry: Add globals stats - #28822, thanks @shilman!
- Telemetry: Add portable stories - #26764, thanks @shilman!
- Test: Fix support for TS < 4.7 - #28887, thanks @ndelangen!
- Test: Rename vitest plugin entrypoint - #29067, thanks @yannbf!
- Test: Upgrade Vitest to v2 - #28788, thanks @yannbf!
- Types: Adjust beforeAll to be non-nullable in NormalizedProjectAnnotations - #28671, thanks @kasperpeulen!
- Types: Update type signatures of objects and functions - #28503, thanks @valentinpalkovic!
- UI: Fix collapse/expand all functionality - #28582, thanks @filipemelo2002!
- UI: Fix conditional hooks usage in sidebar - #28979, thanks @JReinhold!
- UI: Fix sidebar not wrapping - #29055, thanks @JReinhold!
- Vite: Fix HMR - #28876, thanks @ndelangen!
- Vite: Fix missing source map warning - #28984, thanks @valentinpalkovic!
- Vitest: Fix add command - #28975, thanks @ghengeveld!
- Vitest: Fix default viewport - #28943, thanks @kasperpeulen!
- Vitest: Implement add command for vitest addon - #28920, thanks @kasperpeulen!
- Vue: Add missing prop controls when using
vue-component-meta
docgen plugin - #28760, thanks @larsrickert! - Vue: Improve generated code snippets - #27194, thanks @larsrickert!
- Vue3: Add vite plugin for portable stories - #29004, thanks @yannbf!
v8.2.10
8.2.10
- Core: Relax peer dep constraint of shim packages - #29503, thanks @kasperpeulen!
v8.2.9
- CLI: Fix
init --skip-install
- #28853, thanks @ndelangen! - Telemetry: Disable save-from-controls logs for example stories - #28870, thanks @shilman!
v8.2.8
- CLI: Parse more Yarn Berry errors - #28816, thanks @yannbf!
- Fix: Invariant failed: Expected package.json#version to be defined in the "undefined" package - #28752, thanks @abcdmku!
v8.2.7
- CPC: Fix type usage in renderers - #28745, thanks @ndelangen!
- Core: Introduce run over play in portable stories, and revert back play changes of 8.2 - #28764, thanks @kasperpeulen!
v8.2.6
- CPC: Fix missing exports for addon-kit - #28691, thanks @ndelangen!
v8.2.5
- CPC: Add the globals export for manager - #28650, thanks @ndelangen!
- CPC: Correct path to the
@storybook/theming/create
alias - #28643, thanks @Averethel! - Components: Remove external overrides - #28632, thanks @kasperpeulen!
- Core: Fix header for MountMustBeDestructuredError message - #28590, thanks @0916dhkim!
- Onboarding: Fix code snippet when story name differs from export name - #28649, thanks @ghengeveld!
- Telemetry: Add mount, beforeEach, moduleMock stats - #28624, thanks @shilman!
- Telemetry: CSF feature usage - #28622, thanks @shilman!
v8.2.4
- CLI: Add diagnostic when the
storybook
package is missing - #28604, thanks @kasperpeulen! - CLI: Make a few automigrations run on all version upgrades - #28601, thanks @yannbf!
- CPC: Direct dependencies on shim packages in renderers - #28599, thanks @ndelangen!
v8.2.3
- Bug: Fix invalid docs links in Configure.mdx template page - #28560, thanks @kylegach!
- CLI: Add "missing-storybook-dependencies" automigration - #28579, thanks @yannbf!
- CPC: Add
theming/create
aliases in docs preset - #28570, thanks @ndelangen! - CPC: Fix incorrect re-export in
core-events
- #28573, thanks @ndelangen! - CPC: Fix Vite builder had wrong conditions - #28581, thanks @ndelangen!
- CSF: Fix small typing issue - #28587, thanks @valentinpalkovic!
- Portable stories: Remove unused types - #28548, thanks @kasperpeulen!
- Webpack: Fix sourceMap generation in csf-tools - #28585, thanks @valentinpalkovic!
v8.2.2
- CPC: Add
ESM
export todocs-tools
&node-logger
packages - #28539, thanks @ndelangen! - CPC: Fix missing dependency in
@storybook/addon-interactions
- #28518, thanks @ndelangen! - CPC: Revert renames of panels, addon_ids - #28524, thanks @ndelangen!
v8.2.1
- CPC: Fix type generation - #28507, thanks @ndelangen!
- Types: Update type signatures of objects and functions - #28503, thanks @valentinpalkovic!
v8.2.0
Hold onto your hats! Storybook 8.2 has dropped, packed with a treasure trove of new features and bug fixes:
-
🪝 New test hookbeforeAll
-
🕹️ Enhancedplay
function -
📦 Portable stories that let you use your stories in other testing tools -
🎁 Consolidated dependency to bring you better performance in a smaller package -
✨ Brand new onboarding experience to get you up to speed quicker -
💯 Hundreds more improvements
List of all updates
- Addon Controls: Fix saving on Windows - #28485, thanks @ghengeveld!
- Addon Interactions: Use unique keys when rendering array nodes in panel - #28423, thanks @yannbf!
- Addon Onboarding: Add icons for dev/test/doc to the splash screen - #28389, thanks @ghengeveld!
- Addon Onboarding: New design and flow based on Save from Controls - #28327, thanks @ghengeveld!
- Addon Onboarding: Trigger onboarding during init for Vue and Angular projects - #28482, thanks @ghengeveld!
- Addon-A11y: Fix property default assignment - #27224, thanks @valentinpalkovic!
- Angular: Allow format configuration of custom source preview - #28305, thanks @64BitAsura!
- Angular: Allow outputPath object syntax - #28144, thanks @valentinpalkovic!
- Angular: Cleanup types - #27189, thanks @valentinpalkovic!
- Angular: Fix enableProdMode setting - #28415, thanks @valentinpalkovic!
- Angular: Fix wrong detection of standalone components - #27353, thanks @dario-baumberger!
- Angular: Introduce preserveSymlink builder option - #28145, thanks @valentinpalkovic!
- Angular: Update outputPath default value in angular-cli-webpack.js - #28418, thanks @valentinpalkovic!
- Babel: Ensure story files not transpiled earlier than ES2017 - #28469, thanks @kasperpeulen!
- Blocks: Fix reference to storybook core - #28422, thanks @yannbf!
- Blocks: Prebundle
tocbot
- #28318, thanks @shilman! - Build: Change require/import order, so that import has higher prio if both are specified - #27730, thanks @kasperpeulen!
- Build: Ignore ts stories in cra/default-js sandbox - #28354, thanks @valentinpalkovic!
- CLI: Add
--no-dev
option toinit
- #26918, thanks @fastfrwrd! - CLI: Add optional
--dev
and--no-dev
options tostorybook init
CLI - #26918, thanks @fastfrwrd! - CLI: Add support for Nuxt to project init - #26884, thanks @tobiasdiez!
- CLI: Fix CLI always asking all automigrations - #28238, thanks @ndelangen!
- CLI: Improve error message when fetching CLI version - #28289, thanks @yannbf!
- CLI: Include
@storybook/addon-svelte-csf
when initializing new projects - #27070, thanks @benmccann! - CLI: Prebundle get-npm-tarball-url and @ndelangen/get-tarball - #28481, thanks @ndelangen!
- Config: Apply JavaScript-only story glob extensions for JavaScript projects - #28338, thanks @valentinpalkovic!
- Controls: Fix date picker control validation and assignment - #26695, thanks @leeovictor!
- Controls: Fix grouped Radio controls to have the same name - #23374, thanks @srapilly!
- Controls: Throttling makes Color control lagging - #22615, thanks @gitstart!
- Core: Add context as a property of the context (self-referencing) - #28353, thanks @kasperpeulen!
- Core: Add support for
beforeAll
hook - #28255, thanks @ghengeveld! - Core: Fix startup hang caused by watchStorySpecifiers - #27016, thanks @heyimalex!
- Core: Make sure StorybookError message shows up in browser console and interactions panel - #28464, thanks @kasperpeulen!
- Core: Migrate from
pkg-dir
tofd-package-json
- #28270, thanks @43081j! - Core: Refactor phases to run in order
loading
->rendering
->playing
- #28431, thanks @kasperpeulen! - Core: Remove more
.stories.mdx
handling - #25973, thanks @JReinhold! - Core: Remove util dependency - #28191, thanks @43081j!
- CPC: Add
CJS
forcore/components
- #28440, thanks @ndelangen! - CPC: Core Package Consolidation - #27039, thanks @ndelangen!
- CSF: Automatically extract componentPath - #24396, thanks @shilman!
- CSF: Rename
preview.js
globals
toinitialGlobals
- #27517, thanks @shilman! - Dependencies: Allow esbuild version 0.21.x - #28245, thanks @edoardocavazza!
- Dependency: bump
markdown-to-jsx
to v7.4.5 - #26694, thanks @xyy94813! - Dependency: Bump Express.js - #26680, thanks @valentinpalkovic!
- Dependency: Remove node-fetch - #28160, thanks @yk-kd!
- Dependency: Upgrade
webpack-virtual-modules
to 0.6.0 - #27102, thanks @fyodorovandrei! - Deps: Migrate from
read-pkg-up
tofd-package-json
- #28272, thanks @43081j! - Docs-tools: Replace
doctrine
withjsdoc-type-pratt-parser
- #26305, thanks @43081j! - Docs: Filter mount stories from
Stories
block, error when referenced in MDX - #28434, thanks @kasperpeulen! - Docs: Fix
Typeset
Doc blockfontSizes
type - #26475, thanks @noranda! - Index: Fix MDX to override project-level autodocs - #28461, thanks @shilman!
- Indexer: Improve locating stories with specials chars in path - #22110, thanks @jankoritak!
- Next: Set default targets for next babel config - #28443, thanks @kasperpeulen!
- Next.js: Set
env.bugfixes
in SWC so destructuring is never transpiled - #28363, thanks @kasperpeulen! - React: Export ButtonProps and HeaderProps in CLI templates - #28487, thanks @valentinpalkovic!
- SWC: Set default targets for swc that align with our esbuild targets - #28435, thanks @kasperpeulen!
- Telemetry: Stop prompting about crash reports in CI - #28433, thanks @yannbf!
- Test: Add args to
mount
in react, svelte, and vue renderers - #28385, thanks @kasperpeulen! - Test: Add mount property to the story context - #28383, thanks @kasperpeulen!
- Test: Enhance the context with canvas when the test package is used - #28368, thanks @kasperpeulen!
- Test: Improve MountMustBeDestructuredError error message - #28468, thanks @kasperpeulen!
- Test: Reactive spies preserve the this instance - #28445, thanks @kasperpeulen!
- Types: Fix type implementation for
CompatibleString
- #27180, thanks @sni-J! - Vite: Fix asset warning by externalizing sb-common-assets font - #27110, thanks @valentinpalkovic!
- Vue3: Enable new hydration mismatch compile time flag - #27192, thanks @Cherry!
- Webpack5/Vite: Fix sourcemaps - #27171, thanks @valentinpalkovic!
v8.1.11
- Telemetry: Detect Node version - #28299, thanks @yannbf!
- Test: Upgrade deps of @storybook/test - #27862, thanks @kasperpeulen!
v8.1.10
- Addon-interactions: Fix deprecation warnings - #28250, thanks @shilman!
- Test: Upgrade deps of @storybook/test - #27862, thanks @kasperpeulen!
v8.1.9
- Addon-a11y: Workaround for Vite 5.3.0 compat - #28241, thanks @shilman!
- CLI: Add
--no-dev
option toinit
- #26918, thanks @fastfrwrd! - CLI: Fix
init --skip-install
- #28226, thanks @shilman!
v8.1.8
- Automigrations: Make VTA "learn more" link clickable - #28020, thanks @deiga!
- CLI: Fix
init --skip-install
- #28226, thanks @shilman!
v8.1.7
- Addon-actions: Only log spies with names - #28091, thanks @kasperpeulen!
- CLI: Fix typo in React Docgen migration - #27536, thanks @jonniebigodes!
- Portable Stories: Add tags to composed story - #27708, thanks @yannbf!
- Test: Display toHaveBeenCalledWith expected / received values on failure - #28088, thanks @kasperpeulen!
v8.1.6
- CLI: Only log the UpgradeStorybookToSameVersionError but continue the upgrade as normal - #27217, thanks @kasperpeulen!
- Core: Replace ip function with a small helper function to address security concerns - #27529, thanks @tony19!
- Tags: Fix unsafe project-level tags lookup - #27511, thanks @shilman!
- Vite: Fix stats-plugin to normalize file names with posix paths - #27218, thanks @AlexAtVista!
v8.1.5
- CSF-Tools: Fix export specifier bug - #27418, thanks @valentinpalkovic!
- Dependency: Upgrade tempy - #27366, thanks @mnigh!
- Tags: Refine composition behavior - #27379, thanks @shilman!
- Theming: Fix self-referencing type - #27155, thanks @SimenB!
v8.1.4
- Angular: Revert style adjustments - #27361, thanks @valentinpalkovic!
- Svelte: Support latest prerelease - #27378, thanks @valentinpalkovic!
- Tags: Fix composition with older storybooks - #27358, thanks @shilman!
- Vite: Fix HMR issue for Storybook preview files - #27256, thanks @valentinpalkovic!
v8.1.3
- Angular: Support v18 - #27237, thanks @valentinpalkovic!
- Telemetry: Add test packages - #27226, thanks @shilman!
v8.1.2
- Angular: Fix filtering of workspace config styles - #27108, thanks @valentinpalkovic!
- Next.js: Avoid interfering with the svgr loader - #27198, thanks @seanparmelee!
v8.1.1
- Telemetry: Detect Node version - #28299, thanks @yannbf!
- Test: Upgrade deps of @storybook/test - #27862, thanks @kasperpeulen!
v8.1.0
Storybook 8.1 is here with a tone of new features and bug fixes:
-
🏷️ Static tag-based filtering -
🦺 Type-safe, standards-based module mocking -
🐣 NewbeforeEach
test hook -
🧳 Portable Stories API for Playwright Component Testing -
🐕🦺 Support the new signal-based input & output functions in Angular -
2️⃣ Two new ways to create stories: generating them from story controls or from your components directly!
List of all updates
- Addon-actions: Fix falsy args printing as object - 22163 - #26917, thanks @Fatcat560!
- Addon-docs: Fix MDX compilation with
@vitejs/plugin-react-swc
and plugins - #26837, thanks @JReinhold! - Addon-docs: Fix
providerImportSource
extension - #26868, thanks @bashmish! - Addon-docs: Fix
react-dom/server
imports breaking stories and docs - #26557, thanks @JReinhold! - Addon-docs: Support Stencil based display names in source snippets - #26592, thanks @yannbf!
- Addon-docs: Fix
[Object object]
displayName in some JSX components - #26566, thanks @yannbf! - Angular: Add type support for Angular's input signals - #26413, thanks @valentinpalkovic!
- Angular: Add type support for Angular's output signals - #26546, thanks @valentinpalkovic!
- API: Add API access to sidebar renderLabel - #27099, thanks @shilman!
- Args: Add possibility to mark controls as read-only - #26577, thanks @valentinpalkovic!
- Automigrations: Fix name of VTA addon - #26816, thanks @valentinpalkovic!
- Automigrations: Add migration note about new react-docgen default - #26620, thanks @valentinpalkovic!
- Automigrations: Fix missing support for mts vite config - #26441, thanks @drik98!
- Automigrations: Improve react-docgen automigration prompt - #27106, thanks @valentinpalkovic!
- Blocks: Add
of
prop toSubtitle
- #22552, thanks @joaonunomota! - Blocks: Add
of
prop toTitle
- #23728, thanks @Sidnioulz! - CLI: Add --config-dir flag to add command - #26771, thanks @eric-blue!
- CLI: Add --config-dir flag to migrate command - #26721, thanks @yannbf!
- CLI: Add main.js
docs.autodocs
automigration - #27089, thanks @shilman! - CLI: Add Visual Tests addon install auto-migration when upgrading to 8.0.x - #26766, thanks @ndelangen!
- CLI: Automigrate improve upgrade storybook related packages - #26497, thanks @ndelangen!
- CLI: Automigrations copy edits - #26342, thanks @joevaugh4n!
- CLI: Fix eslint configuration for string
extends
- #27097, thanks @shilman! - CLI: Improve Yarn berry error parsing - #26616, thanks @yannbf!
- CLI: Improve
vite-config-file.ts
- #26375, thanks @joevaugh4n! - CLI: Instruct the correct auto-migration command - #26515, thanks @ndelangen!
- CLI: Introduce package manager fallback for initializing Storybook in an empty directory with yarn1 - #26500, thanks @valentinpalkovic!
- CLI: Throw an error when running upgrade command in incorrect cwd - #26585, thanks @yannbf!
- Codemods: Escape filename given as argument - #26430, thanks @YukiKitagata!
- Controls: Add Channels API to search for files in the project root - #26726, thanks @valentinpalkovic!
- Controls: Added server channel to create a new story - #26769, thanks @valentinpalkovic!
- Controls: Add UI to create new story files - #26875, thanks @valentinpalkovic!
- Controls: Fix crashing when docgen extraction partially fails - #26862, thanks @yannbf!
- Controls: Fix disable condition in ArgControl component - #26567, thanks @valentinpalkovic!
- Controls: Fix number controls do not reset - #26372, thanks @jiyiru!
- Core: Add
duration
andonClick
support to Notification API and improve Notification UI - #26696, thanks @ghengeveld! - Core: Drop unneeded
UPDATE_STORY_ARGS
which was for SSv6 - #25993, thanks @tmeasday! - Core: Ensure that simultaneous onStoriesChanged don't clobber each other - #26882, thanks @tmeasday!
- Core: Fix filters not being applied in WebKit - #26949, thanks @JReinhold!
- Core: Fix preloading too early - #26442, thanks @ndelangen!
- Core: Implement file formatter - #26809, thanks @valentinpalkovic!
- Core: Optimize clearNotification - #26415, thanks @ndelangen!
- Core: Save from controls - #26827, thanks @ndelangen!
- CSF: Allow default export without title or component attributes - #26516, thanks @kasperpeulen!
- CSF: Fix typings for control and other properties of argTypes - #26824, thanks @kasperpeulen!
- CSF: Make sure loaders/decorators can be used as array - #26514, thanks @kasperpeulen!
- Dependencies: Upgrade @storybook/csf to 0.1.5 - #26958, thanks @Cherry!
- Dependencies: Upgrade
@joshwooding/vite-plugin-react-docgen-typescript
to0.3.1
- #26673, thanks @joshwooding! - Dependencies: Upgrade
ejs
to3.1.10
- #27054, thanks @RiuSalvi! - Dependencies: Bump es-module-lexer - #26737, thanks @valentinpalkovic!
- Dependencies: Update globby dependency - #26733, thanks @valentinpalkovic!
- Dependencies: Update postcss-loader in Next.js framework - #26707, thanks @valentinpalkovic!
- Doc Tools: Signature Type Error Handling - #26774, thanks @ethriel3695!
- Indexer: Escape special characters in storyImport regex - #22545, thanks @VojGin!
- Maintenance: Fix performance regressions - #26411, thanks @kasperpeulen!
- MDX: Do not transform
http://
links - #26488, thanks @JReinhold! - Next.js: Fix Compatibility with <v14.0.4 - #27082, thanks @JReinhold!
- Next.js: Fix next/font usage on Windows machines - #26700, thanks @valentinpalkovic!
- Next.js: Move sharp into optional deps - #26787, thanks @shuta13!
- Next.js: Support v14.2 useParams functionality - #26874, thanks @yannbf!
- Next.js: Implement next redirect and the RedirectBoundary - #27050, thanks @yannbf!
- Next.js: Support path aliases when no base url is set - #26651, thanks @yannbf!
- Node: Safe use of
document
for preview - #24248, thanks @DylanPiercey! - Onboarding: Improve UI - #27074, thanks @ndelangen!
- Portable stories: Introduce experimental Playwright CT API and Support for more renderers - #26063, thanks @yannbf!
- Portable stories: Make setProjectAnnotations accept multiple types of imports - #26316, thanks @yannbf!
- Portable Stories: Remove link to missing docs - #27075, thanks @JReinhold!
- Portable Stories: Warn when rendering stories without cleaning up first - #27008, thanks @JReinhold!
- React-Docgen: Make sure to be able to handle empty unions - #26639, thanks @kasperpeulen!
- React: Support v19 betas in peer dependencies - #26960, thanks @JReinhold!
- React: Support v19 in
react-dom-shim
- #26898, thanks @Tobbe! - Tags: Add project tags, negation,
dev
/autodocs
/test
system tags - #26634, thanks @shilman! - Tags: Fix missing default tags if no
preview.js
- #27098, thanks @shilman! - Test: Add @storybook/test as dev dependency - #26458, thanks @arnabsen!
- Test: Make spies reactive so that they can be logged by addon-actions - #26740, thanks @kasperpeulen!
- Test: Remove chai as dependency of @storybook/test - #26852, thanks @kasperpeulen!
- Test: Support module mocking with conditional subpath imports in
package.json
- #26688, thanks @kasperpeulen! - Theming: Update emotion dependencies - #26623, thanks @SimenB!
- Typescript: Add types for
experimental-playwright
entries withouttype:bundler
- #27107, thanks @ndelangen! - UI: Add key property to list children in Highlight component - #26471, thanks @valentinpalkovic!
- UI: Fix not re-rendering tabs on state change - #26899, thanks @lifeiscontent!
- UI: Fix panel layout resizing do not apply when done too fast - #26460, thanks @jorge-ji!
- UI: Fix search result color contrast - #26287, thanks @winchesHe!
- UI: Fix sidebar search hanging when selecting a story in touch mode - #26807, thanks @JReinhold!
- UI: Fix theming of elements inside bars - #26527, thanks @valentinpalkovic!
- UI: Improve empty state of addon panel - #26481, thanks @yannbf!
- UI: Replace the icon prop in the Manager API - #26477, thanks @cdedreuille!
- Viewport: Fix missing style - #26530, thanks @jpzwarte!
- Vite: Merge assetsInclude property with Storybook default values - #26860, thanks @yuemori!
- Vue: Disable controls for events, slots, and expose - #26751, thanks @shilman!
- Webpack: Bump webpack-dev-middleware to patch high security issue - #26655, thanks @jwilliams-met!
- Webpack: Fix sourcemap generation in webpack react-docgen-loader - #26676, thanks @valentinpalkovic!
- Webpack: Hide runtime errors - #23175, thanks @donaldpipowitch!
v8.0.10
- MDX: Don't transform
http://
links - #26488, thanks @JReinhold! - React: Support v19 in
react-dom-shim
- #26898, thanks @Tobbe! - Vite: Merge assetsInclude property with Storybook default values - #26860, thanks @yuemori!
v8.0.9
- Addon-docs: Fix MDX compilation when using
@vitejs/plugin-react-swc
with plugins - #26837, thanks @JReinhold! - CSF: Fix typings for control and other properties of argTypes - #26824, thanks @kasperpeulen!
- Controls: Fix crashing when docgen extraction partially fails - #26862, thanks @yannbf!
- Doc Tools: Signature Type Error Handling - #26774, thanks @ethriel3695!
- Next.js: Move sharp into optional deps - #26787, thanks @shuta13!
- Nextjs: Support next 14.2 useParams functionality - #26874, thanks @yannbf!
- Test: Remove chai as dependency of @storybook/test - #26852, thanks @kasperpeulen!
- UI: Fix sidebar search hanging when selecting a story in touch mode - #26807, thanks @JReinhold!
v8.0.8
- Automigration: Fix name of VTA addon - #26816, thanks @valentinpalkovic!
v8.0.7
- CLI: Add Visual Tests addon install auto-migration when upgrading to 8.0.x - #26766, thanks @ndelangen!
- Next.js: Move sharp into optional deps - #26787, thanks @shuta13!
- Vue: Disable controls for events, slots, and expose - #26751, thanks @shilman!
- Webpack: Bump webpack-dev-middleware to patch high security issue - #26655, thanks @jwilliams-met!
v8.0.6
- CLI: Add --config-dir flag to migrate command - #26721, thanks @yannbf!
- Next.js: Fix next/font usage on Windows machines - #26700, thanks @valentinpalkovic!
- Next.js: Support path aliases when no base url is set - #26651, thanks @yannbf!
- Webpack: Fix sourcemap generation in webpack react-docgen-loader - #26676, thanks @valentinpalkovic!
v8.0.5
- Addon-docs: Fix
react-dom/server
imports breaking stories and docs - #26557, thanks @JReinhold! - Automigrations: Fix missing support for mts vite config - #26441, thanks @drik98!
- CLI: Improve Yarn berry error parsing - #26616, thanks @yannbf!
- React-Docgen: Make sure to be able to handle empty unions - #26639, thanks @kasperpeulen!
- Viewport: Fix missing style - #26530, thanks @jpzwarte!
v8.0.4
- Addon Docs: Support Stencil based display names in source snippets - #26592, thanks @yannbf!
- CLI: Instruct the correct auto-migration command - #26515, thanks @ndelangen!
- CLI: Throw an error when running upgrade command in incorrect cwd - #26585, thanks @yannbf!
v8.0.3
- Bug: Remove redundant component check, as we auto-generate titles from the file system - #26516, thanks @kasperpeulen!
- UI: Replace the icon prop in the Manager API - #26477, thanks @cdedreuille!
v8.0.2
- Addon Docs: Fix [Object object] displayName in some JSX components - #26566, thanks @yannbf!
- CLI: Add yarn1 package manager fallback for init in empty directory - #26500, thanks @valentinpalkovic!
- CSF: Make sure loaders/decorators can be used as array - #26514, thanks @kasperpeulen!
- Controls: Fix disable condition in ArgControl component - #26567, thanks @valentinpalkovic!
- UI: Add key property to list children in Highlight component - #26471, thanks @valentinpalkovic!
- UI: Fix theming of elements inside bars - #26527, thanks @valentinpalkovic!
- UI: Improve empty state of addon panel - #26481, thanks @yannbf!
v8.0.1
- MDX: Don't transform
http://
links - #26488, thanks @JReinhold! - React: Support v19 in
react-dom-shim
- #26898, thanks @Tobbe! - Vite: Merge assetsInclude property with Storybook default values - #26860, thanks @yuemori!
v8.0.0
Storybook 8.0 is here
It brings major improvements to Storybook's feature set for testing and documentation, with strengthened framework support across React, Vue, Angular, web-components, Svelte, and more.
-
🩻 Built-in visual testing -
⚛️ React Server Component support -
🎛️ Improved controls for React and Vue projects -
⚡ Improved Vite architecture, Vitest testing, and Vite 5 support -
🧪 2-4x faster Storybooks for testing -
✨ Refreshed desktop UI -
📲 Rebuilt mobile UX -
🙅♀️ No more React requirement in non-React projects
Please checkout our Migration Guide to upgrade from earlier versions of Storybook. To see a comprehensive list of changes that went into 8.0, you can refer to the 8.0 prerelease changelogs.
Configuration
-
If you want to rebase/retry this MR, check this box
This MR has been generated by Renovate Bot.