@julseb-lib/react 0.1.60 → 0.1.62

package/dist/index.d.cts

@@ -1,4 +1,4 @@
-import { c as LibColorsHover, ag as CssTextAlign, L as LibColors, a as LibColorsShort, b as LibAllColors, e as LibOverlays, f as LibAllColorsAndOverlays, l as LibSpacers, al as CssAlignContent, aj as CssAlignItems, ak as CssJustifyContent, ai as CssJustifyItems, F as LibMaxWidth, m as LibRadiuses, ao as CssObjectFit, v as LibButtonVariantExtended, k as LibShadows, ah as CssVerticalAlign, ae as DispatchState, a6 as TranslateLang, ab as ReactChildren, q as LibThemeNames, ac as ReactElement, t as LibLoaderVariant } from './global-D-4hL0jH.cjs';
+import { c as LibColorsHover, ag as CssTextAlign, L as LibColors, a as LibColorsShort, b as LibAllColors, q as LibThemeNames, e as LibOverlays, f as LibAllColorsAndOverlays, l as LibSpacers, al as CssAlignContent, aj as CssAlignItems, ak as CssJustifyContent, ai as CssJustifyItems, F as LibMaxWidth, m as LibRadiuses, ao as CssObjectFit, v as LibButtonVariantExtended, k as LibShadows, ah as CssVerticalAlign, ae as DispatchState, a6 as TranslateLang, ab as ReactChildren, ac as ReactElement, t as LibLoaderVariant } from './global-D-4hL0jH.cjs';
 export { aw as designTokens } from './global-D-4hL0jH.cjs';
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import { ClassNameValue } from 'tailwind-merge';
@@ -30,7 +30,7 @@ declare const genTextAllColor: Record<LibAllColors, string>;
 
 declare const genBgColor: Record<LibColors, string>;
 declare const genBgColorShort: Record<LibColorsShort, string>;
-declare const genBgColor50: Record<Exclude<LibColorsShort, "black" | "transparent" | "background" | "current">, string>;
+declare const genBgColor50: (theme: LibThemeNames) => Record<"primary" | "secondary" | "success" | "danger" | "warning" | "gray" | "white", string>;
 declare const genBgColorHover: Record<LibColorsHover, string>;
 declare const genBgColorGhostHover: Record<LibColorsHover, string>;
 declare const genBgOverlay: Record<LibOverlays, string>;

package/dist/index.d.ts

@@ -1,4 +1,4 @@
-import { c as LibColorsHover, ag as CssTextAlign, L as LibColors, a as LibColorsShort, b as LibAllColors, e as LibOverlays, f as LibAllColorsAndOverlays, l as LibSpacers, al as CssAlignContent, aj as CssAlignItems, ak as CssJustifyContent, ai as CssJustifyItems, F as LibMaxWidth, m as LibRadiuses, ao as CssObjectFit, v as LibButtonVariantExtended, k as LibShadows, ah as CssVerticalAlign, ae as DispatchState, a6 as TranslateLang, ab as ReactChildren, q as LibThemeNames, ac as ReactElement, t as LibLoaderVariant } from './global-D-4hL0jH.js';
+import { c as LibColorsHover, ag as CssTextAlign, L as LibColors, a as LibColorsShort, b as LibAllColors, q as LibThemeNames, e as LibOverlays, f as LibAllColorsAndOverlays, l as LibSpacers, al as CssAlignContent, aj as CssAlignItems, ak as CssJustifyContent, ai as CssJustifyItems, F as LibMaxWidth, m as LibRadiuses, ao as CssObjectFit, v as LibButtonVariantExtended, k as LibShadows, ah as CssVerticalAlign, ae as DispatchState, a6 as TranslateLang, ab as ReactChildren, ac as ReactElement, t as LibLoaderVariant } from './global-D-4hL0jH.js';
 export { aw as designTokens } from './global-D-4hL0jH.js';
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import { ClassNameValue } from 'tailwind-merge';
@@ -30,7 +30,7 @@ declare const genTextAllColor: Record<LibAllColors, string>;
 
 declare const genBgColor: Record<LibColors, string>;
 declare const genBgColorShort: Record<LibColorsShort, string>;
-declare const genBgColor50: Record<Exclude<LibColorsShort, "black" | "transparent" | "background" | "current">, string>;
+declare const genBgColor50: (theme: LibThemeNames) => Record<"primary" | "secondary" | "success" | "danger" | "warning" | "gray" | "white", string>;
 declare const genBgColorHover: Record<LibColorsHover, string>;
 declare const genBgColorGhostHover: Record<LibColorsHover, string>;
 declare const genBgOverlay: Record<LibOverlays, string>;

package/dist/index.js

@@ -989,14 +989,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",
@@ -2820,6 +2823,7 @@ var Key = ({
   accentColor = "primary",
   ...rest
 }) => {
+  const { theme } = useLibTheme();
   const Element = element;
   const childrenArray = Children.toArray(
     children?.toString().replaceAll(",", "").split("")
@@ -2833,7 +2837,7 @@ var Key = ({
         genBorderRadius2[size],
         genFontSize[size],
         genPadding[size],
-        genBgColor50[accentColor],
+        genBgColor50(theme)[accentColor],
         genBorderColorShort[accentColor],
         genBorderBottom[size],
         "key",
@@ -5206,7 +5210,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"
@@ -8060,13 +8064,14 @@ var Alert = ({
   ...rest
 }) => {
   const Element = element;
+  const { theme } = useLibTheme();
   return /* @__PURE__ */ jsx93(
     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