From eeef817756e444943c9d95ea624f407e917f4d47 Mon Sep 17 00:00:00 2001 From: adamlobler Date: Tue, 16 Jun 2026 12:55:59 +0200 Subject: [PATCH 1/2] style(ui-avatar): use the rectangleradius token for the rectangle variant of the avatar --- packages/ui-avatar/src/Avatar/v2/styles.ts | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/packages/ui-avatar/src/Avatar/v2/styles.ts b/packages/ui-avatar/src/Avatar/v2/styles.ts index 783aeebc50..473050860e 100644 --- a/packages/ui-avatar/src/Avatar/v2/styles.ts +++ b/packages/ui-avatar/src/Avatar/v2/styles.ts @@ -158,7 +158,7 @@ const generateStyle = ( label: 'avatar', boxSizing: 'border-box', border: getBorder(), - borderRadius: shape === 'circle' ? '50%' : 0, + borderRadius: shape === 'circle' ? '50%' : componentTheme.rectangleRadius, ...sizeStyles[size!], background: hasInverseColor || color === 'ai' From 045336dcc75fd6981687c05f4f2f243d02e15ca0 Mon Sep 17 00:00:00 2001 From: adamlobler Date: Fri, 19 Jun 2026 12:05:47 +0200 Subject: [PATCH 2/2] test(ui-avatar): fix rectangle radius test --- packages/ui-avatar/src/Avatar/__tests__/Avatar.test.tsx | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/packages/ui-avatar/src/Avatar/__tests__/Avatar.test.tsx b/packages/ui-avatar/src/Avatar/__tests__/Avatar.test.tsx index 79e8c31997..f8a500738c 100644 --- a/packages/ui-avatar/src/Avatar/__tests__/Avatar.test.tsx +++ b/packages/ui-avatar/src/Avatar/__tests__/Avatar.test.tsx @@ -166,7 +166,7 @@ describe('', () => { ) const avatarDiv = container.querySelector('div') - expect(avatarDiv).toHaveStyle('border-radius: 0') + expect(avatarDiv).toHaveStyle('border-radius: 0rem') }) })