@bigbinary/neeto-site-blocks 0.20.1 → 0.20.2

package/dist/index.cjs.js

@@ -51755,7 +51755,7 @@ var HeaderWithLeftLinks = function HeaderWithLeftLinks(_ref) {
 
 function cov_1co863w8of() {
   var path = "/home/runner/work/neeto-site-blocks/neeto-site-blocks/src/components/Blocks/HeaderWithMiddleLinks.jsx";
-  var hash = "6a967bcc92ea4eff04b68f5d2e229f1e8da05ed8";
+  var hash = "25701e9a19d047f22af63851bd8dc2114de48e79";
   var global = new Function("return this")();
   var gcv = "__coverage__";
   var coverageData = {
@@ -51767,7 +51767,7 @@ function cov_1co863w8of() {
           column: 30
         },
         end: {
-          line: 80,
+          line: 82,
           column: 1
         }
       },
@@ -51813,52 +51813,62 @@ function cov_1co863w8of() {
       },
       "5": {
         start: {
-          line: 16,
-          column: 2
+          line: 17,
+          column: 4
         },
         end: {
-          line: 79,
-          column: 4
+          line: 17,
+          column: 67
         }
       },
       "6": {
         start: {
-          line: 31,
-          column: 27
+          line: 19,
+          column: 2
         },
         end: {
-          line: 31,
-          column: 55
+          line: 81,
+          column: 4
         }
       },
       "7": {
         start: {
-          line: 31,
-          column: 49
+          line: 38,
+          column: 12
         },
         end: {
-          line: 31,
-          column: 54
+          line: 45,
+          column: 14
         }
       },
       "8": {
         start: {
-          line: 39,
-          column: 12
+          line: 62,
+          column: 25
         },
         end: {
-          line: 46,
-          column: 14
+          line: 62,
+          column: 53
         }
       },
       "9": {
         start: {
-          line: 67,
-          column: 12
+          line: 62,
+          column: 47
         },
         end: {
-          line: 74,
+          line: 62,
+          column: 52
+        }
+      },
+      "10": {
+        start: {
+          line: 69,
           column: 14
+        },
+        end: {
+          line: 75,
+          column: 16
         }
       }
     },
@@ -51881,7 +51891,7 @@ function cov_1co863w8of() {
             column: 74
           },
           end: {
-            line: 80,
+            line: 82,
             column: 1
           }
         },
@@ -51891,97 +51901,97 @@ function cov_1co863w8of() {
         name: "(anonymous_1)",
         decl: {
           start: {
-            line: 31,
-            column: 21
+            line: 37,
+            column: 32
           },
           end: {
-            line: 31,
-            column: 22
+            line: 37,
+            column: 33
           }
         },
         loc: {
           start: {
-            line: 31,
-            column: 27
+            line: 38,
+            column: 12
           },
           end: {
-            line: 31,
-            column: 55
+            line: 45,
+            column: 14
           }
         },
-        line: 31
+        line: 38
       },
       "2": {
         name: "(anonymous_2)",
         decl: {
           start: {
-            line: 31,
-            column: 41
+            line: 62,
+            column: 19
           },
           end: {
-            line: 31,
-            column: 42
+            line: 62,
+            column: 20
           }
         },
         loc: {
           start: {
-            line: 31,
-            column: 49
+            line: 62,
+            column: 25
           },
           end: {
-            line: 31,
-            column: 54
+            line: 62,
+            column: 53
           }
         },
-        line: 31
+        line: 62
       },
       "3": {
         name: "(anonymous_3)",
         decl: {
           start: {
-            line: 38,
-            column: 32
+            line: 62,
+            column: 39
           },
           end: {
-            line: 38,
-            column: 33
+            line: 62,
+            column: 40
           }
         },
         loc: {
           start: {
-            line: 39,
-            column: 12
+            line: 62,
+            column: 47
           },
           end: {
-            line: 46,
-            column: 14
+            line: 62,
+            column: 52
           }
         },
-        line: 39
+        line: 62
       },
       "4": {
         name: "(anonymous_4)",
         decl: {
           start: {
-            line: 66,
-            column: 32
+            line: 68,
+            column: 34
           },
           end: {
-            line: 66,
-            column: 33
+            line: 68,
+            column: 35
           }
         },
         loc: {
           start: {
-            line: 67,
-            column: 12
+            line: 69,
+            column: 14
           },
           end: {
-            line: 74,
-            column: 14
+            line: 75,
+            column: 16
           }
         },
-        line: 67
+        line: 69
       }
     },
     branchMap: {
@@ -52012,35 +52022,35 @@ function cov_1co863w8of() {
       "1": {
         loc: {
           start: {
-            line: 64,
-            column: 7
+            line: 66,
+            column: 9
           },
           end: {
-            line: 77,
-            column: 7
+            line: 78,
+            column: 9
           }
         },
         type: "binary-expr",
         locations: [{
           start: {
-            line: 64,
-            column: 7
+            line: 66,
+            column: 9
           },
           end: {
-            line: 64,
-            column: 17
+            line: 66,
+            column: 19
           }
         }, {
           start: {
-            line: 65,
-            column: 8
+            line: 67,
+            column: 10
           },
           end: {
-            line: 76,
-            column: 14
+            line: 77,
+            column: 16
           }
         }],
-        line: 64
+        line: 66
       }
     },
     s: {
@@ -52053,7 +52063,8 @@ function cov_1co863w8of() {
       "6": 0,
       "7": 0,
       "8": 0,
-      "9": 0
+      "9": 0,
+      "10": 0
     },
     f: {
       "0": 0,
@@ -52067,7 +52078,7 @@ function cov_1co863w8of() {
       "1": [0, 0]
     },
     _coverageSchema: "1a1c01bbd47fc00a2c39e90264f33305004495a9",
-    hash: "6a967bcc92ea4eff04b68f5d2e229f1e8da05ed8"
+    hash: "25701e9a19d047f22af63851bd8dc2114de48e79"
   };
   var coverage = global[gcv] || (global[gcv] = {});
   if (!coverage[path] || coverage[path].hash !== hash) {
@@ -52102,7 +52113,8 @@ var HeaderWithMiddleLinks = function HeaderWithMiddleLinks(_ref) {
   var _ref6 = (cov_1co863w8of().s[4]++, properties),
     primaryButton = _ref6.primaryButton,
     secondaryButton = _ref6.secondaryButton;
-  cov_1co863w8of().s[5]++;
+  var baseClasses = (cov_1co863w8of().s[5]++, "grid grid-cols-12 sm:gap-x-4 items-center grid-flow-row-dense");
+  cov_1co863w8of().s[6]++;
   return /*#__PURE__*/React__default["default"].createElement(StyledWrapper, {
     design: design.body,
     id: id,
@@ -52110,75 +52122,69 @@ var HeaderWithMiddleLinks = function HeaderWithMiddleLinks(_ref) {
       "neeto-site-sticky-header": position === "sticky"
     }, className)
   }, /*#__PURE__*/React__default["default"].createElement("div", {
-    className: "flex items-center justify-between"
-  }, /*#__PURE__*/React__default["default"].createElement("div", {
-    className: "flex items-center space-x-4"
-  }, /*#__PURE__*/React__default["default"].createElement("button", {
-    className: "text-gray inline-block p-1.5 lg:hidden",
-    onClick: function onClick() {
-      cov_1co863w8of().f[1]++;
-      cov_1co863w8of().s[6]++;
-      return setIsMenuOpen(function (open) {
-        cov_1co863w8of().f[2]++;
-        cov_1co863w8of().s[7]++;
-        return !open;
-      });
-    }
-  }, /*#__PURE__*/React__default["default"].createElement(i$19, {
-    color: design.hamburgerMenu.color
-  })), /*#__PURE__*/React__default["default"].createElement(StyledImage, {
+    className: classnames("neeto-site-block-wrapper", baseClasses)
+  }, /*#__PURE__*/React__default["default"].createElement(StyledImage, {
+    className: "col-span-3 col-start-2 ml-3 sm:col-span-2 sm:col-start-2 sm:ml-0 lg:col-start-1",
     design: design.logo,
     src: properties.logo.src
-  })), /*#__PURE__*/React__default["default"].createElement("div", {
-    className: "flex items-center justify-center gap-6"
+  }), /*#__PURE__*/React__default["default"].createElement("div", {
+    className: "col-span-5 col-start-4 hidden items-center justify-center gap-x-6 lg:flex"
   }, properties.links.map(function (_ref7, index) {
     var label = _ref7.label,
       url = _ref7.url,
       action = _ref7.action;
-    cov_1co863w8of().f[3]++;
-    cov_1co863w8of().s[8]++;
+    cov_1co863w8of().f[1]++;
+    cov_1co863w8of().s[7]++;
     return /*#__PURE__*/React__default["default"].createElement(LinkElement, {
       action: action,
-      className: "hidden hover:text-gray-800  lg:inline",
-      key: getUniqueKey(label, url, index),
+      className: "hover:text-gray-700",
+      key: getUniqueKey(label, index),
       label: label,
       style: design.links,
       to: url
     });
   })), /*#__PURE__*/React__default["default"].createElement("div", {
-    className: "block items-center gap-4 md:flex"
-  }, /*#__PURE__*/React__default["default"].createElement(Button, {
-    action: secondaryButton.action,
-    label: secondaryButton.label,
-    style: design.secondaryButtons,
-    to: secondaryButton.url
-  }), /*#__PURE__*/React__default["default"].createElement(Button, {
-    action: primaryButton.action,
-    label: primaryButton.label,
-    style: design.primaryButtons,
-    to: primaryButton.url
-  }))), (cov_1co863w8of().b[1][0]++, isMenuOpen) && (cov_1co863w8of().b[1][1]++, /*#__PURE__*/React__default["default"].createElement("div", {
-    className: "fadeIn mt-3 block space-y-1 lg:hidden"
+    className: "col-span-8 col-start-5 flex justify-end sm:col-span-4 sm:col-start-9"
+  }, /*#__PURE__*/React__default["default"].createElement(Button, _extends$4({
+    className: "neeto-site-secondary-button",
+    style: design.secondaryButtons
+  }, secondaryButton)), /*#__PURE__*/React__default["default"].createElement(Button, _extends$4({
+    className: "neeto-site-primary-button",
+    style: design.primaryButtons
+  }, primaryButton))), /*#__PURE__*/React__default["default"].createElement("button", {
+    className: "col-span-1 col-start-1 flex items-center sm:col-span-1 lg:hidden",
+    onClick: function onClick() {
+      cov_1co863w8of().f[2]++;
+      cov_1co863w8of().s[8]++;
+      return setIsMenuOpen(function (open) {
+        cov_1co863w8of().f[3]++;
+        cov_1co863w8of().s[9]++;
+        return !open;
+      });
+    }
+  }, /*#__PURE__*/React__default["default"].createElement(i$19, {
+    color: design.hamburgerMenu.color
+  })), (cov_1co863w8of().b[1][0]++, isMenuOpen) && (cov_1co863w8of().b[1][1]++, /*#__PURE__*/React__default["default"].createElement("div", {
+    className: "fadeIn col-span-2 col-start-1 ml-2 mt-3 block space-y-2 lg:hidden"
   }, properties.links.map(function (_ref8, index) {
     var label = _ref8.label,
       url = _ref8.url,
       action = _ref8.action;
     cov_1co863w8of().f[4]++;
-    cov_1co863w8of().s[9]++;
+    cov_1co863w8of().s[10]++;
     return /*#__PURE__*/React__default["default"].createElement(LinkElement, {
       action: action,
-      className: "w-full py-1.5",
-      key: getUniqueKey(label, url, index),
+      key: getUniqueKey(url, label, index),
       label: label,
       style: design.links,
       to: url
     });
-  }))));
+  })))));
 };
 
 function cov_1cxtcrbyvq() {
   var path = "/home/runner/work/neeto-site-blocks/neeto-site-blocks/src/components/Blocks/HeaderWithRightLinks.jsx";
-  var hash = "85e92440ebfdf02ff44ba6dac001f4a176342b87";
+  var hash = "3d983f7efda48b7d0c778a0cde13287b01ceab13";
   var global = new Function("return this")();
   var gcv = "__coverage__";
   var coverageData = {
@@ -52190,7 +52196,7 @@ function cov_1cxtcrbyvq() {
           column: 29
         },
         end: {
-          line: 82,
+          line: 79,
           column: 1
         }
       },
@@ -52236,52 +52242,62 @@ function cov_1cxtcrbyvq() {
       },
       "5": {
         start: {
-          line: 16,
-          column: 2
+          line: 17,
+          column: 4
         },
         end: {
-          line: 81,
-          column: 4
+          line: 17,
+          column: 67
         }
       },
       "6": {
         start: {
-          line: 31,
-          column: 27
+          line: 19,
+          column: 2
         },
         end: {
-          line: 31,
-          column: 55
+          line: 78,
+          column: 4
         }
       },
       "7": {
         start: {
-          line: 31,
-          column: 49
+          line: 44,
+          column: 12
         },
         end: {
-          line: 31,
-          column: 54
+          line: 49,
+          column: 14
         }
       },
       "8": {
         start: {
-          line: 49,
-          column: 12
+          line: 59,
+          column: 25
         },
         end: {
-          line: 56,
-          column: 14
+          line: 59,
+          column: 53
         }
       },
       "9": {
         start: {
-          line: 69,
-          column: 12
+          line: 59,
+          column: 47
         },
         end: {
-          line: 76,
+          line: 59,
+          column: 52
+        }
+      },
+      "10": {
+        start: {
+          line: 66,
           column: 14
+        },
+        end: {
+          line: 72,
+          column: 16
         }
       }
     },
@@ -52304,7 +52320,7 @@ function cov_1cxtcrbyvq() {
             column: 73
           },
           end: {
-            line: 82,
+            line: 79,
             column: 1
           }
         },
@@ -52314,97 +52330,97 @@ function cov_1cxtcrbyvq() {
         name: "(anonymous_1)",
         decl: {
           start: {
-            line: 31,
-            column: 21
+            line: 43,
+            column: 32
           },
           end: {
-            line: 31,
-            column: 22
+            line: 43,
+            column: 33
           }
         },
         loc: {
           start: {
-            line: 31,
-            column: 27
+            line: 44,
+            column: 12
           },
           end: {
-            line: 31,
-            column: 55
+            line: 49,
+            column: 14
           }
         },
-        line: 31
+        line: 44
       },
       "2": {
         name: "(anonymous_2)",
         decl: {
           start: {
-            line: 31,
-            column: 41
+            line: 59,
+            column: 19
           },
           end: {
-            line: 31,
-            column: 42
+            line: 59,
+            column: 20
           }
         },
         loc: {
           start: {
-            line: 31,
-            column: 49
+            line: 59,
+            column: 25
           },
           end: {
-            line: 31,
-            column: 54
+            line: 59,
+            column: 53
           }
         },
-        line: 31
+        line: 59
       },
       "3": {
         name: "(anonymous_3)",
         decl: {
           start: {
-            line: 48,
-            column: 32
+            line: 59,
+            column: 39
           },
           end: {
-            line: 48,
-            column: 33
+            line: 59,
+            column: 40
           }
         },
         loc: {
           start: {
-            line: 49,
-            column: 12
+            line: 59,
+            column: 47
           },
           end: {
-            line: 56,
-            column: 14
+            line: 59,
+            column: 52
           }
         },
-        line: 49
+        line: 59
       },
       "4": {
         name: "(anonymous_4)",
         decl: {
           start: {
-            line: 68,
-            column: 32
+            line: 65,
+            column: 34
           },
           end: {
-            line: 68,
-            column: 33
+            line: 65,
+            column: 35
           }
         },
         loc: {
           start: {
-            line: 69,
-            column: 12
+            line: 66,
+            column: 14
           },
           end: {
-            line: 76,
-            column: 14
+            line: 72,
+            column: 16
           }
         },
-        line: 69
+        line: 66
       }
     },
     branchMap: {
@@ -52435,35 +52451,35 @@ function cov_1cxtcrbyvq() {
       "1": {
         loc: {
           start: {
-            line: 66,
-            column: 7
+            line: 63,
+            column: 9
           },
           end: {
-            line: 79,
-            column: 7
+            line: 75,
+            column: 9
           }
         },
         type: "binary-expr",
         locations: [{
           start: {
-            line: 66,
-            column: 7
+            line: 63,
+            column: 9
           },
           end: {
-            line: 66,
-            column: 17
+            line: 63,
+            column: 19
           }
         }, {
           start: {
-            line: 67,
-            column: 8
+            line: 64,
+            column: 10
           },
           end: {
-            line: 78,
-            column: 14
+            line: 74,
+            column: 16
           }
         }],
-        line: 66
+        line: 63
       }
     },
     s: {
@@ -52476,7 +52492,8 @@ function cov_1cxtcrbyvq() {
       "6": 0,
       "7": 0,
       "8": 0,
-      "9": 0
+      "9": 0,
+      "10": 0
     },
     f: {
       "0": 0,
@@ -52490,7 +52507,7 @@ function cov_1cxtcrbyvq() {
       "1": [0, 0]
     },
     _coverageSchema: "1a1c01bbd47fc00a2c39e90264f33305004495a9",
-    hash: "85e92440ebfdf02ff44ba6dac001f4a176342b87"
+    hash: "3d983f7efda48b7d0c778a0cde13287b01ceab13"
   };
   var coverage = global[gcv] || (global[gcv] = {});
   if (!coverage[path] || coverage[path].hash !== hash) {
@@ -52524,7 +52541,8 @@ var HeaderWithRightLinks = function HeaderWithRightLinks(_ref) {
     position = _ref5.position;
   var _ref6 = (cov_1cxtcrbyvq().s[4]++, properties),
     button = _ref6.button;
-  cov_1cxtcrbyvq().s[5]++;
+  var baseClasses = (cov_1cxtcrbyvq().s[5]++, "grid grid-cols-12 sm:gap-x-4 items-center grid-flow-row-dense");
+  cov_1cxtcrbyvq().s[6]++;
   return /*#__PURE__*/React__default["default"].createElement(StyledWrapper, {
     design: design.body,
     id: id,
@@ -52532,24 +52550,9 @@ var HeaderWithRightLinks = function HeaderWithRightLinks(_ref) {
       "neeto-site-sticky-header": position === "sticky"
     }, className)
   }, /*#__PURE__*/React__default["default"].createElement("div", {
-    className: "flex items-center justify-between"
+    className: classnames("neeto-site-block-wrapper", baseClasses)
   }, /*#__PURE__*/React__default["default"].createElement("div", {
-    className: "flex items-center space-x-4"
-  }, /*#__PURE__*/React__default["default"].createElement("button", {
-    className: "inline-block p-1.5 lg:hidden",
-    onClick: function onClick() {
-      cov_1cxtcrbyvq().f[1]++;
-      cov_1cxtcrbyvq().s[6]++;
-      return setIsMenuOpen(function (open) {
-        cov_1cxtcrbyvq().f[2]++;
-        cov_1cxtcrbyvq().s[7]++;
-        return !open;
-      });
-    }
-  }, /*#__PURE__*/React__default["default"].createElement(i$19, {
-    color: design.hamburgerMenu.color
-  })), /*#__PURE__*/React__default["default"].createElement("div", {
-    className: "flex items-center gap-x-2"
+    className: "col-span-4 col-start-3 flex items-center gap-x-2 sm:col-span-4 sm:col-start-2 lg:col-span-3 lg:col-start-1"
   }, /*#__PURE__*/React__default["default"].createElement(StyledImage, {
     design: design.logo,
     src: properties.logo.src
@@ -52558,44 +52561,48 @@ var HeaderWithRightLinks = function HeaderWithRightLinks(_ref) {
     className: "hidden md:inline-block",
     component: "p",
     style: design.logoTitle
-  }, properties.logo.title))), /*#__PURE__*/React__default["default"].createElement("div", {
-    className: "flex items-center gap-6"
+  }, properties.logo.title)), /*#__PURE__*/React__default["default"].createElement("div", {
+    className: "col-span-6 col-start-7 flex items-center justify-end gap-x-6 sm:col-span-7 sm:col-start-6 lg:col-span-9 lg:col-start-4"
+  }, properties.links.map(function (link, index) {
+    cov_1cxtcrbyvq().f[1]++;
+    cov_1cxtcrbyvq().s[7]++;
+    return /*#__PURE__*/React__default["default"].createElement(LinkElement, _extends$4({
+      className: "hidden hover:text-gray-800 lg:inline",
+      key: getUniqueKey(link.label, link.url, index),
+      style: design.links
+    }, link));
+  }), /*#__PURE__*/React__default["default"].createElement(Button, _extends$4({
+    className: "hover:bg-gray-100",
+    style: design.buttons
+  }, button))), /*#__PURE__*/React__default["default"].createElement("button", {
+    className: "col-span-1 col-start-1 flex items-center sm:col-span-1 lg:hidden",
+    onClick: function onClick() {
+      cov_1cxtcrbyvq().f[2]++;
+      cov_1cxtcrbyvq().s[8]++;
+      return setIsMenuOpen(function (open) {
+        cov_1cxtcrbyvq().f[3]++;
+        cov_1cxtcrbyvq().s[9]++;
+        return !open;
+      });
+    }
+  }, /*#__PURE__*/React__default["default"].createElement(i$19, {
+    color: design.hamburgerMenu.color
+  })), (cov_1cxtcrbyvq().b[1][0]++, isMenuOpen) && (cov_1cxtcrbyvq().b[1][1]++, /*#__PURE__*/React__default["default"].createElement("div", {
+    className: "fadeIn col-span-2 col-start-1 space-y-2 lg:hidden"
   }, properties.links.map(function (_ref7, index) {
     var label = _ref7.label,
       url = _ref7.url,
       action = _ref7.action;
-    cov_1cxtcrbyvq().f[3]++;
-    cov_1cxtcrbyvq().s[8]++;
-    return /*#__PURE__*/React__default["default"].createElement(LinkElement, {
-      action: action,
-      className: "hidden hover:text-gray-800 lg:inline",
-      key: getUniqueKey(label, url, index),
-      label: label,
-      style: design.links,
-      to: url
-    });
-  }), /*#__PURE__*/React__default["default"].createElement(Button, {
-    action: button.action,
-    label: button.label,
-    style: design.buttons,
-    to: button.url
-  }))), (cov_1cxtcrbyvq().b[1][0]++, isMenuOpen) && (cov_1cxtcrbyvq().b[1][1]++, /*#__PURE__*/React__default["default"].createElement("div", {
-    className: "fadeIn mt-3 block space-y-1 lg:hidden"
-  }, properties.links.map(function (_ref8, index) {
-    var label = _ref8.label,
-      url = _ref8.url,
-      action = _ref8.action;
     cov_1cxtcrbyvq().f[4]++;
-    cov_1cxtcrbyvq().s[9]++;
+    cov_1cxtcrbyvq().s[10]++;
     return /*#__PURE__*/React__default["default"].createElement(LinkElement, {
       action: action,
-      className: "w-full py-1.5",
-      key: getUniqueKey(label, url, index),
+      key: getUniqueKey(url, label, index),
       label: label,
       style: design.links,
       to: url
     });
-  }))));
+  })))));
 };
 
 function cov_4b56yhkmy() {