@momo-kits/foundation 0.92.1-rc.2 → 0.92.1-rc.4

package/Application/BottomTab/BottomTabBar.tsx

@@ -456,7 +456,7 @@ export default function BottomTabBar({
         </Animated.View>
 
         {renderTabItem(leftArr)}
-        {renderCenterComponent()}
+        {isFloating && renderCenterComponent()}
         {renderTabItem(rightArr)}
       </View>
     </Animated.View>
@@ -467,12 +467,10 @@ const styles = StyleSheet.create({
   curved: {
     position: 'absolute',
     bottom: 0,
-    // backgroundColor: 'red',
   },
   content: {
     flex: 1,
     flexDirection: 'row',
-    // backgroundColor: 'red',
   },
   tabBar: {
     left: 0,

package/Input/InputSearch.tsx

@@ -34,9 +34,9 @@ const InputSearch = forwardRef(
       style,
       defaultValue,
       onPressButtonText,
-      hasColorBG = true,
       params,
       componentId,
+      hasColorBG = false,
       ...props
     }: InputSearchProps,
     ref,

package/Text/styles.ts

@@ -5,7 +5,7 @@ export default {
   header_s_semibold: {fontSize: 14, lineHeight: 20, fontWeight: '600'},
   header_xs_semibold: {fontSize: 12, lineHeight: 18, fontWeight: '600'},
   body_default_regular: {fontSize: 14, lineHeight: 20, fontWeight: '400'},
-  body_regularstrikethrought: {
+  body_default_regularstrikethrought: {
     fontSize: 14,
     lineHeight: 20,
     fontWeight: '400',

package/Text/types.ts

@@ -20,7 +20,7 @@ export type Typography =
   | 'header_s_semibold'
   | 'header_xs_semibold'
   | 'body_default_regular'
-  | 'body_regularstrikethrought'
+  | 'body_default_regularstrikethrought'
   | 'description_default_regular'
   | 'description_default_regularstrikethrought'
   | 'description_xs_regular'

package/Title/index.tsx

@@ -4,7 +4,6 @@ import styles from './styles';
 import {Icon} from '../Icon';
 import {scaleSize, Text} from '../Text';
 import {ApplicationContext} from '../Application';
-import {Colors, Spacing} from '../Consts';
 import {Badge} from '../Badge';
 import {Typography} from '../Text/types';
 import {TitleProps} from './types';
@@ -25,6 +24,7 @@ const Title: FC<TitleProps> = ({
   buttonSize = 'small',
 }) => {
   const {theme} = useContext(ApplicationContext);
+
   const styleSheet: {
     [key: string]: any;
   } = styles;
@@ -33,10 +33,6 @@ const Title: FC<TitleProps> = ({
   const numberOfLines = showLeftAction || !!badgeLabel ? 1 : 2;
   const buttonTypo: Typography =
     buttonSize === 'small' ? 'action_xs_bold' : 'action_s_bold';
-  const widthStyle =
-    !showLeftAction && !showRightAction && !badgeLabel
-      ? {width: '100%'}
-      : {width: '75%'};
 
   const renderIcon = () => {
     if (!icon) return null;
@@ -62,23 +58,16 @@ const Title: FC<TitleProps> = ({
 
   const renderContent = () => {
     return (
-      <View style={{flex: 1}}>
-        <View style={[styles.iconLeftView, widthStyle]}>
+      <View style={styles.contentView}>
+        <View style={[styles.iconLeftView]}>
           <RNText
             numberOfLines={numberOfLines}
-            style={[
-              styleSheet[typography],
-              {
-                fontWeight: 'bold',
-                marginBottom: Spacing.XS,
-              },
-            ]}>
+            style={[styleSheet[typography], styles.title]}>
             {title}
           </RNText>
+
           <View style={{alignItems: 'center'}}>
-            {badgeLabel && (
-              <Badge style={{marginLeft: Spacing.XS}} label={badgeLabel} />
-            )}
+            {badgeLabel && <Badge style={styles.badge} label={badgeLabel} />}
           </View>
           {renderActionLeft()}
         </View>
@@ -95,7 +84,7 @@ const Title: FC<TitleProps> = ({
     return (
       <View style={styles.iconLeftView}>
         {showLeftAction && !showRightAction && (
-          <View style={[styles.iconLeft, {backgroundColor: Colors.black_06}]}>
+          <View style={styles.iconLeft}>
             <Icon
               source={'arrow_chevron_right_small'}
               size={scaleSize(18)}

package/Title/styles.ts

@@ -1,6 +1,6 @@
 import {StyleSheet} from 'react-native';
 import {scaleSize} from '../Text';
-import {Radius, Spacing} from '../Consts';
+import {Colors, Radius, Spacing} from '../Consts';
 
 export default StyleSheet.create({
   card_small: {
@@ -39,10 +39,6 @@ export default StyleSheet.create({
   wrapper: {
     flexDirection: 'row',
   },
-  textContent: {
-    marginRight: Spacing.S,
-    flex: 1,
-  },
   margin: {
     marginTop: Spacing.S,
   },
@@ -64,9 +60,19 @@ export default StyleSheet.create({
     alignItems: 'center',
     justifyContent: 'center',
     marginHorizontal: Spacing.XS,
+    backgroundColor: Colors.black_06,
   },
   iconLeftView: {
     flexDirection: 'row',
     alignItems: 'center',
   },
+  contentView: {marginRight: Spacing.S, flex: 1},
+  title: {
+    fontWeight: 'bold',
+    marginBottom: Spacing.XS,
+    flex: 1,
+  },
+  badge: {
+    marginLeft: Spacing.XS,
+  },
 });

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@momo-kits/foundation",
-    "version": "0.92.1-rc.2",
+    "version": "0.92.1-rc.4",
     "description": "React Native Component Kits",
     "main": "index.ts",
     "scripts": {