@eclass/ui-kit 1.45.1 → 1.45.2

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

@@ -33206,68 +33206,67 @@ const Resources = ({
     href: resourceLink,
     target: targetBlank ? "_blank" : "_self",
     rel: targetBlank ? "noopener noreferrer" : void 0,
-    _hover: {
-      textDecoration: "none"
-    },
-    display: "contents",
-    children: /* @__PURE__ */ jsxs(Box, {
-      width: "285px",
-      height: "147px",
-      borderRadius: vars("radii-big"),
-      border: vars("borders-light"),
-      justifyContent: "center",
-      textAlign: "center",
-      display: "grid",
-      gap: "8px",
-      padding: "1rem",
-      transition: "box-shadow .3s",
-      _active: cssActive,
-      _hover: cssActive,
-      _focus: cssActive,
-      cursor: "pointer",
-      children: [/* @__PURE__ */ jsx(Box, {
-        children: /* @__PURE__ */ jsx(Icons, {
-          type: resourceType
-        })
-      }), /* @__PURE__ */ jsx(Box, {
-        children: /* @__PURE__ */ jsx(Text, {
-          fontFamily: "Roboto",
-          fontWeight: "700",
-          lineHeight: "21px",
-          fontSize: "16px",
-          color: "#555555",
-          m: "0px",
-          children: resourceTitle
-        })
-      }), /* @__PURE__ */ jsx(Box, {
-        children: /* @__PURE__ */ jsx(Text, {
-          fontFamily: "Roboto",
-          fontWeight: "400",
-          lineHeight: "14px",
-          fontSize: "12px",
-          color: "#555555",
-          m: "0px",
-          children: resourceDetail
-        })
-      }), /* @__PURE__ */ jsx(Box, {
-        display: "flex",
-        alignItems: "center",
+    transition: "box-shadow 0.3s",
+    _active: cssActive,
+    _hover: cssActive,
+    _focus: cssActive,
+    cursor: "pointer",
+    borderRadius: vars("radii-big"),
+    border: vars("borders-light"),
+    overflow: "hidden",
+    children: /* @__PURE__ */ jsx(Ripples, {
+      children: /* @__PURE__ */ jsxs(Box, {
+        width: "285px",
+        height: "147px",
         justifyContent: "center",
-        children: /* @__PURE__ */ jsxs(Text, {
-          fontFamily: "Roboto",
-          fontWeight: "500",
-          fontSize: "14px",
-          lineHeight: "16px",
-          color: vars("colors-neutral-gray"),
-          textDecoration: "underline",
-          gap: "8px",
+        textAlign: "center",
+        display: "grid",
+        gap: "8px",
+        padding: "1rem",
+        children: [/* @__PURE__ */ jsx(Box, {
+          children: /* @__PURE__ */ jsx(Icons, {
+            type: resourceType
+          })
+        }), /* @__PURE__ */ jsx(Box, {
+          children: /* @__PURE__ */ jsx(Text, {
+            fontFamily: "Roboto",
+            fontWeight: "700",
+            lineHeight: "21px",
+            fontSize: "16px",
+            color: "#555555",
+            m: "0px",
+            children: resourceTitle
+          })
+        }), /* @__PURE__ */ jsx(Box, {
+          children: /* @__PURE__ */ jsx(Text, {
+            fontFamily: "Roboto",
+            fontWeight: "400",
+            lineHeight: "14px",
+            fontSize: "12px",
+            color: "#555555",
+            m: "0px",
+            children: resourceDetail
+          })
+        }), /* @__PURE__ */ jsx(Box, {
           display: "flex",
-          m: "0px",
-          children: [/* @__PURE__ */ jsx(Download, {
-            color: vars("colors-main-deepSkyBlue")
-          }), resourceTextDownload]
-        })
-      })]
+          alignItems: "center",
+          justifyContent: "center",
+          children: /* @__PURE__ */ jsxs(Text, {
+            fontFamily: "Roboto",
+            fontWeight: "500",
+            fontSize: "14px",
+            lineHeight: "16px",
+            color: vars("colors-neutral-gray"),
+            textDecoration: "underline",
+            gap: "8px",
+            display: "flex",
+            m: "0px",
+            children: [/* @__PURE__ */ jsx(Download, {
+              color: vars("colors-main-deepSkyBlue")
+            }), resourceTextDownload]
+          })
+        })]
+      })
     })
   });
 };