@uiw/react-color-editable-input - npm Package Compare versions

Comparing version 1.2.4 to 1.3.0

cjs/index.js

@@ -75,10 +75,27 @@ "use strict";
   }
+  var wrapperStyle = (0, _objectSpread2["default"])((0, _objectSpread2["default"])({
+    '--editable-input-label-color': 'rgb(153, 153, 153)',
+    '--editable-input-box-shadow': 'rgb(204 204 204) 0px 0px 0px 1px inset',
+    '--editable-input-color': '#666',
+    position: 'relative',
+    alignItems: 'center',
+    display: 'flex',
+    fontSize: 11
+  }, placementStyle), style);
+  var editableStyle = (0, _objectSpread2["default"])({
+    width: '100%',
+    paddingTop: 2,
+    paddingBottom: 2,
+    paddingLeft: 3,
+    paddingRight: 3,
+    fontSize: 11,
+    background: 'transparent',
+    boxSizing: 'border-box',
+    border: 'none',
+    color: 'var(--editable-input-color)',
+    boxShadow: 'var(--editable-input-box-shadow)'
+  }, inputStyle);
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
     className: [prefixCls, className || ''].filter(Boolean).join(' '),
-    style: (0, _objectSpread2["default"])((0, _objectSpread2["default"])({
-      position: 'relative',
-      alignItems: 'center',
-      display: 'flex',
-      fontSize: 11
-    }, placementStyle), style),
+    style: wrapperStyle,
     children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("input", (0, _objectSpread2["default"])((0, _objectSpread2["default"])({
@@ -94,16 +111,6 @@ ref: ref,
     }, other), {}, {
-      style: (0, _objectSpread2["default"])({
-        width: '100%',
-        paddingTop: 2,
-        paddingBottom: 2,
-        paddingLeft: 3,
-        paddingRight: 3,
-        fontSize: 11,
-        boxSizing: 'border-box',
-        border: 'none',
-        boxShadow: 'rgb(204 204 204) 0px 0px 0px 1px inset'
-      }, inputStyle)
+      style: editableStyle
     })), label && /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
       style: (0, _objectSpread2["default"])({
-        color: 'rgb(153, 153, 153)',
+        color: 'var(--editable-input-label-color)',
         textTransform: 'capitalize'
@@ -110,0 +117,0 @@ }, labelStyle),

esm/index.js

@@ -61,10 +61,27 @@ import _extends from "@babel/runtime/helpers/extends";
   }
+  var wrapperStyle = _extends({
+    '--editable-input-label-color': 'rgb(153, 153, 153)',
+    '--editable-input-box-shadow': 'rgb(204 204 204) 0px 0px 0px 1px inset',
+    '--editable-input-color': '#666',
+    position: 'relative',
+    alignItems: 'center',
+    display: 'flex',
+    fontSize: 11
+  }, placementStyle, style);
+  var editableStyle = _extends({
+    width: '100%',
+    paddingTop: 2,
+    paddingBottom: 2,
+    paddingLeft: 3,
+    paddingRight: 3,
+    fontSize: 11,
+    background: 'transparent',
+    boxSizing: 'border-box',
+    border: 'none',
+    color: 'var(--editable-input-color)',
+    boxShadow: 'var(--editable-input-box-shadow)'
+  }, inputStyle);
   return /*#__PURE__*/_jsxs("div", {
     className: [prefixCls, className || ''].filter(Boolean).join(' '),
-    style: _extends({
-      position: 'relative',
-      alignItems: 'center',
-      display: 'flex',
-      fontSize: 11
-    }, placementStyle, style),
+    style: wrapperStyle,
     children: [/*#__PURE__*/_jsx("input", _extends({
@@ -78,16 +95,6 @@ ref: ref,
     }, other, {
-      style: _extends({
-        width: '100%',
-        paddingTop: 2,
-        paddingBottom: 2,
-        paddingLeft: 3,
-        paddingRight: 3,
-        fontSize: 11,
-        boxSizing: 'border-box',
-        border: 'none',
-        boxShadow: 'rgb(204 204 204) 0px 0px 0px 1px inset'
-      }, inputStyle)
+      style: editableStyle
     })), label && /*#__PURE__*/_jsx("span", {
       style: _extends({
-        color: 'rgb(153, 153, 153)',
+        color: 'var(--editable-input-label-color)',
         textTransform: 'capitalize'
@@ -94,0 +101,0 @@ }, labelStyle),

package.json

 {
   "name": "@uiw/react-color-editable-input",
-  "version": "1.2.4",
+  "version": "1.3.0",
   "description": "Color Editable Input",
@@ -5,0 +5,0 @@ "author": "Kenny Wong <[e-mail]>",

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

15095

increased by5.74%

Lines of code

362

increased by5.23%

No dependency changes