{"_id":"@bolttech/ob-atoms-tag","_rev":"4-3959f1dc14d20a64e38cda827e96d826","name":"@bolttech/ob-atoms-tag","dist-tags":{"latest":"1.0.3"},"versions":{"1.0.0":{"name":"@bolttech/ob-atoms-tag","version":"1.0.0","_id":"@bolttech/ob-atoms-tag@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":"4a962fc0a9294865e366a793254ad3c2d2101f59","tarball":"https://registry.npmjs.org/@bolttech/ob-atoms-tag/-/ob-atoms-tag-1.0.0.tgz","fileCount":10,"integrity":"sha512-kURe122+t+tbmHK5MOEbbjHPhFgtYNpw6iCeVuxZJeGyNGSPcz7L9x9fFpUcsKg0pgRkmbEg+ABr6ttJz8BntA==","signatures":[{"sig":"MEQCICwIOa9otKgaw/Ainta3frkHsDzOwO11qLqOA10JA9YNAiAQS20VyrqEoYM058hYKaKSuH6hhlWJYtj6jxrpr6HgwA==","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":568403},"main":"./index.cjs.js","type":"commonjs","types":"./index.d.ts","gitHead":"c98e6cccd26b25e4789443d590dedeefc76c1f47","_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-tag_1.0.0_1778516129198_0.6018510007481883","host":"s3://npm-registry-packages-npm-production"}},"1.0.1":{"name":"@bolttech/ob-atoms-tag","version":"1.0.1","_id":"@bolttech/ob-atoms-tag@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":"2b197f737f725455e527db84c098f4a18b6b713d","tarball":"https://registry.npmjs.org/@bolttech/ob-atoms-tag/-/ob-atoms-tag-1.0.1.tgz","fileCount":5,"integrity":"sha512-ij6ZGZAEB4ehU2G7xpJPDo1d58Six2wcl/B8xD5RDi382CavtzeD3v3XIgdAuBgk/Bfxm/MImYpaQMpgtgOn7A==","signatures":[{"sig":"MEQCIHJuvbAeixRBKcd5fEoPfUCZ1doI6xlCOKSiaUVz/wZOAiAyG+iGq5O9CfF7iVCCVTJ+hAJuLckIT5C1lJk0J6Tdhg==","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":46032},"main":"./index.cjs.js","type":"commonjs","types":"./index.d.ts","gitHead":"f43967a14def18e669f7e88afd1808964646058b","_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","sanitize-html":"^2.13.0","@bolttech/ui-utils":"0.6.7"},"_hasShrinkwrap":false,"_npmOperationalInternal":{"tmp":"tmp/ob-atoms-tag_1.0.1_1780925958211_0.5080084494818056","host":"s3://npm-registry-packages-npm-production"}},"1.0.2":{"name":"@bolttech/ob-atoms-tag","version":"1.0.2","_id":"@bolttech/ob-atoms-tag@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":"bd0a2cc53fdc24ecf1f61fa7c5afd24bae3f3f0b","tarball":"https://registry.npmjs.org/@bolttech/ob-atoms-tag/-/ob-atoms-tag-1.0.2.tgz","fileCount":10,"integrity":"sha512-g6jwNY6YnjftypmKLH1iXhf8u+YOOJ/Ex6NyVPUBzfsg2rb8Vi8Z+pIn6HmfR7lC78wJs4OOcTmYkIvHk8pH5w==","signatures":[{"sig":"MEUCIQC6B/sdv4H9STag84TNJgv5SfCnQ+CYHiGJ6zf60PYG4AIgduILNOw/PLsEQfYW8yqUR0FQwHQBrMCigDgPAFHt3G8=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":50920},"main":"./index.cjs.js","type":"commonjs","types":"./index.d.ts","gitHead":"afc594eae4598da86fc495ef51abc7966c25e887","_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","sanitize-html":"^2.13.0","@bolttech/ui-utils":"0.6.7"},"_hasShrinkwrap":false,"_npmOperationalInternal":{"tmp":"tmp/ob-atoms-tag_1.0.2_1788779418883_0.503101720435601","host":"s3://npm-registry-packages-npm-production"}},"1.0.3":{"name":"@bolttech/ob-atoms-tag","version":"1.0.3","dependencies":{"react":"19.1.2","classnames":"^2.5.1","@bolttech/ui-utils":"0.6.7","sanitize-html":"^2.13.0"},"main":"./index.cjs.js","type":"commonjs","types":"./index.d.ts","_id":"@bolttech/ob-atoms-tag@1.0.3","gitHead":"b9e0f1cecdc96a03e767ac17ce2a1adfc844f607","description":"A small label component used to highlight status, categories, or promotions.","_nodeVersion":"22.17.1","_npmVersion":"10.9.8","dist":{"integrity":"sha512-Du8zh7GNgdXrTd7sN/jf7UmkA6jbX0CwqZUPL79K29WiD8NwqWSmSVM1fGCjQBj7U9aTK1m0U6j+Vs52qIwEVQ==","shasum":"2ad47d883076614c797f1a741800b16473c40145","tarball":"https://registry.npmjs.org/@bolttech/ob-atoms-tag/-/ob-atoms-tag-1.0.3.tgz","fileCount":9,"unpackedSize":53949,"signatures":[{"keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U","sig":"MEUCIQC1rHE9OPo4DaEJf4WJM9dZSxL89lcbz8oxZOTKfIHx2AIgGue1DU1/nNgs6/PcZMA/Lt07A31EmLjlhgv+adGAT9g="}]},"_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-tag_1.0.3_1788796694333_0.27742214399364773"},"_hasShrinkwrap":false}},"time":{"created":"2026-05-11T16:15:29.127Z","modified":"2026-09-07T15:58:14.632Z","1.0.0":"2026-05-11T16:15:29.403Z","1.0.1":"2026-06-08T13:39:18.340Z","1.0.2":"2026-09-07T11:10:19.045Z","1.0.3":"2026-09-07T15:58:14.484Z"},"description":"A small label component used to highlight status, categories, or promotions.","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":"# Tag Component\n\nA small label component used to highlight status, categories, or promotions.\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-tag\n```\n\nor\n\n```bash\nyarn add @bolttech/ob-atoms-tag\n```\n\n## Props\n\nThe `Tag` component accepts the following properties:\n\n| Prop       | Type                                                                                                  | Description                                                                 |\n| ---------- | --------------------------------------------------------------------------------------------------------| ------------------------------------------------------------------------------ |\n| label      | `string`                                                                                                 | **Required.** Text displayed inside the tag.                                |\n| variant    | `'accentLight' \\| 'dangerLight' \\| 'darkLight' \\| 'successLight' \\| 'warning' \\| 'null' \\| 'backgroundWhite'` | **Required.** Color variant of the tag.                                     |\n| type       | `'default' \\| 'promotion'`                                                                                | Determines whether the tag uses default styling or promotion styling.       |\n| fontWeight | `'default' \\| 'bold'`                                                                                     | Font weight of the label (only for `type: 'default'`).                      |\n| position   | `'left' \\| 'right'`                                                                                       | Position modifier (only for `type: 'promotion'`).                           |\n| truncate   | `boolean`                                                                                                 | Truncates the label text if it overflows. Defaults to `true`.               |\n| dataTestId | `string`                                                                                                  | The `data-testid` attribute for testing.                                    |\n\n## Usage\n\n```jsx\nimport React from 'react';\nimport { Tag } from '@bolttech/ob-atoms-tag';\n\nconst ExampleComponent = () => {\n  return <Tag label=\"New\" variant=\"accentLight\" type=\"default\" fontWeight=\"bold\" />;\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"}