@storybook/addon-docs 6.4.0-rc.1 → 6.4.0-rc.10

package/dist/cjs/blocks/ArgsTable.js

@@ -234,7 +234,9 @@ var StoryTable = function StoryTable(props) {
         resetArgs = _useArgs2[2];
 
     if (!story) return /*#__PURE__*/_react.default.createElement(_components.ArgsTable, {
-      isLoading: true
+      isLoading: true,
+      updateArgs: updateArgs,
+      resetArgs: resetArgs
     });
     var argTypes = (0, _store.filterArgTypes)(story.argTypes, include, exclude);
     var mainLabel = (0, _utils.getComponentName)(component) || 'Story';

package/dist/cjs/blocks/Story.js

@@ -6,16 +6,8 @@ require("core-js/modules/es.symbol.js");
 
 require("core-js/modules/es.symbol.description.js");
 
-require("core-js/modules/es.object.to-string.js");
-
 require("core-js/modules/es.symbol.iterator.js");
 
-require("core-js/modules/es.string.iterator.js");
-
-require("core-js/modules/es.array.iterator.js");
-
-require("core-js/modules/web.dom-collections.iterator.js");
-
 require("core-js/modules/es.array.slice.js");
 
 require("core-js/modules/es.array.from.js");
@@ -33,6 +25,16 @@ require("core-js/modules/es.function.name.js");
 
 require("core-js/modules/es.object.assign.js");
 
+require("core-js/modules/es.promise.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");
+
+require("core-js/modules/web.dom-collections.iterator.js");
+
 require("core-js/modules/es.array.concat.js");
 
 var _react = _interopRequireWildcard(require("react"));
@@ -151,8 +153,16 @@ var getStoryProps = function getStoryProps(_ref4, story, context, onStoryFnCalle
 
 exports.getStoryProps = getStoryProps;
 
+function makeGate() {
+  var open;
+  var gate = new Promise(function (r) {
+    open = r;
+  });
+  return [gate, open];
+}
+
 var Story = function Story(props) {
-  var _global$FEATURES;
+  var _global$FEATURES, _global$FEATURES2;
 
   var context = (0, _react.useContext)(_DocsContext.DocsContext);
 
@@ -200,22 +210,44 @@ var Story = function Story(props) {
     };
   }, [story]);
 
-  if (!story) {
-    return /*#__PURE__*/_react.default.createElement(_components.StorySkeleton, null);
-  } // If we are rendering a old-style inline Story via `PureStory` below, we want to emit
+  var _makeGate = makeGate(),
+      _makeGate2 = _slicedToArray(_makeGate, 2),
+      storyFnRan = _makeGate2[0],
+      onStoryFnRan = _makeGate2[1];
+
+  var _makeGate3 = makeGate(),
+      _makeGate4 = _slicedToArray(_makeGate3, 2),
+      rendered = _makeGate4[0],
+      onRendered = _makeGate4[1];
+
+  (0, _react.useEffect)(onRendered); // If we are rendering a old-style inline Story via `PureStory` below, we want to emit
   // the `STORY_RENDERED` event when it renders. The modern mode below calls out to
   // `Preview.renderStoryToDom()` which itself emits the event.
 
+  if (story && !(_global.default !== null && _global.default !== void 0 && (_global$FEATURES = _global.default.FEATURES) !== null && _global$FEATURES !== void 0 && _global$FEATURES.modernInlineRender)) {
+    // We need to wait for two things before we can consider the story rendered:
+    //  (a) React's `useEffect` hook needs to fire. This is needed for React stories, as
+    //      decorators of the form `<A><B/></A>` will not actually execute `B` in the first
+    //      call to the story function.
+    //  (b) The story function needs to actually have been called.
+    //      Certain frameworks (i.e.angular) don't actually render the component in the very first
+    //      React render cycle, so we need to wait for the framework to actually do that
+    Promise.all([storyFnRan, rendered]).then(function () {
+      channel.emit(_coreEvents.default.STORY_RENDERED, storyId);
+    });
+  }
 
-  var storyProps = getStoryProps(props, story, context, function () {
-    return channel.emit(_coreEvents.default.STORY_RENDERED, storyId);
-  });
+  if (!story) {
+    return /*#__PURE__*/_react.default.createElement(_components.StorySkeleton, null);
+  }
+
+  var storyProps = getStoryProps(props, story, context, onStoryFnRan);
 
   if (!storyProps) {
     return null;
   }
 
-  if (_global.default !== null && _global.default !== void 0 && (_global$FEATURES = _global.default.FEATURES) !== null && _global$FEATURES !== void 0 && _global$FEATURES.modernInlineRender) {
+  if (_global.default !== null && _global.default !== void 0 && (_global$FEATURES2 = _global.default.FEATURES) !== null && _global$FEATURES2 !== void 0 && _global$FEATURES2.modernInlineRender) {
     // We do this so React doesn't complain when we replace the span in a secondary render
     var htmlContents = "<span></span>"; // FIXME: height/style/etc. lifted from PureStory
 

package/dist/cjs/frameworks/angular/compodoc.js

@@ -187,8 +187,10 @@ var extractTypeFromValue = function extractTypeFromValue(defaultValue) {
 };
 
 var extractEnumValues = function extractEnumValues(compodocType) {
+  var _compodocJson$miscell, _compodocJson$miscell2;
+
   var compodocJson = getCompodocJson();
-  var enumType = compodocJson === null || compodocJson === void 0 ? void 0 : compodocJson.miscellaneous.enumerations.find(function (x) {
+  var enumType = compodocJson === null || compodocJson === void 0 ? void 0 : (_compodocJson$miscell = compodocJson.miscellaneous) === null || _compodocJson$miscell === void 0 ? void 0 : (_compodocJson$miscell2 = _compodocJson$miscell.enumerations) === null || _compodocJson$miscell2 === void 0 ? void 0 : _compodocJson$miscell2.find(function (x) {
     return x.name === compodocType;
   });
 
@@ -316,10 +318,10 @@ var extractDefaultValue = function extractDefaultValue(property) {
 };
 
 var resolveTypealias = function resolveTypealias(compodocType) {
-  var _compodocJson$miscell, _compodocJson$miscell2;
+  var _compodocJson$miscell3, _compodocJson$miscell4;
 
   var compodocJson = getCompodocJson();
-  var typeAlias = compodocJson === null || compodocJson === void 0 ? void 0 : (_compodocJson$miscell = compodocJson.miscellaneous) === null || _compodocJson$miscell === void 0 ? void 0 : (_compodocJson$miscell2 = _compodocJson$miscell.typealiases) === null || _compodocJson$miscell2 === void 0 ? void 0 : _compodocJson$miscell2.find(function (x) {
+  var typeAlias = compodocJson === null || compodocJson === void 0 ? void 0 : (_compodocJson$miscell3 = compodocJson.miscellaneous) === null || _compodocJson$miscell3 === void 0 ? void 0 : (_compodocJson$miscell4 = _compodocJson$miscell3.typealiases) === null || _compodocJson$miscell4 === void 0 ? void 0 : _compodocJson$miscell4.find(function (x) {
     return x.name === compodocType;
   });
   return typeAlias ? resolveTypealias(typeAlias.rawtype) : compodocType;

package/dist/esm/blocks/ArgsTable.js

@@ -186,7 +186,9 @@ export var StoryTable = function StoryTable(props) {
         resetArgs = _useArgs2[2];
 
     if (!story) return /*#__PURE__*/React.createElement(PureArgsTable, {
-      isLoading: true
+      isLoading: true,
+      updateArgs: updateArgs,
+      resetArgs: resetArgs
     });
     var argTypes = filterArgTypes(story.argTypes, include, exclude);
     var mainLabel = getComponentName(component) || 'Story';

package/dist/esm/blocks/Story.js

@@ -12,14 +12,15 @@ function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 
 import "core-js/modules/es.function.name.js";
 import "core-js/modules/es.object.assign.js";
-import "core-js/modules/es.array.concat.js";
-import "core-js/modules/es.symbol.js";
-import "core-js/modules/es.symbol.description.js";
+import "core-js/modules/es.promise.js";
 import "core-js/modules/es.object.to-string.js";
-import "core-js/modules/es.symbol.iterator.js";
 import "core-js/modules/es.string.iterator.js";
 import "core-js/modules/es.array.iterator.js";
 import "core-js/modules/web.dom-collections.iterator.js";
+import "core-js/modules/es.array.concat.js";
+import "core-js/modules/es.symbol.js";
+import "core-js/modules/es.symbol.description.js";
+import "core-js/modules/es.symbol.iterator.js";
 import "core-js/modules/es.array.slice.js";
 import "core-js/modules/es.array.from.js";
 import React, { useContext, useRef, useEffect, useState } from 'react';
@@ -99,8 +100,16 @@ export var getStoryProps = function getStoryProps(_ref4, story, context, onStory
   });
 };
 
+function makeGate() {
+  var open;
+  var gate = new Promise(function (r) {
+    open = r;
+  });
+  return [gate, open];
+}
+
 var Story = function Story(props) {
-  var _global$FEATURES;
+  var _global$FEATURES, _global$FEATURES2;
 
   var context = useContext(DocsContext);
   var channel = addons.getChannel();
@@ -146,22 +155,44 @@ var Story = function Story(props) {
     };
   }, [story]);
 
-  if (!story) {
-    return /*#__PURE__*/React.createElement(StorySkeleton, null);
-  } // If we are rendering a old-style inline Story via `PureStory` below, we want to emit
+  var _makeGate = makeGate(),
+      _makeGate2 = _slicedToArray(_makeGate, 2),
+      storyFnRan = _makeGate2[0],
+      onStoryFnRan = _makeGate2[1];
+
+  var _makeGate3 = makeGate(),
+      _makeGate4 = _slicedToArray(_makeGate3, 2),
+      rendered = _makeGate4[0],
+      onRendered = _makeGate4[1];
+
+  useEffect(onRendered); // If we are rendering a old-style inline Story via `PureStory` below, we want to emit
   // the `STORY_RENDERED` event when it renders. The modern mode below calls out to
   // `Preview.renderStoryToDom()` which itself emits the event.
 
+  if (story && !(global !== null && global !== void 0 && (_global$FEATURES = global.FEATURES) !== null && _global$FEATURES !== void 0 && _global$FEATURES.modernInlineRender)) {
+    // We need to wait for two things before we can consider the story rendered:
+    //  (a) React's `useEffect` hook needs to fire. This is needed for React stories, as
+    //      decorators of the form `<A><B/></A>` will not actually execute `B` in the first
+    //      call to the story function.
+    //  (b) The story function needs to actually have been called.
+    //      Certain frameworks (i.e.angular) don't actually render the component in the very first
+    //      React render cycle, so we need to wait for the framework to actually do that
+    Promise.all([storyFnRan, rendered]).then(function () {
+      channel.emit(Events.STORY_RENDERED, storyId);
+    });
+  }
+
+  if (!story) {
+    return /*#__PURE__*/React.createElement(StorySkeleton, null);
+  }
 
-  var storyProps = getStoryProps(props, story, context, function () {
-    return channel.emit(Events.STORY_RENDERED, storyId);
-  });
+  var storyProps = getStoryProps(props, story, context, onStoryFnRan);
 
   if (!storyProps) {
     return null;
   }
 
-  if (global !== null && global !== void 0 && (_global$FEATURES = global.FEATURES) !== null && _global$FEATURES !== void 0 && _global$FEATURES.modernInlineRender) {
+  if (global !== null && global !== void 0 && (_global$FEATURES2 = global.FEATURES) !== null && _global$FEATURES2 !== void 0 && _global$FEATURES2.modernInlineRender) {
     // We do this so React doesn't complain when we replace the span in a secondary render
     var htmlContents = "<span></span>"; // FIXME: height/style/etc. lifted from PureStory
 

package/dist/esm/frameworks/angular/compodoc.js

@@ -148,8 +148,10 @@ var extractTypeFromValue = function extractTypeFromValue(defaultValue) {
 };
 
 var extractEnumValues = function extractEnumValues(compodocType) {
+  var _compodocJson$miscell, _compodocJson$miscell2;
+
   var compodocJson = getCompodocJson();
-  var enumType = compodocJson === null || compodocJson === void 0 ? void 0 : compodocJson.miscellaneous.enumerations.find(function (x) {
+  var enumType = compodocJson === null || compodocJson === void 0 ? void 0 : (_compodocJson$miscell = compodocJson.miscellaneous) === null || _compodocJson$miscell === void 0 ? void 0 : (_compodocJson$miscell2 = _compodocJson$miscell.enumerations) === null || _compodocJson$miscell2 === void 0 ? void 0 : _compodocJson$miscell2.find(function (x) {
     return x.name === compodocType;
   });
 
@@ -274,10 +276,10 @@ var extractDefaultValue = function extractDefaultValue(property) {
 };
 
 var resolveTypealias = function resolveTypealias(compodocType) {
-  var _compodocJson$miscell, _compodocJson$miscell2;
+  var _compodocJson$miscell3, _compodocJson$miscell4;
 
   var compodocJson = getCompodocJson();
-  var typeAlias = compodocJson === null || compodocJson === void 0 ? void 0 : (_compodocJson$miscell = compodocJson.miscellaneous) === null || _compodocJson$miscell === void 0 ? void 0 : (_compodocJson$miscell2 = _compodocJson$miscell.typealiases) === null || _compodocJson$miscell2 === void 0 ? void 0 : _compodocJson$miscell2.find(function (x) {
+  var typeAlias = compodocJson === null || compodocJson === void 0 ? void 0 : (_compodocJson$miscell3 = compodocJson.miscellaneous) === null || _compodocJson$miscell3 === void 0 ? void 0 : (_compodocJson$miscell4 = _compodocJson$miscell3.typealiases) === null || _compodocJson$miscell4 === void 0 ? void 0 : _compodocJson$miscell4.find(function (x) {
     return x.name === compodocType;
   });
   return typeAlias ? resolveTypealias(typeAlias.rawtype) : compodocType;

package/dist/modern/blocks/ArgsTable.js

@@ -140,7 +140,9 @@ export const StoryTable = props => {
 
     let [args, updateArgs, resetArgs] = useArgs(storyId, context);
     if (!story) return /*#__PURE__*/React.createElement(PureArgsTable, {
-      isLoading: true
+      isLoading: true,
+      updateArgs: updateArgs,
+      resetArgs: resetArgs
     });
     const argTypes = filterArgTypes(story.argTypes, include, exclude);
     const mainLabel = getComponentName(component) || 'Story';

package/dist/modern/blocks/Story.js

@@ -76,8 +76,16 @@ export const getStoryProps = ({
   });
 };
 
+function makeGate() {
+  let open;
+  const gate = new Promise(r => {
+    open = r;
+  });
+  return [gate, open];
+}
+
 const Story = props => {
-  var _global$FEATURES;
+  var _global$FEATURES, _global$FEATURES2;
 
   const context = useContext(DocsContext);
   const channel = addons.getChannel();
@@ -117,21 +125,36 @@ const Story = props => {
 
     return () => cleanup && cleanup();
   }, [story]);
-
-  if (!story) {
-    return /*#__PURE__*/React.createElement(StorySkeleton, null);
-  } // If we are rendering a old-style inline Story via `PureStory` below, we want to emit
+  const [storyFnRan, onStoryFnRan] = makeGate();
+  const [rendered, onRendered] = makeGate();
+  useEffect(onRendered); // If we are rendering a old-style inline Story via `PureStory` below, we want to emit
   // the `STORY_RENDERED` event when it renders. The modern mode below calls out to
   // `Preview.renderStoryToDom()` which itself emits the event.
 
+  if (story && !(global !== null && global !== void 0 && (_global$FEATURES = global.FEATURES) !== null && _global$FEATURES !== void 0 && _global$FEATURES.modernInlineRender)) {
+    // We need to wait for two things before we can consider the story rendered:
+    //  (a) React's `useEffect` hook needs to fire. This is needed for React stories, as
+    //      decorators of the form `<A><B/></A>` will not actually execute `B` in the first
+    //      call to the story function.
+    //  (b) The story function needs to actually have been called.
+    //      Certain frameworks (i.e.angular) don't actually render the component in the very first
+    //      React render cycle, so we need to wait for the framework to actually do that
+    Promise.all([storyFnRan, rendered]).then(() => {
+      channel.emit(Events.STORY_RENDERED, storyId);
+    });
+  }
+
+  if (!story) {
+    return /*#__PURE__*/React.createElement(StorySkeleton, null);
+  }
 
-  const storyProps = getStoryProps(props, story, context, () => channel.emit(Events.STORY_RENDERED, storyId));
+  const storyProps = getStoryProps(props, story, context, onStoryFnRan);
 
   if (!storyProps) {
     return null;
   }
 
-  if (global !== null && global !== void 0 && (_global$FEATURES = global.FEATURES) !== null && _global$FEATURES !== void 0 && _global$FEATURES.modernInlineRender) {
+  if (global !== null && global !== void 0 && (_global$FEATURES2 = global.FEATURES) !== null && _global$FEATURES2 !== void 0 && _global$FEATURES2.modernInlineRender) {
     // We do this so React doesn't complain when we replace the span in a secondary render
     const htmlContents = `<span></span>`; // FIXME: height/style/etc. lifted from PureStory
 

package/dist/modern/frameworks/angular/compodoc.js

@@ -107,8 +107,10 @@ const extractTypeFromValue = defaultValue => {
 };
 
 const extractEnumValues = compodocType => {
+  var _compodocJson$miscell, _compodocJson$miscell2;
+
   const compodocJson = getCompodocJson();
-  const enumType = compodocJson === null || compodocJson === void 0 ? void 0 : compodocJson.miscellaneous.enumerations.find(x => x.name === compodocType);
+  const enumType = compodocJson === null || compodocJson === void 0 ? void 0 : (_compodocJson$miscell = compodocJson.miscellaneous) === null || _compodocJson$miscell === void 0 ? void 0 : (_compodocJson$miscell2 = _compodocJson$miscell.enumerations) === null || _compodocJson$miscell2 === void 0 ? void 0 : _compodocJson$miscell2.find(x => x.name === compodocType);
 
   if (enumType !== null && enumType !== void 0 && enumType.childs.every(x => x.value)) {
     return enumType.childs.map(x => x.value);
@@ -225,10 +227,10 @@ const extractDefaultValue = property => {
 };
 
 const resolveTypealias = compodocType => {
-  var _compodocJson$miscell, _compodocJson$miscell2;
+  var _compodocJson$miscell3, _compodocJson$miscell4;
 
   const compodocJson = getCompodocJson();
-  const typeAlias = compodocJson === null || compodocJson === void 0 ? void 0 : (_compodocJson$miscell = compodocJson.miscellaneous) === null || _compodocJson$miscell === void 0 ? void 0 : (_compodocJson$miscell2 = _compodocJson$miscell.typealiases) === null || _compodocJson$miscell2 === void 0 ? void 0 : _compodocJson$miscell2.find(x => x.name === compodocType);
+  const typeAlias = compodocJson === null || compodocJson === void 0 ? void 0 : (_compodocJson$miscell3 = compodocJson.miscellaneous) === null || _compodocJson$miscell3 === void 0 ? void 0 : (_compodocJson$miscell4 = _compodocJson$miscell3.typealiases) === null || _compodocJson$miscell4 === void 0 ? void 0 : _compodocJson$miscell4.find(x => x.name === compodocType);
   return typeAlias ? resolveTypealias(typeAlias.rawtype) : compodocType;
 };
 

package/dist/ts3.4/frameworks/web-components/sourceDecorator.d.ts

@@ -1,3 +1,3 @@
 import { PartialStoryFn, StoryContext } from '@storybook/csf';
 import { WebComponentsFramework } from '@storybook/web-components';
-export declare function sourceDecorator(storyFn: PartialStoryFn<WebComponentsFramework>, context: StoryContext<WebComponentsFramework>): string | Node | import("lit-html").TemplateResult<1 | 2>;
+export declare function sourceDecorator(storyFn: PartialStoryFn<WebComponentsFramework>, context: StoryContext<WebComponentsFramework>): WebComponentsFramework['storyResult'];

package/dist/ts3.9/frameworks/web-components/sourceDecorator.d.ts

@@ -1,3 +1,3 @@
 import { PartialStoryFn, StoryContext } from '@storybook/csf';
 import { WebComponentsFramework } from '@storybook/web-components';
-export declare function sourceDecorator(storyFn: PartialStoryFn<WebComponentsFramework>, context: StoryContext<WebComponentsFramework>): string | Node | import("lit-html").TemplateResult<1 | 2>;
+export declare function sourceDecorator(storyFn: PartialStoryFn<WebComponentsFramework>, context: StoryContext<WebComponentsFramework>): WebComponentsFramework['storyResult'];

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@storybook/addon-docs",
-  "version": "6.4.0-rc.1",
+  "version": "6.4.0-rc.10",
   "description": "Document component usage and properties in Markdown",
   "keywords": [
     "addon",
@@ -63,21 +63,21 @@
     "@mdx-js/loader": "^1.6.22",
     "@mdx-js/mdx": "^1.6.22",
     "@mdx-js/react": "^1.6.22",
-    "@storybook/addons": "6.4.0-rc.1",
-    "@storybook/api": "6.4.0-rc.1",
-    "@storybook/builder-webpack4": "6.4.0-rc.1",
-    "@storybook/client-logger": "6.4.0-rc.1",
-    "@storybook/components": "6.4.0-rc.1",
-    "@storybook/core": "6.4.0-rc.1",
-    "@storybook/core-events": "6.4.0-rc.1",
+    "@storybook/addons": "6.4.0-rc.10",
+    "@storybook/api": "6.4.0-rc.10",
+    "@storybook/builder-webpack4": "6.4.0-rc.10",
+    "@storybook/client-logger": "6.4.0-rc.10",
+    "@storybook/components": "6.4.0-rc.10",
+    "@storybook/core": "6.4.0-rc.10",
+    "@storybook/core-events": "6.4.0-rc.10",
     "@storybook/csf": "0.0.2--canary.87bc651.0",
-    "@storybook/csf-tools": "6.4.0-rc.1",
-    "@storybook/node-logger": "6.4.0-rc.1",
-    "@storybook/postinstall": "6.4.0-rc.1",
-    "@storybook/preview-web": "6.4.0-rc.1",
-    "@storybook/source-loader": "6.4.0-rc.1",
-    "@storybook/store": "6.4.0-rc.1",
-    "@storybook/theming": "6.4.0-rc.1",
+    "@storybook/csf-tools": "6.4.0-rc.10",
+    "@storybook/node-logger": "6.4.0-rc.10",
+    "@storybook/postinstall": "6.4.0-rc.10",
+    "@storybook/preview-web": "6.4.0-rc.10",
+    "@storybook/source-loader": "6.4.0-rc.10",
+    "@storybook/store": "6.4.0-rc.10",
+    "@storybook/theming": "6.4.0-rc.10",
     "acorn": "^7.4.1",
     "acorn-jsx": "^5.3.1",
     "acorn-walk": "^7.2.0",
@@ -106,11 +106,11 @@
     "@babel/core": "^7.12.10",
     "@emotion/core": "^10.1.1",
     "@emotion/styled": "^10.0.27",
-    "@storybook/angular": "6.4.0-rc.1",
-    "@storybook/html": "6.4.0-rc.1",
-    "@storybook/react": "6.4.0-rc.1",
-    "@storybook/vue": "6.4.0-rc.1",
-    "@storybook/web-components": "6.4.0-rc.1",
+    "@storybook/angular": "6.4.0-rc.10",
+    "@storybook/html": "6.4.0-rc.10",
+    "@storybook/react": "6.4.0-rc.10",
+    "@storybook/vue": "6.4.0-rc.10",
+    "@storybook/web-components": "6.4.0-rc.10",
     "@types/cross-spawn": "^6.0.2",
     "@types/doctrine": "^0.0.3",
     "@types/enzyme": "^3.10.8",
@@ -126,8 +126,8 @@
     "fs-extra": "^9.0.1",
     "jest": "^26.6.3",
     "jest-specific-snapshot": "^4.0.0",
-    "lit-element": "^3.0.0-rc.2",
-    "lit-html": "^2.0.0-rc.3",
+    "lit-element": "^3.0.2",
+    "lit-html": "^2.0.2",
     "require-from-string": "^2.0.2",
     "rxjs": "^6.6.3",
     "styled-components": "^5.2.1",
@@ -140,14 +140,14 @@
     "zone.js": "^0.11.3"
   },
   "peerDependencies": {
-    "@storybook/angular": "6.4.0-rc.1",
-    "@storybook/html": "6.4.0-rc.1",
-    "@storybook/react": "6.4.0-rc.1",
-    "@storybook/vue": "6.4.0-rc.1",
-    "@storybook/vue3": "6.4.0-rc.1",
-    "@storybook/web-components": "6.4.0-rc.1",
-    "lit": "^2.0.0-rc.1",
-    "lit-html": "^1.4.1 || ^2.0.0-rc.3",
+    "@storybook/angular": "6.4.0-rc.10",
+    "@storybook/html": "6.4.0-rc.10",
+    "@storybook/react": "6.4.0-rc.10",
+    "@storybook/vue": "6.4.0-rc.10",
+    "@storybook/vue3": "6.4.0-rc.10",
+    "@storybook/web-components": "6.4.0-rc.10",
+    "lit": "^2.0.0",
+    "lit-html": "^1.4.1 || ^2.0.0",
     "react": "^16.8.0 || ^17.0.0",
     "react-dom": "^16.8.0 || ^17.0.0",
     "svelte": "^3.31.2",
@@ -202,7 +202,7 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "0d79fcc7dd9f8d949c2644aefb54e77a3f932db4",
+  "gitHead": "5ae60fc639dfd19becda5dcf42f4e42e6f88b02f",
   "sbmodern": "dist/modern/index.js",
   "storybook": {
     "displayName": "Docs",