@bigbinary/neeto-site-blocks 1.7.2 → 1.7.3

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) {
@@ -42833,10 +42852,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 +42946,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({