@storybook/addon-docs 6.4.0-beta.4 → 6.4.0-beta.8

package/dist/cjs/blocks/Canvas.js

@@ -6,8 +6,6 @@ require("core-js/modules/es.symbol.js");
 
 require("core-js/modules/es.weak-map.js");
 
-require("core-js/modules/es.object.to-string.js");
-
 require("core-js/modules/es.string.iterator.js");
 
 require("core-js/modules/es.array.iterator.js");
@@ -39,6 +37,10 @@ require("core-js/modules/es.function.name.js");
 
 require("core-js/modules/es.array.map.js");
 
+require("core-js/modules/es.object.to-string.js");
+
+require("core-js/modules/es.regexp.to-string.js");
+
 require("core-js/modules/es.object.keys.js");
 
 var _react = _interopRequireWildcard(require("react"));
@@ -61,6 +63,8 @@ function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return
 
 function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 
+function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
 function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
 
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
@@ -128,9 +132,11 @@ var Canvas = function Canvas(props) {
       previewProps = _getPreviewProps.previewProps;
 
   var children = props.children;
-  return isLoading ? null : /*#__PURE__*/_react.default.createElement(_react2.MDXProvider, {
+  return /*#__PURE__*/_react.default.createElement(_react2.MDXProvider, {
     components: _components.resetComponents
-  }, /*#__PURE__*/_react.default.createElement(_components.Preview, previewProps, children));
+  }, /*#__PURE__*/_react.default.createElement(_components.Preview, _extends({
+    key: isLoading.toString()
+  }, previewProps), children));
 };
 
 exports.Canvas = Canvas;

package/dist/cjs/blocks/Story.js

@@ -116,7 +116,7 @@ var getStoryProps = function getStoryProps(_ref4, story, context) {
   }, storyIsInline && {
     parameters: parameters,
     storyFn: function storyFn() {
-      return prepareForInline(boundStoryFn, story);
+      return prepareForInline(boundStoryFn, context.getStoryContext(story));
     }
   });
 };

package/dist/cjs/frameworks/vue/extractArgTypes.js

@@ -1,25 +1,103 @@
 "use strict";
 
+require("core-js/modules/es.symbol.iterator.js");
+
+require("core-js/modules/es.string.iterator.js");
+
+require("core-js/modules/es.array.slice.js");
+
+require("core-js/modules/es.array.from.js");
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.extractArgTypes = void 0;
 
-require("core-js/modules/web.dom-collections.for-each.js");
+require("core-js/modules/es.object.to-string.js");
+
+require("core-js/modules/es.array.iterator.js");
+
+require("core-js/modules/web.dom-collections.iterator.js");
 
 require("core-js/modules/es.function.name.js");
 
-require("core-js/modules/es.symbol.js");
+require("core-js/modules/es.array.join.js");
 
-require("core-js/modules/es.symbol.description.js");
+require("core-js/modules/es.array.concat.js");
 
 require("core-js/modules/es.object.assign.js");
 
+require("core-js/modules/web.dom-collections.for-each.js");
+
+require("core-js/modules/es.symbol.js");
+
+require("core-js/modules/es.symbol.description.js");
+
 var _docgen = require("../../lib/docgen");
 
 var _convert = require("../../lib/convert");
 
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
+
+function _iterableToArrayLimit(arr, i) { if (typeof Symbol === "undefined" || !(Symbol.iterator in Object(arr))) return; var _arr = []; var _n = true; var _d = false; var _e = undefined; try { for (var _i = arr[Symbol.iterator](), _s; !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
+
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+
 var SECTIONS = ['props', 'events', 'slots'];
+/**
+ * Check if "@values" tag is defined within docgenInfo.
+ * If true, then propDef is mutated.
+ */
+
+function isEnum(propDef, docgenInfo) {
+  // cast as any, since "values" doesn't exist in DocgenInfo type
+  var _ref = docgenInfo,
+      type = _ref.type,
+      values = _ref.values;
+  var matched = Array.isArray(values) && values.length && type.name !== 'enum';
+  if (!matched) return false;
+  var enumString = values.join(', ');
+  var summary = propDef.type.summary;
+  summary = summary ? "".concat(summary, ": ").concat(enumString) : enumString;
+  Object.assign(propDef.type, Object.assign({}, propDef.type, {
+    name: 'enum',
+    value: values,
+    summary: summary
+  }));
+  return propDef;
+}
+/**
+ * @returns {Array} result
+ * @returns {PropDef} result.def - propDef
+ * @returns {boolean} result.isChanged - flag whether propDef is mutated or not.
+ *  this is needed to prevent sbType from performing convert(docgenInfo).
+ */
+
+
+function verifyPropDef(propDef, docgenInfo) {
+  var def = propDef;
+  var isChanged = false; // another callback can be added here.
+  // callback is mutually exclusive from each other.
+
+  var callbacks = [isEnum];
+
+  for (var i = 0, len = callbacks.length; i < len; i += 1) {
+    var matched = callbacks[i](propDef, docgenInfo);
+
+    if (matched) {
+      def = matched;
+      isChanged = true;
+    }
+  }
+
+  return [def, isChanged];
+}
 
 var extractArgTypes = function extractArgTypes(component) {
   if (!(0, _docgen.hasDocgen)(component)) {
@@ -29,18 +107,31 @@ var extractArgTypes = function extractArgTypes(component) {
   var results = {};
   SECTIONS.forEach(function (section) {
     var props = (0, _docgen.extractComponentProps)(component, section);
-    props.forEach(function (_ref) {
-      var propDef = _ref.propDef,
-          docgenInfo = _ref.docgenInfo,
-          jsDocTags = _ref.jsDocTags;
-      var name = propDef.name,
-          type = propDef.type,
-          description = propDef.description,
-          defaultSummary = propDef.defaultValue,
-          required = propDef.required;
-      var sbType = section === 'props' ? (0, _convert.convert)(docgenInfo) : {
-        name: 'void'
-      };
+    props.forEach(function (_ref2) {
+      var propDef = _ref2.propDef,
+          docgenInfo = _ref2.docgenInfo,
+          jsDocTags = _ref2.jsDocTags;
+
+      var _verifyPropDef = verifyPropDef(propDef, docgenInfo),
+          _verifyPropDef2 = _slicedToArray(_verifyPropDef, 2),
+          result = _verifyPropDef2[0],
+          isPropDefChanged = _verifyPropDef2[1];
+
+      var name = result.name,
+          type = result.type,
+          description = result.description,
+          defaultSummary = result.defaultValue,
+          required = result.required;
+      var sbType;
+
+      if (isPropDefChanged) {
+        sbType = type;
+      } else {
+        sbType = section === 'props' ? (0, _convert.convert)(docgenInfo) : {
+          name: 'void'
+        };
+      }
+
       results[name] = {
         name: name,
         description: description,

package/dist/esm/blocks/Canvas.js

@@ -1,7 +1,11 @@
+function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
 import "core-js/modules/es.object.assign.js";
 import "core-js/modules/es.array.filter.js";
 import "core-js/modules/es.function.name.js";
 import "core-js/modules/es.array.map.js";
+import "core-js/modules/es.object.to-string.js";
+import "core-js/modules/es.regexp.to-string.js";
 import "core-js/modules/es.object.keys.js";
 import "core-js/modules/es.symbol.js";
 
@@ -82,7 +86,9 @@ export var Canvas = function Canvas(props) {
       previewProps = _getPreviewProps.previewProps;
 
   var children = props.children;
-  return isLoading ? null : /*#__PURE__*/React.createElement(MDXProvider, {
+  return /*#__PURE__*/React.createElement(MDXProvider, {
     components: resetComponents
-  }, /*#__PURE__*/React.createElement(PurePreview, previewProps, children));
+  }, /*#__PURE__*/React.createElement(PurePreview, _extends({
+    key: isLoading.toString()
+  }, previewProps), children));
 };

package/dist/esm/blocks/Story.js

@@ -63,7 +63,7 @@ export var getStoryProps = function getStoryProps(_ref4, story, context) {
   }, storyIsInline && {
     parameters: parameters,
     storyFn: function storyFn() {
-      return prepareForInline(boundStoryFn, story);
+      return prepareForInline(boundStoryFn, context.getStoryContext(story));
     }
   });
 };

package/dist/esm/frameworks/vue/extractArgTypes.js

@@ -1,11 +1,81 @@
-import "core-js/modules/web.dom-collections.for-each.js";
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
+
+function _iterableToArrayLimit(arr, i) { if (typeof Symbol === "undefined" || !(Symbol.iterator in Object(arr))) return; var _arr = []; var _n = true; var _d = false; var _e = undefined; try { for (var _i = arr[Symbol.iterator](), _s; !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
+
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+
+import "core-js/modules/es.object.to-string.js";
+import "core-js/modules/es.array.iterator.js";
+import "core-js/modules/web.dom-collections.iterator.js";
 import "core-js/modules/es.function.name.js";
+import "core-js/modules/es.array.join.js";
+import "core-js/modules/es.array.concat.js";
+import "core-js/modules/es.object.assign.js";
+import "core-js/modules/web.dom-collections.for-each.js";
 import "core-js/modules/es.symbol.js";
 import "core-js/modules/es.symbol.description.js";
-import "core-js/modules/es.object.assign.js";
+import "core-js/modules/es.symbol.iterator.js";
+import "core-js/modules/es.string.iterator.js";
+import "core-js/modules/es.array.slice.js";
+import "core-js/modules/es.array.from.js";
 import { hasDocgen, extractComponentProps } from '../../lib/docgen';
 import { convert } from '../../lib/convert';
 var SECTIONS = ['props', 'events', 'slots'];
+/**
+ * Check if "@values" tag is defined within docgenInfo.
+ * If true, then propDef is mutated.
+ */
+
+function isEnum(propDef, docgenInfo) {
+  // cast as any, since "values" doesn't exist in DocgenInfo type
+  var _ref = docgenInfo,
+      type = _ref.type,
+      values = _ref.values;
+  var matched = Array.isArray(values) && values.length && type.name !== 'enum';
+  if (!matched) return false;
+  var enumString = values.join(', ');
+  var summary = propDef.type.summary;
+  summary = summary ? "".concat(summary, ": ").concat(enumString) : enumString;
+  Object.assign(propDef.type, Object.assign({}, propDef.type, {
+    name: 'enum',
+    value: values,
+    summary: summary
+  }));
+  return propDef;
+}
+/**
+ * @returns {Array} result
+ * @returns {PropDef} result.def - propDef
+ * @returns {boolean} result.isChanged - flag whether propDef is mutated or not.
+ *  this is needed to prevent sbType from performing convert(docgenInfo).
+ */
+
+
+function verifyPropDef(propDef, docgenInfo) {
+  var def = propDef;
+  var isChanged = false; // another callback can be added here.
+  // callback is mutually exclusive from each other.
+
+  var callbacks = [isEnum];
+
+  for (var i = 0, len = callbacks.length; i < len; i += 1) {
+    var matched = callbacks[i](propDef, docgenInfo);
+
+    if (matched) {
+      def = matched;
+      isChanged = true;
+    }
+  }
+
+  return [def, isChanged];
+}
+
 export var extractArgTypes = function extractArgTypes(component) {
   if (!hasDocgen(component)) {
     return null;
@@ -14,18 +84,31 @@ export var extractArgTypes = function extractArgTypes(component) {
   var results = {};
   SECTIONS.forEach(function (section) {
     var props = extractComponentProps(component, section);
-    props.forEach(function (_ref) {
-      var propDef = _ref.propDef,
-          docgenInfo = _ref.docgenInfo,
-          jsDocTags = _ref.jsDocTags;
-      var name = propDef.name,
-          type = propDef.type,
-          description = propDef.description,
-          defaultSummary = propDef.defaultValue,
-          required = propDef.required;
-      var sbType = section === 'props' ? convert(docgenInfo) : {
-        name: 'void'
-      };
+    props.forEach(function (_ref2) {
+      var propDef = _ref2.propDef,
+          docgenInfo = _ref2.docgenInfo,
+          jsDocTags = _ref2.jsDocTags;
+
+      var _verifyPropDef = verifyPropDef(propDef, docgenInfo),
+          _verifyPropDef2 = _slicedToArray(_verifyPropDef, 2),
+          result = _verifyPropDef2[0],
+          isPropDefChanged = _verifyPropDef2[1];
+
+      var name = result.name,
+          type = result.type,
+          description = result.description,
+          defaultSummary = result.defaultValue,
+          required = result.required;
+      var sbType;
+
+      if (isPropDefChanged) {
+        sbType = type;
+      } else {
+        sbType = section === 'props' ? convert(docgenInfo) : {
+          name: 'void'
+        };
+      }
+
       results[name] = {
         name: name,
         description: description,

package/dist/modern/blocks/Canvas.js

@@ -1,3 +1,5 @@
+function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
 
 import React, { useContext } from 'react';
@@ -72,7 +74,9 @@ export const Canvas = props => {
   const {
     children
   } = props;
-  return isLoading ? null : /*#__PURE__*/React.createElement(MDXProvider, {
+  return /*#__PURE__*/React.createElement(MDXProvider, {
     components: resetComponents
-  }, /*#__PURE__*/React.createElement(PurePreview, previewProps, children));
+  }, /*#__PURE__*/React.createElement(PurePreview, _extends({
+    key: isLoading.toString()
+  }, previewProps), children));
 };

package/dist/modern/blocks/Story.js

@@ -60,7 +60,7 @@ export const getStoryProps = ({
     title: storyName
   }, storyIsInline && {
     parameters,
-    storyFn: () => prepareForInline(boundStoryFn, story)
+    storyFn: () => prepareForInline(boundStoryFn, context.getStoryContext(story))
   });
 };
 

package/dist/modern/frameworks/vue/extractArgTypes.js

@@ -1,6 +1,58 @@
 import { hasDocgen, extractComponentProps } from '../../lib/docgen';
 import { convert } from '../../lib/convert';
 const SECTIONS = ['props', 'events', 'slots'];
+/**
+ * Check if "@values" tag is defined within docgenInfo.
+ * If true, then propDef is mutated.
+ */
+
+function isEnum(propDef, docgenInfo) {
+  // cast as any, since "values" doesn't exist in DocgenInfo type
+  const {
+    type,
+    values
+  } = docgenInfo;
+  const matched = Array.isArray(values) && values.length && type.name !== 'enum';
+  if (!matched) return false;
+  const enumString = values.join(', ');
+  let {
+    summary
+  } = propDef.type;
+  summary = summary ? `${summary}: ${enumString}` : enumString;
+  Object.assign(propDef.type, Object.assign({}, propDef.type, {
+    name: 'enum',
+    value: values,
+    summary
+  }));
+  return propDef;
+}
+/**
+ * @returns {Array} result
+ * @returns {PropDef} result.def - propDef
+ * @returns {boolean} result.isChanged - flag whether propDef is mutated or not.
+ *  this is needed to prevent sbType from performing convert(docgenInfo).
+ */
+
+
+function verifyPropDef(propDef, docgenInfo) {
+  let def = propDef;
+  let isChanged = false; // another callback can be added here.
+  // callback is mutually exclusive from each other.
+
+  const callbacks = [isEnum];
+
+  for (let i = 0, len = callbacks.length; i < len; i += 1) {
+    const matched = callbacks[i](propDef, docgenInfo);
+
+    if (matched) {
+      def = matched;
+      isChanged = true;
+    }
+  }
+
+  return [def, isChanged];
+}
+
 export const extractArgTypes = component => {
   if (!hasDocgen(component)) {
     return null;
@@ -14,16 +66,24 @@ export const extractArgTypes = component => {
       docgenInfo,
       jsDocTags
     }) => {
+      const [result, isPropDefChanged] = verifyPropDef(propDef, docgenInfo);
       const {
         name,
         type,
         description,
         defaultValue: defaultSummary,
         required
-      } = propDef;
-      const sbType = section === 'props' ? convert(docgenInfo) : {
-        name: 'void'
-      };
+      } = result;
+      let sbType;
+
+      if (isPropDefChanged) {
+        sbType = type;
+      } else {
+        sbType = section === 'props' ? convert(docgenInfo) : {
+          name: 'void'
+        };
+      }
+
       results[name] = {
         name,
         description,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@storybook/addon-docs",
-  "version": "6.4.0-beta.4",
+  "version": "6.4.0-beta.8",
   "description": "Document component usage and properties in Markdown",
   "keywords": [
     "addon",
@@ -63,22 +63,22 @@
     "@mdx-js/loader": "^1.6.22",
     "@mdx-js/mdx": "^1.6.22",
     "@mdx-js/react": "^1.6.22",
-    "@storybook/addons": "6.4.0-beta.4",
-    "@storybook/api": "6.4.0-beta.4",
-    "@storybook/builder-webpack4": "6.4.0-beta.4",
-    "@storybook/client-api": "6.4.0-beta.4",
-    "@storybook/client-logger": "6.4.0-beta.4",
-    "@storybook/components": "6.4.0-beta.4",
-    "@storybook/core": "6.4.0-beta.4",
-    "@storybook/core-events": "6.4.0-beta.4",
+    "@storybook/addons": "6.4.0-beta.8",
+    "@storybook/api": "6.4.0-beta.8",
+    "@storybook/builder-webpack4": "6.4.0-beta.8",
+    "@storybook/client-api": "6.4.0-beta.8",
+    "@storybook/client-logger": "6.4.0-beta.8",
+    "@storybook/components": "6.4.0-beta.8",
+    "@storybook/core": "6.4.0-beta.8",
+    "@storybook/core-events": "6.4.0-beta.8",
     "@storybook/csf": "0.0.2--canary.6aca495.0",
-    "@storybook/csf-tools": "6.4.0-beta.4",
-    "@storybook/node-logger": "6.4.0-beta.4",
-    "@storybook/postinstall": "6.4.0-beta.4",
-    "@storybook/preview-web": "6.4.0-beta.4",
-    "@storybook/source-loader": "6.4.0-beta.4",
-    "@storybook/store": "6.4.0-beta.4",
-    "@storybook/theming": "6.4.0-beta.4",
+    "@storybook/csf-tools": "6.4.0-beta.8",
+    "@storybook/node-logger": "6.4.0-beta.8",
+    "@storybook/postinstall": "6.4.0-beta.8",
+    "@storybook/preview-web": "6.4.0-beta.8",
+    "@storybook/source-loader": "6.4.0-beta.8",
+    "@storybook/store": "6.4.0-beta.8",
+    "@storybook/theming": "6.4.0-beta.8",
     "acorn": "^7.4.1",
     "acorn-jsx": "^5.3.1",
     "acorn-walk": "^7.2.0",
@@ -107,11 +107,11 @@
     "@babel/core": "^7.12.10",
     "@emotion/core": "^10.1.1",
     "@emotion/styled": "^10.0.27",
-    "@storybook/angular": "6.4.0-beta.4",
-    "@storybook/html": "6.4.0-beta.4",
-    "@storybook/react": "6.4.0-beta.4",
-    "@storybook/vue": "6.4.0-beta.4",
-    "@storybook/web-components": "6.4.0-beta.4",
+    "@storybook/angular": "6.4.0-beta.8",
+    "@storybook/html": "6.4.0-beta.8",
+    "@storybook/react": "6.4.0-beta.8",
+    "@storybook/vue": "6.4.0-beta.8",
+    "@storybook/web-components": "6.4.0-beta.8",
     "@types/cross-spawn": "^6.0.2",
     "@types/doctrine": "^0.0.3",
     "@types/enzyme": "^3.10.8",
@@ -141,12 +141,12 @@
     "zone.js": "^0.11.3"
   },
   "peerDependencies": {
-    "@storybook/angular": "6.4.0-beta.4",
-    "@storybook/html": "6.4.0-beta.4",
-    "@storybook/react": "6.4.0-beta.4",
-    "@storybook/vue": "6.4.0-beta.4",
-    "@storybook/vue3": "6.4.0-beta.4",
-    "@storybook/web-components": "6.4.0-beta.4",
+    "@storybook/angular": "6.4.0-beta.8",
+    "@storybook/html": "6.4.0-beta.8",
+    "@storybook/react": "6.4.0-beta.8",
+    "@storybook/vue": "6.4.0-beta.8",
+    "@storybook/vue3": "6.4.0-beta.8",
+    "@storybook/web-components": "6.4.0-beta.8",
     "lit": "^2.0.0-rc.1",
     "lit-html": "^1.4.1 || ^2.0.0-rc.3",
     "react": "^16.8.0 || ^17.0.0",
@@ -203,7 +203,7 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "294cc94b04cb92813efd12c0a85be443788d0d5b",
+  "gitHead": "7f1ecb08225a3f146f9d6013a89e2a6d4d3dcd11",
   "sbmodern": "dist/modern/index.js",
   "storybook": {
     "displayName": "Docs",