fix(button): button icon only by text

Picalines · Picalines · commit 7c332783840e · 2025-08-03T16:18:17.000+03:00
diff --git a/packages/ui-kit/src/components/button/button.tsx b/packages/ui-kit/src/components/button/button.tsx
@@ -74,7 +74,7 @@ export const Root: FC<RootProps> = props => {
     throw new Error(`${Root.displayName} requires ${Text.displayName} or ${Icon.displayName}`)
   }
 
-  const buttonClassName = buttonVariants({ variant, size, feedback, _iconOnly: Boolean(icon && !text) })
+  const buttonClassName = buttonVariants({ variant, size, feedback, _iconOnly: Boolean(icon && !text?.children) })
   const className = cn(buttonClassName, classNameProp)
 
   const iconPosition = icon?.props.position ?? 'end'

Original file line number	Diff line number	Diff line change
`@@ -74,7 +74,7 @@ export const Root: FC<RootProps> = props => {`
`74`	`74`	throw new Error(`${Root.displayName} requires ${Text.displayName} or ${Icon.displayName}`)
`75`	`75`	`}`
`76`	`76`
`77`		`- const buttonClassName = buttonVariants({ variant, size, feedback, _iconOnly: Boolean(icon && !text) })`
	`77`	`+ const buttonClassName = buttonVariants({ variant, size, feedback, _iconOnly: Boolean(icon && !text?.children) })`
`78`	`78`	`const className = cn(buttonClassName, classNameProp)`
`79`	`79`
`80`	`80`	`const iconPosition = icon?.props.position ?? 'end'`