@storybook/components 6.5.0-alpha.29 → 6.5.0-alpha.32

package/dist/cjs/ScrollArea/OverlayScrollbars.js

@@ -1,11 +1,27 @@
 "use strict";
 
+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); }
+
 require("core-js/modules/es.object.keys.js");
 
 require("core-js/modules/es.symbol.js");
 
 require("core-js/modules/es.object.assign.js");
 
+require("core-js/modules/es.array.iterator.js");
+
+require("core-js/modules/es.string.iterator.js");
+
+require("core-js/modules/es.weak-map.js");
+
+require("core-js/modules/web.dom-collections.iterator.js");
+
+require("core-js/modules/es.object.get-own-property-descriptor.js");
+
+require("core-js/modules/es.symbol.description.js");
+
+require("core-js/modules/es.symbol.iterator.js");
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -31,7 +47,7 @@ require("core-js/modules/es.string.match.js");
 
 require("core-js/modules/es.array.concat.js");
 
-var _react = _interopRequireDefault(require("react"));
+var _react = _interopRequireWildcard(require("react"));
 
 var _overlayscrollbars = _interopRequireDefault(require("overlayscrollbars"));
 
@@ -39,6 +55,10 @@ var _excluded = ["options", "extensions", "className", "children"];
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && 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; }
@@ -59,11 +79,9 @@ var OverlayScrollbarsComponent = function OverlayScrollbarsComponent(_ref) {
       children = _ref.children,
       rest = _objectWithoutProperties(_ref, _excluded);
 
-  var osTargetRef = _react.default.useRef();
-
-  var osInstance = _react.default.useRef();
-
-  _react.default.useEffect(function () {
+  var osTargetRef = (0, _react.useRef)();
+  var osInstance = (0, _react.useRef)();
+  (0, _react.useEffect)(function () {
     osInstance.current = (0, _overlayscrollbars.default)(osTargetRef.current, options, extensions);
     mergeHostClassNames(osInstance.current, className);
     return function () {
@@ -73,19 +91,16 @@ var OverlayScrollbarsComponent = function OverlayScrollbarsComponent(_ref) {
       }
     };
   }, []);
-
-  _react.default.useEffect(function () {
+  (0, _react.useEffect)(function () {
     if (_overlayscrollbars.default.valid(osInstance.current)) {
       osInstance.current.options(options);
     }
   }, [options]);
-
-  _react.default.useEffect(function () {
+  (0, _react.useEffect)(function () {
     if (_overlayscrollbars.default.valid(osInstance.current)) {
       mergeHostClassNames(osInstance.current, className);
     }
   }, [className]);
-
   return /*#__PURE__*/_react.default.createElement("div", _extends({
     className: "os-host"
   }, rest, {

package/dist/cjs/ScrollArea/ScrollArea.js

@@ -47,13 +47,12 @@ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "functio
 
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && 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; }
 
-var GlobalScrollAreaStyles = /*#__PURE__*/_react.default.lazy(function () {
+var GlobalScrollAreaStyles = /*#__PURE__*/(0, _react.lazy)(function () {
   return Promise.resolve().then(function () {
     return _interopRequireWildcard(require('./GlobalScrollAreaStyles'));
   });
 });
-
-var OverlayScrollbars = /*#__PURE__*/_react.default.lazy(function () {
+var OverlayScrollbars = /*#__PURE__*/(0, _react.lazy)(function () {
   return Promise.resolve().then(function () {
     return _interopRequireWildcard(require('./OverlayScrollbars'));
   });

package/dist/cjs/Zoom/ZoomElement.js

@@ -73,8 +73,7 @@ var ZoomElementWrapper = _theming.styled.div(function (_ref) {
 function ZoomElement(_ref2) {
   var scale = _ref2.scale,
       children = _ref2.children;
-
-  var componentWrapperRef = _react.default.useRef(null);
+  var componentWrapperRef = (0, _react.useRef)(null);
 
   var _useState = (0, _react.useState)(0),
       _useState2 = _slicedToArray(_useState, 2),

package/dist/cjs/blocks/ArgsTable/ArgJsDoc.js

@@ -21,7 +21,7 @@ var _react = _interopRequireDefault(require("react"));
 
 var _theming = require("@storybook/theming");
 
-var _shared = require("../../typography/shared");
+var _common = require("../../typography/lib/common");
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
@@ -63,7 +63,7 @@ var Table = _theming.styled.table(function (_ref) {
         boxShadow: 'none',
         border: 'none'
       },
-      code: (0, _shared.codeCommon)({
+      code: (0, _common.codeCommon)({
         theme: theme
       }),
       '& code': {

package/dist/cjs/blocks/ArgsTable/ArgRow.js

@@ -27,7 +27,7 @@ var _ArgValue = require("./ArgValue");
 
 var _ArgControl = require("./ArgControl");
 
-var _shared = require("../../typography/shared");
+var _common = require("../../typography/lib/common");
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
@@ -55,7 +55,7 @@ var Description = _theming.styled.div(function (_ref2) {
         color: theme.color.secondary
       }
     },
-    code: Object.assign({}, (0, _shared.codeCommon)({
+    code: Object.assign({}, (0, _common.codeCommon)({
       theme: theme
     }), {
       fontSize: 12,

package/dist/cjs/blocks/ArgsTable/ArgRow.stories.js

@@ -15,7 +15,7 @@ var _ArgRow = require("./ArgRow");
 
 var _ArgsTable = require("./ArgsTable");
 
-var _DocumentFormatting = require("../../typography/DocumentFormatting");
+var _ResetWrapper = require("../../typography/ResetWrapper");
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
@@ -23,7 +23,7 @@ var _default = {
   component: _ArgRow.ArgRow,
   title: 'Docs/ArgRow',
   decorators: [function (getStory) {
-    return /*#__PURE__*/_react.default.createElement(_DocumentFormatting.ResetWrapper, null, /*#__PURE__*/_react.default.createElement(_ArgsTable.TableWrapper, null, /*#__PURE__*/_react.default.createElement("tbody", null, getStory())));
+    return /*#__PURE__*/_react.default.createElement(_ResetWrapper.ResetWrapper, null, /*#__PURE__*/_react.default.createElement(_ArgsTable.TableWrapper, null, /*#__PURE__*/_react.default.createElement("tbody", null, getStory())));
   }]
 };
 exports.default = _default;

package/dist/cjs/blocks/ArgsTable/ArgValue.js

@@ -57,7 +57,7 @@ var _icon = require("../../icon/icon");
 
 var _lazySyntaxhighlighter = require("../../syntaxhighlighter/lazy-syntaxhighlighter");
 
-var _shared = require("../../typography/shared");
+var _common = require("../../typography/lib/common");
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
@@ -99,7 +99,7 @@ var Summary = _theming.styled.div(function (_ref) {
   };
 });
 
-var Text = _theming.styled.span(_shared.codeCommon, function (_ref2) {
+var Text = _theming.styled.span(_common.codeCommon, function (_ref2) {
   var theme = _ref2.theme,
       _ref2$simple = _ref2.simple,
       simple = _ref2$simple === void 0 ? false : _ref2$simple;
@@ -134,7 +134,7 @@ var ExpandButton = _theming.styled.button(function (_ref3) {
   };
 });
 
-var Expandable = _theming.styled.div(_shared.codeCommon, function (_ref4) {
+var Expandable = _theming.styled.div(_common.codeCommon, function (_ref4) {
   var theme = _ref4.theme;
   return {
     fontFamily: theme.typography.fonts.mono,

package/dist/cjs/blocks/ArgsTable/ArgsTable.js

@@ -61,7 +61,7 @@ var _EmptyBlock = require("../EmptyBlock");
 
 var _link = require("../../typography/link/link");
 
-var _DocumentFormatting = require("../../typography/DocumentFormatting");
+var _ResetWrapper = require("../../typography/ResetWrapper");
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
@@ -417,7 +417,7 @@ var ArgsTable = function ArgsTable(props) {
     inAddonPanel: inAddonPanel,
     initialExpandedArgs: initialExpandedArgs
   };
-  return /*#__PURE__*/_react.default.createElement(_DocumentFormatting.ResetWrapper, null, /*#__PURE__*/_react.default.createElement(TableWrapper, {
+  return /*#__PURE__*/_react.default.createElement(_ResetWrapper.ResetWrapper, null, /*#__PURE__*/_react.default.createElement(TableWrapper, {
     "aria-hidden": isLoading,
     compact: compact,
     inAddonPanel: inAddonPanel,

package/dist/cjs/blocks/ArgsTable/SectionRow.stories.js

@@ -13,7 +13,7 @@ var _SectionRow = require("./SectionRow");
 
 var _ArgsTable = require("./ArgsTable");
 
-var _DocumentFormatting = require("../../typography/DocumentFormatting");
+var _ResetWrapper = require("../../typography/ResetWrapper");
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
@@ -21,7 +21,7 @@ var _default = {
   component: _SectionRow.SectionRow,
   title: 'Docs/SectionRow',
   decorators: [function (getStory) {
-    return /*#__PURE__*/_react.default.createElement(_DocumentFormatting.ResetWrapper, null, /*#__PURE__*/_react.default.createElement(_ArgsTable.TableWrapper, null, /*#__PURE__*/_react.default.createElement("tbody", null, getStory())));
+    return /*#__PURE__*/_react.default.createElement(_ResetWrapper.ResetWrapper, null, /*#__PURE__*/_react.default.createElement(_ArgsTable.TableWrapper, null, /*#__PURE__*/_react.default.createElement("tbody", null, getStory())));
   }]
 };
 exports.default = _default;

package/dist/cjs/blocks/ColorPalette.js

@@ -27,7 +27,7 @@ var _polished = require("polished");
 
 var _BlockBackgroundStyles = require("./BlockBackgroundStyles");
 
-var _DocumentFormatting = require("../typography/DocumentFormatting");
+var _ResetWrapper = require("../typography/ResetWrapper");
 
 var _excluded = ["children"];
 
@@ -227,7 +227,7 @@ var ColorPalette = function ColorPalette(_ref9) {
   var children = _ref9.children,
       props = _objectWithoutProperties(_ref9, _excluded);
 
-  return /*#__PURE__*/_react.default.createElement(_DocumentFormatting.ResetWrapper, null, /*#__PURE__*/_react.default.createElement(List, _extends({}, props, {
+  return /*#__PURE__*/_react.default.createElement(_ResetWrapper.ResetWrapper, null, /*#__PURE__*/_react.default.createElement(List, _extends({}, props, {
     className: "docblock-colorpalette"
   }), /*#__PURE__*/_react.default.createElement(ListHeading, null, /*#__PURE__*/_react.default.createElement(ListName, null, "Name"), /*#__PURE__*/_react.default.createElement(ListSwatches, null, "Swatches")), children));
 };

package/dist/cjs/blocks/Description.js

@@ -9,9 +9,9 @@ var _react = _interopRequireDefault(require("react"));
 
 var _markdownToJsx = _interopRequireDefault(require("markdown-to-jsx"));
 
-var _DocumentFormatting = require("../typography/DocumentFormatting");
+var _ResetWrapper = require("../typography/ResetWrapper");
 
-var _ = require("..");
+var _components = require("../typography/components");
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
@@ -21,10 +21,10 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
  */
 var Description = function Description(_ref) {
   var markdown = _ref.markdown;
-  return /*#__PURE__*/_react.default.createElement(_DocumentFormatting.ResetWrapper, null, /*#__PURE__*/_react.default.createElement(_markdownToJsx.default, {
+  return /*#__PURE__*/_react.default.createElement(_ResetWrapper.ResetWrapper, null, /*#__PURE__*/_react.default.createElement(_markdownToJsx.default, {
     options: {
       forceBlock: true,
-      overrides: _.components
+      overrides: _components.components
     }
   }, markdown));
 };

package/dist/cjs/blocks/DocsPage.js

@@ -11,7 +11,7 @@ var _theming = require("@storybook/theming");
 
 var _polished = require("polished");
 
-var _shared = require("../typography/shared");
+var _common = require("../typography/lib/common");
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
@@ -19,7 +19,7 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
 
 var breakpoint = 600;
 
-var Title = _theming.styled.h1(_shared.withReset, function (_ref) {
+var Title = _theming.styled.h1(_common.withReset, function (_ref) {
   var theme = _ref.theme;
   return _defineProperty({
     color: theme.color.defaultText,
@@ -36,7 +36,7 @@ var Title = _theming.styled.h1(_shared.withReset, function (_ref) {
 
 exports.Title = Title;
 
-var Subtitle = _theming.styled.h2(_shared.withReset, function (_ref3) {
+var Subtitle = _theming.styled.h2(_common.withReset, function (_ref3) {
   var _ref4;
 
   var theme = _ref3.theme;

package/dist/cjs/blocks/EmptyBlock.js

@@ -13,13 +13,13 @@ var _theming = require("@storybook/theming");
 
 var _polished = require("polished");
 
-var _shared = require("../typography/shared");
+var _common = require("../typography/lib/common");
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
 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); }
 
-var Wrapper = _theming.styled.div(_shared.withReset, function (_ref) {
+var Wrapper = _theming.styled.div(_common.withReset, function (_ref) {
   var theme = _ref.theme;
   return {
     backgroundColor: theme.base === 'light' ? 'rgba(0,0,0,.01)' : 'rgba(255,255,255,.01)',

package/dist/cjs/blocks/IconGallery.js

@@ -17,7 +17,7 @@ var _react = _interopRequireDefault(require("react"));
 
 var _theming = require("@storybook/theming");
 
-var _DocumentFormatting = require("../typography/DocumentFormatting");
+var _ResetWrapper = require("../typography/ResetWrapper");
 
 var _BlockBackgroundStyles = require("./BlockBackgroundStyles");
 
@@ -92,7 +92,7 @@ var IconGallery = function IconGallery(_ref4) {
   var children = _ref4.children,
       props = _objectWithoutProperties(_ref4, _excluded);
 
-  return /*#__PURE__*/_react.default.createElement(_DocumentFormatting.ResetWrapper, null, /*#__PURE__*/_react.default.createElement(List, _extends({}, props, {
+  return /*#__PURE__*/_react.default.createElement(_ResetWrapper.ResetWrapper, null, /*#__PURE__*/_react.default.createElement(List, _extends({}, props, {
     className: "docblock-icongallery"
   }), children));
 };

package/dist/cjs/blocks/Preview.js

@@ -69,7 +69,7 @@ var _ZoomContext = require("./ZoomContext");
 
 var _Zoom = require("../Zoom/Zoom");
 
-var _ = require(".");
+var _Story = require("./Story");
 
 var _excluded = ["isLoading", "isColumn", "columns", "children", "withSource", "withToolbar", "isExpanded", "additionalActions", "className"];
 
@@ -435,7 +435,7 @@ var PreviewSkeleton = function PreviewSkeleton() {
   return /*#__PURE__*/_react.default.createElement(StyledPreview, {
     isLoading: true,
     withToolbar: true
-  }, /*#__PURE__*/_react.default.createElement(_.StorySkeleton, null));
+  }, /*#__PURE__*/_react.default.createElement(_Story.StorySkeleton, null));
 };
 
 exports.PreviewSkeleton = PreviewSkeleton;

package/dist/cjs/blocks/Story.js

@@ -39,7 +39,7 @@ var _EmptyBlock = require("./EmptyBlock");
 
 var _ZoomContext = require("./ZoomContext");
 
-var _ = require("..");
+var _Loader = require("../Loader/Loader");
 
 var _getStoryHref = require("../utils/getStoryHref");
 
@@ -142,7 +142,7 @@ var Story = function Story(_ref4) {
 exports.Story = Story;
 
 var StorySkeleton = function StorySkeleton() {
-  return /*#__PURE__*/_react.default.createElement(_.Loader, null);
+  return /*#__PURE__*/_react.default.createElement(_Loader.Loader, null);
 };
 
 exports.StorySkeleton = StorySkeleton;

package/dist/cjs/blocks/Typeset.js

@@ -19,7 +19,7 @@ var _theming = require("@storybook/theming");
 
 var _polished = require("polished");
 
-var _shared = require("../typography/shared");
+var _common = require("../typography/lib/common");
 
 var _BlockBackgroundStyles = require("./BlockBackgroundStyles");
 
@@ -57,7 +57,7 @@ var TypeSpecimen = _theming.styled.div({
   }
 });
 
-var Wrapper = _theming.styled.div(_shared.withReset, function (_ref2) {
+var Wrapper = _theming.styled.div(_common.withReset, function (_ref2) {
   var theme = _ref2.theme;
   return Object.assign({}, (0, _BlockBackgroundStyles.getBlockBackgroundStyle)(theme), {
     margin: '25px 0 40px',

package/dist/cjs/controls/index.js

@@ -166,7 +166,7 @@ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "functio
 
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && 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; }
 
-var LazyColorControl = /*#__PURE__*/_react.default.lazy(function () {
+var LazyColorControl = /*#__PURE__*/(0, _react.lazy)(function () {
   return Promise.resolve().then(function () {
     return _interopRequireWildcard(require('./Color'));
   });