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

react-best-gradient-color-picker

Package Overview
Dependencies
Maintainers
1
Versions
247
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

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

Comparing version 3.0.0-beta.4 to 3.0.0-beta.5

6

esm/GradientControls.js

@@ -30,5 +30,5 @@ import { __assign } from "tslib";

return (React.createElement("div", { className: "control-btns-wrap", style: __assign(__assign({}, df), ac) },
React.createElement("div", { onClick: handleLinear, style: __assign(__assign({}, controlBtnStyles(isLinear)), controlBtnStyle) },
React.createElement("div", { onClick: handleLinear, style: __assign(__assign({}, controlBtnStyle(isLinear)), controlBtnStyle) },
React.createElement(LinearIcon, { color: isLinear ? "#568CF5" : "" })),
React.createElement("div", { onClick: handleRadial, style: __assign(__assign({}, controlBtnStyles(isRadial)), controlBtnStyle) },
React.createElement("div", { onClick: handleRadial, style: __assign(__assign({}, controlBtnStyle(isRadial)), controlBtnStyle) },
React.createElement(RadialIcon, { color: isRadial ? "#568CF5" : "" }))));

@@ -65,5 +65,5 @@ };

var deletePoint = usePicker().deletePoint;
return (React.createElement("div", { onClick: deletePoint, className: "df jc ac control-btns-wrap", style: __assign(__assign({ width: 30 }, controlBtnStyles(false)), { marginRight: 1 }) },
return (React.createElement("div", { onClick: deletePoint, className: "df jc ac control-btns-wrap", style: __assign(__assign({ width: 30 }, controlBtnStyle(false)), { marginRight: 1 }) },
React.createElement(TrashIcon, null)));
};
//# sourceMappingURL=GradientControls.js.map

@@ -32,5 +32,5 @@ "use strict";

return (react_1.default.createElement("div", { className: "control-btns-wrap", style: tslib_1.__assign(tslib_1.__assign({}, styles_2.df), styles_2.ac) },
react_1.default.createElement("div", { onClick: handleLinear, style: tslib_1.__assign(tslib_1.__assign({}, controlBtnStyles(isLinear)), styles_1.controlBtnStyle) },
react_1.default.createElement("div", { onClick: handleLinear, style: tslib_1.__assign(tslib_1.__assign({}, (0, styles_1.controlBtnStyle)(isLinear)), styles_1.controlBtnStyle) },
react_1.default.createElement(icon_1.LinearIcon, { color: isLinear ? "#568CF5" : "" })),
react_1.default.createElement("div", { onClick: handleRadial, style: tslib_1.__assign(tslib_1.__assign({}, controlBtnStyles(isRadial)), styles_1.controlBtnStyle) },
react_1.default.createElement("div", { onClick: handleRadial, style: tslib_1.__assign(tslib_1.__assign({}, (0, styles_1.controlBtnStyle)(isRadial)), styles_1.controlBtnStyle) },
react_1.default.createElement(icon_1.RadialIcon, { color: isRadial ? "#568CF5" : "" }))));

@@ -67,5 +67,5 @@ };

var deletePoint = (0, context_1.usePicker)().deletePoint;
return (react_1.default.createElement("div", { onClick: deletePoint, className: "df jc ac control-btns-wrap", style: tslib_1.__assign(tslib_1.__assign({ width: 30 }, controlBtnStyles(false)), { marginRight: 1 }) },
return (react_1.default.createElement("div", { onClick: deletePoint, className: "df jc ac control-btns-wrap", style: tslib_1.__assign(tslib_1.__assign({ width: 30 }, (0, styles_1.controlBtnStyle)(false)), { marginRight: 1 }) },
react_1.default.createElement(icon_1.default, null)));
};
//# sourceMappingURL=GradientControls.js.map
{
"name": "react-best-gradient-color-picker",
"version": "3.0.0-beta.4",
"version": "3.0.0-beta.5",
"description": "An easy to use color/gradient picker for React.js",

@@ -5,0 +5,0 @@ "main": "lib/index.js",

@@ -57,3 +57,3 @@ import React from "react";

onClick={handleLinear}
style={{ ...controlBtnStyles(isLinear), ...controlBtnStyle }}
style={{ ...controlBtnStyle(isLinear), ...controlBtnStyle }}
>

@@ -64,3 +64,3 @@ <LinearIcon color={isLinear ? "#568CF5" : ""} />

onClick={handleRadial}
style={{ ...controlBtnStyles(isRadial), ...controlBtnStyle }}
style={{ ...controlBtnStyle(isRadial), ...controlBtnStyle }}
>

@@ -131,3 +131,3 @@ <RadialIcon color={isRadial ? "#568CF5" : ""} />

className="df jc ac control-btns-wrap"
style={{ width: 30, ...controlBtnStyles(false), marginRight: 1 }}
style={{ width: 30, ...controlBtnStyle(false), marginRight: 1 }}
>

@@ -134,0 +134,0 @@ <TrashIcon />

Sorry, the diff of this file is not supported yet

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