@chekinapp/ui 0.2.8 → 0.2.9
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/index.cjs +23 -15
- package/dist/index.cjs.map +1 -1
- package/dist/index.js +23 -15
- package/dist/index.js.map +1 -1
- package/package.json +1 -1
package/dist/index.cjs
CHANGED
|
@@ -606,24 +606,32 @@ var AlertSize = /* @__PURE__ */ ((AlertSize2) => {
|
|
|
606
606
|
AlertSize2["L"] = "L";
|
|
607
607
|
return AlertSize2;
|
|
608
608
|
})(AlertSize || {});
|
|
609
|
-
var getIcon = (type) =>
|
|
610
|
-
|
|
611
|
-
|
|
612
|
-
|
|
613
|
-
|
|
614
|
-
|
|
615
|
-
}
|
|
609
|
+
var getIcon = (type) => {
|
|
610
|
+
const key = type.toLowerCase();
|
|
611
|
+
const iconProps = {
|
|
612
|
+
className: "relative",
|
|
613
|
+
fill: `var(--alert-box-${key}-icon-fill)`,
|
|
614
|
+
stroke: `var(--alert-box-${key}-icon)`
|
|
615
|
+
};
|
|
616
|
+
return {
|
|
617
|
+
["INFO" /* INFO */]: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_lucide_react2.AlertCircle, { ...iconProps }),
|
|
618
|
+
["WARNING" /* WARNING */]: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_lucide_react2.TriangleAlert, { ...iconProps }),
|
|
619
|
+
["ERROR" /* ERROR */]: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_lucide_react2.XCircle, { ...iconProps }),
|
|
620
|
+
["LIGHT" /* LIGHT */]: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_lucide_react2.AlertCircle, { ...iconProps }),
|
|
621
|
+
["SUCCESS" /* SUCCESS */]: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_lucide_react2.Check, { ...iconProps })
|
|
622
|
+
}[type];
|
|
623
|
+
};
|
|
616
624
|
var sizeClasses = {
|
|
617
625
|
["S" /* S */]: "px-3 py-3 text-sm font-medium items-start",
|
|
618
626
|
["M" /* M */]: "p-4 text-base font-medium items-start",
|
|
619
627
|
["L" /* L */]: "px-6 py-5 items-start"
|
|
620
628
|
};
|
|
621
629
|
var typeStyles = {
|
|
622
|
-
["INFO" /* INFO */]: "bg-[var(--alert-box-info-bg)]
|
|
623
|
-
["WARNING" /* WARNING */]: "bg-[var(--alert-box-warning-bg)]
|
|
624
|
-
["ERROR" /* ERROR */]: "bg-[var(--alert-box-error-bg)]
|
|
625
|
-
["SUCCESS" /* SUCCESS */]: "
|
|
626
|
-
["LIGHT" /* LIGHT */]: ""
|
|
630
|
+
["INFO" /* INFO */]: "border-[color:var(--alert-box-info-border)] bg-[var(--alert-box-info-bg)] text-[color:var(--alert-box-info-text)]",
|
|
631
|
+
["WARNING" /* WARNING */]: "border-[color:var(--alert-box-warning-border)] bg-[var(--alert-box-warning-bg)] text-[color:var(--alert-box-warning-text)]",
|
|
632
|
+
["ERROR" /* ERROR */]: "border-[color:var(--alert-box-error-border)] bg-[var(--alert-box-error-bg)] text-[color:var(--alert-box-error-text)]",
|
|
633
|
+
["SUCCESS" /* SUCCESS */]: "border-[color:var(--alert-box-success-border)] bg-[var(--alert-box-success-bg)] text-[color:var(--alert-box-success-text)]",
|
|
634
|
+
["LIGHT" /* LIGHT */]: "border-[color:var(--alert-box-light-border)] bg-[var(--alert-box-light-bg)] text-[color:var(--alert-box-light-text)]"
|
|
627
635
|
};
|
|
628
636
|
function AlertBox({
|
|
629
637
|
children,
|
|
@@ -637,7 +645,7 @@ function AlertBox({
|
|
|
637
645
|
{
|
|
638
646
|
"data-slot": "alert-box",
|
|
639
647
|
className: cn(
|
|
640
|
-
"flex gap-3 rounded-[var(--alert-box-radius)] [&_svg]:h-5 [&_svg]:w-5 [&_svg]:shrink-0",
|
|
648
|
+
"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",
|
|
641
649
|
sizeClasses[size],
|
|
642
650
|
typeStyles[type],
|
|
643
651
|
className
|
|
@@ -8347,9 +8355,9 @@ var LinkInternal = (0, import_react53.forwardRef)(
|
|
|
8347
8355
|
{
|
|
8348
8356
|
ref,
|
|
8349
8357
|
className: cn(
|
|
8350
|
-
"inline cursor-pointer text-[var(--
|
|
8358
|
+
"inline cursor-pointer text-[var(--link-text-color)] [text-decoration:var(--link-text-decoration)] transition-all duration-75 ease-in-out",
|
|
8351
8359
|
!disabled && "hover:opacity-80 active:opacity-100",
|
|
8352
|
-
disabled && "cursor-not-allowed text-[var(--
|
|
8360
|
+
disabled && "cursor-not-allowed text-[var(--link-disabled-text-color)]",
|
|
8353
8361
|
"[&_img]:inline [&_img]:align-middle [&_svg]:relative [&_svg]:bottom-[1px] [&_svg]:ml-1 [&_svg]:inline [&_svg]:align-middle",
|
|
8354
8362
|
className
|
|
8355
8363
|
),
|