{"_id":"@byteclaw/babel-plugin-visage","_rev":"5-9b9a724f706fc349057b276487e308d6","name":"@byteclaw/babel-plugin-visage","dist-tags":{"latest":"1.0.0-alpha.2","canary":"1.0.0-experiment.50"},"versions":{"0.1.0":{"name":"@byteclaw/babel-plugin-visage","version":"0.1.0","description":"A recommended babel preprocessing plugin for @byteclaw/visage design system. Hoists styles props from React JSX components.","source":"src/index.ts","types":"dist/index.d.ts","main":"dist/index.js","module":"dist/index.esm.js","keywords":["react","css","css-in-js","design system","visage"],"license":"MIT","bugs":{"url":"https://github.com/Byteclaw/visage/issues"},"homepage":"https://github.com/Byteclaw/visage/packages/babel-plugin-visage/README.md","repository":{"type":"git","url":"git+https://github.com/Byteclaw/visage.git"},"dependencies":{"@babel/plugin-syntax-jsx":"^7.8.3"},"publishConfig":{"access":"public"},"scripts":{"build":"rimraf dist && microbundle --jsx React.createElement","prepublishOnly":"rimraf dist && microbundle --jsx React.createElement"},"gitHead":"a41bdd743d13dd6360c6880f1808394efec22f7d","_id":"@byteclaw/babel-plugin-visage@0.1.0","_nodeVersion":"12.13.0","_npmVersion":"lerna/3.20.2/node@v12.13.0+x64 (darwin)","_npmUser":{"name":"michalkvasnicak","email":"michal.kvasnicak@gmail.com"},"dist":{"integrity":"sha512-ZzGS+d2xsataHiIYrPW8ZNR98Adq9Yq8kx8Xm6bI+PTYkGg6Ak791FfK2TrdzzvSNcDSQXSquQjZnPD6khoY/A==","shasum":"9716df65af8c140268242a3ac8aa23879667a1eb","tarball":"https://registry.npmjs.org/@byteclaw/babel-plugin-visage/-/babel-plugin-visage-0.1.0.tgz","fileCount":16,"unpackedSize":23756,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeeguOCRA9TVsSAnZWagAA9/8P/1U8aZgAetEGuJcRbpY0\nLHPiFXfRCw+NGl637n8kOxUswwevBPemjbCSa1NZmdDEW344v2SjMZM9d1zu\nYM/M0ZUaTMhzQxRE4Y+2cUeUjEy4B00Cg/NTu8czYEFcnpCN6hxlfwZTERr8\nK7L4b5iVbFbcF0T5Sgmu4R9HMATBW65qazOijeAUoAF+neJDd5EribBot3/+\nFX8so8FwaWgoJGgYRR9TZH0Lxs/j2ISo63B1hFb2N7xjXR8lS/0muf9mEzRR\nIyOkGjKurJ0dv35WmCQq7r+reDljxuswdltwL7WqYtSXmylOuDglv6jbSgxj\n0wxz8NwNCzmO/DQlLiwFAlwvOzZA/g7n0eKMBwQgv1Ji3rzQjPlPvOJih2Tw\nEqqPvrDPFpTStlb5Mm++88y5x+cSqSPfWyotQE5ItEArqM4gW7mC/woWYmpg\nizBJLoTqtQwfhEJGr2sSJpN0UOdFaUYQAG3s6XPHA2AQcqDEP623SURpvoP7\nAIWyL+ce6/3rq8m8VXAE5l9KnwliTpHQXYuaoJraA6C7iVcsjqW6cntST/4G\nlMv2xgti5aiwZnYDul93GJ/r3Nulx5dC7qBCLTrb+hIB6Ufm2sFTuItKShKJ\nSox1XD3qHXcfqoRjjqWmhz/JsygKIWrKlzkB7rLOpCCYA0v/o/sJuMrirmND\nM+kP\r\n=ynq7\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIHySDxjfa4X3R1o3uEx66L9ukLfxN3rid3ajNuG1Cap9AiEAr3iDPADCrq/TOevDJQ/QdM0Aenugg8M8HxYBNnQ7QVo="}]},"maintainers":[{"name":"michalkvasnicak","email":"michal.kvasnicak@gmail.com"},{"name":"jurajhrib","email":"jurajhrib@gmail.com"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/babel-plugin-visage_0.1.0_1585056653877_0.46002147513421643"},"_hasShrinkwrap":false},"1.0.0-alpha.0":{"name":"@byteclaw/babel-plugin-visage","version":"1.0.0-alpha.0","description":"A recommended babel preprocessing plugin for @byteclaw/visage design system. Hoists styles props from React JSX components.","types":"dist/index.d.ts","main":"dist/index.js","keywords":["babel","react","css","css-in-js","design system","visage"],"license":"MIT","bugs":{"url":"https://github.com/Byteclaw/visage/issues"},"homepage":"https://github.com/Byteclaw/visage/packages/babel-plugin-visage/README.md","repository":{"type":"git","url":"git+https://github.com/Byteclaw/visage.git"},"dependencies":{"@babel/plugin-syntax-jsx":"^7.8.3"},"publishConfig":{"access":"public"},"scripts":{"build":"tsdx build --format cjs --entry src/index.ts","prepublishOnly":"tsdx build --format cjs --target node --entry src/index.ts"},"gitHead":"0236565ddb3387bb6d440efda0f209f62152142b","_id":"@byteclaw/babel-plugin-visage@1.0.0-alpha.0","_nodeVersion":"12.16.1","_npmVersion":"lerna/3.20.2/node@v12.16.1+x64 (darwin)","dist":{"integrity":"sha512-ux1vpmiB0G3e5Wp8EtEyLUICFnCNH5G15nmVfJokzABbys3UK6dJZWuucS8MExireeNV7kWnJnHxJ0UIJ09Fug==","shasum":"3b712a4304dd748c4958632e8379bb74487a5784","tarball":"https://registry.npmjs.org/@byteclaw/babel-plugin-visage/-/babel-plugin-visage-1.0.0-alpha.0.tgz","fileCount":13,"unpackedSize":26619,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeitFWCRA9TVsSAnZWagAAkdoP/A1lA4wN+F0COrBhb0AN\nMKxdgY0U/Y7q0XWrcfY2AZth0ci4VlNWyqLDXdRaLhcHXOpme6IOxn0f1kXL\nkBEMAM1usKC4E7I3gg4lECFct84mFzZoy0teZjHgTq3Pf7cM2OB7Ccsku+KZ\nGn+bVDnTEEhEn0ZOZTloQtjjg4wS0ti175UEDtxWnitMfM5u+CoaQ8TDhteV\n80UpdiksoUvJWkdvwc6aZ4moqeGB40hZhjYAYPAB478X0ApqdSwUcAp3NifK\nkU3rg94yHBAGgLPhmdF9e2Z8dueANYfyKj079VSPoovPSmXtUDYLqakLDKJT\nHHU4WG3gWh+T0DKrOniMfzRYKTg6H3ntsb+xUuy7KKuwy/nqf/VmPIwOw/wA\ndF0oDV6IdyCGoFD/2bwQpt/JKgc5wSZ8KnU6DKl4012WyzHP0JgQRSI/61gT\nhtq/4Ta5lLf+dJhm6MFA6uJYPKWTvrYR+D2QvzTmI/l3zAMky432OgLOL16k\nztJBNTsCTwat+wWjOMIHtV83xHilKo0Vkf7OaCVniLG3O1z7RqebWBs6V1wt\nlh78ysDZThbNKRvR6JTBGtDfDTcmoNtRHoCYROQ8CR/xLzQJH/ci91ZxqMoI\n8Cjtbw5ntC4M0iXzuyDXP0nN9HoG3Eahw6cCe0KeCpMaqfGr9+Bb+FuI7PB7\n/ouZ\r\n=Jckx\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQC3ZKWiWtk9M9hDHysIiAv/yWRKJOWFm0VbbqMub4smxQIhAIG7cpmJmiROobgGQE559GeGGVtNtrGCASr3VIprcYmY"}]},"maintainers":[{"name":"jurajhrib","email":"jurajhrib@gmail.com"},{"name":"michalkvasnicak","email":"michal.kvasnicak@gmail.com"}],"_npmUser":{"name":"michalkvasnicak","email":"michal.kvasnicak@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/babel-plugin-visage_1.0.0-alpha.0_1586155861897_0.2212364860076872"},"_hasShrinkwrap":false},"1.0.0-experiment.50":{"name":"@byteclaw/babel-plugin-visage","version":"1.0.0-experiment.50","description":"A recommended babel preprocessing plugin for @byteclaw/visage design system. Hoists styles props from React JSX components.","types":"dist/index.d.ts","main":"dist/index.js","keywords":["babel","react","css","css-in-js","design system","visage"],"license":"MIT","bugs":{"url":"https://github.com/Byteclaw/visage/issues"},"homepage":"https://github.com/Byteclaw/visage/packages/babel-plugin-visage/README.md","repository":{"type":"git","url":"git+https://github.com/Byteclaw/visage.git"},"dependencies":{"@babel/plugin-syntax-jsx":"^7.8.3"},"publishConfig":{"access":"public"},"scripts":{"build":"tsdx build --format cjs --entry src/index.ts","prepublishOnly":"tsdx build --format cjs --target node --entry src/index.ts"},"gitHead":"868260b9293301a6296642e1029aa7bac6679433","readme":"# babel-plugin-visage\n\n![@byteclaw/babel-plugin-visage version](https://img.shields.io/npm/v/@byteclaw/babel-plugin-visage.svg?style=flat-square&label=@byteclaw/babel-plugin-visage)\n![License](https://img.shields.io/badge/license-MIT-blue.svg)\n\nBabel plugin that improves Visage performance by hoisting `styles` prop to a root scope of a Component's file.\n\n- [babel-plugin-visage](#babel-plugin-visage)\n  - [Example](#example)\n    - [In](#in)\n    - [Out](#out)\n  - [Installation](#installation)\n  - [Usage](#usage)\n    - [Via `.babelrc` (Recommended)](#via-babelrc-recommended)\n  - [License](#license)\n\n## Example\n\n### In\n\n```tsx\nimport { Box } from '@byteclaw/visage';\nimport React from 'react';\n\nexport function Test() {\n  return <>\n    <Box styles={{ color: 'red' }}>\n    <Box styles={{ color: 'blue' }}>\n    <Box styles={{ color: 'green' }}>\n  </>\n}\n```\n\n### Out\n\n```tsx\nimport { Box } from '@byteclaw/visage';\nimport React from 'react';\n\nvar _ref = Object.freeze({ color: 'red' });\nvar _ref2 = Object.freeze({ color: 'blue' });\nvar _ref3 = Object.freeze({ color: 'green' });\n\nexport function Test() {\n  return <>\n    <Box styles={_ref}>\n    <Box styles={_ref2}>\n    <Box styles={_ref3}>\n  </>\n}\n```\n\n## Installation\n\n```\nyarn add --dev babel-plugin-visage\n```\n\nor if you prefer npm\n\n```\nnpm install --save-dev babel-plugin-visage\n```\n\n## Usage\n\n### Via `.babelrc` (Recommended)\n\n```json\n{\n  \"plugins\": [\"@byteclaw/visage\"]\n}\n```\n\n## License\n\nMIT\n","readmeFilename":"README.md","_id":"@byteclaw/babel-plugin-visage@1.0.0-experiment.50","_nodeVersion":"12.16.1","_npmVersion":"lerna/3.20.2/node@v12.16.1+x64 (darwin)","dist":{"integrity":"sha512-w6ufkwb2D0aYKtS3NmcwLD2xya56UIZRrj9iepHOArx53cijBHsM3rh92nfqFQe8060lsyjSXxemNhsxMdmzSg==","shasum":"340b032bdf5c8bfbf5521d883613bf0f86139d6f","tarball":"https://registry.npmjs.org/@byteclaw/babel-plugin-visage/-/babel-plugin-visage-1.0.0-experiment.50.tgz","fileCount":13,"unpackedSize":26625,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfKnciCRA9TVsSAnZWagAArAgQAJSNtDRpptcyFpJEBdjl\n+ow4OY/ZRgKzGFQ0uSD/IKOMHbPdRe8PAg5VH+TkHWnw/PuiZ4wH2EWaAX2x\nQEO3LxfJjkhixZF1yT0jXK3B7H6KCZA/Ik7TTUtc60KXrUoJDaLTPUDNa00p\nBStutJkffyV3RW5bQh0kSZJ0szqUQAmXwhnJoHUfpDmBhFC4kntMjC8t7anP\nA1vBHpILxGEEA/n9ZinK40L4JTEjOVIzKWadAG7KlB1oJwQYRWLLzuNOfXH3\nfBmzgmzCtR6pg2BIFuK1uc8xsR8JLBKgmYB1hiQuu+QLieKuiacSMPyQ0895\nhiulSoxCkd/imi7eTz29gqWuBiXP5tOX5pLoBqEOpfRuEFQ7NjU8e7n4JpfH\nmNGFkFSJrD9iWY3XCPR8qIVw5kdER4HH8oqBsxiRItnNr9XHZRebzm96JtOB\ndh8QuliMreLq+EHad4hdaVhiH8sR5XVaJTmTjgVCcqqwej+Re/22CjIejTS1\n5zSUbMQT2gsf3kO2vKJm+IxedQFeYIKtTVje8i7PwEIxb6W8UB2PPoc0nB0P\nMXN0gASHplbFH1e1u4gsGAXHp3+7kQEqo5CMv979jXxW5Mkdf4cif3iNq+xK\nre1Kag3cHEin8/VbbzmybWo++FQ32vL29tGdjLLg4SEPZkmyECMSeug4R6EJ\ngw8B\r\n=w88U\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCkXSG0yXfNoXGog7jpTFHHlkdp3tNXOPG2+ZfB39nwEgIhAKtGH6JBAA/haOqnY7MHR3sUn+wF9eE19zYrhxBb41sC"}]},"maintainers":[{"name":"jurajhrib","email":"jurajhrib@gmail.com"},{"name":"michalkvasnicak","email":"michal.kvasnicak@gmail.com"}],"_npmUser":{"name":"michalkvasnicak","email":"michal.kvasnicak@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/babel-plugin-visage_1.0.0-experiment.50_1596618529700_0.7770104711899117"},"_hasShrinkwrap":false},"1.0.0-alpha.1":{"name":"@byteclaw/babel-plugin-visage","version":"1.0.0-alpha.1","description":"A recommended babel preprocessing plugin for @byteclaw/visage design system. Hoists styles props from React JSX components.","types":"dist/index.d.ts","main":"dist/index.js","keywords":["babel","react","css","css-in-js","design system","visage"],"license":"MIT","bugs":{"url":"https://github.com/Byteclaw/visage/issues"},"homepage":"https://github.com/Byteclaw/visage/packages/babel-plugin-visage/README.md","repository":{"type":"git","url":"git+https://github.com/Byteclaw/visage.git"},"dependencies":{"@babel/plugin-syntax-jsx":"^7.8.3"},"publishConfig":{"access":"public"},"scripts":{"build":"tsdx build --format cjs --entry src/index.ts","prepublishOnly":"tsdx build --format cjs --target node --entry src/index.ts"},"gitHead":"3d0dc017b375f56150146e5c0cf0b932b1079d57","_id":"@byteclaw/babel-plugin-visage@1.0.0-alpha.1","_nodeVersion":"12.20.0","_npmVersion":"lerna/3.22.1/node@v12.20.0+x64 (darwin)","dist":{"integrity":"sha512-1zHN4VMSo/bYq4A8A3TACbB1wxsBJZtNPegXQnEcNLuMDtLPXGVnLfqdv+vJOaRJis7QnD0pbJW7x4V0EF3/iQ==","shasum":"d0d250c5d51d0c6e00ff1135b912fd91253b1882","tarball":"https://registry.npmjs.org/@byteclaw/babel-plugin-visage/-/babel-plugin-visage-1.0.0-alpha.1.tgz","fileCount":13,"unpackedSize":26876,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJf6eQXCRA9TVsSAnZWagAAieEP/1kSGFNRNfT72QC9t54m\nGUVpjV3TuhQC9plMkYI4caKK6LwIygOIWcrOYf21qJxu3C6nJL8Dxf2VAq2E\nfbPcJPc4w1vSLNlZ6Zcuk33jxm6xiv7iF/dMT2KLiOWzw6k4xmQ3PDPSNgbm\nr/FiKld2sMErvyZcgBdSkYi2qOWyQMiOnL7dydOVLCBf7g3A+QFc5Iv09LV9\nU8rqnYsHSL3RDhICqz87rJOIkTfVRsSuRdmTOPBvfnfv5pm/pygWgxFFgBRN\nt5TfSTFOAeswvJDSRFV7DV7DQKREp/UuSCAWMxNb9anKWeJ8CyttuhYXdzVA\niQc68/fFtbcVFU30NrpgkZIDqHX2UF1/8l3HheL5etIDQRW7b/EIFUGRpN+f\nCNLIZMK+2pB+HtbR/nDOtsLmJ6KS3GuJXfUlKvT2yLbea2Nkyo48ITrag3R0\nf5J0nQzgOQfAdQb4+c929YWW6CYMqdznd6ZpEtN4LokwOAQaN+ugABJRlEJC\nSJlQobPKuYKClKRFUIznGc2FRycKbNZg/ATbqu1Q93czqfG4z+2oJL49K78q\ngjbUnUReZb3om/NG9PclqFYLbAjoxccyBeBzMPhYBbyz8pffHIsnVa1CpX5v\nCBC4lQ8TQ3d+FjXQUgDYbWqSPZrXn3xpYx/IwmnoNf9A2537l1ucNb00lpws\n5VDe\r\n=q5IS\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDTvBKBcH1ssiAqxlmtUyZivnQlUF5xJAHXTw59UbL3+gIgVzdN9C9JhXMJkxetLVYHFR3b3HldWcvluLx5RPjcwXA="}]},"_npmUser":{"name":"michalkvasnicak","email":"michal.kvasnicak@gmail.com"},"directories":{},"maintainers":[{"name":"jurajhrib","email":"jurajhrib@gmail.com"},{"name":"michalkvasnicak","email":"michal.kvasnicak@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/babel-plugin-visage_1.0.0-alpha.1_1609163799164_0.4832407177520972"},"_hasShrinkwrap":false},"1.0.0-alpha.2":{"name":"@byteclaw/babel-plugin-visage","version":"1.0.0-alpha.2","description":"A recommended babel preprocessing plugin for @byteclaw/visage design system. Hoists styles props from React JSX components.","types":"dist/index.d.ts","main":"dist/index.js","keywords":["babel","react","css","css-in-js","design system","visage"],"license":"MIT","bugs":{"url":"https://github.com/Byteclaw/visage/issues"},"homepage":"https://github.com/Byteclaw/visage/packages/babel-plugin-visage/README.md","repository":{"type":"git","url":"git+https://github.com/Byteclaw/visage.git"},"dependencies":{"@babel/plugin-syntax-jsx":"^7.8.3","@types/babel__core":"^7.1.14"},"publishConfig":{"access":"public"},"scripts":{"build":"tsdx build --format cjs --entry src/index.ts","prepublishOnly":"tsdx build --format cjs --target node --entry src/index.ts"},"gitHead":"fe4c0954749320e24ba663302b695cfb869e275d","_id":"@byteclaw/babel-plugin-visage@1.0.0-alpha.2","_nodeVersion":"12.21.0","_npmVersion":"lerna/3.22.1/node@v12.21.0+x64 (darwin)","dist":{"integrity":"sha512-v+P33rH0OECt66ykvTZeWuJj7PP7XpmepTzzAJPyHjtT/Xpz5/OZ7dUKfpKuduwA6KI/EyE1CWTRybT9mZkbSA==","shasum":"83a41b59441995979f5275573feed18934664edf","tarball":"https://registry.npmjs.org/@byteclaw/babel-plugin-visage/-/babel-plugin-visage-1.0.0-alpha.2.tgz","fileCount":13,"unpackedSize":27222,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgufp+CRA9TVsSAnZWagAA0FMP/iPEEj7nbnLnL9t2eehl\nqiFEBkoII5N7He/itTaSCUOsc4RgvhE+eW8nulvaVYNqlYP9mccU9O3Cyw26\ngdobDdKza5wcI6mi5dNqt19slZtFoP7lOnixO1ow9cstr/POn/1SMV7fBw3k\nJ6UcXKNdTYvJCuZWxsE7rwUjS4hjHe9DWkWZ0s9KSW/sHVaZhdfPU/ZheIIZ\nTbPDTBe8IyNYArJFnPHU0jSH0/lBel7li4Up3zHYsGSlWduQlFx62FDAz4a/\nRUYGJNhNoY0YEvUGJxsv+JEsRUYQaa9b1PWRzMn4rwGgwc+5bnv4qw9IxDKE\nHXfPOOmQKzaT2l7rzq18j7DJkuMnNiAkord0C5NP5+Bp/ruOHDXEbKPkOevi\nlZ+BZ19vOutfu6jn2K/T448jkfIepdsdgVZ1FvlIQ2b4sSBHHjjLEaL16YlA\nqCKOwOKwjAV3FbPL4ehXvxkD0kbYgrKoP0YqswtbZeNACLQX5BTikQH2UbG7\nny4haghRKUAdN+3p62MnyZY3Q37/Tr2QrPG3Zz3GlUWH6dPtmnRVfUNjtUrV\nWE/QHjZne6uE5zkIYnz1ANpGqOCuy+0jCnK8eStVMAKIvUyj/Lh1ZEIsFRii\nqXhwtPradi5kZHac2SAfZyC42Iz+8hB1IEqIoN1cilG7wkgw0Sr142wd+wPF\nbB7X\r\n=Jx57\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDhyirJhluBpV7l0/i5BPRPhcee7uZrsbULtfHSmqxpTAIhAOTyMDDi6q7gb0i5Le1uLi6BuRwfaDL68x/FJd6Kq9j6"}]},"_npmUser":{"name":"michalkvasnicak","email":"michal.kvasnicak@gmail.com"},"directories":{},"maintainers":[{"name":"jurajhrib","email":"jurajhrib@gmail.com"},{"name":"michalkvasnicak","email":"michal.kvasnicak@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/babel-plugin-visage_1.0.0-alpha.2_1622801022013_0.07204330899958444"},"_hasShrinkwrap":false}},"time":{"created":"2020-03-24T13:30:53.633Z","0.1.0":"2020-03-24T13:30:54.026Z","modified":"2022-04-04T21:21:29.264Z","1.0.0-alpha.0":"2020-04-06T06:51:02.110Z","1.0.0-experiment.50":"2020-08-05T09:08:49.842Z","1.0.0-alpha.1":"2020-12-28T13:56:39.273Z","1.0.0-alpha.2":"2021-06-04T10:03:42.139Z"},"maintainers":[{"name":"jurajhrib","email":"jurajhrib@gmail.com"},{"name":"michalkvasnicak","email":"michal.kvasnicak@gmail.com"}],"description":"A recommended babel preprocessing plugin for @byteclaw/visage design system. Hoists styles props from React JSX components.","homepage":"https://github.com/Byteclaw/visage/packages/babel-plugin-visage/README.md","keywords":["babel","react","css","css-in-js","design system","visage"],"repository":{"type":"git","url":"git+https://github.com/Byteclaw/visage.git"},"bugs":{"url":"https://github.com/Byteclaw/visage/issues"},"license":"MIT","readme":"# babel-plugin-visage\n\n![@byteclaw/babel-plugin-visage version](https://img.shields.io/npm/v/@byteclaw/babel-plugin-visage.svg?style=flat-square&label=@byteclaw/babel-plugin-visage)\n![License](https://img.shields.io/badge/license-MIT-blue.svg)\n\nBabel plugin that improves Visage performance by hoisting `styles` prop to a root scope of a Component's file.\n\n- [babel-plugin-visage](#babel-plugin-visage)\n  - [Example](#example)\n    - [In](#in)\n    - [Out](#out)\n  - [Installation](#installation)\n  - [Usage](#usage)\n    - [Via `.babelrc` (Recommended)](#via-babelrc-recommended)\n  - [License](#license)\n\n## Example\n\n### In\n\n```tsx\nimport { Box } from '@byteclaw/visage';\nimport React from 'react';\n\nexport function Test() {\n  return <>\n    <Box styles={{ color: 'red' }}>\n    <Box styles={{ color: 'blue' }}>\n    <Box styles={{ color: 'green' }}>\n  </>\n}\n```\n\n### Out\n\n```tsx\nimport { Box } from '@byteclaw/visage';\nimport React from 'react';\n\nvar _ref = Object.freeze({ color: 'red' });\nvar _ref2 = Object.freeze({ color: 'blue' });\nvar _ref3 = Object.freeze({ color: 'green' });\n\nexport function Test() {\n  return <>\n    <Box styles={_ref}>\n    <Box styles={_ref2}>\n    <Box styles={_ref3}>\n  </>\n}\n```\n\n## Installation\n\n```\nyarn add --dev babel-plugin-visage\n```\n\nor if you prefer npm\n\n```\nnpm install --save-dev babel-plugin-visage\n```\n\n## Usage\n\n### Via `.babelrc` (Recommended)\n\n```json\n{\n  \"plugins\": [\"@byteclaw/visage\"]\n}\n```\n\n## License\n\nMIT\n","readmeFilename":"README.md"}