react-native-ico-social-icons-rounded 4.1.4 → 5.1.2

package/README.md

@@ -23,6 +23,7 @@ render() {
           <Icon name="56-social-logo" />
           <Icon name="ads-of-the-world-logo" height="40" width="40" />
           <Icon name="ads-scuttlepad-logo" color="red" />
+          <Icon name="ads-scuttlepad-logo" colors={{ "#000000": "#FFFFFF" }} />
           <Icon name="ads-of-the-world-logo" badge="10" />
           <Icon name="ads-of-the-world-logo" badge={{value: 'A', fontSize: 25, radius: 22, position:'top_left', color:'orange', backgroundColor:'blue'}}/>
           <Icon name="56-social-logo" background="circle" />
@@ -69,13 +70,14 @@ Returns a SvgXml icon by name and group.
 ------|----------|---------------|-------------|---------
 name | no |  | name of icon | "56-social-logo"
 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-social-icons-rounded",
-  "version": "4.1.4",
+  "version": "5.1.2",
   "description": "Social Icons Rounded 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-social-icons-rounded' {
     import { ReactNode } from 'react';
+    import { SvgProps, AdditionalProps } from 'react-native-svg';
 
     type iconNames = '500px-logo-1' |
       '500px-logo' |
@@ -206,8 +207,12 @@ declare module 'react-native-ico-social-icons-rounded' {
       'yupoo-logo' |
       'zorpia-logo';
 
+    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';
 
@@ -223,6 +228,7 @@ declare module 'react-native-ico-social-icons-rounded' {
       fontSize?: string;
       position?: positionType;
       color?: string;
+      colors: colorsType;
       backgroundColor?: string;
       radius?: number;
     };
@@ -232,12 +238,13 @@ declare module 'react-native-ico-social-icons-rounded' {
       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;