{"_id":"@airmeet/react-initial","_rev":"2-44d38b46bfe6454767faaded1ccbcef9","name":"@airmeet/react-initial","dist-tags":{"latest":"1.1.3"},"versions":{"1.1.2":{"name":"@airmeet/react-initial","version":"1.1.2","description":"react component to make Gmail like text avatars for profile pictures","keywords":["react","initial","avatar"],"author":{"name":"Varshneya Rao","email":"varshneya@airmeet.com"},"license":"MIT","typings":"index.d.ts","main":"lib/index.js","scripts":{"test":"jest --no-cache --coverage","preversion":"babel src --out-dir lib"},"devDependencies":{"babel-cli":"^6.26.0","babel-jest":"^22.4.3","babel-plugin-transform-object-rest-spread":"^6.26.0","babel-preset-es2015":"^6.24.1","babel-preset-react":"^6.24.1","jest":"^22.4.3","react-test-renderer":"^16.3.2"},"dependencies":{"prop-types":"^15.7.2","react":"^16.12.0","react-dom":"^16.12.0"},"jest":{"verbose":true,"testEnvironment":"jsdom","coverageReporters":["lcov"]},"repository":{"url":"git+https://github.com/airmeet/react-initial.git"},"bugs":{"url":"https://github.com/airmeet/react-initial/issues"},"gitHead":"e9bdcfd630a40fd1330d0fa1f9576cf7bc8e3490","homepage":"https://github.com/airmeet/react-initial#readme","_id":"@airmeet/react-initial@1.1.2","_nodeVersion":"12.6.0","_npmVersion":"6.9.0","dist":{"integrity":"sha512-njeCFAvOf+T8qyWOKVyKCFrRNJqSImaYsxelnx8dAPh9h6d/i+wQRfafzjY/Ck7xEkHxNd2zPYulvu/aDAAazQ==","shasum":"f45b3433f9b2f3a00b84d8b6f334cd2097928561","tarball":"https://registry.npmjs.org/@airmeet/react-initial/-/react-initial-1.1.2.tgz","fileCount":8,"unpackedSize":11859,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeYT/BCRA9TVsSAnZWagAAQdAP/jbOgBx2zWaL4Qaycb5o\nP4L8A2BpNMybDPx78knJT5Q55ACYRX3p1DpFkB4PStY/zWFWgTexOEYGStq4\nstQB9l9wirawfaOZL6PaQ92PShMxAXCEvCZLt1PAgKaWDk3bw4SaZ2PKCs/A\nApvJVUb0pA45ATYxTXv15EnKV+VxVQ3ZCRaXXIC2032aFv2p5xnCqWH7PVeg\nXBzqH2GRk6IlgRirbrhXhDgyffeFNNXih0+p0Dt3TAinQCxNrbeZFSHkuX2Z\nu3++sNkUVOFw6rCEhq1HQrbvMjv6qS3o9upeVxq09qfO2ur+A9PDcTzO1auD\nahj430lAZ+zS8slt5iCMbePPHGpYpSHjMynvCXkQZ8S6Mb4LbyeB/0GYq/IL\nfobB0tcSQeuB+62nRJJCRMxbPgxIjgNv/GHRKOoYK+gGFgiqRRx4zBjMDJmy\nUF59GKcZuPr+gOQQhXMNHpbjhhSONnKcOAGkIK+2c1KPjJ84Zmmyu85C8OFx\n8of1FQsYb3Y1hVVn6u/yoqseojRcsYvsJlfGfgyzltyZ2Ma602hdjUaUAke6\njirJew9Rj05XrRTTQugn6hQXV+YCShY66s6mgZLwRm3QaCUzbeVEBHaE1nwD\n8xXJU/n34QTGPb74Ziy7swVtK3umrcqSqsDF81FrzFsTsmpEu4mYzRQVCjTQ\nK/YD\r\n=NLxz\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIFXwCscZzNoLdZ3mWxYbymD69hzDTZDsR7iRab+2zJMXAiBV3D9liU0ihYo0Iw9zjLv4nKsfGnzabkqBuGHkJhtLfw=="}]},"maintainers":[{"name":"varshneya-airmeet","email":"varshneya@airmeet.com"}],"_npmUser":{"name":"varshneya-airmeet","email":"varshneya@airmeet.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-initial_1.1.2_1583431616998_0.34458439157802556"},"_hasShrinkwrap":false},"1.1.3":{"name":"@airmeet/react-initial","version":"1.1.3","description":"react component to make Gmail like text avatars for profile pictures","keywords":["react","initial","avatar"],"author":{"name":"Varshneya Rao","email":"varshneya@airmeet.com"},"license":"MIT","typings":"index.d.ts","main":"lib/index.js","scripts":{"test":"jest --no-cache --coverage","preversion":"babel src --out-dir lib"},"devDependencies":{"babel-cli":"^6.26.0","babel-jest":"^22.4.3","babel-plugin-transform-object-rest-spread":"^6.26.0","babel-preset-es2015":"^6.24.1","babel-preset-react":"^6.24.1","jest":"^22.4.3","react-test-renderer":"^16.3.2"},"dependencies":{"prop-types":"^15.7.2","react":"^16.12.0","react-dom":"^16.12.0"},"jest":{"verbose":true,"testEnvironment":"jsdom","coverageReporters":["lcov"]},"repository":{"url":"git+https://github.com/airmeet/react-initial.git"},"bugs":{"url":"https://github.com/airmeet/react-initial/issues"},"gitHead":"1e51fa4d915c3e335d5c90d6e26427f4d94cd798","homepage":"https://github.com/airmeet/react-initial#readme","_id":"@airmeet/react-initial@1.1.3","_nodeVersion":"12.6.0","_npmVersion":"6.9.0","dist":{"integrity":"sha512-FgxhcNR3MjJvGBdjkfr/xKZTXmY8g4lpv+OviI2vTLI3f2LYG5GVFa6hZFIIjNJk44EvILMHXc2tPcgXriN2Rw==","shasum":"e5bc5a105e46b3114dab024254518895f6795968","tarball":"https://registry.npmjs.org/@airmeet/react-initial/-/react-initial-1.1.3.tgz","fileCount":17,"unpackedSize":69198,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeqmWvCRA9TVsSAnZWagAACKMP/0AfM5LT8rpaxuHHx8rs\ntBZX5nXA05tAuh4Spdusx1cpem8GB2iD67B/+XD2uFBLGByf2KSfNShcjSpE\nX3BgCUzHSyLYwzYbbO8FKa1jYUlwyeYcYW6mbMEUSBMMkvoJrbTM5CFQ6pc+\np/xLdOYZq0flCaJ73mFI8REYJU7S493xQfHGkddCq28ew1QN2At12T3BftBP\nipRn6oE95ukOKJGpq+j9+zWhuNAC8EBmE8P1hZmGsiojm+2Drg+3Q5qY498m\nB/G6hJJ7RGw/VAe3pqIcJRDW2MGHGrP6VKtMNBsOh1tkoEdTk2Yw5KXALpbF\nN3kcTTmukQEtUbh4qYEg7Txiz3/irxXUsXW4YLGZMqi5xMdqcOsLrxnqsBb0\nsHSJx3hPffA2wxxO/Bs6olLnLzIu5nRR6BG0CI5VZlDSLZvawoOn2xTmjXyy\nahXg1iLtwXxcLXBnFuGO65SdLmLiFwW7NAMUrEa5R1XZGn1kvRkulOCiSo2K\nZxiLrPYyTww1LjP1CL00YUExqLDTmO/n+uFv5t2gEm5g2OY0d14p36iexKG2\n/MWy8LboWm4xnXg5K2kMKGdrweGi8n4dH5uS7xVahpEGKAxGTXRTeAw+Pjbs\nnUxfNUe51eVcWWmWn4YG58pmCfOUafXwBIuPtT8/wu/MfaMI3Hg+zWirnhct\nZqn9\r\n=56tM\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQC9nga8Hyf5uzC73xEbJr8hOpE7BorcDfxFvIpMeYeDrgIgMG7wx/vP8NrMdm8o3YHwmZaxgNbkMFJTno5R7O6EQ04="}]},"maintainers":[{"name":"varshneya-airmeet","email":"varshneya@airmeet.com"}],"_npmUser":{"name":"varshneya-airmeet","email":"varshneya@airmeet.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-initial_1.1.3_1588225455299_0.00689625406297889"},"_hasShrinkwrap":false}},"time":{"created":"2020-03-05T18:06:56.718Z","1.1.2":"2020-03-05T18:06:57.172Z","modified":"2022-04-04T12:22:33.516Z","1.1.3":"2020-04-30T05:44:15.449Z"},"maintainers":[{"name":"varshneya-airmeet","email":"varshneya@airmeet.com"}],"description":"react component to make Gmail like text avatars for profile pictures","homepage":"https://github.com/airmeet/react-initial#readme","keywords":["react","initial","avatar"],"repository":{"url":"git+https://github.com/airmeet/react-initial.git"},"author":{"name":"Varshneya Rao","email":"varshneya@airmeet.com"},"bugs":{"url":"https://github.com/airmeet/react-initial/issues"},"license":"MIT","readme":"React Initial\n=============\n\n[![npm version](https://badge.fury.io/js/react-initial.svg)](http://badge.fury.io/js/react-initial)\n[![License](https://img.shields.io/npm/l/react-initial.svg)](https://www.npmjs.com/package/react-initial) \n[![Dependency Status](https://david-dm.org/brunocarvalhodearaujo/react-initial.svg?style=flat-square)](https://david-dm.org/brunocarvalhodearaujo/react-initial)\n[![devDependency Status](https://david-dm.org/brunocarvalhodearaujo/react-initial/dev-status.svg?style=flat-square)](https://david-dm.org/brunocarvalhodearaujo/react-initial#info=devDependencies)\n[![npm](https://img.shields.io/npm/dt/react-initial.svg)]()\n\nSimple react component to make Gmail like text avatars for profile pictures.\n\n![example](https://upload.wikimedia.org/wikipedia/commons/thumb/9/91/Silver_medal_icon_%28S_initial%29.svg/2000px-Silver_medal_icon_%28S_initial%29.svg.png)\n\n### Browser compatibility\n  - Chrome\n  - Firefox\n  - Opera 9+\n  - Safari 3.2+\n  - iOS Safari 3.2+\n  - Android Browser 3+\n\n### Usage\n\n```js\nimport React from 'react'\nimport ReactDOM from 'react-dom'\nimport { Initial } from 'react-initial'\n\nconst App = () => (\n  <Initial name='Bruno Carvalho de Araujo' />\n)\n\nReactDOM.render(<App />, document.getElementById('root'))\n```\n\n### Props\n\nThe `Initial` component takes a couple of props that you can use to customize its behaviour:\n\n| Prop       | type   | Description                                                    | Default  |\n|------------|--------|----------------------------------------------------------------|----------|\n| `name`       | string | Name of the user which the profile picture should be generated | Name     |\n| `height`     | number | Height of the picture                                          | 100      |\n| `width`      | number | Width of the picture                                           | 100      |\n| `charCount`  | number | Number of characherts to be shown in the picture.              | 1        |\n| `textColor`  | string | Color of the text                                              | #ffffff  |\n| `fontSize`   | number | Font size of the character(s)                                  | 60       |\n| `fontWeight` | number | Font weight of the character(s)                                | 400      |\n| `radius`     | number | Rounded corners                                                | 0        |\n| `seed`       | number | Number to randomize the background color                       | 0        |\n| `color`      | string | Background color of the profile picture that should be generated| null    |\n\n\n### References to create project\n  - [initial.js](https://github.com/judesfernando/initial.js)\n  - [Creating TypeScript typings for existing React components](https://templecoding.com/blog/2016/03/31/creating-typescript-typings-for-existing-react-components/)\n","readmeFilename":"README.md"}