{"_id":"@degjs/storybook-addon-taffy","_rev":"7-48b8dbb59b4e5d3ab90af4681eb231c2","name":"@degjs/storybook-addon-taffy","dist-tags":{"latest":"1.0.4"},"versions":{"1.0.1":{"name":"@degjs/storybook-addon-taffy","version":"1.0.1","description":"A responsive viewport addon for Storybook","main":"dist/index.js","repository":{"type":"git","url":"git+https://github.com/DEGJS/storybook-addon-taffy.git"},"keywords":["storybook","responsive","taffy","addon"],"author":{"name":"Aaron Ladage","email":"aladage@degdigital.com"},"license":"ISC","bugs":{"url":"https://github.com/DEGJS/storybook-addon-taffy/issues"},"homepage":"https://github.com/DEGJS/storybook-addon-taffy#readme","scripts":{"compile":"rimraf dist/* && babel src -d dist","prepublish":"npm run compile"},"dependencies":{"re-resizable":"^6.2.0"},"devDependencies":{"@babel/cli":"7.8.4","@babel/core":"^7.7.7","@babel/preset-env":"^7.7.7","@babel/preset-react":"^7.8.3","eslint":"^6.8.0","rimraf":"^3.0.2"},"publishConfig":{"access":"public"},"babel":{"presets":["@babel/preset-env","@babel/preset-react"]},"gitHead":"1f5507cd35bf6215b6da9871bd6f6f62ef78a29d","_id":"@degjs/storybook-addon-taffy@1.0.1","_nodeVersion":"10.16.0","_npmVersion":"6.13.4","dist":{"integrity":"sha512-Y9uWSRXd4LmbmXL24JHk5nurvtM8Pzu0RBY9w9HCE5vn6m2CYDmUO6yTq5KjV8QGBXGUz3hJ/A+q05GvyrQOdQ==","shasum":"33b6edc751405ddb3a12904c4cfda37fdf95b4c7","tarball":"https://registry.npmjs.org/@degjs/storybook-addon-taffy/-/storybook-addon-taffy-1.0.1.tgz","fileCount":6,"unpackedSize":19984,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeTYZxCRA9TVsSAnZWagAAdTcP/RoQhTaMF2R/HJ7FBBOX\nZwC9ytn6cMtLhfrlYmxJl0Cf+ugmaUXn8U4M61hSRBWoq7kUU3UY4ZxZtlSc\nesyAn6nkwePen0zleOGa+4knITOkIBBc/wlvVoPlKWaY3w74JY4o2SuUd/uz\nXYhzeEzv20JSSMbuuspRgE700koCIoUJ1qrm7Zny58FZuSzhB9zX5vU7UAIO\ntcSndAdisZsFM+QFQf5CosoSjE4tckRIwmbsjuDD+kB12ivMcJ/+JoaHJ1U7\n1rjxHrS6T64JqMOf1qudePwuqUvDZJeCWh6Q3ss1KvLdLn29I6NOMfuR2CAt\nniwSFvMlGKWHxjg+MbF3uzhww4Q81kwKtKOm0XEZzYSvYyreWus5GVWWW0X2\nN2Fb61tA4XqC1IPftPmi/7Qm3lbqYfJHJSMrtR73124MrZ0rHFSPYuniMplO\nzyt8W0duP52o5fvpQOVsjwYTL9WxANxDQDkjpY97Ff7R7XuPlHX9h4RbkgEc\nH9r6+RiWWX/EExvpXhYyBj2MGgeXqm/FbjJo4pawvSRSQSGWc/cR4qWkA0GT\nNYED8cjnf4yt2vaiOhgQY8J9dEUMrXgNRj8WVKztZ9QcApSWeiqpWCtfEDzJ\nIHAQAlFvBLTx3GhMVaj9KYSGfJcOQTHbOkEnTVR3yf9SoFcXoAoU7qoBfXd/\ntgvn\r\n=3mlP\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDYAvfmntInctTBbcfhi4oDEVYqYtMCZb7SD/nHzwmzHAIgVgBbcfn/U4Ry8zlrQf+0r0hHKdkV1ccUl++Y5jpmvvI="}]},"maintainers":[{"name":"alejcerro","email":"alejcerro@gmail.com"},{"name":"kylegeary","email":"kgeary09@gmail.com"},{"name":"scheul93","email":"scheul93@gmail.com"},{"name":"heaper","email":"heaper@gmail.com"},{"name":"briangraves","email":"mail@brianleegraves.com"},{"name":"aladage","email":"aladage@gmail.com"},{"name":"jsmapr1","email":"jsmapr1@gmail.com"},{"name":"jlawhorn","email":"jlawhorn@degdigital.com"},{"name":"designbykhalid","email":"khalid@designbykhalid.com"}],"_npmUser":{"name":"aladage","email":"aladage@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/storybook-addon-taffy_1.0.1_1582138992675_0.22559695762714194"},"_hasShrinkwrap":false},"1.0.2":{"name":"@degjs/storybook-addon-taffy","version":"1.0.2","description":"A responsive viewport addon for Storybook","main":"dist/index.js","repository":{"type":"git","url":"git+https://github.com/DEGJS/storybook-addon-taffy.git"},"keywords":["storybook","responsive","taffy","addon"],"author":{"name":"Aaron Ladage","email":"aladage@degdigital.com"},"license":"ISC","bugs":{"url":"https://github.com/DEGJS/storybook-addon-taffy/issues"},"homepage":"https://github.com/DEGJS/storybook-addon-taffy#readme","scripts":{"compile":"rimraf dist/* && babel src -d dist","prepublish":"npm run compile"},"dependencies":{"re-resizable":"^6.2.0"},"devDependencies":{"@babel/cli":"7.8.4","@babel/core":"^7.7.7","@babel/preset-env":"^7.7.7","@babel/preset-react":"^7.8.3","eslint":"^6.8.0","rimraf":"^3.0.2"},"publishConfig":{"access":"public"},"babel":{"presets":["@babel/preset-env","@babel/preset-react"]},"gitHead":"8070a03e775dd71cc6484325fd3e03992751c398","_id":"@degjs/storybook-addon-taffy@1.0.2","_nodeVersion":"10.16.0","_npmVersion":"6.13.4","dist":{"integrity":"sha512-MvJItbHiO6T/3/Ng2HEqghoGWkSqVLNtZrDwcPb7lu6ZvZnUAbSY6eZgekOIQu+118SSfJPvXX78ArARG4gSWA==","shasum":"e27eb2a372155a2209165893eb964d96aeaa46af","tarball":"https://registry.npmjs.org/@degjs/storybook-addon-taffy/-/storybook-addon-taffy-1.0.2.tgz","fileCount":6,"unpackedSize":20017,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeTYpDCRA9TVsSAnZWagAAtg4QAIIyyX9N8L5rsisv7zBM\ncPXqYO07sh2Upd2B05BBXGaeH9+roBs+qyjcq2zlbf42XiWbXq/zDj9zvKu7\nWFYNF7CQZS0GP+ZQlsTaes1GgoxN9WDteDSChP6P3AAADxyZ6jFvK+e9w6v8\n4DMMS1RC+dtlW76zx6XqLvL/E6f/OEfozDlOmSv7oKuWSo/u7MiPgDugpigL\nVa3cCEw5SZ1Hm1jetFtbdJ0LDHkNbty3SVgbT0RIyHTAJlNPD4aUXFsBTH+v\naoR024CwCIX+oinrtWU719bj3sGBACz11xerZCULtwW2w+lJe6riqC+86ic2\nWPKcQPSMXsIIex92IjWQ50ehi4i99ZncUGgmbh7NG7y3CKe36rpDBZ8KXisq\n/lgb1wmgG40FvHwi3rfLgPqwvUqvv23s7Wyv1tXbBjvZQrFxXGfHAaxges14\nSiKYl2/mcaDPABj3WIaM/2Xo0bJ0RVHkuRu6PrB+BpUA9+4t8OcXV3IzmgpK\nWSGIbcH3kYBr4FsrWY9A02qAA7yXxodTvaPoryAOOMtiA9OSJqCOrW9qnGLF\nfSDxVIS1aP8p+0HFCQWjUUIkyf5l+2A1om7QRW/EOBN0mDp/Nq3ze2wVRQmD\nb4RwI90ASUnbmgkVaFst7i+LY5/zOuUgAK/5zS2HE0gbA+XX+Dat3IoLXpn2\nzcG/\r\n=o/VU\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCICBE5ag5HdVL/eH+kEyQD7S8Xy4MCwE/FkjvgsskepQsAiEAxDV/Y2+En/SWKfKgqNtV/1P7K/EXo45SNu1svFqv9FY="}]},"maintainers":[{"name":"aladage","email":"aladage@gmail.com"},{"name":"alejcerro","email":"alejcerro@gmail.com"},{"name":"briangraves","email":"mail@brianleegraves.com"},{"name":"designbykhalid","email":"khalid@designbykhalid.com"},{"name":"heaper","email":"heaper@gmail.com"},{"name":"jlawhorn","email":"jlawhorn@degdigital.com"},{"name":"jsmapr1","email":"jsmapr1@gmail.com"},{"name":"kylegeary","email":"kgeary09@gmail.com"},{"name":"scheul93","email":"scheul93@gmail.com"}],"_npmUser":{"name":"aladage","email":"aladage@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/storybook-addon-taffy_1.0.2_1582139970859_0.7875695332785924"},"_hasShrinkwrap":false},"1.0.3":{"name":"@degjs/storybook-addon-taffy","version":"1.0.3","description":"A responsive viewport addon for Storybook","main":"dist/index.js","repository":{"type":"git","url":"git+https://github.com/DEGJS/storybook-addon-taffy.git"},"keywords":["storybook","responsive","taffy","addon"],"author":{"name":"Aaron Ladage","email":"aladage@degdigital.com"},"license":"ISC","bugs":{"url":"https://github.com/DEGJS/storybook-addon-taffy/issues"},"homepage":"https://github.com/DEGJS/storybook-addon-taffy#readme","scripts":{"compile":"rimraf dist/* && babel src -d dist","prepublish":"npm run compile"},"dependencies":{"re-resizable":"^6.2.0"},"devDependencies":{"@babel/cli":"7.8.4","@babel/core":"^7.7.7","@babel/preset-env":"^7.7.7","@babel/preset-react":"^7.8.3","eslint":"^6.8.0","rimraf":"^3.0.2"},"publishConfig":{"access":"public"},"babel":{"presets":["@babel/preset-env","@babel/preset-react"]},"gitHead":"023ef764004a4012afb1c2a0b03af84662a2b88f","_id":"@degjs/storybook-addon-taffy@1.0.3","_nodeVersion":"10.16.0","_npmVersion":"6.13.4","dist":{"integrity":"sha512-DctIRUywPtqO61K2OMRYtRGUCWRPiwx7Bw+poAfQ3XMTT3PMtqdPYZlvUfoiVSFNdJtiCwg4VcJQvNLW2pXtJw==","shasum":"43009c2ba1ddceb22e1bbdb1d3386b544a43f509","tarball":"https://registry.npmjs.org/@degjs/storybook-addon-taffy/-/storybook-addon-taffy-1.0.3.tgz","fileCount":7,"unpackedSize":20044,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeTYw9CRA9TVsSAnZWagAA10MP/3SeI2LoNWEsyboqdHHc\nQS/HN1g/JNKwcRlgjIys6kDB+OwkWuaeX/AhgnoEMVgzJi23FTWTPs1PTqYF\niWDA1lyem0MOsVPBcyLBVCJMDDHQw+zCdSCyZ2pT93JAJu2Hx3f7ftwEQWE/\n1lyBgHZC2mHHQ0EY5VpI1JsNaNxCcxapc/v3XcMYN6uxC6rqmMOecf3mywct\n/Ibmx+/avu8h81MV5yAS11Iq6DCM/z3lwPAqVcdV9oaZoRrNzzFfeuBN1H+8\nRKxaXt6dR8+T8zXJZvUKQ8xb8tH9CPHnjMbXmFvvyXOESCD2AL28g/gjM0Y9\nf6Lh24JELcLzC4LGqO60CChtUt35gkwo15jrNhmE2tkbsRCx47EAgitQsU0X\nFyRrGL5wsqI7bmA/qcNb7U1MGBlqq8c+SWB1CPh4Elp2eDexDR80N3gHAG1J\nfVAidOF7eTy5MGqvh9YNQCdKSHPWw+ZH3O2sTfyIG1FPjAQzYX8KZ3JvUN3h\nslzfAcBF7+3mtn9fQxo2Xs4d7eP39Nf/isL3HBr+16l2oqb9H0xhWbArJZS3\nmgjWBYaDwGdVmodlSK3jbg8Dr60uBBaJT14k74WIAxbVCTiUrElh4tDvlqVB\niickv2Ux+Ik47s4IxzJB+7II9FgwopUXPvYD9tedUstn8fA6Imx5O897alsL\nXxV+\r\n=tqD4\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIAUTGtp4KZ7AQYX9+JH8aQZa+9D8ujqdPyjnSh256PHVAiEApExpktF5d4L2AMkEzuky2saRbnmjW1opHwlH7viZqRM="}]},"maintainers":[{"name":"aladage","email":"aladage@gmail.com"},{"name":"alejcerro","email":"alejcerro@gmail.com"},{"name":"briangraves","email":"mail@brianleegraves.com"},{"name":"designbykhalid","email":"khalid@designbykhalid.com"},{"name":"heaper","email":"heaper@gmail.com"},{"name":"jlawhorn","email":"jlawhorn@degdigital.com"},{"name":"jsmapr1","email":"jsmapr1@gmail.com"},{"name":"kylegeary","email":"kgeary09@gmail.com"},{"name":"scheul93","email":"scheul93@gmail.com"}],"_npmUser":{"name":"aladage","email":"aladage@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/storybook-addon-taffy_1.0.3_1582140477291_0.7634002630734169"},"_hasShrinkwrap":false},"1.0.4":{"name":"@degjs/storybook-addon-taffy","version":"1.0.4","description":"A responsive viewport addon for Storybook","main":"dist/index.js","repository":{"type":"git","url":"git+https://github.com/DEGJS/storybook-addon-taffy.git"},"keywords":["storybook","responsive","taffy","addon"],"author":{"name":"Aaron Ladage","email":"aladage@degdigital.com"},"license":"ISC","bugs":{"url":"https://github.com/DEGJS/storybook-addon-taffy/issues"},"homepage":"https://github.com/DEGJS/storybook-addon-taffy#readme","scripts":{"compile":"rimraf dist/* && babel src -d dist","prepublish":"npm run compile"},"dependencies":{"re-resizable":"^6.2.0"},"devDependencies":{"@babel/cli":"7.8.4","@babel/core":"^7.7.7","@babel/preset-env":"^7.7.7","@babel/preset-react":"^7.8.3","eslint":"^6.8.0","rimraf":"^3.0.2"},"publishConfig":{"access":"public"},"babel":{"presets":["@babel/preset-env","@babel/preset-react"]},"gitHead":"9187591cb1d08d093fab6f6cb36e56328c27e7a2","_id":"@degjs/storybook-addon-taffy@1.0.4","_nodeVersion":"10.16.0","_npmVersion":"6.13.4","dist":{"integrity":"sha512-TOx9lcqSFbMvKIN4hw4DDa2RgH0oJLgx8PGyZtHwkzjEq3bpLDuiLiwptfs4IZXsiP1GwdmwA+WdQmvHTstKnQ==","shasum":"3506d00177e5e4cbbc00a864aa8d6d707b471206","tarball":"https://registry.npmjs.org/@degjs/storybook-addon-taffy/-/storybook-addon-taffy-1.0.4.tgz","fileCount":7,"unpackedSize":20065,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeWAs8CRA9TVsSAnZWagAAjdAP/1+hq9qfLWBJS7RjBPpl\nEInnYYSQ3TKDvnQYQqsGPMGjUU3k9Q4/rnBsr4HiX+NmDw5+kVKIqp8qhZkl\nJMmr8QwlGkSzgh2cgvDqd/kRmGq/YynBRTTlxg2OakSj4XbJsrMxP49Hy2as\n2UcGzNl18LbCobyGzSlYWXCLuTFB+P6R/8wO1lrEVB/bwiJNqnfCIRghIWIh\npaIj/15MftF7FUInIcHh4QoC/+q0JBy1GdYwWLMqvfa+rV+jGVM9HlS7prP+\nb1WXJUhXl5tF70jhCy8uCoGUCNah04CVmpl+cd4nJQ31Y4huCoD487ul5TJY\nC/7wcC6Kggn3oi5ajj82XLO+s5ojUSN587PhVsAt/Am9LtnQlC1Nub7aJLhw\nW4P7yQMtfMfw8JxyvE3x9YS4rEB+gGgseR7OpUSUZLEk1T5jUQ6PaWUI/Thi\nWBIvZtHYa89bjkVcWyii1RvyFzGtluCPX7PiZYPMYfIH2D5KkvZhoMcwP0Wq\ngE0jtpYTus223hE+5ogjTTpOq1ZIe82sFXxos8DN1ZPNtiVtCGXZG/esXexs\nmbbUju2I9NZ1zqsPebOlkJVff2c3nsBT0nsARO3+syp1tvFH2UdOCPHg4N59\nPZhBpiWbteLEf6OhJ1Dgg5T+zM4aaRcbckbNyhzQRS4qLVHy2i1sb3LBkc/v\n2249\r\n=UqZH\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCBBOlXXTBA8F4oZ7irU3/vIdwupuEMeRlUi7qEUnteEgIgA7fsebReVEFgGtKftOtpoz/4XrvCAhMRzp0UPSfuT1A="}]},"maintainers":[{"name":"aladage","email":"aladage@gmail.com"},{"name":"alejcerro","email":"alejcerro@gmail.com"},{"name":"briangraves","email":"mail@brianleegraves.com"},{"name":"designbykhalid","email":"khalid@designbykhalid.com"},{"name":"heaper","email":"heaper@gmail.com"},{"name":"jlawhorn","email":"jlawhorn@degdigital.com"},{"name":"jsmapr1","email":"jsmapr1@gmail.com"},{"name":"kylegeary","email":"kgeary09@gmail.com"},{"name":"scheul93","email":"scheul93@gmail.com"}],"_npmUser":{"name":"aladage","email":"aladage@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/storybook-addon-taffy_1.0.4_1582828347539_0.9200513011506577"},"_hasShrinkwrap":false}},"time":{"created":"2020-02-19T19:03:12.525Z","1.0.1":"2020-02-19T19:03:12.793Z","modified":"2022-04-05T03:39:28.849Z","1.0.2":"2020-02-19T19:19:30.997Z","1.0.3":"2020-02-19T19:27:57.398Z","1.0.4":"2020-02-27T18:32:27.727Z"},"maintainers":[{"email":"heaper@gmail.com","name":"heaper"},{"email":"mail@brianleegraves.com","name":"briangraves"},{"email":"aladage@gmail.com","name":"aladage"},{"email":"jlawhorn@degdigital.com","name":"jlawhorn"},{"email":"khalid@designbykhalid.com","name":"designbykhalid"},{"email":"alejcerro@gmail.com","name":"alejcerro"},{"email":"vequanclark@yahoo.com","name":"vequanc"}],"description":"A responsive viewport addon for Storybook","homepage":"https://github.com/DEGJS/storybook-addon-taffy#readme","keywords":["storybook","responsive","taffy","addon"],"repository":{"type":"git","url":"git+https://github.com/DEGJS/storybook-addon-taffy.git"},"author":{"name":"Aaron Ladage","email":"aladage@degdigital.com"},"bugs":{"url":"https://github.com/DEGJS/storybook-addon-taffy/issues"},"license":"ISC","readme":"# Taffy\nTaffy is a responsive viewport addon for Storybook. This addon was heavily inspired by [Ish](https://github.com/bradfrost/ish.), the delightful resizer built into [Pattern Lab](https://patternlab.io/), Brad Frost's atomic design visualizer and static site generator.\n\nAlthough there are other Storybook resizers out there, Taffy brings some great new features to the party, including:\n\n* Dynamic resizing via a draggable handle on the right side of the viewport\n* Precise resizing by value entry, in either pixels or ems\n* One-click small, medium and large breakpoint buttons that resize the viewport to a randomized width within each range. \n* Full-screen view.\n* Support for resizing withing the Storybook Docs tab\n\n## Installation\nInstall the following npm module in your project:\n\n```\nnpm i --save-dev @degjs/storybook-addon-taffy\n```\n\nThen, register the addon in the `addons` array in `.storybook/main.js`:\n\n```\nmodule.exports = {\n    ...\n    addons: [\n        '@degjs/storybook-addon-taffy/register'\n    ]\n};\n```\n\nFinally, import `withTaffy` and add the decorator within `.storybook/preview.js`, like this:\n\n```\nimport { addDecorator } from '@storybook/react';\nimport { withTaffy } from '@degjs/storybook-addon-taffy';\n\naddDecorator(withTaffy);\n```\n\nThat's it! Restart your Storybook build, and you should see Taffy controls in the toolbar, as well as a resize handle on the right side of your story previews.","readmeFilename":"README.md"}