{"_id":"@bolttech/ob-atoms-button","_rev":"5-39d1c739b407d1f7c92ec77895cc1c14","name":"@bolttech/ob-atoms-button","dist-tags":{"latest":"1.0.4"},"versions":{"1.0.0":{"name":"@bolttech/ob-atoms-button","version":"1.0.0","_id":"@bolttech/ob-atoms-button@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":"4f6ec0ff255716c304a5ba7c30b8f6df42d99c0d","tarball":"https://registry.npmjs.org/@bolttech/ob-atoms-button/-/ob-atoms-button-1.0.0.tgz","fileCount":9,"integrity":"sha512-ZU6IB+6StsweDynvZm62dvD/XVo8T1yoO9yGR77VCt9WzbmSCACSG3C6E0R6ab+GQK6jmIlgNhGD7nb6HNVs5Q==","signatures":[{"sig":"MEYCIQDCEdYP5M0U2XFWVr/9AtsaqxoKDhjNtDe1d0XBonB6HwIhAO9gFDfmLEFsny49VKwj/EF6SVqEzQTa+7xknPd2ZZ3V","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":51322},"main":"./index.cjs.js","type":"commonjs","types":"./index.d.ts","gitHead":"a7c527bc6e2b302a7b9bbfc8c7156fa93b2a0ccf","_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-button_1.0.0_1778515295878_0.9708053058471693","host":"s3://npm-registry-packages-npm-production"}},"1.0.1":{"name":"@bolttech/ob-atoms-button","version":"1.0.1","_id":"@bolttech/ob-atoms-button@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":"16f13f0729a19bef0d06042bbed618d21cd47de0","tarball":"https://registry.npmjs.org/@bolttech/ob-atoms-button/-/ob-atoms-button-1.0.1.tgz","fileCount":5,"integrity":"sha512-6yP0tZcfNUORkbwTklXJCGgs13Zv00TaTbFafqW/fsfKGJ1wgL3pVv4A9uRXWSZ8LRYYVhgIQUelMhsCewNcVw==","signatures":[{"sig":"MEUCIGCr8vB7NScFywoBBPbpP27tqMDivcbhFUe1vJoiZw5YAiEApFHGPjzcdACuKPssGymbwNxCvqzt0digurSHnBR/TLA=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":48897},"main":"./index.cjs.js","type":"commonjs","types":"./index.d.ts","gitHead":"148f23c48c0d96ba33a06356b6d0b50a6f1fd8b1","_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","@bolttech/ui-utils":"0.6.7","@bolttech/ob-atoms-icon":"1.0.1"},"_hasShrinkwrap":false,"_npmOperationalInternal":{"tmp":"tmp/ob-atoms-button_1.0.1_1780925034934_0.043186426110707554","host":"s3://npm-registry-packages-npm-production"}},"1.0.2":{"name":"@bolttech/ob-atoms-button","version":"1.0.2","_id":"@bolttech/ob-atoms-button@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":"347c883ea24ff410741bac14e72f043f6ffd24c6","tarball":"https://registry.npmjs.org/@bolttech/ob-atoms-button/-/ob-atoms-button-1.0.2.tgz","fileCount":5,"integrity":"sha512-sBxQxq3uno+oJBplenfjRfQLUuWCVA3sAyoPid4nbuwBocpVgVJ73Eyf3nrQ4jEYLge5t49xFv6wxb3pG3Y5FQ==","signatures":[{"sig":"MEQCIEP5M/SWXZBAloHSjIAj/BfySjh3c/IMXEsDGZVS+2IUAiAu/5tgYiP6KozpZ0Lnn8F6jQ69KX2X+suE6pQxtYiWFw==","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":48906},"main":"./index.cjs.js","type":"commonjs","types":"./index.d.ts","gitHead":"7d5584b9bcb2c1d7085e9fb6d36db2e8e454a819","_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","@bolttech/ui-utils":"0.6.7","@bolttech/ob-atoms-icon":"1.0.1"},"_hasShrinkwrap":false,"_npmOperationalInternal":{"tmp":"tmp/ob-atoms-button_1.0.2_1784627153158_0.22876104012765786","host":"s3://npm-registry-packages-npm-production"}},"1.0.3":{"name":"@bolttech/ob-atoms-button","version":"1.0.3","_id":"@bolttech/ob-atoms-button@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":"ea51e720c4eba145cd576958437c98fbcd099e85","tarball":"https://registry.npmjs.org/@bolttech/ob-atoms-button/-/ob-atoms-button-1.0.3.tgz","fileCount":9,"integrity":"sha512-/AKsB8zJyqg6PRPNhM1m5abe1cHNDwZk1qdJUCWkCnRxa2ayWKQPr3+xsqp410lS+J42g2Py2smIl4IKPibiWQ==","signatures":[{"sig":"MEYCIQDRqVF5D8fbfUn8MnTR4dmKwvJ8XsqsP5dxEch3XN92FgIhAJllHtPH2zHunf9Ctrc7UgKMqG3SiWtsNR9mL48h9Jn2","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":51396},"main":"./index.cjs.js","type":"commonjs","types":"./index.d.ts","gitHead":"e6ab07762a9ed9d30df5b143e7f4a4080589e08c","_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","@bolttech/ui-utils":"0.6.7","@bolttech/ob-atoms-icon":"1.0.1"},"_hasShrinkwrap":false,"_npmOperationalInternal":{"tmp":"tmp/ob-atoms-button_1.0.3_1788778086773_0.018274478409389117","host":"s3://npm-registry-packages-npm-production"}},"1.0.4":{"name":"@bolttech/ob-atoms-button","version":"1.0.4","dependencies":{"@bolttech/ui-utils":"0.6.7","react":"19.1.2","@bolttech/ob-atoms-icon":"1.0.1"},"main":"./index.cjs.js","type":"commonjs","types":"./index.d.ts","_id":"@bolttech/ob-atoms-button@1.0.4","gitHead":"876e50323910b7d2ed87cff66be443fea6a31431","description":"A customizable button component supporting multiple style variants, sizes, and optional icons.","_nodeVersion":"22.17.1","_npmVersion":"10.9.8","dist":{"integrity":"sha512-8BWBR5B+w3+EPdfgcSlSrx6YTJRcZV7Sz4KXhwftk7tPxyn4KDpNQfBzlZ9AKH/rdtBUirSCjRCtlnuSOYjgAA==","shasum":"0a13f843c7872c3b53ea2f3658a35bac6ccf1b41","tarball":"https://registry.npmjs.org/@bolttech/ob-atoms-button/-/ob-atoms-button-1.0.4.tgz","fileCount":8,"unpackedSize":54975,"signatures":[{"keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U","sig":"MEUCIQCqXN+DzD+NIzoHn2P6RGy8aybBLCtrvqRoIWwsJ4caEQIgAJ9ldeOOydg+U0V/LufyWtyZfbYig6y4Dqd4GniXlrw="}]},"_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-button_1.0.4_1788796145432_0.7298965267144313"},"_hasShrinkwrap":false}},"time":{"created":"2026-05-11T16:01:35.708Z","modified":"2026-09-07T15:49:05.727Z","1.0.0":"2026-05-11T16:01:36.022Z","1.0.1":"2026-06-08T13:23:55.086Z","1.0.2":"2026-07-21T09:45:53.296Z","1.0.3":"2026-09-07T10:48:06.940Z","1.0.4":"2026-09-07T15:49:05.565Z"},"description":"A customizable button component supporting multiple style variants, sizes, and optional icons.","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":"# Button Component\n\nA customizable button component supporting multiple style variants, sizes, and optional icons.\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-button\n```\n\nor\n\n```bash\nyarn add @bolttech/ob-atoms-button\n```\n\n## Props\n\nThe `Button` component accepts the following properties:\n\n| Prop       | Type                                                              | Description                                                                          |\n| ---------- | ------------------------------------------------------------------ | ------------------------------------------------------------------------------------- |\n| variant    | `'transaction' \\| 'brand' \\| 'alternative' \\| 'outline' \\| 'ghost'` | **Required.** Visual style of the button.                                            |\n| size       | `'sm' \\| 'md' \\| 'lg'`                                              | **Required.** Size of the button.                                                     |\n| id         | `string`                                                            | The HTML `id` attribute. Useful for accessibility or targeting in tests/scripts.      |\n| dataTestId | `string`                                                            | The `data-testid` attribute for testing.                                              |\n| title      | `string`                                                            | Text displayed inside the button.                                                     |\n| disabled   | `boolean`                                                           | Disables the button when `true`.                                                      |\n| fullWidth  | `boolean`                                                           | Makes the button take the full width of its container.                                |\n| type       | `'button' \\| 'submit'`                                              | The native button `type` attribute.                                                   |\n| iconLeft   | `string`                                                            | Name of the icon displayed before the title (e.g. `chevron_left`).                     |\n| iconRight  | `string`                                                            | Name of the icon displayed after the title (e.g. `chevron_right`).                     |\n| onClick    | `(event: React.MouseEvent<HTMLButtonElement>) => void`              | Callback fired when the button is clicked.                                            |\n\n## Usage\n\n```jsx\nimport React from 'react';\nimport { Button } from '@bolttech/ob-atoms-button';\n\nconst ExampleComponent = () => {\n  return (\n    <Button\n      title=\"Continue\"\n      variant=\"brand\"\n      size=\"md\"\n      iconRight=\"chevron_right\"\n      onClick={() => console.log('clicked')}\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"}