@bigbinary/neeto-site-blocks 1.9.1 → 1.9.3

package/dist/index.js

@@ -40409,7 +40409,7 @@ var FooterWithLinks = function FooterWithLinks(_ref) {
     design: design.body,
     nestedClassName: baseClasses
   }, /*#__PURE__*/React__default.createElement("div", {
-    className: "col-span-12 sm:col-span-5"
+    className: "col-span-12 md:col-span-5"
   }, /*#__PURE__*/React__default.createElement("div", {
     className: "flex items-center gap-x-2"
   }, /*#__PURE__*/React__default.createElement(StyledImage$1, {
@@ -40425,13 +40425,13 @@ var FooterWithLinks = function FooterWithLinks(_ref) {
     id: "footer-with-links-description",
     style: design.description
   }, otherProps), description)), /*#__PURE__*/React__default.createElement(ListWrapper$1, {
-    className: "col-span-12 mb-4 grid grid-cols-4 gap-y-4 sm:col-span-4 sm:col-start-6 sm:mb-0 lg:col-start-7",
+    className: "col-span-12 mb-4 grid grid-cols-12 gap-4 sm:grid-cols-4 md:col-span-4 md:col-start-6 md:mb-0 lg:col-start-7",
     isVisible: isNotEmpty(columns)
   }, columns.map(function (_ref2, index) {
     var title = _ref2.title,
       links = _ref2.links;
     return /*#__PURE__*/React__default.createElement("div", {
-      className: "col-span-2",
+      className: " col-span-12 sm:col-span-2",
       key: title
     }, /*#__PURE__*/React__default.createElement(Typography$1, _extends$2({
       index: index,
@@ -40461,30 +40461,13 @@ var FooterWithLinks = function FooterWithLinks(_ref) {
       }, otherProps)));
     })));
   })), /*#__PURE__*/React__default.createElement("div", {
-    className: "col-span-12 space-y-2 sm:col-span-2 sm:col-start-10 lg:col-start-11"
+    className: "col-span-12  md:col-span-3 md:col-start-10 lg:col-start-11"
   }, /*#__PURE__*/React__default.createElement(Typography$1, _extends$2({
     isTitle: true,
     component: "h5",
     id: "footer-with-links-contact-title",
     style: design.columnTitle
   }, otherProps), contact.title), /*#__PURE__*/React__default.createElement(ListWrapper$1, {
-    className: "flex gap-x-1",
-    isVisible: isNotEmpty(contact.socialLinks)
-  }, contact.socialLinks.map(function (_icon, index) {
-    return /*#__PURE__*/React__default.createElement(Link, _extends$2({
-      disableHovering: true,
-      id: "footer-with-links-social-links-".concat(index, "-icon"),
-      key: getUniqueKey(_icon.name, index),
-      icon: function icon() {
-        return renderIcon(_objectSpread$8({
-          name: _icon.name,
-          type: _icon.type
-        }, design.socialIcon));
-      }
-    }, _objectSpread$8(_objectSpread$8({
-      index: index
-    }, _icon), otherProps)));
-  })), /*#__PURE__*/React__default.createElement(ListWrapper$1, {
     as: "ul",
     className: "space-y-1",
     isVisible: isNotEmpty(contact.other),
@@ -40503,9 +40486,28 @@ var FooterWithLinks = function FooterWithLinks(_ref) {
       label: value,
       style: design.columnLinks,
       to: type === "Email" ? "mailto:".concat(value) : "tel:".concat(value)
-    }, otherProps)));
+    }, otherProps, {
+      className: "break-all"
+    })));
+  })), /*#__PURE__*/React__default.createElement(ListWrapper$1, {
+    className: "mt-2 flex gap-x-3",
+    isVisible: isNotEmpty(contact.socialLinks)
+  }, contact.socialLinks.map(function (_icon, index) {
+    return /*#__PURE__*/React__default.createElement(Link, _extends$2({
+      disableHovering: true,
+      id: "footer-with-links-social-links-".concat(index, "-icon"),
+      key: getUniqueKey(_icon.name, index),
+      icon: function icon() {
+        return renderIcon(_objectSpread$8({
+          name: _icon.name,
+          type: _icon.type
+        }, design.socialIcon));
+      }
+    }, _objectSpread$8(_objectSpread$8({
+      index: index
+    }, _icon), otherProps)));
   }))), /*#__PURE__*/React__default.createElement(Typography$1, _extends$2({
-    className: "col-span-12 mt-8 sm:mt-0",
+    className: "col-span-12",
     id: "footer-with-links-copyright-text",
     style: design.copyrightText
   }, otherProps), copyrightText));