@momo-kits/badge 0.81.19 → 0.81.20

package/BadgeRibbon.tsx

@@ -99,7 +99,7 @@ const BadgeRibbon: FC<BadgeRibbonProps> = ({
           source={{
             uri: 'https://static.momocdn.net/app/img/kits/utils/Tail_4x.png',
           }}
-          style={{width: 8, height: 16}}
+          style={styles.skew}
         />
       </View>
     );

package/Shape.tsx

@@ -1,6 +1,6 @@
 import React from 'react';
-import Svg, {G, Path} from 'react-native-svg';
 import {Image} from '@momo-kits/foundation';
+import styles from './styles';
 
 const UpTail = () => {
   return (
@@ -9,11 +9,7 @@ const UpTail = () => {
       source={{
         uri: 'https://static.momocdn.net/app/img/kits/utils/Head_down_4x.png',
       }}
-      style={{
-        width: 5,
-        height: 20,
-        transform: [{rotate: '180deg'}],
-      }}
+      style={[styles.tail, {transform: [{rotate: '180deg'}]}]}
     />
   );
 };
@@ -25,7 +21,7 @@ const DownTail = () => {
       source={{
         uri: 'https://static.momocdn.net/app/img/kits/utils/Head_4x.png',
       }}
-      style={{width: 5, height: 20}}
+      style={styles.tail}
     />
   );
 };

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@momo-kits/badge",
-    "version": "0.81.19",
+    "version": "0.81.20",
     "private": false,
     "main": "index.tsx",
     "peerDependencies": {
@@ -14,4 +14,4 @@
     },
     "license": "MoMo",
     "dependencies": {}
-}
+}

package/styles.ts

@@ -52,4 +52,6 @@ export default StyleSheet.create({
     color: Colors.black_01,
     fontWeight: 'bold',
   },
+  skew: {width: 8, height: 16},
+  tail: {width: 5, height: 20},
 });