@firecms/ui 3.0.0-canary.134 → 3.0.0-canary.136

package/dist/index.umd.js

@@ -43,9 +43,9 @@
   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-70 dark:hover:bg-gray-700 dark:hover:bg-opacity-40";
-  const defaultBorderMixin = "border-gray-200 border-opacity-40 dark:border-gray-700 dark:border-opacity-50";
-  const paperMixin = "bg-white rounded-md dark:bg-gray-950 border border-gray-200 border-opacity-40 dark:border-gray-700 dark:border-opacity-50";
-  const cardMixin = "bg-white border border-gray-200 border-opacity-40 dark:border-transparent rounded-md dark:bg-gray-950 dark:border-gray-700 dark:border-opacity-50 m-1 -p-1";
+  const defaultBorderMixin = "border-gray-200 border-opacity-40 dark:border-gray-700 dark:border-opacity-40";
+  const paperMixin = "bg-white rounded-md dark:bg-gray-950 border border-gray-200 border-opacity-40 dark:border-gray-700 dark:border-opacity-40";
+  const cardMixin = "bg-white border border-gray-200 border-opacity-40 dark:border-transparent rounded-md dark:bg-gray-950 dark:border-gray-700 dark:border-opacity-40 m-1 -p-1";
   const cardClickableMixin = "hover:bg-primary-bg dark:hover:bg-primary-bg hover:bg-opacity-20 dark:hover:bg-opacity-20 hover:ring-2 hover:ring-primary cursor-pointer";
   const cardSelectedMixin = "bg-primary-bg dark:bg-primary-bg bg-opacity-30 dark:bg-opacity-10 ring-1 ring-primary ring-opacity-75";
   function cls(...classes) {
@@ -581,7 +581,7 @@
     color = "primary",
     ...props
   }, ref) => {
-    const baseClasses2 = "h-fit rounded-md uppercase whitespace-nowrap inline-flex items-center justify-center p-2 px-4 text-sm font-medium focus:outline-none transition ease-in-out duration-150 gap-2";
+    const baseClasses2 = "typography-button h-fit rounded-md whitespace-nowrap inline-flex items-center justify-center p-2 px-4 focus:outline-none transition ease-in-out duration-150 gap-2";
     const buttonClasses2 = cls({
       "w-full": fullWidth,
       "w-fit": !fullWidth,
@@ -16228,12 +16228,12 @@
         {
           className: cls(
             {
-              "border-primary bg-primary hover:bg-primary-dark focus-visible:ring-4 focus-visible:ring-primary outline-none focus-visible:ring-opacity-50": !props.props.disabled,
+              "border-primary bg-primary hover:bg-primary-dark outline-none": !props.props.disabled,
               "border-slate-300 bg-slate-300 dark:border-gray-700 dark:bg-gray-700": props.props.disabled
             },
             props.classes,
-            "focus:ring-8 focus:ring-primary focus:ring-opacity-75",
-            "hover:ring-8 hover:ring-primary hover:ring-opacity-75",
+            "focus-visible:ring-4 focus-visible:ring-primary focus-visible:ring-opacity-50",
+            "hover:ring-4 hover:ring-primary hover:ring-opacity-25",
             "block rounded-full transition-colors focus-visible:outline-none disabled:pointer-events-none disabled:opacity-50"
           )
         }
@@ -16308,6 +16308,7 @@
     side = "right",
     title,
     modal = true,
+    includeBackgroundOverlay = true,
     open,
     onOpenChange,
     transparent,
@@ -16342,7 +16343,7 @@
         onOpenChange,
         children: /* @__PURE__ */ jsxRuntime.jsxs(DialogPrimitive__namespace.Portal, { children: [
           /* @__PURE__ */ jsxRuntime.jsx(DialogPrimitive__namespace.Title, { autoFocus: true, tabIndex: 0, children: title ?? "Sheet" }),
-          modal && /* @__PURE__ */ jsxRuntime.jsx(
+          includeBackgroundOverlay && /* @__PURE__ */ jsxRuntime.jsx(
             DialogPrimitive__namespace.Overlay,
             {
               className: cls(