@julseb-lib/react 0.1.70 → 0.1.72

package/dist/index.cjs

@@ -66899,6 +66899,8 @@ var Breadcrumbs = ({
   ref,
   children,
   separator = "/",
+  accentColor = "primary",
+  textColor = "font",
   ...rest
 }) => {
   const Element = element;
@@ -66909,6 +66911,8 @@ var Breadcrumbs = ({
       ref,
       className: clsx(
         "flex flex-wrap items-center gap-2",
+        genLinkColor[accentColor],
+        genTextAllColor[textColor],
         "breadcrumbs",
         className
       ),
@@ -67010,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
@@ -67180,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
@@ -67204,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
       ),
@@ -67261,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)(
@@ -67277,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"
@@ -67303,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",
@@ -67330,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",
@@ -67357,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",
@@ -67385,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",