@bigbinary/neeto-site-blocks 1.9.4 → 1.9.6

package/dist/index.js

@@ -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"];
@@ -40318,7 +40322,7 @@ var FooterWithIcons = function FooterWithIcons(_ref) {
     enableAnimation = properties.enableAnimation,
     socialIcons = properties.socialIcons,
     src = properties.backgroundImage.src;
-  var baseClasses = "grid grid-cols-12 sm:gap-x-4 items-center gap-y-8";
+  var baseClasses = "flex flex-col sm:flex-row sm:gap-x-4 items-center gap-y-8 sm:justify-between";
   return /*#__PURE__*/React__default.createElement(BlockWrapper, {
     className: className,
     enableAnimation: enableAnimation,
@@ -40330,17 +40334,16 @@ var FooterWithIcons = function FooterWithIcons(_ref) {
     design: design.body,
     nestedClassName: baseClasses
   }, /*#__PURE__*/React__default.createElement("div", {
-    className: "col-span-12 grid grid-cols-8 gap-y-4 sm:col-span-7 sm:w-full sm:gap-x-4 lg:col-span-6"
+    className: "flex flex-grow flex-col gap-y-4 sm:flex-row sm:gap-x-4"
   }, /*#__PURE__*/React__default.createElement(StyledImage$1, {
     image: image,
+    className: "max-w-fit",
     design: design.logo,
     disableButtonAndLinks: otherProps.disableButtonAndLinks,
     id: "footer-with-icons-logo",
     src: logo.src,
-    wrapperClassName: "col-span-8 sm:col-span-2 sm:justify-self-end"
-  }), /*#__PURE__*/React__default.createElement("div", {
-    className: "col-span-6 flex sm:col-span-6 sm:gap-x-4"
-  }, logo.src && /*#__PURE__*/React__default.createElement(StyledWrapper, {
+    wrapperClassName: "items-center"
+  }), logo.src && /*#__PURE__*/React__default.createElement(StyledWrapper, {
     className: "hidden sm:block",
     design: {
       borderRightWidth: "1px",
@@ -40352,8 +40355,8 @@ var FooterWithIcons = function FooterWithIcons(_ref) {
     component: "p",
     id: "footer-with-icons-copyright-text",
     style: design.copyrightText
-  }, otherProps), copyrightText))), /*#__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",
+  }, otherProps), copyrightText)), /*#__PURE__*/React__default.createElement(ListWrapper$1, {
+    className: "flex justify-center gap-x-4 sm:justify-end",
     isVisible: isNotEmpty(socialIcons)
   }, socialIcons.map(function (_icon, index) {
     return /*#__PURE__*/React__default.createElement(Link, _extends$2({
@@ -40371,7 +40374,7 @@ var FooterWithIcons = function FooterWithIcons(_ref) {
     }, _icon), otherProps)));
   })), /*#__PURE__*/React__default.createElement(Typography$1, _extends$2({
     isTitle: true,
-    className: "col-span-12 -mt-2 flex justify-center sm:hidden",
+    className: "flex justify-center text-center sm:hidden sm:text-left",
     id: "footer-with-icons-copyright-text",
     style: design.copyrightText
   }, otherProps), copyrightText));