@momo-kits/foundation 0.89.6 → 0.92.1-beta.16

package/Title/styles.ts

@@ -1,6 +1,6 @@
 import {StyleSheet} from 'react-native';
 import {scaleSize} from '../Text';
-import {Radius, Spacing} from '../Consts';
+import {Colors, Radius, Spacing} from '../Consts';
 
 export default StyleSheet.create({
   card_small: {
@@ -27,10 +27,6 @@ export default StyleSheet.create({
     fontSize: scaleSize(24),
     lineHeight: scaleSize(34),
   },
-  screen: {
-    fontSize: scaleSize(36),
-    lineHeight: scaleSize(44),
-  },
   actionIcon: {
     borderRadius: Radius.M,
     alignItems: 'center',
@@ -41,12 +37,40 @@ export default StyleSheet.create({
     borderRadius: Radius.XS,
   },
   wrapper: {
-    width: '100%',
     flexDirection: 'row',
-    alignItems: 'center',
   },
-  textContent: {
+  margin: {
+    marginTop: Spacing.S,
+  },
+  iconView: {
     marginRight: Spacing.S,
-    flex: 1,
+  },
+  iconRight: {
+    width: scaleSize(22),
+    height: scaleSize(22),
+    borderRadius: Radius.M,
+    alignItems: 'center',
+    justifyContent: 'center',
+    marginLeft: Spacing.S,
+  },
+  iconLeft: {
+    width: scaleSize(18),
+    height: scaleSize(18),
+    borderRadius: Radius.M,
+    alignItems: 'center',
+    justifyContent: 'center',
+    marginHorizontal: Spacing.XS,
+  },
+  iconLeftView: {
+    flexDirection: 'row',
+    alignItems: 'center',
+  },
+  contentView: {marginRight: Spacing.S, flex: 1},
+  title: {
+    fontWeight: 'bold',
+    marginBottom: Spacing.XS,
+  },
+  badge: {
+    marginLeft: Spacing.XS,
   },
 });

package/Title/types.ts

@@ -1,52 +1,16 @@
 export type TitleProps = {
-  /**
-   * Optional. Defines the type of Title component.
-   * 'screen' - Used for screen titles.
-   * 'section' - Used for section titles within a screen.
-   * 'card' - Used for titles within a card component.
-   */
-  type?: 'screen' | 'section' | 'card';
-
-  /**
-   * Required. The text of the title.
-   */
+  type?: 'card' | 'section';
+  size?: 'small' | 'medium' | 'large';
   title: string;
-
-  /**
-   * Optional. A description or subtitle that appears below the title.
-   */
-  description?: string;
-
-  /**
-   * Optional. Defines the size of the Title component.
-   * 'large' - A larger, more prominent title.
-   * 'small' - A smaller, less prominent title.
-   */
-  size?: 'large' | 'medium' | 'small';
-
-  /**
-   * Optional. Represents the name or key of the icon to be displayed alongside the title.
-   */
   icon?: string;
-
-  /**
-   * Optional. If `true`, the title will be flexible in its container, adjusting its width dynamically.
-   */
-  titleFlex?: boolean;
-
-  /**
-   * Optional. Text for an action button associated with the title.
-   */
-  actionTitle?: string;
-
-  /**
-   * Optional. Function to be called when the action associated with the title is pressed.
-   */
-  onPressAction?: () => void;
-
-  /**
-   * Optional. If `true`, an action button or icon is displayed alongside the title.
-   */
-  showAction?: boolean;
-  usePadding?: boolean;
+  description?: string;
+  iconColor?: string;
+  iconAlign?: 'top' | 'middle' | 'bottom';
+  showRightAction?: boolean;
+  showTrailingAction?: boolean;
+  badgeLabel?: string;
+  buttonTitle?: string;
+  buttonSize?: 'small' | 'large';
+  onPressRightAction?: () => void;
+  textOnly?: boolean;
 };

package/index.ts

@@ -4,11 +4,12 @@ import {
   useSafeAreaInsets,
 } from 'react-native-safe-area-context';
 import LinearGradient from 'react-native-linear-gradient';
+import {getAccessibilityID} from "./Application/utils";
 
 /**
  * native export
  */
-export {SafeAreaView, useSafeAreaInsets, SafeAreaProvider, LinearGradient};
+export {SafeAreaView, useSafeAreaInsets, SafeAreaProvider, LinearGradient, getAccessibilityID};
 
 /**
  * foundation component

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@momo-kits/foundation",
-    "version": "0.89.6",
+    "version": "0.92.1-beta.16",
     "description": "React Native Component Kits",
     "main": "index.ts",
     "scripts": {
@@ -10,6 +10,7 @@
         "@momo-kits/foundation"
     ],
     "dependencies": {
+        "@gorhom/bottom-sheet": "git+https://gitlab.com/momo-platform/bottom-sheet.git#main",
         "react-native-safe-area-context": "3.1.4",
         "react-native-linear-gradient": "2.8.3",
         "react-native-gesture-handler": "1.10.3",
@@ -32,6 +33,7 @@
         "@types/jest": "26.0.23",
         "@types/react-native": "0.64.4",
         "@types/react-test-renderer": "16.9.2",
+        "@types/d3-shape": "1.3.7",
         "babel-jest": "^26.6.3",
         "eslint": "^7.14.0",
         "jest": "^26.6.3",