@firecms/ui 3.0.0-canary.247 → 3.0.0-canary.249

package/dist/index.umd.js

@@ -44,8 +44,8 @@
   const fieldBackgroundHoverMixin = "hover:bg-opacity-70 dark:hover:bg-surface-700 dark:hover:bg-opacity-40";
   const defaultBorderMixin = "border-surface-200 border-opacity-40 dark:border-surface-700 dark:border-opacity-40";
   const paperMixin = "bg-white rounded-md dark:bg-surface-950 border border-surface-200 border-opacity-40 dark:border-surface-700 dark:border-opacity-40";
-  const cardMixin = "bg-white border border-surface-200 border-opacity-40 dark:border-transparent rounded-md dark:bg-surface-950 dark:border-surface-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 cardMixin = "bg-white border border-surface-200 border-opacity-40 dark:border-transparent rounded-md dark:bg-surface-950 dark:border-surface-700 dark:border-opacity-40";
+  const cardClickableMixin = "hover:bg-surface-accent-100 dark:hover:bg-surface-accent-800 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) {
     return tailwindMerge.twMerge(clsx.clsx(classes));
@@ -799,7 +799,7 @@
     ] });
   };
   const ButtonInner = React.forwardRef((t0, ref) => {
-    const $ = reactCompilerRuntime.c(53);
+    const $ = reactCompilerRuntime.c(55);
     let Component;
     let children;
     let className;
@@ -966,22 +966,24 @@
     }
     const t31 = props;
     let t32;
-    if ($[44] !== children || $[45] !== disabled || $[46] !== startIcon || $[47] !== t26 || $[48] !== t27 || $[49] !== t28 || $[50] !== t29 || $[51] !== t31) {
-      t32 = /* @__PURE__ */ jsxRuntime.jsxs("button", { ref: t26, type: t27, onClick: t28, className: t29, disabled, ...t31, children: [
+    if ($[44] !== children || $[45] !== disabled || $[46] !== size || $[47] !== startIcon || $[48] !== t26 || $[49] !== t27 || $[50] !== t28 || $[51] !== t29 || $[52] !== t31 || $[53] !== variant) {
+      t32 = /* @__PURE__ */ jsxRuntime.jsxs("button", { ref: t26, type: t27, onClick: t28, className: t29, disabled, "data-variant": variant, "data-size": size, ...t31, children: [
         startIcon,
         children
       ] });
       $[44] = children;
       $[45] = disabled;
-      $[46] = startIcon;
-      $[47] = t26;
-      $[48] = t27;
-      $[49] = t28;
-      $[50] = t29;
-      $[51] = t31;
-      $[52] = t32;
-    } else {
-      t32 = $[52];
+      $[46] = size;
+      $[47] = startIcon;
+      $[48] = t26;
+      $[49] = t27;
+      $[50] = t28;
+      $[51] = t29;
+      $[52] = t31;
+      $[53] = variant;
+      $[54] = t32;
+    } else {
+      t32 = $[54];
     }
     return t32;
   });