@bigbinary/neeto-site-blocks 1.7.2 → 1.7.4

package/dist/index.cjs.js

@@ -1989,6 +1989,11 @@ var IMAGE_FIT_VALUES = {
   cover: "cover",
   contain: "contain"
 };
+var BUTTON_ALIGN_VALUES = {
+  left: "left",
+  center: "center",
+  right: "right"
+};
 
 var index$1 = /*#__PURE__*/Object.freeze({
 	__proto__: null,
@@ -2015,7 +2020,8 @@ var index$1 = /*#__PURE__*/Object.freeze({
 	DEFAULT_LINK_STYLES: DEFAULT_LINK_STYLES,
 	IMAGE_POSITIONS: IMAGE_POSITIONS,
 	LOGO_SIZE_VALUES: LOGO_SIZE_VALUES,
-	IMAGE_FIT_VALUES: IMAGE_FIT_VALUES
+	IMAGE_FIT_VALUES: IMAGE_FIT_VALUES,
+	BUTTON_ALIGN_VALUES: BUTTON_ALIGN_VALUES
 });
 
 /**
@@ -15982,10 +15988,15 @@ var CardsClassic = function CardsClassic(_ref) {
       component: "p",
       style: design.cardDescription
     }, description));
-  }), isButtonRequired && /*#__PURE__*/React__default["default"].createElement(Button$1, _extends__default["default"]({
-    className: "col-span-12 flex justify-center sm:col-span-6 sm:col-start-4 lg:col-span-4 lg:col-start-5",
+  }), isButtonRequired && /*#__PURE__*/React__default["default"].createElement(StyledWrapper, {
+    className: "col-span-12 flex",
+    design: {
+      justifyContent: design.button.justifyContent
+    }
+  }, /*#__PURE__*/React__default["default"].createElement(Button$1, _extends__default["default"]({
+    className: "flex w-full justify-center sm:w-1/2 lg:w-1/3",
     style: design.button
-  }, button)));
+  }, button))));
 };
 
 /**
@@ -20925,10 +20936,13 @@ var CardsInGridView = function CardsInGridView(_ref) {
     return /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, {
       key: getUniqueKey(card.title, card.description, index)
     }, renderCard(card));
-  })), isButtonRequired && /*#__PURE__*/React__default["default"].createElement("div", {
-    className: "col-span-12 grid grid-cols-12"
+  })), isButtonRequired && /*#__PURE__*/React__default["default"].createElement(StyledWrapper, {
+    className: "col-span-12 flex",
+    design: {
+      justifyContent: design.button.justifyContent
+    }
   }, /*#__PURE__*/React__default["default"].createElement(Button$1, _extends__default["default"]({
-    className: "col-span-12 flex justify-center sm:col-span-6 sm:col-start-4 lg:col-span-4 lg:col-start-5",
+    className: "flex w-full justify-center sm:w-1/2 lg:w-1/3",
     style: design.button
   }, button))));
 };
@@ -21000,10 +21014,13 @@ var CardsWithCustomizableGrid = function CardsWithCustomizableGrid(_ref) {
       component: "p",
       style: design.cardDescription
     }, description));
-  }), isButtonRequired && /*#__PURE__*/React__default["default"].createElement("div", {
-    className: "col-span-12 grid grid-cols-12"
+  }), isButtonRequired && /*#__PURE__*/React__default["default"].createElement(StyledWrapper, {
+    className: "col-span-12 flex",
+    design: {
+      justifyContent: design.button.justifyContent
+    }
   }, /*#__PURE__*/React__default["default"].createElement(Button$1, _extends__default["default"]({
-    className: "col-span-12 flex justify-center sm:col-span-6 sm:col-start-4 lg:col-span-4 lg:col-start-5",
+    className: "flex w-full justify-center sm:w-1/2 lg:w-1/3",
     style: design.button
   }, button)))));
 };
@@ -21112,18 +21129,17 @@ var CtaClassic = function CtaClassic(_ref) {
     title = _properties$content.title,
     description = _properties$content.description,
     enableAnimation = properties.enableAnimation,
-    primaryButton = properties.primaryButton,
-    src = properties.backgroundImage.src,
-    secondaryButton = properties.secondaryButton;
+    buttons = properties.buttons,
+    src = properties.backgroundImage.src;
   var baseClasses = "grid grid-cols-12 items-center gap-x-4 gap-y-8";
   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: "col-span-12 sm:col-span-8 sm:col-start-3 lg:col-span-6 lg:col-start-4"
@@ -21136,13 +21152,13 @@ var CtaClassic = function CtaClassic(_ref) {
     style: design.description
   }, description)), /*#__PURE__*/React__default["default"].createElement("div", {
     className: "col-span-10 col-start-2 flex flex-col justify-center gap-y-2 space-x-2 sm:col-span-6 sm:col-start-4 sm:flex-row lg:col-span-4 lg:col-start-5"
-  }, /*#__PURE__*/React__default["default"].createElement(Button$1, _extends__default["default"]({
-    className: "justify-center sm:w-auto",
-    style: design.primaryButton
-  }, primaryButton, otherProps)), /*#__PURE__*/React__default["default"].createElement(Button$1, _extends__default["default"]({
-    className: "justify-center sm:w-auto",
-    style: design.secondaryButton
-  }, secondaryButton, otherProps))));
+  }, buttons.map(function (button, index) {
+    return /*#__PURE__*/React__default["default"].createElement(Button$1, _extends__default["default"]({
+      className: "justify-center sm:w-auto",
+      key: index,
+      style: button.type === "primary" ? design.primaryButton : design.secondaryButton
+    }, button, otherProps));
+  })));
 };
 
 var axios$3 = {exports: {}};
@@ -38760,17 +38776,17 @@ var CtaWithLogo = function CtaWithLogo(_ref) {
     description = _properties$content.description,
     enableAnimation = properties.enableAnimation,
     logoUrl = properties.logoUrl,
-    button = properties.button,
+    buttons = properties.buttons,
     src = properties.backgroundImage.src;
   var baseClasses = "grid grid-cols-12 items-center gap-x-4 gap-y-8";
   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(StyledImage$1, {
     alt: "logo",
@@ -38788,10 +38804,13 @@ var CtaWithLogo = function CtaWithLogo(_ref) {
     style: design.description
   }, description)), /*#__PURE__*/React__default["default"].createElement("div", {
     className: "col-span-12 mx-auto w-full sm:col-span-3 sm:col-start-10 lg:col-span-3 lg:col-start-10"
-  }, /*#__PURE__*/React__default["default"].createElement(Button$1, _extends__default["default"]({
-    className: "flex w-full justify-center sm:w-auto",
-    style: design.button
-  }, button, otherProps))));
+  }, buttons.map(function (button, index) {
+    return /*#__PURE__*/React__default["default"].createElement(Button$1, _extends__default["default"]({
+      className: "justify-center sm:w-auto",
+      key: index,
+      style: design.button
+    }, button, otherProps));
+  })));
 };
 
 var Embed = function Embed(_ref) {
@@ -38939,6 +38958,23 @@ var FeatureWithBulletList = function FeatureWithBulletList(_ref) {
     bulletList = properties.bulletList,
     src = properties.backgroundImage.src;
   var baseClasses = "grid grid-cols-12 items-center";
+  var BulletList = withConditionalRender(function () {
+    return /*#__PURE__*/React__default["default"].createElement("div", {
+      className: "col-span-12 flex justify-center sm:col-span-6 sm:col-start-7"
+    }, /*#__PURE__*/React__default["default"].createElement("ul", {
+      className: "list-disc"
+    }, bulletList.map(function (_ref2, index) {
+      var featureTitle = _ref2.title;
+      return /*#__PURE__*/React__default["default"].createElement(Typography$1, {
+        isTitle: true,
+        component: "li",
+        key: getUniqueKey(featureTitle, index),
+        style: design.bulletList
+      }, featureTitle);
+    })));
+  }, function () {
+    return neetoCist.isNotEmpty(bulletList);
+  });
   return /*#__PURE__*/React__default["default"].createElement(BlockWrapper, {
     className: className,
     enableAnimation: enableAnimation,
@@ -38957,19 +38993,7 @@ var FeatureWithBulletList = function FeatureWithBulletList(_ref) {
   }, title), /*#__PURE__*/React__default["default"].createElement(Typography$1, {
     component: "p",
     style: design.description
-  }, description)), /*#__PURE__*/React__default["default"].createElement("div", {
-    className: "col-span-12 flex justify-center sm:col-span-6 sm:col-start-7"
-  }, /*#__PURE__*/React__default["default"].createElement("ul", {
-    className: "list-disc"
-  }, bulletList.map(function (_ref2, index) {
-    var featureTitle = _ref2.title;
-    return /*#__PURE__*/React__default["default"].createElement(Typography$1, {
-      isTitle: true,
-      component: "li",
-      key: getUniqueKey(featureTitle, index),
-      style: design.bulletList
-    }, featureTitle);
-  }))));
+  }, description)), /*#__PURE__*/React__default["default"].createElement(BulletList, null));
 };
 
 function ownKeys$6(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
@@ -42468,15 +42492,17 @@ var Paragraph = function Paragraph(_ref) {
     features = _properties$features === void 0 ? [] : _properties$features,
     src = properties.backgroundImage.src;
   var baseClasses = "grid grid-cols-12 lg:gap-x-4 sm:gap-x-2 items-center";
-  var ListComponent = isOrdered ? "ol" : "ul";
+  var ListComponent = withConditionalRender(isOrdered ? "ol" : "ul", function () {
+    return neetoCist.isNotEmpty(features);
+  });
   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: "col-span-12"
@@ -42495,9 +42521,9 @@ var Paragraph = function Paragraph(_ref) {
   }, features.map(function (_ref2, index) {
     var featureTitle = _ref2.title;
     return /*#__PURE__*/React__default["default"].createElement(MotionWrapper, {
+      enableAnimation: enableAnimation,
       className: "flex w-full",
       design: design.feature,
-      enableAnimation: enableAnimation,
       key: getUniqueKey(featureTitle, index)
     }, /*#__PURE__*/React__default["default"].createElement(StyledWrapper, {
       as: "li",
@@ -42833,10 +42859,15 @@ var TestimonialWithSlider = function TestimonialWithSlider(_ref) {
   }), /*#__PURE__*/React__default["default"].createElement(Pagination$1, {
     swiper: swiper,
     design: design.buttons
-  }))), isButtonRequired && /*#__PURE__*/React__default["default"].createElement(Button$1, _extends__default["default"]({
-    className: "col-span-12 flex justify-center sm:col-span-6 sm:col-start-4 lg:col-span-4 lg:col-start-5",
+  }))), isButtonRequired && /*#__PURE__*/React__default["default"].createElement(StyledWrapper, {
+    className: "col-span-12 flex",
+    design: {
+      justifyContent: design.button.justifyContent
+    }
+  }, /*#__PURE__*/React__default["default"].createElement(Button$1, _extends__default["default"]({
+    className: "flex w-full justify-center sm:w-1/2 lg:w-1/3",
     style: design.button
-  }, button, otherProps)));
+  }, button, otherProps))));
 };
 
 var _excluded = ["configurations", "className", "id"];
@@ -42922,10 +42953,15 @@ var TestimonialWithVerticalView = function TestimonialWithVerticalView(_ref) {
       component: "p",
       style: design.testimonialDescription
     }, testimonialDescription)));
-  })), isButtonRequired && /*#__PURE__*/React__default["default"].createElement(Button$1, _extends__default["default"]({
-    className: "col-span-12 flex justify-center sm:col-span-6 sm:col-start-4 lg:col-span-4 lg:col-start-5",
+  })), isButtonRequired && /*#__PURE__*/React__default["default"].createElement(StyledWrapper, {
+    className: "col-span-12 flex",
+    design: {
+      justifyContent: design.button.justifyContent
+    }
+  }, /*#__PURE__*/React__default["default"].createElement(Button$1, _extends__default["default"]({
+    className: "flex w-full justify-center sm:w-1/2 lg:w-1/3",
     style: design.button
-  }, button, otherProps)));
+  }, button, otherProps))));
 };
 
 var index = /*#__PURE__*/Object.freeze({