v8.1.0

8.1.0

Storybook 8.1 is here with a ton of new features and bug fixes:

• 🏷️ Static tag-based filtering
• 🦺 Type-safe, standards-based module mocking
• 🐣 New beforeEach 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 to Subtitle - #22552, thanks @joaonunomota!
• Blocks: Add of prop to Title - #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 and onClick 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 to 0.3.1 - #26673, thanks @joshwooding!
• Dependencies: Upgrade ejs to 3.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 without type: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!