fix: Add button border radius to the default theme

sapegin · Apr 16, 2024 · b8d6463 · b8d6463
1 parent 0efce11
commit b8d6463
Show file tree

Hide file tree

Showing 3 changed files with 3 additions and 2 deletions.
diff --git a/src/components/Button.tsx b/src/components/Button.tsx
@@ -11,7 +11,7 @@ const button = cva({
 		py: 'xs',
 		border: `thin`,
 		borderColor: 'primary',
-		borderRadius: 'round',
+		borderRadius: 'button',
 		fontSize: 'm',
 		fontFamily: 'body',
 		textDecoration: 'none',

diff --git a/src/components/Input.tsx b/src/components/Input.tsx
@@ -16,7 +16,7 @@ export const Input = (props: InputProps) => (
 			padding: 'm',
 			border: 'thin',
 			borderColor: 'primary',
-			borderRadius: 'base',
+			borderRadius: 'button',
 			fontFamily: 'body',
 			fontSize: 'm',
 			color: 'text',

diff --git a/src/panda-preset/theme.ts b/src/panda-preset/theme.ts
@@ -63,6 +63,7 @@ export const theme = {
 		radii: {
 			none: { value: '0' },
 			base: { value: '0.25em' },
+			button: { value: '0.25em' },
 			round: { value: '99999em' },
 		},
 	},