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

Comparing version 0.0.13 to 0.0.14

lib/cjs/index.d.ts

 import React from 'react';
 import { HsvaColor } from '@uiw/color-convert';
+import { PointerProps } from './Pointer';
 export * from '@uiw/color-convert';
@@ -8,2 +9,5 @@ export interface SaturationProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'onChange'> {
     hsva: HsvaColor;
+    radius?: React.CSSProperties['borderRadius'];
+    /** React Component, Custom pointer component */
+    pointer?: ({ prefixCls, left, top, color }: PointerProps) => JSX.Element;
     onChange?: (newColor: HsvaColor) => void;
@@ -10,0 +14,0 @@ }

lib/cjs/index.js

@@ -37,3 +37,3 @@ "use strict";
 
-var _excluded = ["prefixCls", "className", "style", "hsva", "onChange"];
+var _excluded = ["prefixCls", "radius", "pointer", "className", "style", "hsva", "onChange"];
 
@@ -43,2 +43,5 @@ var _default = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
       prefixCls = _props$prefixCls === void 0 ? 'w-color-saturation' : _props$prefixCls,
+      _props$radius = props.radius,
+      radius = _props$radius === void 0 ? 0 : _props$radius,
+      pointer = props.pointer,
       className = props.className,
@@ -51,3 +54,4 @@ style = props.style,
     width: 200,
-    height: 200
+    height: 200,
+    borderRadius: radius
   }, style), {}, {
@@ -68,2 +72,7 @@ position: 'relative',
 
+  var comProps = {
+    top: "".concat(100 - hsva.v, "%"),
+    left: "".concat(hsva.s, "%"),
+    color: (0, _colorConvert.hsvaToHslaString)(hsva)
+  };
   return /*#__PURE__*/_react.default.createElement(_reactDragEventInteractive.default, (0, _extends2.default)({
@@ -83,3 +92,4 @@ className: "".concat(prefixCls, " ").concat(className || '')
       background: 'linear-gradient(to right, rgb(255, 255, 255), rgba(255, 255, 255, 0))',
-      position: 'absolute'
+      position: 'absolute',
+      borderRadius: radius
     }
@@ -90,13 +100,11 @@ }, /*#__PURE__*/_react.default.createElement("div", {
       background: 'linear-gradient(to top, rgb(0, 0, 0), rgba(0, 0, 0, 0))',
-      position: 'absolute'
+      position: 'absolute',
+      borderRadius: radius
     }
-  }, /*#__PURE__*/_react.default.createElement(_Pointer.Pointer, {
-    prefixCls: prefixCls,
-    top: "".concat(100 - hsva.v, "%"),
-    left: "".concat(hsva.s, "%"),
-    color: (0, _colorConvert.hsvaToHslaString)(hsva)
-  }))));
+  }, /*#__PURE__*/_react.default.createElement(pointer || _Pointer.Pointer, (0, _objectSpread2.default)({
+    prefixCls: prefixCls
+  }, comProps)))));
 });
 
 exports.default = _default;
-//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9pbmRleC50c3giXSwibmFtZXMiOlsiUmVhY3QiLCJmb3J3YXJkUmVmIiwicHJvcHMiLCJyZWYiLCJwcmVmaXhDbHMiLCJjbGFzc05hbWUiLCJzdHlsZSIsImhzdmEiLCJvbkNoYW5nZSIsIm90aGVyIiwiY29udGFpbmVyU3R5bGUiLCJ3aWR0aCIsImhlaWdodCIsInBvc2l0aW9uIiwiYmFja2dyb3VuZENvbG9yIiwiaCIsImhhbmRsZUNoYW5nZSIsImludGVyYWN0aW9uIiwiZXZlbnQiLCJzIiwibGVmdCIsInYiLCJ0b3AiLCJhIiwiaW5zZXQiLCJiYWNrZ3JvdW5kIl0sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7Ozs7Ozs7O0FBQUE7O0FBQ0E7O0FBSUE7QUFBQTtBQUFBO0FBQUE7QUFBQTtBQUFBO0FBQUE7QUFBQTtBQUFBO0FBQUE7QUFBQTs7QUFIQTs7QUFDQTs7Ozs0QkFXZUEsZUFBTUMsVUFBTixDQUFrRCxVQUFDQyxLQUFELEVBQVFDLEdBQVIsRUFBZ0I7QUFDL0UseUJBQXlGRCxLQUF6RixDQUFRRSxTQUFSO0FBQUEsTUFBUUEsU0FBUixpQ0FBb0Isb0JBQXBCO0FBQUEsTUFBMENDLFNBQTFDLEdBQXlGSCxLQUF6RixDQUEwQ0csU0FBMUM7QUFBQSxNQUFxREMsS0FBckQsR0FBeUZKLEtBQXpGLENBQXFESSxLQUFyRDtBQUFBLE1BQTREQyxJQUE1RCxHQUF5RkwsS0FBekYsQ0FBNERLLElBQTVEO0FBQUEsTUFBa0VDLFFBQWxFLEdBQXlGTixLQUF6RixDQUFrRU0sUUFBbEU7QUFBQSxNQUErRUMsS0FBL0UsMENBQXlGUCxLQUF6RjtBQUNBLE1BQU1RLGNBQW1DO0FBQ3ZDQyxJQUFBQSxLQUFLLEVBQUUsR0FEZ0M7QUFFdkNDLElBQUFBLE1BQU0sRUFBRTtBQUYrQixLQUdwQ04sS0FIb0M7QUFJdkNPLElBQUFBLFFBQVEsRUFBRSxVQUo2QjtBQUt2Q0MsSUFBQUEsZUFBZSxnQkFBU1AsSUFBSSxDQUFDUSxDQUFkO0FBTHdCLElBQXpDOztBQVFBLE1BQU1DLFlBQVksR0FBRyxTQUFmQSxZQUFlLENBQUNDLFdBQUQsRUFBMkJDLEtBQTNCLEVBQThEO0FBQ2pGVixJQUFBQSxRQUFRLElBQ05BLFFBQVEsQ0FBQztBQUNQTyxNQUFBQSxDQUFDLEVBQUVSLElBQUksQ0FBQ1EsQ0FERDtBQUVQSSxNQUFBQSxDQUFDLEVBQUVGLFdBQVcsQ0FBQ0csSUFBWixHQUFtQixHQUZmO0FBR1BDLE1BQUFBLENBQUMsRUFBRSxDQUFDLElBQUlKLFdBQVcsQ0FBQ0ssR0FBakIsSUFBd0IsR0FIcEI7QUFJUEMsTUFBQUEsQ0FBQyxFQUFFaEIsSUFBSSxDQUFDZ0IsQ0FKRCxDQUtQOztBQUxPLEtBQUQsQ0FEVjtBQVFELEdBVEQ7O0FBV0Esc0JBQ0UsNkJBQUMsa0NBQUQ7QUFDRSxJQUFBLFNBQVMsWUFBS25CLFNBQUwsY0FBa0JDLFNBQVMsSUFBSSxFQUEvQjtBQURYLEtBRU1JLEtBRk47QUFHRSxJQUFBLEtBQUs7QUFDSEksTUFBQUEsUUFBUSxFQUFFLFVBRFA7QUFFSFcsTUFBQUEsS0FBSyxFQUFFO0FBRkosT0FHQWQsY0FIQSxDQUhQO0FBUUUsSUFBQSxHQUFHLEVBQUVQLEdBUlA7QUFTRSxJQUFBLE1BQU0sRUFBRWEsWUFUVjtBQVVFLElBQUEsTUFBTSxFQUFFQTtBQVZWLG1CQVlFO0FBQ0UsSUFBQSxLQUFLLEVBQUU7QUFDTFEsTUFBQUEsS0FBSyxFQUFFLENBREY7QUFFTEMsTUFBQUEsVUFBVSxFQUFFLHVFQUZQO0FBR0xaLE1BQUFBLFFBQVEsRUFBRTtBQUhMO0FBRFQsa0JBT0U7QUFDRSxJQUFBLEtBQUssRUFBRTtBQUNMVyxNQUFBQSxLQUFLLEVBQUUsQ0FERjtBQUVMQyxNQUFBQSxVQUFVLEVBQUUseURBRlA7QUFHTFosTUFBQUEsUUFBUSxFQUFFO0FBSEw7QUFEVCxrQkFPRSw2QkFBQyxnQkFBRDtBQUFTLElBQUEsU0FBUyxFQUFFVCxTQUFwQjtBQUErQixJQUFBLEdBQUcsWUFBSyxNQUFNRyxJQUFJLENBQUNjLENBQWhCLE1BQWxDO0FBQXdELElBQUEsSUFBSSxZQUFLZCxJQUFJLENBQUNZLENBQVYsTUFBNUQ7QUFBNEUsSUFBQSxLQUFLLEVBQUUsb0NBQWlCWixJQUFqQjtBQUFuRixJQVBGLENBUEYsQ0FaRixDQURGO0FBZ0NELENBckRjLEMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QgZnJvbSAncmVhY3QnO1xuaW1wb3J0IHsgSHN2YUNvbG9yLCBoc3ZhVG9Ic2xhU3RyaW5nIH0gZnJvbSAnQHVpdy9jb2xvci1jb252ZXJ0JztcbmltcG9ydCBJbnRlcmFjdGl2ZSwgeyBJbnRlcmFjdGlvbiB9IGZyb20gJ0B1aXcvcmVhY3QtZHJhZy1ldmVudC1pbnRlcmFjdGl2ZSc7XG5pbXBvcnQgeyBQb2ludGVyIH0gZnJvbSAnLi9Qb2ludGVyJztcblxuZXhwb3J0ICogZnJvbSAnQHVpdy9jb2xvci1jb252ZXJ0JztcblxuZXhwb3J0IGludGVyZmFjZSBTYXR1cmF0aW9uUHJvcHMgZXh0ZW5kcyBPbWl0PFJlYWN0LkhUTUxBdHRyaWJ1dGVzPEhUTUxEaXZFbGVtZW50PiwgJ29uQ2hhbmdlJz4ge1xuICBwcmVmaXhDbHM/OiBzdHJpbmc7XG4gIC8qKiBoc3ZhID0+IGB7IGg6IDAsIHM6IDc1LCB2OiA4MiwgYTogMSB9YCAqL1xuICBoc3ZhOiBIc3ZhQ29sb3I7XG4gIG9uQ2hhbmdlPzogKG5ld0NvbG9yOiBIc3ZhQ29sb3IpID0+IHZvaWQ7XG59XG5cbmV4cG9ydCBkZWZhdWx0IFJlYWN0LmZvcndhcmRSZWY8SFRNTERpdkVsZW1lbnQsIFNhdHVyYXRpb25Qcm9wcz4oKHByb3BzLCByZWYpID0+IHtcbiAgY29uc3QgeyBwcmVmaXhDbHMgPSAndy1jb2xvci1zYXR1cmF0aW9uJywgY2xhc3NOYW1lLCBzdHlsZSwgaHN2YSwgb25DaGFuZ2UsIC4uLm90aGVyIH0gPSBwcm9wcztcbiAgY29uc3QgY29udGFpbmVyU3R5bGU6IFJlYWN0LkNTU1Byb3BlcnRpZXMgPSB7XG4gICAgd2lkdGg6IDIwMCxcbiAgICBoZWlnaHQ6IDIwMCxcbiAgICAuLi5zdHlsZSxcbiAgICBwb3NpdGlvbjogJ3JlbGF0aXZlJyxcbiAgICBiYWNrZ3JvdW5kQ29sb3I6IGBoc2woJHtoc3ZhLmh9LDEwMCUsIDUwJSlgLFxuICB9O1xuXG4gIGNvbnN0IGhhbmRsZUNoYW5nZSA9IChpbnRlcmFjdGlvbjogSW50ZXJhY3Rpb24sIGV2ZW50OiBNb3VzZUV2ZW50IHwgVG91Y2hFdmVudCkgPT4ge1xuICAgIG9uQ2hhbmdlICYmXG4gICAgICBvbkNoYW5nZSh7XG4gICAgICAgIGg6IGhzdmEuaCxcbiAgICAgICAgczogaW50ZXJhY3Rpb24ubGVmdCAqIDEwMCxcbiAgICAgICAgdjogKDEgLSBpbnRlcmFjdGlvbi50b3ApICogMTAwLFxuICAgICAgICBhOiBoc3ZhLmEsXG4gICAgICAgIC8vIHNvdXJjZTogJ2hzdicsXG4gICAgICB9KTtcbiAgfTtcblxuICByZXR1cm4gKFxuICAgIDxJbnRlcmFjdGl2ZVxuICAgICAgY2xhc3NOYW1lPXtgJHtwcmVmaXhDbHN9ICR7Y2xhc3NOYW1lIHx8ICcnfWB9XG4gICAgICB7Li4ub3RoZXJ9XG4gICAgICBzdHlsZT17e1xuICAgICAgICBwb3NpdGlvbjogJ2Fic29sdXRlJyxcbiAgICAgICAgaW5zZXQ6IDAsXG4gICAgICAgIC4uLmNvbnRhaW5lclN0eWxlLFxuICAgICAgfX1cbiAgICAgIHJlZj17cmVmfVxuICAgICAgb25Nb3ZlPXtoYW5kbGVDaGFuZ2V9XG4gICAgICBvbkRvd249e2hhbmRsZUNoYW5nZX1cbiAgICA+XG4gICAgICA8ZGl2XG4gICAgICAgIHN0eWxlPXt7XG4gICAgICAgICAgaW5zZXQ6IDAsXG4gICAgICAgICAgYmFja2dyb3VuZDogJ2xpbmVhci1ncmFkaWVudCh0byByaWdodCwgcmdiKDI1NSwgMjU1LCAyNTUpLCByZ2JhKDI1NSwgMjU1LCAyNTUsIDApKScsXG4gICAgICAgICAgcG9zaXRpb246ICdhYnNvbHV0ZScsXG4gICAgICAgIH19XG4gICAgICA+XG4gICAgICAgIDxkaXZcbiAgICAgICAgICBzdHlsZT17e1xuICAgICAgICAgICAgaW5zZXQ6IDAsXG4gICAgICAgICAgICBiYWNrZ3JvdW5kOiAnbGluZWFyLWdyYWRpZW50KHRvIHRvcCwgcmdiKDAsIDAsIDApLCByZ2JhKDAsIDAsIDAsIDApKScsXG4gICAgICAgICAgICBwb3NpdGlvbjogJ2Fic29sdXRlJyxcbiAgICAgICAgICB9fVxuICAgICAgICA+XG4gICAgICAgICAgPFBvaW50ZXIgcHJlZml4Q2xzPXtwcmVmaXhDbHN9IHRvcD17YCR7MTAwIC0gaHN2YS52fSVgfSBsZWZ0PXtgJHtoc3ZhLnN9JWB9IGNvbG9yPXtoc3ZhVG9Ic2xhU3RyaW5nKGhzdmEpfSAvPlxuICAgICAgICA8L2Rpdj5cbiAgICAgIDwvZGl2PlxuICAgIDwvSW50ZXJhY3RpdmU+XG4gICk7XG59KTtcbiJdfQ==
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9pbmRleC50c3giXSwibmFtZXMiOlsiUmVhY3QiLCJmb3J3YXJkUmVmIiwicHJvcHMiLCJyZWYiLCJwcmVmaXhDbHMiLCJyYWRpdXMiLCJwb2ludGVyIiwiY2xhc3NOYW1lIiwic3R5bGUiLCJoc3ZhIiwib25DaGFuZ2UiLCJvdGhlciIsImNvbnRhaW5lclN0eWxlIiwid2lkdGgiLCJoZWlnaHQiLCJib3JkZXJSYWRpdXMiLCJwb3NpdGlvbiIsImJhY2tncm91bmRDb2xvciIsImgiLCJoYW5kbGVDaGFuZ2UiLCJpbnRlcmFjdGlvbiIsImV2ZW50IiwicyIsImxlZnQiLCJ2IiwidG9wIiwiYSIsImNvbVByb3BzIiwiY29sb3IiLCJpbnNldCIsImJhY2tncm91bmQiLCJjcmVhdGVFbGVtZW50IiwiUG9pbnRlciJdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7Ozs7Ozs7OztBQUFBOztBQUNBOztBQUlBO0FBQUE7QUFBQTtBQUFBO0FBQUE7QUFBQTtBQUFBO0FBQUE7QUFBQTtBQUFBO0FBQUE7O0FBSEE7O0FBQ0E7Ozs7NEJBY2VBLGVBQU1DLFVBQU4sQ0FBa0QsVUFBQ0MsS0FBRCxFQUFRQyxHQUFSLEVBQWdCO0FBQy9FLHlCQUE4R0QsS0FBOUcsQ0FBUUUsU0FBUjtBQUFBLE1BQVFBLFNBQVIsaUNBQW9CLG9CQUFwQjtBQUFBLHNCQUE4R0YsS0FBOUcsQ0FBMENHLE1BQTFDO0FBQUEsTUFBMENBLE1BQTFDLDhCQUFtRCxDQUFuRDtBQUFBLE1BQXNEQyxPQUF0RCxHQUE4R0osS0FBOUcsQ0FBc0RJLE9BQXREO0FBQUEsTUFBK0RDLFNBQS9ELEdBQThHTCxLQUE5RyxDQUErREssU0FBL0Q7QUFBQSxNQUEwRUMsS0FBMUUsR0FBOEdOLEtBQTlHLENBQTBFTSxLQUExRTtBQUFBLE1BQWlGQyxJQUFqRixHQUE4R1AsS0FBOUcsQ0FBaUZPLElBQWpGO0FBQUEsTUFBdUZDLFFBQXZGLEdBQThHUixLQUE5RyxDQUF1RlEsUUFBdkY7QUFBQSxNQUFvR0MsS0FBcEcsMENBQThHVCxLQUE5RztBQUNBLE1BQU1VLGNBQW1DO0FBQ3ZDQyxJQUFBQSxLQUFLLEVBQUUsR0FEZ0M7QUFFdkNDLElBQUFBLE1BQU0sRUFBRSxHQUYrQjtBQUd2Q0MsSUFBQUEsWUFBWSxFQUFFVjtBQUh5QixLQUlwQ0csS0FKb0M7QUFLdkNRLElBQUFBLFFBQVEsRUFBRSxVQUw2QjtBQU12Q0MsSUFBQUEsZUFBZSxnQkFBU1IsSUFBSSxDQUFDUyxDQUFkO0FBTndCLElBQXpDOztBQVNBLE1BQU1DLFlBQVksR0FBRyxTQUFmQSxZQUFlLENBQUNDLFdBQUQsRUFBMkJDLEtBQTNCLEVBQThEO0FBQ2pGWCxJQUFBQSxRQUFRLElBQ05BLFFBQVEsQ0FBQztBQUNQUSxNQUFBQSxDQUFDLEVBQUVULElBQUksQ0FBQ1MsQ0FERDtBQUVQSSxNQUFBQSxDQUFDLEVBQUVGLFdBQVcsQ0FBQ0csSUFBWixHQUFtQixHQUZmO0FBR1BDLE1BQUFBLENBQUMsRUFBRSxDQUFDLElBQUlKLFdBQVcsQ0FBQ0ssR0FBakIsSUFBd0IsR0FIcEI7QUFJUEMsTUFBQUEsQ0FBQyxFQUFFakIsSUFBSSxDQUFDaUIsQ0FKRCxDQUtQOztBQUxPLEtBQUQsQ0FEVjtBQVFELEdBVEQ7O0FBV0EsTUFBTUMsUUFBUSxHQUFHO0FBQ2ZGLElBQUFBLEdBQUcsWUFBSyxNQUFNaEIsSUFBSSxDQUFDZSxDQUFoQixNQURZO0FBRWZELElBQUFBLElBQUksWUFBS2QsSUFBSSxDQUFDYSxDQUFWLE1BRlc7QUFHZk0sSUFBQUEsS0FBSyxFQUFFLG9DQUFpQm5CLElBQWpCO0FBSFEsR0FBakI7QUFNQSxzQkFDRSw2QkFBQyxrQ0FBRDtBQUNFLElBQUEsU0FBUyxZQUFLTCxTQUFMLGNBQWtCRyxTQUFTLElBQUksRUFBL0I7QUFEWCxLQUVNSSxLQUZOO0FBR0UsSUFBQSxLQUFLO0FBQ0hLLE1BQUFBLFFBQVEsRUFBRSxVQURQO0FBRUhhLE1BQUFBLEtBQUssRUFBRTtBQUZKLE9BR0FqQixjQUhBLENBSFA7QUFRRSxJQUFBLEdBQUcsRUFBRVQsR0FSUDtBQVNFLElBQUEsTUFBTSxFQUFFZ0IsWUFUVjtBQVVFLElBQUEsTUFBTSxFQUFFQTtBQVZWLG1CQVlFO0FBQ0UsSUFBQSxLQUFLLEVBQUU7QUFDTFUsTUFBQUEsS0FBSyxFQUFFLENBREY7QUFFTEMsTUFBQUEsVUFBVSxFQUFFLHVFQUZQO0FBR0xkLE1BQUFBLFFBQVEsRUFBRSxVQUhMO0FBSUxELE1BQUFBLFlBQVksRUFBRVY7QUFKVDtBQURULGtCQVFFO0FBQ0UsSUFBQSxLQUFLLEVBQUU7QUFDTHdCLE1BQUFBLEtBQUssRUFBRSxDQURGO0FBRUxDLE1BQUFBLFVBQVUsRUFBRSx5REFGUDtBQUdMZCxNQUFBQSxRQUFRLEVBQUUsVUFITDtBQUlMRCxNQUFBQSxZQUFZLEVBQUVWO0FBSlQ7QUFEVCxrQkFRR0wsZUFBTStCLGFBQU4sQ0FBb0J6QixPQUFPLElBQUkwQixnQkFBL0I7QUFDQzVCLElBQUFBLFNBQVMsRUFBVEE7QUFERCxLQUVJdUIsUUFGSixFQVJILENBUkYsQ0FaRixDQURGO0FBcUNELENBakVjLEMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QgZnJvbSAncmVhY3QnO1xuaW1wb3J0IHsgSHN2YUNvbG9yLCBoc3ZhVG9Ic2xhU3RyaW5nIH0gZnJvbSAnQHVpdy9jb2xvci1jb252ZXJ0JztcbmltcG9ydCBJbnRlcmFjdGl2ZSwgeyBJbnRlcmFjdGlvbiB9IGZyb20gJ0B1aXcvcmVhY3QtZHJhZy1ldmVudC1pbnRlcmFjdGl2ZSc7XG5pbXBvcnQgeyBQb2ludGVyLCBQb2ludGVyUHJvcHMgfSBmcm9tICcuL1BvaW50ZXInO1xuXG5leHBvcnQgKiBmcm9tICdAdWl3L2NvbG9yLWNvbnZlcnQnO1xuXG5leHBvcnQgaW50ZXJmYWNlIFNhdHVyYXRpb25Qcm9wcyBleHRlbmRzIE9taXQ8UmVhY3QuSFRNTEF0dHJpYnV0ZXM8SFRNTERpdkVsZW1lbnQ+LCAnb25DaGFuZ2UnPiB7XG4gIHByZWZpeENscz86IHN0cmluZztcbiAgLyoqIGhzdmEgPT4gYHsgaDogMCwgczogNzUsIHY6IDgyLCBhOiAxIH1gICovXG4gIGhzdmE6IEhzdmFDb2xvcjtcbiAgcmFkaXVzPzogUmVhY3QuQ1NTUHJvcGVydGllc1snYm9yZGVyUmFkaXVzJ107XG4gIC8qKiBSZWFjdCBDb21wb25lbnQsIEN1c3RvbSBwb2ludGVyIGNvbXBvbmVudCAqL1xuICBwb2ludGVyPzogKHsgcHJlZml4Q2xzLCBsZWZ0LCB0b3AsIGNvbG9yIH06IFBvaW50ZXJQcm9wcykgPT4gSlNYLkVsZW1lbnQ7XG4gIG9uQ2hhbmdlPzogKG5ld0NvbG9yOiBIc3ZhQ29sb3IpID0+IHZvaWQ7XG59XG5cbmV4cG9ydCBkZWZhdWx0IFJlYWN0LmZvcndhcmRSZWY8SFRNTERpdkVsZW1lbnQsIFNhdHVyYXRpb25Qcm9wcz4oKHByb3BzLCByZWYpID0+IHtcbiAgY29uc3QgeyBwcmVmaXhDbHMgPSAndy1jb2xvci1zYXR1cmF0aW9uJywgcmFkaXVzID0gMCwgcG9pbnRlciwgY2xhc3NOYW1lLCBzdHlsZSwgaHN2YSwgb25DaGFuZ2UsIC4uLm90aGVyIH0gPSBwcm9wcztcbiAgY29uc3QgY29udGFpbmVyU3R5bGU6IFJlYWN0LkNTU1Byb3BlcnRpZXMgPSB7XG4gICAgd2lkdGg6IDIwMCxcbiAgICBoZWlnaHQ6IDIwMCxcbiAgICBib3JkZXJSYWRpdXM6IHJhZGl1cyxcbiAgICAuLi5zdHlsZSxcbiAgICBwb3NpdGlvbjogJ3JlbGF0aXZlJyxcbiAgICBiYWNrZ3JvdW5kQ29sb3I6IGBoc2woJHtoc3ZhLmh9LDEwMCUsIDUwJSlgLFxuICB9O1xuXG4gIGNvbnN0IGhhbmRsZUNoYW5nZSA9IChpbnRlcmFjdGlvbjogSW50ZXJhY3Rpb24sIGV2ZW50OiBNb3VzZUV2ZW50IHwgVG91Y2hFdmVudCkgPT4ge1xuICAgIG9uQ2hhbmdlICYmXG4gICAgICBvbkNoYW5nZSh7XG4gICAgICAgIGg6IGhzdmEuaCxcbiAgICAgICAgczogaW50ZXJhY3Rpb24ubGVmdCAqIDEwMCxcbiAgICAgICAgdjogKDEgLSBpbnRlcmFjdGlvbi50b3ApICogMTAwLFxuICAgICAgICBhOiBoc3ZhLmEsXG4gICAgICAgIC8vIHNvdXJjZTogJ2hzdicsXG4gICAgICB9KTtcbiAgfTtcblxuICBjb25zdCBjb21Qcm9wcyA9IHtcbiAgICB0b3A6IGAkezEwMCAtIGhzdmEudn0lYCxcbiAgICBsZWZ0OiBgJHtoc3ZhLnN9JWAsXG4gICAgY29sb3I6IGhzdmFUb0hzbGFTdHJpbmcoaHN2YSksXG4gIH07XG5cbiAgcmV0dXJuIChcbiAgICA8SW50ZXJhY3RpdmVcbiAgICAgIGNsYXNzTmFtZT17YCR7cHJlZml4Q2xzfSAke2NsYXNzTmFtZSB8fCAnJ31gfVxuICAgICAgey4uLm90aGVyfVxuICAgICAgc3R5bGU9e3tcbiAgICAgICAgcG9zaXRpb246ICdhYnNvbHV0ZScsXG4gICAgICAgIGluc2V0OiAwLFxuICAgICAgICAuLi5jb250YWluZXJTdHlsZSxcbiAgICAgIH19XG4gICAgICByZWY9e3JlZn1cbiAgICAgIG9uTW92ZT17aGFuZGxlQ2hhbmdlfVxuICAgICAgb25Eb3duPXtoYW5kbGVDaGFuZ2V9XG4gICAgPlxuICAgICAgPGRpdlxuICAgICAgICBzdHlsZT17e1xuICAgICAgICAgIGluc2V0OiAwLFxuICAgICAgICAgIGJhY2tncm91bmQ6ICdsaW5lYXItZ3JhZGllbnQodG8gcmlnaHQsIHJnYigyNTUsIDI1NSwgMjU1KSwgcmdiYSgyNTUsIDI1NSwgMjU1LCAwKSknLFxuICAgICAgICAgIHBvc2l0aW9uOiAnYWJzb2x1dGUnLFxuICAgICAgICAgIGJvcmRlclJhZGl1czogcmFkaXVzLFxuICAgICAgICB9fVxuICAgICAgPlxuICAgICAgICA8ZGl2XG4gICAgICAgICAgc3R5bGU9e3tcbiAgICAgICAgICAgIGluc2V0OiAwLFxuICAgICAgICAgICAgYmFja2dyb3VuZDogJ2xpbmVhci1ncmFkaWVudCh0byB0b3AsIHJnYigwLCAwLCAwKSwgcmdiYSgwLCAwLCAwLCAwKSknLFxuICAgICAgICAgICAgcG9zaXRpb246ICdhYnNvbHV0ZScsXG4gICAgICAgICAgICBib3JkZXJSYWRpdXM6IHJhZGl1cyxcbiAgICAgICAgICB9fVxuICAgICAgICA+XG4gICAgICAgICAge1JlYWN0LmNyZWF0ZUVsZW1lbnQocG9pbnRlciB8fCBQb2ludGVyLCB7XG4gICAgICAgICAgICBwcmVmaXhDbHMsXG4gICAgICAgICAgICAuLi5jb21Qcm9wcyxcbiAgICAgICAgICB9KX1cbiAgICAgICAgPC9kaXY+XG4gICAgICA8L2Rpdj5cbiAgICA8L0ludGVyYWN0aXZlPlxuICApO1xufSk7XG4iXX0=

lib/esm/index.d.ts

 import React from 'react';
 import { HsvaColor } from '@uiw/color-convert';
+import { PointerProps } from './Pointer';
 export * from '@uiw/color-convert';
@@ -8,2 +9,5 @@ export interface SaturationProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'onChange'> {
     hsva: HsvaColor;
+    radius?: React.CSSProperties['borderRadius'];
+    /** React Component, Custom pointer component */
+    pointer?: ({ prefixCls, left, top, color }: PointerProps) => JSX.Element;
     onChange?: (newColor: HsvaColor) => void;
@@ -10,0 +14,0 @@ }

lib/esm/index.js

 import _extends from "@babel/runtime/helpers/extends";
 import _objectSpread from "@babel/runtime/helpers/objectSpread2";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["prefixCls", "className", "style", "hsva", "onChange"];
+var _excluded = ["prefixCls", "radius", "pointer", "className", "style", "hsva", "onChange"];
 import React from 'react';
@@ -13,2 +13,5 @@ import { hsvaToHslaString } from '@uiw/color-convert';
       prefixCls = _props$prefixCls === void 0 ? 'w-color-saturation' : _props$prefixCls,
+      _props$radius = props.radius,
+      radius = _props$radius === void 0 ? 0 : _props$radius,
+      pointer = props.pointer,
       className = props.className,
@@ -22,3 +25,4 @@ style = props.style,
     width: 200,
-    height: 200
+    height: 200,
+    borderRadius: radius
   }, style), {}, {
@@ -39,2 +43,7 @@ position: 'relative',
 
+  var comProps = {
+    top: "".concat(100 - hsva.v, "%"),
+    left: "".concat(hsva.s, "%"),
+    color: hsvaToHslaString(hsva)
+  };
   return /*#__PURE__*/React.createElement(Interactive, _extends({
@@ -54,3 +63,4 @@ className: "".concat(prefixCls, " ").concat(className || '')
       background: 'linear-gradient(to right, rgb(255, 255, 255), rgba(255, 255, 255, 0))',
-      position: 'absolute'
+      position: 'absolute',
+      borderRadius: radius
     }
@@ -61,11 +71,9 @@ }, /*#__PURE__*/React.createElement("div", {
       background: 'linear-gradient(to top, rgb(0, 0, 0), rgba(0, 0, 0, 0))',
-      position: 'absolute'
+      position: 'absolute',
+      borderRadius: radius
     }
-  }, /*#__PURE__*/React.createElement(Pointer, {
-    prefixCls: prefixCls,
-    top: "".concat(100 - hsva.v, "%"),
-    left: "".concat(hsva.s, "%"),
-    color: hsvaToHslaString(hsva)
-  }))));
+  }, /*#__PURE__*/React.createElement(pointer || Pointer, _objectSpread({
+    prefixCls: prefixCls
+  }, comProps)))));
 });
-//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9pbmRleC50c3giXSwibmFtZXMiOlsiUmVhY3QiLCJoc3ZhVG9Ic2xhU3RyaW5nIiwiSW50ZXJhY3RpdmUiLCJQb2ludGVyIiwiZm9yd2FyZFJlZiIsInByb3BzIiwicmVmIiwicHJlZml4Q2xzIiwiY2xhc3NOYW1lIiwic3R5bGUiLCJoc3ZhIiwib25DaGFuZ2UiLCJvdGhlciIsImNvbnRhaW5lclN0eWxlIiwid2lkdGgiLCJoZWlnaHQiLCJwb3NpdGlvbiIsImJhY2tncm91bmRDb2xvciIsImgiLCJoYW5kbGVDaGFuZ2UiLCJpbnRlcmFjdGlvbiIsImV2ZW50IiwicyIsImxlZnQiLCJ2IiwidG9wIiwiYSIsImluc2V0IiwiYmFja2dyb3VuZCJdLCJtYXBwaW5ncyI6Ijs7OztBQUFBLE9BQU9BLEtBQVAsTUFBa0IsT0FBbEI7QUFDQSxTQUFvQkMsZ0JBQXBCLFFBQTRDLG9CQUE1QztBQUNBLE9BQU9DLFdBQVAsTUFBeUMsbUNBQXpDO0FBQ0EsU0FBU0MsT0FBVCxRQUF3QixXQUF4QjtBQUVBLGNBQWMsb0JBQWQ7QUFTQSw0QkFBZUgsS0FBSyxDQUFDSSxVQUFOLENBQWtELFVBQUNDLEtBQUQsRUFBUUMsR0FBUixFQUFnQjtBQUMvRSx5QkFBeUZELEtBQXpGLENBQVFFLFNBQVI7QUFBQSxNQUFRQSxTQUFSLGlDQUFvQixvQkFBcEI7QUFBQSxNQUEwQ0MsU0FBMUMsR0FBeUZILEtBQXpGLENBQTBDRyxTQUExQztBQUFBLE1BQXFEQyxLQUFyRCxHQUF5RkosS0FBekYsQ0FBcURJLEtBQXJEO0FBQUEsTUFBNERDLElBQTVELEdBQXlGTCxLQUF6RixDQUE0REssSUFBNUQ7QUFBQSxNQUFrRUMsUUFBbEUsR0FBeUZOLEtBQXpGLENBQWtFTSxRQUFsRTtBQUFBLE1BQStFQyxLQUEvRSw0QkFBeUZQLEtBQXpGOztBQUNBLE1BQU1RLGNBQW1DO0FBQ3ZDQyxJQUFBQSxLQUFLLEVBQUUsR0FEZ0M7QUFFdkNDLElBQUFBLE1BQU0sRUFBRTtBQUYrQixLQUdwQ04sS0FIb0M7QUFJdkNPLElBQUFBLFFBQVEsRUFBRSxVQUo2QjtBQUt2Q0MsSUFBQUEsZUFBZSxnQkFBU1AsSUFBSSxDQUFDUSxDQUFkO0FBTHdCLElBQXpDOztBQVFBLE1BQU1DLFlBQVksR0FBRyxTQUFmQSxZQUFlLENBQUNDLFdBQUQsRUFBMkJDLEtBQTNCLEVBQThEO0FBQ2pGVixJQUFBQSxRQUFRLElBQ05BLFFBQVEsQ0FBQztBQUNQTyxNQUFBQSxDQUFDLEVBQUVSLElBQUksQ0FBQ1EsQ0FERDtBQUVQSSxNQUFBQSxDQUFDLEVBQUVGLFdBQVcsQ0FBQ0csSUFBWixHQUFtQixHQUZmO0FBR1BDLE1BQUFBLENBQUMsRUFBRSxDQUFDLElBQUlKLFdBQVcsQ0FBQ0ssR0FBakIsSUFBd0IsR0FIcEI7QUFJUEMsTUFBQUEsQ0FBQyxFQUFFaEIsSUFBSSxDQUFDZ0IsQ0FKRCxDQUtQOztBQUxPLEtBQUQsQ0FEVjtBQVFELEdBVEQ7O0FBV0Esc0JBQ0Usb0JBQUMsV0FBRDtBQUNFLElBQUEsU0FBUyxZQUFLbkIsU0FBTCxjQUFrQkMsU0FBUyxJQUFJLEVBQS9CO0FBRFgsS0FFTUksS0FGTjtBQUdFLElBQUEsS0FBSztBQUNISSxNQUFBQSxRQUFRLEVBQUUsVUFEUDtBQUVIVyxNQUFBQSxLQUFLLEVBQUU7QUFGSixPQUdBZCxjQUhBLENBSFA7QUFRRSxJQUFBLEdBQUcsRUFBRVAsR0FSUDtBQVNFLElBQUEsTUFBTSxFQUFFYSxZQVRWO0FBVUUsSUFBQSxNQUFNLEVBQUVBO0FBVlYsbUJBWUU7QUFDRSxJQUFBLEtBQUssRUFBRTtBQUNMUSxNQUFBQSxLQUFLLEVBQUUsQ0FERjtBQUVMQyxNQUFBQSxVQUFVLEVBQUUsdUVBRlA7QUFHTFosTUFBQUEsUUFBUSxFQUFFO0FBSEw7QUFEVCxrQkFPRTtBQUNFLElBQUEsS0FBSyxFQUFFO0FBQ0xXLE1BQUFBLEtBQUssRUFBRSxDQURGO0FBRUxDLE1BQUFBLFVBQVUsRUFBRSx5REFGUDtBQUdMWixNQUFBQSxRQUFRLEVBQUU7QUFITDtBQURULGtCQU9FLG9CQUFDLE9BQUQ7QUFBUyxJQUFBLFNBQVMsRUFBRVQsU0FBcEI7QUFBK0IsSUFBQSxHQUFHLFlBQUssTUFBTUcsSUFBSSxDQUFDYyxDQUFoQixNQUFsQztBQUF3RCxJQUFBLElBQUksWUFBS2QsSUFBSSxDQUFDWSxDQUFWLE1BQTVEO0FBQTRFLElBQUEsS0FBSyxFQUFFckIsZ0JBQWdCLENBQUNTLElBQUQ7QUFBbkcsSUFQRixDQVBGLENBWkYsQ0FERjtBQWdDRCxDQXJEYyxDQUFmIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0IGZyb20gJ3JlYWN0JztcbmltcG9ydCB7IEhzdmFDb2xvciwgaHN2YVRvSHNsYVN0cmluZyB9IGZyb20gJ0B1aXcvY29sb3ItY29udmVydCc7XG5pbXBvcnQgSW50ZXJhY3RpdmUsIHsgSW50ZXJhY3Rpb24gfSBmcm9tICdAdWl3L3JlYWN0LWRyYWctZXZlbnQtaW50ZXJhY3RpdmUnO1xuaW1wb3J0IHsgUG9pbnRlciB9IGZyb20gJy4vUG9pbnRlcic7XG5cbmV4cG9ydCAqIGZyb20gJ0B1aXcvY29sb3ItY29udmVydCc7XG5cbmV4cG9ydCBpbnRlcmZhY2UgU2F0dXJhdGlvblByb3BzIGV4dGVuZHMgT21pdDxSZWFjdC5IVE1MQXR0cmlidXRlczxIVE1MRGl2RWxlbWVudD4sICdvbkNoYW5nZSc+IHtcbiAgcHJlZml4Q2xzPzogc3RyaW5nO1xuICAvKiogaHN2YSA9PiBgeyBoOiAwLCBzOiA3NSwgdjogODIsIGE6IDEgfWAgKi9cbiAgaHN2YTogSHN2YUNvbG9yO1xuICBvbkNoYW5nZT86IChuZXdDb2xvcjogSHN2YUNvbG9yKSA9PiB2b2lkO1xufVxuXG5leHBvcnQgZGVmYXVsdCBSZWFjdC5mb3J3YXJkUmVmPEhUTUxEaXZFbGVtZW50LCBTYXR1cmF0aW9uUHJvcHM+KChwcm9wcywgcmVmKSA9PiB7XG4gIGNvbnN0IHsgcHJlZml4Q2xzID0gJ3ctY29sb3Itc2F0dXJhdGlvbicsIGNsYXNzTmFtZSwgc3R5bGUsIGhzdmEsIG9uQ2hhbmdlLCAuLi5vdGhlciB9ID0gcHJvcHM7XG4gIGNvbnN0IGNvbnRhaW5lclN0eWxlOiBSZWFjdC5DU1NQcm9wZXJ0aWVzID0ge1xuICAgIHdpZHRoOiAyMDAsXG4gICAgaGVpZ2h0OiAyMDAsXG4gICAgLi4uc3R5bGUsXG4gICAgcG9zaXRpb246ICdyZWxhdGl2ZScsXG4gICAgYmFja2dyb3VuZENvbG9yOiBgaHNsKCR7aHN2YS5ofSwxMDAlLCA1MCUpYCxcbiAgfTtcblxuICBjb25zdCBoYW5kbGVDaGFuZ2UgPSAoaW50ZXJhY3Rpb246IEludGVyYWN0aW9uLCBldmVudDogTW91c2VFdmVudCB8IFRvdWNoRXZlbnQpID0+IHtcbiAgICBvbkNoYW5nZSAmJlxuICAgICAgb25DaGFuZ2Uoe1xuICAgICAgICBoOiBoc3ZhLmgsXG4gICAgICAgIHM6IGludGVyYWN0aW9uLmxlZnQgKiAxMDAsXG4gICAgICAgIHY6ICgxIC0gaW50ZXJhY3Rpb24udG9wKSAqIDEwMCxcbiAgICAgICAgYTogaHN2YS5hLFxuICAgICAgICAvLyBzb3VyY2U6ICdoc3YnLFxuICAgICAgfSk7XG4gIH07XG5cbiAgcmV0dXJuIChcbiAgICA8SW50ZXJhY3RpdmVcbiAgICAgIGNsYXNzTmFtZT17YCR7cHJlZml4Q2xzfSAke2NsYXNzTmFtZSB8fCAnJ31gfVxuICAgICAgey4uLm90aGVyfVxuICAgICAgc3R5bGU9e3tcbiAgICAgICAgcG9zaXRpb246ICdhYnNvbHV0ZScsXG4gICAgICAgIGluc2V0OiAwLFxuICAgICAgICAuLi5jb250YWluZXJTdHlsZSxcbiAgICAgIH19XG4gICAgICByZWY9e3JlZn1cbiAgICAgIG9uTW92ZT17aGFuZGxlQ2hhbmdlfVxuICAgICAgb25Eb3duPXtoYW5kbGVDaGFuZ2V9XG4gICAgPlxuICAgICAgPGRpdlxuICAgICAgICBzdHlsZT17e1xuICAgICAgICAgIGluc2V0OiAwLFxuICAgICAgICAgIGJhY2tncm91bmQ6ICdsaW5lYXItZ3JhZGllbnQodG8gcmlnaHQsIHJnYigyNTUsIDI1NSwgMjU1KSwgcmdiYSgyNTUsIDI1NSwgMjU1LCAwKSknLFxuICAgICAgICAgIHBvc2l0aW9uOiAnYWJzb2x1dGUnLFxuICAgICAgICB9fVxuICAgICAgPlxuICAgICAgICA8ZGl2XG4gICAgICAgICAgc3R5bGU9e3tcbiAgICAgICAgICAgIGluc2V0OiAwLFxuICAgICAgICAgICAgYmFja2dyb3VuZDogJ2xpbmVhci1ncmFkaWVudCh0byB0b3AsIHJnYigwLCAwLCAwKSwgcmdiYSgwLCAwLCAwLCAwKSknLFxuICAgICAgICAgICAgcG9zaXRpb246ICdhYnNvbHV0ZScsXG4gICAgICAgICAgfX1cbiAgICAgICAgPlxuICAgICAgICAgIDxQb2ludGVyIHByZWZpeENscz17cHJlZml4Q2xzfSB0b3A9e2AkezEwMCAtIGhzdmEudn0lYH0gbGVmdD17YCR7aHN2YS5zfSVgfSBjb2xvcj17aHN2YVRvSHNsYVN0cmluZyhoc3ZhKX0gLz5cbiAgICAgICAgPC9kaXY+XG4gICAgICA8L2Rpdj5cbiAgICA8L0ludGVyYWN0aXZlPlxuICApO1xufSk7XG4iXX0=
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9pbmRleC50c3giXSwibmFtZXMiOlsiUmVhY3QiLCJoc3ZhVG9Ic2xhU3RyaW5nIiwiSW50ZXJhY3RpdmUiLCJQb2ludGVyIiwiZm9yd2FyZFJlZiIsInByb3BzIiwicmVmIiwicHJlZml4Q2xzIiwicmFkaXVzIiwicG9pbnRlciIsImNsYXNzTmFtZSIsInN0eWxlIiwiaHN2YSIsIm9uQ2hhbmdlIiwib3RoZXIiLCJjb250YWluZXJTdHlsZSIsIndpZHRoIiwiaGVpZ2h0IiwiYm9yZGVyUmFkaXVzIiwicG9zaXRpb24iLCJiYWNrZ3JvdW5kQ29sb3IiLCJoIiwiaGFuZGxlQ2hhbmdlIiwiaW50ZXJhY3Rpb24iLCJldmVudCIsInMiLCJsZWZ0IiwidiIsInRvcCIsImEiLCJjb21Qcm9wcyIsImNvbG9yIiwiaW5zZXQiLCJiYWNrZ3JvdW5kIiwiY3JlYXRlRWxlbWVudCJdLCJtYXBwaW5ncyI6Ijs7OztBQUFBLE9BQU9BLEtBQVAsTUFBa0IsT0FBbEI7QUFDQSxTQUFvQkMsZ0JBQXBCLFFBQTRDLG9CQUE1QztBQUNBLE9BQU9DLFdBQVAsTUFBeUMsbUNBQXpDO0FBQ0EsU0FBU0MsT0FBVCxRQUFzQyxXQUF0QztBQUVBLGNBQWMsb0JBQWQ7QUFZQSw0QkFBZUgsS0FBSyxDQUFDSSxVQUFOLENBQWtELFVBQUNDLEtBQUQsRUFBUUMsR0FBUixFQUFnQjtBQUMvRSx5QkFBOEdELEtBQTlHLENBQVFFLFNBQVI7QUFBQSxNQUFRQSxTQUFSLGlDQUFvQixvQkFBcEI7QUFBQSxzQkFBOEdGLEtBQTlHLENBQTBDRyxNQUExQztBQUFBLE1BQTBDQSxNQUExQyw4QkFBbUQsQ0FBbkQ7QUFBQSxNQUFzREMsT0FBdEQsR0FBOEdKLEtBQTlHLENBQXNESSxPQUF0RDtBQUFBLE1BQStEQyxTQUEvRCxHQUE4R0wsS0FBOUcsQ0FBK0RLLFNBQS9EO0FBQUEsTUFBMEVDLEtBQTFFLEdBQThHTixLQUE5RyxDQUEwRU0sS0FBMUU7QUFBQSxNQUFpRkMsSUFBakYsR0FBOEdQLEtBQTlHLENBQWlGTyxJQUFqRjtBQUFBLE1BQXVGQyxRQUF2RixHQUE4R1IsS0FBOUcsQ0FBdUZRLFFBQXZGO0FBQUEsTUFBb0dDLEtBQXBHLDRCQUE4R1QsS0FBOUc7O0FBQ0EsTUFBTVUsY0FBbUM7QUFDdkNDLElBQUFBLEtBQUssRUFBRSxHQURnQztBQUV2Q0MsSUFBQUEsTUFBTSxFQUFFLEdBRitCO0FBR3ZDQyxJQUFBQSxZQUFZLEVBQUVWO0FBSHlCLEtBSXBDRyxLQUpvQztBQUt2Q1EsSUFBQUEsUUFBUSxFQUFFLFVBTDZCO0FBTXZDQyxJQUFBQSxlQUFlLGdCQUFTUixJQUFJLENBQUNTLENBQWQ7QUFOd0IsSUFBekM7O0FBU0EsTUFBTUMsWUFBWSxHQUFHLFNBQWZBLFlBQWUsQ0FBQ0MsV0FBRCxFQUEyQkMsS0FBM0IsRUFBOEQ7QUFDakZYLElBQUFBLFFBQVEsSUFDTkEsUUFBUSxDQUFDO0FBQ1BRLE1BQUFBLENBQUMsRUFBRVQsSUFBSSxDQUFDUyxDQUREO0FBRVBJLE1BQUFBLENBQUMsRUFBRUYsV0FBVyxDQUFDRyxJQUFaLEdBQW1CLEdBRmY7QUFHUEMsTUFBQUEsQ0FBQyxFQUFFLENBQUMsSUFBSUosV0FBVyxDQUFDSyxHQUFqQixJQUF3QixHQUhwQjtBQUlQQyxNQUFBQSxDQUFDLEVBQUVqQixJQUFJLENBQUNpQixDQUpELENBS1A7O0FBTE8sS0FBRCxDQURWO0FBUUQsR0FURDs7QUFXQSxNQUFNQyxRQUFRLEdBQUc7QUFDZkYsSUFBQUEsR0FBRyxZQUFLLE1BQU1oQixJQUFJLENBQUNlLENBQWhCLE1BRFk7QUFFZkQsSUFBQUEsSUFBSSxZQUFLZCxJQUFJLENBQUNhLENBQVYsTUFGVztBQUdmTSxJQUFBQSxLQUFLLEVBQUU5QixnQkFBZ0IsQ0FBQ1csSUFBRDtBQUhSLEdBQWpCO0FBTUEsc0JBQ0Usb0JBQUMsV0FBRDtBQUNFLElBQUEsU0FBUyxZQUFLTCxTQUFMLGNBQWtCRyxTQUFTLElBQUksRUFBL0I7QUFEWCxLQUVNSSxLQUZOO0FBR0UsSUFBQSxLQUFLO0FBQ0hLLE1BQUFBLFFBQVEsRUFBRSxVQURQO0FBRUhhLE1BQUFBLEtBQUssRUFBRTtBQUZKLE9BR0FqQixjQUhBLENBSFA7QUFRRSxJQUFBLEdBQUcsRUFBRVQsR0FSUDtBQVNFLElBQUEsTUFBTSxFQUFFZ0IsWUFUVjtBQVVFLElBQUEsTUFBTSxFQUFFQTtBQVZWLG1CQVlFO0FBQ0UsSUFBQSxLQUFLLEVBQUU7QUFDTFUsTUFBQUEsS0FBSyxFQUFFLENBREY7QUFFTEMsTUFBQUEsVUFBVSxFQUFFLHVFQUZQO0FBR0xkLE1BQUFBLFFBQVEsRUFBRSxVQUhMO0FBSUxELE1BQUFBLFlBQVksRUFBRVY7QUFKVDtBQURULGtCQVFFO0FBQ0UsSUFBQSxLQUFLLEVBQUU7QUFDTHdCLE1BQUFBLEtBQUssRUFBRSxDQURGO0FBRUxDLE1BQUFBLFVBQVUsRUFBRSx5REFGUDtBQUdMZCxNQUFBQSxRQUFRLEVBQUUsVUFITDtBQUlMRCxNQUFBQSxZQUFZLEVBQUVWO0FBSlQ7QUFEVCxrQkFRR1IsS0FBSyxDQUFDa0MsYUFBTixDQUFvQnpCLE9BQU8sSUFBSU4sT0FBL0I7QUFDQ0ksSUFBQUEsU0FBUyxFQUFUQTtBQURELEtBRUl1QixRQUZKLEVBUkgsQ0FSRixDQVpGLENBREY7QUFxQ0QsQ0FqRWMsQ0FBZiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCBmcm9tICdyZWFjdCc7XG5pbXBvcnQgeyBIc3ZhQ29sb3IsIGhzdmFUb0hzbGFTdHJpbmcgfSBmcm9tICdAdWl3L2NvbG9yLWNvbnZlcnQnO1xuaW1wb3J0IEludGVyYWN0aXZlLCB7IEludGVyYWN0aW9uIH0gZnJvbSAnQHVpdy9yZWFjdC1kcmFnLWV2ZW50LWludGVyYWN0aXZlJztcbmltcG9ydCB7IFBvaW50ZXIsIFBvaW50ZXJQcm9wcyB9IGZyb20gJy4vUG9pbnRlcic7XG5cbmV4cG9ydCAqIGZyb20gJ0B1aXcvY29sb3ItY29udmVydCc7XG5cbmV4cG9ydCBpbnRlcmZhY2UgU2F0dXJhdGlvblByb3BzIGV4dGVuZHMgT21pdDxSZWFjdC5IVE1MQXR0cmlidXRlczxIVE1MRGl2RWxlbWVudD4sICdvbkNoYW5nZSc+IHtcbiAgcHJlZml4Q2xzPzogc3RyaW5nO1xuICAvKiogaHN2YSA9PiBgeyBoOiAwLCBzOiA3NSwgdjogODIsIGE6IDEgfWAgKi9cbiAgaHN2YTogSHN2YUNvbG9yO1xuICByYWRpdXM/OiBSZWFjdC5DU1NQcm9wZXJ0aWVzWydib3JkZXJSYWRpdXMnXTtcbiAgLyoqIFJlYWN0IENvbXBvbmVudCwgQ3VzdG9tIHBvaW50ZXIgY29tcG9uZW50ICovXG4gIHBvaW50ZXI/OiAoeyBwcmVmaXhDbHMsIGxlZnQsIHRvcCwgY29sb3IgfTogUG9pbnRlclByb3BzKSA9PiBKU1guRWxlbWVudDtcbiAgb25DaGFuZ2U/OiAobmV3Q29sb3I6IEhzdmFDb2xvcikgPT4gdm9pZDtcbn1cblxuZXhwb3J0IGRlZmF1bHQgUmVhY3QuZm9yd2FyZFJlZjxIVE1MRGl2RWxlbWVudCwgU2F0dXJhdGlvblByb3BzPigocHJvcHMsIHJlZikgPT4ge1xuICBjb25zdCB7IHByZWZpeENscyA9ICd3LWNvbG9yLXNhdHVyYXRpb24nLCByYWRpdXMgPSAwLCBwb2ludGVyLCBjbGFzc05hbWUsIHN0eWxlLCBoc3ZhLCBvbkNoYW5nZSwgLi4ub3RoZXIgfSA9IHByb3BzO1xuICBjb25zdCBjb250YWluZXJTdHlsZTogUmVhY3QuQ1NTUHJvcGVydGllcyA9IHtcbiAgICB3aWR0aDogMjAwLFxuICAgIGhlaWdodDogMjAwLFxuICAgIGJvcmRlclJhZGl1czogcmFkaXVzLFxuICAgIC4uLnN0eWxlLFxuICAgIHBvc2l0aW9uOiAncmVsYXRpdmUnLFxuICAgIGJhY2tncm91bmRDb2xvcjogYGhzbCgke2hzdmEuaH0sMTAwJSwgNTAlKWAsXG4gIH07XG5cbiAgY29uc3QgaGFuZGxlQ2hhbmdlID0gKGludGVyYWN0aW9uOiBJbnRlcmFjdGlvbiwgZXZlbnQ6IE1vdXNlRXZlbnQgfCBUb3VjaEV2ZW50KSA9PiB7XG4gICAgb25DaGFuZ2UgJiZcbiAgICAgIG9uQ2hhbmdlKHtcbiAgICAgICAgaDogaHN2YS5oLFxuICAgICAgICBzOiBpbnRlcmFjdGlvbi5sZWZ0ICogMTAwLFxuICAgICAgICB2OiAoMSAtIGludGVyYWN0aW9uLnRvcCkgKiAxMDAsXG4gICAgICAgIGE6IGhzdmEuYSxcbiAgICAgICAgLy8gc291cmNlOiAnaHN2JyxcbiAgICAgIH0pO1xuICB9O1xuXG4gIGNvbnN0IGNvbVByb3BzID0ge1xuICAgIHRvcDogYCR7MTAwIC0gaHN2YS52fSVgLFxuICAgIGxlZnQ6IGAke2hzdmEuc30lYCxcbiAgICBjb2xvcjogaHN2YVRvSHNsYVN0cmluZyhoc3ZhKSxcbiAgfTtcblxuICByZXR1cm4gKFxuICAgIDxJbnRlcmFjdGl2ZVxuICAgICAgY2xhc3NOYW1lPXtgJHtwcmVmaXhDbHN9ICR7Y2xhc3NOYW1lIHx8ICcnfWB9XG4gICAgICB7Li4ub3RoZXJ9XG4gICAgICBzdHlsZT17e1xuICAgICAgICBwb3NpdGlvbjogJ2Fic29sdXRlJyxcbiAgICAgICAgaW5zZXQ6IDAsXG4gICAgICAgIC4uLmNvbnRhaW5lclN0eWxlLFxuICAgICAgfX1cbiAgICAgIHJlZj17cmVmfVxuICAgICAgb25Nb3ZlPXtoYW5kbGVDaGFuZ2V9XG4gICAgICBvbkRvd249e2hhbmRsZUNoYW5nZX1cbiAgICA+XG4gICAgICA8ZGl2XG4gICAgICAgIHN0eWxlPXt7XG4gICAgICAgICAgaW5zZXQ6IDAsXG4gICAgICAgICAgYmFja2dyb3VuZDogJ2xpbmVhci1ncmFkaWVudCh0byByaWdodCwgcmdiKDI1NSwgMjU1LCAyNTUpLCByZ2JhKDI1NSwgMjU1LCAyNTUsIDApKScsXG4gICAgICAgICAgcG9zaXRpb246ICdhYnNvbHV0ZScsXG4gICAgICAgICAgYm9yZGVyUmFkaXVzOiByYWRpdXMsXG4gICAgICAgIH19XG4gICAgICA+XG4gICAgICAgIDxkaXZcbiAgICAgICAgICBzdHlsZT17e1xuICAgICAgICAgICAgaW5zZXQ6IDAsXG4gICAgICAgICAgICBiYWNrZ3JvdW5kOiAnbGluZWFyLWdyYWRpZW50KHRvIHRvcCwgcmdiKDAsIDAsIDApLCByZ2JhKDAsIDAsIDAsIDApKScsXG4gICAgICAgICAgICBwb3NpdGlvbjogJ2Fic29sdXRlJyxcbiAgICAgICAgICAgIGJvcmRlclJhZGl1czogcmFkaXVzLFxuICAgICAgICAgIH19XG4gICAgICAgID5cbiAgICAgICAgICB7UmVhY3QuY3JlYXRlRWxlbWVudChwb2ludGVyIHx8IFBvaW50ZXIsIHtcbiAgICAgICAgICAgIHByZWZpeENscyxcbiAgICAgICAgICAgIC4uLmNvbVByb3BzLFxuICAgICAgICAgIH0pfVxuICAgICAgICA8L2Rpdj5cbiAgICAgIDwvZGl2PlxuICAgIDwvSW50ZXJhY3RpdmU+XG4gICk7XG59KTtcbiJdfQ==

package.json

 {
   "name": "@uiw/react-color-saturation",
-  "version": "0.0.13",
+  "version": "0.0.14",
   "description": "Color Saturation",
   "author": "Kenny Wong <[e-mail]>",
+  "homepage": "https://uiwjs.github.io/react-color/#react-color-saturation",
   "main": "lib/cjs/index.js",
@@ -31,4 +32,4 @@ "module": "lib/esm/index.js",
     "@babel/runtime": "7.14.6",
-    "@uiw/color-convert": "^0.0.13",
-    "@uiw/react-drag-event-interactive": "^0.0.13"
+    "@uiw/color-convert": "^0.0.14",
+    "@uiw/react-drag-event-interactive": "^0.0.14"
   },
@@ -35,0 +36,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

No website

Quality

Package does not have a website.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

36094

increased by11%

Lines of code

404

increased by10.38%

Number of low quality alerts

1

decreased by-50%

Dependency changes

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

• + Added@uiw/react-drag-event-interactive@0.0.14(transitive)

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

• - Removed@uiw/react-drag-event-interactive@0.0.13(transitive)

• Updated@uiw/color-convert@^0.0.14

• Updated@uiw/react-drag-event-interactive@^0.0.14