{"_id":"@10up/component-tooltip","_rev":"19-32a63d0e624438b78894d8323ec2e4ac","name":"@10up/component-tooltip","dist-tags":{"next":"2.0.0-rc.2","latest":"2.1.0"},"versions":{"1.0.0":{"name":"@10up/component-tooltip","version":"1.0.0","author":{"name":"10up"},"license":"MIT","_id":"@10up/component-tooltip@1.0.0","maintainers":[{"name":"timwright12","email":"timwright12@gmail.com"},{"name":"garand","email":"garand@garand.me"},{"name":"cmmarslender","email":"chrismarslender@gmail.com"},{"name":"brandwaffle","email":"vhauri@gmail.com"},{"name":"eugene-manuilov","email":"eugene.manuilov@gmail.com"},{"name":"magnificode","email":"dominicmagnifico@gmail.com"}],"homepage":"https://github.com/10up/component-tooltip#readme","bugs":{"url":"https://github.com/10up/component-tooltip/issues"},"dist":{"shasum":"e548ad31e2df1b652cd746ca32bbc5055a9d4d57","tarball":"https://registry.npmjs.org/@10up/component-tooltip/-/component-tooltip-1.0.0.tgz","fileCount":18,"integrity":"sha512-SdspIP6l3+xE4mXhbrxnRDvZyMeKf4ikTlcJ/1sjConJJJvVLO0qm+Qv5NJHYPs9RDNqDN6KFXY4SyD2KUXEiQ==","signatures":[{"sig":"MEUCIFt1a8/aDPgk35D+VSFBiG9kkbMskKioiloaMDhBO0NBAiEAvpN6ygVa8g9S1wyRMc0/69x+0MYFQeT/Hc4guBT5Ihg=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":161344,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJci/SqCRA9TVsSAnZWagAA5v0P/RntfyINoJfO1LSGtrwt\nWIS9t0vLb67aOY44R3dlFLjounimcsNMdQNg/lGwQQAjShRX97VMinhlUSiO\nUpdymOYLV3iu/1KSzoA0ugFdK6KRfBUhN5LMSPXIcEKrJK5RXf6c1mwBEe2w\niRbnAptqpyj3fz/yYvK11oUlgXS57iXS8jWAxTiOWpMg4qQSoaVTCOk0CaPT\n3+VXvGaaOXjI0VZOJrshiPO0SXA4row+JoDIkTYVejthcjBFi4lESps/hhZy\n0uOIlTLGHIq5yWeV75AkY7wVZUssWUsZJKDL61wbZZ7TzWD/KXFxpbYuISxA\nOXdDCgTrVlH6/Eaz0fVqZGp2+zLXsPhBxgjuBM9XRM0qdGDorhzmx6UvF0Pg\ngFCG2v1X/GwXltSO8qOxfxf1ThRon9kVj4L7gdpWrlImhX1aPHtcoOv3/zCg\nhzIkh9cDGv7ZoznHHtddBbljJKJIxyROcn1fHPFTWVpsX7lzMxAFrP9o+2Oy\nCKrzaUMRLolZiSBWJ/JUYGwmeaTbLMEhQUQ9AEtTtfUpz14VLP/o+raquyzw\nLobYe61NsYn7kPkHgy5Tnueq2OfWVaKzCEJo0CKhPWunELLrJcdiqJ0pZLdD\nDgRMiUyc3nWtSPlSwduvAhMtnmG65rjmcWQDXNooldgGhcjL7zg5AijjAYXf\nRt5t\r\n=D7ac\r\n-----END PGP SIGNATURE-----\r\n"},"main":"./src/tooltip.js","style":"./dist/tooltip.css","gitHead":"96a982832d84f2d27c4f6958a1b921a4e0b4fb65","scripts":{"build":"webpack","start":"npm install && npm run build","watch":"webpack --watch"},"_npmUser":{"name":"timwright12","email":"timwright12@gmail.com"},"repository":{"url":"git+https://github.com/10up/component-tooltip.git","type":"git"},"_npmVersion":"6.8.0","description":"Accessible tooltip component.","directories":{},"_nodeVersion":"10.15.1","dependencies":{"@babel/polyfill":"^7.2.5"},"_hasShrinkwrap":false,"devDependencies":{"eslint":"^5.15.2","postcss":"^7.0.14","webpack":"^4.29.6","@babel/cli":"^7.2.3","css-loader":"^1.0.1","@babel/core":"^7.3.4","webpack-cli":"^3.2.3","babel-eslint":"^9.0.0","babel-loader":"^8.0.5","browser-sync":"^2.26.3","eslint-loader":"^2.1.2","postcss-import":"^12.0.1","postcss-loader":"^3.0.0","@babel/preset-env":"^7.3.4","postcss-preset-env":"^5.3.0","@10up/eslint-config":"^1.0.9","mini-css-extract-plugin":"^0.4.5","browser-sync-webpack-plugin":"^2.2.2"},"_npmOperationalInternal":{"tmp":"tmp/component-tooltip_1.0.0_1552676009873_0.7418846125950429","host":"s3://npm-registry-packages"}},"1.0.1":{"name":"@10up/component-tooltip","version":"1.0.1","author":{"name":"10up"},"license":"MIT","_id":"@10up/component-tooltip@1.0.1","maintainers":[{"name":"brandwaffle","email":"vhauri@gmail.com"},{"name":"christianc1","email":"christian.m.chung@gmail.com"},{"name":"cmmarslender","email":"chrismarslender@gmail.com"},{"name":"eugene-manuilov","email":"eugene.manuilov@gmail.com"},{"name":"garand","email":"garand@garand.me"},{"name":"magnificode","email":"dominicmagnifico@gmail.com"},{"name":"timwright12","email":"timwright12@gmail.com"}],"homepage":"https://github.com/10up/component-tooltip#readme","bugs":{"url":"https://github.com/10up/component-tooltip/issues"},"dist":{"shasum":"0321eae0198cb24a59d3310ceea3abc5bc8525c7","tarball":"https://registry.npmjs.org/@10up/component-tooltip/-/component-tooltip-1.0.1.tgz","fileCount":21,"integrity":"sha512-C9ETI6DcWco/GxCI1uZzgJssjPeBnzIEOJ7YMjzChpzvVbB/G0Wjvi4YgIG6NQiSD5o9F+dXLRIiMUjJ3GtpvA==","signatures":[{"sig":"MEUCIH+964EWmxhBPd/tM9bwnyjARdYqUcUkAsH/0FRjytU9AiEA8lb4bRpKO3Xg1MXy8ph3TI02AksNP/ieHpEXisrf7tU=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":165079,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdcVjQCRA9TVsSAnZWagAA39EP/1TC5lOiZr8nik3mIgY/\nXSqT8p9icLGfO8AtJ0dLTfu+L4Cpesk9MQd9+wxgX/K5wNMkQFUjZo+MxJDE\nfDws1zl1M/ayUNKwW9MaiNICdDaJF0/hojk+K/vlIUM+8Vb2KM4g1zMro5Bj\nR9YnFCUV7qx7z1uW81Hj9pNXRSmyusv6q9m7geJ3oPweK5gpNh9bohEGCc2v\nCzxm8ZDEuxtY2wyn7cwigAYRKdp0B//R2kMXEuBUF1uCGoWG3/bA1sOkJwdX\ntdf1L4ERUmScFe05r37WSFyRaFspdIHozlZKw0vWM20Be+cPls7Z5IPW6aur\nVCP9RAo+1ytIWLLWDnRDtHawZ51mt36PTww9ijD6G8KMwVerNUUmmXv3EyTw\nozq2R3d5Hw1/ndJrO94kUKvuBVmkMvjpaJARkZmSiE/+6kClCS5WsJ+/lmZ+\nW4V59lHBl/YQAeqtHfTlDxed5FuqiBR+Lo2glh5vWaabMhgEZVRPVF3EcTD5\ndX0ZKrejk1QgEJh+DbbluzrCzLltKfyBJF70bwe6sghbXV7aX19fpG+r98iQ\nzEE/8GEq8z4Tr6+JvDQAynAB0uHucf5dIVyMvLMcCsA4gVJapz80hE/wm6U4\nxrR4ghFfSLcr0zNxcNfYtjNNd9vgPK0GF/19xmrO+LGZsgLN/xeN8gr3AOdq\nMal4\r\n=t5nP\r\n-----END PGP SIGNATURE-----\r\n"},"main":"./src/tooltip.js","style":"./dist/tooltip.css","gitHead":"270c4eeeb7f0cfc00af0f36bd17e6a86931f7e36","scripts":{"build":"webpack","start":"npm install && npm run build","watch":"webpack --watch"},"_npmUser":{"name":"timwright12","email":"timwright12@gmail.com"},"repository":{"url":"git+https://github.com/10up/component-tooltip.git","type":"git"},"_npmVersion":"6.10.2","description":"Accessible tooltip component.","directories":{},"_nodeVersion":"10.15.1","dependencies":{"@babel/polyfill":"^7.2.5"},"_hasShrinkwrap":false,"devDependencies":{"eslint":"^5.15.2","postcss":"^7.0.14","webpack":"^4.29.6","@babel/cli":"^7.2.3","css-loader":"^1.0.1","@babel/core":"^7.3.4","webpack-cli":"^3.2.3","babel-eslint":"^9.0.0","babel-loader":"^8.0.5","browser-sync":"^2.26.7","eslint-loader":"^2.1.2","postcss-import":"^12.0.1","postcss-loader":"^3.0.0","@babel/preset-env":"^7.3.4","postcss-preset-env":"^5.3.0","@10up/eslint-config":"^1.0.9","mini-css-extract-plugin":"^0.4.5","browser-sync-webpack-plugin":"^2.2.2"},"_npmOperationalInternal":{"tmp":"tmp/component-tooltip_1.0.1_1567709391519_0.5202993227999853","host":"s3://npm-registry-packages"}},"2.0.0-rc.1":{"name":"@10up/component-tooltip","version":"2.0.0-rc.1","author":{"name":"10up"},"license":"MIT","_id":"@10up/component-tooltip@2.0.0-rc.1","maintainers":[{"name":"devinle","email":"devin.leggett@gmail.com"},{"name":"brandwaffle","email":"vhauri@gmail.com"},{"name":"eugene-manuilov","email":"eugene.manuilov@gmail.com"},{"name":"christianc1","email":"christian.m.chung@gmail.com"},{"name":"nicholasio","email":"nicholasio.oliveira@gmail.com"},{"name":"joesnellpdx","email":"joesnellpdx@gmail.com"},{"name":"tlovett1","email":"tlovett88@gmail.com"}],"homepage":"https://github.com/10up/component-tooltip#readme","bugs":{"url":"https://github.com/10up/component-tooltip/issues"},"dist":{"shasum":"fb456d15b68c3ca07ecc9400b470ce8e19ae41f8","tarball":"https://registry.npmjs.org/@10up/component-tooltip/-/component-tooltip-2.0.0-rc.1.tgz","fileCount":21,"integrity":"sha512-YVwqns88l2+nTRUesEgKrZNrshRrZwLF90MaiDg4zImce6tevxyJjFDjrfZG4Sdh2isFOWO+E3BCVLqlYTid0A==","signatures":[{"sig":"MEUCIFv+vTMNl8I0vHqQ3lIm7jLLgqPeLtCsH+PUUL9s7rpEAiEA74Z9rE11h2UUi3Th1UsGBdLGzhxY8djK5BXEZl7QYkk=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":198103,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgM7tMCRA9TVsSAnZWagAAohoP/1Jhhy3zE+7120d/gNk5\nvSScth2gsjtuljS4dLg6eOLnsT9Ka5wbPW8cROKDVmmt43kTlOmlz4VaOvfu\n3H/UwBFLh+Py2N3K618KGzOT6TTXe1fhj9w7+FQPCyiaqzrF9uAKoHZROwxr\nATZLZu7x5U87lrowf6EUr1DkTBhtt7O53fEGwnG6umuRnQn2ru+PDUOkV8wt\nq7ZXSnpYFPlmB4AJJ19kVVIenC1S2Yd+tqyMQSwFk26RtC7D/H9rR7UDfhhr\n1UPFPiLyem7zJ/pOWIJ+ABNrxi3U5BaJPt51/MAluVrw1ilUbY4gO4OogIJ0\n7CrsvdcC6GGhX3a0lKjkH+GVNX5CFvsN0/eZvIMsXhdjzYVK0qHYlWDqg3S+\nEq3x5AX8kYgNn8WbEmhy/S+nR/GjIysKSzCVWULNWehfx1944F+ZH1EAbtOg\nquonQ9UU/r0g8TXblJIbvUMip4AMCMG2oritI+N1u9xaBtBZ9uLwac85iEwr\nOl7IcN/dkmEvs6Iicne6lLJSegZfDFCjF7DQxpBAwtYTtfj5er9xWLzm3bHI\nLIIdWyNy19pz2AeHEsc4x3MKacIJt7zAru2SLVBUgiJLeCXd3RwY7ZJ3ifiJ\nP3a5C6CdMKQLj7uAqvRNTxW/9Xk7Gwh/RzH26cJTMwPqCs5rXOBu8mo06e6N\nPH2Y\r\n=zL1l\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.js","style":"./dist/index.css","types":"./index.d.ts","module":"dist/index.module.js","readme":"# 10up Tooltip component\n\n> An accessible tooltip component.\n\n## Installation\n\n### NPM\n `npm install --save @10up/component-tooltip`\n\n### Standalone\n Clone this repo and import `tooltip.js` and `tooltip.css` from the `dist/` directory.\n\n## API\n\n This component accepts one argument, an optional callback.\n\n### Callbacks\n\n - Pass in an optional function to be executed with the tooltip.\n\n## Usage\n\n### Markup\n\n This is the markup template expected by the tooltip.\n\n ```html\n    <!--\n    A Tooltip with a span\n    -->\n\n    <div>\n        <span class=\"a11y-tip\">\n            <span class=\"a11y-tip__trigger\">\n                Tooltip Trigger span\n            </span>\n\n            <span class=\"a11y-tip__help\">\n                Tooltip content goes here\n            </span>\n        </span><!--/.a11y-tip-->\n    </div>\n\n    <!--\n    A Tooltip with a link\n    -->\n\n    <div>\n        <span class=\"a11y-tip a11y-tip--no-delay\">\n            <a href=\"#tt_id\" class=\"a11y-tip__trigger\">\n                Link w/top tooltip\n            </a>\n\n            <span id=\"tt_id\" class=\"a11y-tip__help a11y-tip__help--top\">\n                Activate this link to go somewhere!\n            </span>\n        </span><!--/.a11y-tip-->\n    </div>\n\n    <!--\n    A Tooltip with a button\n    -->\n\n    <div>\n        <span class=\"a11y-tip\">\n            <button type=\"button\" class=\"a11y-tip__trigger\" aria-describedby=\"tt_id\" aria-controls=\"tt_id\">\n                Button w/bottom tooltip\n            </button>\n\n            <span id=\"tt_id\" role=\"tooltip\" class=\"a11y-tip__help a11y-tip__help--bottom\">\n                Buttons do things on the page. Activate it to perform an action.\n            </span>\n        </span><!--/.a11y-tip-->\n    </div>\n\n    <!--\n    A Tooltip with an input\n    -->\n\n    <div>\n        <label for=\"test\">\n            Input with right tooltip\n        </label>\n        <span class=\"a11y-tip\">\n            <input id=\"test\" placeholder=\"enter text\" class=\"a11y-tip__trigger\" aria-describedby=\"test_desc\" type=\"text\">\n\n            <span id=\"test_desc\" role=\"tooltip\" class=\"a11y-tip__help a11y-tip__help--right\">\n                Enter something here. Text would be fine.\n            </span>\n        </span><!--/.a11y-tip-->\n    </div>\n\n    <!--\n    Click to show/hide tooltip\n    -->\n\n    <div>\n        <span class=\"a11y-tip a11y-tip--toggle\">\n            <span class=\"a11y-tip__trigger\">\n                Tooltip Toggle Trigger\n            </span>\n\n            <span class=\"a11y-tip__help\">\n                Tooltip content goes here\n            </span>\n        </span><!--/.a11y-tip-->\n    </div>\n ```\n\n### CSS\n\n The styles can be imported into your existing codebase by using PostCSS imports, or by including the standalone CSS file in your project.\n\n#### PostCSS Imports\n `@import '@10up/component-tooltip';`\n\n#### Standalone\n Include the `tooltip.css` file from the `dist/` directory.\n\n### JavaScript\n\n Run the tooltip with an optional callback and the correct mark up to generate the a11y tooltips.\n\n#### NPM\n\n```javascript\nimport Tooltip from '@10up/component-tooltip';\n\n\nnew Tooltip('.tooltip', () => {\n    console.log( 'my awesome callback' );\n} );\n```\n\n#### Standalone\n\n\n```html\n<script src=\"unpkg.com/@10up/component-tooltip@2.0.0/index.umd.js\"></script>\n```\n\n```javascript\nlet myTooltip = new TenUp.tooltip('.tooltip', () => {\n    console.log( 'my awesome callback' );\n} );\n```\n\n## Demo\n\nExample implementations can be found in the `demo` directory.\n\n## Support Level\n\n**Active:** 10up is actively working on this, and we expect to continue work for the foreseeable future including keeping tested up to the most recent version of WordPress.  Bug reports, feature requests, questions, and pull requests are welcome.\n\n## Like what you see?\n\n<a href=\"http://10up.com/contact/\"><img src=\"https://10up.com/uploads/2016/10/10up-Github-Banner.png\" width=\"850\" alt=\"Work with us at 10up\"></a>\n","source":"src/index.js","exports":"./dist/index.modern.js","scripts":{"test":"jest --coverage","build":"npm run build:modern && npm run build:umd","watch":"concurrently \"npm run build:modern -- --watch\" \"npm run build:umd -- --watch\"","build:umd":"microbundle build -i src/index.umd.js  --name TenUpTooltip -f umd --external none","test:watch":"jest --watch","build:modern":"microbundle build -f modern,es,cjs"},"_npmUser":{"name":"nicholasio","email":"nicholasio.oliveira@gmail.com"},"umd:main":"dist/index.umd.js","repository":{"url":"git+https://github.com/10up/component-tooltip.git","type":"git"},"_npmVersion":"7.5.2","description":"Accessible tooltip component.","directories":{},"_nodeVersion":"12.18.4","dependencies":{"core-js":"^3.8.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"jest-axe":"^4.1.0","microbundle":"^0.13.0","postcss-import":"^14.0.0","postcss-preset-env":"^6.7.0","@testing-library/dom":"^7.29.4","@testing-library/jest-dom":"^5.11.9","@testing-library/user-event":"^12.6.3"},"_npmOperationalInternal":{"tmp":"tmp/component-tooltip_2.0.0-rc.1_1614003019651_0.19935347036432272","host":"s3://npm-registry-packages"}},"2.0.0-rc.2":{"name":"@10up/component-tooltip","version":"2.0.0-rc.2","author":{"name":"10up"},"license":"MIT","_id":"@10up/component-tooltip@2.0.0-rc.2","maintainers":[{"name":"devinle","email":"devin.leggett@gmail.com"},{"name":"brandwaffle","email":"vhauri@gmail.com"},{"name":"eugene-manuilov","email":"eugene.manuilov@gmail.com"},{"name":"christianc1","email":"christian.m.chung@gmail.com"},{"name":"nicholasio","email":"nicholasio.oliveira@gmail.com"},{"name":"joesnellpdx","email":"joesnellpdx@gmail.com"},{"name":"tlovett1","email":"tlovett88@gmail.com"}],"homepage":"https://github.com/10up/component-tooltip#readme","bugs":{"url":"https://github.com/10up/component-tooltip/issues"},"dist":{"shasum":"9b0e9125132ee9914588d11bc55ab7cd5ed72493","tarball":"https://registry.npmjs.org/@10up/component-tooltip/-/component-tooltip-2.0.0-rc.2.tgz","fileCount":21,"integrity":"sha512-+PSjH3P7kOaNSHDf8b7Mki1EujJxLYBVh5cE8F+oku9jJefQNqfR0dnLuGdXrgfBUi2l4S+K6g5YLHHgThVn7A==","signatures":[{"sig":"MEYCIQC5qhi02Cyd7V06byZ/qLs5oTJdCdhvv22MyeME9FsKlAIhALHzNX9dFVcXroDXWv16E/fjivUALuptg8NvsjPkQ2F+","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":198135,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgM73qCRA9TVsSAnZWagAA+mQP/0g7QbuKJD0IkMKSKAt7\ndUkZsBNOPndtWVg7TbyTBvlQ7KUH+ECu/Ev0U/Cf/PliG7gHUqdKJCh0ez2k\n+DnIxU3hANYyOKIaBX05Mf5DdAx6xgnXasrdWeYYril/6iH1FCIr2glZfY1/\nMZRshVs/IREKUfFtf3Bqd2DHygMKNuJ6B3B7MIVeOYd8LDDRV6TnUG8PW1Dc\nxNTiaN1Qwkg3ynfN2uL2t6k4cU4olHN7jlzY90b09Dabi+5I4CHAagz1rp2J\nZ9dFjAoWKOAdAerBvsfYPzj0/yGXpvQ2MaxFkCTvEzI0ATpX43awpoKOR1kP\nKf1vvHGdBqc28kkLYINHiMLak07fjmj+/qEVW16Jo9N2vk7FwGVaJSpd70yg\nlouyoOJEjPaK72walxhfmn6IPBJApwjAa8ykAYGzb74oUQhvf/gAyM82T2NX\nByxkcx3TwYEIOEfAoI2Lom8ZqNgfMRMQYbdaEPRaZSyT9BB7oGJ6k1H+0yc0\nvPgFjo6nCXjcXbySQRq2SoPnJIQh7cp8mC5XUsGOvL8ehCkQLHJNbjYeMvPC\nDb2Gtsc2HcpxMGm3sVbCS2X74IbVteORyiO4bAIDR6vQ8nQuiS4UzvtrojC1\nGwUogm+JZQJfFV7ElP/lBrMnYlYcfc1cwAr+zDwNV3q1ZgWlSpnlx+URHGMA\nS/OO\r\n=uJIn\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.js","style":"./dist/index.css","types":"./index.d.ts","module":"dist/index.module.js","readme":"# 10up Tooltip component\n\n> An accessible tooltip component.\n\n## Installation\n\n### NPM\n `npm install --save @10up/component-tooltip`\n\n### Standalone\n Clone this repo and import `tooltip.js` and `tooltip.css` from the `dist/` directory.\n\n## API\n\n This component accepts one argument, an optional callback.\n\n### Callbacks\n\n - Pass in an optional function to be executed with the tooltip.\n\n## Usage\n\n### Markup\n\n This is the markup template expected by the tooltip.\n\n ```html\n    <!--\n    A Tooltip with a span\n    -->\n\n    <div>\n        <span class=\"a11y-tip\">\n            <span class=\"a11y-tip__trigger\">\n                Tooltip Trigger span\n            </span>\n\n            <span class=\"a11y-tip__help\">\n                Tooltip content goes here\n            </span>\n        </span><!--/.a11y-tip-->\n    </div>\n\n    <!--\n    A Tooltip with a link\n    -->\n\n    <div>\n        <span class=\"a11y-tip a11y-tip--no-delay\">\n            <a href=\"#tt_id\" class=\"a11y-tip__trigger\">\n                Link w/top tooltip\n            </a>\n\n            <span id=\"tt_id\" class=\"a11y-tip__help a11y-tip__help--top\">\n                Activate this link to go somewhere!\n            </span>\n        </span><!--/.a11y-tip-->\n    </div>\n\n    <!--\n    A Tooltip with a button\n    -->\n\n    <div>\n        <span class=\"a11y-tip\">\n            <button type=\"button\" class=\"a11y-tip__trigger\" aria-describedby=\"tt_id\" aria-controls=\"tt_id\">\n                Button w/bottom tooltip\n            </button>\n\n            <span id=\"tt_id\" role=\"tooltip\" class=\"a11y-tip__help a11y-tip__help--bottom\">\n                Buttons do things on the page. Activate it to perform an action.\n            </span>\n        </span><!--/.a11y-tip-->\n    </div>\n\n    <!--\n    A Tooltip with an input\n    -->\n\n    <div>\n        <label for=\"test\">\n            Input with right tooltip\n        </label>\n        <span class=\"a11y-tip\">\n            <input id=\"test\" placeholder=\"enter text\" class=\"a11y-tip__trigger\" aria-describedby=\"test_desc\" type=\"text\">\n\n            <span id=\"test_desc\" role=\"tooltip\" class=\"a11y-tip__help a11y-tip__help--right\">\n                Enter something here. Text would be fine.\n            </span>\n        </span><!--/.a11y-tip-->\n    </div>\n\n    <!--\n    Click to show/hide tooltip\n    -->\n\n    <div>\n        <span class=\"a11y-tip a11y-tip--toggle\">\n            <span class=\"a11y-tip__trigger\">\n                Tooltip Toggle Trigger\n            </span>\n\n            <span class=\"a11y-tip__help\">\n                Tooltip content goes here\n            </span>\n        </span><!--/.a11y-tip-->\n    </div>\n ```\n\n### CSS\n\n The styles can be imported into your existing codebase by using PostCSS imports, or by including the standalone CSS file in your project.\n\n#### PostCSS Imports\n `@import '@10up/component-tooltip';`\n\n#### Standalone\n Include the `tooltip.css` file from the `dist/` directory.\n\n### JavaScript\n\n Run the tooltip with an optional callback and the correct mark up to generate the a11y tooltips.\n\n#### NPM\n\n```javascript\nimport Tooltip from '@10up/component-tooltip';\n\n\nnew Tooltip('.tooltip', () => {\n    console.log( 'my awesome callback' );\n} );\n```\n\n#### Standalone\n\n\n```html\n<script src=\"unpkg.com/@10up/component-tooltip@2.0.0/index.umd.js\"></script>\n```\n\n```javascript\nlet myTooltip = new TenUp.tooltip('.tooltip', () => {\n    console.log( 'my awesome callback' );\n} );\n```\n\n## Demo\n\nExample implementations can be found in the `demo` directory.\n\n## Support Level\n\n**Active:** 10up is actively working on this, and we expect to continue work for the foreseeable future including keeping tested up to the most recent version of WordPress.  Bug reports, feature requests, questions, and pull requests are welcome.\n\n## Like what you see?\n\n<a href=\"http://10up.com/contact/\"><img src=\"https://10up.com/uploads/2016/10/10up-Github-Banner.png\" width=\"850\" alt=\"Work with us at 10up\"></a>\n","source":"src/index.js","exports":"./dist/index.modern.js","scripts":{"test":"jest --coverage","build":"npm run build:modern && npm run build:umd","watch":"concurrently \"npm run build:modern -- --watch\" \"npm run build:umd -- --watch\"","prepare":"npm run build","build:umd":"microbundle build -i src/index.umd.js  --name TenUpTooltip -f umd --external none","test:watch":"jest --watch","build:modern":"microbundle build -f modern,es,cjs"},"_npmUser":{"name":"nicholasio","email":"nicholasio.oliveira@gmail.com"},"umd:main":"dist/index.umd.js","repository":{"url":"git+https://github.com/10up/component-tooltip.git","type":"git"},"_npmVersion":"7.5.2","description":"Accessible tooltip component.","directories":{},"_nodeVersion":"12.18.4","dependencies":{"core-js":"^3.8.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"jest-axe":"^4.1.0","microbundle":"^0.13.0","postcss-import":"^14.0.0","postcss-preset-env":"^6.7.0","@testing-library/dom":"^7.29.4","@testing-library/jest-dom":"^5.11.9","@testing-library/user-event":"^12.6.3"},"_npmOperationalInternal":{"tmp":"tmp/component-tooltip_2.0.0-rc.2_1614003689565_0.8371622782993389","host":"s3://npm-registry-packages"}},"2.0.0":{"name":"@10up/component-tooltip","version":"2.0.0","author":{"name":"10up"},"license":"MIT","_id":"@10up/component-tooltip@2.0.0","maintainers":[{"name":"devinle","email":"devin.leggett@gmail.com"},{"name":"brandwaffle","email":"vhauri@gmail.com"},{"name":"eugene-manuilov","email":"eugene.manuilov@gmail.com"},{"name":"christianc1","email":"christian.m.chung@gmail.com"},{"name":"nicholasio","email":"nicholasio.oliveira@gmail.com"},{"name":"joesnellpdx","email":"joesnellpdx@gmail.com"},{"name":"tlovett1","email":"tlovett88@gmail.com"}],"homepage":"https://github.com/10up/component-tooltip#readme","bugs":{"url":"https://github.com/10up/component-tooltip/issues"},"dist":{"shasum":"4d548ae5ace0cdfc41e4872ec01793ad8d5d90cb","tarball":"https://registry.npmjs.org/@10up/component-tooltip/-/component-tooltip-2.0.0.tgz","fileCount":20,"integrity":"sha512-Zpz3d+Kg7irKueqMs1n7Fkw/5JfW/zfJWuPtRPLkdABj84et87Wila4GrNT9aHdQhRmB2vko65Fa+zpP+yePRw==","signatures":[{"sig":"MEYCIQDqIbN+sLNltGwSVZm0DSWz0y81NAz8wnZZkE2sz8G+AQIhAJA86UJ0oLC4cUili047rtTgSDptkoUvESwqPRekh5o+","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":195684,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJggDIjCRA9TVsSAnZWagAAfF0P/A4dZ/i4PQV7ZdyoNrv7\nyfL09heKprfQlq7xVBTT6w44L9+tmX4lvQQN5DpidlSmVBGqHWC9+6KGTy0G\n7v0qiULME49ZqABy29ISyJN+hYlMpw4ZZ4GfUrEaTQWruJottj/tJHRoghWm\nmYeEoyUKbw4KfwJQduv0j76O4IeR//2PRtLKWDf6vP6LVpCToaipg/PLGf1C\nr5tiEsBz9tuQ4wz6v/8yiprgYIepNtbCHUYHzx5eZsJBt8W0KI0DN2Pnixw/\nwovzvUCI+BmnlQyRQ91WTtbvFuIPEb9SxcP7sGFbmoPe1ovshsWwBJ6y7+bM\n/HvZ2/eVPxOhj4+huhRaRr0zUSEF9tdmCm3lRMWRotjsv01gHSb6dC3wQRGS\nEUghCNWLrvnQpcrqjOecOJfZS5iNGcOqxDd+OAW9T1DEgbYrCrdimB5/gmU2\nXKs0KNUuJ+gIBmq2qHbHpHBBgKfdZ/blEqZPmUZmJjDqvxlILE7XWfFD134p\ndnFJ4gbh0BHRxLbk+XMR4o8KlRwiV06QyQVtzpd07ypw5dllnYoLRLkK12kc\nd7/ogkd1uZLDNL6VBWgb6BSRBnasEw5s9+RXamALv/5H9rF68lOguIFajJcw\nqOWgFRPZLD0W34MkWRXooHO1JzWaRiqnOZ6JqGPWzXrQD1hH9+jwYApgpNzh\nRgjI\r\n=G27R\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.js","style":"./dist/index.css","types":"./index.d.ts","module":"dist/index.module.js","source":"src/index.js","exports":"./dist/index.modern.js","scripts":{"test":"jest --coverage","build":"npm run build:modern && npm run build:umd","watch":"concurrently \"npm run build:modern -- --watch\" \"npm run build:umd -- --watch\"","prepare":"npm run build","build:umd":"microbundle build -i src/index.umd.js  --name TenUpTooltip -f umd --external none","test:watch":"jest --watch","build:modern":"microbundle build -f modern,es,cjs"},"_npmUser":{"name":"nicholasio","email":"nicholasio.oliveira@gmail.com"},"umd:main":"dist/index.umd.js","repository":{"url":"git+https://github.com/10up/component-tooltip.git","type":"git"},"_npmVersion":"6.14.8","description":"Accessible tooltip component.","directories":{},"_nodeVersion":"14.15.1","dependencies":{"core-js":"^3.8.3"},"_hasShrinkwrap":false,"devDependencies":{"jest-axe":"^4.1.0","microbundle":"^0.13.0","postcss-import":"^14.0.0","postcss-preset-env":"^6.7.0","@testing-library/dom":"^7.29.4","@testing-library/jest-dom":"^5.11.9","@testing-library/user-event":"^12.6.3"},"_npmOperationalInternal":{"tmp":"tmp/component-tooltip_2.0.0_1619014178848_0.2511052132108367","host":"s3://npm-registry-packages"}},"2.1.0":{"name":"@10up/component-tooltip","version":"2.1.0","author":{"name":"10up"},"license":"MIT","_id":"@10up/component-tooltip@2.1.0","maintainers":[{"name":"fabiankaegy","email":"mail@fabian-kaegy.de"},{"name":"brandwaffle","email":"vhauri@gmail.com"},{"name":"eugene-manuilov","email":"eugene.manuilov@gmail.com"},{"name":"christianc1","email":"christian.m.chung@gmail.com"},{"name":"nicholasio","email":"nicholasio.oliveira@gmail.com"},{"name":"joesnellpdx","email":"joesnellpdx@gmail.com"},{"name":"tlovett1","email":"tlovett88@gmail.com"},{"name":"devinle","email":"devin.leggett@gmail.com"}],"homepage":"https://github.com/10up/component-tooltip#readme","bugs":{"url":"https://github.com/10up/component-tooltip/issues"},"dist":{"shasum":"9cecb6b10e8f114cd5b0bf735e3e1a33627db4d0","tarball":"https://registry.npmjs.org/@10up/component-tooltip/-/component-tooltip-2.1.0.tgz","fileCount":20,"integrity":"sha512-bC7h1hojpLAo+Bn8KBa/01YXBQuedkzVPKNGa8PeAIJCpWmvUGDzZA1MVuyXo8BmgMXVfNcv7VTOMOQ/c9IpKQ==","signatures":[{"sig":"MEUCIQCHLyk3rP9UzBdl+zdu1QDdxnI7QFf9kbhCiggQGwtUnAIgIKLt7FaWn9SCJLc69QjF41F5AvRc2gYWEX3OZ+frbKY=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":195981,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjM1byACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmo+xA//ZVu5AmBuwYfPozXlyrfkebfFNsHjeTMCzCslxxJqyWAOODnG\r\ny+awb/IFuq8aYgF6WgjZztSGMHQNU3P5nzR41mRH0pxwS0MVFOTEvSr/RP/s\r\neSeH7jpdo0JtptioXcG8JYNra67ZkS5a42EE45CXfQmaB7SeKH6obTRxkVwQ\r\nmdBtqI+fVhctCwsE/gbMHoXxTeiIFgi9ocm1gbOa/ice08cva2ol65NjKnvB\r\nMMuvv6fV0eBh6C1vdqZ4NLUi3E+p3f15vMu/mosdRzj5b7xQbFoLnYT5V3Kz\r\nfbHBnDZSmIosG3PpZ0BtmT/pLzNRPoha/ynv15vBv8m0upWpBa2FkLmVqjLZ\r\nUafvwYeCZAzHMB8x2GKA3tX82GUpVUMZd/tbMpnFDz6jFG8YOycvTT242bOv\r\nzpX64eJUu2WhaVBpaJheSqK40mOLaH7mqs9pvv8g/dxKcWSj5PaQj0Lt06bj\r\nOgFGmkqGc30OONT2JJB/6uhw3znQTAE2ubIujI4tQ+SYAU5hJF/3GmFOn4a7\r\n35bTZGuGjlVn/ABpBJ4b2mH6M6IUZSORuqUbOcXCuwfxmrnKEvEjqSxU459f\r\n6lg4Pp7bJtzetM31deXtyi+GWGVFNqyOjWW1gD2mE8ETIq+fUStr2aAQIxBY\r\n1S1b/p4JJv8tB2kd57BFmD7dxKtb8k4s2MA=\r\n=LNwE\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.js","style":"./dist/index.css","types":"./index.d.ts","module":"dist/index.module.js","source":"src/index.js","exports":"./dist/index.modern.js","gitHead":"f02df176aee3a7d5d24ed2505c5e881bf9155fac","scripts":{"test":"jest --coverage","build":"npm run build:modern && npm run build:umd","watch":"concurrently \"npm run build:modern -- --watch\" \"npm run build:umd -- --watch\"","prepare":"npm run build","build:umd":"microbundle build -i src/index.umd.js  --name TenUpTooltip -f umd --external none","test:watch":"jest --watch","build:modern":"microbundle build -f modern,es,cjs"},"_npmUser":{"name":"joesnellpdx","email":"joesnellpdx@gmail.com"},"umd:main":"dist/index.umd.js","repository":{"url":"git+https://github.com/10up/component-tooltip.git","type":"git"},"_npmVersion":"7.24.2","description":"Accessible tooltip component.","directories":{},"_nodeVersion":"16.14.0","dependencies":{"core-js":"^3.8.3"},"_hasShrinkwrap":false,"devDependencies":{"jest-axe":"^4.1.0","microbundle":"^0.13.0","postcss-import":"^14.0.0","postcss-preset-env":"^6.7.0","@testing-library/dom":"^7.29.4","@testing-library/jest-dom":"^5.11.9","@testing-library/user-event":"^12.6.3"},"_npmOperationalInternal":{"tmp":"tmp/component-tooltip_2.1.0_1664308978517_0.4690803766086411","host":"s3://npm-registry-packages"}}},"time":{"created":"2019-03-15T18:53:29.799Z","modified":"2026-08-21T19:38:49.541Z","1.0.0":"2019-03-15T18:53:30.073Z","1.0.1":"2019-09-05T18:49:51.732Z","2.0.0-rc.1":"2021-02-22T14:10:19.813Z","2.0.0-rc.2":"2021-02-22T14:21:29.737Z","2.0.0":"2021-04-21T14:09:39.053Z","2.1.0":"2022-09-27T20:02:58.759Z"},"bugs":{"url":"https://github.com/10up/component-tooltip/issues"},"author":{"name":"10up"},"license":"MIT","homepage":"https://github.com/10up/component-tooltip#readme","repository":{"url":"git+https://github.com/10up/component-tooltip.git","type":"git"},"description":"Accessible tooltip component.","maintainers":[{"email":"mail@fabian-kaegy.de","name":"fabiankaegy"},{"email":"eugene.manuilov@gmail.com","name":"eugene-manuilov"},{"email":"christian.m.chung@gmail.com","name":"christianc1"},{"email":"nicholasio.oliveira@gmail.com","name":"nicholasio"},{"email":"joesnellpdx@gmail.com","name":"joesnellpdx"},{"email":"devin.leggett@gmail.com","name":"devinle"},{"email":"daryll.doyle@10up.com","name":"darylldoyle"},{"email":"jeffpaul@hotmail.com","name":"jeffpaul"}],"readme":"# 10up Tooltip component\n\n> An accessible tooltip component.\n\n## Installation\n\n### NPM\n `npm install --save @10up/component-tooltip`\n\n### Standalone\n Clone this repo and import `tooltip.js` and `tooltip.css` from the `dist/` directory.\n\n## API\n\n This component accepts one argument, an optional callback.\n\n### Callbacks\n\n - Pass in an optional function to be executed with the tooltip.\n\n## Usage\n\n### Markup\n\n This is the markup template expected by the tooltip.\n\n ```html\n    <!--\n    A Tooltip with a span\n    -->\n\n    <div>\n        <span class=\"a11y-tip\">\n            <span class=\"a11y-tip__trigger\">\n                Tooltip Trigger span\n            </span>\n\n            <span class=\"a11y-tip__help\">\n                Tooltip content goes here\n            </span>\n        </span><!--/.a11y-tip-->\n    </div>\n\n    <!--\n    A Tooltip with a link\n    -->\n\n    <div>\n        <span class=\"a11y-tip a11y-tip--no-delay\">\n            <a href=\"#tt_id\" class=\"a11y-tip__trigger\">\n                Link w/top tooltip\n            </a>\n\n            <span id=\"tt_id\" class=\"a11y-tip__help a11y-tip__help--top\">\n                Activate this link to go somewhere!\n            </span>\n        </span><!--/.a11y-tip-->\n    </div>\n\n    <!--\n    A Tooltip with a button\n    -->\n\n    <div>\n        <span class=\"a11y-tip\">\n            <button type=\"button\" class=\"a11y-tip__trigger\" aria-describedby=\"tt_id\" aria-controls=\"tt_id\">\n                Button w/bottom tooltip\n            </button>\n\n            <span id=\"tt_id\" role=\"tooltip\" class=\"a11y-tip__help a11y-tip__help--bottom\">\n                Buttons do things on the page. Activate it to perform an action.\n            </span>\n        </span><!--/.a11y-tip-->\n    </div>\n\n    <!--\n    A Tooltip with an input\n    -->\n\n    <div>\n        <label for=\"test\">\n            Input with right tooltip\n        </label>\n        <span class=\"a11y-tip\">\n            <input id=\"test\" placeholder=\"enter text\" class=\"a11y-tip__trigger\" aria-describedby=\"test_desc\" type=\"text\">\n\n            <span id=\"test_desc\" role=\"tooltip\" class=\"a11y-tip__help a11y-tip__help--right\">\n                Enter something here. Text would be fine.\n            </span>\n        </span><!--/.a11y-tip-->\n    </div>\n\n    <!--\n    Click to show/hide tooltip\n    -->\n\n    <div>\n        <span class=\"a11y-tip a11y-tip--toggle\">\n            <span class=\"a11y-tip__trigger\">\n                Tooltip Toggle Trigger\n            </span>\n\n            <span class=\"a11y-tip__help\">\n                Tooltip content goes here\n            </span>\n        </span><!--/.a11y-tip-->\n    </div>\n ```\n\n### CSS\n\n The styles can be imported into your existing codebase by using PostCSS imports, or by including the standalone CSS file in your project.\n\n#### PostCSS Imports\n `@import '@10up/component-tooltip';`\n\n#### Standalone\n Include the `tooltip.css` file from the `dist/` directory.\n\n### JavaScript\n\n Run the tooltip with an optional callback and the correct mark up to generate the a11y tooltips.\n\n#### NPM\n\n```javascript\nimport Tooltip from '@10up/component-tooltip';\n\n\nnew Tooltip('.tooltip', () => {\n    console.log( 'my awesome callback' );\n} );\n```\n\n#### Standalone\n\n\n```html\n<script src=\"unpkg.com/@10up/component-tooltip@2.0.0/index.umd.js\"></script>\n```\n\n```javascript\nlet myTooltip = new TenUp.tooltip('.tooltip', () => {\n    console.log( 'my awesome callback' );\n} );\n```\n\n## Demo\n\nExample implementations can be found in the `demo` directory.\n\n## Support Level\n\n**Active:** 10up is actively working on this, and we expect to continue work for the foreseeable future including keeping tested up to the most recent version of WordPress.  Bug reports, feature requests, questions, and pull requests are welcome.\n\n## Like what you see?\n\n<a href=\"http://10up.com/contact/\"><img src=\"https://10up.com/uploads/2016/10/10up-Github-Banner.png\" width=\"850\" alt=\"Work with us at 10up\"></a>\n","readmeFilename":"README.md"}