Update to support react v16.0.0

package.json

@@ -10,37 +10,39 @@
     "url": "https://github.com/yuanyan/halogen.git"
   },
   "dependencies": {
-    "domkit": "0.0.1"
+    "domkit": "0.0.1",
+    "prop-types": "^15.6.0"
   },
   "peerDependencies": {
-    "react": "^0.14.8",
-    "react-dom": "^0.14.8"
+    "react": "^16.0.0",
+    "react-dom": "^16.0.0"
   },
   "devDependencies": {
     "babel-preset-es2015": "^6.6.0",
     "babel-preset-react": "^6.5.0",
     "babel-preset-stage-1": "^6.5.0",
     "babelify": "^7.2.0",
-    "browserify": "^6.3.3",
+    "browserify": "^14.5.0",
     "browserify-shim": "^3.8.0",
-    "chalk": "^0.5.1",
+    "chalk": "^2.2.0",
     "codemirror": "^5.0.0",
-    "del": "^0.1.3",
-    "gulp": "^3.8.10",
-    "gulp-babel": "^6.1.2",
-    "gulp-bump": "^0.1.11",
-    "gulp-connect": "^2.2.0",
-    "gulp-gh-pages": "^0.4.0",
-    "gulp-git": "^0.5.5",
-    "gulp-less": "^1.3.6",
+    "del": "^3.0.0",
+    "graceful-fs": "^4.0.0",
+    "gulp": "^3.9.1",
+    "gulp-babel": "^7.0.0",
+    "gulp-bump": "^2.8.0",
+    "gulp-connect": "^5.0.0",
+    "gulp-gh-pages": "^0.5.4",
+    "gulp-git": "^2.4.2",
+    "gulp-less": "^3.3.2",
     "gulp-rename": "^1.2.0",
-    "gulp-streamify": "^0.0.5",
-    "gulp-uglify": "^1.0.1",
+    "gulp-streamify": "^1.0.2",
+    "gulp-uglify": "^3.0.0",
     "gulp-util": "^3.0.1",
-    "merge-stream": "^0.1.6",
-    "vinyl-paths": "^1.0.0",
+    "merge-stream": "^1.0.1",
+    "vinyl-paths": "^2.1.0",
     "vinyl-source-stream": "^1.0.0",
-    "watchify": "^2.1.1"
+    "watchify": "^3.9.0"
   },
   "browserify": {
     "transform": []

src/BeatLoader.js

@@ -1,4 +1,5 @@
 var React = require('react');
+var PropTypes = require('prop-types');
 var assign = require('domkit/appendVendorPrefix');
 var insertKeyframesRule = require('domkit/insertKeyframesRule');
 
@@ -23,10 +24,10 @@ var Loader = React.createClass({
      * @type {Object}
      */
     propTypes: {
-        loading: React.PropTypes.bool,
-        color: React.PropTypes.string,
-        size: React.PropTypes.string,
-        margin: React.PropTypes.string
+        loading: PropTypes.bool,
+        color: PropTypes.string,
+        size: PropTypes.string,
+        margin: PropTypes.string
     },
 
     /**

src/BounceLoader.js

@@ -1,4 +1,5 @@
 var React = require('react');
+var PropTypes = require('prop-types');
 var assign = require('domkit/appendVendorPrefix');
 var insertKeyframesRule = require('domkit/insertKeyframesRule');
 
@@ -24,9 +25,9 @@ var Loader = React.createClass({
      * @type {Object}
      */
     propTypes: {
-        loading: React.PropTypes.bool,
-        color: React.PropTypes.string,
-        size: React.PropTypes.string
+        loading: PropTypes.bool,
+        color: PropTypes.string,
+        size: PropTypes.string
     },
 
     /**

src/ClipLoader.js

@@ -1,4 +1,5 @@
 var React = require('react');
+var PropTypes = require('prop-types');
 var assign = require('domkit/appendVendorPrefix');
 var insertKeyframesRule = require('domkit/insertKeyframesRule');
 
@@ -27,9 +28,9 @@ var Loader = React.createClass({
      * @type {Object}
      */
     propTypes: {
-        loading: React.PropTypes.bool,
-        color: React.PropTypes.string,
-        size: React.PropTypes.string
+        loading: PropTypes.bool,
+        color: PropTypes.string,
+        size: PropTypes.string
     },
 
     /**

src/DotLoader.js

@@ -1,4 +1,5 @@
 var React = require('react');
+var PropTypes = require('prop-types');
 var assign = require('domkit/appendVendorPrefix');
 var insertKeyframesRule = require('domkit/insertKeyframesRule');
 
@@ -38,10 +39,10 @@ var Loader = React.createClass({
      * @type {Object}
      */
     propTypes: {
-        loading: React.PropTypes.bool,
-        color: React.PropTypes.string,
-        size: React.PropTypes.string,
-        margin: React.PropTypes.string
+        loading: PropTypes.bool,
+        color: PropTypes.string,
+        size: PropTypes.string,
+        margin: PropTypes.string
     },
 
     /**

src/FadeLoader.js

@@ -1,4 +1,5 @@
 var React = require('react');
+var PropTypes = require('prop-types')
 var assign = require('domkit/appendVendorPrefix');
 var insertKeyframesRule = require('domkit/insertKeyframesRule');
 
@@ -24,12 +25,12 @@ var Loader = React.createClass({
      * @type {Object}
      */
     propTypes: {
-        loading: React.PropTypes.bool,
-        color: React.PropTypes.string,
-        height: React.PropTypes.string,
-        width: React.PropTypes.string,
-        margin: React.PropTypes.string,
-        radius: React.PropTypes.string
+        loading: PropTypes.bool,
+        color: PropTypes.string,
+        height: PropTypes.string,
+        width: PropTypes.string,
+        margin: PropTypes.string,
+        radius: PropTypes.string
     },
 
     /**

src/GridLoader.js

@@ -1,4 +1,5 @@
 var React = require('react');
+var PropTypes = require('prop-types')
 var assign = require('domkit/appendVendorPrefix');
 var insertKeyframesRule = require('domkit/insertKeyframesRule');
 
@@ -37,10 +38,10 @@ var Loader = React.createClass({
      * @type {Object}
      */
     propTypes: {
-        loading: React.PropTypes.bool,
-        color: React.PropTypes.string,
-        size: React.PropTypes.string,
-        margin: React.PropTypes.string
+        loading: PropTypes.bool,
+        color: PropTypes.string,
+        size: PropTypes.string,
+        margin: PropTypes.string
     },
 
     /**

src/MoonLoader.js

@@ -1,4 +1,5 @@
 var React = require('react');
+var PropTypes = require('prop-types');
 var assign = require('domkit/appendVendorPrefix');
 var insertKeyframesRule = require('domkit/insertKeyframesRule');
 
@@ -21,10 +22,10 @@ var Loader = React.createClass({
      * @type {Object}
      */
     propTypes: {
-        loading: React.PropTypes.bool,
-        color: React.PropTypes.string,
-        size: React.PropTypes.string,
-        margin: React.PropTypes.string
+        loading: PropTypes.bool,
+        color: PropTypes.string,
+        size: PropTypes.string,
+        margin: PropTypes.string
     },
 
     /**

src/PacmanLoader.js

@@ -1,4 +1,5 @@
 var React = require('react');
+var PropTypes = require('prop-types');
 var assign = require('domkit/appendVendorPrefix');
 var insertKeyframesRule = require('domkit/insertKeyframesRule');
 
@@ -12,10 +13,10 @@ var Loader = React.createClass({
      * @type {Object}
      */
     propTypes: {
-        loading: React.PropTypes.bool,
-        color: React.PropTypes.string,
-        size: React.PropTypes.number,
-        margin: React.PropTypes.number
+        loading: PropTypes.bool,
+        color: PropTypes.string,
+        size: PropTypes.number,
+        margin: PropTypes.number
     },
 
     /**

src/PulseLoader.js

@@ -1,4 +1,5 @@
 var React = require('react');
+var PropTypes = require('prop-types');
 var assign = require('domkit/appendVendorPrefix');
 var insertKeyframesRule = require('domkit/insertKeyframesRule');
 
@@ -30,10 +31,10 @@ var Loader = React.createClass({
      * @type {Object}
      */
     propTypes: {
-        loading: React.PropTypes.bool,
-        color: React.PropTypes.string,
-        size: React.PropTypes.string,
-        margin: React.PropTypes.string
+        loading: PropTypes.bool,
+        color: PropTypes.string,
+        size: PropTypes.string,
+        margin: PropTypes.string
     },
 
     /**

src/RingLoader.js

@@ -1,4 +1,5 @@
 var React = require('react');
+var PropTypes = require('prop-types');
 var assign = require('domkit/appendVendorPrefix');
 var insertKeyframesRule = require('domkit/insertKeyframesRule');
 
@@ -42,10 +43,10 @@ var Loader = React.createClass({
      * @type {Object}
      */
     propTypes: {
-        loading: React.PropTypes.bool,
-        color: React.PropTypes.string,
-        size: React.PropTypes.string,
-        margin: React.PropTypes.string
+        loading: PropTypes.bool,
+        color: PropTypes.string,
+        size: PropTypes.string,
+        margin: PropTypes.string
     },
 
     /**

src/RiseLoader.js

@@ -1,4 +1,5 @@
 var React = require('react');
+var PropTypes = require('prop-types');
 var assign = require('domkit/appendVendorPrefix');
 var insertKeyframesRule = require('domkit/insertKeyframesRule');
 
@@ -64,10 +65,10 @@ var Loader = React.createClass({
      * @type {Object}
      */
     propTypes: {
-        loading: React.PropTypes.bool,
-        color: React.PropTypes.string,
-        size: React.PropTypes.string,
-        margin: React.PropTypes.string
+        loading: PropTypes.bool,
+        color: PropTypes.string,
+        size: PropTypes.string,
+        margin: PropTypes.string
     },
 
     /**

src/RotateLoader.js

@@ -1,4 +1,5 @@
 var React = require('react');
+var PropTypes = require('prop-types');
 var assign = require('domkit/appendVendorPrefix');
 var insertKeyframesRule = require('domkit/insertKeyframesRule');
 
@@ -27,10 +28,10 @@ var Loader = React.createClass({
      * @type {Object}
      */
     propTypes: {
-        loading: React.PropTypes.bool,
-        color: React.PropTypes.string,
-        size: React.PropTypes.string,
-        margin: React.PropTypes.string
+        loading: PropTypes.bool,
+        color: PropTypes.string,
+        size: PropTypes.string,
+        margin: PropTypes.string
     },
 
     /**

src/ScaleLoader.js

@@ -1,4 +1,5 @@
 var React = require('react');
+var PropTypes = require('prop-types');
 var assign = require('domkit/appendVendorPrefix');
 var insertKeyframesRule = require('domkit/insertKeyframesRule');
 
@@ -27,12 +28,12 @@ var Loader = React.createClass({
      * @type {Object}
      */
     propTypes: {
-        loading: React.PropTypes.bool,
-        color: React.PropTypes.string,
-        height: React.PropTypes.string,
-        width: React.PropTypes.string,
-        margin: React.PropTypes.string,
-        radius: React.PropTypes.string
+        loading: PropTypes.bool,
+        color: PropTypes.string,
+        height: PropTypes.string,
+        width: PropTypes.string,
+        margin: PropTypes.string,
+        radius: PropTypes.string
     },
 
     /**

src/SkewLoader.js

@@ -1,4 +1,5 @@
 var React = require('react');
+var PropTypes = require('prop-types');
 var assign = require('domkit/appendVendorPrefix');
 var insertKeyframesRule = require('domkit/insertKeyframesRule');
 
@@ -30,9 +31,9 @@ var Loader = React.createClass({
      * @type {Object}
      */
     propTypes: {
-        loading: React.PropTypes.bool,
-        color: React.PropTypes.string,
-        size: React.PropTypes.string
+        loading: PropTypes.bool,
+        color: PropTypes.string,
+        size: PropTypes.string
     },
 
     /**

src/SquareLoader.js

@@ -1,4 +1,5 @@
 var React = require('react');
+var PropTypes = require('prop-types');
 var assign = require('domkit/appendVendorPrefix');
 var insertKeyframesRule = require('domkit/insertKeyframesRule');
 
@@ -30,10 +31,10 @@ var Loader = React.createClass({
      * @type {Object}
      */
     propTypes: {
-        loading: React.PropTypes.bool,
-        color: React.PropTypes.string,
-        size: React.PropTypes.string,
-        margin: React.PropTypes.string
+        loading: PropTypes.bool,
+        color: PropTypes.string,
+        size: PropTypes.string,
+        margin: PropTypes.string
     },
 
     /**

src/SyncLoader.js

@@ -1,4 +1,5 @@
 var React = require('react');
+var PropTypes = require('prop-types');
 var assign = require('domkit/appendVendorPrefix');
 var insertKeyframesRule = require('domkit/insertKeyframesRule');
 
@@ -27,10 +28,10 @@ var Loader = React.createClass({
      * @type {Object}
      */
     propTypes: {
-        loading: React.PropTypes.bool,
-        color: React.PropTypes.string,
-        size: React.PropTypes.string,
-        margin: React.PropTypes.string
+        loading: PropTypes.bool,
+        color: PropTypes.string,
+        size: PropTypes.string,
+        margin: PropTypes.string
     },
 
     /**