@julseb-lib/react 0.1.71 → 0.1.73

package/dist/index.cjs

@@ -67014,7 +67014,7 @@ var AccordionContent = ({
       className: clsx(
         "overflow-hidden transition-all duration-200 ease",
         "py-0 max-h-0 opacity-0",
-        variant === "rounded" && "px-2",
+        variant === "rounded" && "px-2 bg-background",
         isOpen && "open py-2 max-h-auto opacity-100",
         "accordion-content",
         className
@@ -67184,12 +67184,15 @@ var import_react81 = require("react");
 var import_bi17 = require("react-icons/bi");
 
 // src/lib/components/Toast/utils.ts
-var genToastColors = {
-  success: "border-success-500 bg-success-50",
-  error: "border-danger-500 bg-danger-50",
-  warning: "border-warning-500 bg-warning-50",
-  info: "border-primary-500 bg-primary-50",
-  loading: "border-gray-500 bg-gray-50"
+var genToastColors = (theme) => {
+  const colors = {
+    success: theme === "dark" ? "border-success-500 bg-success-950" : "border-success-500 bg-success-50",
+    error: theme === "dark" ? "border-danger-500 bg-danger-950" : "border-danger-500 bg-danger-50",
+    warning: theme === "dark" ? "border-warning-500 bg-warning-950" : "border-warning-500 bg-warning-50",
+    info: theme === "dark" ? "border-primary-500 bg-primary-950" : "border-primary-500 bg-primary-50",
+    loading: theme === "dark" ? "border-gray-500 bg-gray-950" : "border-gray-500 bg-gray-50"
+  };
+  return colors;
 };
 
 // src/lib/components/Toast/Toast.tsx
@@ -67208,13 +67211,14 @@ var Toast = ({
   ...rest
 }) => {
   const Element = element;
+  const { theme } = useLibTheme();
   return /* @__PURE__ */ (0, import_jsx_runtime333.jsxs)(
     Element,
     {
       ref,
       className: clsx(
-        "relative p-3 border rounded-lg w-full max-w-[400px] overflow-hidden text-black",
-        genToastColors[status],
+        "relative p-3 border rounded-lg w-full max-w-[400px] overflow-hidden text-font",
+        genToastColors(theme)[status],
         "toast",
         className
       ),
@@ -67265,6 +67269,13 @@ var ToastContainer = ({
 // src/lib/components/Toast/ToastFn.tsx
 var import_react_toastify2 = require("react-toastify");
 var import_jsx_runtime335 = require("react/jsx-runtime");
+var COMMON_STYLES = {
+  padding: 0,
+  height: "unset",
+  minHeight: "unset",
+  overflow: "hidden",
+  borderRadius: "var(--radius-lg)"
+};
 var toast = {
   success: (title, options) => import_react_toastify2.toast.success(
     ({ closeToast }) => /* @__PURE__ */ (0, import_jsx_runtime335.jsx)(
@@ -67281,12 +67292,7 @@ var toast = {
       ...options,
       icon: false,
       closeButton: false,
-      style: {
-        padding: 0,
-        height: "unset",
-        minHeight: "unset",
-        overflow: "hidden"
-      },
+      style: COMMON_STYLES,
       autoClose: options?.duration,
       className: "!relative !overflow-hidden",
       progressClassName: "!bg-success-500 absolute !left-0 !bottom-0"
@@ -67307,12 +67313,7 @@ var toast = {
       ...options,
       icon: false,
       closeButton: false,
-      style: {
-        padding: 0,
-        height: "unset",
-        minHeight: "unset",
-        overflow: "hidden"
-      },
+      style: COMMON_STYLES,
       hideProgressBar: false,
       autoClose: options?.duration,
       className: "!relative !overflow-hidden",
@@ -67334,12 +67335,7 @@ var toast = {
       ...options,
       icon: false,
       closeButton: false,
-      style: {
-        padding: 0,
-        height: "unset",
-        minHeight: "unset",
-        overflow: "hidden"
-      },
+      style: COMMON_STYLES,
       hideProgressBar: false,
       autoClose: options?.duration,
       className: "!relative !overflow-hidden",
@@ -67361,12 +67357,7 @@ var toast = {
       ...options,
       icon: false,
       closeButton: false,
-      style: {
-        padding: 0,
-        height: "unset",
-        minHeight: "unset",
-        overflow: "hidden"
-      },
+      style: COMMON_STYLES,
       hideProgressBar: false,
       autoClose: options?.duration,
       className: "!relative !overflow-hidden",
@@ -67389,12 +67380,7 @@ var toast = {
       ...options,
       icon: false,
       closeButton: false,
-      style: {
-        padding: 0,
-        height: "unset",
-        minHeight: "unset",
-        overflow: "hidden"
-      },
+      style: COMMON_STYLES,
       hideProgressBar: false,
       autoClose: options?.duration,
       className: "!relative !overflow-hidden",
@@ -67533,7 +67519,7 @@ var DragListItem = ({
     {
       ref,
       className: clsx(
-        "flex items-start gap-2 w-full cursor-grab active:cursor-grabbing",
+        "flex items-start gap-2 bg-background w-full cursor-grab active:cursor-grabbing",
         "drag-list-item",
         className
       ),