react-native-ico-business 4.1.4 → 5.1.2

package/README.md

@@ -23,6 +23,7 @@ render() {
           <Icon name="share-1" />
           <Icon name="idea-2" height="40" width="40" />
           <Icon name="thinking" color="red" />
+          <Icon name="thinking" colors={{ "#000000": "#FFFFFF" }} />
           <Icon name="idea-2" badge="10" />
           <Icon name="idea-2" badge={{value: 'A', fontSize: 25, radius: 22, position:'top_left', color:'orange', backgroundColor:'blue'}}/>
           <Icon name="share-1" background="circle" />
@@ -69,13 +70,14 @@ Returns a SvgXml icon by name and group.
 ------|----------|---------------|-------------|---------
 name | no |  | name of icon | "share-1"
 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-business",
-  "version": "4.1.4",
+  "version": "5.1.2",
   "description": "Business 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-business' {
     import { ReactNode } from 'react';
+    import { SvgProps, AdditionalProps } from 'react-native-svg';
 
     type iconNames = 'idea-3' |
       'minimize' |
@@ -115,8 +116,33 @@ declare module 'react-native-ico-business' {
       'buildings' |
       'email';
 
+    type iconColors = '#1BA9D8' |
+      '#1BB7EA' |
+      '#1CA6D4' |
+      '#1CA8D7' |
+      '#1F4254' |
+      '#7D8790' |
+      '#96A0A8' |
+      '#A4ABB1' |
+      '#B4C0C6' |
+      '#BEC7CB' |
+      '#C2CACE' |
+      '#C3CBCF' |
+      '#C5CED3' |
+      '#C7CED2' |
+      '#C8CFD2' |
+      '#D7DBDE' |
+      '#D8DDDF' |
+      '#DADEE0' |
+      '#DCE0E2' |
+      '#E8ECEE' |
+      '#F2F2F2' |
+      '#FFFFFF';
+
     type backgroundType = 'circle' | 'rect' | 'button';
 
+    type colorsType = Record<iconColors, string>;
+
     type positionType = 'top' | 'bottom' | 'right' | 'left' |
       'top_right' | 'top_left' | 'bottom_right' | 'bottom_left';
 
@@ -132,6 +158,7 @@ declare module 'react-native-ico-business' {
       fontSize?: string;
       position?: positionType;
       color?: string;
+      colors: colorsType;
       backgroundColor?: string;
       radius?: number;
     };
@@ -141,12 +168,13 @@ declare module 'react-native-ico-business' {
       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;