@firecms/ui 3.0.0-canary.146 → 3.0.0-canary.148

package/dist/components/Button.d.ts

@@ -1,6 +1,6 @@
 import React from "react";
 export type ButtonProps<P extends React.ElementType> = Omit<(P extends "button" ? React.ButtonHTMLAttributes<HTMLButtonElement> : React.ComponentProps<P>), "onClick"> & {
-    variant?: "filled" | "outlined" | "text";
+    variant?: "filled" | "ghost" | "outlined" | "text";
     disabled?: boolean;
     color?: "primary" | "secondary" | "text" | "error";
     size?: "small" | "medium" | "large" | "xl" | "2xl";

package/dist/index.es.js

@@ -585,10 +585,14 @@ const ButtonInner = React__default.forwardRef(({
     "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-surface-accent-400 text-text-primary hover:text-text-primary dark:text-text-primary-dark hover:bg-surface-accent-200": variant === "outlined" && color === "text" && !disabled,
+    // Ghost Variants
+    "border border-transparent bg-surface-100 hover:bg-surface-accent-200 text-text-primary dark:bg-surface-800 dark:hover:bg-surface-accent-700 dark:text-white": variant === "ghost" && (color === "primary" || color === "text") && !disabled,
+    "border border-transparent bg-surface-100 hover:bg-surface-accent-200 text-text-secondary dark:bg-surface-800 dark:hover:bg-surface-accent-700 dark:text-white": variant === "ghost" && color === "secondary" && !disabled,
+    "border border-transparent bg-surface-100 hover:bg-surface-accent-200 text-error dark:bg-surface-800 dark:hover:bg-surface-accent-700 dark:text-white": variant === "ghost" && color === "error" && !disabled,
     // Disabled states for all variants
     "border border-transparent opacity-50": variant === "text" && disabled,
     "border border-surface-500 opacity-50": variant === "outlined" && disabled,
-    "border border-surface-500 bg-surface-500 opacity-50": variant === "filled" && disabled
+    "border border-surface-500 bg-surface-500 opacity-50": (variant === "filled" || variant === "ghost") && disabled
   });
   const sizeClasses2 = cls(
     {
@@ -13663,7 +13667,7 @@ function Chip({
     }
   );
 }
-const buttonClasses = "hover:bg-surface-accent-200 hover:bg-opacity-75 dark:hover:bg-surface-accent-800";
+const buttonClasses = "hover:bg-surface-accent-200 hover:bg-opacity-75 dark:hover:bg-surface-accent-800 hover:scale-110 transition-transform";
 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-surface-accent-600 visited:text-surface-accent-600 dark:text-surface-accent-300 dark:visited:text-surface-300";
 const sizeClasses = {
@@ -14835,6 +14839,7 @@ const MultiSelect = React.forwardRef(
       } else {
         updateValues(allValues);
       }
+      onPopoverOpenChange(false);
     };
     useInjectStyles("MultiSelect", `
 [cmdk-group] {