@myelmut/design-system 0.1.51 → 0.1.52

package/dist/index.es.js

@@ -426,19 +426,20 @@ const Te = () => {
     ] }),
     /* @__PURE__ */ l(p, { size: "md", className: "leading-none", children: n("wizard.myPet") })
   ] });
-}, kt = ({ variant: e = "default", totalSteps: t = 8, currentStep: a = 1, className: r }) => {
-  const { t: n } = Q("design");
-  return /* @__PURE__ */ d("nav", { className: A("fixed top-0 right-0 left-0 z-10", Je[e], r), children: [
-    /* @__PURE__ */ d("div", { className: A("container mx-auto flex items-center", Ve[e]), children: [
-      /* @__PURE__ */ l(N, { as: "a", href: "/", variant: "terciary", color: e === "payment" ? "light" : "dark", className: A(e === "default" && "hidden"), children: n("navigation.back") }),
-      /* @__PURE__ */ l(L, { variant: e === "payment" ? "secondary" : "primary", className: "mx-auto w-28" }),
+}, kt = ({ variant: e = "default", totalSteps: t = 8, currentStep: a = 1, className: r, backToPreviousStep: n = () => {
+} }) => {
+  const { t: o } = Q("design");
+  return /* @__PURE__ */ d("nav", { className: A("fixed top-0 right-0 left-0 z-20", Je[e], r), children: [
+    /* @__PURE__ */ d("div", { className: A("container flex items-center", Ve[e]), children: [
+      /* @__PURE__ */ l(N, { onClick: n, as: "button", variant: "terciary", color: e === "payment" ? "light" : "dark", className: A(e === "default" && "hidden"), children: o("navigation.back") }),
+      /* @__PURE__ */ l("a", { href: "/", className: "mx-auto w-28", children: /* @__PURE__ */ l(L, { variant: e === "payment" ? "secondary" : "primary" }) }),
       e != "default" && /* @__PURE__ */ l(We, { variant: e, totalSteps: t, currentStep: a })
     ] }),
-    e != "default" && /* @__PURE__ */ d("div", { className: "container mx-auto px-6 pb-5 md:px-0", children: [
+    e != "default" && /* @__PURE__ */ d("div", { className: "container", children: [
       /* @__PURE__ */ l(Ye, { variant: e, totalSteps: t, currentStep: a }),
       e === "form" && /* @__PURE__ */ l(Ue, { totalSteps: t, currentStep: a, className: "mx-auto mt-6 w-full md:mt-3.5 md:w-3/4" })
     ] }),
-    e === "payment" && /* @__PURE__ */ l(W, { content: n("wizard.promotionBanner"), className: "top-full" })
+    e === "payment" && /* @__PURE__ */ l(W, { content: o("wizard.promotionBanner"), className: "top-full" })
   ] });
 }, W = ({ content: e, className: t }) => /* @__PURE__ */ l("div", { "data-banner": !0, className: A("bg-lavender-blue-light text-claret-violet-dark absolute right-0 left-0 overflow-hidden py-2.5 transition-all duration-300", t), children: /* @__PURE__ */ d("div", { className: "max-md:animate-banner flex items-center justify-start leading-none max-lg:min-w-max max-lg:will-change-transform md:container md:mx-auto md:justify-center", children: [
   /* @__PURE__ */ l(p, { size: "button", className: "max-lg:!text-sm-mobile max-lg:px-3 max-lg:whitespace-nowrap md:text-center", children: e }),
@@ -528,7 +529,8 @@ const X = {
         components: {
           br: /* @__PURE__ */ l("br", {}),
           b: /* @__PURE__ */ l("b", {}),
-          i: /* @__PURE__ */ l("i", {})
+          i: /* @__PURE__ */ l("i", {}),
+          u: /* @__PURE__ */ l("u", {})
         }
       }
     ) : a });
@@ -540,7 +542,8 @@ const X = {
         components: {
           br: /* @__PURE__ */ l("br", {}),
           b: /* @__PURE__ */ l("b", {}),
-          i: /* @__PURE__ */ l("i", {})
+          i: /* @__PURE__ */ l("i", {}),
+          u: /* @__PURE__ */ l("u", {})
         }
       }
     ) : a });
@@ -568,7 +571,8 @@ const X = {
         br: /* @__PURE__ */ l("br", {}),
         b: /* @__PURE__ */ l("b", {}),
         i: /* @__PURE__ */ l("i", {}),
-        highlight: /* @__PURE__ */ l("span", { className: "text-lavender-blue-light italic" })
+        highlight: /* @__PURE__ */ l("span", { className: "text-lavender-blue-light italic" }),
+        u: /* @__PURE__ */ l("u", {})
       }
     }
   ) : r;