Merge pull request #250 from DogusErdem/feat/button-border-color

feat: Added border color of the Button component to the theme.

Author: KaganYrk

src/components/Button/Button.tsx

@@ -46,13 +46,12 @@ export const Button: FCCWD<ButtonProps & PressableProps> = (
       style={({ pressed }) =>
         [
           styles.container,
-
           label ?
             sizes[size]
             :
             { padding: (fontStyles[size].lineHeight - fontStyles[size].fontSize) / 2 + 10 },
           style,
-          { backgroundColor: statusTheme.background },
+          { backgroundColor: statusTheme.background, borderColor: statusTheme.border },
           { opacity: pressed ? activeOpacity : 1 },
         ]}
       disabled={disabled}

src/core/theme/colors.ts

@@ -146,14 +146,17 @@ export const COLOR_COMPONENTS_LIGHT = (COLOR_SYSTEM:{colors:typeof COLOR_SYSTEM_
       default: {
         background: COLOR_SYSTEM.colors.system.primary,
         label: COLOR_SYSTEM.colors.button.text,
+        border: COLOR_SYSTEM.colors.system.primary,
       },
       pressed: {
         background: COLOR_SYSTEM.colors.status.focused,
         label: COLOR_SYSTEM.colors.button.text,
+        border: COLOR_SYSTEM.colors.status.focused,
       },
       disabled: {
         background: COLOR_SYSTEM.colors.button.disabled,
         label: COLOR_SYSTEM.colors.button.disabledText,
+        border: COLOR_SYSTEM.colors.button.disabled,
       },
     },
     checkbox: {
@@ -469,14 +472,17 @@ export const COLOR_COMPONENTS_DARK = (COLOR_SYSTEM:{colors:typeof COLOR_SYSTEM_D
     default: {
       background: COLOR_SYSTEM.colors.system.primary,
       label: COLOR_SYSTEM.colors.button.text,
+      border: COLOR_SYSTEM.colors.system.primary,
     },
     pressed: {
       background: COLOR_SYSTEM.colors.status.focused,
       label: COLOR_SYSTEM.colors.button.text,
+      border: COLOR_SYSTEM.colors.status.focused,
     },
     disabled: {
       background: COLOR_SYSTEM.colors.button.disabled,
       label: COLOR_SYSTEM.colors.button.disabledText,
+      border: COLOR_SYSTEM.colors.button.disabled,
     },
   },
   checkbox: {