@momo-kits/foundation 0.150.2-beta.22 → 0.150.2-beta.24

package/Input/InputOTP.tsx

@@ -202,6 +202,7 @@ const InputOTP = forwardRef(
     const renderInputView = () => {
       return (
         <TouchableOpacity
+          activeOpacity={1}
           onPress={() => inputRef.current?.focus()}
           style={[
             styles.otpInput,
@@ -238,6 +239,7 @@ const InputOTP = forwardRef(
               {...props}
               ref={inputRef}
               value={value}
+              textAlign={'center'}
               onChangeText={_onChangeText}
               keyboardType={dataType === 'number' ? 'number-pad' : 'default'}
               allowFontScaling={false}

package/Input/styles.ts

@@ -1,6 +1,6 @@
-import {Platform, StyleSheet} from 'react-native';
-import {Colors, Radius, Spacing} from '../Consts';
-import {scaleSize} from '../Text';
+import { Platform, StyleSheet } from 'react-native';
+import { Colors, Radius, Spacing } from '../Consts';
+import { scaleSize } from '../Text';
 
 export default StyleSheet.create({
   //input style
@@ -31,8 +31,8 @@ export default StyleSheet.create({
     flexDirection: 'row',
     alignItems: 'center',
   },
-  floatingIcon: {marginLeft: Spacing.XS},
-  errorIcon: {marginRight: Spacing.XS, marginTop: Spacing.XXS},
+  floatingIcon: { marginLeft: Spacing.XS },
+  errorIcon: { marginRight: Spacing.XS, marginTop: Spacing.XXS },
   errorView: {
     flexDirection: 'row',
     marginTop: Spacing.XS,
@@ -119,8 +119,8 @@ export default StyleSheet.create({
   iconSearchInput: {
     marginLeft: Spacing.S,
   },
-  searchInputContainer: {flexDirection: 'row', alignItems: 'center'},
-  textButton: {marginLeft: Spacing.L},
+  searchInputContainer: { flexDirection: 'row', alignItems: 'center' },
+  textButton: { marginLeft: Spacing.L },
   divider: {
     width: 1,
     height: 20,
@@ -178,16 +178,17 @@ export default StyleSheet.create({
     position: 'absolute',
     width: '100%',
     height: '100%',
-    opacity: 0.01,
+    opacity: 0.02,
     backgroundColor: 'transparent',
+    zIndex: 2,
   },
   otpRealInput: {
-    opacity: 0.01,
     width: '100%',
     height: '100%',
-    zIndex: 1,
+    zIndex: 2,
+    opacity: 0.02,
+    letterSpacing: Spacing.XXL,
   },
-
   //DropDown
   inputDropDownWrapper: {
     flexDirection: 'row',
@@ -216,5 +217,5 @@ export default StyleSheet.create({
     borderRadius: Radius.XS,
     overflow: 'hidden',
   },
-  currency: {fontSize: scaleSize(20), fontWeight: 'bold'},
+  currency: { fontSize: scaleSize(20), fontWeight: 'bold' },
 });

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@momo-kits/foundation",
-    "version": "0.150.2-beta.22",
+    "version": "0.150.2-beta.24",
     "description": "React Native Component Kits",
     "main": "index.ts",
     "scripts": {},