feat(ui-buttons): add circular ai icon buttons

HerrTopi · HerrTopi · commit 89ff4b3cc28c · 2025-07-03T15:33:27.000+02:00
INSTUI-4627
diff --git a/packages/ui-buttons/src/BaseButton/styles.ts b/packages/ui-buttons/src/BaseButton/styles.ts
@@ -382,7 +382,11 @@ const generateStyle = (
                   background: `
                linear-gradient(to bottom, ${componentTheme.aiBorderTopGradientColor} 0%, ${componentTheme.aiBorderBottomGradientColor} 100%)`,
                   padding: componentTheme.borderWidth,
-                  borderRadius: `calc(${componentTheme.borderRadius} + ${componentTheme.borderWidth})`
+                  ...(shape !== 'circle'
+                    ? {
+                        borderRadius: `calc(${componentTheme.borderRadius} + ${componentTheme.borderWidth})`
+                      }
+                    : {})
                 }
               }
             : {})

Original file line number	Diff line number	Diff line change
`@@ -382,7 +382,11 @@ const generateStyle = (`
`382`	`382`	background: `
`383`	`383`	linear-gradient(to bottom, ${componentTheme.aiBorderTopGradientColor} 0%, ${componentTheme.aiBorderBottomGradientColor} 100%)`,
`384`	`384`	`padding: componentTheme.borderWidth,`
`385`		- borderRadius: `calc(${componentTheme.borderRadius} + ${componentTheme.borderWidth})`
	`385`	`+ ...(shape !== 'circle'`
	`386`	`+ ? {`
	`387`	+ borderRadius: `calc(${componentTheme.borderRadius} + ${componentTheme.borderWidth})`
	`388`	`+ }`
	`389`	`+ : {})`
`386`	`390`	`}`
`387`	`391`	`}`
`388`	`392`	`: {})`