Huge News!Announcing our $40M Series B led by Abstract Ventures.Learn More
Socket
Sign inDemoInstall
Socket

@uiw/react-color-shade-slider

Package Overview
Dependencies
Maintainers
1
Versions
83
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

@uiw/react-color-shade-slider - npm Package Compare versions

Comparing version 1.0.0 to 1.0.1

19

lib/index.js

@@ -5,8 +5,10 @@ "use strict";

exports.__esModule = true;
Object.defineProperty(exports, "__esModule", {
value: true
});
exports["default"] = void 0;
var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));

@@ -31,3 +33,3 @@ var _react = _interopRequireDefault(require("react"));

hsva = props.hsva,
other = (0, _objectWithoutPropertiesLoose2["default"])(props, _excluded);
other = (0, _objectWithoutProperties2["default"])(props, _excluded);
var colorFrom = (0, _colorConvert.hsvaToHslaString)(Object.assign({}, hsva, {

@@ -38,6 +40,6 @@ a: 1,

}));
return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactColorAlpha["default"], (0, _extends2["default"])({
return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactColorAlpha["default"], (0, _objectSpread2["default"])((0, _objectSpread2["default"])({
ref: ref
}, other, {
className: prefixCls + " " + (className || ''),
}, other), {}, {
className: "".concat(prefixCls, " ").concat(className || ''),
hsva: {

@@ -50,3 +52,3 @@ h: hsva.h,

direction: direction,
background: "linear-gradient(to " + (direction === 'horizontal' ? 'right' : 'bottom') + ", " + colorFrom + ", rgb(0, 0, 0))",
background: "linear-gradient(to ".concat(direction === 'horizontal' ? 'right' : 'bottom', ", ").concat(colorFrom, ", rgb(0, 0, 0))"),
onChange: function onChange(_, interaction) {

@@ -64,3 +66,2 @@ _onChange && _onChange({

exports["default"] = _default;
module.exports = exports.default;
//# sourceMappingURL=index.js.map
{
"name": "@uiw/react-color-shade-slider",
"version": "1.0.0",
"version": "1.0.1",
"description": "Color ShadeSlider component for React.",

@@ -32,8 +32,8 @@ "homepage": "https://uiwjs.github.io/react-color/#react-color-shade-slider",

"dependencies": {
"@babel/runtime": "7.15.3",
"@babel/runtime": "7.15.4",
"@uiw/color-convert": "^1.0.0",
"@uiw/react-color-alpha": "^1.0.0"
"@uiw/react-color-alpha": "^1.0.1"
},
"devDependencies": {
"@types/react": "17.0.19",
"@types/react": "17.0.20",
"@types/react-dom": "17.0.9",

@@ -40,0 +40,0 @@ "@types/react-test-renderer": "17.0.1",

Sorry, the diff of this file is not supported yet

SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap
  • Changelog

Packages

npm

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc