{"_id":"storybook-addon-designs","_rev":"56-d1b2dcd798748fd83e6292abd87c8d82","name":"storybook-addon-designs","dist-tags":{"alpha":"7.0.0-alpha.3","latest":"6.3.1","beta":"7.0.0-beta.2"},"versions":{"5.0.0-alpha.1":{"name":"storybook-addon-designs","version":"5.0.0-alpha.1","description":"Storybook addon for embedding your design preview in addon panel","main":"lib/index.js","types":"lib/index.d.ts","repository":{"type":"git","url":"git+ssh://git@github.com/pocka/storybook-addon-designs.git"},"homepage":"https://github.com/pocka/storybook-addon-designs/blob/master/packages/storybook-addon-designs","author":{"name":"pocka","email":"pockawoooh@gmail.com"},"license":"MIT","devDependencies":{"@storybook/addons":"^5.0.3","@storybook/components":"^5.0.3","@storybook/theming":"^5.0.3","@types/react":"^16.8.8","react":"^16.8.4","typescript":"^3.3.4000"},"peerDependencies":{"@storybook/addons":"^5.0.0","@storybook/components":"^5.0.0","@storybook/theming":"^5.0.0","react":">=16.8.0"},"scripts":{"dev":"tsc --watch --preserveWatchOutput","build":"tsc","test":"echo 'No tests' && exit 0","clean":"rm -r lib","prepublishOnly":"yarn build"},"gitHead":"787699ec1fc049e193c22cec8c168f82b864a756","bugs":{"url":"https://github.com/pocka/storybook-addon-designs/issues"},"_id":"storybook-addon-designs@5.0.0-alpha.1","_nodeVersion":"11.11.0","_npmVersion":"lerna/3.13.1/node@v11.11.0+x64 (linux)","dist":{"integrity":"sha512-V6RBMcUFZs2/Eui1KV/D9TYky4+oYZi9EcxLDKme6b/U9YDI4sSuqd+Xkx1YZanAyTiaCFtPxRyXVyMqSDrqfg==","shasum":"54ec3625377ef788fe72f531db5f594f62281ddb","tarball":"https://registry.npmjs.org/storybook-addon-designs/-/storybook-addon-designs-5.0.0-alpha.1.tgz","fileCount":20,"unpackedSize":6735,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJckkULCRA9TVsSAnZWagAAvO0P/37xNq2jvUSLiYG1FuDs\nR1E8KNx+XRFlQ0iCOX6eYz1Gq/6ITfIwMBmbAa1oQATatu97rWH0QXqTa/9+\nw/vZxiuIlAAW8w1jN8GwHKBYie3On1jTbsbLumDdLuPUVaaXC3LtB3jeI7kj\nH+771kn0E2o2XKBGQOI+Dg8GTnCsoWScl7tcaFrOwN48OP7cBqsyNdg18ren\nnKARjPN+6CwXuUmhZrSiR83WlNaHZ9tRUM55Qu4efyCaxYp2Q12U2HMyX2dQ\nyuYzCEp+Yo/h4cNzLnZgwv17KH7cKvqB92UG41uSF1ZeSuLzTK31A7Zfzuh8\nXDyi8oo1WWqwnWzq7Ele4cFxAxKdrpaPr5TOunHQR9XFRfV+aQq+D3KuIGVC\nNMh0+JpbjJ2wE4WrzY5HRdntnP5CLD5Wcw8SUy/JqiIgiHKKJle78rFkJmXj\nNQqAdQb1oWBSr/4BVkChWyDDdORlYbZiWC0AwGldCHj+WkhmfJHP97kX2YId\nUMbk0NFm/PhzYqQcRVwtMTQqB1KAiZyn++Eg9D3h3YLSrswEfFNyZgSP3+H8\nrCNn/WNesXlqp1WTJTEU4zvOYKP6rG87jBGaFxkp/DqBXoGbUrj4uoxGskle\nUr5MY67hbLyBFq3cLx+r0B6hae6a5XPuCtHslJ2VZTqLHqPyUK0IEHiD5nGx\n8Hj0\r\n=24Gf\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDYccEEYKBtST4rk6DaEZNaKkfi2G2krugpTJk3hy48sgIgRbEgI5wGN+23mqCp/2Q1jGq74huLFRHGt9wJHGc1MHs="}]},"maintainers":[{"name":"pocka","email":"pockawoooh@gmail.com"}],"_npmUser":{"name":"pocka","email":"pockawoooh@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/storybook-addon-designs_5.0.0-alpha.1_1553089802390_0.4306462450166171"},"_hasShrinkwrap":false},"5.0.0-alpha.2":{"name":"storybook-addon-designs","version":"5.0.0-alpha.2","description":"Storybook addon for embedding your design preview in addon panel","main":"lib/index.js","types":"lib/index.d.ts","repository":{"type":"git","url":"git+ssh://git@github.com/pocka/storybook-addon-designs.git"},"homepage":"https://github.com/pocka/storybook-addon-designs/blob/master/packages/storybook-addon-designs","author":{"name":"pocka","email":"pockawoooh@gmail.com"},"license":"MIT","devDependencies":{"@storybook/addons":"^5.0.3","@storybook/components":"^5.0.3","@storybook/theming":"^5.0.3","@types/react":"^16.8.8","react":"^16.8.4","typescript":"^3.3.4000"},"peerDependencies":{"@storybook/addons":"^5.0.0","@storybook/components":"^5.0.0","@storybook/theming":"^5.0.0","react":">=16.8.0"},"scripts":{"dev":"tsc --watch --preserveWatchOutput","build":"tsc","test":"echo 'No tests' && exit 0","clean":"rm -r lib","prepublishOnly":"cp ../../README.md ./ && yarn build"},"gitHead":"b30dd5d0d35e8c06f1528358ba15508374a78b5c","readme":"## storybook-addon-designs\n\nA [Storybook](https://github.com/storybooks/storybook) addon that embed Figma or websites in the addon panel for better design-development workflow.\n\n- Demo (WIP)\n\n## Requirements\n\n- Storybook@>=5.0.0\n\nThis addon should work well with any framework: If you find the case the addon not works, please open an issue.\n\n## Getting started\n\n1. Install\n\n```sh\nnpm install --save-dev storybook-addon-designs\n# yarn add -D storybook-addon-designs\n```\n\n2. Register the addon in `addons.js`\n\n```js\n// .storybook/addons.js\n\nimport 'storybook-addon-designs/register'\n```\n\n3. Add it to story!\n\n```js\nimport { withDesign } from 'storybook-addon-designs'\n\nstoriesOf('My stories', module)\n  .addDecorator(withDesign)\n  .add('My awesome story', () => <Button>Hello, World!</Button>, {\n    design: {\n      type: 'figma',\n      url: 'https://www.figma.com/file/LKQ4FJ4bTnCSjedbRpk931/Sample-File'\n    }\n  })\n```\n\n## Usage\n\nAdd `withDesign` decorator then put `design` parameter to your story.\n\n> NOTE: If you omit `design` parameter, the addon does nothing.\n\nThe type of `design` parameter is differ by embed type.\nIf you have basic knowledge of TypeScript, [type definition file](./packages/storybook-addon-designs/src/config.ts) will help you a lot.\n\n### `iframe` type\n\nJust show the specified website in `<iframe>` element.\n\n```js\n{\n  type: 'iframe',\n\n  // An URL to show in iframe\n  url: 'https://foo.bar',\n\n  // Optional. Whether to allow embed sites to enter fullscreen mode.\n  // default: false\n  allowFullscreen: true\n}\n```\n\n### `figma` type\n\nEmbedding [Figma Live Embed Kit](https://www.figma.com/developers/embed).\nCopy the URL from the browser search bar then paste it to `url` field.\n\n```js\n{\n  type: 'figma',\n\n  // An URL for the file/node/prototype\n  // Just copy&paste browsers URL bar!\n  url: 'https://www.figma.com/file/LKQ4FJ4bTnCSjedbRpk931'\n\n  // (From Figma's doc)\n  // ... something that identifies your site.\n  embedHost: 'storybook'\n\n  // In addition to these options, this type inherit options from `iframe` type\n}\n```\n\n## Related projects\n\n- [storybook-addon-figma](https://github.com/hharnisc/storybook-addon-figma)\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/pocka/storybook-addon-designs/issues"},"_id":"storybook-addon-designs@5.0.0-alpha.2","_nodeVersion":"11.11.0","_npmVersion":"lerna/3.13.1/node@v11.11.0+x64 (linux)","dist":{"integrity":"sha512-qScdI2iNrrMdXpwqwYcs0dbO+l6TfX1PWRX8rfCsuP9O2FKsbGlvNaD+Fqg3TaGWP677QwK1IBvhcwgSwd6UXA==","shasum":"86d1e4adbbfc031e27c6b7c859f34f2207c45d6f","tarball":"https://registry.npmjs.org/storybook-addon-designs/-/storybook-addon-designs-5.0.0-alpha.2.tgz","fileCount":21,"unpackedSize":8909,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJckkfaCRA9TVsSAnZWagAAJNMP/0kQEoWOqjKjxMbYrNvt\n1+co/GvvLqy3uIRpih0Nopac3+kvhOXAwS/qRmG8J+XoPxPaj50/cMGwBH8K\n1L6E7bDoKuAG2eoL91789E1zlj4rvAWkVsy/c0UEIM1JYycuJloo3AMVmKxo\nixRrkLQlTtBDRsbRTd/+3szeBbfzG0XgAx+G8KWsqNXhUiH4kdlrqAS+ONrK\nhSeSoPHzGBVdhF7bw0NA+37lO3bCJJacjPQ3KRTInh72hmheY2pK8JnPJ3Gi\niVyMsQi2Dw8lrm9Mw6dB98VoCWIFtv+SFayZoXVoDgk6HetSjWunU41Grik4\nVcbayWd+d89bnDxn+THJKJsXgIV0eQE9vyRUDqqUCIyvMu9UuRVfidNkyqdt\nUp87girU9e1SorwsZp5JjOBALi54fEmghfOzPvUZzRgvSaGj3X3wBskAZ4dv\nZ3btiUoVtfJoq29luO8ONebSlr0eubc5I20baYhonFeP6lb5JHgG38HXGrdx\nAkE0pTFzIqTKoyQpaOYXZUeYFDAp810jJaeXt+9Gz39fzYqR9e0gwPTGUx5x\nWpJR4WbYI27GtEIx/lpgnlSBpu0F1QUohvcDhEUk7sUkp78S6bfDU7dUEsVZ\nTPEG3srNGSvx0TTFR/GN4xOUXFksgGXei/1SYuLKDRebQzC3eqmio226YO46\nRqnj\r\n=RCFG\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIHA/f9DR8s9/NZZCN4fcnoUn9lpUdlT8ce0zXUhn+ghyAiBDF/Dq4jjoOctWh1X6qA8ecrGURLVXIFDD/D2LRC7KuA=="}]},"maintainers":[{"name":"pocka","email":"pockawoooh@gmail.com"}],"_npmUser":{"name":"pocka","email":"pockawoooh@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/storybook-addon-designs_5.0.0-alpha.2_1553090521691_0.10474649129104185"},"_hasShrinkwrap":false},"5.0.0-alpha.3":{"name":"storybook-addon-designs","version":"5.0.0-alpha.3","description":"Storybook addon for embedding your design preview in addon panel","main":"lib/index.js","types":"lib/index.d.ts","repository":{"type":"git","url":"git+ssh://git@github.com/pocka/storybook-addon-designs.git"},"author":{"name":"pocka","email":"pockawoooh@gmail.com"},"license":"MIT","devDependencies":{"@storybook/addons":"^5.0.3","@storybook/components":"^5.0.3","@storybook/theming":"^5.0.3","@types/react":"^16.8.8","react":"^16.8.4","typescript":"^3.3.4000"},"peerDependencies":{"@storybook/addons":"^5.0.0","@storybook/components":"^5.0.0","@storybook/theming":"^5.0.0","react":">=16.8.0"},"scripts":{"dev":"tsc --watch --preserveWatchOutput","build":"tsc","test":"echo 'No tests' && exit 0","clean":"rm -r lib","prepublishOnly":"cp ../../README.md ./ && yarn build"},"gitHead":"ad6909c3bec13ef24795a8834bac393fdbe1cd48","bugs":{"url":"https://github.com/pocka/storybook-addon-designs/issues"},"homepage":"https://github.com/pocka/storybook-addon-designs#readme","_id":"storybook-addon-designs@5.0.0-alpha.3","_nodeVersion":"11.11.0","_npmVersion":"lerna/3.13.1/node@v11.11.0+x64 (linux)","dist":{"integrity":"sha512-/BulOhiqOLTMS5lS50hK0PNIHQXi/ugfW05vDd3qR70Nd4wWdz2f7Qrx8pvn8iPNR9pXEqlnLRm/xjyyqTNqLA==","shasum":"a5a9705b8ba35a913c175730f497f01d43de1f70","tarball":"https://registry.npmjs.org/storybook-addon-designs/-/storybook-addon-designs-5.0.0-alpha.3.tgz","fileCount":21,"unpackedSize":8798,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJckkhQCRA9TVsSAnZWagAAUpgP/RFu9FfEh3drbQc7Iwbt\nvgXR9nGaKZa5gYlNxtmfDJK7ZwLfTsiX3IA5nyXcZGk585O/OypDBdI2eORA\ngH3UDWM/5RJMvkPm9f+t3KLMwtcsUafYPYIukMPCZ/cJUuynDy4Ko19S0UK0\n/g2Y1gf8o+aIZFtJ1YfARy+6I0Vx++gWJzyqAEfUoTZleCcT+2cCNQC4vs4G\nMxd+kDLuTp4vrAYkJdX33BCCagG9KOzzxEvsG0Nhd+g+1w0fHnCJr74xCIYy\nfkqxpQ4be2JXu8h9HE6veSTOPfMLyCickSHcM1h8G4w6MJGmf5c8BjGl/MeQ\n8YHQqDOTVcEpghv/+CBP0bMruCMoe4Fo22viWCP48r2TZA0zFaY5kUnvp17x\nE/KfmxV7FsMxqVKcjKk9rIg6vY9M166XljVDIQ6g3yPtQ5YpX3O/NxAyn+O2\njHEc/5aXexBsM8EyegcyvvDqD1X7wS3+2KABBfoXQSqmcx/bx5sw78DClacl\nM0kfv0wyQ+CAl1UJq1uSYjicfGDYIWIbU/zVFflYEuwEUycIWmkmD2s9Mq9C\nxjruyrsoCmiLtO1ENZdNE23S2r8iplEG2ar1ixMERVbleQwCj6jVIY++iqCb\n/g3nZ3GCEBQGBtApy5S6If7iC0oMB9S8wReCT6SHAhQP4KAHQ8RkcFKcW6pd\nA2UA\r\n=2Zbl\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDSDXOFAr6zTwtyvojo6UOBh4HjZfga4WY+Rk9pVaZMrwIgPhK5f3tWwlUsInecya3j/Y4CEQb4tXsvKCPpY2tRUYI="}]},"maintainers":[{"name":"pocka","email":"pockawoooh@gmail.com"}],"_npmUser":{"name":"pocka","email":"pockawoooh@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/storybook-addon-designs_5.0.0-alpha.3_1553090640273_0.2700739437462256"},"_hasShrinkwrap":false},"5.0.0-alpha.4":{"name":"storybook-addon-designs","version":"5.0.0-alpha.4","description":"Storybook addon for embedding your design preview in addon panel","main":"lib/index.js","types":"lib/index.d.ts","repository":{"type":"git","url":"git+ssh://git@github.com/pocka/storybook-addon-designs.git"},"homepage":"https://github.com/pocka/storybook-addon-designs","author":{"name":"pocka","email":"pockawoooh@gmail.com"},"license":"MIT","devDependencies":{"@storybook/addons":"^5.0.3","@storybook/components":"^5.0.3","@storybook/core-events":"^5.0.3","@storybook/theming":"^5.0.3","@types/pdfjs-dist":"^2.0.0","@types/react":"^16.8.8","@types/webpack-env":"^1.13.9","react":"^16.8.4","typescript":"^3.3.4000"},"peerDependencies":{"@storybook/addons":"^5.0.0","@storybook/components":"^5.0.0","@storybook/theming":"^5.0.0","react":">=16.8.0"},"scripts":{"dev":"tsc --watch --preserveWatchOutput","build":"tsc","test":"echo 'No tests' && exit 0","clean":"rm -r lib","prepublishOnly":"cp ../../README.md ./ && yarn build"},"dependencies":{"react-pdf":"^4.0.5"},"gitHead":"eee97c7a2782000067aa3c71f232648fceec3ee2","bugs":{"url":"https://github.com/pocka/storybook-addon-designs/issues"},"_id":"storybook-addon-designs@5.0.0-alpha.4","_nodeVersion":"11.11.0","_npmVersion":"lerna/3.13.1/node@v11.11.0+x64 (linux)","dist":{"integrity":"sha512-f++Zvmh6EYKJghHI2AMr1ftDJeuaL5CipjHCvVvonoFtvAlDkJl4xHMAEM/B//B/wb/wo1HrIlDkENN5dcnzpg==","shasum":"75cf86f3f04e079aa636e2ecbaff0b666fad1e7d","tarball":"https://registry.npmjs.org/storybook-addon-designs/-/storybook-addon-designs-5.0.0-alpha.4.tgz","fileCount":31,"unpackedSize":18773,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJclfFqCRA9TVsSAnZWagAA9VcP/AtvOJM7aKRTZqoz5HFh\nOIXclzNQ2U6eX76n1NkDyjLZ+RR81BxAuCQZDhuAze8TZ1Y9JgR6Kyqgz3DE\n8IYCanqe4DLiacgCBHHPJ0Zc5qiKh00ThtyhLqM8LAYKVmtqhaO/JhhOdOUa\nU/SJw1rWk3tH81l8pcPB5Jw66ON5Ym4mA5mSN3crtrHCI5Mzm3FGS3vKfZ7w\nGFyAwIJwB2gKYoZuWK1bcXb3FpOtF2WFeP4yMym/5Frzep9nlYuch77Vz/j5\nGF9TfK9/1SkmKI3sEp4AWYk8ELl7dQk4z7i3to2cT+W80h8b1wMyGKgNGh5B\nIO8RqGO855vk3IM2Txs8FoQVDwtoOdQSPjkaDy2rFko8sFJwbhcv1bI3sMcG\n6er3J9xY7KTUT3nOv8l07pdM47mxxI+EiITFZA7pvJl/GgWwiX8/9aR5hhQj\nfr3wj8CY2Yw8fIVBG7T2j3gVDUg2vDel++pipGvxo7Fu0ftlckYv4oqclYnw\nPUweSBBVZvM/8faEkex5tQuH9Uh3Ac4mCCB0FMPrPw8fxcHFIQ3GJyeW8YJ5\nxTZ8mEMlxW2FAQHohp35ho+/JfiHOFZ5tJDrqSdlV4gfGdMDfArC4diE2yoV\nu4anEX4OHeu0nLruEozbRLmQqPPbRGRmTcE5RZcBnb/xRYS3xsVOdWcHQDhL\n7tK/\r\n=Unaz\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCIt/X7xltWbLTCEmxBsAO5sefJUBvl0mwMt0gYCkaTWAIhANrJHI34hB7yuYMvsJr7cbxpql4ONO8Sk2FqfNpYo835"}]},"maintainers":[{"name":"pocka","email":"pockawoooh@gmail.com"}],"_npmUser":{"name":"pocka","email":"pockawoooh@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/storybook-addon-designs_5.0.0-alpha.4_1553330538073_0.6360832587875427"},"_hasShrinkwrap":false},"5.0.0-alpha.7":{"name":"storybook-addon-designs","version":"5.0.0-alpha.7","description":"Storybook addon for embedding your design preview in addon panel","main":"lib/index.js","types":"lib/index.d.ts","repository":{"type":"git","url":"git+ssh://git@github.com/pocka/storybook-addon-designs.git"},"homepage":"https://github.com/pocka/storybook-addon-designs","author":{"name":"pocka","email":"pockawoooh@gmail.com"},"license":"MIT","devDependencies":{"@storybook/addons":"^5.0.3","@storybook/components":"^5.0.3","@storybook/core-events":"^5.0.3","@storybook/theming":"^5.0.3","@types/pdfjs-dist":"^2.0.0","@types/react":"^16.8.8","@types/webpack-env":"^1.13.9","react":"^16.8.4","typescript":"^3.3.4000"},"peerDependencies":{"@storybook/addons":"^5.0.0","@storybook/components":"^5.0.0","@storybook/theming":"^5.0.0","react":">=16.8.0"},"scripts":{"dev":"tsc --watch --preserveWatchOutput","build":"tsc","test":"echo 'No tests' && exit 0","clean":"rm -r lib","prepublishOnly":"cp ../../README.md ./ && yarn build"},"dependencies":{"react-pdf":"^4.0.5"},"publishConfig":{"tag":"alpha"},"readme":"<div align=\"center\">\n  \n  <img src=\"./packages/assets/logo.png\" width=\"104\" alt=\"logo\">\n  <br/>\n\n[![npm version](https://badge.fury.io/js/storybook-addon-designs.svg)](https://badge.fury.io/js/storybook-addon-designs)\n[![Monthly download](https://img.shields.io/npm/dm/storybook-addon-designs.svg)](https://www.npmjs.com/package/storybook-addon-designs)\n[![GitHub license](https://img.shields.io/github/license/pocka/storybook-addon-designs.svg)](https://github.com/pocka/storybook-addon-designs/blob/master/LICENSE)\n[![code style: prettier](https://img.shields.io/badge/code_style-prettier-ff69b4.svg)](https://github.com/prettier/prettier)\n\n</div>\n\n<hr/>\n\n## storybook-addon-designs\n\nA [Storybook](https://github.com/storybooks/storybook) addon that embed Figma or websites in the addon panel for better design-development workflow.\n\n- [Demo](https://pocka.github.io/storybook-addon-designs)\n\n## Requirements\n\n- Storybook@>=5.0.0\n\nThis addon should work well with any framework: If you find the case the addon not works, please open an issue.\n\n## Getting started\n\n1. Install\n\n```sh\nnpm install --save-dev storybook-addon-designs\n# yarn add -D storybook-addon-designs\n```\n\n2. Register the addon in `addons.js`\n\n```js\n// .storybook/addons.js\n\nimport 'storybook-addon-designs/register'\n```\n\n3. Add it to story!\n\n```js\nimport { withDesign } from 'storybook-addon-designs'\n\nstoriesOf('My stories', module)\n  .addDecorator(withDesign)\n  .add('My awesome story', () => <Button>Hello, World!</Button>, {\n    design: {\n      type: 'figma',\n      url: 'https://www.figma.com/file/LKQ4FJ4bTnCSjedbRpk931/Sample-File'\n    }\n  })\n```\n\n## Usage\n\nAdd `withDesign` decorator then put `design` parameter to your story.\n\n> NOTE: If you omit `design` parameter, the addon does nothing.\n\nThe type of `design` parameter is differ by embed type.\nIf you have basic knowledge of TypeScript, [type definition file](./packages/storybook-addon-designs/src/config.ts) will help you a lot.\n\n### `iframe` type\n\nJust show the specified website in `<iframe>` element.\n\n```js\n{\n  type: 'iframe',\n\n  // An URL to show in iframe\n  url: 'https://foo.bar',\n\n  // Optional. Whether to allow embed sites to enter fullscreen mode.\n  // default: false\n  allowFullscreen: true\n}\n```\n\n### `figma` type\n\nEmbedding [Figma Live Embed Kit](https://www.figma.com/developers/embed).\nCopy the URL from the browser search bar then paste it to `url` field.\n\n```js\n{\n  type: 'figma',\n\n  // An URL for the file/node/prototype\n  // Just copy&paste browsers URL bar!\n  url: 'https://www.figma.com/file/LKQ4FJ4bTnCSjedbRpk931'\n\n  // (From Figma's doc)\n  // ... something that identifies your site.\n  embedHost: 'storybook'\n\n  // In addition to these options, this type inherit options from `iframe` type\n}\n```\n\n## Related projects\n\n- [storybook-addon-figma](https://github.com/hharnisc/storybook-addon-figma)\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/pocka/storybook-addon-designs/issues"},"_id":"storybook-addon-designs@5.0.0-alpha.7","_nodeVersion":"10.15.3","_npmVersion":"lerna/3.13.1/node@v10.15.3+x64 (linux)","dist":{"integrity":"sha512-OZJkDOgkGxBKoOi5KsSXGYcuvss80Hlave7vJoiISX0X3GP+U0L3Xv1v3eBe1S+TkjA7Ptel/U0lksYhM9Rz8Q==","shasum":"4262aa64e16c9ecabfd1d67439b40d6d01daae12","tarball":"https://registry.npmjs.org/storybook-addon-designs/-/storybook-addon-designs-5.0.0-alpha.7.tgz","fileCount":28,"unpackedSize":19917,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJclf/oCRA9TVsSAnZWagAAe5wP+wWA8OL/5SV2Bw7ufRSs\nVxIqXFxZWZrS23/xo27gVm0xT3cgtAdC2+d74IYyBpWyAa59NeJ/JV9KIyhN\nNtKAyE2ntkM7xVuzmubHeg5lz9dGbDk3nkX7SpW3jHTO7m9fuvQcPnldRNMs\nlNmhR78Ksl0nlSy8mY2JRsnR//JPT2+vFtrkHbMUXS5VMtardEwwyZGr0WIC\nwky4cEaypFGZputr2/jaQGiuH+j8eNZlH1t7vN+ASbuopMQtlX7g4cFNMNLT\nH+oK2EF5N5zDWnpVxhCJh6HTWfReB9wtJcv3l3Vw4p/zCWo6NcbqcshAM6O0\nXB+NVZcBimGHPU80jHkcygHEZiNCyL80B7JdmA+IE9Hji0CQMSEqx0cLZgdq\nWzu06AuJJhKe3se+vV/DJ1Rso4jbfoflvt0OJfyhh31FB0y2YGfDpiCa50rY\nZYW3KYfy2TtGsHmQXemttar4Dbn/vSu66stf1nFtCYtktPxL42D3FmhnV9pP\ndFOAmXElIeHJATP0IIr/VbMiSAU0crRnthbItlv2J2SWw9gXK8GBMHB3PXuk\n09RNnfG6n3zclkPLUFG53rz8d3woEpC/rnp3Govb0KdzDER6oW1n1KfDzPAt\nNg1FZn1J8TQzpSTQcohOy09de6gwa0KYPaflRObCq7yqNgo7s+xpK3PREBo5\nNNtp\r\n=HI+u\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIERqZ9c6XSTPPk0UGD8vDAq10aDRJRDiHmOSA2eq/x9sAiBoWcWxKWNnFabvdMkH4p5LfZROm+gX59AyJYvj+VnYiA=="}]},"maintainers":[{"name":"pocka","email":"pockawoooh@gmail.com"}],"_npmUser":{"name":"pocka","email":"pockawoooh@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/storybook-addon-designs_5.0.0-alpha.7_1553334247942_0.9586016905261345"},"_hasShrinkwrap":false},"5.0.0-alpha.8":{"name":"storybook-addon-designs","version":"5.0.0-alpha.8","description":"Storybook addon for embedding your design preview in addon panel","main":"lib/index.js","types":"lib/index.d.ts","repository":{"type":"git","url":"git+ssh://git@github.com/pocka/storybook-addon-designs.git"},"homepage":"https://github.com/pocka/storybook-addon-designs","author":{"name":"pocka","email":"pockawoooh@gmail.com"},"license":"MIT","devDependencies":{"@storybook/addons":"^5.0.3","@storybook/components":"^5.0.3","@storybook/core-events":"^5.0.3","@storybook/theming":"^5.0.3","@types/pdfjs-dist":"^2.0.0","@types/react":"^16.8.8","@types/webpack-env":"^1.13.9","react":"^16.8.4","typescript":"^3.3.4000"},"peerDependencies":{"@storybook/addons":"^5.0.0","@storybook/components":"^5.0.0","@storybook/theming":"^5.0.0","react":">=16.8.0"},"scripts":{"dev":"tsc --watch --preserveWatchOutput","build":"tsc","test":"echo 'No tests' && exit 0","clean":"rm -r lib","prepublishOnly":"cp ../../README.md ./ && yarn build"},"dependencies":{"react-pdf":"^4.0.5"},"publishConfig":{"tag":"alpha"},"readme":"<div align=\"center\">\n  \n  <img src=\"./packages/assets/logo.png\" width=\"104\" alt=\"logo\">\n  <br/>\n\n[![npm version](https://badge.fury.io/js/storybook-addon-designs.svg)](https://badge.fury.io/js/storybook-addon-designs)\n[![Monthly download](https://img.shields.io/npm/dm/storybook-addon-designs.svg)](https://www.npmjs.com/package/storybook-addon-designs)\n[![GitHub license](https://img.shields.io/github/license/pocka/storybook-addon-designs.svg)](https://github.com/pocka/storybook-addon-designs/blob/master/LICENSE)\n[![code style: prettier](https://img.shields.io/badge/code_style-prettier-ff69b4.svg)](https://github.com/prettier/prettier)\n\n</div>\n\n<hr/>\n\n## storybook-addon-designs\n\nA [Storybook](https://github.com/storybooks/storybook) addon that embed Figma or websites in the addon panel for better design-development workflow.\n\n- [Demo](https://pocka.github.io/storybook-addon-designs)\n\n## Requirements\n\n- Storybook@>=5.0.0\n\nThis addon should work well with any framework: If you find the case the addon not works, please open an issue.\n\n## Getting started\n\n1. Install\n\n```sh\nnpm install --save-dev storybook-addon-designs\n# yarn add -D storybook-addon-designs\n```\n\n2. Register the addon in `addons.js`\n\n```js\n// .storybook/addons.js\n\nimport 'storybook-addon-designs/register'\n```\n\n3. Add it to story!\n\n```js\nimport { withDesign } from 'storybook-addon-designs'\n\nstoriesOf('My stories', module)\n  .addDecorator(withDesign)\n  .add('My awesome story', () => <Button>Hello, World!</Button>, {\n    design: {\n      type: 'figma',\n      url: 'https://www.figma.com/file/LKQ4FJ4bTnCSjedbRpk931/Sample-File'\n    }\n  })\n```\n\n## Usage\n\nAdd `withDesign` decorator then put `design` parameter to your story.\n\n> NOTE: If you omit `design` parameter, the addon does nothing.\n\nThe type of `design` parameter is differ by embed type.\nIf you have basic knowledge of TypeScript, [type definition file](./packages/storybook-addon-designs/src/config.ts) will help you a lot.\n\n### `iframe` type\n\nJust show the specified website in `<iframe>` element.\n\n```js\n{\n  type: 'iframe',\n\n  // An URL to show in iframe\n  url: 'https://foo.bar',\n\n  // Optional. Whether to allow embed sites to enter fullscreen mode.\n  // default: false\n  allowFullscreen: true\n}\n```\n\n### `figma` type\n\nEmbedding [Figma Live Embed Kit](https://www.figma.com/developers/embed).\nCopy the URL from the browser search bar then paste it to `url` field.\n\n```js\n{\n  type: 'figma',\n\n  // An URL for the file/node/prototype\n  // Just copy&paste browsers URL bar!\n  url: 'https://www.figma.com/file/LKQ4FJ4bTnCSjedbRpk931'\n\n  // (From Figma's doc)\n  // ... something that identifies your site.\n  embedHost: 'storybook'\n\n  // In addition to these options, this type inherit options from `iframe` type\n}\n```\n\n## Related projects\n\n- [storybook-addon-figma](https://github.com/hharnisc/storybook-addon-figma)\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/pocka/storybook-addon-designs/issues"},"_id":"storybook-addon-designs@5.0.0-alpha.8","_nodeVersion":"10.15.3","_npmVersion":"lerna/3.13.1/node@v10.15.3+x64 (linux)","dist":{"integrity":"sha512-oH1t5xuXwbO4VHcbzz6dSDE5JCzj1bfHckmDEBqoumK50U+a+XzTlAeVXnEv2972rK5tbz2uWMARzvxjpfVxsQ==","shasum":"6148ac1263028a8f50cf61536f7786a6c6711606","tarball":"https://registry.npmjs.org/storybook-addon-designs/-/storybook-addon-designs-5.0.0-alpha.8.tgz","fileCount":28,"unpackedSize":20673,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJcliKvCRA9TVsSAnZWagAAK8cP/1v0z2jzxEYb6MbTtukW\nuBKUTLX5yugtUzZpVgkpXlCFEbsXd2Lgvb3wTnKhBkmESiCY/qxhpEUv6Ars\nzxgaikDOk/nqeYcynoszfzvqOjlRENaA/uPgJf8QG53P+OwRWmg6VdKrw6RJ\nsTTEhD8IT8gnjuDEE1XV2UqAzbb5ZVG/iSh9VETYSNQ4ndaBiEl59KNKN/ja\nWCnh09jZzBrsNoaE4rIyyTks8bBR2lODNmsV0TVroeIf6rhMooZD4/5V1bba\nrk3pnCZvcwyx77pW5wH1lkV96zb0xhig1ERnAArYE6tja0uU+EHvEm/HDbDs\nRvoeYhMgposT6Ayb/K4mxGoeYfS6DVmDznzYHY4JN3ftdX7y01TurYLaH0Hq\nBhDQndKl3cvcGGUfKJsrTGAXIeVPMmgYfJvZ45H0DHCNl/dPZQ+lpQO5hbrZ\nmN5y7mK2/VNsqc0TWHXGFA1+dtq97fO0Elf+xKeyck0QOVTTqBJ678GBSk0a\n6HedT0k/tUQhUr9yDogHiVSu0Kmj6voOvtkwxY4FQQNCV/RAKmfEYIMBnUOz\nlal0zVZdqikTrz9Jb0v+AkK1O4nogSVLaK9rMRdzUL68kWlbgIUdRLgCZ/5b\nenhk+4SGQYqVXhKTPPt+STI+3MY32k0R5OfNN/FFE3DECDjAqUHzGOXOGGfi\niFeg\r\n=BHSm\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIDmpFsj/JdiFWNxYVPfaYkAG4zvOKbmAFy0cyuq/shlnAiEA10LOLmdqMDRhWh6+L8+F9UawhYFx9jP2m8HYGS0tAYk="}]},"maintainers":[{"name":"pocka","email":"pockawoooh@gmail.com"}],"_npmUser":{"name":"pocka","email":"pockawoooh@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/storybook-addon-designs_5.0.0-alpha.8_1553343151252_0.007107970061760449"},"_hasShrinkwrap":false},"5.0.0-alpha.9":{"name":"storybook-addon-designs","version":"5.0.0-alpha.9","description":"Storybook addon for embedding your design preview in addon panel","main":"lib/index.js","types":"lib/index.d.ts","repository":{"type":"git","url":"git+ssh://git@github.com/pocka/storybook-addon-designs.git"},"homepage":"https://github.com/pocka/storybook-addon-designs","author":{"name":"pocka","email":"pockawoooh@gmail.com"},"license":"MIT","devDependencies":{"@storybook/addons":"^5.0.3","@storybook/components":"^5.0.3","@storybook/core-events":"^5.0.3","@storybook/theming":"^5.0.3","@types/pdfjs-dist":"^2.0.0","@types/react":"^16.8.8","@types/webpack-env":"^1.13.9","react":"^16.8.4","typescript":"^3.3.4000"},"peerDependencies":{"@storybook/addons":"^5.0.0","@storybook/components":"^5.0.0","@storybook/theming":"^5.0.0","react":">=16.8.0"},"scripts":{"dev":"tsc --watch --preserveWatchOutput","build":"tsc","test":"echo 'No tests' && exit 0","clean":"rm -r lib","prepublishOnly":"cp ../../README.md ./ && yarn build"},"dependencies":{"react-pdf":"^4.0.5"},"publishConfig":{"tag":"alpha"},"readme":"<div align=\"center\">\n  \n  <img src=\"./packages/assets/logo.png\" width=\"104\" alt=\"logo\">\n  <br/>\n\n[![npm version](https://badge.fury.io/js/storybook-addon-designs.svg)](https://badge.fury.io/js/storybook-addon-designs)\n[![Monthly download](https://img.shields.io/npm/dm/storybook-addon-designs.svg)](https://www.npmjs.com/package/storybook-addon-designs)\n[![GitHub license](https://img.shields.io/github/license/pocka/storybook-addon-designs.svg)](https://github.com/pocka/storybook-addon-designs/blob/master/LICENSE)\n[![code style: prettier](https://img.shields.io/badge/code_style-prettier-ff69b4.svg)](https://github.com/prettier/prettier)\n\n</div>\n\n<hr/>\n\n## storybook-addon-designs\n\nA [Storybook](https://github.com/storybooks/storybook) addon that embed Figma or websites in the addon panel for better design-development workflow.\n\n- [Demo](https://pocka.github.io/storybook-addon-designs)\n\n## Requirements\n\n- Storybook@>=5.0.0\n\nThis addon should work well with any framework: If you find the case the addon not works, please open an issue.\n\n## Getting started\n\n1. Install\n\n```sh\nnpm install --save-dev storybook-addon-designs\n# yarn add -D storybook-addon-designs\n```\n\n2. Register the addon in `addons.js`\n\n```js\n// .storybook/addons.js\n\nimport 'storybook-addon-designs/register'\n```\n\n3. Add it to story!\n\n```js\nimport { withDesign } from 'storybook-addon-designs'\n\nstoriesOf('My stories', module)\n  .addDecorator(withDesign)\n  .add('My awesome story', () => <Button>Hello, World!</Button>, {\n    design: {\n      type: 'figma',\n      url: 'https://www.figma.com/file/LKQ4FJ4bTnCSjedbRpk931/Sample-File'\n    }\n  })\n```\n\n## Usage\n\nAdd `withDesign` decorator then put `design` parameter to your story.\n\n> NOTE: If you omit `design` parameter, the addon does nothing.\n\nThe type of `design` parameter is differ by embed type.\nFor more detailed information, see [type definition file](./packages/storybook-addon-designs/src/config.ts).\n\n### Available types\n\n- `iframe` ... Embed `<iframe/>`.\n- `figma` ... Embed [Figma Live Embed Kit](https://www.figma.com/developers/embed).\n- `pdf` ... Embed PDF document.\n\n### Utility dumb function\n\nIf you want type support for type checking or IDE auto completion, use exported [`config` function](./packages/storybook-addon-designs/src/index.ts#L24).\n\n```ts\nimport { config } from 'storybook-addon-designs'\n\nstoriesOf('foo', module).add('bar', () => <Button>Hello, World!</Button>, {\n  design: config({\n    // IDE would auto complete keys and `type` values!\n    type: 'iframe',\n    url: 'https://www.figma.com/file/LKQ4FJ4bTnCSjedbRpk931/Sample-File'\n  })\n})\n```\n\n## Similar projects\n\n- [storybook-addon-figma](https://github.com/hharnisc/storybook-addon-figma)\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/pocka/storybook-addon-designs/issues"},"_id":"storybook-addon-designs@5.0.0-alpha.9","_nodeVersion":"10.15.3","_npmVersion":"lerna/3.13.1/node@v10.15.3+x64 (linux)","dist":{"integrity":"sha512-K8HW/iKdebyDjT3WQNWczClJZ/pmyorwmUz30YDeFt+JZ4fNEZYKSiuEM66eOlomxOxoPpsFGEVevl7EG8NIsQ==","shasum":"3459ce1f95e223d12022c0cbc475f41e9e57bfea","tarball":"https://registry.npmjs.org/storybook-addon-designs/-/storybook-addon-designs-5.0.0-alpha.9.tgz","fileCount":28,"unpackedSize":21938,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJcl/BYCRA9TVsSAnZWagAASJ0P/jzGCmAL+nL4a5VpC3P9\n/ttNfjh+Oqf3ycZ3rZqeO5m7lURHOImF/cUIRqaYUu0uR+KW5UARwUoJWBwS\nZ7t4lXYxuluTAXlYbZwHaJK/02JYCFAbjTYMW0BwxDT08/ArGW4rQpJY9Xdy\nkCVdUja8T4n+64/mLiAoTopTXbJJskr3/f7IeJ8Tt00n7DttxgNT8Hqrcrw6\ncGHuw8BEjSE4xrC7R/fe+I1JXpPP9gFZeEptjB5gO5FkrEuKow6PUtDkT/Y0\nJywt3ApvbTRehvbk/YDKf2/jwksmtb3CdjG1crqmvn2aGq+GcUD/RVzM5q9t\nmr1aliqGRI2MLDYDpGaz4mj6k5sEAOSY9TeMsgiutj0zFLvTK6aJyWWjLqXc\nJndYmqQ5QQaxr4Xn4jEYnS+3hAa8M2CUkpIXiNxqWieT6KSd4oeTc88SNHAI\nXuq/1nQhxadITaAnl7FHMmtrxSrE8LVcSA016p+imy5JElH5mZSW5aSGYtT2\n1RAvNSxEdZLc327QAfRrYcs1DL/qpS46EBuJTUlN4Ler5N0hPji92ENk6zzI\n92r+8IuNj7bI/Q5pLjpWpUST3SPON92FFoCQdSm5eiiz05DlvpRqlz16XBEz\n3PMXDhXVmLrO2Y9jBLNFiWjhPwVYNGjAAsbp6uPprwV9lHQb5tuOKGgg1fvK\nBN4z\r\n=qoSv\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQC4Pn9056ZL6UEbarJfmsSZ5DDs8JUsYF4qmlx4NgqmAwIhALZW1xrFkovtlEQBuANCJPa9bK3gOIf9CwjhDp2CyxOC"}]},"maintainers":[{"name":"pocka","email":"pockawoooh@gmail.com"}],"_npmUser":{"name":"pocka","email":"pockawoooh@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/storybook-addon-designs_5.0.0-alpha.9_1553461335928_0.20272702676139343"},"_hasShrinkwrap":false},"5.0.0":{"name":"storybook-addon-designs","version":"5.0.0","description":"Storybook addon for embedding your design preview in addon panel","main":"lib/index.js","types":"lib/index.d.ts","repository":{"type":"git","url":"git+ssh://git@github.com/pocka/storybook-addon-designs.git"},"homepage":"https://github.com/pocka/storybook-addon-designs","author":{"name":"pocka","email":"pockawoooh@gmail.com"},"license":"MIT","devDependencies":{"@storybook/addons":"^5.0.3","@storybook/components":"^5.0.3","@storybook/core-events":"^5.0.3","@storybook/theming":"^5.0.3","@types/pdfjs-dist":"^2.0.0","@types/react":"^16.8.8","@types/webpack-env":"^1.13.9","react":"^16.8.4","typescript":"^3.3.4000"},"peerDependencies":{"@storybook/addons":"^5.0.0","@storybook/components":"^5.0.0","@storybook/theming":"^5.0.0","react":">=16.8.0"},"scripts":{"dev":"tsc --watch --preserveWatchOutput","build":"tsc","test":"echo 'No tests' && exit 0","clean":"rm -r lib","prepublishOnly":"cp ../../README.md ./ && yarn build"},"dependencies":{"react-pdf":"^4.0.5"},"publishConfig":{"tag":"latest"},"bugs":{"url":"https://github.com/pocka/storybook-addon-designs/issues"},"_id":"storybook-addon-designs@5.0.0","_nodeVersion":"10.15.3","_npmVersion":"lerna/3.13.1/node@v10.15.3+x64 (linux)","dist":{"integrity":"sha512-zhhcJ5dAKck9lSA7GUSpA1kD5IhA8odJpPOlHAmpMYXe2je3v70aMKEdTd31ICRgneZwBh5VCD/pfhZnKYzRLQ==","shasum":"0d102d819af4e74d7a497c459e52ee8110731751","tarball":"https://registry.npmjs.org/storybook-addon-designs/-/storybook-addon-designs-5.0.0.tgz","fileCount":32,"unpackedSize":24626,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJcl/zFCRA9TVsSAnZWagAAOcMP/R/WXKffKMPMAesnj0AY\nTj2EGhVGbQv8pS7UdLY4QRgaXEaBpNwvx2Gk3uPCsUNuu6FX9FefpL2UUdxq\nnTlhOjPPVeumNj1a9WksZY1bwyQrqvX7aKFluGqR5wYM9eTobYrhW7dwwOF/\nVjLpNvBzReW3EVCx2lsVrjhnzYI3CFSlq23MuPph5ki5Ys/kde6DDC/K3XS3\ntKJd2xYH1TgtqkHG0OwjF+2nexa1jj5RRhqjMmtfT9xJnHcGSnjErWX3Z0ln\nP4MTRZyupghXRSlO9l5le02yEv/q4hSB/xu2SO+Z0GHed5wZHSKcyeqyRbzM\nwsZ839MfXU+7YsXVp0NpUFRsbASg/i/5zoNxH8OUUYQON2Po53KyKsPZHfFt\ntL60iTz22SjJeyyfLa/9awR5pQSdfiwhoY+63mRQM54ZOgWpLP0wL3FBeZUe\niZYviDToR+DOjkGofWRPeBPgnLbUHN/hdccXUXyGFNK+Ld0a+am0mifywnux\nBCNFQ3eKfZmh6IRR+k0ITTkTO/x1FTzATuUTIoVTc4p+9Gz4TGmONJD6NniK\nkv+Q8ZQz5lw9E0BVeaIbas0YVANMo7J4Sad9qcZCmDGrvzIq/oNGqfbYWs5Q\nTOid4i1GOBq/dVBOx8zn7gwYtLVc2ryqtlPQw6lPriQG2O53y6GT7YmUDLga\nuxfC\r\n=0kmr\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCalgXSh52osONVDXoGluWHdEpZtFe1v45pAG3wVq6zwwIgJabttgs8A9ntU83aVbxA1LK6JIgzBQ4ALWmEDH53Csg="}]},"maintainers":[{"name":"pocka","email":"pockawoooh@gmail.com"}],"_npmUser":{"name":"pocka","email":"pockawoooh@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/storybook-addon-designs_5.0.0_1553464516571_0.45404087182870523"},"_hasShrinkwrap":false},"5.1.0":{"name":"storybook-addon-designs","version":"5.1.0","description":"Storybook addon for embedding your design preview in addon panel","main":"lib/index.js","types":"lib/index.d.ts","repository":{"type":"git","url":"git+ssh://git@github.com/pocka/storybook-addon-designs.git"},"homepage":"https://github.com/pocka/storybook-addon-designs","author":{"name":"pocka","email":"pockawoooh@gmail.com"},"license":"MIT","devDependencies":{"@storybook/addons":"^5.0.3","@storybook/components":"^5.0.3","@storybook/core-events":"^5.0.3","@storybook/theming":"^5.0.3","@types/pdfjs-dist":"^2.0.0","@types/react":"^16.8.8","@types/webpack-env":"^1.13.9","react":"^16.8.4","typescript":"^3.3.4000"},"peerDependencies":{"@storybook/addons":"^5.0.0","@storybook/components":"^5.0.0","@storybook/theming":"^5.0.0","react":">=16.8.0"},"scripts":{"dev":"tsc --watch --preserveWatchOutput","build":"tsc","test":"echo 'No tests' && exit 0","clean":"rm -r lib","prepublishOnly":"cp ../../README.md ./ && yarn build"},"dependencies":{"react-pdf":"^4.0.5"},"publishConfig":{"tag":"latest"},"gitHead":"d382dd91126ba06a7c78027715f138506da479ef","bugs":{"url":"https://github.com/pocka/storybook-addon-designs/issues"},"_id":"storybook-addon-designs@5.1.0","_nodeVersion":"10.15.3","_npmVersion":"lerna/3.13.1/node@v10.15.3+x64 (linux)","dist":{"integrity":"sha512-4HneY3p+SHHdrK2ReKJgfsU0lDkUDdnJ8RcZPBAItWhZH1HOAvAU+/1g//2k0RY9hU0RYQee/3TmgIJEhPJVtw==","shasum":"e447b96ddb515c1652d24a260cb690f0fe5cba9e","tarball":"https://registry.npmjs.org/storybook-addon-designs/-/storybook-addon-designs-5.1.0.tgz","fileCount":32,"unpackedSize":26076,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJc1+wdCRA9TVsSAnZWagAAgKcP/jWb8DkS0R7jalpeSJE7\nWZ9pNBk9/gjCto6mpJW/V0EcsQZPr/mG/9lRmH7wtQj2VAk7LNx6xzxvNlUY\ng7/OYs52kC2tqHWY0zNCkr45lH7aGxf5q1PqPZi4Fg6GxczUmpEdE15G5Hau\n8X1AwYr58qMvwGMXNYUvc8D74OypMJte7f9nGbO0NBopdZjhCMOMNtwnbArw\nXdnILkag1GUOMZZesKXHwpNJCLvSa5xpWqgGe/I/PQB4/84oIfwOKZgfsgiI\nxi01TTyq61fcvHVYmbuY0evFYfhl/dlfbxiKU5YnQOfaRqGDrjjeNAly/OjF\nk9kpgFdbo7B+imztp64B0m0TltdmLhhiHqy4IWEASR/naftEyQK7mbetDAlc\nzDKqL2oe/uFRlx9VeL217ex/uUttE5A+Gy24iihPYn5hp6kcKrMRPevlKxr7\nbnHaCx36VPjxcR9EvszfkFFB4yfw5/AshjYCB61jN4D9WaQ0DkHdOMl1CqSV\njm76Vr7eS4jTjSTlV37+aPJauvAXbGRZBdB8l9Lv7fQliYtYNbKCuuOczMi8\nnEVYQrobXvHyPLJ0ihWwpo+SdPn9S7vJ6ZXuUHzpV4bYHXi4hchGY6YgI16f\n7RPWwz/n52AxzP3be4WT1CvgPDN5we6N6Fpw5+5TkAhFVFdltESkvCJHo1dO\nv0e8\r\n=xosE\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDLZcdCSEiKvqFKi69CzE/UuCG/Ds5UcFBEhqpZJVV5JgIgclFfrfF9aOICgq2e8H9LBNeNpjQyJLx2smnMjUoQ304="}]},"maintainers":[{"name":"pocka","email":"pockawoooh@gmail.com"}],"_npmUser":{"name":"pocka","email":"pockawoooh@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/storybook-addon-designs_5.1.0_1557654557226_0.7327509548468372"},"_hasShrinkwrap":false},"5.1.1":{"name":"storybook-addon-designs","version":"5.1.1","description":"Storybook addon for embedding your design preview in addon panel","main":"lib/index.js","types":"lib/index.d.ts","repository":{"type":"git","url":"git+ssh://git@github.com/pocka/storybook-addon-designs.git"},"homepage":"https://github.com/pocka/storybook-addon-designs","author":{"name":"pocka","email":"pockawoooh@gmail.com"},"license":"MIT","devDependencies":{"@storybook/addons":"^5.0.3","@storybook/components":"^5.0.3","@storybook/core-events":"^5.0.3","@storybook/theming":"^5.0.3","@types/pdfjs-dist":"^2.0.0","@types/react":"^16.8.8","@types/webpack-env":"^1.13.9","react":"^16.8.4","typescript":"^3.3.4000"},"peerDependencies":{"@storybook/addons":"^5.0.0","@storybook/components":"^5.0.0","@storybook/theming":"^5.0.0","react":">=16.8.0"},"scripts":{"dev":"tsc --watch --preserveWatchOutput","build":"tsc","test":"echo 'No tests' && exit 0","clean":"rm -r lib","prepublishOnly":"cp ../../README.md ./ && yarn build"},"dependencies":{"react-pdf":"^4.0.5"},"publishConfig":{"tag":"latest"},"gitHead":"ef495de3a11bed8c9f57ee0035cb599911adfae9","bugs":{"url":"https://github.com/pocka/storybook-addon-designs/issues"},"_id":"storybook-addon-designs@5.1.1","_nodeVersion":"10.16.0","_npmVersion":"lerna/3.13.1/node@v10.16.0+x64 (linux)","dist":{"integrity":"sha512-fPDr6szeyMJTPlZtHRdfgwrCCDpVMqheBfXKbG8XftXW6GS1isYIT8txS1I3BOJW0cU69NxkB3+2ckEYvRMHrQ==","shasum":"f3a8e2a1e146ec08d278f378aa9064d124c764d5","tarball":"https://registry.npmjs.org/storybook-addon-designs/-/storybook-addon-designs-5.1.1.tgz","fileCount":32,"unpackedSize":26051,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdIDD/CRA9TVsSAnZWagAA5icP/R/dRsTWIvJWh6qzV5/X\nz1WpdhD+dVldBvOckMWjlcdQEN2yrKhMOV+gTW6KdRT+fPInfb/ebYKg7fr7\n9NJYtkMUdNkq2pWf9Rkij3YI5dsrTTHpSMxMrBzaEGVf8CaY6HWcEuvT/1Ho\nBgRBBpLvd+12WM2Y1/2yxqr1tHxRDUJ+wtS2r9Rc2dwKhSmdNZrsaa0p/hx5\nqD6wxBNdfjZ3xvGRnsgqgAEMf1Dq51XD4Xhe3ktVRT+OTtyNXUvMhw7MzTLP\nEPuE41dVLmMBquDeyIJQY2FZrtvj4RFcmQOUscxeiIpvCQ47PPUVSxKzOH7o\n7iQbkzirHl5nTdPXbqs1QS7Iqbedcap5a8Osj17sQ8nmHUoiQHnTnE0k4Kgi\nb6zRAZlafUNkNDboufVU1ASn2/UuiXxmovnY/lxyqYnclT4wy7+CNCe4tCdn\nkw2EZ4bUaduNTYL0fyAubGkcJhAmBY+az8MnTPUHpJUH7ocaVXbyxmBW/Rpg\nbW1Rh0QOLHbDs5ihxWMfEgKul5tKlX29dIjHJQPl2oEn68sl+uJY4Ytlh8+i\njTiGfkc3NqkIuxaoZJEUQNz+kcs1KlcA9qUo75fBwMTgA4HtHMK3wl0KVZoC\nddn809yWCnPzGqi/cuevRkeWdsgRwMGPcZMNkdCb6okzW3uYsp/ZkeyBejbs\ny7il\r\n=CUgq\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQClJZ7RPKrUB++KpfAyVx+rU/PqJoO3D6VNf8cSrmoGFwIhAK5dxjD1RA0RYzoU/uSwCvQMBaQVTchaRS3R9/DVBHGh"}]},"maintainers":[{"name":"pocka","email":"pockawoooh@gmail.com"}],"_npmUser":{"name":"pocka","email":"pockawoooh@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/storybook-addon-designs_5.1.1_1562390782610_0.4432023858392671"},"_hasShrinkwrap":false},"5.1.2":{"name":"storybook-addon-designs","version":"5.1.2","description":"Storybook addon for embedding your design preview in addon panel","main":"lib/index.js","types":"lib/index.d.ts","repository":{"type":"git","url":"git@github.com:pocka/storybook-addon-designs.git"},"homepage":"https://github.com/pocka/storybook-addon-designs","author":{"name":"pocka","email":"pockawoooh@gmail.com"},"license":"MIT","devDependencies":{"@storybook/addons":"^5.0.3","@storybook/components":"^5.0.3","@storybook/core-events":"^5.0.3","@storybook/theming":"^5.0.3","@types/pdfjs-dist":"^2.0.0","@types/react":"^16.8.8","@types/webpack-env":"^1.13.9","react":"^16.8.4","typescript":"^3.3.4000"},"peerDependencies":{"@storybook/addons":"^5.0.0","@storybook/components":"^5.0.0","@storybook/theming":"^5.0.0","react":">=16.8.0"},"scripts":{"dev":"tsc --watch --preserveWatchOutput","build":"tsc","test":"echo 'No tests' && exit 0","clean":"rm -r lib","prepublishOnly":"cp ../../README.md ./ && yarn build"},"dependencies":{"react-pdf":"^4.0.5"},"publishConfig":{"tag":"latest"},"_id":"storybook-addon-designs@5.1.2","dist":{"shasum":"f384a7119b3654403778ce3e29f4af14310474da","integrity":"sha512-kRaEyeTaG5HQcm1V24tZy36IVMmA9xLrx3cBBNNyAONFaFM4tzRHu9RoTDMrEjhnnKKjRoR3H6Hufv7TQwf4+Q==","tarball":"https://registry.npmjs.org/storybook-addon-designs/-/storybook-addon-designs-5.1.2.tgz","fileCount":36,"unpackedSize":25666,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeKET0CRA9TVsSAnZWagAAs9gP/1wphD256zNczL5CUPHn\nRXlTzRZvXxosFghgaupwXDNXtd9SdLIITwIT2udgeMU3Z1/9t50q+r59tO9y\nohvq4EZ3k5GBz5JYLnpZUwiS3jw4GHE0ud4sIJnjTphzFoVnYSqJEbSaw2cL\nn0NpKrQYWahTyhH+7THpJY7NBTJ6akTwEfcEaugxkhqWcXJrYPj55mRNoan2\nz3KnKTPQrInoIuz3/AW36ExIwZY1tsv4g7L2LBhr1fHWfX6m8+yZBBbInD5L\nWv1JfsVASB/SJYTUG3hyFXGT7NfRfZnZbpt8J6bzwJdVjzTyn0a8Sbwotu41\nFpjC/k2EbZHXmc20vr8MutN8hVwOJQSQF5XwJClNWILSAohImTyf4qBCEO1T\nlGFCJmhbDnr4lxmm/E0GC88Q1T+l8WAIMx7xipvJJXe2Bi8fxInzPBj2DvB9\nysvKCJnCD03uNcD9auOy4ggyvnqLt2aJt6yM22WQMmY2e9QppUWvmBWNSOub\n1Ga5PZJPHvT5XQQUtCdFSYwvglwGlVJ57ZEnOkudL3stWdrLzY8+/nLm6d5m\n+tfqka+AW+yqbImsO+D7c4dZuWP13YphtkFBYjyiDc1ypPDfNWT4rAYbbtrR\nLyBtQaHiCZyJqdJj7yYIV03+o+yFHB8RiUoa+DJ+asGC839FIITjJfzrqiMo\nkDhL\r\n=v5bx\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIAmmody9YUb2u+BSbbezUAG9ChjyAdrwkGrPBfLkjK+aAiA3jhsb/Gor3fmbwT/cHX/AJq2kBXGk2nWsme4G6AbA6Q=="}]},"maintainers":[{"name":"pocka","email":"pockawoooh@gmail.com"}],"_npmUser":{"name":"pocka","email":"pockawoooh@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/storybook-addon-designs_5.1.2_1579697392824_0.008978668504126652"},"_hasShrinkwrap":false},"5.2.0":{"name":"storybook-addon-designs","version":"5.2.0","description":"Storybook addon for embedding your design preview in addon panel","main":"lib/index.js","types":"lib/index.d.ts","repository":{"type":"git","url":"git+ssh://git@github.com/pocka/storybook-addon-designs.git"},"homepage":"https://github.com/pocka/storybook-addon-designs","author":{"name":"pocka","email":"pockawoooh@gmail.com"},"license":"MIT","devDependencies":{"@storybook/addons":"^5.0.3","@storybook/components":"^5.0.3","@storybook/core-events":"^5.0.3","@storybook/theming":"^5.0.3","@types/pdfjs-dist":"^2.0.0","@types/react":"^16.8.8","@types/webpack-env":"^1.13.9","react":"^16.8.4","typescript":"^3.7.0"},"peerDependencies":{"@storybook/addons":"^5.0.0","@storybook/components":"^5.0.0","@storybook/theming":"^5.0.0","react":">=16.8.0"},"scripts":{"dev":"tsc --watch --preserveWatchOutput","build":"tsc","test":"echo 'No tests' && exit 0","clean":"rm -r lib","prepublishOnly":"cp ../../README.md ./ && yarn build"},"dependencies":{"react-pdf":"^4.0.5"},"publishConfig":{"tag":"latest"},"gitHead":"97a517a64a704b59c1017c626a2e80d270616472","bugs":{"url":"https://github.com/pocka/storybook-addon-designs/issues"},"_id":"storybook-addon-designs@5.2.0","_nodeVersion":"11.11.0","_npmVersion":"lerna/3.20.2/node@v11.11.0+x64 (linux)","dist":{"integrity":"sha512-53+d15uqoAaNQffbpvuSkcgubZh7cKNC+44azS+aDMzQubgHj9hQZ255XSmtXGxfyVsngGpK1QnHCCZ+13KH/Q==","shasum":"999c99b37de20714bc45fa3ac9320422db1005e3","tarball":"https://registry.npmjs.org/storybook-addon-designs/-/storybook-addon-designs-5.2.0.tgz","fileCount":34,"unpackedSize":28509,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeNZJLCRA9TVsSAnZWagAAxR4P/iIcg8p+NSDoFpQVDbV3\nYZgdpgJkvgTjEkRBXMH5//V+fimeAcJ9b72hUxWoyHffSSYLLkFjbSp3ZMdY\nw+6dWvKVLi64WOmdNIE4tiNFQdYeIrl85IyJUa/xeMyqOF+oX6Wt6SJrPK8Y\nRnbLOLWadkykq/vJKUGziCLl/wztY57r8fU1ku8AaTLNbyFEaRui8Ch0nk1e\nKJJLNYeOtjkIWe8hG5m02Oio1ClIJCEbx+oP79ldrGVUrB9z9pVbkCPCS+xK\nC3upI960dAr92DVUK9A07GFsMpospgGHPe2QcQ6N0SOI3ksGa9oJIKFtgpZe\nskZGrg0+gooj//9yAFr8qOcUz3Zsdc2unAYW1RGlO+ADarECaSXxZ9bYFpwJ\n6zpCdMm6phq5cQuNGaGHL6XjE9ihWEygPgW2GHOcShojmzrx6/XKTmbxUsqV\nygCguxwWKR0EQ0Eh/du5GgMaj2ksY15r542qMWZTM0mcxECGhZlXUM6m6VLt\n9M4Y+/xUqxaoCmjzuwgd5H3sTUk0D3i8KLw1LY6Fb7kGyinhiwcHYsFKZCsF\nzdkcjxWmT/iRr/p1iIBartxYkcRvc18Aola4U7G8xaJ64NFZ4gQLLbqTKY/6\nyCBj6XouwDpK0E4thbCVhxciVJgnJNDoAjmSsTHt/92V4FGxKjoL6doAIHZg\nPIOK\r\n=Zit1\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEMCIAsOyn/mJRlj6iUmUBImurj8X4SHCrgpX9vFlsFhNNgqAh9IhPpX77DuJRIyRlMWV0QNbGX1vMamMWHiriFCl/xt"}]},"maintainers":[{"name":"pocka","email":"pockawoooh@gmail.com"}],"_npmUser":{"name":"pocka","email":"pockawoooh@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/storybook-addon-designs_5.2.0_1580569162731_0.7266360053138095"},"_hasShrinkwrap":false},"5.3.0-alpha.0":{"name":"storybook-addon-designs","version":"5.3.0-alpha.0","description":"Storybook addon for embedding your design preview in addon panel","main":"lib/index.js","types":"lib/index.d.ts","repository":{"type":"git","url":"git+ssh://git@github.com/pocka/storybook-addon-designs.git"},"homepage":"https://github.com/pocka/storybook-addon-designs","author":{"name":"pocka","email":"pockawoooh@gmail.com"},"license":"MIT","devDependencies":{"@storybook/addons":"^5.0.3","@storybook/components":"^5.0.3","@storybook/core-events":"^5.0.3","@storybook/theming":"^5.0.3","@types/js-cookie":"^2.2.5","@types/object-hash":"^1.3.1","@types/pdfjs-dist":"^2.0.0","@types/react":"^16.8.8","@types/webpack-env":"^1.13.9","react":"^16.8.4","typescript":"^3.7.0"},"peerDependencies":{"@storybook/addons":"^5.0.0","@storybook/components":"^5.0.0","@storybook/theming":"^5.0.0","react":">=16.8.0"},"scripts":{"dev":"tsc --watch --preserveWatchOutput","build":"tsc","test":"echo 'No tests' && exit 0","clean":"rm -r lib","prepublishOnly":"cp ../../README.md ./ && yarn build"},"dependencies":{"html-webpack-plugin":"^3.2.0","js-cookie":"^2.2.1","object-hash":"^2.0.3","react-pdf":"^4.0.5"},"publishConfig":{"tag":"alpha"},"gitHead":"d36abc4b4ba12eaf0ceba6dd46b20d27fedeb804","readme":"<div align=\"center\">\n  \n  <img src=\"./packages/assets/logo.png\" width=\"104\" alt=\"logo\">\n  <br/>\n  <br/>\n\n[![npm version](https://badge.fury.io/js/storybook-addon-designs.svg)](https://badge.fury.io/js/storybook-addon-designs)\n[![Monthly download](https://img.shields.io/npm/dm/storybook-addon-designs.svg)](https://www.npmjs.com/package/storybook-addon-designs)\n[![GitHub license](https://img.shields.io/github/license/pocka/storybook-addon-designs.svg)](https://github.com/pocka/storybook-addon-designs/blob/master/LICENSE)\n[![code style: prettier](https://img.shields.io/badge/code_style-prettier-ff69b4.svg)](https://github.com/prettier/prettier)\n\n</div>\n\n<hr/>\n\n## storybook-addon-designs\n\nA [Storybook](https://github.com/storybooks/storybook) addon that embed Figma or websites in the addon panel for better design-development workflow.\n\n- [Demo](https://pocka.github.io/storybook-addon-designs)\n\n## Requirements\n\n- Storybook@>=5.0.0\n\nThis addon should work well with any framework: If you find the case the addon not works, please open an issue.\n\n## Getting started\n\n### 1. Install\n\n```sh\nnpm install --save-dev storybook-addon-designs\n# yarn add -D storybook-addon-designs\n```\n\n### 2. Register the addon in `main.js`\n\n```js\n// .storybook/main.js\nmodule.exports = {\n  addons: ['storybook-addon-designs']\n}\n```\n\nIf you're using Storybook@5.0.x, use this module instead.\n\n```js\n// .storybook/addons.js\nimport 'storybook-addon-designs/register'\n```\n\n### 3. Add it to story!\n\nCSF (Component Story Format)\n\n```js\nimport { withDesign } from 'storybook-addon-designs'\n\nexport default {\n  title: 'My stories',\n  component: Button,\n  decorators: [withDesign]\n}\n\nexport const myStory = () => <Button>Hello, World!</Button>\n\nmyStory.story = {\n  name: 'My awesome story',\n  parameters: {\n    design: {\n      type: 'figma',\n      url: 'https://www.figma.com/file/LKQ4FJ4bTnCSjedbRpk931/Sample-File'\n    }\n  }\n}\n```\n\n`storiesOf` API\n\n```js\nimport { withDesign } from 'storybook-addon-designs'\n\nstoriesOf('My stories', module)\n  .addDecorator(withDesign)\n  .add('My awesome story', () => <Button>Hello, World!</Button>, {\n    design: {\n      type: 'figma',\n      url: 'https://www.figma.com/file/LKQ4FJ4bTnCSjedbRpk931/Sample-File'\n    }\n  })\n```\n\nMDX\n\n```jsx\nimport { Meta, Story } from '@storybook/addon-docs/blocks'\n\n<Meta title=\"My stories\"/>\n\n<Story\n  name=\"My awesome story\"\n  parameters={{\n    design: {\n      type: 'figma',\n      url: 'https://www.figma.com/file/LKQ4FJ4bTnCSjedbRpk931/Sample-File'\n    }\n  }}\n/>\n```\n\n## Usage\n\nAdd `withDesign` decorator then put `design` parameter to your story.\n\n> NOTE: If you omit `design` parameter, the addon does nothing.\n\nThe type of `design` parameter is differ by embed type.\nFor more detailed information, see [type definition file](./packages/storybook-addon-designs/src/config.ts).\n\n### Available types\n\n- `iframe` ... Embed `<iframe/>`.\n- `figma` ... Embed [Figma Live Embed Kit](https://www.figma.com/developers/embed), or image rendered by Figma REST API (for private files).\n- `pdf` ... Embed PDF document.\n- `image` ... Embed image.\n- `link` ... Display a link.\n\n### Utility function\n\nIf you want type support for type checking or IDE auto completion, use exported [`config` function](./packages/storybook-addon-designs/src/index.ts#L24).\n\n```ts\nimport { config } from 'storybook-addon-designs'\n\nstoriesOf('foo', module).add('bar', () => <Button>Hello, World!</Button>, {\n  design: config({\n    // IDE would auto complete keys and `type` values!\n    type: 'iframe',\n    url: 'https://www.figma.com/file/LKQ4FJ4bTnCSjedbRpk931/Sample-File'\n  })\n})\n```\n\n### Multiple designs for single story\n\nYou can attach more than one designs by passing array of config to `design` parameter.\n\n```js\ndesign: [\n  {\n    type: 'pdf',\n    url: 'https://my-pdf'\n  },\n  {\n    // Specify tab name by passing \"name\" prop\n    name: 'Image Preview',\n    type: 'image',\n    url: 'https://my-image'\n  }\n]\n```\n\n## Similar projects\n\n- [storybook-addon-figma](https://github.com/hharnisc/storybook-addon-figma)\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/pocka/storybook-addon-designs/issues"},"_id":"storybook-addon-designs@5.3.0-alpha.0","_nodeVersion":"11.11.0","_npmVersion":"lerna/3.20.2/node@v11.11.0+x64 (linux)","dist":{"integrity":"sha512-66i376dJmWrT7uBs5CnKQ8cJhQuNPLipdd4fJibnCUU1/SG2wypxiNAlcQMUHuK3LNtH1syoGq5KnisULeIPEQ==","shasum":"0b760c9fa2c23fb882e4428ecc158626453bfe29","tarball":"https://registry.npmjs.org/storybook-addon-designs/-/storybook-addon-designs-5.3.0-alpha.0.tgz","fileCount":42,"unpackedSize":41263,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJejx7XCRA9TVsSAnZWagAACuEQAIlUIqTnrYSvE8ei7pkr\nglroVustTgHQUXZefH5fTmEBQc9svrYQYKLdEdnE3xiFGQ25YgBY3/fEM2B9\nz12vCk0EE55KpRR5xmQ1ACzKwXkTl8RUGoqRV4D7gfqAObsQ9+ceddrFfRHt\nKFIDrwfKEoB8Bzu161VgDTpqXAhT+qVeghdezQIBtNIrdCfUrWp5zFMj4rPT\niCugqyJ3cr0PKvt3r0IYQknvRfMWzTtm94I/w6IXGcbUEP6LG67vs36gl74N\n3i6WwHDK6mQbL30VfJ0tAJjGBXPotwmSrMZCoYVHbhzAFA/mCSdAUB0zF4tY\nPg3h5pVsbu60NhWD8y9at3/HN/mVp/F2uNbXH5siFv9LBDUZ39VNtlq8D75x\nOgAfDa3A04ZgvTF60kIKtvBC1zV7y6Fz3bad0SKccExJE/VAoamWZDof5QDY\nXu5sZOUDol6Igkr/mCuWqKJBaqDan7z2dWHF5g/MJTUL43Ry1SLZwLTaAkwh\nO4hKL0gRS1uC/KMHy+lGLCxVejH0fs6iuZgmHBWO1epyaeR26OyEIeoIs00g\nH/8EyMwcNGh/wNtFQCyhaZYtdWvNwTCBBFLEC/vZReO7t9CHwADFpu6vXP0h\nhAL+ioaW796O7GYZMRgbWCrhkk4Whrq2VUtFlEvxmbciz0jHkjb8vWlvoH75\nFIYg\r\n=CbF+\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCrJfz0gbjyFW3GUQ0xSfX4cz+Ah0r6cIJ35wF2Olc2TgIhALP8chpHODFxFbgbMxPg4H5sQSE80VDHGrO4yTNOuZ1v"}]},"maintainers":[{"name":"pocka","email":"pockawoooh@gmail.com"}],"_npmUser":{"name":"pocka","email":"pockawoooh@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/storybook-addon-designs_5.3.0-alpha.0_1586437846741_0.6231653721254595"},"_hasShrinkwrap":false},"5.3.0-alpha.1":{"name":"storybook-addon-designs","version":"5.3.0-alpha.1","description":"Storybook addon for embedding your design preview in addon panel","main":"lib/index.js","types":"lib/index.d.ts","repository":{"type":"git","url":"git+ssh://git@github.com/pocka/storybook-addon-designs.git"},"homepage":"https://github.com/pocka/storybook-addon-designs","author":{"name":"pocka","email":"pockawoooh@gmail.com"},"license":"MIT","devDependencies":{"@storybook/addons":"^5.0.3","@storybook/components":"^5.0.3","@storybook/core-events":"^5.0.3","@storybook/theming":"^5.0.3","@types/js-cookie":"^2.2.5","@types/object-hash":"^1.3.1","@types/pdfjs-dist":"^2.0.0","@types/react":"^16.8.8","@types/webpack-env":"^1.13.9","react":"^16.8.4","typescript":"^3.7.0"},"peerDependencies":{"@storybook/addons":"^5.0.0","@storybook/components":"^5.0.0","@storybook/theming":"^5.0.0","react":">=16.8.0"},"scripts":{"dev":"tsc --watch --preserveWatchOutput","build":"tsc","test":"echo 'No tests' && exit 0","clean":"rm -r lib","prepublishOnly":"cp ../../README.md ./ && yarn build"},"dependencies":{"html-webpack-plugin":"^3.2.0","js-cookie":"^2.2.1","object-hash":"^2.0.3","react-pdf":"^4.0.5"},"publishConfig":{"tag":"alpha"},"gitHead":"9ed436e3e222e3fddbf016d2f0a9135efafb1ebe","readme":"<div align=\"center\">\n  \n  <img src=\"./packages/assets/logo.png\" width=\"104\" alt=\"logo\">\n  <br/>\n  <br/>\n\n[![npm version](https://badge.fury.io/js/storybook-addon-designs.svg)](https://badge.fury.io/js/storybook-addon-designs)\n[![Monthly download](https://img.shields.io/npm/dm/storybook-addon-designs.svg)](https://www.npmjs.com/package/storybook-addon-designs)\n[![GitHub license](https://img.shields.io/github/license/pocka/storybook-addon-designs.svg)](https://github.com/pocka/storybook-addon-designs/blob/master/LICENSE)\n[![code style: prettier](https://img.shields.io/badge/code_style-prettier-ff69b4.svg)](https://github.com/prettier/prettier)\n\n</div>\n\n<hr/>\n\n## storybook-addon-designs\n\nA [Storybook](https://github.com/storybooks/storybook) addon that embed Figma or websites in the addon panel for better design-development workflow.\n\n- [Demo](https://pocka.github.io/storybook-addon-designs)\n\n## Requirements\n\n- Storybook@>=5.0.0\n\nThis addon should work well with any framework: If you find the case the addon not works, please open an issue.\n\n## Getting started\n\n### 1. Install\n\n```sh\nnpm install --save-dev storybook-addon-designs\n# yarn add -D storybook-addon-designs\n```\n\n### 2. Register the addon in `main.js`\n\n```js\n// .storybook/main.js\nmodule.exports = {\n  addons: ['storybook-addon-designs']\n}\n```\n\nIf you're using Storybook@5.0.x, use this module instead.\n\n```js\n// .storybook/addons.js\nimport 'storybook-addon-designs/register'\n```\n\n### 3. Add it to story!\n\nCSF (Component Story Format)\n\n```js\nimport { withDesign } from 'storybook-addon-designs'\n\nexport default {\n  title: 'My stories',\n  component: Button,\n  decorators: [withDesign]\n}\n\nexport const myStory = () => <Button>Hello, World!</Button>\n\nmyStory.story = {\n  name: 'My awesome story',\n  parameters: {\n    design: {\n      type: 'figma',\n      url: 'https://www.figma.com/file/LKQ4FJ4bTnCSjedbRpk931/Sample-File'\n    }\n  }\n}\n```\n\n`storiesOf` API\n\n```js\nimport { withDesign } from 'storybook-addon-designs'\n\nstoriesOf('My stories', module)\n  .addDecorator(withDesign)\n  .add('My awesome story', () => <Button>Hello, World!</Button>, {\n    design: {\n      type: 'figma',\n      url: 'https://www.figma.com/file/LKQ4FJ4bTnCSjedbRpk931/Sample-File'\n    }\n  })\n```\n\nMDX\n\n```jsx\nimport { Meta, Story } from '@storybook/addon-docs/blocks'\n\n<Meta title=\"My stories\"/>\n\n<Story\n  name=\"My awesome story\"\n  parameters={{\n    design: {\n      type: 'figma',\n      url: 'https://www.figma.com/file/LKQ4FJ4bTnCSjedbRpk931/Sample-File'\n    }\n  }}\n/>\n```\n\n## Usage\n\nAdd `withDesign` decorator then put `design` parameter to your story.\n\n> NOTE: If you omit `design` parameter, the addon does nothing.\n\nThe type of `design` parameter is differ by embed type.\nFor more detailed information, see [type definition file](./packages/storybook-addon-designs/src/config.ts).\n\n### Available types\n\n- `iframe` ... Embed `<iframe/>`.\n- `figma` ... Embed [Figma Live Embed Kit](https://www.figma.com/developers/embed), or image rendered by Figma REST API (for private files).\n- `pdf` ... Embed PDF document.\n- `image` ... Embed image.\n- `link` ... Display a link.\n\n### Utility function\n\nIf you want type support for type checking or IDE auto completion, use exported [`config` function](./packages/storybook-addon-designs/src/index.ts#L24).\n\n```ts\nimport { config } from 'storybook-addon-designs'\n\nstoriesOf('foo', module).add('bar', () => <Button>Hello, World!</Button>, {\n  design: config({\n    // IDE would auto complete keys and `type` values!\n    type: 'iframe',\n    url: 'https://www.figma.com/file/LKQ4FJ4bTnCSjedbRpk931/Sample-File'\n  })\n})\n```\n\n### Multiple designs for single story\n\nYou can attach more than one designs by passing array of config to `design` parameter.\n\n```js\ndesign: [\n  {\n    type: 'pdf',\n    url: 'https://my-pdf'\n  },\n  {\n    // Specify tab name by passing \"name\" prop\n    name: 'Image Preview',\n    type: 'image',\n    url: 'https://my-image'\n  }\n]\n```\n\n## Similar projects\n\n- [storybook-addon-figma](https://github.com/hharnisc/storybook-addon-figma)\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/pocka/storybook-addon-designs/issues"},"_id":"storybook-addon-designs@5.3.0-alpha.1","_nodeVersion":"11.11.0","_npmVersion":"lerna/3.20.2/node@v11.11.0+x64 (linux)","dist":{"integrity":"sha512-YgdqzpmrjL8UBR+IY7Spvc3XVvugwXpa0/CXDXs9629wx98Ionw7emR7buG4ZMXhrGmAV0TwSXZL6EfBq20YZQ==","shasum":"83384e101b01901af5aea682fae382a56c6add27","tarball":"https://registry.npmjs.org/storybook-addon-designs/-/storybook-addon-designs-5.3.0-alpha.1.tgz","fileCount":44,"unpackedSize":42465,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJekygrCRA9TVsSAnZWagAAHJkP/0NP54ChZpoMSG9WFTcl\nknBSDAvWfu4Ch1XdZWkW9Vby71hpgWtIx8rNeTBccYU7vu3cDlKoxyv1sVzC\nkNUj58PnhsGEX2SY0yL+bkr0WSUSqQW4I1xtzIOwfVUU1pk/gm+uxx+qBp8T\nCswp9vBi76vhJt2E1wzpvZVJCQfSwA4PFHmpkR9g/zsAobRwrCVfffiSFTpl\nfblNDE1jkAkKG+PmR5tF8kOZTLNevFDzFmGkapBQ7hYtIoBlDkD8ZNYsrTC4\nsF7JcY+cS3F6seuwMzYlqsHfJLuXeTByY6K/ttnGIFaquIdoStsUQSu0D7iZ\neNAlLB+DPP7lvwsHforr1r8AS68DK11l0Of7+GI3GGMRNwvJHCnPINRLk46U\nHCkFCe9einrH0KvLJ0Ot5h6o1H7y9oU5qdvZ2tk7P7farn5gcylF0wWY10GL\ne2rhX8kTxqq2no6Ee6DyXe/wqhm22rolaeSG9va/5MIvAHX1XKMUsPnRDqdS\nsQY2i9op1NtVw7yKA9zmtn+uIH9fi3sMetscyIfpzzhh6my4IB5EVlrpdDe8\nqU9jLSVNzXnhmhVssLzMykYchzUZfAfDf5EALrzp6r/m3AonSv0+dX5dhFL2\nz5y+dm0Jej+L1YX2DlmD8Q/uXYwtqTQTVPt9y/gFyubRrshGLi3SO9qDMBne\nYddz\r\n=LknA\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDVQRVTVIoGtomwGR3V1CVqle46MOCHeI1HyBT1Ortl1QIhAINq4ma5reHMVGa3KvmM2ZJtrb4ljzp/Yf0bsxUBdfyk"}]},"maintainers":[{"name":"pocka","email":"pockawoooh@gmail.com"}],"_npmUser":{"name":"pocka","email":"pockawoooh@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/storybook-addon-designs_5.3.0-alpha.1_1586702379282_0.07127357620612806"},"_hasShrinkwrap":false},"5.2.1":{"name":"storybook-addon-designs","version":"5.2.1","description":"Storybook addon for embedding your design preview in addon panel","main":"cjs/index.js","module":"esm/index.js","types":"esm/index.d.ts","repository":{"type":"git","url":"git+ssh://git@github.com/pocka/storybook-addon-designs.git"},"homepage":"https://github.com/pocka/storybook-addon-designs","author":{"name":"pocka","email":"pockawoooh@gmail.com"},"license":"MIT","devDependencies":{"@storybook/addons":"^5.0.3","@storybook/components":"^5.0.3","@storybook/core-events":"^5.0.3","@storybook/theming":"^5.0.3","@types/pdfjs-dist":"^2.0.0","@types/react":"^16.8.8","@types/webpack-env":"^1.13.9","react":"^16.8.4","typescript":"^3.7.0"},"peerDependencies":{"@storybook/addons":"^5.0.0","@storybook/components":"^5.0.0","@storybook/theming":"^5.0.0","react":">=16.8.0"},"scripts":{"dev":"tsc --watch --preserveWatchOutput","build":"yarn build:esm && yarn build:cjs","build:esm":"tsc","build:cjs":"tsc --module commonjs --outDir cjs","test":"echo 'No tests' && exit 0","clean":"rm -r esm cjs","prepublishOnly":"cp ../../README.md ./ && yarn build"},"dependencies":{"react-pdf":"^4.0.5"},"publishConfig":{"tag":"latest"},"gitHead":"db264c9396aa635bc772c46f510ab9fe32d26b86","bugs":{"url":"https://github.com/pocka/storybook-addon-designs/issues"},"_id":"storybook-addon-designs@5.2.1","_nodeVersion":"11.11.0","_npmVersion":"lerna/3.20.2/node@v11.11.0+x64 (linux)","dist":{"integrity":"sha512-6nsNRpoJXZRVZL3vr5qLfrn4hly5v4u/BNNZ/et5KdKT/6jGSgDNgZgmoNZcPp/jpRM2iaQeXGeIOXTscwMORA==","shasum":"398e264d1ac2ff65d47640c5e46433ddac6f30f7","tarball":"https://registry.npmjs.org/storybook-addon-designs/-/storybook-addon-designs-5.2.1.tgz","fileCount":64,"unpackedSize":65986,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJesVnACRA9TVsSAnZWagAAeLcP/jFbLJWJ+uCRgmTG/U1o\nRC4Di5uf4uoV8mJE0dM3jJoB3BOh49IEhm0jF7E4L8nJcP8krkPVy/Z6ir7c\n4FzSBt++KccUs1RPoCAniLNBAo730iPyLmITuBvgSu3Y1h9joO5VlG2vWFxO\nXZxII32gjT9I8uHRW+a4xYEPkKavXnacAhIIPyzqRPNMVvoNRny0Tzo/CXjE\nXtq7DPL8SY0xhTxtfvAxiKmPGAlUCQZspPl5WCzR5ib7QGxSQeAGYtAAiQlt\ng7Y4+RX7bhOo5ZOyCohh+YZ42/I/ri+nT57AGkCOsW1sPkP0tA38dRTowFdA\niz5bcpo0JneetcXUlFskcMO7MWUIr4an+xY+HJtYgN7nElEDoFdJ57b2jLgq\njGbwWXJriMzwNRmxG4qNep47F0rmANIF3gV2oczRnpaJ5rLj/n1S2oC5rEzO\nkb0Hkbtti6k+S6AYO+5RccHcZJdyZNkJcASoXgg5L83RuBg6tEBYFZkJ1Jyc\nVmSFos/pSmKj+8AxNyop67lZn1kOqi2vmJeqM8o6GJVmCvivGS5In44ox+Ja\nOKvjDZZfBNP5WSSCbOoaBAvak1/ecZlfNGxk4NW3e8/FYehAnQjDP2EG6KYZ\nYChHv+b52o/XnfQeA0kGhPeuZNl0wBaqg1Nea9bU7H8LXdwpHL+GWOKk+WQm\nil4k\r\n=I7vp\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCdG5KW2/nJwSA9fC9xwL1Ygj+XBhQP1PxxAAAH1lTScAIhAPLah3/6nKeNa1skUislB8djzNHBb80v/hlpiHmcUbbd"}]},"maintainers":[{"name":"pocka","email":"pockawoooh@gmail.com"}],"_npmUser":{"name":"pocka","email":"pockawoooh@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/storybook-addon-designs_5.2.1_1588681152129_0.4073244519138839"},"_hasShrinkwrap":false},"5.3.0-alpha.2":{"name":"storybook-addon-designs","version":"5.3.0-alpha.2","description":"Storybook addon for embedding your design preview in addon panel","main":"cjs/index.js","module":"esm/index.js","types":"esm/index.d.ts","repository":{"type":"git","url":"git+ssh://git@github.com/pocka/storybook-addon-designs.git"},"homepage":"https://github.com/pocka/storybook-addon-designs","author":{"name":"pocka","email":"pockawoooh@gmail.com"},"license":"MIT","devDependencies":{"@storybook/addons":"^5.0.3","@storybook/components":"^5.0.3","@storybook/core-events":"^5.0.3","@storybook/theming":"^5.0.3","@types/pdfjs-dist":"^2.0.0","@types/react":"^16.8.8","@types/webpack-env":"^1.13.9","react":"^16.8.4","typescript":"^3.7.0"},"peerDependencies":{"@storybook/addons":"^5.0.0","@storybook/components":"^5.0.0","@storybook/theming":"^5.0.0","react":">=16.8.0"},"scripts":{"dev":"tsc --watch --preserveWatchOutput","build":"yarn build:esm && yarn build:cjs","build:esm":"tsc","build:cjs":"tsc --module commonjs --outDir cjs","test":"echo 'No tests' && exit 0","clean":"rm -r esm cjs","prepublishOnly":"cp ../../README.md ./ && yarn build"},"dependencies":{"react-pdf":"^4.0.5"},"publishConfig":{"tag":"alpha"},"gitHead":"0020400f0ae209e8987697d00e2a838d80010c4c","readme":"<div align=\"center\">\n  \n  <img src=\"./packages/assets/logo.png\" width=\"104\" alt=\"logo\">\n  <br/>\n  <br/>\n\n[![npm version](https://badge.fury.io/js/storybook-addon-designs.svg)](https://badge.fury.io/js/storybook-addon-designs)\n[![Monthly download](https://img.shields.io/npm/dm/storybook-addon-designs.svg)](https://www.npmjs.com/package/storybook-addon-designs)\n[![GitHub license](https://img.shields.io/github/license/pocka/storybook-addon-designs.svg)](https://github.com/pocka/storybook-addon-designs/blob/master/LICENSE)\n[![code style: prettier](https://img.shields.io/badge/code_style-prettier-ff69b4.svg)](https://github.com/prettier/prettier)\n\n</div>\n\n<hr/>\n\n## storybook-addon-designs\n\nA [Storybook](https://github.com/storybooks/storybook) addon that embed Figma or websites in the addon panel for better design-development workflow.\n\n- [Demo](https://pocka.github.io/storybook-addon-designs)\n\n## Requirements\n\n- Storybook@>=5.0.0\n\nThis addon should work well with any framework: If you find the case the addon not works, please open an issue.\n\n## Getting started\n\n### 1. Install\n\n```sh\nnpm install --save-dev storybook-addon-designs\n# yarn add -D storybook-addon-designs\n```\n\n### 2. Register the addon in `main.js`\n\n```js\n// .storybook/main.js\nmodule.exports = {\n  addons: [\n    'storybook-addon-designs',\n    // Or as a Tab instead of a Panel\n    {\n      name: 'storybook-addon-designs',\n      options: { renderTarget: 'tab' }\n    }\n  ]\n}\n```\n\nIf you're using Storybook@5.0.x, use this module instead.\n\n```js\n// .storybook/addons.js\n\nimport 'storybook-addon-designs/register'\n// Or as a Tab instead of a Panel\nimport 'storybook-addon-designs/register-tab'\n```\n\n### 3. Add it to story!\n\nCSF (Component Story Format)\n\n```js\nimport { withDesign } from 'storybook-addon-designs'\n\nexport default {\n  title: 'My stories',\n  component: Button,\n  decorators: [withDesign]\n}\n\nexport const myStory = () => <Button>Hello, World!</Button>\n\nmyStory.story = {\n  name: 'My awesome story',\n  parameters: {\n    design: {\n      type: 'figma',\n      url: 'https://www.figma.com/file/LKQ4FJ4bTnCSjedbRpk931/Sample-File'\n    }\n  }\n}\n```\n\n`storiesOf` API\n\n```js\nimport { withDesign } from 'storybook-addon-designs'\n\nstoriesOf('My stories', module)\n  .addDecorator(withDesign)\n  .add('My awesome story', () => <Button>Hello, World!</Button>, {\n    design: {\n      type: 'figma',\n      url: 'https://www.figma.com/file/LKQ4FJ4bTnCSjedbRpk931/Sample-File'\n    }\n  })\n```\n\nMDX\n\n```jsx\nimport { Meta, Story } from '@storybook/addon-docs/blocks'\n\n<Meta title=\"My stories\"/>\n\n<Story\n  name=\"My awesome story\"\n  parameters={{\n    design: {\n      type: 'figma',\n      url: 'https://www.figma.com/file/LKQ4FJ4bTnCSjedbRpk931/Sample-File'\n    }\n  }}\n/>\n```\n\n## Usage\n\nAdd `withDesign` decorator then put `design` parameter to your story.\n\n> NOTE: If you omit `design` parameter, the addon does nothing.\n\nThe type of `design` parameter is differ by embed type.\nFor more detailed information, see [type definition file](./packages/storybook-addon-designs/src/config.ts).\n\n### Available types\n\n- `iframe` ... Embed `<iframe/>`.\n- `figma` ... Embed [Figma Live Embed Kit](https://www.figma.com/developers/embed).\n- `pdf` ... Embed PDF document.\n- `image` ... Embed image.\n- `link` ... Display a link.\n\n### Utility function\n\nIf you want type support for type checking or IDE auto completion, use exported [`config` function](./packages/storybook-addon-designs/src/index.ts#L24).\n\n```ts\nimport { config } from 'storybook-addon-designs'\n\nstoriesOf('foo', module).add('bar', () => <Button>Hello, World!</Button>, {\n  design: config({\n    // IDE would auto complete keys and `type` values!\n    type: 'iframe',\n    url: 'https://www.figma.com/file/LKQ4FJ4bTnCSjedbRpk931/Sample-File'\n  })\n})\n```\n\n### Multiple designs for single story\n\nYou can attach more than one designs by passing array of config to `design` parameter.\n\n```js\ndesign: [\n  {\n    type: 'pdf',\n    url: 'https://my-pdf'\n  },\n  {\n    // Specify tab name by passing \"name\" prop\n    name: 'Image Preview',\n    type: 'image',\n    url: 'https://my-image'\n  }\n]\n```\n\n## Similar projects\n\n- [storybook-addon-figma](https://github.com/hharnisc/storybook-addon-figma)\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/pocka/storybook-addon-designs/issues"},"_id":"storybook-addon-designs@5.3.0-alpha.2","_nodeVersion":"11.11.0","_npmVersion":"lerna/3.20.2/node@v11.11.0+x64 (linux)","dist":{"integrity":"sha512-aI0f+OC/W/q1ko3KRteXlDj1MKeMYEFBgW4ZgKvmMrOeXYiQB03f3vZ6qQ2DakxaRYpZ+piz/lVveyIEJI1A0g==","shasum":"9d0b1dc262725a18fabd3c6399be33119be4a5d3","tarball":"https://registry.npmjs.org/storybook-addon-designs/-/storybook-addon-designs-5.3.0-alpha.2.tgz","fileCount":70,"unpackedSize":71591,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJexiwiCRA9TVsSAnZWagAAkpoP/2PFrFTqC5NM8rrOfcT2\nlGtDZgvVsIrEWt2RQXywijF/pA1mP/X2XEdrb46nhxWbpApHL+wjik++VtSM\neHWaxWv1f8KoYrQARpKcPi6RCC/0qrbGLi2s0OU4aeoAB52Wq7WnI2Ls3qpr\nG8BF4A1RRzYDcVsUrQApWy4mNQZwH8M40hvhzwITDtTK9SvrC9ZOb5siQs2+\n/A11Ku+XRK9Askz3MOp4Rd+FMk4i30+HXM1Yuc/FeMP30Sx9ZgSj5/zWmMaN\nbE/O7FF6kpD/kJQAdDpSwL/ecX7cjNvdJ9tSMNdTc43Qn9xx4y2mrxLKLpxa\nmCwbudpbpTSh3dkTgvUB78/j76pzAsI0teLVnMXwXDac9/o44RLkyvfbvhpA\nFAjoAIXS+kohsJsC/m8FrunM3h6DlrcvtdUJXcXFzlQ8o0AEAsoGR+OmLiDW\nq6YnmI5xmrU4ZIGB71gUq7UMaHT6JW5qEDSQ4MGC9qlYDZd6awl2roBWI2nb\nEB9xQbRMdTzkkMLV7XXIMUtBw0q2U+H7AbJB1kRWPVyeDGk7fjEqh1TXHPkL\n/A4Gn/RKttaXzZMDD+7Nkeuj1O8q4e1fH14c0495zKf5XG18LVL3D04CCQAf\nQf4NSGT25OZvIZColq6hv+KKn2k8pbNnLb6PQylJdqa+3BJCnKU6LvqNaIXr\nqWxR\r\n=Vxcr\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDLZ9dvYQ4Ymvm5JQhZ7+h/wQ1gnX87T8qd2Lf14ozN2AIhAMclQS6htFou0duH1uiZsL4wOZqVadT1U9yrVI7jaK3b"}]},"maintainers":[{"name":"pocka","email":"pockawoooh@gmail.com"}],"_npmUser":{"name":"pocka","email":"pockawoooh@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/storybook-addon-designs_5.3.0-alpha.2_1590045730281_0.582149156818679"},"_hasShrinkwrap":false},"5.3.0-beta.0":{"name":"storybook-addon-designs","version":"5.3.0-beta.0","description":"Storybook addon for embedding your design preview in addon panel","main":"cjs/index.js","module":"esm/index.js","types":"esm/index.d.ts","repository":{"type":"git","url":"git+ssh://git@github.com/pocka/storybook-addon-designs.git"},"homepage":"https://github.com/pocka/storybook-addon-designs","author":{"name":"pocka","email":"pockawoooh@gmail.com"},"license":"MIT","devDependencies":{"@storybook/addons":"^5.0.3","@storybook/components":"^5.0.3","@storybook/core-events":"^5.0.3","@storybook/theming":"^5.0.3","@types/pdfjs-dist":"^2.0.0","@types/react":"^16.8.8","@types/webpack-env":"^1.13.9","react":"^16.8.4","typescript":"^3.7.0"},"peerDependencies":{"@storybook/addons":"^5.0.0","@storybook/components":"^5.0.0","@storybook/theming":"^5.0.0","react":">=16.8.0"},"scripts":{"dev":"tsc --watch --preserveWatchOutput","build":"yarn build:esm && yarn build:cjs","build:esm":"tsc","build:cjs":"tsc --module commonjs --outDir cjs","test":"echo 'No tests' && exit 0","clean":"rm -r esm cjs","prepublishOnly":"cp ../../README.md ./ && yarn build"},"dependencies":{"react-pdf":"^4.0.5"},"publishConfig":{"tag":"beta"},"gitHead":"40ce1915eca47861f3cd3c54f98220a92cb639ab","readme":"<div align=\"center\">\n  \n  <img src=\"./packages/assets/logo.png\" width=\"104\" alt=\"logo\">\n  <br/>\n  <br/>\n\n[![npm version](https://badge.fury.io/js/storybook-addon-designs.svg)](https://badge.fury.io/js/storybook-addon-designs)\n[![Monthly download](https://img.shields.io/npm/dm/storybook-addon-designs.svg)](https://www.npmjs.com/package/storybook-addon-designs)\n[![GitHub license](https://img.shields.io/github/license/pocka/storybook-addon-designs.svg)](https://github.com/pocka/storybook-addon-designs/blob/master/LICENSE)\n[![code style: prettier](https://img.shields.io/badge/code_style-prettier-ff69b4.svg)](https://github.com/prettier/prettier)\n\n</div>\n\n<hr/>\n\n## storybook-addon-designs\n\nA [Storybook](https://github.com/storybooks/storybook) addon that embed Figma or websites in the addon panel for better design-development workflow.\n\n- [Docs & Demo](https://pocka.github.io/storybook-addon-designs)\n\n## Requirements\n\n- Storybook@>=5.0.0\n\nThis addon should work well with any framework: If you find the case the addon not works, please open an issue.\n\n## Getting started\n\n### 1. Install\n\n```sh\nnpm install --save-dev storybook-addon-designs\n# yarn add -D storybook-addon-designs\n```\n\n### 2. Register the addon in `main.js`\n\n```js\n// .storybook/main.js\nmodule.exports = {\n  addons: ['storybook-addon-designs'],\n}\n```\n\n### 3. Add it to story!\n\n```js\nimport { withDesign } from 'storybook-addon-designs'\n\nexport default {\n  title: 'My stories',\n  component: Button,\n  decorators: [withDesign],\n}\n\nexport const myStory = () => <Button>Hello, World!</Button>\n\nmyStory.story = {\n  name: 'My awesome story',\n  parameters: {\n    design: {\n      type: 'figma',\n      url: 'https://www.figma.com/file/LKQ4FJ4bTnCSjedbRpk931/Sample-File',\n    },\n  },\n}\n```\n\n## Similar projects\n\n- [storybook-addon-figma](https://github.com/hharnisc/storybook-addon-figma)\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/pocka/storybook-addon-designs/issues"},"_id":"storybook-addon-designs@5.3.0-beta.0","_nodeVersion":"11.11.0","_npmVersion":"lerna/3.20.2/node@v11.11.0+x64 (linux)","dist":{"integrity":"sha512-pg/ZPLzg5q18oYEIpLIise7yugzutonWGu7yivHJnCqMQrOHFG62e/zpMQEhLYZjXq5YQvMuzuADvuE0+fWBAA==","shasum":"12baf737c23f1768bd88926a1f55f15d06205cfe","tarball":"https://registry.npmjs.org/storybook-addon-designs/-/storybook-addon-designs-5.3.0-beta.0.tgz","fileCount":70,"unpackedSize":69250,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeyT1zCRA9TVsSAnZWagAAPhAP/1NuvKBZQyhaRmnE5vWA\nsc1Hhg0vVTlgQeaUbQQqR3v+YpF5RA18uYSmtRntLK/Bo/3xr5UmCMorBRt5\n6Lz8jsY2Fg9Fo7goSA6thzNRL3Wx2Sw68tiQhmlsnhSveM9LGlcphfRpBlCv\nYgnvNvw4McVOZzTfVJQJjduL7QZU04Qw9gJrkBTVMtN2oeX4kcphdbmz/Bwo\n0Kx9uZmXmw5vQimXEEycJ84j7vOoC4HNe7b25GHZeaeCT+kzAaQtdg2p9pOv\ncrZNqSAxvRr9FIm716eYBl0TpGuPmP3K0kD+c9Lpwufp0JnTKerJ4GR8ZHHi\nngXfKFCGwmS9L+BATzBXgZXzRCI1R89sqC8lxEQobUDdtnFwx/zk4WyFGnsZ\nHeiK2Oyp4wQsOx/jVE8vBilOM4d4SjabGshuAg23S80Ab92dHgg5pSpWMD8Y\nX/trH5iZ5T+ylT5EKYoTyxOkcNk7c/rrHCB3rQ+TYtbHqFwwxMH0Mszd4WBM\n+s6VgrcjT3QgmjcPIFU0l6f/PFypvX6wRjyYsYokBHwzyui0NAJvmf6xsXGO\nu71Gkcs0YXBUjiAtl9j+MCuvFl/bJXPa2cJfArA7tq9HChiK1TB2Gm198OqH\naw/wvHMteBP9mYAdRHKgZeyvfroYcnHL9oOuFv8Jv8QFrHltCwnoB+WSZaxe\nqN3g\r\n=o4UC\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIFsaa4mxl6T0r8qqTkKZC7ff4uIB3063DSw3K4xNiPR7AiAIC1h0f2ydbNeXvXGMjZxdNLM1FqyexDU+qw1UIkOT1A=="}]},"maintainers":[{"name":"pocka","email":"pockawoooh@gmail.com"}],"_npmUser":{"name":"pocka","email":"pockawoooh@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/storybook-addon-designs_5.3.0-beta.0_1590246770477_0.994199632133349"},"_hasShrinkwrap":false},"5.3.0-beta.1":{"name":"storybook-addon-designs","version":"5.3.0-beta.1","description":"Storybook addon for embedding your design preview in addon panel","main":"cjs/index.js","module":"esm/index.js","types":"esm/index.d.ts","repository":{"type":"git","url":"git+ssh://git@github.com/pocka/storybook-addon-designs.git"},"homepage":"https://github.com/pocka/storybook-addon-designs","author":{"name":"pocka","email":"pockawoooh@gmail.com"},"license":"MIT","devDependencies":{"@storybook/addons":"^5.3.19","@storybook/components":"^5.3.19","@storybook/core-events":"^5.3.19","@storybook/theming":"^5.3.19","@types/pdfjs-dist":"^2.0.0","@types/react":"^16.8.8","@types/webpack-env":"^1.13.9","react":"^16.8.4","typescript":"^3.7.0"},"peerDependencies":{"@storybook/addons":"^5.0.0","@storybook/components":"^5.0.0","@storybook/theming":"^5.0.0","react":">=16.8.0"},"scripts":{"dev":"tsc --watch --preserveWatchOutput","build":"yarn build:esm && yarn build:cjs","build:esm":"tsc","build:cjs":"tsc --module commonjs --outDir cjs","test":"echo 'No tests' && exit 0","clean":"rm -r esm cjs","prepublishOnly":"cp ../../README.md ./ && yarn build"},"dependencies":{"react-pdf":"^4.0.5"},"publishConfig":{"tag":"beta"},"gitHead":"29070d82ef0bd514ae379875c2ea5534206c7a9c","readme":"<div align=\"center\">\n  \n  <img src=\"./packages/assets/logo.png\" width=\"104\" alt=\"logo\">\n  <br/>\n  <br/>\n\n[![npm version](https://badge.fury.io/js/storybook-addon-designs.svg)](https://badge.fury.io/js/storybook-addon-designs)\n[![Monthly download](https://img.shields.io/npm/dm/storybook-addon-designs.svg)](https://www.npmjs.com/package/storybook-addon-designs)\n[![GitHub license](https://img.shields.io/github/license/pocka/storybook-addon-designs.svg)](https://github.com/pocka/storybook-addon-designs/blob/master/LICENSE)\n[![code style: prettier](https://img.shields.io/badge/code_style-prettier-ff69b4.svg)](https://github.com/prettier/prettier)\n\n</div>\n\n<hr/>\n\n## storybook-addon-designs\n\nA [Storybook](https://github.com/storybooks/storybook) addon that embed Figma or websites in the addon panel for better design-development workflow.\n\n- [Docs & Demo](https://pocka.github.io/storybook-addon-designs)\n\n## Requirements\n\n- Storybook@>=5.0.0\n\nThis addon should work well with any framework: If you find the case the addon not works, please open an issue.\n\n## Getting started\n\n### 1. Install\n\n```sh\nnpm install --save-dev storybook-addon-designs\n# yarn add -D storybook-addon-designs\n```\n\n### 2. Register the addon in `main.js`\n\n```js\n// .storybook/main.js\nmodule.exports = {\n  addons: ['storybook-addon-designs'],\n}\n```\n\n### 3. Add it to story!\n\n```js\nimport { withDesign } from 'storybook-addon-designs'\n\nexport default {\n  title: 'My stories',\n  component: Button,\n  decorators: [withDesign],\n}\n\nexport const myStory = () => <Button>Hello, World!</Button>\n\nmyStory.story = {\n  name: 'My awesome story',\n  parameters: {\n    design: {\n      type: 'figma',\n      url: 'https://www.figma.com/file/LKQ4FJ4bTnCSjedbRpk931/Sample-File',\n    },\n  },\n}\n```\n\n## Similar projects\n\n- [storybook-addon-figma](https://github.com/hharnisc/storybook-addon-figma)\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/pocka/storybook-addon-designs/issues"},"_id":"storybook-addon-designs@5.3.0-beta.1","_nodeVersion":"11.11.0","_npmVersion":"lerna/3.22.0/node@v11.11.0+x64 (linux)","dist":{"integrity":"sha512-NdOJ6XcccROPI2vhs6FnnYje0llqvp7WpcuBYX5HDzVG0TB1aALUmLIMSz3yt+VKZMAI62kbtZOdHmICwjrZpw==","shasum":"f0f8f2c425b6fca0c3d074fef86d034eee39851c","tarball":"https://registry.npmjs.org/storybook-addon-designs/-/storybook-addon-designs-5.3.0-beta.1.tgz","fileCount":70,"unpackedSize":70083,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJe3GSFCRA9TVsSAnZWagAAb3IP+wQdMt0MWZadgtmy8PRR\nKgN6OGtqTBFXLAJLbmCspg+wWL9EW87Xq4C1vD2Yv6N2v0HgYMWuwoaHt0mX\n4AFMesqoBr7XcVlaJqHhy63kGgcRMmbhG6PJ+9oggSI48d5iGWNCLv8undwt\n45NXChwX06oXsI6QctvubFnK/UV7eTGhYySne0eL8DvoINrV1S6PfL/36LIw\nt5wPysvK3kJewPzfYnEg81iJ/NWNx3QWhbZq/xV30i4oCkUXWpg9zyVz/vAx\nP7HsmHgN3gtQdb5dewuGSQC4yltqsw+Ue8Ai+qTBmPHqnC09y5WIHHQ10aSx\nxEobkddp2BFeZwRTWZ67L2vaDhY4dTVFd0GVi/cfvNt52AdVedQDmjc2nADU\nIeGp7SB08CPiisU6dP8joGc6qoSJF+XG3iDo/9jJBrd84Go2Ko+fdUYwFb02\nfMJgtquNY7FcD4oJacUZ+sYPqe5S+su3bL6Id/nGgNKkCVbr10c1AC5hgXq1\nRxrWhVSQg8ThArjAtRmqaXwa9R8o8k+r7hVORMbg61f8i08UAjnDJ+CG0Une\nvB+3C7jRqJLnHtlMUOebLvjoVkENcCMypZ8/TgieeCQNFXEMcNYu2eYYETk9\ns3po4EN3lAWq9Nh6BHQwza9ccxVqT0zvXrGlr/O9dGPEaA4ldtUhnDVG7Uj1\nNQts\r\n=jDTY\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIFRzEN22FPuQWnKFKPtwgrKHkhdYvHFBlpW8wzJRzafTAiEArpB+QNZeu+hFJjDwiZKvla7UrRHIHvZOZ41ZgmY0XD0="}]},"maintainers":[{"name":"pocka","email":"pockawoooh@gmail.com"}],"_npmUser":{"name":"pocka","email":"pockawoooh@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/storybook-addon-designs_5.3.0-beta.1_1591501957167_0.2857028454520887"},"_hasShrinkwrap":false},"5.3.0":{"name":"storybook-addon-designs","version":"5.3.0","description":"Storybook addon for embedding your design preview in addon panel","main":"cjs/index.js","module":"esm/index.js","types":"esm/index.d.ts","repository":{"type":"git","url":"git+ssh://git@github.com/pocka/storybook-addon-designs.git"},"homepage":"https://github.com/pocka/storybook-addon-designs","author":{"name":"pocka","email":"pockawoooh@gmail.com"},"license":"MIT","devDependencies":{"@storybook/addons":"^5.3.19","@storybook/components":"^5.3.19","@storybook/core-events":"^5.3.19","@storybook/theming":"^5.3.19","@types/pdfjs-dist":"^2.0.0","@types/react":"^16.8.8","@types/webpack-env":"^1.13.9","react":"^16.8.4","typescript":"^3.7.0"},"peerDependencies":{"@storybook/addons":"^5.0.0","@storybook/components":"^5.0.0","@storybook/theming":"^5.0.0","react":">=16.8.0"},"scripts":{"dev":"tsc --watch --preserveWatchOutput","build":"yarn build:esm && yarn build:cjs","build:esm":"tsc","build:cjs":"tsc --module commonjs --outDir cjs","test":"echo 'No tests' && exit 0","clean":"rm -r esm cjs","prepublishOnly":"cp ../../README.md ./ && yarn build"},"dependencies":{"react-pdf":"^4.0.5"},"publishConfig":{"tag":"latest"},"gitHead":"85ae38ccb871a65908de441d0908e7603fdfe46b","bugs":{"url":"https://github.com/pocka/storybook-addon-designs/issues"},"_id":"storybook-addon-designs@5.3.0","_nodeVersion":"11.11.0","_npmVersion":"lerna/3.22.0/node@v11.11.0+x64 (linux)","dist":{"integrity":"sha512-h5vGXY1hZLtt73R/FKUO/gwIJA3o2ceONQAst+1eGl0vA7WrDLZxFpgc6iGeKu5q8p63u7fxxlF5o3MaR+/GYQ==","shasum":"1edbcc4972d590dd05b53e09646a0a6c1135bfd8","tarball":"https://registry.npmjs.org/storybook-addon-designs/-/storybook-addon-designs-5.3.0.tgz","fileCount":70,"unpackedSize":70076,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJe7VxCCRA9TVsSAnZWagAAQA8P/iswXJXsNEX9pAnCILH7\nPRi0sXANESGZ+NJ/a1Mt/OaCJfdOUgXe2NX1RdA57vNYx9h4qWeb6iFQYEP1\nss6lEeMMw5YXzxzwIPVGutokbg03pnZfDravlZ4riMrFmD98HGUsS1cuhj3z\n75KERNqlk3KU+nEGKhUxYIUo92Xp1eD6QjdMP4g8ZBdWVVI7c1QfspkhV47e\nDBDkRw9OrkgU3pG1QrejkmDaCA3gxNuu+8+W29DJN9qhqtoxuDPA+IqfF6uu\nRyV7ti/YtosJyrupOTomxhGRbQPIFWecqXs+dkkkv5COpzr8TdqqjMJRcLD9\n3hSaNGpvH3kIumaDLNpNDaBT1riv/RMqaegRAU6RhgahdJOdjQlG7ZGqwoD8\np3L/T16TWVJ1DrMp5aodjZ0CPtFLHi2dNjE70Qysu1+oi2+8AZh3HDZZgg/i\nbNH5HdstZPmVZFpyVc4K2RcEqAglOKlI4TdFTn/hs789j28jnygZ1PSfpVpy\nKzEBZlcqlgBd5TBAhWeDZ1dQVuKkDW3anIuYPJyHq5PxVKtGTis+JPoNacbs\nrFuwdw+qbZXl/wBT8Ze+nsBk+Eq1nDU686dM0ppyv9by1VbtDrn5bwS8hN25\nNWHIk2Xa4ML2QXt1aF807G0rIoyXKm6qq5VnDyupuIMc+JKchJN0H770ATWy\nc9rf\r\n=IGwU\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIH1T+JFOyVSBEIFu6Yn+2bVAEZN/OkWmmoqn4mK5SwaRAiEAuHprQGElAjZV3n1LDTtGSl8Rwqqx6SnyHv2TJj75gTI="}]},"maintainers":[{"name":"pocka","email":"pockawoooh@gmail.com"}],"_npmUser":{"name":"pocka","email":"pockawoooh@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/storybook-addon-designs_5.3.0_1592613953956_0.5828608414531384"},"_hasShrinkwrap":false},"5.4.0":{"name":"storybook-addon-designs","version":"5.4.0","description":"Storybook addon for embedding your design preview in addon panel","main":"cjs/index.js","module":"esm/index.js","types":"esm/index.d.ts","repository":{"type":"git","url":"git+ssh://git@github.com/pocka/storybook-addon-designs.git"},"homepage":"https://github.com/pocka/storybook-addon-designs","author":{"name":"pocka","email":"pockawoooh@gmail.com"},"license":"MIT","devDependencies":{"@storybook/addon-docs":"^5.3.19","@storybook/addons":"^5.3.19","@storybook/client-api":"^5.3.19","@storybook/components":"^5.3.19","@storybook/core-events":"^5.3.19","@storybook/theming":"^5.3.19","@types/pdfjs-dist":"^2.0.0","@types/react":"^16.8.8","@types/webpack-env":"^1.13.9","react":"^16.8.4","typescript":"^3.7.0"},"peerDependencies":{"@storybook/addons":"^5.0.0","@storybook/components":"^5.0.0","@storybook/theming":"^5.0.0","react":">=16.8.0"},"scripts":{"dev":"tsc --watch --preserveWatchOutput","build":"yarn build:esm && yarn build:cjs","build:esm":"tsc","build:cjs":"tsc --module commonjs --outDir cjs","test":"echo 'No tests' && exit 0","clean":"rm -r esm cjs","prepublishOnly":"cp ../../README.md ./ && yarn build"},"dependencies":{"react-pdf":"^4.0.5"},"publishConfig":{"tag":"latest"},"gitHead":"f751461f24ad30e04dbf945a3c9f6ebb55d28530","bugs":{"url":"https://github.com/pocka/storybook-addon-designs/issues"},"_id":"storybook-addon-designs@5.4.0","_nodeVersion":"11.11.0","_npmVersion":"lerna/3.22.0/node@v11.11.0+x64 (linux)","dist":{"integrity":"sha512-1tW5a956pHaDA3hrDRZFborJibGmu/rYviacrBmNG8QoW4TFnsu80qPfOKbkG0b/vbnqh7WukTRVh2UE8ZoMDw==","shasum":"f1a40d27766ec5c1603a8d333c54270ed1609f65","tarball":"https://registry.npmjs.org/storybook-addon-designs/-/storybook-addon-designs-5.4.0.tgz","fileCount":78,"unpackedSize":88403,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJe9sH4CRA9TVsSAnZWagAAodQQAJrT/sNT0+K2YB2u69hM\nMVptFVMTmGoa8u8b80Xk9nmctRHdRQ6llpI+7TaeNLNz6+/t30oyB2S4Gtqy\ndFb1+fGsCb+CWsy32ZcHQ4l1ir4oMQsicQxyvCPEUPdSodmwPw+BmOjdFnir\n+jNa2hH4E8U4P0DQ1AFpRY0v/TCfwgEhTMNqHvJrxTDBvoc4MSv22fuwJGmM\nrfDau7twcCkGGDLuIfJrps0Ha15rAY/4erAtSiR1wCcOg9n6RxhESudQBjfh\nUhZs8RfsUjxgLEivC4YZUTZxobTp+PJ8qUTFehGjavrq++Qtx5PlSyJeIXXg\npCE6lkffL8Xgxv3jvV6mg4wXLWvGS/o9E28OcjZjaYJ9vI4QJSS+iFpfBIZ4\nAMc0Mgx9diPloVuKGbEXOZcUcoABlUFazCcrxQiG9clv/E1aa/qJeIqLfToj\nl3h65gr48FFCPT3Y5JWefE8ajN6YmAzyKww4X4Ns5loc9mHtxUUTPxN8QkOI\nA4S4hGjn+n+naQi5fzerVSG2Yt/UkzG9cRKIryJRpDGnk7WvUvMxoHol1wEj\n1ayLPngE44lQ6vZY51GdB6oS3n1Ys1q3Jykn2NbUsN22tBaxc9W8fYbPxo4x\nTQ46HGQhjuGyfhdeEmsXyxS2hXz3I0cCXcweoYenEBXcxSwsia7PvLL0l4AA\njzrT\r\n=r4vK\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCKbivMiIICVpFfUXCefhHnH1ohhWbULdU7lFlUyGMCvgIgU0RPcbT1CkH9M8XISGI0BCBvoct7cPtqq5fKCDS4BQY="}]},"maintainers":[{"name":"pocka","email":"pockawoooh@gmail.com"}],"_npmUser":{"name":"pocka","email":"pockawoooh@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/storybook-addon-designs_5.4.0_1593229815881_0.01939377379122864"},"_hasShrinkwrap":false},"5.4.1":{"name":"storybook-addon-designs","version":"5.4.1","description":"Storybook addon for embedding your design preview in addon panel","main":"cjs/index.js","module":"esm/index.js","types":"esm/index.d.ts","repository":{"type":"git","url":"git+ssh://git@github.com/pocka/storybook-addon-designs.git"},"homepage":"https://github.com/pocka/storybook-addon-designs","author":{"name":"pocka","email":"pockawoooh@gmail.com"},"license":"MIT","devDependencies":{"@storybook/addon-docs":"^5.3.19","@storybook/addons":"^5.3.19","@storybook/client-api":"^5.3.19","@storybook/components":"^5.3.19","@storybook/core-events":"^5.3.19","@storybook/theming":"^5.3.19","@types/pdfjs-dist":"^2.0.0","@types/react":"^16.8.8","@types/webpack-env":"^1.13.9","react":"^16.8.4","typescript":"^3.7.0"},"peerDependencies":{"@storybook/addons":"^5.0.0","@storybook/components":"^5.0.0","@storybook/theming":"^5.0.0","react":">=16.8.0"},"scripts":{"dev":"tsc --watch --preserveWatchOutput","build":"yarn build:esm && yarn build:cjs","build:esm":"tsc","build:cjs":"tsc --module commonjs --outDir cjs","test":"echo 'No tests' && exit 0","clean":"rm -r esm cjs","prepublishOnly":"cp ../../README.md ./ && yarn build"},"dependencies":{"react-pdf":"^4.0.5"},"publishConfig":{"tag":"latest"},"gitHead":"b6f848ee76e857da3b183eb27db6e8662db5a1f3","bugs":{"url":"https://github.com/pocka/storybook-addon-designs/issues"},"_id":"storybook-addon-designs@5.4.1","_nodeVersion":"11.11.0","_npmVersion":"lerna/3.22.0/node@v11.11.0+x64 (linux)","dist":{"integrity":"sha512-NU/ZcYovTYyJ3xDbkd54gjTZLcYKttvMubVc6eRBSHhRJsh3fi1qyYDKmolBmy3YPyYguo9mhNg88Id7aSmGtA==","shasum":"23aa25d189aa7dbe3b5cbc915d923c15e401f1d1","tarball":"https://registry.npmjs.org/storybook-addon-designs/-/storybook-addon-designs-5.4.1.tgz","fileCount":79,"unpackedSize":88449,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfI9R3CRA9TVsSAnZWagAA9D0P/3DOOsrbgRelSRi5bfNq\nnjChBeUp9/FlcQnSA4TFbspmxW4rw70p34XaTTCS2Xf8y62xZe+7zMeIibGh\njiD/WqQOWdoW7zeW2YEfcAq34IYWeSSa4r2Iur07TTtiZNDkMAiqtiUdNosZ\nWT1egQTYtOwNoG74GU50cUYst8HYZuVDqzs1DJUC+taQRssrhIx5SZRufFIp\ngF5psuTteTRkeworvaB+oUn88javijcEOB/qKfn8+mtsvDkg0HtEhyt3SuU3\nEQWO9rPx+rHh6k1tfV7lt6nwQiAPCg9bGFJfGm47ggH/EPE+fy7DI6op/yrc\niqdglHCifoVT2PXStkSXYMRiiA+vwENfbO9eDHHF71nu2sI/jd6ZTygOBOK6\nDw9nu80AKgijmr51BSLs+tjQvzxIbf8QeArD+8sfEaybepaK6a93WmwRpgbL\nt32p+qXOxRHCGRclvJXJwaTUL6+pq7dcJnnxscdE0FgSh4Y5aQRUzy9tJjZK\n7mPOHmq2p5Qi2DjLSNaQ/Ky368dT/Cz59lV8EqP0nWdaDJ3AQ9h6pesyn47l\nW4J4CDsQg0PKwOxyenfGxMkVY2MqigQKsU+xaKEVsSlaflfR0ABr6MvN8Yq3\noVoZUXfoTKxhETkPVZI/w6nEHz87ytW87AtFyqHx7WD3JaiYyKpV8xS9Grs1\nF0OK\r\n=B0rM\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIDmJIjkxRRRCBWgJGvsJibzJiUlRfPhtfP5qD+dKgVy0AiBqcBwYeSn5v1kvqD4DCwgWg2mnxUBwFpdTHkbaSy9lWw=="}]},"maintainers":[{"name":"pocka","email":"pockawoooh@gmail.com"}],"_npmUser":{"name":"pocka","email":"pockawoooh@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/storybook-addon-designs_5.4.1_1596183670804_0.13365235930749209"},"_hasShrinkwrap":false},"5.4.2":{"name":"storybook-addon-designs","version":"5.4.2","description":"Storybook addon for embedding your design preview in addon panel","main":"cjs/index.js","module":"esm/index.js","types":"esm/index.d.ts","repository":{"type":"git","url":"git+ssh://git@github.com/pocka/storybook-addon-designs.git"},"homepage":"https://github.com/pocka/storybook-addon-designs","author":{"name":"pocka","email":"pockawoooh@gmail.com"},"license":"MIT","devDependencies":{"@storybook/addon-docs":"^5.3.19","@storybook/addons":"^5.3.19","@storybook/client-api":"^5.3.19","@storybook/components":"^5.3.19","@storybook/core-events":"^5.3.19","@storybook/theming":"^5.3.19","@types/pdfjs-dist":"^2.0.0","@types/react":"^16.8.8","@types/webpack-env":"^1.13.9","react":"^16.8.4","typescript":"^3.7.0"},"peerDependencies":{"@storybook/addons":"^5.0.0 || ^6.0.0","@storybook/components":"^5.0.0 || ^6.0.0","@storybook/theming":"^5.0.0 || ^6.0.0","react":">=16.8.0"},"scripts":{"dev":"tsc --watch --preserveWatchOutput","build":"yarn build:esm && yarn build:cjs","build:esm":"tsc","build:cjs":"tsc --module commonjs --outDir cjs","test":"echo 'No tests' && exit 0","clean":"rm -r esm cjs","prepublishOnly":"cp ../../README.md ./ && yarn build"},"dependencies":{"react-pdf":"^4.0.5"},"publishConfig":{"tag":"latest"},"gitHead":"075ad5cfccadcb4d664518f52310107544c1e561","bugs":{"url":"https://github.com/pocka/storybook-addon-designs/issues"},"_id":"storybook-addon-designs@5.4.2","_nodeVersion":"14.11.0","_npmVersion":"lerna/3.22.0/node@v14.11.0+x64 (linux)","dist":{"integrity":"sha512-NByEwHN18GZIYD3YmsswcpKfa/R7nlY0fTYt4M158UwZgfg08Mf6v06zhq0I3MaL7CF/DdjBVIIXT13nlSi5BA==","shasum":"5cd98c2e1665e610c4fb190cfe8310d720657057","tarball":"https://registry.npmjs.org/storybook-addon-designs/-/storybook-addon-designs-5.4.2.tgz","fileCount":79,"unpackedSize":88427,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfYWRyCRA9TVsSAnZWagAAqDcP/02FT/302BnCAPc7v3cW\nNik2tRNK2OgQM2RrHDNrzaJeygmRYDR1OXHpTqomuRgxHh7hlirB7u6NaR17\nCSq3RXMVMRWC2N6nowjIwBZ8ToUzHUuZSh5NtxHNs3Lg/VUNJMMshvzvUBQY\nieSxiGzn6Y61QzKPPMhICCsIK3tJUHRVjvsudAVHbJqpW8wsIXArt5df8kxG\n3gZkez3IxhjxNyTaOFUV6CBEk+Qkw+zixhS4gto06vSJJJay0R+GJCh0LOH/\nPsaRQWogE/3KWaGIauojqkUfvbm0aG41DXKXWOD0gP1o1VU64pFCpl0lwwfT\n0qm4esLRDW5ckceu4/pxmFo6iFeKX74GE0YZb11eF3PWL+bfc75NdfovuV23\nimMLGvy1v5cteZkOz2SXRK64Hwbrd17PNS2aHtBzvxtWM4bkMMrqGQ7LH8vN\nCyNd9JH3aQkushxilH/vlO3piRy9ESJWIdc5CLgBj5PanPourcpYlHO/+pNZ\nfMBVRYJg4/4D1xJB+UlzuebIEI6Z4yvuaLcbIGGEymXl+GA/81KxbLlFF4Nt\ndU1wMk7Ljx+YuAynCmRWfdN99fYHVQ8Lu3ZuNxX2jm6ko2lvlWGyZ/tN4hza\nMEtSDpJE7BN3HlIIYiw/tmQ37iuuqaKJxpxhhstbVSre1TtHaFoX+P3A0xml\nXREO\r\n=PGSx\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIHXRWgyIvEwtJWT1ndwId1XyBXeDQLRoG6zKRvOUFcnlAiB1QS21DkR6IRI/i6VmW29fGM6/2ra7kH/JX4rDanTh2w=="}]},"maintainers":[{"name":"pocka","email":"pockawoooh@gmail.com"}],"_npmUser":{"name":"pocka","email":"pockawoooh@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/storybook-addon-designs_5.4.2_1600218225429_0.4039134584200079"},"_hasShrinkwrap":false},"6.0.0-alpha.0":{"name":"storybook-addon-designs","version":"6.0.0-alpha.0","description":"Storybook addon for embedding your design preview in addon panel","main":"cjs/index.js","module":"esm/index.js","types":"esm/index.d.ts","repository":{"type":"git","url":"git+ssh://git@github.com/pocka/storybook-addon-designs.git"},"homepage":"https://github.com/pocka/storybook-addon-designs","author":{"name":"pocka","email":"pockawoooh@gmail.com"},"license":"MIT","devDependencies":{"@storybook/addon-docs":"^6.1.11","@storybook/addons":"^6.1.11","@storybook/client-api":"^6.1.11","@storybook/components":"^6.1.11","@storybook/core-events":"^6.1.11","@storybook/theming":"^6.1.11","@types/react":"^16.8.8","@types/webpack-env":"^1.13.9","react":"^16.8.4","typescript":"^3.7.0"},"peerDependencies":{"@storybook/addons":"^5.0.0 || ^6.0.0","@storybook/components":"^5.0.0 || ^6.0.0","@storybook/theming":"^5.0.0 || ^6.0.0","react":">=16.8.0"},"scripts":{"dev":"tsc --watch --preserveWatchOutput","build":"yarn build:esm && yarn build:cjs","build:esm":"tsc","build:cjs":"tsc --module commonjs --outDir cjs","test":"echo 'No tests' && exit 0","clean":"rm -r esm cjs","prepublishOnly":"cp ../../README.md ./ && yarn build"},"publishConfig":{"tag":"alpha"},"gitHead":"7772ee4d72489fcf034c8d6a196eacbf25c1f780","readme":"<div align=\"center\">\n  \n  <img src=\"./packages/assets/logo.png\" width=\"104\" alt=\"logo\">\n  <br/>\n  <br/>\n\n[![npm version](https://badge.fury.io/js/storybook-addon-designs.svg)](https://badge.fury.io/js/storybook-addon-designs)\n[![Monthly download](https://img.shields.io/npm/dm/storybook-addon-designs.svg)](https://www.npmjs.com/package/storybook-addon-designs)\n[![GitHub license](https://img.shields.io/github/license/pocka/storybook-addon-designs.svg)](https://github.com/pocka/storybook-addon-designs/blob/master/LICENSE)\n[![code style: prettier](https://img.shields.io/badge/code_style-prettier-ff69b4.svg)](https://github.com/prettier/prettier)\n\n</div>\n\n<hr/>\n\n## storybook-addon-designs\n\nA [Storybook](https://github.com/storybooks/storybook) addon that embed Figma or websites in the addon panel for better design-development workflow.\n\n- [Docs & Demo](https://pocka.github.io/storybook-addon-designs)\n\n## Requirements\n\n- Storybook@>=5.0.0\n\nThis addon should work well with any framework: If you find the case the addon not works, please open an issue.\n\n## Getting started\n\n### 1. Install\n\n```sh\nnpm install --save-dev storybook-addon-designs\n# yarn add -D storybook-addon-designs\n```\n\n### 2. Register the addon in `main.js`\n\n```js\n// .storybook/main.js\nmodule.exports = {\n  addons: ['storybook-addon-designs'],\n}\n```\n\n### 3. Add it to story!\n\n```js\nimport { withDesign } from 'storybook-addon-designs'\n\nexport default {\n  title: 'My stories',\n  component: Button,\n  decorators: [withDesign],\n}\n\nexport const myStory = () => <Button>Hello, World!</Button>\n\nmyStory.parameters = {\n  design: {\n    type: 'figma',\n    url: 'https://www.figma.com/file/LKQ4FJ4bTnCSjedbRpk931/Sample-File',\n  },\n}\n```\n\n## Similar projects\n\n- Adobe XD: [storybook-addon-xd-designs](https://github.com/morgs32/storybook-addon-xd-designs)\n- Zeplin: [storybook-zeplin](https://github.com/mertkahyaoglu/storybook-zeplin)\n- Abstract: [storybook-addons-abstract](https://github.com/amccloud/storybook-addons-abstract)\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/pocka/storybook-addon-designs/issues"},"_id":"storybook-addon-designs@6.0.0-alpha.0","_nodeVersion":"14.11.0","_npmVersion":"lerna/3.22.1/node@v14.11.0+x64 (linux)","dist":{"integrity":"sha512-OYMdxDhOXwf9qnzZhL/0rrwPKO5U8FK29zteuAG1NmthQth8jnyhSjTCHNzClZkQR07BglSx7bnpZxeyRvDl5Q==","shasum":"f0346010006c4a7fafe0528e6ddb3ed1472b28d3","tarball":"https://registry.npmjs.org/storybook-addon-designs/-/storybook-addon-designs-6.0.0-alpha.0.tgz","fileCount":75,"unpackedSize":70646,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJf5u7cCRA9TVsSAnZWagAAgZgP/jP8yLkBDO0roCCwyJ6S\ndwXhNo1PDrz2w/nHP3xMTMPFjfohsyFuw8WBgyYqRaakklMG8Ix8/s8tGHAr\nEiTGNYzfJyIUyPA7YBmvuRK/J3ihx8XGXP+sxirUjTD9OutZ4E9EJQyy6hnd\nxX6m+SMH6OXhCuDd771KylVEd5j/4GYatsSZZD4l8skVboDxOMMW65CpU2/G\nK91dnb9UcYWCRAkovzYncvHRW4WADdQQRvhzAj61s7Mz/Es7Ox4nqY9WjwIr\nvsrh2dicZ29BTCfrLQr4qdyrRpXMITuxHa/UGEJSRkbXgaBs1aPck/RV1bph\nzPgvSbSj3mKR/m+Mh6PodS4Lpa4Vl7nqrXWjQf4vtaZqjWV7e7nQKRv3gLaU\n7EgW7KDwP54UubwzX+NbnLpm7S5NzgvfPs1hnNxNjVhGDEgOs3mZTuHgizqZ\nYY5Kh4dhOrlu/9OCTZ6ZiyFzvqMBspMIVk4R1IkOPdAnjqoRB7OzSEw9vCaP\n8FWnABcLNrcd7qo23rUcUC/axSyIXUD5SZdy37B8XVCXNzBIeBaYg52rxIiM\njPgamD6zwFrbgh5pGNzHlUnjysN5PX4+y4bJ+iqHO4frPfFAKD9LtxqBTXUT\nyciTGztianupTnYl8OSN8DES2crjNJMzDqMfzEtw5Q2b9pZqHuiP0VU/a8pv\nV+TP\r\n=vCvI\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDJxJqI54kXqub4VNfRnEOGLQBKlGehhVyuZfITkCk6KAIhAPUfLVkjZXncJgI+qp/RflEdqAzWiIZWh0m3o5JNH+gY"}]},"_npmUser":{"name":"pocka","email":"pockawoooh@gmail.com"},"directories":{},"maintainers":[{"name":"pocka","email":"pockawoooh@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/storybook-addon-designs_6.0.0-alpha.0_1608969948407_0.12357678841706621"},"_hasShrinkwrap":false},"6.0.0-alpha.1":{"name":"storybook-addon-designs","version":"6.0.0-alpha.1","description":"Storybook addon for embedding your design preview in addon panel","main":"cjs/index.js","module":"esm/index.js","types":"esm/index.d.ts","repository":{"type":"git","url":"git+ssh://git@github.com/pocka/storybook-addon-designs.git"},"homepage":"https://github.com/pocka/storybook-addon-designs","author":{"name":"pocka","email":"pockawoooh@gmail.com"},"license":"MIT","devDependencies":{"@figspec/components":"^0.1.2","@figspec/react":"^0.1.4","@storybook/addon-docs":"^6.1.11","@storybook/addons":"^6.1.11","@storybook/client-api":"^6.1.11","@storybook/components":"^6.1.11","@storybook/core-events":"^6.1.11","@storybook/theming":"^6.1.11","@types/react":"^16.8.8","@types/webpack-env":"^1.13.9","figma-js":"^1.13.0","react":"^16.8.4","typescript":"^3.7.0"},"peerDependencies":{"@storybook/addons":"^5.0.0 || ^6.0.0","@storybook/components":"^5.0.0 || ^6.0.0","@storybook/theming":"^5.0.0 || ^6.0.0","react":">=16.8.0"},"scripts":{"dev":"tsc --watch --preserveWatchOutput","build":"yarn build:esm && yarn build:cjs","build:esm":"tsc","build:cjs":"tsc --module commonjs --outDir cjs","test":"echo 'No tests' && exit 0","clean":"rm -r esm cjs","prepublishOnly":"cp ../../README.md ./ && yarn build"},"publishConfig":{"tag":"alpha"},"gitHead":"2e0b7631cc3a90a013c9b525436510a46af512a2","readme":"<div align=\"center\">\n  \n  <img src=\"./packages/assets/logo.png\" width=\"104\" alt=\"logo\">\n  <br/>\n  <br/>\n\n[![npm version](https://badge.fury.io/js/storybook-addon-designs.svg)](https://badge.fury.io/js/storybook-addon-designs)\n[![Monthly download](https://img.shields.io/npm/dm/storybook-addon-designs.svg)](https://www.npmjs.com/package/storybook-addon-designs)\n[![GitHub license](https://img.shields.io/github/license/pocka/storybook-addon-designs.svg)](https://github.com/pocka/storybook-addon-designs/blob/master/LICENSE)\n[![code style: prettier](https://img.shields.io/badge/code_style-prettier-ff69b4.svg)](https://github.com/prettier/prettier)\n\n</div>\n\n<hr/>\n\n## storybook-addon-designs\n\nA [Storybook](https://github.com/storybooks/storybook) addon that embed Figma or websites in the addon panel for better design-development workflow.\n\n- [Docs & Demo](https://pocka.github.io/storybook-addon-designs)\n\n## Requirements\n\n- Storybook@>=5.0.0\n\nThis addon should work well with any framework: If you find the case the addon not works, please open an issue.\n\n## Getting started\n\n### 1. Install\n\n```sh\nnpm install --save-dev storybook-addon-designs\n# yarn add -D storybook-addon-designs\n```\n\n### 2. Register the addon in `main.js`\n\n```js\n// .storybook/main.js\nmodule.exports = {\n  addons: ['storybook-addon-designs'],\n}\n```\n\n### 3. Add it to story!\n\n```js\nimport { withDesign } from 'storybook-addon-designs'\n\nexport default {\n  title: 'My stories',\n  component: Button,\n  decorators: [withDesign],\n}\n\nexport const myStory = () => <Button>Hello, World!</Button>\n\nmyStory.parameters = {\n  design: {\n    type: 'figma',\n    url: 'https://www.figma.com/file/LKQ4FJ4bTnCSjedbRpk931/Sample-File',\n  },\n}\n```\n\n## Similar projects\n\n- Adobe XD: [storybook-addon-xd-designs](https://github.com/morgs32/storybook-addon-xd-designs)\n- Zeplin: [storybook-zeplin](https://github.com/mertkahyaoglu/storybook-zeplin)\n- Abstract: [storybook-addons-abstract](https://github.com/amccloud/storybook-addons-abstract)\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/pocka/storybook-addon-designs/issues"},"_id":"storybook-addon-designs@6.0.0-alpha.1","_nodeVersion":"14.11.0","_npmVersion":"lerna/3.22.1/node@v14.11.0+x64 (linux)","dist":{"integrity":"sha512-RHSGjBOET28hOwCiKGjeMBldR0lLYkji955VXH7j8b6X/Man5V9o44kIzvew8nB1O+QyCg1dW6ZXyeEeCet+SA==","shasum":"7375a6fad1d273b50d7fb779254ee9df61cc758a","tarball":"https://registry.npmjs.org/storybook-addon-designs/-/storybook-addon-designs-6.0.0-alpha.1.tgz","fileCount":79,"unpackedSize":91229,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJf6MBwCRA9TVsSAnZWagAAj7IP/iOPIroUE6RFZBHg6D0f\nos5BWAdfkNiVKpV+KZDXwY+mBxe5G5J+Tq0vGQBNvV9xtmAZz9wyTwpfaOxw\nf+FFV4O+T3nsjyCApjh0fhhf90HTLanRHuC5vBEGAWphSJOG2dxYcmqu7m70\nr/s2Sp04wxrfTBUSoR5vvDiFpDHZl8jgWUZyRdGk8c441KOlCZWKUK4ve5GA\nZEFXkFvezpcDGhx8eP54ifRyjXkq18w5QktxWNDx/q68A7O0Z+GbYjEPQ8V1\njqpqEUMBqkju6RyGxKRH6DoaY2LKiNwhrFZap11Re1hRtPVX1p2d7CYKY5f9\nZKUNgR/cl/kQrHP8m6qrHXxrggZ7tGdHNoxx7IvTbdaqmayxhfF7XpuxZlVq\nzGhd4nRgMp6mHbqKn++A5Ak6/PrU5VI5NgkW2w1FOHLS1yLPbSfwTLumpb4I\nyS2ns93xg8bXt9JL9+9z1KDV9Zc/P7NNaGNb7WW2xX9lz/dodKdCHTkJwCex\nlaAY0zB1XqrtfhPJWTIuohyyB8Q9u+rVygrvatSTZ9uRZQeuE/KrKGp13lCr\nusviF0bxKQ0hCMGSeLFWBKtXt+aV93NnUtC9We9cyzO7JD5ZzyUF7Fb56fl6\nCAS/Wkr6GAXp+mzuNBp3kUEqAJkUUbGNEvqCp9uYRVZhV4lw5eOrZqbE3kdW\nCFQY\r\n=JL8s\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIA+P9D0n96rLI6duPfbHN3gV0o47rMPkf1D+GkL7uxy3AiEAkwNGTlH7SSIummn4keeiuyF469CYIUmIszeCBVkJc4Y="}]},"_npmUser":{"name":"pocka","email":"pockawoooh@gmail.com"},"directories":{},"maintainers":[{"name":"pocka","email":"pockawoooh@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/storybook-addon-designs_6.0.0-alpha.1_1609089136406_0.8814521201678667"},"_hasShrinkwrap":false},"5.4.3":{"name":"storybook-addon-designs","version":"5.4.3","description":"Storybook addon for embedding your design preview in addon panel","main":"cjs/index.js","module":"esm/index.js","types":"esm/index.d.ts","repository":{"type":"git","url":"git+ssh://git@github.com/pocka/storybook-addon-designs.git"},"homepage":"https://github.com/pocka/storybook-addon-designs","author":{"name":"pocka","email":"pockawoooh@gmail.com"},"license":"MIT","devDependencies":{"@storybook/addon-docs":"^5.3.19","@storybook/addons":"^5.3.19","@storybook/client-api":"^5.3.19","@storybook/components":"^5.3.19","@storybook/core-events":"^5.3.19","@storybook/theming":"^5.3.19","@types/pdfjs-dist":"^2.0.0","@types/react":"^16.8.8","@types/webpack-env":"^1.13.9","react":"^16.8.4","typescript":"^3.7.0"},"peerDependencies":{"@storybook/addons":"^5.0.0 || ^6.0.0","@storybook/components":"^5.0.0 || ^6.0.0","@storybook/theming":"^5.0.0 || ^6.0.0","react":">=16.8.0"},"scripts":{"dev":"tsc --watch --preserveWatchOutput","build":"yarn build:esm && yarn build:cjs","build:esm":"tsc","build:cjs":"tsc --module commonjs --outDir cjs","test":"echo 'No tests' && exit 0","clean":"rm -r esm cjs","prepublishOnly":"cp ../../README.md ./ && yarn build"},"dependencies":{"react-pdf":"^4.0.5"},"publishConfig":{"tag":"latest"},"gitHead":"1fba0cad02a9b1e3fb3a815c45f9b2092c287b97","bugs":{"url":"https://github.com/pocka/storybook-addon-designs/issues"},"_id":"storybook-addon-designs@5.4.3","_nodeVersion":"14.11.0","_npmVersion":"lerna/3.22.0/node@v14.11.0+x64 (linux)","dist":{"integrity":"sha512-rSEC/jX0ig8qnQz1AzbEU+s2lmlDyZTCEy3Jh//XSBiZWycm0uPbP1vcknVXHbbGhkvHRvoyROqssiCjX661ZA==","shasum":"ab4209e180e94c848f5920dc1ebbb075b4283303","tarball":"https://registry.npmjs.org/storybook-addon-designs/-/storybook-addon-designs-5.4.3.tgz","fileCount":79,"unpackedSize":91141,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJf/v5YCRA9TVsSAnZWagAAnxEP/1j7MlQBhBV7YAZqHs5B\nxR7GxgmTiXk9MK8Qo+9OYcknT8vVDIUcz20S+fB0HKcdMTPbb/FyQO7gbZNY\nRrNIE4ENhgklx0aoiYIue7v0QWY/vcRGgk+GKAc192b7KcpRws2G5IhTP6fL\nWLSnLo0zxGPlcKUqTvcE9R834/TB6mu6y6BQkfpfyqItUlTaQGs3WXDhNI4K\n6xJQmgvZOLY63iOf3I6xj6MdH60dVrMz6XsCH+DugbTKIl1Q7ssEqhhNavCj\n2ZBrtDGb0ycvw2K1gd4+q9PRqCHwfRdy+WH8/G5axQp9P1C+E9qVnzo/3lRN\nhnMuOaryatSXhrOD9OkWg9+mCWWpG/hLJTi5w8ktSNw8MmNovfvE/sTnc7hS\nDdRyt+7tPGgCYD6bBMOtjUxAKK3j2DvhudjkG4HaCXcirDz7MXkfrHM809PA\nQeKohX5sd0gAVELVeqSFioK2JQ2Pt03a8DI4smtmlOXuKgklDt3UuTuzigaB\nGX6lUtoozHjYW7XK8QMRIFNzIZLJh8k1MMQ90zzxdPYeMaZF+uYMDuwAGPcj\nLrWej0IdOYFS0aNsiHAjnQyi70OWtye8ZZ5mvDjyGrB30Vo9lnN30KAqmefo\na1w550Je9KRQjcShTATm0rSu4ZF6TEoB1Zq6bb5emgCsszR+mp6MIbznJAHe\nazYL\r\n=YFi2\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIBMR4C2nTna5YH3nO+/noQaeUuxPRAWr1R5HZfHEJUbuAiEAzXpS6QSty59nfHJQA8rogIKgovwqCWJ9dwBAUaf1oXM="}]},"_npmUser":{"name":"pocka","email":"pockawoooh@gmail.com"},"directories":{},"maintainers":[{"name":"pocka","email":"pockawoooh@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/storybook-addon-designs_5.4.3_1610546776169_0.014153701665608143"},"_hasShrinkwrap":false},"6.0.0-alpha.2":{"name":"storybook-addon-designs","version":"6.0.0-alpha.2","description":"Storybook addon for embedding your design preview in addon panel","main":"cjs/index.js","module":"esm/index.js","types":"esm/index.d.ts","repository":{"type":"git","url":"git+ssh://git@github.com/pocka/storybook-addon-designs.git"},"homepage":"https://github.com/pocka/storybook-addon-designs","author":{"name":"pocka","email":"pockawoooh@gmail.com"},"license":"MIT","devDependencies":{"@figspec/components":"^0.1.2","@figspec/react":"^0.1.4","@storybook/addon-docs":"^6.1.11","@storybook/addons":"^6.1.11","@storybook/client-api":"^6.1.11","@storybook/components":"^6.1.11","@storybook/core-events":"^6.1.11","@storybook/theming":"^6.1.11","@types/react":"^16.8.8","@types/webpack-env":"^1.13.9","figma-js":"^1.13.0","react":"^16.8.4","typescript":"^3.7.0"},"peerDependencies":{"@storybook/addons":"^5.0.0 || ^6.0.0","@storybook/components":"^5.0.0 || ^6.0.0","@storybook/theming":"^5.0.0 || ^6.0.0","react":">=16.8.0"},"scripts":{"dev":"tsc --watch --preserveWatchOutput","build":"yarn build:esm && yarn build:cjs","build:esm":"tsc","build:cjs":"tsc --module commonjs --outDir cjs","test":"echo 'No tests' && exit 0","clean":"rm -r esm cjs","prepublishOnly":"cp ../../README.md ./ && yarn build"},"publishConfig":{"tag":"alpha"},"gitHead":"987bc88d1c4f79972950c1e6bd787d3004cf4b02","readme":"<div align=\"center\">\n  \n  <img src=\"./packages/assets/logo.png\" width=\"104\" alt=\"logo\">\n  <br/>\n  <br/>\n\n[![npm version](https://badge.fury.io/js/storybook-addon-designs.svg)](https://badge.fury.io/js/storybook-addon-designs)\n[![Monthly download](https://img.shields.io/npm/dm/storybook-addon-designs.svg)](https://www.npmjs.com/package/storybook-addon-designs)\n[![GitHub license](https://img.shields.io/github/license/pocka/storybook-addon-designs.svg)](https://github.com/pocka/storybook-addon-designs/blob/master/LICENSE)\n[![code style: prettier](https://img.shields.io/badge/code_style-prettier-ff69b4.svg)](https://github.com/prettier/prettier)\n\n</div>\n\n<hr/>\n\n## storybook-addon-designs\n\nA [Storybook](https://github.com/storybooks/storybook) addon that embed Figma or websites in the addon panel for better design-development workflow.\n\n- [Docs & Demo](https://pocka.github.io/storybook-addon-designs)\n\n## Requirements\n\n- Storybook@>=5.0.0\n\nThis addon should work well with any framework: If you find the case the addon not works, please open an issue.\n\n## Getting started\n\n### 1. Install\n\n```sh\nnpm install --save-dev storybook-addon-designs\n# yarn add -D storybook-addon-designs\n```\n\n### 2. Register the addon in `main.js`\n\n```js\n// .storybook/main.js\nmodule.exports = {\n  addons: ['storybook-addon-designs'],\n}\n```\n\n### 3. Add it to story!\n\n```js\nimport { withDesign } from 'storybook-addon-designs'\n\nexport default {\n  title: 'My stories',\n  component: Button,\n  decorators: [withDesign],\n}\n\nexport const myStory = () => <Button>Hello, World!</Button>\n\nmyStory.parameters = {\n  design: {\n    type: 'figma',\n    url: 'https://www.figma.com/file/LKQ4FJ4bTnCSjedbRpk931/Sample-File',\n  },\n}\n```\n\n## Similar projects\n\n- Adobe XD: [storybook-addon-xd-designs](https://github.com/morgs32/storybook-addon-xd-designs)\n- Zeplin: [storybook-zeplin](https://github.com/mertkahyaoglu/storybook-zeplin)\n- Abstract: [storybook-addons-abstract](https://github.com/amccloud/storybook-addons-abstract)\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/pocka/storybook-addon-designs/issues"},"_id":"storybook-addon-designs@6.0.0-alpha.2","_nodeVersion":"14.11.0","_npmVersion":"lerna/3.22.1/node@v14.11.0+x64 (linux)","dist":{"integrity":"sha512-CNybUe28OZZzomTWcuj/Lie8rB5wO+ygcW3N4iu0XRbtTEag5LlLyfCelxkQbqZDcWd22hq60NUNLzotzfZq+A==","shasum":"74981ea244baa61c9cea9a6cb885834ae0b8ee99","tarball":"https://registry.npmjs.org/storybook-addon-designs/-/storybook-addon-designs-6.0.0-alpha.2.tgz","fileCount":79,"unpackedSize":93613,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgD6nNCRA9TVsSAnZWagAAl9MP/jbOlQWvP5gaLARjs1T8\n6dOjsdVmv1jGItY74/bCpPNvXFJbReZAbYHBmw9UbAB92P6gzA9xcR7sMg/o\nLRWwsCjYNBhELe9Sv5o8w3Fw9jsLjoO7uKqvTlm1LtyU1VUfG1Ta+2iXyEnE\nJAUH/8Z5b0KI/u3983xN9JxQNlG6Sb0cAIn6p0pgifSW7oOylCHrHLpikqWV\niO163T/2Zju1SbxgKCls2bPYvS1OuqbHjOti5VB2aBWvovMGWkUHwEAJBP4x\nkaN/zXZYkHQq0AdAjb64JFg5OI2acj3qNBKfWROxOSKTvbJmvmrJ2MJp2m+G\nYhRDPq2na61mYBW11bq1gJN8XW8qhK1vYhvHLj+QBfieXy5A4YE4m8HK17WY\n1f0Ovyta3qx628rPDTx+J/tkHXTmUJEvGs3Ndx8xu/JT8CGoW8kTrxuhLTIL\n7V5aJNCEV4RmLr44E6+bn3q0vahITSKyUdFJGTidXEA6nJnMa2mgmq4SFz2W\nF4qA19dzC7HLKKM8jzAaiBpNaSk6aEQ62z6pjKUssZ7KxhU+2tgX4r0SftFi\naw8kgKnubP1cEi+f/p+4Y3b4mgHcA8c86RRTerfl/g2ux0Mflr6fissJeCc5\npsnETYQNOMBA9br4LJtlfwnihk+dkZVsmGx9cEbNfKZ7pxuG1RFf8y5ysT3E\nV1Td\r\n=VaXy\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQD8kqLOR4G8Uc4oofRUIGOKvhuvSTEitlBvL39gOeOQ+AIhAOtREjXHzE4TBtXXWCnHUzZqB2f66JDfytvh8iEHkQYv"}]},"_npmUser":{"name":"pocka","email":"pockawoooh@gmail.com"},"directories":{},"maintainers":[{"name":"pocka","email":"pockawoooh@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/storybook-addon-designs_6.0.0-alpha.2_1611639245381_0.9410448614465301"},"_hasShrinkwrap":false},"5.4.4":{"name":"storybook-addon-designs","version":"5.4.4","description":"Storybook addon for embedding your design preview in addon panel","main":"cjs/index.js","module":"esm/index.js","types":"esm/index.d.ts","repository":{"type":"git","url":"git+ssh://git@github.com/pocka/storybook-addon-designs.git"},"homepage":"https://github.com/pocka/storybook-addon-designs","author":{"name":"pocka","email":"pockawoooh@gmail.com"},"license":"MIT","devDependencies":{"@storybook/addon-docs":"^5.3.19","@storybook/addons":"^5.3.19","@storybook/client-api":"^5.3.19","@storybook/components":"^5.3.19","@storybook/core-events":"^5.3.19","@storybook/theming":"^5.3.19","@types/pdfjs-dist":"^2.0.0","@types/react":"^16.8.8","@types/webpack-env":"^1.13.9","react":"^16.8.4","typescript":"^3.7.0"},"peerDependencies":{"@storybook/addons":"^5.0.0 || ^6.0.0","@storybook/components":"^5.0.0 || ^6.0.0","@storybook/theming":"^5.0.0 || ^6.0.0","react":">=16.8.0"},"scripts":{"dev":"tsc --watch --preserveWatchOutput","build":"yarn build:esm && yarn build:cjs","build:esm":"tsc","build:cjs":"tsc --module commonjs --outDir cjs","test":"echo 'No tests' && exit 0","clean":"rm -r esm cjs","prepublishOnly":"cp ../../README.md ./ && yarn build"},"dependencies":{"react-pdf":"^4.0.5"},"publishConfig":{"tag":"latest"},"gitHead":"e52ef56f0f25a63caf1cc44d75462cd6f16e7660","bugs":{"url":"https://github.com/pocka/storybook-addon-designs/issues"},"_id":"storybook-addon-designs@5.4.4","_nodeVersion":"14.11.0","_npmVersion":"lerna/3.22.0/node@v14.11.0+x64 (linux)","dist":{"integrity":"sha512-FAo2Ac+DvyMLj4DxNNtKi4SaV0U8RSYT0xheXM75VgLeIB793mIzYYaxsjqTnv9t+RYaUtaRdX+ajRGoOTnlsw==","shasum":"5c04369f27830bba223be8b83a0f00f89e3b30cf","tarball":"https://registry.npmjs.org/storybook-addon-designs/-/storybook-addon-designs-5.4.4.tgz","fileCount":79,"unpackedSize":91545,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgLdN+CRA9TVsSAnZWagAAPYMP/2CR6FDBzup93mwl5Uug\n7eknLgBD/7ZTvj8uo6UgNZYaO8+zLIjvaaUs2ADZqIQnEVVjXpRAHYH1Riyz\n3SKn01luERgX5k3WVhyMCLpc/H0ilK8sOCOCXKLFRC7lclW8wSziNtZaNbgu\nThosa9jRcJ3D0Pm2gKAF22n1Eu2/s/hHIyw3utRJDZfXpJLd27oFIGYVrhBF\nn+j7PtlTF25/XZcFwmNVoUUN03JRbdrGxD3SEg6+RVPgqgUW69QMFfEcdbfM\ntcPPt0gBPgJ+WHCt2lkauOOtqkkTbG6Vvoh5jM+aD/MQGnp/bXho1nx70/8E\nulyvgElvT2TGJynbcfsehTuL8fX3gl6G57hWKQ2OW7CCEsYIhwPB0CbX91pQ\nOhPBY1ZSBlxCQIfpWm8eIv/crEYi+NgMgCX6D7ViholqLzjYwhKJNEJg628R\nbzvKj+fli6lFl/g5fUfh5M4iEIBqgXqMRatfj9oAtocTeQsApR0rB7ZkKA+d\n4oWFRWCZZDss1rS3EzWVkMIR3MYX/p/9IB6Ovqlc2V/sGzJppvtVOQUzoLGg\nNopzrU9fy0UgS58/iRr8cOSD7EGsJN8n+CLsqw1s7ZddSO+pmO/QSJPI92s7\npYeU/0BEms31oyN2GwM3MIg8j6MNN08zW6EQwX3nuhcOVE7L4Hx0gyNSZ2r8\nK9zn\r\n=FtWi\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIDQAP8g1lpz4reO0NzK0IUyWyGxs8yd2t2YpR1q03234AiEA8DhnObUwPwigmBJdTsfz5vV7nHZeks7u1JB3sB0Z8pQ="}]},"_npmUser":{"name":"pocka","email":"pockawoooh@gmail.com"},"directories":{},"maintainers":[{"name":"pocka","email":"pockawoooh@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/storybook-addon-designs_5.4.4_1613615998038_0.004761878083100912"},"_hasShrinkwrap":false},"5.4.5":{"name":"storybook-addon-designs","version":"5.4.5","description":"Storybook addon for embedding your design preview in addon panel","main":"cjs/index.js","module":"esm/index.js","types":"esm/index.d.ts","repository":{"type":"git","url":"git+ssh://git@github.com/pocka/storybook-addon-designs.git"},"homepage":"https://github.com/pocka/storybook-addon-designs","author":{"name":"pocka","email":"pockawoooh@gmail.com"},"license":"MIT","devDependencies":{"@storybook/addon-docs":"^5.3.19","@storybook/addons":"^5.3.19","@storybook/client-api":"^5.3.19","@storybook/components":"^5.3.19","@storybook/core-events":"^5.3.19","@storybook/theming":"^5.3.19","@types/pdfjs-dist":"^2.0.0","@types/react":"^16.8.8","@types/webpack-env":"^1.13.9","react":"^16.8.4","typescript":"^3.7.0"},"peerDependencies":{"@storybook/addons":"^5.0.0 || ^6.0.0","@storybook/components":"^5.0.0 || ^6.0.0","@storybook/theming":"^5.0.0 || ^6.0.0","react":">=16.8.0"},"scripts":{"dev":"tsc --watch --preserveWatchOutput","build":"yarn build:esm && yarn build:cjs","build:esm":"tsc","build:cjs":"tsc --module commonjs --outDir cjs","test":"echo 'No tests' && exit 0","clean":"rm -r esm cjs","prepublishOnly":"cp ../../README.md ./ && yarn build"},"dependencies":{"react-pdf":"^4.0.5"},"publishConfig":{"tag":"latest"},"gitHead":"22b18059faccc254e18bab3b3a0bc870d286b22d","bugs":{"url":"https://github.com/pocka/storybook-addon-designs/issues"},"_id":"storybook-addon-designs@5.4.5","_nodeVersion":"14.11.0","_npmVersion":"lerna/3.22.0/node@v14.11.0+x64 (linux)","dist":{"integrity":"sha512-IYzY/LNuQA62dJ6/au3/4sC+lOIrlPuIiQJv3co3mkvokd3sjqy8LqMXu7lqD/XXbdVreJQ3WNJ2NuFHJhRasA==","shasum":"28ae0070f0783a699af6b115051cfa73f38cd582","tarball":"https://registry.npmjs.org/storybook-addon-designs/-/storybook-addon-designs-5.4.5.tgz","fileCount":79,"unpackedSize":91708,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgMP4UCRA9TVsSAnZWagAAaYgP+wZAaM0cEn1orvEvJSW9\n+FMEWqXP3Hygju2+A5bIkbbKzJXLnk5Cpfx5iQwVA6B+i1RmMQmflGpMWgGc\nHQbDgOC5QAUBb3R9olEu7zDTrr+9RDshUTaAIk+RHqvju9Ed5vycvyd51+pO\n5ZP5EGOFdUdi6HCFV7WOEy0iK3On/zIJZhThZgZIX2SNQtF3mbHya7pP3GIz\nf8EZTexru3RoSrgrvSw8sB6PWQBfqOi5x3/o/AlvRnH9gZWTWMiAyv/Zjxkm\n8mFmHtN+lfULaUT6lPXnqZEpCr9iV8rnlz6ZEuXNkeeOlxDUOJdLWvU095Ff\nGGya9PbiUM7imFNf/doEwMot9VRyA52dN9nIAlRLT0B3XJ7ncPvSzCiHkovi\n5eTGkabCNJ1mWlfVag5gSZL8bco9UMU1E6ZTJZ0PN1heMOuhyLUF3ITXiYfh\nllEVaTI6UChg6VYPeuyB/exvQI92UTVuuImW5yDQnBMNn6V7D++ELMyqBwG1\ndtnnjZM/syEkpgDMJeNW+6IctRPna4FinOXOOT5YVMIX5emaxO/8v5Qw37Ce\nReJb5gmSm0pIGNPfh+DOnN2djm6INayWr2IFZVK7bHfj9pXii+nX7uC7IetH\nMLpsDARD5mjeXZjx7XlQj/jpnlTGPWNOHdgXWVNPqizmYNGdrnK+OD9Y0KCy\nFdFl\r\n=eMi0\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCZSJU3Qt4EPIBGx9ACdyul1yc5BZlWKyaz2IFC1jUHvwIgK/Rk+RNgBhWF5VEx8eyyJ/a7Cg5xFxzZK/ZgpMN+swg="}]},"_npmUser":{"name":"pocka","email":"pockawoooh@gmail.com"},"directories":{},"maintainers":[{"name":"pocka","email":"pockawoooh@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/storybook-addon-designs_5.4.5_1613823507571_0.5632375402246661"},"_hasShrinkwrap":false},"6.0.0-alpha.3":{"name":"storybook-addon-designs","version":"6.0.0-alpha.3","description":"Storybook addon for embedding your design preview in addon panel","main":"cjs/index.js","module":"esm/index.js","types":"esm/index.d.ts","repository":{"type":"git","url":"git+ssh://git@github.com/pocka/storybook-addon-designs.git"},"homepage":"https://github.com/pocka/storybook-addon-designs","author":{"name":"pocka","email":"pockawoooh@gmail.com"},"license":"MIT","dependencies":{"@figspec/react":"^0.1.4"},"devDependencies":{"@figspec/components":"^0.1.2","@storybook/addon-docs":"^6.1.11","@storybook/addons":"^6.1.11","@storybook/client-api":"^6.1.11","@storybook/components":"^6.1.11","@storybook/core-events":"^6.1.11","@storybook/theming":"^6.1.11","@types/react":"^16.8.8","@types/webpack-env":"^1.13.9","figma-js":"^1.13.0","react":"^16.8.4","typescript":"^3.7.0"},"peerDependencies":{"@storybook/addons":"^5.0.0 || ^6.0.0","@storybook/components":"^5.0.0 || ^6.0.0","@storybook/theming":"^5.0.0 || ^6.0.0","react":">=16.8.0"},"scripts":{"dev":"tsc --watch --preserveWatchOutput","build":"yarn build:esm && yarn build:cjs","build:esm":"tsc","build:cjs":"tsc --module commonjs --outDir cjs","test":"echo 'No tests' && exit 0","clean":"rm -r esm cjs","prepublishOnly":"cp ../../README.md ./ && yarn build"},"publishConfig":{"tag":"alpha"},"gitHead":"4687157d38c09b6d2f078d6350b70a9da5c70162","readme":"<div align=\"center\">\n  \n  <img src=\"./packages/assets/logo.png\" width=\"104\" alt=\"logo\">\n  <br/>\n  <br/>\n\n[![npm version](https://badge.fury.io/js/storybook-addon-designs.svg)](https://badge.fury.io/js/storybook-addon-designs)\n[![Monthly download](https://img.shields.io/npm/dm/storybook-addon-designs.svg)](https://www.npmjs.com/package/storybook-addon-designs)\n[![GitHub license](https://img.shields.io/github/license/pocka/storybook-addon-designs.svg)](https://github.com/pocka/storybook-addon-designs/blob/master/LICENSE)\n[![code style: prettier](https://img.shields.io/badge/code_style-prettier-ff69b4.svg)](https://github.com/prettier/prettier)\n\n</div>\n\n<hr/>\n\n## storybook-addon-designs\n\nA [Storybook](https://github.com/storybooks/storybook) addon that embed Figma or websites in the addon panel for better design-development workflow.\n\n- [Docs & Demo](https://pocka.github.io/storybook-addon-designs)\n\n## Requirements\n\n- Storybook@>=5.0.0\n\nThis addon should work well with any framework: If you find the case the addon not works, please open an issue.\n\n## Getting started\n\n### 1. Install\n\n```sh\nnpm install --save-dev storybook-addon-designs@alpha\n# yarn add -D storybook-addon-designs@alpha\n```\n\n### 2. Register the addon in `main.js`\n\n```js\n// .storybook/main.js\nmodule.exports = {\n  addons: ['storybook-addon-designs'],\n}\n```\n\n### 3. Add it to story!\n\n```js\nimport { withDesign } from 'storybook-addon-designs'\n\nexport default {\n  title: 'My stories',\n  component: Button,\n  decorators: [withDesign],\n}\n\nexport const myStory = () => <Button>Hello, World!</Button>\n\nmyStory.parameters = {\n  design: {\n    type: 'figma',\n    url: 'https://www.figma.com/file/LKQ4FJ4bTnCSjedbRpk931/Sample-File',\n  },\n}\n```\n\n## Similar projects\n\n- Adobe XD: [storybook-addon-xd-designs](https://github.com/morgs32/storybook-addon-xd-designs)\n- Zeplin: [storybook-zeplin](https://github.com/mertkahyaoglu/storybook-zeplin)\n- Abstract: [storybook-addons-abstract](https://github.com/amccloud/storybook-addons-abstract)\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/pocka/storybook-addon-designs/issues"},"_id":"storybook-addon-designs@6.0.0-alpha.3","_nodeVersion":"14.11.0","_npmVersion":"lerna/3.22.1/node@v14.11.0+x64 (linux)","dist":{"integrity":"sha512-QrWpNSiJsFWeOaGfjTtJmyoI4lAjGemIac0WL3Fy23SqHkdAKDyDMqN3yW1nCrk7mElAeW4zRORpYsFvTkSFmA==","shasum":"0866d8967acd4950061458af2e7b1fe2b5eaaadd","tarball":"https://registry.npmjs.org/storybook-addon-designs/-/storybook-addon-designs-6.0.0-alpha.3.tgz","fileCount":79,"unpackedSize":94214,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgNdCPCRA9TVsSAnZWagAA9BsP/jYH66IvAEv6enV7Hfjv\nCDNJLPCBWlzY3pAgIjaHb9hFvc6OYef1BgNhosVuNrdKVC7rxVFX85Uyt8AJ\nwOZ64HzL0PTIBmnQKKMzkCMPuIRMJwbfFmyi0o7Q/fkZ0CduFfHk5fxjJTN7\n4nV5eXoPH9JyX6CVHjtInB9N+MKLL8Sx+fSx590l0nzzYA7/goDJTRPrgM2o\nR2tv17I+9GkwuoGzUL8bUisbtMjnWhyTp2CVxf0lDTP1u3mkC34x+S80skjF\niOdqsSrlZNxm0X93EXtDOi7asivdBqpMS+V8vWZibPW1L5VDiGKgitTQPeNZ\nXy94aB6BVIX1S+nTaTHldXtyrOajXhG26mT9ibP/E23cwpDDebsCX/BhjMsc\npcOC0LV21afmnnvGn4JMlkY+kytrlkvqHpL2kkoZl6SDH/fD0JLC7IddLuLR\nc88+u2LijOhywLRWALDfmpctHbB9GKSO9I8j3Kdi0ONdTROLEQv4UZAHxaS3\nphe6LpVCZemBhgSfAop7WxWgbW7YwFNjwk/5GiGCU4UEE2rfow7UtdXuNGcv\nNhZcOYWBBxUJTTnA25DXXQdxnM1plF+18gs0KoodpRXqyNTlTh5fJW8rKFoL\nW/Fk59eV53HD8zacH+3F7yPNpQyv1nZYnQsnXN55vW4yoPKhEOJWDWbJA12E\nMu8T\r\n=ZV0e\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIBZvgeTJf3Y3NIaVC5swz2OiItkSkMCk+MCWsCkewLujAiEAgkIYFucdzXWHmE+lgCkvpn3OHuI+qMD5HkRQvwuLgCM="}]},"_npmUser":{"name":"pocka","email":"pockawoooh@gmail.com"},"directories":{},"maintainers":[{"name":"pocka","email":"pockawoooh@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/storybook-addon-designs_6.0.0-alpha.3_1614139535184_0.1647858196409726"},"_hasShrinkwrap":false},"6.0.0-beta.0":{"name":"storybook-addon-designs","version":"6.0.0-beta.0","description":"Storybook addon for embedding your design preview in addon panel","main":"cjs/index.js","module":"esm/index.js","types":"esm/index.d.ts","repository":{"type":"git","url":"git+ssh://git@github.com/pocka/storybook-addon-designs.git"},"homepage":"https://github.com/pocka/storybook-addon-designs","author":{"name":"pocka","email":"pockawoooh@gmail.com"},"license":"MIT","dependencies":{"@figspec/react":"^0.1.4"},"devDependencies":{"@figspec/components":"^0.1.2","@storybook/addon-docs":"6.2.8","@storybook/addons":"6.2.8","@storybook/client-api":"6.2.8","@storybook/components":"6.2.8","@storybook/core-events":"6.2.8","@storybook/theming":"6.2.8","@types/react":"^16.8.8","@types/webpack-env":"^1.13.9","figma-js":"^1.13.0","react":"^16.8.4","typescript":"^3.7.0"},"peerDependencies":{"@storybook/addons":"^5.0.0 || ^6.0.0","@storybook/components":"^5.0.0 || ^6.0.0","@storybook/theming":"^5.0.0 || ^6.0.0","react":">=16.8.0"},"scripts":{"dev":"tsc --watch --preserveWatchOutput","build":"yarn build:esm && yarn build:cjs","build:esm":"tsc","build:cjs":"tsc --module commonjs --outDir cjs","test":"echo 'No tests' && exit 0","clean":"rm -r esm cjs","prepublishOnly":"cp ../../README.md ./ && yarn build"},"publishConfig":{"tag":"beta"},"keywords":["storybook-addon","design","figma"],"storybook":{"icon":"https://raw.githubusercontent.com/pocka/storybook-addon-designs/master/packages/assets/logo.png","displayName":"Designs"},"gitHead":"042f4358efb4d8c9834212db27071342774160c5","readme":"<div align=\"center\">\n  \n  <img src=\"./packages/assets/logo.png\" width=\"104\" alt=\"logo\">\n  <br/>\n  <br/>\n\n[![npm version](https://badge.fury.io/js/storybook-addon-designs.svg)](https://badge.fury.io/js/storybook-addon-designs)\n[![Monthly download](https://img.shields.io/npm/dm/storybook-addon-designs.svg)](https://www.npmjs.com/package/storybook-addon-designs)\n[![GitHub license](https://img.shields.io/github/license/pocka/storybook-addon-designs.svg)](https://github.com/pocka/storybook-addon-designs/blob/master/LICENSE)\n[![code style: prettier](https://img.shields.io/badge/code_style-prettier-ff69b4.svg)](https://github.com/prettier/prettier)\n\n</div>\n\n<hr/>\n\n## storybook-addon-designs\n\nA [Storybook](https://github.com/storybooks/storybook) addon that embed Figma or websites in the addon panel for better design-development workflow.\n\n- [Docs & Demo](https://pocka.github.io/storybook-addon-designs)\n\n## Requirements\n\n- Storybook@>=5.0.0\n\nThis addon should work well with any framework: If you find the case the addon not works, please open an issue.\n\n## Getting started\n\n### 1. Install\n\n```sh\nnpm install --save-dev storybook-addon-designs@alpha\n# yarn add -D storybook-addon-designs@alpha\n```\n\n### 2. Register the addon in `main.js`\n\n```js\n// .storybook/main.js\nmodule.exports = {\n  addons: ['storybook-addon-designs'],\n}\n```\n\n### 3. Add it to story!\n\n```js\nimport { withDesign } from 'storybook-addon-designs'\n\nexport default {\n  title: 'My stories',\n  component: Button,\n  decorators: [withDesign],\n}\n\nexport const myStory = () => <Button>Hello, World!</Button>\n\nmyStory.parameters = {\n  design: {\n    type: 'figma',\n    url: 'https://www.figma.com/file/LKQ4FJ4bTnCSjedbRpk931/Sample-File',\n  },\n}\n```\n\n## Similar projects\n\n- Adobe XD: [storybook-addon-xd-designs](https://github.com/morgs32/storybook-addon-xd-designs)\n- Zeplin: [storybook-zeplin](https://github.com/mertkahyaoglu/storybook-zeplin)\n- Abstract: [storybook-addons-abstract](https://github.com/amccloud/storybook-addons-abstract)\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/pocka/storybook-addon-designs/issues"},"_id":"storybook-addon-designs@6.0.0-beta.0","_nodeVersion":"14.11.0","_npmVersion":"lerna/3.22.1/node@v14.11.0+x64 (linux)","dist":{"integrity":"sha512-M//KuSlygyrfsBXVhfZ9qaQqTJx3AaDh4A8aMXXjWbIfbduWkOYDQzOZxGa8itSz6HZhpBH86gS+MDJLuJMeUw==","shasum":"a710a2a21d493bb6aa2f0042ca11fe3d557a8190","tarball":"https://registry.npmjs.org/storybook-addon-designs/-/storybook-addon-designs-6.0.0-beta.0.tgz","fileCount":79,"unpackedSize":94627,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgelBPCRA9TVsSAnZWagAAEv4P/2sXSPys3obPWTcucJ9I\ng+t/6GHdeoJ1r7gcsEAN7pgTE8OCerAL3NhGQl6wDfXe3xgmrl6lSgNwlVRA\n3gWjSsBr/BDpeCZGjmqdWTyvcBuH59/aSp1E7Qw4o2v0YM6iriHHrwawVMhJ\nJ/3HIHaESMR7XpxS+Rvam4e5XA08JqG+klVXjjp6N7cqDBuAPF4tcp97YbTM\nANJBhl3BCbLgjXpqzORA2rsiwRzPqSZVBoFvu2gw+y5efyJwK/hlcLQUvhOO\ncnO5dDcm7IG+L/uAmEHKM/IWCKvpTBqUMhC2eW5xam7LLcpY9E6HkcE9KQ5k\nkKZ5vfH0UBUsCDP4PVBLS1CKyzmVXusTIfXFu5se//OEPuuUeRGD4sbEBw1H\nIPH1y6Jtt4j+uU3X9cNTS2ejJDcuXrm3u1iKPDmbqi0X1LXzKh+O7eNqEW4+\n0SCTPezW1EXdkjAIJzAeJetPOAh3IMh6t7vF5vHw0qjseiqN+Rk0R20RhT06\nkbwJf6U4+mwbXsL3JWLuB2HbsAdnJQ8qgrxwuwNy3Ce6BHGzgRczrGQhAwIy\n4jJdvhnBipFca+0ewREZSdfz5WiQR/Oezgw/cyTot3bq+DagqF3qL+7vjXmY\nCVuB4UG+B1hOMFS7AWIF0ZeiUgkuHJVjPyOjoIbCgUd1aB7yCCb10lJ79hvl\nr10w\r\n=NryJ\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIA5VSRdgwrRTF50HTE5UrHSRJAJU4hos9K0h72M0zlSGAiEAqf4tRjd52ng4u3ISVfnL9AJslZCh4SDbzrUgtvpxXlM="}]},"_npmUser":{"name":"pocka","email":"pockawoooh@gmail.com"},"directories":{},"maintainers":[{"name":"pocka","email":"pockawoooh@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/storybook-addon-designs_6.0.0-beta.0_1618628687249_0.3230496425816909"},"_hasShrinkwrap":false},"6.0.0-beta.1":{"name":"storybook-addon-designs","version":"6.0.0-beta.1","description":"Storybook addon for embedding your design preview in addon panel","main":"cjs/index.js","module":"esm/index.js","types":"esm/index.d.ts","repository":{"type":"git","url":"git+ssh://git@github.com/pocka/storybook-addon-designs.git"},"homepage":"https://github.com/pocka/storybook-addon-designs","author":{"name":"pocka","email":"pockawoooh@gmail.com"},"license":"MIT","dependencies":{"@figspec/react":"^0.1.4"},"devDependencies":{"@figspec/components":"^0.1.2","@storybook/addon-docs":"6.2.8","@storybook/addons":"6.2.8","@storybook/client-api":"6.2.8","@storybook/components":"6.2.8","@storybook/core-events":"6.2.8","@storybook/theming":"6.2.8","@types/react":"^16.8.8","@types/webpack-env":"^1.13.9","figma-js":"^1.13.0","react":"^16.8.4","typescript":"^3.7.0"},"peerDependencies":{"@storybook/addons":"^5.0.0 || ^6.0.0","@storybook/components":"^5.0.0 || ^6.0.0","@storybook/theming":"^5.0.0 || ^6.0.0","react":">=16.8.0"},"scripts":{"dev":"tsc --watch --preserveWatchOutput","build":"yarn build:esm && yarn build:cjs","build:esm":"tsc","build:cjs":"tsc --module commonjs --outDir cjs","test":"echo 'No tests' && exit 0","clean":"rm -r esm cjs","prepublishOnly":"cp ../../README.md ./ && yarn build"},"publishConfig":{"tag":"beta"},"keywords":["storybook-addon","design","figma"],"storybook":{"icon":"https://raw.githubusercontent.com/pocka/storybook-addon-designs/master/packages/assets/logo.png","displayName":"Designs"},"gitHead":"244c371695ed94fea08b91d49fde96784e3eb747","readme":"<div align=\"center\">\n  \n  <img src=\"./packages/assets/logo.png\" width=\"104\" alt=\"logo\">\n  <br/>\n  <br/>\n\n[![npm version](https://badge.fury.io/js/storybook-addon-designs.svg)](https://badge.fury.io/js/storybook-addon-designs)\n[![Monthly download](https://img.shields.io/npm/dm/storybook-addon-designs.svg)](https://www.npmjs.com/package/storybook-addon-designs)\n[![GitHub license](https://img.shields.io/github/license/pocka/storybook-addon-designs.svg)](https://github.com/pocka/storybook-addon-designs/blob/master/LICENSE)\n[![code style: prettier](https://img.shields.io/badge/code_style-prettier-ff69b4.svg)](https://github.com/prettier/prettier)\n\n</div>\n\n<hr/>\n\n## storybook-addon-designs\n\nA [Storybook](https://github.com/storybooks/storybook) addon that embed Figma or websites in the addon panel for better design-development workflow.\n\n- [Docs & Demo](https://pocka.github.io/storybook-addon-designs)\n\n## Requirements\n\n- Storybook@>=5.0.0\n\nThis addon should work well with any framework: If you find the case the addon not works, please open an issue.\n\n## Getting started\n\n### 1. Install\n\n```sh\nnpm install --save-dev storybook-addon-designs@beta\n# yarn add -D storybook-addon-designs@beta\n```\n\n### 2. Register the addon in `main.js`\n\n```js\nmodule.exports = {\n  addons: ['storybook-addon-designs'],\n}\n```\n\n### 3. Add it to story!\n\n```js\nimport { withDesign } from 'storybook-addon-designs'\n\nexport default {\n  title: 'My stories',\n  component: Button,\n  decorators: [withDesign],\n}\n\nexport const myStory = () => <Button>Hello, World!</Button>\n\nmyStory.parameters = {\n  design: {\n    type: 'figma',\n    url: 'https://www.figma.com/file/LKQ4FJ4bTnCSjedbRpk931/Sample-File',\n  },\n}\n```\n\n## Similar projects\n\n- Adobe XD: [storybook-addon-xd-designs](https://github.com/morgs32/storybook-addon-xd-designs)\n- Zeplin: [storybook-zeplin](https://github.com/mertkahyaoglu/storybook-zeplin)\n- Abstract: [storybook-addons-abstract](https://github.com/amccloud/storybook-addons-abstract)\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/pocka/storybook-addon-designs/issues"},"_id":"storybook-addon-designs@6.0.0-beta.1","_nodeVersion":"14.11.0","_npmVersion":"lerna/3.22.1/node@v14.11.0+x64 (linux)","dist":{"integrity":"sha512-jpCjeL8kUaBnU29vZdssuH5pDnMNgZp5YCVuKFUXPQvhzgxr2bJ0QtcCEA5H3czkcD8PcacE/B3aG+x01lNipQ==","shasum":"f6ebdd5b63647216e5bdba0111ed9ae96f9d062b","tarball":"https://registry.npmjs.org/storybook-addon-designs/-/storybook-addon-designs-6.0.0-beta.1.tgz","fileCount":79,"unpackedSize":92920,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJglX8RCRA9TVsSAnZWagAAUaEP/i6oMAf4Mru9V5SjTMfP\n5SiFtRw0u8Nx8XkxmloTZrltSB5+V63pG71aLwmjKDgXTikDgdLwxBXCbw9R\njmK5WQzyvoGdmThbHT3yPWB9KYKpaImS93SqkSbl1/5t5BmU6kNllq0++bUF\nP6Ukprzb+Kxqy8QbIAIgr3hD94+8nGaQIP69WNUElmj0HTxstsKMJ4Qcl6p+\nx9Ah49RpJWgV0W5UZm8rwz4/Ho/Zyob+UQdr8SXZqAaUwxtXnbtMbhF0JXa5\n/L5LfBnRgXmfWcL345FcFq9XFFtyI/kNwEJUqqufHeISFb5IqGeVg0s9lACA\nKjAYk/I/tDkPmDAX4QTAFwzTvJIfqt3w7irc1rNLbhpNVQbFv9jQ5NR1w/Nt\nxqjr4Q8pZ0m0WRC5qEBpCTSX9AEDXmcRSvo46i+vHR2X8Q43kFSXR3mkwX1k\n9QC6kZEqCGJp9KHCLftv0aaQHgRY2fjcQn4f+JCr7tOp12735nWeuNa/xUYB\nQGFHgwJMLVrRIEJVTeUSoWpAv1Ao3+0dVIgD8dTCLz/Im+YN8fkxiiu+dNXw\nX3Fvm3tkoaK6bQJtn8lrnnWsWUyiXZCSmm8/APNLwfpDFmyL2996JMuWj9/5\nxrqg6kSEYwOzhWKGULhe+p9rDRddJeKReJ/f+AG96hpJueCKEs83oCwEwiRT\n9A4x\r\n=eDhn\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCx628o1g8zVaK/BSXyhDH/6X/+o/2JUln+FIDahanjqAIgZORkblHwQWhUkggOYbjGjGVmvwPoxfehakk1DWoHpnk="}]},"_npmUser":{"name":"pocka","email":"pockawoooh@gmail.com"},"directories":{},"maintainers":[{"name":"pocka","email":"pockawoooh@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/storybook-addon-designs_6.0.0-beta.1_1620410128949_0.826080187127207"},"_hasShrinkwrap":false},"6.0.0-beta.2":{"name":"storybook-addon-designs","version":"6.0.0-beta.2","description":"Storybook addon for embedding your design preview in addon panel","main":"cjs/index.js","module":"esm/index.js","types":"esm/index.d.ts","repository":{"type":"git","url":"git+ssh://git@github.com/pocka/storybook-addon-designs.git"},"homepage":"https://github.com/pocka/storybook-addon-designs","author":{"name":"pocka","email":"pockawoooh@gmail.com"},"license":"MIT","dependencies":{"@figspec/react":"^0.1.4"},"devDependencies":{"@figspec/components":"^0.1.2","@storybook/addon-docs":"6.2.8","@storybook/addons":"6.2.8","@storybook/client-api":"6.2.8","@storybook/components":"6.2.8","@storybook/core-events":"6.2.8","@storybook/theming":"6.2.8","@types/react":"^16.8.8","@types/webpack-env":"^1.13.9","figma-js":"^1.13.0","react":"^16.8.4","typescript":"^3.7.0"},"scripts":{"dev":"tsc --watch --preserveWatchOutput","build":"yarn build:esm && yarn build:cjs","build:esm":"tsc","build:cjs":"tsc --module commonjs --outDir cjs","test":"echo 'No tests' && exit 0","clean":"rm -r esm cjs","prepublishOnly":"cp ../../README.md ./ && yarn build"},"publishConfig":{"tag":"beta"},"keywords":["storybook-addon","design","figma"],"storybook":{"icon":"https://raw.githubusercontent.com/pocka/storybook-addon-designs/master/packages/assets/logo.png","displayName":"Designs"},"gitHead":"025b09874c7a2f083351aa046f883402d7c990cb","readme":"<div align=\"center\">\n  \n  <img src=\"./packages/assets/logo.png\" width=\"104\" alt=\"logo\">\n  <br/>\n  <br/>\n\n[![npm version](https://badge.fury.io/js/storybook-addon-designs.svg)](https://badge.fury.io/js/storybook-addon-designs)\n[![Monthly download](https://img.shields.io/npm/dm/storybook-addon-designs.svg)](https://www.npmjs.com/package/storybook-addon-designs)\n[![GitHub license](https://img.shields.io/github/license/pocka/storybook-addon-designs.svg)](https://github.com/pocka/storybook-addon-designs/blob/master/LICENSE)\n[![code style: prettier](https://img.shields.io/badge/code_style-prettier-ff69b4.svg)](https://github.com/prettier/prettier)\n\n</div>\n\n<hr/>\n\n## storybook-addon-designs\n\nA [Storybook](https://github.com/storybooks/storybook) addon that embed Figma or websites in the addon panel for better design-development workflow.\n\n- [Docs & Demo](https://pocka.github.io/storybook-addon-designs)\n\n## Requirements\n\n- Storybook@>=6.0.0\n\nThis addon should work well with any framework: If you find the case the addon not works, please open an issue.\n\n## Getting started\n\n### 1. Install\n\n```sh\nnpm install --save-dev storybook-addon-designs@beta\n# yarn add -D storybook-addon-designs@beta\n```\n\n### 2. Register the addon in `main.js`\n\n```js\nmodule.exports = {\n  addons: ['storybook-addon-designs'],\n}\n```\n\n### 3. Add it to story!\n\n```js\nimport { withDesign } from 'storybook-addon-designs'\n\nexport default {\n  title: 'My stories',\n  component: Button,\n  decorators: [withDesign],\n}\n\nexport const myStory = () => <Button>Hello, World!</Button>\n\nmyStory.parameters = {\n  design: {\n    type: 'figma',\n    url: 'https://www.figma.com/file/LKQ4FJ4bTnCSjedbRpk931/Sample-File',\n  },\n}\n```\n\n## Similar projects\n\n- Adobe XD: [storybook-addon-xd-designs](https://github.com/morgs32/storybook-addon-xd-designs)\n- Zeplin: [storybook-zeplin](https://github.com/mertkahyaoglu/storybook-zeplin)\n- Abstract: [storybook-addons-abstract](https://github.com/amccloud/storybook-addons-abstract)\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/pocka/storybook-addon-designs/issues"},"_id":"storybook-addon-designs@6.0.0-beta.2","_nodeVersion":"14.11.0","_npmVersion":"lerna/3.22.1/node@v14.11.0+x64 (linux)","dist":{"integrity":"sha512-SqECK74Uuy7rry4Xv2B1DlFu//rA1k+aWrvK5hGsXSoEEE4WopJq1PgOkJZrkqUvUKIkV4rvZ7il9GBla8cNyg==","shasum":"bedbf5be56011bfdf1f6189de5f9837aa6cd2504","tarball":"https://registry.npmjs.org/storybook-addon-designs/-/storybook-addon-designs-6.0.0-beta.2.tgz","fileCount":79,"unpackedSize":93263,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJglZO2CRA9TVsSAnZWagAAw7MP/3fnmxa9kVPGlvNNB7Ut\nifwv8lXXVEYribd5QmTT6Io/CtWLMOzTTnxmWsau+tDPfFd1QQjYijTX/Vhx\nJjXrqk63TDGEfP0jitwlkjR0oStwuEjxliYhYMhPpDUqzjzVWJtHof0wUcmC\njkxGiK1jYE+qCmdz9ejrFFdQuATnWJeBU3zNuzHCANkPAx7CDx4foKm5D0j+\nRuYmUM9TAOv82ynmoiHeASLzvrSDhHcXyn13XefjHS7ONLIUSHLMykFaBMtJ\niFT84cfYOj4Fih9Qb/WJ5DWaVr+ju3s7QN5c8gI7qZq7TgASEBgJE2Gc2XPQ\nYxhnVRKXsIQUj//ieoBMjNWUZ09QF1qF1U8h8bm8MxK8bUyyzGn3uehxwXyC\nozF0FchbhqIh816qp3TIpXEaGj3OarC2SQp9tNa+wZ3d+z7jjzS2BEZTi+XN\ntP1b6lA+KKEiVk2na7qg+GL2cVnQzYUDbfp3K3oEVQas428Wa1c7vlDS2p06\njm+EwxZ87gImtS/q62rm7YT996ufES4+P7lRgE5SUJx57cBGC0jTuxZQ0yJg\n3hEsP3oLuWRwuHNJVr8SU9GOjFJyR4h8oZYw785E3fOgGn7hRlboSLabcy0K\njvFjryQqoGHhbHnFaVxY8556kTjL6L/uehRrcrP3fqLLFZj/Xw8XFu60qCIe\nM/Pc\r\n=jRWm\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDusREZ5xVb4T3wZideQ5U1Y2bJpQyhC+X/eAi46B9yqAIhAMNJ4Vaowf3pViVn/3SsfblQT6pIe7fQ0rm+DJy0+XrK"}]},"_npmUser":{"name":"pocka","email":"pockawoooh@gmail.com"},"directories":{},"maintainers":[{"name":"pocka","email":"pockawoooh@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/storybook-addon-designs_6.0.0-beta.2_1620415414099_0.17643197010968215"},"_hasShrinkwrap":false},"6.0.0":{"name":"storybook-addon-designs","version":"6.0.0","description":"Storybook addon for embedding your design preview in addon panel","main":"cjs/index.js","module":"esm/index.js","types":"esm/index.d.ts","repository":{"type":"git","url":"git+ssh://git@github.com/pocka/storybook-addon-designs.git"},"homepage":"https://github.com/pocka/storybook-addon-designs","author":{"name":"pocka","email":"pockawoooh@gmail.com"},"license":"MIT","dependencies":{"@figspec/react":"^0.1.6"},"devDependencies":{"@figspec/components":"^0.1.8","@storybook/addon-docs":"6.2.8","@storybook/addons":"6.2.8","@storybook/client-api":"6.2.8","@storybook/components":"6.2.8","@storybook/core-events":"6.2.8","@storybook/theming":"6.2.8","@types/react":"^16.8.8","@types/webpack-env":"^1.13.9","figma-js":"^1.13.0","react":"^16.8.4","typescript":"^3.7.0"},"scripts":{"dev":"tsc --watch --preserveWatchOutput","build":"yarn build:esm && yarn build:cjs","build:esm":"tsc","build:cjs":"tsc --module commonjs --outDir cjs","test":"echo 'No tests' && exit 0","clean":"rm -r esm cjs","prepublishOnly":"cp ../../README.md ./ && yarn build"},"publishConfig":{"tag":"latest"},"keywords":["storybook-addon","design","figma"],"storybook":{"icon":"https://raw.githubusercontent.com/pocka/storybook-addon-designs/master/packages/assets/logo.png","displayName":"Designs"},"gitHead":"a9ac39d7bfb32e2ff5ac8dcf3827473656e38ea6","bugs":{"url":"https://github.com/pocka/storybook-addon-designs/issues"},"_id":"storybook-addon-designs@6.0.0","_nodeVersion":"14.11.0","_npmVersion":"lerna/3.22.1/node@v14.11.0+x64 (linux)","dist":{"integrity":"sha512-nwwUusxOmUt82ajTjfBDQfOU2zEO3WrHxG9J7rZmSLnoC42OC8P/FJtAuhL5JregCQildVbjIfeFfz7pMGJOjQ==","shasum":"ecc826bf053bf965773ce74f1234427c90fddbeb","tarball":"https://registry.npmjs.org/storybook-addon-designs/-/storybook-addon-designs-6.0.0.tgz","fileCount":79,"unpackedSize":93442,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgonOiCRA9TVsSAnZWagAAziMP+wa2Z52HKa2JAPQC137v\nWhTElX1HDwZjyNlNUm9rnzU5yvlbshMBOQmfgdyK2UjMQ4z3i7FcuyxWi9qd\nUicVAUeHv5yJ2TcZp4Kjc+5uoMWzSWXQLP9J5LRcuzr9ZIbBc8rSzfuGs6pY\niVKJXJ+TSJ8u8l+JfgzFEu4sMYlpx0Ko7Gjq10EKI4TcGl8kOGqVO5IUbUbr\nJdmTnIRdXgy6SCBmtclvgq42kjhRlKFKLH/UxGVP9QvSyudxv3HGt07cYRgz\nlyORAawaWCWEzQipl85//RzMOFmv4sKSXZWYyojUnqfjFxuAXZ2KyGNqi4eF\najvx3Dr7We34u+VXs/sZ/O3PzHfqrRGxTA2iQd6zekT5nWCU/eUnc2F7lz2G\nDOYEXugp0aZai69BE2EyEAthPwlW0glWE/Dvna4PxTMn64TenRw0jKCfet8N\nWzejBH3jONUiHpWc+stD9fA8Nk+7zFZf0cIUyNgjN/wR3vR8Y/jwIc5CKy9d\nOaOTYJ2YRiEhnpV9N0CGQumuAzNgSM2RofkGdnC16IPi1h0YoHmhaXCLSARh\n8gmbKFuMjazQuqBha8hFVTCdLajMBHjlLQZjN16GliDZVWPAbpTl2Gi5qB2R\nk10u9DQ7ppASU47xavHwJK5YqAdWzybeul+AmZwQSIULZTKlc4NuwjNqvMis\nluxk\r\n=FgeJ\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIAETGiHfaYVJ3EE8Y31L2ukzzoQWaLip+AZL8d4vhyr2AiBsM3ZDj/Pf4VVmpudz9V9w6InOAxAqGX1zR2vph6Yl5g=="}]},"_npmUser":{"name":"pocka","email":"pockawoooh@gmail.com"},"directories":{},"maintainers":[{"name":"pocka","email":"pockawoooh@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/storybook-addon-designs_6.0.0_1621259170196_0.03569371970260948"},"_hasShrinkwrap":false},"6.0.1":{"name":"storybook-addon-designs","version":"6.0.1","description":"Storybook addon for embedding your design preview in addon panel","main":"cjs/index.js","module":"esm/index.js","types":"esm/index.d.ts","repository":{"type":"git","url":"git+ssh://git@github.com/pocka/storybook-addon-designs.git"},"homepage":"https://github.com/pocka/storybook-addon-designs","author":{"name":"pocka","email":"pockawoooh@gmail.com"},"license":"MIT","dependencies":{"@figspec/react":"^0.1.6"},"devDependencies":{"@figspec/components":"^0.1.8","@storybook/addon-docs":"6.2.8","@storybook/addons":"6.2.8","@storybook/client-api":"6.2.8","@storybook/components":"6.2.8","@storybook/core-events":"6.2.8","@storybook/theming":"6.2.8","@types/react":"^16.8.8","@types/webpack-env":"^1.13.9","figma-js":"^1.13.0","react":"^16.8.4","typescript":"^3.7.0"},"scripts":{"dev":"tsc --watch --preserveWatchOutput","build":"yarn build:esm && yarn build:cjs","build:esm":"tsc","build:cjs":"tsc --module commonjs --outDir cjs","test":"echo 'No tests' && exit 0","clean":"rm -r esm cjs","prepublishOnly":"cp ../../README.md ./ && yarn build"},"publishConfig":{"tag":"latest"},"keywords":["storybook-addon","design","figma"],"storybook":{"icon":"https://raw.githubusercontent.com/pocka/storybook-addon-designs/master/packages/assets/logo.png","displayName":"Designs"},"gitHead":"f25dc35af6bb20f121a5255dd4403d0d5aff0210","bugs":{"url":"https://github.com/pocka/storybook-addon-designs/issues"},"_id":"storybook-addon-designs@6.0.1","_nodeVersion":"14.11.0","_npmVersion":"lerna/3.22.1/node@v14.11.0+x64 (linux)","dist":{"integrity":"sha512-BVoh8a1UoXz3xUuUeP5F+V95xGqmHlGR+K9vgZfwnpFLB7IWkRFUmW9a+bF+tl94b3PvcncI33qUnQeBn5KlqA==","shasum":"e87fadf688ecb2dc03d22564232c7476eb3af5a9","tarball":"https://registry.npmjs.org/storybook-addon-designs/-/storybook-addon-designs-6.0.1.tgz","fileCount":79,"unpackedSize":93732,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJg4IoYCRA9TVsSAnZWagAAR18P/1y4tmmOORMkzz51Wcg6\nBL9XXA6cx+JKu9t1R1av+H0Mhuq6h7Wux3EecJJ4xBXyIinNpptwqr0lplvU\nRY6cvu56qjBEnabs2FwK7sLMo7w88XYC6ZnEhRtiPIxpcVZfO1uL1WVUCxqo\nI8rnDqqYJl7La5TMyqF7xwy5LGB1FJ7AhGada6yiRppvMqsB08kHVC+39avX\nGnYsNJDgXkUeeJ3eohCZFz5RZc3DfAx0rNdLJ5kZVNtgegTNq563eFdUO9uy\nc+1743UISLFy4sYW+pil0GnAWhI6fW8W1keNHMY5FgcPp/RE+8KktXVGinO4\nF/YbV8o3prgzkLzSLOnf3rDyL04kBB7LwPBGEf/f9V0PDbcPMgofbGW6F3fp\nWFCFBBs5WeitwiFo1auEgHUNQWccLhVtYDBqFbsrOdORO7eONefk9YZ9hQdo\nLBaSlpfrktiJwJQxdSUj99uWIN1YDfm1yARh8IDfzAbj+NraufY3gURUaWdV\n0/Md8gtsSmzz9ZHAiuOW+8/Xg4uKZkNOHOE/eyuu1dyObVT09fDNx2+t33mc\nOH5h3nFGL3R5qiPE8yFpaQzzu2PnlRWbPJkus/L6N9MAlSeyKjanJclhAdYb\n8Jy65dt9Nu1EeDeNEUGkEyFrdl8hTvwuvv69v9BN3fQPNMPc0sb0probaC1N\nOpRt\r\n=chOT\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIC/YsDzQc04Slzh1EV1LnMVYrm1hZvpj0+Rpqn5PePLhAiBzbVP/4Ft421aC/3XRvIb6X4P++1zzKb3XMr6xA7H/2w=="}]},"_npmUser":{"name":"pocka","email":"pockawoooh@gmail.com"},"directories":{},"maintainers":[{"name":"pocka","email":"pockawoooh@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/storybook-addon-designs_6.0.1_1625328151512_0.5613679768165576"},"_hasShrinkwrap":false},"5.4.6":{"name":"storybook-addon-designs","version":"5.4.6","description":"Storybook addon for embedding your design preview in addon panel","main":"cjs/index.js","module":"esm/index.js","types":"esm/index.d.ts","repository":{"type":"git","url":"git+ssh://git@github.com/pocka/storybook-addon-designs.git"},"homepage":"https://github.com/pocka/storybook-addon-designs","author":{"name":"pocka","email":"pockawoooh@gmail.com"},"license":"MIT","devDependencies":{"@storybook/addon-docs":"^5.3.19","@storybook/addons":"^5.3.19","@storybook/client-api":"^5.3.19","@storybook/components":"^5.3.19","@storybook/core-events":"^5.3.19","@storybook/theming":"^5.3.19","@types/pdfjs-dist":"^2.0.0","@types/react":"^16.8.8","@types/webpack-env":"^1.13.9","react":"^16.8.4","typescript":"^3.7.0"},"peerDependencies":{"@storybook/addons":"^5.0.0 || ^6.0.0","@storybook/components":"^5.0.0 || ^6.0.0","@storybook/theming":"^5.0.0 || ^6.0.0","react":">=16.8.0"},"scripts":{"dev":"tsc --watch --preserveWatchOutput","build":"yarn build:esm && yarn build:cjs","build:esm":"tsc","build:cjs":"tsc --module commonjs --outDir cjs","test":"echo 'No tests' && exit 0","clean":"rm -r esm cjs","prepublishOnly":"cp ../../README.md ./ && yarn build"},"dependencies":{"react-pdf":"^4.0.5"},"publishConfig":{"tag":"latest"},"gitHead":"8182c2ab710064f8a65186f5c2708baa1743f705","bugs":{"url":"https://github.com/pocka/storybook-addon-designs/issues"},"_id":"storybook-addon-designs@5.4.6","_nodeVersion":"14.11.0","_npmVersion":"lerna/3.22.0/node@v14.11.0+x64 (linux)","dist":{"integrity":"sha512-1eAeT0BmnBoOZXBg6hhKZOd1abIoUPb2bY+YKHhVJFVHPJqzlq0I/E3utrH9bYQ43EYiVmihYrvzRtemp4wXpQ==","shasum":"e44f044b8a51823f3058805f9bd1fe92425f9716","tarball":"https://registry.npmjs.org/storybook-addon-designs/-/storybook-addon-designs-5.4.6.tgz","fileCount":79,"unpackedSize":93060,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJg4I1QCRA9TVsSAnZWagAAqgAP/0b6gUZ8XASgoDp2bQ7t\nvn+1kGqxmcNzNGMpHV3Nu0VnSWLnhbyjW2UZzJZ8+v+6aWNWF1EbZ+G47k/0\nB3g4N8j9GWP5kja8EQPBrqiXB3wzenPAmMbTFdz62YdmSrYJMtQyOr7vF2bT\n/x+ydlSUkX+qNXsM465u4bX+nzXjDTYalM0Gr9hD31Dn2sxeBG2fbVWEHwXH\nIMENR56a2CBJvw8d2EHsv/DK9+ZMn9a/taYqBeFTWJ+Xt92Q8SxRYWmJwRFF\nH7gA5cCmJbX9C4QB+Gh9GceGtrnhzcCUwTP10C53SSDSI968A3wvUMU7FzQd\nQikN7ZuPG5YiH8EKqIM9+QZq7qGTzHYJ2LVIznxunZ9caMDFqNmNC8Y72Owe\naucpMnX6S2TW5MO/mhWEazn4BYxsGrGwhj7xgkZbgi54FLG2e5+Lu3BLaCtq\n8b9vhWWOGlS/yt5ho1FW9gmxylSZPjnvjC9hRcktyLcT/Xvfs43s/22FCLnM\nTkUcwXPxngQu2bm04q9TiDj/4YNg+mhMxvjQB001SX35mZT9Ci+ESTra37ii\nm0JpM4BUlJdw0KEyiigJIeD7t77iBsvCs9oR81JZ7xAsnqtlYvxSpJfoDimF\nu+6/Z8VoeIMmtIZlk0pI7ztde+g/UPZfBFH1cFS533Q4q8Okc5Cp/PG93qot\n336j\r\n=6MB5\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIEEYcJS/8aHHHqD05P4TlmLX1crLTMm6p/6MeYfte4rwAiBYIdMwj8XLAKX20bPZ4iPKYFrzs4pp53jJN3uOlFsDVg=="}]},"_npmUser":{"name":"pocka","email":"pockawoooh@gmail.com"},"directories":{},"maintainers":[{"name":"pocka","email":"pockawoooh@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/storybook-addon-designs_5.4.6_1625328976400_0.9846292883119292"},"_hasShrinkwrap":false},"6.1.0":{"name":"storybook-addon-designs","version":"6.1.0","description":"Storybook addon for embedding your design preview in addon panel","main":"cjs/index.js","module":"esm/index.js","types":"esm/index.d.ts","repository":{"type":"git","url":"git+ssh://git@github.com/pocka/storybook-addon-designs.git"},"homepage":"https://github.com/pocka/storybook-addon-designs","author":{"name":"pocka","email":"pockawoooh@gmail.com"},"license":"MIT","dependencies":{"@figspec/react":"^0.1.6"},"devDependencies":{"@figspec/components":"^0.1.8","@storybook/addon-docs":"6.3.2","@storybook/addons":"6.3.2","@storybook/api":"6.3.2","@storybook/client-api":"6.3.2","@storybook/components":"6.3.2","@storybook/core-events":"6.3.2","@storybook/theming":"6.3.2","@types/react":"^16.8.8","@types/webpack-env":"^1.13.9","figma-js":"^1.13.0","react":"^16.8.4","typescript":"^3.7.0"},"scripts":{"dev":"tsc --watch --preserveWatchOutput","build":"yarn build:esm && yarn build:cjs","build:esm":"tsc","build:cjs":"tsc --module commonjs --outDir cjs","test":"echo 'No tests' && exit 0","clean":"rm -r esm cjs","prepublishOnly":"cp ../../README.md ./ && yarn build"},"publishConfig":{"tag":"latest"},"keywords":["storybook-addon","design","figma"],"storybook":{"icon":"https://raw.githubusercontent.com/pocka/storybook-addon-designs/master/packages/assets/logo.png","displayName":"Designs"},"gitHead":"a29840d5edf0afc2f52a72945801c3aed7236842","bugs":{"url":"https://github.com/pocka/storybook-addon-designs/issues"},"_id":"storybook-addon-designs@6.1.0","_nodeVersion":"14.11.0","_npmVersion":"lerna/4.0.0/node@v14.11.0+x64 (linux)","dist":{"integrity":"sha512-S7Av7MACRP3XtUeD4gHF/g3Ov+3WQ0KyJPqsjv4KFAZlP7CQXu2DkC/w9532OqTJV2C7ksCbi5XBrm5tbwMx3g==","shasum":"6609ac17e86a20c3f1bf3815234cb66f96bdfca2","tarball":"https://registry.npmjs.org/storybook-addon-designs/-/storybook-addon-designs-6.1.0.tgz","fileCount":79,"unpackedSize":94755,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhIRlqCRA9TVsSAnZWagAATqcP/3/USw9/L4opX9i5cEuG\nlkJ4tggJNra2/m8S8lAgLaHip4VLLvgsYyT0mWdcbgJ5fmzolDsXJX0PJitv\nMnWk9rCKuvEYPI00D+2x1EWjmMDZXqW57RZguu7CCeNMwv67LYml4BL9L1JN\nMHwwu1wBppVSi8xLd7SJd/9UFhX122wf28BQJuGHIxArS5+FCQv59Yz/gguH\nFglyPyPa1tgEVc1gONAaKjR4tjzQZ9r96b+QX/uo6i2WekviT5Rk27lCQtju\nLM9unjM//mOhEnkDZVkX3h8AdlWfSe/EbEFw+XZMkeQ4zNrLzYiv0708KDPp\noS5UVGacsp8fdRYqxgx7R0ku1SjXJ9W8hPiD4TQ8dvyR5xCSWtA6wqlc94lq\n+nK+eQEfHudUoNgECmJwwqaUzGkLceAgbabuaw+Gz7Rg4eFcBzgxXQGLxRjU\nhao/BTEJbXbLwPXmB0gadfesMMCLClxecqSjs14CSo7Ec6hQOC8ZDA4Bayk1\numpHvv9SlmeT8ETPoqQsHn605Z8p/+ZVx4FkbnoJtWyl7jaD6BKZxhXKel48\nP1Vnfl2QtV2RBg9o+dZQ/lHkITrNv1zdah8TrwprgHIjjd0BogBbmVWxA1m1\nlpScLJ4sAcqZRI+H/VikARoE8yms04DqpIBhnmNqqQ6mGrTdKqiOigKWINEX\n7+Z2\r\n=8Qve\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIBqGZSGKqNJ4DWYplvZb8SBd3GSvEY6HgyQPvom83/PvAiA6XD8a6NMFF50atZcRCdpHH4AWB6yg9pttumnpQNExEQ=="}]},"_npmUser":{"name":"pocka","email":"pockawoooh@gmail.com"},"directories":{},"maintainers":[{"name":"pocka","email":"pockawoooh@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/storybook-addon-designs_6.1.0_1629559146204_0.19884973096697212"},"_hasShrinkwrap":false},"6.2.0":{"name":"storybook-addon-designs","version":"6.2.0","description":"Storybook addon for embedding your design preview in addon panel","main":"cjs/index.js","module":"esm/index.js","types":"esm/index.d.ts","repository":{"type":"git","url":"git+ssh://git@github.com/pocka/storybook-addon-designs.git"},"homepage":"https://github.com/pocka/storybook-addon-designs","author":{"name":"pocka","email":"pockawoooh@gmail.com"},"license":"MIT","dependencies":{"@figspec/react":"^1.0.0"},"devDependencies":{"@figspec/components":"^1.0.0","@storybook/addon-docs":"6.3.2","@storybook/addons":"6.3.2","@storybook/api":"6.3.2","@storybook/client-api":"6.3.2","@storybook/components":"6.3.2","@storybook/core-events":"6.3.2","@storybook/theming":"6.3.2","@types/react":"^16.8.8","@types/webpack-env":"^1.13.9","figma-js":"^1.13.0","react":"^16.8.4","typescript":"^3.7.0"},"scripts":{"dev":"tsc --watch --preserveWatchOutput","build":"yarn build:esm && yarn build:cjs","build:esm":"tsc","build:cjs":"tsc --module commonjs --outDir cjs","test":"echo 'No tests' && exit 0","clean":"rm -r esm cjs","prepublishOnly":"cp ../../README.md ./ && yarn build"},"publishConfig":{"tag":"latest"},"keywords":["storybook-addon","design","figma"],"storybook":{"icon":"https://raw.githubusercontent.com/pocka/storybook-addon-designs/master/packages/assets/logo.png","displayName":"Designs"},"gitHead":"86d9479db669c3bf5ec95590a6865427dbf0a843","bugs":{"url":"https://github.com/pocka/storybook-addon-designs/issues"},"_id":"storybook-addon-designs@6.2.0","_nodeVersion":"14.11.0","_npmVersion":"lerna/4.0.0/node@v14.11.0+x64 (linux)","dist":{"integrity":"sha512-cZbfhbLPnEquTF7MU+NXRdKdxjisKseQiSvfGFizXBJtc2kBHGgg8tUHjLVq75uaaP1p/iNPb4SPDow3pM4bfQ==","shasum":"d297d3aa053b99c4d3591310e6f2a041bf6aa46a","tarball":"https://registry.npmjs.org/storybook-addon-designs/-/storybook-addon-designs-6.2.0.tgz","fileCount":79,"unpackedSize":94999,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCICziAq2KEJSMaJ+HEOnF7J5Lh424QsiJJa/afD14BzpTAiEA4OdtAYpmPS8Wjybp07m7mGMBzXz2W/qLqFpDPCVtiD8="}]},"_npmUser":{"name":"pocka","email":"pockawoooh@gmail.com"},"directories":{},"maintainers":[{"name":"pocka","email":"pockawoooh@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/storybook-addon-designs_6.2.0_1633189690814_0.9011210620332613"},"_hasShrinkwrap":false},"6.2.1":{"name":"storybook-addon-designs","version":"6.2.1","description":"Storybook addon for embedding your design preview in addon panel","main":"cjs/index.js","module":"esm/index.js","types":"esm/index.d.ts","repository":{"type":"git","url":"git+ssh://git@github.com/pocka/storybook-addon-designs.git"},"homepage":"https://github.com/pocka/storybook-addon-designs","author":{"name":"pocka","email":"pockawoooh@gmail.com"},"license":"MIT","dependencies":{"@figspec/react":"^1.0.0"},"devDependencies":{"@figspec/components":"^1.0.0","@storybook/addon-docs":"6.3.2","@storybook/addons":"6.3.2","@storybook/api":"6.3.2","@storybook/client-api":"6.3.2","@storybook/components":"6.3.2","@storybook/core-events":"6.3.2","@storybook/theming":"6.3.2","@types/react":"^16.8.8","@types/webpack-env":"^1.13.9","figma-js":"^1.13.0","react":"^16.8.4","typescript":"^3.7.0"},"scripts":{"dev":"tsc --watch --preserveWatchOutput","build":"yarn build:esm && yarn build:cjs","build:esm":"tsc","build:cjs":"tsc --module commonjs --outDir cjs","test":"echo 'No tests' && exit 0","clean":"rm -r esm cjs","prepublishOnly":"cp ../../README.md ./ && yarn build"},"publishConfig":{"tag":"latest"},"keywords":["storybook-addon","design","figma"],"storybook":{"icon":"https://raw.githubusercontent.com/pocka/storybook-addon-designs/master/packages/assets/logo.png","displayName":"Designs"},"gitHead":"30d8b218fb988abfa4a07802d193b94da28799f2","bugs":{"url":"https://github.com/pocka/storybook-addon-designs/issues"},"_id":"storybook-addon-designs@6.2.1","_nodeVersion":"14.11.0","_npmVersion":"lerna/4.0.0/node@v14.11.0+x64 (linux)","dist":{"integrity":"sha512-ihsscab8185HnxqTNZlM4TfrCPVsO7AimVA8BapuqT/sfZQF9m5H9C0plT3kbECdIMh2cmzMBF1Tc9ckWRgpWg==","shasum":"47fd1a7a098cad027b3891bd72a7f9c1837d94a0","tarball":"https://registry.npmjs.org/storybook-addon-designs/-/storybook-addon-designs-6.2.1.tgz","fileCount":79,"unpackedSize":95021,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh1nltCRA9TVsSAnZWagAAMQ0P/1eTLvFEIba9MlFOduGn\n+9FrdLAvFCAJOilD82i38SKMKW8njYJvf3i57jg6ON1Bhpl9m2lNwaYE5Dr2\naFGugdPOIg2w7ETmVhve0Nk14lTXV/9+iM6Tzp+InDRWbYxw3G+h+IPxDg0b\n0zHomc+jS1dWeKRna9cdPNuEOoIquDXNr0YPR6ywGqSj/umc4CbtL6z8eYni\nuHpQeM18QNEwc+B8xDgiHiRWJZgD6OnXgO+e9pZjl4XJi4OuCkBbMcugp8x2\nCEyP2C/JRv6T3m1Zxv2GkoJnjZ+zI8BPV5qwgfVw+XsWLQ8pLL4s1wb/ayJ3\nTVDg0abBBh8jY7lh+MaUwHOILGzw1jLxqYUa3eyXTWBKMgqgPw7rH8XV4C0j\nu2NTtC4xbWo8/qk6cL+LVQ/D+SwKScoPuyGMbBNOPmwuHvCT42DI8gwUub6P\nEYzCYSCXIYfRIoTU73jT9Vm/kQDSw62mQb6AxTcVcULoq43nz+Ex+AV0dcGJ\nY3esmM/iBTcQ8k4x9Y/Gf9v5JeJKbsnxeBxG/bv1CoSAB39pA+cMFT2JJmPq\nWWc8+DignZqBcknshHJUGB8lFQ5rMK6/b9oHLGCyGFQbmb4PUuMpDlCKsdO1\naR+Aj+/Vtk9fxXJH4zxwww9N1Ggxbbq3O2JfJjxUMu6RwBjaekfjiP2CYoI0\nezbY\r\n=CqBw\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCZ71akEhiyYHn7Mu7wSjQ7krvtvjH1qk2xoZpcsdLPuAIgTT/oayYmaHVJYuq8+Kt+b7bK5CuzundrZHD7wnz+Eu8="}]},"_npmUser":{"name":"pocka","email":"pockawoooh@gmail.com"},"directories":{},"maintainers":[{"name":"pocka","email":"pockawoooh@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/storybook-addon-designs_6.2.1_1641445741651_0.15874151983872342"},"_hasShrinkwrap":false},"6.3.0":{"name":"storybook-addon-designs","version":"6.3.0","description":"Storybook addon for embedding your design preview in addon panel","main":"cjs/index.js","module":"esm/index.js","types":"esm/index.d.ts","repository":{"type":"git","url":"git+ssh://git@github.com/pocka/storybook-addon-designs.git"},"homepage":"https://github.com/pocka/storybook-addon-designs","author":{"name":"pocka","email":"pockawoooh@gmail.com"},"license":"MIT","dependencies":{"@figspec/react":"^1.0.0"},"devDependencies":{"@figspec/components":"^1.0.0","@storybook/addon-docs":"6.3.2","@storybook/addons":"6.3.2","@storybook/api":"6.3.2","@storybook/client-api":"6.3.2","@storybook/components":"6.3.2","@storybook/core-events":"6.3.2","@storybook/theming":"6.3.2","@types/react":"^16.8.8","@types/webpack-env":"^1.13.9","figma-js":"^1.13.0","react":"^16.8.4","typescript":"^3.7.0"},"scripts":{"dev":"tsc --watch --preserveWatchOutput","build":"yarn build:esm && yarn build:cjs","build:esm":"tsc","build:cjs":"tsc --module commonjs --outDir cjs","test":"echo 'No tests' && exit 0","clean":"rm -r esm cjs","prepublishOnly":"cp ../../README.md ./ && yarn build"},"publishConfig":{"tag":"latest"},"keywords":["storybook-addon","design","figma"],"storybook":{"icon":"https://raw.githubusercontent.com/pocka/storybook-addon-designs/master/packages/assets/logo.png","displayName":"Designs"},"gitHead":"44a681f7250209b4a3eb2710736eed61e777aafd","bugs":{"url":"https://github.com/pocka/storybook-addon-designs/issues"},"_id":"storybook-addon-designs@6.3.0","_nodeVersion":"14.11.0","_npmVersion":"lerna/4.0.0/node@v14.11.0+x64 (linux)","dist":{"integrity":"sha512-3cJwt+C41kxTELpA2T4hzcf/v8pZQDRRwHByl+N6kfv+ivhUZHTQgmxs/Mu2ztBQFM4HU1aS3JnhiQJjrb5zsg==","shasum":"f0973c7e140572cb9b5526cb05dee5fcf42ff292","tarball":"https://registry.npmjs.org/storybook-addon-designs/-/storybook-addon-designs-6.3.0.tgz","fileCount":79,"unpackedSize":95045,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQC2OeQwAfclxuSBqEYAjZUaO1g+rwxKccqWuTt6NNfRRgIhAOXNfuO6HDHAXkvkdAnW6XSs9IRsM6RXvEg+DebfkMt6"}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJip1JTACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmr2TRAAlPRCZyNf3FwophIs0KfE8PjIKHwVjDfkRutxHXMuYWSa7Frq\r\nXxk9GVlsmGl4AnSVoeHnGigcy3wfiTFELyD39RPsPfY5Ts+PJRCJk4AjKit+\r\nayhtZC06xVRm797CHuX1uwVvmJ3HYY7dLN8CqmSPALQiSBVUHDCLlv6eI7Nj\r\nfReTKDAp8tuYuyTlqt2vqXFuwhbpbZ+lI7El6lGMIAdEZhmYhBFnVUU12LXQ\r\nUdFR6GoE4jzIn8SZlP7yub0fLhw37zyGGqoQoVFx4+zNsiNkO7GRO6DrNpX2\r\n4F7ImqwPxZCodoDcctNV5rffpPSGHl1qGIc74o4UTQ3EOocKur1RkhRq43T4\r\nX2DxRwDvSQkAZoaVND3Si3L3bew8EoSBAf6yBZfiA/VvAOIq7mM1PQGnCwaM\r\nmaHnk/bUjhChdZ4E52OM2SbcuBPFlI+FWBoC3HX40Opq7UO4bx7bpJH5t+rD\r\nhmM8HUZs55NGk/2U7xEn8Vz2GdlRNUYooO+5Gi4YbyZeZ6HDMQ5dDa+dLDnA\r\nkwhE+CanQVq+oslPDTthMKa4TjLWjzR/IEnSnxBZ2LADhBy0Bkud2dDwq8a5\r\nMttvzgcynyucubaYH4ZD69wE1yvMdnu81BAp8UjWxQDnoRdH/AVUY73Vzqui\r\nP+nTvoIbu5mP8NNQtmst4UWMJCeKRHXd348=\r\n=2Ypo\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"pocka","email":"pockawoooh@gmail.com"},"directories":{},"maintainers":[{"name":"pocka","email":"pockawoooh@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/storybook-addon-designs_6.3.0_1655132755652_0.9963441481319708"},"_hasShrinkwrap":false},"6.3.1":{"name":"storybook-addon-designs","version":"6.3.1","description":"Storybook addon for embedding your design preview in addon panel","main":"cjs/index.js","module":"esm/index.js","types":"esm/index.d.ts","repository":{"type":"git","url":"git+ssh://git@github.com/pocka/storybook-addon-designs.git"},"homepage":"https://github.com/pocka/storybook-addon-designs","author":{"name":"pocka","email":"pockawoooh@gmail.com"},"license":"MIT","dependencies":{"@figspec/react":"^1.0.0"},"devDependencies":{"@figspec/components":"^1.0.0","@storybook/addon-docs":"6.3.2","@storybook/addons":"6.3.2","@storybook/api":"6.3.2","@storybook/client-api":"6.3.2","@storybook/components":"6.3.2","@storybook/core-events":"6.3.2","@storybook/theming":"6.3.2","@types/react":"^16.8.8","@types/webpack-env":"^1.13.9","figma-js":"^1.13.0","react":"^16.8.4","typescript":"^3.7.0"},"scripts":{"dev":"tsc --watch --preserveWatchOutput","build":"yarn build:esm && yarn build:cjs","build:esm":"tsc","build:cjs":"tsc --module commonjs --outDir cjs","test":"echo 'No tests' && exit 0","clean":"rm -r esm cjs","prepublishOnly":"cp ../../README.md ./ && yarn build"},"publishConfig":{"tag":"latest"},"keywords":["storybook-addon","design","figma"],"storybook":{"icon":"https://raw.githubusercontent.com/pocka/storybook-addon-designs/master/packages/assets/logo.png","displayName":"Designs"},"gitHead":"0f206aa4bc42b48d56ef25fe18e4d93feea35880","bugs":{"url":"https://github.com/pocka/storybook-addon-designs/issues"},"_id":"storybook-addon-designs@6.3.1","_nodeVersion":"14.11.0","_npmVersion":"lerna/4.0.0/node@v14.11.0+x64 (linux)","dist":{"integrity":"sha512-QCHZp4KuUikOq52MPiMfU8QifYTfhHar5vWlbcfkFDz1YrgGMy+QAEt5Y3Vdnffl4GKSK1lAsLuvTuzqTBRvnw==","shasum":"3505a08fdb5a755c970c047470749622db52a1cc","tarball":"https://registry.npmjs.org/storybook-addon-designs/-/storybook-addon-designs-6.3.1.tgz","fileCount":80,"unpackedSize":95093,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCFjxMkATDhZW4SVwQx2TWxuJHeN6b/F7WnyDxY2/9FOAIgTp0P+PXv7R5+nE69URokhCd4ZgsHRhikh/A+5WPwntQ="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJip1O+ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrIcRAAnDvgb515a4iINFHiy+DZo7zYdugXcxeM47hCuIGwQBzY8j5A\r\nKWNEotWsA2Ihq1cmemlOSeOYAB5qXB4fKPMxA1JidM2taJRKSb9NUy6k6Awm\r\nhkCvb6RUA3hI1Rfai03jSajogttDZ9av6vS/MSvH3Dp83EQNrU21n3d6128E\r\n90A+zqL897+vddu5q+xqn53I2U/Kr/5C1ZyFiJ++gKAxox3I0JghHhAU1BoL\r\nTuHOVM3nB4VFshD7QYSwczeNYzEpXWoHW1IBRGXzFRxhJ3zQMPrzo6Ye53B9\r\n6sTN0kU4lkX+wlY2XhRJksc0wrQLKSy5Mko6+dA0DAK4UxVe6XT8CeJQRmds\r\nWCuZDbu+kKs6YZoyQ9A1TWTXQ0IbDhJH02P4WHTPN62bGUHsEWHEViGsRw3r\r\nG3m1L0W79b6uVtkRDPGwfIUVaVPOzX+puStvDD5OinQjeWsFM6QIn682MPav\r\nnBFSbyWB0eNLz+gXjdYNDIZZ8WxpteOozo9bi7EwCc+4xVx/wno1ItpRoAZp\r\nISi/KL7SDInar7YluPh8I9gUi9qD50TQ3BoerSh0EGNqT3U+KF5Wso2e3RQu\r\nMQ/fSjmjryn4/tw0N+agTQkEQS3zYv4vrTax1Cya0y31Icso4j6psnhK2Q25\r\n11gJefE1XkeXJu9uT7bI6Ap3ppGMUFwHr5s=\r\n=uPbS\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"pocka","email":"pockawoooh@gmail.com"},"directories":{},"maintainers":[{"name":"pocka","email":"pockawoooh@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/storybook-addon-designs_6.3.1_1655133118073_0.5035752159061193"},"_hasShrinkwrap":false},"7.0.0-alpha.0":{"name":"storybook-addon-designs","version":"7.0.0-alpha.0","description":"Storybook addon for embedding your design preview in addon panel","main":"cjs/index.js","module":"esm/index.js","types":"esm/index.d.ts","repository":{"type":"git","url":"git+ssh://git@github.com/pocka/storybook-addon-designs.git"},"homepage":"https://github.com/pocka/storybook-addon-designs","author":{"name":"pocka","email":"pockawoooh@gmail.com"},"license":"MIT","dependencies":{"@figspec/react":"^1.0.0"},"devDependencies":{"@figspec/components":"^1.0.0","@storybook/addon-docs":"6.5.9","@storybook/addons":"6.5.9","@storybook/api":"6.5.9","@storybook/client-api":"6.5.9","@storybook/components":"6.5.9","@storybook/core-events":"6.5.9","@storybook/theming":"6.5.9","@types/react":"^17.0.0","@types/react-dom":"^17.0.0","@types/webpack-env":"^1.13.9","figma-js":"^1.13.0","typescript":"^4.7.3"},"peerDependencies":{"@storybook/addon-docs":"^6.4.0","@storybook/addons":"^6.4.0","@storybook/api":"^6.4.0","@storybook/components":"^6.4.0","@storybook/theming":"^6.4.0","react":"^16.8.0 || ^17.0.0 || ^18.0.0","react-dom":"^16.8.0 || ^17.0.0 || ^18.0.0"},"peerDependenciesMeta":{"react":{"optional":true},"react-dom":{"optional":true}},"scripts":{"dev":"tsc --watch --preserveWatchOutput","build":"npm run build:esm && npm run build:cjs","build:esm":"tsc","build:cjs":"tsc --module commonjs --outDir cjs","test":"echo 'No tests' && exit 0","clean":"rm -r esm cjs","prepublishOnly":"cp ../../README.md ./ && npm run build"},"publishConfig":{"tag":"latest"},"keywords":["storybook-addon","design","figma"],"storybook":{"icon":"https://raw.githubusercontent.com/pocka/storybook-addon-designs/master/packages/assets/logo.png","displayName":"Designs"},"gitHead":"78563c01d622e969abdf88c460793dbf7161b538","bugs":{"url":"https://github.com/pocka/storybook-addon-designs/issues"},"_id":"storybook-addon-designs@7.0.0-alpha.0","_nodeVersion":"16.15.1","_npmVersion":"8.11.0","dist":{"integrity":"sha512-DmhjD6wsYP/fVQq6FhozMAACXhdboNfd6wq06Pn79Hw4X4oJtStPKenu4StSPastGnVL5Aaiunznn5pBUKPuiw==","shasum":"828aa9d2d8a8377b010e53420526bde5ffe5144b","tarball":"https://registry.npmjs.org/storybook-addon-designs/-/storybook-addon-designs-7.0.0-alpha.0.tgz","fileCount":79,"unpackedSize":95773,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIGvU67bBTtvccbLXpnRAh0WtdLihQQ6zDXnJkF1f8VWrAiAZ6eP5p2XAIV+BY3rZnvScaPhROGfC5J0euyFqLnwaVA=="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiqyBKACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmoTAA/+LdXa9jXEume9+Vxjw2n80xcd+avBZElnhC4eLjbv06c0cwmF\r\nSUT9evc9DW8CPaLbfx8arulMN75xYacM8K1wai9a9HyUa2F9pGrqDx9jZgA3\r\nU5IO3A6x8EhIsVES5aEI54xqhV5F8UNEwJRQxwxB2IWQHoOj+epLiPmIPj+a\r\nfMZIFXAyHuqnyBci+wkmjAJoqAyOxvv4Wsx1nrPOipRRcODuy6ZQe17JeX/5\r\nnWIVN1vvGjQhKpolwCXvLyMzEfBHNKf1H4if4k3eY3KDjG3EVVMArk/BLxDp\r\n7EtKDV9wb9PpAX3soFefNbZh0GXMgDBktoIvbFWeJADd8gLLhSd2OXhuBrEV\r\nCidHl2cXeRiKBuYAsDtimb4fBXP7zf/ck2I5vpC27zIUHULq2R+CT8/Gyap5\r\nkfPAQRCF/tqkWsS2gp8j8hIYEXUipPyN1k8oux7goOqE3TA0qCMs0go3O1tA\r\nvgK3EFVvzY6c48F0OZQlJksYjob5By7JbbA7DRySGCySyDz3bqTk1vw96Er1\r\nnS2nX6l8o3SRqTL0JRC9VobEYjqnVnmJuRvezUL/rKTfQwc1X4kaxt8KTKPI\r\nGsKiDOhD4LfjIyfsq+Z1djt7SvZOXDXxLB6fQ6m05U2pXA0haQklxbjO985x\r\nEmJOBp3hnuQ2qowUyQsnRRS4VleL3GjjLd8=\r\n=8Ybs\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"pocka","email":"pockawoooh@gmail.com"},"directories":{},"maintainers":[{"name":"pocka","email":"pockawoooh@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/storybook-addon-designs_7.0.0-alpha.0_1655382090794_0.49660023071717996"},"_hasShrinkwrap":false},"7.0.0-alpha.1":{"name":"storybook-addon-designs","version":"7.0.0-alpha.1","description":"Storybook addon for embedding your design preview in addon panel","main":"cjs/index.js","module":"esm/index.js","types":"esm/index.d.ts","repository":{"type":"git","url":"git+ssh://git@github.com/pocka/storybook-addon-designs.git"},"homepage":"https://github.com/pocka/storybook-addon-designs","author":{"name":"pocka","email":"pockawoooh@gmail.com"},"license":"MIT","dependencies":{"@figspec/react":"^1.0.0"},"devDependencies":{"@figspec/components":"^1.0.0","@storybook/addon-docs":"6.5.9","@storybook/addons":"6.5.9","@storybook/api":"6.5.9","@storybook/client-api":"6.5.9","@storybook/components":"6.5.9","@storybook/core-events":"6.5.9","@storybook/theming":"6.5.9","@types/react":"^17.0.0","@types/react-dom":"^17.0.0","@types/webpack-env":"^1.13.9","figma-js":"^1.13.0","typescript":"^4.7.3"},"peerDependencies":{"@storybook/addon-docs":"^6.4.0","@storybook/addons":"^6.4.0","@storybook/api":"^6.4.0","@storybook/components":"^6.4.0","@storybook/theming":"^6.4.0","react":"^16.8.0 || ^17.0.0 || ^18.0.0","react-dom":"^16.8.0 || ^17.0.0 || ^18.0.0"},"peerDependenciesMeta":{"react":{"optional":true},"react-dom":{"optional":true}},"scripts":{"dev":"tsc --watch --preserveWatchOutput","build":"npm run build:esm && npm run build:cjs","build:esm":"tsc","build:cjs":"tsc --module commonjs --outDir cjs","test":"echo 'No tests' && exit 0","clean":"rm -r esm cjs","prepublishOnly":"cp ../../README.md ./ && npm run build"},"keywords":["storybook-addon","design","figma"],"storybook":{"icon":"https://raw.githubusercontent.com/pocka/storybook-addon-designs/master/packages/assets/logo.png","displayName":"Designs"},"readme":"<div align=\"center\">\n  \n  <img src=\"./packages/assets/logo.png\" width=\"104\" alt=\"logo\">\n  <br/>\n  <br/>\n\n[![npm version](https://badge.fury.io/js/storybook-addon-designs.svg)](https://badge.fury.io/js/storybook-addon-designs)\n[![Monthly download](https://img.shields.io/npm/dm/storybook-addon-designs.svg)](https://www.npmjs.com/package/storybook-addon-designs)\n[![GitHub license](https://img.shields.io/github/license/pocka/storybook-addon-designs.svg)](https://github.com/pocka/storybook-addon-designs/blob/master/LICENSE)\n[![code style: prettier](https://img.shields.io/badge/code_style-prettier-ff69b4.svg)](https://github.com/prettier/prettier)\n\n</div>\n\n<hr/>\n\n## storybook-addon-designs\n\nA [Storybook](https://github.com/storybooks/storybook) addon that embed Figma or websites in the addon panel for better design-development workflow.\n\n- [Docs & Demo](https://pocka.github.io/storybook-addon-designs)\n\n## Requirements\n\n- Storybook@>=6.4.0\n\nThis addon should work well with any framework: If you find the case the addon not works, please open an issue.\n\n## Getting started\n\n### 1. Install\n\n```sh\nnpm install --save-dev storybook-addon-designs\n# yarn add -D storybook-addon-designs\n```\n\n### 2. Register the addon in `main.js`\n\n```js\nmodule.exports = {\n  addons: [\"storybook-addon-designs\"],\n};\n```\n\n### 3. Add it to story!\n\n```js\nexport default {\n  title: \"My stories\",\n  component: Button,\n};\n\nexport const myStory = () => <Button>Hello, World!</Button>;\n\nmyStory.parameters = {\n  design: {\n    type: \"figma\",\n    url: \"https://www.figma.com/file/LKQ4FJ4bTnCSjedbRpk931/Sample-File\",\n  },\n};\n```\n\n## Similar projects\n\n- Adobe XD: [storybook-addon-xd-designs](https://github.com/morgs32/storybook-addon-xd-designs)\n- Zeplin: [storybook-zeplin](https://github.com/mertkahyaoglu/storybook-zeplin)\n- Abstract: [storybook-addons-abstract](https://github.com/amccloud/storybook-addons-abstract)\n","readmeFilename":"README.md","gitHead":"795035fa2b7399113a4ae1439767da3ffee5bda1","bugs":{"url":"https://github.com/pocka/storybook-addon-designs/issues"},"_id":"storybook-addon-designs@7.0.0-alpha.1","_nodeVersion":"16.15.1","_npmVersion":"8.11.0","dist":{"integrity":"sha512-hTvMwZ+qEFhg/Z98GLhGSjZZ77D/FA7Z6EktmjctGgGwspEgW/RGHt3DFF9Wu7R4Py80ixKQjVHG42iClOGJ1A==","shasum":"8f7681f27de08295953eff75ddcfbacef02dcb76","tarball":"https://registry.npmjs.org/storybook-addon-designs/-/storybook-addon-designs-7.0.0-alpha.1.tgz","fileCount":79,"unpackedSize":97577,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCpCaVvNeLfGQElcz1iDmAXoKxwiNb+bFQqHiHZ8qpUOwIgJcG5fD6BVD/WmI4d1lyk+sRokq15K8kOdHDWE7NCEVQ="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJirWa8ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrEqg//a4Br6BAViwdVQmVaSU4m6L5oHhgQWoNrNoIvzaRW93TtCGoT\r\nhK1D1IGvFE4R6qATQ+4z1B5p6RrgurTjtuo1aBb1Gsj0ITUfeEUf9LxnMKGs\r\n1/xwfWLY8tlsQGBMDfjhTKvXY9tMe+Zqy6XQpmqcz0Q6Q+Wsr3Q7VyiJaG1b\r\n5oTH6acz0Z31mSNfWR9/154yNEbhLLZ66D/8OJ3C5GJo5t7XL2UKSqQLZ64n\r\nTxi9Tg9Kq98EvHywOOxrwgm2eCwFOjArQTTRpVnikxxs9OXK8Gj0iaJK3cQP\r\nrmd5z1ZypAaOM9kHePiFUMiH5eaNBHrMdPeeJ1Det22LC4Cewj9OMwZSBFwl\r\nmSSsiQm+s6OdKhwCO18v3ndIlodaMfTz225s2I6ILP/r+wc3anzYK+YxvoML\r\n+uNy7BEJu52FwJZ8d/mUxLkd9MKNHIqfQ+RJ/dRIz/xPnpG/dkVRSzCtqaHr\r\n3RXHhAYy+G9xS55STmI2x5NrJj8HyiA36VYRAaozG4r7VG8C4YjqBSVrSiz/\r\nDKFqqtyifD8OVjAzL5ETav5EjgqylkuH/xSyGwW+tfQZ+5AnshOheuwk10dM\r\nrKhmUrskqlW+aBPgs7BgAO5Ej0GR0/3RXxr1Uf53WTTWs5Th7P4aGul0HgMD\r\n6+phhaj+k7SJoR8H6ueVwuJc1VEF2z3TGXc=\r\n=AIrN\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"pocka","email":"pockawoooh@gmail.com"},"directories":{},"maintainers":[{"name":"pocka","email":"pockawoooh@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/storybook-addon-designs_7.0.0-alpha.1_1655531196415_0.16109035257230042"},"_hasShrinkwrap":false},"7.0.0-alpha.2":{"name":"storybook-addon-designs","version":"7.0.0-alpha.2","description":"Storybook addon for embedding your design preview in addon panel","main":"cjs/index.js","module":"esm/index.js","types":"esm/index.d.ts","repository":{"type":"git","url":"git+ssh://git@github.com/pocka/storybook-addon-designs.git"},"homepage":"https://github.com/pocka/storybook-addon-designs","author":{"name":"pocka","email":"pockawoooh@gmail.com"},"license":"MIT","dependencies":{"@figspec/react":"^1.0.0"},"devDependencies":{"@figspec/components":"^1.0.0","@storybook/addon-docs":"6.5.9","@storybook/addons":"6.5.9","@storybook/api":"6.5.9","@storybook/client-api":"6.5.9","@storybook/components":"6.5.9","@storybook/core-events":"6.5.9","@storybook/theming":"6.5.9","@types/react":"^17.0.0","@types/react-dom":"^17.0.0","@types/webpack-env":"^1.13.9","figma-js":"^1.13.0","typescript":"^4.7.3"},"peerDependencies":{"@storybook/addon-docs":"^6.4.0","@storybook/addons":"^6.4.0","@storybook/api":"^6.4.0","@storybook/components":"^6.4.0","@storybook/theming":"^6.4.0","react":"^16.8.0 || ^17.0.0 || ^18.0.0","react-dom":"^16.8.0 || ^17.0.0 || ^18.0.0"},"peerDependenciesMeta":{"react":{"optional":true},"react-dom":{"optional":true}},"scripts":{"dev":"tsc --watch --preserveWatchOutput","build":"npm run build:esm && npm run build:cjs","build:esm":"tsc","build:cjs":"tsc --module commonjs --outDir cjs","test":"echo 'No tests' && exit 0","clean":"rm -r esm cjs","prepublishOnly":"cp ../../README.md ./ && npm run build"},"keywords":["storybook-addon","design","figma"],"storybook":{"icon":"https://raw.githubusercontent.com/pocka/storybook-addon-designs/master/packages/assets/logo.png","displayName":"Designs"},"readme":"<div align=\"center\">\n  \n  <img src=\"./packages/assets/logo.png\" width=\"104\" alt=\"logo\">\n  <br/>\n  <br/>\n\n[![npm version](https://badge.fury.io/js/storybook-addon-designs.svg)](https://badge.fury.io/js/storybook-addon-designs)\n[![Monthly download](https://img.shields.io/npm/dm/storybook-addon-designs.svg)](https://www.npmjs.com/package/storybook-addon-designs)\n[![GitHub license](https://img.shields.io/github/license/pocka/storybook-addon-designs.svg)](https://github.com/pocka/storybook-addon-designs/blob/master/LICENSE)\n[![code style: prettier](https://img.shields.io/badge/code_style-prettier-ff69b4.svg)](https://github.com/prettier/prettier)\n\n</div>\n\n<hr/>\n\n## storybook-addon-designs\n\nA [Storybook](https://github.com/storybooks/storybook) addon that embed Figma or websites in the addon panel for better design-development workflow.\n\n- [Docs & Demo](https://pocka.github.io/storybook-addon-designs)\n\n## Requirements\n\n- Storybook@>=6.4.0\n\nThis addon should work well with any framework: If you find the case the addon not works, please open an issue.\n\n## Getting started\n\n### 1. Install\n\n```sh\nnpm install --save-dev storybook-addon-designs\n# yarn add -D storybook-addon-designs\n```\n\nTo install v7 alpha, use below command instead.\n\n```sh\nnpm install --save-dev storybook-addon-designs@alpha\n# yarn add -D storybook-addon-designs@alpha\n```\n\n### 2. Register the addon in `main.js`\n\n```js\nmodule.exports = {\n  addons: [\"storybook-addon-designs\"],\n};\n```\n\n### 3. Add it to story!\n\n```js\nexport default {\n  title: \"My stories\",\n  component: Button,\n};\n\nexport const myStory = () => <Button>Hello, World!</Button>;\n\nmyStory.parameters = {\n  design: {\n    type: \"figma\",\n    url: \"https://www.figma.com/file/LKQ4FJ4bTnCSjedbRpk931/Sample-File\",\n  },\n};\n```\n\n## Similar projects\n\n- Adobe XD: [storybook-addon-xd-designs](https://github.com/morgs32/storybook-addon-xd-designs)\n- Zeplin: [storybook-zeplin](https://github.com/mertkahyaoglu/storybook-zeplin)\n- Abstract: [storybook-addons-abstract](https://github.com/amccloud/storybook-addons-abstract)\n","readmeFilename":"README.md","gitHead":"4b6ab762543acc3de2c6f42ab40ed88cc1479f00","bugs":{"url":"https://github.com/pocka/storybook-addon-designs/issues"},"_id":"storybook-addon-designs@7.0.0-alpha.2","_nodeVersion":"16.15.1","_npmVersion":"8.11.0","dist":{"integrity":"sha512-oyyllvhFKLogWdd7JLJXxTHZLS0/xbtg47LWVNKePGYlGdTyk7d8+gvwYszBW8ZiklUM4GLceD985mWjoNlndw==","shasum":"d435e6d6c3b80fb4355fa7b84ae2a60ef7a31803","tarball":"https://registry.npmjs.org/storybook-addon-designs/-/storybook-addon-designs-7.0.0-alpha.2.tgz","fileCount":83,"unpackedSize":105294,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCID0FQjWywIt3nQuwEKoMiVgIafz/HnibhVGsx6hI59T0AiEAr4zGBbSK7vgHdT1AHYftfNMzmBgL88BFKolPMfEsfrE="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJirY9FACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmoucxAAlkJO2+AfZE750mTtEH9OrfKdf15L2UTToXxJjCPYOJ8f/9Jk\r\ngukRSFf755dSrruEkHBqKjJSOZEdWocI3EAwhaptb/DRMMiwLwKjVmbVU5R6\r\nfqSnGXFfWBjxnYgwqk3equR5YnpOoGpeVOqkB/CManE0fueYhWq/C/Z1kVfi\r\nyvzn/IOl4lQOqyoWvYkDyYMKFf5c2KxeDih9docbnA/pmc4L2x8WIxPnb0m0\r\nU7//CocT8B6YvjK+totd41IwbEKc9XsM2Uf7pJPV0YMpHZZdMEd3bRxe1fWE\r\nwiLPb7e94mt8E9JkHS5KxhNGHUxONvTA3K0dxqWNZ/osaYtgG1Dw96y99WYj\r\nqYtZC9JFlYAY3hEdt+FgkDKqOCodGg8d25DqoWpMDlelHoboDObdH+NNdPVh\r\np+J09EKdBYMd5CbczS+5TH1Zrvlna3O0MSqt1haMicxryQT8Fp3dMCPu0b8T\r\n/CfqJvDMgrKyrf9zNBA7mS6bwtS7WYcjPpGwS0GVLB1TNpsz53wnWXy9dCzj\r\nCUrefi6kopg9p3z61Z4jqurZ3DLygXyD5V8ejWVfzZ4pmZ53FUzHkpYN6XB2\r\nKHrRe64yTldEa9s4MvfWtsdtJQTn9eUMNVHL+8Iu4AnxjDpodJ7MbtjAP9yN\r\nU5Uor6O8yPQd5VEeD0Svh/TBomJDk2HVxGc=\r\n=urRk\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"pocka","email":"pockawoooh@gmail.com"},"directories":{},"maintainers":[{"name":"pocka","email":"pockawoooh@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/storybook-addon-designs_7.0.0-alpha.2_1655541573225_0.025645912133911652"},"_hasShrinkwrap":false},"7.0.0-alpha.3":{"name":"storybook-addon-designs","version":"7.0.0-alpha.3","description":"Storybook addon for embedding your design preview in addon panel","main":"cjs/index.js","module":"esm/index.js","types":"esm/index.d.ts","repository":{"type":"git","url":"git+ssh://git@github.com/pocka/storybook-addon-designs.git"},"homepage":"https://github.com/pocka/storybook-addon-designs","author":{"name":"pocka","email":"pockawoooh@gmail.com"},"license":"MIT","dependencies":{"@figspec/react":"^1.0.0"},"devDependencies":{"@figspec/components":"^1.0.0","@storybook/addon-docs":"6.5.9","@storybook/addons":"6.5.9","@storybook/api":"6.5.9","@storybook/client-api":"6.5.9","@storybook/components":"6.5.9","@storybook/core-events":"6.5.9","@storybook/theming":"6.5.9","@types/react":"^17.0.0","@types/react-dom":"^17.0.0","@types/webpack-env":"^1.13.9","figma-js":"^1.13.0","typescript":"^4.7.3"},"peerDependencies":{"@storybook/addon-docs":"^6.4.0","@storybook/addons":"^6.4.0","@storybook/api":"^6.4.0","@storybook/components":"^6.4.0","@storybook/theming":"^6.4.0","react":"^16.8.0 || ^17.0.0 || ^18.0.0","react-dom":"^16.8.0 || ^17.0.0 || ^18.0.0"},"peerDependenciesMeta":{"react":{"optional":true},"react-dom":{"optional":true}},"scripts":{"dev":"tsc --watch --preserveWatchOutput","build":"npm run build:esm && npm run build:cjs","build:esm":"tsc","build:cjs":"tsc --module commonjs --outDir cjs","test":"echo 'No tests' && exit 0","clean":"rm -r esm cjs","prepublishOnly":"cp ../../README.md ./ && npm run build"},"keywords":["storybook-addon","design","figma"],"storybook":{"icon":"https://raw.githubusercontent.com/pocka/storybook-addon-designs/master/packages/assets/logo.png","displayName":"Designs"},"readme":"<div align=\"center\">\n  \n  <img src=\"./packages/assets/logo.png\" width=\"104\" alt=\"logo\">\n  <br/>\n  <br/>\n\n[![npm version](https://badge.fury.io/js/storybook-addon-designs.svg)](https://badge.fury.io/js/storybook-addon-designs)\n[![Monthly download](https://img.shields.io/npm/dm/storybook-addon-designs.svg)](https://www.npmjs.com/package/storybook-addon-designs)\n[![GitHub license](https://img.shields.io/github/license/pocka/storybook-addon-designs.svg)](https://github.com/pocka/storybook-addon-designs/blob/master/LICENSE)\n[![code style: prettier](https://img.shields.io/badge/code_style-prettier-ff69b4.svg)](https://github.com/prettier/prettier)\n\n</div>\n\n<hr/>\n\n## storybook-addon-designs\n\nA [Storybook](https://github.com/storybooks/storybook) addon that embed Figma or websites in the addon panel for better design-development workflow.\n\n- [Docs & Demo](https://pocka.github.io/storybook-addon-designs)\n\n## Requirements\n\n- Storybook@>=6.4.0\n\nThis addon should work well with any framework: If you find the case the addon not works, please open an issue.\n\n## Getting started\n\n### 1. Install\n\n```sh\nnpm install --save-dev storybook-addon-designs\n# yarn add -D storybook-addon-designs\n```\n\nTo install v7 alpha, use below command instead.\n\n```sh\nnpm install --save-dev storybook-addon-designs@alpha\n# yarn add -D storybook-addon-designs@alpha\n```\n\n### 2. Register the addon in `main.js`\n\n```js\nmodule.exports = {\n  addons: [\"storybook-addon-designs\"],\n};\n```\n\n### 3. Add it to story!\n\n```js\nexport default {\n  title: \"My stories\",\n  component: Button,\n};\n\nexport const myStory = () => <Button>Hello, World!</Button>;\n\nmyStory.parameters = {\n  design: {\n    type: \"figma\",\n    url: \"https://www.figma.com/file/LKQ4FJ4bTnCSjedbRpk931/Sample-File\",\n  },\n};\n```\n\n## Similar projects\n\n- Adobe XD: [storybook-addon-xd-designs](https://github.com/morgs32/storybook-addon-xd-designs)\n- Zeplin: [storybook-zeplin](https://github.com/mertkahyaoglu/storybook-zeplin)\n- Abstract: [storybook-addons-abstract](https://github.com/amccloud/storybook-addons-abstract)\n","readmeFilename":"README.md","gitHead":"ba4f068a3df5ce2262713b588a2655684564cc3d","bugs":{"url":"https://github.com/pocka/storybook-addon-designs/issues"},"_id":"storybook-addon-designs@7.0.0-alpha.3","_nodeVersion":"16.15.1","_npmVersion":"8.11.0","dist":{"integrity":"sha512-knBSnauh2eMFTVK5EGXVz5opcx1UndeLyxZ43T0kjkXyAVn9tKWD43PZZLaDSg6VD1wGIBtWXnxPLZbes3Pb3w==","shasum":"2f25c60fa2d1acd33017488c549ae87542cd78b6","tarball":"https://registry.npmjs.org/storybook-addon-designs/-/storybook-addon-designs-7.0.0-alpha.3.tgz","fileCount":83,"unpackedSize":105293,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCvV3TMMLUWPvPeCd3gbXFQBAnMeZEz0SkM8ecNIWYsKwIgRxh26DUn0r8wP/w9vG5GViZ7aQl37Av8qBkCQa0zBh8="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjTtjVACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmp5lQ/8DOLogd5S1ASVjnnX9ZLdM0hrbP858u6ZMH9PGg+GiPqNzjDb\r\nyZ/Qn8SueJPrEY2VIKMiyrPNB0fns59FNCH5klhfF1ALc2uCRcrZpE0zkhox\r\nxRCDPF6wWlU1OC1o44tRBHU+cwMsWyKRV4VhtEM3XYOJss6KkSdeA6AI241R\r\n9IGdVZGG+7M9RMoeBJ8GX1hNxYnaeCH5st3pApgy6uffnhT3+C0p2fcwj4oQ\r\nZZfD7iJYe0kPALiMWcgLVotWoyqdVSM7uScmKX8CU0C0/sygCkne92vmfp3J\r\n74zH4zALo2vabDuwCU62j6T9dY7sp/FGH0VcpH2LQcbCOWkUuQ2Gmu6l9xfg\r\nj65JBE+Rx9o6TLBSj/NYJqiFtTk6TR4GvZVE4eBjJSDMkc8PU/BX6sOUV7CH\r\nh+6ixOicGipYSPzN90mDp0s8ssoWdV1zjFtgXqqrBWav6fyvj/GdqiPUOApW\r\nwVp+dEZJFoW6usTfDFC0/uEwoq9A8LlVArw3SufwOE5jp0tL3qr0s5RfJeko\r\nj2eP8PYdvCspTxdAQ9nMyOatAyGqgs7GxzVq0NMM3qEWbeDaLeez1wmdgHgd\r\n1vfutMpp9OCd/pX6ucKmAiNDUfK6AAM5GcBVZfKdVqCSXdNyBaRHuzJm90Bw\r\ndwRjIrb4AWifu/exao09/DUOb8a3sF0wpYc=\r\n=Dc4X\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"pocka","email":"pockawoooh@gmail.com"},"directories":{},"maintainers":[{"name":"pocka","email":"pockawoooh@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/storybook-addon-designs_7.0.0-alpha.3_1666111701148_0.062060272919657544"},"_hasShrinkwrap":false},"7.0.0-beta.0":{"name":"storybook-addon-designs","version":"7.0.0-beta.0","description":"Storybook addon for embedding your design preview in addon panel","main":"cjs/index.js","module":"esm/index.js","types":"esm/index.d.ts","repository":{"type":"git","url":"git+ssh://git@github.com/pocka/storybook-addon-designs.git"},"homepage":"https://github.com/pocka/storybook-addon-designs","author":{"name":"pocka","email":"pockawoooh@gmail.com"},"license":"MIT","dependencies":{"@figspec/react":"^1.0.0"},"devDependencies":{"@figspec/components":"^1.0.0","@storybook/addon-docs":"6.5.9","@storybook/addons":"6.5.9","@storybook/api":"6.5.9","@storybook/client-api":"6.5.9","@storybook/components":"6.5.9","@storybook/core-events":"6.5.9","@storybook/theming":"6.5.9","@types/react":"^17.0.0","@types/react-dom":"^17.0.0","@types/webpack-env":"^1.13.9","figma-js":"^1.13.0","typescript":"^4.7.3"},"peerDependencies":{"@storybook/addon-docs":"^6.4.0","@storybook/addons":"^6.4.0","@storybook/api":"^6.4.0","@storybook/components":"^6.4.0","@storybook/theming":"^6.4.0","react":"^16.8.0 || ^17.0.0 || ^18.0.0","react-dom":"^16.8.0 || ^17.0.0 || ^18.0.0"},"peerDependenciesMeta":{"react":{"optional":true},"react-dom":{"optional":true}},"scripts":{"dev":"tsc --watch --preserveWatchOutput","build":"npm run build:esm && npm run build:cjs","build:esm":"tsc","build:cjs":"tsc --module commonjs --outDir cjs","test":"echo 'No tests' && exit 0","clean":"rm -r esm cjs","prepublishOnly":"cp ../../README.md ./ && npm run build"},"keywords":["storybook-addon","design","figma"],"storybook":{"icon":"https://raw.githubusercontent.com/pocka/storybook-addon-designs/master/packages/assets/logo.png","displayName":"Designs"},"readme":"<div align=\"center\">\n  \n  <img src=\"./packages/assets/logo.png\" width=\"104\" alt=\"logo\">\n  <br/>\n  <br/>\n\n[![npm version](https://badge.fury.io/js/storybook-addon-designs.svg)](https://badge.fury.io/js/storybook-addon-designs)\n[![Monthly download](https://img.shields.io/npm/dm/storybook-addon-designs.svg)](https://www.npmjs.com/package/storybook-addon-designs)\n[![GitHub license](https://img.shields.io/github/license/pocka/storybook-addon-designs.svg)](https://github.com/pocka/storybook-addon-designs/blob/master/LICENSE)\n[![code style: prettier](https://img.shields.io/badge/code_style-prettier-ff69b4.svg)](https://github.com/prettier/prettier)\n\n</div>\n\n<hr/>\n\n## storybook-addon-designs\n\nA [Storybook](https://github.com/storybooks/storybook) addon that embed Figma or websites in the addon panel for better design-development workflow.\n\n- [Docs & Demo](https://pocka.github.io/storybook-addon-designs)\n\n## Requirements\n\n- Storybook@>=6.4.0\n\nThis addon should work well with any framework: If you find the case the addon not works, please open an issue.\n\n## Getting started\n\n### 1. Install\n\n```sh\nnpm install --save-dev storybook-addon-designs\n# yarn add -D storybook-addon-designs\n```\n\nTo install v7 alpha, use below command instead.\n\n```sh\nnpm install --save-dev storybook-addon-designs@alpha\n# yarn add -D storybook-addon-designs@alpha\n```\n\n### 2. Register the addon in `main.js`\n\n```js\nmodule.exports = {\n  addons: [\"storybook-addon-designs\"],\n};\n```\n\n### 3. Add it to story!\n\n```js\nexport default {\n  title: \"My stories\",\n  component: Button,\n};\n\nexport const myStory = () => <Button>Hello, World!</Button>;\n\nmyStory.parameters = {\n  design: {\n    type: \"figma\",\n    url: \"https://www.figma.com/file/LKQ4FJ4bTnCSjedbRpk931/Sample-File\",\n  },\n};\n```\n\n## Similar projects\n\n- Adobe XD: [storybook-addon-xd-designs](https://github.com/morgs32/storybook-addon-xd-designs)\n- Zeplin: [storybook-zeplin](https://github.com/mertkahyaoglu/storybook-zeplin)\n- Abstract: [storybook-addons-abstract](https://github.com/amccloud/storybook-addons-abstract)\n","readmeFilename":"README.md","gitHead":"d63902d24818d5d2400926312824f6eaeefa0c5e","bugs":{"url":"https://github.com/pocka/storybook-addon-designs/issues"},"_id":"storybook-addon-designs@7.0.0-beta.0","_nodeVersion":"16.15.1","_npmVersion":"8.11.0","dist":{"integrity":"sha512-kVOKWbWQF0ATT+PMjgibpyPrjXnV18OUKazViRi7c7iN2q8oAk/8qzGV+EPvaMV35AurvEc60K+92AqTgF23cA==","shasum":"efb6f04d33b4cc00a9059104c8e2c817441155ef","tarball":"https://registry.npmjs.org/storybook-addon-designs/-/storybook-addon-designs-7.0.0-beta.0.tgz","fileCount":87,"unpackedSize":112248,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQChnv6yI112nPVBXB9b6XFas22+Eb+SGTrpdtEskDk+RAIhAMKJ/amBf1eq9aAcqpfa8H6HnGzB5gP7tz1GxuFzZoSG"}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjTubUACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmoidA/+Pxh6QG52N+9UfZLWl9z/5kud6kfu/uJyhxmAjhI1YBByO7w6\r\nb8gHhZL73bj0pbNzYnwLkYvPNMYy4AXUmjs9Hh5DoCVcP2qwOPBCZeF+hUCR\r\nH+ChctXH7kgRHgcgxOfV+318B74DNUF2rqzOjUU3U1u4ZP78F1h6E5CCUHma\r\njaM7Oyoc2IRUw83oZXAm1qBzjaILLZau19bBaWaGBE5920ZJd994IWunyWkK\r\n25Ruau/ubbPUJkqNrrr5HWdniRXLZeFZEwdaEpAwNmkE9nQIttHe6+y6xIFH\r\ns6Bgn12uWVbGEyCxWdRNumC2R8s6ZKE9haU8f3NgugITY1lKHob/fR11PBWm\r\n9XeOR8Jyh4gHPbJxca9RoQbsNS/kXPax0C54V0SHL1Kg3DwIOZt+utarKngd\r\niyLjtVznzQ+Qfr7WkDRsx88OpKp9Jf5OXEFGDwPX8Jcr6QWKc+RUMuNf3soy\r\nvt7CPDiLa97vntPanCdg/WmBoxMgN+QRObappYPFgwwRJSMzKPTnglnSY6bC\r\nNBQsn732h9cnN5kADT3ZaRC5Gz4SGFjveD2n/WMSPkTd6bNDUo3JvLkAFwgo\r\nVD1Zxc6CZOQDI+78a72a6g4XNYCUmJA6/5TBaV+sjWzohuReclVUtEjiU5an\r\nMLPnWm2lMab5JV5Pp+tpS0KTxrDcQDcU2XU=\r\n=tfdF\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"pocka","email":"pockawoooh@gmail.com"},"directories":{},"maintainers":[{"name":"pocka","email":"pockawoooh@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/storybook-addon-designs_7.0.0-beta.0_1666115283772_0.7395114004451833"},"_hasShrinkwrap":false},"7.0.0-beta.1":{"name":"storybook-addon-designs","version":"7.0.0-beta.1","description":"Storybook addon for embedding your design preview in addon panel","main":"cjs/index.js","module":"esm/index.js","types":"esm/index.d.ts","repository":{"type":"git","url":"git+ssh://git@github.com/pocka/storybook-addon-designs.git"},"homepage":"https://github.com/pocka/storybook-addon-designs","author":{"name":"pocka","email":"pockawoooh@gmail.com"},"license":"MIT","dependencies":{"@figspec/react":"^1.0.0"},"devDependencies":{"@figspec/components":"^1.0.0","@storybook/addon-docs":"6.5.9","@storybook/addons":"6.5.9","@storybook/api":"6.5.9","@storybook/client-api":"6.5.9","@storybook/components":"6.5.9","@storybook/core-events":"6.5.9","@storybook/theming":"6.5.9","@types/react":"^17.0.0","@types/react-dom":"^17.0.0","@types/webpack-env":"^1.13.9","figma-js":"^1.13.0","typescript":"^4.7.3"},"peerDependencies":{"@storybook/addon-docs":"^6.4.0","@storybook/addons":"^6.4.0","@storybook/api":"^6.4.0","@storybook/components":"^6.4.0","@storybook/theming":"^6.4.0","react":"^16.8.0 || ^17.0.0 || ^18.0.0","react-dom":"^16.8.0 || ^17.0.0 || ^18.0.0"},"peerDependenciesMeta":{"react":{"optional":true},"react-dom":{"optional":true}},"scripts":{"dev":"tsc --watch --preserveWatchOutput","build":"npm run build:esm && npm run build:cjs","build:esm":"tsc","build:cjs":"tsc --module commonjs --outDir cjs","test":"echo 'No tests' && exit 0","clean":"rm -r esm cjs","prepublishOnly":"cp ../../README.md ./ && npm run build"},"keywords":["storybook-addon","design","figma"],"storybook":{"icon":"https://raw.githubusercontent.com/pocka/storybook-addon-designs/master/packages/assets/logo.png","displayName":"Designs"},"readme":"<div align=\"center\">\n  \n  <img src=\"./packages/assets/logo.png\" width=\"104\" alt=\"logo\">\n  <br/>\n  <br/>\n\n[![npm version](https://badge.fury.io/js/storybook-addon-designs.svg)](https://badge.fury.io/js/storybook-addon-designs)\n[![Monthly download](https://img.shields.io/npm/dm/storybook-addon-designs.svg)](https://www.npmjs.com/package/storybook-addon-designs)\n[![GitHub license](https://img.shields.io/github/license/pocka/storybook-addon-designs.svg)](https://github.com/pocka/storybook-addon-designs/blob/master/LICENSE)\n[![code style: prettier](https://img.shields.io/badge/code_style-prettier-ff69b4.svg)](https://github.com/prettier/prettier)\n\n</div>\n\n<hr/>\n\n## storybook-addon-designs\n\nA [Storybook](https://github.com/storybooks/storybook) addon that embed Figma or websites in the addon panel for better design-development workflow.\n\n- [Docs & Demo](https://pocka.github.io/storybook-addon-designs)\n\n## Requirements\n\n- Storybook@>=6.4.0\n\nThis addon should work well with any framework: If you find the case the addon not works, please open an issue.\n\n## Getting started\n\n### 1. Install\n\n```sh\nnpm install --save-dev storybook-addon-designs\n# yarn add -D storybook-addon-designs\n```\n\nTo install v7 beta, use below command instead.\n\n```sh\nnpm install --save-dev storybook-addon-designs@beta\n# yarn add -D storybook-addon-designs@beta\n```\n\n### 2. Register the addon in `main.js`\n\n```js\nmodule.exports = {\n  addons: [\"storybook-addon-designs\"],\n};\n```\n\n### 3. Add it to story!\n\n```js\nexport default {\n  title: \"My stories\",\n  component: Button,\n};\n\nexport const myStory = () => <Button>Hello, World!</Button>;\n\nmyStory.parameters = {\n  design: {\n    type: \"figma\",\n    url: \"https://www.figma.com/file/LKQ4FJ4bTnCSjedbRpk931/Sample-File\",\n  },\n};\n```\n\n## Similar projects\n\n- Adobe XD: [storybook-addon-xd-designs](https://github.com/morgs32/storybook-addon-xd-designs)\n- Zeplin: [storybook-zeplin](https://github.com/mertkahyaoglu/storybook-zeplin)\n- Abstract: [storybook-addons-abstract](https://github.com/amccloud/storybook-addons-abstract)\n","readmeFilename":"README.md","gitHead":"4805fb4b3137dc531d7bece47ff240df0fb75275","bugs":{"url":"https://github.com/pocka/storybook-addon-designs/issues"},"_id":"storybook-addon-designs@7.0.0-beta.1","_nodeVersion":"16.15.1","_npmVersion":"8.11.0","dist":{"integrity":"sha512-0O2Kxqc3/nepQDqTDttx1M/8T1zqkO6Wq4UGu2SqsnLFAbnT4fD1dnfi6Xu8O+tPQdZOOcFW/1KYc9sdSgp6TA==","shasum":"5c0a4ab12a22d49779fc0a085a77e4eedd8fc6ec","tarball":"https://registry.npmjs.org/storybook-addon-designs/-/storybook-addon-designs-7.0.0-beta.1.tgz","fileCount":87,"unpackedSize":112242,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIEKc5RcVyadeT0Ik7clfRwGCHDodLOM42hcNxXhHrFhIAiEAn8zM/Fzngp94FVikJtevP+4mr5Sl5LDt/wC1+E9ClGE="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjZk/3ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqaYg/5AXBvrjX1aD+WAFLd1q3I4WzasfIis1nog0GJlsGGFf1hr5mG\r\nscGrEoeDyB6kb/grPNhYL9CcY88abqjltJYuk4oGVFKREjVnBy2iWbfz5BLW\r\nGyxC/aPLA+Bv9v48QNKqKEBIseQ24wA3YqxHPJysrJ+mupKkVmPjTLwe0ePB\r\nhUcl5StrPfLIE62rjgxiyMVCKGJotgJcv8Jh71R97I6rs2Q3EJzO/N0RgMmN\r\n4qmM/dd+mF4F0rkwzkrTKyJm8vXJqetd82a0bqRnBxt4/O7AXFCI7tKBpIx5\r\n9i2Z+PyJpp8T3FnuHp4ePkElyJYgo9evm9yoaPBqYQyRnyZonhl2XCjMlOW+\r\nXmjbh0gbL9louZX9+SIGwyd79M7nvx+tR2Kr1AwO1QaGVN/wJoSgBPkkXu3l\r\n8QcgRo/NEHjxlZtI+DftycpvHlll5YjhiSENqhFovYqgrMVcCVGkwFqLN7fj\r\nT2fbvjGMsm60oasfcrE7txj9LzVFH7/7PO46KkfZTvxsmRPrNilmjiln6MX1\r\nZaKgf0WyRQZoGFmbM27fxfOhIzcvJHo/+ezHuShZZOvUTL3EvrmFi4GhW6zy\r\ngoe20Q9v3COy02ng7SFYomtaN0UTfSGgmNcFYzOYvjvsMwybi12xSEUgMFnf\r\nznQkjEh73oPN80hvy599cmOwKfLuQsJqCj4=\r\n=VG0M\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"pocka","email":"pockawoooh@gmail.com"},"directories":{},"maintainers":[{"name":"pocka","email":"pockawoooh@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/storybook-addon-designs_7.0.0-beta.1_1667649527733_0.08714910475880155"},"_hasShrinkwrap":false},"7.0.0-beta.2":{"name":"storybook-addon-designs","version":"7.0.0-beta.2","description":"Storybook addon for embedding your design preview in addon panel","main":"cjs/index.js","module":"esm/index.js","types":"esm/index.d.ts","repository":{"type":"git","url":"git+ssh://git@github.com/pocka/storybook-addon-designs.git"},"homepage":"https://github.com/pocka/storybook-addon-designs","author":{"name":"pocka","email":"pockawoooh@gmail.com"},"license":"MIT","dependencies":{"@figspec/react":"^1.0.0"},"devDependencies":{"@figspec/components":"^1.0.0","@storybook/addon-docs":"6.5.9","@storybook/addons":"6.5.9","@storybook/api":"6.5.9","@storybook/client-api":"6.5.9","@storybook/components":"6.5.9","@storybook/core-events":"6.5.9","@storybook/theming":"6.5.9","@types/react":"^17.0.0","@types/react-dom":"^17.0.0","@types/webpack-env":"^1.13.9","figma-js":"^1.13.0","typescript":"^4.7.3"},"peerDependencies":{"@storybook/addon-docs":"^6.4.0 || ^7.0.0","@storybook/addons":"^6.4.0 || ^7.0.0","@storybook/api":"^6.4.0 || ^7.0.0","@storybook/components":"^6.4.0 || ^7.0.0","@storybook/theming":"^6.4.0 || ^7.0.0","react":"^16.8.0 || ^17.0.0 || ^18.0.0","react-dom":"^16.8.0 || ^17.0.0 || ^18.0.0"},"peerDependenciesMeta":{"react":{"optional":true},"react-dom":{"optional":true}},"scripts":{"dev":"tsc --watch --preserveWatchOutput","build":"npm run build:esm && npm run build:cjs","build:esm":"tsc","build:cjs":"tsc --module commonjs --outDir cjs","test":"echo 'No tests' && exit 0","clean":"rm -r esm cjs","prepublishOnly":"cp ../../README.md ./ && npm run build"},"keywords":["storybook-addon","design","figma"],"storybook":{"icon":"https://raw.githubusercontent.com/pocka/storybook-addon-designs/master/packages/assets/logo.png","displayName":"Designs"},"readme":"<div align=\"center\">\n  \n  <img src=\"./packages/assets/logo.png\" width=\"104\" alt=\"logo\">\n  <br/>\n  <br/>\n\n[![npm version](https://badge.fury.io/js/storybook-addon-designs.svg)](https://badge.fury.io/js/storybook-addon-designs)\n[![Monthly download](https://img.shields.io/npm/dm/storybook-addon-designs.svg)](https://www.npmjs.com/package/storybook-addon-designs)\n[![GitHub license](https://img.shields.io/github/license/pocka/storybook-addon-designs.svg)](https://github.com/pocka/storybook-addon-designs/blob/master/LICENSE)\n[![code style: prettier](https://img.shields.io/badge/code_style-prettier-ff69b4.svg)](https://github.com/prettier/prettier)\n\n</div>\n\n<hr/>\n\n## storybook-addon-designs\n\nA [Storybook](https://github.com/storybooks/storybook) addon that embed Figma or websites in the addon panel for better design-development workflow.\n\n- [Docs & Demo](https://pocka.github.io/storybook-addon-designs)\n\n## Requirements\n\n- Storybook@>=6.4.0\n\nThis addon should work well with any framework: If you find the case the addon not works, please open an issue.\n\n## Getting started\n\n### 1. Install\n\n```sh\nnpm install --save-dev storybook-addon-designs\n# yarn add -D storybook-addon-designs\n```\n\nTo install v7 beta, use below command instead.\n\n```sh\nnpm install --save-dev storybook-addon-designs@beta\n# yarn add -D storybook-addon-designs@beta\n```\n\n### 2. Register the addon in `main.js`\n\n```js\nmodule.exports = {\n  addons: [\"storybook-addon-designs\"],\n};\n```\n\n### 3. Add it to story!\n\n```js\nexport default {\n  title: \"My stories\",\n  component: Button,\n};\n\nexport const myStory = () => <Button>Hello, World!</Button>;\n\nmyStory.parameters = {\n  design: {\n    type: \"figma\",\n    url: \"https://www.figma.com/file/LKQ4FJ4bTnCSjedbRpk931/Sample-File\",\n  },\n};\n```\n\n## Similar projects\n\n- Adobe XD: [storybook-addon-xd-designs](https://github.com/morgs32/storybook-addon-xd-designs)\n- Zeplin: [storybook-zeplin](https://github.com/mertkahyaoglu/storybook-zeplin)\n- Abstract: [storybook-addons-abstract](https://github.com/amccloud/storybook-addons-abstract)\n","readmeFilename":"README.md","gitHead":"d183d3d14e47b92a61d528347a290ebfdad77e00","bugs":{"url":"https://github.com/pocka/storybook-addon-designs/issues"},"_id":"storybook-addon-designs@7.0.0-beta.2","_nodeVersion":"16.15.1","_npmVersion":"8.11.0","dist":{"integrity":"sha512-ljBNmyCJdPTXhiBSfA1S+GBxtMooW2M7nxlt49OoCRH7jcxZOYQdiI8JYQiMF5Ur0MGakbSci0Xm+JzAvcm02g==","shasum":"a742c0a378a022e4913660c624b241ffc9957ce9","tarball":"https://registry.npmjs.org/storybook-addon-designs/-/storybook-addon-designs-7.0.0-beta.2.tgz","fileCount":87,"unpackedSize":112292,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIBag1elYpdqlxuO8jI00vWsZ/YBPvL5CVtkzB8bLQtOmAiANpxCQX3RFgfLTlxGxDj/YFTv+ugNU0nxdmm0S8PkZqg=="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjfLhfACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmoQNw//crgBTnFYVQzfbJH/9VlMljdPT0azEPX7+pFuEEbCd9EBRacS\r\ngfwh3Zm2kV+ru1Da1peCMTBTsHTPXilggBVunIiYtSbjZ6Ff6weNrpHl4dY4\r\nlINFS5e28zIj9o1E+57wd9x0os89lmRInEIUZh4bqC68zIhKh8G3gxumsK7d\r\nfYxfoRL4hd0MTCWjC/p7XCkJAXW+eeqzY7wMVqPEls73RK4I4NDVO89Umz77\r\ne31QJGeFF7AB8EZLGCIfovD/HbHwwkhQuP/dvfHGWXTswhKiMa0IHrwhsWyR\r\nzZyPX0rOvU35ekE55n6LvY7KNEECbdzq1vhOaaMz75Yb8sk2Xfq9FrPzDgbS\r\nZUsn9n4IsMtx82Nx+E1DGzw6fHkh9LVmUsW4llBMdCoNJtoZLPsqJEfZuLx4\r\n+kO2n2BqoDJv2NU4GL4+GZ9vUPzhJ5BbfcrMBqNa3hd/kRP3tKfoomBPag6z\r\nuv5tOYgMavWriqOevoDOKWx1PdGZtPirkgaFkhgQj2pUGC9s+KzURdPhQnPk\r\nvfr/wt500LGHjF1anhnzLpgldoF8ZMjVTGniIxu5Kjnv1j3VvXWvceuCCyYW\r\nnUolnpk8wj2YdbhlaDRTUg3u5eGFVCzp/ASvXj69YZeayfaS97CpEhefA4tp\r\nLq6VzYeNM8501b89ssZl86ffrVbHFUDYK9g=\r\n=LfAe\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"pocka","email":"pockawoooh@gmail.com"},"directories":{},"maintainers":[{"name":"pocka","email":"pockawoooh@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/storybook-addon-designs_7.0.0-beta.2_1669118047474_0.33959272944910746"},"_hasShrinkwrap":false,"deprecated":"Newer versions of this package is available under `@storybook/addon-designs`"}},"time":{"created":"2019-03-20T13:50:02.389Z","5.0.0-alpha.1":"2019-03-20T13:50:02.562Z","modified":"2023-09-10T08:55:35.313Z","5.0.0-alpha.2":"2019-03-20T14:02:01.784Z","5.0.0-alpha.3":"2019-03-20T14:04:00.379Z","5.0.0-alpha.4":"2019-03-23T08:42:18.187Z","5.0.0-alpha.7":"2019-03-23T09:44:08.176Z","5.0.0-alpha.8":"2019-03-23T12:12:31.347Z","5.0.0-alpha.9":"2019-03-24T21:02:16.057Z","5.0.0":"2019-03-24T21:55:16.752Z","5.1.0":"2019-05-12T09:49:17.386Z","5.1.1":"2019-07-06T05:26:22.735Z","5.1.2":"2020-01-22T12:49:52.967Z","5.2.0":"2020-02-01T14:59:22.891Z","5.3.0-alpha.0":"2020-04-09T13:10:47.423Z","5.3.0-alpha.1":"2020-04-12T14:39:39.469Z","5.2.1":"2020-05-05T12:19:12.235Z","5.3.0-alpha.2":"2020-05-21T07:22:10.457Z","5.3.0-beta.0":"2020-05-23T15:12:50.670Z","5.3.0-beta.1":"2020-06-07T03:52:37.327Z","5.3.0":"2020-06-20T00:45:54.096Z","5.4.0":"2020-06-27T03:50:16.013Z","5.4.1":"2020-07-31T08:21:10.901Z","5.4.2":"2020-09-16T01:03:45.626Z","6.0.0-alpha.0":"2020-12-26T08:05:48.576Z","6.0.0-alpha.1":"2020-12-27T17:12:16.561Z","5.4.3":"2021-01-13T14:06:16.342Z","6.0.0-alpha.2":"2021-01-26T05:34:05.505Z","5.4.4":"2021-02-18T02:39:58.257Z","5.4.5":"2021-02-20T12:18:27.748Z","6.0.0-alpha.3":"2021-02-24T04:05:35.353Z","6.0.0-beta.0":"2021-04-17T03:04:47.405Z","6.0.0-beta.1":"2021-05-07T17:55:29.152Z","6.0.0-beta.2":"2021-05-07T19:23:34.288Z","6.0.0":"2021-05-17T13:46:10.578Z","6.0.1":"2021-07-03T16:02:31.634Z","5.4.6":"2021-07-03T16:16:16.578Z","6.1.0":"2021-08-21T15:19:06.328Z","6.2.0":"2021-10-02T15:48:10.972Z","6.2.1":"2022-01-06T05:09:01.826Z","6.3.0":"2022-06-13T15:05:55.859Z","6.3.1":"2022-06-13T15:11:58.263Z","7.0.0-alpha.0":"2022-06-16T12:21:30.913Z","7.0.0-alpha.1":"2022-06-18T05:46:36.584Z","7.0.0-alpha.2":"2022-06-18T08:39:33.412Z","7.0.0-alpha.3":"2022-10-18T16:48:21.376Z","7.0.0-beta.0":"2022-10-18T17:48:03.993Z","7.0.0-beta.1":"2022-11-05T11:58:47.929Z","7.0.0-beta.2":"2022-11-22T11:54:07.621Z"},"maintainers":[{"email":"pockawoooh@gmail.com","name":"pockawoooh"}],"description":"Storybook addon for embedding your design preview in addon panel","homepage":"https://github.com/pocka/storybook-addon-designs","repository":{"type":"git","url":"git+ssh://git@github.com/pocka/storybook-addon-designs.git"},"author":{"name":"pocka","email":"pockawoooh@gmail.com"},"license":"MIT","readme":"","readmeFilename":"","bugs":{"url":"https://github.com/pocka/storybook-addon-designs/issues"},"users":{},"keywords":["storybook-addon","design","figma"]}