Patching 7.1.0-alpha.0 changes back to main

.circleci/config.yml

@@ -701,30 +701,30 @@ workflows:
           requires:
             - build
       - create-sandboxes:
-          parallelism: 30
+          parallelism: 31
           requires:
             - build
       # - smoke-test-sandboxes: # disabled for now
       #     requires:
       #       - create-sandboxes
       - build-sandboxes:
-          parallelism: 30
+          parallelism: 31
           requires:
             - create-sandboxes
       - chromatic-sandboxes:
-          parallelism: 30
+          parallelism: 31
           requires:
             - build-sandboxes
       - e2e-production:
-          parallelism: 30
+          parallelism: 31
           requires:
             - build-sandboxes
       - e2e-dev:
           parallelism: 4
           requires:
             - create-sandboxes
       - test-runner-production:
-          parallelism: 30
+          parallelism: 31
           requires:
             - build-sandboxes
       # TODO: reenable once we find out the source of flakyness

.github/ISSUE_TEMPLATE/bug_report.yml

@@ -19,13 +19,12 @@ body:
     attributes:
       label: To Reproduce
       description: >-
-        Please create a reproduction by running `npx sb@next sandbox` and
+        Please create a reproduction using [storybook.new](https://storybook.new), or by running `npx sb@next sandbox` and
         following the instructions. Read our
         [documentation](https://storybook.js.org/docs/react/contribute/how-to-reproduce)
         to learn more about creating reproductions.
       placeholder: >-
-        Paste your repository and deployed reproduction here. We prioritize
-        issues with reproductions over those without.
+        Paste a link to your reproduction here. We prioritize issues with reproductions over those without.
   - type: textarea
     id: system
     attributes:

CHANGELOG.md

@@ -1,3 +1,31 @@
+## 7.1.0-alpha.0 (April 5, 2023)
+
+#### Bug Fixes
+
+-   Angular: Fix components disappearing on docs page on property change [#21944](https://github.com/storybooks/storybook/pull/21944)
+-   React: Don't show decorators in JSX snippets [#21907](https://github.com/storybooks/storybook/pull/21907)
+-   Docs: Include decorators by default in source decorators [#21902](https://github.com/storybooks/storybook/pull/21902)
+-   CLI: Fix npm list command [#21947](https://github.com/storybooks/storybook/pull/21947)
+-   Core: Revert Emotion `:first-child` (etc) workarounds [#21213](https://github.com/storybooks/storybook/pull/21213)
+-   Addon-actions: Fix non-included type file [#21922](https://github.com/storybooks/storybook/pull/21922)
+-   Addon GFM: Fix node-logger dependency [#21938](https://github.com/storybooks/storybook/pull/21938)
+
+#### Build
+
+-   Build: Update trigger circle ci workflow to include main [#21888](https://github.com/storybooks/storybook/pull/21888)
+-   Build: Update dangerfile temporarily to check for patch label [#21945](https://github.com/storybooks/storybook/pull/21945)
+-   Build: Re-enable Vue2 Vite sandbox [#21940](https://github.com/storybooks/storybook/pull/21940)
+-   Build: Fix release badge on repros [#21923](https://github.com/storybooks/storybook/pull/21923)
+-   Build: fix the workflows to generate sandboxes [#21912](https://github.com/storybooks/storybook/pull/21912)
+-   Build: bump the node version in CI [#21917](https://github.com/storybooks/storybook/pull/21917)
+-   Build: no `pnp.cjs` in the root, regen lockfiles [#21908](https://github.com/storybooks/storybook/pull/21908)
+-   Build: remove pnp sandbox template [#21913](https://github.com/storybooks/storybook/pull/21913)
+-   Build: make the CI config ready for 7.0 release [#21808](https://github.com/storybooks/storybook/pull/21808)
+
+#### Dependency Upgrades
+
+-   Update `@emotion/cache` version [#21941](https://github.com/storybooks/storybook/pull/21941)
+
 ## 7.0.2 (April 3, 2023)
 
 Storybook 7.0 is here! 🎉

MIGRATION.md

@@ -35,7 +35,7 @@
     - [Addon-interactions: Interactions debugger is now default](#addon-interactions-interactions-debugger-is-now-default)
   - [7.0 Vite changes](#70-vite-changes)
     - [Vite builder uses Vite config automatically](#vite-builder-uses-vite-config-automatically)
-    - [Vite cache moved to node_modules/.cache/.vite-storybook](#vite-cache-moved-to-node_modulescachevite-storybook)
+    - [Vite cache moved to node\_modules/.cache/.vite-storybook](#vite-cache-moved-to-node_modulescachevite-storybook)
   - [7.0 Webpack changes](#70-webpack-changes)
     - [Webpack4 support discontinued](#webpack4-support-discontinued)
     - [Babel mode v7 exclusively](#babel-mode-v7-exclusively)
@@ -82,8 +82,7 @@
     - [Dropped addon-docs manual babel configuration](#dropped-addon-docs-manual-babel-configuration)
     - [Dropped addon-docs manual configuration](#dropped-addon-docs-manual-configuration)
     - [Autoplay in docs](#autoplay-in-docs)
-    - [Removed STORYBOOK_REACT_CLASSES global](#removed-storybook_react_classes-global)
-    - [parameters.docs.source.excludeDecorators defaults to true](#parametersdocssourceexcludedecorators-defaults-to-true)
+    - [Removed STORYBOOK\_REACT\_CLASSES global](#removed-storybook_react_classes-global)
   - [7.0 Deprecations and default changes](#70-deprecations-and-default-changes)
     - [storyStoreV7 enabled by default](#storystorev7-enabled-by-default)
     - [`Story` type deprecated](#story-type-deprecated)
@@ -297,7 +296,7 @@
 
 ## From version 6.5.x to 7.0.0
 
-A number of these changes can be made automatically by the Storybook CLI. To take advantage of these "automigrations", run `npx storybook@next upgrade --prerelease` or `pnpx storybook@next upgrade --prerelease`.
+A number of these changes can be made automatically by the Storybook CLI. To take advantage of these "automigrations", run `npx storybook@latest upgrade --prerelease` or `pnpx storybook@latest upgrade --prerelease`.
 
 ### 7.0 breaking changes
 
@@ -610,7 +609,7 @@ _Has automigration_
 Storybook 7 introduces the concept of `frameworks`, which abstracts configuration for `renderers` (e.g. React, Vue), `builders` (e.g. Webpack, Vite) and defaults to make integrations easier. This requires quite a few changes, depending on what your project is using. **We recommend you to use the automigrations**, but in case the command fails or you'd like to do the changes manually, here's a guide:
 
 > Note:
-> All of the following changes can be done automatically either via `npx storybook@next upgrade --prerelease` or via the `npx storybook@next automigrate` command. It's highly recommended to use these commands, which will tell you exactly what to do.
+> All of the following changes can be done automatically either via `npx storybook@latest upgrade --prerelease` or via the `npx storybook@latest automigrate` command. It's highly recommended to use these commands, which will tell you exactly what to do.
 
 
 ##### Available framework packages
@@ -1032,7 +1031,7 @@ Storybook now uses [Babel mode v7](#babel-mode-v7) exclusively. In 6.x, Storyboo
 In the new mode, Storybook expects you to provide a configuration file. Depending on the complexity your project, Storybook will fail to run without a babel configuration. If you want a configuration file that's equivalent to the 6.x default, you can run the following command in your project directory:
 
 ```sh
-npx storybook@next babelrc
+npx storybook@latest babelrc
 ```
 
 This command will create a `.babelrc.json` file in your project, containing a few babel plugins which will be installed as dev dependencies.
@@ -1510,7 +1509,7 @@ If you get stuck with the [MDX2 upgrade](#mdx2-upgrade), we also provide opt-in
 To process your `.stories.mdx` files with MDX1, first install the `@storybook/mdx1-csf` package in your project:
 
 ```
-yarn add -D @storybook/mdx1-csf@next
+yarn add -D @storybook/mdx1-csf@latest
 ```
 
 Then enable the `legacyMdx1` feature flag in your `.storybook/main.js` file:
@@ -1618,10 +1617,6 @@ If your story depends on a play function to render correctly, _and_ you are conf
 
 This was a legacy global variable from the early days of react docgen. If you were using this variable, you can instead use docgen information which is added directly to components using `.__docgenInfo`.
 
-#### parameters.docs.source.excludeDecorators defaults to true
-
-By default we don't render decorators in the Source/Canvas blocks. If you want to render decorators, you can set the parameter to `false`.
-
 ### 7.0 Deprecations and default changes
 
 #### storyStoreV7 enabled by default
@@ -1946,7 +1941,7 @@ You can run the existing suite of automigrations to see which ones apply to your
 
 ```
 
-npx sb@next automigrate
+npx sb@latest automigrate
 
 ```
 
@@ -1958,7 +1953,7 @@ Storybook 6.3 supports CRA5 out of the box when you install it fresh. However, i
 
 ```
 
-npx sb@next automigrate
+npx sb@latest automigrate
 
 ```
 
@@ -2212,7 +2207,7 @@ module.exports = {
 In the new mode, Storybook expects you to provide a configuration file. If you want a configuration file that's equivalent to the 6.x default, you can run the following command in your project directory:
 
 ```sh
-npx sb@next babelrc
+npx sb@latest babelrc
 ```
 
 This will create a `.babelrc.json` file. This file includes a bunch of babel plugins, so you may need to add new package devDependencies accordingly.
@@ -2796,7 +2791,7 @@ Basic.decorators = [ ... ];
 To help you upgrade your stories, we've created a codemod:
 
 ```
-npx @storybook/cli@next migrate csf-hoist-story-annotations --glob="**/*.stories.js"
+npx @storybook/cli@latest migrate csf-hoist-story-annotations --glob="**/*.stories.js"
 ```
 
 For more information, [see the documentation](https://github.com/storybookjs/storybook/blob/next/lib/codemod/README.md#csf-hoist-story-annotations).
@@ -3090,7 +3085,7 @@ We've removed the ability to specify the hierarchy separators (how you control t
 If you are currently using custom separators, we encourage you to migrate to using `/` as the sole separator. If you are using `|` or `.` as a separator currently, we provide a codemod, [`upgrade-hierarchy-separators`](https://github.com/storybookjs/storybook/blob/next/lib/codemod/README.md#upgrade-hierarchy-separators), that can be used to rename your components. **Note: the codemod will not work for `.mdx` components, you will need to make the changes by hand.**
 
 ```
-npx sb@next migrate upgrade-hierarchy-separators --glob="*/**/*.stories.@(tsx|jsx|ts|js)"
+npx sb@latest migrate upgrade-hierarchy-separators --glob="*/**/*.stories.@(tsx|jsx|ts|js)"
 ```
 
 We also now default to showing "roots", which are non-expandable groupings in the sidebar for the top-level groups. If you'd like to disable this, set the `showRoots` option in `.storybook/manager.js`:
@@ -4210,7 +4205,7 @@ Storybook now uses Babel 7. There's a couple of cases when it can break with you
 - If you aren't using Babel yourself, and don't have .babelrc, install following dependencies:
 
   ```
-  npm i -D @babel/core babel-loader@next
+  npm i -D @babel/core babel-loader@latest
   ```
 
 - If you're using Babel 6, make sure that you have direct dependencies on `babel-core@6` and `babel-loader@7` and that you have a `.babelrc` in your project directory.

code/addons/a11y/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@storybook/addon-a11y",
-  "version": "7.0.2",
+  "version": "7.1.0-alpha.0",
   "description": "Test component compliance with web accessibility standards",
   "keywords": [
     "a11y",
@@ -63,16 +63,16 @@
     "prep": "../../../scripts/prepare/bundle.ts"
   },
   "dependencies": {
-    "@storybook/addon-highlight": "7.0.2",
-    "@storybook/channels": "7.0.2",
-    "@storybook/client-logger": "7.0.2",
-    "@storybook/components": "7.0.2",
-    "@storybook/core-events": "7.0.2",
+    "@storybook/addon-highlight": "7.1.0-alpha.0",
+    "@storybook/channels": "7.1.0-alpha.0",
+    "@storybook/client-logger": "7.1.0-alpha.0",
+    "@storybook/components": "7.1.0-alpha.0",
+    "@storybook/core-events": "7.1.0-alpha.0",
     "@storybook/global": "^5.0.0",
-    "@storybook/manager-api": "7.0.2",
-    "@storybook/preview-api": "7.0.2",
-    "@storybook/theming": "7.0.2",
-    "@storybook/types": "7.0.2",
+    "@storybook/manager-api": "7.1.0-alpha.0",
+    "@storybook/preview-api": "7.1.0-alpha.0",
+    "@storybook/theming": "7.1.0-alpha.0",
+    "@storybook/types": "7.1.0-alpha.0",
     "axe-core": "^4.2.0",
     "lodash": "^4.17.21",
     "react-resize-detector": "^7.1.2"
@@ -104,7 +104,7 @@
       "./src/preview.tsx"
     ]
   },
-  "gitHead": "96b498debee8b89d0c4050c13172a5a818c9997a",
+  "gitHead": "8ff2938f8ac0c2d524ae653cd89251e5cd4721a4",
   "storybook": {
     "displayName": "Accessibility",
     "icon": "https://user-images.githubusercontent.com/263385/101991665-47042f80-3c7c-11eb-8f00-64b5a18f498a.png",

code/addons/actions/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@storybook/addon-actions",
-  "version": "7.0.2",
+  "version": "7.1.0-alpha.0",
   "description": "Get UI feedback when an action is performed on an interactive element",
   "keywords": [
     "storybook",
@@ -61,6 +61,9 @@
       "manager": [
         "dist/manager.d.ts"
       ],
+      "decorator": [
+        "dist/decorator.d.ts"
+      ],
       "preview": [
         "dist/preview.d.ts"
       ]
@@ -77,14 +80,14 @@
     "prep": "../../../scripts/prepare/bundle.ts"
   },
   "dependencies": {
-    "@storybook/client-logger": "7.0.2",
-    "@storybook/components": "7.0.2",
-    "@storybook/core-events": "7.0.2",
+    "@storybook/client-logger": "7.1.0-alpha.0",
+    "@storybook/components": "7.1.0-alpha.0",
+    "@storybook/core-events": "7.1.0-alpha.0",
     "@storybook/global": "^5.0.0",
-    "@storybook/manager-api": "7.0.2",
-    "@storybook/preview-api": "7.0.2",
-    "@storybook/theming": "7.0.2",
-    "@storybook/types": "7.0.2",
+    "@storybook/manager-api": "7.1.0-alpha.0",
+    "@storybook/preview-api": "7.1.0-alpha.0",
+    "@storybook/theming": "7.1.0-alpha.0",
+    "@storybook/types": "7.1.0-alpha.0",
     "dequal": "^2.0.2",
     "lodash": "^4.17.21",
     "polished": "^4.2.2",
@@ -121,7 +124,7 @@
       "./src/preview.ts"
     ]
   },
-  "gitHead": "96b498debee8b89d0c4050c13172a5a818c9997a",
+  "gitHead": "8ff2938f8ac0c2d524ae653cd89251e5cd4721a4",
   "storybook": {
     "displayName": "Actions",
     "unsupportedFrameworks": [

code/addons/backgrounds/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@storybook/addon-backgrounds",
-  "version": "7.0.2",
+  "version": "7.1.0-alpha.0",
   "description": "Switch backgrounds to view components in different settings",
   "keywords": [
     "addon",
@@ -76,14 +76,14 @@
     "prep": "../../../scripts/prepare/bundle.ts"
   },
   "dependencies": {
-    "@storybook/client-logger": "7.0.2",
-    "@storybook/components": "7.0.2",
-    "@storybook/core-events": "7.0.2",
+    "@storybook/client-logger": "7.1.0-alpha.0",
+    "@storybook/components": "7.1.0-alpha.0",
+    "@storybook/core-events": "7.1.0-alpha.0",
     "@storybook/global": "^5.0.0",
-    "@storybook/manager-api": "7.0.2",
-    "@storybook/preview-api": "7.0.2",
-    "@storybook/theming": "7.0.2",
-    "@storybook/types": "7.0.2",
+    "@storybook/manager-api": "7.1.0-alpha.0",
+    "@storybook/preview-api": "7.1.0-alpha.0",
+    "@storybook/theming": "7.1.0-alpha.0",
+    "@storybook/types": "7.1.0-alpha.0",
     "memoizerific": "^1.11.3",
     "ts-dedent": "^2.0.0"
   },
@@ -112,7 +112,7 @@
       "./src/preview.tsx"
     ]
   },
-  "gitHead": "96b498debee8b89d0c4050c13172a5a818c9997a",
+  "gitHead": "8ff2938f8ac0c2d524ae653cd89251e5cd4721a4",
   "storybook": {
     "displayName": "Backgrounds",
     "icon": "https://user-images.githubusercontent.com/263385/101991667-479cc600-3c7c-11eb-96d3-410e936252e7.png",

code/addons/controls/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@storybook/addon-controls",
-  "version": "7.0.2",
+  "version": "7.1.0-alpha.0",
   "description": "Interact with component inputs dynamically in the Storybook UI",
   "keywords": [
     "addon",
@@ -68,15 +68,15 @@
     "prep": "../../../scripts/prepare/bundle.ts"
   },
   "dependencies": {
-    "@storybook/blocks": "7.0.2",
-    "@storybook/client-logger": "7.0.2",
-    "@storybook/components": "7.0.2",
-    "@storybook/core-common": "7.0.2",
-    "@storybook/manager-api": "7.0.2",
-    "@storybook/node-logger": "7.0.2",
-    "@storybook/preview-api": "7.0.2",
-    "@storybook/theming": "7.0.2",
-    "@storybook/types": "7.0.2",
+    "@storybook/blocks": "7.1.0-alpha.0",
+    "@storybook/client-logger": "7.1.0-alpha.0",
+    "@storybook/components": "7.1.0-alpha.0",
+    "@storybook/core-common": "7.1.0-alpha.0",
+    "@storybook/manager-api": "7.1.0-alpha.0",
+    "@storybook/node-logger": "7.1.0-alpha.0",
+    "@storybook/preview-api": "7.1.0-alpha.0",
+    "@storybook/theming": "7.1.0-alpha.0",
+    "@storybook/types": "7.1.0-alpha.0",
     "lodash": "^4.17.21",
     "ts-dedent": "^2.0.0"
   },
@@ -102,7 +102,7 @@
     ],
     "platform": "browser"
   },
-  "gitHead": "96b498debee8b89d0c4050c13172a5a818c9997a",
+  "gitHead": "8ff2938f8ac0c2d524ae653cd89251e5cd4721a4",
   "storybook": {
     "displayName": "Controls",
     "icon": "https://user-images.githubusercontent.com/263385/101991669-479cc600-3c7c-11eb-93d9-38b67e8371f2.png",

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:

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: