hanap-labs 2.1.2 → 2.1.5

package/dist/chunks/{components-BLnpbn6k.js → components-C4M5jxHA.js}

@@ -1259,57 +1259,57 @@ var St = { class: "hanap-labs-theme hanap-labs-font hl-relative hl-inline-block"
 			success: {
 				iconName: "check",
 				surfaceStyle: {
-					borderColor: "#05966959",
-					backgroundColor: "#0596690f"
+					borderColor: "color-mix(in srgb, var(--hanap-labs-success) 40%, transparent)",
+					backgroundColor: "color-mix(in srgb, var(--hanap-labs-success) 10%, var(--hanap-labs-surface))"
 				},
-				iconWrapperStyle: { backgroundColor: "#05966926" },
+				iconWrapperStyle: { backgroundColor: "color-mix(in srgb, var(--hanap-labs-success) 20%, var(--hanap-labs-surface))" },
 				iconClass: "hl-text-success",
 				iconSizeClass: "hl-size-6",
 				iconStyle: void 0,
 				closeButtonStyle: r,
-				closeProgressColor: "#047857",
+				closeProgressColor: "var(--hanap-labs-success)",
 				closeClass: "hl-text-slate-400 hover:hl-bg-success/8 hover:hl-text-success dark:hl-text-slate-500"
 			},
 			error: {
 				iconName: "x-mark",
 				surfaceStyle: {
-					borderColor: "#dc262659",
-					backgroundColor: "#dc26260f"
+					borderColor: "color-mix(in srgb, var(--hanap-labs-danger) 40%, transparent)",
+					backgroundColor: "color-mix(in srgb, var(--hanap-labs-danger) 10%, var(--hanap-labs-surface))"
 				},
-				iconWrapperStyle: { backgroundColor: "#dc262626" },
+				iconWrapperStyle: { backgroundColor: "color-mix(in srgb, var(--hanap-labs-danger) 20%, var(--hanap-labs-surface))" },
 				iconClass: "hl-text-danger",
 				iconSizeClass: "hl-size-6",
 				iconStyle: void 0,
 				closeButtonStyle: r,
-				closeProgressColor: "#b91c1c",
+				closeProgressColor: "var(--hanap-labs-danger)",
 				closeClass: "hl-text-slate-400 hover:hl-bg-danger/8 hover:hl-text-danger dark:hl-text-slate-500"
 			},
 			info: {
 				iconName: "info-plain",
 				surfaceStyle: {
-					borderColor: "#38bdf859",
-					backgroundColor: "#38bdf80f"
+					borderColor: "color-mix(in srgb, var(--hanap-labs-info) 40%, transparent)",
+					backgroundColor: "color-mix(in srgb, var(--hanap-labs-info) 10%, var(--hanap-labs-surface))"
 				},
-				iconWrapperStyle: { backgroundColor: "#38bdf826" },
+				iconWrapperStyle: { backgroundColor: "color-mix(in srgb, var(--hanap-labs-info) 20%, var(--hanap-labs-surface))" },
 				iconClass: "hl-text-info",
 				iconSizeClass: "hl-size-5",
 				iconStyle: void 0,
 				closeButtonStyle: r,
-				closeProgressColor: "#0284c7",
+				closeProgressColor: "var(--hanap-labs-info)",
 				closeClass: "hl-text-slate-400 hover:hl-bg-info/8 hover:hl-text-info dark:hl-text-slate-500"
 			},
 			warning: {
 				iconName: "alert",
 				surfaceStyle: {
-					borderColor: "#f59e0b66",
-					backgroundColor: "#f59e0b12"
+					borderColor: "color-mix(in srgb, var(--hanap-labs-warning) 40%, transparent)",
+					backgroundColor: "color-mix(in srgb, var(--hanap-labs-warning) 10%, var(--hanap-labs-surface))"
 				},
-				iconWrapperStyle: { backgroundColor: "#f59e0b2e" },
+				iconWrapperStyle: { backgroundColor: "color-mix(in srgb, var(--hanap-labs-warning) 20%, var(--hanap-labs-surface))" },
 				iconClass: "hl-text-warning",
 				iconSizeClass: "hl-size-5",
 				iconStyle: { transform: "translateY(-0.5px)" },
 				closeButtonStyle: r,
-				closeProgressColor: "#d97706",
+				closeProgressColor: "var(--hanap-labs-warning)",
 				closeClass: "hl-text-slate-400 hover:hl-bg-warning/8 hover:hl-text-warning dark:hl-text-slate-500"
 			}
 		}, a = c(() => i[e.type]), o = c(() => e.durationMs > 0), s = c(() => ({
@@ -1320,7 +1320,7 @@ var St = { class: "hanap-labs-theme hanap-labs-font hl-relative hl-inline-block"
 			n("close");
 		};
 		return (t, n) => (A(), d("div", {
-			class: "hanap-labs-theme hanap-labs-font hl-relative hl-flex hl-w-full hl-items-center hl-gap-2.5 hl-rounded-[22px] hl-border hl-border-solid hl-px-4 hl-py-5 hl-shadow-[0_18px_38px_-26px_rgba(15,23,42,0.24)] hl-backdrop-blur-sm",
+			class: "hanap-labs-theme hanap-labs-font hl-relative hl-flex hl-w-full hl-items-center hl-gap-2.5 hl-rounded-[22px] hl-border hl-border-solid hl-px-4 hl-py-5 hl-shadow-[0_18px_38px_-26px_rgba(15,23,42,0.24)]",
 			style: E(a.value.surfaceStyle)
 		}, [
 			f("div", {
@@ -1363,7 +1363,7 @@ var St = { class: "hanap-labs-theme hanap-labs-font hl-relative hl-inline-block"
 			}, 8, ["class", "style"])])
 		], 4));
 	}
-}), [["__scopeId", "data-v-c69d7a6f"]]), kt = {
+}), [["__scopeId", "data-v-751850ff"]]), kt = {
 	key: 0,
 	class: "hl-pointer-events-none hl-fixed hl-inset-x-0 hl-top-4 hl-z-[9999] hl-px-3 sm:hl-top-6 sm:hl-px-4"
 }, At = { class: "hl-mx-auto hl-w-full hl-max-w-2xl" }, jt = { class: "hl-pointer-events-auto" }, Mt = /* @__PURE__ */ _({