@bigbinary/neeto-site-blocks 1.8.15 → 1.8.17

package/dist/index.cjs.js

@@ -3586,10 +3586,13 @@ var Close = function Close(_ref) {
     other = _objectWithoutProperties__default["default"](_ref, _excluded$1z);
   return /*#__PURE__*/React__default["default"].createElement("svg", _extends__default["default"]({
     height: size,
-    viewBox: "0 0 24 24",
-    width: size
-  }, other), /*#__PURE__*/React__default["default"].createElement("path", {
-    d: "M12.0007 10.5865L16.9504 5.63672L18.3646 7.05093L13.4149 12.0007L18.3646 16.9504L16.9504 18.3646L12.0007 13.4149L7.05093 18.3646L5.63672 16.9504L10.5865 12.0007L5.63672 7.05093L7.05093 5.63672L12.0007 10.5865Z"
+    width: size,
+    x: "0px",
+    y: "0px"
+  }, other, {
+    viewBox: "0 0 64 64"
+  }), /*#__PURE__*/React__default["default"].createElement("path", {
+    d: "M 16 14 C 15.488 14 14.976938 14.194937 14.585938 14.585938 C 13.804937 15.366937 13.804937 16.633063 14.585938 17.414062 L 29.171875 32 L 14.585938 46.585938 C 13.804938 47.366938 13.804937 48.633063 14.585938 49.414062 C 14.976937 49.805062 15.488 50 16 50 C 16.512 50 17.023062 49.805062 17.414062 49.414062 L 32 34.828125 L 46.585938 49.414062 C 47.366938 50.195063 48.633063 50.195062 49.414062 49.414062 C 50.195063 48.633062 50.195062 47.366937 49.414062 46.585938 L 34.828125 32 L 49.414062 17.414062 C 50.195063 16.633063 50.195062 15.366938 49.414062 14.585938 C 48.633062 13.804938 47.366937 13.804938 46.585938 14.585938 L 32 29.171875 L 17.414062 14.585938 C 17.023062 14.194938 16.512 14 16 14 z"
   }));
 };
 Close.defaultProps = {
@@ -4000,10 +4003,12 @@ var Menu = function Menu(_ref) {
     other = _objectWithoutProperties__default["default"](_ref, _excluded$1c);
   return /*#__PURE__*/React__default["default"].createElement("svg", _extends__default["default"]({
     height: size,
-    viewBox: "0 0 24 24",
-    width: size
+    viewBox: "0 0 48 48",
+    width: size,
+    x: "0px",
+    y: "0px"
   }, other), /*#__PURE__*/React__default["default"].createElement("path", {
-    d: "M3 4H21V6H3V4ZM3 11H21V13H3V11ZM3 18H21V20H3V18Z"
+    d: "M 5.5 9 A 1.50015 1.50015 0 1 0 5.5 12 L 42.5 12 A 1.50015 1.50015 0 1 0 42.5 9 L 5.5 9 z M 5.5 22.5 A 1.50015 1.50015 0 1 0 5.5 25.5 L 42.5 25.5 A 1.50015 1.50015 0 1 0 42.5 22.5 L 5.5 22.5 z M 5.5 36 A 1.50015 1.50015 0 1 0 5.5 39 L 42.5 39 A 1.50015 1.50015 0 1 0 42.5 36 L 5.5 36 z"
   }));
 };
 Menu.defaultProps = {
@@ -16135,7 +16140,7 @@ var Dropdown = function Dropdown(_ref) {
     paddingHorizontal: paddingHorizontal,
     totalLength: totalLength
   }, /*#__PURE__*/React__default["default"].createElement("div", {
-    className: "flex cursor-pointer items-center justify-between lg:h-full lg:justify-center",
+    className: "flex cursor-pointer items-center gap-x-2 lg:h-full lg:justify-center lg:gap-x-0",
     id: "dropdown-".concat(index),
     onClick: function onClick() {
       return isSmallerScreen && setIsOpen(!isOpen);
@@ -16170,7 +16175,7 @@ var Dropdown = function Dropdown(_ref) {
     fill: design.color,
     size: 20
   }))), /*#__PURE__*/React__default["default"].createElement("div", {
-    className: classnames("hidden rounded-b-md border border-gray-200 bg-white", {
+    className: classnames("hidden min-w-40 rounded-b border border-t-0 border-gray-300 bg-white", {
       "fixed flex-col lg:flex": isOpen
     }),
     onMouseEnter: function onMouseEnter() {
@@ -42546,6 +42551,7 @@ var HeaderWithButtons = function HeaderWithButtons(_ref) {
       "col-span-3 sm:col-span-4 sm:col-start-2": neetoCist.isNotEmpty(buttons)
     })
   }, otherProps), /*#__PURE__*/React__default["default"].createElement(StyledImage$1, {
+    className: "max-h-8 sm:max-h-10 lg:max-h-14",
     design: design.logo,
     src: properties.logo.src
   })), /*#__PURE__*/React__default["default"].createElement("div", {
@@ -42572,23 +42578,32 @@ var HeaderWithButtons = function HeaderWithButtons(_ref) {
       index: index
     }, button), otherProps)));
   })), /*#__PURE__*/React__default["default"].createElement("button", {
-    className: "col-span-1 col-start-1 flex items-center sm:col-span-1 lg:hidden",
+    className: classnames("col-span-1 col-start-1 flex items-center transition-all lg:hidden", {
+      "rotate-90 transform": isMenuOpen
+    }),
     onClick: function onClick() {
       return setIsMenuOpen(function (open) {
         return !open;
       });
     }
-  }, /*#__PURE__*/React__default["default"].createElement(Menu, {
-    fill: design.hamburgerMenu.color
+  }, !isMenuOpen ? /*#__PURE__*/React__default["default"].createElement(Menu, {
+    className: "fadeIn",
+    fill: design.hamburgerMenu.color,
+    size: 32
+  }) : /*#__PURE__*/React__default["default"].createElement(Close, {
+    className: "fadeIn",
+    fill: design.hamburgerMenu.color,
+    size: 32
   })), isMenuOpen && /*#__PURE__*/React__default["default"].createElement("div", {
-    className: "fadeIn col-span-2 col-start-1 ml-2 mt-4 flex flex-col gap-y-6 lg:hidden"
+    className: "fadeIn col-span-12 col-start-1 my-6 flex flex-col gap-y-6 lg:hidden"
   }, properties.links.map(function (button, index) {
     return /*#__PURE__*/React__default["default"].createElement(Link, _extends__default["default"]({
+      className: "w-fit",
       id: "header-with-buttons-".concat(index, "-link"),
       isHighlighted: isLinkHighlighted(button.to, currentPath),
       key: getUniqueKey(button.to, button.label, index),
       style: mergeRight(design.links, {
-        fontSize: "1.25em",
+        fontSize: "1em",
         fontWeight: "500"
       })
     }, _objectSpread$6(_objectSpread$6({
@@ -42664,10 +42679,9 @@ var HeaderWithDropdownLinks = function HeaderWithDropdownLinks(_ref) {
       "hidden sm:flex": properties.logo.src
     })
   }, otherProps), 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-5 sm:col-start-8 lg:col-span-7 lg:col-start-6"
+    className: "col-span-6 col-start-7 hidden items-center justify-end gap-x-6 sm:col-span-5 sm:col-start-8 lg:col-span-7 lg:col-start-6 lg:flex"
   }, properties.links.map(function (dropdownLink, index) {
     return /*#__PURE__*/React__default["default"].createElement(Dropdown, _extends__default["default"]({
-      className: "hidden lg:block",
       design: design.links,
       height: headerHeight,
       key: getUniqueKey(dropdownLink.label, dropdownLink.to, index),
@@ -42678,23 +42692,32 @@ var HeaderWithDropdownLinks = function HeaderWithDropdownLinks(_ref) {
       index: index
     }, otherProps)));
   })), /*#__PURE__*/React__default["default"].createElement("button", {
-    className: "col-span-1 col-start-1 flex items-center sm:col-span-1 lg:hidden",
+    className: classnames("col-span-1 col-start-1 flex items-center transition-all lg:hidden", {
+      "rotate-90 transform": isMenuOpen
+    }),
     onClick: function onClick() {
       return setIsMenuOpen(function (open) {
         return !open;
       });
     }
-  }, /*#__PURE__*/React__default["default"].createElement(Menu, {
-    fill: design.hamburgerMenu.color
+  }, !isMenuOpen ? /*#__PURE__*/React__default["default"].createElement(Menu, {
+    className: "fadeIn",
+    fill: design.hamburgerMenu.color,
+    size: 32
+  }) : /*#__PURE__*/React__default["default"].createElement(Close, {
+    className: "fadeIn",
+    fill: design.hamburgerMenu.color,
+    size: 32
   })), isMenuOpen && /*#__PURE__*/React__default["default"].createElement("div", {
-    className: "fadeIn col-span-12 col-start-1 mt-4 flex flex-col gap-y-6 lg:hidden"
+    className: "fadeIn col-span-12 col-start-1 my-6 flex flex-col gap-y-6 lg:hidden"
   }, properties.links.map(function (link, index) {
     return /*#__PURE__*/React__default["default"].createElement(Dropdown, {
       index: index,
+      className: "w-fit ",
       dropdownLink: link,
       key: getUniqueKey(link.label, link.to, index),
       design: mergeRight(design.links, {
-        fontSize: "1.25em",
+        fontSize: "1em",
         fontWeight: "500"
       })
     });
@@ -42715,10 +42738,6 @@ var HeaderWithIcons = function HeaderWithIcons(_ref) {
     _useState2 = _slicedToArray__default["default"](_useState, 2),
     isLinksOpen = _useState2[0],
     setIsLinksOpen = _useState2[1];
-  var _useState3 = React.useState(false),
-    _useState4 = _slicedToArray__default["default"](_useState3, 2),
-    isIconsOpen = _useState4[0],
-    setIsIconsOpen = _useState4[1];
   var properties = configurations.properties,
     design = configurations.design;
   var position = properties.position;
@@ -42761,6 +42780,7 @@ var HeaderWithIcons = function HeaderWithIcons(_ref) {
     className: "col-span-5 col-start-8 hidden justify-end sm:col-span-3 sm:col-start-10 sm:flex"
   }, properties.icons.map(function (_icon, index) {
     return /*#__PURE__*/React__default["default"].createElement(Link, _extends__default["default"]({
+      disableHovering: true,
       id: "header-with-icons-icons-".concat(index, "-icon"),
       key: getUniqueKey(_icon.to, index),
       style: design.icons,
@@ -42774,45 +42794,44 @@ var HeaderWithIcons = function HeaderWithIcons(_ref) {
       index: index
     }, _icon), otherProps)));
   })), /*#__PURE__*/React__default["default"].createElement("button", {
-    className: "col-span-2 col-start-1 flex items-center lg:hidden",
+    className: classnames("col-span-1 col-start-1 flex items-center transition-all lg:hidden", {
+      "rotate-90 transform": isLinksOpen
+    }),
     onClick: function onClick() {
       return setIsLinksOpen(function (open) {
         return !open;
       });
     }
-  }, /*#__PURE__*/React__default["default"].createElement(Menu, {
-    fill: design.hamburgerMenu.color
-  })), /*#__PURE__*/React__default["default"].createElement("button", {
-    className: "col-span-2 col-start-11 flex justify-end sm:hidden",
-    onClick: function onClick() {
-      return setIsIconsOpen(function (open) {
-        return !open;
-      });
-    }
-  }, /*#__PURE__*/React__default["default"].createElement(More2, {
-    fill: design.hamburgerMenu.color
+  }, !isLinksOpen ? /*#__PURE__*/React__default["default"].createElement(Menu, {
+    className: "fadeIn",
+    fill: design.hamburgerMenu.color,
+    size: 32
+  }) : /*#__PURE__*/React__default["default"].createElement(Close, {
+    className: "fadeIn",
+    fill: design.hamburgerMenu.color,
+    size: 32
   })), isLinksOpen && /*#__PURE__*/React__default["default"].createElement("div", {
-    className: "fadeIn col-span-4 col-start-1 ml-2 mt-4 flex flex-col gap-y-6 lg:hidden"
+    className: "fadeIn col-span-12 col-start-1 my-6 flex flex-col gap-y-6 lg:hidden"
   }, properties.links.map(function (icon, index) {
     return /*#__PURE__*/React__default["default"].createElement(Link, _extends__default["default"]({
-      className: "w-full",
+      className: "w-fit",
       id: "header-with-icons-links-".concat(index, "-link"),
       isHighlighted: isLinkHighlighted(icon.to, currentPath),
       key: getUniqueKey(icon.url, icon.label, index),
       setIsMenuOpen: setIsLinksOpen,
       style: mergeRight(design.links, {
-        fontSize: "1.25em",
+        fontSize: "1em",
         fontWeight: "500"
       })
     }, icon));
-  })), isIconsOpen && /*#__PURE__*/React__default["default"].createElement("div", {
-    className: "fadeIn col-span-2 col-start-11 mt-3 flex flex-col justify-end space-y-1 lg:hidden"
+  }), /*#__PURE__*/React__default["default"].createElement("div", {
+    className: "mt-2 flex items-center gap-x-3 md:hidden"
   }, properties.icons.map(function (_icon2, index) {
     return /*#__PURE__*/React__default["default"].createElement(Link, _extends__default["default"]({
-      className: "w-full",
+      disableHovering: true,
+      className: "hover:no-underline",
       id: "header-with-icons-icons-".concat(index, "-icon"),
       key: getUniqueKey(_icon2.to, index),
-      setIsMenuOpen: setIsIconsOpen,
       style: design.icons,
       icon: function icon() {
         return renderIcon(_objectSpread$4({
@@ -42821,7 +42840,7 @@ var HeaderWithIcons = function HeaderWithIcons(_ref) {
         }, design.icons));
       }
     }, _icon2, otherProps));
-  }))));
+  })))));
 };
 
 var _excluded$6 = ["configurations", "className", "id", "currentPath"];
@@ -42899,16 +42918,24 @@ var HeaderWithLogoTitle = function HeaderWithLogoTitle(_ref) {
       index: index
     }, button), otherProps)));
   })), /*#__PURE__*/React__default["default"].createElement("button", {
-    className: "col-span-1 col-start-1 flex items-center sm:col-span-1 lg:hidden",
+    className: classnames("col-span-1 col-start-1 flex items-center transition-all lg:hidden", {
+      "rotate-90 transform": isMenuOpen
+    }),
     onClick: function onClick() {
       return setIsMenuOpen(function (open) {
         return !open;
       });
     }
-  }, /*#__PURE__*/React__default["default"].createElement(Menu, {
-    fill: design.hamburgerMenu.color
+  }, !isMenuOpen ? /*#__PURE__*/React__default["default"].createElement(Menu, {
+    className: "fadeIn",
+    fill: design.hamburgerMenu.color,
+    size: 32
+  }) : /*#__PURE__*/React__default["default"].createElement(Close, {
+    className: "fadeIn",
+    fill: design.hamburgerMenu.color,
+    size: 32
   })), isMenuOpen && /*#__PURE__*/React__default["default"].createElement("div", {
-    className: "fadeIn col-span-12 mt-4 flex flex-col gap-y-6 lg:hidden"
+    className: "fadeIn col-span-12 col-start-1 my-6 flex flex-col gap-y-6 lg:hidden"
   }, properties.links.map(function (_ref2, index) {
     var label = _ref2.label,
       to = _ref2.to,
@@ -42919,11 +42946,12 @@ var HeaderWithLogoTitle = function HeaderWithLogoTitle(_ref) {
       label: label,
       setIsMenuOpen: setIsMenuOpen,
       to: to,
+      className: "w-fit",
       id: "header-with-logo-title-links-".concat(index, "-link"),
       isHighlighted: isLinkHighlighted(to, currentPath),
       key: getUniqueKey(to, label, index),
       style: mergeRight(design.links, {
-        fontSize: "1.25em",
+        fontSize: "1em",
         fontWeight: "500"
       })
     }, otherProps));