{"_id":"@bolttech/ob-atoms-stepper","_rev":"5-58bc7eb6ee3498719ae361e2c8741795","name":"@bolttech/ob-atoms-stepper","dist-tags":{"latest":"1.0.4"},"versions":{"1.0.0":{"name":"@bolttech/ob-atoms-stepper","version":"1.0.0","_id":"@bolttech/ob-atoms-stepper@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":"258dd87b5058d362ecfac66450532333ec1fdcc0","tarball":"https://registry.npmjs.org/@bolttech/ob-atoms-stepper/-/ob-atoms-stepper-1.0.0.tgz","fileCount":9,"integrity":"sha512-EHJqWtEoEmoJS5H7zV+RnMauxVlM5PJCG8datmAu0rh1Ky2pzDA8skmE9R7KfNzUOMPB1KMAs/WAv6ubgdQK1Q==","signatures":[{"sig":"MEQCIB1CXLDP7ep8nbaoOfLZ4cP6KtSq1B52smfglBNQ+yFrAiBru2i8z5pnSYLAxt3Y+vyZvsfmoUCKbauL7us2dFeSew==","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":43034},"main":"./index.cjs.js","type":"commonjs","types":"./index.d.ts","gitHead":"ef168ebc625087fadd0b9cbade8ff502845b9a87","_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_1.0.0_1778516003006_0.6634513988654644","host":"s3://npm-registry-packages-npm-production"}},"1.0.1":{"name":"@bolttech/ob-atoms-stepper","version":"1.0.1","_id":"@bolttech/ob-atoms-stepper@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":"37a25fee0d12933b3e97b5f02209e4b599118bb6","tarball":"https://registry.npmjs.org/@bolttech/ob-atoms-stepper/-/ob-atoms-stepper-1.0.1.tgz","fileCount":5,"integrity":"sha512-cebppLFXSL8DtfYGveim4FeKIO8NBMf4jXAW4AZ9BSstma5LCAA8lau83ieso/rEKTuV25pDV3jFykT1P4OPpA==","signatures":[{"sig":"MEUCIQCVh2Ai7wA5sJa+ZM2E0KXgAIBVOmyrjoGRzTeOEJN8aAIgM3kjeketd4h33toqswKLq6l8TQq7VCLOAYUfeUrjtnw=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":44156},"main":"./index.cjs.js","type":"commonjs","types":"./index.d.ts","gitHead":"7dd0fb2017c9b34bc91227fb578e620ea8226e71","_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":{"@bolttech/ui-utils":"0.6.5"},"_hasShrinkwrap":false,"_npmOperationalInternal":{"tmp":"tmp/ob-atoms-stepper_1.0.1_1779203642681_0.11561293376600679","host":"s3://npm-registry-packages-npm-production"}},"1.0.2":{"name":"@bolttech/ob-atoms-stepper","version":"1.0.2","_id":"@bolttech/ob-atoms-stepper@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":"dbab3cfe691f44e58e31ca3bf06cd13ce4270d56","tarball":"https://registry.npmjs.org/@bolttech/ob-atoms-stepper/-/ob-atoms-stepper-1.0.2.tgz","fileCount":5,"integrity":"sha512-7mH+8D3wvcQ1cKWqJjoc7Wjgw/hxmJMMzDqKp8Sakzh6AW9ZQZ/XzOpZjDsqtH/DtMHsWWcyd5z31nC6rRACrQ==","signatures":[{"sig":"MEUCICekWUsUFVNxZe4h6zTiwUJa/hJ5c8ZeNNapz2y2CRV0AiEAtfsuDmt8qGJk21X/FmO2ulljEs7VXvzgTfC5UKxyDG0=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":42643},"main":"./index.cjs.js","type":"commonjs","types":"./index.d.ts","gitHead":"077d5558fc9f5d64c72a47c70facfcd3aae6aeda","_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-stepper_1.0.2_1780927204367_0.9481391763754345","host":"s3://npm-registry-packages-npm-production"}},"1.0.3":{"name":"@bolttech/ob-atoms-stepper","version":"1.0.3","_id":"@bolttech/ob-atoms-stepper@1.0.3","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":"87b19b07df5bc7151e0e12a3f905b0f8d1f55d13","tarball":"https://registry.npmjs.org/@bolttech/ob-atoms-stepper/-/ob-atoms-stepper-1.0.3.tgz","fileCount":10,"integrity":"sha512-o40Ga/x2G5xOs5hsx8T0KhQoDh+KiqP/rrco7JAuO8Hl5/dHzFtG6kJpPVE8ExX7E2E3pbFKZNBelQ7zuEnGqA==","signatures":[{"sig":"MEMCIAx6Te+DohMeq5IeffjYSfBA3kzOTbpw/+UE9cdanVTOAh804AJ6HIRMJ4rAEOAT/6YEFLtew0AKha/XLRMahZN6","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":46240},"main":"./index.cjs.js","type":"commonjs","types":"./index.d.ts","gitHead":"542de25bda85e61d085815dcf267768e3e3f341e","_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-stepper_1.0.3_1788779329776_0.49174928195662426","host":"s3://npm-registry-packages-npm-production"}},"1.0.4":{"name":"@bolttech/ob-atoms-stepper","version":"1.0.4","dependencies":{"@bolttech/ui-utils":"0.6.7","react":"19.1.2","classnames":"^2.5.1","@bolttech/ob-atoms-icon":"1.0.1"},"main":"./index.cjs.js","type":"commonjs","types":"./index.d.ts","_id":"@bolttech/ob-atoms-stepper@1.0.4","gitHead":"d91910c58c5a1752628c5896795ffc4817633f89","description":"The **Stepper** component is a React component designed to provide a customizable step-by-step navigation experience. This component allows users to visualize and navigate through a sequence of steps, each represented by a title and optional content.","_nodeVersion":"22.17.1","_npmVersion":"10.9.8","dist":{"integrity":"sha512-G8Eo6hoTST7UlVkVb0TG7pYTFAQ8bYxRJX3ig5CuEd8NKGzJKxS8KmZA8BD7+mBMN8tTWPDAQXGjad/jleQ/tA==","shasum":"37663a7b1e1619f538af2dd57247a8a9665a7d3f","tarball":"https://registry.npmjs.org/@bolttech/ob-atoms-stepper/-/ob-atoms-stepper-1.0.4.tgz","fileCount":9,"unpackedSize":49367,"signatures":[{"keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U","sig":"MEQCIFLNRZ2jW6qEtNa0T7puGsfahv2+uDDUGqY5EBHjJii2AiBzA4BriDCc3Gu6kvCjFJnLD72BnNnkiGW/evMS42izEQ=="}]},"_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-stepper_1.0.4_1788796590683_0.5118813863043701"},"_hasShrinkwrap":false}},"time":{"created":"2026-05-11T16:13:22.872Z","modified":"2026-09-07T15:56:30.966Z","1.0.0":"2026-05-11T16:13:23.175Z","1.0.1":"2026-05-19T15:14:02.828Z","1.0.2":"2026-06-08T14:00:04.503Z","1.0.3":"2026-09-07T11:08:49.940Z","1.0.4":"2026-09-07T15:56:30.817Z"},"description":"The **Stepper** component is a React component designed to provide a customizable step-by-step navigation experience. This component allows users to visualize and navigate through a sequence of steps, each represented by a title and optional content.","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":"# Stepper Component\n\nThe **Stepper** component is a React component designed to provide a customizable step-by-step navigation experience. This component allows users to visualize and navigate through a sequence of steps, each represented by a title and optional content.\n\n## Table of Contents\n\n- [Installation](#installation)\n- [Usage](#usage)\n- [Props](#props)\n- [Example](#example)\n- [Contributing](#contributing)\n\n## Installation\n\nTo use the **Stepper** component in your React application, follow these steps:\n\n### Installation\n\n```bash\nnpm install @bolttech/atoms-stepper\n```\n\nor\n\n```bash\nyarn add @bolttech/atoms-stepper\n```\n\nOnce you have the required dependencies installed, you can start using the `Stepper` component in your React application.\n\n## Usage\n\nThe **Stepper** component provides a visual representation of a step-by-step process. It supports customization through various props.\n\nTo use the component, import it and include it in your JSX:\n\n```jsx\nimport React from 'react';\nimport {Stepper} from '@bolttech/atoms-stepper/ob';\n\nfunction App() {\n  const stepperArray = [\n    {\n      title: 'Step 1',\n      statusIndicator: 'completed',\n      componentContent: <p>Step 1 content</p>,\n    },\n    {\n      title: 'Step 2',\n      statusIndicator: 'default',\n      componentContent: <p>Step 2 content</p>,\n    },\n    {\n      title: 'Step 3',\n      statusIndicator: 'error',\n      componentContent: <p>Step 3 content</p>,\n    },\n  ];\n\n  return (\n    <Stepper stepperArray={stepperArray} dataTestId=\"my-stepper\"/>\n  );\n}\n\nexport default App;\n```\n\n## Props\n\nThe **Stepper** component accepts the following props:\n\n| Prop         | Type          | Description                                       |\n|--------------|---------------|---------------------------------------------------|\n| `stepperArray` | StepperItem[] | An array of step objects to be displayed.       |\n| `dataTestId` | string        | The data-testid attribute for testing purposes.  |\n\nEach `StepperItem` object should have the following structure:\n\n```jsx\n{\n  title: 'Step Title',\n  statusIndicator: 'completed' | 'default' | 'error',\n  componentContent: JSX.Element,\n}\n```\n\n## Example\n\nHere's an example of using the **Stepper** component:\n\n```jsx\n<Stepper\n  stepperArray={[\n    {\n      title: 'Step 1',\n      statusIndicator: 'completed',\n      componentContent: <p>Step 1 content</p>,\n    },\n    {\n      title: 'Step 2',\n      statusIndicator: 'default',\n      componentContent: <p>Step 2 content</p>,\n    },\n    {\n      title: 'Step 3',\n      statusIndicator: 'error',\n      componentContent: <p>Step 3 content</p>,\n    },\n  ]}\n  dataTestId=\"my-stepper\"\n/>\n```\n\nThis will render a **Stepper** component with three steps, each with a different status indicator and content.\n\n## Contributing\n\nContributions to the **Stepper** component are welcome. If you find any issues or have suggestions for improvements, please feel free to open an issue or submit a pull request on the project's Bitbucket repository.\n","readmeFilename":"README.md"}