@eclass/ui-kit 1.12.0 → 1.13.1

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

@@ -26980,8 +26980,8 @@ function Btn({
         className: onlyIcon,
         disabled: disabled2,
         height: "auto",
+        minHeight: size2 === "regular" ? "2.813rem" : "2rem",
         lineHeight: "initial",
-        minHeight: size2 === "regular" ? "2.7rem" : "1.474rem",
         iconSpacing: vars("space-xs"),
         isActive: false,
         isLoading,
@@ -27009,6 +27009,9 @@ function Btn({
           cursor: "not-allowed"
         },
         _focus: {
+          boxShadow: "none"
+        },
+        _focusVisible: {
           boxShadow: `inset 0 0 0 2px ${borderColorActive[0]}, inset 0 0 0 4px ${borderColorActive[1]}`
         },
         _hover: {
@@ -27325,6 +27328,30 @@ function IconSelection({
   }
 }
 const ID_QUALIFIED = 7;
+function CourseStatus({
+  progress: progress2,
+  status
+}) {
+  return /* @__PURE__ */ jsxs(Fragment, {
+    children: [/* @__PURE__ */ jsxs(Flex, {
+      children: [/* @__PURE__ */ jsx(IconSelection, {
+        type: progress2.icon,
+        progressValue: progress2.progress
+      }), /* @__PURE__ */ jsx(Text, {
+        m: "0",
+        ml: ".625rem",
+        fontSize: ".875rem",
+        lineHeight: "1.125rem",
+        children: progress2 == null ? void 0 : progress2.label
+      })]
+    }), (status == null ? void 0 : status.id) === ID_QUALIFIED && (progress2 == null ? void 0 : progress2.finalGrade) && (progress2 == null ? void 0 : progress2.finalGrade.length) > 0 && /* @__PURE__ */ jsx(Label, {
+      size: "sm",
+      bg: progress2.isApproved ? vars("colors-alert-jadeGreen") : vars("colors-alert-red"),
+      color: vars("colors-neutral-white"),
+      children: progress2 == null ? void 0 : progress2.finalGrade
+    })]
+  });
+}
 function Section() {
   const {
     name,
@@ -27360,26 +27387,13 @@ function Section() {
       fontWeight: "700",
       lineHeight: "1.3",
       children: name
-    }), /* @__PURE__ */ jsxs(Flex, {
+    }), /* @__PURE__ */ jsx(Flex, {
       mt: "1rem",
       justify: "space-between",
-      children: [/* @__PURE__ */ jsxs(Flex, {
-        children: [/* @__PURE__ */ jsx(IconSelection, {
-          type: progress2.icon,
-          progressValue: progress2.progress
-        }), /* @__PURE__ */ jsx(Text, {
-          m: "0",
-          ml: ".625rem",
-          fontSize: ".875rem",
-          lineHeight: "1.125rem",
-          children: progress2 == null ? void 0 : progress2.label
-        })]
-      }), (status == null ? void 0 : status.id) === ID_QUALIFIED && (progress2 == null ? void 0 : progress2.finalGrade) && (progress2 == null ? void 0 : progress2.finalGrade.length) > 0 && /* @__PURE__ */ jsx(Label, {
-        size: "sm",
-        bg: progress2.isApproved ? vars("colors-alert-jadeGreen") : vars("colors-alert-red"),
-        color: vars("colors-neutral-white"),
-        children: progress2 == null ? void 0 : progress2.finalGrade
-      })]
+      children: /* @__PURE__ */ jsx(CourseStatus, {
+        progress: progress2,
+        status
+      })
     }), information != null && (information == null ? void 0 : information.length) > 0 && /* @__PURE__ */ jsx(List, {
       spacing: ".625rem",
       paddingInlineStart: "0",
@@ -28401,5 +28415,5 @@ function CourseList({
   });
 }
 CourseList.displayName = "CourseList";
-export { Btn, BtnLink, BtnPrimary, BtnSecondary, BtnTertiary, CourseList, Label, Progress, Ripples, TinyAlert, dataFake, maxWidthCoursesList, theme, vars };
+export { Btn, BtnLink, BtnPrimary, BtnSecondary, BtnTertiary, CourseList, CourseStatus, Label, Progress, Ripples, TinyAlert, dataFake, maxWidthCoursesList, theme, vars };
 //# sourceMappingURL=eclass-ui-kit.es.js.map