@julseb-lib/react 0.1.60 → 0.1.62

package/dist/index.cjs

@@ -1229,14 +1229,17 @@ var genBgColorShort = {
   transparent: "bg-transparent",
   background: "bg-background"
 };
-var genBgColor50 = {
-  primary: "bg-primary-50",
-  secondary: "bg-secondary-50",
-  success: "bg-success-50",
-  danger: "bg-danger-50",
-  warning: "bg-warning-50",
-  gray: "bg-gray-50",
-  white: "bg-white"
+var genBgColor50 = (theme) => {
+  const colors = {
+    primary: theme === "dark" ? "bg-primary-950" : "bg-primary-50",
+    secondary: theme === "dark" ? "bg-secondary-950" : "bg-secondary-50",
+    success: theme === "dark" ? "bg-success-950" : "bg-success-50",
+    danger: theme === "dark" ? "bg-danger-950" : "bg-danger-50",
+    warning: theme === "dark" ? "bg-warning-950" : "bg-warning-50",
+    gray: theme === "dark" ? "bg-gray-950" : "bg-gray-50",
+    white: theme === "dark" ? "bg-gray-950" : "bg-white"
+  };
+  return colors;
 };
 var genBgColorHover = {
   primary: "bg-primary-500 hover:bg-primary-300 active:bg-primary-600",
@@ -3001,6 +3004,7 @@ var Key = ({
   accentColor = "primary",
   ...rest
 }) => {
+  const { theme } = useLibTheme();
   const Element = element;
   const childrenArray = import_react23.Children.toArray(
     children?.toString().replaceAll(",", "").split("")
@@ -3014,7 +3018,7 @@ var Key = ({
         genBorderRadius2[size],
         genFontSize[size],
         genPadding[size],
-        genBgColor50[accentColor],
+        genBgColor50(theme)[accentColor],
         genBorderColorShort[accentColor],
         genBorderBottom[size],
         "key",
@@ -5387,7 +5391,7 @@ var InputCheck = ({
       className: clsx(
         "inline-flex items-start gap-1 outline-none cursor-pointer",
         variant === "tile" && [
-          "w-full border-gray-200 border p-2 rounded-lg",
+          "w-full border-gray-200 border p-2 rounded-lg bg-background",
           "has-[input:checked]:border-primary-500",
           validation === false && "has-[input:checked]:border-danger-500",
           disabled && "has-[input:checked]:border-gray-500"
@@ -8239,13 +8243,14 @@ var Alert = ({
   ...rest
 }) => {
   const Element = element;
+  const { theme } = useLibTheme();
   return /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(
     Element,
     {
       ref,
       className: clsx(
         "flex flex-col gap-2 px-4 py-2 border rounded-md w-full max-w-[400px]",
-        genBgColor50[color],
+        genBgColor50(theme)[color],
         genBorderColorShort[color],
         "alert",
         className