{"_id":"@99xt/first-born","_rev":"19-d674a8fcf3bfe0edf464a3978263c505","name":"@99xt/first-born","description":"React Native UI Framework","dist-tags":{"latest":"1.1.8"},"versions":{"1.0.0":{"name":"@99xt/first-born","version":"1.0.0","keywords":["React","React","Native","UI","Elements"],"author":{"name":"Sameeha Rahman"},"license":"MIT","_id":"@99xt/first-born@1.0.0","maintainers":[{"name":"rajikaimal","email":"inbox.rajika@gmail.com"},{"name":"samsam-026","email":"rahman.sameeha@gmail.com"},{"name":"mudithab","email":"batagodamuditha@gmail.com"},{"name":"shalithasuranga","email":"shalithasuranga@gmail.com"},{"name":"mjfernando","email":"manojf@99x.lk"},{"name":"thinkholic","email":"mailtokasun@gmail.com"},{"name":"99xtechnology","email":"ashanf@99x.lk"},{"name":"rehrumesh","email":"rehrumesh@hotmail.com"}],"homepage":"https://github.com/99xt/firstBorn#readme","bugs":{"url":"https://github.com/99xt/firstBorn/issues"},"dist":{"shasum":"274ad71ff58b450de54025d45c95096dc5aada39","tarball":"https://registry.npmjs.org/@99xt/first-born/-/first-born-1.0.0.tgz","fileCount":45,"integrity":"sha512-68DcTR3RcbUq99zDk9ZCphxjNIgb8xneEVNmVqfnpzTYyQUzoY+rw3v447XpgVMLHEeBtC9U5Xa06anxEAT9hg==","signatures":[{"sig":"MEUCIQC0tb5VQTGxyydTLK+8HSdf7Dw3nHmjV147Hp4JmTIAkwIgZNkV9Yxz5sv5Dy38+IPBMFPomtXywMzwfhjz/bM4s3o=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":154334,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJcoeSaCRA9TVsSAnZWagAAq1UP/0somOlve2I9c7XpdXMY\nfHn9aummufR2IAzcenkHwPef0sgHHeqXQouXoskI7kuoWmuU3ADMdJYc8BhV\n7xguJDmr6KEnChQaqhfgW7RmCTZVlYcfeJLJUqmIwddbSEV6B2uYGXTN1l8u\npm+slVshdE9TSiZFDKGjIVNMkviqan1g4aC/983akxxlKtjZXa/4Id7qzvNf\nJVWseqgz5E/xnnD6sVJAy48uQ8USl+AkXVBvMkodSsU+KZakVk3wHWLq+aEa\nLjlZEYKSjuz6hybEzghhxmYE8MdyYo7cILeKObtnI4XfMehXUWonDRK+h74u\nplji33Wb/XG6jlNzleI6u11O0puKf/Dxfox3Pek+AvAef8nEGBq1skBMPcrF\nH8CG+RwqDi9Zdf+aIUArm4TFPGpqakusT78IHm/Zctp9BPilI0CRVo2t0Wv8\n8Btz3GM6NxcMb6/ub2LZM3t6xwDGEdYaDp0O/as0IGk3RPX2cIV6Zi5amYu/\nTDNtzVrHdIFj8QUzYfi2eJ2XIysEP62DKgj4gXrC5U35tWIo9rROpWLHwqtb\nZJHsfrkoy0wg2zmFjuJrFQJvB92C/BFdqv7tqozd4371XqTXG435xdKma2Ky\nadLbl20VU1P/eBDUjD+fqGMx/MFXllMhEYjiWiUtSZX8ywLFmjKcQ+H70BIF\ng6RY\r\n=OGOj\r\n-----END PGP SIGNATURE-----\r\n"},"jest":{"preset":"react-native"},"main":"index.js","husky":{"hooks":{"pre-commit":"npm run precommit"}},"gitHead":"bc4e89ec44b4f3578b1d60fbc45be85af1093d52","scripts":{"test":"jest","pretty":"prettier --write --tab-width 4 \"src/**/*.{js,jsx,json}\"","precommit":"lint-staged"},"_npmUser":{"name":"samsam-026","email":"rahman.sameeha@gmail.com"},"repository":{"url":"git+ssh://git@github.com/99xt/firstBorn.git","type":"git"},"_npmVersion":"5.6.0","description":"React Native UI Framework","directories":{},"lint-staged":{"*.{js,jsx,json}":["npm run pretty && npm run text","git add"]},"_nodeVersion":"8.11.3","dependencies":{"react":"^16.4.0","prop-types":"^15.6.0","react-native":"^0.57.0","create-react-class":"^15.6.3","react-native-vector-icons":"^6.0.0"},"_hasShrinkwrap":false,"devDependencies":{"jest":"^24.5.0","husky":"^1.3.1","prettier":"^1.16.4","lint-staged":"^8.1.5","jest-react-native":"^18.0.0","react-test-renderer":"^16.8.6","@babel/plugin-proposal-class-properties":"^7.4.0","@babel/plugin-transform-flow-strip-types":"^7.4.0"},"_npmOperationalInternal":{"tmp":"tmp/first-born_1.0.0_1554113690086_0.9642190603807712","host":"s3://npm-registry-packages"}},"1.0.1":{"name":"@99xt/first-born","version":"1.0.1","keywords":["React","React","Native","UI","Elements"],"author":{"name":"Sameeha Rahman"},"license":"MIT","_id":"@99xt/first-born@1.0.1","maintainers":[{"name":"99xtechnology","email":"ashanf@99x.lk"},{"name":"mjfernando","email":"manojf@99x.lk"},{"name":"mudithab","email":"batagodamuditha@gmail.com"},{"name":"rajikaimal","email":"inbox.rajika@gmail.com"},{"name":"rehrumesh","email":"rehrumesh@hotmail.com"},{"name":"samsam-026","email":"rahman.sameeha@gmail.com"},{"name":"shalithasuranga","email":"shalithasuranga@gmail.com"},{"name":"thinkholic","email":"mailtokasun@gmail.com"}],"homepage":"https://github.com/99xt/firstBorn#readme","bugs":{"url":"https://github.com/99xt/firstBorn/issues"},"dist":{"shasum":"38ed9b439c88d3ea22aed6f3526b400c9d7ee6eb","tarball":"https://registry.npmjs.org/@99xt/first-born/-/first-born-1.0.1.tgz","fileCount":45,"integrity":"sha512-Pq85ltsh05dlcmNVtdoyI+t3v31AfA7ldumCOr5BKxSqvo6omOEibjeFB804NRWNhrd5PwT7hdUmXRmYN7sT6g==","signatures":[{"sig":"MEYCIQDLViTxAPdYSZn2BvXEyyy+OLCfU0uEX/v0OBcb8j8y8gIhAPiDVX08W6n0BLm73bEG9qaHBQDAZoqLKf8TqnkrtfMu","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":154800,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJcofqQCRA9TVsSAnZWagAACOsP/2v36LtzNEgkDKKUaKoh\nguEL7Plwx+ScMosH0X8ctdD4yDw30o4jRIyuwU6i1wo/ABjD44Y1/bGmHRf5\nuAVnM6ukcYcQJR9tuxjkzM/yujL8oNsk6fgreSEo11syLDDlA3M2vwqLjzV4\nabZoQVOTKVuV/nfuln0lzzwr4yXorvpxlEFN7KtfXNj0zGYd+9xNWPlLH/hp\nZ0keh19vEMo7xKPpYfCM4/TkcAzyeLf5EJEnSrgqISco66s44JOUIIrooBNc\nvN2dbelBeHQP5GHEtTYdvvvOlOPzj6bF1x9vH3Ue9dm/Y3PQLWOMK6zBNgs8\nWwDZnJMVcxSwshB35jGT3LB8qEVJIuRdmTRCpJADlZ3HeUETJDUPEXacFXEr\nWa2WRXcyn7YsYaVaQq8En3FoYz076dF42Nv3EcQpBiXMnBFKEd9iCQyfewYV\nOHkfUsJnbJTUyQY1GsL36PXLfIdNR2MebHhwvAt3W5MJyoE+oOU3vNr9L0mD\ncCrPc/JeLsrGZhcSbwsUrNQwEStKPPRjbWvntmORmFoy15pfhvTzMYHAnbHs\nOxyZcGWzxQMq/JHdktXMJxB5o5OXBMJry/QRZLx3Lono54MKEoJvJuxRR3WE\n+MguqXXu5B0rtcEbYNRZqKoprlGhOaV/HKUtnbOTj/NO7LmnznS3e7SSLIPW\nxgiM\r\n=2jB7\r\n-----END PGP SIGNATURE-----\r\n"},"jest":{"preset":"react-native"},"main":"index.js","husky":{"hooks":{"pre-commit":"npm run precommit"}},"gitHead":"80079c6a9fb19845cd5beddef634905ed511ab53","scripts":{"test":"jest","pretty":"prettier --write --tab-width 4 \"src/**/*.{js,jsx,json}\"","precommit":"lint-staged"},"_npmUser":{"name":"samsam-026","email":"rahman.sameeha@gmail.com"},"repository":{"url":"git+ssh://git@github.com/99xt/firstBorn.git","type":"git"},"_npmVersion":"5.6.0","description":"React Native UI Framework","directories":{},"lint-staged":{"*.{js,jsx,json}":["npm run pretty && npm run text","git add"]},"_nodeVersion":"8.11.3","dependencies":{"react":"^16.4.0","prop-types":"^15.6.0","react-native":"^0.57.0","create-react-class":"^15.6.3","react-native-vector-icons":"^6.0.0"},"_hasShrinkwrap":false,"devDependencies":{"jest":"^24.5.0","husky":"^1.3.1","prettier":"^1.16.4","lint-staged":"^8.1.5","jest-react-native":"^18.0.0","react-test-renderer":"^16.8.6","@babel/plugin-proposal-class-properties":"^7.4.0","@babel/plugin-transform-flow-strip-types":"^7.4.0"},"_npmOperationalInternal":{"tmp":"tmp/first-born_1.0.1_1554119311551_0.11036936484358795","host":"s3://npm-registry-packages"}},"1.0.2":{"name":"@99xt/first-born","version":"1.0.2","keywords":["React","React","Native","UI","Elements"],"author":{"name":"Sameeha Rahman"},"license":"MIT","_id":"@99xt/first-born@1.0.2","maintainers":[{"name":"99xtechnology","email":"ashanf@99x.lk"},{"name":"mjfernando","email":"manojf@99x.lk"},{"name":"mudithab","email":"batagodamuditha@gmail.com"},{"name":"rajikaimal","email":"inbox.rajika@gmail.com"},{"name":"rehrumesh","email":"rehrumesh@hotmail.com"},{"name":"samsam-026","email":"rahman.sameeha@gmail.com"},{"name":"shalithasuranga","email":"shalithasuranga@gmail.com"},{"name":"thinkholic","email":"mailtokasun@gmail.com"}],"homepage":"https://github.com/99xt/firstBorn#readme","bugs":{"url":"https://github.com/99xt/firstBorn/issues"},"dist":{"shasum":"2c1cfa24d53698e23868a8be80708c335486cd2e","tarball":"https://registry.npmjs.org/@99xt/first-born/-/first-born-1.0.2.tgz","fileCount":45,"integrity":"sha512-ZKmfj/SLR01KZzDIbRKf/v6nh5NsRmHs7fj7vvb4tZaM27I6K1pK2OxFl8Xbu8sq9uh0ZLBLFcahKHghzJAoMA==","signatures":[{"sig":"MEYCIQCihHnHMv9NtqQwPtzXHH49EldeZLBHtbuL4HE2NDMwQwIhAJUXhDvAYA2G4cJ7KMTknzl96l5oF8QiigMSfWPBT1zU","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":155045,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJco1zhCRA9TVsSAnZWagAA74wQAIJjpkVKmpPKb89OmCsL\n8sGlHXXPNl2Vqki6YH42Vzq2JfJyjbAIKNJc/TQltPxWMHhUuLxfO7wZq4vU\nVq87c1CrQbx6ttKK75ZFbvphhVQVCk4eCzTfn21DjXm1wDCSNL5J83TAVDtK\n4aqLYftn0pbDpKZF+7Ogrdrr8puEqSobKJL6asZLo2kAHupH9a44Rob8jWRh\nFbqE99MCJCb50qJp7HzkGl7wDlbQTo2hua4zKe7Cdr0mQoLTHHlBYdTfbpWf\nINxICjyQVGy87nAhSzEaG8TNCLyJ47GtO6ORFT+cENlnxkfQbmW9lD7oX8Go\np47Sa4kSlVa/OWpZNrQr8HjKFaSaej/5ECdKVtLrKYM8xbQW6MgQTqALNdyw\nQOsckywyYxufrVTWd8U02k7LSuoJJ8zrVcnwxgvgOLMg9pIGxPwScfN0HbAk\nZiGNPvPvb+cHfCqGf7Fl26Pe+AzDk09ZA2LDVUYCzTpb6oT1jExoUPOm37dh\neAITmFp8VmtOAuJ5n0NKddjL96Hp0abuUC5umYX5H1KWVBKnBV9moUu9Itc3\neOuzkZgaKxbUqmPfzZ1fXq2gsRHXAPWsEkwzOkohz7no6Du/uHqlf4sHO/25\nemE85p79tQZiApUXBdSYaJhBHHkFOYV0fPFHThgPqaf6clb+TFa7Fs65mjWg\n6VBS\r\n=xm1I\r\n-----END PGP SIGNATURE-----\r\n"},"jest":{"preset":"react-native"},"main":"index.js","husky":{"hooks":{"pre-commit":"npm run precommit"}},"gitHead":"37e0987ee17dfee88ca5b269ac19674e157517c3","scripts":{"test":"jest","pretty":"prettier --write --tab-width 4 \"src/**/*.{js,jsx,json}\"","precommit":"lint-staged"},"_npmUser":{"name":"samsam-026","email":"rahman.sameeha@gmail.com"},"repository":{"url":"git+ssh://git@github.com/99xt/firstBorn.git","type":"git"},"_npmVersion":"5.6.0","description":"React Native UI Framework","directories":{},"lint-staged":{"*.{js,jsx,json}":["npm run pretty && npm run text","git add"]},"_nodeVersion":"8.11.3","_hasShrinkwrap":false,"devDependencies":{"jest":"^24.5.0","husky":"^1.3.1","react":"^16.8.6","prettier":"^1.16.4","prop-types":"^15.7.2","lint-staged":"^8.1.5","react-native":"^0.59.3","jest-react-native":"^18.0.0","create-react-class":"^15.6.3","react-test-renderer":"^16.8.6","react-native-vector-icons":"^6.4.2","@babel/plugin-proposal-class-properties":"^7.4.0","@babel/plugin-transform-flow-strip-types":"^7.4.0"},"_npmOperationalInternal":{"tmp":"tmp/first-born_1.0.2_1554210016976_0.28044034065292545","host":"s3://npm-registry-packages"}},"1.0.3":{"name":"@99xt/first-born","version":"1.0.3","keywords":["React","React","Native","UI","Elements"],"author":{"name":"Sameeha Rahman"},"license":"MIT","_id":"@99xt/first-born@1.0.3","maintainers":[{"name":"99xtechnology","email":"ashanf@99x.lk"},{"name":"mjfernando","email":"manojf@99x.lk"},{"name":"mudithab","email":"batagodamuditha@gmail.com"},{"name":"rajikaimal","email":"inbox.rajika@gmail.com"},{"name":"rehrumesh","email":"rehrumesh@hotmail.com"},{"name":"samsam-026","email":"rahman.sameeha@gmail.com"},{"name":"shalithasuranga","email":"shalithasuranga@gmail.com"},{"name":"thinkholic","email":"mailtokasun@gmail.com"}],"homepage":"https://github.com/99xt/first-born#readme","bugs":{"url":"https://github.com/99xt/first-born/issues"},"dist":{"shasum":"a07cb94e1816078bf2cc017978f7ebe4202d7c61","tarball":"https://registry.npmjs.org/@99xt/first-born/-/first-born-1.0.3.tgz","fileCount":46,"integrity":"sha512-HCD/jWbPaMtXnH08y2tDDBkv5F0Bvt3fVa1adfSkEtIMjo0d8yK4LycHxeEGcj32r0uNq5r8ldM5hYe1SzfxVA==","signatures":[{"sig":"MEYCIQClUu6k5zrreN9hsY+F5KZP/85NLKY87K9/8V8FmGHb5gIhAO6owA5Afi8pYz+sZgCIHFwMxaH1J/u6rhJJmgEdNrlu","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":160046,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJcrY2ACRA9TVsSAnZWagAAsCoP/3JMoRqiZX7+pGTSZwg5\narq+z2cPUMSjF7OvY5Pkx9lm//q8vLdpE4sksRi06IqeS0yuysBpElwL3DYs\nKj3KTxiT82lg63mLzhD+KWHGSU7lEw5EV1tV1FKyt7xdkQP4lNPOcTNYI39L\neOExf/lcfzxb50wOAajdF/DayH5wwEfoVDsef42pN9+GaFNb92vd87lUbXhF\n+HCr8xNlyOZ7pqBQoxZIRD+CtVprrIuADZD+Hvd2xK3dFE8x61YhBp7QO5Fl\nnVwqVujJWTx7d4brIA9dNOtNP/ufC2ECKmMef61kGPQ037xkPdRT99u+L63V\nuPwm5Knwf0CLz8tSd7SFVVamWVMyRSu0FYsUDv0TTy66zwpSyjS3PPB3jE73\nuZQc+CBUuTAL8CqSc7xHebGhwJyboRTxLIidMpZw0sUnnWkSHa8K1Zgq9/Wc\nUkGb50dE2Z9FiCEdbXlkwqFxMxZWRuY1IS8Bx6E1l5tTphtFuL+E1Xb0Ra/R\nB2omuEaXDQiw9XoiZP00N3whFhD89AqodCVA/9+gdeJp9quE/oFFx6i1evEb\nBXd/Oc0IWl0n7QWbVclIB+qzPUay5BLSAU2JR5bFfm7UPAkmKQga81X3TMyU\nj6WV7SjoF14t2nnwuc8hdxsizHgSQsgEnnqft0x+iyFXl9f3wig/W6GKwjWk\nOeeU\r\n=KDN7\r\n-----END PGP SIGNATURE-----\r\n"},"jest":{"preset":"react-native"},"main":"index.js","husky":{"hooks":{"pre-commit":"npm run precommit"}},"gitHead":"82bd5c649f92f4c56f3d2a700ffa6971eed4076b","scripts":{"test":"jest","pretty":"prettier --write --tab-width 4 \"src/**/*.{js,jsx,json}\"","precommit":"lint-staged && npm run test"},"_npmUser":{"name":"samsam-026","email":"rahman.sameeha@gmail.com"},"repository":{"url":"git+ssh://git@github.com/99xt/first-born.git","type":"git"},"_npmVersion":"5.6.0","description":"React Native UI Framework","directories":{},"lint-staged":{"*.{js,jsx,json}":["npm run pretty","git add"]},"_nodeVersion":"8.11.3","_hasShrinkwrap":false,"devDependencies":{"jest":"^24.5.0","husky":"^1.3.1","react":"^16.8.6","prettier":"^1.16.4","prop-types":"^15.7.2","lint-staged":"^8.1.5","react-native":"^0.59.3","jest-react-native":"^18.0.0","create-react-class":"^15.6.3","react-test-renderer":"^16.8.6","react-native-vector-icons":"^6.4.2","@babel/plugin-proposal-class-properties":"^7.4.0","@babel/plugin-transform-flow-strip-types":"^7.4.0"},"_npmOperationalInternal":{"tmp":"tmp/first-born_1.0.3_1554877822897_0.0715993951683398","host":"s3://npm-registry-packages"}},"1.0.4":{"name":"@99xt/first-born","version":"1.0.4","keywords":["React","React","Native","UI","Elements"],"author":{"name":"Sameeha Rahman"},"license":"MIT","_id":"@99xt/first-born@1.0.4","maintainers":[{"name":"99xtechnology","email":"ashanf@99x.lk"},{"name":"mjfernando","email":"manojf@99x.lk"},{"name":"mudithab","email":"batagodamuditha@gmail.com"},{"name":"rajikaimal","email":"inbox.rajika@gmail.com"},{"name":"rehrumesh","email":"rehrumesh@hotmail.com"},{"name":"samsam-026","email":"rahman.sameeha@gmail.com"},{"name":"shalithasuranga","email":"shalithasuranga@gmail.com"},{"name":"thinkholic","email":"mailtokasun@gmail.com"}],"homepage":"https://github.com/99xt/first-born#readme","bugs":{"url":"https://github.com/99xt/first-born/issues"},"dist":{"shasum":"532765ef6ff302aa3c32b1cb4f5936d9232569a9","tarball":"https://registry.npmjs.org/@99xt/first-born/-/first-born-1.0.4.tgz","fileCount":46,"integrity":"sha512-1K8WoT77rDHJQJOFNEtu7g9RHCeFtcgy2ZdhQBXIniCWOP0R/O3nM0DPsZQSxJ2p9VG3/g3+Og4QaJ+gzPIF+Q==","signatures":[{"sig":"MEYCIQD+y5u3PX1xPkr0s41szicAOU0WK1HwsUEfpPfREJe8zQIhAIOT4OtTkHCVvMiM1dL4hmwTpCHddbVqnGJ4aIhVdvSx","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":164174,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJcwTJpCRA9TVsSAnZWagAAmM0P/j1F+sQYShjFscB87VvI\noAKcfuArpr7mOmaeJuFHQVnNeXiTTWf3WHLkVLRvBqVT97XJiZQ8Jk/1LirX\nZwLpYkwNolVYsnkFBf+4dJA9GAR1/sWfw6VGnlS2OI+Aw+dhLIcK6KusMFaH\nyN3A8pO+FGUQ6JgGJQ2+6oruz4xtnzsqHZCu3+60eo/KOlOJNa06ys9+5mIv\nO7mNI7HQDRlWxgCwHilDHrlri7842m/KzNI3SIVU9+6he7cECWzryiMtifMW\ntHgu9grLKKbC3j1HJtpTp/4e0rjSeMdGeKEl0ssC9D+8qEujFC1R54rnSKyN\nOrzCQCuSZPiza0j8Sr38LOKdfoZzlQH6S7FVXAt2wYrm8nZrEvDeyl4lCaGR\nzqF1ASXrJmvQypWz0WuAVd8jUOIeJC92tHtZwMPiHBS+imci6nohvZeFcAkY\nWIvBwcxYqsiNXgOtifH+f0Sjt/Jn3dCWcD34Tkh0BXQriFksxbr77pJjtytP\nXhn7N+/T5GNxtL9njXHdX/iEsO4fpWxNBkQbdwpOPv2s6T2qELvn5ZoAXo2j\n46I4ponOn4yz9U4EoYhlDR/8mb+Iqhwok76ZZr9ztEIXJiKwr/8PHnVC0w7f\nQeZdN4hHH/UYI+LkHvWKU7lDXlrYkyPZYyXK3/onb/4JczYy+LafkAx5LCPs\ny6N6\r\n=fT7I\r\n-----END PGP SIGNATURE-----\r\n"},"jest":{"preset":"react-native"},"main":"index.js","husky":{"hooks":{"pre-commit":"npm run precommit"}},"gitHead":"8ac05392de354985afcc97d1c822a2472858eb77","scripts":{"test":"jest","pretty":"prettier --write --tab-width 4 \"**/*.{js,jsx,json}\"","precommit":"lint-staged && npm run test"},"_npmUser":{"name":"samsam-026","email":"rahman.sameeha@gmail.com"},"repository":{"url":"git+ssh://git@github.com/99xt/first-born.git","type":"git"},"_npmVersion":"6.9.0","description":"React Native UI Framework","directories":{},"lint-staged":{"*.{js,jsx,json}":["npm run pretty","git add"]},"_nodeVersion":"9.5.0","_hasShrinkwrap":false,"devDependencies":{"jest":"^24.5.0","husky":"^1.3.1","react":"^16.8.6","prettier":"^1.16.4","prop-types":"^15.7.2","lint-staged":"^8.1.5","react-native":"^0.59.3","jest-react-native":"^18.0.0","create-react-class":"^15.6.3","react-test-renderer":"^16.8.6","react-native-vector-icons":"^6.4.2","@babel/plugin-proposal-class-properties":"^7.4.0","@babel/plugin-transform-flow-strip-types":"^7.4.0"},"_npmOperationalInternal":{"tmp":"tmp/first-born_1.0.4_1556165224643_0.19646286393695567","host":"s3://npm-registry-packages"}},"1.1.0":{"name":"@99xt/first-born","version":"1.1.0","keywords":["React","React","Native","UI","Elements"],"author":{"name":"Sameeha Rahman"},"license":"MIT","_id":"@99xt/first-born@1.1.0","maintainers":[{"name":"99xtechnology","email":"ashanf@99x.lk"},{"name":"mjfernando","email":"manojf@99x.lk"},{"name":"mudithab","email":"batagodamuditha@gmail.com"},{"name":"rajikaimal","email":"inbox.rajika@gmail.com"},{"name":"rehrumesh","email":"rehrumesh@hotmail.com"},{"name":"samsam-026","email":"rahman.sameeha@gmail.com"},{"name":"shalithasuranga","email":"shalithasuranga@gmail.com"},{"name":"thinkholic","email":"mailtokasun@gmail.com"}],"homepage":"https://github.com/99xt/first-born#readme","bugs":{"url":"https://github.com/99xt/first-born/issues"},"dist":{"shasum":"d564a347ad635ca81c6d707ac451f36498644310","tarball":"https://registry.npmjs.org/@99xt/first-born/-/first-born-1.1.0.tgz","fileCount":51,"integrity":"sha512-v6MuZax2IyNaV2dT5BHERgWnsKrhOiM4+jwnMrxyFD8OZEga4y38MBTpOHjvYYtkKNPD+iZqq+fz+biWuTJoCg==","signatures":[{"sig":"MEUCIFOibQB99zBDosWjZrJiXwo1QsrKbZJABEQomsYRa50qAiEAsX8SLFqqNEPEZb0BClbAVprLirn9JbEGCFtaezd9cj4=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":188048,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJcx/YqCRA9TVsSAnZWagAA38AP/ie1lOg6YGV7KnfuVfIp\nzossTn58uVnPfmZ8Uu1MSd1jjs8CxezjbWwIUA1MNVZFQaegRhXPJoAZ75rk\n3SlvbCUz+aZIgx1dqFaxXkhM9loYFcpj943U+09pNlNoNJGU+uL307gUf2DO\nVDgNK+XuXniEvph3srKYgPjLAwvk9eraSMsKUc/bYrhTJHcV9mCwJ3iZe/yv\nn+VPvN6OmMuXDiNDgJApoDWQcRuyhWKXN27ICt6VKFPifmlrVBWjNrwoRNbl\nlVHQrvY7/t9nuq/431I7EtMI7746J79OJszCok5VI5mX4WiR6TzSqgam+xCV\nxy1RQbXIYCShC9rDRH0lR7UA2FzrPrRvkFBdl+5PzvqCU/g9tayFOyNjEgnX\n0wIwE1B/+Q0eoMFcuUthN/pDCHacJmxh/r47zOW1jj29dZfbMI5OUBUubjmS\n5uyxODHo2FYopqbB+Owp/Y3NhA5bkKksfqW9Dxl2a0kl3a13LgvUTpWNQW2u\n02VWQXLgA5J8QbjN3v+l5oa5jlVQSgkbGuesavo1t7Y6RjO3hge1oDzngSV1\n600+u22X5PdZpP8v3ViyBWbilvuPeuXV+RxwrW/00bZvdTy3m2HUpBvqOwJG\nUr7TcIK0O2xS2yCRlJVLOAdLUAaWtmwjewG/tyEl2hyjlxkQHPfMvPgYFYwd\nZGZH\r\n=U2MR\r\n-----END PGP SIGNATURE-----\r\n"},"jest":{"preset":"react-native"},"main":"index.js","husky":{"hooks":{"pre-commit":"npm run precommit"}},"gitHead":"a857109ce2c8d1e8e3737b1c87553fbefdf5aa21","scripts":{"test":"jest","pretty":"prettier --write --tab-width 4 \"**/*.{js,jsx,json}\"","precommit":"lint-staged && npm run test"},"_npmUser":{"name":"samsam-026","email":"rahman.sameeha@gmail.com"},"repository":{"url":"git+ssh://git@github.com/99xt/first-born.git","type":"git"},"_npmVersion":"5.6.0","description":"React Native UI Framework","directories":{},"lint-staged":{"*.{js,jsx,json}":["npm run pretty","git add"]},"_nodeVersion":"8.11.3","_hasShrinkwrap":false,"devDependencies":{"jest":"^24.5.0","husky":"^1.3.1","react":"^16.8.6","prettier":"^1.16.4","prop-types":"^15.7.2","lint-staged":"^8.1.5","react-native":"^0.59.3","jest-react-native":"^18.0.0","create-react-class":"^15.6.3","react-test-renderer":"^16.8.6","react-native-vector-icons":"^6.4.2","@babel/plugin-proposal-class-properties":"^7.4.0","@babel/plugin-transform-flow-strip-types":"^7.4.0"},"_npmOperationalInternal":{"tmp":"tmp/first-born_1.1.0_1556608553402_0.6204545769498404","host":"s3://npm-registry-packages"}},"1.1.1":{"name":"@99xt/first-born","version":"1.1.1","keywords":["React","React","Native","UI","Elements"],"author":{"name":"Sameeha Rahman"},"license":"MIT","_id":"@99xt/first-born@1.1.1","maintainers":[{"name":"99xtechnology","email":"ashanf@99x.lk"},{"name":"mjfernando","email":"manojf@99x.lk"},{"name":"mudithab","email":"batagodamuditha@gmail.com"},{"name":"rajikaimal","email":"inbox.rajika@gmail.com"},{"name":"rehrumesh","email":"rehrumesh@hotmail.com"},{"name":"samsam-026","email":"rahman.sameeha@gmail.com"},{"name":"shalithasuranga","email":"shalithasuranga@gmail.com"},{"name":"thinkholic","email":"mailtokasun@gmail.com"}],"homepage":"https://github.com/99xt/first-born#readme","bugs":{"url":"https://github.com/99xt/first-born/issues"},"dist":{"shasum":"7fef31a66c4fbe499d2134aaaf2d862a964b8c83","tarball":"https://registry.npmjs.org/@99xt/first-born/-/first-born-1.1.1.tgz","fileCount":51,"integrity":"sha512-N0oY/rsYaW3lyDwTcY3ifwv7ZB3SFOJmUtaYkvSyuAzm7c5HAlHH6YbqTqMO+PBVwmag++Uxmleh1lSv8Zp2Ag==","signatures":[{"sig":"MEYCIQDMRrpYDzcqj51/sPauJu+JquLdjTTjOoujDe1sCrRdPAIhAP1xuwjJl33ySBR0/Z3vC3OYZEjZNmTn7gGid7LDHwML","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":189191,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJcynB/CRA9TVsSAnZWagAAnDAQAJl7YfacGPaxNfL8evXH\nTdHQenR5CXQZkqHYGygi9XnLoMygzOo9+wKjqZqBDejAJFVZRVj4qrEIzBzf\nnz/tMC5VuVyuysIIcycNzClLcxxn/v1MBNx/ySInGOS8lD9eN0ym+eLVZ4ys\nN4c7aS6fxiA1xl4mJ8UM7gxTAgWFHuvxdpsmE4eWjxJVxJQTg8f9dIO2T5D8\nA2Ei+d+IvDqRJRO929GItiXXZ5s+q+1cHIze0O74esmBu8USAXAnlaDk0Ms9\n3L3CRyi3EVvq+0bUgsyuumEaDIm+7XlEOOTFox5dRlrESfXvwPFnLcGoVD+b\nZZG6LNIwVPfrznZrHaik9T8wzReMssLf67mEol04874mHDu4Fwoko612s+GJ\nr8zccivt4PPGKYfwowQbvyk+ESKTHjtpIjffgJd2oxfCGzA1F/7q8lznmEbE\nHz9+G/WIlfc3jBN+UtYpG8VCJwR72GJPCaMelTq5FiAk2iyUNK3AFquJVw29\nNh+5pCybno7LexiHP+vAYX+RRVF/ORMKafPdlfure63yWNeHWLW3Evp8ZwKI\nOXOO/Nk+TZAQ1veu0supAC+NOYarZ4MeAJ7f3Jy+C3Dwy+BnNVTi+iHRmE9Q\nLx804JLizUU3bXFex3zKJkcgIi4YgC4IsXbdf1SenZ6AUJII22Oh9fw3WKOd\n5ze3\r\n=wAc3\r\n-----END PGP SIGNATURE-----\r\n"},"jest":{"preset":"react-native"},"main":"index.js","husky":{"hooks":{"pre-commit":"npm run precommit"}},"gitHead":"7f17e6ef54d53ef3ecc8e370c31da2827e5906dc","scripts":{"test":"jest","pretty":"prettier --write --tab-width 4 \"**/*.{js,jsx,json}\"","precommit":"lint-staged && npm run test"},"_npmUser":{"name":"samsam-026","email":"rahman.sameeha@gmail.com"},"repository":{"url":"git+ssh://git@github.com/99xt/first-born.git","type":"git"},"_npmVersion":"5.6.0","description":"React Native UI Framework","directories":{},"lint-staged":{"*.{js,jsx,json}":["npm run pretty","git add"]},"_nodeVersion":"8.11.3","_hasShrinkwrap":false,"devDependencies":{"jest":"^24.5.0","husky":"^1.3.1","react":"^16.8.6","prettier":"^1.16.4","prop-types":"^15.7.2","lint-staged":"^8.1.5","react-native":"^0.59.3","jest-react-native":"^18.0.0","create-react-class":"^15.6.3","react-test-renderer":"^16.8.6","react-native-vector-icons":"^6.4.2","@babel/plugin-proposal-class-properties":"^7.4.0","@babel/plugin-transform-flow-strip-types":"^7.4.0"},"_npmOperationalInternal":{"tmp":"tmp/first-born_1.1.1_1556770942370_0.9477754093041175","host":"s3://npm-registry-packages"}},"1.1.2":{"name":"@99xt/first-born","version":"1.1.2","keywords":["React","React","Native","UI","Elements"],"author":{"name":"Sameeha Rahman"},"license":"MIT","_id":"@99xt/first-born@1.1.2","maintainers":[{"name":"99xtechnology","email":"ashanf@99x.lk"},{"name":"mjfernando","email":"manojf@99x.lk"},{"name":"mudithab","email":"batagodamuditha@gmail.com"},{"name":"rajikaimal","email":"inbox.rajika@gmail.com"},{"name":"rehrumesh","email":"rehrumesh@hotmail.com"},{"name":"samsam-026","email":"rahman.sameeha@gmail.com"},{"name":"shalithasuranga","email":"shalithasuranga@gmail.com"},{"name":"thinkholic","email":"mailtokasun@gmail.com"}],"homepage":"https://github.com/99xt/first-born#readme","bugs":{"url":"https://github.com/99xt/first-born/issues"},"dist":{"shasum":"9d92940dbe8ccb34274b35110fff7d9718581e4a","tarball":"https://registry.npmjs.org/@99xt/first-born/-/first-born-1.1.2.tgz","fileCount":51,"integrity":"sha512-PzuxjNMiT1TKMxDwsf0OAz2VbB7nxoSDsc3GeMl0BNyNrNCdvg/zUVvLM53iPveBxGcL0H71Oms7EdcrT4lVVg==","signatures":[{"sig":"MEYCIQDDWcyyfkBAQOU14yxhIzmht7r+2JuZ7dow0vF24P4tYAIhAPUNrRHaUWbX4rW4omHBIe1d3sbcR4jgCvS/q4hCl+Me","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":190356,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJc2PegCRA9TVsSAnZWagAAf2sP/1Vr6jFtR08jltXPAQ6E\nvOQWnK2lKB1qIS3mwfRRQHXovbgjh7V5dl+92A0oz7vluGGXHADWWnrjkIyV\ns9uUpfkn44aosPEgQ4LnE3wRfeeEBK5Gbvtq7PFbnLF76rHdH/6biduIJVqk\nJIXGR3V1UpzqpeZRs/kJIZF5KvdOoxhCmtSAi5jOS31j0ltdlx+1XCugVnV5\nLTYANMfNsdYzVk7orjiM0A1tre03KY3oHVplOaZkFlXjYSoQgjykQ+40RRNQ\n3wr12YtOZavMtLxPZ5cle5Qhe4a7/b9ezE20S6j5KgYccFlo8NKkGysqK5Ib\nRM/aOitpVIArG7zVSGBfNRsC6dh7ifdURGC5cc2MZbASeSmV0Co6QNa/b4R+\nLEBI3il+/WAzUAWI0wWz7a2ov09aHN8VNIlsq71uRUEfReWeCLcVphyq8DvD\nYtO1Sv6Z3sYxdUJwrOlBJys1nMQT+CL6Qw2ThIVmxh+boEPz06Sqm2bTi+7O\nyVWvvNkJxQKn7QbK3hzi378Ym71XF1LjPjXgmohDDFJlOL/vv95b060SOj9p\nGMLc+5tVVfERdE7i9CwNo8HnJaaSXnTtrwsSj6udqonV85YqHWp+X8l4/RyZ\nePsQWsTiTVF3lPrGgmyRL2UBFRBdQBzrBNUJg/9sJsyggiO6wWQlIqiG4Qcf\n5QUN\r\n=cC9b\r\n-----END PGP SIGNATURE-----\r\n"},"jest":{"preset":"react-native"},"main":"index.js","husky":{"hooks":{"pre-commit":"npm run precommit"}},"gitHead":"737b34109de1286bbf5292084ee95d64a493b1b0","scripts":{"test":"jest","pretty":"prettier --write --tab-width 4 \"**/*.{js,jsx,json}\"","precommit":"lint-staged && npm run test"},"_npmUser":{"name":"samsam-026","email":"rahman.sameeha@gmail.com"},"repository":{"url":"git+ssh://git@github.com/99xt/first-born.git","type":"git"},"_npmVersion":"5.6.0","description":"React Native UI Framework","directories":{},"lint-staged":{"*.{js,jsx,json}":["npm run pretty","git add"]},"_nodeVersion":"8.11.3","_hasShrinkwrap":false,"devDependencies":{"jest":"^24.5.0","husky":"^1.3.1","react":"^16.8.6","prettier":"^1.16.4","prop-types":"^15.7.2","lint-staged":"^8.1.5","react-native":"^0.59.3","jest-react-native":"^18.0.0","create-react-class":"^15.6.3","react-test-renderer":"^16.8.6","react-native-vector-icons":"^6.4.2","@babel/plugin-proposal-class-properties":"^7.4.0","@babel/plugin-transform-flow-strip-types":"^7.4.0"},"_npmOperationalInternal":{"tmp":"tmp/first-born_1.1.2_1557723038952_0.654139349932209","host":"s3://npm-registry-packages"}},"1.1.3":{"name":"@99xt/first-born","version":"1.1.3","keywords":["React","React","Native","UI","Elements"],"author":{"name":"Sameeha Rahman"},"license":"MIT","_id":"@99xt/first-born@1.1.3","maintainers":[{"name":"99xtechnology","email":"ashanf@99x.lk"},{"name":"mjfernando","email":"manojf@99x.lk"},{"name":"mudithab","email":"batagodamuditha@gmail.com"},{"name":"rajikaimal","email":"inbox.rajika@gmail.com"},{"name":"rehrumesh","email":"rehrumesh@hotmail.com"},{"name":"samsam-026","email":"rahman.sameeha@gmail.com"},{"name":"shalithasuranga","email":"shalithasuranga@gmail.com"},{"name":"thinkholic","email":"mailtokasun@gmail.com"}],"homepage":"https://github.com/99xt/first-born#readme","bugs":{"url":"https://github.com/99xt/first-born/issues"},"dist":{"shasum":"e84b19d3a4a783deff865e94f1cbc12805ce3434","tarball":"https://registry.npmjs.org/@99xt/first-born/-/first-born-1.1.3.tgz","fileCount":51,"integrity":"sha512-dCAhtK3Zsi2myFSMHyNye9VSc6gF8luqnhjfJOqucGm3akDP7Bu0o8ghem+nGHjU9OMOV40yg50piFLL30p6IA==","signatures":[{"sig":"MEQCIBAAf4pr20IfKk5rx6S5JOUBI1j4nzOPqwQul/j85d+TAiBTz2yNyu5vRN8Wc7W//8EJc/ZsQhdQTHwdTKgsNMQQhw==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":206404,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJc75p3CRA9TVsSAnZWagAASkoP/0XeSVv2Mm+KWJyRn+nR\nkn0AMHLIjwoyigz3DXxyAujOhLlGaj4XCQzSA/J/9mjcvS4oo8zCCu2MX9qk\n6FPhbfucwHKxnGB8bMVK63YTCNh9QPmLO01Sr49YC5DPc2fZnP0MGfS52yII\n0mxkr2S+wkLy6h3a+R/wuPgczUw2lSrw3EcpzhreYU0/rEd9ZOD1laJWpBve\nF+fGg2Io0y7ew/IPwACmurvzNM88eJ6Xt5F0U2DxDjPDdX3VBWjSTyFhG6Ts\nqXjwv1rQzbKFhts38iho5iNKGYHFaCVNe/oifdUDNAgNkhXopdKq6lCVRnzP\n/O5i9/VMnLICdoDRKit7oEaA9damIgB9gQY1tEPaLpi99BtSn17rTQyk6AKu\n7iIXBHpTKmc1/xOe04whh5YTZQ3Yprdy2vp8bjIlkBvJMnJUp7ou4LiILdIQ\nVbCW+366OtgZZOJCe2hJ9PXQOzgHRc28nkDbMB5wrNw0tdtkvGmaJgHB32vp\nsEYrZvw3IrsiNm2BL3ZdwCfE+J4UMeso0re4hgxDzi/fyRduK+40GXXH5z72\nSlDVHPYEPkb9SDSCqCpeDUzUusVuVqzr2puQHZ0Fve8ArP4VrKuVPhUt2ZNg\nhDn0PEo6XcU1Xgl0HlO+m+losJ0DEg/dP+1r4jG9Ly3D1GwnTMweSd9ihASu\nnamY\r\n=lE/Y\r\n-----END PGP SIGNATURE-----\r\n"},"jest":{"preset":"react-native"},"main":"index.js","husky":{"hooks":{"pre-commit":"npm run precommit"}},"gitHead":"fa46fdec1c04a67708f9c4593a9af515cf0ecb6c","scripts":{"test":"jest","pretty":"prettier --write --tab-width 4 \"**/*.{js,jsx,json}\"","precommit":"lint-staged && npm run test"},"_npmUser":{"name":"samsam-026","email":"rahman.sameeha@gmail.com"},"repository":{"url":"git+ssh://git@github.com/99xt/first-born.git","type":"git"},"_npmVersion":"5.6.0","description":"React Native UI Framework","directories":{},"lint-staged":{"*.{js,jsx,json}":["npm run pretty","git add"]},"_nodeVersion":"8.11.3","_hasShrinkwrap":false,"devDependencies":{"jest":"^24.5.0","husky":"^1.3.1","react":"^16.8.6","prettier":"^1.16.4","prop-types":"^15.7.2","lint-staged":"^8.1.5","react-native":"^0.59.3","jest-react-native":"^18.0.0","create-react-class":"^15.6.3","react-test-renderer":"^16.8.6","react-native-vector-icons":"^6.4.2","@babel/plugin-proposal-class-properties":"^7.4.0","@babel/plugin-transform-flow-strip-types":"^7.4.0"},"_npmOperationalInternal":{"tmp":"tmp/first-born_1.1.3_1559206518619_0.19466087950377164","host":"s3://npm-registry-packages"}},"1.1.4":{"name":"@99xt/first-born","version":"1.1.4","keywords":["React","React","Native","UI","Elements"],"author":{"name":"Sameeha Rahman"},"license":"MIT","_id":"@99xt/first-born@1.1.4","maintainers":[{"name":"99xtechnology","email":"ashanf@99x.lk"},{"name":"mjfernando","email":"manojf@99x.lk"},{"name":"mudithab","email":"batagodamuditha@gmail.com"},{"name":"rajikaimal","email":"inbox.rajika@gmail.com"},{"name":"rehrumesh","email":"rehrumesh@hotmail.com"},{"name":"samsam-026","email":"rahman.sameeha@gmail.com"},{"name":"shalithasuranga","email":"shalithasuranga@gmail.com"},{"name":"thinkholic","email":"mailtokasun@gmail.com"}],"homepage":"https://github.com/99xt/first-born#readme","bugs":{"url":"https://github.com/99xt/first-born/issues"},"dist":{"shasum":"bfcdf5b799374236358f120a6dd1bebbd90ef6d0","tarball":"https://registry.npmjs.org/@99xt/first-born/-/first-born-1.1.4.tgz","fileCount":51,"integrity":"sha512-jn/2devMiqE3ufdDS6JU1P7ZX8rJmFsll/cgLC+wgepcAkycloqDP98zAjmc6AyyHtrtS6fdWHtFYLlYqmSxjw==","signatures":[{"sig":"MEUCIDY6NRvH0D7pf0bXGwnbV3Ov1XasmANZArIRj35snvhHAiEAu4IPm75EtHjm/Z/7RcAgfAfu7TnLcd75ANLZCnOs8fg=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":207305,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJc/yeJCRA9TVsSAnZWagAAvaEP/0QCPXHPCK17N8FXUcgX\ni1ZZ2G9EBIes5PiqMFUgRvlwnQPCcqdaIObxMTMsxcgA1ZNDmHhxqN4v/PTE\ns5Bm5JQyRltvqrYozWxKaYuOg21b2XbmuDuH3gG62l/+mCxkUq7ndv3scNAZ\n4NdjMZn9a/0Z92rgFA2PZu7ovrRuCNmwfrZe50xfCbkYUsvQTmuVaFfIdVal\nXVLtS//4K2r2lKNmut8G/zhAbNNRu9bHrcZuRaLEw/8SS53ZYinC8mJ7ae4L\nnS9spG1sPp4VTS0iWi703gnUs1E8WTjw08aezLi0LGfSxvWmXdCwCx45njlB\np/l+K2m/NURTezjyI6lNcnIPOaUECPlZJwxC7AEKqF4/UZRsuV+MbM8ZDds0\njbLZSYa91iqI4Qb/lMkfBdekHUPLRBaU0T2tiWQti0bZZqwmlPHCbSCPhDgm\nvJNReFKzI59xoSQ6Lk+TKo/+x469s4ACDMLGoHjJBYvOiEaN4aXdMZYuF9PV\n0XXDNew5eCQebYbb2Kc1B/cIy1fillrEgK4u6CdJeHFkI3HI2ACtOCh9SScr\nBE7S5WYZiu9FX0kJwpyF1yuZpceqtxZyeAKuNW9hwy/VP9Gm1kvM0jsg2mRR\nTE8XoHkp7KH+z6K7vZvscrwd2DRZyXAi3SAQNLfzruB7UPE7uULEawdv9pFc\niu2Y\r\n=vI03\r\n-----END PGP SIGNATURE-----\r\n"},"jest":{"preset":"react-native"},"main":"index.js","husky":{"hooks":{"pre-commit":"npm run precommit"}},"gitHead":"d9723b7bb50c28bcbfc3c70da250ce7ad5edd0b5","scripts":{"test":"jest","pretty":"prettier --write --tab-width 4 \"**/*.{js,jsx,json}\"","precommit":"lint-staged && npm run test"},"_npmUser":{"name":"samsam-026","email":"rahman.sameeha@gmail.com"},"repository":{"url":"git+ssh://git@github.com/99xt/first-born.git","type":"git"},"_npmVersion":"5.6.0","description":"React Native UI Framework","directories":{},"lint-staged":{"*.{js,jsx,json}":["npm run pretty","git add"]},"_nodeVersion":"8.11.3","_hasShrinkwrap":false,"devDependencies":{"jest":"^24.5.0","husky":"^1.3.1","react":"^16.8.6","prettier":"^1.16.4","prop-types":"^15.7.2","lint-staged":"^8.1.5","react-native":"^0.59.3","jest-react-native":"^18.0.0","create-react-class":"^15.6.3","react-test-renderer":"^16.8.6","react-native-vector-icons":"^6.4.2","@babel/plugin-proposal-class-properties":"^7.4.0","@babel/plugin-transform-flow-strip-types":"^7.4.0"},"_npmOperationalInternal":{"tmp":"tmp/first-born_1.1.4_1560225672756_0.6536114764899972","host":"s3://npm-registry-packages"}},"1.1.5":{"name":"@99xt/first-born","version":"1.1.5","keywords":["React","React","Native","UI","Elements"],"author":{"name":"Sameeha Rahman"},"license":"MIT","_id":"@99xt/first-born@1.1.5","maintainers":[{"name":"99xtechnology","email":"ashanf@99x.lk"},{"name":"mjfernando","email":"manojf@99x.lk"},{"name":"mudithab","email":"batagodamuditha@gmail.com"},{"name":"rajikaimal","email":"inbox.rajika@gmail.com"},{"name":"rehrumesh","email":"rehrumesh@hotmail.com"},{"name":"samsam-026","email":"rahman.sameeha@gmail.com"},{"name":"shalithasuranga","email":"shalithasuranga@gmail.com"},{"name":"thinkholic","email":"mailtokasun@gmail.com"}],"homepage":"https://github.com/99xt/first-born#readme","bugs":{"url":"https://github.com/99xt/first-born/issues"},"dist":{"shasum":"8ec3f6423f1713af57f6502a243bbc4a595c135d","tarball":"https://registry.npmjs.org/@99xt/first-born/-/first-born-1.1.5.tgz","fileCount":51,"integrity":"sha512-V4y6AlRhgnQPgsQujOjC2McI5xBTAuuD71fJPRDbfJEwfcDhJ0zbz6THCrRUCtzoICKn9jcbDiOJmIfJvZ3/JQ==","signatures":[{"sig":"MEUCIHlHlOZyxVR/s/sgUs/gcPxgCxeKVK2g4tgvmBojOM47AiEA6qRt/MTY24vnsRWzvLpb3FZdmaToGASNKGEsMpYrQIc=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":207405,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJc/yuTCRA9TVsSAnZWagAA0PEP/3Y2vR3HfTStdJ79swx9\n85S96lN4BqnUo3rBtpPQWMUB9jrNfXwtkzgkjn8kJf4E1jF4CwiiX/mhuMRG\nqC2CowgU0orbS0Y24OBlRPX9PjuQlTzN3JyrA2OFdN44MbHxMmrxCUxNedCX\nrNgtc0x2YyPz7dGn6kbacw4aaUVbY7jViS5950UQNL3aD80mBc+u+vG63wk1\neABbNvYhLsxOZiqAx2Ld3/ExXXeBY2vBXWIOlKcntsk5v00XsLxj7bfs4+mE\nSb2zCp3TTyU1p0TyeRKrinWnQo8KeaYUYK4FgCoIaoCpUlWzHj77CxI8IH0O\nr0kwQN3zb1ajiI3Y5T0Z5w0dRNaTfDD4Gyt0D/D562UpXrcMr0BFTBV+oLOB\nYjOA7FRdrz2t+XrA8sbMDlKCGiV/Fo9GiVFuAnVjrs1SeG5xjPqIkUHmCbhd\n39e1L8VWFLo8gASBK5oLz+y6Byzmu6xPA5x5ywRZdRLeNxisxA8ypQL0zNPZ\nGKQm8qVdG2dqroNQO6sms5JcSEI33Y/7TXKNHam5l+lfXphaFsdT7xtvoZVT\nxx1D0IS421w5160C38+3uk/P0KBHXFjpclABU6nh/1r3lUOP4txucVd5krN5\n+W/OS9ZamPuNw2JVPlWXpCFbd4qADbEpBaQtXi5D23NKnWMEPy0jBqoHE3ra\nCSCb\r\n=J9BE\r\n-----END PGP SIGNATURE-----\r\n"},"jest":{"preset":"react-native"},"main":"index.js","husky":{"hooks":{"pre-commit":"npm run precommit"}},"gitHead":"5daa56d93790c03debeb62957f3e8af03d80495e","scripts":{"test":"jest","pretty":"prettier --write --tab-width 4 \"**/*.{js,jsx,json}\"","precommit":"lint-staged && npm run test"},"_npmUser":{"name":"samsam-026","email":"rahman.sameeha@gmail.com"},"repository":{"url":"git+ssh://git@github.com/99xt/first-born.git","type":"git"},"_npmVersion":"5.6.0","description":"React Native UI Framework","directories":{},"lint-staged":{"*.{js,jsx,json}":["npm run pretty","git add"]},"_nodeVersion":"8.11.3","_hasShrinkwrap":false,"devDependencies":{"jest":"^24.5.0","husky":"^1.3.1","react":"^16.8.6","prettier":"^1.16.4","prop-types":"^15.7.2","lint-staged":"^8.1.5","react-native":"^0.59.3","jest-react-native":"^18.0.0","create-react-class":"^15.6.3","react-test-renderer":"^16.8.6","react-native-vector-icons":"^6.4.2","@babel/plugin-proposal-class-properties":"^7.4.0","@babel/plugin-transform-flow-strip-types":"^7.4.0"},"_npmOperationalInternal":{"tmp":"tmp/first-born_1.1.5_1560226705983_0.6830289324045618","host":"s3://npm-registry-packages"}},"1.1.6":{"name":"@99xt/first-born","version":"1.1.6","keywords":["React","React","Native","UI","Elements"],"author":{"name":"Sameeha Rahman"},"license":"MIT","_id":"@99xt/first-born@1.1.6","maintainers":[{"name":"99xtechnology","email":"ashanf@99x.lk"},{"name":"mjfernando","email":"manojf@99x.lk"},{"name":"mudithab","email":"batagodamuditha@gmail.com"},{"name":"rajikaimal","email":"inbox.rajika@gmail.com"},{"name":"rehrumesh","email":"rehrumesh@hotmail.com"},{"name":"samsam-026","email":"rahman.sameeha@gmail.com"},{"name":"shalithasuranga","email":"shalithasuranga@gmail.com"},{"name":"thinkholic","email":"mailtokasun@gmail.com"}],"homepage":"https://github.com/99xt/first-born#readme","bugs":{"url":"https://github.com/99xt/first-born/issues"},"dist":{"shasum":"69b7fe6356d583c0efa6f34a02ba1345a532254c","tarball":"https://registry.npmjs.org/@99xt/first-born/-/first-born-1.1.6.tgz","fileCount":51,"integrity":"sha512-5GX1875We6bnCKqFT0vRS6qWwcYlCxvlzZXPdPcnbiZ3LIhTDHXXP5XDh5BEIqW3IpWqi74VFCnTpHGIBFFsJw==","signatures":[{"sig":"MEUCIQCk6mDPThKZ69sI/B2Sg+AtilbRgy8ZC21uJOoVxelJdwIgeDcN8oL7WxVO+rbhP30tm2zoUKF8ZBPNiFkOfyfkf5k=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":209242,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdCIVOCRA9TVsSAnZWagAAwtoP/if4kh7oGiQ9ZpE3To4+\n9LZ9hZ0UZOQKPqqbnqJZPiK8uskaLqrjIB33N0yUkHV3AfqMFoUCPhgHduMg\nyCDA/nAZ/Z0ga9zt/Sw7fACGS+sBj6dpR+bfHC2hQYIHercLwvxsgdzJ38VE\nommzcfhxBSuQwz69VvmXF6zuUZ0386KMiEiCrhQ6CMbT37zUHdojMBk1WxFC\nYnaca4nEQC5izX0aktWuxTJyyCbejQux3fRX3ju/2yqnd6szE5VcR3hEC3Ch\nbKJTKfcEXU3EDECWhGWWlJ4xLqAUjaCRFoGR5Y1OIA9vrREk09G1J19P6wp9\nCCyzqANCEhsRk6/c6vZNOa8UZ6jkJ+qf0AvVqyqpecnixVRji1Lz6YPw3D1A\nDqYObYl/nVbOLEAJND3eJewW7GaAQtTEuinQie/lkKgUIjy3cgv1dtNaRsZZ\n2FJv235UYzxtG29hXMg1tSCsgc7DqzVZhoFTJPtsNVd28hS1ub3Bs/LuzpVZ\n+JpGximrgFE48JejVt/Fe6K6uP0S6EWtgKeq5oy5zFqBAUQNyRkTfxHnwdAd\nu4cJ5FUFr3ScCqHgbjAZIn3vQfGJqF0QnDHdGDpRZcDb5/PD+jjIUmcoU0P1\nAFqW17rxa9Uh8XnfHLQNnfneijzjhrO6Y5NyJ45I1reqy3Za3++i/FcH5Zct\nMq2W\r\n=3xYa\r\n-----END PGP SIGNATURE-----\r\n"},"jest":{"preset":"react-native"},"main":"index.js","husky":{"hooks":{"pre-commit":"npm run precommit"}},"gitHead":"b0889ea36da1fc1a1e0551fc5a7f8e2b26094525","scripts":{"test":"jest","pretty":"prettier --write --tab-width 4 \"**/*.{js,jsx,json}\"","precommit":"lint-staged && npm run test"},"_npmUser":{"name":"samsam-026","email":"rahman.sameeha@gmail.com"},"repository":{"url":"git+ssh://git@github.com/99xt/first-born.git","type":"git"},"_npmVersion":"5.6.0","description":"React Native UI Framework","directories":{},"lint-staged":{"*.{js,jsx,json}":["npm run pretty","git add"]},"_nodeVersion":"8.11.3","_hasShrinkwrap":false,"devDependencies":{"jest":"^24.5.0","husky":"^1.3.1","react":"^16.8.6","prettier":"^1.16.4","prop-types":"^15.7.2","lint-staged":"^8.1.5","react-native":"^0.59.3","jest-react-native":"^18.0.0","create-react-class":"^15.6.3","react-test-renderer":"^16.8.6","react-native-vector-icons":"^6.4.2","@babel/plugin-proposal-class-properties":"^7.4.0","@babel/plugin-transform-flow-strip-types":"^7.4.0"},"_npmOperationalInternal":{"tmp":"tmp/first-born_1.1.6_1560839500640_0.8412075746671053","host":"s3://npm-registry-packages"}},"1.1.7":{"name":"@99xt/first-born","version":"1.1.7","keywords":["React","React","Native","UI","Elements"],"author":{"name":"Sameeha Rahman"},"license":"MIT","_id":"@99xt/first-born@1.1.7","maintainers":[{"name":"99xtechnology","email":"ashanf@99x.lk"},{"name":"mjfernando","email":"manojf@99x.lk"},{"name":"mudithab","email":"batagodamuditha@gmail.com"},{"name":"rajikaimal","email":"inbox.rajika@gmail.com"},{"name":"rehrumesh","email":"rehrumesh@hotmail.com"},{"name":"samsam-026","email":"rahman.sameeha@gmail.com"},{"name":"shalithasuranga","email":"shalithasuranga@gmail.com"},{"name":"thinkholic","email":"mailtokasun@gmail.com"}],"homepage":"https://github.com/99xt/first-born#readme","bugs":{"url":"https://github.com/99xt/first-born/issues"},"dist":{"shasum":"2aceb633f37f202d93e0def64e64426cd6702b94","tarball":"https://registry.npmjs.org/@99xt/first-born/-/first-born-1.1.7.tgz","fileCount":51,"integrity":"sha512-CZp1rhXEj+GR5QnIaW73oG3ko/FrStB7jaDyEodvCF+bHbKvBom9ZvGJKhp/7qJvT/Ag7Ei37QFADA3LAQ2jBg==","signatures":[{"sig":"MEUCIQD/sSP3Cqyd59iD8f+ZmwhigEVDM92t0BMASSC/8BL0wAIgb804kTSGMyKcF4JEqZ5DJxUKlAqNWYi8HKC4TJ5LYY8=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":209236,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdCItgCRA9TVsSAnZWagAA7v0P/jsTiDRr+7GuPTblkvNT\nqFaj7wv9F3OqqWwZ1nYoEnB5GmsoGdgotc6Yhj9/8gQa2a+XtjVKFA7CxFLV\n7/zafw2A1kVlApvwLJYsUrFWP/kUvIQZ3F3xfpIWu2icoL1BwdLWn53nbQuC\nziG5pDivbeGADGvp863gylzbOqeejHFtJ1eivMZyfrcoQVFIf1x+h+Il4yLA\no+L1s0B525gxE9EQNRE5L6g6uTh/X3ymVGYVE//5RMjaUJ3y7kgJHCHPZP9J\nK8wEHm/80/GoZ4x9hqFIV8VFmC1EMtI2K8Dr7/b2Q5LLwJp8RxIPCbPutHi5\n/XGfXXaG7OiFgwam+yMv+AosGeqGttlln8qIrOaTJxDkdf9bKoEI3HnExWx3\nK3TA10zQlnekzWaxQki29Ql6aaZuciyhlsqOswH/oqVIp7Ik8BU3kX4Dj1hb\nAokoekEM9lV+QTi7iPZo39a/X+gdZXq5h52j9pW4WcDrjPALo5AG5iI2YITn\nnvz5TpWDzYr9y/PrF9wzCFNBndVtMJg23DcpWPrU3V5GPCy5Ya1uaejgF7zs\neY+mcdAIA0yM2HRmrv4XvOGQiDphZWDAklSEkynU6LiSZvIlpxYxNtBnlrk2\n8Y2FNry6giDdslhM9i+fPPANvKoGCs8q/0llOtebvSIR4BYdh8jRAqhWFdJQ\nfXtk\r\n=4tu/\r\n-----END PGP SIGNATURE-----\r\n"},"jest":{"preset":"react-native"},"main":"index.js","husky":{"hooks":{"pre-commit":"npm run precommit"}},"gitHead":"de72640dfb11b4abbe1f8eec3921371e369efacc","scripts":{"test":"jest","pretty":"prettier --write --tab-width 4 \"**/*.{js,jsx,json}\"","precommit":"lint-staged && npm run test"},"_npmUser":{"name":"samsam-026","email":"rahman.sameeha@gmail.com"},"repository":{"url":"git+ssh://git@github.com/99xt/first-born.git","type":"git"},"_npmVersion":"5.6.0","description":"React Native UI Framework","directories":{},"lint-staged":{"*.{js,jsx,json}":["npm run pretty","git add"]},"_nodeVersion":"8.11.3","_hasShrinkwrap":false,"devDependencies":{"jest":"^24.5.0","husky":"^1.3.1","react":"^16.8.6","prettier":"^1.16.4","prop-types":"^15.7.2","lint-staged":"^8.1.5","react-native":"^0.59.3","jest-react-native":"^18.0.0","create-react-class":"^15.6.3","react-test-renderer":"^16.8.6","react-native-vector-icons":"^6.4.2","@babel/plugin-proposal-class-properties":"^7.4.0","@babel/plugin-transform-flow-strip-types":"^7.4.0"},"_npmOperationalInternal":{"tmp":"tmp/first-born_1.1.7_1560841056018_0.5083461621617398","host":"s3://npm-registry-packages"}},"1.1.8":{"name":"@99xt/first-born","version":"1.1.8","keywords":["React","React","Native","UI","Elements"],"author":{"name":"Sameeha Rahman"},"license":"MIT","_id":"@99xt/first-born@1.1.8","maintainers":[{"name":"99xtechnology","email":"ashanf@99x.lk"},{"name":"mjfernando","email":"manojf@99x.lk"},{"name":"mudithab","email":"batagodamuditha@gmail.com"},{"name":"rajikaimal","email":"inbox.rajika@gmail.com"},{"name":"rehrumesh","email":"rehrumesh@hotmail.com"},{"name":"samsam-026","email":"rahman.sameeha@gmail.com"},{"name":"shalithasuranga","email":"shalithasuranga@gmail.com"},{"name":"thinkholic","email":"mailtokasun@gmail.com"}],"homepage":"https://github.com/99xt/first-born#readme","bugs":{"url":"https://github.com/99xt/first-born/issues"},"dist":{"shasum":"f8938e9bbe427e5538965786536acd23453e146a","tarball":"https://registry.npmjs.org/@99xt/first-born/-/first-born-1.1.8.tgz","fileCount":51,"integrity":"sha512-89YkAa4yqMYcXzsUqVTnNEgXpuL7lZ9099jRRahlL+BYTsKyHogTX8QplnP3RR0eS5d1lJnm2PRiyx1rpozviA==","signatures":[{"sig":"MEYCIQDDwW6wAePDkGLeBDCZT5Cp1qjmchRDk/t9TR+YzsCTLwIhAJQn6KEYdjHd6vS5I7Bb1RNA2W31sSunxRPq+vCANz0t","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":210701,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdEy6aCRA9TVsSAnZWagAA+EcP/1E55a6voNjU8czS01rI\nFkEsm5/dfdISbA6MlLjKwYZ/ULdkyf/cWMARPKaanTvYfO+qkQN2bURNA0rF\nqVRaeinShotZilICqSDdNh99etNTQ/lmD+eXAP7RVBCS8wvFocaAEx55q48w\nQkjE746WEKNCwC3oofhS6jt36TBmRM7HmrXSJDsG0q6NFmuj7vExt8a9t7Lc\nSMnF50eTisqmo//ZM5X8HamHuhD4IOCyr+rbpIdIlDCdEq3oq8oMK2YHJoHC\n2fEXL3Sw4OuQvLZ18ARbkVer8CyUEztyuDE/4AL0VnD/zp7Qx+7hTh9VFTbt\nDcbfBNUqtEFWK6UEeutPh+mvSp7xvezC+CQp56oCBBphimgj65kH8Dmx8olx\n9qd108HVeQ3v+YzdhXrF8CkuG6CbqWGLhLUZg/k/AV70zH3SVnwe3TuEjrya\nVB2cM87TtASE134+pVpuVgv8v2Qefr+Qeimke0c+o2PwTeDC1GnHD/sZ6THo\n1uC1GucDQbDszHO4yDA4Bss9lrMJ4Hng6Zwc7ks7mTJBYVybDHeamNlcHHvl\nIgrdgzyfsu8JhX4z5LnkRtLsvk+ldMzja3fysQkofoOl7uNPn1rci/9o++U7\nBmE0xsdzQEhb6qrQmgu12LD/ZY+ldg7jz3KeWOtnE0UNFXOCHElyLPentXXM\n+S3Z\r\n=DVTT\r\n-----END PGP SIGNATURE-----\r\n"},"jest":{"preset":"react-native"},"main":"index.js","husky":{"hooks":{"pre-commit":"npm run precommit"}},"gitHead":"b8a15cf922a0db6b379c9b16a6648ccd5134060a","scripts":{"test":"jest","pretty":"prettier --write --tab-width 4 \"**/*.{js,jsx,json}\"","precommit":"lint-staged && npm run test"},"_npmUser":{"name":"samsam-026","email":"rahman.sameeha@gmail.com"},"repository":{"url":"git+ssh://git@github.com/99xt/first-born.git","type":"git"},"_npmVersion":"5.6.0","description":"React Native UI Framework","directories":{},"lint-staged":{"*.{js,jsx,json}":["npm run pretty","git add"]},"_nodeVersion":"8.11.3","_hasShrinkwrap":false,"devDependencies":{"jest":"^24.5.0","husky":"^1.3.1","react":"^16.8.6","prettier":"^1.16.4","prop-types":"^15.7.2","lint-staged":"^8.1.5","react-native":"^0.59.3","jest-react-native":"^18.0.0","create-react-class":"^15.6.3","react-test-renderer":"^16.8.6","react-native-vector-icons":"^6.4.2","@babel/plugin-proposal-class-properties":"^7.4.0","@babel/plugin-transform-flow-strip-types":"^7.4.0"},"_npmOperationalInternal":{"tmp":"tmp/first-born_1.1.8_1561538201077_0.5775796902518551","host":"s3://npm-registry-packages"}}},"time":{"created":"2019-04-01T10:14:49.904Z","modified":"2024-07-05T10:25:46.602Z","1.0.0":"2019-04-01T10:14:50.303Z","1.0.1":"2019-04-01T11:48:31.722Z","1.0.2":"2019-04-02T13:00:17.084Z","1.0.3":"2019-04-10T06:30:23.269Z","1.0.4":"2019-04-25T04:07:04.770Z","1.1.0":"2019-04-30T07:15:53.670Z","1.1.1":"2019-05-02T04:22:22.582Z","1.1.2":"2019-05-13T04:50:39.076Z","1.1.3":"2019-05-30T08:55:18.867Z","1.1.4":"2019-06-11T04:01:12.899Z","1.1.5":"2019-06-11T04:18:26.258Z","1.1.6":"2019-06-18T06:31:40.813Z","1.1.7":"2019-06-18T06:57:36.202Z","1.1.8":"2019-06-26T08:36:41.227Z"},"maintainers":[{"email":"itadmin@99x.io","name":"99xtechnology"}],"author":{"name":"Sameeha Rahman"},"repository":{"url":"git+ssh://git@github.com/99xt/first-born.git","type":"git"},"keywords":["React","React","Native","UI","Elements"],"license":"MIT","homepage":"https://github.com/99xt/first-born#readme","bugs":{"url":"https://github.com/99xt/first-born/issues"},"readme":"# first-born\r\n![first-born Logo](https://user-images.githubusercontent.com/24349997/55307073-f5018300-5473-11e9-8f34-7d41680783fe.png)\r\n\r\n## Getting Started\r\nThese instructions will get you a copy of the project up and running on your local machine for development and testing purposes\r\n\r\n### Prerequisites\r\n\r\nThis module can only be used in a React Native app.\r\nTo use it, you will need a React Native app with it's dependencies installed.\r\nThe following modules need to be added as a dev dependency as well.\r\n\r\n - `create-react-class`\r\n - `react-native-vector-icons`\r\n\r\n### Installing\r\n\r\nTo install first-born run the following command in the terminal;\r\n```\r\nnpm install --save @99xt/first-born\r\n```\r\nYou will additionally require to install the following modules as well.\r\n```\r\nnpm install --save create-react-class react-native-vector-icons\r\n```\r\nFollow [this guide](https://github.com/oblador/react-native-vector-icons#installation) to configure `react-native-vector-icons` for your project. \r\n\r\nNo other steps are required to configure `first-born` separately for each platform (Android/iOS).\r\n\r\n## Development Testing\r\n\r\nTo test the repo, first clone it;\r\n```\r\ngit clone https://github.com/99xt/first-born.git\r\n```\r\n\r\nMove into the folder;\r\n```\r\ncd first-born\r\n```\r\n\r\nInstall dependencies;\r\n```\r\nnpm install\r\n```\r\n\r\nAnd run the test script;\r\n```\r\nnpm run test\r\n```\r\n\r\n## Usage\r\n\r\nImport components like this;\r\n\r\n```js\r\nimport { Button } from \"@99xt/first-born\";\r\n```\r\n\r\n### Utils\r\n\r\n#### Colors\r\n\r\n| Color               | Android                  | iOS                    |\r\n|---------------------|--------------------------|------------------------|\r\n| white               | #FFF                     | #FFF                   |\r\n| black               | #000                     | #000                   |\r\n| primary             | #486c86                  | #486c86                |\r\n| secondary           | #8dd9d5                  | #8dd9d5                |\r\n| error               | #e74c3c                  | #e74c3c                |\r\n| inputGrey           | rgba(33, 33, 33, 0.5)    | rgba(33, 33, 33, 0.5)  |\r\n| darkGrey            | rgba(33, 33, 33, 0.87)   | rgba(33, 33, 33, 0.87) |\r\n| lightGrey           | rgba(33, 33, 33, 0.4)    | rgba(33, 33, 33, 0.4)  |\r\n| overlay             | rgba(68, 68, 68, 0.6)    | rgba(68, 68, 68, 0.6)  |\r\n| secondaryBackground | rgba(125, 167, 217, 0.2) | #ecf8fa                |\r\n\r\n### Atoms\r\n\r\n#### Text\r\n\r\n```html\r\n<Text>Hello</Text>\r\n```\r\n##### Android \r\n![Android Text](https://user-images.githubusercontent.com/24349997/55306378-ab179d80-5471-11e9-94dc-53328e7061d5.PNG \"Android Text\") \r\n\r\n##### iOS\r\n![iOS Text](https://user-images.githubusercontent.com/24349997/55306381-abb03400-5471-11e9-98bd-934208893883.png \"iOS Text\")\r\n\r\nYou can use any [Text property](http://facebook.github.io/react-native/docs/text.html) and the following:\r\n\r\n| Prop         | Description                                                                       | Default  |\r\n|--------------|-----------------------------------------------------------------------------------|----------|\r\n| **`size`**   | Size of the text, picked from predefined sizes, according to underlying platform. | `'p'`    |\r\n| **`bold`**   | If text is bold or not.                                                           | _false_  |\r\n| **`color`**  | Color of the text.                                                                | _black_  |\r\n| **`margin`** | If the text requires a margin or not.                                             | _false_  |\r\n| **`align`**  | Alignment of text ('left', 'right', 'center')                                     | `'left'` |\r\n\r\n| Size          | Android | iOS |\r\n|---------------|---------|-----|\r\n| h1            | 96      | 34  |\r\n| h2            | 60      | 28  |\r\n| h3            | 48      | 24  |\r\n| h4            | 34      | 22  |\r\n| h5            | 24      | 20  |\r\n| h6            | 20      | 17  |\r\n| p             | 16      | 16  |\r\n| callout       | 15      | 16  |\r\n| sub_heading   | 14      | 15  |\r\n| footnote      | 13      | 13  |\r\n| caption_big   | 12      | 12  |\r\n| caption_small | 11      | 11  |\r\n\r\n#### Icon\r\n\r\nThe All Icon components (all font styles) from `react-native-vector-icons` is used.\r\n\r\n```html\r\n<Icon name='heart'/>\r\n```\r\n##### Android\r\n![Android Icon](https://user-images.githubusercontent.com/24349997/55306382-ace16100-5471-11e9-96fb-bca1ff545b03.PNG \"Android Icon\") \r\n\r\n##### iOS\r\n![iOS Icon](https://user-images.githubusercontent.com/24349997/55306384-aeab2480-5471-11e9-9129-0e1650e60c60.png \"iOS Icon\")\r\n\r\nYou can use any [TouchableOpacity property](http://facebook.github.io/react-native/docs/touchableopacity.html) and the following:\r\n\r\n| Prop        | Description                                                                                                                                                                                     | Default |\r\n|-------------|-------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------|---------|\r\n| **`size`**  | Size of the icon.                                                                                                                                                                               | `18`    |\r\n| **`name`**  | Similar to the name attribute in `react-native-vector-icons`. Does not require the prefix `md` or `ios` for Ionicons.                                                                           | _None_  |\r\n| **`color`** | Color of the icon.                                                                                                                                                                              | _white_ |\r\n| **`type`**  | Type of the icon font style. ('zocial', 'octicon', 'material', 'material-community', 'ionicon', 'foundation', 'evilicon', 'entypo', 'font-awesome', 'simple-line-icon', 'feather', 'antdesign') | _white_ |\r\n\r\n#### Badge\r\n\r\nOnly accepts `Text` and `Icon` atoms and `react-native Image` .\r\n\r\n```html\r\n<Badge>\r\n    <Text>+1</Text>\r\n</Badge>\r\n<Badge color=\"red\">\r\n    <Icon name=\"heart\" />\r\n</Badge>\r\n```\r\n\r\n##### Android\r\n![Android Badge](https://user-images.githubusercontent.com/24349997/55612807-b71f9a00-57a6-11e9-9f1e-bbc6bb4e2f75.png \"Android Badge\") \r\n\r\n##### iOS\r\n![iOS Badge](https://user-images.githubusercontent.com/4241926/55614817-7d04c700-57ab-11e9-91ec-1122dd7a35b6.png \"iOS Badge\") \r\n\r\nYou can use any [View property](https://facebook.github.io/react-native/docs/view.html) and the following:\r\n\r\n| Prop          | Description                         | Default   |\r\n|---------------|-------------------------------------|-----------|\r\n| **`color`**   | Color of the badge.                 | _primary_ |\r\n| **`outline`** | If the badge has the outline style. | _false_   |\r\n\r\n#### Thumbnail\r\n\r\nAn Image component that displays either a square or circular image.\r\n\r\n```html\r\n<Thumbnail source={require(\"path/to/image.png\")}/>\r\n```\r\n\r\nYou can use any [Image property](http://facebook.github.io/react-native/docs/image.html) and the following:\r\n\r\n| Prop             | Description                                                                                 | Default    |\r\n|------------------|---------------------------------------------------------------------------------------------|------------|\r\n| **`size`**       | Size of the image. ('small', 'medium', 'large', 'exlarge')                                  | `'medium'` |\r\n| **`customSize`** | Size of the image, if it does not fit the above defined sizes.                              | _None_     |\r\n| **`rounded`**    | If the image is to be a circle.                                                             | _false_    |\r\n| **`onEdit`**     | Props to handle an image change of the thumbnail. You can use all `Button` atom properties. | _None_     |\r\n\r\n#### Button\r\n\r\nOnly accepts `Text` and `Icon` atoms and `react-native Image` .\r\n\r\n```html\r\n<Button onPress={this.handleButtonClick} block >\r\n    <Text>Click Me</Text>\r\n</Button>\r\n```\r\n\r\n##### Android\r\n![Android Button](https://user-images.githubusercontent.com/24349997/55306156-c3d38380-5470-11e9-9663-88f991e1a857.PNG \"Android Button\") \r\n\r\n##### iOS\r\n![iOS Button](https://user-images.githubusercontent.com/24349997/55306333-7f94b300-5471-11e9-9f3c-3a068a7f7f72.png \"iOS Button\")\r\n\r\nYou can use any [TouchableOpacity property](https://facebook.github.io/react-native/docs/touchableopacity.html) and the following:\r\n\r\n| Prop          | Description                                                                | Default     |\r\n|---------------|----------------------------------------------------------------------------|-------------|\r\n| **`size`**    | Size of the button, picked from predefined sizes small, default and large. | `'default'` |\r\n| **`color`**   | Color of the button.                                                       | _primary_   |\r\n| **`rounded`** | If the button has rounded corners.                                         | _false_     |\r\n| **`block`**   | If the button has full width.                                              | _false_     |\r\n| **`ouline`**  | If the button is transparent, but with a colored border and children.      | _false_     |\r\n| **`rounded`** | If the button is transparent, but with colored children.                   | _false_     |\r\n\r\n#### DatePicker\r\n\r\nRenders a `Text`, that displays a date picker modal when the `onPress` method is triggered.\r\n\r\n```html\r\n<DatePicker onDateChange={this.handleDateChange} />\r\n```\r\n\r\n##### Android\r\n![Android Date Picker](https://user-images.githubusercontent.com/24349997/55306512-2e38f380-5472-11e9-8e1a-323ce50250b7.PNG \"Android Date Picker\") \r\n\r\n##### iOS\r\n![iOS Date Picker](https://user-images.githubusercontent.com/24349997/55306515-2f6a2080-5472-11e9-95e9-42f49b9fb01a.png \"iOS Date Picker\")\r\n\r\nYou can use any [TextInput property](http://facebook.github.io/react-native/docs/textinput.html) and the following:\r\n\r\n| Prop                   | Description                                                         | Default         |\r\n|------------------------|---------------------------------------------------------------------|-----------------|\r\n| **`placeholder`**      | Display this string if value not selected yet. iOS only.            | `'Select Date'` |\r\n| **`formatChosenDate`** | User defined function that returns a formatted date.                | _None_          |\r\n| **`onDateChange`**     | User defined function to run when selected date changes.            | _None_          |\r\n| **`defaultDate`**      | Initially picked date.                                              | _None_          |\r\n| **`minimumDate`**      | Minimum in date range.                                              | _None_          |\r\n| **`maximumDate`**      | Maximum in date range.                                              | _None_          |\r\n| **`modalTransparent`** | If DatePicker modal is transparent. iOS only.                       | _true_          |\r\n| **`animationType`**    | Type of entry/exit animation for DatePicker modal. iOS only.        | `'fade'`        |\r\n| **`locale`**           | Locale of DatePicker. iOS only.                                     | _None_          |\r\n| **`mode`**             | Type of picker ('date', 'time').                                    | `'date'`        |\r\n| **`color`**            | Color of the `TextInput` when in focus.                             | _primary_       |\r\n| **`isValid`**          | User defined validation function, that returns true for valid input | _None_          |\r\n| **`errorMessage`**     | Error message to display below input, if validation fails           | _None_          |\r\n| **`rounded`**          | If DatePicker style is rounded edges.                               | _false_         |\r\n| **`underline`**        | If DatePicker style is an underline.                                | _false_         |\r\n| **`defaultStyle`**     | If DatePicker style is default as seen above.                       | _true_          |\r\n| **`noStyle`**          | If DatePicker has no framework defined style.                       | _false_         |\r\n| **`style`**            | Custom DatePicker inactive style. (Style object)                    | _None_          |\r\n| **`activeStyle`**      | Custom DatePicker active style. (Style object)                      | _None_          |\r\n| **`errorStyle`**       | Custom DatePicker error style. (Style object)                       | _None_          |\r\n| **`errorColor`**       | Color of DatePicker when validation fails                           | _error_         |\r\n\r\n#### Input\r\n\r\n```html\r\n<Input onChangeText={this.handleTextChange} placeholder=\"Name\" />\r\n```\r\n\r\n##### Android\r\n![Android Input](https://user-images.githubusercontent.com/24349997/55306524-3729c500-5472-11e9-84e0-6c84edfcaa78.PNG \"Android Input\") \r\n\r\n##### iOS\r\n![iOS Input](https://user-images.githubusercontent.com/24349997/55306526-38f38880-5472-11e9-9057-a0f87ce1b93d.png \"iOS Input\")\r\n\r\nYou can use any [TextInput property](http://facebook.github.io/react-native/docs/textinput.html) and the following:\r\n\r\n| Prop               | Description                                                        | Default   |\r\n|--------------------|--------------------------------------------------------------------|-----------|\r\n| **`color`**        | Color of the `TextInput` when in focus.                            | _primary_ |\r\n| **`isValid`**      | User defined validation function, that returns true for valid text | _None_    |\r\n| **`errorMessage`** | Error message to display below input, if validation fails          | _None_    |\r\n| **`rounded`**      | If Input style is rounded edges.                                   | _false_   |\r\n| **`underline`**    | If Input style is an underline.                                    | _false_   |\r\n| **`defaultStyle`** | If Input style is default as seen above.                           | _true_    |\r\n| **`noStyle`**      | If Input has no framework defined style.                           | _false_   |\r\n| **`style`**        | Custom Input inactive style. (Style object)                        | _None_    |\r\n| **`activeStyle`**  | Custom Input active style. (Style object)                          | _None_    |\r\n| **`errorStyle`**   | Custom  Input error style. (Style object)                          | _None_    |\r\n| **`errorColor`**   | Color of Input when validation fails                               | _error_   |\r\n| **`iconLeft`**     | Icon Atom to render on the left of the Input                       | _None_    |\r\n| **`iconRight`**    | Icon Atom to render on the right of the Input                      | _None_    |\r\n\r\n#### Picker\r\n\r\nIn Android, display a dropdown picker.\r\nIn iOS, renders a `Text`, that displays a picker modal when the `onPress` method is triggered.\r\n```html\r\n<Picker onValueChange={this.handleValueChange} selectedValue={this.state.pickerValue}>\r\n    <Picker.Item value=\"1\" label=\"1\" />\r\n    <Picker.Item value=\"2\" label=\"2\" />\r\n    <Picker.Item value=\"3\" label=\"3\" />\r\n</Picker>\r\n```\r\n\r\n##### Android\r\n![Android Picker](https://user-images.githubusercontent.com/24349997/55306530-3bee7900-5472-11e9-95c0-1df0967f0946.PNG \"Android Picker\") \r\n\r\n##### iOS\r\n![iOS Picker](https://user-images.githubusercontent.com/24349997/55306531-3c870f80-5472-11e9-91e1-127eceb96764.png \"iOS Picker\")\r\n\r\nYou can use any [Picker property](http://facebook.github.io/react-native/docs/picker.html) and the following:\r\n\r\n| Prop                   | Description                                                         | Default           |\r\n|------------------------|---------------------------------------------------------------------|-------------------|\r\n| **`placeholder`**      | Display this string if value not selected yet. iOS only.            | `'Select Option'` |\r\n| **`modalTransparent`** | If Picker modal is transparent. iOS only.                           | _true_            |\r\n| **`animationType`**    | Type of entry/exit animation for Picker modal. iOS only.            | `'fade'`          |\r\n| **`mode`**             | Type of picker mode ('dialog', 'dropdown'). Android only.           | `'dropdown'`      |\r\n| **`color`**            | Color of the `TextInput` when in focus.                             | _primary_         |\r\n| **`isValid`**          | User defined validation function, that returns true for valid input | _None_            |\r\n| **`errorMessage`**     | Error message to display below input, if validation fails           | _None_            |\r\n| **`rounded`**          | If Picker style is rounded edges.                                   | _false_           |\r\n| **`underline`**        | If Picker style is an underline.                                    | _false_           |\r\n| **`defaultStyle`**     | If Picker style is default as seen above.                           | _true_            |\r\n| **`noStyle`**          | If Picker has no framework defined style.                           | _false_           |\r\n| **`style`**            | Custom Picker inactive style. (Style object)                        | _None_            |\r\n| **`activeStyle`**      | Custom Picker active style. (Style object)                          | _None_            |\r\n| **`errorStyle`**       | Custom Picker error style. (Style object)                           | _None_            |\r\n| **`errorColor`**       | Color of Picker when validation fails                               | _error_           |\r\n\r\n#### TextArea\r\n\r\nRenders a `TextInput`, that increases in height with the height of the text entered.\r\n\r\n```html\r\n<TextArea onChangeText={this.handleTextChange} placeholder=\"Description\" />\r\n```\r\n\r\n##### Android\r\n![Android TextArea](https://user-images.githubusercontent.com/24349997/55306535-3e50d300-5472-11e9-9e48-5f07e08b7e76.PNG \"Android TextArea\") \r\n\r\n##### iOS\r\n![iOS TextArea](https://user-images.githubusercontent.com/24349997/55306538-3f820000-5472-11e9-883d-12256652fb17.png \"iOS TextArea\")\r\n\r\nYou can use any [TextInput property](http://facebook.github.io/react-native/docs/textinput.html) and the following:\r\n\r\n| Prop               | Description                                                        | Default   |\r\n|--------------------|--------------------------------------------------------------------|-----------|\r\n| **`color`**        | Color of the `TextInput` when in focus.                            | _primary_ |\r\n| **`isValid`**      | User defined validation function, that returns true for valid text | _None_    |\r\n| **`errorMessage`** | Error message to display below input, if validation fails          | _None_    |\r\n| **`underline`**    | If TextArea style is an underline.                                 | _false_   |\r\n| **`defaultStyle`** | If TextArea style is default as seen above.                        | _true_    |\r\n| **`noStyle`**      | If TextArea has no framework defined style.                        | _false_   |\r\n| **`style`**        | Custom TextArea inactive style. (Style object)                     | _None_    |\r\n| **`activeStyle`**  | Custom TextArea active style. (Style object)                       | _None_    |\r\n| **`errorStyle`**   | Custom TextArea error style. (Style object)                        | _None_    |\r\n| **`errorColor`**   | Color of TextArea when validation fails                            | _error_   |\r\n \r\n### Molecules\r\n\r\n#### Form Elements\r\n\r\n##### FormDatePicker\r\n\r\nUses the Atom `DatePicker`.\r\n\r\n```html\r\n<FormDatePicker onDateChange={this.handleDateChange} label=\"Date\" />\r\n```\r\n\r\n##### Android\r\n![Android Form Date Picker](https://user-images.githubusercontent.com/24349997/55306633-8243d800-5472-11e9-8e7c-c40a0b064bfd.PNG \"Android Form Date Picker\") \r\n\r\n##### iOS\r\n![iOS Form Date Picker](https://user-images.githubusercontent.com/24349997/55306635-82dc6e80-5472-11e9-96db-cf3ed146c5ad.png \"iOS Form Date Picker\")\r\n\r\nAdditional Props;\r\n\r\n| Prop        | Description                                    | Default |\r\n|-------------|------------------------------------------------|---------|\r\n| **`label`** | Label to display name of input. **(Required)** | _None_  |\r\n\r\n##### FormInput\r\n\r\nUses the Atom `Input`.\r\n\r\n```html\r\n<FormInput onChangeText={this.handleTextChange} label=\"Name\" />\r\n```\r\n\r\n##### Android\r\n![Android Form Input](https://user-images.githubusercontent.com/24349997/55306636-82dc6e80-5472-11e9-9ab2-6ced79bd2825.PNG \"Android Form Input\") \r\n\r\n##### iOS\r\n![iOS Form Input](https://user-images.githubusercontent.com/24349997/55306637-82dc6e80-5472-11e9-999e-55f8517b8736.png \"iOS Form Input\")\r\n\r\nAdditional Props;\r\n\r\n| Prop        | Description                                    | Default |\r\n|-------------|------------------------------------------------|---------|\r\n| **`label`** | Label to display name of input. **(Required)** | _None_  |\r\n\r\n##### FormPicker\r\n\r\nUses the Atom `Picker`.\r\n\r\n```html\r\n<FormPicker onValueChange={this.handleValueChange} selectedValue={pickerValue} label=\"Number\" data={pickerData} />\r\n```\r\n\r\n##### Android\r\n![Android Form Picker](https://user-images.githubusercontent.com/24349997/55306638-82dc6e80-5472-11e9-8aa9-781de9941d82.PNG \"Android Form Picker\") \r\n\r\n##### iOS\r\n![iOS Form Picker](https://user-images.githubusercontent.com/24349997/55306639-83750500-5472-11e9-9604-2304727f0bcd.png \"iOS Form Picker\")\r\n\r\nAdditional Props;\r\n\r\n| Prop        | Description                                                                | Default |\r\n|-------------|----------------------------------------------------------------------------|---------|\r\n| **`label`** | Label to display name of input. **(Required)**                             | _None_  |\r\n| **`data`**  | An array containing objects with values and labels for each `Picker.Item`. | _None_  |\r\n\r\n##### FormTextArea\r\n\r\nUses the Atom `TextArea`.\r\n\r\n```html\r\n<FormTextArea onChangeText={this.handleTextChange} label=\"Description\" />\r\n```\r\n\r\n##### Android\r\n![Android Form TextArea](https://user-images.githubusercontent.com/24349997/55306640-83750500-5472-11e9-9846-28a245f22504.PNG \"Android Form TextArea\") \r\n\r\n##### iOS\r\n![iOS Form TextArea](https://user-images.githubusercontent.com/24349997/55306641-83750500-5472-11e9-8aa2-db66455f1c85.png \"iOS Form TextArea\")\r\n\r\nAdditional Props;\r\n\r\n| Prop        | Description                                    | Default |\r\n|-------------|------------------------------------------------|---------|\r\n| **`label`** | Label to display name of input. **(Required)** | _None_  |\r\n\r\n\r\n#### Simple Notifications\r\n\r\n```html\r\n<Notification ref={\"alert\"} />\r\n```\r\n\r\nTo use the Notification Component and pass data to it, you will need to register a Notification manager in `componentDidMount` and unregister it in `componentWillUnmount`.\r\n\r\n```js\r\ncomponentDidMount() {\r\n    NotificationBarManager.registerMessageBar(this.refs.alert);\r\n}\r\n\r\ncomponentWillUnmount() {\r\n    NotificationBarManager.unregisterMessageBar();\r\n}\r\n```\r\n\r\nTo trigger the Notification display, you will need to run the Notification manager method `showAlert`.\r\n\r\n```js\r\nhandleShowNotification = () => {\r\n    NotificationBarManager.showAlert({\r\n        message: 'Your alert message goes here', // required\r\n        icon: { name: \"alert\" },\r\n        // image: { source: require(\"./assets/images/accessibility.png\") }, // image prop\r\n    });\r\n}\r\n```\r\n\r\n##### Android\r\n![Android Notification](https://user-images.githubusercontent.com/24349997/55306644-840d9b80-5472-11e9-803f-63f11c6df951.PNG \"Android Notification\")\r\n\r\n##### iOS\r\n ![iOS Notification](https://user-images.githubusercontent.com/24349997/55306624-8112ab00-5472-11e9-9b71-ab06b5f6cbf0.png \"iOS Notification\")\r\n\r\nThe data that can be passed to the notification are;\r\n\r\n| Prop                       | Description                                                                                     | Default         |\r\n|----------------------------|-------------------------------------------------------------------------------------------------|-----------------|\r\n| **`message`**              | Message to display. **(Required)**                                                              | _None_          |\r\n| **`shouldHideAfterDelay`** | If notification should hide after display or keep being shown.                                  | _true_          |\r\n| **`durationToHide`**       | Animation duration for the notification to completely hide.                                     | `350`           |\r\n| **`durationToShow`**       | Animation duration for the notification to completely show.                                     | `350`           |\r\n| **`duration`**             | Duration of time to display the alert                                                           | `3000`          |\r\n| **`image`**                | Image to be displayed next to notification message                                              | _None_          |\r\n| **`icon`**                 | Icon to be displayed next to notification message                                               | `'alert'`       |\r\n| **`color`**                | Background color of the Notification body.                                                      | `'#007bff'`     |\r\n| **`textColor`**            | Color of the Notification text.                                                                 | _white_         |\r\n| **`fontSize`**             | Font size of Notification text. Accepts text identifier of above Text atom, or specific number. | `'sub_heading'` |\r\n| **`fontWeight`**           | Font weight of the Notification text.                                                           | `'bold'`        |\r\n\r\n#### SnackBars\r\n\r\n```html\r\n<SnackBar ref={\"alert\"} />\r\n```\r\n\r\nTo use the SnackBar Component and pass data to it, you will need to register a SnackBar manager in `componentDidMount` and unregister it in `componentWillUnmount`.\r\n\r\n```js\r\ncomponentDidMount() {\r\n    SnackManager.registerMessageBar(this.refs.alert);\r\n}\r\n\r\ncomponentWillUnmount() {\r\n    SnackManager.unregisterMessageBar();\r\n}\r\n```\r\n\r\nTo trigger the SnackBar display, you will need to run the SnackBar manager method `showAlert`.\r\n\r\n```js\r\nhandleShowSnackBar = () => {\r\n    SnackManager.showAlert({\r\n        message: 'Your alert message goes here' // required\r\n    });\r\n}\r\n```\r\n\r\n##### Android\r\n![Android SnackBar](https://user-images.githubusercontent.com/24349997/56493489-de979600-650c-11e9-94c7-1b85c551b32d.png \"Android SnackBar\")\r\n\r\n##### iOS\r\n ![iOS SnackBar](https://user-images.githubusercontent.com/24349997/56493776-d55af900-650d-11e9-8692-d2b632e4a768.png \"iOS SnackBar\")\r\n\r\nThe data that can be passed to the SnackBar are;\r\n\r\n| Prop                       | Description                                                                    | Default     |\r\n|----------------------------|--------------------------------------------------------------------------------|-------------|\r\n| **`message`**              | Message to display. **(Required)**                                             | _None_      |\r\n| **`shouldHideAfterDelay`** | If SnackBar should hide after display or keep being shown.                     | _true_      |\r\n| **`durationToHide`**       | Animation duration for the SnackBar to completely hide.                        | `350`       |\r\n| **`durationToShow`**       | Animation duration for the SnackBar to completely show.                        | `350`       |\r\n| **`duration`**             | Duration of time to display the alert                                          | `3000`      |\r\n| **`backgroundColor`**      | Background color of the SnackBar body.                                         | `'#333333'` |\r\n| **`onClickDismiss`**       | If SnackBar should hide after clicking the action button.                      | _true_      |\r\n| **`position`**             | Position of SnackBar notification ('bottom', 'top').                           | `'bottom'`  |\r\n| **`action`**               | An object denoting the method to run when the snack alerts button is clicked . | see below   |\r\n\r\nThe data to be passed to the action prop of a SnackBar;\r\n\r\n| Prop          | Description                               | Default                       |\r\n|---------------|-------------------------------------------|-------------------------------|\r\n| **`title`**   | Title of the button                       | `'Close'`                     |\r\n| **`onPress`** | Method to run when the button is clicked. | internal method to hide alert |\r\n| **`color`**   | Button's text color                       | _error_                       |\r\n\r\n#### ListItem\r\n\r\nA List Item that displays a title (required), description and image. This molecule makes use of the `Text` Atom.\r\n\r\n```html\r\n<ListItem title=\"Heading\" description=\"Description\" image={{ source: require(\"path/to/image.png\")}} >\r\n    <ListItem title=\"Heading\" onPress={this.handleButtonClick} description=\"Description\" /> //Nested List Item\r\n</ListItem>\r\n```\r\n\r\n##### Android\r\n![Android ListItem](https://user-images.githubusercontent.com/24349997/55306642-840d9b80-5472-11e9-8ca9-b8c8d5294102.PNG \"Android ListItem\") \r\n\r\n##### iOS\r\n![iOS ListItem](https://user-images.githubusercontent.com/24349997/55306643-840d9b80-5472-11e9-9478-0d33fe6d22e8.png \"iOS ListItem\")\r\n\r\nYou can use any [TouchableOpacity property](https://facebook.github.io/react-native/docs/touchableopacity.html) and the following:\r\n\r\n| Prop                  | Description                                                                     | Default |\r\n|-----------------------|---------------------------------------------------------------------------------|---------|\r\n| **`title`**           | Description of List Item. **(Required)**                                        | _None_  |\r\n| **`description`**     | Description of List Item.                                                       | _None_  |\r\n| **`image`**           | Image to display in List Item. You can use all `react-native Image` properties. | _None_  |\r\n| **`block`**           | If the List Item has full width of the device.                                  | _false_ |\r\n| **`backgroundColor`** | Background color of List Item.                                                  | _white_ |\r\n| **`secondary`**       | If the List Item is nested inside another.                                      | _false_ |\r\n| **`rounded`**         | If the image displayed on the ListItem is rouned or not.                        | _false_ |\r\n\r\n#### ThinListItem\r\n\r\nA List Item that displays a title (required), description and image. This molecule makes use of the `Text` Atom. Similar to the above molecule but smaller with a few added features\r\n\r\n```html\r\n<ThinListItem title=\"Heading\" description=\"Description\" image={{ source: require(\"path/to/image.png\") }} />\r\n```\r\n\r\nYou can use any [TouchableOpacity property](https://facebook.github.io/react-native/docs/touchableopacity.html) and the following:\r\n\r\n| Prop                  | Description                                                                     | Default |\r\n|-----------------------|---------------------------------------------------------------------------------|---------|\r\n| **`title`**           | Description of List Item. **(Required)**                                        | _None_  |\r\n| **`description`**     | Description of List Item.                                                       | _None_  |\r\n| **`image`**           | Image to display in List Item. You can use all `react-native Image` properties. | _None_  |\r\n| **`icon`**            | Icon to display in List Item. You can use all `Icon` properties.                | _None_  |\r\n| **`arrow`**           | If the List Item has an arrow at the right of the item.                         | _false_ |\r\n| **`backgroundColor`** | Background color of List Item.                                                  | _white_ |\r\n| **`rounded`**         | If the image displayed on the ListItem is rouned or not.                        | _false_ |\r\n\r\n#### Floating Action Button\r\n\r\nThis molecule makes use of the `Text` and `Icon` Atoms.\r\n\r\n###### One action\r\n\r\n```html\r\n<FloatingButton onPress={this.handleAction} image={require(\"path/to/image.png\")} />\r\n```\r\n\r\n###### Multiple actions\r\n\r\n```js\r\n\r\nactions = [\r\n    { text: 'Accessibility', image: require(\"path/to/image.png\"), name: 'bt_accessibility', position: 2, onPress: () => this.handleAccessibility() },\r\n    { text: 'Location', icon: \"pin\", name: 'bt_room', position: 1, onPress: () => this.handleLocation() },\r\n    { text: 'Video', icon: \"videocam\", name: 'bt_videocam', position: 3, onPress: () => this.handleVideo() }\r\n];\r\n\r\n<FloatingButton actions={actions} />\r\n```\r\n\r\n##### Android\r\n![Android FAB](https://user-images.githubusercontent.com/24349997/55306629-81ab4180-5472-11e9-860e-3693bcd3d8f8.PNG \"Android FAB\") ![Android FAB Expanded](https://user-images.githubusercontent.com/24349997/55306630-81ab4180-5472-11e9-9948-dc4223961298.PNG \"Android FAB Expanded\")\r\n\r\n##### iOS\r\n![iOS FAB](https://user-images.githubusercontent.com/24349997/55306632-8243d800-5472-11e9-94b9-a4b0c17842fc.png \"iOS FAB\") ![iOS FAB Expanded](https://user-images.githubusercontent.com/24349997/55306631-8243d800-5472-11e9-9315-ad5d91d913f0.png \"iOS FAB Expanded\")\r\n\r\nThe props for the main `FloatingButton` are;\r\n\r\n| Prop                    | Description                                                                    | Default   |\r\n|-------------------------|--------------------------------------------------------------------------------|-----------|\r\n| color                   | Background color of main button.                                               | _primary_ |\r\n| distanceToEdge          | Distance from edge of device for FAB positioning.                              | `30`      |\r\n| mainVerticalDistance    | Distance of FAB from the bottom of the screen                                  | `0`       |\r\n| visible                 | If the FAB and its children are visible.                                       | _true_    |\r\n| overlayColor            | The overlay color of the background.                                           | _overlay_ |\r\n| position                | The position of the FAB (center, right).                                       | `'right'` |\r\n| showBackground          | Show background behind the FAB.                                                | _true_    |\r\n| openOnMount             | If FAB should be expanded when page mounts.                                    | _false_   |\r\n| actionsPaddingTopBottom | Spacing between child action items.                                            | `8`       |\r\n| iconHeight              | Height of button icon.                                                         | `15`      |\r\n| iconWidth               | Width of button icon.                                                          | `15`      |\r\n| listenKeyboard          | If listeners are to be added for the Keyboard component.                       | _false_   |\r\n| dismissKeyboardOnPress  | If keyboard should be dismissed on button click.                               | _false_   |\r\n| onPress                 | User defined action to run when FAB main button is clicked.                    | _None_    |\r\n| onClose                 | User defined action to run when FAB is closed.                                 | _None_    |\r\n| onOpen                  | User defined action to run when FAB is expanded.                               | _None_    |\r\n| onPressBackdrop         | User defined action to run when the background of the expanded FAB is clicked. | _None_    |\r\n| onStateChange           | User defined action to run when the component state changes                    | _None_    |\r\n| image                   | Image to display on FAB main button.                                           | _None_    |\r\n| iconName                | Icon to display on FAB main button.                                            | _None_    |\r\n| tabs                    | If the page also includes a footer navigation                                  | _false_   |\r\n| action                  | Array of objects which correlate to a FloatingButtonItem                       | _false_   |\r\n\r\nThe props for the nested `FloatingButtonItems`, which is being sent through the `actions` prop are;\r\n\r\n| Prop               | Description                                                            | Default    |\r\n|--------------------|------------------------------------------------------------------------|------------|\r\n| color              | Background color of main button.                                       | _primary_  |\r\n| image              | Image to display on FAB main button.                                   | _None_     |\r\n| icon               | Icon to display on FAB main button.                                    | _None_     |\r\n| name               | Unique name for each button. **(Required)**                            | _None_     |\r\n| textContainerStyle | Style of text container                                                | _None_     |\r\n| text               | Text to be displayed next to button.                                   | _None_     |\r\n| textStyle          | Style of text.                                                         | _None_     |\r\n| textProps          | Other text props.                                                      | `'right'`  |\r\n| textBackground     | Background color of text.                                              | _white_    |\r\n| textColor          | Font color of text.                                                    | _darkGrey_ |\r\n| textElevation      | Shadow of text element.                                                | `5`        |\r\n| position           | The position of the FAB (center, right).                               | _None_     |\r\n| active             | If FAB is expanded or not.                                             | _None_     |\r\n| distanceToEdge     | Distance from edge of device for FAB positioning.                      | `30`       |\r\n| paddingTopBottom   | Vertical padding of each action item.                                  | _None_     |\r\n| onPress            | User defined action to run when FAB child action button is clicked.    | _None_     |\r\n| margin             | Padding right of each action item, if the position of FAB is `'right'` | `8`        |\r\n\r\n#### Card\r\n\r\nA Card that displays a title (required), description and image.\r\n\r\n```html\r\n<Card title=\"Heading\" description=\"Description\" image={{ source: require(\"path/to/image.png\")}} />\r\n```\r\n\r\n##### Android\r\n![Android Card](https://user-images.githubusercontent.com/24349997/55306626-8112ab00-5472-11e9-8fad-5aaa7b981ffa.PNG \"Android Card\") \r\n\r\n##### iOS\r\n![iOS Card](https://user-images.githubusercontent.com/24349997/55306628-81ab4180-5472-11e9-8ec7-16f185bb82b2.png \"iOS Card\")\r\n\r\nYou can use any [TouchableOpacity property](https://facebook.github.io/react-native/docs/touchableopacity.html) and the following:\r\n\r\n| Prop                  | Description                                                                | Default |\r\n|-----------------------|----------------------------------------------------------------------------|---------|\r\n| **`title`**           | Description of Card. **(Required)**                                        | _None_  |\r\n| **`description`**     | Description of Card.                                                       | _None_  |\r\n| **`image`**           | Image to display in Card. You can use all `react-native Image` properties. | _None_  |\r\n| **`block`**           | If the Card has full width of the device.                                  | _false_ |\r\n| **`backgroundColor`** | Background color of Card.                                                  | _white_ |\r\n\r\n### Organisms\r\n\r\n#### Form\r\n\r\n```js\r\nformElements = [\r\n    { label: \"Full Name\", type: \"text\", onChangeText: (value) => this.handleTextChange(value), placeholder: \"John Doe\" },\r\n    { label: \"Email\", type: \"text\", onChangeText: (value) => this.handleTextChange(value), placeholder: \"john.doe@gmail.com\", isValid: (value) => this.checkInputValidity(value) },\r\n    { label: \"Type\", type: \"picker\", onValueChange: (value) => this.handleValueChange(value), pickerData: this.pickerData },\r\n    { label: \"Date\", type: \"date\", onDateChange: (value) => this.handleDateChange(value) },\r\n    { label: \"Address\", type: \"textarea\", onChangeText: (value) => this.handleTextChange(value) },\r\n];\r\n\r\n<Form formElements={formElements} />\r\n```\r\n\r\n##### Android\r\n![Android Form](https://user-images.githubusercontent.com/24349997/55306877-5d039980-5473-11e9-93f2-850d9ac47ddd.PNG \"Android Form\") \r\n\r\n##### iOS\r\n![iOS Form](https://user-images.githubusercontent.com/24349997/55306878-5d039980-5473-11e9-9ec6-6db8356ff79e.png \"iOS Form\")\r\n\r\nThe `Form` Component iterates through the `formElements` array, to render the fields according to the type of input specified in each object. \r\nThe form object only has one extra prop;\r\n\r\n| Prop               | Description                                        | Default   |\r\n|--------------------|----------------------------------------------------|-----------|\r\n| **`color`**        | Color of all form elements when in focus.          | _primary_ |\r\n| **`rounded`**      | If form element style is rounded edges.            | _false_   |\r\n| **`underline`**    | If form element style is an underline.             | _false_   |\r\n| **`defaultStyle`** | If form element style is default as seen above.    | _true_    |\r\n| **`noStyle`**      | If form element has no framework defined style.    | _false_   |\r\n| **`style`**        | Custom form element inactive style. (Style object) | _None_    |\r\n| **`activeStyle`**  | Custom form element active style. (Style object)   | _None_    |\r\n| **`errorStyle`**   | Custom form element error style. (Style object)    | _None_    |\r\n\r\nBut each type of input has corresponding proptypes to the molecules named below;\r\n\r\n| Type         | Molecule Component                |\r\n|--------------|-----------------------------------|\r\n| `'text'`     | [FormInput](#forminput)           |\r\n| `'textarea'` | [FormTextArea](#formtextarea)     |\r\n| `'date'`     | [FormDatePicker](#formdatepicker) |\r\n| `'picker'`   | [FormPicker](#formpicker)         |\r\n\r\n#### ListView\r\nA vertical list of ListItem molecules\r\n\r\n```js\r\nlistData = [\r\n    { title: \"Heading 1\", description: \"Description 1\", image: { source: require(\"path/to/image.png\")} },\r\n    { title: \"Heading 2\", description: \"Description 2\", image: { source: require(\"path/to/image.png\")} },\r\n    { title: \"Heading 3\", description: \"Description 3\", image: { source: require(\"path/to/image.png\")} }\r\n];\r\n\r\n<ListView data={listData} />\r\n```\r\n\r\nYou can also pass a custom `renderItem` method to the `ListView`, to render `ListItems` with other `TouchableOpacity` props, like `onPress`;\r\n\r\n```js\r\nhandleListItemClick = (title, description) => {\r\n    Alert.alert(title, description);\r\n}\r\n\r\n<ListView data={listData} renderItem={({item}) => <ListItem {...item} onPress={() => handleListItemClick(item.title, item.description)} />} />\r\n```\r\n\r\n##### Android\r\n![Android ListView](https://user-images.githubusercontent.com/24349997/55306879-5d039980-5473-11e9-821e-c23d21244299.PNG \"Android ListView\") \r\n\r\n##### iOS\r\n![iOS ListView](https://user-images.githubusercontent.com/24349997/55306880-5d9c3000-5473-11e9-8701-0cfdef3200b8.png \"iOS ListView\")\r\n\r\nYou can use any [FlatList property](http://facebook.github.io/react-native/docs/flatlist.html) and the following:\r\n\r\n| Prop                  | Description                                              | Default |\r\n|-----------------------|----------------------------------------------------------|---------|\r\n| **`backgroundColor`** | Background color of all cards.                           | _white_ |\r\n| **`thin`**            | If the `'ThinListItem'` is the component to be rendered. | _false_ |\r\n| **`rounded`**         | If the image displayed on the ListItem is rouned or not. | _false_ |\r\n\r\nThe data to be sent to the ListView needs to contain the same fields as the props of [ListItem](#listitem) component.\r\n\r\n#### CardList\r\nA vertical/horizontal List of Card molecules.\r\n\r\n```js\r\nlistData = [\r\n    { title: \"Heading 1\", description: \"Description 1\", image: { source: require(\"path/to/image.png\")} },\r\n    { title: \"Heading 2\", description: \"Description 2\", image: { source: require(\"path/to/image.png\")} },\r\n    { title: \"Heading 3\", description: \"Description 3\", image: { source: require(\"path/to/image.png\")} }\r\n];\r\n\r\n<CardList data={listData} />\r\n```\r\n\r\nYou can also pass a custom `renderItem` method to the `CardList`, to render `Cards` with other `TouchableOpacity` props, like `onPress`;\r\n\r\n```js\r\nhandleListItemClick = (title, description) => {\r\n    Alert.alert(title, description);\r\n}\r\n\r\n<CardList data={listData} renderItem={({item}) => <Card {...item} onPress={() => handleListItemClick(item.title, item.description)} />} />\r\n```\r\n\r\n##### Android\r\n![Android CardList](https://user-images.githubusercontent.com/24349997/55306875-5c6b0300-5473-11e9-826b-78fd3a8bb7b2.PNG \"Android CardList\") \r\n\r\n##### iOS\r\n![iOS CardList](https://user-images.githubusercontent.com/24349997/55306876-5c6b0300-5473-11e9-86c0-8c2fb2f64e90.png \"iOS CardList\")\r\n\r\nYou can use any [FlatList property](http://facebook.github.io/react-native/docs/flatlist.html) and the following:\r\n\r\n| Prop                  | Description                    | Default |\r\n|-----------------------|--------------------------------|---------|\r\n| **`backgroundColor`** | Background color of all cards. | _white_ |\r\n\r\nThe data to be sent to the CardList needs to contain the same fields as the props of [Card](#card) component.\r\n\r\n#### NavBar\r\nThe Navigation Header makes use of the `Text` and `Icon` atom.\r\n\r\n```js\r\n<NavBar>\r\n    <NavBarLeft>\r\n        <NavBarButton type=\"drawer\" />\r\n    </NavBarLeft>\r\n    <NavBarBody>\r\n        <Text>Title</Text>\r\n    </NavBarBody>\r\n    <NavBarRight>\r\n        <NavBarButton onPress={this.handleFavourites} >\r\n            <Icon name=\"heart\" />\r\n        </NavBarButton>\r\n    </NavBarRight>\r\n</NavBar>\r\n```\r\n\r\n##### Android\r\n![Android Nav Bar](https://user-images.githubusercontent.com/24349997/55306881-5d9c3000-5473-11e9-8162-2e60751f4ca9.PNG \"Android Nav Bar\") \r\n\r\n##### iOS\r\n![iOS Nav Bar](https://user-images.githubusercontent.com/24349997/55306883-5e34c680-5473-11e9-905e-17f074c14930.png \"iOS Nav Bar\")\r\n\r\n`NavBar` is the main container for the header. It makes use of the [View property](https://facebook.github.io/react-native/docs/view.html) and the following:\r\n\r\n| Prop                 | Description                                                       | Default                                                 |\r\n|----------------------|-------------------------------------------------------------------|---------------------------------------------------------|\r\n| **`transparent`**    | If status bar above header is transparent                         | _None_                                                  |\r\n| **`statusBarColor`** | Background color of the `NavBar`.                                 | _primary_ for Android, `'#F8F8F8'` for iOS              |\r\n| **`statusBarColor`** | Content type of the `StatusBar`.('light-content', 'dark-content') | `'light-content'` for Android, `'dark-content'` for iOS |\r\n\r\n`NavBarBody` is a container that displays its children in the center of the header. It only accepts the title of the page within a Text tag. It makes use of the [View property](https://facebook.github.io/react-native/docs/view.html) and the following:\r\n\r\n| Prop        | Description               | Default                              |\r\n|-------------|---------------------------|--------------------------------------|\r\n| **`color`** | Color of the title`Text`. | _white_ for Android, _black_ for iOS |\r\n\r\n`NavBarLeft` displays its children on the left while, `NavBarRight` is displays its children on the right side of the header. \r\n**All headers must contain these three tags, to render uniformly.**\r\n\r\n`NavBarButton` is the button element to be used within the `NavBar`. It will only accept the atoms `Text`, `Icon` and a `react-native Image`. It contains the same property as a [TouchableOpacity](https://facebook.github.io/react-native/docs/touchableopacity.html). It also comes with an inbuilt type for common features, which are `'drawer'`, `'back'` and `'search'`.\r\n\r\n| Prop        | Description                                                                 | Default                                  |\r\n|-------------|-----------------------------------------------------------------------------|------------------------------------------|\r\n| **`type`**  | Built in UI implementation of common `NavBar` button (drawer, back, search) | _None_                                   |\r\n| **`color`** | Text and Icon color of button.                                              | _white_ for Android, `'#0a60ff'` for iOS |\r\n\r\n#### TabBar\r\nThe Navigation Footer makes use of the `Text` and `Icon` atom.\r\n\r\n```js\r\n<TabBar>\r\n    <TabItem active>\r\n        <Icon name=\"heart\" />\r\n        <Text>Favorites</Text>\r\n    </TabItem>\r\n    <TabItem>\r\n        <Icon name=\"add\" />\r\n        <Text>Add New</Text>\r\n    </TabItem>\r\n    <TabItem>\r\n        <Icon name=\"camera\" />\r\n        <Text>Camera</Text>\r\n    </TabItem>\r\n    <TabItem>\r\n        <Icon name=\"settings\" />\r\n        <Text>Settings</Text>\r\n    </TabItem>\r\n</TabBar>\r\n```\r\n\r\n##### Android\r\n![Android Tab Bar](https://user-images.githubusercontent.com/24349997/55306888-5ecd5d00-5473-11e9-8737-8b01377343b8.PNG \"Android Tab Bar\") \r\n\r\n##### iOS\r\n![iOS Tab Bar](https://user-images.githubusercontent.com/24349997/55306874-5c6b0300-5473-11e9-9cdc-9048e69df1bc.png \"iOS Tab Bar\")\r\n\r\n`TabBar` is the main container for the footer navigation. It makes use of the [View property](https://facebook.github.io/react-native/docs/view.html) and the following:\r\n\r\n| Prop                | Description                                        | Default                                                       |\r\n|---------------------|----------------------------------------------------|---------------------------------------------------------------|\r\n| **`color`**         | Background color of the `TabBar`.                  | _primary_ for Android, `'#F8F8F8'` for iOS                    |\r\n| **`activeColor`**   | Text and Icon color of active tab.                 | _white_ for Android, `'#0a60ff'` for iOS                      |\r\n| **`inactiveColor`** | Text and Icon color of inactive tab.               | `'rgba(209, 216, 224, 0.8)'` for Android, `'#8e8e93'` for iOS |\r\n| **`top`**           | If the TabBar is on top of the page. Android only. | _false_                                                       |\r\n\r\n`TabItem` is the button element to be used within the `TabBar`. It will only accept the atoms `Text`, `Icon` and a `react-native Image`. It contains the same property as a [TouchableOpacity](https://facebook.github.io/react-native/docs/touchableopacity.html). In addition, it contains the following properties as well;\r\n\r\n| Prop                | Description                          | Default                                                       |\r\n|---------------------|--------------------------------------|---------------------------------------------------------------|\r\n| **`activeColor`**   | Text and Icon color of active tab.   | _white_ for Android, `'#0a60ff'` for iOS                      |\r\n| **`inactiveColor`** | Text and Icon color of inactive tab. | `'rgba(209, 216, 224, 0.8)'` for Android, `'#8e8e93'` for iOS |\r\n| **`active`**        | If current `TabItem` is active.      | _false_                                                       |\r\n\r\n\r\n#### PillBar\r\nThe Pill Navigation Bar.\r\n\r\n```js\r\npillScenes = [\r\n    { scene: <Home /> },\r\n    { scene: <CardList data={listData} /> },\r\n    { scene: <ListView data={listData} /> },\r\n    { scene: <View style={styles.innerContainer}><Form formElements={formElements} /></View> },\r\n];\r\n\r\npillHeaders = [\r\n    { title: 'Home', icon: \"home\" },\r\n    { title: 'Card List', icon: \"card\" },\r\n    { title: 'List View', icon: \"list\" },\r\n    { title: 'Form', icon: \"help\" }\r\n];\r\n\r\n<PillView pillHeaders={pillHeaders} pillScenes={pillScenes} />\r\n```\r\n\r\n\r\n##### Android\r\n![Android Pill Bar](https://user-images.githubusercontent.com/24349997/55306884-5e34c680-5473-11e9-90a8-5a6138c534e4.PNG \"Android Pill Bar\") \r\n\r\n##### iOS\r\n![iOS Pill Bar](https://user-images.githubusercontent.com/24349997/55306886-5e34c680-5473-11e9-8ad4-05f85ddcef65.png \"iOS Pill Bar\")\r\n\r\nThe index of the pillHeader object, will be used to query the corresponding pillScene, during transition.\r\n\r\n`PillBar` is the main container for the pill navigation. It makes use of the [View property](https://facebook.github.io/react-native/docs/view.html) and the following:\r\n\r\n| Prop        | Description                                | Default                                    |\r\n|-------------|--------------------------------------------|--------------------------------------------|\r\n| **`color`** | Active color of the PillBar. Android only. | _primary_ for Android, `'#0a60ff'` for iOS |\r\n\r\nThis property `color`, will be passed down to child element `PillItem` as the `activeColor` prop mentioned below\r\n\r\n`PillItem` is the button element to be used within the `PillBar`. It will only accept the atoms `Text`, `Icon` and a `react-native Image`. It contains the same property as a [TouchableOpacity](https://facebook.github.io/react-native/docs/touchableopacity.html). In addition, it contains the following properties as well;\r\n\r\n| Prop                | Description                                        | Default                                  |\r\n|---------------------|----------------------------------------------------|------------------------------------------|\r\n| **`activeColor`**   | Text and Icon color of active tab.                 | _white_ for Android, `'#0a60ff'` for iOS |\r\n| **`inactiveColor`** | Text and Icon color of inactive tab. Android only. | `'#adadad'`                              |\r\n| **`active`**        | If current `PillItem` is active.                   | _false_                                  |\r\n\r\n## Contributing\r\nPlease read [CONTRIBUTING.md](https://github.com/99xt/first-born/blob/master/CONTRIBUTING.md) for details on our code of conduct, and the process for submitting pull requests to us.\r\n\r\n## Versioning\r\n\r\nWe use [SemVer](http://semver.org/) for versioning. \r\n\r\n## Authors\r\n\r\n* **Sameeha Rahman** - *Initial work* - [samsam-026](https://github.com/samsam-026)\r\n* **Muditha Batagoda** - *Initial Design* - [mudithabatagoda](https://github.com/mudithabatagoda)\r\n\r\nSee also the list of [contributors](https://github.com/99xt/first-born/graphs/contributors) who participated in this project.\r\n\r\n## License\r\n\r\nThis project is licensed under the MIT License - see the [LICENSE.md](https://github.com/99xt/first-born/blob/master/LICENSE) file for details\r\n","readmeFilename":"README.md"}