@chekinapp/ui 0.2.8 → 0.2.9

package/dist/index.js

@@ -182,24 +182,32 @@ var AlertSize = /* @__PURE__ */ ((AlertSize2) => {
   AlertSize2["L"] = "L";
   return AlertSize2;
 })(AlertSize || {});
-var getIcon = (type) => ({
-  ["INFO" /* INFO */]: /* @__PURE__ */ jsx3(AlertCircle, { className: "relative" }),
-  ["WARNING" /* WARNING */]: /* @__PURE__ */ jsx3(TriangleAlert, { className: "relative" }),
-  ["ERROR" /* ERROR */]: /* @__PURE__ */ jsx3(XCircle, { className: "relative" }),
-  ["LIGHT" /* LIGHT */]: null,
-  ["SUCCESS" /* SUCCESS */]: /* @__PURE__ */ jsx3(Check, { className: "relative" })
-})[type];
+var getIcon = (type) => {
+  const key = type.toLowerCase();
+  const iconProps = {
+    className: "relative",
+    fill: `var(--alert-box-${key}-icon-fill)`,
+    stroke: `var(--alert-box-${key}-icon)`
+  };
+  return {
+    ["INFO" /* INFO */]: /* @__PURE__ */ jsx3(AlertCircle, { ...iconProps }),
+    ["WARNING" /* WARNING */]: /* @__PURE__ */ jsx3(TriangleAlert, { ...iconProps }),
+    ["ERROR" /* ERROR */]: /* @__PURE__ */ jsx3(XCircle, { ...iconProps }),
+    ["LIGHT" /* LIGHT */]: /* @__PURE__ */ jsx3(AlertCircle, { ...iconProps }),
+    ["SUCCESS" /* SUCCESS */]: /* @__PURE__ */ jsx3(Check, { ...iconProps })
+  }[type];
+};
 var sizeClasses = {
   ["S" /* S */]: "px-3 py-3 text-sm font-medium items-start",
   ["M" /* M */]: "p-4 text-base font-medium items-start",
   ["L" /* L */]: "px-6 py-5 items-start"
 };
 var typeStyles = {
-  ["INFO" /* INFO */]: "bg-[var(--alert-box-info-bg)] [&_svg]:text-[var(--alert-box-info-icon)]",
-  ["WARNING" /* WARNING */]: "bg-[var(--alert-box-warning-bg)] [&_svg]:text-[var(--alert-box-warning-icon)]",
-  ["ERROR" /* ERROR */]: "bg-[var(--alert-box-error-bg)] [&_svg]:text-[var(--alert-box-error-icon)]",
-  ["SUCCESS" /* SUCCESS */]: "bg-[var(--alert-box-success-bg)] text-[var(--alert-box-success-text)] [&_svg]:text-[var(--alert-box-success-icon)]",
-  ["LIGHT" /* LIGHT */]: ""
+  ["INFO" /* INFO */]: "border-[color:var(--alert-box-info-border)] bg-[var(--alert-box-info-bg)] text-[color:var(--alert-box-info-text)]",
+  ["WARNING" /* WARNING */]: "border-[color:var(--alert-box-warning-border)] bg-[var(--alert-box-warning-bg)] text-[color:var(--alert-box-warning-text)]",
+  ["ERROR" /* ERROR */]: "border-[color:var(--alert-box-error-border)] bg-[var(--alert-box-error-bg)] text-[color:var(--alert-box-error-text)]",
+  ["SUCCESS" /* SUCCESS */]: "border-[color:var(--alert-box-success-border)] bg-[var(--alert-box-success-bg)] text-[color:var(--alert-box-success-text)]",
+  ["LIGHT" /* LIGHT */]: "border-[color:var(--alert-box-light-border)] bg-[var(--alert-box-light-bg)] text-[color:var(--alert-box-light-text)]"
 };
 function AlertBox({
   children,
@@ -213,7 +221,7 @@ function AlertBox({
     {
       "data-slot": "alert-box",
       className: cn(
-        "flex gap-3 rounded-[var(--alert-box-radius)] [&_svg]:h-5 [&_svg]:w-5 [&_svg]:shrink-0",
+        "flex gap-3 rounded-[var(--alert-box-radius)] border-solid border-[length:var(--alert-box-border-width)] [&_svg]:h-5 [&_svg]:w-5 [&_svg]:shrink-0",
         sizeClasses[size],
         typeStyles[type],
         className
@@ -7944,9 +7952,9 @@ var LinkInternal = forwardRef29(
     {
       ref,
       className: cn(
-        "inline cursor-pointer text-[var(--button-link-text)] no-underline transition-all duration-75 ease-in-out",
+        "inline cursor-pointer text-[var(--link-text-color)] [text-decoration:var(--link-text-decoration)] transition-all duration-75 ease-in-out",
         !disabled && "hover:opacity-80 active:opacity-100",
-        disabled && "cursor-not-allowed text-[var(--chekin-neutral-400)]",
+        disabled && "cursor-not-allowed text-[var(--link-disabled-text-color)]",
         "[&_img]:inline [&_img]:align-middle [&_svg]:relative [&_svg]:bottom-[1px] [&_svg]:ml-1 [&_svg]:inline [&_svg]:align-middle",
         className
       ),