react-native-vector-icons - npm Package Compare versions

Comparing version 1.1.1 to 1.2.0

bower.json

@@ -18,7 +18,5 @@ {
   "devDependencies": {
-    "ionicons": "~2.0.1",
     "css-social-buttons": "~1.0.0",
-    "foundation-icon-fonts": "*",
-    "octicons": "~2.4.1"
+    "foundation-icon-fonts": "*"
   }
 }

EvilIcons.js

@@ -62,20 +62,21 @@ /**
   "sc-soundcloud": 61746,
-  "sc-tumblr": 61747,
-  "sc-twitter": 61748,
-  "sc-vimeo": 61749,
-  "sc-vk": 61750,
-  "sc-youtube": 61751,
-  "search": 61752,
-  "share-apple": 61753,
-  "share-google": 61754,
-  "spinner": 61755,
-  "spinner-2": 61756,
-  "spinner-3": 61757,
-  "star": 61758,
-  "tag": 61759,
-  "trash": 61760,
-  "trophy": 61761,
-  "undo": 61762,
-  "unlock": 61763,
-  "user": 61764
+  "sc-telegram": 61747,
+  "sc-tumblr": 61748,
+  "sc-twitter": 61749,
+  "sc-vimeo": 61750,
+  "sc-vk": 61751,
+  "sc-youtube": 61752,
+  "search": 61753,
+  "share-apple": 61754,
+  "share-google": 61755,
+  "spinner": 61756,
+  "spinner-2": 61757,
+  "spinner-3": 61758,
+  "star": 61759,
+  "tag": 61760,
+  "trash": 61761,
+  "trophy": 61762,
+  "undo": 61763,
+  "unlock": 61764,
+  "user": 61765
 };
@@ -82,0 +83,0 @@

Octicons.js

@@ -12,5 +12,2 @@ /**
   "alert": 61485,
-  "alignment-align": 61578,
-  "alignment-aligned-to": 61582,
-  "alignment-unalign": 61579,
   "arrow-down": 61503,
@@ -24,3 +21,6 @@ "arrow-left": 61504,
   "arrow-up": 61501,
-  "beer": 61545,
+  "microscope": 61661,
+  "beaker": 61661,
+  "bell": 61662,
+  "bold": 61666,
   "book": 61447,
@@ -46,3 +46,2 @@ "bookmark": 61563,
   "code": 61535,
-  "color-mode": 61541,
   "comment-add": 61483,
@@ -55,2 +54,4 @@ "comment": 61483,
   "database": 61590,
+  "clone": 61660,
+  "desktop-download": 61660,
   "device-camera": 61526,
@@ -100,3 +101,2 @@ "device-camera-video": 61527,
   "horizontal-rule": 61552,
-  "hourglass": 61598,
   "hubot": 61597,
@@ -108,7 +108,4 @@ "inbox": 61647,
   "issue-reopened": 61479,
+  "italic": 61668,
   "jersey": 61465,
-  "jump-down": 61554,
-  "jump-left": 61605,
-  "jump-right": 61606,
-  "jump-up": 61555,
   "key": 61513,
@@ -127,2 +124,3 @@ "keyboard": 61453,
   "lock": 61546,
+  "logo-gist": 61613,
   "logo-github": 61586,
@@ -136,3 +134,2 @@ "mail": 61499,
   "mention": 61630,
-  "microscope": 61577,
   "milestone": 61557,
@@ -142,6 +139,2 @@ "mirror-public": 61476,
   "mortar-board": 61655,
-  "move-down": 61608,
-  "move-left": 61556,
-  "move-right": 61609,
-  "move-up": 61607,
   "mute": 61568,
@@ -158,6 +151,2 @@ "no-newline": 61596,
   "pin": 61505,
-  "playback-fast-forward": 61629,
-  "playback-pause": 61627,
-  "playback-play": 61631,
-  "playback-rewind": 61628,
   "plug": 61652,
@@ -169,7 +158,5 @@ "repo-create": 61533,
   "plus": 61533,
-  "podium": 61615,
   "primitive-dot": 61522,
   "primitive-square": 61523,
   "pulse": 61573,
-  "puzzle": 61632,
   "question": 61484,
@@ -189,4 +176,2 @@ "quote": 61539,
   "ruby": 61511,
-  "screen-full": 61542,
-  "screen-normal": 61543,
   "search-save": 61486,
@@ -196,2 +181,3 @@ "search": 61486,
   "settings": 61564,
+  "shield": 61665,
   "log-in": 61494,
@@ -201,3 +187,3 @@ "sign-in": 61494,
   "sign-out": 61490,
-  "split": 61638,
+  "smiley": 61671,
   "squirrel": 61618,
@@ -207,3 +193,2 @@ "star-add": 61482,
   "star": 61482,
-  "steps": 61639,
   "stop": 61583,
@@ -215,4 +200,6 @@ "repo-sync": 61575,
   "tag": 61461,
+  "tasklist": 61669,
   "telescope": 61576,
   "terminal": 61640,
+  "text-size": 61667,
   "three-bars": 61534,
@@ -229,3 +216,6 @@ "thumbsdown": 61659,
   "unmute": 61626,
+  "unverified": 61672,
+  "verified": 61670,
   "versions": 61540,
+  "watch": 61664,
   "remove-close": 61569,
@@ -232,0 +222,0 @@ "x": 61569

package.json

 {
   "name": "react-native-vector-icons",
-  "version": "1.1.1",
+  "version": "1.2.0",
   "description": "Customizable Icons for React Native with support for NavBar/TabBar, image source and full styling. Choose from 3000+ bundled icons or use your own.",
@@ -16,5 +16,5 @@ "main": "index.js",
     "build-foundation": "node generate-icon bower_components/foundation-icon-fonts/foundation-icons.css --prefix=.fi- --componentName=Foundation --fontFamily=fontcustom > Foundation.js && cp bower_components/foundation-icon-fonts/foundation-icons.ttf Fonts/Foundation.ttf",
-    "build-ionicons": "node generate-icon bower_components/ionicons/css/ionicons.css --prefix=.ion- --componentName=Ionicons --fontFamily=Ionicons > Ionicons.js && cp bower_components/ionicons/fonts/ionicons.ttf Fonts/Ionicons.ttf",
+    "build-ionicons": "node generate-icon node_modules/ionicons/css/ionicons.css --prefix=.ion- --componentName=Ionicons --fontFamily=Ionicons > Ionicons.js && cp node_modules/ionicons/fonts/ionicons.ttf Fonts/Ionicons.ttf",
     "build-materialicons": "node generate-material-icons node_modules/material-design-icons/iconfont/codepoints --componentName=MaterialIcons --fontFamily='Material Icons' > MaterialIcons.js && cp node_modules/material-design-icons/iconfont/MaterialIcons-Regular.ttf Fonts/MaterialIcons.ttf",
-    "build-octicons": "node generate-icon bower_components/octicons/octicons/octicons.css --prefix=.octicon- --componentName=Octicons --fontFamily=octicons > Octicons.js && cp bower_components/octicons/octicons/octicons.ttf Fonts/Octicons.ttf",
+    "build-octicons": "node generate-icon node_modules/octicons/octicons/octicons.css --prefix=.octicon- --componentName=Octicons --fontFamily=octicons > Octicons.js && cp node_modules/octicons/octicons/octicons.ttf Fonts/Octicons.ttf",
     "build-zocial": "node generate-icon bower_components/css-social-buttons/css/zocial.css --prefix=.zocial. --componentName=Zocial --fontFamily=zocial > Zocial.js && cp bower_components/css-social-buttons/css/zocial.ttf Fonts/Zocial.ttf"
@@ -51,3 +51,5 @@ },
   "rnpm": {
-    "assets": ["Fonts"]
+    "assets": [
+      "Fonts"
+    ]
   },
@@ -59,6 +61,8 @@ "dependencies": {
   "devDependencies": {
-    "evil-icons": "^1.7.6",
+    "evil-icons": "^1.8.0",
     "font-awesome": "^4.5.0",
-    "material-design-icons": "^2.1.1"
+    "ionicons": "^2.0.1",
+    "material-design-icons": "^2.1.1",
+    "octicons": "^3.5.0"
   }
 }

README.md

@@ -16,6 +16,8 @@ ![Vector Icons for React Native](https://cloud.githubusercontent.com/assets/378279/12009887/33f4ae1c-ac8d-11e5-8666-7a87458753ee.png)
 
+*Pst! Migrating from `react-native-icons`? Scroll down for more information.*
+
 ## Bundled Icon Sets
 
 * [`Entypo`](http://entypo.com) by Daniel Bruce (**411** icons) 
-* [`EvilIcons`](http://evil-icons.io) by Alexander Madyankin & Roman Shamin (v1.7.8, **70** icons) 
+* [`EvilIcons`](http://evil-icons.io) by Alexander Madyankin & Roman Shamin (v1.8.0, **71** icons) 
 * [`FontAwesome`](http://fortawesome.github.io/Font-Awesome/icons/) by Dave Gandy (v4.5, **605** icons) 
@@ -25,3 +27,3 @@ * [`Foundation`](http://zurb.com/playground/foundation-icon-fonts-3) by ZURB, Inc. (v3.0, **283** icons)
 * [`MaterialIcons`](https://www.google.com/design/icons/) by Google, Inc. (v2.1.1, **893** icons)
-* [`Octicons`](http://octicons.github.com) by Github, Inc. (v2.4.1, **178** icons)
+* [`Octicons`](http://octicons.github.com) by Github, Inc. (v3.5.0, **196** icons)
 * [`Zocial`](http://zocial.smcllns.com/) by Sam Collins (v1.0, **100** icons)
@@ -33,8 +35,8 @@
 
-if you're using rnpm, you can link all native dependencies automatically:
+### iOS 
 
+#### Option: With [`rnpm`](https://github.com/rnpm/rnpm)
+
 `$ rnpm link`
 
-### iOS 
-
 #### Option: Manually
@@ -66,7 +68,11 @@
 
-*Note: Android support requires React Native 0.16 or later, use [0.8.5](https://github.com/oblador/react-native-vector-icons/releases/tag/v0.8.5) for earlier versions*
+#### Option: With [`rnpm`](https://github.com/rnpm/rnpm)
 
+`$ rnpm link`
+
+#### Option: Manually
+
 * Copy the contents in the `Fonts` folder to `android/app/src/main/assets/fonts` (*note lowercase font folder*). 
 
-#### Integrating library for `getImageSource` support
+##### Integrating library for `getImageSource` support
 
@@ -260,3 +266,6 @@ These steps are optional and only needed if you want to use the `Icon.getImageSource` function.
 
+## Animation
 
+React Native comes with an amazing animation library called [`Animated`](http://facebook.github.io/react-native/docs/animated.html). To use it with an icon, simply create an animated component with this line: `var AnimatedIcon = Animated.createAnimatedComponent(Icon)`. You can also use the higher level animation library [react-native-animatable](https://github.com/oblador/react-native-animatable).
+
 ## Examples
@@ -356,2 +365,12 @@
 
+## Migrating from `react-native-icons`
+
+**NOTE:** This approach is unsupported and new apps / views should NOT use this component. 
+
+With `react-native-icons` recently being discontinued, users switching to this library might not want to rewrite all their code. For that use case I've written a drop in replacement component that uses the same icon name syntax. It might break some layouts since the underlying component is different. To use this, simply replace your `react-native-icons` require statement with this:
+
+```js
+var Icon = require('react-native-vector-icons/RNIMigration')
+```
+
 ## Troubleshooting
@@ -358,0 +377,0 @@

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

822629

increased by0.15%

Number of package files

45

increased by2.27%

Lines of code

3914

increased by0.82%

Number of lines in readme file

388

increased by5.15%

Worsened metrics

Dev dependency count

5

increased by66.67%

No dependency changes