{"_id":"@bolttech/ob-atoms-input-number","_rev":"4-d1d5a501ac5c26df2f83d2459dc34ad2","name":"@bolttech/ob-atoms-input-number","dist-tags":{"latest":"1.0.3"},"versions":{"1.0.0":{"name":"@bolttech/ob-atoms-input-number","version":"1.0.0","_id":"@bolttech/ob-atoms-input-number@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":"17b490a223fbd809805fe759b1e8ee8256ee3add","tarball":"https://registry.npmjs.org/@bolttech/ob-atoms-input-number/-/ob-atoms-input-number-1.0.0.tgz","fileCount":9,"integrity":"sha512-ERWvFj3f4iGrw25QJDBa35HQU5mwh4Fg5x3Pze7cql/YoLlzoqVjQX7diivys0UABac2e7JJMqQr2eIUXMXIMQ==","signatures":[{"sig":"MEUCIFj0Ny1I5/Q1izqrIK7xXDmOv2PzhNUpa80TIQuuWOeOAiEAt8rSKwZRtgsdFOYsvoZ5CqPVOO4vVF9CKVRgVkF0WB8=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":102382},"main":"./index.cjs.js","type":"commonjs","types":"./index.d.ts","gitHead":"bb8a178485acb7e082379c90006010527589a2ab","_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-input-number_1.0.0_1778515776627_0.03868407311351674","host":"s3://npm-registry-packages-npm-production"}},"1.0.1":{"name":"@bolttech/ob-atoms-input-number","version":"1.0.1","_id":"@bolttech/ob-atoms-input-number@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":"7bebcc88a498a197c75fd63d9d82e6c594f14c89","tarball":"https://registry.npmjs.org/@bolttech/ob-atoms-input-number/-/ob-atoms-input-number-1.0.1.tgz","fileCount":5,"integrity":"sha512-RxjawBIGXN6nyqZbneqpMO89opkcMXT1lSJQ3v59xW6MBN/oknq11EI4K1NOedkJLNYj3ggk9/AznDDiZKZtuA==","signatures":[{"sig":"MEYCIQCGzcYN0Nv6PHFFKAl1pyj9SV930uSbZ2iWv+odvW0XPgIhAKDU3EzjtufW1pJP6iNxsQzF2aNxkquAPdTcogWRxpTB","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":94405},"main":"./index.cjs.js","type":"commonjs","types":"./index.d.ts","gitHead":"4a3ac156d4aebe700b940cca92b41f9ccc9fb720","_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/ob-atoms-icon":"1.0.1"},"_hasShrinkwrap":false,"_npmOperationalInternal":{"tmp":"tmp/ob-atoms-input-number_1.0.1_1780925548666_0.35231464719536953","host":"s3://npm-registry-packages-npm-production"}},"1.0.2":{"name":"@bolttech/ob-atoms-input-number","version":"1.0.2","_id":"@bolttech/ob-atoms-input-number@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":"021872f9e7a1b9adcb01dd86ed87e0c716ab4f9f","tarball":"https://registry.npmjs.org/@bolttech/ob-atoms-input-number/-/ob-atoms-input-number-1.0.2.tgz","fileCount":9,"integrity":"sha512-Zv4sX8MMd+8IHmtRVE0A27i+bNJTn9RNlpf80J61RnKyCUZpvIyyUIGgHPWP7Sx+OTBEBF3DjM9ErM4emEye+g==","signatures":[{"sig":"MEUCIFv1gq/nom6QDaxhD22W+icEpUDX69odaq5jZcT51iYSAiEAlj8x/YgH+dn08oAX0Rbjvpkz9EszhurP7YtggSGHyvk=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":101133},"main":"./index.cjs.js","type":"commonjs","types":"./index.d.ts","gitHead":"ba85aaf951f6ee5dfd9390aefce29f229cd3f7ea","_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/ob-atoms-icon":"1.0.1"},"_hasShrinkwrap":false,"_npmOperationalInternal":{"tmp":"tmp/ob-atoms-input-number_1.0.2_1788778845877_0.22106254838877049","host":"s3://npm-registry-packages-npm-production"}},"1.0.3":{"name":"@bolttech/ob-atoms-input-number","version":"1.0.3","dependencies":{"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-input-number@1.0.3","gitHead":"39b3d8028651ae24748c7da27331d501405b3069","description":"A customizable input number component with increment and decrement buttons, label, error message support, and value formatting options.","_nodeVersion":"22.17.1","_npmVersion":"10.9.8","dist":{"integrity":"sha512-qqpRbAe14LUE1NLRFkpe66QvlrqerrxM1LSJ/stJpp0KQfyu2/Y4AgnFh5c5WDXEsMOQhd+Me5jOELlYkxVKEw==","shasum":"9a83860daaf5140a383a040c0a9020f63ec052cc","tarball":"https://registry.npmjs.org/@bolttech/ob-atoms-input-number/-/ob-atoms-input-number-1.0.3.tgz","fileCount":8,"unpackedSize":105337,"signatures":[{"keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U","sig":"MEUCIQD80u2BCx7zG/9ogIS6sKYxCwfx9QSupxOmdHPdd+WSugIgc2ql8HwlwJWq2u6M3bCtjL9Y5G5yubu/nGlCYs8iQe8="}]},"_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-input-number_1.0.3_1788796403197_0.4762598139587144"},"_hasShrinkwrap":false}},"time":{"created":"2026-05-11T16:09:36.563Z","modified":"2026-09-07T15:53:23.511Z","1.0.0":"2026-05-11T16:09:36.771Z","1.0.1":"2026-06-08T13:32:28.904Z","1.0.2":"2026-09-07T11:00:46.015Z","1.0.3":"2026-09-07T15:53:23.319Z"},"description":"A customizable input number component with increment and decrement buttons, label, error message support, and value formatting options.","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":"# InputNumber Component\n\nA customizable input number component with increment and decrement buttons, label, error message support, and value formatting options.\n\n## Installation\n\nUse the package manager [npm](https://www.npmjs.com/) or [yarn](https://yarnpkg.com/) to install the component and its dependencies.\n\n```bash\nnpm install @bolttech/atoms-input-number\n```\n\nor\n\n```bash\nyarn add @bolttech/atoms-input-number\n```\n\n## Props\n\nThe `InputNumber` component accepts the following properties:\n\n| Prop | Type | Description |\n| ------------ | ------------------------- | -------------------------------------------------------------------------------------- |\n| id | `string` | The `id` attribute of the input number component. |\n| dataTestId | `string` | The `data-testid` attribute for testing. |\n| disabled | `boolean` | Whether the input number is disabled or not. |\n| errorMessage | `string` | An error message to be displayed. |\n| label | `string` | A label to describe the input number. |\n| onChange | `(value: number) => void` | Event handler when the input number value changes. |\n| placeholder | `string` | Placeholder text to display when the value is zero and placeholder is not provided. |\n| required | `boolean` | Whether the input number is required or not. |\n| value | `number` | The value of the input number. |\n| min | `number` | The minimum allowed value for the input number. |\n| max | `number` | The maximum allowed value for the input number. |\n| step | `number` | By how much each change should change the value of the input |\n| template | `string` | A template string to format the display of the value, using `$value` as a placeholder. |\n| variant | `'grey'` or `'border'` | The variant of the input number component (default is 'grey'). |\n| helperMessage | `string` | An optional string to display as a helper message for the input number. |\n| ...props | `object` | Additional props that can be passed to the HTML input element. |\n\n## Usage\n\n```jsx\nimport React, { useState } from 'react';\nimport { InputNumber } from '@bolttech/atoms-input-number';\n\nconst ExampleComponent = () => {\n const [inputValue, setInputValue] = useState(5);\n\n const handleInputChange = (newValue) => {\n setInputValue(newValue);\n };\n\n return (\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"}