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

@uiw/react-color

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 - npm Package Compare versions

Comparing version 1.0.0 to 1.0.1

268

lib/index.js

@@ -5,6 +5,7 @@ "use strict";

exports.__esModule = true;
Object.defineProperty(exports, "__esModule", {
value: true
});
var _exportNames = {
Alpha: true,
Block: true,
Compact: true,

@@ -14,2 +15,3 @@ Chrome: true,

Circle: true,
Block: true,
EditableInput: true,

@@ -23,8 +25,115 @@ EditableInputRGBA: true,

ShadeSlider: true,
Sketch: true,
Slider: true,
Sketch: true,
Swatch: true,
Wheel: true
};
exports.Wheel = exports.Swatch = exports.Sketch = exports.Slider = exports.ShadeSlider = exports.Saturation = exports.Material = exports.Github = exports.Hue = exports.EditableInputHSLA = exports.EditableInputRGBA = exports.EditableInput = exports.Circle = exports.Colorful = exports.Chrome = exports.Compact = exports.Block = exports.Alpha = void 0;
Object.defineProperty(exports, "Alpha", {
enumerable: true,
get: function get() {
return _reactColorAlpha["default"];
}
});
Object.defineProperty(exports, "Compact", {
enumerable: true,
get: function get() {
return _reactColorCompact["default"];
}
});
Object.defineProperty(exports, "Chrome", {
enumerable: true,
get: function get() {
return _reactColorChrome["default"];
}
});
Object.defineProperty(exports, "Colorful", {
enumerable: true,
get: function get() {
return _reactColorColorful["default"];
}
});
Object.defineProperty(exports, "Circle", {
enumerable: true,
get: function get() {
return _reactColorCircle["default"];
}
});
Object.defineProperty(exports, "Block", {
enumerable: true,
get: function get() {
return _reactColorBlock["default"];
}
});
Object.defineProperty(exports, "EditableInput", {
enumerable: true,
get: function get() {
return _reactColorEditableInput["default"];
}
});
Object.defineProperty(exports, "EditableInputRGBA", {
enumerable: true,
get: function get() {
return _reactColorEditableInputRgba["default"];
}
});
Object.defineProperty(exports, "EditableInputHSLA", {
enumerable: true,
get: function get() {
return _reactColorEditableInputHsla["default"];
}
});
Object.defineProperty(exports, "Hue", {
enumerable: true,
get: function get() {
return _reactColorHue["default"];
}
});
Object.defineProperty(exports, "Github", {
enumerable: true,
get: function get() {
return _reactColorGithub["default"];
}
});
Object.defineProperty(exports, "Material", {
enumerable: true,
get: function get() {
return _reactColorMaterial["default"];
}
});
Object.defineProperty(exports, "Saturation", {
enumerable: true,
get: function get() {
return _reactColorSaturation["default"];
}
});
Object.defineProperty(exports, "ShadeSlider", {
enumerable: true,
get: function get() {
return _reactColorShadeSlider["default"];
}
});
Object.defineProperty(exports, "Sketch", {
enumerable: true,
get: function get() {
return _reactColorSketch["default"];
}
});
Object.defineProperty(exports, "Slider", {
enumerable: true,
get: function get() {
return _reactColorSlider["default"];
}
});
Object.defineProperty(exports, "Swatch", {
enumerable: true,
get: function get() {
return _reactColorSwatch["default"];
}
});
Object.defineProperty(exports, "Wheel", {
enumerable: true,
get: function get() {
return _reactColorWheel["default"];
}
});

@@ -37,3 +146,8 @@ var _colorConvert = require("@uiw/color-convert");

if (key in exports && exports[key] === _colorConvert[key]) return;
exports[key] = _colorConvert[key];
Object.defineProperty(exports, key, {
enumerable: true,
get: function get() {
return _colorConvert[key];
}
});
});

@@ -43,3 +157,2 @@

exports.Alpha = _reactColorAlpha["default"];
Object.keys(_reactColorAlpha).forEach(function (key) {

@@ -49,3 +162,8 @@ if (key === "default" || key === "__esModule") return;

if (key in exports && exports[key] === _reactColorAlpha[key]) return;
exports[key] = _reactColorAlpha[key];
Object.defineProperty(exports, key, {
enumerable: true,
get: function get() {
return _reactColorAlpha[key];
}
});
});

@@ -55,3 +173,2 @@

exports.Compact = _reactColorCompact["default"];
Object.keys(_reactColorCompact).forEach(function (key) {

@@ -61,3 +178,8 @@ if (key === "default" || key === "__esModule") return;

if (key in exports && exports[key] === _reactColorCompact[key]) return;
exports[key] = _reactColorCompact[key];
Object.defineProperty(exports, key, {
enumerable: true,
get: function get() {
return _reactColorCompact[key];
}
});
});

@@ -67,3 +189,2 @@

exports.Chrome = _reactColorChrome["default"];
Object.keys(_reactColorChrome).forEach(function (key) {

@@ -73,3 +194,8 @@ if (key === "default" || key === "__esModule") return;

if (key in exports && exports[key] === _reactColorChrome[key]) return;
exports[key] = _reactColorChrome[key];
Object.defineProperty(exports, key, {
enumerable: true,
get: function get() {
return _reactColorChrome[key];
}
});
});

@@ -79,3 +205,2 @@

exports.Colorful = _reactColorColorful["default"];
Object.keys(_reactColorColorful).forEach(function (key) {

@@ -85,3 +210,8 @@ if (key === "default" || key === "__esModule") return;

if (key in exports && exports[key] === _reactColorColorful[key]) return;
exports[key] = _reactColorColorful[key];
Object.defineProperty(exports, key, {
enumerable: true,
get: function get() {
return _reactColorColorful[key];
}
});
});

@@ -91,3 +221,2 @@

exports.Circle = _reactColorCircle["default"];
Object.keys(_reactColorCircle).forEach(function (key) {

@@ -97,3 +226,8 @@ if (key === "default" || key === "__esModule") return;

if (key in exports && exports[key] === _reactColorCircle[key]) return;
exports[key] = _reactColorCircle[key];
Object.defineProperty(exports, key, {
enumerable: true,
get: function get() {
return _reactColorCircle[key];
}
});
});

@@ -103,3 +237,2 @@

exports.Block = _reactColorBlock["default"];
Object.keys(_reactColorBlock).forEach(function (key) {

@@ -109,3 +242,8 @@ if (key === "default" || key === "__esModule") return;

if (key in exports && exports[key] === _reactColorBlock[key]) return;
exports[key] = _reactColorBlock[key];
Object.defineProperty(exports, key, {
enumerable: true,
get: function get() {
return _reactColorBlock[key];
}
});
});

@@ -115,3 +253,2 @@

exports.EditableInput = _reactColorEditableInput["default"];
Object.keys(_reactColorEditableInput).forEach(function (key) {

@@ -121,3 +258,8 @@ if (key === "default" || key === "__esModule") return;

if (key in exports && exports[key] === _reactColorEditableInput[key]) return;
exports[key] = _reactColorEditableInput[key];
Object.defineProperty(exports, key, {
enumerable: true,
get: function get() {
return _reactColorEditableInput[key];
}
});
});

@@ -127,3 +269,2 @@

exports.EditableInputRGBA = _reactColorEditableInputRgba["default"];
Object.keys(_reactColorEditableInputRgba).forEach(function (key) {

@@ -133,3 +274,8 @@ if (key === "default" || key === "__esModule") return;

if (key in exports && exports[key] === _reactColorEditableInputRgba[key]) return;
exports[key] = _reactColorEditableInputRgba[key];
Object.defineProperty(exports, key, {
enumerable: true,
get: function get() {
return _reactColorEditableInputRgba[key];
}
});
});

@@ -139,3 +285,2 @@

exports.EditableInputHSLA = _reactColorEditableInputHsla["default"];
Object.keys(_reactColorEditableInputHsla).forEach(function (key) {

@@ -145,3 +290,8 @@ if (key === "default" || key === "__esModule") return;

if (key in exports && exports[key] === _reactColorEditableInputHsla[key]) return;
exports[key] = _reactColorEditableInputHsla[key];
Object.defineProperty(exports, key, {
enumerable: true,
get: function get() {
return _reactColorEditableInputHsla[key];
}
});
});

@@ -151,3 +301,2 @@

exports.Hue = _reactColorHue["default"];
Object.keys(_reactColorHue).forEach(function (key) {

@@ -157,3 +306,8 @@ if (key === "default" || key === "__esModule") return;

if (key in exports && exports[key] === _reactColorHue[key]) return;
exports[key] = _reactColorHue[key];
Object.defineProperty(exports, key, {
enumerable: true,
get: function get() {
return _reactColorHue[key];
}
});
});

@@ -163,3 +317,2 @@

exports.Github = _reactColorGithub["default"];
Object.keys(_reactColorGithub).forEach(function (key) {

@@ -169,3 +322,8 @@ if (key === "default" || key === "__esModule") return;

if (key in exports && exports[key] === _reactColorGithub[key]) return;
exports[key] = _reactColorGithub[key];
Object.defineProperty(exports, key, {
enumerable: true,
get: function get() {
return _reactColorGithub[key];
}
});
});

@@ -175,3 +333,2 @@

exports.Material = _reactColorMaterial["default"];
Object.keys(_reactColorMaterial).forEach(function (key) {

@@ -181,3 +338,8 @@ if (key === "default" || key === "__esModule") return;

if (key in exports && exports[key] === _reactColorMaterial[key]) return;
exports[key] = _reactColorMaterial[key];
Object.defineProperty(exports, key, {
enumerable: true,
get: function get() {
return _reactColorMaterial[key];
}
});
});

@@ -187,3 +349,2 @@

exports.Saturation = _reactColorSaturation["default"];
Object.keys(_reactColorSaturation).forEach(function (key) {

@@ -193,3 +354,8 @@ if (key === "default" || key === "__esModule") return;

if (key in exports && exports[key] === _reactColorSaturation[key]) return;
exports[key] = _reactColorSaturation[key];
Object.defineProperty(exports, key, {
enumerable: true,
get: function get() {
return _reactColorSaturation[key];
}
});
});

@@ -199,3 +365,2 @@

exports.ShadeSlider = _reactColorShadeSlider["default"];
Object.keys(_reactColorShadeSlider).forEach(function (key) {

@@ -205,3 +370,8 @@ if (key === "default" || key === "__esModule") return;

if (key in exports && exports[key] === _reactColorShadeSlider[key]) return;
exports[key] = _reactColorShadeSlider[key];
Object.defineProperty(exports, key, {
enumerable: true,
get: function get() {
return _reactColorShadeSlider[key];
}
});
});

@@ -211,3 +381,2 @@

exports.Sketch = _reactColorSketch["default"];
Object.keys(_reactColorSketch).forEach(function (key) {

@@ -217,3 +386,8 @@ if (key === "default" || key === "__esModule") return;

if (key in exports && exports[key] === _reactColorSketch[key]) return;
exports[key] = _reactColorSketch[key];
Object.defineProperty(exports, key, {
enumerable: true,
get: function get() {
return _reactColorSketch[key];
}
});
});

@@ -223,3 +397,2 @@

exports.Slider = _reactColorSlider["default"];
Object.keys(_reactColorSlider).forEach(function (key) {

@@ -229,3 +402,8 @@ if (key === "default" || key === "__esModule") return;

if (key in exports && exports[key] === _reactColorSlider[key]) return;
exports[key] = _reactColorSlider[key];
Object.defineProperty(exports, key, {
enumerable: true,
get: function get() {
return _reactColorSlider[key];
}
});
});

@@ -235,3 +413,2 @@

exports.Swatch = _reactColorSwatch["default"];
Object.keys(_reactColorSwatch).forEach(function (key) {

@@ -241,3 +418,8 @@ if (key === "default" || key === "__esModule") return;

if (key in exports && exports[key] === _reactColorSwatch[key]) return;
exports[key] = _reactColorSwatch[key];
Object.defineProperty(exports, key, {
enumerable: true,
get: function get() {
return _reactColorSwatch[key];
}
});
});

@@ -247,3 +429,2 @@

exports.Wheel = _reactColorWheel["default"];
Object.keys(_reactColorWheel).forEach(function (key) {

@@ -253,4 +434,9 @@ if (key === "default" || key === "__esModule") return;

if (key in exports && exports[key] === _reactColorWheel[key]) return;
exports[key] = _reactColorWheel[key];
Object.defineProperty(exports, key, {
enumerable: true,
get: function get() {
return _reactColorWheel[key];
}
});
});
//# sourceMappingURL=index.js.map

40

package.json
{
"name": "@uiw/react-color",
"version": "1.0.0",
"version": "1.0.1",
"description": "Color Picker component for React.",

@@ -44,23 +44,23 @@ "homepage": "https://uiwjs.github.io/react-color",

"@uiw/color-convert": "^1.0.0",
"@uiw/react-color-alpha": "^1.0.0",
"@uiw/react-color-block": "^1.0.0",
"@uiw/react-color-chrome": "^1.0.0",
"@uiw/react-color-circle": "^1.0.0",
"@uiw/react-color-colorful": "^1.0.0",
"@uiw/react-color-compact": "^1.0.0",
"@uiw/react-color-editable-input": "^1.0.0",
"@uiw/react-color-editable-input-hsla": "^1.0.0",
"@uiw/react-color-editable-input-rgba": "^1.0.0",
"@uiw/react-color-github": "^1.0.0",
"@uiw/react-color-hue": "^1.0.0",
"@uiw/react-color-material": "^1.0.0",
"@uiw/react-color-saturation": "^1.0.0",
"@uiw/react-color-shade-slider": "^1.0.0",
"@uiw/react-color-sketch": "^1.0.0",
"@uiw/react-color-slider": "^1.0.0",
"@uiw/react-color-swatch": "^1.0.0",
"@uiw/react-color-wheel": "^1.0.0"
"@uiw/react-color-alpha": "^1.0.1",
"@uiw/react-color-block": "^1.0.1",
"@uiw/react-color-chrome": "^1.0.1",
"@uiw/react-color-circle": "^1.0.1",
"@uiw/react-color-colorful": "^1.0.1",
"@uiw/react-color-compact": "^1.0.1",
"@uiw/react-color-editable-input": "^1.0.1",
"@uiw/react-color-editable-input-hsla": "^1.0.1",
"@uiw/react-color-editable-input-rgba": "^1.0.1",
"@uiw/react-color-github": "^1.0.1",
"@uiw/react-color-hue": "^1.0.1",
"@uiw/react-color-material": "^1.0.1",
"@uiw/react-color-saturation": "^1.0.1",
"@uiw/react-color-shade-slider": "^1.0.1",
"@uiw/react-color-sketch": "^1.0.1",
"@uiw/react-color-slider": "^1.0.1",
"@uiw/react-color-swatch": "^1.0.1",
"@uiw/react-color-wheel": "^1.0.1"
},
"devDependencies": {
"@types/react": "17.0.19",
"@types/react": "17.0.20",
"@types/react-dom": "17.0.9",

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

@@ -90,26 +90,4 @@ <div align="center">

<!--react-color-sketch-->
<!--react-color-slider-->
<!--react-color-compact-->
<!--react-color-material-->
<!--react-color-colorful-->
<!--react-color-wheel-->
<!--react-color-block-->
<!--react-color-github-->
<!--react-color-chrome-->
<!--react-color-circle-->
<!--react-color-swatch-->
<!--react-color-alpha-->
<!--react-color-hue-->
<!--react-color-saturation-->
<!--react-color-shade-slider-->
<!--react-color-editable-input-->
<!--react-color-editable-input-rgba-->
<!--react-color-editable-input-hsla-->
<!--react-drag-event-interactive-->
<!--color-convert-->
<!--react-color-name-->
## License
Licensed under the MIT License.

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