@bigbinary/neeto-site-blocks 1.1.2 → 1.1.4

package/dist/index.cjs.js

@@ -14278,7 +14278,8 @@ var Button = function Button(_ref) {
     _ref$draftMode = _ref.draftMode,
     draftMode = _ref$draftMode === void 0 ? false : _ref$draftMode,
     _ref$baseUrl = _ref.baseUrl,
-    baseUrl = _ref$baseUrl === void 0 ? "" : _ref$baseUrl;
+    baseUrl = _ref$baseUrl === void 0 ? "" : _ref$baseUrl,
+    Link = _ref.link;
   var anchorBaseClass = classnames("inline-flex transition-all duration-300 ease-in-out", {
     "pointer-events-none": action === ""
   });
@@ -14295,11 +14296,12 @@ var Button = function Button(_ref) {
     }), label);
   }
   if (action === "page") {
-    var pageHref = draftMode ? "".concat(baseUrl).concat(to) : to;
-    return /*#__PURE__*/React__default["default"].createElement(StyledAnchor, _extends__default["default"]({}, commonProps, {
-      href: pageHref,
+    var pageUrl = draftMode ? "".concat(baseUrl).concat(to) : to;
+    return /*#__PURE__*/React__default["default"].createElement(StyledAnchor, _extends__default["default"]({
+      as: Link !== null && Link !== void 0 ? Link : "a"
+    }, commonProps, {
       percentage: 0.1,
-      target: draftMode ? "_parent" : "_self"
+      to: pageUrl
     }), label);
   }
   return /*#__PURE__*/React__default["default"].createElement(StyledAnchor, _extends__default["default"]({}, commonProps, {
@@ -14322,7 +14324,8 @@ var LinkElement = function LinkElement(_ref) {
     _ref$baseUrl = _ref.baseUrl,
     baseUrl = _ref$baseUrl === void 0 ? "" : _ref$baseUrl,
     _ref$draftMode = _ref.draftMode,
-    draftMode = _ref$draftMode === void 0 ? false : _ref$draftMode;
+    draftMode = _ref$draftMode === void 0 ? false : _ref$draftMode,
+    Link = _ref.link;
   var baseClass = classnames("inline-flex items-center transition-all duration-300 ease-in-out", {
     "pointer-events-none": action === ""
   });
@@ -14339,14 +14342,17 @@ var LinkElement = function LinkElement(_ref) {
     }), label, Icon && /*#__PURE__*/React__default["default"].createElement(Icon, null));
   }
   if (action === "page") {
-    return /*#__PURE__*/React__default["default"].createElement(StyledAnchor, _extends__default["default"]({}, commonProps, {
-      href: draftMode ? "".concat(baseUrl).concat(to) : to,
-      target: draftMode ? "_parent" : "_self"
+    return /*#__PURE__*/React__default["default"].createElement(StyledAnchor, _extends__default["default"]({
+      as: Link !== null && Link !== void 0 ? Link : "a"
+    }, commonProps, {
+      to: draftMode ? "".concat(baseUrl).concat(to) : to
     }), label, Icon && /*#__PURE__*/React__default["default"].createElement(Icon, null));
   }
   return /*#__PURE__*/React__default["default"].createElement(StyledAnchor, commonProps, label, Icon && /*#__PURE__*/React__default["default"].createElement(Icon, null));
 };
-var Link = withConditionalRender(LinkElement, prop("label"));
+var Link = withConditionalRender(LinkElement, function () {
+  return !!(prop("label") || prop("icon"));
+});
 
 var _excluded$f = ["isEmbedded", "src", "design"];
 var Media = function Media(_ref) {
@@ -38121,22 +38127,21 @@ var FeatureWithImage = function FeatureWithImage(_ref) {
     src = properties.backgroundImage.src;
   var baseClasses = "grid grid-cols-12 items-center grid-flow-row-dense";
   var mediaBaseClasses = classnames("col-span-12 flex justify-center", {
-    "sm:col-span-6 sm:col-start-7 lg:col-start-7 lg:col-span-6": mediaPosition === POSITIONS.RIGHT.label,
-    "sm:col-span-6 sm:col-start-1 lg:col-start-1 lg:col-span-6": mediaPosition === POSITIONS.LEFT.label,
-    hidden: !mediaSrc
+    "sm:col-span-6 sm:col-start-7": mediaPosition === POSITIONS.RIGHT.label,
+    "sm:col-span-6 sm:col-start-1": mediaPosition === POSITIONS.LEFT.label
   });
   var featureClasses = classnames("col-span-12", {
-    "sm:col-span-5 lg:col-span-5": mediaPosition === POSITIONS.RIGHT.label && mediaSrc,
-    "sm:col-span-6 sm:col-start-7 lg:col-span-6 lg:col-start-7": mediaPosition === POSITIONS.LEFT.label && mediaSrc
+    "sm:col-span-5": mediaPosition === POSITIONS.RIGHT.label && mediaSrc,
+    "sm:col-span-5 sm:col-start-8": mediaPosition === POSITIONS.LEFT.label && mediaSrc
   });
   return /*#__PURE__*/React__default["default"].createElement(BlockWrapper, {
+    className: className,
+    enableAnimation: enableAnimation,
+    id: id,
     backgroundImage: mergeLeft({
       src: src
     }, design.backgroundImage),
-    className: className,
     design: design.body,
-    enableAnimation: enableAnimation,
-    id: id,
     nestedClassName: baseClasses
   }, /*#__PURE__*/React__default["default"].createElement("div", {
     className: featureClasses
@@ -38150,8 +38155,8 @@ var FeatureWithImage = function FeatureWithImage(_ref) {
   }, description)), /*#__PURE__*/React__default["default"].createElement("div", {
     className: mediaBaseClasses
   }, /*#__PURE__*/React__default["default"].createElement(Media, {
-    design: design.media,
     isEmbedded: isEmbedded,
+    design: design.media,
     lgImageWidth: design.media.width,
     src: mediaSrc
   })));
@@ -38554,7 +38559,8 @@ var FooterWithIcons = function FooterWithIcons(_ref) {
       borderColor: "#C2C8CC"
     }
   }), /*#__PURE__*/React__default["default"].createElement(Typography$1, {
-    className: "hidden sm:col-span-4 sm:flex",
+    isTitle: true,
+    className: "hidden w-full sm:block",
     style: design.copyrightText
   }, copyrightText)), /*#__PURE__*/React__default["default"].createElement("div", {
     className: "col-span-12 flex justify-center gap-x-4 sm:col-span-4 sm:col-start-9 sm:justify-end"
@@ -38570,6 +38576,7 @@ var FooterWithIcons = function FooterWithIcons(_ref) {
       }
     }, _icon, otherProps));
   })), /*#__PURE__*/React__default["default"].createElement(Typography$1, {
+    isTitle: true,
     className: "col-span-12 -mt-2 flex justify-start sm:hidden",
     style: design.copyrightText
   }, copyrightText));