@vpdev2/metakyc-sdk 1.0.81 → 1.0.82

package/dist/index.js

@@ -5480,19 +5480,25 @@ Failed to reload test data. Please refresh the page.`);
 }) => {
   const { currentTheme: a } = be(), s = e || (a == null ? void 0 : a.title) || "", l = !!(a != null && a.logo && a.logo.visible && a.logo.url), c = !!s;
   return !l && !c ? null : /* @__PURE__ */ o("div", { className: `metakyc-header ${n}`, children: [
-    /* @__PURE__ */ o("div", { className: "metakyc-header-title flex items-center text-xl font-bold text-gray-900 dark:text-white", children: [
-      l && /* @__PURE__ */ r(Xr, { config: a.logo }),
-      l && c && /* @__PURE__ */ r(
-        "span",
-        {
-          className: "text-gray-400 dark:text-gray-500 mx-3",
-          style: { fontSize: "1.5rem", fontWeight: 300 },
-          children: "|"
-        }
-      ),
-      c && /* @__PURE__ */ r("span", { children: s })
-    ] }),
-    t && /* @__PURE__ */ r("p", { className: "text-sm text-gray-600 dark:text-gray-400 mt-1", children: t })
+    /* @__PURE__ */ o(
+      "div",
+      {
+        className: "metakyc-header-title flex items-center text-xl font-bold",
+        style: { color: "var(--metakyc-text-primary, #111827)" },
+        children: [
+          l && /* @__PURE__ */ r(Xr, { config: a.logo }),
+          l && c && /* @__PURE__ */ r(
+            "span",
+            {
+              style: { fontSize: "1.5rem", fontWeight: 300, color: "var(--metakyc-text-muted, #9ca3af)", margin: "0 12px" },
+              children: "|"
+            }
+          ),
+          c && /* @__PURE__ */ r("span", { style: { color: "var(--metakyc-text-primary, #111827)" }, children: s })
+        ]
+      }
+    ),
+    t && /* @__PURE__ */ r("p", { className: "text-sm mt-1", style: { color: "var(--metakyc-text-secondary, #6b7280)" }, children: t })
   ] });
 }, Ge = ["firstName", "lastName", "email", "phonenumber", "dateOfBirth"];
 function Ye(e) {