@bigbinary/neeto-site-blocks 1.9.5 → 1.9.6

package/dist/index.js

@@ -40322,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,
@@ -40334,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",
@@ -40356,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({
@@ -40375,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));