{"_id":"@emotion/native","_rev":"67-f8a629323874fe80b71a4b1b69b0f64f","name":"@emotion/native","dist-tags":{"next":"11.0.0-next.19","rc":"11.0.0-rc.0","latest":"11.11.0"},"versions":{"9.2.7":{"name":"@emotion/native","version":"9.2.7","keywords":["styles","emotion","react","css","css-in-js","native"],"license":"MIT","_id":"@emotion/native@9.2.7","maintainers":[{"name":"mitchellhamilton","email":"mitchell@mitchellhamilton.me"},{"name":"tkh44","email":"kye.hohenberger@gmail.com"}],"homepage":"https://emotion.sh","bugs":{"url":"https://github.com/emotion-js/emotion/issues"},"dist":{"shasum":"166e6cde86d408701e2796d74cdbbcac0e471a7c","tarball":"https://registry.npmjs.org/@emotion/native/-/native-9.2.7.tgz","fileCount":6,"integrity":"sha512-7HFXFQ6s1g9tn4cDGn222ktuV/+9TPN0wM0Sh2bzvsYkjd9ExdapwmRWXleNfUuhwVu9sPh9+yEoByU3lbn4og==","signatures":[{"sig":"MEUCIQD3y4HiVV4WCpi/WRB2GdT3iIKuc4j5ZCCXLn+TIIDepAIgFxfK0/7U21e9qJjifeorI+zo3wTreHHX7wpmLAR0rJY=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":8874,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJbXRUvCRA9TVsSAnZWagAAHzkP/iKMkVpmgPrZHocUeZ0v\ny50yGP92nHJsQpzwesr3g5WF+Wk9h7sifFCgMw06QxqpiHx57WSSNSTETpeT\nWeEJStEns8nxwkrXFH2lX8qPYPvooIibOYFp/IXNfOQYtGPKDHvQA0/ZTqJt\nwOPeIVCaNtUvx/0PmraCEuOFzSH3vHOSDh/f1u1e7N0Xs5/0H0FNzc5RHURI\nsQf81w/udG+K1SR9np2R2fqt4dp9QYMMsN7AbuKRHF4Ow8sPd2OYbds6UpK2\nFd/NFBklg1pCzYon3VAZ3czrvcBDvN0Xn21zXvRgY6xCSFyAZtb0me3rNbp5\nqmcXQ/z8fxkTL8ZvJW+5Qq5eGD2MikGlBQX0m90ZYbeZAHHN+2osW6k3Wn6D\nCTE07euX8lqa5w4GPdJtWjNm6/cKAaDo92RjB1Vh2jYHvpJzMrqzZ84oSbQP\nUGhS7AaIczY3brDnnnnsKJ9DGulTe6lzWAL+3Zs9Wg2sy8akb5DCwyXc1Kr5\nTWPUmRT1Gt6S1ZXRdvHqXzqR4KPoR8gDoQY4fCJsNh7x07BdtxSpoRLOtjlb\nLlwqK1Tmvp69AwbYgSBU7PFszwPVw5KhbQjgD0c5Vi5gjUAp9dVccKM2uhXz\n6alsBx3G/jfPXOYGl55hSnvS3NFO9tzdvefo8EirQFI2LEYL0pa4dUHUqhv3\n8bkz\r\n=ei/K\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","files":["src","dist"],"module":"dist/index.esm.js","_npmUser":{"name":"mitchellhamilton","email":"mitchell@mitchellhamilton.me"},"repository":{"url":"https://github.com/emotion-js/emotion/tree/master/packages/native","type":"git"},"_npmVersion":"5.6.0","description":"Style and render React Native components using emotion","directories":{},"_nodeVersion":"9.6.1","dependencies":{"@emotion/primitives-core":"^9.2.7"},"_hasShrinkwrap":false,"devDependencies":{"react":"^16.4.1","react-native":"^0.56.0","emotion-theming":"^9.2.5"},"peerDependencies":{"react":"15.x || 16.x","prop-types":"15.x","react-native":">=0.14.0 && < 1"},"_npmOperationalInternal":{"tmp":"tmp/native_9.2.7_1532826927398_0.44733113576608696","host":"s3://npm-registry-packages"}},"9.2.9":{"name":"@emotion/native","version":"9.2.9","keywords":["styles","emotion","react","css","css-in-js","native"],"license":"MIT","_id":"@emotion/native@9.2.9","maintainers":[{"name":"mitchellhamilton","email":"mitchell@mitchellhamilton.me"},{"name":"tkh44","email":"kye.hohenberger@gmail.com"}],"homepage":"https://emotion.sh","bugs":{"url":"https://github.com/emotion-js/emotion/issues"},"dist":{"shasum":"91df946ffa23f3d82a6c97cfad8a00b40e4c8a43","tarball":"https://registry.npmjs.org/@emotion/native/-/native-9.2.9.tgz","fileCount":6,"integrity":"sha512-3Ga/B6ShBMLIoj/QbpIKDaXAuIud5aI2bITNfwxGLHM8Atm3uYlyQyDTzGP1g/WpUNWbe+EjXq+SO3BEKtYLJg==","signatures":[{"sig":"MEUCIQCN79L0wQMHgDbHY83xiKnk4vFRGubGGOusLmxHs8jHRQIgZtwVi+0mVGXdkQjbPIDoOfP6+Rum6fFbdjQMp1E8iOs=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":9017,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJbnjRBCRA9TVsSAnZWagAAmgcQAJfDjSIoF1NuVnke3i4F\nVQaT2MaInpBnRLRCWe+GbPA6dvNEAs8cEOELJqBgk/WrFGD35I4XG9jaaeBU\nZsmOymmh+6X555+HQ6ilxtMATlal0UnPEq4WduFjaLTrFAmaE7jOJBxlqYHh\nLzHpOsPXAqH9S5AjTXYcTkxRWmrEYpBAV1GH1tWIOODABWfqLj61bG7nU222\nqV7gVCulhTNF06ZNTkC2LfNqxXPW2YttjDLexHmdioN377aKkMejByTEmsZ1\nNJqniAimDswWV2TfoutIgPMh8fRU2fYi6dlmmM7O/zu3jXQeIZ7BC4PUKVZk\nhJQG3Gm8NnHYRdgEH7e1BpyYxdlpmtDkoiFSlO+ycvkL7Dy2QW3byObMPd7j\n5YAufr8lIxX+vwUOqUSvAB7np3jJHPWAkLkbv/92dO1qaAqcVgh/811ZUdo3\nanWx3DFaAzow5FOeu6GY4y+zonQlxzV8ZPgibKCgwgA260XmDcg+PYRd80pb\nfbmQNqrJNcthfP0PRf7RXtvvNsbHEkqLkZSrug0i3sB/VCtgeNIQ47E/7z0f\nkA2UD9DzE74n1BaRTv12SnsnRfXk30dHaJ+7PCphorwX9g46w4OQkLJv4Jhd\n5tJPKnxRp77bSfLKt68ZWVJVfFcQk5RO/YDfRbJFxiHGwGE/vt9IPTu0Da2Q\nVCP5\r\n=Oz4b\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","module":"dist/index.esm.js","_npmUser":{"name":"mitchellhamilton","email":"mitchell@mitchellhamilton.me"},"repository":{"url":"https://github.com/emotion-js/emotion/tree/master/packages/native","type":"git"},"_npmVersion":"6.4.1","description":"Style and render React Native components using emotion","directories":{},"_nodeVersion":"10.10.0","dependencies":{"@emotion/primitives-core":"^9.2.9"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"react":"^16.5.0","react-native":"^0.57.0","emotion-theming":"^9.2.9"},"peerDependencies":{"react":"15.x || 16.x","prop-types":"15.x","react-native":">=0.14.0 && < 1"},"_npmOperationalInternal":{"tmp":"tmp/native_9.2.9_1537094720883_0.04778675165313784","host":"s3://npm-registry-packages"}},"10.0.0-really-unsafe-please-do-not-use.0":{"name":"@emotion/native","version":"10.0.0-really-unsafe-please-do-not-use.0","keywords":["styles","emotion","react","css","css-in-js","native"],"license":"MIT","_id":"@emotion/native@10.0.0-really-unsafe-please-do-not-use.0","maintainers":[{"name":"mitchellhamilton","email":"mitchell@mitchellhamilton.me"},{"name":"tkh44","email":"kye.hohenberger@gmail.com"}],"homepage":"https://emotion.sh","bugs":{"url":"https://github.com/emotion-js/emotion/issues"},"dist":{"shasum":"e113d1c9125d8f00e6ceb71123798114c275825c","tarball":"https://registry.npmjs.org/@emotion/native/-/native-10.0.0-really-unsafe-please-do-not-use.0.tgz","fileCount":11,"integrity":"sha512-PQmKRJcz9wU2HjOrV6tVYGOxc7NJrsdTVFTOWfoDwIDddqglnLKas74Ep7rrunWqjTUWCbW3XGaNbL6iM8Jm+g==","signatures":[{"sig":"MEYCIQDuLBjWvz7PQS5Rv9hCJirseOi4ccp+VN1JerSXnVBqzgIhAPggrhia9KDe5iqJwvIebECktz8aOAOyn8g4m4kupbxb","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14030,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJbrWkJCRA9TVsSAnZWagAAECMP/0RIJmoKW4bqXbrG/DKN\n4w3204ImiMiPNqYNbqf/IPzx1HhocVMcLym9eSwAZ3sxZyhY6gkOO+Lcvzy8\nUDn/MKfgajGcpd12A94fFMKu4p7uPlWgNExDiE3yxnsmIKI95CAQE8Q/tEei\nqeFNm2nlrs83Ikg6mupQLhPDCjAw26+cdtzWmFNUiGlfiicTjtf/2mS7iKMO\nIisiqPIcZeWDWQZcfO1cbDwoo9vr3ZKE81xwTRpWocTsWwDCPP3+5g/a7un7\nll9cV5qdvR8hYFHXBrqwWh/TG77UCKQLcaCZZEgYN5IChBIsMPa4w15/lCEk\nwSMBFPZLwDQ7rFh5wSRwOMTWI9mSP3NUYX+QEaG6afnxrWx7+WUa2aCMA+UK\nT3f7MmRahJzG7B45Pn3VawtqzQq5ktJ/XR7I7NQKTBBAoQR1z5YndUXX0Hec\nqQT5Fe/kVi/qJrlrA2WFq1dErQv37iRaDqj5NxF3p/JxpE5+3+xJtbXatH0A\n4IpZqU1Qi3htzMxzUffuGBXIr1ZdeEwRynNmF/A6tPx9QwaA50q8QHBZTGmR\n20yNMS9SRZokgZ8AfSdaWIYVoVMWRBhtqRFEl4xhE9ItewnMb+SpkIG/mYy1\n/mDsIqAT1geeiFQBi9e2AR+3ZvOJcg1kgeBvz0kKpO62KBhV71RO/bRCvGim\nc8Zt\r\n=GKUo\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:emotion-native-10.0.0-really-unsafe-please-do-not-use.0.tgz","module":"dist/index.esm.js","readme":"# @emotion/native\n\n> Style and render React Native components using emotion\n\n## Install\n\n```\nnpm install @emotion/native\n```\n\nor if you use yarn\n\n```\nyarn add @emotion/native\n```\n\nThis package also depends on `react`, `react-native` and `prop-types` so make sure you've them installed.\n\n## Example\n\n```js\nimport React from 'react'\nimport { AppRegistry } from 'react-native'\nimport styled, { css } from '@emotion/native'\n\nconst Container = styled.View`\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  margin: 50px;\n`\n\nconst Description = styled.Text({\n  color: 'hotpink'\n})\n\nconst Image = styled.Image`\n  padding: 40px;\n`\n\nconst emotionLogo =\n  'https://cdn.rawgit.com/emotion-js/emotion/master/emotion.png'\n\nclass App extends React.Component {\n  render() {\n    return (\n      <Container\n        style={css`\n          border-radius: 10px;\n        `}\n      >\n        <Description style={{ fontSize: 45, fontWeight: 'bold' }}>\n          Emotion Primitives\n        </Description>\n        <Image\n          source={{\n            uri: emotionLogo,\n            height: 150,\n            width: 150\n          }}\n        />\n      </Container>\n    )\n  }\n}\n\nAppRegistry.registerComponent('ExampleApp', () => App)\n```\n\n## Theming\n\nUse `emotion-theming` for theming support.\n\n```js\nimport React from 'react'\nimport styled, { css } from '@emotion/native'\n\nimport { ThemeProvider } from 'emotion-theming'\n\nconst theme = {\n  color: 'hotpink',\n  backgroundColor: 'purple'\n}\n\nconst Container = styled.View`\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  margin: 50px;\n  border: 5px solid red;\n  background-color: ${props => props.theme.backgroundColor};\n`\n\nconst Description = styled.Text({\n  color: 'hotpink'\n})\n\nconst Image = styled.Image`\n  padding: 40px;\n`\n\nconst emotionLogo =\n  'https://cdn.rawgit.com/emotion-js/emotion/master/emotion.png'\n\nclass App extends React.Component {\n  render() {\n    return (\n      <ThemeProvider theme={theme}>\n        <Container\n          style={css`\n            border-radius: 10px;\n          `}\n        >\n          <Description style={{ fontSize: 45, fontWeight: 'bold' }}>\n            Emotion Primitives\n          </Description>\n          <Image\n            source={{\n              uri: emotionLogo,\n              height: 150,\n              width: 150\n            }}\n          />\n        </Container>\n      </ThemeProvider>\n    )\n  }\n}\n```\n\n## Usage with `react-360`\n\n`@emotion/native` can also be used with `react-360` for styling VR applications. Check out [this](https://facebook.github.io/react-360/docs/setup.html) guide for setting up a `react-360` project.\n\n### Example\n\n```js\nimport React from 'react'\nimport { AppRegistry, StyleSheet, Text, View } from 'react-360'\nimport styled from '@emotion/native'\n\nconst StyledName = styled.Text`\n  font-size: 40px;\n  color: hotpink;\n`\n\nexport default class App extends React.Component {\n  render() {\n    return (\n      <View style={styles.panel}>\n        <View style={styles.greetingBox}>\n          <StyledName>Emotion Native</StyledName>\n        </View>\n      </View>\n    )\n  }\n}\n\nconst styles = StyleSheet.create({\n  panel: {\n    // Fill the entire surface\n    width: 1000,\n    height: 600,\n    backgroundColor: 'rgba(255, 255, 255, 0.4)',\n    justifyContent: 'center',\n    alignItems: 'center'\n  },\n  greetingBox: {\n    padding: 20,\n    backgroundColor: '#000000',\n    borderColor: '#639dda',\n    borderWidth: 2\n  },\n  greeting: {\n    fontSize: 30\n  }\n})\n\nAppRegistry.registerComponent('App', () => App)\n```\n","browser":{"./dist/index.cjs.js":"./dist/index.browser.cjs.js"},"gitHead":"a5f3825603dffd69fddb44bf5f29afd7c49eabd5","_npmUser":{"name":"mitchellhamilton","email":"mitchell@mitchellhamilton.me"},"_resolved":"","_integrity":"","repository":{"url":"https://github.com/emotion-js/emotion/tree/master/packages/native","type":"git"},"_npmVersion":"6.4.1","description":"Style and render React Native components using emotion","directories":{},"_nodeVersion":"10.11.0","dependencies":{"@emotion/primitives-core":"^10.0.0-really-unsafe-please-do-not-use.0"},"publishConfig":{"tag":"next","access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^16.5.0","react-native":"^0.57.0","emotion-theming":"^10.0.0-really-unsafe-please-do-not-use.0"},"peerDependencies":{"react":"15.x || 16.x","prop-types":"15.x","react-native":">=0.14.0 && < 1"},"_npmOperationalInternal":{"tmp":"tmp/native_10.0.0-really-unsafe-please-do-not-use.0_1538091272897_0.6046907844901503","host":"s3://npm-registry-packages"}},"10.0.0-really-unsafe-please-do-not-use.1":{"name":"@emotion/native","version":"10.0.0-really-unsafe-please-do-not-use.1","keywords":["styles","emotion","react","css","css-in-js","native"],"license":"MIT","_id":"@emotion/native@10.0.0-really-unsafe-please-do-not-use.1","maintainers":[{"name":"mitchellhamilton","email":"mitchell@mitchellhamilton.me"},{"name":"tkh44","email":"kye.hohenberger@gmail.com"}],"homepage":"https://emotion.sh","bugs":{"url":"https://github.com/emotion-js/emotion/issues"},"dist":{"shasum":"774de83641ea2d1dccf50adcfa1479fddcceb691","tarball":"https://registry.npmjs.org/@emotion/native/-/native-10.0.0-really-unsafe-please-do-not-use.1.tgz","fileCount":11,"integrity":"sha512-O3h6IPRdEui4ntUGJhLGi1aRGNGNJwNnhk/FToO9XkBe41h3HfnyehERxnbJWH4rMot2Jv/CcBIhgTn+VJwufg==","signatures":[{"sig":"MEQCIG7VCVAzMZAmuO9cSRh3UbRUIisiJWEpHpeyFLLShfUMAiA1+sRwvB3oALjI5PqA8Tem5iQhWtiCXuCeF9we0FajQg==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14030,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJbraucCRA9TVsSAnZWagAA0owP/RuYvfJ59siZnuhuULVf\nbfjzYKB/Q15L8BJtCslhGRXWKGfKGYssTCQmBgclIHF+vzL3jGlNKYkBHkeI\n97ZtdF78NS5NxrlQC4iqXHxJzboV7C2WAbTpFb+zwbDBlM1NDkLhsmC3rvUW\nvtQ7DmxZOTJ/ZSVug5MtFLqliqRsmT+FhdAR1iIISZETr71WOwZygjkI3qe8\nfmsNh7dL74YwgVOn10MyGzLQFIeKfHt6SMhQ1LzSaJPxYaL7I2eA4BM3VZm4\nMbeLuMrNbs/zkyrN/5YJDNbIcCDco2/w3DKUSK/rBRnV2RxpqWUZ9GKTKWSg\neuJFUmszPw61TVY4a/6Xyh/YcTu2EUUhlULZKw0nhgSdrEKIxnt7Gepppk5U\nMGS7WLGUGQD9rHN/dtPCU6AlEPMcuB27DWUPKa0bz6paFnjkIQtptMgG9afq\nevksgy5WQLE2zk9UkFcNNNCeDhpzO3eJ4kVK5B4riPzR0pBMpZCQ2ZReELNl\nPvrNQ6RqdkFgtf7dxX6j4sZMd8OvB86dZFEH8AW9pXo+Qv5LPDgVCFl4IMc9\no0AwO3LUrkN0F7ld6r2o3Ke9F0X2olg8S2ua7M1JLNYfTWuqjs9QRistZjyR\nfLgjtZURd6euVRBI1ohPtVJKgRDnu9yUAJCW0YANoFv+bxEpHJP0aJyxJVsU\n3qpY\r\n=zEJ5\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:emotion-native-10.0.0-really-unsafe-please-do-not-use.1.tgz","module":"dist/index.esm.js","readme":"# @emotion/native\n\n> Style and render React Native components using emotion\n\n## Install\n\n```\nnpm install @emotion/native\n```\n\nor if you use yarn\n\n```\nyarn add @emotion/native\n```\n\nThis package also depends on `react`, `react-native` and `prop-types` so make sure you've them installed.\n\n## Example\n\n```js\nimport React from 'react'\nimport { AppRegistry } from 'react-native'\nimport styled, { css } from '@emotion/native'\n\nconst Container = styled.View`\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  margin: 50px;\n`\n\nconst Description = styled.Text({\n  color: 'hotpink'\n})\n\nconst Image = styled.Image`\n  padding: 40px;\n`\n\nconst emotionLogo =\n  'https://cdn.rawgit.com/emotion-js/emotion/master/emotion.png'\n\nclass App extends React.Component {\n  render() {\n    return (\n      <Container\n        style={css`\n          border-radius: 10px;\n        `}\n      >\n        <Description style={{ fontSize: 45, fontWeight: 'bold' }}>\n          Emotion Primitives\n        </Description>\n        <Image\n          source={{\n            uri: emotionLogo,\n            height: 150,\n            width: 150\n          }}\n        />\n      </Container>\n    )\n  }\n}\n\nAppRegistry.registerComponent('ExampleApp', () => App)\n```\n\n## Theming\n\nUse `emotion-theming` for theming support.\n\n```js\nimport React from 'react'\nimport styled, { css } from '@emotion/native'\n\nimport { ThemeProvider } from 'emotion-theming'\n\nconst theme = {\n  color: 'hotpink',\n  backgroundColor: 'purple'\n}\n\nconst Container = styled.View`\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  margin: 50px;\n  border: 5px solid red;\n  background-color: ${props => props.theme.backgroundColor};\n`\n\nconst Description = styled.Text({\n  color: 'hotpink'\n})\n\nconst Image = styled.Image`\n  padding: 40px;\n`\n\nconst emotionLogo =\n  'https://cdn.rawgit.com/emotion-js/emotion/master/emotion.png'\n\nclass App extends React.Component {\n  render() {\n    return (\n      <ThemeProvider theme={theme}>\n        <Container\n          style={css`\n            border-radius: 10px;\n          `}\n        >\n          <Description style={{ fontSize: 45, fontWeight: 'bold' }}>\n            Emotion Primitives\n          </Description>\n          <Image\n            source={{\n              uri: emotionLogo,\n              height: 150,\n              width: 150\n            }}\n          />\n        </Container>\n      </ThemeProvider>\n    )\n  }\n}\n```\n\n## Usage with `react-360`\n\n`@emotion/native` can also be used with `react-360` for styling VR applications. Check out [this](https://facebook.github.io/react-360/docs/setup.html) guide for setting up a `react-360` project.\n\n### Example\n\n```js\nimport React from 'react'\nimport { AppRegistry, StyleSheet, Text, View } from 'react-360'\nimport styled from '@emotion/native'\n\nconst StyledName = styled.Text`\n  font-size: 40px;\n  color: hotpink;\n`\n\nexport default class App extends React.Component {\n  render() {\n    return (\n      <View style={styles.panel}>\n        <View style={styles.greetingBox}>\n          <StyledName>Emotion Native</StyledName>\n        </View>\n      </View>\n    )\n  }\n}\n\nconst styles = StyleSheet.create({\n  panel: {\n    // Fill the entire surface\n    width: 1000,\n    height: 600,\n    backgroundColor: 'rgba(255, 255, 255, 0.4)',\n    justifyContent: 'center',\n    alignItems: 'center'\n  },\n  greetingBox: {\n    padding: 20,\n    backgroundColor: '#000000',\n    borderColor: '#639dda',\n    borderWidth: 2\n  },\n  greeting: {\n    fontSize: 30\n  }\n})\n\nAppRegistry.registerComponent('App', () => App)\n```\n","browser":{"./dist/index.cjs.js":"./dist/index.browser.cjs.js"},"gitHead":"2b1bf6ef43eaa9133ba7a9d7c8d96ebc1d3877e2","_npmUser":{"name":"mitchellhamilton","email":"mitchell@mitchellhamilton.me"},"_resolved":"","_integrity":"","repository":{"url":"https://github.com/emotion-js/emotion/tree/master/packages/native","type":"git"},"_npmVersion":"6.4.1","description":"Style and render React Native components using emotion","directories":{},"_nodeVersion":"10.11.0","dependencies":{"@emotion/primitives-core":"^10.0.0-really-unsafe-please-do-not-use.1"},"publishConfig":{"tag":"next","access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^16.5.0","react-native":"^0.57.0","emotion-theming":"^10.0.0-really-unsafe-please-do-not-use.1"},"peerDependencies":{"react":"15.x || 16.x","prop-types":"15.x","react-native":">=0.14.0 && < 1"},"_npmOperationalInternal":{"tmp":"tmp/native_10.0.0-really-unsafe-please-do-not-use.1_1538108316039_0.5079318433241959","host":"s3://npm-registry-packages"}},"10.0.0-really-unsafe-please-do-not-use.2":{"name":"@emotion/native","version":"10.0.0-really-unsafe-please-do-not-use.2","keywords":["styles","emotion","react","css","css-in-js","native"],"license":"MIT","_id":"@emotion/native@10.0.0-really-unsafe-please-do-not-use.2","maintainers":[{"name":"mitchellhamilton","email":"mitchell@mitchellhamilton.me"},{"name":"tkh44","email":"kye.hohenberger@gmail.com"}],"homepage":"https://emotion.sh","bugs":{"url":"https://github.com/emotion-js/emotion/issues"},"dist":{"shasum":"377a8a1573b3b17aefc7ad059eca5062d45a3f3a","tarball":"https://registry.npmjs.org/@emotion/native/-/native-10.0.0-really-unsafe-please-do-not-use.2.tgz","fileCount":11,"integrity":"sha512-V1xEH5MK5aSe+tDTt9ZpggCAnE4nk6pIiqlgi+n/WCrihKd36NAyU1ETZo4UzjeC6Wfvt/aZsEddfYKBoiwKPQ==","signatures":[{"sig":"MEUCIAfo9ltiehHMYT3eN0HJ03VOdjKJkoJ2kRaTSkoL1uBUAiEAoTsDU0bJ0m07+GNKzMo94t3I8SyJATC9yik1DbHyvow=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14030,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJbrbAGCRA9TVsSAnZWagAAcV8P/0oQPoZ+FbngNrrM45AY\nJaq1COWVSg94LtKQ+rFUNwtrWVvqKIbDeRt0L9wTrGvd9/LlVbcfg9TwjRaD\nf/iwKd7Bc/t/FH/HR2tJ/pyn0pJXKw34wmQ9mnyWSk4ZvibprwHKk95w0zGA\nsxyDgOrhp/vz5LF+MS5s3kWKPbntjBpQPA7vubdZ1I11v1t2Zq9OtnXwFLOv\nDnBFr8bv+1z8KGs8NoGmK73/66NOUTgF/VocTy9Dd2Yob8hqlzOkPI+aa3sJ\n7147SJ2IdWz7GdzxyI1uM7XY7cS5Fj2thVadgfKsUtx8JZTz11i/BBOO+mk2\nRkVHbP9DQ5fKCFkPcR8klqBjR3A26F5C7Iksd7sE8/7yAtJtzUSE7HbKv5wQ\nptk3Dc6mHTl2jTfPof99QJgYMWffcnMzbDUzFSjVMCP+CbczACzFHAdxP/0C\nE4TN6lgcCPbUHDqelkqHs+zZypww96V7FghBIvYaHnf22m4Vz6+qKvjxQbCq\nYnQtCAUH2Kf1SqP7w009nHevDNNaNaS3o/edbcmepNFjHtm/PP1cnnI8DltX\nlRuMuh9uGCqsXg5mJgnB2lGmoZAWwhzRW5Ww2A+olmya5Lv/cFoQuhONGqtY\nuLL/PXRhuXYm6ZVo5ACDPksXIWWUGmir6ApPFhvkY86MNbtb7Qw92VkkeVUq\n/7iQ\r\n=pCc+\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:emotion-native-10.0.0-really-unsafe-please-do-not-use.2.tgz","module":"dist/index.esm.js","readme":"# @emotion/native\n\n> Style and render React Native components using emotion\n\n## Install\n\n```\nnpm install @emotion/native\n```\n\nor if you use yarn\n\n```\nyarn add @emotion/native\n```\n\nThis package also depends on `react`, `react-native` and `prop-types` so make sure you've them installed.\n\n## Example\n\n```js\nimport React from 'react'\nimport { AppRegistry } from 'react-native'\nimport styled, { css } from '@emotion/native'\n\nconst Container = styled.View`\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  margin: 50px;\n`\n\nconst Description = styled.Text({\n  color: 'hotpink'\n})\n\nconst Image = styled.Image`\n  padding: 40px;\n`\n\nconst emotionLogo =\n  'https://cdn.rawgit.com/emotion-js/emotion/master/emotion.png'\n\nclass App extends React.Component {\n  render() {\n    return (\n      <Container\n        style={css`\n          border-radius: 10px;\n        `}\n      >\n        <Description style={{ fontSize: 45, fontWeight: 'bold' }}>\n          Emotion Primitives\n        </Description>\n        <Image\n          source={{\n            uri: emotionLogo,\n            height: 150,\n            width: 150\n          }}\n        />\n      </Container>\n    )\n  }\n}\n\nAppRegistry.registerComponent('ExampleApp', () => App)\n```\n\n## Theming\n\nUse `emotion-theming` for theming support.\n\n```js\nimport React from 'react'\nimport styled, { css } from '@emotion/native'\n\nimport { ThemeProvider } from 'emotion-theming'\n\nconst theme = {\n  color: 'hotpink',\n  backgroundColor: 'purple'\n}\n\nconst Container = styled.View`\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  margin: 50px;\n  border: 5px solid red;\n  background-color: ${props => props.theme.backgroundColor};\n`\n\nconst Description = styled.Text({\n  color: 'hotpink'\n})\n\nconst Image = styled.Image`\n  padding: 40px;\n`\n\nconst emotionLogo =\n  'https://cdn.rawgit.com/emotion-js/emotion/master/emotion.png'\n\nclass App extends React.Component {\n  render() {\n    return (\n      <ThemeProvider theme={theme}>\n        <Container\n          style={css`\n            border-radius: 10px;\n          `}\n        >\n          <Description style={{ fontSize: 45, fontWeight: 'bold' }}>\n            Emotion Primitives\n          </Description>\n          <Image\n            source={{\n              uri: emotionLogo,\n              height: 150,\n              width: 150\n            }}\n          />\n        </Container>\n      </ThemeProvider>\n    )\n  }\n}\n```\n\n## Usage with `react-360`\n\n`@emotion/native` can also be used with `react-360` for styling VR applications. Check out [this](https://facebook.github.io/react-360/docs/setup.html) guide for setting up a `react-360` project.\n\n### Example\n\n```js\nimport React from 'react'\nimport { AppRegistry, StyleSheet, Text, View } from 'react-360'\nimport styled from '@emotion/native'\n\nconst StyledName = styled.Text`\n  font-size: 40px;\n  color: hotpink;\n`\n\nexport default class App extends React.Component {\n  render() {\n    return (\n      <View style={styles.panel}>\n        <View style={styles.greetingBox}>\n          <StyledName>Emotion Native</StyledName>\n        </View>\n      </View>\n    )\n  }\n}\n\nconst styles = StyleSheet.create({\n  panel: {\n    // Fill the entire surface\n    width: 1000,\n    height: 600,\n    backgroundColor: 'rgba(255, 255, 255, 0.4)',\n    justifyContent: 'center',\n    alignItems: 'center'\n  },\n  greetingBox: {\n    padding: 20,\n    backgroundColor: '#000000',\n    borderColor: '#639dda',\n    borderWidth: 2\n  },\n  greeting: {\n    fontSize: 30\n  }\n})\n\nAppRegistry.registerComponent('App', () => App)\n```\n","browser":{"./dist/index.cjs.js":"./dist/index.browser.cjs.js"},"gitHead":"0da0de50f6f2c19e46bca7662d1a954d48db1264","_npmUser":{"name":"mitchellhamilton","email":"mitchell@mitchellhamilton.me"},"_resolved":"","_integrity":"","repository":{"url":"https://github.com/emotion-js/emotion/tree/master/packages/native","type":"git"},"_npmVersion":"6.4.1","description":"Style and render React Native components using emotion","directories":{},"_nodeVersion":"10.11.0","dependencies":{"@emotion/primitives-core":"^10.0.0-really-unsafe-please-do-not-use.2"},"publishConfig":{"tag":"next","access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^16.5.0","react-native":"^0.57.0","emotion-theming":"^10.0.0-really-unsafe-please-do-not-use.2"},"peerDependencies":{"react":"15.x || 16.x","prop-types":"15.x","react-native":">=0.14.0 && < 1"},"_npmOperationalInternal":{"tmp":"tmp/native_10.0.0-really-unsafe-please-do-not-use.2_1538109445075_0.3959474680306798","host":"s3://npm-registry-packages"}},"10.0.0-beta.0":{"name":"@emotion/native","version":"10.0.0-beta.0","keywords":["styles","emotion","react","css","css-in-js","native"],"license":"MIT","_id":"@emotion/native@10.0.0-beta.0","maintainers":[{"name":"mitchellhamilton","email":"mitchell@mitchellhamilton.me"},{"name":"tkh44","email":"kye.hohenberger@gmail.com"}],"homepage":"https://emotion.sh","bugs":{"url":"https://github.com/emotion-js/emotion/issues"},"dist":{"shasum":"52bd51c326ce2da9a94f79abe9f0f0bcfb6ebd71","tarball":"https://registry.npmjs.org/@emotion/native/-/native-10.0.0-beta.0.tgz","fileCount":10,"integrity":"sha512-XzgRehlY77jPqDgWmul5Jmbg3lqLLsXvsRqNtcM0I5B0qyAPTfZtQFpfPV0dg999w64KxN6ztw8jHrE4DrdZsg==","signatures":[{"sig":"MEYCIQCjvV1tgPyRYxjJVp/YxLqv9tZOSq/06oBX8tulb6g7AgIhANoDWBF6j1J9+slJArYHMDNL6g8BJZRC3ZoJ3LMa1lMH","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":12810,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJbwaBNCRA9TVsSAnZWagAAmEoP/Rz3xY+HsrzAJ3ouO6xn\n8HTbKn5diIR6I01wPMx3tHQHtTlAKs1j5MhJgREXSwJziRqz9SRLFNrwI3FR\n4gqcQKsirvr5OfEJaD3CuhnFMRtyv9xYf1JDWszzWlItR2+JjveHI1MKCxNm\nfNCMhrQ8sjHtaV569yB6H/AUOBTvuC1VY2lPq6wmdiN7BF7Z6KGC/Zisyi71\nrH18DkvVo/9alP3FJS3kWyFg4hCFtOnX/bvYx7KJRpObJpfuZ9/AdoK5MOSx\n2rL4BysA4KU/FBCrXVYztH6phepq1b1BUBq8anYsxY2UEYMWDOEW12xbFtUj\nW5Zen6h0M14MwGh17jhJzrsdCLSsyexN+1mU8dES8KloNrNFF+yzx48Yaqe8\nCXiHx4Nv0cqZqB0cmihDRNKoaFYpCx8qbZNIgOt0sPNG2zhdtY2Y9i2VDYfG\noGTOcKGGPoiKmfRUNmdywEKeCeYmqE+j0vOKhsAqNRL2+NqXFDcmyqsGjfH1\nkZzT9ublQY0FKsa/o0lF6/KzFtfcJ9g271JwxpIFL+vWf06Ufc639OdsAoqB\nGQBxAhbGDqH1tk0sEtpo0tGuiTxjyjCtSNGI2Zk464Xd4otJeMFM5S8vn4ew\nDmqkWvpqhvFQ/NCgw5jEI7d2VtdaEEYJS9zpQ/1stzB6wh4WkPqvnAWQYpX9\nlXsy\r\n=3eNV\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","module":"dist/index.esm.js","readme":"# @emotion/native\n\n> Style and render React Native components using emotion\n\n## Install\n\n```\nnpm install @emotion/native\n```\n\nor if you use yarn\n\n```\nyarn add @emotion/native\n```\n\nThis package also depends on `react`, `react-native` and `prop-types` so make sure you've them installed.\n\n## Example\n\n```js\nimport React from 'react'\nimport { AppRegistry } from 'react-native'\nimport styled, { css } from '@emotion/native'\n\nconst Container = styled.View`\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  margin: 50px;\n`\n\nconst Description = styled.Text({\n  color: 'hotpink'\n})\n\nconst Image = styled.Image`\n  padding: 40px;\n`\n\nconst emotionLogo =\n  'https://cdn.rawgit.com/emotion-js/emotion/master/emotion.png'\n\nclass App extends React.Component {\n  render() {\n    return (\n      <Container\n        style={css`\n          border-radius: 10px;\n        `}\n      >\n        <Description style={{ fontSize: 45, fontWeight: 'bold' }}>\n          Emotion Primitives\n        </Description>\n        <Image\n          source={{\n            uri: emotionLogo,\n            height: 150,\n            width: 150\n          }}\n        />\n      </Container>\n    )\n  }\n}\n\nAppRegistry.registerComponent('ExampleApp', () => App)\n```\n\n## Theming\n\nUse `emotion-theming` for theming support.\n\n```js\nimport React from 'react'\nimport styled, { css } from '@emotion/native'\n\nimport { ThemeProvider } from 'emotion-theming'\n\nconst theme = {\n  color: 'hotpink',\n  backgroundColor: 'purple'\n}\n\nconst Container = styled.View`\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  margin: 50px;\n  border: 5px solid red;\n  background-color: ${props => props.theme.backgroundColor};\n`\n\nconst Description = styled.Text({\n  color: 'hotpink'\n})\n\nconst Image = styled.Image`\n  padding: 40px;\n`\n\nconst emotionLogo =\n  'https://cdn.rawgit.com/emotion-js/emotion/master/emotion.png'\n\nclass App extends React.Component {\n  render() {\n    return (\n      <ThemeProvider theme={theme}>\n        <Container\n          style={css`\n            border-radius: 10px;\n          `}\n        >\n          <Description style={{ fontSize: 45, fontWeight: 'bold' }}>\n            Emotion Primitives\n          </Description>\n          <Image\n            source={{\n              uri: emotionLogo,\n              height: 150,\n              width: 150\n            }}\n          />\n        </Container>\n      </ThemeProvider>\n    )\n  }\n}\n```\n\n## Usage with `react-360`\n\n`@emotion/native` can also be used with `react-360` for styling VR applications. Check out [this](https://facebook.github.io/react-360/docs/setup.html) guide for setting up a `react-360` project.\n\n### Example\n\n```js\nimport React from 'react'\nimport { AppRegistry, StyleSheet, Text, View } from 'react-360'\nimport styled from '@emotion/native'\n\nconst StyledName = styled.Text`\n  font-size: 40px;\n  color: hotpink;\n`\n\nexport default class App extends React.Component {\n  render() {\n    return (\n      <View style={styles.panel}>\n        <View style={styles.greetingBox}>\n          <StyledName>Emotion Native</StyledName>\n        </View>\n      </View>\n    )\n  }\n}\n\nconst styles = StyleSheet.create({\n  panel: {\n    // Fill the entire surface\n    width: 1000,\n    height: 600,\n    backgroundColor: 'rgba(255, 255, 255, 0.4)',\n    justifyContent: 'center',\n    alignItems: 'center'\n  },\n  greetingBox: {\n    padding: 20,\n    backgroundColor: '#000000',\n    borderColor: '#639dda',\n    borderWidth: 2\n  },\n  greeting: {\n    fontSize: 30\n  }\n})\n\nAppRegistry.registerComponent('App', () => App)\n```\n","browser":{"./dist/index.cjs.js":"./dist/index.browser.cjs.js"},"_npmUser":{"name":"mitchellhamilton","email":"mitchell@mitchellhamilton.me"},"repository":{"url":"https://github.com/emotion-js/emotion/tree/master/packages/native","type":"git"},"_npmVersion":"6.4.1","description":"Style and render React Native components using emotion","directories":{},"_nodeVersion":"10.11.0","dependencies":{"@emotion/primitives-core":"^10.0.0-beta.0"},"publishConfig":{"tag":"next","access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^16.5.0","react-native":"^0.57.0","emotion-theming":"^10.0.0-beta.0"},"peerDependencies":{"react":"15.x || 16.x","prop-types":"15.x","react-native":">=0.14.0 && < 1"},"_npmOperationalInternal":{"tmp":"tmp/native_10.0.0-beta.0_1539416141007_0.25794028708728245","host":"s3://npm-registry-packages"}},"10.0.0-beta.1":{"name":"@emotion/native","version":"10.0.0-beta.1","keywords":["styles","emotion","react","css","css-in-js","native"],"license":"MIT","_id":"@emotion/native@10.0.0-beta.1","maintainers":[{"name":"mitchellhamilton","email":"mitchell@mitchellhamilton.me"},{"name":"tkh44","email":"kye.hohenberger@gmail.com"}],"homepage":"https://emotion.sh","bugs":{"url":"https://github.com/emotion-js/emotion/issues"},"dist":{"shasum":"edd396230bf5c211c62c3801c63021c572c8511c","tarball":"https://registry.npmjs.org/@emotion/native/-/native-10.0.0-beta.1.tgz","fileCount":10,"integrity":"sha512-Jk30CDFL6MkTFH21PRrltMjsv4eRNnMfJxHtHE59+ZRseqyYGnuvH3YYSoIFq9URccj/tffFeXfQd0nO2XqWKw==","signatures":[{"sig":"MEQCIH0jMT/Ej0fuYQSdZp9JtXQXZjpTp+Y4f9GO8+Yqgmy4AiB04bOMoPkuEDTyiS+/qiGS4sak8LIqqh/mWuranDbPOA==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":12810,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJbxGucCRA9TVsSAnZWagAAwagP/1L7ixgMIbhPB2JkMkQq\nozSWxHACV5+AWEqMShDzFeNt/+JmOl/B5D7kAPbqaJBZ+zeTtPu0MYeR0NKV\nA4nlXlp+rIERnV5bli4WMcp0ZobefifjPo+c6HYU9H4sayR3CncuAL0TSlsg\naPRERT6DQIAGOl+NtjBlEhW6jXkALmmysEClkZ0zS3W36UoXQAWRiClxszjx\nUoHQOHkisJOhxEFQBrV03jXXxTIC53N3b9ZQNcirlpWEmifW9XeheVryDE3B\nFbvCYbb7TqSS/Uoyk/7S8BcbW6py0MZkk8lZjGV6ixiWG+UKi7rBqiasV3dy\nuBCGyzC4ViV6/5CVPAVnvltagv4sYVxBdZeQZNbm49Mu1nN+EwY4Uzzk3cxL\n+N3gCwuD7vTG9t2UywDHM4+IJ2YIMC5YMFlzN0Giy6x/35C3imHxatthq+TX\nCFrA6fnz3cAinnAfLgaK0Ewis117GZ6TL3usJJoBgBEibfuOWjucWJbhhrrL\nsJgFIXG0zXF1mwIa1HiSjwYeGH1A8ZgRdgm9VxsUoEnYZtn+ZQsPlvEHfwBq\nv2LQWFO9/4zSLMhvFAEQSzy+K6j5468CelQRF+M9g1w2PPdn67DmNpLnophq\nBf2Ym1HgrPRkVykyE8TAvzDJZ9t9TEV7qbw9n8dx5dp/I914B0zKFcndSXre\ntUsd\r\n=qDsA\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","module":"dist/index.esm.js","readme":"# @emotion/native\n\n> Style and render React Native components using emotion\n\n## Install\n\n```\nnpm install @emotion/native\n```\n\nor if you use yarn\n\n```\nyarn add @emotion/native\n```\n\nThis package also depends on `react`, `react-native` and `prop-types` so make sure you've them installed.\n\n## Example\n\n```js\nimport React from 'react'\nimport { AppRegistry } from 'react-native'\nimport styled, { css } from '@emotion/native'\n\nconst Container = styled.View`\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  margin: 50px;\n`\n\nconst Description = styled.Text({\n  color: 'hotpink'\n})\n\nconst Image = styled.Image`\n  padding: 40px;\n`\n\nconst emotionLogo =\n  'https://cdn.rawgit.com/emotion-js/emotion/master/emotion.png'\n\nclass App extends React.Component {\n  render() {\n    return (\n      <Container\n        style={css`\n          border-radius: 10px;\n        `}\n      >\n        <Description style={{ fontSize: 45, fontWeight: 'bold' }}>\n          Emotion Primitives\n        </Description>\n        <Image\n          source={{\n            uri: emotionLogo,\n            height: 150,\n            width: 150\n          }}\n        />\n      </Container>\n    )\n  }\n}\n\nAppRegistry.registerComponent('ExampleApp', () => App)\n```\n\n## Theming\n\nUse `emotion-theming` for theming support.\n\n```js\nimport React from 'react'\nimport styled, { css } from '@emotion/native'\n\nimport { ThemeProvider } from 'emotion-theming'\n\nconst theme = {\n  color: 'hotpink',\n  backgroundColor: 'purple'\n}\n\nconst Container = styled.View`\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  margin: 50px;\n  border: 5px solid red;\n  background-color: ${props => props.theme.backgroundColor};\n`\n\nconst Description = styled.Text({\n  color: 'hotpink'\n})\n\nconst Image = styled.Image`\n  padding: 40px;\n`\n\nconst emotionLogo =\n  'https://cdn.rawgit.com/emotion-js/emotion/master/emotion.png'\n\nclass App extends React.Component {\n  render() {\n    return (\n      <ThemeProvider theme={theme}>\n        <Container\n          style={css`\n            border-radius: 10px;\n          `}\n        >\n          <Description style={{ fontSize: 45, fontWeight: 'bold' }}>\n            Emotion Primitives\n          </Description>\n          <Image\n            source={{\n              uri: emotionLogo,\n              height: 150,\n              width: 150\n            }}\n          />\n        </Container>\n      </ThemeProvider>\n    )\n  }\n}\n```\n\n## Usage with `react-360`\n\n`@emotion/native` can also be used with `react-360` for styling VR applications. Check out [this](https://facebook.github.io/react-360/docs/setup.html) guide for setting up a `react-360` project.\n\n### Example\n\n```js\nimport React from 'react'\nimport { AppRegistry, StyleSheet, Text, View } from 'react-360'\nimport styled from '@emotion/native'\n\nconst StyledName = styled.Text`\n  font-size: 40px;\n  color: hotpink;\n`\n\nexport default class App extends React.Component {\n  render() {\n    return (\n      <View style={styles.panel}>\n        <View style={styles.greetingBox}>\n          <StyledName>Emotion Native</StyledName>\n        </View>\n      </View>\n    )\n  }\n}\n\nconst styles = StyleSheet.create({\n  panel: {\n    // Fill the entire surface\n    width: 1000,\n    height: 600,\n    backgroundColor: 'rgba(255, 255, 255, 0.4)',\n    justifyContent: 'center',\n    alignItems: 'center'\n  },\n  greetingBox: {\n    padding: 20,\n    backgroundColor: '#000000',\n    borderColor: '#639dda',\n    borderWidth: 2\n  },\n  greeting: {\n    fontSize: 30\n  }\n})\n\nAppRegistry.registerComponent('App', () => App)\n```\n","browser":{"./dist/index.cjs.js":"./dist/index.browser.cjs.js"},"_npmUser":{"name":"mitchellhamilton","email":"mitchell@mitchellhamilton.me"},"repository":{"url":"https://github.com/emotion-js/emotion/tree/master/packages/native","type":"git"},"_npmVersion":"6.4.1","description":"Style and render React Native components using emotion","directories":{},"_nodeVersion":"10.11.0","dependencies":{"@emotion/primitives-core":"^10.0.0-beta.1"},"publishConfig":{"tag":"next","access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^16.5.0","react-native":"^0.57.0","emotion-theming":"^10.0.0-beta.1"},"peerDependencies":{"react":"15.x || 16.x","prop-types":"15.x","react-native":">=0.14.0 && < 1"},"_npmOperationalInternal":{"tmp":"tmp/native_10.0.0-beta.1_1539599259952_0.3540069983090173","host":"s3://npm-registry-packages"}},"10.0.0-beta.2":{"name":"@emotion/native","version":"10.0.0-beta.2","keywords":["styles","emotion","react","css","css-in-js","native"],"license":"MIT","_id":"@emotion/native@10.0.0-beta.2","maintainers":[{"name":"mitchellhamilton","email":"mitchell@mitchellhamilton.me"},{"name":"tkh44","email":"kye.hohenberger@gmail.com"}],"homepage":"https://emotion.sh","bugs":{"url":"https://github.com/emotion-js/emotion/issues"},"dist":{"shasum":"e5c521a33a247e3c24b32f783eec71ef3477c18e","tarball":"https://registry.npmjs.org/@emotion/native/-/native-10.0.0-beta.2.tgz","fileCount":10,"integrity":"sha512-SoSf1+kSo+9DbV+PBn/pxQdbo9QQJh/ca89c5PDF2hSNEmmCRk2xJqe3Qt98sWspkDK5T41NCA/S6a6XJoUEfg==","signatures":[{"sig":"MEYCIQDfOXId4Xr0+1VcyZTFB/rUHNWpKkyY3uP7RBSqC1DkKQIhALbpkrEXVWuVh3nZR6h/lX0eQRrim/37MWktYgA1etYL","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":12810,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJbxaLeCRA9TVsSAnZWagAAtt8P/0lgT2S5FOpVSlh0mWHC\nCp+OAbrW/zkWqzXq76rpHsOK8C38AfM0FUQn28vE1WUqMVoxMsvd4u7D7jiE\nR87AjvwrSVjdL88vmee/SlgMcq7Gqo3Ac4UtHPFH7RweqJkm8FrWOdwTy6rj\njx/2r+68sFYGeyc3GMtkJqKRRskrwuXbBdaqdsBkBj67lut2qFu1zAY7+4E7\nnuQ5CENlpQly3Qwo9wM3vvMvJfuadur3w+NMUclrfopmUCj5EWzPELTJeNO6\nwU31WL+fT5h4Fs89So/BYAvTxo3NVEEHVDevq/TRkp8drYA2bslbt8dqtNIt\nuq+Bbzqh/MOmCDsX6IaD4ysfal1n7HW5M4tE1Kt47Xu4FFmmqeJ5TYZMq/Qp\nxjtpiz6H2eCnkmaFn1bkclIa3fwSRRulJZDf0A9E9+r+Wlh0Add0QCYX2P7Q\nSp5u9ChBljMMDbs+6dHMqiFWTdAjlgVSxKDP4mKOpzaTW0gL+00xkp2y8QLY\noSsWWnsFL8+ZiIp+mmy7i27z/8j39HqgKNbU5pReUX6I+sBRtAIfLgf6qKgi\nyQJtx9ayLAK1PpPzVTZP13P+fnVGkSkxZ0TIRoNAfu0tU5ewjqgdJ8v5Xp7U\n4lYvfoQMenr2a1taaMbWxkMhjpx/ZzEt8mgO4iwdhjuQG1dBvyiZeJjOk9b1\nApGl\r\n=QUlo\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","module":"dist/index.esm.js","readme":"# @emotion/native\n\n> Style and render React Native components using emotion\n\n## Install\n\n```\nnpm install @emotion/native\n```\n\nor if you use yarn\n\n```\nyarn add @emotion/native\n```\n\nThis package also depends on `react`, `react-native` and `prop-types` so make sure you've them installed.\n\n## Example\n\n```js\nimport React from 'react'\nimport { AppRegistry } from 'react-native'\nimport styled, { css } from '@emotion/native'\n\nconst Container = styled.View`\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  margin: 50px;\n`\n\nconst Description = styled.Text({\n  color: 'hotpink'\n})\n\nconst Image = styled.Image`\n  padding: 40px;\n`\n\nconst emotionLogo =\n  'https://cdn.rawgit.com/emotion-js/emotion/master/emotion.png'\n\nclass App extends React.Component {\n  render() {\n    return (\n      <Container\n        style={css`\n          border-radius: 10px;\n        `}\n      >\n        <Description style={{ fontSize: 45, fontWeight: 'bold' }}>\n          Emotion Primitives\n        </Description>\n        <Image\n          source={{\n            uri: emotionLogo,\n            height: 150,\n            width: 150\n          }}\n        />\n      </Container>\n    )\n  }\n}\n\nAppRegistry.registerComponent('ExampleApp', () => App)\n```\n\n## Theming\n\nUse `emotion-theming` for theming support.\n\n```js\nimport React from 'react'\nimport styled, { css } from '@emotion/native'\n\nimport { ThemeProvider } from 'emotion-theming'\n\nconst theme = {\n  color: 'hotpink',\n  backgroundColor: 'purple'\n}\n\nconst Container = styled.View`\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  margin: 50px;\n  border: 5px solid red;\n  background-color: ${props => props.theme.backgroundColor};\n`\n\nconst Description = styled.Text({\n  color: 'hotpink'\n})\n\nconst Image = styled.Image`\n  padding: 40px;\n`\n\nconst emotionLogo =\n  'https://cdn.rawgit.com/emotion-js/emotion/master/emotion.png'\n\nclass App extends React.Component {\n  render() {\n    return (\n      <ThemeProvider theme={theme}>\n        <Container\n          style={css`\n            border-radius: 10px;\n          `}\n        >\n          <Description style={{ fontSize: 45, fontWeight: 'bold' }}>\n            Emotion Primitives\n          </Description>\n          <Image\n            source={{\n              uri: emotionLogo,\n              height: 150,\n              width: 150\n            }}\n          />\n        </Container>\n      </ThemeProvider>\n    )\n  }\n}\n```\n\n## Usage with `react-360`\n\n`@emotion/native` can also be used with `react-360` for styling VR applications. Check out [this](https://facebook.github.io/react-360/docs/setup.html) guide for setting up a `react-360` project.\n\n### Example\n\n```js\nimport React from 'react'\nimport { AppRegistry, StyleSheet, Text, View } from 'react-360'\nimport styled from '@emotion/native'\n\nconst StyledName = styled.Text`\n  font-size: 40px;\n  color: hotpink;\n`\n\nexport default class App extends React.Component {\n  render() {\n    return (\n      <View style={styles.panel}>\n        <View style={styles.greetingBox}>\n          <StyledName>Emotion Native</StyledName>\n        </View>\n      </View>\n    )\n  }\n}\n\nconst styles = StyleSheet.create({\n  panel: {\n    // Fill the entire surface\n    width: 1000,\n    height: 600,\n    backgroundColor: 'rgba(255, 255, 255, 0.4)',\n    justifyContent: 'center',\n    alignItems: 'center'\n  },\n  greetingBox: {\n    padding: 20,\n    backgroundColor: '#000000',\n    borderColor: '#639dda',\n    borderWidth: 2\n  },\n  greeting: {\n    fontSize: 30\n  }\n})\n\nAppRegistry.registerComponent('App', () => App)\n```\n","browser":{"./dist/index.cjs.js":"./dist/index.browser.cjs.js"},"_npmUser":{"name":"mitchellhamilton","email":"mitchell@mitchellhamilton.me"},"repository":{"url":"https://github.com/emotion-js/emotion/tree/master/packages/native","type":"git"},"_npmVersion":"6.4.1","description":"Style and render React Native components using emotion","directories":{},"_nodeVersion":"10.11.0","dependencies":{"@emotion/primitives-core":"^10.0.0-beta.2"},"publishConfig":{"tag":"next","access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^16.5.0","react-native":"^0.57.0","emotion-theming":"^10.0.0-beta.2"},"peerDependencies":{"react":"15.x || 16.x","prop-types":"15.x","react-native":">=0.14.0 && < 1"},"_npmOperationalInternal":{"tmp":"tmp/native_10.0.0-beta.2_1539678942207_0.9899680644049911","host":"s3://npm-registry-packages"}},"10.0.0-beta.3":{"name":"@emotion/native","version":"10.0.0-beta.3","keywords":["styles","emotion","react","css","css-in-js","native"],"license":"MIT","_id":"@emotion/native@10.0.0-beta.3","maintainers":[{"name":"mitchellhamilton","email":"mitchell@mitchellhamilton.me"},{"name":"tkh44","email":"kye.hohenberger@gmail.com"}],"homepage":"https://emotion.sh","bugs":{"url":"https://github.com/emotion-js/emotion/issues"},"dist":{"shasum":"53cc0085e9fb611dbe67764b40bcaf71c7436bfe","tarball":"https://registry.npmjs.org/@emotion/native/-/native-10.0.0-beta.3.tgz","fileCount":10,"integrity":"sha512-LtplElO8FESA+wiiwLI95qtKy7cS6Sn0WknO6ydIpKdBVeM/H5T5wQoCOGRG7y1NgxAE+4beu6u67vYhrYf/LA==","signatures":[{"sig":"MEYCIQC1FTC5WAi8EuBttzlJJcvZjpPazvlhm1qCA8mAYP6SfwIhAPiYqEe4WkV9sMKY5qNEc4YdJ5imu19eOZPDFydnR0Vm","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":12810,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJbxntKCRA9TVsSAnZWagAAQJsP/i+GBTTm4ETa5qnuUBRH\nJvHGI6WpuToe9AM1fDc84Izt5CRLDYpHebylFvCmPuv1HNOIU5+/t9KjS3Wn\nskPL2CcolsV1j+44pAEhMALjQkP/tsVRLEDJ9GCFCAho4zkixMaoVkeuVbQw\nKlMNEETwKjFHLymoxizxQ2j9xzN0OjqV7X8w8tfzin5UZzUWW0Ea/IvJdN8M\nj0yQ6Sh8lumKgV1sUs6hHQMtbZ0VEMH2QiB5Bk2j4jfACmY+pWfqrYo9QTuF\ne3nx5G3TP7+WFSHEE74IasBA1yxdJ60IYQ8ZDhKI4HkITUxhIE8DxP0CB8w3\nd92YgvV2Zm/1VDmTROoSKZaLlns9AQpQUMPeflvvdIo3c1MuPGFlLchcEwIj\nkorWcSVGqueLmdkSjm1KMTeLwR7EWmBfYJGV8MXmoTerL0eKkeNw+BC8532Q\nV3726l+7giKZjnHgFo18b7HyowVpKwmdB63brDEmPERzA3pQRl2zk7RrA6a7\nDwmNXV413BI0kZBRbti6LFKpkKqvx+rDWnxSK+EUdWWDNyDdDOPocAnz9Qk/\nUmYaGUq/m6dtIXB694rzdQm9Cv0z7+wZ83HOXmPI6NxP6S0RZGwiAjkv+qp9\nB4cfpUa9s7shYVwQK8+qMfMp4dTti8D40IvVQpcZqnAe+52uazZLE5/K9bSL\nhefo\r\n=zM05\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","module":"dist/index.esm.js","readme":"# @emotion/native\n\n> Style and render React Native components using emotion\n\n## Install\n\n```\nnpm install @emotion/native\n```\n\nor if you use yarn\n\n```\nyarn add @emotion/native\n```\n\nThis package also depends on `react`, `react-native` and `prop-types` so make sure you've them installed.\n\n## Example\n\n```js\nimport React from 'react'\nimport { AppRegistry } from 'react-native'\nimport styled, { css } from '@emotion/native'\n\nconst Container = styled.View`\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  margin: 50px;\n`\n\nconst Description = styled.Text({\n  color: 'hotpink'\n})\n\nconst Image = styled.Image`\n  padding: 40px;\n`\n\nconst emotionLogo =\n  'https://cdn.rawgit.com/emotion-js/emotion/master/emotion.png'\n\nclass App extends React.Component {\n  render() {\n    return (\n      <Container\n        style={css`\n          border-radius: 10px;\n        `}\n      >\n        <Description style={{ fontSize: 45, fontWeight: 'bold' }}>\n          Emotion Primitives\n        </Description>\n        <Image\n          source={{\n            uri: emotionLogo,\n            height: 150,\n            width: 150\n          }}\n        />\n      </Container>\n    )\n  }\n}\n\nAppRegistry.registerComponent('ExampleApp', () => App)\n```\n\n## Theming\n\nUse `emotion-theming` for theming support.\n\n```js\nimport React from 'react'\nimport styled, { css } from '@emotion/native'\n\nimport { ThemeProvider } from 'emotion-theming'\n\nconst theme = {\n  color: 'hotpink',\n  backgroundColor: 'purple'\n}\n\nconst Container = styled.View`\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  margin: 50px;\n  border: 5px solid red;\n  background-color: ${props => props.theme.backgroundColor};\n`\n\nconst Description = styled.Text({\n  color: 'hotpink'\n})\n\nconst Image = styled.Image`\n  padding: 40px;\n`\n\nconst emotionLogo =\n  'https://cdn.rawgit.com/emotion-js/emotion/master/emotion.png'\n\nclass App extends React.Component {\n  render() {\n    return (\n      <ThemeProvider theme={theme}>\n        <Container\n          style={css`\n            border-radius: 10px;\n          `}\n        >\n          <Description style={{ fontSize: 45, fontWeight: 'bold' }}>\n            Emotion Primitives\n          </Description>\n          <Image\n            source={{\n              uri: emotionLogo,\n              height: 150,\n              width: 150\n            }}\n          />\n        </Container>\n      </ThemeProvider>\n    )\n  }\n}\n```\n\n## Usage with `react-360`\n\n`@emotion/native` can also be used with `react-360` for styling VR applications. Check out [this](https://facebook.github.io/react-360/docs/setup.html) guide for setting up a `react-360` project.\n\n### Example\n\n```js\nimport React from 'react'\nimport { AppRegistry, StyleSheet, Text, View } from 'react-360'\nimport styled from '@emotion/native'\n\nconst StyledName = styled.Text`\n  font-size: 40px;\n  color: hotpink;\n`\n\nexport default class App extends React.Component {\n  render() {\n    return (\n      <View style={styles.panel}>\n        <View style={styles.greetingBox}>\n          <StyledName>Emotion Native</StyledName>\n        </View>\n      </View>\n    )\n  }\n}\n\nconst styles = StyleSheet.create({\n  panel: {\n    // Fill the entire surface\n    width: 1000,\n    height: 600,\n    backgroundColor: 'rgba(255, 255, 255, 0.4)',\n    justifyContent: 'center',\n    alignItems: 'center'\n  },\n  greetingBox: {\n    padding: 20,\n    backgroundColor: '#000000',\n    borderColor: '#639dda',\n    borderWidth: 2\n  },\n  greeting: {\n    fontSize: 30\n  }\n})\n\nAppRegistry.registerComponent('App', () => App)\n```\n","browser":{"./dist/index.cjs.js":"./dist/index.browser.cjs.js"},"_npmUser":{"name":"mitchellhamilton","email":"mitchell@mitchellhamilton.me"},"repository":{"url":"https://github.com/emotion-js/emotion/tree/master/packages/native","type":"git"},"_npmVersion":"6.4.1","description":"Style and render React Native components using emotion","directories":{},"_nodeVersion":"10.11.0","dependencies":{"@emotion/primitives-core":"^10.0.0-beta.3"},"publishConfig":{"tag":"next","access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^16.5.2","react-native":"^0.57.0","emotion-theming":"^10.0.0-beta.3"},"peerDependencies":{"react":"15.x || 16.x","prop-types":"15.x","react-native":">=0.14.0 && < 1"},"_npmOperationalInternal":{"tmp":"tmp/native_10.0.0-beta.3_1539734345966_0.8539310544448735","host":"s3://npm-registry-packages"}},"10.0.0-beta.4":{"name":"@emotion/native","version":"10.0.0-beta.4","keywords":["styles","emotion","react","css","css-in-js","native"],"license":"MIT","_id":"@emotion/native@10.0.0-beta.4","maintainers":[{"name":"mitchellhamilton","email":"mitchell@mitchellhamilton.me"},{"name":"tkh44","email":"kye.hohenberger@gmail.com"}],"homepage":"https://emotion.sh","bugs":{"url":"https://github.com/emotion-js/emotion/issues"},"dist":{"shasum":"2fd814147d6fb8abe90b551c8415cef00ed40aee","tarball":"https://registry.npmjs.org/@emotion/native/-/native-10.0.0-beta.4.tgz","fileCount":10,"integrity":"sha512-FZNY3RLL4Rvz89+SFiLtY7/eoS7A6ya2C4Kct5SLCS4for1yW+qZmlBsCY4sAuEKvGESd+9ktuxrVpystp9gXA==","signatures":[{"sig":"MEQCIDE7sNvpounElC5nnVWzFt4lNKGLyRkPPeDW4Ja2rY+sAiAEDBDEffLXAv070lutIY11OMrxTqHGY/fZTqp7pwghyw==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":12810,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJbxuQNCRA9TVsSAnZWagAA1KgP/1qmVMQimMkKBirvQzq8\n0IR+UpYaNeWDIlENt6ljqgA9fpo602rtayOQgJbhDTv22AdyvpWqeO9trJ4x\nE6+YFul9YPcUGDDI9a0gbHxtkuPWbUZb1hpU9MqvGiWdCtlAdujTKinvADVh\neRwnqtMNcqJdsHQJTY5lwj9UN/8RvGOTssT/HXhCYbYBMWy9rtUPH/birEu5\nrBFztXLI1pV4rTPtlR762ZyaUVfDpBm53oFUDt4rlFNrmbueaUakmj48DVeS\n3hlUOjiUeT9zU6SRc9mm/H08GljCn2E1HQdOqwi876VXywPCLG6k0aV9moJv\nQCJ/+YZqIkABXskNXPWvkB2MoEXV+D6pCEJW04HtTpHu+BfXeFeqfN2Ws9vA\neMrNVfmbpI4Z2pwNNNa0zWLiCIup5DvWXtxeua+oWcDs0irtFF75SHnfhwXk\nwwhJcTNb+AqTK8mWhkQY1eKLZBsLjG6a6/qQSMR8XPwMsMMj8U2IMUswdH+E\nKRVDi0mhXt3Iv+HjdKDnlGtRPEM02v86wRS92KbSUNbs9NWZj+KDBfQBWpYw\nKWqXsHy97q0A4TEUeJC8AQp5XSuinIDEl9vd0dyL1TcODJ9onkWjaoa94gSs\nLxDfMVdnpe686MJikiT9zxYUChaxCh5JsnmS3HSCJap1xQs7/DC4D0KaviPo\nallf\r\n=OwR3\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","module":"dist/index.esm.js","readme":"# @emotion/native\n\n> Style and render React Native components using emotion\n\n## Install\n\n```\nnpm install @emotion/native\n```\n\nor if you use yarn\n\n```\nyarn add @emotion/native\n```\n\nThis package also depends on `react`, `react-native` and `prop-types` so make sure you've them installed.\n\n## Example\n\n```js\nimport React from 'react'\nimport { AppRegistry } from 'react-native'\nimport styled, { css } from '@emotion/native'\n\nconst Container = styled.View`\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  margin: 50px;\n`\n\nconst Description = styled.Text({\n  color: 'hotpink'\n})\n\nconst Image = styled.Image`\n  padding: 40px;\n`\n\nconst emotionLogo =\n  'https://cdn.rawgit.com/emotion-js/emotion/master/emotion.png'\n\nclass App extends React.Component {\n  render() {\n    return (\n      <Container\n        style={css`\n          border-radius: 10px;\n        `}\n      >\n        <Description style={{ fontSize: 45, fontWeight: 'bold' }}>\n          Emotion Primitives\n        </Description>\n        <Image\n          source={{\n            uri: emotionLogo,\n            height: 150,\n            width: 150\n          }}\n        />\n      </Container>\n    )\n  }\n}\n\nAppRegistry.registerComponent('ExampleApp', () => App)\n```\n\n## Theming\n\nUse `emotion-theming` for theming support.\n\n```js\nimport React from 'react'\nimport styled, { css } from '@emotion/native'\n\nimport { ThemeProvider } from 'emotion-theming'\n\nconst theme = {\n  color: 'hotpink',\n  backgroundColor: 'purple'\n}\n\nconst Container = styled.View`\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  margin: 50px;\n  border: 5px solid red;\n  background-color: ${props => props.theme.backgroundColor};\n`\n\nconst Description = styled.Text({\n  color: 'hotpink'\n})\n\nconst Image = styled.Image`\n  padding: 40px;\n`\n\nconst emotionLogo =\n  'https://cdn.rawgit.com/emotion-js/emotion/master/emotion.png'\n\nclass App extends React.Component {\n  render() {\n    return (\n      <ThemeProvider theme={theme}>\n        <Container\n          style={css`\n            border-radius: 10px;\n          `}\n        >\n          <Description style={{ fontSize: 45, fontWeight: 'bold' }}>\n            Emotion Primitives\n          </Description>\n          <Image\n            source={{\n              uri: emotionLogo,\n              height: 150,\n              width: 150\n            }}\n          />\n        </Container>\n      </ThemeProvider>\n    )\n  }\n}\n```\n\n## Usage with `react-360`\n\n`@emotion/native` can also be used with `react-360` for styling VR applications. Check out [this](https://facebook.github.io/react-360/docs/setup.html) guide for setting up a `react-360` project.\n\n### Example\n\n```js\nimport React from 'react'\nimport { AppRegistry, StyleSheet, Text, View } from 'react-360'\nimport styled from '@emotion/native'\n\nconst StyledName = styled.Text`\n  font-size: 40px;\n  color: hotpink;\n`\n\nexport default class App extends React.Component {\n  render() {\n    return (\n      <View style={styles.panel}>\n        <View style={styles.greetingBox}>\n          <StyledName>Emotion Native</StyledName>\n        </View>\n      </View>\n    )\n  }\n}\n\nconst styles = StyleSheet.create({\n  panel: {\n    // Fill the entire surface\n    width: 1000,\n    height: 600,\n    backgroundColor: 'rgba(255, 255, 255, 0.4)',\n    justifyContent: 'center',\n    alignItems: 'center'\n  },\n  greetingBox: {\n    padding: 20,\n    backgroundColor: '#000000',\n    borderColor: '#639dda',\n    borderWidth: 2\n  },\n  greeting: {\n    fontSize: 30\n  }\n})\n\nAppRegistry.registerComponent('App', () => App)\n```\n","browser":{"./dist/index.cjs.js":"./dist/index.browser.cjs.js"},"_npmUser":{"name":"mitchellhamilton","email":"mitchell@mitchellhamilton.me"},"repository":{"url":"https://github.com/emotion-js/emotion/tree/master/packages/native","type":"git"},"_npmVersion":"6.4.1","description":"Style and render React Native components using emotion","directories":{},"_nodeVersion":"10.11.0","dependencies":{"@emotion/primitives-core":"^10.0.0-beta.4"},"publishConfig":{"tag":"next","access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^16.5.2","react-native":"^0.57.0","emotion-theming":"^10.0.0-beta.4"},"peerDependencies":{"react":"15.x || 16.x","prop-types":"15.x","react-native":">=0.14.0 && < 1"},"_npmOperationalInternal":{"tmp":"tmp/native_10.0.0-beta.4_1539761165038_0.7891372947606594","host":"s3://npm-registry-packages"}},"10.0.0-beta.5":{"name":"@emotion/native","version":"10.0.0-beta.5","keywords":["styles","emotion","react","css","css-in-js","native"],"license":"MIT","_id":"@emotion/native@10.0.0-beta.5","maintainers":[{"name":"mitchellhamilton","email":"mitchell@mitchellhamilton.me"},{"name":"tkh44","email":"kye.hohenberger@gmail.com"}],"homepage":"https://emotion.sh","bugs":{"url":"https://github.com/emotion-js/emotion/issues"},"dist":{"shasum":"14750eb1ce84e2127081b9a83e468657646ff6b2","tarball":"https://registry.npmjs.org/@emotion/native/-/native-10.0.0-beta.5.tgz","fileCount":10,"integrity":"sha512-viESyIvgM0GOqwWSiKYOyz6gt/BBw6HICM9f1ONIFudlA4XuzKtW1xAynY60sYyaXHcQKwZvBTnRdC3oIKrGCg==","signatures":[{"sig":"MEYCIQCJWqGUvNEjH7FN9RHHYBgh94sV7yDscvhsGxepc0ZtnwIhAIidJWgnGTMrgXc7dngQUJz+/7aVfn8x73tbPdkxmfDc","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":12810,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJbxuYwCRA9TVsSAnZWagAAXKIP/1OAuX+xX2cXeiMAopjv\noKnWH2GEuOFWYhup5X+RsLhn5TODlnvwsCEU4cbI7pOBsaRAH4DkGl0Bfcxs\nMfK2npsVjS0NzxFDh2zqqBk4Hv00sx+gCuQ8TBDWGms21zSnoLXyKcImoqdy\nw7vT9O5iIn6UfIqWmKRWrUDngY6emIP0Z4oK1dXtsXtDnwil2YrFGwZbu+Da\nUjEAmie5xSoDPDmcrrk2Dxvl4CfNkB9sqxnQ0NMkm58EG2E4rq/j8ksA1T/E\njveR/brcpUFy/IMFdwDouNBMgV0hPGiiHvyD8WnuNgurzroX3OKwBWRfIzZ4\nz09td8uBKkqKPx9hb5Ykhr5nqnZnE93WGHBKSn9gML/Fk/eBp+zbVos2z3Do\nLUNGzIK8SBErMc7qWtVTv9wpWPGN8s6tSjlc0r6ZGmEqd8CoximWjZbnKt2T\n2aCdwGwrEbrHaxay1ltWmQ/AnZRwzs8M8eLP6NIuZv+LiAx0jQGORuDIysMA\nYghZcICFOrqF/1GQNDJZMnBN7ng2amdfPneJ+O+XmNIDXSRYBXH2rOqkr4Gt\nY8UsIpZlysV6xocjUbrQaZWvkq2wI+xo8m8Vgxw5A3cM9bQiH6KT2Kjerj/t\nUXlXeJLXHbjiZ32ZtfgOYt4PMOGm49AYKo/B3xgoPuMBktF4+WtFNL1I2KPL\nGxPr\r\n=hBhJ\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","module":"dist/index.esm.js","readme":"# @emotion/native\n\n> Style and render React Native components using emotion\n\n## Install\n\n```\nnpm install @emotion/native\n```\n\nor if you use yarn\n\n```\nyarn add @emotion/native\n```\n\nThis package also depends on `react`, `react-native` and `prop-types` so make sure you've them installed.\n\n## Example\n\n```js\nimport React from 'react'\nimport { AppRegistry } from 'react-native'\nimport styled, { css } from '@emotion/native'\n\nconst Container = styled.View`\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  margin: 50px;\n`\n\nconst Description = styled.Text({\n  color: 'hotpink'\n})\n\nconst Image = styled.Image`\n  padding: 40px;\n`\n\nconst emotionLogo =\n  'https://cdn.rawgit.com/emotion-js/emotion/master/emotion.png'\n\nclass App extends React.Component {\n  render() {\n    return (\n      <Container\n        style={css`\n          border-radius: 10px;\n        `}\n      >\n        <Description style={{ fontSize: 45, fontWeight: 'bold' }}>\n          Emotion Primitives\n        </Description>\n        <Image\n          source={{\n            uri: emotionLogo,\n            height: 150,\n            width: 150\n          }}\n        />\n      </Container>\n    )\n  }\n}\n\nAppRegistry.registerComponent('ExampleApp', () => App)\n```\n\n## Theming\n\nUse `emotion-theming` for theming support.\n\n```js\nimport React from 'react'\nimport styled, { css } from '@emotion/native'\n\nimport { ThemeProvider } from 'emotion-theming'\n\nconst theme = {\n  color: 'hotpink',\n  backgroundColor: 'purple'\n}\n\nconst Container = styled.View`\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  margin: 50px;\n  border: 5px solid red;\n  background-color: ${props => props.theme.backgroundColor};\n`\n\nconst Description = styled.Text({\n  color: 'hotpink'\n})\n\nconst Image = styled.Image`\n  padding: 40px;\n`\n\nconst emotionLogo =\n  'https://cdn.rawgit.com/emotion-js/emotion/master/emotion.png'\n\nclass App extends React.Component {\n  render() {\n    return (\n      <ThemeProvider theme={theme}>\n        <Container\n          style={css`\n            border-radius: 10px;\n          `}\n        >\n          <Description style={{ fontSize: 45, fontWeight: 'bold' }}>\n            Emotion Primitives\n          </Description>\n          <Image\n            source={{\n              uri: emotionLogo,\n              height: 150,\n              width: 150\n            }}\n          />\n        </Container>\n      </ThemeProvider>\n    )\n  }\n}\n```\n\n## Usage with `react-360`\n\n`@emotion/native` can also be used with `react-360` for styling VR applications. Check out [this](https://facebook.github.io/react-360/docs/setup.html) guide for setting up a `react-360` project.\n\n### Example\n\n```js\nimport React from 'react'\nimport { AppRegistry, StyleSheet, Text, View } from 'react-360'\nimport styled from '@emotion/native'\n\nconst StyledName = styled.Text`\n  font-size: 40px;\n  color: hotpink;\n`\n\nexport default class App extends React.Component {\n  render() {\n    return (\n      <View style={styles.panel}>\n        <View style={styles.greetingBox}>\n          <StyledName>Emotion Native</StyledName>\n        </View>\n      </View>\n    )\n  }\n}\n\nconst styles = StyleSheet.create({\n  panel: {\n    // Fill the entire surface\n    width: 1000,\n    height: 600,\n    backgroundColor: 'rgba(255, 255, 255, 0.4)',\n    justifyContent: 'center',\n    alignItems: 'center'\n  },\n  greetingBox: {\n    padding: 20,\n    backgroundColor: '#000000',\n    borderColor: '#639dda',\n    borderWidth: 2\n  },\n  greeting: {\n    fontSize: 30\n  }\n})\n\nAppRegistry.registerComponent('App', () => App)\n```\n","browser":{"./dist/index.cjs.js":"./dist/index.browser.cjs.js"},"_npmUser":{"name":"mitchellhamilton","email":"mitchell@mitchellhamilton.me"},"repository":{"url":"https://github.com/emotion-js/emotion/tree/master/packages/native","type":"git"},"_npmVersion":"6.4.1","description":"Style and render React Native components using emotion","directories":{},"_nodeVersion":"10.11.0","dependencies":{"@emotion/primitives-core":"^10.0.0-beta.5"},"publishConfig":{"tag":"next","access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^16.5.2","react-native":"^0.57.0","emotion-theming":"^10.0.0-beta.5"},"peerDependencies":{"react":"15.x || 16.x","prop-types":"15.x","react-native":">=0.14.0 && < 1"},"_npmOperationalInternal":{"tmp":"tmp/native_10.0.0-beta.5_1539761711703_0.08765655323330113","host":"s3://npm-registry-packages"}},"10.0.0-beta.6":{"name":"@emotion/native","version":"10.0.0-beta.6","keywords":["styles","emotion","react","css","css-in-js","native"],"license":"MIT","_id":"@emotion/native@10.0.0-beta.6","maintainers":[{"name":"mitchellhamilton","email":"mitchell@mitchellhamilton.me"},{"name":"tkh44","email":"kye.hohenberger@gmail.com"}],"homepage":"https://emotion.sh","bugs":{"url":"https://github.com/emotion-js/emotion/issues"},"dist":{"shasum":"3f0858489a7d9a4da9d5bea19e9ce0fff83882f6","tarball":"https://registry.npmjs.org/@emotion/native/-/native-10.0.0-beta.6.tgz","fileCount":10,"integrity":"sha512-h3PyyFiQ1GhW7KnIEiwZg0P9cIVR/rTTX7D7k0OxZ331+GhCTyeRnmL/e24XzkHNn5oL65KLuqkPUkVoqnwerw==","signatures":[{"sig":"MEUCIQCE/r559NMOMv5c7v5tK+ABKSRJL6O/5EyxZVUAZsNZ8AIgKQzTV70QNBSdRftDJV44QGpKf5wnjBJ13asxKSwH+DA=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":12755,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJb0/X0CRA9TVsSAnZWagAA/P0P/3Znc4d7AOAePPVIrohl\nLOaMqqSGM1gE/pBKovldbU2lZ2T/aVymCKyuTCkZkIiES9XRqGZT/edRrxDB\nTGiMiKaKDuaPwPdq4j5LR3BUD3Linu4VzzNiX84VvUtZGRfhXuCVq4FH2wzE\nBusti44I54412IGuQmfy3JaiMVkp1TgnlhdE4ZJWpgLSq3h+BVTAOx9sPiZ1\nflzN6wfr9UoUaayL26lr5uoTl5BGjlDn0M1u94jtE3O9ak7I41dPP8OrQ7/k\noVj1a4W5WgnMitUmNCpUPdZj0kPlFLu8FkpNE8icQl2s9Ea2BAPNW7ydWLrn\npWIPy9ffzfkVhfKuyhN0+/awtsHzEZj3SVBU5V8TzykTqWHx8zEDLkZasLci\nO6gkKnu6pn8F/FdFB87XBK8+uaUJI4iZKWv8CyRUt3XQTp9kCmcvHYJ7UnHh\ntqqQUCrDPUipk/Znv1MRC4OXPPAv28QfOS7W5xj0ys+q4rJsU/mhmfSSi+4S\nDWfrTd7ZI3VuFG9GoVs4VuVbYLtxbqRp5OYLjNK9nWGlhjVkjfWBdzaAq4Hb\ndf3x9wUo5e193Mal6dY804tsNEh2HeV8YjNjVBxfKyCOyROK8TEUQQmGZqfi\nr4rSPxjv1w99OizB/LiUGd/sSMjsiW0JuAQDI2nRzaWFccDWPXG4ZTJoPnM5\nx34c\r\n=bqeo\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","module":"dist/index.esm.js","readme":"# @emotion/native\n\n> Style and render React Native components using emotion\n\n## Install\n\n```\nnpm install @emotion/native\n```\n\nor if you use yarn\n\n```\nyarn add @emotion/native\n```\n\nThis package also depends on `react`, `react-native` and `prop-types` so make sure you've them installed.\n\n## Example\n\n```js\nimport React from 'react'\nimport { AppRegistry } from 'react-native'\nimport styled, { css } from '@emotion/native'\n\nconst Container = styled.View`\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  margin: 50px;\n`\n\nconst Description = styled.Text({\n  color: 'hotpink'\n})\n\nconst Image = styled.Image`\n  padding: 40px;\n`\n\nconst emotionLogo =\n  'https://cdn.rawgit.com/emotion-js/emotion/master/emotion.png'\n\nclass App extends React.Component {\n  render() {\n    return (\n      <Container\n        style={css`\n          border-radius: 10px;\n        `}\n      >\n        <Description style={{ fontSize: 45, fontWeight: 'bold' }}>\n          Emotion Primitives\n        </Description>\n        <Image\n          source={{\n            uri: emotionLogo,\n            height: 150,\n            width: 150\n          }}\n        />\n      </Container>\n    )\n  }\n}\n\nAppRegistry.registerComponent('ExampleApp', () => App)\n```\n\n## Theming\n\nUse `emotion-theming` for theming support.\n\n```js\nimport React from 'react'\nimport styled, { css } from '@emotion/native'\n\nimport { ThemeProvider } from 'emotion-theming'\n\nconst theme = {\n  color: 'hotpink',\n  backgroundColor: 'purple'\n}\n\nconst Container = styled.View`\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  margin: 50px;\n  border: 5px solid red;\n  background-color: ${props => props.theme.backgroundColor};\n`\n\nconst Description = styled.Text({\n  color: 'hotpink'\n})\n\nconst Image = styled.Image`\n  padding: 40px;\n`\n\nconst emotionLogo =\n  'https://cdn.rawgit.com/emotion-js/emotion/master/emotion.png'\n\nclass App extends React.Component {\n  render() {\n    return (\n      <ThemeProvider theme={theme}>\n        <Container\n          style={css`\n            border-radius: 10px;\n          `}\n        >\n          <Description style={{ fontSize: 45, fontWeight: 'bold' }}>\n            Emotion Primitives\n          </Description>\n          <Image\n            source={{\n              uri: emotionLogo,\n              height: 150,\n              width: 150\n            }}\n          />\n        </Container>\n      </ThemeProvider>\n    )\n  }\n}\n```\n\n## Usage with `react-360`\n\n`@emotion/native` can also be used with `react-360` for styling VR applications. Check out [this](https://facebook.github.io/react-360/docs/setup.html) guide for setting up a `react-360` project.\n\n### Example\n\n```js\nimport React from 'react'\nimport { AppRegistry, StyleSheet, Text, View } from 'react-360'\nimport styled from '@emotion/native'\n\nconst StyledName = styled.Text`\n  font-size: 40px;\n  color: hotpink;\n`\n\nexport default class App extends React.Component {\n  render() {\n    return (\n      <View style={styles.panel}>\n        <View style={styles.greetingBox}>\n          <StyledName>Emotion Native</StyledName>\n        </View>\n      </View>\n    )\n  }\n}\n\nconst styles = StyleSheet.create({\n  panel: {\n    // Fill the entire surface\n    width: 1000,\n    height: 600,\n    backgroundColor: 'rgba(255, 255, 255, 0.4)',\n    justifyContent: 'center',\n    alignItems: 'center'\n  },\n  greetingBox: {\n    padding: 20,\n    backgroundColor: '#000000',\n    borderColor: '#639dda',\n    borderWidth: 2\n  },\n  greeting: {\n    fontSize: 30\n  }\n})\n\nAppRegistry.registerComponent('App', () => App)\n```\n","browser":{"./dist/index.cjs.js":"./dist/index.browser.cjs.js"},"_npmUser":{"name":"mitchellhamilton","email":"mitchell@mitchellhamilton.me"},"repository":{"url":"https://github.com/emotion-js/emotion/tree/master/packages/native","type":"git"},"_npmVersion":"6.4.1","description":"Style and render React Native components using emotion","directories":{},"_nodeVersion":"10.11.0","dependencies":{"@emotion/primitives-core":"^10.0.0-beta.6"},"publishConfig":{"tag":"next","access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^16.5.2","react-native":"^0.57.0","emotion-theming":"^10.0.0-beta.6"},"peerDependencies":{"react-native":">=0.14.0 && < 1"},"_npmOperationalInternal":{"tmp":"tmp/native_10.0.0-beta.6_1540617715397_0.6770268926160599","host":"s3://npm-registry-packages"}},"10.0.0-beta.7":{"name":"@emotion/native","version":"10.0.0-beta.7","keywords":["styles","emotion","react","css","css-in-js","native"],"license":"MIT","_id":"@emotion/native@10.0.0-beta.7","maintainers":[{"name":"mitchellhamilton","email":"mitchell@mitchellhamilton.me"},{"name":"tkh44","email":"kye.hohenberger@gmail.com"}],"homepage":"https://emotion.sh","bugs":{"url":"https://github.com/emotion-js/emotion/issues"},"dist":{"shasum":"d40a1ee3180a308b7859fc1755363cfa8bdffcd4","tarball":"https://registry.npmjs.org/@emotion/native/-/native-10.0.0-beta.7.tgz","fileCount":10,"integrity":"sha512-K6kTI185At5zMIuY/8uSW0tPYo4RIYipgutTrrF/KVTwcI63iAxOUMEQJ7VeZvNtCRdHl9Elvhin7qo5eYVEgw==","signatures":[{"sig":"MEUCIEqk1lUeGws10k4qkOh4/jvWvPLJcIxPscMwWKchkwxxAiEAkv0zxQXyKZLJu7/CJvlmY40w2Jqhs9maU3YodWvXmVc=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":12755,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJb2/1SCRA9TVsSAnZWagAAkasP/jFenZx9u+zMjUv7C8On\n3girS1jwEnXo0g8hFf0G3i3nf1B34lVQRb1Wh5AatCrxtdUEWBebmkb3/8Sz\nxhNB8ysoLgVqQGdMePZRGXb0wh1FPoJhOhcaOR6vgvz9P7uRrSRxdunBWFn0\nvWfUW/wQsBzpNRNXqx5UeVGc72QagdNlRkUI8eB/hnEsuZw6l5lugPOjF/eU\njGWEoEB5Q/SCJdxDCT7li9A9D48qVxpdaHPlfj7KdAufRuz23rQTKx3bg7eA\nl351IfqkZUEoEcK8wyioIyRhB3f2VGnGvRdN7R5qqHbZ+R+T4sz0AaAnahnN\n2TOXeL4THDe2Qf5tRDq8PF3VAbjYKYWDMoneIgyQfs0YV5CQYyty0bBcoIj4\n10g878z6bEwnILOxsZ2k1he6WcVa2ru00ACyVVg7shrYhGL+y35NX9dQVNbi\nxg7BD6tpHYIEHgcXxRVhLXk7aoS004kc4aSFL00THKuVXvqMCmoZoX0fcdjb\n601hP66xdD/gFX0oIijbC5ii5QS9Sgy+FxKis1vIY+6IZkL0nbK2c+UkGjXk\nb3S5VYZ48znI0h27HYXkz55dWyz3T/mMzfYPciOa7Mjsas45Ypkhw9JpcN/S\nooH+e0bS1QxULFzPlmTdEo98DEpEZxXPSAdC6ym4oP056jJmFTVi5kFot9Wl\nn7lt\r\n=s6z9\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","module":"dist/index.esm.js","readme":"# @emotion/native\n\n> Style and render React Native components using emotion\n\n## Install\n\n```\nnpm install @emotion/native\n```\n\nor if you use yarn\n\n```\nyarn add @emotion/native\n```\n\nThis package also depends on `react`, `react-native` and `prop-types` so make sure you've them installed.\n\n## Example\n\n```js\nimport React from 'react'\nimport { AppRegistry } from 'react-native'\nimport styled, { css } from '@emotion/native'\n\nconst Container = styled.View`\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  margin: 50px;\n`\n\nconst Description = styled.Text({\n  color: 'hotpink'\n})\n\nconst Image = styled.Image`\n  padding: 40px;\n`\n\nconst emotionLogo =\n  'https://cdn.rawgit.com/emotion-js/emotion/master/emotion.png'\n\nclass App extends React.Component {\n  render() {\n    return (\n      <Container\n        style={css`\n          border-radius: 10px;\n        `}\n      >\n        <Description style={{ fontSize: 45, fontWeight: 'bold' }}>\n          Emotion Primitives\n        </Description>\n        <Image\n          source={{\n            uri: emotionLogo,\n            height: 150,\n            width: 150\n          }}\n        />\n      </Container>\n    )\n  }\n}\n\nAppRegistry.registerComponent('ExampleApp', () => App)\n```\n\n## Theming\n\nUse `emotion-theming` for theming support.\n\n```js\nimport React from 'react'\nimport styled, { css } from '@emotion/native'\n\nimport { ThemeProvider } from 'emotion-theming'\n\nconst theme = {\n  color: 'hotpink',\n  backgroundColor: 'purple'\n}\n\nconst Container = styled.View`\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  margin: 50px;\n  border: 5px solid red;\n  background-color: ${props => props.theme.backgroundColor};\n`\n\nconst Description = styled.Text({\n  color: 'hotpink'\n})\n\nconst Image = styled.Image`\n  padding: 40px;\n`\n\nconst emotionLogo =\n  'https://cdn.rawgit.com/emotion-js/emotion/master/emotion.png'\n\nclass App extends React.Component {\n  render() {\n    return (\n      <ThemeProvider theme={theme}>\n        <Container\n          style={css`\n            border-radius: 10px;\n          `}\n        >\n          <Description style={{ fontSize: 45, fontWeight: 'bold' }}>\n            Emotion Primitives\n          </Description>\n          <Image\n            source={{\n              uri: emotionLogo,\n              height: 150,\n              width: 150\n            }}\n          />\n        </Container>\n      </ThemeProvider>\n    )\n  }\n}\n```\n\n## Usage with `react-360`\n\n`@emotion/native` can also be used with `react-360` for styling VR applications. Check out [this](https://facebook.github.io/react-360/docs/setup.html) guide for setting up a `react-360` project.\n\n### Example\n\n```js\nimport React from 'react'\nimport { AppRegistry, StyleSheet, Text, View } from 'react-360'\nimport styled from '@emotion/native'\n\nconst StyledName = styled.Text`\n  font-size: 40px;\n  color: hotpink;\n`\n\nexport default class App extends React.Component {\n  render() {\n    return (\n      <View style={styles.panel}>\n        <View style={styles.greetingBox}>\n          <StyledName>Emotion Native</StyledName>\n        </View>\n      </View>\n    )\n  }\n}\n\nconst styles = StyleSheet.create({\n  panel: {\n    // Fill the entire surface\n    width: 1000,\n    height: 600,\n    backgroundColor: 'rgba(255, 255, 255, 0.4)',\n    justifyContent: 'center',\n    alignItems: 'center'\n  },\n  greetingBox: {\n    padding: 20,\n    backgroundColor: '#000000',\n    borderColor: '#639dda',\n    borderWidth: 2\n  },\n  greeting: {\n    fontSize: 30\n  }\n})\n\nAppRegistry.registerComponent('App', () => App)\n```\n","browser":{"./dist/index.cjs.js":"./dist/index.browser.cjs.js"},"_npmUser":{"name":"mitchellhamilton","email":"mitchell@mitchellhamilton.me"},"repository":{"url":"https://github.com/emotion-js/emotion/tree/master/packages/native","type":"git"},"_npmVersion":"6.4.1","description":"Style and render React Native components using emotion","directories":{},"_nodeVersion":"11.0.0","dependencies":{"@emotion/primitives-core":"^10.0.0-beta.7"},"publishConfig":{"tag":"next","access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^16.5.2","react-native":"^0.57.0","emotion-theming":"^10.0.0-beta.7"},"peerDependencies":{"react-native":">=0.14.0 && < 1"},"_npmOperationalInternal":{"tmp":"tmp/native_10.0.0-beta.7_1541143889681_0.36276127447347273","host":"s3://npm-registry-packages"}},"10.0.0-beta.8":{"name":"@emotion/native","version":"10.0.0-beta.8","keywords":["styles","emotion","react","css","css-in-js","native"],"license":"MIT","_id":"@emotion/native@10.0.0-beta.8","maintainers":[{"name":"mitchellhamilton","email":"mitchell@mitchellhamilton.me"},{"name":"tkh44","email":"kye.hohenberger@gmail.com"}],"homepage":"https://emotion.sh","bugs":{"url":"https://github.com/emotion-js/emotion/issues"},"dist":{"shasum":"57fbbe0def8131ff90c7bd7b2c0feb255ba57c38","tarball":"https://registry.npmjs.org/@emotion/native/-/native-10.0.0-beta.8.tgz","fileCount":10,"integrity":"sha512-8nYV+3/1PxYLfKzfrO4KLoyFrdWeBN/sNFq9FwcBjsR62t49khyn+1rYxeW9XKgTulutbKYiYz5IRk8NbgdOcA==","signatures":[{"sig":"MEQCICaPLvei/wMXKKPh4KKVjbtKoeHXcuzh381ivMj2ufxrAiAUC2B3pcXFMZ4N5KZOe/x0UJDNKlDgx1OiBJNbw6WF8A==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":12755,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJb38tYCRA9TVsSAnZWagAA2CYQAIiEom8911wTkB2Cfq7C\n3B38qirsIaSlbqI96+HV3v6XYkz6g9qFxKmhFEhKu+MbRvpokR0jX3dKXVSE\nHrOz+cvhgsiBfNiLUhcqloe+VIvrDck9IvNStE18kuR0YwkpFelwmNvFrMBP\nEVvToUw5C2eEBab4vRSIKOsybEUp+wqtVBvxyk9YxSx8Xy+SJvBizHOSxwrt\nsiODP4DOYTLhk+Mon2u/BCWezW8Slx31uUU7OKnYRj/isUXS3Jda4t45R6CU\nz5o0IHspp0lcinKIT+Gm4BiMA3H6eTZ79PM0N6NbNJdAqEImJpXTBryCXMTL\nU1KjsaqLDqC+q3pN8DnThUiIu58IWUpgKfCXE9K5rOlwYqasrBgV3RW//FfL\n3dqpG0z3BkWqDkxSJVlbZWcTQP4cCZXkZU+EO0Oo+wtD/CpyYszVd5wpxpox\nbih/PP6JGWz/ulx/atq2jpRVN5rBRuMWxg96PBRbC5+IG8GtphZ7FOnL9J8X\nd/uTdCXfa9kgADVS0B8Sp5BRPA7T2Hd9is2mopQ3Hu3SZdtWRE0F7pNnlfw4\nsVPMi7MsqUZlVDA3vLrpHgBmwjAoTmw8GRwWUbyBcgGMDKZQFLA6lTHjRmAk\n2MgqvDtyUqJceEKZ5W3g+HZDtn/x6gS7fpCZu+53tQcqCoib90CPrO/euXDR\nyV1x\r\n=JKm8\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","module":"dist/index.esm.js","readme":"# @emotion/native\n\n> Style and render React Native components using emotion\n\n## Install\n\n```\nnpm install @emotion/native\n```\n\nor if you use yarn\n\n```\nyarn add @emotion/native\n```\n\nThis package also depends on `react`, `react-native` and `prop-types` so make sure you've them installed.\n\n## Example\n\n```js\nimport React from 'react'\nimport { AppRegistry } from 'react-native'\nimport styled, { css } from '@emotion/native'\n\nconst Container = styled.View`\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  margin: 50px;\n`\n\nconst Description = styled.Text({\n  color: 'hotpink'\n})\n\nconst Image = styled.Image`\n  padding: 40px;\n`\n\nconst emotionLogo =\n  'https://cdn.rawgit.com/emotion-js/emotion/master/emotion.png'\n\nclass App extends React.Component {\n  render() {\n    return (\n      <Container\n        style={css`\n          border-radius: 10px;\n        `}\n      >\n        <Description style={{ fontSize: 45, fontWeight: 'bold' }}>\n          Emotion Primitives\n        </Description>\n        <Image\n          source={{\n            uri: emotionLogo,\n            height: 150,\n            width: 150\n          }}\n        />\n      </Container>\n    )\n  }\n}\n\nAppRegistry.registerComponent('ExampleApp', () => App)\n```\n\n## Theming\n\nUse `emotion-theming` for theming support.\n\n```js\nimport React from 'react'\nimport styled, { css } from '@emotion/native'\n\nimport { ThemeProvider } from 'emotion-theming'\n\nconst theme = {\n  color: 'hotpink',\n  backgroundColor: 'purple'\n}\n\nconst Container = styled.View`\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  margin: 50px;\n  border: 5px solid red;\n  background-color: ${props => props.theme.backgroundColor};\n`\n\nconst Description = styled.Text({\n  color: 'hotpink'\n})\n\nconst Image = styled.Image`\n  padding: 40px;\n`\n\nconst emotionLogo =\n  'https://cdn.rawgit.com/emotion-js/emotion/master/emotion.png'\n\nclass App extends React.Component {\n  render() {\n    return (\n      <ThemeProvider theme={theme}>\n        <Container\n          style={css`\n            border-radius: 10px;\n          `}\n        >\n          <Description style={{ fontSize: 45, fontWeight: 'bold' }}>\n            Emotion Primitives\n          </Description>\n          <Image\n            source={{\n              uri: emotionLogo,\n              height: 150,\n              width: 150\n            }}\n          />\n        </Container>\n      </ThemeProvider>\n    )\n  }\n}\n```\n\n## Usage with `react-360`\n\n`@emotion/native` can also be used with `react-360` for styling VR applications. Check out [this](https://facebook.github.io/react-360/docs/setup.html) guide for setting up a `react-360` project.\n\n### Example\n\n```js\nimport React from 'react'\nimport { AppRegistry, StyleSheet, Text, View } from 'react-360'\nimport styled from '@emotion/native'\n\nconst StyledName = styled.Text`\n  font-size: 40px;\n  color: hotpink;\n`\n\nexport default class App extends React.Component {\n  render() {\n    return (\n      <View style={styles.panel}>\n        <View style={styles.greetingBox}>\n          <StyledName>Emotion Native</StyledName>\n        </View>\n      </View>\n    )\n  }\n}\n\nconst styles = StyleSheet.create({\n  panel: {\n    // Fill the entire surface\n    width: 1000,\n    height: 600,\n    backgroundColor: 'rgba(255, 255, 255, 0.4)',\n    justifyContent: 'center',\n    alignItems: 'center'\n  },\n  greetingBox: {\n    padding: 20,\n    backgroundColor: '#000000',\n    borderColor: '#639dda',\n    borderWidth: 2\n  },\n  greeting: {\n    fontSize: 30\n  }\n})\n\nAppRegistry.registerComponent('App', () => App)\n```\n","browser":{"./dist/index.cjs.js":"./dist/index.browser.cjs.js"},"_npmUser":{"name":"mitchellhamilton","email":"mitchell@mitchellhamilton.me"},"repository":{"url":"https://github.com/emotion-js/emotion/tree/master/packages/native","type":"git"},"_npmVersion":"6.4.1","description":"Style and render React Native components using emotion","directories":{},"_nodeVersion":"11.0.0","dependencies":{"@emotion/primitives-core":"^10.0.0-beta.8"},"publishConfig":{"tag":"next","access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^16.5.2","react-native":"^0.57.0","emotion-theming":"^10.0.0-beta.8"},"peerDependencies":{"react-native":">=0.14.0 && < 1"},"_npmOperationalInternal":{"tmp":"tmp/native_10.0.0-beta.8_1541393239438_0.06770886200790915","host":"s3://npm-registry-packages"}},"10.0.0-beta.10":{"name":"@emotion/native","version":"10.0.0-beta.10","keywords":["styles","emotion","react","css","css-in-js","native"],"license":"MIT","_id":"@emotion/native@10.0.0-beta.10","maintainers":[{"name":"mitchellhamilton","email":"mitchell@mitchellhamilton.me"},{"name":"tkh44","email":"kye.hohenberger@gmail.com"}],"homepage":"https://emotion.sh","bugs":{"url":"https://github.com/emotion-js/emotion/issues"},"dist":{"shasum":"bb19ebac9b87798055858f7f00cebdb5667e8e3e","tarball":"https://registry.npmjs.org/@emotion/native/-/native-10.0.0-beta.10.tgz","fileCount":10,"integrity":"sha512-pu39AGetxEEWL/qe0YWCht4elRjJdjfwW+qjPhtdp+TgucbSaT7Gi5YYrSeZFTC/bTRiMKx7f8Sd38lWY3PByA==","signatures":[{"sig":"MEUCIQD3BgMtkrmbUZ3czvy1FdZYntgQ0EXaiIyYBWWDWG6KYgIgS2bJgYeiGo0LKMBpZiVVJ8hsVpOGysbXUp4ihi1GEUE=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":12758,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJb6Qz8CRA9TVsSAnZWagAAQXwP/Ro0SX7K1h0M7ipBrzCO\n2HOr+sX33XeUmDc2J3EByCMjx1gNSCVtjnv6LYcm6jVpL90rIJfEMULQWbwG\nb38+ZiRGkrABdrB23uL3CH9v2tLhJwQkBg43Bj5LmAeUvluAW0vajrlYRWh/\nX8n5PACOi4f77ncBtdMjfsEZub78jcCiWChcNNEuDGXTYOmwTDOrn118ip3b\nJhTOj7b9uyynoqrHzSbA4NGGQ7XUZEcyBvCHSXv48feCNnivvFb2CpEeomRd\ndxnV4wtJsawWVY+RYyLrOuYa+Jkz9lHHORH1wXAMLW85I90XBdJQeqgi14yR\nLjMHlPvN0ZncZun/iEuTmhzQ60eTwZPUTrWiSr7SG4P7CsASwhCAv9e4p3oR\ngErft1WndtWlQ9CigiM2FSIyYuwTbYOmdIhYPop6PpFbGYVaVtqz7MH1d1Cf\nBZe96m9ng77VuMzXedRn2mKnOBJF6P+mORBh7BxCeCbz/hPjwlhz1oEfArer\ncg6HyumpMfSrLpGheH9qkAfBZDptUBjKY6Qnte2NVXCWsmGpbf8d7hGUaMLP\nHaBCdiUCZI/37K17OccxyOoPKqWO0D+Du9fsdLuuyHtPbyYQ901CXTQ7nl+2\n2YYWmxRHvJR1Qvv/RxWCyQjuOOm6fqt6f/5xv3HoULbLZ6hPVjx8OLhpcsi0\nVvk1\r\n=3HX0\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","module":"dist/index.esm.js","readme":"# @emotion/native\n\n> Style and render React Native components using emotion\n\n## Install\n\n```\nnpm install @emotion/native\n```\n\nor if you use yarn\n\n```\nyarn add @emotion/native\n```\n\nThis package also depends on `react`, `react-native` and `prop-types` so make sure you've them installed.\n\n## Example\n\n```js\nimport React from 'react'\nimport { AppRegistry } from 'react-native'\nimport styled, { css } from '@emotion/native'\n\nconst Container = styled.View`\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  margin: 50px;\n`\n\nconst Description = styled.Text({\n  color: 'hotpink'\n})\n\nconst Image = styled.Image`\n  padding: 40px;\n`\n\nconst emotionLogo =\n  'https://cdn.rawgit.com/emotion-js/emotion/master/emotion.png'\n\nclass App extends React.Component {\n  render() {\n    return (\n      <Container\n        style={css`\n          border-radius: 10px;\n        `}\n      >\n        <Description style={{ fontSize: 45, fontWeight: 'bold' }}>\n          Emotion Primitives\n        </Description>\n        <Image\n          source={{\n            uri: emotionLogo,\n            height: 150,\n            width: 150\n          }}\n        />\n      </Container>\n    )\n  }\n}\n\nAppRegistry.registerComponent('ExampleApp', () => App)\n```\n\n## Theming\n\nUse `emotion-theming` for theming support.\n\n```js\nimport React from 'react'\nimport styled, { css } from '@emotion/native'\n\nimport { ThemeProvider } from 'emotion-theming'\n\nconst theme = {\n  color: 'hotpink',\n  backgroundColor: 'purple'\n}\n\nconst Container = styled.View`\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  margin: 50px;\n  border: 5px solid red;\n  background-color: ${props => props.theme.backgroundColor};\n`\n\nconst Description = styled.Text({\n  color: 'hotpink'\n})\n\nconst Image = styled.Image`\n  padding: 40px;\n`\n\nconst emotionLogo =\n  'https://cdn.rawgit.com/emotion-js/emotion/master/emotion.png'\n\nclass App extends React.Component {\n  render() {\n    return (\n      <ThemeProvider theme={theme}>\n        <Container\n          style={css`\n            border-radius: 10px;\n          `}\n        >\n          <Description style={{ fontSize: 45, fontWeight: 'bold' }}>\n            Emotion Primitives\n          </Description>\n          <Image\n            source={{\n              uri: emotionLogo,\n              height: 150,\n              width: 150\n            }}\n          />\n        </Container>\n      </ThemeProvider>\n    )\n  }\n}\n```\n\n## Usage with `react-360`\n\n`@emotion/native` can also be used with `react-360` for styling VR applications. Check out [this](https://facebook.github.io/react-360/docs/setup.html) guide for setting up a `react-360` project.\n\n### Example\n\n```js\nimport React from 'react'\nimport { AppRegistry, StyleSheet, Text, View } from 'react-360'\nimport styled from '@emotion/native'\n\nconst StyledName = styled.Text`\n  font-size: 40px;\n  color: hotpink;\n`\n\nexport default class App extends React.Component {\n  render() {\n    return (\n      <View style={styles.panel}>\n        <View style={styles.greetingBox}>\n          <StyledName>Emotion Native</StyledName>\n        </View>\n      </View>\n    )\n  }\n}\n\nconst styles = StyleSheet.create({\n  panel: {\n    // Fill the entire surface\n    width: 1000,\n    height: 600,\n    backgroundColor: 'rgba(255, 255, 255, 0.4)',\n    justifyContent: 'center',\n    alignItems: 'center'\n  },\n  greetingBox: {\n    padding: 20,\n    backgroundColor: '#000000',\n    borderColor: '#639dda',\n    borderWidth: 2\n  },\n  greeting: {\n    fontSize: 30\n  }\n})\n\nAppRegistry.registerComponent('App', () => App)\n```\n","browser":{"./dist/index.cjs.js":"./dist/index.browser.cjs.js"},"_npmUser":{"name":"mitchellhamilton","email":"mitchell@mitchellhamilton.me"},"repository":{"url":"https://github.com/emotion-js/emotion/tree/master/packages/native","type":"git"},"_npmVersion":"6.4.1","description":"Style and render React Native components using emotion","directories":{},"_nodeVersion":"11.1.0","dependencies":{"@emotion/primitives-core":"^10.0.0-beta.10"},"publishConfig":{"tag":"next","access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^16.5.2","react-native":"^0.57.0","emotion-theming":"^10.0.0-beta.10"},"peerDependencies":{"react-native":">=0.14.0 && < 1"},"_npmOperationalInternal":{"tmp":"tmp/native_10.0.0-beta.10_1541999867405_0.6104740944480858","host":"s3://npm-registry-packages"}},"10.0.0-beta.11":{"name":"@emotion/native","version":"10.0.0-beta.11","keywords":["styles","emotion","react","css","css-in-js","native"],"license":"MIT","_id":"@emotion/native@10.0.0-beta.11","maintainers":[{"name":"mitchellhamilton","email":"mitchell@mitchellhamilton.me"},{"name":"tkh44","email":"kye.hohenberger@gmail.com"}],"homepage":"https://emotion.sh","bugs":{"url":"https://github.com/emotion-js/emotion/issues"},"dist":{"shasum":"3251902dedf303b2f63c3308643276ed12acdb35","tarball":"https://registry.npmjs.org/@emotion/native/-/native-10.0.0-beta.11.tgz","fileCount":10,"integrity":"sha512-be2a6OjIHeNhltI41Cs3nz6MAytxFUIPJAa8RA95MkgsvPCFE4MmJ1J5eFfgLuF5Fi8Ciyr49qyD2jJ552e5UQ==","signatures":[{"sig":"MEYCIQDwag5TTKIfgkk37GcqNooJodqoGDHq5v5ery9QXHcZLAIhAM30hlOyrpfqMOcyJY+GrdVAOLV+qBUhMGV9nwtyqVT+","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":12756,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJb6SqiCRA9TVsSAnZWagAA5REP/1+KoNpnXA7qX28u6R17\n2JosJwnkKnpnS9sFxJul7w5Iz3mlUC3OJeJy/PxajOXXNNqmlc4/GAKXya6b\nvMpWwcJidaHrQCj4OUksNW64fICQc9iOMPEJUBLBGUK/0bNZNLveIwnuTgiv\nqLo+vM+f3iolKmebNnttHKZd+kFVSd11lxzkCjLAgYWDnvJA0ImeLqVPYRKJ\nlYj/2DK4tEdA3CqLCPKTEK86CKLauFNSV18VxRNKLyYaU0oOU8cDTbqJZ7nJ\n4yu2gAMWH5euQgr3M3n+QKFwnKYetDdntzVDTcPUSlAnSft3Zn0J1q6zgxf2\nt/BZePYsVGm7gigCHB1Uth+/uNv1JcI86OUnsjnwlNQ38plohF8XubsvZr3E\nGis9m+cu9Sj37WeYREG78eZ4W+OHx8zGlZ9a+cKwWdoxfnKoKZvZUBvMPvOS\nC/MjzeNU8EYC4fEWbP29t6TH3q4hf84Kafu9kJ5/Q8+1RyYwoXFIvdSRsSGm\nlGyz5tlpSN+vgmlzqzHdOeuh01OckkbKjKa5Mok+u8sTnFq23/wLg9lQdu4Z\nL3vOSKqc/U3J1J8CUGXyMggyMEDOUzTu0DORnMvkQ/SCAd5oNAmqNFZAJewR\nEQuqBOC9cXiq9F8jvKhSc4nhGjNLePL/cF5g5Ti1a7v0ACHIi0qACz75r3mZ\n+kfK\r\n=QlQj\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","module":"dist/index.esm.js","readme":"# @emotion/native\n\n> Style and render React Native components using emotion\n\n## Install\n\n```\nnpm install @emotion/native\n```\n\nor if you use yarn\n\n```\nyarn add @emotion/native\n```\n\nThis package also depends on `react`, `react-native` and `prop-types` so make sure you've them installed.\n\n## Example\n\n```js\nimport React from 'react'\nimport { AppRegistry } from 'react-native'\nimport styled, { css } from '@emotion/native'\n\nconst Container = styled.View`\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  margin: 50px;\n`\n\nconst Description = styled.Text({\n  color: 'hotpink'\n})\n\nconst Image = styled.Image`\n  padding: 40px;\n`\n\nconst emotionLogo =\n  'https://cdn.rawgit.com/emotion-js/emotion/master/emotion.png'\n\nclass App extends React.Component {\n  render() {\n    return (\n      <Container\n        style={css`\n          border-radius: 10px;\n        `}\n      >\n        <Description style={{ fontSize: 45, fontWeight: 'bold' }}>\n          Emotion Primitives\n        </Description>\n        <Image\n          source={{\n            uri: emotionLogo,\n            height: 150,\n            width: 150\n          }}\n        />\n      </Container>\n    )\n  }\n}\n\nAppRegistry.registerComponent('ExampleApp', () => App)\n```\n\n## Theming\n\nUse `emotion-theming` for theming support.\n\n```js\nimport React from 'react'\nimport styled, { css } from '@emotion/native'\n\nimport { ThemeProvider } from 'emotion-theming'\n\nconst theme = {\n  color: 'hotpink',\n  backgroundColor: 'purple'\n}\n\nconst Container = styled.View`\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  margin: 50px;\n  border: 5px solid red;\n  background-color: ${props => props.theme.backgroundColor};\n`\n\nconst Description = styled.Text({\n  color: 'hotpink'\n})\n\nconst Image = styled.Image`\n  padding: 40px;\n`\n\nconst emotionLogo =\n  'https://cdn.rawgit.com/emotion-js/emotion/master/emotion.png'\n\nclass App extends React.Component {\n  render() {\n    return (\n      <ThemeProvider theme={theme}>\n        <Container\n          style={css`\n            border-radius: 10px;\n          `}\n        >\n          <Description style={{ fontSize: 45, fontWeight: 'bold' }}>\n            Emotion Primitives\n          </Description>\n          <Image\n            source={{\n              uri: emotionLogo,\n              height: 150,\n              width: 150\n            }}\n          />\n        </Container>\n      </ThemeProvider>\n    )\n  }\n}\n```\n\n## Usage with `react-360`\n\n`@emotion/native` can also be used with `react-360` for styling VR applications. Check out [this](https://facebook.github.io/react-360/docs/setup.html) guide for setting up a `react-360` project.\n\n### Example\n\n```js\nimport React from 'react'\nimport { AppRegistry, StyleSheet, Text, View } from 'react-360'\nimport styled from '@emotion/native'\n\nconst StyledName = styled.Text`\n  font-size: 40px;\n  color: hotpink;\n`\n\nexport default class App extends React.Component {\n  render() {\n    return (\n      <View style={styles.panel}>\n        <View style={styles.greetingBox}>\n          <StyledName>Emotion Native</StyledName>\n        </View>\n      </View>\n    )\n  }\n}\n\nconst styles = StyleSheet.create({\n  panel: {\n    // Fill the entire surface\n    width: 1000,\n    height: 600,\n    backgroundColor: 'rgba(255, 255, 255, 0.4)',\n    justifyContent: 'center',\n    alignItems: 'center'\n  },\n  greetingBox: {\n    padding: 20,\n    backgroundColor: '#000000',\n    borderColor: '#639dda',\n    borderWidth: 2\n  },\n  greeting: {\n    fontSize: 30\n  }\n})\n\nAppRegistry.registerComponent('App', () => App)\n```\n","browser":{"./dist/index.cjs.js":"./dist/index.browser.cjs.js"},"_npmUser":{"name":"mitchellhamilton","email":"mitchell@mitchellhamilton.me"},"repository":{"url":"https://github.com/emotion-js/emotion/tree/master/packages/native","type":"git"},"_npmVersion":"6.4.1","description":"Style and render React Native components using emotion","directories":{},"_nodeVersion":"11.1.0","dependencies":{"@emotion/primitives-core":"10.0.0-beta.11"},"publishConfig":{"tag":"next","access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^16.5.2","react-native":"^0.57.0","emotion-theming":"10.0.0-beta.11"},"peerDependencies":{"react-native":">=0.14.0 && < 1"},"_npmOperationalInternal":{"tmp":"tmp/native_10.0.0-beta.11_1542007457921_0.4043571957973362","host":"s3://npm-registry-packages"}},"10.0.0-beta.12":{"name":"@emotion/native","version":"10.0.0-beta.12","keywords":["styles","emotion","react","css","css-in-js","native"],"license":"MIT","_id":"@emotion/native@10.0.0-beta.12","maintainers":[{"name":"mitchellhamilton","email":"mitchell@mitchellhamilton.me"},{"name":"tkh44","email":"kye.hohenberger@gmail.com"}],"homepage":"https://emotion.sh","bugs":{"url":"https://github.com/emotion-js/emotion/issues"},"dist":{"shasum":"180f0ac5ef15de4728f7bbd5a63db5e94a4ed8ab","tarball":"https://registry.npmjs.org/@emotion/native/-/native-10.0.0-beta.12.tgz","fileCount":10,"integrity":"sha512-cqEDHMFILpzK9yb1k/Mx48YdRNn61zkvGCX3fMHVzH3OfVvTaEQ0/5dltkkDcWKRjLb+3wuOSS1WFFS2rwitLg==","signatures":[{"sig":"MEUCID0D5U5ZHDtXrTQHlDlV3E3bj+oNvgaM+/bgVyJcRe+3AiEAgRRFWb6D5hh8fsrHlNVivTDFLaKigFZlyGu5iNkrZY8=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":12756,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJb6l1QCRA9TVsSAnZWagAAIB8QAJsIEmNhL3NZ2/jtgS9S\nwIv+ryG+AHJc0zIj8Vs0+3wkYMD1iPh/0hJK7MpeQ60zmIRh6XoZVFxT+5xb\nj+qiyjOAPTPb/tGqaiUQnkhK2TP8YX70T01xn2ZTQoxXL7vWqDZ9Hx84D/GD\nBWjS/Q4iw2W815zAMSWn82lwXpuclhcI/bzuj5W3X+JVY3PHgDJsPBXwNFO9\n1JkZH3/Eaqh6p9o290Drk3w5jriT1uaylL4tWX7qmQ575Zp2oOvXu4HUbDB/\ni23PQigAjOt6FIJxsLdcMKcE0Ar7T2GTWyvcsxxPVoCIYTAnGewHEQ/KSFwV\nF9A2y7q4zdtEaeCsSYyL8PY/y90nE6enhO3/pvglr9z9pS4eeYuaIL0DVY64\n4QVHfna7hVXB1nxiP6/BvfGsIHVH36LeSlX6snpFyKfUtagr2G9F/R9Tr5Xv\nMgu5E6Dlur4ZSZwSDgKyJHYkK0HISmmVWdPiod6HUevymvlf0rqFxDTwWAP6\nEFgvZdW7mqLkwEpTftSOPKIJtBuycyMUJokhjSy85cvWqYgLcGOJ2i2YhlmW\nwaXPfqEn3SLVU4dPAHvcUy9ITqyWkxgBsdm6qsUe1eoJJd2Q4RDd1zayqhGE\nIZw6kmclgAKCNSNGKoUEccVGpTmTG33guz7GWy/icXUf/sRnYOPNg2gYUxIJ\nWCJT\r\n=usWW\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","module":"dist/index.esm.js","readme":"# @emotion/native\n\n> Style and render React Native components using emotion\n\n## Install\n\n```\nnpm install @emotion/native\n```\n\nor if you use yarn\n\n```\nyarn add @emotion/native\n```\n\nThis package also depends on `react`, `react-native` and `prop-types` so make sure you've them installed.\n\n## Example\n\n```js\nimport React from 'react'\nimport { AppRegistry } from 'react-native'\nimport styled, { css } from '@emotion/native'\n\nconst Container = styled.View`\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  margin: 50px;\n`\n\nconst Description = styled.Text({\n  color: 'hotpink'\n})\n\nconst Image = styled.Image`\n  padding: 40px;\n`\n\nconst emotionLogo =\n  'https://cdn.rawgit.com/emotion-js/emotion/master/emotion.png'\n\nclass App extends React.Component {\n  render() {\n    return (\n      <Container\n        style={css`\n          border-radius: 10px;\n        `}\n      >\n        <Description style={{ fontSize: 45, fontWeight: 'bold' }}>\n          Emotion Primitives\n        </Description>\n        <Image\n          source={{\n            uri: emotionLogo,\n            height: 150,\n            width: 150\n          }}\n        />\n      </Container>\n    )\n  }\n}\n\nAppRegistry.registerComponent('ExampleApp', () => App)\n```\n\n## Theming\n\nUse `emotion-theming` for theming support.\n\n```js\nimport React from 'react'\nimport styled, { css } from '@emotion/native'\n\nimport { ThemeProvider } from 'emotion-theming'\n\nconst theme = {\n  color: 'hotpink',\n  backgroundColor: 'purple'\n}\n\nconst Container = styled.View`\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  margin: 50px;\n  border: 5px solid red;\n  background-color: ${props => props.theme.backgroundColor};\n`\n\nconst Description = styled.Text({\n  color: 'hotpink'\n})\n\nconst Image = styled.Image`\n  padding: 40px;\n`\n\nconst emotionLogo =\n  'https://cdn.rawgit.com/emotion-js/emotion/master/emotion.png'\n\nclass App extends React.Component {\n  render() {\n    return (\n      <ThemeProvider theme={theme}>\n        <Container\n          style={css`\n            border-radius: 10px;\n          `}\n        >\n          <Description style={{ fontSize: 45, fontWeight: 'bold' }}>\n            Emotion Primitives\n          </Description>\n          <Image\n            source={{\n              uri: emotionLogo,\n              height: 150,\n              width: 150\n            }}\n          />\n        </Container>\n      </ThemeProvider>\n    )\n  }\n}\n```\n\n## Usage with `react-360`\n\n`@emotion/native` can also be used with `react-360` for styling VR applications. Check out [this](https://facebook.github.io/react-360/docs/setup.html) guide for setting up a `react-360` project.\n\n### Example\n\n```js\nimport React from 'react'\nimport { AppRegistry, StyleSheet, Text, View } from 'react-360'\nimport styled from '@emotion/native'\n\nconst StyledName = styled.Text`\n  font-size: 40px;\n  color: hotpink;\n`\n\nexport default class App extends React.Component {\n  render() {\n    return (\n      <View style={styles.panel}>\n        <View style={styles.greetingBox}>\n          <StyledName>Emotion Native</StyledName>\n        </View>\n      </View>\n    )\n  }\n}\n\nconst styles = StyleSheet.create({\n  panel: {\n    // Fill the entire surface\n    width: 1000,\n    height: 600,\n    backgroundColor: 'rgba(255, 255, 255, 0.4)',\n    justifyContent: 'center',\n    alignItems: 'center'\n  },\n  greetingBox: {\n    padding: 20,\n    backgroundColor: '#000000',\n    borderColor: '#639dda',\n    borderWidth: 2\n  },\n  greeting: {\n    fontSize: 30\n  }\n})\n\nAppRegistry.registerComponent('App', () => App)\n```\n","browser":{"./dist/index.cjs.js":"./dist/index.browser.cjs.js"},"_npmUser":{"name":"mitchellhamilton","email":"mitchell@mitchellhamilton.me"},"repository":{"url":"https://github.com/emotion-js/emotion/tree/master/packages/native","type":"git"},"_npmVersion":"6.4.1","description":"Style and render React Native components using emotion","directories":{},"_nodeVersion":"11.1.0","dependencies":{"@emotion/primitives-core":"10.0.0-beta.12"},"publishConfig":{"tag":"next","access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^16.5.2","react-native":"^0.57.0","emotion-theming":"10.0.0-beta.12"},"peerDependencies":{"react-native":">=0.14.0 && < 1"},"_npmOperationalInternal":{"tmp":"tmp/native_10.0.0-beta.12_1542085967947_0.12593956312243781","host":"s3://npm-registry-packages"}},"10.0.0-beta.13":{"name":"@emotion/native","version":"10.0.0-beta.13","keywords":["styles","emotion","react","css","css-in-js","native"],"license":"MIT","_id":"@emotion/native@10.0.0-beta.13","maintainers":[{"name":"mitchellhamilton","email":"mitchell@mitchellhamilton.me"},{"name":"tkh44","email":"kye.hohenberger@gmail.com"}],"homepage":"https://emotion.sh","bugs":{"url":"https://github.com/emotion-js/emotion/issues"},"dist":{"shasum":"b18007a78ada02ee312e67e64e9ee39e79fd7e8d","tarball":"https://registry.npmjs.org/@emotion/native/-/native-10.0.0-beta.13.tgz","fileCount":10,"integrity":"sha512-anj+H20HY3RbvCZoUHiG2qXFHv70sTjV10wsHdt1P4ifwyy5egAMWeGoyedRIChmdZiTrKDth5dVuaJd6pUjeg==","signatures":[{"sig":"MEYCIQDW51qXq7UTlezmmEVayVZQoGTjYwcDjI6w0lNvnAueqAIhALvbA4aVHsN3tjUZlHtyfr4lKyNePRRi3fqPea4FnuRC","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14109,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJb8//6CRA9TVsSAnZWagAAz4UQAJRD0CN17WiP9pU/4Wn5\nicHUXH/2cl5ykcaYCKdWMyYmcHjiTAEMwj+xAlgTuOnYmRTyfkG4gB58LNVC\nq+fi6sAlz6BvvAlFNEwsFD2f6PJbcQBRs06xexri9zGhUJHFz8Mxwcl6Nq/R\nrctn/6Q/uvoNew4Bj7BQISjg81G7WUyGa3hTHB8pwSqVEufn7WTF1cVJTr35\nLVM2twATbfFtXxHXS4lMujflA4mRZAsV1jNRWUHt1N8Q0ggc90qA8RRYGtW7\nCNghHaCF5+xjT2UBM/jQCS3/K5KTPGBpV2x7NrrM2HByyvuRG0WDjGCFIV8E\naQqoFYvLOnUes8jUplDEipO5wZqBAmUWuNcRg/TgZUWWF2Nh79rsF2aLgDru\nerfkWhJrKsM0rTD+Tb5sjTzkU3io1bluGpDrCVI9Ru4sBzTccwS/Q2VvmyqS\nGolIXK6ndVan2KiU7iXroAdB+iw4J4b7aYFcIGyVudmscw126/Vkxj/z3Ob4\ncqEN5iJ8YObv+SHWnKdZ6Whxrr5m5aAGsX69oNewZlhgVu1oCLt8BUNPoima\nKx9F/NO/KvybDx0y/+D3cGo2pIVAUDfeC+n0a8hgejRKxadGwbNrYo5ju4ou\nxSMitxvJ91Jng1QOxxdkp1IU/17f3cfIALtoTFOhiQjrRs3R6OLWAAzaw7Yk\n3z5F\r\n=yxvP\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/native.cjs.js","module":"dist/native.esm.js","readme":"# @emotion/native\n\n> Style and render React Native components using emotion\n\n## Install\n\n```\nnpm install @emotion/native\n```\n\nor if you use yarn\n\n```\nyarn add @emotion/native\n```\n\nThis package also depends on `react`, `react-native` and `prop-types` so make sure you've them installed.\n\n## Example\n\n```js\nimport React from 'react'\nimport { AppRegistry } from 'react-native'\nimport styled, { css } from '@emotion/native'\n\nconst Container = styled.View`\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  margin: 50px;\n`\n\nconst Description = styled.Text({\n  color: 'hotpink'\n})\n\nconst Image = styled.Image`\n  padding: 40px;\n`\n\nconst emotionLogo =\n  'https://cdn.rawgit.com/emotion-js/emotion/master/emotion.png'\n\nclass App extends React.Component {\n  render() {\n    return (\n      <Container\n        style={css`\n          border-radius: 10px;\n        `}\n      >\n        <Description style={{ fontSize: 45, fontWeight: 'bold' }}>\n          Emotion Primitives\n        </Description>\n        <Image\n          source={{\n            uri: emotionLogo,\n            height: 150,\n            width: 150\n          }}\n        />\n      </Container>\n    )\n  }\n}\n\nAppRegistry.registerComponent('ExampleApp', () => App)\n```\n\n## Theming\n\nUse `emotion-theming` for theming support.\n\n```js\nimport React from 'react'\nimport styled, { css } from '@emotion/native'\n\nimport { ThemeProvider } from 'emotion-theming'\n\nconst theme = {\n  color: 'hotpink',\n  backgroundColor: 'purple'\n}\n\nconst Container = styled.View`\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  margin: 50px;\n  border: 5px solid red;\n  background-color: ${props => props.theme.backgroundColor};\n`\n\nconst Description = styled.Text({\n  color: 'hotpink'\n})\n\nconst Image = styled.Image`\n  padding: 40px;\n`\n\nconst emotionLogo =\n  'https://cdn.rawgit.com/emotion-js/emotion/master/emotion.png'\n\nclass App extends React.Component {\n  render() {\n    return (\n      <ThemeProvider theme={theme}>\n        <Container\n          style={css`\n            border-radius: 10px;\n          `}\n        >\n          <Description style={{ fontSize: 45, fontWeight: 'bold' }}>\n            Emotion Primitives\n          </Description>\n          <Image\n            source={{\n              uri: emotionLogo,\n              height: 150,\n              width: 150\n            }}\n          />\n        </Container>\n      </ThemeProvider>\n    )\n  }\n}\n```\n\n## Usage with `react-360`\n\n`@emotion/native` can also be used with `react-360` for styling VR applications. Check out [this](https://facebook.github.io/react-360/docs/setup.html) guide for setting up a `react-360` project.\n\n### Example\n\n```js\nimport React from 'react'\nimport { AppRegistry, StyleSheet, Text, View } from 'react-360'\nimport styled from '@emotion/native'\n\nconst StyledName = styled.Text`\n  font-size: 40px;\n  color: hotpink;\n`\n\nexport default class App extends React.Component {\n  render() {\n    return (\n      <View style={styles.panel}>\n        <View style={styles.greetingBox}>\n          <StyledName>Emotion Native</StyledName>\n        </View>\n      </View>\n    )\n  }\n}\n\nconst styles = StyleSheet.create({\n  panel: {\n    // Fill the entire surface\n    width: 1000,\n    height: 600,\n    backgroundColor: 'rgba(255, 255, 255, 0.4)',\n    justifyContent: 'center',\n    alignItems: 'center'\n  },\n  greetingBox: {\n    padding: 20,\n    backgroundColor: '#000000',\n    borderColor: '#639dda',\n    borderWidth: 2\n  },\n  greeting: {\n    fontSize: 30\n  }\n})\n\nAppRegistry.registerComponent('App', () => App)\n```\n","browser":{"./dist/native.cjs.js":"./dist/native.browser.cjs.js","./dist/native.esm.js":"./dist/native.browser.esm.js"},"_npmUser":{"name":"mitchellhamilton","email":"mitchell@mitchellhamilton.me"},"repository":{"url":"https://github.com/emotion-js/emotion/tree/master/packages/native","type":"git"},"_npmVersion":"6.4.1","description":"Style and render React Native components using emotion","directories":{},"_nodeVersion":"11.1.0","dependencies":{"@emotion/primitives-core":"10.0.0-beta.13"},"publishConfig":{"tag":"next","access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^16.5.2","react-native":"^0.57.0","emotion-theming":"10.0.0-beta.13"},"peerDependencies":{"react-native":">=0.14.0 && < 1"},"_npmOperationalInternal":{"tmp":"tmp/native_10.0.0-beta.13_1542717433515_0.9270030966673357","host":"s3://npm-registry-packages"}},"10.0.0":{"name":"@emotion/native","version":"10.0.0","keywords":["styles","emotion","react","css","css-in-js","native"],"license":"MIT","_id":"@emotion/native@10.0.0","maintainers":[{"name":"mitchellhamilton","email":"mitchell@mitchellhamilton.me"},{"name":"tkh44","email":"kye.hohenberger@gmail.com"}],"homepage":"https://emotion.sh","bugs":{"url":"https://github.com/emotion-js/emotion/issues"},"dist":{"shasum":"a1056e05bc3b9d2303ff0f28136d30e0b2d2654e","tarball":"https://registry.npmjs.org/@emotion/native/-/native-10.0.0.tgz","fileCount":10,"integrity":"sha512-uuZfjMm6pBzeFa+hUo4/dr+8W5YzWxD8oJaesy8PHqCjBrmtQAnSkpAWLSJqiZWVTO7ySDebD2HNCVIY238AWQ==","signatures":[{"sig":"MEQCIAQ7I4bPmU7xQluQpkgXo1eqUnIAUmnWA3l3C6onladYAiB9i9tJvYCKpBIcgR+pzD3pZ5+8oy0PZwv7xFZnFaJF5A==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14066,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJb/coXCRA9TVsSAnZWagAAxYEP/0WPdROJ8e2WUExOhoDn\ntWLMZ1hP3dbqIPdJ2yvEZzBn1jNvfucvGQG1x7AfGy0aFRxmLUBc+MNQHfDv\npzoJ1S2HIm7sGVf++0cbBvteyiXgRDbr654Lk5UKP+/mrcCKqIlq+6RsWUBa\nu/bbYzISoRZtA9LKspNvhLoEkHFNz9VxbsfKQdPGn2LmY0uUd0GU5eeX80Iq\nEWWfVsy7ht9+cq4MrP88etDSoazBWAgTPuwz5baz8bmW4kjBaHrl5Q/8DS6B\nbBgetWVXjEmnmnJFKvjVHQ/H6NkgOlWSy1Ol0nJz82ZqMu/+DBH2ElqhnXuX\nsV5rQ11NeQiX+ZdiHABlTV+tQFUOUBmE2kVbJidlmNgZtlvZKJnWJxA96MLG\njIyGHHFrj8mZs64Rc+1OYSBSvfygZY7TBD42qTncw/+dNN1+zdxdKfSF3ELV\n4OPoiaSSkAsPlu7RIIpaLcey3UP5V81xNK/UtGiZm+OBQRFn1N1fvgobd9xA\n44T+ZHjwJ1abYPE22IKU1CCmQa1cVPi6yteNaDIRlQoHINAmtomr6MuJREhO\nbPi8QhfWaBYT9HACmlAIYMn39M7kAB94CvBAqbDXQvllVSZpSFzi+Et4UY2h\nobPwyKq2Ylo6O2CNrZYP2KObnv1kZmNiWE1LhtTF5ZMuXd5+im/x+wx0ZjxZ\nLPWW\r\n=lTxt\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/native.cjs.js","module":"dist/native.esm.js","browser":{"./dist/native.cjs.js":"./dist/native.browser.cjs.js","./dist/native.esm.js":"./dist/native.browser.esm.js"},"_npmUser":{"name":"mitchellhamilton","email":"mitchell@mitchellhamilton.me"},"repository":{"url":"https://github.com/emotion-js/emotion/tree/master/packages/native","type":"git"},"_npmVersion":"6.4.1","description":"Style and render React Native components using emotion","directories":{},"_nodeVersion":"11.1.0","dependencies":{"@emotion/primitives-core":"10.0.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"react":"^16.5.2","react-native":"^0.57.0","emotion-theming":"10.0.0"},"peerDependencies":{"react-native":">=0.14.0 && < 1"},"_npmOperationalInternal":{"tmp":"tmp/native_10.0.0_1543358999268_0.22573411885878603","host":"s3://npm-registry-packages"}},"10.0.1":{"name":"@emotion/native","version":"10.0.1","keywords":["styles","emotion","react","css","css-in-js","native"],"license":"MIT","_id":"@emotion/native@10.0.1","maintainers":[{"name":"mitchellhamilton","email":"mitchell@mitchellhamilton.me"},{"name":"tkh44","email":"kye.hohenberger@gmail.com"}],"homepage":"https://emotion.sh","bugs":{"url":"https://github.com/emotion-js/emotion/issues"},"dist":{"shasum":"2e593d438c86caf2537e2b2664a4cf67ddbd2359","tarball":"https://registry.npmjs.org/@emotion/native/-/native-10.0.1.tgz","fileCount":10,"integrity":"sha512-1XFbNINzDL3Ms4jAC46m278sg1omlmz0iuXODVBuQKC3OCX5x0klbnnN53Ziyha0wNlD0khhJyhvn60cotSX+Q==","signatures":[{"sig":"MEUCIDnIC3onIY5FfNliNauq9ZxVv0XRtTD161fPJ0B9gKVGAiEAwrg232OLc4iZ972etFqpiQIta+41sRkRQiUDhCFJiHA=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14066,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJcAvGWCRA9TVsSAnZWagAAiQkP/0HX+xaoYqDNoa/uI/8U\nYgnMh1qPIAPUYAqggt9G0CHO2CO1s45sO55l+zHW8w5yzFf/jotZ/1NBjJCB\necrsmB2nMeoZ62cw+hsMNu2EyIIjoTAYewLrscLQrimei0tOU94Q4rvpJCRH\nLrlU3KJXbamjduamzW31PJ4x1lDq6KbGsR9YxlPa6iOa8bacstqrsBU/0HLy\ndatXxU/338cEgpky73nEYwEHYtebOvJERKw/NbwMyWcXzGrXFHDJXdczPo7W\nMM7dapB3KOOR9QZr0hhNuv4QujqT3c1FauWisqq+3LoEDQPDuu56uQcD9Bh6\nbSejH8d2uypGLx68+bWx2LrjkqUdIsE6B70xqWX/x4CQ0oeJ4OdiNcYkrgvK\nRNMDPmFwfmlHal5V3JBG0EoADLy4RLK7Y9BxFOSE0MuZrh3RztR+0TaViZdC\nmMXDXxsdyEUMfc9t8T7NjuhEpSC5LYr/cTkY51i7EQUwDmB//ar9n2PExqV1\n3l/pucQzDkt1bp/b07fW/T/fX8ZFhLHRnalHKZv8uD3F3hAk/kpAKAERcw9q\nKfGlMxw8dTdk2/NDRHqSBzFupy9FJ/Ux4n+3HoI73Bsi40hfgjbPd6MDSu0L\nnwe6sQbRBY4z9GH6/ahrHA0U/0jD42HgvmhI7J47yTyn67ojnNms04jugdDB\nYJ/y\r\n=ScF6\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/native.cjs.js","module":"dist/native.esm.js","browser":{"./dist/native.cjs.js":"./dist/native.browser.cjs.js","./dist/native.esm.js":"./dist/native.browser.esm.js"},"_npmUser":{"name":"mitchellhamilton","email":"mitchell@mitchellhamilton.me"},"repository":{"url":"https://github.com/emotion-js/emotion/tree/master/packages/native","type":"git"},"_npmVersion":"6.4.1","description":"Style and render React Native components using emotion","directories":{},"_nodeVersion":"11.1.0","dependencies":{"@emotion/primitives-core":"10.0.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"react":"^16.5.2","react-native":"^0.57.0","emotion-theming":"10.0.1"},"peerDependencies":{"react-native":">=0.14.0 && < 1"},"_npmOperationalInternal":{"tmp":"tmp/native_10.0.1_1543696790061_0.7378154291982537","host":"s3://npm-registry-packages"}},"10.0.2":{"name":"@emotion/native","version":"10.0.2","keywords":["styles","emotion","react","css","css-in-js","native"],"license":"MIT","_id":"@emotion/native@10.0.2","maintainers":[{"name":"mitchellhamilton","email":"mitchell@mitchellhamilton.me"},{"name":"tkh44","email":"kye.hohenberger@gmail.com"}],"homepage":"https://emotion.sh","bugs":{"url":"https://github.com/emotion-js/emotion/issues"},"dist":{"shasum":"a41b42bf4c0172de320edb03ca9a540ca455010a","tarball":"https://registry.npmjs.org/@emotion/native/-/native-10.0.2.tgz","fileCount":10,"integrity":"sha512-iJ1sEvjQLlCATSzhDejfAhwjxmguyRsyzA4J57wlSnOw0UWVizvdUwoSITLCN9LEXCaXHnaJQQCfQQztctcOLg==","signatures":[{"sig":"MEUCIE+EVYkGE7wJXCYSAL5/W4/S6mk76JgXPvB7X3OgKLhuAiEAxuVVS8i/VjoZmHKgRQdtGtMdX8y/z533bOl5A81eqVE=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14066,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJcBbSyCRA9TVsSAnZWagAA154QAKCAsUqLL6YUNSEq5Bsk\nc/6l4JdDqzy5+77XsjZRk9H5fZSrccDJx0nN8PkcLhjANEp8lklXLGQC+SIH\nErbcyGAM8vgrItTiUm0P1hu4ngHXnqqdFeZ9M3JTv2lL/Mzp/udWjQIPfBqD\nYDaVdWH3QN7DC7uqaqxSo2W/JMkqrxUF0YUJ3oqAq73JDpyCHRZpazdveE4O\nc4XG+sl292TFnK5ktcYTp4EQUkb1rxA/7Er8dGPDO+ThV0tkJQezmYJ4dJJ3\nZQiY+vhbwbi5rkr/nE7MmUT1x7LOcM2cAH7NE/G1IG8wJBG3z4W0zCKcMtWY\naMYrGLlvY62ECZaurWabnjm69FuBBtGBYNeRJQ786nvFPiSrxjVNG7r72Td/\nOvPXGwtAdTChH0EMtTQ6iiCb9yFxpaEfZnnUop18FeJzCzRSIMkXX9NBdqLn\nLgsdvyxqQXpEvNXx7tS5qVqne6y1ZU5714pjkW/iOCuNRYtOcHXr8/kEd7ZX\nVa/WemhauUMXAfeMK3grpEz1WZZ5+RCp7JcevYXEoaoiM2ciT3ehDU6hSSbH\nlb2QWrMVUA2RyQl0h+W1YevVg9cavhvW8kKlaIlLjf2e7HrPHvhcZmiERqay\nlNjb7mrNhkcBsXVTpSp9k5B+uYx1Jlp0wwFeGfgRPa2+o4oGNX12XiZL+YIl\n/u1v\r\n=Pr4v\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/native.cjs.js","module":"dist/native.esm.js","browser":{"./dist/native.cjs.js":"./dist/native.browser.cjs.js","./dist/native.esm.js":"./dist/native.browser.esm.js"},"_npmUser":{"name":"mitchellhamilton","email":"mitchell@mitchellhamilton.me"},"repository":{"url":"https://github.com/emotion-js/emotion/tree/master/packages/native","type":"git"},"_npmVersion":"6.4.1","description":"Style and render React Native components using emotion","directories":{},"_nodeVersion":"11.1.0","dependencies":{"@emotion/primitives-core":"10.0.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"react":"^16.5.2","react-native":"^0.57.0","emotion-theming":"10.0.2"},"peerDependencies":{"react-native":">=0.14.0 && < 1"},"_npmOperationalInternal":{"tmp":"tmp/native_10.0.2_1543877810234_0.4247799024545418","host":"s3://npm-registry-packages"}},"10.0.3":{"name":"@emotion/native","version":"10.0.3","keywords":["styles","emotion","react","css","css-in-js","native"],"license":"MIT","_id":"@emotion/native@10.0.3","maintainers":[{"name":"mitchellhamilton","email":"mitchell@mitchellhamilton.me"},{"name":"tkh44","email":"kye.hohenberger@gmail.com"}],"homepage":"https://emotion.sh","bugs":{"url":"https://github.com/emotion-js/emotion/issues"},"dist":{"shasum":"4ca39baec14cd07bc19575afc154c469e5e76c2c","tarball":"https://registry.npmjs.org/@emotion/native/-/native-10.0.3.tgz","fileCount":10,"integrity":"sha512-vUA4jaFuT1RV0+FnTIGdqOvKDsI8flfHCInd2+Hy6a2jgWuplo+h1TtG1NAYTztRsDzZTxc+igSGt594ip5v1A==","signatures":[{"sig":"MEQCIEP9W8V3QT390AK/qMzdTui6fLivgFp+FXPX0qGHfhOBAiA15Yfi/blBGMJDI1N0SNMiDpd6HAbhq5WC9kzrJZTV+A==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14067,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJcCD25CRA9TVsSAnZWagAAwbEP/j1w2eCqmQj6AfB8R/sp\nVKg4VAnvwTZVpCGZnZUrIDG/7jIoHO/MD4D+q7PR+ao1uO6vNC/0INbHXROT\nSYezHUCOhuN9oyxvKX0uON1oGDW8GLwJgnLCItKITxdDFodComTUNYg+SIIh\n1jIoASu0UsBEVJ9fn48eLmOrvjr0DxY3dUaA+OYYlYVbGhQKS8twtUBczk2R\ncj90XQ2wBSXx1ougzyZYh13FPTzbjb72mWjx0ROBD68feDofCi8YKus4lGvo\n//epk8ZUD+ZPPLf9phyO0XTYxf1riPCBnJVzrSQ9TpcWBnP0Ph8PyMmbGjrW\nw3IkhSFxvMEC5pVVHSZAafGiOJlgw4agfmdGEpj1Nt87tUgN4G1yvE7uglKD\niqME2rHQJpNl9hV6MiwBY3PzAD7oSuXUh+mS6FK8pssaX+70pnU5DtK1fJvY\nmH1xRaQJrlaHJQCGgyxC0QerqUF2u+d+CaOpUlY3QuTU8YTbg+qagws7hXtr\nyrRl0/ofP0/qSMDUBcWwWkYwtYAX/XVNTKsCBUPZtN9WJEzoUjQQyYhxRz+n\nkFt9OL/HV1Q+KjX90mzd6koSCbeRk2tHTqlWQp1/xW94YbUmZX6RIOG4XZk2\n+Wt15igeVY2TFRp/F3QID//wZJNKwJzEGubtgwZRKt0GKCB3mIpgnhkif1YD\nVJmW\r\n=fIAi\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/native.cjs.js","module":"dist/native.esm.js","browser":{"./dist/native.cjs.js":"./dist/native.browser.cjs.js","./dist/native.esm.js":"./dist/native.browser.esm.js"},"_npmUser":{"name":"mitchellhamilton","email":"mitchell@mitchellhamilton.me"},"repository":{"url":"https://github.com/emotion-js/emotion/tree/master/packages/native","type":"git"},"_npmVersion":"6.4.1","description":"Style and render React Native components using emotion","directories":{},"_nodeVersion":"11.1.0","dependencies":{"@emotion/primitives-core":"10.0.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"react":"^16.5.2","react-native":"^0.57.0","emotion-theming":"^10.0.3"},"peerDependencies":{"react-native":">=0.14.0 && < 1"},"_npmOperationalInternal":{"tmp":"tmp/native_10.0.3_1544043960697_0.7482985453394622","host":"s3://npm-registry-packages"}},"10.0.4":{"name":"@emotion/native","version":"10.0.4","keywords":["styles","emotion","react","css","css-in-js","native"],"license":"MIT","_id":"@emotion/native@10.0.4","maintainers":[{"name":"mitchellhamilton","email":"mitchell@mitchellhamilton.me"},{"name":"tkh44","email":"kye.hohenberger@gmail.com"}],"homepage":"https://emotion.sh","bugs":{"url":"https://github.com/emotion-js/emotion/issues"},"dist":{"shasum":"da170365a5cff7affba6e9e544d1bee302ff766c","tarball":"https://registry.npmjs.org/@emotion/native/-/native-10.0.4.tgz","fileCount":10,"integrity":"sha512-xLGNfJBzhn+E0tvaHOexDTjbdZ198HW88ABQAqLCmatDT2kAmoXNwYFLGWAC27bL5LaFP1zIYChq+03hRP7mMw==","signatures":[{"sig":"MEUCIQDNpUUZsvNfSnmKI4rZ+uDkSY+bwPn9R/e6rGSf06NoywIgb2TGpwnahTDBzxMmqUBXeXlsCX/pHFNNLrDw3QWjZfU=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14067,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJcCEH0CRA9TVsSAnZWagAAT8IP/0IBn5705EejorRwBTJA\n0Uug9tFJBb6hCKzIYMHSt+sNM/ta5CiWv9aTPETjUfidlG7moPnV9tQBLqkX\nN07v7LeEKTy7Po2gEd3IEDMMwdcweuZZ/pIU2Slcx5PNJgQsGOKINffi5Y6i\naskEeMcpfWanDI8WTvrjffHbT2SIur/OwQL/vAPBLtItYcHD1mOD6educKsO\nYAsfinu5F4pRFSPGUGh7CAm+0IasIAC37Z7jZtc2dzTEsT96/6gPaLnJ9kHn\ncOwx8LinveUZa6ZtI9ZiwOIFwYueu659M5ifZX8o28A9vCWdT2GmKGPTkpFg\n1UHiRf4KBT6RB1j4zxZrVMKNUwGTLD+UapkFCySX9Uo28SBjTvmGL0DBifx7\n8Me2CiEj1HbTLiDenbQSXmB8OgOqZoB+cFejO9NFgEjUrQpaoqQN4FTlAKPV\nCniRVRZQAXfWxymvqLc5pr8+J8WALQ0yn20s0aUoJK/q7eealkjalnqn6cHb\njJHi1PbIybGeBQ3+UhfNMS8r2YjK6mBVUspHm0VF5N0TJs6mxeTIr6ql8740\nkE/cm0SG2lVJiyRizejbLwyXxZEryD3AInkQuF7qDcY/fWBkfwQj775J6XHb\nspeQSJDiufEOmsmMSvVvitzmNaE3pzqhmM7zUT0PT/6hkbVs7y3gI5WHD8fI\n6qut\r\n=yA28\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/native.cjs.js","module":"dist/native.esm.js","browser":{"./dist/native.cjs.js":"./dist/native.browser.cjs.js","./dist/native.esm.js":"./dist/native.browser.esm.js"},"_npmUser":{"name":"mitchellhamilton","email":"mitchell@mitchellhamilton.me"},"repository":{"url":"https://github.com/emotion-js/emotion/tree/master/packages/native","type":"git"},"_npmVersion":"6.4.1","description":"Style and render React Native components using emotion","directories":{},"_nodeVersion":"11.1.0","dependencies":{"@emotion/primitives-core":"10.0.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"react":"^16.5.2","react-native":"^0.57.0","emotion-theming":"^10.0.4"},"peerDependencies":{"react-native":">=0.14.0 && < 1"},"_npmOperationalInternal":{"tmp":"tmp/native_10.0.4_1544045043729_0.9723342020457895","host":"s3://npm-registry-packages"}},"10.0.5":{"name":"@emotion/native","version":"10.0.5","keywords":["styles","emotion","react","css","css-in-js","native"],"license":"MIT","_id":"@emotion/native@10.0.5","maintainers":[{"name":"mitchellhamilton","email":"mitchell@mitchellhamilton.me"},{"name":"tkh44","email":"kye.hohenberger@gmail.com"}],"homepage":"https://emotion.sh","bugs":{"url":"https://github.com/emotion-js/emotion/issues"},"dist":{"shasum":"e2b9b52c27ceedf64ca26210f71a1b93dc524cf8","tarball":"https://registry.npmjs.org/@emotion/native/-/native-10.0.5.tgz","fileCount":10,"integrity":"sha512-FTjtNGm6jIrGcwVIbf26CjyKNR9K+1bWU9QAN1W3D6U+Usz+OrUFBFN1zqF446YGNoudsSQXzEHGhA7JO6SbAQ==","signatures":[{"sig":"MEYCIQDWuyUqiHfWyMEkQFzybnV31Dsh+PA7CIoBIQUwIrgW7AIhAPBd5PZfdDt2L6Sg/2Ow0i6i4bA06BVs0s8wFgca184q","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14067,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJcEv4sCRA9TVsSAnZWagAAwrkP/i73Iuha9EcKZGGDc2sK\njOctIr1JOLcGaFGML91nCCE4abekD12ATJA8eeMQCCQBJeDT4cCTE5pVIpsI\nnC9hZh+4iey5i1ltuMxKxK5/WFGxcKfQkS3ABbmNNCq8e936gfMuf8KUuduk\nqUAauiwvPzmpVUYV7pWdyVomZ77n/2K2wGb3OXaKBLf9XxtiAReF0W4VUle7\nVyGca5DQOfLbh/wTZk/fn8Ns0cCVKPlQj4af/J3NiKb/huXBYdQx5fp62ZR+\nLbzUUV34232GkEtuM+kYqZDGl28rNyQq6amM3sOwXAEToSS1kQ2XFmqroiIv\nmKJHIOYOYMloIFsFAeJYNl//SMGyc/4Lbrmi1psQR36bczxrmLMDRHUUluud\nTwafLuPApuLGnw/RS+wmN7GgK4/be0PF6lTySciPFlTReB635MmdwBOgfAzz\nlaKj4739PCpGjIlF5xqurRaA6atWZkJVb82D74+/wNI2aGbVwEtE/AKmDfEu\nmNr9ZH0Z/WsaKMlqGddBGBQA9emVExPV7cpI0SiH6Xkdo9FzLw6SAUIygDjr\nIAhj9Tpo9Wjwrz1tzniIYLwpA2Sf85vKe8M53+dSvYY7fz8FiLcV1ss3TUNr\nqtdV4iKEnyqkS+/+/y94FdG+mfjrFTyaJooliC/kZjVjnD1lelo/97qJLXHF\nOWsD\r\n=cWlF\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/native.cjs.js","module":"dist/native.esm.js","browser":{"./dist/native.cjs.js":"./dist/native.browser.cjs.js","./dist/native.esm.js":"./dist/native.browser.esm.js"},"_npmUser":{"name":"mitchellhamilton","email":"mitchell@mitchellhamilton.me"},"repository":{"url":"https://github.com/emotion-js/emotion/tree/master/packages/native","type":"git"},"_npmVersion":"6.4.1","description":"Style and render React Native components using emotion","directories":{},"_nodeVersion":"11.1.0","dependencies":{"@emotion/primitives-core":"10.0.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"react":"^16.5.2","react-native":"^0.57.0","emotion-theming":"^10.0.5"},"peerDependencies":{"react-native":">=0.14.0 && < 1"},"_npmOperationalInternal":{"tmp":"tmp/native_10.0.5_1544748587557_0.36122998440677834","host":"s3://npm-registry-packages"}},"10.0.6":{"name":"@emotion/native","version":"10.0.6","keywords":["styles","emotion","react","css","css-in-js","native"],"license":"MIT","_id":"@emotion/native@10.0.6","maintainers":[{"name":"mitchellhamilton","email":"mitchell@mitchellhamilton.me"},{"name":"tkh44","email":"kye.hohenberger@gmail.com"}],"homepage":"https://emotion.sh","bugs":{"url":"https://github.com/emotion-js/emotion/issues"},"dist":{"shasum":"1d2a386b6b7aa10c5f07f403207752a754748912","tarball":"https://registry.npmjs.org/@emotion/native/-/native-10.0.6.tgz","fileCount":10,"integrity":"sha512-wMNHO5cvhGBK8JGQ2ZZmlF8P7wW7p+4oFIG3jOxVh26e7M3Rex2rDlKyKmPcIFF9ik9fNBoEnNSeXevxM6AiyA==","signatures":[{"sig":"MEUCIQDdixbz41ehpuFHe2IcM8GKDb7rSLBEEGmfgtcDe7LtpgIgBXT65qWjUEQYFrNLWF+l5/kBj26FBHSOFu7Zg1Pc6vk=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14067,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJcMoxhCRA9TVsSAnZWagAAu0UP/3wMSSrheKp6pcu3u1+x\nLzueIW1Pw+qWYV3RfSlD0oFAqzgjRR0WdfSJ6ghWdcxhzHWjUAF+JqzDEHgZ\niA09QHeCUGF/wtwi4jc6TZetf6twbldvtQO0E0/+pXlLBKYb10qFu4+gQhst\n8XSw2Fa3a/9J7+/O2GpAa8NvktRJNkj43DfmGO6rl1oU7YQ24Bu95k0dR0oQ\ndqlsuCN6KEq4IUMfWxagI4BHChuIGKma5/bcbY5sUg+r+UwlLJrzlxPo1Q3f\nTbbs02l8T2Dcg18/OmIM0Xm3KH4cxVXRTWilM3XDEDFv2/5Uh7uzxYWP4OYn\nwe+j7JWCtyB7k0zgtCdq0q87t6mkg+5J5MiRbbd6s5LCFg1XVYRWh8qhxqON\nM/gIjBer59atNKPKm3DlT/x8wmzP1/Fa2esxXIBxkLK31tOoQiuVV2tFWGJ7\n5kpgUll4qwiTz/DVpIfwQjbh38PSOD8ZxhFu+WMg7mPPRulVJhZxqjJ33oZS\ntfe5TRKk68/ygRXK91hRDOxC+5EcADkZw4d8ViHjAsoUsm34rVJp97M0vlUb\n+8tbaw+XZoqTbiUYAxncOS1X8QU+Giix9xYuicQ9bn/+SPGm1D/Na/QJKrgd\nPI3kLIsnboGaAgtseCld9tprSRczHWY86PO2hERVTKZJIzJExl38boflS+a8\nIwlP\r\n=smY0\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/native.cjs.js","module":"dist/native.esm.js","browser":{"./dist/native.cjs.js":"./dist/native.browser.cjs.js","./dist/native.esm.js":"./dist/native.browser.esm.js"},"_npmUser":{"name":"mitchellhamilton","email":"mitchell@mitchellhamilton.me"},"repository":{"url":"https://github.com/emotion-js/emotion/tree/master/packages/native","type":"git"},"_npmVersion":"6.5.0","description":"Style and render React Native components using emotion","directories":{},"_nodeVersion":"11.1.0","dependencies":{"@emotion/primitives-core":"10.0.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"react":"^16.5.2","react-native":"^0.57.0","emotion-theming":"^10.0.6"},"peerDependencies":{"react-native":">=0.14.0 && < 1"},"_npmOperationalInternal":{"tmp":"tmp/native_10.0.6_1546816608839_0.75726910156295","host":"s3://npm-registry-packages"}},"10.0.7":{"name":"@emotion/native","version":"10.0.7","keywords":["styles","emotion","react","css","css-in-js","native"],"license":"MIT","_id":"@emotion/native@10.0.7","maintainers":[{"name":"mitchellhamilton","email":"mitchell@mitchellhamilton.me"},{"name":"tkh44","email":"kye.hohenberger@gmail.com"}],"homepage":"https://emotion.sh","bugs":{"url":"https://github.com/emotion-js/emotion/issues"},"dist":{"shasum":"bae37d0978f742a589ef6db9d6647cdbd75d0f19","tarball":"https://registry.npmjs.org/@emotion/native/-/native-10.0.7.tgz","fileCount":10,"integrity":"sha512-0ch0O04nOFzAyOqzWyoMauClRZWNq93qFqWS8AVcr82Hpi+CojIkzDjHjMNxEWZ/dunP1/xDRYIR5HIpbXsRtA==","signatures":[{"sig":"MEQCIFEq5sy7j4T/4O3FhTo77oHllkcgQmnm0EHwX1rfnqpmAiBKsRkQDgBWVKApOekPU7BTg/boyNcE7RgofO0A7LrBew==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14067,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJcV+QaCRA9TVsSAnZWagAAYg0P+gJRXuwCCAQZiQpJYztn\n1iUkkEcdiboIu9RHEnQ1qvZRf+vL2m4Mxlm6DOwPFteI1672o4GjkvGFxthc\nQja01y7s+ep/+hNb9sTb5M0wdbim2fOTByst13KUEou9XIOvR8e8S/0rALAe\nral7KokSE9I1lby5EtuGE9fUaQ+6P9wmglhlF2K6RNSEOzhPAOnYjkWQdKX8\n+f4jYpoWAaQzfWQYtVJlXVkwbvvbunFELHGEwhpVesOPdM0Er7lTCHNN3iKO\nz0PS9hWMLvIIEktIuQk4TKCyx2dspbNy9NY9WcL0wajw++ZKy947Ncjo23Qs\ng5gQvguvT2HOViroIYMNwJcHHnQReCWDvAsmPnr0BBFxsakZrXvfKGM8f59T\ny+rWGC85iLMth8bjPrmilw3eaUTdQ5Nu07okU5MZvfQw8Mb8fQCnVyoqxa+T\nbV7ZsieMpxI8ighEBYk04jTlokSftCSV6f7GhcBl3vkXg+1ThKGckdCZGe5+\nR4xfu4ny15P7+xoco8CdYsTsiJ5T95eR/FlwPnanFuIN/I92l9itaD18uaEn\nnFO7EfxwiZnacti9q4uRWPQ1s/IS+6LXR+SYIkY0mYmMkRJey6ynFWNgR3YF\nrwYDQbacpb1b1FMMKqA1ca+fXwzg834+tL2cYXcTl6CURCDiTb6xI5nsUL8e\nzi44\r\n=Z+U2\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/native.cjs.js","module":"dist/native.esm.js","browser":{"./dist/native.cjs.js":"./dist/native.browser.cjs.js","./dist/native.esm.js":"./dist/native.browser.esm.js"},"_npmUser":{"name":"mitchellhamilton","email":"mitchell@mitchellhamilton.me"},"repository":{"url":"https://github.com/emotion-js/emotion/tree/master/packages/native","type":"git"},"_npmVersion":"6.5.0","description":"Style and render React Native components using emotion","directories":{},"_nodeVersion":"11.7.0","dependencies":{"@emotion/primitives-core":"10.0.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"react":"^16.5.2","react-native":"^0.57.0","emotion-theming":"^10.0.7"},"peerDependencies":{"react-native":">=0.14.0 && < 1"},"_npmOperationalInternal":{"tmp":"tmp/native_10.0.7_1549263898244_0.5989987865089639","host":"s3://npm-registry-packages"}},"10.0.8":{"name":"@emotion/native","version":"10.0.8","keywords":["styles","emotion","react","css","css-in-js","native"],"license":"MIT","_id":"@emotion/native@10.0.8","maintainers":[{"name":"mitchellhamilton","email":"mitchell@mitchellhamilton.me"},{"name":"tkh44","email":"kye.hohenberger@gmail.com"}],"homepage":"https://emotion.sh","bugs":{"url":"https://github.com/emotion-js/emotion/issues"},"dist":{"shasum":"4c4e97e7361970ee746c5607de2538a38199882f","tarball":"https://registry.npmjs.org/@emotion/native/-/native-10.0.8.tgz","fileCount":10,"integrity":"sha512-r2rFitgSRdNPZUlWlN4esqAGQgFEk2yIO4mMXXEuCaL06PLFYGLT9sTwgj/qFgeAXQQewczlJstYrAg4TSSBfg==","signatures":[{"sig":"MEQCIBX3TmQyaHlDVjphACs78Au/0Ajcn6YsVtB+79O5o3jQAiA9qr6cAsINCumn2Ih1DXP3YYz7XLr/IOVCLNi2YD/1Hg==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14067,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJchf+ACRA9TVsSAnZWagAAQdgQAJYZ658Uo5NIQ3jAUn1P\nYv/wpJeBUxd+KXY8Ozp69x471yLNEdnX+a1UnLjucK1YX3NypUp5e6X4ZvC5\nDnP2iDSM513PmMW4Hje27CZtAvHIHfzskh8o/9+qZUsa9ySI2DlPrp0m7VeA\npLiizJVrJeHeOpwuwhTSL+hEUx7aDCmirlaH/dDR9S4kvcYZ3Rb+pd0upiFt\nv8W3Y9TyuWeqTXbqIHHDF5YLxc5H8GC1Fgm0EzTaE4Z/VEYMBVRnUVc+UrV4\nPK/I/qZKGPCDnFzsegokXQBc1Lzb6ErXCsiCf2wJ3nCXD6qIO7XXmUdCpyn+\nizuxaeeKkrBgzWwMVKvQ0mar8QLNB1xzmeeD1Jw+nA3ZY+Tdoq8rUfaQg/MK\nQjmBhVVNK56yC4umZprl2qZF2aUQNvhZaDvx7gzCk0oZHgt/NHVoYUQLvFkd\nTIIcflyf7sQQ5FiNm8j4bPfOS0eUS1uQICxxjdnWAtjCdqz/YNK02vNEcgW1\nAnB/H8OIxE4BOA72zfQU+n/qU68zaOdtMl4XBMOCnoXI0VHKgvZto82Qt1w1\nJ+7hko9+QzPK2SqFtdAQPdEK/TC6y75eSG6VVBqYK8wr5U4Di2zqDS4cbm/1\nHpvjD7UmYDicUEsd3zci5XcRbMEIGX18TKa9OPqrS7yEQZZdoyay4KEjVRtd\nfM3S\r\n=+eh3\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/native.cjs.js","module":"dist/native.esm.js","browser":{"./dist/native.cjs.js":"./dist/native.browser.cjs.js","./dist/native.esm.js":"./dist/native.browser.esm.js"},"_npmUser":{"name":"mitchellhamilton","email":"mitchell@mitchellhamilton.me"},"repository":{"url":"https://github.com/emotion-js/emotion/tree/master/packages/native","type":"git"},"_npmVersion":"6.5.0","description":"Style and render React Native components using emotion","directories":{},"_nodeVersion":"11.7.0","dependencies":{"@emotion/primitives-core":"10.0.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"react":"^16.5.2","react-native":"^0.57.0","emotion-theming":"^10.0.8"},"peerDependencies":{"react-native":">=0.14.0 && < 1"},"_npmOperationalInternal":{"tmp":"tmp/native_10.0.8_1552285567580_0.41044336144358606","host":"s3://npm-registry-packages"}},"10.0.9":{"name":"@emotion/native","version":"10.0.9","keywords":["styles","emotion","react","css","css-in-js","native"],"license":"MIT","_id":"@emotion/native@10.0.9","maintainers":[{"name":"mitchellhamilton","email":"mitchell@mitchellhamilton.me"},{"name":"tkh44","email":"kye.hohenberger@gmail.com"}],"homepage":"https://emotion.sh","bugs":{"url":"https://github.com/emotion-js/emotion/issues"},"dist":{"shasum":"e461b9a037f2a48d147faf39a1c780149f9d9c39","tarball":"https://registry.npmjs.org/@emotion/native/-/native-10.0.9.tgz","fileCount":10,"integrity":"sha512-594v/cpAILwEQAu4vtfRM+2mPs/tW2rrPbbesCoujRgB5zjsx4wWKLz6XcPxQyTQpoDdbfkKJtNFvsPNyOd43g==","signatures":[{"sig":"MEUCIQDVZR7YLvaro+l06nQ8KBiL5l1BkrYYZnPrzmEjf882MwIgHjleqq6Cu2HSCyakd/vWVBJ9m6vZIT5Wrgr2q8coJn0=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14067,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJchgEZCRA9TVsSAnZWagAAP2UP/2123ALzfftoEeTIkpPE\nmJNzaLUTJ6mbi0Wajxh3n3CwFl39rRumLbt5vnNxlPijaWkI4kFivH6o3ZM4\ngVzwU12qUH3T0nL6JqJgwn/h7S1r3vJDiySu6+gPa1ggYFf6ofdt3QfzOTnh\nKGFJuKWjJhizTXwZKVGAo+DLdNvMhT24KemNE28+4X+S0wZbMvaGL65vA7d5\nHc3zgAKURFVFJfTOGl9Ueg9kr111koHA/EKacD5uRgawdaFWVRDcpwzF606c\nfgnL4gtiHtHNwfY6QJo9kSx7yBSvzriB4oAO+yAubQH3lQjrzd5rMT4QAOMh\nyABlvvAHBk64/rh+uMBkj6axyYvvi8yHr7e5KC3YiTAbP6eACA9Xd2KJY0Df\n59Xf5tuDvyZPXvFXz5cl33nBRXZ1nljidzHKwtIuMRfWGoMW4ihdVeUQwxEd\nCbGEUG4JQ+R2KRcUR9wVKHu9TY/dqKKN/4L3hS1Wm1EOKHu4BC94lEMJwpWv\nobRpa8hiFffqNqE2BRUbgbpwJWCHvkdkQwPQyQ7APvQ57du9XaPSmAi3AirM\nPc+tZmG5G8HVhGybh60qhCKbiQi4JulBpBCrfbFW+6Bc6/2mfNoTkkRk/efM\nUDMwhlkxVq4+goYd1QtM6feUUO7SyYhnOP7SYPy22Db5AGl2SVCPSk7dTxrc\ndJ86\r\n=+dRo\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/native.cjs.js","module":"dist/native.esm.js","browser":{"./dist/native.cjs.js":"./dist/native.browser.cjs.js","./dist/native.esm.js":"./dist/native.browser.esm.js"},"_npmUser":{"name":"mitchellhamilton","email":"mitchell@mitchellhamilton.me"},"repository":{"url":"https://github.com/emotion-js/emotion/tree/master/packages/native","type":"git"},"_npmVersion":"6.5.0","description":"Style and render React Native components using emotion","directories":{},"_nodeVersion":"11.7.0","dependencies":{"@emotion/primitives-core":"10.0.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"react":"^16.5.2","react-native":"^0.57.0","emotion-theming":"^10.0.9"},"peerDependencies":{"react-native":">=0.14.0 && < 1"},"_npmOperationalInternal":{"tmp":"tmp/native_10.0.9_1552285976602_0.8260951281527462","host":"s3://npm-registry-packages"}},"10.0.10":{"name":"@emotion/native","version":"10.0.10","keywords":["styles","emotion","react","css","css-in-js","native"],"license":"MIT","_id":"@emotion/native@10.0.10","maintainers":[{"name":"mitchellhamilton","email":"mitchell@mitchellhamilton.me"},{"name":"tkh44","email":"kye.hohenberger@gmail.com"}],"homepage":"https://emotion.sh","bugs":{"url":"https://github.com/emotion-js/emotion/issues"},"dist":{"shasum":"61a30968a8221788233626149195f96b09e097d3","tarball":"https://registry.npmjs.org/@emotion/native/-/native-10.0.10.tgz","fileCount":10,"integrity":"sha512-mzrU6GNn9WB00ce/ExYdqldAtylPFG5pdhnSgpAmH57xU04BYKPLhlLpC5ATwR4pfQYn4kv+RwBTA/zoqWSbHA==","signatures":[{"sig":"MEQCIAJc6c8gLx0202TapJbn69O+qPLNww/q30YWzcTdO/BbAiAQUDAH2uyENGn/7uOLd4hhn2PyueoUr2kKZmVU8yec4A==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14069,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJcmIaPCRA9TVsSAnZWagAA5g4QAItEmA5hJIWWBdYwiIB7\n7tJXPho+pSbrRLRCLBCDAsgwXSFkDiZ5Qgy5rC2fNsqwhyLpLwmb/mgG2WEr\nI0CZrQ2cOPGFLGuaLMoFF6PR7raPFKc0+X4K8+f/xBBWAt6hEuvTMcfGaLLG\nas4n7Q6dtboksf7knI2UqYhVhAizSouhGzDuVYi4m/1RFhi+S3wye303mJJV\nd4qeUquMwOhhCADAcp9Q5iUPPDFcDANYTQx4BnI6yb3xlxzCB5IsGdCpHkxE\nsLChv8sWfAnaEsGTbB6OYmi75fhX6GX7PaC+KITXTT5riO2CbJ35QmkFU/0q\nFwdbPSdQiXKBfhddr4zF18zSacdikmgSausxOHGP3rNBCyhSSgm1VaOJfdov\nxio5/onJW4eU6Gv4qVqPE5FLpNYMN15wCmeekqC0M3PMaiB6k/U1/tlvz/xd\nHVX0oC6zIhMlSAkIshNuqYxaaPecLo/TsVXG2t36XDR7D/VvZyPP479LWw1h\nf+xNG/zQVHnoupWUPgeKX4NLVN1g7n8WDiXBnuY+X9vLBcgKDKOwf8TDvI53\nmZ4rZVx6KCbs+5fP35xV94yun5pxiTu0aNkHbq6IN1JTge1Afgu+AnuML9H0\nfsEucp6pqohJ+68utCT7jfoSJysX1o7Pqau/IWsC7vl5aZcbdI3OFBYXxVOy\n+3pX\r\n=kdV5\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/native.cjs.js","module":"dist/native.esm.js","browser":{"./dist/native.cjs.js":"./dist/native.browser.cjs.js","./dist/native.esm.js":"./dist/native.browser.esm.js"},"_npmUser":{"name":"mitchellhamilton","email":"mitchell@mitchellhamilton.me"},"repository":{"url":"https://github.com/emotion-js/emotion/tree/master/packages/native","type":"git"},"_npmVersion":"6.5.0","description":"Style and render React Native components using emotion","directories":{},"_nodeVersion":"11.7.0","dependencies":{"@emotion/primitives-core":"10.0.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"react":"^16.5.2","react-native":"^0.57.0","emotion-theming":"^10.0.10"},"peerDependencies":{"react-native":">=0.14.0 && < 1"},"_npmOperationalInternal":{"tmp":"tmp/native_10.0.10_1553499787730_0.657312432635335","host":"s3://npm-registry-packages"}},"10.0.11":{"name":"@emotion/native","version":"10.0.11","keywords":["styles","emotion","react","css","css-in-js","native"],"license":"MIT","_id":"@emotion/native@10.0.11","maintainers":[{"name":"mitchellhamilton","email":"mitchell@mitchellhamilton.me"},{"name":"tkh44","email":"kye.hohenberger@gmail.com"}],"homepage":"https://emotion.sh","bugs":{"url":"https://github.com/emotion-js/emotion/issues"},"dist":{"shasum":"c92cf61e9d8b00bf150ac2de629dc405049a8266","tarball":"https://registry.npmjs.org/@emotion/native/-/native-10.0.11.tgz","fileCount":11,"integrity":"sha512-wl6WiLt+ULTSiOm5ekwHAkdr9YO+r5Mm4BPcggAbfBTuu2GSU9OTf8bzznQQfkkyjBzonGhtqagMxr1MW4Wojw==","signatures":[{"sig":"MEUCIQCzvqF0PKImsaV71qdlKUh1r678HAtgI6KGe+TFWbSENAIgZ28p41CNQFpwaafhybLbAaHsVAyxb+WQ62IaMZHSQos=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":13605,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJc05vOCRA9TVsSAnZWagAA6qgP/ju5+/wMD2zL76c0j5n2\nLlXqNEAM30mVEtRiwX86e7XHVAFbkUqCiNfyCu22/6xqo/SLcsunHvxVSwLO\nmmf4ESSJVGW1P51jLkGQkHkVxSqEnCrEwdWThcf49OiEP4U5w7sXfuG5WVDe\n8sJXhrgRa74RWXZYE9lo4oMB1ZmJ9y+5uJF/fndLmeMbSYu89DLczWYeojWS\nFYF4NZV03BepLuT1vuN1xR3oETPNHSgEMfMfJDwGCKfXhYC0SYaz/192oKzS\nhmvthPw+zZBu/H/2sirY6R65q3/1w5eKCY1bAIxBYgA5r4b1RIeTKBoMKNVm\nzt3Edl/OY7idSHfNxfpp9zqNswTAVpr156t4hKAwSQVv+eLbOEHk6SyNooEY\nVZbqZKdS666+IZmR8CcsU1+ozua1nLOhD/nH0F3D+KHZfxBK0ehuqepn20yd\njexXSikjoYAckubDEiOPRt7q4vJZCvLB6vSdmpIOVpeitmGyz11+1fCf2OaK\n2SyF6tEtZA2RfLzeBWvM5RlSjxy6wGNBgbc8AQsyM07xEjpDI9ma7N0iSqxq\n+/UnQnv0r0SnxkNhaR3a6dCgnBuGdeSvUOOHPgCztDSQG5OhZdmQdKkL7Uu9\nYCqllxvBvT3WnWGk7WSwDYrE7wDNFFrDfzdl6WOEb57rA/MGENLYu5BtUhri\nTNNl\r\n=OcnU\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/native.cjs.js","module":"dist/native.esm.js","browser":{"./dist/native.cjs.js":"./dist/native.browser.cjs.js","./dist/native.esm.js":"./dist/native.browser.esm.js"},"_npmUser":{"name":"mitchellhamilton","email":"mitchell@mitchellhamilton.me"},"repository":{"url":"https://github.com/emotion-js/emotion/tree/master/packages/native","type":"git"},"_npmVersion":"6.7.0","description":"Style and render React Native components using emotion","directories":{},"_nodeVersion":"11.11.0","dependencies":{"@emotion/primitives-core":"10.0.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"react":"^16.5.2","react-native":"^0.57.0","emotion-theming":"^10.0.10"},"peerDependencies":{"react-native":">=0.14.0 && < 1"},"_npmOperationalInternal":{"tmp":"tmp/native_10.0.11_1557371854033_0.19706171859819444","host":"s3://npm-registry-packages"}},"10.0.14":{"name":"@emotion/native","version":"10.0.14","keywords":["styles","emotion","react","css","css-in-js","native"],"license":"MIT","_id":"@emotion/native@10.0.14","maintainers":[{"name":"mitchellhamilton","email":"mitchell@mitchellhamilton.me"},{"name":"tkh44","email":"kye.hohenberger@gmail.com"}],"homepage":"https://emotion.sh","bugs":{"url":"https://github.com/emotion-js/emotion/issues"},"dist":{"shasum":"5cb7688bb677990c949ed06e22af925741d32310","tarball":"https://registry.npmjs.org/@emotion/native/-/native-10.0.14.tgz","fileCount":11,"integrity":"sha512-de01O1GvP6Qq8zWbCPOhTZ7GLkaYO6WhDXddVjVIx/16Ax360AotNBs9nBdkTrEExq1cSDa9vj5178Vw3R2x3w==","signatures":[{"sig":"MEQCIFLLuZm49Dp2DDyIt+OIkjbzrzzB7+tOOeiJzziDBLkIAiB0/9oKaNDjdzwSqDFwICtz4Ho0SZsZK689zlhbQeHQhg==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":13847,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdEql4CRA9TVsSAnZWagAALwoP/3Font+M8aUo0rY5Vi0U\nZL+H4hmaNObw/JghQ8NqLqC4P+8xfHui0UxsWGy2h52kCKWlN3XF4f69orZP\n+wP4ZBx1TqeWIXI88wKGhxY2P75nz40Yv/gSluQVQTWSmMuq4HyVuoHEZlVz\nt0P6pkFehL3WDnr0o5pOSu0dciOrZN8WmOP6GU5qtryMczMqqAm3CLAMlec0\n9BzlRD3k/oTRggkb9vvJthFnjV19eCkR6FPjwYkoHhlVox+ACMy7kaV8HeMW\nRDonwWtQuBY0gDiAs5tY6UeQplRJFkZGWbBI1f4e/jsJdD3Ognj9g+ZX3YpI\n4nqF1Qdxjra4Rn9ffDWIqGKSh//5hJdvWP7ym/FmnW5+FzXfjv0pz2ulRzyb\npgLHPVOa8zD3V/ifNlb9gathYNXHtg6/XxobRpY6RXzkgRlBChxEd0B/4kvR\n12J1lDT90NBAyGNtMlOYqWvVfP8UHdgdnf+NYZln+/MIj7voWVlVoiXg3Yn1\ng+vla5JNnncsxNI9YrNvts/KCKtgZlQVmeT/ZvpRMUnjitlwo82LNPYYNgRk\ngrllxFlNGVjlmnKBFAjoLvVhX6YM9coy2y8CKPiNTymnwGSG4zBiadho2TQ3\nPN5zVy6z20lKd4S/IEg/8+y5eKEGfms1datPgo0OdkCwRCa3aHR0ol9rUdUp\ncWdw\r\n=Y3TR\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/native.cjs.js","module":"dist/native.esm.js","browser":{"./dist/native.cjs.js":"./dist/native.browser.cjs.js","./dist/native.esm.js":"./dist/native.browser.esm.js"},"_npmUser":{"name":"mitchellhamilton","email":"mitchell@mitchellhamilton.me"},"repository":{"url":"https://github.com/emotion-js/emotion/tree/master/packages/native","type":"git"},"_npmVersion":"6.9.0","description":"Style and render React Native components using emotion","directories":{},"_nodeVersion":"12.4.0","dependencies":{"@emotion/primitives-core":"10.0.14"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"react":"^16.5.2","react-native":"^0.57.0","emotion-theming":"^10.0.14"},"peerDependencies":{"react-native":">=0.14.0 && < 1"},"_npmOperationalInternal":{"tmp":"tmp/native_10.0.14_1561504119654_0.5397549769202055","host":"s3://npm-registry-packages"}},"10.0.22":{"name":"@emotion/native","version":"10.0.22","keywords":["styles","emotion","react","css","css-in-js","native"],"license":"MIT","_id":"@emotion/native@10.0.22","maintainers":[{"name":"emotion-release-bot","email":"mitchell+emotion-release-bot@hamil.town"},{"name":"mitchellhamilton","email":"mitchell@mitchellhamilton.me"},{"name":"tkh44","email":"kye.hohenberger@gmail.com"}],"homepage":"https://emotion.sh","bugs":{"url":"https://github.com/emotion-js/emotion/issues"},"dist":{"shasum":"db1495b4bb46263734d9a737e5a4c8017211eb14","tarball":"https://registry.npmjs.org/@emotion/native/-/native-10.0.22.tgz","fileCount":11,"integrity":"sha512-4Hlb2KSVGTqwQjHIgojdYUPlf660MpVS8kh77EcrOe/MUmKtqNvZVFp/MAdejfX/c0RyzmiZq19WdPQLaWm/LQ==","signatures":[{"sig":"MEQCICi/ESi/1pP08lVODAgA8RTb96kuWZpx/PBQR55E5R8uAiBq1ZHO8g7151WhckKECkasRidnzfahirfI1nrQL3B/xA==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14339,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdsEYQCRA9TVsSAnZWagAA/pUQAIEZjrFFSorF8WgX4wpw\nltWF5qe/RW01vv6Dhel5i0jOGibFPOHEzvSFe4PO7R2Qxp8GrwtpllSnSnvn\nT7he9+URAFBjpTnn7/cWAy6hKMLIDix6sCpxWNTOkxH2fYDQZcUV7gBJzT4o\nig26qJTd/c96ac1oUIZYO2AqS4NvnQAMlzHZ2xxD0Qm5RNqulTpbfsS9Ylrb\nVCG11j7eU2aV33Gjb2j1j3IYw9ygDZOIjvKXwk/OB3pTmSmjrp+bmBxK+YEd\nr3n4nkLtXuQTtpHyEXcb6hw2DyGAKPnGBWzlc9X3mwdfjeZi5QGXzI1lBg7/\nmcHS6ZULzqFQUu7TZerBTVwq7OA9NNWmgR8w3qela9ReOyAIJccD/Zc7OGLM\nw3J1UqVv4sg+J8jZEpuRckr/5KN+RilzWPHhTk1G/VcGFdVKOORRnRe1uObO\n8aJEkc/coFhxtWEVUIkuhwXwpJtdZrYxzZb1LTHGQgSl+hAG1FpaILClwmO1\ngtmik46a+CW/06wIqvM1wtrQuQ91pBuwkmPSORB4+nipKcpySh/FV1ibQASB\nY/r9ODPfMf9zkvh64Sw8nFops/qTmVhtjTFhA9dmvRt0pGsT5Kyn4zfLtT4F\nkI5v6lRV+a/QK0hSFfa3Oc8UldASQUexx58XqNLebN33PdCDG8NxXeIYCOh3\n8GBR\r\n=arOG\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/native.cjs.js","module":"dist/native.esm.js","browser":{"./dist/native.cjs.js":"./dist/native.browser.cjs.js","./dist/native.esm.js":"./dist/native.browser.esm.js"},"_npmUser":{"name":"emotion-release-bot","email":"mitchell+emotion-release-bot@hamil.town"},"repository":{"url":"https://github.com/emotion-js/emotion/tree/master/packages/native","type":"git"},"_npmVersion":"6.10.2","description":"Style and render React Native components using emotion","directories":{},"_nodeVersion":"10.17.0","dependencies":{"@emotion/primitives-core":"10.0.22"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"react":"^16.5.2","react-native":"^0.57.0","emotion-theming":"^10.0.14"},"peerDependencies":{"react-native":">=0.14.0 <1"},"_npmOperationalInternal":{"tmp":"tmp/native_10.0.22_1571833360396_0.8382414971921384","host":"s3://npm-registry-packages"}},"11.0.0-next.0":{"name":"@emotion/native","version":"11.0.0-next.0","keywords":["styles","emotion","react","css","css-in-js","native"],"license":"MIT","_id":"@emotion/native@11.0.0-next.0","maintainers":[{"name":"emotion-release-bot","email":"mitchell+emotion-release-bot@hamil.town"},{"name":"mitchellhamilton","email":"mitchell@mitchellhamilton.me"},{"name":"tkh44","email":"kye.hohenberger@gmail.com"}],"homepage":"https://emotion.sh","bugs":{"url":"https://github.com/emotion-js/emotion/issues"},"dist":{"shasum":"053a23da8324146489872c88b7ac08c21f4ad921","tarball":"https://registry.npmjs.org/@emotion/native/-/native-11.0.0-next.0.tgz","fileCount":11,"integrity":"sha512-Iu3KqAA/0K4RDBGDVbZZH8fYYUwwb+hpajRhzl6fDKQ0yUYjY7o9PFFjRI+0GxUqQOis/pQ8FZMqpC2ebQUQ9Q==","signatures":[{"sig":"MEYCIQDuEZgq8CpwF5S1SPenMex/dXTazZtZwwB9jiVYCYot2QIhAIYhtTo43Nt1ZYCOFZHgOatKY9rN/XKodFRpN/WgtdrB","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14964,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdvzoICRA9TVsSAnZWagAAoFoP/A0PyEbyWMGaJEuuwQH2\nZ0U/cYnaIU8hD4xNFe9H5F4oWWaTTYXTiyIyq5vGg47yli6XndXtveGrYs8i\n5S08m18ca5o9HGWyUR89HyoVGDco36JwPPwwiI1gg2yhVFwbrihIL+sZSvRK\nhALYLVvGB1cnsg2wjJh95jrT9t9MTLn35kMFCdwpkO6ZHck2kQNB5AlyfjN2\nwHQwyHWLgCTVLec/x1EfLjYoo2G1WvJdnIMpP9OKjLOTrUfI2SDdDHJvDpX+\nFvZ4fIcHyel+PAuR8NHZc9kUeFz2dYsEMjxI2xC/8QEu7QGxSwj3uZHocczA\nAWt12PhHYTjeLnqxSRlCStaF84afd9G7XEZnllDyx4IB+wB3UhQiP3Q1B8GS\nWAAjGg2LsetI53FrTPkqLM99Wb3wWLPSWwVK++cNjqc3xMz5ETAvoHpZKoPo\niDT5N1vREVZn7S37Fahx/LsCyPZ1FASxc2AMvJx0IPM4l4pw7OmCkeyTtKnq\nDVDoLE2hZFVMGpmKMsLM/Pje4D/NPDBZtKks0pZ3V6lEZlEVph7IqLCEBXuO\nFpHyc+OIbV+zw2fzXsa60HSnKFz1lcpKA4tRjDUEPP2aGBeSf0JWLsHkZD5L\ndb1Jb5yC/8L3W26/mEWSTGcbLyPgmVGILBA4MGsl85q4aQuGvdwPGqs+OEt3\nzOi4\r\n=yRev\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/native.cjs.js","module":"dist/native.esm.js","readme":"# @emotion/native\n\n> Style and render React Native components using emotion\n\n## Install\n\n```\nnpm install @emotion/core @emotion/native\n```\n\nor if you use yarn\n\n```\nyarn add @emotion/core @emotion/native\n```\n\nThis package also depends on `react`, `react-native` and `prop-types` so make sure you've them installed.\n\n## Example\n\n```js\nimport React from 'react'\nimport { AppRegistry } from 'react-native'\nimport styled, { css } from '@emotion/native'\n\nconst Container = styled.View`\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  margin: 50px;\n`\n\nconst Description = styled.Text({\n  color: 'hotpink'\n})\n\nconst Image = styled.Image`\n  padding: 40px;\n`\n\nconst emotionLogo =\n  'https://cdn.rawgit.com/emotion-js/emotion/master/emotion.png'\n\nclass App extends React.Component {\n  render() {\n    return (\n      <Container\n        style={css`\n          border-radius: 10px;\n        `}\n      >\n        <Description style={{ fontSize: 45, fontWeight: 'bold' }}>\n          Emotion Primitives\n        </Description>\n        <Image\n          source={{\n            uri: emotionLogo,\n            height: 150,\n            width: 150\n          }}\n        />\n      </Container>\n    )\n  }\n}\n\nAppRegistry.registerComponent('ExampleApp', () => App)\n```\n\n## Theming\n\nUse `emotion-theming` for theming support.\n\n```js\nimport React from 'react'\nimport styled, { css } from '@emotion/native'\n\nimport { ThemeProvider } from 'emotion-theming'\n\nconst theme = {\n  color: 'hotpink',\n  backgroundColor: 'purple'\n}\n\nconst Container = styled.View`\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  margin: 50px;\n  border: 5px solid red;\n  background-color: ${props => props.theme.backgroundColor};\n`\n\nconst Description = styled.Text({\n  color: 'hotpink'\n})\n\nconst Image = styled.Image`\n  padding: 40px;\n`\n\nconst emotionLogo =\n  'https://cdn.rawgit.com/emotion-js/emotion/master/emotion.png'\n\nclass App extends React.Component {\n  render() {\n    return (\n      <ThemeProvider theme={theme}>\n        <Container\n          style={css`\n            border-radius: 10px;\n          `}\n        >\n          <Description style={{ fontSize: 45, fontWeight: 'bold' }}>\n            Emotion Primitives\n          </Description>\n          <Image\n            source={{\n              uri: emotionLogo,\n              height: 150,\n              width: 150\n            }}\n          />\n        </Container>\n      </ThemeProvider>\n    )\n  }\n}\n```\n\n## Usage with `react-360`\n\n`@emotion/native` can also be used with `react-360` for styling VR applications. Check out [this](https://facebook.github.io/react-360/docs/setup.html) guide for setting up a `react-360` project.\n\n### Example\n\n```js\nimport React from 'react'\nimport { AppRegistry, StyleSheet, Text, View } from 'react-360'\nimport styled from '@emotion/native'\n\nconst StyledName = styled.Text`\n  font-size: 40px;\n  color: hotpink;\n`\n\nexport default class App extends React.Component {\n  render() {\n    return (\n      <View style={styles.panel}>\n        <View style={styles.greetingBox}>\n          <StyledName>Emotion Native</StyledName>\n        </View>\n      </View>\n    )\n  }\n}\n\nconst styles = StyleSheet.create({\n  panel: {\n    // Fill the entire surface\n    width: 1000,\n    height: 600,\n    backgroundColor: 'rgba(255, 255, 255, 0.4)',\n    justifyContent: 'center',\n    alignItems: 'center'\n  },\n  greetingBox: {\n    padding: 20,\n    backgroundColor: '#000000',\n    borderColor: '#639dda',\n    borderWidth: 2\n  },\n  greeting: {\n    fontSize: 30\n  }\n})\n\nAppRegistry.registerComponent('App', () => App)\n```\n","browser":{"./dist/native.cjs.js":"./dist/native.browser.cjs.js","./dist/native.esm.js":"./dist/native.browser.esm.js"},"_npmUser":{"name":"emotion-release-bot","email":"mitchell+emotion-release-bot@hamil.town"},"repository":{"url":"https://github.com/emotion-js/emotion/tree/master/packages/native","type":"git"},"_npmVersion":"6.10.2","description":"Style and render React Native components using emotion","directories":{},"_nodeVersion":"10.17.0","dependencies":{"@emotion/primitives-core":"11.0.0-next.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^16.5.2","react-native":"^0.57.0","emotion-theming":"^11.0.0-next.0"},"peerDependencies":{"react-native":">=0.14.0 <1"},"_npmOperationalInternal":{"tmp":"tmp/native_11.0.0-next.0_1572813320477_0.3137444534317262","host":"s3://npm-registry-packages"}},"11.0.0-next.1":{"name":"@emotion/native","version":"11.0.0-next.1","keywords":["styles","emotion","react","css","css-in-js","native"],"license":"MIT","_id":"@emotion/native@11.0.0-next.1","maintainers":[{"name":"emotion-release-bot","email":"mitchell+emotion-release-bot@hamil.town"},{"name":"mitchellhamilton","email":"mitchell@mitchellhamilton.me"},{"name":"tkh44","email":"kye.hohenberger@gmail.com"}],"homepage":"https://emotion.sh","bugs":{"url":"https://github.com/emotion-js/emotion/issues"},"dist":{"shasum":"a5677b64e20988e795d178443b3388f32d17a44f","tarball":"https://registry.npmjs.org/@emotion/native/-/native-11.0.0-next.1.tgz","fileCount":11,"integrity":"sha512-KqOGZW1LmyLihcMCh19A+ucUxUhtJRI0zBPBsygXRNJ2/p6x8Etku+/LEKIi3eIqyGm9oqmqaz0fqyp9601vEg==","signatures":[{"sig":"MEQCIDYpJg53GTqpEB1tmVYkrxHfD4+Dugrf5pUHB1V+p+wYAiAfrfmm6rTyIhSnbUfiotU+TQvfoOW+GDrZ+F5e1R53FA==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15257,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdwdrCCRA9TVsSAnZWagAAuq4P/jrMCK4Y02tnWdXqUZtB\nLOwfUG7Ii7bIBccVc4zqRsOJkRHdYfBwKIOshfZLbgL9agSWWla9nbPWqEnX\n1SO/sOr1V7i4eAROj56aE3IUxvrpyL6tWZdHYJQdwL8FvqwVrmN3B8ergJKN\nldWbryNc+vv4Lw3yYIKXW7gnBDB59ZDvyZyCbm+gO1IcPobK7F1NlAoGEFnG\n4n9rV5YZZoFjS4SrDfAiI2kV3srgm/juoISl4MU4Pr/lgNo6zCGR/X4ygZFD\nViwaKVPccRNKXLc1gTsISeYbN7FnsHgRHp+N/7EFHqN4r+AzewIYAvaO+idx\nF+FwvlifGW5o7nTpeSwjq8fp5jlyhDKkRzuajyY826JsjZ5zoZJZpov55QGp\nCYDz/k7PlQL0VRt6UTgXH9LRcve3N64Q+2Izv4qXJth7/y+xRhVa/T48joyf\nsgB33UdXj321u+f/hnnpX+Jcg0yYzsSj5UCVrdhnMZccsUC8Cyu5IMx9hWu6\n1aWHmS7Jhzvd5VKx29pmlSKbuWI5V6bk9BillgyEoWaRsmtgIiFbFRkFxDCP\nt/uC8AYIbucLT8PRYGqNabQKZZtWxpnzFolX9GZNNsFZ23TJIVvSEnjInbOA\nI6EWUMxHn4XmQH19KWig0Zx7Ja14Poxior4W5XQmEjJHImAinkl2iJ+ABbo9\nf61u\r\n=5Tf8\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/native.cjs.js","module":"dist/native.esm.js","readme":"# @emotion/native\n\n> Style and render React Native components using emotion\n\n## Install\n\n```\nnpm install @emotion/core @emotion/native\n```\n\nor if you use yarn\n\n```\nyarn add @emotion/core @emotion/native\n```\n\nThis package also depends on `react`, `react-native` and `prop-types` so make sure you've them installed.\n\n## Example\n\n```js\nimport React from 'react'\nimport { AppRegistry } from 'react-native'\nimport styled, { css } from '@emotion/native'\n\nconst Container = styled.View`\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  margin: 50px;\n`\n\nconst Description = styled.Text({\n  color: 'hotpink'\n})\n\nconst Image = styled.Image`\n  padding: 40px;\n`\n\nconst emotionLogo =\n  'https://cdn.rawgit.com/emotion-js/emotion/master/emotion.png'\n\nclass App extends React.Component {\n  render() {\n    return (\n      <Container\n        style={css`\n          border-radius: 10px;\n        `}\n      >\n        <Description style={{ fontSize: 45, fontWeight: 'bold' }}>\n          Emotion Primitives\n        </Description>\n        <Image\n          source={{\n            uri: emotionLogo,\n            height: 150,\n            width: 150\n          }}\n        />\n      </Container>\n    )\n  }\n}\n\nAppRegistry.registerComponent('ExampleApp', () => App)\n```\n\n## Theming\n\nUse `emotion-theming` for theming support.\n\n```js\nimport React from 'react'\nimport styled, { css } from '@emotion/native'\n\nimport { ThemeProvider } from 'emotion-theming'\n\nconst theme = {\n  color: 'hotpink',\n  backgroundColor: 'purple'\n}\n\nconst Container = styled.View`\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  margin: 50px;\n  border: 5px solid red;\n  background-color: ${props => props.theme.backgroundColor};\n`\n\nconst Description = styled.Text({\n  color: 'hotpink'\n})\n\nconst Image = styled.Image`\n  padding: 40px;\n`\n\nconst emotionLogo =\n  'https://cdn.rawgit.com/emotion-js/emotion/master/emotion.png'\n\nclass App extends React.Component {\n  render() {\n    return (\n      <ThemeProvider theme={theme}>\n        <Container\n          style={css`\n            border-radius: 10px;\n          `}\n        >\n          <Description style={{ fontSize: 45, fontWeight: 'bold' }}>\n            Emotion Primitives\n          </Description>\n          <Image\n            source={{\n              uri: emotionLogo,\n              height: 150,\n              width: 150\n            }}\n          />\n        </Container>\n      </ThemeProvider>\n    )\n  }\n}\n```\n\n## Usage with `react-360`\n\n`@emotion/native` can also be used with `react-360` for styling VR applications. Check out [this](https://facebook.github.io/react-360/docs/setup.html) guide for setting up a `react-360` project.\n\n### Example\n\n```js\nimport React from 'react'\nimport { AppRegistry, StyleSheet, Text, View } from 'react-360'\nimport styled from '@emotion/native'\n\nconst StyledName = styled.Text`\n  font-size: 40px;\n  color: hotpink;\n`\n\nexport default class App extends React.Component {\n  render() {\n    return (\n      <View style={styles.panel}>\n        <View style={styles.greetingBox}>\n          <StyledName>Emotion Native</StyledName>\n        </View>\n      </View>\n    )\n  }\n}\n\nconst styles = StyleSheet.create({\n  panel: {\n    // Fill the entire surface\n    width: 1000,\n    height: 600,\n    backgroundColor: 'rgba(255, 255, 255, 0.4)',\n    justifyContent: 'center',\n    alignItems: 'center'\n  },\n  greetingBox: {\n    padding: 20,\n    backgroundColor: '#000000',\n    borderColor: '#639dda',\n    borderWidth: 2\n  },\n  greeting: {\n    fontSize: 30\n  }\n})\n\nAppRegistry.registerComponent('App', () => App)\n```\n","browser":{"./dist/native.cjs.js":"./dist/native.browser.cjs.js","./dist/native.esm.js":"./dist/native.browser.esm.js"},"scripts":{"test:typescript":"exit 0"},"_npmUser":{"name":"emotion-release-bot","email":"mitchell+emotion-release-bot@hamil.town"},"repository":{"url":"https://github.com/emotion-js/emotion/tree/master/packages/native","type":"git"},"_npmVersion":"6.10.2","description":"Style and render React Native components using emotion","directories":{},"_nodeVersion":"10.17.0","dependencies":{"@emotion/primitives-core":"11.0.0-next.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^16.5.2","react-native":"^0.57.0","emotion-theming":"^11.0.0-next.1"},"peerDependencies":{"react-native":">=0.14.0 <1"},"_npmOperationalInternal":{"tmp":"tmp/native_11.0.0-next.1_1572985538382_0.8355447387419348","host":"s3://npm-registry-packages"}},"11.0.0-next.2":{"name":"@emotion/native","version":"11.0.0-next.2","keywords":["styles","emotion","react","css","css-in-js","native"],"license":"MIT","_id":"@emotion/native@11.0.0-next.2","maintainers":[{"name":"emotion-release-bot","email":"mitchell+emotion-release-bot@hamil.town"},{"name":"mitchellhamilton","email":"mitchell@mitchellhamilton.me"},{"name":"tkh44","email":"kye.hohenberger@gmail.com"}],"homepage":"https://emotion.sh","bugs":{"url":"https://github.com/emotion-js/emotion/issues"},"dist":{"shasum":"1815651e0fe72eff58c3df961c9d7a566fda4702","tarball":"https://registry.npmjs.org/@emotion/native/-/native-11.0.0-next.2.tgz","fileCount":11,"integrity":"sha512-XLkjwILa00gr5rvCPzKLaxNOaNdOd3n7M4VInFQAPCL2Y/v2V4lmhSgfbd/DLPvkgz8BtfbyZ2qAoxd+OeIiOA==","signatures":[{"sig":"MEYCIQDA6J/W1uyIB37M7fsQ4emZR95XzH4tep8huZLbhZ8oiAIhAIYnnt811LiL++jCuSQRC/G/6X5b9eRB2qZRjnr5hr8l","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15825,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdwf2ACRA9TVsSAnZWagAAV6AP/A0wN5tKeEtkmUYcgaYE\n2pI612217gw2hacSLuAdbc/HhtdWoHd/3ztdri5PN7rBW/mpFeQE7bu7Yvi1\n1mXHXdIEmTSD3+ZgK3R4v+FsB/6kxtBn9mufuFDg2ZsD72vrEyj2w08tJk1L\naIK5iSj3RkES3+8SbPLBhwFXLcdEOGOO6fiS+QOUm2b3NqltLHoD9ty5T9rn\nH5Ngoy0mcsm0qPrbRwrCFdpuMX6UUfVPWWxaM/zyNoWtdjL6MXRHjKwqrw2o\n9+mFOT6Pcsc2bQ6OHD3b6fojMNiPCHuoH+iUaTxkpdj2yrFKMTeyhUMqR32P\nDK/nO6VgqXbNQhlv2K8svlrDxoQPPTWPLrfqeUJsH46YkcR0ucrm1mTtOybV\nMPe1mORF3aM6/5nuF6lFzwj3KrDDnUG7Ny1H+Cwec2kwzjRhCtAFd4MNMw/C\nZbQ5nd451eTB1TWKaf1FUWBPkdyj/rgDpTH5mTQvB/vf0u10N1kRQLHCDchp\nYGEyHWCG2kXLDKhTcbHGEW1j9CW/IyxsmKmBgoFeeOD9hqzrP72PTA042DWO\nZBYmDfLPhIpcLSvKwYuAWKN30wQij8Z/gVRxWTamUno5At7YAG70+j8yv7qE\nAOMLzBQ4gRZ/bWD0lDN5xlCHSOuNDvN5gholICdzlWA8Q3Haq9NDsnabKqVN\n2Q8B\r\n=eFgz\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/native.cjs.js","module":"dist/native.esm.js","readme":"# @emotion/native\n\n> Style and render React Native components using emotion\n\n## Install\n\n```\nnpm install @emotion/core @emotion/native\n```\n\nor if you use yarn\n\n```\nyarn add @emotion/core @emotion/native\n```\n\nThis package also depends on `react`, `react-native` and `prop-types` so make sure you've them installed.\n\n## Example\n\n```js\nimport React from 'react'\nimport { AppRegistry } from 'react-native'\nimport styled, { css } from '@emotion/native'\n\nconst Container = styled.View`\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  margin: 50px;\n`\n\nconst Description = styled.Text({\n  color: 'hotpink'\n})\n\nconst Image = styled.Image`\n  padding: 40px;\n`\n\nconst emotionLogo =\n  'https://cdn.rawgit.com/emotion-js/emotion/master/emotion.png'\n\nclass App extends React.Component {\n  render() {\n    return (\n      <Container\n        style={css`\n          border-radius: 10px;\n        `}\n      >\n        <Description style={{ fontSize: 45, fontWeight: 'bold' }}>\n          Emotion Primitives\n        </Description>\n        <Image\n          source={{\n            uri: emotionLogo,\n            height: 150,\n            width: 150\n          }}\n        />\n      </Container>\n    )\n  }\n}\n\nAppRegistry.registerComponent('ExampleApp', () => App)\n```\n\n## Theming\n\nUse `emotion-theming` for theming support.\n\n```js\nimport React from 'react'\nimport styled, { css } from '@emotion/native'\n\nimport { ThemeProvider } from 'emotion-theming'\n\nconst theme = {\n  color: 'hotpink',\n  backgroundColor: 'purple'\n}\n\nconst Container = styled.View`\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  margin: 50px;\n  border: 5px solid red;\n  background-color: ${props => props.theme.backgroundColor};\n`\n\nconst Description = styled.Text({\n  color: 'hotpink'\n})\n\nconst Image = styled.Image`\n  padding: 40px;\n`\n\nconst emotionLogo =\n  'https://cdn.rawgit.com/emotion-js/emotion/master/emotion.png'\n\nclass App extends React.Component {\n  render() {\n    return (\n      <ThemeProvider theme={theme}>\n        <Container\n          style={css`\n            border-radius: 10px;\n          `}\n        >\n          <Description style={{ fontSize: 45, fontWeight: 'bold' }}>\n            Emotion Primitives\n          </Description>\n          <Image\n            source={{\n              uri: emotionLogo,\n              height: 150,\n              width: 150\n            }}\n          />\n        </Container>\n      </ThemeProvider>\n    )\n  }\n}\n```\n\n## Usage with `react-360`\n\n`@emotion/native` can also be used with `react-360` for styling VR applications. Check out [this](https://facebook.github.io/react-360/docs/setup.html) guide for setting up a `react-360` project.\n\n### Example\n\n```js\nimport React from 'react'\nimport { AppRegistry, StyleSheet, Text, View } from 'react-360'\nimport styled from '@emotion/native'\n\nconst StyledName = styled.Text`\n  font-size: 40px;\n  color: hotpink;\n`\n\nexport default class App extends React.Component {\n  render() {\n    return (\n      <View style={styles.panel}>\n        <View style={styles.greetingBox}>\n          <StyledName>Emotion Native</StyledName>\n        </View>\n      </View>\n    )\n  }\n}\n\nconst styles = StyleSheet.create({\n  panel: {\n    // Fill the entire surface\n    width: 1000,\n    height: 600,\n    backgroundColor: 'rgba(255, 255, 255, 0.4)',\n    justifyContent: 'center',\n    alignItems: 'center'\n  },\n  greetingBox: {\n    padding: 20,\n    backgroundColor: '#000000',\n    borderColor: '#639dda',\n    borderWidth: 2\n  },\n  greeting: {\n    fontSize: 30\n  }\n})\n\nAppRegistry.registerComponent('App', () => App)\n```\n","browser":{"./dist/native.cjs.js":"./dist/native.browser.cjs.js","./dist/native.esm.js":"./dist/native.browser.esm.js"},"scripts":{"test:typescript":"exit 0"},"_npmUser":{"name":"emotion-release-bot","email":"mitchell+emotion-release-bot@hamil.town"},"repository":{"url":"https://github.com/emotion-js/emotion/tree/master/packages/native","type":"git"},"_npmVersion":"6.10.2","description":"Style and render React Native components using emotion","directories":{},"_nodeVersion":"10.17.0","dependencies":{"@emotion/primitives-core":"11.0.0-next.2"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^16.11.0","react-native":"^0.57.0","emotion-theming":"^11.0.0-next.2"},"peerDependencies":{"react-native":">=0.14.0 <1"},"_npmOperationalInternal":{"tmp":"tmp/native_11.0.0-next.2_1572994432507_0.7154078198395302","host":"s3://npm-registry-packages"}},"11.0.0-next.3":{"name":"@emotion/native","version":"11.0.0-next.3","keywords":["styles","emotion","react","css","css-in-js","native"],"license":"MIT","_id":"@emotion/native@11.0.0-next.3","maintainers":[{"name":"emotion-release-bot","email":"mitchell+emotion-release-bot@hamil.town"},{"name":"mitchellhamilton","email":"mitchell@mitchellhamilton.me"},{"name":"tkh44","email":"kye.hohenberger@gmail.com"}],"homepage":"https://emotion.sh","bugs":{"url":"https://github.com/emotion-js/emotion/issues"},"dist":{"shasum":"e4a3b713bfebad9e4ed4eff92b4da8ebbd662773","tarball":"https://registry.npmjs.org/@emotion/native/-/native-11.0.0-next.3.tgz","fileCount":11,"integrity":"sha512-oRt2liKnDdo6Qvk3EehlMTahFC6A6rQ8IU6ULmLGZQtN6Bg5a2YtBAeXo1HouAu6/2aF6p9u5qcAbfm/OPpzWA==","signatures":[{"sig":"MEYCIQCulgsX7lm9Ma9cYqN+9SxQUjCDxynf4snax9MZFhOdIgIhAOr0T9xHFI7IIpH6QK/HxJFljH6iOMc6NXzPmQF0ZqRU","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15969,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdxpL3CRA9TVsSAnZWagAACfQQAJ31oPGsUxCZIGPfU+2l\nL6mRLLaFVDbqyh2tzsozcALAkW7SWWTbYCw6BPx/pCFq+jh3vQXqhHI959FU\n0eqGS8ysJtNtYkNTFPxBh5AfzuZbNHKLAxUg4uUUmKXf1lY0K7lq71heIzGq\nP3oqskf9FlLXf+zkOQABPrhx6nVmzWeBo+DKMGBc1aTYZ+jpjTgTSQ/BdtR3\n3iLDC5i7QHBXlzsGLT+irdH++qNUKr3bZMKLArpcSiF77iYITLBaAEcuwYA8\nnpvB/Zl4Dqn0+0WInamwDiZQ7p+Pv2iA7+OMx45k9kHI6jxd8FG7yhfhsYD8\nPf8wtLdrKHkGu5nrRrTxUz4rnr69iQ9HS/1SgWyYYSkXHwVWWsPNJZRghYAa\nS0tadKIV2dkybe5ckdBVd8jjKs0qVNBRlpZ7uLTtM3mHjXCPxW88Tx80reCO\nnjI36oruMQqM0+kT5k/otSihTmo8B092dr/P4O72u+AsfZHn7IxWn2CXc6rR\nQpuGRD3zSL7ZxtknS8pxkwXz5zak7afuVxxXRnyx6ChbY4xRLZEDiq04pSgH\nnjdApPEkx8Es9LC8CXz47WJb5nh4HO74BfSPrvd0Jy004B1c4kqUB26Nyez4\nKKX+vx3VL2PqAqOsbUcDCCHyulFUovGC39yXFxRvN9bXMYpLOLzPp4ghPVs5\nNjHq\r\n=iXrT\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/native.cjs.js","module":"dist/native.esm.js","readme":"# @emotion/native\n\n> Style and render React Native components using emotion\n\n## Install\n\n```\nnpm install @emotion/core @emotion/native\n```\n\nor if you use yarn\n\n```\nyarn add @emotion/core @emotion/native\n```\n\nThis package also depends on `react`, `react-native` and `prop-types` so make sure you've them installed.\n\n## Example\n\n```js\nimport React from 'react'\nimport { AppRegistry } from 'react-native'\nimport styled, { css } from '@emotion/native'\n\nconst Container = styled.View`\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  margin: 50px;\n`\n\nconst Description = styled.Text({\n  color: 'hotpink'\n})\n\nconst Image = styled.Image`\n  padding: 40px;\n`\n\nconst emotionLogo =\n  'https://cdn.rawgit.com/emotion-js/emotion/master/emotion.png'\n\nclass App extends React.Component {\n  render() {\n    return (\n      <Container\n        style={css`\n          border-radius: 10px;\n        `}\n      >\n        <Description style={{ fontSize: 45, fontWeight: 'bold' }}>\n          Emotion Primitives\n        </Description>\n        <Image\n          source={{\n            uri: emotionLogo,\n            height: 150,\n            width: 150\n          }}\n        />\n      </Container>\n    )\n  }\n}\n\nAppRegistry.registerComponent('ExampleApp', () => App)\n```\n\n## Theming\n\nUse `emotion-theming` for theming support.\n\n```js\nimport React from 'react'\nimport styled, { css } from '@emotion/native'\n\nimport { ThemeProvider } from 'emotion-theming'\n\nconst theme = {\n  color: 'hotpink',\n  backgroundColor: 'purple'\n}\n\nconst Container = styled.View`\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  margin: 50px;\n  border: 5px solid red;\n  background-color: ${props => props.theme.backgroundColor};\n`\n\nconst Description = styled.Text({\n  color: 'hotpink'\n})\n\nconst Image = styled.Image`\n  padding: 40px;\n`\n\nconst emotionLogo =\n  'https://cdn.rawgit.com/emotion-js/emotion/master/emotion.png'\n\nclass App extends React.Component {\n  render() {\n    return (\n      <ThemeProvider theme={theme}>\n        <Container\n          style={css`\n            border-radius: 10px;\n          `}\n        >\n          <Description style={{ fontSize: 45, fontWeight: 'bold' }}>\n            Emotion Primitives\n          </Description>\n          <Image\n            source={{\n              uri: emotionLogo,\n              height: 150,\n              width: 150\n            }}\n          />\n        </Container>\n      </ThemeProvider>\n    )\n  }\n}\n```\n\n## Usage with `react-360`\n\n`@emotion/native` can also be used with `react-360` for styling VR applications. Check out [this](https://facebook.github.io/react-360/docs/setup.html) guide for setting up a `react-360` project.\n\n### Example\n\n```js\nimport React from 'react'\nimport { AppRegistry, StyleSheet, Text, View } from 'react-360'\nimport styled from '@emotion/native'\n\nconst StyledName = styled.Text`\n  font-size: 40px;\n  color: hotpink;\n`\n\nexport default class App extends React.Component {\n  render() {\n    return (\n      <View style={styles.panel}>\n        <View style={styles.greetingBox}>\n          <StyledName>Emotion Native</StyledName>\n        </View>\n      </View>\n    )\n  }\n}\n\nconst styles = StyleSheet.create({\n  panel: {\n    // Fill the entire surface\n    width: 1000,\n    height: 600,\n    backgroundColor: 'rgba(255, 255, 255, 0.4)',\n    justifyContent: 'center',\n    alignItems: 'center'\n  },\n  greetingBox: {\n    padding: 20,\n    backgroundColor: '#000000',\n    borderColor: '#639dda',\n    borderWidth: 2\n  },\n  greeting: {\n    fontSize: 30\n  }\n})\n\nAppRegistry.registerComponent('App', () => App)\n```\n","browser":{"./dist/native.cjs.js":"./dist/native.browser.cjs.js","./dist/native.esm.js":"./dist/native.browser.esm.js"},"scripts":{"test:typescript":"exit 0"},"_npmUser":{"name":"emotion-release-bot","email":"mitchell+emotion-release-bot@hamil.town"},"repository":{"url":"https://github.com/emotion-js/emotion/tree/master/packages/native","type":"git"},"_npmVersion":"6.10.2","description":"Style and render React Native components using emotion","directories":{},"_nodeVersion":"10.17.0","dependencies":{"@emotion/primitives-core":"11.0.0-next.3"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^16.11.0","react-native":"^0.57.0","emotion-theming":"^11.0.0-next.3"},"peerDependencies":{"react-native":">=0.14.0 <1"},"_npmOperationalInternal":{"tmp":"tmp/native_11.0.0-next.3_1573294839473_0.048904787865789334","host":"s3://npm-registry-packages"}},"11.0.0-next.4":{"name":"@emotion/native","version":"11.0.0-next.4","keywords":["styles","emotion","react","css","css-in-js","native"],"license":"MIT","_id":"@emotion/native@11.0.0-next.4","maintainers":[{"name":"emotion-release-bot","email":"mitchell+emotion-release-bot@hamil.town"},{"name":"mitchellhamilton","email":"mitchell@mitchellhamilton.me"},{"name":"tkh44","email":"kye.hohenberger@gmail.com"}],"homepage":"https://emotion.sh","bugs":{"url":"https://github.com/emotion-js/emotion/issues"},"dist":{"shasum":"8611ba3cfe1861c78778b729bda04a10f7f2788f","tarball":"https://registry.npmjs.org/@emotion/native/-/native-11.0.0-next.4.tgz","fileCount":11,"integrity":"sha512-auHipkV+g+KZmHRmGqTJ6D9vKMokE9tx7hsoyu3Bdzmy12z1DT1fF+bTEoBc1Ofk1TchSXjmKX8M9u+2G3bF2A==","signatures":[{"sig":"MEUCID+d0YFptH7UFtJvwwxMqeTyd3vVM6R7WNFDyJWFyaUPAiEAs4wJNhS4Aw9uRX/UYfcj//gHG/pJHvbzIDg1txIdp+8=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16111,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdy94uCRA9TVsSAnZWagAAdjAP/R14DwjNEBSC30is70Mq\nruLXqZ06PiS2WRjALTjHb6pNlYTkwCd3TAQTQXeQa4kbETql+s1FceFrUktX\nA8vSsMNHqhtDMkG9Z4v72fttUOhK8RMnc5AhS10N65+NiyTBhPqGlcLyc/is\nM3zGYvxZgsWeGw7lkOQcC4/jAT/1C3UvPzd4sCDX5jKGA5w2QpzVzrySKg+y\n2f7ngNxyDe7E4nX03E3Di9vvDLoRONCsqKdd2Tdb71QmPs0Qo86t1UGu+QoJ\nDeTjohNpec5lVCNNJaIsLK71esnvsWrm7td4qeiHO2TzEdbTjNOm/4PqGWIu\n1QaFT89D+o8vjLkKE/h0sLFI9hbvTEwQGrK0XWWkutjaP+ZQE0T7zmoQ1LCK\nM9bTTefj4dHq1mNBU4Ne4l6QmgNGEZ7hCXY7U5qfNGkrMPPuVRoz5czmtglw\nnRNhRaAiGi/t/l+K+wdWvSIgdUdylSs0Nf0NOsvaJeKIe3NcFjhRBCZYYTRX\ngKqbKjuQIHUHCP9yh73dW9B2l1UlI3SDhq8ocs6gJESNyfD99iRqzrQcYw1I\nnYvtLhqGXKaCa9JWj5cLXNY8/eJ65LSdK1/7nIH79kAkNDqy+xznC4+sy5OE\nvabGLvtRYWWMADjHWB5gWoWYMQBOx+yTDnCrfMBoWg03z2+yzTGl834G+R/7\nHzfN\r\n=AqXo\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/native.cjs.js","module":"dist/native.esm.js","readme":"# @emotion/native\n\n> Style and render React Native components using emotion\n\n## Install\n\n```\nnpm install @emotion/core @emotion/native\n```\n\nor if you use yarn\n\n```\nyarn add @emotion/core @emotion/native\n```\n\nThis package also depends on `react`, `react-native` and `prop-types` so make sure you've them installed.\n\n## Example\n\n```js\nimport React from 'react'\nimport { AppRegistry } from 'react-native'\nimport styled, { css } from '@emotion/native'\n\nconst Container = styled.View`\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  margin: 50px;\n`\n\nconst Description = styled.Text({\n  color: 'hotpink'\n})\n\nconst Image = styled.Image`\n  padding: 40px;\n`\n\nconst emotionLogo =\n  'https://cdn.rawgit.com/emotion-js/emotion/master/emotion.png'\n\nclass App extends React.Component {\n  render() {\n    return (\n      <Container\n        style={css`\n          border-radius: 10px;\n        `}\n      >\n        <Description style={{ fontSize: 45, fontWeight: 'bold' }}>\n          Emotion Primitives\n        </Description>\n        <Image\n          source={{\n            uri: emotionLogo,\n            height: 150,\n            width: 150\n          }}\n        />\n      </Container>\n    )\n  }\n}\n\nAppRegistry.registerComponent('ExampleApp', () => App)\n```\n\n## Theming\n\nUse `emotion-theming` for theming support.\n\n```js\nimport React from 'react'\nimport styled, { css } from '@emotion/native'\n\nimport { ThemeProvider } from 'emotion-theming'\n\nconst theme = {\n  color: 'hotpink',\n  backgroundColor: 'purple'\n}\n\nconst Container = styled.View`\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  margin: 50px;\n  border: 5px solid red;\n  background-color: ${props => props.theme.backgroundColor};\n`\n\nconst Description = styled.Text({\n  color: 'hotpink'\n})\n\nconst Image = styled.Image`\n  padding: 40px;\n`\n\nconst emotionLogo =\n  'https://cdn.rawgit.com/emotion-js/emotion/master/emotion.png'\n\nclass App extends React.Component {\n  render() {\n    return (\n      <ThemeProvider theme={theme}>\n        <Container\n          style={css`\n            border-radius: 10px;\n          `}\n        >\n          <Description style={{ fontSize: 45, fontWeight: 'bold' }}>\n            Emotion Primitives\n          </Description>\n          <Image\n            source={{\n              uri: emotionLogo,\n              height: 150,\n              width: 150\n            }}\n          />\n        </Container>\n      </ThemeProvider>\n    )\n  }\n}\n```\n\n## Usage with `react-360`\n\n`@emotion/native` can also be used with `react-360` for styling VR applications. Check out [this](https://facebook.github.io/react-360/docs/setup.html) guide for setting up a `react-360` project.\n\n### Example\n\n```js\nimport React from 'react'\nimport { AppRegistry, StyleSheet, Text, View } from 'react-360'\nimport styled from '@emotion/native'\n\nconst StyledName = styled.Text`\n  font-size: 40px;\n  color: hotpink;\n`\n\nexport default class App extends React.Component {\n  render() {\n    return (\n      <View style={styles.panel}>\n        <View style={styles.greetingBox}>\n          <StyledName>Emotion Native</StyledName>\n        </View>\n      </View>\n    )\n  }\n}\n\nconst styles = StyleSheet.create({\n  panel: {\n    // Fill the entire surface\n    width: 1000,\n    height: 600,\n    backgroundColor: 'rgba(255, 255, 255, 0.4)',\n    justifyContent: 'center',\n    alignItems: 'center'\n  },\n  greetingBox: {\n    padding: 20,\n    backgroundColor: '#000000',\n    borderColor: '#639dda',\n    borderWidth: 2\n  },\n  greeting: {\n    fontSize: 30\n  }\n})\n\nAppRegistry.registerComponent('App', () => App)\n```\n","browser":{"./dist/native.cjs.js":"./dist/native.browser.cjs.js","./dist/native.esm.js":"./dist/native.browser.esm.js"},"scripts":{"test:typescript":"exit 0"},"_npmUser":{"name":"emotion-release-bot","email":"mitchell+emotion-release-bot@hamil.town"},"repository":{"url":"https://github.com/emotion-js/emotion/tree/master/packages/native","type":"git"},"_npmVersion":"6.10.2","description":"Style and render React Native components using emotion","directories":{},"_nodeVersion":"10.17.0","dependencies":{"@emotion/primitives-core":"11.0.0-next.4"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^16.11.0","react-native":"^0.57.0","emotion-theming":"^11.0.0-next.4"},"peerDependencies":{"react-native":">=0.14.0 <1"},"_npmOperationalInternal":{"tmp":"tmp/native_11.0.0-next.4_1573641774110_0.2568143445739166","host":"s3://npm-registry-packages"}},"11.0.0-next.5":{"name":"@emotion/native","version":"11.0.0-next.5","keywords":["styles","emotion","react","css","css-in-js","native"],"license":"MIT","_id":"@emotion/native@11.0.0-next.5","maintainers":[{"name":"emotion-release-bot","email":"mitchell+emotion-release-bot@hamil.town"},{"name":"mitchellhamilton","email":"mitchell@mitchellhamilton.me"},{"name":"tkh44","email":"kye.hohenberger@gmail.com"}],"homepage":"https://emotion.sh","bugs":{"url":"https://github.com/emotion-js/emotion/issues"},"dist":{"shasum":"f6ccf273833927af4c702e47e15373c13fb574a4","tarball":"https://registry.npmjs.org/@emotion/native/-/native-11.0.0-next.5.tgz","fileCount":11,"integrity":"sha512-rjbZ77RoKWwUts+2YOrrd0jV07JTHJjpQWZFElcdQeX32vSXLyFdaNUdIdWAKndKECg9irbEV5elnu9Aq8Xvbg==","signatures":[{"sig":"MEUCIH9Q11y1AAQIBZNmB4fJMml1afg7BO04sHIkmmSGkEkBAiEAvaffbOoxmmra6rW9TGxAe9qhKtcN4XOiCxrVfC8Rs8g=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16253,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdzmv4CRA9TVsSAnZWagAAJg8P+wTHSMye5JdShdwaM90W\nFNbdZ0hmv7SC50K9a2tweSQF5geizjArSga3pCTcWM6k5OuyTydvmTURB9+3\nVWYxfNkUm23uNpK5lYZ4BzNz7gjyFZeb+jNYlzj9k5yZlO+iOgpnb7rpbjPT\nvFgBDPFExqesrW6pS89AenwIpvgO3wqFqHmkXeLR7wNWfDEz9uyGw+vWTZNJ\nKD140AcnIKlqyBkFexGFnnBukREA31Ck/DHMLB2E/jB2MGxY4AI/wvTr5ssI\ncEfhUjxfXIkiVSQdFx9yn6p6FNg6/pfT0uqI3n9eXIrYQio3Rwu/3DuQ0eCZ\nXSU/eLxR4pZJRdPzI6K10yofS2ihq4TOYLQ7cKGVC2ehuF7UMjdZluCYR+5B\ng17qHaAYOefysxD9bcf47yT/VmYPltAXvKQIthvmDg5CUcGNNIkewMyc1ehu\nyiq/f47dkz8H5EP6IwAyy6hXUvM6iXgRcIvQVIg1gJMbOxhBjN9I4qQx22Wl\naTVglqpJwm+67E/spmBPh9DXccGzSoxd2h3NB2vDqDeTGc9Q05xoYcLR6u68\nOf5fupqjBR5k7uifYKDyRupbvPiclORYK3UY9g6JwIQVtabxkNn0cArtTCMY\nUFRvZ1I6xQbi/P5rBEK+EUUdzBg2uYa5TET5RT6e52P0kzisDI7cpLPj5HyW\nIQq+\r\n=3RvM\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/native.cjs.js","module":"dist/native.esm.js","readme":"# @emotion/native\n\n> Style and render React Native components using emotion\n\n## Install\n\n```\nnpm install @emotion/core @emotion/native\n```\n\nor if you use yarn\n\n```\nyarn add @emotion/core @emotion/native\n```\n\nThis package also depends on `react`, `react-native` and `prop-types` so make sure you've them installed.\n\n## Example\n\n```js\nimport React from 'react'\nimport { AppRegistry } from 'react-native'\nimport styled, { css } from '@emotion/native'\n\nconst Container = styled.View`\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  margin: 50px;\n`\n\nconst Description = styled.Text({\n  color: 'hotpink'\n})\n\nconst Image = styled.Image`\n  padding: 40px;\n`\n\nconst emotionLogo =\n  'https://cdn.rawgit.com/emotion-js/emotion/master/emotion.png'\n\nclass App extends React.Component {\n  render() {\n    return (\n      <Container\n        style={css`\n          border-radius: 10px;\n        `}\n      >\n        <Description style={{ fontSize: 45, fontWeight: 'bold' }}>\n          Emotion Primitives\n        </Description>\n        <Image\n          source={{\n            uri: emotionLogo,\n            height: 150,\n            width: 150\n          }}\n        />\n      </Container>\n    )\n  }\n}\n\nAppRegistry.registerComponent('ExampleApp', () => App)\n```\n\n## Theming\n\nUse `emotion-theming` for theming support.\n\n```js\nimport React from 'react'\nimport styled, { css } from '@emotion/native'\n\nimport { ThemeProvider } from 'emotion-theming'\n\nconst theme = {\n  color: 'hotpink',\n  backgroundColor: 'purple'\n}\n\nconst Container = styled.View`\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  margin: 50px;\n  border: 5px solid red;\n  background-color: ${props => props.theme.backgroundColor};\n`\n\nconst Description = styled.Text({\n  color: 'hotpink'\n})\n\nconst Image = styled.Image`\n  padding: 40px;\n`\n\nconst emotionLogo =\n  'https://cdn.rawgit.com/emotion-js/emotion/master/emotion.png'\n\nclass App extends React.Component {\n  render() {\n    return (\n      <ThemeProvider theme={theme}>\n        <Container\n          style={css`\n            border-radius: 10px;\n          `}\n        >\n          <Description style={{ fontSize: 45, fontWeight: 'bold' }}>\n            Emotion Primitives\n          </Description>\n          <Image\n            source={{\n              uri: emotionLogo,\n              height: 150,\n              width: 150\n            }}\n          />\n        </Container>\n      </ThemeProvider>\n    )\n  }\n}\n```\n\n## Usage with `react-360`\n\n`@emotion/native` can also be used with `react-360` for styling VR applications. Check out [this](https://facebook.github.io/react-360/docs/setup.html) guide for setting up a `react-360` project.\n\n### Example\n\n```js\nimport React from 'react'\nimport { AppRegistry, StyleSheet, Text, View } from 'react-360'\nimport styled from '@emotion/native'\n\nconst StyledName = styled.Text`\n  font-size: 40px;\n  color: hotpink;\n`\n\nexport default class App extends React.Component {\n  render() {\n    return (\n      <View style={styles.panel}>\n        <View style={styles.greetingBox}>\n          <StyledName>Emotion Native</StyledName>\n        </View>\n      </View>\n    )\n  }\n}\n\nconst styles = StyleSheet.create({\n  panel: {\n    // Fill the entire surface\n    width: 1000,\n    height: 600,\n    backgroundColor: 'rgba(255, 255, 255, 0.4)',\n    justifyContent: 'center',\n    alignItems: 'center'\n  },\n  greetingBox: {\n    padding: 20,\n    backgroundColor: '#000000',\n    borderColor: '#639dda',\n    borderWidth: 2\n  },\n  greeting: {\n    fontSize: 30\n  }\n})\n\nAppRegistry.registerComponent('App', () => App)\n```\n","browser":{"./dist/native.cjs.js":"./dist/native.browser.cjs.js","./dist/native.esm.js":"./dist/native.browser.esm.js"},"scripts":{"test:typescript":"exit 0"},"_npmUser":{"name":"emotion-release-bot","email":"mitchell+emotion-release-bot@hamil.town"},"repository":{"url":"https://github.com/emotion-js/emotion/tree/master/packages/native","type":"git"},"_npmVersion":"6.10.2","description":"Style and render React Native components using emotion","directories":{},"_nodeVersion":"10.17.0","dependencies":{"@emotion/primitives-core":"11.0.0-next.5"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^16.11.0","react-native":"^0.57.0","emotion-theming":"^11.0.0-next.5"},"peerDependencies":{"react-native":">=0.14.0 <1"},"_npmOperationalInternal":{"tmp":"tmp/native_11.0.0-next.5_1573809143801_0.8094119015150416","host":"s3://npm-registry-packages"}},"11.0.0-next.6":{"name":"@emotion/native","version":"11.0.0-next.6","keywords":["styles","emotion","react","css","css-in-js","native"],"license":"MIT","_id":"@emotion/native@11.0.0-next.6","maintainers":[{"name":"emotion-release-bot","email":"mitchell+emotion-release-bot@hamil.town"},{"name":"mitchellhamilton","email":"mitchell@mitchellhamilton.me"},{"name":"tkh44","email":"kye.hohenberger@gmail.com"}],"homepage":"https://emotion.sh","bugs":{"url":"https://github.com/emotion-js/emotion/issues"},"dist":{"shasum":"0781b4f6fee54421b57074941f3645694c6944d7","tarball":"https://registry.npmjs.org/@emotion/native/-/native-11.0.0-next.6.tgz","fileCount":12,"integrity":"sha512-jNcaoNh0v0vT4CqAbjp/i6JxGxvG0ptml7QWoaYs2G/meWiIHR9783EPJtH5JMngIdtu1RJ8MTGYeRu/m6EiYQ==","signatures":[{"sig":"MEUCICTirwZYrXCATw5rgIqGsCEhokpnuLKQJ2pbhK2KzwGkAiEAsqVOw6bifC32V0T+vsMgQGh+zcGJT9pwED1Wqaxt/cM=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":17212,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJd3FlYCRA9TVsSAnZWagAAU/QP/3vNRFxLLy5MAfoYer28\nSz8tUBIql1qS0qY6AGDx1NBpLE1zyAOX+BGzFkL2R+UBJ8esiULHaxOLkNq1\nBb4WnkDzm+SKXDdmq9pAg3qpbDh0Nb5T2RwkVks4rnopeo7HiX7TE1QDV0WV\nxGANsVSA7GDBZV6rlSLEgw/eL5vkzPycnybDPym/UBx/EVPQDqmajxP0f2qa\nyOmVj2ayKsbHWg3lkBz5vKuzdHHwMbQewgBS0uYNd30gZDecSSSh4rQ2n6it\n/IXG0SSZcRMVy672bUD+sIJf1aGOoIqZSkOKA5yMFiKahpGzQDfykYP1KPyS\ncgFnXIyb4G1WsICgvw0AZgplte/zgMwSTp6Xzr6DdhbZWdxJIY5zBOujRap7\nYC4JltJqypagq0w6aRkt4icS37//1SkHG6pWeA/aLA1lRwnwg6dzoWnPyZdX\ne/t60CoSutsfd/ZqxZlpB8uLsKioRZUlb7ir/erdcjfE6CQzU62ErkB0l6FP\n6QRq5yckl3cfmG1vj53a7bhTisxqAQ6YUpkGZOyQee4tdJ4H+vO2THgn9mFG\n5ADmusXe5mbZxqGGARQ0/EQy1hjbP3IorRTxXgD5pTJ01d2mUoJXO19jRwG+\nTe5u/CLXotxO82D3ZvyvIGhU/71svoYIMH5hlSjSVqtN85bR5XoMTe+Z8AoY\n3XjW\r\n=EjYc\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/native.cjs.js","module":"dist/native.esm.js","readme":"# @emotion/native\n\n> Style and render React Native components using emotion\n\n## Install\n\n```\nnpm install @emotion/core @emotion/native\n```\n\nor if you use yarn\n\n```\nyarn add @emotion/core @emotion/native\n```\n\nThis package also depends on `react`, `react-native` and `prop-types` so make sure you've them installed.\n\n## Example\n\n```js\nimport React from 'react'\nimport { AppRegistry } from 'react-native'\nimport styled, { css } from '@emotion/native'\n\nconst Container = styled.View`\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  margin: 50px;\n`\n\nconst Description = styled.Text({\n  color: 'hotpink'\n})\n\nconst Image = styled.Image`\n  padding: 40px;\n`\n\nconst emotionLogo =\n  'https://cdn.rawgit.com/emotion-js/emotion/master/emotion.png'\n\nclass App extends React.Component {\n  render() {\n    return (\n      <Container\n        style={css`\n          border-radius: 10px;\n        `}\n      >\n        <Description style={{ fontSize: 45, fontWeight: 'bold' }}>\n          Emotion Primitives\n        </Description>\n        <Image\n          source={{\n            uri: emotionLogo,\n            height: 150,\n            width: 150\n          }}\n        />\n      </Container>\n    )\n  }\n}\n\nAppRegistry.registerComponent('ExampleApp', () => App)\n```\n\n## Theming\n\nUse `@emotion/core` for theming support.\n\n```js\nimport React from 'react'\nimport styled, { css } from '@emotion/native'\nimport { ThemeProvider } from '@emotion/core'\n\nconst theme = {\n  color: 'hotpink',\n  backgroundColor: 'purple'\n}\n\nconst Container = styled.View`\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  margin: 50px;\n  border: 5px solid red;\n  background-color: ${props => props.theme.backgroundColor};\n`\n\nconst Description = styled.Text({\n  color: 'hotpink'\n})\n\nconst Image = styled.Image`\n  padding: 40px;\n`\n\nconst emotionLogo =\n  'https://cdn.rawgit.com/emotion-js/emotion/master/emotion.png'\n\nclass App extends React.Component {\n  render() {\n    return (\n      <ThemeProvider theme={theme}>\n        <Container\n          style={css`\n            border-radius: 10px;\n          `}\n        >\n          <Description style={{ fontSize: 45, fontWeight: 'bold' }}>\n            Emotion Primitives\n          </Description>\n          <Image\n            source={{\n              uri: emotionLogo,\n              height: 150,\n              width: 150\n            }}\n          />\n        </Container>\n      </ThemeProvider>\n    )\n  }\n}\n```\n\n## Usage with `react-360`\n\n`@emotion/native` can also be used with `react-360` for styling VR applications. Check out [this](https://facebook.github.io/react-360/docs/setup.html) guide for setting up a `react-360` project.\n\n### Example\n\n```js\nimport React from 'react'\nimport { AppRegistry, StyleSheet, Text, View } from 'react-360'\nimport styled from '@emotion/native'\n\nconst StyledName = styled.Text`\n  font-size: 40px;\n  color: hotpink;\n`\n\nexport default class App extends React.Component {\n  render() {\n    return (\n      <View style={styles.panel}>\n        <View style={styles.greetingBox}>\n          <StyledName>Emotion Native</StyledName>\n        </View>\n      </View>\n    )\n  }\n}\n\nconst styles = StyleSheet.create({\n  panel: {\n    // Fill the entire surface\n    width: 1000,\n    height: 600,\n    backgroundColor: 'rgba(255, 255, 255, 0.4)',\n    justifyContent: 'center',\n    alignItems: 'center'\n  },\n  greetingBox: {\n    padding: 20,\n    backgroundColor: '#000000',\n    borderColor: '#639dda',\n    borderWidth: 2\n  },\n  greeting: {\n    fontSize: 30\n  }\n})\n\nAppRegistry.registerComponent('App', () => App)\n```\n","browser":{"./dist/native.cjs.js":"./dist/native.browser.cjs.js","./dist/native.esm.js":"./dist/native.browser.esm.js"},"scripts":{"test:typescript":"exit 0"},"_npmUser":{"name":"emotion-release-bot","email":"mitchell+emotion-release-bot@hamil.town"},"repository":{"url":"https://github.com/emotion-js/emotion/tree/master/packages/native","type":"git"},"_npmVersion":"6.10.2","description":"Style and render React Native components using emotion","directories":{},"_nodeVersion":"10.17.0","dependencies":{"@emotion/primitives-core":"11.0.0-next.6"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^16.11.0","@babel/core":"^7.7.2","react-native":"^0.57.0"},"peerDependencies":{"@babel/core":"^7.0.0","react-native":">=0.14.0 <1"},"peerDependenciesMeta":{"@babel/core":{"optional":true}},"_npmOperationalInternal":{"tmp":"tmp/native_11.0.0-next.6_1574721871144_0.20851115497402128","host":"s3://npm-registry-packages"}},"11.0.0-next.7":{"name":"@emotion/native","version":"11.0.0-next.7","keywords":["styles","emotion","react","css","css-in-js","native"],"license":"MIT","_id":"@emotion/native@11.0.0-next.7","maintainers":[{"name":"emotion-release-bot","email":"mitchell+emotion-release-bot@hamil.town"},{"name":"mitchellhamilton","email":"mitchell@mitchellhamilton.me"},{"name":"tkh44","email":"kye.hohenberger@gmail.com"}],"homepage":"https://emotion.sh","bugs":{"url":"https://github.com/emotion-js/emotion/issues"},"dist":{"shasum":"b71d96bdfcfb9b081bd1ac1381f6038e79803da0","tarball":"https://registry.npmjs.org/@emotion/native/-/native-11.0.0-next.7.tgz","fileCount":12,"integrity":"sha512-zCb/5SkXBt89OrexkGBu6iULMws0Qw93FaMrfKSnsIRwKhuvDORisDC2rh34Cq/WO8nYtC0IR6hwx7OP3mBaLg==","signatures":[{"sig":"MEYCIQCEyBrbMtNyMkEoPP0kMvMD0OkCruEntwR/ry9esw0+jwIhAJt0kPT8ppsZvR6yBwuQtuV8iEOUbUOKHtwFg10gSiCr","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":17320,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJd3ZRoCRA9TVsSAnZWagAAUukP/3VlqBL8uCQXu5R8hHHZ\n84j7VFP1bBTy4ETvuVnUzevp4lFt/ZYbcKFBUiAH20kaheCeg9c420kw7zXS\nEQ/55yJEEa3QWm1zozGNq5xyzTWXWurzh5xm3pPiV/0OrXuDLWiti1DmPPn/\nBDg09l6UAQKoNXwpM1ELpYTM45iuB0YfRyrEm/qHTo0dkFKsJA3fjr9C2IxX\nNT4etMNArZCz8eDdiNPKhbnyf9Zhz5zLU47GG/M0QTFjWVz35twCsGQTY1DR\ns915CizXAwoxFZcDNngsJsN21ge/KWHIcbBqfeEn0aM81yWDb0n3bF1bQ96H\nintxaU+hOFCgHIkAVJOYLKMhvxkh7lxVowxyT3vPnkXO79ztBkJTvSZXPfU3\nEMrZJ0AQcnLFQb0xjR2sV4YF6UGwJrfa8RqmCb9bJ+HhZKJaiRTTjjUoWTwM\nkxfiDqPDsidUoVa6LMTwB2ddqef1jZzspHQyQPi0GAwYHwNv59ZXyF6LKcIS\nnlcJqQmucD7abO7I8F4AtgCyy6epO740AB8miQI3L/o5CRRRlhcTcRMVoRgZ\nddKFFsNVcwgYax6esjg9REE9Q21ilFts7u82oczEMw1c3/IHN3ocqywIpTXw\nftbw9GN1iBiHVVTyZaXS/ZCqmlC80Fq3PI56AhChniG3mFKxSZ6epperrQTL\nxEqI\r\n=/B8Y\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/native.cjs.js","module":"dist/native.esm.js","readme":"# @emotion/native\n\n> Style and render React Native components using emotion\n\n## Install\n\n```\nnpm install @emotion/core @emotion/native\n```\n\nor if you use yarn\n\n```\nyarn add @emotion/core @emotion/native\n```\n\nThis package also depends on `react`, `react-native` and `prop-types` so make sure you've them installed.\n\n## Example\n\n```js\nimport React from 'react'\nimport { AppRegistry } from 'react-native'\nimport styled, { css } from '@emotion/native'\n\nconst Container = styled.View`\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  margin: 50px;\n`\n\nconst Description = styled.Text({\n  color: 'hotpink'\n})\n\nconst Image = styled.Image`\n  padding: 40px;\n`\n\nconst emotionLogo =\n  'https://cdn.rawgit.com/emotion-js/emotion/master/emotion.png'\n\nclass App extends React.Component {\n  render() {\n    return (\n      <Container\n        style={css`\n          border-radius: 10px;\n        `}\n      >\n        <Description style={{ fontSize: 45, fontWeight: 'bold' }}>\n          Emotion Primitives\n        </Description>\n        <Image\n          source={{\n            uri: emotionLogo,\n            height: 150,\n            width: 150\n          }}\n        />\n      </Container>\n    )\n  }\n}\n\nAppRegistry.registerComponent('ExampleApp', () => App)\n```\n\n## Theming\n\nUse `@emotion/core` for theming support.\n\n```js\nimport React from 'react'\nimport styled, { css } from '@emotion/native'\nimport { ThemeProvider } from '@emotion/core'\n\nconst theme = {\n  color: 'hotpink',\n  backgroundColor: 'purple'\n}\n\nconst Container = styled.View`\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  margin: 50px;\n  border: 5px solid red;\n  background-color: ${props => props.theme.backgroundColor};\n`\n\nconst Description = styled.Text({\n  color: 'hotpink'\n})\n\nconst Image = styled.Image`\n  padding: 40px;\n`\n\nconst emotionLogo =\n  'https://cdn.rawgit.com/emotion-js/emotion/master/emotion.png'\n\nclass App extends React.Component {\n  render() {\n    return (\n      <ThemeProvider theme={theme}>\n        <Container\n          style={css`\n            border-radius: 10px;\n          `}\n        >\n          <Description style={{ fontSize: 45, fontWeight: 'bold' }}>\n            Emotion Primitives\n          </Description>\n          <Image\n            source={{\n              uri: emotionLogo,\n              height: 150,\n              width: 150\n            }}\n          />\n        </Container>\n      </ThemeProvider>\n    )\n  }\n}\n```\n\n## Usage with `react-360`\n\n`@emotion/native` can also be used with `react-360` for styling VR applications. Check out [this](https://facebook.github.io/react-360/docs/setup.html) guide for setting up a `react-360` project.\n\n### Example\n\n```js\nimport React from 'react'\nimport { AppRegistry, StyleSheet, Text, View } from 'react-360'\nimport styled from '@emotion/native'\n\nconst StyledName = styled.Text`\n  font-size: 40px;\n  color: hotpink;\n`\n\nexport default class App extends React.Component {\n  render() {\n    return (\n      <View style={styles.panel}>\n        <View style={styles.greetingBox}>\n          <StyledName>Emotion Native</StyledName>\n        </View>\n      </View>\n    )\n  }\n}\n\nconst styles = StyleSheet.create({\n  panel: {\n    // Fill the entire surface\n    width: 1000,\n    height: 600,\n    backgroundColor: 'rgba(255, 255, 255, 0.4)',\n    justifyContent: 'center',\n    alignItems: 'center'\n  },\n  greetingBox: {\n    padding: 20,\n    backgroundColor: '#000000',\n    borderColor: '#639dda',\n    borderWidth: 2\n  },\n  greeting: {\n    fontSize: 30\n  }\n})\n\nAppRegistry.registerComponent('App', () => App)\n```\n","browser":{"./dist/native.cjs.js":"./dist/native.browser.cjs.js","./dist/native.esm.js":"./dist/native.browser.esm.js"},"scripts":{"test:typescript":"exit 0"},"_npmUser":{"name":"emotion-release-bot","email":"mitchell+emotion-release-bot@hamil.town"},"repository":{"url":"https://github.com/emotion-js/emotion/tree/master/packages/native","type":"git"},"_npmVersion":"6.10.2","description":"Style and render React Native components using emotion","directories":{},"_nodeVersion":"10.17.0","dependencies":{"@emotion/primitives-core":"11.0.0-next.7"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^16.11.0","@babel/core":"^7.7.2","react-native":"^0.57.0"},"peerDependencies":{"@babel/core":"^7.0.0","react-native":">=0.14.0 <1"},"peerDependenciesMeta":{"@babel/core":{"optional":true}},"_npmOperationalInternal":{"tmp":"tmp/native_11.0.0-next.7_1574802535761_0.011806766921736767","host":"s3://npm-registry-packages"}},"11.0.0-next.8":{"name":"@emotion/native","version":"11.0.0-next.8","keywords":["styles","emotion","react","css","css-in-js","native"],"license":"MIT","_id":"@emotion/native@11.0.0-next.8","maintainers":[{"name":"emotion-release-bot","email":"mitchell+emotion-release-bot@hamil.town"},{"name":"mitchellhamilton","email":"mitchell@mitchellhamilton.me"},{"name":"tkh44","email":"kye.hohenberger@gmail.com"}],"homepage":"https://emotion.sh","bugs":{"url":"https://github.com/emotion-js/emotion/issues"},"dist":{"shasum":"bc1e02227fc9ec4c95beb6436f6f45ac46dee9a4","tarball":"https://registry.npmjs.org/@emotion/native/-/native-11.0.0-next.8.tgz","fileCount":12,"integrity":"sha512-DxfSsoVllf/ek1TwDMQV26/hMhypOxROx6+D8QPUc5+99OPlgsmY1TqpxdfaeKGgrU08RfvkwJO9hTmhmiUfXA==","signatures":[{"sig":"MEQCIHxRXAYIBenTQ5t9yyzwcHNfEUw2rc70BXqIfhNQk44rAiBkFfU8Gtqd56oNFnSyP9mYS2MAN4II0gkmOK6dNXBsZg==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":17428,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJd7BafCRA9TVsSAnZWagAATR0P/RuYc96usLExJNDq7sdn\nyT0KIJJ9C+MSmcISvXBbK6/XPQ7PUwgydtpsznwyzTdwxIi4DNf0XYKWJboV\n1jZDlGHaF7kG2LFeTP5QaVPT30MedgqypGdChZDBmKzrTUOZPrXzsVpFSyFH\nPzBExjMGu3LFm7rumELgMkcbimcsCZ7xzUpy+ve2TsrOPYyRdaGtODy/T8dS\nXEsEs5dgNp3Hj9U8t7MZgO6fKSHGtw9lTIVMCmjlYM18ZQPOotlCFwkxHEm7\nazDBbTWuU4UJvglvgV1UScAeFAiDTQIdbyeCUajQPTNKBBRduqrnajGumj8V\ngJXBUKLhc1ivWHGauFqnrmU1agT+pfgqcWN5ZGWIQC87uFxccKQAdPPX/kmN\nQrix5Kuy8mN8/olc0ppe3Z7aMkMeRGBoJ3B7UmyLqBfmVqKQA9JE3Iw2N9KC\ng/6LMic6LEaRWX2j6orROU5UHnbEvBCSo0DIIJdPTs0HGvlDrwv4nVV8DA51\nWeD9zhZLZqJB/ln044FY9KUdTcL/LWSfe5sHPp+x8HyXijxbfsVKbcPcnkDH\nGagtjAdVWhsdLEq2yywf14upf2gevDm4koqMFFKSJzV86pz3ZgpuIK01E1D+\nsVQkwmYuRobn6Mq/aHXRwXmGEropQVndgQV1FbCNRhhkb6F7KzPhQTp5iaQr\n2Wf4\r\n=+/+k\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/native.cjs.js","module":"dist/native.esm.js","readme":"# @emotion/native\n\n> Style and render React Native components using emotion\n\n## Install\n\n```\nnpm install @emotion/core @emotion/native\n```\n\nor if you use yarn\n\n```\nyarn add @emotion/core @emotion/native\n```\n\nThis package also depends on `react`, `react-native` and `prop-types` so make sure you've them installed.\n\n## Example\n\n```js\nimport React from 'react'\nimport { AppRegistry } from 'react-native'\nimport styled, { css } from '@emotion/native'\n\nconst Container = styled.View`\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  margin: 50px;\n`\n\nconst Description = styled.Text({\n  color: 'hotpink'\n})\n\nconst Image = styled.Image`\n  padding: 40px;\n`\n\nconst emotionLogo =\n  'https://cdn.rawgit.com/emotion-js/emotion/master/emotion.png'\n\nclass App extends React.Component {\n  render() {\n    return (\n      <Container\n        style={css`\n          border-radius: 10px;\n        `}\n      >\n        <Description style={{ fontSize: 45, fontWeight: 'bold' }}>\n          Emotion Primitives\n        </Description>\n        <Image\n          source={{\n            uri: emotionLogo,\n            height: 150,\n            width: 150\n          }}\n        />\n      </Container>\n    )\n  }\n}\n\nAppRegistry.registerComponent('ExampleApp', () => App)\n```\n\n## Theming\n\nUse `@emotion/core` for theming support.\n\n```js\nimport React from 'react'\nimport styled, { css } from '@emotion/native'\nimport { ThemeProvider } from '@emotion/core'\n\nconst theme = {\n  color: 'hotpink',\n  backgroundColor: 'purple'\n}\n\nconst Container = styled.View`\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  margin: 50px;\n  border: 5px solid red;\n  background-color: ${props => props.theme.backgroundColor};\n`\n\nconst Description = styled.Text({\n  color: 'hotpink'\n})\n\nconst Image = styled.Image`\n  padding: 40px;\n`\n\nconst emotionLogo =\n  'https://cdn.rawgit.com/emotion-js/emotion/master/emotion.png'\n\nclass App extends React.Component {\n  render() {\n    return (\n      <ThemeProvider theme={theme}>\n        <Container\n          style={css`\n            border-radius: 10px;\n          `}\n        >\n          <Description style={{ fontSize: 45, fontWeight: 'bold' }}>\n            Emotion Primitives\n          </Description>\n          <Image\n            source={{\n              uri: emotionLogo,\n              height: 150,\n              width: 150\n            }}\n          />\n        </Container>\n      </ThemeProvider>\n    )\n  }\n}\n```\n\n## Usage with `react-360`\n\n`@emotion/native` can also be used with `react-360` for styling VR applications. Check out [this](https://facebook.github.io/react-360/docs/setup.html) guide for setting up a `react-360` project.\n\n### Example\n\n```js\nimport React from 'react'\nimport { AppRegistry, StyleSheet, Text, View } from 'react-360'\nimport styled from '@emotion/native'\n\nconst StyledName = styled.Text`\n  font-size: 40px;\n  color: hotpink;\n`\n\nexport default class App extends React.Component {\n  render() {\n    return (\n      <View style={styles.panel}>\n        <View style={styles.greetingBox}>\n          <StyledName>Emotion Native</StyledName>\n        </View>\n      </View>\n    )\n  }\n}\n\nconst styles = StyleSheet.create({\n  panel: {\n    // Fill the entire surface\n    width: 1000,\n    height: 600,\n    backgroundColor: 'rgba(255, 255, 255, 0.4)',\n    justifyContent: 'center',\n    alignItems: 'center'\n  },\n  greetingBox: {\n    padding: 20,\n    backgroundColor: '#000000',\n    borderColor: '#639dda',\n    borderWidth: 2\n  },\n  greeting: {\n    fontSize: 30\n  }\n})\n\nAppRegistry.registerComponent('App', () => App)\n```\n","browser":{"./dist/native.cjs.js":"./dist/native.browser.cjs.js","./dist/native.esm.js":"./dist/native.browser.esm.js"},"scripts":{"test:typescript":"exit 0"},"_npmUser":{"name":"emotion-release-bot","email":"mitchell+emotion-release-bot@hamil.town"},"repository":{"url":"https://github.com/emotion-js/emotion/tree/master/packages/native","type":"git"},"_npmVersion":"6.10.2","description":"Style and render React Native components using emotion","directories":{},"_nodeVersion":"10.17.0","dependencies":{"@emotion/primitives-core":"11.0.0-next.8"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^16.11.0","@babel/core":"^7.7.2","react-native":"^0.57.0"},"peerDependencies":{"@babel/core":"^7.0.0","react-native":">=0.14.0 <1"},"peerDependenciesMeta":{"@babel/core":{"optional":true}},"_npmOperationalInternal":{"tmp":"tmp/native_11.0.0-next.8_1575753375172_0.4814928070707094","host":"s3://npm-registry-packages"}},"11.0.0-next.9":{"name":"@emotion/native","version":"11.0.0-next.9","keywords":["styles","emotion","react","css","css-in-js","native"],"license":"MIT","_id":"@emotion/native@11.0.0-next.9","maintainers":[{"name":"emotion-release-bot","email":"mitchell+emotion-release-bot@hamil.town"},{"name":"mitchellhamilton","email":"mitchell@mitchellhamilton.me"},{"name":"tkh44","email":"kye.hohenberger@gmail.com"}],"homepage":"https://emotion.sh","bugs":{"url":"https://github.com/emotion-js/emotion/issues"},"dist":{"shasum":"ee740d8ab511d397789c4ba28c5f7884e4655ccb","tarball":"https://registry.npmjs.org/@emotion/native/-/native-11.0.0-next.9.tgz","fileCount":12,"integrity":"sha512-g9UZ3q+6F/7aT409sWXnGFDoeE3NE+oaIMGDas3XnxRv/8qUquN58TLRRaJoOEghW8QFpHvUf6reevcsTYthGg==","signatures":[{"sig":"MEQCIA94/CJjQRKnfvSpMXWbFPHmm5W6lWhUUahFRrTGc+69AiB60hyPLdikaNA0tYc21smQiRmSj8vDX263ucaFfAmvkg==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":17536,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJd8CH+CRA9TVsSAnZWagAAmn8P/RvNxUtO+hR++3Ap+UOg\npzokf/xp8goOLAiH66nW25LAgDyyKRL7wYML/IvjaR6wRye4wF0cptaip/Ju\nrn6v2bQOhIz/CoeWKfxcyFMaWKWlCqBg5e8jP87DM7q8KBfjtgcgLpC7cpFG\nQXRCR/phv+DqxfO0v9Zcj/FxonBpwM+NJK68pGiEyHn3iSF4Q8nCLl67BYv9\n3lYYO3SEAX6e5KUGSqP/xZlLMt/GkTXgM/S6vCadDBg9OlmEEKVhvB0N6/rN\nzhugT/qSPJ/KUtH+RvBAIBBuqoxrgl9mBHuWB8V08tm4LHIItBbEBIpalD7d\nd3PMnIVthfNuzQzOxht9z1k2wojGH4wqRpFsrSQvrnO0VaDRwwhxcO7yjRH0\nxsJaHOVhEmbca1QpZDxsl6VGfQPryvlLBptAa8nzmdRE+kwAV5S77mFYxcSB\n0T3X+SqNqVw7fdAza7bPY0lYvEW1TjswB5GjoGBk0CUPnH0ljbdxZFoRKYQs\nxjCLouFgWeNEViDEb2FJnxL0//z0l1fw1TvHMeyUPncjFDFROT6507B0O5Yk\nMkW9tHzY9iwKkn4MSAyiawDl9pLTyPWnVht62GHq13lDY7ObUIMW4+jxa0X6\nFXKREiVnmJ8ZSBJIbgodCF8Qrf8LOOXC4vB/smUCHA6Qv5AJzfeRETbtdKnO\nVOnP\r\n=0ipq\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/native.cjs.js","module":"dist/native.esm.js","readme":"# @emotion/native\n\n> Style and render React Native components using emotion\n\n## Install\n\n```\nnpm install @emotion/core @emotion/native\n```\n\nor if you use yarn\n\n```\nyarn add @emotion/core @emotion/native\n```\n\nThis package also depends on `react`, `react-native` and `prop-types` so make sure you've them installed.\n\n## Example\n\n```js\nimport React from 'react'\nimport { AppRegistry } from 'react-native'\nimport styled, { css } from '@emotion/native'\n\nconst Container = styled.View`\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  margin: 50px;\n`\n\nconst Description = styled.Text({\n  color: 'hotpink'\n})\n\nconst Image = styled.Image`\n  padding: 40px;\n`\n\nconst emotionLogo =\n  'https://cdn.rawgit.com/emotion-js/emotion/master/emotion.png'\n\nclass App extends React.Component {\n  render() {\n    return (\n      <Container\n        style={css`\n          border-radius: 10px;\n        `}\n      >\n        <Description style={{ fontSize: 45, fontWeight: 'bold' }}>\n          Emotion Primitives\n        </Description>\n        <Image\n          source={{\n            uri: emotionLogo,\n            height: 150,\n            width: 150\n          }}\n        />\n      </Container>\n    )\n  }\n}\n\nAppRegistry.registerComponent('ExampleApp', () => App)\n```\n\n## Theming\n\nUse `@emotion/core` for theming support.\n\n```js\nimport React from 'react'\nimport styled, { css } from '@emotion/native'\nimport { ThemeProvider } from '@emotion/core'\n\nconst theme = {\n  color: 'hotpink',\n  backgroundColor: 'purple'\n}\n\nconst Container = styled.View`\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  margin: 50px;\n  border: 5px solid red;\n  background-color: ${props => props.theme.backgroundColor};\n`\n\nconst Description = styled.Text({\n  color: 'hotpink'\n})\n\nconst Image = styled.Image`\n  padding: 40px;\n`\n\nconst emotionLogo =\n  'https://cdn.rawgit.com/emotion-js/emotion/master/emotion.png'\n\nclass App extends React.Component {\n  render() {\n    return (\n      <ThemeProvider theme={theme}>\n        <Container\n          style={css`\n            border-radius: 10px;\n          `}\n        >\n          <Description style={{ fontSize: 45, fontWeight: 'bold' }}>\n            Emotion Primitives\n          </Description>\n          <Image\n            source={{\n              uri: emotionLogo,\n              height: 150,\n              width: 150\n            }}\n          />\n        </Container>\n      </ThemeProvider>\n    )\n  }\n}\n```\n\n## Usage with `react-360`\n\n`@emotion/native` can also be used with `react-360` for styling VR applications. Check out [this](https://facebook.github.io/react-360/docs/setup.html) guide for setting up a `react-360` project.\n\n### Example\n\n```js\nimport React from 'react'\nimport { AppRegistry, StyleSheet, Text, View } from 'react-360'\nimport styled from '@emotion/native'\n\nconst StyledName = styled.Text`\n  font-size: 40px;\n  color: hotpink;\n`\n\nexport default class App extends React.Component {\n  render() {\n    return (\n      <View style={styles.panel}>\n        <View style={styles.greetingBox}>\n          <StyledName>Emotion Native</StyledName>\n        </View>\n      </View>\n    )\n  }\n}\n\nconst styles = StyleSheet.create({\n  panel: {\n    // Fill the entire surface\n    width: 1000,\n    height: 600,\n    backgroundColor: 'rgba(255, 255, 255, 0.4)',\n    justifyContent: 'center',\n    alignItems: 'center'\n  },\n  greetingBox: {\n    padding: 20,\n    backgroundColor: '#000000',\n    borderColor: '#639dda',\n    borderWidth: 2\n  },\n  greeting: {\n    fontSize: 30\n  }\n})\n\nAppRegistry.registerComponent('App', () => App)\n```\n","browser":{"./dist/native.cjs.js":"./dist/native.browser.cjs.js","./dist/native.esm.js":"./dist/native.browser.esm.js"},"scripts":{"test:typescript":"exit 0"},"_npmUser":{"name":"emotion-release-bot","email":"mitchell+emotion-release-bot@hamil.town"},"repository":{"url":"https://github.com/emotion-js/emotion/tree/master/packages/native","type":"git"},"_npmVersion":"6.10.2","description":"Style and render React Native components using emotion","directories":{},"_nodeVersion":"10.17.0","dependencies":{"@emotion/primitives-core":"11.0.0-next.9"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^16.11.0","@babel/core":"^7.7.2","react-native":"^0.57.0"},"peerDependencies":{"@babel/core":"^7.0.0","react-native":">=0.14.0 <1"},"peerDependenciesMeta":{"@babel/core":{"optional":true}},"_npmOperationalInternal":{"tmp":"tmp/native_11.0.0-next.9_1576018430331_0.25592916862796433","host":"s3://npm-registry-packages"}},"10.0.27":{"name":"@emotion/native","version":"10.0.27","keywords":["styles","emotion","react","css","css-in-js","native"],"license":"MIT","_id":"@emotion/native@10.0.27","maintainers":[{"name":"emotion-release-bot","email":"mitchell+emotion-release-bot@hamil.town"},{"name":"mitchellhamilton","email":"mitchell@mitchellhamilton.me"},{"name":"tkh44","email":"kye.hohenberger@gmail.com"}],"homepage":"https://emotion.sh","bugs":{"url":"https://github.com/emotion-js/emotion/issues"},"dist":{"shasum":"67c2c0ceeeed873c849c611d9a6497a006d43a8f","tarball":"https://registry.npmjs.org/@emotion/native/-/native-10.0.27.tgz","fileCount":12,"integrity":"sha512-3qxR2XFizGfABKKbX9kAYc0PHhKuCEuyxshoq3TaMEbi9asWHdQVChg32ULpblm4XAf9oxaitAU7J9SfdwFxtw==","signatures":[{"sig":"MEUCIGHv8FpAMWktR6l+9H8DzrUq/WkAAtpQBdx0dBWcyoTVAiEAu6rKOagggZZFKsSls5fMeaKRqE6OnrKeV0CcVHyr3+k=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15874,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJd//gaCRA9TVsSAnZWagAAZhsQAIAY/HZ5CxEuYIhSO/Zh\n1uR7zv4OJtAfihCCYpbjlGJt6OS+y1L55JP0Xy33vsjzSGHJQouiTTRuTaoV\nD0G5kJp8pmtN0YotM90c0Nam/OZ4a9L1tQa3mYJr8FRdB7VND52d7vi0FbDk\ntS8LiZ0HNQsdK2g/RDvdhCHmtKf+hBjr/d0R06Q0XApnWscE0rBzwI+kBaze\nAB46Yx4Y2RggjCQREypBw1705Xyubbv+d+w7Amaw+Um5ePgxd4D6j+2RvWzt\nUuPgcXZvWOGuYizvMu51+jKHC7nGdehqgkdAuYVvH/71GldefIs4E96Oa9Af\n5iI0bHu3mtq4xZzkraKZRSNFbXiX91NdvsVneCVwI5yXZHFoAnUCp9cAXdk6\n9pn5aKy/KV8PGts60mWQ3TQtef7WhvwgyWCipYi3yb6MufDlgl8eJKhN93HO\n2JFKXgsy7uk+sfWjeQjw4gpOfBAaOOHtXq7IA8YIXd1qy+UNsbCNgOTdzq+O\ndtEA9M2HSd98O/VHB0U931Qsx8NxvxD2UQs6iqBq3nxX8AkItUwbilgGnNYM\nD/Pe95aKrvByG4hCJ8maPrvCD93yJkfRkt4d7iTDxhY6D0ZeImw+YNPvcWMD\nqHY3HlmINpshugyQr4KU4DtXVSiEr99uJsZrlG/eYXAz25lpT3s3sr7Qvdkg\n37Rb\r\n=YVe6\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/native.cjs.js","module":"dist/native.esm.js","browser":{"./dist/native.cjs.js":"./dist/native.browser.cjs.js","./dist/native.esm.js":"./dist/native.browser.esm.js"},"_npmUser":{"name":"emotion-release-bot","email":"mitchell+emotion-release-bot@hamil.town"},"repository":{"url":"https://github.com/emotion-js/emotion/tree/master/packages/native","type":"git"},"_npmVersion":"6.10.2","description":"Style and render React Native components using emotion","directories":{},"_nodeVersion":"10.18.0","dependencies":{"@emotion/primitives-core":"10.0.27"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"react":"^16.5.2","react-native":"^0.57.0","emotion-theming":"^10.0.27"},"peerDependencies":{"react-native":">=0.14.0 <1"},"_npmOperationalInternal":{"tmp":"tmp/native_10.0.27_1577056282123_0.714065920050664","host":"s3://npm-registry-packages"}},"11.0.0-next.10":{"name":"@emotion/native","version":"11.0.0-next.10","keywords":["styles","emotion","react","css","css-in-js","native"],"license":"MIT","_id":"@emotion/native@11.0.0-next.10","maintainers":[{"name":"emotion-release-bot","email":"mitchell+emotion-release-bot@hamil.town"},{"name":"mitchellhamilton","email":"mitchell@mitchellhamilton.me"},{"name":"tkh44","email":"kye.hohenberger@gmail.com"}],"homepage":"https://emotion.sh","bugs":{"url":"https://github.com/emotion-js/emotion/issues"},"dist":{"shasum":"85008847c85550eb955eb6aa9c5d2bff2e92977f","tarball":"https://registry.npmjs.org/@emotion/native/-/native-11.0.0-next.10.tgz","fileCount":12,"integrity":"sha512-r1MOFt+KaSnqo32U6Rs6vxoxRRuoticSAxaXCxQ1zdZQEkdAWY5UsRRd4TUAFiu6iOmE1dVRs4u4SJ3QU8r3Lw==","signatures":[{"sig":"MEQCIDqXuqrhhQCXuKfGOOLNjqN4OLEuJ933yO3Me7N0qg7PAiA7ZXzDifqTwxUGWK4mVCbZSNIQ6hcjuikXwuOUsqylJg==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":17253,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeEjdrCRA9TVsSAnZWagAA1e0QAImSXLvt5rENz59sl1by\n/8P2RCVz7xSUr8D+N9VeGiu4XxvnU6YlZdxT2QYwVLQ/z8KFP3zXIjsL0k+Y\naJbqAhadi6JHSO/8Pv4TIYGkscxkCLseRLe/Rsf968+KtrCzNS3nVq6DJD45\nRLlJIrs9+D2yeT+R11uLiZ8WgRUfbyBa2y06ehbyiqundju3yUynf/p/Johc\ncWsup8UZboDZycjY1dzyagjv4g+YlFSGCe/ZVPOtO5rsTfxa7Qz2sySN6MiL\nFxCxfVc1wC5x/0f2KHiMaWg6PrrGbLE3IGwog30Cu0KI290NdkhU2asimL1N\n/MCUwwumXNeWhv2ukuz0seg7zwAGYHIERlqUDblj5OUrAkSIubxCJ9Z9nvgG\nvyDYe1O/HHlnndHDzcNPkj0odNZwOm1XKmWWqAlmF2UFNq+SRk2AD+9hwTka\nVRrBr8omTaGQFaheuuUWjk0dp8G9vU8sSLs56Bat22kMtO7I2GeoG4pZ6xgN\n3WRt5qINjNZBLNq3X/Pn2I52p6J738Ij0AqtTF/5ha+hcZBsnZM4qAWs0R2U\namJHBPX99pOPulDc30yHoeBP9pkitiZ8mo8r2JTC+vE8HL8+tqAs7AgqQCnn\nv+fQg70ZAjXSRS2F4TGrNrzcAc7bekHhQv1SqBfzDGnRqMMDN9yRQ1XlDRM1\nLomC\r\n=eO1C\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/native.cjs.js","types":"types/index.d.ts","module":"dist/native.esm.js","readme":"# @emotion/native\n\n> Style and render React Native components using emotion\n\n## Install\n\n```\nnpm install @emotion/react @emotion/native\n```\n\nor if you use yarn\n\n```\nyarn add @emotion/react @emotion/native\n```\n\nThis package also depends on `react`, `react-native` and `prop-types` so make sure you've them installed.\n\n## Example\n\n```js\nimport React from 'react'\nimport { AppRegistry } from 'react-native'\nimport styled, { css } from '@emotion/native'\n\nconst Container = styled.View`\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  margin: 50px;\n`\n\nconst Description = styled.Text({\n  color: 'hotpink'\n})\n\nconst Image = styled.Image`\n  padding: 40px;\n`\n\nconst emotionLogo =\n  'https://cdn.rawgit.com/emotion-js/emotion/master/emotion.png'\n\nclass App extends React.Component {\n  render() {\n    return (\n      <Container\n        style={css`\n          border-radius: 10px;\n        `}\n      >\n        <Description style={{ fontSize: 45, fontWeight: 'bold' }}>\n          Emotion Primitives\n        </Description>\n        <Image\n          source={{\n            uri: emotionLogo,\n            height: 150,\n            width: 150\n          }}\n        />\n      </Container>\n    )\n  }\n}\n\nAppRegistry.registerComponent('ExampleApp', () => App)\n```\n\n## Theming\n\nUse `@emotion/react` for theming support.\n\n```js\nimport React from 'react'\nimport styled, { css } from '@emotion/native'\nimport { ThemeProvider } from '@emotion/react'\n\nconst theme = {\n  color: 'hotpink',\n  backgroundColor: 'purple'\n}\n\nconst Container = styled.View`\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  margin: 50px;\n  border: 5px solid red;\n  background-color: ${props => props.theme.backgroundColor};\n`\n\nconst Description = styled.Text({\n  color: 'hotpink'\n})\n\nconst Image = styled.Image`\n  padding: 40px;\n`\n\nconst emotionLogo =\n  'https://cdn.rawgit.com/emotion-js/emotion/master/emotion.png'\n\nclass App extends React.Component {\n  render() {\n    return (\n      <ThemeProvider theme={theme}>\n        <Container\n          style={css`\n            border-radius: 10px;\n          `}\n        >\n          <Description style={{ fontSize: 45, fontWeight: 'bold' }}>\n            Emotion Primitives\n          </Description>\n          <Image\n            source={{\n              uri: emotionLogo,\n              height: 150,\n              width: 150\n            }}\n          />\n        </Container>\n      </ThemeProvider>\n    )\n  }\n}\n```\n\n## Usage with `react-360`\n\n`@emotion/native` can also be used with `react-360` for styling VR applications. Check out [this](https://facebook.github.io/react-360/docs/setup.html) guide for setting up a `react-360` project.\n\n### Example\n\n```js\nimport React from 'react'\nimport { AppRegistry, StyleSheet, Text, View } from 'react-360'\nimport styled from '@emotion/native'\n\nconst StyledName = styled.Text`\n  font-size: 40px;\n  color: hotpink;\n`\n\nexport default class App extends React.Component {\n  render() {\n    return (\n      <View style={styles.panel}>\n        <View style={styles.greetingBox}>\n          <StyledName>Emotion Native</StyledName>\n        </View>\n      </View>\n    )\n  }\n}\n\nconst styles = StyleSheet.create({\n  panel: {\n    // Fill the entire surface\n    width: 1000,\n    height: 600,\n    backgroundColor: 'rgba(255, 255, 255, 0.4)',\n    justifyContent: 'center',\n    alignItems: 'center'\n  },\n  greetingBox: {\n    padding: 20,\n    backgroundColor: '#000000',\n    borderColor: '#639dda',\n    borderWidth: 2\n  },\n  greeting: {\n    fontSize: 30\n  }\n})\n\nAppRegistry.registerComponent('App', () => App)\n```\n","browser":{"./dist/native.cjs.js":"./dist/native.browser.cjs.js","./dist/native.esm.js":"./dist/native.browser.esm.js"},"scripts":{"test:typescript":"dtslint types"},"_npmUser":{"name":"emotion-release-bot","email":"mitchell+emotion-release-bot@hamil.town"},"repository":{"url":"https://github.com/emotion-js/emotion/tree/master/packages/native","type":"git"},"_npmVersion":"6.10.2","description":"Style and render React Native components using emotion","directories":{},"_nodeVersion":"10.18.0","dependencies":{"@emotion/primitives-core":"11.0.0-next.10"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^16.11.0","dtslint":"^0.3.0","@babel/core":"^7.7.2","react-native":"^0.57.0","@types/react-native":"^0.57.0"},"peerDependencies":{"@babel/core":"^7.0.0","react-native":">=0.14.0 <1"},"peerDependenciesMeta":{"@babel/core":{"optional":true}},"_npmOperationalInternal":{"tmp":"tmp/native_11.0.0-next.10_1578252138824_0.41481324018699484","host":"s3://npm-registry-packages"}},"11.0.0-next.11":{"name":"@emotion/native","version":"11.0.0-next.11","keywords":["styles","emotion","react","css","css-in-js","native"],"license":"MIT","_id":"@emotion/native@11.0.0-next.11","maintainers":[{"name":"emotion-release-bot","email":"mitchell+emotion-release-bot@hamil.town"},{"name":"mitchellhamilton","email":"mitchell@mitchellhamilton.me"},{"name":"tkh44","email":"kye.hohenberger@gmail.com"}],"homepage":"https://emotion.sh","bugs":{"url":"https://github.com/emotion-js/emotion/issues"},"dist":{"shasum":"414bf3506d6ab5c6b25e5d84ab74d99037151c91","tarball":"https://registry.npmjs.org/@emotion/native/-/native-11.0.0-next.11.tgz","fileCount":14,"integrity":"sha512-1tvJ9uVilAgrmt9kfL1SE9XDXLj28mOTmI4TD6gOchzofQsvWFyJsX8RXFQW+G4tVe/BPmJTSeugV/0BkJGYnQ==","signatures":[{"sig":"MEQCIF3fup3yZxuEQdlTwOuokGuS0xnrJ4k8HfSGNcGGUOo5AiAwNUtzVaotl74Ox6O81oJuxXF2I3KLqR9lux1HP2JYUQ==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":26249,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeIFtaCRA9TVsSAnZWagAAgnwQAJS/33qYnckCcZn82FqC\n4RMihrj/BlwhMWaPu5BvUhk8jQKgzHK64JHlRUv5X7geNUI6uze920wU5FBH\n5cH0cL8PK5w05qXbZdytkOR3ywtnjaaFbpcOy3sTk5heQLfhwiapXjDkgo/u\nveNperTxgwSb9eFaijfpQU1nCI+gOelBDNtXBYBDVzmZYUtRDgzisRMWA33A\nM70EVoOOdIJ7Rk/NNSmoubJqzLsZ+76lLcuL+m6n8emqV0rkoOFbkDiMUL69\n9RVZhyGbCezuA3L16y/ej2YSQGWXAxbXhpXVB/EMLbrGhqvyR7bOJ1qpTYMl\nl9ZgeRrY5qUQZfrAJykg4NNtp6ltrWy5x2Zncq3DaIWDOAvy+LE7qD9zyNCl\n7kMVtIhjDiG/BuVG9J2flqGstHmFSLLEF9uVGYmaxdlFdf9dwcrgwR0IJaMw\ndY2ptJolLJq03RrWBXvI9WIFRJZktGg/QS2QcDiyTQyKz/SaBtOM0LbltJNB\nghYLZK5/m8RgXy1c5UGQ3K22alP9k4jpTA+HIBRIZOSeh1H92z9xgG8bAL0b\njoOr3XZQWt4ZVeLOwt/lorO7kg74Q7duCbfzl655UwuCjo6JoFIsyG9e5sPJ\nXgnOtzgUYqzSJpZTwWENGqVQE39B8KuXfmHp1/V9AXP5R+cLJ3mgAhcmTwzT\nKCEi\r\n=VrZm\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/native.cjs.js","types":"types/index.d.ts","module":"dist/native.esm.js","readme":"# @emotion/native\n\n> Style and render React Native components using emotion\n\n## Install\n\n```\nnpm install @emotion/react @emotion/native\n```\n\nor if you use yarn\n\n```\nyarn add @emotion/react @emotion/native\n```\n\nThis package also depends on `react`, `react-native` and `prop-types` so make sure you've them installed.\n\n## Example\n\n```js\nimport React from 'react'\nimport { AppRegistry } from 'react-native'\nimport styled, { css } from '@emotion/native'\n\nconst Container = styled.View`\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  margin: 50px;\n`\n\nconst Description = styled.Text({\n  color: 'hotpink'\n})\n\nconst Image = styled.Image`\n  padding: 40px;\n`\n\nconst emotionLogo =\n  'https://cdn.rawgit.com/emotion-js/emotion/master/emotion.png'\n\nclass App extends React.Component {\n  render() {\n    return (\n      <Container\n        style={css`\n          border-radius: 10px;\n        `}\n      >\n        <Description style={{ fontSize: 45, fontWeight: 'bold' }}>\n          Emotion Primitives\n        </Description>\n        <Image\n          source={{\n            uri: emotionLogo,\n            height: 150,\n            width: 150\n          }}\n        />\n      </Container>\n    )\n  }\n}\n\nAppRegistry.registerComponent('ExampleApp', () => App)\n```\n\n## Theming\n\nUse `@emotion/react` for theming support.\n\n```js\nimport React from 'react'\nimport styled, { css } from '@emotion/native'\nimport { ThemeProvider } from '@emotion/react'\n\nconst theme = {\n  color: 'hotpink',\n  backgroundColor: 'purple'\n}\n\nconst Container = styled.View`\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  margin: 50px;\n  border: 5px solid red;\n  background-color: ${props => props.theme.backgroundColor};\n`\n\nconst Description = styled.Text({\n  color: 'hotpink'\n})\n\nconst Image = styled.Image`\n  padding: 40px;\n`\n\nconst emotionLogo =\n  'https://cdn.rawgit.com/emotion-js/emotion/master/emotion.png'\n\nclass App extends React.Component {\n  render() {\n    return (\n      <ThemeProvider theme={theme}>\n        <Container\n          style={css`\n            border-radius: 10px;\n          `}\n        >\n          <Description style={{ fontSize: 45, fontWeight: 'bold' }}>\n            Emotion Primitives\n          </Description>\n          <Image\n            source={{\n              uri: emotionLogo,\n              height: 150,\n              width: 150\n            }}\n          />\n        </Container>\n      </ThemeProvider>\n    )\n  }\n}\n```\n\n## Usage with `react-360`\n\n`@emotion/native` can also be used with `react-360` for styling VR applications. Check out [this](https://facebook.github.io/react-360/docs/setup.html) guide for setting up a `react-360` project.\n\n### Example\n\n```js\nimport React from 'react'\nimport { AppRegistry, StyleSheet, Text, View } from 'react-360'\nimport styled from '@emotion/native'\n\nconst StyledName = styled.Text`\n  font-size: 40px;\n  color: hotpink;\n`\n\nexport default class App extends React.Component {\n  render() {\n    return (\n      <View style={styles.panel}>\n        <View style={styles.greetingBox}>\n          <StyledName>Emotion Native</StyledName>\n        </View>\n      </View>\n    )\n  }\n}\n\nconst styles = StyleSheet.create({\n  panel: {\n    // Fill the entire surface\n    width: 1000,\n    height: 600,\n    backgroundColor: 'rgba(255, 255, 255, 0.4)',\n    justifyContent: 'center',\n    alignItems: 'center'\n  },\n  greetingBox: {\n    padding: 20,\n    backgroundColor: '#000000',\n    borderColor: '#639dda',\n    borderWidth: 2\n  },\n  greeting: {\n    fontSize: 30\n  }\n})\n\nAppRegistry.registerComponent('App', () => App)\n```\n","browser":{"./dist/native.cjs.js":"./dist/native.browser.cjs.js","./dist/native.esm.js":"./dist/native.browser.esm.js"},"scripts":{"test:typescript":"dtslint types"},"_npmUser":{"name":"emotion-release-bot","email":"mitchell+emotion-release-bot@hamil.town"},"repository":{"url":"https://github.com/emotion-js/emotion/tree/master/packages/native","type":"git"},"_npmVersion":"6.10.2","description":"Style and render React Native components using emotion","directories":{},"_nodeVersion":"10.18.1","dependencies":{"@emotion/primitives-core":"11.0.0-next.10"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^16.11.0","dtslint":"^0.3.0","@babel/core":"^7.7.2","react-native":"^0.57.0","@types/react-native":"^0.57.0"},"peerDependencies":{"@babel/core":"^7.0.0","react-native":">=0.14.0 <1"},"peerDependenciesMeta":{"@babel/core":{"optional":true}},"_npmOperationalInternal":{"tmp":"tmp/native_11.0.0-next.11_1579178842150_0.6056460410066777","host":"s3://npm-registry-packages"}},"11.0.0-next.12":{"name":"@emotion/native","version":"11.0.0-next.12","keywords":["styles","emotion","react","css","css-in-js","native"],"license":"MIT","_id":"@emotion/native@11.0.0-next.12","maintainers":[{"name":"emotion-release-bot","email":"mitchell+emotion-release-bot@hamil.town"},{"name":"mitchellhamilton","email":"mitchell@mitchellhamilton.me"},{"name":"tkh44","email":"kye.hohenberger@gmail.com"}],"homepage":"https://emotion.sh","bugs":{"url":"https://github.com/emotion-js/emotion/issues"},"dist":{"shasum":"088e0af21579a35926364b87ecb168fed1b5521a","tarball":"https://registry.npmjs.org/@emotion/native/-/native-11.0.0-next.12.tgz","fileCount":15,"integrity":"sha512-hv+6cx5XXY08OHoEvWqWsbROZsC/5ru1wMAO954ke9xlSk5sPZf7PBMYHTMq59VoyFXjaSTUG+3sY1UmKnrvVQ==","signatures":[{"sig":"MEUCIQCMYIAWG7c3TB456B3faehMjzoG3Wh28iIXGzfW9VTojAIgLXZq2GR+YR48hSnzywUWRb9qXHhsIdR9zMKYSYHk1Xc=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":27942,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJecI/sCRA9TVsSAnZWagAAeIUP/AkzVeEbcZFlE3wgUs+r\n+i3OxE9s163wjqJ3voz4HhaceIAzo1N/3QsX8ziJVm5qs3US5mPqDpuiip3a\nd5xCaLwguRIDIqQ5SdsutII+tndvQL+z9ke2Q/h/oZyHmCjU/MjZtXaQFI1H\niSox6qok3uyOtWQ3aVubenAA/dWgV0vVw/QKg8MqBrI5TL/LxihZbB/CkJYR\nPR7teerMcWvguNTRdHKnNP8CMnzo25WaAOny9D7SzeURWrK6mxWNI3YcwwcO\n8yvPo1Xmp5Dbf1utXPlJjlIWkc2leGeYVPuObYzQLy6+nLw5mP2bvV8seOuT\nL7sSbgpVg2puRtspb7L6VGn4B4p7ay/DkKGDicJxyY1ZzEupBSRIByHWioAV\nbtfmZZJUoruOPyuJg3BYq+ELqUed9fDRPRTWKYIntKxTxtwGfiWpaQYTtbUB\naa67zCrGuEGtCRxDjLNCt6RgSME5ZqUtH41oo69BV+469DiBQcpeHDqx3/dc\n5Njk5qzEOEm0Q6ZSibKNViK6teZKN+HIPFhQzRKyYeqpiTBfB0b7PwxBgQpZ\n5X/NRs1N+9bboYh9ZvzUv+ql1pk7fLxjso5xoR20l8rHTuXnZAz9JogXXCYL\nJxZSqvy7Y98nVqs1lmrPY1rFMTHWuS3stlgu4Mh4WXFxMvcK9xf9OgLdbUZS\nmnju\r\n=UvAe\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/native.cjs.js","types":"types/index.d.ts","module":"dist/native.esm.js","readme":"# @emotion/native\n\n> Style and render React Native components using emotion\n\n## Install\n\n```\nnpm install @emotion/react @emotion/native\n```\n\nor if you use yarn\n\n```\nyarn add @emotion/react @emotion/native\n```\n\nThis package also depends on `react`, `react-native` and `prop-types` so make sure you've them installed.\n\n## Example\n\n```js\nimport React from 'react'\nimport { AppRegistry } from 'react-native'\nimport styled, { css } from '@emotion/native'\n\nconst Container = styled.View`\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  margin: 50px;\n`\n\nconst Description = styled.Text({\n  color: 'hotpink'\n})\n\nconst Image = styled.Image`\n  padding: 40px;\n`\n\nconst emotionLogo =\n  'https://cdn.rawgit.com/emotion-js/emotion/master/emotion.png'\n\nclass App extends React.Component {\n  render() {\n    return (\n      <Container\n        style={css`\n          border-radius: 10px;\n        `}\n      >\n        <Description style={{ fontSize: 45, fontWeight: 'bold' }}>\n          Emotion Primitives\n        </Description>\n        <Image\n          source={{\n            uri: emotionLogo,\n            height: 150,\n            width: 150\n          }}\n        />\n      </Container>\n    )\n  }\n}\n\nAppRegistry.registerComponent('ExampleApp', () => App)\n```\n\n## Theming\n\nUse `@emotion/react` for theming support.\n\n```js\nimport React from 'react'\nimport styled, { css } from '@emotion/native'\nimport { ThemeProvider } from '@emotion/react'\n\nconst theme = {\n  color: 'hotpink',\n  backgroundColor: 'purple'\n}\n\nconst Container = styled.View`\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  margin: 50px;\n  border: 5px solid red;\n  background-color: ${props => props.theme.backgroundColor};\n`\n\nconst Description = styled.Text({\n  color: 'hotpink'\n})\n\nconst Image = styled.Image`\n  padding: 40px;\n`\n\nconst emotionLogo =\n  'https://cdn.rawgit.com/emotion-js/emotion/master/emotion.png'\n\nclass App extends React.Component {\n  render() {\n    return (\n      <ThemeProvider theme={theme}>\n        <Container\n          style={css`\n            border-radius: 10px;\n          `}\n        >\n          <Description style={{ fontSize: 45, fontWeight: 'bold' }}>\n            Emotion Primitives\n          </Description>\n          <Image\n            source={{\n              uri: emotionLogo,\n              height: 150,\n              width: 150\n            }}\n          />\n        </Container>\n      </ThemeProvider>\n    )\n  }\n}\n```\n\n## Usage with `react-360`\n\n`@emotion/native` can also be used with `react-360` for styling VR applications. Check out [this](https://facebook.github.io/react-360/docs/setup.html) guide for setting up a `react-360` project.\n\n### Example\n\n```js\nimport React from 'react'\nimport { AppRegistry, StyleSheet, Text, View } from 'react-360'\nimport styled from '@emotion/native'\n\nconst StyledName = styled.Text`\n  font-size: 40px;\n  color: hotpink;\n`\n\nexport default class App extends React.Component {\n  render() {\n    return (\n      <View style={styles.panel}>\n        <View style={styles.greetingBox}>\n          <StyledName>Emotion Native</StyledName>\n        </View>\n      </View>\n    )\n  }\n}\n\nconst styles = StyleSheet.create({\n  panel: {\n    // Fill the entire surface\n    width: 1000,\n    height: 600,\n    backgroundColor: 'rgba(255, 255, 255, 0.4)',\n    justifyContent: 'center',\n    alignItems: 'center'\n  },\n  greetingBox: {\n    padding: 20,\n    backgroundColor: '#000000',\n    borderColor: '#639dda',\n    borderWidth: 2\n  },\n  greeting: {\n    fontSize: 30\n  }\n})\n\nAppRegistry.registerComponent('App', () => App)\n```\n","browser":{"./dist/native.cjs.js":"./dist/native.browser.cjs.js","./dist/native.esm.js":"./dist/native.browser.esm.js"},"scripts":{"test:typescript":"dtslint types"},"_npmUser":{"name":"emotion-release-bot","email":"mitchell+emotion-release-bot@hamil.town"},"repository":{"url":"https://github.com/emotion-js/emotion/tree/master/packages/native","type":"git"},"_npmVersion":"6.10.2","description":"Style and render React Native components using emotion","directories":{},"_nodeVersion":"10.19.0","dependencies":{"@emotion/primitives-core":"11.0.0-next.12"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^16.11.0","dtslint":"^0.3.0","@babel/core":"^7.7.2","react-native":"^0.61.5","@types/react-native":"^0.61.10"},"peerDependencies":{"@babel/core":"^7.0.0","react-native":">=0.14.0 <1"},"peerDependenciesMeta":{"@babel/core":{"optional":true}},"_npmOperationalInternal":{"tmp":"tmp/native_11.0.0-next.12_1584435180407_0.9751156200529789","host":"s3://npm-registry-packages"}},"11.0.0-next.13":{"name":"@emotion/native","version":"11.0.0-next.13","keywords":["styles","emotion","react","css","css-in-js","native"],"license":"MIT","_id":"@emotion/native@11.0.0-next.13","maintainers":[{"name":"emotion-release-bot","email":"mitchell+emotion-release-bot@hamil.town"},{"name":"mitchellhamilton","email":"mitchell@mitchellhamilton.me"},{"name":"tkh44","email":"kye.hohenberger@gmail.com"}],"homepage":"https://emotion.sh","bugs":{"url":"https://github.com/emotion-js/emotion/issues"},"dist":{"shasum":"dca709884253be589cea96336a0a836eba9e7ac0","tarball":"https://registry.npmjs.org/@emotion/native/-/native-11.0.0-next.13.tgz","fileCount":15,"integrity":"sha512-lLuFLN7slQWeunWW+Uvk7c0SyMGxu1a/hTtl/1FQo1iPZQrxpl4o2Cezie5MwKceyLHentJMhB6c40/lViR8XA==","signatures":[{"sig":"MEUCIFmhQwy/fH8o2s56DkULWJrZCbt6jbFkvLmzmq/ZpNVtAiEAzsiyHYPjjvLqdkc7LT885yGLtMY/iDT1+A4hEGVYKb0=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":28052,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJe8HbpCRA9TVsSAnZWagAAAM8P/RD20GdoZxlIiYuHwMkO\nY7zhzhODP8WJpS/KzvHinnOyeeAk82k8tP11dlO1aRyqzvp0zZeg1Tjq3+XX\nyJh6TD5ALIeyA7HNX6MlyMgsw66o9n0n3NRLa0EBpDov1mhj8NkSWOJyWje5\ndqjNTuNH/RZHWeZQr+eRLGJVdaOqPZZHpoMEAXZKOlSnXJ/7DRLeo1KqahUu\nZDwlOm1VSk2cutkTJJBvWE/4GwKUWCqivXI6UW109QzHqRQfITHi1VYkgfzC\n6ZWn6g5hxNJCmXXTCOI+5En0GOzxsA9b1eJKVLXRZWYrMVq6b2kJ56SfaWBG\nqANZTyyonWSxSWaBj0xHc6ANqPl69D5q8m9U3I3uyHtPWf9T/L5W4I5Olw0/\niz9af2GWiSrQTvSOAeJ0vG9UMScx9fDCaSSfcGwI3hql4R0HgFcNyAVF0Q73\njWR4+uKd0avK6BAlnmIVj+2QJ/IXXTwbOwCTc58fyE1sKf9m4HrXFvctCZmA\nf9w32Krlybq9IGWDjG3TiD85mz2YioVo4gVtQSYIhF+2IqLmJ0nWM27T6+ow\nRD6WbpMft/wID1TEB6FDYhC6/zw3+u+530kzDRc/RIXuZIXbaDCbVz/W8RTV\nFwJQMdDr1eurKOCumN7bnjO2hI7iE0zQLzjS+6hUG1enRbirARJNS8Iy2yWd\n80R1\r\n=0tp4\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/native.cjs.js","types":"types/index.d.ts","module":"dist/native.esm.js","readme":"# @emotion/native\n\n> Style and render React Native components using emotion\n\n## Install\n\n```\nnpm install @emotion/react @emotion/native\n```\n\nor if you use yarn\n\n```\nyarn add @emotion/react @emotion/native\n```\n\nThis package also depends on `react`, `react-native` and `prop-types` so make sure you've them installed.\n\n## Example\n\n```js\nimport React from 'react'\nimport { AppRegistry } from 'react-native'\nimport styled, { css } from '@emotion/native'\n\nconst Container = styled.View`\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  margin: 50px;\n`\n\nconst Description = styled.Text({\n  color: 'hotpink'\n})\n\nconst Image = styled.Image`\n  padding: 40px;\n`\n\nconst emotionLogo =\n  'https://cdn.rawgit.com/emotion-js/emotion/master/emotion.png'\n\nclass App extends React.Component {\n  render() {\n    return (\n      <Container\n        style={css`\n          border-radius: 10px;\n        `}\n      >\n        <Description style={{ fontSize: 45, fontWeight: 'bold' }}>\n          Emotion Primitives\n        </Description>\n        <Image\n          source={{\n            uri: emotionLogo,\n            height: 150,\n            width: 150\n          }}\n        />\n      </Container>\n    )\n  }\n}\n\nAppRegistry.registerComponent('ExampleApp', () => App)\n```\n\n## Theming\n\nUse `@emotion/react` for theming support.\n\n```js\nimport React from 'react'\nimport styled, { css } from '@emotion/native'\nimport { ThemeProvider } from '@emotion/react'\n\nconst theme = {\n  color: 'hotpink',\n  backgroundColor: 'purple'\n}\n\nconst Container = styled.View`\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  margin: 50px;\n  border: 5px solid red;\n  background-color: ${props => props.theme.backgroundColor};\n`\n\nconst Description = styled.Text({\n  color: 'hotpink'\n})\n\nconst Image = styled.Image`\n  padding: 40px;\n`\n\nconst emotionLogo =\n  'https://cdn.rawgit.com/emotion-js/emotion/master/emotion.png'\n\nclass App extends React.Component {\n  render() {\n    return (\n      <ThemeProvider theme={theme}>\n        <Container\n          style={css`\n            border-radius: 10px;\n          `}\n        >\n          <Description style={{ fontSize: 45, fontWeight: 'bold' }}>\n            Emotion Primitives\n          </Description>\n          <Image\n            source={{\n              uri: emotionLogo,\n              height: 150,\n              width: 150\n            }}\n          />\n        </Container>\n      </ThemeProvider>\n    )\n  }\n}\n```\n\n## Usage with `react-360`\n\n`@emotion/native` can also be used with `react-360` for styling VR applications. Check out [this](https://facebook.github.io/react-360/docs/setup.html) guide for setting up a `react-360` project.\n\n### Example\n\n```js\nimport React from 'react'\nimport { AppRegistry, StyleSheet, Text, View } from 'react-360'\nimport styled from '@emotion/native'\n\nconst StyledName = styled.Text`\n  font-size: 40px;\n  color: hotpink;\n`\n\nexport default class App extends React.Component {\n  render() {\n    return (\n      <View style={styles.panel}>\n        <View style={styles.greetingBox}>\n          <StyledName>Emotion Native</StyledName>\n        </View>\n      </View>\n    )\n  }\n}\n\nconst styles = StyleSheet.create({\n  panel: {\n    // Fill the entire surface\n    width: 1000,\n    height: 600,\n    backgroundColor: 'rgba(255, 255, 255, 0.4)',\n    justifyContent: 'center',\n    alignItems: 'center'\n  },\n  greetingBox: {\n    padding: 20,\n    backgroundColor: '#000000',\n    borderColor: '#639dda',\n    borderWidth: 2\n  },\n  greeting: {\n    fontSize: 30\n  }\n})\n\nAppRegistry.registerComponent('App', () => App)\n```\n","browser":{"./dist/native.cjs.js":"./dist/native.browser.cjs.js","./dist/native.esm.js":"./dist/native.browser.esm.js"},"scripts":{"test:typescript":"dtslint types"},"_npmUser":{"name":"emotion-release-bot","email":"mitchell+emotion-release-bot@hamil.town"},"repository":{"url":"https://github.com/emotion-js/emotion/tree/master/packages/native","type":"git"},"_npmVersion":"6.10.2","description":"Style and render React Native components using emotion","directories":{},"_nodeVersion":"10.21.0","dependencies":{"@emotion/primitives-core":"11.0.0-next.13"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^16.11.0","dtslint":"^0.3.0","@babel/core":"^7.7.2","react-native":"^0.61.5","@types/react-native":"^0.61.10"},"peerDependencies":{"@babel/core":"^7.0.0","react-native":">=0.14.0 <1"},"peerDependenciesMeta":{"@babel/core":{"optional":true}},"_npmOperationalInternal":{"tmp":"tmp/native_11.0.0-next.13_1592817385031_0.6322019992892318","host":"s3://npm-registry-packages"}},"11.0.0-next.14":{"name":"@emotion/native","version":"11.0.0-next.14","keywords":["styles","emotion","react","css","css-in-js","native"],"license":"MIT","_id":"@emotion/native@11.0.0-next.14","maintainers":[{"name":"emotion-release-bot","email":"mitchell+emotion-release-bot@hamil.town"},{"name":"mitchellhamilton","email":"mitchell@mitchellhamilton.me"},{"name":"tkh44","email":"kye.hohenberger@gmail.com"}],"homepage":"https://emotion.sh","bugs":{"url":"https://github.com/emotion-js/emotion/issues"},"dist":{"shasum":"c953a4da8d3300720e52799d73d2cfe9df8e703a","tarball":"https://registry.npmjs.org/@emotion/native/-/native-11.0.0-next.14.tgz","fileCount":15,"integrity":"sha512-I2A6HDAeS2bP70QWBO9JwTB1MKWGnT8secmfLSEd74ml6Lcx4BDGZvSMBYH/gXdcHqYCsmmhAyF5Ric+e2zoLA==","signatures":[{"sig":"MEQCIEMKXb+r8556qhgDWRY6HLGOKQwvtN1sh98QFX1gMohdAiB8xNnr+0ervEx5DeK3EPUsPXNXySK/Kpp8gZgc/YMyUw==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":28393,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfJWJsCRA9TVsSAnZWagAAaHsP/ifpsTQI2wPsIoAF4PlN\nNXfdRvCth1P3vXFrsS6/1tR2lIEd3pHHFEzRIKxelr7pXBb6qLCDs2nqdkvQ\nF5R1aubNMWOc5gbWcSkMaCEhKO1xZJPLvgCesMB7t4cR4NNcq/RXFq4puULf\n2P9UELXOtKrDlC+S4g0BcGHiGPxuqHuNSeA7eYOlyiOQrHRmhoiWK0g+MBp6\nw0tmTRxsdg9apno0hmM0e+NKvGCRhtD3fynSJ+jGBj7codVMRvquLdk8ARK3\nWQJ90lSDrhlev1f9Ys0opiDR/YRwkKP3+qyJMdfmNXfSh2d/u/YAjw2sDdxj\n4zDI33KV7B4ynjT4qZN2q32owymdK0o11wUYzDh5NM0eM7eV7s8OVjUXI4oU\ncT+FJZmin6BahTfzpuqAZu7usQPyoXaV+KgYgkbm88kygqRZNEYdqe0Q+piZ\n6W1Ik8WmcdKwKyOB2ulr8J6stg0/PuXzFaYR804ejQPkjWxx62tH9s1+eNz8\nxhJBRmIKXp3SUKwwgMF0NsLVshMrcq0KcnUM837WbRSr73cNJlOF8wt2OkN9\nFaLdmuyL+BHdAhf7iIA7agcuQlZD1jopZWXLQ6VJJOjcYjmBaminor7T6F67\nFVF1h/k5Sw2kIdQG5gGRVDu1vswcB+gwpJXIEq15uQD/BzzGQQy5qJfKnh0u\nsaj2\r\n=snKi\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/native.cjs.js","types":"types/index.d.ts","module":"dist/native.esm.js","readme":"# @emotion/native\n\n> Style and render React Native components using emotion\n\n## Install\n\n```\nnpm install @emotion/react @emotion/native\n```\n\nor if you use yarn\n\n```\nyarn add @emotion/react @emotion/native\n```\n\nThis package also depends on `react`, `react-native` and `prop-types` so make sure you've them installed.\n\n## Example\n\n```js\nimport React from 'react'\nimport { AppRegistry } from 'react-native'\nimport styled, { css } from '@emotion/native'\n\nconst Container = styled.View`\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  margin: 50px;\n`\n\nconst Description = styled.Text({\n  color: 'hotpink'\n})\n\nconst Image = styled.Image`\n  padding: 40px;\n`\n\nconst emotionLogo =\n  'https://cdn.rawgit.com/emotion-js/emotion/master/emotion.png'\n\nclass App extends React.Component {\n  render() {\n    return (\n      <Container\n        style={css`\n          border-radius: 10px;\n        `}\n      >\n        <Description style={{ fontSize: 45, fontWeight: 'bold' }}>\n          Emotion Primitives\n        </Description>\n        <Image\n          source={{\n            uri: emotionLogo,\n            height: 150,\n            width: 150\n          }}\n        />\n      </Container>\n    )\n  }\n}\n\nAppRegistry.registerComponent('ExampleApp', () => App)\n```\n\n## Theming\n\nUse `@emotion/react` for theming support.\n\n```js\nimport React from 'react'\nimport styled, { css } from '@emotion/native'\nimport { ThemeProvider } from '@emotion/react'\n\nconst theme = {\n  color: 'hotpink',\n  backgroundColor: 'purple'\n}\n\nconst Container = styled.View`\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  margin: 50px;\n  border: 5px solid red;\n  background-color: ${props => props.theme.backgroundColor};\n`\n\nconst Description = styled.Text({\n  color: 'hotpink'\n})\n\nconst Image = styled.Image`\n  padding: 40px;\n`\n\nconst emotionLogo =\n  'https://cdn.rawgit.com/emotion-js/emotion/master/emotion.png'\n\nclass App extends React.Component {\n  render() {\n    return (\n      <ThemeProvider theme={theme}>\n        <Container\n          style={css`\n            border-radius: 10px;\n          `}\n        >\n          <Description style={{ fontSize: 45, fontWeight: 'bold' }}>\n            Emotion Primitives\n          </Description>\n          <Image\n            source={{\n              uri: emotionLogo,\n              height: 150,\n              width: 150\n            }}\n          />\n        </Container>\n      </ThemeProvider>\n    )\n  }\n}\n```\n\n## Gotchas\n\n- Note that the `flex` property works like CSS shorthand, and not the legacy `flex` property in React Native. Setting `flex: 1` sets `flexShrink` to `1` in addition to setting `flexGrow` to `1` and `flexBasis` to `0`.\n\n## Usage with `react-360`\n\n`@emotion/native` can also be used with `react-360` for styling VR applications. Check out [this](https://facebook.github.io/react-360/docs/setup.html) guide for setting up a `react-360` project.\n\n### Example\n\n```js\nimport React from 'react'\nimport { AppRegistry, StyleSheet, Text, View } from 'react-360'\nimport styled from '@emotion/native'\n\nconst StyledName = styled.Text`\n  font-size: 40px;\n  color: hotpink;\n`\n\nexport default class App extends React.Component {\n  render() {\n    return (\n      <View style={styles.panel}>\n        <View style={styles.greetingBox}>\n          <StyledName>Emotion Native</StyledName>\n        </View>\n      </View>\n    )\n  }\n}\n\nconst styles = StyleSheet.create({\n  panel: {\n    // Fill the entire surface\n    width: 1000,\n    height: 600,\n    backgroundColor: 'rgba(255, 255, 255, 0.4)',\n    justifyContent: 'center',\n    alignItems: 'center'\n  },\n  greetingBox: {\n    padding: 20,\n    backgroundColor: '#000000',\n    borderColor: '#639dda',\n    borderWidth: 2\n  },\n  greeting: {\n    fontSize: 30\n  }\n})\n\nAppRegistry.registerComponent('App', () => App)\n```\n","browser":{"./dist/native.cjs.js":"./dist/native.browser.cjs.js","./dist/native.esm.js":"./dist/native.browser.esm.js"},"scripts":{"test:typescript":"dtslint types"},"_npmUser":{"name":"emotion-release-bot","email":"mitchell+emotion-release-bot@hamil.town"},"repository":{"url":"https://github.com/emotion-js/emotion/tree/master/packages/native","type":"git"},"_npmVersion":"6.10.2","description":"Style and render React Native components using emotion","directories":{},"_nodeVersion":"10.22.0","dependencies":{"@emotion/primitives-core":"11.0.0-next.14"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^16.11.0","dtslint":"^0.3.0","@babel/core":"^7.7.2","react-native":"^0.61.5","@types/react-native":"^0.61.10"},"peerDependencies":{"@babel/core":"^7.0.0","react-native":">=0.14.0 <1"},"peerDependenciesMeta":{"@babel/core":{"optional":true}},"_npmOperationalInternal":{"tmp":"tmp/native_11.0.0-next.14_1596285547851_0.7669492083183096","host":"s3://npm-registry-packages"}},"11.0.0-next.15":{"name":"@emotion/native","version":"11.0.0-next.15","keywords":["styles","emotion","react","css","css-in-js","native"],"license":"MIT","_id":"@emotion/native@11.0.0-next.15","maintainers":[{"name":"emotion-release-bot","email":"mitchell+emotion-release-bot@hamil.town"},{"name":"mitchellhamilton","email":"mitchell@mitchellhamilton.me"},{"name":"tkh44","email":"kye.hohenberger@gmail.com"}],"homepage":"https://emotion.sh","bugs":{"url":"https://github.com/emotion-js/emotion/issues"},"dist":{"shasum":"17e56e7d0cc96633268a79daaa0665f559955550","tarball":"https://registry.npmjs.org/@emotion/native/-/native-11.0.0-next.15.tgz","fileCount":15,"integrity":"sha512-ofJAlwIn9GI+s3MSNnTtaZUZCqBcR34yF6+u194BFvA0qvxvNKNyABaPoY/s8PQwmZlO245KzGUKG7B7Hk2nCw==","signatures":[{"sig":"MEQCIC367ltem/wfjoQgN7wncOqTaIWEw4JnKzZXub/is1EFAiAL5Zoj7Bmu91KtKLZHo0XRQPK2P2edS9nK3SITlld91w==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":30464,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfO9Q2CRA9TVsSAnZWagAAMGgP/AnxoEve9lx3uPPt3gKO\nlK6Aa+K90mNmda1pOaDI52E3CpYKO/nFgWM/W7xGjxhctzLHTtw1usYOdLol\nmCmLtGV0KbMpyk/fui8VW5xJ2kpwaQ/X/PIdbxML74X+WUpPxC9BX4sQvGkk\nv4nO+POA9siduqCPe3rEgbDFzlNML7vqgjKT5Ohzsgv4GR2X9fq8a7jAZFGU\nzv01uyNSJ9GxHXAxbPJNuM/9YWbhIMLpN3C4mAyowqAyfUSbrUgqpon+hMEB\nMjirE/D843Y6EaqVYMHnOVQILNa+DrrWsoBakUJXY27QIXWFH9nMZ4LUpDj5\nEj9iPxUcU8ZFwt0zkJr+gqhT5+CTM5Gq6G061cBX2C4xaeyNEQ8bPR4qQSNO\nv05X1TMYzINdr3JPGfrWRTqiHFhIovbE2yFALRao1PP9GHoiYANyRQ4cK2SS\npMj4tY6ibN4EeZ3iHcyfzz6f6Ex92vEfnpCpAUoc7VxTRZnckkbtUVUzThnn\nIkUQe1MMIerR9Cm76JvW/is2hOfF5vpNNE6D2dp6jmO+BQF/pqFn4qT/kRA2\n5JmC3te5IF1MnqvnQyY5PHKxP0RlRjIWNL8Wdsnm3HPHK8e5sRzJxf1JKgAX\naFK2DuMlbPesv4tKN4rW3TP5sK3taQbwr4y/crN6U7/e/FWy/c7tn33STXNM\n3uyZ\r\n=XL+x\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/native.cjs.js","types":"types/index.d.ts","module":"dist/native.esm.js","readme":"# @emotion/native\n\n> Style and render React Native components using emotion\n\n## Install\n\n```\nnpm install @emotion/react @emotion/native\n```\n\nor if you use yarn\n\n```\nyarn add @emotion/react @emotion/native\n```\n\nThis package also depends on `react`, `react-native` and `prop-types` so make sure you've them installed.\n\n## Example\n\n```js\nimport React from 'react'\nimport { AppRegistry } from 'react-native'\nimport styled, { css } from '@emotion/native'\n\nconst Container = styled.View`\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  margin: 50px;\n`\n\nconst Description = styled.Text({\n  color: 'hotpink'\n})\n\nconst Image = styled.Image`\n  padding: 40px;\n`\n\nconst emotionLogo =\n  'https://cdn.rawgit.com/emotion-js/emotion/master/emotion.png'\n\nclass App extends React.Component {\n  render() {\n    return (\n      <Container\n        style={css`\n          border-radius: 10px;\n        `}\n      >\n        <Description style={{ fontSize: 45, fontWeight: 'bold' }}>\n          Emotion Primitives\n        </Description>\n        <Image\n          source={{\n            uri: emotionLogo,\n            height: 150,\n            width: 150\n          }}\n        />\n      </Container>\n    )\n  }\n}\n\nAppRegistry.registerComponent('ExampleApp', () => App)\n```\n\n## Theming\n\nUse `@emotion/react` for theming support.\n\n```js\nimport React from 'react'\nimport styled, { css } from '@emotion/native'\nimport { ThemeProvider } from '@emotion/react'\n\nconst theme = {\n  color: 'hotpink',\n  backgroundColor: 'purple'\n}\n\nconst Container = styled.View`\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  margin: 50px;\n  border: 5px solid red;\n  background-color: ${props => props.theme.backgroundColor};\n`\n\nconst Description = styled.Text({\n  color: 'hotpink'\n})\n\nconst Image = styled.Image`\n  padding: 40px;\n`\n\nconst emotionLogo =\n  'https://cdn.rawgit.com/emotion-js/emotion/master/emotion.png'\n\nclass App extends React.Component {\n  render() {\n    return (\n      <ThemeProvider theme={theme}>\n        <Container\n          style={css`\n            border-radius: 10px;\n          `}\n        >\n          <Description style={{ fontSize: 45, fontWeight: 'bold' }}>\n            Emotion Primitives\n          </Description>\n          <Image\n            source={{\n              uri: emotionLogo,\n              height: 150,\n              width: 150\n            }}\n          />\n        </Container>\n      </ThemeProvider>\n    )\n  }\n}\n```\n\n## Gotchas\n\n- Note that the `flex` property works like CSS shorthand, and not the legacy `flex` property in React Native. Setting `flex: 1` sets `flexShrink` to `1` in addition to setting `flexGrow` to `1` and `flexBasis` to `0`.\n\n## Usage with `react-360`\n\n`@emotion/native` can also be used with `react-360` for styling VR applications. Check out [this](https://facebook.github.io/react-360/docs/setup.html) guide for setting up a `react-360` project.\n\n### Example\n\n```js\nimport React from 'react'\nimport { AppRegistry, StyleSheet, Text, View } from 'react-360'\nimport styled from '@emotion/native'\n\nconst StyledName = styled.Text`\n  font-size: 40px;\n  color: hotpink;\n`\n\nexport default class App extends React.Component {\n  render() {\n    return (\n      <View style={styles.panel}>\n        <View style={styles.greetingBox}>\n          <StyledName>Emotion Native</StyledName>\n        </View>\n      </View>\n    )\n  }\n}\n\nconst styles = StyleSheet.create({\n  panel: {\n    // Fill the entire surface\n    width: 1000,\n    height: 600,\n    backgroundColor: 'rgba(255, 255, 255, 0.4)',\n    justifyContent: 'center',\n    alignItems: 'center'\n  },\n  greetingBox: {\n    padding: 20,\n    backgroundColor: '#000000',\n    borderColor: '#639dda',\n    borderWidth: 2\n  },\n  greeting: {\n    fontSize: 30\n  }\n})\n\nAppRegistry.registerComponent('App', () => App)\n```\n","browser":{"./dist/native.cjs.js":"./dist/native.browser.cjs.js","./dist/native.esm.js":"./dist/native.browser.esm.js"},"scripts":{"test:typescript":"dtslint types"},"_npmUser":{"name":"emotion-release-bot","email":"mitchell+emotion-release-bot@hamil.town"},"repository":{"url":"https://github.com/emotion-js/emotion/tree/master/packages/native","type":"git"},"_npmVersion":"6.10.2","description":"Style and render React Native components using emotion","directories":{},"_nodeVersion":"10.22.0","dependencies":{"@emotion/primitives-core":"11.0.0-next.15"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^16.11.0","dtslint":"^0.3.0","@babel/core":"^7.7.2","react-native":"^0.61.5","@types/react-native":"^0.63.2"},"peerDependencies":{"@babel/core":"^7.0.0","react-native":">=0.14.0 <1"},"peerDependenciesMeta":{"@babel/core":{"optional":true}},"_npmOperationalInternal":{"tmp":"tmp/native_11.0.0-next.15_1597756469785_0.6057686365214117","host":"s3://npm-registry-packages"}},"11.0.0-next.16":{"name":"@emotion/native","version":"11.0.0-next.16","keywords":["styles","emotion","react","css","css-in-js","native"],"license":"MIT","_id":"@emotion/native@11.0.0-next.16","maintainers":[{"name":"emotion-release-bot","email":"mitchell+emotion-release-bot@hamil.town"},{"name":"tkh44","email":"kye.hohenberger@gmail.com"},{"name":"mitchellhamilton","email":"mitchell@mitchellhamilton.me"}],"homepage":"https://emotion.sh","bugs":{"url":"https://github.com/emotion-js/emotion/issues"},"dist":{"shasum":"7b44000e82e9ca29b34443dbfb009873bb722657","tarball":"https://registry.npmjs.org/@emotion/native/-/native-11.0.0-next.16.tgz","fileCount":15,"integrity":"sha512-uhHUd04so2oh4E/Laj9gi8aDV6aOd14r2u3jGGW9xLrVITmwiBahEiH8I4Xr3AraVYMzK6yZBn76Q0IWBgKUCw==","signatures":[{"sig":"MEUCIF3DbsdFo3lgYE1G6MNXGSVNP66H/o0SmYBpyDe4RvHdAiEAoXUOm1Xu1dOHJ9D08TXBTUpsCHQA9ILhQdXlLJX+S2o=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":30574,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfV2w8CRA9TVsSAnZWagAAwx8QAKAlANw/m2UBOhwYrwaI\nSvog2jmyzRFiYf6sqlkjgsNYHHEL8U3Z7yJiQEoqrfPajwnf7nqGQU1h4JSh\nA7LfzbFeV2O4+z7ApeTgVUMENFuvsEU2rKCZgjV6sWVqWPnqMRIbtgBLeBxW\n8QyFUNNmOSdScJEJQVur1eeDht1K3sWZm5ho2uetXJvzDJLTgrD4G1bOo4eh\n9yzi38T/ZLHqxL3hgY1EvPDiCDB2JwUjXIhmA3FRM8QpZxCWCuqcZXgZD8v1\n3e5c8FqIzPRQP3wm+OpKRdBbkdLK9OXdnUPw5zaPT/H8pHoy8xlEIv6IAkr7\nIe5HYAJEHE5pPZvqJnsNrqArQQgxdiK1l7aWEj81OYbggekkZwfhbX/SHV5S\nihXiN/Hw1OrEmgYk9FSvvOkoGpVEweS0/3MUtUuqDj2WoZdRETba6543A5Ay\ni49v9YSuT+rUWcOhq/b+1pP9e8zM4IUEGWVZOaYos8KAhN5GsAuxEuJuPsQg\nTQ//gHUDhwUZNES6FgA8oGWlivCufdjZcIYiGqY7e4Eo2Tjzn/0CnP0nER0d\nkc1BjiZHENSgIGuaJCAijhddxn23MnLAI599XYyRa7PSxYxh0cV6C7T/8Ftu\nuu8Jb5x7K/TgP5vvpG1UuYnZwsdCSxGlEWedYVL3HfO3GQClVQAJVahADha8\np/6l\r\n=Jh54\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/native.cjs.js","types":"types/index.d.ts","module":"dist/native.esm.js","readme":"# @emotion/native\n\n> Style and render React Native components using emotion\n\n## Install\n\n```\nnpm install @emotion/react @emotion/native\n```\n\nor if you use yarn\n\n```\nyarn add @emotion/react @emotion/native\n```\n\nThis package also depends on `react`, `react-native` and `prop-types` so make sure you've them installed.\n\n## Example\n\n```js\nimport React from 'react'\nimport { AppRegistry } from 'react-native'\nimport styled, { css } from '@emotion/native'\n\nconst Container = styled.View`\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  margin: 50px;\n`\n\nconst Description = styled.Text({\n  color: 'hotpink'\n})\n\nconst Image = styled.Image`\n  padding: 40px;\n`\n\nconst emotionLogo =\n  'https://cdn.rawgit.com/emotion-js/emotion/master/emotion.png'\n\nclass App extends React.Component {\n  render() {\n    return (\n      <Container\n        style={css`\n          border-radius: 10px;\n        `}\n      >\n        <Description style={{ fontSize: 45, fontWeight: 'bold' }}>\n          Emotion Primitives\n        </Description>\n        <Image\n          source={{\n            uri: emotionLogo,\n            height: 150,\n            width: 150\n          }}\n        />\n      </Container>\n    )\n  }\n}\n\nAppRegistry.registerComponent('ExampleApp', () => App)\n```\n\n## Theming\n\nUse `@emotion/react` for theming support.\n\n```js\nimport React from 'react'\nimport styled, { css } from '@emotion/native'\nimport { ThemeProvider } from '@emotion/react'\n\nconst theme = {\n  color: 'hotpink',\n  backgroundColor: 'purple'\n}\n\nconst Container = styled.View`\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  margin: 50px;\n  border: 5px solid red;\n  background-color: ${props => props.theme.backgroundColor};\n`\n\nconst Description = styled.Text({\n  color: 'hotpink'\n})\n\nconst Image = styled.Image`\n  padding: 40px;\n`\n\nconst emotionLogo =\n  'https://cdn.rawgit.com/emotion-js/emotion/master/emotion.png'\n\nclass App extends React.Component {\n  render() {\n    return (\n      <ThemeProvider theme={theme}>\n        <Container\n          style={css`\n            border-radius: 10px;\n          `}\n        >\n          <Description style={{ fontSize: 45, fontWeight: 'bold' }}>\n            Emotion Primitives\n          </Description>\n          <Image\n            source={{\n              uri: emotionLogo,\n              height: 150,\n              width: 150\n            }}\n          />\n        </Container>\n      </ThemeProvider>\n    )\n  }\n}\n```\n\n## Gotchas\n\n- Note that the `flex` property works like CSS shorthand, and not the legacy `flex` property in React Native. Setting `flex: 1` sets `flexShrink` to `1` in addition to setting `flexGrow` to `1` and `flexBasis` to `0`.\n\n## Usage with `react-360`\n\n`@emotion/native` can also be used with `react-360` for styling VR applications. Check out [this](https://facebook.github.io/react-360/docs/setup.html) guide for setting up a `react-360` project.\n\n### Example\n\n```js\nimport React from 'react'\nimport { AppRegistry, StyleSheet, Text, View } from 'react-360'\nimport styled from '@emotion/native'\n\nconst StyledName = styled.Text`\n  font-size: 40px;\n  color: hotpink;\n`\n\nexport default class App extends React.Component {\n  render() {\n    return (\n      <View style={styles.panel}>\n        <View style={styles.greetingBox}>\n          <StyledName>Emotion Native</StyledName>\n        </View>\n      </View>\n    )\n  }\n}\n\nconst styles = StyleSheet.create({\n  panel: {\n    // Fill the entire surface\n    width: 1000,\n    height: 600,\n    backgroundColor: 'rgba(255, 255, 255, 0.4)',\n    justifyContent: 'center',\n    alignItems: 'center'\n  },\n  greetingBox: {\n    padding: 20,\n    backgroundColor: '#000000',\n    borderColor: '#639dda',\n    borderWidth: 2\n  },\n  greeting: {\n    fontSize: 30\n  }\n})\n\nAppRegistry.registerComponent('App', () => App)\n```\n","browser":{"./dist/native.cjs.js":"./dist/native.browser.cjs.js","./dist/native.esm.js":"./dist/native.browser.esm.js"},"scripts":{"test:typescript":"dtslint types"},"_npmUser":{"name":"emotion-release-bot","email":"mitchell+emotion-release-bot@hamil.town"},"repository":{"url":"https://github.com/emotion-js/emotion/tree/master/packages/native","type":"git"},"_npmVersion":"6.10.2","description":"Style and render React Native components using emotion","directories":{},"_nodeVersion":"10.22.0","dependencies":{"@emotion/primitives-core":"11.0.0-next.16"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^16.11.0","dtslint":"^0.3.0","@babel/core":"^7.7.2","react-native":"^0.61.5","@types/react-native":"^0.63.2"},"peerDependencies":{"@babel/core":"^7.0.0","react-native":">=0.14.0 <1"},"peerDependenciesMeta":{"@babel/core":{"optional":true}},"_npmOperationalInternal":{"tmp":"tmp/native_11.0.0-next.16_1599564859749_0.4209669209730518","host":"s3://npm-registry-packages"}},"11.0.0-next.17":{"name":"@emotion/native","version":"11.0.0-next.17","keywords":["styles","emotion","react","css","css-in-js","native"],"license":"MIT","_id":"@emotion/native@11.0.0-next.17","maintainers":[{"name":"emotion-release-bot","email":"mitchell+emotion-release-bot@hamil.town"},{"name":"tkh44","email":"kye.hohenberger@gmail.com"},{"name":"mitchellhamilton","email":"mitchell@mitchellhamilton.me"}],"homepage":"https://emotion.sh","bugs":{"url":"https://github.com/emotion-js/emotion/issues"},"dist":{"shasum":"e2463d337c78490b439f72d1da4b0a468f868957","tarball":"https://registry.npmjs.org/@emotion/native/-/native-11.0.0-next.17.tgz","fileCount":15,"integrity":"sha512-wyw0nnj/MYekjTnawIqjEAnpWRmiA53rdthN3kSXVXdL+TIDKV2wDKO8vk3DjJUsIpdia3YrDlSlIuNI8kLcyw==","signatures":[{"sig":"MEUCIDachQm+tmdnBiSLuvd087WRFSh9C7Wnr5mDSr7QIgPuAiEAoSqtCfd8PJwmgPYC5FjXaOzExR0duYaLRRF4mAR+Al8=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":32365,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfWLRJCRA9TVsSAnZWagAAFsMP/iMjtz6+ipmzHQ7R5kc2\nRFUYRpziHFsv6jX9jd6RDU43zaYh+LhpyEdogM7Jjul6JW4PV3tFGo1B0AjG\njwhavi4GxSDobnyvI1SV/FQJfjmjaL3gm8OSGARqqrcDuDveQHtBDg9kVL7Q\naTysU/f2gYt9mttd4eciziHwsgM2r+s6vYtFjwLd0OMUevxEMAz1SEBvLwp5\ntrUfbkdmE7FT6rkjieRYj2OatP0RMgQCgkCcvcZR/dPhLQGt/fkOCybWK3Ij\nfUexXSIk84AsiX+nCWDpgLcg271wzWDtD/M+mjFvzi/QOrN0mA5/PydpESHP\nWN3qBJJzMnwWZx8gFdgnFGSNQijVvhQAOMQ7wDFsVTn9uI59VBBlTQH9gN0n\n/lcYQI4HxLBgKefsauQ+qE5c8a+i1f2kJQ2v48Vh0AU5u5zdsd6hwHwloRYU\n61cSzH5s/vOKxhM2HHbe4sZGMPfw9KYZsd7sowx+0aUqEDmI8rYySOERYPW2\nkNw9nRxq3cHMayqt6+G21UdJnnqsJ9rYWpRGMlkH99erjWOBqluCJLv1fISE\nni8BBJ71zDCXcB5QvJBwtckVIARrgd7JIkL+K4aZORmutmmB/SEiRQ22Y3E9\nyfH3JDfSp+/WjpH5tAjdJW3PAJu5/597sk52ePzW7/AjHEubJvseumn2l27B\nxqH/\r\n=XQXu\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/native.cjs.js","types":"types/index.d.ts","module":"dist/native.esm.js","readme":"# @emotion/native\n\n> Style and render React Native components using emotion\n\n## Install\n\n```\nnpm install @emotion/react @emotion/native\n```\n\nor if you use yarn\n\n```\nyarn add @emotion/react @emotion/native\n```\n\nThis package also depends on `react`, `react-native` and `prop-types` so make sure you've them installed.\n\n## Example\n\n```js\nimport React from 'react'\nimport { AppRegistry } from 'react-native'\nimport styled, { css } from '@emotion/native'\n\nconst Container = styled.View`\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  margin: 50px;\n`\n\nconst Description = styled.Text({\n  color: 'hotpink'\n})\n\nconst Image = styled.Image`\n  padding: 40px;\n`\n\nconst emotionLogo =\n  'https://cdn.rawgit.com/emotion-js/emotion/master/emotion.png'\n\nclass App extends React.Component {\n  render() {\n    return (\n      <Container\n        style={css`\n          border-radius: 10px;\n        `}\n      >\n        <Description style={{ fontSize: 45, fontWeight: 'bold' }}>\n          Emotion Primitives\n        </Description>\n        <Image\n          source={{\n            uri: emotionLogo,\n            height: 150,\n            width: 150\n          }}\n        />\n      </Container>\n    )\n  }\n}\n\nAppRegistry.registerComponent('ExampleApp', () => App)\n```\n\n## Theming\n\nUse `@emotion/react` for theming support.\n\n```js\nimport React from 'react'\nimport styled, { css } from '@emotion/native'\nimport { ThemeProvider } from '@emotion/react'\n\nconst theme = {\n  color: 'hotpink',\n  backgroundColor: 'purple'\n}\n\nconst Container = styled.View`\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  margin: 50px;\n  border: 5px solid red;\n  background-color: ${props => props.theme.backgroundColor};\n`\n\nconst Description = styled.Text({\n  color: 'hotpink'\n})\n\nconst Image = styled.Image`\n  padding: 40px;\n`\n\nconst emotionLogo =\n  'https://cdn.rawgit.com/emotion-js/emotion/master/emotion.png'\n\nclass App extends React.Component {\n  render() {\n    return (\n      <ThemeProvider theme={theme}>\n        <Container\n          style={css`\n            border-radius: 10px;\n          `}\n        >\n          <Description style={{ fontSize: 45, fontWeight: 'bold' }}>\n            Emotion Primitives\n          </Description>\n          <Image\n            source={{\n              uri: emotionLogo,\n              height: 150,\n              width: 150\n            }}\n          />\n        </Container>\n      </ThemeProvider>\n    )\n  }\n}\n```\n\n## Gotchas\n\n- Note that the `flex` property works like CSS shorthand, and not the legacy `flex` property in React Native. Setting `flex: 1` sets `flexShrink` to `1` in addition to setting `flexGrow` to `1` and `flexBasis` to `0`.\n\n## Usage with `react-360`\n\n`@emotion/native` can also be used with `react-360` for styling VR applications. Check out [this](https://facebook.github.io/react-360/docs/setup.html) guide for setting up a `react-360` project.\n\n### Example\n\n```js\nimport React from 'react'\nimport { AppRegistry, StyleSheet, Text, View } from 'react-360'\nimport styled from '@emotion/native'\n\nconst StyledName = styled.Text`\n  font-size: 40px;\n  color: hotpink;\n`\n\nexport default class App extends React.Component {\n  render() {\n    return (\n      <View style={styles.panel}>\n        <View style={styles.greetingBox}>\n          <StyledName>Emotion Native</StyledName>\n        </View>\n      </View>\n    )\n  }\n}\n\nconst styles = StyleSheet.create({\n  panel: {\n    // Fill the entire surface\n    width: 1000,\n    height: 600,\n    backgroundColor: 'rgba(255, 255, 255, 0.4)',\n    justifyContent: 'center',\n    alignItems: 'center'\n  },\n  greetingBox: {\n    padding: 20,\n    backgroundColor: '#000000',\n    borderColor: '#639dda',\n    borderWidth: 2\n  },\n  greeting: {\n    fontSize: 30\n  }\n})\n\nAppRegistry.registerComponent('App', () => App)\n```\n","browser":{"./dist/native.cjs.js":"./dist/native.browser.cjs.js","./dist/native.esm.js":"./dist/native.browser.esm.js"},"scripts":{"test:typescript":"dtslint types"},"_npmUser":{"name":"emotion-release-bot","email":"mitchell+emotion-release-bot@hamil.town"},"repository":{"url":"https://github.com/emotion-js/emotion/tree/master/packages/native","type":"git"},"_npmVersion":"6.10.2","description":"Style and render React Native components using emotion","directories":{},"_nodeVersion":"10.22.0","dependencies":{"@emotion/primitives-core":"11.0.0-next.17"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^16.11.0","dtslint":"^0.3.0","@babel/core":"^7.7.2","react-native":"^0.61.5","@types/react-native":"^0.63.2"},"peerDependencies":{"@babel/core":"^7.0.0","react-native":">=0.14.0 <1"},"peerDependenciesMeta":{"@babel/core":{"optional":true}},"_npmOperationalInternal":{"tmp":"tmp/native_11.0.0-next.17_1599648840731_0.16043292943417864","host":"s3://npm-registry-packages"}},"11.0.0-next.18":{"name":"@emotion/native","version":"11.0.0-next.18","keywords":["styles","emotion","react","css","css-in-js","native"],"license":"MIT","_id":"@emotion/native@11.0.0-next.18","maintainers":[{"name":"emotion-release-bot","email":"mitchell+emotion-release-bot@hamil.town"},{"name":"tkh44","email":"kye.hohenberger@gmail.com"},{"name":"mitchellhamilton","email":"mitchell@mitchellhamilton.me"}],"homepage":"https://emotion.sh","bugs":{"url":"https://github.com/emotion-js/emotion/issues"},"dist":{"shasum":"f8e2a681a8d5864f6cf42bbacc11c9aa912b5a97","tarball":"https://registry.npmjs.org/@emotion/native/-/native-11.0.0-next.18.tgz","fileCount":15,"integrity":"sha512-/3TWv7F6fZOUQ8ysY2Vc/wi4RokGfNB4Ik/FaSccrAIP22CBCzRzrWFl65BEC7PGB1Tmk3ynscB5mxpk5gYDBw==","signatures":[{"sig":"MEQCIGAevKH2LMrbBCgHMqm+TkHtC1/hmiRD20wqudBNdkKbAiBvPoNUP7ki1VqP6zk19nh9CDik+9mSPRFFROdyHBh1DA==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":34088,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfZ023CRA9TVsSAnZWagAAQ68QAI4vYxo6dzAhvIwE3VGz\naNGo/Ugs8lC2o6w1Q8HBOI17UBfmVO4hbu4D8oHZ/AYTFlYb2zaYuysXw4q3\n6S8MsCBG1U+IMPoP5jbg5TyjXx0BEiwnjB+MzbLE5Nbyf15pDINbnviI1fEN\n2h6fyyPTF5ESwOjLRR5pASIbFFPTWPuQUqP7gnkhLZANDx9crzPXsG4Fexxb\nAPDUbBQH6MBbhutYqgb7RDOuYISCPWf9Y7V16DkbAi4AM1nQDMtO7pysSEh+\nZXpf1LJGNb72L9mYIMrPLWzEtIJESW4sQWzGyLZHjOBWd1rNQ/JGMlVRTjFY\njQk+v3g4XIq19GC2u1gdElnwtWkwYhC+FWxXYSsfzdGKtUQmYDTwcL2J09d9\n6E2WWzQ9TqRVQxeVPfeFN9TbzOyA8Q3tooxaM/AcVzu2AlB+/RsJjBQm7DtN\n8o/7H4QEJLXwHvtwzpQt7+Y7au0R+glboRgfoOyGqfBCAVlNvc2cq7lBf2Nf\n3znoIEjJ7EyooRAnmTrcFZGyblLAagDfrcGSafOq3kSYQ1Cu+O5ARxrN/CZY\nd8X4XXTzCrGv4Y/Sc8kt7b5Vd51u5MY6RrpftU8pP7fl/PjM7+AUQ/lkJY5H\n3UTg7u1Yyi8UU/VWcn472OZD7Z6FSQjE4uw/ftnXodJBhRplwX0kPxlBm3S2\nJLU7\r\n=TZmf\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/native.cjs.js","types":"types/index.d.ts","module":"dist/native.esm.js","readme":"# @emotion/native\n\n> Style and render React Native components using emotion\n\n## Install\n\n```\nnpm install @emotion/react @emotion/native\n```\n\nor if you use yarn\n\n```\nyarn add @emotion/react @emotion/native\n```\n\nThis package also depends on `react`, `react-native` and `prop-types` so make sure you've them installed.\n\n## Example\n\n```js\nimport React from 'react'\nimport { AppRegistry } from 'react-native'\nimport styled, { css } from '@emotion/native'\n\nconst Container = styled.View`\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  margin: 50px;\n`\n\nconst Description = styled.Text({\n  color: 'hotpink'\n})\n\nconst Image = styled.Image`\n  padding: 40px;\n`\n\nconst emotionLogo =\n  'https://cdn.rawgit.com/emotion-js/emotion/master/emotion.png'\n\nclass App extends React.Component {\n  render() {\n    return (\n      <Container\n        style={css`\n          border-radius: 10px;\n        `}\n      >\n        <Description style={{ fontSize: 45, fontWeight: 'bold' }}>\n          Emotion Primitives\n        </Description>\n        <Image\n          source={{\n            uri: emotionLogo,\n            height: 150,\n            width: 150\n          }}\n        />\n      </Container>\n    )\n  }\n}\n\nAppRegistry.registerComponent('ExampleApp', () => App)\n```\n\n## Theming\n\nUse `@emotion/react` for theming support.\n\n```js\nimport React from 'react'\nimport styled, { css } from '@emotion/native'\nimport { ThemeProvider } from '@emotion/react'\n\nconst theme = {\n  color: 'hotpink',\n  backgroundColor: 'purple'\n}\n\nconst Container = styled.View`\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  margin: 50px;\n  border: 5px solid red;\n  background-color: ${props => props.theme.backgroundColor};\n`\n\nconst Description = styled.Text({\n  color: 'hotpink'\n})\n\nconst Image = styled.Image`\n  padding: 40px;\n`\n\nconst emotionLogo =\n  'https://cdn.rawgit.com/emotion-js/emotion/master/emotion.png'\n\nclass App extends React.Component {\n  render() {\n    return (\n      <ThemeProvider theme={theme}>\n        <Container\n          style={css`\n            border-radius: 10px;\n          `}\n        >\n          <Description style={{ fontSize: 45, fontWeight: 'bold' }}>\n            Emotion Primitives\n          </Description>\n          <Image\n            source={{\n              uri: emotionLogo,\n              height: 150,\n              width: 150\n            }}\n          />\n        </Container>\n      </ThemeProvider>\n    )\n  }\n}\n```\n\n## Gotchas\n\n- Note that the `flex` property works like CSS shorthand, and not the legacy `flex` property in React Native. Setting `flex: 1` sets `flexShrink` to `1` in addition to setting `flexGrow` to `1` and `flexBasis` to `0`.\n\n## Usage with `react-360`\n\n`@emotion/native` can also be used with `react-360` for styling VR applications. Check out [this](https://facebook.github.io/react-360/docs/setup.html) guide for setting up a `react-360` project.\n\n### Example\n\n```js\nimport React from 'react'\nimport { AppRegistry, StyleSheet, Text, View } from 'react-360'\nimport styled from '@emotion/native'\n\nconst StyledName = styled.Text`\n  font-size: 40px;\n  color: hotpink;\n`\n\nexport default class App extends React.Component {\n  render() {\n    return (\n      <View style={styles.panel}>\n        <View style={styles.greetingBox}>\n          <StyledName>Emotion Native</StyledName>\n        </View>\n      </View>\n    )\n  }\n}\n\nconst styles = StyleSheet.create({\n  panel: {\n    // Fill the entire surface\n    width: 1000,\n    height: 600,\n    backgroundColor: 'rgba(255, 255, 255, 0.4)',\n    justifyContent: 'center',\n    alignItems: 'center'\n  },\n  greetingBox: {\n    padding: 20,\n    backgroundColor: '#000000',\n    borderColor: '#639dda',\n    borderWidth: 2\n  },\n  greeting: {\n    fontSize: 30\n  }\n})\n\nAppRegistry.registerComponent('App', () => App)\n```\n","browser":{"./dist/native.cjs.js":"./dist/native.browser.cjs.js","./dist/native.esm.js":"./dist/native.browser.esm.js"},"scripts":{"test:typescript":"dtslint types"},"_npmUser":{"name":"emotion-release-bot","email":"mitchell+emotion-release-bot@hamil.town"},"repository":{"url":"https://github.com/emotion-js/emotion/tree/master/packages/native","type":"git"},"_npmVersion":"6.10.2","description":"Style and render React Native components using emotion","directories":{},"_nodeVersion":"10.22.0","dependencies":{"@emotion/primitives-core":"11.0.0-next.18"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^16.11.0","dtslint":"^0.3.0","@babel/core":"^7.7.2","react-native":"^0.63.2","@types/react-native":"^0.63.2"},"peerDependencies":{"@babel/core":"^7.0.0","react-native":">=0.14.0 <1"},"peerDependenciesMeta":{"@babel/core":{"optional":true}},"_npmOperationalInternal":{"tmp":"tmp/native_11.0.0-next.18_1600605623494_0.3294074911842588","host":"s3://npm-registry-packages"}},"11.0.0-next.19":{"name":"@emotion/native","version":"11.0.0-next.19","keywords":["styles","emotion","react","css","css-in-js","native"],"license":"MIT","_id":"@emotion/native@11.0.0-next.19","maintainers":[{"name":"emotion-release-bot","email":"mitchell+emotion-release-bot@hamil.town"},{"name":"tkh44","email":"kye.hohenberger@gmail.com"},{"name":"mitchellhamilton","email":"mitchell@mitchellhamilton.me"}],"homepage":"https://emotion.sh","bugs":{"url":"https://github.com/emotion-js/emotion/issues"},"dist":{"shasum":"02098b4a162a03f9c709633049d545827515f426","tarball":"https://registry.npmjs.org/@emotion/native/-/native-11.0.0-next.19.tgz","fileCount":15,"integrity":"sha512-v07qAls7FxRRU7OqCvQGxA+kBN+RFoLNfQqj+8l/yAr/k9dn3EzRsEsjVOuidAcXKQEnO4w5bXNgQnESst3mfQ==","signatures":[{"sig":"MEYCIQD4wYQR9c8jt0k7lSkHxjeHYk9Add+1HvmGoXjaGwBrZwIhAK+t18qahYv00mYMeTBTHwOBuj2ErHw/KiL4vskme1IE","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":34198,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfeBm0CRA9TVsSAnZWagAAEboP/ie9YT+vbvzKSteh8v28\nI3ybXBYGWB4LJ2U235KBMEOoI2TKgKC5xrqOdj/tmaI9Njx33pCi9RZgyoXp\ne/hGWYJIAPWZHekzBOyw2Gh/xU/YPKbtdRRRCFMRqjCN9J7f/NCdqBTh99Hp\nVtngRGgWa2hiP4eMpn0O7d1BxbVB4AuZnO6NXTuxPpGCvU9+kYFcZgJyrNZF\nWH0WBhBmxxEKS9KlSn8+R5tjsvucviBMKnLdbBhSg5wp/Qc/5eM791qj4Oky\nxU1vcSNbz2v8UDZigDrsaLGYAyrJ92JX2ma7HUd4r/9ycJMkeQdPXh1ksxCn\nX0/PHK5IsQGJG0XoQTAEjPHRt7AzAW4qhxohlqtyGF6csgdHxCllPNYSjafn\nvjH8hOUHPRxLJf7/hsqk9W4l2rArwswGi3tY5qHNQt8JkZ80XTSCqbbbu/Ig\n3am3Af21kiwd5CRAZbmpaJ4VaB46GWY68xMTTtgE4dyxTnS8zUY9S6zWxfDm\niMe0P/x3hhUs10z1J208+8vId7hCbiz2GcqdglFAqhra43HbaN4p6BdFEX7V\nKw1AsjSiauZRihZtt1NByjIDCoU7W/lloVg5LJyFCV6mg2I7wfbk6RxSRH2w\n1sVU1sF3T+49HubgzyUl0g7MLFO3BwdBBnfOAU/mxHE1qf3rsNSficur/2qD\nrnyB\r\n=xEzP\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/native.cjs.js","types":"types/index.d.ts","module":"dist/native.esm.js","readme":"# @emotion/native\n\n> Style and render React Native components using emotion\n\n## Install\n\n```\nnpm install @emotion/react @emotion/native\n```\n\nor if you use yarn\n\n```\nyarn add @emotion/react @emotion/native\n```\n\nThis package also depends on `react`, `react-native` and `prop-types` so make sure you've them installed.\n\n## Example\n\n```js\nimport React from 'react'\nimport { AppRegistry } from 'react-native'\nimport styled, { css } from '@emotion/native'\n\nconst Container = styled.View`\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  margin: 50px;\n`\n\nconst Description = styled.Text({\n  color: 'hotpink'\n})\n\nconst Image = styled.Image`\n  padding: 40px;\n`\n\nconst emotionLogo =\n  'https://cdn.rawgit.com/emotion-js/emotion/master/emotion.png'\n\nclass App extends React.Component {\n  render() {\n    return (\n      <Container\n        style={css`\n          border-radius: 10px;\n        `}\n      >\n        <Description style={{ fontSize: 45, fontWeight: 'bold' }}>\n          Emotion Primitives\n        </Description>\n        <Image\n          source={{\n            uri: emotionLogo,\n            height: 150,\n            width: 150\n          }}\n        />\n      </Container>\n    )\n  }\n}\n\nAppRegistry.registerComponent('ExampleApp', () => App)\n```\n\n## Theming\n\nUse `@emotion/react` for theming support.\n\n```js\nimport React from 'react'\nimport styled, { css } from '@emotion/native'\nimport { ThemeProvider } from '@emotion/react'\n\nconst theme = {\n  color: 'hotpink',\n  backgroundColor: 'purple'\n}\n\nconst Container = styled.View`\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  margin: 50px;\n  border: 5px solid red;\n  background-color: ${props => props.theme.backgroundColor};\n`\n\nconst Description = styled.Text({\n  color: 'hotpink'\n})\n\nconst Image = styled.Image`\n  padding: 40px;\n`\n\nconst emotionLogo =\n  'https://cdn.rawgit.com/emotion-js/emotion/master/emotion.png'\n\nclass App extends React.Component {\n  render() {\n    return (\n      <ThemeProvider theme={theme}>\n        <Container\n          style={css`\n            border-radius: 10px;\n          `}\n        >\n          <Description style={{ fontSize: 45, fontWeight: 'bold' }}>\n            Emotion Primitives\n          </Description>\n          <Image\n            source={{\n              uri: emotionLogo,\n              height: 150,\n              width: 150\n            }}\n          />\n        </Container>\n      </ThemeProvider>\n    )\n  }\n}\n```\n\n## Gotchas\n\n- Note that the `flex` property works like CSS shorthand, and not the legacy `flex` property in React Native. Setting `flex: 1` sets `flexShrink` to `1` in addition to setting `flexGrow` to `1` and `flexBasis` to `0`.\n\n## Usage with `react-360`\n\n`@emotion/native` can also be used with `react-360` for styling VR applications. Check out [this](https://facebook.github.io/react-360/docs/setup.html) guide for setting up a `react-360` project.\n\n### Example\n\n```js\nimport React from 'react'\nimport { AppRegistry, StyleSheet, Text, View } from 'react-360'\nimport styled from '@emotion/native'\n\nconst StyledName = styled.Text`\n  font-size: 40px;\n  color: hotpink;\n`\n\nexport default class App extends React.Component {\n  render() {\n    return (\n      <View style={styles.panel}>\n        <View style={styles.greetingBox}>\n          <StyledName>Emotion Native</StyledName>\n        </View>\n      </View>\n    )\n  }\n}\n\nconst styles = StyleSheet.create({\n  panel: {\n    // Fill the entire surface\n    width: 1000,\n    height: 600,\n    backgroundColor: 'rgba(255, 255, 255, 0.4)',\n    justifyContent: 'center',\n    alignItems: 'center'\n  },\n  greetingBox: {\n    padding: 20,\n    backgroundColor: '#000000',\n    borderColor: '#639dda',\n    borderWidth: 2\n  },\n  greeting: {\n    fontSize: 30\n  }\n})\n\nAppRegistry.registerComponent('App', () => App)\n```\n","browser":{"./dist/native.cjs.js":"./dist/native.browser.cjs.js","./dist/native.esm.js":"./dist/native.browser.esm.js"},"scripts":{"test:typescript":"dtslint types"},"_npmUser":{"name":"emotion-release-bot","email":"mitchell+emotion-release-bot@hamil.town"},"repository":{"url":"https://github.com/emotion-js/emotion/tree/master/packages/native","type":"git"},"_npmVersion":"6.10.2","description":"Style and render React Native components using emotion","directories":{},"_nodeVersion":"10.22.1","dependencies":{"@emotion/primitives-core":"11.0.0-next.19"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^16.11.0","dtslint":"^0.3.0","@babel/core":"^7.7.2","react-native":"^0.63.2","@types/react-native":"^0.63.2"},"peerDependencies":{"@babel/core":"^7.0.0","react-native":">=0.14.0 <1"},"peerDependenciesMeta":{"@babel/core":{"optional":true}},"_npmOperationalInternal":{"tmp":"tmp/native_11.0.0-next.19_1601706420345_0.7459070813719684","host":"s3://npm-registry-packages"}},"11.0.0-rc.0":{"name":"@emotion/native","version":"11.0.0-rc.0","keywords":["styles","emotion","react","css","css-in-js","native"],"license":"MIT","_id":"@emotion/native@11.0.0-rc.0","maintainers":[{"name":"emotion-release-bot","email":"mitchell+emotion-release-bot@hamil.town"},{"name":"tkh44","email":"kye.hohenberger@gmail.com"},{"name":"mitchellhamilton","email":"mitchell@mitchellhamilton.me"}],"homepage":"https://emotion.sh","bugs":{"url":"https://github.com/emotion-js/emotion/issues"},"dist":{"shasum":"14f7f0552e56528dc75531acb9e6087478ced66a","tarball":"https://registry.npmjs.org/@emotion/native/-/native-11.0.0-rc.0.tgz","fileCount":15,"integrity":"sha512-uq4turiJSnNAmBsQ/CZOCtkaT/J1buLGdiPeW0lrczHADyEjEJYcIqnDA/lEE7GdV5FPMW9IJmIk5/ahP0u7qg==","signatures":[{"sig":"MEQCIHrg50PoslLCUkpyRVjANUiS0zmQ9TQ26UwUFTU5r0koAiANTZD+9kc7l24q8u02EtQKV9/q/9j55zfCsiRbkB1CJQ==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":34653,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfgw48CRA9TVsSAnZWagAAvekP/25d+jWCVxQW4yUQ2B/B\nKfJNkoqFjnkSYGHRzPLdI4YfvMDo1Y5xfiRTgAPQoadZjIFAozDkLd81hxSl\nGkBVwauEtioFrZDyhrTUMlx8pj3gtB8xW1Lo7qYKtjiq1Z/qMrYd6l/Sw4Cj\nkDS5z+lOjhd0W4DAO1BSo2L312U/RmSQofuhgj6vPtSLQN8xEY0wLrA17oCZ\njA3zQGfvcglmVL7uxktejJBPwYzdMTnQJCMq1wxtox+5hIimnAlt9it2fMor\nt7xkaKm6KJtjfUk+96dVC4LKlicRspjXsdZvxZIKSpck/CIdxqTjWgPm+FIi\nO0OEegK4LgxuwmHkEqc8VCIyv+trEjBkXKbxZ+KeDbxBjGIPK48FDv1/xp4P\nj78roiLyMqYJaTjW1ymH+srHNkK3cAkX3VVsWkAH0tjA+ueHmKXncuUNfJPE\nvjqbwe3MuliPyI7MRw8Wdf2faKPG3Fo18cwLTQ30ypt2Gg6zIXxuQD+G0/ZM\nvLJqAV1PKVZN3IEqg5vSd8+EkRhI6yVKkmk4CDKsCaB5YwQF0uTDra8/1JlF\nHbdByfXM6JASToze57Dg/QycuZWfnX+KVN0b7SnTqrkDQ8O9gj4m+LADQ2Rv\nEUgya608jy++nxBtJ5mcINd6Xupcr3Hr8ftYrmge4d+/o1JC/qhvlDu1PRcl\nIopI\r\n=2PsH\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/native.cjs.js","types":"types/index.d.ts","module":"dist/native.esm.js","readme":"# @emotion/native\n\n> Style and render React Native components using emotion\n\n## Install\n\n```\nnpm install @emotion/react @emotion/native\n```\n\nor if you use yarn\n\n```\nyarn add @emotion/react @emotion/native\n```\n\nThis package also depends on `react`, `react-native` and `prop-types` so make sure you've them installed.\n\n## Example\n\n```js\nimport React from 'react'\nimport { AppRegistry } from 'react-native'\nimport styled, { css } from '@emotion/native'\n\nconst Container = styled.View`\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  margin: 50px;\n`\n\nconst Description = styled.Text({\n  color: 'hotpink'\n})\n\nconst Image = styled.Image`\n  padding: 40px;\n`\n\nconst emotionLogo =\n  'https://cdn.rawgit.com/emotion-js/emotion/master/emotion.png'\n\nclass App extends React.Component {\n  render() {\n    return (\n      <Container\n        style={css`\n          border-radius: 10px;\n        `}\n      >\n        <Description style={{ fontSize: 45, fontWeight: 'bold' }}>\n          Emotion Primitives\n        </Description>\n        <Image\n          source={{\n            uri: emotionLogo,\n            height: 150,\n            width: 150\n          }}\n        />\n      </Container>\n    )\n  }\n}\n\nAppRegistry.registerComponent('ExampleApp', () => App)\n```\n\n## Theming\n\nUse `@emotion/react` for theming support.\n\n```js\nimport React from 'react'\nimport styled, { css } from '@emotion/native'\nimport { ThemeProvider } from '@emotion/react'\n\nconst theme = {\n  color: 'hotpink',\n  backgroundColor: 'purple'\n}\n\nconst Container = styled.View`\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  margin: 50px;\n  border: 5px solid red;\n  background-color: ${props => props.theme.backgroundColor};\n`\n\nconst Description = styled.Text({\n  color: 'hotpink'\n})\n\nconst Image = styled.Image`\n  padding: 40px;\n`\n\nconst emotionLogo =\n  'https://cdn.rawgit.com/emotion-js/emotion/master/emotion.png'\n\nclass App extends React.Component {\n  render() {\n    return (\n      <ThemeProvider theme={theme}>\n        <Container\n          style={css`\n            border-radius: 10px;\n          `}\n        >\n          <Description style={{ fontSize: 45, fontWeight: 'bold' }}>\n            Emotion Primitives\n          </Description>\n          <Image\n            source={{\n              uri: emotionLogo,\n              height: 150,\n              width: 150\n            }}\n          />\n        </Container>\n      </ThemeProvider>\n    )\n  }\n}\n```\n\n## Gotchas\n\n- Note that the `flex` property works like CSS shorthand, and not the legacy `flex` property in React Native. Setting `flex: 1` sets `flexShrink` to `1` in addition to setting `flexGrow` to `1` and `flexBasis` to `0`.\n\n## Usage with `react-360`\n\n`@emotion/native` can also be used with `react-360` for styling VR applications. Check out [this](https://facebook.github.io/react-360/docs/setup.html) guide for setting up a `react-360` project.\n\n### Example\n\n```js\nimport React from 'react'\nimport { AppRegistry, StyleSheet, Text, View } from 'react-360'\nimport styled from '@emotion/native'\n\nconst StyledName = styled.Text`\n  font-size: 40px;\n  color: hotpink;\n`\n\nexport default class App extends React.Component {\n  render() {\n    return (\n      <View style={styles.panel}>\n        <View style={styles.greetingBox}>\n          <StyledName>Emotion Native</StyledName>\n        </View>\n      </View>\n    )\n  }\n}\n\nconst styles = StyleSheet.create({\n  panel: {\n    // Fill the entire surface\n    width: 1000,\n    height: 600,\n    backgroundColor: 'rgba(255, 255, 255, 0.4)',\n    justifyContent: 'center',\n    alignItems: 'center'\n  },\n  greetingBox: {\n    padding: 20,\n    backgroundColor: '#000000',\n    borderColor: '#639dda',\n    borderWidth: 2\n  },\n  greeting: {\n    fontSize: 30\n  }\n})\n\nAppRegistry.registerComponent('App', () => App)\n```\n","browser":{"./dist/native.cjs.js":"./dist/native.browser.cjs.js","./dist/native.esm.js":"./dist/native.browser.esm.js"},"scripts":{"test:typescript":"dtslint types"},"_npmUser":{"name":"emotion-release-bot","email":"mitchell+emotion-release-bot@hamil.town"},"repository":{"url":"https://github.com/emotion-js/emotion/tree/master/packages/native","type":"git"},"_npmVersion":"6.10.2","description":"Style and render React Native components using emotion","directories":{},"_nodeVersion":"10.22.1","dependencies":{"@emotion/primitives-core":"^11.0.0-rc.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^16.11.0","dtslint":"^0.3.0","@babel/core":"^7.7.2","react-native":"^0.63.2","@types/react-native":"^0.63.2"},"peerDependencies":{"@babel/core":"^7.0.0","react-native":">=0.14.0 <1"},"peerDependenciesMeta":{"@babel/core":{"optional":true}},"_npmOperationalInternal":{"tmp":"tmp/native_11.0.0-rc.0_1602424372974_0.001023779023521243","host":"s3://npm-registry-packages"}},"11.0.0":{"name":"@emotion/native","version":"11.0.0","keywords":["styles","emotion","react","css","css-in-js","native"],"license":"MIT","_id":"@emotion/native@11.0.0","maintainers":[{"name":"andarist","email":"mateuszburzynski@gmail.com"},{"name":"emotion-release-bot","email":"mitchell+emotion-release-bot@hamil.town"},{"name":"tkh44","email":"kye.hohenberger@gmail.com"},{"name":"mitchellhamilton","email":"mitchell@mitchellhamilton.me"}],"homepage":"https://emotion.sh","bugs":{"url":"https://github.com/emotion-js/emotion/issues"},"dist":{"shasum":"81dbac441b1359a82a3d942a4f3f49d92b51a374","tarball":"https://registry.npmjs.org/@emotion/native/-/native-11.0.0.tgz","fileCount":15,"integrity":"sha512-IByi+OfagLtcQsXZMkS06ztcNMZePg6dqwzM4FIkXjN4PhoeJ/jTDRICT3pTIk3ChuurX2oF8fmE+0bfvYi/SA==","signatures":[{"sig":"MEUCIE6kFfFGMH4iS3raWvtsHVtjcsE8Pae9z7AHN1aTVFAwAiEAxwtx3NidhQNI7XmLzF0ojU0m0otJaD32qG9a1LP6S94=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":38940,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfrIWpCRA9TVsSAnZWagAArKIQAKD4XcXeotRb5NSX13E+\nVpafpxDC/HFbtW/qMO5bRgt3vqFoi21mtDfHjQrSB8DXEg0gzrtQNVMeS/Vn\n1ouKz58vwlPib3aEmGCbtTRRVIP1Md7u6tn9fGJ4/OY3XoUljbta2Vp6yEBE\ndot6XSCZRdk9Th2Z4jtFLjZuGPtBZR8q9t5q91sTy2ERDUB4leoIiOiX7WWf\nG5VrQg2hErTB9dUKxvoA7rGhN3SR/x7PRiayxO8ZPXZPYUM9Ep4Nb8lW7krZ\nY01bZwVzZE6UFOrsmLkgveY3R2TH3QmKUPu8gc/yLIRLj3/IgRgaQI4T2QHw\nmx1APa+JI/16pHfdvH1m/sOJ7G4AFciY3/U7mHeI6tWdH6zpfTDkF9sRJhtf\nE9kc9R6GXYi21LiW4yjdLqLXlUS93hGNt+giY6bXQuwouTIHyeRrs7fGf7TA\nflmWzOwBRwiO9VdptIANKYpF22VOzhwbBwUfFo26uE0QGUqC3sFSCbZ0Vivx\nMul5IwcQOJ4qTFUB0bh/A4jUeP4chEZm94cLBXGhaIV3hBm6nusk1XTtpTaW\nR+ikMlB9FF/5km/MLPeD67JZdlG+CwawAmYtttJRMQukvVamc1ixXv+DJH3g\n3QKeqrp22Wv3YWADHw9UPnw9k05Tdp+f/j6gydC/eE5gRXUMBoACizs0pnCK\neSox\r\n=xYh5\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/emotion-native.cjs.js","types":"types/index.d.ts","module":"dist/emotion-native.esm.js","browser":{"./dist/emotion-native.cjs.js":"./dist/emotion-native.browser.cjs.js","./dist/emotion-native.esm.js":"./dist/emotion-native.browser.esm.js"},"scripts":{"test:typescript":"dtslint types"},"_npmUser":{"name":"emotion-release-bot","email":"mitchell+emotion-release-bot@hamil.town"},"repository":{"url":"https://github.com/emotion-js/emotion/tree/master/packages/native","type":"git"},"_npmVersion":"6.10.2","description":"Style and render React Native components using emotion","directories":{},"_nodeVersion":"10.23.0","dependencies":{"@emotion/primitives-core":"^11.0.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"react":"16.14.0","dtslint":"^0.3.0","@babel/core":"^7.7.2","react-native":"^0.63.2","@types/react-native":"^0.63.2"},"peerDependencies":{"@babel/core":"^7.0.0","react-native":">=0.14.0 <1"},"peerDependenciesMeta":{"@babel/core":{"optional":true}},"_npmOperationalInternal":{"tmp":"tmp/native_11.0.0_1605141929086_0.8077616932772334","host":"s3://npm-registry-packages"}},"11.9.3":{"name":"@emotion/native","version":"11.9.3","keywords":["styles","emotion","react","css","css-in-js","native"],"license":"MIT","_id":"@emotion/native@11.9.3","maintainers":[{"name":"tkh44","email":"kye.hohenberger@gmail.com"},{"name":"mitchellhamilton","email":"mitchell@hamil.town"},{"name":"emotion-release-bot","email":"mitchell+emotion-release-bot@hamil.town"},{"name":"andarist","email":"mateuszburzynski@gmail.com"}],"homepage":"https://emotion.sh","bugs":{"url":"https://github.com/emotion-js/emotion/issues"},"dist":{"shasum":"623e0625147f82feb2089ae0b58057a92579b4d9","tarball":"https://registry.npmjs.org/@emotion/native/-/native-11.9.3.tgz","fileCount":15,"integrity":"sha512-hgtp6DJHYSGUzYc/3fTY8cKg4BXTCpegPgsy3URJhbJ+yIYycT4mSmgFuUiZIt5w4mENsX6H/plIo78O07VDfA==","signatures":[{"sig":"MEUCID5GdlIl7TRmesP5o5YWUFvzaRXnjPcxLrikEnz8/s6NAiEA/nA0U60zWMsLJgSUcJr+8CALorXwGItOV7sWFBfhhAw=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":40290,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJipeONACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrYcRAAg6usVeG9mTxa89oSfslKG+dlImTJdXOa9XtsaRexezpSVUW9\r\nHveMGYhccHyABv4CVI9J7LRyMQdYWP6wZdiW4RTcAj3Q29tC/C4zZOSaRzT4\r\nxybv15bfUQGzQljzSf88DWkROe3nM35DC6Osg66LnGnhwNnBAUYjiKpWcJxf\r\nnjaFlCPVPOaeIGnlA5zLnAui9XjiTxGiZSbk8JlauGGCckaaTy6uDKRxy6vV\r\n0klBitiIw0Xr2ebk3chj1Gemcp98NFPgnepCYmnz186HbmmF2js9/DIa8hgG\r\n+/EibJE2B4zHL/FSsovWyuhItSvcXtyP78JI9KANTadPH93dQOWcbzqOsZQA\r\nodcWPrEJ++UGVjoQyK3P8ReUkX5jnc7P39ldrESNQXsuLE4U+9GYx1F9d2lm\r\nLXEchlT9KKpBrfWyp4uZheBFuWEsux7KlLRaqvw3p3fgjzD8xY7rcUW4LA1u\r\n44NpW7cD8kDdB7j13N/1JUZjogQbCEieSij195URPeTfCBjBVwPQFt2U7rXj\r\nCYnXZONIaGG4jM9FLcfmU5HZ7LimDCg5DKf7o/k9VNyg76KmLUufKPzJftNV\r\njgpoTr92cBbs7SXyij2NNFBQGykKN7C3Inm9RuqJ+bcWiFJ6ZasY+tfJ0mpS\r\n/4B6LKPA9fddV9E2xF+bz+lGJZhWpufTDK8=\r\n=P81e\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/emotion-native.cjs.js","types":"types/index.d.ts","module":"dist/emotion-native.esm.js","browser":{"./dist/emotion-native.cjs.js":"./dist/emotion-native.browser.cjs.js","./dist/emotion-native.esm.js":"./dist/emotion-native.browser.esm.js"},"scripts":{"test:typescript":"dtslint types"},"_npmUser":{"name":"emotion-release-bot","email":"mitchell+emotion-release-bot@hamil.town"},"repository":{"url":"https://github.com/emotion-js/emotion/tree/main/packages/native","type":"git"},"_npmVersion":"6.10.2","description":"Style and render React Native components using emotion","directories":{},"_nodeVersion":"16.15.1","dependencies":{"@emotion/primitives-core":"^11.0.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"react":"16.14.0","typescript":"^4.5.5","@babel/core":"^7.13.10","react-native":"^0.63.2","@types/react-native":"^0.63.2","@definitelytyped/dtslint":"0.0.112"},"peerDependencies":{"@babel/core":"^7.0.0","react-native":">=0.14.0 <1"},"peerDependenciesMeta":{"@babel/core":{"optional":true}},"_npmOperationalInternal":{"tmp":"tmp/native_11.9.3_1655038861792_0.15437137265152767","host":"s3://npm-registry-packages"}},"11.10.0":{"name":"@emotion/native","version":"11.10.0","keywords":["styles","emotion","react","css","css-in-js","native"],"license":"MIT","_id":"@emotion/native@11.10.0","maintainers":[{"name":"tkh44","email":"kye.hohenberger@gmail.com"},{"name":"mitchellhamilton","email":"mitchell@hamil.town"},{"name":"emotion-release-bot","email":"mitchell+emotion-release-bot@hamil.town"},{"name":"andarist","email":"mateuszburzynski@gmail.com"}],"homepage":"https://emotion.sh","bugs":{"url":"https://github.com/emotion-js/emotion/issues"},"dist":{"shasum":"914e95c3d568d854906cb83ae07247d913333f44","tarball":"https://registry.npmjs.org/@emotion/native/-/native-11.10.0.tgz","fileCount":17,"integrity":"sha512-jj8/OetX6aJQXmw8lWZJH1PH3KV4QFSMDgxKPzW8jxDLndk5BI+xld01SwcWAlDucolHqKWv0JyDcAzqWhAqJQ==","signatures":[{"sig":"MEUCIGfJLjH1Vd7alW1tXi0u5nrsa6VQDg2XXbEyHbo116reAiEA57IED79Gy79BfDe9yZ5ff8Rg0Islv81/bMwAdVZ20pA=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":32961,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJi5kYcACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrXYw/9HYFg3L/Ak4lEhPKdFMrL5T7lgJmvtIjg4u5cmYflTNFDzkkI\r\nUdlIBbjStz96T4r8yjgMgmg2uTpxifrSqbYvEmF3D40bwxG14aTNTdJO4y0H\r\n2kiaVDrLuoKuQX6NYbNB39yNApqVmiWSGuLKrg2T7AwusWOAxG6zxU4GgPVD\r\n8jnnq698MHXs5xvxNZxEXEFkzWxw4l9hFVsvYVGrb9lTqcVUqV+7+jw32MjM\r\n61uiVkCcsGG1Yl5VHC3ev4WLiAcmarPdlL28EzJP0PN+F8mQpCryNvrkzRgO\r\n8i1dYOVoTzJpJaQm2O5C5eW+RTOlu1oYIgoVJ4KelKdYSPY92fjCfRQxwCDD\r\n4M7x+YKsP4SO0agvlRH1tY1Pm8cxepYgP77PBPyuO27FrB9p2896omS0FXMV\r\nCdIXMt/SwQo5X0wdwTHIiUZH35X4ytrBbnWHnhOLMvPporzMIFj6SZlM1bR5\r\nWUIKl9+qB4jR8QxA/IzXT2f0ClReDie89stWlDhuHKuI4b949JIZUN2AIxqg\r\nP+fGrrPz+geIm5Xbfik49ZTcLf0OinY24dANnVXBFRVQx+fneZ23a2hHhDIY\r\nezWylZG5UpvLE2IR8josqgZvNA4amNznk/BYh9SI1tldF1KjD8nKRdzoEUP5\r\ndbeG6dex2uy2yWlogrAARNDcccJVBriwULE=\r\n=Gnwk\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/emotion-native.cjs.js","types":"types/index.d.ts","module":"dist/emotion-native.esm.js","exports":{".":{"module":"./dist/emotion-native.esm.js","default":"./dist/emotion-native.cjs.js"},"./macro":"./macro.js","./package.json":"./package.json"},"gitHead":"a5f43a1ba3dae5141b9c356b8b7e13f7023895b3","scripts":{"test:typescript":"dtslint types"},"_npmUser":{"name":"emotion-release-bot","email":"mitchell+emotion-release-bot@hamil.town"},"repository":{"url":"git+https://github.com/emotion-js/emotion.git#main","type":"git"},"_npmVersion":"8.11.0","description":"Style and render React Native components using emotion","directories":{},"_nodeVersion":"16.16.0","dependencies":{"@emotion/primitives-core":"^11.10.0"},"preconstruct":{"exports":{"extra":{"./macro":"./macro.js"}}},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"react":"16.14.0","typescript":"^4.5.5","@babel/core":"^7.18.5","react-native":"^0.63.2","@types/react-native":"^0.63.2","@definitelytyped/dtslint":"0.0.112"},"peerDependencies":{"@babel/core":"^7.0.0","react-native":">=0.14.0 <1"},"peerDependenciesMeta":{"@babel/core":{"optional":true}},"_npmOperationalInternal":{"tmp":"tmp/native_11.10.0_1659258396200_0.7962710562236135","host":"s3://npm-registry-packages"}},"11.10.6":{"name":"@emotion/native","version":"11.10.6","keywords":["styles","emotion","react","css","css-in-js","native"],"license":"MIT","_id":"@emotion/native@11.10.6","maintainers":[{"name":"emmatown","email":"npm@emmas.town"},{"name":"tkh44","email":"kye.hohenberger@gmail.com"},{"name":"emotion-release-bot","email":"emotion-release-bot@hamil.town"},{"name":"andarist","email":"mateuszburzynski@gmail.com"}],"homepage":"https://emotion.sh","bugs":{"url":"https://github.com/emotion-js/emotion/issues"},"dist":{"shasum":"c497372410cb9ace339bc9c786ed0f2dec927007","tarball":"https://registry.npmjs.org/@emotion/native/-/native-11.10.6.tgz","fileCount":17,"integrity":"sha512-6Ox4HWRHMvl/AJmYHqRgfbArtfGSJynwg0bCVjeiTF1GPmwz3l5kEi96bBnGWgM27hN3DGFawNBYWCx0l8pniw==","signatures":[{"sig":"MEQCIFu+NYRJHzd8EMkhAHjbvk5Gfy6bfH8mxv3ERJfuufFyAiBNcVIAa3SKhK3n3Fu0O/yPotVoYxSY7mxElrkZkMly/w==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":32819,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJj7rr1ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpJzA/+IL3oFSTkW8DnYeGCzL7JtSVg9VB9BEYDY8Blv4CnZz7//xQo\r\nf/xVgXqp4WL43Udy/1wFnlOGQ7b32SlkPWxzIN3jL5OsxmvPRDShkS98jPlR\r\nyVu7lH11hXbJz617IKdnVMZEclrRmsK7dHvQsWhd3ZfoJoYzkfkbYbaFWsW2\r\n5yHMBtBenFl6WuytuKzqO/LpUBbxCSEiLcj03xZ/eZEtXhye41NmlwM+gUkG\r\n8ppX+L5muvDd5ODCLHLjVZtLNJx7N+rh4VVUlce1yFh8yq08Bv+gmB0ZJuFo\r\nDyktxydlsuTVCpMJ/fXiTlotg9Ym3Sceox4Ed2BGpLBh4YQafnnc5qWJ+BL5\r\nKZEKpFlkS2Pj6Ruuy1VLNz8DsY5p01BmL+tPr8hXkGmc1y0s1ei/wkp8Xtrg\r\nLLIKzXtnD/IZ84nTm1x8h4DMKUWNm+cDZzrCYCN/xjt8Tu9X88VmIoQXR7Di\r\nNMBGn2zLY5hUXN4ic6+nbI6pMAGFR233LaOB8Acn24lQvSPPf2eADSFU+qud\r\nRxHzejtqAfNavf6RdkIMtJcb0CVOwXtFffnw1frMLccVhunzi+QeqWkwQymz\r\n3kSzZvjY0zpYJBxPtMU6HMzrv6WDCHnPXqtTjEY6ClYQs80sLkBXZvspghfR\r\n1eyx+zhVw5ILA1yPdSlvG2/iKZ1Pf62NAsg=\r\n=11So\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/emotion-native.cjs.js","types":"types/index.d.ts","module":"dist/emotion-native.esm.js","exports":{".":{"module":"./dist/emotion-native.esm.js","default":"./dist/emotion-native.cjs.js"},"./macro":"./macro.js","./package.json":"./package.json"},"gitHead":"0283f88aa05fe591f0e9cf18bfe7d8a1e6830f1c","scripts":{"test:typescript":"dtslint types"},"_npmUser":{"name":"emotion-release-bot","email":"emotion-release-bot@hamil.town"},"repository":{"url":"git+https://github.com/emotion-js/emotion.git#main","type":"git"},"_npmVersion":"8.19.3","description":"Style and render React Native components using emotion","directories":{},"_nodeVersion":"16.19.0","dependencies":{"@emotion/primitives-core":"^11.10.0"},"preconstruct":{"exports":{"extra":{"./macro":"./macro.js"}}},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"react":"16.14.0","typescript":"^4.5.5","react-native":"^0.63.2","@types/react-native":"^0.63.2","@definitelytyped/dtslint":"0.0.112"},"peerDependencies":{"react-native":">=0.14.0 <1"},"_npmOperationalInternal":{"tmp":"tmp/native_11.10.6_1676589813685_0.18338536818539763","host":"s3://npm-registry-packages"}},"11.11.0":{"name":"@emotion/native","version":"11.11.0","keywords":["styles","emotion","react","css","css-in-js","native"],"license":"MIT","_id":"@emotion/native@11.11.0","maintainers":[{"name":"emmatown","email":"npm@emmas.town"},{"name":"tkh44","email":"kye.hohenberger@gmail.com"},{"name":"emotion-release-bot","email":"emotion-release-bot@hamil.town"},{"name":"andarist","email":"mateuszburzynski@gmail.com"}],"homepage":"https://emotion.sh","bugs":{"url":"https://github.com/emotion-js/emotion/issues"},"dist":{"shasum":"1584a9ff12d8a069a1089601205b53ec4c4e757e","tarball":"https://registry.npmjs.org/@emotion/native/-/native-11.11.0.tgz","fileCount":25,"integrity":"sha512-t1b5bLv+o5OUNLqXlnw+LJYU10OpmYkLC/1W873Y1ohG+vObx5TT3o3Eh1okXb2KCuZTTBPgsEnU/Sl7NNkJ9Q==","signatures":[{"sig":"MEQCICZ0Yndp3SQoXgezkFasxzL1eEEUL/NinoeJZJqPA+uSAiBO7/ZTXgL+HZIUih5pXLLdKC9Zq7kPSJqUDVdcO0vN/g==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":34042},"main":"dist/emotion-native.cjs.js","types":"types/index.d.ts","module":"dist/emotion-native.esm.js","exports":{".":{"import":"./dist/emotion-native.cjs.mjs","module":"./dist/emotion-native.esm.js","default":"./dist/emotion-native.cjs.js"},"./macro":{"types":{"import":"./macro.d.mts","default":"./macro.d.ts"},"default":"./macro.js"},"./package.json":"./package.json"},"gitHead":"1135f8e9d97ea711eb483368313afdfe7b176845","scripts":{"test:typescript":"dtslint types"},"_npmUser":{"name":"emotion-release-bot","email":"emotion-release-bot@hamil.town"},"repository":{"url":"git+https://github.com/emotion-js/emotion.git#main","type":"git"},"_npmVersion":"8.19.4","description":"Style and render React Native components using emotion","directories":{},"_nodeVersion":"16.20.0","dependencies":{"@emotion/primitives-core":"^11.11.0"},"preconstruct":{"exports":{"extra":{"./macro":{"types":{"import":"./macro.d.mts","default":"./macro.d.ts"},"default":"./macro.js"}}}},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"react":"16.14.0","typescript":"^4.5.5","react-native":"^0.63.2","@types/react-native":"^0.63.2","@definitelytyped/dtslint":"0.0.112"},"peerDependencies":{"react-native":">=0.14.0 <1"},"_npmOperationalInternal":{"tmp":"tmp/native_11.11.0_1683362954623_0.35539187699076047","host":"s3://npm-registry-packages"}}},"time":{"created":"2018-07-29T01:15:27.363Z","modified":"2026-05-12T10:19:17.124Z","9.2.7":"2018-07-29T01:15:27.478Z","9.2.9":"2018-09-16T10:45:21.012Z","10.0.0-really-unsafe-please-do-not-use.0":"2018-09-27T23:34:32.996Z","10.0.0-really-unsafe-please-do-not-use.1":"2018-09-28T04:18:36.116Z","10.0.0-really-unsafe-please-do-not-use.2":"2018-09-28T04:37:25.243Z","10.0.0-beta.0":"2018-10-13T07:35:41.128Z","10.0.0-beta.1":"2018-10-15T10:27:40.078Z","10.0.0-beta.2":"2018-10-16T08:35:42.349Z","10.0.0-beta.3":"2018-10-16T23:59:06.069Z","10.0.0-beta.4":"2018-10-17T07:26:05.213Z","10.0.0-beta.5":"2018-10-17T07:35:11.855Z","10.0.0-beta.6":"2018-10-27T05:21:55.564Z","10.0.0-beta.7":"2018-11-02T07:31:29.911Z","10.0.0-beta.8":"2018-11-05T04:47:19.568Z","10.0.0-beta.10":"2018-11-12T05:17:47.559Z","10.0.0-beta.11":"2018-11-12T07:24:18.067Z","10.0.0-beta.12":"2018-11-13T05:12:48.051Z","10.0.0-beta.13":"2018-11-20T12:37:13.683Z","10.0.0":"2018-11-27T22:49:59.362Z","10.0.1":"2018-12-01T20:39:50.197Z","10.0.2":"2018-12-03T22:56:50.434Z","10.0.3":"2018-12-05T21:06:00.932Z","10.0.4":"2018-12-05T21:24:03.919Z","10.0.5":"2018-12-14T00:49:47.779Z","10.0.6":"2019-01-06T23:16:48.992Z","10.0.7":"2019-02-04T07:04:58.321Z","10.0.8":"2019-03-11T06:26:07.708Z","10.0.9":"2019-03-11T06:32:56.734Z","10.0.10":"2019-03-25T07:43:11.038Z","10.0.11":"2019-05-09T03:17:34.129Z","10.0.14":"2019-06-25T23:08:39.861Z","10.0.22":"2019-10-23T12:22:40.513Z","11.0.0-next.0":"2019-11-03T20:35:20.684Z","11.0.0-next.1":"2019-11-05T20:25:38.510Z","11.0.0-next.2":"2019-11-05T22:53:52.650Z","11.0.0-next.3":"2019-11-09T10:20:39.598Z","11.0.0-next.4":"2019-11-13T10:42:54.217Z","11.0.0-next.5":"2019-11-15T09:12:23.970Z","11.0.0-next.6":"2019-11-25T22:44:31.240Z","11.0.0-next.7":"2019-11-26T21:08:55.905Z","11.0.0-next.8":"2019-12-07T21:16:15.347Z","11.0.0-next.9":"2019-12-10T22:53:50.454Z","10.0.27":"2019-12-22T23:11:22.553Z","11.0.0-next.10":"2020-01-05T19:22:19.016Z","11.0.0-next.11":"2020-01-16T12:47:22.266Z","11.0.0-next.12":"2020-03-17T08:53:00.588Z","11.0.0-next.13":"2020-06-22T09:16:25.177Z","11.0.0-next.14":"2020-08-01T12:39:07.981Z","11.0.0-next.15":"2020-08-18T13:14:29.965Z","11.0.0-next.16":"2020-09-08T11:34:19.877Z","11.0.0-next.17":"2020-09-09T10:54:00.845Z","11.0.0-next.18":"2020-09-20T12:40:23.598Z","11.0.0-next.19":"2020-10-03T06:27:00.471Z","11.0.0-rc.0":"2020-10-11T13:52:53.081Z","11.0.0":"2020-11-12T00:45:29.283Z","11.9.3":"2022-06-12T13:01:01.961Z","11.10.0":"2022-07-31T09:06:36.350Z","11.10.6":"2023-02-16T23:23:33.848Z","11.11.0":"2023-05-06T08:49:14.786Z"},"bugs":{"url":"https://github.com/emotion-js/emotion/issues"},"license":"MIT","homepage":"https://emotion.sh","keywords":["styles","emotion","react","css","css-in-js","native"],"repository":{"url":"git+https://github.com/emotion-js/emotion.git#main","type":"git"},"description":"Style and render React Native components using emotion","maintainers":[{"email":"mateuszburzynski@gmail.com","name":"andarist"},{"email":"npm@emmas.town","name":"emmatown"}],"readme":"# @emotion/native\n\n> Style and render React Native components using emotion\n\n## Install\n\n```\nnpm install @emotion/react @emotion/native\n```\n\nor if you use yarn\n\n```\nyarn add @emotion/react @emotion/native\n```\n\nThis package also depends on `react`, `react-native` and `prop-types` so make sure you've them installed.\n\n## Example\n\n```js\nimport React from 'react'\nimport { AppRegistry } from 'react-native'\nimport styled, { css } from '@emotion/native'\n\nconst Container = styled.View`\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  margin: 50px;\n`\n\nconst Description = styled.Text({\n  color: 'hotpink'\n})\n\nconst Image = styled.Image`\n  padding: 40px;\n`\n\nconst emotionLogo = 'https://cdn.rawgit.com/emotion-js/emotion/main/emotion.png'\n\nclass App extends React.Component {\n  render() {\n    return (\n      <Container\n        style={css`\n          border-radius: 10px;\n        `}\n      >\n        <Description style={{ fontSize: 45, fontWeight: 'bold' }}>\n          Emotion Primitives\n        </Description>\n        <Image\n          source={{\n            uri: emotionLogo,\n            height: 150,\n            width: 150\n          }}\n        />\n      </Container>\n    )\n  }\n}\n\nAppRegistry.registerComponent('ExampleApp', () => App)\n```\n\n## Theming\n\nUse `@emotion/react` for theming support.\n\n```js\nimport React from 'react'\nimport styled, { css } from '@emotion/native'\nimport { ThemeProvider } from '@emotion/react'\n\nconst theme = {\n  color: 'hotpink',\n  backgroundColor: 'purple'\n}\n\nconst Container = styled.View`\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  margin: 50px;\n  border: 5px solid red;\n  background-color: ${props => props.theme.backgroundColor};\n`\n\nconst Description = styled.Text({\n  color: 'hotpink'\n})\n\nconst Image = styled.Image`\n  padding: 40px;\n`\n\nconst emotionLogo = 'https://cdn.rawgit.com/emotion-js/emotion/main/emotion.png'\n\nclass App extends React.Component {\n  render() {\n    return (\n      <ThemeProvider theme={theme}>\n        <Container\n          style={css`\n            border-radius: 10px;\n          `}\n        >\n          <Description style={{ fontSize: 45, fontWeight: 'bold' }}>\n            Emotion Primitives\n          </Description>\n          <Image\n            source={{\n              uri: emotionLogo,\n              height: 150,\n              width: 150\n            }}\n          />\n        </Container>\n      </ThemeProvider>\n    )\n  }\n}\n```\n\n## Gotchas\n\n- Note that the `flex` property works like CSS shorthand, and not the legacy `flex` property in React Native. Setting `flex: 1` sets `flexShrink` to `1` in addition to setting `flexGrow` to `1` and `flexBasis` to `0`.\n","readmeFilename":"README.md"}