{"_id":"@ecomponent/storybook-addon-figma-extended","_rev":"5-07143eaa2ad8f9005484cf22f27dcace","name":"@ecomponent/storybook-addon-figma-extended","dist-tags":{"latest":"1.0.0"},"versions":{"0.1.0":{"name":"@ecomponent/storybook-addon-figma-extended","version":"0.1.0","description":"Storybook addon for figma with light and dark theme","main":"dist/index.js","scripts":{"prepublish":"node .scripts/npm-prepublish.js","storybook":"start-storybook -p 9001 -c .storybook","test":"echo \"Error: no test specified\" && exit 1"},"keywords":["storybook","addon","figma"],"author":"","license":"MIT","devDependencies":{"@storybook/react":"3.2.12","@storybook/storybook-deployer":"^2.0.0","babel-cli":"6.26.0","babel-polyfill":"6.26.0","babel-preset-react-app":"3.0.3","react":"16.0.0","react-dom":"16.0.0"},"publishConfig":{"access":"public"},"gitHead":"0f07e615a09f29f4240e02559e97c148df3a4ff9","_id":"@ecomponent/storybook-addon-figma-extended@0.1.0","_nodeVersion":"10.15.2","_npmVersion":"6.9.0","dist":{"integrity":"sha512-60oG/Jjx5zXKFC0ctQXbOMgyDtvsbQdCoH8JE9/FL+NEsl52Nrr0KCtXhOpXb3WJyMZT1DEXjfppyQj4ZW6GQg==","shasum":"2ffec666528f904347079f0a41ade5673a66226a","tarball":"https://registry.npmjs.org/@ecomponent/storybook-addon-figma-extended/-/storybook-addon-figma-extended-0.1.0.tgz","fileCount":6,"unpackedSize":15246,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJc3lJ1CRA9TVsSAnZWagAAH5wP/ib+OLL5vLJ2Glvj4xvt\ndg+5r+PYH+7N0+Gg8gDH2Vi7HMFBiEWarNo10MQ6lLjGAgO0W9qY3VuQ3HRs\n5scNCGdVG1Kfb4v40DOnoyZhnwZpXDNlSreF6mqp5+359H6/B/3NGq+31jy+\nvZGUUiF0fs2FnbQvTuUAT78AsXYbA15ePaI3cmE/A9ECiB0I6qqvSun+Ljts\nMC1uYKnb5sTUmthclT1YdC8PbFTJvsaBKpfI6ZQnAb+Pw4i+fORpeQ/lrEb8\n/43Omo8TrvROJ0dFiGYQVEkawxD6EsU24A5RknS6G/RPGl9KzUrGf/q/OqCo\n+Dob2t3TEGHDwImmnQlmdzIpWmVnRPcuChP7f2f5YmLPA1kT2vdRvBtirc6H\n6JcZD6OXfT2rgkdB+RleIr9mSaWYGbutE2YIArTTozpERysJBy1gR4AIukPw\n5eqWFgB638SxTf/kSOaaJPZI/7Dz9M9rOUpCbH/i1UgU+oO6Fy+DjNpsC73H\nGcbCN09ZdzlWssEjK4HqGEm9cIqT6//pQRfRWqn7Ti/WmCpfQbkC5TxTJnyL\np0wzaXmm2iSC9A2/S/ty2MJV8fMMmt5a1c+bzqOrON2kCi7EBrpc31UOWtiY\nXJF2DWxgQ913SOLux/t0WOS0q392LbH+jV9UBW6KCwdzfaV1LYaQ2XHwuy9I\nX3O3\r\n=XFqu\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCICratxrODHjITeXCo15EvUZQmBWuj6mmSQa7hW1aR/qFAiEAxpKgADJyXZg4naoQRcgKips/2p1vPu7clV4Gt4ay7LY="}]},"maintainers":[{"name":"aditi.shah","email":"aditi.shah@enforce.agency"}],"_npmUser":{"name":"aditi.shah","email":"aditi.shah@enforce.agency"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/storybook-addon-figma-extended_0.1.0_1558073973259_0.3523801793515877"},"_hasShrinkwrap":false},"0.1.1":{"name":"@ecomponent/storybook-addon-figma-extended","version":"0.1.1","description":"Storybook addon for figma with light and dark theme","main":"dist/index.js","scripts":{"prepublish":"node .scripts/npm-prepublish.js","storybook":"start-storybook -p 9001 -c .storybook","test":"echo \"Error: no test specified\" && exit 1"},"keywords":["storybook","addon","figma"],"author":"","license":"MIT","devDependencies":{"@storybook/react":"3.2.12","@storybook/storybook-deployer":"^2.0.0","babel-cli":"6.26.0","babel-polyfill":"6.26.0","babel-preset-react-app":"3.0.3","react":"16.0.0","react-dom":"16.0.0"},"publishConfig":{"access":"public"},"gitHead":"0f07e615a09f29f4240e02559e97c148df3a4ff9","_id":"@ecomponent/storybook-addon-figma-extended@0.1.1","_nodeVersion":"10.15.2","_npmVersion":"6.9.0","dist":{"integrity":"sha512-3nTflrYDdp1kWxgKiR5IDgT0vgoLtrSIeeCwlUs2+v5WDMvg0FT+8LfiWFW0BcC/NQeHtGTBgWg7Y9u/58A0UQ==","shasum":"fd3aa598fb4dcf066ee560439c8bbfd01c8398d1","tarball":"https://registry.npmjs.org/@ecomponent/storybook-addon-figma-extended/-/storybook-addon-figma-extended-0.1.1.tgz","fileCount":6,"unpackedSize":15143,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJc3mGzCRA9TVsSAnZWagAA6zMP/0yK/J/r/EFp+PiX1QeV\nNOt8J41RAdxg0kZruYNC5EC/Po73H9X8ZLevPGIzV+DJO36cvIBJlSYMk2fM\nfvTKUm/NBWZtMWgOOLWQQizmTGBYHJJy7zOH2G8Zhwj7dbpYIwSbTzsTWby1\nRL8D3G5lmaFn+Acjedb56Rbnya8XhaggxL5bESRpEeKkpRYReVdqsmb6XbQ5\nMzn6EQe4YFXb32W/sEh0lhkod0FsBsANr1MLYGT7eHt0aEQeu5Yj2P0pZ+p9\nNwuY6wKcyGBlovU/aEmbbwfo+Fx5oT1N+jbcZMMZW1+d0hz3bycHv81xxlIo\nRz6iDMA7jLhkbSnrCLecflqv2IltuT3uM6Oqctlnb3m6x+eXkrcd62h4lEiw\npiorfduP0pPlxcyfh6C6NQVsIaRi8oz1QfVdA3/rymCtSw37QL3Cki0TE9x5\nXrG6c5+zWpKJxuJYpf0XYMtBluNNrvEvNoWP2r0ZyH0xIwxy1U5tBMP+yQTZ\npXAzqBjg2ShAdU3i4Ztk6wA6KbyaLL2VOrayLXre+vqzJyy/8elGm8Lx0lX3\nhU4Y8aEfmGHB4vjqfRaaNgN917pWBBNqcCAFNL3k00ORNNHNayByETFJrLMM\nOOFDVWSS8XuosfN1c55YONN9cKw+Yin0lis+6uEAyR6/pUYKeBwuhWssYNlx\nhyNp\r\n=FYh0\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIGQ/miWU4ZNPlLopJUX5KIEprzskWs0zMLbbfXnIA7Z7AiB5Jj68g6u1stWJtyxIRZvn8TvldLuZ1JwwUlVpGow8Cw=="}]},"maintainers":[{"name":"aditi.shah","email":"aditi.shah@enforce.agency"}],"_npmUser":{"name":"aditi.shah","email":"aditi.shah@enforce.agency"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/storybook-addon-figma-extended_0.1.1_1558077874651_0.21493029939819763"},"_hasShrinkwrap":false},"0.1.2":{"name":"@ecomponent/storybook-addon-figma-extended","version":"0.1.2","description":"Storybook addon for figma with light and dark theme","main":"dist/index.js","scripts":{"prepublish":"node .scripts/npm-prepublish.js","storybook":"start-storybook -p 9001 -c .storybook","test":"echo \"Error: no test specified\" && exit 1"},"keywords":["storybook","addon","figma"],"author":"","license":"MIT","devDependencies":{"@storybook/react":"3.2.12","@storybook/storybook-deployer":"^2.0.0","babel-cli":"6.26.0","babel-polyfill":"6.26.0","babel-preset-react-app":"3.0.3","react":"16.0.0","react-dom":"16.0.0"},"publishConfig":{"access":"public"},"gitHead":"0f07e615a09f29f4240e02559e97c148df3a4ff9","_id":"@ecomponent/storybook-addon-figma-extended@0.1.2","_nodeVersion":"10.15.2","_npmVersion":"6.9.0","dist":{"integrity":"sha512-MvPxoWfzpnvuWJt8yJpIww9dCtNWaPqa2uzHEq6UK7XnINEkc7U5iQg8qFs/aIaZZ71vluZsW9DHP48rFpY2Lw==","shasum":"3240d54494e553f15f9632eff63efe143cbe6ed4","tarball":"https://registry.npmjs.org/@ecomponent/storybook-addon-figma-extended/-/storybook-addon-figma-extended-0.1.2.tgz","fileCount":6,"unpackedSize":15641,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJc3mzDCRA9TVsSAnZWagAAlEkP/jwmNJTMOr+UbGWCBt+K\n7wXn1YXgx65ewvO77b0N39lQb13U7GQAOy0AlbvQBrmpvjanmehibs7XvhAW\n3rGik3KS5qL3KZQEEvPk5sIcQ+LXjha3+QzIamHg5n7JqGp3FrLyvE9Lk73d\nG7absy6VbNXuirrCOlViQygJxUpcVShsuPMjLgmWFjDxFdjm0WoAkiq2GqYz\nxWt/OiItjZkCFGKRiAq7nWMb2Vitr00Kf+aQURlTG6ZD6X9+tQCwm2sbqOyu\nIIUgu3nNqjOctWUGT+qoEWDJvsrM+lWUyut0QNKkxWlRreB2Zez9Tysmxx6C\nmsL6lWVdWjQoYPxLSQSJUzov1ojGNV1QD+/0Zi15WwByNzupoZTEcEGF5/A1\nZhRIgJ/dXw6MrtiAf5QnNPlYbtScviIClg6Cvl+PYUpKK64EyoA44a0Hf3CY\nPVrI4Fv6GA3dZmv1IvTLUhqd5vCeKLW2W2VAFkiFj+8AoyhCiHqAhN5IAFZi\ncseq+tVIAhteFBA8GvDNUEcZyJ/kh9Pnp+QLuj557MhZBo1w8rLZ4xRL1lAo\nvqbVTOkzOLKllOez4sOI/wxOFQbwLFp48lwRsFuUEN47Gw9bxhjfsBRirkWe\n1VuyLr6pbUtF+JpaI/w3IRAsRT7ac376dYvYcUCoPXIfXJ1yKgPhwOwmMcHx\nkuQH\r\n=lU9b\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIEsgg6rTCso2K+Rs8PTsEl1Qv2W/pV+opLTefHZ21ZeaAiEAsSB3oWOhXYRF7mZM6Li7ylp45D/vhy0NOyo2Owe6Qvs="}]},"maintainers":[{"name":"aditi.shah","email":"aditi.shah@enforce.agency"}],"_npmUser":{"name":"aditi.shah","email":"aditi.shah@enforce.agency"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/storybook-addon-figma-extended_0.1.2_1558080707085_0.4374892081188475"},"_hasShrinkwrap":false},"0.1.3":{"name":"@ecomponent/storybook-addon-figma-extended","version":"0.1.3","description":"Storybook addon for figma with light and dark theme","main":"dist/index.js","scripts":{"prepublish":"node .scripts/npm-prepublish.js","storybook":"start-storybook -p 9001 -c .storybook","test":"echo \"Error: no test specified\" && exit 1"},"keywords":["storybook","addon","figma"],"author":"","license":"MIT","devDependencies":{"@storybook/react":"3.2.12","@storybook/storybook-deployer":"^2.0.0","babel-cli":"6.26.0","babel-polyfill":"6.26.0","babel-preset-react-app":"3.0.3","react":"^16.0.0","react-dom":"16.0.0"},"publishConfig":{"access":"public"},"gitHead":"0f07e615a09f29f4240e02559e97c148df3a4ff9","_id":"@ecomponent/storybook-addon-figma-extended@0.1.3","_nodeVersion":"10.15.2","_npmVersion":"6.9.0","dist":{"integrity":"sha512-J/xYMykFnsZ2V+7sT9BlJ5rn/Z8YEmFqT0Bc1/ovJRHG7v0lPhYuXqEc8CcjMJceyu20UIBCXN/34eBaoQE4Rg==","shasum":"f5fe4a52c46c5fa96944f9c44dabad415e459753","tarball":"https://registry.npmjs.org/@ecomponent/storybook-addon-figma-extended/-/storybook-addon-figma-extended-0.1.3.tgz","fileCount":6,"unpackedSize":15636,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJc3m6dCRA9TVsSAnZWagAAtWoP/jNM80pH1AfU2TPIqni4\nHFhbZYgbI/KAarUbP5oy9iTe2TLDi3lqz7mKPjTeqYz+CdUQBs10UE76cwI0\n3bCw93Ev+Guf8xQx2pDkLeS+CU+I+gF34p6RyvCNuoau2BfYw4weIyg0hNs/\nM4Hw9WRtlyhAr28uiTHv3uueUoYZjRmTNL+CQEE8v0aZf/svT/XnThJ705wa\n+UOY8FYQyqacdTUBWSnO2mDDohSSSBra0fqelERLzmo5l+yLUteSCjc5vx3B\nwr4AyqLv9/jqJEZDO1Nvfizr12YN/SCiwroTQSjO1BTdCBDZ9+otYWsBajfJ\nnVYH1TPwGsrf8S4N5QRaQ+QsgnTaq9WWbRXj5YJ/wneoJvHubx7vlrYpXQ3E\n0M2UHF38GQAOkfQlI69jQh3+7DKRMFVMR1qVZHOBcYbjm7OZFrMdJQH7ARZP\nUsBzYxXkiWAln/oohTGDBxA9HWUksGuX6PbLrvWOfu34SzFRTcZkjoR31EyG\nw2PWKJEI8BfC+5L5uQieqMV/7dIbFNQ8vL3wdnnqTRGLVpYcl9pl3YHkWHs1\nb4L2IarUj7CcmetNW+Ip40XaOMX3Fdt5dFZBJtIIdQ89bvC2jQiHb7wOv3Rm\nPEwFiT3I88m2PjNLwC/qLvTbDxlJ3BtGWr4B/HPVbbgVWsYg196UhgR/kUsd\nCWJD\r\n=PkxL\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCjmQKv103/BXzuAJpbCIDK7SVCG8T8AIxIaJQ5x+sMQQIhALfSxAHGOgcYJfcxB9r6iVLysxvUX9qOYql4CFxiwR95"}]},"maintainers":[{"name":"aditi.shah","email":"aditi.shah@enforce.agency"}],"_npmUser":{"name":"aditi.shah","email":"aditi.shah@enforce.agency"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/storybook-addon-figma-extended_0.1.3_1558081180638_0.6671500980586069"},"_hasShrinkwrap":false},"1.0.0":{"name":"@ecomponent/storybook-addon-figma-extended","version":"1.0.0","description":"Storybook addon for figma with light and dark theme","main":"dist/index.js","scripts":{"prepublish":"node .scripts/npm-prepublish.js","storybook":"start-storybook -p 9001 -c .storybook","test":"echo \"Error: no test specified\" && exit 1"},"keywords":["storybook","addon","figma"],"author":"","license":"MIT","devDependencies":{"@storybook/react":"3.2.12","@storybook/storybook-deployer":"^2.0.0","babel-cli":"6.26.0","babel-polyfill":"6.26.0","babel-preset-react-app":"3.0.3","react":"^16.0.0","react-dom":"16.0.0"},"publishConfig":{"access":"public"},"gitHead":"1e39295ae78ff4baac1deb4b8034030db8f6d134","_id":"@ecomponent/storybook-addon-figma-extended@1.0.0","_nodeVersion":"10.15.2","_npmVersion":"6.9.0","dist":{"integrity":"sha512-3gnnOh7KNcCy1NsRhPV29TInsfqL1JC/cPJyYXnyNXo8S0zYUpz9aRyerwDz68/jZn0jdFjVryqVl5P9SpE1wQ==","shasum":"d42c3d95bb8514f8102821b9fd732be915976190","tarball":"https://registry.npmjs.org/@ecomponent/storybook-addon-figma-extended/-/storybook-addon-figma-extended-1.0.0.tgz","fileCount":6,"unpackedSize":14903,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJc3ofwCRA9TVsSAnZWagAAa+wQAIHByb9deuMbHGzGt1q/\nHU2mGKX5f1AuusHxXgyL1r4TA0WGospjNs3JvB2Sfy/kWpJT0qgScxElqDbA\nVFWwfmX/+AW11J3Famo0Dxi2c3a7Utfi70DBq1H+XBXJmYOtewUDXzvUswxT\nEWYdX8lll0RMZtPjM9CNogEBkLIHf/Kqnw2Xm9ONnoTlIPU0fiKjMBH7RvN2\nziMtdzQ7/CN5RsZlM8crqP7TjNDtQmRAXiO6pWNcEezkP/Y3sfrx95v9GL3u\nMfsxctLCh2LxGwTAgi7n+7h+svW7xjWVL27qVMgnGtgKJUw1ZoTdzRdCfCqX\n4XoSSOV0d9pxh5Rpnzx+6SP4ZRoog+GtC5ovOYH3T45l9Vc/D2UaRP9XIwF3\n1ne4IKyBlXMJeWKq2ZIKayubxIkcLZ2DZiCMQVtfWYUFPkWqRqWyxZqliTVL\n0NzaMCD6rvlM7PbDyAPsD6KzxfbykLTYpQDH1nlR5aiSAJpGl+Ej8LxpZPJ5\niHYlDpkEbnSBVQs3UH7lNe/U9sJEWsrFd9VHPQPA4TzyTVM94n86S6/YuxCt\nzfxftqVfW7LRtLQW2e/1c2vLoGsTKuB9NK9CDRk1y98+XXQBQRDN/f62tEwL\n0juiAixWNhuJ0opLc9Gj9MXY3aSt0fGOlis4fTnYn0cZyVPpYUWFvNO1Bp85\n0tmS\r\n=g0VW\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCVweh31bDPnMDydNxyu1CU7aT6//O8FLlnyKEa0BmQsAIhAKYnNK6zw1Hf/dEYGQMk1NDizDhjZuNnaHTssu9n9KWW"}]},"maintainers":[{"name":"aditi.shah","email":"aditi.shah@enforce.agency"}],"_npmUser":{"name":"aditi.shah","email":"aditi.shah@enforce.agency"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/storybook-addon-figma-extended_1.0.0_1558087663803_0.17070774607665107"},"_hasShrinkwrap":false}},"time":{"created":"2019-05-17T06:19:33.070Z","0.1.0":"2019-05-17T06:19:33.391Z","modified":"2022-04-05T06:38:37.656Z","0.1.1":"2019-05-17T07:24:34.877Z","0.1.2":"2019-05-17T08:11:47.233Z","0.1.3":"2019-05-17T08:19:40.774Z","1.0.0":"2019-05-17T10:07:43.944Z"},"maintainers":[{"name":"aditi.shah","email":"aditi.shah@enforce.agency"}],"description":"Storybook addon for figma with light and dark theme","keywords":["storybook","addon","figma"],"license":"MIT","readme":"# storybook-addon-figma with extending light and dark theme\n\n## Quickstart\n\nInstall the addon\n\n```sh\nnpm i --save-dev @ecomponent/storybook-addon-figma-extended\n```\n\nRegister the plugin\n\n```jsx\n// in .storybook/addons.js\nimport '@storybook/addon-actions/register'\n// register the Figma addon\nimport '@ecomponent/storybook-addon-figma-extended/register'\n```\n\nLink a Figma design to your story\n\n```jsx\nimport React from 'react'\nimport { storiesOf } from '@storybook/react'\nimport { WithFigma } from 'storybook-addon-figma'\n\nstoriesOf('Button')\n  .addDecorator(figmaLightDecorator({\n    urllight: 'https://www.figma.com/embed?embed_host=share&url=https%3A%2F%2Fwww.figma.com%2Ffile%2FLtDkaiW5hZhZhZbKEkPyZ9Pk%2FTesting-1%3Fnode-id%3D425%253A552',\n    allowFullScreen: true\n  }))\n  .addDecorator(figmaDarkDecorator({\n    urldark: 'https://www.figma.com/file/LKQ4FJ4bTnCSjedbRpk931/Sample-File',\n    allowFullScreen: true\n  }))\n  .add('With Figma', () => (\n      <button>My Button</button>\n  ))\n```\n\n## Show Figma design in right panel\n\nIf you find that the Figma panel at the bottom is not big enough to fit your designs, it is possible to move the panel to the right of the window instead, where it is possible to give it more space. This requires the [@storybook/addons-options](https://github.com/storybooks/storybook/tree/master/addons/options) addon. Note however that it is only possible to do this for **all** stories at once, and will move all addon panels to the right. A simple setup is shown here.\n\nInstall the addon\n\n```sh\nnpm install --save-dev @storybook/addon-options\n```\n\nRegister the options addon in your `addons.js`\n\n```jsx\n// in .storybook/addons.js\nimport '@storybook/addon-actions/register'\nimport '@ecomponent/storybook-addon-figma-extended/register'\n// register the options addon\nimport '@storybook/addon-options/register';\n```\n\nImport and use the `setOptions` function in your `config.js` file\n\n```jsx\n// in .storybook/config.js\nimport * as storybook from '@storybook/react';\n// import the options function\nimport { setOptions } from '@storybook/addon-options';\n\n// set option to show panel in right side\nsetOptions({\n  downPanelInRight: true,\n});\n\nstorybook.configure(() => require('./stories'), module);\n``` \n","readmeFilename":"README.md"}