@blaze-cms/react-page-builder 0.123.0-alpha.20 → 0.123.0-alpha.23

package/CHANGELOG.md

@@ -3,6 +3,30 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [0.123.0-alpha.23](https://github.com/thebyte9/blaze/compare/v0.123.0-alpha.22...v0.123.0-alpha.23) (2022-04-04)
+
+**Note:** Version bump only for package @blaze-cms/react-page-builder
+
+
+
+
+
+# [0.123.0-alpha.22](https://github.com/thebyte9/blaze/compare/v0.123.0-alpha.21...v0.123.0-alpha.22) (2022-04-04)
+
+**Note:** Version bump only for package @blaze-cms/react-page-builder
+
+
+
+
+
+# [0.123.0-alpha.21](https://github.com/thebyte9/blaze/compare/v0.123.0-alpha.20...v0.123.0-alpha.21) (2022-04-01)
+
+**Note:** Version bump only for package @blaze-cms/react-page-builder
+
+
+
+
+
 # [0.123.0-alpha.20](https://github.com/thebyte9/blaze/compare/v0.123.0-alpha.19...v0.123.0-alpha.20) (2022-04-01)
 
 **Note:** Version bump only for package @blaze-cms/react-page-builder

package/lib/components/Card/Card.js

@@ -47,7 +47,7 @@ var _helpers2 = require("./helpers");
 
 var _constants = require("./constants");
 
-var _excluded = ["id", "image", "name", "url", "entity", "entityProps", "alternativePreHeader", "alternativeHeadline", "category", "modifier", "propsToDisplay", "propsToDisplayModifiers", "gtmId", "style", "priority", "cardChildren", "gtmChildren", "displayCategory", "displayThumbnail", "displayTitle", "enableOverlay", "overlayModifier", "gridModifier"];
+var _excluded = ["id", "image", "name", "url", "entity", "entityProps", "alternativePreHeader", "alternativeHeadline", "category", "modifier", "propsToDisplay", "propsToDisplayModifiers", "gtmId", "style", "priority", "cardChildren", "gtmChildren", "displayCategory", "displayThumbnail", "displayTitle", "enableOverlay", "titleOverlayModifier", "overlayModifier", "gridModifier"];
 
 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); }
 
@@ -75,6 +75,7 @@ var Card = function Card(_ref) {
       displayThumbnail = _ref.displayThumbnail,
       displayTitle = _ref.displayTitle,
       enableOverlay = _ref.enableOverlay,
+      titleOverlayModifier = _ref.titleOverlayModifier,
       overlayModifier = _ref.overlayModifier,
       gridModifier = _ref.gridModifier,
       otherProps = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
@@ -121,6 +122,7 @@ var Card = function Card(_ref) {
   var Wrapper = shouldUseClickWrapper ? _ClickWrapper["default"] : _react.Fragment;
   var classNameWithModifiers = (0, _helpers.getModifiers)(_constants.CARD_STRING, modifiers);
   var contentWrapperModifier = "".concat((0, _helpers.getModifiers)('card__content-wrapper', modifiers), " ").concat(enableOverlay ? overlayModifier : '');
+  var titleWrapperModifier = "".concat((0, _helpers.getModifiers)('card__title', modifiers), " ").concat(titleOverlayModifier);
   return /*#__PURE__*/_react["default"].createElement(Wrapper, wrapperProps, /*#__PURE__*/_react["default"].createElement("div", {
     className: classNameWithModifiers
   }, shouldDisplayThumbnail && /*#__PURE__*/_react["default"].createElement("div", {
@@ -147,7 +149,7 @@ var Card = function Card(_ref) {
   }, preHeader.name) : /*#__PURE__*/_react["default"].createElement("div", {
     className: "badge badge--label"
   }, label)), displayTitle && /*#__PURE__*/_react["default"].createElement("h2", {
-    className: (0, _helpers.getModifiers)('card__title', modifiers)
+    className: titleWrapperModifier
   }, /*#__PURE__*/_react["default"].createElement(_BlazeLink["default"], {
     title: linkTitle,
     gtmId: gtmId,
@@ -196,8 +198,9 @@ Card.propTypes = {
   displayCategory: _propTypes["default"].bool.isRequired,
   displayThumbnail: _propTypes["default"].bool.isRequired,
   displayTitle: _propTypes["default"].bool.isRequired,
-  enableOverlay: _propTypes["default"].bool.isRequired,
+  enableOverlay: _propTypes["default"].bool,
   overlayModifier: _propTypes["default"].string,
+  titleOverlayModifier: _propTypes["default"].string,
   cardChildren: _propTypes["default"].oneOfType([_propTypes["default"].arrayOf(_propTypes["default"].node), _propTypes["default"].node]),
   gtmChildren: _propTypes["default"].oneOfType([_propTypes["default"].arrayOf(_propTypes["default"].node), _propTypes["default"].node]),
   gridModifier: _propTypes["default"].string,
@@ -222,7 +225,9 @@ Card.defaultProps = {
   gtmChildren: [],
   gridModifier: '',
   priority: false,
-  overlayModifier: ''
+  overlayModifier: 'card__content--overlay',
+  titleOverlayModifier: 'card__content--overlay__title',
+  enableOverlay: true
 };
 
 var getCategoryDefinedProps = function getCategoryDefinedProps(_ref2) {

package/lib/components/Card/Card.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/Card/Card.js"],"names":["Card","id","image","name","url","entity","entityProps","alternativePreHeader","alternativeHeadline","category","modifier","propsToDisplay","propsToDisplayModifiers","gtmId","style","priority","cardChildren","gtmChildren","displayCategory","displayThumbnail","displayTitle","enableOverlay","overlayModifier","gridModifier","otherProps","getImageDefinedProps","imageSrc","shouldDisplayThumbnail","altText","modifiers","getInitialModifiers","getCategoryDefinedProps","publishedListingPage","preHeader","label","headline","linkTitle","dynamicSizeKey","CARD_STRING","shouldUseClickWrapper","wrapperProps","Wrapper","ClickWrapper","Fragment","classNameWithModifiers","contentWrapperModifier","length","map","prop","i","dynamicKey","propModifier","propTypes","PropTypes","string","isRequired","shape","data","object","array","bool","oneOfType","arrayOf","node","defaultProps","hasAlternativePreHeader","sponsored","featured","push"],"mappings":"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","sourcesContent":["import React, { Fragment } from 'react';\nimport PropTypes from 'prop-types';\nimport BlazeLink from '../BlazeLink';\nimport ClickWrapper from '../ClickWrapper';\nimport {\n  getModifiers,\n  renderChildren,\n  updateChildrensParent,\n  getClickWrapperOptions\n} from '../../helpers';\nimport LazyImage from '../LazyImage';\nimport { getPublishedListingUrl, useDynamicSizeKey } from './helpers';\nimport { CARD_STRING } from './constants';\n\nconst Card = ({\n  id,\n  image,\n  name,\n  url,\n  entity,\n  entityProps,\n  alternativePreHeader,\n  alternativeHeadline,\n  category,\n  modifier,\n  propsToDisplay,\n  propsToDisplayModifiers,\n  gtmId,\n  style,\n  priority,\n  cardChildren,\n  gtmChildren,\n  displayCategory,\n  displayThumbnail,\n  displayTitle,\n  enableOverlay,\n  overlayModifier,\n  gridModifier,\n  ...otherProps\n}) => {\n  updateChildrensParent(cardChildren, id, entity);\n  const { imageSrc, shouldDisplayThumbnail, altText } = getImageDefinedProps({\n    image,\n    displayThumbnail\n  });\n\n  const modifiers = getInitialModifiers({ modifier, style, otherProps });\n\n  const { publishedListingPage, preHeader, label, headline } = getCategoryDefinedProps({\n    alternativePreHeader,\n    category,\n    entity,\n    alternativeHeadline,\n    displayCategory,\n    name\n  });\n  const linkTitle = name;\n  const dynamicSizeKey = useDynamicSizeKey(CARD_STRING, { style, gridModifier, modifier });\n  const { shouldUseClickWrapper, wrapperProps } = getClickWrapperOptions(\n    gtmChildren,\n    entityProps,\n    id\n  );\n  const Wrapper = shouldUseClickWrapper ? ClickWrapper : Fragment;\n  const classNameWithModifiers = getModifiers(CARD_STRING, modifiers);\n\n  const contentWrapperModifier = `${getModifiers('card__content-wrapper', modifiers)} ${\n    enableOverlay ? overlayModifier : ''\n  }`;\n\n  return (\n    <Wrapper {...wrapperProps}>\n      <div className={classNameWithModifiers}>\n        {shouldDisplayThumbnail && (\n          <div className={getModifiers('card__image', modifiers)}>\n            <BlazeLink gtmId={gtmId} href={url} className=\"card__image-link\" scroll>\n              <LazyImage\n                src={imageSrc}\n                alt={altText}\n                sizeKey={dynamicSizeKey}\n                priority={priority}\n              />\n            </BlazeLink>\n          </div>\n        )}\n        <div className={contentWrapperModifier}>\n          <div className={getModifiers('card__content', modifiers)}>\n            {displayCategory &&\n              (publishedListingPage ? (\n                <BlazeLink\n                  gtmId={gtmId}\n                  href={publishedListingPage}\n                  className=\"badge badge--label\"\n                  scroll>\n                  {preHeader.name}\n                </BlazeLink>\n              ) : (\n                <div className=\"badge badge--label\">{label}</div>\n              ))}\n            {displayTitle && (\n              <h2 className={getModifiers('card__title', modifiers)}>\n                <BlazeLink title={linkTitle} gtmId={gtmId} href={url} scroll>\n                  {headline}\n                </BlazeLink>\n              </h2>\n            )}\n            {!!propsToDisplay.length && (\n              <div className={getModifiers('card__details', modifiers)}>\n                {propsToDisplay.map((prop, i) => {\n                  if (!prop) return null;\n                  const dynamicKey = `${id}${i}`;\n                  const propModifier = propsToDisplayModifiers[i] || '';\n\n                  return (\n                    <span key={dynamicKey} className={propModifier}>\n                      {prop}\n                    </span>\n                  );\n                })}\n              </div>\n            )}\n          </div>\n          {!!cardChildren && (\n            <div className=\"card__child-content\">{renderChildren(cardChildren)}</div>\n          )}\n        </div>\n      </div>\n    </Wrapper>\n  );\n};\n\nCard.propTypes = {\n  id: PropTypes.string.isRequired,\n  image: PropTypes.shape({\n    url: PropTypes.string,\n    data: PropTypes.object\n  }),\n  style: PropTypes.string,\n  propsToDisplay: PropTypes.array,\n  propsToDisplayModifiers: PropTypes.array,\n  url: PropTypes.string,\n  name: PropTypes.string.isRequired,\n  entity: PropTypes.string.isRequired,\n  entityProps: PropTypes.object,\n  gtmId: PropTypes.string,\n  alternativePreHeader: PropTypes.shape({\n    name: PropTypes.string\n  }),\n  alternativeHeadline: PropTypes.string,\n  category: PropTypes.shape({\n    name: PropTypes.string,\n    publishedListingPage: PropTypes.shape({\n      url: PropTypes.string\n    })\n  }),\n  modifier: PropTypes.string,\n  displayCategory: PropTypes.bool.isRequired,\n  displayThumbnail: PropTypes.bool.isRequired,\n  displayTitle: PropTypes.bool.isRequired,\n  enableOverlay: PropTypes.bool.isRequired,\n  overlayModifier: PropTypes.string,\n  cardChildren: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.node), PropTypes.node]),\n  gtmChildren: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.node), PropTypes.node]),\n  gridModifier: PropTypes.string,\n  priority: PropTypes.bool\n};\n\nCard.defaultProps = {\n  entityProps: {},\n  image: {\n    url: null,\n    data: {}\n  },\n  gtmId: '',\n  style: 'portrait',\n  propsToDisplay: [],\n  propsToDisplayModifiers: [],\n  url: '',\n  alternativePreHeader: null,\n  alternativeHeadline: '',\n  category: null,\n  modifier: '',\n  cardChildren: [],\n  gtmChildren: [],\n  gridModifier: '',\n  priority: false,\n  overlayModifier: ''\n};\n\nconst getCategoryDefinedProps = ({\n  alternativePreHeader,\n  category,\n  entity,\n  alternativeHeadline,\n  displayCategory,\n  name\n}) => {\n  const hasAlternativePreHeader = alternativePreHeader && alternativePreHeader.name;\n  const preHeader =\n    alternativeHeadline && hasAlternativePreHeader ? alternativePreHeader : category;\n  const publishedListingPage = getPublishedListingUrl(preHeader);\n  const label = preHeader ? preHeader.name : entity;\n  const headline =\n    !displayCategory || !hasAlternativePreHeader ? name : alternativeHeadline || name;\n  return { publishedListingPage, preHeader, label, headline };\n};\n\nconst getImageDefinedProps = ({ image, displayThumbnail }) => {\n  const { url: imageSrc, data } = image || {};\n  const shouldDisplayThumbnail = displayThumbnail && imageSrc;\n  const altText = (data && data.altText) || '';\n  return { imageSrc, shouldDisplayThumbnail, altText };\n};\n\nconst getInitialModifiers = ({ modifier, style, otherProps }) => {\n  const modifiers = [modifier, style];\n  const { sponsored, featured } = otherProps;\n  if (sponsored) modifiers.push('sponsored');\n  if (featured) modifiers.push('featured');\n\n  return modifiers;\n};\n\nexport default Card;\n"],"file":"Card.js"}
+{"version":3,"sources":["../../../src/components/Card/Card.js"],"names":["Card","id","image","name","url","entity","entityProps","alternativePreHeader","alternativeHeadline","category","modifier","propsToDisplay","propsToDisplayModifiers","gtmId","style","priority","cardChildren","gtmChildren","displayCategory","displayThumbnail","displayTitle","enableOverlay","titleOverlayModifier","overlayModifier","gridModifier","otherProps","getImageDefinedProps","imageSrc","shouldDisplayThumbnail","altText","modifiers","getInitialModifiers","getCategoryDefinedProps","publishedListingPage","preHeader","label","headline","linkTitle","dynamicSizeKey","CARD_STRING","shouldUseClickWrapper","wrapperProps","Wrapper","ClickWrapper","Fragment","classNameWithModifiers","contentWrapperModifier","titleWrapperModifier","length","map","prop","i","dynamicKey","propModifier","propTypes","PropTypes","string","isRequired","shape","data","object","array","bool","oneOfType","arrayOf","node","defaultProps","hasAlternativePreHeader","sponsored","featured","push"],"mappings":"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","sourcesContent":["import React, { Fragment } from 'react';\nimport PropTypes from 'prop-types';\nimport BlazeLink from '../BlazeLink';\nimport ClickWrapper from '../ClickWrapper';\nimport {\n  getModifiers,\n  renderChildren,\n  updateChildrensParent,\n  getClickWrapperOptions\n} from '../../helpers';\nimport LazyImage from '../LazyImage';\nimport { getPublishedListingUrl, useDynamicSizeKey } from './helpers';\nimport { CARD_STRING } from './constants';\n\nconst Card = ({\n  id,\n  image,\n  name,\n  url,\n  entity,\n  entityProps,\n  alternativePreHeader,\n  alternativeHeadline,\n  category,\n  modifier,\n  propsToDisplay,\n  propsToDisplayModifiers,\n  gtmId,\n  style,\n  priority,\n  cardChildren,\n  gtmChildren,\n  displayCategory,\n  displayThumbnail,\n  displayTitle,\n  enableOverlay,\n  titleOverlayModifier,\n  overlayModifier,\n  gridModifier,\n  ...otherProps\n}) => {\n  updateChildrensParent(cardChildren, id, entity);\n  const { imageSrc, shouldDisplayThumbnail, altText } = getImageDefinedProps({\n    image,\n    displayThumbnail\n  });\n\n  const modifiers = getInitialModifiers({ modifier, style, otherProps });\n\n  const { publishedListingPage, preHeader, label, headline } = getCategoryDefinedProps({\n    alternativePreHeader,\n    category,\n    entity,\n    alternativeHeadline,\n    displayCategory,\n    name\n  });\n  const linkTitle = name;\n  const dynamicSizeKey = useDynamicSizeKey(CARD_STRING, { style, gridModifier, modifier });\n  const { shouldUseClickWrapper, wrapperProps } = getClickWrapperOptions(\n    gtmChildren,\n    entityProps,\n    id\n  );\n  const Wrapper = shouldUseClickWrapper ? ClickWrapper : Fragment;\n  const classNameWithModifiers = getModifiers(CARD_STRING, modifiers);\n\n  const contentWrapperModifier = `${getModifiers('card__content-wrapper', modifiers)} ${\n    enableOverlay ? overlayModifier : ''\n  }`;\n\n  const titleWrapperModifier = `${getModifiers('card__title', modifiers)} ${titleOverlayModifier}`;\n\n  return (\n    <Wrapper {...wrapperProps}>\n      <div className={classNameWithModifiers}>\n        {shouldDisplayThumbnail && (\n          <div className={getModifiers('card__image', modifiers)}>\n            <BlazeLink gtmId={gtmId} href={url} className=\"card__image-link\" scroll>\n              <LazyImage\n                src={imageSrc}\n                alt={altText}\n                sizeKey={dynamicSizeKey}\n                priority={priority}\n              />\n            </BlazeLink>\n          </div>\n        )}\n        <div className={contentWrapperModifier}>\n          <div className={getModifiers('card__content', modifiers)}>\n            {displayCategory &&\n              (publishedListingPage ? (\n                <BlazeLink\n                  gtmId={gtmId}\n                  href={publishedListingPage}\n                  className=\"badge badge--label\"\n                  scroll>\n                  {preHeader.name}\n                </BlazeLink>\n              ) : (\n                <div className=\"badge badge--label\">{label}</div>\n              ))}\n            {displayTitle && (\n              <h2 className={titleWrapperModifier}>\n                <BlazeLink title={linkTitle} gtmId={gtmId} href={url} scroll>\n                  {headline}\n                </BlazeLink>\n              </h2>\n            )}\n            {!!propsToDisplay.length && (\n              <div className={getModifiers('card__details', modifiers)}>\n                {propsToDisplay.map((prop, i) => {\n                  if (!prop) return null;\n                  const dynamicKey = `${id}${i}`;\n                  const propModifier = propsToDisplayModifiers[i] || '';\n\n                  return (\n                    <span key={dynamicKey} className={propModifier}>\n                      {prop}\n                    </span>\n                  );\n                })}\n              </div>\n            )}\n          </div>\n          {!!cardChildren && (\n            <div className=\"card__child-content\">{renderChildren(cardChildren)}</div>\n          )}\n        </div>\n      </div>\n    </Wrapper>\n  );\n};\n\nCard.propTypes = {\n  id: PropTypes.string.isRequired,\n  image: PropTypes.shape({\n    url: PropTypes.string,\n    data: PropTypes.object\n  }),\n  style: PropTypes.string,\n  propsToDisplay: PropTypes.array,\n  propsToDisplayModifiers: PropTypes.array,\n  url: PropTypes.string,\n  name: PropTypes.string.isRequired,\n  entity: PropTypes.string.isRequired,\n  entityProps: PropTypes.object,\n  gtmId: PropTypes.string,\n  alternativePreHeader: PropTypes.shape({\n    name: PropTypes.string\n  }),\n  alternativeHeadline: PropTypes.string,\n  category: PropTypes.shape({\n    name: PropTypes.string,\n    publishedListingPage: PropTypes.shape({\n      url: PropTypes.string\n    })\n  }),\n  modifier: PropTypes.string,\n  displayCategory: PropTypes.bool.isRequired,\n  displayThumbnail: PropTypes.bool.isRequired,\n  displayTitle: PropTypes.bool.isRequired,\n  enableOverlay: PropTypes.bool,\n  overlayModifier: PropTypes.string,\n  titleOverlayModifier: PropTypes.string,\n  cardChildren: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.node), PropTypes.node]),\n  gtmChildren: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.node), PropTypes.node]),\n  gridModifier: PropTypes.string,\n  priority: PropTypes.bool\n};\n\nCard.defaultProps = {\n  entityProps: {},\n  image: {\n    url: null,\n    data: {}\n  },\n  gtmId: '',\n  style: 'portrait',\n  propsToDisplay: [],\n  propsToDisplayModifiers: [],\n  url: '',\n  alternativePreHeader: null,\n  alternativeHeadline: '',\n  category: null,\n  modifier: '',\n  cardChildren: [],\n  gtmChildren: [],\n  gridModifier: '',\n  priority: false,\n  overlayModifier: 'card__content--overlay',\n  titleOverlayModifier: 'card__content--overlay__title',\n  enableOverlay: true\n};\n\nconst getCategoryDefinedProps = ({\n  alternativePreHeader,\n  category,\n  entity,\n  alternativeHeadline,\n  displayCategory,\n  name\n}) => {\n  const hasAlternativePreHeader = alternativePreHeader && alternativePreHeader.name;\n  const preHeader =\n    alternativeHeadline && hasAlternativePreHeader ? alternativePreHeader : category;\n  const publishedListingPage = getPublishedListingUrl(preHeader);\n  const label = preHeader ? preHeader.name : entity;\n  const headline =\n    !displayCategory || !hasAlternativePreHeader ? name : alternativeHeadline || name;\n  return { publishedListingPage, preHeader, label, headline };\n};\n\nconst getImageDefinedProps = ({ image, displayThumbnail }) => {\n  const { url: imageSrc, data } = image || {};\n  const shouldDisplayThumbnail = displayThumbnail && imageSrc;\n  const altText = (data && data.altText) || '';\n  return { imageSrc, shouldDisplayThumbnail, altText };\n};\n\nconst getInitialModifiers = ({ modifier, style, otherProps }) => {\n  const modifiers = [modifier, style];\n  const { sponsored, featured } = otherProps;\n  if (sponsored) modifiers.push('sponsored');\n  if (featured) modifiers.push('featured');\n\n  return modifiers;\n};\n\nexport default Card;\n"],"file":"Card.js"}

package/lib/components/Card/CardContainer.js

@@ -55,7 +55,7 @@ var _helpers2 = require("../../helpers");
 
 var _utils = require("../../utils");
 
-var _excluded = ["cardData", "gridModifier", "style", "displayCategory", "displayThumbnail", "displayTitle", "modifier", "entity", "propsToDisplay", "gtmChildren", "cardChildren", "name", "designConfig", "itemsPerRow", "enableCarousel", "bannerModifier", "priorityLimit", "enableAutoScroll", "autoScrollTimer"],
+var _excluded = ["cardData", "gridModifier", "style", "displayCategory", "displayThumbnail", "displayTitle", "modifier", "entity", "propsToDisplay", "gtmChildren", "cardChildren", "name", "designConfig", "itemsPerRow", "enableCarousel", "bannerModifier", "priorityLimit", "enableAutoScroll", "enableOverlay", "autoScrollTimer", "arrowSize", "overlayModifier"],
     _excluded2 = ["baseAdunit", "id"];
 
 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); }
@@ -81,7 +81,10 @@ var CardContainer = function CardContainer(_ref) {
       bannerModifier = _ref.bannerModifier,
       priorityLimit = _ref.priorityLimit,
       enableAutoScroll = _ref.enableAutoScroll,
+      enableOverlay = _ref.enableOverlay,
       autoScrollTimer = _ref.autoScrollTimer,
+      arrowSize = _ref.arrowSize,
+      overlayModifier = _ref.overlayModifier,
       cardProps = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
   var entities = (0, _helpers2.getEntitiesWithBanner)(cardData, cardProps);
 
@@ -131,7 +134,10 @@ var CardContainer = function CardContainer(_ref) {
       displayCategory: displayCategory,
       displayThumbnail: displayThumbnail,
       displayTitle: displayTitle,
-      priority: priority
+      priority: priority,
+      arrowSize: arrowSize,
+      enableOverlay: enableOverlay,
+      overlayModifier: overlayModifier
     }, entityProps));
   }));
 };
@@ -155,7 +161,10 @@ CardContainer.propTypes = {
   bannerModifier: _propTypes["default"].string,
   priorityLimit: _propTypes["default"].number,
   enableAutoScroll: _propTypes["default"].bool,
-  autoScrollTimer: _propTypes["default"].number
+  enableOverlay: _propTypes["default"].bool,
+  overlayModifier: _propTypes["default"].string,
+  autoScrollTimer: _propTypes["default"].number,
+  arrowSize: _propTypes["default"].string
 };
 CardContainer.defaultProps = {
   gtmChildren: [],
@@ -174,7 +183,10 @@ CardContainer.defaultProps = {
   bannerModifier: '',
   priorityLimit: 0,
   enableAutoScroll: false,
-  autoScrollTimer: 0
+  enableOverlay: false,
+  autoScrollTimer: 0,
+  overlayModifier: '',
+  arrowSize: ''
 };
 
 var _default = (0, _HOC.withTitle)(CardContainer);

package/lib/components/Card/CardContainer.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/Card/CardContainer.js"],"names":["CardContainer","cardData","gridModifier","style","displayCategory","displayThumbnail","displayTitle","modifier","entity","propsToDisplay","gtmChildren","cardChildren","name","designConfig","itemsPerRow","enableCarousel","bannerModifier","priorityLimit","enableAutoScroll","autoScrollTimer","cardProps","entities","MainContext","itemId","propsToDisplayModifiers","dynamicWrapperSizes","cardBannerIndex","CardWrapper","CarouselWrapper","Wrapper","map","index","baseAdunit","id","entityProps","extraProps","dynamicKey","join","priority","propTypes","PropTypes","array","isRequired","string","oneOfType","arrayOf","node","bool","object","number","defaultProps"],"mappings":"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","sourcesContent":["import React, { useContext } from 'react';\nimport PropTypes from 'prop-types';\nimport { MainContext } from '@blaze-cms/nextjs-components';\nimport { withTitle } from '../../HOC';\nimport Banner from '../Banner';\nimport Wrapper from '../Wrapper';\nimport CarouselWrapper from '../CarouselWrapper';\nimport Card from './Card';\nimport { getDynamicGridClasses } from './helpers';\nimport { getEntitiesWithBanner, parsePropsToDisplay } from '../../helpers';\nimport { getPropsToDisplayModifiers } from '../../utils';\n\nconst CardContainer = ({\n  cardData,\n  gridModifier,\n  style,\n  displayCategory,\n  displayThumbnail,\n  displayTitle,\n  modifier,\n  entity,\n  propsToDisplay,\n  gtmChildren,\n  cardChildren,\n  name,\n  designConfig,\n  itemsPerRow,\n  enableCarousel,\n  bannerModifier,\n  priorityLimit,\n  enableAutoScroll,\n  autoScrollTimer,\n  ...cardProps\n}) => {\n  const entities = getEntitiesWithBanner(cardData, cardProps);\n  const { itemId } = useContext(MainContext);\n  const propsToDisplayModifiers = getPropsToDisplayModifiers(propsToDisplay);\n  const dynamicWrapperSizes = enableCarousel\n    ? ''\n    : getDynamicGridClasses('grid', itemsPerRow, designConfig);\n  let cardBannerIndex = 0;\n  const CardWrapper = enableCarousel ? CarouselWrapper : Wrapper;\n\n  return (\n    <CardWrapper\n      className={dynamicWrapperSizes}\n      modifiers={gridModifier}\n      itemsPerRow={itemsPerRow}\n      bannerModifier={bannerModifier}\n      enableAutoScroll={enableAutoScroll}\n      autoScrollTimer={autoScrollTimer}>\n      {entities.map(({ baseAdunit, id, ...entityProps }, index) => {\n        const extraProps = parsePropsToDisplay(entityProps, propsToDisplay);\n        const dynamicKey = [itemId, index].join('-');\n        if (baseAdunit) cardBannerIndex += 1;\n\n        const priority = priorityLimit > 0 && index + 1 <= priorityLimit;\n\n        return baseAdunit ? (\n          <Banner\n            key={dynamicKey}\n            entity={entity}\n            baseAdunit={baseAdunit}\n            {...entityProps}\n            modifier={modifier}\n            cardBannerIndex={cardBannerIndex}\n          />\n        ) : (\n          <Card\n            key={id}\n            id={id}\n            enableCarousel={enableCarousel}\n            entity={entity}\n            propsToDisplay={extraProps}\n            propsToDisplayModifiers={propsToDisplayModifiers}\n            modifier={modifier}\n            style={style}\n            cardChildren={cardChildren}\n            gtmChildren={gtmChildren}\n            gtmId={name}\n            gridModifier={gridModifier}\n            entityProps={entityProps}\n            displayCategory={displayCategory}\n            displayThumbnail={displayThumbnail}\n            displayTitle={displayTitle}\n            priority={priority}\n            {...entityProps}\n          />\n        );\n      })}\n    </CardWrapper>\n  );\n};\n\nCardContainer.propTypes = {\n  cardData: PropTypes.array.isRequired,\n  name: PropTypes.string,\n  entity: PropTypes.string.isRequired,\n  gridModifier: PropTypes.string,\n  gtmChildren: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.node), PropTypes.node]),\n  cardChildren: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.node), PropTypes.node]),\n  propsToDisplay: PropTypes.array,\n  displayCategory: PropTypes.bool,\n  displayThumbnail: PropTypes.bool,\n  displayTitle: PropTypes.bool,\n  modifier: PropTypes.string,\n  style: PropTypes.string,\n  designConfig: PropTypes.object,\n  itemsPerRow: PropTypes.number,\n  enableCarousel: PropTypes.bool,\n  bannerModifier: PropTypes.string,\n  priorityLimit: PropTypes.number,\n  enableAutoScroll: PropTypes.bool,\n  autoScrollTimer: PropTypes.number\n};\n\nCardContainer.defaultProps = {\n  gtmChildren: [],\n  cardChildren: [],\n  name: '',\n  gridModifier: '',\n  propsToDisplay: [],\n  displayCategory: true,\n  displayThumbnail: true,\n  displayTitle: true,\n  modifier: '',\n  style: 'portrait',\n  designConfig: {},\n  itemsPerRow: 1,\n  enableCarousel: false,\n  bannerModifier: '',\n  priorityLimit: 0,\n  enableAutoScroll: false,\n  autoScrollTimer: 0\n};\n\nexport default withTitle(CardContainer);\n"],"file":"CardContainer.js"}
+{"version":3,"sources":["../../../src/components/Card/CardContainer.js"],"names":["CardContainer","cardData","gridModifier","style","displayCategory","displayThumbnail","displayTitle","modifier","entity","propsToDisplay","gtmChildren","cardChildren","name","designConfig","itemsPerRow","enableCarousel","bannerModifier","priorityLimit","enableAutoScroll","enableOverlay","autoScrollTimer","arrowSize","overlayModifier","cardProps","entities","MainContext","itemId","propsToDisplayModifiers","dynamicWrapperSizes","cardBannerIndex","CardWrapper","CarouselWrapper","Wrapper","map","index","baseAdunit","id","entityProps","extraProps","dynamicKey","join","priority","propTypes","PropTypes","array","isRequired","string","oneOfType","arrayOf","node","bool","object","number","defaultProps"],"mappings":"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","sourcesContent":["import React, { useContext } from 'react';\nimport PropTypes from 'prop-types';\nimport { MainContext } from '@blaze-cms/nextjs-components';\nimport { withTitle } from '../../HOC';\nimport Banner from '../Banner';\nimport Wrapper from '../Wrapper';\nimport CarouselWrapper from '../CarouselWrapper';\nimport Card from './Card';\nimport { getDynamicGridClasses } from './helpers';\nimport { getEntitiesWithBanner, parsePropsToDisplay } from '../../helpers';\nimport { getPropsToDisplayModifiers } from '../../utils';\n\nconst CardContainer = ({\n  cardData,\n  gridModifier,\n  style,\n  displayCategory,\n  displayThumbnail,\n  displayTitle,\n  modifier,\n  entity,\n  propsToDisplay,\n  gtmChildren,\n  cardChildren,\n  name,\n  designConfig,\n  itemsPerRow,\n  enableCarousel,\n  bannerModifier,\n  priorityLimit,\n  enableAutoScroll,\n  enableOverlay,\n  autoScrollTimer,\n  arrowSize,\n  overlayModifier,\n  ...cardProps\n}) => {\n  const entities = getEntitiesWithBanner(cardData, cardProps);\n  const { itemId } = useContext(MainContext);\n  const propsToDisplayModifiers = getPropsToDisplayModifiers(propsToDisplay);\n  const dynamicWrapperSizes = enableCarousel\n    ? ''\n    : getDynamicGridClasses('grid', itemsPerRow, designConfig);\n  let cardBannerIndex = 0;\n  const CardWrapper = enableCarousel ? CarouselWrapper : Wrapper;\n\n  return (\n    <CardWrapper\n      className={dynamicWrapperSizes}\n      modifiers={gridModifier}\n      itemsPerRow={itemsPerRow}\n      bannerModifier={bannerModifier}\n      enableAutoScroll={enableAutoScroll}\n      autoScrollTimer={autoScrollTimer}>\n      {entities.map(({ baseAdunit, id, ...entityProps }, index) => {\n        const extraProps = parsePropsToDisplay(entityProps, propsToDisplay);\n        const dynamicKey = [itemId, index].join('-');\n        if (baseAdunit) cardBannerIndex += 1;\n\n        const priority = priorityLimit > 0 && index + 1 <= priorityLimit;\n\n        return baseAdunit ? (\n          <Banner\n            key={dynamicKey}\n            entity={entity}\n            baseAdunit={baseAdunit}\n            {...entityProps}\n            modifier={modifier}\n            cardBannerIndex={cardBannerIndex}\n          />\n        ) : (\n          <Card\n            key={id}\n            id={id}\n            enableCarousel={enableCarousel}\n            entity={entity}\n            propsToDisplay={extraProps}\n            propsToDisplayModifiers={propsToDisplayModifiers}\n            modifier={modifier}\n            style={style}\n            cardChildren={cardChildren}\n            gtmChildren={gtmChildren}\n            gtmId={name}\n            gridModifier={gridModifier}\n            entityProps={entityProps}\n            displayCategory={displayCategory}\n            displayThumbnail={displayThumbnail}\n            displayTitle={displayTitle}\n            priority={priority}\n            arrowSize={arrowSize}\n            enableOverlay={enableOverlay}\n            overlayModifier={overlayModifier}\n            {...entityProps}\n          />\n        );\n      })}\n    </CardWrapper>\n  );\n};\n\nCardContainer.propTypes = {\n  cardData: PropTypes.array.isRequired,\n  name: PropTypes.string,\n  entity: PropTypes.string.isRequired,\n  gridModifier: PropTypes.string,\n  gtmChildren: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.node), PropTypes.node]),\n  cardChildren: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.node), PropTypes.node]),\n  propsToDisplay: PropTypes.array,\n  displayCategory: PropTypes.bool,\n  displayThumbnail: PropTypes.bool,\n  displayTitle: PropTypes.bool,\n  modifier: PropTypes.string,\n  style: PropTypes.string,\n  designConfig: PropTypes.object,\n  itemsPerRow: PropTypes.number,\n  enableCarousel: PropTypes.bool,\n  bannerModifier: PropTypes.string,\n  priorityLimit: PropTypes.number,\n  enableAutoScroll: PropTypes.bool,\n  enableOverlay: PropTypes.bool,\n  overlayModifier: PropTypes.string,\n  autoScrollTimer: PropTypes.number,\n  arrowSize: PropTypes.string\n};\n\nCardContainer.defaultProps = {\n  gtmChildren: [],\n  cardChildren: [],\n  name: '',\n  gridModifier: '',\n  propsToDisplay: [],\n  displayCategory: true,\n  displayThumbnail: true,\n  displayTitle: true,\n  modifier: '',\n  style: 'portrait',\n  designConfig: {},\n  itemsPerRow: 1,\n  enableCarousel: false,\n  bannerModifier: '',\n  priorityLimit: 0,\n  enableAutoScroll: false,\n  enableOverlay: false,\n  autoScrollTimer: 0,\n  overlayModifier: '',\n  arrowSize: ''\n};\n\nexport default withTitle(CardContainer);\n"],"file":"CardContainer.js"}

package/lib/components/CarouselWrapper.js

@@ -42,7 +42,8 @@ var CarouselWrapper = function CarouselWrapper(_ref) {
       bannerModifier = _ref.bannerModifier,
       itemsPerRow = _ref.itemsPerRow,
       enableAutoScroll = _ref.enableAutoScroll,
-      autoScrollTimer = _ref.autoScrollTimer;
+      autoScrollTimer = _ref.autoScrollTimer,
+      arrowSize = _ref.arrowSize;
   var ref = (0, _react.useRef)();
 
   var _useState = (0, _react.useState)({
@@ -128,7 +129,9 @@ var CarouselWrapper = function CarouselWrapper(_ref) {
       setShouldAutoScroll(false);
       handleButtonNavigation();
     }
-  }, /*#__PURE__*/_react["default"].createElement("i", null, /*#__PURE__*/_react["default"].createElement(_fa.FaAngleLeft, null)))), /*#__PURE__*/_react["default"].createElement("div", {
+  }, /*#__PURE__*/_react["default"].createElement("i", null, /*#__PURE__*/_react["default"].createElement(_fa.FaAngleLeft, {
+    size: arrowSize
+  })))), /*#__PURE__*/_react["default"].createElement("div", {
     className: "cards-carousel--right-button-wrapper"
   }, displayRight && /*#__PURE__*/_react["default"].createElement("button", {
     type: "button",
@@ -137,7 +140,9 @@ var CarouselWrapper = function CarouselWrapper(_ref) {
       setShouldAutoScroll(false);
       handleButtonNavigation(true);
     }
-  }, /*#__PURE__*/_react["default"].createElement("i", null, /*#__PURE__*/_react["default"].createElement(_fa.FaAngleRight, null)))), /*#__PURE__*/_react["default"].createElement("div", {
+  }, /*#__PURE__*/_react["default"].createElement("i", null, /*#__PURE__*/_react["default"].createElement(_fa.FaAngleRight, {
+    size: arrowSize
+  })))), /*#__PURE__*/_react["default"].createElement("div", {
     className: contentClassName,
     ref: ref,
     onScroll: handleScroll
@@ -149,14 +154,16 @@ CarouselWrapper.propTypes = {
   itemsPerRow: _propTypes["default"].number,
   children: _propTypes["default"].oneOfType([_propTypes["default"].arrayOf(_propTypes["default"].node), _propTypes["default"].node]),
   enableAutoScroll: _propTypes["default"].bool,
-  autoScrollTimer: _propTypes["default"].number
+  autoScrollTimer: _propTypes["default"].number,
+  arrowSize: _propTypes["default"].number
 };
 CarouselWrapper.defaultProps = {
   itemsPerRow: 0,
   bannerModifier: '',
   children: [],
   enableAutoScroll: false,
-  autoScrollTimer: 0
+  autoScrollTimer: 0,
+  arrowSize: 14
 };
 var _default = CarouselWrapper;
 exports["default"] = _default;

package/lib/components/CarouselWrapper.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/components/CarouselWrapper.js"],"names":["CarouselWrapper","children","bannerModifier","itemsPerRow","enableAutoScroll","autoScrollTimer","ref","displayLeft","displayRight","buttonDisplay","setButtonDisplays","shouldAutoScroll","setShouldAutoScroll","autoScrollRef","current","id","setInterval","scrollCheck","clearInterval","handleButtonNavigation","offsetWidth","scrollWidth","handleScroll","scrollLeft","updatedDisplayLeft","updatedDisplayRight","direction","wrapperClassName","contentClassName","propTypes","PropTypes","string","number","oneOfType","arrayOf","node","bool","defaultProps"],"mappings":"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","sourcesContent":["import React, { useRef, useState, useEffect } from 'react';\nimport PropTypes from 'prop-types';\nimport { FaAngleLeft, FaAngleRight } from 'react-icons/fa';\n\nconst CarouselWrapper = ({\n  children,\n  bannerModifier,\n  itemsPerRow,\n  enableAutoScroll,\n  autoScrollTimer\n}) => {\n  const ref = useRef();\n  const [buttonDisplay, setButtonDisplays] = useState({ displayLeft: false, displayRight: true });\n  const [shouldAutoScroll, setShouldAutoScroll] = useState(false);\n  const autoScrollRef = useRef();\n\n  useEffect(\n    () => {\n      autoScrollRef.current = shouldAutoScroll;\n      const id = setInterval(scrollCheck, autoScrollTimer);\n      function scrollCheck() {\n        if (!autoScrollRef.current) {\n          clearInterval(id);\n        } else {\n          handleButtonNavigation(true);\n        }\n      }\n\n      return () => clearInterval(id);\n    },\n    [autoScrollTimer, shouldAutoScroll]\n  );\n\n  useEffect(\n    () => {\n      const {\n        current: { offsetWidth, scrollWidth }\n      } = ref;\n      if (scrollWidth <= offsetWidth)\n        setButtonDisplays({ displayLeft: false, displayRight: false });\n      setShouldAutoScroll(enableAutoScroll);\n    },\n    [enableAutoScroll]\n  );\n\n  const handleScroll = () => {\n    const {\n      current: { offsetWidth, scrollLeft, scrollWidth }\n    } = ref;\n    const updatedDisplayLeft = !!scrollLeft;\n    const updatedDisplayRight = scrollLeft + offsetWidth + 1 < scrollWidth;\n    setButtonDisplays({ displayLeft: updatedDisplayLeft, displayRight: updatedDisplayRight });\n  };\n\n  const handleButtonNavigation = direction => {\n    if (!ref || !ref.current) return;\n    const {\n      current: { offsetWidth, scrollLeft, scrollWidth }\n    } = ref;\n\n    if (autoScrollRef.current && scrollLeft + offsetWidth >= scrollWidth) {\n      ref.current.scrollLeft = 0;\n    } else {\n      ref.current.scrollLeft = direction ? scrollLeft + offsetWidth : scrollLeft - offsetWidth;\n    }\n  };\n\n  const { displayLeft, displayRight } = buttonDisplay;\n  const wrapperClassName = `cards-carousel${bannerModifier}`;\n  const contentClassName = `cards-carousel--content items-per-row-${itemsPerRow}`;\n\n  return (\n    <div className={wrapperClassName}>\n      <div className=\"cards-carousel--left-button-wrapper\">\n        {displayLeft && (\n          <button\n            type=\"button\"\n            className=\"cards-carousel--button-back icon-button icon\"\n            onClick={() => {\n              setShouldAutoScroll(false);\n              handleButtonNavigation();\n            }}>\n            <i>\n              <FaAngleLeft />\n            </i>\n          </button>\n        )}\n      </div>\n      <div className=\"cards-carousel--right-button-wrapper\">\n        {displayRight && (\n          <button\n            type=\"button\"\n            className=\"cards-carousel--button-forward icon-button icon\"\n            onClick={() => {\n              setShouldAutoScroll(false);\n              handleButtonNavigation(true);\n            }}>\n            <i>\n              <FaAngleRight />\n            </i>\n          </button>\n        )}\n      </div>\n      <div className={contentClassName} ref={ref} onScroll={handleScroll}>\n        {children}\n      </div>\n    </div>\n  );\n};\n\nCarouselWrapper.propTypes = {\n  bannerModifier: PropTypes.string,\n  itemsPerRow: PropTypes.number,\n  children: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.node), PropTypes.node]),\n  enableAutoScroll: PropTypes.bool,\n  autoScrollTimer: PropTypes.number\n};\n\nCarouselWrapper.defaultProps = {\n  itemsPerRow: 0,\n  bannerModifier: '',\n  children: [],\n  enableAutoScroll: false,\n  autoScrollTimer: 0\n};\n\nexport default CarouselWrapper;\n"],"file":"CarouselWrapper.js"}
+{"version":3,"sources":["../../src/components/CarouselWrapper.js"],"names":["CarouselWrapper","children","bannerModifier","itemsPerRow","enableAutoScroll","autoScrollTimer","arrowSize","ref","displayLeft","displayRight","buttonDisplay","setButtonDisplays","shouldAutoScroll","setShouldAutoScroll","autoScrollRef","current","id","setInterval","scrollCheck","clearInterval","handleButtonNavigation","offsetWidth","scrollWidth","handleScroll","scrollLeft","updatedDisplayLeft","updatedDisplayRight","direction","wrapperClassName","contentClassName","propTypes","PropTypes","string","number","oneOfType","arrayOf","node","bool","defaultProps"],"mappings":"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","sourcesContent":["import React, { useRef, useState, useEffect } from 'react';\nimport PropTypes from 'prop-types';\nimport { FaAngleLeft, FaAngleRight } from 'react-icons/fa';\n\nconst CarouselWrapper = ({\n  children,\n  bannerModifier,\n  itemsPerRow,\n  enableAutoScroll,\n  autoScrollTimer,\n  arrowSize\n}) => {\n  const ref = useRef();\n  const [buttonDisplay, setButtonDisplays] = useState({ displayLeft: false, displayRight: true });\n  const [shouldAutoScroll, setShouldAutoScroll] = useState(false);\n  const autoScrollRef = useRef();\n\n  useEffect(\n    () => {\n      autoScrollRef.current = shouldAutoScroll;\n      const id = setInterval(scrollCheck, autoScrollTimer);\n      function scrollCheck() {\n        if (!autoScrollRef.current) {\n          clearInterval(id);\n        } else {\n          handleButtonNavigation(true);\n        }\n      }\n\n      return () => clearInterval(id);\n    },\n    [autoScrollTimer, shouldAutoScroll]\n  );\n\n  useEffect(\n    () => {\n      const {\n        current: { offsetWidth, scrollWidth }\n      } = ref;\n      if (scrollWidth <= offsetWidth)\n        setButtonDisplays({ displayLeft: false, displayRight: false });\n      setShouldAutoScroll(enableAutoScroll);\n    },\n    [enableAutoScroll]\n  );\n\n  const handleScroll = () => {\n    const {\n      current: { offsetWidth, scrollLeft, scrollWidth }\n    } = ref;\n    const updatedDisplayLeft = !!scrollLeft;\n    const updatedDisplayRight = scrollLeft + offsetWidth + 1 < scrollWidth;\n    setButtonDisplays({ displayLeft: updatedDisplayLeft, displayRight: updatedDisplayRight });\n  };\n\n  const handleButtonNavigation = direction => {\n    if (!ref || !ref.current) return;\n    const {\n      current: { offsetWidth, scrollLeft, scrollWidth }\n    } = ref;\n\n    if (autoScrollRef.current && scrollLeft + offsetWidth >= scrollWidth) {\n      ref.current.scrollLeft = 0;\n    } else {\n      ref.current.scrollLeft = direction ? scrollLeft + offsetWidth : scrollLeft - offsetWidth;\n    }\n  };\n\n  const { displayLeft, displayRight } = buttonDisplay;\n  const wrapperClassName = `cards-carousel${bannerModifier}`;\n  const contentClassName = `cards-carousel--content items-per-row-${itemsPerRow}`;\n\n  return (\n    <div className={wrapperClassName}>\n      <div className=\"cards-carousel--left-button-wrapper\">\n        {displayLeft && (\n          <button\n            type=\"button\"\n            className=\"cards-carousel--button-back icon-button icon\"\n            onClick={() => {\n              setShouldAutoScroll(false);\n              handleButtonNavigation();\n            }}>\n            <i>\n              <FaAngleLeft size={arrowSize} />\n            </i>\n          </button>\n        )}\n      </div>\n      <div className=\"cards-carousel--right-button-wrapper\">\n        {displayRight && (\n          <button\n            type=\"button\"\n            className=\"cards-carousel--button-forward icon-button icon\"\n            onClick={() => {\n              setShouldAutoScroll(false);\n              handleButtonNavigation(true);\n            }}>\n            <i>\n              <FaAngleRight size={arrowSize} />\n            </i>\n          </button>\n        )}\n      </div>\n      <div className={contentClassName} ref={ref} onScroll={handleScroll}>\n        {children}\n      </div>\n    </div>\n  );\n};\n\nCarouselWrapper.propTypes = {\n  bannerModifier: PropTypes.string,\n  itemsPerRow: PropTypes.number,\n  children: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.node), PropTypes.node]),\n  enableAutoScroll: PropTypes.bool,\n  autoScrollTimer: PropTypes.number,\n  arrowSize: PropTypes.number\n};\n\nCarouselWrapper.defaultProps = {\n  itemsPerRow: 0,\n  bannerModifier: '',\n  children: [],\n  enableAutoScroll: false,\n  autoScrollTimer: 0,\n  arrowSize: 14\n};\n\nexport default CarouselWrapper;\n"],"file":"CarouselWrapper.js"}

package/lib-es/components/Card/Card.js

@@ -1,5 +1,5 @@
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-const _excluded = ["id", "image", "name", "url", "entity", "entityProps", "alternativePreHeader", "alternativeHeadline", "category", "modifier", "propsToDisplay", "propsToDisplayModifiers", "gtmId", "style", "priority", "cardChildren", "gtmChildren", "displayCategory", "displayThumbnail", "displayTitle", "enableOverlay", "overlayModifier", "gridModifier"];
+const _excluded = ["id", "image", "name", "url", "entity", "entityProps", "alternativePreHeader", "alternativeHeadline", "category", "modifier", "propsToDisplay", "propsToDisplayModifiers", "gtmId", "style", "priority", "cardChildren", "gtmChildren", "displayCategory", "displayThumbnail", "displayTitle", "enableOverlay", "titleOverlayModifier", "overlayModifier", "gridModifier"];
 import React, { Fragment } from 'react';
 import PropTypes from 'prop-types';
 import BlazeLink from '../BlazeLink';
@@ -32,6 +32,7 @@ const Card = _ref => {
     displayThumbnail,
     displayTitle,
     enableOverlay,
+    titleOverlayModifier,
     overlayModifier,
     gridModifier
   } = _ref,
@@ -77,6 +78,7 @@ const Card = _ref => {
   const Wrapper = shouldUseClickWrapper ? ClickWrapper : Fragment;
   const classNameWithModifiers = getModifiers(CARD_STRING, modifiers);
   const contentWrapperModifier = `${getModifiers('card__content-wrapper', modifiers)} ${enableOverlay ? overlayModifier : ''}`;
+  const titleWrapperModifier = `${getModifiers('card__title', modifiers)} ${titleOverlayModifier}`;
   return /*#__PURE__*/React.createElement(Wrapper, wrapperProps, /*#__PURE__*/React.createElement("div", {
     className: classNameWithModifiers
   }, shouldDisplayThumbnail && /*#__PURE__*/React.createElement("div", {
@@ -103,7 +105,7 @@ const Card = _ref => {
   }, preHeader.name) : /*#__PURE__*/React.createElement("div", {
     className: "badge badge--label"
   }, label)), displayTitle && /*#__PURE__*/React.createElement("h2", {
-    className: getModifiers('card__title', modifiers)
+    className: titleWrapperModifier
   }, /*#__PURE__*/React.createElement(BlazeLink, {
     title: linkTitle,
     gtmId: gtmId,
@@ -152,8 +154,9 @@ Card.propTypes = {
   displayCategory: PropTypes.bool.isRequired,
   displayThumbnail: PropTypes.bool.isRequired,
   displayTitle: PropTypes.bool.isRequired,
-  enableOverlay: PropTypes.bool.isRequired,
+  enableOverlay: PropTypes.bool,
   overlayModifier: PropTypes.string,
+  titleOverlayModifier: PropTypes.string,
   cardChildren: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.node), PropTypes.node]),
   gtmChildren: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.node), PropTypes.node]),
   gridModifier: PropTypes.string,
@@ -178,7 +181,9 @@ Card.defaultProps = {
   gtmChildren: [],
   gridModifier: '',
   priority: false,
-  overlayModifier: ''
+  overlayModifier: 'card__content--overlay',
+  titleOverlayModifier: 'card__content--overlay__title',
+  enableOverlay: true
 };
 
 const getCategoryDefinedProps = ({

package/lib-es/components/Card/Card.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/Card/Card.js"],"names":["React","Fragment","PropTypes","BlazeLink","ClickWrapper","getModifiers","renderChildren","updateChildrensParent","getClickWrapperOptions","LazyImage","getPublishedListingUrl","useDynamicSizeKey","CARD_STRING","Card","id","image","name","url","entity","entityProps","alternativePreHeader","alternativeHeadline","category","modifier","propsToDisplay","propsToDisplayModifiers","gtmId","style","priority","cardChildren","gtmChildren","displayCategory","displayThumbnail","displayTitle","enableOverlay","overlayModifier","gridModifier","otherProps","imageSrc","shouldDisplayThumbnail","altText","getImageDefinedProps","modifiers","getInitialModifiers","publishedListingPage","preHeader","label","headline","getCategoryDefinedProps","linkTitle","dynamicSizeKey","shouldUseClickWrapper","wrapperProps","Wrapper","classNameWithModifiers","contentWrapperModifier","length","map","prop","i","dynamicKey","propModifier","propTypes","string","isRequired","shape","data","object","array","bool","oneOfType","arrayOf","node","defaultProps","hasAlternativePreHeader","sponsored","featured","push"],"mappings":"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","sourcesContent":["import React, { Fragment } from 'react';\nimport PropTypes from 'prop-types';\nimport BlazeLink from '../BlazeLink';\nimport ClickWrapper from '../ClickWrapper';\nimport {\n  getModifiers,\n  renderChildren,\n  updateChildrensParent,\n  getClickWrapperOptions\n} from '../../helpers';\nimport LazyImage from '../LazyImage';\nimport { getPublishedListingUrl, useDynamicSizeKey } from './helpers';\nimport { CARD_STRING } from './constants';\n\nconst Card = ({\n  id,\n  image,\n  name,\n  url,\n  entity,\n  entityProps,\n  alternativePreHeader,\n  alternativeHeadline,\n  category,\n  modifier,\n  propsToDisplay,\n  propsToDisplayModifiers,\n  gtmId,\n  style,\n  priority,\n  cardChildren,\n  gtmChildren,\n  displayCategory,\n  displayThumbnail,\n  displayTitle,\n  enableOverlay,\n  overlayModifier,\n  gridModifier,\n  ...otherProps\n}) => {\n  updateChildrensParent(cardChildren, id, entity);\n  const { imageSrc, shouldDisplayThumbnail, altText } = getImageDefinedProps({\n    image,\n    displayThumbnail\n  });\n\n  const modifiers = getInitialModifiers({ modifier, style, otherProps });\n\n  const { publishedListingPage, preHeader, label, headline } = getCategoryDefinedProps({\n    alternativePreHeader,\n    category,\n    entity,\n    alternativeHeadline,\n    displayCategory,\n    name\n  });\n  const linkTitle = name;\n  const dynamicSizeKey = useDynamicSizeKey(CARD_STRING, { style, gridModifier, modifier });\n  const { shouldUseClickWrapper, wrapperProps } = getClickWrapperOptions(\n    gtmChildren,\n    entityProps,\n    id\n  );\n  const Wrapper = shouldUseClickWrapper ? ClickWrapper : Fragment;\n  const classNameWithModifiers = getModifiers(CARD_STRING, modifiers);\n\n  const contentWrapperModifier = `${getModifiers('card__content-wrapper', modifiers)} ${\n    enableOverlay ? overlayModifier : ''\n  }`;\n\n  return (\n    <Wrapper {...wrapperProps}>\n      <div className={classNameWithModifiers}>\n        {shouldDisplayThumbnail && (\n          <div className={getModifiers('card__image', modifiers)}>\n            <BlazeLink gtmId={gtmId} href={url} className=\"card__image-link\" scroll>\n              <LazyImage\n                src={imageSrc}\n                alt={altText}\n                sizeKey={dynamicSizeKey}\n                priority={priority}\n              />\n            </BlazeLink>\n          </div>\n        )}\n        <div className={contentWrapperModifier}>\n          <div className={getModifiers('card__content', modifiers)}>\n            {displayCategory &&\n              (publishedListingPage ? (\n                <BlazeLink\n                  gtmId={gtmId}\n                  href={publishedListingPage}\n                  className=\"badge badge--label\"\n                  scroll>\n                  {preHeader.name}\n                </BlazeLink>\n              ) : (\n                <div className=\"badge badge--label\">{label}</div>\n              ))}\n            {displayTitle && (\n              <h2 className={getModifiers('card__title', modifiers)}>\n                <BlazeLink title={linkTitle} gtmId={gtmId} href={url} scroll>\n                  {headline}\n                </BlazeLink>\n              </h2>\n            )}\n            {!!propsToDisplay.length && (\n              <div className={getModifiers('card__details', modifiers)}>\n                {propsToDisplay.map((prop, i) => {\n                  if (!prop) return null;\n                  const dynamicKey = `${id}${i}`;\n                  const propModifier = propsToDisplayModifiers[i] || '';\n\n                  return (\n                    <span key={dynamicKey} className={propModifier}>\n                      {prop}\n                    </span>\n                  );\n                })}\n              </div>\n            )}\n          </div>\n          {!!cardChildren && (\n            <div className=\"card__child-content\">{renderChildren(cardChildren)}</div>\n          )}\n        </div>\n      </div>\n    </Wrapper>\n  );\n};\n\nCard.propTypes = {\n  id: PropTypes.string.isRequired,\n  image: PropTypes.shape({\n    url: PropTypes.string,\n    data: PropTypes.object\n  }),\n  style: PropTypes.string,\n  propsToDisplay: PropTypes.array,\n  propsToDisplayModifiers: PropTypes.array,\n  url: PropTypes.string,\n  name: PropTypes.string.isRequired,\n  entity: PropTypes.string.isRequired,\n  entityProps: PropTypes.object,\n  gtmId: PropTypes.string,\n  alternativePreHeader: PropTypes.shape({\n    name: PropTypes.string\n  }),\n  alternativeHeadline: PropTypes.string,\n  category: PropTypes.shape({\n    name: PropTypes.string,\n    publishedListingPage: PropTypes.shape({\n      url: PropTypes.string\n    })\n  }),\n  modifier: PropTypes.string,\n  displayCategory: PropTypes.bool.isRequired,\n  displayThumbnail: PropTypes.bool.isRequired,\n  displayTitle: PropTypes.bool.isRequired,\n  enableOverlay: PropTypes.bool.isRequired,\n  overlayModifier: PropTypes.string,\n  cardChildren: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.node), PropTypes.node]),\n  gtmChildren: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.node), PropTypes.node]),\n  gridModifier: PropTypes.string,\n  priority: PropTypes.bool\n};\n\nCard.defaultProps = {\n  entityProps: {},\n  image: {\n    url: null,\n    data: {}\n  },\n  gtmId: '',\n  style: 'portrait',\n  propsToDisplay: [],\n  propsToDisplayModifiers: [],\n  url: '',\n  alternativePreHeader: null,\n  alternativeHeadline: '',\n  category: null,\n  modifier: '',\n  cardChildren: [],\n  gtmChildren: [],\n  gridModifier: '',\n  priority: false,\n  overlayModifier: ''\n};\n\nconst getCategoryDefinedProps = ({\n  alternativePreHeader,\n  category,\n  entity,\n  alternativeHeadline,\n  displayCategory,\n  name\n}) => {\n  const hasAlternativePreHeader = alternativePreHeader && alternativePreHeader.name;\n  const preHeader =\n    alternativeHeadline && hasAlternativePreHeader ? alternativePreHeader : category;\n  const publishedListingPage = getPublishedListingUrl(preHeader);\n  const label = preHeader ? preHeader.name : entity;\n  const headline =\n    !displayCategory || !hasAlternativePreHeader ? name : alternativeHeadline || name;\n  return { publishedListingPage, preHeader, label, headline };\n};\n\nconst getImageDefinedProps = ({ image, displayThumbnail }) => {\n  const { url: imageSrc, data } = image || {};\n  const shouldDisplayThumbnail = displayThumbnail && imageSrc;\n  const altText = (data && data.altText) || '';\n  return { imageSrc, shouldDisplayThumbnail, altText };\n};\n\nconst getInitialModifiers = ({ modifier, style, otherProps }) => {\n  const modifiers = [modifier, style];\n  const { sponsored, featured } = otherProps;\n  if (sponsored) modifiers.push('sponsored');\n  if (featured) modifiers.push('featured');\n\n  return modifiers;\n};\n\nexport default Card;\n"],"file":"Card.js"}
+{"version":3,"sources":["../../../src/components/Card/Card.js"],"names":["React","Fragment","PropTypes","BlazeLink","ClickWrapper","getModifiers","renderChildren","updateChildrensParent","getClickWrapperOptions","LazyImage","getPublishedListingUrl","useDynamicSizeKey","CARD_STRING","Card","id","image","name","url","entity","entityProps","alternativePreHeader","alternativeHeadline","category","modifier","propsToDisplay","propsToDisplayModifiers","gtmId","style","priority","cardChildren","gtmChildren","displayCategory","displayThumbnail","displayTitle","enableOverlay","titleOverlayModifier","overlayModifier","gridModifier","otherProps","imageSrc","shouldDisplayThumbnail","altText","getImageDefinedProps","modifiers","getInitialModifiers","publishedListingPage","preHeader","label","headline","getCategoryDefinedProps","linkTitle","dynamicSizeKey","shouldUseClickWrapper","wrapperProps","Wrapper","classNameWithModifiers","contentWrapperModifier","titleWrapperModifier","length","map","prop","i","dynamicKey","propModifier","propTypes","string","isRequired","shape","data","object","array","bool","oneOfType","arrayOf","node","defaultProps","hasAlternativePreHeader","sponsored","featured","push"],"mappings":"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","sourcesContent":["import React, { Fragment } from 'react';\nimport PropTypes from 'prop-types';\nimport BlazeLink from '../BlazeLink';\nimport ClickWrapper from '../ClickWrapper';\nimport {\n  getModifiers,\n  renderChildren,\n  updateChildrensParent,\n  getClickWrapperOptions\n} from '../../helpers';\nimport LazyImage from '../LazyImage';\nimport { getPublishedListingUrl, useDynamicSizeKey } from './helpers';\nimport { CARD_STRING } from './constants';\n\nconst Card = ({\n  id,\n  image,\n  name,\n  url,\n  entity,\n  entityProps,\n  alternativePreHeader,\n  alternativeHeadline,\n  category,\n  modifier,\n  propsToDisplay,\n  propsToDisplayModifiers,\n  gtmId,\n  style,\n  priority,\n  cardChildren,\n  gtmChildren,\n  displayCategory,\n  displayThumbnail,\n  displayTitle,\n  enableOverlay,\n  titleOverlayModifier,\n  overlayModifier,\n  gridModifier,\n  ...otherProps\n}) => {\n  updateChildrensParent(cardChildren, id, entity);\n  const { imageSrc, shouldDisplayThumbnail, altText } = getImageDefinedProps({\n    image,\n    displayThumbnail\n  });\n\n  const modifiers = getInitialModifiers({ modifier, style, otherProps });\n\n  const { publishedListingPage, preHeader, label, headline } = getCategoryDefinedProps({\n    alternativePreHeader,\n    category,\n    entity,\n    alternativeHeadline,\n    displayCategory,\n    name\n  });\n  const linkTitle = name;\n  const dynamicSizeKey = useDynamicSizeKey(CARD_STRING, { style, gridModifier, modifier });\n  const { shouldUseClickWrapper, wrapperProps } = getClickWrapperOptions(\n    gtmChildren,\n    entityProps,\n    id\n  );\n  const Wrapper = shouldUseClickWrapper ? ClickWrapper : Fragment;\n  const classNameWithModifiers = getModifiers(CARD_STRING, modifiers);\n\n  const contentWrapperModifier = `${getModifiers('card__content-wrapper', modifiers)} ${\n    enableOverlay ? overlayModifier : ''\n  }`;\n\n  const titleWrapperModifier = `${getModifiers('card__title', modifiers)} ${titleOverlayModifier}`;\n\n  return (\n    <Wrapper {...wrapperProps}>\n      <div className={classNameWithModifiers}>\n        {shouldDisplayThumbnail && (\n          <div className={getModifiers('card__image', modifiers)}>\n            <BlazeLink gtmId={gtmId} href={url} className=\"card__image-link\" scroll>\n              <LazyImage\n                src={imageSrc}\n                alt={altText}\n                sizeKey={dynamicSizeKey}\n                priority={priority}\n              />\n            </BlazeLink>\n          </div>\n        )}\n        <div className={contentWrapperModifier}>\n          <div className={getModifiers('card__content', modifiers)}>\n            {displayCategory &&\n              (publishedListingPage ? (\n                <BlazeLink\n                  gtmId={gtmId}\n                  href={publishedListingPage}\n                  className=\"badge badge--label\"\n                  scroll>\n                  {preHeader.name}\n                </BlazeLink>\n              ) : (\n                <div className=\"badge badge--label\">{label}</div>\n              ))}\n            {displayTitle && (\n              <h2 className={titleWrapperModifier}>\n                <BlazeLink title={linkTitle} gtmId={gtmId} href={url} scroll>\n                  {headline}\n                </BlazeLink>\n              </h2>\n            )}\n            {!!propsToDisplay.length && (\n              <div className={getModifiers('card__details', modifiers)}>\n                {propsToDisplay.map((prop, i) => {\n                  if (!prop) return null;\n                  const dynamicKey = `${id}${i}`;\n                  const propModifier = propsToDisplayModifiers[i] || '';\n\n                  return (\n                    <span key={dynamicKey} className={propModifier}>\n                      {prop}\n                    </span>\n                  );\n                })}\n              </div>\n            )}\n          </div>\n          {!!cardChildren && (\n            <div className=\"card__child-content\">{renderChildren(cardChildren)}</div>\n          )}\n        </div>\n      </div>\n    </Wrapper>\n  );\n};\n\nCard.propTypes = {\n  id: PropTypes.string.isRequired,\n  image: PropTypes.shape({\n    url: PropTypes.string,\n    data: PropTypes.object\n  }),\n  style: PropTypes.string,\n  propsToDisplay: PropTypes.array,\n  propsToDisplayModifiers: PropTypes.array,\n  url: PropTypes.string,\n  name: PropTypes.string.isRequired,\n  entity: PropTypes.string.isRequired,\n  entityProps: PropTypes.object,\n  gtmId: PropTypes.string,\n  alternativePreHeader: PropTypes.shape({\n    name: PropTypes.string\n  }),\n  alternativeHeadline: PropTypes.string,\n  category: PropTypes.shape({\n    name: PropTypes.string,\n    publishedListingPage: PropTypes.shape({\n      url: PropTypes.string\n    })\n  }),\n  modifier: PropTypes.string,\n  displayCategory: PropTypes.bool.isRequired,\n  displayThumbnail: PropTypes.bool.isRequired,\n  displayTitle: PropTypes.bool.isRequired,\n  enableOverlay: PropTypes.bool,\n  overlayModifier: PropTypes.string,\n  titleOverlayModifier: PropTypes.string,\n  cardChildren: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.node), PropTypes.node]),\n  gtmChildren: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.node), PropTypes.node]),\n  gridModifier: PropTypes.string,\n  priority: PropTypes.bool\n};\n\nCard.defaultProps = {\n  entityProps: {},\n  image: {\n    url: null,\n    data: {}\n  },\n  gtmId: '',\n  style: 'portrait',\n  propsToDisplay: [],\n  propsToDisplayModifiers: [],\n  url: '',\n  alternativePreHeader: null,\n  alternativeHeadline: '',\n  category: null,\n  modifier: '',\n  cardChildren: [],\n  gtmChildren: [],\n  gridModifier: '',\n  priority: false,\n  overlayModifier: 'card__content--overlay',\n  titleOverlayModifier: 'card__content--overlay__title',\n  enableOverlay: true\n};\n\nconst getCategoryDefinedProps = ({\n  alternativePreHeader,\n  category,\n  entity,\n  alternativeHeadline,\n  displayCategory,\n  name\n}) => {\n  const hasAlternativePreHeader = alternativePreHeader && alternativePreHeader.name;\n  const preHeader =\n    alternativeHeadline && hasAlternativePreHeader ? alternativePreHeader : category;\n  const publishedListingPage = getPublishedListingUrl(preHeader);\n  const label = preHeader ? preHeader.name : entity;\n  const headline =\n    !displayCategory || !hasAlternativePreHeader ? name : alternativeHeadline || name;\n  return { publishedListingPage, preHeader, label, headline };\n};\n\nconst getImageDefinedProps = ({ image, displayThumbnail }) => {\n  const { url: imageSrc, data } = image || {};\n  const shouldDisplayThumbnail = displayThumbnail && imageSrc;\n  const altText = (data && data.altText) || '';\n  return { imageSrc, shouldDisplayThumbnail, altText };\n};\n\nconst getInitialModifiers = ({ modifier, style, otherProps }) => {\n  const modifiers = [modifier, style];\n  const { sponsored, featured } = otherProps;\n  if (sponsored) modifiers.push('sponsored');\n  if (featured) modifiers.push('featured');\n\n  return modifiers;\n};\n\nexport default Card;\n"],"file":"Card.js"}

package/lib-es/components/Card/CardContainer.js

@@ -1,6 +1,6 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-const _excluded = ["cardData", "gridModifier", "style", "displayCategory", "displayThumbnail", "displayTitle", "modifier", "entity", "propsToDisplay", "gtmChildren", "cardChildren", "name", "designConfig", "itemsPerRow", "enableCarousel", "bannerModifier", "priorityLimit", "enableAutoScroll", "autoScrollTimer"],
+const _excluded = ["cardData", "gridModifier", "style", "displayCategory", "displayThumbnail", "displayTitle", "modifier", "entity", "propsToDisplay", "gtmChildren", "cardChildren", "name", "designConfig", "itemsPerRow", "enableCarousel", "bannerModifier", "priorityLimit", "enableAutoScroll", "enableOverlay", "autoScrollTimer", "arrowSize", "overlayModifier"],
       _excluded2 = ["baseAdunit", "id"];
 import React, { useContext } from 'react';
 import PropTypes from 'prop-types';
@@ -34,7 +34,10 @@ const CardContainer = _ref => {
     bannerModifier,
     priorityLimit,
     enableAutoScroll,
-    autoScrollTimer
+    enableOverlay,
+    autoScrollTimer,
+    arrowSize,
+    overlayModifier
   } = _ref,
       cardProps = _objectWithoutProperties(_ref, _excluded);
 
@@ -88,7 +91,10 @@ const CardContainer = _ref => {
       displayCategory: displayCategory,
       displayThumbnail: displayThumbnail,
       displayTitle: displayTitle,
-      priority: priority
+      priority: priority,
+      arrowSize: arrowSize,
+      enableOverlay: enableOverlay,
+      overlayModifier: overlayModifier
     }, entityProps));
   }));
 };
@@ -112,7 +118,10 @@ CardContainer.propTypes = {
   bannerModifier: PropTypes.string,
   priorityLimit: PropTypes.number,
   enableAutoScroll: PropTypes.bool,
-  autoScrollTimer: PropTypes.number
+  enableOverlay: PropTypes.bool,
+  overlayModifier: PropTypes.string,
+  autoScrollTimer: PropTypes.number,
+  arrowSize: PropTypes.string
 };
 CardContainer.defaultProps = {
   gtmChildren: [],
@@ -131,7 +140,10 @@ CardContainer.defaultProps = {
   bannerModifier: '',
   priorityLimit: 0,
   enableAutoScroll: false,
-  autoScrollTimer: 0
+  enableOverlay: false,
+  autoScrollTimer: 0,
+  overlayModifier: '',
+  arrowSize: ''
 };
 export default withTitle(CardContainer);
 //# sourceMappingURL=CardContainer.js.map

package/lib-es/components/Card/CardContainer.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/Card/CardContainer.js"],"names":["React","useContext","PropTypes","MainContext","withTitle","Banner","Wrapper","CarouselWrapper","Card","getDynamicGridClasses","getEntitiesWithBanner","parsePropsToDisplay","getPropsToDisplayModifiers","CardContainer","cardData","gridModifier","style","displayCategory","displayThumbnail","displayTitle","modifier","entity","propsToDisplay","gtmChildren","cardChildren","name","designConfig","itemsPerRow","enableCarousel","bannerModifier","priorityLimit","enableAutoScroll","autoScrollTimer","cardProps","entities","itemId","propsToDisplayModifiers","dynamicWrapperSizes","cardBannerIndex","CardWrapper","map","index","baseAdunit","id","entityProps","extraProps","dynamicKey","join","priority","propTypes","array","isRequired","string","oneOfType","arrayOf","node","bool","object","number","defaultProps"],"mappings":"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","sourcesContent":["import React, { useContext } from 'react';\nimport PropTypes from 'prop-types';\nimport { MainContext } from '@blaze-cms/nextjs-components';\nimport { withTitle } from '../../HOC';\nimport Banner from '../Banner';\nimport Wrapper from '../Wrapper';\nimport CarouselWrapper from '../CarouselWrapper';\nimport Card from './Card';\nimport { getDynamicGridClasses } from './helpers';\nimport { getEntitiesWithBanner, parsePropsToDisplay } from '../../helpers';\nimport { getPropsToDisplayModifiers } from '../../utils';\n\nconst CardContainer = ({\n  cardData,\n  gridModifier,\n  style,\n  displayCategory,\n  displayThumbnail,\n  displayTitle,\n  modifier,\n  entity,\n  propsToDisplay,\n  gtmChildren,\n  cardChildren,\n  name,\n  designConfig,\n  itemsPerRow,\n  enableCarousel,\n  bannerModifier,\n  priorityLimit,\n  enableAutoScroll,\n  autoScrollTimer,\n  ...cardProps\n}) => {\n  const entities = getEntitiesWithBanner(cardData, cardProps);\n  const { itemId } = useContext(MainContext);\n  const propsToDisplayModifiers = getPropsToDisplayModifiers(propsToDisplay);\n  const dynamicWrapperSizes = enableCarousel\n    ? ''\n    : getDynamicGridClasses('grid', itemsPerRow, designConfig);\n  let cardBannerIndex = 0;\n  const CardWrapper = enableCarousel ? CarouselWrapper : Wrapper;\n\n  return (\n    <CardWrapper\n      className={dynamicWrapperSizes}\n      modifiers={gridModifier}\n      itemsPerRow={itemsPerRow}\n      bannerModifier={bannerModifier}\n      enableAutoScroll={enableAutoScroll}\n      autoScrollTimer={autoScrollTimer}>\n      {entities.map(({ baseAdunit, id, ...entityProps }, index) => {\n        const extraProps = parsePropsToDisplay(entityProps, propsToDisplay);\n        const dynamicKey = [itemId, index].join('-');\n        if (baseAdunit) cardBannerIndex += 1;\n\n        const priority = priorityLimit > 0 && index + 1 <= priorityLimit;\n\n        return baseAdunit ? (\n          <Banner\n            key={dynamicKey}\n            entity={entity}\n            baseAdunit={baseAdunit}\n            {...entityProps}\n            modifier={modifier}\n            cardBannerIndex={cardBannerIndex}\n          />\n        ) : (\n          <Card\n            key={id}\n            id={id}\n            enableCarousel={enableCarousel}\n            entity={entity}\n            propsToDisplay={extraProps}\n            propsToDisplayModifiers={propsToDisplayModifiers}\n            modifier={modifier}\n            style={style}\n            cardChildren={cardChildren}\n            gtmChildren={gtmChildren}\n            gtmId={name}\n            gridModifier={gridModifier}\n            entityProps={entityProps}\n            displayCategory={displayCategory}\n            displayThumbnail={displayThumbnail}\n            displayTitle={displayTitle}\n            priority={priority}\n            {...entityProps}\n          />\n        );\n      })}\n    </CardWrapper>\n  );\n};\n\nCardContainer.propTypes = {\n  cardData: PropTypes.array.isRequired,\n  name: PropTypes.string,\n  entity: PropTypes.string.isRequired,\n  gridModifier: PropTypes.string,\n  gtmChildren: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.node), PropTypes.node]),\n  cardChildren: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.node), PropTypes.node]),\n  propsToDisplay: PropTypes.array,\n  displayCategory: PropTypes.bool,\n  displayThumbnail: PropTypes.bool,\n  displayTitle: PropTypes.bool,\n  modifier: PropTypes.string,\n  style: PropTypes.string,\n  designConfig: PropTypes.object,\n  itemsPerRow: PropTypes.number,\n  enableCarousel: PropTypes.bool,\n  bannerModifier: PropTypes.string,\n  priorityLimit: PropTypes.number,\n  enableAutoScroll: PropTypes.bool,\n  autoScrollTimer: PropTypes.number\n};\n\nCardContainer.defaultProps = {\n  gtmChildren: [],\n  cardChildren: [],\n  name: '',\n  gridModifier: '',\n  propsToDisplay: [],\n  displayCategory: true,\n  displayThumbnail: true,\n  displayTitle: true,\n  modifier: '',\n  style: 'portrait',\n  designConfig: {},\n  itemsPerRow: 1,\n  enableCarousel: false,\n  bannerModifier: '',\n  priorityLimit: 0,\n  enableAutoScroll: false,\n  autoScrollTimer: 0\n};\n\nexport default withTitle(CardContainer);\n"],"file":"CardContainer.js"}
+{"version":3,"sources":["../../../src/components/Card/CardContainer.js"],"names":["React","useContext","PropTypes","MainContext","withTitle","Banner","Wrapper","CarouselWrapper","Card","getDynamicGridClasses","getEntitiesWithBanner","parsePropsToDisplay","getPropsToDisplayModifiers","CardContainer","cardData","gridModifier","style","displayCategory","displayThumbnail","displayTitle","modifier","entity","propsToDisplay","gtmChildren","cardChildren","name","designConfig","itemsPerRow","enableCarousel","bannerModifier","priorityLimit","enableAutoScroll","enableOverlay","autoScrollTimer","arrowSize","overlayModifier","cardProps","entities","itemId","propsToDisplayModifiers","dynamicWrapperSizes","cardBannerIndex","CardWrapper","map","index","baseAdunit","id","entityProps","extraProps","dynamicKey","join","priority","propTypes","array","isRequired","string","oneOfType","arrayOf","node","bool","object","number","defaultProps"],"mappings":"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","sourcesContent":["import React, { useContext } from 'react';\nimport PropTypes from 'prop-types';\nimport { MainContext } from '@blaze-cms/nextjs-components';\nimport { withTitle } from '../../HOC';\nimport Banner from '../Banner';\nimport Wrapper from '../Wrapper';\nimport CarouselWrapper from '../CarouselWrapper';\nimport Card from './Card';\nimport { getDynamicGridClasses } from './helpers';\nimport { getEntitiesWithBanner, parsePropsToDisplay } from '../../helpers';\nimport { getPropsToDisplayModifiers } from '../../utils';\n\nconst CardContainer = ({\n  cardData,\n  gridModifier,\n  style,\n  displayCategory,\n  displayThumbnail,\n  displayTitle,\n  modifier,\n  entity,\n  propsToDisplay,\n  gtmChildren,\n  cardChildren,\n  name,\n  designConfig,\n  itemsPerRow,\n  enableCarousel,\n  bannerModifier,\n  priorityLimit,\n  enableAutoScroll,\n  enableOverlay,\n  autoScrollTimer,\n  arrowSize,\n  overlayModifier,\n  ...cardProps\n}) => {\n  const entities = getEntitiesWithBanner(cardData, cardProps);\n  const { itemId } = useContext(MainContext);\n  const propsToDisplayModifiers = getPropsToDisplayModifiers(propsToDisplay);\n  const dynamicWrapperSizes = enableCarousel\n    ? ''\n    : getDynamicGridClasses('grid', itemsPerRow, designConfig);\n  let cardBannerIndex = 0;\n  const CardWrapper = enableCarousel ? CarouselWrapper : Wrapper;\n\n  return (\n    <CardWrapper\n      className={dynamicWrapperSizes}\n      modifiers={gridModifier}\n      itemsPerRow={itemsPerRow}\n      bannerModifier={bannerModifier}\n      enableAutoScroll={enableAutoScroll}\n      autoScrollTimer={autoScrollTimer}>\n      {entities.map(({ baseAdunit, id, ...entityProps }, index) => {\n        const extraProps = parsePropsToDisplay(entityProps, propsToDisplay);\n        const dynamicKey = [itemId, index].join('-');\n        if (baseAdunit) cardBannerIndex += 1;\n\n        const priority = priorityLimit > 0 && index + 1 <= priorityLimit;\n\n        return baseAdunit ? (\n          <Banner\n            key={dynamicKey}\n            entity={entity}\n            baseAdunit={baseAdunit}\n            {...entityProps}\n            modifier={modifier}\n            cardBannerIndex={cardBannerIndex}\n          />\n        ) : (\n          <Card\n            key={id}\n            id={id}\n            enableCarousel={enableCarousel}\n            entity={entity}\n            propsToDisplay={extraProps}\n            propsToDisplayModifiers={propsToDisplayModifiers}\n            modifier={modifier}\n            style={style}\n            cardChildren={cardChildren}\n            gtmChildren={gtmChildren}\n            gtmId={name}\n            gridModifier={gridModifier}\n            entityProps={entityProps}\n            displayCategory={displayCategory}\n            displayThumbnail={displayThumbnail}\n            displayTitle={displayTitle}\n            priority={priority}\n            arrowSize={arrowSize}\n            enableOverlay={enableOverlay}\n            overlayModifier={overlayModifier}\n            {...entityProps}\n          />\n        );\n      })}\n    </CardWrapper>\n  );\n};\n\nCardContainer.propTypes = {\n  cardData: PropTypes.array.isRequired,\n  name: PropTypes.string,\n  entity: PropTypes.string.isRequired,\n  gridModifier: PropTypes.string,\n  gtmChildren: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.node), PropTypes.node]),\n  cardChildren: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.node), PropTypes.node]),\n  propsToDisplay: PropTypes.array,\n  displayCategory: PropTypes.bool,\n  displayThumbnail: PropTypes.bool,\n  displayTitle: PropTypes.bool,\n  modifier: PropTypes.string,\n  style: PropTypes.string,\n  designConfig: PropTypes.object,\n  itemsPerRow: PropTypes.number,\n  enableCarousel: PropTypes.bool,\n  bannerModifier: PropTypes.string,\n  priorityLimit: PropTypes.number,\n  enableAutoScroll: PropTypes.bool,\n  enableOverlay: PropTypes.bool,\n  overlayModifier: PropTypes.string,\n  autoScrollTimer: PropTypes.number,\n  arrowSize: PropTypes.string\n};\n\nCardContainer.defaultProps = {\n  gtmChildren: [],\n  cardChildren: [],\n  name: '',\n  gridModifier: '',\n  propsToDisplay: [],\n  displayCategory: true,\n  displayThumbnail: true,\n  displayTitle: true,\n  modifier: '',\n  style: 'portrait',\n  designConfig: {},\n  itemsPerRow: 1,\n  enableCarousel: false,\n  bannerModifier: '',\n  priorityLimit: 0,\n  enableAutoScroll: false,\n  enableOverlay: false,\n  autoScrollTimer: 0,\n  overlayModifier: '',\n  arrowSize: ''\n};\n\nexport default withTitle(CardContainer);\n"],"file":"CardContainer.js"}

package/lib-es/components/CarouselWrapper.js

@@ -7,7 +7,8 @@ const CarouselWrapper = ({
   bannerModifier,
   itemsPerRow,
   enableAutoScroll,
-  autoScrollTimer
+  autoScrollTimer,
+  arrowSize
 }) => {
   const ref = useRef();
   const [buttonDisplay, setButtonDisplays] = useState({
@@ -94,7 +95,9 @@ const CarouselWrapper = ({
       setShouldAutoScroll(false);
       handleButtonNavigation();
     }
-  }, /*#__PURE__*/React.createElement("i", null, /*#__PURE__*/React.createElement(FaAngleLeft, null)))), /*#__PURE__*/React.createElement("div", {
+  }, /*#__PURE__*/React.createElement("i", null, /*#__PURE__*/React.createElement(FaAngleLeft, {
+    size: arrowSize
+  })))), /*#__PURE__*/React.createElement("div", {
     className: "cards-carousel--right-button-wrapper"
   }, displayRight && /*#__PURE__*/React.createElement("button", {
     type: "button",
@@ -103,7 +106,9 @@ const CarouselWrapper = ({
       setShouldAutoScroll(false);
       handleButtonNavigation(true);
     }
-  }, /*#__PURE__*/React.createElement("i", null, /*#__PURE__*/React.createElement(FaAngleRight, null)))), /*#__PURE__*/React.createElement("div", {
+  }, /*#__PURE__*/React.createElement("i", null, /*#__PURE__*/React.createElement(FaAngleRight, {
+    size: arrowSize
+  })))), /*#__PURE__*/React.createElement("div", {
     className: contentClassName,
     ref: ref,
     onScroll: handleScroll
@@ -115,14 +120,16 @@ CarouselWrapper.propTypes = {
   itemsPerRow: PropTypes.number,
   children: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.node), PropTypes.node]),
   enableAutoScroll: PropTypes.bool,
-  autoScrollTimer: PropTypes.number
+  autoScrollTimer: PropTypes.number,
+  arrowSize: PropTypes.number
 };
 CarouselWrapper.defaultProps = {
   itemsPerRow: 0,
   bannerModifier: '',
   children: [],
   enableAutoScroll: false,
-  autoScrollTimer: 0
+  autoScrollTimer: 0,
+  arrowSize: 14
 };
 export default CarouselWrapper;
 //# sourceMappingURL=CarouselWrapper.js.map

package/lib-es/components/CarouselWrapper.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/components/CarouselWrapper.js"],"names":["React","useRef","useState","useEffect","PropTypes","FaAngleLeft","FaAngleRight","CarouselWrapper","children","bannerModifier","itemsPerRow","enableAutoScroll","autoScrollTimer","ref","buttonDisplay","setButtonDisplays","displayLeft","displayRight","shouldAutoScroll","setShouldAutoScroll","autoScrollRef","current","id","setInterval","scrollCheck","clearInterval","handleButtonNavigation","offsetWidth","scrollWidth","handleScroll","scrollLeft","updatedDisplayLeft","updatedDisplayRight","direction","wrapperClassName","contentClassName","propTypes","string","number","oneOfType","arrayOf","node","bool","defaultProps"],"mappings":"AAAA,OAAOA,KAAP,IAAgBC,MAAhB,EAAwBC,QAAxB,EAAkCC,SAAlC,QAAmD,OAAnD;AACA,OAAOC,SAAP,MAAsB,YAAtB;AACA,SAASC,WAAT,EAAsBC,YAAtB,QAA0C,gBAA1C;;AAEA,MAAMC,eAAe,GAAG,CAAC;AACvBC,EAAAA,QADuB;AAEvBC,EAAAA,cAFuB;AAGvBC,EAAAA,WAHuB;AAIvBC,EAAAA,gBAJuB;AAKvBC,EAAAA;AALuB,CAAD,KAMlB;AACJ,QAAMC,GAAG,GAAGZ,MAAM,EAAlB;AACA,QAAM,CAACa,aAAD,EAAgBC,iBAAhB,IAAqCb,QAAQ,CAAC;AAAEc,IAAAA,WAAW,EAAE,KAAf;AAAsBC,IAAAA,YAAY,EAAE;AAApC,GAAD,CAAnD;AACA,QAAM,CAACC,gBAAD,EAAmBC,mBAAnB,IAA0CjB,QAAQ,CAAC,KAAD,CAAxD;AACA,QAAMkB,aAAa,GAAGnB,MAAM,EAA5B;AAEAE,EAAAA,SAAS,CACP,MAAM;AACJiB,IAAAA,aAAa,CAACC,OAAd,GAAwBH,gBAAxB;AACA,UAAMI,EAAE,GAAGC,WAAW,CAACC,WAAD,EAAcZ,eAAd,CAAtB;;AACA,aAASY,WAAT,GAAuB;AACrB,UAAI,CAACJ,aAAa,CAACC,OAAnB,EAA4B;AAC1BI,QAAAA,aAAa,CAACH,EAAD,CAAb;AACD,OAFD,MAEO;AACLI,QAAAA,sBAAsB,CAAC,IAAD,CAAtB;AACD;AACF;;AAED,WAAO,MAAMD,aAAa,CAACH,EAAD,CAA1B;AACD,GAbM,EAcP,CAACV,eAAD,EAAkBM,gBAAlB,CAdO,CAAT;AAiBAf,EAAAA,SAAS,CACP,MAAM;AACJ,UAAM;AACJkB,MAAAA,OAAO,EAAE;AAAEM,QAAAA,WAAF;AAAeC,QAAAA;AAAf;AADL,QAEFf,GAFJ;AAGA,QAAIe,WAAW,IAAID,WAAnB,EACEZ,iBAAiB,CAAC;AAAEC,MAAAA,WAAW,EAAE,KAAf;AAAsBC,MAAAA,YAAY,EAAE;AAApC,KAAD,CAAjB;AACFE,IAAAA,mBAAmB,CAACR,gBAAD,CAAnB;AACD,GARM,EASP,CAACA,gBAAD,CATO,CAAT;;AAYA,QAAMkB,YAAY,GAAG,MAAM;AACzB,UAAM;AACJR,MAAAA,OAAO,EAAE;AAAEM,QAAAA,WAAF;AAAeG,QAAAA,UAAf;AAA2BF,QAAAA;AAA3B;AADL,QAEFf,GAFJ;AAGA,UAAMkB,kBAAkB,GAAG,CAAC,CAACD,UAA7B;AACA,UAAME,mBAAmB,GAAGF,UAAU,GAAGH,WAAb,GAA2B,CAA3B,GAA+BC,WAA3D;AACAb,IAAAA,iBAAiB,CAAC;AAAEC,MAAAA,WAAW,EAAEe,kBAAf;AAAmCd,MAAAA,YAAY,EAAEe;AAAjD,KAAD,CAAjB;AACD,GAPD;;AASA,QAAMN,sBAAsB,GAAGO,SAAS,IAAI;AAC1C,QAAI,CAACpB,GAAD,IAAQ,CAACA,GAAG,CAACQ,OAAjB,EAA0B;AAC1B,UAAM;AACJA,MAAAA,OAAO,EAAE;AAAEM,QAAAA,WAAF;AAAeG,QAAAA,UAAf;AAA2BF,QAAAA;AAA3B;AADL,QAEFf,GAFJ;;AAIA,QAAIO,aAAa,CAACC,OAAd,IAAyBS,UAAU,GAAGH,WAAb,IAA4BC,WAAzD,EAAsE;AACpEf,MAAAA,GAAG,CAACQ,OAAJ,CAAYS,UAAZ,GAAyB,CAAzB;AACD,KAFD,MAEO;AACLjB,MAAAA,GAAG,CAACQ,OAAJ,CAAYS,UAAZ,GAAyBG,SAAS,GAAGH,UAAU,GAAGH,WAAhB,GAA8BG,UAAU,GAAGH,WAA7E;AACD;AACF,GAXD;;AAaA,QAAM;AAAEX,IAAAA,WAAF;AAAeC,IAAAA;AAAf,MAAgCH,aAAtC;AACA,QAAMoB,gBAAgB,GAAI,iBAAgBzB,cAAe,EAAzD;AACA,QAAM0B,gBAAgB,GAAI,yCAAwCzB,WAAY,EAA9E;AAEA,sBACE;AAAK,IAAA,SAAS,EAAEwB;AAAhB,kBACE;AAAK,IAAA,SAAS,EAAC;AAAf,KACGlB,WAAW,iBACV;AACE,IAAA,IAAI,EAAC,QADP;AAEE,IAAA,SAAS,EAAC,8CAFZ;AAGE,IAAA,OAAO,EAAE,MAAM;AACbG,MAAAA,mBAAmB,CAAC,KAAD,CAAnB;AACAO,MAAAA,sBAAsB;AACvB;AANH,kBAOE,4CACE,oBAAC,WAAD,OADF,CAPF,CAFJ,CADF,eAgBE;AAAK,IAAA,SAAS,EAAC;AAAf,KACGT,YAAY,iBACX;AACE,IAAA,IAAI,EAAC,QADP;AAEE,IAAA,SAAS,EAAC,iDAFZ;AAGE,IAAA,OAAO,EAAE,MAAM;AACbE,MAAAA,mBAAmB,CAAC,KAAD,CAAnB;AACAO,MAAAA,sBAAsB,CAAC,IAAD,CAAtB;AACD;AANH,kBAOE,4CACE,oBAAC,YAAD,OADF,CAPF,CAFJ,CAhBF,eA+BE;AAAK,IAAA,SAAS,EAAES,gBAAhB;AAAkC,IAAA,GAAG,EAAEtB,GAAvC;AAA4C,IAAA,QAAQ,EAAEgB;AAAtD,KACGrB,QADH,CA/BF,CADF;AAqCD,CAxGD;;AA0GAD,eAAe,CAAC6B,SAAhB,GAA4B;AAC1B3B,EAAAA,cAAc,EAAEL,SAAS,CAACiC,MADA;AAE1B3B,EAAAA,WAAW,EAAEN,SAAS,CAACkC,MAFG;AAG1B9B,EAAAA,QAAQ,EAAEJ,SAAS,CAACmC,SAAV,CAAoB,CAACnC,SAAS,CAACoC,OAAV,CAAkBpC,SAAS,CAACqC,IAA5B,CAAD,EAAoCrC,SAAS,CAACqC,IAA9C,CAApB,CAHgB;AAI1B9B,EAAAA,gBAAgB,EAAEP,SAAS,CAACsC,IAJF;AAK1B9B,EAAAA,eAAe,EAAER,SAAS,CAACkC;AALD,CAA5B;AAQA/B,eAAe,CAACoC,YAAhB,GAA+B;AAC7BjC,EAAAA,WAAW,EAAE,CADgB;AAE7BD,EAAAA,cAAc,EAAE,EAFa;AAG7BD,EAAAA,QAAQ,EAAE,EAHmB;AAI7BG,EAAAA,gBAAgB,EAAE,KAJW;AAK7BC,EAAAA,eAAe,EAAE;AALY,CAA/B;AAQA,eAAeL,eAAf","sourcesContent":["import React, { useRef, useState, useEffect } from 'react';\nimport PropTypes from 'prop-types';\nimport { FaAngleLeft, FaAngleRight } from 'react-icons/fa';\n\nconst CarouselWrapper = ({\n  children,\n  bannerModifier,\n  itemsPerRow,\n  enableAutoScroll,\n  autoScrollTimer\n}) => {\n  const ref = useRef();\n  const [buttonDisplay, setButtonDisplays] = useState({ displayLeft: false, displayRight: true });\n  const [shouldAutoScroll, setShouldAutoScroll] = useState(false);\n  const autoScrollRef = useRef();\n\n  useEffect(\n    () => {\n      autoScrollRef.current = shouldAutoScroll;\n      const id = setInterval(scrollCheck, autoScrollTimer);\n      function scrollCheck() {\n        if (!autoScrollRef.current) {\n          clearInterval(id);\n        } else {\n          handleButtonNavigation(true);\n        }\n      }\n\n      return () => clearInterval(id);\n    },\n    [autoScrollTimer, shouldAutoScroll]\n  );\n\n  useEffect(\n    () => {\n      const {\n        current: { offsetWidth, scrollWidth }\n      } = ref;\n      if (scrollWidth <= offsetWidth)\n        setButtonDisplays({ displayLeft: false, displayRight: false });\n      setShouldAutoScroll(enableAutoScroll);\n    },\n    [enableAutoScroll]\n  );\n\n  const handleScroll = () => {\n    const {\n      current: { offsetWidth, scrollLeft, scrollWidth }\n    } = ref;\n    const updatedDisplayLeft = !!scrollLeft;\n    const updatedDisplayRight = scrollLeft + offsetWidth + 1 < scrollWidth;\n    setButtonDisplays({ displayLeft: updatedDisplayLeft, displayRight: updatedDisplayRight });\n  };\n\n  const handleButtonNavigation = direction => {\n    if (!ref || !ref.current) return;\n    const {\n      current: { offsetWidth, scrollLeft, scrollWidth }\n    } = ref;\n\n    if (autoScrollRef.current && scrollLeft + offsetWidth >= scrollWidth) {\n      ref.current.scrollLeft = 0;\n    } else {\n      ref.current.scrollLeft = direction ? scrollLeft + offsetWidth : scrollLeft - offsetWidth;\n    }\n  };\n\n  const { displayLeft, displayRight } = buttonDisplay;\n  const wrapperClassName = `cards-carousel${bannerModifier}`;\n  const contentClassName = `cards-carousel--content items-per-row-${itemsPerRow}`;\n\n  return (\n    <div className={wrapperClassName}>\n      <div className=\"cards-carousel--left-button-wrapper\">\n        {displayLeft && (\n          <button\n            type=\"button\"\n            className=\"cards-carousel--button-back icon-button icon\"\n            onClick={() => {\n              setShouldAutoScroll(false);\n              handleButtonNavigation();\n            }}>\n            <i>\n              <FaAngleLeft />\n            </i>\n          </button>\n        )}\n      </div>\n      <div className=\"cards-carousel--right-button-wrapper\">\n        {displayRight && (\n          <button\n            type=\"button\"\n            className=\"cards-carousel--button-forward icon-button icon\"\n            onClick={() => {\n              setShouldAutoScroll(false);\n              handleButtonNavigation(true);\n            }}>\n            <i>\n              <FaAngleRight />\n            </i>\n          </button>\n        )}\n      </div>\n      <div className={contentClassName} ref={ref} onScroll={handleScroll}>\n        {children}\n      </div>\n    </div>\n  );\n};\n\nCarouselWrapper.propTypes = {\n  bannerModifier: PropTypes.string,\n  itemsPerRow: PropTypes.number,\n  children: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.node), PropTypes.node]),\n  enableAutoScroll: PropTypes.bool,\n  autoScrollTimer: PropTypes.number\n};\n\nCarouselWrapper.defaultProps = {\n  itemsPerRow: 0,\n  bannerModifier: '',\n  children: [],\n  enableAutoScroll: false,\n  autoScrollTimer: 0\n};\n\nexport default CarouselWrapper;\n"],"file":"CarouselWrapper.js"}
+{"version":3,"sources":["../../src/components/CarouselWrapper.js"],"names":["React","useRef","useState","useEffect","PropTypes","FaAngleLeft","FaAngleRight","CarouselWrapper","children","bannerModifier","itemsPerRow","enableAutoScroll","autoScrollTimer","arrowSize","ref","buttonDisplay","setButtonDisplays","displayLeft","displayRight","shouldAutoScroll","setShouldAutoScroll","autoScrollRef","current","id","setInterval","scrollCheck","clearInterval","handleButtonNavigation","offsetWidth","scrollWidth","handleScroll","scrollLeft","updatedDisplayLeft","updatedDisplayRight","direction","wrapperClassName","contentClassName","propTypes","string","number","oneOfType","arrayOf","node","bool","defaultProps"],"mappings":"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","sourcesContent":["import React, { useRef, useState, useEffect } from 'react';\nimport PropTypes from 'prop-types';\nimport { FaAngleLeft, FaAngleRight } from 'react-icons/fa';\n\nconst CarouselWrapper = ({\n  children,\n  bannerModifier,\n  itemsPerRow,\n  enableAutoScroll,\n  autoScrollTimer,\n  arrowSize\n}) => {\n  const ref = useRef();\n  const [buttonDisplay, setButtonDisplays] = useState({ displayLeft: false, displayRight: true });\n  const [shouldAutoScroll, setShouldAutoScroll] = useState(false);\n  const autoScrollRef = useRef();\n\n  useEffect(\n    () => {\n      autoScrollRef.current = shouldAutoScroll;\n      const id = setInterval(scrollCheck, autoScrollTimer);\n      function scrollCheck() {\n        if (!autoScrollRef.current) {\n          clearInterval(id);\n        } else {\n          handleButtonNavigation(true);\n        }\n      }\n\n      return () => clearInterval(id);\n    },\n    [autoScrollTimer, shouldAutoScroll]\n  );\n\n  useEffect(\n    () => {\n      const {\n        current: { offsetWidth, scrollWidth }\n      } = ref;\n      if (scrollWidth <= offsetWidth)\n        setButtonDisplays({ displayLeft: false, displayRight: false });\n      setShouldAutoScroll(enableAutoScroll);\n    },\n    [enableAutoScroll]\n  );\n\n  const handleScroll = () => {\n    const {\n      current: { offsetWidth, scrollLeft, scrollWidth }\n    } = ref;\n    const updatedDisplayLeft = !!scrollLeft;\n    const updatedDisplayRight = scrollLeft + offsetWidth + 1 < scrollWidth;\n    setButtonDisplays({ displayLeft: updatedDisplayLeft, displayRight: updatedDisplayRight });\n  };\n\n  const handleButtonNavigation = direction => {\n    if (!ref || !ref.current) return;\n    const {\n      current: { offsetWidth, scrollLeft, scrollWidth }\n    } = ref;\n\n    if (autoScrollRef.current && scrollLeft + offsetWidth >= scrollWidth) {\n      ref.current.scrollLeft = 0;\n    } else {\n      ref.current.scrollLeft = direction ? scrollLeft + offsetWidth : scrollLeft - offsetWidth;\n    }\n  };\n\n  const { displayLeft, displayRight } = buttonDisplay;\n  const wrapperClassName = `cards-carousel${bannerModifier}`;\n  const contentClassName = `cards-carousel--content items-per-row-${itemsPerRow}`;\n\n  return (\n    <div className={wrapperClassName}>\n      <div className=\"cards-carousel--left-button-wrapper\">\n        {displayLeft && (\n          <button\n            type=\"button\"\n            className=\"cards-carousel--button-back icon-button icon\"\n            onClick={() => {\n              setShouldAutoScroll(false);\n              handleButtonNavigation();\n            }}>\n            <i>\n              <FaAngleLeft size={arrowSize} />\n            </i>\n          </button>\n        )}\n      </div>\n      <div className=\"cards-carousel--right-button-wrapper\">\n        {displayRight && (\n          <button\n            type=\"button\"\n            className=\"cards-carousel--button-forward icon-button icon\"\n            onClick={() => {\n              setShouldAutoScroll(false);\n              handleButtonNavigation(true);\n            }}>\n            <i>\n              <FaAngleRight size={arrowSize} />\n            </i>\n          </button>\n        )}\n      </div>\n      <div className={contentClassName} ref={ref} onScroll={handleScroll}>\n        {children}\n      </div>\n    </div>\n  );\n};\n\nCarouselWrapper.propTypes = {\n  bannerModifier: PropTypes.string,\n  itemsPerRow: PropTypes.number,\n  children: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.node), PropTypes.node]),\n  enableAutoScroll: PropTypes.bool,\n  autoScrollTimer: PropTypes.number,\n  arrowSize: PropTypes.number\n};\n\nCarouselWrapper.defaultProps = {\n  itemsPerRow: 0,\n  bannerModifier: '',\n  children: [],\n  enableAutoScroll: false,\n  autoScrollTimer: 0,\n  arrowSize: 14\n};\n\nexport default CarouselWrapper;\n"],"file":"CarouselWrapper.js"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@blaze-cms/react-page-builder",
-  "version": "0.123.0-alpha.20",
+  "version": "0.123.0-alpha.23",
   "description": "Blaze react page builder",
   "main": "lib/index.js",
   "module": "lib-es/index.js",
@@ -84,5 +84,5 @@
     "lib/*",
     "lib-es/*"
   ],
-  "gitHead": "20bc520b09eac51281f8925b4f0d24d48dc571dd"
+  "gitHead": "da47d53348310a7db6d9a3ba2682d1120ebc42bf"
 }

package/src/components/Card/Card.js

@@ -34,6 +34,7 @@ const Card = ({
   displayThumbnail,
   displayTitle,
   enableOverlay,
+  titleOverlayModifier,
   overlayModifier,
   gridModifier,
   ...otherProps
@@ -68,6 +69,8 @@ const Card = ({
     enableOverlay ? overlayModifier : ''
   }`;
 
+  const titleWrapperModifier = `${getModifiers('card__title', modifiers)} ${titleOverlayModifier}`;
+
   return (
     <Wrapper {...wrapperProps}>
       <div className={classNameWithModifiers}>
@@ -98,7 +101,7 @@ const Card = ({
                 <div className="badge badge--label">{label}</div>
               ))}
             {displayTitle && (
-              <h2 className={getModifiers('card__title', modifiers)}>
+              <h2 className={titleWrapperModifier}>
                 <BlazeLink title={linkTitle} gtmId={gtmId} href={url} scroll>
                   {headline}
                 </BlazeLink>
@@ -157,8 +160,9 @@ Card.propTypes = {
   displayCategory: PropTypes.bool.isRequired,
   displayThumbnail: PropTypes.bool.isRequired,
   displayTitle: PropTypes.bool.isRequired,
-  enableOverlay: PropTypes.bool.isRequired,
+  enableOverlay: PropTypes.bool,
   overlayModifier: PropTypes.string,
+  titleOverlayModifier: PropTypes.string,
   cardChildren: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.node), PropTypes.node]),
   gtmChildren: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.node), PropTypes.node]),
   gridModifier: PropTypes.string,
@@ -184,7 +188,9 @@ Card.defaultProps = {
   gtmChildren: [],
   gridModifier: '',
   priority: false,
-  overlayModifier: ''
+  overlayModifier: 'card__content--overlay',
+  titleOverlayModifier: 'card__content--overlay__title',
+  enableOverlay: true
 };
 
 const getCategoryDefinedProps = ({

package/src/components/Card/CardContainer.js

@@ -29,7 +29,10 @@ const CardContainer = ({
   bannerModifier,
   priorityLimit,
   enableAutoScroll,
+  enableOverlay,
   autoScrollTimer,
+  arrowSize,
+  overlayModifier,
   ...cardProps
 }) => {
   const entities = getEntitiesWithBanner(cardData, cardProps);
@@ -84,6 +87,9 @@ const CardContainer = ({
             displayThumbnail={displayThumbnail}
             displayTitle={displayTitle}
             priority={priority}
+            arrowSize={arrowSize}
+            enableOverlay={enableOverlay}
+            overlayModifier={overlayModifier}
             {...entityProps}
           />
         );
@@ -111,7 +117,10 @@ CardContainer.propTypes = {
   bannerModifier: PropTypes.string,
   priorityLimit: PropTypes.number,
   enableAutoScroll: PropTypes.bool,
-  autoScrollTimer: PropTypes.number
+  enableOverlay: PropTypes.bool,
+  overlayModifier: PropTypes.string,
+  autoScrollTimer: PropTypes.number,
+  arrowSize: PropTypes.string
 };
 
 CardContainer.defaultProps = {
@@ -131,7 +140,10 @@ CardContainer.defaultProps = {
   bannerModifier: '',
   priorityLimit: 0,
   enableAutoScroll: false,
-  autoScrollTimer: 0
+  enableOverlay: false,
+  autoScrollTimer: 0,
+  overlayModifier: '',
+  arrowSize: ''
 };
 
 export default withTitle(CardContainer);

package/src/components/CarouselWrapper.js

@@ -7,7 +7,8 @@ const CarouselWrapper = ({
   bannerModifier,
   itemsPerRow,
   enableAutoScroll,
-  autoScrollTimer
+  autoScrollTimer,
+  arrowSize
 }) => {
   const ref = useRef();
   const [buttonDisplay, setButtonDisplays] = useState({ displayLeft: false, displayRight: true });
@@ -81,7 +82,7 @@ const CarouselWrapper = ({
               handleButtonNavigation();
             }}>
             <i>
-              <FaAngleLeft />
+              <FaAngleLeft size={arrowSize} />
             </i>
           </button>
         )}
@@ -96,7 +97,7 @@ const CarouselWrapper = ({
               handleButtonNavigation(true);
             }}>
             <i>
-              <FaAngleRight />
+              <FaAngleRight size={arrowSize} />
             </i>
           </button>
         )}
@@ -113,7 +114,8 @@ CarouselWrapper.propTypes = {
   itemsPerRow: PropTypes.number,
   children: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.node), PropTypes.node]),
   enableAutoScroll: PropTypes.bool,
-  autoScrollTimer: PropTypes.number
+  autoScrollTimer: PropTypes.number,
+  arrowSize: PropTypes.number
 };
 
 CarouselWrapper.defaultProps = {
@@ -121,7 +123,8 @@ CarouselWrapper.defaultProps = {
   bannerModifier: '',
   children: [],
   enableAutoScroll: false,
-  autoScrollTimer: 0
+  autoScrollTimer: 0,
+  arrowSize: 14
 };
 
 export default CarouselWrapper;

package/tests/unit/src/components/Card/__snapshots__/Card.test.js.snap

@@ -19,7 +19,7 @@ exports[`Card component should not render alternative headline if alternativePre
       </a>
     </div>
     <div
-      class="card__content-wrapper card__content-wrapper--portrait "
+      class="card__content-wrapper card__content-wrapper--portrait card__content--overlay"
     >
       <div
         class="card__content card__content--portrait"
@@ -31,7 +31,7 @@ exports[`Card component should not render alternative headline if alternativePre
           category-name
         </a>
         <h2
-          class="card__title card__title--portrait"
+          class="card__title card__title--portrait card__content--overlay__title"
         >
           <a
             href="/mockurl"
@@ -93,13 +93,13 @@ exports[`Card component should not render alternative headline if displayCategor
       </a>
     </div>
     <div
-      class="card__content-wrapper card__content-wrapper--portrait "
+      class="card__content-wrapper card__content-wrapper--portrait card__content--overlay"
     >
       <div
         class="card__content card__content--portrait"
       >
         <h2
-          class="card__title card__title--portrait"
+          class="card__title card__title--portrait card__content--overlay__title"
         >
           <a
             href="/mockurl"
@@ -161,7 +161,7 @@ exports[`Card component should not render preHeader if alternativeHeadline is no
       </a>
     </div>
     <div
-      class="card__content-wrapper card__content-wrapper--portrait "
+      class="card__content-wrapper card__content-wrapper--portrait card__content--overlay"
     >
       <div
         class="card__content card__content--portrait"
@@ -173,7 +173,7 @@ exports[`Card component should not render preHeader if alternativeHeadline is no
           category-name
         </a>
         <h2
-          class="card__title card__title--portrait"
+          class="card__title card__title--portrait card__content--overlay__title"
         >
           <a
             href="/mockurl"
@@ -235,7 +235,7 @@ exports[`Card component should render customPreheader and alternativeHeadline in
       </a>
     </div>
     <div
-      class="card__content-wrapper card__content-wrapper--portrait "
+      class="card__content-wrapper card__content-wrapper--portrait card__content--overlay"
     >
       <div
         class="card__content card__content--portrait"
@@ -246,7 +246,7 @@ exports[`Card component should render customPreheader and alternativeHeadline in
           Pre header
         </div>
         <h2
-          class="card__title card__title--portrait"
+          class="card__title card__title--portrait card__content--overlay__title"
         >
           <a
             href="/mockurl"
@@ -308,7 +308,7 @@ exports[`Card component should render without throwing an error and match snapsh
       </a>
     </div>
     <div
-      class="card__content-wrapper card__content-wrapper--portrait "
+      class="card__content-wrapper card__content-wrapper--portrait card__content--overlay"
     >
       <div
         class="card__content card__content--portrait"
@@ -320,7 +320,7 @@ exports[`Card component should render without throwing an error and match snapsh
           category-name
         </a>
         <h2
-          class="card__title card__title--portrait"
+          class="card__title card__title--portrait card__content--overlay__title"
         >
           <a
             href="/mockurl"

package/tests/unit/src/components/Card/__snapshots__/CardContainer.test.js.snap

@@ -37,7 +37,7 @@ exports[`CardContainer component should render with carousel if option is enable
               page
             </div>
             <h2
-              class="card__title card__title--portrait"
+              class="card__title card__title--portrait card__content--overlay__title"
             >
               <a
                 href="/nautors-swan/swan-78"
@@ -74,7 +74,7 @@ exports[`CardContainer component should render with carousel if option is enable
               page
             </div>
             <h2
-              class="card__title card__title--portrait"
+              class="card__title card__title--portrait card__content--overlay__title"
             >
               <a
                 href="/nautors-swan/swan-98"
@@ -121,7 +121,7 @@ exports[`CardContainer component should render without throwing error and match
             page
           </div>
           <h2
-            class="card__title card__title--portrait"
+            class="card__title card__title--portrait card__content--overlay__title"
           >
             <a
               href="/nautors-swan/swan-78"
@@ -158,7 +158,7 @@ exports[`CardContainer component should render without throwing error and match
             page
           </div>
           <h2
-            class="card__title card__title--portrait"
+            class="card__title card__title--portrait card__content--overlay__title"
           >
             <a
               href="/nautors-swan/swan-98"

package/tests/unit/src/components/Card/__snapshots__/CardRender.test.js.snap

@@ -33,7 +33,7 @@ exports[`CardRender component should render without throwing an error and match
             Card page cat
           </a>
           <h2
-            class="card__title card__title--portrait"
+            class="card__title card__title--portrait card__content--overlay__title"
           >
             <a
               href="/card-page"

package/tests/unit/src/components/Card/mockData.js

@@ -12,6 +12,7 @@ const cardDataMockedOptions = {
           caption: ''
         }
       },
+      arrowSize: 14,
       yacht: {
         builders_list: "| Nautor's Swan |",
         length_overall: 23.99,
@@ -24,6 +25,7 @@ const cardDataMockedOptions = {
       name: 'Swan 98',
       url: '/nautors-swan/swan-98',
       category: null,
+      arrowSize: 14,
       image: {
         url:
           'https://cdn-events.boatinternational.com/files/2020/04/2f8c4030-879c-11ea-aab3-6d01477a82d7-Swan 98 - 1.jpg',

package/tests/unit/src/components/List/components/Cards/__snapshots__/CardsRender.test.js.snap

@@ -20,13 +20,13 @@ exports[`CardsRender component should render based on listData received 1`] = `
           class="card card--portrait"
         >
           <div
-            class="card__content-wrapper card__content-wrapper--portrait "
+            class="card__content-wrapper card__content-wrapper--portrait card__content--overlay"
           >
             <div
               class="card__content card__content--portrait"
             >
               <h2
-                class="card__title card__title--portrait"
+                class="card__title card__title--portrait card__content--overlay__title"
               >
                 item 1
               </h2>
@@ -41,13 +41,13 @@ exports[`CardsRender component should render based on listData received 1`] = `
           class="card card--portrait"
         >
           <div
-            class="card__content-wrapper card__content-wrapper--portrait "
+            class="card__content-wrapper card__content-wrapper--portrait card__content--overlay"
           >
             <div
               class="card__content card__content--portrait"
             >
               <h2
-                class="card__title card__title--portrait"
+                class="card__title card__title--portrait card__content--overlay__title"
               >
                 item 1
               </h2>
@@ -62,13 +62,13 @@ exports[`CardsRender component should render based on listData received 1`] = `
           class="card card--portrait"
         >
           <div
-            class="card__content-wrapper card__content-wrapper--portrait "
+            class="card__content-wrapper card__content-wrapper--portrait card__content--overlay"
           >
             <div
               class="card__content card__content--portrait"
             >
               <h2
-                class="card__title card__title--portrait"
+                class="card__title card__title--portrait card__content--overlay__title"
               >
                 item 1
               </h2>
@@ -95,13 +95,13 @@ exports[`CardsRender component should render without wrapper, when requested 1`]
       class="card card--portrait"
     >
       <div
-        class="card__content-wrapper card__content-wrapper--portrait "
+        class="card__content-wrapper card__content-wrapper--portrait card__content--overlay"
       >
         <div
           class="card__content card__content--portrait"
         >
           <h2
-            class="card__title card__title--portrait"
+            class="card__title card__title--portrait card__content--overlay__title"
           >
             item 1
           </h2>
@@ -116,13 +116,13 @@ exports[`CardsRender component should render without wrapper, when requested 1`]
       class="card card--portrait"
     >
       <div
-        class="card__content-wrapper card__content-wrapper--portrait "
+        class="card__content-wrapper card__content-wrapper--portrait card__content--overlay"
       >
         <div
           class="card__content card__content--portrait"
         >
           <h2
-            class="card__title card__title--portrait"
+            class="card__title card__title--portrait card__content--overlay__title"
           >
             item 1
           </h2>
@@ -137,13 +137,13 @@ exports[`CardsRender component should render without wrapper, when requested 1`]
       class="card card--portrait"
     >
       <div
-        class="card__content-wrapper card__content-wrapper--portrait "
+        class="card__content-wrapper card__content-wrapper--portrait card__content--overlay"
       >
         <div
           class="card__content card__content--portrait"
         >
           <h2
-            class="card__title card__title--portrait"
+            class="card__title card__title--portrait card__content--overlay__title"
           >
             item 1
           </h2>