Merge branch 'next' into rm-babel

storybookjs · Apr 17, 2023 · 4325104 · 4325104
2 parents 03182cb + 2cad914
commit 4325104
Show file tree

Hide file tree

Showing 116 changed files with 1,248 additions and 1,207 deletions.
diff --git a/CHANGELOG.md b/CHANGELOG.md
@@ -1,3 +1,20 @@
+## 7.1.0-alpha.5 (April 17, 2023)
+
+#### Maintenance
+
+-   CLI: Mark qwik as using addon-interactions [#22000](https://github.com/storybooks/storybook/pull/22000)
+
+#### Build
+
+-   Revert "Build: Update dangerfile temporarily to check for patch label" [#22108](https://github.com/storybooks/storybook/pull/22108)
+
+## 7.1.0-alpha.4 (April 15, 2023)
+
+#### Bug Fixes
+
+-   Docs: Fix source snippets when parameters.docs.source.type = 'code' [#22048](https://github.com/storybooks/storybook/pull/22048)
+-   CLI: Mention how to setup a monorepo manually in babelrc automigration [#22052](https://github.com/storybooks/storybook/pull/22052)
+
 ## 7.1.0-alpha.3 (April 13, 2023)
 
 #### Bug Fixes

diff --git a/README.md b/README.md
@@ -64,7 +64,6 @@ Storybook is a frontend workshop for building UI components and pages in isolati
 - 🚀 [Getting Started](#getting-started)
 - 📒 [Projects](#projects)
   - 🛠 [Supported Frameworks & Examples](#supported-frameworks)
-  - 🚇[ Sub Projects](#sub-projects)
   - 🔗[Addons](#addons)
 - 🏅 [Badges & Presentation materials](#badges--presentation-materials)
 - 👥 [Community](#community)
@@ -86,6 +85,8 @@ Documentation can be found on [Storybook's docs site](https://storybook.js.org/d
 
 View [Component Encyclopedia](https://storybook.js.org/showcase) to see how leading teams use Storybook.
 
+Use [storybook.new](https://storybook.new) to quickly create an example project in Stackblitz.
+
 Storybook comes with a lot of [addons](https://storybook.js.org/docs/react/configure/storybook-addons) for component design, documentation, testing, interactivity, and so on. Storybook's API makes it possible to configure and extend in various ways. It has even been extended to support React Native, Android, iOS, and Flutter development for mobile.
 
 ### Community
@@ -96,26 +97,21 @@ For additional help, join us in the [Storybook Discord](https://discord.gg/story
 
 ### Supported Frameworks
 
-| Renderer                                                       | Demo                                                                                                                                                                                             |                                                                                                                                                       |
-| -------------------------------------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ | ----------------------------------------------------------------------------------------------------------------------------------------------------- |
-| ?                                                              | TODO, the link below will break                                                                                                                                                                  | [![React](https://img.shields.io/npm/dm/@storybook/react?style=flat-square&color=eee)](code/renderers/react)                                          |
-| [React](code/renderers/react)                                  | [![Storybook demo](https://img.shields.io/npm/v/@storybook/react/latest?style=flat-square&color=blue&label)](https://storybookjs.netlify.com/official-storybook/?path=/story/*)                  | [![React](https://img.shields.io/npm/dm/@storybook/react?style=flat-square&color=eee)](code/renderers/react)                                          |
-| [Vue](code/renderers/vue)                                      | [![Storybook demo](https://img.shields.io/npm/v/@storybook/vue/latest?style=flat-square&color=blue&label)](https://storybookjs.netlify.com/vue-kitchen-sink/)                                    | [![Vue](https://img.shields.io/npm/dm/@storybook/vue?style=flat-square&color=eee)](code/renderers/vue)                                                |
-| [Angular](code/frameworks/angular/)                            | [![Storybook demo](https://img.shields.io/npm/v/@storybook/angular/latest?style=flat-square&color=blue&label)](https://storybookjs.netlify.com/angular-cli/)                                     | [![Angular](https://img.shields.io/npm/dm/@storybook/angular?style=flat-square&color=eee)](code/frameworks/angular/)                                  |
-| [Web components](code/renderers/web-components)                | [![Storybook demo](https://img.shields.io/npm/v/@storybook/web-components/latest?style=flat-square&color=blue&label)](https://storybookjs.netlify.com/web-components-kitchen-sink/)              | [![Svelte](https://img.shields.io/npm/dm/@storybook/web-components?style=flat-square&color=eee)](code/renderers/web-components)                       |
-| [React Native](https://github.com/storybookjs/react-native)    | -                                                                                                                                                                                                | [![React Native](https://img.shields.io/npm/dm/@storybook/react-native?style=flat-square&color=eee)](https://github.com/storybookjs/react-native)     |
-| [HTML](code/renderers/html)                                    | [![Storybook demo](https://img.shields.io/npm/v/@storybook/html/latest?style=flat-square&color=blue&label)](https://storybookjs.netlify.com/html-kitchen-sink/)                                  | [![HTML](https://img.shields.io/npm/dm/@storybook/html?style=flat-square&color=eee)](code/renderers/html)                                             |
-| [Ember](code/frameworks/ember/)                                | [![Storybook demo](https://img.shields.io/npm/v/@storybook/ember/latest?style=flat-square&color=blue&label)](https://storybookjs.netlify.com/ember-cli/)                                         | [![Ember](https://img.shields.io/npm/dm/@storybook/ember?style=flat-square&color=eee)](code/frameworks/ember/)                                        |
-| [Svelte](code/renderers/svelte)                                | [![Storybook demo](https://img.shields.io/npm/v/@storybook/svelte/latest?style=flat-square&color=blue&label)](https://storybookjs.netlify.com/svelte-kitchen-sink/)                              | [![Svelte](https://img.shields.io/npm/dm/@storybook/svelte?style=flat-square&color=eee)](code/renderers/svelte)                                       |
-| [Preact](code/renderers/preact)                                | [![Storybook demo](https://img.shields.io/npm/v/@storybook/preact/latest?style=flat-square&color=blue&label)](https://storybookjs.netlify.com/preact-kitchen-sink/)                              | [![Preact](https://img.shields.io/npm/dm/@storybook/preact?style=flat-square&color=eee)](code/renderers/preact)                                       |
-| [Marionette.js](https://github.com/storybookjs/marionette)     | -                                                                                                                                                                                                | [![Marionette.js](https://img.shields.io/npm/dm/@storybook/marionette?style=flat-square&color=eee)](https://github.com/storybookjs/marionette)        |
-| [Qwik](https://github.com/literalpie/storybook-framework-qwik) | -                                                                                                                                                                                                | [![Qwik](https://img.shields.io/npm/dm/storybook-framework-qwik?style=flat-square&color=eee)](https://github.com/literalpie/storybook-framework-qwik) |
-| [Android, iOS, Flutter](https://github.com/storybookjs/native) | [![Storybook demo](https://img.shields.io/npm/v/@storybook/native/latest?style=flat-square&color=blue&label)](https://storybookjs.github.io/native/@storybook/native-flutter-example/index.html) | [![Native](https://img.shields.io/npm/dm/@storybook/native?style=flat-square&color=eee)](https://github.com/storybookjs/native)                       |
-
-### Sub Projects
-
-- [CLI](code/lib/cli) - Streamlined installation for a variety of app types
-- [examples](code/examples) - Code examples to illustrate different Storybook use cases
+| Renderer                                                       | Demo                                                                                                                                                                         |                                                                                                                                                       |
+| -------------------------------------------------------------- | ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ----------------------------------------------------------------------------------------------------------------------------------------------------- |
+| [React](code/renderers/react)                                  | [![Storybook demo](https://img.shields.io/npm/v/@storybook/react/latest?style=flat-square&color=blue&label)](https://next--630511d655df72125520f051.chromatic.com/)          | [![React](https://img.shields.io/npm/dm/@storybook/react?style=flat-square&color=eee)](code/renderers/react)                                          |
+| [Angular](code/frameworks/angular/)                            | [![Storybook demo](https://img.shields.io/npm/v/@storybook/angular/latest?style=flat-square&color=blue&label)](https://next--6322ce6af69825592bbb28fc.chromatic.com/)        | [![Angular](https://img.shields.io/npm/dm/@storybook/angular?style=flat-square&color=eee)](code/frameworks/angular/)                                  |
+| [Vue](code/renderers/vue)                                      | [![Storybook demo](https://img.shields.io/npm/v/@storybook/vue/latest?style=flat-square&color=blue&label)](https://next--630513346a8e284ae244d415.chromatic.com/)            | [![Vue](https://img.shields.io/npm/dm/@storybook/vue?style=flat-square&color=eee)](code/renderers/vue)                                                |
+| [Web components](code/renderers/web-components)                | [![Storybook demo](https://img.shields.io/npm/v/@storybook/web-components/latest?style=flat-square&color=blue&label)](https://next--638db5bf49adfdfe8cf545e0.chromatic.com/) | [![Svelte](https://img.shields.io/npm/dm/@storybook/web-components?style=flat-square&color=eee)](code/renderers/web-components)                       |
+| [React Native](https://github.com/storybookjs/react-native)    | [![](https://img.shields.io/npm/v/@storybook/react-native/latest?style=flat-square&color=blue&label)](/)                                                                     | [![React Native](https://img.shields.io/npm/dm/@storybook/react-native?style=flat-square&color=eee)](https://github.com/storybookjs/react-native)     |
+| [HTML](code/renderers/html)                                    | [![Storybook demo](https://img.shields.io/npm/v/@storybook/html/latest?style=flat-square&color=blue&label)](https://next--63dd39a158cf6fc05199b4bb.chromatic.com/)           | [![HTML](https://img.shields.io/npm/dm/@storybook/html?style=flat-square&color=eee)](code/renderers/html)                                             |
+| [Ember](code/frameworks/ember/)                                | [![](https://img.shields.io/npm/v/@storybook/ember/latest?style=flat-square&color=blue&label)](/)                                                                            | [![Ember](https://img.shields.io/npm/dm/@storybook/ember?style=flat-square&color=eee)](code/frameworks/ember/)                                        |
+| [Svelte](code/renderers/svelte)                                | [![Storybook demo](https://img.shields.io/npm/v/@storybook/svelte/latest?style=flat-square&color=blue&label)](https://next--630873996e4e3557791c069c.chromatic.com/)         | [![Svelte](https://img.shields.io/npm/dm/@storybook/svelte?style=flat-square&color=eee)](code/renderers/svelte)                                       |
+| [Preact](code/renderers/preact)                                | [![Storybook demo](https://img.shields.io/npm/v/@storybook/preact/latest?style=flat-square&color=blue&label)](https://next--63b588a512565bfaace15e7c.chromatic.com/)         | [![Preact](https://img.shields.io/npm/dm/@storybook/preact?style=flat-square&color=eee)](code/renderers/preact)                                       |
+| [Marionette.js](https://github.com/storybookjs/marionette)     | [![](https://img.shields.io/npm/v/@storybook/marionette/latest?style=flat-square&color=blue&label)](/)                                                                       | [![Marionette.js](https://img.shields.io/npm/dm/@storybook/marionette?style=flat-square&color=eee)](https://github.com/storybookjs/marionette)        |
+| [Qwik](https://github.com/literalpie/storybook-framework-qwik) | [![](https://img.shields.io/npm/v/storybook-framework-qwik/latest?style=flat-square&color=blue&label)](/)                                                                    | [![Qwik](https://img.shields.io/npm/dm/storybook-framework-qwik?style=flat-square&color=eee)](https://github.com/literalpie/storybook-framework-qwik) |
+| [SolidJS](https://github.com/storybookjs/solidjs)              | [![](https://img.shields.io/npm/v/storybook-solidjs/latest?style=flat-square&color=blue&label)](/)                                                                           | [![SolidJS](https://img.shields.io/npm/dm/storybook-solidjs?style=flat-square&color=eee)](https://github.com/storybookjs/solidjs)                     |
+| [Android, iOS, Flutter](https://github.com/storybookjs/native) | [![](https://img.shields.io/npm/v/@storybook/native/latest?style=flat-square&color=blue&label)](/)                                                                           | [![Native](https://img.shields.io/npm/dm/@storybook/native?style=flat-square&color=eee)](https://github.com/storybookjs/native)                       |
 
 ### Addons
 

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

diff --git a/code/addons/actions/package.json b/code/addons/actions/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/addon-actions",
-  "version": "7.1.0-alpha.3",
+  "version": "7.1.0-alpha.5",
   "description": "Get UI feedback when an action is performed on an interactive element",
   "keywords": [
     "storybook",
@@ -80,14 +80,14 @@
     "prep": "../../../scripts/prepare/bundle.ts"
   },
   "dependencies": {
-    "@storybook/client-logger": "7.1.0-alpha.3",
-    "@storybook/components": "7.1.0-alpha.3",
-    "@storybook/core-events": "7.1.0-alpha.3",
+    "@storybook/client-logger": "7.1.0-alpha.5",
+    "@storybook/components": "7.1.0-alpha.5",
+    "@storybook/core-events": "7.1.0-alpha.5",
     "@storybook/global": "^5.0.0",
-    "@storybook/manager-api": "7.1.0-alpha.3",
-    "@storybook/preview-api": "7.1.0-alpha.3",
-    "@storybook/theming": "7.1.0-alpha.3",
-    "@storybook/types": "7.1.0-alpha.3",
+    "@storybook/manager-api": "7.1.0-alpha.5",
+    "@storybook/preview-api": "7.1.0-alpha.5",
+    "@storybook/theming": "7.1.0-alpha.5",
+    "@storybook/types": "7.1.0-alpha.5",
     "dequal": "^2.0.2",
     "lodash": "^4.17.21",
     "polished": "^4.2.2",
@@ -124,7 +124,7 @@
       "./src/preview.ts"
     ]
   },
-  "gitHead": "d0acd16fdf394463add948bac3f226b93f92c235",
+  "gitHead": "8e835df7a5e177b96e4e55c2fc8d4a3ac4d47ec1",
   "storybook": {
     "displayName": "Actions",
     "unsupportedFrameworks": [

diff --git a/code/addons/backgrounds/package.json b/code/addons/backgrounds/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/addon-backgrounds",
-  "version": "7.1.0-alpha.3",
+  "version": "7.1.0-alpha.5",
   "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.1.0-alpha.3",
-    "@storybook/components": "7.1.0-alpha.3",
-    "@storybook/core-events": "7.1.0-alpha.3",
+    "@storybook/client-logger": "7.1.0-alpha.5",
+    "@storybook/components": "7.1.0-alpha.5",
+    "@storybook/core-events": "7.1.0-alpha.5",
     "@storybook/global": "^5.0.0",
-    "@storybook/manager-api": "7.1.0-alpha.3",
-    "@storybook/preview-api": "7.1.0-alpha.3",
-    "@storybook/theming": "7.1.0-alpha.3",
-    "@storybook/types": "7.1.0-alpha.3",
+    "@storybook/manager-api": "7.1.0-alpha.5",
+    "@storybook/preview-api": "7.1.0-alpha.5",
+    "@storybook/theming": "7.1.0-alpha.5",
+    "@storybook/types": "7.1.0-alpha.5",
     "memoizerific": "^1.11.3",
     "ts-dedent": "^2.0.0"
   },
@@ -112,7 +112,7 @@
       "./src/preview.tsx"
     ]
   },
-  "gitHead": "d0acd16fdf394463add948bac3f226b93f92c235",
+  "gitHead": "8e835df7a5e177b96e4e55c2fc8d4a3ac4d47ec1",
   "storybook": {
     "displayName": "Backgrounds",
     "icon": "https://user-images.githubusercontent.com/263385/101991667-479cc600-3c7c-11eb-96d3-410e936252e7.png",

diff --git a/code/addons/controls/package.json b/code/addons/controls/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/addon-controls",
-  "version": "7.1.0-alpha.3",
+  "version": "7.1.0-alpha.5",
   "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.1.0-alpha.3",
-    "@storybook/client-logger": "7.1.0-alpha.3",
-    "@storybook/components": "7.1.0-alpha.3",
-    "@storybook/core-common": "7.1.0-alpha.3",
-    "@storybook/manager-api": "7.1.0-alpha.3",
-    "@storybook/node-logger": "7.1.0-alpha.3",
-    "@storybook/preview-api": "7.1.0-alpha.3",
-    "@storybook/theming": "7.1.0-alpha.3",
-    "@storybook/types": "7.1.0-alpha.3",
+    "@storybook/blocks": "7.1.0-alpha.5",
+    "@storybook/client-logger": "7.1.0-alpha.5",
+    "@storybook/components": "7.1.0-alpha.5",
+    "@storybook/core-common": "7.1.0-alpha.5",
+    "@storybook/manager-api": "7.1.0-alpha.5",
+    "@storybook/node-logger": "7.1.0-alpha.5",
+    "@storybook/preview-api": "7.1.0-alpha.5",
+    "@storybook/theming": "7.1.0-alpha.5",
+    "@storybook/types": "7.1.0-alpha.5",
     "lodash": "^4.17.21",
     "ts-dedent": "^2.0.0"
   },
@@ -102,7 +102,7 @@
     ],
     "platform": "browser"
   },
-  "gitHead": "d0acd16fdf394463add948bac3f226b93f92c235",
+  "gitHead": "8e835df7a5e177b96e4e55c2fc8d4a3ac4d47ec1",
   "storybook": {
     "displayName": "Controls",
     "icon": "https://user-images.githubusercontent.com/263385/101991669-479cc600-3c7c-11eb-93d9-38b67e8371f2.png",