@firecms/ui 3.0.0-canary.126 → 3.0.0-canary.128

package/README.md

@@ -9,7 +9,7 @@
 </p>
 
 <h1 align="center">FireCMS</h1>
-<h3 align="center">Awesome Firebase/Firestore-based headless CMS</h3>
+<h3 align="center">Awesome Firebase/MongoDB-based headless CMS</h3>
 <p align="center"><a href="https://demo.firecms.co">Live demo</a></p>
 
 <br />

package/dist/components/DateTimeField.d.ts

@@ -1,5 +1,5 @@
 import React from "react";
-interface DateTimeFieldProps {
+export type DateTimeFieldProps = {
     value?: Date | null;
     onChange?: (date: Date | null) => void;
     mode?: "date" | "date_time";
@@ -13,6 +13,5 @@ interface DateTimeFieldProps {
     inputClassName?: string;
     invisible?: boolean;
     locale?: string;
-}
+};
 export declare const DateTimeField: React.FC<DateTimeFieldProps>;
-export {};

package/dist/index.es.js

@@ -5,7 +5,8 @@ import * as Collapsible from "@radix-ui/react-collapsible";
 import { clsx } from "clsx";
 import { twMerge } from "tailwind-merge";
 import * as locales from "date-fns/locale";
-import DatePicker, { registerLocale, setDefaultLocale } from "react-datepicker";
+import * as RDP from "react-datepicker";
+import { registerLocale, setDefaultLocale } from "react-datepicker";
 import * as CheckboxPrimitive from "@radix-ui/react-checkbox";
 import "material-icons/iconfont/filled.css";
 import * as DialogPrimitive from "@radix-ui/react-dialog";
@@ -29,7 +30,7 @@ const focusedClasses = "z-30 outline-none ring-2 ring-primary ring-opacity-75 ri
 const fieldBackgroundMixin = "bg-opacity-50 bg-slate-200 dark:bg-gray-800 dark:bg-opacity-60";
 const fieldBackgroundInvisibleMixin = "bg-opacity-0 bg-slate-100 dark:bg-gray-800 dark:bg-opacity-0";
 const fieldBackgroundDisabledMixin = "dark:bg-gray-800 bg-opacity-50 dark:bg-opacity-90";
-const fieldBackgroundHoverMixin = "hover:bg-opacity-50 dark:hover:bg-gray-700 dark:hover:bg-opacity-40";
+const fieldBackgroundHoverMixin = "hover:bg-opacity-70 dark:hover:bg-gray-700 dark:hover:bg-opacity-40";
 const defaultBorderMixin = "border-gray-100 dark:border-gray-800 dark:border-opacity-80";
 const paperMixin = "bg-white rounded-md dark:bg-gray-950 border dark:border-gray-800 dark:border-opacity-80 border-gray-100";
 const cardMixin = "bg-white border border-gray-100 dark:border-transparent rounded-md dark:bg-gray-950 dark:border-gray-800 dark:border-opacity-50 m-1 -p-1";
@@ -573,20 +574,20 @@ const ButtonInner = React__default.forwardRef(({
     "w-full": fullWidth,
     "w-fit": !fullWidth,
     // Filled Variants
-    "border border-transparent bg-primary hover:bg-primary-dark focus:ring-primary shadow hover:ring-1 hover:ring-primary text-white hover:text-white": variant === "filled" && color === "primary" && !disabled,
-    "border border-transparent bg-secondary hover:bg-secondary-dark focus:ring-secondary shadow hover:ring-1 hover:ring-secondary text-white hover:text-white": variant === "filled" && color === "secondary" && !disabled,
-    "border border-transparent bg-red-500 hover:bg-red-500 focus:ring-red-500 shadow hover:ring-1 hover:ring-red-600 text-white hover:text-white": variant === "filled" && color === "error" && !disabled,
-    "border border-transparent bg-slate-200 hover:bg-slate-300 focus:ring-slate-400 shadow hover:ring-1 hover:ring-slate-400 text-text-primary hover:text-text-primary dark:text-text-primary-dark hover:dark:text-text-primary-dark": variant === "filled" && color === "text" && !disabled,
+    "border border-primary bg-primary hover:bg-primary-dark focus:ring-primary shadow hover:ring-1 hover:ring-primary text-white hover:text-white": variant === "filled" && color === "primary" && !disabled,
+    "border border-secondary bg-secondary hover:bg-secondary-dark focus:ring-secondary shadow hover:ring-1 hover:ring-secondary text-white hover:text-white": variant === "filled" && color === "secondary" && !disabled,
+    "border border-red-500 bg-red-500 hover:bg-red-500 focus:ring-red-500 shadow hover:ring-1 hover:ring-red-600 text-white hover:text-white": variant === "filled" && color === "error" && !disabled,
+    "border border-slate-200 bg-slate-200 hover:bg-slate-300 focus:ring-slate-400 shadow hover:ring-1 hover:ring-slate-400 text-text-primary hover:text-text-primary dark:text-text-primary-dark hover:dark:text-text-primary-dark": variant === "filled" && color === "text" && !disabled,
     // Text Variants
-    "border border-transparent text-primary hover:bg-slate-200 dark:hover:bg-gray-900": variant === "text" && color === "primary" && !disabled,
-    "border border-transparent text-secondary hover:bg-secondary-bg": variant === "text" && color === "secondary" && !disabled,
-    "border border-transparent text-red-500 hover:bg-red-500 hover:bg-opacity-10": variant === "text" && color === "error" && !disabled,
-    "border border-transparent text-text-primary dark:text-text-primary-dark hover:bg-slate-200 hover:dark:bg-gray-700": variant === "text" && color === "text" && !disabled,
+    "border border-transparent text-primary hover:text-primary hover:bg-slate-200 dark:hover:bg-gray-900": variant === "text" && color === "primary" && !disabled,
+    "border border-transparent text-secondary hover:text-secondary hover:bg-secondary-bg": variant === "text" && color === "secondary" && !disabled,
+    "border border-transparent text-red-500 hover:text-red-500 hover:bg-red-500 hover:bg-opacity-10": variant === "text" && color === "error" && !disabled,
+    "border border-transparent text-text-primary hover:text-text-primary dark:text-text-primary-dark hover:dark:text-text-primary-dark hover:bg-slate-200 hover:dark:bg-gray-700": variant === "text" && color === "text" && !disabled,
     // Outlined Variants
-    "border border-primary text-primary hover:bg-primary-bg": variant === "outlined" && color === "primary" && !disabled,
-    "border border-secondary text-secondary hover:bg-secondary-bg": variant === "outlined" && color === "secondary" && !disabled,
-    "border border-red-500 text-red-500 hover:bg-red-500 hover:text-white": variant === "outlined" && color === "error" && !disabled,
-    "border border-slate-400 text-text-primary dark:text-text-primary-dark hover:bg-slate-200": variant === "outlined" && color === "text" && !disabled,
+    "border border-primary text-primary hover:text-primary hover:bg-primary-bg": variant === "outlined" && color === "primary" && !disabled,
+    "border border-secondary text-secondary hover:text-secondary hover:bg-secondary-bg": variant === "outlined" && color === "secondary" && !disabled,
+    "border border-red-500 text-red-500 hover:text-red-500 hover:bg-red-500 hover:text-white": variant === "outlined" && color === "error" && !disabled,
+    "border border-slate-400 text-text-primary hover:text-text-primary dark:text-text-primary-dark hover:bg-slate-200": variant === "outlined" && color === "text" && !disabled,
     // Disabled states for all variants
     "border border-transparent opacity-50": variant === "text" && disabled,
     "border border-gray-500 opacity-50": variant === "outlined" && disabled,
@@ -13838,6 +13839,7 @@ function Typography({
     }
   );
 }
+const DatePicker = RDP.default.default || RDP.default || RDP;
 const DateTimeField = ({
   value,
   label,
@@ -16792,7 +16794,7 @@ const TableBody = ({
 }) => /* @__PURE__ */ jsx(
   "tbody",
   {
-    className: cls("bg-white dark:bg-gray-950 text-sm divide-y divide-slate-200 dark:divide-gray-700", className),
+    className: cls("bg-white dark:bg-gray-950 text-sm divide-y divide-gray-100 dark:divide-gray-800 dark:divide-opacity-80", className),
     ...rest,
     children
   }
@@ -16825,7 +16827,6 @@ const TableRow = ({
     onClick,
     style,
     className: cls(
-      "divide-slate-100 dark:divide-gray-800",
       "bg-white dark:bg-gray-950",
       onClick ? "hover:bg-slate-100 dark:hover:bg-gray-800 cursor-pointer" : "",
       className