From 15623cec6835363a6c3fd7fdf2ef055b9befd64b Mon Sep 17 00:00:00 2001 From: Kyle Gach Date: Wed, 5 Apr 2023 10:45:38 -0600 Subject: [PATCH] Remove @next specifiers in docs & READMEs - If attached to a library used via npx/pnpm dlx, change to `@latest` - Otherwise, remove it --- code/addons/docs/angular/README.md | 2 +- code/addons/docs/common/README.md | 2 +- code/addons/docs/ember/README.md | 2 +- code/addons/docs/react/README.md | 2 +- code/addons/docs/vue/README.md | 2 +- code/addons/docs/vue3/README.md | 2 +- code/frameworks/nextjs/README.md | 6 +++--- code/frameworks/preact-vite/README.md | 6 +++--- code/frameworks/sveltekit/README.md | 6 +++--- code/lib/builder-vite/README.md | 2 +- docs/addons/install-addons.md | 6 ------ docs/builders/builder-api.md | 6 ------ docs/builders/vite.md | 6 ------ docs/configure/babel.md | 2 +- docs/configure/overview.md | 10 +++++----- docs/configure/theming.md | 6 ------ docs/configure/upgrading.md | 15 +++++++++++---- docs/essentials/interactions.md | 6 ------ docs/essentials/introduction.md | 12 ------------ .../get-started/installation-problems/angular.mdx | 2 +- docs/get-started/installation-problems/react.mdx | 2 +- docs/migration-guide.md | 8 ++++---- .../common/storybook-a11y-install.npm.js.mdx | 2 +- .../common/storybook-a11y-install.pnpm.js.mdx | 2 +- .../common/storybook-a11y-install.yarn.js.mdx | 2 +- .../storybook-addon-actions-install.npm.js.mdx | 2 +- .../storybook-addon-actions-install.pnpm.js.mdx | 2 +- .../storybook-addon-actions-install.yarn.js.mdx | 2 +- .../storybook-addon-essentials-install.npm.js.mdx | 2 +- ...storybook-addon-essentials-install.pnpm.js.mdx | 2 +- ...storybook-addon-essentials-install.yarn.js.mdx | 2 +- ...don-interactions-addon-full-install.npm.js.mdx | 2 +- ...on-interactions-addon-full-install.pnpm.js.mdx | 2 +- ...on-interactions-addon-full-install.yarn.js.mdx | 2 +- .../storybook-coverage-addon-install.npm.js.mdx | 2 +- .../storybook-coverage-addon-install.pnpm.js.mdx | 2 +- .../storybook-coverage-addon-install.yarn.js.mdx | 2 +- .../storybook-fallback-mdx-install.npm.js.mdx | 2 +- .../storybook-fallback-mdx-install.pnpm.js.mdx | 2 +- .../storybook-fallback-mdx-install.yarn.js.mdx | 2 +- .../storybook-test-runner-install.npm.js.mdx | 2 +- .../storybook-test-runner-install.pnpm.js.mdx | 2 +- .../storybook-test-runner-install.yarn.js.mdx | 2 +- .../storybook-testing-addon-install.npm.js.mdx | 2 +- .../storybook-testing-addon-install.yarn.js.mdx | 2 +- .../storybook-theming-packages-install.npm.js.mdx | 2 +- ...storybook-theming-packages-install.pnpm.js.mdx | 2 +- ...storybook-theming-packages-install.yarn.js.mdx | 2 +- .../storybook-upgrade-prerelease.npm.js.mdx | 2 +- .../storybook-upgrade-prerelease.pnpm.js.mdx | 2 +- .../storybook-vite-builder-install.npm.js.mdx | 2 +- .../storybook-vite-builder-install.yarn.js.mdx | 2 +- docs/writing-docs/mdx.md | 2 +- docs/writing-stories/play-function.md | 6 ------ docs/writing-tests/accessibility-testing.md | 6 ------ docs/writing-tests/importing-stories-in-tests.md | 6 ------ docs/writing-tests/interaction-testing.md | 6 ------ docs/writing-tests/test-coverage.md | 6 ------ docs/writing-tests/test-runner.md | 6 ------ 59 files changed, 70 insertions(+), 141 deletions(-) diff --git a/code/addons/docs/angular/README.md b/code/addons/docs/angular/README.md index f36e613bf874..a3bad52693aa 100644 --- a/code/addons/docs/angular/README.md +++ b/code/addons/docs/angular/README.md @@ -25,7 +25,7 @@ To learn more about Storybook Docs, read the [general documentation](../README.m First add the package. Make sure that the versions for your `@storybook/*` packages match: ```sh -yarn add -D @storybook/addon-docs@next +yarn add -D @storybook/addon-docs ``` Then add the following to your `.storybook/main.js` exports: diff --git a/code/addons/docs/common/README.md b/code/addons/docs/common/README.md index ae232074aea1..1195d287d444 100644 --- a/code/addons/docs/common/README.md +++ b/code/addons/docs/common/README.md @@ -15,7 +15,7 @@ Popular frameworks like [React](../react/README.md)/[Vue](../vue/README.md)/[Ang First add the package. Make sure that the versions for your `@storybook/*` packages match: ```sh -yarn add -D @storybook/addon-docs@next +yarn add -D @storybook/addon-docs ``` Then add the following to your `.storybook/main.js` addons: diff --git a/code/addons/docs/ember/README.md b/code/addons/docs/ember/README.md index 487c621b1fe9..29af33a3b433 100644 --- a/code/addons/docs/ember/README.md +++ b/code/addons/docs/ember/README.md @@ -18,7 +18,7 @@ To learn more about Storybook Docs, read the [general documentation](../README.m First add the package. Make sure that the versions for your `@storybook/*` packages match: ```sh -yarn add -D @storybook/addon-docs@next +yarn add -D @storybook/addon-docs ``` Then add the following to your `.storybook/main.js` addons: diff --git a/code/addons/docs/react/README.md b/code/addons/docs/react/README.md index 5200fea3bd2b..1ef7daf97bb5 100644 --- a/code/addons/docs/react/README.md +++ b/code/addons/docs/react/README.md @@ -23,7 +23,7 @@ To learn more about Storybook Docs, read the [general documentation](../README.m First add the package. Make sure that the versions for your `@storybook/*` packages match: ```sh -yarn add -D @storybook/addon-docs@next +yarn add -D @storybook/addon-docs ``` Then add the following to your `.storybook/main.js` list of `addons`: diff --git a/code/addons/docs/vue/README.md b/code/addons/docs/vue/README.md index fa7c3d22d67c..17156db24017 100644 --- a/code/addons/docs/vue/README.md +++ b/code/addons/docs/vue/README.md @@ -23,7 +23,7 @@ To learn more about Storybook Docs, read the [general documentation](../README.m First add the package. Make sure that the versions for your `@storybook/*` packages match: ```sh -yarn add -D @storybook/addon-docs@next +yarn add -D @storybook/addon-docs ``` Then add the following to your `.storybook/main.js` addons: diff --git a/code/addons/docs/vue3/README.md b/code/addons/docs/vue3/README.md index 539d6b066c03..4d79d29fad1d 100644 --- a/code/addons/docs/vue3/README.md +++ b/code/addons/docs/vue3/README.md @@ -23,7 +23,7 @@ To learn more about Storybook Docs, read the [general documentation](../README.m First add the package. Make sure that the versions for your `@storybook/*` packages match: ```sh -yarn add -D @storybook/addon-docs@next +yarn add -D @storybook/addon-docs ``` Then add the following to your `.storybook/main.js` addons: diff --git a/code/frameworks/nextjs/README.md b/code/frameworks/nextjs/README.md index 497b8ec9ddfb..b491cf2205f1 100644 --- a/code/frameworks/nextjs/README.md +++ b/code/frameworks/nextjs/README.md @@ -88,7 +88,7 @@ Follow the prompts after running this command in your Next.js project's root directory: ```bash -npx storybook@next init +npx storybook@latest init ``` [More on getting started with Storybook](https://storybook.js.org/docs/react/get-started/install) @@ -98,7 +98,7 @@ npx storybook@next init This framework is designed to work with Storybook 7. If you’re not already using v7, upgrade with this command: ```bash -npx storybook@next upgrade --prerelease +npx storybook@latest upgrade --prerelease ``` #### Automatic migration @@ -110,7 +110,7 @@ When running the `upgrade` command above, you should get a prompt asking you to Install the framework: ```bash -yarn add --dev @storybook/nextjs@next +yarn add --dev @storybook/nextjs ``` Update your `main.js` to change the framework property: diff --git a/code/frameworks/preact-vite/README.md b/code/frameworks/preact-vite/README.md index e6dae7bcfdd4..e418166a3b54 100644 --- a/code/frameworks/preact-vite/README.md +++ b/code/frameworks/preact-vite/README.md @@ -12,7 +12,7 @@ Follow the prompts after running this command in your Preact project's root directory: ```bash -npx storybook@next init +npx storybook@latest init ``` [More on getting started with Storybook](https://storybook.js.org/docs/preact/get-started/install) @@ -22,7 +22,7 @@ npx storybook@next init This framework is designed to work with Storybook 7. If you’re not already using v7, upgrade with this command: ```bash -npx storybook@next upgrade --prerelease +npx storybook@latest upgrade --prerelease ``` #### Manual migration @@ -30,7 +30,7 @@ npx storybook@next upgrade --prerelease Install the framework: ```bash -yarn add --dev @storybook/preact-vite@next +yarn add --dev @storybook/preact-vite ``` Update your `main.js` to change the framework property: diff --git a/code/frameworks/sveltekit/README.md b/code/frameworks/sveltekit/README.md index 4b0951c57574..0777e8fe9ed5 100644 --- a/code/frameworks/sveltekit/README.md +++ b/code/frameworks/sveltekit/README.md @@ -52,7 +52,7 @@ This is just the beginning. We're close to adding basic support for many of the Run the following command in your SvelteKit project's root directory, and follow the prompts: ```bash -npx storybook@next init +npx storybook@latest init ``` [More on getting started with Storybook](https://storybook.js.org/docs/svelte/get-started/install) @@ -62,7 +62,7 @@ npx storybook@next init This framework is designed to work with Storybook 7. If you’re not already using v7, upgrade with this command: ```bash -npx storybook@next upgrade --prerelease +npx storybook@latest upgrade --prerelease ``` #### Automatic migration @@ -76,7 +76,7 @@ Storybook 7.0 automatically loads your Vite config, and by extension your Svelte Install the framework: ```bash -yarn add -D @storybook/sveltekit@next +yarn add -D @storybook/sveltekit ``` Update your `main.js` to change the framework property: diff --git a/code/lib/builder-vite/README.md b/code/lib/builder-vite/README.md index 15b4f8a48425..ce675ab3f580 100644 --- a/code/lib/builder-vite/README.md +++ b/code/lib/builder-vite/README.md @@ -39,7 +39,7 @@ See https://vitejs.dev/guide/#scaffolding-your-first-vite-project, ``` npm create vite@latest # follow the prompts -npx sb@next init --builder vite && npm run storybook +npx storybook@latest init --builder vite && npm run storybook ``` ### Migration from webpack / CRA diff --git a/docs/addons/install-addons.md b/docs/addons/install-addons.md index f5741b3eb625..853ca0873c14 100644 --- a/docs/addons/install-addons.md +++ b/docs/addons/install-addons.md @@ -22,12 +22,6 @@ For example, to include accessibility testing in Storybook, run the following co -
- -ℹ️ Installing the package with `@next` will install the cutting-edge version of it. Be advised prerelease versions are subject to breaking changes and are not recommended for production use. Use at your own risk. - -
- Next, update [`.storybook/main.js|ts`](../configure/overview.md#configure-story-rendering) to the following: diff --git a/docs/builders/builder-api.md b/docs/builders/builder-api.md index d580843e8c7d..d21444883388 100644 --- a/docs/builders/builder-api.md +++ b/docs/builders/builder-api.md @@ -23,12 +23,6 @@ To opt into a builder, the user must add it as a dependency and then edit their -
- -ℹ️ Installing the package with `@next` will install the cutting-edge version of it. Be advised prerelease versions are subject to breaking changes and are not recommended for production use. Use at your own risk. - -
- -
- -ℹ️ Installing the package with `@next` will install the cutting-edge version of it. Be advised prerelease versions are subject to breaking changes and are not recommended for production use. Use at your own risk. - -
- Update your Storybook configuration (in `.storybook/main.js|ts`) to include the builder. diff --git a/docs/configure/babel.md b/docs/configure/babel.md index c5641689c141..f27a81b32f78 100644 --- a/docs/configure/babel.md +++ b/docs/configure/babel.md @@ -81,7 +81,7 @@ For detailed instructions on migrating from `V6` mode, please see [MIGRATION.md] If your app does not include a babelrc file, and you need one, you can create it by running the following command in your project directory: ```sh -npx storybook@next babelrc +npx storybook@latest babelrc ``` Once the command completes, you should have a `.babelrc.json` file created in the root directory of your project, similar to the following example: diff --git a/docs/configure/overview.md b/docs/configure/overview.md index 0d1856078dcb..f7fe1787541e 100644 --- a/docs/configure/overview.md +++ b/docs/configure/overview.md @@ -51,11 +51,11 @@ Storybook's main configuration (i.e., the `main.js|ts`) defines your Storybook p Additionally, you can also provide additional feature flags to your Storybook configuration. Below is an abridged list of available features that are currently available. -| Configuration element | Description | -| --------------------- | ---------------------------------------------------------------------------------------------------------------------------------------------------------------------- | -| `storyStoreV7` | Configures Storybook to load stories [on demand](#on-demand-story-loading), rather than during boot up
`features: { storyStoreV7: true }` | -| `buildStoriesJson` | Generates a `stories.json` file to help story loading with the on-demand mode
`features: { buildStoriesJson: true }` | -| `legacyMdx1` | Enables support for MDX version 1 as a fallback. Requires [`@storybook/mdx1-csf@next`](https://github.com/storybookjs/mdx1-csf)
`features: { legacyMdx1: true }` | +| Configuration element | Description | +| --------------------- | ----------------------------------------------------------------------------------------------------------------------------------------------------------------- | +| `storyStoreV7` | Configures Storybook to load stories [on demand](#on-demand-story-loading), rather than during boot up
`features: { storyStoreV7: true }` | +| `buildStoriesJson` | Generates a `stories.json` file to help story loading with the on-demand mode
`features: { buildStoriesJson: true }` | +| `legacyMdx1` | Enables support for MDX version 1 as a fallback. Requires [`@storybook/mdx1-csf`](https://github.com/storybookjs/mdx1-csf)
`features: { legacyMdx1: true }` | ## Configure story loading diff --git a/docs/configure/theming.md b/docs/configure/theming.md index 607717bcf3f7..e272c530b28d 100644 --- a/docs/configure/theming.md +++ b/docs/configure/theming.md @@ -24,12 +24,6 @@ Make sure you have installed [`@storybook/manager-api`](https://www.npmjs.com/pa -
- -ℹ️ Installing the package with `@next` will install the cutting-edge version of it. Be advised prerelease versions are subject to breaking changes and are not recommended for production use. Use at your own risk. - -
- As an example, you can tell Storybook to use the "dark" theme by modifying [`.storybook/manager.js`](./overview.md#configure-story-rendering): diff --git a/docs/configure/upgrading.md b/docs/configure/upgrading.md index 56be45f5dea3..5dc2d5f83022 100644 --- a/docs/configure/upgrading.md +++ b/docs/configure/upgrading.md @@ -10,9 +10,16 @@ The most common upgrade is Storybook itself. [Storybook releases](https://storyb To help ease the pain of keeping Storybook up-to-date, we provide a command-line script: -```sh -npx storybook upgrade -``` + + + + + This upgrades all of the Storybook packages in your project to the latest stable version, perform confidence checks of your package versions, and checks for opportunities to run [automigrations](#automigrate) to update your configuration automatically. @@ -27,7 +34,7 @@ In addition to running the command, we also recommend checking the [MIGRATION.md Storybook upgrades are not the only thing to consider: changes in the ecosystem also present challenges. For example, lots of frameworks ([Angular 12](https://angular.io/guide/updating-to-version-12#breaking-changes-in-angular-version-12), [Create React App v5](https://github.com/facebook/create-react-app/pull/11201), [NextJS](https://nextjs.org/docs/upgrading#webpack-5)) have recently migrated from [Webpack 4 to Webpack 5](https://webpack.js.org/migrate/5/), so even if you don't upgrade your Storybook version, you might need to update your configuration accordingly. That's what Automigrate is for: ``` -npx storybook@next automigrate +npx storybook@latest automigrate ``` It runs a set of standard configuration checks, explains what is potentially out-of-date, and offers to fix it for you automatically. It also points to the relevant documentation so you can learn more. It runs automatically as part of [`storybook upgrade`](#upgrade-script) command, but it's also available on its own if you don't want to upgrade Storybook. diff --git a/docs/essentials/interactions.md b/docs/essentials/interactions.md index 74396a0465e4..a8c212b15c12 100644 --- a/docs/essentials/interactions.md +++ b/docs/essentials/interactions.md @@ -32,12 +32,6 @@ Run the following command to install the interactions addon and related dependen -
- -ℹ️ Installing the package with `@next` will install the cutting-edge version of it. Be advised prerelease versions are subject to breaking changes and are not recommended for production use. Use at your own risk. - -
- Next, update [`.storybook/main.js|ts`](../configure/overview.md#configure-story-rendering) to the following: diff --git a/docs/essentials/introduction.md b/docs/essentials/introduction.md index 862a6c995eaa..80627282735a 100644 --- a/docs/essentials/introduction.md +++ b/docs/essentials/introduction.md @@ -31,12 +31,6 @@ If you're upgrading from a previous Storybook version, you'll need to run the fo -
- -ℹ️ Installing the package with `@next` will install the cutting-edge version of it. Be advised prerelease versions are subject to breaking changes and are not recommended for production use. Use at your own risk. - -
- Update your Storybook configuration (in [`.storybook/main.js`](../configure/overview.md#configure-story-rendering)) to include the Essentials addon. @@ -68,12 +62,6 @@ If you need to reconfigure any of the [individual Essentials addons](https://sto -
- -ℹ️ Installing the package with `@next` will install the cutting-edge version of it. Be advised prerelease versions are subject to breaking changes and are not recommended for production use. Use at your own risk. - -
- @@ -166,7 +166,7 @@ We published a [detailed post about CSF3](https://storybook.js.org/blog/storyboo If you want to just skip to the migration, we provide a codemod for your convenience which should automatically make the code changes for you (make sure to update the glob to fit your files): ```sh -npx storybook@next migrate csf-2-to-3 --glob="src/**/*.stories.js" +npx storybook@latest migrate csf-2-to-3 --glob="src/**/*.stories.js" ``` ### storiesOf to CSF @@ -174,7 +174,7 @@ npx storybook@next migrate csf-2-to-3 --glob="src/**/*.stories.js" Storybook 7's architecture is focused on performance and needs code that is statically analyzable. For that reason, it does not work with `storiesOf`. We provide a codemod which, in most cases, should automatically make the code changes for you (make sure to update the glob to fit your files): ```sh -npx storybook@next migrate storiesof-to-csf --glob="src/**/*.stories.tsx" +npx storybook@latest migrate storiesof-to-csf --glob="src/**/*.stories.tsx" ``` ### .stories.mdx to MDX+CSF @@ -182,7 +182,7 @@ npx storybook@next migrate storiesof-to-csf --glob="src/**/*.stories.tsx" Storybook 7 provides a cleaner [docs](./writing-docs/introduction.md) that defines manual documentation in pure MDX and stories in CSF, rather than the previous `.stories.mdx` hybrid approach, which is now deprecated. You can automatically convert your files using the following codemod (make sure to update the glob to fit your files): ```sh -npx storybook@next migrate mdx-to-csf --glob "src/**/*.stories.mdx" +npx storybook@latest migrate mdx-to-csf --glob "src/**/*.stories.mdx" ``` You’ll also need to update your `stories` glob in `.storybook/main.js` to include the newly created `.mdx` and `.stories.js` files if it doesn’t already. diff --git a/docs/snippets/common/storybook-a11y-install.npm.js.mdx b/docs/snippets/common/storybook-a11y-install.npm.js.mdx index 4925e5e2af5f..1b0efba575d8 100644 --- a/docs/snippets/common/storybook-a11y-install.npm.js.mdx +++ b/docs/snippets/common/storybook-a11y-install.npm.js.mdx @@ -1,3 +1,3 @@ ```shell -npm install @storybook/addon-a11y@next --save-dev +npm install @storybook/addon-a11y --save-dev ``` diff --git a/docs/snippets/common/storybook-a11y-install.pnpm.js.mdx b/docs/snippets/common/storybook-a11y-install.pnpm.js.mdx index e5ce052d85f4..931f30fa02d0 100644 --- a/docs/snippets/common/storybook-a11y-install.pnpm.js.mdx +++ b/docs/snippets/common/storybook-a11y-install.pnpm.js.mdx @@ -1,3 +1,3 @@ ```shell -pnpm add --save-dev @storybook/addon-a11y@next +pnpm add --save-dev @storybook/addon-a11y ``` diff --git a/docs/snippets/common/storybook-a11y-install.yarn.js.mdx b/docs/snippets/common/storybook-a11y-install.yarn.js.mdx index 0d9989444a53..9cbc6f96cfe3 100644 --- a/docs/snippets/common/storybook-a11y-install.yarn.js.mdx +++ b/docs/snippets/common/storybook-a11y-install.yarn.js.mdx @@ -1,3 +1,3 @@ ```shell -yarn add --dev @storybook/addon-a11y@next +yarn add --dev @storybook/addon-a11y ``` diff --git a/docs/snippets/common/storybook-addon-actions-install.npm.js.mdx b/docs/snippets/common/storybook-addon-actions-install.npm.js.mdx index 476e2a3ad38a..a85c6b802746 100644 --- a/docs/snippets/common/storybook-addon-actions-install.npm.js.mdx +++ b/docs/snippets/common/storybook-addon-actions-install.npm.js.mdx @@ -1,3 +1,3 @@ ```shell -npm install @storybook/addon-actions@next --save-dev +npm install @storybook/addon-actions --save-dev ``` diff --git a/docs/snippets/common/storybook-addon-actions-install.pnpm.js.mdx b/docs/snippets/common/storybook-addon-actions-install.pnpm.js.mdx index 39108d39210d..e892af1211b0 100644 --- a/docs/snippets/common/storybook-addon-actions-install.pnpm.js.mdx +++ b/docs/snippets/common/storybook-addon-actions-install.pnpm.js.mdx @@ -1,3 +1,3 @@ ```shell -pnpm add --save-dev @storybook/addon-actions@next +pnpm add --save-dev @storybook/addon-actions ``` diff --git a/docs/snippets/common/storybook-addon-actions-install.yarn.js.mdx b/docs/snippets/common/storybook-addon-actions-install.yarn.js.mdx index b76af09bf133..8b12b253b314 100644 --- a/docs/snippets/common/storybook-addon-actions-install.yarn.js.mdx +++ b/docs/snippets/common/storybook-addon-actions-install.yarn.js.mdx @@ -1,3 +1,3 @@ ```shell -yarn add --dev @storybook/addon-actions@next +yarn add --dev @storybook/addon-actions ``` diff --git a/docs/snippets/common/storybook-addon-essentials-install.npm.js.mdx b/docs/snippets/common/storybook-addon-essentials-install.npm.js.mdx index 1d41aff48f42..f1cf79da64a3 100644 --- a/docs/snippets/common/storybook-addon-essentials-install.npm.js.mdx +++ b/docs/snippets/common/storybook-addon-essentials-install.npm.js.mdx @@ -1,3 +1,3 @@ ```shell -npm install @storybook/addon-essentials@next --save-dev +npm install @storybook/addon-essentials --save-dev ``` diff --git a/docs/snippets/common/storybook-addon-essentials-install.pnpm.js.mdx b/docs/snippets/common/storybook-addon-essentials-install.pnpm.js.mdx index daff5ce52ecf..2e25c06db593 100644 --- a/docs/snippets/common/storybook-addon-essentials-install.pnpm.js.mdx +++ b/docs/snippets/common/storybook-addon-essentials-install.pnpm.js.mdx @@ -1,3 +1,3 @@ ```shell -pnpm add --save-dev @storybook/addon-essentials@next +pnpm add --save-dev @storybook/addon-essentials ``` diff --git a/docs/snippets/common/storybook-addon-essentials-install.yarn.js.mdx b/docs/snippets/common/storybook-addon-essentials-install.yarn.js.mdx index b4791e04be0f..753c71bfaca1 100644 --- a/docs/snippets/common/storybook-addon-essentials-install.yarn.js.mdx +++ b/docs/snippets/common/storybook-addon-essentials-install.yarn.js.mdx @@ -1,3 +1,3 @@ ```shell -yarn add --dev @storybook/addon-essentials@next +yarn add --dev @storybook/addon-essentials ``` diff --git a/docs/snippets/common/storybook-addon-interactions-addon-full-install.npm.js.mdx b/docs/snippets/common/storybook-addon-interactions-addon-full-install.npm.js.mdx index 6835f193256f..1873a790d226 100644 --- a/docs/snippets/common/storybook-addon-interactions-addon-full-install.npm.js.mdx +++ b/docs/snippets/common/storybook-addon-interactions-addon-full-install.npm.js.mdx @@ -1,3 +1,3 @@ ```shell -npm install @storybook/testing-library@next @storybook/jest@next @storybook/addon-interactions@next --save-dev +npm install @storybook/testing-library @storybook/jest @storybook/addon-interactions --save-dev ``` diff --git a/docs/snippets/common/storybook-addon-interactions-addon-full-install.pnpm.js.mdx b/docs/snippets/common/storybook-addon-interactions-addon-full-install.pnpm.js.mdx index d2b7909e2374..2c9bb23c0210 100644 --- a/docs/snippets/common/storybook-addon-interactions-addon-full-install.pnpm.js.mdx +++ b/docs/snippets/common/storybook-addon-interactions-addon-full-install.pnpm.js.mdx @@ -1,3 +1,3 @@ ```shell -pnpm add --save-dev @storybook/testing-library@next @storybook/jest@next @storybook/addon-interactions@next +pnpm add --save-dev @storybook/testing-library @storybook/jest @storybook/addon-interactions ``` diff --git a/docs/snippets/common/storybook-addon-interactions-addon-full-install.yarn.js.mdx b/docs/snippets/common/storybook-addon-interactions-addon-full-install.yarn.js.mdx index e73809161bb7..17130966f499 100644 --- a/docs/snippets/common/storybook-addon-interactions-addon-full-install.yarn.js.mdx +++ b/docs/snippets/common/storybook-addon-interactions-addon-full-install.yarn.js.mdx @@ -1,3 +1,3 @@ ```shell -yarn add --dev @storybook/testing-library@next @storybook/jest@next @storybook/addon-interactions@next +yarn add --dev @storybook/testing-library @storybook/jest @storybook/addon-interactions ``` diff --git a/docs/snippets/common/storybook-coverage-addon-install.npm.js.mdx b/docs/snippets/common/storybook-coverage-addon-install.npm.js.mdx index 34a6f4a2ada7..26de5e24dae7 100644 --- a/docs/snippets/common/storybook-coverage-addon-install.npm.js.mdx +++ b/docs/snippets/common/storybook-coverage-addon-install.npm.js.mdx @@ -1,3 +1,3 @@ ```shell -npm install @storybook/addon-coverage@next --save-dev +npm install @storybook/addon-coverage --save-dev ``` diff --git a/docs/snippets/common/storybook-coverage-addon-install.pnpm.js.mdx b/docs/snippets/common/storybook-coverage-addon-install.pnpm.js.mdx index aa748f811c4e..12a1db30b3ef 100644 --- a/docs/snippets/common/storybook-coverage-addon-install.pnpm.js.mdx +++ b/docs/snippets/common/storybook-coverage-addon-install.pnpm.js.mdx @@ -1,3 +1,3 @@ ```shell -pnpm add --save-dev @storybook/addon-coverage@next +pnpm add --save-dev @storybook/addon-coverage ``` diff --git a/docs/snippets/common/storybook-coverage-addon-install.yarn.js.mdx b/docs/snippets/common/storybook-coverage-addon-install.yarn.js.mdx index 6a5a59405740..eeadbb49e99d 100644 --- a/docs/snippets/common/storybook-coverage-addon-install.yarn.js.mdx +++ b/docs/snippets/common/storybook-coverage-addon-install.yarn.js.mdx @@ -1,3 +1,3 @@ ```shell -yarn add --dev @storybook/addon-coverage@next +yarn add --dev @storybook/addon-coverage ``` diff --git a/docs/snippets/common/storybook-fallback-mdx-install.npm.js.mdx b/docs/snippets/common/storybook-fallback-mdx-install.npm.js.mdx index 069380978198..bb7ce17277ed 100644 --- a/docs/snippets/common/storybook-fallback-mdx-install.npm.js.mdx +++ b/docs/snippets/common/storybook-fallback-mdx-install.npm.js.mdx @@ -1,3 +1,3 @@ ```shell -npm install @storybook/mdx1-csf@next --save-dev +npm install @storybook/mdx1-csf --save-dev ``` diff --git a/docs/snippets/common/storybook-fallback-mdx-install.pnpm.js.mdx b/docs/snippets/common/storybook-fallback-mdx-install.pnpm.js.mdx index 8b2679bf137e..624f84077d48 100644 --- a/docs/snippets/common/storybook-fallback-mdx-install.pnpm.js.mdx +++ b/docs/snippets/common/storybook-fallback-mdx-install.pnpm.js.mdx @@ -1,3 +1,3 @@ ```shell -pnpm add --save-dev @storybook/mdx1-csf@next +pnpm add --save-dev @storybook/mdx1-csf ``` diff --git a/docs/snippets/common/storybook-fallback-mdx-install.yarn.js.mdx b/docs/snippets/common/storybook-fallback-mdx-install.yarn.js.mdx index f13d9c322b8a..02fadab47356 100644 --- a/docs/snippets/common/storybook-fallback-mdx-install.yarn.js.mdx +++ b/docs/snippets/common/storybook-fallback-mdx-install.yarn.js.mdx @@ -1,3 +1,3 @@ ```shell -yarn add --dev @storybook/mdx1-csf@next +yarn add --dev @storybook/mdx1-csf ``` diff --git a/docs/snippets/common/storybook-test-runner-install.npm.js.mdx b/docs/snippets/common/storybook-test-runner-install.npm.js.mdx index 5383e29b58a7..3d0adeb617dd 100644 --- a/docs/snippets/common/storybook-test-runner-install.npm.js.mdx +++ b/docs/snippets/common/storybook-test-runner-install.npm.js.mdx @@ -1,3 +1,3 @@ ```shell -npm install @storybook/test-runner@next --save-dev +npm install @storybook/test-runner --save-dev ``` diff --git a/docs/snippets/common/storybook-test-runner-install.pnpm.js.mdx b/docs/snippets/common/storybook-test-runner-install.pnpm.js.mdx index 061547811834..8129240a7741 100644 --- a/docs/snippets/common/storybook-test-runner-install.pnpm.js.mdx +++ b/docs/snippets/common/storybook-test-runner-install.pnpm.js.mdx @@ -1,3 +1,3 @@ ```shell -pnpm add --save-dev @storybook/test-runner@next +pnpm add --save-dev @storybook/test-runner ``` diff --git a/docs/snippets/common/storybook-test-runner-install.yarn.js.mdx b/docs/snippets/common/storybook-test-runner-install.yarn.js.mdx index c3d47d1a44e5..21e4620e8113 100644 --- a/docs/snippets/common/storybook-test-runner-install.yarn.js.mdx +++ b/docs/snippets/common/storybook-test-runner-install.yarn.js.mdx @@ -1,3 +1,3 @@ ```shell -yarn add --dev @storybook/test-runner@next +yarn add --dev @storybook/test-runner ``` diff --git a/docs/snippets/common/storybook-testing-addon-install.npm.js.mdx b/docs/snippets/common/storybook-testing-addon-install.npm.js.mdx index 33f87a42b10d..59206715f039 100644 --- a/docs/snippets/common/storybook-testing-addon-install.npm.js.mdx +++ b/docs/snippets/common/storybook-testing-addon-install.npm.js.mdx @@ -1,3 +1,3 @@ ```shell -npm install --save-dev @storybook/testing-( react | vue | vue3 | angular)@next +npm install --save-dev @storybook/testing-( react | vue | vue3 | angular) ``` diff --git a/docs/snippets/common/storybook-testing-addon-install.yarn.js.mdx b/docs/snippets/common/storybook-testing-addon-install.yarn.js.mdx index b560ba982069..ab3abc41ea12 100644 --- a/docs/snippets/common/storybook-testing-addon-install.yarn.js.mdx +++ b/docs/snippets/common/storybook-testing-addon-install.yarn.js.mdx @@ -1,3 +1,3 @@ ```shell -yarn add --dev @storybook/testing-( react | vue | vue3 | angular )@next +yarn add --dev @storybook/testing-( react | vue | vue3 | angular ) ``` diff --git a/docs/snippets/common/storybook-theming-packages-install.npm.js.mdx b/docs/snippets/common/storybook-theming-packages-install.npm.js.mdx index 69fdf948673d..d92511b02c0a 100644 --- a/docs/snippets/common/storybook-theming-packages-install.npm.js.mdx +++ b/docs/snippets/common/storybook-theming-packages-install.npm.js.mdx @@ -1,3 +1,3 @@ ```shell -npm install --save-dev @storybook/manager-api@next @storybook/theming@next +npm install --save-dev @storybook/manager-api @storybook/theming ``` diff --git a/docs/snippets/common/storybook-theming-packages-install.pnpm.js.mdx b/docs/snippets/common/storybook-theming-packages-install.pnpm.js.mdx index a825bba6c118..f076e92feccd 100644 --- a/docs/snippets/common/storybook-theming-packages-install.pnpm.js.mdx +++ b/docs/snippets/common/storybook-theming-packages-install.pnpm.js.mdx @@ -1,3 +1,3 @@ ```shell -pnpm add --save-dev @storybook/manager-api@next @storybook/theming@next +pnpm add --save-dev @storybook/manager-api @storybook/theming ``` diff --git a/docs/snippets/common/storybook-theming-packages-install.yarn.js.mdx b/docs/snippets/common/storybook-theming-packages-install.yarn.js.mdx index ef910469a963..c5ad61d41946 100644 --- a/docs/snippets/common/storybook-theming-packages-install.yarn.js.mdx +++ b/docs/snippets/common/storybook-theming-packages-install.yarn.js.mdx @@ -1,3 +1,3 @@ ```shell -yarn add --dev @storybook/manager-api@next @storybook/theming@next +yarn add --dev @storybook/manager-api @storybook/theming ``` diff --git a/docs/snippets/common/storybook-upgrade-prerelease.npm.js.mdx b/docs/snippets/common/storybook-upgrade-prerelease.npm.js.mdx index 9e625c3977b9..58a5cb6dd40c 100644 --- a/docs/snippets/common/storybook-upgrade-prerelease.npm.js.mdx +++ b/docs/snippets/common/storybook-upgrade-prerelease.npm.js.mdx @@ -1,3 +1,3 @@ ```shell -npx storybook@next upgrade --prerelease +npx storybook@latest upgrade --prerelease ``` diff --git a/docs/snippets/common/storybook-upgrade-prerelease.pnpm.js.mdx b/docs/snippets/common/storybook-upgrade-prerelease.pnpm.js.mdx index 47d087049d14..efceafc8a27a 100644 --- a/docs/snippets/common/storybook-upgrade-prerelease.pnpm.js.mdx +++ b/docs/snippets/common/storybook-upgrade-prerelease.pnpm.js.mdx @@ -1,3 +1,3 @@ ```shell -pnpx storybook@next upgrade --prerelease +pnpx storybook@latest upgrade --prerelease ``` diff --git a/docs/snippets/common/storybook-vite-builder-install.npm.js.mdx b/docs/snippets/common/storybook-vite-builder-install.npm.js.mdx index 6fde170b059c..957029319197 100644 --- a/docs/snippets/common/storybook-vite-builder-install.npm.js.mdx +++ b/docs/snippets/common/storybook-vite-builder-install.npm.js.mdx @@ -1,3 +1,3 @@ ```shell -npm install @storybook/builder-vite@next --save-dev +npm install @storybook/builder-vite --save-dev ``` diff --git a/docs/snippets/common/storybook-vite-builder-install.yarn.js.mdx b/docs/snippets/common/storybook-vite-builder-install.yarn.js.mdx index 2ac56b25b51d..db7837fda8f0 100644 --- a/docs/snippets/common/storybook-vite-builder-install.yarn.js.mdx +++ b/docs/snippets/common/storybook-vite-builder-install.yarn.js.mdx @@ -1,3 +1,3 @@ ```shell -yarn add --dev @storybook/builder-vite@next +yarn add --dev @storybook/builder-vite ``` diff --git a/docs/writing-docs/mdx.md b/docs/writing-docs/mdx.md index 2da1dc4fb067..ab1cea62b7fb 100644 --- a/docs/writing-docs/mdx.md +++ b/docs/writing-docs/mdx.md @@ -209,7 +209,7 @@ paths={[ To help you transition to the new version, we've created a migration helper in our CLI. We recommend using it and reaching out to the maintainers using the default communication channels (e.g., [Discord server](https://discord.com/channels/486522875931656193/570426522528382976), [GitHub issues](https://github.com/storybookjs/storybook/issues)) for problems you encounter. ```shell -npx storybook@next automigrate mdx1to2 +npx storybook@latest automigrate mdx1to2 ``` ## Setup custom documentation diff --git a/docs/writing-stories/play-function.md b/docs/writing-stories/play-function.md index 685301b3b985..a511792ffdd3 100644 --- a/docs/writing-stories/play-function.md +++ b/docs/writing-stories/play-function.md @@ -24,12 +24,6 @@ Run the following command to install the addon and the required dependencies. -
- -ℹ️ Installing the package with `@next` will install the cutting-edge version of it. Be advised prerelease versions are subject to breaking changes and are not recommended for production use. Use at your own risk. - -
- Update your Storybook configuration (in `.storybook/main.js|ts`) to include the interactions addon. diff --git a/docs/writing-tests/accessibility-testing.md b/docs/writing-tests/accessibility-testing.md index 0384aef73513..630196b797cf 100644 --- a/docs/writing-tests/accessibility-testing.md +++ b/docs/writing-tests/accessibility-testing.md @@ -37,12 +37,6 @@ Run the following command to install the addon. -
- -ℹ️ Installing the package with `@next` will install the cutting-edge version of it. Be advised prerelease versions are subject to breaking changes and are not recommended for production use. Use at your own risk. - -
- Update your Storybook configuration (in `.storybook/main.js|ts`) to include the accessibility addon. diff --git a/docs/writing-tests/importing-stories-in-tests.md b/docs/writing-tests/importing-stories-in-tests.md index 1e9982f5df20..933e13db6fd2 100644 --- a/docs/writing-tests/importing-stories-in-tests.md +++ b/docs/writing-tests/importing-stories-in-tests.md @@ -32,12 +32,6 @@ Run the following command to add Storybook's testing addon into your environment -
- -ℹ️ Installing the package with `@next` will install the cutting-edge version of it. Be advised prerelease versions are subject to breaking changes and are not recommended for production use. Use at your own risk. Additionally, don't forget to select **only** your framework. - -
- ### Optional configuration If you've set up global decorators or parameters and you need to use them in your tests, add the following to your test configuration file: diff --git a/docs/writing-tests/interaction-testing.md b/docs/writing-tests/interaction-testing.md index 4d0777ada035..45832202934b 100644 --- a/docs/writing-tests/interaction-testing.md +++ b/docs/writing-tests/interaction-testing.md @@ -42,12 +42,6 @@ Run the following command to install the interactions addon and related dependen -
- -ℹ️ Installing the package with `@next` will install the cutting-edge version of it. Be advised prerelease versions are subject to breaking changes and are not recommended for production use. Use at your own risk. - -
- Update your Storybook configuration (in `.storybook/main.js|ts`) to include the interactions addon. diff --git a/docs/writing-tests/test-coverage.md b/docs/writing-tests/test-coverage.md index 6ef0d7a0c3bc..62d868d0f935 100644 --- a/docs/writing-tests/test-coverage.md +++ b/docs/writing-tests/test-coverage.md @@ -37,12 +37,6 @@ Run the following command to install the addon. -
- -ℹ️ Installing the package with `@next` will install the cutting-edge version of it. Be advised prerelease versions are subject to breaking changes and are not recommended for production use. Use at your own risk. - -
- Update your Storybook configuration (in `.storybook/main.js|ts`) to include the coverage addon. diff --git a/docs/writing-tests/test-runner.md b/docs/writing-tests/test-runner.md index c22db77e55c1..b4ca1507b36d 100644 --- a/docs/writing-tests/test-runner.md +++ b/docs/writing-tests/test-runner.md @@ -27,12 +27,6 @@ Run the following command to install it. -
- -ℹ️ Installing the package with `@next` will install the cutting-edge version of it. Be advised prerelease versions are subject to breaking changes and are not recommended for production use. Use at your own risk. - -
- Update your `package.json` scripts and enable the test runner. ```json