@eclass/ui-kit 1.51.13 → 1.51.15

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

@@ -35227,14 +35227,15 @@ const GoToCalendar = ({
   onlyToCalendar,
   onClick
 }) => {
-  var _a;
+  var _a, _b;
+  const activeBg = (_a = vars("colors-main-deepSkyBlue")) != null ? _a : "#0189FF";
   return /* @__PURE__ */ jsx(NewTooltip, {
     label: text != null ? text : "Calendario",
     m: "2px 0 0 0",
     isDisabled: tooltipDisabled,
     children: /* @__PURE__ */ jsx(MenuButton, {
       onClick: () => onlyToCalendar && onClick && onClick(),
-      background: (_a = vars("colors-main-blueGrey")) != null ? _a : "#60798E",
+      background: (_b = vars("colors-main-blueGrey")) != null ? _b : "#60798E",
       border: "1px solid transparent",
       borderRadius: "100%",
       height: "30px !important",
@@ -35242,6 +35243,12 @@ const GoToCalendar = ({
       padding: "0 !important",
       margin: "0 !important",
       position: "relative",
+      _active: {
+        bg: activeBg,
+        "&:hover": {
+          bg: activeBg
+        }
+      },
       _hover: {
         bg: "rgba(96, 121, 142, 0.8)"
       },
@@ -35554,7 +35561,7 @@ const CalendarDropdownContainer = ({
   onlyToCalendar,
   m: m2
 }) => {
-  var _a, _b, _c, _d, _e, _f;
+  var _a, _b, _c, _d, _e, _f, _g;
   const [isMobile] = useMediaQuery("(max-width: 577px)");
   const {
     closeAndMarkSeen,
@@ -35646,7 +35653,7 @@ const CalendarDropdownContainer = ({
         width: isMobile ? "100vw" : "500px",
         maxHeight: isMobile ? "calc(100vh - 62px)" : "auto",
         overflowY: isMobile ? "auto" : "hidden",
-        background: "white",
+        background: "transparent",
         border: "none",
         borderRadius: isMobile ? "0" : "10px",
         boxShadow: isMobile ? "none" : "rgba(47, 47, 47, 0.2) -1px 6px 40px 0px",
@@ -35680,16 +35687,19 @@ const CalendarDropdownContainer = ({
           children: [/* @__PURE__ */ jsx(Header, {
             text: (_d = text == null ? void 0 : text.header) != null ? _d : "Pr\xF3ximas fechas importantes de tus cursos",
             isMobile
-          }), loading ? /* @__PURE__ */ jsx(Loading, {
-            text: (_e = text == null ? void 0 : text.loading) != null ? _e : "Cargando"
-          }) : events.length === 0 || empty ? /* @__PURE__ */ jsx(Empty, {
-            text: (_f = text == null ? void 0 : text.empty) != null ? _f : "A\xFAn no tienes eventos en tu calendario"
-          }) : /* @__PURE__ */ jsx(Events, {
-            colors: courseColors,
-            events: all,
-            text,
-            redirecToCalendar: redirectToCalendar,
-            isMobile
+          }), /* @__PURE__ */ jsx(Box, {
+            bg: (_e = vars("colors-neutral-white")) != null ? _e : "#FFF",
+            children: loading ? /* @__PURE__ */ jsx(Loading, {
+              text: (_f = text == null ? void 0 : text.loading) != null ? _f : "Cargando"
+            }) : events.length === 0 || empty ? /* @__PURE__ */ jsx(Empty, {
+              text: (_g = text == null ? void 0 : text.empty) != null ? _g : "A\xFAn no tienes eventos en tu calendario"
+            }) : /* @__PURE__ */ jsx(Events, {
+              colors: courseColors,
+              events: all,
+              text,
+              redirecToCalendar: redirectToCalendar,
+              isMobile
+            })
           })]
         })]
       })