@eclass/ui-kit 1.52.7 → 1.52.8

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

@@ -6103,7 +6103,7 @@ const EventsGroup = ({
             text,
             type: event.type,
             hasNotification: event.isNew,
-            showsCourseName: true
+            showCourse: true
           }, event.id)
         }, event.id);
       })
@@ -6397,12 +6397,14 @@ const EventsList = ({
   color,
   day,
   date,
+  name,
   hasNotification,
-  showsCourseName,
+  showCourse,
+  showUnit,
   time,
-  name,
   text,
-  type
+  type,
+  unitName
 }) => {
   var _a, _b;
   const [isMobile] = useMediaQuery("(max-width: 580px)");
@@ -6414,6 +6416,13 @@ const EventsList = ({
     color: vars("colors-neutral-white"),
     lineHeight: "100%"
   };
+  const detailTextStyle = {
+    color: (_b = vars("colors-neutral-gray")) != null ? _b : "#808080",
+    fontSize: "14px",
+    display: "flex",
+    gap: "4px",
+    lineHeight: "normal"
+  };
   return /* @__PURE__ */ jsxs(Box, {
     className: "eventsList",
     borderTop: border,
@@ -6450,6 +6459,7 @@ const EventsList = ({
       display: "flex",
       flexDirection: "column",
       gap: "8px",
+      w: "100%",
       children: [/* @__PURE__ */ jsxs(Box, {
         lineHeight: "21px",
         display: "flex",
@@ -6477,10 +6487,10 @@ const EventsList = ({
           verticalAlign: "middle",
           children: time
         })]
-      }), showsCourseName && !initOrEnd && /* @__PURE__ */ jsxs(Box, {
+      }), showCourse && !initOrEnd && /* @__PURE__ */ jsxs(Box, {
         display: "flex",
         gap: "4px",
-        alignItems: "center",
+        alignItems: "baseline",
         children: [isMobile && /* @__PURE__ */ jsx(Box, {
           height: "10px",
           width: "10px",
@@ -6488,16 +6498,25 @@ const EventsList = ({
           borderRadius: "50%"
         }), /* @__PURE__ */ jsxs(Box, {
           as: "span",
-          color: (_b = vars("colors-neutral-gray")) != null ? _b : "#808080",
-          fontSize: "14px",
-          display: "flex",
-          alignItems: "center",
-          gap: "4px",
-          lineHeight: "normal",
+          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, {
+          as: "span",
+          sx: detailTextStyle,
+          children: unitName
+        })]
       })]
     })]
   });