@bigbinary/neeto-site-blocks 1.1.1 → 1.1.3

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,9 +14342,10 @@ 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));
@@ -15582,6 +15586,51 @@ var Typography = function Typography(_ref) {
 Typography.displayName = "Typography";
 var Typography$1 = withConditionalRender(Typography, prop("children"));
 
+var BlogContent = function BlogContent(_ref) {
+  var configurations = _ref.configurations,
+    _ref$className = _ref.className,
+    className = _ref$className === void 0 ? "" : _ref$className,
+    id = _ref.id;
+  var properties = configurations.properties,
+    design = configurations.design;
+  var _properties$content = properties.content,
+    title = _properties$content.title,
+    description = _properties$content.description,
+    content = _properties$content.content,
+    enableAnimation = properties.enableAnimation,
+    imageSrc = properties.image.src,
+    src = properties.backgroundImage.src;
+  var baseClasses = "grid grid-cols-12 items-center";
+  var textClasses = "col-span-12 sm:col-span-8 sm:col-start-3 lg:col-span-6 lg:col-start-4";
+  return /*#__PURE__*/React__default["default"].createElement(BlockWrapper, {
+    className: className,
+    enableAnimation: enableAnimation,
+    id: id,
+    backgroundImage: mergeLeft({
+      src: src
+    }, design.backgroundImage),
+    design: design.body,
+    nestedClassName: baseClasses
+  }, /*#__PURE__*/React__default["default"].createElement(Typography$1, {
+    isTitle: true,
+    className: textClasses,
+    component: "h1",
+    style: design.title
+  }, title), /*#__PURE__*/React__default["default"].createElement(Typography$1, {
+    isTitle: true,
+    className: textClasses,
+    style: design.description
+  }, description), /*#__PURE__*/React__default["default"].createElement("div", {
+    className: "col-span-12 flex justify-center sm:col-span-8 sm:col-start-3"
+  }, /*#__PURE__*/React__default["default"].createElement(StyledImage$1, {
+    design: design.image,
+    src: imageSrc
+  })), /*#__PURE__*/React__default["default"].createElement(Typography$1, {
+    className: textClasses,
+    style: design.content
+  }, content));
+};
+
 var CardsClassic = function CardsClassic(_ref) {
   var configurations = _ref.configurations,
     _ref$className = _ref.className,
@@ -41319,6 +41368,7 @@ var index = /*#__PURE__*/Object.freeze({
 	Outlined: OutlineIcons
 });
 
+exports.BlogContent = BlogContent;
 exports.CardsClassic = CardsClassic;
 exports.CardsInGridView = CardsInGridView;
 exports.CardsWithCustomizableGrid = CardsWithCustomizableGrid;