react-native-ico-modern-ui 4.1.5 → 7.0.1

package/README.md

@@ -4,7 +4,7 @@
 
 1260 Vector Icons for React Native
 
-<img src="./static/3d.png" alt="3d" width="150" height="150"> <img src="./static/acorn.png" alt="acorn" width="150" height="150"> <img src="./static/add-multiple.png" alt="add-multiple" width="150" height="150">
+<img src="./static/social-microsoft.png" alt="social-microsoft" width="150" height="150"> <img src="./static/adobe-encore.png" alt="adobe-encore" width="150" height="150"> <img src="./static/film.png" alt="film" width="150" height="150">
 
 ## List of icons
 
@@ -20,13 +20,14 @@ import Icon from 'react-native-ico-modern-ui';
 render() {
     return (
         <>
-          <Icon name="3d" />
-          <Icon name="acorn" height="40" width="40" />
-          <Icon name="add-multiple" color="red" />
-          <Icon name="acorn" badge="10" />
-          <Icon name="acorn" badge={{value: 'A', fontSize: 25, radius: 22, position:'top_left', color:'orange', backgroundColor:'blue'}}/>
-          <Icon name="3d" background="circle" />
-          <Icon name="3d" background={{ type: "button", color: 'green' }} />
+          <Icon name="social-microsoft" />
+          <Icon name="adobe-encore" height="40" width="40" />
+          <Icon name="film" color="red" />
+          <Icon name="film" colors={{ "#000000": "#FFFFFF" }} />
+          <Icon name="adobe-encore" badge="10" />
+          <Icon name="adobe-encore" badge={{value: 'A', fontSize: 25, radius: 22, position:'top_left', color:'orange', backgroundColor:'blue'}}/>
+          <Icon name="social-microsoft" background="circle" />
+          <Icon name="social-microsoft" background={{ type: "button", color: 'green' }} />
         </>
     );
 }
@@ -53,7 +54,9 @@ npm install --save react-native-ico-modern-ui react-native-svg
 react-native link react-native-svg
 ```
 
-### pod install ( for iOS )
+`react-native-svg` is a peer dependency. Install a current version in the app so the package uses the app-level native module instead of pulling in an older nested copy.
+
+### pod install (for iOS)
 
 ```
 cd ios && pod install && cd ..
@@ -67,15 +70,16 @@ Returns a SvgXml icon by name and group.
 
  name | optional | default value | description | examples
 ------|----------|---------------|-------------|---------
-name | no |  | name of icon | "3d"
+name | no |  | name of icon | "social-microsoft"
 color | yes | | line color, css style | "#00ff00", "#0f0", "green"
+colors | yes | | replace colors | {"#FFFFFF": "#000000", "#f00": "#00f"} // white to black, red to blue
 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,15 +1,20 @@
 {
   "name": "react-native-ico-modern-ui",
-  "version": "4.1.5",
+  "version": "7.0.1",
   "description": "Modern Ui Icons for React Native",
   "main": "src/index.jsx",
   "types": "typings.d.ts",
   "dependencies": {
-    "react-svg-main": "^3.0.1"
+    "react-svg-main": "^4.1.1"
+  },
+  "peerDependencies": {
+    "react": ">=18",
+    "react-native": ">=0.72",
+    "react-native-svg": ">=15"
   },
   "repository": {
     "type": "git",
-    "url": "https://github.com/ivanoff/react-native-ico-modern-ui.git"
+    "url": "git+https://github.com/ivanoff/react-native-ico-modern-ui.git"
   },
   "keywords": [
     "React",