{"_id":"huebee","_rev":"8-5a9054ecdc61af907b34f6e132cf742b","name":"huebee","description":"1-click color picker","dist-tags":{"latest":"2.1.1"},"versions":{"1.0.0":{"name":"huebee","version":"1.0.0","description":"1-click color picker","main":"huebee.js","dependencies":{"ev-emitter":"^1.0.3","unipointer":"^2.1.0"},"devDependencies":{"gulp":"^3.9.1","gulp-clean-css":"^2.0.13","gulp-jshint":"^2.0.4","gulp-json-lint":"^0.1.0","gulp-rename":"^1.2.2","gulp-replace":"^0.5.4","gulp-requirejs-optimize":"github:metafizzy/gulp-requirejs-optimize","gulp-uglify":"^2.0.0","gulp-util":"^3.0.7","jshint":"^2.9.4","qunitjs":"^2.0.1"},"scripts":{"test":"echo \"Error: no test specified\" && exit 1"},"repository":{"type":"git","url":"git+https://github.com/metafizzy/huebee.git"},"keywords":["color","picker","ui","dom"],"author":{"name":"David DeSandro"},"license":"GPL-3.0","bugs":{"url":"https://github.com/metafizzy/huebee/issues"},"homepage":"http://huebee.buzz","directories":{"test":"test"},"gitHead":"f24232e4d9988ef5af672e780b818bd92b5230b2","_id":"huebee@1.0.0","_shasum":"13e6d9ce415cfd109d79cdc3f155cc9eca1aaaae","_from":".","_npmVersion":"3.10.8","_nodeVersion":"6.9.1","_npmUser":{"name":"desandro","email":"desandrocodes@gmail.com"},"maintainers":[{"name":"desandro","email":"desandrocodes@gmail.com"}],"dist":{"shasum":"13e6d9ce415cfd109d79cdc3f155cc9eca1aaaae","tarball":"https://registry.npmjs.org/huebee/-/huebee-1.0.0.tgz","integrity":"sha512-EzQyPHjucHtaxa2HmnE2svpUPnGcT5DnOS6ZMsXhqNiYsriYtEeo429nbT1SqnLSoP6xRkMo9JNqheGp87frjQ==","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIGEuYdGxx6lib5gGpYktBeEOkhzlS98ExGeQWD5dfZ9XAiEAxrDAYrpd7Ge2Y02RvQ6ZC9zEPtkV+wiPjrxEahl6LDA="}]},"_npmOperationalInternal":{"host":"packages-18-east.internal.npmjs.com","tmp":"tmp/huebee-1.0.0.tgz_1479417878417_0.49917979445308447"}},"1.0.1":{"name":"huebee","version":"1.0.1","description":"1-click color picker","main":"huebee.js","dependencies":{"ev-emitter":"^1.0.3","unipointer":"^2.1.0"},"devDependencies":{"gulp":"^3.9.1","gulp-clean-css":"^2.0.13","gulp-jshint":"^2.0.4","gulp-json-lint":"^0.1.0","gulp-rename":"^1.2.2","gulp-replace":"^0.5.4","gulp-requirejs-optimize":"github:metafizzy/gulp-requirejs-optimize","gulp-uglify":"^2.0.0","gulp-util":"^3.0.7","jshint":"^2.9.4","qunitjs":"^2.0.1"},"scripts":{"test":"echo \"Error: no test specified\" && exit 1"},"repository":{"type":"git","url":"git+https://github.com/metafizzy/huebee.git"},"keywords":["color","picker","ui","dom"],"author":{"name":"David DeSandro"},"license":"GPL-3.0","bugs":{"url":"https://github.com/metafizzy/huebee/issues"},"homepage":"http://huebee.buzz","directories":{"test":"test"},"gitHead":"b25e6fe2a06ddb900622acb55ad3a8bd771e670d","_id":"huebee@1.0.1","_shasum":"65c5de1bc7a7aba2df6ab2d3bdd658afc4c59f46","_from":".","_npmVersion":"3.10.8","_nodeVersion":"6.9.1","_npmUser":{"name":"desandro","email":"desandrocodes@gmail.com"},"maintainers":[{"name":"desandro","email":"desandrocodes@gmail.com"}],"dist":{"shasum":"65c5de1bc7a7aba2df6ab2d3bdd658afc4c59f46","tarball":"https://registry.npmjs.org/huebee/-/huebee-1.0.1.tgz","integrity":"sha512-+ix4VKFI+LTb9YFMZj8Yd2f0c2E9Cot+byqReIve2gpqU0Ek4Qjc9Pa1lY1FzGNjJV0Yc5a6Uuw/eKlZx3Xd7Q==","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIBgslSGjocdVC1TWOubSWkZQx1+CO32z5hBqLPz9CZjqAiEAx/eIAJdjp2un/8AySX0EedajkGNOufVuYrI7C9xk6po="}]},"_npmOperationalInternal":{"host":"packages-18-east.internal.npmjs.com","tmp":"tmp/huebee-1.0.1.tgz_1488681677905_0.0069569062907248735"}},"2.0.0":{"name":"huebee","version":"2.0.0","description":"1-click color picker","main":"huebee.js","dependencies":{"ev-emitter":"^1.0.3","unipointer":"^2.1.0"},"devDependencies":{"gulp":"^3.9.1","gulp-clean-css":"^2.0.13","gulp-jshint":"^2.0.4","gulp-json-lint":"^0.1.0","gulp-rename":"^1.2.2","gulp-replace":"^0.5.4","gulp-requirejs-optimize":"github:metafizzy/gulp-requirejs-optimize","gulp-uglify":"^2.0.0","gulp-util":"^3.0.7","jshint":"^2.9.4","qunitjs":"^2.0.1"},"scripts":{"test":"echo \"Error: no test specified\" && exit 1"},"repository":{"type":"git","url":"git+https://github.com/metafizzy/huebee.git"},"keywords":["color","picker","ui","dom"],"author":{"name":"David DeSandro"},"license":"MIT","bugs":{"url":"https://github.com/metafizzy/huebee/issues"},"homepage":"http://huebee.buzz","directories":{"test":"test"},"gitHead":"25276fcbfaf31fc9ae40697ddd3af4014606e4e1","_id":"huebee@2.0.0","_npmVersion":"5.4.2","_nodeVersion":"6.9.1","_npmUser":{"name":"desandro","email":"desandrocodes@gmail.com"},"maintainers":[{"name":"desandro","email":"desandrocodes@gmail.com"}],"dist":{"integrity":"sha512-mAGni5h5sEHFex4+NFzV4op3ZZC0uyzgExYC5E8Yr80DsfF1Z/dvr13WQeTMXGsHKwyZa3Wg3BmO7rwLzgcrQw==","shasum":"c8af127c02adcd26162a69b81e27df71d189f394","tarball":"https://registry.npmjs.org/huebee/-/huebee-2.0.0.tgz","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCICFmnjPYwZ6ykCLrXmicU+kSmhSw4KhXK9jCaHw/4SF9AiEA54c8Mf+buF7NMIS7y5ZgU14/BE3Gk/QuJmXTlrdel2M="}]},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/huebee-2.0.0.tgz_1513776996609_0.48860217025503516"}},"2.1.0":{"name":"huebee","version":"2.1.0","description":"1-click color picker","main":"huebee.js","scripts":{"test":"npm run lint && node test/","lint":"npx eslint . && node bin/lint-json.js","lintFix":"npx eslint . --fix","dist":"rm -rf dist/ && mkdir -p dist && npm run bundle && npm run uglify && cp huebee.css dist/huebee.css","bundle":"node bin/bundle.js","uglify":"npx uglifyjs dist/huebee.pkgd.js -o dist/huebee.pkgd.min.js --mangle --comments /^!/","version":"node bin/version && npm run dist && git add -A . dist"},"dependencies":{"ev-emitter":"^1.1.1","unipointer":"^2.3.0"},"devDependencies":{"clean-css":"^4.2.3","eslint":"^6.8.0","eslint-plugin-metafizzy":"^1.0.0","jshint":"^2.11.0","m.test":"0.0.58","puppeteer":"^2.1.1","uglify-js":"^3.8.1"},"repository":{"type":"git","url":"git+https://github.com/metafizzy/huebee.git"},"keywords":["color","picker","ui","dom"],"author":{"name":"David DeSandro"},"license":"MIT","bugs":{"url":"https://github.com/metafizzy/huebee/issues"},"homepage":"https://huebee.buzz","directories":{"test":"test"},"gitHead":"2f7e4df0bdf4d6ae7ef89f9e837126651c6b4cb7","_id":"huebee@2.1.0","_nodeVersion":"12.16.1","_npmVersion":"6.14.4","_npmUser":{"name":"desandro","email":"desandrocodes@gmail.com"},"maintainers":[{"name":"desandro","email":"desandrocodes@gmail.com"}],"dist":{"integrity":"sha512-2im03Zw7MosL/h389ZwyMFv71JTglM4XvoahPRApajVthqBDS9Ro00zgTv6VKW5AXwZ83pNMDhCXC4TMluCSlg==","shasum":"bd266f66f08250dd4774435d0e8738ce64423766","tarball":"https://registry.npmjs.org/huebee/-/huebee-2.1.0.tgz","fileCount":29,"unpackedSize":97267,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeoHelCRA9TVsSAnZWagAAuN0P/jVQgiRyPygpKBJoVJrn\nF0UonPIaY/DuMhEeoZ2z2vBU37WOKw9e8TkWv3DsRNV1lFr9pmA0uwABZTSe\nANNKagEiztLzfMOsZd7ohdzSlBbzSv/Pdv2PxVDzB5C7hLcoJMm0475YSVXI\nrZQWWgkGxWJTfGwCvUyvqPzeWtQKEGXnIHTkq1JUdvnJ9FUkxeEe21sebjf8\nXs7FGTrQ7dGS7nNgJ3OMJ+n/KhhB7G2y7lqqvrtNNTw3E7ORUqAAYetcUDfW\nrIMUY0WbhY5Apz6iXWvTi9baWMAYEhOvpg1yVVfXsobVadV9ejivEVlNgVeV\ntTausKrIGZNc6zp0t+kr1IN7ynY6rmsqkBO/M0Rb1ozkbv3E+3vt5tfBgXrI\nf2FHILxyeP9+qpYLuHeqQkU0qHuhX9MJBwPoG9Oosp/JuJAvBq8l3xDUcSz2\nlurtUty0mkl2Mj1AkQ1O7qgRsaNe4qtjwF2qb36QsaVWG5HTstMqWBmWL9xo\nuP+ALXC5/1lFfUujR4jkl7kz/PVkwn6IN/jDOagI7ca42H3YAQg8h4Gk/LRf\nywLexhVbNSK74qsbC1ei5tU8M+bw9gW1oIgb+F/VE5nyK+vAmSN6VKJmk0fM\nl8WNB14iLF5QiEIWRlVs2Qkgk0GYWGXqqAA4wyVUZJmU8PvQd/1qRmGm6F/K\nIyqV\r\n=Al2e\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCSryU53aOwCnEcdG4UfXEk8lCnX8H7wRazvc220d9SQQIhAMGkHsDUu/HtzgZavPqM8If+Pwa6KOmnD+E9whb8gREv"}]},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/huebee_2.1.0_1587574693274_0.4065646505056604"},"_hasShrinkwrap":false},"2.1.1":{"name":"huebee","version":"2.1.1","description":"1-click color picker","main":"huebee.js","scripts":{"test":"npm run lint && node test/","lint":"npx eslint . && node bin/lint-json.js","lintFix":"npx eslint . --fix","dist":"rm -rf dist/ && mkdir -p dist && npm run bundle && npm run uglify && cp huebee.css dist/huebee.css","bundle":"node bin/bundle.js","uglify":"npx uglifyjs dist/huebee.pkgd.js -o dist/huebee.pkgd.min.js --mangle --comments /^!/","version":"node bin/version && npm run dist && git add -A . dist"},"dependencies":{"ev-emitter":"^1.1.1","unipointer":"^2.3.0"},"devDependencies":{"clean-css":"^4.2.3","eslint":"^7.0.0","eslint-plugin-metafizzy":"^1.2.1","jshint":"^2.11.0","m.test":"0.0.58","puppeteer":"^2.1.1","uglify-js":"^3.8.1"},"repository":{"type":"git","url":"git+https://github.com/metafizzy/huebee.git"},"keywords":["color","picker","ui","dom"],"author":{"name":"David DeSandro"},"license":"MIT","bugs":{"url":"https://github.com/metafizzy/huebee/issues"},"homepage":"https://huebee.buzz","directories":{"test":"test"},"gitHead":"047bacab3acc8a17bc4d15db74f6b2970dd017be","_id":"huebee@2.1.1","_nodeVersion":"12.18.0","_npmVersion":"6.14.9","dist":{"integrity":"sha512-wdQ/lJproHgJyNrbSqyWOyUmNIYU8EMR1tfdY2Ag5tRoQGtT4CIsHWiXqJBctClKj+sf5uiL6VS83ZGLBxE91w==","shasum":"0c8ee42f69308834bfe10dba835ec4337a6f2702","tarball":"https://registry.npmjs.org/huebee/-/huebee-2.1.1.tgz","fileCount":28,"unpackedSize":95545,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgAjdzCRA9TVsSAnZWagAAAPoP/2DNi0E8mEPO5nzwbqGP\n7R3Z43ujMTfMZxLBzp8bg2IwEtA8ZfvLIP21Sk3HYWHfDgfNh/Ys6skqVsMd\nYlpceuEo0Bdpl8lcUTcz2XPYKlNsWMkDZnl1kXFTZEUSYoRCdNYF1m/E/OKx\nMfdODu9tbhejfFZgUOfWykloIipRB9Ap90LrqYF/crws0NscN4c888HP76O5\nACuYNes+znjf33rRT12s8cql7+z0BaXEcLL1ZwT9hj6qvmOm19eE9stvoFM/\nUtddrGbcLkNyfu43qlvU9UwmhkmwdDh3S/TZ7l59Hfj3hQreFrhfbvEQxOGl\n+iTomGcipYfOFqN1RneoyXx87pB6sw94ZT5FB+gSFUFy2VlCcqmsL1UBjQK8\nYqdLVzsXMjPvg5RAgelpAv40v4o24dDUkxHvVNLMGuYdyJgAmzmKAI0ePRCW\nPyxek981wRBQOjuiqeqyNX/7ZavDEJJMwnFhkT7Jm/WrpdjqlNNCKgaPbwEN\nvZnRpmbtywmrUn+uhkZMICjAUEgQLqKCTCqoSoBwQhAwoxPJtX15Dk2G9wu5\nbWTUMsQf4Tez24MK0OoCcgNk1fRUuVbphkOOfE/2qC+2Fnat2j0woJp51AI/\nZfg7gYFYc63WiIAHddc0HNSGqz2trBfvJh0jkUCyN3628QjvUewbpJJ8LQj6\nMOpe\r\n=dbq5\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQC7MJJIjEY4zgzj9Q1T1edsrjt1IiSvO9dYBDpUgwHOuAIhAOYtLviLKMs5c7C5s24CJvxGIJervl5xFiG92GC7MKWr"}]},"_npmUser":{"name":"desandro","email":"desandrocodes@gmail.com"},"maintainers":[{"name":"desandro","email":"desandrocodes@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/huebee_2.1.1_1610758003356_0.8955366653844827"},"_hasShrinkwrap":false}},"readme":"# Huebee\n\nšŸ _1-click color picker_\n\nSee [huebee.buzz](https://huebee.buzz) for complete docs and demos.\n\n## Install\n\n### Download\n\n+ CSS:\n - [huebee.min.css](https://unpkg.com/huebee@2/dist/huebee.min.css) minified, or\n - [huebee.css](https://unpkg.com/huebee@2/dist/huebee.css) un-minified\n+ JavaScript:\n - [huebee.pkgd.min.js](https://unpkg.com/huebee@2/dist/huebee.pkgd.min.js) minified, or\n - [huebee.pkgd.js](https://unpkg.com/huebee@2/dist/huebee.pkgd.js) un-minified\n\n### CDN\n\nLink directly to Huebee files on [unpkg](https://unpkg.com).\n\n``` html\n\n```\n\n``` html\n\n```\n\n### Package managers\n\nnpm: `npm install huebee --save`\n\nBower: `bower install huebee --save`\n\n## Usage\n\nInitialize Huebee on an anchor element.\n\n``` html\n\n```\n\nHuebee will open whenever the anchor is clicked or focused (for inputs and buttons).\n\n### Initialize with JavaScript\n\n``` js\n// use selector string to initialize on single element\nvar hueb = new Huebee( '.color-input', {\n // options\n setBGColor: true,\n saturations: 2,\n});\n\n// or use element\nvar colorInput = document.querySelector('.color-input');\nvar hueb = new Huebee( colorInput, {\n // options\n setBGColor: true,\n saturations: 2,\n});\n```\n\n### Initialize with HTML\n\nYou can initialize Huebee in HTML, without writing any JavaScript. Add `data-huebee` attribute to an element.\n\n``` html\n\n```\n\nOptions can be set in value of `data-huebee`. Options set in HTML must be valid JSON. Keys need to be quoted, for example `\"setBGColor\"`:. Note that the attribute value uses single quotes `'`, but the JSON entities use double-quotes `\"`.\n\n``` html\n\n```\n\n## Options\n\n``` js\nvar hueb = new Huebee( '.color-input', {\n // options\n\n hues: 6,\n // number of hues of the color grid\n // default: 12\n\n hue0: 210,\n // the first hue of the color grid\n // default: 0\n\n shades: 7,\n // number of shades of colors and shades of gray between white and black\n // set to 0 to use only custom colors\n // default: 5\n\n saturations: 2,\n // number of sets of saturation of the color grid\n // 3 saturations => [ 100% saturation, 66% saturation, 33% saturation ]\n // default: 3\n\n notation: 'hex',\n // the text syntax of colors\n // values: shortHex, hex, hsl\n // shortHex => #F00, hex => #FF0000, hsl => hsl(0, 100%, 50%)\n // default: shortHex\n\n setText: false,\n // sets text of elements to color, and sets text color\n // true => sets text of anchor\n // string, '.color-text' => sets elements that match selector\n // default: true\n\n setBGColor: false,\n // sets background color of elements\n // and text color so text is visible on light or dark colors\n // true => sets background color of anchor\n // string, '.color-bg' => sets elements that match selector\n // default: true\n\n customColors: [ '#19F', '#E5A628', 'darkgray', 'hsl(210, 90%, 55%)' ]\n // custom colors added to the top of the grid\n\n staticOpen: true,\n // displays open and stays open\n // default: false\n\n className: 'color-input-picker',\n // class added to Huebee element, useful for CSS\n});\n```\n\n## CSS\n\nSet the size of the color grid with by setting the size of `.huebee__cursor` in CSS.\n\n``` css\n.huebee__cursor {\n width: 25px;\n height: 25px;\n}\n```\n\nStyle Huebee with your own CSS.\n\n``` css\n.huebee {\n transition: none; /* disable reveal/hide transition */\n}\n\n.huebee__container {\n background: #444;\n border: 1px solid #222;\n border-radius: 20px;\n}\n\n.huebee__cursor {\n border: 2px solid #19F;\n}\n\n.huebee__close-button {\n background: red;\n}\n\n.huebee__close-button__x {\n stroke-width: 2;\n}\n```\n\nUse `className` option for specificity.\n\n``` html\n
\n
\n```\n\n``` css\n.dark-picker .huebee__container {\n background: #222;\n}\n\n.light-picker .huebee__container {\n background: #F8F8F8;\n}\n```\n\n## API\n\n``` js\nvar hueb = new Huebee( element, options );\n```\n\n### Properties\n\n``` js\nhueb.color // => #F00\n// {String} - text color value\n\nhueb.hue // -> 0\n// {Number} - angle of hue of color, 0...360\n\nhueb.sat // -> 1\n// {Number} - saturation of color, 0...1\n\nhueb.lum // -> 0.5\n// {Number} - luminance of color, 0...1\n```\n\n### Methods\n\n``` js\nhueb.open()\n// opens Huebee\n\nhueb.close()\n// closes Huebee\n```\n\n### Events\n\n``` js\nhueb.on( 'change', function( color, hue, sat, lum ) {\n console.log( 'color changed to: ' + color )\n})\n```\n\n---\n\nMIT License\n\nBy [Metafizzy](https://metafizzy.co)\n","maintainers":[{"name":"desandro","email":"desandrocodes@gmail.com"}],"time":{"modified":"2022-06-18T23:06:23.856Z","created":"2016-11-17T21:24:38.946Z","1.0.0":"2016-11-17T21:24:38.946Z","1.0.1":"2017-03-05T02:41:18.586Z","2.0.0":"2017-12-20T13:36:37.577Z","2.1.0":"2020-04-22T16:58:13.466Z","2.1.1":"2021-01-16T00:46:43.474Z"},"homepage":"https://huebee.buzz","keywords":["color","picker","ui","dom"],"repository":{"type":"git","url":"git+https://github.com/metafizzy/huebee.git"},"author":{"name":"David DeSandro"},"bugs":{"url":"https://github.com/metafizzy/huebee/issues"},"license":"MIT","readmeFilename":"README.md"}