Merge remote-tracking branch 'origin/next' into tech/nx-tooling-2

CHANGELOG.md

@@ -1,3 +1,27 @@
+## 6.2.9 (April 23, 2021)
+
+### Bug Fixes
+
+- Angular: set the @ViewChild with a non-empty value in StorybookWrapperComponent ([#14586](https://github.com/storybookjs/storybook/pull/14586))
+- Addon-docs: Fix ArgsTable sorting when using of={Component} ([#14669](https://github.com/storybookjs/storybook/pull/14669))
+- Server: Fix string escaping in CSF compiler ([#14615](https://github.com/storybookjs/storybook/pull/14615))
+
+### Maintenance
+
+- Examples: Move from placehold.it to place-hold.it for mock images ([#14637](https://github.com/storybookjs/storybook/pull/14637))
+
+## 6.3.0-alpha.14 (April 23, 2021)
+
+### Bug Fixes
+
+- Core: Fix URL handling in Firefox ([#14556](https://github.com/storybookjs/storybook/pull/14556))
+- Build: Create webpack stats target directory if needed and accept boolean flag ([#14690](https://github.com/storybookjs/storybook/pull/14690))
+
+### Maintenance
+
+- Docs: Remove `babel-loader` and `@babel/core` peer deps ([#14689](https://github.com/storybookjs/storybook/pull/14689))
+- Use Storybook's built-in accessibility icon for VisionDeficiency tab. ([#14681](https://github.com/storybookjs/storybook/pull/14681))
+
 ## 6.3.0-alpha.13 (April 21, 2021)
 
 ### Bug Fixes
@@ -71,6 +95,13 @@
 
 - Remove unused inquirer dependency ([#14590](https://github.com/storybookjs/storybook/pull/14590))
 
+## 6.2.8 (April 14, 2021)
+
+### Bug Fixes
+
+- CLI: Properly detect vuetify3 ([#14552](https://github.com/storybookjs/storybook/pull/14552))
+- Core: Fix build config inconsistency ([#14566](https://github.com/storybookjs/storybook/pull/14566))
+
 ## 6.3.0-alpha.7 (April 14, 2021)
 
 ### Features

addons/a11y/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@storybook/addon-a11y",
-  "version": "6.3.0-alpha.13",
+  "version": "6.3.0-alpha.14",
   "description": "Test component compliance with web accessibility standards",
   "keywords": [
     "a11y",
@@ -45,14 +45,14 @@
     "prepare": "node ../../scripts/prepare.js"
   },
   "dependencies": {
-    "@storybook/addons": "6.3.0-alpha.13",
-    "@storybook/api": "6.3.0-alpha.13",
-    "@storybook/channels": "6.3.0-alpha.13",
-    "@storybook/client-api": "6.3.0-alpha.13",
-    "@storybook/client-logger": "6.3.0-alpha.13",
-    "@storybook/components": "6.3.0-alpha.13",
-    "@storybook/core-events": "6.3.0-alpha.13",
-    "@storybook/theming": "6.3.0-alpha.13",
+    "@storybook/addons": "6.3.0-alpha.14",
+    "@storybook/api": "6.3.0-alpha.14",
+    "@storybook/channels": "6.3.0-alpha.14",
+    "@storybook/client-api": "6.3.0-alpha.14",
+    "@storybook/client-logger": "6.3.0-alpha.14",
+    "@storybook/components": "6.3.0-alpha.14",
+    "@storybook/core-events": "6.3.0-alpha.14",
+    "@storybook/theming": "6.3.0-alpha.14",
     "axe-core": "^4.1.1",
     "core-js": "^3.8.2",
     "global": "^4.4.0",
@@ -81,7 +81,7 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "35287402b58e8c9ec660d28e9fe812f6b1204254",
+  "gitHead": "eb1e3a913f3c5329539a7a908e7cb955ffaa8100",
   "storybook": {
     "displayName": "Accessibility",
     "icon": "https://user-images.githubusercontent.com/263385/101991665-47042f80-3c7c-11eb-8f00-64b5a18f498a.png",

addons/a11y/src/components/VisionDeficiency.tsx

@@ -119,7 +119,7 @@ export const VisionDeficiency: FunctionComponent = () => {
         onDoubleClick={() => setFilter(null)}
       >
         <IconButton key="filter" active={!!filter} title="Vision Deficiency Emulation">
-          <Icons icon="mirror" />
+          <Icons icon="accessibility" />
         </IconButton>
       </WithTooltip>
       <Hidden>

addons/actions/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@storybook/addon-actions",
-  "version": "6.3.0-alpha.13",
+  "version": "6.3.0-alpha.14",
   "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.3.0-alpha.13",
-    "@storybook/api": "6.3.0-alpha.13",
-    "@storybook/client-api": "6.3.0-alpha.13",
-    "@storybook/components": "6.3.0-alpha.13",
-    "@storybook/core-events": "6.3.0-alpha.13",
-    "@storybook/theming": "6.3.0-alpha.13",
+    "@storybook/addons": "6.3.0-alpha.14",
+    "@storybook/api": "6.3.0-alpha.14",
+    "@storybook/client-api": "6.3.0-alpha.14",
+    "@storybook/components": "6.3.0-alpha.14",
+    "@storybook/core-events": "6.3.0-alpha.14",
+    "@storybook/theming": "6.3.0-alpha.14",
     "core-js": "^3.8.2",
     "fast-deep-equal": "^3.1.3",
     "global": "^4.4.0",
@@ -78,7 +78,7 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "35287402b58e8c9ec660d28e9fe812f6b1204254",
+  "gitHead": "eb1e3a913f3c5329539a7a908e7cb955ffaa8100",
   "storybook": {
     "displayName": "Actions",
     "unsupportedFrameworks": [

addons/backgrounds/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@storybook/addon-backgrounds",
-  "version": "6.3.0-alpha.13",
+  "version": "6.3.0-alpha.14",
   "description": "Switch backgrounds to view components in different settings",
   "keywords": [
     "addon",
@@ -45,12 +45,12 @@
     "prepare": "node ../../scripts/prepare.js"
   },
   "dependencies": {
-    "@storybook/addons": "6.3.0-alpha.13",
-    "@storybook/api": "6.3.0-alpha.13",
-    "@storybook/client-logger": "6.3.0-alpha.13",
-    "@storybook/components": "6.3.0-alpha.13",
-    "@storybook/core-events": "6.3.0-alpha.13",
-    "@storybook/theming": "6.3.0-alpha.13",
+    "@storybook/addons": "6.3.0-alpha.14",
+    "@storybook/api": "6.3.0-alpha.14",
+    "@storybook/client-logger": "6.3.0-alpha.14",
+    "@storybook/components": "6.3.0-alpha.14",
+    "@storybook/core-events": "6.3.0-alpha.14",
+    "@storybook/theming": "6.3.0-alpha.14",
     "core-js": "^3.8.2",
     "global": "^4.4.0",
     "memoizerific": "^1.11.3",
@@ -76,7 +76,7 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "35287402b58e8c9ec660d28e9fe812f6b1204254",
+  "gitHead": "eb1e3a913f3c5329539a7a908e7cb955ffaa8100",
   "storybook": {
     "displayName": "Backgrounds",
     "icon": "https://user-images.githubusercontent.com/263385/101991667-479cc600-3c7c-11eb-96d3-410e936252e7.png",

addons/controls/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@storybook/addon-controls",
-  "version": "6.3.0-alpha.13",
+  "version": "6.3.0-alpha.14",
   "description": "Interact with component inputs dynamically in the Storybook UI",
   "keywords": [
     "addon",
@@ -45,12 +45,12 @@
     "prepare": "node ../../scripts/prepare.js"
   },
   "dependencies": {
-    "@storybook/addons": "6.3.0-alpha.13",
-    "@storybook/api": "6.3.0-alpha.13",
-    "@storybook/client-api": "6.3.0-alpha.13",
-    "@storybook/components": "6.3.0-alpha.13",
-    "@storybook/node-logger": "6.3.0-alpha.13",
-    "@storybook/theming": "6.3.0-alpha.13",
+    "@storybook/addons": "6.3.0-alpha.14",
+    "@storybook/api": "6.3.0-alpha.14",
+    "@storybook/client-api": "6.3.0-alpha.14",
+    "@storybook/components": "6.3.0-alpha.14",
+    "@storybook/node-logger": "6.3.0-alpha.14",
+    "@storybook/theming": "6.3.0-alpha.14",
     "core-js": "^3.8.2",
     "ts-dedent": "^2.0.0"
   },
@@ -69,7 +69,7 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "35287402b58e8c9ec660d28e9fe812f6b1204254",
+  "gitHead": "eb1e3a913f3c5329539a7a908e7cb955ffaa8100",
   "storybook": {
     "displayName": "Controls",
     "icon": "https://user-images.githubusercontent.com/263385/101991669-479cc600-3c7c-11eb-93d9-38b67e8371f2.png",

addons/cssresources/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@storybook/addon-cssresources",
-  "version": "6.3.0-alpha.13",
+  "version": "6.3.0-alpha.14",
   "description": "A storybook addon to switch between css resources at runtime for your story",
   "keywords": [
     "addon",
@@ -44,11 +44,11 @@
     "prepare": "node ../../scripts/prepare.js"
   },
   "dependencies": {
-    "@storybook/addons": "6.3.0-alpha.13",
-    "@storybook/api": "6.3.0-alpha.13",
-    "@storybook/components": "6.3.0-alpha.13",
-    "@storybook/core-events": "6.3.0-alpha.13",
-    "@storybook/theming": "6.3.0-alpha.13",
+    "@storybook/addons": "6.3.0-alpha.14",
+    "@storybook/api": "6.3.0-alpha.14",
+    "@storybook/components": "6.3.0-alpha.14",
+    "@storybook/core-events": "6.3.0-alpha.14",
+    "@storybook/theming": "6.3.0-alpha.14",
     "core-js": "^3.8.2",
     "global": "^4.4.0",
     "regenerator-runtime": "^0.13.7"
@@ -71,7 +71,7 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "35287402b58e8c9ec660d28e9fe812f6b1204254",
+  "gitHead": "eb1e3a913f3c5329539a7a908e7cb955ffaa8100",
   "storybook": {
     "displayName": "CSS Resources",
     "unsupportedFrameworks": [

addons/design-assets/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@storybook/addon-design-assets",
-  "version": "6.3.0-alpha.13",
+  "version": "6.3.0-alpha.14",
   "description": "Design asset preview for storybook",
   "keywords": [
     "addon",
@@ -45,12 +45,12 @@
     "prepare": "node ../../scripts/prepare.js"
   },
   "dependencies": {
-    "@storybook/addons": "6.3.0-alpha.13",
-    "@storybook/api": "6.3.0-alpha.13",
-    "@storybook/client-logger": "6.3.0-alpha.13",
-    "@storybook/components": "6.3.0-alpha.13",
-    "@storybook/core-events": "6.3.0-alpha.13",
-    "@storybook/theming": "6.3.0-alpha.13",
+    "@storybook/addons": "6.3.0-alpha.14",
+    "@storybook/api": "6.3.0-alpha.14",
+    "@storybook/client-logger": "6.3.0-alpha.14",
+    "@storybook/components": "6.3.0-alpha.14",
+    "@storybook/core-events": "6.3.0-alpha.14",
+    "@storybook/theming": "6.3.0-alpha.14",
     "core-js": "^3.8.2",
     "global": "^4.4.0",
     "regenerator-runtime": "^0.13.7",
@@ -72,7 +72,7 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "35287402b58e8c9ec660d28e9fe812f6b1204254",
+  "gitHead": "eb1e3a913f3c5329539a7a908e7cb955ffaa8100",
   "storybook": {
     "displayName": "Design assets",
     "unsupportedFrameworks": [

addons/docs/README.md

@@ -103,10 +103,10 @@ First add the package. Make sure that the versions for your `@storybook/*` packa
 yarn add -D @storybook/addon-docs
 ```
 
-Docs has peer dependencies on `react` and `babel-loader`. If you want to write stories in MDX, you may need to add these dependencies as well:
+Docs has peer dependencies on `react`. If you want to write stories in MDX, you may need to add this dependency as well:
 
 ```sh
-yarn add -D react babel-loader
+yarn add -D react
 ```
 
 Then add the following to your `.storybook/main.js`:
@@ -183,7 +183,8 @@ module.exports = {
       test: /\.(stories|story)\.mdx$/,
       use: [
         {
-          loader: 'babel-loader',
+          // Need to add babel-loader as dependency: `yarn add -D babel-loader`
+          loader: require.resolve('babel-loader'),
           // may or may not need this line depending on your app's setup
           options: {
             plugins: ['@babel/plugin-transform-react-jsx'],

addons/docs/angular/README.md

@@ -96,10 +96,10 @@ storiesOf('App Component', module)
 
 [MDX](../docs/mdx.md) is a convenient way to document your components in Markdown and embed documentation components, such as stories and props tables, inline.
 
-Docs has peer dependencies on `react` and `babel-loader`. If you want to write stories in MDX, you'll need to add these dependencies as well:
+Docs has peer dependencies on `react`. If you want to write stories in MDX, you may need to add this dependency as well:
 
 ```sh
-yarn add -D react babel-loader
+yarn add -D react
 ```
 
 Then update your `.storybook/main.js` to make sure you load MDX files:

addons/docs/common/README.md

@@ -34,10 +34,10 @@ When you [install docs](#installation) you should get basic [DocsPage](../docs/d
 
 [MDX](../docs/mdx.md) is a convenient way to document your components in Markdown and embed documentation components, such as stories and props tables, inline.
 
-Docs has peer dependencies on `react` and `babel-loader`. If you want to write stories in MDX, you'll need to add these dependencies as well:
+Docs has peer dependencies on `react`. If you want to write stories in MDX, you may need to add this dependency as well:
 
 ```sh
-yarn add -D react babel-loader
+yarn add -D react
 ```
 
 Then update your `.storybook/main.js` to make sure you load MDX files:

addons/docs/ember/README.md

@@ -78,10 +78,10 @@ storiesOf('App Component', module)
 
 [MDX](../docs/mdx.md) is a convenient way to document your components in Markdown and embed documentation components, such as stories and props tables, inline.
 
-Docs has peer dependencies on `react` and `babel-loader`. If you want to write stories in MDX, you'll need to add these dependencies as well:
+Docs has peer dependencies on `react`. If you want to write stories in MDX, you may need to add this dependency as well:
 
 ```sh
-yarn add -D react babel-loader
+yarn add -D react
 ```
 
 Then update your `.storybook/main.js` to make sure you load MDX files: