{"_id":"@annatto/popover","_rev":"6-6fc72c9aff415eec6b10f47fca96c054","name":"@annatto/popover","dist-tags":{"latest":"0.4.0"},"versions":{"0.2.0":{"name":"@annatto/popover","version":"0.2.0","description":"> npm install @annatto/popover > or > yarn add @annatto/popover","main":"index.js","peerDependencies":{"react":"^16.4.0","styled-components":"^3.2.6","typeface-lato":"^0.0.54"},"publishConfig":{"access":"public"},"author":{"name":"@annatto"},"license":"MIT","gitHead":"e809b863603d37803938c5bab72aa197e37ae15d","_id":"@annatto/popover@0.2.0","dist":{"shasum":"73b904a260b1bfbeadebd0331559af2e06ebe1f3","tarball":"https://registry.npmjs.org/@annatto/popover/-/popover-0.2.0.tgz","fileCount":23,"unpackedSize":12270,"integrity":"sha512-jWLCNBBwMtGe1qdgUJ1SVVaXLa+WJBecwiiKGLpD1+CHPy1G25REaqcd7KSLNYDfw2J1eXj76zB7J3VHAVa1Zg==","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIGqLfVga0RdGFWEz/4jZ5e8sldmT05zpyDYokK8Lr0imAiEAvbOvwy15UvQcHJqOtXF45sTNJdipuY7rrRYQWhjQi6U="}]},"maintainers":[{"name":"ncubica","email":"nahum.silva@gmail.com"}],"_npmUser":{"name":"ncubica","email":"nahum.silva@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/popover_0.2.0_1532322867386_0.7677054726846515"},"_hasShrinkwrap":false},"0.2.1":{"name":"@annatto/popover","version":"0.2.1","description":"> npm install @annatto/popover > or > yarn add @annatto/popover","main":"index.js","peerDependencies":{"react":"^16.4.0","styled-components":"^3.2.6","typeface-lato":"^0.0.54"},"publishConfig":{"access":"public"},"author":{"name":"@annatto"},"license":"MIT","gitHead":"5c8cf155a9b5faef391409848a2517d21cbd13c8","_id":"@annatto/popover@0.2.1","dist":{"shasum":"23c2c7f3fad90e42502926791f3062896e3b1f21","tarball":"https://registry.npmjs.org/@annatto/popover/-/popover-0.2.1.tgz","fileCount":23,"unpackedSize":12260,"integrity":"sha512-Oz3AAB0nc/wiool2vnPIKT9HG1cyGzsF8GBudfOIL1Vrh0c7gX1QMGvFzWec/tcE8VxEUL9m7/jjGrVSY7NWdw==","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDsQXf8XOjkmtm64u33FL5zdObNaPXpz53nYkQKa2HdswIgBRBk+MQXOVbMVYGfEX6rZFjEkiaCGJFubcYbj9CbdQU="}]},"maintainers":[{"name":"ncubica","email":"nahum.silva@gmail.com"}],"_npmUser":{"name":"ncubica","email":"nahum.silva@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/popover_0.2.1_1532323836025_0.5921290881393311"},"_hasShrinkwrap":false},"0.3.0":{"name":"@annatto/popover","version":"0.3.0","description":"> npm install @annatto/popover > or > yarn add @annatto/popover","main":"index.js","peerDependencies":{"react":"^16.4.0","styled-components":"^3.2.6","typeface-lato":"^0.0.54"},"repository":{"type":"git","url":"${repository}"},"publishConfig":{"access":"public"},"author":{"name":"@annatto"},"license":"MIT","gitHead":"6424b7fcf99cdbd9dab7718c8f8978e6856ccc3b","_id":"@annatto/popover@0.3.0","dist":{"shasum":"4d9469a9c106d8ac654f541af48d3b8f7056bbb9","tarball":"https://registry.npmjs.org/@annatto/popover/-/popover-0.3.0.tgz","fileCount":23,"unpackedSize":12329,"integrity":"sha512-+Ga2gu3sq4a9aIbg3XPHzv+SlT1+jG4GR5giZMunpXx8sCC+TleQO9NbUSex2ivZG6NsmeH2hyDZg5L3Rwb9sw==","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIDPIzYSbgzwrAOQSOcRFsL4AV7RdCtKmtiaaR2hBqrAlAiEAhxXRVNZbmoo1S9lhs8U8Z/SfjeUKLBT4YZMGW6IoduE="}]},"maintainers":[{"name":"ncubica","email":"nahum.silva@gmail.com"}],"_npmUser":{"name":"ncubica","email":"nahum.silva@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/popover_0.3.0_1532324722417_0.3336860816058562"},"_hasShrinkwrap":false},"0.3.1":{"name":"@annatto/popover","version":"0.3.1","description":"> npm install @annatto/popover > or > yarn add @annatto/popover","main":"index.js","peerDependencies":{"react":"^16.4.0","styled-components":"^3.2.6","typeface-lato":"^0.0.54"},"repository":{"type":"git","url":"https://github.com/nahumzs/annatto.git"},"publishConfig":{"access":"public"},"author":{"name":"@annatto"},"license":"MIT","gitHead":"59b294a95f8ecb014f4215018eca854a77ae646d","_id":"@annatto/popover@0.3.1","dist":{"shasum":"5344708051fe49b4dab8c0e01e2b6cfeed3c9124","tarball":"https://registry.npmjs.org/@annatto/popover/-/popover-0.3.1.tgz","fileCount":23,"unpackedSize":12292,"integrity":"sha512-d1a1vvdA0lYvHbDObNJj4nQDS1tdeSeX5Omw9nZfw1Z5WXHojOx1yTlEKQrkXUFw/NxY5ZZPPCPrKkr+rbDMDQ==","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIGr5O+4DKW/FrxuCMzvIuZUQCDLbdPZGgHq2HCEcs6QlAiEAghpWpvOsaXYbzMnq+0JJ/SicmPPeXq4eHlaRUVWtmmA="}]},"maintainers":[{"name":"ncubica","email":"nahum.silva@gmail.com"}],"_npmUser":{"name":"ncubica","email":"nahum.silva@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/popover_0.3.1_1532324894205_0.6005692845403499"},"_hasShrinkwrap":false},"0.4.0":{"name":"@annatto/popover","version":"0.4.0","description":"> npm install @annatto/popover > or > yarn add @annatto/popover","main":"index.js","peerDependencies":{"react":"^16.4.0","styled-components":"^3.2.6","typeface-lato":"^0.0.54"},"repository":{"type":"git","url":"https://github.com/nahumzs/annatto.git"},"publishConfig":{"access":"public"},"author":{"name":"@annatto"},"license":"MIT","gitHead":"26012131e3c682b1cd165e50aba78affda330d21","_id":"@annatto/popover@0.4.0","dist":{"shasum":"462e3449974b76c117305097a3e72c2f297e9577","tarball":"https://registry.npmjs.org/@annatto/popover/-/popover-0.4.0.tgz","fileCount":23,"unpackedSize":14068,"integrity":"sha512-JrAM7NbeLFmyUs0gBNr+MqjLCdr2MuQjtF5K0oM7IUfch6s6JFRHlyAEYeTwBmrjmP7YOGUP1lcgb4oOICMEmA==","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDpLiVzMGzFwm7VIlTIsM9H+ga8NQqpAuXTndCVjNtrvwIhAJLkD6+NCNv6uYvcyDcLrLLCV4UkhE2kK30BqxPvNFpm"}]},"maintainers":[{"name":"ncubica","email":"nahum.silva@gmail.com"}],"_npmUser":{"name":"ncubica","email":"nahum.silva@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/popover_0.4.0_1532377610192_0.22631883550386123"},"_hasShrinkwrap":false}},"time":{"created":"2018-07-23T05:14:27.265Z","0.2.0":"2018-07-23T05:14:27.454Z","modified":"2022-06-12T14:42:36.972Z","0.2.1":"2018-07-23T05:30:36.125Z","0.3.0":"2018-07-23T05:45:22.477Z","0.3.1":"2018-07-23T05:48:14.278Z","0.4.0":"2018-07-23T20:26:50.266Z"},"maintainers":[{"name":"ncubica","email":"nahum.silva@gmail.com"}],"description":"> npm install @annatto/popover > or > yarn add @annatto/popover","author":{"name":"@annatto"},"license":"MIT","readme":"# Install\n\n> npm install @annatto/popover\n> or\n> yarn add @annatto/popover\n\n# How to use it\n\n```js\nimport React from 'react';\nimport Popover from '@annatto/popover';\n\nthen use <Popover {...props} />\n```\n\n## Api\n\n```js\n// Basic case with button trigger\n<Popover>\n  <Popover.Button />\n  <Popover.Content>Can be anythings</Popover.Content>\n</Popover>\n\n// Basic case with Link trigger\n<Popover>\n  <Popover.Link />\n  <Popover.Content />\n</Popover>\n\n// Button and tooltip style\n<Popover>\n  <Popover.Button>Is a tooltip</Popover.Button>\n  <Popover.Content>\n    <Popover.Tooltip>Content with style of a Tooltip</Popover.Tooltip>\n  </Popover.Content>\n</Popover>\n\n// Button and HoverCard style\n<Popover>\n  <Popover.Button>Is a tooltip</Popover.Button>\n  <Popover.Content>\n    <Popover.HoverCard>Content with style of a HoverCard</Popover.HoverCard>\n  </Popover.Content>\n</Popover>\n\n// Advance case with providing element where to mount the popover\n<Popover>\n  <Popover.Element query={() => {document.querySelector('.some-element')}} />\n  <Popover.Content isVisible={}></Popover.Content>\n</Popover>\n\n// Advance case with providing boundingClientRect\n<Popover>\n<Popover.Element rect={() => (some.getboundingClientRect())} />\n<Popover.Content isVisible={} />\n</Popover>\n\n// Utility Pre-made Components\n<Popover>\n  <Popover.Button />\n  <Popover.Delete\n    message={}\n    onConfirm={}\n    onCancel={}\n  />\n</Popover>\n```\n\n# Props\n\n_<Popover />_\n\n**align** `default: bottom`\n\n`<Popover align=\"left\" />`\n\n```js\noneOf([\n  // basic alignments\n  \"topLeft\",\n  \"top\",\n  \"topRight\",\n  \"rightTop\",\n  \"right\",\n  \"rightBottom\",\n  \"bottomRight\",\n  \"bottom\",\n  \"bottomLeft\",\n  \"leftTop\",\n  \"left\",\n  \"leftBottom\",\n\n  // advance alignments\n  \"topLeft:right\",\n  \"topLeft:left\",\n  \"top:left\",\n  \"top:right\",\n  \"topRight:left\",\n  \"topRight:right\",\n  \"rightTop:top\",\n  \"rightTop:bottom\",\n  \"right:top\",\n  \"right:bottom\",\n  \"rightBottom:top\",\n  \"rightBottom:bottom\",\n  \"bottomRight:left\",\n  \"bottomRight:right\",\n  \"bottom:left\",\n  \"bottom:right\",\n  \"bottomLeft:left\",\n  \"bottomLeft:right\",\n  \"leftTop:top\",\n  \"leftTop:bottom\",\n  \"left:top\",\n  \"left:bottom\",\n  \"leftBottom:top\",\n  \"leftBottom:bottom\",\n]);\n```\n\n# Read more\n\n[documentation]: https://design.annato.com/@annatto/popover\n","readmeFilename":"readme.md","repository":{"type":"git","url":"https://github.com/nahumzs/annatto.git"}}