{"_id":"@chengsokdara/styled-props","_rev":"8-538ac4bdb4794c693e5a05c2671bbfd3","name":"@chengsokdara/styled-props","dist-tags":{"latest":"0.0.9"},"versions":{"0.0.1":{"name":"@chengsokdara/styled-props","version":"0.0.1","description":"Style React components with props","keywords":["react","style","styled","prop","props","styled-props","component"],"homepage":"https://github.com/chengsokdara/styled-props#readme","bugs":{"url":"https://github.com/chengsokdara/styled-props/issues"},"license":"MIT","author":{"name":"Sokdara Cheng","email":"chengsokdara@gmail.com","url":"https://chengsokdara.github.io"},"repository":{"type":"git","url":"git+https://github.com/chengsokdara/styled-props.git"},"scripts":{"ts-types":"tsc","build-dev":"rimraf lib && tsup src/index.ts --watch","build-prod":"rimraf dist && env NODE_ENV=production tsup","build-watch":"tsup --watch","lint-fix":"eslint ./src --ext .ts,.tsx --quiet --fix --ignore-path ./.gitignore","lint-format":"prettier  --loglevel warn --write \"./**/*.{ts,tsx,css,md,json}\" ","lint":"yarn lint:format && yarn lint:fix "},"devDependencies":{"@types/node":"^18.11.18","@types/react":"^18.0.27","@typescript-eslint/eslint-plugin":"^5.49.0","@typescript-eslint/parser":"^5.49.0","eslint":"^8.32.0","eslint-config-prettier":"^8.6.0","eslint-plugin-prettier":"^4.2.1","prettier":"^2.8.3","react":"^18.2.0","tsup":"^6.5.0","typescript":"^4.9.4"},"peerDependencies":{"react":"*"},"main":"lib/index.cjs","module":"lib/index.js","types":"lib/index.d.ts","exports":{"default":"./dist/index.cjs","require":"./dist/index.cjs","import":"./dist/index.cjs","node":"./dist/index.cjs"},"type":"module","publishConfig":{"access":"public","registry":"https://registry.npmjs.org/"},"_id":"@chengsokdara/styled-props@0.0.1","_nodeVersion":"16.14.0","_npmVersion":"8.3.1","dist":{"integrity":"sha512-pY67RFHm2R4sX93F+PmE6Znd8hywUVbN3VsI5oCJRI8qUIE0/+Ic7HcKI7KLVoJCcRIOxklNSydT0ERHwoEneg==","shasum":"c40926ef08501db7727859c880508a9eb23661aa","tarball":"https://registry.npmjs.org/@chengsokdara/styled-props/-/styled-props-0.0.1.tgz","fileCount":54,"unpackedSize":204983,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCcnfjpQnnCSBW4zlgrEmf0BYy5Gup4jBTDJT9sFuAEZwIgBzQb5V2IKi6k9J+qefnLmX8tc6B+Us+C0OGAr9Ggrrw="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJj1OE0ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpakQ//ZSfNDkxEGsLCR3NXRbcqU9x3zbbqzHkOs6PlMxw7E80qa6Qu\r\nn/LXMlltJwb5xdnF1nTTeZLehme+XsYLPTb5gkyZS0+W+xHeLFyHZobGMnmm\r\nPv6GDnqM5nlkL4BHHpjSVK/rFaWMywJOtKCNt5GiAEvF9G0gI0N7p33AKNAE\r\n3EhvvY/sF5EWFUUoKihAYpEpCGpA3nmXSEKsvfeP2BTVeJuxcUy2VB9aqn4X\r\nY8LKxNc9+zw/u7gHr6MHGNimRbLMVFG/FC79Z+1vAk/iPksJs7Q64l0FgK0G\r\nrll0O9EJkePbI4s/R3jwIEvTuIT3yghyboYbyhe7caYE9kwCR25JHyXBRB2e\r\nCzW8W7DKSaz1/qxzwM9GvtO/0iIyjrj8OlD3pTwABfObNkbFCHSkE17Us79b\r\naRzrc+hORFPDvCP1PseiTiGxnU6HBbN9y2TPxOyEWp7ebPSmvn++49lWGn4w\r\nH+UOWxJeoOlipPmDNgZ7A2nEz3OQcAnfj27qo11kxVKidHgB19/yYauTX0M8\r\niWZufms+gUhPnMzZLC+nHKYqnjMRw5hCywYNuPRftb5MlkHb0pmnocWl6ptR\r\nlRreIhzdBwIrDuLBPSKsyflpWDh3JBuJDI4O676cWykCBsMQJdGSA69Xo8HJ\r\nRLz10DzMrEJUF9+L6khBWeK5e1I5Autjmuc=\r\n=r7gR\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"chengsokdara","email":"chengsokdara@gmail.com"},"directories":{},"maintainers":[{"name":"chengsokdara","email":"chengsokdara@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/styled-props_0.0.1_1674895668096_0.5168553043556374"},"_hasShrinkwrap":false},"0.0.2":{"name":"@chengsokdara/styled-props","version":"0.0.2","description":"Style React components with props","keywords":["react","style","styled","prop","props","styled-props","component"],"homepage":"https://github.com/chengsokdara/styled-props#readme","bugs":{"url":"https://github.com/chengsokdara/styled-props/issues"},"license":"MIT","author":{"name":"Sokdara Cheng","email":"chengsokdara@gmail.com","url":"https://chengsokdara.github.io"},"repository":{"type":"git","url":"git+https://github.com/chengsokdara/styled-props.git"},"scripts":{"ts-types":"tsc","build-dev":"rimraf lib && tsup src/index.ts --watch","build-prod":"rimraf dist && env NODE_ENV=production tsup","build-watch":"tsup --watch","lint-fix":"eslint ./src --ext .ts,.tsx --quiet --fix --ignore-path ./.gitignore","lint-format":"prettier  --loglevel warn --write \"./**/*.{ts,tsx,css,md,json}\" ","lint":"yarn lint:format && yarn lint:fix "},"devDependencies":{"@types/node":"^18.11.18","@types/react":"^18.0.27","@typescript-eslint/eslint-plugin":"^5.49.0","@typescript-eslint/parser":"^5.49.0","eslint":"^8.32.0","eslint-config-prettier":"^8.6.0","eslint-plugin-prettier":"^4.2.1","prettier":"^2.8.3","react":"^18.2.0","tsup":"^6.5.0","typescript":"^4.9.4"},"peerDependencies":{"react":"*"},"main":"dist/index.cjs","module":"lib/index.js","types":"lib/index.d.ts","exports":{"default":"./dist/index.cjs","require":"./dist/index.cjs","import":"./dist/index.cjs","node":"./dist/index.cjs"},"type":"module","publishConfig":{"access":"public"},"gitHead":"df100e9d40cf85ac1706209d7dd34e2a93b77494","_id":"@chengsokdara/styled-props@0.0.2","_nodeVersion":"16.14.0","_npmVersion":"8.3.1","dist":{"integrity":"sha512-gzf1IG45ERP7f41BGSgGVZOzO4bucJ6va20Dy/68kLm91Lq+wU5yidyFiivEfgTyady97xGdQ6R9G4EkkxWoeQ==","shasum":"9666f6110848a973240f9cd7a3c19dfd65376d53","tarball":"https://registry.npmjs.org/@chengsokdara/styled-props/-/styled-props-0.0.2.tgz","fileCount":54,"unpackedSize":204937,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCICPYMIanEbsrKLro/OWGAqJ8/UUKSIQxw8kyBCf/X9U3AiEAucQU2fwxK9EY8qTzizuoHdRETOVz8emLpFyJkjVq8/E="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJj1OR4ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqcEg//VXAl+Ef+kF/O7hTud/WxVxuQQ///lRk00uYwlAs4ejL6U2nt\r\nJTqhOt0dt3i+tRSkkfOjcnTeo/tZPmV5yhY7favubazvgIUCMSmD+AzZGGLJ\r\nZObJaBjMEh4cdiFVmLgm0QUUf8dp3LtBI/bqbfjVF5FSmAPhsX8g0aczAII7\r\nuSBrAJsgm7Q161H35D9VmOhkbIAUscRzK8BYgsRiOgW1WlEhjqxP9ceMYmVb\r\nxRP7UEPIeytve28DqDcQgZ9Nd8EBi5LVlO8G2aFJkwswjsJttfS5STE4KGM5\r\nfnL5DUfSS80ZrJX/HS2Fsg9Q3keYTtU4v8PJ+6P6/e0olOygvFjcOv4BBBuO\r\npkR0Y/0BwnNVzf+pva67FlnClpXKSLq9WvyZTEA/JXRPGJ2pWUJgcph+WCHM\r\nezKGBtIpgAyHfn6K6aSH046+HbgSxHTJPWF3jToNiHWvx4jnCL+2Z3JVy3vm\r\nn7iPr8x8nnIw7BOEUyEFiuZUXJL8ct7gKqEdlXepx+PI1KeFQ7AcUKhCmrO3\r\nu9a35BrLAFhvG5Yl5+izrOhv9exEfU0KmtDW5Yw4ZR9YLNKeD5633HkmdUJf\r\nCMQILT1+QNpAJGN2Q16jrrQO2J8lK7CSTeBEEKl3aY1AIxS6yL5LYHEQhqYH\r\nBmkXOHPQ5bvusX6s/y+CnokjyId4t6Ie05U=\r\n=MWAQ\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"chengsokdara","email":"chengsokdara@gmail.com"},"directories":{},"maintainers":[{"name":"chengsokdara","email":"chengsokdara@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/styled-props_0.0.2_1674896504330_0.5562539397361823"},"_hasShrinkwrap":false},"0.0.3":{"name":"@chengsokdara/styled-props","version":"0.0.3","description":"Style React components with props","keywords":["react","style","styled","prop","props","styled-props","component"],"homepage":"https://github.com/chengsokdara/styled-props#readme","bugs":{"url":"https://github.com/chengsokdara/styled-props/issues"},"license":"MIT","author":{"name":"Sokdara Cheng","email":"chengsokdara@gmail.com","url":"https://chengsokdara.github.io"},"repository":{"type":"git","url":"git+https://github.com/chengsokdara/styled-props.git"},"scripts":{"ts-types":"tsc","build-dev":"rimraf lib && tsup --watch","build-prod":"rimraf dist && env NODE_ENV=production tsup","build-watch":"tsup --watch","lint-fix":"eslint ./src --ext .ts,.tsx --quiet --fix --ignore-path ./.gitignore","lint-format":"prettier  --loglevel warn --write \"./**/*.{ts,tsx,css,md,json}\" ","lint":"yarn lint:format && yarn lint:fix "},"devDependencies":{"@types/node":"^18.11.18","@types/react":"^18.0.27","@typescript-eslint/eslint-plugin":"^5.49.0","@typescript-eslint/parser":"^5.49.0","eslint":"^8.32.0","eslint-config-prettier":"^8.6.0","eslint-plugin-prettier":"^4.2.1","prettier":"^2.8.3","react":"^18.2.0","tsup":"^6.5.0","typescript":"^4.9.4"},"peerDependencies":{"react":"*"},"main":"dist/index.cjs","module":"lib/index.js","types":"lib/index.d.ts","exports":{"default":"./dist/index.cjs","require":"./dist/index.cjs","import":"./dist/index.cjs","node":"./dist/index.cjs"},"type":"module","publishConfig":{"access":"public"},"gitHead":"02ece2148d2a6568e66b9ca56993d8138d4f284a","_id":"@chengsokdara/styled-props@0.0.3","_nodeVersion":"16.14.0","_npmVersion":"8.3.1","dist":{"integrity":"sha512-6mmBryDcKdiykQjZGFaZCL6AQk3JDeSZtLxRWcNIekkIYtjITDSmi4fJ+K5B1JMp+mQVDMmvvIzusRSUxXpvjA==","shasum":"b0df2857da2835a9d1ae0f6b5d6275d0530aa465","tarball":"https://registry.npmjs.org/@chengsokdara/styled-props/-/styled-props-0.0.3.tgz","fileCount":69,"unpackedSize":282271,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDhp1mxqy6rlMIDFqUDueZ2Rm6BeCkb0Rn4Ngxas5sAywIgaBjKhz4a2emCseHwtJrk2RccfG8Nr/lfvWq8kkmRO7c="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJj13PeACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpHew/7BfN+qbX8UpWi5LHAYk7KYsAb47++5wGaLzpWpsk+vtkeqLmu\r\nPZehS+htC9igWDa9yxqcOUTZhnUC8XqOrq4weANiOXrgcbP0onYItEmHZkj9\r\npihgAE7ybAQKu/kSNbD+nuqQ9UkxMovEc+YwmEpxFDjqw62EuyUEH9MeV09d\r\nobm7L3xmM4XmU9N02ZLGGQEcwBOZBFxwxbkNmFbuyuqJm/iaz+LlchmRiqXo\r\npuEDwh7KCl2xFlebSG3f+cNhm+eYKAp3YMpyouRFvSfhq1hLc9/87rqLGDH/\r\n/21UBpevA1dD1cvZPQAR7G4EeCaE6bPSy0zNnFTtfvVzJ5ysmExpxnSZ+yyz\r\nyPiotyW8qvcvZsiqeyBgvFkRcYZUILmbKczkmZPsyPLefoJaLHMsXlQDerHz\r\nh+Vg8TFgjGo66ohygYBEsxy1k9uxadHnFA7JaQQczKOsXFjSA8PKdHqrj+xr\r\nVZA+NopGpAGRfIxX8Vu4MU3W0i0StOBmY4sHqXEaThEf1fhXsL2Nsrl8AAwu\r\nls+9ieeOCWoIP45cLqMxDN85CwIAPqhqikqPawbZSiX3XvOzFsDOpXK7Jhdt\r\nAJVcKHYKKEhLSOkNhW/IrSTa0RypJo7SRTWvGlDUjfPBxGu50L3P2ifa/w+f\r\n4MNj2iNfS/tw9DNUWGMcfJQxZoQ6HM0OPY0=\r\n=hupg\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"chengsokdara","email":"chengsokdara@gmail.com"},"directories":{},"maintainers":[{"name":"chengsokdara","email":"chengsokdara@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/styled-props_0.0.3_1675064286354_0.6715075922168561"},"_hasShrinkwrap":false},"0.0.4":{"name":"@chengsokdara/styled-props","version":"0.0.4","description":"Style React components with props","keywords":["react","style","styled","prop","props","styled-props","component"],"homepage":"https://github.com/chengsokdara/styled-props#readme","bugs":{"url":"https://github.com/chengsokdara/styled-props/issues"},"license":"MIT","author":{"name":"Sokdara Cheng","email":"chengsokdara@gmail.com","url":"https://chengsokdara.github.io"},"repository":{"type":"git","url":"git+https://github.com/chengsokdara/styled-props.git"},"scripts":{"ts-types":"tsc","build-dev":"rimraf lib && tsup --watch","build-prod":"rimraf dist && env NODE_ENV=production tsup","build-watch":"tsup --watch","lint-fix":"eslint ./src --ext .ts,.tsx --quiet --fix --ignore-path ./.gitignore","lint-format":"prettier  --loglevel warn --write \"./**/*.{ts,tsx,css,md,json}\" ","lint":"yarn lint:format && yarn lint:fix "},"devDependencies":{"@types/node":"^18.11.18","@types/react":"^18.0.27","@typescript-eslint/eslint-plugin":"^5.49.0","@typescript-eslint/parser":"^5.49.0","eslint":"^8.32.0","eslint-config-prettier":"^8.6.0","eslint-plugin-prettier":"^4.2.1","prettier":"^2.8.3","react":"^18.2.0","tsup":"^6.5.0","typescript":"^4.9.4"},"peerDependencies":{"react":"*"},"main":"dist/index.cjs","module":"lib/index.js","types":"lib/index.d.ts","exports":{"default":"./dist/index.cjs","require":"./dist/index.cjs","import":"./dist/index.cjs","node":"./dist/index.cjs"},"type":"module","publishConfig":{"access":"public"},"gitHead":"49c4142dff19002f3be071ae945a4215adf72f31","_id":"@chengsokdara/styled-props@0.0.4","_nodeVersion":"16.14.0","_npmVersion":"8.3.1","dist":{"integrity":"sha512-V1zFI2ctHwxepvLuX4wvP0vq581GGyxZ/acE0/rNlTzReHAAP/rnORMRMWPhuWNPm4n/Q2YX7E2AItLV4UN6KQ==","shasum":"1e3a3a55cc0c3b8b5608ba91846573a7af0f544d","tarball":"https://registry.npmjs.org/@chengsokdara/styled-props/-/styled-props-0.0.4.tgz","fileCount":69,"unpackedSize":282839,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDxBKxxAo1nkxXeyKFHW94NFQL1QGPD0nOqR/TzGwqwUwIhANo20lgH/222xoa0Mt5CZ59coB0pT9pq3zkTEgoVJr1c"}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJj2AQjACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmoMUQ/5AB1MFOmQgZmO06X93eif0ssl7D0WV6wyThgnj+BxbQrpwcHw\r\npKDt505ZtufpnAmAL4BwHIEsCH+oONkFiQqExiTG8COoz0LDnu/rnEYlJN1c\r\n+W02UEoEgPrhEQesqKkZ/ZDS6cwgV2JcaYvxaSzGoa7QfC4ZNSEq/Flxmb8y\r\ns0l9QjOqsE/lO3DbV2IRu2s0enW85xbmHMA2X6BlMu2gaREsDwLtIVuoroyH\r\nA8bgxQSLkhlY/2P/3RCNNM2tsjohU8z3/vVKyvr/iM3HSru/w944thVH6zwU\r\ndTtMTXFE/NbiA5nzCHxFGb3pyN0uhc6oKvMCp61ypwg9rnhEEy3E+I3TreuD\r\n1SVlFms7rUdfzeHkHfWVsZzQdWIM9zhB2J3SAxfIRBNK1UgKzmThBE9nnn0r\r\nUkcsWv3fc62MiwTWerncoZzYnGzh3njIs5xzN2Z5zlS17/gK7PXEd7kHJLhQ\r\n1MG493Bn4dUNziCb6M9fnYeValC98Het1ZXTtAtNsT5lk9O/w6ojPuCeWhVx\r\nOMaYpmwgALiPwts8hD8hnYh7583qASpDVqmMnmmKkEOGqNMVZQCHkSCQKpAg\r\neZCkJdCxWkG66ChpZtsA9nbNf1Wl6HTD3eWwARGcILH1YPo6rO2hWnrrXOhP\r\nFJRt7XgLd+U7xqm08Hp9YfBlBHO1w8T9yGs=\r\n=22IB\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"chengsokdara","email":"chengsokdara@gmail.com"},"directories":{},"maintainers":[{"name":"chengsokdara","email":"chengsokdara@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/styled-props_0.0.4_1675101218880_0.15854847633464364"},"_hasShrinkwrap":false},"0.0.5":{"name":"@chengsokdara/styled-props","version":"0.0.5","description":"Style React components with props","keywords":["react","style","styled","prop","props","styled-props","component"],"homepage":"https://github.com/chengsokdara/styled-props#readme","bugs":{"url":"https://github.com/chengsokdara/styled-props/issues"},"license":"MIT","author":{"name":"Sokdara Cheng","email":"chengsokdara@gmail.com","url":"https://chengsokdara.github.io"},"repository":{"type":"git","url":"git+https://github.com/chengsokdara/styled-props.git"},"scripts":{"ts-types":"tsc","build-dev":"rimraf lib && tsup --watch","build-prod":"rimraf dist && env NODE_ENV=production tsup","build-watch":"tsup --watch","lint-fix":"eslint ./src --ext .ts,.tsx --quiet --fix --ignore-path ./.gitignore","lint-format":"prettier  --loglevel warn --write \"./**/*.{ts,tsx,css,md,json}\" ","lint":"yarn lint:format && yarn lint:fix "},"devDependencies":{"@types/node":"^18.11.18","@types/react":"^18.0.27","@typescript-eslint/eslint-plugin":"^5.49.0","@typescript-eslint/parser":"^5.49.0","eslint":"^8.32.0","eslint-config-prettier":"^8.6.0","eslint-plugin-prettier":"^4.2.1","prettier":"^2.8.3","react":"^18.2.0","tsup":"^6.5.0","typescript":"^4.9.4"},"peerDependencies":{"react":"*"},"main":"dist/index.cjs","module":"lib/index.js","types":"lib/index.d.ts","exports":{"default":"./dist/index.cjs","require":"./dist/index.cjs","import":"./dist/index.cjs","node":"./dist/index.cjs"},"type":"module","publishConfig":{"access":"public"},"gitHead":"59bb71df0ee75a96347328b922f5509d64670356","_id":"@chengsokdara/styled-props@0.0.5","_nodeVersion":"16.14.0","_npmVersion":"8.3.1","dist":{"integrity":"sha512-GOvIqNevv4uOm5SV8UOuLYLGHtK+WqPV3af3D88Qf27ht3P/JyFUjRJ+TQ+O2mAceXFhKKPe0Ihu5WhH3ZVkuA==","shasum":"3e2a9a8ea72f37b39b32839233b51cebc4828022","tarball":"https://registry.npmjs.org/@chengsokdara/styled-props/-/styled-props-0.0.5.tgz","fileCount":69,"unpackedSize":282572,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIHtmZZVedfwn7MO8kbFw9+dwh4Pm6S2pgrIeWBDtOCHIAiBQZXgn79P926SpSfeSqU3YvV6q0cfnMXoQUVy/prFBUA=="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJj4ULyACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmohHw//Ywvbg4MJvtcIqdTTujMpB3W5uhY8yslpDePsdd7oHIKICWk/\r\n+ojSfOw7UZqaltbSmmwItNcmJFIBFiDqhqSlrfyrWMjjarOFOUzwVODZOLXt\r\n7nzWEIh7W1H2841H9zpjOaSYxysfV82j8iz3IzM/sihpbUHYsOtDpKBxsKwR\r\n5Hpm7lREz1WbahAyhn3zgH8/h1I9BBa9Lrs9CHP1ATWHXGEhKnwgN0wRr3B2\r\nYkTzGZdVqS+tKnUo9pFLC0WFr2jN/eEywEWbGzprRA27xkdkKLcy8qiEbjtK\r\nZ6u7IMtGbh3zjadb4evVVdyaO60klafhhxDs16P9VkfW1MCnobV3pe2OE+hL\r\noN89ezDeBHnGGRG5im9kF6doJ/BaB09Zk9Rv/8EjqLdMdelATKfVgsPeCUrQ\r\nJ9yes/VYhaGLnRX50EsucM7kKeTXWejenhEGcoKeL8ZsXWTrUh7+9PjxCCx4\r\n0iSPsQ+dSP7sU7PJNALjTzlTpfqIbklOt28VCJ+V3TEOmuMboX9BegRO3+D3\r\nurzWOgpyxqf+h9qAwYiGRNxP4nDsftCOfc//UzFs/0/kmCifw25M9rZp3RCI\r\nm7lARJFfUwpUyyTPyhKN/yM0td5cJiS6yEd2fWtO6fRZ+mOL4tZfH0NQIlhp\r\nPldMtcWXWY3TKJL2RUWuNwt8b9N8F0RCTiw=\r\n=pu+j\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"chengsokdara","email":"chengsokdara@gmail.com"},"directories":{},"maintainers":[{"name":"chengsokdara","email":"chengsokdara@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/styled-props_0.0.5_1675707121883_0.8601235147017747"},"_hasShrinkwrap":false},"0.0.6":{"name":"@chengsokdara/styled-props","version":"0.0.6","description":"Style React components with props","keywords":["react","style","styled","prop","props","styled-props","component"],"homepage":"https://github.com/chengsokdara/styled-props#readme","bugs":{"url":"https://github.com/chengsokdara/styled-props/issues"},"license":"MIT","author":{"name":"Sokdara Cheng","email":"chengsokdara@gmail.com","url":"https://chengsokdara.github.io"},"repository":{"type":"git","url":"git+https://github.com/chengsokdara/styled-props.git"},"scripts":{"ts-types":"tsc","build-dev":"rimraf lib && tsup --watch","build-prod":"rimraf dist && env NODE_ENV=production tsup","build-watch":"tsup --watch","lint-fix":"eslint ./src --ext .ts,.tsx --quiet --fix --ignore-path ./.gitignore","lint-format":"prettier  --loglevel warn --write \"./**/*.{ts,tsx,css,md,json}\" ","lint":"yarn lint:format && yarn lint:fix "},"devDependencies":{"@types/node":"^18.11.18","@types/react":"^18.0.27","@typescript-eslint/eslint-plugin":"^5.49.0","@typescript-eslint/parser":"^5.49.0","eslint":"^8.32.0","eslint-config-prettier":"^8.6.0","eslint-plugin-prettier":"^4.2.1","prettier":"^2.8.3","react":"^18.2.0","tsup":"^6.5.0","typescript":"^4.9.4"},"peerDependencies":{"react":"*"},"main":"dist/index.cjs","module":"dist/index.cjs","types":"dist/index.d.ts","exports":{"default":"./dist/index.cjs","require":"./dist/index.cjs","import":"./dist/index.cjs","node":"./dist/index.cjs"},"type":"module","publishConfig":{"access":"public"},"gitHead":"6e2e97e875c32aeade3d83fe823824bd8e261788","_id":"@chengsokdara/styled-props@0.0.6","_nodeVersion":"16.14.0","_npmVersion":"8.3.1","dist":{"integrity":"sha512-VulWh6IXV8JAZMpPg0la5m0pHYfuGj9FWlh2L+T85UasaVDDDm20XZ08EzgofeuyUXpw/jfvXmKkj5epoyZ43g==","shasum":"7fce6a5a938bc0b273113d0f57ace99e5e6c5e03","tarball":"https://registry.npmjs.org/@chengsokdara/styled-props/-/styled-props-0.0.6.tgz","fileCount":51,"unpackedSize":191106,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIEpj8jar5dvz2DSFr6B4Mt+poIjTNUAxN23JjBEcUA0uAiEAkycAU+16XlIMFWgQ6IlpOTaoH34Tl00L4RAzfR5cq18="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJj4UM1ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmqv4g//VIbqNE0LlS0HgkX5xjnVTlbes4iGnNkA32yWt10GR8K0xF08\r\nqEIsBuL6QZiLe8KByLHPfiSrf1XLriVn+QQ/lZOMPUa7+XlxDg3AhtahKPLK\r\nJhC0Ij67USP3xgZIDpo2/qyiI5XBxAI0RbbQ1Gtd6AW6M/gCuH6sdpLqzs5g\r\n+4hPqnBZEoqJ8InySyah+etxdu2zqU1NDbGXo2syadJF67Ni/iBjqeAWSKyL\r\niSAJbrShaubDn17STNFgxgofeX8HEoU2JTzLsfMq94q5PdNY/HE+emJEvUhG\r\nqDtx4zRZLuV5PUl8Y2dwqafBYQMSIZuVn5+mVNhiNf31OIdNCNeJ6dC3oaMw\r\nxJhR4YNtTX5laVPvJqeZ4OEari5AhDYv9DN2OAkXixmN8ga3CYdNHp4kSs03\r\nrC+V9Vai/D924125FRcKdGSVGMeAfd+wtK7a+c30taMBA/YwV1aaBM15s2ji\r\n+WXZI5ySWJOYhw7PDpYe6FM+3WikuQM7SVhlnoPlS5f5h4Ear3crULZv5yTz\r\noZeKiXoSOybZIM9X3kb3Yw8XgdfJN16TfikfK4druy+U71DWDvz3E3aQZgs0\r\nAf71ETVSfG8z8n5LcQ8LYIkTAQ0AmnWPNZe5w1IFxgdWUXsnjfJnmz3gv1VS\r\nr5hTQlnAcd1kNLxeJIDRhanDgseQJ26vWVI=\r\n=U418\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"chengsokdara","email":"chengsokdara@gmail.com"},"directories":{},"maintainers":[{"name":"chengsokdara","email":"chengsokdara@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/styled-props_0.0.6_1675707189396_0.841171286939217"},"_hasShrinkwrap":false},"0.0.7":{"name":"@chengsokdara/styled-props","version":"0.0.7","description":"Style React components with props","keywords":["react","style","styled","prop","props","styled-props","component"],"homepage":"https://github.com/chengsokdara/styled-props#readme","bugs":{"url":"https://github.com/chengsokdara/styled-props/issues"},"license":"MIT","author":{"name":"Sokdara Cheng","email":"chengsokdara@gmail.com","url":"https://chengsokdara.github.io"},"repository":{"type":"git","url":"git+https://github.com/chengsokdara/styled-props.git"},"scripts":{"ts-types":"tsc","build-dev":"rimraf lib && tsup --watch","build-prod":"rimraf dist && env NODE_ENV=production tsup","build-watch":"tsup --watch","lint-fix":"eslint ./src --ext .ts,.tsx --quiet --fix --ignore-path ./.gitignore","lint-format":"prettier  --loglevel warn --write \"./**/*.{ts,tsx,css,md,json}\" ","lint":"yarn lint:format && yarn lint:fix "},"devDependencies":{"@types/node":"^18.11.18","@types/react":"^18.0.27","@typescript-eslint/eslint-plugin":"^5.49.0","@typescript-eslint/parser":"^5.49.0","eslint":"^8.32.0","eslint-config-prettier":"^8.6.0","eslint-plugin-prettier":"^4.2.1","prettier":"^2.8.3","react":"^18.2.0","tsup":"^6.5.0","typescript":"^4.9.4"},"peerDependencies":{"react":"*"},"main":"dist/index.cjs","module":"dist/index.js","types":"dist/index.d.ts","exports":{"node":"./dist/index.cjs","require":"./dist/index.cjs","import":"./dist/index.js","default":"./dist/index.cjs"},"type":"module","publishConfig":{"access":"public"},"gitHead":"eac3494f570fa02261820eaa2936aea7c979474a","_id":"@chengsokdara/styled-props@0.0.7","_nodeVersion":"16.14.0","_npmVersion":"8.3.1","dist":{"integrity":"sha512-vOEtcSzs+T3rj/pyPSwl8LiT+ahVjjr0eEV5l5Qy2Iuz2+e/8fBbc6GfWBipmLezFZI3SilXxBXR7o7mVe29Uw==","shasum":"fb6ad53d06a157d8a92f6ea259ea138d40fe9089","tarball":"https://registry.npmjs.org/@chengsokdara/styled-props/-/styled-props-0.0.7.tgz","fileCount":53,"unpackedSize":207528,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCluRPbxQ5PNXPKASZOE4lBwiChdM9VYvPyYjCVz4xO7wIhAJYr7xLHVuCirxcrVA3qGyoYw3AjwFk2x+F/cIy4ZT30"}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJj4gKqACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpOsA/+Phu87km2VSyUbl4LZVGihkqqloHQMweYhLGF0Sgz5X5DYUXb\r\nbNdT23qhb65jCtmFyflkdzl2pmhBAQ6QoBuGHcXSdoWFP0HZCYpPoc0L2YgS\r\nCVlmki6gMajsQTLBrPd0eXw7eeUlO+Yb8DW0NytBSBoJ88Dz2G+JrL4S9cVt\r\njnZvdSD3KdTWcCKpiO2kqQj+5Cco5qR6HVcn1I1+SB5O10qYE6cobZw6BDKU\r\n9HH5wKz+0PXpb2x6VZ+WUguWMg9+mKNmcLbAIImJ2QOIaNz1dwMSccyay5/f\r\naM+sIPTrOt7OqBaQacw7ObrovdDZ4NrYLhI7Z0nU+fbFPXY5a2yxez5EeqyF\r\nXPoTFc8W0jYmp6P/UQEl/YE03t+RTako5CliGKD+6RaoeQCsyM4h41b1PkA2\r\nyfdO9QWkJFmIymn3WfpNY5xWNLZ7QicJKHgcuJwsOUPj0IXoP1kMLv+KjtSd\r\nSfYxY/K/chch7OezzJjbXDmPsBSHxu9XcthJk39sywgTfNftKHOMKatoQ20Y\r\nhlZWayRrYmi8zz8MvfRImBYB3j2oFYp3jtuELi0CUwBZGiIRmT1z/3K5JQHj\r\nbUP9Ea/MPq8ZaYiHAddnhPMce0JV04wRinb2Mz8BUKnEi7Hjynxp45b7pr5B\r\nkqdV32VrTqVoekgPOb3nOuDjv7sw+fC0vtI=\r\n=4Nig\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"chengsokdara","email":"chengsokdara@gmail.com"},"directories":{},"maintainers":[{"name":"chengsokdara","email":"chengsokdara@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/styled-props_0.0.7_1675756201656_0.5504336920540203"},"_hasShrinkwrap":false},"0.0.8":{"name":"@chengsokdara/styled-props","version":"0.0.8","description":"Style React components with props","keywords":["react","style","styled","prop","props","styled-props","component"],"homepage":"https://github.com/chengsokdara/styled-props#readme","bugs":{"url":"https://github.com/chengsokdara/styled-props/issues"},"license":"MIT","author":{"name":"Sokdara Cheng","email":"chengsokdara@gmail.com","url":"https://chengsokdara.github.io"},"repository":{"type":"git","url":"git+https://github.com/chengsokdara/styled-props.git"},"scripts":{"ts-types":"tsc","build-dev":"rimraf lib && tsup --watch","build-prod":"rimraf dist && env NODE_ENV=production tsup","build-watch":"tsup --watch","lint-fix":"eslint ./src --ext .ts,.tsx --quiet --fix --ignore-path ./.gitignore","lint-format":"prettier  --loglevel warn --write \"./**/*.{ts,tsx,css,md,json}\" ","lint":"yarn lint:format && yarn lint:fix "},"devDependencies":{"@types/node":"^18.11.18","@types/react":"^18.0.27","@typescript-eslint/eslint-plugin":"^5.49.0","@typescript-eslint/parser":"^5.49.0","eslint":"^8.32.0","eslint-config-prettier":"^8.6.0","eslint-plugin-prettier":"^4.2.1","prettier":"^2.8.3","react":"^18.2.0","tsup":"^6.5.0","typescript":"^4.9.4"},"peerDependencies":{"react":"*"},"main":"dist/index.cjs","module":"dist/index.js","types":"dist/index.d.ts","exports":{"node":"./dist/index.cjs","require":"./dist/index.cjs","import":"./dist/index.js","default":"./dist/index.cjs"},"type":"module","publishConfig":{"access":"public"},"gitHead":"fa28baf4977b380659e957b31461107c033e2bd1","_id":"@chengsokdara/styled-props@0.0.8","_nodeVersion":"16.14.0","_npmVersion":"8.3.1","dist":{"integrity":"sha512-dlbOEWjku2E10I8vh0q+6FwjwDJdwj7rK8MiHtUY6J5J52TCUyhBv1JX5vse8wtpSE/oWOma43UxrV4eCz4Tzg==","shasum":"5c2800b73effc29d750b34134f2e95860a755b59","tarball":"https://registry.npmjs.org/@chengsokdara/styled-props/-/styled-props-0.0.8.tgz","fileCount":31,"unpackedSize":84708,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCICThSbfJ4140U8THkFIsZe0r9lwZGCDPtu7N9TOf838mAiBDfaKaI/90mrT6NVXMC10tS0hfKzTX/qNWjLeaU5hzXw=="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJj+LMmACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmpe7BAAndTjn4sXUo20fJsRhNtpv8g8Fo8OqZv71A9/GKUQope9bbAM\r\nWiW2lJe2jp+xmjNujnVv2eRW5xuK+szTeZgExUiIKzXFMpcE6x+nJTIXO5x5\r\nbnmyxE7JGOGVMeAbIHGJ1UrFMkGCYENx03RsZW2rkNHY4oftSsKxB8KxocJx\r\nyoGl/rG/w5RbDGTbMWRi6/T8miGvyuBY3++TWmB+llSrP+gKyPvm9d0hGlXP\r\nC5b1um3AnzC6+14hsLWFJ695jYGfL9NzXV9XdD14LmXvI02R+/p75lUJNJLc\r\nRhZRq6Y63FSljIKo0ma8IyyBYpJ5U8OWedDsg3mQBRSQrQR/9Kf33OnO+8t1\r\nr7EIDXrQIqlal/GbMG1dcXp4A42VXhCRsjihke0yfsr1X7PIW2KoGcS1NgKN\r\n790xO+2aiVxeH7+BCrUg2ccQJ6cSXlY9E38/dKcNXKSJVRUltybDCRKPThMQ\r\n5AAX021TWviHoPZEeMnJ7R3kT1/n+nm9VDG/6RNN0HTjEKMuKLkGx84CSs0R\r\ngza4hGsBixUYKMgePVbc/rvQVOWS7qwnzsP0ffNLRmsemRcAHX6W6XAMwog1\r\npV4rrNHI2lxByElntadM9yQnlLsM0qWEkxOKY+UgvcXzzWqHBZRF7Cftfil7\r\nd2khDItsoVaHG0KKkawPgqGh+gNdmx+SKCU=\r\n=arzB\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"chengsokdara","email":"chengsokdara@gmail.com"},"directories":{},"maintainers":[{"name":"chengsokdara","email":"chengsokdara@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/styled-props_0.0.8_1677243174037_0.23695567096178305"},"_hasShrinkwrap":false},"0.0.9":{"name":"@chengsokdara/styled-props","version":"0.0.9","description":"Style React components with props","keywords":["react","style","styled","prop","props","styled-props","component"],"homepage":"https://github.com/chengsokdara/styled-props#readme","bugs":{"url":"https://github.com/chengsokdara/styled-props/issues"},"license":"MIT","author":{"name":"Sokdara Cheng","email":"chengsokdara@gmail.com","url":"https://chengsokdara.github.io"},"repository":{"type":"git","url":"git+https://github.com/chengsokdara/styled-props.git"},"scripts":{"ts-types":"tsc","build-dev":"rimraf lib && tsup --watch","build-prod":"rimraf dist && env NODE_ENV=production tsup","build-watch":"tsup --watch","lint-fix":"eslint ./src --ext .ts,.tsx --quiet --fix --ignore-path ./.gitignore","lint-format":"prettier  --loglevel warn --write \"./**/*.{ts,tsx,css,md,json}\" ","lint":"yarn lint:format && yarn lint:fix "},"devDependencies":{"@types/node":"^18.11.18","@types/react":"^18.0.27","@typescript-eslint/eslint-plugin":"^5.49.0","@typescript-eslint/parser":"^5.49.0","eslint":"^8.32.0","eslint-config-prettier":"^8.6.0","eslint-plugin-prettier":"^4.2.1","prettier":"^2.8.3","react":"^18.2.0","tsup":"^6.5.0","typescript":"^4.9.4"},"peerDependencies":{"react":"*"},"main":"dist/index.cjs","module":"dist/index.cjs","types":"dist/index.d.ts","exports":{"node":"./dist/index.cjs","require":"./dist/index.cjs","import":"./dist/index.js","default":"./dist/index.cjs"},"type":"module","publishConfig":{"access":"public"},"gitHead":"92be4cfaafd8cfac5531b31b04e38ffbeeade4af","_id":"@chengsokdara/styled-props@0.0.9","_nodeVersion":"16.14.0","_npmVersion":"8.3.1","dist":{"integrity":"sha512-Vpjg+P++FcyP9kcLSjmW6ywAaPIXZMom7J0r88ecpt8AOqfudI6p1limwjicbIhOKn6HI0BAhhzTG+LdnPyRsA==","shasum":"fb2c3b0dd19af1a674984e8f4d9686b82cdd53ae","tarball":"https://registry.npmjs.org/@chengsokdara/styled-props/-/styled-props-0.0.9.tgz","fileCount":31,"unpackedSize":84709,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIA/2oHCheUchB64Y7+a1yBtdObbhzInE5kDyvQUmHfM6AiBau0g6MWo4m6P2lbIL/v9ZpwHMfIMOCDv36zDHV2gZ0Q=="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJj+LwmACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrU9RAAmvJ20D3pxujJLNAk08GTaJ+/3ru+lSzXloJYclC/tIW4sraq\r\njson0mioU4HI1eiB5qe2BoErRw3uqCzfCsTXE6IT3syXgErNcWgFfHf0+BTT\r\n9NTW1MGniAo6xzIElpe60wGWy1q9GGdHznN4bIQpfsyhqheU181ctDBfujq4\r\nnJolaGFXWGn8hHvBpMCVOmP7inOYtsNbEwa8RwNG2gp4FdF8Zr5h30cLAeA2\r\nSXBo4k4n5dwT8hDN9S6jecplbdTZu+UVatSagk6dbwS6cu/Kd9xsOJlEDYjG\r\nVUs0Tct82qa3QO1ACPQbFxxZ6Fq31BKJXaafyeVOUr9AAkdulLDVQtZoWZvi\r\nYoTx2sRR6nyJXWXeGgzYmpPEcSHC4ULgdVVYSnN/Ykc6Li4yEbdmcmYGDNva\r\nCOjD5NjjCKhGnugwyG5fO+ytfmDlfCgTFr1TRHWwIN/naQltjVW8Jc/aqEPo\r\ny33H5iKsXpSYBJLSI55NCel1+Q66dMtAumNvvBRLNSs9nL4GgCz7Hg4c4IlH\r\nkJQTJt6A7zz7sKMLq45h3uCBBVEJVHYmjwGajGBWK8Y73Kskk8LQOMoA/IB7\r\nei/bUR1zphZB+aViwSQQSrfRsp4dvxJzEWCwaV6aQvSKYuJ/nAobGuUDaUyh\r\n3xCrAk6suW/K6VxJiVmqJIDDFvp32jNz6Lg=\r\n=5GCN\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"chengsokdara","email":"chengsokdara@gmail.com"},"directories":{},"maintainers":[{"name":"chengsokdara","email":"chengsokdara@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/styled-props_0.0.9_1677245478664_0.3347571931164155"},"_hasShrinkwrap":false}},"time":{"created":"2023-01-28T08:47:47.981Z","0.0.1":"2023-01-28T08:47:48.308Z","modified":"2023-02-24T13:31:18.996Z","0.0.2":"2023-01-28T09:01:44.474Z","0.0.3":"2023-01-30T07:38:06.561Z","0.0.4":"2023-01-30T17:53:39.029Z","0.0.5":"2023-02-06T18:12:02.087Z","0.0.6":"2023-02-06T18:13:09.634Z","0.0.7":"2023-02-07T07:50:01.995Z","0.0.8":"2023-02-24T12:52:54.190Z","0.0.9":"2023-02-24T13:31:18.885Z"},"maintainers":[{"name":"chengsokdara","email":"chengsokdara@gmail.com"}],"description":"Style React components with props","homepage":"https://github.com/chengsokdara/styled-props#readme","keywords":["react","style","styled","prop","props","styled-props","component"],"repository":{"type":"git","url":"git+https://github.com/chengsokdara/styled-props.git"},"author":{"name":"Sokdara Cheng","email":"chengsokdara@gmail.com","url":"https://chengsokdara.github.io"},"bugs":{"url":"https://github.com/chengsokdara/styled-props/issues"},"license":"MIT","readme":"# Styled Props for React Native\nStyling React Native component like it is TailwindCSS.\n\n---\n\n## Installation\n\n```sh\nnpm install @chengsokdara/styled-props --save\n```\n\n```sh\nyarn add @chengsokdara/styled-props\n```\n\n## Getting Start\nWhat styled-props can do?\n\n#### 1. inject styler into custom view\n\n```jsx\nimport {\n  injectStyles,\n  // import styles you want to inject\n  backgroundStyle,\n  flexStyle,\n} from '@chengsokdara/styled-props'\n\n// Create custom view by injecting styles\nconst CustomView = (props) => {\n  const styles = injectStyles([backgroundStyle, flexStyle], props)\n\n  return <View style={[props.style, styles]} />\n}\n```\n\n#### 2. use custom view with custom props\n\n```jsx\nimport { CustomView } from 'your-custom-view-path'\n\n// Usage examples\nconst App = () => {\n  const [bg, setBg] = useState('red')\n  return (\n    {/* When style value a static */}\n    <CustomView bg-00DDFF flex-1>\n      {/* When style value are dynamic*/}\n      <CustomView bg={bg} />\n    </CustonView>\n  )\n}\n```\n\n## API\n\n* ##### alignContent\n| prop name | style name | value type | example |\n| --------- | ---------- | ---- | ------- |\n| content | alignContent | string | content={'between'} |\n| *content-value* | alignContent | string | content-between |\n\n*content-value: start | end | center | between | around | evenly*\n\n* ##### alignItems\n| prop name | style name | value type | example |\n| --------- | ---------- | ---- | ------- |\n| items | alignItems | string | items={'center'} |\n| *items-value* | alignItems | string | items-center |\n\n*items-value: start | end | center | baseline | stretch*\n\n* ##### alignSelf\n| prop name | style name | value type | example |\n| --------- | ---------- | ---- | ------- |\n| self | alignSelf | string | self={'stretch'} |\n| *self-value* | alignSelf | string | self-stretch |\n\n*self-value: start | end | center | baseline | stretch*\n\n* ##### backgroundStyle\n| prop name | style name | value type | example |\n| --------- | ---------- | ---- | ------- |\n| bg | backgroundColor | string | bg={'red'} |\n| *bg-hex* | backgroundColor | string | bg-FF0000 |\n\n*bg-hex: bg-FF0000 will be converted to backgroundColor: \"#FF0000\"*\n\n* ##### borderStyle\n| prop name | style name | value type | example |\n| --------- | ---------- | ---- | ------- |\n| bc | borderColor | string | bc={'red'} |\n| bc-*hex* | borderColor | string | bc-FF0000 |\n| bcb | borderColorBottom | string | bcb={'red'} |\n| bcb-*hex* | borderColorBottom | string | bcb-FF0000 |\n| bcl | borderColorLeft | string | bcl={'red'} |\n| bcl-*hex* | borderColorLeft | string | bcl-FF0000 |\n| bcr | borderColorRight | string | bcr={'red'} |\n| bcr-*hex* | borderColorRight | string | bcr-FF0000 |\n| bct | borderColorTop | string | bct={'red'} |\n| bct-*hex* | borderColorTop | string | bct-FF0000 |\n| br | borderRadius | number | br={4} |\n| br-*value* | borderRadius | number | br-4 |\n| brb | borderRadiusBottom | number | brb={4} |\n| brb-*value* | borderRadiusBottom | number | brb-4 |\n| brbl | borderRadiusBottomLeft | number | brbl={4} |\n| brbl-*value* | borderRadiusBottomLeft | number | brbl-4 |\n| brbr | borderRadiusBottomRight | number | brbr={4} |\n| brbr-*value* | borderRadiusBottomRight | number | brbr-4 |\n| brl | borderRadiusLeft | number | brl={4} |\n| brl-*value* | borderRadiusLeft | number | brl-4 |\n| brr | borderRadiusRight | number | brr={4} |\n| brr-*value* | borderRadiusRight | number | brr-4 |\n| brt | borderRadiusTop | number | brt={4} |\n| brt-*value* | borderRadiusTop | number | brt-4 |\n| brtl | borderRadiusTopLeft | number | brtl={4} |\n| brtl-*value* | borderRadiusTopLeft | number | brtl-4 |\n| brtr | borderRadiusTopRight | number | brtr={4} |\n| brtr-*value* | borderRadiusTopRight | number | brtr-4 |\n| bs | borderStyle | string | bs={'solid'} |\n| *bs-value* | borderStyle | string | bs-solid |\n| bw | borderWidth | number | bw={1} |\n| bw-*value* | borderWidth | number | bw-1 |\n| bwb | borderWidthBottom | number | bwb={1} |\n| bwb-*value* | borderWidthBottom | number | bwb-1 |\n| bwl | borderWidthLeft | number | bwl={1} |\n| bwl-*value* | borderWidthLeft | number | bwl-1 |\n| bwr | borderWidthRight | number | bwr={1} |\n| bwr-*value* | borderWidthRight | number | bwr-1 |\n| bwt | borderWidthTop | number | bwt={1} |\n| bwt-*value* | borderWidthTop | number | bwt-1 |\n\n*bs-value: solid | dotted | dashed*\n\n* ##### colorStyle\n| prop name | style name | value type | example |\n| --------- | ---------- | ---- | ------- |\n| color | color | string | color={'blue'} |\n| *color-value* | color | string | color-0000FF |\n\n*color-hex: color-0000FF will be converted to color: \"#0000FF\"*\n\n* ##### flexAlignment\n| prop name | style name | value type | example |\n| --------- | ---------- | ---- | ------- |\n| center | alignItems<br />justifyContent | boolean | center |\n| center-*value* | alignItems<br />justifyContent | boolean | center |\n| items | alignItems | string | items={'center'} |\n| *items-value* | alignItems | string | items-center |\n| justify | justifyContent | string | self={'stretch'} |\n| *justify-value* | justifyContent | string | self-stretch |\n\n*items-value: start | end | center | baseline | stretch*\n\n*justify-value: start | end | center | between | around | evenly*\n\n* ##### flexDirection\n| prop name | style name | value type | example |\n| --------- | ---------- | ---- | ------- |\n| col | flexDirection | boolean | col |\n| row | flexDirection | boolean | row |\n\n* ##### flexGrow\n| prop name | style name | value type | example |\n| --------- | ---------- | ---- | ------- |\n| grow | flexGrow | boolean | grow |\n| grow-0 | flexGrow | boolean | grow-o |\n| grow-*value* | flexGrow | number | grow-1 |\n\n* ##### flexStyles\n| prop name | style name | value type | example |\n| --------- | ---------- | ---- | ------- |\n| basis | flexBasis | number,string | basis={168} |\n| *basis-value* | flexBasis | string | basis-168 |\n| flex | flex | number | flex={1} |\n| *flex-value* | flex | number | flex-1 |\n| *flex-nowrap* | flexWrap | boolean | flex-nowrap |\n| *flex-reverse* | flexWrap | boolean | flex-reverse |\n| *flex-wrap* | flexWrap | boolean | flex-wrap |\n| grow | flexGrow | boolean | grow |\n| grow-0 | flexGrow | boolean | grow-o |\n| grow-*value* | flexGrow | number | grow-1 |\n| shrink | flexShrink | boolean | shrink |\n| shrink-0 | flexShrink | boolean | shrink-o |\n| shrink-*value* | flexShrink | number | shrink-1 |\n\n*basis-value: basis-100pct will be converted to flexBasis: \"100%\"*\n\n*flex-nowrap will be converted to flexWrap: 'nowrap'*\n\n*flex-reverse will be converted to flexWrap: 'reverse'*\n\n*flex-wrap will be converted to flexWrap: 'wrap'*\n\n* #### flexboxStyles\n| prop name | style name | value type | example |\n| --------- | ---------- | ---- | ------- |\n| basis | flexBasis | number,string | basis={168} |\n| *basis-value* | flexBasis | string | basis-168 |\n| center | alignItems<br />justifyContent | boolean | center |\n| center-*value* | alignItems<br />justifyContent | boolean | center |\n| col | flexDirection | boolean | col |\n| content | alignContent | string | content={'between'} |\n| *content-value* | alignContent | string | content-between |\n| flex | flex | number | flex={1} |\n| *flex-value* | flex | number | flex-1 |\n| *flex-nowrap* | flexWrap | boolean | flex-nowrap |\n| *flex-reverse* | flexWrap | boolean | flex-reverse |\n| *flex-wrap* | flexWrap | boolean | flex-wrap |\n| grow | flexGrow | boolean | grow |\n| grow-0 | flexGrow | boolean | grow-o |\n| grow-*value* | flexGrow | number | grow-1 |\n| items | alignItems | string | items={'center'} |\n| *items-value* | alignItems | string | items-center |\n| justify | justifyContent | string | self={'stretch'} |\n| *justify-value* | justifyContent | string | self-stretch |\n| row | flexDirection | boolean | row |\n| self | alignSelf | string | self={'stretch'} |\n| *self-value* | alignSelf | string | self-stretch |\n| shrink | flexShrink | boolean | shrink |\n| shrink-0 | flexShrink | boolean | shrink-o |\n| shrink-*value* | flexShrink | number | shrink-1 |\n\n\n\n\n*basis-value: basis-100pct will be converted to flexBasis: \"100%\"*\n\n*content-value: start | end | center | between | around | evenly*\n\n*flex-nowrap will be converted to flexWrap: 'nowrap'*\n\n*items-value: start | end | center | baseline | stretch*\n\n*justify-value: start | end | center | between | around | evenly*\n\n*self-value: start | end | center | baseline | stretch*\n\n* ### fontStyles\n| prop name | style name | value type | example |\n| --------- | ---------- | ---- | ------- |\n| bold | fontWeight | boolean | bold |\n| font | fontFamily | string | font={\"Roboto\"} |\n| italic | fontStyle | boolean | italic |\n| size | fontSize | number | size={12} |\n| *size-value | fontSizse | number | size-12 |\n| weight-bold | fontWeight | boolean | weight-bold |\n| weight-light | fontWeight | boolean | weight-light |\n| weight-medium | fontWeight | boolean | weight-medium |\n| weight-regular | fontWeight | boolean | weight-regular |\n\n* ### fontSizeStyles\n| prop name | style name | value type | example |\n| --------- | ---------- | ---- | ------- |\n| size | fontSize | number | size={12} |\n| *size-value | fontSizse | number | size-12 |\n\n* ### fontStyleStyles\n| prop name | style name | value type | example |\n| --------- | ---------- | ---- | ------- |\n| italic | fontStyle | boolean | italic |\n\n* ### fontWeightStyles\n| prop name | style name | value type | example |\n| --------- | ---------- | ---- | ------- |\n| bold | fontWeight | boolean | bold |\n| weight-bold | fontWeight | boolean | weight-bold |\n| weight-light | fontWeight | boolean | weight-light |\n| weight-medium | fontWeight | boolean | weight-medium |\n| weight-regular | fontWeight | boolean | weight-regular |\n\n* ### justifyContent\n| prop name | style name | value type | example |\n| --------- | ---------- | ---- | ------- |\n| justify | justifyContent | string | self={'stretch'} |\n| *justify-value* | justifyContent | string | self-stretch |\n\n*justify-value: start | end | center | between | around | evenly*\n\n* ### marginStyles\n| prop name | style name | value type | example |\n| --------- | ---------- | ---- | ------- |\n| m | margin | number | m={10} |\n| *m-value* | margin | number | m-10 |\n| mb | marginBottom | number | mb={10} |\n| *mb-value* | marginBottom | number | mb-10 |\n| ml | marginLeft | number | ml={10} |\n| *ml-value* | marginLeft | number | ml-10 |\n| mr | marginRight | number | mr={10} |\n| *mr-value* | marginRight | number | mr-10 |\n| mt | marginTop | number | mt={10} |\n| *mt-value* | marginTop | number | mt-10 |\n| mx | marginHorizontal | number | mx={10} |\n| *mx-value* | marginHorizontal | number | mx-10 |\n| my | marginVertical | number | my={10} |\n| *my-value* | marginVertical | number | my-10 |\n\n* ### overflowSstyles\n| prop name | style name | value type | example |\n| --------- | ---------- | ---- | ------- |\n| ovf | overflow | string | ovf={\"scroll\"} |\n| *ovf-value* | overflow | string | ovf-scroll |\n\n*ovf-value: hidden | scroll | visible*\n\n* ### paddingStyles\n| prop name | style name | value type | example |\n| --------- | ---------- | ---- | ------- |\n| p | padding | number | p={10} |\n| *p-value* | padding | number | p-10 |\n| pb | paddingBottom | number | pb={10} |\n| *pb-value* | paddingBottom | number | pb-10 |\n| pl | paddingLeft | number | pl={10} |\n| *pl-value* | paddingLeft | number | pl-10 |\n| pr | paddingRight | number | pr={10} |\n| *pr-value* | paddingRight | number | pr-10 |\n| pt | paddingTop | number | pt={10} |\n| *pt-value* | paddingTop | number | pt-10 |\n| px | paddingHorizontal | number | px={10} |\n| *px-value* | paddingHorizontal | number | px-10 |\n| py | paddingVertical | number | py={10} |\n| *py-value* | paddingVertical | number | py-10 |\n\n* ### positionStyles\n| prop name | style name | value type | example |\n| --------- | ---------- | ---- | ------- |\n| absolute | position | boolean | absolute |\n| absolute | position<br/>bottom<br/>left<br/>right</br>top | number | absolute={0} |\n| absolute-0 | position<br/>bottom<br/>left<br/>right</br>top | boolean | absolute-0 |\n| *bottom-value* | bottom | number | bottom-10 |\n| *left-value* | left | number | left-10 |\n| relative | position | boolean | relative |\n| *right-value | right | number | right-10 |\n| *top-value | top | number | top-10 |\n| *z-value | zIndex | number | z-1 |\n\n* ### resizeModeStyles\n| prop name | style name | value type | example |\n| --------- | ---------- | ---- | ------- |\n| resize-cover | resizeMode | boolean | resize-cover |\n| resize-contain | resizeMode | boolean | resize-contain |\n| resize-stretch | resizeMode | boolean | resize-stretch |\n| resize-repeat | resizeMode | boolean | resize-repeat |\n| resize-center | resizeMode | boolean | resize-center |\n\n* ### sizingStyles\n| prop name | style name | value type | example |\n| --------- | ---------- | ---- | ------- |\n| h | height | number | h={10} |\n| h | height | string | h={\"100%\"} |\n| *h-value | height | number | h-10 |\n| *h-value* | height | string | h-100pct |\n| maxh | maxHeight | number | maxh={10} |\n| maxh | maxHeight | string | maxh={\"100%\"} |\n| *maxh-value* | maxHeight | number | maxh-10 |\n| *maxh-value* | maxHeight | string | maxh-100pct |\n| maxw | maxWidth | number | maxw={10} |\n| maxw | maxWidth | string | maxw={\"100%\"} |\n| *maxw-value* | maxWidth | number | maxw-10 |\n| *maxw-value* | maxWidth | string | maxw-100pct |\n| minh | minHeight | number | minh={10} |\n| minh | minHeight | string | minh={\"100%\"} |\n| *minh-value* | minHeight | number | minh-10 |\n| *minh-value* | minHeight | string | minh-100pct |\n| minw | minWidth | number | minw={10} |\n| minw | minWidth | string | minw={\"100%\"} |\n| *minw-value* | minWidth | number | minw-10 |\n| *minw-value* | minWidth | string | minw-100pct |\n| w | width | number | w={10} |\n| w | width | string | w={\"100%\"} |\n| *w-value | width | number | w-10 |\n| *w-value* | width | string | w-100pct |\n\n* ### spacingStyles\n| prop name | style name | value type | example |\n| --------- | ---------- | ---- | ------- |\n| m | margin | number | m={10} |\n| *m-value* | margin | number | m-10 |\n| mb | marginBottom | number | mb={10} |\n| *mb-value* | marginBottom | number | mb-10 |\n| ml | marginLeft | number | ml={10} |\n| *ml-value* | marginLeft | number | ml-10 |\n| mr | marginRight | number | mr={10} |\n| *mr-value* | marginRight | number | mr-10 |\n| mt | marginTop | number | mt={10} |\n| *mt-value* | marginTop | number | mt-10 |\n| mx | marginHorizontal | number | mx={10} |\n| *mx-value* | marginHorizontal | number | mx-10 |\n| my | marginVertical | number | my={10} |\n| *my-value* | marginVertical | number | my-10 |\n| p | padding | number | p={10} |\n| *p-value* | padding | number | p-10 |\n| pb | paddingBottom | number | pb={10} |\n| *pb-value* | paddingBottom | number | pb-10 |\n| pl | paddingLeft | number | pl={10} |\n| *pl-value* | paddingLeft | number | pl-10 |\n| pr | paddingRight | number | pr={10} |\n| *pr-value* | paddingRight | number | pr-10 |\n| pt | paddingTop | number | pt={10} |\n| *pt-value* | paddingTop | number | pt-10 |\n| px | paddingHorizontal | number | px={10} |\n| *px-value* | paddingHorizontal | number | px-10 |\n| py | paddingVertical | number | py={10} |\n| *py-value* | paddingVertical | number | py-10 |\n\n* ### textAlignStyles\n| prop name | style name | value type | example |\n| --------- | ---------- | ---- | ------- |\n| align | textAlign | string | align={\"center\"} |\n| *align-value* | textAlign | string | align-center|\n\n*align-value: auto | center | left | right | justify*","readmeFilename":"README.md"}