{"_id":"@avocadoui/react-color","_rev":"4-9d7d5958a571bb063ae041b2962d9bd1","name":"@avocadoui/react-color","dist-tags":{"latest":"2.19.3"},"versions":{"1.0.0":{"name":"@avocadoui/react-color","version":"1.0.0","keywords":["react","color picker","react-component","colorpicker","picker","sketch","chrome","photoshop","material design","popup"],"author":{"name":"case","email":"case@casesandberg.com"},"license":"MIT","_id":"@avocadoui/react-color@1.0.0","maintainers":[{"name":"jeakin","email":"netseye@gmail.com"},{"name":"easonzen","email":"376575887@qq.com"},{"name":"lizunlong","email":"lizunlong@gmail.com"},{"name":"ww85600","email":"wy85600@163.com"}],"homepage":"http://casesandberg.github.io/react-color/","bugs":{"url":"https://github.com/casesandberg/react-color/issues"},"dist":{"shasum":"dabaa0e221fff0bc340014d939e0a3c4f33369bc","tarball":"https://registry.npmjs.org/@avocadoui/react-color/-/react-color-1.0.0.tgz","fileCount":199,"integrity":"sha512-9b4lyeHeVhFm99kj8NPOs8rPpXXEumvoTAXO6A9zoRwzaVbzfZpd5VaPC+EQmIgRGyyHXeANW6qQEBvhSsx/5Q==","signatures":[{"sig":"MEQCIDBeAG2gmvvS6scgu0LoHQy5FMz/SPzPn2XYESBcW51uAiBp2aI7MlLiZfauVwJDu9d/8Z94UzUZrIQfJ/vs8DLcFA==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":447073,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJilItUACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrI1Q//edAc6CZHYvwiFWnXKkJoOOXQCWcmfuLO+Z1pW9SVLyGBubrt\r\nOZj+rvR+08e63m2w/MvVe2c52kKXNTBQoz+YgrSEhye9pzQ6J7iCtzyFZPZJ\r\nsZ5KyPJfCP1AO6ODCTeSAgqMiqE1JuEp2GS5gwelXEP3mCZ1s+ICmV13nm/b\r\nlUAkEetkz7+L5Zj7M6uzVtSbyAdJqxOzkqEt1h08UKjooeYJuay/vRPn24fL\r\nT5wm1RgD6Y3zsiaX3VTYYvwf7P3w/73qxjq6T7TCdVc9IA1ivPSrdt0+Wd+U\r\nHkrB07II9ERRBdOxSMEvRmnofOZV46P/20RB3dM6oOKQD4jXaUTHyZXxjlnW\r\nLuLD0QcIBDTxs+HyxL2I+bWcaCa132PoS02sVoDE14EKK0MUmJIMUG+dTOkC\r\nmWS6D1xaWbvIQozM7wwE8nWwrEmlFYTiv2cgaDIQWErq2RXWbXwWO0B5FaWv\r\nL0wFrIGInneaqKhvAqRWAykM/kr1CmO5c/VgaF4XiPEyT7Il2YRLCddyDf7s\r\nduL8lNacFxNzd1/H8MpBXBoCO6sG4pCQOv7asCzvJGD767HRrOWjeKnYKwfb\r\n6CWhO/4qXjIkrF+p+CSw9JFxPeJRJjA1i3Ew3CgN0Md9x0nbFYm1gBlqSVxy\r\nIySxhAgaeAxXqDXCpEF1CSWOScTklcJsCAA=\r\n=Jbca\r\n-----END PGP SIGNATURE-----\r\n"},"jest":{"rootDir":"src","testRegex":"spec.js$"},"main":"lib/index.js","module":"es/index.js","gitHead":"bc9a0e1dc5d11b06c511a8e02a95bd85c7129f4b","payload":{"builds":[{"cmd":"npm run docs-dist","files":["docs/build/bundle.js","docs/index.js"]}]},"scripts":{"es":"npm run clean-es && node scripts/use-module-babelrc.js && babel src -d es && node scripts/restore-original-babelrc.js","lib":"npm run clean-lib && babel src -d lib","docs":"npm run docs-server","jest":"jest","test":"npm run jest && npm run eslint","eslint":"eslint src/**/*.js","clean-es":"rm -rf es && mkdir es","chromatic":"chromatic --project-token=9z2kaxsuz","clean-lib":"rm -rf lib && mkdir lib","docs-dist":"node ./scripts/docs-dist","storybook":"start-storybook -p 6006","prepublish":"npm run lib && npm run es","docs-server":"node ./scripts/docs-server","build-storybook":"build-storybook -c .storybook -o .out"},"_npmUser":{"name":"jeakin","email":"netseye@gmail.com"},"repository":{"url":"git+https://github.com/casesandberg/react-color.git","type":"git"},"_npmVersion":"8.3.0","description":"A Collection of Color Pickers from Sketch, Photoshop, Chrome & more","directories":{},"sideEffects":false,"_nodeVersion":"16.13.2","dependencies":{"lodash":"^4.17.15","reactcss":"^1.2.0","lodash-es":"^4.17.15","prop-types":"^15.5.10","tinycolor2":"^1.4.1","@icons/material":"^0.2.4","material-colors":"^1.2.1"},"eslintConfig":{"rules":{"no-magic-numbers":0},"extends":"@case"},"_hasShrinkwrap":false,"devDependencies":{"i":"^0.3.5","npm":"^5.3.0","chai":"^3.3.0","fbjs":"^0.8.6","jest":"^20.0.4","mocha":"^2.4.5","react":"^15.3.2","enzyme":"2.8.2","rimraf":"^2.5.0","testdom":"^2.0.0","webpack":"^1.11.0","jest-cli":"^20.0.4","babel-cli":"^6.8.0","react-dom":"^0.14.0 || ^15.0.0","babel-core":"^6.10.4","babel-jest":"^20.0.3","chai-spies":"^0.7.1","css-loader":"^0.24.0","jsx-loader":"^0.13.2","react-mark":"0.0.4","remarkable":"^1.6.0","html-loader":"^0.3.0","require-dir":"^0.3.0","babel-loader":"^6.2.1","event-stream":"^3.3.1","highlight.js":"^9.3.0","style-loader":"^0.13.0","normalize.css":"^4.1.1","object-assign":"^4.1.0","react-context":"0.0.3","babel-register":"^6.5.2","@storybook/react":"^3.2.4","react-hot-loader":"^1.2.8","babel-preset-react":"^6.3.13","webpack-dev-server":"^1.10.1","@case/eslint-config":"^0.3.1","babel-preset-es2015":"^6.3.13","html-webpack-plugin":"^3.2.0","react-test-renderer":"^15.3.2","babel-preset-stage-0":"^6.3.13","@storybook/addon-knobs":"^3.2.0","react-addons-test-utils":"^0.14.0 || ^15.0.0","@storybook/addon-options":"^3.2.4","@storybook/addon-centered":"^3.2.0","babel-plugin-transform-rename-import":"^2.3.0"},"peerDependencies":{"react":"*"},"_npmOperationalInternal":{"tmp":"tmp/react-color_1.0.0_1653902164048_0.6605977743817695","host":"s3://npm-registry-packages"}},"2.19.3":{"name":"@avocadoui/react-color","version":"2.19.3","keywords":["react","color picker","react-component","colorpicker","picker","sketch","chrome","photoshop","material design","popup"],"author":{"name":"case","email":"case@casesandberg.com"},"license":"MIT","_id":"@avocadoui/react-color@2.19.3","maintainers":[{"name":"jeakin","email":"netseye@gmail.com"},{"name":"easonzen","email":"376575887@qq.com"},{"name":"lizunlong","email":"lizunlong@gmail.com"},{"name":"ww85600","email":"wy85600@163.com"}],"homepage":"http://casesandberg.github.io/react-color/","bugs":{"url":"https://github.com/casesandberg/react-color/issues"},"dist":{"shasum":"baa96945932cfa352b6ee7f669206055fbf3a8e0","tarball":"https://registry.npmjs.org/@avocadoui/react-color/-/react-color-2.19.3.tgz","fileCount":199,"integrity":"sha512-oILnYVaDxCGMGCCr/2iK2oGO0GKqs4MrHR2oZpY9BKLICvvXaLU53fyjbHoeuH53jnwexTb552HX5pxz5HnARA==","signatures":[{"sig":"MEUCIQD2swtOw7mY3x2yY8/Qzu7bJaY7N9xau/P1X2/BVQDFzgIgGwJDqKWKvs+J7osD+jzzqXgjyi6NZ7/sZvO8rO0/uDo=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":446864,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJilJi3ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrQ+g/7BNWxwZo0CmTbLrJL/5xy+nGDmrzZh9sJJKpIaKjSYTbI1by0\r\ngW1d5auxfLZp1kR9mUVU91dHEYdoO/VrlISBdpJfwrTRXdgMzsd0ayVHxF+L\r\nTN5cxSuACsx9oF4LKzCyh89l5HabMgJVceTZeVEUpOPv9ZxtCBZbS/Y59/m2\r\ndR9K08QBHmCvvrifd6qfNZDQLkZHY2x4PgHEaQEd9zDoDQO3e96BjvVY6zBa\r\nt224/W/5lZURjkOa91ff2tKEoinU9yumueY0Afl0LdrOIt+fyQoO4npoiJJZ\r\n/MThgTPVRYRkNUGgxnnvbHV1h9orl6xNU0JXa5wHr0rhal7x1ON85+4QR76U\r\nv73B5WTQ9nnREfai76IWUN/ykBJ6AdQHJUeHmE77UWG0Uo1DPAioyDgjhMY0\r\nTeKweMkeAPyJEAr2GzWtQ4/KMgTqSYlsEwOijOKXaVrptRs4YSZF42+er+Y8\r\nxrJNy2h/O2gxr36a+eD8XzYCjs261szVgqyLWaslLFO6wmJYxhphOQJW58yF\r\nY76vPGN5zw85EDNbAnKDZ2fZzkxsu8tTX84A+BkZ61R9aWdWfscrzOiAdNHu\r\n6OqtT49GxUXuBaKH2Rnv2DUleCtOyWKSDaJGFgfWQ+7bNNJieDWTiQVeshLt\r\nbzkruu/4VR8c1y+NwcTV7uF1HnWz4JMZ4P0=\r\n=eBAW\r\n-----END PGP SIGNATURE-----\r\n"},"jest":{"rootDir":"src","testRegex":"spec.js$"},"main":"lib/index.js","module":"es/index.js","gitHead":"bc9a0e1dc5d11b06c511a8e02a95bd85c7129f4b","payload":{"builds":[{"cmd":"npm run docs-dist","files":["docs/build/bundle.js","docs/index.js"]}]},"scripts":{"es":"npm run clean-es && node scripts/use-module-babelrc.js && babel src -d es && node scripts/restore-original-babelrc.js","lib":"npm run clean-lib && babel src -d lib","docs":"npm run docs-server","jest":"jest","test":"npm run jest && npm run eslint","eslint":"eslint src/**/*.js","clean-es":"rm -rf es && mkdir es","chromatic":"chromatic --project-token=9z2kaxsuz","clean-lib":"rm -rf lib && mkdir lib","docs-dist":"node ./scripts/docs-dist","storybook":"start-storybook -p 6006","prepublish":"npm run lib && npm run es","docs-server":"node ./scripts/docs-server","build-storybook":"build-storybook -c .storybook -o .out"},"_npmUser":{"name":"jeakin","email":"netseye@gmail.com"},"repository":{"url":"git+https://github.com/casesandberg/react-color.git","type":"git"},"_npmVersion":"8.3.0","description":"A Collection of Color Pickers from Sketch, Photoshop, Chrome & more","directories":{},"sideEffects":false,"_nodeVersion":"16.13.2","dependencies":{"lodash":"^4.17.15","reactcss":"^1.2.0","lodash-es":"^4.17.15","prop-types":"^15.5.10","tinycolor2":"^1.4.1","@icons/material":"^0.2.4","material-colors":"^1.2.1"},"eslintConfig":{"rules":{"no-magic-numbers":0},"extends":"@case"},"_hasShrinkwrap":false,"devDependencies":{"i":"^0.3.5","npm":"^5.3.0","chai":"^3.3.0","fbjs":"^0.8.6","jest":"^20.0.4","mocha":"^2.4.5","react":"^15.3.2","enzyme":"2.8.2","rimraf":"^2.5.0","testdom":"^2.0.0","webpack":"^1.11.0","jest-cli":"^20.0.4","babel-cli":"^6.8.0","react-dom":"^0.14.0 || ^15.0.0","babel-core":"^6.10.4","babel-jest":"^20.0.3","chai-spies":"^0.7.1","css-loader":"^0.24.0","jsx-loader":"^0.13.2","react-mark":"0.0.4","remarkable":"^1.6.0","html-loader":"^0.3.0","require-dir":"^0.3.0","babel-loader":"^6.2.1","event-stream":"^3.3.1","highlight.js":"^9.3.0","style-loader":"^0.13.0","normalize.css":"^4.1.1","object-assign":"^4.1.0","react-context":"0.0.3","babel-register":"^6.5.2","@storybook/react":"^3.2.4","react-hot-loader":"^1.2.8","babel-preset-react":"^6.3.13","webpack-dev-server":"^1.10.1","@case/eslint-config":"^0.3.1","babel-preset-es2015":"^6.3.13","html-webpack-plugin":"^3.2.0","react-test-renderer":"^15.3.2","babel-preset-stage-0":"^6.3.13","@storybook/addon-knobs":"^3.2.0","react-addons-test-utils":"^0.14.0 || ^15.0.0","@storybook/addon-options":"^3.2.4","@storybook/addon-centered":"^3.2.0","babel-plugin-transform-rename-import":"^2.3.0"},"peerDependencies":{"react":"*"},"_npmOperationalInternal":{"tmp":"tmp/react-color_2.19.3_1653905591616_0.6295507735034958","host":"s3://npm-registry-packages"}}},"time":{"created":"2022-05-30T09:16:03.987Z","modified":"2026-03-24T04:04:04.746Z","1.0.0":"2022-05-30T09:16:04.235Z","2.19.3":"2022-05-30T10:13:11.832Z"},"bugs":{"url":"https://github.com/casesandberg/react-color/issues"},"author":{"name":"case","email":"case@casesandberg.com"},"license":"MIT","homepage":"http://casesandberg.github.io/react-color/","keywords":["react","color picker","react-component","colorpicker","picker","sketch","chrome","photoshop","material design","popup"],"repository":{"url":"git+https://github.com/casesandberg/react-color.git","type":"git"},"description":"A Collection of Color Pickers from Sketch, Photoshop, Chrome & more","maintainers":[{"email":"netseye@gmail.com","name":"jeakin"},{"email":"fzqxzhang@gmail.com","name":"fzqxzhang"}],"readme":"# [React Color](http://casesandberg.github.io/react-color/)\n\n[![Npm Version][npm-version-image]][npm-version-url]\n[![Build Status][travis-svg]][travis-url]\n[![License][license-image]][license-url]\n[![Downloads][downloads-image]][downloads-url]\n\n* **13 Different Pickers** - Sketch, Photoshop, Chrome and many more\n\n* **Make Your Own** - Use the building block components to make your own\n\n## Demo\n\n![Demo](https://media.giphy.com/media/26FfggT53qE304CwE/giphy.gif)\n\n[**Live Demo**](http://casesandberg.github.io/react-color/)\n\n## Installation & Usage\n\n```sh\nnpm install react-color --save\n```\n\n### Include the Component\n\n```js\nimport React from 'react'\nimport { SketchPicker } from 'react-color'\n\nclass Component extends React.Component {\n\n  render() {\n    return <SketchPicker />\n  }\n}\n```\nYou can import `AlphaPicker` `BlockPicker` `ChromePicker` `CirclePicker` `CompactPicker` `GithubPicker` `HuePicker` `MaterialPicker` `PhotoshopPicker` `SketchPicker` `SliderPicker` `SwatchesPicker` `TwitterPicker` respectively.\n\n> 100% inline styles via [ReactCSS](http://reactcss.com/)\n\n[travis-svg]: https://travis-ci.org/casesandberg/react-color.svg\n[travis-url]: https://travis-ci.org/casesandberg/react-color\n[license-image]: http://img.shields.io/npm/l/react-color.svg\n[license-url]: LICENSE\n[downloads-image]: http://img.shields.io/npm/dm/react-color.svg\n[downloads-url]: http://npm-stat.com/charts.html?package=react-color\n[npm-version-image]: https://img.shields.io/npm/v/react-color.svg\n[npm-version-url]: https://www.npmjs.com/package/react-color\n","readmeFilename":"README.md"}