@momo-kits/foundation 0.80.8 → 0.81.1-beta.1

package/Pagination/PaginationWhiteDot.tsx

@@ -8,6 +8,7 @@ import {Colors, Spacing} from '../Consts';
 const PaginationWhiteDot: FC<ChildPaginationProps> = ({
   dataLength = 2,
   activeIndex = 0,
+  style,
 }) => {
   const renderDots = () => {
     const dots: React.ReactElement[] = [];
@@ -24,7 +25,11 @@ const PaginationWhiteDot: FC<ChildPaginationProps> = ({
     }
     return dots;
   };
-  return <View style={[styles.paginationWhiteContainer]}>{renderDots()}</View>;
+  return (
+    <View style={[style, styles.row]}>
+      <View style={styles.paginationWhiteContainer}>{renderDots()}</View>
+    </View>
+  );
 };
 
 export default PaginationWhiteDot;

package/Pagination/styles.ts

@@ -25,6 +25,8 @@ export default StyleSheet.create({
     paddingHorizontal: Spacing.S,
     borderRadius: Radius.L,
     backgroundColor: Colors.black_20 + '33',
+    alignItems: 'center',
+    justifyContent: 'center',
   },
   scrollContainer: {
     alignItems: 'center',
@@ -44,4 +46,5 @@ export default StyleSheet.create({
     height: 4,
     borderRadius: Radius.XS,
   },
+  row: {flexDirection: 'row'},
 });

package/Pagination/types.ts

@@ -20,6 +20,8 @@ export type PaginationProps = {
    * Represents the total number of items (pages) in the Pagination component.
    */
   dataLength: number;
+
+  style?: ViewStyle | ViewStyle[];
 };
 
 export type DotProps = {

package/Radio/types.ts

@@ -5,7 +5,7 @@ export type RadioProps = {
    * `value`: Represents the value associated with the Radio component.
    * It is used to determine whether the Radio component is selected or not in comparison with the `groupValue`.
    */
-  value: string;
+  value: any;
 
   /**
    * `disabled`: Optional. If `true`, the user won't be able to interact with the Radio component.
@@ -28,7 +28,7 @@ export type RadioProps = {
    * `groupValue`: Represents the value of the selected Radio component within a group of Radio components.
    * The Radio component for which `value` equals `groupValue` will be selected.
    */
-  groupValue: string;
+  groupValue: any;
 
   /**
    * `style`: Optional. Used to apply custom styling to the Radio component.

package/Title/index.tsx

@@ -5,7 +5,6 @@ import {Icon} from '../Icon';
 import styles from './styles';
 import {ApplicationContext} from '../Application';
 import {Colors, Spacing} from '../Consts';
-import {Button} from '../Button';
 import {scaleSize, Text} from '../Text';
 
 const Title: FC<TitleProps> = ({

package/Title/types.ts

@@ -1,11 +1,51 @@
 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.
+   */
   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' | '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;
 };

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@momo-kits/foundation",
-    "version": "0.80.8",
+    "version": "0.81.1-beta.1",
     "description": "React Native Component Kits",
     "main": "index.ts",
     "scripts": {
@@ -42,4 +42,4 @@
     },
     "author": "@momo-kits/foundation",
     "license": "ISC"
-}
+}