@momo-kits/title 0.92.2 → 0.92.4

package/index.tsx

@@ -25,9 +25,10 @@ const Title: FC<TitleProps> = ({
   badgeLabel,
   buttonTitle,
   onPressRightAction = () => {},
-  onPressLeftAction = () => {},
+  onPressTrailingAction = () => {},
   buttonSize = 'small',
   textOnly = false,
+  style,
 }) => {
   const {theme} = useContext(ApplicationContext);
   const [badgeWidth, setBadgeWidth] = useState(0);
@@ -94,19 +95,23 @@ const Title: FC<TitleProps> = ({
           )}
           {renderActionLeft()}
         </View>
-        <Text
-          style={styles.description}
-          color={theme.colors.text.secondary}
-          typography={'description_default_regular'}>
-          {description}
-        </Text>
+        {description && (
+          <Text
+            style={styles.description}
+            color={theme.colors.text.secondary}
+            typography={'description_default_regular'}>
+            {description}
+          </Text>
+        )}
       </View>
     );
   };
 
   const renderActionLeft = () => {
     return (
-      <TouchableOpacity onPress={onPressLeftAction} style={styles.iconLeftView}>
+      <TouchableOpacity
+        onPress={onPressTrailingAction}
+        style={styles.iconLeftView}>
         {showTrailingAction && !showRightAction && (
           <View
             style={[
@@ -172,7 +177,7 @@ const Title: FC<TitleProps> = ({
   }
 
   return (
-    <View style={[styles.wrapper, isSection && styles.margin]}>
+    <View style={[style, styles.wrapper, isSection && styles.margin]}>
       {renderIcon()}
       {renderContent()}
       {renderActionRight()}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@momo-kits/title",
-  "version": "0.92.2",
+  "version": "0.92.4",
   "private": false,
   "main": "index.tsx",
   "dependencies": {},

package/styles.ts

@@ -1,5 +1,5 @@
 import {StyleSheet} from 'react-native';
-import {scaleSize, Radius, Spacing} from '@momo-kits/foundation';
+import {scaleSize, Radius, Spacing, Colors} from '@momo-kits/foundation';
 
 export default StyleSheet.create({
   card_small: {
@@ -67,6 +67,7 @@ export default StyleSheet.create({
   contentView: {marginRight: Spacing.S, flex: 1},
   title: {
     fontWeight: 'bold',
+    color: Colors.black_17,
   },
   badge: {
     marginLeft: Spacing.XS,

package/types.ts

@@ -1,3 +1,5 @@
+import {ViewStyle} from 'react-native';
+
 export type TitleProps = {
   type?: 'card' | 'section';
   size?: 'small' | 'medium' | 'large';
@@ -12,6 +14,7 @@ export type TitleProps = {
   buttonTitle?: string;
   buttonSize?: 'small' | 'large';
   onPressRightAction?: () => void;
-  onPressLeftAction?: () => void;
+  onPressTrailingAction?: () => void;
   textOnly?: boolean;
+  style?: ViewStyle;
 };