Release: Patch 9.0.8

CHANGELOG.md

@@ -1,3 +1,12 @@
+## 9.0.8
+
+- Addon Docs: Fix SyntaxHighlighter "Copy" button by avoiding potentially mocked clipboard - [#31682](https://github.com/storybookjs/storybook/pull/31682), thanks @ghengeveld!
+- Addon Themes: Define missing React dependencies - [#31688](https://github.com/storybookjs/storybook/pull/31688), thanks @ghengeveld!
+- Addon-vitest: Fix adding with `--skip-install` failing missing packageJson invariant - [#31720](https://github.com/storybookjs/storybook/pull/31720), thanks @JReinhold!
+- AddonDocs: Remove export of blocks - [#31724](https://github.com/storybookjs/storybook/pull/31724), thanks @ndelangen!
+- Automigration: Enhance removeEssentials to convert options - [#31658](https://github.com/storybookjs/storybook/pull/31658), thanks @ndelangen!
+- CLI: Don't install addon-onboarding during minimal installs - [#31616](https://github.com/storybookjs/storybook/pull/31616), thanks @ghengeveld!
+
 ## 9.0.6
 
 - Addon Docs: Fix reference to global JSX namespace - [#31671](https://github.com/storybookjs/storybook/pull/31671), thanks @mrginglymus!

MIGRATION.md

@@ -760,7 +760,6 @@ export const MyStory = {
 };
 ```
 
-
 ### API and Component Changes
 
 #### Button Component API Changes
@@ -908,6 +907,15 @@ The package `@storybook/blocks` is no longer published as of Storybook 9.
 
 All exports can now be found in the export `@storybook/addon-docs/blocks`.
 
+Previously, you were able to import all blocks from `@storybook/addon-docs`, this is no longer the case.
+
+This is the only correct import path:
+
+```diff
+- import { Meta } from "@storybook/addon-docs";
++ import { Meta } from "@storybook/addon-docs/blocks";
+```
+
 ### Configuration and Type Changes
 
 #### Manager builder removed alias for `util`, `assert` and `process`
@@ -920,7 +928,6 @@ Adding these aliases meant storybook core, had to depend on these packages, whic
 
 If you addon fails to load after this change, we recommend looking at implementing the alias at compile time of your addon, or alternatively look at other bundling config to ensure the correct entries/packages/dependencies are used.
 
-
 #### Type System Updates
 
 The following types have been removed:
@@ -943,7 +950,6 @@ Deprecated getters have been removed from the CsfFile class:
 - `_fileName`
 - `_makeTitle`
 
-
 #### React-Native config dir renamed
 
 In Storybook 9, React Native (RN) projects use the `.rnstorybook` config directory instead of `.storybook`.
@@ -1105,7 +1111,7 @@ To enable it, just set the feature flag in your `.storybook/main.<js|ts> file.
 ```tsx
 export default {
   features: {
-    angularFilterNonInputControls: true
+    angularFilterNonInputControls: true,
   },
   // ... other configurations
 };

code/addons/a11y/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@storybook/addon-a11y",
-  "version": "9.0.6",
+  "version": "9.0.7",
   "description": "Test component compliance with web accessibility standards",
   "keywords": [
     "a11y",

code/addons/actions/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@storybook/addon-actions",
-  "version": "9.0.6",
+  "version": "9.0.7",
   "description": "Empty package - please don't use it anymore",
   "keywords": [],
   "homepage": "https://github.com/storybookjs/storybook",

code/addons/backgrounds/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@storybook/addon-backgrounds",
-  "version": "9.0.6",
+  "version": "9.0.7",
   "description": "Empty package - please don't use it anymore",
   "keywords": [],
   "homepage": "https://github.com/storybookjs/storybook",

code/addons/controls/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@storybook/addon-controls",
-  "version": "9.0.6",
+  "version": "9.0.7",
   "description": "Empty package - please don't use it anymore",
   "keywords": [],
   "homepage": "https://github.com/storybookjs/storybook",

code/addons/docs/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@storybook/addon-docs",
-  "version": "9.0.6",
+  "version": "9.0.7",
   "description": "Document component usage and properties in Markdown",
   "keywords": [
     "addon",

code/addons/docs/src/compiler/index.test.ts

@@ -270,7 +270,7 @@ describe('full snapshots', () => {
   });
   it('canvas without story children', () => {
     const input = dedent`
-      import { Canvas } from '@storybook/addon-docs';
+      import { Canvas } from '@storybook/addon-docs/blocks';
 
       <Canvas>
         <h2>Some here</h2>
@@ -279,7 +279,7 @@ describe('full snapshots', () => {
     expect(compileSync(input)).toMatchInlineSnapshot(`
       import {jsx as _jsx} from "react/jsx-runtime";
       import {useMDXComponents as _provideComponents} from "@mdx-js/react";
-      import {Canvas} from '@storybook/addon-docs';
+      import {Canvas} from '@storybook/addon-docs/blocks';
       function _createMdxContent(props) {
         return _jsx(Canvas, {
           children: _jsx("h2", {
@@ -308,7 +308,7 @@ describe('docs-mdx-compiler-plugin', () => {
     expect(
       clean(
         compileSync(dedent`
-        import { Story, Meta, Canvas } from '@storybook/addon-docs';
+        import { Story, Meta, Canvas } from '@storybook/addon-docs/blocks';
         import { Welcome, Button } from '@storybook/angular/demo';
         import * as MyStories from './My.stories';
         import { Other } from './Other.stories';
@@ -327,7 +327,7 @@ describe('docs-mdx-compiler-plugin', () => {
     ).toMatchInlineSnapshot(`
       import {Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs} from "react/jsx-runtime";
       import {useMDXComponents as _provideComponents} from "@mdx-js/react";
-      import {Story, Meta, Canvas} from '@storybook/addon-docs';
+      import {Story, Meta, Canvas} from '@storybook/addon-docs/blocks';
       import {Welcome, Button} from '@storybook/angular/demo';
       import * as MyStories from './My.stories';
       import {Other} from './Other.stories';
@@ -358,7 +358,7 @@ describe('docs-mdx-compiler-plugin', () => {
     expect(
       clean(
         compileSync(dedent`
-        import { Meta } from '@storybook/addon-docs';
+        import { Meta } from '@storybook/addon-docs/blocks';
 
         <Meta title="docs-only" />
 
@@ -370,7 +370,7 @@ describe('docs-mdx-compiler-plugin', () => {
     ).toMatchInlineSnapshot(`
       import {Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs} from "react/jsx-runtime";
       import {useMDXComponents as _provideComponents} from "@mdx-js/react";
-      import {Meta} from '@storybook/addon-docs';
+      import {Meta} from '@storybook/addon-docs/blocks';
       function _createMdxContent(props) {
         const _components = {
           h1: "h1",
@@ -395,15 +395,15 @@ describe('docs-mdx-compiler-plugin', () => {
     expect(
       clean(
         compileSync(dedent`
-        import { Meta } from '@storybook/addon-docs';
+        import { Meta } from '@storybook/addon-docs/blocks';
 
         <Meta title="Addons/Docs/what's in a title?" />
       `)
       )
     ).toMatchInlineSnapshot(`
       import {jsx as _jsx} from "react/jsx-runtime";
       import {useMDXComponents as _provideComponents} from "@mdx-js/react";
-      import {Meta} from '@storybook/addon-docs';
+      import {Meta} from '@storybook/addon-docs/blocks';
       function _createMdxContent(props) {
         return _jsx(Meta, {
           title: "Addons/Docs/what's in a title?"
@@ -417,7 +417,7 @@ describe('docs-mdx-compiler-plugin', () => {
       clean(
         compileSync(dedent`
         import { Button } from '@storybook/react/demo';
-        import { Story, Meta } from '@storybook/addon-docs';
+        import { Story, Meta } from '@storybook/addon-docs/blocks';
 
         <Meta title="Button" />
 
@@ -432,7 +432,7 @@ describe('docs-mdx-compiler-plugin', () => {
       import {Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs} from "react/jsx-runtime";
       import {useMDXComponents as _provideComponents} from "@mdx-js/react";
       import {Button} from '@storybook/react/demo';
-      import {Story, Meta} from '@storybook/addon-docs';
+      import {Story, Meta} from '@storybook/addon-docs/blocks';
       export const two = 2;
       function _createMdxContent(props) {
         const _components = {
@@ -457,7 +457,7 @@ describe('docs-mdx-compiler-plugin', () => {
     expect(
       clean(
         compileSync(dedent`
-        import { Story } from '@storybook/addon-docs';
+        import { Story } from '@storybook/addon-docs/blocks';
 
         # Current story
 
@@ -467,7 +467,7 @@ describe('docs-mdx-compiler-plugin', () => {
     ).toMatchInlineSnapshot(`
       import {Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs} from "react/jsx-runtime";
       import {useMDXComponents as _provideComponents} from "@mdx-js/react";
-      import {Story} from '@storybook/addon-docs';
+      import {Story} from '@storybook/addon-docs/blocks';
       function _createMdxContent(props) {
         const _components = {
           h1: "h1",
@@ -489,7 +489,7 @@ describe('docs-mdx-compiler-plugin', () => {
     expect(
       clean(
         compileSync(dedent`
-        import { Story } from '@storybook/addon-docs';
+        import { Story } from '@storybook/addon-docs/blocks';
 
         # Story reference
 
@@ -499,7 +499,7 @@ describe('docs-mdx-compiler-plugin', () => {
     ).toMatchInlineSnapshot(`
       import {Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs} from "react/jsx-runtime";
       import {useMDXComponents as _provideComponents} from "@mdx-js/react";
-      import {Story} from '@storybook/addon-docs';
+      import {Story} from '@storybook/addon-docs/blocks';
       function _createMdxContent(props) {
         const _components = {
           h1: "h1",
@@ -522,7 +522,7 @@ describe('docs-mdx-compiler-plugin', () => {
       clean(
         compileSync(
           [
-            "import { Meta, Story } from '@storybook/addon-docs';",
+            "import { Meta, Story } from '@storybook/addon-docs/blocks';",
             "import { titleFunction } from '../title-generators';",
             '',
 
@@ -533,7 +533,7 @@ describe('docs-mdx-compiler-plugin', () => {
     ).toMatchInlineSnapshot(`
       import {jsx as _jsx} from "react/jsx-runtime";
       import {useMDXComponents as _provideComponents} from "@mdx-js/react";
-      import {Meta, Story} from '@storybook/addon-docs';
+      import {Meta, Story} from '@storybook/addon-docs/blocks';
       import {titleFunction} from '../title-generators';
       function _createMdxContent(props) {
         return _jsx(Meta, {
@@ -548,7 +548,7 @@ describe('docs-mdx-compiler-plugin', () => {
       expect(
         clean(
           compileSync(dedent`
-          import { Meta } from '@storybook/addon-docs';
+          import { Meta } from '@storybook/addon-docs/blocks';
 
           <Meta />
 
@@ -560,7 +560,7 @@ describe('docs-mdx-compiler-plugin', () => {
       ).toMatchInlineSnapshot(`
         import {Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs} from "react/jsx-runtime";
         import {useMDXComponents as _provideComponents} from "@mdx-js/react";
-        import {Meta} from '@storybook/addon-docs';
+        import {Meta} from '@storybook/addon-docs/blocks';
         function _createMdxContent(props) {
           const _components = {
             h1: "h1",
@@ -587,7 +587,7 @@ describe('docs-mdx-compiler-plugin', () => {
         clean(
           compileSync(dedent`
           import { Button } from '@storybook/react/demo';
-          import { Story, Meta } from '@storybook/addon-docs';
+          import { Story, Meta } from '@storybook/addon-docs/blocks';
 
           <Meta component={Button} />
         `)
@@ -596,7 +596,7 @@ describe('docs-mdx-compiler-plugin', () => {
         import {jsx as _jsx} from "react/jsx-runtime";
         import {useMDXComponents as _provideComponents} from "@mdx-js/react";
         import {Button} from '@storybook/react/demo';
-        import {Story, Meta} from '@storybook/addon-docs';
+        import {Story, Meta} from '@storybook/addon-docs/blocks';
         function _createMdxContent(props) {
           return _jsx(Meta, {
             component: Button
@@ -610,7 +610,7 @@ describe('docs-mdx-compiler-plugin', () => {
     expect(
       clean(
         compileSync(dedent`
-        import { Meta } from '@storybook/addon-docs';
+        import { Meta } from '@storybook/addon-docs/blocks';
 
         <Meta title="Example/Introduction" />
 
@@ -638,7 +638,7 @@ describe('docs-mdx-compiler-plugin', () => {
     ).toMatchInlineSnapshot(`
       import {Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs} from "react/jsx-runtime";
       import {useMDXComponents as _provideComponents} from "@mdx-js/react";
-      import {Meta} from '@storybook/addon-docs';
+      import {Meta} from '@storybook/addon-docs/blocks';
       function _createMdxContent(props) {
         return _jsxs(_Fragment, {
           children: [_jsx(Meta, {

code/addons/docs/src/index.ts

@@ -2,9 +2,6 @@ import { definePreview } from 'storybook/preview-api';
 
 import * as addonAnnotations from './preview';
 
-// eslint-disable-next-line @typescript-eslint/ban-ts-comment
-// @ts-ignore (these types only work once the package is compiled)
-export * from '@storybook/addon-docs/blocks';
 export { DocsRenderer } from './DocsRenderer';
 export type { DocsParameters } from './types';
 

code/addons/docs/template/stories/docs2/MetaOf.mdx

@@ -1,4 +1,4 @@
-import { Meta, Story, Stories } from '@storybook/addon-docs';
+import { Meta, Story, Stories } from '@storybook/addon-docs/blocks';
 import * as ButtonStories from './button.stories.ts';
 
 <Meta of={ButtonStories} />

code/addons/docs/template/stories/docs2/MetaOfNamed.mdx

@@ -1,4 +1,4 @@
-import { Meta, Story, Stories } from '@storybook/addon-docs';
+import { Meta, Story, Stories } from '@storybook/addon-docs/blocks';
 import * as ButtonStories from './button.stories.ts';
 
 <Meta of={ButtonStories} name="Doc Name" />

code/addons/docs/template/stories/docs2/Title.mdx

@@ -1,4 +1,4 @@
-import { Meta, Subtitle } from '@storybook/addon-docs';
+import { Meta, Subtitle } from '@storybook/addon-docs/blocks';
 
 <Meta title="Yabbadabbadooo" />
 

code/addons/docs/template/stories/docs2/UtfSymbolScroll.mdx

@@ -1,4 +1,4 @@
-import { Meta } from '@storybook/addon-docs';
+import { Meta } from '@storybook/addon-docs/blocks';
 
 <Meta title="UtfSymbolsScroll" />
 

code/addons/docs/template/stories/docspage/override.stories.ts

@@ -2,7 +2,7 @@
 //        once sandbox linking is working
 //
 // import { createElement } from 'react';
-// import { Title, Primary } from '@storybook/addon-docs';
+// import { Title, Primary } from '@storybook/addon-docs/blocks';
 //
 // const Override = () =>
 //   createElement('div', { style: { border: '10px solid green', padding: '100px' } }, [

code/addons/jest/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@storybook/addon-jest",
-  "version": "9.0.6",
+  "version": "9.0.7",
   "description": "React storybook addon that show component jest report",
   "keywords": [
     "addon",

code/addons/links/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@storybook/addon-links",
-  "version": "9.0.6",
+  "version": "9.0.7",
   "description": "Link stories together to build demos and prototypes with your UI components",
   "keywords": [
     "storybook-addons",

code/addons/measure/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@storybook/addon-measure",
-  "version": "9.0.6",
+  "version": "9.0.7",
   "description": "Empty package - please don't use it anymore",
   "keywords": [],
   "homepage": "https://github.com/storybookjs/storybook",

code/addons/onboarding/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@storybook/addon-onboarding",
-  "version": "9.0.6",
+  "version": "9.0.7",
   "description": "Storybook Addon Onboarding - Introduces a new onboarding experience",
   "keywords": [
     "storybook-addons",

code/addons/outline/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@storybook/addon-outline",
-  "version": "9.0.6",
+  "version": "9.0.7",
   "description": "Empty package - please don't use it anymore",
   "keywords": [],
   "homepage": "https://github.com/storybookjs/storybook",

code/addons/pseudo-states/package.json

@@ -1,6 +1,6 @@
 {
   "name": "storybook-addon-pseudo-states",
-  "version": "9.0.6",
+  "version": "9.0.7",
   "description": "CSS pseudo states for Storybook",
   "keywords": [
     "storybook",