@firecms/ui 3.0.0-canary.102 → 3.0.0-canary.103

package/dist/index.umd.js

@@ -38,7 +38,7 @@
   const focusedClasses = "z-30 outline-none ring-2 ring-primary ring-opacity-75 ring-offset-2 ring-offset-transparent ";
   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-80 dark:bg-opacity-90";
+  const fieldBackgroundDisabledMixin = "dark:bg-gray-800 bg-opacity-50 dark:bg-opacity-90";
   const fieldBackgroundHoverMixin = "hover:bg-opacity-70 dark:hover:bg-gray-700 dark:hover:bg-opacity-60";
   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";
@@ -584,10 +584,10 @@
       "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": 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": 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": 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 dark:text-text-primary-dark": variant === "filled" && color === "text" && !disabled,
+      "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,
       // 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,
@@ -13676,7 +13676,7 @@
       }
     );
   }
-  const buttonClasses = "hover:bg-slate-200 hover:bg-opacity-75 dark:hover:bg-gray-700 dark:hover:bg-opacity-50";
+  const buttonClasses = "hover:bg-slate-200 hover:bg-opacity-75 dark:hover:bg-slate-800";
   const baseClasses = "inline-flex items-center justify-center p-2 text-sm font-medium focus:outline-none transition-colors ease-in-out duration-150";
   const colorClasses$1 = "text-slate-600 visited:text-slate-600 dark:text-slate-300 dark:visited:text-gray-300";
   const sizeClasses = {
@@ -16083,7 +16083,7 @@
             DialogPrimitive__namespace.Overlay,
             {
               className: cls(
-                "fixed inset-0 transition-opacity z-20 ease-in-out duration-100  backdrop-blur-sm",
+                "fixed inset-0 transition-opacity z-20 ease-in-out duration-100 backdrop-blur-sm",
                 "bg-black bg-opacity-50",
                 "dark:bg-gray-900 dark:bg-opacity-60",
                 displayed && open ? "opacity-100" : "opacity-0",
@@ -16091,13 +16091,15 @@
               ),
               style: {
                 pointerEvents: displayed ? "auto" : "none"
-              }
+              },
+              onClick: () => onOpenChange && onOpenChange(false)
             }
           ),
           /* @__PURE__ */ jsxRuntime.jsx(
             DialogPrimitive__namespace.Content,
             {
               ...props,
+              onFocusCapture: (event) => event.preventDefault(),
               className: cls(
                 borderClass[side],
                 defaultBorderMixin,
@@ -16620,7 +16622,7 @@
         ),
         children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: cls(
           "uppercase inline-block p-2 px-4 m-2 rounded",
-          "hover:bg-slate-100 dark:hover:bg-slate-800"
+          "hover:bg-slate-200 hover:bg-opacity-75 dark:hover:bg-slate-800"
         ), children })
       }
     );
@@ -16739,6 +16741,7 @@
     avoidCollisions,
     enabled = true,
     modal = false,
+    portalContainer,
     className
   }) {
     useInjectStyles("Popover", popoverStyles);
@@ -16752,7 +16755,7 @@
         modal,
         children: [
           /* @__PURE__ */ jsxRuntime.jsx(PopoverPrimitive__namespace.Trigger, { asChild: true, children: trigger }),
-          /* @__PURE__ */ jsxRuntime.jsx(PopoverPrimitive__namespace.Portal, { children: /* @__PURE__ */ jsxRuntime.jsxs(
+          /* @__PURE__ */ jsxRuntime.jsx(PopoverPrimitive__namespace.Portal, { container: portalContainer, children: /* @__PURE__ */ jsxRuntime.jsxs(
             PopoverPrimitive__namespace.Content,
             {
               className: cls(