inputText global styles

src/components/Busy.tsx

@@ -69,7 +69,7 @@ const styles = createStyleSheet({
     textAlign: 'center',
     marginTop: 10,
     color: ColorKeys.white,
-    fontStyle: FontSizesKeys.medium,
+    fontSize: FontSizesKeys.medium,
     fontFamily: FontNameKeys.regular
   }
 })

src/components/CheckBox.tsx

@@ -1,6 +1,7 @@
 import { withTheme } from '@dokuhero/react-native-theme'
 import React from 'react'
 import { CheckBox as RNCheckBox, CheckBoxProps } from 'react-native-elements'
+import { globalStyles } from '../styles'
 
 export const CheckBox = withTheme<CheckBoxProps>(({ theme, ...rest }) => {
   return (
@@ -9,9 +10,7 @@ export const CheckBox = withTheme<CheckBoxProps>(({ theme, ...rest }) => {
         borderWidth: 0,
         backgroundColor: theme.color.transparent
       }}
-      textStyle={{
-        fontWeight: 'normal'
-      }}
+      textStyle={globalStyles.inputText}
       {...rest}
     />
   )

src/components/DropdownPicker.tsx

@@ -3,6 +3,7 @@ import React from 'react'
 import { StyleProp, TextStyle, ViewStyle } from 'react-native'
 import { CustomPicker } from 'react-native-custom-picker'
 import { Icon, IconObject, ListItem } from 'react-native-elements'
+import { globalStyles } from '../styles'
 import { Utils } from '../utils'
 import { ItemIdentity, ItemIdentityAvatar } from './ItemIdentity'
 
@@ -137,20 +138,25 @@ export function DropdownPicker<T>(props: DropdownPickerProps<T>) {
             fieldTpl(
               item,
               optionContainerStyle,
-              [{ fontFamily: theme.fontName.regular }, optionTextStyle],
+              [globalStyles.inputText, optionTextStyle],
               undefined,
               smMargin
             )
           }
           fieldTemplate={({ selectedItem, defaultText, clear }) => {
             return selectedItem !== null && selectedItem !== undefined ? (
-              fieldTpl(selectedItem, fieldContainerStyle, fieldTextStyle, clear)
+              fieldTpl(
+                selectedItem,
+                fieldContainerStyle,
+                [globalStyles.inputText, fieldTextStyle],
+                clear
+              )
             ) : (
               <ListItem
                 title={defaultText}
                 titleStyle={[
+                  globalStyles.inputText,
                   {
-                    fontFamily: theme.fontName.regular,
                     color: theme.color.lighter,
                     marginLeft: 0,
                     marginRight: 0

src/components/Input.tsx

@@ -17,9 +17,9 @@ export const Input = withTheme<InputProps & FormFieldProps>(
             {
               paddingHorizontal: 5,
               color: theme.color.darker,
-              width: '100%',
-              fontFamily: theme.fontName.regular
+              width: '100%'
             },
+            globalStyles.inputText,
             inputStyle
           ]}
           containerStyle={[globalStyles.container, rest.containerStyle]}

src/components/InputCurrency.tsx

@@ -1,6 +1,7 @@
 import { withTheme } from '@dokuhero/react-native-theme'
 import React from 'react'
 import { CalculatorInput } from 'react-native-calculator'
+import { globalStyles } from '../styles'
 import { FormField, FormFieldProps } from './FormField'
 
 export interface InputCurrencyProps extends FormFieldProps {
@@ -19,7 +20,7 @@ export const InputCurrency = withTheme<InputCurrencyProps>(
           paddingBottom: 7,
           borderBottomColor: theme.color.lighter
         }}
-        fieldTextStyle={{ fontSize: theme.fontSize.medium }}
+        fieldTextStyle={globalStyles.inputText}
         borderColor={theme.color.lighter}
         acceptButtonBackgroundColor={theme.color.primary}
         calcButtonBackgroundColor={theme.color.secondary}

src/components/InputPercent.tsx

@@ -4,6 +4,7 @@ import React from 'react'
 import { InjectedTranslateProps } from 'react-i18next'
 import { Alert } from 'react-native'
 import { CalculatorInput } from 'react-native-calculator'
+import { globalStyles } from '../styles'
 import { FormField, FormFieldProps } from './FormField'
 
 export interface InputPercentProps
@@ -22,7 +23,7 @@ export const InputPercent = withLocale<InputPercentProps>('common')(
 
     return (
       <ThemeConsumer>
-        {({ color, fontSize, fontName }) => (
+        {({ color }) => (
           <FormField label={label} errors={errors}>
             <CalculatorInput
               value={value}
@@ -31,10 +32,7 @@ export const InputPercent = withLocale<InputPercentProps>('common')(
                 paddingBottom: 7,
                 borderBottomColor: color.lighter
               }}
-              fieldTextStyle={{
-                fontSize: fontSize.medium,
-                fontFamily: fontName.regular
-              }}
+              fieldTextStyle={globalStyles.inputText}
               borderColor={color.lighter}
               acceptButtonBackgroundColor={color.primary}
               calcButtonBackgroundColor={color.secondary}

src/styles/index.ts

@@ -1,4 +1,8 @@
-import { createStyleSheet } from '@dokuhero/react-native-theme'
+import {
+  createStyleSheet,
+  FontNameKeys,
+  FontSizesKeys
+} from '@dokuhero/react-native-theme'
 
 export const globalStyles = createStyleSheet({
   container: {
@@ -8,5 +12,10 @@ export const globalStyles = createStyleSheet({
     alignItems: 'center',
     flexDirection: 'column',
     justifyContent: 'center'
+  },
+  inputText: {
+    fontFamily: FontNameKeys.regular,
+    fontSize: FontSizesKeys.medium,
+    fontWeight: 'normal'
   }
 })