@storybook/components 6.5.0-alpha.34 → 6.5.0-alpha.39

package/dist/cjs/typography/elements/Blockquote.js

@@ -1,27 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.Blockquote = void 0;
-
-var _theming = require("@storybook/theming");
-
-var _common = require("../lib/common");
-
-var Blockquote = _theming.styled.blockquote(_common.withReset, _common.withMargin, function (_ref) {
-  var theme = _ref.theme;
-  return {
-    borderLeft: "4px solid ".concat(theme.color.medium),
-    padding: '0 15px',
-    color: theme.color.dark,
-    '& > :first-of-type': {
-      marginTop: 0
-    },
-    '& > :last-child': {
-      marginBottom: 0
-    }
-  };
-});
-
-exports.Blockquote = Blockquote;

package/dist/cjs/typography/elements/Code.js

@@ -1,109 +0,0 @@
-"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
-});
-exports.Code = void 0;
-
-require("core-js/modules/es.regexp.exec.js");
-
-require("core-js/modules/es.string.match.js");
-
-require("core-js/modules/es.object.to-string.js");
-
-require("core-js/modules/es.promise.js");
-
-require("core-js/modules/es.array.filter.js");
-
-var _theming = require("@storybook/theming");
-
-var _react = _interopRequireWildcard(require("react"));
-
-var _Source = require("../../blocks/Source");
-
-var _isReactChildString = require("../lib/isReactChildString");
-
-var _common = require("../lib/common");
-
-var _excluded = ["className", "children"];
-
-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; }
-
-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; }
-
-var isInlineCodeRegex = /[\n\r]/g;
-
-var DefaultCodeBlock = _theming.styled.code(function (_ref) {
-  var theme = _ref.theme;
-  return {
-    // from reset
-    fontFamily: theme.typography.fonts.mono,
-    WebkitFontSmoothing: 'antialiased',
-    MozOsxFontSmoothing: 'grayscale',
-    display: 'inline-block',
-    paddingLeft: 2,
-    paddingRight: 2,
-    verticalAlign: 'baseline',
-    color: 'inherit'
-  };
-}, _common.codeCommon);
-
-var Code = function Code(_ref2) {
-  var _language$;
-
-  var className = _ref2.className,
-      children = _ref2.children,
-      props = _objectWithoutProperties(_ref2, _excluded);
-
-  var language = (className || '').match(/lang-(\S+)/);
-
-  var childrenArray = _react.Children.toArray(children);
-
-  var isInlineCode = !childrenArray.filter(_isReactChildString.isReactChildString).some(function (child) {
-    return child.match(isInlineCodeRegex);
-  });
-
-  if (isInlineCode) {
-    return /*#__PURE__*/_react.default.createElement(DefaultCodeBlock, _extends({}, props, {
-      className: className
-    }), childrenArray);
-  }
-
-  return /*#__PURE__*/_react.default.createElement(_Source.StyledSyntaxHighlighter, _extends({
-    bordered: true,
-    copyable: true,
-    language: (_language$ = language === null || language === void 0 ? void 0 : language[1]) !== null && _language$ !== void 0 ? _language$ : 'plaintext',
-    format: false
-  }, props), children);
-};
-
-exports.Code = Code;
-Code.displayName = "Code";

package/dist/cjs/typography/elements/DL.js

@@ -1,44 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.DL = void 0;
-
-require("core-js/modules/es.object.assign.js");
-
-var _theming = require("@storybook/theming");
-
-var _common = require("../lib/common");
-
-var DL = _theming.styled.dl(_common.withReset, Object.assign({}, _common.withMargin, {
-  padding: 0,
-  '& dt': {
-    fontSize: '14px',
-    fontWeight: 'bold',
-    fontStyle: 'italic',
-    padding: 0,
-    margin: '16px 0 4px'
-  },
-  '& dt:first-of-type': {
-    padding: 0
-  },
-  '& dt > :first-of-type': {
-    marginTop: 0
-  },
-  '& dt > :last-child': {
-    marginBottom: 0
-  },
-  '& dd': {
-    margin: '0 0 16px',
-    padding: '0 15px'
-  },
-  '& dd > :first-of-type': {
-    marginTop: 0
-  },
-  '& dd > :last-child': {
-    marginBottom: 0
-  }
-}));
-
-exports.DL = DL;

package/dist/cjs/typography/elements/Div.js

@@ -1,14 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.Div = void 0;
-
-var _theming = require("@storybook/theming");
-
-var _common = require("../lib/common");
-
-var Div = _theming.styled.div(_common.withReset);
-
-exports.Div = Div;

package/dist/cjs/typography/elements/H1.js

@@ -1,20 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.H1 = void 0;
-
-var _theming = require("@storybook/theming");
-
-var _common = require("../lib/common");
-
-var H1 = _theming.styled.h1(_common.withReset, _common.headerCommon, function (_ref) {
-  var theme = _ref.theme;
-  return {
-    fontSize: "".concat(theme.typography.size.l1, "px"),
-    fontWeight: theme.typography.weight.black
-  };
-});
-
-exports.H1 = H1;

package/dist/cjs/typography/elements/H2.js

@@ -1,21 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.H2 = void 0;
-
-var _theming = require("@storybook/theming");
-
-var _common = require("../lib/common");
-
-var H2 = _theming.styled.h2(_common.withReset, _common.headerCommon, function (_ref) {
-  var theme = _ref.theme;
-  return {
-    fontSize: "".concat(theme.typography.size.m2, "px"),
-    paddingBottom: 4,
-    borderBottom: "1px solid ".concat(theme.appBorderColor)
-  };
-});
-
-exports.H2 = H2;

package/dist/cjs/typography/elements/H3.js

@@ -1,19 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.H3 = void 0;
-
-var _theming = require("@storybook/theming");
-
-var _common = require("../lib/common");
-
-var H3 = _theming.styled.h3(_common.withReset, _common.headerCommon, function (_ref) {
-  var theme = _ref.theme;
-  return {
-    fontSize: "".concat(theme.typography.size.m1, "px")
-  };
-});
-
-exports.H3 = H3;

package/dist/cjs/typography/elements/H4.js

@@ -1,19 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.H4 = void 0;
-
-var _theming = require("@storybook/theming");
-
-var _common = require("../lib/common");
-
-var H4 = _theming.styled.h4(_common.withReset, _common.headerCommon, function (_ref) {
-  var theme = _ref.theme;
-  return {
-    fontSize: "".concat(theme.typography.size.s3, "px")
-  };
-});
-
-exports.H4 = H4;

package/dist/cjs/typography/elements/H5.js

@@ -1,19 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.H5 = void 0;
-
-var _theming = require("@storybook/theming");
-
-var _common = require("../lib/common");
-
-var H5 = _theming.styled.h5(_common.withReset, _common.headerCommon, function (_ref) {
-  var theme = _ref.theme;
-  return {
-    fontSize: "".concat(theme.typography.size.s2, "px")
-  };
-});
-
-exports.H5 = H5;

package/dist/cjs/typography/elements/H6.js

@@ -1,20 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.H6 = void 0;
-
-var _theming = require("@storybook/theming");
-
-var _common = require("../lib/common");
-
-var H6 = _theming.styled.h6(_common.withReset, _common.headerCommon, function (_ref) {
-  var theme = _ref.theme;
-  return {
-    fontSize: "".concat(theme.typography.size.s2, "px"),
-    color: theme.color.dark
-  };
-});
-
-exports.H6 = H6;

package/dist/cjs/typography/elements/HR.js

@@ -1,20 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.HR = void 0;
-
-var _theming = require("@storybook/theming");
-
-var HR = _theming.styled.hr(function (_ref) {
-  var theme = _ref.theme;
-  return {
-    border: '0 none',
-    borderTop: "1px solid ".concat(theme.appBorderColor),
-    height: 4,
-    padding: 0
-  };
-});
-
-exports.HR = HR;

package/dist/cjs/typography/elements/Img.js

@@ -1,14 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.Img = void 0;
-
-var _theming = require("@storybook/theming");
-
-var Img = _theming.styled.img({
-  maxWidth: '100%'
-});
-
-exports.Img = Img;

package/dist/cjs/typography/elements/LI.js

@@ -1,31 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.LI = void 0;
-
-var _theming = require("@storybook/theming");
-
-var _common = require("../lib/common");
-
-var LI = _theming.styled.li(_common.withReset, function (_ref) {
-  var theme = _ref.theme;
-  return {
-    fontSize: theme.typography.size.s2,
-    color: theme.color.defaultText,
-    lineHeight: '24px',
-    '& + li': {
-      marginTop: '.25em'
-    },
-    '& ul, & ol': {
-      marginTop: '.25em',
-      marginBottom: 0
-    },
-    '& code': (0, _common.codeCommon)({
-      theme: theme
-    })
-  };
-});
-
-exports.LI = LI;

package/dist/cjs/typography/elements/Link.js

@@ -1,44 +0,0 @@
-"use strict";
-
-require("core-js/modules/es.object.keys.js");
-
-require("core-js/modules/es.symbol.js");
-
-require("core-js/modules/es.object.assign.js");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.Link = void 0;
-
-require("core-js/modules/es.regexp.exec.js");
-
-var _react = _interopRequireDefault(require("react"));
-
-var _excluded = ["href", "children"];
-
-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); }
-
-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; }
-
-var Link = function Link(_ref) {
-  var input = _ref.href,
-      children = _ref.children,
-      props = _objectWithoutProperties(_ref, _excluded);
-
-  var isStorybookPath = /^\//.test(input);
-  var isAnchorUrl = /^#.*/.test(input);
-  var href = isStorybookPath ? "?path=".concat(input) : input;
-  var target = isAnchorUrl ? '_self' : '_top';
-  return /*#__PURE__*/_react.default.createElement("a", _extends({
-    href: href,
-    target: target
-  }, props), children);
-};
-
-exports.Link = Link;
-Link.displayName = "Link";

package/dist/cjs/typography/elements/OL.js

@@ -1,28 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.OL = void 0;
-
-require("core-js/modules/es.object.assign.js");
-
-var _theming = require("@storybook/theming");
-
-var _common = require("../lib/common");
-
-var listCommon = {
-  paddingLeft: 30,
-  '& :first-of-type': {
-    marginTop: 0
-  },
-  '& :last-child': {
-    marginBottom: 0
-  }
-};
-
-var OL = _theming.styled.ol(_common.withReset, _common.withMargin, Object.assign({}, listCommon, {
-  listStyle: 'decimal'
-}));
-
-exports.OL = OL;

package/dist/cjs/typography/elements/P.js

@@ -1,24 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.P = void 0;
-
-var _theming = require("@storybook/theming");
-
-var _common = require("../lib/common");
-
-var P = _theming.styled.p(_common.withReset, _common.withMargin, function (_ref) {
-  var theme = _ref.theme;
-  return {
-    fontSize: theme.typography.size.s2,
-    lineHeight: '24px',
-    color: theme.color.defaultText,
-    '& code': (0, _common.codeCommon)({
-      theme: theme
-    })
-  };
-});
-
-exports.P = P;

package/dist/cjs/typography/elements/Pre.js

@@ -1,53 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.Pre = void 0;
-
-var _theming = require("@storybook/theming");
-
-var _common = require("../lib/common");
-
-var Pre = _theming.styled.pre(_common.withReset, _common.withMargin, function (_ref) {
-  var theme = _ref.theme;
-  return {
-    // reset
-    fontFamily: theme.typography.fonts.mono,
-    WebkitFontSmoothing: 'antialiased',
-    MozOsxFontSmoothing: 'grayscale',
-    lineHeight: '18px',
-    padding: '11px 1rem',
-    whiteSpace: 'pre-wrap',
-    color: 'inherit',
-    borderRadius: 3,
-    margin: '1rem 0',
-    '&:not(.prismjs)': {
-      background: 'transparent',
-      border: 'none',
-      borderRadius: 0,
-      padding: 0,
-      margin: 0
-    },
-    '& pre, &.prismjs': {
-      padding: 15,
-      margin: 0,
-      whiteSpace: 'pre-wrap',
-      color: 'inherit',
-      fontSize: '13px',
-      lineHeight: '19px',
-      code: {
-        color: 'inherit',
-        fontSize: 'inherit'
-      }
-    },
-    '& code': {
-      whiteSpace: 'pre'
-    },
-    '& code, & tt': {
-      border: 'none'
-    }
-  };
-});
-
-exports.Pre = Pre;

package/dist/cjs/typography/elements/Span.js

@@ -1,92 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.Span = void 0;
-
-var _theming = require("@storybook/theming");
-
-var _common = require("../lib/common");
-
-var Span = _theming.styled.span(_common.withReset, function (_ref) {
-  var theme = _ref.theme;
-  return {
-    '&.frame': {
-      display: 'block',
-      overflow: 'hidden',
-      '& > span': {
-        border: "1px solid ".concat(theme.color.medium),
-        display: 'block',
-        float: 'left',
-        overflow: 'hidden',
-        margin: '13px 0 0',
-        padding: 7,
-        width: 'auto'
-      },
-      '& span img': {
-        display: 'block',
-        float: 'left'
-      },
-      '& span span': {
-        clear: 'both',
-        color: theme.color.darkest,
-        display: 'block',
-        padding: '5px 0 0'
-      }
-    },
-    '&.align-center': {
-      display: 'block',
-      overflow: 'hidden',
-      clear: 'both',
-      '& > span': {
-        display: 'block',
-        overflow: 'hidden',
-        margin: '13px auto 0',
-        textAlign: 'center'
-      },
-      '& span img': {
-        margin: '0 auto',
-        textAlign: 'center'
-      }
-    },
-    '&.align-right': {
-      display: 'block',
-      overflow: 'hidden',
-      clear: 'both',
-      '& > span': {
-        display: 'block',
-        overflow: 'hidden',
-        margin: '13px 0 0',
-        textAlign: 'right'
-      },
-      '& span img': {
-        margin: 0,
-        textAlign: 'right'
-      }
-    },
-    '&.float-left': {
-      display: 'block',
-      marginRight: 13,
-      overflow: 'hidden',
-      float: 'left',
-      '& span': {
-        margin: '13px 0 0'
-      }
-    },
-    '&.float-right': {
-      display: 'block',
-      marginLeft: 13,
-      overflow: 'hidden',
-      float: 'right',
-      '& > span': {
-        display: 'block',
-        overflow: 'hidden',
-        margin: '13px auto 0',
-        textAlign: 'right'
-      }
-    }
-  };
-});
-
-exports.Span = Span;

package/dist/cjs/typography/elements/TT.js

@@ -1,14 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.TT = void 0;
-
-var _theming = require("@storybook/theming");
-
-var _common = require("../lib/common");
-
-var TT = _theming.styled.title(_common.codeCommon);
-
-exports.TT = TT;