{"_id":"@bitwyre/icons","_rev":"7-a05f00e64a63f9f47935f1813e474b23","name":"@bitwyre/icons","description":"Bitwyre icons including our icons system","dist-tags":{"latest":"0.2.3"},"versions":{"0.1.0":{"name":"@bitwyre/icons","version":"0.1.0","license":"MIT","_id":"@bitwyre/icons@0.1.0","maintainers":[{"name":"danuamirudin","email":"danu@bitwyre.com"},{"name":"deflorioan","email":"deflorio@bitwyre.com"},{"name":"r1z","email":"mynev.id@gmail.com"}],"dist":{"shasum":"0831ff36977e80035f37153d0b72ef90b229c390","tarball":"https://registry.npmjs.org/@bitwyre/icons/-/icons-0.1.0.tgz","fileCount":2,"integrity":"sha512-U961F4ZHBdtnSZWJhiFfK44Jv7K/C05blv25afdqikWYx4z7dImnTgPyWQZ/j606E3IfAijfAET0pcr4kbAOgQ==","signatures":[{"sig":"MEQCIGFa1iJeYZ8ika+AmWAImvOmT0WSguo4nd0yUOtZQr3yAiBVJEb475vIWO6D34pRuxy8XhCb4zt++dDXgLLm8D1U1A==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":3140},"main":"./src/index.ts","_from":"file:bitwyre-icons-0.1.0.tgz","types":"./dist/index.d.ts","module":"./dist/index.mjs","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.mjs","default":"./dist/index.js","require":"./dist/index.js"},"./*":{"types":"./dist/*/index.d.ts","import":"./dist/*/index.mjs","require":"./dist/*/index.js"}},"private":false,"scripts":{"build":"rm -rf dist && pnpm dlx tsup","generate:svg":"pnpm dlx @svgr/cli  --out-dir src/icons --index-template index-template.js --typescript -- currency-icons"},"_npmUser":{"name":"r1z","email":"mynev.id@gmail.com"},"_resolved":"/private/var/folders/fn/xs8j2qfx1c52sn7zxlxkfcwc0000gn/T/d9523e9322bb7cbbe6a4873294229cc4/bitwyre-icons-0.1.0.tgz","_integrity":"sha512-U961F4ZHBdtnSZWJhiFfK44Jv7K/C05blv25afdqikWYx4z7dImnTgPyWQZ/j606E3IfAijfAET0pcr4kbAOgQ==","_npmVersion":"9.6.7","description":"Inc luding our react icons based on figma design","directories":{},"_nodeVersion":"18.17.1","dependencies":{"react":"^18.2.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"tsup":"^8.0.2","@svgr/cli":"^8.1.0","@turbo/gen":"^1.11.3","typescript":"^5.3.3","@types/react":"^18.2.55","@bitwyre/eslint-config":"0.0.6","@bitwyre/typescript-config":"0.0.3"},"_npmOperationalInternal":{"tmp":"tmp/icons_0.1.0_1708332860092_0.9293549267646672","host":"s3://npm-registry-packages"}},"0.2.0":{"name":"@bitwyre/icons","version":"0.2.0","license":"MIT","_id":"@bitwyre/icons@0.2.0","maintainers":[{"name":"danuamirudin","email":"danu@bitwyre.com"},{"name":"deflorioan","email":"deflorio@bitwyre.com"},{"name":"r1z","email":"mynev.id@gmail.com"}],"dist":{"shasum":"156d83791be407e0d632e1bd11301a1592521a53","tarball":"https://registry.npmjs.org/@bitwyre/icons/-/icons-0.2.0.tgz","fileCount":8,"integrity":"sha512-Wf29kf6yLw77RETxrh/JDpI7crylvX/QC155k62JA7XisuhPdHWozTpiOK9g/SM8xhZWXoRxksSzb/Q8hdX3yA==","signatures":[{"sig":"MEUCIDeZPSxfAHaN8DwB7RACIJ0uj7bkRehzk6N6OeMaER0kAiEAxUC51R/Rj08g+0rpzs6KaeTsZm4ppU2kpudPg8TiVF0=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":1039042},"main":"./src/index.ts","_from":"file:bitwyre-icons-0.2.0.tgz","types":"./dist/index.d.ts","module":"./dist/index.mjs","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.mjs","default":"./dist/index.js","require":"./dist/index.js"},"./*":{"types":"./dist/*/index.d.ts","import":"./dist/*/index.mjs","require":"./dist/*/index.js"}},"private":false,"scripts":{"build":"rm -rf dist && pnpm dlx tsup","generate:svg":"pnpm dlx @svgr/cli  --out-dir src/icons --index-template index-template.js --typescript -- currency-icons"},"_npmUser":{"name":"r1z","email":"mynev.id@gmail.com"},"_resolved":"/private/var/folders/fn/xs8j2qfx1c52sn7zxlxkfcwc0000gn/T/7b30afe48b4b526847d1b3687a3635d4/bitwyre-icons-0.2.0.tgz","_integrity":"sha512-Wf29kf6yLw77RETxrh/JDpI7crylvX/QC155k62JA7XisuhPdHWozTpiOK9g/SM8xhZWXoRxksSzb/Q8hdX3yA==","_npmVersion":"9.6.7","description":"Inc luding our react icons based on figma design","directories":{},"_nodeVersion":"18.17.1","dependencies":{"react":"^18.2.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"tsup":"^8.0.2","@svgr/cli":"^8.1.0","@turbo/gen":"^1.11.3","typescript":"^5.3.3","@types/react":"^18.2.55","@bitwyre/eslint-config":"0.0.6","@bitwyre/typescript-config":"0.0.3"},"_npmOperationalInternal":{"tmp":"tmp/icons_0.2.0_1708333113422_0.0992384838729421","host":"s3://npm-registry-packages"}},"0.2.1":{"name":"@bitwyre/icons","version":"0.2.1","license":"MIT","_id":"@bitwyre/icons@0.2.1","maintainers":[{"name":"danuamirudin","email":"danu@bitwyre.com"},{"name":"deflorioan","email":"deflorio@bitwyre.com"},{"name":"r1z","email":"mynev.id@gmail.com"}],"dist":{"shasum":"0ab9b5c1639586fa4b4558decbc22169cac70309","tarball":"https://registry.npmjs.org/@bitwyre/icons/-/icons-0.2.1.tgz","fileCount":8,"integrity":"sha512-nqGEQmQ7KYxP6pRRn8BES22chSBbpXrj7wFFP8qSyY2C4v9T0TZW8VNdZQVjwYlOn7ZaF22T2sjhksoco1HTbA==","signatures":[{"sig":"MEUCIFHFTxABq5s4hUdSXS9y44T//FwdVqOyzTCKP2h/YGnSAiEAhlkQlUeWj20U+JCyzN1YplttFjAYWxm5W5n9nl7Jk0I=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":1039103},"main":"./src/index.ts","_from":"file:bitwyre-icons-0.2.1.tgz","types":"./dist/index.d.ts","module":"./dist/index.mjs","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.mjs","default":"./dist/index.js","require":"./dist/index.js"},"./*":{"types":"./dist/*/index.d.ts","import":"./dist/*/index.mjs","require":"./dist/*/index.js"}},"private":false,"scripts":{"build":"rm -rf dist && pnpm dlx tsup","generate:svg":"pnpm dlx @svgr/cli  --out-dir src/icons --index-template index-template.js --typescript -- currency-icons"},"_npmUser":{"name":"r1z","email":"mynev.id@gmail.com"},"_resolved":"/private/var/folders/fn/xs8j2qfx1c52sn7zxlxkfcwc0000gn/T/df24c992a82063f8973224c9d5d45d3e/bitwyre-icons-0.2.1.tgz","_integrity":"sha512-nqGEQmQ7KYxP6pRRn8BES22chSBbpXrj7wFFP8qSyY2C4v9T0TZW8VNdZQVjwYlOn7ZaF22T2sjhksoco1HTbA==","_npmVersion":"9.6.7","description":"Bitwyre icons including our icons system","directories":{},"_nodeVersion":"18.17.1","dependencies":{"react":"^18.2.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"tsup":"^8.0.2","@svgr/cli":"^8.1.0","@turbo/gen":"^1.11.3","typescript":"^5.3.3","@types/react":"^18.2.55","@bitwyre/eslint-config":"0.0.6","@bitwyre/typescript-config":"0.0.3"},"_npmOperationalInternal":{"tmp":"tmp/icons_0.2.1_1708333378510_0.13819118425358945","host":"s3://npm-registry-packages"}},"0.2.3":{"name":"@bitwyre/icons","version":"0.2.3","license":"MIT","_id":"@bitwyre/icons@0.2.3","maintainers":[{"name":"danuamirudin","email":"danu@bitwyre.com"},{"name":"deflorioan","email":"deflorio@bitwyre.com"},{"name":"r1z","email":"mynev.id@gmail.com"}],"dist":{"shasum":"929230f9158a2916f6632d42538dadfa7125b57f","tarball":"https://registry.npmjs.org/@bitwyre/icons/-/icons-0.2.3.tgz","fileCount":9,"integrity":"sha512-TGWa23VoGbOoThCJA5RX7VcrSlv4RzBpSVa556QlMtwzfvDeftHHx7liYgUGeSfnHkFOq5vKxRuix+AwBJv2XA==","signatures":[{"sig":"MEUCIGoOoWGxGk+r1SsgJxIUmXNwa2RUvHRquTC6HCVOZoJYAiEA0zVHQdITImmXRtdAtfplPwvMZGJVCbSj4uK+VXPEqKc=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":1066755},"main":"./src/index.ts","_from":"file:bitwyre-icons-0.2.3.tgz","types":"./dist/index.d.ts","module":"./dist/index.mjs","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.mjs","default":"./dist/index.js","require":"./dist/index.js"}},"private":false,"scripts":{"build":"rm -rf dist && pnpm dlx tsup","generate:svg":"pnpm dlx @svgr/cli  --out-dir src/icons --index-template index-template.js --typescript -- currency-icons"},"_npmUser":{"name":"r1z","email":"mynev.id@gmail.com"},"_resolved":"/private/var/folders/fn/xs8j2qfx1c52sn7zxlxkfcwc0000gn/T/36232df062cdac9e8fe449ea91573fcd/bitwyre-icons-0.2.3.tgz","_integrity":"sha512-TGWa23VoGbOoThCJA5RX7VcrSlv4RzBpSVa556QlMtwzfvDeftHHx7liYgUGeSfnHkFOq5vKxRuix+AwBJv2XA==","_npmVersion":"9.6.7","description":"Bitwyre icons including our icons system","directories":{},"_nodeVersion":"18.17.1","dependencies":{"react":"^18.2.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"tsup":"^8.0.2","@svgr/cli":"^8.1.0","@turbo/gen":"^1.11.3","typescript":"^5.3.3","@types/react":"^18.2.55","@bitwyre/eslint-config":"0.0.8","@bitwyre/typescript-config":"0.0.4"},"_npmOperationalInternal":{"tmp":"tmp/icons_0.2.3_1708485183341_0.33351226784489585","host":"s3://npm-registry-packages"}}},"time":{"created":"2024-02-19T08:54:19.978Z","modified":"2024-07-08T07:38:29.330Z","0.1.0":"2024-02-19T08:54:20.233Z","0.2.0":"2024-02-19T08:58:33.621Z","0.2.1":"2024-02-19T09:02:58.676Z","0.2.3":"2024-02-21T03:13:03.552Z"},"maintainers":[{"email":"fahmiidris.dev@gmail.com","name":"fahmiidris"},{"email":"rmaulana.citra@gmail.com","name":"rizkimcitra"},{"email":"mynev.id@gmail.com","name":"r1z"}],"license":"MIT","readme":"# Bitwyre Icons\n\nInc\nluding our react icons based on figma design\n\n## Usage\n\nBitwyre icons in all the same ways you can use SVGs (e.g. `img`, `background-image`, `inline`, `object`, `embed`, `iframe`). Here's a helpful article detailing the many ways SVGs can be used on the web: [SVG on the Web – Implementation Options](https://svgontheweb.com/#implementation)\n\nWith the Javascript library you can easily incorporate the icon you want in your webpage.\n\n## Installation\n\nyarn\n\n```sh\nyarn add @bitwyre/icons\n```\n\nnpm\n\n```sh\nnpm install @bitwyre/icons\n```\n\npnpm\n\n```sh\npnpm add @bitwyre/icons\n```\n\n## How to use\n\nIt's built with ES modules so it's completely tree-shakable.\nEach icon can be imported as a react component.\n\n### Example\n\nYou can pass additional props to adjust the icon.\n\n```js\nimport {IdrCurrency} from \"@bitwyre/icons\";\n\nconst App = () => {\n  return <IdrCurrency size={48} />;\n};\n\nexport default App;\n```\n\n### Props\n\n| name   | type     | default |\n| ------ | -------- | ------- |\n| `size` | _Number_ | 24      |\n\n### Custom props\n\nYou can also pass custom props that will be added in the svg as attributes.\n\n```js\nconst App = () => {\n  return <UsdCurrency size={20} />;\n};\n```\n\n### Generic icon component\n\nIt is possible to create a generic icon component to load icons.\n\n> :warning: The example below is importing all ES modules. This is **not** recommended when you using a bundler since your application build size will grow substantially.\n\n```js\nconst Icon = ({name, color, size}) => {\n  const [components, setComponents] = useState({});\n\n  useEffect(() => {\n    const importComponents = async () => {\n      try {\n        // Dynamically import all components from \"@bitwyre/icons\"\n        const module = await import(\"@bitwyre/icons\");\n\n        // Set the imported components in the state\n        setComponents(module);\n      } catch (error) {\n        console.error(\"Error importing components:\", error);\n      }\n    };\n\n    // Call the function to import components\n    importComponents();\n  }, []);\n\n  const BitwyreIcon = icons[name];\n\n  return <BitwyreIcon {...{size}} />;\n};\n```\n","readmeFilename":"README.md"}