{"_id":"vanilla-ripplejs","_rev":"6-ca4667afd7665110b16e273ecfaf6703","name":"vanilla-ripplejs","description":"vanilla Material Design ripples","dist-tags":{"latest":"1.0.6"},"versions":{"1.0.3":{"name":"vanilla-ripplejs","version":"1.0.3","description":"vanilla Material Design ripples","main":"ripple.min.js","repository":{"type":"git","url":"git+https://github.com/samthor/rippleJS.git"},"keywords":["javascript","material-design","ripple","ripplejs"],"author":{"name":"Sam Thorogood","email":"sam.thorogood@gmail.com"},"license":"MIT","bugs":{"url":"https://github.com/samthor/rippleJS/issues"},"homepage":"https://github.com/samthor/rippleJS#readme","gitHead":"cc94910a636fa4eab0964fbf594389cd9ff0fe86","_id":"vanilla-ripplejs@1.0.3","scripts":{},"_shasum":"a4acca716e361b3ff10c27b1048050d9e53ca554","_from":".","_npmVersion":"3.7.3","_nodeVersion":"5.9.1","_npmUser":{"name":"samthor","email":"sam.thorogood@gmail.com"},"dist":{"shasum":"a4acca716e361b3ff10c27b1048050d9e53ca554","tarball":"https://registry.npmjs.org/vanilla-ripplejs/-/vanilla-ripplejs-1.0.3.tgz","integrity":"sha512-ODtUmkQ1MxLijfpM5YpoTWGV6Cg7ERn5mdY/oRLW38f6LIc9/0OScDsBuxH5QlBiIZUTN4TBHeTlLXtK9+Y9qA==","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIF5S6vHdAYyPFW1GMedXlDlVRz25N3uD+21ziZdbtaM3AiArlMxJq5hB5QwFn9fLMv9+4UeF9NpT0Nk2FDqqXPde9A=="}]},"maintainers":[{"name":"samthor","email":"sam.thorogood@gmail.com"}],"_npmOperationalInternal":{"host":"packages-12-west.internal.npmjs.com","tmp":"tmp/vanilla-ripplejs-1.0.3.tgz_1459294923581_0.2961801285855472"},"directories":{}},"1.0.4":{"name":"vanilla-ripplejs","version":"1.0.4","description":"vanilla Material Design ripples","main":"ripple.min.js","jsnext:main":"ripple.js","module":"ripple.js","repository":{"type":"git","url":"git+https://github.com/samthor/rippleJS.git"},"keywords":["javascript","material-design","ripple","ripplejs"],"author":{"name":"Sam Thorogood","email":"sam.thorogood@gmail.com"},"license":"MIT","bugs":{"url":"https://github.com/samthor/rippleJS/issues"},"homepage":"https://github.com/samthor/rippleJS#readme","gitHead":"0c91bdf6940f4e61b4646fa68a1861bb156c046e","_id":"vanilla-ripplejs@1.0.4","_npmVersion":"6.2.0","_nodeVersion":"10.7.0","_npmUser":{"name":"samthor","email":"sam.thorogood@gmail.com"},"dist":{"integrity":"sha512-ORwMbne9zMuUjI2+Wr65IDrTk43ZUjySKYEhVBAUN9OEUHiXpnOyCD9oYFpDIHJ/1QeSub8rS9KYhSfui2Xa6Q==","shasum":"f4a728509b45b695db20f20bd81d7302a71def0e","tarball":"https://registry.npmjs.org/vanilla-ripplejs/-/vanilla-ripplejs-1.0.4.tgz","fileCount":7,"unpackedSize":13023,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJbW9LgCRA9TVsSAnZWagAA1XoP/iYEftRW0vGjnjcwy2Fe\nu8Uv1tueIHeZu5BVJWZl48yuh2+ZO/g2vgCxnbDYQ5TumfsY+11XzaeGP34I\n6VsAuSinjKP6bj24MZb8cQTjvEqoQ84yvhZlcky436xF6XbF2KIGFx3TZ8Vw\nc0DJQ8nmbg9KY13BLFjXq/XmTG7pFw4MFXwpaH9TT6Vc02ruOH6FuRQ96zS0\novjb5acZQXnJP2F0GQeGhmlhUzLWXaY9kjBpQWkkl8hY5b6p42todYYxEXNx\nTYedCAPwomc+uB5GTwN0xtt/XNClxF5h+yIRc6wj/ZgPW/lpGCl7rgxF4eaH\nSjWPVCThhTEMI/Yob3/cjgsyCYoqNqS3OLnsW6xh7LgNmchS0fAhgR0jDrWC\neM/AEBBA8wlEnIq7Me3XXCZ/7EGO3cdXsGOYxRRXpIl5XDhVOkEVuGoV7Sfq\nOLBRmzqpDoCscBIPoqiQNYxFovc1P2tHTPmSNSKjm5AMt634UevWJNrOMjww\nZ4wbdUQojpjiBhSlOjpfkk5ziM/5i+EUGmX+k+ed3RfgQLrh+6OoqEqCsS7X\nHhhWvgozty7VmkCkJBsTn84UNWBRnQnICSkM/edL0e3XyJysepUba5tDidpH\nrZHfnNYeJsCYmItI3NokUCc3t3a09tYVpu9m3sbFwPdy3tmd+xkWMvG1OACL\nin8K\r\n=8HQR\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCcYUlxQhYyTTBtabbeC9Rdy4tSTn2sN3CMyo4nhQrRZAIhAJAu0QS+q4Dru+V7rX53ySAtif8zqx8VFBALnZeTM9wr"}]},"maintainers":[{"name":"samthor","email":"sam.thorogood@gmail.com"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/vanilla-ripplejs_1.0.4_1532744416094_0.8218967650045603"},"_hasShrinkwrap":false},"1.0.6":{"name":"vanilla-ripplejs","version":"1.0.6","description":"vanilla Material Design ripples","main":"ripple.min.js","jsnext:main":"ripple.js","module":"ripple.js","repository":{"type":"git","url":"git+https://github.com/samthor/rippleJS.git"},"keywords":["javascript","material-design","ripple","ripplejs"],"author":{"name":"Sam Thorogood","email":"sam.thorogood@gmail.com"},"license":"MIT","bugs":{"url":"https://github.com/samthor/rippleJS/issues"},"homepage":"https://github.com/samthor/rippleJS#readme","gitHead":"aacf34e6aff603ee1b35dc0118aa61c8f9d47f97","_id":"vanilla-ripplejs@1.0.6","_npmVersion":"6.4.1","_nodeVersion":"10.10.0","_npmUser":{"name":"samthor","email":"sam.thorogood@gmail.com"},"dist":{"integrity":"sha512-vJXg9jryxSV4CgzPgmmW8Sby7UCrqyXHE6DtEpaxc3voo4CPSZTwLHPxdXsUzBx1I8lcwwtfi2jnsxYRmwoyhg==","shasum":"f650b25f68b7c4234922cd2f17f13f60a51092eb","tarball":"https://registry.npmjs.org/vanilla-ripplejs/-/vanilla-ripplejs-1.0.6.tgz","fileCount":8,"unpackedSize":15266,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJbplbtCRA9TVsSAnZWagAAoiQP/jB39jbLSXwU5d5qFyEv\nZR7VTI+q6xJdmX6wJSl/HFbk1A2ipbinxDT+JM5gBP9VPgc4RBseb42gbCns\nMbyqXdvtTH1QpoCieqBOSRG8nC4MRiGUYRTzVmRbretJzvwQ7/RXnhgp4MOU\nwAlCrpPQy8Bj1DhP7BgSqsC1X5DWOzuknKhJNsjvM8DXzyWJXtchJdaKYKp9\n58RKdqUfVXTiKj4OJ+rIm/0wUq7Y36RksMUbjmpjlWFF/qFy4ftRBjcQAs6v\njCr+a0VBRVYn7RHSDamwvvU/xoyykUn7gy8jmK41iSWcD9/+5epvm0uXlgAU\nd0anHDHd14UDnhPkjhyE3wttg6cu9N//N4Q/6FAiOhqVq7qF8JmCDS0M6iih\neWKi0Kk4MmtAT1VhmVYSejtJ5V8zDDbQO7bisNZsWoXZA7Ib7MQZGDtn5rTB\neMO66rIMAu5ExFiKpYyAuS0mSz0jXbxnBYxEd20r9N+uEHiuSXwSglmw1VfY\nt9GIHh4wxkDrS2agF4P3nGmKoL3fNO3ZbJ5tL00EzDu9qssL0oYD0XlQTR+B\nTmjEXfQN5lKUGbEq2qThGmT6fwSRo5gCEC0IP4gwWCUqwBpKVtaup4RV35Pb\nTSr3frbQttKwD8KrAqYne+VWkZBW05UxMUnT48ZRQX+bHXJgaf8zHmqnqBed\nVlnt\r\n=f396\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCWdrtopOZdq1wyJ2JwIOHci2yQqYEXSK11dIyRAMfEAQIhAJYraEYK7/X/DL0lF/msZwQ95HPzGg5x7Qu+MRTwSMia"}]},"maintainers":[{"name":"samthor","email":"sam.thorogood@gmail.com"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/vanilla-ripplejs_1.0.6_1537627884941_0.10658108515131182"},"_hasShrinkwrap":false}},"readme":"# rippleJS\n\nAdds Material Design-style feedback ripples to your existing HTML without any dependencies.\n[Show me the demos!](http://samthor.github.io/rippleJS)\n\n## Usage\n\nInclude the [rippleJS script](https://cdn.rawgit.com/samthor/rippleJS/v1.0.2/ripple.min.js) (or use a [local copy](#install)).\nThen, add elements with the `rippleJS` class within a parent element that has layout (aka, `position: relative` or `position: absolute`).\n\n```html\n\n\n\n\n\n```\n\nrippleJS adds handlers on `document.body`, so you don't need to register any new elements as you add them to the DOM.\nIt supports touch and mouse events (even at the same time), and includes its own CSS.\n\n### Ripple Fill\n\nBy adding the `fill` class to a `rippleJS` element, the ripple will fill to rounded corners, good for form elements with fixed size.\nFor example:\n\n```html\n
\n \n \n
\n```\n\n### Ripple Color\n\nThe default color is a transparent version of the current color (aka, the `currentColor` [keyword](http://www.w3.org/TR/css3-color/#currentcolor)).\nTo change this default, add the following style rule:\n\n```css\n.rippleJS .ripple {\n background: red;\n}\n```\n\nYou could also change it just for some elements:\n\n```css\n.yourClassName .rippleJS .ripple {\n background: blue;\n}\n```\n\nOr change the level of opacity:\n\n```css\n.moreOpaque .rippleJS .ripple {\n opacity: 0.65;\n}\n````\n\n## Supports\n\nChrome, Safari, Firefox (all as of Dec 2014).\nRequires `classList`, so probably [only supports IE10+](http://caniuse.com/#feat=classlist).\n\n## Install \n\nInstead of using rippleJS directly, you can fetch it using your favourite package manager:\n\n $ bower install vanilla-ripplejs\n $ npm install vanilla-ripplejs\n\nYou can either use `ripple.min.js` for a precompiled version to just drop into your site, or you could use `lib.js` included as a ES module.\nIf you use `lib.js`, you'll need to include the CSS too—check out `ripple.js` for how this is done for the minified version, or you could just add the CSS to your regular styles.","maintainers":[{"name":"samthor","email":"sam.thorogood@gmail.com"}],"time":{"modified":"2022-06-28T08:58:57.604Z","created":"2016-03-29T23:42:04.026Z","1.0.3":"2016-03-29T23:42:04.026Z","1.0.4":"2018-07-28T02:20:16.185Z","1.0.6":"2018-09-22T14:51:25.185Z"},"homepage":"https://github.com/samthor/rippleJS#readme","keywords":["javascript","material-design","ripple","ripplejs"],"repository":{"type":"git","url":"git+https://github.com/samthor/rippleJS.git"},"author":{"name":"Sam Thorogood","email":"sam.thorogood@gmail.com"},"bugs":{"url":"https://github.com/samthor/rippleJS/issues"},"license":"MIT","readmeFilename":"README.md"}