{"_id":"@bolttech/ob-atoms-chip","_rev":"4-91cf17a6e3bc2344372d05e1dfb6f504","name":"@bolttech/ob-atoms-chip","dist-tags":{"latest":"1.0.3"},"versions":{"1.0.0":{"name":"@bolttech/ob-atoms-chip","version":"1.0.0","_id":"@bolttech/ob-atoms-chip@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":"e068aef89e6471768ded9fed7df6e6575d7adccc","tarball":"https://registry.npmjs.org/@bolttech/ob-atoms-chip/-/ob-atoms-chip-1.0.0.tgz","fileCount":9,"integrity":"sha512-j4GkkJPYN6GAZYWKRUWoEOyTlZ652YhY1S3J93JRijDPSmtRF9SDz/ce7MilRyAGcYy+Xdw1gslBEZ8nX1yBQg==","signatures":[{"sig":"MEYCIQC7gQ+5TMe8wAWAFLSGV3G4fO5AuptWZoIDsvStp40oTAIhALSGNfY3D8V7Qc4oG3PsPhnROkq/tKwvJs89s7Al3jaS","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":49673},"main":"./index.esm.js","type":"module","types":"./index.d.ts","module":"./index.esm.js","gitHead":"8ed6a2ae9f997f834fc285d1cca143e8f73b1c03","_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":{"@bolttech/ui-utils":"0.6.5"},"_hasShrinkwrap":false,"_npmOperationalInternal":{"tmp":"tmp/ob-atoms-chip_1.0.0_1778515375060_0.09439915468693494","host":"s3://npm-registry-packages-npm-production"}},"1.0.1":{"name":"@bolttech/ob-atoms-chip","version":"1.0.1","_id":"@bolttech/ob-atoms-chip@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":"0e3e8bc7838c3b2cde529b0b24ac212215a482d8","tarball":"https://registry.npmjs.org/@bolttech/ob-atoms-chip/-/ob-atoms-chip-1.0.1.tgz","fileCount":5,"integrity":"sha512-fiZHLF8jEi4vYA1llE1+KNxBGCqgB9cjcPjq2+hdwPmkS/chz80tKI/g5FqcQlmLHcMqoBR8DgGSq4+hpQ+rqg==","signatures":[{"sig":"MEUCIGor+zNPoMRqtUWIBXcDJZhW+sPnWD6ePBd3d7YKMtROAiEAgN9OwRClfw8ewkfFx9iVYA/0xiX/h222jj09pgux364=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":43236},"main":"./index.esm.js","type":"module","types":"./index.d.ts","module":"./index.esm.js","gitHead":"16fd56954fefbb8a7ab992d841fc0d58185d5c4c","_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","@bolttech/ob-atoms-icon":"1.0.1"},"_hasShrinkwrap":false,"_npmOperationalInternal":{"tmp":"tmp/ob-atoms-chip_1.0.1_1780925304752_0.011669039388670477","host":"s3://npm-registry-packages-npm-production"}},"1.0.2":{"name":"@bolttech/ob-atoms-chip","version":"1.0.2","_id":"@bolttech/ob-atoms-chip@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":"edd353b54e3195a28b6b4c92f4bb124bf498ba83","tarball":"https://registry.npmjs.org/@bolttech/ob-atoms-chip/-/ob-atoms-chip-1.0.2.tgz","fileCount":9,"integrity":"sha512-+tfiq71o3px0QuaYDdXDTkMHQxukAGRqv/00OBspaPmOiC4+3nOO3wV4RDK/KkVSMVPfBxpI1FLr2qio5fNMpw==","signatures":[{"sig":"MEUCIEn7Ny9b9Le1zrFtU0p9ggyD3V5AzUKo4sBbRReDSRK3AiEA2CEXQgP8hz+EPIC9Se1uk0Mk5EYORCWzv/ZwEO802uo=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":48149},"main":"./index.esm.js","type":"module","types":"./index.d.ts","module":"./index.esm.js","gitHead":"1bce123923efeccc032f83205f22257013d0bc6a","_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","@bolttech/ob-atoms-icon":"1.0.1"},"_hasShrinkwrap":false,"_npmOperationalInternal":{"tmp":"tmp/ob-atoms-chip_1.0.2_1788778583120_0.1353050536205429","host":"s3://npm-registry-packages-npm-production"}},"1.0.3":{"name":"@bolttech/ob-atoms-chip","version":"1.0.3","dependencies":{"@bolttech/ui-utils":"0.6.7","classnames":"^2.5.1","@bolttech/ob-atoms-icon":"1.0.1","react":"19.1.2"},"main":"./index.cjs.js","type":"commonjs","types":"./index.d.ts","_id":"@bolttech/ob-atoms-chip@1.0.3","gitHead":"470970b8e773d0645c6541fa2a10355765a1f220","description":"A selectable chip component with optional icons, used for filters, tags, or choices.","_nodeVersion":"22.17.1","_npmVersion":"10.9.8","dist":{"integrity":"sha512-D3a2sfPQMMZGbol5jRVtYAh2G3ptlOE7vTu4+k4h2HzIRYhWR+k/zRe+7AsF6ExywjHVAkbSBN/9gvu5NPr9oA==","shasum":"6be3571109168367f7b901898862b2765e570920","tarball":"https://registry.npmjs.org/@bolttech/ob-atoms-chip/-/ob-atoms-chip-1.0.3.tgz","fileCount":8,"unpackedSize":51260,"signatures":[{"keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U","sig":"MEUCIQCyEOZLk/dpBk51YoJ1H6hU8EhEjbxHh0u9udGnH2jHhQIgFydth568lgSnoKsd6oS0kjuqEtehnVKtn9DSMxRKvWQ="}]},"_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-chip_1.0.3_1788796188991_0.4342694735246788"},"_hasShrinkwrap":false}},"time":{"created":"2026-05-11T16:02:54.957Z","modified":"2026-09-07T15:49:49.296Z","1.0.0":"2026-05-11T16:02:55.201Z","1.0.1":"2026-06-08T13:28:24.924Z","1.0.2":"2026-09-07T10:56:23.265Z","1.0.3":"2026-09-07T15:49:49.116Z"},"description":"A selectable chip component with optional icons, used for filters, tags, or choices.","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":"# Chip Component\n\nA selectable chip component with optional icons, used for filters, tags, or choices.\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-chip\n```\n\nor\n\n```bash\nyarn add @bolttech/ob-atoms-chip\n```\n\n## Props\n\nThe `Chip` component accepts the following properties:\n\n| Prop | Type | Description |\n| ------------ | ------------------------------------------ | -------------------------------------------------------------------------- |\n| textChip | `string` | **Required.** Text displayed on the chip. |\n| sizeVariant | `'large' \\| 'medium' \\| 'small'` | **Required.** Size variant of the chip. |\n| variant | `'default' \\| 'selected' \\| 'disable'` | Color variant of the chip (internally named `colorVariant`). |\n| iconLeft | `string` | Name of the icon displayed before the text. |\n| iconRight | `string` | Name of the icon displayed after the text. |\n| align | `'left' \\| 'center' \\| 'right'` | Specifies icon and label alignment. |\n| disabled | `boolean` | Disables the chip when `true`. |\n| selected | `boolean` | Marks the chip as selected. |\n| fullWidth | `boolean` | Makes the chip take the full width of its container. |\n| dataTestId | `string` | The `data-testid` attribute for testing. |\n| onClick | `(value?: boolean) => void` | Callback fired when the chip is clicked. |\n\n## Usage\n\n```jsx\nimport React, { useState } from 'react';\nimport { Chip } from '@bolttech/ob-atoms-chip';\n\nconst ExampleComponent = () => {\n const [selected, setSelected] = useState(false);\n\n return (\n setSelected((prev) => !prev)}\n />\n );\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"}