refactor: update border radius from sm to md in UI components

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',

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'

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',

src/recipes/iconButton.ts

@@ -49,7 +49,7 @@ const iconButtonRecipe = ({ semanticColorNames }: IconButtonRecipeArg) => {
                 return [
                   shape,
                   {
-                    borderRadius: 'sm'
+                    borderRadius: 'md'
                   }
                 ]
               default:

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',

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'

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: {

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',