@bigbinary/neeto-site-blocks 1.8.16 → 1.8.18

package/dist/index.js

@@ -3540,10 +3540,13 @@ var Close = function Close(_ref) {
     other = _objectWithoutProperties(_ref, _excluded$1z);
   return /*#__PURE__*/React__default.createElement("svg", _extends$2({
     height: size,
-    viewBox: "0 0 24 24",
-    width: size
-  }, other), /*#__PURE__*/React__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.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 = {
@@ -3954,10 +3957,12 @@ var Menu = function Menu(_ref) {
     other = _objectWithoutProperties(_ref, _excluded$1c);
   return /*#__PURE__*/React__default.createElement("svg", _extends$2({
     height: size,
-    viewBox: "0 0 24 24",
-    width: size
+    viewBox: "0 0 48 48",
+    width: size,
+    x: "0px",
+    y: "0px"
   }, other), /*#__PURE__*/React__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 = {
@@ -14549,7 +14554,7 @@ var useElementClick = function useElementClick(_ref) {
     event.preventDefault();
     if (!id) return;
     setTimeout(function () {
-      var accordion = document.querySelector("[data-accordion-id=".concat(id.replace(/-[^-]+$/, ""), "]"));
+      var accordion = document.querySelector("[data-accordion-id=".concat(id === null || id === void 0 ? void 0 : id.replace(/-[^-]+$/, ""), "]"));
       var element = document.querySelector("[data-element-id=".concat(id, "]"));
       var card = document.querySelector("[data-highlight-id=".concat(id, "]"));
 
@@ -14596,7 +14601,7 @@ var useElementClick = function useElementClick(_ref) {
   var handleTitleClick = function handleTitleClick() {
     setTimeout(function () {
       if (!document) return;
-      var accordion = document.querySelector("[data-accordion-id=".concat(id.replace(/-[^-]+$/, ""), "]"));
+      var accordion = document.querySelector("[data-accordion-id=".concat(id === null || id === void 0 ? void 0 : id.replace(/-[^-]+$/, ""), "]"));
       var inputWrapper = accordion === null || accordion === void 0 ? void 0 : accordion.querySelector(".neeto-ui-input");
       var card = document.querySelector("[data-highlight-id=".concat(id, "]"));
       var element = document.querySelector("[data-element-id=".concat(id, "]"));
@@ -14652,7 +14657,7 @@ var useElementClick = function useElementClick(_ref) {
     event.preventDefault();
     setTimeout(function () {
       if (isPresent(index)) {
-        var accordion = document.querySelector("[data-accordion-id=".concat(id.replace(/-[^-]+$/, ""), "]"));
+        var accordion = document.querySelector("[data-accordion-id=".concat(id === null || id === void 0 ? void 0 : id.replace(/-[^-]+$/, ""), "]"));
         if (!accordion) return;
         accordion.scrollIntoView({
           behavior: "smooth",
@@ -42527,16 +42532,24 @@ var HeaderWithButtons = function HeaderWithButtons(_ref) {
       index: index
     }, button), otherProps)));
   })), /*#__PURE__*/React__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.createElement(Menu, {
-    fill: design.hamburgerMenu.color
+  }, !isMenuOpen ? /*#__PURE__*/React__default.createElement(Menu, {
+    className: "fadeIn",
+    fill: design.hamburgerMenu.color,
+    size: 32
+  }) : /*#__PURE__*/React__default.createElement(Close, {
+    className: "fadeIn",
+    fill: design.hamburgerMenu.color,
+    size: 32
   })), isMenuOpen && /*#__PURE__*/React__default.createElement("div", {
-    className: "fadeIn col-span-12 col-start-1 my-6 ml-2 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.createElement(Link, _extends$2({
       className: "w-fit",
@@ -42633,16 +42646,24 @@ var HeaderWithDropdownLinks = function HeaderWithDropdownLinks(_ref) {
       index: index
     }, otherProps)));
   })), /*#__PURE__*/React__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.createElement(Menu, {
-    fill: design.hamburgerMenu.color
+  }, !isMenuOpen ? /*#__PURE__*/React__default.createElement(Menu, {
+    className: "fadeIn",
+    fill: design.hamburgerMenu.color,
+    size: 32
+  }) : /*#__PURE__*/React__default.createElement(Close, {
+    className: "fadeIn",
+    fill: design.hamburgerMenu.color,
+    size: 32
   })), isMenuOpen && /*#__PURE__*/React__default.createElement("div", {
-    className: "fadeIn col-span-12 col-start-1 my-6 ml-2 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.createElement(Dropdown, {
       index: index,
@@ -42671,10 +42692,6 @@ var HeaderWithIcons = function HeaderWithIcons(_ref) {
     _useState2 = _slicedToArray(_useState, 2),
     isLinksOpen = _useState2[0],
     setIsLinksOpen = _useState2[1];
-  var _useState3 = useState(false),
-    _useState4 = _slicedToArray(_useState3, 2),
-    isIconsOpen = _useState4[0],
-    setIsIconsOpen = _useState4[1];
   var properties = configurations.properties,
     design = configurations.design;
   var position = properties.position;
@@ -42717,6 +42734,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.createElement(Link, _extends$2({
+      disableHovering: true,
       id: "header-with-icons-icons-".concat(index, "-icon"),
       key: getUniqueKey(_icon.to, index),
       style: design.icons,
@@ -42730,25 +42748,24 @@ var HeaderWithIcons = function HeaderWithIcons(_ref) {
       index: index
     }, _icon), otherProps)));
   })), /*#__PURE__*/React__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.createElement(Menu, {
-    fill: design.hamburgerMenu.color
-  })), /*#__PURE__*/React__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.createElement(More2, {
-    fill: design.hamburgerMenu.color
+  }, !isLinksOpen ? /*#__PURE__*/React__default.createElement(Menu, {
+    className: "fadeIn",
+    fill: design.hamburgerMenu.color,
+    size: 32
+  }) : /*#__PURE__*/React__default.createElement(Close, {
+    className: "fadeIn",
+    fill: design.hamburgerMenu.color,
+    size: 32
   })), isLinksOpen && /*#__PURE__*/React__default.createElement("div", {
-    className: "fadeIn col-span-12 col-start-1 my-6 ml-2 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.createElement(Link, _extends$2({
       className: "w-fit",
@@ -42761,14 +42778,14 @@ var HeaderWithIcons = function HeaderWithIcons(_ref) {
         fontWeight: "500"
       })
     }, icon));
-  })), isIconsOpen && /*#__PURE__*/React__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.createElement("div", {
+    className: "mt-2 flex items-center gap-x-3 md:hidden"
   }, properties.icons.map(function (_icon2, index) {
     return /*#__PURE__*/React__default.createElement(Link, _extends$2({
-      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({
@@ -42777,7 +42794,7 @@ var HeaderWithIcons = function HeaderWithIcons(_ref) {
         }, design.icons));
       }
     }, _icon2, otherProps));
-  }))));
+  })))));
 };
 
 var _excluded$6 = ["configurations", "className", "id", "currentPath"];
@@ -42855,16 +42872,24 @@ var HeaderWithLogoTitle = function HeaderWithLogoTitle(_ref) {
       index: index
     }, button), otherProps)));
   })), /*#__PURE__*/React__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.createElement(Menu, {
-    fill: design.hamburgerMenu.color
+  }, !isMenuOpen ? /*#__PURE__*/React__default.createElement(Menu, {
+    className: "fadeIn",
+    fill: design.hamburgerMenu.color,
+    size: 32
+  }) : /*#__PURE__*/React__default.createElement(Close, {
+    className: "fadeIn",
+    fill: design.hamburgerMenu.color,
+    size: 32
   })), isMenuOpen && /*#__PURE__*/React__default.createElement("div", {
-    className: "fadeIn col-span-12 col-start-1 my-6 ml-2 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,