@momo-kits/foundation 0.154.1-beta.2 → 0.154.1-beta.3

package/Application/NavigationContainer.tsx

@@ -45,6 +45,9 @@ const NavigationContainer: React.FC<NavigationContainerProps> = ({
 }) => {
   const context = useContext<any>(MiniAppContext);
   const [currentContext, setCurrentContext] = useState({});
+
+  const isBaselineEnabled = context?.isBaselineEnabled ?? false;
+  
   return (
     <SafeAreaProvider>
       <MiniAppContext.Provider
@@ -52,6 +55,7 @@ const NavigationContainer: React.FC<NavigationContainerProps> = ({
           ...context,
           ...currentContext,
           features,
+          isBaselineEnabled,
         }}
       >
         <Navigation

package/Input/InputDropDown.tsx

@@ -79,7 +79,6 @@ const InputDropDown = ({
               style={[
                 styles.leadingIconContainerDropDown,
                 {
-                  marginTop: Spacing.M,
                   marginRight: Spacing.S,
                 },
               ]}

package/Input/common.tsx

@@ -62,6 +62,8 @@ export const getSizeStyle = (
   size?: 'small' | 'large',
   multiline: boolean = false,
 ) => {
+  const scaleInputHeight = useScaleSize(size === 'small' ? 48 : 56, 1.1);
+
   if (multiline)
     return [
       styles.multilineContainer,
@@ -71,9 +73,9 @@ export const getSizeStyle = (
     ];
 
   if (size === 'small') {
-    return styles.smallContainer;
+    return [styles.smallContainer, { height: scaleInputHeight }];
   }
-  return styles.container;
+  return [styles.container, { height: scaleInputHeight }];
 };
 export const ErrorView: FC<{
   errorMessage?: string;

package/Input/styles.ts

@@ -196,6 +196,7 @@ export default StyleSheet.create({
   inputDropDownView: {
     flex: 1,
     flexDirection: 'row',
+    alignItems: 'center',
     paddingLeft: Spacing.M,
   },
   iconViewDropDown: {
@@ -204,7 +205,7 @@ export default StyleSheet.create({
   },
   textViewDropDown: {
     flex: 1,
-    marginVertical: Spacing.M,
+    marginVertical: Spacing.S,
     marginRight: Spacing.S,
     justifyContent: 'center',
   },

package/Text/index.tsx

@@ -2,7 +2,7 @@ import React, { useContext } from 'react';
 import { Text as RNText, TextProps as RNTextProps, View } from 'react-native';
 import styles from './styles';
 import { Typography, TypographyWeight } from './types';
-import { ApplicationContext, SkeletonContext } from '../Context';
+import { ApplicationContext, MiniAppContext, SkeletonContext } from '../Context';
 import { scaleSize, useScaleSize } from './utils';
 import { Skeleton } from '../Skeleton';
 import { Colors } from '../Consts';
@@ -156,6 +156,7 @@ const Text: React.FC<TextProps> = ({
   ...rest
 }) => {
   const { theme } = useContext(ApplicationContext);
+  const context = useContext<any>(MiniAppContext);
   const skeleton = useContext(SkeletonContext);
   const textStyle = TypoStyles(typography, fontFamily, maxScaleRate);
 
@@ -165,6 +166,16 @@ const Text: React.FC<TextProps> = ({
     );
   }
 
+  // config baseline enabled
+  const isDebugBaseline = context?.isBaselineEnabled ?? false;
+
+  const baseLineStyle = isDebugBaseline
+    ? {
+        borderWidth: 1,
+        borderColor: Colors.green_06,
+      }
+    : {};
+
   if (skeleton.loading) {
     return (
       <View style={style}>
@@ -192,10 +203,9 @@ const Text: React.FC<TextProps> = ({
       style={[
         style,
         textStyle,
+        baseLineStyle,
         {
           color: color ?? theme.colors.text.default,
-          borderWidth: 1,
-          borderColor: Colors.green_06,
         },
       ]}
     >

package/package.json

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