{"_id":"whiplash-ui","_rev":"162-78965410ffea036e9203cad10dec4f8b","name":"whiplash-ui","dist-tags":{"beta":"0.6.0-beta","latest":"0.6.0"},"versions":{"0.1.2":{"name":"whiplash-ui","version":"0.1.2","author":{"url":"http://jacobroufa.com/","name":"Jacob M. Roufa","email":"jacob.roufa@gmail.com"},"license":"MIT","_id":"whiplash-ui@0.1.2","maintainers":[{"name":"jacobroufa","email":"jacob.roufa@gmail.com"}],"homepage":"https://github.com/whiplashmerch/whiplash-ui#readme","bugs":{"url":"https://github.com/whiplashmerch/whiplash-ui/issues"},"dist":{"shasum":"c5b567de81dd8a317ad4e7f50e6648825b0f8850","tarball":"https://registry.npmjs.org/whiplash-ui/-/whiplash-ui-0.1.2.tgz","integrity":"sha512-1HOdFpGNJr3l+IefgqHDFL1w0iraaSZBgHXQ7hJflVGxgqGxqiJcMM1TeIV9vAaKPFjRqyIJdBR7KNHibiaikQ==","signatures":[{"sig":"MEUCIErMMzgprQSL85dNHDvWaYsmI5zWzBnkJ3u3mxzyDps/AiEA+N/wSmuJfTHd5Ec5nLdxWWrevWxrIlfS5qLNC2GvOJk=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}]},"main":"index.js","_from":".","_shasum":"c5b567de81dd8a317ad4e7f50e6648825b0f8850","gitHead":"769cdfb04a22f6581993fb552f5c46a5b70fcd2b","scripts":{},"_npmUser":{"name":"jacobroufa","email":"jacob.roufa@gmail.com"},"repository":{"url":"git+ssh://git@github.com/whiplashmerch/whiplash-ui.git","type":"git"},"_npmVersion":"4.1.2","description":"UI assets for Whiplash Merch","directories":{},"_nodeVersion":"7.7.2","_npmOperationalInternal":{"tmp":"tmp/whiplash-ui-0.1.2.tgz_1499705683878_0.0737663977779448","host":"s3://npm-registry-packages"}},"0.2.0":{"name":"whiplash-ui","version":"0.2.0","author":{"url":"http://jacobroufa.com/","name":"Jacob M. Roufa","email":"jacob.roufa@gmail.com"},"license":"MIT","_id":"whiplash-ui@0.2.0","maintainers":[{"name":"jacobroufa","email":"jacob.roufa@gmail.com"}],"homepage":"https://github.com/whiplashmerch/whiplash-ui#readme","bugs":{"url":"https://github.com/whiplashmerch/whiplash-ui/issues"},"dist":{"shasum":"e10d65637f769864d133e2083fa4e448ef4ee7ff","tarball":"https://registry.npmjs.org/whiplash-ui/-/whiplash-ui-0.2.0.tgz","integrity":"sha512-+9ZRDDdzE9PF+ccvAVHJryfGyNQ/DR3LbYweyS6hITSnXagMFR9X6pPGBrYgNMbda/bw6RzjLo92SdJ2Ds9wHA==","signatures":[{"sig":"MEUCIQC6UlglenlrEnuVWjK2qxuOPILV9yZfNHjB4PULoTpnZQIgLgcgn9ZvVYbr2MQ/6IJRXS45V6YE9SUMtoxwwQxiGfc=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}]},"main":"index.js","gitHead":"ae9bed5901afac20c4366cfab22c72301e397d91","_npmUser":{"name":"jacobroufa","email":"jacob.roufa@gmail.com"},"repository":{"url":"git+ssh://git@github.com/whiplashmerch/whiplash-ui.git","type":"git"},"_npmVersion":"5.0.3","description":"UI assets for Whiplash Merch","directories":{},"_nodeVersion":"8.1.2","_npmOperationalInternal":{"tmp":"tmp/whiplash-ui-0.2.0.tgz_1499756514239_0.013271080795675516","host":"s3://npm-registry-packages"}},"0.3.0":{"name":"whiplash-ui","version":"0.3.0","author":{"url":"http://jacobroufa.com/","name":"Jacob M. Roufa","email":"jacob.roufa@gmail.com"},"license":"MIT","_id":"whiplash-ui@0.3.0","maintainers":[{"name":"montch","email":"montch@gmail.com"},{"name":"ideaoforder","email":"mark@sitesteaders.com"},{"name":"jacobroufa","email":"jacob.roufa@gmail.com"}],"homepage":"https://github.com/whiplashmerch/whiplash-ui#readme","bugs":{"url":"https://github.com/whiplashmerch/whiplash-ui/issues"},"dist":{"shasum":"1641546e6d3e4f55e192c3f2b074b45076d14641","tarball":"https://registry.npmjs.org/whiplash-ui/-/whiplash-ui-0.3.0.tgz","integrity":"sha512-9lf0KyBv/itTKmu0hvH2VmpqNnYzFzFCz3v+l3UgcQhTg6+dUavHMv8SpHC0S/8M1uZ6yZPJ/w13+1ilOhu/og==","signatures":[{"sig":"MEUCICSw7NAPMR9vp//0wWuOw45ljWr4zCgNN3nkNA6dxlvkAiEAr3A6mQdZkdA74ufvK35eu0G+SA0mVJI2ffVQgBkAShc=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}]},"main":"index.js","gitHead":"842cdaba991d7e0fca3414c3d6e768fc2b397fc6","_npmUser":{"name":"jacobroufa","email":"jacob.roufa@gmail.com"},"repository":{"url":"git+ssh://git@github.com/whiplashmerch/whiplash-ui.git","type":"git"},"_npmVersion":"5.0.3","description":"UI assets for Whiplash Merch","directories":{},"_nodeVersion":"8.1.2","_npmOperationalInternal":{"tmp":"tmp/whiplash-ui-0.3.0.tgz_1499796000610_0.6101380488835275","host":"s3://npm-registry-packages"}},"0.4.0":{"name":"whiplash-ui","version":"0.4.0","author":{"url":"http://jacobroufa.com/","name":"Jacob M. Roufa","email":"jacob.roufa@gmail.com"},"license":"MIT","_id":"whiplash-ui@0.4.0","maintainers":[{"name":"montch","email":"montch@gmail.com"},{"name":"ideaoforder","email":"mark@sitesteaders.com"},{"name":"jacobroufa","email":"jacob.roufa@gmail.com"}],"contributors":[{"name":"Casey Baggz","email":"casey.baggz@gmail.com"},{"name":"Mark Dickson","email":"mark@sitesteaders.com"},{"name":"Matt Smith","email":"azamatsmith@gmail.com"}],"homepage":"https://github.com/whiplashmerch/whiplash-ui#readme","bugs":{"url":"https://github.com/whiplashmerch/whiplash-ui/issues"},"dist":{"shasum":"2df6092aa103e741cfb9efab4a03c4ffa0e93b93","tarball":"https://registry.npmjs.org/whiplash-ui/-/whiplash-ui-0.4.0.tgz","integrity":"sha512-S1H82MAAw21+lWXeV4uuWw5bPCULO3lZLuZ+OsFIqb4/3gQr93gPnSkl/x2Xs+K2+8+ddFcKdvr++tG9b0+W1g==","signatures":[{"sig":"MEUCIHZY8n0CboDZucWcNFE4YK7/0suZIclKTanNpc3tBAQlAiEAnj4lLIraDlEENPran+8IEu9V0yj+prN72MPIx17sBoo=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}]},"main":"/dist/whiplash-ui.js","files":["dist","images","fonts","scss"],"gitHead":"bbe9e68532c2ac70252c6313dd0c532eb93d44d2","scripts":{"js":"cp js/whiplash-ui.js dist/ && minify --output dist/whiplash-ui.min.js js/whiplash-ui.js","css":"node-sass scss/whiplash-ui.scss --source-map true -o dist && node-sass scss/whiplash-ui.scss --output-style compressed > dist/whiplash-ui.min.css","dist":"npm run css && npm run js","preversion":"npm run dist"},"_npmUser":{"name":"ideaoforder","email":"mark@sitesteaders.com"},"repository":{"url":"git+ssh://git@github.com/whiplashmerch/whiplash-ui.git","type":"git"},"_npmVersion":"5.0.3","description":"UI assets for Whiplash Merch","directories":{},"_nodeVersion":"8.1.2","devDependencies":{"minifier":"^0.8.1","node-sass":"^4.5.3"},"_npmOperationalInternal":{"tmp":"tmp/whiplash-ui-0.4.0.tgz_1499801527873_0.2445320498663932","host":"s3://npm-registry-packages"}},"0.4.1":{"name":"whiplash-ui","version":"0.4.1","author":{"url":"http://jacobroufa.com/","name":"Jacob M. Roufa","email":"jacob.roufa@gmail.com"},"license":"MIT","_id":"whiplash-ui@0.4.1","maintainers":[{"name":"montch","email":"montch@gmail.com"},{"name":"ideaoforder","email":"mark@sitesteaders.com"},{"name":"jacobroufa","email":"jacob.roufa@gmail.com"}],"contributors":[{"name":"Casey Baggz","email":"casey.baggz@gmail.com"},{"name":"Mark Dickson","email":"mark@sitesteaders.com"},{"name":"Matt Smith","email":"azamatsmith@gmail.com"}],"homepage":"https://github.com/whiplashmerch/whiplash-ui#readme","bugs":{"url":"https://github.com/whiplashmerch/whiplash-ui/issues"},"dist":{"shasum":"44f6babb4d082a94a526c1fb20bd89bfaf9e2470","tarball":"https://registry.npmjs.org/whiplash-ui/-/whiplash-ui-0.4.1.tgz","integrity":"sha512-QI1Y0akG4bQEwhzgPiXmfht81sfzrFgOEESugPasF/pgMw5aBPTmcJ7XlN9QrjZxdRAkiODtH8eQ10u8gAZqVg==","signatures":[{"sig":"MEQCIC+IlAshJnd6jxrGR89hIR1Nf1oPvu7wohHb6WMKqDQJAiAW9IAHJhgXDMujYoAWl5h2BlMgcTSE7PxbpfBkPtqRbw==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}]},"main":"/dist/whiplash-ui.js","files":["dist","images","fonts","scss"],"gitHead":"98f08f0a8c33b23375d60c81053ce96acd8ee935","scripts":{"js":"cp js/whiplash-ui.js dist/ && minify --output dist/whiplash-ui.min.js js/whiplash-ui.js","css":"node-sass scss/whiplash-ui.scss --source-map true -o dist && node-sass scss/whiplash-ui.scss --output-style compressed > dist/whiplash-ui.min.css","dist":"npm run css && npm run js","preversion":"npm run dist"},"_npmUser":{"name":"ideaoforder","email":"mark@sitesteaders.com"},"repository":{"url":"git+ssh://git@github.com/whiplashmerch/whiplash-ui.git","type":"git"},"_npmVersion":"5.0.3","description":"UI assets for Whiplash Merch","directories":{},"_nodeVersion":"8.1.2","devDependencies":{"minifier":"^0.8.1","node-sass":"^4.5.3"},"_npmOperationalInternal":{"tmp":"tmp/whiplash-ui-0.4.1.tgz_1499803264961_0.9483936731703579","host":"s3://npm-registry-packages"}},"0.4.2":{"name":"whiplash-ui","version":"0.4.2","author":{"url":"http://jacobroufa.com/","name":"Jacob M. Roufa","email":"jacob.roufa@gmail.com"},"license":"MIT","_id":"whiplash-ui@0.4.2","maintainers":[{"name":"montch","email":"montch@gmail.com"},{"name":"ideaoforder","email":"mark@sitesteaders.com"},{"name":"jacobroufa","email":"jacob.roufa@gmail.com"}],"contributors":[{"name":"Casey Baggz","email":"casey.baggz@gmail.com"},{"name":"Mark Dickson","email":"mark@sitesteaders.com"},{"name":"Matt Smith","email":"azamatsmith@gmail.com"}],"homepage":"https://github.com/whiplashmerch/whiplash-ui#readme","bugs":{"url":"https://github.com/whiplashmerch/whiplash-ui/issues"},"dist":{"shasum":"9616afd640029c1bea5c02d77cb6bb4dc5b2e2b2","tarball":"https://registry.npmjs.org/whiplash-ui/-/whiplash-ui-0.4.2.tgz","integrity":"sha512-KPrvbA0wVD46iaPExUya05cKfpl1Jf2fKm3UnP+WmlmC+8xp4HbHIfcbvQJ9R3dO6qKfUZae1hdyLy92Qx+jpQ==","signatures":[{"sig":"MEUCIEhv+blOeToXA3dLeu+FBIHmd0n0HUWMD5KfnvXD+S1oAiEAhjRtc8QheQ5iqAqnBwGsolEvdTK2sX3wbdN3Is+UZhc=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}]},"main":"/dist/whiplash-ui.js","files":["dist","images","fonts","scss"],"gitHead":"6b90cf76c24a14db074183347cd686cd85999acc","scripts":{"js":"cp js/whiplash-ui.js dist/ && minify --output dist/whiplash-ui.min.js js/whiplash-ui.js","css":"node-sass scss/whiplash-ui.scss --source-map true -o dist && node-sass scss/whiplash-ui.scss --output-style compressed > dist/whiplash-ui.min.css","dist":"npm run css && npm run js","preversion":"npm run dist"},"_npmUser":{"name":"ideaoforder","email":"mark@sitesteaders.com"},"repository":{"url":"git+ssh://git@github.com/whiplashmerch/whiplash-ui.git","type":"git"},"_npmVersion":"5.0.3","description":"UI assets for Whiplash Merch","directories":{},"_nodeVersion":"8.1.4","devDependencies":{"minifier":"^0.8.1","node-sass":"^4.5.3"},"_npmOperationalInternal":{"tmp":"tmp/whiplash-ui-0.4.2.tgz_1499824488207_0.5609924383461475","host":"s3://npm-registry-packages"}},"0.4.3":{"name":"whiplash-ui","version":"0.4.3","author":{"url":"http://jacobroufa.com/","name":"Jacob M. Roufa","email":"jacob.roufa@gmail.com"},"license":"MIT","_id":"whiplash-ui@0.4.3","maintainers":[{"name":"montch","email":"montch@gmail.com"},{"name":"ideaoforder","email":"mark@sitesteaders.com"},{"name":"jacobroufa","email":"jacob.roufa@gmail.com"}],"contributors":[{"name":"Casey Baggz","email":"casey.baggz@gmail.com"},{"name":"Mark Dickson","email":"mark@sitesteaders.com"},{"name":"Matt Smith","email":"azamatsmith@gmail.com"}],"homepage":"https://github.com/whiplashmerch/whiplash-ui#readme","bugs":{"url":"https://github.com/whiplashmerch/whiplash-ui/issues"},"dist":{"shasum":"cca4c31c1e2c2bee58b5a6989dac47098153d70e","tarball":"https://registry.npmjs.org/whiplash-ui/-/whiplash-ui-0.4.3.tgz","integrity":"sha512-HxfV9y15u7bpLEPoe1MLIMdtr2sqVJjzHpFr4GK7LT2/0UVNdcmd2yV9F5QpNAUvfChkKobM43IQR5y9v7oYDQ==","signatures":[{"sig":"MEYCIQDWQhjtgqmYu92f4WSD4ytzgAbjNK1B0t6NbhIfL6oM9AIhAOEL2foCL0SwzAwNQylBbRfizR6XWQvngBeAj3n0sL9r","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}]},"main":"/dist/whiplash-ui.js","files":["dist","images","fonts","scss"],"gitHead":"82d1ad507f19fe4f7930ddc3ad42d7fb552f8509","scripts":{"js":"cp js/whiplash-ui.js dist/ && minify --output dist/whiplash-ui.min.js js/whiplash-ui.js","css":"node-sass scss/whiplash-ui.scss --source-map true -o dist && node-sass scss/whiplash-ui.scss --output-style compressed > dist/whiplash-ui.min.css","dist":"npm run css && npm run js","preversion":"npm run dist"},"_npmUser":{"name":"ideaoforder","email":"mark@sitesteaders.com"},"repository":{"url":"git+ssh://git@github.com/whiplashmerch/whiplash-ui.git","type":"git"},"_npmVersion":"5.0.3","description":"UI assets for Whiplash Merch","directories":{},"_nodeVersion":"8.1.4","devDependencies":{"minifier":"^0.8.1","node-sass":"^4.5.3"},"_npmOperationalInternal":{"tmp":"tmp/whiplash-ui-0.4.3.tgz_1499873428961_0.19086446007713675","host":"s3://npm-registry-packages"}},"0.4.6":{"name":"whiplash-ui","version":"0.4.6","author":{"url":"http://jacobroufa.com/","name":"Jacob M. Roufa","email":"jacob.roufa@gmail.com"},"license":"MIT","_id":"whiplash-ui@0.4.6","maintainers":[{"name":"montch","email":"montch@gmail.com"},{"name":"ideaoforder","email":"mark@sitesteaders.com"},{"name":"jacobroufa","email":"jacob.roufa@gmail.com"}],"contributors":[{"name":"Casey Baggz","email":"casey.baggz@gmail.com"},{"name":"Mark Dickson","email":"mark@sitesteaders.com"},{"name":"Matt Smith","email":"azamatsmith@gmail.com"}],"homepage":"https://github.com/whiplashmerch/whiplash-ui#readme","bugs":{"url":"https://github.com/whiplashmerch/whiplash-ui/issues"},"dist":{"shasum":"de89d515a6a04b1e926d877c387853ff0737cd36","tarball":"https://registry.npmjs.org/whiplash-ui/-/whiplash-ui-0.4.6.tgz","integrity":"sha512-nr7zzGkuaU1VaMJEsCsT+w1l4H/nm2JEDFK7X8fTYGuAUJaUVSS5qQc1ZV0eV3fNuoBfUp3YPSaTyLgtljofRw==","signatures":[{"sig":"MEQCIEeKnmUavya1TIRiXeizphho/wvrIf5OztgBtRmt0m+5AiBVhbj9SMx4XgXB+BJb/qXVnIL/oj0GbQdb9ex5qavnGw==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}]},"main":"/dist/whiplash-ui.js","files":["dist","images","fonts","scss"],"gitHead":"effc22046afda6bf7755322be6d82d83706ca423","scripts":{"js":"cp js/whiplash-ui.js dist/ && minify --output dist/whiplash-ui.min.js js/whiplash-ui.js","css":"node-sass scss/whiplash-ui.scss --source-map true -o dist && node-sass scss/whiplash-ui.scss --output-style compressed > dist/whiplash-ui.min.css","dist":"npm run css && npm run js","preversion":"npm run dist"},"_npmUser":{"name":"ideaoforder","email":"mark@sitesteaders.com"},"repository":{"url":"git+ssh://git@github.com/whiplashmerch/whiplash-ui.git","type":"git"},"_npmVersion":"5.0.3","description":"UI assets for Whiplash Merch","directories":{},"_nodeVersion":"8.1.4","devDependencies":{"minifier":"^0.8.1","node-sass":"^4.5.3"},"_npmOperationalInternal":{"tmp":"tmp/whiplash-ui-0.4.6.tgz_1500065496860_0.983485389733687","host":"s3://npm-registry-packages"}},"0.4.8":{"name":"whiplash-ui","version":"0.4.8","author":{"url":"http://jacobroufa.com/","name":"Jacob M. Roufa","email":"jacob.roufa@gmail.com"},"license":"MIT","_id":"whiplash-ui@0.4.8","maintainers":[{"name":"montch","email":"montch@gmail.com"},{"name":"ideaoforder","email":"mark@sitesteaders.com"},{"name":"jacobroufa","email":"jacob.roufa@gmail.com"}],"contributors":[{"name":"Casey Baggz","email":"casey.baggz@gmail.com"},{"name":"Mark Dickson","email":"mark@sitesteaders.com"},{"name":"Matt Smith","email":"azamatsmith@gmail.com"}],"homepage":"https://github.com/whiplashmerch/whiplash-ui#readme","bugs":{"url":"https://github.com/whiplashmerch/whiplash-ui/issues"},"dist":{"shasum":"d890de531ffbbe338bdde2e61f91e6f266aac53d","tarball":"https://registry.npmjs.org/whiplash-ui/-/whiplash-ui-0.4.8.tgz","integrity":"sha512-RRjkP1f8nKMeK7Odd5nAIrynOGdyxujM2+4EQ7PxJpnPxzcF/77k1RzpIYYaECzArMJet6sGmjfkpEYexIurLg==","signatures":[{"sig":"MEYCIQC3Ml/RUUWRM/nprpM+HRqHLrvhVTjUFLVvBb7xexMskwIhAIBBmerysTEwUgWsvvgd554dFermh88cz23v5lgjL+xp","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}]},"main":"/dist/whiplash-ui.js","files":["dist","images","fonts","scss"],"gitHead":"a1fcdcc0412065d0774a2fa7ee2da3153a0979a8","scripts":{"js":"cp js/whiplash-ui.js dist/ && minify --output dist/whiplash-ui.min.js js/whiplash-ui.js","css":"node-sass scss/whiplash-ui.scss --source-map true -o dist && node-sass scss/whiplash-ui.scss --output-style compressed > dist/whiplash-ui.min.css","dist":"npm run css && npm run js","preversion":"npm run dist"},"_npmUser":{"name":"ideaoforder","email":"mark@sitesteaders.com"},"repository":{"url":"git+ssh://git@github.com/whiplashmerch/whiplash-ui.git","type":"git"},"_npmVersion":"5.0.3","description":"UI assets for Whiplash Merch","directories":{},"_nodeVersion":"8.1.4","devDependencies":{"minifier":"^0.8.1","node-sass":"^4.5.3"},"_npmOperationalInternal":{"tmp":"tmp/whiplash-ui-0.4.8.tgz_1500493759105_0.018769167130813003","host":"s3://npm-registry-packages"}},"0.4.9":{"name":"whiplash-ui","version":"0.4.9","author":{"url":"http://jacobroufa.com/","name":"Jacob M. Roufa","email":"jacob.roufa@gmail.com"},"license":"MIT","_id":"whiplash-ui@0.4.9","maintainers":[{"name":"montch","email":"montch@gmail.com"},{"name":"ideaoforder","email":"mark@sitesteaders.com"},{"name":"jacobroufa","email":"jacob.roufa@gmail.com"}],"contributors":[{"name":"Casey Baggz","email":"casey.baggz@gmail.com"},{"name":"Mark Dickson","email":"mark@sitesteaders.com"},{"name":"Matt Smith","email":"azamatsmith@gmail.com"}],"homepage":"https://github.com/whiplashmerch/whiplash-ui#readme","bugs":{"url":"https://github.com/whiplashmerch/whiplash-ui/issues"},"dist":{"shasum":"171a454169804b2a4060984c3020bc4d12471e9d","tarball":"https://registry.npmjs.org/whiplash-ui/-/whiplash-ui-0.4.9.tgz","integrity":"sha512-eDDrUlnoLKneYFAhqY8IH1HcbwZL1scKpScQk4XGoUaljP9P8HDiO6RNiDnwJzbrAUUCP10LBlUIBP5L8PF71g==","signatures":[{"sig":"MEYCIQDKu8gbE0YzJHeLq6qMHUZBPQXF8phWpeMN9pFvjZqnnwIhALkEfaZQMc8UIA5xtc8OrHvHM0P8hOC4rqnelvL6CvL3","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}]},"main":"/dist/whiplash-ui.js","files":["dist","images","fonts","scss"],"gitHead":"12b6e24685c89cf0e9c335825c1fd8f7c6913770","scripts":{"js":"cp js/whiplash-ui.js dist/ && minify --output dist/whiplash-ui.min.js js/whiplash-ui.js","css":"node-sass scss/whiplash-ui.scss --source-map true -o dist && node-sass scss/whiplash-ui.scss --output-style compressed > dist/whiplash-ui.min.css","dist":"npm run css && npm run js","preversion":"npm run dist"},"_npmUser":{"name":"ideaoforder","email":"mark@sitesteaders.com"},"repository":{"url":"git+ssh://git@github.com/whiplashmerch/whiplash-ui.git","type":"git"},"_npmVersion":"5.0.3","description":"UI assets for Whiplash Merch","directories":{},"_nodeVersion":"8.1.4","devDependencies":{"minifier":"^0.8.1","node-sass":"^4.5.3"},"_npmOperationalInternal":{"tmp":"tmp/whiplash-ui-0.4.9.tgz_1500494031079_0.17090083216316998","host":"s3://npm-registry-packages"}},"0.4.10":{"name":"whiplash-ui","version":"0.4.10","author":{"url":"http://jacobroufa.com/","name":"Jacob M. Roufa","email":"jacob.roufa@gmail.com"},"license":"MIT","_id":"whiplash-ui@0.4.10","maintainers":[{"name":"montch","email":"montch@gmail.com"},{"name":"ideaoforder","email":"mark@sitesteaders.com"},{"name":"jacobroufa","email":"jacob.roufa@gmail.com"}],"contributors":[{"name":"Casey Baggz","email":"casey.baggz@gmail.com"},{"name":"Mark Dickson","email":"mark@sitesteaders.com"},{"name":"Matt Smith","email":"azamatsmith@gmail.com"}],"homepage":"https://github.com/whiplashmerch/whiplash-ui#readme","bugs":{"url":"https://github.com/whiplashmerch/whiplash-ui/issues"},"dist":{"shasum":"6b3d6b873ddc28ba0bc44f3c9d93444ef2c03f25","tarball":"https://registry.npmjs.org/whiplash-ui/-/whiplash-ui-0.4.10.tgz","integrity":"sha512-l8KAdrOGj1j2qq6lb3QNvUV7CSMP7Xm5bIEvug9c/VPvf+WdXGVhVehSnVInj7ozmTEOWf/B4fbmUL02uM3jTQ==","signatures":[{"sig":"MEQCIFayhiZINDZK2+B25FyKOf6MBlFug1zLU18IAybME7YvAiBDUuYSTbrmwPb/34+NeHCgq3Yd7MHII4Az+Z/d+zbmUQ==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}]},"main":"/dist/whiplash-ui.js","files":["dist","images","fonts","scss"],"gitHead":"7988cf360c832db6e18e46e43a8ee1ecfe544509","scripts":{"js":"cp js/whiplash-ui.js dist/ && minify --output dist/whiplash-ui.min.js js/whiplash-ui.js","css":"node-sass scss/whiplash-ui.scss --source-map true -o dist && node-sass scss/whiplash-ui.scss --output-style compressed > dist/whiplash-ui.min.css","dist":"npm run css && npm run js","preversion":"npm run dist"},"_npmUser":{"name":"ideaoforder","email":"mark@sitesteaders.com"},"repository":{"url":"git+ssh://git@github.com/whiplashmerch/whiplash-ui.git","type":"git"},"_npmVersion":"5.0.3","description":"UI assets for Whiplash Merch","directories":{},"_nodeVersion":"8.1.4","devDependencies":{"minifier":"^0.8.1","node-sass":"^4.5.3"},"_npmOperationalInternal":{"tmp":"tmp/whiplash-ui-0.4.10.tgz_1500495653252_0.9295614738948643","host":"s3://npm-registry-packages"}},"0.4.11":{"name":"whiplash-ui","version":"0.4.11","author":{"url":"http://jacobroufa.com/","name":"Jacob M. Roufa","email":"jacob.roufa@gmail.com"},"license":"MIT","_id":"whiplash-ui@0.4.11","maintainers":[{"name":"montch","email":"montch@gmail.com"},{"name":"ideaoforder","email":"mark@sitesteaders.com"},{"name":"jacobroufa","email":"jacob.roufa@gmail.com"}],"contributors":[{"name":"Casey Baggz","email":"casey.baggz@gmail.com"},{"name":"Mark Dickson","email":"mark@sitesteaders.com"},{"name":"Matt Smith","email":"azamatsmith@gmail.com"}],"homepage":"https://github.com/whiplashmerch/whiplash-ui#readme","bugs":{"url":"https://github.com/whiplashmerch/whiplash-ui/issues"},"dist":{"shasum":"c19387a6951abd8f24535edc51d785149e789135","tarball":"https://registry.npmjs.org/whiplash-ui/-/whiplash-ui-0.4.11.tgz","integrity":"sha512-ZWvKcp3HN2GBiYkMLIFWwPkOYVPntMdFgjFsq9en4CrxJ9iMywocg5CihN/a01J5VImHPe8eTH9H39VKMo3M9w==","signatures":[{"sig":"MEYCIQDUfDTvRZuv9UAEkbB/gN1DqjUzqaHmIL6N/mJaaiFZcwIhAJ8IkyZ/zm9RpG0Nf7+04e8ZQA5oX5AVH+c88J9bd2Yh","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}]},"main":"/dist/whiplash-ui.js","files":["dist","images","fonts","scss"],"gitHead":"f3d08397e5096fd6c74bc895b666c47582fcc313","scripts":{"js":"cp js/whiplash-ui.js dist/ && minify --output dist/whiplash-ui.min.js js/whiplash-ui.js","css":"node-sass scss/whiplash-ui.scss --source-map true -o dist && node-sass scss/whiplash-ui.scss --output-style compressed > dist/whiplash-ui.min.css","dist":"npm run css && npm run js","preversion":"npm run dist"},"_npmUser":{"name":"ideaoforder","email":"mark@sitesteaders.com"},"repository":{"url":"git+ssh://git@github.com/whiplashmerch/whiplash-ui.git","type":"git"},"_npmVersion":"5.0.3","description":"UI assets for Whiplash Merch","directories":{},"_nodeVersion":"8.1.4","devDependencies":{"minifier":"^0.8.1","node-sass":"^4.5.3"},"_npmOperationalInternal":{"tmp":"tmp/whiplash-ui-0.4.11.tgz_1500498368644_0.4305421344470233","host":"s3://npm-registry-packages"}},"0.4.12":{"name":"whiplash-ui","version":"0.4.12","author":{"url":"http://jacobroufa.com/","name":"Jacob M. Roufa","email":"jacob.roufa@gmail.com"},"license":"MIT","_id":"whiplash-ui@0.4.12","maintainers":[{"name":"montch","email":"montch@gmail.com"},{"name":"ideaoforder","email":"mark@sitesteaders.com"},{"name":"jacobroufa","email":"jacob.roufa@gmail.com"}],"contributors":[{"name":"Casey Baggz","email":"casey.baggz@gmail.com"},{"name":"Mark Dickson","email":"mark@sitesteaders.com"},{"name":"Matt Smith","email":"azamatsmith@gmail.com"}],"homepage":"https://github.com/whiplashmerch/whiplash-ui#readme","bugs":{"url":"https://github.com/whiplashmerch/whiplash-ui/issues"},"dist":{"shasum":"3f6cfd61bb0549ab966bbfd71c5362b367e451d8","tarball":"https://registry.npmjs.org/whiplash-ui/-/whiplash-ui-0.4.12.tgz","integrity":"sha512-/sy0F58C629f5rP6P9gVBkHf1U7xfwupW9BvSKRVqd7q5ySEUv1PmT58AsEFGwg4bt+sp+H9Wy38Oukl5nak5Q==","signatures":[{"sig":"MEUCIBIbcnijlWZxsDw0GBcvzfoEkcgR3JR7XDtiVZgDKZVnAiEAqg1obJN3326Y4+Y+XF69EmyXAs/K2duwWkhNMQf1EDI=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}]},"main":"/dist/whiplash-ui.js","files":["dist","images","fonts","scss"],"gitHead":"5b0d55507de33c23d8f81466de3e2ddda0b89531","scripts":{"js":"cp js/whiplash-ui.js dist/ && minify --output dist/whiplash-ui.min.js js/whiplash-ui.js","css":"node-sass scss/whiplash-ui.scss --source-map true -o dist && node-sass scss/whiplash-ui.scss --output-style compressed > dist/whiplash-ui.min.css","dist":"npm run css && npm run js","preversion":"npm run dist"},"_npmUser":{"name":"ideaoforder","email":"mark@sitesteaders.com"},"repository":{"url":"git+ssh://git@github.com/whiplashmerch/whiplash-ui.git","type":"git"},"_npmVersion":"5.0.3","description":"UI assets for Whiplash Merch","directories":{},"_nodeVersion":"8.1.4","devDependencies":{"minifier":"^0.8.1","node-sass":"^4.5.3"},"_npmOperationalInternal":{"tmp":"tmp/whiplash-ui-0.4.12.tgz_1500515938741_0.7628079273272306","host":"s3://npm-registry-packages"}},"0.5.0":{"name":"whiplash-ui","version":"0.5.0","author":{"url":"http://jacobroufa.com/","name":"Jacob M. Roufa","email":"jacob.roufa@gmail.com"},"license":"MIT","_id":"whiplash-ui@0.5.0","maintainers":[{"name":"montch","email":"montch@gmail.com"},{"name":"ideaoforder","email":"mark@sitesteaders.com"},{"name":"jacobroufa","email":"jacob.roufa@gmail.com"}],"contributors":[{"name":"Casey Baggz","email":"casey.baggz@gmail.com"},{"name":"Mark Dickson","email":"mark@sitesteaders.com"},{"name":"Matt Smith","email":"azamatsmith@gmail.com"}],"homepage":"https://github.com/whiplashmerch/whiplash-ui#readme","bugs":{"url":"https://github.com/whiplashmerch/whiplash-ui/issues"},"dist":{"shasum":"2224556b32f5c4fcdbd0f387778ba17cb95f6c57","tarball":"https://registry.npmjs.org/whiplash-ui/-/whiplash-ui-0.5.0.tgz","integrity":"sha512-AKK2YylBwqHBcS9/2KHmuiK2DV1jiuLlO/siggh7Y6roPoAgL9LS1fAT8t0wJ0BqaQMn97RcZcIB3CI651V/9Q==","signatures":[{"sig":"MEQCIDDT51mOzg6AkLfY7pRLOss3aBbKZtpMLzZQ7n5V1pjJAiAucXGvtf2n4IEIhz3JZa5wnlLMnHUdNc0LpGu70U+Tsw==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}]},"main":"/dist/whiplash-ui.js","files":["dist","images","fonts","scss"],"gitHead":"1bfd34e6933f1c50f801b27857446c43a99e191e","scripts":{"js":"cp js/whiplash-ui.js dist/ && minify --output dist/whiplash-ui.min.js js/whiplash-ui.js","css":"npm run css:sass && npm run css:autoprefix && npm run css:minify","dist":"npm run css && npm run js","css:sass":"node-sass scss/whiplash-ui.scss -o dist","css:minify":"postcss dist/whiplash-ui.css --map --use cssnano -o dist/whiplash-ui.min.css","preversion":"npm run dist","css:autoprefix":"postcss -r dist/whiplash-ui.css --map --use autoprefixer -b '> 5%'"},"_npmUser":{"name":"ideaoforder","email":"mark@sitesteaders.com"},"repository":{"url":"git+ssh://git@github.com/whiplashmerch/whiplash-ui.git","type":"git"},"_npmVersion":"5.0.3","description":"UI assets for Whiplash Merch","directories":{},"_nodeVersion":"8.1.4","devDependencies":{"cssnano":"3.10.0","postcss":"6.0.8","minifier":"^0.8.1","node-sass":"^4.5.3","postcss-cli":"4.1.0","autoprefixer":"7.1.2"},"_npmOperationalInternal":{"tmp":"tmp/whiplash-ui-0.5.0.tgz_1501608765349_0.31145920138806105","host":"s3://npm-registry-packages"}},"0.5.1":{"name":"whiplash-ui","version":"0.5.1","author":{"url":"http://jacobroufa.com/","name":"Jacob M. Roufa","email":"jacob.roufa@gmail.com"},"license":"MIT","_id":"whiplash-ui@0.5.1","maintainers":[{"name":"montch","email":"montch@gmail.com"},{"name":"ideaoforder","email":"mark@sitesteaders.com"},{"name":"jacobroufa","email":"jacob.roufa@gmail.com"}],"contributors":[{"name":"Casey Baggz","email":"casey.baggz@gmail.com"},{"name":"Mark Dickson","email":"mark@sitesteaders.com"},{"name":"Matt Smith","email":"azamatsmith@gmail.com"}],"homepage":"https://github.com/whiplashmerch/whiplash-ui#readme","bugs":{"url":"https://github.com/whiplashmerch/whiplash-ui/issues"},"dist":{"shasum":"da4eca6428f631158c64ad744742427f2b008e97","tarball":"https://registry.npmjs.org/whiplash-ui/-/whiplash-ui-0.5.1.tgz","integrity":"sha512-CvVTZNSEN38tGW1+Kpt6gGl4J9/atE3RptO5TPFcnbMyEH2BseVxIKcLXyxjOfyoMDf5Ub4olRIsJOSxEGOmlA==","signatures":[{"sig":"MEUCIQCgmfflaAtJslkJ3+QKf8OZPW0mRocTAPfqrEESUZ8JnAIgCWI0x9lbvZG2j2dHxAAh6TDn6w+mcJawlZn/C/pWhyU=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}]},"main":"/dist/whiplash-ui.js","files":["dist","images","fonts","scss"],"gitHead":"a899ca890cb463f907a390b81864da9c1197de89","scripts":{"js":"cp js/whiplash-ui.js dist/ && minify --output dist/whiplash-ui.min.js js/whiplash-ui.js","css":"npm run css:sass && npm run css:autoprefix && npm run css:minify","dist":"npm run css && npm run js","css:sass":"node-sass scss/whiplash-ui.scss -o dist","css:minify":"postcss dist/whiplash-ui.css --map --use cssnano -o dist/whiplash-ui.min.css","preversion":"npm run dist","css:autoprefix":"postcss -r dist/whiplash-ui.css --map --use autoprefixer -b '> 5%'"},"_npmUser":{"name":"ideaoforder","email":"mark@sitesteaders.com"},"repository":{"url":"git+ssh://git@github.com/whiplashmerch/whiplash-ui.git","type":"git"},"_npmVersion":"5.0.3","description":"UI assets for Whiplash Merch","directories":{},"_nodeVersion":"8.1.4","devDependencies":{"cssnano":"3.10.0","postcss":"6.0.8","minifier":"^0.8.1","node-sass":"^4.5.3","postcss-cli":"4.1.0","autoprefixer":"7.1.2"},"_npmOperationalInternal":{"tmp":"tmp/whiplash-ui-0.5.1.tgz_1503948558968_0.7505231013055891","host":"s3://npm-registry-packages"}},"0.5.2-beta.0":{"name":"whiplash-ui","version":"0.5.2-beta.0","author":{"url":"http://jacobroufa.com/","name":"Jacob M. Roufa","email":"jacob.roufa@gmail.com"},"license":"MIT","_id":"whiplash-ui@0.5.2-beta.0","maintainers":[{"name":"adamkempa","email":"adam@kempa.com"},{"name":"mark.dickson","email":"mark@sitesteaders.com"},{"name":"montch","email":"montch@gmail.com"}],"contributors":[{"name":"Casey Baggz","email":"casey.baggz@gmail.com"},{"name":"Mark Dickson","email":"mark@sitesteaders.com"},{"name":"Matt Smith","email":"azamatsmith@gmail.com"}],"homepage":"https://github.com/whiplashmerch/whiplash-ui#readme","bugs":{"url":"https://github.com/whiplashmerch/whiplash-ui/issues"},"dist":{"shasum":"25a1e68ec0dcb9932ed3cb184690d130fe6c8eb1","tarball":"https://registry.npmjs.org/whiplash-ui/-/whiplash-ui-0.5.2-beta.0.tgz","fileCount":18,"integrity":"sha512-iNg9Xeh0sctCAxz6zztS7YxzfjYZJzFCDbx2n/DBPMKBy2Rr3kCs1HwFklIIc9EiZ4JW8iO4Ch1vZ6u/W0izmw==","signatures":[{"sig":"MEYCIQCjllLPk0mM6nL1PX+gcwdhxhsuOJDkhKhOtKForG3MzQIhALvLZpKJK3sT/IkF80sgi/lX1IBGgtxP/hcqQiOXwp/Z","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":38168,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdyys/CRA9TVsSAnZWagAANzcP/1uRULvqjVcZd+GqKZwT\n33Mlgt1amXl6fARbCfuR/+buhWH39ZUDmEmg+GsVXWs1R9cZvVZCKprkswkK\nZawuYnY1QhCgwNefYRxrn8MoXGX6nlD2dwiGIkN43vN5jFOw3z4dZ6Q8WDox\nbKmjRT0gbUZFn87coBDiOhsibfYR/k04mNvzXuQ96rNhJvl/29YcHsPK169W\nhkCD9+q92CALfNoJs4IMt5MgT6O6s24I36VH5+T6YfLs4vkI23dJhPR9xjrk\nfTKYd1q4KrWX0Lyz/DsJXu3fgjy/MLbpfYCpPENRP5ckQDMk79OGL3vH1vSj\nY2WXJUbbDF9+A4DdWTSGEnS6/uSxR+JBz6Jp/STVaMUWUAtZ2Y/jcruRhjvH\ny8PBX+UR9LdUW0jIPdRr/y5nSuWab7qv5MOAFEQHoYcAKx52NPIMRP3m2uk8\nhHoHWaZOeb1GH/oU7+uWbY0YIwGhzg2i+6WUO+7i9HgvKVdYUdtTo+j2/UJw\npJpspfhSGzT+1e5/fbsiAe4xSSh+QZ7aUvsmWkzL5GGsYKk4QhO9daYSHcqw\n5CqQib8lMzQD/OqG1Q8+PiYg6iguMY10lu5wk1EBKN4McKX1iVBQOl1AcA8V\nEg7MUuS5VgsvnczCq7ehGC6QOU3oki0a+V6qfHDJ5gJVtP+g5+vEj1GOBZiO\nvJFs\r\n=ew8m\r\n-----END PGP SIGNATURE-----\r\n"},"main":"/dist/whiplash-ui.js","readme":"# whiplash-ui\nWhiplash CSS/JS\n\n## usage\n\nTo implement the Whiplash UI, run `yarn add whiplash-ui` in your project's root directory.\n\nIn your `application.css` add the line:\n\n```\n*= require whiplash-ui/stylesheets/application\n```\n\nIn your `application.js` add the line:\n\n```\n//= require whiplash-ui/javascripts/behavior\n```\n\n## elements\n\n### DotLoader loading indicator\n\nThis functionality is pulled right from the UI toolkit living style guide. To implement, create an element `<div class=\"loader-wrapper\">` and the JS will populate it with the necessary children for animation when the page loads.\n\n### SelectBox select input field\n\nThis component style is taken from the UI toolkit. To implement this style in a Whiplash UI-styled application, create an element `<select class=\"select-input\">` with options as you normally would. The JavaScript will then parse that element and its options and convert the HTML layout to what is expected to implement the more complex and customized select dropdown input.\n\n### Toggle checkbox control\n\nThe style of this control is taken from the UI toolkit. To implement in a Whiplash UI application, create an element `<input type=\"checkbox\" class=\"toggle-input\">` and the JS will create the required HTML structure to facilitate the complex styling of the element.\n\n### Dropdown/up floating menu control\n\nIn order to implement this, you need to have the following HTML structure:\n\n```\n<div class=\"dropdown-wrapper\">\n\t<button class=\"button text\" data-dropdown=\"up-menu\">Menu Button/Link</button>\n\t<div class=\"dropdown dropdown-up\" id=\"up-menu\">\n\t\t<ul class=\"dropdown-list\">\n\t\t\t<li><a href=\"#\">Stuff</a></li>\n\t\t\t<li><a href=\"#\">Biz</a></li>\n\t\t</ul>\n\t</div>\n</div>\n```\n\nThere are two orientations -- a menu that drops down uses the class `dropdown-down` on the div that wraps `dropdown-list`. A menu that pops up from the button uses the class `dropdown-up`.\n","gitHead":"3994e4338aa324c1e1a401285b1687e195e955e5","scripts":{"js":"cp js/whiplash-ui.js dist/ && minify --output dist/whiplash-ui.min.js js/whiplash-ui.js","css":"npm run css:sass && npm run css:autoprefix && npm run css:minify","dist":"npm run css && npm run js","css:sass":"node-sass scss/whiplash-ui.scss -o dist","css:minify":"postcss dist/whiplash-ui.css --map --use cssnano -o dist/whiplash-ui.min.css","preversion":"npm run dist","css:autoprefix":"postcss -r dist/whiplash-ui.css --map --use autoprefixer -b '> 5%'"},"_npmUser":{"name":"adamkempa","email":"adam@kempa.com"},"repository":{"url":"git+ssh://git@github.com/whiplashmerch/whiplash-ui.git","type":"git"},"_npmVersion":"6.12.0","description":"UI assets for Whiplash Merch","directories":{},"_nodeVersion":"12.12.0","_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"cssnano":"3.10.0","postcss":"6.0.8","minifier":"^0.8.1","node-sass":"^4.5.3","postcss-cli":"4.1.0","autoprefixer":"7.1.2"},"_npmOperationalInternal":{"tmp":"tmp/whiplash-ui_0.5.2-beta.0_1573595967030_0.08158504285908652","host":"s3://npm-registry-packages"}},"0.5.2-beta.1":{"name":"whiplash-ui","version":"0.5.2-beta.1","author":{"url":"http://jacobroufa.com/","name":"Jacob M. Roufa","email":"jacob.roufa@gmail.com"},"license":"MIT","_id":"whiplash-ui@0.5.2-beta.1","maintainers":[{"name":"adamkempa","email":"adam@kempa.com"},{"name":"mark.dickson","email":"mark@sitesteaders.com"},{"name":"montch","email":"montch@gmail.com"}],"contributors":[{"name":"Casey Baggz","email":"casey.baggz@gmail.com"},{"name":"Mark Dickson","email":"mark@sitesteaders.com"},{"name":"Matt Smith","email":"azamatsmith@gmail.com"}],"homepage":"https://github.com/whiplashmerch/whiplash-ui#readme","bugs":{"url":"https://github.com/whiplashmerch/whiplash-ui/issues"},"dist":{"shasum":"57c3a0dcf33705e4de16b896489acb026d0a610d","tarball":"https://registry.npmjs.org/whiplash-ui/-/whiplash-ui-0.5.2-beta.1.tgz","fileCount":24,"integrity":"sha512-UBBaxUCQvcmzj0rIe3trLcM5zizQisv1jOGoZCvZ549Z+p0iagxpK/tROz31tQs151SNGHk6/kx67YM9mpkRGA==","signatures":[{"sig":"MEQCIEGwRfoKSfmdLf0SX9sl5j5t7PcS03fQr8W6bEbn0z/3AiAGoiX1f+bVFQ6B6yG4EWaL6ZEepv/LzcR0tKkKZoiHqQ==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":191533,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdy3LTCRA9TVsSAnZWagAARCMP/jryb/pFIqqjDRZpGCnl\ndJvD3rY+metsCKruFyC5n99Gj5/b7YaVfqB+pfsBBh6mXzv1zS5kXgS1zja8\nIHB4a3kNudYtXtMHmVPnu0VYdfdG+pur5w/d9waDVkTMTOXMem7SKh/f5PoY\nQ+Hx5EtMOIdXZHJmniaCcMo1fT4LpzhAE3D7USd8gyeZ6aSm2xW9FPfJvrlF\nAXrUka1SueEWxc3jkm5Fe3SfW0iIBt3B+RMyqm+iEaSrLWbM24j0yS+VEAAH\nxn+fE98GqS2To4dQver0+3QdZT5Rovm3Fc7P6UJv4nV9oyeRnjLkaLhATGJw\nCN7qmI8LkyGNI6xiGaUb4lRzF8VSKSSvi07UVKXKk8m72GYZ6oxTmt2TVNSg\nUQvdGog4TiZ6LxJow32TeC2NNQ0myW7IwmY/q8WMs0VcQhCrusTJm2IBpqYz\nA0AWdoz0I2yeorxJ2hYP/8BCQsYH3Cv/Q/arfuS5rSwLfRtwI5MklibWwjn0\nEZUXMNtnqHb/XALLuRA2gULxHWonop5AIJV7v7Q/eSkGbup2+kXNe63+omPI\ncBoMtzSySebVaaKy6XOe2Wie+20xCfH2LBfNVZ6wC9mPVmchviYQZVQHaH4R\nQ8kxN6XYnGCsedB6Sz4647316YYsFeZw+6D12ezIfHcGDqTF6I6rSytL39Um\nFmS0\r\n=IMSL\r\n-----END PGP SIGNATURE-----\r\n"},"main":"/dist/whiplash-ui.js","readme":"# whiplash-ui\nWhiplash CSS/JS\n\n## usage\n\nTo implement the Whiplash UI, run `yarn add whiplash-ui` in your project's root directory.\n\nIn your `application.css` add the line:\n\n```\n*= require whiplash-ui/stylesheets/application\n```\n\nIn your `application.js` add the line:\n\n```\n//= require whiplash-ui/javascripts/behavior\n```\n\n## elements\n\n### DotLoader loading indicator\n\nThis functionality is pulled right from the UI toolkit living style guide. To implement, create an element `<div class=\"loader-wrapper\">` and the JS will populate it with the necessary children for animation when the page loads.\n\n### SelectBox select input field\n\nThis component style is taken from the UI toolkit. To implement this style in a Whiplash UI-styled application, create an element `<select class=\"select-input\">` with options as you normally would. The JavaScript will then parse that element and its options and convert the HTML layout to what is expected to implement the more complex and customized select dropdown input.\n\n### Toggle checkbox control\n\nThe style of this control is taken from the UI toolkit. To implement in a Whiplash UI application, create an element `<input type=\"checkbox\" class=\"toggle-input\">` and the JS will create the required HTML structure to facilitate the complex styling of the element.\n\n### Dropdown/up floating menu control\n\nIn order to implement this, you need to have the following HTML structure:\n\n```\n<div class=\"dropdown-wrapper\">\n\t<button class=\"button text\" data-dropdown=\"up-menu\">Menu Button/Link</button>\n\t<div class=\"dropdown dropdown-up\" id=\"up-menu\">\n\t\t<ul class=\"dropdown-list\">\n\t\t\t<li><a href=\"#\">Stuff</a></li>\n\t\t\t<li><a href=\"#\">Biz</a></li>\n\t\t</ul>\n\t</div>\n</div>\n```\n\nThere are two orientations -- a menu that drops down uses the class `dropdown-down` on the div that wraps `dropdown-list`. A menu that pops up from the button uses the class `dropdown-up`.\n","gitHead":"3994e4338aa324c1e1a401285b1687e195e955e5","scripts":{"js":"cp js/whiplash-ui.js dist/ && minify --output dist/whiplash-ui.min.js js/whiplash-ui.js","css":"npm run css:sass && npm run css:autoprefix && npm run css:minify","dist":"npm run css && npm run js","css:sass":"node-sass scss/whiplash-ui.scss -o dist","css:minify":"postcss dist/whiplash-ui.css --map --use cssnano -o dist/whiplash-ui.min.css","preversion":"npm run dist","css:autoprefix":"postcss -r dist/whiplash-ui.css --map --use autoprefixer -b '> 5%'"},"_npmUser":{"name":"adamkempa","email":"adam@kempa.com"},"repository":{"url":"git+ssh://git@github.com/whiplashmerch/whiplash-ui.git","type":"git"},"_npmVersion":"6.13.0","description":"UI assets for Whiplash Merch","directories":{},"_nodeVersion":"12.12.0","_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"cssnano":"3.10.0","postcss":"6.0.8","minifier":"^0.8.1","node-sass":"^4.5.3","postcss-cli":"4.1.0","autoprefixer":"7.1.2"},"_npmOperationalInternal":{"tmp":"tmp/whiplash-ui_0.5.2-beta.1_1573614291527_0.04799259144346224","host":"s3://npm-registry-packages"}},"0.5.2-beta.2":{"name":"whiplash-ui","version":"0.5.2-beta.2","author":{"url":"http://jacobroufa.com/","name":"Jacob M. Roufa","email":"jacob.roufa@gmail.com"},"license":"MIT","_id":"whiplash-ui@0.5.2-beta.2","maintainers":[{"name":"adamkempa","email":"adam@kempa.com"},{"name":"mark.dickson","email":"mark@sitesteaders.com"},{"name":"montch","email":"montch@gmail.com"}],"contributors":[{"name":"Casey Baggz","email":"casey.baggz@gmail.com"},{"name":"Mark Dickson","email":"mark@sitesteaders.com"},{"name":"Matt Smith","email":"azamatsmith@gmail.com"}],"homepage":"https://github.com/whiplashmerch/whiplash-ui#readme","bugs":{"url":"https://github.com/whiplashmerch/whiplash-ui/issues"},"dist":{"shasum":"a6e592ef7bb02f9da953c6faf3495d29c30bacf6","tarball":"https://registry.npmjs.org/whiplash-ui/-/whiplash-ui-0.5.2-beta.2.tgz","fileCount":25,"integrity":"sha512-5Ge0HsGfYbOK2TMXebLYat9Sjwpgbexkk8JCeMSaCMTzvEucxoPwT9wk8yde/TT4Q0A+WELDVe+4yjMEyr+9UA==","signatures":[{"sig":"MEQCICLG8TSDFvYka8mSDiF81n3Npe6dmbj9UXCBUG2y4emMAiAIjklQDK/AIxCiXvmLKsf4MIsjauf0Fo1mn5xlDXGnxg==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":191892,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdzF+QCRA9TVsSAnZWagAA7ocP/3oO8d759HV77tJRQLAR\nNTadNoimtTEAXdT+LbUq7Pe4Ay4OvZNl2JG4kp05aJzO3nPpE5i6dNUzzLF1\nzUva1OQpwEdK/t1n4WDate47HSGIJwPUYX/Tkc2qYsbWiBnRFqPQe5ze6SZe\nA8G3lV9T40Oa/eC3waTk2bjNQVCK4svrAJZp8MJl99//5UZmtK3ma1VBby/e\nAY37ijttCO4aObHdrZdLVHASqcMckvQnJP4uMtSHWvxLPbaF525S+K25SX+p\nE9HXkOuguNSjrt8fegoCuHf7g+sdr8pqljQ82FSKHXlRjjEbQh4Sfec8sd0n\n5a1zPJ0O/Of3msHgPROTIhwrDYb25e0AdivCpgPVblto4GMP+OIHqzn7zpih\nCkSz0JN4eyFS4CwpkFv+20TAUo44FMpwSCYTl4eo3GitXs2ENL4poRMOlPYL\nlgFamHIAGP2vdHWzwRfvBrBOZRDs0LMLJqrkwobnJfKJ+UXDom+j9w99NVPS\nLbnLWFSv/96OLTdsd5fvyjN110nxGuwB19rscmFhsS2ZXa3tkiJ3Omna53HM\nZJqJODgVqpK8zAPnWqSUqOoh7s2KZJKTlXHx7EMy0q0AmaJcANgxf6o/UaZM\nDC5zoxqJpjqLT+FZw3Ud+NP+V0b15ycccFpTXhQ3Q3r2AuYurZgkNYXzD+Cq\nqG8w\r\n=ldgG\r\n-----END PGP SIGNATURE-----\r\n"},"main":"/dist/whiplash-ui.js","readme":"# whiplash-ui\nWhiplash CSS/JS\n\n## usage\n\nTo implement the Whiplash UI, run `yarn add whiplash-ui` in your project's root directory.\n\nIn your `application.css` add the line:\n\n```\n*= require whiplash-ui/stylesheets/application\n```\n\nIn your `application.js` add the line:\n\n```\n//= require whiplash-ui/javascripts/behavior\n```\n\n## elements\n\n### DotLoader loading indicator\n\nThis functionality is pulled right from the UI toolkit living style guide. To implement, create an element `<div class=\"loader-wrapper\">` and the JS will populate it with the necessary children for animation when the page loads.\n\n### SelectBox select input field\n\nThis component style is taken from the UI toolkit. To implement this style in a Whiplash UI-styled application, create an element `<select class=\"select-input\">` with options as you normally would. The JavaScript will then parse that element and its options and convert the HTML layout to what is expected to implement the more complex and customized select dropdown input.\n\n### Toggle checkbox control\n\nThe style of this control is taken from the UI toolkit. To implement in a Whiplash UI application, create an element `<input type=\"checkbox\" class=\"toggle-input\">` and the JS will create the required HTML structure to facilitate the complex styling of the element.\n\n### Dropdown/up floating menu control\n\nIn order to implement this, you need to have the following HTML structure:\n\n```\n<div class=\"dropdown-wrapper\">\n\t<button class=\"button text\" data-dropdown=\"up-menu\">Menu Button/Link</button>\n\t<div class=\"dropdown dropdown-up\" id=\"up-menu\">\n\t\t<ul class=\"dropdown-list\">\n\t\t\t<li><a href=\"#\">Stuff</a></li>\n\t\t\t<li><a href=\"#\">Biz</a></li>\n\t\t</ul>\n\t</div>\n</div>\n```\n\nThere are two orientations -- a menu that drops down uses the class `dropdown-down` on the div that wraps `dropdown-list`. A menu that pops up from the button uses the class `dropdown-up`.\n","gitHead":"3994e4338aa324c1e1a401285b1687e195e955e5","scripts":{"js":"cp js/whiplash-ui.js dist/ && minify --output dist/whiplash-ui.min.js js/whiplash-ui.js","css":"npm run css:sass && npm run css:autoprefix && npm run css:minify","dist":"npm run css && npm run js","css:sass":"node-sass scss/whiplash-ui.scss -o dist","css:minify":"postcss dist/whiplash-ui.css --map --use cssnano -o dist/whiplash-ui.min.css","preversion":"npm run dist","css:autoprefix":"postcss -r dist/whiplash-ui.css --map --use autoprefixer -b '> 5%'"},"_npmUser":{"name":"adamkempa","email":"adam@kempa.com"},"repository":{"url":"git+ssh://git@github.com/whiplashmerch/whiplash-ui.git","type":"git"},"_npmVersion":"6.13.0","description":"UI assets for Whiplash Merch","directories":{},"_nodeVersion":"12.12.0","_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"cssnano":"3.10.0","postcss":"6.0.8","minifier":"^0.8.1","node-sass":"^4.5.3","postcss-cli":"4.1.0","autoprefixer":"7.1.2"},"_npmOperationalInternal":{"tmp":"tmp/whiplash-ui_0.5.2-beta.2_1573674895600_0.1739986803721636","host":"s3://npm-registry-packages"}},"0.5.2-beta.3":{"name":"whiplash-ui","version":"0.5.2-beta.3","author":{"url":"http://jacobroufa.com/","name":"Jacob M. Roufa","email":"jacob.roufa@gmail.com"},"license":"MIT","_id":"whiplash-ui@0.5.2-beta.3","maintainers":[{"name":"adamkempa","email":"adam@kempa.com"},{"name":"mark.dickson","email":"mark@sitesteaders.com"},{"name":"montch","email":"montch@gmail.com"}],"contributors":[{"name":"Casey Baggz","email":"casey.baggz@gmail.com"},{"name":"Mark Dickson","email":"mark@sitesteaders.com"},{"name":"Matt Smith","email":"azamatsmith@gmail.com"}],"homepage":"https://github.com/whiplashmerch/whiplash-ui#readme","bugs":{"url":"https://github.com/whiplashmerch/whiplash-ui/issues"},"dist":{"shasum":"27c04a81213a5064346737078ccdc265b627d960","tarball":"https://registry.npmjs.org/whiplash-ui/-/whiplash-ui-0.5.2-beta.3.tgz","fileCount":25,"integrity":"sha512-827t/M7K6lMOjl7H4TqZhnHy4bPkZcZzxfHyCriLca91qEo5tW3cjDKYmi8Uz7hHCGwcBaNUUyOIXa5ha6amRw==","signatures":[{"sig":"MEQCID+EcJY4rUoKK4Td2P6ikmi9fzX0TC/JQkRBsqTtcjOXAiBpLPazifuwQ939skp96plxBZZwKxG4d/iACisw0Woh6g==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":191892,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdzGHxCRA9TVsSAnZWagAAeOcP/izexez19Jijx5rtXNV4\nDFXE9XCQft5mS9cq+qr0SCBSb3KGSt15XU+7NFQKCRVoEfFAlBUBrygkjZc/\nRMSA1e1cGGj2XVIydP/WfG6Ztz4nTXLjy2/eKzhu1u/i9fxh/t0sM+BqxIC4\nTeaGfTBrjliol22QkAV8jgUsygHtMdqZj+1VLxePrpBi40urNsynbbOaKp8B\nutP3gFvmvpFGbosko+mztgHcX0xMZtccfdk4QXzXUNhDhlrg05H8mgm4zQHP\nhfA9s4gJwixOmeCHy9cRJxctLy8zMyyAYu168jjn5EMvC+cZeXva1l0F353u\nUYVl7DmTvA0OKb8/iYV1Iz3H0WxfriARfg2fjCHL3iBeudj9gJSdWvz/v925\n+dk8vcpS9aH0DZhQtjXczK4llprCV/9bTfI6gxNZ5IhZalbevZIwyjYJcN+k\n4gwnuY0+y1dfebeM6Tae2Z5TC9RMxsaljDVyIXOrLAmAer02aJnRzWJx+bjs\nJL7gryIJtVKONLw5gG31Rt70CKOiaIB4cue7wePxOtX+pZKjnjQNToJqv8zt\nhWNiwwpErfhrVfrdJsKVU8ZIpiqLw0T4fCnA42QI14Gex9v9AgjOHhyCxP7u\noeGKgpc0DgRp2PYWA865NseBs7RT3/iPfqvwPeyqJR4ONyv0d2/prJLHQo9I\nNbgT\r\n=mt/n\r\n-----END PGP SIGNATURE-----\r\n"},"main":"/dist/whiplash-ui.js","readme":"# whiplash-ui\nWhiplash CSS/JS\n\n## usage\n\nTo implement the Whiplash UI, run `yarn add whiplash-ui` in your project's root directory.\n\nIn your `application.css` add the line:\n\n```\n*= require whiplash-ui/stylesheets/application\n```\n\nIn your `application.js` add the line:\n\n```\n//= require whiplash-ui/javascripts/behavior\n```\n\n## elements\n\n### DotLoader loading indicator\n\nThis functionality is pulled right from the UI toolkit living style guide. To implement, create an element `<div class=\"loader-wrapper\">` and the JS will populate it with the necessary children for animation when the page loads.\n\n### SelectBox select input field\n\nThis component style is taken from the UI toolkit. To implement this style in a Whiplash UI-styled application, create an element `<select class=\"select-input\">` with options as you normally would. The JavaScript will then parse that element and its options and convert the HTML layout to what is expected to implement the more complex and customized select dropdown input.\n\n### Toggle checkbox control\n\nThe style of this control is taken from the UI toolkit. To implement in a Whiplash UI application, create an element `<input type=\"checkbox\" class=\"toggle-input\">` and the JS will create the required HTML structure to facilitate the complex styling of the element.\n\n### Dropdown/up floating menu control\n\nIn order to implement this, you need to have the following HTML structure:\n\n```\n<div class=\"dropdown-wrapper\">\n\t<button class=\"button text\" data-dropdown=\"up-menu\">Menu Button/Link</button>\n\t<div class=\"dropdown dropdown-up\" id=\"up-menu\">\n\t\t<ul class=\"dropdown-list\">\n\t\t\t<li><a href=\"#\">Stuff</a></li>\n\t\t\t<li><a href=\"#\">Biz</a></li>\n\t\t</ul>\n\t</div>\n</div>\n```\n\nThere are two orientations -- a menu that drops down uses the class `dropdown-down` on the div that wraps `dropdown-list`. A menu that pops up from the button uses the class `dropdown-up`.\n","gitHead":"3994e4338aa324c1e1a401285b1687e195e955e5","scripts":{"js":"cp js/whiplash-ui.js dist/ && minify --output dist/whiplash-ui.min.js js/whiplash-ui.js","css":"npm run css:sass && npm run css:autoprefix && npm run css:minify","dist":"npm run css && npm run js","css:sass":"node-sass scss/whiplash-ui.scss -o dist","css:minify":"postcss dist/whiplash-ui.css --map --use cssnano -o dist/whiplash-ui.min.css","preversion":"npm run dist","css:autoprefix":"postcss -r dist/whiplash-ui.css --map --use autoprefixer -b '> 5%'"},"_npmUser":{"name":"adamkempa","email":"adam@kempa.com"},"repository":{"url":"git+ssh://git@github.com/whiplashmerch/whiplash-ui.git","type":"git"},"_npmVersion":"6.13.0","description":"UI assets for Whiplash Merch","directories":{},"_nodeVersion":"12.12.0","_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"cssnano":"3.10.0","postcss":"6.0.8","minifier":"^0.8.1","node-sass":"^4.5.3","postcss-cli":"4.1.0","autoprefixer":"7.1.2"},"_npmOperationalInternal":{"tmp":"tmp/whiplash-ui_0.5.2-beta.3_1573675505059_0.6427570827889737","host":"s3://npm-registry-packages"}},"0.5.2-beta.4":{"name":"whiplash-ui","version":"0.5.2-beta.4","author":{"url":"http://jacobroufa.com/","name":"Jacob M. Roufa","email":"jacob.roufa@gmail.com"},"license":"MIT","_id":"whiplash-ui@0.5.2-beta.4","maintainers":[{"name":"adamkempa","email":"adam@kempa.com"},{"name":"mark.dickson","email":"mark@sitesteaders.com"},{"name":"montch","email":"montch@gmail.com"}],"contributors":[{"name":"Casey Baggz","email":"casey.baggz@gmail.com"},{"name":"Mark Dickson","email":"mark@sitesteaders.com"},{"name":"Matt Smith","email":"azamatsmith@gmail.com"}],"homepage":"https://github.com/whiplashmerch/whiplash-ui#readme","bugs":{"url":"https://github.com/whiplashmerch/whiplash-ui/issues"},"dist":{"shasum":"88248cc798fe400be790b4c1d90bbffa476a2578","tarball":"https://registry.npmjs.org/whiplash-ui/-/whiplash-ui-0.5.2-beta.4.tgz","fileCount":25,"integrity":"sha512-et9LYeZCb+uaJTBWFMck1WY7r+tJrpv6hCIegPLpo/99ec4nCkCIJonVWyvb+MKKbQJOxpfNDPB0PCcUwE5UZQ==","signatures":[{"sig":"MEUCIQCAbspfRn2NchfS4h0VHogLU4YpVx1NJ0MIIpMDOzl3cwIgHaEJgnYUr1bOZST4KJjhnB20lCFMrB3rBeItfWfCxgc=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":191549,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdzGSMCRA9TVsSAnZWagAAUYAP+QHiQkXKi/q+q2yGQA0L\nm3E4DDHPIxUNXIfeoPi7wS72Bkl53+jrZ5ibMHA4Xkc+5NdSxclW8H9XJchi\n07ScZq8XouTEsYFj0Nb6JHPnGO3wXXxFi+Wdyw+w5ZpS2vh/vzTc9DPGa6M2\nkQeAzaxHU85Tm5Excc0X/nhL+BfN5ZQFnbIilKm5gX8Wa9kjkccM7dBiffV5\nLiy1HWPNfGCR2gI9b38j2SHC67gQg0SZL6Er/46CA+WWISMZQeKTd1dDdEDd\nOyIK88ev9Aiu6NRlWsecjdVNLsj/U/pWGzb5tRb3YhkBPGOAQLz2AS/+rUFB\nP6rlUAU/UIy/ZaPKHM/9fOUF3B8kk4w3TyK89PryiwaqhDnxogpllGKZejTR\nqIg1S3SxC0Ra9OdagNB6ResS4B8HbpVaaswJFegTQx6Mk2vX/bT88JjaYLGC\nNEsAkNnQlFFfVvnlSbt3O5Hth10RE/pDwKu7Uk6ZHByS+19NeWl8Y4XtTnrL\n6fuvPIM3yrxuJw5b6GHlzbCVh3SeeTUhyDA+fzJf1OZVZexNvBEaBy+TChxd\nCZD9A+Dc9jSe8vtsJOZ41m/jR+aTFL9YY7lB9TlxbwIHUHYZqo3SnVxXpkSi\nEGMOaHXqAWqG1obYSRqZ5CBKhUjyBF691H/m7OvEPwjVQdx5fSvXwKyuS/ql\nuTj9\r\n=pEDL\r\n-----END PGP SIGNATURE-----\r\n"},"main":"/dist/whiplash-ui.js","readme":"# whiplash-ui\nWhiplash CSS/JS\n\n## usage\n\nTo implement the Whiplash UI, run `yarn add whiplash-ui` in your project's root directory.\n\nIn your `application.css` add the line:\n\n```\n*= require whiplash-ui/stylesheets/application\n```\n\nIn your `application.js` add the line:\n\n```\n//= require whiplash-ui/javascripts/behavior\n```\n\n## elements\n\n### DotLoader loading indicator\n\nThis functionality is pulled right from the UI toolkit living style guide. To implement, create an element `<div class=\"loader-wrapper\">` and the JS will populate it with the necessary children for animation when the page loads.\n\n### SelectBox select input field\n\nThis component style is taken from the UI toolkit. To implement this style in a Whiplash UI-styled application, create an element `<select class=\"select-input\">` with options as you normally would. The JavaScript will then parse that element and its options and convert the HTML layout to what is expected to implement the more complex and customized select dropdown input.\n\n### Toggle checkbox control\n\nThe style of this control is taken from the UI toolkit. To implement in a Whiplash UI application, create an element `<input type=\"checkbox\" class=\"toggle-input\">` and the JS will create the required HTML structure to facilitate the complex styling of the element.\n\n### Dropdown/up floating menu control\n\nIn order to implement this, you need to have the following HTML structure:\n\n```\n<div class=\"dropdown-wrapper\">\n\t<button class=\"button text\" data-dropdown=\"up-menu\">Menu Button/Link</button>\n\t<div class=\"dropdown dropdown-up\" id=\"up-menu\">\n\t\t<ul class=\"dropdown-list\">\n\t\t\t<li><a href=\"#\">Stuff</a></li>\n\t\t\t<li><a href=\"#\">Biz</a></li>\n\t\t</ul>\n\t</div>\n</div>\n```\n\nThere are two orientations -- a menu that drops down uses the class `dropdown-down` on the div that wraps `dropdown-list`. A menu that pops up from the button uses the class `dropdown-up`.\n","gitHead":"68763f5b75a81e632d7df92cb03b7d4092c6a14d","scripts":{"js":"cp js/whiplash-ui.js dist/ && minify --output dist/whiplash-ui.min.js js/whiplash-ui.js","css":"npm run css:sass && npm run css:autoprefix && npm run css:minify","dist":"npm run css && npm run js","css:sass":"node-sass scss/whiplash-ui.scss -o dist","css:minify":"postcss dist/whiplash-ui.css --map --use cssnano -o dist/whiplash-ui.min.css","preversion":"npm run dist","css:autoprefix":"postcss -r dist/whiplash-ui.css --map --use autoprefixer -b '> 5%'"},"_npmUser":{"name":"adamkempa","email":"adam@kempa.com"},"repository":{"url":"git+ssh://git@github.com/whiplashmerch/whiplash-ui.git","type":"git"},"_npmVersion":"6.13.0","description":"UI assets for Whiplash Merch","directories":{},"_nodeVersion":"12.12.0","_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"cssnano":"3.10.0","postcss":"6.0.8","minifier":"^0.8.1","node-sass":"^4.5.3","postcss-cli":"4.1.0","autoprefixer":"7.1.2"},"_npmOperationalInternal":{"tmp":"tmp/whiplash-ui_0.5.2-beta.4_1573676172050_0.06713250030295503","host":"s3://npm-registry-packages"}},"0.5.2-beta.5":{"name":"whiplash-ui","version":"0.5.2-beta.5","author":{"url":"http://jacobroufa.com/","name":"Jacob M. Roufa","email":"jacob.roufa@gmail.com"},"license":"MIT","_id":"whiplash-ui@0.5.2-beta.5","maintainers":[{"name":"adamkempa","email":"adam@kempa.com"},{"name":"mark.dickson","email":"mark@sitesteaders.com"},{"name":"montch","email":"montch@gmail.com"}],"contributors":[{"name":"Casey Baggz","email":"casey.baggz@gmail.com"},{"name":"Mark Dickson","email":"mark@sitesteaders.com"},{"name":"Matt Smith","email":"azamatsmith@gmail.com"}],"homepage":"https://github.com/whiplashmerch/whiplash-ui#readme","bugs":{"url":"https://github.com/whiplashmerch/whiplash-ui/issues"},"dist":{"shasum":"e8c308bc14a09ef8e424c8f1b980fa54ebd1df65","tarball":"https://registry.npmjs.org/whiplash-ui/-/whiplash-ui-0.5.2-beta.5.tgz","fileCount":25,"integrity":"sha512-zvqpbc0SsfbsQ77DAW1RM1ecsuCN8nJIu/cH1TOkxT+7rw50FvF/ta27dt6w/13PTOGQrtM/SiPBgEnwIlIoeg==","signatures":[{"sig":"MEUCIELGJKebFp1hR3dk853ypSRTcOXtj7qSvbCxDEN0CwBGAiEA+NpYRdaT6d6vutuw5g6prAH2FvhkS3t0Z7cCrvKfT9E=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":191549,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdzXooCRA9TVsSAnZWagAAUGAP+wYx5FOmB8nxMSBf6b30\n1REOzbGfgnxnEiMBwW3tLsknm3tHXhmH2vHUmwJxZyznu4RnjxONtfvkmENm\nF2hDGvHv8qhQrcSyKPTNskB5UIN0kFqttVeY9aDf21AIVZWgCFtbKPx8uXuU\n+RYR3qarV27RbmuL1Ks0gpptRMb33OmTrQ5ahM80223ZFkgc8ZXwXjhjoGZB\nncNpllAe5wOCj+rhTbBcqqB2xnuC26XWxWird7PvtSjb/0/rIMgcLBxEB5c7\n/qGeFGRbC3IjfjFLzpUeMkLQQlPN66t+jNkjrVQMzLMl9NJKG3ryxqUzeRfN\ncjmEyEdIZXGPrfKmTxyJ+7QtjUR+ieFIhJKzjFTkbnZey7RR+sFNwjsdqtTX\n+dYx/wpCqfhnVJW6I4ms+fHVMfg/4a/h0OS6XSz2jHlJIqxku+A8r9TRTd/s\nZLpZ+QCOXyIOtQCDQd0t5zrdDdi2lhHEES8Ot4lahBgUX935AUKT0EzSHzUD\n4hU7kMRlrsH5sVpKZoX4qDpat0Wf9C3ec4M4iTzdnHjnAm/2yjSr70H8medY\nu1O6RYGQJBPKi7XqEDFzKiawDhwh99hFAgwUquUSkzF2toepwEYOjpmGefkH\nI9BSDALP+Bp5ox8Uh5Ui6vNkBn1cqS7RGiS9L9EupFTrdJP9QV38wAl+FLdL\nQwyC\r\n=Vh8j\r\n-----END PGP SIGNATURE-----\r\n"},"main":"/dist/whiplash-ui.js","readme":"# whiplash-ui\nWhiplash CSS/JS\n\n## usage\n\nTo implement the Whiplash UI, run `yarn add whiplash-ui` in your project's root directory.\n\nIn your `application.css` add the line:\n\n```\n*= require whiplash-ui/stylesheets/application\n```\n\nIn your `application.js` add the line:\n\n```\n//= require whiplash-ui/javascripts/behavior\n```\n\n## elements\n\n### DotLoader loading indicator\n\nThis functionality is pulled right from the UI toolkit living style guide. To implement, create an element `<div class=\"loader-wrapper\">` and the JS will populate it with the necessary children for animation when the page loads.\n\n### SelectBox select input field\n\nThis component style is taken from the UI toolkit. To implement this style in a Whiplash UI-styled application, create an element `<select class=\"select-input\">` with options as you normally would. The JavaScript will then parse that element and its options and convert the HTML layout to what is expected to implement the more complex and customized select dropdown input.\n\n### Toggle checkbox control\n\nThe style of this control is taken from the UI toolkit. To implement in a Whiplash UI application, create an element `<input type=\"checkbox\" class=\"toggle-input\">` and the JS will create the required HTML structure to facilitate the complex styling of the element.\n\n### Dropdown/up floating menu control\n\nIn order to implement this, you need to have the following HTML structure:\n\n```\n<div class=\"dropdown-wrapper\">\n\t<button class=\"button text\" data-dropdown=\"up-menu\">Menu Button/Link</button>\n\t<div class=\"dropdown dropdown-up\" id=\"up-menu\">\n\t\t<ul class=\"dropdown-list\">\n\t\t\t<li><a href=\"#\">Stuff</a></li>\n\t\t\t<li><a href=\"#\">Biz</a></li>\n\t\t</ul>\n\t</div>\n</div>\n```\n\nThere are two orientations -- a menu that drops down uses the class `dropdown-down` on the div that wraps `dropdown-list`. A menu that pops up from the button uses the class `dropdown-up`.\n","gitHead":"68763f5b75a81e632d7df92cb03b7d4092c6a14d","scripts":{"js":"cp js/whiplash-ui.js dist/ && minify --output dist/whiplash-ui.min.js js/whiplash-ui.js","css":"npm run css:sass && npm run css:autoprefix && npm run css:minify","dist":"npm run css && npm run js","css:sass":"node-sass scss/whiplash-ui.scss -o dist","css:minify":"postcss dist/whiplash-ui.css --map --use cssnano -o dist/whiplash-ui.min.css","preversion":"npm run dist","css:autoprefix":"postcss -r dist/whiplash-ui.css --map --use autoprefixer -b '> 5%'"},"_npmUser":{"name":"adamkempa","email":"adam@kempa.com"},"repository":{"url":"git+ssh://git@github.com/whiplashmerch/whiplash-ui.git","type":"git"},"_npmVersion":"6.13.0","description":"UI assets for Whiplash Merch","directories":{},"_nodeVersion":"12.12.0","_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"cssnano":"3.10.0","postcss":"6.0.8","minifier":"^0.8.1","node-sass":"^4.5.3","postcss-cli":"4.1.0","autoprefixer":"7.1.2"},"_npmOperationalInternal":{"tmp":"tmp/whiplash-ui_0.5.2-beta.5_1573747240105_0.06341960341245345","host":"s3://npm-registry-packages"}},"0.5.2-beta.6":{"name":"whiplash-ui","version":"0.5.2-beta.6","author":{"url":"http://jacobroufa.com/","name":"Jacob M. Roufa","email":"jacob.roufa@gmail.com"},"license":"MIT","_id":"whiplash-ui@0.5.2-beta.6","maintainers":[{"name":"adamkempa","email":"adam@kempa.com"},{"name":"mark.dickson","email":"mark@sitesteaders.com"},{"name":"montch","email":"montch@gmail.com"}],"contributors":[{"name":"Casey Baggz","email":"casey.baggz@gmail.com"},{"name":"Mark Dickson","email":"mark@sitesteaders.com"},{"name":"Matt Smith","email":"azamatsmith@gmail.com"}],"homepage":"https://github.com/whiplashmerch/whiplash-ui#readme","bugs":{"url":"https://github.com/whiplashmerch/whiplash-ui/issues"},"dist":{"shasum":"cfc62c2991d7180e8d3571da4029eee8b9d2d9da","tarball":"https://registry.npmjs.org/whiplash-ui/-/whiplash-ui-0.5.2-beta.6.tgz","fileCount":25,"integrity":"sha512-ZLo4rzWbVDSUwXd0Ik5xujmyDfffhIoCls7qElSEcqBQolKnwbFDSDgCuS2Z+11w7xWl1xYAN/2+QjNkKkMvsw==","signatures":[{"sig":"MEQCIEF3FBAmcNk/W1fwbPU3iJPsiPa14hlSk+I9ZWALx8qaAiAYwSYfUgLSqzoyRm5TaCyEHHqISV04qHivFlS0Hvzrpg==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":191565,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdzX41CRA9TVsSAnZWagAAF8MP/2fb33CuTZSujtWIYi/8\nviOjui3dYz5R5WQOwZNA31VpqG2xG+81f02tnbE3L5BMg+av0JmvoKq8AvBc\nl2iFP2bbA1tXjysDcOSMhnBxslYVnIjmsOr1cPIm66ghpsHp4rAZNO2FlSGd\n5pKpzGSILTrRaXtBHMfeJ/+qTN6glCLBaNLdfJ/Kuu+FdD+uDj6MLr+Wxo+G\nOEEuUcghs4LB7lVlZWZehaYNEd9N9qbqBPmf07OwmipmtDBIe+JmSADBUthM\nnf7eoyPd5Oagz/a+YKC/yB2EddJvF+WNGhT/EEdgI56ElsyVpTvrfosN8NBP\nk/hPFXvczkNhOb6hF7ep4YhE468JlORRdRU/YTx5gP5qEr19NnsiD4a01REY\nKf2UgFJQXkVzhUvEsW+RuLY93pKh4SdtvzBBRviMZXwXc4ZSJ1D3Njl51t1S\neaV1zvBdc+JdkLwXektRtTIJE2mxGy6+BFfbRgmD15r1uOz8u8Lpdyy9VpEl\nXRgSbOxvAssj5cnBmKGPlZpsLBT9iS4heIvTZZDkJTrZFz45duG9OL3GF2OG\nlSbk8LodHI9oBve02UnmIP3t3GcF7u2N5xSPPye5wM1p+hO/WsZfKTANfFOM\n0JX4ifYBWYG21OreDLSaYFUYhL+UmF390lnyoozV7bYypw9RfFacMi4AXEXw\nFv3P\r\n=twP1\r\n-----END PGP SIGNATURE-----\r\n"},"main":"/dist/whiplash-ui.js","readme":"# whiplash-ui\nWhiplash CSS/JS\n\n## usage\n\nTo implement the Whiplash UI, run `yarn add whiplash-ui` in your project's root directory.\n\nIn your `application.css` add the line:\n\n```\n*= require whiplash-ui/stylesheets/application\n```\n\nIn your `application.js` add the line:\n\n```\n//= require whiplash-ui/javascripts/behavior\n```\n\n## elements\n\n### DotLoader loading indicator\n\nThis functionality is pulled right from the UI toolkit living style guide. To implement, create an element `<div class=\"loader-wrapper\">` and the JS will populate it with the necessary children for animation when the page loads.\n\n### SelectBox select input field\n\nThis component style is taken from the UI toolkit. To implement this style in a Whiplash UI-styled application, create an element `<select class=\"select-input\">` with options as you normally would. The JavaScript will then parse that element and its options and convert the HTML layout to what is expected to implement the more complex and customized select dropdown input.\n\n### Toggle checkbox control\n\nThe style of this control is taken from the UI toolkit. To implement in a Whiplash UI application, create an element `<input type=\"checkbox\" class=\"toggle-input\">` and the JS will create the required HTML structure to facilitate the complex styling of the element.\n\n### Dropdown/up floating menu control\n\nIn order to implement this, you need to have the following HTML structure:\n\n```\n<div class=\"dropdown-wrapper\">\n\t<button class=\"button text\" data-dropdown=\"up-menu\">Menu Button/Link</button>\n\t<div class=\"dropdown dropdown-up\" id=\"up-menu\">\n\t\t<ul class=\"dropdown-list\">\n\t\t\t<li><a href=\"#\">Stuff</a></li>\n\t\t\t<li><a href=\"#\">Biz</a></li>\n\t\t</ul>\n\t</div>\n</div>\n```\n\nThere are two orientations -- a menu that drops down uses the class `dropdown-down` on the div that wraps `dropdown-list`. A menu that pops up from the button uses the class `dropdown-up`.\n","gitHead":"68763f5b75a81e632d7df92cb03b7d4092c6a14d","scripts":{"js":"cp js/whiplash-ui.js dist/ && minify --output dist/whiplash-ui.min.js js/whiplash-ui.js","css":"npm run css:sass && npm run css:autoprefix && npm run css:minify","dist":"npm run css && npm run js","css:sass":"node-sass scss/whiplash-ui.scss -o dist","css:minify":"postcss dist/whiplash-ui.css --map --use cssnano -o dist/whiplash-ui.min.css","preversion":"npm run dist","css:autoprefix":"postcss -r dist/whiplash-ui.css --map --use autoprefixer -b '> 5%'"},"_npmUser":{"name":"adamkempa","email":"adam@kempa.com"},"repository":{"url":"git+ssh://git@github.com/whiplashmerch/whiplash-ui.git","type":"git"},"_npmVersion":"6.13.0","description":"UI assets for Whiplash Merch","directories":{},"_nodeVersion":"12.12.0","_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"cssnano":"3.10.0","postcss":"6.0.8","minifier":"^0.8.1","node-sass":"^4.5.3","postcss-cli":"4.1.0","autoprefixer":"7.1.2"},"_npmOperationalInternal":{"tmp":"tmp/whiplash-ui_0.5.2-beta.6_1573748276634_0.2900548446040907","host":"s3://npm-registry-packages"}},"0.5.2-beta.7":{"name":"whiplash-ui","version":"0.5.2-beta.7","author":{"url":"http://jacobroufa.com/","name":"Jacob M. Roufa","email":"jacob.roufa@gmail.com"},"license":"MIT","_id":"whiplash-ui@0.5.2-beta.7","maintainers":[{"name":"adamkempa","email":"adam@kempa.com"},{"name":"mark.dickson","email":"mark@sitesteaders.com"},{"name":"montch","email":"montch@gmail.com"}],"contributors":[{"name":"Casey Baggz","email":"casey.baggz@gmail.com"},{"name":"Mark Dickson","email":"mark@sitesteaders.com"},{"name":"Matt Smith","email":"azamatsmith@gmail.com"}],"homepage":"https://github.com/whiplashmerch/whiplash-ui#readme","bugs":{"url":"https://github.com/whiplashmerch/whiplash-ui/issues"},"dist":{"shasum":"8a471632f76138fd977707498b78d1b380309848","tarball":"https://registry.npmjs.org/whiplash-ui/-/whiplash-ui-0.5.2-beta.7.tgz","fileCount":25,"integrity":"sha512-/+8aaACc2vk670fsOayPu2K1NS9KfrLqTGOwRIKmDAMtApZYSOn9v1EgYERHZBWzCGl04nAVzAQahh3Cp6Uklg==","signatures":[{"sig":"MEUCIQD87eB09yyix47UN4ORVPrLxHESFSUlIxcLZnTkVJG7HQIgAiff2+qk7cq/wDvo7yzBt4ahKDfrLqKmFMYW9FiU1wM=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":193359,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdzYFzCRA9TVsSAnZWagAAozgP/0TSog0mWpX4vt7O4p+z\n5x3cbTjVmDsk/tO97V40GU4pk8T7z+cEEuE223TgjfnWpGvBeiMdXlUtsZfe\n5fFVKderf2A6zkRYa0tdhVPR41p62r0QiJ7c9vmgRbIhLqypOeGTNFnFAl4p\nu1kyLSQTaLYKhvsuLGFZbFyIh6pbl1NRxRBxB0BIjDzqTEcp7GPd3gLUvb4S\nU8BD22c4jgiKx5KLxIJQ13DlfFBol0fuQX0KsrtbUhBXz9dh+QnSBYFgbpaz\nPWiekeCB8GnNAMlT1mOnR1dB7Z6fG3DfK4tddfuTvKyrJxXKExHMDRdpYQmm\nl5kT4WrFkEYAL7Vd6HldeM47ac9i5Kvg9oRrsQqSmEeeXGDIjn6RsMDkIEKW\nd4I6RjbT9O6OFxe9ZXo5X167vo7kUYU6lm9JE7AyUc68QCqpik1LPciHfOBm\nTEWf7UqVJQ49SVZnviSoV1YVoMti5dHRRcPr1ddDEmREKEPLAmXrBYVQhhlh\n9RfjR7UEjgDlOLS/M7TVS/DACp2NgWyd+b9csay+yp3CXNrnWa6S8hguSMs0\n73oQHVtTmJe3bW9ilo1RZCZDFuw9qlAA2BQmCdtaJr0O+iezi4Lpiu9IHszH\nRvVrExAgriglXzmkNy23vSgy0S3M0sVAwIMfXPdO+jbNxhor/wAR9gIS/8j3\nf/Zf\r\n=uMFc\r\n-----END PGP SIGNATURE-----\r\n"},"main":"/dist/whiplash-ui.js","readme":"# whiplash-ui\nWhiplash CSS/JS\n\n## usage\n\nTo implement the Whiplash UI, run `yarn add whiplash-ui` in your project's root directory.\n\nIn your `application.css` add the line:\n\n```\n*= require whiplash-ui/stylesheets/application\n```\n\nIn your `application.js` add the line:\n\n```\n//= require whiplash-ui/javascripts/behavior\n```\n\n## elements\n\n### DotLoader loading indicator\n\nThis functionality is pulled right from the UI toolkit living style guide. To implement, create an element `<div class=\"loader-wrapper\">` and the JS will populate it with the necessary children for animation when the page loads.\n\n### SelectBox select input field\n\nThis component style is taken from the UI toolkit. To implement this style in a Whiplash UI-styled application, create an element `<select class=\"select-input\">` with options as you normally would. The JavaScript will then parse that element and its options and convert the HTML layout to what is expected to implement the more complex and customized select dropdown input.\n\n### Toggle checkbox control\n\nThe style of this control is taken from the UI toolkit. To implement in a Whiplash UI application, create an element `<input type=\"checkbox\" class=\"toggle-input\">` and the JS will create the required HTML structure to facilitate the complex styling of the element.\n\n### Dropdown/up floating menu control\n\nIn order to implement this, you need to have the following HTML structure:\n\n```\n<div class=\"dropdown-wrapper\">\n\t<button class=\"button text\" data-dropdown=\"up-menu\">Menu Button/Link</button>\n\t<div class=\"dropdown dropdown-up\" id=\"up-menu\">\n\t\t<ul class=\"dropdown-list\">\n\t\t\t<li><a href=\"#\">Stuff</a></li>\n\t\t\t<li><a href=\"#\">Biz</a></li>\n\t\t</ul>\n\t</div>\n</div>\n```\n\nThere are two orientations -- a menu that drops down uses the class `dropdown-down` on the div that wraps `dropdown-list`. A menu that pops up from the button uses the class `dropdown-up`.\n","gitHead":"68763f5b75a81e632d7df92cb03b7d4092c6a14d","scripts":{"js":"cp js/whiplash-ui.js dist/ && minify --output dist/whiplash-ui.min.js js/whiplash-ui.js","css":"npm run css:sass && npm run css:autoprefix && npm run css:minify","dist":"npm run css && npm run js","css:sass":"node-sass scss/whiplash-ui.scss -o dist","css:minify":"postcss dist/whiplash-ui.css --map --use cssnano -o dist/whiplash-ui.min.css","preversion":"npm run dist","css:autoprefix":"postcss -r dist/whiplash-ui.css --map --use autoprefixer -b '> 5%'"},"_npmUser":{"name":"adamkempa","email":"adam@kempa.com"},"repository":{"url":"git+ssh://git@github.com/whiplashmerch/whiplash-ui.git","type":"git"},"_npmVersion":"6.13.0","description":"UI assets for Whiplash Merch","directories":{},"_nodeVersion":"12.12.0","_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"cssnano":"3.10.0","postcss":"6.0.8","minifier":"^0.8.1","node-sass":"^4.5.3","postcss-cli":"4.1.0","autoprefixer":"7.1.2"},"_npmOperationalInternal":{"tmp":"tmp/whiplash-ui_0.5.2-beta.7_1573749106684_0.8741043730015923","host":"s3://npm-registry-packages"}},"0.5.2-beta.8":{"name":"whiplash-ui","version":"0.5.2-beta.8","author":{"url":"http://jacobroufa.com/","name":"Jacob M. Roufa","email":"jacob.roufa@gmail.com"},"license":"MIT","_id":"whiplash-ui@0.5.2-beta.8","maintainers":[{"name":"adamkempa","email":"adam@kempa.com"},{"name":"mark.dickson","email":"mark@sitesteaders.com"},{"name":"montch","email":"montch@gmail.com"}],"contributors":[{"name":"Casey Baggz","email":"casey.baggz@gmail.com"},{"name":"Mark Dickson","email":"mark@sitesteaders.com"},{"name":"Matt Smith","email":"azamatsmith@gmail.com"}],"homepage":"https://github.com/whiplashmerch/whiplash-ui#readme","bugs":{"url":"https://github.com/whiplashmerch/whiplash-ui/issues"},"dist":{"shasum":"3f5d88cc146198ebb722bc4d121b593a22f131f3","tarball":"https://registry.npmjs.org/whiplash-ui/-/whiplash-ui-0.5.2-beta.8.tgz","fileCount":25,"integrity":"sha512-+bOm4JYAEDvOrNJCsiBU20zLPKRa905oOXTf9OHynytuIXovHdO+XNMvf5jzVk8lxpSg0Z5kq7tpIkZDpWfYSA==","signatures":[{"sig":"MEQCIFKsLvVoM0wZmBuP5bR32kfj/FIwuo9LWtKL+4RZdt2ZAiAzySyEpNo2lFNgCciKPfz9ePq2girNdj9dW1pf2t/cGw==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":194177,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdzYX8CRA9TVsSAnZWagAAGv4P/0MCrRSPoZUTAH0YsmCw\n6YwCyUvFK2irtTXYBnfaUKEsluoDyC7oux5zEdT6zu1mrNfVePGq7jcUoh5e\nQUh/C4vteVmfYTfdYwvJRfSjrEgshhPEboXIeF1kCxlpxrgULveaALGDTFai\npPMrLCz5qqFAUJGF0FsDmJ1tnLInn66WSwpQbruOdlbb+P+Vf5UFZQ61z7rw\nyupz+PPgjge08jF2Xgknczsc8Cbh9lc8x1Y0G8dXO37zktCeqf470iYEq5tj\n8yLcVwnsIYNZsT4WdXcY+DVEpJ9FIC367ITsSLGaaE8i7xvaQWmfmcy7BliE\nHX4nXucrcnLpRI4CpjpiQmM3Uypv/6G/VNKgJ53ITEsgL3wfwSLccXwO1RuY\n5sLiGFlXfhMJ5j3vQ65jicf1BZ754mTrh0/L/n3WjkOv94Lu972Ou2qU5rD6\nsVfx4ehSmC5N2TfgjCjT4zIHWDb4QKlvdvnEdcy+nlbS2c8khPHNtsIo3tnw\nXfE7Y6PDcTQJBqj6D/ORLxRWa9zTAOXbL1ntQkFU0CHnOajdKPo4W2+CKMx/\n7UsjlWk7HTuzUgTURNA4u+1ltY+rqDc+VAbcodi1ggu7C8tG8hCYeW8BRSA3\nd1RtBt0P1KDjiCGGKxhfsh7yrqZpv9dV/uEtilWtvxAQMcxyP/Xp241g+Z56\nKCBj\r\n=wCOA\r\n-----END PGP SIGNATURE-----\r\n"},"main":"/dist/whiplash-ui.js","readme":"# whiplash-ui\nWhiplash CSS/JS\n\n## usage\n\nTo implement the Whiplash UI, run `yarn add whiplash-ui` in your project's root directory.\n\nIn your `application.css` add the line:\n\n```\n*= require whiplash-ui/stylesheets/application\n```\n\nIn your `application.js` add the line:\n\n```\n//= require whiplash-ui/javascripts/behavior\n```\n\n## elements\n\n### DotLoader loading indicator\n\nThis functionality is pulled right from the UI toolkit living style guide. To implement, create an element `<div class=\"loader-wrapper\">` and the JS will populate it with the necessary children for animation when the page loads.\n\n### SelectBox select input field\n\nThis component style is taken from the UI toolkit. To implement this style in a Whiplash UI-styled application, create an element `<select class=\"select-input\">` with options as you normally would. The JavaScript will then parse that element and its options and convert the HTML layout to what is expected to implement the more complex and customized select dropdown input.\n\n### Toggle checkbox control\n\nThe style of this control is taken from the UI toolkit. To implement in a Whiplash UI application, create an element `<input type=\"checkbox\" class=\"toggle-input\">` and the JS will create the required HTML structure to facilitate the complex styling of the element.\n\n### Dropdown/up floating menu control\n\nIn order to implement this, you need to have the following HTML structure:\n\n```\n<div class=\"dropdown-wrapper\">\n\t<button class=\"button text\" data-dropdown=\"up-menu\">Menu Button/Link</button>\n\t<div class=\"dropdown dropdown-up\" id=\"up-menu\">\n\t\t<ul class=\"dropdown-list\">\n\t\t\t<li><a href=\"#\">Stuff</a></li>\n\t\t\t<li><a href=\"#\">Biz</a></li>\n\t\t</ul>\n\t</div>\n</div>\n```\n\nThere are two orientations -- a menu that drops down uses the class `dropdown-down` on the div that wraps `dropdown-list`. A menu that pops up from the button uses the class `dropdown-up`.\n","gitHead":"68763f5b75a81e632d7df92cb03b7d4092c6a14d","scripts":{"js":"cp js/whiplash-ui.js dist/ && minify --output dist/whiplash-ui.min.js js/whiplash-ui.js","css":"npm run css:sass && npm run css:autoprefix && npm run css:minify","dist":"npm run css && npm run js","css:sass":"node-sass scss/whiplash-ui.scss -o dist","css:minify":"postcss dist/whiplash-ui.css --map --use cssnano -o dist/whiplash-ui.min.css","preversion":"npm run dist","css:autoprefix":"postcss -r dist/whiplash-ui.css --map --use autoprefixer -b '> 5%'"},"_npmUser":{"name":"adamkempa","email":"adam@kempa.com"},"repository":{"url":"git+ssh://git@github.com/whiplashmerch/whiplash-ui.git","type":"git"},"_npmVersion":"6.13.0","description":"UI assets for Whiplash Merch","directories":{},"_nodeVersion":"12.12.0","_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"cssnano":"3.10.0","postcss":"6.0.8","minifier":"^0.8.1","node-sass":"^4.5.3","postcss-cli":"4.1.0","autoprefixer":"7.1.2"},"_npmOperationalInternal":{"tmp":"tmp/whiplash-ui_0.5.2-beta.8_1573750268171_0.6916544619854459","host":"s3://npm-registry-packages"}},"0.5.2-beta.9":{"name":"whiplash-ui","version":"0.5.2-beta.9","author":{"url":"http://jacobroufa.com/","name":"Jacob M. Roufa","email":"jacob.roufa@gmail.com"},"license":"MIT","_id":"whiplash-ui@0.5.2-beta.9","maintainers":[{"name":"adamkempa","email":"adam@kempa.com"},{"name":"mark.dickson","email":"mark@sitesteaders.com"},{"name":"montch","email":"montch@gmail.com"}],"contributors":[{"name":"Casey Baggz","email":"casey.baggz@gmail.com"},{"name":"Mark Dickson","email":"mark@sitesteaders.com"},{"name":"Matt Smith","email":"azamatsmith@gmail.com"}],"homepage":"https://github.com/whiplashmerch/whiplash-ui#readme","bugs":{"url":"https://github.com/whiplashmerch/whiplash-ui/issues"},"dist":{"shasum":"992e669312bfa3259714a317d6af6c9af5fc0678","tarball":"https://registry.npmjs.org/whiplash-ui/-/whiplash-ui-0.5.2-beta.9.tgz","fileCount":25,"integrity":"sha512-eNZjHTxoxAf9nbHtF4id1l0kaGq9qRgPlP3kcCojfWn7WaUIDWO93zIjaDC0A4GFyn/bV/6kiwHc8Wo8fFIyEg==","signatures":[{"sig":"MEUCIGbPbt09snDPsjjtj+Boo5RMZqg0DdLUuzRq72nCLoVGAiEAteXH+wnCHhXQIwf4MDd2DmezzIYwLvVfa+eeVPsE0bE=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":194688,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdzYq4CRA9TVsSAnZWagAAMmUQAI6O4Sy3Vd+5wrLV8Uxb\nPO22qiJuAGRRCmEKPf2MHMMmxKgppOOd59jiTkDSphtF8KGv2VQFBBzt+Ku3\n+dFp35hi4+XoBvvxu1dxUTUHdHWWZKqklbGo388gEY5o2Ez3EjV+wH7i/WUw\nCzVAw2K7vrOy7qbNexnmpcu5F6CWGxyEdgmjSJyO2cQzUVxUQisrV+RqMeyY\nyS3z2Ke3ZLeOY0ce5au0p5fop01lBI7isLIzE78gjBwnKbf1wNdXK+q6uFME\nSaByd0LzmKiCzi0DaaMmB2GwT+LCuDeq8Mn1AzpSRPEJhjcPfCxY6g4rcQAt\nZOmX+ZACGfRmD2PzSHel31N5gvAaRTd0FmuMEDdE+WGuzvYWOVZvWBh5fc8N\na1842nBdJhdw3pqu6YmrNEU5bvoOIkZP38/nFWoYjM/zm3MykeM4GTO6uBcg\nzAi+aVMNhGbLNSgX1mdj99Y2rxX2QnYnQpSoouHtoCpWFtdUCzlYWnU1pXsO\ntGeaHziOitNnJE3FGKTyAAI8T/BXwDV0Bmtukai5Snh4g7k/fXEWaUP458Qt\nL+uwh9gDQWJSMPumE9kpoN6wQZ8uwqBOho2ZGGfhBenz4ZGd6vXS2TxJLpVv\nvf4epM7rXlH5ELlw5/EX/5fKGxoeTCpzd750AONAo6Qpa2Z0+19c9vxNxusO\nuL81\r\n=kZoM\r\n-----END PGP SIGNATURE-----\r\n"},"main":"/dist/whiplash-ui.js","readme":"# whiplash-ui\nWhiplash CSS/JS\n\n## usage\n\nTo implement the Whiplash UI, run `yarn add whiplash-ui` in your project's root directory.\n\nIn your `application.css` add the line:\n\n```\n*= require whiplash-ui/stylesheets/application\n```\n\nIn your `application.js` add the line:\n\n```\n//= require whiplash-ui/javascripts/behavior\n```\n\n## elements\n\n### DotLoader loading indicator\n\nThis functionality is pulled right from the UI toolkit living style guide. To implement, create an element `<div class=\"loader-wrapper\">` and the JS will populate it with the necessary children for animation when the page loads.\n\n### SelectBox select input field\n\nThis component style is taken from the UI toolkit. To implement this style in a Whiplash UI-styled application, create an element `<select class=\"select-input\">` with options as you normally would. The JavaScript will then parse that element and its options and convert the HTML layout to what is expected to implement the more complex and customized select dropdown input.\n\n### Toggle checkbox control\n\nThe style of this control is taken from the UI toolkit. To implement in a Whiplash UI application, create an element `<input type=\"checkbox\" class=\"toggle-input\">` and the JS will create the required HTML structure to facilitate the complex styling of the element.\n\n### Dropdown/up floating menu control\n\nIn order to implement this, you need to have the following HTML structure:\n\n```\n<div class=\"dropdown-wrapper\">\n\t<button class=\"button text\" data-dropdown=\"up-menu\">Menu Button/Link</button>\n\t<div class=\"dropdown dropdown-up\" id=\"up-menu\">\n\t\t<ul class=\"dropdown-list\">\n\t\t\t<li><a href=\"#\">Stuff</a></li>\n\t\t\t<li><a href=\"#\">Biz</a></li>\n\t\t</ul>\n\t</div>\n</div>\n```\n\nThere are two orientations -- a menu that drops down uses the class `dropdown-down` on the div that wraps `dropdown-list`. A menu that pops up from the button uses the class `dropdown-up`.\n","gitHead":"68763f5b75a81e632d7df92cb03b7d4092c6a14d","scripts":{"js":"cp js/whiplash-ui.js dist/ && minify --output dist/whiplash-ui.min.js js/whiplash-ui.js","css":"npm run css:sass && npm run css:autoprefix && npm run css:minify","dist":"npm run css && npm run js","css:sass":"node-sass scss/whiplash-ui.scss -o dist","css:minify":"postcss dist/whiplash-ui.css --map --use cssnano -o dist/whiplash-ui.min.css","preversion":"npm run dist","css:autoprefix":"postcss -r dist/whiplash-ui.css --map --use autoprefixer -b '> 5%'"},"_npmUser":{"name":"adamkempa","email":"adam@kempa.com"},"repository":{"url":"git+ssh://git@github.com/whiplashmerch/whiplash-ui.git","type":"git"},"_npmVersion":"6.13.0","description":"UI assets for Whiplash Merch","directories":{},"_nodeVersion":"12.12.0","_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"cssnano":"3.10.0","postcss":"6.0.8","minifier":"^0.8.1","node-sass":"^4.5.3","postcss-cli":"4.1.0","autoprefixer":"7.1.2"},"_npmOperationalInternal":{"tmp":"tmp/whiplash-ui_0.5.2-beta.9_1573751480355_0.05229855202410372","host":"s3://npm-registry-packages"}},"0.5.2-beta.10":{"name":"whiplash-ui","version":"0.5.2-beta.10","author":{"url":"http://jacobroufa.com/","name":"Jacob M. Roufa","email":"jacob.roufa@gmail.com"},"license":"MIT","_id":"whiplash-ui@0.5.2-beta.10","maintainers":[{"name":"adamkempa","email":"adam@kempa.com"},{"name":"mark.dickson","email":"mark@sitesteaders.com"},{"name":"montch","email":"montch@gmail.com"}],"contributors":[{"name":"Casey Baggz","email":"casey.baggz@gmail.com"},{"name":"Mark Dickson","email":"mark@sitesteaders.com"},{"name":"Matt Smith","email":"azamatsmith@gmail.com"}],"homepage":"https://github.com/whiplashmerch/whiplash-ui#readme","bugs":{"url":"https://github.com/whiplashmerch/whiplash-ui/issues"},"dist":{"shasum":"01e12fd0e75564b9fac3445f5a918b5331b9aff5","tarball":"https://registry.npmjs.org/whiplash-ui/-/whiplash-ui-0.5.2-beta.10.tgz","fileCount":25,"integrity":"sha512-eSpQi117FpyW9tEKJocrtXhwYuYYtrpjp31aN2u9lDvDUX3/uueIxOCiY3rsgryihJwYwBW5fIsKpoFGvO0tjA==","signatures":[{"sig":"MEYCIQCuDeLIbdCaHbE1oZtj+84izXV0LiIrur7elT3irfMm/wIhAL34YiZoXgl2uDEDaoO1bLkiXWGyWWk88nogAzjoLXAE","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":194170,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdzY9lCRA9TVsSAnZWagAALBgQAI48gnYDENgXWOvvGvjP\nvZng1N2JURtZnmwD4ySmj5FNV18FePCFH3uU+bNGUv+ndK/IMcv9wC5ggLJA\n8KtWHhT4t+4vhq/boHPj3o/jw1k5SVkrryfoKORWfZbCXxnmFV1UZwvymYnb\nfYgMajgtg4yc9nu5j6XbXuS3E1Wy0LfAibByxsFZlY+/M0p7V4UFDnlty95X\n4RRO1AoWkBKR/BJ5cpRnNf1eF3RrkYJI8tBco13TaGxms/zsARDhCpwKfaRw\nqAO76Jg0HD8PDDNKRgNGA6CaMEJj97Icaw/uhRGinqHwJybxD/Sl6uKZ/SlK\n2P/wsD4Dr7qcqu3NUrPBoUOBWAZldH+8Sbz+0i1V+MQ3Hg3VB361ZOo9nUHz\nSlr8wak05moefpBXmoKmjUBdSEbx7fKDGlAQPKOGxmipEyuD7jSRhDYyo3rZ\nMwlI8bjlnrrNc6/wgEmrhssBAqLpNWh+TtvTeNP8ND/eCgP34pIKTbkcJJ4T\nu8qGMcK/3+uHmpTnXPS6upgZLbGkfXRHLezB1k4iWLcLOJzhGzDl3XTZYz7F\n7965lOgCvNy/67iqKCprEJTRag1gZnQa1qx+njcwghwBpoGuvycRofCuzpvn\nbW6FVQKez2smX4mNZiSjRD2lWqRtLrokSpouFwjiFd8b21RjnX5KRFuQYfoI\n0LGQ\r\n=rQt6\r\n-----END PGP SIGNATURE-----\r\n"},"main":"/dist/whiplash-ui.js","readme":"# whiplash-ui\nWhiplash CSS/JS\n\n## usage\n\nTo implement the Whiplash UI, run `yarn add whiplash-ui` in your project's root directory.\n\nIn your `application.css` add the line:\n\n```\n*= require whiplash-ui/stylesheets/application\n```\n\nIn your `application.js` add the line:\n\n```\n//= require whiplash-ui/javascripts/behavior\n```\n\n## elements\n\n### DotLoader loading indicator\n\nThis functionality is pulled right from the UI toolkit living style guide. To implement, create an element `<div class=\"loader-wrapper\">` and the JS will populate it with the necessary children for animation when the page loads.\n\n### SelectBox select input field\n\nThis component style is taken from the UI toolkit. To implement this style in a Whiplash UI-styled application, create an element `<select class=\"select-input\">` with options as you normally would. The JavaScript will then parse that element and its options and convert the HTML layout to what is expected to implement the more complex and customized select dropdown input.\n\n### Toggle checkbox control\n\nThe style of this control is taken from the UI toolkit. To implement in a Whiplash UI application, create an element `<input type=\"checkbox\" class=\"toggle-input\">` and the JS will create the required HTML structure to facilitate the complex styling of the element.\n\n### Dropdown/up floating menu control\n\nIn order to implement this, you need to have the following HTML structure:\n\n```\n<div class=\"dropdown-wrapper\">\n\t<button class=\"button text\" data-dropdown=\"up-menu\">Menu Button/Link</button>\n\t<div class=\"dropdown dropdown-up\" id=\"up-menu\">\n\t\t<ul class=\"dropdown-list\">\n\t\t\t<li><a href=\"#\">Stuff</a></li>\n\t\t\t<li><a href=\"#\">Biz</a></li>\n\t\t</ul>\n\t</div>\n</div>\n```\n\nThere are two orientations -- a menu that drops down uses the class `dropdown-down` on the div that wraps `dropdown-list`. A menu that pops up from the button uses the class `dropdown-up`.\n","gitHead":"68763f5b75a81e632d7df92cb03b7d4092c6a14d","scripts":{"js":"cp js/whiplash-ui.js dist/ && minify --output dist/whiplash-ui.min.js js/whiplash-ui.js","css":"npm run css:sass && npm run css:autoprefix && npm run css:minify","dist":"npm run css && npm run js","css:sass":"node-sass scss/whiplash-ui.scss -o dist","css:minify":"postcss dist/whiplash-ui.css --map --use cssnano -o dist/whiplash-ui.min.css","preversion":"npm run dist","css:autoprefix":"postcss -r dist/whiplash-ui.css --map --use autoprefixer -b '> 5%'"},"_npmUser":{"name":"adamkempa","email":"adam@kempa.com"},"repository":{"url":"git+ssh://git@github.com/whiplashmerch/whiplash-ui.git","type":"git"},"_npmVersion":"6.13.0","description":"UI assets for Whiplash Merch","directories":{},"_nodeVersion":"12.12.0","_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"cssnano":"3.10.0","postcss":"6.0.8","minifier":"^0.8.1","node-sass":"^4.5.3","postcss-cli":"4.1.0","autoprefixer":"7.1.2"},"_npmOperationalInternal":{"tmp":"tmp/whiplash-ui_0.5.2-beta.10_1573752677437_0.9848424390819166","host":"s3://npm-registry-packages"}},"0.5.2-beta.11":{"name":"whiplash-ui","version":"0.5.2-beta.11","author":{"url":"http://jacobroufa.com/","name":"Jacob M. Roufa","email":"jacob.roufa@gmail.com"},"license":"MIT","_id":"whiplash-ui@0.5.2-beta.11","maintainers":[{"name":"adamkempa","email":"adam@kempa.com"},{"name":"mark.dickson","email":"mark@sitesteaders.com"},{"name":"montch","email":"montch@gmail.com"}],"contributors":[{"name":"Casey Baggz","email":"casey.baggz@gmail.com"},{"name":"Mark Dickson","email":"mark@sitesteaders.com"},{"name":"Matt Smith","email":"azamatsmith@gmail.com"}],"homepage":"https://github.com/whiplashmerch/whiplash-ui#readme","bugs":{"url":"https://github.com/whiplashmerch/whiplash-ui/issues"},"dist":{"shasum":"bab523c35f7d6eb95034d9ef8170f107f7159645","tarball":"https://registry.npmjs.org/whiplash-ui/-/whiplash-ui-0.5.2-beta.11.tgz","fileCount":25,"integrity":"sha512-z9mxEbI/62tQ8cwDTsY/1kRBO9YwGsGMjOAqM1okIM5pb6nPLGYuMJlDvSmtraaxCK1e9zAiZRBOR5125e5Edw==","signatures":[{"sig":"MEQCIC1X4db7c3wsluR52IzfIXWuPKkoxiY5tOGNrbmwwneRAiARYsRIm4a4+QPHbdjUFlJ6L0NZT+IAw+Q2WbNnrnlVeA==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":194877,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdzZG4CRA9TVsSAnZWagAAEJcP/00JqaEzaAQp4cMwvuZ4\n2fEMhjVs5o2rs6MxVAHc9phJgzjQmdhurLmeSOcnf5Fn6TzEaLX+l1cpD8qC\n5SBlvZZ9OUBqWTkZ1Cz4IpRVDQV2MnOrIslqFXAA1GKo1Zpicfr7SzZQYicl\n010K5SKO5vP1PKhFIN+Ge9h9QtrmO2BClDd7XXoF507/MciMZB7olny/7ogV\nmNUq7bFsYRyTVjvFQ+N3KnN0LvDWTasLX11cmNiv9wYU8z3cndi53l01gjPY\nJgkK2WbgxPgPYgIwCa34QMzu+k/xXhTsXbHMXeFp9RL4jZ3v1amLO1MnfAVe\n1AZGV9Kgqtf41diem130yVnIZfXfzmXvEnuQ9h/bo6AsY3EZGaBmZhs5zG6g\nfCYr01OEn0pjroXIJhZeS6KDLBBJ0HCPe4qfXsighZ8ZHWj0T3A0hBswoKWI\nIEOoawFdkpy76HmCIASBiX/1IhlR81yVhPKV5oNq5fNVDlJD4mNkmxCiibFM\noKrVQ8gDUGJEh91+rKiPynPDc2Uwk3W+oK4ajjiiRUbLHxqSsp/zwRjUNhdE\nm0f0fXGm503j0EMq6HkCCpVVJXJ3R8BTU1rnCnlkTlNwV/ftwgCyFTuoUv4Z\nUx6ovBaq0L8KRIE2Hw25W7VKt1rcKJ1wzCIzDy26r4zm16B+7TahNIBRMFhH\nWaTQ\r\n=qfVY\r\n-----END PGP SIGNATURE-----\r\n"},"main":"/dist/whiplash-ui.js","readme":"# whiplash-ui\nWhiplash CSS/JS\n\n## usage\n\nTo implement the Whiplash UI, run `yarn add whiplash-ui` in your project's root directory.\n\nIn your `application.css` add the line:\n\n```\n*= require whiplash-ui/stylesheets/application\n```\n\nIn your `application.js` add the line:\n\n```\n//= require whiplash-ui/javascripts/behavior\n```\n\n## elements\n\n### DotLoader loading indicator\n\nThis functionality is pulled right from the UI toolkit living style guide. To implement, create an element `<div class=\"loader-wrapper\">` and the JS will populate it with the necessary children for animation when the page loads.\n\n### SelectBox select input field\n\nThis component style is taken from the UI toolkit. To implement this style in a Whiplash UI-styled application, create an element `<select class=\"select-input\">` with options as you normally would. The JavaScript will then parse that element and its options and convert the HTML layout to what is expected to implement the more complex and customized select dropdown input.\n\n### Toggle checkbox control\n\nThe style of this control is taken from the UI toolkit. To implement in a Whiplash UI application, create an element `<input type=\"checkbox\" class=\"toggle-input\">` and the JS will create the required HTML structure to facilitate the complex styling of the element.\n\n### Dropdown/up floating menu control\n\nIn order to implement this, you need to have the following HTML structure:\n\n```\n<div class=\"dropdown-wrapper\">\n\t<button class=\"button text\" data-dropdown=\"up-menu\">Menu Button/Link</button>\n\t<div class=\"dropdown dropdown-up\" id=\"up-menu\">\n\t\t<ul class=\"dropdown-list\">\n\t\t\t<li><a href=\"#\">Stuff</a></li>\n\t\t\t<li><a href=\"#\">Biz</a></li>\n\t\t</ul>\n\t</div>\n</div>\n```\n\nThere are two orientations -- a menu that drops down uses the class `dropdown-down` on the div that wraps `dropdown-list`. A menu that pops up from the button uses the class `dropdown-up`.\n","gitHead":"68763f5b75a81e632d7df92cb03b7d4092c6a14d","scripts":{"js":"cp js/whiplash-ui.js dist/ && minify --output dist/whiplash-ui.min.js js/whiplash-ui.js","css":"npm run css:sass && npm run css:autoprefix && npm run css:minify","dist":"npm run css && npm run js","css:sass":"node-sass scss/whiplash-ui.scss -o dist","css:minify":"postcss dist/whiplash-ui.css --map --use cssnano -o dist/whiplash-ui.min.css","preversion":"npm run dist","css:autoprefix":"postcss -r dist/whiplash-ui.css --map --use autoprefixer -b '> 5%'"},"_npmUser":{"name":"adamkempa","email":"adam@kempa.com"},"repository":{"url":"git+ssh://git@github.com/whiplashmerch/whiplash-ui.git","type":"git"},"_npmVersion":"6.13.0","description":"UI assets for Whiplash Merch","directories":{},"_nodeVersion":"12.12.0","_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"cssnano":"3.10.0","postcss":"6.0.8","minifier":"^0.8.1","node-sass":"^4.5.3","postcss-cli":"4.1.0","autoprefixer":"7.1.2"},"_npmOperationalInternal":{"tmp":"tmp/whiplash-ui_0.5.2-beta.11_1573753272449_0.8475389488595246","host":"s3://npm-registry-packages"}},"0.5.2-beta.12":{"name":"whiplash-ui","version":"0.5.2-beta.12","author":{"url":"http://jacobroufa.com/","name":"Jacob M. Roufa","email":"jacob.roufa@gmail.com"},"license":"MIT","_id":"whiplash-ui@0.5.2-beta.12","maintainers":[{"name":"adamkempa","email":"adam@kempa.com"},{"name":"mark.dickson","email":"mark@sitesteaders.com"},{"name":"montch","email":"montch@gmail.com"}],"contributors":[{"name":"Casey Baggz","email":"casey.baggz@gmail.com"},{"name":"Mark Dickson","email":"mark@sitesteaders.com"},{"name":"Matt Smith","email":"azamatsmith@gmail.com"}],"homepage":"https://github.com/whiplashmerch/whiplash-ui#readme","bugs":{"url":"https://github.com/whiplashmerch/whiplash-ui/issues"},"dist":{"shasum":"6a6e3149a14b91ad5864f35f15eda040bcef35d6","tarball":"https://registry.npmjs.org/whiplash-ui/-/whiplash-ui-0.5.2-beta.12.tgz","fileCount":25,"integrity":"sha512-6Q5pTGES4XEZqxQD/ZV3LhTydB+ddoQiKSdNpi9tu9OrFtW8LABDhf1A/0w9aCG8rr8i9LU8LXQvQc1CGWX3sQ==","signatures":[{"sig":"MEYCIQCdu9LrBCJ+Y210Lm00v/eFUSHgvqAqaCO4aZqqgNeBnwIhALu6JGZTUfTutcVxAH5sf1xaYK0wko8EkGtVnkbVOsyp","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":195065,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdzZiQCRA9TVsSAnZWagAAfq8P/28k+dHmtMZ2e2CT4pfR\nVxJ3cn9uljLoAFUk9IkH0EtJu3V/pMRAtptXXkuX8QCf/cOhnh8p6LAh0JNm\nibBaSyiiQvrQFA/YU6TNVdAitNA9DtdrZ8X+MU+0E5hSXq11s63ajWMLVG3R\nQur84lO36hbwG2VMkWCYiSK20Ss7m0z7lFOtw6biZiEseJh3jx8MnrKfxCx9\nUXn5ewtjpEfxMLqH5MsVmeWiKauRaXBGEqQD+n7gvqiFHLBxkQP3G7NoBfbw\nnBFRSEZ2t9JkbqoymjG2VVrciAIThrWqe7W4+G4yI8pdtWypmOYkTlrjD0Im\nv+1oW5HMorwu4vuatXJTjblVYWnclw5+YtRfv+dEsrC4CLvRiqySo7G45VQd\nqBhahcwNwHXbsD2DUzWFVVrWzgpoXFbBOVGJuPxpFOFigaX/OBE3H7TIUWQT\nzBH771UtAAWltOhzPtFCq+fviuDKBBooKujl+XdlqLfoJ6jd1Zmnkw6Yp7q3\nmyzUI3vDFC/atKkMy9OLGVW84ZLl07u+X/rSnNWeRkTB+BaCqqZHZ5e1ty9c\nMFEPEE3SmbCvcn59f65sB4Wj8+WTT3EFoAcMHUa4C0JxiSN2HKDKd5ivP69K\nkE13AWphTP+TUkCXaN4snGD3Fd5rDaDR6tV6qAvDlH2aoasO1QLTf6Hnbmic\nkLXK\r\n=tyvj\r\n-----END PGP SIGNATURE-----\r\n"},"main":"/dist/whiplash-ui.js","readme":"# whiplash-ui\nWhiplash CSS/JS\n\n## usage\n\nTo implement the Whiplash UI, run `yarn add whiplash-ui` in your project's root directory.\n\nIn your `application.css` add the line:\n\n```\n*= require whiplash-ui/stylesheets/application\n```\n\nIn your `application.js` add the line:\n\n```\n//= require whiplash-ui/javascripts/behavior\n```\n\n## elements\n\n### DotLoader loading indicator\n\nThis functionality is pulled right from the UI toolkit living style guide. To implement, create an element `<div class=\"loader-wrapper\">` and the JS will populate it with the necessary children for animation when the page loads.\n\n### SelectBox select input field\n\nThis component style is taken from the UI toolkit. To implement this style in a Whiplash UI-styled application, create an element `<select class=\"select-input\">` with options as you normally would. The JavaScript will then parse that element and its options and convert the HTML layout to what is expected to implement the more complex and customized select dropdown input.\n\n### Toggle checkbox control\n\nThe style of this control is taken from the UI toolkit. To implement in a Whiplash UI application, create an element `<input type=\"checkbox\" class=\"toggle-input\">` and the JS will create the required HTML structure to facilitate the complex styling of the element.\n\n### Dropdown/up floating menu control\n\nIn order to implement this, you need to have the following HTML structure:\n\n```\n<div class=\"dropdown-wrapper\">\n\t<button class=\"button text\" data-dropdown=\"up-menu\">Menu Button/Link</button>\n\t<div class=\"dropdown dropdown-up\" id=\"up-menu\">\n\t\t<ul class=\"dropdown-list\">\n\t\t\t<li><a href=\"#\">Stuff</a></li>\n\t\t\t<li><a href=\"#\">Biz</a></li>\n\t\t</ul>\n\t</div>\n</div>\n```\n\nThere are two orientations -- a menu that drops down uses the class `dropdown-down` on the div that wraps `dropdown-list`. A menu that pops up from the button uses the class `dropdown-up`.\n","gitHead":"68763f5b75a81e632d7df92cb03b7d4092c6a14d","scripts":{"js":"cp js/whiplash-ui.js dist/ && minify --output dist/whiplash-ui.min.js js/whiplash-ui.js","css":"npm run css:sass && npm run css:autoprefix && npm run css:minify","dist":"npm run css && npm run js","css:sass":"node-sass scss/whiplash-ui.scss -o dist","css:minify":"postcss dist/whiplash-ui.css --map --use cssnano -o dist/whiplash-ui.min.css","preversion":"npm run dist","css:autoprefix":"postcss -r dist/whiplash-ui.css --map --use autoprefixer -b '> 5%'"},"_npmUser":{"name":"adamkempa","email":"adam@kempa.com"},"repository":{"url":"git+ssh://git@github.com/whiplashmerch/whiplash-ui.git","type":"git"},"_npmVersion":"6.13.0","description":"UI assets for Whiplash Merch","directories":{},"_nodeVersion":"12.12.0","_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"cssnano":"3.10.0","postcss":"6.0.8","minifier":"^0.8.1","node-sass":"^4.5.3","postcss-cli":"4.1.0","autoprefixer":"7.1.2"},"_npmOperationalInternal":{"tmp":"tmp/whiplash-ui_0.5.2-beta.12_1573755024135_0.9122957151278415","host":"s3://npm-registry-packages"}},"0.5.2-beta.13":{"name":"whiplash-ui","version":"0.5.2-beta.13","author":{"url":"http://jacobroufa.com/","name":"Jacob M. Roufa","email":"jacob.roufa@gmail.com"},"license":"MIT","_id":"whiplash-ui@0.5.2-beta.13","maintainers":[{"name":"adamkempa","email":"adam@kempa.com"},{"name":"mark.dickson","email":"mark@sitesteaders.com"},{"name":"montch","email":"montch@gmail.com"}],"contributors":[{"name":"Casey Baggz","email":"casey.baggz@gmail.com"},{"name":"Mark Dickson","email":"mark@sitesteaders.com"},{"name":"Matt Smith","email":"azamatsmith@gmail.com"}],"homepage":"https://github.com/whiplashmerch/whiplash-ui#readme","bugs":{"url":"https://github.com/whiplashmerch/whiplash-ui/issues"},"dist":{"shasum":"350006b583153d313dbb150b1414669a1a82c903","tarball":"https://registry.npmjs.org/whiplash-ui/-/whiplash-ui-0.5.2-beta.13.tgz","fileCount":25,"integrity":"sha512-+TtL1BwkHD+ugsiigMJ6RsQIcBUEP9VUjTCoW2kPRRtfbWUVUlUDdAMwCyZqNYyuydv6tKI0vfdsO4TtugtqQA==","signatures":[{"sig":"MEQCICmOZdAaUPaezYO/sCkWFuekPoFqhaYnSywM+5TsNSEWAiALOBdNGhoORp03zIgm7OdYis3KfgoUllmaQfb0PXkXpg==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":195361,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdzaACCRA9TVsSAnZWagAAzKMQAJkjG6I5108KXGZtN73O\npoVS4LK7tvHy+6kh8id4l6pEPUynk3+t8zy30sZB4lNlxQG8m8mlPimYsk7h\nkYIc1TTo9IdkNqGu/facboaKTpKQrpa4fhm/JWllTm4vo9zahMz24IiAO9Re\nyBbft/1OZJxrKbW+Wz/zmXBahJyk3Pzp7u3qjxwVfYWgruP6yTC1oVzB+jbj\nDUqsRQ6ADWLs8qGg+LWb84N3Wo8ZpAmcxiM3IBPOwrvR7V75LAi9d5xKAxu0\nk1eCA/VLNOfMftLXEl6K+y7PCgERMwrD+fGXZSyi7S4T/6x2UJk4iZgG8PpD\nAsNMgNi90pQuVP6E5FgcWGE1S5eME3/SPvjflivpy3JZNn/8PZrFKoFkO4TL\nhO4OwVZHFIaQ2clpcZvXXdGjX7S2MDjIM2R7Vhj80whVwR5W5enj6L3PrqzG\nJA9SknPArLADiOxm+3edCCIDGmZpMDZUL2p1hSJxihZ9KGBXXMNl93gfJMkS\nsht8WrC1mXWLY4/QZ5MwF8BjwT84tqQcREW2cpGC+l9lxJaugpaQlRwqr+fE\nSQrsYD8xUT+MhD6mM2mVQwo3beU8t/+DtV5tQvZfhyPOCp8rVyUp/6bI0bj/\nH+AcfwIZNX6J7b5EfTdh+0jIjRhoKexN9xo6cBgIAA5LjM0e4KL/jst5z/Nt\nn1ZK\r\n=/UmI\r\n-----END PGP SIGNATURE-----\r\n"},"main":"/dist/whiplash-ui.js","readme":"# whiplash-ui\nWhiplash CSS/JS\n\n## usage\n\nTo implement the Whiplash UI, run `yarn add whiplash-ui` in your project's root directory.\n\nIn your `application.css` add the line:\n\n```\n*= require whiplash-ui/stylesheets/application\n```\n\nIn your `application.js` add the line:\n\n```\n//= require whiplash-ui/javascripts/behavior\n```\n\n## elements\n\n### DotLoader loading indicator\n\nThis functionality is pulled right from the UI toolkit living style guide. To implement, create an element `<div class=\"loader-wrapper\">` and the JS will populate it with the necessary children for animation when the page loads.\n\n### SelectBox select input field\n\nThis component style is taken from the UI toolkit. To implement this style in a Whiplash UI-styled application, create an element `<select class=\"select-input\">` with options as you normally would. The JavaScript will then parse that element and its options and convert the HTML layout to what is expected to implement the more complex and customized select dropdown input.\n\n### Toggle checkbox control\n\nThe style of this control is taken from the UI toolkit. To implement in a Whiplash UI application, create an element `<input type=\"checkbox\" class=\"toggle-input\">` and the JS will create the required HTML structure to facilitate the complex styling of the element.\n\n### Dropdown/up floating menu control\n\nIn order to implement this, you need to have the following HTML structure:\n\n```\n<div class=\"dropdown-wrapper\">\n\t<button class=\"button text\" data-dropdown=\"up-menu\">Menu Button/Link</button>\n\t<div class=\"dropdown dropdown-up\" id=\"up-menu\">\n\t\t<ul class=\"dropdown-list\">\n\t\t\t<li><a href=\"#\">Stuff</a></li>\n\t\t\t<li><a href=\"#\">Biz</a></li>\n\t\t</ul>\n\t</div>\n</div>\n```\n\nThere are two orientations -- a menu that drops down uses the class `dropdown-down` on the div that wraps `dropdown-list`. A menu that pops up from the button uses the class `dropdown-up`.\n","gitHead":"68763f5b75a81e632d7df92cb03b7d4092c6a14d","scripts":{"js":"cp js/whiplash-ui.js dist/ && minify --output dist/whiplash-ui.min.js js/whiplash-ui.js","css":"npm run css:sass && npm run css:autoprefix && npm run css:minify","dist":"npm run css && npm run js","css:sass":"node-sass scss/whiplash-ui.scss -o dist","css:minify":"postcss dist/whiplash-ui.css --map --use cssnano -o dist/whiplash-ui.min.css","preversion":"npm run dist","css:autoprefix":"postcss -r dist/whiplash-ui.css --map --use autoprefixer -b '> 5%'"},"_npmUser":{"name":"adamkempa","email":"adam@kempa.com"},"repository":{"url":"git+ssh://git@github.com/whiplashmerch/whiplash-ui.git","type":"git"},"_npmVersion":"6.13.0","description":"UI assets for Whiplash Merch","directories":{},"_nodeVersion":"12.12.0","_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"cssnano":"3.10.0","postcss":"6.0.8","minifier":"^0.8.1","node-sass":"^4.5.3","postcss-cli":"4.1.0","autoprefixer":"7.1.2"},"_npmOperationalInternal":{"tmp":"tmp/whiplash-ui_0.5.2-beta.13_1573756930401_0.14705891221376488","host":"s3://npm-registry-packages"}},"0.5.2-beta.14":{"name":"whiplash-ui","version":"0.5.2-beta.14","author":{"url":"http://jacobroufa.com/","name":"Jacob M. Roufa","email":"jacob.roufa@gmail.com"},"license":"MIT","_id":"whiplash-ui@0.5.2-beta.14","maintainers":[{"name":"adamkempa","email":"adam@kempa.com"},{"name":"mark.dickson","email":"mark@sitesteaders.com"},{"name":"montch","email":"montch@gmail.com"}],"contributors":[{"name":"Casey Baggz","email":"casey.baggz@gmail.com"},{"name":"Mark Dickson","email":"mark@sitesteaders.com"},{"name":"Matt Smith","email":"azamatsmith@gmail.com"}],"homepage":"https://github.com/whiplashmerch/whiplash-ui#readme","bugs":{"url":"https://github.com/whiplashmerch/whiplash-ui/issues"},"dist":{"shasum":"e4815b839b27fc18ee48fc32c4c422845f03102b","tarball":"https://registry.npmjs.org/whiplash-ui/-/whiplash-ui-0.5.2-beta.14.tgz","fileCount":25,"integrity":"sha512-36Z5dgzwdTz5sMEMCEtAX5FlXfT32Nl2SRQhP/xpyix6iW0fMPBOxOPi1nWKLDCopsatEzihZvhdmlbyizXzrw==","signatures":[{"sig":"MEQCIEJ4w2ziO26vy0bBx6KUTk044UPu5BXyM40+ac02PWiuAiAkKpS/9f6Z7daxvvN09WCtKTw6P+wlzhE3l0zDGHCIgw==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":195042,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdzaTzCRA9TVsSAnZWagAA5msQAJkbYhzVJBQFmtm63N3N\n4Zan92bkQ4+mRSOG2h/VUgbW5x8+AH9MMo+hy9DDDufdROdOd5Nwf2xvqvz7\nPhSWjzuVbS3cgErXRIapJa50ydch+Ds0ZhNvZz0i1JfYcChA7Mk6p517iVBW\n9whA6FE4/VT8VahvKZMSmFTHp0gVYHRVyqJ+XB7wMdixjG8xyxI/6yQwq4an\n5cVtneO/LUs3RITFHFjVGihn0ePJlbl8I6CgxIvi0p+O7StdoHvt6rRJO5zE\n+eh0oa3E2R9WDEyLrh4kVZfI6c1DgOVBUw1/lbkYYjDoiypC7i1BPOZNLulB\n8uKLGCmluy+3egbAWBAR/nf4MU6yihT0NCpmZPZuZMbXwQulI6AKZztlFXwU\nSgxMexJreP1R14oRllHc0gf3hml8LUugTcbSVSoLCbRNW4LqajF/lm2iaPBN\nY533lcAFFu3IdoBDRb0/axXryyH22BBFmLrGaSnLunfKhnpkX6IWfdOYrOzJ\nz+AyNaqYdznf/nyYAKDij2CXbXodRqfmcZsdNrrgZy+rDtyWOvCCUKCgOAO5\nFpMQugZgEGrOuhByRqxdkHYuHBZoHiAVmbfk4nPyKweqibH4Cf7IYYHf4nOz\n1pZyoXHi6/E5LMcTazM2s/aIYuNdK/uRgNDt7fD2/8rk6Lz3eZvdi08i08Xk\n3I9Z\r\n=7QzI\r\n-----END PGP SIGNATURE-----\r\n"},"main":"/dist/whiplash-ui.js","readme":"# whiplash-ui\nWhiplash CSS/JS\n\n## usage\n\nTo implement the Whiplash UI, run `yarn add whiplash-ui` in your project's root directory.\n\nIn your `application.css` add the line:\n\n```\n*= require whiplash-ui/stylesheets/application\n```\n\nIn your `application.js` add the line:\n\n```\n//= require whiplash-ui/javascripts/behavior\n```\n\n## elements\n\n### DotLoader loading indicator\n\nThis functionality is pulled right from the UI toolkit living style guide. To implement, create an element `<div class=\"loader-wrapper\">` and the JS will populate it with the necessary children for animation when the page loads.\n\n### SelectBox select input field\n\nThis component style is taken from the UI toolkit. To implement this style in a Whiplash UI-styled application, create an element `<select class=\"select-input\">` with options as you normally would. The JavaScript will then parse that element and its options and convert the HTML layout to what is expected to implement the more complex and customized select dropdown input.\n\n### Toggle checkbox control\n\nThe style of this control is taken from the UI toolkit. To implement in a Whiplash UI application, create an element `<input type=\"checkbox\" class=\"toggle-input\">` and the JS will create the required HTML structure to facilitate the complex styling of the element.\n\n### Dropdown/up floating menu control\n\nIn order to implement this, you need to have the following HTML structure:\n\n```\n<div class=\"dropdown-wrapper\">\n\t<button class=\"button text\" data-dropdown=\"up-menu\">Menu Button/Link</button>\n\t<div class=\"dropdown dropdown-up\" id=\"up-menu\">\n\t\t<ul class=\"dropdown-list\">\n\t\t\t<li><a href=\"#\">Stuff</a></li>\n\t\t\t<li><a href=\"#\">Biz</a></li>\n\t\t</ul>\n\t</div>\n</div>\n```\n\nThere are two orientations -- a menu that drops down uses the class `dropdown-down` on the div that wraps `dropdown-list`. A menu that pops up from the button uses the class `dropdown-up`.\n","gitHead":"68763f5b75a81e632d7df92cb03b7d4092c6a14d","scripts":{"js":"cp js/whiplash-ui.js dist/ && minify --output dist/whiplash-ui.min.js js/whiplash-ui.js","css":"npm run css:sass && npm run css:autoprefix && npm run css:minify","dist":"npm run css && npm run js","css:sass":"node-sass scss/whiplash-ui.scss -o dist","css:minify":"postcss dist/whiplash-ui.css --map --use cssnano -o dist/whiplash-ui.min.css","preversion":"npm run dist","css:autoprefix":"postcss -r dist/whiplash-ui.css --map --use autoprefixer -b '> 5%'"},"_npmUser":{"name":"adamkempa","email":"adam@kempa.com"},"repository":{"url":"git+ssh://git@github.com/whiplashmerch/whiplash-ui.git","type":"git"},"_npmVersion":"6.13.0","description":"UI assets for Whiplash Merch","directories":{},"_nodeVersion":"12.12.0","_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"cssnano":"3.10.0","postcss":"6.0.8","minifier":"^0.8.1","node-sass":"^4.5.3","postcss-cli":"4.1.0","autoprefixer":"7.1.2"},"_npmOperationalInternal":{"tmp":"tmp/whiplash-ui_0.5.2-beta.14_1573758194787_0.6344508053649653","host":"s3://npm-registry-packages"}},"0.5.2-beta.15":{"name":"whiplash-ui","version":"0.5.2-beta.15","author":{"url":"http://jacobroufa.com/","name":"Jacob M. Roufa","email":"jacob.roufa@gmail.com"},"license":"MIT","_id":"whiplash-ui@0.5.2-beta.15","maintainers":[{"name":"adamkempa","email":"adam@kempa.com"},{"name":"mark.dickson","email":"mark@sitesteaders.com"},{"name":"montch","email":"montch@gmail.com"}],"contributors":[{"name":"Casey Baggz","email":"casey.baggz@gmail.com"},{"name":"Mark Dickson","email":"mark@sitesteaders.com"},{"name":"Matt Smith","email":"azamatsmith@gmail.com"}],"homepage":"https://github.com/whiplashmerch/whiplash-ui#readme","bugs":{"url":"https://github.com/whiplashmerch/whiplash-ui/issues"},"dist":{"shasum":"b3c5301f4456179bf6b2f62fa3f8aafb7ef587ff","tarball":"https://registry.npmjs.org/whiplash-ui/-/whiplash-ui-0.5.2-beta.15.tgz","fileCount":25,"integrity":"sha512-zYsnCrs1RgfoJ1ni36lrbmTeHZSyUO22kgJqdCM6j6hfZxaXmb/oBgIB5J5TXbWoXvQ+rn3SToDmtWjkeiIcrA==","signatures":[{"sig":"MEYCIQDWfuU1HUcm2uWiNyO1tQ3pJZ51Fu6Sv0GhkyJ2u2PDVgIhALVfA0fEqsav367tiVYpuUM4JAv3ChZ48ZhWHRF0ipzL","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":193879,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdzanBCRA9TVsSAnZWagAAxT4P/2aav63HDZRx7hfVb/6B\ndXggHTqKVfJaquOcjNkA+ZX4fhbQ3eeMLeDOL3O2oG4rlgtnjMGsEngbaWNB\nenEktZsugGqi3akNAWjSILN8w7Log3UnYYS4QOKbKQwBUgnRWnqUfJKtIFdo\nKPN/2qAwHdIwXqFHgzqeyRgEkKu2qyZyccBcplslVdczatNsKCnV37ShAVM/\ne2eNnDPXpdWTEst5NM4+03bvnEyptddxEtcEZi6X78Np2zlLqOifAplj4O1V\neTmjIsV7iZOtnx7yfiDp7JcO2r6aDgvj5mF1OY8MnS0siry4Lw5qItTfyWjr\nNLMUDTSzilMHQ8hAwdUvjwX17Ii52bTLw2rg/V61cirF3gSiaQD7CcJg0Mo4\n4yw7GFPb4i9WmbUovq0nANewRJP9R78jH28rQjj+DugMg4EamEoeXqLc6ryl\n/wBat1PqfRlXIm75BryDeph2szTTdnoEXS8MURbxhLtLU3kYVHErbR3Yxu2w\nQRUR77q8N0vkNgSoUT/Gk7KV5ZX1+aZUFzYPp5XkjZ6/Ki244ixtdTbKkWhU\nrDynhNb7qGbURubN2WZEOUc1fY/TDEyNRjfQI56h3D2kImoIpl5F1wrnJgHk\nMjCvYPi9JO2sOs/XG+JjIW4tzX3ZYgY0ocAFVC9M1Ao+3QLy9tD5qUtN+a6U\njRhD\r\n=2xlp\r\n-----END PGP SIGNATURE-----\r\n"},"main":"/dist/whiplash-ui.js","readme":"# whiplash-ui\nWhiplash CSS/JS\n\n## usage\n\nTo implement the Whiplash UI, run `yarn add whiplash-ui` in your project's root directory.\n\nIn your `application.css` add the line:\n\n```\n*= require whiplash-ui/stylesheets/application\n```\n\nIn your `application.js` add the line:\n\n```\n//= require whiplash-ui/javascripts/behavior\n```\n\n## elements\n\n### DotLoader loading indicator\n\nThis functionality is pulled right from the UI toolkit living style guide. To implement, create an element `<div class=\"loader-wrapper\">` and the JS will populate it with the necessary children for animation when the page loads.\n\n### SelectBox select input field\n\nThis component style is taken from the UI toolkit. To implement this style in a Whiplash UI-styled application, create an element `<select class=\"select-input\">` with options as you normally would. The JavaScript will then parse that element and its options and convert the HTML layout to what is expected to implement the more complex and customized select dropdown input.\n\n### Toggle checkbox control\n\nThe style of this control is taken from the UI toolkit. To implement in a Whiplash UI application, create an element `<input type=\"checkbox\" class=\"toggle-input\">` and the JS will create the required HTML structure to facilitate the complex styling of the element.\n\n### Dropdown/up floating menu control\n\nIn order to implement this, you need to have the following HTML structure:\n\n```\n<div class=\"dropdown-wrapper\">\n\t<button class=\"button text\" data-dropdown=\"up-menu\">Menu Button/Link</button>\n\t<div class=\"dropdown dropdown-up\" id=\"up-menu\">\n\t\t<ul class=\"dropdown-list\">\n\t\t\t<li><a href=\"#\">Stuff</a></li>\n\t\t\t<li><a href=\"#\">Biz</a></li>\n\t\t</ul>\n\t</div>\n</div>\n```\n\nThere are two orientations -- a menu that drops down uses the class `dropdown-down` on the div that wraps `dropdown-list`. A menu that pops up from the button uses the class `dropdown-up`.\n","gitHead":"aa2aea740f60bba31bd4a92a89e01af55883b744","scripts":{"js":"cp js/whiplash-ui.js dist/ && minify --output dist/whiplash-ui.min.js js/whiplash-ui.js","css":"npm run css:sass && npm run css:autoprefix && npm run css:minify","dist":"npm run css && npm run js","css:sass":"node-sass scss/whiplash-ui.scss -o dist","css:minify":"postcss dist/whiplash-ui.css --map --use cssnano -o dist/whiplash-ui.min.css","preversion":"npm run dist","css:autoprefix":"postcss -r dist/whiplash-ui.css --map --use autoprefixer -b '> 5%'"},"_npmUser":{"name":"adamkempa","email":"adam@kempa.com"},"repository":{"url":"git+ssh://git@github.com/whiplashmerch/whiplash-ui.git","type":"git"},"_npmVersion":"6.13.0","description":"UI assets for Whiplash Merch","directories":{},"_nodeVersion":"12.12.0","_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"cssnano":"3.10.0","postcss":"6.0.8","minifier":"^0.8.1","node-sass":"^4.5.3","postcss-cli":"4.1.0","autoprefixer":"7.1.2"},"_npmOperationalInternal":{"tmp":"tmp/whiplash-ui_0.5.2-beta.15_1573759425580_0.5405141881320694","host":"s3://npm-registry-packages"}},"0.5.2-beta.16":{"name":"whiplash-ui","version":"0.5.2-beta.16","author":{"url":"http://jacobroufa.com/","name":"Jacob M. Roufa","email":"jacob.roufa@gmail.com"},"license":"MIT","_id":"whiplash-ui@0.5.2-beta.16","maintainers":[{"name":"adamkempa","email":"adam@kempa.com"},{"name":"mark.dickson","email":"mark@sitesteaders.com"},{"name":"montch","email":"montch@gmail.com"}],"contributors":[{"name":"Casey Baggz","email":"casey.baggz@gmail.com"},{"name":"Mark Dickson","email":"mark@sitesteaders.com"},{"name":"Matt Smith","email":"azamatsmith@gmail.com"}],"homepage":"https://github.com/whiplashmerch/whiplash-ui#readme","bugs":{"url":"https://github.com/whiplashmerch/whiplash-ui/issues"},"dist":{"shasum":"c112606dd4678bc7bce9e407e1726b5450c84fe4","tarball":"https://registry.npmjs.org/whiplash-ui/-/whiplash-ui-0.5.2-beta.16.tgz","fileCount":25,"integrity":"sha512-lSt09VPDIVfzTDRAmEAmVPQzIRYPFRY548/9CVGEDkffvOhHIbmMaLDdQj3EvpsTg5fQnRz4evgx7k/D8nBHdQ==","signatures":[{"sig":"MEYCIQDbl7UBfgE8LC4m7tlyawan7nz3KavRUCVWgjgGDONtcwIhAPhytAHqEqmEiykfIwLuaHS+0WSE5djJ7Dz7lQDULEHp","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":200439,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdzcOqCRA9TVsSAnZWagAAH9kQAIOASVcyBuAASwotToZn\nb6AD1w3hfbL/8vzl1wBSQSl1b6yRCNcEFJqRomQUCMtUAr0RfWgL8VxjOxik\nRkb3GUYWEijbFsSexT2mYKnchlAoeKDJQUSXu0dL4M/ho1I+SFwp+40KHrRy\n2G6rLm4GSZc+w762vOFfmyjPenZxnOO/zUpWthrL/WeNTrNAz9R8aaq3gQ6m\nEp6iBakdFo4C/o7H2dXKeZeg/9SIojPcyqiEwajB+8UcFesWJ36DHq7/0hGL\nlkWrBxxB7KrJ92y7poXeeewRFVTcSKRKnJ5e/IUMLgtHU4H6cwntU17kQZjE\nU9RCmzPFAsd3+Zy6LzcfY4nVJpBqsOuf8xlpTD7aPVKDb/A5Gt/Bv9ca2ex2\nq4ARlaAjJ6s8t61MU5gacrIA/GFuRKflXmlXcXN2ZVpU3By9RjJ1RtTtwaJW\ntFU1rvBb95QFvRd/oGDxKHBxpTCJOYlu3NStU/Oq0ha+Ru3QnY8fOj27/Xw6\nSQAwW2R2tpZIXSfYFH7KHczWogDPuCcN0FTUemqGGnn3yeHI0VgRJs+ZBvGH\nOtwoCQ0K8Jw+ZmBnbbFBvVcKoq50x8zQCGo83majYYKKxX20sDVEflXdENhb\nhfN7+pxLe7PET1Z3Mey2J8Rh2xio6xLCAnmI6eviK91hOPsJZsURuOC9DGY5\n2wPf\r\n=8mlF\r\n-----END PGP SIGNATURE-----\r\n"},"main":"/dist/whiplash-ui.js","readme":"# whiplash-ui\nWhiplash CSS/JS\n\n## usage\n\nTo implement the Whiplash UI, run `yarn add whiplash-ui` in your project's root directory.\n\nIn your `application.css` add the line:\n\n```\n*= require whiplash-ui/stylesheets/application\n```\n\nIn your `application.js` add the line:\n\n```\n//= require whiplash-ui/javascripts/behavior\n```\n\n## elements\n\n### DotLoader loading indicator\n\nThis functionality is pulled right from the UI toolkit living style guide. To implement, create an element `<div class=\"loader-wrapper\">` and the JS will populate it with the necessary children for animation when the page loads.\n\n### SelectBox select input field\n\nThis component style is taken from the UI toolkit. To implement this style in a Whiplash UI-styled application, create an element `<select class=\"select-input\">` with options as you normally would. The JavaScript will then parse that element and its options and convert the HTML layout to what is expected to implement the more complex and customized select dropdown input.\n\n### Toggle checkbox control\n\nThe style of this control is taken from the UI toolkit. To implement in a Whiplash UI application, create an element `<input type=\"checkbox\" class=\"toggle-input\">` and the JS will create the required HTML structure to facilitate the complex styling of the element.\n\n### Dropdown/up floating menu control\n\nIn order to implement this, you need to have the following HTML structure:\n\n```\n<div class=\"dropdown-wrapper\">\n\t<button class=\"button text\" data-dropdown=\"up-menu\">Menu Button/Link</button>\n\t<div class=\"dropdown dropdown-up\" id=\"up-menu\">\n\t\t<ul class=\"dropdown-list\">\n\t\t\t<li><a href=\"#\">Stuff</a></li>\n\t\t\t<li><a href=\"#\">Biz</a></li>\n\t\t</ul>\n\t</div>\n</div>\n```\n\nThere are two orientations -- a menu that drops down uses the class `dropdown-down` on the div that wraps `dropdown-list`. A menu that pops up from the button uses the class `dropdown-up`.\n","gitHead":"aa2aea740f60bba31bd4a92a89e01af55883b744","scripts":{"js":"cp js/whiplash-ui.js dist/ && minify --output dist/whiplash-ui.min.js js/whiplash-ui.js","css":"npm run css:sass && npm run css:autoprefix && npm run css:minify","dist":"npm run css && npm run js","css:sass":"node-sass scss/whiplash-ui.scss -o dist","css:minify":"postcss dist/whiplash-ui.css --map --use cssnano -o dist/whiplash-ui.min.css","preversion":"npm run dist","css:autoprefix":"postcss -r dist/whiplash-ui.css --map --use autoprefixer -b '> 5%'"},"_npmUser":{"name":"adamkempa","email":"adam@kempa.com"},"repository":{"url":"git+ssh://git@github.com/whiplashmerch/whiplash-ui.git","type":"git"},"_npmVersion":"6.13.0","description":"UI assets for Whiplash Merch","directories":{},"_nodeVersion":"12.12.0","_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"cssnano":"3.10.0","postcss":"6.0.8","minifier":"^0.8.1","node-sass":"^4.5.3","postcss-cli":"4.1.0","autoprefixer":"7.1.2"},"_npmOperationalInternal":{"tmp":"tmp/whiplash-ui_0.5.2-beta.16_1573766057728_0.014722380644819344","host":"s3://npm-registry-packages"}},"0.5.2-beta.17":{"name":"whiplash-ui","version":"0.5.2-beta.17","author":{"url":"http://jacobroufa.com/","name":"Jacob M. Roufa","email":"jacob.roufa@gmail.com"},"license":"MIT","_id":"whiplash-ui@0.5.2-beta.17","maintainers":[{"name":"adamkempa","email":"adam@kempa.com"},{"name":"mark.dickson","email":"mark@sitesteaders.com"},{"name":"montch","email":"montch@gmail.com"}],"contributors":[{"name":"Casey Baggz","email":"casey.baggz@gmail.com"},{"name":"Mark Dickson","email":"mark@sitesteaders.com"},{"name":"Matt Smith","email":"azamatsmith@gmail.com"}],"homepage":"https://github.com/whiplashmerch/whiplash-ui#readme","bugs":{"url":"https://github.com/whiplashmerch/whiplash-ui/issues"},"dist":{"shasum":"ad5710d1e74baf6ad36ab5314eb7b164301c35af","tarball":"https://registry.npmjs.org/whiplash-ui/-/whiplash-ui-0.5.2-beta.17.tgz","fileCount":26,"integrity":"sha512-WYTzTwGpYvuNIdYEtHo9vmGYQ500UUTFGXqJXINmY8r47GR2olug5irgNiaf2yEyAUxHm3oIwmYqnYv0McP1TQ==","signatures":[{"sig":"MEQCIByYtjrBRqrSLKov7Md0YxvPGK6LWVM5YUNslHfiLJ/SAiBAFCl4YxeQoC8y+cOumeVSozoON2T5YaxrYSJTmtKRBA==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":201573,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdzsngCRA9TVsSAnZWagAAaYoP+wVNDZvnK0PawvkszMqW\nKPWCcZ4XjUcQk9qsEnbBKyK1Qrp1mjkvMpkKmE3YYHsJ5nBdLEsuvbkE3wJD\ndveuO1xxzYVO6OJdO4ak8skJQIU2Xb1MMRMTU2NXUYLZ4tFWWdCuexMY8bsW\nQjCnECDDKsycNTDzmjtTPk5xpag2UWZp/KVzQXSyK8b247peXMRD6PRjg8s2\nq5ixF5ll51IhT2EtBBMLWLAAmPq1gpX9j3MROyEQGQU3dljNdxDfVhxZgUog\n7hhTDnAumAxwhU050R6hyfGxAq1IOYerYgpduuFKcJ1oZ/G3KkKyc8auWnbl\ni71B/VGH9T0V34SRHvLXW1ZrUO8+85ij07uT0CXEjALCw0+T6I5NRFW2MjNV\nG7EXZn6AjP+b3doAXxLJoW/szOJnoz35+PVigVgZuz6nPJV4q1ICz2vGkqtT\nHOSUhOzay1NBB6fmDthdbf0fKiplzYOcJMpXNW58TAyG1uBBQVvVSyXWpG9c\ntSz3SER2H8XU/Zqe9s/BKeP6Bb/5fLGtvFy2Fop0ZKIXm4FHqOGM6YRmCX4S\nebLDIL03v5J6NpF2TKNl9dubKFJompO6HnaVhz927EwxEhxmp3P7kUx+6zTQ\nppqnM636+k4EgUZ5UXxDEFceSFw6I2pxNiwubUTvDJwTdtZe0IXGCF19LyVe\nzh1m\r\n=uXuw\r\n-----END PGP SIGNATURE-----\r\n"},"main":"/dist/whiplash-ui.js","readme":"# whiplash-ui\nWhiplash CSS/JS\n\n## usage\n\nTo implement the Whiplash UI, run `yarn add whiplash-ui` in your project's root directory.\n\nIn your `application.css` add the line:\n\n```\n*= require whiplash-ui/stylesheets/application\n```\n\nIn your `application.js` add the line:\n\n```\n//= require whiplash-ui/javascripts/behavior\n```\n\n## elements\n\n### DotLoader loading indicator\n\nThis functionality is pulled right from the UI toolkit living style guide. To implement, create an element `<div class=\"loader-wrapper\">` and the JS will populate it with the necessary children for animation when the page loads.\n\n### SelectBox select input field\n\nThis component style is taken from the UI toolkit. To implement this style in a Whiplash UI-styled application, create an element `<select class=\"select-input\">` with options as you normally would. The JavaScript will then parse that element and its options and convert the HTML layout to what is expected to implement the more complex and customized select dropdown input.\n\n### Toggle checkbox control\n\nThe style of this control is taken from the UI toolkit. To implement in a Whiplash UI application, create an element `<input type=\"checkbox\" class=\"toggle-input\">` and the JS will create the required HTML structure to facilitate the complex styling of the element.\n\n### Dropdown/up floating menu control\n\nIn order to implement this, you need to have the following HTML structure:\n\n```\n<div class=\"dropdown-wrapper\">\n\t<button class=\"button text\" data-dropdown=\"up-menu\">Menu Button/Link</button>\n\t<div class=\"dropdown dropdown-up\" id=\"up-menu\">\n\t\t<ul class=\"dropdown-list\">\n\t\t\t<li><a href=\"#\">Stuff</a></li>\n\t\t\t<li><a href=\"#\">Biz</a></li>\n\t\t</ul>\n\t</div>\n</div>\n```\n\nThere are two orientations -- a menu that drops down uses the class `dropdown-down` on the div that wraps `dropdown-list`. A menu that pops up from the button uses the class `dropdown-up`.\n","gitHead":"aa2aea740f60bba31bd4a92a89e01af55883b744","scripts":{"js":"cp js/whiplash-ui.js dist/ && minify --output dist/whiplash-ui.min.js js/whiplash-ui.js","css":"npm run css:sass && npm run css:autoprefix && npm run css:minify","dist":"npm run css && npm run js","css:sass":"node-sass scss/whiplash-ui.scss -o dist","css:minify":"postcss dist/whiplash-ui.css --map --use cssnano -o dist/whiplash-ui.min.css","preversion":"npm run dist","css:autoprefix":"postcss -r dist/whiplash-ui.css --map --use autoprefixer -b '> 5%'"},"_npmUser":{"name":"adamkempa","email":"adam@kempa.com"},"repository":{"url":"git+ssh://git@github.com/whiplashmerch/whiplash-ui.git","type":"git"},"_npmVersion":"6.13.0","description":"UI assets for Whiplash Merch","directories":{},"_nodeVersion":"12.12.0","_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"cssnano":"3.10.0","postcss":"6.0.8","minifier":"^0.8.1","node-sass":"^4.5.3","postcss-cli":"4.1.0","autoprefixer":"7.1.2"},"_npmOperationalInternal":{"tmp":"tmp/whiplash-ui_0.5.2-beta.17_1573833183786_0.9296949684030968","host":"s3://npm-registry-packages"}},"0.5.2-beta.18":{"name":"whiplash-ui","version":"0.5.2-beta.18","author":{"url":"http://jacobroufa.com/","name":"Jacob M. Roufa","email":"jacob.roufa@gmail.com"},"license":"MIT","_id":"whiplash-ui@0.5.2-beta.18","maintainers":[{"name":"adamkempa","email":"adam@kempa.com"},{"name":"mark.dickson","email":"mark@sitesteaders.com"},{"name":"montch","email":"montch@gmail.com"}],"contributors":[{"name":"Casey Baggz","email":"casey.baggz@gmail.com"},{"name":"Mark Dickson","email":"mark@sitesteaders.com"},{"name":"Matt Smith","email":"azamatsmith@gmail.com"}],"homepage":"https://github.com/whiplashmerch/whiplash-ui#readme","bugs":{"url":"https://github.com/whiplashmerch/whiplash-ui/issues"},"dist":{"shasum":"7a88909cf49edea080978aabe6a26581f4f11960","tarball":"https://registry.npmjs.org/whiplash-ui/-/whiplash-ui-0.5.2-beta.18.tgz","fileCount":26,"integrity":"sha512-Pl7hpTAgPc+FR4nvO0EaKeGs57WkLrXqj3wHJ7xSEE0AB7VjNk5J27DVsto+ETJ4XU5GDmKr+XGmDffzES9e6A==","signatures":[{"sig":"MEYCIQD/eM8npcWdBA/Hj2M03gBZgDCQWMQJceqYm9fL+Cz2AwIhAPDmDb8/2A03ZdTN0ksGkRc8NIGpIGkkU+udNo0pd5U1","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":201444,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdzstECRA9TVsSAnZWagAAa84P+wd8gN+Pjd7VMF/Bup+d\nWHF/wn2mI5+MrXdsbAgxRSo5FNJuRnMSXIZlN32KTAT3GaGH81Mv1kk5T6Bp\nvBwbKuoR2uufwsa2PU9KjyzvUWQ4/oQ9iyD9fbsc19ukchb0dUROvj8AEbHE\nIYx6gYlG/54rMP1hJpOkU4UcpEVvdqVO5ggkRqWfKtuIfB8cYBGp8A0egN8K\nB8vfMuJbt+6QcKpUt8s+YGb/y6nG6hQopw38NU62NsH7omFRtz9/szGv6w82\nw6fpQqpkWsa42xEcZ0s3hOnBFakJjmwhm2c1HLDz3O7oyWwNvHKG0433qO5K\nODFdJJFvRvUB94zmjJRzynYuT6hEQmNRZNrv9eXnJPr1uCOscC1ApEycWCmo\nEaoPYEhucEpSeXxRyELsKb6ZDLDLgK+a8p6r2LLmDmLkt1n9u6zm0Xbc3zqP\nnQQGUMvXly9n2SDvW9PDsgI777Nq9hC1YC2nW9vJ/LB8W3HsB+ZKgEEN2R85\nQOmkRZAzkHt1Jvu+KDKKvJaKprp+Me+j/eQFJ2e/KdLdRDfCPC3zdjd/25my\nhc2yyv4l1eJfdD/9dHQJmAIzglM0wBCptT4UO3mMftKtwQZawCpFmOJiDt+0\n6wydUwUe4nHK9NdFjUU15KRkZuS8YpeXzn5DURmxAlIKYVwKcvUvdxmFcSjJ\nnXRv\r\n=e7Tw\r\n-----END PGP SIGNATURE-----\r\n"},"main":"/dist/whiplash-ui.js","readme":"# whiplash-ui\nWhiplash CSS/JS\n\n## usage\n\nTo implement the Whiplash UI, run `yarn add whiplash-ui` in your project's root directory.\n\nIn your `application.css` add the line:\n\n```\n*= require whiplash-ui/stylesheets/application\n```\n\nIn your `application.js` add the line:\n\n```\n//= require whiplash-ui/javascripts/behavior\n```\n\n## elements\n\n### DotLoader loading indicator\n\nThis functionality is pulled right from the UI toolkit living style guide. To implement, create an element `<div class=\"loader-wrapper\">` and the JS will populate it with the necessary children for animation when the page loads.\n\n### SelectBox select input field\n\nThis component style is taken from the UI toolkit. To implement this style in a Whiplash UI-styled application, create an element `<select class=\"select-input\">` with options as you normally would. The JavaScript will then parse that element and its options and convert the HTML layout to what is expected to implement the more complex and customized select dropdown input.\n\n### Toggle checkbox control\n\nThe style of this control is taken from the UI toolkit. To implement in a Whiplash UI application, create an element `<input type=\"checkbox\" class=\"toggle-input\">` and the JS will create the required HTML structure to facilitate the complex styling of the element.\n\n### Dropdown/up floating menu control\n\nIn order to implement this, you need to have the following HTML structure:\n\n```\n<div class=\"dropdown-wrapper\">\n\t<button class=\"button text\" data-dropdown=\"up-menu\">Menu Button/Link</button>\n\t<div class=\"dropdown dropdown-up\" id=\"up-menu\">\n\t\t<ul class=\"dropdown-list\">\n\t\t\t<li><a href=\"#\">Stuff</a></li>\n\t\t\t<li><a href=\"#\">Biz</a></li>\n\t\t</ul>\n\t</div>\n</div>\n```\n\nThere are two orientations -- a menu that drops down uses the class `dropdown-down` on the div that wraps `dropdown-list`. A menu that pops up from the button uses the class `dropdown-up`.\n","gitHead":"aa2aea740f60bba31bd4a92a89e01af55883b744","scripts":{"js":"cp js/whiplash-ui.js dist/ && minify --output dist/whiplash-ui.min.js js/whiplash-ui.js","css":"npm run css:sass && npm run css:autoprefix && npm run css:minify","dist":"npm run css && npm run js","css:sass":"node-sass scss/whiplash-ui.scss -o dist","css:minify":"postcss dist/whiplash-ui.css --map --use cssnano -o dist/whiplash-ui.min.css","preversion":"npm run dist","css:autoprefix":"postcss -r dist/whiplash-ui.css --map --use autoprefixer -b '> 5%'"},"_npmUser":{"name":"adamkempa","email":"adam@kempa.com"},"repository":{"url":"git+ssh://git@github.com/whiplashmerch/whiplash-ui.git","type":"git"},"_npmVersion":"6.13.0","description":"UI assets for Whiplash Merch","directories":{},"_nodeVersion":"12.12.0","_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"cssnano":"3.10.0","postcss":"6.0.8","minifier":"^0.8.1","node-sass":"^4.5.3","postcss-cli":"4.1.0","autoprefixer":"7.1.2"},"_npmOperationalInternal":{"tmp":"tmp/whiplash-ui_0.5.2-beta.18_1573833539807_0.2691366738589691","host":"s3://npm-registry-packages"}},"0.5.2-beta.19":{"name":"whiplash-ui","version":"0.5.2-beta.19","author":{"url":"http://jacobroufa.com/","name":"Jacob M. Roufa","email":"jacob.roufa@gmail.com"},"license":"MIT","_id":"whiplash-ui@0.5.2-beta.19","maintainers":[{"name":"adamkempa","email":"adam@kempa.com"},{"name":"mark.dickson","email":"mark@sitesteaders.com"},{"name":"montch","email":"montch@gmail.com"}],"contributors":[{"name":"Casey Baggz","email":"casey.baggz@gmail.com"},{"name":"Mark Dickson","email":"mark@sitesteaders.com"},{"name":"Matt Smith","email":"azamatsmith@gmail.com"}],"homepage":"https://github.com/whiplashmerch/whiplash-ui#readme","bugs":{"url":"https://github.com/whiplashmerch/whiplash-ui/issues"},"dist":{"shasum":"84aaa8d0a28d8faf86ab3027fe54dfb07e7860b1","tarball":"https://registry.npmjs.org/whiplash-ui/-/whiplash-ui-0.5.2-beta.19.tgz","fileCount":26,"integrity":"sha512-ChI/kwly+6so3mCPa+yLjkYo7OK9IUCrQbRLUw3WY81LjJBqo18nkfd+1uCRby0GwvzHzu6R5RezfXwWm0kQIw==","signatures":[{"sig":"MEUCIQD7CFXjbDeEyvStojGe+AoENWAfDSJuU6/zZztlCcmXbAIgdJC2Rde/qMCQltKqgzMEQTKBWpMVmyAsKvxMiZYIrGQ=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":201676,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdzweoCRA9TVsSAnZWagAA1LsP/3KizyzKsTdjFsXvqN2V\n92nH/ps743wofXwVhHGKZrVIbXCi3bIfiogS7oDK2FZXsH1oQ+Kw0KoSn0nt\nuYUFE6tHkzZfv6w5mvgWy8Pg17yOYTw0vgxHwspN3bhelOD66WuPUwK0GTdD\ncqKKM8iQdnM6dRHKOvqIJTljqtuy/+xWbkuu5B8yDreboCPyJkMHCIei6GFU\nba9kXoHB5h3kWTb9rwt6R08zbYxD50hO3md/qui984TrsG7fbtWd+4KGczJ9\n+gXq9SzQsNIyJ0crr1eV8FgXhKfN7ac+dFus7hbXxtFppxWzaLNXSbKDdntm\n9s4nJUZgAJfnIgMKryhHj74Xa4XpK8AOWakHTcKO0YRx+ICMjUJRijPQcvZS\nOtpd1gcE8vmrLju4knvC5qel+bl2/KDMSeSlkMxfe2FPeOqH0jK4S2knlTbm\n4JAVKAYZ7MJOJ2eRPJmU2J5zBPOAEXVcE/bWG0EL+a+ivnnjexEs5tCbbozH\nzgt6v+F5QPc4ee31Q5ROTXVVR4VcFaz5HINFSTb7qPUq/9lGjsmuYGTPAZ97\n1cxocZTTnCeVgTvKlQfQBjvVlKCffaujHSC7LBX1dtL8hx9/cKoFNlQpJC0e\n6D8Db4KYiLAUH7ULNH9TJ8vs4Pz1yDrmDhxVTbrUwE3zyDTjGm7sPc2m7ZG/\nrYyx\r\n=OHrI\r\n-----END PGP SIGNATURE-----\r\n"},"main":"/dist/whiplash-ui.js","readme":"# whiplash-ui\nWhiplash CSS/JS\n\n## usage\n\nTo implement the Whiplash UI, run `yarn add whiplash-ui` in your project's root directory.\n\nIn your `application.css` add the line:\n\n```\n*= require whiplash-ui/stylesheets/application\n```\n\nIn your `application.js` add the line:\n\n```\n//= require whiplash-ui/javascripts/behavior\n```\n\n## elements\n\n### DotLoader loading indicator\n\nThis functionality is pulled right from the UI toolkit living style guide. To implement, create an element `<div class=\"loader-wrapper\">` and the JS will populate it with the necessary children for animation when the page loads.\n\n### SelectBox select input field\n\nThis component style is taken from the UI toolkit. To implement this style in a Whiplash UI-styled application, create an element `<select class=\"select-input\">` with options as you normally would. The JavaScript will then parse that element and its options and convert the HTML layout to what is expected to implement the more complex and customized select dropdown input.\n\n### Toggle checkbox control\n\nThe style of this control is taken from the UI toolkit. To implement in a Whiplash UI application, create an element `<input type=\"checkbox\" class=\"toggle-input\">` and the JS will create the required HTML structure to facilitate the complex styling of the element.\n\n### Dropdown/up floating menu control\n\nIn order to implement this, you need to have the following HTML structure:\n\n```\n<div class=\"dropdown-wrapper\">\n\t<button class=\"button text\" data-dropdown=\"up-menu\">Menu Button/Link</button>\n\t<div class=\"dropdown dropdown-up\" id=\"up-menu\">\n\t\t<ul class=\"dropdown-list\">\n\t\t\t<li><a href=\"#\">Stuff</a></li>\n\t\t\t<li><a href=\"#\">Biz</a></li>\n\t\t</ul>\n\t</div>\n</div>\n```\n\nThere are two orientations -- a menu that drops down uses the class `dropdown-down` on the div that wraps `dropdown-list`. A menu that pops up from the button uses the class `dropdown-up`.\n","gitHead":"aa2aea740f60bba31bd4a92a89e01af55883b744","scripts":{"js":"cp js/whiplash-ui.js dist/ && minify --output dist/whiplash-ui.min.js js/whiplash-ui.js","css":"npm run css:sass && npm run css:autoprefix && npm run css:minify","dist":"npm run css && npm run js","css:sass":"node-sass scss/whiplash-ui.scss -o dist","css:minify":"postcss dist/whiplash-ui.css --map --use cssnano -o dist/whiplash-ui.min.css","preversion":"npm run dist","css:autoprefix":"postcss -r dist/whiplash-ui.css --map --use autoprefixer -b '> 5%'"},"_npmUser":{"name":"adamkempa","email":"adam@kempa.com"},"repository":{"url":"git+ssh://git@github.com/whiplashmerch/whiplash-ui.git","type":"git"},"_npmVersion":"6.13.0","description":"UI assets for Whiplash Merch","directories":{},"_nodeVersion":"12.12.0","_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"cssnano":"3.10.0","postcss":"6.0.8","minifier":"^0.8.1","node-sass":"^4.5.3","postcss-cli":"4.1.0","autoprefixer":"7.1.2"},"_npmOperationalInternal":{"tmp":"tmp/whiplash-ui_0.5.2-beta.19_1573849000009_0.7804327617197175","host":"s3://npm-registry-packages"}},"0.5.2-beta.20":{"name":"whiplash-ui","version":"0.5.2-beta.20","author":{"url":"http://jacobroufa.com/","name":"Jacob M. Roufa","email":"jacob.roufa@gmail.com"},"license":"MIT","_id":"whiplash-ui@0.5.2-beta.20","maintainers":[{"name":"adamkempa","email":"adam@kempa.com"},{"name":"mark.dickson","email":"mark@sitesteaders.com"},{"name":"montch","email":"montch@gmail.com"}],"contributors":[{"name":"Casey Baggz","email":"casey.baggz@gmail.com"},{"name":"Mark Dickson","email":"mark@sitesteaders.com"},{"name":"Matt Smith","email":"azamatsmith@gmail.com"}],"homepage":"https://github.com/whiplashmerch/whiplash-ui#readme","bugs":{"url":"https://github.com/whiplashmerch/whiplash-ui/issues"},"dist":{"shasum":"2bd76f8ede3c34807b27faef6bd48a177972a043","tarball":"https://registry.npmjs.org/whiplash-ui/-/whiplash-ui-0.5.2-beta.20.tgz","fileCount":27,"integrity":"sha512-RI6ZhnKMFVTc9wn1h1y6AAZ+Ai0+4QHe2TPouyy6MayxgRaNklhiz2zSLHMniGPa1DZSfI9UxCJ/k/CyHK1tZg==","signatures":[{"sig":"MEQCIGeCeFcE1tzONh6E/hPyvZvIYlv5rI48QD69uQu8MmS+AiAzU8YJd1w5DmGIKLnTqEz5SG1FriWGw+oQEuapczJrLA==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":202050,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdzwtkCRA9TVsSAnZWagAAItcP/jRQQwoxi/pvbyEtInqr\n08aq87dLYfc8P9Q2PmqmPFccSYWgf0l0GNhpa1koaFtSw67CwNdNzD6A2Ydv\nidDlbamJ+DnvTsNtjy7lTDk3FTqblpjBUKg/egjSIcPimNY5hWPDdO+y9mRH\nviAjLNQj8D3F6/ibkhzD7DeoE/11UWRzYeyRuGfA8zFzkbWv2YsZ2NR7y/k9\ndBk7RlSqXwsuFXb84ENE2ev2k+96/aufIeSLFYZTuI+wIftvGzVM4VhrutNu\n9mWyET2L+YGdI9m5uPCNOCi57ll2ch2PjCGl3hpXlSb7LxwtV/PoFjm9FvpM\nFAWTJQQRxqSgtW7iR1ElM1qx/jsLGpIdpbtBrPhVc/BfHHU9tc/8Zf0pSxUJ\nR52K9IaiHREQZdmj3BFyyhpz6WHA+fBc+bVorjU4ZJwALi+1E5FPbTqhXPLu\nZ2UGPr801yjT03QctUVCFf1J2RRs0Amoi8HZ29aklZ0pkBOZcu/Kd8HPD4Bk\n9Uuulf4MXS3WZ80UPUadnrD/zg9VIaUdp6fMzg5CNka3FRnDa1nmMSzWWiq8\n3BLycDwmcZIaJyCGczcZVFBi/DZVmkUdlJDq4iTQoYUeGIT3bBp8/Da1YgdX\n35IZd+8OGmYRy01WnOaoc8ha5bfZrHNsFAjXGG62iUxnkiOO4P1MGBPFwgg5\nE8+C\r\n=/dna\r\n-----END PGP SIGNATURE-----\r\n"},"main":"/dist/whiplash-ui.js","readme":"# whiplash-ui\nWhiplash CSS/JS\n\n## usage\n\nTo implement the Whiplash UI, run `yarn add whiplash-ui` in your project's root directory.\n\nIn your `application.css` add the line:\n\n```\n*= require whiplash-ui/stylesheets/application\n```\n\nIn your `application.js` add the line:\n\n```\n//= require whiplash-ui/javascripts/behavior\n```\n\n## elements\n\n### DotLoader loading indicator\n\nThis functionality is pulled right from the UI toolkit living style guide. To implement, create an element `<div class=\"loader-wrapper\">` and the JS will populate it with the necessary children for animation when the page loads.\n\n### SelectBox select input field\n\nThis component style is taken from the UI toolkit. To implement this style in a Whiplash UI-styled application, create an element `<select class=\"select-input\">` with options as you normally would. The JavaScript will then parse that element and its options and convert the HTML layout to what is expected to implement the more complex and customized select dropdown input.\n\n### Toggle checkbox control\n\nThe style of this control is taken from the UI toolkit. To implement in a Whiplash UI application, create an element `<input type=\"checkbox\" class=\"toggle-input\">` and the JS will create the required HTML structure to facilitate the complex styling of the element.\n\n### Dropdown/up floating menu control\n\nIn order to implement this, you need to have the following HTML structure:\n\n```\n<div class=\"dropdown-wrapper\">\n\t<button class=\"button text\" data-dropdown=\"up-menu\">Menu Button/Link</button>\n\t<div class=\"dropdown dropdown-up\" id=\"up-menu\">\n\t\t<ul class=\"dropdown-list\">\n\t\t\t<li><a href=\"#\">Stuff</a></li>\n\t\t\t<li><a href=\"#\">Biz</a></li>\n\t\t</ul>\n\t</div>\n</div>\n```\n\nThere are two orientations -- a menu that drops down uses the class `dropdown-down` on the div that wraps `dropdown-list`. A menu that pops up from the button uses the class `dropdown-up`.\n","gitHead":"aa2aea740f60bba31bd4a92a89e01af55883b744","scripts":{"js":"cp js/whiplash-ui.js dist/ && minify --output dist/whiplash-ui.min.js js/whiplash-ui.js","css":"npm run css:sass && npm run css:autoprefix && npm run css:minify","dist":"npm run css && npm run js","css:sass":"node-sass scss/whiplash-ui.scss -o dist","css:minify":"postcss dist/whiplash-ui.css --map --use cssnano -o dist/whiplash-ui.min.css","preversion":"npm run dist","css:autoprefix":"postcss -r dist/whiplash-ui.css --map --use autoprefixer -b '> 5%'"},"_npmUser":{"name":"adamkempa","email":"adam@kempa.com"},"repository":{"url":"git+ssh://git@github.com/whiplashmerch/whiplash-ui.git","type":"git"},"_npmVersion":"6.13.0","description":"UI assets for Whiplash Merch","directories":{},"_nodeVersion":"12.12.0","_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"cssnano":"3.10.0","postcss":"6.0.8","minifier":"^0.8.1","node-sass":"^4.5.3","postcss-cli":"4.1.0","autoprefixer":"7.1.2"},"_npmOperationalInternal":{"tmp":"tmp/whiplash-ui_0.5.2-beta.20_1573849956457_0.4812440408071792","host":"s3://npm-registry-packages"}},"0.5.2-beta.21":{"name":"whiplash-ui","version":"0.5.2-beta.21","author":{"url":"http://jacobroufa.com/","name":"Jacob M. Roufa","email":"jacob.roufa@gmail.com"},"license":"MIT","_id":"whiplash-ui@0.5.2-beta.21","maintainers":[{"name":"adamkempa","email":"adam@kempa.com"},{"name":"mark.dickson","email":"mark@sitesteaders.com"},{"name":"montch","email":"montch@gmail.com"}],"contributors":[{"name":"Casey Baggz","email":"casey.baggz@gmail.com"},{"name":"Mark Dickson","email":"mark@sitesteaders.com"},{"name":"Matt Smith","email":"azamatsmith@gmail.com"}],"homepage":"https://github.com/whiplashmerch/whiplash-ui#readme","bugs":{"url":"https://github.com/whiplashmerch/whiplash-ui/issues"},"dist":{"shasum":"209ce6e101a9a6c217664ac870963a2012712aa5","tarball":"https://registry.npmjs.org/whiplash-ui/-/whiplash-ui-0.5.2-beta.21.tgz","fileCount":27,"integrity":"sha512-rB0ctbc5bYXWHErMiA981lSslqjWZTKpZb4kcIOTC2krkuyZlQXfuTrVz31nVYCN5Xkjrc9lXOub0wiD02rSPA==","signatures":[{"sig":"MEUCIQD2lf/CiyqChza7XjXaPEXqGP+5P0Xo7hL0cmwaoa1jXwIgMDlBj/Hi3KHDptKWBofxOib/7N9vjOtfpVLqeh1gsTk=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":202147,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdzwyuCRA9TVsSAnZWagAAfOAQAIFF6qzEXxPefsvfRWu4\nN+k+kQ6CMFBs40rgrsfuwj2cTxM/Hq0qYjKa+Waf4h55Q0NYkKaHACldeDYm\nMXUtCjh4g6eguGt3jhSNwWLwrFAqzxEN6NTHVyNqRtHdVhEXar5Y3cLpjbCL\nhHV6CeM8/62FxurbxToB6PlvT//VD2BI64seKafCLMctsJpBizulHuiBpLWm\npLu/HllBxtZKP35xzviPIbIB8fRhAU15R/LbYUVWmwGCrl1dj8i0gShk0wSn\nZNObAfzY+p664Y2IGwtXmqFxg4/cEVeNrcArQRDMItRkMxeiDcg0e9/N3kr5\nVsFoKkfaFesoa0yWk/nMCoOaIgitjOQsZu6R1o36Zn+oZ9tfVL5Gv3wE9kaS\na3NRYrUPTj8xA5WWSlxiCBdfLqU9Xl+rK7HiLmKh2Oj3bNhoD4tbhI4FYzAO\nNydPXxICs/DfuAPr/RSQr0ITBu9rcVGih0HHn+BwSe6tejNQGHtcN4fQ2bOz\nNuEiyolNTTeTihT9LnfBuKrCgVvPxC33Qll+TLk04RR7Dndsz3EYymkTo/5o\nFgBAxBnm3HpEyv/8nzOK38z1E6kO7z7vdjwFYyDArSXJGX4WYFPOpq/QNsTn\nwkpFazSQ0VOfG2OaDSsvRpGv6eNjLxGfq/7v5AuJBSJ6V5G5KV3yVQCVxvd1\nH0Qf\r\n=eN64\r\n-----END PGP SIGNATURE-----\r\n"},"main":"/dist/whiplash-ui.js","readme":"# whiplash-ui\nWhiplash CSS/JS\n\n## usage\n\nTo implement the Whiplash UI, run `yarn add whiplash-ui` in your project's root directory.\n\nIn your `application.css` add the line:\n\n```\n*= require whiplash-ui/stylesheets/application\n```\n\nIn your `application.js` add the line:\n\n```\n//= require whiplash-ui/javascripts/behavior\n```\n\n## elements\n\n### DotLoader loading indicator\n\nThis functionality is pulled right from the UI toolkit living style guide. To implement, create an element `<div class=\"loader-wrapper\">` and the JS will populate it with the necessary children for animation when the page loads.\n\n### SelectBox select input field\n\nThis component style is taken from the UI toolkit. To implement this style in a Whiplash UI-styled application, create an element `<select class=\"select-input\">` with options as you normally would. The JavaScript will then parse that element and its options and convert the HTML layout to what is expected to implement the more complex and customized select dropdown input.\n\n### Toggle checkbox control\n\nThe style of this control is taken from the UI toolkit. To implement in a Whiplash UI application, create an element `<input type=\"checkbox\" class=\"toggle-input\">` and the JS will create the required HTML structure to facilitate the complex styling of the element.\n\n### Dropdown/up floating menu control\n\nIn order to implement this, you need to have the following HTML structure:\n\n```\n<div class=\"dropdown-wrapper\">\n\t<button class=\"button text\" data-dropdown=\"up-menu\">Menu Button/Link</button>\n\t<div class=\"dropdown dropdown-up\" id=\"up-menu\">\n\t\t<ul class=\"dropdown-list\">\n\t\t\t<li><a href=\"#\">Stuff</a></li>\n\t\t\t<li><a href=\"#\">Biz</a></li>\n\t\t</ul>\n\t</div>\n</div>\n```\n\nThere are two orientations -- a menu that drops down uses the class `dropdown-down` on the div that wraps `dropdown-list`. A menu that pops up from the button uses the class `dropdown-up`.\n","gitHead":"aa2aea740f60bba31bd4a92a89e01af55883b744","scripts":{"js":"cp js/whiplash-ui.js dist/ && minify --output dist/whiplash-ui.min.js js/whiplash-ui.js","css":"npm run css:sass && npm run css:autoprefix && npm run css:minify","dist":"npm run css && npm run js","css:sass":"node-sass scss/whiplash-ui.scss -o dist","css:minify":"postcss dist/whiplash-ui.css --map --use cssnano -o dist/whiplash-ui.min.css","preversion":"npm run dist","css:autoprefix":"postcss -r dist/whiplash-ui.css --map --use autoprefixer -b '> 5%'"},"_npmUser":{"name":"adamkempa","email":"adam@kempa.com"},"repository":{"url":"git+ssh://git@github.com/whiplashmerch/whiplash-ui.git","type":"git"},"_npmVersion":"6.13.0","description":"UI assets for Whiplash Merch","directories":{},"_nodeVersion":"12.12.0","_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"cssnano":"3.10.0","postcss":"6.0.8","minifier":"^0.8.1","node-sass":"^4.5.3","postcss-cli":"4.1.0","autoprefixer":"7.1.2"},"_npmOperationalInternal":{"tmp":"tmp/whiplash-ui_0.5.2-beta.21_1573850286463_0.2085484413521006","host":"s3://npm-registry-packages"}},"0.5.2-beta.22":{"name":"whiplash-ui","version":"0.5.2-beta.22","author":{"url":"http://jacobroufa.com/","name":"Jacob M. Roufa","email":"jacob.roufa@gmail.com"},"license":"MIT","_id":"whiplash-ui@0.5.2-beta.22","maintainers":[{"name":"adamkempa","email":"adam@kempa.com"},{"name":"mark.dickson","email":"mark@sitesteaders.com"},{"name":"montch","email":"montch@gmail.com"}],"contributors":[{"name":"Casey Baggz","email":"casey.baggz@gmail.com"},{"name":"Mark Dickson","email":"mark@sitesteaders.com"},{"name":"Matt Smith","email":"azamatsmith@gmail.com"}],"homepage":"https://github.com/whiplashmerch/whiplash-ui#readme","bugs":{"url":"https://github.com/whiplashmerch/whiplash-ui/issues"},"dist":{"shasum":"89fbe5739d9629802bf66880bb87895308cd8efd","tarball":"https://registry.npmjs.org/whiplash-ui/-/whiplash-ui-0.5.2-beta.22.tgz","fileCount":27,"integrity":"sha512-MrNnHurgORq9sQrfnq2sAudDyYC3zCoPi0XNEh17n5DLxIg6ggaWguliMWg4oS/PSALXnREl0NBaKMrN0gBoWg==","signatures":[{"sig":"MEYCIQDnKdCAmcrjMndQ+QqYWnmqDhdA9ElZS4SblVuR2Zm6jAIhAMmbs3CTblEu0UT6dH9gXVDVlxJPETTR/lNhmtEBerNO","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":202186,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdzxJbCRA9TVsSAnZWagAACikP/2BzUtxJXNzkwuq2BwBB\n96UvTQ4oEaYZ9jDY/Zmlfj+kGJaRB7dMIyCqjIgvcEpMoYMkAeoh0FULLCM7\n/LtFLt2tt/0TcXMaoZUG2M4KNDmNPOBlBQpu+i1dsVxxhwFgnpenqttEeoov\ntP/paP/4dzon07m1WdJjT4fQz1YbrVDy4mD2kuFUzBd/j0HnyVJ4rtHyo+To\nBNGu9H5vq7k8CxhLWiwQrT/J4C7vVUUKpzVkfWGV+kZR4rKtasg/jXvTK9jR\n1hnj9lVky1wSWh+tKt2KUv+s/Jl2wYgNp5FkxEk/2mzE9vIieo/jM777nnzN\nrbTY8iamPxglWQd88W/CkR+CryV5EOsETV8wKNz7Ygo4QVm2l5ZQjEkW/KxY\nzjtLDsdYOsrZDEoT7PaapiKkCn3/wi55WWJkFuA5Am5pROPQoxu43Xi9PL1k\niHoCi8Z1IzhDGIqc0Nl75GS2cfb6W5D+60QIy7HOuIUHQWMujEVIK43herqB\nzO3Fk+fjENkvaofjadzxz1Sgs03btjEY0HdJstyOjUnlov3WkEed9r1pghBW\nXEQiZhRDDiovUkS2vsXA64NGCWfFlQTmLVdSzAscYUMqLTBZ4aBXxfhNqBDQ\nbOhp+Srl/jN+oIDFiwShQIQiMem7JEbHds7FgOGD++NGO0A13uL3yfTONfQI\nm1Ww\r\n=hox3\r\n-----END PGP SIGNATURE-----\r\n"},"main":"/dist/whiplash-ui.js","readme":"# whiplash-ui\nWhiplash CSS/JS\n\n## usage\n\nTo implement the Whiplash UI, run `yarn add whiplash-ui` in your project's root directory.\n\nIn your `application.css` add the line:\n\n```\n*= require whiplash-ui/stylesheets/application\n```\n\nIn your `application.js` add the line:\n\n```\n//= require whiplash-ui/javascripts/behavior\n```\n\n## elements\n\n### DotLoader loading indicator\n\nThis functionality is pulled right from the UI toolkit living style guide. To implement, create an element `<div class=\"loader-wrapper\">` and the JS will populate it with the necessary children for animation when the page loads.\n\n### SelectBox select input field\n\nThis component style is taken from the UI toolkit. To implement this style in a Whiplash UI-styled application, create an element `<select class=\"select-input\">` with options as you normally would. The JavaScript will then parse that element and its options and convert the HTML layout to what is expected to implement the more complex and customized select dropdown input.\n\n### Toggle checkbox control\n\nThe style of this control is taken from the UI toolkit. To implement in a Whiplash UI application, create an element `<input type=\"checkbox\" class=\"toggle-input\">` and the JS will create the required HTML structure to facilitate the complex styling of the element.\n\n### Dropdown/up floating menu control\n\nIn order to implement this, you need to have the following HTML structure:\n\n```\n<div class=\"dropdown-wrapper\">\n\t<button class=\"button text\" data-dropdown=\"up-menu\">Menu Button/Link</button>\n\t<div class=\"dropdown dropdown-up\" id=\"up-menu\">\n\t\t<ul class=\"dropdown-list\">\n\t\t\t<li><a href=\"#\">Stuff</a></li>\n\t\t\t<li><a href=\"#\">Biz</a></li>\n\t\t</ul>\n\t</div>\n</div>\n```\n\nThere are two orientations -- a menu that drops down uses the class `dropdown-down` on the div that wraps `dropdown-list`. A menu that pops up from the button uses the class `dropdown-up`.\n","gitHead":"aa2aea740f60bba31bd4a92a89e01af55883b744","scripts":{"js":"cp js/whiplash-ui.js dist/ && minify --output dist/whiplash-ui.min.js js/whiplash-ui.js","css":"npm run css:sass && npm run css:autoprefix && npm run css:minify","dist":"npm run css && npm run js","css:sass":"node-sass scss/whiplash-ui.scss -o dist","css:minify":"postcss dist/whiplash-ui.css --map --use cssnano -o dist/whiplash-ui.min.css","preversion":"npm run dist","css:autoprefix":"postcss -r dist/whiplash-ui.css --map --use autoprefixer -b '> 5%'"},"_npmUser":{"name":"adamkempa","email":"adam@kempa.com"},"repository":{"url":"git+ssh://git@github.com/whiplashmerch/whiplash-ui.git","type":"git"},"_npmVersion":"6.13.0","description":"UI assets for Whiplash Merch","directories":{},"_nodeVersion":"12.12.0","_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"cssnano":"3.10.0","postcss":"6.0.8","minifier":"^0.8.1","node-sass":"^4.5.3","postcss-cli":"4.1.0","autoprefixer":"7.1.2"},"_npmOperationalInternal":{"tmp":"tmp/whiplash-ui_0.5.2-beta.22_1573851738941_0.14928283030959433","host":"s3://npm-registry-packages"}},"0.5.2-beta.23":{"name":"whiplash-ui","version":"0.5.2-beta.23","author":{"url":"http://jacobroufa.com/","name":"Jacob M. Roufa","email":"jacob.roufa@gmail.com"},"license":"MIT","_id":"whiplash-ui@0.5.2-beta.23","maintainers":[{"name":"adamkempa","email":"adam@kempa.com"},{"name":"mark.dickson","email":"mark@sitesteaders.com"},{"name":"montch","email":"montch@gmail.com"}],"contributors":[{"name":"Casey Baggz","email":"casey.baggz@gmail.com"},{"name":"Mark Dickson","email":"mark@sitesteaders.com"},{"name":"Matt Smith","email":"azamatsmith@gmail.com"}],"homepage":"https://github.com/whiplashmerch/whiplash-ui#readme","bugs":{"url":"https://github.com/whiplashmerch/whiplash-ui/issues"},"dist":{"shasum":"0cfbf62545cbde07366599655d61e726d9d2add0","tarball":"https://registry.npmjs.org/whiplash-ui/-/whiplash-ui-0.5.2-beta.23.tgz","fileCount":27,"integrity":"sha512-9REoL3qvc5Y9Vg7RFCp6HiGrPOZK6tnaQb0oDPTGju+Dvm93JS+/yya5NP0W8DgXlMa+0i6zNZHPRnSukepfng==","signatures":[{"sig":"MEUCIQCAAy2t9OpCwFIsaPkDsmliCnE+YDD2aZayhD1cpowdAAIgS8P6pK9CAFpUBzEooNnqXh2StNg6aeTAKnO+2KdoNqg=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":202272,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdzxL6CRA9TVsSAnZWagAAiawQAJzNfvIYdqxa7sLHhwxe\nCh2BTQVejKwIbo5XecafpJiBFQlXC5En6jQWve6593NiuqXuKXHk8xA9Btgz\n7Yv85usyxvmKogNhPU/nCyF0yyOZMcqiHi5WF0sYsaf7BSJ2WdeZoH0q8l0z\non3ZVZAqpr3NBXat4Zj0YVY2MIaeeWrIOSnLJPlAtA85CsmkPomFKMoZtSGp\nE6d8OJrt4txgTSf8IdR3S6gqsL66Fq/UqLaoP6jgkXruRHa56SH12jVXOvJF\nYQHRc6fjt//PeAg2RTZyBO7gY2uMetcWMeLo3lIlT7cFWM4n1nLjTWAq/1eC\nN31ErBFpR99kPwwGkOe89BziMPRSzuNGPbTaOcM5MQM1s9OT9Sc84MHpRCtn\nEIWUBa3kdjAVbaBJ3AYBZACQHuArNX1kIm+LCyrM9XKGKDXzl1aQnYWE1j4w\nQrQvZURr0NXwvn1FNv4AJ9SgZZjjwLVzChmZ9COaYhhlqwoPMPccylhlyZdU\nhYgE8Rjk3yCjfz03TohHMzlzdgJRUh/7TbzSn3kG+JAuENjJQBCMOiYps7qM\nWURq/z46y3VqcTEvtax/ocBFh8iZL+YwENnwL3vpvPQScRymvB9PAzCgeqb5\nvGTcxyTnlqUATiWAYta8uvk4WxFFBAn9GkVxW5OR3Cv5BGidD78p8G3Aw6cI\nUcQ1\r\n=s67f\r\n-----END PGP SIGNATURE-----\r\n"},"main":"/dist/whiplash-ui.js","readme":"# whiplash-ui\nWhiplash CSS/JS\n\n## usage\n\nTo implement the Whiplash UI, run `yarn add whiplash-ui` in your project's root directory.\n\nIn your `application.css` add the line:\n\n```\n*= require whiplash-ui/stylesheets/application\n```\n\nIn your `application.js` add the line:\n\n```\n//= require whiplash-ui/javascripts/behavior\n```\n\n## elements\n\n### DotLoader loading indicator\n\nThis functionality is pulled right from the UI toolkit living style guide. To implement, create an element `<div class=\"loader-wrapper\">` and the JS will populate it with the necessary children for animation when the page loads.\n\n### SelectBox select input field\n\nThis component style is taken from the UI toolkit. To implement this style in a Whiplash UI-styled application, create an element `<select class=\"select-input\">` with options as you normally would. The JavaScript will then parse that element and its options and convert the HTML layout to what is expected to implement the more complex and customized select dropdown input.\n\n### Toggle checkbox control\n\nThe style of this control is taken from the UI toolkit. To implement in a Whiplash UI application, create an element `<input type=\"checkbox\" class=\"toggle-input\">` and the JS will create the required HTML structure to facilitate the complex styling of the element.\n\n### Dropdown/up floating menu control\n\nIn order to implement this, you need to have the following HTML structure:\n\n```\n<div class=\"dropdown-wrapper\">\n\t<button class=\"button text\" data-dropdown=\"up-menu\">Menu Button/Link</button>\n\t<div class=\"dropdown dropdown-up\" id=\"up-menu\">\n\t\t<ul class=\"dropdown-list\">\n\t\t\t<li><a href=\"#\">Stuff</a></li>\n\t\t\t<li><a href=\"#\">Biz</a></li>\n\t\t</ul>\n\t</div>\n</div>\n```\n\nThere are two orientations -- a menu that drops down uses the class `dropdown-down` on the div that wraps `dropdown-list`. A menu that pops up from the button uses the class `dropdown-up`.\n","gitHead":"aa2aea740f60bba31bd4a92a89e01af55883b744","scripts":{"js":"cp js/whiplash-ui.js dist/ && minify --output dist/whiplash-ui.min.js js/whiplash-ui.js","css":"npm run css:sass && npm run css:autoprefix && npm run css:minify","dist":"npm run css && npm run js","css:sass":"node-sass scss/whiplash-ui.scss -o dist","css:minify":"postcss dist/whiplash-ui.css --map --use cssnano -o dist/whiplash-ui.min.css","preversion":"npm run dist","css:autoprefix":"postcss -r dist/whiplash-ui.css --map --use autoprefixer -b '> 5%'"},"_npmUser":{"name":"adamkempa","email":"adam@kempa.com"},"repository":{"url":"git+ssh://git@github.com/whiplashmerch/whiplash-ui.git","type":"git"},"_npmVersion":"6.13.0","description":"UI assets for Whiplash Merch","directories":{},"_nodeVersion":"12.12.0","_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"cssnano":"3.10.0","postcss":"6.0.8","minifier":"^0.8.1","node-sass":"^4.5.3","postcss-cli":"4.1.0","autoprefixer":"7.1.2"},"_npmOperationalInternal":{"tmp":"tmp/whiplash-ui_0.5.2-beta.23_1573851897937_0.6595181892175588","host":"s3://npm-registry-packages"}},"0.5.2-beta.24":{"name":"whiplash-ui","version":"0.5.2-beta.24","author":{"url":"http://jacobroufa.com/","name":"Jacob M. Roufa","email":"jacob.roufa@gmail.com"},"license":"MIT","_id":"whiplash-ui@0.5.2-beta.24","maintainers":[{"name":"adamkempa","email":"adam@kempa.com"},{"name":"mark.dickson","email":"mark@sitesteaders.com"},{"name":"montch","email":"montch@gmail.com"}],"contributors":[{"name":"Casey Baggz","email":"casey.baggz@gmail.com"},{"name":"Mark Dickson","email":"mark@sitesteaders.com"},{"name":"Matt Smith","email":"azamatsmith@gmail.com"}],"homepage":"https://github.com/whiplashmerch/whiplash-ui#readme","bugs":{"url":"https://github.com/whiplashmerch/whiplash-ui/issues"},"dist":{"shasum":"30dcdc2c983643c68bc60131f157a3b5fa07078d","tarball":"https://registry.npmjs.org/whiplash-ui/-/whiplash-ui-0.5.2-beta.24.tgz","fileCount":27,"integrity":"sha512-EOzho3SJ3u7T7YKCUAWbSUzOw1/VqavV8Dw/g1cvGez2M+9g6683XZaT2ico4ziXUj/MBP0NEo0Sl0Da2DGJOA==","signatures":[{"sig":"MEQCIFvHThY17JZGrhbzWwUSATaAiFaLhor5mmkmMNe2FloMAiBgonSunv8gc/5T4yjBCilmtjzKhifsZSbnMZIxfd5bNw==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":198558,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdzxZICRA9TVsSAnZWagAAP/AP/jBRLD4sYcDsr3tveOjc\nQpQ5LQ2mvDjKhiRgCJO7FIP577h+M203FyEmWyxa9Cfcpq8G50m9arQug1SX\nui/ogOqf8ulPvZVR0Zis6tLTZ7klokpUYqTD2/7K7Ds0/wWW0WhNGxAokX8b\nT0ttDYvCr6fT0t5XnyLSvHuWs97Q/u76AJVa+sicJw0fiul3Fm5NttNot/pM\nteyJ5H8DBK7g4M8XGBR7sApTZFNYXX9JDof+sWcN9O5Jjf36QBZ/K8lBoXp3\nxW5vkn81SEgpMkgyy1grTkM52KxlfM0lg49oTzEH7vGSL2AyVwjR4Qf/wCtG\nblrzt/Qz+DXSYnErtSYSvxTo1Hnc0ejWp5jFO62WcBNBuiPsdxWAmUzgkrZt\nwmQLScoEwpSMQjgxpMlf/yXb17kCnj7KbaCLOdZ+ba1i/2SLaD7UbUL3jSLu\nMf52t2FX2AnpfABpVdfzxulKOigNIFqjJ4xWzvJ7eF4LvhtriaMGSkQajnEU\nmt4apf5H0Fye8s3kbesDwONOIRBpXhFNQGbgPAUdUfINHHteVNowWbDIvt/V\n/yjt8dMgIK9zKrZvIrbqS8VostZr5PJ9+q8A/feULOWdAeQSu5/X9NXE2Y51\n6N+C2pnBqIp5gHjJ2Sy4Tnn4vwasCU8lOnxMlGXOA6NFNt/vkYkhKNDv73RV\nSVHu\r\n=m7Ce\r\n-----END PGP SIGNATURE-----\r\n"},"main":"/dist/whiplash-ui.js","readme":"# whiplash-ui\nWhiplash CSS/JS\n\n## usage\n\nTo implement the Whiplash UI, run `yarn add whiplash-ui` in your project's root directory.\n\nIn your `application.css` add the line:\n\n```\n*= require whiplash-ui/stylesheets/application\n```\n\nIn your `application.js` add the line:\n\n```\n//= require whiplash-ui/javascripts/behavior\n```\n\n## elements\n\n### DotLoader loading indicator\n\nThis functionality is pulled right from the UI toolkit living style guide. To implement, create an element `<div class=\"loader-wrapper\">` and the JS will populate it with the necessary children for animation when the page loads.\n\n### SelectBox select input field\n\nThis component style is taken from the UI toolkit. To implement this style in a Whiplash UI-styled application, create an element `<select class=\"select-input\">` with options as you normally would. The JavaScript will then parse that element and its options and convert the HTML layout to what is expected to implement the more complex and customized select dropdown input.\n\n### Toggle checkbox control\n\nThe style of this control is taken from the UI toolkit. To implement in a Whiplash UI application, create an element `<input type=\"checkbox\" class=\"toggle-input\">` and the JS will create the required HTML structure to facilitate the complex styling of the element.\n\n### Dropdown/up floating menu control\n\nIn order to implement this, you need to have the following HTML structure:\n\n```\n<div class=\"dropdown-wrapper\">\n\t<button class=\"button text\" data-dropdown=\"up-menu\">Menu Button/Link</button>\n\t<div class=\"dropdown dropdown-up\" id=\"up-menu\">\n\t\t<ul class=\"dropdown-list\">\n\t\t\t<li><a href=\"#\">Stuff</a></li>\n\t\t\t<li><a href=\"#\">Biz</a></li>\n\t\t</ul>\n\t</div>\n</div>\n```\n\nThere are two orientations -- a menu that drops down uses the class `dropdown-down` on the div that wraps `dropdown-list`. A menu that pops up from the button uses the class `dropdown-up`.\n","gitHead":"aa2aea740f60bba31bd4a92a89e01af55883b744","scripts":{"js":"cp js/whiplash-ui.js dist/ && minify --output dist/whiplash-ui.min.js js/whiplash-ui.js","css":"npm run css:sass && npm run css:autoprefix && npm run css:minify","dist":"npm run css && npm run js","css:sass":"node-sass scss/whiplash-ui.scss -o dist","css:minify":"postcss dist/whiplash-ui.css --map --use cssnano -o dist/whiplash-ui.min.css","preversion":"npm run dist","css:autoprefix":"postcss -r dist/whiplash-ui.css --map --use autoprefixer -b '> 5%'"},"_npmUser":{"name":"adamkempa","email":"adam@kempa.com"},"repository":{"url":"git+ssh://git@github.com/whiplashmerch/whiplash-ui.git","type":"git"},"_npmVersion":"6.13.0","description":"UI assets for Whiplash Merch","directories":{},"_nodeVersion":"12.12.0","_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"cssnano":"3.10.0","postcss":"6.0.8","minifier":"^0.8.1","node-sass":"^4.5.3","postcss-cli":"4.1.0","autoprefixer":"7.1.2"},"_npmOperationalInternal":{"tmp":"tmp/whiplash-ui_0.5.2-beta.24_1573852743584_0.6483990487460689","host":"s3://npm-registry-packages"}},"0.5.2-beta.25":{"name":"whiplash-ui","version":"0.5.2-beta.25","author":{"url":"http://adamkempa.com/","name":"Adam Kempa","email":"adamkempa@gmail.com"},"license":"MIT","_id":"whiplash-ui@0.5.2-beta.25","maintainers":[{"name":"adamkempa","email":"adam@kempa.com"},{"name":"mark.dickson","email":"mark@sitesteaders.com"},{"name":"montch","email":"montch@gmail.com"}],"contributors":[{"name":"Adam Kempa","email":"adamkempa@gmail.com"},{"name":"Mark Dickson","email":"mark@sitesteaders.com"}],"homepage":"https://github.com/whiplashmerch/whiplash-ui#readme","bugs":{"url":"https://github.com/whiplashmerch/whiplash-ui/issues"},"dist":{"shasum":"6e9b5f186ed42eb57669b8cd30bdab17081a9a33","tarball":"https://registry.npmjs.org/whiplash-ui/-/whiplash-ui-0.5.2-beta.25.tgz","fileCount":28,"integrity":"sha512-xvnxAQnqEEJCFXvyzR33x6jc80OUSOjN7XNkxfa6gA4d1sXVIeCAx5BPeNcum1/DJH7w+36w2nT13OaKdwZeBw==","signatures":[{"sig":"MEYCIQDs9/yHZVQR+GwPerhlA5gnMIjX5D/WLNeV0bvX0moeSwIhAJfKpSki8cd+FCFfOOvF74Ls/3LAJEOCG3C4e0Vm/tUO","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":199968,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJd5VAFCRA9TVsSAnZWagAASjUP+wadxN03NwJGbhws+T5e\nvpb4OdDlwV6FjfIYeAg9ojOOiDI7F1l4VoppktKQTmZFlHej+2JBJTD7Fl0e\ncy+40EaV3geRdvQxABLhLhceEQWvZ7jE+sIqa2tI7OxNE6AJMHMwQnEuaila\nBZx3vjwzifOBfX8kN3XjmpFS9nqAl0e5SBaz/wT2yxVDRo14xcbIHrfOwQLG\nqTA05TSJqSRcjD5NJ3200sM/8pr+9qfRu5vVSRXGOwOd0+av89tziI7w5UuR\n5zvqTim/6Nb+brPnRBLIO2Sp6t5PrWFrguc5VhyzVlMcRWAbq0V6Wu39dSqE\nPexgGYdAUrfaZGKPuX+eNlE1PfA1CNkSt57LdCD6N5v9jxcWTgOm9zPOTWSc\nReRAVwgYsr+wwxHE2zcKlEB8P2/LQijxaCpaWiVPpNMAgDrtZUt6aFVUzsvQ\n0CXNSFCYTtKd8frfgx3fZtmWlJ2pyWzFF2omsQYLSmV5fFMG6SRMeQDcivwi\n/GeY+OHYGSsTGDsUnAIVgGiixcCwiYDEi6iLdb6u4z6ipRQ4BVh33SpfMZHT\nWWxWMA4wr3bflzMEFpCXcg28veQ2JqLErapP2j8Z9QUdYSMz1r9AKVrfGTn/\nbM8M70Tn5p7tIHEKyRioF7AbDc6mvsKrybSu9MNuIahvkT+3b4VKywoRxjfs\nld3w\r\n=05Hh\r\n-----END PGP SIGNATURE-----\r\n"},"main":"/dist/whiplash-ui.js","readme":"# whiplash-ui\nWhiplash CSS/JS\n\n## usage\n\nTo implement the Whiplash UI, run `yarn add whiplash-ui` in your project's root directory.\n\nIn your `application.css` add the line:\n\n```\n*= require whiplash-ui/stylesheets/application\n```\n\nIn your `application.js` add the line:\n\n```\n//= require whiplash-ui/javascripts/behavior\n```\n\n## elements\n\n### DotLoader loading indicator\n\nThis functionality is pulled right from the UI toolkit living style guide. To implement, create an element `<div class=\"loader-wrapper\">` and the JS will populate it with the necessary children for animation when the page loads.\n\n### SelectBox select input field\n\nThis component style is taken from the UI toolkit. To implement this style in a Whiplash UI-styled application, create an element `<select class=\"select-input\">` with options as you normally would. The JavaScript will then parse that element and its options and convert the HTML layout to what is expected to implement the more complex and customized select dropdown input.\n\n### Toggle checkbox control\n\nThe style of this control is taken from the UI toolkit. To implement in a Whiplash UI application, create an element `<input type=\"checkbox\" class=\"toggle-input\">` and the JS will create the required HTML structure to facilitate the complex styling of the element.\n\n### Dropdown/up floating menu control\n\nIn order to implement this, you need to have the following HTML structure:\n\n```\n<div class=\"dropdown-wrapper\">\n\t<button class=\"button text\" data-dropdown=\"up-menu\">Menu Button/Link</button>\n\t<div class=\"dropdown dropdown-up\" id=\"up-menu\">\n\t\t<ul class=\"dropdown-list\">\n\t\t\t<li><a href=\"#\">Stuff</a></li>\n\t\t\t<li><a href=\"#\">Biz</a></li>\n\t\t</ul>\n\t</div>\n</div>\n```\n\nThere are two orientations -- a menu that drops down uses the class `dropdown-down` on the div that wraps `dropdown-list`. A menu that pops up from the button uses the class `dropdown-up`.\n","gitHead":"5d6ef71644a2c50821f324d326f0c020e66d62b0","scripts":{"js":"cp js/whiplash-ui.js dist/ && uglifyjs --output dist/whiplash-ui.min.js js/whiplash-ui.js","css":"npm run css:sass && npm run css:autoprefix && npm run css:minify","dist":"npm run css && npm run js","css:sass":"node-sass scss/whiplash-ui.scss -o dist","css:minify":"postcss dist/whiplash-ui.css --map --use cssnano -o dist/whiplash-ui.min.css","preversion":"npm run dist","css:autoprefix":"postcss -r dist/whiplash-ui.css --map --use autoprefixer -b '> 5%'"},"_npmUser":{"name":"adamkempa","email":"adam@kempa.com"},"repository":{"url":"git+ssh://git@github.com/whiplashmerch/whiplash-ui.git","type":"git"},"_npmVersion":"6.13.0","description":"UI assets for Whiplash Merch","directories":{},"_nodeVersion":"12.12.0","_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"cssnano":"4.1.10","postcss":"7.0.21","node-sass":"4.13.0","uglify-js":"3.6.8","postcss-cli":"6.1.3","autoprefixer":"9.7.1"},"_npmOperationalInternal":{"tmp":"tmp/whiplash-ui_0.5.2-beta.25_1575309317527_0.7384347773715512","host":"s3://npm-registry-packages"}},"0.5.2-beta.26":{"name":"whiplash-ui","version":"0.5.2-beta.26","author":{"url":"http://adamkempa.com/","name":"Adam Kempa","email":"adamkempa@gmail.com"},"license":"MIT","_id":"whiplash-ui@0.5.2-beta.26","maintainers":[{"name":"adamkempa","email":"adam@kempa.com"},{"name":"mark.dickson","email":"mark@sitesteaders.com"},{"name":"montch","email":"montch@gmail.com"}],"contributors":[{"name":"Adam Kempa","email":"adamkempa@gmail.com"},{"name":"Mark Dickson","email":"mark@sitesteaders.com"}],"homepage":"https://github.com/whiplashmerch/whiplash-ui#readme","bugs":{"url":"https://github.com/whiplashmerch/whiplash-ui/issues"},"dist":{"shasum":"67a019597e093097c41c93ccb3dd82929eba1822","tarball":"https://registry.npmjs.org/whiplash-ui/-/whiplash-ui-0.5.2-beta.26.tgz","fileCount":28,"integrity":"sha512-xkfZccRwNEX6XfLormbYtPUNoI+DOC8p+5okSigU22rSef0DOk36qLmPdUr4fPyEsHVyaTvLiGbiK5XwYQCm4A==","signatures":[{"sig":"MEUCIEZAyX2iX7WRsoD98FfmgUZQ8yMzZTV7L613yubosucYAiEAtBUMi0hxEDofnrWgekxo58HT2SMb2W/fNQiLwx6Crhw=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":199959,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJd5WqVCRA9TVsSAnZWagAA3zAP/0LhB1h4CSP8e7pL+dPN\nDoyNiHEzRoFlVDeIxViip52aNdPIrju1AyHJv7rgbkthPDpUO8OivRc8SPlB\n4vlFoYBg7mgLn7dsRvAw+c+RVkbEObUIb7bqY39Muoi7+Z1FeheZk6ndZwEG\nxXxUaJC/vAC/Bs451ZgnaKeq+6g0MwDeO9GCBlzDQC/dokvP8MhmxQQ+BPHw\n/RT9OmuSgoUF213uKV0XVDJTc6yS8Vmh+H8HFP7nNqp/ETtoYZquciu+SN3j\nN9mx5z6veI/jWlmBQqE3RUVFHgfSq6E0z6UOabXvMD5uMPMqG68au98CIGIx\nE0fZpPrPVSMt0jFd+0ptDxXqNzCdV871YoyUowOEVCBiBPVF7PpXe3J5L+Gj\nYcEdiSXEJdwzL21+F/nxQF4Arkpn6FHcFNfLC7ZNGEqg1FBUF2aqYsDtoUSy\n80Hnevczk7FLl+/qv7IpTQYJkLQ5BOGvIKC7qm06z+nmwUmLxSeo6hLA4R2X\n1vRHD3BePIOfZ028W5LsKAMJvTP0oh8BiEGoJ5OBPhqPMm0V7Luo09J6rea/\ngBoqw/cKcVnUcf9IkMChqDutfL0ekIbNb4gbj5vp1TaLu7t8AMLBTmdzIJyW\nCeRekojNTRL/GWQdhFGpRc7d0P1O413kEg9WMijyugZaTQiBlCt8lv8OgF9E\njCko\r\n=opQI\r\n-----END PGP SIGNATURE-----\r\n"},"main":"/dist/whiplash-ui.js","readme":"# whiplash-ui\nWhiplash CSS/JS\n\n## usage\n\nTo implement the Whiplash UI, run `yarn add whiplash-ui` in your project's root directory.\n\nIn your `application.css` add the line:\n\n```\n*= require whiplash-ui/stylesheets/application\n```\n\nIn your `application.js` add the line:\n\n```\n//= require whiplash-ui/javascripts/behavior\n```\n\n## elements\n\n### DotLoader loading indicator\n\nThis functionality is pulled right from the UI toolkit living style guide. To implement, create an element `<div class=\"loader-wrapper\">` and the JS will populate it with the necessary children for animation when the page loads.\n\n### SelectBox select input field\n\nThis component style is taken from the UI toolkit. To implement this style in a Whiplash UI-styled application, create an element `<select class=\"select-input\">` with options as you normally would. The JavaScript will then parse that element and its options and convert the HTML layout to what is expected to implement the more complex and customized select dropdown input.\n\n### Toggle checkbox control\n\nThe style of this control is taken from the UI toolkit. To implement in a Whiplash UI application, create an element `<input type=\"checkbox\" class=\"toggle-input\">` and the JS will create the required HTML structure to facilitate the complex styling of the element.\n\n### Dropdown/up floating menu control\n\nIn order to implement this, you need to have the following HTML structure:\n\n```\n<div class=\"dropdown-wrapper\">\n\t<button class=\"button text\" data-dropdown=\"up-menu\">Menu Button/Link</button>\n\t<div class=\"dropdown dropdown-up\" id=\"up-menu\">\n\t\t<ul class=\"dropdown-list\">\n\t\t\t<li><a href=\"#\">Stuff</a></li>\n\t\t\t<li><a href=\"#\">Biz</a></li>\n\t\t</ul>\n\t</div>\n</div>\n```\n\nThere are two orientations -- a menu that drops down uses the class `dropdown-down` on the div that wraps `dropdown-list`. A menu that pops up from the button uses the class `dropdown-up`.\n","gitHead":"5d6ef71644a2c50821f324d326f0c020e66d62b0","scripts":{"js":"cp js/whiplash-ui.js dist/ && uglifyjs --output dist/whiplash-ui.min.js js/whiplash-ui.js","css":"npm run css:sass && npm run css:autoprefix && npm run css:minify","dist":"npm run css && npm run js","css:sass":"node-sass scss/whiplash-ui.scss -o dist","css:minify":"postcss dist/whiplash-ui.css --map --use cssnano -o dist/whiplash-ui.min.css","preversion":"npm run dist","css:autoprefix":"postcss -r dist/whiplash-ui.css --map --use autoprefixer -b '> 5%'"},"_npmUser":{"name":"adamkempa","email":"adam@kempa.com"},"repository":{"url":"git+ssh://git@github.com/whiplashmerch/whiplash-ui.git","type":"git"},"_npmVersion":"6.13.0","description":"UI assets for Whiplash Merch","directories":{},"_nodeVersion":"12.12.0","_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"cssnano":"4.1.10","postcss":"7.0.21","node-sass":"4.13.0","uglify-js":"3.6.8","postcss-cli":"6.1.3","autoprefixer":"9.7.1"},"_npmOperationalInternal":{"tmp":"tmp/whiplash-ui_0.5.2-beta.26_1575316117308_0.18924835906587867","host":"s3://npm-registry-packages"}},"0.5.2-beta.27":{"name":"whiplash-ui","version":"0.5.2-beta.27","author":{"url":"http://adamkempa.com/","name":"Adam Kempa","email":"adamkempa@gmail.com"},"license":"MIT","_id":"whiplash-ui@0.5.2-beta.27","maintainers":[{"name":"adamkempa","email":"adam@kempa.com"},{"name":"mark.dickson","email":"mark@sitesteaders.com"},{"name":"montch","email":"montch@gmail.com"}],"contributors":[{"name":"Adam Kempa","email":"adamkempa@gmail.com"},{"name":"Mark Dickson","email":"mark@sitesteaders.com"}],"homepage":"https://github.com/whiplashmerch/whiplash-ui#readme","bugs":{"url":"https://github.com/whiplashmerch/whiplash-ui/issues"},"dist":{"shasum":"1b66788ca5b2767dbedc3900b3617c350fd30ef6","tarball":"https://registry.npmjs.org/whiplash-ui/-/whiplash-ui-0.5.2-beta.27.tgz","fileCount":28,"integrity":"sha512-3cxmYiITAJIwPQv+nFRQz5S1OThNEFP4k0LiU7U6NGP8v/BmaVRUe1LRBQUWuWd5U8J4r7hkaVkFp5/ixJWWEg==","signatures":[{"sig":"MEYCIQDiXdviO9ZGuBK7jmMSb88Vn5vT2eiq2uemZzjHm34/3QIhAO0XRm2/fb1Uby050yfZQ/LMonl2v5nsEnF9L6GT+sqV","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":199991,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJd5WzmCRA9TVsSAnZWagAAOnIP/30CZG7+bN1Vj0uD7Vr9\nKo9FV7jh0Kty3uoS3O68ALAL7gqjwj4BAtljrweRjVeVvlyhTZA69Tls+uov\njLukEAOebLsLlr9NAVBHt4qCJEs6pe01sJE5eFww6GnIafjJiHp+cPn8fqaM\nJQ/9kLok8hn1YlRDBi32aEg6hjAwyxPo/KR1fJuGD6y9jk+LNkp+PpxeMSne\nVUwkg9F2lfJ53UYJlsF6xexSVTURCM8lVJhr6mr6tuzi+1qeefKQ0eCUfQdE\nsFnVJ5FrY3QXOnqvIzPHLFo/TH3O4BUBZNhxY6m6rIwsZFDv2xlV/iHtFN+Z\nyrkSkBixnw93FgCICJUeyU73io1to/pw7zPKtqghU4x/+szcv7x+az+JVhUD\nRB4glKRhSNPKyJ2zmtzKRwq/I+FbtmOvfeOtogWN9q1PbfqmZ2nWvELFve2o\nJQPtp8e20GkOrZarRFOPXt7HhLK4B+sfQX948Uua2GuhFjMDgDHKfSllJO4o\n2CjcU5U1EqaQrR/Ad/PfAZVSGoNqxriD6W61myUpcQzd+7Is2vRmA5L3cgQO\n6TnUokr7JFLKxC8rL5YfoCk9ko8QWH1fYcyj0911C2EcHB5ScC/2erEM5KWb\njdlR9eh7kSigutXJHbcYT15vkV0uwGl4XADZ/PG0aA5570vweXJVG6lfTTcz\nI85N\r\n=hrop\r\n-----END PGP SIGNATURE-----\r\n"},"main":"/dist/whiplash-ui.js","readme":"# whiplash-ui\nWhiplash CSS/JS\n\n## usage\n\nTo implement the Whiplash UI, run `yarn add whiplash-ui` in your project's root directory.\n\nIn your `application.css` add the line:\n\n```\n*= require whiplash-ui/stylesheets/application\n```\n\nIn your `application.js` add the line:\n\n```\n//= require whiplash-ui/javascripts/behavior\n```\n\n## elements\n\n### DotLoader loading indicator\n\nThis functionality is pulled right from the UI toolkit living style guide. To implement, create an element `<div class=\"loader-wrapper\">` and the JS will populate it with the necessary children for animation when the page loads.\n\n### SelectBox select input field\n\nThis component style is taken from the UI toolkit. To implement this style in a Whiplash UI-styled application, create an element `<select class=\"select-input\">` with options as you normally would. The JavaScript will then parse that element and its options and convert the HTML layout to what is expected to implement the more complex and customized select dropdown input.\n\n### Toggle checkbox control\n\nThe style of this control is taken from the UI toolkit. To implement in a Whiplash UI application, create an element `<input type=\"checkbox\" class=\"toggle-input\">` and the JS will create the required HTML structure to facilitate the complex styling of the element.\n\n### Dropdown/up floating menu control\n\nIn order to implement this, you need to have the following HTML structure:\n\n```\n<div class=\"dropdown-wrapper\">\n\t<button class=\"button text\" data-dropdown=\"up-menu\">Menu Button/Link</button>\n\t<div class=\"dropdown dropdown-up\" id=\"up-menu\">\n\t\t<ul class=\"dropdown-list\">\n\t\t\t<li><a href=\"#\">Stuff</a></li>\n\t\t\t<li><a href=\"#\">Biz</a></li>\n\t\t</ul>\n\t</div>\n</div>\n```\n\nThere are two orientations -- a menu that drops down uses the class `dropdown-down` on the div that wraps `dropdown-list`. A menu that pops up from the button uses the class `dropdown-up`.\n","gitHead":"5d6ef71644a2c50821f324d326f0c020e66d62b0","scripts":{"js":"cp js/whiplash-ui.js dist/ && uglifyjs --output dist/whiplash-ui.min.js js/whiplash-ui.js","css":"npm run css:sass && npm run css:autoprefix && npm run css:minify","dist":"npm run css && npm run js","css:sass":"node-sass scss/whiplash-ui.scss -o dist","css:minify":"postcss dist/whiplash-ui.css --map --use cssnano -o dist/whiplash-ui.min.css","preversion":"npm run dist","css:autoprefix":"postcss -r dist/whiplash-ui.css --map --use autoprefixer -b '> 5%'"},"_npmUser":{"name":"adamkempa","email":"adam@kempa.com"},"repository":{"url":"git+ssh://git@github.com/whiplashmerch/whiplash-ui.git","type":"git"},"_npmVersion":"6.13.0","description":"UI assets for Whiplash Merch","directories":{},"_nodeVersion":"12.12.0","_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"cssnano":"4.1.10","postcss":"7.0.21","node-sass":"4.13.0","uglify-js":"3.6.8","postcss-cli":"6.1.3","autoprefixer":"9.7.1"},"_npmOperationalInternal":{"tmp":"tmp/whiplash-ui_0.5.2-beta.27_1575316709601_0.4339837959700099","host":"s3://npm-registry-packages"}},"0.5.2-beta.28":{"name":"whiplash-ui","version":"0.5.2-beta.28","author":{"url":"http://adamkempa.com/","name":"Adam Kempa","email":"adamkempa@gmail.com"},"license":"MIT","_id":"whiplash-ui@0.5.2-beta.28","maintainers":[{"name":"adamkempa","email":"adam@kempa.com"},{"name":"mark.dickson","email":"mark@sitesteaders.com"},{"name":"montch","email":"montch@gmail.com"}],"contributors":[{"name":"Adam Kempa","email":"adamkempa@gmail.com"},{"name":"Mark Dickson","email":"mark@sitesteaders.com"}],"homepage":"https://github.com/whiplashmerch/whiplash-ui#readme","bugs":{"url":"https://github.com/whiplashmerch/whiplash-ui/issues"},"dist":{"shasum":"bc3955a5d1d1d9be6a4c819e7a58e894f83160bb","tarball":"https://registry.npmjs.org/whiplash-ui/-/whiplash-ui-0.5.2-beta.28.tgz","fileCount":28,"integrity":"sha512-jqx7193I4/gtUD/BhvIS22aq3cv7UCUEjbZ7ujYhVon+TlnOKsiqdGljqWO4FrROzeQyp+rhqv6iiz0RIeAh0A==","signatures":[{"sig":"MEUCIQD6hgX4Wq9jMKGM9jO7Rb5C3W/bNfdrMkSgHgiph1FswAIgQTICaKyfKJSqBy4wVWy6VzV+E3iB0/diUe+T6AwYA44=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":203957,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJd5W8bCRA9TVsSAnZWagAA86AP/3hJFVtVr4uO09scj1oG\nyIobvupAy581pbMwOT879iDYlCnhOCeSkEyu8dntVdHDR/g61j9qLegfdrW8\nkAY1fmf5EuJgvYdswsjZqi1x5tNNoIHHzzmFb1VMvG3M7HAVun7bUlEADwpa\nKXkF+DXWXpbmMT6xIUvJNWRzilUyY0Aam3wbSfyZeEFXjFhO+v/BvN8fN+A0\nXtvEF5F6zV+biJMhSIU1QkeuoxuoxNHZP0Zu4s9S3r/I+zwMIqwUvxcULSZe\ndtZQ4AAK+djJCzs09w5pvyQCUs9GmG0U2Klzq+7afqM1caeKJcH224IJnosg\nqAixdr35rPhI6EKkoj/wPg9gIlsP5u2Tnq3dgKzWeSahfLvsB1ad+BSktaqm\n8KLP+QQrjWQ+wMaE4EfXVqXpw7dk6A6of1E7lwa/H+xH9xWO3LaPMzYbnxok\nBjrqksAQ4MfvUlnIZk4qcUnh3YzUzq9i/u/NGM1ch/G0diSBuPYfjZKTX+QE\nkUMajcdkFt450x0auvkDGqh3yRwPQ6RNp037KQOz0uh0nXIWamalzLNqB+Tq\n3v+PTYsx7mfOt3tYvVc7HtABzhmb5URGtxiNF+xmrVbXQnPUv1jfh1HZb49W\nMsSUjNfyXoJHBnuDqm65i64DqCOwoYBGF7mvXMT+TM/2556eSfNZ0LDiQZpa\nk0rg\r\n=Di2G\r\n-----END PGP SIGNATURE-----\r\n"},"main":"/dist/whiplash-ui.js","readme":"# whiplash-ui\nA library of global UI elements for use across Whiplash applications.\n\n\n## Usage\n\nTo implement the Whiplash UI, run `yarn add whiplash-ui` in your project's root directory.\n\nIn your `application.css` add the line:\n\n```\n*= require whiplash-ui/stylesheets/application\n```\n\nIn your `application.js` add the line:\n\n```\n//= require whiplash-ui/javascripts/behavior\n```\n\n## Elements\n\n### DotLoader loading indicator\n\nThis functionality is pulled right from the UI toolkit living style guide. To implement, create an element `<div class=\"loader-wrapper\">` and the JS will populate it with the necessary children for animation when the page loads.\n\n### SelectBox select input field\n\nThis component style is taken from the UI toolkit. To implement this style in a Whiplash UI-styled application, create an element `<select class=\"select-input\">` with options as you normally would. The JavaScript will then parse that element and its options and convert the HTML layout to what is expected to implement the more complex and customized select dropdown input.\n\n### Toggle checkbox control\n\nThe style of this control is taken from the UI toolkit. To implement in a Whiplash UI application, create an element `<input type=\"checkbox\" class=\"toggle-input\">` and the JS will create the required HTML structure to facilitate the complex styling of the element.\n\n### Checkbox\n\n```\n<div class=\"check-box\">\n  <input type=\"checkbox\" class=\"check-box-input\" name=\"test\" value=\"on\">\n  <span class=\"check-box-button\"></span>\n</div>\n```\n\n\n### Dropdown/up floating menu control\n\nIn order to implement this, you need to have the following HTML structure:\n\n```\n<div class=\"dropdown-wrapper\">\n\t<button class=\"button text\" data-dropdown=\"up-menu\">Menu Button/Link</button>\n\t<div class=\"dropdown dropdown-up\" id=\"up-menu\">\n\t\t<ul class=\"dropdown-list\">\n\t\t\t<li><a href=\"#\">Stuff</a></li>\n\t\t\t<li><a href=\"#\">Biz</a></li>\n\t\t</ul>\n\t</div>\n</div>\n```\n\nThere are two orientations -- a menu that drops down uses the class `dropdown-down` on the div that wraps `dropdown-list`. A menu that pops up from the button uses the class `dropdown-up`.\n","gitHead":"5d6ef71644a2c50821f324d326f0c020e66d62b0","scripts":{"js":"cp js/whiplash-ui.js dist/ && uglifyjs --output dist/whiplash-ui.min.js js/whiplash-ui.js","css":"npm run css:sass && npm run css:autoprefix && npm run css:minify","dist":"npm run css && npm run js","css:sass":"node-sass scss/whiplash-ui.scss -o dist","css:minify":"postcss dist/whiplash-ui.css --map --use cssnano -o dist/whiplash-ui.min.css","preversion":"npm run dist","css:autoprefix":"postcss -r dist/whiplash-ui.css --map --use autoprefixer -b '> 5%'"},"_npmUser":{"name":"adamkempa","email":"adam@kempa.com"},"repository":{"url":"git+ssh://git@github.com/whiplashmerch/whiplash-ui.git","type":"git"},"_npmVersion":"6.13.0","description":"UI assets for Whiplash Merch","directories":{},"_nodeVersion":"12.12.0","_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"cssnano":"4.1.10","postcss":"7.0.21","node-sass":"4.13.0","uglify-js":"3.6.8","postcss-cli":"6.1.3","autoprefixer":"9.7.1"},"_npmOperationalInternal":{"tmp":"tmp/whiplash-ui_0.5.2-beta.28_1575317274570_0.7172432151749113","host":"s3://npm-registry-packages"}},"0.5.2-beta.29":{"name":"whiplash-ui","version":"0.5.2-beta.29","author":{"url":"http://adamkempa.com/","name":"Adam Kempa","email":"adamkempa@gmail.com"},"license":"MIT","_id":"whiplash-ui@0.5.2-beta.29","maintainers":[{"name":"adamkempa","email":"adam@kempa.com"},{"name":"mark.dickson","email":"mark@sitesteaders.com"},{"name":"montch","email":"montch@gmail.com"}],"contributors":[{"name":"Adam Kempa","email":"adamkempa@gmail.com"},{"name":"Mark Dickson","email":"mark@sitesteaders.com"}],"homepage":"https://github.com/whiplashmerch/whiplash-ui#readme","bugs":{"url":"https://github.com/whiplashmerch/whiplash-ui/issues"},"dist":{"shasum":"78e009e19062136bf2f896e55a830830f9382e14","tarball":"https://registry.npmjs.org/whiplash-ui/-/whiplash-ui-0.5.2-beta.29.tgz","fileCount":28,"integrity":"sha512-UELfL6BViXVaZWhTAwPGVOCZ7I97RJNMXYKAFVBl3NNkzW2kceG1DKVvuUEgqvP3yBZee+o+63gvjqjQ+fqgNg==","signatures":[{"sig":"MEUCIByYtTgqpMT9x5kPcIp1cZ30RzIRJ819HXMrjyxVTifwAiEAxFyvCNKCsaanldYgUXr5l02NOfxtRHDQDp9j9uNF0hQ=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":204550,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJd5XcrCRA9TVsSAnZWagAAQykP/1aEahcbM06k9riveOMK\nbhoQucVDrlLG97zV+7ETGy1HKV8MheNb4zORgZ9DGfruvlGXsG+o0o2VqPWO\nHYKlihinaps5MJ4SQSW316Evv6F+PbMECPohlLwGV447NcTvzzDmHKwfW/kx\nfU4qQqJUTwwQHxqyW12CJ4w72Yjd1vX4vYONUEbbn7DX0V9b69c/0l7orUdN\nv0V1HY2VtgS503g/W2Wqubk4+jO3GFfUhgxJfdr4XQbus2jnFXJigHwkkTHr\nYtoYbiDRDffY/g5Y12Oy84fKXSr5bkC7jocKunkdBzWesvCzF4nI+AV9Ek8h\n9t4DULegMAyvs+L77SyzwovMybRsECEcyZaWoQzoA1ULJvgffg2ES4AlY8T9\nKNY65Wgx0IueujaNAFxMFgz7HXYxwZTyi3KQ3BAA9EG0ZU+0ArlWiK00E3M1\nnnDGXDUoKMFmebE/1VvQqGXeHNSRw5C95KZ+1jPg7cmOi7mlmgxjxxyKR38V\n45Az+CWvSMEXqQbY0sL9ASTqeKtV5TEpYkK2ekhiZ7sSq2+HuYtr9G+y9rlv\nCnHNVcy5C07KGihkD7QATEtdvBFmbaAFtZJ3Hfi0VMD3eW/cLZZSlY4VtEUw\nOP87D7baAZI0rw+7yH9ZCXZSniz0Vy38xgubbUv5FvL4HF+ACPVOnXMUO6ra\nASdJ\r\n=ZqZc\r\n-----END PGP SIGNATURE-----\r\n"},"main":"/dist/whiplash-ui.js","readme":"# whiplash-ui\nA library of global UI elements for use across Whiplash applications.\n\n\n## Usage\n\nTo implement the Whiplash UI, run `yarn add whiplash-ui` in your project's root directory.\n\nIn your `application.css` add the line:\n\n```\n*= require whiplash-ui/stylesheets/application\n```\n\nIn your `application.js` add the line:\n\n```\n//= require whiplash-ui/javascripts/behavior\n```\n\n## Elements\n\n### DotLoader loading indicator\n\nThis functionality is pulled right from the UI toolkit living style guide. To implement, create an element `<div class=\"loader-wrapper\">` and the JS will populate it with the necessary children for animation when the page loads.\n\n### SelectBox select input field\n\nThis component style is taken from the UI toolkit. To implement this style in a Whiplash UI-styled application, create an element `<select class=\"select-input\">` with options as you normally would. The JavaScript will then parse that element and its options and convert the HTML layout to what is expected to implement the more complex and customized select dropdown input.\n\n### Toggle checkbox control\n\nThe style of this control is taken from the UI toolkit. To implement in a Whiplash UI application, create an element `<input type=\"checkbox\" class=\"toggle-input\">` and the JS will create the required HTML structure to facilitate the complex styling of the element.\n\n### Checkbox\n\n```\n<div class=\"check-box\">\n  <input type=\"checkbox\" class=\"check-box-input\" name=\"test\" value=\"on\">\n  <span class=\"check-box-button\"></span>\n</div>\n```\n\n\n### Dropdown/up floating menu control\n\nIn order to implement this, you need to have the following HTML structure:\n\n```\n<div class=\"dropdown-wrapper\">\n\t<button class=\"button text\" data-dropdown=\"up-menu\">Menu Button/Link</button>\n\t<div class=\"dropdown dropdown-up\" id=\"up-menu\">\n\t\t<ul class=\"dropdown-list\">\n\t\t\t<li><a href=\"#\">Stuff</a></li>\n\t\t\t<li><a href=\"#\">Biz</a></li>\n\t\t</ul>\n\t</div>\n</div>\n```\n\nThere are two orientations -- a menu that drops down uses the class `dropdown-down` on the div that wraps `dropdown-list`. A menu that pops up from the button uses the class `dropdown-up`.\n","gitHead":"5d6ef71644a2c50821f324d326f0c020e66d62b0","scripts":{"js":"cp js/whiplash-ui.js dist/ && uglifyjs --output dist/whiplash-ui.min.js js/whiplash-ui.js","css":"npm run css:sass && npm run css:autoprefix && npm run css:minify","dist":"npm run css && npm run js","css:sass":"node-sass scss/whiplash-ui.scss -o dist","css:minify":"postcss dist/whiplash-ui.css --map --use cssnano -o dist/whiplash-ui.min.css","preversion":"npm run dist","css:autoprefix":"postcss -r dist/whiplash-ui.css --map --use autoprefixer -b '> 5%'"},"_npmUser":{"name":"adamkempa","email":"adam@kempa.com"},"repository":{"url":"git+ssh://git@github.com/whiplashmerch/whiplash-ui.git","type":"git"},"_npmVersion":"6.13.0","description":"UI assets for Whiplash Merch","directories":{},"_nodeVersion":"12.12.0","_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"cssnano":"4.1.10","postcss":"7.0.21","node-sass":"4.13.0","uglify-js":"3.6.8","postcss-cli":"6.1.3","autoprefixer":"9.7.1"},"_npmOperationalInternal":{"tmp":"tmp/whiplash-ui_0.5.2-beta.29_1575319339167_0.3024387904135859","host":"s3://npm-registry-packages"}},"0.5.2-beta.30":{"name":"whiplash-ui","version":"0.5.2-beta.30","author":{"url":"http://adamkempa.com/","name":"Adam Kempa","email":"adamkempa@gmail.com"},"license":"MIT","_id":"whiplash-ui@0.5.2-beta.30","maintainers":[{"name":"adamkempa","email":"adam@kempa.com"},{"name":"mark.dickson","email":"mark@sitesteaders.com"},{"name":"montch","email":"montch@gmail.com"}],"contributors":[{"name":"Adam Kempa","email":"adamkempa@gmail.com"},{"name":"Mark Dickson","email":"mark@sitesteaders.com"}],"homepage":"https://github.com/whiplashmerch/whiplash-ui#readme","bugs":{"url":"https://github.com/whiplashmerch/whiplash-ui/issues"},"dist":{"shasum":"2f7e7a6e94fedc83333098765fa65137556c78b3","tarball":"https://registry.npmjs.org/whiplash-ui/-/whiplash-ui-0.5.2-beta.30.tgz","fileCount":28,"integrity":"sha512-6JkH72nKwRl19qSGUCLj7o2JcVFjR5CZ4twCmWthApqZGX4Uz4oWE5Irl3oiupwnYDQiNO3xoMJKPXvIISzwLw==","signatures":[{"sig":"MEQCIAOStfU9jQO2lqMlVgIzmrFffDpZXVIzkOP87b+Hpc/WAiBVzwsDHutnODvDT0rfYT378+R2iar7N6f5TH008hoXKw==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":204866,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJd5qxzCRA9TVsSAnZWagAA+Z4P/3xOfhecdAlukNxyciAg\nZZVwjRd6SWV5HFy+1apFWLIEkwW8s9QgJZWhFIG9Kkq9CgrSsuv/XsHbAAio\nkUpervWLio7PKwiPwD60N+JSPq+enZXD+HtZM/+PXflT7t1XtRvMr1jX/HkE\nbBazhnbw9I4w6d4KSQxpURvYE0tv+oO6mJ8j0hhVUh7Jgse5OPHiGrd05muT\ndv8lDR2wqWOE85IkIAFg3DcGkHYIUCJ4gcd2lLy61npmtF0Im/25jiHyIFTH\nB1Lv/B82O5CuZ/CrEor628Q0dSZsDrCSbeDJMeSxzMovYuxTMUqyWipIDhGv\n5B0Ct7GN2ivZxoNB51R3DhouivSKHHV8M7gPKNTX9fHdnHi8dYpMSxAHlgY1\nIJfQm4F/Kwkmo3v9n/HtUnLjonkM5BBzd0PJ1Unqd+qlakkDAVStLNqu93ZI\n7RXtrjOPmmQhlXl1JlDg5hbvX32SCesgCOL4JaKXZ8bS6HnKyfcTrwfNrpID\nQL56dcqu6rGUXbhR1m5iyLyq5zi+xQk1wLSAwd68XI4gKRy0fuEyLBJlgcyK\nATiIxAq/dG2LqJJDqo/kxLaNWdPg7Kc8XJW37QJTV2DQ8PtS49IYdFp7w3mO\ntI+HAoN143sUrBBYihlGoHIe2Mn74MJkM7X61pCZ2gxUrQnfpepHvcv0B0w7\nLBnt\r\n=8U11\r\n-----END PGP SIGNATURE-----\r\n"},"main":"/dist/whiplash-ui.js","readme":"# whiplash-ui\nA library of global UI elements for use across Whiplash applications.\n\n\n## Usage\n\nTo implement the Whiplash UI, run `yarn add whiplash-ui` in your project's root directory.\n\nIn your `application.css` add the line:\n\n```\n*= require whiplash-ui/stylesheets/application\n```\n\nIn your `application.js` add the line:\n\n```\n//= require whiplash-ui/javascripts/behavior\n```\n\n## Elements\n\n### DotLoader loading indicator\n\nThis functionality is pulled right from the UI toolkit living style guide. To implement, create an element `<div class=\"loader-wrapper\">` and the JS will populate it with the necessary children for animation when the page loads.\n\n### SelectBox select input field\n\nThis component style is taken from the UI toolkit. To implement this style in a Whiplash UI-styled application, create an element `<select class=\"select-input\">` with options as you normally would. The JavaScript will then parse that element and its options and convert the HTML layout to what is expected to implement the more complex and customized select dropdown input.\n\n### Toggle checkbox control\n\nThe style of this control is taken from the UI toolkit. To implement in a Whiplash UI application, create an element `<input type=\"checkbox\" class=\"toggle-input\">` and the JS will create the required HTML structure to facilitate the complex styling of the element.\n\n### Checkbox\n\n```\n<div class=\"check-box\">\n  <input id=\"test\" type=\"checkbox\" class=\"check-box-input\" name=\"test\" value=\"on\">\n  <span class=\"check-box-button\"></span>\n  <label for=\"test\">This is a checkbox.</label>\n</div><br>\n<div class=\"check-box\">\n  <input id=\"test\" type=\"checkbox\" class=\"check-box-input\" name=\"test\" value=\"on\">\n  <span class=\"check-box-button\"></span>\n  <label for=\"test\">This is a second checkbox.</label>\n</div>\n```\n\n\n### Dropdown/up floating menu control\n\nIn order to implement this, you need to have the following HTML structure:\n\n```\n<div class=\"dropdown-wrapper\">\n\t<button class=\"button text\" data-dropdown=\"up-menu\">Menu Button/Link</button>\n\t<div class=\"dropdown dropdown-up\" id=\"up-menu\">\n\t\t<ul class=\"dropdown-list\">\n\t\t\t<li><a href=\"#\">Stuff</a></li>\n\t\t\t<li><a href=\"#\">Biz</a></li>\n\t\t</ul>\n\t</div>\n</div>\n```\n\nThere are two orientations -- a menu that drops down uses the class `dropdown-down` on the div that wraps `dropdown-list`. A menu that pops up from the button uses the class `dropdown-up`.\n","gitHead":"8779b7611cf68f4d13b11f46df19724335a465cb","scripts":{"js":"cp js/whiplash-ui.js dist/ && uglifyjs --output dist/whiplash-ui.min.js js/whiplash-ui.js","css":"npm run css:sass && npm run css:autoprefix && npm run css:minify","dist":"npm run css && npm run js","css:sass":"node-sass scss/whiplash-ui.scss -o dist","css:minify":"postcss dist/whiplash-ui.css --map --use cssnano -o dist/whiplash-ui.min.css","preversion":"npm run dist","css:autoprefix":"postcss -r dist/whiplash-ui.css --map --use autoprefixer -b '> 5%'"},"_npmUser":{"name":"adamkempa","email":"adam@kempa.com"},"repository":{"url":"git+ssh://git@github.com/whiplashmerch/whiplash-ui.git","type":"git"},"_npmVersion":"6.13.0","description":"UI assets for Whiplash Merch","directories":{},"_nodeVersion":"12.12.0","_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"cssnano":"4.1.10","postcss":"7.0.21","node-sass":"4.13.0","uglify-js":"3.6.8","postcss-cli":"6.1.3","autoprefixer":"9.7.1"},"_npmOperationalInternal":{"tmp":"tmp/whiplash-ui_0.5.2-beta.30_1575398515344_0.695999930983163","host":"s3://npm-registry-packages"}},"0.5.2-beta.31":{"name":"whiplash-ui","version":"0.5.2-beta.31","author":{"url":"http://adamkempa.com/","name":"Adam Kempa","email":"adamkempa@gmail.com"},"license":"MIT","_id":"whiplash-ui@0.5.2-beta.31","maintainers":[{"name":"adamkempa","email":"adam@kempa.com"},{"name":"mark.dickson","email":"mark@sitesteaders.com"},{"name":"montch","email":"montch@gmail.com"}],"contributors":[{"name":"Adam Kempa","email":"adamkempa@gmail.com"},{"name":"Mark Dickson","email":"mark@sitesteaders.com"}],"homepage":"https://github.com/whiplashmerch/whiplash-ui#readme","bugs":{"url":"https://github.com/whiplashmerch/whiplash-ui/issues"},"dist":{"shasum":"693b4133f13ffd389e56d1ca988a60ec3fa85b02","tarball":"https://registry.npmjs.org/whiplash-ui/-/whiplash-ui-0.5.2-beta.31.tgz","fileCount":28,"integrity":"sha512-WtIhtAHzCNpBrEjedK//2GpbvtNqj7CHwFnjL9eGpc0mrxl/qzlbdxnqvmnxjaI8y+8trZo1ULLkpykJ32h2Aw==","signatures":[{"sig":"MEQCIB+v+IcZVH1kXKF3DQV9lMQUdo07lq6+7lvFSWGHka4ZAiApLf9X03oEleGA+9uJgg/wP74dgFUx9eG4XeQAfA1xtQ==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":204917,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJd5q0PCRA9TVsSAnZWagAAG5gP/12EQtPXuCLsR9XKWYIQ\nxrGhUyFvLkBpdBd1oqQdSklOE9FTtr3PCf9NdYiSBhehNyQlfw1cWkNzSHHP\n/nbeEc2rRVzcsiXuhC7bEh+5+x8E6ADpXKWUlApC5ujE+N6CIVJUOnC4mk5F\n0Y0aOcDp4McARtBHKrR2o1MG7TMOBJsDUZXKEtmQhCvTtwdhPWPl/6x5Q/6y\nQz1uCuMD86ClRm9p+0iNkGU72/QqI1ptMRDsf46mCYKFLpOPTgCJjUX2hxmb\nFPRwez6ZXONz20WKuknZGqIkUmhXZRciuri5rH1mjv8lT+top/jefnB1QoMD\npjSiLvH880FMBfU+V+dhEl0fFpN8GAKn0gpf8/OogHWO0ad4xD2cOXRxeff+\n2u3uYJ8/Efv3oi21EDkiplGFvI0gCtKtuark3PVkfVciofizOqulddlVODag\naohAHAr3zNYbxncLAdgNDl9HLlrnShmQQbKpMsOj6IgiMj2PXnlpB0lIT7o2\nEk5CDytVdnUmX4deDQ0YJvGEm6sDq5L9p2eVEiH5xq0KaWtkmxHyN3F0+FUb\np8WrA1KYfbdH98/7eTWYt6uopzBbx+EBEFls4lkyt6bkC32/b6UkTpGqp7YZ\nolGjnu47b40mUco0usyAWRlLkg5HywovPh5RLDYhgr5/OF1p9V6K3TUjXQWo\nLKk+\r\n=PVJW\r\n-----END PGP SIGNATURE-----\r\n"},"main":"/dist/whiplash-ui.js","readme":"# whiplash-ui\nA library of global UI elements for use across Whiplash applications.\n\n\n## Usage\n\nTo implement the Whiplash UI, run `yarn add whiplash-ui` in your project's root directory.\n\nIn your `application.css` add the line:\n\n```\n*= require whiplash-ui/stylesheets/application\n```\n\nIn your `application.js` add the line:\n\n```\n//= require whiplash-ui/javascripts/behavior\n```\n\n## Elements\n\n### DotLoader loading indicator\n\nThis functionality is pulled right from the UI toolkit living style guide. To implement, create an element `<div class=\"loader-wrapper\">` and the JS will populate it with the necessary children for animation when the page loads.\n\n### SelectBox select input field\n\nThis component style is taken from the UI toolkit. To implement this style in a Whiplash UI-styled application, create an element `<select class=\"select-input\">` with options as you normally would. The JavaScript will then parse that element and its options and convert the HTML layout to what is expected to implement the more complex and customized select dropdown input.\n\n### Toggle checkbox control\n\nThe style of this control is taken from the UI toolkit. To implement in a Whiplash UI application, create an element `<input type=\"checkbox\" class=\"toggle-input\">` and the JS will create the required HTML structure to facilitate the complex styling of the element.\n\n### Checkbox\n\n```\n<div class=\"check-box\">\n  <input id=\"test\" type=\"checkbox\" class=\"check-box-input\" name=\"test\" value=\"on\">\n  <span class=\"check-box-button\"></span>\n  <label for=\"test\">This is a checkbox.</label>\n</div><br>\n<div class=\"check-box\">\n  <input id=\"test\" type=\"checkbox\" class=\"check-box-input\" name=\"test\" value=\"on\">\n  <span class=\"check-box-button\"></span>\n  <label for=\"test\">This is a second checkbox.</label>\n</div>\n```\n\n\n### Dropdown/up floating menu control\n\nIn order to implement this, you need to have the following HTML structure:\n\n```\n<div class=\"dropdown-wrapper\">\n\t<button class=\"button text\" data-dropdown=\"up-menu\">Menu Button/Link</button>\n\t<div class=\"dropdown dropdown-up\" id=\"up-menu\">\n\t\t<ul class=\"dropdown-list\">\n\t\t\t<li><a href=\"#\">Stuff</a></li>\n\t\t\t<li><a href=\"#\">Biz</a></li>\n\t\t</ul>\n\t</div>\n</div>\n```\n\nThere are two orientations -- a menu that drops down uses the class `dropdown-down` on the div that wraps `dropdown-list`. A menu that pops up from the button uses the class `dropdown-up`.\n","gitHead":"8779b7611cf68f4d13b11f46df19724335a465cb","scripts":{"js":"cp js/whiplash-ui.js dist/ && uglifyjs --output dist/whiplash-ui.min.js js/whiplash-ui.js","css":"npm run css:sass && npm run css:autoprefix && npm run css:minify","dist":"npm run css && npm run js","css:sass":"node-sass scss/whiplash-ui.scss -o dist","css:minify":"postcss dist/whiplash-ui.css --map --use cssnano -o dist/whiplash-ui.min.css","preversion":"npm run dist","css:autoprefix":"postcss -r dist/whiplash-ui.css --map --use autoprefixer -b '> 5%'"},"_npmUser":{"name":"adamkempa","email":"adam@kempa.com"},"repository":{"url":"git+ssh://git@github.com/whiplashmerch/whiplash-ui.git","type":"git"},"_npmVersion":"6.13.0","description":"UI assets for Whiplash Merch","directories":{},"_nodeVersion":"12.12.0","_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"cssnano":"4.1.10","postcss":"7.0.21","node-sass":"4.13.0","uglify-js":"3.6.8","postcss-cli":"6.1.3","autoprefixer":"9.7.1"},"_npmOperationalInternal":{"tmp":"tmp/whiplash-ui_0.5.2-beta.31_1575398670992_0.10842168225484539","host":"s3://npm-registry-packages"}},"0.5.2-beta.32":{"name":"whiplash-ui","version":"0.5.2-beta.32","author":{"url":"http://adamkempa.com/","name":"Adam Kempa","email":"adamkempa@gmail.com"},"license":"MIT","_id":"whiplash-ui@0.5.2-beta.32","maintainers":[{"name":"adamkempa","email":"adam@kempa.com"},{"name":"mark.dickson","email":"mark@sitesteaders.com"},{"name":"montch","email":"montch@gmail.com"}],"contributors":[{"name":"Adam Kempa","email":"adamkempa@gmail.com"},{"name":"Mark Dickson","email":"mark@sitesteaders.com"}],"homepage":"https://github.com/whiplashmerch/whiplash-ui#readme","bugs":{"url":"https://github.com/whiplashmerch/whiplash-ui/issues"},"dist":{"shasum":"1bc8ee88159f4eb802342612130c557c302f604a","tarball":"https://registry.npmjs.org/whiplash-ui/-/whiplash-ui-0.5.2-beta.32.tgz","fileCount":28,"integrity":"sha512-srhRdxS7aOkEA4yC848TEUwdcAFi69VCPxiKlsudlWiLXzhc+x/4b6S/zQOV6lsOpeLDtX+W8NfCimOnasmJxQ==","signatures":[{"sig":"MEQCIE4U5kfnvTF+kWpu3WUqKZTPtkN/6Sx7vECS1Qqf7ZsKAiBAT/AF5HgZIWcJIzVbNkVwz30LvanvDj6aCf2NzLKVOg==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":204922,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJd5q2CCRA9TVsSAnZWagAAEl4P/i5ozCnWBCLJdsF1r6zD\ndX8iRn2uqpTPi6EFyeieT/flfmLyJV6X8nLPjQmVpTNd8cbOPJSJBpw1X8Jb\nyE2WxkPqbLdtitFkDI1o+Ab5W6N6uNbdbWDd1ZwaSj9fJ0wm3SviBJF5dPTS\nwvT0wcWvpPSPgBLT7VdV9DICG/EGJx5k7EIeDPLIMcKE6QhX0ACNXSZ0S/ZV\n9eYZiKWgnKRBynl/WjcokWnW/r0vwLpNkMPzyvSF1FrglBgRBUZ+GZTdOfso\n5THxHmETEM3J67/CjcCV58nQdjIE19yzlnEn05J2afVrGf7hpcQaOgrX/rDG\nInI83/Hey9DqpR17sgxfvpxASRXa2GRraqLctc2tYGLzD55gT/41pSUHIDD3\nSjT7HJzdirt+pITxmTURPEznkdE38MXj0O1SPxkuz7RnaZ3EBC4BtQ7/c+PK\n6Q1qWAw4BW93anvWpK3r1TRV5JqC+uj1CI8UznJFgIWa1fjzKvgK+F/Gxbdt\nnTQ+NmbHZWEgqxyKbf787/OlLRopeREYJvWTjUspm8/EczNVOMKWdzHytPUL\nOf1dsS1OdpUWvIgZ/sO7tdV0D3LEDrHNh3PwfqgOqpIQVTNXZvyE9bUIs0uP\n1FA3sftmkpSgYoy7Nm1DFuTNgk5+TJs9+xM+kmHtoJHC+AeBqOsbZisu1Pij\nK6UO\r\n=XDpb\r\n-----END PGP SIGNATURE-----\r\n"},"main":"/dist/whiplash-ui.js","readme":"# whiplash-ui\nA library of global UI elements for use across Whiplash applications.\n\n\n## Usage\n\nTo implement the Whiplash UI, run `yarn add whiplash-ui` in your project's root directory.\n\nIn your `application.css` add the line:\n\n```\n*= require whiplash-ui/stylesheets/application\n```\n\nIn your `application.js` add the line:\n\n```\n//= require whiplash-ui/javascripts/behavior\n```\n\n## Elements\n\n### DotLoader loading indicator\n\nThis functionality is pulled right from the UI toolkit living style guide. To implement, create an element `<div class=\"loader-wrapper\">` and the JS will populate it with the necessary children for animation when the page loads.\n\n### SelectBox select input field\n\nThis component style is taken from the UI toolkit. To implement this style in a Whiplash UI-styled application, create an element `<select class=\"select-input\">` with options as you normally would. The JavaScript will then parse that element and its options and convert the HTML layout to what is expected to implement the more complex and customized select dropdown input.\n\n### Toggle checkbox control\n\nThe style of this control is taken from the UI toolkit. To implement in a Whiplash UI application, create an element `<input type=\"checkbox\" class=\"toggle-input\">` and the JS will create the required HTML structure to facilitate the complex styling of the element.\n\n### Checkbox\n\n```\n<div class=\"check-box\">\n  <input id=\"test\" type=\"checkbox\" class=\"check-box-input\" name=\"test\" value=\"on\">\n  <span class=\"check-box-button\"></span>\n  <label for=\"test\">This is a checkbox.</label>\n</div><br>\n<div class=\"check-box\">\n  <input id=\"test\" type=\"checkbox\" class=\"check-box-input\" name=\"test\" value=\"on\">\n  <span class=\"check-box-button\"></span>\n  <label for=\"test\">This is a second checkbox.</label>\n</div>\n```\n\n\n### Dropdown/up floating menu control\n\nIn order to implement this, you need to have the following HTML structure:\n\n```\n<div class=\"dropdown-wrapper\">\n\t<button class=\"button text\" data-dropdown=\"up-menu\">Menu Button/Link</button>\n\t<div class=\"dropdown dropdown-up\" id=\"up-menu\">\n\t\t<ul class=\"dropdown-list\">\n\t\t\t<li><a href=\"#\">Stuff</a></li>\n\t\t\t<li><a href=\"#\">Biz</a></li>\n\t\t</ul>\n\t</div>\n</div>\n```\n\nThere are two orientations -- a menu that drops down uses the class `dropdown-down` on the div that wraps `dropdown-list`. A menu that pops up from the button uses the class `dropdown-up`.\n","gitHead":"8779b7611cf68f4d13b11f46df19724335a465cb","scripts":{"js":"cp js/whiplash-ui.js dist/ && uglifyjs --output dist/whiplash-ui.min.js js/whiplash-ui.js","css":"npm run css:sass && npm run css:autoprefix && npm run css:minify","dist":"npm run css && npm run js","css:sass":"node-sass scss/whiplash-ui.scss -o dist","css:minify":"postcss dist/whiplash-ui.css --map --use cssnano -o dist/whiplash-ui.min.css","preversion":"npm run dist","css:autoprefix":"postcss -r dist/whiplash-ui.css --map --use autoprefixer -b '> 5%'"},"_npmUser":{"name":"adamkempa","email":"adam@kempa.com"},"repository":{"url":"git+ssh://git@github.com/whiplashmerch/whiplash-ui.git","type":"git"},"_npmVersion":"6.13.0","description":"UI assets for Whiplash Merch","directories":{},"_nodeVersion":"12.12.0","_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"cssnano":"4.1.10","postcss":"7.0.21","node-sass":"4.13.0","uglify-js":"3.6.8","postcss-cli":"6.1.3","autoprefixer":"9.7.1"},"_npmOperationalInternal":{"tmp":"tmp/whiplash-ui_0.5.2-beta.32_1575398786253_0.621767586021905","host":"s3://npm-registry-packages"}},"0.5.2-beta.33":{"name":"whiplash-ui","version":"0.5.2-beta.33","author":{"url":"http://adamkempa.com/","name":"Adam Kempa","email":"adamkempa@gmail.com"},"license":"MIT","_id":"whiplash-ui@0.5.2-beta.33","maintainers":[{"name":"adamkempa","email":"adam@kempa.com"},{"name":"mark.dickson","email":"mark@sitesteaders.com"},{"name":"montch","email":"montch@gmail.com"}],"contributors":[{"name":"Adam Kempa","email":"adamkempa@gmail.com"},{"name":"Mark Dickson","email":"mark@sitesteaders.com"}],"homepage":"https://github.com/whiplashmerch/whiplash-ui#readme","bugs":{"url":"https://github.com/whiplashmerch/whiplash-ui/issues"},"dist":{"shasum":"ae262a1c8a9b0b622c13d52889d20deede251afb","tarball":"https://registry.npmjs.org/whiplash-ui/-/whiplash-ui-0.5.2-beta.33.tgz","fileCount":28,"integrity":"sha512-hOVkn7RzzsL7QBhws4DQqi0k7NjCPeYs/PdTzjMLfUqIPMYmw/YChIKH4y4FRQuT4kvIIvd3EDhA05hCaIvFvA==","signatures":[{"sig":"MEQCIHoaHduLK2meCsVBt5ahmyrYsAmDWqSNbhTSN9F9BhtsAiBDU1UdvsGcxRhhS0jKVjawqWPCF2dSP0TlCIziPWfVDQ==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":204822,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJd5riQCRA9TVsSAnZWagAAaFoQAJDahwS2xigiMgMNm/KZ\nZF7wWZAXOIiQ8BuwpDeCubzUlf6KpuCpdgCVWi5Yyai2E2M3a/5j5PYdkql1\nbVHkEzQiFDKLD1986FlqrWzrKgaTHRHDdAhf/LuJPxpC2HZ6cApUrblJEO8a\nV9GrYFbrohy9zYxPIPBh9g6Nvb66VVmP7mVG4ldbYgeP2MSutbAUfW42VOKN\ndIgSMI+kdNDg9OtnR8DGEzDS05X1mqbYjNH4SkTJICcb74+uNUsPAhn9n6Je\nb9qgQ5AtxR/weZ+NoheFXbt7nJXKmFFnji/wIfc6+3PEDveEAwTzZJEvBEe7\nceLxQCAi4ny9v8RGvHB6vBUouAq4MS5/PRsWcXPQkqNZM2heLUh8CGwTiWrL\nDxs+qaY66DRBMHF+FqXPEtYZRFiTEdemz8nstawOUeZN9OhxyKoDDkIPMOaj\nnq1XiU+cEvkNpR78SUSpvsJsIVFZSxfjYHCMaujp6w5G5u2aQvF5Q7QTbNri\n6T3g/DRAWgRhrXuGy1bVs2tY9i9byXCjKL06ksILTNYK/MIkDcuWhV7vFgXU\nLVNLpOa/Cmxmziy+DRZZKU/V0J1JH6MN5vbPjwM7aLm0XYCvAR5G58+F1OFX\nttSDBnW/cYlgLbxwer5jBmJ8QKR5iRKXhVtlDO2uinMbTIJuKRBcLqjKNPMA\ngLJk\r\n=PNvc\r\n-----END PGP SIGNATURE-----\r\n"},"main":"/dist/whiplash-ui.js","readme":"# whiplash-ui\nA library of global UI elements for use across Whiplash applications.\n\n\n## Usage\n\nTo implement the Whiplash UI, run `yarn add whiplash-ui` in your project's root directory.\n\nIn your `application.css` add the line:\n\n```\n*= require whiplash-ui/stylesheets/application\n```\n\nIn your `application.js` add the line:\n\n```\n//= require whiplash-ui/javascripts/behavior\n```\n\n## Elements\n\n### DotLoader loading indicator\n\nThis functionality is pulled right from the UI toolkit living style guide. To implement, create an element `<div class=\"loader-wrapper\">` and the JS will populate it with the necessary children for animation when the page loads.\n\n### SelectBox select input field\n\nThis component style is taken from the UI toolkit. To implement this style in a Whiplash UI-styled application, create an element `<select class=\"select-input\">` with options as you normally would. The JavaScript will then parse that element and its options and convert the HTML layout to what is expected to implement the more complex and customized select dropdown input.\n\n### Toggle checkbox control\n\nThe style of this control is taken from the UI toolkit. To implement in a Whiplash UI application, create an element `<input type=\"checkbox\" class=\"toggle-input\">` and the JS will create the required HTML structure to facilitate the complex styling of the element.\n\n### Checkbox\n\n```\n<div class=\"check-box\">\n  <input id=\"test\" type=\"checkbox\" class=\"check-box-input\" name=\"test\" value=\"on\">\n  <span class=\"check-box-button\"></span>\n  <label for=\"test\">This is a checkbox.</label>\n</div><br>\n<div class=\"check-box\">\n  <input id=\"test\" type=\"checkbox\" class=\"check-box-input\" name=\"test\" value=\"on\">\n  <span class=\"check-box-button\"></span>\n  <label for=\"test\">This is a second checkbox.</label>\n</div>\n```\n\n\n### Dropdown/up floating menu control\n\nIn order to implement this, you need to have the following HTML structure:\n\n```\n<div class=\"dropdown-wrapper\">\n\t<button class=\"button text\" data-dropdown=\"up-menu\">Menu Button/Link</button>\n\t<div class=\"dropdown dropdown-up\" id=\"up-menu\">\n\t\t<ul class=\"dropdown-list\">\n\t\t\t<li><a href=\"#\">Stuff</a></li>\n\t\t\t<li><a href=\"#\">Biz</a></li>\n\t\t</ul>\n\t</div>\n</div>\n```\n\nThere are two orientations -- a menu that drops down uses the class `dropdown-down` on the div that wraps `dropdown-list`. A menu that pops up from the button uses the class `dropdown-up`.\n","gitHead":"8779b7611cf68f4d13b11f46df19724335a465cb","scripts":{"js":"cp js/whiplash-ui.js dist/ && uglifyjs --output dist/whiplash-ui.min.js js/whiplash-ui.js","css":"npm run css:sass && npm run css:autoprefix && npm run css:minify","dist":"npm run css && npm run js","css:sass":"node-sass scss/whiplash-ui.scss -o dist","css:minify":"postcss dist/whiplash-ui.css --map --use cssnano -o dist/whiplash-ui.min.css","preversion":"npm run dist","css:autoprefix":"postcss -r dist/whiplash-ui.css --map --use autoprefixer -b '> 5%'"},"_npmUser":{"name":"adamkempa","email":"adam@kempa.com"},"repository":{"url":"git+ssh://git@github.com/whiplashmerch/whiplash-ui.git","type":"git"},"_npmVersion":"6.13.0","description":"UI assets for Whiplash Merch","directories":{},"_nodeVersion":"12.12.0","_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"cssnano":"4.1.10","postcss":"7.0.21","node-sass":"4.13.0","uglify-js":"3.6.8","postcss-cli":"6.1.3","autoprefixer":"9.7.1"},"_npmOperationalInternal":{"tmp":"tmp/whiplash-ui_0.5.2-beta.33_1575401616097_0.06152418822589123","host":"s3://npm-registry-packages"}},"0.5.2-beta.34":{"name":"whiplash-ui","version":"0.5.2-beta.34","author":{"url":"http://adamkempa.com/","name":"Adam Kempa","email":"adamkempa@gmail.com"},"license":"MIT","_id":"whiplash-ui@0.5.2-beta.34","maintainers":[{"name":"adamkempa","email":"adam@kempa.com"},{"name":"mark.dickson","email":"mark@sitesteaders.com"},{"name":"montch","email":"montch@gmail.com"}],"contributors":[{"name":"Adam Kempa","email":"adamkempa@gmail.com"},{"name":"Mark Dickson","email":"mark@sitesteaders.com"}],"homepage":"https://github.com/whiplashmerch/whiplash-ui#readme","bugs":{"url":"https://github.com/whiplashmerch/whiplash-ui/issues"},"dist":{"shasum":"97609ebd3ca41841d3085fac8003dcd5a1307fa7","tarball":"https://registry.npmjs.org/whiplash-ui/-/whiplash-ui-0.5.2-beta.34.tgz","fileCount":28,"integrity":"sha512-MArIbcpDwpJR16w3JCsI5APPlP0uK49zRfRDMddHPBHcV1Bh5G4kaBeqWoKnX7tTeeGx5xQCXnn+LHj+Gd0eGg==","signatures":[{"sig":"MEYCIQDhH8KMqYRUZKTF6W7mcFnAECUIY2hfLX2iXhtw/DNWxQIhAKa1s297sRmZ2hpq/2pgv5BTyp2MsclWg/piPt9vAZjX","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":204755,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJd6WVWCRA9TVsSAnZWagAAifgQAJWLWAW8AjwDQZyjJszD\nWKGEUKmrMaag96OLlcO44JsfSh6IdtJ3HKH8yp3tPsdYBzxpsw/uS0uyzGvw\ni1fGYClCVt9jADdG9vWKpTql+GFhhsGkPr+lORQ0oVSeGFx4moOKLxcmC2XB\nN6PrrHk1kofiM0LK1UQeQsLFrDNoT0lD0N0wHF/2XijdokxDVc3IR6PLzCjg\nGFzShzldif0YZCh3lCMt56fdC3MzLs7QxaNgVnVjCDtqNk/MaEAzH5vi0T8D\nAD7QgMWm0XHOYsVvNA0HvvdKx57M9WIyVfiCovQO7R66GZL8H/7KkWUrCNyY\ndIACU9/1M5u3uT1xvXCC9F4PLxjOuMRvv2XMNVdUCITr2KCNwe5Zwqu33i/H\ni8xnibiqY3+SGd1joEmW5WwvaY/3UrKx2PuLJSY309CmapC/s/NWN34V1zp7\n+TO82TREygMPId2QoDjyPP3WHEoMqPVy1kpXwVVVEXX5c2NOZ1fA3XmtABZB\nLo4zDr8+YLQtDn+Vs30FShZoxEoz4/X/nDM2mDFnb3+yKsPFoJEZFs+5AELJ\nD5NN17SqIzZ3z0tOVfnfciOJaUrjEmz/Riog4UMQlOwHQpEyWszhN2a939XA\n9Oom5v1WY+EReCpDhMSUW85ibusa8vashpcXl7PoA/kf6R8jF8qKy2e8H4BQ\nm1MA\r\n=fgt9\r\n-----END PGP SIGNATURE-----\r\n"},"main":"/dist/whiplash-ui.js","readme":"# whiplash-ui\nA library of global UI elements for use across Whiplash applications.\n\n\n## Usage\n\nTo implement the Whiplash UI, run `yarn add whiplash-ui` in your project's root directory.\n\nIn your `application.css` add the line:\n\n```\n*= require whiplash-ui/stylesheets/application\n```\n\nIn your `application.js` add the line:\n\n```\n//= require whiplash-ui/javascripts/behavior\n```\n\n## Elements\n\n### DotLoader loading indicator\n\nThis functionality is pulled right from the UI toolkit living style guide. To implement, create an element `<div class=\"loader-wrapper\">` and the JS will populate it with the necessary children for animation when the page loads.\n\n### SelectBox select input field\n\nThis component style is taken from the UI toolkit. To implement this style in a Whiplash UI-styled application, create an element `<select class=\"select-input\">` with options as you normally would. The JavaScript will then parse that element and its options and convert the HTML layout to what is expected to implement the more complex and customized select dropdown input.\n\n### Toggle checkbox control\n\nThe style of this control is taken from the UI toolkit. To implement in a Whiplash UI application, create an element `<input type=\"checkbox\" class=\"toggle-input\">` and the JS will create the required HTML structure to facilitate the complex styling of the element.\n\n### Checkbox\n\n```\n<div class=\"check-box\">\n  <input id=\"test\" type=\"checkbox\" class=\"check-box-input\" name=\"test\" value=\"on\">\n  <span class=\"check-box-button\"></span>\n  <label for=\"test\">This is a checkbox.</label>\n</div><br>\n<div class=\"check-box\">\n  <input id=\"test\" type=\"checkbox\" class=\"check-box-input\" name=\"test\" value=\"on\">\n  <span class=\"check-box-button\"></span>\n  <label for=\"test\">This is a second checkbox.</label>\n</div>\n```\n\n\n### Dropdown/up floating menu control\n\nIn order to implement this, you need to have the following HTML structure:\n\n```\n<div class=\"dropdown-wrapper\">\n\t<button class=\"button text\" data-dropdown=\"up-menu\">Menu Button/Link</button>\n\t<div class=\"dropdown dropdown-up\" id=\"up-menu\">\n\t\t<ul class=\"dropdown-list\">\n\t\t\t<li><a href=\"#\">Stuff</a></li>\n\t\t\t<li><a href=\"#\">Biz</a></li>\n\t\t</ul>\n\t</div>\n</div>\n```\n\nThere are two orientations -- a menu that drops down uses the class `dropdown-down` on the div that wraps `dropdown-list`. A menu that pops up from the button uses the class `dropdown-up`.\n","gitHead":"8779b7611cf68f4d13b11f46df19724335a465cb","scripts":{"js":"cp js/whiplash-ui.js dist/ && uglifyjs --output dist/whiplash-ui.min.js js/whiplash-ui.js","css":"npm run css:sass && npm run css:autoprefix && npm run css:minify","dist":"npm run css && npm run js","css:sass":"node-sass scss/whiplash-ui.scss -o dist","css:minify":"postcss dist/whiplash-ui.css --map --use cssnano -o dist/whiplash-ui.min.css","preversion":"npm run dist","css:autoprefix":"postcss -r dist/whiplash-ui.css --map --use autoprefixer -b '> 5%'"},"_npmUser":{"name":"adamkempa","email":"adam@kempa.com"},"repository":{"url":"git+ssh://git@github.com/whiplashmerch/whiplash-ui.git","type":"git"},"_npmVersion":"6.13.0","description":"UI assets for Whiplash Merch","directories":{},"_nodeVersion":"12.12.0","_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"cssnano":"4.1.10","postcss":"7.0.21","node-sass":"4.13.0","uglify-js":"3.6.8","postcss-cli":"6.1.3","autoprefixer":"9.7.1"},"_npmOperationalInternal":{"tmp":"tmp/whiplash-ui_0.5.2-beta.34_1575576918039_0.9869675524804167","host":"s3://npm-registry-packages"}},"0.5.2":{"name":"whiplash-ui","version":"0.5.2","author":{"url":"http://adamkempa.com/","name":"Adam Kempa","email":"adamkempa@gmail.com"},"license":"MIT","_id":"whiplash-ui@0.5.2","maintainers":[{"name":"adamkempa","email":"adam@kempa.com"},{"name":"mark.dickson","email":"mark@sitesteaders.com"},{"name":"montch","email":"montch@gmail.com"}],"contributors":[{"name":"Adam Kempa","email":"adamkempa@gmail.com"},{"name":"Mark Dickson","email":"mark@sitesteaders.com"}],"homepage":"https://github.com/whiplashmerch/whiplash-ui#readme","bugs":{"url":"https://github.com/whiplashmerch/whiplash-ui/issues"},"dist":{"shasum":"405907d7cc3f83eb5cece28a81dad2ac6fa498b5","tarball":"https://registry.npmjs.org/whiplash-ui/-/whiplash-ui-0.5.2.tgz","fileCount":28,"integrity":"sha512-U2C0yr1JBN9ixbXO33ks4bKvu0fL8MOo7eXQFPCcXlMIyg1m7zyKddGohvAupHncetPUgx6XtFqcx5Knvx6FKQ==","signatures":[{"sig":"MEUCIFY50ieo17NIHH04WG4yqvK8veC8DURcot72J2CRsjFDAiEAgqMwIcDzrathw2xVkXiBEk9xRqSU7gaDaODMUYnp1GM=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":205069,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeGTYkCRA9TVsSAnZWagAA55IQAKT3aUTMW7jLDgWxyQ1d\nTVL5/JdEUBkP9c2+3gB+G2hxM4JqYM912feQW9QI1EIReH+LMz3+1gOlBlYA\ntAkSF5hQXClmmTj3qU36XaPesdQlDC412Kmnm4+OiVgH2TPziCp3KPF3W42G\nCFx4ixvjcGKDHbE/BIu/fj+skKSrOzMgQc6jzG/MPDSczCCBQ8zFFMUDBKwM\n/ZZtoX3OaRpNYECa2YC6qGQaeIrlp2wbjUmfIJhayJNtGF+kGxt2ZRHWQFAW\nA0YTyrhlebiv9FgKfL0oNFkAcIN/THoLFQmtxslayfzivJL6xygr1yChUptb\nBiRf5nSxTEQYFEsFi8ZxwF1lOMBkUrhBVKUNV4CRMBvdEP9zF7fmwaGY76CY\ncwpNeGEkrP6M3T8MvSbq+MNaJtT1bJonDMMTXdM+Y1JmLqWtWVpdWEBnH5Hg\nY8N25IkEYMbyXEpRXDkJLNHAjn6dpq14Z7WVNJlXKj4pweawO5QLopd226Qw\nHdW9Ar3Zdrw6s+fJCJPnd2p/KrqX81wNBT+Oq901aJYV0GfogpxMZ506SsSx\n1aAgU6xMwrmiScQ+4nvFa5rWTznCxi+WjkcLUhiWFXNyNRG9p40KfRo9ryit\nAiA2JdVeSXi6YrfT+lA5yua0Zm7yVrKEpwuYkD/YM1yWGSeIzF1n4d8sQJoN\nVFuy\r\n=/uG3\r\n-----END PGP SIGNATURE-----\r\n"},"main":"/dist/whiplash-ui.js","gitHead":"31c1122066aaa097e08ff176dfe4003643c9c56d","scripts":{"js":"cp js/whiplash-ui.js dist/ && uglifyjs --output dist/whiplash-ui.min.js js/whiplash-ui.js","css":"npm run css:sass && npm run css:autoprefix && npm run css:minify","dist":"npm run css && npm run js","css:sass":"node-sass scss/whiplash-ui.scss -o dist","css:minify":"postcss dist/whiplash-ui.css --map --use cssnano -o dist/whiplash-ui.min.css","preversion":"npm run dist","css:autoprefix":"postcss -r dist/whiplash-ui.css --map --use autoprefixer -b '> 5%'"},"_npmUser":{"name":"adamkempa","email":"adam@kempa.com"},"repository":{"url":"git+ssh://git@github.com/whiplashmerch/whiplash-ui.git","type":"git"},"_npmVersion":"6.13.4","description":"UI assets for Whiplash Merch","directories":{},"_nodeVersion":"13.5.0","_hasShrinkwrap":false,"devDependencies":{"cssnano":"4.1.10","postcss":"7.0.21","node-sass":"4.13.0","uglify-js":"3.6.8","postcss-cli":"6.1.3","autoprefixer":"9.7.1"},"_npmOperationalInternal":{"tmp":"tmp/whiplash-ui_0.5.2_1578710563635_0.025108429707537017","host":"s3://npm-registry-packages"}},"0.5.3-beta.0":{"name":"whiplash-ui","version":"0.5.3-beta.0","author":{"url":"http://adamkempa.com/","name":"Adam Kempa","email":"adamkempa@gmail.com"},"license":"MIT","_id":"whiplash-ui@0.5.3-beta.0","maintainers":[{"name":"adamkempa","email":"adam@kempa.com"},{"name":"mark.dickson","email":"mark@sitesteaders.com"},{"name":"montch","email":"montch@gmail.com"}],"contributors":[{"name":"Adam Kempa","email":"adamkempa@gmail.com"},{"name":"Mark Dickson","email":"mark@sitesteaders.com"}],"homepage":"https://github.com/whiplashmerch/whiplash-ui#readme","bugs":{"url":"https://github.com/whiplashmerch/whiplash-ui/issues"},"dist":{"shasum":"7fe41b5263db6730854c006cb17808253b0ac3c3","tarball":"https://registry.npmjs.org/whiplash-ui/-/whiplash-ui-0.5.3-beta.0.tgz","fileCount":29,"integrity":"sha512-9QhEHRyO/SVGZ8XHuEE4hV/GH22Dy0I7ag9RIOcIrBriobGUwibN7iwUhJFJyGtzjjx2ebA3EvN2HAEB8e8sbw==","signatures":[{"sig":"MEUCIC5Yci3qbaiCE9w0wL1nFC8vE9C9ogu8HDZdIdWAaZD1AiEAuMS3suf5NrUYGYR4jCcpYqcGUL3DfZ6beGPYZYGwlRM=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":205355,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeJyJ9CRA9TVsSAnZWagAAUlYP/1q1JYWbYZbmAhXuP2c7\nze/TTZeRMPWW3yg9Idw5B9OlGwvwJSlywJdp9b7gwCTHNnpUy908rD75I1Ek\nmQMF4SsdqFit+3WBAPW4kRHoxiDxjLRiyOgYKXSEMkuCj6V/YKzdoUYw33wb\nFztMNMEecUuqP3gKIn9ie2xTbijPVcbyPT6QUBvr+08MMlislRjIjLoeWj5r\nyK2xzkNiaNmr7y5m+IXtOOrDYnxe59WTPfHllSpXVqHpoDtfN6ANjo0lMvEH\nxNwvsFv3OL9v0NL2KOhqLIFfKzYEcrWsYVbqQQTk6IG3jn+EdAqjNxExQb0g\n9OHMI7hptrCBHfz6N2UHkb8Bq/QECJ75fmBTy2jZcsCn7RvQX6677kDggbWv\nGe71mhLEoXouqdZTi0l2ahqcvTxynDBdSc1fUd28i+a2oCMzGYnxQpusmzo0\n+QLJ3u3KVY6I4kWZq9CuCMQ73nJzAL+EIaeon2c4pGu0c8msiYRUws9PPw+B\niuitVrrx7hSfWAz7p7ncWGI8IRCBEwp0tD4JmgmGDNT8qQuo5KEtzUfL0zfO\n50XKmrNZc9jNSu6mk6C3CL+6WwIxdzNevf7o5hIjhrsW4OXm2QZKMzBkV5bR\nazBMN7KctigozzXvkMlEXnaMRqF0vOTIeYUX8mC0Zp1M70QQJvKK93MTkLHa\n7+eg\r\n=OcPp\r\n-----END PGP SIGNATURE-----\r\n"},"main":"/dist/whiplash-ui.js","readme":"# whiplash-ui\nA library of global UI elements for use across Whiplash applications.\n\n\n## Usage\n\nTo implement the Whiplash UI, run `yarn add whiplash-ui` in your project's root directory.\n\nIn your `application.css` add the line:\n\n```\n*= require whiplash-ui/stylesheets/application\n```\n\nIn your `application.js` add the line:\n\n```\n//= require whiplash-ui/javascripts/behavior\n```\n\n## Elements\n\n### DotLoader loading indicator\n\nThis functionality is pulled right from the UI toolkit living style guide. To implement, create an element `<div class=\"loader-wrapper\">` and the JS will populate it with the necessary children for animation when the page loads.\n\n### SelectBox select input field\n\nThis component style is taken from the UI toolkit. To implement this style in a Whiplash UI-styled application, create an element `<select class=\"select-input\">` with options as you normally would. The JavaScript will then parse that element and its options and convert the HTML layout to what is expected to implement the more complex and customized select dropdown input.\n\n### Toggle checkbox control\n\nThe style of this control is taken from the UI toolkit. To implement in a Whiplash UI application, create an element `<input type=\"checkbox\" class=\"toggle-input\">` and the JS will create the required HTML structure to facilitate the complex styling of the element.\n\n### Checkbox\n\n```\n<div class=\"check-box\">\n  <input id=\"test\" type=\"checkbox\" class=\"check-box-input\" name=\"test\" value=\"on\">\n  <span class=\"check-box-button\"></span>\n  <label for=\"test\">This is a checkbox.</label>\n</div><br>\n<div class=\"check-box\">\n  <input id=\"test\" type=\"checkbox\" class=\"check-box-input\" name=\"test\" value=\"on\">\n  <span class=\"check-box-button\"></span>\n  <label for=\"test\">This is a second checkbox.</label>\n</div>\n```\n\n\n### Dropdown/up floating menu control\n\nIn order to implement this, you need to have the following HTML structure:\n\n```\n<div class=\"dropdown-wrapper\">\n\t<button class=\"button text\" data-dropdown=\"up-menu\">Menu Button/Link</button>\n\t<div class=\"dropdown dropdown-up\" id=\"up-menu\">\n\t\t<ul class=\"dropdown-list\">\n\t\t\t<li><a href=\"#\">Stuff</a></li>\n\t\t\t<li><a href=\"#\">Biz</a></li>\n\t\t</ul>\n\t</div>\n</div>\n```\n\nThere are two orientations -- a menu that drops down uses the class `dropdown-down` on the div that wraps `dropdown-list`. A menu that pops up from the button uses the class `dropdown-up`.\n","gitHead":"57bd6c88890da7371da04a81b2754a4a49aeceed","scripts":{"js":"cp js/whiplash-ui.js dist/ && uglifyjs --output dist/whiplash-ui.min.js js/whiplash-ui.js","css":"npm run css:sass && npm run css:autoprefix && npm run css:minify","dist":"npm run css && npm run js","css:sass":"node-sass scss/whiplash-ui.scss -o dist","css:minify":"postcss dist/whiplash-ui.css --map --use cssnano -o dist/whiplash-ui.min.css","preversion":"npm run dist","css:autoprefix":"postcss -r dist/whiplash-ui.css --map --use autoprefixer -b '> 5%'"},"_npmUser":{"name":"jeffgarris","email":"jeffsgarris@gmail.com"},"repository":{"url":"git+ssh://git@github.com/whiplashmerch/whiplash-ui.git","type":"git"},"_npmVersion":"6.12.1","description":"UI assets for Whiplash Merch","directories":{},"_nodeVersion":"13.1.0","_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"cssnano":"4.1.10","postcss":"7.0.21","node-sass":"4.13.0","uglify-js":"3.6.8","postcss-cli":"6.1.3","autoprefixer":"9.7.1"},"_npmOperationalInternal":{"tmp":"tmp/whiplash-ui_0.5.3-beta.0_1579623036875_0.019979778602901455","host":"s3://npm-registry-packages"}},"0.5.3-beta.1":{"name":"whiplash-ui","version":"0.5.3-beta.1","author":{"url":"http://adamkempa.com/","name":"Adam Kempa","email":"adamkempa@gmail.com"},"license":"MIT","_id":"whiplash-ui@0.5.3-beta.1","maintainers":[{"name":"adamkempa","email":"adam@kempa.com"},{"name":"jeffgarris","email":"jeffsgarris@gmail.com"},{"name":"mark.dickson","email":"mark@sitesteaders.com"},{"name":"montch","email":"montch@gmail.com"}],"contributors":[{"name":"Adam Kempa","email":"adamkempa@gmail.com"},{"name":"Mark Dickson","email":"mark@sitesteaders.com"}],"homepage":"https://github.com/whiplashmerch/whiplash-ui#readme","bugs":{"url":"https://github.com/whiplashmerch/whiplash-ui/issues"},"dist":{"shasum":"88c324da18b9f087557c2f98c99fdef1ce7619b7","tarball":"https://registry.npmjs.org/whiplash-ui/-/whiplash-ui-0.5.3-beta.1.tgz","fileCount":29,"integrity":"sha512-coiLrmzbiVVCdxp9/C0LvYfDwDBI+ZPfIYRYa4jGRniHBps9bSQbMVj+hkhCB7UOOMfHLOLFbd152vkYUtGjAw==","signatures":[{"sig":"MEYCIQDWCROaj9BjgW8rjuBPVNAp+b3p1cqGuuQbc/O8tP660gIhAJL2li2XN89bMM11yMEF04ApKBys6qTcdklUwvc5YHw7","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":206674,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeJ2HDCRA9TVsSAnZWagAAHd4P/RgtPQrqLrHgcrfh5ytl\nHj3K/nv5ynBbBhQ/iu8vS3nobQv8/BWtwA5N0YLPA80CDotrzSG6ZP1PH1Vg\nhey88Xe5dzMj1cQuAz7PnYsXySbvULClPeP3JcpC/XsLjI46SOxKu5PMyGiU\n41xUkbXXuenqhuofrURl9/ErVvF2C2rBEhHsQwkLUtRf+i/teFOy5fsK0Wg7\nkS0sqtiJDQ1L5ot32MoaL909TEzL5UTg1b6EYmwFDsLDTxvFn5J94we4Hkdx\n3Ea8GdSInxKC7gkYQPzaAR1xVMEuTNiMoMM+qh2frqRX3umaR4XxlrV1s18j\nQ8EWoyi44fD33Q5kwpHY8KsV/3nXBt6bJ4bO1WDacDs2MWHdajaiWpI5LOg0\nwqDifARX01tFPXgY8tz0625x9fP3Xxma+u4Hl0wM7OEiQPFXTTAL8keT4RRr\nBT8LqyIvyUV/Gr/i5DWjFKWy102dQarXlL3ZXZJRo701RdLKxSFK4ebAVOZ/\n63N6rEc7inDs2pnxYECR8Xx+O/POGxuAQ44Rp82wu6zoUG+R+k3U++ti2ogy\nZsln4A18AoUtPcUTDQroCAYNDNQPgX+S31S08BvYq8rPaMtRAq04M4STdPSM\nVFZ9hjh28+qPAmH7Y3Y5B8xqDcyxmuWFCE/VnpCIwmcgukI+JYPyLgthc4lb\nccBf\r\n=TIKp\r\n-----END PGP SIGNATURE-----\r\n"},"main":"/dist/whiplash-ui.js","readme":"# whiplash-ui\nA library of global UI elements for use across Whiplash applications.\n\n\n## Usage\n\nTo implement the Whiplash UI, run `yarn add whiplash-ui` in your project's root directory.\n\nIn your `application.css` add the line:\n\n```\n*= require whiplash-ui/stylesheets/application\n```\n\nIn your `application.js` add the line:\n\n```\n//= require whiplash-ui/javascripts/behavior\n```\n\n## Elements\n\n### DotLoader loading indicator\n\nThis functionality is pulled right from the UI toolkit living style guide. To implement, create an element `<div class=\"loader-wrapper\">` and the JS will populate it with the necessary children for animation when the page loads.\n\n### SelectBox select input field\n\nThis component style is taken from the UI toolkit. To implement this style in a Whiplash UI-styled application, create an element `<select class=\"select-input\">` with options as you normally would. The JavaScript will then parse that element and its options and convert the HTML layout to what is expected to implement the more complex and customized select dropdown input.\n\n### Toggle checkbox control\n\nThe style of this control is taken from the UI toolkit. To implement in a Whiplash UI application, create an element `<input type=\"checkbox\" class=\"toggle-input\">` and the JS will create the required HTML structure to facilitate the complex styling of the element.\n\n### Checkbox\n\n```\n<div class=\"check-box\">\n  <input id=\"test\" type=\"checkbox\" class=\"check-box-input\" name=\"test\" value=\"on\">\n  <span class=\"check-box-button\"></span>\n  <label for=\"test\">This is a checkbox.</label>\n</div><br>\n<div class=\"check-box\">\n  <input id=\"test\" type=\"checkbox\" class=\"check-box-input\" name=\"test\" value=\"on\">\n  <span class=\"check-box-button\"></span>\n  <label for=\"test\">This is a second checkbox.</label>\n</div>\n```\n\n\n### Dropdown/up floating menu control\n\nIn order to implement this, you need to have the following HTML structure:\n\n```\n<div class=\"dropdown-wrapper\">\n\t<button class=\"button text\" data-dropdown=\"up-menu\">Menu Button/Link</button>\n\t<div class=\"dropdown dropdown-up\" id=\"up-menu\">\n\t\t<ul class=\"dropdown-list\">\n\t\t\t<li><a href=\"#\">Stuff</a></li>\n\t\t\t<li><a href=\"#\">Biz</a></li>\n\t\t</ul>\n\t</div>\n</div>\n```\n\nThere are two orientations -- a menu that drops down uses the class `dropdown-down` on the div that wraps `dropdown-list`. A menu that pops up from the button uses the class `dropdown-up`.\n","gitHead":"57bd6c88890da7371da04a81b2754a4a49aeceed","scripts":{"js":"cp js/whiplash-ui.js dist/ && uglifyjs --output dist/whiplash-ui.min.js js/whiplash-ui.js","css":"npm run css:sass && npm run css:autoprefix && npm run css:minify","dist":"npm run css && npm run js","css:sass":"node-sass scss/whiplash-ui.scss -o dist","css:minify":"postcss dist/whiplash-ui.css --map --use cssnano -o dist/whiplash-ui.min.css","preversion":"npm run dist","css:autoprefix":"postcss -r dist/whiplash-ui.css --map --use autoprefixer -b '> 5%'"},"_npmUser":{"name":"jeffgarris","email":"jeffsgarris@gmail.com"},"repository":{"url":"git+ssh://git@github.com/whiplashmerch/whiplash-ui.git","type":"git"},"_npmVersion":"6.12.1","description":"UI assets for Whiplash Merch","directories":{},"_nodeVersion":"13.1.0","_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"cssnano":"4.1.10","postcss":"7.0.21","node-sass":"4.13.0","uglify-js":"3.6.8","postcss-cli":"6.1.3","autoprefixer":"9.7.1"},"_npmOperationalInternal":{"tmp":"tmp/whiplash-ui_0.5.3-beta.1_1579639234845_0.054281633482689884","host":"s3://npm-registry-packages"}},"0.5.3-beta.2":{"name":"whiplash-ui","version":"0.5.3-beta.2","author":{"url":"http://adamkempa.com/","name":"Adam Kempa","email":"adamkempa@gmail.com"},"license":"MIT","_id":"whiplash-ui@0.5.3-beta.2","maintainers":[{"name":"adamkempa","email":"adam@kempa.com"},{"name":"jeffgarris","email":"jeffsgarris@gmail.com"},{"name":"mark.dickson","email":"mark@sitesteaders.com"},{"name":"montch","email":"montch@gmail.com"}],"contributors":[{"name":"Adam Kempa","email":"adamkempa@gmail.com"},{"name":"Mark Dickson","email":"mark@sitesteaders.com"}],"homepage":"https://github.com/whiplashmerch/whiplash-ui#readme","bugs":{"url":"https://github.com/whiplashmerch/whiplash-ui/issues"},"dist":{"shasum":"a7cf9198fab7054a60731987c11055a276a3003c","tarball":"https://registry.npmjs.org/whiplash-ui/-/whiplash-ui-0.5.3-beta.2.tgz","fileCount":30,"integrity":"sha512-Djzp2FANqhDp32vZeg2dSY/PCdzGvMQceooZkt7F7jxf06exkQCbTlyuLePZ09zp6qKIoOxoSDgkGYpUgttVOQ==","signatures":[{"sig":"MEUCIQCvzRgB5Sf+iOPM2chLM28m4lrROAuqsJ6xRxKgaaTVIAIgCuB+lepKGv/rQAj+ViOWDfi6syrfPXwfGxgGlAL3q38=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":212141,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeKQbrCRA9TVsSAnZWagAAz4kP/RttS6mxklh/sK3C44ge\nPiuSzgzJtABsXVD2teQv9KPys+otwAOrREEEjkUXDuRjy36NXe3xp4IIUC9O\n799fVffcEAw4ggg+QE3Hmhi5h4s2Uiwcq/dy7G9giC3ZxQMiUEvnfEoiGqBU\n/jO1SgHU0dTR7sAt9Mhs641NNu1CYh0qmtAtqzLO3G17CJXywgTwe8sYzwcY\nNAUcXlELsunFO/wGKiVNHSXcJDb/rUC0RwJbZBIM0lrpKSru5Q9AQOl860Ot\naMfeXI84s/qyoHeO7yilYz7R3n7wTEj0rbVW08XLU4l8MHDD779d1+NcSEeq\nq2kY6deVfU1DWg4iQeJ1WocNOFhrRj+H08r+DmZbgt4A9Aqlr1Mm2fpJljGr\n2s4WLkseA78wWYXzHZaWaak/1YYb/h3HgWBw1IVXEwcjn4VqUlvgfPe5OvWx\na8abemR3/tq1ZH2O1WZl78uNX6SuRg0WeUWVuQYs+zoFq53sk4mtn17Jzbx9\nxOvlwdU4A6rzrZuSQIt8iW2u07rPQohCylpkYVFiEqfmJhpq+gjsy1zt0cGQ\nUY9YZGXia7sl9vvLBM1VeFQmZJESSzs9ib6Eo0G/NvJ8l3MzGXO8jO4ph85o\ns/7ERLpeQyba6AmMSuIpRJVUfT4dK57TkyAoNs4Yl4ePOohzuxXnw/+U9A5X\n9lxY\r\n=5Uc4\r\n-----END PGP SIGNATURE-----\r\n"},"main":"/dist/whiplash-ui.js","readme":"# whiplash-ui\nA library of global UI elements for use across Whiplash applications.\n\n\n## Usage\n\nTo implement the Whiplash UI, run `yarn add whiplash-ui` in your project's root directory.\n\nIn your `application.css` add the line:\n\n```\n*= require whiplash-ui/stylesheets/application\n```\n\nIn your `application.js` add the line:\n\n```\n//= require whiplash-ui/javascripts/behavior\n```\n\n## Elements\n\n### DotLoader loading indicator\n\nThis functionality is pulled right from the UI toolkit living style guide. To implement, create an element `<div class=\"loader-wrapper\">` and the JS will populate it with the necessary children for animation when the page loads.\n\n### SelectBox select input field\n\nThis component style is taken from the UI toolkit. To implement this style in a Whiplash UI-styled application, create an element `<select class=\"select-input\">` with options as you normally would. The JavaScript will then parse that element and its options and convert the HTML layout to what is expected to implement the more complex and customized select dropdown input.\n\n### Toggle checkbox control\n\nThe style of this control is taken from the UI toolkit. To implement in a Whiplash UI application, create an element `<input type=\"checkbox\" class=\"toggle-input\">` and the JS will create the required HTML structure to facilitate the complex styling of the element.\n\n### Checkbox\n\n```\n<div class=\"check-box\">\n  <input id=\"test\" type=\"checkbox\" class=\"check-box-input\" name=\"test\" value=\"on\">\n  <span class=\"check-box-button\"></span>\n  <label for=\"test\">This is a checkbox.</label>\n</div><br>\n<div class=\"check-box\">\n  <input id=\"test\" type=\"checkbox\" class=\"check-box-input\" name=\"test\" value=\"on\">\n  <span class=\"check-box-button\"></span>\n  <label for=\"test\">This is a second checkbox.</label>\n</div>\n```\n\n\n### Dropdown/up floating menu control\n\nIn order to implement this, you need to have the following HTML structure:\n\n```\n<div class=\"dropdown-wrapper\">\n\t<button class=\"button text\" data-dropdown=\"up-menu\">Menu Button/Link</button>\n\t<div class=\"dropdown dropdown-up\" id=\"up-menu\">\n\t\t<ul class=\"dropdown-list\">\n\t\t\t<li><a href=\"#\">Stuff</a></li>\n\t\t\t<li><a href=\"#\">Biz</a></li>\n\t\t</ul>\n\t</div>\n</div>\n```\n\nThere are two orientations -- a menu that drops down uses the class `dropdown-down` on the div that wraps `dropdown-list`. A menu that pops up from the button uses the class `dropdown-up`.\n","gitHead":"57bd6c88890da7371da04a81b2754a4a49aeceed","scripts":{"js":"cp js/whiplash-ui.js dist/ && uglifyjs --output dist/whiplash-ui.min.js js/whiplash-ui.js","css":"npm run css:sass && npm run css:autoprefix && npm run css:minify","dist":"npm run css && npm run js","css:sass":"node-sass scss/whiplash-ui.scss -o dist","css:minify":"postcss dist/whiplash-ui.css --map --use cssnano -o dist/whiplash-ui.min.css","preversion":"npm run dist","css:autoprefix":"postcss -r dist/whiplash-ui.css --map --use autoprefixer -b '> 5%'"},"_npmUser":{"name":"jeffgarris","email":"jeffsgarris@gmail.com"},"repository":{"url":"git+ssh://git@github.com/whiplashmerch/whiplash-ui.git","type":"git"},"_npmVersion":"6.12.1","description":"UI assets for Whiplash Merch","directories":{},"_nodeVersion":"13.1.0","_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"cssnano":"4.1.10","postcss":"7.0.21","node-sass":"4.13.0","uglify-js":"3.6.8","postcss-cli":"6.1.3","autoprefixer":"9.7.1"},"_npmOperationalInternal":{"tmp":"tmp/whiplash-ui_0.5.3-beta.2_1579747051235_0.06618362247580167","host":"s3://npm-registry-packages"}},"0.5.3-beta.3":{"name":"whiplash-ui","version":"0.5.3-beta.3","author":{"url":"http://adamkempa.com/","name":"Adam Kempa","email":"adamkempa@gmail.com"},"license":"MIT","_id":"whiplash-ui@0.5.3-beta.3","maintainers":[{"name":"adamkempa","email":"adam@kempa.com"},{"name":"jeffgarris","email":"jeffsgarris@gmail.com"},{"name":"mark.dickson","email":"mark@sitesteaders.com"},{"name":"montch","email":"montch@gmail.com"}],"contributors":[{"name":"Adam Kempa","email":"adamkempa@gmail.com"},{"name":"Mark Dickson","email":"mark@sitesteaders.com"}],"homepage":"https://github.com/whiplashmerch/whiplash-ui#readme","bugs":{"url":"https://github.com/whiplashmerch/whiplash-ui/issues"},"dist":{"shasum":"f21fa77a687c1b7a6fa4723fe018f2768edad082","tarball":"https://registry.npmjs.org/whiplash-ui/-/whiplash-ui-0.5.3-beta.3.tgz","fileCount":30,"integrity":"sha512-sTCUoLxAVNlNy5JpI2WPiYtW4eO/4nDctDvLLEXdVjwrk161nigazyv/MaIqBYikvNHpHrZn+zn1jaWKY75znQ==","signatures":[{"sig":"MEYCIQD4xAA+NrgcJHIIPxUmQvQ++mBFe9rZPG0Pwu0tx7aJ1AIhALiVaXMtr2g5a7h+nAiCntuNFu+RhfoY8EPh3nPBvX7+","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":212860,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeMKpZCRA9TVsSAnZWagAAjSMP/35RQ78A+XBy/uwTW5JN\nlKC6HEOR2nMknrVq+HY78Vt2XC86jR912GQ/0QNF1Zq9I3JH1Tfm1CYBzMBc\nhrDcNRwpyulAye8wp3DLouyjC8TEbtC45wTHH2Zpro6/bsgBZ6H8Qe8b8QkX\n3fJUim/hEj4+m8pVlDpWWMS26WM6I1vdld0H6gl6koEFZAYhP6oeDmSD6atY\npIZmktw4cxClX0jwLG0COBHsc5wYD9nBk2U1RPII7n0Oko1rEfMxhNKct3L1\nuokr9PBsVCs8AMMk0Rd0qcG6JprH5Ckn7or2TxHtLmH/dD2hMHCuos1PRFuR\ns2YQwhK6i7xkcgLDrMczz3nD9pgHeQGfu2/D6uTx/m950EQBAyc7H2YA8flw\n8H7Kkpw/wM1/JhGaGl404wcOJBE0T7TlBlmIPfzJbW49vVIIxJyHATggd1Ot\nmLVu679eepnutOMm38k0cejTCrIBNhNgNZR3FTW54Toho1jFgbG83RXi+feO\nurAJFVpaeW1NJF/EHbqCKh0Ss+NAhAu2dxH5JuC518xyFAgWb8l9Hb6BBd2E\nEs9OTD0k97aCeO/jNbhOxbCfhkqasNHFsz2fbQESjSS9zbNMttwYf0s48oKb\nh2Hgq4/1ttTaWgZHo8TWU0tsp9LmCd3E/mQHBtBURqYO1qjA2mDshxxqHm28\ntxwF\r\n=4lMm\r\n-----END PGP SIGNATURE-----\r\n"},"main":"/dist/whiplash-ui.js","readme":"# whiplash-ui\nA library of global UI elements for use across Whiplash applications.\n\n\n## Usage\n\nTo implement the Whiplash UI, run `yarn add whiplash-ui` in your project's root directory.\n\nIn your `application.css` add the line:\n\n```\n*= require whiplash-ui/stylesheets/application\n```\n\nIn your `application.js` add the line:\n\n```\n//= require whiplash-ui/javascripts/behavior\n```\n\n## Elements\n\n### DotLoader loading indicator\n\nThis functionality is pulled right from the UI toolkit living style guide. To implement, create an element `<div class=\"loader-wrapper\">` and the JS will populate it with the necessary children for animation when the page loads.\n\n### SelectBox select input field\n\nThis component style is taken from the UI toolkit. To implement this style in a Whiplash UI-styled application, create an element `<select class=\"select-input\">` with options as you normally would. The JavaScript will then parse that element and its options and convert the HTML layout to what is expected to implement the more complex and customized select dropdown input.\n\n### Toggle checkbox control\n\nThe style of this control is taken from the UI toolkit. To implement in a Whiplash UI application, create an element `<input type=\"checkbox\" class=\"toggle-input\">` and the JS will create the required HTML structure to facilitate the complex styling of the element.\n\n### Checkbox\n\n```\n<div class=\"check-box\">\n  <input id=\"test\" type=\"checkbox\" class=\"check-box-input\" name=\"test\" value=\"on\">\n  <span class=\"check-box-button\"></span>\n  <label for=\"test\">This is a checkbox.</label>\n</div><br>\n<div class=\"check-box\">\n  <input id=\"test\" type=\"checkbox\" class=\"check-box-input\" name=\"test\" value=\"on\">\n  <span class=\"check-box-button\"></span>\n  <label for=\"test\">This is a second checkbox.</label>\n</div>\n```\n\n\n### Dropdown/up floating menu control\n\nIn order to implement this, you need to have the following HTML structure:\n\n```\n<div class=\"dropdown-wrapper\">\n\t<button class=\"button text\" data-dropdown=\"up-menu\">Menu Button/Link</button>\n\t<div class=\"dropdown dropdown-up\" id=\"up-menu\">\n\t\t<ul class=\"dropdown-list\">\n\t\t\t<li><a href=\"#\">Stuff</a></li>\n\t\t\t<li><a href=\"#\">Biz</a></li>\n\t\t</ul>\n\t</div>\n</div>\n```\n\nThere are two orientations -- a menu that drops down uses the class `dropdown-down` on the div that wraps `dropdown-list`. A menu that pops up from the button uses the class `dropdown-up`.\n","gitHead":"57bd6c88890da7371da04a81b2754a4a49aeceed","scripts":{"js":"cp js/whiplash-ui.js dist/ && uglifyjs --output dist/whiplash-ui.min.js js/whiplash-ui.js","css":"npm run css:sass && npm run css:autoprefix && npm run css:minify","dist":"npm run css && npm run js","css:sass":"node-sass scss/whiplash-ui.scss -o dist","css:minify":"postcss dist/whiplash-ui.css --map --use cssnano -o dist/whiplash-ui.min.css","preversion":"npm run dist","css:autoprefix":"postcss -r dist/whiplash-ui.css --map --use autoprefixer -b '> 5%'"},"_npmUser":{"name":"jeffgarris","email":"jeffsgarris@gmail.com"},"repository":{"url":"git+ssh://git@github.com/whiplashmerch/whiplash-ui.git","type":"git"},"_npmVersion":"6.12.1","description":"UI assets for Whiplash Merch","directories":{},"_nodeVersion":"13.1.0","_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"cssnano":"4.1.10","postcss":"7.0.21","node-sass":"4.13.0","uglify-js":"3.6.8","postcss-cli":"6.1.3","autoprefixer":"9.7.1"},"_npmOperationalInternal":{"tmp":"tmp/whiplash-ui_0.5.3-beta.3_1580247640863_0.43308254510507393","host":"s3://npm-registry-packages"}},"0.5.3-beta.4":{"name":"whiplash-ui","version":"0.5.3-beta.4","author":{"url":"http://adamkempa.com/","name":"Adam Kempa","email":"adamkempa@gmail.com"},"license":"MIT","_id":"whiplash-ui@0.5.3-beta.4","maintainers":[{"name":"adamkempa","email":"adam@kempa.com"},{"name":"jeffgarris","email":"jeffsgarris@gmail.com"},{"name":"mark.dickson","email":"mark@sitesteaders.com"},{"name":"montch","email":"montch@gmail.com"}],"contributors":[{"name":"Adam Kempa","email":"adamkempa@gmail.com"},{"name":"Mark Dickson","email":"mark@sitesteaders.com"}],"homepage":"https://github.com/whiplashmerch/whiplash-ui#readme","bugs":{"url":"https://github.com/whiplashmerch/whiplash-ui/issues"},"dist":{"shasum":"70b8beb544a9cb543eb7b36605ce31cf52777dba","tarball":"https://registry.npmjs.org/whiplash-ui/-/whiplash-ui-0.5.3-beta.4.tgz","fileCount":30,"integrity":"sha512-0jJ/WyIW+w9Jm7kEOyX7wumTuecRl/h9EZU675DhLxTeaTdqrkpHJ8SwWgZt/95wnDA3tAwIG4T2P1kzkoWkBA==","signatures":[{"sig":"MEYCIQDgzt2MioAm8XMS4ncTBMRf/ASvTmUH+ugSJSZSXglCQwIhAOE0wdn+YUCoYKReSY7x1C9tstXIVMj0e6VYg+pmKlAd","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":212966,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeMKyECRA9TVsSAnZWagAATfMP/2FsU5lyboSJiA9DTGOY\nljQOPPtd+trxj0epIvblt/vM2mwOqNLXS6PdHA/fXCpyvBFL00ZWtRAtH535\nHs5Cid8qPjmwZZ6K6zThwNQUPVlGojrbjR6zXIVCEa97anZS8KHO5PF2kXpF\nsNv8MNZuSHT5q3ANOS9vOeQgLY3Ps2jPshe25YcKxHx8rP1ZRiwexfKqk0YP\nv//NeT7cfmBR4hfJneloF+HffEEFZprPmPaxZlp1Cb+6VMAcEXl2qjuQI6X0\ns/QLVF8q8NbljP213yf79kY74j9jpjI7fA9vNscZeke7cC7oafqmucXRkeTj\n0xWJNdUoaAyHzcmMrOP0Pk+X1khYj0xPR4FdF92pg9KUcObdXZCL8VHu8eVF\npaGqhyyZdQtZW48AfkejYqGjLNgN9phiSgsDF6e6ZV5b5u+nU90aCZfVWNH4\nlV/u3PGx87pVekfLg5B1lRSdfH95EK+qnBbTlgLD8CTLSBYNhCIwK2tEoPNg\n+aTf4WKWYUJ9MOKC9/w3lMUFwIjOcFfiUZE0O5m0RYb1XkpsywmP2Maes8P2\nHUr7a47e7A8aY4j8MIHRLo93mm+vPnVo2MiSDzZ6ftntQiRgyCIug2uibS+B\nGt8dwX6dk1B9XqpOEBjEpGAqllmI8a0+W5RRnCFG5P654RD8AsoHgKaibIZP\nDkwn\r\n=/ivg\r\n-----END PGP SIGNATURE-----\r\n"},"main":"/dist/whiplash-ui.js","readme":"# whiplash-ui\nA library of global UI elements for use across Whiplash applications.\n\n\n## Usage\n\nTo implement the Whiplash UI, run `yarn add whiplash-ui` in your project's root directory.\n\nIn your `application.css` add the line:\n\n```\n*= require whiplash-ui/stylesheets/application\n```\n\nIn your `application.js` add the line:\n\n```\n//= require whiplash-ui/javascripts/behavior\n```\n\n## Elements\n\n### DotLoader loading indicator\n\nThis functionality is pulled right from the UI toolkit living style guide. To implement, create an element `<div class=\"loader-wrapper\">` and the JS will populate it with the necessary children for animation when the page loads.\n\n### SelectBox select input field\n\nThis component style is taken from the UI toolkit. To implement this style in a Whiplash UI-styled application, create an element `<select class=\"select-input\">` with options as you normally would. The JavaScript will then parse that element and its options and convert the HTML layout to what is expected to implement the more complex and customized select dropdown input.\n\n### Toggle checkbox control\n\nThe style of this control is taken from the UI toolkit. To implement in a Whiplash UI application, create an element `<input type=\"checkbox\" class=\"toggle-input\">` and the JS will create the required HTML structure to facilitate the complex styling of the element.\n\n### Checkbox\n\n```\n<div class=\"check-box\">\n  <input id=\"test\" type=\"checkbox\" class=\"check-box-input\" name=\"test\" value=\"on\">\n  <span class=\"check-box-button\"></span>\n  <label for=\"test\">This is a checkbox.</label>\n</div><br>\n<div class=\"check-box\">\n  <input id=\"test\" type=\"checkbox\" class=\"check-box-input\" name=\"test\" value=\"on\">\n  <span class=\"check-box-button\"></span>\n  <label for=\"test\">This is a second checkbox.</label>\n</div>\n```\n\n\n### Dropdown/up floating menu control\n\nIn order to implement this, you need to have the following HTML structure:\n\n```\n<div class=\"dropdown-wrapper\">\n\t<button class=\"button text\" data-dropdown=\"up-menu\">Menu Button/Link</button>\n\t<div class=\"dropdown dropdown-up\" id=\"up-menu\">\n\t\t<ul class=\"dropdown-list\">\n\t\t\t<li><a href=\"#\">Stuff</a></li>\n\t\t\t<li><a href=\"#\">Biz</a></li>\n\t\t</ul>\n\t</div>\n</div>\n```\n\nThere are two orientations -- a menu that drops down uses the class `dropdown-down` on the div that wraps `dropdown-list`. A menu that pops up from the button uses the class `dropdown-up`.\n","gitHead":"57bd6c88890da7371da04a81b2754a4a49aeceed","scripts":{"js":"cp js/whiplash-ui.js dist/ && uglifyjs --output dist/whiplash-ui.min.js js/whiplash-ui.js","css":"npm run css:sass && npm run css:autoprefix && npm run css:minify","dist":"npm run css && npm run js","css:sass":"node-sass scss/whiplash-ui.scss -o dist","css:minify":"postcss dist/whiplash-ui.css --map --use cssnano -o dist/whiplash-ui.min.css","preversion":"npm run dist","css:autoprefix":"postcss -r dist/whiplash-ui.css --map --use autoprefixer -b '> 5%'"},"_npmUser":{"name":"jeffgarris","email":"jeffsgarris@gmail.com"},"repository":{"url":"git+ssh://git@github.com/whiplashmerch/whiplash-ui.git","type":"git"},"_npmVersion":"6.12.1","description":"UI assets for Whiplash Merch","directories":{},"_nodeVersion":"13.1.0","_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"cssnano":"4.1.10","postcss":"7.0.21","node-sass":"4.13.0","uglify-js":"3.6.8","postcss-cli":"6.1.3","autoprefixer":"9.7.1"},"_npmOperationalInternal":{"tmp":"tmp/whiplash-ui_0.5.3-beta.4_1580248195970_0.6714266103805531","host":"s3://npm-registry-packages"}},"0.5.3-beta.5":{"name":"whiplash-ui","version":"0.5.3-beta.5","author":{"url":"http://adamkempa.com/","name":"Adam Kempa","email":"adamkempa@gmail.com"},"license":"MIT","_id":"whiplash-ui@0.5.3-beta.5","maintainers":[{"name":"adamkempa","email":"adam@kempa.com"},{"name":"jeffgarris","email":"jeffsgarris@gmail.com"},{"name":"mark.dickson","email":"mark@sitesteaders.com"},{"name":"montch","email":"montch@gmail.com"}],"contributors":[{"name":"Adam Kempa","email":"adamkempa@gmail.com"},{"name":"Mark Dickson","email":"mark@sitesteaders.com"}],"homepage":"https://github.com/whiplashmerch/whiplash-ui#readme","bugs":{"url":"https://github.com/whiplashmerch/whiplash-ui/issues"},"dist":{"shasum":"2bf8e44ec98cc80fc5ee5e77650ed71b70fbda59","tarball":"https://registry.npmjs.org/whiplash-ui/-/whiplash-ui-0.5.3-beta.5.tgz","fileCount":31,"integrity":"sha512-NMqgM+v6oZ3DJTZkt4PBpZDyNf1LK05Vmp6s+KToHyDeb1F1KRHpiCYkcntQyJXiCYVcx3W3lr9T7lmj2i/jMA==","signatures":[{"sig":"MEUCICR1S4J/Vg1kKp+mPGQcmOJgqtVlVCUtGBMQkrjC3nBCAiEAgJPLe9QduwosBGNI4KTZ3tKledfcrzY3/OqvpJ5L7S8=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":213304,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeRuLiCRA9TVsSAnZWagAAL4sP/1FcWd8YhR31WBWDMedz\nTKS0xJkxLcWf/7vwyTsHhm2S+MFbtNmh1fVa5u72/7RPliwxLQGbgzIBoakP\nX4BLT1Q20dY0DtaJSs4aGCk76CrAywtHBW7aZ8gdTI9XVVgVFMYjwSk+9eJc\n8VNkvAHfz6ViIPsN0017wzWxvIcPtvrT0oTDj4VYfT5+seMba6jIqzW+EA6W\nEHty+TLqd813F3GcR39joXoG9mpTkZ79pZ60r25TY5Eln36gzTR1yShcwmXY\nobJLFDQV4om/9CxtxU1foligRm2yloQXa1BTV3HtEK/VTlVr2eOdKApMkLfU\nsxZmGV8rt1PqGMz2Zh5OFb6YeQWeKbp93TW8pyMFwzM/Po7r8oZjMLjuSTLf\nM437Zdtbubcm7Ds3Jv8rTxM5l4HbNAaIcmlj5sipjtRR87Q13NEoQ8OZXsfj\nApzo/pFaFwqiILG/BsgD8TV6NPaSvgAR2XEo3J8UbNc6gqhXs2ALdlhZ4BmF\n+qUg8oCwtW6Dfflhyy5LOzL0KfXKEQdt/XK6piAF2trbusXChVxZpnNwe5pL\nASaLhTS76tMnEFNiTnkxsa4eaxtctOCgpPFen5WAb8HZTTyJPSqNOCuQk8uA\nxgD7bG2Crx2i7uPN8NLZ3fbPP7n3U7ACckHArTCJk0HUs5bfUdmlaJn7rNkU\ngE2R\r\n=TIzV\r\n-----END PGP SIGNATURE-----\r\n"},"main":"/dist/whiplash-ui.js","readme":"# whiplash-ui\nA library of global UI elements for use across Whiplash applications.\n\n\n## Usage\n\nTo implement the Whiplash UI, run `yarn add whiplash-ui` in your project's root directory.\n\nIn your `application.css` add the line:\n\n```\n*= require whiplash-ui/stylesheets/application\n```\n\nIn your `application.js` add the line:\n\n```\n//= require whiplash-ui/javascripts/behavior\n```\n\n## Elements\n\n### DotLoader loading indicator\n\nThis functionality is pulled right from the UI toolkit living style guide. To implement, create an element `<div class=\"loader-wrapper\">` and the JS will populate it with the necessary children for animation when the page loads.\n\n### SelectBox select input field\n\nThis component style is taken from the UI toolkit. To implement this style in a Whiplash UI-styled application, create an element `<select class=\"select-input\">` with options as you normally would. The JavaScript will then parse that element and its options and convert the HTML layout to what is expected to implement the more complex and customized select dropdown input.\n\n### Toggle checkbox control\n\nThe style of this control is taken from the UI toolkit. To implement in a Whiplash UI application, create an element `<input type=\"checkbox\" class=\"toggle-input\">` and the JS will create the required HTML structure to facilitate the complex styling of the element.\n\n### Checkbox\n\n```\n<div class=\"check-box\">\n  <input id=\"test\" type=\"checkbox\" class=\"check-box-input\" name=\"test\" value=\"on\">\n  <span class=\"check-box-button\"></span>\n  <label for=\"test\">This is a checkbox.</label>\n</div><br>\n<div class=\"check-box\">\n  <input id=\"test\" type=\"checkbox\" class=\"check-box-input\" name=\"test\" value=\"on\">\n  <span class=\"check-box-button\"></span>\n  <label for=\"test\">This is a second checkbox.</label>\n</div>\n```\n\n\n### Dropdown/up floating menu control\n\nIn order to implement this, you need to have the following HTML structure:\n\n```\n<div class=\"dropdown-wrapper\">\n\t<button class=\"button text\" data-dropdown=\"up-menu\">Menu Button/Link</button>\n\t<div class=\"dropdown dropdown-up\" id=\"up-menu\">\n\t\t<ul class=\"dropdown-list\">\n\t\t\t<li><a href=\"#\">Stuff</a></li>\n\t\t\t<li><a href=\"#\">Biz</a></li>\n\t\t</ul>\n\t</div>\n</div>\n```\n\nThere are two orientations -- a menu that drops down uses the class `dropdown-down` on the div that wraps `dropdown-list`. A menu that pops up from the button uses the class `dropdown-up`.\n","gitHead":"57bd6c88890da7371da04a81b2754a4a49aeceed","scripts":{"js":"cp js/whiplash-ui.js dist/ && uglifyjs --output dist/whiplash-ui.min.js js/whiplash-ui.js","css":"npm run css:sass && npm run css:autoprefix && npm run css:minify","dist":"npm run css && npm run js","css:sass":"node-sass scss/whiplash-ui.scss -o dist","css:minify":"postcss dist/whiplash-ui.css --map --use cssnano -o dist/whiplash-ui.min.css","preversion":"npm run dist","css:autoprefix":"postcss -r dist/whiplash-ui.css --map --use autoprefixer -b '> 5%'"},"_npmUser":{"name":"jeffgarris","email":"jeffsgarris@gmail.com"},"repository":{"url":"git+ssh://git@github.com/whiplashmerch/whiplash-ui.git","type":"git"},"_npmVersion":"6.12.1","description":"UI assets for Whiplash Merch","directories":{},"_nodeVersion":"13.1.0","_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"cssnano":"4.1.10","postcss":"7.0.21","node-sass":"4.13.0","uglify-js":"3.6.8","postcss-cli":"6.1.3","autoprefixer":"9.7.1"},"_npmOperationalInternal":{"tmp":"tmp/whiplash-ui_0.5.3-beta.5_1581703906134_0.21467154567380953","host":"s3://npm-registry-packages"}},"0.5.3-beta.6":{"name":"whiplash-ui","version":"0.5.3-beta.6","author":{"url":"http://adamkempa.com/","name":"Adam Kempa","email":"adamkempa@gmail.com"},"license":"MIT","_id":"whiplash-ui@0.5.3-beta.6","maintainers":[{"name":"adamkempa","email":"adam@kempa.com"},{"name":"jeffgarris","email":"jeffsgarris@gmail.com"},{"name":"mark.dickson","email":"mark@sitesteaders.com"},{"name":"montch","email":"montch@gmail.com"}],"contributors":[{"name":"Adam Kempa","email":"adamkempa@gmail.com"},{"name":"Mark Dickson","email":"mark@sitesteaders.com"}],"homepage":"https://github.com/whiplashmerch/whiplash-ui#readme","bugs":{"url":"https://github.com/whiplashmerch/whiplash-ui/issues"},"dist":{"shasum":"597478a1311b1ed750044c6482c54457ea1f588d","tarball":"https://registry.npmjs.org/whiplash-ui/-/whiplash-ui-0.5.3-beta.6.tgz","fileCount":31,"integrity":"sha512-/JoijKNFYESKRrAkwAFnUNeGLZEF/bNmM4KReRk/Abcm4FjRaY295NiPnKarCxXFjBryxYAunLgmwtlACBh9BQ==","signatures":[{"sig":"MEQCIEzuQspZG/nq4Inz6/5T0g1+eblOHsd96HebeWN7gcUzAiBP0VHJWtEreypkmOUeIpJ+2c8WWDZ5NXIorC3C/AnEvA==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":214905,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeRuO1CRA9TVsSAnZWagAALJEP+wdQ1FwqKw8tt+mD057a\nOCQJ05u9Mj36oDbrlQo8R2oOBA/eb7J5jGKl+8UPmM9w3s07vT1zHN25MqKT\nES2N3rslks5a0gJGXskm9W3EQny+6rIkovBTmMwMGyoVnI1MD7ar6gwyBrDK\n5EcWJw81ULRHHuJoU2QQyQonQz/+lzexo1heIlz0Dz4cYLsQnayFxVGBRYjY\nYTuI9jDWbAhF8o5JQe9/31zwupgCGOs/DHxEjO1e98KmIwH3uSm2cM5XQUNd\nelUeNQQzK39xTWmtWpqmQoKBn6BQw20H8xr27uW2XTtx6slm0mrRS4neSp7p\n+X2OV7HOFxV1aoiyGSYQ2zGeTNgTNaZupLek27ANgFTQ9564ghOkmbyorMpW\n2I1Htfy033Vh1hvAIwcCxREV/JFVha6EofMXQAweSX5dPYVXqnzQmaFmiI+8\nq+TINRVZj5Yhl/gbmbYEOOPjmMKLfX5yk5Ni3GF8mTZUhtQQinI4FgFuz3vz\np7cTrAyPpRuzuQHNiEQV+XUABvdiiMVZs+bDRA+rc3lzgSy3sDgGzXsSh+eB\nHUoT3XsQ/6F3lxCsn+5geQgQ3lmv7eg9pRgUv8C5wfCbjUudsszKdt9mMibd\nGqHi258CQP71zABhZmd5ESsL0BgUjuDqvjBISjrwlM2yEDGph0DhcEtUQNhR\nohKw\r\n=3eC2\r\n-----END PGP SIGNATURE-----\r\n"},"main":"/dist/whiplash-ui.js","readme":"# whiplash-ui\nA library of global UI elements for use across Whiplash applications.\n\n\n## Usage\n\nTo implement the Whiplash UI, run `yarn add whiplash-ui` in your project's root directory.\n\nIn your `application.css` add the line:\n\n```\n*= require whiplash-ui/stylesheets/application\n```\n\nIn your `application.js` add the line:\n\n```\n//= require whiplash-ui/javascripts/behavior\n```\n\n## Elements\n\n### DotLoader loading indicator\n\nThis functionality is pulled right from the UI toolkit living style guide. To implement, create an element `<div class=\"loader-wrapper\">` and the JS will populate it with the necessary children for animation when the page loads.\n\n### SelectBox select input field\n\nThis component style is taken from the UI toolkit. To implement this style in a Whiplash UI-styled application, create an element `<select class=\"select-input\">` with options as you normally would. The JavaScript will then parse that element and its options and convert the HTML layout to what is expected to implement the more complex and customized select dropdown input.\n\n### Toggle checkbox control\n\nThe style of this control is taken from the UI toolkit. To implement in a Whiplash UI application, create an element `<input type=\"checkbox\" class=\"toggle-input\">` and the JS will create the required HTML structure to facilitate the complex styling of the element.\n\n### Checkbox\n\n```\n<div class=\"check-box\">\n  <input id=\"test\" type=\"checkbox\" class=\"check-box-input\" name=\"test\" value=\"on\">\n  <span class=\"check-box-button\"></span>\n  <label for=\"test\">This is a checkbox.</label>\n</div><br>\n<div class=\"check-box\">\n  <input id=\"test\" type=\"checkbox\" class=\"check-box-input\" name=\"test\" value=\"on\">\n  <span class=\"check-box-button\"></span>\n  <label for=\"test\">This is a second checkbox.</label>\n</div>\n```\n\n\n### Dropdown/up floating menu control\n\nIn order to implement this, you need to have the following HTML structure:\n\n```\n<div class=\"dropdown-wrapper\">\n\t<button class=\"button text\" data-dropdown=\"up-menu\">Menu Button/Link</button>\n\t<div class=\"dropdown dropdown-up\" id=\"up-menu\">\n\t\t<ul class=\"dropdown-list\">\n\t\t\t<li><a href=\"#\">Stuff</a></li>\n\t\t\t<li><a href=\"#\">Biz</a></li>\n\t\t</ul>\n\t</div>\n</div>\n```\n\nThere are two orientations -- a menu that drops down uses the class `dropdown-down` on the div that wraps `dropdown-list`. A menu that pops up from the button uses the class `dropdown-up`.\n","gitHead":"57bd6c88890da7371da04a81b2754a4a49aeceed","scripts":{"js":"cp js/whiplash-ui.js dist/ && uglifyjs --output dist/whiplash-ui.min.js js/whiplash-ui.js","css":"npm run css:sass && npm run css:autoprefix && npm run css:minify","dist":"npm run css && npm run js","css:sass":"node-sass scss/whiplash-ui.scss -o dist","css:minify":"postcss dist/whiplash-ui.css --map --use cssnano -o dist/whiplash-ui.min.css","preversion":"npm run dist","css:autoprefix":"postcss -r dist/whiplash-ui.css --map --use autoprefixer -b '> 5%'"},"_npmUser":{"name":"jeffgarris","email":"jeffsgarris@gmail.com"},"repository":{"url":"git+ssh://git@github.com/whiplashmerch/whiplash-ui.git","type":"git"},"_npmVersion":"6.12.1","description":"UI assets for Whiplash Merch","directories":{},"_nodeVersion":"13.1.0","_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"cssnano":"4.1.10","postcss":"7.0.21","node-sass":"4.13.0","uglify-js":"3.6.8","postcss-cli":"6.1.3","autoprefixer":"9.7.1"},"_npmOperationalInternal":{"tmp":"tmp/whiplash-ui_0.5.3-beta.6_1581704117151_0.07128044170278791","host":"s3://npm-registry-packages"}},"0.5.3-beta.7":{"name":"whiplash-ui","version":"0.5.3-beta.7","author":{"url":"http://adamkempa.com/","name":"Adam Kempa","email":"adamkempa@gmail.com"},"license":"MIT","_id":"whiplash-ui@0.5.3-beta.7","maintainers":[{"name":"adamkempa","email":"adam@kempa.com"},{"name":"jeffgarris","email":"jeffsgarris@gmail.com"},{"name":"mark.dickson","email":"mark@sitesteaders.com"},{"name":"montch","email":"montch@gmail.com"}],"contributors":[{"name":"Adam Kempa","email":"adamkempa@gmail.com"},{"name":"Mark Dickson","email":"mark@sitesteaders.com"}],"homepage":"https://github.com/whiplashmerch/whiplash-ui#readme","bugs":{"url":"https://github.com/whiplashmerch/whiplash-ui/issues"},"dist":{"shasum":"d25f7bc7ad17cc98d9de40f727eaa3d5bca751c4","tarball":"https://registry.npmjs.org/whiplash-ui/-/whiplash-ui-0.5.3-beta.7.tgz","fileCount":32,"integrity":"sha512-Lmz+jeDB6WjMAFyNrdgczUqQQwZbX1RGxO0PWAZxVl7ZblnW+FglXRvTS1iIlcPZvn9hNaxUySm2J2AC4Oc53w==","signatures":[{"sig":"MEYCIQDiJDvHUHxjPkbpS8+LxWM0J8xQpJJgAzPoCCrmRoF+7gIhAOqNCCV+g2tTTu6fD1Y7Z3rrru7lpU0Y93VmZcxgChJK","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":215460,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeRuu5CRA9TVsSAnZWagAAsb8P/R8Z/JwoJAwSOKT2N9mh\nyO4A7kncSiDquUl3SvBc8g/bQ4m2nKnZX85WcwPRoRjm6FVccZ+PFshWJEx7\n2NUpSdBxMD6ugbPibUvLvVgHF/O01c6bmBH00zrrjnEcRXWZtLQtBzaBgg60\n3DhXfG9fuKO5txgn6oKqyrityHWvMp8KknhRF/4jyDyfKHGunb//hgEOKupT\nCS3VimUTBcazwttjyNdhZy0aSB86vCjeV8G249nDTT6d1mSuzii0lHnphPls\n828Bo4iPC2wfoC+ciV/8b1X8oGWneeygIgYxdIwHXBmqhuOKol1MbaWVj4Qq\n3aZZQiTnX8SG5QBPdJz63/2OQ4cetsc77OVvvMpX8WIA8zO+6tKIg/88Ro7Y\n2oOEj+fQxg0LysPCEYuMyOgG8N51zMpEuYCL4BYz6NpCGFZAG/cfNhs8SToP\nwOWsBaqoCokwbrWNDW4dqCfCtHvNt/6nrFcY5oSxU4Jww16YU9Wbyqtog+Vx\nCvOhULuf4wvS1jiq70KkN4q1Z/nPVZQZdGrwj6ZVU5v/eXAfi4Q7G8b8NS6B\nCHFyDYLVTb8QFl4ZP7XHwt/QVcSYiClUrEjH+/lDEpSs7cuziBkN0HyJma7B\nxGRU+1y+t2MR90SnZf3nunl+qU+TP1eFKf5wxQMSAvfvuaE17++kquu7q1w2\ntqwQ\r\n=Pt3b\r\n-----END PGP SIGNATURE-----\r\n"},"main":"/dist/whiplash-ui.js","readme":"# whiplash-ui\nA library of global UI elements for use across Whiplash applications.\n\n\n## Usage\n\nTo implement the Whiplash UI, run `yarn add whiplash-ui` in your project's root directory.\n\nIn your `application.css` add the line:\n\n```\n*= require whiplash-ui/stylesheets/application\n```\n\nIn your `application.js` add the line:\n\n```\n//= require whiplash-ui/javascripts/behavior\n```\n\n## Elements\n\n### DotLoader loading indicator\n\nThis functionality is pulled right from the UI toolkit living style guide. To implement, create an element `<div class=\"loader-wrapper\">` and the JS will populate it with the necessary children for animation when the page loads.\n\n### SelectBox select input field\n\nThis component style is taken from the UI toolkit. To implement this style in a Whiplash UI-styled application, create an element `<select class=\"select-input\">` with options as you normally would. The JavaScript will then parse that element and its options and convert the HTML layout to what is expected to implement the more complex and customized select dropdown input.\n\n### Toggle checkbox control\n\nThe style of this control is taken from the UI toolkit. To implement in a Whiplash UI application, create an element `<input type=\"checkbox\" class=\"toggle-input\">` and the JS will create the required HTML structure to facilitate the complex styling of the element.\n\n### Checkbox\n\n```\n<div class=\"check-box\">\n  <input id=\"test\" type=\"checkbox\" class=\"check-box-input\" name=\"test\" value=\"on\">\n  <span class=\"check-box-button\"></span>\n  <label for=\"test\">This is a checkbox.</label>\n</div><br>\n<div class=\"check-box\">\n  <input id=\"test\" type=\"checkbox\" class=\"check-box-input\" name=\"test\" value=\"on\">\n  <span class=\"check-box-button\"></span>\n  <label for=\"test\">This is a second checkbox.</label>\n</div>\n```\n\n\n### Dropdown/up floating menu control\n\nIn order to implement this, you need to have the following HTML structure:\n\n```\n<div class=\"dropdown-wrapper\">\n\t<button class=\"button text\" data-dropdown=\"up-menu\">Menu Button/Link</button>\n\t<div class=\"dropdown dropdown-up\" id=\"up-menu\">\n\t\t<ul class=\"dropdown-list\">\n\t\t\t<li><a href=\"#\">Stuff</a></li>\n\t\t\t<li><a href=\"#\">Biz</a></li>\n\t\t</ul>\n\t</div>\n</div>\n```\n\nThere are two orientations -- a menu that drops down uses the class `dropdown-down` on the div that wraps `dropdown-list`. A menu that pops up from the button uses the class `dropdown-up`.\n","gitHead":"57bd6c88890da7371da04a81b2754a4a49aeceed","scripts":{"js":"cp js/whiplash-ui.js dist/ && uglifyjs --output dist/whiplash-ui.min.js js/whiplash-ui.js","css":"npm run css:sass && npm run css:autoprefix && npm run css:minify","dist":"npm run css && npm run js","css:sass":"node-sass scss/whiplash-ui.scss -o dist","css:minify":"postcss dist/whiplash-ui.css --map --use cssnano -o dist/whiplash-ui.min.css","preversion":"npm run dist","css:autoprefix":"postcss -r dist/whiplash-ui.css --map --use autoprefixer -b '> 5%'"},"_npmUser":{"name":"jeffgarris","email":"jeffsgarris@gmail.com"},"repository":{"url":"git+ssh://git@github.com/whiplashmerch/whiplash-ui.git","type":"git"},"_npmVersion":"6.12.1","description":"UI assets for Whiplash Merch","directories":{},"_nodeVersion":"13.1.0","_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"cssnano":"4.1.10","postcss":"7.0.21","node-sass":"4.13.0","uglify-js":"3.6.8","postcss-cli":"6.1.3","autoprefixer":"9.7.1"},"_npmOperationalInternal":{"tmp":"tmp/whiplash-ui_0.5.3-beta.7_1581706169261_0.09731161482915396","host":"s3://npm-registry-packages"}},"0.5.3":{"name":"whiplash-ui","version":"0.5.3","author":{"url":"http://adamkempa.com/","name":"Adam Kempa","email":"adamkempa@gmail.com"},"license":"MIT","_id":"whiplash-ui@0.5.3","maintainers":[{"name":"adamkempa","email":"adam@kempa.com"},{"name":"jeffgarris","email":"jeffsgarris@gmail.com"},{"name":"mark.dickson","email":"mark@sitesteaders.com"},{"name":"montch","email":"montch@gmail.com"}],"contributors":[{"name":"Adam Kempa","email":"adamkempa@gmail.com"},{"name":"Mark Dickson","email":"mark@sitesteaders.com"}],"homepage":"https://github.com/whiplashmerch/whiplash-ui#readme","bugs":{"url":"https://github.com/whiplashmerch/whiplash-ui/issues"},"dist":{"shasum":"4c32eb5cbe462b1885360608afeaf219deb7a441","tarball":"https://registry.npmjs.org/whiplash-ui/-/whiplash-ui-0.5.3.tgz","fileCount":32,"integrity":"sha512-OFx8OW4MQ5vJ+cvF+roauujcimZCQp04wtQzeRqsJPkuW3z7Th7JOnrgMgcYW3dkcAZjOCZEIQW4UDyhdSrzvw==","signatures":[{"sig":"MEUCIQC0401gsoamyOH4e1J0G1mS9FlRlr38xdS11a69bgesggIgUfaftQX2ke0SIsw6BSfuTctiAQ0prWCaiVe7j81yHso=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":215453,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeXUrVCRA9TVsSAnZWagAATtAP/054V8gc84aEVwQ4n67V\nhaoFY9pMXzn863BC3foN+pBQxBa5olWd0RZIqdrlCcTAoIzknD6lmvVMfuu8\nLF8ndGpassTDIIncZiG+C9XNj+JLSUoGE9YoRfzY0ccLj4Veoux8d2FviInH\nuaj44v3/vvpOwB0NzR3TwNrhoB5qcyhQLRWyhaOfZ65A1C3PoT9G/GAIHN08\nH73wjsS94FfjbnwAgqoDjoWK7GddXwhEBXbFYJfejjULTSFZQDH8ydDx/rsP\nMMisrhtplwzsVWmW9Yj2afXdS5nmMBVXSVAu1/Q8A1In3NSE1/Q8aOl0EHQq\nIXvFwai2rfS8yIUAfAb2M+ZkAOtOe3VIaGm8Q2jM6mXuCBoMWEwX/afC+TJJ\nZwKy+I3ho50RiRw0bIip50HDARQydWUG3qYwUd8j/4vX3xQIwA+rcBgsGsQM\nxOLjmle7AR47ouTMuYKO7pdEkhjNqTWHp20fnUEZUVume0OZbjOxC7pS5Tb4\nenygKgC/ffrMNtWLHnEwV8x3FfRECDd843ufKrxI2x/E1r3fZzq4J8qXcRb2\nACSKpDRNnaQ2knT6fspibWdScZEUbTx+nBoXT5MxH172Hflzz8/V0KFxLBey\nxnq2hUDB3XxLlFjt63cKAxkJEnTY1o7Q5clCjUNNmJWx3sg8cWrYo26diA/C\n0skS\r\n=dVAx\r\n-----END PGP SIGNATURE-----\r\n"},"main":"/dist/whiplash-ui.js","gitHead":"57bd6c88890da7371da04a81b2754a4a49aeceed","scripts":{"js":"cp js/whiplash-ui.js dist/ && uglifyjs --output dist/whiplash-ui.min.js js/whiplash-ui.js","css":"npm run css:sass && npm run css:autoprefix && npm run css:minify","dist":"npm run css && npm run js","css:sass":"node-sass scss/whiplash-ui.scss -o dist","css:minify":"postcss dist/whiplash-ui.css --map --use cssnano -o dist/whiplash-ui.min.css","preversion":"npm run dist","css:autoprefix":"postcss -r dist/whiplash-ui.css --map --use autoprefixer -b '> 5%'"},"_npmUser":{"name":"jeffgarris","email":"jeffsgarris@gmail.com"},"repository":{"url":"git+ssh://git@github.com/whiplashmerch/whiplash-ui.git","type":"git"},"_npmVersion":"6.12.1","description":"UI assets for Whiplash Merch","directories":{},"_nodeVersion":"13.1.0","_hasShrinkwrap":false,"devDependencies":{"cssnano":"4.1.10","postcss":"7.0.21","node-sass":"4.13.0","uglify-js":"3.6.8","postcss-cli":"6.1.3","autoprefixer":"9.7.1"},"_npmOperationalInternal":{"tmp":"tmp/whiplash-ui_0.5.3_1583172308766_0.22485054156156514","host":"s3://npm-registry-packages"}},"0.5.4-beta.0":{"name":"whiplash-ui","version":"0.5.4-beta.0","author":{"url":"http://adamkempa.com/","name":"Adam Kempa","email":"adamkempa@gmail.com"},"license":"MIT","_id":"whiplash-ui@0.5.4-beta.0","maintainers":[{"name":"adamkempa","email":"adam@kempa.com"},{"name":"jeffgarris","email":"jeffsgarris@gmail.com"},{"name":"mark.dickson","email":"mark@sitesteaders.com"},{"name":"montch","email":"montch@gmail.com"}],"contributors":[{"name":"Adam Kempa","email":"adamkempa@gmail.com"},{"name":"Mark Dickson","email":"mark@sitesteaders.com"}],"homepage":"https://github.com/whiplashmerch/whiplash-ui#readme","bugs":{"url":"https://github.com/whiplashmerch/whiplash-ui/issues"},"dist":{"shasum":"d1b198888c96fe9a0b9031e2484c791f2179b707","tarball":"https://registry.npmjs.org/whiplash-ui/-/whiplash-ui-0.5.4-beta.0.tgz","fileCount":32,"integrity":"sha512-THQjAb0z0uox5BFaIoNRFt1Q0mnfV+vF1JIRtyX6I2Efpc49we1rgV4SU4zZv/g+azv36rFVpmbew9PgswjkkQ==","signatures":[{"sig":"MEUCIDBLyUoe3jnddDIemLEBzETbaILE+k0Q6tz/fToSArtcAiEAwLX9BwvtlWWSU/aauJnQ6UifYe75rI05EDgbBwG6cZw=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":215251,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfRsoNCRA9TVsSAnZWagAA4DIP/RuQU/gL1FZqdJdrUtgt\nVj1e123J8ugsfjufjm2OTKlW5HHonwwdDrwkfWrh79RyWrxfyZrgL2zGdxQL\n/uo1SKb/N0HfteWrPWUEiJIC2ePM8VIxPrzb0Y+uGh9+e+MPlnVBewYboyY5\nbzZx/08KkV6YNVFFzd9W92j+puUmDg9DlN4Gku1GSWtXmFHfBmYs1GApSrNG\npYsXU0eInHxYrtuYZ89uUGKSxk4x9GDTQzCDvXLOi2oHH9GmHT8W1O4emLaq\nbnrDnZfcV3raJTGaoj/nnqqlCnqr9qvyb3j5T+kVuZCZ2EvDCOaHsEWphJbm\nuwx5qsiZPP1R+yUKLCDtMurcwGqIeBAo3SEGhVoTfG2mJ59OETOkGPgDudl+\nnifRyxWzFEc7nLN5RtEhm7lgTA0iq/y6nGbf3VJLrds9osVEusBBiytK7WVL\nZBZ0PFJeHeE0r3l7SiBidtaA3HRuirg3qa1lGWzj/2JeRWk580SUri1TYtum\nyxzTzBggKD2unTkNDpSiv+i9AUa616UMboKLrpiGhY37dAaVFz4n1oEZfuMk\nvrw+tcR+Ru2QI7Fvsfqwa8raxCeyZNvm4LPYv/YYeLRoBcZBjKnLAz2hq6eR\nnL9DFX3N+y96aV0GtQ1/J5MA7gCWiU3DuF5RnKYOw7uzz6rU5Ka2LPg87Ol6\nfF5n\r\n=fBGl\r\n-----END PGP SIGNATURE-----\r\n"},"main":"/dist/whiplash-ui.js","readme":"# whiplash-ui\nA library of global UI elements for use across Whiplash applications.\n\n\n## Usage\n\nTo implement the Whiplash UI, run `yarn add whiplash-ui` in your project's root directory.\n\nIn your `application.css` add the line:\n\n```\n*= require whiplash-ui/stylesheets/application\n```\n\nIn your `application.js` add the line:\n\n```\n//= require whiplash-ui/javascripts/behavior\n```\n\n## Elements\n\n### DotLoader loading indicator\n\nThis functionality is pulled right from the UI toolkit living style guide. To implement, create an element `<div class=\"loader-wrapper\">` and the JS will populate it with the necessary children for animation when the page loads.\n\n### SelectBox select input field\n\nThis component style is taken from the UI toolkit. To implement this style in a Whiplash UI-styled application, create an element `<select class=\"select-input\">` with options as you normally would. The JavaScript will then parse that element and its options and convert the HTML layout to what is expected to implement the more complex and customized select dropdown input.\n\n### Toggle checkbox control\n\nThe style of this control is taken from the UI toolkit. To implement in a Whiplash UI application, create an element `<input type=\"checkbox\" class=\"toggle-input\">` and the JS will create the required HTML structure to facilitate the complex styling of the element.\n\n### Checkbox\n\n```\n<div class=\"check-box\">\n  <input id=\"test\" type=\"checkbox\" class=\"check-box-input\" name=\"test\" value=\"on\">\n  <span class=\"check-box-button\"></span>\n  <label for=\"test\">This is a checkbox.</label>\n</div><br>\n<div class=\"check-box\">\n  <input id=\"test\" type=\"checkbox\" class=\"check-box-input\" name=\"test\" value=\"on\">\n  <span class=\"check-box-button\"></span>\n  <label for=\"test\">This is a second checkbox.</label>\n</div>\n```\n\n\n### Dropdown/up floating menu control\n\nIn order to implement this, you need to have the following HTML structure:\n\n```\n<div class=\"dropdown-wrapper\">\n\t<button class=\"button text\" data-dropdown=\"up-menu\">Menu Button/Link</button>\n\t<div class=\"dropdown dropdown-up\" id=\"up-menu\">\n\t\t<ul class=\"dropdown-list\">\n\t\t\t<li><a href=\"#\">Stuff</a></li>\n\t\t\t<li><a href=\"#\">Biz</a></li>\n\t\t</ul>\n\t</div>\n</div>\n```\n\nThere are two orientations -- a menu that drops down uses the class `dropdown-down` on the div that wraps `dropdown-list`. A menu that pops up from the button uses the class `dropdown-up`.\n","gitHead":"ff5f5daa7cdc2e370956b49de3f9b14bb9143a49","scripts":{"js":"cp js/whiplash-ui.js dist/ && uglifyjs --output dist/whiplash-ui.min.js js/whiplash-ui.js","css":"npm run css:sass && npm run css:autoprefix && npm run css:minify","dist":"npm run css && npm run js","css:sass":"node-sass scss/whiplash-ui.scss -o dist","css:minify":"postcss dist/whiplash-ui.css --map --use cssnano -o dist/whiplash-ui.min.css","preversion":"npm run dist","css:autoprefix":"postcss -r dist/whiplash-ui.css --map --use autoprefixer -b '> 5%'"},"_npmUser":{"name":"jeffgarris","email":"jeffsgarris@gmail.com"},"repository":{"url":"git+ssh://git@github.com/whiplashmerch/whiplash-ui.git","type":"git"},"_npmVersion":"6.12.1","description":"UI assets for Whiplash Merch","directories":{},"_nodeVersion":"13.1.0","_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"cssnano":"4.1.10","postcss":"7.0.21","node-sass":"4.13.0","uglify-js":"3.6.8","postcss-cli":"6.1.3","autoprefixer":"9.7.1"},"_npmOperationalInternal":{"tmp":"tmp/whiplash-ui_0.5.4-beta.0_1598474764554_0.9265139910583475","host":"s3://npm-registry-packages"}},"0.5.4-beta.1":{"name":"whiplash-ui","version":"0.5.4-beta.1","author":{"url":"http://adamkempa.com/","name":"Adam Kempa","email":"adamkempa@gmail.com"},"license":"MIT","_id":"whiplash-ui@0.5.4-beta.1","maintainers":[{"name":"adamkempa","email":"adam@kempa.com"},{"name":"jeffgarris","email":"jeffsgarris@gmail.com"},{"name":"mark.dickson","email":"mark@sitesteaders.com"},{"name":"montch","email":"montch@gmail.com"}],"contributors":[{"name":"Adam Kempa","email":"adamkempa@gmail.com"},{"name":"Mark Dickson","email":"mark@sitesteaders.com"}],"homepage":"https://github.com/whiplashmerch/whiplash-ui#readme","bugs":{"url":"https://github.com/whiplashmerch/whiplash-ui/issues"},"dist":{"shasum":"dcfe5ba602d1d3a8c37c42bf01f5400bb49b08ff","tarball":"https://registry.npmjs.org/whiplash-ui/-/whiplash-ui-0.5.4-beta.1.tgz","fileCount":32,"integrity":"sha512-rxvNHM3aw/JnWZiSmlrAjzkG1imQub6tvQ0IqlB40ci1jA0BYLZ6mEmBsVr73HXmB2l7pzS+4a3FfDioSle/FQ==","signatures":[{"sig":"MEYCIQDzae3D0f7mr3uJoixZrY+2ODq4vXrgJ9pi/OKQ6MrlGgIhAP8j63QQ3AlBT+Tm0WHpcwU5wJ/XhrXG6zGKrBqJkddJ","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":215537,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfRstXCRA9TVsSAnZWagAA4ekP/jF/W8kJBQNq7+RYAoWO\n+OQcrN4GIm/iLiOpVHhq6vmPCbY3gUmmg+367x/lZzk2lzcr14vyO+tavbxb\nEW2EcJvnFW+MnnOFVJu+FqTwG5NehwGhkUcC2EnZ8v9mj4F2D6FAGN5KAOjN\ndAMFk0RqtNthfVS0gSJgXyFSW5aFE6CiC3KoidwquxOEYP6EgzRoyugRWpLP\na31dHy7gYPIaguuXlTk0uIpz0swEk8yQsR+SjOGBSbrfnSIYRXg66r7XRQkN\nnRCLSvRlXz2LB/V3qbt4l7C7gd74cJQclLCpftBBiZFaoYwRgU5VCeashjGQ\n3uRGq9br0nNFT/OCVvu0oPmS03VhIVfKDfA7vS2zFdgLT1m8NVrJlfzAfhoE\n1rB+dO77+hTyqezNN1XBx9raU5LEsZGq0Foem7vy23blujx2XZd34+5xFOMA\nUSM6vbjdtMDaM4XcYDfo2mtHSZHUDYFN0V95LBauwgkmlrGTpwTcPjvyFek8\n1PKHkp0SDjyN29rqcH/FUrSaiJKof3MmeaKXczEnEXfD7QEj2XJBJ/dQnnFF\ncOV3zzknr0APinQC/CpFjujdhGKbG7gN5PMS6ZDUVEows9jgBvBFvBzK5kg1\nBWMS0Z72J+Uo5bUh3rKbWFemiAAX0JLOT3jN0SamWxiYJWfGthPMpz1JngPk\nNwai\r\n=B16i\r\n-----END PGP SIGNATURE-----\r\n"},"main":"/dist/whiplash-ui.js","readme":"# whiplash-ui\nA library of global UI elements for use across Whiplash applications.\n\n\n## Usage\n\nTo implement the Whiplash UI, run `yarn add whiplash-ui` in your project's root directory.\n\nIn your `application.css` add the line:\n\n```\n*= require whiplash-ui/stylesheets/application\n```\n\nIn your `application.js` add the line:\n\n```\n//= require whiplash-ui/javascripts/behavior\n```\n\n## Elements\n\n### DotLoader loading indicator\n\nThis functionality is pulled right from the UI toolkit living style guide. To implement, create an element `<div class=\"loader-wrapper\">` and the JS will populate it with the necessary children for animation when the page loads.\n\n### SelectBox select input field\n\nThis component style is taken from the UI toolkit. To implement this style in a Whiplash UI-styled application, create an element `<select class=\"select-input\">` with options as you normally would. The JavaScript will then parse that element and its options and convert the HTML layout to what is expected to implement the more complex and customized select dropdown input.\n\n### Toggle checkbox control\n\nThe style of this control is taken from the UI toolkit. To implement in a Whiplash UI application, create an element `<input type=\"checkbox\" class=\"toggle-input\">` and the JS will create the required HTML structure to facilitate the complex styling of the element.\n\n### Checkbox\n\n```\n<div class=\"check-box\">\n  <input id=\"test\" type=\"checkbox\" class=\"check-box-input\" name=\"test\" value=\"on\">\n  <span class=\"check-box-button\"></span>\n  <label for=\"test\">This is a checkbox.</label>\n</div><br>\n<div class=\"check-box\">\n  <input id=\"test\" type=\"checkbox\" class=\"check-box-input\" name=\"test\" value=\"on\">\n  <span class=\"check-box-button\"></span>\n  <label for=\"test\">This is a second checkbox.</label>\n</div>\n```\n\n\n### Dropdown/up floating menu control\n\nIn order to implement this, you need to have the following HTML structure:\n\n```\n<div class=\"dropdown-wrapper\">\n\t<button class=\"button text\" data-dropdown=\"up-menu\">Menu Button/Link</button>\n\t<div class=\"dropdown dropdown-up\" id=\"up-menu\">\n\t\t<ul class=\"dropdown-list\">\n\t\t\t<li><a href=\"#\">Stuff</a></li>\n\t\t\t<li><a href=\"#\">Biz</a></li>\n\t\t</ul>\n\t</div>\n</div>\n```\n\nThere are two orientations -- a menu that drops down uses the class `dropdown-down` on the div that wraps `dropdown-list`. A menu that pops up from the button uses the class `dropdown-up`.\n","gitHead":"f4b946b4a2e82f56386c9f0e62e98f973187f75b","scripts":{"js":"cp js/whiplash-ui.js dist/ && uglifyjs --output dist/whiplash-ui.min.js js/whiplash-ui.js","css":"npm run css:sass && npm run css:autoprefix && npm run css:minify","dist":"npm run css && npm run js","css:sass":"node-sass scss/whiplash-ui.scss -o dist","css:minify":"postcss dist/whiplash-ui.css --map --use cssnano -o dist/whiplash-ui.min.css","preversion":"npm run dist","css:autoprefix":"postcss -r dist/whiplash-ui.css --map --use autoprefixer -b '> 5%'"},"_npmUser":{"name":"jeffgarris","email":"jeffsgarris@gmail.com"},"repository":{"url":"git+ssh://git@github.com/whiplashmerch/whiplash-ui.git","type":"git"},"_npmVersion":"6.12.1","description":"UI assets for Whiplash Merch","directories":{},"_nodeVersion":"13.1.0","_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"cssnano":"4.1.10","postcss":"7.0.21","node-sass":"4.13.0","uglify-js":"3.6.8","postcss-cli":"6.1.3","autoprefixer":"9.7.1"},"_npmOperationalInternal":{"tmp":"tmp/whiplash-ui_0.5.4-beta.1_1598475095241_0.49371018157547497","host":"s3://npm-registry-packages"}},"0.5.4-beta.2":{"name":"whiplash-ui","version":"0.5.4-beta.2","author":{"url":"http://adamkempa.com/","name":"Adam Kempa","email":"adamkempa@gmail.com"},"license":"MIT","_id":"whiplash-ui@0.5.4-beta.2","maintainers":[{"name":"adamkempa","email":"adam@kempa.com"},{"name":"jeffgarris","email":"jeffsgarris@gmail.com"},{"name":"mark.dickson","email":"mark@sitesteaders.com"},{"name":"montch","email":"montch@gmail.com"}],"contributors":[{"name":"Adam Kempa","email":"adamkempa@gmail.com"},{"name":"Mark Dickson","email":"mark@sitesteaders.com"}],"homepage":"https://github.com/whiplashmerch/whiplash-ui#readme","bugs":{"url":"https://github.com/whiplashmerch/whiplash-ui/issues"},"dist":{"shasum":"265caef01096d5809c91b2ce873d48e32c4e42fe","tarball":"https://registry.npmjs.org/whiplash-ui/-/whiplash-ui-0.5.4-beta.2.tgz","fileCount":32,"integrity":"sha512-gWC1DnGnMLIzUuTvNWv85QtndBZhf8qCxhkswSsM/Xf3qbzmzKEYsgB3HK2HXZfIwK/JrfL+PiINa1lL0SZfxw==","signatures":[{"sig":"MEUCIE+06zjwYBPx20gFX9IUEOmwMvv+zIFqkXk3kzvER/+PAiEAhIYQkk3qv14LnCpXbFmOyn3fyq2+M+ZM302kkdluKic=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":215571,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfRswyCRA9TVsSAnZWagAA8XcP/Aw+YiyYpleJUCvkQ9Oe\nUYeZ5fI0Bo9mpCa7aKuoPp5XyiltROdyv9d6ne7G7d9l6/mIQpClcSFCAbZ7\nozueaH4YtyFhqpstL4AIJNqWsoxn1tiEAhB/dqPbou68dZxl7K3y86sIONS+\n/Dk5v7u/dga+uomd26xsOaAwt8Is5FMZawuvEN66bDKsusBqVsE1tnB1DfU3\nYxxVdl+3ty+IPPVEJP5vYGzuLcBhBPFOytsEDIHiV51FraPj/F5X4W6b0XK7\nv0EYUv5vU8TRsN5+Du2BOP6eNIOoxJ/Wdlu1poXnGhxBre4fBBp90FZRbuyY\nHJUgH6WcjvuYWDM2N24q6+TT6apPTNITjPjcf5zhJNVKA1+JQXzJhf6FKvEb\ni2b3LJV0shw08Ww8GPzhwnFHnhYZV3gdQP7rjRkHMQLrHZ8hj8CmoJXnTAuL\nbDiDgoyC3oiKWDJo9qYaBuqgQdDhzh7hEFq8Pzco17Fhl+59x9AMZQuaCgzZ\ni9+HaN+hf7pf7MoEhWjvm5pJeOpydg9YRsSk+ep69Dcl1o78bGGdgC3CB1sf\n7brgbKfM8Aglv+q9t3c+gkyS2XRzZbs+byMTKleuWQL0XlDaCuMoKmwL0/RY\n0eLZiMaxzRLAEpYwnG1G+OtocNoutcD5YY94609CnhRpVYTMA12Tudv0bEaK\nvuFy\r\n=p/vF\r\n-----END PGP SIGNATURE-----\r\n"},"main":"/dist/whiplash-ui.js","readme":"# whiplash-ui\nA library of global UI elements for use across Whiplash applications.\n\n\n## Usage\n\nTo implement the Whiplash UI, run `yarn add whiplash-ui` in your project's root directory.\n\nIn your `application.css` add the line:\n\n```\n*= require whiplash-ui/stylesheets/application\n```\n\nIn your `application.js` add the line:\n\n```\n//= require whiplash-ui/javascripts/behavior\n```\n\n## Elements\n\n### DotLoader loading indicator\n\nThis functionality is pulled right from the UI toolkit living style guide. To implement, create an element `<div class=\"loader-wrapper\">` and the JS will populate it with the necessary children for animation when the page loads.\n\n### SelectBox select input field\n\nThis component style is taken from the UI toolkit. To implement this style in a Whiplash UI-styled application, create an element `<select class=\"select-input\">` with options as you normally would. The JavaScript will then parse that element and its options and convert the HTML layout to what is expected to implement the more complex and customized select dropdown input.\n\n### Toggle checkbox control\n\nThe style of this control is taken from the UI toolkit. To implement in a Whiplash UI application, create an element `<input type=\"checkbox\" class=\"toggle-input\">` and the JS will create the required HTML structure to facilitate the complex styling of the element.\n\n### Checkbox\n\n```\n<div class=\"check-box\">\n  <input id=\"test\" type=\"checkbox\" class=\"check-box-input\" name=\"test\" value=\"on\">\n  <span class=\"check-box-button\"></span>\n  <label for=\"test\">This is a checkbox.</label>\n</div><br>\n<div class=\"check-box\">\n  <input id=\"test\" type=\"checkbox\" class=\"check-box-input\" name=\"test\" value=\"on\">\n  <span class=\"check-box-button\"></span>\n  <label for=\"test\">This is a second checkbox.</label>\n</div>\n```\n\n\n### Dropdown/up floating menu control\n\nIn order to implement this, you need to have the following HTML structure:\n\n```\n<div class=\"dropdown-wrapper\">\n\t<button class=\"button text\" data-dropdown=\"up-menu\">Menu Button/Link</button>\n\t<div class=\"dropdown dropdown-up\" id=\"up-menu\">\n\t\t<ul class=\"dropdown-list\">\n\t\t\t<li><a href=\"#\">Stuff</a></li>\n\t\t\t<li><a href=\"#\">Biz</a></li>\n\t\t</ul>\n\t</div>\n</div>\n```\n\nThere are two orientations -- a menu that drops down uses the class `dropdown-down` on the div that wraps `dropdown-list`. A menu that pops up from the button uses the class `dropdown-up`.\n","gitHead":"f4b946b4a2e82f56386c9f0e62e98f973187f75b","scripts":{"js":"cp js/whiplash-ui.js dist/ && uglifyjs --output dist/whiplash-ui.min.js js/whiplash-ui.js","css":"npm run css:sass && npm run css:autoprefix && npm run css:minify","dist":"npm run css && npm run js","css:sass":"node-sass scss/whiplash-ui.scss -o dist","css:minify":"postcss dist/whiplash-ui.css --map --use cssnano -o dist/whiplash-ui.min.css","preversion":"npm run dist","css:autoprefix":"postcss -r dist/whiplash-ui.css --map --use autoprefixer -b '> 5%'"},"_npmUser":{"name":"jeffgarris","email":"jeffsgarris@gmail.com"},"repository":{"url":"git+ssh://git@github.com/whiplashmerch/whiplash-ui.git","type":"git"},"_npmVersion":"6.12.1","description":"UI assets for Whiplash Merch","directories":{},"_nodeVersion":"13.1.0","_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"cssnano":"4.1.10","postcss":"7.0.21","node-sass":"4.13.0","uglify-js":"3.6.8","postcss-cli":"6.1.3","autoprefixer":"9.7.1"},"_npmOperationalInternal":{"tmp":"tmp/whiplash-ui_0.5.4-beta.2_1598475313586_0.14169052994852005","host":"s3://npm-registry-packages"}},"0.5.4-beta.3":{"name":"whiplash-ui","version":"0.5.4-beta.3","author":{"url":"http://adamkempa.com/","name":"Adam Kempa","email":"adamkempa@gmail.com"},"license":"MIT","_id":"whiplash-ui@0.5.4-beta.3","maintainers":[{"name":"adamkempa","email":"adam@kempa.com"},{"name":"jeffgarris","email":"jeffsgarris@gmail.com"},{"name":"mark.dickson","email":"mark@sitesteaders.com"},{"name":"montch","email":"montch@gmail.com"}],"contributors":[{"name":"Adam Kempa","email":"adamkempa@gmail.com"},{"name":"Mark Dickson","email":"mark@sitesteaders.com"}],"homepage":"https://github.com/whiplashmerch/whiplash-ui#readme","bugs":{"url":"https://github.com/whiplashmerch/whiplash-ui/issues"},"dist":{"shasum":"b3d68c4b4ee3b681ebcbc46cdf542a412e8d8db3","tarball":"https://registry.npmjs.org/whiplash-ui/-/whiplash-ui-0.5.4-beta.3.tgz","fileCount":32,"integrity":"sha512-iJuO3MWYjlI6u7KvwVjNvI+AR6+uXZzjYM6gaht7Fmqk1RlzlD2OaGvz1pePO1tEioPb1YqDmA0JDp65Yn4nsg==","signatures":[{"sig":"MEUCID6DVEeR7XoyznHSi1cnQud+gkoDgfW8T7i9+o9bScglAiEA4EqzF5wATaEd3fqeYzlIAjKg2a2d4Gu/K/0B0zsdmZg=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":215600,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfRs6UCRA9TVsSAnZWagAAe08QAIvIO2XTdinM7iJ0wJ2r\nPaJn8UKi/cUt9S0ytZSQtIOnCI4iLTqHoqsQohthzIpIY73bkvgn267EE3AR\nIQfnbqXyEC2zoeQd2OgXtmTRrGnAcjh/ATZ3TDbmjXIB4U/dUhChIsPmDmrX\n1au3B95klvFfQRFvTwl4hEhdVIYulYmKr/VE4scyRCvOlbcT4h/t657IhRpJ\nuES/1aG7iOMDpK2SDOUVElzDp3iXolSHhkp13Lgac0tagSSWTeoRu1gNeTMo\nwaegwaAQkDuLK4XyLfPErcI6OtWvVEwZvy7po29Ilw2dSu+suvUrTJ7fJIR0\nFHPHgPo9xFcXgffTVHule4wAhi5mrH+E11NhX7C/8IX+vgFNhj3zR3okikiM\nCkNJi24+djE8dc6hESYftaqWHyBvmgbCr1Vo/pFEPkDYLFkIhmPx6hv/b1qw\nuAbDOtDFSWrx9rANnGJtpO8zH23Z3YRz0aA6k+7cUd5+XgDciw4k24KGv71p\niJwdXoDLNmb4ohTOz0gxVpUz2FzCj4/qqlrP+qH39z6QBj4OVej06lLtkkuk\nn+33HDZApnJ7hlXmYfSlEUESXZs5JQQJeqorkqHK99A7xyE8RbQtVP0u2iTW\nZI3gsupzCKWnPPBBib34UrIPCqyubDU0tZhS4zjbz5Zw+pqWvmAF9eKHMftH\nc+1E\r\n=dtIs\r\n-----END PGP SIGNATURE-----\r\n"},"main":"/dist/whiplash-ui.js","readme":"# whiplash-ui\nA library of global UI elements for use across Whiplash applications.\n\n\n## Usage\n\nTo implement the Whiplash UI, run `yarn add whiplash-ui` in your project's root directory.\n\nIn your `application.css` add the line:\n\n```\n*= require whiplash-ui/stylesheets/application\n```\n\nIn your `application.js` add the line:\n\n```\n//= require whiplash-ui/javascripts/behavior\n```\n\n## Elements\n\n### DotLoader loading indicator\n\nThis functionality is pulled right from the UI toolkit living style guide. To implement, create an element `<div class=\"loader-wrapper\">` and the JS will populate it with the necessary children for animation when the page loads.\n\n### SelectBox select input field\n\nThis component style is taken from the UI toolkit. To implement this style in a Whiplash UI-styled application, create an element `<select class=\"select-input\">` with options as you normally would. The JavaScript will then parse that element and its options and convert the HTML layout to what is expected to implement the more complex and customized select dropdown input.\n\n### Toggle checkbox control\n\nThe style of this control is taken from the UI toolkit. To implement in a Whiplash UI application, create an element `<input type=\"checkbox\" class=\"toggle-input\">` and the JS will create the required HTML structure to facilitate the complex styling of the element.\n\n### Checkbox\n\n```\n<div class=\"check-box\">\n  <input id=\"test\" type=\"checkbox\" class=\"check-box-input\" name=\"test\" value=\"on\">\n  <span class=\"check-box-button\"></span>\n  <label for=\"test\">This is a checkbox.</label>\n</div><br>\n<div class=\"check-box\">\n  <input id=\"test\" type=\"checkbox\" class=\"check-box-input\" name=\"test\" value=\"on\">\n  <span class=\"check-box-button\"></span>\n  <label for=\"test\">This is a second checkbox.</label>\n</div>\n```\n\n\n### Dropdown/up floating menu control\n\nIn order to implement this, you need to have the following HTML structure:\n\n```\n<div class=\"dropdown-wrapper\">\n\t<button class=\"button text\" data-dropdown=\"up-menu\">Menu Button/Link</button>\n\t<div class=\"dropdown dropdown-up\" id=\"up-menu\">\n\t\t<ul class=\"dropdown-list\">\n\t\t\t<li><a href=\"#\">Stuff</a></li>\n\t\t\t<li><a href=\"#\">Biz</a></li>\n\t\t</ul>\n\t</div>\n</div>\n```\n\nThere are two orientations -- a menu that drops down uses the class `dropdown-down` on the div that wraps `dropdown-list`. A menu that pops up from the button uses the class `dropdown-up`.\n","gitHead":"69435ef579428def7515a9df746361f809c0803a","scripts":{"js":"cp js/whiplash-ui.js dist/ && uglifyjs --output dist/whiplash-ui.min.js js/whiplash-ui.js","css":"npm run css:sass && npm run css:autoprefix && npm run css:minify","dist":"npm run css && npm run js","css:sass":"node-sass scss/whiplash-ui.scss -o dist","css:minify":"postcss dist/whiplash-ui.css --map --use cssnano -o dist/whiplash-ui.min.css","preversion":"npm run dist","css:autoprefix":"postcss -r dist/whiplash-ui.css --map --use autoprefixer -b '> 5%'"},"_npmUser":{"name":"jeffgarris","email":"jeffsgarris@gmail.com"},"repository":{"url":"git+ssh://git@github.com/whiplashmerch/whiplash-ui.git","type":"git"},"_npmVersion":"6.12.1","description":"UI assets for Whiplash Merch","directories":{},"_nodeVersion":"13.1.0","_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"cssnano":"4.1.10","postcss":"7.0.21","node-sass":"4.13.0","uglify-js":"3.6.8","postcss-cli":"6.1.3","autoprefixer":"9.7.1"},"_npmOperationalInternal":{"tmp":"tmp/whiplash-ui_0.5.4-beta.3_1598475923812_0.05194626971494931","host":"s3://npm-registry-packages"}},"0.5.4-beta.4":{"name":"whiplash-ui","version":"0.5.4-beta.4","author":{"url":"http://adamkempa.com/","name":"Adam Kempa","email":"adamkempa@gmail.com"},"license":"MIT","_id":"whiplash-ui@0.5.4-beta.4","maintainers":[{"name":"adamkempa","email":"adam@kempa.com"},{"name":"jeffgarris","email":"jeffsgarris@gmail.com"},{"name":"mark.dickson","email":"mark@sitesteaders.com"},{"name":"montch","email":"montch@gmail.com"}],"contributors":[{"name":"Adam Kempa","email":"adamkempa@gmail.com"},{"name":"Mark Dickson","email":"mark@sitesteaders.com"}],"homepage":"https://github.com/whiplashmerch/whiplash-ui#readme","bugs":{"url":"https://github.com/whiplashmerch/whiplash-ui/issues"},"dist":{"shasum":"ac6e541ee28f9fbb0a8245bab16b5f570152d72f","tarball":"https://registry.npmjs.org/whiplash-ui/-/whiplash-ui-0.5.4-beta.4.tgz","fileCount":32,"integrity":"sha512-Rg6xEUElKP8ao4WgTICsu4j1cK/VamxIGUJbQgqHpO5GlScEhJyk9LgfkvVtWLcUMqPZ9BbbcOxVC0pSFERcGQ==","signatures":[{"sig":"MEUCIQCav7EzO+Wz3fzPSzMIVAHEAPFz45V+Je5Y4jlAkzzW8AIgJnGLfVyzPHwVjsFNb/BCskNfNSEfVnnaCyb3AcGYRiA=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":215623,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfRs+ACRA9TVsSAnZWagAAJjsP/1fJOF6dAGITNtpqandv\n2iJJhwbFMS8H/fucwUziKxI/TJWa7s7XQsZ66cfUgewWenlT+LCi91tqDBtV\ncRehObRI5Z+fR9wx/8mlbKqELFvEM12Q8JYs01IgdNVvRyKmmlFQPplNEA+y\nFRq2yC+vabrq7Vvps9A2O5mABqnAna59RBzdS8N5jFTA0+nX9woadQjks2U3\nqIGb6mAveMB7dPQQamFzPoLQ84Mrv1CDF/Wxui2UbE4KfXg/GrC/BocJ0+1P\nRKRoxLsxOMkOGDUL+0bDPWcJx2MlSfMCRsC8tBE24dtMA7w3hOzokvGiGLju\ngQ4DZrKrUPq7qyKOubYRI/nDw97n/8kqs+/CuoJJSe4g6lkve7F/iiEgRhZR\n7mPHXrPRvavxmLfp4AB+19KkpJmt7F7iQAx5XVgt0cpKeqw9++4Xf7cETc4G\n2PhQ9sNdZco9mBEYzqD462sBhPeKZhMrie7ivOxywYzjImk2cisPy03Pf51J\n0Xiky/zwcGxQR93V+hAUZpF32xgFD4/FSJ/BUKTMLS2Km+HNual9f44+Y9EI\nMntAHrawhwUi63b8e1wAZGqQwti2iHpWyeVTF6Giq4BLI7/PX1VrelJI2s9h\nicUSFLu8xlwEVMGm1ZF47m0mChDQ+yixAoG3dByRyTvO+nQ65XtavVsSVwC8\niBrr\r\n=NCPn\r\n-----END PGP SIGNATURE-----\r\n"},"main":"/dist/whiplash-ui.js","readme":"# whiplash-ui\nA library of global UI elements for use across Whiplash applications.\n\n\n## Usage\n\nTo implement the Whiplash UI, run `yarn add whiplash-ui` in your project's root directory.\n\nIn your `application.css` add the line:\n\n```\n*= require whiplash-ui/stylesheets/application\n```\n\nIn your `application.js` add the line:\n\n```\n//= require whiplash-ui/javascripts/behavior\n```\n\n## Elements\n\n### DotLoader loading indicator\n\nThis functionality is pulled right from the UI toolkit living style guide. To implement, create an element `<div class=\"loader-wrapper\">` and the JS will populate it with the necessary children for animation when the page loads.\n\n### SelectBox select input field\n\nThis component style is taken from the UI toolkit. To implement this style in a Whiplash UI-styled application, create an element `<select class=\"select-input\">` with options as you normally would. The JavaScript will then parse that element and its options and convert the HTML layout to what is expected to implement the more complex and customized select dropdown input.\n\n### Toggle checkbox control\n\nThe style of this control is taken from the UI toolkit. To implement in a Whiplash UI application, create an element `<input type=\"checkbox\" class=\"toggle-input\">` and the JS will create the required HTML structure to facilitate the complex styling of the element.\n\n### Checkbox\n\n```\n<div class=\"check-box\">\n  <input id=\"test\" type=\"checkbox\" class=\"check-box-input\" name=\"test\" value=\"on\">\n  <span class=\"check-box-button\"></span>\n  <label for=\"test\">This is a checkbox.</label>\n</div><br>\n<div class=\"check-box\">\n  <input id=\"test\" type=\"checkbox\" class=\"check-box-input\" name=\"test\" value=\"on\">\n  <span class=\"check-box-button\"></span>\n  <label for=\"test\">This is a second checkbox.</label>\n</div>\n```\n\n\n### Dropdown/up floating menu control\n\nIn order to implement this, you need to have the following HTML structure:\n\n```\n<div class=\"dropdown-wrapper\">\n\t<button class=\"button text\" data-dropdown=\"up-menu\">Menu Button/Link</button>\n\t<div class=\"dropdown dropdown-up\" id=\"up-menu\">\n\t\t<ul class=\"dropdown-list\">\n\t\t\t<li><a href=\"#\">Stuff</a></li>\n\t\t\t<li><a href=\"#\">Biz</a></li>\n\t\t</ul>\n\t</div>\n</div>\n```\n\nThere are two orientations -- a menu that drops down uses the class `dropdown-down` on the div that wraps `dropdown-list`. A menu that pops up from the button uses the class `dropdown-up`.\n","gitHead":"e35064d3dd9f3e156da46a5207b1505cc3c39686","scripts":{"js":"cp js/whiplash-ui.js dist/ && uglifyjs --output dist/whiplash-ui.min.js js/whiplash-ui.js","css":"npm run css:sass && npm run css:autoprefix && npm run css:minify","dist":"npm run css && npm run js","css:sass":"node-sass scss/whiplash-ui.scss -o dist","css:minify":"postcss dist/whiplash-ui.css --map --use cssnano -o dist/whiplash-ui.min.css","preversion":"npm run dist","css:autoprefix":"postcss -r dist/whiplash-ui.css --map --use autoprefixer -b '> 5%'"},"_npmUser":{"name":"jeffgarris","email":"jeffsgarris@gmail.com"},"repository":{"url":"git+ssh://git@github.com/whiplashmerch/whiplash-ui.git","type":"git"},"_npmVersion":"6.12.1","description":"UI assets for Whiplash Merch","directories":{},"_nodeVersion":"13.1.0","_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"cssnano":"4.1.10","postcss":"7.0.21","node-sass":"4.13.0","uglify-js":"3.6.8","postcss-cli":"6.1.3","autoprefixer":"9.7.1"},"_npmOperationalInternal":{"tmp":"tmp/whiplash-ui_0.5.4-beta.4_1598476160447_0.4678966777021256","host":"s3://npm-registry-packages"}},"0.5.4-beta.5":{"name":"whiplash-ui","version":"0.5.4-beta.5","author":{"url":"http://adamkempa.com/","name":"Adam Kempa","email":"adamkempa@gmail.com"},"license":"MIT","_id":"whiplash-ui@0.5.4-beta.5","maintainers":[{"name":"adamkempa","email":"adam@kempa.com"},{"name":"jeffgarris","email":"jeffsgarris@gmail.com"},{"name":"mark.dickson","email":"mark@sitesteaders.com"},{"name":"montch","email":"montch@gmail.com"}],"contributors":[{"name":"Adam Kempa","email":"adamkempa@gmail.com"},{"name":"Mark Dickson","email":"mark@sitesteaders.com"}],"homepage":"https://github.com/whiplashmerch/whiplash-ui#readme","bugs":{"url":"https://github.com/whiplashmerch/whiplash-ui/issues"},"dist":{"shasum":"720c4612eb5e36982ce6d5995cf878f5b797272d","tarball":"https://registry.npmjs.org/whiplash-ui/-/whiplash-ui-0.5.4-beta.5.tgz","fileCount":32,"integrity":"sha512-8KAMlvIsJYh9jsAiF28uJnN1urlMPrAZILDvvCwwm6SwxWj6bjXg+AQtobCl7Bp9izRmKdWIpi6t9RNPxNOQWg==","signatures":[{"sig":"MEYCIQC6ObtKTMndOPSAhMuj3uzr82+wkQaipX496n5716DRXAIhAOLpq3q2AbYMXRZNX0IwC/3/1/D0Z5K8x4fmLCeYP/ze","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":215615,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfRtA7CRA9TVsSAnZWagAAMlAQAJ54Cx3vzBmsPD4eDD3z\nM3lOoCGM64bFUDv1++wCMVcItoz8uNTpyhQmkDJS6pYE1RTnkGpBht7Fc3QB\nCZsnIIrjauEZBoQbKLfNsay0QHLJQzAThB2ww11JxbPWzJtGtYDiCsmssiz1\nmxzUZtFj91ql/v843Zg1A7wQLmxX0dnAP3E28+bHPfvUD6HUEkip0tfsuYyK\nnR3kJyW9LwPC/U0DQsJ0c8IF/VfwC9f3ILgrJQQPTRn3Pi3CHvohIwlojJun\nWk82uDl4/Ch/YISlsgKNF68W5bd9dohgwt1sC9KIol6xqDKpyCtEUCjQKELb\nN4z/CTWOzJ3lYSD3ZC0zYyImJ1OeqqNXGQ11wkzxBWUrBUFxTlWLddb5SokQ\nB1WT/VwuV7Y09UUjZBWhPkZAwPCsLVzDx/ZjEohHbWFzOIycaNCiq1sgXCJW\nfJT+1MCcaHHd7uCkicNpAD5myulLECREM6RMPkKTIuKuVLS/ntDMn2FQpenN\n0oIhISth05c7TiqF8AwxDHsOO+KZXRIF9CIQNc9hy1kWF/uynBMZKGSDyizD\nWJThOTfY+/Sxv9Pw8UFTGss0PSk6eDkonHwm6YaU4Vf/WM60LxfI3Vf5AoY6\nJzfQl7MJ751UJA5xA7bwFaamg/WBGyLOxiOxSb2dwQVV9LvUe+jnzFkQn03W\nB9Qa\r\n=z8O0\r\n-----END PGP SIGNATURE-----\r\n"},"main":"/dist/whiplash-ui.js","readme":"# whiplash-ui\nA library of global UI elements for use across Whiplash applications.\n\n\n## Usage\n\nTo implement the Whiplash UI, run `yarn add whiplash-ui` in your project's root directory.\n\nIn your `application.css` add the line:\n\n```\n*= require whiplash-ui/stylesheets/application\n```\n\nIn your `application.js` add the line:\n\n```\n//= require whiplash-ui/javascripts/behavior\n```\n\n## Elements\n\n### DotLoader loading indicator\n\nThis functionality is pulled right from the UI toolkit living style guide. To implement, create an element `<div class=\"loader-wrapper\">` and the JS will populate it with the necessary children for animation when the page loads.\n\n### SelectBox select input field\n\nThis component style is taken from the UI toolkit. To implement this style in a Whiplash UI-styled application, create an element `<select class=\"select-input\">` with options as you normally would. The JavaScript will then parse that element and its options and convert the HTML layout to what is expected to implement the more complex and customized select dropdown input.\n\n### Toggle checkbox control\n\nThe style of this control is taken from the UI toolkit. To implement in a Whiplash UI application, create an element `<input type=\"checkbox\" class=\"toggle-input\">` and the JS will create the required HTML structure to facilitate the complex styling of the element.\n\n### Checkbox\n\n```\n<div class=\"check-box\">\n  <input id=\"test\" type=\"checkbox\" class=\"check-box-input\" name=\"test\" value=\"on\">\n  <span class=\"check-box-button\"></span>\n  <label for=\"test\">This is a checkbox.</label>\n</div><br>\n<div class=\"check-box\">\n  <input id=\"test\" type=\"checkbox\" class=\"check-box-input\" name=\"test\" value=\"on\">\n  <span class=\"check-box-button\"></span>\n  <label for=\"test\">This is a second checkbox.</label>\n</div>\n```\n\n\n### Dropdown/up floating menu control\n\nIn order to implement this, you need to have the following HTML structure:\n\n```\n<div class=\"dropdown-wrapper\">\n\t<button class=\"button text\" data-dropdown=\"up-menu\">Menu Button/Link</button>\n\t<div class=\"dropdown dropdown-up\" id=\"up-menu\">\n\t\t<ul class=\"dropdown-list\">\n\t\t\t<li><a href=\"#\">Stuff</a></li>\n\t\t\t<li><a href=\"#\">Biz</a></li>\n\t\t</ul>\n\t</div>\n</div>\n```\n\nThere are two orientations -- a menu that drops down uses the class `dropdown-down` on the div that wraps `dropdown-list`. A menu that pops up from the button uses the class `dropdown-up`.\n","gitHead":"144fb1737023ba16b71dcbc84f57dae0ff842acd","scripts":{"js":"cp js/whiplash-ui.js dist/ && uglifyjs --output dist/whiplash-ui.min.js js/whiplash-ui.js","css":"npm run css:sass && npm run css:autoprefix && npm run css:minify","dist":"npm run css && npm run js","css:sass":"node-sass scss/whiplash-ui.scss -o dist","css:minify":"postcss dist/whiplash-ui.css --map --use cssnano -o dist/whiplash-ui.min.css","preversion":"npm run dist","css:autoprefix":"postcss -r dist/whiplash-ui.css --map --use autoprefixer -b '> 5%'"},"_npmUser":{"name":"jeffgarris","email":"jeffsgarris@gmail.com"},"repository":{"url":"git+ssh://git@github.com/whiplashmerch/whiplash-ui.git","type":"git"},"_npmVersion":"6.12.1","description":"UI assets for Whiplash Merch","directories":{},"_nodeVersion":"13.1.0","_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"cssnano":"4.1.10","postcss":"7.0.21","node-sass":"4.13.0","uglify-js":"3.6.8","postcss-cli":"6.1.3","autoprefixer":"9.7.1"},"_npmOperationalInternal":{"tmp":"tmp/whiplash-ui_0.5.4-beta.5_1598476347210_0.22517016227672126","host":"s3://npm-registry-packages"}},"0.5.4-beta.6":{"name":"whiplash-ui","version":"0.5.4-beta.6","author":{"url":"http://adamkempa.com/","name":"Adam Kempa","email":"adamkempa@gmail.com"},"license":"MIT","_id":"whiplash-ui@0.5.4-beta.6","maintainers":[{"name":"adamkempa","email":"adam@kempa.com"},{"name":"jeffgarris","email":"jeffsgarris@gmail.com"},{"name":"mark.dickson","email":"mark@sitesteaders.com"},{"name":"montch","email":"montch@gmail.com"}],"contributors":[{"name":"Adam Kempa","email":"adamkempa@gmail.com"},{"name":"Mark Dickson","email":"mark@sitesteaders.com"}],"homepage":"https://github.com/whiplashmerch/whiplash-ui#readme","bugs":{"url":"https://github.com/whiplashmerch/whiplash-ui/issues"},"dist":{"shasum":"5957c5510c8eb0daf05831a27aa2166288a9ce1d","tarball":"https://registry.npmjs.org/whiplash-ui/-/whiplash-ui-0.5.4-beta.6.tgz","fileCount":32,"integrity":"sha512-LHGJJErzvGPB+ooqi4xPmNBbk6P95PEpPJ57UZxX104DgLtVqdnq0+9DuEcZQuv4qlg2sFJ+2z03ttbPno1Ltg==","signatures":[{"sig":"MEUCIFELMzThxvU9lp9WjQPI5h6PULmSAUlZwoobTcNLuhnvAiEA4UhAwqbl1rGojRn77QyzM/SEOjBtyeeF/EANYRL36A4=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":215635,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfRtDNCRA9TVsSAnZWagAAo+oP/jegVSiB1r5Pf0S6wNj0\n/2rDHujdcivYIvB01BzOBxiOuGsLd5DHzA8yqE/oQr+9se+k73LFpiQw43jV\nbv4yMr4vdY/8ji/1a4R1Bada/GbsRyePshJhZgCMULRBVTgnQPjTd4DxvNjb\n3QQbPhbC18Q1Roc33DerB6pIPp5Fr6HeU/MXoq7v6u4QaqGU+9XnQzF6EoW5\nj6I1NPc/jdZuvFyn+/enf8iV4M2tj7dDeSiuKsp9bQO+owP93P7SFu2sOEJE\nbtTUqS/nmb48AIdUdVbdt7kZme0jgVRjogRno21E+lEI0s5GyRw8S50CTUwf\ns8GWN99/8DcfKnUfHuEufwiv3W4wZef0LfhDw0Ig6pocmnqCYbg2erdONb1a\nUlMCQRAkaYf0cnEjankS6cqN7cFtgSpd7z38iPieU/hr/S8VrsBL3bEjbBXi\n4myC6Lva1QWA5a1gwfg37ovibQYkWM6As4c7oTbLFBnVkMPn4zwcnQXEGBye\ngAqvRWL1iLKp6KWkD+CXLj1UorngivfzqXWKP1orlZ18vINuhhOqB1HWS5y2\nWF9ENGqskG0r0fH7n0cDC/oJh4HgCmbW0amI+Bz1mbyo4mjR7mdVV3AzeuRe\nFGUUZwJk+RlO3e3wbP4WJlpKJnTUx8PtacCN8Cjjnr7yfwVQT/MiGmlYAwnZ\nTHpN\r\n=e8if\r\n-----END PGP SIGNATURE-----\r\n"},"main":"/dist/whiplash-ui.js","readme":"# whiplash-ui\nA library of global UI elements for use across Whiplash applications.\n\n\n## Usage\n\nTo implement the Whiplash UI, run `yarn add whiplash-ui` in your project's root directory.\n\nIn your `application.css` add the line:\n\n```\n*= require whiplash-ui/stylesheets/application\n```\n\nIn your `application.js` add the line:\n\n```\n//= require whiplash-ui/javascripts/behavior\n```\n\n## Elements\n\n### DotLoader loading indicator\n\nThis functionality is pulled right from the UI toolkit living style guide. To implement, create an element `<div class=\"loader-wrapper\">` and the JS will populate it with the necessary children for animation when the page loads.\n\n### SelectBox select input field\n\nThis component style is taken from the UI toolkit. To implement this style in a Whiplash UI-styled application, create an element `<select class=\"select-input\">` with options as you normally would. The JavaScript will then parse that element and its options and convert the HTML layout to what is expected to implement the more complex and customized select dropdown input.\n\n### Toggle checkbox control\n\nThe style of this control is taken from the UI toolkit. To implement in a Whiplash UI application, create an element `<input type=\"checkbox\" class=\"toggle-input\">` and the JS will create the required HTML structure to facilitate the complex styling of the element.\n\n### Checkbox\n\n```\n<div class=\"check-box\">\n  <input id=\"test\" type=\"checkbox\" class=\"check-box-input\" name=\"test\" value=\"on\">\n  <span class=\"check-box-button\"></span>\n  <label for=\"test\">This is a checkbox.</label>\n</div><br>\n<div class=\"check-box\">\n  <input id=\"test\" type=\"checkbox\" class=\"check-box-input\" name=\"test\" value=\"on\">\n  <span class=\"check-box-button\"></span>\n  <label for=\"test\">This is a second checkbox.</label>\n</div>\n```\n\n\n### Dropdown/up floating menu control\n\nIn order to implement this, you need to have the following HTML structure:\n\n```\n<div class=\"dropdown-wrapper\">\n\t<button class=\"button text\" data-dropdown=\"up-menu\">Menu Button/Link</button>\n\t<div class=\"dropdown dropdown-up\" id=\"up-menu\">\n\t\t<ul class=\"dropdown-list\">\n\t\t\t<li><a href=\"#\">Stuff</a></li>\n\t\t\t<li><a href=\"#\">Biz</a></li>\n\t\t</ul>\n\t</div>\n</div>\n```\n\nThere are two orientations -- a menu that drops down uses the class `dropdown-down` on the div that wraps `dropdown-list`. A menu that pops up from the button uses the class `dropdown-up`.\n","gitHead":"b193ed5043f453cbaafb0fc455d2905a56f1f416","scripts":{"js":"cp js/whiplash-ui.js dist/ && uglifyjs --output dist/whiplash-ui.min.js js/whiplash-ui.js","css":"npm run css:sass && npm run css:autoprefix && npm run css:minify","dist":"npm run css && npm run js","css:sass":"node-sass scss/whiplash-ui.scss -o dist","css:minify":"postcss dist/whiplash-ui.css --map --use cssnano -o dist/whiplash-ui.min.css","preversion":"npm run dist","css:autoprefix":"postcss -r dist/whiplash-ui.css --map --use autoprefixer -b '> 5%'"},"_npmUser":{"name":"jeffgarris","email":"jeffsgarris@gmail.com"},"repository":{"url":"git+ssh://git@github.com/whiplashmerch/whiplash-ui.git","type":"git"},"_npmVersion":"6.12.1","description":"UI assets for Whiplash Merch","directories":{},"_nodeVersion":"13.1.0","_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"cssnano":"4.1.10","postcss":"7.0.21","node-sass":"4.13.0","uglify-js":"3.6.8","postcss-cli":"6.1.3","autoprefixer":"9.7.1"},"_npmOperationalInternal":{"tmp":"tmp/whiplash-ui_0.5.4-beta.6_1598476493523_0.7559353476334489","host":"s3://npm-registry-packages"}},"0.5.4-beta.7":{"name":"whiplash-ui","version":"0.5.4-beta.7","author":{"url":"http://adamkempa.com/","name":"Adam Kempa","email":"adamkempa@gmail.com"},"license":"MIT","_id":"whiplash-ui@0.5.4-beta.7","maintainers":[{"name":"adamkempa","email":"adam@kempa.com"},{"name":"jeffgarris","email":"jeffsgarris@gmail.com"},{"name":"mark.dickson","email":"mark@sitesteaders.com"},{"name":"montch","email":"montch@gmail.com"}],"contributors":[{"name":"Adam Kempa","email":"adamkempa@gmail.com"},{"name":"Mark Dickson","email":"mark@sitesteaders.com"}],"homepage":"https://github.com/whiplashmerch/whiplash-ui#readme","bugs":{"url":"https://github.com/whiplashmerch/whiplash-ui/issues"},"dist":{"shasum":"b29b6ccb3ef471511ce10704aa75c2c9fb819b74","tarball":"https://registry.npmjs.org/whiplash-ui/-/whiplash-ui-0.5.4-beta.7.tgz","fileCount":32,"integrity":"sha512-W/tZumT/Sb9b0tHby6T+EEgtuPIDcbXToJDP/ClH9oFZYgfl5bCtAVvKubUPs/Yr2bk6tvHgxFDUrMN9j12EYQ==","signatures":[{"sig":"MEQCIG0pDpXNe3bDjqeEWyvyPwvQzwVdatnAb7HtFGqVqFw5AiAyVX7EqMnMcV4TxeSRcg3qNkJg699Neu9nk2hSPluFKg==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":215656,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfRtIrCRA9TVsSAnZWagAAVHUP/1EBgKImZAlNX6/KuxZM\nADKPz4fEZ58ykvoBtcvcWZTc9JlW7RiptkgcCx6z/77rV5g+8Aa1qdHhO3xI\nbQrDDFMA46yj66AAG1JVcK/9u1vlfb1hziq+DvW2l+Cd6MTQDe9vZNbuqB6f\nAq12L1415Lo69/CIcMbbApmHGFQC9IhKEmFosKFGkk9LeNMjGCn2afsNlrnu\nfhnyLz3WKWNfeoPLI8ta5mTKNSS/Lok6gkSl1wOrtJNRL1v5KRype54uhWl3\nLsjMDV5mAk/R+eUZzfw0k1uYDrUffX2OfhgRFHmG57vCZrrW1lVsv+nYHYGF\nvMyjCpWRm/8X7LdUQw/ntO0wMeiEzKx6uADbFRenSe/bjiQDZJ3Wlm52ooGO\nD5twg0m1ceU2JFXMt+7Zth6xb1IqHFHSjFwyTBIG0HQHVCqZHqPe0ucip088\nZvK1cTcRNTOTFdAECxuiQ8dmbsviUwlPhajunIk2MoTQujc/n7xjZ03GkESk\n0OtYX81xIad5ju/iWUKKV+YPmkmY4hKH3Bk7VnnGcDd5mjtMgr94HDmaLI8Y\nowV2r5j6Q07VlGwLyDIDlQiX8ek6L72uLdBK7//A7YhU8OIYz+vm0lBe5b+Z\nRejTjvRT9v3v6MA2b802JX/Gnan76+4+Nyq4yFsq53RGfc9aTk3zhctmD8Hz\nCFxG\r\n=Fn/m\r\n-----END PGP SIGNATURE-----\r\n"},"main":"/dist/whiplash-ui.js","readme":"# whiplash-ui\nA library of global UI elements for use across Whiplash applications.\n\n\n## Usage\n\nTo implement the Whiplash UI, run `yarn add whiplash-ui` in your project's root directory.\n\nIn your `application.css` add the line:\n\n```\n*= require whiplash-ui/stylesheets/application\n```\n\nIn your `application.js` add the line:\n\n```\n//= require whiplash-ui/javascripts/behavior\n```\n\n## Elements\n\n### DotLoader loading indicator\n\nThis functionality is pulled right from the UI toolkit living style guide. To implement, create an element `<div class=\"loader-wrapper\">` and the JS will populate it with the necessary children for animation when the page loads.\n\n### SelectBox select input field\n\nThis component style is taken from the UI toolkit. To implement this style in a Whiplash UI-styled application, create an element `<select class=\"select-input\">` with options as you normally would. The JavaScript will then parse that element and its options and convert the HTML layout to what is expected to implement the more complex and customized select dropdown input.\n\n### Toggle checkbox control\n\nThe style of this control is taken from the UI toolkit. To implement in a Whiplash UI application, create an element `<input type=\"checkbox\" class=\"toggle-input\">` and the JS will create the required HTML structure to facilitate the complex styling of the element.\n\n### Checkbox\n\n```\n<div class=\"check-box\">\n  <input id=\"test\" type=\"checkbox\" class=\"check-box-input\" name=\"test\" value=\"on\">\n  <span class=\"check-box-button\"></span>\n  <label for=\"test\">This is a checkbox.</label>\n</div><br>\n<div class=\"check-box\">\n  <input id=\"test\" type=\"checkbox\" class=\"check-box-input\" name=\"test\" value=\"on\">\n  <span class=\"check-box-button\"></span>\n  <label for=\"test\">This is a second checkbox.</label>\n</div>\n```\n\n\n### Dropdown/up floating menu control\n\nIn order to implement this, you need to have the following HTML structure:\n\n```\n<div class=\"dropdown-wrapper\">\n\t<button class=\"button text\" data-dropdown=\"up-menu\">Menu Button/Link</button>\n\t<div class=\"dropdown dropdown-up\" id=\"up-menu\">\n\t\t<ul class=\"dropdown-list\">\n\t\t\t<li><a href=\"#\">Stuff</a></li>\n\t\t\t<li><a href=\"#\">Biz</a></li>\n\t\t</ul>\n\t</div>\n</div>\n```\n\nThere are two orientations -- a menu that drops down uses the class `dropdown-down` on the div that wraps `dropdown-list`. A menu that pops up from the button uses the class `dropdown-up`.\n","gitHead":"df43baecaa9882353a0dc1968b10ddd482477076","scripts":{"js":"cp js/whiplash-ui.js dist/ && uglifyjs --output dist/whiplash-ui.min.js js/whiplash-ui.js","css":"npm run css:sass && npm run css:autoprefix && npm run css:minify","dist":"npm run css && npm run js","css:sass":"node-sass scss/whiplash-ui.scss -o dist","css:minify":"postcss dist/whiplash-ui.css --map --use cssnano -o dist/whiplash-ui.min.css","preversion":"npm run dist","css:autoprefix":"postcss -r dist/whiplash-ui.css --map --use autoprefixer -b '> 5%'"},"_npmUser":{"name":"jeffgarris","email":"jeffsgarris@gmail.com"},"repository":{"url":"git+ssh://git@github.com/whiplashmerch/whiplash-ui.git","type":"git"},"_npmVersion":"6.12.1","description":"UI assets for Whiplash Merch","directories":{},"_nodeVersion":"13.1.0","_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"cssnano":"4.1.10","postcss":"7.0.21","node-sass":"4.13.0","uglify-js":"3.6.8","postcss-cli":"6.1.3","autoprefixer":"9.7.1"},"_npmOperationalInternal":{"tmp":"tmp/whiplash-ui_0.5.4-beta.7_1598476842801_0.5869252116353008","host":"s3://npm-registry-packages"}},"0.5.4-beta.8":{"name":"whiplash-ui","version":"0.5.4-beta.8","author":{"url":"http://adamkempa.com/","name":"Adam Kempa","email":"adamkempa@gmail.com"},"license":"MIT","_id":"whiplash-ui@0.5.4-beta.8","maintainers":[{"name":"adamkempa","email":"adam@kempa.com"},{"name":"jeffgarris","email":"jeffsgarris@gmail.com"},{"name":"mark.dickson","email":"mark@sitesteaders.com"},{"name":"montch","email":"montch@gmail.com"}],"contributors":[{"name":"Adam Kempa","email":"adamkempa@gmail.com"},{"name":"Mark Dickson","email":"mark@sitesteaders.com"}],"homepage":"https://github.com/whiplashmerch/whiplash-ui#readme","bugs":{"url":"https://github.com/whiplashmerch/whiplash-ui/issues"},"dist":{"shasum":"df445ba8aa9d40257993a631d5dc5646a5fb541e","tarball":"https://registry.npmjs.org/whiplash-ui/-/whiplash-ui-0.5.4-beta.8.tgz","fileCount":32,"integrity":"sha512-Z81ZQRskDQG9lDJknbs208YJ6c3uaXodKE+q46kKviuYLsERkyqBu4C/lJE0ThLhk8pCW5N2dloyms9ZdjmnRw==","signatures":[{"sig":"MEUCIF1RcKd/BS+EZR6ySsaiALA9YMPDUyPQJpgro4JzlOZSAiEA5HBLA92opjqbk3HQaESPwSgL+V3Hene/Lg3Bv4sqNHI=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":215656,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfR90TCRA9TVsSAnZWagAA/8wP/1hpMbvl6UntpUlg1m62\nCZE3oAmD7xhpwEjE5SCSHoVaMy/iOYFuJmxGJSY4uSE9ua/j3MxYMe/wDCbU\nib3IR2V1daQvl3ipN7wK5l+5tqQq/JE+4qe2EcZ+mGTc69GVwC9KJA0DcLRT\ngoKyOm2KZlusfVitqh3Zgj2VKFDbJoc31/ACjfTp5w9h2vuAwAbQDeNusESL\n2yMpDy4sGJ4Vd9VaOLL3eiKNxUsci4k9cHVEsEKBO/lZYtJ4iAIlGdqei11F\nxQoUcHyXXJAxHXbhmMy6IQia/wQNt7k+b+Frs2vW/RM3abG5Zxws7nt4R/tV\n0PZ45KhQ4BgU53chB/FDWnzgvTigLho6taWtP/NW59YpIiYSg8ceMhUOSq5m\nJsVFhuo2a0MG12AMob/5g93NoQPnowdi3I+IefD8x8mwCpI2+lyXZ6XDSNt9\nJCBB2f3xOPCFy3gZ/8qRTUMPRRUm7rQMKHcSQsBZwXjJqzz866dJjMnU2z/v\n9dA7/srXoJHDKS/IbYOhRsjQeKST5rz9qXAqZCDKxrTOwgHe9XuqFZrqLMEX\nWl3V8zDoY1iWdyER9oQcP1mnFMMgYxMCbjrpJlC6V7sWCPhtE5g/VDxRn5Zw\nY4dngxOTimt6UcGdqQQ+lVpJrekRCbXY8gcB/yLsCiwMyHAlHRBlTA0VHxkr\nGVCU\r\n=aMho\r\n-----END PGP SIGNATURE-----\r\n"},"main":"/dist/whiplash-ui.js","readme":"# whiplash-ui\nA library of global UI elements for use across Whiplash applications.\n\n\n## Usage\n\nTo implement the Whiplash UI, run `yarn add whiplash-ui` in your project's root directory.\n\nIn your `application.css` add the line:\n\n```\n*= require whiplash-ui/stylesheets/application\n```\n\nIn your `application.js` add the line:\n\n```\n//= require whiplash-ui/javascripts/behavior\n```\n\n## Elements\n\n### DotLoader loading indicator\n\nThis functionality is pulled right from the UI toolkit living style guide. To implement, create an element `<div class=\"loader-wrapper\">` and the JS will populate it with the necessary children for animation when the page loads.\n\n### SelectBox select input field\n\nThis component style is taken from the UI toolkit. To implement this style in a Whiplash UI-styled application, create an element `<select class=\"select-input\">` with options as you normally would. The JavaScript will then parse that element and its options and convert the HTML layout to what is expected to implement the more complex and customized select dropdown input.\n\n### Toggle checkbox control\n\nThe style of this control is taken from the UI toolkit. To implement in a Whiplash UI application, create an element `<input type=\"checkbox\" class=\"toggle-input\">` and the JS will create the required HTML structure to facilitate the complex styling of the element.\n\n### Checkbox\n\n```\n<div class=\"check-box\">\n  <input id=\"test\" type=\"checkbox\" class=\"check-box-input\" name=\"test\" value=\"on\">\n  <span class=\"check-box-button\"></span>\n  <label for=\"test\">This is a checkbox.</label>\n</div><br>\n<div class=\"check-box\">\n  <input id=\"test\" type=\"checkbox\" class=\"check-box-input\" name=\"test\" value=\"on\">\n  <span class=\"check-box-button\"></span>\n  <label for=\"test\">This is a second checkbox.</label>\n</div>\n```\n\n\n### Dropdown/up floating menu control\n\nIn order to implement this, you need to have the following HTML structure:\n\n```\n<div class=\"dropdown-wrapper\">\n\t<button class=\"button text\" data-dropdown=\"up-menu\">Menu Button/Link</button>\n\t<div class=\"dropdown dropdown-up\" id=\"up-menu\">\n\t\t<ul class=\"dropdown-list\">\n\t\t\t<li><a href=\"#\">Stuff</a></li>\n\t\t\t<li><a href=\"#\">Biz</a></li>\n\t\t</ul>\n\t</div>\n</div>\n```\n\nThere are two orientations -- a menu that drops down uses the class `dropdown-down` on the div that wraps `dropdown-list`. A menu that pops up from the button uses the class `dropdown-up`.\n","gitHead":"df43baecaa9882353a0dc1968b10ddd482477076","scripts":{"js":"cp js/whiplash-ui.js dist/ && uglifyjs --output dist/whiplash-ui.min.js js/whiplash-ui.js","css":"npm run css:sass && npm run css:autoprefix && npm run css:minify","dist":"npm run css && npm run js","css:sass":"node-sass scss/whiplash-ui.scss -o dist","css:minify":"postcss dist/whiplash-ui.css --map --use cssnano -o dist/whiplash-ui.min.css","preversion":"npm run dist","css:autoprefix":"postcss -r dist/whiplash-ui.css --map --use autoprefixer -b '> 5%'"},"_npmUser":{"name":"jeffgarris","email":"jeffsgarris@gmail.com"},"repository":{"url":"git+ssh://git@github.com/whiplashmerch/whiplash-ui.git","type":"git"},"_npmVersion":"6.12.1","description":"UI assets for Whiplash Merch","directories":{},"_nodeVersion":"13.1.0","_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"cssnano":"4.1.10","postcss":"7.0.21","node-sass":"4.13.0","uglify-js":"3.6.8","postcss-cli":"6.1.3","autoprefixer":"9.7.1"},"_npmOperationalInternal":{"tmp":"tmp/whiplash-ui_0.5.4-beta.8_1598545170335_0.5814882169482436","host":"s3://npm-registry-packages"}},"0.5.4":{"name":"whiplash-ui","version":"0.5.4","author":{"url":"http://adamkempa.com/","name":"Adam Kempa","email":"adamkempa@gmail.com"},"license":"MIT","_id":"whiplash-ui@0.5.4","maintainers":[{"name":"adamkempa","email":"adam@kempa.com"},{"name":"jeffgarris","email":"jeffsgarris@gmail.com"},{"name":"mark.dickson","email":"mark@sitesteaders.com"},{"name":"montch","email":"montch@gmail.com"}],"contributors":[{"name":"Adam Kempa","email":"adamkempa@gmail.com"},{"name":"Mark Dickson","email":"mark@sitesteaders.com"}],"homepage":"https://github.com/whiplashmerch/whiplash-ui#readme","bugs":{"url":"https://github.com/whiplashmerch/whiplash-ui/issues"},"dist":{"shasum":"7857cb9b82c9b23dce90967f24cb4a50a3d91b17","tarball":"https://registry.npmjs.org/whiplash-ui/-/whiplash-ui-0.5.4.tgz","fileCount":32,"integrity":"sha512-rhFHofu/w87wVWYw65RAN1cXC9cdbmUkT6CkOojuaNftv3QOH1Zq5NL6/HoXssgyAJTqUAGGdXqw2Zcn+eyPXg==","signatures":[{"sig":"MEYCIQCFzB/f2tUGcUUesJIwDfwmAyyBSNqv3QgZkO4zyIX6GQIhAJtYRhsHzypIwxb24QWFuL6YsN3vvql40vTXJOOQiUf5","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":215453,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfSTAdCRA9TVsSAnZWagAARxUP/1fe4O+khen8T07l4jJ5\nEpi7J/5v5WnhaLxjzHmzGC+Jjevjs1hfv2q13t4TwyqBV+CYFBZD9vZHBZCD\ngJFZ4vwpPMfknSf2gf65oV7T6/u2iBR8X+7aMRcvenmiFe8itg5objXgQ1JK\nENacjb6sMEJ8ccn5KUa8khsFd8ZvjewjTsHXhjs1WnDepX8rOBr2MM1nY0vn\n+VB8vY/2JSAGFktSQWP30sDGfnJv5qSiuH/ojVh80n+DQ3pNB3O4e26j8EKU\nbLPdsg9LkS/KWRsnv/GJ1IpIjy/yYr9JdW2j3LrFKLiVkyYcO0/RPLt00KQr\nImodHVEN/Z/0QdTdd1DqCvd0zpKvaycBHelblmDzq5J72Tsq5u8lwRe8TWSF\nuWg8WOxRjjRFuMKxrrAHdZ7GHSRoAf3UXCo+xKusGhnZlw8um5j8O3aoSo4G\n3oQlLYlv/LVKJ+gYTyTKtrjC89FThFkUEXol7dmKzl950wwgRFz9PNiGekdD\natXnxmMqq5dZO/v1PWpYyZpLol/PMAxajlYr5eSWq4gIEsMUaMhiMNhwabf5\nlUJ4opYWOZUMeFfNHRKvJwvSJsy/rIqHyqOazwscJAhxJNIeL3U+yQTtsbiE\nWGtFmMLJi8QFDRfeKvFHSZkjYAYMvjtvhx1jWsbSbLumMppdRzT6dj9qybDF\n29Io\r\n=mnvB\r\n-----END PGP SIGNATURE-----\r\n"},"main":"/dist/whiplash-ui.js","gitHead":"9a66e3de7c66e608b878b9c87e118e04cf925fa1","scripts":{"js":"cp js/whiplash-ui.js dist/ && uglifyjs --output dist/whiplash-ui.min.js js/whiplash-ui.js","css":"npm run css:sass && npm run css:autoprefix && npm run css:minify","dist":"npm run css && npm run js","css:sass":"node-sass scss/whiplash-ui.scss -o dist","css:minify":"postcss dist/whiplash-ui.css --map --use cssnano -o dist/whiplash-ui.min.css","preversion":"npm run dist","css:autoprefix":"postcss -r dist/whiplash-ui.css --map --use autoprefixer -b '> 5%'"},"_npmUser":{"name":"jeffgarris","email":"jeffsgarris@gmail.com"},"repository":{"url":"git+ssh://git@github.com/whiplashmerch/whiplash-ui.git","type":"git"},"_npmVersion":"6.12.1","description":"UI assets for Whiplash Merch","directories":{},"_nodeVersion":"13.1.0","_hasShrinkwrap":false,"devDependencies":{"cssnano":"4.1.10","postcss":"7.0.21","node-sass":"4.13.0","uglify-js":"3.6.8","postcss-cli":"6.1.3","autoprefixer":"9.7.1"},"_npmOperationalInternal":{"tmp":"tmp/whiplash-ui_0.5.4_1598631964766_0.17044887179172918","host":"s3://npm-registry-packages"}},"0.5.5":{"name":"whiplash-ui","version":"0.5.5","author":{"url":"http://adamkempa.com/","name":"Adam Kempa","email":"adamkempa@gmail.com"},"license":"MIT","_id":"whiplash-ui@0.5.5","maintainers":[{"name":"adamkempa","email":"adam@kempa.com"},{"name":"jeffgarris","email":"jeffsgarris@gmail.com"},{"name":"mark.dickson","email":"mark@sitesteaders.com"},{"name":"montch","email":"montch@gmail.com"}],"contributors":[{"name":"Adam Kempa","email":"adamkempa@gmail.com"},{"name":"Mark Dickson","email":"mark@sitesteaders.com"}],"homepage":"https://github.com/whiplashmerch/whiplash-ui#readme","bugs":{"url":"https://github.com/whiplashmerch/whiplash-ui/issues"},"dist":{"shasum":"29e872483bdb7555c70a44e757be8445e1187b0e","tarball":"https://registry.npmjs.org/whiplash-ui/-/whiplash-ui-0.5.5.tgz","fileCount":32,"integrity":"sha512-7GsYWzuNtGsIREXq8ApNCNHD7uobAy5V+WNP4Z5FqtEtlsNSiDXSXTqG3vhZ0HH42oNBp5KuOnsJO2eHD2+mhg==","signatures":[{"sig":"MEQCIEZtnfs4xmk9YGRxWhFm9F1FdohW/hGvjn3esxBoIfXsAiBl7X9VEQbqk6moAKLuDepzKRvxhZUdKu+fGkZzFEaO2w==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":215649,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfUU98CRA9TVsSAnZWagAAx9YQAI2PtaR1zuOPCxEa06fV\nxtpY/k9GzIfuIcgHNHgAQ283TO5R+Jd7D4X/6mdP9UbSf6b86rqjCZvMU193\nU5oGB/Fb/KOli02+/ZsW7ekbbASHN3I8D/3sEBCF288JP1nTVhLKEFZBno79\nuHVW8uhDprTjahY2rE2t2VUnI3FMi9bhgPkfYYrgyYc0FqrhBppLhpFxEgCE\nqmR1GCictZob/FJ/b0yaWlg9GT5ZmQzjU5bBwD/VGzvIfyB0VoLsV6j/5HoT\n6vZYVFlf08khffgpAtqfpWi1CFYB/wbpOu1hIERP759JrOz/9AGaZ2OkHSaq\nhfyOhFJmT3jZw5vi7QOvFw7Ll6PAVyaCnf2sjTTHBuvYjrdJLrstvcXYW0Cq\nCiIWOo8s546JvcMtC6ESnN0FQhag2WD2AVTs11BAO9/BG3/LDj+bDn4h4A0O\nP3XE0niet9sJagVOvXGgcmUDFHbEYom9PVThzMrANZTjMTFeZnYGBj5OZAlt\nblmFDLSz5Z+4y2WTgE1RkPHLOEUv4n5Wut9QxPWcohaRw4Fh2+1vyDGNQsTM\nnZPKFAQc9oP3IEm6XLr8H6+WtAoFx8PxuerWlVxF7GGPIxGxIONBssVRyAEA\nerBVkh4ln+PaEAvVSTAEfjNH0M3IWOlmlU8iaH0+U6G7eBUpZuKSllmz55pT\nVDYB\r\n=LPML\r\n-----END PGP SIGNATURE-----\r\n"},"main":"/dist/whiplash-ui.js","readme":"# whiplash-ui\nA library of global UI elements for use across Whiplash applications.\n\n\n## Usage\n\nTo implement the Whiplash UI, run `yarn add whiplash-ui` in your project's root directory.\n\nIn your `application.css` add the line:\n\n```\n*= require whiplash-ui/stylesheets/application\n```\n\nIn your `application.js` add the line:\n\n```\n//= require whiplash-ui/javascripts/behavior\n```\n\n## Elements\n\n### DotLoader loading indicator\n\nThis functionality is pulled right from the UI toolkit living style guide. To implement, create an element `<div class=\"loader-wrapper\">` and the JS will populate it with the necessary children for animation when the page loads.\n\n### SelectBox select input field\n\nThis component style is taken from the UI toolkit. To implement this style in a Whiplash UI-styled application, create an element `<select class=\"select-input\">` with options as you normally would. The JavaScript will then parse that element and its options and convert the HTML layout to what is expected to implement the more complex and customized select dropdown input.\n\n### Toggle checkbox control\n\nThe style of this control is taken from the UI toolkit. To implement in a Whiplash UI application, create an element `<input type=\"checkbox\" class=\"toggle-input\">` and the JS will create the required HTML structure to facilitate the complex styling of the element.\n\n### Checkbox\n\n```\n<div class=\"check-box\">\n  <input id=\"test\" type=\"checkbox\" class=\"check-box-input\" name=\"test\" value=\"on\">\n  <span class=\"check-box-button\"></span>\n  <label for=\"test\">This is a checkbox.</label>\n</div><br>\n<div class=\"check-box\">\n  <input id=\"test\" type=\"checkbox\" class=\"check-box-input\" name=\"test\" value=\"on\">\n  <span class=\"check-box-button\"></span>\n  <label for=\"test\">This is a second checkbox.</label>\n</div>\n```\n\n\n### Dropdown/up floating menu control\n\nIn order to implement this, you need to have the following HTML structure:\n\n```\n<div class=\"dropdown-wrapper\">\n\t<button class=\"button text\" data-dropdown=\"up-menu\">Menu Button/Link</button>\n\t<div class=\"dropdown dropdown-up\" id=\"up-menu\">\n\t\t<ul class=\"dropdown-list\">\n\t\t\t<li><a href=\"#\">Stuff</a></li>\n\t\t\t<li><a href=\"#\">Biz</a></li>\n\t\t</ul>\n\t</div>\n</div>\n```\n\nThere are two orientations -- a menu that drops down uses the class `dropdown-down` on the div that wraps `dropdown-list`. A menu that pops up from the button uses the class `dropdown-up`.\n","gitHead":"eda1c67bf382116945b2d355c41c4421f6e0a577","scripts":{"js":"cp js/whiplash-ui.js dist/ && uglifyjs --output dist/whiplash-ui.min.js js/whiplash-ui.js","css":"npm run css:sass && npm run css:autoprefix && npm run css:minify","dist":"npm run css && npm run js","css:sass":"node-sass scss/whiplash-ui.scss -o dist","css:minify":"postcss dist/whiplash-ui.css --map --use cssnano -o dist/whiplash-ui.min.css","preversion":"npm run dist","css:autoprefix":"postcss -r dist/whiplash-ui.css --map --use autoprefixer -b '> 5%'"},"_npmUser":{"name":"jeffgarris","email":"jeffsgarris@gmail.com"},"repository":{"url":"git+ssh://git@github.com/whiplashmerch/whiplash-ui.git","type":"git"},"_npmVersion":"6.12.1","description":"UI assets for Whiplash Merch","directories":{},"_nodeVersion":"13.1.0","_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"cssnano":"4.1.10","postcss":"7.0.21","node-sass":"4.13.0","uglify-js":"3.6.8","postcss-cli":"6.1.3","autoprefixer":"9.7.1"},"_npmOperationalInternal":{"tmp":"tmp/whiplash-ui_0.5.5_1599164284393_0.9981859502506605","host":"s3://npm-registry-packages"}},"0.5.6":{"name":"whiplash-ui","version":"0.5.6","author":{"url":"http://adamkempa.com/","name":"Adam Kempa","email":"adamkempa@gmail.com"},"license":"MIT","_id":"whiplash-ui@0.5.6","maintainers":[{"name":"adamkempa","email":"adam@kempa.com"},{"name":"jeffgarris","email":"jeffsgarris@gmail.com"},{"name":"mark.dickson","email":"mark@sitesteaders.com"},{"name":"montch","email":"montch@gmail.com"}],"contributors":[{"name":"Adam Kempa","email":"adamkempa@gmail.com"},{"name":"Mark Dickson","email":"mark@sitesteaders.com"}],"homepage":"https://github.com/whiplashmerch/whiplash-ui#readme","bugs":{"url":"https://github.com/whiplashmerch/whiplash-ui/issues"},"dist":{"shasum":"11bd3f21ca22888b2324117db0b82df4ee743743","tarball":"https://registry.npmjs.org/whiplash-ui/-/whiplash-ui-0.5.6.tgz","fileCount":32,"integrity":"sha512-s09r4UUaHczVTiS6QK5ICd6fVlofCT2BOegxlInzAvkNsIj6z8Hwebup3fyCKHcZpTS/TrqYgvTgXXwW7e5n4Q==","signatures":[{"sig":"MEUCIBhiqBKhN9tAJvzCcG+Rg6MneOMaf78S73jqQ6Za7U8IAiEAvt04XuxOH8NzT25NVS99QriOnN/qXhfJdShDJrUug08=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":215649,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfUWlLCRA9TVsSAnZWagAAZX8P/iyNPvUxFfg+lIRi49BE\nD9/1n7uOd+85gas0Pz/niPGf3qZXY85tnEQB3fXNXy6UzOljSNqx1aPwy5SD\nBSKf9IGzh6kmgDRR2JNACtEXk2yXxZEghYpsh+qEELkddRdCwOUsXi/xiaZF\nH9t1c+ZS+YZCt0nsXKXMfn1d5krtrHjXCDdG8GYmTtUBy9YZrVBul2xzwVwR\nlMVAnUiM28FsAiwihR6fv7iw/tkOeMXDFrTqOWqJ2fpHkRBaOiYMpy5+qCqZ\nPHa7cDs1V3oUoVxdW+Y26Dq7bsW2wxLoS3utKSsGI4un04J3zEdatn/Ag6do\ngh/85Z8tI6wV8QImnxd8DoZU7XP7IAAUPNCNrDjANig6rEOnxX+LMacuYzx0\nM8boM47HCv3JGTVBzoOo2hpC8xYuNhJOlofiqSnMcYiGz6I7Bbc8A08YDcrr\njzvYhiL7XV2e5/ctj2hh5/8aflUcY/EDh1N1FnbGM0AEfFWskGXr9/MnMmPV\nyEWa3Tm2dJ4va2YrhUBpO4NZYMGgEWrDF11QGV08V1vTbbCo3+kX6QvO+Al/\nVRg3T3GkGLnmAoBlOczyc83ikLOwJAQLBR2QVAM5SzSLCT2TqAcrb6PTFjDu\nPgCY3Fse7wYH6+zQkuGOYtr+Sn0xZj/FyF9XK6nb08UnBBj8wDksrMTLvJpZ\n/HIa\r\n=cJaH\r\n-----END PGP SIGNATURE-----\r\n"},"main":"/dist/whiplash-ui.js","gitHead":"07c43d8e4fc7b659941fc465bbd0a4c37072f87b","scripts":{"js":"cp js/whiplash-ui.js dist/ && uglifyjs --output dist/whiplash-ui.min.js js/whiplash-ui.js","css":"npm run css:sass && npm run css:autoprefix && npm run css:minify","dist":"npm run css && npm run js","css:sass":"node-sass scss/whiplash-ui.scss -o dist","css:minify":"postcss dist/whiplash-ui.css --map --use cssnano -o dist/whiplash-ui.min.css","preversion":"npm run dist","css:autoprefix":"postcss -r dist/whiplash-ui.css --map --use autoprefixer -b '> 5%'"},"_npmUser":{"name":"jeffgarris","email":"jeffsgarris@gmail.com"},"repository":{"url":"git+ssh://git@github.com/whiplashmerch/whiplash-ui.git","type":"git"},"_npmVersion":"6.12.1","description":"UI assets for Whiplash Merch","directories":{},"_nodeVersion":"13.1.0","_hasShrinkwrap":false,"devDependencies":{"cssnano":"4.1.10","postcss":"7.0.21","node-sass":"4.13.0","uglify-js":"3.6.8","postcss-cli":"6.1.3","autoprefixer":"9.7.1"},"_npmOperationalInternal":{"tmp":"tmp/whiplash-ui_0.5.6_1599170891392_0.4067992508506786","host":"s3://npm-registry-packages"}},"0.5.7-beta.0":{"name":"whiplash-ui","version":"0.5.7-beta.0","author":{"url":"http://adamkempa.com/","name":"Adam Kempa","email":"adamkempa@gmail.com"},"license":"MIT","_id":"whiplash-ui@0.5.7-beta.0","maintainers":[{"name":"mark.dickson","email":"mark@sitesteaders.com"},{"name":"jeffgarris","email":"jeffsgarris@gmail.com"},{"name":"adamkempa","email":"adam@kempa.com"},{"name":"montch","email":"montch@gmail.com"}],"contributors":[{"name":"Adam Kempa","email":"adamkempa@gmail.com"},{"name":"Mark Dickson","email":"mark@sitesteaders.com"}],"homepage":"https://github.com/whiplashmerch/whiplash-ui#readme","bugs":{"url":"https://github.com/whiplashmerch/whiplash-ui/issues"},"dist":{"shasum":"32ea31797c51c96efe926be43992f442141a0e8e","tarball":"https://registry.npmjs.org/whiplash-ui/-/whiplash-ui-0.5.7-beta.0.tgz","fileCount":32,"integrity":"sha512-nkIDcFM9DY7X83LULzjPCJDNqPBGfxDWWsJPTWA3ZuIyzSpxb/Abqvmsq7LaIN+dftvxlZuLEJAk4D+LwePeNg==","signatures":[{"sig":"MEUCIQCC1IJmPJJuulV4BgetLNWxSpfjLdCSeGgO2XQYkZexugIgU5r1nuIQzGDahCXBV0RT3YB15Drzo/VNPQkyZQGvpsY=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":215656,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfhIaYCRA9TVsSAnZWagAAaGYQAKO8arx4at1Y1dcG+0PM\nyYC+1Nok7QC9AuUbt99OLxwAW00qFfKxdhzjSNUDxR290LObhOnihvhcF9Ew\nNX0UP6Ptu7yyhW2t6/tv9iBAxJG0H24Nq4vLNR2e+256hcfTvdTs5l+/SC3b\nZ5wbVmB9mKR8K0I9/5N9ZDAuUzRT8bD8WBhF6/kOE21lMQV6ZWNAB6pTWpia\npAN6Nflp3JX8wjWUiYgy1U9tn9IhAr7S7ocBlCLgcH+VfDhm9lQhCw0gysUQ\nMb/VPWYQ6QKgbB7moj/JliTB9VeKWASX5eqxVrGUHR5uZML1pNAdESFmwUq9\nH2aTUjM30kSxl28Tc3HRUd+dpAgmzDgWf/zkNcvrR+8CxIMlViXI7k+s1Fi/\nHOib55lSkLUhLJSeQ0HzwYADX8EdRl+bkpkn9XnWMRTV3Px0JqM3mH6FvoyI\nHq23T9iaACxTQGvClGe8lrdRNR8H4IGCs3HFwATAH6spKad3jdi7Iy4yw/sd\ns3nbvrzlAAO4M6BMl0WBo4V4tWJB7CCoYSZV4vmuRsKsU87A3OfUL12hyLU8\nyyCPYdOmVObe2VT7j4SC7L68B8tgSOopni1iRiv741LGKjP4eg8WjVdTXlst\nT1y3DG9DEzhhRfAMdvPI4kuMsMfhwlgvy2uW8dJR7rOuj3yVxXZu0PFc+l1U\npOtA\r\n=Wg4X\r\n-----END PGP SIGNATURE-----\r\n"},"main":"/dist/whiplash-ui.js","readme":"# whiplash-ui\nA library of global UI elements for use across Whiplash applications.\n\n\n## Usage\n\nTo implement the Whiplash UI, run `yarn add whiplash-ui` in your project's root directory.\n\nIn your `application.css` add the line:\n\n```\n*= require whiplash-ui/stylesheets/application\n```\n\nIn your `application.js` add the line:\n\n```\n//= require whiplash-ui/javascripts/behavior\n```\n\n## Elements\n\n### DotLoader loading indicator\n\nThis functionality is pulled right from the UI toolkit living style guide. To implement, create an element `<div class=\"loader-wrapper\">` and the JS will populate it with the necessary children for animation when the page loads.\n\n### SelectBox select input field\n\nThis component style is taken from the UI toolkit. To implement this style in a Whiplash UI-styled application, create an element `<select class=\"select-input\">` with options as you normally would. The JavaScript will then parse that element and its options and convert the HTML layout to what is expected to implement the more complex and customized select dropdown input.\n\n### Toggle checkbox control\n\nThe style of this control is taken from the UI toolkit. To implement in a Whiplash UI application, create an element `<input type=\"checkbox\" class=\"toggle-input\">` and the JS will create the required HTML structure to facilitate the complex styling of the element.\n\n### Checkbox\n\n```\n<div class=\"check-box\">\n  <input id=\"test\" type=\"checkbox\" class=\"check-box-input\" name=\"test\" value=\"on\">\n  <span class=\"check-box-button\"></span>\n  <label for=\"test\">This is a checkbox.</label>\n</div><br>\n<div class=\"check-box\">\n  <input id=\"test\" type=\"checkbox\" class=\"check-box-input\" name=\"test\" value=\"on\">\n  <span class=\"check-box-button\"></span>\n  <label for=\"test\">This is a second checkbox.</label>\n</div>\n```\n\n\n### Dropdown/up floating menu control\n\nIn order to implement this, you need to have the following HTML structure:\n\n```\n<div class=\"dropdown-wrapper\">\n\t<button class=\"button text\" data-dropdown=\"up-menu\">Menu Button/Link</button>\n\t<div class=\"dropdown dropdown-up\" id=\"up-menu\">\n\t\t<ul class=\"dropdown-list\">\n\t\t\t<li><a href=\"#\">Stuff</a></li>\n\t\t\t<li><a href=\"#\">Biz</a></li>\n\t\t</ul>\n\t</div>\n</div>\n```\n\nThere are two orientations -- a menu that drops down uses the class `dropdown-down` on the div that wraps `dropdown-list`. A menu that pops up from the button uses the class `dropdown-up`.\n","gitHead":"b0476970350b1ec8b1ab0a4806af0c416c5e1e34","scripts":{"js":"cp js/whiplash-ui.js dist/ && uglifyjs --output dist/whiplash-ui.min.js js/whiplash-ui.js","css":"npm run css:sass && npm run css:autoprefix && npm run css:minify","dist":"npm run css && npm run js","css:sass":"node-sass scss/whiplash-ui.scss -o dist","css:minify":"postcss dist/whiplash-ui.css --map --use cssnano -o dist/whiplash-ui.min.css","preversion":"npm run dist","css:autoprefix":"postcss -r dist/whiplash-ui.css --map --use autoprefixer -b '> 5%'"},"_npmUser":{"name":"jeffgarris","email":"jeffsgarris@gmail.com"},"repository":{"url":"git+ssh://git@github.com/whiplashmerch/whiplash-ui.git","type":"git"},"_npmVersion":"6.12.1","description":"UI assets for Whiplash Merch","directories":{},"_nodeVersion":"13.1.0","_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"cssnano":"4.1.10","postcss":"7.0.21","node-sass":"4.13.0","uglify-js":"3.6.8","postcss-cli":"6.1.3","autoprefixer":"9.7.1"},"_npmOperationalInternal":{"tmp":"tmp/whiplash-ui_0.5.7-beta.0_1602520728481_0.8105902501058986","host":"s3://npm-registry-packages"}},"0.5.7-beta.1":{"name":"whiplash-ui","version":"0.5.7-beta.1","author":{"url":"http://adamkempa.com/","name":"Adam Kempa","email":"adamkempa@gmail.com"},"license":"MIT","_id":"whiplash-ui@0.5.7-beta.1","maintainers":[{"name":"mark.dickson","email":"mark@sitesteaders.com"},{"name":"jeffgarris","email":"jeffsgarris@gmail.com"},{"name":"adamkempa","email":"adam@kempa.com"},{"name":"montch","email":"montch@gmail.com"}],"contributors":[{"name":"Adam Kempa","email":"adamkempa@gmail.com"},{"name":"Mark Dickson","email":"mark@sitesteaders.com"}],"homepage":"https://github.com/whiplashmerch/whiplash-ui#readme","bugs":{"url":"https://github.com/whiplashmerch/whiplash-ui/issues"},"dist":{"shasum":"dffc0de659fad5ffe4b1fc2a82d79b93d7da53bc","tarball":"https://registry.npmjs.org/whiplash-ui/-/whiplash-ui-0.5.7-beta.1.tgz","fileCount":32,"integrity":"sha512-Up1ajNtl7HMfQhvQdca/aQJhPaOr+KUjEDS2KPXlXC5drTzagILSi6X54DjDx0PHLMRtowyvuevNKK8TIdUW7Q==","signatures":[{"sig":"MEUCID+qmMssvrmRjHw07Vbo8l+EVtBoIqidLSldNLtjDGdpAiEAxaifP/SvyQJ6mmg42vULDgEsv3VwSb8Uwo0kGGCGoho=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":194579,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfhdMgCRA9TVsSAnZWagAA73IP/0aeEAB0XLi3ApVfJ9uP\nmUon7a6leyhmKOHXfTvf+RlXVs6EO/wGZ0frY1lTUvHzfI/Vgb3mD/KZhkE6\nMqv94FjzileUWWollBnNNHJxpeIocl9Nf7UzXXeER0ICM5Urg4bOQxbQ2g8C\nOH9nPert7gFoQ+kVhzeK0UknPp8AO8jLVnnejP1wLSHLJ37ZjXWkXQI+GJSm\nKAgRymnF+KgAr+LlbuGdpO2St1yHcO0zFuCO1pu8J4MqPmAe54DGnm744TRs\n2h2TQxCRJv72ocobxllyVop2nD8XaZvNXJyCI33jNYSC2/VKidyV1NeeYvl9\n2ec5B/qncurjQM/DFAEmwN1DihA9J/SBHu8TT8WjvBLBtCp8xBM4imuqqWsr\n5o0QwRxjv1bYsgIspwoxuSn0DCpNdQvZriswkhVutcsEm3v68Z+fr3siJcKb\nOv1/bSy/7G75AHSDSNKRlTTldAWqn9MIrBgBgquDFOduRLXYt9ixZQldxQDI\nKg5/v7YPIxpBjSpGVCJU9otV5EPxMPiNePoxbnyumm3Q0mdDCYfEbdzYfkIc\nKdzagOVZBr9y9Q9PqFTIJh33HoTQccIREaD/lZENbEXX5voPwJp4nUzuYCp1\n4WA7LpoWGUIkpCwCB9xF+cvRPVYhwt1eD1DCzkPokT7SfBSDSB2V9xKz9s7+\nZ2b3\r\n=+O13\r\n-----END PGP SIGNATURE-----\r\n"},"main":"/dist/whiplash-ui.js","readme":"# whiplash-ui\nA library of global UI elements for use across Whiplash applications.\n\n\n## Usage\n\nTo implement the Whiplash UI, run `yarn add whiplash-ui` in your project's root directory.\n\nIn your `application.css` add the line:\n\n```\n*= require whiplash-ui/stylesheets/application\n```\n\nIn your `application.js` add the line:\n\n```\n//= require whiplash-ui/javascripts/behavior\n```\n\n## Elements\n\n### DotLoader loading indicator\n\nThis functionality is pulled right from the UI toolkit living style guide. To implement, create an element `<div class=\"loader-wrapper\">` and the JS will populate it with the necessary children for animation when the page loads.\n\n### SelectBox select input field\n\nThis component style is taken from the UI toolkit. To implement this style in a Whiplash UI-styled application, create an element `<select class=\"select-input\">` with options as you normally would. The JavaScript will then parse that element and its options and convert the HTML layout to what is expected to implement the more complex and customized select dropdown input.\n\n### Toggle checkbox control\n\nThe style of this control is taken from the UI toolkit. To implement in a Whiplash UI application, create an element `<input type=\"checkbox\" class=\"toggle-input\">` and the JS will create the required HTML structure to facilitate the complex styling of the element.\n\n### Checkbox\n\n```\n<div class=\"check-box\">\n  <input id=\"test\" type=\"checkbox\" class=\"check-box-input\" name=\"test\" value=\"on\">\n  <span class=\"check-box-button\"></span>\n  <label for=\"test\">This is a checkbox.</label>\n</div><br>\n<div class=\"check-box\">\n  <input id=\"test\" type=\"checkbox\" class=\"check-box-input\" name=\"test\" value=\"on\">\n  <span class=\"check-box-button\"></span>\n  <label for=\"test\">This is a second checkbox.</label>\n</div>\n```\n\n\n### Dropdown/up floating menu control\n\nIn order to implement this, you need to have the following HTML structure:\n\n```\n<div class=\"dropdown-wrapper\">\n\t<button class=\"button text\" data-dropdown=\"up-menu\">Menu Button/Link</button>\n\t<div class=\"dropdown dropdown-up\" id=\"up-menu\">\n\t\t<ul class=\"dropdown-list\">\n\t\t\t<li><a href=\"#\">Stuff</a></li>\n\t\t\t<li><a href=\"#\">Biz</a></li>\n\t\t</ul>\n\t</div>\n</div>\n```\n\nThere are two orientations -- a menu that drops down uses the class `dropdown-down` on the div that wraps `dropdown-list`. A menu that pops up from the button uses the class `dropdown-up`.\n","gitHead":"de63f1d36c31c1f406433fef08021ad30a7dcabd","scripts":{"js":"cp js/whiplash-ui.js dist/ && uglifyjs --output dist/whiplash-ui.min.js js/whiplash-ui.js","css":"npm run css:sass && npm run css:autoprefix && npm run css:minify","dist":"npm run css && npm run js","css:sass":"node-sass scss/whiplash-ui.scss -o dist","css:minify":"postcss dist/whiplash-ui.css --map --use cssnano -o dist/whiplash-ui.min.css","preversion":"npm run dist","css:autoprefix":"postcss -r dist/whiplash-ui.css --map --use autoprefixer -b '> 5%'"},"_npmUser":{"name":"jeffgarris","email":"jeffsgarris@gmail.com"},"repository":{"url":"git+ssh://git@github.com/whiplashmerch/whiplash-ui.git","type":"git"},"_npmVersion":"6.12.1","description":"UI assets for Whiplash Merch","directories":{},"_nodeVersion":"13.1.0","_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"cssnano":"4.1.10","postcss":"7.0.21","node-sass":"4.13.0","uglify-js":"3.6.8","postcss-cli":"6.1.3","autoprefixer":"9.7.1"},"_npmOperationalInternal":{"tmp":"tmp/whiplash-ui_0.5.7-beta.1_1602605856149_0.027940275019171512","host":"s3://npm-registry-packages"}},"0.5.7-beta.2":{"name":"whiplash-ui","version":"0.5.7-beta.2","author":{"url":"http://adamkempa.com/","name":"Adam Kempa","email":"adamkempa@gmail.com"},"license":"MIT","_id":"whiplash-ui@0.5.7-beta.2","maintainers":[{"name":"mark.dickson","email":"mark@sitesteaders.com"},{"name":"jeffgarris","email":"jeffsgarris@gmail.com"},{"name":"adamkempa","email":"adam@kempa.com"},{"name":"montch","email":"montch@gmail.com"}],"contributors":[{"name":"Adam Kempa","email":"adamkempa@gmail.com"},{"name":"Mark Dickson","email":"mark@sitesteaders.com"}],"homepage":"https://github.com/whiplashmerch/whiplash-ui#readme","bugs":{"url":"https://github.com/whiplashmerch/whiplash-ui/issues"},"dist":{"shasum":"58e9da73de9d44da7951fb58b828fd881f00f8bf","tarball":"https://registry.npmjs.org/whiplash-ui/-/whiplash-ui-0.5.7-beta.2.tgz","fileCount":32,"integrity":"sha512-7vp9ceYrn3fts76Tpq9PYBXLovhisKUwlVtt3r6z1eETWgR+xdInkqha5MT22Do3EvfTDWz6/pEhfjhsUDOWjg==","signatures":[{"sig":"MEUCIB4Ynfeh+RaExMHk3pQtadrDPyFz1ufOQ7MB0MN8EdIyAiEAjZggz2wYtkfMMgORcLBz7z00BDzirczttyzWDIhDsNg=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":194146,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfmcFiCRA9TVsSAnZWagAA9rYP/2vtPN8NdmCsmRrRo/Kk\np/StojDCR4kxoHCD6/asmifxdDQ2aCLlMsB7lsAQI0Wzqs3LYRRqDazgRWoD\nKm9ANvyRE+gepHaxnBnwYbZJo8fRxP5Q1YvQs1Ha2K8uD0pihwbqZ5hlqJJ5\nngxMKO4NwIFNMFwwnKFaIS9MnmtB4T4jyxMzb5WSHkJu4aw23aL27p4jvPCc\nNoaLgNwtBZzdTKzjtvNnr+wg0mMpwaFzmZq5q2E3xKq9MURfwwPKX0FlIDWR\nNrd8WnEvlUb4JErlvdSwfuxunPbWr8jHPDw8tVenx3fnanxPKpwQxSbKXCxQ\nUAcYp23Z8UJC+yQZgmesv3YPIvSzqpF2Q/+TR3QXu7IBSvil5L3Djmiz9UJS\nUEQ3DXXeSCr+RNihXC5tjC9fEq9DdCvCj2X0mWL2RQd5LY8N1y5ppbz3kNa9\nGIhvNJGTTQAqEza+xMmjuH9oOPmkaVVqr134DS6hVGysanIkgwppYWff3Yp/\ns4RfbLLh1VG+QEKsb/3gJTwWfKC7sNsuDEkWbIm9DwN1SgwBRxl4VroGEzR3\n8XEnbf3tcTP7q7bzsMHjxLhgvHyt1kRGdr8LxzRbxDLkxFC8ZKeoFAaa7sz/\n7IcQyanjhegaiHkiGouky18aQHQfY9KIm1X7O4BSmgkzP49x7UQd3V97DuNH\nCANL\r\n=CZo8\r\n-----END PGP SIGNATURE-----\r\n"},"main":"/dist/whiplash-ui.js","readme":"# whiplash-ui\nA library of global UI elements for use across Whiplash applications.\n\n\n## Usage\n\nTo implement the Whiplash UI, run `yarn add whiplash-ui` in your project's root directory.\n\nIn your `application.css` add the line:\n\n```\n*= require whiplash-ui/stylesheets/application\n```\n\nIn your `application.js` add the line:\n\n```\n//= require whiplash-ui/javascripts/behavior\n```\n\n## Elements\n\n### DotLoader loading indicator\n\nThis functionality is pulled right from the UI toolkit living style guide. To implement, create an element `<div class=\"loader-wrapper\">` and the JS will populate it with the necessary children for animation when the page loads.\n\n### SelectBox select input field\n\nThis component style is taken from the UI toolkit. To implement this style in a Whiplash UI-styled application, create an element `<select class=\"select-input\">` with options as you normally would. The JavaScript will then parse that element and its options and convert the HTML layout to what is expected to implement the more complex and customized select dropdown input.\n\n### Toggle checkbox control\n\nThe style of this control is taken from the UI toolkit. To implement in a Whiplash UI application, create an element `<input type=\"checkbox\" class=\"toggle-input\">` and the JS will create the required HTML structure to facilitate the complex styling of the element.\n\n### Checkbox\n\n```\n<div class=\"check-box\">\n  <input id=\"test\" type=\"checkbox\" class=\"check-box-input\" name=\"test\" value=\"on\">\n  <span class=\"check-box-button\"></span>\n  <label for=\"test\">This is a checkbox.</label>\n</div><br>\n<div class=\"check-box\">\n  <input id=\"test\" type=\"checkbox\" class=\"check-box-input\" name=\"test\" value=\"on\">\n  <span class=\"check-box-button\"></span>\n  <label for=\"test\">This is a second checkbox.</label>\n</div>\n```\n\n\n### Dropdown/up floating menu control\n\nIn order to implement this, you need to have the following HTML structure:\n\n```\n<div class=\"dropdown-wrapper\">\n\t<button class=\"button text\" data-dropdown=\"up-menu\">Menu Button/Link</button>\n\t<div class=\"dropdown dropdown-up\" id=\"up-menu\">\n\t\t<ul class=\"dropdown-list\">\n\t\t\t<li><a href=\"#\">Stuff</a></li>\n\t\t\t<li><a href=\"#\">Biz</a></li>\n\t\t</ul>\n\t</div>\n</div>\n```\n\nThere are two orientations -- a menu that drops down uses the class `dropdown-down` on the div that wraps `dropdown-list`. A menu that pops up from the button uses the class `dropdown-up`.\n","gitHead":"7438d723f7285eba504c87f4f686ad9fad9310f6","scripts":{"js":"cp js/whiplash-ui.js dist/ && uglifyjs --output dist/whiplash-ui.min.js js/whiplash-ui.js","css":"npm run css:sass && npm run css:autoprefix && npm run css:minify","dist":"npm run css && npm run js","css:sass":"node-sass scss/whiplash-ui.scss -o dist","css:minify":"postcss dist/whiplash-ui.css --map --use cssnano -o dist/whiplash-ui.min.css","preversion":"npm run dist","css:autoprefix":"postcss -r dist/whiplash-ui.css --map --use autoprefixer -b '> 5%'"},"_npmUser":{"name":"jeffgarris","email":"jeffsgarris@gmail.com"},"repository":{"url":"git+ssh://git@github.com/whiplashmerch/whiplash-ui.git","type":"git"},"_npmVersion":"6.12.1","description":"UI assets for Whiplash Merch","directories":{},"_nodeVersion":"13.1.0","_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"cssnano":"4.1.10","postcss":"7.0.21","node-sass":"4.13.0","uglify-js":"3.6.8","postcss-cli":"6.1.3","autoprefixer":"9.7.1"},"_npmOperationalInternal":{"tmp":"tmp/whiplash-ui_0.5.7-beta.2_1603912033592_0.32845079687282075","host":"s3://npm-registry-packages"}},"0.5.7-beta.3":{"name":"whiplash-ui","version":"0.5.7-beta.3","author":{"url":"http://adamkempa.com/","name":"Adam Kempa","email":"adamkempa@gmail.com"},"license":"MIT","_id":"whiplash-ui@0.5.7-beta.3","maintainers":[{"name":"mark.dickson","email":"mark@sitesteaders.com"},{"name":"jeffgarris","email":"jeffsgarris@gmail.com"},{"name":"adamkempa","email":"adam@kempa.com"},{"name":"montch","email":"montch@gmail.com"}],"contributors":[{"name":"Adam Kempa","email":"adamkempa@gmail.com"},{"name":"Mark Dickson","email":"mark@sitesteaders.com"}],"homepage":"https://github.com/whiplashmerch/whiplash-ui#readme","bugs":{"url":"https://github.com/whiplashmerch/whiplash-ui/issues"},"dist":{"shasum":"ded4fce76766c6f3ecf2632e1c3c046ba5927633","tarball":"https://registry.npmjs.org/whiplash-ui/-/whiplash-ui-0.5.7-beta.3.tgz","fileCount":32,"integrity":"sha512-le6Q/2aFrUkQ8EuNUXxbY356oHCkvlfL1qwLcWdcrVTe6wECtn03dURylxLq92Nl5MteYODCPDbhdn2NVTECnQ==","signatures":[{"sig":"MEUCIEzUIWUbDz6Ye5LrG8p1RhpzoOSSbOONxFqtxLzELNk2AiEAxO4VnhG+4Yollc1xXyDz8iuYykJDfBgM+NkpTcjAGu0=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":194295,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfmcL0CRA9TVsSAnZWagAA73kQAJNovapcNdiwJICxCQpp\nGiB8z8tL9/pcu1ztFob2sPq5vLqs3Rx/WMjCrIuW0V3x4LAlaD1OgEeElTNr\nzoE0/qsS8GEPpae1CED4fiM3I7LIiulBIByNUglA69q2LBYf+P+o5/74vsq7\n0zBKHzGs/0xC8GqULKAEfwVtA1sZtRWaijhQgHp6WbnYXzTe5JA1GnaSHG8+\nSFUfA45OfMp9Ii6h7nTPoQE+9roojhJCO6ajWcRl+70aBsWOiEYWLHJhzju8\nVFj6hlN5zryViNNI1uzvL0vthZdsyRogPVr/Q7Ceet0GWPnWNtKw2Ka2WYPY\n+7mGN+DTTE1AYwHmygPKUvTGLQMQQYZvniU/SG0zYEcOTbsZf5D+D+kdbbbL\nxqACa1mDLMsfA+bqMQwYpieIRHTIbUv6nJkDGNXiVcZkPbRFyLSA5DGy3FVo\ns2FdELfSvaRZzNeFbEpTE9osSvzXlHhTmSRE/6Yll0W2ogyBf+twP0FAjjP/\nA//cf+tObtv22vo0cmqxRb0PVldv9qRcR0+LRGaR4ef+V05P7qjjvkhXZcxG\nTsHlE8yqVHcqzDqnzkSMcduMbepg0MqucpYr4WfA66pI9sMJpCB9J50U8GzH\nN6PXADLIqfXeeJIBz9IS66nc3ZvLd97Yv0TL/16wCl+flwMTHrxZhMlqF/vk\nXrUi\r\n=yQtJ\r\n-----END PGP SIGNATURE-----\r\n"},"main":"/dist/whiplash-ui.js","readme":"# whiplash-ui\nA library of global UI elements for use across Whiplash applications.\n\n\n## Usage\n\nTo implement the Whiplash UI, run `yarn add whiplash-ui` in your project's root directory.\n\nIn your `application.css` add the line:\n\n```\n*= require whiplash-ui/stylesheets/application\n```\n\nIn your `application.js` add the line:\n\n```\n//= require whiplash-ui/javascripts/behavior\n```\n\n## Elements\n\n### DotLoader loading indicator\n\nThis functionality is pulled right from the UI toolkit living style guide. To implement, create an element `<div class=\"loader-wrapper\">` and the JS will populate it with the necessary children for animation when the page loads.\n\n### SelectBox select input field\n\nThis component style is taken from the UI toolkit. To implement this style in a Whiplash UI-styled application, create an element `<select class=\"select-input\">` with options as you normally would. The JavaScript will then parse that element and its options and convert the HTML layout to what is expected to implement the more complex and customized select dropdown input.\n\n### Toggle checkbox control\n\nThe style of this control is taken from the UI toolkit. To implement in a Whiplash UI application, create an element `<input type=\"checkbox\" class=\"toggle-input\">` and the JS will create the required HTML structure to facilitate the complex styling of the element.\n\n### Checkbox\n\n```\n<div class=\"check-box\">\n  <input id=\"test\" type=\"checkbox\" class=\"check-box-input\" name=\"test\" value=\"on\">\n  <span class=\"check-box-button\"></span>\n  <label for=\"test\">This is a checkbox.</label>\n</div><br>\n<div class=\"check-box\">\n  <input id=\"test\" type=\"checkbox\" class=\"check-box-input\" name=\"test\" value=\"on\">\n  <span class=\"check-box-button\"></span>\n  <label for=\"test\">This is a second checkbox.</label>\n</div>\n```\n\n\n### Dropdown/up floating menu control\n\nIn order to implement this, you need to have the following HTML structure:\n\n```\n<div class=\"dropdown-wrapper\">\n\t<button class=\"button text\" data-dropdown=\"up-menu\">Menu Button/Link</button>\n\t<div class=\"dropdown dropdown-up\" id=\"up-menu\">\n\t\t<ul class=\"dropdown-list\">\n\t\t\t<li><a href=\"#\">Stuff</a></li>\n\t\t\t<li><a href=\"#\">Biz</a></li>\n\t\t</ul>\n\t</div>\n</div>\n```\n\nThere are two orientations -- a menu that drops down uses the class `dropdown-down` on the div that wraps `dropdown-list`. A menu that pops up from the button uses the class `dropdown-up`.\n","gitHead":"5a33a38aa29d7159928e11ddbbca3aa1e1450e90","scripts":{"js":"cp js/whiplash-ui.js dist/ && uglifyjs --output dist/whiplash-ui.min.js js/whiplash-ui.js","css":"npm run css:sass && npm run css:autoprefix && npm run css:minify","dist":"npm run css && npm run js","css:sass":"node-sass scss/whiplash-ui.scss -o dist","css:minify":"postcss dist/whiplash-ui.css --map --use cssnano -o dist/whiplash-ui.min.css","preversion":"npm run dist","css:autoprefix":"postcss -r dist/whiplash-ui.css --map --use autoprefixer -b '> 5%'"},"_npmUser":{"name":"jeffgarris","email":"jeffsgarris@gmail.com"},"repository":{"url":"git+ssh://git@github.com/whiplashmerch/whiplash-ui.git","type":"git"},"_npmVersion":"6.12.1","description":"UI assets for Whiplash Merch","directories":{},"_nodeVersion":"13.1.0","_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"cssnano":"4.1.10","postcss":"7.0.21","node-sass":"4.13.0","uglify-js":"3.6.8","postcss-cli":"6.1.3","autoprefixer":"9.7.1"},"_npmOperationalInternal":{"tmp":"tmp/whiplash-ui_0.5.7-beta.3_1603912436102_0.21659285384612192","host":"s3://npm-registry-packages"}},"0.5.7-beta.4":{"name":"whiplash-ui","version":"0.5.7-beta.4","author":{"url":"http://adamkempa.com/","name":"Adam Kempa","email":"adamkempa@gmail.com"},"license":"MIT","_id":"whiplash-ui@0.5.7-beta.4","maintainers":[{"name":"mark.dickson","email":"mark@sitesteaders.com"},{"name":"jeffgarris","email":"jeffsgarris@gmail.com"},{"name":"adamkempa","email":"adam@kempa.com"},{"name":"montch","email":"montch@gmail.com"}],"contributors":[{"name":"Adam Kempa","email":"adamkempa@gmail.com"},{"name":"Mark Dickson","email":"mark@sitesteaders.com"}],"homepage":"https://github.com/whiplashmerch/whiplash-ui#readme","bugs":{"url":"https://github.com/whiplashmerch/whiplash-ui/issues"},"dist":{"shasum":"a00aff4bcaf681595fd394627ec78da453138843","tarball":"https://registry.npmjs.org/whiplash-ui/-/whiplash-ui-0.5.7-beta.4.tgz","fileCount":32,"integrity":"sha512-tVAciAPM98SFFQjkW1vvxS25wWsFY44VRdouCzQhaaSS0AdL/tks+rwhabsjxzCipeZXRliD7ORQ+wvzEJ+abQ==","signatures":[{"sig":"MEUCIQChjrRZCijvMn+aDasBcFXpr92IHEgnZRAvsX9ocMYc/wIgVIw0kvNWiOjlR+SeYWwuVtaPsz4w1O8/oYoInR+Fv24=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":194366,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfmcpTCRA9TVsSAnZWagAASDIQAJFs7343zLtYUf933con\nw2xvDqlV7ataInIHcC7OG/pBK7cHeuxUdMgkPwiWXSo+iaR4rsSkQYS7JBVc\n9WdUkUvS9Rs/xeF2NO/xdVC6zp4d65ZMh7Fr4fH8So8Rhr1ejljhJf+I5JsJ\nQAw9vR2snHYUNSqwmpzTvC1m/FobA4XUvIjcMGEL120V4FcoNxiOL4x0nmkn\n/KUyQccbnIGC3SnARWgRqXm56tfnoKH4+YJevHj6LOYuynTZSPMsiDtCcxtM\n9MUc6CLuCorZ14r/5Pe3dnYL5+Uf8Xw3HJdCjjHKozH21fMzYImOmaNrv5x3\nB/mPFaBzvNxYF6wsBY5cV8Y3n0qmL5JCu13PNj1TpNsiMDvbJi8+TgaZySbT\nfcfUCpRdRK8QhNDuLpgGzXYSier1RKQnoKBWiYYlHRKh06k73Hk00IccGHJq\nKFbiBTiNE2TTdK+TMW4AkMrapTblgwITgF2tOcodIbjMOmnMQYDUWOUi1vR5\nHyo8CFetHKlYcuvXfpmm8XjO8rWrKeAmmdfrPduPTVCRMyHPJ06mkuSKZaO3\nYlLk0nzMQX79EKW5SWL1h0BltZa8792pWoyD0zym/eKexuQ5ZC/iAXbssEcJ\njkPMWhwMgagGgEvMgLKJ8wwobqjokksfX190d44Fv7NBU7qqx+iTl+/hJDPH\n9A9S\r\n=AznY\r\n-----END PGP SIGNATURE-----\r\n"},"main":"/dist/whiplash-ui.js","readme":"# whiplash-ui\nA library of global UI elements for use across Whiplash applications.\n\n\n## Usage\n\nTo implement the Whiplash UI, run `yarn add whiplash-ui` in your project's root directory.\n\nIn your `application.css` add the line:\n\n```\n*= require whiplash-ui/stylesheets/application\n```\n\nIn your `application.js` add the line:\n\n```\n//= require whiplash-ui/javascripts/behavior\n```\n\n## Elements\n\n### DotLoader loading indicator\n\nThis functionality is pulled right from the UI toolkit living style guide. To implement, create an element `<div class=\"loader-wrapper\">` and the JS will populate it with the necessary children for animation when the page loads.\n\n### SelectBox select input field\n\nThis component style is taken from the UI toolkit. To implement this style in a Whiplash UI-styled application, create an element `<select class=\"select-input\">` with options as you normally would. The JavaScript will then parse that element and its options and convert the HTML layout to what is expected to implement the more complex and customized select dropdown input.\n\n### Toggle checkbox control\n\nThe style of this control is taken from the UI toolkit. To implement in a Whiplash UI application, create an element `<input type=\"checkbox\" class=\"toggle-input\">` and the JS will create the required HTML structure to facilitate the complex styling of the element.\n\n### Checkbox\n\n```\n<div class=\"check-box\">\n  <input id=\"test\" type=\"checkbox\" class=\"check-box-input\" name=\"test\" value=\"on\">\n  <span class=\"check-box-button\"></span>\n  <label for=\"test\">This is a checkbox.</label>\n</div><br>\n<div class=\"check-box\">\n  <input id=\"test\" type=\"checkbox\" class=\"check-box-input\" name=\"test\" value=\"on\">\n  <span class=\"check-box-button\"></span>\n  <label for=\"test\">This is a second checkbox.</label>\n</div>\n```\n\n\n### Dropdown/up floating menu control\n\nIn order to implement this, you need to have the following HTML structure:\n\n```\n<div class=\"dropdown-wrapper\">\n\t<button class=\"button text\" data-dropdown=\"up-menu\">Menu Button/Link</button>\n\t<div class=\"dropdown dropdown-up\" id=\"up-menu\">\n\t\t<ul class=\"dropdown-list\">\n\t\t\t<li><a href=\"#\">Stuff</a></li>\n\t\t\t<li><a href=\"#\">Biz</a></li>\n\t\t</ul>\n\t</div>\n</div>\n```\n\nThere are two orientations -- a menu that drops down uses the class `dropdown-down` on the div that wraps `dropdown-list`. A menu that pops up from the button uses the class `dropdown-up`.\n","gitHead":"351889bb8cdff46df979106672c62ac05181ace8","scripts":{"js":"cp js/whiplash-ui.js dist/ && uglifyjs --output dist/whiplash-ui.min.js js/whiplash-ui.js","css":"npm run css:sass && npm run css:autoprefix && npm run css:minify","dist":"npm run css && npm run js","css:sass":"node-sass scss/whiplash-ui.scss -o dist","css:minify":"postcss dist/whiplash-ui.css --map --use cssnano -o dist/whiplash-ui.min.css","preversion":"npm run dist","css:autoprefix":"postcss -r dist/whiplash-ui.css --map --use autoprefixer -b '> 5%'"},"_npmUser":{"name":"jeffgarris","email":"jeffsgarris@gmail.com"},"repository":{"url":"git+ssh://git@github.com/whiplashmerch/whiplash-ui.git","type":"git"},"_npmVersion":"6.12.1","description":"UI assets for Whiplash Merch","directories":{},"_nodeVersion":"13.1.0","_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"cssnano":"4.1.10","postcss":"7.0.21","node-sass":"4.13.0","uglify-js":"3.6.8","postcss-cli":"6.1.3","autoprefixer":"9.7.1"},"_npmOperationalInternal":{"tmp":"tmp/whiplash-ui_0.5.7-beta.4_1603914323049_0.17353203120080773","host":"s3://npm-registry-packages"}},"0.5.7-beta.5":{"name":"whiplash-ui","version":"0.5.7-beta.5","author":{"url":"http://adamkempa.com/","name":"Adam Kempa","email":"adamkempa@gmail.com"},"license":"MIT","_id":"whiplash-ui@0.5.7-beta.5","maintainers":[{"name":"mark.dickson","email":"mark@sitesteaders.com"},{"name":"jeffgarris","email":"jeffsgarris@gmail.com"},{"name":"adamkempa","email":"adam@kempa.com"},{"name":"montch","email":"montch@gmail.com"}],"contributors":[{"name":"Adam Kempa","email":"adamkempa@gmail.com"},{"name":"Mark Dickson","email":"mark@sitesteaders.com"}],"homepage":"https://github.com/whiplashmerch/whiplash-ui#readme","bugs":{"url":"https://github.com/whiplashmerch/whiplash-ui/issues"},"dist":{"shasum":"aa3203a7b36f2ad3f0236f6812198d0a51d07b78","tarball":"https://registry.npmjs.org/whiplash-ui/-/whiplash-ui-0.5.7-beta.5.tgz","fileCount":32,"integrity":"sha512-gJ53idcaXUyohNesc1jeNaPTKzRiuzZHS3pA59Z08//+XxoKifG9grWG9eRMbvfaJufm+nj+4HCLAB/swc9NsQ==","signatures":[{"sig":"MEYCIQDy5ButkY0v0kdJrudCM7oY6lT324UFacee2xBjix6UuwIhANCxNN1aLsM24lj/46DLrIKNnoo9L8F6fXlE4FLvAqJQ","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":194374,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfqrOVCRA9TVsSAnZWagAAfocP/1Vnj4x+63JfsntI0oQK\nxUTrYH0HP/MORKasIagngniDnnHW/VwAi74tO9Dwx3OZddsGORO4DjvbNssw\nSq882zA18t0B+YGxPFTQKCvLV8u284Wth0lex7vrfak0J8J7tpUjMoNkoPEH\npqcm+C1jENKAtDaBYT3w7NEDSjr9uLDEYF6aHgirC+hVRNO++nQ70vLm5uIb\nMld8RhDvyNRkcPnuUX0hcQPIOEadA+h3S4ioQ1pK2xfrCSf1D49tnbbXbHE0\nPDdUHSm4a6j4WEIENnbaOatVi2m8w/gsWKozbp7YPCO4VNJ1fBcXNyhglM5y\n6D0fxiYQy0gcyVMoM8ZyJxbNGQaZVoRIQstpwWcTdcE0vkgzYvLJBoMzX+Hg\nvDJveS3BTh0/Mp4/kWJpuhKXVTyUEvcqsyK+tUA6QqsEUBcLK3lW/OcLUqqF\nxhlkzwtpqHbcZdKlnq6hfWc0PvzUIxtayQxYsoCjnLnnElC43xEb0l/Nwn3v\n+gnqURTYA2NAhllbzPvtQQX1kHVkG+YF7n3HpRo70VSoqtCl9wL2OCjRgaWb\nlZEYU1GIM4ozrmuT1hX37BEuRf1/oGm0b5eENCfa2XpfJMBM1ObJpqmOXkBA\nuqsC4SGQMsvxmKrUNjiolHGOn+yETA4KwJuedFvjwNLHTv1ni84U7f5Ks9MK\nxDMb\r\n=CLjG\r\n-----END PGP SIGNATURE-----\r\n"},"main":"/dist/whiplash-ui.js","readme":"# whiplash-ui\nA library of global UI elements for use across Whiplash applications.\n\n\n## Usage\n\nTo implement the Whiplash UI, run `yarn add whiplash-ui` in your project's root directory.\n\nIn your `application.css` add the line:\n\n```\n*= require whiplash-ui/stylesheets/application\n```\n\nIn your `application.js` add the line:\n\n```\n//= require whiplash-ui/javascripts/behavior\n```\n\n## Elements\n\n### DotLoader loading indicator\n\nThis functionality is pulled right from the UI toolkit living style guide. To implement, create an element `<div class=\"loader-wrapper\">` and the JS will populate it with the necessary children for animation when the page loads.\n\n### SelectBox select input field\n\nThis component style is taken from the UI toolkit. To implement this style in a Whiplash UI-styled application, create an element `<select class=\"select-input\">` with options as you normally would. The JavaScript will then parse that element and its options and convert the HTML layout to what is expected to implement the more complex and customized select dropdown input.\n\n### Toggle checkbox control\n\nThe style of this control is taken from the UI toolkit. To implement in a Whiplash UI application, create an element `<input type=\"checkbox\" class=\"toggle-input\">` and the JS will create the required HTML structure to facilitate the complex styling of the element.\n\n### Checkbox\n\n```\n<div class=\"check-box\">\n  <input id=\"test\" type=\"checkbox\" class=\"check-box-input\" name=\"test\" value=\"on\">\n  <span class=\"check-box-button\"></span>\n  <label for=\"test\">This is a checkbox.</label>\n</div><br>\n<div class=\"check-box\">\n  <input id=\"test\" type=\"checkbox\" class=\"check-box-input\" name=\"test\" value=\"on\">\n  <span class=\"check-box-button\"></span>\n  <label for=\"test\">This is a second checkbox.</label>\n</div>\n```\n\n\n### Dropdown/up floating menu control\n\nIn order to implement this, you need to have the following HTML structure:\n\n```\n<div class=\"dropdown-wrapper\">\n\t<button class=\"button text\" data-dropdown=\"up-menu\">Menu Button/Link</button>\n\t<div class=\"dropdown dropdown-up\" id=\"up-menu\">\n\t\t<ul class=\"dropdown-list\">\n\t\t\t<li><a href=\"#\">Stuff</a></li>\n\t\t\t<li><a href=\"#\">Biz</a></li>\n\t\t</ul>\n\t</div>\n</div>\n```\n\nThere are two orientations -- a menu that drops down uses the class `dropdown-down` on the div that wraps `dropdown-list`. A menu that pops up from the button uses the class `dropdown-up`.\n","gitHead":"6deb9c748b58b914452a859b6a8fe60e7af6dbfe","scripts":{"js":"cp js/whiplash-ui.js dist/ && uglifyjs --output dist/whiplash-ui.min.js js/whiplash-ui.js","css":"npm run css:sass && npm run css:autoprefix && npm run css:minify","dist":"npm run css && npm run js","css:sass":"node-sass scss/whiplash-ui.scss -o dist","css:minify":"postcss dist/whiplash-ui.css --map --use cssnano -o dist/whiplash-ui.min.css","preversion":"npm run dist","css:autoprefix":"postcss -r dist/whiplash-ui.css --map --use autoprefixer -b '> 5%'"},"_npmUser":{"name":"jeffgarris","email":"jeffsgarris@gmail.com"},"repository":{"url":"git+ssh://git@github.com/whiplashmerch/whiplash-ui.git","type":"git"},"_npmVersion":"6.12.1","description":"UI assets for Whiplash Merch","directories":{},"_nodeVersion":"13.1.0","_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"cssnano":"4.1.10","postcss":"7.0.21","node-sass":"4.13.0","uglify-js":"3.6.8","postcss-cli":"6.1.3","autoprefixer":"9.7.1"},"_npmOperationalInternal":{"tmp":"tmp/whiplash-ui_0.5.7-beta.5_1605022613428_0.9574861794980747","host":"s3://npm-registry-packages"}},"0.5.7-beta.6":{"name":"whiplash-ui","version":"0.5.7-beta.6","author":{"url":"http://adamkempa.com/","name":"Adam Kempa","email":"adamkempa@gmail.com"},"license":"MIT","_id":"whiplash-ui@0.5.7-beta.6","maintainers":[{"name":"mark.dickson","email":"mark@sitesteaders.com"},{"name":"jeffgarris","email":"jeffsgarris@gmail.com"},{"name":"adamkempa","email":"adam@kempa.com"},{"name":"montch","email":"montch@gmail.com"}],"contributors":[{"name":"Adam Kempa","email":"adamkempa@gmail.com"},{"name":"Mark Dickson","email":"mark@sitesteaders.com"}],"homepage":"https://github.com/whiplashmerch/whiplash-ui#readme","bugs":{"url":"https://github.com/whiplashmerch/whiplash-ui/issues"},"dist":{"shasum":"06a7b22e521d04a3be99f586a5583ecb8b300b53","tarball":"https://registry.npmjs.org/whiplash-ui/-/whiplash-ui-0.5.7-beta.6.tgz","fileCount":32,"integrity":"sha512-gsspmgYoUAsauUu6pt7Dgq41VNYUzOKjbQV7oCECfB0LD9JtE+CxPC5QFeEzMOIpYcPSIJ3qyS6IJvdIJHgR9g==","signatures":[{"sig":"MEYCIQDNqO6SaPYn4CRgDdvkNf97iQHGOOyLCVdG2a/4/GIkPgIhAPbAjL0oZStF5P3J6LrNS7ynI82+bgfJ298r4E083QWD","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":194117,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJftCVUCRA9TVsSAnZWagAAOP8P/2rYxAluVA3sUrAa+nsx\nOgVOscJ5OWx32I5YAGFCRvjL1vwLgjfYuV5tejXhdtambxcX9KrzJM+nXlA0\noG8/GmlGteHWfZNRjrdGugI++XLJC1fNeO4qjHeuobgUGSFwHh0oCG2NZq3I\n8xTOAkruwDHkugvd79xpx8NKE4FTGn6BU10hG+1IqOvKd1lXvxIEnKZ0p32v\ndVCdUCmWXQQjEbmRfv3F9+f7O2TF1JdEjraiCbnyZ7UiGK501KqqHqLY4m0N\nhGbyAax+NQmxUfHAnDgt9GCmQyHiLVkQM5zMLHZRwbd6enLmY0XV78OIUJB3\n5l/bIu7qpY1kpOobAm0qdxzq9XrZI6fBlSQZjJlFu5KYdGMH1YeVyr907943\nocWcl/V7SdeJKE1aG9myhRlWfAyi7xb6htKgbcQR64wAJV37448yTVSkRZap\ntMWma6NM6JIzgYCGp7gyn17mw/jSrNnRurqlN2E4mcJpEvK2SiS/90A9oMhI\nURJByrCihlgjIBgUi+hoy8ZV/yw8JiTDtGpK8IN7sHnZjF+aTR7niglxHZBo\nvjOU4WFrnR2H/38RJlb9v0tOhILKuSg8umwiezucC3+L+mPxrS2sWsvPbC6X\nKkl9OkvpGoOUWhqwv+n7+lLYE4UCkZNZg4e7xLmiMrNoo8kqIoaxxqLx2/7d\n2AU8\r\n=bX/Q\r\n-----END PGP SIGNATURE-----\r\n"},"main":"/dist/whiplash-ui.js","readme":"# whiplash-ui\nA library of global UI elements for use across Whiplash applications.\n\n\n## Usage\n\nTo implement the Whiplash UI, run `yarn add whiplash-ui` in your project's root directory.\n\nIn your `application.css` add the line:\n\n```\n*= require whiplash-ui/stylesheets/application\n```\n\nIn your `application.js` add the line:\n\n```\n//= require whiplash-ui/javascripts/behavior\n```\n\n## Elements\n\n### DotLoader loading indicator\n\nThis functionality is pulled right from the UI toolkit living style guide. To implement, create an element `<div class=\"loader-wrapper\">` and the JS will populate it with the necessary children for animation when the page loads.\n\n### SelectBox select input field\n\nThis component style is taken from the UI toolkit. To implement this style in a Whiplash UI-styled application, create an element `<select class=\"select-input\">` with options as you normally would. The JavaScript will then parse that element and its options and convert the HTML layout to what is expected to implement the more complex and customized select dropdown input.\n\n### Toggle checkbox control\n\nThe style of this control is taken from the UI toolkit. To implement in a Whiplash UI application, create an element `<input type=\"checkbox\" class=\"toggle-input\">` and the JS will create the required HTML structure to facilitate the complex styling of the element.\n\n### Checkbox\n\n```\n<div class=\"check-box\">\n  <input id=\"test\" type=\"checkbox\" class=\"check-box-input\" name=\"test\" value=\"on\">\n  <span class=\"check-box-button\"></span>\n  <label for=\"test\">This is a checkbox.</label>\n</div><br>\n<div class=\"check-box\">\n  <input id=\"test\" type=\"checkbox\" class=\"check-box-input\" name=\"test\" value=\"on\">\n  <span class=\"check-box-button\"></span>\n  <label for=\"test\">This is a second checkbox.</label>\n</div>\n```\n\n\n### Dropdown/up floating menu control\n\nIn order to implement this, you need to have the following HTML structure:\n\n```\n<div class=\"dropdown-wrapper\">\n\t<button class=\"button text\" data-dropdown=\"up-menu\">Menu Button/Link</button>\n\t<div class=\"dropdown dropdown-up\" id=\"up-menu\">\n\t\t<ul class=\"dropdown-list\">\n\t\t\t<li><a href=\"#\">Stuff</a></li>\n\t\t\t<li><a href=\"#\">Biz</a></li>\n\t\t</ul>\n\t</div>\n</div>\n```\n\nThere are two orientations -- a menu that drops down uses the class `dropdown-down` on the div that wraps `dropdown-list`. A menu that pops up from the button uses the class `dropdown-up`.\n","gitHead":"2bc5b3e3f3c58e6eba0a1b65f5b972b55348a272","scripts":{"js":"cp js/whiplash-ui.js dist/ && uglifyjs --output dist/whiplash-ui.min.js js/whiplash-ui.js","css":"npm run css:sass && npm run css:autoprefix && npm run css:minify","dist":"npm run css && npm run js","css:sass":"node-sass scss/whiplash-ui.scss -o dist","css:minify":"postcss dist/whiplash-ui.css --map --use cssnano -o dist/whiplash-ui.min.css","preversion":"npm run dist","css:autoprefix":"postcss -r dist/whiplash-ui.css --map --use autoprefixer -b '> 5%'"},"_npmUser":{"name":"jeffgarris","email":"jeffsgarris@gmail.com"},"repository":{"url":"git+ssh://git@github.com/whiplashmerch/whiplash-ui.git","type":"git"},"_npmVersion":"6.12.1","description":"UI assets for Whiplash Merch","directories":{},"_nodeVersion":"13.1.0","_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"cssnano":"4.1.10","postcss":"7.0.21","node-sass":"4.13.0","uglify-js":"3.6.8","postcss-cli":"6.1.3","autoprefixer":"9.7.1"},"_npmOperationalInternal":{"tmp":"tmp/whiplash-ui_0.5.7-beta.6_1605641535521_0.5402777209164178","host":"s3://npm-registry-packages"}},"0.5.7-beta.7":{"name":"whiplash-ui","version":"0.5.7-beta.7","author":{"url":"http://adamkempa.com/","name":"Adam Kempa","email":"adamkempa@gmail.com"},"license":"MIT","_id":"whiplash-ui@0.5.7-beta.7","maintainers":[{"name":"mark.dickson","email":"mark@sitesteaders.com"},{"name":"adamkempa","email":"adam@kempa.com"},{"name":"jeffgarris","email":"jeffsgarris@gmail.com"},{"name":"montch","email":"montch@gmail.com"}],"contributors":[{"name":"Adam Kempa","email":"adamkempa@gmail.com"},{"name":"Mark Dickson","email":"mark@sitesteaders.com"}],"homepage":"https://github.com/whiplashmerch/whiplash-ui#readme","bugs":{"url":"https://github.com/whiplashmerch/whiplash-ui/issues"},"dist":{"shasum":"33d39793b285d804f9a94fc5f120a3af098cd0fd","tarball":"https://registry.npmjs.org/whiplash-ui/-/whiplash-ui-0.5.7-beta.7.tgz","fileCount":32,"integrity":"sha512-VOlD7mAp0d11nbnEMsc6xUVmHeILa/Twg3U0NLCPBaXCWtEK/sbXanXq0eht98cYP5ln/YDxu3/xl5peVNzr8Q==","signatures":[{"sig":"MEYCIQCUkKLcxqLUhB3r8U4RlsTDAEZMk9GUqTS5gFEBcwRl5QIhALYv/QwxnCR47yNjI1BLmaiqumKQpqKEbr+cZnWPqU3v","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":199882,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJf6kdNCRA9TVsSAnZWagAAk0cP/j5fleMCFGo8JkwjTPGT\nztNxPBRtglERfnc4/qTeVKWLVSSsDxe6/JbeJEwj34uIL0RyzmitrleD4a4o\n/FiufzUnT23PDphMA6pJSyz51ZoQ7aNprXYDHdvKFRSdCYqZr7cvrsnVG6zS\nF5EVRNhsV78DKZ3ObISMBPNbPPkATeFoQqO4tluEEjwsWSWCxhIKMO3ZfCJy\nNQEl7xVA9nJywOgnE+5aZoVEkM68w/PQJBTIStfHxFbkWG2URrW101Em4sp/\nvWlpMUb6yHr1QuRde7PttpVB6/uj2Lv+ADeBdUZfoqfDCXYl8z3rMQn/laiM\nRZbAG096ys/mz8jNMwiZxnnWFyF7XFVLtAKfrW++f2Ojm9pHfaAxPQrKIaLe\njBwU0EOeVGARte5dj9CB7nOA0xShSGitvmSHLdQmx1ybAIaX1Yxcqzc2OwgR\nX2+VlMj09zZpRfQHytZ1++/vIH0q3ePyl3w2rzZcnH6/4+OY+7Cxxpiu/O61\n1m+kT4Md+Gbw2MX/jegQRaRR3gDjNRUA1ShuZ4BC57Xxjq3R2vcqOwNiV2Sr\nbnR49B4BVO6kdLcVYJXbC2al1Qa0n03itaBQ8dYB04bqr1hDfF7xQ43azRFY\n1IrlEf5qaqogZXfJ1NvtkaKfOl0Twni+jnG77xqH3/VRtL/kU7KKUuExIqTq\nY+LU\r\n=MibT\r\n-----END PGP SIGNATURE-----\r\n"},"main":"/dist/whiplash-ui.js","readme":"# whiplash-ui\nA library of global UI elements for use across Whiplash applications.\n\n\n## Usage\n\nTo implement the Whiplash UI, run `yarn add whiplash-ui` in your project's root directory.\n\nIn your `application.css` add the line:\n\n```\n*= require whiplash-ui/stylesheets/application\n```\n\nIn your `application.js` add the line:\n\n```\n//= require whiplash-ui/javascripts/behavior\n```\n\n## Elements\n\n### DotLoader loading indicator\n\nThis functionality is pulled right from the UI toolkit living style guide. To implement, create an element `<div class=\"loader-wrapper\">` and the JS will populate it with the necessary children for animation when the page loads.\n\n### SelectBox select input field\n\nThis component style is taken from the UI toolkit. To implement this style in a Whiplash UI-styled application, create an element `<select class=\"select-input\">` with options as you normally would. The JavaScript will then parse that element and its options and convert the HTML layout to what is expected to implement the more complex and customized select dropdown input.\n\n### Toggle checkbox control\n\nThe style of this control is taken from the UI toolkit. To implement in a Whiplash UI application, create an element `<input type=\"checkbox\" class=\"toggle-input\">` and the JS will create the required HTML structure to facilitate the complex styling of the element.\n\n### Checkbox\n\n```\n<div class=\"check-box\">\n  <input id=\"test\" type=\"checkbox\" class=\"check-box-input\" name=\"test\" value=\"on\">\n  <span class=\"check-box-button\"></span>\n  <label for=\"test\">This is a checkbox.</label>\n</div><br>\n<div class=\"check-box\">\n  <input id=\"test\" type=\"checkbox\" class=\"check-box-input\" name=\"test\" value=\"on\">\n  <span class=\"check-box-button\"></span>\n  <label for=\"test\">This is a second checkbox.</label>\n</div>\n```\n\n\n### Dropdown/up floating menu control\n\nIn order to implement this, you need to have the following HTML structure:\n\n```\n<div class=\"dropdown-wrapper\">\n\t<button class=\"button text\" data-dropdown=\"up-menu\">Menu Button/Link</button>\n\t<div class=\"dropdown dropdown-up\" id=\"up-menu\">\n\t\t<ul class=\"dropdown-list\">\n\t\t\t<li><a href=\"#\">Stuff</a></li>\n\t\t\t<li><a href=\"#\">Biz</a></li>\n\t\t</ul>\n\t</div>\n</div>\n```\n\nThere are two orientations -- a menu that drops down uses the class `dropdown-down` on the div that wraps `dropdown-list`. A menu that pops up from the button uses the class `dropdown-up`.\n","gitHead":"cd94aec52fc561443b1591f3c911c4067620e84f","scripts":{"js":"cp js/whiplash-ui.js dist/ && uglifyjs --output dist/whiplash-ui.min.js js/whiplash-ui.js","css":"npm run css:sass && npm run css:autoprefix && npm run css:minify","dist":"npm run css && npm run js","css:sass":"node-sass scss/whiplash-ui.scss -o dist","css:minify":"postcss dist/whiplash-ui.css --map --use cssnano -o dist/whiplash-ui.min.css","preversion":"npm run dist","css:autoprefix":"postcss -r dist/whiplash-ui.css --map --use autoprefixer -b '> 5%'"},"_npmUser":{"name":"jeffgarris","email":"jeffsgarris@gmail.com"},"repository":{"url":"git+ssh://git@github.com/whiplashmerch/whiplash-ui.git","type":"git"},"_npmVersion":"6.12.1","description":"UI assets for Whiplash Merch","directories":{},"_nodeVersion":"13.1.0","_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"cssnano":"4.1.10","postcss":"7.0.21","node-sass":"4.13.0","uglify-js":"3.6.8","postcss-cli":"6.1.3","autoprefixer":"9.7.1"},"_npmOperationalInternal":{"tmp":"tmp/whiplash-ui_0.5.7-beta.7_1609189197138_0.08460112843272438","host":"s3://npm-registry-packages"}},"0.5.7-beta.8":{"name":"whiplash-ui","version":"0.5.7-beta.8","author":{"url":"http://adamkempa.com/","name":"Adam Kempa","email":"adamkempa@gmail.com"},"license":"MIT","_id":"whiplash-ui@0.5.7-beta.8","maintainers":[{"name":"mark.dickson","email":"mark@sitesteaders.com"},{"name":"adamkempa","email":"adam@kempa.com"},{"name":"jeffgarris","email":"jeffsgarris@gmail.com"},{"name":"montch","email":"montch@gmail.com"}],"contributors":[{"name":"Adam Kempa","email":"adamkempa@gmail.com"},{"name":"Mark Dickson","email":"mark@sitesteaders.com"}],"homepage":"https://github.com/whiplashmerch/whiplash-ui#readme","bugs":{"url":"https://github.com/whiplashmerch/whiplash-ui/issues"},"dist":{"shasum":"781ce3b0809c1b7a905df8bc224a55ef4f1bb71f","tarball":"https://registry.npmjs.org/whiplash-ui/-/whiplash-ui-0.5.7-beta.8.tgz","fileCount":32,"integrity":"sha512-MQk7evpXPWQfkTGyoVyxkApDNaVxwEKLaqy9MmVaA5qjOYJYMSILo14OVQFa/T2fRJdAw+BIZ69GLpcvmptHnw==","signatures":[{"sig":"MEQCIHYub5dU4c7AcOrAKBn5mzbrwoRn8UOuGTUyV1Ete3e0AiBqfLXL7xbgu2x5K+DwB2q6c7nYsv/e3W3VImxCD7P0Ng==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":199883,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJf6lRiCRA9TVsSAnZWagAAbTAQAKUvx4cVaiPmr39KKmue\nL1s51m7PZjGLgVA16tfJAVfeUDNywb5Sora2xYAIYk0+BMI8UBYG5wexdAHA\nbzvJt0uFHjQHx6pO9LNCpEdLJW2o4lyAXNFRlfH6EFS524RPhG/GWZeXk/Rp\nGgqjxB9XBR+/CtPpYZ3fV79B1tkr/F7uFqMNB5+Bx+kgg+pY8WQ4dq7ThmDy\nEzS7MHR9uiX/26KCkdisBcXIDXZhBjS0Lt7RDqrzuwCsBvJ+TYVgoWmgIy2z\nQn3fu6imbSumeBzKI7Vpb65SPgwxEMP8rwUwZsQOeHw83ltjV17PrUsiGBmR\n8hEr4PjUsXGGZcYgX0XFzriQgLaeY3wr0Gc1gLc+WHgkzEhqqVCIK5pj/HF9\n2FGEWuuYwQJmVBJmZN/58/PRXwKAJLOKQda9Qyjz6d5VmFvEqByNwdgl0kzM\nyrZfdqnBrXQa++GcdCHC3CVz8Z65E207UZy67JMIfS/VS1zSZT2YTSvC/l9y\n8B15ZrA3uDkoWUX1QOxoItBHTfUIaMTDzAago8LWqynIzCFfmPW2vEetjbTb\nu/vvaNCIx9FDhJU/57o1e0vZVhbUsxgcSfxCYW7fIWs2+L20sQKMI70CrLdf\n4loRKvwzLlfCjjbVkH49Hk12y21R4teAz1RC9bal8udRz6SyMHL1G8ddk0kC\nwMFh\r\n=uGXB\r\n-----END PGP SIGNATURE-----\r\n"},"main":"/dist/whiplash-ui.js","readme":"# whiplash-ui\nA library of global UI elements for use across Whiplash applications.\n\n\n## Usage\n\nTo implement the Whiplash UI, run `yarn add whiplash-ui` in your project's root directory.\n\nIn your `application.css` add the line:\n\n```\n*= require whiplash-ui/stylesheets/application\n```\n\nIn your `application.js` add the line:\n\n```\n//= require whiplash-ui/javascripts/behavior\n```\n\n## Elements\n\n### DotLoader loading indicator\n\nThis functionality is pulled right from the UI toolkit living style guide. To implement, create an element `<div class=\"loader-wrapper\">` and the JS will populate it with the necessary children for animation when the page loads.\n\n### SelectBox select input field\n\nThis component style is taken from the UI toolkit. To implement this style in a Whiplash UI-styled application, create an element `<select class=\"select-input\">` with options as you normally would. The JavaScript will then parse that element and its options and convert the HTML layout to what is expected to implement the more complex and customized select dropdown input.\n\n### Toggle checkbox control\n\nThe style of this control is taken from the UI toolkit. To implement in a Whiplash UI application, create an element `<input type=\"checkbox\" class=\"toggle-input\">` and the JS will create the required HTML structure to facilitate the complex styling of the element.\n\n### Checkbox\n\n```\n<div class=\"check-box\">\n  <input id=\"test\" type=\"checkbox\" class=\"check-box-input\" name=\"test\" value=\"on\">\n  <span class=\"check-box-button\"></span>\n  <label for=\"test\">This is a checkbox.</label>\n</div><br>\n<div class=\"check-box\">\n  <input id=\"test\" type=\"checkbox\" class=\"check-box-input\" name=\"test\" value=\"on\">\n  <span class=\"check-box-button\"></span>\n  <label for=\"test\">This is a second checkbox.</label>\n</div>\n```\n\n\n### Dropdown/up floating menu control\n\nIn order to implement this, you need to have the following HTML structure:\n\n```\n<div class=\"dropdown-wrapper\">\n\t<button class=\"button text\" data-dropdown=\"up-menu\">Menu Button/Link</button>\n\t<div class=\"dropdown dropdown-up\" id=\"up-menu\">\n\t\t<ul class=\"dropdown-list\">\n\t\t\t<li><a href=\"#\">Stuff</a></li>\n\t\t\t<li><a href=\"#\">Biz</a></li>\n\t\t</ul>\n\t</div>\n</div>\n```\n\nThere are two orientations -- a menu that drops down uses the class `dropdown-down` on the div that wraps `dropdown-list`. A menu that pops up from the button uses the class `dropdown-up`.\n","gitHead":"cd94aec52fc561443b1591f3c911c4067620e84f","scripts":{"js":"cp js/whiplash-ui.js dist/ && uglifyjs --output dist/whiplash-ui.min.js js/whiplash-ui.js","css":"npm run css:sass && npm run css:autoprefix && npm run css:minify","dist":"npm run css && npm run js","css:sass":"node-sass scss/whiplash-ui.scss -o dist","css:minify":"postcss dist/whiplash-ui.css --map --use cssnano -o dist/whiplash-ui.min.css","preversion":"npm run dist","css:autoprefix":"postcss -r dist/whiplash-ui.css --map --use autoprefixer -b '> 5%'"},"_npmUser":{"name":"jeffgarris","email":"jeffsgarris@gmail.com"},"repository":{"url":"git+ssh://git@github.com/whiplashmerch/whiplash-ui.git","type":"git"},"_npmVersion":"6.12.1","description":"UI assets for Whiplash Merch","directories":{},"_nodeVersion":"13.1.0","_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"cssnano":"4.1.10","postcss":"7.0.21","node-sass":"4.13.0","uglify-js":"3.6.8","postcss-cli":"6.1.3","autoprefixer":"9.7.1"},"_npmOperationalInternal":{"tmp":"tmp/whiplash-ui_0.5.7-beta.8_1609192546079_0.11267625930516445","host":"s3://npm-registry-packages"}},"0.5.7-beta.9":{"name":"whiplash-ui","version":"0.5.7-beta.9","author":{"url":"http://adamkempa.com/","name":"Adam Kempa","email":"adamkempa@gmail.com"},"license":"MIT","_id":"whiplash-ui@0.5.7-beta.9","maintainers":[{"name":"mark.dickson","email":"mark@sitesteaders.com"},{"name":"adamkempa","email":"adam@kempa.com"},{"name":"jeffgarris","email":"jeffsgarris@gmail.com"},{"name":"montch","email":"montch@gmail.com"}],"contributors":[{"name":"Adam Kempa","email":"adamkempa@gmail.com"},{"name":"Mark Dickson","email":"mark@sitesteaders.com"}],"homepage":"https://github.com/whiplashmerch/whiplash-ui#readme","bugs":{"url":"https://github.com/whiplashmerch/whiplash-ui/issues"},"dist":{"shasum":"94f6f44a2fb487f46ed4358e0cc9de882124ae9c","tarball":"https://registry.npmjs.org/whiplash-ui/-/whiplash-ui-0.5.7-beta.9.tgz","fileCount":32,"integrity":"sha512-o7dKe/tF1F82tNU5ONPD17snjcHl9dTn2SriNwivo19/hiBb4x82oUF664FPwT5G3huzYMlNU45AkNwsxJhvyQ==","signatures":[{"sig":"MEUCIClY+waIYYt27Rist9Eep7Mgequ9ZLxl8xqG6p5htc6pAiEAo6pWkbBR3C7LYvdodqmxccSLrijFyMnaqx91o+5EGLY=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":199947,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgBeIUCRA9TVsSAnZWagAA6ykP/3m7BAolvuwp7dRTR6rE\nRiFOcN1+v5+n4Yj9xVHGosEBYUgn5hCtVhIUO0R6dhIXCno+3sTSjmBqMZiH\nvA5qa0KfFi0NOcQXVPCHB1zgscKcxUv9LkFGp/NfX9Z+mJWGfp1wjKIQhugL\nWEItydYfvcPZP68seWcIDTQqVm3RfTXDedWkXAeJvtoHSjI4Lmebz9fsyFMW\n+/QEG8nGxALUb9s3Mk61y/Wc6W8Lm/cS5jrYfPd5qBkclyUY/pzWDtEx0qRB\nNniikt0uzYR7q/0fM+Kxd57RbtO3UChRFtxhkkIbPPTDKp5EhqRwI1sbSHq8\n+GbUFqT+3qQ3VSdw3htu0BK+jbkIz740ljEXIkFVKunb8UjTspqDXwiVQyeS\n0AsoaZzm/K5zVK7IX7JdP8JKsNKkAsKQY+TlO87K1tQNY0ULLI119EXjt++5\nTWbDvPUF90BqLh/uqCZVvGn3DkG9rZonyWiRaF6UdnMAR+H+t6JPyv4GHyHR\nluWZUMjPL5LLXskj8x+tgj709eXVF2eoE6DbfnWpE3UcgjQ64uOrxI64tveC\nnhN5SEHjPD1gupec1AH4U1hzC26HoXzrcNKl9qMvC/x/P/MWL2WpiIRlRmth\nia1fkrPVr97zcLyEsow/lYbfGZfClUm9FWsP6B/an9Y+JNZKoX4saLK3LUUg\nF0tv\r\n=+EXL\r\n-----END PGP SIGNATURE-----\r\n"},"main":"/dist/whiplash-ui.js","readme":"# whiplash-ui\nA library of global UI elements for use across Whiplash applications.\n\n\n## Usage\n\nTo implement the Whiplash UI, run `yarn add whiplash-ui` in your project's root directory.\n\nIn your `application.css` add the line:\n\n```\n*= require whiplash-ui/stylesheets/application\n```\n\nIn your `application.js` add the line:\n\n```\n//= require whiplash-ui/javascripts/behavior\n```\n\n## Elements\n\n### DotLoader loading indicator\n\nThis functionality is pulled right from the UI toolkit living style guide. To implement, create an element `<div class=\"loader-wrapper\">` and the JS will populate it with the necessary children for animation when the page loads.\n\n### SelectBox select input field\n\nThis component style is taken from the UI toolkit. To implement this style in a Whiplash UI-styled application, create an element `<select class=\"select-input\">` with options as you normally would. The JavaScript will then parse that element and its options and convert the HTML layout to what is expected to implement the more complex and customized select dropdown input.\n\n### Toggle checkbox control\n\nThe style of this control is taken from the UI toolkit. To implement in a Whiplash UI application, create an element `<input type=\"checkbox\" class=\"toggle-input\">` and the JS will create the required HTML structure to facilitate the complex styling of the element.\n\n### Checkbox\n\n```\n<div class=\"check-box\">\n  <input id=\"test\" type=\"checkbox\" class=\"check-box-input\" name=\"test\" value=\"on\">\n  <span class=\"check-box-button\"></span>\n  <label for=\"test\">This is a checkbox.</label>\n</div><br>\n<div class=\"check-box\">\n  <input id=\"test\" type=\"checkbox\" class=\"check-box-input\" name=\"test\" value=\"on\">\n  <span class=\"check-box-button\"></span>\n  <label for=\"test\">This is a second checkbox.</label>\n</div>\n```\n\n\n### Dropdown/up floating menu control\n\nIn order to implement this, you need to have the following HTML structure:\n\n```\n<div class=\"dropdown-wrapper\">\n\t<button class=\"button text\" data-dropdown=\"up-menu\">Menu Button/Link</button>\n\t<div class=\"dropdown dropdown-up\" id=\"up-menu\">\n\t\t<ul class=\"dropdown-list\">\n\t\t\t<li><a href=\"#\">Stuff</a></li>\n\t\t\t<li><a href=\"#\">Biz</a></li>\n\t\t</ul>\n\t</div>\n</div>\n```\n\nThere are two orientations -- a menu that drops down uses the class `dropdown-down` on the div that wraps `dropdown-list`. A menu that pops up from the button uses the class `dropdown-up`.\n","gitHead":"1797697ea69d3da9fb23476fe7567cdb7444acc1","scripts":{"js":"cp js/whiplash-ui.js dist/ && uglifyjs --output dist/whiplash-ui.min.js js/whiplash-ui.js","css":"npm run css:sass && npm run css:autoprefix && npm run css:minify","dist":"npm run css && npm run js","css:sass":"node-sass scss/whiplash-ui.scss -o dist","css:minify":"postcss dist/whiplash-ui.css --map --use cssnano -o dist/whiplash-ui.min.css","preversion":"npm run dist","css:autoprefix":"postcss -r dist/whiplash-ui.css --map --use autoprefixer -b '> 5%'"},"_npmUser":{"name":"jeffgarris","email":"jeffsgarris@gmail.com"},"repository":{"url":"git+ssh://git@github.com/whiplashmerch/whiplash-ui.git","type":"git"},"_npmVersion":"6.12.1","description":"UI assets for Whiplash Merch","directories":{},"_nodeVersion":"13.1.0","_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"cssnano":"4.1.10","postcss":"7.0.21","node-sass":"4.13.0","uglify-js":"3.6.8","postcss-cli":"6.1.3","autoprefixer":"9.7.1"},"_npmOperationalInternal":{"tmp":"tmp/whiplash-ui_0.5.7-beta.9_1610998292341_0.770943392676148","host":"s3://npm-registry-packages"}},"0.5.7-beta.10":{"name":"whiplash-ui","version":"0.5.7-beta.10","author":{"url":"http://adamkempa.com/","name":"Adam Kempa","email":"adamkempa@gmail.com"},"license":"MIT","_id":"whiplash-ui@0.5.7-beta.10","maintainers":[{"name":"mark.dickson","email":"mark@sitesteaders.com"},{"name":"adamkempa","email":"adam@kempa.com"},{"name":"jeffgarris","email":"jeffsgarris@gmail.com"},{"name":"montch","email":"montch@gmail.com"}],"contributors":[{"name":"Adam Kempa","email":"adamkempa@gmail.com"},{"name":"Mark Dickson","email":"mark@sitesteaders.com"}],"homepage":"https://github.com/whiplashmerch/whiplash-ui#readme","bugs":{"url":"https://github.com/whiplashmerch/whiplash-ui/issues"},"dist":{"shasum":"554e47c8a39bba74cffc0cfafd08bef10e3cd74c","tarball":"https://registry.npmjs.org/whiplash-ui/-/whiplash-ui-0.5.7-beta.10.tgz","fileCount":32,"integrity":"sha512-ZfNgs4d5sF9ahuwKZY1TZVQrTc5L+GEuv445dbV60Cjw8W7JsxeClF2KJ5ecUgEVDcD+0aFiQx95kcavdrmq9g==","signatures":[{"sig":"MEUCIBqoitVCCqpsYs//h2r8eDLwdTeC3r1cBctRvCQyATjGAiEA9RgV4Bqe5uvaCkeZNV8gPEvKA4RFQh/FWZ6uA3KQfEI=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":199884,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgBgB0CRA9TVsSAnZWagAAzuYP/Avys9kB7fBy4PN89CNA\nAPq32KfrDv0XEnvUFV1gHXbgZI9gLJFV3enKlHfJg8PbTGEd5K8Ql2eFMBsN\nrG0X1bVtn9KpjolatBjY4jlg2zd1KmQDQUtRwPJvCWvweXCN/Qlvhbm6jpSY\nTOzSrlKnTjjzGNaJjani4Wh0oWoRzUknY8Q3YAd+Hxv9lTjDgD1gnV4YXhL6\nfRTJAbn9UaMjBMEvcCmPCErU9xrDXq7SvAVtW4nMZNTLc6M36EYBcPc6AvYp\n8oqb9g8KKzl1KXDOasQKvGv383onUZtRe+6AsQQlINUWtlYFWADu7oLkRBLG\nR5JqlOyROua19KyVOWtwG5gLm2CPtZN6ST7dAYlYqdLqLol2SpmLsAE0ZnaK\nkWt1vRr4YkUBCGKg02a2q/2NAZcthUCUMpHQ09DY1oOWxVQl2x03y/oGKbmU\nD4+2BAiYbg2nJJpNc3nYQwnf0Bsa3FT754wGVeWRihaUshD0N0muWdWwlFeH\npaDXaAKbjF18/Mm1zXd6l3a/CwlCSEkur9jkaDlah8so3MRw0DKegE/4XBZM\nGa+9QeD2AsPwMuASIahBZCh1dURxVDM3daPuT+eZs13F5pV1Be0TFMJul0gx\nxJhg0bXtICn5evDsBHd1V8f9Y+v9pUURWAtVYOCRsnGZFUmgxuTbVKwOO8Nf\nqYTS\r\n=KIrD\r\n-----END PGP SIGNATURE-----\r\n"},"main":"/dist/whiplash-ui.js","readme":"# whiplash-ui\nA library of global UI elements for use across Whiplash applications.\n\n\n## Usage\n\nTo implement the Whiplash UI, run `yarn add whiplash-ui` in your project's root directory.\n\nIn your `application.css` add the line:\n\n```\n*= require whiplash-ui/stylesheets/application\n```\n\nIn your `application.js` add the line:\n\n```\n//= require whiplash-ui/javascripts/behavior\n```\n\n## Elements\n\n### DotLoader loading indicator\n\nThis functionality is pulled right from the UI toolkit living style guide. To implement, create an element `<div class=\"loader-wrapper\">` and the JS will populate it with the necessary children for animation when the page loads.\n\n### SelectBox select input field\n\nThis component style is taken from the UI toolkit. To implement this style in a Whiplash UI-styled application, create an element `<select class=\"select-input\">` with options as you normally would. The JavaScript will then parse that element and its options and convert the HTML layout to what is expected to implement the more complex and customized select dropdown input.\n\n### Toggle checkbox control\n\nThe style of this control is taken from the UI toolkit. To implement in a Whiplash UI application, create an element `<input type=\"checkbox\" class=\"toggle-input\">` and the JS will create the required HTML structure to facilitate the complex styling of the element.\n\n### Checkbox\n\n```\n<div class=\"check-box\">\n  <input id=\"test\" type=\"checkbox\" class=\"check-box-input\" name=\"test\" value=\"on\">\n  <span class=\"check-box-button\"></span>\n  <label for=\"test\">This is a checkbox.</label>\n</div><br>\n<div class=\"check-box\">\n  <input id=\"test\" type=\"checkbox\" class=\"check-box-input\" name=\"test\" value=\"on\">\n  <span class=\"check-box-button\"></span>\n  <label for=\"test\">This is a second checkbox.</label>\n</div>\n```\n\n\n### Dropdown/up floating menu control\n\nIn order to implement this, you need to have the following HTML structure:\n\n```\n<div class=\"dropdown-wrapper\">\n\t<button class=\"button text\" data-dropdown=\"up-menu\">Menu Button/Link</button>\n\t<div class=\"dropdown dropdown-up\" id=\"up-menu\">\n\t\t<ul class=\"dropdown-list\">\n\t\t\t<li><a href=\"#\">Stuff</a></li>\n\t\t\t<li><a href=\"#\">Biz</a></li>\n\t\t</ul>\n\t</div>\n</div>\n```\n\nThere are two orientations -- a menu that drops down uses the class `dropdown-down` on the div that wraps `dropdown-list`. A menu that pops up from the button uses the class `dropdown-up`.\n","gitHead":"291f332b8f0d15f7e8830f804f3f30979a9dfc56","scripts":{"js":"cp js/whiplash-ui.js dist/ && uglifyjs --output dist/whiplash-ui.min.js js/whiplash-ui.js","css":"npm run css:sass && npm run css:autoprefix && npm run css:minify","dist":"npm run css && npm run js","css:sass":"node-sass scss/whiplash-ui.scss -o dist","css:minify":"postcss dist/whiplash-ui.css --map --use cssnano -o dist/whiplash-ui.min.css","preversion":"npm run dist","css:autoprefix":"postcss -r dist/whiplash-ui.css --map --use autoprefixer -b '> 5%'"},"_npmUser":{"name":"jeffgarris","email":"jeffsgarris@gmail.com"},"repository":{"url":"git+ssh://git@github.com/whiplashmerch/whiplash-ui.git","type":"git"},"_npmVersion":"6.12.1","description":"UI assets for Whiplash Merch","directories":{},"_nodeVersion":"13.1.0","_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"cssnano":"4.1.10","postcss":"7.0.21","node-sass":"4.13.0","uglify-js":"3.6.8","postcss-cli":"6.1.3","autoprefixer":"9.7.1"},"_npmOperationalInternal":{"tmp":"tmp/whiplash-ui_0.5.7-beta.10_1611006067528_0.7553608230472149","host":"s3://npm-registry-packages"}},"0.5.8-beta.0":{"name":"whiplash-ui","version":"0.5.8-beta.0","author":{"url":"http://adamkempa.com/","name":"Adam Kempa","email":"adamkempa@gmail.com"},"license":"MIT","_id":"whiplash-ui@0.5.8-beta.0","maintainers":[{"name":"mark.dickson","email":"mark@sitesteaders.com"},{"name":"adamkempa","email":"adam@kempa.com"},{"name":"jeffgarris","email":"jeffsgarris@gmail.com"},{"name":"montch","email":"montch@gmail.com"}],"contributors":[{"name":"Adam Kempa","email":"adamkempa@gmail.com"},{"name":"Mark Dickson","email":"mark@sitesteaders.com"}],"homepage":"https://github.com/whiplashmerch/whiplash-ui#readme","bugs":{"url":"https://github.com/whiplashmerch/whiplash-ui/issues"},"dist":{"shasum":"5ada25f124337cff577cd220d24c76a8552d5670","tarball":"https://registry.npmjs.org/whiplash-ui/-/whiplash-ui-0.5.8-beta.0.tgz","fileCount":32,"integrity":"sha512-fnfBNYSrzne6TSCKxtBt++/oDCsP5Dz+RfDEFi0y5oouAgQ7WMRvi2UlqBjX8HKsALhtX16kVDY1NZVMxVGy0Q==","signatures":[{"sig":"MEUCIBa2BmuJVaw4h5D9wpeQ/W8ek5wgogS7dTzHxqTR/GYyAiEA3VuNG5qPnnBTbDbqF5N4VPG603hA3UbPflTsELvwUiI=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":203222,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgY3bqCRA9TVsSAnZWagAAYIUP/A9IHA2mUJ1SQZvjmzkr\nC6eCYagfE5BSuueAjp8hW2CgKOUGTeLVXfIKFezKHHJptCD0DoTcxJPAeV22\n+eHDJThMwgzQgWkwRH7sj5BQL8HpwvP7hCSGLMI20r/88zc1D0CiFlmu74LD\nmHHmgzmu94sF83aZ4EtjhBKalk0ol2Zr/8mJeIq7FDVJPQAcOrOdN0gW0zFz\n7gDCHRtVojqoao6saBLd9Bm2xtJ7krFeO3xfNtVNMAMXqw0PNv4gS8BUliTt\nn/AvGFq04W6sWjLSF7masuxzNScvACeVXQvbUBM9+Noba66EW3an4xvgljnR\nxvF4NuqXKfQvB8Su7nFtyezGk0/5nFLTO28qizTtw07kxFlDkwu+ldedEA89\n0OwCBgK1gNbtVp71Jcee8ol/R8dCozNzwUaCyzlR5POMRmvN86CNGlRj8jdR\nlcd+kYT8kovtP5snYy6kUtUQIJjVqLAbTYLyqAmqMCXLUX6Nb8uq/dEEdY94\ndBVDoJv1P+UENCkI00+WP3U0Q3QujOy+3cWo10beyUUh/9TgvanmlhlHQBtz\nqt5AUJ/DJcDSEZ73vQ6JA6n7WBMuxdIkwutxRxWuIJIJKK6j4DGYxo2PzSWL\nld5OjLnxtbI65pPoKYRC/mFwht76PobQ8MJdhqwhWUqoAVqQOhQ8BWkuVdkd\n/UtU\r\n=4DsQ\r\n-----END PGP SIGNATURE-----\r\n"},"main":"/dist/whiplash-ui.js","readme":"# whiplash-ui\nA library of global UI elements for use across Whiplash applications.\n\n\n## Usage\n\nTo implement the Whiplash UI, run `yarn add whiplash-ui` in your project's root directory.\n\nIn your `application.css` add the line:\n\n```\n*= require whiplash-ui/stylesheets/application\n```\n\nIn your `application.js` add the line:\n\n```\n//= require whiplash-ui/javascripts/behavior\n```\n\n## Elements\n\n### DotLoader loading indicator\n\nThis functionality is pulled right from the UI toolkit living style guide. To implement, create an element `<div class=\"loader-wrapper\">` and the JS will populate it with the necessary children for animation when the page loads.\n\n### SelectBox select input field\n\nThis component style is taken from the UI toolkit. To implement this style in a Whiplash UI-styled application, create an element `<select class=\"select-input\">` with options as you normally would. The JavaScript will then parse that element and its options and convert the HTML layout to what is expected to implement the more complex and customized select dropdown input.\n\n### Toggle checkbox control\n\nThe style of this control is taken from the UI toolkit. To implement in a Whiplash UI application, create an element `<input type=\"checkbox\" class=\"toggle-input\">` and the JS will create the required HTML structure to facilitate the complex styling of the element.\n\n### Checkbox\n\n```\n<div class=\"check-box\">\n  <input id=\"test\" type=\"checkbox\" class=\"check-box-input\" name=\"test\" value=\"on\">\n  <span class=\"check-box-button\"></span>\n  <label for=\"test\">This is a checkbox.</label>\n</div><br>\n<div class=\"check-box\">\n  <input id=\"test\" type=\"checkbox\" class=\"check-box-input\" name=\"test\" value=\"on\">\n  <span class=\"check-box-button\"></span>\n  <label for=\"test\">This is a second checkbox.</label>\n</div>\n```\n\n\n### Dropdown/up floating menu control\n\nIn order to implement this, you need to have the following HTML structure:\n\n```\n<div class=\"dropdown-wrapper\">\n\t<button class=\"button text\" data-dropdown=\"up-menu\">Menu Button/Link</button>\n\t<div class=\"dropdown dropdown-up\" id=\"up-menu\">\n\t\t<ul class=\"dropdown-list\">\n\t\t\t<li><a href=\"#\">Stuff</a></li>\n\t\t\t<li><a href=\"#\">Biz</a></li>\n\t\t</ul>\n\t</div>\n</div>\n```\n\nThere are two orientations -- a menu that drops down uses the class `dropdown-down` on the div that wraps `dropdown-list`. A menu that pops up from the button uses the class `dropdown-up`.\n","gitHead":"7f5afd589a0ff4b1be6badb4dbaa48f105cd9994","scripts":{"js":"cp js/whiplash-ui.js dist/ && uglifyjs --output dist/whiplash-ui.min.js js/whiplash-ui.js","css":"npm run css:sass && npm run css:autoprefix && npm run css:minify","dist":"npm run css && npm run js","css:sass":"node-sass scss/whiplash-ui.scss -o dist","css:minify":"postcss dist/whiplash-ui.css --map --use cssnano -o dist/whiplash-ui.min.css","preversion":"npm run dist","css:autoprefix":"postcss -r dist/whiplash-ui.css --map --use autoprefixer -b '> 5%'"},"_npmUser":{"name":"jeffgarris","email":"jeffsgarris@gmail.com"},"repository":{"url":"git+ssh://git@github.com/whiplashmerch/whiplash-ui.git","type":"git"},"_npmVersion":"6.12.1","description":"UI assets for Whiplash Merch","directories":{},"_nodeVersion":"13.1.0","_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"cssnano":"4.1.10","postcss":"7.0.21","node-sass":"4.13.0","uglify-js":"3.6.8","postcss-cli":"6.1.3","autoprefixer":"9.7.1"},"_npmOperationalInternal":{"tmp":"tmp/whiplash-ui_0.5.8-beta.0_1617131241735_0.5290816171961614","host":"s3://npm-registry-packages"}},"0.5.8-beta.1":{"name":"whiplash-ui","version":"0.5.8-beta.1","author":{"url":"http://adamkempa.com/","name":"Adam Kempa","email":"adamkempa@gmail.com"},"license":"MIT","_id":"whiplash-ui@0.5.8-beta.1","maintainers":[{"name":"mark.dickson","email":"mark@sitesteaders.com"},{"name":"adamkempa","email":"adam@kempa.com"},{"name":"jeffgarris","email":"jeffsgarris@gmail.com"},{"name":"montch","email":"montch@gmail.com"}],"contributors":[{"name":"Adam Kempa","email":"adamkempa@gmail.com"},{"name":"Mark Dickson","email":"mark@sitesteaders.com"}],"homepage":"https://github.com/whiplashmerch/whiplash-ui#readme","bugs":{"url":"https://github.com/whiplashmerch/whiplash-ui/issues"},"dist":{"shasum":"a971ee9de7a256e4305e97e39c5d5ecd9ba763ce","tarball":"https://registry.npmjs.org/whiplash-ui/-/whiplash-ui-0.5.8-beta.1.tgz","fileCount":32,"integrity":"sha512-NQE8D0iIhlEMd7aVYEGZiaHktzVIU5rJTZmmfgercg8rXF07Ar5SiREOkI2pFcDJrwJa2l2Ts+Z508zjxqwu1Q==","signatures":[{"sig":"MEUCIFrUcmy7ZA+Yi3nHtXZz9MehcemAeD0qLvB8/xqnSp3pAiEAhupCQKtWVdvzXcuvIvyLB1mG5EXIYHw2veAQjjvIlsc=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":203225,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgY4D1CRA9TVsSAnZWagAA4yIP/24ggo2lOxfZ4yn1tLlt\nXT1CIRZUK0EvOk3SKOgFeoByukuis8Q2gY7rkvNUMu2NnIP1mfZnkqLEWHzt\ntX/bH7tNA5XX2NBlBKwmP7V16XLb3gAKSOdhKUoD5iP8mYVxkCwFkj8ko3cN\ndSQ/Dw9hQGg6/DjqF3mV+x25roMzYlG+uhr3jgbVyLNZWxPdj0AQ2mj6TMoN\nhc8YNr7Y/4JR+QqFTrkcLpiCsR+HkXGFeC1omWNbUZPskUFqIdLq29P/G1JY\nCxNzTks1l17z4zg3YavoSZKnusiNkO8miDtxMGHLutOTAP/2nhnPnyIA6eQ7\nQHFDcBycyblVZTtTi4boTQKi92tZqheUuGyDAPYVuyZgHmw1dqjwtWQGrYb3\nnrRe/mg+rlm5cXz96ccrzHbvvXLJqzgH/meDS5c5jid3I1oEJ2TULX5+1Ouz\n8tuBs8cYr5njMKDzhQ7QvRdye/JeJMBEdk6/DvnnirES9e3Wg3AmDDILtFCQ\n4GG3yxA+0d5Ph+nypviWe4qt6dQ/tqSQY5USET527GCq3cPM4nrjqy3y9y91\no4Yscg/WI7qVH6h/fG+DOur3t8Fnwbp56jTeSeSEgmyjE/dbB/hW40j8aDkc\nhWvChUQiAkwLAZUnUNB5eeYHx6dTIednU/lWLTR2KQkoa7F4C06HA/3MF0Al\nov5G\r\n=B+qj\r\n-----END PGP SIGNATURE-----\r\n"},"main":"/dist/whiplash-ui.js","readme":"# whiplash-ui\nA library of global UI elements for use across Whiplash applications.\n\n\n## Usage\n\nTo implement the Whiplash UI, run `yarn add whiplash-ui` in your project's root directory.\n\nIn your `application.css` add the line:\n\n```\n*= require whiplash-ui/stylesheets/application\n```\n\nIn your `application.js` add the line:\n\n```\n//= require whiplash-ui/javascripts/behavior\n```\n\n## Elements\n\n### DotLoader loading indicator\n\nThis functionality is pulled right from the UI toolkit living style guide. To implement, create an element `<div class=\"loader-wrapper\">` and the JS will populate it with the necessary children for animation when the page loads.\n\n### SelectBox select input field\n\nThis component style is taken from the UI toolkit. To implement this style in a Whiplash UI-styled application, create an element `<select class=\"select-input\">` with options as you normally would. The JavaScript will then parse that element and its options and convert the HTML layout to what is expected to implement the more complex and customized select dropdown input.\n\n### Toggle checkbox control\n\nThe style of this control is taken from the UI toolkit. To implement in a Whiplash UI application, create an element `<input type=\"checkbox\" class=\"toggle-input\">` and the JS will create the required HTML structure to facilitate the complex styling of the element.\n\n### Checkbox\n\n```\n<div class=\"check-box\">\n  <input id=\"test\" type=\"checkbox\" class=\"check-box-input\" name=\"test\" value=\"on\">\n  <span class=\"check-box-button\"></span>\n  <label for=\"test\">This is a checkbox.</label>\n</div><br>\n<div class=\"check-box\">\n  <input id=\"test\" type=\"checkbox\" class=\"check-box-input\" name=\"test\" value=\"on\">\n  <span class=\"check-box-button\"></span>\n  <label for=\"test\">This is a second checkbox.</label>\n</div>\n```\n\n\n### Dropdown/up floating menu control\n\nIn order to implement this, you need to have the following HTML structure:\n\n```\n<div class=\"dropdown-wrapper\">\n\t<button class=\"button text\" data-dropdown=\"up-menu\">Menu Button/Link</button>\n\t<div class=\"dropdown dropdown-up\" id=\"up-menu\">\n\t\t<ul class=\"dropdown-list\">\n\t\t\t<li><a href=\"#\">Stuff</a></li>\n\t\t\t<li><a href=\"#\">Biz</a></li>\n\t\t</ul>\n\t</div>\n</div>\n```\n\nThere are two orientations -- a menu that drops down uses the class `dropdown-down` on the div that wraps `dropdown-list`. A menu that pops up from the button uses the class `dropdown-up`.\n","gitHead":"d6ae0159bef90fd037bae37f728135d72da686ed","scripts":{"js":"cp js/whiplash-ui.js dist/ && uglifyjs --output dist/whiplash-ui.min.js js/whiplash-ui.js","css":"npm run css:sass && npm run css:autoprefix && npm run css:minify","dist":"npm run css && npm run js","css:sass":"node-sass scss/whiplash-ui.scss -o dist","css:minify":"postcss dist/whiplash-ui.css --map --use cssnano -o dist/whiplash-ui.min.css","preversion":"npm run dist","css:autoprefix":"postcss -r dist/whiplash-ui.css --map --use autoprefixer -b '> 5%'"},"_npmUser":{"name":"jeffgarris","email":"jeffsgarris@gmail.com"},"repository":{"url":"git+ssh://git@github.com/whiplashmerch/whiplash-ui.git","type":"git"},"_npmVersion":"6.12.1","description":"UI assets for Whiplash Merch","directories":{},"_nodeVersion":"13.1.0","_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"cssnano":"4.1.10","postcss":"7.0.21","node-sass":"4.13.0","uglify-js":"3.6.8","postcss-cli":"6.1.3","autoprefixer":"9.7.1"},"_npmOperationalInternal":{"tmp":"tmp/whiplash-ui_0.5.8-beta.1_1617133813317_0.6996715487447416","host":"s3://npm-registry-packages"}},"0.5.8-beta.2":{"name":"whiplash-ui","version":"0.5.8-beta.2","author":{"url":"http://adamkempa.com/","name":"Adam Kempa","email":"adamkempa@gmail.com"},"license":"MIT","_id":"whiplash-ui@0.5.8-beta.2","maintainers":[{"name":"mark.dickson","email":"mark@sitesteaders.com"},{"name":"adamkempa","email":"adam@kempa.com"},{"name":"jeffgarris","email":"jeffsgarris@gmail.com"},{"name":"montch","email":"montch@gmail.com"}],"contributors":[{"name":"Adam Kempa","email":"adamkempa@gmail.com"},{"name":"Mark Dickson","email":"mark@sitesteaders.com"}],"homepage":"https://github.com/whiplashmerch/whiplash-ui#readme","bugs":{"url":"https://github.com/whiplashmerch/whiplash-ui/issues"},"dist":{"shasum":"dd4effff12a846bda82d0b84abc68481f017799a","tarball":"https://registry.npmjs.org/whiplash-ui/-/whiplash-ui-0.5.8-beta.2.tgz","fileCount":32,"integrity":"sha512-iWtD5BAL1vM4zJ+qM43hoPn0qcho3mYsN740XjYMzdoQi0CSOM3nieassdhlIMW1c8e5CDd8JLgHn3RkJIA2/w==","signatures":[{"sig":"MEUCIQCloAODpuGBuNiEVitjzNWdjxSXcuUkTig/lAUywANyBgIgRZVk4lVL5xlNm4iNf3+wgH71C4+zCd67YinPCVkzn3I=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":203865,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgZKGjCRA9TVsSAnZWagAALzcP/12aFs4vPSQ+lrvk2VqK\nFwddPMvUys/dt+AYY9TWk8HZntrtrkyrDrMnL1ymgMV3fiZDWkwMFOGkJ3nG\nt38/10z/splpSoTaNqingb2SIqcjlcVEYZQwqfVPCIqLVGTcR3XDiH1rYK3U\nY+Mn70LWIeUQyD5qjSkphKWraCl8UoQgaqAX3ZEdyUUOSNEGwOPsTlI+d/Cp\n8yoWiNJ4I+9tdmxolT3VsZZsShhFabcwIz3A/hL+p7HpSYXhsMIr+rZD2YhP\nwXdX4e40UjnAIaTBZ++bbev1NoekQ0UF1+DuLp/Xbjf+3Dj2D8GtjiPRty6+\n8c1dVBNvPVVUtyRCIEecsiX9TFyu1YdIHVEmFqyU1PxGQ0xTrdHQHzxk4bD8\n6Rv34wlPuf2IS0FXVrrmIXSojkksCI2WyJxwml+H61zZAiwC+V8dr7HHVTpN\nNBgZMB/dZkjql3nk24RL2HWYg+CWwp4IDSznzF0QzDAGW0+klOH+mlT3XQez\nTDrVF/gvPr9HFrRdEAXYlJE5c6cz48lE9n1GF6lBF36d1wCInujHVAEcwlY/\naXcnNio9BwGK43BEw6tkbbpUChIlSAMVtoSDtcjbr0/81Z2mkydLr+m6YnsP\nC/2PjBH9SJj5iMi8dbVmil5xOrmrvaIU3VTgJINgQtoFzQp7+H/qbJsCSZSc\nSLJE\r\n=2z3W\r\n-----END PGP SIGNATURE-----\r\n"},"main":"/dist/whiplash-ui.js","readme":"# whiplash-ui\nA library of global UI elements for use across Whiplash applications.\n\n\n## Usage\n\nTo implement the Whiplash UI, run `yarn add whiplash-ui` in your project's root directory.\n\nIn your `application.css` add the line:\n\n```\n*= require whiplash-ui/stylesheets/application\n```\n\nIn your `application.js` add the line:\n\n```\n//= require whiplash-ui/javascripts/behavior\n```\n\n## Elements\n\n### DotLoader loading indicator\n\nThis functionality is pulled right from the UI toolkit living style guide. To implement, create an element `<div class=\"loader-wrapper\">` and the JS will populate it with the necessary children for animation when the page loads.\n\n### SelectBox select input field\n\nThis component style is taken from the UI toolkit. To implement this style in a Whiplash UI-styled application, create an element `<select class=\"select-input\">` with options as you normally would. The JavaScript will then parse that element and its options and convert the HTML layout to what is expected to implement the more complex and customized select dropdown input.\n\n### Toggle checkbox control\n\nThe style of this control is taken from the UI toolkit. To implement in a Whiplash UI application, create an element `<input type=\"checkbox\" class=\"toggle-input\">` and the JS will create the required HTML structure to facilitate the complex styling of the element.\n\n### Checkbox\n\n```\n<div class=\"check-box\">\n  <input id=\"test\" type=\"checkbox\" class=\"check-box-input\" name=\"test\" value=\"on\">\n  <span class=\"check-box-button\"></span>\n  <label for=\"test\">This is a checkbox.</label>\n</div><br>\n<div class=\"check-box\">\n  <input id=\"test\" type=\"checkbox\" class=\"check-box-input\" name=\"test\" value=\"on\">\n  <span class=\"check-box-button\"></span>\n  <label for=\"test\">This is a second checkbox.</label>\n</div>\n```\n\n\n### Dropdown/up floating menu control\n\nIn order to implement this, you need to have the following HTML structure:\n\n```\n<div class=\"dropdown-wrapper\">\n\t<button class=\"button text\" data-dropdown=\"up-menu\">Menu Button/Link</button>\n\t<div class=\"dropdown dropdown-up\" id=\"up-menu\">\n\t\t<ul class=\"dropdown-list\">\n\t\t\t<li><a href=\"#\">Stuff</a></li>\n\t\t\t<li><a href=\"#\">Biz</a></li>\n\t\t</ul>\n\t</div>\n</div>\n```\n\nThere are two orientations -- a menu that drops down uses the class `dropdown-down` on the div that wraps `dropdown-list`. A menu that pops up from the button uses the class `dropdown-up`.\n","gitHead":"caca4d55a2ec3f5e86579971b54f19fa6021771c","scripts":{"js":"cp js/whiplash-ui.js dist/ && uglifyjs --output dist/whiplash-ui.min.js js/whiplash-ui.js","css":"npm run css:sass && npm run css:autoprefix && npm run css:minify","dist":"npm run css && npm run js","css:sass":"node-sass scss/whiplash-ui.scss -o dist","css:minify":"postcss dist/whiplash-ui.css --map --use cssnano -o dist/whiplash-ui.min.css","preversion":"npm run dist","css:autoprefix":"postcss -r dist/whiplash-ui.css --map --use autoprefixer -b '> 5%'"},"_npmUser":{"name":"jeffgarris","email":"jeffsgarris@gmail.com"},"repository":{"url":"git+ssh://git@github.com/whiplashmerch/whiplash-ui.git","type":"git"},"_npmVersion":"6.12.1","description":"UI assets for Whiplash Merch","directories":{},"_nodeVersion":"13.1.0","_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"cssnano":"4.1.10","postcss":"7.0.21","node-sass":"4.13.0","uglify-js":"3.6.8","postcss-cli":"6.1.3","autoprefixer":"9.7.1"},"_npmOperationalInternal":{"tmp":"tmp/whiplash-ui_0.5.8-beta.2_1617207715249_0.15725764393785813","host":"s3://npm-registry-packages"}},"0.5.7-beta.11":{"name":"whiplash-ui","version":"0.5.7-beta.11","author":{"url":"http://adamkempa.com/","name":"Adam Kempa","email":"adamkempa@gmail.com"},"license":"MIT","_id":"whiplash-ui@0.5.7-beta.11","maintainers":[{"name":"mark.dickson","email":"mark@sitesteaders.com"},{"name":"adamkempa","email":"adam@kempa.com"},{"name":"jeffgarris","email":"jeffsgarris@gmail.com"},{"name":"montch","email":"montch@gmail.com"}],"contributors":[{"name":"Adam Kempa","email":"adamkempa@gmail.com"},{"name":"Mark Dickson","email":"mark@sitesteaders.com"}],"homepage":"https://github.com/whiplashmerch/whiplash-ui#readme","bugs":{"url":"https://github.com/whiplashmerch/whiplash-ui/issues"},"dist":{"shasum":"d10c8d2f01dcdf3734ae1afd1719610e45f49fd8","tarball":"https://registry.npmjs.org/whiplash-ui/-/whiplash-ui-0.5.7-beta.11.tgz","fileCount":32,"integrity":"sha512-WXxzzVKN/4KE6zfqyNAvSKyi0jEhT5+etPbv4L8x7FomNXEoqAP3NBaDCBxy5S76A+96Q1/Jbi91MZsq3BLLPw==","signatures":[{"sig":"MEYCIQDTmVt8oMiIxUT3W85Z+l+Zvqu2ijcTSSePvUXZtcmwugIhALTVvSUU7Gc8GKW7aaK/du1aTw7i6YtPHC4iKVSjlYa4","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":190068,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJggbawCRA9TVsSAnZWagAAvA0P/253qA5FoIDVUXETa5g0\nzaMR4FOKRXyAjEwnsh/PEEkTf8gItKV1KIahYo6iXRwiLEdVp8WP2twu5Kjk\n71q4qIKDPz7Hc15DHDF1x6JCh5sQaHXIks58HNYXJniV3sLZFHttDSiPVEjU\nT1RV58xQbqRyFP0rh+6AddS8dpsh95u3THH1HoF/GnylRfakUPXNd/Uqovff\nvY0+AWlPDLnbUr72eRhTFXgTqPpOr93i8y1bH5AM4TXqg5+qHrDstrSX9Tfc\n11HjNflDhaXCRvS4VtUsgxotXY+sdPVt0FvN/n787lh8LWoGkw7Ibe1z5dsJ\ntpW7SuultKy3VVGqOfNg5+aMjmtgJVZRNsn+eqIPhy+PiJIy+cW8lwRL9ooc\ncG7mczl+QK0wxE5idtzn9YVxiBZbKvKo1l93pCmD6S9Fl9w53omphBsvFXZI\nU1T6mt7ShZIuKcHPeCDnUZpiUEbe3SGhn/QkE48rg6ela8CcuxlR1PIRUw+U\nSs00FPtRHX3L676//hStXUezd/5212TArRhFFo+rSMwBEqAqLEDmdJ6US1Uk\nnEhTa0Gjxfh7kYcVJG6qUtS8+G28OkAwFS2C8+Nwq7rprHxNFAc2mnGZ7I/5\nqVrVczF/YE2nAyoIiRyN9zmP/uCEBUpJrRX6/klDwTcmywH0YOZ8Gy8xeZBb\neUP9\r\n=P9UC\r\n-----END PGP SIGNATURE-----\r\n"},"main":"/dist/whiplash-ui.js","readme":"# whiplash-ui\nA library of global UI elements for use across Whiplash applications.\n\n\n## Usage\n\nTo implement the Whiplash UI, run `yarn add whiplash-ui` in your project's root directory.\n\nIn your `application.css` add the line:\n\n```\n*= require whiplash-ui/stylesheets/application\n```\n\nIn your `application.js` add the line:\n\n```\n//= require whiplash-ui/javascripts/behavior\n```\n\n## Elements\n\n### DotLoader loading indicator\n\nThis functionality is pulled right from the UI toolkit living style guide. To implement, create an element `<div class=\"loader-wrapper\">` and the JS will populate it with the necessary children for animation when the page loads.\n\n### SelectBox select input field\n\nThis component style is taken from the UI toolkit. To implement this style in a Whiplash UI-styled application, create an element `<select class=\"select-input\">` with options as you normally would. The JavaScript will then parse that element and its options and convert the HTML layout to what is expected to implement the more complex and customized select dropdown input.\n\n### Toggle checkbox control\n\nThe style of this control is taken from the UI toolkit. To implement in a Whiplash UI application, create an element `<input type=\"checkbox\" class=\"toggle-input\">` and the JS will create the required HTML structure to facilitate the complex styling of the element.\n\n### Checkbox\n\n```\n<div class=\"check-box\">\n  <input id=\"test\" type=\"checkbox\" class=\"check-box-input\" name=\"test\" value=\"on\">\n  <span class=\"check-box-button\"></span>\n  <label for=\"test\">This is a checkbox.</label>\n</div><br>\n<div class=\"check-box\">\n  <input id=\"test\" type=\"checkbox\" class=\"check-box-input\" name=\"test\" value=\"on\">\n  <span class=\"check-box-button\"></span>\n  <label for=\"test\">This is a second checkbox.</label>\n</div>\n```\n\n\n### Dropdown/up floating menu control\n\nIn order to implement this, you need to have the following HTML structure:\n\n```\n<div class=\"dropdown-wrapper\">\n\t<button class=\"button text\" data-dropdown=\"up-menu\">Menu Button/Link</button>\n\t<div class=\"dropdown dropdown-up\" id=\"up-menu\">\n\t\t<ul class=\"dropdown-list\">\n\t\t\t<li><a href=\"#\">Stuff</a></li>\n\t\t\t<li><a href=\"#\">Biz</a></li>\n\t\t</ul>\n\t</div>\n</div>\n```\n\nThere are two orientations -- a menu that drops down uses the class `dropdown-down` on the div that wraps `dropdown-list`. A menu that pops up from the button uses the class `dropdown-up`.\n","gitHead":"291f332b8f0d15f7e8830f804f3f30979a9dfc56","scripts":{"js":"cp js/whiplash-ui.js dist/ && uglifyjs --output dist/whiplash-ui.min.js js/whiplash-ui.js","css":"npm run css:sass && npm run css:autoprefix && npm run css:minify","dist":"npm run css && npm run js","css:sass":"node-sass scss/whiplash-ui.scss -o dist","css:minify":"postcss dist/whiplash-ui.css --map --use cssnano -o dist/whiplash-ui.min.css","preversion":"npm run dist","css:autoprefix":"postcss -r dist/whiplash-ui.css --map --use autoprefixer -b '> 5%'"},"_npmUser":{"name":"adamkempa","email":"adam@kempa.com"},"repository":{"url":"git+ssh://git@github.com/whiplashmerch/whiplash-ui.git","type":"git"},"_npmVersion":"6.14.4","description":"UI assets for Whiplash Merch","directories":{},"_nodeVersion":"14.0.0","_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"cssnano":"4.1.10","postcss":"8.2.12","node-sass":"4.14.0","uglify-js":"3.6.8","postcss-cli":"8.3.1","autoprefixer":"9.7.1"},"_npmOperationalInternal":{"tmp":"tmp/whiplash-ui_0.5.7-beta.11_1619113647786_0.3286347620394199","host":"s3://npm-registry-packages"}},"0.5.7-beta.12":{"name":"whiplash-ui","version":"0.5.7-beta.12","author":{"url":"http://adamkempa.com/","name":"Adam Kempa","email":"adamkempa@gmail.com"},"license":"MIT","_id":"whiplash-ui@0.5.7-beta.12","maintainers":[{"name":"mark.dickson","email":"mark@sitesteaders.com"},{"name":"adamkempa","email":"adam@kempa.com"},{"name":"jeffgarris","email":"jeffsgarris@gmail.com"},{"name":"montch","email":"montch@gmail.com"}],"contributors":[{"name":"Adam Kempa","email":"adamkempa@gmail.com"},{"name":"Mark Dickson","email":"mark@sitesteaders.com"}],"homepage":"https://github.com/whiplashmerch/whiplash-ui#readme","bugs":{"url":"https://github.com/whiplashmerch/whiplash-ui/issues"},"dist":{"shasum":"1b13a271e64914985fc88bf10287eb348b8a8f42","tarball":"https://registry.npmjs.org/whiplash-ui/-/whiplash-ui-0.5.7-beta.12.tgz","fileCount":32,"integrity":"sha512-wLwhQkS72Hi+fOUwJ49h1mKCR75Li2GGYDKz7cWKdnwL/99DrcYvQrRSuJnKr76m3Tm3NZ0tyr/vf9/hvZVaYg==","signatures":[{"sig":"MEYCIQCRqbbf5A9FKt9kYPRANq8WEbj5sCDUK2tyfZREkvVg3QIhAKUfV17m9JVQz2CazrDPzBL88qHWEberYcIs0SLY5BZk","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":190074,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJggxo1CRA9TVsSAnZWagAAdYMP/jmtm7EhaRf3fAfR3CR6\nBZwJBAhGN5tBAvniUr9eIuZRgOvphOo1ycNy1LimxMRCapCGkpSOKFPchnRR\nuHsuQFGn2ZTdCyYpiBT92+ZNmb2bJq95fFFGAw9H0lLuHOieLkMv64hlmB9m\nneOQ4QXkEXPO+WD5u9fQq1wJE4jH5GaUIP624stcuwInBxTvXfhZP8v5wgjL\n5yvdgX+1SnJxdtPD2Xth0Qh2Ah3FrQyvfk3GhpHbEcFDy+SY7vEOtXL11JgG\n2XsqhhyITtqM8Bb4SmRCt7naubrvdToZPh1ESuTf8+m2H9frwHp9ubWfdqTd\nt5awARkhoN1xhoJqoqmCYFQ1OPOC0u8czLP/iaUKkMJsXUIzpSiU0+cgSXaG\nev6HWwsNjuLGsrLaAPPgN1Fhyje1LotKDocUWm2sxUaBJt7Sz0cvtqx7p37W\neZPpuUXW+BrErfU7vKJJm1LaD6AeTkP8ctBV6FuEXcEqvm4dgI3c5mZv5sIM\nUkCB+7lDvulMJyEpmd8sLoCDjOSYVM0XLiXtohm+EPV7g5HDSHGoLtBneCgi\nVBFkXbp2nNuMlJrNnDCBXULmkVZhjK5ITtVIdT3pVgY4xQSj/I+kMhZDdKLo\nrMx3aZNvRQIZUoD79jRVh+uCQonoDobFCdG7yswp/5FHbR4XyEZu31RFdX8P\nwWMg\r\n=DCwk\r\n-----END PGP SIGNATURE-----\r\n"},"main":"/dist/whiplash-ui.js","readme":"# whiplash-ui\nA library of global UI elements for use across Whiplash applications.\n\n\n## Usage\n\nTo implement the Whiplash UI, run `yarn add whiplash-ui` in your project's root directory.\n\nIn your `application.css` add the line:\n\n```\n*= require whiplash-ui/stylesheets/application\n```\n\nIn your `application.js` add the line:\n\n```\n//= require whiplash-ui/javascripts/behavior\n```\n\n## Elements\n\n### DotLoader loading indicator\n\nThis functionality is pulled right from the UI toolkit living style guide. To implement, create an element `<div class=\"loader-wrapper\">` and the JS will populate it with the necessary children for animation when the page loads.\n\n### SelectBox select input field\n\nThis component style is taken from the UI toolkit. To implement this style in a Whiplash UI-styled application, create an element `<select class=\"select-input\">` with options as you normally would. The JavaScript will then parse that element and its options and convert the HTML layout to what is expected to implement the more complex and customized select dropdown input.\n\n### Toggle checkbox control\n\nThe style of this control is taken from the UI toolkit. To implement in a Whiplash UI application, create an element `<input type=\"checkbox\" class=\"toggle-input\">` and the JS will create the required HTML structure to facilitate the complex styling of the element.\n\n### Checkbox\n\n```\n<div class=\"check-box\">\n  <input id=\"test\" type=\"checkbox\" class=\"check-box-input\" name=\"test\" value=\"on\">\n  <span class=\"check-box-button\"></span>\n  <label for=\"test\">This is a checkbox.</label>\n</div><br>\n<div class=\"check-box\">\n  <input id=\"test\" type=\"checkbox\" class=\"check-box-input\" name=\"test\" value=\"on\">\n  <span class=\"check-box-button\"></span>\n  <label for=\"test\">This is a second checkbox.</label>\n</div>\n```\n\n\n### Dropdown/up floating menu control\n\nIn order to implement this, you need to have the following HTML structure:\n\n```\n<div class=\"dropdown-wrapper\">\n\t<button class=\"button text\" data-dropdown=\"up-menu\">Menu Button/Link</button>\n\t<div class=\"dropdown dropdown-up\" id=\"up-menu\">\n\t\t<ul class=\"dropdown-list\">\n\t\t\t<li><a href=\"#\">Stuff</a></li>\n\t\t\t<li><a href=\"#\">Biz</a></li>\n\t\t</ul>\n\t</div>\n</div>\n```\n\nThere are two orientations -- a menu that drops down uses the class `dropdown-down` on the div that wraps `dropdown-list`. A menu that pops up from the button uses the class `dropdown-up`.\n","gitHead":"02fe3d635ba0dea94355d3a1a6c5fa4d73b32550","scripts":{"js":"cp js/whiplash-ui.js dist/ && uglifyjs --output dist/whiplash-ui.min.js js/whiplash-ui.js","css":"npm run css:sass && npm run css:autoprefix && npm run css:minify","dist":"npm run css && npm run js","css:sass":"node-sass scss/whiplash-ui.scss -o dist","css:minify":"postcss dist/whiplash-ui.css --map --use cssnano -o dist/whiplash-ui.min.css","preversion":"npm run dist","css:autoprefix":"postcss -r dist/whiplash-ui.css --map --use autoprefixer -b '> 5%'"},"_npmUser":{"name":"jeffgarris","email":"jeffsgarris@gmail.com"},"repository":{"url":"git+ssh://git@github.com/whiplashmerch/whiplash-ui.git","type":"git"},"_npmVersion":"6.12.1","description":"UI assets for Whiplash Merch","directories":{},"_nodeVersion":"14.16.1","_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"cssnano":"4.1.10","postcss":"8.2.12","node-sass":"4.14.0","uglify-js":"3.6.8","postcss-cli":"8.3.1","autoprefixer":"9.7.1"},"_npmOperationalInternal":{"tmp":"tmp/whiplash-ui_0.5.7-beta.12_1619204660503_0.5832093554767521","host":"s3://npm-registry-packages"}},"0.5.7-beta.13":{"name":"whiplash-ui","version":"0.5.7-beta.13","author":{"url":"http://adamkempa.com/","name":"Adam Kempa","email":"adamkempa@gmail.com"},"license":"MIT","_id":"whiplash-ui@0.5.7-beta.13","maintainers":[{"name":"mark.dickson","email":"mark@sitesteaders.com"},{"name":"adamkempa","email":"adam@kempa.com"},{"name":"jeffgarris","email":"jeffsgarris@gmail.com"},{"name":"montch","email":"montch@gmail.com"}],"contributors":[{"name":"Adam Kempa","email":"adamkempa@gmail.com"},{"name":"Mark Dickson","email":"mark@sitesteaders.com"}],"homepage":"https://github.com/whiplashmerch/whiplash-ui#readme","bugs":{"url":"https://github.com/whiplashmerch/whiplash-ui/issues"},"dist":{"shasum":"33fcc5eb86c1c03c538c6ac4d99b5ba0afa21599","tarball":"https://registry.npmjs.org/whiplash-ui/-/whiplash-ui-0.5.7-beta.13.tgz","fileCount":32,"integrity":"sha512-uPN8iwJ69JbMJZBd5MohzvUSVPR/ReMQZJ1wHtimwTuyxqGDUvOxW9PbKMvpo0mMrth28ta6mcVN+MXElfUcDQ==","signatures":[{"sig":"MEUCIDLXP5nSwOFHkpc0kAjxs6hk/DLGXL5jFdJTxObNv5zdAiEA+KKEaDl4b+vjVum0plw2ImCcrizCAGsVI+hw4BrxmpM=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":190080,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJggxxkCRA9TVsSAnZWagAAKZ0P/257qkLCnBxFTGJIlrYE\nmqBxkzd24o5Eax+vU9esgBUf9qoJHUgMhGEv0iw2a6Oy5Ucj1VoA5SnfVob4\nh5bP7ENJSin5+WNUuYsw5/korEG0rR2GjStGUSL9g2az9yA0bzWJByC2Jk6G\nyQVEafeF39gybKUlF8TGu0fjq6fpETjrtgExO4VyM4b9W5T07ZPHL2RbPbjf\nha9Z6B/Of3atGU56rCCbgy3r6dyMpzfBwL+K2IMEX/3NSruAV9rZ64+7BSp4\nY+T7kXZ8fehuTsrGq2hZEkh/l/eaH/TCMaOpa8VsV2R6/LZMnGoqs9GXePL2\nPbjPF+Yfc9ecNv+41gagxV+cUjr9v1w5uEf3n0+ND1RhJQmlkRo+5XWrqCEg\nyIdESVzNfEyBGaFZYLk2lwN7lOkHsd2bwSmb7mtA3ZRHuIEBsenrG2hhPTaE\nZwVuB5UHhv7XBXNFY86eQbyrY2a3kX5NjKWrswYa+B/7Zuk9ePZ0OfTqCyuW\n8dvUmiwFEKjUPEaq69dsGHIGjnppE+EG0GQqY+QJ9GEkHEYJiqz2HuS9FM09\nQBgkq7WqdaYgy4/Rs/eaS8nze/SG1eVMlinlfZNy/K7EHb3PJgNDx5vm0C1j\nJWC94jydTcP0WfFdh0xpoDI+D7efafZOvQljIVgXEwOktNWhIJsFuIPOs6se\nW7oQ\r\n=G0uW\r\n-----END PGP SIGNATURE-----\r\n"},"main":"/dist/whiplash-ui.js","readme":"# whiplash-ui\nA library of global UI elements for use across Whiplash applications.\n\n\n## Usage\n\nTo implement the Whiplash UI, run `yarn add whiplash-ui` in your project's root directory.\n\nIn your `application.css` add the line:\n\n```\n*= require whiplash-ui/stylesheets/application\n```\n\nIn your `application.js` add the line:\n\n```\n//= require whiplash-ui/javascripts/behavior\n```\n\n## Elements\n\n### DotLoader loading indicator\n\nThis functionality is pulled right from the UI toolkit living style guide. To implement, create an element `<div class=\"loader-wrapper\">` and the JS will populate it with the necessary children for animation when the page loads.\n\n### SelectBox select input field\n\nThis component style is taken from the UI toolkit. To implement this style in a Whiplash UI-styled application, create an element `<select class=\"select-input\">` with options as you normally would. The JavaScript will then parse that element and its options and convert the HTML layout to what is expected to implement the more complex and customized select dropdown input.\n\n### Toggle checkbox control\n\nThe style of this control is taken from the UI toolkit. To implement in a Whiplash UI application, create an element `<input type=\"checkbox\" class=\"toggle-input\">` and the JS will create the required HTML structure to facilitate the complex styling of the element.\n\n### Checkbox\n\n```\n<div class=\"check-box\">\n  <input id=\"test\" type=\"checkbox\" class=\"check-box-input\" name=\"test\" value=\"on\">\n  <span class=\"check-box-button\"></span>\n  <label for=\"test\">This is a checkbox.</label>\n</div><br>\n<div class=\"check-box\">\n  <input id=\"test\" type=\"checkbox\" class=\"check-box-input\" name=\"test\" value=\"on\">\n  <span class=\"check-box-button\"></span>\n  <label for=\"test\">This is a second checkbox.</label>\n</div>\n```\n\n\n### Dropdown/up floating menu control\n\nIn order to implement this, you need to have the following HTML structure:\n\n```\n<div class=\"dropdown-wrapper\">\n\t<button class=\"button text\" data-dropdown=\"up-menu\">Menu Button/Link</button>\n\t<div class=\"dropdown dropdown-up\" id=\"up-menu\">\n\t\t<ul class=\"dropdown-list\">\n\t\t\t<li><a href=\"#\">Stuff</a></li>\n\t\t\t<li><a href=\"#\">Biz</a></li>\n\t\t</ul>\n\t</div>\n</div>\n```\n\nThere are two orientations -- a menu that drops down uses the class `dropdown-down` on the div that wraps `dropdown-list`. A menu that pops up from the button uses the class `dropdown-up`.\n","gitHead":"9f8adbc3fa5bd938eb82f59bd54a01b17559b1d2","scripts":{"js":"cp js/whiplash-ui.js dist/ && uglifyjs --output dist/whiplash-ui.min.js js/whiplash-ui.js","css":"npm run css:sass && npm run css:autoprefix && npm run css:minify","dist":"npm run css && npm run js","css:sass":"node-sass scss/whiplash-ui.scss -o dist","css:minify":"postcss dist/whiplash-ui.css --map --use cssnano -o dist/whiplash-ui.min.css","preversion":"npm run dist","css:autoprefix":"postcss -r dist/whiplash-ui.css --map --use autoprefixer -b '> 5%'"},"_npmUser":{"name":"jeffgarris","email":"jeffsgarris@gmail.com"},"repository":{"url":"git+ssh://git@github.com/whiplashmerch/whiplash-ui.git","type":"git"},"_npmVersion":"6.12.1","description":"UI assets for Whiplash Merch","directories":{},"_nodeVersion":"14.16.1","_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"cssnano":"4.1.10","postcss":"8.2.12","node-sass":"4.14.0","uglify-js":"3.6.8","postcss-cli":"8.3.1","autoprefixer":"9.7.1"},"_npmOperationalInternal":{"tmp":"tmp/whiplash-ui_0.5.7-beta.13_1619205220148_0.12898288931999824","host":"s3://npm-registry-packages"}},"0.5.7-beta.14":{"name":"whiplash-ui","version":"0.5.7-beta.14","author":{"url":"http://adamkempa.com/","name":"Adam Kempa","email":"adamkempa@gmail.com"},"license":"MIT","_id":"whiplash-ui@0.5.7-beta.14","maintainers":[{"name":"mark.dickson","email":"mark@sitesteaders.com"},{"name":"adamkempa","email":"adam@kempa.com"},{"name":"jeffgarris","email":"jeffsgarris@gmail.com"},{"name":"montch","email":"montch@gmail.com"}],"contributors":[{"name":"Adam Kempa","email":"adamkempa@gmail.com"},{"name":"Mark Dickson","email":"mark@sitesteaders.com"}],"homepage":"https://github.com/whiplashmerch/whiplash-ui#readme","bugs":{"url":"https://github.com/whiplashmerch/whiplash-ui/issues"},"dist":{"shasum":"6aec4baa80793c06d846dce3ab97e9d4da112528","tarball":"https://registry.npmjs.org/whiplash-ui/-/whiplash-ui-0.5.7-beta.14.tgz","fileCount":32,"integrity":"sha512-fohbGlFlp65Z7GbAGZkCPQOX1pV8++ay1BN7jT1ghhVwtIrCGkUYFeYerINDkXmkio1xtBTO46IPjlGAOm5qeg==","signatures":[{"sig":"MEQCIB5F1kV3Y84NawUDph/5StD+GPv+oJeyxdYU/ikF/cvYAiBFGy3d364kiKiQfWd3gKe8EU7VHd85h3NDanoW35/ovg==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":190068,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJggx5CCRA9TVsSAnZWagAANJcP/id0uVriCVbFsORVxwBV\nk9KEhYK8rCMHNzH7HLwQhkgMklnJqK3OJve4GaB+srfkyuhc1LYIuiW9swNn\ngvP2hs8muROKrzwvlYI/6HfkfPgepxP0+V6Os6QaP1ozcmQrRpZuTKcjlm26\nXQ3PVhDyRfH6CzSpMZjW4MSFoerECxFONFqnlfiwGU95HZdHUkwNm6H8AhvS\nf7wqC5i97u4oBlnUSM9LPZDE1PT7AqrNB/d39FAFdiX7e4UBC5hD6tB9YjFU\nhXjebqZZvgzlDVh1ljgWyr3OiMW0cbHoBj2FIEgbztj0gw2UT/pTSbQhFZPE\n3gli92wg08ZWu/eWgUsBq1GUGD3/Yu3Ef+ekZv5c5ZcEEiCRbuHHOgABWKn9\nRSx2+V0osz5UKEiN1mrXuzntfVOCeIef5GGR+Uc6mp3oAil+0y06zX+Yer1v\nCpdtb5e0E4Ak7Swq8nF5AfidP0aY84E+6p+Q/QcPGAVBZOJSsKZoiCr/tldk\n+Y34KP9g6goHu/BVBuVwTtaRqGbnQsunTgS8cSbnsiR06/oLtUsus/sDdn9Z\nNWNr4f/r4/5yXuDAEcIIva+7cIkuU1yI4NX2T6ggfxvKsg+8szFnIb+ZR7gP\n2awxw+fTunNgiShFHc4LBC17cs28qKAxJnF4Ptgvj1QFu+zgdpjRxLgj3MRb\nU4PW\r\n=XsW0\r\n-----END PGP SIGNATURE-----\r\n"},"main":"/dist/whiplash-ui.js","readme":"# whiplash-ui\nA library of global UI elements for use across Whiplash applications.\n\n\n## Usage\n\nTo implement the Whiplash UI, run `yarn add whiplash-ui` in your project's root directory.\n\nIn your `application.css` add the line:\n\n```\n*= require whiplash-ui/stylesheets/application\n```\n\nIn your `application.js` add the line:\n\n```\n//= require whiplash-ui/javascripts/behavior\n```\n\n## Elements\n\n### DotLoader loading indicator\n\nThis functionality is pulled right from the UI toolkit living style guide. To implement, create an element `<div class=\"loader-wrapper\">` and the JS will populate it with the necessary children for animation when the page loads.\n\n### SelectBox select input field\n\nThis component style is taken from the UI toolkit. To implement this style in a Whiplash UI-styled application, create an element `<select class=\"select-input\">` with options as you normally would. The JavaScript will then parse that element and its options and convert the HTML layout to what is expected to implement the more complex and customized select dropdown input.\n\n### Toggle checkbox control\n\nThe style of this control is taken from the UI toolkit. To implement in a Whiplash UI application, create an element `<input type=\"checkbox\" class=\"toggle-input\">` and the JS will create the required HTML structure to facilitate the complex styling of the element.\n\n### Checkbox\n\n```\n<div class=\"check-box\">\n  <input id=\"test\" type=\"checkbox\" class=\"check-box-input\" name=\"test\" value=\"on\">\n  <span class=\"check-box-button\"></span>\n  <label for=\"test\">This is a checkbox.</label>\n</div><br>\n<div class=\"check-box\">\n  <input id=\"test\" type=\"checkbox\" class=\"check-box-input\" name=\"test\" value=\"on\">\n  <span class=\"check-box-button\"></span>\n  <label for=\"test\">This is a second checkbox.</label>\n</div>\n```\n\n\n### Dropdown/up floating menu control\n\nIn order to implement this, you need to have the following HTML structure:\n\n```\n<div class=\"dropdown-wrapper\">\n\t<button class=\"button text\" data-dropdown=\"up-menu\">Menu Button/Link</button>\n\t<div class=\"dropdown dropdown-up\" id=\"up-menu\">\n\t\t<ul class=\"dropdown-list\">\n\t\t\t<li><a href=\"#\">Stuff</a></li>\n\t\t\t<li><a href=\"#\">Biz</a></li>\n\t\t</ul>\n\t</div>\n</div>\n```\n\nThere are two orientations -- a menu that drops down uses the class `dropdown-down` on the div that wraps `dropdown-list`. A menu that pops up from the button uses the class `dropdown-up`.\n","gitHead":"4ac7690c77395644b9486151932c2a09606eed5c","scripts":{"js":"cp js/whiplash-ui.js dist/ && uglifyjs --output dist/whiplash-ui.min.js js/whiplash-ui.js","css":"npm run css:sass && npm run css:autoprefix && npm run css:minify","dist":"npm run css && npm run js","css:sass":"node-sass scss/whiplash-ui.scss -o dist","css:minify":"postcss dist/whiplash-ui.css --map --use cssnano -o dist/whiplash-ui.min.css","preversion":"npm run dist","css:autoprefix":"postcss -r dist/whiplash-ui.css --map --use autoprefixer -b '> 5%'"},"_npmUser":{"name":"jeffgarris","email":"jeffsgarris@gmail.com"},"repository":{"url":"git+ssh://git@github.com/whiplashmerch/whiplash-ui.git","type":"git"},"_npmVersion":"6.12.1","description":"UI assets for Whiplash Merch","directories":{},"_nodeVersion":"14.16.1","_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"cssnano":"4.1.10","postcss":"8.2.12","node-sass":"4.14.0","uglify-js":"3.6.8","postcss-cli":"8.3.1","autoprefixer":"9.7.1"},"_npmOperationalInternal":{"tmp":"tmp/whiplash-ui_0.5.7-beta.14_1619205698267_0.921007836001841","host":"s3://npm-registry-packages"}},"0.5.7-beta.15":{"name":"whiplash-ui","version":"0.5.7-beta.15","author":{"url":"http://adamkempa.com/","name":"Adam Kempa","email":"adamkempa@gmail.com"},"license":"MIT","_id":"whiplash-ui@0.5.7-beta.15","maintainers":[{"name":"mark.dickson","email":"mark@sitesteaders.com"},{"name":"adamkempa","email":"adam@kempa.com"},{"name":"jeffgarris","email":"jeffsgarris@gmail.com"},{"name":"montch","email":"montch@gmail.com"}],"contributors":[{"name":"Adam Kempa","email":"adamkempa@gmail.com"},{"name":"Mark Dickson","email":"mark@sitesteaders.com"}],"homepage":"https://github.com/whiplashmerch/whiplash-ui#readme","bugs":{"url":"https://github.com/whiplashmerch/whiplash-ui/issues"},"dist":{"shasum":"1eb5733632605f7f71f4712ea1cf2b6e044def76","tarball":"https://registry.npmjs.org/whiplash-ui/-/whiplash-ui-0.5.7-beta.15.tgz","fileCount":32,"integrity":"sha512-JJLwNfTmCFiChJbnSIavgbSxGK6E7gxPmmDoGr0aTudXiF9lu7TIg2WBV8Wa28Ah3PNCVsYOIshrnnjuBey8gg==","signatures":[{"sig":"MEUCIBS/zHJHRdPyyN79qwHsgmb3TLVeJu//cMcpKEAKZnoTAiEAtXARKq91OoNnXOazEtONTatzK/omG0TSP1ubs47DrPk=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":190196,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgpnF7CRA9TVsSAnZWagAAJAoP/jpsUVY+v+xSS+ypL6py\naLLjSHIsQMURfw9Fe2mp4fKyuUllW64MQm74XEOLM3WSBDE2ZdZj8WIlmVcu\nCKabLgcRNvxliB7yKCzV/q7hQFW4uoYN2uDOeixSlqVslmBslRIfMWIJw9Fc\nqMncwXBp2y42F4ikbzoK/SW8jxMI/7kigiwy7e4S4w1uSLEjOBFcilYpqnXo\nKsa7eSASjLCxo1N1r0I37164W4dr8fFhOAMEQRp6RbZ7Yw++yLoybNnuilRI\nxWFoxZ3ZukMggNVyyVh9PNNnMPb+JQ9zncT7NfJGqXayVd7cONP8tqv68JFA\n12+F9mNw3YAmJJs3LDfBDuPmW2rkgnA10fVByk/MRJVQI295GQoa4hHXiywu\npxGWH6ZBMXfrxs6Gu1x8vyCE3c+GHIFddZhfHZte/VcbCet3R7wd6evqPi1E\nagMgfbdXohcY0dddv2JxS6jC0TVe6OP6vZmIRYIMV7ZwpCnLmwSzcmDRdKoq\nhDvhFjcHSwy5ixWEGQ/rvLGhVrjjUMiQBCgZx5OHo7wN3A7QscJ4ewsknU5P\nodrGZkSUY/v7n0fA95p/NAH67dTuVoSj1qaP+9/jGS1rT1NE6J7X0zPxFCg8\ntLbkuYYhSn70S7ViEvAfgIQ8Jk86RquZGsccFHW+Jkqhgmp2ujQIRiBvPaqw\ngfBO\r\n=ic7b\r\n-----END PGP SIGNATURE-----\r\n"},"main":"/dist/whiplash-ui.js","readme":"# whiplash-ui\nA library of global UI elements for use across Whiplash applications.\n\n\n## Usage\n\nTo implement the Whiplash UI, run `yarn add whiplash-ui` in your project's root directory.\n\nIn your `application.css` add the line:\n\n```\n*= require whiplash-ui/stylesheets/application\n```\n\nIn your `application.js` add the line:\n\n```\n//= require whiplash-ui/javascripts/behavior\n```\n\n## Elements\n\n### DotLoader loading indicator\n\nThis functionality is pulled right from the UI toolkit living style guide. To implement, create an element `<div class=\"loader-wrapper\">` and the JS will populate it with the necessary children for animation when the page loads.\n\n### SelectBox select input field\n\nThis component style is taken from the UI toolkit. To implement this style in a Whiplash UI-styled application, create an element `<select class=\"select-input\">` with options as you normally would. The JavaScript will then parse that element and its options and convert the HTML layout to what is expected to implement the more complex and customized select dropdown input.\n\n### Toggle checkbox control\n\nThe style of this control is taken from the UI toolkit. To implement in a Whiplash UI application, create an element `<input type=\"checkbox\" class=\"toggle-input\">` and the JS will create the required HTML structure to facilitate the complex styling of the element.\n\n### Checkbox\n\n```\n<div class=\"check-box\">\n  <input id=\"test\" type=\"checkbox\" class=\"check-box-input\" name=\"test\" value=\"on\">\n  <span class=\"check-box-button\"></span>\n  <label for=\"test\">This is a checkbox.</label>\n</div><br>\n<div class=\"check-box\">\n  <input id=\"test\" type=\"checkbox\" class=\"check-box-input\" name=\"test\" value=\"on\">\n  <span class=\"check-box-button\"></span>\n  <label for=\"test\">This is a second checkbox.</label>\n</div>\n```\n\n\n### Dropdown/up floating menu control\n\nIn order to implement this, you need to have the following HTML structure:\n\n```\n<div class=\"dropdown-wrapper\">\n\t<button class=\"button text\" data-dropdown=\"up-menu\">Menu Button/Link</button>\n\t<div class=\"dropdown dropdown-up\" id=\"up-menu\">\n\t\t<ul class=\"dropdown-list\">\n\t\t\t<li><a href=\"#\">Stuff</a></li>\n\t\t\t<li><a href=\"#\">Biz</a></li>\n\t\t</ul>\n\t</div>\n</div>\n```\n\nThere are two orientations -- a menu that drops down uses the class `dropdown-down` on the div that wraps `dropdown-list`. A menu that pops up from the button uses the class `dropdown-up`.\n","gitHead":"4ac7690c77395644b9486151932c2a09606eed5c","scripts":{"js":"cp js/whiplash-ui.js dist/ && uglifyjs --output dist/whiplash-ui.min.js js/whiplash-ui.js","css":"npm run css:sass && npm run css:autoprefix && npm run css:minify","dist":"npm run css && npm run js","css:sass":"sass scss/whiplash-ui.scss -o dist","css:minify":"postcss dist/whiplash-ui.css --map --use cssnano -o dist/whiplash-ui.min.css","preversion":"npm run dist","css:autoprefix":"postcss -r dist/whiplash-ui.css --map --use autoprefixer -b '> 5%'"},"_npmUser":{"name":"adamkempa","email":"adam@kempa.com"},"repository":{"url":"git+ssh://git@github.com/whiplashmerch/whiplash-ui.git","type":"git"},"_npmVersion":"7.11.2","description":"UI assets for Whiplash Merch","directories":{},"_nodeVersion":"16.1.0","dependencies":{"dart-sass":"^1.25.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"cssnano":"4.1.10","postcss":"8.2.12","uglify-js":"3.6.8","postcss-cli":"8.3.1","autoprefixer":"9.7.1"},"_npmOperationalInternal":{"tmp":"tmp/whiplash-ui_0.5.7-beta.15_1621520763072_0.18677915382073396","host":"s3://npm-registry-packages"}},"0.5.7-beta.16":{"name":"whiplash-ui","version":"0.5.7-beta.16","author":{"url":"http://adamkempa.com/","name":"Adam Kempa","email":"adamkempa@gmail.com"},"license":"MIT","_id":"whiplash-ui@0.5.7-beta.16","maintainers":[{"name":"mark.dickson","email":"mark@sitesteaders.com"},{"name":"adamkempa","email":"adam@kempa.com"},{"name":"jeffgarris","email":"jeffsgarris@gmail.com"},{"name":"montch","email":"montch@gmail.com"}],"contributors":[{"name":"Adam Kempa","email":"adamkempa@gmail.com"},{"name":"Mark Dickson","email":"mark@sitesteaders.com"}],"homepage":"https://github.com/whiplashmerch/whiplash-ui#readme","bugs":{"url":"https://github.com/whiplashmerch/whiplash-ui/issues"},"dist":{"shasum":"a50ce6e71d6191655f49cc328dca86d79bf9a035","tarball":"https://registry.npmjs.org/whiplash-ui/-/whiplash-ui-0.5.7-beta.16.tgz","fileCount":32,"integrity":"sha512-/CObxNJAW0TQywuVRuI9ULPm8z4YIoEzmZr+EVnDDtdqq/zlrWMihemv4tJLJ04rzmGygv7ZO8CpcnQxwISsZQ==","signatures":[{"sig":"MEQCIDB710iwQWg/u/H8XLzwBmN2znslVRVGJ9dfh0r//QvOAiBKSqD4VY1Er63GAlxmz/hpCZaEOJd0rjgNXWDQNqyCzg==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":190196,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgpnGbCRA9TVsSAnZWagAAgGIQAJePTxhZt27T9PCgy2Lj\nc0oDHd+yTi9GE3e6NzCnWRQVd/af/ZSIni5J+RKIk5bDQeAg/Q3hykaLNY6j\n9roiagZVK8KBKDqVrgrco4YEid70Mws5whPBMfMjouUN4sh8/UVxoEvI+tU3\ncNBO0KUT868y9+7LR1T+dhw/RfgJS/sRazTHM2YGMGo13l+A9YmSku3abyLX\n/xPAeCa3TFBSwPz9avXAtIYWGREp4vMKW7nfwY85nxRMDQn8QyRjUbx+Cr3j\nELfDTi9zddQIGHGI92sWjyLN69UZrfVYkieYH2Oar6rhgWCjHVTiAFkLENXu\nM2d6QmJZrxjg0yvi12mo4ppjLHqJiqbNgceYAih1ElTbRKK4pXf0GZAQ7P83\ndldZ/xY4FO1Z/DEMYASih/dECoJuPHiklHE/hr5um6DUEpXOcu4+al4OvHF6\nIWuGPgUAcl1n8DNLIRbft5U/P/tnPosXL2n+P3gZtVtlBXy3qlL60ps6VcYQ\nfk1VfN17nImIBxAoap4R5PsmP/UV0MqvVGy4g1iKX+IPpw8a28negBfrY0b0\nDs3e2RBoNZDNkk9KewB7uoWAUf/uuMq9DtXKjyNnwUarRnssu8CdI73QYNfb\nqfUBqYMHue30YHjv1kv7TCPAwfpZ3ymSmSGYAFUgP/yUXLD9QauZ3rVuFS58\nDJwS\r\n=6JYj\r\n-----END PGP SIGNATURE-----\r\n"},"main":"/dist/whiplash-ui.js","readme":"# whiplash-ui\nA library of global UI elements for use across Whiplash applications.\n\n\n## Usage\n\nTo implement the Whiplash UI, run `yarn add whiplash-ui` in your project's root directory.\n\nIn your `application.css` add the line:\n\n```\n*= require whiplash-ui/stylesheets/application\n```\n\nIn your `application.js` add the line:\n\n```\n//= require whiplash-ui/javascripts/behavior\n```\n\n## Elements\n\n### DotLoader loading indicator\n\nThis functionality is pulled right from the UI toolkit living style guide. To implement, create an element `<div class=\"loader-wrapper\">` and the JS will populate it with the necessary children for animation when the page loads.\n\n### SelectBox select input field\n\nThis component style is taken from the UI toolkit. To implement this style in a Whiplash UI-styled application, create an element `<select class=\"select-input\">` with options as you normally would. The JavaScript will then parse that element and its options and convert the HTML layout to what is expected to implement the more complex and customized select dropdown input.\n\n### Toggle checkbox control\n\nThe style of this control is taken from the UI toolkit. To implement in a Whiplash UI application, create an element `<input type=\"checkbox\" class=\"toggle-input\">` and the JS will create the required HTML structure to facilitate the complex styling of the element.\n\n### Checkbox\n\n```\n<div class=\"check-box\">\n  <input id=\"test\" type=\"checkbox\" class=\"check-box-input\" name=\"test\" value=\"on\">\n  <span class=\"check-box-button\"></span>\n  <label for=\"test\">This is a checkbox.</label>\n</div><br>\n<div class=\"check-box\">\n  <input id=\"test\" type=\"checkbox\" class=\"check-box-input\" name=\"test\" value=\"on\">\n  <span class=\"check-box-button\"></span>\n  <label for=\"test\">This is a second checkbox.</label>\n</div>\n```\n\n\n### Dropdown/up floating menu control\n\nIn order to implement this, you need to have the following HTML structure:\n\n```\n<div class=\"dropdown-wrapper\">\n\t<button class=\"button text\" data-dropdown=\"up-menu\">Menu Button/Link</button>\n\t<div class=\"dropdown dropdown-up\" id=\"up-menu\">\n\t\t<ul class=\"dropdown-list\">\n\t\t\t<li><a href=\"#\">Stuff</a></li>\n\t\t\t<li><a href=\"#\">Biz</a></li>\n\t\t</ul>\n\t</div>\n</div>\n```\n\nThere are two orientations -- a menu that drops down uses the class `dropdown-down` on the div that wraps `dropdown-list`. A menu that pops up from the button uses the class `dropdown-up`.\n","gitHead":"4ac7690c77395644b9486151932c2a09606eed5c","scripts":{"js":"cp js/whiplash-ui.js dist/ && uglifyjs --output dist/whiplash-ui.min.js js/whiplash-ui.js","css":"npm run css:sass && npm run css:autoprefix && npm run css:minify","dist":"npm run css && npm run js","css:sass":"sass scss/whiplash-ui.scss -o dist","css:minify":"postcss dist/whiplash-ui.css --map --use cssnano -o dist/whiplash-ui.min.css","preversion":"npm run dist","css:autoprefix":"postcss -r dist/whiplash-ui.css --map --use autoprefixer -b '> 5%'"},"_npmUser":{"name":"adamkempa","email":"adam@kempa.com"},"repository":{"url":"git+ssh://git@github.com/whiplashmerch/whiplash-ui.git","type":"git"},"_npmVersion":"7.11.2","description":"UI assets for Whiplash Merch","directories":{},"_nodeVersion":"16.1.0","dependencies":{"dart-sass":"^1.25.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"cssnano":"4.1.10","postcss":"8.2.12","uglify-js":"3.6.8","postcss-cli":"8.3.1","autoprefixer":"9.7.1"},"_npmOperationalInternal":{"tmp":"tmp/whiplash-ui_0.5.7-beta.16_1621520794495_0.13590829360647327","host":"s3://npm-registry-packages"}},"0.5.7-beta.17":{"name":"whiplash-ui","version":"0.5.7-beta.17","author":{"url":"http://adamkempa.com/","name":"Adam Kempa","email":"adamkempa@gmail.com"},"license":"MIT","_id":"whiplash-ui@0.5.7-beta.17","maintainers":[{"name":"mark.dickson","email":"mark@sitesteaders.com"},{"name":"adamkempa","email":"adam@kempa.com"},{"name":"jeffgarris","email":"jeffsgarris@gmail.com"},{"name":"montch","email":"montch@gmail.com"}],"contributors":[{"name":"Adam Kempa","email":"adamkempa@gmail.com"},{"name":"Mark Dickson","email":"mark@sitesteaders.com"}],"homepage":"https://github.com/whiplashmerch/whiplash-ui#readme","bugs":{"url":"https://github.com/whiplashmerch/whiplash-ui/issues"},"dist":{"shasum":"f18cd1453e57d529d8eab91816066e85f9db3608","tarball":"https://registry.npmjs.org/whiplash-ui/-/whiplash-ui-0.5.7-beta.17.tgz","fileCount":32,"integrity":"sha512-gDkf6mjuktmF9r3Wuq2EATd5Ed+z5zb8ZBEQ75X8o6OanRwxOgtOF2Fle4IlCNM7dYtFjNrQkJWiSz+Uo9XXGA==","signatures":[{"sig":"MEUCIAnmUsXXz2gag0gJp4Nbu5jytjb6TgNWbB1HqeythCcbAiEA3Bjt/+NiN81UZkxEhMJK4M+eaIOpgire2XktsRhjW4o=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":190198,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgpqusCRA9TVsSAnZWagAA5foP/io2NNRhxnHrZ9MeKYFg\nAzSkU3Ce3SStjg6dkWg0BdFnllS7Q6cQwjY2Goq5nPEIaKMVjlekOeuFBzUC\n/Sbi+AwE2j+WN8xJf6r/f/4Ru1ebnijUB+cWtsWMDB5p7SYL24AxFN1RE/2P\nS3Bsfm5so7OGzysCT5im2inglZvoCD+UwXEGZCh/Dr3L7ZDKzbPdAArycx5B\nW4MvF5ra5QtMnlyn1R+0+YCJwEe8N6EGMEVOZsPjT8pA6wXjKhTxGJL4joxb\nw32UWIU8UkCpza1/rpzNj0AKezT+U07apbyPJCUwE5wAxyCLDflBE8+xPfyc\nFpuDqEqz2B77SvArdWXtCzV3WZldPECZw+34aGuSwMVkrOgB3uuYUBLYUNLD\nuwRkgDRTU9fvOn0gappGPRDtl7p32X12UtoPoXrjlBNXtXLlvPtkrM3lYhsK\npBgnr6S0uwo1qH3WEEjxPd6xc98RKFWiIKOhuYK3JMMDbPa6rkMba1XqrW5a\ncmBMQHyNSmEyWry8e77+2q/oF2YUPKOC/i/+mrb6bpcPobfVQF7i2p1VDKDa\nwx+paPBNjkKSPVHQeyk7TOwAe9zYh7rbc0eza2vBOFMIsidFaFBjQuUgrqLZ\nTcZh/Y80n9s72JgtVaaaNiOtuLcWzXKih3kcDSUhO3wh8IhHp+d9N5XPwq7r\nyEvN\r\n=8+FI\r\n-----END PGP SIGNATURE-----\r\n"},"main":"/dist/whiplash-ui.js","readme":"# whiplash-ui\nA library of global UI elements for use across Whiplash applications.\n\n\n## Usage\n\nTo implement the Whiplash UI, run `yarn add whiplash-ui` in your project's root directory.\n\nIn your `application.css` add the line:\n\n```\n*= require whiplash-ui/stylesheets/application\n```\n\nIn your `application.js` add the line:\n\n```\n//= require whiplash-ui/javascripts/behavior\n```\n\n## Elements\n\n### DotLoader loading indicator\n\nThis functionality is pulled right from the UI toolkit living style guide. To implement, create an element `<div class=\"loader-wrapper\">` and the JS will populate it with the necessary children for animation when the page loads.\n\n### SelectBox select input field\n\nThis component style is taken from the UI toolkit. To implement this style in a Whiplash UI-styled application, create an element `<select class=\"select-input\">` with options as you normally would. The JavaScript will then parse that element and its options and convert the HTML layout to what is expected to implement the more complex and customized select dropdown input.\n\n### Toggle checkbox control\n\nThe style of this control is taken from the UI toolkit. To implement in a Whiplash UI application, create an element `<input type=\"checkbox\" class=\"toggle-input\">` and the JS will create the required HTML structure to facilitate the complex styling of the element.\n\n### Checkbox\n\n```\n<div class=\"check-box\">\n  <input id=\"test\" type=\"checkbox\" class=\"check-box-input\" name=\"test\" value=\"on\">\n  <span class=\"check-box-button\"></span>\n  <label for=\"test\">This is a checkbox.</label>\n</div><br>\n<div class=\"check-box\">\n  <input id=\"test\" type=\"checkbox\" class=\"check-box-input\" name=\"test\" value=\"on\">\n  <span class=\"check-box-button\"></span>\n  <label for=\"test\">This is a second checkbox.</label>\n</div>\n```\n\n\n### Dropdown/up floating menu control\n\nIn order to implement this, you need to have the following HTML structure:\n\n```\n<div class=\"dropdown-wrapper\">\n\t<button class=\"button text\" data-dropdown=\"up-menu\">Menu Button/Link</button>\n\t<div class=\"dropdown dropdown-up\" id=\"up-menu\">\n\t\t<ul class=\"dropdown-list\">\n\t\t\t<li><a href=\"#\">Stuff</a></li>\n\t\t\t<li><a href=\"#\">Biz</a></li>\n\t\t</ul>\n\t</div>\n</div>\n```\n\nThere are two orientations -- a menu that drops down uses the class `dropdown-down` on the div that wraps `dropdown-list`. A menu that pops up from the button uses the class `dropdown-up`.\n","gitHead":"4ac7690c77395644b9486151932c2a09606eed5c","scripts":{"js":"cp js/whiplash-ui.js dist/ && uglifyjs --output dist/whiplash-ui.min.js js/whiplash-ui.js","css":"npm run css:sass && npm run css:autoprefix && npm run css:minify","dist":"npm run css && npm run js","css:sass":"sass scss/whiplash-ui.scss -o dist","css:minify":"postcss dist/whiplash-ui.css --map --use cssnano -o dist/whiplash-ui.min.css","preversion":"npm run dist","css:autoprefix":"postcss -r dist/whiplash-ui.css --map --use autoprefixer -b '> 5%'"},"_npmUser":{"name":"adamkempa","email":"adam@kempa.com"},"repository":{"url":"git+ssh://git@github.com/whiplashmerch/whiplash-ui.git","type":"git"},"_npmVersion":"7.11.2","description":"UI assets for Whiplash Merch","directories":{},"_nodeVersion":"16.1.0","dependencies":{"dart-sass":"^1.25.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"cssnano":"4.1.10","postcss":"8.2.12","uglify-js":"3.6.8","postcss-cli":"8.3.1","autoprefixer":"9.7.1"},"_npmOperationalInternal":{"tmp":"tmp/whiplash-ui_0.5.7-beta.17_1621535659858_0.8064089493201989","host":"s3://npm-registry-packages"}},"0.5.7-beta.18":{"name":"whiplash-ui","version":"0.5.7-beta.18","author":{"url":"http://adamkempa.com/","name":"Adam Kempa","email":"adamkempa@gmail.com"},"license":"MIT","_id":"whiplash-ui@0.5.7-beta.18","maintainers":[{"name":"mark.dickson","email":"mark@sitesteaders.com"},{"name":"adamkempa","email":"adam@kempa.com"},{"name":"jeffgarris","email":"jeffsgarris@gmail.com"},{"name":"montch","email":"montch@gmail.com"}],"contributors":[{"name":"Adam Kempa","email":"adamkempa@gmail.com"},{"name":"Mark Dickson","email":"mark@sitesteaders.com"}],"homepage":"https://github.com/whiplashmerch/whiplash-ui#readme","bugs":{"url":"https://github.com/whiplashmerch/whiplash-ui/issues"},"dist":{"shasum":"a36c01118f4762617bb36c7d714c8250389168f2","tarball":"https://registry.npmjs.org/whiplash-ui/-/whiplash-ui-0.5.7-beta.18.tgz","fileCount":32,"integrity":"sha512-tGdAiJSlor88cCo+yCXvVojP7MQHvbGtab4zuvDLa3N5dYsLnM3EvcV/9Aa9dbTiGvPSiP/NGtJUB7ybyvgrEA==","signatures":[{"sig":"MEQCIG6wfMrjqGTSM3VQBlJOAd1BoDWTUafyKUkdSPH28FTVAiAyE9sEGYEIdxGJZL9ygB+AhYiZYRDWXCfwATOWOe3R4g==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":190198,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgqA9XCRA9TVsSAnZWagAA+NgP/i/43m3U3n5fugCFLyM3\nbpLEZ/gA9JnEBP9+l+6FGIrLzzA7Bl5HZQ/9iq36qj5BxKdVPJ6t4MUbipHZ\nMz4vNcfgRL0DVy4JJn0yF1kaaTyJDUSJm07YhT6K3jgs8W3sIqz0mJFjKiK3\n8piLQPffnTanDrEeROoAPh960UvWFmmBcWfZz2RItDGQQeHILHLBz7rVloXZ\nbqcFQLfPDHWJXmJBTmYD/6PgrF4ZwW/rfoqaJc91THXOkKur5HIxQkzPfMgM\nytXQOI+W58FwLKmBNqfuZnNWZh9IxMX5QV1rtPzs2BK4TPiNFvfrCbE4eDKy\n1nv5aQ9ATZmrgh5+3fw6Hjcc2nLa/6O4tDAf7Iw1gEzCSEtqd3A6xKuRG/wy\n9Ievo/OXff5JGhziMn3FX9o7kty5Hwf2fUS4viAJDP7l2QLeK8qDKo+X5ktj\nrZrHIWP+B2InRAaSSfPHLzmWhh1BgmgSeCW4F2/8ge5kgjIkehB7DB+liQ4C\nQBKKcQVbsRNi7HHYPLG8KjV7vg2tjYGeZ9L9yBJ05ASip8m42aALe8X7V04q\nGbAYkHu78CROUvBbJq2xAqsv+4W7Fv5VaA0lPAq4ZJWFewDYoWy8LZy7NhNV\nxh7KrWb6EqwsBYlWgSc8iWZfMQKGDSh+6oBEkyx31fX7JdzkJ8UAXb20S2zp\n3IKf\r\n=KFI7\r\n-----END PGP SIGNATURE-----\r\n"},"main":"/dist/whiplash-ui.js","readme":"# whiplash-ui\nA library of global UI elements for use across Whiplash applications.\n\n\n## Usage\n\nTo implement the Whiplash UI, run `yarn add whiplash-ui` in your project's root directory.\n\nIn your `application.css` add the line:\n\n```\n*= require whiplash-ui/stylesheets/application\n```\n\nIn your `application.js` add the line:\n\n```\n//= require whiplash-ui/javascripts/behavior\n```\n\n## Elements\n\n### DotLoader loading indicator\n\nThis functionality is pulled right from the UI toolkit living style guide. To implement, create an element `<div class=\"loader-wrapper\">` and the JS will populate it with the necessary children for animation when the page loads.\n\n### SelectBox select input field\n\nThis component style is taken from the UI toolkit. To implement this style in a Whiplash UI-styled application, create an element `<select class=\"select-input\">` with options as you normally would. The JavaScript will then parse that element and its options and convert the HTML layout to what is expected to implement the more complex and customized select dropdown input.\n\n### Toggle checkbox control\n\nThe style of this control is taken from the UI toolkit. To implement in a Whiplash UI application, create an element `<input type=\"checkbox\" class=\"toggle-input\">` and the JS will create the required HTML structure to facilitate the complex styling of the element.\n\n### Checkbox\n\n```\n<div class=\"check-box\">\n  <input id=\"test\" type=\"checkbox\" class=\"check-box-input\" name=\"test\" value=\"on\">\n  <span class=\"check-box-button\"></span>\n  <label for=\"test\">This is a checkbox.</label>\n</div><br>\n<div class=\"check-box\">\n  <input id=\"test\" type=\"checkbox\" class=\"check-box-input\" name=\"test\" value=\"on\">\n  <span class=\"check-box-button\"></span>\n  <label for=\"test\">This is a second checkbox.</label>\n</div>\n```\n\n\n### Dropdown/up floating menu control\n\nIn order to implement this, you need to have the following HTML structure:\n\n```\n<div class=\"dropdown-wrapper\">\n\t<button class=\"button text\" data-dropdown=\"up-menu\">Menu Button/Link</button>\n\t<div class=\"dropdown dropdown-up\" id=\"up-menu\">\n\t\t<ul class=\"dropdown-list\">\n\t\t\t<li><a href=\"#\">Stuff</a></li>\n\t\t\t<li><a href=\"#\">Biz</a></li>\n\t\t</ul>\n\t</div>\n</div>\n```\n\nThere are two orientations -- a menu that drops down uses the class `dropdown-down` on the div that wraps `dropdown-list`. A menu that pops up from the button uses the class `dropdown-up`.\n","gitHead":"0d5cfa68892078d78674e94ef6dc3cdb4dbbaabe","scripts":{"js":"cp js/whiplash-ui.js dist/ && uglifyjs --output dist/whiplash-ui.min.js js/whiplash-ui.js","css":"npm run css:sass && npm run css:autoprefix && npm run css:minify","dist":"npm run css && npm run js","css:sass":"sass scss/whiplash-ui.scss -o dist","css:minify":"postcss dist/whiplash-ui.css --map --use cssnano -o dist/whiplash-ui.min.css","preversion":"npm run dist","css:autoprefix":"postcss -r dist/whiplash-ui.css --map --use autoprefixer -b '> 5%'"},"_npmUser":{"name":"adamkempa","email":"adam@kempa.com"},"repository":{"url":"git+ssh://git@github.com/whiplashmerch/whiplash-ui.git","type":"git"},"_npmVersion":"7.11.2","description":"UI assets for Whiplash Merch","directories":{},"_nodeVersion":"16.1.0","dependencies":{"dart-sass":"^1.25.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"cssnano":"4.1.10","postcss":"8.2.12","uglify-js":"3.6.8","postcss-cli":"8.3.1","autoprefixer":"9.7.1"},"_npmOperationalInternal":{"tmp":"tmp/whiplash-ui_0.5.7-beta.18_1621626711275_0.8085056940538264","host":"s3://npm-registry-packages"}},"0.5.9-beta.0":{"name":"whiplash-ui","version":"0.5.9-beta.0","author":{"url":"http://adamkempa.com/","name":"Adam Kempa","email":"adamkempa@gmail.com"},"license":"MIT","_id":"whiplash-ui@0.5.9-beta.0","maintainers":[{"name":"mark.dickson","email":"mark@sitesteaders.com"},{"name":"lhillary86","email":"lydia.hillary@gmail.com"},{"name":"adamkempa","email":"adam@kempa.com"},{"name":"jeffgarris","email":"jeffsgarris@gmail.com"},{"name":"montch","email":"montch@gmail.com"}],"contributors":[{"name":"Adam Kempa","email":"adamkempa@gmail.com"},{"name":"Mark Dickson","email":"mark@sitesteaders.com"}],"homepage":"https://github.com/whiplashmerch/whiplash-ui#readme","bugs":{"url":"https://github.com/whiplashmerch/whiplash-ui/issues"},"dist":{"shasum":"a462a62f4dc77e62062f8e88948bd65a6fe73bd7","tarball":"https://registry.npmjs.org/whiplash-ui/-/whiplash-ui-0.5.9-beta.0.tgz","fileCount":39,"integrity":"sha512-XvAlgR5g0lMc7jgnjHyFyA8OYkW3gm9E7wIf5LEDny8DJA3glPDY2BI+WnR8TuS6yU7n5IvOKc5fYFZPdXgYWw==","signatures":[{"sig":"MEQCIER3bnZY77KJhY4A2sFtRfQbHSxjTcUyBSozYdCqD+gLAiB+3ssTUIg6Xpow5Kg6LZEzTEH1wV4mzmDyhE6STk7sIg==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":200324,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhFBT3CRA9TVsSAnZWagAApawP/2vUAalyM98r950eUn8o\n0xQzuLGn19guo9E4IGJCvSenHiJ3o1nsUkBZiWXvPjsbfDOTlKNESx54GJvv\njrUbrAGzqySgGmSqcsHiZTcOQXJFzPpvvzqbilctTJSms3QUHCl1d9iJ3HGw\n10V7xnGNvuPkgL83bPvd6FLyt1yV8h9i7YdYoOxyzbW4CrRDwHEEgLeQsvD6\n50SCpN0qStCLJRYjg0wIJsAPtrmmd/wlc2S0ULfihFUsD3Jnl490O0mI6+TD\nwkfXA2Rq6LXhupwB892ACU5L/bkNhX6Jd+NhqowmSKPplPJ1pZRL0XR9CH59\nK2Cps/gLsIVdTQgqr+xDAMT/Ti780hrOR6W1PHWj0lQGnP/JJtl+LrptU/jO\nk6VfcBAwywWqtIHz5UoRfnb8qLDEQIMQdYdpz4DUHSdjmBkym5j8yqww9c0M\nJp5Ec8JCbnEXTXF6+Pt9a1CSLOXU/yhUx3SgiaY70ak1vkMGW6ykOQGvvxnP\nwMY9Mkx4Z+D9IWfJD3SWb26o2y978hhcd2mCpdsjZ/3XlNbX4IiukPWC2q2K\nzQaLljd7uH9gajNZx5qNE+BAc+Pk77mY8sU8Rl2GPoGBav0h6zi0sBHjr0hE\nXIGVnQG0J6G5mBLpGBI8mg1J1n25hSmZO9lfittx5o426e6+V9Yn7oQ6OsR3\nQC94\r\n=OOsJ\r\n-----END PGP SIGNATURE-----\r\n"},"main":"/dist/whiplash-ui.js","readme":"# whiplash-ui\nA library of global UI elements for use across Whiplash applications.\n\n\n## Usage\n\nTo implement the Whiplash UI, run `yarn add whiplash-ui` in your project's root directory.\n\nIn your `application.css` add the line:\n\n```\n*= require whiplash-ui/stylesheets/application\n```\n\nIn your `application.js` add the line:\n\n```\n//= require whiplash-ui/javascripts/behavior\n```\n\n## Elements\n\n### DotLoader loading indicator\n\nThis functionality is pulled right from the UI toolkit living style guide. To implement, create an element `<div class=\"loader-wrapper\">` and the JS will populate it with the necessary children for animation when the page loads.\n\n### SelectBox select input field\n\nThis component style is taken from the UI toolkit. To implement this style in a Whiplash UI-styled application, create an element `<select class=\"select-input\">` with options as you normally would. The JavaScript will then parse that element and its options and convert the HTML layout to what is expected to implement the more complex and customized select dropdown input.\n\n### Toggle checkbox control\n\nThe style of this control is taken from the UI toolkit. To implement in a Whiplash UI application, create an element `<input type=\"checkbox\" class=\"toggle-input\">` and the JS will create the required HTML structure to facilitate the complex styling of the element.\n\n### Checkbox\n\n```\n<div class=\"check-box\">\n  <input id=\"test\" type=\"checkbox\" class=\"check-box-input\" name=\"test\" value=\"on\">\n  <span class=\"check-box-button\"></span>\n  <label for=\"test\">This is a checkbox.</label>\n</div><br>\n<div class=\"check-box\">\n  <input id=\"test\" type=\"checkbox\" class=\"check-box-input\" name=\"test\" value=\"on\">\n  <span class=\"check-box-button\"></span>\n  <label for=\"test\">This is a second checkbox.</label>\n</div>\n```\n\n\n### Dropdown/up floating menu control\n\nIn order to implement this, you need to have the following HTML structure:\n\n```\n<div class=\"dropdown-wrapper\">\n\t<button class=\"button text\" data-dropdown=\"up-menu\">Menu Button/Link</button>\n\t<div class=\"dropdown dropdown-up\" id=\"up-menu\">\n\t\t<ul class=\"dropdown-list\">\n\t\t\t<li><a href=\"#\">Stuff</a></li>\n\t\t\t<li><a href=\"#\">Biz</a></li>\n\t\t</ul>\n\t</div>\n</div>\n```\n\nThere are two orientations -- a menu that drops down uses the class `dropdown-down` on the div that wraps `dropdown-list`. A menu that pops up from the button uses the class `dropdown-up`.\n","gitHead":"b2e7571b1b6a1c9cdfcfc9b651e20b34968daba3","scripts":{"js":"cp js/whiplash-ui.js dist/ && uglifyjs --output dist/whiplash-ui.min.js js/whiplash-ui.js","css":"npm run css:sass && npm run css:autoprefix && npm run css:minify","dist":"npm run css && npm run js","css:sass":"sass scss/whiplash-ui.scss dist/whiplash-ui.css","css:minify":"postcss dist/whiplash-ui.css --map --use cssnano -o dist/whiplash-ui.min.css","preversion":"npm run dist","css:autoprefix":"postcss -r dist/whiplash-ui.css --map --use autoprefixer -b '> 5%'"},"_npmUser":{"name":"lhillary86","email":"lydia.hillary@gmail.com"},"repository":{"url":"git+ssh://git@github.com/whiplashmerch/whiplash-ui.git","type":"git"},"_npmVersion":"7.15.1","description":"UI assets for Whiplash Merch","directories":{},"_nodeVersion":"16.3.0","dependencies":{"dart-sass":"^1.25.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"cssnano":"4.1.10","postcss":"8.2.12","uglify-js":"3.6.8","postcss-cli":"8.3.1","autoprefixer":"9.7.1"},"_npmOperationalInternal":{"tmp":"tmp/whiplash-ui_0.5.9-beta.0_1628706039293_0.03279771949355914","host":"s3://npm-registry-packages"}},"0.5.9-beta.1":{"name":"whiplash-ui","version":"0.5.9-beta.1","author":{"url":"http://adamkempa.com/","name":"Adam Kempa","email":"adamkempa@gmail.com"},"license":"MIT","_id":"whiplash-ui@0.5.9-beta.1","maintainers":[{"name":"mark.dickson","email":"mark@sitesteaders.com"},{"name":"lhillary86","email":"lydia.hillary@gmail.com"},{"name":"adamkempa","email":"adam@kempa.com"},{"name":"jeffgarris","email":"jeffsgarris@gmail.com"},{"name":"montch","email":"montch@gmail.com"}],"contributors":[{"name":"Adam Kempa","email":"adamkempa@gmail.com"},{"name":"Mark Dickson","email":"mark@sitesteaders.com"}],"homepage":"https://github.com/whiplashmerch/whiplash-ui#readme","bugs":{"url":"https://github.com/whiplashmerch/whiplash-ui/issues"},"dist":{"shasum":"e7b138f9cf907283cf3a9670c7d66c3f1105d4c8","tarball":"https://registry.npmjs.org/whiplash-ui/-/whiplash-ui-0.5.9-beta.1.tgz","fileCount":44,"integrity":"sha512-GNUhGt05njRexamyt9wZI8xv/T2+MT0DLMLQ/Nq86caQ247BZsk3iUPyqJkPnIVWo0sqWlyLKusp7l54i5mLTA==","signatures":[{"sig":"MEUCIGod840BZnBegWlW+IasejDliARAFOCql3GgRScO5osHAiEAoCp+B6AHKD6XOoF4irPdrtr82YZbnGu7aFgVQ6uZRog=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":234378},"main":"/dist/whiplash-ui.js","readme":"# whiplash-ui\nA library of global UI elements for use across Whiplash applications.\n\n\n## Usage\n\nTo implement the Whiplash UI, run `yarn add whiplash-ui` in your project's root directory.\n\nIn your `application.css` add the line:\n\n```\n*= require whiplash-ui/stylesheets/application\n```\n\nIn your `application.js` add the line:\n\n```\n//= require whiplash-ui/javascripts/behavior\n```\n\n## Elements\n\n### DotLoader loading indicator\n\nThis functionality is pulled right from the UI toolkit living style guide. To implement, create an element `<div class=\"loader-wrapper\">` and the JS will populate it with the necessary children for animation when the page loads.\n\n### SelectBox select input field\n\nThis component style is taken from the UI toolkit. To implement this style in a Whiplash UI-styled application, create an element `<select class=\"select-input\">` with options as you normally would. The JavaScript will then parse that element and its options and convert the HTML layout to what is expected to implement the more complex and customized select dropdown input.\n\n### Toggle checkbox control\n\nThe style of this control is taken from the UI toolkit. To implement in a Whiplash UI application, create an element `<input type=\"checkbox\" class=\"toggle-input\">` and the JS will create the required HTML structure to facilitate the complex styling of the element.\n\n### Checkbox\n\n```\n<div class=\"check-box\">\n  <input id=\"test\" type=\"checkbox\" class=\"check-box-input\" name=\"test\" value=\"on\">\n  <span class=\"check-box-button\"></span>\n  <label for=\"test\">This is a checkbox.</label>\n</div><br>\n<div class=\"check-box\">\n  <input id=\"test\" type=\"checkbox\" class=\"check-box-input\" name=\"test\" value=\"on\">\n  <span class=\"check-box-button\"></span>\n  <label for=\"test\">This is a second checkbox.</label>\n</div>\n```\n\n\n### Dropdown/up floating menu control\n\nIn order to implement this, you need to have the following HTML structure:\n\n```\n<div class=\"dropdown-wrapper\">\n\t<button class=\"button text\" data-dropdown=\"up-menu\">Menu Button/Link</button>\n\t<div class=\"dropdown dropdown-up\" id=\"up-menu\">\n\t\t<ul class=\"dropdown-list\">\n\t\t\t<li><a href=\"#\">Stuff</a></li>\n\t\t\t<li><a href=\"#\">Biz</a></li>\n\t\t</ul>\n\t</div>\n</div>\n```\n\nThere are two orientations -- a menu that drops down uses the class `dropdown-down` on the div that wraps `dropdown-list`. A menu that pops up from the button uses the class `dropdown-up`.\n","gitHead":"0107efc75017c7173f05e1723aaf060a932a0699","scripts":{"js":"cp js/whiplash-ui.js dist/ && uglifyjs --output dist/whiplash-ui.min.js js/whiplash-ui.js","css":"npm run css:sass && npm run css:autoprefix && npm run css:minify","dist":"npm run css && npm run js","css:sass":"sass scss/whiplash-ui.scss dist/whiplash-ui.css","css:minify":"postcss dist/whiplash-ui.css --map --use cssnano -o dist/whiplash-ui.min.css","preversion":"npm run dist","css:autoprefix":"postcss -r dist/whiplash-ui.css --map --use autoprefixer -b '> 5%'"},"_npmUser":{"name":"lhillary86","email":"lydia.hillary@gmail.com"},"repository":{"url":"git+ssh://git@github.com/whiplashmerch/whiplash-ui.git","type":"git"},"_npmVersion":"7.15.1","description":"UI assets for Whiplash Merch","directories":{},"_nodeVersion":"16.3.0","dependencies":{"dart-sass":"^1.25.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"cssnano":"4.1.10","postcss":"8.2.12","uglify-js":"3.6.8","postcss-cli":"8.3.1","autoprefixer":"9.7.1"},"_npmOperationalInternal":{"tmp":"tmp/whiplash-ui_0.5.9-beta.1_1633028592340_0.16893587516436281","host":"s3://npm-registry-packages"}},"0.5.9-beta.2":{"name":"whiplash-ui","version":"0.5.9-beta.2","author":{"url":"http://adamkempa.com/","name":"Adam Kempa","email":"adamkempa@gmail.com"},"license":"MIT","_id":"whiplash-ui@0.5.9-beta.2","maintainers":[{"name":"mark.dickson","email":"mark@sitesteaders.com"},{"name":"lhillary86","email":"lydia.hillary@gmail.com"},{"name":"adamkempa","email":"adam@kempa.com"},{"name":"jeffgarris","email":"jeffsgarris@gmail.com"},{"name":"montch","email":"montch@gmail.com"}],"contributors":[{"name":"Adam Kempa","email":"adamkempa@gmail.com"},{"name":"Mark Dickson","email":"mark@sitesteaders.com"}],"homepage":"https://github.com/whiplashmerch/whiplash-ui#readme","bugs":{"url":"https://github.com/whiplashmerch/whiplash-ui/issues"},"dist":{"shasum":"1eac634f8fd4c3ca96a952d5cee136262b45633d","tarball":"https://registry.npmjs.org/whiplash-ui/-/whiplash-ui-0.5.9-beta.2.tgz","fileCount":44,"integrity":"sha512-MXXZOGPKxgHwu9PQ4arXHUKSfClHQEFxVySk2Bp1NrawW4IikbdqlbIxjE9NTROyvbYpJDbBjgEpmvMjTUaYXA==","signatures":[{"sig":"MEUCIQDi1Jp8NDeAg/hu4z1mTtnlDmC7FiVc0jESYfRWImsLgAIgBAjctiqwRLZKxUM8X2dFvb6ukA0B2HGvJb4sF73FYAU=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":260664},"main":"/dist/whiplash-ui.js","readme":"# whiplash-ui\nA library of global UI elements for use across Whiplash applications.\n\n\n## Usage\n\nTo implement the Whiplash UI, run `yarn add whiplash-ui` in your project's root directory.\n\nIn your `application.css` add the line:\n\n```\n*= require whiplash-ui/stylesheets/application\n```\n\nIn your `application.js` add the line:\n\n```\n//= require whiplash-ui/javascripts/behavior\n```\n\n## Elements\n\n### DotLoader loading indicator\n\nThis functionality is pulled right from the UI toolkit living style guide. To implement, create an element `<div class=\"loader-wrapper\">` and the JS will populate it with the necessary children for animation when the page loads.\n\n### SelectBox select input field\n\nThis component style is taken from the UI toolkit. To implement this style in a Whiplash UI-styled application, create an element `<select class=\"select-input\">` with options as you normally would. The JavaScript will then parse that element and its options and convert the HTML layout to what is expected to implement the more complex and customized select dropdown input.\n\n### Toggle checkbox control\n\nThe style of this control is taken from the UI toolkit. To implement in a Whiplash UI application, create an element `<input type=\"checkbox\" class=\"toggle-input\">` and the JS will create the required HTML structure to facilitate the complex styling of the element.\n\n### Checkbox\n\n```\n<div class=\"check-box\">\n  <input id=\"test\" type=\"checkbox\" class=\"check-box-input\" name=\"test\" value=\"on\">\n  <span class=\"check-box-button\"></span>\n  <label for=\"test\">This is a checkbox.</label>\n</div><br>\n<div class=\"check-box\">\n  <input id=\"test\" type=\"checkbox\" class=\"check-box-input\" name=\"test\" value=\"on\">\n  <span class=\"check-box-button\"></span>\n  <label for=\"test\">This is a second checkbox.</label>\n</div>\n```\n\n\n### Dropdown/up floating menu control\n\nIn order to implement this, you need to have the following HTML structure:\n\n```\n<div class=\"dropdown-wrapper\">\n\t<button class=\"button text\" data-dropdown=\"up-menu\">Menu Button/Link</button>\n\t<div class=\"dropdown dropdown-up\" id=\"up-menu\">\n\t\t<ul class=\"dropdown-list\">\n\t\t\t<li><a href=\"#\">Stuff</a></li>\n\t\t\t<li><a href=\"#\">Biz</a></li>\n\t\t</ul>\n\t</div>\n</div>\n```\n\nThere are two orientations -- a menu that drops down uses the class `dropdown-down` on the div that wraps `dropdown-list`. A menu that pops up from the button uses the class `dropdown-up`.\n","gitHead":"0811209ce13d946820b9a527104ec17e6a91e804","scripts":{"js":"cp js/whiplash-ui.js dist/ && uglifyjs --output dist/whiplash-ui.min.js js/whiplash-ui.js","css":"npm run css:sass && npm run css:autoprefix && npm run css:minify","dist":"npm run css && npm run js","css:sass":"sass scss/whiplash-ui.scss dist/whiplash-ui.css","css:minify":"postcss dist/whiplash-ui.css --map --use cssnano -o dist/whiplash-ui.min.css","preversion":"npm run dist","css:autoprefix":"postcss -r dist/whiplash-ui.css --map --use autoprefixer -b '> 5%'"},"_npmUser":{"name":"lhillary86","email":"lydia.hillary@gmail.com"},"repository":{"url":"git+ssh://git@github.com/whiplashmerch/whiplash-ui.git","type":"git"},"_npmVersion":"7.15.1","description":"UI assets for Whiplash Merch","directories":{},"_nodeVersion":"16.3.0","dependencies":{"dart-sass":"^1.25.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"cssnano":"4.1.10","postcss":"8.2.12","uglify-js":"3.6.8","postcss-cli":"8.3.1","autoprefixer":"9.7.1"},"_npmOperationalInternal":{"tmp":"tmp/whiplash-ui_0.5.9-beta.2_1633106412561_0.6008783535958273","host":"s3://npm-registry-packages"}},"0.5.9-beta.3":{"name":"whiplash-ui","version":"0.5.9-beta.3","author":{"url":"http://adamkempa.com/","name":"Adam Kempa","email":"adamkempa@gmail.com"},"license":"MIT","_id":"whiplash-ui@0.5.9-beta.3","maintainers":[{"name":"mark.dickson","email":"mark@sitesteaders.com"},{"name":"lhillary86","email":"lydia.hillary@gmail.com"},{"name":"adamkempa","email":"adam@kempa.com"},{"name":"jeffgarris","email":"jeffsgarris@gmail.com"},{"name":"montch","email":"montch@gmail.com"}],"contributors":[{"name":"Adam Kempa","email":"adamkempa@gmail.com"},{"name":"Mark Dickson","email":"mark@sitesteaders.com"}],"homepage":"https://github.com/whiplashmerch/whiplash-ui#readme","bugs":{"url":"https://github.com/whiplashmerch/whiplash-ui/issues"},"dist":{"shasum":"f2e18dda04d4e0ed2895182bfb41a3958f918cc5","tarball":"https://registry.npmjs.org/whiplash-ui/-/whiplash-ui-0.5.9-beta.3.tgz","fileCount":45,"integrity":"sha512-p02A9xvkgsMI5jjEayjJ3bwbN0HuGG0M52CdTOH9cUcgJiVYG05KFMgaU4yDHzqXumtGLG1Oug9lpJjuQWOnew==","signatures":[{"sig":"MEQCIQD1M94eHVCbtVrJY9Af+3zJpM0NrsuJDv0/PxXgNAD6RwIfQgpuz7FyPvWO9u0bgQNVwB0XKezMsZfktyZJF1lIEQ==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":266803},"main":"/dist/whiplash-ui.js","readme":"# whiplash-ui\nA library of global UI elements for use across Whiplash applications.\n\n\n## Usage\n\nTo implement the Whiplash UI, run `yarn add whiplash-ui` in your project's root directory.\n\nIn your `application.css` add the line:\n\n```\n*= require whiplash-ui/stylesheets/application\n```\n\nIn your `application.js` add the line:\n\n```\n//= require whiplash-ui/javascripts/behavior\n```\n\n## Elements\n\n### DotLoader loading indicator\n\nThis functionality is pulled right from the UI toolkit living style guide. To implement, create an element `<div class=\"loader-wrapper\">` and the JS will populate it with the necessary children for animation when the page loads.\n\n### SelectBox select input field\n\nThis component style is taken from the UI toolkit. To implement this style in a Whiplash UI-styled application, create an element `<select class=\"select-input\">` with options as you normally would. The JavaScript will then parse that element and its options and convert the HTML layout to what is expected to implement the more complex and customized select dropdown input.\n\n### Toggle checkbox control\n\nThe style of this control is taken from the UI toolkit. To implement in a Whiplash UI application, create an element `<input type=\"checkbox\" class=\"toggle-input\">` and the JS will create the required HTML structure to facilitate the complex styling of the element.\n\n### Checkbox\n\n```\n<div class=\"check-box\">\n  <input id=\"test\" type=\"checkbox\" class=\"check-box-input\" name=\"test\" value=\"on\">\n  <span class=\"check-box-button\"></span>\n  <label for=\"test\">This is a checkbox.</label>\n</div><br>\n<div class=\"check-box\">\n  <input id=\"test\" type=\"checkbox\" class=\"check-box-input\" name=\"test\" value=\"on\">\n  <span class=\"check-box-button\"></span>\n  <label for=\"test\">This is a second checkbox.</label>\n</div>\n```\n\n\n### Dropdown/up floating menu control\n\nIn order to implement this, you need to have the following HTML structure:\n\n```\n<div class=\"dropdown-wrapper\">\n\t<button class=\"button text\" data-dropdown=\"up-menu\">Menu Button/Link</button>\n\t<div class=\"dropdown dropdown-up\" id=\"up-menu\">\n\t\t<ul class=\"dropdown-list\">\n\t\t\t<li><a href=\"#\">Stuff</a></li>\n\t\t\t<li><a href=\"#\">Biz</a></li>\n\t\t</ul>\n\t</div>\n</div>\n```\n\nThere are two orientations -- a menu that drops down uses the class `dropdown-down` on the div that wraps `dropdown-list`. A menu that pops up from the button uses the class `dropdown-up`.\n","gitHead":"0d44b92e669a2b19b7003e49a028f1e0f7b372e3","scripts":{"js":"cp js/whiplash-ui.js dist/ && uglifyjs --output dist/whiplash-ui.min.js js/whiplash-ui.js","css":"npm run css:sass && npm run css:autoprefix && npm run css:minify","dist":"npm run css && npm run js","css:sass":"sass scss/whiplash-ui.scss dist/whiplash-ui.css","css:minify":"postcss dist/whiplash-ui.css --map --use cssnano -o dist/whiplash-ui.min.css","preversion":"npm run dist","css:autoprefix":"postcss -r dist/whiplash-ui.css --map --use autoprefixer -b '> 5%'"},"_npmUser":{"name":"lhillary86","email":"lydia.hillary@gmail.com"},"repository":{"url":"git+ssh://git@github.com/whiplashmerch/whiplash-ui.git","type":"git"},"_npmVersion":"7.15.1","description":"UI assets for Whiplash Merch","directories":{},"_nodeVersion":"16.3.0","dependencies":{"dart-sass":"^1.25.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"cssnano":"4.1.10","postcss":"8.2.12","uglify-js":"3.6.8","postcss-cli":"8.3.1","autoprefixer":"9.7.1"},"_npmOperationalInternal":{"tmp":"tmp/whiplash-ui_0.5.9-beta.3_1633107675258_0.6793293636857727","host":"s3://npm-registry-packages"}},"0.5.9-beta.4":{"name":"whiplash-ui","version":"0.5.9-beta.4","author":{"url":"http://adamkempa.com/","name":"Adam Kempa","email":"adamkempa@gmail.com"},"license":"MIT","_id":"whiplash-ui@0.5.9-beta.4","maintainers":[{"name":"mark.dickson","email":"mark@sitesteaders.com"},{"name":"lhillary86","email":"lydia.hillary@gmail.com"},{"name":"adamkempa","email":"adam@kempa.com"},{"name":"jeffgarris","email":"jeffsgarris@gmail.com"},{"name":"montch","email":"montch@gmail.com"}],"contributors":[{"name":"Adam Kempa","email":"adamkempa@gmail.com"},{"name":"Mark Dickson","email":"mark@sitesteaders.com"}],"homepage":"https://github.com/whiplashmerch/whiplash-ui#readme","bugs":{"url":"https://github.com/whiplashmerch/whiplash-ui/issues"},"dist":{"shasum":"63b973be9ed0d4cd8e4a220602e72c39600405d5","tarball":"https://registry.npmjs.org/whiplash-ui/-/whiplash-ui-0.5.9-beta.4.tgz","fileCount":45,"integrity":"sha512-DcwLd0rA6cIHUFvIFQg7FAWjes3q9eIyNEoT2hc4KYHv3gSK9B6NtoR6Xe7YuUErneVC9AC02QPiEjrUqLhzlA==","signatures":[{"sig":"MEUCIQDPeGqeHUpFICABBppPy0fHyc3IWnl1fVJvZjIfKZMUCgIgSKYr2tCwv1tyNsuJjvxuJzAl3/lbHrQ8HLYhx8Pz3Vk=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":251236},"main":"/dist/whiplash-ui.js","readme":"# whiplash-ui\nA library of global UI elements for use across Whiplash applications.\n\n\n## Usage\n\nTo implement the Whiplash UI, run `yarn add whiplash-ui` in your project's root directory.\n\nIn your `application.css` add the line:\n\n```\n*= require whiplash-ui/stylesheets/application\n```\n\nIn your `application.js` add the line:\n\n```\n//= require whiplash-ui/javascripts/behavior\n```\n\n## Elements\n\n### DotLoader loading indicator\n\nThis functionality is pulled right from the UI toolkit living style guide. To implement, create an element `<div class=\"loader-wrapper\">` and the JS will populate it with the necessary children for animation when the page loads.\n\n### SelectBox select input field\n\nThis component style is taken from the UI toolkit. To implement this style in a Whiplash UI-styled application, create an element `<select class=\"select-input\">` with options as you normally would. The JavaScript will then parse that element and its options and convert the HTML layout to what is expected to implement the more complex and customized select dropdown input.\n\n### Toggle checkbox control\n\nThe style of this control is taken from the UI toolkit. To implement in a Whiplash UI application, create an element `<input type=\"checkbox\" class=\"toggle-input\">` and the JS will create the required HTML structure to facilitate the complex styling of the element.\n\n### Checkbox\n\n```\n<div class=\"check-box\">\n  <input id=\"test\" type=\"checkbox\" class=\"check-box-input\" name=\"test\" value=\"on\">\n  <span class=\"check-box-button\"></span>\n  <label for=\"test\">This is a checkbox.</label>\n</div><br>\n<div class=\"check-box\">\n  <input id=\"test\" type=\"checkbox\" class=\"check-box-input\" name=\"test\" value=\"on\">\n  <span class=\"check-box-button\"></span>\n  <label for=\"test\">This is a second checkbox.</label>\n</div>\n```\n\n\n### Dropdown/up floating menu control\n\nIn order to implement this, you need to have the following HTML structure:\n\n```\n<div class=\"dropdown-wrapper\">\n\t<button class=\"button text\" data-dropdown=\"up-menu\">Menu Button/Link</button>\n\t<div class=\"dropdown dropdown-up\" id=\"up-menu\">\n\t\t<ul class=\"dropdown-list\">\n\t\t\t<li><a href=\"#\">Stuff</a></li>\n\t\t\t<li><a href=\"#\">Biz</a></li>\n\t\t</ul>\n\t</div>\n</div>\n```\n\nThere are two orientations -- a menu that drops down uses the class `dropdown-down` on the div that wraps `dropdown-list`. A menu that pops up from the button uses the class `dropdown-up`.\n","gitHead":"b78ddf325486f2a734f72acefa7893db233ddb1e","scripts":{"js":"cp js/whiplash-ui.js dist/ && uglifyjs --output dist/whiplash-ui.min.js js/whiplash-ui.js","css":"npm run css:sass && npm run css:autoprefix && npm run css:minify","dist":"npm run css && npm run js","css:sass":"sass scss/whiplash-ui.scss dist/whiplash-ui.css","css:minify":"postcss dist/whiplash-ui.css --map --use cssnano -o dist/whiplash-ui.min.css","preversion":"npm run dist","css:autoprefix":"postcss -r dist/whiplash-ui.css --map --use autoprefixer -b '> 5%'"},"_npmUser":{"name":"lhillary86","email":"lydia.hillary@gmail.com"},"repository":{"url":"git+ssh://git@github.com/whiplashmerch/whiplash-ui.git","type":"git"},"_npmVersion":"7.15.1","description":"UI assets for Whiplash Merch","directories":{},"_nodeVersion":"16.3.0","dependencies":{"dart-sass":"^1.25.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"cssnano":"4.1.10","postcss":"8.2.12","uglify-js":"3.6.8","postcss-cli":"8.3.1","autoprefixer":"9.7.1"},"_npmOperationalInternal":{"tmp":"tmp/whiplash-ui_0.5.9-beta.4_1633110110208_0.09387903167047384","host":"s3://npm-registry-packages"}},"0.5.9-beta.5":{"name":"whiplash-ui","version":"0.5.9-beta.5","author":{"url":"http://adamkempa.com/","name":"Adam Kempa","email":"adamkempa@gmail.com"},"license":"MIT","_id":"whiplash-ui@0.5.9-beta.5","maintainers":[{"name":"mark.dickson","email":"mark@sitesteaders.com"},{"name":"lhillary86","email":"lydia.hillary@gmail.com"},{"name":"adamkempa","email":"adam@kempa.com"},{"name":"jeffgarris","email":"jeffsgarris@gmail.com"},{"name":"montch","email":"montch@gmail.com"}],"contributors":[{"name":"Adam Kempa","email":"adamkempa@gmail.com"},{"name":"Mark Dickson","email":"mark@sitesteaders.com"}],"homepage":"https://github.com/whiplashmerch/whiplash-ui#readme","bugs":{"url":"https://github.com/whiplashmerch/whiplash-ui/issues"},"dist":{"shasum":"15f13f1111d4da6b9e9aba12a2056e1c76e58cbd","tarball":"https://registry.npmjs.org/whiplash-ui/-/whiplash-ui-0.5.9-beta.5.tgz","fileCount":45,"integrity":"sha512-X5hnuGajICYGpeg+p6vxZ39yTmtxnc4SuBgNT/wtgZ3CoJqdfvs3khAQxQuP8mp6CQSOpUFJ2QkatNE5Z4L4OQ==","signatures":[{"sig":"MEYCIQCXQ8TpEpr/s1E6q1DXIpWcEmqQw/4HMBgby2vxFC41eQIhAO42E/GIUnEfGzMBX31VskyM4oYbT8kusI9vIGVzlmzV","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":251418},"main":"/dist/whiplash-ui.js","readme":"# whiplash-ui\nA library of global UI elements for use across Whiplash applications.\n\n\n## Usage\n\nTo implement the Whiplash UI, run `yarn add whiplash-ui` in your project's root directory.\n\nIn your `application.css` add the line:\n\n```\n*= require whiplash-ui/stylesheets/application\n```\n\nIn your `application.js` add the line:\n\n```\n//= require whiplash-ui/javascripts/behavior\n```\n\n## Elements\n\n### DotLoader loading indicator\n\nThis functionality is pulled right from the UI toolkit living style guide. To implement, create an element `<div class=\"loader-wrapper\">` and the JS will populate it with the necessary children for animation when the page loads.\n\n### SelectBox select input field\n\nThis component style is taken from the UI toolkit. To implement this style in a Whiplash UI-styled application, create an element `<select class=\"select-input\">` with options as you normally would. The JavaScript will then parse that element and its options and convert the HTML layout to what is expected to implement the more complex and customized select dropdown input.\n\n### Toggle checkbox control\n\nThe style of this control is taken from the UI toolkit. To implement in a Whiplash UI application, create an element `<input type=\"checkbox\" class=\"toggle-input\">` and the JS will create the required HTML structure to facilitate the complex styling of the element.\n\n### Checkbox\n\n```\n<div class=\"check-box\">\n  <input id=\"test\" type=\"checkbox\" class=\"check-box-input\" name=\"test\" value=\"on\">\n  <span class=\"check-box-button\"></span>\n  <label for=\"test\">This is a checkbox.</label>\n</div><br>\n<div class=\"check-box\">\n  <input id=\"test\" type=\"checkbox\" class=\"check-box-input\" name=\"test\" value=\"on\">\n  <span class=\"check-box-button\"></span>\n  <label for=\"test\">This is a second checkbox.</label>\n</div>\n```\n\n\n### Dropdown/up floating menu control\n\nIn order to implement this, you need to have the following HTML structure:\n\n```\n<div class=\"dropdown-wrapper\">\n\t<button class=\"button text\" data-dropdown=\"up-menu\">Menu Button/Link</button>\n\t<div class=\"dropdown dropdown-up\" id=\"up-menu\">\n\t\t<ul class=\"dropdown-list\">\n\t\t\t<li><a href=\"#\">Stuff</a></li>\n\t\t\t<li><a href=\"#\">Biz</a></li>\n\t\t</ul>\n\t</div>\n</div>\n```\n\nThere are two orientations -- a menu that drops down uses the class `dropdown-down` on the div that wraps `dropdown-list`. A menu that pops up from the button uses the class `dropdown-up`.\n","gitHead":"b78ddf325486f2a734f72acefa7893db233ddb1e","scripts":{"js":"cp js/whiplash-ui.js dist/ && uglifyjs --output dist/whiplash-ui.min.js js/whiplash-ui.js","css":"npm run css:sass && npm run css:autoprefix && npm run css:minify","dist":"npm run css && npm run js","css:sass":"sass scss/whiplash-ui.scss dist/whiplash-ui.css","css:minify":"postcss dist/whiplash-ui.css --map --use cssnano -o dist/whiplash-ui.min.css","preversion":"npm run dist","css:autoprefix":"postcss -r dist/whiplash-ui.css --map --use autoprefixer -b '> 5%'"},"_npmUser":{"name":"lhillary86","email":"lydia.hillary@gmail.com"},"repository":{"url":"git+ssh://git@github.com/whiplashmerch/whiplash-ui.git","type":"git"},"_npmVersion":"7.15.1","description":"UI assets for Whiplash Merch","directories":{},"_nodeVersion":"16.3.0","dependencies":{"dart-sass":"^1.25.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"cssnano":"4.1.10","postcss":"8.2.12","uglify-js":"3.6.8","postcss-cli":"8.3.1","autoprefixer":"9.7.1"},"_npmOperationalInternal":{"tmp":"tmp/whiplash-ui_0.5.9-beta.5_1633112677591_0.983549326079616","host":"s3://npm-registry-packages"}},"0.5.9-beta.6":{"name":"whiplash-ui","version":"0.5.9-beta.6","author":{"url":"http://adamkempa.com/","name":"Adam Kempa","email":"adamkempa@gmail.com"},"license":"MIT","_id":"whiplash-ui@0.5.9-beta.6","maintainers":[{"name":"mark.dickson","email":"mark@sitesteaders.com"},{"name":"lhillary86","email":"lydia.hillary@gmail.com"},{"name":"adamkempa","email":"adam@kempa.com"},{"name":"jeffgarris","email":"jeffsgarris@gmail.com"},{"name":"montch","email":"montch@gmail.com"}],"contributors":[{"name":"Adam Kempa","email":"adamkempa@gmail.com"},{"name":"Mark Dickson","email":"mark@sitesteaders.com"}],"homepage":"https://github.com/whiplashmerch/whiplash-ui#readme","bugs":{"url":"https://github.com/whiplashmerch/whiplash-ui/issues"},"dist":{"shasum":"485475d505d2cb9ccf958ad401c9f529fe5537c4","tarball":"https://registry.npmjs.org/whiplash-ui/-/whiplash-ui-0.5.9-beta.6.tgz","fileCount":45,"integrity":"sha512-J5ZCgAqK+zOviL+KvdAlysvGRfirSji7VJisxmiGHkOo0Kf3nNq/PblPX94RuwkTiVpEEC8mj2Q2O95hJ0G6+Q==","signatures":[{"sig":"MEQCIHXeN+PUMuLUxuyUut+kpm5A1IIOmYUFwic3TgTgusBtAiBrUYR4mn5aocglD2ENFa9Uwh1n5ei5Je0x0t/7GzGbHA==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":246883},"main":"/dist/whiplash-ui.js","readme":"# whiplash-ui\nA library of global UI elements for use across Whiplash applications.\n\n\n## Usage\n\nTo implement the Whiplash UI, run `yarn add whiplash-ui` in your project's root directory.\n\nIn your `application.css` add the line:\n\n```\n*= require whiplash-ui/stylesheets/application\n```\n\nIn your `application.js` add the line:\n\n```\n//= require whiplash-ui/javascripts/behavior\n```\n\n## Elements\n\n### DotLoader loading indicator\n\nThis functionality is pulled right from the UI toolkit living style guide. To implement, create an element `<div class=\"loader-wrapper\">` and the JS will populate it with the necessary children for animation when the page loads.\n\n### SelectBox select input field\n\nThis component style is taken from the UI toolkit. To implement this style in a Whiplash UI-styled application, create an element `<select class=\"select-input\">` with options as you normally would. The JavaScript will then parse that element and its options and convert the HTML layout to what is expected to implement the more complex and customized select dropdown input.\n\n### Toggle checkbox control\n\nThe style of this control is taken from the UI toolkit. To implement in a Whiplash UI application, create an element `<input type=\"checkbox\" class=\"toggle-input\">` and the JS will create the required HTML structure to facilitate the complex styling of the element.\n\n### Checkbox\n\n```\n<div class=\"check-box\">\n  <input id=\"test\" type=\"checkbox\" class=\"check-box-input\" name=\"test\" value=\"on\">\n  <span class=\"check-box-button\"></span>\n  <label for=\"test\">This is a checkbox.</label>\n</div><br>\n<div class=\"check-box\">\n  <input id=\"test\" type=\"checkbox\" class=\"check-box-input\" name=\"test\" value=\"on\">\n  <span class=\"check-box-button\"></span>\n  <label for=\"test\">This is a second checkbox.</label>\n</div>\n```\n\n\n### Dropdown/up floating menu control\n\nIn order to implement this, you need to have the following HTML structure:\n\n```\n<div class=\"dropdown-wrapper\">\n\t<button class=\"button text\" data-dropdown=\"up-menu\">Menu Button/Link</button>\n\t<div class=\"dropdown dropdown-up\" id=\"up-menu\">\n\t\t<ul class=\"dropdown-list\">\n\t\t\t<li><a href=\"#\">Stuff</a></li>\n\t\t\t<li><a href=\"#\">Biz</a></li>\n\t\t</ul>\n\t</div>\n</div>\n```\n\nThere are two orientations -- a menu that drops down uses the class `dropdown-down` on the div that wraps `dropdown-list`. A menu that pops up from the button uses the class `dropdown-up`.\n","gitHead":"22f899ad3af5f5c03d495ef91a13064291861632","scripts":{"js":"cp js/whiplash-ui.js dist/ && uglifyjs --output dist/whiplash-ui.min.js js/whiplash-ui.js","css":"npm run css:sass && npm run css:autoprefix && npm run css:minify","dist":"npm run css && npm run js","css:sass":"sass scss/whiplash-ui.scss dist/whiplash-ui.css","css:minify":"postcss dist/whiplash-ui.css --map --use cssnano -o dist/whiplash-ui.min.css","preversion":"npm run dist","css:autoprefix":"postcss -r dist/whiplash-ui.css --map --use autoprefixer -b '> 5%'"},"_npmUser":{"name":"lhillary86","email":"lydia.hillary@gmail.com"},"repository":{"url":"git+ssh://git@github.com/whiplashmerch/whiplash-ui.git","type":"git"},"_npmVersion":"7.15.1","description":"UI assets for Whiplash Merch","directories":{},"_nodeVersion":"16.3.0","dependencies":{"dart-sass":"^1.25.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"cssnano":"4.1.10","postcss":"8.2.12","uglify-js":"3.6.8","postcss-cli":"8.3.1","autoprefixer":"9.7.1"},"_npmOperationalInternal":{"tmp":"tmp/whiplash-ui_0.5.9-beta.6_1633378326991_0.45073579951197873","host":"s3://npm-registry-packages"}},"0.5.9-beta.7":{"name":"whiplash-ui","version":"0.5.9-beta.7","author":{"url":"http://adamkempa.com/","name":"Adam Kempa","email":"adamkempa@gmail.com"},"license":"MIT","_id":"whiplash-ui@0.5.9-beta.7","maintainers":[{"name":"mark.dickson","email":"mark@sitesteaders.com"},{"name":"lhillary86","email":"lydia.hillary@gmail.com"},{"name":"adamkempa","email":"adam@kempa.com"},{"name":"jeffgarris","email":"jeffsgarris@gmail.com"},{"name":"montch","email":"montch@gmail.com"}],"contributors":[{"name":"Adam Kempa","email":"adamkempa@gmail.com"},{"name":"Mark Dickson","email":"mark@sitesteaders.com"}],"homepage":"https://github.com/whiplashmerch/whiplash-ui#readme","bugs":{"url":"https://github.com/whiplashmerch/whiplash-ui/issues"},"dist":{"shasum":"11afec1a9496532fe4eb05cb8ebd4517614b8f17","tarball":"https://registry.npmjs.org/whiplash-ui/-/whiplash-ui-0.5.9-beta.7.tgz","fileCount":45,"integrity":"sha512-ak1yAiP7dgTuzzsdsBdY7mTrFUiCH+umhs7Dq05G0M2eO+qBkQ7QsOiY0qBXQCHoG3KSi0TuPSdoAN3ook29lw==","signatures":[{"sig":"MEUCICCbnkUZedyaUOECaEOac414gxOknzngVXPDCLI7jbwbAiEA7jE7jTweYOkaElfbh3iDHIhyDceOHqmiol1bbbH9ggM=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":245572},"main":"/dist/whiplash-ui.js","readme":"# whiplash-ui\nA library of global UI elements for use across Whiplash applications.\n\n\n## Usage\n\nTo implement the Whiplash UI, run `yarn add whiplash-ui` in your project's root directory.\n\nIn your `application.css` add the line:\n\n```\n*= require whiplash-ui/stylesheets/application\n```\n\nIn your `application.js` add the line:\n\n```\n//= require whiplash-ui/javascripts/behavior\n```\n\n## Elements\n\n### DotLoader loading indicator\n\nThis functionality is pulled right from the UI toolkit living style guide. To implement, create an element `<div class=\"loader-wrapper\">` and the JS will populate it with the necessary children for animation when the page loads.\n\n### SelectBox select input field\n\nThis component style is taken from the UI toolkit. To implement this style in a Whiplash UI-styled application, create an element `<select class=\"select-input\">` with options as you normally would. The JavaScript will then parse that element and its options and convert the HTML layout to what is expected to implement the more complex and customized select dropdown input.\n\n### Toggle checkbox control\n\nThe style of this control is taken from the UI toolkit. To implement in a Whiplash UI application, create an element `<input type=\"checkbox\" class=\"toggle-input\">` and the JS will create the required HTML structure to facilitate the complex styling of the element.\n\n### Checkbox\n\n```\n<div class=\"check-box\">\n  <input id=\"test\" type=\"checkbox\" class=\"check-box-input\" name=\"test\" value=\"on\">\n  <span class=\"check-box-button\"></span>\n  <label for=\"test\">This is a checkbox.</label>\n</div><br>\n<div class=\"check-box\">\n  <input id=\"test\" type=\"checkbox\" class=\"check-box-input\" name=\"test\" value=\"on\">\n  <span class=\"check-box-button\"></span>\n  <label for=\"test\">This is a second checkbox.</label>\n</div>\n```\n\n\n### Dropdown/up floating menu control\n\nIn order to implement this, you need to have the following HTML structure:\n\n```\n<div class=\"dropdown-wrapper\">\n\t<button class=\"button text\" data-dropdown=\"up-menu\">Menu Button/Link</button>\n\t<div class=\"dropdown dropdown-up\" id=\"up-menu\">\n\t\t<ul class=\"dropdown-list\">\n\t\t\t<li><a href=\"#\">Stuff</a></li>\n\t\t\t<li><a href=\"#\">Biz</a></li>\n\t\t</ul>\n\t</div>\n</div>\n```\n\nThere are two orientations -- a menu that drops down uses the class `dropdown-down` on the div that wraps `dropdown-list`. A menu that pops up from the button uses the class `dropdown-up`.\n","gitHead":"8b2bba37ae4da0852a9a7b54dd6693e5d823f311","scripts":{"js":"cp js/whiplash-ui.js dist/ && uglifyjs --output dist/whiplash-ui.min.js js/whiplash-ui.js","css":"npm run css:sass && npm run css:autoprefix && npm run css:minify","dist":"npm run css && npm run js","css:sass":"sass scss/whiplash-ui.scss dist/whiplash-ui.css","css:minify":"postcss dist/whiplash-ui.css --map --use cssnano -o dist/whiplash-ui.min.css","preversion":"npm run dist","css:autoprefix":"postcss -r dist/whiplash-ui.css --map --use autoprefixer -b '> 5%'"},"_npmUser":{"name":"lhillary86","email":"lydia.hillary@gmail.com"},"repository":{"url":"git+ssh://git@github.com/whiplashmerch/whiplash-ui.git","type":"git"},"_npmVersion":"7.15.1","description":"UI assets for Whiplash Merch","directories":{},"_nodeVersion":"16.3.0","dependencies":{"dart-sass":"^1.25.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"cssnano":"4.1.10","postcss":"8.2.12","uglify-js":"3.6.8","postcss-cli":"8.3.1","autoprefixer":"9.7.1"},"_npmOperationalInternal":{"tmp":"tmp/whiplash-ui_0.5.9-beta.7_1633446565967_0.6383395799290255","host":"s3://npm-registry-packages"}},"0.5.9-beta.8":{"name":"whiplash-ui","version":"0.5.9-beta.8","author":{"url":"http://adamkempa.com/","name":"Adam Kempa","email":"adamkempa@gmail.com"},"license":"MIT","_id":"whiplash-ui@0.5.9-beta.8","maintainers":[{"name":"mark.dickson","email":"mark@sitesteaders.com"},{"name":"lhillary86","email":"lydia.hillary@gmail.com"},{"name":"adamkempa","email":"adam@kempa.com"},{"name":"jeffgarris","email":"jeffsgarris@gmail.com"},{"name":"montch","email":"montch@gmail.com"}],"contributors":[{"name":"Adam Kempa","email":"adamkempa@gmail.com"},{"name":"Mark Dickson","email":"mark@sitesteaders.com"}],"homepage":"https://github.com/whiplashmerch/whiplash-ui#readme","bugs":{"url":"https://github.com/whiplashmerch/whiplash-ui/issues"},"dist":{"shasum":"162fa040c44f9868fd1964d088ede01c10c29a0c","tarball":"https://registry.npmjs.org/whiplash-ui/-/whiplash-ui-0.5.9-beta.8.tgz","fileCount":45,"integrity":"sha512-zZPJ8LIUoGy/pNHxomonA8i0oCuBuMdvT8ryvq+3gCxWCoUHub14r3/NwMW1WJhTS0s0tmjb0QADThtsfsplFw==","signatures":[{"sig":"MEYCIQCYHcQdivgajs3GqRG+01GQ6qyMa4EHZekTKOhzq605zwIhAK16tp0dduJywj0iFfVACOaQ1mht7Km1y5tysogefxOE","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":245606},"main":"/dist/whiplash-ui.js","readme":"# whiplash-ui\nA library of global UI elements for use across Whiplash applications.\n\n\n## Usage\n\nTo implement the Whiplash UI, run `yarn add whiplash-ui` in your project's root directory.\n\nIn your `application.css` add the line:\n\n```\n*= require whiplash-ui/stylesheets/application\n```\n\nIn your `application.js` add the line:\n\n```\n//= require whiplash-ui/javascripts/behavior\n```\n\n## Elements\n\n### DotLoader loading indicator\n\nThis functionality is pulled right from the UI toolkit living style guide. To implement, create an element `<div class=\"loader-wrapper\">` and the JS will populate it with the necessary children for animation when the page loads.\n\n### SelectBox select input field\n\nThis component style is taken from the UI toolkit. To implement this style in a Whiplash UI-styled application, create an element `<select class=\"select-input\">` with options as you normally would. The JavaScript will then parse that element and its options and convert the HTML layout to what is expected to implement the more complex and customized select dropdown input.\n\n### Toggle checkbox control\n\nThe style of this control is taken from the UI toolkit. To implement in a Whiplash UI application, create an element `<input type=\"checkbox\" class=\"toggle-input\">` and the JS will create the required HTML structure to facilitate the complex styling of the element.\n\n### Checkbox\n\n```\n<div class=\"check-box\">\n  <input id=\"test\" type=\"checkbox\" class=\"check-box-input\" name=\"test\" value=\"on\">\n  <span class=\"check-box-button\"></span>\n  <label for=\"test\">This is a checkbox.</label>\n</div><br>\n<div class=\"check-box\">\n  <input id=\"test\" type=\"checkbox\" class=\"check-box-input\" name=\"test\" value=\"on\">\n  <span class=\"check-box-button\"></span>\n  <label for=\"test\">This is a second checkbox.</label>\n</div>\n```\n\n\n### Dropdown/up floating menu control\n\nIn order to implement this, you need to have the following HTML structure:\n\n```\n<div class=\"dropdown-wrapper\">\n\t<button class=\"button text\" data-dropdown=\"up-menu\">Menu Button/Link</button>\n\t<div class=\"dropdown dropdown-up\" id=\"up-menu\">\n\t\t<ul class=\"dropdown-list\">\n\t\t\t<li><a href=\"#\">Stuff</a></li>\n\t\t\t<li><a href=\"#\">Biz</a></li>\n\t\t</ul>\n\t</div>\n</div>\n```\n\nThere are two orientations -- a menu that drops down uses the class `dropdown-down` on the div that wraps `dropdown-list`. A menu that pops up from the button uses the class `dropdown-up`.\n","gitHead":"8b2bba37ae4da0852a9a7b54dd6693e5d823f311","scripts":{"js":"cp js/whiplash-ui.js dist/ && uglifyjs --output dist/whiplash-ui.min.js js/whiplash-ui.js","css":"npm run css:sass && npm run css:autoprefix && npm run css:minify","dist":"npm run css && npm run js","css:sass":"sass scss/whiplash-ui.scss dist/whiplash-ui.css","css:minify":"postcss dist/whiplash-ui.css --map --use cssnano -o dist/whiplash-ui.min.css","preversion":"npm run dist","css:autoprefix":"postcss -r dist/whiplash-ui.css --map --use autoprefixer -b '> 5%'"},"_npmUser":{"name":"lhillary86","email":"lydia.hillary@gmail.com"},"repository":{"url":"git+ssh://git@github.com/whiplashmerch/whiplash-ui.git","type":"git"},"_npmVersion":"7.15.1","description":"UI assets for Whiplash Merch","directories":{},"_nodeVersion":"16.3.0","dependencies":{"dart-sass":"^1.25.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"cssnano":"4.1.10","postcss":"8.2.12","uglify-js":"3.6.8","postcss-cli":"8.3.1","autoprefixer":"9.7.1"},"_npmOperationalInternal":{"tmp":"tmp/whiplash-ui_0.5.9-beta.8_1633446892190_0.9506188332172336","host":"s3://npm-registry-packages"}},"0.5.9-beta.9":{"name":"whiplash-ui","version":"0.5.9-beta.9","author":{"url":"http://adamkempa.com/","name":"Adam Kempa","email":"adamkempa@gmail.com"},"license":"MIT","_id":"whiplash-ui@0.5.9-beta.9","maintainers":[{"name":"mark.dickson","email":"mark@sitesteaders.com"},{"name":"lhillary86","email":"lydia.hillary@gmail.com"},{"name":"adamkempa","email":"adam@kempa.com"},{"name":"jeffgarris","email":"jeffsgarris@gmail.com"},{"name":"montch","email":"montch@gmail.com"}],"contributors":[{"name":"Adam Kempa","email":"adamkempa@gmail.com"},{"name":"Mark Dickson","email":"mark@sitesteaders.com"}],"homepage":"https://github.com/whiplashmerch/whiplash-ui#readme","bugs":{"url":"https://github.com/whiplashmerch/whiplash-ui/issues"},"dist":{"shasum":"b986009472e7a797788f02a776294381c83b4cb7","tarball":"https://registry.npmjs.org/whiplash-ui/-/whiplash-ui-0.5.9-beta.9.tgz","fileCount":45,"integrity":"sha512-1suRJh1Xdegk5+nQXnPaXUexEgX5YqKK/zM/nKelHl8Cz4DESI+sLqPl+jJVfP1+OjaPKTn/x6/5R+RPR1m68Q==","signatures":[{"sig":"MEYCIQCHKsvO8FHD453gsQF1RaT2lsbrjJnZI5rVcwmxnfY7SAIhAMMGrgFrFahFeJRJgNledS0J+36+4fprpclAcZ13SnG7","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":245499},"main":"/dist/whiplash-ui.js","readme":"# whiplash-ui\nA library of global UI elements for use across Whiplash applications.\n\n\n## Usage\n\nTo implement the Whiplash UI, run `yarn add whiplash-ui` in your project's root directory.\n\nIn your `application.css` add the line:\n\n```\n*= require whiplash-ui/stylesheets/application\n```\n\nIn your `application.js` add the line:\n\n```\n//= require whiplash-ui/javascripts/behavior\n```\n\n## Elements\n\n### DotLoader loading indicator\n\nThis functionality is pulled right from the UI toolkit living style guide. To implement, create an element `<div class=\"loader-wrapper\">` and the JS will populate it with the necessary children for animation when the page loads.\n\n### SelectBox select input field\n\nThis component style is taken from the UI toolkit. To implement this style in a Whiplash UI-styled application, create an element `<select class=\"select-input\">` with options as you normally would. The JavaScript will then parse that element and its options and convert the HTML layout to what is expected to implement the more complex and customized select dropdown input.\n\n### Toggle checkbox control\n\nThe style of this control is taken from the UI toolkit. To implement in a Whiplash UI application, create an element `<input type=\"checkbox\" class=\"toggle-input\">` and the JS will create the required HTML structure to facilitate the complex styling of the element.\n\n### Checkbox\n\n```\n<div class=\"check-box\">\n  <input id=\"test\" type=\"checkbox\" class=\"check-box-input\" name=\"test\" value=\"on\">\n  <span class=\"check-box-button\"></span>\n  <label for=\"test\">This is a checkbox.</label>\n</div><br>\n<div class=\"check-box\">\n  <input id=\"test\" type=\"checkbox\" class=\"check-box-input\" name=\"test\" value=\"on\">\n  <span class=\"check-box-button\"></span>\n  <label for=\"test\">This is a second checkbox.</label>\n</div>\n```\n\n\n### Dropdown/up floating menu control\n\nIn order to implement this, you need to have the following HTML structure:\n\n```\n<div class=\"dropdown-wrapper\">\n\t<button class=\"button text\" data-dropdown=\"up-menu\">Menu Button/Link</button>\n\t<div class=\"dropdown dropdown-up\" id=\"up-menu\">\n\t\t<ul class=\"dropdown-list\">\n\t\t\t<li><a href=\"#\">Stuff</a></li>\n\t\t\t<li><a href=\"#\">Biz</a></li>\n\t\t</ul>\n\t</div>\n</div>\n```\n\nThere are two orientations -- a menu that drops down uses the class `dropdown-down` on the div that wraps `dropdown-list`. A menu that pops up from the button uses the class `dropdown-up`.\n","gitHead":"8b2bba37ae4da0852a9a7b54dd6693e5d823f311","scripts":{"js":"cp js/whiplash-ui.js dist/ && uglifyjs --output dist/whiplash-ui.min.js js/whiplash-ui.js","css":"npm run css:sass && npm run css:autoprefix && npm run css:minify","dist":"npm run css && npm run js","css:sass":"sass scss/whiplash-ui.scss dist/whiplash-ui.css","css:minify":"postcss dist/whiplash-ui.css --map --use cssnano -o dist/whiplash-ui.min.css","preversion":"npm run dist","css:autoprefix":"postcss -r dist/whiplash-ui.css --map --use autoprefixer -b '> 5%'"},"_npmUser":{"name":"lhillary86","email":"lydia.hillary@gmail.com"},"repository":{"url":"git+ssh://git@github.com/whiplashmerch/whiplash-ui.git","type":"git"},"_npmVersion":"7.15.1","description":"UI assets for Whiplash Merch","directories":{},"_nodeVersion":"16.3.0","dependencies":{"dart-sass":"^1.25.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"cssnano":"4.1.10","postcss":"8.2.12","uglify-js":"3.6.8","postcss-cli":"8.3.1","autoprefixer":"9.7.1"},"_npmOperationalInternal":{"tmp":"tmp/whiplash-ui_0.5.9-beta.9_1633447495633_0.12079639908536688","host":"s3://npm-registry-packages"}},"0.5.9-beta.10":{"name":"whiplash-ui","version":"0.5.9-beta.10","author":{"url":"http://adamkempa.com/","name":"Adam Kempa","email":"adamkempa@gmail.com"},"license":"MIT","_id":"whiplash-ui@0.5.9-beta.10","maintainers":[{"name":"mark.dickson","email":"mark@sitesteaders.com"},{"name":"lhillary86","email":"lydia.hillary@gmail.com"},{"name":"adamkempa","email":"adam@kempa.com"},{"name":"jeffgarris","email":"jeffsgarris@gmail.com"},{"name":"montch","email":"montch@gmail.com"}],"contributors":[{"name":"Adam Kempa","email":"adamkempa@gmail.com"},{"name":"Mark Dickson","email":"mark@sitesteaders.com"}],"homepage":"https://github.com/whiplashmerch/whiplash-ui#readme","bugs":{"url":"https://github.com/whiplashmerch/whiplash-ui/issues"},"dist":{"shasum":"47a53ad939d12f35b2729b8f2dda8129ae7d4460","tarball":"https://registry.npmjs.org/whiplash-ui/-/whiplash-ui-0.5.9-beta.10.tgz","fileCount":45,"integrity":"sha512-9B7kYg0hnPq3M518dp44VKwMJYQU+QNGjninKG3ej7F5hsKgUaVQneoXOjL3y0VZW96mIlsHdd7+sY2CXf5ieg==","signatures":[{"sig":"MEQCIHVYk6wTcMZ7JOk41apeXqBMMKlyBVQGvTOjaG9ds7XYAiALcS99msQLAeouXQfhwaHfQJzzamRC4msdD+RddGW9ZQ==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":245644},"main":"/dist/whiplash-ui.js","readme":"# whiplash-ui\nA library of global UI elements for use across Whiplash applications.\n\n\n## Usage\n\nTo implement the Whiplash UI, run `yarn add whiplash-ui` in your project's root directory.\n\nIn your `application.css` add the line:\n\n```\n*= require whiplash-ui/stylesheets/application\n```\n\nIn your `application.js` add the line:\n\n```\n//= require whiplash-ui/javascripts/behavior\n```\n\n## Elements\n\n### DotLoader loading indicator\n\nThis functionality is pulled right from the UI toolkit living style guide. To implement, create an element `<div class=\"loader-wrapper\">` and the JS will populate it with the necessary children for animation when the page loads.\n\n### SelectBox select input field\n\nThis component style is taken from the UI toolkit. To implement this style in a Whiplash UI-styled application, create an element `<select class=\"select-input\">` with options as you normally would. The JavaScript will then parse that element and its options and convert the HTML layout to what is expected to implement the more complex and customized select dropdown input.\n\n### Toggle checkbox control\n\nThe style of this control is taken from the UI toolkit. To implement in a Whiplash UI application, create an element `<input type=\"checkbox\" class=\"toggle-input\">` and the JS will create the required HTML structure to facilitate the complex styling of the element.\n\n### Checkbox\n\n```\n<div class=\"check-box\">\n  <input id=\"test\" type=\"checkbox\" class=\"check-box-input\" name=\"test\" value=\"on\">\n  <span class=\"check-box-button\"></span>\n  <label for=\"test\">This is a checkbox.</label>\n</div><br>\n<div class=\"check-box\">\n  <input id=\"test\" type=\"checkbox\" class=\"check-box-input\" name=\"test\" value=\"on\">\n  <span class=\"check-box-button\"></span>\n  <label for=\"test\">This is a second checkbox.</label>\n</div>\n```\n\n\n### Dropdown/up floating menu control\n\nIn order to implement this, you need to have the following HTML structure:\n\n```\n<div class=\"dropdown-wrapper\">\n\t<button class=\"button text\" data-dropdown=\"up-menu\">Menu Button/Link</button>\n\t<div class=\"dropdown dropdown-up\" id=\"up-menu\">\n\t\t<ul class=\"dropdown-list\">\n\t\t\t<li><a href=\"#\">Stuff</a></li>\n\t\t\t<li><a href=\"#\">Biz</a></li>\n\t\t</ul>\n\t</div>\n</div>\n```\n\nThere are two orientations -- a menu that drops down uses the class `dropdown-down` on the div that wraps `dropdown-list`. A menu that pops up from the button uses the class `dropdown-up`.\n","gitHead":"5b72b362dbcfc500042427671d7e408567fef827","scripts":{"js":"cp js/whiplash-ui.js dist/ && uglifyjs --output dist/whiplash-ui.min.js js/whiplash-ui.js","css":"npm run css:sass && npm run css:autoprefix && npm run css:minify","dist":"npm run css && npm run js","css:sass":"sass scss/whiplash-ui.scss dist/whiplash-ui.css","css:minify":"postcss dist/whiplash-ui.css --map --use cssnano -o dist/whiplash-ui.min.css","preversion":"npm run dist","css:autoprefix":"postcss -r dist/whiplash-ui.css --map --use autoprefixer -b '> 5%'"},"_npmUser":{"name":"lhillary86","email":"lydia.hillary@gmail.com"},"repository":{"url":"git+ssh://git@github.com/whiplashmerch/whiplash-ui.git","type":"git"},"_npmVersion":"7.15.1","description":"UI assets for Whiplash Merch","directories":{},"_nodeVersion":"16.3.0","dependencies":{"dart-sass":"^1.25.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"cssnano":"4.1.10","postcss":"8.2.12","uglify-js":"3.6.8","postcss-cli":"8.3.1","autoprefixer":"9.7.1"},"_npmOperationalInternal":{"tmp":"tmp/whiplash-ui_0.5.9-beta.10_1633461774496_0.5814404232363406","host":"s3://npm-registry-packages"}},"0.5.9-beta.11":{"name":"whiplash-ui","version":"0.5.9-beta.11","author":{"url":"http://adamkempa.com/","name":"Adam Kempa","email":"adamkempa@gmail.com"},"license":"MIT","_id":"whiplash-ui@0.5.9-beta.11","maintainers":[{"name":"mark.dickson","email":"mark@sitesteaders.com"},{"name":"lhillary86","email":"lydia.hillary@gmail.com"},{"name":"adamkempa","email":"adam@kempa.com"},{"name":"jeffgarris","email":"jeffsgarris@gmail.com"},{"name":"montch","email":"montch@gmail.com"}],"contributors":[{"name":"Adam Kempa","email":"adamkempa@gmail.com"},{"name":"Mark Dickson","email":"mark@sitesteaders.com"}],"homepage":"https://github.com/whiplashmerch/whiplash-ui#readme","bugs":{"url":"https://github.com/whiplashmerch/whiplash-ui/issues"},"dist":{"shasum":"2d5782a869ec114bfab3bd94cf8379d3b18e58f1","tarball":"https://registry.npmjs.org/whiplash-ui/-/whiplash-ui-0.5.9-beta.11.tgz","fileCount":45,"integrity":"sha512-U5/AzBMOZgg1VBGi/3CUNrRV2lwd6nojqYNU76bIrZR0dvZEAK6KVYXXu5U1wySTFgf7bSxbMezjdx14khPqDw==","signatures":[{"sig":"MEQCIB1ZTDQUfXZEWgmRRZ1m0Tj4kKzrl8hOPurjP1ZatA6LAiB42lvLyxRH9G96ykyaLJ+tCDjusT0mTWYb4fhTc49WUg==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":245783},"main":"/dist/whiplash-ui.js","readme":"# whiplash-ui\nA library of global UI elements for use across Whiplash applications.\n\n\n## Usage\n\nTo implement the Whiplash UI, run `yarn add whiplash-ui` in your project's root directory.\n\nIn your `application.css` add the line:\n\n```\n*= require whiplash-ui/stylesheets/application\n```\n\nIn your `application.js` add the line:\n\n```\n//= require whiplash-ui/javascripts/behavior\n```\n\n## Elements\n\n### DotLoader loading indicator\n\nThis functionality is pulled right from the UI toolkit living style guide. To implement, create an element `<div class=\"loader-wrapper\">` and the JS will populate it with the necessary children for animation when the page loads.\n\n### SelectBox select input field\n\nThis component style is taken from the UI toolkit. To implement this style in a Whiplash UI-styled application, create an element `<select class=\"select-input\">` with options as you normally would. The JavaScript will then parse that element and its options and convert the HTML layout to what is expected to implement the more complex and customized select dropdown input.\n\n### Toggle checkbox control\n\nThe style of this control is taken from the UI toolkit. To implement in a Whiplash UI application, create an element `<input type=\"checkbox\" class=\"toggle-input\">` and the JS will create the required HTML structure to facilitate the complex styling of the element.\n\n### Checkbox\n\n```\n<div class=\"check-box\">\n  <input id=\"test\" type=\"checkbox\" class=\"check-box-input\" name=\"test\" value=\"on\">\n  <span class=\"check-box-button\"></span>\n  <label for=\"test\">This is a checkbox.</label>\n</div><br>\n<div class=\"check-box\">\n  <input id=\"test\" type=\"checkbox\" class=\"check-box-input\" name=\"test\" value=\"on\">\n  <span class=\"check-box-button\"></span>\n  <label for=\"test\">This is a second checkbox.</label>\n</div>\n```\n\n\n### Dropdown/up floating menu control\n\nIn order to implement this, you need to have the following HTML structure:\n\n```\n<div class=\"dropdown-wrapper\">\n\t<button class=\"button text\" data-dropdown=\"up-menu\">Menu Button/Link</button>\n\t<div class=\"dropdown dropdown-up\" id=\"up-menu\">\n\t\t<ul class=\"dropdown-list\">\n\t\t\t<li><a href=\"#\">Stuff</a></li>\n\t\t\t<li><a href=\"#\">Biz</a></li>\n\t\t</ul>\n\t</div>\n</div>\n```\n\nThere are two orientations -- a menu that drops down uses the class `dropdown-down` on the div that wraps `dropdown-list`. A menu that pops up from the button uses the class `dropdown-up`.\n","gitHead":"ed49c4e59b8f58f006a16ad013b8e99275c56947","scripts":{"js":"cp js/whiplash-ui.js dist/ && uglifyjs --output dist/whiplash-ui.min.js js/whiplash-ui.js","css":"npm run css:sass && npm run css:autoprefix && npm run css:minify","dist":"npm run css && npm run js","css:sass":"sass scss/whiplash-ui.scss dist/whiplash-ui.css","css:minify":"postcss dist/whiplash-ui.css --map --use cssnano -o dist/whiplash-ui.min.css","preversion":"npm run dist","css:autoprefix":"postcss -r dist/whiplash-ui.css --map --use autoprefixer -b '> 5%'"},"_npmUser":{"name":"lhillary86","email":"lydia.hillary@gmail.com"},"repository":{"url":"git+ssh://git@github.com/whiplashmerch/whiplash-ui.git","type":"git"},"_npmVersion":"7.15.1","description":"UI assets for Whiplash Merch","directories":{},"_nodeVersion":"16.3.0","dependencies":{"dart-sass":"^1.25.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"cssnano":"4.1.10","postcss":"8.2.12","uglify-js":"3.6.8","postcss-cli":"8.3.1","autoprefixer":"9.7.1"},"_npmOperationalInternal":{"tmp":"tmp/whiplash-ui_0.5.9-beta.11_1633462052674_0.13530964645008892","host":"s3://npm-registry-packages"}},"0.5.9":{"name":"whiplash-ui","version":"0.5.9","author":{"url":"http://adamkempa.com/","name":"Adam Kempa","email":"adamkempa@gmail.com"},"license":"MIT","_id":"whiplash-ui@0.5.9","maintainers":[{"name":"mark.dickson","email":"mark@sitesteaders.com"},{"name":"lhillary86","email":"lydia.hillary@gmail.com"},{"name":"adamkempa","email":"adam@kempa.com"},{"name":"jeffgarris","email":"jeffsgarris@gmail.com"},{"name":"montch","email":"montch@gmail.com"}],"contributors":[{"name":"Adam Kempa","email":"adamkempa@gmail.com"},{"name":"Mark Dickson","email":"mark@sitesteaders.com"}],"homepage":"https://github.com/whiplashmerch/whiplash-ui#readme","bugs":{"url":"https://github.com/whiplashmerch/whiplash-ui/issues"},"dist":{"shasum":"da3a72b9d71c920e4ffaa92e9aa525b2c6a407d8","tarball":"https://registry.npmjs.org/whiplash-ui/-/whiplash-ui-0.5.9.tgz","fileCount":45,"integrity":"sha512-lCxkVNKywoWXYZyrtF8KmtftZcTSZ2R+oO5NoP/ROzLVEAgBjbE3ioz+O73jqi2+LhL3oOZcfpVEsEky6tZh8Q==","signatures":[{"sig":"MEUCIC0jkC3lyDoCmIGpfZxBjGnqoEXy9hjq9BbGP44baA6nAiEAzHl7h0OyaCESDIvu4Ot2hbTYIj6LMVPEzpMMIUIbUZ4=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":245775},"main":"/dist/whiplash-ui.js","gitHead":"ea2252b9ae6977909a460944d97e505f756022f1","scripts":{"js":"cp js/whiplash-ui.js dist/ && uglifyjs --output dist/whiplash-ui.min.js js/whiplash-ui.js","css":"npm run css:sass && npm run css:autoprefix && npm run css:minify","dist":"npm run css && npm run js","css:sass":"sass scss/whiplash-ui.scss dist/whiplash-ui.css","css:minify":"postcss dist/whiplash-ui.css --map --use cssnano -o dist/whiplash-ui.min.css","preversion":"npm run dist","css:autoprefix":"postcss -r dist/whiplash-ui.css --map --use autoprefixer -b '> 5%'"},"_npmUser":{"name":"lhillary86","email":"lydia.hillary@gmail.com"},"repository":{"url":"git+ssh://git@github.com/whiplashmerch/whiplash-ui.git","type":"git"},"_npmVersion":"7.15.1","description":"UI assets for Whiplash Merch","directories":{},"_nodeVersion":"16.3.0","dependencies":{"dart-sass":"^1.25.0"},"_hasShrinkwrap":false,"devDependencies":{"cssnano":"4.1.10","postcss":"8.2.12","uglify-js":"3.6.8","postcss-cli":"8.3.1","autoprefixer":"9.7.1"},"_npmOperationalInternal":{"tmp":"tmp/whiplash-ui_0.5.9_1633532821902_0.2566897811110731","host":"s3://npm-registry-packages"}},"0.6.0-beta":{"name":"whiplash-ui","version":"0.6.0-beta","author":{"url":"http://adamkempa.com/","name":"Adam Kempa","email":"adamkempa@gmail.com"},"license":"MIT","_id":"whiplash-ui@0.6.0-beta","maintainers":[{"name":"mark.dickson","email":"mark@sitesteaders.com"},{"name":"lhillary86","email":"lydia.hillary@gmail.com"},{"name":"adamkempa","email":"adam@kempa.com"},{"name":"jeffgarris","email":"jeffsgarris@gmail.com"},{"name":"montch","email":"montch@gmail.com"}],"contributors":[{"name":"Adam Kempa","email":"adamkempa@gmail.com"},{"name":"Mark Dickson","email":"mark@sitesteaders.com"}],"homepage":"https://github.com/whiplashmerch/whiplash-ui#readme","bugs":{"url":"https://github.com/whiplashmerch/whiplash-ui/issues"},"dist":{"shasum":"298f3b72ab922d6a40aee523b5f2956e3def5b9a","tarball":"https://registry.npmjs.org/whiplash-ui/-/whiplash-ui-0.6.0-beta.tgz","fileCount":45,"integrity":"sha512-mDj/T/TYctvdLda5mnhcLYJZJFEB6LU1Rr8wUXx5T6LTxppEolpgXxes5zAkMgc3W8jigq0F/omSRY8fHGKbMg==","signatures":[{"sig":"MEQCICrw1MJGmHz5eyZPaqDoiscDdjV6Dd68qR9BAwruW3ONAiAj1dkNJpe2hy97ov8fkTXQJ3piQroO/8zI/EfqF5UEIg==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":246135},"main":"/dist/whiplash-ui.js","readme":"# whiplash-ui\nA library of global UI elements for use across Whiplash applications.\n\n\n## Usage\n\nTo implement the Whiplash UI, run `yarn add whiplash-ui` in your project's root directory.\n\nIn your `application.css` add the line:\n\n```\n*= require whiplash-ui/stylesheets/application\n```\n\nIn your `application.js` add the line:\n\n```\n//= require whiplash-ui/javascripts/behavior\n```\n\n## Elements\n\n### DotLoader loading indicator\n\nThis functionality is pulled right from the UI toolkit living style guide. To implement, create an element `<div class=\"loader-wrapper\">` and the JS will populate it with the necessary children for animation when the page loads.\n\n### SelectBox select input field\n\nThis component style is taken from the UI toolkit. To implement this style in a Whiplash UI-styled application, create an element `<select class=\"select-input\">` with options as you normally would. The JavaScript will then parse that element and its options and convert the HTML layout to what is expected to implement the more complex and customized select dropdown input.\n\n### Toggle checkbox control\n\nThe style of this control is taken from the UI toolkit. To implement in a Whiplash UI application, create an element `<input type=\"checkbox\" class=\"toggle-input\">` and the JS will create the required HTML structure to facilitate the complex styling of the element.\n\n### Checkbox\n\n```\n<div class=\"check-box\">\n  <input id=\"test\" type=\"checkbox\" class=\"check-box-input\" name=\"test\" value=\"on\">\n  <span class=\"check-box-button\"></span>\n  <label for=\"test\">This is a checkbox.</label>\n</div><br>\n<div class=\"check-box\">\n  <input id=\"test\" type=\"checkbox\" class=\"check-box-input\" name=\"test\" value=\"on\">\n  <span class=\"check-box-button\"></span>\n  <label for=\"test\">This is a second checkbox.</label>\n</div>\n```\n\n\n### Dropdown/up floating menu control\n\nIn order to implement this, you need to have the following HTML structure:\n\n```\n<div class=\"dropdown-wrapper\">\n\t<button class=\"button text\" data-dropdown=\"up-menu\">Menu Button/Link</button>\n\t<div class=\"dropdown dropdown-up\" id=\"up-menu\">\n\t\t<ul class=\"dropdown-list\">\n\t\t\t<li><a href=\"#\">Stuff</a></li>\n\t\t\t<li><a href=\"#\">Biz</a></li>\n\t\t</ul>\n\t</div>\n</div>\n```\n\nThere are two orientations -- a menu that drops down uses the class `dropdown-down` on the div that wraps `dropdown-list`. A menu that pops up from the button uses the class `dropdown-up`.\n","gitHead":"3554c2274dcf08331eea89e38c44657d4166835b","scripts":{"js":"cp js/whiplash-ui.js dist/ && uglifyjs --output dist/whiplash-ui.min.js js/whiplash-ui.js","css":"npm run css:sass && npm run css:autoprefix && npm run css:minify","dist":"npm run css && npm run js","css:sass":"sass scss/whiplash-ui.scss dist/whiplash-ui.css","css:minify":"postcss dist/whiplash-ui.css --map --use cssnano -o dist/whiplash-ui.min.css","preversion":"npm run dist","css:autoprefix":"postcss -r dist/whiplash-ui.css --map --use autoprefixer -b '> 5%'"},"_npmUser":{"name":"lhillary86","email":"lydia.hillary@gmail.com"},"repository":{"url":"git+ssh://git@github.com/whiplashmerch/whiplash-ui.git","type":"git"},"_npmVersion":"7.15.1","description":"UI assets for Whiplash Merch","directories":{},"_nodeVersion":"16.3.0","dependencies":{"dart-sass":"^1.25.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"cssnano":"4.1.10","postcss":"8.2.12","uglify-js":"3.6.8","postcss-cli":"8.3.1","autoprefixer":"9.7.1"},"_npmOperationalInternal":{"tmp":"tmp/whiplash-ui_0.6.0-beta_1635180465444_0.005394858561816429","host":"s3://npm-registry-packages"}},"0.6.0":{"name":"whiplash-ui","version":"0.6.0","author":{"url":"http://adamkempa.com/","name":"Adam Kempa","email":"adamkempa@gmail.com"},"license":"MIT","_id":"whiplash-ui@0.6.0","maintainers":[{"name":"mark.dickson","email":"mark@sitesteaders.com"},{"name":"lhillary86","email":"lydia.hillary@gmail.com"},{"name":"adamkempa","email":"adam@kempa.com"},{"name":"jeffgarris","email":"jeffsgarris@gmail.com"},{"name":"montch","email":"montch@gmail.com"}],"contributors":[{"name":"Adam Kempa","email":"adamkempa@gmail.com"},{"name":"Mark Dickson","email":"mark@sitesteaders.com"}],"homepage":"https://github.com/whiplashmerch/whiplash-ui#readme","bugs":{"url":"https://github.com/whiplashmerch/whiplash-ui/issues"},"dist":{"shasum":"3b051883fff00f4d445e8654e06e29e4acf11c5a","tarball":"https://registry.npmjs.org/whiplash-ui/-/whiplash-ui-0.6.0.tgz","fileCount":45,"integrity":"sha512-aClypHiWzgjNKMyCifrhvZpt1mMlOagsBlPD87W2nYObeC+XyxI+XLff367PW+BAqH1mXFwM31xbCoICuOezEQ==","signatures":[{"sig":"MEUCICgcVciMbfuwsR2YpiBQuzEQ+LP8kEHsiFWp2gswJUaRAiEAwXSyWZXVICuxawN2I8MIoTbDuXxG+jOLPR/GsioWUTQ=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":246130,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh3BQrCRA9TVsSAnZWagAAgwgP/3gi5gapVfxa8/CDKdbp\nXc38zvmhOsj2goXjhebxo5y8Ptkrpo7qXZgvHhPf2QuxcTrRO1OHDk9/XxPW\nW8RD3XoC63d+waKo3FHA7fPCggrC745FNgLGHhyMonPHzz7QYpomUScmf4NG\nvs9iaFenxVW9wjuZf9kaNAU7LdJSuBYkQU68O58osSynpKk2G8wCVbHY53T4\niU90mLtPOGNYRS/0+Dmw836mM1pXIU/V1Gufm1KSOdLnRiDUVli7ouUyyWXG\nMVRH34PTb0+N642d8tGD3NLPbRe2A0hqxb4wkAYaE3KvIASmhAL0W8cZT7vj\n8j+6MSryMev2ILHp6eRaCG8n/3Gh0NZElK5tUhmwfO15U7/KNbw0nC8nXThC\nPKCH1vEp1L0AV1XERlo6VgENxvrf650iCYammJ32FUc8WZZD5h7A4cuvlH95\n90jeIqRUoH747hZ7bdwFSO2RC8LkjU5jG0ymuI4aoZ+cjygGtBBxxBeI2UGb\nRMJPyJCe4iuPsA1hba7/bURhRaZY2Z4fetBKPLLl0pKO+QPFq0t/3z6cJYtH\nOcp3oDPm21yoKxn08V0T27NVkGJBv0qOidK5tb02w/qPOvKfcmhSu6p/j56V\nOp4RgPwKXaLGQI9NT6cdXloGuIt2ByHjg7NPG4+wreCUTXhFkIVN9bn01PGP\nb2h+\r\n=VAmj\r\n-----END PGP SIGNATURE-----\r\n"},"main":"/dist/whiplash-ui.js","gitHead":"ffe639ef18f79f9bc528673770d8685f30ca8252","scripts":{"js":"cp js/whiplash-ui.js dist/ && uglifyjs --output dist/whiplash-ui.min.js js/whiplash-ui.js","css":"npm run css:sass && npm run css:autoprefix && npm run css:minify","dist":"npm run css && npm run js","css:sass":"sass scss/whiplash-ui.scss dist/whiplash-ui.css","css:minify":"postcss dist/whiplash-ui.css --map --use cssnano -o dist/whiplash-ui.min.css","preversion":"npm run dist","css:autoprefix":"postcss -r dist/whiplash-ui.css --map --use autoprefixer -b '> 5%'"},"_npmUser":{"name":"lhillary86","email":"lydia.hillary@gmail.com"},"repository":{"url":"git+ssh://git@github.com/whiplashmerch/whiplash-ui.git","type":"git"},"_npmVersion":"7.15.1","description":"UI assets for Whiplash Merch","directories":{},"_nodeVersion":"16.3.0","dependencies":{"dart-sass":"^1.25.0"},"_hasShrinkwrap":false,"devDependencies":{"cssnano":"4.1.10","postcss":"8.2.12","uglify-js":"3.6.8","postcss-cli":"8.3.1","autoprefixer":"9.7.1"},"_npmOperationalInternal":{"tmp":"tmp/whiplash-ui_0.6.0_1635443562821_0.14250648634185148","host":"s3://npm-registry-packages"}}},"time":{"created":"2017-07-10T16:54:45.897Z","modified":"2026-08-20T19:36:58.129Z","0.1.2":"2017-07-10T16:54:45.897Z","0.2.0":"2017-07-11T07:01:56.128Z","0.3.0":"2017-07-11T18:00:03.461Z","0.4.0":"2017-07-11T19:32:09.789Z","0.4.1":"2017-07-11T20:01:06.609Z","0.4.2":"2017-07-12T01:54:49.920Z","0.4.3":"2017-07-12T15:30:30.015Z","0.4.6":"2017-07-14T20:51:37.859Z","0.4.8":"2017-07-19T19:49:20.128Z","0.4.9":"2017-07-19T19:53:52.584Z","0.4.10":"2017-07-19T20:20:54.317Z","0.4.11":"2017-07-19T21:06:09.649Z","0.4.12":"2017-07-20T01:58:59.731Z","0.5.0":"2017-08-01T17:32:46.433Z","0.5.1":"2017-08-28T19:29:20.038Z","0.5.2-beta.0":"2019-11-12T21:59:27.159Z","0.5.2-beta.1":"2019-11-13T03:04:51.655Z","0.5.2-beta.2":"2019-11-13T19:54:55.761Z","0.5.2-beta.3":"2019-11-13T20:05:05.261Z","0.5.2-beta.4":"2019-11-13T20:16:12.198Z","0.5.2-beta.5":"2019-11-14T16:00:40.223Z","0.5.2-beta.6":"2019-11-14T16:17:56.769Z","0.5.2-beta.7":"2019-11-14T16:31:46.826Z","0.5.2-beta.8":"2019-11-14T16:51:08.326Z","0.5.2-beta.9":"2019-11-14T17:11:20.483Z","0.5.2-beta.10":"2019-11-14T17:31:17.588Z","0.5.2-beta.11":"2019-11-14T17:41:12.574Z","0.5.2-beta.12":"2019-11-14T18:10:24.322Z","0.5.2-beta.13":"2019-11-14T18:42:10.562Z","0.5.2-beta.14":"2019-11-14T19:03:14.952Z","0.5.2-beta.15":"2019-11-14T19:23:45.720Z","0.5.2-beta.16":"2019-11-14T21:14:17.975Z","0.5.2-beta.17":"2019-11-15T15:53:03.963Z","0.5.2-beta.18":"2019-11-15T15:58:59.987Z","0.5.2-beta.19":"2019-11-15T20:16:40.126Z","0.5.2-beta.20":"2019-11-15T20:32:36.590Z","0.5.2-beta.21":"2019-11-15T20:38:06.624Z","0.5.2-beta.22":"2019-11-15T21:02:19.152Z","0.5.2-beta.23":"2019-11-15T21:04:58.102Z","0.5.2-beta.24":"2019-11-15T21:19:03.737Z","0.5.2-beta.25":"2019-12-02T17:55:17.656Z","0.5.2-beta.26":"2019-12-02T19:48:37.424Z","0.5.2-beta.27":"2019-12-02T19:58:29.815Z","0.5.2-beta.28":"2019-12-02T20:07:54.693Z","0.5.2-beta.29":"2019-12-02T20:42:19.325Z","0.5.2-beta.30":"2019-12-03T18:41:55.490Z","0.5.2-beta.31":"2019-12-03T18:44:31.167Z","0.5.2-beta.32":"2019-12-03T18:46:26.424Z","0.5.2-beta.33":"2019-12-03T19:33:36.232Z","0.5.2-beta.34":"2019-12-05T20:15:18.188Z","0.5.2":"2020-01-11T02:42:43.820Z","0.5.3-beta.0":"2020-01-21T16:10:37.057Z","0.5.3-beta.1":"2020-01-21T20:40:34.943Z","0.5.3-beta.2":"2020-01-23T02:37:31.419Z","0.5.3-beta.3":"2020-01-28T21:40:41.036Z","0.5.3-beta.4":"2020-01-28T21:49:56.119Z","0.5.3-beta.5":"2020-02-14T18:11:46.250Z","0.5.3-beta.6":"2020-02-14T18:15:17.251Z","0.5.3-beta.7":"2020-02-14T18:49:29.645Z","0.5.3":"2020-03-02T18:05:08.870Z","0.5.4-beta.0":"2020-08-26T20:46:04.708Z","0.5.4-beta.1":"2020-08-26T20:51:35.328Z","0.5.4-beta.2":"2020-08-26T20:55:13.744Z","0.5.4-beta.3":"2020-08-26T21:05:23.944Z","0.5.4-beta.4":"2020-08-26T21:09:20.590Z","0.5.4-beta.5":"2020-08-26T21:12:27.391Z","0.5.4-beta.6":"2020-08-26T21:14:53.668Z","0.5.4-beta.7":"2020-08-26T21:20:42.939Z","0.5.4-beta.8":"2020-08-27T16:19:30.496Z","0.5.4":"2020-08-28T16:26:04.958Z","0.5.5":"2020-09-03T20:18:04.516Z","0.5.6":"2020-09-03T22:08:11.516Z","0.5.7-beta.0":"2020-10-12T16:38:48.639Z","0.5.7-beta.1":"2020-10-13T16:17:36.298Z","0.5.7-beta.2":"2020-10-28T19:07:13.865Z","0.5.7-beta.3":"2020-10-28T19:13:56.254Z","0.5.7-beta.4":"2020-10-28T19:45:23.182Z","0.5.7-beta.5":"2020-11-10T15:36:53.581Z","0.5.7-beta.6":"2020-11-17T19:32:34.818Z","0.5.7-beta.7":"2020-12-28T20:59:57.252Z","0.5.7-beta.8":"2020-12-28T21:55:46.256Z","0.5.7-beta.9":"2021-01-18T19:31:32.485Z","0.5.7-beta.10":"2021-01-18T21:41:07.668Z","0.5.8-beta.0":"2021-03-30T19:07:21.899Z","0.5.8-beta.1":"2021-03-30T19:50:13.467Z","0.5.8-beta.2":"2021-03-31T16:21:55.416Z","0.5.7-beta.11":"2021-04-22T17:47:27.958Z","0.5.7-beta.12":"2021-04-23T19:04:20.649Z","0.5.7-beta.13":"2021-04-23T19:13:40.339Z","0.5.7-beta.14":"2021-04-23T19:21:38.481Z","0.5.7-beta.15":"2021-05-20T14:26:03.228Z","0.5.7-beta.16":"2021-05-20T14:26:34.811Z","0.5.7-beta.17":"2021-05-20T18:34:20.251Z","0.5.7-beta.18":"2021-05-21T19:51:51.607Z","0.5.9-beta.0":"2021-08-11T18:20:39.456Z","0.5.9-beta.1":"2021-09-30T19:03:12.519Z","0.5.9-beta.2":"2021-10-01T16:40:12.739Z","0.5.9-beta.3":"2021-10-01T17:01:15.428Z","0.5.9-beta.4":"2021-10-01T17:41:50.426Z","0.5.9-beta.5":"2021-10-01T18:24:37.820Z","0.5.9-beta.6":"2021-10-04T20:12:07.124Z","0.5.9-beta.7":"2021-10-05T15:09:26.146Z","0.5.9-beta.8":"2021-10-05T15:14:52.387Z","0.5.9-beta.9":"2021-10-05T15:24:55.795Z","0.5.9-beta.10":"2021-10-05T19:22:54.663Z","0.5.9-beta.11":"2021-10-05T19:27:32.875Z","0.5.9":"2021-10-06T15:07:02.077Z","0.6.0-beta":"2021-10-25T16:47:45.636Z","0.6.0":"2021-10-28T17:52:42.986Z"},"bugs":{"url":"https://github.com/whiplashmerch/whiplash-ui/issues"},"author":{"url":"http://adamkempa.com/","name":"Adam Kempa","email":"adamkempa@gmail.com"},"license":"MIT","homepage":"https://github.com/whiplashmerch/whiplash-ui#readme","repository":{"url":"git+ssh://git@github.com/whiplashmerch/whiplash-ui.git","type":"git"},"description":"UI assets for Whiplash Merch","contributors":[{"name":"Adam Kempa","email":"adamkempa@gmail.com"},{"name":"Mark Dickson","email":"mark@sitesteaders.com"}],"maintainers":[{"email":"mark@sitesteaders.com","name":"mark.dickson"},{"email":"lydia.hillary@gmail.com","name":"lhillary86"},{"email":"michael.chen@ryder.com","name":"michael_is_hungry"},{"email":"adam@kempa.com","name":"adamkempa"},{"email":"abigailstauffer@gmail.com","name":"abberwabbers"},{"email":"todd.judd@gmail.com","name":"tracer482"},{"email":"ben.webb@ryder.com","name":"whiplashwebb"},{"email":"montch@gmail.com","name":"montch"},{"email":"ray.alavi@whiplash.com","name":"ralavi"},{"email":"marty543@gmail.com","name":"marty543"},{"email":"Jay.Ni@whiplash.com","name":"momodoggo"},{"email":"Benjamin_Bowen@ryder.com","name":"bbowen-ryder"},{"email":"jose_arana@ryder.com","name":"jarana-ryder"},{"email":"derrickotte@gmail.com","name":"deotte"},{"email":"jaehee.kim@ryder.com","name":"jaeheekim-ryder"},{"email":"DSelf@whiplash.com","name":"damonspelledright"},{"email":"renee.nordholm@ryder.com","name":"reneenordholm"},{"email":"gerald_morales@ryder.com","name":"geraldryder"},{"email":"gabriel_colombani@ryder.com","name":"gcolombani-ryder"},{"email":"drewbie.mccauley@gmail.com","name":"busfox"},{"email":"aaron.terrell@ryder.com","name":"3nus"},{"email":"support@whiplash.com","name":"rydershipsupport"},{"email":"caitlin.teed@gmail.com","name":"disco_druid"},{"email":"mitul_patel@ryder.com","name":"rydeme2026"},{"email":"franklin.bado@ryder.com","name":"franklin_bado"},{"email":"earthctzn1@gmail.com","name":"earthctzn"},{"email":"sumon_kashem@ryder.com","name":"ksmsumon"},{"email":"daniel.ionita@ryder.com","name":"danielionita88"},{"email":"anna.lim@ryder.com","name":"anna0423"},{"email":"sonia@getwhiplash.com","name":"soniadumitru"},{"email":"daniela_boadagonzalez1@ryder.com","name":"dboadagonzalez1"},{"email":"SaiKiran_Pochampally@ryder.com","name":"mail2saiky"},{"email":"jeffsgarris@gmail.com","name":"jeffgarris"}],"readme":"# whiplash-ui\nA library of global UI elements for use across Whiplash applications.\n\n\n## Usage\n\nTo implement the Whiplash UI, run `yarn add whiplash-ui` in your project's root directory.\n\nIn your `application.css` add the line:\n\n```\n*= require whiplash-ui/stylesheets/application\n```\n\nIn your `application.js` add the line:\n\n```\n//= require whiplash-ui/javascripts/behavior\n```\n\n## Elements\n\n### DotLoader loading indicator\n\nThis functionality is pulled right from the UI toolkit living style guide. To implement, create an element `<div class=\"loader-wrapper\">` and the JS will populate it with the necessary children for animation when the page loads.\n\n### SelectBox select input field\n\nThis component style is taken from the UI toolkit. To implement this style in a Whiplash UI-styled application, create an element `<select class=\"select-input\">` with options as you normally would. The JavaScript will then parse that element and its options and convert the HTML layout to what is expected to implement the more complex and customized select dropdown input.\n\n### Toggle checkbox control\n\nThe style of this control is taken from the UI toolkit. To implement in a Whiplash UI application, create an element `<input type=\"checkbox\" class=\"toggle-input\">` and the JS will create the required HTML structure to facilitate the complex styling of the element.\n\n### Checkbox\n\n```\n<div class=\"check-box\">\n  <input id=\"test\" type=\"checkbox\" class=\"check-box-input\" name=\"test\" value=\"on\">\n  <span class=\"check-box-button\"></span>\n  <label for=\"test\">This is a checkbox.</label>\n</div><br>\n<div class=\"check-box\">\n  <input id=\"test\" type=\"checkbox\" class=\"check-box-input\" name=\"test\" value=\"on\">\n  <span class=\"check-box-button\"></span>\n  <label for=\"test\">This is a second checkbox.</label>\n</div>\n```\n\n\n### Dropdown/up floating menu control\n\nIn order to implement this, you need to have the following HTML structure:\n\n```\n<div class=\"dropdown-wrapper\">\n\t<button class=\"button text\" data-dropdown=\"up-menu\">Menu Button/Link</button>\n\t<div class=\"dropdown dropdown-up\" id=\"up-menu\">\n\t\t<ul class=\"dropdown-list\">\n\t\t\t<li><a href=\"#\">Stuff</a></li>\n\t\t\t<li><a href=\"#\">Biz</a></li>\n\t\t</ul>\n\t</div>\n</div>\n```\n\nThere are two orientations -- a menu that drops down uses the class `dropdown-down` on the div that wraps `dropdown-list`. A menu that pops up from the button uses the class `dropdown-up`.\n","readmeFilename":"README.md"}