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
224
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.10-beta.1 to 3.0.10-beta.2

2

dist/cjs/components/Controls.js

@@ -47,3 +47,3 @@ "use strict";

else {
return (react_1.default.createElement("div", { style: defaultStyles.controlBtnWrapper },
return (react_1.default.createElement("div", { style: { ...defaultStyles.controlBtnWrapper, display: 'flex', alignItems: 'center' } },
react_1.default.createElement("div", { onClick: setSolid, id: "rbgcp-solid-btn", style: (0, styles_js_1.colorTypeBtnStyles)(!isGradient, defaultStyles) }, locales?.CONTROLS?.SOLID),

@@ -50,0 +50,0 @@ react_1.default.createElement("div", { onClick: setGradient, id: "rbgcp-gradient-btn", style: (0, styles_js_1.colorTypeBtnStyles)(isGradient || false, defaultStyles) }, locales?.CONTROLS?.GRADIENT)));

@@ -88,2 +88,3 @@ "use strict";

react_1.default.createElement("div", { style: {
...defaultStyles.rbgcpDegreeIcon,
position: 'absolute',

@@ -94,3 +95,2 @@ right: degrees > 99 ? 0 : degrees < 10 ? 7 : 3,

fontSize: 13,
...defaultStyles.rbgcpDegreeIcon,
} }, "\u00B0")));

@@ -118,2 +118,3 @@ };

return (react_1.default.createElement("div", { style: {
...defaultStyles.rbgcpControlBtnWrapper,
marginTop: 12,

@@ -123,3 +124,2 @@ marginBottom: -4,

paddingLeft: hideGradientType ? 4 : 0,
...defaultStyles.rbgcpControlBtnWrapper,
}, id: "rbgcp-gradient-controls-wrap" },

@@ -126,0 +126,0 @@ !hideGradientType && react_1.default.createElement(GradientType, null),

@@ -19,3 +19,3 @@ /* eslint-disable react/jsx-no-leaked-render */

else {
return (React.createElement("div", { style: defaultStyles.controlBtnWrapper },
return (React.createElement("div", { style: { ...defaultStyles.controlBtnWrapper, display: 'flex', alignItems: 'center' } },
React.createElement("div", { onClick: setSolid, id: "rbgcp-solid-btn", style: colorTypeBtnStyles(!isGradient, defaultStyles) }, locales?.CONTROLS?.SOLID),

@@ -22,0 +22,0 @@ React.createElement("div", { onClick: setGradient, id: "rbgcp-gradient-btn", style: colorTypeBtnStyles(isGradient || false, defaultStyles) }, locales?.CONTROLS?.GRADIENT)));

@@ -60,2 +60,3 @@ import React from 'react';

React.createElement("div", { style: {
...defaultStyles.rbgcpDegreeIcon,
position: 'absolute',

@@ -66,3 +67,2 @@ right: degrees > 99 ? 0 : degrees < 10 ? 7 : 3,

fontSize: 13,
...defaultStyles.rbgcpDegreeIcon,
} }, "\u00B0")));

@@ -90,2 +90,3 @@ };

return (React.createElement("div", { style: {
...defaultStyles.rbgcpControlBtnWrapper,
marginTop: 12,

@@ -95,3 +96,2 @@ marginBottom: -4,

paddingLeft: hideGradientType ? 4 : 0,
...defaultStyles.rbgcpControlBtnWrapper,
}, id: "rbgcp-gradient-controls-wrap" },

@@ -98,0 +98,0 @@ !hideGradientType && React.createElement(GradientType, null),

{
"name": "react-best-gradient-color-picker",
"version": "3.0.10-beta.1",
"version": "3.0.10-beta.2",
"description": "An easy to use color/gradient picker for React.js",

@@ -5,0 +5,0 @@ "type": "module",

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