@eclass/ui-kit 1.44.0 → 1.45.0

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

@@ -32051,7 +32051,7 @@ const LargeBox = ({
     },
     target: targetBlank ? "_blank" : "_self",
     rel: targetBlank ? "noopener noreferrer" : void 0,
-    display: "inline-block",
+    display: "contents",
     children: /* @__PURE__ */ jsxs(Flex, {
       cursor: "pointer",
       transition: "box-shadow 0.3s ease-in-out",
@@ -32059,7 +32059,7 @@ const LargeBox = ({
         shadow: "sm"
       },
       w: "fit-content",
-      borderRadius: "8px",
+      borderRadius: vars("radii-big"),
       display: isMobile ? "block" : "flex",
       children: [/* @__PURE__ */ jsx(Box, {
         width: "285px",
@@ -32071,8 +32071,7 @@ const LargeBox = ({
         width: isMobile ? "285px" : "305px",
         minHeight: isMobile ? "160px" : "168px",
         borderRadius: isMobile ? "0 0 8px 8px" : "0 8px 8px 0",
-        border: "1px",
-        borderColor: vars("colors-neutral-platinum"),
+        border: vars("borders-light"),
         display: "flex",
         flexDirection: "column",
         cursor: "pointer",
@@ -32096,7 +32095,7 @@ const LargeBox = ({
               fontWeight: "400",
               children: startDate
             }), /* @__PURE__ */ jsx(Text, {
-              color: vars("colors-neutral-platinum"),
+              color: vars("borders-light"),
               children: "|"
             }), /* @__PURE__ */ jsx(Clock, {
               color: vars("colors-main-ziggurat")
@@ -32105,7 +32104,7 @@ const LargeBox = ({
             })]
           })]
         }), /* @__PURE__ */ jsx(Box, {
-          borderTop: `1px solid ${vars("colors-neutral-platinum")}`,
+          borderTop: `${vars("borders-light")}`,
           width: "100%",
           height: "50px",
           padding: "12px",
@@ -32141,13 +32140,12 @@ const SmallBox = ({
     },
     target: targetBlank ? "_blank" : "_self",
     rel: targetBlank ? "noopener noreferrer" : void 0,
-    display: "inline-block",
+    display: "contents",
     children: /* @__PURE__ */ jsxs(Box, {
       width: "286px",
       height: "247px",
-      borderRadius: "8px",
-      border: "1px",
-      borderColor: vars("colors-neutral-platinum"),
+      borderRadius: vars("radii-big"),
+      border: vars("borders-light"),
       justifyContent: "center",
       textAlign: "center",
       display: "flex",
@@ -32176,6 +32174,7 @@ const SmallBox = ({
           gap: "8px",
           children: [/* @__PURE__ */ jsx(Text, {
             fontWeight: "700",
+            m: "0px",
             children: eventTitle
           }), /* @__PURE__ */ jsxs(Box, {
             display: "flex",
@@ -32183,10 +32182,13 @@ const SmallBox = ({
             gap: "4px",
             children: [/* @__PURE__ */ jsx(Calendar, {}), /* @__PURE__ */ jsx(Text, {
               fontWeight: "400",
+              m: "0px",
               children: startDate
             }), /* @__PURE__ */ jsx(Text, {
+              m: "0px",
               children: "|"
             }), /* @__PURE__ */ jsx(Clock, {}), /* @__PURE__ */ jsx(Text, {
+              m: "0px",
               children: startTime
             })]
           })]
@@ -33198,17 +33200,17 @@ const Resources = ({
     _hover: {
       textDecoration: "none"
     },
+    display: "contents",
     children: /* @__PURE__ */ jsxs(Box, {
       width: "285px",
       height: "147px",
-      borderRadius: "8px",
-      border: "1px",
-      borderColor: vars("colors-neutral-platinum"),
+      borderRadius: vars("radii-big"),
+      border: vars("borders-light"),
       justifyContent: "center",
       textAlign: "center",
       display: "grid",
       gap: "8px",
-      padding: 4,
+      padding: "1rem",
       transition: "box-shadow 0.3s ease-in-out",
       _hover: {
         shadow: "sm"
@@ -33225,6 +33227,7 @@ const Resources = ({
           lineHeight: "21px",
           fontSize: "16px",
           color: "#555555",
+          m: "0px",
           children: resourceTitle
         })
       }), /* @__PURE__ */ jsx(Box, {
@@ -33234,6 +33237,7 @@ const Resources = ({
           lineHeight: "14px",
           fontSize: "12px",
           color: "#555555",
+          m: "0px",
           children: resourceDetail
         })
       }), /* @__PURE__ */ jsx(Box, {
@@ -33249,6 +33253,7 @@ const Resources = ({
           textDecoration: "underline",
           gap: "8px",
           display: "flex",
+          m: "0px",
           children: [/* @__PURE__ */ jsx(Download, {
             color: vars("colors-main-deepSkyBlue")
           }), resourceTextDownload]