{"_id":"@bolttech/ob-atoms-stepper-horizontal","_rev":"4-49f16f3cfbd5f60908872c6aa9499e24","name":"@bolttech/ob-atoms-stepper-horizontal","dist-tags":{"latest":"1.0.3"},"versions":{"1.0.0":{"name":"@bolttech/ob-atoms-stepper-horizontal","version":"1.0.0","_id":"@bolttech/ob-atoms-stepper-horizontal@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":"67f34808e9a0a6b11aa3c08f72be1a13a372ec04","tarball":"https://registry.npmjs.org/@bolttech/ob-atoms-stepper-horizontal/-/ob-atoms-stepper-horizontal-1.0.0.tgz","fileCount":9,"integrity":"sha512-+/e1pmGb2vVBuxY9Pnl0KGooMW2/k4LiQktK1HV9CMOx3HsAQNxygL6GYoy7aKGQMRUGjeJWnzCtRyTjPv9woQ==","signatures":[{"sig":"MEQCIE1Ma+zR6ehZkZXDxDz0jI6euwhVRRi8Jp6qcE+k5KE5AiBj4TKYRNmIOmUqiCON7ks5rPNsT24qe3YycYoiSzrmyA==","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":50178},"main":"./index.cjs.js","type":"commonjs","types":"./index.d.ts","gitHead":"d015e6a9afdc8ca0e8978f32b71e84c09cbaf253","_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-stepper-horizontal_1.0.0_1778516016800_0.006685487792935874","host":"s3://npm-registry-packages-npm-production"}},"1.0.1":{"name":"@bolttech/ob-atoms-stepper-horizontal","version":"1.0.1","_id":"@bolttech/ob-atoms-stepper-horizontal@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":"274ce0dfcf4c9345b5ff17c6d2b37bb10b71c4b6","tarball":"https://registry.npmjs.org/@bolttech/ob-atoms-stepper-horizontal/-/ob-atoms-stepper-horizontal-1.0.1.tgz","fileCount":5,"integrity":"sha512-Mr6fJf6Fg+TyMONVH9YucnfFz41mZ18Tu4Gh8JTpOnPHvHfTd3cFrVW4dbeA0OVVhyxINkkTAU3emjKSUKPKtA==","signatures":[{"sig":"MEUCIGU/iG7V3yqj8L/iXhZVBPZQ3E3AfRSwi3Kreb3slwE4AiEAlgwzgecloOBnicogsy1y9pancxfJLRGVfmyDJccu+Fo=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":46356},"main":"./index.cjs.js","type":"commonjs","types":"./index.d.ts","gitHead":"4cec2ffdd02b23a55f217d694326d2718b17bb77","_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-stepper-horizontal_1.0.1_1780927240736_0.04240837116386076","host":"s3://npm-registry-packages-npm-production"}},"1.0.2":{"name":"@bolttech/ob-atoms-stepper-horizontal","version":"1.0.2","_id":"@bolttech/ob-atoms-stepper-horizontal@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":"1d0d9fd8145001bcfd5975b5a214ace69a133ce3","tarball":"https://registry.npmjs.org/@bolttech/ob-atoms-stepper-horizontal/-/ob-atoms-stepper-horizontal-1.0.2.tgz","fileCount":9,"integrity":"sha512-9c+u8oOcL/D5ARWP5rVrG2Dz420cS90Em+xQRjcb5Jml6qxcs5zP70tdKrIu09+n/7mAcEgKCDbN8pAlwxE5Dg==","signatures":[{"sig":"MEUCIA6N8nWgJ3bHChjAxzhZ4P2E3LjG2TG+9FrqhUJL1OGdAiEA7ni5u2CQgyT4JU+IptOKO+k2hvguWve5Z4yki/dpPyY=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"},{"sig":"MEYCIQC7Fm9DC5TK4NA7Ta/teaoQ3WLaN6yw8znQ+3P2bsWZUQIhAI1yaWH7Dfxu84FvWKrTd8VroB8FUqvTr4er220WYv4K","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":49003},"main":"./index.cjs.js","type":"commonjs","types":"./index.d.ts","gitHead":"94e5368009d20575cf500a0a80a4e0195c3e0e8a","_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-stepper-horizontal_1.0.2_1788779403484_0.5395153196374283","host":"s3://npm-registry-packages-npm-production"}},"1.0.3":{"_id":"@bolttech/ob-atoms-stepper-horizontal@1.0.3","dist":{"shasum":"89b0975925a56d1f4ca948c87249f5cd3e9294c4","tarball":"https://registry.npmjs.org/@bolttech/ob-atoms-stepper-horizontal/-/ob-atoms-stepper-horizontal-1.0.3.tgz","fileCount":8,"integrity":"sha512-+xhMsInbgHSrkE/+1ToDDVR7HXyyE25EaT0huCwtaieLmHIKuYAewcrLikbBfzxtoQqEGR/jwttGkEkbPd8n6A==","signatures":[{"sig":"MEUCIQCG/QwbCKQF0dVkY6BhFgOJ6dX4Qcrk6PS6l8WTY3E3SwIgJyCeQA4oo0n3F/E0JSPKwRCvwa4ghlqC+fbaLgGAlD4=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"},{"keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U","sig":"MEUCIHYZxnZmPBH/rz2ddZocbimVy/FJb/af6gs3M8FY4/edAiEAjdAfbA3FrOxrzE6ILZoXQ6NJE8H75fk9DEJBOzcgAA8="}],"unpackedSize":51073},"main":"./index.cjs.js","name":"@bolttech/ob-atoms-stepper-horizontal","type":"commonjs","types":"./index.d.ts","gitHead":"b8b6ddf081768c7ca1a79bda78a8a2bae84d5bb0","version":"1.0.3","_npmUser":{"name":"andsfranbolt","email":"anderson.francisco@bolttech.io"},"_npmVersion":"10.9.8","description":"A horizontal step indicator with a progress bar, typically used at the top of multi-step flows.","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"}],"_nodeVersion":"22.17.1","dependencies":{"react":"19.1.2","classnames":"^2.5.1","@bolttech/ui-utils":"0.6.7"},"_hasShrinkwrap":false,"_npmOperationalInternal":{"host":"s3://npm-registry-packages-npm-production","tmp":"tmp/ob-atoms-stepper-horizontal_1.0.3_1788796722647_0.2399960433032664"}}},"time":{"created":"2026-05-11T16:13:36.715Z","modified":"2026-09-07T15:58:42.888Z","1.0.0":"2026-05-11T16:13:36.990Z","1.0.1":"2026-06-08T14:00:40.879Z","1.0.2":"2026-09-07T11:10:03.578Z","1.0.3":"2026-09-07T15:58:42.720Z"},"description":"A horizontal step indicator with a progress bar, typically used at the top of multi-step flows.","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":"# StepperHorizontal Component\n\nA horizontal step indicator with a progress bar, typically used at the top of multi-step flows.\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-stepper-horizontal\n```\n\nor\n\n```bash\nyarn add @bolttech/ob-atoms-stepper-horizontal\n```\n\n## Props\n\nThe `StepperHorizontal` component accepts the following properties:\n\n| Prop        | Type                     | Description                                                          |\n| ----------- | -------------------------- | ---------------------------------------------------------------------- |\n| description | `string`                   | **Required.** Text shown above the progress bar, e.g. `'Step 2 of 5 / Vehicle details'`. |\n| current     | `number`                   | **Required.** Current step number.                                    |\n| limit       | `number`                   | **Required.** Total number of steps. The bar fill is `(current / limit) * 100%`. |\n| status      | `'default' \\| 'selected'`  | **Required.** Visual status of the step indicator.                    |\n| dataTestId  | `string`                   | The `data-testid` attribute for testing.                              |\n\n## Usage\n\n```jsx\nimport React from 'react';\nimport { StepperHorizontal } from '@bolttech/ob-atoms-stepper-horizontal';\n\nconst ExampleComponent = () => {\n  return (\n    <StepperHorizontal\n      description=\"Step 6 of 9 / Insurance history\"\n      current={6}\n      limit={9}\n      status=\"selected\"\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"}