feat:Snackbar modified

Author: blueromans

.eslintrc

@@ -1,34 +1,34 @@
 {
-    "env": {
-      "browser": true
+  "env": {
+    "browser": true
+  },
+  "extends": "@react-native-community",
+  "parser": "@typescript-eslint/parser",
+  "plugins": ["@typescript-eslint"],
+  "rules": {
+    "one-var": "off",
+    "no-multi-assign": "off",
+    "no-nested-ternary": "off",
+    "no-undef": "off",
+    "global-require": "off",
+
+    "import/no-extraneous-dependencies": "off",
+    "import/first": "off",
+
+    "react-native/no-unused-styles": "error",
+    "react-native/split-platform-components": "off",
+    "react-native/no-raw-text": "off"
+  },
+
+  "settings": {
+    "import/extensions": [".js", ".ts", ".tsx"],
+    "import/parsers": {
+      "@typescript-eslint/parser": [".ts", ".tsx"]
     },
-    "extends": "@react-native-community",
-    "parser": "@typescript-eslint/parser",
-    "plugins": ["@typescript-eslint"],
-    "rules": {
-      "one-var": "off",
-      "no-multi-assign": "off",
-      "no-nested-ternary": "off",
-      "no-undef": "off",
-      "global-require": "off",
-  
-      "import/no-extraneous-dependencies": "off",
-      "import/first": "off",
-  
-      "react-native/no-unused-styles": "error",
-      "react-native/split-platform-components": "off",
-      "react-native/no-raw-text": "off"
-    },
-  
-    "settings": {
-      "import/extensions": [".js", ".ts", ".tsx"],
-      "import/parsers": {
-        "@typescript-eslint/parser": [".ts", ".tsx"]
-      },
-      "import/resolver": {
-        "node": {
-          "extensions": [".js", ".ts", ".tsx"]
-        }
+    "import/resolver": {
+      "node": {
+        "extensions": [".js", ".ts", ".tsx"]
       }
     }
-  }
+  }
+}

package.json

@@ -1,6 +1,6 @@
 {
   "name": "@blueromans/react-native-ui-kit",
-  "version": "0.0.6",
+  "version": "0.0.7",
   "description": "Ui kit for React Native",
   "main": "lib/commonjs/index.js",
   "module": "lib/module/index.js",

src/components/Button/Button.tsx

@@ -98,14 +98,13 @@ const Button = ({
   return (
     <View
       {...rest}
-      style={
-        [
-          styles.button,
-          compact && styles.compact,
-          buttonStyle,
-          style,
-        ] as ViewStyle
-      }
+      style={[
+        styles.button,
+        compact && styles.compact,
+        buttonStyle,
+        style,
+        theme?.styles?.button?.content,
+      ]}
     >
       <TouchableHighlight
         borderless
@@ -149,6 +148,7 @@ const Button = ({
               uppercase && styles.uppercaseLabel,
               textStyle,
               labelStyle,
+              theme?.styles?.button?.label,
             ]}
           >
             {children}

src/components/Form/Input/TextInput.tsx

@@ -72,7 +72,11 @@ const TextInput = ({
   return (
     <React.Fragment>
       <HelperText
-        style={[labelStyle, { color: error ? errorColor : inputTextColor }]}
+        style={[
+          labelStyle,
+          { color: error ? errorColor : inputTextColor },
+          theme?.styles?.input?.label,
+        ]}
         visible={label != null}
       >
         {label}
@@ -86,13 +90,14 @@ const TextInput = ({
             borderColor: hasActiveOutline ? activeColor : outlineColor,
           },
           containerStyle,
+          theme?.styles?.input?.container,
         ]}
       >
         <Controller
           control={control}
           render={({ field: { onChange, onBlur, value } }) => (
             <RnTextInput
-              style={[styles.textInput, style]}
+              style={[styles.textInput, style, theme?.styles?.input?.textInput]}
               placeholderTextColor={placeholderColor}
               onBlur={() => {
                 setFocused(false);

src/styles/theme.tsx

@@ -22,4 +22,5 @@ export const AppTheme: Theme = {
   },
   fonts: getFonts(),
   baseHeight: BASE_HEIGHT,
+  styles: {},
 };

src/types.tsx

@@ -49,6 +49,7 @@ export type Theme = {
   colors?: Colors;
   fonts?: Fonts;
   baseHeight?: number;
+  styles?: any;
 };
 
 export type $Omit<T, K> = Pick<T, Exclude<keyof T, K>>;