Merge branch 'next' into tech/bundling-components

storybookjs · Feb 4, 2022 · 8dcd346 · 8dcd346
2 parents 19c5ecc + 3abcb26
commit 8dcd346
Show file tree

Hide file tree

Showing 133 changed files with 1,944 additions and 1,477 deletions.
diff --git a/ADDONS_SUPPORT.md b/ADDONS_SUPPORT.md
diff --git a/CHANGELOG.md b/CHANGELOG.md
@@ -1,3 +1,20 @@
+## 6.5.0-alpha.35 (February 4, 2022)
+
+### Features
+
+- CLI/React: Add interactions to cli template ([#17345](https://github.com/storybookjs/storybook/pull/17345))
+- CSF3: Handle auto-title redundant filename ([#17421](https://github.com/storybookjs/storybook/pull/17421))
+
+### Bug Fixes
+
+- Addon-docs: Fix typo in ArgsTable tooltip ([#17404](https://github.com/storybookjs/storybook/pull/17404))
+- Core: Apply Docs mode to composed storybooks ([#17292](https://github.com/storybookjs/storybook/pull/17292))
+
+### Maintenance
+
+- Core: Move CSF-related logic to its own folder ([#17381](https://github.com/storybookjs/storybook/pull/17381))
+- Improve style handling in angular example in monorepo ([#17343](https://github.com/storybookjs/storybook/pull/17343))
+
 ## 6.4.18 (February 2, 2022)
 
 ### Bug Fixes
@@ -8,11 +25,11 @@
 
 ### Features
 
-* Core: Mock channel if not present ([#17382](https://github.com/storybookjs/storybook/pull/17382))
+- Core: Mock channel if not present ([#17382](https://github.com/storybookjs/storybook/pull/17382))
 
 ### Bug Fixes
 
-* CLI: Pin version of `@mdx-js/react` to 1.x.x until we are compatible ([#17395](https://github.com/storybookjs/storybook/pull/17395))
+- CLI: Pin version of `@mdx-js/react` to 1.x.x until we are compatible ([#17395](https://github.com/storybookjs/storybook/pull/17395))
 
 ## 6.5.0-alpha.33 (February 1, 2022)
 

diff --git a/MIGRATION.md b/MIGRATION.md
@@ -1,5 +1,7 @@
 <h1>Migration</h1>
 
+- [From version 6.4.x to 6.5.0](#from-version-64x-to-650)
+  - [CSF3 auto-title redundant filename](#csf3-auto-title-redundant-filename)
 - [From version 6.3.x to 6.4.0](#from-version-63x-to-640)
   - [Automigrate](#automigrate)
   - [CRA5 upgrade](#cra5-upgrade)
@@ -188,6 +190,23 @@
   - [Packages renaming](#packages-renaming)
   - [Deprecated embedded addons](#deprecated-embedded-addons)
 
+## From version 6.4.x to 6.5.0
+
+### CSF3 auto-title redundant filename
+
+SB 6.4 introduced experimental "auto-title", in which a story's location in the sidebar (aka `title`) can be automatically inferred from its location on disk. For example, the file `atoms/Button.stories.js` might result in the title `Atoms/Button`.
+
+The heuristic failed in the common scenario in which each component gets its own directory, e.g. `atoms/Button/Button.stories.js`, which would result in the redundant title `Atoms/Button/Button`. Alternatively, `atoms/Button/index.stories.js` would result in `Atoms/Button/Index`.
+
+To address this problem, 6.5 introduces a new heuristic to removes the filename if it matches the directory name (case insensitive) or `index`. So `atoms/Button/Button.stories.js` and `atoms/Button/index.stories.js` would both result in the title `Atoms/Button`.
+
+Since CSF3 is experimental, we are introducing this technically breaking change in a minor release. If you desire the old structure, you can manually specify the title in file. For example:
+
+```js
+// atoms/Button/Button.stories.js
+export default { title: 'Atoms/Button/Button' };
+```
+
 ## From version 6.3.x to 6.4.0
 
 ### Automigrate

diff --git a/addons/a11y/README.md b/addons/a11y/README.md
@@ -2,7 +2,7 @@
 
 This Storybook addon can be helpful to make your UI components more accessible.
 
-[Framework Support](https://github.com/storybookjs/storybook/blob/main/ADDONS_SUPPORT.md)
+[Framework Support](https://storybook.js.org/docs/react/api/frameworks-feature-support)
 
 ![Screenshot](https://raw.githubusercontent.com/storybookjs/storybook/next/addons/a11y/docs/screenshot.png)
 

diff --git a/addons/a11y/package.json b/addons/a11y/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/addon-a11y",
-  "version": "6.5.0-alpha.34",
+  "version": "6.5.0-alpha.35",
   "description": "Test component compliance with web accessibility standards",
   "keywords": [
     "a11y",
@@ -45,14 +45,14 @@
     "prepare": "node ../../scripts/prepare.js"
   },
   "dependencies": {
-    "@storybook/addons": "6.5.0-alpha.34",
-    "@storybook/api": "6.5.0-alpha.34",
-    "@storybook/channels": "6.5.0-alpha.34",
-    "@storybook/client-logger": "6.5.0-alpha.34",
-    "@storybook/components": "6.5.0-alpha.34",
-    "@storybook/core-events": "6.5.0-alpha.34",
+    "@storybook/addons": "6.5.0-alpha.35",
+    "@storybook/api": "6.5.0-alpha.35",
+    "@storybook/channels": "6.5.0-alpha.35",
+    "@storybook/client-logger": "6.5.0-alpha.35",
+    "@storybook/components": "6.5.0-alpha.35",
+    "@storybook/core-events": "6.5.0-alpha.35",
     "@storybook/csf": "0.0.2--canary.87bc651.0",
-    "@storybook/theming": "6.5.0-alpha.34",
+    "@storybook/theming": "6.5.0-alpha.35",
     "axe-core": "^4.2.0",
     "core-js": "^3.8.2",
     "global": "^4.4.0",
@@ -81,7 +81,7 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "5eafd588972634b4d76ca2ebf01bd5ca2aaa0119",
+  "gitHead": "7a483e312a7355fc0408a578bfc16d4e476b0938",
   "sbmodern": "dist/modern/index.js",
   "storybook": {
     "displayName": "Accessibility",

diff --git a/addons/actions/package.json b/addons/actions/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/addon-actions",
-  "version": "6.5.0-alpha.34",
+  "version": "6.5.0-alpha.35",
   "description": "Get UI feedback when an action is performed on an interactive element",
   "keywords": [
     "storybook",
@@ -41,12 +41,12 @@
     "prepare": "node ../../scripts/prepare.js"
   },
   "dependencies": {
-    "@storybook/addons": "6.5.0-alpha.34",
-    "@storybook/api": "6.5.0-alpha.34",
-    "@storybook/components": "6.5.0-alpha.34",
-    "@storybook/core-events": "6.5.0-alpha.34",
+    "@storybook/addons": "6.5.0-alpha.35",
+    "@storybook/api": "6.5.0-alpha.35",
+    "@storybook/components": "6.5.0-alpha.35",
+    "@storybook/core-events": "6.5.0-alpha.35",
     "@storybook/csf": "0.0.2--canary.87bc651.0",
-    "@storybook/theming": "6.5.0-alpha.34",
+    "@storybook/theming": "6.5.0-alpha.35",
     "core-js": "^3.8.2",
     "fast-deep-equal": "^3.1.3",
     "global": "^4.4.0",
@@ -79,7 +79,7 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "5eafd588972634b4d76ca2ebf01bd5ca2aaa0119",
+  "gitHead": "7a483e312a7355fc0408a578bfc16d4e476b0938",
   "sbmodern": "dist/modern/index.js",
   "storybook": {
     "displayName": "Actions",

diff --git a/addons/backgrounds/package.json b/addons/backgrounds/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/addon-backgrounds",
-  "version": "6.5.0-alpha.34",
+  "version": "6.5.0-alpha.35",
   "description": "Switch backgrounds to view components in different settings",
   "keywords": [
     "addon",
@@ -45,13 +45,13 @@
     "prepare": "node ../../scripts/prepare.js"
   },
   "dependencies": {
-    "@storybook/addons": "6.5.0-alpha.34",
-    "@storybook/api": "6.5.0-alpha.34",
-    "@storybook/client-logger": "6.5.0-alpha.34",
-    "@storybook/components": "6.5.0-alpha.34",
-    "@storybook/core-events": "6.5.0-alpha.34",
+    "@storybook/addons": "6.5.0-alpha.35",
+    "@storybook/api": "6.5.0-alpha.35",
+    "@storybook/client-logger": "6.5.0-alpha.35",
+    "@storybook/components": "6.5.0-alpha.35",
+    "@storybook/core-events": "6.5.0-alpha.35",
     "@storybook/csf": "0.0.2--canary.87bc651.0",
-    "@storybook/theming": "6.5.0-alpha.34",
+    "@storybook/theming": "6.5.0-alpha.35",
     "core-js": "^3.8.2",
     "global": "^4.4.0",
     "memoizerific": "^1.11.3",
@@ -77,7 +77,7 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "5eafd588972634b4d76ca2ebf01bd5ca2aaa0119",
+  "gitHead": "7a483e312a7355fc0408a578bfc16d4e476b0938",
   "sbmodern": "dist/modern/index.js",
   "storybook": {
     "displayName": "Backgrounds",

diff --git a/addons/controls/package.json b/addons/controls/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/addon-controls",
-  "version": "6.5.0-alpha.34",
+  "version": "6.5.0-alpha.35",
   "description": "Interact with component inputs dynamically in the Storybook UI",
   "keywords": [
     "addon",
@@ -45,15 +45,15 @@
     "prepare": "node ../../scripts/prepare.js"
   },
   "dependencies": {
-    "@storybook/addons": "6.5.0-alpha.34",
-    "@storybook/api": "6.5.0-alpha.34",
-    "@storybook/client-logger": "6.5.0-alpha.34",
-    "@storybook/components": "6.5.0-alpha.34",
-    "@storybook/core-common": "6.5.0-alpha.34",
+    "@storybook/addons": "6.5.0-alpha.35",
+    "@storybook/api": "6.5.0-alpha.35",
+    "@storybook/client-logger": "6.5.0-alpha.35",
+    "@storybook/components": "6.5.0-alpha.35",
+    "@storybook/core-common": "6.5.0-alpha.35",
     "@storybook/csf": "0.0.2--canary.87bc651.0",
-    "@storybook/node-logger": "6.5.0-alpha.34",
-    "@storybook/store": "6.5.0-alpha.34",
-    "@storybook/theming": "6.5.0-alpha.34",
+    "@storybook/node-logger": "6.5.0-alpha.35",
+    "@storybook/store": "6.5.0-alpha.35",
+    "@storybook/theming": "6.5.0-alpha.35",
     "core-js": "^3.8.2",
     "lodash": "^4.17.21",
     "ts-dedent": "^2.0.0"
@@ -73,7 +73,7 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "5eafd588972634b4d76ca2ebf01bd5ca2aaa0119",
+  "gitHead": "7a483e312a7355fc0408a578bfc16d4e476b0938",
   "sbmodern": "dist/modern/register.js",
   "storybook": {
     "displayName": "Controls",

diff --git a/addons/docs/README.md b/addons/docs/README.md
@@ -77,19 +77,10 @@ For more information on `MDX`, see the [`MDX` reference](https://github.com/stor
 
 ## Framework support
 
-Storybook Docs supports all view layers that Storybook supports except for React Native (currently). There are some framework-specific features as well, such as props tables and inline story rendering. This chart captures the current state of support:
-
-|                   | React | Vue | Angular | Ember | Web Components | Marko | HTML | Svelte | Preact | Riot | Mithril | Marko |
-| ----------------- | :---: | :-: | :-----: | :---: | :------------: | :---: | :--: | :----: | :----: | :--: | :-----: | :---: |
-| MDX stories       |   +   |  +  |    +    |   +   |       +        |  WIP  |  +   |   +    |   +    |  +   |    +    |   +   |
-| CSF stories       |   +   |  +  |    +    |   +   |       +        |  WIP  |  +   |   +    |   +    |  +   |    +    |   +   |
-| StoriesOf stories |   +   |  +  |    +    |   +   |       +        |  WIP  |  +   |   +    |   +    |  +   |    +    |   +   |
-| Source            |   +   |  +  |    +    |   +   |       +        |  WIP  |  +   |   +    |   +    |  +   |    +    |   +   |
-| Notes / Info      |   +   |  +  |    +    |   +   |       +        |  WIP  |  +   |   +    |   +    |  +   |    +    |   +   |
-| Props table       |   +   |  +  |    +    |   +   |       +        |  WIP  |      |        |        |      |         |       |
-| Props controls    |   +   |  +  |    +    |       |                |  WIP  |      |        |        |      |         |       |
-| Description       |   +   |  +  |    +    |   +   |       +        |  WIP  |      |        |        |      |         |       |
-| Inline stories    |   +   |  +  |    +    |       |       +        |  WIP  |  +   |        |        |      |         |       |
+Storybook Docs supports all view layers that Storybook supports except for React Native (currently). There are some framework-specific features as well, such as props tables and inline story rendering. The following page captures the current state of support:
+
+[Framework Support](https://storybook.js.org/docs/react/api/frameworks-feature-support)
+
 
 **Note:** `#` = WIP support