{"_id":"boron","_rev":"13-f15cc33be500e6cf3699db89843469db","name":"boron","dist-tags":{"latest":"0.2.3"},"versions":{"0.0.0":{"name":"boron","version":"0.0.0","description":"","main":"index.js","scripts":{"test":"echo \"Error: no test specified\" && exit 1"},"author":"","license":"ISC","_id":"boron@0.0.0","dist":{"shasum":"3de1d9a8c7b8633090bd9822c258f86c1afa6b8b","tarball":"https://registry.npmjs.org/boron/-/boron-0.0.0.tgz","integrity":"sha512-sxn/rzKoiiiOziJDYVhjiL/hig9q62vuMepvfu+UbmWSZFkX1sH18ESuKtxHN34mIkDMdVO86YFPz/2di+DWSA==","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCqStBZVqKmTDXYHEtmeycYiQFH4G5MORq/Im4/K6Hv2gIgSf0ogSoWwHf02bRXWqxnDKfrotSTfcLERHwwxMy9BdA="}]},"_from":".","_npmVersion":"1.4.3","_npmUser":{"name":"yuanyan","email":"yuanyan.cao@gmail.com"},"maintainers":[{"name":"yuanyan","email":"yuanyan.cao@gmail.com"}]},"0.1.1":{"name":"boron","version":"0.1.1","description":"A collection of dialog animations with React.js","main":"src/Boron.js","author":{"name":"Yuanyan Cao"},"license":"MIT","repository":{"type":"git","url":"git+https://github.com/yuanyan/boron.git"},"dependencies":{"react-kit":"^0.1.2"},"peerDependencies":{"react":">=0.12.0"},"devDependencies":{"reactify":"^0.17.0","browserify":"^6.3.3","browserify-shim":"^3.8.0","chalk":"^0.5.1","codemirror":"^5.0.0","del":"^0.1.3","gulp":"^3.8.10","gulp-bump":"^0.1.11","gulp-connect":"^2.2.0","gulp-gh-pages":"^0.4.0","gulp-git":"^0.5.5","gulp-less":"^1.3.6","gulp-rename":"^1.2.0","gulp-streamify":"^0.0.5","gulp-uglify":"^1.0.1","gulp-util":"^3.0.1","merge-stream":"^0.1.6","vinyl-paths":"^1.0.0","vinyl-source-stream":"^1.0.0","watchify":"^2.1.1","gulp-react":"^3.0.1"},"browserify":{"transform":["reactify"]},"browserify-shim":{"react":"global:React"},"scripts":{"release":"gulp release"},"keywords":["react","react-component","dialog","modal"],"gitHead":"0ea04bdcc75d6eb604580940074fd79ed206b8b3","bugs":{"url":"https://github.com/yuanyan/boron/issues"},"homepage":"https://github.com/yuanyan/boron#readme","_id":"boron@0.1.1","_shasum":"7bb2379ab46a03e44728261f41c9ffcf186feccc","_from":".","_npmVersion":"2.9.0","_nodeVersion":"0.10.26","_npmUser":{"name":"yuanyan","email":"yuanyan.cao@gmail.com"},"maintainers":[{"name":"yuanyan","email":"yuanyan.cao@gmail.com"}],"dist":{"shasum":"7bb2379ab46a03e44728261f41c9ffcf186feccc","tarball":"https://registry.npmjs.org/boron/-/boron-0.1.1.tgz","integrity":"sha512-GtzGqDexMvhnaTZuQonKDPx5NTOy028oPxUkVS9WouJcWj1DPoJy3h8SjWT3lxLEB/3O2OBtGpzfZH1+i1Ud8A==","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCsZ8DnFN1pGPOQtShIcEPvZczcjNWpQfvSpI5mCGlMhQIgT/sAhsCxtnuJb3w+NiSZSKNNCAV1HoE8iWT732XAMhY="}]}},"0.1.2":{"name":"boron","version":"0.1.2","description":"A collection of dialog animations with React.js","main":"Boron.js","author":{"name":"Yuanyan Cao"},"license":"MIT","repository":{"type":"git","url":"git+https://github.com/yuanyan/boron.git"},"dependencies":{"react-kit":"^0.1.2"},"peerDependencies":{"react":">=0.12.0"},"devDependencies":{"reactify":"^0.17.0","browserify":"^6.3.3","browserify-shim":"^3.8.0","chalk":"^0.5.1","codemirror":"^5.0.0","del":"^0.1.3","gulp":"^3.8.10","gulp-bump":"^0.1.11","gulp-connect":"^2.2.0","gulp-gh-pages":"^0.4.0","gulp-git":"^0.5.5","gulp-less":"^1.3.6","gulp-rename":"^1.2.0","gulp-streamify":"^0.0.5","gulp-uglify":"^1.0.1","gulp-util":"^3.0.1","merge-stream":"^0.1.6","vinyl-paths":"^1.0.0","vinyl-source-stream":"^1.0.0","watchify":"^2.1.1","gulp-react":"^3.0.1"},"browserify":{"transform":["reactify"]},"browserify-shim":{"react":"global:React"},"scripts":{"release":"gulp release"},"keywords":["react","react-component","dialog","modal"],"gitHead":"b302002b1b38f7785aa55a03f2a7f6e606cc11b9","bugs":{"url":"https://github.com/yuanyan/boron/issues"},"homepage":"https://github.com/yuanyan/boron#readme","_id":"boron@0.1.2","_shasum":"96e9805086e19dda2093de5102079758d3a4484a","_from":".","_npmVersion":"2.9.0","_nodeVersion":"0.10.26","_npmUser":{"name":"yuanyan","email":"yuanyan.cao@gmail.com"},"maintainers":[{"name":"yuanyan","email":"yuanyan.cao@gmail.com"}],"dist":{"shasum":"96e9805086e19dda2093de5102079758d3a4484a","tarball":"https://registry.npmjs.org/boron/-/boron-0.1.2.tgz","integrity":"sha512-3d3KjaVuZn4x1TjtawDyLNKU+p8+aG/ZlAg/DxgvT1P52q/vk2jvVo+T6riUjJCrCUEjqB1inrLkJwTBkRY43A==","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCzQU7J+A/yom1qA5swtV3+JYtC4PbP7Emu54EH5Xyv9wIgNdJ+juSJGEL/t/ksFVMFeeIuxWQL34rqA3b/facXwuQ="}]}},"0.2.1":{"name":"boron","version":"0.2.1","description":"A collection of dialog animations with React.js","main":"Boron.js","author":{"name":"Yuanyan Cao"},"license":"MIT","repository":{"type":"git","url":"https://github.com/yuanyan/boron.git"},"dependencies":{"domkit":"^0.0.1"},"peerDependencies":{"react":">=0.14.0"},"devDependencies":{"react-dom":">=0.14.0","reactify":"^0.17.0","browserify":"^6.3.3","browserify-shim":"^3.8.0","chalk":"^0.5.1","codemirror":"^5.0.0","del":"^0.1.3","gulp":"^3.8.10","gulp-bump":"^0.1.11","gulp-connect":"^2.2.0","gulp-gh-pages":"^0.4.0","gulp-git":"^0.5.5","gulp-less":"^1.3.6","gulp-rename":"^1.2.0","gulp-streamify":"^0.0.5","gulp-uglify":"^1.0.1","gulp-util":"^3.0.1","merge-stream":"^0.1.6","vinyl-paths":"^1.0.0","vinyl-source-stream":"^1.0.0","watchify":"^2.1.1","gulp-react":"^3.0.1"},"browserify":{"transform":["reactify"]},"browserify-shim":{"react":"global:React"},"scripts":{"release":"gulp release"},"keywords":["react","react-component","dialog","modal"],"gitHead":"841841d2bf6b32d5d4bc3a7207e107f3a6494332","bugs":{"url":"https://github.com/yuanyan/boron/issues"},"homepage":"https://github.com/yuanyan/boron","_id":"boron@0.2.1","_shasum":"3e28f42f1764b2b1e7c137a59a3e439eb95ebb53","_from":".","_npmVersion":"2.14.2","_nodeVersion":"4.0.0","_npmUser":{"name":"yuanyan","email":"yuanyan.cao@gmail.com"},"maintainers":[{"name":"yuanyan","email":"yuanyan.cao@gmail.com"}],"dist":{"shasum":"3e28f42f1764b2b1e7c137a59a3e439eb95ebb53","tarball":"https://registry.npmjs.org/boron/-/boron-0.2.1.tgz","integrity":"sha512-eB/AcYPTI1A+3Ms+yZYfdoHuoXR2Bx1kJGOeUVnY9CBBOaqQITP11dMGQBfuh9C7Hhfeor0Y03ZPfkyfjQ/+3w==","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDIk7RHQPx9zuHLiiD/NXuKzUD97HyfvH0SYzAYmJMZNwIgK7WQbKW4ied2rt182R4twAeRB6Gye6k9GlYYlz0gcSs="}]}},"0.2.2":{"name":"boron","version":"0.2.2","description":"A collection of dialog animations with React.js","main":"Boron.js","author":{"name":"Yuanyan Cao"},"license":"MIT","repository":{"type":"git","url":"https://github.com/yuanyan/boron.git"},"dependencies":{"domkit":"^0.0.1"},"peerDependencies":{"react":">=0.14.0"},"devDependencies":{"react-dom":">=0.14.0","reactify":"^0.17.0","browserify":"^6.3.3","browserify-shim":"^3.8.0","chalk":"^0.5.1","codemirror":"^5.0.0","del":"^0.1.3","gulp":"^3.8.10","gulp-bump":"^0.1.11","gulp-connect":"^2.2.0","gulp-gh-pages":"^0.4.0","gulp-git":"^0.5.5","gulp-less":"^1.3.6","gulp-rename":"^1.2.0","gulp-streamify":"^0.0.5","gulp-uglify":"^1.0.1","gulp-util":"^3.0.1","merge-stream":"^0.1.6","vinyl-paths":"^1.0.0","vinyl-source-stream":"^1.0.0","watchify":"^2.1.1","gulp-react":"^3.0.1"},"browserify":{"transform":["reactify"]},"browserify-shim":{"react":"global:React"},"scripts":{"release":"gulp release"},"keywords":["react","react-component","dialog","modal"],"gitHead":"e8eb2a0c796b37b0bd954e919b0641cfc4e757c7","bugs":{"url":"https://github.com/yuanyan/boron/issues"},"homepage":"https://github.com/yuanyan/boron","_id":"boron@0.2.2","_shasum":"0fb05a1438bf40c46dfa99d4a82604718227c41b","_from":".","_npmVersion":"2.14.2","_nodeVersion":"4.0.0","_npmUser":{"name":"yuanyan","email":"yuanyan.cao@gmail.com"},"maintainers":[{"name":"yuanyan","email":"yuanyan.cao@gmail.com"}],"dist":{"shasum":"0fb05a1438bf40c46dfa99d4a82604718227c41b","tarball":"https://registry.npmjs.org/boron/-/boron-0.2.2.tgz","integrity":"sha512-Iy+qiYUDFY4bHgRIhPllKwX6erq/UxUe3VB/G467j6YACt9k8UfBGpIb0Q+PrVrR6RHIP7rsxE1tKlfC0BuQbg==","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIGfOixHgdUvf7LsOME2HwyUWjH8znaeyBdyGhCTSjVbDAiEA9Y2Dq20GCSiYI7xvPwYh3x0TQIerQcI90lKrSbopX1Q="}]}},"0.2.3":{"name":"boron","version":"0.2.3","description":"A collection of dialog animations with React.js","main":"Boron.js","author":{"name":"Yuanyan Cao"},"license":"MIT","repository":{"type":"git","url":"git+https://github.com/yuanyan/boron.git"},"dependencies":{"domkit":"^0.0.1"},"peerDependencies":{"react":">=0.14.0"},"devDependencies":{"react-dom":">=0.14.0","reactify":"^0.17.0","browserify":"^6.3.3","browserify-shim":"^3.8.0","chalk":"^0.5.1","codemirror":"^5.0.0","del":"^0.1.3","gulp":"^3.8.10","gulp-bump":"^0.1.11","gulp-connect":"^2.2.0","gulp-gh-pages":"^0.4.0","gulp-git":"^0.5.5","gulp-less":"^1.3.6","gulp-rename":"^1.2.0","gulp-streamify":"^0.0.5","gulp-uglify":"^1.0.1","gulp-util":"^3.0.1","merge-stream":"^0.1.6","vinyl-paths":"^1.0.0","vinyl-source-stream":"^1.0.0","watchify":"^2.1.1","gulp-react":"^3.0.1"},"browserify":{"transform":["reactify"]},"browserify-shim":{"react":"global:React"},"scripts":{"release":"gulp release"},"keywords":["react","react-component","dialog","modal"],"gitHead":"5ce60d3cc74368b139391dfd60a74b168458f159","bugs":{"url":"https://github.com/yuanyan/boron/issues"},"homepage":"https://github.com/yuanyan/boron#readme","_id":"boron@0.2.3","_shasum":"63a1800771c0cb2b0d8f616687c62c1248cfb8a0","_from":".","_npmVersion":"2.11.3","_nodeVersion":"2.3.1","_npmUser":{"name":"yuanyan","email":"yuanyan.cao@gmail.com"},"maintainers":[{"name":"yuanyan","email":"yuanyan.cao@gmail.com"}],"dist":{"shasum":"63a1800771c0cb2b0d8f616687c62c1248cfb8a0","tarball":"https://registry.npmjs.org/boron/-/boron-0.2.3.tgz","integrity":"sha512-v20dIKBrfGebR9KzlXPyWfEbMuuj6EXcGy3gVWG34iDg7IISYV3Eldn6Sr48TkrhMkKZGlQWUp4EulogmaSTlg==","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQC/AbnVsMpLH6e8/Ge3Gfhr2YKAvbkJdtVO8cTAulqbvQIhALtzpMILLByYHgW3AppSshcM291hhcJXsLnc/4g5helX"}]}}},"readme":"Boron\n=====\n\n[](http://start.thinkful.com/react/?utm_source=github&utm_medium=badge&utm_campaign=boron)\n\nA collection of dialog animations with React.js.\n\n* React 0.14+ Use `boron 0.2`\n* React 0.12+ Use `boron 0.1`\n\n## Demo & Examples\n\nLive demo: [yuanyan.github.io/boron](http://yuanyan.github.io/boron/)\n\nTo build the examples locally, run:\n\n```\nnpm install\ngulp dev\n```\n\nThen open [`localhost:9999`](http://localhost:9999) in a browser.\n\n## Installation\n\nThe easiest way to use `boron` is to install it from NPM and include it in your own React build process (using [Browserify](http://browserify.org), etc).\n\nYou can also use the standalone build by including `dist/boron.js` in your page. If you use this, make sure you have already included React, and it is available as a global variable.\n\n```\nnpm install boron --save\n```\n\n## Usage\n\n``` javascript\nvar Modal = require('boron/DropModal');\nvar Example = React.createClass({\n showModal: function(){\n this.refs.modal.show();\n },\n hideModal: function(){\n this.refs.modal.hide();\n },\n render: function() {\n return (\n
\n \n \n
I am a dialog
\n \n \n
\n );\n }\n});\n```\n\n## Props\n\n* className - Add custom class name.\n* keyboard - Close the modal when escape key is pressed.\n* backdrop - Includes a backdrop element.\n* closeOnClick - Close the backdrop element when clicked.\n* onShow - Show callback.\n* onHide - Hide callback.\n* modalStyle - CSS styles to apply to the modal\n* backdropStyle - CSS styles to apply to the backdrop\n* contentStyle - CSS styles to apply to the modal's content\n\n# Custom Styles\nObjects consisting of CSS properties/values can be passed as props to the Modal component.\nThe values for the CSS properties will either add new properties or override the default property value set for that Modal type.\n\nModal with 80% width:\n``` javascript\nvar Modal = require('boron/ScaleModal');\n\n// Style object\nvar modalStyle = {\n width: '80%'\n};\n\nvar Example = React.createClass({\n showModal: function(){\n this.refs.modal.show();\n },\n hideModal: function(){\n this.refs.modal.hide();\n },\n render: function() {\n return (\n
\n \n \n
I am a dialog
\n \n \n
\n );\n }\n});\n```\n\nRed backdrop with a blue modal, rotated at 45 degrees:\n``` javascript\nvar Modal = require('boron/FlyModal');\n\n// Individual styles for the modal, modal content, and backdrop\nvar modalStyle = {\n transform: 'rotate(45deg) translateX(-50%)',\n};\n\nvar backdropStyle = {\n backgroundColor: 'red'\n};\n\nvar contentStyle = {\n backgroundColor: 'blue',\n height: '100%'\n};\n\nvar Example = React.createClass({\n showModal: function(){\n this.refs.modal.show();\n },\n hideModal: function(){\n this.refs.modal.hide();\n },\n render: function() {\n return (\n