@eclass/ui-kit 1.53.4 → 1.53.6

package/dist/eclass-ui-kit.es.js

@@ -1853,6 +1853,7 @@ function Accessibility(props) {
   });
 }
 const NavBarButton = ({
+  as = "button",
   buttonName,
   onlyLink,
   onClick,
@@ -1883,31 +1884,33 @@ const NavBarButton = ({
   const hoverBg = "rgba(96, 121, 142, 0.8)";
   const isAccessibility = type === "accessibility";
   return /* @__PURE__ */ jsxs(Box, {
-    as: "button",
+    as,
+    className: "nav-bar-button",
     id: isAccessibility ? "UserWayButton" : "",
     onClick: isAccessibility ? triggerWidget : onClick,
     sx: {
+      cursor: "pointer",
       display: "flex",
       gap: "8px",
       h: "30px",
       maxH: "30px",
       _hover: {
-        ".icon": {
+        ".nav-bar-icon": {
           bg: hoverBg
         },
-        ".text": {
+        ".nav-bar-text": {
           color: vars("colors-neutral-white")
         }
       },
       _active: {
-        ".icon": {
+        ".nav-bar-icon": {
           bg: onlyLink || isAccessibility ? hoverBg : activeBg
         },
-        ".text": {
+        ".nav-bar-text": {
           color: vars("colors-neutral-white")
         }
       },
-      ".icon": {
+      ".nav-bar-icon": {
         alignItems: "center",
         bg: vars("colors-main-blueGrey"),
         borderRadius: "100%",
@@ -1919,20 +1922,19 @@ const NavBarButton = ({
         role: "button",
         width: "30px"
       },
-      ".text": {
+      ".nav-bar-text": {
         alignContent: "center",
+        color: vars("colors-neutral-silverSand"),
         fontSize: "12px",
         fontWeight: "500",
-        forntFamily: "Roboto",
-        color: vars("colors-neutral-silverSand")
+        fontFamily: "Roboto"
       }
     },
     children: [/* @__PURE__ */ jsx(Box, {
-      className: "icon",
+      className: "nav-bar-icon",
       children: buttonType[type].icon
     }), /* @__PURE__ */ jsx(Box, {
-      as: "span",
-      className: "text",
+      className: "nav-bar-text",
       children: buttonType[type].text
     })]
   });
@@ -5943,45 +5945,37 @@ const useParseEvents = (events, now) => {
 };
 const GoToCalendar = ({
   text,
-  tooltipDisabled,
   onlyToCalendar,
   onClick
 }) => {
   var _a;
   const activeBg = (_a = vars("colors-main-deepSkyBlue")) != null ? _a : "#0189FF";
   const hoverBg = "rgba(96, 121, 142, 0.8)";
-  return /* @__PURE__ */ jsx(NewTooltip, {
-    label: text != null ? text : "Calendario",
-    m: "2px 0 0 -59px",
-    isDisabled: tooltipDisabled,
-    transform: "translateX(-10px) !important",
-    children: /* @__PURE__ */ jsx(MenuButton, {
-      onClick: () => onlyToCalendar && onClick && onClick(),
-      position: "relative",
-      sx: {
-        _hover: {
-          ".icon": {
-            bg: hoverBg
-          },
-          ".text": {
-            color: vars("colors-neutral-white")
-          }
+  return /* @__PURE__ */ jsx(MenuButton, {
+    onClick: () => onlyToCalendar && onClick && onClick(),
+    position: "relative",
+    sx: {
+      _hover: {
+        ".nav-bar-icon": {
+          bg: hoverBg
         },
-        _active: {
-          ".icon": {
-            bg: onlyToCalendar ? hoverBg : activeBg
-          },
-          ".text": {
-            color: vars("colors-neutral-white")
-          }
+        ".nav-bar-text": {
+          color: vars("colors-neutral-white")
         }
       },
-      children: /* @__PURE__ */ jsx(NavBarButton, {
-        type: "calendar",
-        onClick: () => {
+      _active: {
+        ".nav-bar-icon": {
+          bg: onlyToCalendar ? hoverBg : activeBg
         },
-        buttonName: text.toUpperCase()
-      })
+        ".nav-bar-text": {
+          color: vars("colors-neutral-white")
+        }
+      }
+    },
+    children: /* @__PURE__ */ jsx(NavBarButton, {
+      as: "div",
+      type: "calendar",
+      buttonName: text.toUpperCase()
     })
   });
 };
@@ -6316,16 +6310,7 @@ const CalendarDropdownContainer = ({
     hasMoreNext,
     ...all
   } = useParseEvents(events, now);
-  const [isTooltipDisabled, setTooltipDisabled] = useState(false);
   const [isMenuOpen, setMenuOpen] = useState(false);
-  useEffect(() => {
-    if (isMenuOpen) {
-      setTooltipDisabled(true);
-    } else {
-      const timer = setTimeout(() => setTooltipDisabled(false), 300);
-      return () => clearTimeout(timer);
-    }
-  }, [isMenuOpen]);
   useEffect(() => {
     if (!isMobile || onlyToCalendar)
       return;
@@ -6426,7 +6411,6 @@ const CalendarDropdownContainer = ({
       children: /* @__PURE__ */ jsxs(Fragment, {
         children: [/* @__PURE__ */ jsx(GoToCalendar, {
           text: (_c = text == null ? void 0 : text.tooltip) != null ? _c : "Calendario",
-          tooltipDisabled: isTooltipDisabled,
           onlyToCalendar,
           onClick: redirectToCalendar
         }), !onlyToCalendar && /* @__PURE__ */ jsxs(MenuList, {