{"_id":"@blinq-reach/visually-hidden","name":"@blinq-reach/visually-hidden","dist-tags":{"latest":"0.18.0"},"versions":{"0.18.0":{"name":"@blinq-reach/visually-hidden","version":"0.18.0","description":"Render text that is announced to screen readers but visually hidden.","author":{"name":"React Training","email":"hello@reacttraining.com"},"license":"MIT","sideEffects":["*.css"],"repository":{"type":"git","url":"git+https://github.com/reach/reach-ui.git","directory":"packages/visually-hidden"},"dependencies":{"@blinq-reach/polymorphic":"0.18.0"},"devDependencies":{"react":"^18.2.0","react-dom":"^18.2.0","tsup":"^6.1.3","@reach-internal/dev":"0.0.0","@reach-internal/test":"0.0.0","@reach-internal/tsconfig":"0.0.0"},"peerDependencies":{"react":"^16.8.0 || 17.x || 18.x","react-dom":"^16.8.0 || 17.x || 18.x"},"main":"./dist/reach-visually-hidden.cjs.js","types":"./dist/reach-visually-hidden.d.ts","publishConfig":{"access":"public"},"module":"./dist/reach-visually-hidden.mjs","scripts":{"build":"tsup"},"bugs":{"url":"https://github.com/reach/reach-ui/issues"},"homepage":"https://github.com/reach/reach-ui#readme","_id":"@blinq-reach/visually-hidden@0.18.0","_integrity":"sha512-E5WTviXQuFu2WlCa68KnDD4S3z51IzYSMWs6fz/i0Ry9P68hs7QuCez5YVyYO3gcZpHnMyu5M4fQyiGTkSiryw==","_resolved":"/tmp/139579d22c9a7bddc5fb553bbf591c39/blinq-reach-visually-hidden-0.18.0.tgz","_from":"file:blinq-reach-visually-hidden-0.18.0.tgz","_nodeVersion":"18.16.0","_npmVersion":"9.5.1","dist":{"integrity":"sha512-E5WTviXQuFu2WlCa68KnDD4S3z51IzYSMWs6fz/i0Ry9P68hs7QuCez5YVyYO3gcZpHnMyu5M4fQyiGTkSiryw==","shasum":"58e00310671469b17179e4d3e11ba68e02aa3472","tarball":"https://registry.npmjs.org/@blinq-reach/visually-hidden/-/visually-hidden-0.18.0.tgz","fileCount":4,"unpackedSize":4049,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIFI1OCxNEkrGQodH5Dd/PJtqgagrbKdBqgYl3ZmQ562ZAiBfk4JfKOm3yMX8YVIV6XkZa74zJXOEofciqeUNiCmknA=="}]},"_npmUser":{"name":"willhackett","email":"will@willhackett.com"},"directories":{},"maintainers":[{"name":"willhackett","email":"will@willhackett.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/visually-hidden_0.18.0_1684374058217_0.7510082711898112"},"_hasShrinkwrap":false}},"time":{"created":"2023-05-18T01:40:58.134Z","0.18.0":"2023-05-18T01:40:58.333Z","modified":"2023-05-18T01:40:58.586Z"},"maintainers":[{"name":"willhackett","email":"will@willhackett.com"}],"description":"Render text that is announced to screen readers but visually hidden.","homepage":"https://github.com/reach/reach-ui#readme","repository":{"type":"git","url":"git+https://github.com/reach/reach-ui.git","directory":"packages/visually-hidden"},"author":{"name":"React Training","email":"hello@reacttraining.com"},"bugs":{"url":"https://github.com/reach/reach-ui/issues"},"license":"MIT","readme":"# @reach/visually-hidden\n\n[![Stable release](https://img.shields.io/npm/v/@reach/visually-hidden.svg)](https://npm.im/@reach/visually-hidden) ![MIT license](https://badgen.now.sh/badge/license/MIT)\n\n[Docs](https://reach.tech/visually-hidden) | [Source](https://github.com/reach/reach-ui/tree/main/packages/visually-hidden) | [Origin](https://snook.ca/archives/html_and_css/hiding-content-for-accessibility) | [Further reading](https://a11yproject.com/posts/how-to-hide-content/)\n\nProvides text for screen readers that is visually hidden. It is the logical opposite of the `aria-hidden` attribute.\n\nIn the following example, screen readers will announce \"Save\" and will ignore the icon; the browser displays the icon and ignores the text.\n\n```jsx\nimport { VisuallyHidden } from \"@blinq-reach/visually-hidden\";\n\nfunction Example() {\n\treturn (\n\t\t<button>\n\t\t\t<VisuallyHidden>Save</VisuallyHidden>\n\t\t\t<span aria-hidden>💾</span>\n\t\t</button>\n\t);\n}\n```\n","readmeFilename":"README.md"}