{"_id":"@bolttech/atoms-tooltip","_rev":"17-8e5542a6c84b3df6c0a1ea038acc93f2","name":"@bolttech/atoms-tooltip","dist-tags":{"latest":"0.5.3"},"versions":{"0.1.0":{"name":"@bolttech/atoms-tooltip","version":"0.1.0","_id":"@bolttech/atoms-tooltip@0.1.0","maintainers":[{"name":"plinio.altoe","email":"plinio.altoe@bolttech.io"},{"name":"bruno.gomes","email":"bruno.gomes@bolttech.io"},{"name":"lukaspiccinibt","email":"lukas.piccini@bolttech.io"},{"name":"diogo_aleixo_bolttech","email":"diogo.aleixo@bolttech.io"},{"name":"pauloazevedo-ed","email":"paulo.azevedo@bolttech.io"},{"name":"danielkhalebbatista","email":"daniel.batista@bolttech.io"},{"name":"andsfranbolt","email":"anderson.francisco@bolttech.io"},{"name":"achraf.ely","email":"achraf.elyaacoubi@bolttech.io"}],"dist":{"shasum":"8ba4633d3ba5431a0ab8b358b32b0d01d9b76f72","tarball":"https://registry.npmjs.org/@bolttech/atoms-tooltip/-/atoms-tooltip-0.1.0.tgz","fileCount":9,"integrity":"sha512-9w6XHEZsWzv+hpN/8pAOyKjRsGcKBozSFfylvJK8BHoWgvDDvitqKHsgd3gEDSCAS89US6puO1jENL4/Pumm6g==","signatures":[{"sig":"MEQCIBVSeLmEevHRoAsoNpfIGfWdm2D/f78O8sZu0e/aVC70AiB6Cnq8oMph0KeWmcMEUX3zkZUlIJCyMu3aFVXnHASdUQ==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":71806},"main":"./index.cjs","type":"commonjs","types":"./src/index.d.ts","gitHead":"fd1d0922ac7dd701c485be594103da35302b63e3","_npmUser":{"name":"danielkhalebbatista","email":"daniel.batista@bolttech.io"},"_npmVersion":"8.19.4","description":"The **Tooltip** component is a React component designed display additional information data when hovering/taping a component.","directories":{},"_nodeVersion":"16.20.2","dependencies":{"react":"18.2.0","styled-components":"6.1.1","@bolttech/ui-utils":"0.2.4","@bolttech/atoms-icon":"0.22.1","@bolttech/default-theme":"0.3.0","@bolttech/frontend-foundations":"0.3.1"},"_hasShrinkwrap":false,"peerDependencies":{},"_npmOperationalInternal":{"tmp":"tmp/atoms-tooltip_0.1.0_1707993362649_0.29048037726788656","host":"s3://npm-registry-packages"}},"0.1.1":{"name":"@bolttech/atoms-tooltip","version":"0.1.1","_id":"@bolttech/atoms-tooltip@0.1.1","maintainers":[{"name":"plinio.altoe","email":"plinio.altoe@bolttech.io"},{"name":"bruno.gomes","email":"bruno.gomes@bolttech.io"},{"name":"lukaspiccinibt","email":"lukas.piccini@bolttech.io"},{"name":"diogo_aleixo_bolttech","email":"diogo.aleixo@bolttech.io"},{"name":"pauloazevedo-ed","email":"paulo.azevedo@bolttech.io"},{"name":"danielkhalebbatista","email":"daniel.batista@bolttech.io"},{"name":"andsfranbolt","email":"anderson.francisco@bolttech.io"},{"name":"achraf.ely","email":"achraf.elyaacoubi@bolttech.io"}],"dist":{"shasum":"e270d9d5e1185f840565d2058f39741c3d99b8ee","tarball":"https://registry.npmjs.org/@bolttech/atoms-tooltip/-/atoms-tooltip-0.1.1.tgz","fileCount":9,"integrity":"sha512-q+T3GzhYztQqu7BteMnWm96mxx/34qalzphxiSHih6E7fQ8QTXb1DNhqsK2HMbok1IwaUPIa/2JYQ3W0duJNZQ==","signatures":[{"sig":"MEQCIHIuaLpigK+vNekPzynNGQiZTxpBXdS88y1zatKTg5o4AiBY9tKKXdb8mDjpmpMUvguidIc4QmVKb86SzGDE8fB4DQ==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":72401},"main":"./index.cjs","type":"commonjs","types":"./src/index.d.ts","gitHead":"91b0eb764c90106339c480c249739be3264f8f52","_npmUser":{"name":"lukaspiccinibt","email":"lukas.piccini@bolttech.io"},"_npmVersion":"9.6.7","description":"The **Tooltip** component is a React component designed display additional information data when hovering/taping a component.","directories":{},"_nodeVersion":"18.17.0","dependencies":{"react":"18.2.0","styled-components":"6.1.1","@bolttech/ui-utils":"0.2.4","@bolttech/atoms-icon":"0.22.1","@bolttech/default-theme":"0.3.1","@bolttech/frontend-foundations":"0.6.0"},"_hasShrinkwrap":false,"peerDependencies":{},"_npmOperationalInternal":{"tmp":"tmp/atoms-tooltip_0.1.1_1710175400198_0.6404052316548587","host":"s3://npm-registry-packages"}},"0.2.0":{"name":"@bolttech/atoms-tooltip","version":"0.2.0","_id":"@bolttech/atoms-tooltip@0.2.0","maintainers":[{"name":"joaoteixeira20","email":"joao.teixeira@bolttech.io"},{"name":"plinio.altoe","email":"plinio.altoe@bolttech.io"},{"name":"bruno.gomes","email":"bruno.gomes@bolttech.io"},{"name":"lukaspiccinibt","email":"lukas.piccini@bolttech.io"},{"name":"pauloazevedo-ed","email":"paulo.azevedo@bolttech.io"},{"name":"danielkhalebbatista","email":"daniel.batista@bolttech.io"},{"name":"andsfranbolt","email":"anderson.francisco@bolttech.io"}],"dist":{"shasum":"7a948cb7fb8f61529a4ace16f254da96513a1733","tarball":"https://registry.npmjs.org/@bolttech/atoms-tooltip/-/atoms-tooltip-0.2.0.tgz","fileCount":9,"integrity":"sha512-oSDjR0zi3rbHmfAhUj8ZDgZJhxU4Y5nRYIv7ipjzBYP74HMjc0n39I37TKxnqkpJmAFKvn12fX1dBTXoaCim6g==","signatures":[{"sig":"MEQCIAWvDUwgQpEgvvkzRgsKOJ10aULmF0YCIllyXEQS1V+pAiBRAtoCw8PqSj8Yix0qRsfjDOt1GtR+fwVmROQmXCQo+A==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":72602},"main":"./index.cjs","type":"commonjs","types":"./src/index.d.ts","gitHead":"51dfc059bb01ddeffed6fe894a3fbc23a996935b","_npmUser":{"name":"danielkhalebbatista","email":"daniel.batista@bolttech.io"},"_npmVersion":"8.19.4","description":"The **Tooltip** component is a React component designed display additional information data when hovering/taping a component.","directories":{},"_nodeVersion":"16.20.2","dependencies":{"react":"18.2.0","styled-components":"6.1.1","@bolttech/ui-utils":"0.4.0","@bolttech/atoms-icon":"0.23.0","@bolttech/default-theme":"0.8.0","@bolttech/frontend-foundations":"0.9.0"},"_hasShrinkwrap":false,"peerDependencies":{},"_npmOperationalInternal":{"tmp":"tmp/atoms-tooltip_0.2.0_1725442054126_0.41447356919995415","host":"s3://npm-registry-packages"}},"0.2.1":{"name":"@bolttech/atoms-tooltip","version":"0.2.1","_id":"@bolttech/atoms-tooltip@0.2.1","maintainers":[{"name":"joaoteixeira20","email":"joao.teixeira@bolttech.io"},{"name":"plinio.altoe","email":"plinio.altoe@bolttech.io"},{"name":"bruno.gomes","email":"bruno.gomes@bolttech.io"},{"name":"lukaspiccinibt","email":"lukas.piccini@bolttech.io"},{"name":"pauloazevedo-ed","email":"paulo.azevedo@bolttech.io"},{"name":"danielkhalebbatista","email":"daniel.batista@bolttech.io"},{"name":"andsfranbolt","email":"anderson.francisco@bolttech.io"}],"dist":{"shasum":"f6c6f8ada56cc2035ad1e266e8965df80e0ff7d8","tarball":"https://registry.npmjs.org/@bolttech/atoms-tooltip/-/atoms-tooltip-0.2.1.tgz","fileCount":9,"integrity":"sha512-AjSLmM2gLnllX72CRq6fZT69Vl9mzuVESznTLoz7NwHIkrVHZwzXUmfX2DDpDyoc/zYTBz9htDW/vxWrW2t1Sw==","signatures":[{"sig":"MEQCID7ErVB4D5Wge3aTQJMvvOtMBOM2KqtitisVo3y1LsGRAiBVifUMuQlaEkYB+k+0VU3X3PKi9JDk1jboRdgtJvk9BQ==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":74842},"main":"./index.cjs","type":"commonjs","types":"./src/index.d.ts","gitHead":"9b8277cfe5961932ac7824074c68766614dd4eaa","_npmUser":{"name":"lukaspiccinibt","email":"lukas.piccini@bolttech.io"},"_npmVersion":"10.7.0","description":"The **Tooltip** component is a React component designed display additional information data when hovering/taping a component.","directories":{},"_nodeVersion":"18.20.3","dependencies":{"react":"18.2.0","styled-components":"6.1.1","@bolttech/ui-utils":"0.4.0","@bolttech/atoms-icon":"0.23.0","@bolttech/default-theme":"0.8.0","@bolttech/frontend-foundations":"0.9.4"},"_hasShrinkwrap":false,"peerDependencies":{},"_npmOperationalInternal":{"tmp":"tmp/atoms-tooltip_0.2.1_1726134957532_0.5876279854795297","host":"s3://npm-registry-packages"}},"0.3.0":{"name":"@bolttech/atoms-tooltip","version":"0.3.0","_id":"@bolttech/atoms-tooltip@0.3.0","maintainers":[{"name":"joaoteixeira20","email":"joao.teixeira@bolttech.io"},{"name":"plinio.altoe","email":"plinio.altoe@bolttech.io"},{"name":"bruno.gomes","email":"bruno.gomes@bolttech.io"},{"name":"lukaspiccinibt","email":"lukas.piccini@bolttech.io"},{"name":"pauloazevedo-ed","email":"paulo.azevedo@bolttech.io"},{"name":"danielkhalebbatista","email":"daniel.batista@bolttech.io"},{"name":"andsfranbolt","email":"anderson.francisco@bolttech.io"}],"dist":{"shasum":"34802ebc040eef0a8f8a231f2aa07b6dd0129448","tarball":"https://registry.npmjs.org/@bolttech/atoms-tooltip/-/atoms-tooltip-0.3.0.tgz","fileCount":8,"integrity":"sha512-F91xcJHjpiEvwRqxdF5c+AVVU5oHcs9scY8WnYQdSIbDmH3mFrpnUBlK5sNICxHszkmE7Jjw3lBBG9QIawbHrA==","signatures":[{"sig":"MEYCIQDIFecZTT0kOHYBfuKykFByljEVlMlmVKMx+/SG3Wl4+AIhANIiGarxR/R3dZM7cciOHZKEl8+TdVVXVqwx4sOaCh8d","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":73380},"main":"./index.cjs","type":"commonjs","types":"./src/index.d.ts","gitHead":"845520992f9341b5206ba516983232257915242f","_npmUser":{"name":"lukaspiccinibt","email":"lukas.piccini@bolttech.io"},"_npmVersion":"10.7.0","description":"The **Tooltip** component is a React component designed display additional information data when hovering/taping a component.","directories":{},"_nodeVersion":"18.20.3","dependencies":{"react":"18.2.0","styled-components":"6.1.1","@bolttech/ui-utils":"0.5.0","@bolttech/atoms-icon":"0.23.0","@bolttech/default-theme":"0.9.0","@bolttech/frontend-foundations":"0.10.0"},"_hasShrinkwrap":false,"peerDependencies":{},"_npmOperationalInternal":{"tmp":"tmp/atoms-tooltip_0.3.0_1731600444684_0.41356411190435116","host":"s3://npm-registry-packages"}},"0.4.0":{"name":"@bolttech/atoms-tooltip","version":"0.4.0","_id":"@bolttech/atoms-tooltip@0.4.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":"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":"8b940d9dc38f655f96584441ad2d46e54115138c","tarball":"https://registry.npmjs.org/@bolttech/atoms-tooltip/-/atoms-tooltip-0.4.0.tgz","fileCount":9,"integrity":"sha512-/Lo8xBEG1TopQbrgZXOO5u9wHnHSa6Lp7gVI68KIoSGz5BS48yVh+fF+wBNKL5QXNnoQmw7RF3o5iIXOmp+cLg==","signatures":[{"sig":"MEQCIDQ+a08wQXE9mCo2rDT/sPqAn7MC2A8lMFCbm49qvt+2AiAa78+/sFKbj46M7AzSV+APqDmLh8c8n5XPAZCgXE4+WQ==","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":72603},"main":"./index.cjs.js","type":"commonjs","types":"./index.d.ts","gitHead":"831491a4fe6519f85f867df94564555d3f57ecf2","_npmUser":{"name":"bruno.gomes","email":"bruno.gomes@bolttech.io"},"_npmVersion":"10.8.2","description":"The **Tooltip** component is a React component designed display additional information data when hovering/taping a component.","directories":{},"_nodeVersion":"20.18.0","dependencies":{"react":"19.1.2","styled-components":"6.1.1","@bolttech/ui-utils":"0.6.0","@bolttech/frontend-foundations":"0.10.1"},"_hasShrinkwrap":false,"_npmOperationalInternal":{"tmp":"tmp/atoms-tooltip_0.4.0_1765994860779_0.4305769942540949","host":"s3://npm-registry-packages-npm-production"}},"0.5.0":{"name":"@bolttech/atoms-tooltip","version":"0.5.0","_id":"@bolttech/atoms-tooltip@0.5.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":"86252f01dd42cab0bb5bfaf433e16b13edd3919d","tarball":"https://registry.npmjs.org/@bolttech/atoms-tooltip/-/atoms-tooltip-0.5.0.tgz","fileCount":9,"integrity":"sha512-6YMsNb3cIE4YYR+5/frq5g7ctP1W4peVdvANyleU08y6dJ1MmkFS374Lpo5Arc0z2G0j+xw0VgL45zj3JoG3Sg==","signatures":[{"sig":"MEQCIHblDw/rJmf62u2FD6spOKxEgEkRZ3zV/1aRiVHuTIreAiA2UTMaA/ilnYnqbIDUiLZhqfgSAbdK/JM1v7KNxH6Eag==","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":73110},"main":"./index.cjs.js","type":"commonjs","types":"./index.d.ts","gitHead":"6588505bf9cad79daf022dcd163e109a70874680","_npmUser":{"name":"silas.silva.bolttech","email":"silas.silva@bolttech.io"},"_npmVersion":"10.9.4","description":"The **Tooltip** component is a React component designed display additional information data when hovering/taping a component.","directories":{},"_nodeVersion":"22.22.0","dependencies":{"react":"19.1.2","styled-components":"6.1.1","@bolttech/ui-utils":"0.6.4","@bolttech/frontend-foundations":"0.12.1"},"_hasShrinkwrap":false,"_npmOperationalInternal":{"tmp":"tmp/atoms-tooltip_0.5.0_1775664555331_0.5558871671810821","host":"s3://npm-registry-packages-npm-production"}},"0.5.2":{"name":"@bolttech/atoms-tooltip","version":"0.5.2","_id":"@bolttech/atoms-tooltip@0.5.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":"0217d640f4e6102a9bef2ef19af5f5536026317e","tarball":"https://registry.npmjs.org/@bolttech/atoms-tooltip/-/atoms-tooltip-0.5.2.tgz","fileCount":9,"integrity":"sha512-UtCYjCzTKTqOq78BL/P8GUlIMy0Up4hCjsNEJOw9DJ4jRI6GmZaZty/GJrJ6HCPv2oOmJIuTI8x6DfrUJGEr8Q==","signatures":[{"sig":"MEQCIDq40rObvZx6UrgDkX0RP0TTQUQ6FG5oWaBcCVawx9ViAiBnbSbsD6LXKwJLjN51KvtNkxCW4nRxb+ESpuw7jUmS5w==","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":73128},"main":"./index.cjs.js","type":"commonjs","types":"./index.d.ts","gitHead":"88aa85b654f2592d3f38a81daf67779ab9fba2e4","_npmUser":{"name":"bruno.gomes","email":"bruno.gomes@bolttech.io"},"_npmVersion":"10.9.2","description":"The **Tooltip** component is a React component designed display additional information data when hovering/taping a component.","directories":{},"_nodeVersion":"22.13.1","dependencies":{"react":"19.1.2","styled-components":"6.1.1","@bolttech/ui-utils":"0.6.5","@bolttech/frontend-foundations":"0.12.2"},"_hasShrinkwrap":false,"_npmOperationalInternal":{"tmp":"tmp/atoms-tooltip_0.5.2_1776175919709_0.2610258331457791","host":"s3://npm-registry-packages-npm-production"}},"0.5.3":{"name":"@bolttech/atoms-tooltip","version":"0.5.3","dependencies":{"styled-components":"6.1.1","@bolttech/frontend-foundations":"0.12.3","react":"19.1.2","@bolttech/ui-utils":"0.6.7"},"main":"./index.cjs.js","type":"commonjs","types":"./index.d.ts","_id":"@bolttech/atoms-tooltip@0.5.3","gitHead":"aaf740966541e81b7e33a921b7901f11a5dd6b82","description":"The **Tooltip** component is a React component designed display additional information data when hovering/taping a component.","_nodeVersion":"22.22.0","_npmVersion":"10.9.4","dist":{"integrity":"sha512-061wuUEc3GbZV6ImgbQTAQAYTUH/a5cOqad7OiNYEwOnsP6drO5TroVUhw0pQsmkAJriJQqSrmg6A7KV4MRRcQ==","shasum":"9305295b1d9a32c6701a8102bbe5bfe667db7f98","tarball":"https://registry.npmjs.org/@bolttech/atoms-tooltip/-/atoms-tooltip-0.5.3.tgz","fileCount":9,"unpackedSize":73124,"signatures":[{"keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U","sig":"MEQCIHAzGMlrnVmUqOkg9UsRroo0JbCN9F7e9NqbeJU7VP/KAiBt4QjVv24yOAsXPr2/UkqXg2igviDFZhjTL/wpsPyUlg=="}]},"_npmUser":{"name":"silas.silva.bolttech","email":"silas.silva@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/atoms-tooltip_0.5.3_1780930220075_0.7139064200821141"},"_hasShrinkwrap":false}},"time":{"created":"2024-02-15T10:36:02.558Z","modified":"2026-06-08T14:50:20.507Z","0.1.0":"2024-02-15T10:36:02.786Z","0.1.1":"2024-03-11T16:43:20.337Z","0.2.0":"2024-09-04T09:27:34.297Z","0.2.1":"2024-09-12T09:55:57.719Z","0.3.0":"2024-11-14T16:07:24.858Z","0.4.0":"2025-12-17T18:07:40.915Z","0.5.0":"2026-04-08T16:09:15.467Z","0.5.2":"2026-04-14T14:11:59.842Z","0.5.3":"2026-06-08T14:50:20.215Z"},"description":"The **Tooltip** component is a React component designed display additional information data when hovering/taping a component.","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":"# Tooltip Component\n\nThe **Tooltip** component is a React component designed display additional information data when hovering/taping a component.\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 **Tooltip** component in your React application, follow these steps:\n\n### Installation\n\n```bash\nnpm install @bolttech/frontend-foundations @bolttech/atoms-tooltip\n```\n\nor\n\n```bash\nyarn add @bolttech/frontend-foundations @bolttech/atoms-tooltip\n```\n\nOnce you have the required dependencies installed, you can start using the `Tooltip` component in your React application.\n\n## Usage\n\nThe **Tooltip** component provides a easy way to display additional data when hovering on desktop or taping on a component on mobile.\n\nTo use the component, import it and include it in your JSX:\n\n```jsx\nimport React from 'react';\nimport { Tooltip } from '@bolttech/atoms-tooltip';\nimport { Icon } from '@bolttech/atoms-icon';\nimport { bolttechTheme, BolttechThemeProvider } from '@bolttech/frontend-foundations';\n\nfunction App() {\n  return (\n    <BolttechThemeProvider theme={bolttechTheme}>\n      <Tooltip size=\"small\" variant=\"dark\" content=\"This is the tooltip text\">\n        <Icon icon=\"help\" />\n      </Tooltip>\n    </BolttechThemeProvider>\n  );\n}\n\nexport default App;\n```\n\n## Props\n\nThe **Tooltip** component accepts the following props:\n\n| Prop         | Type            | Description                                                     |\n| ------------ | --------------- | --------------------------------------------------------------- |\n| `id`         | string          | The HTML `id` attribute for the tooltip.                        |\n| `dataTestId` | string          | The data-testid attribute for testing purposes.                 |\n| `variant`    | TooltipVariants | Variant of the Tooltip component.                               |\n| `size`       | TooltipSizes    | Size of the Tooltip component.                                  |\n| `content`    | React.ReactNode | React node that will be rendered as the content of the Tooltip. |\n| `children`   | React.ReactNode | Component that will be used as the Tooltip wrapper.             |\n\n## Example\n\nHere's an example of using the **Tooltip** component:\n\n```jsx\nimport React from 'react';\nimport { Tooltip } from '@bolttech/atoms-tooltip';\nimport { Icon } from '@bolttech/atoms-icon';\nimport { bolttechTheme, BolttechThemeProvider } from '@bolttech/frontend-foundations';\n\nfunction App() {\n  return (\n    <BolttechThemeProvider theme={bolttechTheme}>\n      <Tooltip size=\"small\" variant=\"dark\" content=\"This is the tooltip text\">\n        <Icon icon=\"help\" />\n      </Tooltip>\n    </BolttechThemeProvider>\n  );\n}\n\nexport default App;\n```\n\nThis will render a icon with a **Tooltip** when you hover over it.\n\n## Contributing\n\nContributions to the **Tooltip** 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"}