@eclass/ui-kit 1.12.0 → 1.13.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -27325,6 +27325,30 @@ function IconSelection({
27325
27325
  }
27326
27326
  }
27327
27327
  const ID_QUALIFIED = 7;
27328
+ function CourseStatus({
27329
+ progress: progress2,
27330
+ status
27331
+ }) {
27332
+ return /* @__PURE__ */ jsxs(Fragment, {
27333
+ children: [/* @__PURE__ */ jsxs(Flex, {
27334
+ children: [/* @__PURE__ */ jsx(IconSelection, {
27335
+ type: progress2.icon,
27336
+ progressValue: progress2.progress
27337
+ }), /* @__PURE__ */ jsx(Text, {
27338
+ m: "0",
27339
+ ml: ".625rem",
27340
+ fontSize: ".875rem",
27341
+ lineHeight: "1.125rem",
27342
+ children: progress2 == null ? void 0 : progress2.label
27343
+ })]
27344
+ }), (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, {
27345
+ size: "sm",
27346
+ bg: progress2.isApproved ? vars("colors-alert-jadeGreen") : vars("colors-alert-red"),
27347
+ color: vars("colors-neutral-white"),
27348
+ children: progress2 == null ? void 0 : progress2.finalGrade
27349
+ })]
27350
+ });
27351
+ }
27328
27352
  function Section() {
27329
27353
  const {
27330
27354
  name,
@@ -27360,26 +27384,13 @@ function Section() {
27360
27384
  fontWeight: "700",
27361
27385
  lineHeight: "1.3",
27362
27386
  children: name
27363
- }), /* @__PURE__ */ jsxs(Flex, {
27387
+ }), /* @__PURE__ */ jsx(Flex, {
27364
27388
  mt: "1rem",
27365
27389
  justify: "space-between",
27366
- children: [/* @__PURE__ */ jsxs(Flex, {
27367
- children: [/* @__PURE__ */ jsx(IconSelection, {
27368
- type: progress2.icon,
27369
- progressValue: progress2.progress
27370
- }), /* @__PURE__ */ jsx(Text, {
27371
- m: "0",
27372
- ml: ".625rem",
27373
- fontSize: ".875rem",
27374
- lineHeight: "1.125rem",
27375
- children: progress2 == null ? void 0 : progress2.label
27376
- })]
27377
- }), (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, {
27378
- size: "sm",
27379
- bg: progress2.isApproved ? vars("colors-alert-jadeGreen") : vars("colors-alert-red"),
27380
- color: vars("colors-neutral-white"),
27381
- children: progress2 == null ? void 0 : progress2.finalGrade
27382
- })]
27390
+ children: /* @__PURE__ */ jsx(CourseStatus, {
27391
+ progress: progress2,
27392
+ status
27393
+ })
27383
27394
  }), information != null && (information == null ? void 0 : information.length) > 0 && /* @__PURE__ */ jsx(List, {
27384
27395
  spacing: ".625rem",
27385
27396
  paddingInlineStart: "0",
@@ -28401,5 +28412,5 @@ function CourseList({
28401
28412
  });
28402
28413
  }
28403
28414
  CourseList.displayName = "CourseList";
28404
- export { Btn, BtnLink, BtnPrimary, BtnSecondary, BtnTertiary, CourseList, Label, Progress, Ripples, TinyAlert, dataFake, maxWidthCoursesList, theme, vars };
28415
+ export { Btn, BtnLink, BtnPrimary, BtnSecondary, BtnTertiary, CourseList, CourseStatus, Label, Progress, Ripples, TinyAlert, dataFake, maxWidthCoursesList, theme, vars };
28405
28416
  //# sourceMappingURL=eclass-ui-kit.es.js.map