@eclass/ui-kit 1.51.14 → 1.51.16

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

@@ -35561,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,
@@ -35653,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",
@@ -35687,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
+            })
           })]
         })]
       })
@@ -35830,13 +35833,17 @@ const EventsList = ({
         gap: "4px",
         lineHeight: "19px",
         children: [/* @__PURE__ */ jsx(Box, {
-          h: "10px",
-          w: "10px",
+          alignSelf: "flex-start",
           bg: color2,
           borderRadius: "50%",
           display: "block",
-          alignSelf: "flex-start",
-          mt: "4px"
+          h: "10px",
+          mt: "4px",
+          maxH: "10px",
+          maxW: "10px",
+          minH: "10px",
+          minW: "10px",
+          w: "10px"
         }), /* @__PURE__ */ jsxs(Box, {
           as: "span",
           color: (_b = vars("colors-neutral-gray")) != null ? _b : "#808080",