{"_id":"@bolttech/ob-atoms-icon","_rev":"4-57f496b6f428c8d5d63ceb0e3209966f","name":"@bolttech/ob-atoms-icon","dist-tags":{"latest":"1.0.3"},"versions":{"1.0.0":{"name":"@bolttech/ob-atoms-icon","version":"1.0.0","_id":"@bolttech/ob-atoms-icon@1.0.0","maintainers":[{"name":"andsfranbolt","email":"anderson.francisco@bolttech.io"},{"name":"danielkhalebbatista","email":"daniel.batista@bolttech.io"},{"name":"pauloazevedo-ed","email":"paulo.azevedo@bolttech.io"},{"name":"bruno.gomes","email":"bruno.gomes@bolttech.io"},{"name":"plinio.altoe","email":"plinio.altoe@bolttech.io"},{"name":"joaoteixeira20","email":"joao.teixeira@bolttech.io"},{"name":"esteve-cabrera","email":"esteve.cabrera@bolttech.io"},{"name":"jabolttech","email":"jhonatan.amorim@bolttech.io"},{"name":"lucasvpaiva","email":"lucas.paiva@bolttech.io"},{"name":"herberts.fortuna","email":"herberts.fortuna@bolttech.io"},{"name":"matheus.maciel.bolttech","email":"matheus.maciel@bolttech.io"},{"name":"silas.silva.bolttech","email":"silas.silva@bolttech.io"}],"dist":{"shasum":"ccea7282f8d451408845623d59ab336d87ad311d","tarball":"https://registry.npmjs.org/@bolttech/ob-atoms-icon/-/ob-atoms-icon-1.0.0.tgz","fileCount":9,"integrity":"sha512-FHInIkT3H9/QwqhXw6qwxO/bhd5kz61TAfV4/iFZCHeyFF7ALO6Z4Z8ylM7Oa5US0U0lVjck4usbBO6mr3tfwQ==","signatures":[{"sig":"MEYCIQCA8T9JyGlp3zVm6M0EzBHotOqyPSwjOMJT0YBQ3YZAUQIhAJt4ixgMU9RRl8sGIPvVIgFo7X79HHcAVyrTggBN9DPY","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":51380},"main":"./index.cjs.js","type":"commonjs","types":"./index.d.ts","gitHead":"b8e396b5e2732064c67791996483e874a4ab2b17","_npmUser":{"name":"andsfranbolt","email":"anderson.francisco@bolttech.io"},"_npmVersion":"11.10.1","description":"```bash npx nx g @nx/react:lib ${lib_name} ```","directories":{},"_nodeVersion":"22.17.1","dependencies":{"classnames":"^2.5.1","@bolttech/ui-utils":"0.6.5"},"_hasShrinkwrap":false,"_npmOperationalInternal":{"tmp":"tmp/ob-atoms-icon_1.0.0_1778515539812_0.7348372777021908","host":"s3://npm-registry-packages-npm-production"}},"1.0.1":{"name":"@bolttech/ob-atoms-icon","version":"1.0.1","_id":"@bolttech/ob-atoms-icon@1.0.1","maintainers":[{"name":"andsfranbolt","email":"anderson.francisco@bolttech.io"},{"name":"danielkhalebbatista","email":"daniel.batista@bolttech.io"},{"name":"pauloazevedo-ed","email":"paulo.azevedo@bolttech.io"},{"name":"bruno.gomes","email":"bruno.gomes@bolttech.io"},{"name":"plinio.altoe","email":"plinio.altoe@bolttech.io"},{"name":"joaoteixeira20","email":"joao.teixeira@bolttech.io"},{"name":"esteve-cabrera","email":"esteve.cabrera@bolttech.io"},{"name":"jabolttech","email":"jhonatan.amorim@bolttech.io"},{"name":"lucasvpaiva","email":"lucas.paiva@bolttech.io"},{"name":"herberts.fortuna","email":"herberts.fortuna@bolttech.io"},{"name":"matheus.maciel.bolttech","email":"matheus.maciel@bolttech.io"},{"name":"silas.silva.bolttech","email":"silas.silva@bolttech.io"}],"dist":{"shasum":"fd9fc7fc4ed0bf6ab625c1430d8fa190beab653a","tarball":"https://registry.npmjs.org/@bolttech/ob-atoms-icon/-/ob-atoms-icon-1.0.1.tgz","fileCount":5,"integrity":"sha512-64QJQlLkYubAGZOTZXnkMavEX+m30ikLwBz48Eh8S1WPr+YSz7GPhKFAQQIGKdOhYoBRiYJ0Er9beaPyj4XPTw==","signatures":[{"sig":"MEYCIQDDlf5wDTNGoCyPdKgRHvpW+gz17D0a1Eg6911PSxy7CQIhANMAiDiHgsgmOYRfDkwQ8onG9xLRQS/Rvldp7hO9Wd7n","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":48547},"main":"./index.cjs.js","type":"commonjs","types":"./index.d.ts","gitHead":"d375a50a36676122d1fc53d634487ee5564e0b8d","_npmUser":{"name":"silas.silva.bolttech","email":"silas.silva@bolttech.io"},"_npmVersion":"10.9.4","description":"```bash npx nx g @nx/react:lib ${lib_name} ```","directories":{},"_nodeVersion":"22.22.0","dependencies":{"react":"19.1.2","classnames":"^2.5.1","@bolttech/ui-utils":"0.6.7"},"_hasShrinkwrap":false,"_npmOperationalInternal":{"tmp":"tmp/ob-atoms-icon_1.0.1_1780924732248_0.0451128972675372","host":"s3://npm-registry-packages-npm-production"}},"1.0.2":{"name":"@bolttech/ob-atoms-icon","version":"1.0.2","_id":"@bolttech/ob-atoms-icon@1.0.2","maintainers":[{"name":"andsfranbolt","email":"anderson.francisco@bolttech.io"},{"name":"danielkhalebbatista","email":"daniel.batista@bolttech.io"},{"name":"pauloazevedo-ed","email":"paulo.azevedo@bolttech.io"},{"name":"bruno.gomes","email":"bruno.gomes@bolttech.io"},{"name":"plinio.altoe","email":"plinio.altoe@bolttech.io"},{"name":"joaoteixeira20","email":"joao.teixeira@bolttech.io"},{"name":"esteve-cabrera","email":"esteve.cabrera@bolttech.io"},{"name":"jabolttech","email":"jhonatan.amorim@bolttech.io"},{"name":"lucasvpaiva","email":"lucas.paiva@bolttech.io"},{"name":"herberts.fortuna","email":"herberts.fortuna@bolttech.io"},{"name":"matheus.maciel.bolttech","email":"matheus.maciel@bolttech.io"},{"name":"silas.silva.bolttech","email":"silas.silva@bolttech.io"}],"dist":{"shasum":"34c2fb47aa6949455ae7b1d75cc6d4802c2bf674","tarball":"https://registry.npmjs.org/@bolttech/ob-atoms-icon/-/ob-atoms-icon-1.0.2.tgz","fileCount":9,"integrity":"sha512-hiJkZS2tFzrDGOj9whopdEcTL4Ut2M86TU/EZhXzppWG3+7svrM3Ksm8bmC3OofUXBr8C/W1U9q6gTfN+CNOuQ==","signatures":[{"sig":"MEQCIHTOlNcNFRnmkzt4iCSRu42ZJtOyOTWznDw0E8xltWWIAiArPRxyNBc9ato+El7QLa08dDDL7a9Cmx6FqZBt7JNVgg==","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":51831},"main":"./index.cjs.js","type":"commonjs","types":"./index.d.ts","gitHead":"f62973850b33c468b23426902c1ab05680a44ea9","_npmUser":{"name":"andsfranbolt","email":"anderson.francisco@bolttech.io"},"_npmVersion":"10.9.8","description":"```bash npx nx g @nx/react:lib ${lib_name} ```","directories":{},"_nodeVersion":"22.17.1","dependencies":{"react":"19.1.2","classnames":"^2.5.1","@bolttech/ui-utils":"0.6.7"},"_hasShrinkwrap":false,"_npmOperationalInternal":{"tmp":"tmp/ob-atoms-icon_1.0.2_1788778755940_0.021749307965765352","host":"s3://npm-registry-packages-npm-production"}},"1.0.3":{"name":"@bolttech/ob-atoms-icon","version":"1.0.3","dependencies":{"@bolttech/ui-utils":"0.6.7","classnames":"^2.5.1","react":"19.1.2"},"main":"./index.cjs.js","type":"commonjs","types":"./index.d.ts","_id":"@bolttech/ob-atoms-icon@1.0.3","gitHead":"24351b6f93a4ab8ba6baabedaa7a909f24b528fa","description":"A React component for rendering Material Symbol icons.","_nodeVersion":"22.17.1","_npmVersion":"10.9.8","dist":{"integrity":"sha512-9O9xp4RYCPkTc9nJ/Y7bUYpMAtO/L6lEa1MVpFW8N+cMJqbgY3/HFi6MRmlq+AoaY3xNJOFk55MS0rELSylgXw==","shasum":"7938ba70596f5b19530d518ec2ec7349205ac7a0","tarball":"https://registry.npmjs.org/@bolttech/ob-atoms-icon/-/ob-atoms-icon-1.0.3.tgz","fileCount":8,"unpackedSize":54195,"signatures":[{"keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U","sig":"MEUCIQDnWlzOOeWQWXwplIgWqjTjgcHALRVYvcoNW9z/kXkdngIgdy6B0fOztkx/oHXB+S/zgXpxe5XpXynQbcUsgENW87o="}]},"_npmUser":{"name":"andsfranbolt","email":"anderson.francisco@bolttech.io"},"directories":{},"maintainers":[{"name":"andsfranbolt","email":"anderson.francisco@bolttech.io"},{"name":"danielkhalebbatista","email":"daniel.batista@bolttech.io"},{"name":"pauloazevedo-ed","email":"paulo.azevedo@bolttech.io"},{"name":"bruno.gomes","email":"bruno.gomes@bolttech.io"},{"name":"plinio.altoe","email":"plinio.altoe@bolttech.io"},{"name":"joaoteixeira20","email":"joao.teixeira@bolttech.io"},{"name":"esteve-cabrera","email":"esteve.cabrera@bolttech.io"},{"name":"jabolttech","email":"jhonatan.amorim@bolttech.io"},{"name":"lucasvpaiva","email":"lucas.paiva@bolttech.io"},{"name":"herberts.fortuna","email":"herberts.fortuna@bolttech.io"},{"name":"matheus.maciel.bolttech","email":"matheus.maciel@bolttech.io"},{"name":"silas.silva.bolttech","email":"silas.silva@bolttech.io"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages-npm-production","tmp":"tmp/ob-atoms-icon_1.0.3_1788795832420_0.9480494929586263"},"_hasShrinkwrap":false}},"time":{"created":"2026-05-11T16:05:39.704Z","modified":"2026-09-07T15:43:52.720Z","1.0.0":"2026-05-11T16:05:39.958Z","1.0.1":"2026-06-08T13:18:52.390Z","1.0.2":"2026-09-07T10:59:16.056Z","1.0.3":"2026-09-07T15:43:52.553Z"},"description":"A React component for rendering Material Symbol icons.","maintainers":[{"name":"andsfranbolt","email":"anderson.francisco@bolttech.io"},{"name":"danielkhalebbatista","email":"daniel.batista@bolttech.io"},{"name":"pauloazevedo-ed","email":"paulo.azevedo@bolttech.io"},{"name":"bruno.gomes","email":"bruno.gomes@bolttech.io"},{"name":"plinio.altoe","email":"plinio.altoe@bolttech.io"},{"name":"joaoteixeira20","email":"joao.teixeira@bolttech.io"},{"name":"esteve-cabrera","email":"esteve.cabrera@bolttech.io"},{"name":"jabolttech","email":"jhonatan.amorim@bolttech.io"},{"name":"lucasvpaiva","email":"lucas.paiva@bolttech.io"},{"name":"herberts.fortuna","email":"herberts.fortuna@bolttech.io"},{"name":"matheus.maciel.bolttech","email":"matheus.maciel@bolttech.io"},{"name":"silas.silva.bolttech","email":"silas.silva@bolttech.io"}],"readme":"# Icon Component\n\nA React component for rendering Material Symbol icons.\n\n## Installation\n\nUse the package manager [npm](https://www.npmjs.com/) or [yarn](https://yarnpkg.com/) to install the component.\n\n```bash\nnpm install @bolttech/ob-atoms-icon\n```\n\nor\n\n```bash\nyarn add @bolttech/ob-atoms-icon\n```\n\n## Props\n\nThe `Icon` component accepts the following properties:\n\n| Prop | Type | Description |\n| ---------- | --------- | ----------------------------------------------------------------------------------------------- |\n| icon | `string` | **Required.** Name of the icon based on the Material Symbols icons library. |\n| id | `string` | Component identification. |\n| dataTestId | `string` | The `data-testid` attribute for testing. |\n| className | `string` | Class name to style the icon. |\n| size | `number` | Size of the icon. Since it's a square, this value is used for both width and height. |\n| color | `string` | Color of the SVG. |\n| fill | `boolean` | Whether the icon should be rendered filled. |\n| alt | `string` | Alternative text for the icon. |\n| htmlFor | `string` | **Deprecated.** ID of the input the icon click should trigger `onChange` for. |\n\n## Usage\n\n```jsx\nimport React from 'react';\nimport { Icon } from '@bolttech/ob-atoms-icon';\n\nconst ExampleComponent = () => {\n return ;\n};\n\nexport default ExampleComponent;\n```\n\n## Contributing\n\nContributions are welcome! For any bug fixes, improvements, or new features, please open an [issue](link-to-issues) or submit a pull request.\n\nPlease make sure to follow the code standards and test your changes before submitting.\n","readmeFilename":"README.md"}