@rn-components-dropdown/dropdown 1.0.8 → 1.0.9

package/dist/components/dropdown/components/chip/Chip.js

@@ -9,14 +9,14 @@ const AppText_1 = __importDefault(require("../../../text/AppText"));
 const svg_1 = require("../../../../assets/svg");
 const SvgButton_1 = __importDefault(require("../../../svgButton/SvgButton"));
 const Chip = (props) => {
-    const { styles } = (0, ChipStyle_1.default)({ ...props });
+    const { styles, colors } = (0, ChipStyle_1.default)({ ...props });
     const { label, onClearPress, textColor, clearIcon } = props;
     return (<react_native_1.View style={styles.box}>
       <AppText_1.default size={12} fontFamily={'semiBold'} style={styles.chipText} color={textColor ? textColor : 'gray'}>
         {label}
       </AppText_1.default>
       <react_native_1.View style={styles.clearContainer}>
-        <SvgButton_1.default icon={clearIcon ? clearIcon : <svg_1.ClearIcon color={textColor}/>} onPress={onClearPress} style={styles.clearIcon}/>
+        <SvgButton_1.default icon={clearIcon ? clearIcon : <svg_1.ClearIcon color={textColor || colors.white}/>} onPress={onClearPress} style={styles.clearIcon}/>
       </react_native_1.View>
     </react_native_1.View>);
 };

package/dist/components/dropdown/components/chip/ChipStyle.d.ts

@@ -64,7 +64,6 @@ declare const useChipStyle: (props: ChipInterface) => {
             borderRadius: number;
             alignItems: "center";
             justifyContent: "center";
-            backgroundColor: string;
         };
     };
     colors: {

package/dist/components/dropdown/components/chip/ChipStyle.js

@@ -51,7 +51,6 @@ const useChipStyle = (props) => {
                 borderRadius: 100,
                 alignItems: 'center',
                 justifyContent: 'center',
-                backgroundColor: colors.white,
             },
         });
     }, [chipColor, colors]);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@rn-components-dropdown/dropdown",
-  "version": "1.0.8",
+  "version": "1.0.9",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
   "repository": {

package/src/components/dropdown/components/chip/Chip.tsx

@@ -6,7 +6,7 @@ import SvgButton from '../../../svgButton/SvgButton';
 import { ChipInterface } from '../../interface/ChipInterface';
 
 const Chip = (props: ChipInterface) => {
-  const { styles } = useChipStyle({ ...props });
+  const { styles, colors } = useChipStyle({ ...props });
   const { label, onClearPress, textColor, clearIcon } = props;
   return (
     <View style={styles.box}>
@@ -20,7 +20,7 @@ const Chip = (props: ChipInterface) => {
       </AppText>
       <View style={styles.clearContainer}>
         <SvgButton
-          icon={clearIcon ? clearIcon : <ClearIcon color={textColor}/> } 
+          icon={clearIcon ? clearIcon : <ClearIcon color={textColor || colors.white}/> } 
           onPress={onClearPress}
           style={styles.clearIcon}
         />

package/src/components/dropdown/components/chip/ChipStyle.ts

@@ -51,7 +51,6 @@ const useChipStyle = (props: ChipInterface) => {
         borderRadius: 100,
         alignItems: 'center',
         justifyContent: 'center',
-        backgroundColor: colors.white,
       },
     });
   }, [chipColor, colors]);