@uiw/react-color-material - npm Package Compare versions

Comparing version 1.2.4 to 1.3.0

cjs/index.js

@@ -19,3 +19,3 @@ "use strict";
   borderWidth: '0 0 1px 0',
-  borderBottomColor: '#eee',
+  borderBottomColor: 'var(--material-border-bottom-color)',
   borderBottomStyle: 'solid',
@@ -45,11 +45,14 @@ height: 30,
   };
+  var styleWrapper = (0, _objectSpread2["default"])({
+    '--material-border-bottom-color': '#eee',
+    '--material-background-color': '#fff',
+    padding: 16,
+    width: 98,
+    fontFamily: 'Roboto',
+    backgroundColor: 'var(--material-background-color)'
+  }, style);
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", (0, _objectSpread2["default"])((0, _objectSpread2["default"])({
     ref: ref,
     className: [prefixCls, className || ''].filter(Boolean).join(' '),
-    style: (0, _objectSpread2["default"])({
-      padding: 16,
-      width: 98,
-      fontFamily: 'Roboto',
-      backgroundColor: '#fff'
-    }, style)
+    style: styleWrapper
   }, other), {}, {
@@ -75,4 +78,5 @@ children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactColorEditableInput["default"], {
         borderWidth: '0 0 2px 0',
-        borderBottomColor: hex ? "#".concat(hex) : '#eee',
-        borderBottomStyle: 'solid'
+        borderBottomColor: hex ? "#".concat(hex) : 'var(--material-border-bottom-color)',
+        borderBottomStyle: 'solid',
+        background: 'transparent'
       },
@@ -79,0 +83,0 @@ style: {

esm/index.js

@@ -13,3 +13,3 @@ import _extends from "@babel/runtime/helpers/extends";
   borderWidth: '0 0 1px 0',
-  borderBottomColor: '#eee',
+  borderBottomColor: 'var(--material-border-bottom-color)',
   borderBottomStyle: 'solid',
@@ -40,11 +40,14 @@ height: 30,
   };
+  var styleWrapper = _extends({
+    '--material-border-bottom-color': '#eee',
+    '--material-background-color': '#fff',
+    padding: 16,
+    width: 98,
+    fontFamily: 'Roboto',
+    backgroundColor: 'var(--material-background-color)'
+  }, style);
   return /*#__PURE__*/_jsxs("div", _extends({
     ref: ref,
     className: [prefixCls, className || ''].filter(Boolean).join(' '),
-    style: _extends({
-      padding: 16,
-      width: 98,
-      fontFamily: 'Roboto',
-      backgroundColor: '#fff'
-    }, style)
+    style: styleWrapper
   }, other, {
@@ -68,4 +71,5 @@ children: [/*#__PURE__*/_jsx(EditableInput, {
         borderWidth: '0 0 2px 0',
-        borderBottomColor: hex ? "#" + hex : '#eee',
-        borderBottomStyle: 'solid'
+        borderBottomColor: hex ? "#" + hex : 'var(--material-border-bottom-color)',
+        borderBottomStyle: 'solid',
+        background: 'transparent'
       },
@@ -72,0 +76,0 @@ style: {

package.json

 {
   "name": "@uiw/react-color-material",
-  "version": "1.2.4",
+  "version": "1.3.0",
   "description": "Color Material",
@@ -38,5 +38,5 @@ "author": "Kenny Wong <[e-mail]>",
   "dependencies": {
-    "@uiw/color-convert": "1.2.4",
-    "@uiw/react-color-editable-input": "1.2.4",
-    "@uiw/react-color-editable-input-rgba": "1.2.4"
+    "@uiw/color-convert": "1.3.0",
+    "@uiw/react-color-editable-input": "1.3.0",
+    "@uiw/react-color-editable-input-rgba": "1.3.0"
   },
@@ -43,0 +43,0 @@ "devDependencies": {

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

14206

increased by5.64%

Lines of code

335

increased by4.04%

Dependency changes

• + Added@uiw/color-convert@1.3.0(transitive)

• + Added@uiw/react-color-editable-input@1.3.0(transitive)

• + Added@uiw/react-color-editable-input-rgba@1.3.0(transitive)

• - Removed@uiw/color-convert@1.2.4(transitive)

• - Removed@uiw/react-color-editable-input@1.2.4(transitive)

• - Removed@uiw/react-color-editable-input-rgba@1.2.4(transitive)

• Updated@uiw/color-convert@1.3.0

• Updated@uiw/react-color-editable-input@1.3.0

• Updated@uiw/react-color-editable-input-rgba@1.3.0