@bigbinary/neeto-site-blocks 1.8.15 → 1.8.16

package/dist/index.cjs.js

@@ -16135,7 +16135,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 +16170,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 +42546,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", {
@@ -42581,14 +42582,15 @@ var HeaderWithButtons = function HeaderWithButtons(_ref) {
   }, /*#__PURE__*/React__default["default"].createElement(Menu, {
     fill: design.hamburgerMenu.color
   })), 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 ml-2 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 +42666,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),
@@ -42687,14 +42688,15 @@ var HeaderWithDropdownLinks = function HeaderWithDropdownLinks(_ref) {
   }, /*#__PURE__*/React__default["default"].createElement(Menu, {
     fill: design.hamburgerMenu.color
   })), 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 ml-2 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"
       })
     });
@@ -42792,16 +42794,16 @@ var HeaderWithIcons = function HeaderWithIcons(_ref) {
   }, /*#__PURE__*/React__default["default"].createElement(More2, {
     fill: design.hamburgerMenu.color
   })), 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 ml-2 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));
@@ -42908,7 +42910,7 @@ var HeaderWithLogoTitle = function HeaderWithLogoTitle(_ref) {
   }, /*#__PURE__*/React__default["default"].createElement(Menu, {
     fill: design.hamburgerMenu.color
   })), 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 ml-2 flex flex-col gap-y-6 lg:hidden"
   }, properties.links.map(function (_ref2, index) {
     var label = _ref2.label,
       to = _ref2.to,
@@ -42919,11 +42921,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));