fix: prevent hugWidth from being spread on the button (#2173)

Frontify · Jan 23, 2025 · 964730a · 964730a
1 parent 74cf1f6
commit 964730a
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 1 deletion.
diff --git a/.changeset/nasty-icons-work.md b/.changeset/nasty-icons-work.md
@@ -0,0 +1,5 @@
+---
+"@frontify/fondue-components": patch
+---
+
+fix: prevent `hugWidth` from being spread on the `button`
diff --git a/packages/components/src/components/Button/Button.tsx b/packages/components/src/components/Button/Button.tsx
@@ -77,6 +77,7 @@ export const Button = forwardRef<HTMLButtonElement | null, ButtonProps>(
             'data-test-id': dataTestId = 'fondue-button',
             className = '',
             onPress = () => {},
+            hugWidth = true,
             ...props
         }: ButtonProps,
         ref: ForwardedRef<HTMLButtonElement | null>,
@@ -88,7 +89,7 @@ export const Button = forwardRef<HTMLButtonElement | null, ButtonProps>(
                 form={form}
                 data-test-id={dataTestId}
                 className={cn(
-                    buttonStyles({ size, variant, ...props }),
+                    buttonStyles({ size, variant, hugWidth, ...props }),
                     textStyles({ variant, ...props }),
                     iconStyles({ variant, ...props }),
                     className,