react-best-gradient-color-picker - npm Package Compare versions

Comparing version 3.0.13-beta.7 to 3.0.13-beta.8

dist/cjs/components/Inputs.js

@@ -48,3 +48,3 @@ "use strict";
     var _c = (0, react_1.useState)(value), temp = _c[0], setTemp = _c[1];
-    var width = hideOpacity ? '22%' : '17%';
+    var width = hideOpacity ? '22%' : '16.5%';
     (0, react_1.useEffect)(function () {
@@ -89,4 +89,4 @@ setTemp(value);
     var label = showHexAlpha ? 'HEXA' : 'HEX';
-    return (react_1.default.createElement("div", { style: { width: '25%' }, id: "rbgcp-hex-input-wrapper".concat(pickerIdSuffix) },
-        react_1.default.createElement("input", { onBlur: hexBlur, onFocus: hexFocus, value: displayValue, onChange: function (e) { return handleHex(e); }, id: "rbgcp-hex-input".concat(pickerIdSuffix), style: __assign(__assign({}, defaultStyles.rbgcpInput), defaultStyles.rbgcpHexInput) }),
+    return (react_1.default.createElement("div", { style: { width: '26%' }, id: "rbgcp-hex-input-wrapper".concat(pickerIdSuffix) },
+        react_1.default.createElement("input", { onBlur: hexBlur, onFocus: hexFocus, onChange: function (e) { return handleHex(e); }, value: displayValue === null || displayValue === void 0 ? void 0 : displayValue.toUpperCase(), id: "rbgcp-hex-input".concat(pickerIdSuffix), style: __assign(__assign({}, defaultStyles.rbgcpInput), defaultStyles.rbgcpHexInput) }),
         react_1.default.createElement("div", { style: __assign({}, defaultStyles.rbgcpInputLabel) }, label)));
@@ -93,0 +93,0 @@ };

dist/esm/components/Inputs.js

@@ -20,3 +20,3 @@ var __assign = (this && this.__assign) || function () {
     var _c = useState(value), temp = _c[0], setTemp = _c[1];
-    var width = hideOpacity ? '22%' : '17%';
+    var width = hideOpacity ? '22%' : '16.5%';
     useEffect(function () {
@@ -61,4 +61,4 @@ setTemp(value);
     var label = showHexAlpha ? 'HEXA' : 'HEX';
-    return (React.createElement("div", { style: { width: '25%' }, id: "rbgcp-hex-input-wrapper".concat(pickerIdSuffix) },
-        React.createElement("input", { onBlur: hexBlur, onFocus: hexFocus, value: displayValue, onChange: function (e) { return handleHex(e); }, id: "rbgcp-hex-input".concat(pickerIdSuffix), style: __assign(__assign({}, defaultStyles.rbgcpInput), defaultStyles.rbgcpHexInput) }),
+    return (React.createElement("div", { style: { width: '26%' }, id: "rbgcp-hex-input-wrapper".concat(pickerIdSuffix) },
+        React.createElement("input", { onBlur: hexBlur, onFocus: hexFocus, onChange: function (e) { return handleHex(e); }, value: displayValue === null || displayValue === void 0 ? void 0 : displayValue.toUpperCase(), id: "rbgcp-hex-input".concat(pickerIdSuffix), style: __assign(__assign({}, defaultStyles.rbgcpInput), defaultStyles.rbgcpHexInput) }),
         React.createElement("div", { style: __assign({}, defaultStyles.rbgcpInputLabel) }, label)));
@@ -65,0 +65,0 @@ };

package.json

 {
   "name": "react-best-gradient-color-picker",
-  "version": "3.0.13-beta.7",
+  "version": "3.0.13-beta.8",
   "description": "An easy to use color/gradient picker for React.js",
@@ -5,0 +5,0 @@ "type": "module",

No alert changes

Improved metrics

Total package byte prevSize

476937

increased by0.04%

Lines of code

11306

increased by0.01%

No dependency changes