{"_id":"@beisen/storybook-addon-viewport","_rev":"9-1238b391071d216aee0652ed369de356","name":"@beisen/storybook-addon-viewport","dist-tags":{"latest":"4.0.0-rc.3"},"versions":{"1.0.0":{"name":"@beisen/storybook-addon-viewport","version":"1.0.0","description":"Storybook addon to change the viewport size to mobile","keywords":["addon","storybook"],"homepage":"https://github.com/storybooks/storybook/tree/master/addons/viewport","publishConfig":{"access":"public"},"bugs":{"url":"https://github.com/storybooks/storybook/issues"},"repository":{"type":"git","url":"git+https://github.com/storybooks/storybook.git"},"license":"MIT","main":"preview.js","scripts":{"prepare":"node ../../../scripts/prepare.js"},"dependencies":{"@storybook/addons":"4.1.0-alpha.4","@storybook/components":"4.1.0-alpha.4","@storybook/core-events":"4.1.0-alpha.4","global":"^4.3.2","prop-types":"^15.6.2","util-deprecate":"^1.0.2"},"peerDependencies":{"react":"*"},"_id":"@beisen/storybook-addon-viewport@1.0.0","_npmVersion":"6.1.0","_nodeVersion":"10.7.0","_npmUser":{"name":"beisencorp","email":"ci@beisen.com"},"dist":{"integrity":"sha512-3Ua0TkXaakQ6K8UxZ1O6dGfYYYv1Mcklvuik55XIMyVq8S4sl1R9psU3gPpHHaEHgpyTDF2/Hf0d4SYetxClQQ==","shasum":"f1f314988b933a5fbd1688be0bafa4287f61bd18","tarball":"https://registry.npmjs.org/@beisen/storybook-addon-viewport/-/storybook-addon-viewport-1.0.0.tgz","fileCount":26,"unpackedSize":264194,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJcB/zcCRA9TVsSAnZWagAArsoQAJD1wPem2k5aGcQEbj6B\nKbtg65M4g0RCQw5a8hu6V0G8lu/IZTCBmvOFIZKG93urr8L5wOyXt0Yj80qL\noHbddqk70MFkpRrxx2CJJW0wvOZHDED9vxKkZYGcTx/TsXGSnmR6HQOXNAFf\n7f6/Eh+q6IRCyvvDOb68aJ50j3PkjtDnq9ltMADO9jBxHwNj2Qzj6NciN3sN\nBYAU9R/Vr7h8WyIbJ4HkC+xoGrqcN9YVr49yHBOz7T/eLlLgF51qANufwD/3\n2kpuP5yw0cZQRI8Com6yW0ISibt7WFAj9XAysSF30KrJZwLWZoLNjYHCRxS+\nFov8VAQPXn0hNqA3ksxZDnwfB0Mnk58Ttp41WIwR3RnTPHEQ1C/9H0Uhz9Rx\nPGWPvW19Sym3hSubCwqxTEbZDOUPMN1dFj3cWHLNSSfnyBZuq517Fjj27WbP\nSUDjN5pRjEedBXjEioLJs1qorMsWgBeJJixIWldDkRIZ6+BI7JW6y0BITGkH\nS7v2G0eEkPj+rwTOMtTwggf0hSVltz7ei5PwuR2LC1baq+wMHK2x8kDYFCnT\nU8opRSuJSEcXl2VaVIvnY7BATC2N+mr8weDrMSBwXpPtGUnjXqpPKiGP5SZd\nC30tFm0jsLt9ByDg9QNz6Fzr5lXeMBw06EtPwEcQQLW7GmnkaJziBUvX8Fx8\nLEB0\r\n=OgR4\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIASEXxli2YOMAYgHbgMgRmpwoMG5QZOeo2HZV5ezyJ00AiBF6ld67BsHKcuflNwJ/9KMY0CyFCxZK5X0jOVwIV9O1g=="}]},"maintainers":[{"name":"beisencorp","email":"ci@beisen.com"},{"name":"lgm","email":"it1011@qq.com"},{"name":"neozw","email":"lihegaozhong@gmail.com"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/storybook-addon-viewport_1.0.0_1544027355409_0.17647683506519618"},"_hasShrinkwrap":false},"4.0.0":{"name":"@beisen/storybook-addon-viewport","version":"4.0.0","description":"Storybook addon to change the viewport size to mobile","keywords":["addon","storybook"],"homepage":"https://github.com/storybooks/storybook/tree/master/addons/viewport","publishConfig":{"access":"public"},"bugs":{"url":"https://github.com/storybooks/storybook/issues"},"repository":{"type":"git","url":"git+https://github.com/storybooks/storybook.git"},"license":"MIT","main":"preview.js","scripts":{"prepare":"node ../../../scripts/prepare.js"},"dependencies":{"@beisen/storybook-components":"4.1.2-rc.3","@emotion/styled":"^10.0.0","@storybook/addons":"4.1.0-alpha.4","@storybook/core-events":"4.1.0-alpha.4","global":"^4.3.2","prop-types":"^15.6.2","util-deprecate":"^1.0.2"},"peerDependencies":{"react":"*"},"_id":"@beisen/storybook-addon-viewport@4.0.0","_npmVersion":"6.1.0","_nodeVersion":"10.7.0","_npmUser":{"name":"beisencorp","email":"ci@beisen.com"},"dist":{"integrity":"sha512-r5xumtl0cKBLHeYtcq4boUpi4XUeSTK3sILoeHjLoo0qkvDBbIADiaaY18FbDHcnBNXkkaC4vet3Sbz/w3tBPw==","shasum":"fc6347376407fb92a7bcef7a7ec560516bd922f4","tarball":"https://registry.npmjs.org/@beisen/storybook-addon-viewport/-/storybook-addon-viewport-4.0.0.tgz","fileCount":26,"unpackedSize":264432,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJcfhBZCRA9TVsSAnZWagAAhCoP/0OGV4Y6NaK1P1As0/u3\nwNMiNGXHMfAV536hnYNIY29RPJBb/jf5uHmj140fo4jzhVyFm5+Y5hXVdr3z\nczSiY0Ey/z2zGh8eFRKvOO/XpwisXcaJc6J+L3aS/YTZyuJ62/RpgzuPJQwx\njkT7d2LnjviD6HFyLIfSM3mZGVq4Qx7hTL3V1oRrplYdWF9/2H26Gj9IvUvy\nVBkoePfOoIX6IVTYi3IHZfodt/VVIZXSuOLQt1kL+qdXuk2BI1n4bp8diqE/\nsW0EPYqfKFOUZhWm8vg8f1OI3H4Cd1L2b0uisHNxmGEVzvKTckicLlArL/iv\no7sGyBm8VWg+kjJYxW+4aG6YrOk8i9MT7DKGsmvqev6OlS3a2uHN3eicvRGp\n0HVu1kw0Z6Z0KsZuUASrmPUtpuFxrfYexjVfwHHXCip7B6SgF3MeZof8jiwS\nPS6U61/qEyg8B2tF0FpSmLYkNMxnL+HROBXNqjJ2vTJAbscus6hAvYVd7qh9\nMeY0of7nouLBieOHGJScnV13CE8ioV5/QU3ScZDNYSaxaphEsbd8fKsONdxG\nlog1p6N5QUTH+juw8zSD7c46PVVDYdOcZQYsm4eLljMPw6Pm6ym6sCz6exVz\nHxcqdqAMRvFIXEo+jQZQ2TLYiibubZ0z5rqSFX8LAKAf7c+DDoj5EJLHTX2G\nV4+u\r\n=c858\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIEpEVPVNUB7XPHNqvpEBIkXjq8hn41C2llDIQB+pkJn6AiEAv8Ga1CRQeIUg4XbSdZbr5WVNJIKAFgFnVFMsyuVX528="}]},"maintainers":[{"name":"beisencorp","email":"ci@beisen.com"},{"name":"lgm","email":"it1011@qq.com"},{"name":"neozw","email":"lihegaozhong@gmail.com"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/storybook-addon-viewport_4.0.0_1551765592664_0.11157806273164739"},"_hasShrinkwrap":false},"4.0.0-rc.1":{"name":"@beisen/storybook-addon-viewport","version":"4.0.0-rc.1","description":"Storybook addon to change the viewport size to mobile","keywords":["addon","storybook"],"homepage":"https://github.com/storybooks/storybook/tree/master/addons/viewport","publishConfig":{"access":"public"},"bugs":{"url":"https://github.com/storybooks/storybook/issues"},"repository":{"type":"git","url":"git+https://github.com/storybooks/storybook.git"},"license":"MIT","main":"preview.js","scripts":{"prepare":"node ../../../scripts/prepare.js"},"dependencies":{"@beisen/storybook-components":"4.1.2-rc.3","@emotion/styled":"^10.0.0","@storybook/addons":"4.1.0-alpha.4","@storybook/core-events":"4.1.0-alpha.4","global":"^4.3.2","prop-types":"^15.6.2","util-deprecate":"^1.0.2"},"peerDependencies":{"react":"*"},"_id":"@beisen/storybook-addon-viewport@4.0.0-rc.1","_npmVersion":"6.1.0","_nodeVersion":"10.7.0","_npmUser":{"name":"beisencorp","email":"ci@beisen.com"},"dist":{"integrity":"sha512-hOfGQ67NglgjQ7XoBLR9QDMEIzdiI4jNGTtIsyK71ALLVern0Rj0SbN/Usx7pjD08e1VXeNdmyu5KGsQD5OYkQ==","shasum":"fde5130d0ea9e4067fe88d75df59a56759d9dea4","tarball":"https://registry.npmjs.org/@beisen/storybook-addon-viewport/-/storybook-addon-viewport-4.0.0-rc.1.tgz","fileCount":26,"unpackedSize":264528,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJcfhG9CRA9TVsSAnZWagAAFKIP/iVAuLEUav9jANrCG2pb\n0w3OvoCj5aP5SraPQAIf7YD3R0NOjNuicHEP/Yx1buaNFPnmthNaSWFWnI8e\nDFWb7m74NSz5dIBEu+0g35cX2eNzL+91cWAt3uEOB/p+/bEMQOvGodR+0HTm\nMdFFc7+KhuiwKYzneyDp9LSbskVwo1fQrVttV5mCu9FPfgMdUJh2bHLdhvr3\n0TLwfSqZI59JD7u5crDposvtK3jQsAZfA1sDz2UVm92/aPmyqXL0A9k/3BbH\n7+LSE9FC5vCUVaFeippYPY23IwLlRyboeegfou0KL3uxacXJKi04VQSc4kn0\n7NyFO2tfQpXBSJi5f4mU8drVBJtWCnoR0E4531ugeBnTMKYoL1aZgLxPobat\nnwJ06Q6TFHch27XJDWtBm0R77Z28amrDo1XmqaD8Q27EP3ALhCw7Yp079TAm\nEDaeUPF7FhPe7P1acLkcticD/Qe6mO13uF3+/TE3ymFJvpvl5MZJKMF7TpL3\nFZnqYm/TS2DYiS78Ypclfmip+UfyFQPUrvJQenxWv/l/G5UekzRxR0Cy3EKX\nKi/NqH1uKizGjPaurYL+Gd47t6HT6I1BEAcJHhD/nYnDpidNwPQOTzpT7Vb5\nPhfLqUkJZJJpFdsF/aAgyLH1gQRlVDnGEZyaNbGXq4mCEg095xUuUcTzrYAj\nW8Gq\r\n=ntc0\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIA3giThAvt0HKTRtLM+stYyg6Xotq792AaSecxerKB2bAiEA8tC1mQkptAsITdc1dwUGVmYzqe506G8c4oAlGIAuWW0="}]},"maintainers":[{"name":"beisencorp","email":"ci@beisen.com"},{"name":"lgm","email":"it1011@qq.com"},{"name":"neozw","email":"lihegaozhong@gmail.com"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/storybook-addon-viewport_4.0.0-rc.1_1551765948725_0.883492072180105"},"_hasShrinkwrap":false},"3.0.0":{"name":"@beisen/storybook-addon-viewport","version":"3.0.0","description":"Storybook addon to change the viewport size to mobile","keywords":["storybook"],"license":"MIT","main":"register.js","scripts":{"prepare":"node ../../../scripts/prepare.js"},"dependencies":{"@beisen/storybook-components":"4.1.2-rc.3","babel-runtime":"^6.26.0","global":"^4.3.2","prop-types":"^15.6.1"},"peerDependencies":{"@storybook/addons":"^3.3.0","react":"*"},"_id":"@beisen/storybook-addon-viewport@3.0.0","_npmVersion":"6.1.0","_nodeVersion":"10.7.0","_npmUser":{"name":"beisencorp","email":"ci@beisen.com"},"dist":{"integrity":"sha512-ZXA+fUjBDRYFgQfRMjBrZQtrOBnSUJxJcJI39V0rPcB1m1Xjrbsbjfo2zgvymilAOaRdSWi4ckfdhPY9NJKHgA==","shasum":"9264b755ee1b94f37b43a42997752424c32879a9","tarball":"https://registry.npmjs.org/@beisen/storybook-addon-viewport/-/storybook-addon-viewport-3.0.0.tgz","fileCount":27,"unpackedSize":242497,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJcfhIDCRA9TVsSAnZWagAAdSwP/0OlBBhhgYcW+sdDswYC\nSMFUpt860SGBl6+08gSxMI0IGhqLSPiEfpmyikUUjXVuiFfMgyyYqhvY427k\nn94+78QsipM2pzekzkTJvqE/IPDIuc3z0bEAWYp88NQdVHeU2HFsdjSnZ99E\ng0b0tPH9bah4jQTguEOwoisfwuW85vRKGALcLJ4OTbvX5gm7ywYvx4iwsoZ3\nOIuioLP/I177sQRBJsDlv9mSD8p3/w/vNtLj30o3Dg7OVAObI9wZAszA/iXi\nE0j9tOBMyZ0EuQdJOQK+WRlY1ll2tkPx01yWqHOE5umpci16rsnUxRQJAvVp\nhR8cC4PN+47BIMppi3kvgbDbk9UyHPmzJMtvbGf03cMMCVSSkaOU5x1FG01H\nDbuv7B6EODNmMkRmTB7I2jdhg/wytn1RQdaY32BEnYE4E1Lo/+OJ7TSMppos\nPCkkkl4QNvN8RG0phoZVPO9001G3VhcL1dJGWfanuqtw6zA/48PbBiMZc96i\nYWrxrnU9o6VwYAV3hnuKfOdJcr4fS8c9VTI2qBkrRCe1ARpHRBa/SQ0sn1Fj\nPkRnHjabAuZ2K4DEwzxAe0hsSGlJ2Ys7lEzKPa3I8KaEzRDDiH6w3YH6SNb3\nze6CK0+lzhdNZV3cBug94i4LTUchfd6Ytx8pAln4HUhlL1zO+3V7Mo2sFO7d\nCrOs\r\n=4GOE\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDJ1aYQLO1KarnlW7a7ws/yHC50gW+FMLioEjjTij+LRAIhAMgv5A+S6A75p+AuJH8Et7F5dwp6Wm0C6+qMcxDafjWV"}]},"maintainers":[{"name":"beisencorp","email":"ci@beisen.com"},{"name":"lgm","email":"it1011@qq.com"},{"name":"neozw","email":"lihegaozhong@gmail.com"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/storybook-addon-viewport_3.0.0_1551766018244_0.6693680240571149"},"_hasShrinkwrap":false},"3.0.0-rc.1":{"name":"@beisen/storybook-addon-viewport","version":"3.0.0-rc.1","description":"Storybook addon to change the viewport size to mobile","keywords":["storybook"],"license":"MIT","main":"register.js","scripts":{"prepare":"node ../../../scripts/prepare.js"},"dependencies":{"@beisen/storybook-components":"4.1.2-rc.3","babel-runtime":"^6.26.0","global":"^4.3.2","prop-types":"^15.6.1"},"peerDependencies":{"@storybook/addons":"^3.3.0","react":"*"},"_id":"@beisen/storybook-addon-viewport@3.0.0-rc.1","_npmVersion":"6.1.0","_nodeVersion":"10.7.0","_npmUser":{"name":"beisencorp","email":"ci@beisen.com"},"dist":{"integrity":"sha512-7j9HAvdsl6ybYp9FE7RYfZHmKynONftSdtBv9EGKj/vi3ycXYLj4JZ2pcUAhaoCTNnlN1fCtQ5kXg+IQWWPjvA==","shasum":"176d614442aa09f236b91a8714c8a097ac88a6a8","tarball":"https://registry.npmjs.org/@beisen/storybook-addon-viewport/-/storybook-addon-viewport-3.0.0-rc.1.tgz","fileCount":27,"unpackedSize":242534,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJcfhIjCRA9TVsSAnZWagAAhfMQAKGrS/rxj5s68CeS9E05\nkrvhTyFNSUWE2or9VJsNOeoHyL8Pbl+8n1PmFz6GGC7RlwQPLYvxaJMlXcIW\nq/XeosUZtzvJyCAJb/Soqh4aIQwFTeMNzfM5KY+gR/GkPreE1r5/Qn5Bu4g/\n0vOJsAJysaqhiK7MWPIJkWGlkZrNv4HAvgKDWQ0vr75xhN6Z9AEOHjkjE1G2\nkA03U9zF1/mqGEGrGB65XXnqOFxKhSmYPkV2NHkriNB16enU2cK+0eIV5bSZ\nBgELsbHj6QKXvEQps8IB1nfd2OIb+Hwoz5staE6Kx6W1XSG3QyG91s4fcvhC\n/a74HgbYHITU0GTPLqgCp9vbWWhy034Zrpjdvvwkl02uB5PZsyvixQOdczgR\nO+LYw/c2a0ZlkpM9N+MRpJA1OMM7BuyNYfrqOZunJ7yY1th7y26Tf8eoeRhi\n6yC8EqgO7iUchvJwbeP4im58k396ZiYZBUvtjGad2ggHRPJLgXQNXynPDmDi\n2GQxkvLarXiDLtEJ4/goeLqLIz1NbJMj1NdSo1/Oc7AYPeuetMbL930OFAME\nt5Ep8ewU81G6T+BSqOv9hgCO5wihBff3kE88/A1p2fRtMjz9Ip8GbDDl6xe1\ncn4iFoTkuiCsUFNtGYGc4hjvDJ7/hz90tCqmI6kXTH4plb4ffZLrXHFyIcXS\nrpcR\r\n=piCt\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIH60cVMWSSebUb92BRjgZpwAgRXNSN2JaQtQfkbWDhciAiAiD8sJynT0Ow04m2VqdQcJyyYvTe8vIruD0uArPMGxsQ=="}]},"maintainers":[{"name":"beisencorp","email":"ci@beisen.com"},{"name":"lgm","email":"it1011@qq.com"},{"name":"neozw","email":"lihegaozhong@gmail.com"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/storybook-addon-viewport_3.0.0-rc.1_1551766051040_0.9522856942948199"},"_hasShrinkwrap":false},"4.0.0-rc.2":{"name":"@beisen/storybook-addon-viewport","version":"4.0.0-rc.2","description":"Storybook addon to change the viewport size to mobile","keywords":["addon","storybook"],"homepage":"https://github.com/storybooks/storybook/tree/master/addons/viewport","publishConfig":{"access":"public"},"bugs":{"url":"https://github.com/storybooks/storybook/issues"},"repository":{"type":"git","url":"git+https://github.com/storybooks/storybook.git"},"license":"MIT","main":"preview.js","scripts":{"prepare":"node ../../../scripts/prepare.js"},"dependencies":{"@beisen/storybook-components":"4.1.2-rc.4","@emotion/styled":"^10.0.0","@storybook/addons":"4.1.0-alpha.4","@storybook/core-events":"4.1.0-alpha.4","global":"^4.3.2","prop-types":"^15.6.2","util-deprecate":"^1.0.2"},"peerDependencies":{"react":"*"},"_id":"@beisen/storybook-addon-viewport@4.0.0-rc.2","_npmVersion":"6.1.0","_nodeVersion":"10.7.0","_npmUser":{"name":"beisencorp","email":"ci@beisen.com"},"dist":{"integrity":"sha512-qT3dJT1VgyFSdKlszTsH0iNyo+8Gji/WTaWuR0ZrL4j5v4mSCbuqPeiFBGucbcIClSfrrkYoozOUtfcFTpNI1Q==","shasum":"40930fc1eb69683f26e60d8c5e5cbe1e53645f61","tarball":"https://registry.npmjs.org/@beisen/storybook-addon-viewport/-/storybook-addon-viewport-4.0.0-rc.2.tgz","fileCount":26,"unpackedSize":264528,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJcfhlRCRA9TVsSAnZWagAA/DwP/3Y4bThgI6HMcTs0fnZ3\naBkb1tfZSvnXwtwowr1wXBwkrLMxJawfjYgdSIO6O+b0VRF8Cea1xpI2Ajk3\n+8Mm9hRHixULENavvbJEh88mMLrst2vdFYi7imXkTTwlDAuQvLsiBQHsW/e6\nLIm0tFg3hAGOSARNolDAZmj3HBUfC5tfI3bOGOYj7ETmGDU/No0sq2vsGlyX\nHobDQnSx8g41pA63HqrjAIXIJK1TS9cD/G0wcDflHaannCYOaKycTLgG7dZH\nZUpK8wt1+uwwIvGVtwGFJzJnYYyUX6migsv8mERm4BBn+lqfWCt0wNJjF3xB\nscgVTMQkonFItxdjS/W9KdJbZlkq2qlhCkl3iXPEbuLeOnUwThRRJo8EHC7d\nwKY0gxpH5Oq3PuaQoSGgg2dcKhW0Eq8QSKzZ/nnxx/ZA/QiosK/6LNg4OCip\n3fIzwtQ8mOsdcIv93can7u+gH6i0nJMwLGJVjc0d5jHT0u8c8NwyoAhL4CNv\nAiBIf3mvl2O5PxNZxTRRYI0GYGke7a2h5G8LZeBQ7VS+5Cp6JjulXsjlnD6z\nZNnRrafjS17nSJ9cAS2FfVWXRMzSmaCAeB/23yJprvqG04A2U1nsw94vOF+R\nvOSqcsvlhvcElxriNHk5mhXn5cEVHtgJZLL6zbgl/BVHAwVpakRx2nhSLzlj\nsdqM\r\n=G6pa\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDoXiHJAGUdDAtK5MVIF9J0F6Rz+77YEKXhBCWadO7zsgIhAM1gKxELweiYICtgtMIeH1AdghkiuS9G8rzz+us21maj"}]},"maintainers":[{"name":"beisencorp","email":"ci@beisen.com"},{"name":"lgm","email":"it1011@qq.com"},{"name":"neozw","email":"lihegaozhong@gmail.com"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/storybook-addon-viewport_4.0.0-rc.2_1551767888724_0.7374419392186298"},"_hasShrinkwrap":false},"4.0.0-rc.3":{"name":"@beisen/storybook-addon-viewport","version":"4.0.0-rc.3","description":"Storybook addon to change the viewport size to mobile","keywords":["addon","storybook"],"homepage":"https://github.com/storybooks/storybook/tree/master/addons/viewport","publishConfig":{"access":"public"},"bugs":{"url":"https://github.com/storybooks/storybook/issues"},"repository":{"type":"git","url":"git+https://github.com/storybooks/storybook.git"},"license":"MIT","main":"preview.js","scripts":{"prepare":"node ../../../scripts/prepare.js"},"dependencies":{"@beisen/storybook-components":"4.1.2-rc.4","@emotion/styled":"^10.0.0","@beisen/storybook-addons":"4.0.0","@storybook/core-events":"4.1.0-alpha.4","global":"^4.3.2","prop-types":"^15.6.2","util-deprecate":"^1.0.2"},"peerDependencies":{"react":"*"},"_id":"@beisen/storybook-addon-viewport@4.0.0-rc.3","_npmVersion":"6.1.0","_nodeVersion":"10.7.0","_npmUser":{"name":"beisencorp","email":"ci@beisen.com"},"dist":{"integrity":"sha512-KCtAkQ4HGpeIqWzBWJrPFtQxi3gauEFs3uHUgikRuZp/urcaH7aEsP2gZVi2NeNLjcfQRm82DQBrGJyxDXWXbg==","shasum":"6bf48c55e2f1780c8c02ba6f892f8813811807fd","tarball":"https://registry.npmjs.org/@beisen/storybook-addon-viewport/-/storybook-addon-viewport-4.0.0-rc.3.tgz","fileCount":26,"unpackedSize":264687,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJcfiJTCRA9TVsSAnZWagAAIDIP/iRgVS2wkzd2emR54NcI\nFvNbZGyzJYLbw1woGi+GPWuatptbTDjxENFLyudPoLmsg0pBHJ4WMGW5h2ja\nVVyxNk8kHPu/bnUAJDho6gcrE6KOcBRLQWfrC0lZHyK4YPKxJk79o8ucfu6F\nGBszHoicIvKv5Lic3TRKTXK+f5OepmZMVoCCyNdz93P2vDl+pVIt8+IUVYOl\n0kNcANq0JQExIqgntFEfjice9ClmyWJRJXv0pO1ibNvGGKQg971J2m1DbCwX\nh0/cduI6kpDp8vrE6SUfvOBx9cIalfNoOWntjPw3toH38xHH1RNyKWjuRcch\nQ5kDrb0NGrnF5NN5zkynynHe6t337uCcxYB/kIRDVnVAm1Vpd1tbCZBLebJh\nnG+RnwMnRc/L0HgQaB6Lp5rvAPDrBZuCP92nawl1fwRdHnbKW7nsX3IZYEFR\nqmDJ/4UDIIvhidtJjw891ZDX0pfZSxepvCYo8SlgtJV/PF2mzbdM08Vu4o8M\n8fSlb2MMyIeG88GYUp/5e/3kN7rXUonD8GtVLn64jD4jLH7+bplDOpVoBaLy\n0M/IcrsLvJA3E00WYlKT7xoehOHfyvUwgJoc3IrUdkD980X1X63w9Ihzapmj\n/hJqOloTGmvno9Nde0ZLnh4C3cp/bJf8N/5ZNoBfoPWdLeDa+OrDgGSUPShy\n0HmM\r\n=paOi\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQClH6rKbQ43jc2Rb1TorJxz6uZ+0OGP1clKY1MD1KWgYQIhAOKbL6fL4xhHth0+vGPuBhvXEoYIylxpxr6P7jgrnWr6"}]},"maintainers":[{"name":"beisencorp","email":"ci@beisen.com"},{"name":"lgm","email":"it1011@qq.com"},{"name":"neozw","email":"lihegaozhong@gmail.com"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/storybook-addon-viewport_4.0.0-rc.3_1551770194518_0.5610678519169685"},"_hasShrinkwrap":false}},"time":{"created":"2018-12-05T16:29:15.275Z","1.0.0":"2018-12-05T16:29:15.612Z","modified":"2022-04-04T18:19:18.370Z","4.0.0":"2019-03-05T05:59:52.887Z","4.0.0-rc.1":"2019-03-05T06:05:48.929Z","3.0.0":"2019-03-05T06:06:58.429Z","3.0.0-rc.1":"2019-03-05T06:07:31.233Z","4.0.0-rc.2":"2019-03-05T06:38:08.953Z","4.0.0-rc.3":"2019-03-05T07:16:34.673Z"},"maintainers":[{"email":"albertzhang.pro@gmail.com","name":"albert-zhang"},{"email":"liugenpeng@beisen.com","name":"liugenpeng"},{"email":"ci@beisen.com","name":"beisencorp"},{"email":"it1011@qq.com","name":"lgm"},{"email":"lihegaozhong@gmail.com","name":"neozw"}],"description":"Storybook addon to change the viewport size to mobile","keywords":["addon","storybook"],"license":"MIT","readme":"# Storybook Viewport Addon\n\nStorybook Viewport Addon allows your stories to be displayed in different sizes and layouts in [Storybook](https://storybook.js.org).  This helps build responsive components inside of Storybook.\n\n[Framework Support](https://github.com/storybooks/storybook/blob/master/ADDONS_SUPPORT.md)\n\n![Screenshot](https://github.com/storybooks/storybook/blob/master/addons/viewport/docs/viewport.png)\n\n## Installation\n\nInstall the following npm module:\n\n```sh\nnpm i --save-dev @storybook/addon-viewport\n```\n\nor with yarn:\n\n```sh\nyarn add -D @storybook/addon-viewport\n```\n\nThen, add following content to .storybook/addons.js\n\n```js\nimport '@storybook/addon-viewport/register';\n```\n\n## Configuration\n\nImport and use the `configureViewport` function in your `config.js` file.\n\n```js\nimport { configureViewport } from '@storybook/addon-viewport';\n```\n\n### defaultViewport : String\n----\nSetting this property to, let say `iphone6`, will make `iPhone 6` the default device/viewport for all stories. Default is `'responsive'` which fills 100% of the preview area.\n\n### viewports : Object\n----\nA key-value pair of viewport's key and properties (see `Viewport` definition below) for all viewports to be displayed. Default is [`INITIAL_VIEWPORTS`](src/shared/index.js)\n\n#### Viewport Model\n```js\n{\n  /**\n   * name to display in the dropdown\n   * @type {String}\n   */\n  name: 'Responsive',\n\n  /**\n   * Inline styles to be applied to the story (iframe).\n   * styles is an object whose key is the camelCased version of the style name, and whose\n   * value is the style’s value, usually a string\n   * @type {Object}\n   */\n  styles: {\n    width: '100%',\n    height: '100%',\n  },\n\n  /**\n   * type of the device (e.g. desktop, mobile, or tablet)\n   * @type {String}\n   */\n  type: 'desktop',\n}\n```\n\n## Decorators\n\nSometimes you want to show collection of mobile stories, and you know those stories look horible on desktop (`responsive`), so you think you need to change the default viewport only for those?\n\nHere is the answer, with `withViewport` decorator, you can change the default viewport of single, multiple, or all stories.\n\n`withViewport` accepts either\n* A `String`, which represents the default viewport, or\n* An `Object`, which looks like\n```js\n{\n  name: 'iphone6', // default viewport\n  onViewportChange({ viewport }) { // called whenever different viewport is selected from the dropdown\n\n  }\n}\n```\n\n## Examples\n\n### Basic Usage\n\nSimply import the Storybook Viewport Addon in the `addons.js` file in your `.storybook` directory.\n\n```js\nimport '@storybook/addon-viewport/register'\n```\n\nThis will register the Viewport Addon to Storybook and will show up in the action area.\n\n\n### Use Custom Set of Devices\n\nThis will replace all previous devices with `Kindle Fire 2` and `Kindle Fire HD` by simply calling `configureViewport` with the two devices as `viewports` in `config.js` file in your `.storybook` directory.\n\n```js\nimport { configureViewport } from '@storybook/addon-viewport';\n\nconst newViewports = {\n  kindleFire2: {\n    name: 'Kindle Fire 2',\n    styles: {\n      width: '600px',\n      height: '963px'\n    }\n  },\n  kindleFireHD: {\n    name: 'Kindle Fire HD',\n    styles: {\n      width: '533px',\n      height: '801px'\n    }\n  }\n};\n\nconfigureViewport({\n  viewports: newViewports\n});\n```\n\n\n### Add New Device\n\nThis will add both `Kindle Fire 2` and `Kindle Fire HD` to the list of devices. This is acheived by making use of the exported [`INITIAL_VIEWPORTS`](src/shared/index.js) property, by merging it with the new viewports and pass the result as `viewports` to `configureViewport` function\n\n```js\nimport { configureViewport, INITIAL_VIEWPORTS } from '@storybook/addon-viewport';\n\nconst newViewports = {\n  kindleFire2: {\n    name: 'Kindle Fire 2',\n    styles: {\n      width: '600px',\n      height: '963px'\n    }\n  },\n  kindleFireHD: {\n    name: 'Kindle Fire HD',\n    styles: {\n      width: '533px',\n      height: '801px'\n    }\n  }\n};\n\nconfigureViewport({\n  viewports: {\n    ...INITIAL_VIEWPORTS,\n    ...newViewports\n  }\n});\n```\n\n\n### Change The Default Viewport\n\nThis will make `iPhone 6` the default viewport for all stories.\n\n```js\nimport { configureViewport } from '@storybook/addon-viewport';\n\nconfigureViewport({\n  defaultViewport: 'iphone6'\n});\n```\n\n## withViewport Decorator\n\nChange the default viewport for single/multiple/global stories, or listen to viewport selection changes\n\n```js\nimport React from 'react';\nimport { storiesOf, addDecorator } from '@storybook/react';\nimport { withViewport } from '@storybook/addon-viewport';\n\n// Globablly\naddDecorator(withViewport('iphone5'));\n\n// Collection\nstoriesOf('Decorator with string', module)\n  .addDecorator(withViewport('iphone6'))\n  .add('iPhone 6', () => (\n    <h1>\n      Do I look good on <b>iPhone 6</b>?\n    </h1>\n  ));\n\n// Single\nstoriesOf('Parameterized story', module)\n  .addDecorator(withViewport())\n  .add(\n    'iPad',\n    () => (\n      <h1>\n        Do I look good on <b>iPad</b>?\n      </h1>\n    ),\n    { viewport: 'ipad' }\n  );\n\nstoriesOf('Decorator with object', module)\n  .addDecorator(\n    withViewport({\n      onViewportChange({ viewport }) {\n        console.log(`Viewport changed: ${viewport.name} (${viewport.type})`); // e.g. Viewport changed: iphone6 (mobile)\n      },\n    })\n  )\n  .add('onViewportChange', () => <MobileFirstComponent />);\n\n```\n","readmeFilename":"README.md","homepage":"https://github.com/storybooks/storybook/tree/master/addons/viewport","repository":{"type":"git","url":"git+https://github.com/storybooks/storybook.git"},"bugs":{"url":"https://github.com/storybooks/storybook/issues"}}