@quintype/arrow 3.15.1-perf.4 → 3.15.1-perf.8

package/atoms/CollectionName/index.js

@@ -1,255 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var _getClassName = require('babel-plugin-react-css-modules/dist/browser/getClassName');
-var React = require('react');
-var reactRedux = require('react-redux');
-var PropTypes = require('prop-types');
-var components = require('@quintype/components');
-var lodash = require('lodash');
-require('@babel/runtime/helpers/asyncToGenerator');
-require('@babel/runtime/helpers/typeof');
-require('@babel/runtime/regenerator');
-require('react-timeago');
-require('date-fns-tz');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var _getClassName__default = /*#__PURE__*/_interopDefaultLegacy(_getClassName);
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-var PropTypes__default = /*#__PURE__*/_interopDefaultLegacy(PropTypes);
-
-var StateContext = /*#__PURE__*/React.createContext(); // eslint-disable-next-line react/display-name
-var useStateValue = function useStateValue() {
-  return React.useContext(StateContext);
-};
-
-var hexToRGB = function hexToRGB(hex) {
-  var r = parseInt(hex.slice(1, 3), 16);
-  var g = parseInt(hex.slice(3, 5), 16);
-  var b = parseInt(hex.slice(5, 7), 16);
-  return {
-    r: r,
-    g: g,
-    b: b
-  };
-};
-var getLuminanceOfColor = function getLuminanceOfColor(hex) {
-  var _hexToRGB = hexToRGB(hex),
-      r = _hexToRGB.r,
-      g = _hexToRGB.g,
-      b = _hexToRGB.b;
-
-  return r * 0.299 + g * 0.587 + b * 0.114;
-};
-var rgbToHex = function rgbToHex() {
-  var color = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : "rgba(255, 255, 255, 0)";
-  var rgba = color.match(/^rgba?[\s+]?\([\s+]?(\d+)[\s+]?,[\s+]?(\d+)[\s+]?,[\s+]?(\d+)[\s+]?/i);
-  return rgba && rgba.length === 4 ? "#" + ("0" + parseInt(rgba[1], 10).toString(16)).slice(-2) + ("0" + parseInt(rgba[2], 10).toString(16)).slice(-2) + ("0" + parseInt(rgba[3], 10).toString(16)).slice(-2) : color;
-};
-var clientWidths = {
-  mobile: 767,
-  tablet: 1024
-};
-var clientWidth = function clientWidth(device) {
-  var foundDeviceWidth = lodash.get(clientWidths, device);
-
-  if (foundDeviceWidth) {
-    return lodash.get(global, "document.documentElement.clientWidth") <= foundDeviceWidth;
-  }
-
-  return false;
-};
-var getTextColor = function getTextColor() {
-  var theme = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : "rgb(255,255,255)";
-  var isRegexCheck = /^#([A-Fa-f0-9]{6}|[A-Fa-f0-9]{3})$/.test(theme);
-  var getHexValue = !isRegexCheck ? rgbToHex(theme) : theme;
-  var textColor = getLuminanceOfColor(getHexValue) < 155 ? "light" : "dark";
-  return textColor;
-};
-var getSlug = function getSlug(collection) {
-  var config = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
-  var _config$magazineSlug = config.magazineSlug,
-      magazineSlug = _config$magazineSlug === void 0 ? "" : _config$magazineSlug,
-      _config$isArchivePage = config.isArchivePage,
-      isArchivePage = _config$isArchivePage === void 0 ? false : _config$isArchivePage;
-
-  if (isArchivePage) {
-    return "/magazine/archive/".concat(magazineSlug);
-  }
-
-  if (magazineSlug) {
-    return "/magazine/".concat(magazineSlug, "/").concat(collection.slug);
-  }
-
-  var isSection = collection.template === "section";
-
-  if (isSection) {
-    var sectionId = lodash.get(collection, ["metadata", "section", "0", "id"], "");
-    var sections = config.sections;
-    var section = sections && sections.find(function (section) {
-      return section.id === sectionId;
-    });
-    return section ? section["section-url"] : "/";
-  }
-
-  return "/collection/".concat(collection.slug);
-};
-PropTypes__default["default"].shape({
-  "sketches-host": PropTypes__default["default"].string,
-  "cdn-name": PropTypes__default["default"].string,
-  "cdn-image": PropTypes__default["default"].string
-});
-PropTypes__default["default"].shape({
-  headline: PropTypes__default["default"].string,
-  "last-published-at": PropTypes__default["default"].number,
-  subheadline: PropTypes__default["default"].string
-});
-
-var _styleModuleImportMap = {
-  "./collection-name.m.css": {
-    "collection": "collection-name-m_collection__JD6sx",
-    "collection-borderLeft": "collection-name-m_collection-borderLeft__3Dznk",
-    "border-left": "collection-name-m_border-left__3_pYw",
-    "collection-borderBottomFull": "collection-name-m_collection-borderBottomFull__Dkq3K",
-    "collection-borderBottom": "collection-name-m_collection-borderBottom__2rdQM",
-    "collection-crossLine": "collection-name-m_collection-crossLine__1sIpN",
-    "border-bottom": "collection-name-m_border-bottom__1MnlV",
-    "dark": "collection-name-m_dark__nMe5H",
-    "light": "collection-name-m_light__1vFDN"
-  }
-};
-var CollectionNameBase = function CollectionNameBase(_ref) {
-  var _ref$collectionNameBo = _ref.collectionNameBorderColor,
-      collectionNameBorderColor = _ref$collectionNameBo === void 0 ? "" : _ref$collectionNameBo,
-      collection = _ref.collection,
-      config = _ref.config,
-      collectionNameTemplate = _ref.collectionNameTemplate,
-      headerLevel = _ref.headerLevel,
-      _ref$customCollection = _ref.customCollectionName,
-      customCollectionName = _ref$customCollection === void 0 ? "" : _ref$customCollection,
-      _ref$navigate = _ref.navigate,
-      navigate = _ref$navigate === void 0 ? true : _ref$navigate;
-  var collectionTitle = useStateValue() || {};
-  var showRowTitle = lodash.get(collectionTitle, ["showRowTitle"], true);
-  var supportedTemplates = ["borderLeft", "borderBottom", "crossLine", "borderBottomFull"];
-  var templateStyle = supportedTemplates.includes(collectionNameTemplate) ? " collection-".concat(collectionNameTemplate) : "";
-  var slug = navigate && collection && getSlug(collection, config) || "";
-  var collectionName = customCollectionName || collection.name || "";
-  var textColor = getTextColor(collectionTitle.theme);
-  var HeaderTag = "h" + headerLevel;
-  var CollectionNameBorderColor = rgbToHex(collectionNameBorderColor);
-  var borderBottomFullStyle = templateStyle.includes("collection-borderBottomFull") ? "4px solid ".concat(CollectionNameBorderColor) : "";
-
-  var borderBottomStyle = function borderBottomStyle() {
-    return templateStyle.includes("collection-borderBottom") && !templateStyle.includes("collection-borderBottomFull") ? /*#__PURE__*/React__default["default"].createElement("div", {
-      className: "collection-name-m_border-bottom__1MnlV",
-      style: {
-        borderBottom: "4px solid ".concat(CollectionNameBorderColor)
-      }
-    }) : "";
-  };
-
-  var isMobile = clientWidth("mobile");
-
-  var getBorderHeight = function getBorderHeight() {
-    if (isMobile) {
-      switch (headerLevel) {
-        case "1":
-          return "32px";
-
-        case "2":
-          return "24px";
-
-        case "3":
-          return "20px";
-
-        case "4":
-          return "18px";
-
-        case "5":
-          return "16px";
-
-        case "6":
-          return "16px";
-
-        default:
-          return "20px";
-      }
-    }
-
-    switch (headerLevel) {
-      case "1":
-        return "40px";
-
-      case "2":
-        return "32px";
-
-      case "3":
-        return "24px";
-
-      case "4":
-        return "20px";
-
-      case "5":
-        return "18px";
-
-      case "6":
-        return "16px";
-
-      default:
-        return "24px";
-    }
-  };
-
-  return /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, showRowTitle && collectionName && /*#__PURE__*/React__default["default"].createElement("div", {
-    style: {
-      borderBottom: borderBottomFullStyle
-    },
-    "data-test-id": "collection-name",
-    className: ("arr--collection-name arrow-component ".concat(templateStyle) ? "arr--collection-name arrow-component ".concat(templateStyle) + " " : "") + _getClassName__default["default"]("collection ".concat(textColor, " ").concat(templateStyle), _styleModuleImportMap)
-  }, templateStyle.includes("collection-borderLeft") && /*#__PURE__*/React__default["default"].createElement("span", {
-    className: "arr-collection-name-border-left collection-name-m_border-left__3_pYw",
-    style: {
-      color: CollectionNameBorderColor,
-      fontSize: getBorderHeight()
-    }
-  }), slug && !slug.includes(undefined) ? /*#__PURE__*/React__default["default"].createElement(components.Link, {
-    href: slug,
-    "aria-label": "collection-name"
-  }, /*#__PURE__*/React__default["default"].createElement(HeaderTag, null, collectionName)) : /*#__PURE__*/React__default["default"].createElement(HeaderTag, null, collectionName), borderBottomStyle()));
-};
-CollectionNameBase.propTypes = {
-  /** Collection name border color */
-  collectionNameBorderColor: PropTypes.PropTypes.string,
-
-  /** The Collection Object from the API response */
-  collection: PropTypes.PropTypes.object,
-
-  /** The publisher config from the API response */
-  config: PropTypes.PropTypes.object,
-
-  /** The style template for the component  */
-  collectionNameTemplate: PropTypes.PropTypes.oneOf(["", "borderLeft", "borderBottom", "crossLine", "borderBottomFull"]),
-
-  /** Header tags ranging h1-h6, where h[headerLevel] */
-  headerLevel: PropTypes.PropTypes.string,
-  customCollectionName: PropTypes.PropTypes.string,
-  navigate: PropTypes.PropTypes.bool
-};
-CollectionNameBase.defaultProps = {
-  collectionNameTemplate: "",
-  headerLevel: "3"
-};
-
-function mapStateToProps(state) {
-  return {
-    config: lodash.get(state, ["qt", "config"], {})
-  };
-}
-
-var CollectionName = reactRedux.connect(mapStateToProps)(CollectionNameBase);
-
-exports.CollectionName = CollectionName;
-exports.CollectionNameBase = CollectionNameBase;

package/atoms/CollectionName/styles.arrow.css

@@ -1 +0,0 @@
-.collection-name-m_collection__2xOPW{font-size:var(--arrow-fs-m);font-weight:var(--arrow-fw-bold);margin-bottom:var(--arrow-spacing-m)}@media (min-width:768px){.collection-name-m_collection__2xOPW{font-size:var(--arrow-fs-l);margin-bottom:var(--arrow-spacing-l)}}.collection-name-m_collection-borderLeft__sm2OQ{align-items:baseline;display:flex}.collection-name-m_collection-borderLeft__sm2OQ .collection-name-m_border-left__0j0qr{margin-right:var(--arrow-spacing-xs);min-width:5px;overflow:hidden;width:5px}.collection-name-m_collection-borderLeft__sm2OQ .collection-name-m_border-left__0j0qr:before{content:"I";font-family:var(--arrow-sans-serif)}.collection-name-m_collection-borderBottomFull__8-REi{display:inline-block}.collection-name-m_collection-borderBottom__QM0lv{display:block}.collection-name-m_collection-crossLine__gO4l0{align-items:center;display:flex}.collection-name-m_collection-crossLine__gO4l0:before{border-top:1px solid var(--arrow-c-mono5);content:" ";flex:1 1 auto;margin-right:var(--arrow-spacing-l);position:relative}.collection-name-m_collection-crossLine__gO4l0:after{border-top:1px solid var(--arrow-c-mono5);content:" ";flex:1 1 auto;margin-left:var(--arrow-spacing-l);position:relative}html[dir=rtl] .collection-name-m_collection-borderLeft__sm2OQ .collection-name-m_border-left__0j0qr{margin-left:var(--arrow-spacing-xs);margin-right:0}html[dir=rtl] .collection-name-m_collection-crossLine__gO4l0:before{margin-left:var(--arrow-spacing-l);margin-right:0}html[dir=rtl] .collection-name-m_collection-crossLine__gO4l0:after{margin-left:0;margin-right:var(--arrow-spacing-l)}.collection-name-m_border-bottom__i9Gqk{height:4px;margin-top:var(--arrow-spacing-xxs);width:20px}.collection-name-m_collection-crossLine__gO4l0 .collection-name-m_border-bottom__i9Gqk{visibility:hidden}.collection-name-m_dark__VlJO3 a,.collection-name-m_dark__VlJO3 h2,.collection-name-m_dark__VlJO3 h3,.collection-name-m_dark__VlJO3 h5{color:var(--arrow-c-mono2)}.collection-name-m_light__xsoWS a,.collection-name-m_light__xsoWS h2,.collection-name-m_light__xsoWS h3,.collection-name-m_light__xsoWS h5{color:var(--arrow-c-invert-mono2)}

package/atoms/ExtendedLoadMore/index-0f809dd9.js

@@ -1,254 +0,0 @@
-'use strict';
-
-var _getClassName = require('babel-plugin-react-css-modules/dist/browser/getClassName');
-var React = require('react');
-var index = require('./index-93cb06d1.js');
-var PropTypes = require('prop-types');
-var lodash = require('lodash');
-var index$1 = require('./index-142f015c.js');
-var index$2 = require('./index-8462c597.js');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var _getClassName__default = /*#__PURE__*/_interopDefaultLegacy(_getClassName);
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-var PropTypes__default = /*#__PURE__*/_interopDefaultLegacy(PropTypes);
-
-var _styleModuleImportMap$1 = {
-  "./subheadline.m.css": {
-    "subheadline": "subheadline-m_subheadline__3fd7z",
-    "dark": "subheadline-m_dark__28u00",
-    "light": "subheadline-m_light__2YUOe"
-  }
-};
-var Subheadline = function Subheadline(_ref) {
-  var story = _ref.story,
-      _ref$truncateChars = _ref.truncateChars,
-      truncateChars = _ref$truncateChars === void 0 ? 200 : _ref$truncateChars,
-      lineClamp = _ref.lineClamp,
-      _ref$clazzName = _ref.clazzName,
-      clazzName = _ref$clazzName === void 0 ? "" : _ref$clazzName,
-      forceShowAtom = _ref.forceShowAtom,
-      showFullContent = _ref.showFullContent;
-  var config = index.useStateValue() || {};
-  var subheadline = forceShowAtom || lodash.get(config, ["showSubheadline"], true);
-  if (!subheadline) return null;
-  var textColor = index$1.getTextColor(config.theme);
-  return /*#__PURE__*/React__default["default"].createElement("div", {
-    style: {
-      WebkitLineClamp: lineClamp
-    },
-    "data-test-id": "subheadline",
-    className: ("p-alt arr--sub-headline arrow-component ".concat(clazzName) ? "p-alt arr--sub-headline arrow-component ".concat(clazzName) + " " : "") + _getClassName__default["default"]("subheadline ".concat(textColor), _styleModuleImportMap$1)
-  }, showFullContent || typeof lineClamp === "number" ? story.subheadline : index$1.truncate(story.subheadline, truncateChars, true));
-};
-Subheadline.propTypes = {
-  /** The Story Object from the API response */
-  story: PropTypes__default["default"].object.isRequired,
-  //  Restricts the number of lines for subheadline.
-  lineClamp: PropTypes__default["default"].number,
-
-  /** Number of characters to truncate the subheadline */
-  truncateChars: PropTypes__default["default"].number,
-  clazzName: PropTypes__default["default"].string,
-  forceShowAtom: PropTypes__default["default"].bool,
-  showFullContent: PropTypes__default["default"].bool
-};
-Subheadline.defaultProps = {
-  forceShowAtom: false,
-  showFullContent: false
-};
-
-var _styleModuleImportMap = {
-  "./storycard.m.css": {
-    "author-timestamp-wrapper": "storycard-m_author-timestamp-wrapper__20yjp",
-    "default-card": "storycard-m_default-card__1-POn",
-    "horizontal-card": "storycard-m_horizontal-card___7afz",
-    "backgroung-img": "storycard-m_backgroung-img__1FMJT",
-    "content-overlap": "storycard-m_content-overlap__1yNHR",
-    "border-full": "storycard-m_border-full__1nhy7",
-    "light": "storycard-m_light__3EhXN",
-    "dark": "storycard-m_dark__2wCTq",
-    "border-bottom": "storycard-m_border-bottom__2_E-I",
-    "border-boxShadow": "storycard-m_border-boxShadow__2-k3Z",
-    "center-align": "storycard-m_center-align__1Sn8-",
-    "content-bottom": "storycard-m_content-bottom__1QHeC",
-    "content-full": "storycard-m_content-full__2zJmU",
-    "content-boxShadow": "storycard-m_content-boxShadow__2IAWZ",
-    "hero-image": "storycard-m_hero-image__1H3MB",
-    "right-padding": "storycard-m_right-padding__12-lQ",
-    "horizontal-mob": "storycard-m_horizontal-mob__17JG2",
-    "content": "storycard-m_content__1Q9vq",
-    "border-default": "storycard-m_border-default__PEZ1x",
-    "card": "storycard-m_card__KJwRa",
-    "horizontal-image-last": "storycard-m_horizontal-image-last__3o6LY"
-  }
-};
-var StoryCard = function StoryCard(_ref) {
-  var story = _ref.story,
-      children = _ref.children,
-      isHorizontal = _ref.isHorizontal,
-      aspectRatio = _ref.aspectRatio,
-      border = _ref.border,
-      useImageAsBackground = _ref.useImageAsBackground,
-      bgImgContentOverlap = _ref.bgImgContentOverlap,
-      theme = _ref.theme,
-      borderColor = _ref.borderColor,
-      isHorizontalMobile = _ref.isHorizontalMobile,
-      centerAlign = _ref.centerAlign,
-      headerLevel = _ref.headerLevel,
-      hideAuthorImage = _ref.hideAuthorImage,
-      prefix = _ref.prefix,
-      config = _ref.config,
-      isHorizontalWithImageLast = _ref.isHorizontalWithImageLast;
-  if (!story || index$1.isEmpty(story)) return /*#__PURE__*/React__default["default"].createElement("div", null);
-  var borderOptions = ["default", "full", "bottom", "boxShadow"];
-  var borderTemplate = borderOptions.includes(border) ? "border-".concat(border) : ""; // TODO optimize conditions
-
-  var horizontalCardStyle = "default-card";
-  if (isHorizontal) horizontalCardStyle = "horizontal-card";else if (isHorizontalWithImageLast) horizontalCardStyle = "horizontal-image-last";
-  var bgImageClasses = useImageAsBackground ? "backgroung-img" : "";
-  var bgImgContentOverlapClass = bgImgContentOverlap ? "content-overlap" : "";
-  var textColor = index$1.getTextColor(theme);
-  var horizontalMobileClasses = isHorizontalMobile ? "horizontal-mob" : "";
-  var defaultStorycard = /*#__PURE__*/React__default["default"].createElement(DefaultStoryCard, {
-    story: story,
-    aspectRatio: aspectRatio,
-    border: border,
-    isHorizontalMobile: isHorizontalMobile,
-    isHorizontal: isHorizontal,
-    centerAlign: centerAlign,
-    headerLevel: headerLevel,
-    borderColor: borderColor,
-    hideAuthorImage: hideAuthorImage,
-    prefix: prefix,
-    config: config,
-    isHorizontalWithImageLast: isHorizontalWithImageLast
-  });
-  return /*#__PURE__*/React__default["default"].createElement("div", {
-    "data-test-id": "story-card",
-    style: {
-      backgroundColor: theme,
-      color: textColor
-    },
-    className: "arr--story-card " + _getClassName__default["default"]("card ".concat(horizontalCardStyle, " ").concat(borderTemplate, " ").concat(textColor, " ").concat(bgImageClasses, " ").concat(bgImgContentOverlapClass, " ").concat(horizontalMobileClasses), _styleModuleImportMap)
-  }, children || defaultStorycard);
-};
-
-var DefaultStoryCard = function DefaultStoryCard(_ref2) {
-  var story = _ref2.story;
-      _ref2.border;
-      var isHorizontal = _ref2.isHorizontal,
-      aspectRatio = _ref2.aspectRatio,
-      headerLevel = _ref2.headerLevel,
-      _ref2$isHorizontalMob = _ref2.isHorizontalMobile,
-      isHorizontalMobile = _ref2$isHorizontalMob === void 0 ? false : _ref2$isHorizontalMob,
-      _ref2$centerAlign = _ref2.centerAlign,
-      centerAlign = _ref2$centerAlign === void 0 ? false : _ref2$centerAlign,
-      borderColor = _ref2.borderColor,
-      hideAuthorImage = _ref2.hideAuthorImage,
-      prefix = _ref2.prefix,
-      isHorizontalWithImageLast = _ref2.isHorizontalWithImageLast,
-      config = _ref2.config;
-  var alignment = centerAlign ? "center-align" : "";
-  var SectionTagborderColor = index$1.rgbToHex(borderColor);
-  var _config$localizationC = config.localizationConfig,
-      localizationConfig = _config$localizationC === void 0 ? {} : _config$localizationC;
-  return /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, isHorizontal ? /*#__PURE__*/React__default["default"].createElement(index$2.HeroImage, {
-    config: config,
-    story: story,
-    isHorizontal: true,
-    isHorizontalMobile: isHorizontalMobile,
-    aspectRatio: aspectRatio
-  }) : isHorizontalWithImageLast ? /*#__PURE__*/React__default["default"].createElement(index$2.HeroImage, {
-    config: config,
-    story: story,
-    isHorizontalWithImageLast: true,
-    isHorizontalMobile: isHorizontalMobile,
-    aspectRatio: aspectRatio
-  }) : /*#__PURE__*/React__default["default"].createElement(index$2.HeroImage, {
-    story: story,
-    config: config,
-    isHorizontalMobile: isHorizontalMobile,
-    aspectRatio: aspectRatio
-  }), /*#__PURE__*/React__default["default"].createElement("div", {
-    className: "arr--story-content " + _getClassName__default["default"]("content ".concat(alignment), _styleModuleImportMap)
-  }, /*#__PURE__*/React__default["default"].createElement(index$2.SectionTag, {
-    story: story,
-    borderColor: SectionTagborderColor
-  }), /*#__PURE__*/React__default["default"].createElement(index.Headline, {
-    story: story,
-    headerLevel: headerLevel,
-    premiumStoryIconConfig: config
-  }), /*#__PURE__*/React__default["default"].createElement(index.AuthorWithTime, {
-    config: localizationConfig,
-    story: story,
-    isBottom: true,
-    prefix: prefix,
-    hideAuthorImage: hideAuthorImage
-  }), /*#__PURE__*/React__default["default"].createElement(Subheadline, {
-    story: story
-  })));
-};
-
-DefaultStoryCard.propTypes = {
-  story: PropTypes__default["default"].object.isRequired,
-  border: PropTypes__default["default"].oneOfType([PropTypes__default["default"].string]),
-  isBottom: PropTypes__default["default"].bool,
-  isHorizontal: PropTypes__default["default"].bool,
-  aspectRatio: PropTypes__default["default"].oneOfType([PropTypes__default["default"].array]),
-  isHorizontalMobile: PropTypes__default["default"].bool,
-  centerAlign: PropTypes__default["default"].bool,
-  headerLevel: PropTypes__default["default"].string,
-  borderColor: PropTypes__default["default"].string,
-  hideAuthorImage: PropTypes__default["default"].bool,
-  prefix: PropTypes__default["default"].string,
-  config: PropTypes__default["default"].object,
-  isHorizontalWithImageLast: PropTypes__default["default"].bool
-};
-StoryCard.propTypes = {
-  /** The Story Object from the API response */
-  story: PropTypes__default["default"].object.isRequired,
-  children: PropTypes__default["default"].node,
-
-  /** Flip the Story Card to Horizonal mode */
-  isHorizontal: PropTypes__default["default"].bool,
-
-  /** Add border to the Story Card  */
-  border: PropTypes__default["default"].oneOfType([PropTypes__default["default"].string]),
-  // story card with background image
-  useImageAsBackground: PropTypes__default["default"].bool,
-  // story card  content overlap with image
-  bgImgContentOverlap: PropTypes__default["default"].bool,
-
-  /** add aspect ratio for hero image  */
-  aspectRatio: PropTypes__default["default"].oneOfType([PropTypes__default["default"].array]),
-
-  /** add theme(dark /light/custom color) for storycard  */
-  theme: PropTypes__default["default"].string,
-
-  /** flip the story card mobile design horizontal */
-  isHorizontalMobile: PropTypes__default["default"].bool,
-  // make content center align in desktop and left align in mobile
-  centerAlign: PropTypes__default["default"].bool,
-  headerLevel: PropTypes__default["default"].string,
-  borderColor: PropTypes__default["default"].string,
-  // handle author image through storycard
-  hideAuthorImage: PropTypes__default["default"].bool,
-  // handle author prefix through storycard
-  prefix: PropTypes__default["default"].string,
-  config: PropTypes__default["default"].object,
-  isHorizontalWithImageLast: PropTypes__default["default"].bool
-};
-StoryCard.defaultProps = {
-  isHorizontal: false,
-  isHorizontalMobile: false,
-  border: "default",
-  theme: "",
-  centerAlign: false,
-  borderColor: "",
-  isHorizontalWithImageLast: false
-};
-
-exports.StoryCard = StoryCard;
-exports.Subheadline = Subheadline;