react-native-ico-stylish 4.1.4 → 5.1.2

package/README.md

@@ -23,6 +23,7 @@ render() {
           <Icon name="bikini" />
           <Icon name="blush-makeup-circular-opened-case" height="40" width="40" />
           <Icon name="bottle-black-and-rounded-shape" color="red" />
+          <Icon name="bottle-black-and-rounded-shape" colors={{ "#000000": "#FFFFFF" }} />
           <Icon name="blush-makeup-circular-opened-case" badge="10" />
           <Icon name="blush-makeup-circular-opened-case" badge={{value: 'A', fontSize: 25, radius: 22, position:'top_left', color:'orange', backgroundColor:'blue'}}/>
           <Icon name="bikini" background="circle" />
@@ -69,13 +70,14 @@ Returns a SvgXml icon by name and group.
 ------|----------|---------------|-------------|---------
 name | no |  | name of icon | "bikini"
 color | yes | | line color, css style | "#00ff00", "#0f0", "green"
+colors | yes | | replace colors | {"#FFFFFF": "#000000"} // white to black
 width | yes | 20 | width of the icon | 40
 height | yes | 20 | height of the icon | 40
-background | no | | background type | "circle"
-background | no | | background object | {type: "circle", color: 'yellow'}
-badge | no | | badge string | "10"
-badge | no | | badge object | {value: 'A', fontSize: 25, radius: 22, position:'top_left', color:'orange', backgroundColor:'blue'}
-...rest | no | | other props | style={{backgroundColor: "#00f"}}
+background | yes | | background type | "circle"
+background | yes | | background object | {type: "circle", color: 'yellow'}
+badge | yes | | badge string | "10"
+badge | yes | | badge object | {value: 'A', fontSize: 25, radius: 22, position:'top_left', color:'orange', backgroundColor:'blue'}
+...rest | yes | | other props | style={{backgroundColor: "#00f"}}
 
 ## Icons Made by
 

package/package.json

@@ -1,11 +1,11 @@
 {
   "name": "react-native-ico-stylish",
-  "version": "4.1.4",
+  "version": "5.1.2",
   "description": "Stylish Icons for React Native",
   "main": "src/index.jsx",
   "types": "typings.d.ts",
   "dependencies": {
-    "react-svg-main": "^3.0.1"
+    "react-svg-main": "^4.0.1"
   },
   "repository": {
     "type": "git",

package/typings.d.ts

@@ -1,5 +1,6 @@
 declare module 'react-native-ico-stylish' {
     import { ReactNode } from 'react';
+    import { SvgProps, AdditionalProps } from 'react-native-svg';
 
     type iconNames = 'bikini-one-piece-swimwear' |
       'bikini-shape-1' |
@@ -202,8 +203,12 @@ declare module 'react-native-ico-stylish' {
       'zip' |
       'zipper-tool';
 
+    type iconColors = ;
+
     type backgroundType = 'circle' | 'rect' | 'button';
 
+    type colorsType = Record<iconColors, string>;
+
     type positionType = 'top' | 'bottom' | 'right' | 'left' |
       'top_right' | 'top_left' | 'bottom_right' | 'bottom_left';
 
@@ -219,6 +224,7 @@ declare module 'react-native-ico-stylish' {
       fontSize?: string;
       position?: positionType;
       color?: string;
+      colors: colorsType;
       backgroundColor?: string;
       radius?: number;
     };
@@ -228,12 +234,13 @@ declare module 'react-native-ico-stylish' {
       width?: number;
       height?: number;
       color?: string;
+      colors: colorsType;
       stroke?: number;
       background?: backgroundType | backgroundTypeObj;
       badge?: number | string | badgeTypeObj;
     }
 
-    const Icon: (props: IconProps) => ReactNode;
+    const Icon: (props: IconProps & SvgProps & AdditionalProps) => ReactNode;
 
     export { iconNames };
     export default Icon;