{"_id":"@bogoslavskiy/react-native-steezy","_rev":"4-4b70fa2245ebdc7eb941f673204ffb1b","name":"@bogoslavskiy/react-native-steezy","dist-tags":{"latest":"1.0.4"},"versions":{"1.0.0":{"name":"@bogoslavskiy/react-native-steezy","author":{"name":"Artem Bogoslavskiy"},"private":false,"version":"1.0.0","description":"React Native stylesheet with dynamic vars and media","repository":{"type":"git","url":"git+https://github.com/bogoslavskiy/react-native-steezy.git"},"main":"dist/index.js","types":"dist/index.d.ts","scripts":{"build":"tsc"},"keywords":["react","react-native","react-native-stylesheet","stylesheet"],"license":"MIT","dependencies":{},"devDependencies":{"@types/react":"^18.0.24","@types/react-native":"^0.70.6","react":"^18.2.0","tslib":"^2.4.0","typescript":"^4.2.4"},"peerDependencies":{"react":"*","react-native":"*"},"gitHead":"4d47ef8ae2f19a03b899a2e0ede2863fa18b4f70","bugs":{"url":"https://github.com/bogoslavskiy/react-native-steezy/issues"},"homepage":"https://github.com/bogoslavskiy/react-native-steezy#readme","_id":"@bogoslavskiy/react-native-steezy@1.0.0","_nodeVersion":"16.7.0","_npmVersion":"6.14.14","dist":{"integrity":"sha512-hyxptXQi+5msiM9CuRdBaX/mL99eJ02LCkZst7et6XGTqkkc5wvfk7jNgvDTrWJjCLGWjrV+A5UgOkU8E7Vxwg==","shasum":"84a11da6962a9abb1307ff64a607a3de8ded84db","tarball":"https://registry.npmjs.org/@bogoslavskiy/react-native-steezy/-/react-native-steezy-1.0.0.tgz","fileCount":48,"unpackedSize":54686,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDmO8NQNeLdhJvcAn65eAkQ0edyQ0x3UwqYi0d+4SIgvAIgAOTVGUuXLUylh+A9doBZBi+caL11PBA4sYZ6jfpAwtA="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjXvZsACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmptFQ/7B9XaOoKSpGOOqfxMvjIXp2SNyd78mqRpxg79/n0ombYgPOHu\r\nPjzWqfz16+RuEoWrzK67JFLlWQlGjGhEKrTlAyDKejUTZrqXhViSOyFMTlhX\r\nWtUVONaEsNBxOjD99kc5BQiJlwfrGFvmGjNOteo6tGYaB8walgARtGA1z4nI\r\nd7hu1BUy4F1m6pMaGxIx+MftlJAyKh/WSOTSihNLMp8OwlVhUN2W82+wYI8V\r\nBLKuyRnutS53G24p1h9McHyNmEc9xeoRYIYj1tgBKfTrKLNQUUcOoRdsotmv\r\nxokgURJXLDqc8aEu68yCEQp6UuAthxY9OS1MQ97zILl9GCsqNrpS5vVEEzqJ\r\nDT7hKfWbXtzw5v2ljZx7XzeaLd0OiC6uiLRyUS9wrJxWB7iEtEPqUCx+bueh\r\nuio4ZxADP4ji6Z2V7884W7+89QL7/KbxQEctaoIByK2gtNWVHJ95/dqtusWK\r\nPApeCcbuHvsHugLJJDXRk9ifeuL6Nc2EyQ9pnxMS9QbBqvPRQ1dG56rT2Pco\r\ncrwOK9L+X5MtVHEwfiR7po4dmko0uvmI6Phgkhx/rosJJc+dvbXvYbzl7NLd\r\nASpZuVLia+Ty3caICR4e0MYnDFy+TR4O+y3JpWT2/aAL3hYM26tOvnEw8PKo\r\n9Qda+wzG/mG5zkIqPPVURuVyb53Lc/pih1I=\r\n=ZKKL\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"bogoslavskiy","email":"bogoslavskiy96@gmail.com"},"directories":{},"maintainers":[{"name":"bogoslavskiy","email":"bogoslavskiy96@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-native-steezy_1.0.0_1667167851950_0.040639162345335045"},"_hasShrinkwrap":false},"1.0.1":{"name":"@bogoslavskiy/react-native-steezy","author":{"name":"Artem Bogoslavskiy"},"private":false,"version":"1.0.1","description":"React Native stylesheet with dynamic vars and media","repository":{"type":"git","url":"git+https://github.com/bogoslavskiy/react-native-steezy.git"},"main":"dist/index.js","types":"dist/index.d.ts","scripts":{"build":"tsc"},"keywords":["react","react-native","react-native-stylesheet","stylesheet"],"license":"MIT","dependencies":{},"devDependencies":{"@types/react":"^18.0.24","@types/react-native":"^0.70.6","react":"^18.2.0","tslib":"^2.4.0","typescript":"^4.2.4"},"peerDependencies":{"react":"*","react-native":"*"},"gitHead":"4d47ef8ae2f19a03b899a2e0ede2863fa18b4f70","bugs":{"url":"https://github.com/bogoslavskiy/react-native-steezy/issues"},"homepage":"https://github.com/bogoslavskiy/react-native-steezy#readme","_id":"@bogoslavskiy/react-native-steezy@1.0.1","_nodeVersion":"16.7.0","_npmVersion":"6.14.14","dist":{"integrity":"sha512-9+eFcnLYKBR4H8lXoXgdeSXeHbEWsXsY4J5vGzPIwYveagzoHDI5kB/EZ6ugXQn0D7nScS2hfqGZArbDgyFhJw==","shasum":"ade02749fad8b5c8ee51c624ed6dea3539ef6047","tarball":"https://registry.npmjs.org/@bogoslavskiy/react-native-steezy/-/react-native-steezy-1.0.1.tgz","fileCount":48,"unpackedSize":54749,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIHA4ypl9jfAjtvloOh2fJamvih5sCltRUsjGAOgdpyBbAiAgX7ZPcl6/iWDWTzT0LiXupdjcEo/O016PL6oOB4dH/w=="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjXvdMACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpkpRAAmD9smJhrwZxVGKxeiAhb7s2Gblogj0HU/jVmSqXcSNDkc4KZ\r\n5aR31EFp/Kw2lDAY9TWZo8aCzVWL9ahXFaN3la9Gds3wXtiL3t0sgb1iOrUJ\r\n+UQL+jIkVxT5O7t64WSPvUL/Da5RWGYfYS/3s6j04clx/Ni/d2Jt9dIhvcxU\r\nzFHTuHUm61UdnIJmbyAd28/3X1mm9Dr3dbYe+miqOJAnh4MKMFM/kpew5y+2\r\nCeTrZ5j22rqz5GZqK+SNtSuoaFF3G93jFm7pvxnqCWu6AL4sIgJ/Z822NJqh\r\n8KJkMEYh0U720Co93GKmCDWRiJTInNnkgQW9yVFdrd47Lozkpns4GIwYspK2\r\n7RrFFwxF2ErWXazH+qJg0zRhPlZsiC0/zYl3K7l6pbYbX+SJJua/HQI6zpIJ\r\nVdhd4p5sZByiwChsN5QLRNWuBPDn4I8WwDemcM1ABLeB4EYfmjKJbpdI1fpg\r\nGkfS3BAW64a0lHckvVMFE+HljGiZdz1dMesX76OIcXyridBjOYfYh8SH4VSx\r\n/u4WXG0LPgsA8ASTAy965kSoG5vmCP6saSJBCeKJMCrmdMRUVbH7qPejU6RH\r\nvXp4fR1n7CgWHDDrxkicTCmUh+RdnKMxBKg+2Xp+uNoi1I1bcgEptfFur1Pr\r\nVA9welVpr1XEYd965fMqpwOjxdbMC7nwewI=\r\n=FNCR\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"bogoslavskiy","email":"bogoslavskiy96@gmail.com"},"directories":{},"maintainers":[{"name":"bogoslavskiy","email":"bogoslavskiy96@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-native-steezy_1.0.1_1667168076057_0.45354670972973565"},"_hasShrinkwrap":false},"1.0.2":{"name":"@bogoslavskiy/react-native-steezy","author":{"name":"Artem Bogoslavskiy"},"private":false,"version":"1.0.2","description":"React Native stylesheet with dynamic vars and media","repository":{"type":"git","url":"git+https://github.com/bogoslavskiy/react-native-steezy.git"},"main":"dist/index.js","types":"dist/index.d.ts","scripts":{"build":"tsc"},"keywords":["react","react-native","react-native-stylesheet","stylesheet"],"license":"MIT","dependencies":{},"devDependencies":{"@types/react":"^18.0.24","@types/react-native":"^0.70.6","react":"^18.2.0","tslib":"^2.4.0","typescript":"^4.2.4"},"peerDependencies":{"react":"*","react-native":"*"},"gitHead":"4d47ef8ae2f19a03b899a2e0ede2863fa18b4f70","bugs":{"url":"https://github.com/bogoslavskiy/react-native-steezy/issues"},"homepage":"https://github.com/bogoslavskiy/react-native-steezy#readme","_id":"@bogoslavskiy/react-native-steezy@1.0.2","_nodeVersion":"16.7.0","_npmVersion":"6.14.14","dist":{"integrity":"sha512-DPu0c2q4+FA2Ez9RsfUT7itHTF2XBCYtGSWU5RoouoqTPh7ICNVrgZmp4O6KZCPPe/QU4udHwwZf49EM5JtWkQ==","shasum":"d0594e2abd2eae7b68012a06495efb573ad7d5fc","tarball":"https://registry.npmjs.org/@bogoslavskiy/react-native-steezy/-/react-native-steezy-1.0.2.tgz","fileCount":48,"unpackedSize":54920,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCxEWaZ68TnxyPk8Hcv/IZ+m4JF++ylpM5j14J90uADIAIgND3HXxiWQU84xtGX6quYZby6pe/znT1zjRw3ORv4LiU="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjXvdoACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpiphAAoLLMrHXI3/fBsYx+YwtS9PpWe9YJWfZm5O5UpcYjNs8uac+8\r\nFYSF5ObNH78FLbK0JTaQaxJFcaazmrm2EJBuKtMGN7r47w79QNo5+JkGyxNW\r\n3rBcS7UEM9Za2CKfoXXJC7eTepBfF0N8NQnJdqXmQWXO9l/DijJVLP3i/84W\r\nao0JLOFW7ZPSvzEJmLYUzpT2ujDIsGqGHQKcdlmUUi3XMX7PTqQ1uJElJx70\r\ngYiUE3rvuD2BXHD6Y4hSrzzI+qKqhqXTofOf3ms1scZW2AtvFccQsPgwrn5/\r\nMvcy4YxJAqfWEvpiiS52KBgrKtYB9Q2AKzcJaaPb1pDaxqM0sZ8H829HN2fP\r\nyJA96BJOWYR/Yy2eCWBld3jF9Aih6KQQZfV3zIm5cillLmk13Vf44VJjYsAy\r\nIUoSJ8i+WVc0go0Dxrgxna/U3fzkTWbizlwFRvPqNBrdAGcGuP56TotjTT4f\r\nZodjyEsyyyBlThzlZgnt+U5Ca19ZAGfwIqsqZJcFBRkuV7d1sGv0SDC2LAd/\r\neTwn5gkx4Od762A9dIyZ+F8Obv4StKeZMp1jZYdPwB0qBwT9XbV8fa5VrUkh\r\nxtx0BATM0ydfIc2VStEbZyj93tO80Q6jsKr94Gm41J+QRM8XROdQa7C81oyn\r\nZMedB4nbKymgT3xUS1eGhBnsouT+F6hY2eA=\r\n=HgaA\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"bogoslavskiy","email":"bogoslavskiy96@gmail.com"},"directories":{},"maintainers":[{"name":"bogoslavskiy","email":"bogoslavskiy96@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-native-steezy_1.0.2_1667168104485_0.7703066002730974"},"_hasShrinkwrap":false},"1.0.3":{"name":"@bogoslavskiy/react-native-steezy","author":{"name":"Artem Bogoslavskiy"},"private":false,"version":"1.0.3","description":"React Native stylesheet with dynamic vars and media","repository":{"type":"git","url":"git+https://github.com/bogoslavskiy/react-native-steezy.git"},"main":"dist/index.js","types":"dist/index.d.ts","scripts":{"build":"tsc"},"keywords":["react","react-native","react-native-stylesheet","stylesheet"],"license":"MIT","dependencies":{},"devDependencies":{"@types/react":"^18.0.24","@types/react-native":"^0.70.6","react":"^18.2.0","tslib":"^2.4.0","typescript":"^4.2.4"},"peerDependencies":{"react":"*","react-native":"*"},"gitHead":"cf7d2bf3f53dbbeb5a063b5d356e0850f5427f38","bugs":{"url":"https://github.com/bogoslavskiy/react-native-steezy/issues"},"homepage":"https://github.com/bogoslavskiy/react-native-steezy#readme","_id":"@bogoslavskiy/react-native-steezy@1.0.3","_nodeVersion":"18.16.0","_npmVersion":"9.5.1","dist":{"integrity":"sha512-3BkeCJMy9c2iJ21VXV60m6xTDPSLcf2n4JDm61pQ08LEn6PNOg6cS9oTkSLHFplOeYusp4n5QrY8enlMGIt/ig==","shasum":"4280c068a5baea74b9c4245cab76d32279ad4dcb","tarball":"https://registry.npmjs.org/@bogoslavskiy/react-native-steezy/-/react-native-steezy-1.0.3.tgz","fileCount":47,"unpackedSize":50007,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIGKRgw3pC3x04td4/qu/sj1NVR4txqRVTypUjj2ucyYEAiEAivpehFfwOjrsaz/z8tkDUNSHKU/abyW6Q9HL0o7GYwo="}]},"_npmUser":{"name":"bogoslavskiy","email":"bogoslavskiy96@gmail.com"},"directories":{},"maintainers":[{"name":"bogoslavskiy","email":"bogoslavskiy96@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-native-steezy_1.0.3_1684769739214_0.16947779810796915"},"_hasShrinkwrap":false},"1.0.4":{"name":"@bogoslavskiy/react-native-steezy","author":{"name":"Artem Bogoslavskiy"},"private":false,"version":"1.0.4","description":"React Native stylesheet with dynamic vars and media","repository":{"type":"git","url":"git+https://github.com/bogoslavskiy/react-native-steezy.git"},"main":"dist/index.js","types":"dist/index.d.ts","scripts":{"build":"tsc"},"keywords":["react","react-native","react-native-stylesheet","stylesheet"],"license":"MIT","dependencies":{},"devDependencies":{"@types/react":"^18.0.24","@types/react-native":"^0.70.6","react":"^18.2.0","tslib":"^2.4.0","typescript":"^4.2.4"},"peerDependencies":{"react":"*","react-native":"*"},"gitHead":"988d54555d8f649e271512a3d3d9d570e8496fbd","bugs":{"url":"https://github.com/bogoslavskiy/react-native-steezy/issues"},"homepage":"https://github.com/bogoslavskiy/react-native-steezy#readme","_id":"@bogoslavskiy/react-native-steezy@1.0.4","_nodeVersion":"18.16.0","_npmVersion":"9.5.1","dist":{"integrity":"sha512-0kEtqYE5zYYO9XWcUaXIFHaWwxkP9qgINnpcJeyCTL3NHbeCK/KcCrkflch+LHyiIgYL6ma8iOdEOCV5VT2Ueg==","shasum":"6fa2eaeda04a6babca1440a00f3c542c60da985b","tarball":"https://registry.npmjs.org/@bogoslavskiy/react-native-steezy/-/react-native-steezy-1.0.4.tgz","fileCount":47,"unpackedSize":50019,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDhquKUpctQwen+ac9cZGLA6MerA2M6w2MaeASU39KwEQIgKE3/FRjwRrjLngjZCq/CwcYrScQDtA0abi4d4R1UZP0="}]},"_npmUser":{"name":"bogoslavskiy","email":"bogoslavskiy96@gmail.com"},"directories":{},"maintainers":[{"name":"bogoslavskiy","email":"bogoslavskiy96@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-native-steezy_1.0.4_1684769859156_0.33436405374029454"},"_hasShrinkwrap":false}},"time":{"created":"2022-10-30T22:10:51.886Z","1.0.0":"2022-10-30T22:10:52.146Z","modified":"2023-05-22T15:37:39.482Z","1.0.1":"2022-10-30T22:14:36.235Z","1.0.2":"2022-10-30T22:15:04.650Z","1.0.3":"2023-05-22T15:35:39.427Z","1.0.4":"2023-05-22T15:37:39.372Z"},"maintainers":[{"name":"bogoslavskiy","email":"bogoslavskiy96@gmail.com"}],"description":"React Native stylesheet with dynamic vars and media","homepage":"https://github.com/bogoslavskiy/react-native-steezy#readme","keywords":["react","react-native","react-native-stylesheet","stylesheet"],"repository":{"type":"git","url":"git+https://github.com/bogoslavskiy/react-native-steezy.git"},"author":{"name":"Artem Bogoslavskiy"},"bugs":{"url":"https://github.com/bogoslavskiy/react-native-steezy/issues"},"license":"MIT","readme":"# React Native Steezy\n\nCreate Steezy\n```js\nexport const media = createMediaStyleVars({\n  isTablet: {\n    minWidth: 706,\n  },\n  isLandscape: {\n    orientation: 'landscape'\n  }\n});\n\nexport const variables = createDynamicStyleVars(() => {\n  const safeArea = useSafeAreaInsets();\n  const theme = useTheme();\n\n  return {\n    colors: theme.colors,\n    safeArea,\n  };\n});\n\nexport const Steezy = createSteezy({\n  variables,\n  media,\n});\n```\n\nWrap Native Components\n```js\nimport { \n  View as NativeView \n  Text as NativeText\n} from 'react-native';\n\nexport const View = Steezy.withStyle(NativeView);\nexport const Text = Steezy.withStyle(NativeText);\n```\n\nCreate styles\n```js\nconst Component = () => (\n  <View style={styles.container}>\n    <Text style={styles.text}>Text</Text>\n  </View>\n);\n\nconst styles = Steezy.create(({ colors, safeArea, isTablet, isLandscape }) => ({\n  container: {\n    flex: 1,\n    backgroundColor: colors.border,\n    alignItems: 'center',\n    justifyContent: 'center',\n    marginTop: safeArea.top,\n    marginBottom: safeArea.bottom,\n\n    [isTablet]: {\n      backgroundColor: colors.primary,\n    },\n    [isLandscape]: {\n      backgroundColor: 'red',\n    }\n  },\n  text: {\n    color: 'green',\n    \n    [isLandscape]: {\n      color: '#FFF',\n    }\n  }\n}));\n```","readmeFilename":"README.md"}