{"_id":"@bolttech/ob-atoms-notification","_rev":"4-b739c77f0dea8070173347ef37d276ce","name":"@bolttech/ob-atoms-notification","dist-tags":{"latest":"1.0.3"},"versions":{"1.0.0":{"name":"@bolttech/ob-atoms-notification","version":"1.0.0","_id":"@bolttech/ob-atoms-notification@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":"cfa41e878026b25c7d3b9caa45ca8e74cd849164","tarball":"https://registry.npmjs.org/@bolttech/ob-atoms-notification/-/ob-atoms-notification-1.0.0.tgz","fileCount":10,"integrity":"sha512-ocxQHolWd/9MBQmOhlls0DaTr7lwads33TQkfmJf6BgZxEGtG1hhzGxn45rwkJ+f6b3C2GJqClNX+eDO8RbO9w==","signatures":[{"sig":"MEQCIC0uWUYd9cOa0ID5AxUqMU511bJ9mSPxgpyJKSk1rt6gAiBzNixUKRiIvbX4cGzfsaCF8jSa2BFwtFnoZTkcm618fQ==","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":587939},"main":"./index.cjs.js","type":"commonjs","types":"./index.d.ts","gitHead":"6a6d28e88694fcd90a77db4264b38bf07bf9497d","_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-notification_1.0.0_1778515800328_0.24308339444090388","host":"s3://npm-registry-packages-npm-production"}},"1.0.1":{"name":"@bolttech/ob-atoms-notification","version":"1.0.1","_id":"@bolttech/ob-atoms-notification@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":"adab8ff0391522645ce8a3bc1f925b5124706258","tarball":"https://registry.npmjs.org/@bolttech/ob-atoms-notification/-/ob-atoms-notification-1.0.1.tgz","fileCount":5,"integrity":"sha512-FA/Eet7KZMJDVyx3mhFOZBjTGKTlQRNj4MMitGGcuKdEkT1XgCoFLxXG2f8jJ8vmw5YZI3X+f319tTArS7P/1w==","signatures":[{"sig":"MEUCIEVI6j88iWqyBAfvC/kaqDqtVrhpTMp2Cq7lgwD7EMczAiEAz1fP8eiwyP/Yw+mTpdeRiT4NBHchwszEKcl45C8iGss=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":63645},"main":"./index.cjs.js","type":"commonjs","types":"./index.d.ts","gitHead":"76137e0141a62bce4febcb606b3c2492440d8b17","_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","react-dom":"19.1.2","classnames":"^2.5.1","sanitize-html":"^2.13.0","@bolttech/ui-utils":"0.6.7","@bolttech/ob-atoms-icon":"1.0.1","@bolttech/ob-atoms-button":"1.0.1","@material-symbols/font-300":"^0.5.5"},"_hasShrinkwrap":false,"_npmOperationalInternal":{"tmp":"tmp/ob-atoms-notification_1.0.1_1780926872758_0.8018928017333198","host":"s3://npm-registry-packages-npm-production"}},"1.0.2":{"name":"@bolttech/ob-atoms-notification","version":"1.0.2","_id":"@bolttech/ob-atoms-notification@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":"be2e2f41d10a6cd0b571bd4219192379bb8e5b0b","tarball":"https://registry.npmjs.org/@bolttech/ob-atoms-notification/-/ob-atoms-notification-1.0.2.tgz","fileCount":10,"integrity":"sha512-sMKeL53ZH9gNSnIg9XfL2tqjaBTWxYwO6rtDyUBfpY98bRf+M+8UQJ3tkl94ieAiYMjSLnMuWJMPozQrjp+sQA==","signatures":[{"sig":"MEQCIEwJJIVfHfDYAo8m3j9bjfm4OlXv4HasRvLpt3aJtExeAiArNE7Lq3UQmdIb46/n0uL4JQwv2ybLyNmSo37t31DyuQ==","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"},{"sig":"MEQCIBc7NEss+qsNIUpt2N6WGstTDJQPhEeTh0ESk+befA/oAiAl5nSDBt5yYV4zMyqYyr48EyyDol3BIuzt9bKfSVsqAA==","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":70593},"main":"./index.cjs.js","type":"commonjs","types":"./index.d.ts","gitHead":"8b031b1c07832fcf507e41da71e54266e7f43ad3","_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","react-dom":"19.1.2","classnames":"^2.5.1","sanitize-html":"^2.13.0","@bolttech/ui-utils":"0.6.7","@bolttech/ob-atoms-icon":"1.0.1","@bolttech/ob-atoms-button":"1.0.1","@material-symbols/font-300":"^0.5.5"},"_hasShrinkwrap":false,"_npmOperationalInternal":{"tmp":"tmp/ob-atoms-notification_1.0.2_1788778922587_0.9332368852750768","host":"s3://npm-registry-packages-npm-production"}},"1.0.3":{"_id":"@bolttech/ob-atoms-notification@1.0.3","dist":{"shasum":"5ee608eee7844d996f1a8747b03b60d457218cc9","tarball":"https://registry.npmjs.org/@bolttech/ob-atoms-notification/-/ob-atoms-notification-1.0.3.tgz","fileCount":9,"integrity":"sha512-+ufAhtZV06AAxLsnhOUOCZUk9MO/MV/7cJz+7kezGWKMjlB97wDlsCD3v8XTurTSX7bGbqdbFljUvMtvMY5jMA==","signatures":[{"sig":"MEQCIA6iEUK07iXaxDMj45OQu8lQx2OfHzQ+M9CuH3k67heVAiBoH7TBaUKivu4ea3WTFZTTC9i7nyQvm+qOMTorgkQNSQ==","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"},{"keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U","sig":"MEUCIHO6y6X8OJZ9EudHn4jtQb2rxoBcTR0CzDvXfQHD86RyAiEA5C/pI1SQr19mkjJHmQTT8ER+F5jYPtcwfdNVKFIiiK0="}],"unpackedSize":73978},"main":"./index.cjs.js","name":"@bolttech/ob-atoms-notification","type":"commonjs","types":"./index.d.ts","gitHead":"21039d7805b61935f7853094341c0215a7b7e565","version":"1.0.3","_npmUser":{"name":"andsfranbolt","email":"anderson.francisco@bolttech.io"},"_npmVersion":"10.9.8","description":"A banner-style notification component for displaying info, success, warning, or error messages.","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","react-dom":"19.1.2","classnames":"^2.5.1","sanitize-html":"^2.13.0","@bolttech/ui-utils":"0.6.7","@bolttech/ob-atoms-icon":"1.0.1","@bolttech/ob-atoms-button":"1.0.1","@material-symbols/font-300":"^0.5.5"},"_hasShrinkwrap":false,"_npmOperationalInternal":{"host":"s3://npm-registry-packages-npm-production","tmp":"tmp/ob-atoms-notification_1.0.3_1788796576349_0.5401626960458825"}}},"time":{"created":"2026-05-11T16:10:00.204Z","modified":"2026-09-07T15:56:16.608Z","1.0.0":"2026-05-11T16:10:00.503Z","1.0.1":"2026-06-08T13:54:32.926Z","1.0.2":"2026-09-07T11:02:02.693Z","1.0.3":"2026-09-07T15:56:16.432Z"},"description":"A banner-style notification component for displaying info, success, warning, or error messages.","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":"# Notification Component\n\nA banner-style notification component for displaying info, success, warning, or error messages.\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-notification\n```\n\nor\n\n```bash\nyarn add @bolttech/ob-atoms-notification\n```\n\n## Props\n\nThe `Notification` component accepts the following properties:\n\n| Prop | Type | Description |\n| ---------- | ----------------------------------------------------------------------- | -------------------------------------------------------------------------------------------------------- |\n| id | `string` | **Required.** Component identification. |\n| variant | `'error' \\| 'success' \\| 'default' \\| 'null' \\| 'warning' \\| 'accent'` | **Required.** Style variant of the component. |\n| icon | `MaterialSymbol` | Icon displayed on the left side of the notification text. |\n| text | `string` | Text of the notification. |\n| duration | `0 \\| 3 \\| 4 \\| 5 \\| 6 \\| 7 \\| 8 \\| 9 \\| 10` | Duration in seconds. If `0`, the notification stays indefinitely and shows a close icon. |\n| fullWidth | `boolean` | Whether the notification should take all available width. |\n| dataTestId | `string` | The `data-testid` attribute for testing. |\n| onClose | `(id: string) => void` | Callback fired when the close icon is clicked (only rendered when `duration` is `0`). |\n\n## Usage\n\n```jsx\nimport React, { useState } from 'react';\nimport { Notification } from '@bolttech/ob-atoms-notification';\n\nconst ExampleComponent = () => {\n const [hideNotification, setHideNotification] = useState(false);\n\n if (hideNotification) return null;\n\n return (\n setHideNotification(true)}\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"}