@bigbinary/neeto-site-blocks 1.8.14 → 1.8.16

package/dist/index.cjs.js

@@ -14512,11 +14512,7 @@ var StyledAnchor = styled__default["default"].a.attrs(function (props) {
   };
   var borderColorStyles = pickBy(identity, borderColors);
   var anchorStyles = disableHovering ? {} : {
-    color: isHighlighted ? blendColors({
-      color0: design.color,
-      color1: "#0e19e8",
-      percentage: 0.4
-    }) : design.color,
+    color: design.color,
     "&:hover": {
       transitionDuration: "0.3s",
       borderColor: isButton && blendColors({
@@ -14540,7 +14536,7 @@ var StyledAnchor = styled__default["default"].a.attrs(function (props) {
       position: "absolute",
       bottom: "-0.225rem",
       left: 0,
-      width: 0,
+      width: isHighlighted ? "100%" : 0,
       height: "1px",
       backgroundColor: blendColors({
         color0: design.color,
@@ -16139,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);
@@ -16174,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() {
@@ -21680,8 +21676,7 @@ var CardsWithImage = function CardsWithImage(_ref) {
     className: "ns-card-animation col-span-12 flex h-40 items-center justify-center transition-all duration-300 ease-in-out sm:col-span-6 lg:col-span-4",
     design: _objectSpread$f(_objectSpread$f({}, design.card), {}, {
       paddingHorizontal: 0,
-      paddingVertical: 0,
-      backgroundColor: "transparent"
+      paddingVertical: 0
     })
   }, /*#__PURE__*/React__default["default"].createElement(Link, _extends__default["default"]({
     className: "col-span-12 flex items-center justify-center gap-x-2",
@@ -42551,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", {
@@ -42586,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({
@@ -42669,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),
@@ -42692,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"
       })
     });
@@ -42797,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));
@@ -42913,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,
@@ -42924,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));