radium - npm Package Compare versions

Comparing version 0.18.2 to 0.18.3

CHANGELOG.md

 # Radium Changelog
 
+## 0.18.3 (May 15, 2017)
+- Update dependencies
+- Update deprecated React syntax in examples
+- Use React "prop-types" package
+
 ## 0.18.2 (March 15, 2017)
@@ -4,0 +9,0 @@

docs/comparison/README.md

@@ -8,3 +8,3 @@ # Comparison of CSS in JS Libraries for React
 [React Inline](https://github.com/martinandert/react-inline) | `StyleSheet.create(...)` + `class` attribute | Converts to CSS | Unknown | Yes | Yes | Yes - all that are supported by CSS | No | No | Yes | Yes, after extraction | Yes - using inline styles | Yes
-[jsxstyle](https://github.com/petehunt/jsxstyle) | JSX props, `<Block marginLeft={12} color={Theme.COLOR} />` | Converts to CSS | Unknown | Yes | Not yet | Not yet | No | No | Yes | Yes, after extraction | Yes - using inline styles | Yes
+[jsxstyle](https://github.com/petehunt/jsxstyle) | JSX props, `<Block marginLeft={12} color={Theme.COLOR} />` | Converts to CSS | Unknown | Yes | Not yet | Yes | No | No | Yes | Yes, after extraction | Yes - using inline styles | Yes
 [React JSS](https://github.com/jsstyles/react-jss) | Plain objects + `className` attribute + HOC | Converts to CSS | [extend plugin](https://github.com/jsstyles/jss-extend) | Optional | Yes | Yes | No | Yes | Yes | [Yes](https://github.com/jsstyles/jss-vendor-prefixer) | Yes - using inline styles | Yes
@@ -11,0 +11,0 @@ [ReactShadow](https://github.com/Wildhoney/ReactShadow) | External CSS files | Shadow DOM for scoping | Same pitfalls as CSS | No | Yes | Yes | Yes | Yes | No | Yes, on external css | Yes - using inline styles | Yes

docs/faq/README.md

@@ -113,3 +113,3 @@ # Frequently Asked Questions
   static propTypes = {
-    kind: React.PropTypes.oneOf(['primary', 'warning']).isRequired
+    kind: PropTypes.oneOf(['primary', 'warning']).isRequired
   }
@@ -116,0 +116,0 @@

lib/components/style-root.js

@@ -11,2 +11,6 @@ 'use strict';
 
+var _propTypes = require('prop-types');
+
+var _propTypes2 = _interopRequireDefault(_propTypes);
+
 var _enhancer = require('../enhancer');
@@ -79,8 +83,8 @@
 StyleRoot.contextTypes = {
-  _radiumConfig: _react.PropTypes.object,
-  _radiumStyleKeeper: _react.PropTypes.instanceOf(_styleKeeper2.default)
+  _radiumConfig: _propTypes2.default.object,
+  _radiumStyleKeeper: _propTypes2.default.instanceOf(_styleKeeper2.default)
 };
 
 StyleRoot.childContextTypes = {
-  _radiumStyleKeeper: _react.PropTypes.instanceOf(_styleKeeper2.default)
+  _radiumStyleKeeper: _propTypes2.default.instanceOf(_styleKeeper2.default)
 };
@@ -87,0 +91,0 @@

lib/components/style-sheet.js

@@ -14,2 +14,6 @@ 'use strict';
 
+var _propTypes = require('prop-types');
+
+var _propTypes2 = _interopRequireDefault(_propTypes);
+
 var _styleKeeper = require('../style-keeper');
@@ -68,5 +72,5 @@
 }(_react.PureComponent), _class.contextTypes = {
-  _radiumStyleKeeper: _react2.default.PropTypes.instanceOf(_styleKeeper2.default)
+  _radiumStyleKeeper: _propTypes2.default.instanceOf(_styleKeeper2.default)
 }, _temp);
 exports.default = StyleSheet;
 module.exports = exports['default'];

lib/components/style.js

@@ -19,2 +19,6 @@ 'use strict';
 
+var _propTypes = require('prop-types');
+
+var _propTypes2 = _interopRequireDefault(_propTypes);
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
@@ -94,7 +98,7 @@
 }(_react.PureComponent), _class.propTypes = {
-  radiumConfig: _react.PropTypes.object,
-  rules: _react.PropTypes.object,
-  scopeSelector: _react.PropTypes.string
+  radiumConfig: _propTypes2.default.object,
+  rules: _propTypes2.default.object,
+  scopeSelector: _propTypes2.default.string
 }, _class.contextTypes = {
-  _radiumConfig: _react.PropTypes.object
+  _radiumConfig: _propTypes2.default.object
 }, _class.defaultProps = {
@@ -101,0 +105,0 @@ scopeSelector: ''

lib/enhancer.js

@@ -13,2 +13,6 @@ 'use strict';
 
+var _propTypes = require('prop-types');
+
+var _propTypes2 = _interopRequireDefault(_propTypes);
+
 var _styleKeeper = require('./style-keeper.js');
@@ -158,3 +162,3 @@
     RadiumEnhancer.propTypes = _extends({}, RadiumEnhancer.propTypes, {
-      style: _react.PropTypes.oneOfType([_react.PropTypes.array, _react.PropTypes.object])
+      style: _propTypes2.default.oneOfType([_propTypes2.default.array, _propTypes2.default.object])
     });
@@ -166,9 +170,9 @@ }
   RadiumEnhancer.contextTypes = _extends({}, RadiumEnhancer.contextTypes, {
-    _radiumConfig: _react.PropTypes.object,
-    _radiumStyleKeeper: _react.PropTypes.instanceOf(_styleKeeper2.default)
+    _radiumConfig: _propTypes2.default.object,
+    _radiumStyleKeeper: _propTypes2.default.instanceOf(_styleKeeper2.default)
   });
 
   RadiumEnhancer.childContextTypes = _extends({}, RadiumEnhancer.childContextTypes, {
-    _radiumConfig: _react.PropTypes.object,
-    _radiumStyleKeeper: _react.PropTypes.instanceOf(_styleKeeper2.default)
+    _radiumConfig: _propTypes2.default.object,
+    _radiumStyleKeeper: _propTypes2.default.instanceOf(_styleKeeper2.default)
   });
@@ -175,0 +179,0 @@

package.json

 {
   "name": "radium",
-  "version": "0.18.2",
+  "version": "0.18.3",
   "description": "A set of tools to manage inline styles on React elements",
@@ -43,2 +43,6 @@ "main": "lib/index.js",
   },
+  "peerDependencies": {
+    "prop-types": "^15.5.8",
+    "react": "^15.3.0"
+  },
   "devDependencies": {
@@ -78,6 +82,7 @@ "babel-eslint": "^7.1.1",
     "prettier": "^0.22.0",
+    "prop-types": "^15.5.8",
     "react": "^15.4.2",
     "react-addons-test-utils": "^15.4.2",
     "react-dom": "^15.4.2",
-    "sinon": "^2.0.0",
+    "sinon": "^1.17.7",
     "sinon-chai": "^2.8.0",
@@ -84,0 +89,0 @@ "webpack": "^2.2.1",

README.md

@@ -68,3 +68,3 @@ [![Travis Status][trav_img]][trav_site]
   static propTypes = {
-    kind: React.PropTypes.oneOf(['primary', 'warning']).isRequired
+    kind: PropTypes.oneOf(['primary', 'warning']).isRequired
   };
@@ -71,0 +71,0 @@

src/__tests__/radium-test.js

@@ -5,3 +5,4 @@ /* eslint-disable react/prop-types */
 import MouseUpListener from 'plugins/mouse-up-listener.js';
-import React, {Component, PropTypes} from 'react';
+import React, {Component} from 'react';
+import PropTypes from 'prop-types';
 import ReactDOM from 'react-dom';
@@ -8,0 +9,0 @@ import TestUtils from 'react-addons-test-utils';

src/components/style-root.js

 /* @flow */
 
-import React, {PureComponent, PropTypes} from 'react';
+import React, {PureComponent} from 'react';
+import PropTypes from 'prop-types';
 
@@ -5,0 +6,0 @@ import Enhancer from '../enhancer';

src/components/style-sheet.js

 /* @flow */
 
 import React, {PureComponent} from 'react';
+import PropTypes from 'prop-types';
 
@@ -9,3 +10,3 @@ import StyleKeeper from '../style-keeper';
   static contextTypes = {
-    _radiumStyleKeeper: React.PropTypes.instanceOf(StyleKeeper),
+    _radiumStyleKeeper: PropTypes.instanceOf(StyleKeeper),
   };
@@ -12,0 +13,0 @@

src/components/style.js

@@ -5,3 +5,4 @@ /* @flow */
 
-import React, {PropTypes, PureComponent} from 'react';
+import React, {PureComponent} from 'react';
+import PropTypes from 'prop-types';
 
@@ -8,0 +9,0 @@ class Style extends PureComponent {

src/enhancer.js

 /* @flow */
 
-import {Component, PropTypes} from 'react';
+import {Component} from 'react';
+import PropTypes from 'prop-types';
 
@@ -5,0 +6,0 @@ import StyleKeeper from './style-keeper.js';

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

New author

Supply chain risk

A new npm collaborator published a version of the package for the first time. New collaborators are usually benign additions to a project, but do indicate a change to the security surface area of a package.

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

512340

increased by6.79%

Lines of code

9766

increased by8.23%

Worsened metrics

Dependency count

6

increased by50%

Dev dependency count

49

increased by2.08%

Number of low supply chain risk alerts

27

increased by50%

Number of medium supply chain risk alerts

5

increased by25%

No dependency changes