{"_id":"@elemental-ui-alpha/popover","_rev":"8-3e688465ce33a9296ab62d4fadfd37f1","name":"@elemental-ui-alpha/popover","dist-tags":{"latest":"0.0.2"},"versions":{"0.0.0":{"name":"@elemental-ui-alpha/popover","version":"0.0.0","_id":"@elemental-ui-alpha/popover@0.0.0","maintainers":[{"name":"dsf-release-bot","email":"automation+dsf@thinkmill.com.au"},{"name":"mitchellhamilton","email":"mitchell@mitchellhamilton.me"}],"dist":{"shasum":"5205f8dd5a46cf880aaa14ecc54f18d22f3470a4","tarball":"https://registry.npmjs.org/@elemental-ui-alpha/popover/-/popover-0.0.0.tgz","fileCount":11,"integrity":"sha512-vJofRvpd+M+vzTL9tlKXRseVmva7NNoo41s8AlfMLgJbRADoGen1Q/PqLMQ8KLP7Yqvy3mh5g4dh1/QheuODvw==","signatures":[{"sig":"MEUCIQDQjKZkksnds4XuO3GkTcburvp9Xfp18PpZmT3TxUnS+gIgN8WDI0dLwHUgUF2mR+/+WYhzCjjaWbMVf9fBVU+jP1s=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":24715,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeoRsVCRA9TVsSAnZWagAAXbYP/29hNwDRvgQvVp5BU3KE\nHeR1+i6Vt2MVVd4fYWus4foMgTlMUShmnYhknM+KqQdin1EBeA+E4yGJhWJG\nZgSP4k5J4l0yMbPQMQV2tHQsNoayAhhXdpa9Xrgic2x5Dog52a5SoZpKGbod\nV9G1V9JeTj8Wg8bUpXuHiE1LFKorwlobepWViY9a1kDHnHJaOn9U7W/51Rbb\ng7gLgYCdGzn6W9yon2Hvygl8K8lkPUO8z1psOk1O/m2ADtxKK26CLmbBKKUj\neelUP1D0QbS1u1wDR+ycIR3xheNERnGR+ZGWM8NA+uj2L2k+zq3p8O7cB9c7\n4oIjmQpA3MG7L17R2eAsQcPMzCOWq3r+Plptd0y//aVkHIo+R8MMOZqxLg2/\nXeyruh53dLi6QRq8dSvhjudvU+xXBR42nLdV6ok//ggT3t8u9eMr6PxrNb56\nPMw8lBqSMgt2ryWj18sQZwoHciThgmNWa9J6YuYIavfRNlLQ6T6AxzRHwlCn\n9djWwia8aZgzYYiNsZcfz87tJvj9QxsgDfBjb8vWSN9bHLwmaqGPY+8DEnwL\nBK++XTVxWCVVZyP3Ryz4EBMK/pngxDkCW7MQAliTkHJmDe3noKREjTzYaIZv\nZzszxjuFeVi5mBipPOXi7kNy2/fbQbSkzoD1R2IvnZuWY8J5GdfvgvOmgpqV\n9Hd1\r\n=NZMc\r\n-----END PGP SIGNATURE-----\r\n"},"docs":{"section":"overlays"},"main":"dist/popover.cjs.js","module":"dist/popover.esm.js","_npmUser":{"name":"dsf-release-bot","email":"automation+dsf@thinkmill.com.au"},"_npmVersion":"6.14.4","description":"Popovers are small overlays that open on demand. They let users access additional content and actions without cluttering the page.","directories":{},"_nodeVersion":"12.16.2","dependencies":{"prop-types":"^15.7.2","@babel/runtime":"^7.8.3","@elemental-ui-alpha/core":"^0.0.0","@elemental-ui-alpha/theme":"^0.0.0","@elemental-ui-alpha/utils":"^0.0.0","@elemental-ui-alpha/popper":"^0.0.0"},"_hasShrinkwrap":false,"devDependencies":{"react":"^16.12.0"},"peerDependencies":{"react":"^16.12.0"},"_npmOperationalInternal":{"tmp":"tmp/popover_0.0.0_1587616533549_0.14490687643404487","host":"s3://npm-registry-packages"}},"0.0.1":{"name":"@elemental-ui-alpha/popover","version":"0.0.1","_id":"@elemental-ui-alpha/popover@0.0.1","maintainers":[{"name":"dsf-release-bot","email":"automation+dsf@thinkmill.com.au"},{"name":"mitchellhamilton","email":"mitchell@mitchellhamilton.me"}],"dist":{"shasum":"e20846a6bf9212cbc3cd9da48633c6b8a6a88320","tarball":"https://registry.npmjs.org/@elemental-ui-alpha/popover/-/popover-0.0.1.tgz","fileCount":12,"integrity":"sha512-5APkfgl2y+l/fLmf4anlIleboOmxnsI+HtqumWJERiHZ3/aR8c4GERDH3tXNrUgiiysHz+dM9Mfh9ODv4SyWyA==","signatures":[{"sig":"MEYCIQCrsSFrOol4GLKfowD6uvJga2+TwLGdenTHipER8X8f3wIhALbMSDBDyyWLKj9+kh3z4v7zJXtJCd8Bx5phkWjzLXhF","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":24909,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeoiTUCRA9TVsSAnZWagAA9nEP/jZOhauLirmvJn5wU7Gu\nvH4c1BTLaB4pZiP+/bn1p1cwjvOiaw/zFOXeLToVnA51LAo6qz2uGKYJIFz1\nPCrJ8cOy/f0BlE4MKerHHPHxaoOderV5I2ReTDQjPYYVhYjCJ5HX8vdnf4nS\nBK+brGIPO1d/a18N61dh8UH6WDxgX2/QJdsQOQxOzf/DPzoZiqq3+YhQ+aEw\ncOwxsMc2f1gHg0B8k/OIXyOW9cjfljQX62Oh1Aa1u31yVTzfsz/zxYYcyi+b\nzcUtmvlPIWiMhRQcGn5c9fNpbqDY4VHVE7pkJvf1PsUTIbCct1VLrjhV1XMU\nazhvZGBv6rQRW0lRsa+JAxwIGupOQmNX8sloxR7ywBSTKprdEm8zrVn/cdpP\neawvc2Z+DDf45fJnRqrUBZcF6oXtlV/1DoF8U1fxVVlK+IMw6ZLKEMa5x/6k\nM3qGjpemvVYcLgT+otNr9aMCzzscmUjb7jmX5EUEpVfnrdqgQDyTvKUB9WIy\nZFRbezS8zHHNwcQw9JXjo/PtrGBEOkwcno4XTQq6uA4ZWJrDYPTLBGfZ6H2c\nWufSuTdxxk2v8RSvVl3vmyz+lpWpC6gO+wuZRYgHeNF/g2Brv07Xfab2pN62\nLeCtaxrSkCaPI4+bqI/S0SSHPqCVMpCyrWLJpoCuzhmLLKySpzYATL0iDf+1\nRfJ7\r\n=tO0X\r\n-----END PGP SIGNATURE-----\r\n"},"docs":{"section":"overlays"},"main":"dist/popover.cjs.js","module":"dist/popover.esm.js","_npmUser":{"name":"dsf-release-bot","email":"automation+dsf@thinkmill.com.au"},"_npmVersion":"6.14.4","description":"Popovers are small overlays that open on demand. They let users access additional content and actions without cluttering the page.","directories":{},"_nodeVersion":"12.16.2","dependencies":{"prop-types":"^15.7.2","@babel/runtime":"^7.8.3","@elemental-ui-alpha/core":"^0.0.1","@elemental-ui-alpha/theme":"^0.0.0","@elemental-ui-alpha/utils":"^0.0.1","@elemental-ui-alpha/popper":"^0.0.1"},"_hasShrinkwrap":false,"devDependencies":{"react":"^16.12.0"},"peerDependencies":{"react":"^16.12.0"},"_npmOperationalInternal":{"tmp":"tmp/popover_0.0.1_1587684549316_0.6773897813082412","host":"s3://npm-registry-packages"}},"0.0.2":{"name":"@elemental-ui-alpha/popover","version":"0.0.2","_id":"@elemental-ui-alpha/popover@0.0.2","maintainers":[{"name":"dsf-release-bot","email":"automation+dsf@thinkmill.com.au"},{"name":"mitchellhamilton","email":"mitchell@mitchellhamilton.me"}],"dist":{"shasum":"01b434b2901c8e1af16cc2a634ecb25f8ae453e8","tarball":"https://registry.npmjs.org/@elemental-ui-alpha/popover/-/popover-0.0.2.tgz","fileCount":12,"integrity":"sha512-jdXoycV4wbY2EAlxK+x7UK6UmMEzbaaV0S+fkp95KK70+PEsX3x/fmTQPmtf1IcGRBAP8iuQRNymM6RLae6r4w==","signatures":[{"sig":"MEYCIQCh9YAZGlUmhOnc0s4Iw1YRwuC2tNe8vyOcqLFWVue1GQIhAIOhSglcSAZZs/qgjbwUwabNFTo6Nncsy1Yd9wlzGUe0","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":25075,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeojyCCRA9TVsSAnZWagAAezkP+gPuN2PPL7+Sp138b8Qr\njrfuW9h63Nb2heKe03EwSE4iXM+f6nnXs5CK0gNC4DEXl+SzmZuACoW9mLMR\nlLkt1EaGF++rNR+KplnBvI9G3gy+s+258/sjPXHb4NWT5Hh8rBEDqT/nu7fW\nMP8ku0uPaSqf3KrxOeWlfZE9scPtUYb4Ux17jMcEVTI9+nMnh8j2vwKJwuxW\ntoWuIrMb32seJWt7tUCCiujxTE6U9ujeD3ASwcTjKG2gV2abrHj1uoN7S/gM\nMm1vHmOUwG3MrFO6Tg23AwnXZ1AUsUA8BOANhUB0pLIWr6SQzp1VKUs74v68\n+/1TT1Cp16C2t+Byo5PozMeKCMipez/byEmxyvcv6wfnxVlmelvH5Y48hucv\nWljMJwgh/HWOxCkHVT0pd0twJnbY8s0W97ygXtpsS4hbm2d/tpMFNpueYQ9P\nnLV5N+UqPYf6Dc3afdLqo3dpnRN1Vl8fT8Nnqq2o1ol2WPxKlOvUTOS9kAH2\nfYVF3ZIwXVaZ+rdn+oAdbMPit1MmdiP1uraPpfQnivTUGj2kg64GOEelHoej\n2Nm+AjJlvh1Kss3oPez1bCqk2/fH69HFtUUcr9tUJLWcrgj/L0ikG9xGGHQH\nZ7oOKe0/QO1Lt96JuD/Md2Jxt7YdXoiINh2q3VmvCqcv/ZkCfQUM6e3ck0ej\nNU60\r\n=f249\r\n-----END PGP SIGNATURE-----\r\n"},"docs":{"section":"overlays"},"main":"dist/popover.cjs.js","module":"dist/popover.esm.js","_npmUser":{"name":"dsf-release-bot","email":"automation+dsf@thinkmill.com.au"},"_npmVersion":"6.14.4","description":"Popovers are small overlays that open on demand. They let users access additional content and actions without cluttering the page.","directories":{},"_nodeVersion":"12.16.2","dependencies":{"prop-types":"^15.7.2","@babel/runtime":"^7.8.3","@elemental-ui-alpha/core":"^0.0.2","@elemental-ui-alpha/theme":"^0.0.0","@elemental-ui-alpha/utils":"^0.0.2","@elemental-ui-alpha/popper":"^0.0.2"},"_hasShrinkwrap":false,"devDependencies":{"react":"^16.12.0"},"peerDependencies":{"react":"^16.12.0"},"_npmOperationalInternal":{"tmp":"tmp/popover_0.0.2_1587690618344_0.6037994766184682","host":"s3://npm-registry-packages"}}},"time":{"created":"2020-04-23T04:35:31.354Z","modified":"2026-02-25T01:25:25.627Z","0.0.0":"2020-04-23T04:35:33.681Z","0.0.1":"2020-04-23T23:29:24.292Z","0.0.2":"2020-04-24T01:10:25.822Z"},"description":"Popovers are small overlays that open on demand. They let users access additional content and actions without cluttering the page.","maintainers":[{"email":"npm@emmas.town","name":"emmatown"},{"email":"npm2025+dan@dcousens.com","name":"dcousens"}],"readme":"# Popover\n\n<!-- prettier-ignore-start -->\n```jsx\nimport { Popover, PopoverDialog, usePopoverDialog } from '@elemental-ui-alpha/popover';\n```\n<!-- prettier-ignore-end -->\n\n## Usage\n\n### Component\n\nMost of the time you will be able to use `Popover`. This compound component\ntakes a `trigger` element and wires it up to the dialog for you.\n\n```jsx live\n<Popover trigger={<Button>trigger</Button>}>\n  <Box padding=\"medium\">Some popover content</Box>\n</Popover>\n```\n\n### Hook\n\nFor situations where you need more control, like access to refs and handlers,\nyou will need to combine the `PopoverDialog` with the `usePopoverDialog` hook.\n\n```jsx live\nconst { isOpen, dialog, trigger } = usePopoverDialog('top');\n\nreturn (\n  <>\n    <Button ref={trigger.ref} {...trigger.props}>\n      {isOpen ? 'close' : 'open'}\n    </Button>\n    {isOpen && (\n      <PopoverDialog ref={dialog.ref} {...dialog.props}>\n        <Box padding=\"medium\">Some popover content</Box>\n      </PopoverDialog>\n    )}\n  </>\n);\n```\n\n## Placement\n\nAs a property of the `Popover` component, and the only argument to the\n`usePopoverDialog` hook.\n\nWhere, in relation to the trigger, to place the dialog:\n\n- `auto`\n- `left`\n- `right`\n- `top`\n- `bottom` (default)\n- `auto-start`\n- `auto-end`\n- `top-start`\n- `top-end`\n- `bottom-start`\n- `bottom-end`\n- `right-start`\n- `right-end`\n- `left-start`\n- `left-end`\n\n```jsx live\n<Popover trigger={<Button>trigger</Button>} placement=\"left-start\">\n  <Box padding=\"medium\" width={220}>\n    <Heading level=\"4\">Placement</Heading>\n    <Text as=\"p\" marginTop=\"small\">\n      Some popover content, that goes on for a bit to illustrate placement.\n    </Text>\n  </Box>\n</Popover>\n```\n","readmeFilename":"README.md"}