@momo-kits/badge 0.81.23 → 0.92.1-beta.16

package/Badge.tsx

@@ -13,7 +13,7 @@ const Badge: FC<BadgeProps> = ({label = 'Label', style, backgroundColor}) => {
     if (backgroundColor) {
       const colorIndex = colorValue.indexOf(backgroundColor);
       if (colorIndex !== -1) {
-        if (colorKeys[colorIndex].includes('_03')) {
+        if (colorKeys[colorIndex]?.includes('_03')) {
           return true;
         }
       }
@@ -43,7 +43,7 @@ const Badge: FC<BadgeProps> = ({label = 'Label', style, backgroundColor}) => {
 
   return (
     <View style={[style, styles.badge, {backgroundColor: badgeColor}]}>
-      <Text color={Colors.black_01} typography={'action_xxs'}>
+      <Text color={Colors.black_01} typography={'action_xxs_bold'}>
         {formatTitle()}
       </Text>
     </View>

package/BadgeRibbon.tsx

@@ -3,13 +3,7 @@ import {View} from 'react-native';
 import {DownTail, UpTail} from './Shape';
 import styles from './styles';
 import {BadgeRibbonProps} from './types';
-import {
-  ApplicationContext,
-  Colors,
-  Image,
-  Spacing,
-  Text,
-} from '@momo-kits/foundation';
+import {Text, Colors, Image, ApplicationContext} from '@momo-kits/foundation';
 
 const BadgeRibbon: FC<BadgeRibbonProps> = ({
   position = 'top_right',
@@ -57,7 +51,7 @@ const BadgeRibbon: FC<BadgeRibbonProps> = ({
             },
           ]}
           color={Colors.black_01}
-          typography={'label_xs'}>
+          typography={'label_xs_medium'}>
           {label}
         </Text>
       </View>
@@ -90,7 +84,7 @@ const BadgeRibbon: FC<BadgeRibbonProps> = ({
               },
             ]}
             color={Colors.black_01}
-            typography={'label_xs'}>
+            typography={'label_xs_medium'}>
             {label}
           </Text>
         </View>

package/Shape.tsx

@@ -1,6 +1,6 @@
 import React from 'react';
-import {Image} from '@momo-kits/foundation';
 import styles from './styles';
+import {Image} from '@momo-kits/foundation';
 
 const UpTail = () => {
   return (

package/package.json

@@ -1,17 +1,19 @@
 {
-    "name": "@momo-kits/badge",
-    "version": "0.81.23",
-    "private": false,
-    "main": "index.tsx",
-    "peerDependencies": {
-        "@momo-kits/foundation": "latest",
-        "react": "16.9.0",
-        "react-native": ">=0.55",
-        "prop-types": "^15.7.2"
-    },
-    "devDependencies": {
-        "@momo-platform/versions": "4.1.11"
-    },
-    "license": "MoMo",
-    "dependencies": {}
+  "name": "@momo-kits/badge",
+  "version": "0.92.1-beta.16",
+  "private": false,
+  "main": "index.tsx",
+  "peerDependencies": {
+    "@momo-kits/foundation": "latest",
+    "react": "16.9.0",
+    "react-native": ">=0.55",
+    "prop-types": "^15.7.2"
+  },
+  "devDependencies": {
+    "@momo-platform/versions": "4.1.11"
+  },
+  "license": "MoMo",
+  "dependencies": {
+    "moment": "^2.24.0"
+  }
 }

package/publish.sh

@@ -25,4 +25,5 @@ npm publish --tag beta --access=public
 cd ..
 rm -rf dist
 
-##curl -X POST -H 'Content-Type: application/json' 'https://chat.googleapis.com/v1/spaces/AAAAbP8987c/messages?key=AIzaSyDdI0hCZtE6vySjMm-WEfRq3CPzqKqqsHI&token=UGSFRvk_oYb9uGsAgs31bVvMm6jDkmD8zihGm3eyaQA%3D&threadKey=JoaXTEYaNNkl' -d '{"text": "@momo-kits/bank new version release: '*"$VERSION"*' `https://www.npmjs.com/package/@momo-kits/bank`"}'
+
+##curl -X POST -H 'Content-Type: application/json' 'https://chat.googleapis.com/v1/spaces/AAAAbP8987c/messages?key=AIzaSyDdI0hCZtE6vySjMm-WEfRq3CPzqKqqsHI&token=UGSFRvk_oYb9uGsAgs31bVvMm6jDkmD8zihGm3eyaQA%3D&threadKey=JoaXTEYaNNkl' -d '{"text": "@momo-kits/calendar new version release: '*"$VERSION"*' https://www.npmjs.com/package/@momo-kits/calendar"}'

package/styles.ts

@@ -1,5 +1,5 @@
 import {StyleSheet} from 'react-native';
-import {Colors, Radius, scaleSize, Spacing} from '@momo-kits/foundation';
+import {Colors, Radius, Spacing, scaleSize} from '@momo-kits/foundation';
 
 export default StyleSheet.create({
   badge: {
@@ -8,6 +8,7 @@ export default StyleSheet.create({
     justifyContent: 'center',
     alignItems: 'center',
     height: scaleSize(16),
+    minWidth: scaleSize(16),
     flexDirection: 'row',
     borderWidth: 1,
     borderColor: Colors.black_01,

package/types.ts

@@ -1,10 +1,5 @@
 import {ViewStyle} from 'react-native';
 
-/**
- * Defines the types of badges that can be used. This helps in rendering the appropriate badge style.
- */
-export type BadgeType = 'badge' | 'badge_number' | 'dot' | 'dot_small';
-
 /**
  * Props for a general Badge component. It can display a wide range of badges including simple labels, numbers, or dots.
  */
@@ -19,6 +14,9 @@ export type BadgeProps = {
    */
   style?: ViewStyle | ViewStyle[];
 
+  /**
+   * Optional. Custom background badge.
+   */
   backgroundColor?: string;
 };