@bergetai/ui 0.11.3 → 0.11.4

package/dist/index.d.cts

@@ -45,7 +45,7 @@ declare const buttonVariants: (props?: ({
 declare function Button$1({ className, variant, size, ...props }: Button$2.Props & VariantProps<typeof buttonVariants>): react_jsx_runtime.JSX.Element;
 
 /** Variants exposed by the Berget wrapper. */
-type CustomVariant = 'default' | 'primary' | 'destructive' | 'outline' | 'link';
+type CustomVariant = 'default' | 'primary' | 'destructive' | 'outline' | 'ghost' | 'link';
 /** Props for the Berget Button wrapper. */
 interface ButtonProps extends Omit<React$1.ComponentProps<typeof Button$1>, 'variant' | 'ref'> {
     /** Visual style variant. `primary` is Berget-specific. */

package/dist/index.d.ts

@@ -45,7 +45,7 @@ declare const buttonVariants: (props?: ({
 declare function Button$1({ className, variant, size, ...props }: Button$2.Props & VariantProps<typeof buttonVariants>): react_jsx_runtime.JSX.Element;
 
 /** Variants exposed by the Berget wrapper. */
-type CustomVariant = 'default' | 'primary' | 'destructive' | 'outline' | 'link';
+type CustomVariant = 'default' | 'primary' | 'destructive' | 'outline' | 'ghost' | 'link';
 /** Props for the Berget Button wrapper. */
 interface ButtonProps extends Omit<React$1.ComponentProps<typeof Button$1>, 'variant' | 'ref'> {
     /** Visual style variant. `primary` is Berget-specific. */

package/dist/index.js

@@ -320,6 +320,21 @@ function brandVariantClasses(variant) {
         disabledClasses,
         "disabled:bg-transparent disabled:border-berget-button-disabled-border"
       );
+    case "ghost":
+      return cn(
+        "bg-transparent text-berget-button-ghost-fg",
+        // Pin the foreground on hover — the underlying primitive ghost adds
+        // hover:text-foreground, which is the same value here but pinned
+        // explicitly for parity with the other fg-token variants.
+        "hover:bg-berget-button-ghost-hover hover:text-berget-button-ghost-fg",
+        // The dark:hover twin neutralises the primitive ghost's
+        // dark:hover:bg-muted/50 so only the token fill applies.
+        "dark:hover:bg-berget-button-ghost-hover",
+        "active:bg-berget-button-ghost-active dark:active:bg-berget-button-ghost-active",
+        "focus-visible:border-transparent",
+        disabledClasses,
+        "disabled:bg-transparent"
+      );
     case "link":
       return cn(
         "h-auto bg-transparent p-0 text-berget-button-link-fg font-medium underline-offset-4 shadow-none",
@@ -354,6 +369,7 @@ function primitiveVariant(variant) {
     case "primary":
     case "destructive":
     case "outline":
+    case "ghost":
       return "ghost";
     default:
       return variant;