@storybook/addon-docs 6.5.0-alpha.22 → 6.5.0-alpha.26

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

@@ -1,10 +1,10 @@
-function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
 
 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 _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 _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_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; }
 
@@ -14,31 +14,31 @@ function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread n
 
 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 _iterableToArray(iter) { if (typeof Symbol !== "undefined" && Symbol.iterator in Object(iter)) return Array.from(iter); }
+function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
 
 function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
 
 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; }
 
 import "regenerator-runtime/runtime.js";
-import "core-js/modules/es.promise.js";
 import "core-js/modules/es.object.to-string.js";
+import "core-js/modules/es.promise.js";
 import "core-js/modules/es.array.join.js";
 import "core-js/modules/es.array.filter.js";
 import "core-js/modules/es.array.map.js";
 import "core-js/modules/es.array.concat.js";
 import "core-js/modules/es.object.entries.js";
 import "core-js/modules/es.array.find-index.js";
-import "core-js/modules/es.string.replace.js";
 import "core-js/modules/es.regexp.exec.js";
+import "core-js/modules/es.string.replace.js";
 import "core-js/modules/es.string.split.js";
 import "core-js/modules/es.array.includes.js";
 import "core-js/modules/es.string.includes.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.string.iterator.js";
 import "core-js/modules/es.array.iterator.js";
+import "core-js/modules/es.string.iterator.js";
 import "core-js/modules/web.dom-collections.iterator.js";
 import "core-js/modules/es.array.from.js";
 import "core-js/modules/es.array.slice.js";

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

@@ -1,3 +1,4 @@
+import "core-js/modules/es.object.to-string.js";
 import "core-js/modules/web.dom-collections.for-each.js";
 import "core-js/modules/es.function.name.js";
 import "core-js/modules/es.symbol.js";

package/dist/esm/frameworks/vue3/preset.js

@@ -1,3 +1,4 @@
+import "core-js/modules/es.object.to-string.js";
 import "core-js/modules/web.dom-collections.for-each.js";
 import "core-js/modules/es.array.includes.js";
 import "core-js/modules/es.string.includes.js";

package/dist/esm/frameworks/web-components/custom-elements.js

@@ -1,10 +1,11 @@
+import "core-js/modules/es.object.to-string.js";
 import "core-js/modules/es.array.filter.js";
 import "core-js/modules/es.function.name.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.string.replace.js";
 import "core-js/modules/es.regexp.exec.js";
+import "core-js/modules/es.string.replace.js";
 import "core-js/modules/es.array.find.js";
 import "core-js/modules/es.object.assign.js";
 import { getCustomElements, isValidComponent, isValidMetaData } from '@storybook/web-components';

package/dist/esm/frameworks/web-components/prepareForInline.js

@@ -1,29 +1,29 @@
-function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
 
 import "core-js/modules/es.array.concat.js";
 import "core-js/modules/es.object.get-prototype-of.js";
+import "core-js/modules/es.object.to-string.js";
 import "core-js/modules/es.reflect.construct.js";
 import "core-js/modules/es.symbol.js";
 import "core-js/modules/es.symbol.description.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/es.string.iterator.js";
 import "core-js/modules/web.dom-collections.iterator.js";
 
 function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
 
 function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
 
-function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }
+function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }
 
-function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); if (superClass) _setPrototypeOf(subClass, superClass); }
+function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); Object.defineProperty(subClass, "prototype", { writable: false }); if (superClass) _setPrototypeOf(subClass, superClass); }
 
 function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
 
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
 
-function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } return _assertThisInitialized(self); }
+function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } else if (call !== void 0) { throw new TypeError("Derived constructors may only return object or undefined"); } return _assertThisInitialized(self); }
 
 function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
 

package/dist/esm/frameworks/web-components/sourceDecorator.js

@@ -1,5 +1,5 @@
-import "core-js/modules/es.string.replace.js";
 import "core-js/modules/es.regexp.exec.js";
+import "core-js/modules/es.string.replace.js";
 
 /* global window */
 import { render } from 'lit-html';

package/dist/esm/lib/convert/flow/convert.js

@@ -1,6 +1,7 @@
 import "core-js/modules/es.function.name.js";
-import "core-js/modules/es.string.replace.js";
 import "core-js/modules/es.regexp.exec.js";
+import "core-js/modules/es.string.replace.js";
+import "core-js/modules/es.object.to-string.js";
 import "core-js/modules/web.dom-collections.for-each.js";
 import "core-js/modules/es.object.assign.js";
 import "core-js/modules/es.array.map.js";

package/dist/esm/lib/convert/proptypes/convert.js

@@ -1,8 +1,8 @@
 import "core-js/modules/es.function.name.js";
 import "core-js/modules/es.array.map.js";
 import "core-js/modules/es.object.assign.js";
-import "core-js/modules/es.string.split.js";
 import "core-js/modules/es.regexp.exec.js";
+import "core-js/modules/es.string.split.js";
 import "core-js/modules/es.array.concat.js";
 
 /* eslint-disable no-case-declarations */

package/dist/esm/lib/convert/typescript/convert.js

@@ -1,3 +1,4 @@
+import "core-js/modules/es.object.to-string.js";
 import "core-js/modules/web.dom-collections.for-each.js";
 import "core-js/modules/es.function.name.js";
 import "core-js/modules/es.object.assign.js";

package/dist/esm/lib/convert/utils.js

@@ -1,5 +1,5 @@
-import "core-js/modules/es.string.replace.js";
 import "core-js/modules/es.regexp.exec.js";
+import "core-js/modules/es.string.replace.js";
 var QUOTE_REGEX = /^['"]|['"]$/g;
 export var trimQuotes = function trimQuotes(str) {
   return str.replace(QUOTE_REGEX, '');

package/dist/esm/lib/docgen/createPropDef.js

@@ -1,4 +1,5 @@
 import "core-js/modules/es.function.name.js";
+import "core-js/modules/es.object.to-string.js";
 import "core-js/modules/es.symbol.js";
 import "core-js/modules/es.symbol.description.js";
 import "core-js/modules/es.array.map.js";

package/dist/esm/lib/docgen/extractDocgenProps.js

@@ -3,6 +3,7 @@ import "core-js/modules/es.object.assign.js";
 import "core-js/modules/es.function.name.js";
 import "core-js/modules/es.object.keys.js";
 import "core-js/modules/es.array.filter.js";
+import "core-js/modules/es.object.to-string.js";
 import "core-js/modules/es.symbol.js";
 import "core-js/modules/es.symbol.description.js";
 import { parseJsDoc } from '../jsdocParser';

package/dist/esm/lib/docgen/flow/createType.js

@@ -1,8 +1,8 @@
 import "core-js/modules/es.function.name.js";
 import "core-js/modules/es.array.join.js";
 import "core-js/modules/es.array.map.js";
-import "core-js/modules/es.string.replace.js";
 import "core-js/modules/es.regexp.exec.js";
+import "core-js/modules/es.string.replace.js";
 import { createSummaryValue, isTooLongForTypeSummary } from '../../utils';
 var FlowTypesType;
 

package/dist/esm/lib/docgen/typeScript/createType.js

@@ -1,5 +1,5 @@
-import "core-js/modules/es.string.replace.js";
 import "core-js/modules/es.regexp.exec.js";
+import "core-js/modules/es.string.replace.js";
 import "core-js/modules/es.function.name.js";
 import { createSummaryValue } from '../../utils';
 export function createType(_ref) {

package/dist/esm/lib/docgen/utils/defaultValue.js

@@ -1,3 +1,4 @@
+import "core-js/modules/es.object.to-string.js";
 var BLACKLIST = ['null', 'undefined'];
 export function isDefaultValueBlacklisted(value) {
   return BLACKLIST.some(function (x) {

package/dist/esm/lib/jsdocParser.js

@@ -3,8 +3,8 @@ import "core-js/modules/es.string.includes.js";
 import "core-js/modules/es.symbol.js";
 import "core-js/modules/es.symbol.description.js";
 import "core-js/modules/es.function.name.js";
-import "core-js/modules/es.string.replace.js";
 import "core-js/modules/es.regexp.exec.js";
+import "core-js/modules/es.string.replace.js";
 import "core-js/modules/es.array.map.js";
 import "core-js/modules/es.array.concat.js";
 import "core-js/modules/es.array.join.js";

package/dist/esm/lib/utils.js

@@ -1,5 +1,5 @@
-import "core-js/modules/es.string.replace.js";
 import "core-js/modules/es.regexp.exec.js";
+import "core-js/modules/es.string.replace.js";
 export var MAX_TYPE_SUMMARY_LENGTH = 90;
 export var MAX_DEFAULT_VALUE_SUMMARY_LENGTH = 50;
 export function isTooLongForTypeSummary(value) {

package/dist/modern/blocks/Canvas.js

@@ -1,3 +1,5 @@
+const _excluded = ["withSource", "mdxSource", "children"];
+
 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';
@@ -16,7 +18,7 @@ const getPreviewProps = (_ref, docsContext, sourceContext) => {
     mdxSource,
     children
   } = _ref,
-      props = _objectWithoutPropertiesLoose(_ref, ["withSource", "mdxSource", "children"]);
+      props = _objectWithoutPropertiesLoose(_ref, _excluded);
 
   const {
     mdxComponentAnnotations,

package/dist/modern/blocks/mdx.js

@@ -1,3 +1,8 @@
+const _excluded = ["children"],
+      _excluded2 = ["className", "children"],
+      _excluded3 = ["href", "target", "children"],
+      _excluded4 = ["as", "id", "children"],
+      _excluded5 = ["as", "id", "children"];
 import "core-js/modules/es.array.reduce.js";
 
 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); }
@@ -27,19 +32,19 @@ export const AddContext = props => {
   const {
     children
   } = props,
-        rest = _objectWithoutPropertiesLoose(props, ["children"]);
+        rest = _objectWithoutPropertiesLoose(props, _excluded);
 
   const parentContext = React.useContext(DocsContext);
   return /*#__PURE__*/React.createElement(DocsContext.Provider, {
     value: Object.assign({}, parentContext, rest)
   }, children);
 };
-export const CodeOrSourceMdx = (_ref) => {
+export const CodeOrSourceMdx = _ref => {
   let {
     className,
     children
   } = _ref,
-      rest = _objectWithoutPropertiesLoose(_ref, ["className", "children"]);
+      rest = _objectWithoutPropertiesLoose(_ref, _excluded2);
 
   // markdown-to-jsx does not add className to inline code
   if (typeof className !== 'string' && (typeof children !== 'string' || !children.match(/[\n\r]/g))) {
@@ -84,7 +89,7 @@ export const AnchorMdx = props => {
     target,
     children
   } = props,
-        rest = _objectWithoutPropertiesLoose(props, ["href", "target", "children"]);
+        rest = _objectWithoutPropertiesLoose(props, _excluded3);
 
   if (href) {
     // Enable scrolling for in-page anchors.
@@ -132,13 +137,13 @@ const OcticonAnchor = styled.a(() => ({
   color: 'inherit'
 }));
 
-const HeaderWithOcticonAnchor = (_ref2) => {
+const HeaderWithOcticonAnchor = _ref2 => {
   let {
     as,
     id,
     children
   } = _ref2,
-      rest = _objectWithoutPropertiesLoose(_ref2, ["as", "id", "children"]);
+      rest = _objectWithoutPropertiesLoose(_ref2, _excluded4);
 
   // @ts-ignore
   const OcticonHeader = OcticonHeaders[as];
@@ -176,7 +181,7 @@ export const HeaderMdx = props => {
     id,
     children
   } = props,
-        rest = _objectWithoutPropertiesLoose(props, ["as", "id", "children"]); // An id should have been added on every header by the "remark-slug" plugin.
+        rest = _objectWithoutPropertiesLoose(props, _excluded5); // An id should have been added on every header by the "remark-slug" plugin.
 
 
   if (id) {

package/dist/modern/frameworks/common/preset.js

@@ -28,9 +28,10 @@ export async function webpack(webpackConfig = {}, options) {
   const {
     builder = 'webpack4'
   } = await options.presets.apply('core', {});
+  const builderName = typeof builder === 'string' ? builder : builder.name;
 
   const resolvedBabelLoader = require.resolve('babel-loader', {
-    paths: builder.match(/(webpack4|webpack5)/) ? [require.resolve(`@storybook/builder-${builder}`)] : [builder]
+    paths: builderName.match(/(webpack4|webpack5)/) ? [require.resolve(`@storybook/builder-${builder}`)] : [builderName]
   });
 
   const {

package/dist/modern/frameworks/html/sourceDecorator.js

@@ -43,8 +43,8 @@ export function sourceDecorator(storyFn, context) {
       source = story;
     } // eslint-disable-next-line no-undef
     else if (story instanceof Element) {
-        source = story.outerHTML;
-      }
+      source = story.outerHTML;
+    }
 
     if (source) source = applyTransformSource(source, context);
   }

package/dist/modern/frameworks/react/jsxDecorator.js

@@ -1,3 +1,5 @@
+const _excluded = ["mdxType", "originalType", "children"];
+
 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, { createElement } from 'react';
@@ -134,7 +136,7 @@ const mdxToJsx = node => {
     originalType,
     children
   } = _node$props2,
-        rest = _objectWithoutPropertiesLoose(_node$props2, ["mdxType", "originalType", "children"]);
+        rest = _objectWithoutPropertiesLoose(_node$props2, _excluded);
 
   let jsxChildren = [];
 

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

@@ -106,6 +106,7 @@ const parseTypeToControl = type => {
         };
     }
   } else if (type.kind === 'union') {
+    // @ts-ignore TODO: fix, this seems like a broke in package update
     if (Array.isArray(type.type) && !type.type.find(t => t.type !== 'string')) {
       return {
         type: 'radio',

package/dist/modern/frameworks/svelte/prepareForInline.js

@@ -1,6 +1,6 @@
-import React from 'react'; // @ts-ignore
+import React from 'react'; // eslint-disable-next-line import/no-extraneous-dependencies
 
-import HOC from './HOC.svelte';
+import HOC from '@storybook/addon-docs/svelte/HOC.svelte';
 export const prepareForInline = storyFn => {
   const el = React.useRef(null);
   React.useEffect(() => {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@storybook/addon-docs",
-  "version": "6.5.0-alpha.22",
+  "version": "6.5.0-alpha.26",
   "description": "Document component usage and properties in Markdown",
   "keywords": [
     "addon",
@@ -40,6 +40,7 @@
     "common/**/*",
     "ember/**/*",
     "html/**/*",
+    "svelte/**/*",
     "postinstall/**/*",
     "react/**/*",
     "vue/**/*",
@@ -63,21 +64,21 @@
     "@mdx-js/loader": "^1.6.22",
     "@mdx-js/mdx": "^1.6.22",
     "@mdx-js/react": "^1.6.22",
-    "@storybook/addons": "6.5.0-alpha.22",
-    "@storybook/api": "6.5.0-alpha.22",
-    "@storybook/builder-webpack4": "6.5.0-alpha.22",
-    "@storybook/client-logger": "6.5.0-alpha.22",
-    "@storybook/components": "6.5.0-alpha.22",
-    "@storybook/core": "6.5.0-alpha.22",
-    "@storybook/core-events": "6.5.0-alpha.22",
+    "@storybook/addons": "6.5.0-alpha.26",
+    "@storybook/api": "6.5.0-alpha.26",
+    "@storybook/builder-webpack4": "6.5.0-alpha.26",
+    "@storybook/client-logger": "6.5.0-alpha.26",
+    "@storybook/components": "6.5.0-alpha.26",
+    "@storybook/core": "6.5.0-alpha.26",
+    "@storybook/core-events": "6.5.0-alpha.26",
     "@storybook/csf": "0.0.2--canary.87bc651.0",
-    "@storybook/csf-tools": "6.5.0-alpha.22",
-    "@storybook/node-logger": "6.5.0-alpha.22",
-    "@storybook/postinstall": "6.5.0-alpha.22",
-    "@storybook/preview-web": "6.5.0-alpha.22",
-    "@storybook/source-loader": "6.5.0-alpha.22",
-    "@storybook/store": "6.5.0-alpha.22",
-    "@storybook/theming": "6.5.0-alpha.22",
+    "@storybook/csf-tools": "6.5.0-alpha.26",
+    "@storybook/node-logger": "6.5.0-alpha.26",
+    "@storybook/postinstall": "6.5.0-alpha.26",
+    "@storybook/preview-web": "6.5.0-alpha.26",
+    "@storybook/source-loader": "6.5.0-alpha.26",
+    "@storybook/store": "6.5.0-alpha.26",
+    "@storybook/theming": "6.5.0-alpha.26",
     "acorn": "^7.4.1",
     "acorn-jsx": "^5.3.1",
     "acorn-walk": "^7.2.0",
@@ -106,11 +107,11 @@
     "@babel/core": "^7.12.10",
     "@emotion/core": "^10.3.1",
     "@emotion/styled": "^10.0.27",
-    "@storybook/angular": "6.5.0-alpha.22",
-    "@storybook/html": "6.5.0-alpha.22",
-    "@storybook/react": "6.5.0-alpha.22",
-    "@storybook/vue": "6.5.0-alpha.22",
-    "@storybook/web-components": "6.5.0-alpha.22",
+    "@storybook/angular": "6.5.0-alpha.26",
+    "@storybook/html": "6.5.0-alpha.26",
+    "@storybook/react": "6.5.0-alpha.26",
+    "@storybook/vue": "6.5.0-alpha.26",
+    "@storybook/web-components": "6.5.0-alpha.26",
     "@types/cross-spawn": "^6.0.2",
     "@types/doctrine": "^0.0.3",
     "@types/enzyme": "^3.10.8",
@@ -131,6 +132,7 @@
     "require-from-string": "^2.0.2",
     "rxjs": "^6.6.3",
     "styled-components": "^5.2.1",
+    "sveltedoc-parser": "4.1.0",
     "terser-webpack-plugin": "^5.0.3",
     "tmp": "^0.2.1",
     "tslib": "^2.1.0",
@@ -140,12 +142,12 @@
     "zone.js": "^0.11.3"
   },
   "peerDependencies": {
-    "@storybook/angular": "6.5.0-alpha.22",
-    "@storybook/html": "6.5.0-alpha.22",
-    "@storybook/react": "6.5.0-alpha.22",
-    "@storybook/vue": "6.5.0-alpha.22",
-    "@storybook/vue3": "6.5.0-alpha.22",
-    "@storybook/web-components": "6.5.0-alpha.22",
+    "@storybook/angular": "6.5.0-alpha.26",
+    "@storybook/html": "6.5.0-alpha.26",
+    "@storybook/react": "6.5.0-alpha.26",
+    "@storybook/vue": "6.5.0-alpha.26",
+    "@storybook/vue3": "6.5.0-alpha.26",
+    "@storybook/web-components": "6.5.0-alpha.26",
     "lit": "^2.0.0",
     "lit-html": "^1.4.1 || ^2.0.0",
     "react": "^16.8.0 || ^17.0.0",
@@ -202,7 +204,7 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "585e074db08c2e8814c1342214ecf03505e585e2",
+  "gitHead": "80fb653cad6cda80f1982c413f95f2f966d94e01",
   "sbmodern": "dist/modern/index.js",
   "storybook": {
     "displayName": "Docs",

package/register.js

@@ -1 +1,2 @@
+/* eslint-disable import/extensions */
 require('./dist/esm/register.js');

package/dist/cjs/frameworks/svelte/sample/MockButton.svelte

@@ -1,45 +0,0 @@
-<script>
-  import { createEventDispatcher, afterUpdate } from 'svelte';
-  export let text = '';
-  export let rounded = true;
-
-  const dispatch = createEventDispatcher();
-
-  function onClick(event) {
-    rounded = !rounded;
-
-    /**
-     * Click Event 
-     */
-    dispatch('click', event);
-  }
-
-  afterUpdate(() => {
-    /**
-     * After Update
-     */
-    dispatch('afterUpdate');
-  });
-</script>
-
-<style>
-  .rounded {
-    border-radius: 35px;
-  }
-
-  .button {
-    border: 3px solid;
-    padding: 10px 20px;
-    background-color: white;
-    outline: none;
-  }
-</style>
-
-<svelte:options accessors={true} />
-<button class="button" class:rounded on:click={onClick}>
-  <strong>{rounded ? 'Round' : 'Square'} corners</strong>
-  <br />
-  {text}
-  <!-- Default Slot -->
-  <slot {rounded}/>
-</button>

package/dist/cjs/typings.d.js

@@ -1 +0,0 @@
-"use strict";

package/dist/esm/frameworks/svelte/HOC.svelte

@@ -1,7 +0,0 @@
-<script>
-  export let storyFn;
-
-  let { Component: component, props } = storyFn();
-</script>
-
-<svelte:component this={component} {...props}/>

package/dist/esm/frameworks/svelte/sample/MockButton.svelte

@@ -1,45 +0,0 @@
-<script>
-  import { createEventDispatcher, afterUpdate } from 'svelte';
-  export let text = '';
-  export let rounded = true;
-
-  const dispatch = createEventDispatcher();
-
-  function onClick(event) {
-    rounded = !rounded;
-
-    /**
-     * Click Event 
-     */
-    dispatch('click', event);
-  }
-
-  afterUpdate(() => {
-    /**
-     * After Update
-     */
-    dispatch('afterUpdate');
-  });
-</script>
-
-<style>
-  .rounded {
-    border-radius: 35px;
-  }
-
-  .button {
-    border: 3px solid;
-    padding: 10px 20px;
-    background-color: white;
-    outline: none;
-  }
-</style>
-
-<svelte:options accessors={true} />
-<button class="button" class:rounded on:click={onClick}>
-  <strong>{rounded ? 'Round' : 'Square'} corners</strong>
-  <br />
-  {text}
-  <!-- Default Slot -->
-  <slot {rounded}/>
-</button>

package/dist/modern/frameworks/svelte/HOC.svelte

@@ -1,7 +0,0 @@
-<script>
-  export let storyFn;
-
-  let { Component: component, props } = storyFn();
-</script>
-
-<svelte:component this={component} {...props}/>

package/dist/modern/frameworks/svelte/sample/MockButton.svelte

@@ -1,45 +0,0 @@
-<script>
-  import { createEventDispatcher, afterUpdate } from 'svelte';
-  export let text = '';
-  export let rounded = true;
-
-  const dispatch = createEventDispatcher();
-
-  function onClick(event) {
-    rounded = !rounded;
-
-    /**
-     * Click Event 
-     */
-    dispatch('click', event);
-  }
-
-  afterUpdate(() => {
-    /**
-     * After Update
-     */
-    dispatch('afterUpdate');
-  });
-</script>
-
-<style>
-  .rounded {
-    border-radius: 35px;
-  }
-
-  .button {
-    border: 3px solid;
-    padding: 10px 20px;
-    background-color: white;
-    outline: none;
-  }
-</style>
-
-<svelte:options accessors={true} />
-<button class="button" class:rounded on:click={onClick}>
-  <strong>{rounded ? 'Round' : 'Square'} corners</strong>
-  <br />
-  {text}
-  <!-- Default Slot -->
-  <slot {rounded}/>
-</button>