@momo-kits/foundation 0.80.3 → 0.80.4

package/Application/utils.tsx

@@ -139,13 +139,6 @@ const getOptions = (params: NavigationOptions, theme: Theme) => {
     };
   }
 
-  if (params?.headerRight == undefined) {
-    options = {
-      ...options,
-      headerRight: (props: any) => <HeaderToolkitAction {...props} />,
-    };
-  }
-
   if (params.hiddenBack) {
     options = {
       ...options,

package/Input/Input.tsx

@@ -114,7 +114,7 @@ const Input = forwardRef(
               {...props}
               accessibilityLabel={`TextInput`}
               editable={!disabled}
-              textAlignVertical="top"
+              textAlignVertical="center"
               ref={inputRef}
               style={[
                 styles.input,

package/Layout/Card.tsx

@@ -1,4 +1,4 @@
-import React, {useContext} from 'react';
+import React, {Fragment, useContext} from 'react';
 import {Dimensions, View, ViewProps} from 'react-native';
 import {useGridSystem, validateChildren} from './utils';
 import {GridContextProps} from './types';
@@ -120,6 +120,9 @@ const Card: React.FC<CardProps> = ({children, style, backgroundImage}) => {
       }
     } else {
       element.push(children);
+      if (children?.type == Fragment) {
+        return renderView(children?.props.children);
+      }
     }
     return element;
   };

package/Title/index.tsx

@@ -26,20 +26,20 @@ const Title: FC<TitleProps> = ({
   const actionColor = titleFlex
     ? theme.colors.primary
     : theme.colors.text.default;
-  const actionBackground = titleFlex ? Colors.pink_08 + '4D' : Colors.black_06;
+  const actionBackground = titleFlex
+    ? theme.colors.primary + '0F'
+    : Colors.black_06;
   const actionSize = titleFlex ? scaleSize(22) : scaleSize(18);
   const titleWeight = type === 'screen' ? 'Semibold' : 'Bold';
   const marginStyle = type === 'section' ? {marginTop: Spacing.M} : {};
 
   const renderAction = () => {
     return !!actionTitle && titleFlex ? (
-      <Button
-        onPress={() => onPressAction?.()}
-        type={'text'}
-        full={false}
-        size={'small'}
-        title={actionTitle}
-      />
+      <TouchableOpacity onPress={onPressAction}>
+        <Text typography={'action_s'} color={theme.colors.primary}>
+          {actionTitle}
+        </Text>
+      </TouchableOpacity>
     ) : (
       <TouchableOpacity
         style={[
@@ -76,7 +76,7 @@ const Title: FC<TitleProps> = ({
         </RNText>
         {showAction && type !== 'screen' && renderAction()}
       </View>
-      {!!description && !!icon && type !== 'screen' && (
+      {!!description && type !== 'screen' && (
         <Text typography={'description_s'} color={theme.colors.text.secondary}>
           {description}
         </Text>

package/package.json

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