react-grid-system - npm Package Compare versions

Comparing version 1.1.1 to 1.1.2

build/utilities/Hidden/index.js

@@ -57,7 +57,3 @@ 'use strict';
       })) return false;
-      return _react2.default.createElement(
-        'div',
-        { style: style.main({ moreStyle: _this.props.style }) },
-        _this.props.children
-      );
+      return _this.props.children;
     }, _temp), _possibleConstructorReturn(_this, _ret);
@@ -73,3 +69,3 @@ }
    */
-  children: _react2.default.PropTypes.node,
+  children: _react2.default.PropTypes.element,
   /**
@@ -76,0 +72,0 @@ * Hide on extra small devices

build/utilities/Visible/index.js

@@ -57,7 +57,3 @@ 'use strict';
       })) return false;
-      return _react2.default.createElement(
-        'div',
-        { style: style.main({ moreStyle: _this.props.style }) },
-        _this.props.children
-      );
+      return _this.props.children;
     }, _temp), _possibleConstructorReturn(_this, _ret);
@@ -73,3 +69,3 @@ }
    */
-  children: _react2.default.PropTypes.node,
+  children: _react2.default.PropTypes.element,
   /**
@@ -76,0 +72,0 @@ * Show on extra small devices

package.json

 {
   "name": "react-grid-system",
-  "version": "1.1.1",
+  "version": "1.1.2",
   "description": "A pure JS bootstrap-like grid system for React.",
@@ -26,14 +26,14 @@ "main": "./build/index.js",
   "dependencies": {
-    "react": "^15.1.0"
+    "react": "^15.3.0"
   },
   "devDependencies": {
-    "babel-eslint": "^6.1.0",
-    "babel-preset-es2015": "^6.9.0",
-    "babel-preset-react": "^6.5.0",
-    "babel-preset-stage-1": "^6.5.0",
+    "babel-eslint": "^6.1.2",
+    "babel-preset-es2015": "^6.13.2",
+    "babel-preset-react": "^6.11.1",
+    "babel-preset-stage-1": "^6.13.0",
     "gulp": "^3.9.1",
     "gulp-babel": "^6.1.2",
-    "gulp-dev-tasks": "^1.0.27",
-    "react-styleguidist": "^2.3.1"
+    "gulp-dev-tasks": "^1.1.5",
+    "react-styleguidist": "^3.0.2"
   }
 }

src/utilities/Hidden/index.js

@@ -10,3 +10,3 @@ import React from 'react';
      */
-    children: React.PropTypes.node,
+    children: React.PropTypes.element,
     /**
@@ -70,8 +70,4 @@ * Hide on extra small devices
     })) return false;
-    return (
-      <div style={style.main({ moreStyle: this.props.style })}>
-        {this.props.children}
-      </div>
-    );
+    return this.props.children;
   }
 }

src/utilities/Readme.md

@@ -8,16 +8,16 @@ Resize your browser or load on different devices to test the responsive utility classes.
   <Col xs={6} sm={3}>
-    <Hidden xs style={{ color: 'gray' }}>Extra small</Hidden>
-    <Visible xs style={{ color: 'green' }}>Visible on extra small</Visible>
+    <Hidden xs><div style={{ color: 'gray' }}>Extra small</div></Hidden>
+    <Visible xs><div style={{ color: 'green' }}>Visible on extra small</div></Visible>
   </Col>
   <Col xs={6} sm={3}>
-    <Hidden sm style={{ color: 'gray' }}>Small</Hidden>
-    <Visible sm style={{ color: 'green' }}>Visible on small</Visible>
+    <Hidden sm><div style={{ color: 'gray' }}>Small</div></Hidden>
+    <Visible sm><div style={{ color: 'green' }}>Visible on small</div></Visible>
   </Col>
   <Col xs={6} sm={3}>
-    <Hidden md style={{ color: 'gray' }}>Medium</Hidden>
-    <Visible md style={{ color: 'green' }}>Visible on medium</Visible>
+    <Hidden md><div style={{ color: 'gray' }}>Medium</div></Hidden>
+    <Visible md><div style={{ color: 'green' }}>Visible on medium</div></Visible>
   </Col>
   <Col xs={6} sm={3}>
-    <Hidden lg style={{ color: 'gray' }}>Large</Hidden>
-    <Visible lg style={{ color: 'green' }}>Visible on large</Visible>
+    <Hidden lg><div style={{ color: 'gray' }}>Large</div></Hidden>
+    <Visible lg><div style={{ color: 'green' }}>Visible on large</div></Visible>
   </Col>
@@ -30,8 +30,8 @@ </Row>
   <Col xs={6}>
-    <Hidden xs sm style={{ color: 'gray' }}>Extra small and small</Hidden>
-    <Visible xs sm style={{ color: 'green' }}>Visible on extra small and small</Visible>
+    <Hidden xs sm><div style={{ color: 'gray' }}>Extra small and small</div></Hidden>
+    <Visible xs sm><div style={{ color: 'green' }}>Visible on extra small and small</div></Visible>
   </Col>
   <Col xs={6}>
-    <Hidden md lg style={{ color: 'gray' }}>Medium and large</Hidden>
-    <Visible md lg style={{ color: 'green' }}>Visible on medium and large</Visible>
+    <Hidden md lg><div style={{ color: 'gray' }}>Medium and large</div></Hidden>
+    <Visible md lg><div style={{ color: 'green' }}>Visible on medium and large</div></Visible>
   </Col>
@@ -44,8 +44,8 @@ </Row>
   <Col xs={6}>
-    <Hidden xs md style={{ color: 'gray' }}>Extra small and medium</Hidden>
-    <Visible xs md style={{ color: 'green' }}>Visible on extra small and meduim</Visible>
+    <Hidden xs md><div style={{ color: 'gray' }}>Extra small and medium</div></Hidden>
+    <Visible xs md><div style={{ color: 'green' }}>Visible on extra small and meduim</div></Visible>
   </Col>
   <Col xs={6}>
-    <Hidden sm lg style={{ color: 'gray' }}>Small and large</Hidden>
-    <Visible sm lg style={{ color: 'green' }}>Visible on small and large</Visible>
+    <Hidden sm lg><div style={{ color: 'gray' }}>Small and large</div></Hidden>
+    <Visible sm lg><div style={{ color: 'green' }}>Visible on small and large</div></Visible>
   </Col>
@@ -58,10 +58,10 @@ </Row>
   <Col xs={6}>
-    <Hidden xs lg style={{ color: 'gray' }}>Extra small and large</Hidden>
-    <Visible xs lg style={{ color: 'green' }}>Visible on extra small and large</Visible>
+    <Hidden xs lg><div style={{ color: 'gray' }}>Extra small and large</div></Hidden>
+    <Visible xs lg><div style={{ color: 'green' }}>Visible on extra small and large</div></Visible>
   </Col>
   <Col xs={6}>
-    <Hidden sm md style={{ color: 'gray' }}>Small and medium</Hidden>
-    <Visible sm md style={{ color: 'green' }}>Visible on small and medium</Visible>
+    <Hidden sm md><div style={{ color: 'gray' }}>Small and medium</div></Hidden>
+    <Visible sm md><div style={{ color: 'green' }}>Visible on small and medium</div></Visible>
   </Col>
 </Row>
 ```

src/utilities/Visible/index.js

@@ -10,3 +10,3 @@ import React from 'react';
      */
-    children: React.PropTypes.node,
+    children: React.PropTypes.element,
     /**
@@ -70,8 +70,4 @@ * Show on extra small devices
     })) return false;
-    return (
-      <div style={style.main({ moreStyle: this.props.style })}>
-        {this.props.children}
-      </div>
-    );
+    return this.props.children;
   }
 }

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

Worsened metrics

Total package byte prevSize

40052

decreased by-0.52%

Lines of code

938

decreased by-1.68%

Dependency changes

• Updatedreact@^15.3.0