{"_id":"@blinq-reach/dialog","name":"@blinq-reach/dialog","dist-tags":{"latest":"0.18.0"},"versions":{"0.18.0":{"name":"@blinq-reach/dialog","version":"0.18.0","description":"Accessible React Modal Dialog.","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/dialog"},"dependencies":{"react-focus-lock":"^2.9.4","react-remove-scroll":"^2.5.6","@blinq-reach/polymorphic":"0.18.0","@blinq-reach/portal":"0.18.0","@blinq-reach/utils":"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":"^18.2.0","react-dom":"^18.2.0"},"main":"./dist/reach-dialog.cjs.js","types":"./dist/reach-dialog.d.ts","publishConfig":{"access":"public"},"module":"./dist/reach-dialog.mjs","scripts":{"build":"tsup"},"bugs":{"url":"https://github.com/reach/reach-ui/issues"},"homepage":"https://github.com/reach/reach-ui#readme","_id":"@blinq-reach/dialog@0.18.0","_integrity":"sha512-2mcZaoGbjN7ngtknEk6vDEJHqMTb6tLHJr03zV5vp+pagy0TAu874jAR0dN6s+l0qe9o9q3MCAcYZE7Qwmr+Zw==","_resolved":"/tmp/b59d05dfe304d5dd8f12ffb333fb450a/blinq-reach-dialog-0.18.0.tgz","_from":"file:blinq-reach-dialog-0.18.0.tgz","_nodeVersion":"18.16.0","_npmVersion":"9.5.1","dist":{"integrity":"sha512-2mcZaoGbjN7ngtknEk6vDEJHqMTb6tLHJr03zV5vp+pagy0TAu874jAR0dN6s+l0qe9o9q3MCAcYZE7Qwmr+Zw==","shasum":"9582140586bb4d9570f2aeaba02a2fae6af70f37","tarball":"https://registry.npmjs.org/@blinq-reach/dialog/-/dialog-0.18.0.tgz","fileCount":5,"unpackedSize":4860,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDYzTiTRkuflPkGk9Eo1VsWxyNo6BqL9osD8MiKE5u1ZQIhAJLMZkQxU5xERf20ze+vt+yBrRrhm40PgeHUi7yDzSXj"}]},"_npmUser":{"name":"willhackett","email":"will@willhackett.com"},"directories":{},"maintainers":[{"name":"willhackett","email":"will@willhackett.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/dialog_0.18.0_1684374045831_0.8881100363253751"},"_hasShrinkwrap":false}},"time":{"created":"2023-05-18T01:40:45.749Z","0.18.0":"2023-05-18T01:40:46.018Z","modified":"2023-05-18T01:40:46.225Z"},"maintainers":[{"name":"willhackett","email":"will@willhackett.com"}],"description":"Accessible React Modal Dialog.","homepage":"https://github.com/reach/reach-ui#readme","repository":{"type":"git","url":"git+https://github.com/reach/reach-ui.git","directory":"packages/dialog"},"author":{"name":"React Training","email":"hello@reacttraining.com"},"bugs":{"url":"https://github.com/reach/reach-ui/issues"},"license":"MIT","readme":"# @reach/dialog\n\n[![Stable release](https://img.shields.io/npm/v/@reach/dialog.svg)](https://npm.im/@reach/dialog) ![MIT license](https://badgen.now.sh/badge/license/MIT)\n\n[Docs](https://reach.tech/dialog) | [Source](https://github.com/reach/reach-ui/tree/main/packages/dialog) | [WAI-ARIA](https://www.w3.org/TR/wai-aria-practices-1.2/#dialog_modal)\n\nAn accessible dialog or modal window.\n\n```jsx\nimport { Dialog } from \"@blinq-reach/dialog\";\nimport \"@reach/dialog/styles.css\";\n\nfunction Example(props) {\n\tconst [showDialog, setShowDialog] = React.useState(false);\n\tconst open = () => setShowDialog(true);\n\tconst close = () => setShowDialog(false);\n\n\treturn (\n\t\t<div>\n\t\t\t<button onClick={open}>Open Dialog</button>\n\t\t\t<Dialog isOpen={showDialog} onDismiss={close}>\n\t\t\t\t<button className=\"close-button\" onClick={close}>\n\t\t\t\t\t<VisuallyHidden>Close</VisuallyHidden>\n\t\t\t\t\t<span aria-hidden>×</span>\n\t\t\t\t</button>\n\t\t\t\t<p>Hello there. I am a dialog</p>\n\t\t\t</Dialog>\n\t\t</div>\n\t);\n}\n```\n","readmeFilename":"README.md"}