@eclass/ui-kit 1.60.1 → 1.60.3

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

@@ -10216,11 +10216,11 @@ const EventsGroup = ({
           return /* @__PURE__ */ jsx(Box, {
             bg: (_a2 = vars("colors-neutral-white")) != null ? _a2 : "#FFFFFF",
             border: "none",
-            cursor: "default",
+            cursor: eventOnClick ? "pointer" : "default",
             padding: "0",
             _hover: {
               boxShadow: "none !important",
-              cursor: "default !important",
+              cursor: eventOnClick ? "pointer !important" : "default !important",
               bg: "none !important"
             },
             _focus: {
@@ -10541,14 +10541,13 @@ const EventsList = ({
   text: text2,
   type,
   unitName,
-  unavailableLabel = "A\xFAn no disponible",
   url
 }) => {
-  var _a, _b;
+  var _a, _b, _c;
   const border = `1px solid ${(_a = vars("colors-neutral-platinum")) != null ? _a : "#E8E8E8"}`;
+  const hoverBg = (_b = vars("colors-neutral-cultured2")) != null ? _b : "#F8F8F8";
   const hasUrl = Boolean(url);
-  const isAvailable = url === void 0 ? true : hasUrl;
-  const disabledOpacity = isAvailable ? 1 : 0.5;
+  const isClickable = Boolean(onClick) && hasUrl;
   const isCpr = type === "cpr";
   const showEventLocation = !isCpr || Boolean(headquartersAddress);
   const showEventDuration = ["online", "in-person", "cpr"].includes(type) && duration !== void 0 && duration > 0;
@@ -10560,7 +10559,7 @@ const EventsList = ({
     lineHeight: "100%"
   };
   const detailTextStyle = {
-    color: (_b = vars("colors-neutral-gray")) != null ? _b : "#808080",
+    color: (_c = vars("colors-neutral-gray")) != null ? _c : "#808080",
     fontSize: "14px",
     alignItems: "center",
     display: "flex",
@@ -10579,11 +10578,13 @@ const EventsList = ({
     borderTop: border,
     display: "flex",
     gap: "12px",
-    cursor: "default",
-    onClick: void 0,
+    cursor: isClickable ? "pointer" : "default",
+    onClick: isClickable ? onClick : void 0,
     p: "16px",
     transition: "background-color 0.2s ease",
-    _hover: void 0,
+    _hover: isClickable ? {
+      bg: hoverBg
+    } : void 0,
     children: [/* @__PURE__ */ jsxs(Box, {
       bg: color,
       minW: "88px",
@@ -10595,7 +10596,6 @@ const EventsList = ({
       display: "flex",
       flexDirection: "column",
       justifyContent: "space-around",
-      opacity: disabledOpacity,
       children: [/* @__PURE__ */ jsx(Box, {
         as: "span",
         sx: dateTextStyle,
@@ -10608,25 +10608,15 @@ const EventsList = ({
         sx: dateTextStyle,
         children: time
       })]
-    }), /* @__PURE__ */ jsxs(Box, {
+    }), /* @__PURE__ */ jsx(Box, {
       display: "flex",
       flexDirection: "column",
       gap: "8px",
       w: "100%",
-      children: [!isAvailable && /* @__PURE__ */ jsx(TinyAlert, {
-        status: "warning",
-        text: unavailableLabel,
-        sx: {
-          padding: "4px 6px",
-          "> span": {
-            fontSize: "12px"
-          }
-        }
-      }), /* @__PURE__ */ jsxs(Box, {
+      children: /* @__PURE__ */ jsxs(Box, {
         display: "flex",
         flexDirection: "column",
         gap: "8px",
-        opacity: disabledOpacity,
         children: [/* @__PURE__ */ jsxs(Box, {
           alignItems: "center",
           display: "flex",
@@ -10691,7 +10681,7 @@ const EventsList = ({
             children: unitName
           })
         })]
-      })]
+      })
     })]
   });
 };