@eclass/ui-kit 1.49.1 → 1.49.3

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

@@ -30021,8 +30021,6 @@ function Header() {
   } = React.useContext(CourseBoxContext);
   return /* @__PURE__ */ jsxs(Box, {
     as: "header",
-    bgPos: "center",
-    bgSize: "cover",
     height: "8.75rem",
     borderBottom: vars("borders-light"),
     pos: "relative",
@@ -30037,12 +30035,14 @@ function Header() {
       backgroundSize: "cover",
       backgroundPosition: "center",
       opacity: ((_a = soonCourse == null ? void 0 : soonCourse.show) != null ? _a : false) ? 0.3 : 1,
-      zIndex: -1
+      zIndex: 0
     },
     children: [/* @__PURE__ */ jsxs(Box, {
       p: "1rem",
       display: "flex",
       gap: "0.625rem",
+      position: "absolute",
+      zIndex: 2,
       children: [(profile == null ? void 0 : profile.id) !== STUDENT && /* @__PURE__ */ jsx(Label, {
         bg: vars("colors-neutral-white"),
         m: "0 0 .625rem 0",
@@ -30055,6 +30055,7 @@ function Header() {
         direction: "row",
         spacing: ".625rem",
         wrap: "wrap",
+        zIndex: 2,
         children: labels.map((item, index2) => /* @__PURE__ */ jsx(Label, {
           bg: item.id === "NEW" ? vars("colors-secondary-pumpkin") : void 0,
           children: item.text
@@ -30063,6 +30064,7 @@ function Header() {
         direction: "row",
         spacing: ".625rem",
         wrap: "wrap",
+        zIndex: 2,
         children: /* @__PURE__ */ jsx(Label, {
           children: soonCourse.text
         })
@@ -30078,6 +30080,7 @@ function Header() {
       overflow: "hidden",
       borderRadius: vars("radii-small"),
       w: "6.25rem",
+      zIndex: 2,
       children: /* @__PURE__ */ jsx(Image$1, {
         src: logo,
         alt: logoAlt != null ? logoAlt : "logo",
@@ -31098,6 +31101,42 @@ const dataStates = {
       show: true,
       text: "Pr\xF3ximamente"
     },
+    labels: []
+  },
+  proximamente2: {
+    ...dataBase,
+    id: 23,
+    hasFinanzeFreezed: false,
+    status: {
+      ...dataBase.status,
+      id: 3,
+      name: "inscripcion"
+    },
+    progress: {
+      ...dataBase.progress,
+      label: "Tu curso iniciara el Lunes 16 de Enero de 2023",
+      icon: "schedule"
+    },
+    dateStatus: {
+      ...dataBase.dateStatus,
+      hasDates: true
+    },
+    information: [
+      {
+        icon: "certificate",
+        text: "Certificado por ACHS",
+        href: ""
+      }
+    ],
+    action: {
+      ...dataBase.action,
+      text: "Ver informacion del curso",
+      targetBlank: true
+    },
+    soonCourse: {
+      show: true,
+      text: "Pr\xF3ximamente"
+    },
     labels: [
       {
         id: "OBLIGATORY",