{"_id":"@axiasolar-js/react-identicon","_rev":"2-278ee03005035d5f616d4b274f36796e","name":"@axiasolar-js/react-identicon","dist-tags":{"latest":"1.1.0"},"versions":{"1.1.0":{"name":"@axiasolar-js/react-identicon","version":"1.1.0","type":"module","description":"Renders an SVG picture representing an address","main":"index.js","sideEffects":["./detectPackage.js","./detectPackage.cjs"],"author":{"name":"Sankar boro","email":"sankar.boro@zeeve.io"},"maintainers":[{"name":"abhishek-zeeve","email":"abhishek.rana@zeeve.io"},{"name":"sankar-boro-zeeve","email":"sankar.boro@zeeve.io"}],"license":"Apache-2.0","dependencies":{"@babel/runtime":"^7.15.4","@axiasolar-js/keyring":"1.1.0","@axiasolar-js/ui-settings":"1.1.0","@axiasolar-js/ui-shared":"1.1.0","@axiasolar-js/util":"1.1.0","@axiasolar-js/util-crypto":"1.1.0","color":"^3.2.1","ethereum-blockies-base64":"^1.0.2","jdenticon":"3.1.1","react-copy-to-clipboard":"^5.0.4","styled-components":"^5.3.1"},"peerDependencies":{"@axiasolar-js/keyring":"*","@axiasolar-js/util":"*","@axiasolar-js/util-crypto":"*","react":"*","react-dom":"*","react-is":"*","styled-components":"*"},"devDependencies":{"@types/react-copy-to-clipboard":"^5.0.1","@types/react-dom":"^17.0.9","@types/styled-components":"^5.1.14","styled-components":"^5.3.1","xmlserializer":"^0.6.1"},"exports":{".":{"require":"./index.cjs","default":"./index.js"},"./bundle":{"require":"./bundle.cjs","default":"./bundle.js"},"./bundle.d.ts":"./bundle.d.ts","./Demo":{"require":"./Demo.cjs","default":"./Demo.js"},"./Demo.d.ts":"./Demo.d.ts","./detectPackage":{"require":"./detectPackage.cjs","default":"./detectPackage.js"},"./detectPackage.d.ts":"./detectPackage.d.ts","./icons":{"require":"./icons/index.cjs","default":"./icons/index.js"},"./icons/Beachball":{"require":"./icons/Beachball.cjs","default":"./icons/Beachball.js"},"./icons/Beachball.d.ts":"./icons/Beachball.d.ts","./icons/Empty":{"require":"./icons/Empty.cjs","default":"./icons/Empty.js"},"./icons/Empty.d.ts":"./icons/Empty.d.ts","./icons/Ethereum":{"require":"./icons/Ethereum.cjs","default":"./icons/Ethereum.js"},"./icons/Ethereum.d.ts":"./icons/Ethereum.d.ts","./icons/index.d.ts":"./icons/index.d.ts","./icons/Jdenticon":{"require":"./icons/Jdenticon.cjs","default":"./icons/Jdenticon.js"},"./icons/Jdenticon.d.ts":"./icons/Jdenticon.d.ts","./icons/AXIASolar":{"require":"./icons/AXIASolar.cjs","default":"./icons/AXIASolar.js"},"./icons/AXIASolar.d.ts":"./icons/AXIASolar.d.ts","./Identicon":{"require":"./Identicon.cjs","default":"./Identicon.js"},"./Identicon.d.ts":"./Identicon.d.ts","./index.d.ts":"./index.d.ts","./package.json":"./package.json","./packageInfo":{"require":"./packageInfo.cjs","default":"./packageInfo.js"},"./packageInfo.d.ts":"./packageInfo.d.ts","./README.md":"./README.md","./types":{"require":"./types.cjs","default":"./types.js"},"./types.d.ts":"./types.d.ts"},"_id":"@axiasolar-js/react-identicon@1.1.0","_nodeVersion":"14.17.6","_npmVersion":"6.14.15","dist":{"integrity":"sha512-6NePxnqGeVGjATCtsNX1SVpEoMsXplcs1d+nbtGdMR9zxUW4lqLhSNNEpgA+io95npzcJTHe1SsKQ+kwb9FMaA==","shasum":"82b4c4649d907e854c3ba74bdd03513eb69e0481","tarball":"https://registry.npmjs.org/@axiasolar-js/react-identicon/-/react-identicon-1.1.0.tgz","fileCount":42,"unpackedSize":279905,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh12M5CRA9TVsSAnZWagAAx5sP/RyBnxZSnL5z8HLBoeK8\nIaOyCOdnGnVAjaCMGwA8gulgrCYNrVq84CeHx5uSu9p3QVlRPk/Zo1y3w/CS\nPN5iGVH35Ru2APp3KZlWGD3EgkHwiiDd3uQl9Jg2V97ri79tgfaoUE8yjjRl\nOKU/cb9Yikd2v1TGMagVpRulJZMgu9HrsXDF2u7DmKjZkOkHgXhhRFwyqR5E\nox8JOawrJkwpfZQwLU+/e/HOobanLSIVe/v70OujuCfMTYKuARw/r/7qnCgy\n0hrH7HcrSV13K++fEKgCTZXbYPgBsNgzz7EP7bi3ylVVpf5MNPLOa8kZeLc6\nk5fGX4Bhk9uNruD3zkjkYORIvGHWdBOnWntSbJiKwO8TDkKmKvyt5hsWic5F\nk4SMFMhWqt7VywveFKsYRQ6KvB+K2Zgm3LRUlwVaU+ZOaleS7h1Gg5Aqklan\nMbLGYyqTdZWiHvdGE1HMVvtafzfU22/bE4epzZp7nelOuKPkcb5Rg7uOZlu8\nOj+K6RyFBv/vcxU5Qndb1HPcdbdi7sgFHYFiQB4mzhgVtnf0d+RrsLI5lV6k\nNfyWrYdGt10q2m/4ZZjAPjiOEZQGrwAjs2Eqin8flL0grXsHqPi1wp4JFqde\nh7gzXZXrllCEbWkCi9OOayLTERmMAwzlUUv3lCLai1+xXa3lCX4d89Gk0hQ2\nWx6R\r\n=KZ2N\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIF1EkPxeofzd4bkwup+B7E8mnS/42ekGOucHDjR4YiDVAiBuOX/miBiHvEcDNl6NEU9a6qXPMTlRS1gNVgY9tW6KsQ=="}]},"_npmUser":{"name":"sankar-boro-zeeve","email":"sankar.boro@zeeve.io"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-identicon_1.1.0_1632467923656_0.04317600828881463"},"_hasShrinkwrap":false}},"time":{"created":"2021-09-24T07:18:43.607Z","1.1.0":"2021-09-24T07:18:44.055Z","modified":"2022-04-04T17:11:04.655Z"},"maintainers":[{"name":"abhishek-zeeve","email":"abhishek.rana@zeeve.io"},{"name":"sankar-boro-zeeve","email":"sankar.boro@zeeve.io"}],"description":"Renders an SVG picture representing an address","author":{"name":"Sankar boro","email":"sankar.boro@zeeve.io"},"license":"Apache-2.0","readme":"# @axiasolar-js/react-identicon\n\nA generic identity icon that can render icons based on the theme, be it Substrate or AXIASolar\n\n## Usage Examples\n\nTo install the component, do `yarn add @axiasolar-js/react-identicon`\n\nInside a React component, you can now render any account with the associated icon -\n\n```javascript\nimport Identicon from '@axiasolar-js/react-identicon';\n\n...\nrender () {\n  // address is an ss58-encoded address or publicKey (hex string or Uint8Array)\n  const { address } = this.props;\n  // size (optional) is a number, indicating the size (in pixels, 64 as default)\n  const size = 32;\n  // theme (optional), depicts the type of icon, one of\n  // 'axiasolar', 'substrate' (default), 'beachball' or 'jdenticon'\n  const theme = 'axiasolar';\n\n  // standard className & style props are also available\n  return (\n    <Identicon\n      value={address}\n      size={size}\n      theme={theme}\n    />\n  );\n}\n...\n```\n","readmeFilename":"README.md"}