react-color - npm Package Compare versions

Comparing version 2.13.1 to 2.13.2

lib/components/common/Hue.js

@@ -74,2 +74,6 @@ 'use strict';
 
+      var _props$direction = this.props.direction,
+          direction = _props$direction === undefined ? 'horizontal' : _props$direction;
+
+
       var styles = (0, _reactcss2.default)({
@@ -79,3 +83,2 @@ 'default': {
             absolute: '0px 0px 0px 0px',
-            background: 'linear-gradient(to right, #f00 0%, #ff0 17%, #0f0 33%,\n            #0ff 50%, #00f 67%, #f0f 83%, #f00 100%)',
             borderRadius: this.props.radius,
@@ -85,3 +88,3 @@ boxShadow: this.props.shadow
           container: {
-            margin: '0 2px',
+            padding: '0 2px',
             position: 'relative',
@@ -105,5 +108,2 @@ height: '100%'
         'vertical': {
-          hue: {
-            background: 'linear-gradient(to top, #f00 0%, #ff0 17%, #0f0 33%,\n            #0ff 50%, #00f 67%, #f0f 83%, #f00 100%)'
-          },
           pointer: {
@@ -114,3 +114,3 @@ left: '0px',
         }
-      }, { vertical: this.props.direction === 'vertical' });
+      }, { vertical: direction === 'vertical' });
 
@@ -123,2 +123,3 @@ return _react2.default.createElement(
           {
+            className: 'hue-' + direction,
             style: styles.container,
@@ -133,2 +134,7 @@ ref: function ref(container) {
           _react2.default.createElement(
+            'style',
+            null,
+            '\n            .hue-horizontal {\n              background: linear-gradient(to right, #f00 0%, #ff0 17%, #0f0\n                33%, #0ff 50%, #00f 67%, #f0f 83%, #f00 100%);\n              background: -webkit-linear-gradient(to right, #f00 0%, #ff0\n                17%, #0f0 33%, #0ff 50%, #00f 67%, #f0f 83%, #f00 100%);\n            }\n\n            .hue-vertical {\n              background: linear-gradient(to top, #f00 0%, #ff0 17%, #0f0 33%,\n                #0ff 50%, #00f 67%, #f0f 83%, #f00 100%);\n              background: -webkit-linear-gradient(to top, #f00 0%, #ff0 17%,\n                #0f0 33%, #0ff 50%, #00f 67%, #f0f 83%, #f00 100%);\n            }\n          '
+          ),
+          _react2.default.createElement(
             'div',
@@ -135,0 +141,0 @@ { style: styles.pointer },

lib/components/common/Saturation.js

@@ -96,8 +96,8 @@ 'use strict';
             absolute: '0px 0px 0px 0px',
-            background: 'linear-gradient(to right, #fff, rgba(255,255,255,0))'
+            borderRadius: this.props.radius
           },
           black: {
             absolute: '0px 0px 0px 0px',
-            background: 'linear-gradient(to top, #000, rgba(0,0,0,0))',
-            boxShadow: this.props.shadow
+            boxShadow: this.props.shadow,
+            borderRadius: this.props.radius
           },
@@ -140,5 +140,10 @@ pointer: {
         _react2.default.createElement(
+          'style',
+          null,
+          '\n          .saturation-white {\n            background: -webkit-linear-gradient(to right, #fff, rgba(255,255,255,0));\n            background: linear-gradient(to right, #fff, rgba(255,255,255,0));\n          }\n          .saturation-black {\n            background: -webkit-linear-gradient(to top, #000, rgba(0,0,0,0));\n            background: linear-gradient(to top, #000, rgba(0,0,0,0));\n          }\n        '
+        ),
+        _react2.default.createElement(
           'div',
-          { style: styles.white },
-          _react2.default.createElement('div', { style: styles.black }),
+          { style: styles.white, className: 'saturation-white' },
+          _react2.default.createElement('div', { style: styles.black, className: 'saturation-black' }),
           _react2.default.createElement(
@@ -145,0 +150,0 @@ 'div',

lib/components/twitter/Twitter.js

@@ -88,2 +88,3 @@ 'use strict';
         boxShadow: 'inset 0 0 0 1px #F0F0F0',
+        boxSizing: 'content-box',
         borderRadius: '0 4px 4px 0',
@@ -90,0 +91,0 @@ float: 'left',

package.json

 {
   "name": "react-color",
-  "version": "2.13.1",
+  "version": "2.13.2",
   "description": "A Collection of Color Pickers from Sketch, Photoshop, Chrome & more",
@@ -5,0 +5,0 @@ "main": "lib/index.js",

README.md

@@ -8,3 +8,2 @@ # [React Color](http://casesandberg.github.io/react-color/)
 [![Downloads][downloads-image]][downloads-url]
-[![FOSSA Status](https://app.fossa.io/api/projects/git%2Bhttps%3A%2F%2Fgithub.com%2Fcasesandberg%2Freact-color.svg?type=shield)](https://app.fossa.io/projects/git%2Bhttps%3A%2F%2Fgithub.com%2Fcasesandberg%2Freact-color?ref=badge_small)
 
@@ -38,6 +37,2 @@ * **13 Different Pickers** - Sketch, Photoshop, Chrome and many more
 
-## License
-
-[![FOSSA Status](https://app.fossa.io/api/projects/git%2Bhttps%3A%2F%2Fgithub.com%2Fcasesandberg%2Freact-color.svg?size=large)](https://app.fossa.io/projects/git%2Bhttps%3A%2F%2Fgithub.com%2Fcasesandberg%2Freact-color?ref=badge_large)
-
 > 100% inline styles via [ReactCSS](http://reactcss.com/)
@@ -44,0 +39,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

767663

increased by0.52%

Number of package files

112

increased by0.9%

Lines of code

13280

increased by0.09%

Worsened metrics

Number of lines in readme file

49

decreased by-9.26%

No dependency changes