From 2e9610876778b3db09af2885622b10194e9ab214 Mon Sep 17 00:00:00 2001
From: SrJuggernaut <jugger@srjuggernaut.dev>
Date: Thu, 30 Apr 2026 16:31:21 -0600
Subject: [PATCH] refactor: update border radius from sm to md in UI components

---
 src/recipes/button.ts      | 2 +-
 src/recipes/chip.ts        | 2 +-
 src/recipes/details.ts     | 4 ++--
 src/recipes/iconButton.ts  | 2 +-
 src/recipes/input.ts       | 2 +-
 src/recipes/menu.ts        | 2 +-
 src/recipes/progressBar.ts | 4 ++--
 src/recipes/select.ts      | 6 +++---
 8 files changed, 12 insertions(+), 12 deletions(-)

diff --git a/src/recipes/button.ts b/src/recipes/button.ts
index 4d35ca5..7655bdb 100644
--- a/src/recipes/button.ts
+++ b/src/recipes/button.ts
@@ -19,7 +19,7 @@ const buttonRecipe = ({ semanticColorNames }: ButtonRecipeArg) => {
       justifyContent: 'center',
       gap: 'xs',
       width: 'fit-content',
-      borderRadius: 'sm',
+      borderRadius: 'md',
       paddingBlock: 'xs',
       paddingInline: 'sm',
       cursor: 'pointer',
diff --git a/src/recipes/chip.ts b/src/recipes/chip.ts
index 49203f9..ac7362b 100644
--- a/src/recipes/chip.ts
+++ b/src/recipes/chip.ts
@@ -17,7 +17,7 @@ const chipRecipe = ({ semanticColorNames }: ChipRecipeArg) => {
       justifyContent: 'center',
       gap: 'xs',
       lineHeight: '1',
-      borderRadius: 'sm',
+      borderRadius: 'md',
       fontWeight: 'semibold',
       lineHeightStep: 'none',
       userSelect: 'none'
diff --git a/src/recipes/details.ts b/src/recipes/details.ts
index 28f1001..502cb62 100644
--- a/src/recipes/details.ts
+++ b/src/recipes/details.ts
@@ -14,7 +14,7 @@ const detailsRecipe = ({ semanticColorNames }: DetailsRecipeArg) => {
     base: {
       details: {
         display: 'block',
-        borderRadius: 'sm',
+        borderRadius: 'md',
         backgroundColor: 'var(--details-background-color)',
         color: 'var(--details-color)',
         border: '1px solid',
@@ -29,7 +29,7 @@ const detailsRecipe = ({ semanticColorNames }: DetailsRecipeArg) => {
       },
       summary: {
         display: 'block',
-        borderRadius: 'sm',
+        borderRadius: 'md',
         backgroundColor: 'var(--details-background-widget)',
         color: 'var(--details-color)',
         cursor: 'pointer',
diff --git a/src/recipes/iconButton.ts b/src/recipes/iconButton.ts
index dc3d5cc..990f928 100644
--- a/src/recipes/iconButton.ts
+++ b/src/recipes/iconButton.ts
@@ -49,7 +49,7 @@ const iconButtonRecipe = ({ semanticColorNames }: IconButtonRecipeArg) => {
                 return [
                   shape,
                   {
-                    borderRadius: 'sm'
+                    borderRadius: 'md'
                   }
                 ]
               default:
diff --git a/src/recipes/input.ts b/src/recipes/input.ts
index 2aa5bf3..b25805e 100644
--- a/src/recipes/input.ts
+++ b/src/recipes/input.ts
@@ -12,7 +12,7 @@ export const inputRecipe = ({ semanticColorNames }: InputRecipeArg) => {
     className: 'input',
     base: {
       display: 'inline-flex',
-      borderRadius: 'sm',
+      borderRadius: 'md',
       border: '1px solid',
       outline: 'none',
       transitionProperty: 'color, background-color, border-color',
diff --git a/src/recipes/menu.ts b/src/recipes/menu.ts
index 3764eb7..1117814 100644
--- a/src/recipes/menu.ts
+++ b/src/recipes/menu.ts
@@ -25,7 +25,7 @@ const menuRecipe = ({ semanticColorNames }: MenuRecipeArg) => {
         width: 'fit-content',
         border: '1px solid',
         borderColor: 'var(--menu-border-color)',
-        borderRadius: 'sm',
+        borderRadius: 'md',
         backgroundColor: 'var(--menu-background-color)',
         color: 'var(--menu-text-color)',
         overflow: 'hidden'
diff --git a/src/recipes/progressBar.ts b/src/recipes/progressBar.ts
index de86d66..61e0ee6 100644
--- a/src/recipes/progressBar.ts
+++ b/src/recipes/progressBar.ts
@@ -12,11 +12,11 @@ const progressBarRecipe = ({ semanticColorNames }: ProgressBarRecipeArg) => {
       '-webkit-appearance': 'none',
       appearance: 'none',
       height: '1em',
-      borderRadius: 'sm',
+      borderRadius: 'md',
       border: '1px solid',
       overflow: 'hidden',
       '&::-webkit-progress-value, &::-moz-progress-bar': {
-        borderRadius: 'sm'
+        borderRadius: 'md'
       }
     },
     variants: {
diff --git a/src/recipes/select.ts b/src/recipes/select.ts
index b01aaa0..808637b 100644
--- a/src/recipes/select.ts
+++ b/src/recipes/select.ts
@@ -31,7 +31,7 @@ const selectRecipe = ({ semanticColorNames }: SelectRecipeArg) => {
         justifyContent: 'space-between',
         gap: 'xs',
         minWidth: 'fit-content',
-        borderRadius: 'sm',
+        borderRadius: 'md',
         border: '1px solid',
         cursor: 'pointer',
         transitionProperty: 'color, background-color, border-color',
@@ -47,7 +47,7 @@ const selectRecipe = ({ semanticColorNames }: SelectRecipeArg) => {
         width: 'var(--radix-select-trigger-width, min(max-content, 90dvw))',
         backgroundColor: 'var(--select-background-color)',
         color: 'var(--select-color)',
-        borderRadius: 'sm',
+        borderRadius: 'md',
         _active: {
           animationName: 'fade',
           animationDuration: 'normal'
@@ -80,7 +80,7 @@ const selectRecipe = ({ semanticColorNames }: SelectRecipeArg) => {
         justifyContent: 'flex-start',
         gap: 'xs',
         padding: 'xs',
-        borderRadius: 'sm',
+        borderRadius: 'md',
         cursor: 'pointer',
         transitionProperty: 'color, background-color',
         transitionDuration: 'normal',