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

package/dist/index.es.js

@@ -34,8 +34,8 @@ const fieldBackgroundDisabledMixin = "dark:bg-surface-800 bg-opacity-50 dark:bg-
 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 twMerge(clsx(classes));
@@ -789,7 +789,7 @@ const BooleanSwitchWithLabel = function BooleanSwitchWithLabel2({
   ] });
 };
 const ButtonInner = React__default.forwardRef((t0, ref) => {
-  const $ = c(53);
+  const $ = c(55);
   let Component;
   let children;
   let className;
@@ -956,22 +956,24 @@ const ButtonInner = React__default.forwardRef((t0, ref) => {
   }
   const t31 = props;
   let t32;
-  if ($[44] !== children || $[45] !== disabled || $[46] !== startIcon || $[47] !== t26 || $[48] !== t27 || $[49] !== t28 || $[50] !== t29 || $[51] !== t31) {
-    t32 = /* @__PURE__ */ 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__ */ 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;
 });