@momo-kits/template 0.168.1-rn862.1 → 0.169.1

package/HeaderSliderBanner/index.tsx

@@ -3,6 +3,7 @@ import {Animated, TouchableOpacity} from 'react-native';
 import {Carousel} from '@momo-kits/carousel';
 import {Image, Pagination, Spacing} from '@momo-kits/foundation';
 import {HeaderSliderBannerProps} from './types';
+import styles from './styles';
 
 const HeaderSliderBanner: FC<HeaderSliderBannerProps> = ({
   animatedValue = new Animated.Value(0),
@@ -41,7 +42,7 @@ const HeaderSliderBanner: FC<HeaderSliderBannerProps> = ({
     return (
       <TouchableOpacity disabled={!onPressItem} onPress={onPressItem}>
         <Image
-          style={{width: '100%', height: '100%'}}
+          style={styles.image}
           key={`Header banner ${item}_${index}`}
           source={{
             uri: item,
@@ -53,11 +54,13 @@ const HeaderSliderBanner: FC<HeaderSliderBannerProps> = ({
 
   return (
     <Animated.View
-      style={{
-        height: 210,
-        opacity: opacity,
-        transform: [{scale}, {translateY}],
-      }}>
+      style={[
+        styles.container,
+        {
+          opacity: opacity,
+          transform: [{scale}, {translateY}],
+        },
+      ]}>
       <Carousel
         {...carouselProps}
         full={true}
@@ -66,12 +69,13 @@ const HeaderSliderBanner: FC<HeaderSliderBannerProps> = ({
         renderItem={renderItem}
       />
       <Animated.View
-        style={{
-          position: 'absolute',
-          bottom: paginationBottom - Spacing.S,
-          alignSelf: 'center',
-          opacity: paginationOpacity,
-        }}>
+        style={[
+          styles.pagination,
+          {
+            bottom: paginationBottom - Spacing.S,
+            opacity: paginationOpacity,
+          },
+        ]}>
         <Pagination
           {...paginationProps}
           activeIndex={activeIndex}

package/HeaderSliderBanner/styles.ts

@@ -0,0 +1,7 @@
+import {StyleSheet} from 'react-native';
+
+export default StyleSheet.create({
+  container: {height: 210},
+  image: {width: '100%', height: '100%'},
+  pagination: {position: 'absolute', alignSelf: 'center'},
+});

package/TrustBanner/index.tsx

@@ -4,6 +4,7 @@ import { TrustBannerCallbackParams, TrustBannerProps } from './types';
 import styles from './styles';
 import {
   ApplicationContext,
+  Colors,
   Icon,
   Image,
   MiniAppContext,
@@ -99,12 +100,12 @@ const TrustBanner: FC<TrustBannerProps> = ({
     return (
       <View style={stylesInside.footerContainer}>
         <View style={Styles.row}>
-          <Text typography={'action_xs_bold'} color={'#eb2f96'}>
+          <Text typography={'action_xs_bold'} color={Colors.pink_03}>
             {translationSubContent}
           </Text>
           <Icon
             source={'arrow_chevron_right_small'}
-            color={'#eb2f96'}
+            color={Colors.pink_03}
             size={20}
           />
         </View>

package/package.json

@@ -1,17 +1,17 @@
 {
     "name": "@momo-kits/template",
-    "version": "0.168.1-rn862.1",
+    "version": "0.169.1",
     "private": false,
-    "license": "MoMo",
     "main": "index.tsx",
-    "publishConfig": {
-        "registry": "https://registry.npmjs.org/"
-    },
-    "dependencies": {},
     "peerDependencies": {
-        "@momo-kits/carousel": "*",
         "@momo-kits/foundation": "latest",
+        "@momo-kits/carousel": "*",
         "react": "*",
         "react-native": "*"
-    }
+    },
+    "license": "MoMo",
+    "publishConfig": {
+        "registry": "https://registry.npmjs.org/"
+    },
+    "dependencies": {}
 }