@momo-kits/foundation 0.113.1-beta.0 → 0.113.1-beta.2

package/Button/index.tsx

@@ -7,13 +7,18 @@ import {
   View,
 } from 'react-native';
 import LinearGradient from 'react-native-linear-gradient';
-import {ApplicationContext, ComponentContext} from '../Application';
+import {
+  ApplicationContext,
+  ComponentContext,
+  SkeletonContext,
+} from '../Application';
 import {Text} from '../Text';
 import {Typography} from '../Text/types';
 import {Colors, Spacing} from '../Consts';
 import styles from './styles';
 import {Icon} from '../Icon';
 import {Loader} from '../Loader';
+import {Skeleton} from '../Skeleton';
 
 const AnimationLinear = Animated.createAnimatedComponent(LinearGradient);
 
@@ -88,6 +93,7 @@ const Button: FC<ButtonProps> = ({
   ...rest
 }) => {
   const {theme, config} = useContext(ApplicationContext);
+  const skeleton = useContext(SkeletonContext);
   const {gradient, color} = config?.navigationBar?.buttonColors ?? {};
   let gradientPros;
   let state = 'enabled';
@@ -289,6 +295,10 @@ const Button: FC<ButtonProps> = ({
     full && {width: '100%'},
   ]);
 
+  if (skeleton?.loading) {
+    return <Skeleton style={[buttonStyle, {paddingHorizontal: 0}]} />;
+  }
+
   return (
     <ComponentContext.Provider
       value={{

package/Text/index.tsx

@@ -141,13 +141,25 @@ const Text: React.FC<TextProps> = ({
 
   if (skeleton.loading) {
     return (
-      <View>
-        <Skeleton
+      <View style={style}>
+        <RNText
+          {...rest}
+          {...setAutomationID(rest.accessibilityLabel)}
+          allowFontScaling={false}
           style={[
             style,
             textStyle,
-            {height: textStyle?.lineHeight * 0.7 * (rest.numberOfLines ?? 1)},
-          ]}
+            {
+              color: color ?? theme.colors.text.default,
+            },
+          ]}>
+          {children ?? ''}
+        </RNText>
+        <Skeleton
+          style={{
+            position: 'absolute',
+            height: textStyle?.lineHeight * (rest.numberOfLines ?? 1),
+          }}
         />
       </View>
     );

package/package.json

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