@hoddy-ui/core 2.5.36 → 2.5.37

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hoddy-ui/core",
-  "version": "2.5.36",
+  "version": "2.5.37",
   "description": "Core rich react native components written in typescript",
   "main": "index.ts",
   "repository": {

package/src/Components/StarRating.tsx

@@ -17,6 +17,7 @@ import Typography from "./Typography";
 export const RatingStars: FC<RatingStarsProps> = ({
   rating = 0,
   size = 16,
+  color = "#FFD700",
 }) => {
   const colors = useColors();
 
@@ -29,7 +30,12 @@ export const RatingStars: FC<RatingStarsProps> = ({
   return (
     <View style={styles.root}>
       {[...Array(Math.floor(rating))].map((_, index) => (
-        <Ionicons key={index} name="star" size={size} color="#FFD700" />
+        <Ionicons
+          key={index}
+          name="star"
+          size={size}
+          color={colors[color as keyof typeof colors]?.main || color}
+        />
       ))}
       {[...Array(5 - Math.floor(rating))].map((_, index) => (
         <Ionicons
@@ -47,6 +53,7 @@ export const RatingInput: FC<RatingInputProps> = ({
   onSubmit: _onSubmit,
   rating = 0,
   size = 16,
+  color = "primary",
 }) => {
   const [showReviewsModal, setShowReviewsModal] = useState(false);
   const [rate, setRate] = useState(0);
@@ -107,7 +114,7 @@ export const RatingInput: FC<RatingInputProps> = ({
                 style={{ marginLeft: 10 }}
                 name={index < rate ? "star" : "star-outline"}
                 size={size}
-                color={colors.primary.light}
+                color={colors[color as keyof typeof colors]?.main || color}
               />
             </TouchableOpacity>
           ))
@@ -144,6 +151,7 @@ export const RatingInput: FC<RatingInputProps> = ({
             value={review}
             onChangeText={(text) => setReview(text)}
             placeholder="Type review here.."
+            verticalAlign="top"
           />
         </View>
         <Button

package/src/types.ts

@@ -311,6 +311,7 @@ export interface OTPInputProps {
 export interface RatingStarsProps {
   rating: number;
   size: number;
+  color?: colorTypes | (string & {});
 }
 
 export interface RatingInputProps {
@@ -318,6 +319,7 @@ export interface RatingInputProps {
   noReview?: boolean;
   size?: number;
   onSubmit?: (data: { rating: number; review: string }) => Promise<void>;
+  color?: colorTypes | (string & {});
 }
 
 export interface DividerProps {