@bigbinary/neeto-site-blocks 1.9.4 → 1.9.5

package/dist/index.cjs.js

@@ -40225,7 +40225,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["default"].createElement(BlockWrapper, {
       className: className,
@@ -40297,34 +40297,43 @@ var FooterClassic = function FooterClassic(_ref) {
     }, design.backgroundImage),
     design: design.body,
     nestedClassName: baseClasses
+  }, /*#__PURE__*/React__default["default"].createElement("div", {
+    className: "flex flex-col justify-between gap-x-6 sm:flex-row"
+  }, /*#__PURE__*/React__default["default"].createElement("div", {
+    className: "mb-8 flex flex-shrink-0 justify-start sm:mb-0"
   }, /*#__PURE__*/React__default["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["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["default"].createElement(ListWrapper$1, {
+    className: "flex flex-grow flex-wrap gap-x-7  gap-y-4 sm:justify-end",
     isVisible: neetoCist.isNotEmpty(links)
   }, links.map(function (link, index) {
     return /*#__PURE__*/React__default["default"].createElement(Link, _extends__default["default"]({
       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["default"].createElement(StyledWrapper, {
+  }))), /*#__PURE__*/React__default["default"].createElement(StyledWrapper, {
     as: "hr",
     className: "col-span-12",
     design: {
       borderColor: "#C2C8CC"
     }
-  }), /*#__PURE__*/React__default["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: neetoCist.isNotEmpty(socialIcons)
+  }), /*#__PURE__*/React__default["default"].createElement("div", {
+    className: "col-span-12 grid grid-cols-1 items-center gap-4  sm:grid-cols-2 "
+  }, /*#__PURE__*/React__default["default"].createElement("div", {
+    className: "order-2 sm:order-1"
+  }, /*#__PURE__*/React__default["default"].createElement(Typography$1, _extends__default["default"]({
+    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["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["default"].createElement(Link, _extends__default["default"]({
       id: "footer-classic-social-icons-".concat(index, "-link"),
@@ -40332,18 +40341,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["default"].createElement(Typography$1, _extends__default["default"]({
-    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"];