@eclass/ui-kit 1.52.9 → 1.52.10

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

@@ -4091,7 +4091,7 @@ function ModalAlert({
   });
 }
 ModalAlert.displayName = "ModalAlert";
-const Calendar$1 = ({
+const Calendar = ({
   color = "white"
 }) => {
   return /* @__PURE__ */ jsxs(Icon, {
@@ -4124,7 +4124,7 @@ const Calendar$1 = ({
     })]
   });
 };
-const Clock$1 = ({
+const Clock = ({
   color = "white"
 }) => {
   return /* @__PURE__ */ jsx(Icon, {
@@ -4201,7 +4201,7 @@ const LargeBox = ({
               display: "flex",
               alignItems: "center",
               gap: "4px",
-              children: [/* @__PURE__ */ jsx(Calendar$1, {
+              children: [/* @__PURE__ */ jsx(Calendar, {
                 color: vars("colors-main-ziggurat")
               }), /* @__PURE__ */ jsx(Text, {
                 fontWeight: "400",
@@ -4213,7 +4213,7 @@ const LargeBox = ({
                 m: "0px",
                 p: "0px",
                 children: "|"
-              }), /* @__PURE__ */ jsx(Clock$1, {
+              }), /* @__PURE__ */ jsx(Clock, {
                 color: vars("colors-main-ziggurat")
               }), /* @__PURE__ */ jsx(Text, {
                 m: "0px",
@@ -4302,14 +4302,14 @@ const SmallBox = ({
               display: "flex",
               alignItems: "center",
               gap: "4px",
-              children: [/* @__PURE__ */ jsx(Calendar$1, {}), /* @__PURE__ */ jsx(Text, {
+              children: [/* @__PURE__ */ jsx(Calendar, {}), /* @__PURE__ */ jsx(Text, {
                 fontWeight: "400",
                 m: "0px",
                 children: startDate
               }), /* @__PURE__ */ jsx(Text, {
                 m: "0px",
                 children: "|"
-              }), /* @__PURE__ */ jsx(Clock$1, {}), /* @__PURE__ */ jsx(Text, {
+              }), /* @__PURE__ */ jsx(Clock, {}), /* @__PURE__ */ jsx(Text, {
                 m: "0px",
                 children: startTime
               })]
@@ -6144,7 +6144,7 @@ const Events = ({
           minH: "fit-content"
         }
       },
-      children: /* @__PURE__ */ jsx(BtnSecondary, {
+      children: /* @__PURE__ */ jsx(BtnPrimary, {
         onClick: redirecToCalendar,
         m: "72px 0 0 24px",
         id: "RedirectButton",
@@ -6352,33 +6352,6 @@ const CalendarDropdown = ({
     onlyToCalendar
   });
 };
-function Calendar(props) {
-  return /* @__PURE__ */ jsx(Base, {
-    ...props,
-    title: "Calendar",
-    children: /* @__PURE__ */ jsxs("g", {
-      fill: "#B0CFE0",
-      children: [/* @__PURE__ */ jsx("path", {
-        fill: "#B0CFE0",
-        d: "M15 2h-2V0h-2v2H9V0H7v2H5V0H3v2H1a1 1 0 0 0-1 1v12a1 1 0 0 0 1 1h14a1 1 0 0 0 1-1V3a1 1 0 0 0-1-1zm-1 12H2V5h12v9z"
-      }), /* @__PURE__ */ jsx("path", {
-        d: "M4 7h2v2H4zM7 7h2v2H7zM4 10h2v2H4zM7 10h2v2H7zM10 7h2v2h-2zM10 10h2v2h-2z"
-      })]
-    })
-  });
-}
-Calendar.displayName = "Calendar";
-function Clock(props) {
-  return /* @__PURE__ */ jsx(Base, {
-    ...props,
-    title: "Clock",
-    children: /* @__PURE__ */ jsx("path", {
-      fill: "#B0CFE0",
-      d: "M8 0C3.6 0 0 3.6 0 8s3.6 8 8 8 8-3.6 8-8-3.6-8-8-8zm4 9H7V4h2v3h3v2z"
-    })
-  });
-}
-Clock.displayName = "Clock";
 const NotificationIcon = () => /* @__PURE__ */ jsx("svg", {
   xmlns: "http://www.w3.org/2000/svg",
   width: "8px",
@@ -6407,7 +6380,6 @@ const EventsList = ({
   unitName
 }) => {
   var _a, _b;
-  const [isMobile] = useMediaQuery("(max-width: 580px)");
   const border = `1px solid ${(_a = vars("colors-neutral-platinum")) != null ? _a : "#E8E8E8"}`;
   const initOrEnd = ["end-course", "init-course", "init-course-flexible", "end-course-flexible"].includes(type);
   const dateTextStyle = {
@@ -6429,7 +6401,7 @@ const EventsList = ({
     p: "16px 24px",
     display: "flex",
     gap: "12px",
-    children: [!isMobile && /* @__PURE__ */ jsxs(Box, {
+    children: [/* @__PURE__ */ jsxs(Box, {
       bg: color,
       minW: "80px",
       minH: "80px",
@@ -6453,6 +6425,7 @@ const EventsList = ({
         fontSize: "14px",
         fontWeight: "700",
         color: vars("colors-neutral-white"),
+        lineHeight: "normal",
         children: time
       })]
     }), /* @__PURE__ */ jsxs(Box, {
@@ -6466,59 +6439,23 @@ const EventsList = ({
         justifyContent: "space-between",
         alignItems: "center",
         fontSize: "16px",
-        fontWeight: isMobile ? "400" : "700",
+        fontWeight: "700",
         children: [name, " ", hasNotification && /* @__PURE__ */ jsx(NotificationIcon, {})]
-      }), isMobile && /* @__PURE__ */ jsxs(Box, {
-        lineHeight: "normal",
-        sx: {
-          ">svg": {
-            marginRight: "4px"
-          }
-        },
-        children: [/* @__PURE__ */ jsx(Calendar, {}), /* @__PURE__ */ jsxs(Box, {
-          as: "span",
-          verticalAlign: "middle",
-          p: "0 8px 0 0",
-          borderRight: `1px solid ${vars("colors-neutral-platinum")}`,
-          mr: "8px",
-          children: [day, " ", date]
-        }), /* @__PURE__ */ jsx(Clock, {}), /* @__PURE__ */ jsx(Box, {
-          as: "span",
-          verticalAlign: "middle",
-          children: time
-        })]
       }), showCourse && !initOrEnd && /* @__PURE__ */ jsxs(Box, {
+        as: "span",
+        sx: detailTextStyle,
+        children: [/* @__PURE__ */ jsx("strong", {
+          children: text ? `${text}:` : "Curso:"
+        }), " ", courseName]
+      }), showUnit && !initOrEnd && /* @__PURE__ */ jsx(Box, {
         display: "flex",
         gap: "4px",
         alignItems: "baseline",
-        children: [isMobile && /* @__PURE__ */ jsx(Box, {
-          minH: "10px",
-          minW: "10px",
-          maxH: "10px",
-          maxW: "10px",
-          bg: color,
-          borderRadius: "50%"
-        }), /* @__PURE__ */ jsxs(Box, {
-          as: "span",
-          sx: detailTextStyle,
-          children: [/* @__PURE__ */ jsx("strong", {
-            children: text ? `${text}:` : "Curso:"
-          }), " ", courseName]
-        })]
-      }), showUnit && !initOrEnd && /* @__PURE__ */ jsxs(Box, {
-        display: "flex",
-        gap: "4px",
-        alignItems: "baseline",
-        children: [isMobile && /* @__PURE__ */ jsx(Box, {
-          height: "10px",
-          width: "10px",
-          bg: color,
-          borderRadius: "50%"
-        }), /* @__PURE__ */ jsx(Box, {
+        children: /* @__PURE__ */ jsx(Box, {
           as: "span",
           sx: detailTextStyle,
           children: unitName
-        })]
+        })
       })]
     })]
   });