@bigbinary/neeto-site-blocks 1.9.3 → 1.9.5

package/dist/index.js

@@ -16526,7 +16526,7 @@ var CardsClassic = function CardsClassic(_ref) {
   }, /*#__PURE__*/React__default.createElement(Button$1, _extends$2({
     className: "flex w-full justify-center sm:w-1/2 lg:w-1/3",
     id: "cards-classic-call-to-action",
-    style: design.button
+    style: dissoc("justifyContent", design.button)
   }, button, otherProps))));
 };
 
@@ -21503,7 +21503,7 @@ var CardsInGridView = function CardsInGridView(_ref) {
     }
   }, /*#__PURE__*/React__default.createElement(Button$1, _extends$2({
     className: "flex w-full justify-center sm:w-1/2 lg:w-1/3",
-    style: design.button
+    style: dissoc("justifyContent", design.button)
   }, _objectSpread$h(_objectSpread$h({}, button), {}, {
     disableButtonAndLinks: disableButtonAndLinks
   }), {
@@ -21593,7 +21593,7 @@ var CardsWithCustomizableGrid = function CardsWithCustomizableGrid(_ref) {
   }, /*#__PURE__*/React__default.createElement(Button$1, _extends$2({
     className: "flex w-full justify-center sm:w-1/2 lg:w-1/3",
     id: "cards-with-customizable-grid-action-button",
-    style: design.button
+    style: dissoc("justifyContent", design.button)
   }, button, otherProps)))));
 };
 
@@ -40179,7 +40179,7 @@ var FooterClassic = function FooterClassic(_ref) {
     socialIcons = properties.socialIcons,
     isPositionCentre = properties.isPositionCentre,
     src = properties.backgroundImage.src;
-  var baseClasses = "grid grid-cols-12 gap-x-2 sm:gap-x-4 grid-flow-row-dense gap-y-8";
+  var baseClasses = "flex flex-col gap-y-8";
   if (isPositionCentre) {
     return /*#__PURE__*/React__default.createElement(BlockWrapper, {
       className: className,
@@ -40251,34 +40251,43 @@ var FooterClassic = function FooterClassic(_ref) {
     }, design.backgroundImage),
     design: design.body,
     nestedClassName: baseClasses
+  }, /*#__PURE__*/React__default.createElement("div", {
+    className: "flex flex-col justify-between gap-x-6 sm:flex-row"
+  }, /*#__PURE__*/React__default.createElement("div", {
+    className: "mb-8 flex flex-shrink-0 justify-start sm:mb-0"
   }, /*#__PURE__*/React__default.createElement(StyledImage$1, {
     image: image,
     design: design.logo,
     disableButtonAndLinks: otherProps.disableButtonAndLinks,
     id: "footer-classic-logo",
-    src: logo.src,
-    wrapperClassName: "col-span-12 sm:col-span-2 !justify-self-start"
-  }), /*#__PURE__*/React__default.createElement(ListWrapper$1, {
-    className: "col-span-12 grid grid-cols-4 gap-x-10 gap-y-4 sm:col-span-10 sm:col-start-4 sm:flex sm:justify-end",
+    src: logo.src
+  })), /*#__PURE__*/React__default.createElement(ListWrapper$1, {
+    className: "flex flex-grow flex-wrap gap-x-7  gap-y-4 sm:justify-end",
     isVisible: isNotEmpty(links)
   }, links.map(function (link, index) {
     return /*#__PURE__*/React__default.createElement(Link, _extends$2({
       index: index,
-      className: "col-span-1 hover:text-gray-700",
       id: "footer-classic-links-".concat(index, "-link"),
       key: getUniqueKey(link.label, index)
     }, link, {
       style: design.links
     }, otherProps));
-  })), /*#__PURE__*/React__default.createElement(StyledWrapper, {
+  }))), /*#__PURE__*/React__default.createElement(StyledWrapper, {
     as: "hr",
     className: "col-span-12",
     design: {
       borderColor: "#C2C8CC"
     }
-  }), /*#__PURE__*/React__default.createElement(ListWrapper$1, {
-    className: "col-span-12 flex justify-center gap-x-4 sm:col-span-4 sm:col-start-9 sm:justify-end",
-    isVisible: isNotEmpty(socialIcons)
+  }), /*#__PURE__*/React__default.createElement("div", {
+    className: "col-span-12 grid grid-cols-1 items-center gap-4  sm:grid-cols-2 "
+  }, /*#__PURE__*/React__default.createElement("div", {
+    className: "order-2 sm:order-1"
+  }, /*#__PURE__*/React__default.createElement(Typography$1, _extends$2({
+    className: "col-span-12 flex   justify-center  sm:col-span-6 sm:col-start-1 sm:justify-start sm:text-left",
+    id: "footer-classic-copyright-text",
+    style: design.copyrightText
+  }, otherProps), copyrightText)), /*#__PURE__*/React__default.createElement("div", {
+    className: "order-1 flex justify-center space-x-4 sm:order-2 sm:justify-end"
   }, socialIcons.map(function (_icon2, index) {
     return /*#__PURE__*/React__default.createElement(Link, _extends$2({
       id: "footer-classic-social-icons-".concat(index, "-link"),
@@ -40286,18 +40295,13 @@ var FooterClassic = function FooterClassic(_ref) {
       icon: function icon() {
         return renderIcon(_objectSpread$a({
           name: _icon2.name,
-          type: _icon2.type,
-          className: "hover:text-gray-600"
+          type: _icon2.type
         }, design.socialIcon));
       }
     }, _objectSpread$a(_objectSpread$a({
       index: index
     }, _icon2), otherProps)));
-  })), /*#__PURE__*/React__default.createElement(Typography$1, _extends$2({
-    className: "col-span-12 flex justify-center sm:col-span-6 sm:col-start-1 sm:justify-start",
-    id: "footer-classic-copyright-text",
-    style: design.copyrightText
-  }, otherProps), copyrightText));
+  }))));
 };
 
 var _excluded$c = ["configurations", "className", "id", "image"];
@@ -43833,7 +43837,7 @@ var TestimonialWithSlider = function TestimonialWithSlider(_ref) {
   }, /*#__PURE__*/React__default.createElement(Button$1, _extends$2({
     className: "flex w-full justify-center sm:w-1/2 lg:w-1/3",
     id: "testimonial-with-slider-action-button",
-    style: design.button
+    style: dissoc("justifyContent", design.button)
   }, button, otherProps))));
 };
 
@@ -43941,7 +43945,7 @@ var TestimonialWithVerticalView = function TestimonialWithVerticalView(_ref) {
     }
   }, /*#__PURE__*/React__default.createElement(Button$1, _extends$2({
     className: "flex w-full justify-center sm:w-1/2 lg:w-1/3",
-    style: design.button
+    style: dissoc("justifyContent", design.button)
   }, button, {
     id: "testimonial-with-vertical-view-action-button"
   }, otherProps))));